One Calendar is a privacy-first calendar web app built with Next.js. It has modern security features, including e2ee, password-protected sharing, and self-destructing share links ๐Ÿ“… calendar.xyehr.cn
5
fork

Configure Feed

Select the types of activity you want to include in your feed.

ui: update ui library

authored by

Evan Huang and committed by
GitHub
4fe96095 ffb36426

+20 -22
+20 -22
components/ui/label.tsx
··· 1 - "use client"; 1 + "use client" 2 2 3 - import { cva, type VariantProps } from "class-variance-authority"; 4 - import * as LabelPrimitive from "@radix-ui/react-label"; 5 - import * as React from "react"; 3 + import * as React from "react" 4 + import { Label as LabelPrimitive } from "radix-ui" 6 5 7 - import { cn } from "@/lib/utils"; 6 + import { cn } from "@/lib/utils" 8 7 9 - const labelVariants = cva( 10 - "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", 11 - ); 12 - 13 - const Label = React.forwardRef< 14 - React.ElementRef<typeof LabelPrimitive.Root>, 15 - React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & 16 - VariantProps<typeof labelVariants> 17 - >(({ className, ...props }, ref) => ( 18 - <LabelPrimitive.Root 19 - ref={ref} 20 - className={cn(labelVariants(), className)} 21 - {...props} 22 - /> 23 - )); 24 - Label.displayName = LabelPrimitive.Root.displayName; 8 + function Label({ 9 + className, 10 + ...props 11 + }: React.ComponentProps<typeof LabelPrimitive.Root>) { 12 + return ( 13 + <LabelPrimitive.Root 14 + data-slot="label" 15 + className={cn( 16 + "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", 17 + className 18 + )} 19 + {...props} 20 + /> 21 + ) 22 + } 25 23 26 - export { Label }; 24 + export { Label }