@codefast/ui 0.0.30 → 0.0.32

package/src/dropdown-menu.tsx

@@ -55,7 +55,7 @@ const DropdownMenuSubTrigger = React.forwardRef<DropdownMenuSubTriggerElement, D
     <DropdownMenuPrimitive.SubTrigger
       ref={ref}
       className={cn(
-        "focus:bg-accent data-[state=open]:bg-accent flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline-none",
+        "focus:bg-accent data-[state=open]:bg-accent flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm",
         inset && "pl-8",
         className,
       )}
@@ -83,7 +83,7 @@ const DropdownMenuSubContent = React.forwardRef<
     <DropdownMenuPrimitive.SubContent
       ref={ref}
       className={cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md focus:outline-none",
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md",
         className,
       )}
       {...props}
@@ -101,13 +101,13 @@ type DropdownMenuContentElement = React.ElementRef<typeof DropdownMenuPrimitive.
 type DropdownMenuContentProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>;
 
 const DropdownMenuContent = React.forwardRef<DropdownMenuContentElement, DropdownMenuContentProps>(
-  ({ className, sideOffset = 4, ...props }, ref) => (
+  ({ className, sideOffset = 6, ...props }, ref) => (
     <DropdownMenuPrimitive.Portal>
       <DropdownMenuPrimitive.Content
         ref={ref}
         sideOffset={sideOffset}
         className={cn(
-          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md focus:outline-none",
+          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md",
           className,
         )}
         {...props}
@@ -133,7 +133,7 @@ const DropdownMenuItem = React.forwardRef<DropdownMenuItemElement, DropdownMenuI
     <DropdownMenuPrimitive.Item
       ref={ref}
       className={cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm transition-colors focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50",
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm transition focus:outline aria-disabled:pointer-events-none aria-disabled:opacity-50",
         inset && "pl-8",
         className,
       )}
@@ -156,7 +156,7 @@ const DropdownMenuCheckboxItem = React.forwardRef<DropdownMenuCheckboxItemElemen
     <DropdownMenuPrimitive.CheckboxItem
       ref={ref}
       className={cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm transition-colors focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50",
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm transition focus:outline aria-disabled:pointer-events-none aria-disabled:opacity-50",
         className,
       )}
       checked={checked}
@@ -186,7 +186,7 @@ const DropdownMenuRadioItem = React.forwardRef<DropdownMenuRadioItemElement, Dro
     <DropdownMenuPrimitive.RadioItem
       ref={ref}
       className={cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm transition-colors focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50",
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm transition focus:outline aria-disabled:pointer-events-none aria-disabled:opacity-50",
         className,
       )}
       {...props}

package/src/hover-card.tsx

@@ -26,14 +26,14 @@ type HoverCardContentElement = React.ElementRef<typeof HoverCardPrimitive.Conten
 type HoverCardContentProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>;
 
 const HoverCardContent = React.forwardRef<HoverCardContentElement, HoverCardContentProps>(
-  ({ className, align = "center", sideOffset = 4, ...props }, ref) => (
+  ({ className, align = "center", sideOffset = 6, ...props }, ref) => (
     <HoverCardPrimitive.Portal>
       <HoverCardPrimitive.Content
         ref={ref}
         align={align}
         sideOffset={sideOffset}
         className={cn(
-          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-[8rem] rounded-md border p-4 shadow-md focus:outline-none",
+          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-[8rem] rounded-md border p-4 shadow-md",
           className,
         )}
         {...props}

package/src/input-otp.tsx

@@ -63,7 +63,7 @@ const InputOTPSlot = React.forwardRef<InputOTPSlotElement, InputOTPSlotProps>(({
       ref={ref}
       className={cn(
         "border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
-        slot?.isActive && "ring-ring z-10 ring-2",
+        slot?.isActive && "z-10 outline outline-2",
         className,
       )}
       {...props}

package/src/input.tsx

@@ -7,7 +7,7 @@ import { cva } from "./utils";
  * -------------------------------------------------------------------------- */
 
 const inputVariants = cva({
-  base: "border-input placeholder:text-muted-foreground focus-visible:ring-ring focus-visible:ring-offset-background flex w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+  base: "border-input placeholder:text-muted-foreground flex w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm transition file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
   variants: {
     inputSize: {
       default: "h-10",

package/src/menubar.tsx

@@ -61,7 +61,7 @@ const MenubarTrigger = React.forwardRef<MenubarTriggerElement, MenubarTriggerPro
   <MenubarPrimitive.Trigger
     ref={ref}
     className={cn(
-      "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium focus:outline-none",
+      "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium focus:outline",
       className,
     )}
     {...props}
@@ -85,7 +85,7 @@ const MenubarSubTrigger = React.forwardRef<MenubarSubTriggerElement, MenubarSubT
     <MenubarPrimitive.SubTrigger
       ref={ref}
       className={cn(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline-none",
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline",
         inset && "pl-8",
         className,
       )}
@@ -112,7 +112,7 @@ const MenubarSubContent = React.forwardRef<MenubarSubContentElement, MenubarSubC
       <MenubarPrimitive.SubContent
         ref={ref}
         className={cn(
-          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md focus:outline-none",
+          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md",
           className,
         )}
         {...props}
@@ -139,7 +139,7 @@ const MenubarContent = React.forwardRef<MenubarContentElement, MenubarContentPro
         alignOffset={alignOffset}
         sideOffset={sideOffset}
         className={cn(
-          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md focus:outline-none",
+          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md",
           className,
         )}
         {...props}
@@ -164,7 +164,7 @@ const MenubarItem = React.forwardRef<MenubarItemElement, MenubarItemProps>(({ cl
   <MenubarPrimitive.Item
     ref={ref}
     className={cn(
-      "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50",
+      "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline aria-disabled:pointer-events-none aria-disabled:opacity-50",
       inset && "pl-8",
       className,
     )}
@@ -186,7 +186,7 @@ const MenubarCheckboxItem = React.forwardRef<MenubarCheckboxItemElement, Menubar
     <MenubarPrimitive.CheckboxItem
       ref={ref}
       className={cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50",
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline aria-disabled:pointer-events-none aria-disabled:opacity-50",
         className,
       )}
       checked={checked}
@@ -216,7 +216,7 @@ const MenubarRadioItem = React.forwardRef<MenubarRadioItemElement, MenubarRadioI
     <MenubarPrimitive.RadioItem
       ref={ref}
       className={cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50",
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline aria-disabled:pointer-events-none aria-disabled:opacity-50",
         className,
       )}
       {...props}

package/src/navigation-menu.tsx

@@ -10,7 +10,7 @@ import { cn, cva } from "./utils";
  * -------------------------------------------------------------------------- */
 
 const navigationMenuTriggerVariants = cva({
-  base: "bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent/50 data-[active]:bg-accent/50 group inline-flex h-10 w-max items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition-colors focus:outline-none disabled:pointer-events-none disabled:opacity-50",
+  base: "bg-background hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent/50 data-[active]:bg-accent/50 group inline-flex h-10 w-max items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition focus:outline disabled:pointer-events-none disabled:opacity-50",
 });
 
 /* -----------------------------------------------------------------------------
@@ -101,7 +101,7 @@ const NavigationMenuContent = React.forwardRef<NavigationMenuContentElement, Nav
     <NavigationMenuPrimitive.Content
       ref={ref}
       className={cn(
-        "data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 left-0 top-0 w-full focus:outline-none md:absolute md:w-auto",
+        "data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 left-0 top-0 w-full md:absolute md:w-auto",
         className,
       )}
       {...props}

package/src/popover.tsx

@@ -33,14 +33,14 @@ type PopoverContentElement = React.ElementRef<typeof PopoverPrimitive.Content>;
 type PopoverContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>;
 
 const PopoverContent = React.forwardRef<PopoverContentElement, PopoverContentProps>(
-  ({ className, align = "center", sideOffset = 4, ...props }, ref) => (
+  ({ className, align = "center", sideOffset = 6, ...props }, ref) => (
     <PopoverPrimitive.Portal>
       <PopoverPrimitive.Content
         ref={ref}
         align={align}
         sideOffset={sideOffset}
         className={cn(
-          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-[8rem] rounded-md border p-4 shadow-md focus:outline-none",
+          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-[8rem] rounded-md border p-4 shadow-md",
           className,
         )}
         {...props}

package/src/progress.tsx

@@ -18,7 +18,7 @@ const Progress = React.forwardRef<ProgressElement, ProgressProps>(({ className,
     {...props}
   >
     <ProgressPrimitive.Indicator
-      className="bg-primary size-full flex-1 transition-all"
+      className="bg-primary size-full flex-1 transition"
       style={{
         transform: `translateX(-${String(100 - (value ?? 0))}%)`,
       }}

package/src/radio-cards.tsx

@@ -29,7 +29,7 @@ const RadioCardsItem = React.forwardRef<RadioCardsItemElement, RadioCardsItemPro
     <RadioGroupPrimitive.Item
       ref={ref}
       className={cn(
-        "border-compound/70 text-compound-foreground hover:border-compound aria-checked:border-primary focus-visible:bg-primary/10 focus-visible:ring-ring focus-visible:ring-offset-background group peer flex cursor-default items-center justify-center rounded-md border p-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        "border-compound/70 text-compound-foreground hover:border-compound aria-checked:border-primary focus-visible:bg-primary/10 group peer flex cursor-default items-center justify-center rounded-md border p-4 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
         className,
       )}
       {...props}

package/src/radio-group.tsx

@@ -29,7 +29,7 @@ const RadioGroupItem = React.forwardRef<RadioGroupItemElement, RadioGroupItemPro
     <RadioGroupPrimitive.Item
       ref={ref}
       className={cn(
-        "border-compound/70 hover:border-compound text-compound-foreground aria-checked:border-primary focus-visible:ring-ring focus-visible:ring-offset-background group peer aspect-square size-4 rounded-full border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        "border-compound/70 hover:border-compound text-compound-foreground aria-checked:border-primary group peer aspect-square size-4 rounded-full border focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
         className,
       )}
       {...props}

package/src/radio.tsx

@@ -21,7 +21,7 @@ const Radio = React.forwardRef<RadioElement, RadioProps>(({ className, onValueCh
       type="radio"
       onChange={composeEventHandlers(onChange, (event) => onValueChange?.(event.currentTarget.value))}
       className={cn(
-        "before:border-compound/70 hover:before:border-compound checked:before:border-primary checked:after:bg-primary focus-visible:ring-ring focus-visible:ring-offset-background peer relative flex appearance-none items-center justify-center rounded-full before:size-4 before:rounded-full before:border checked:after:absolute checked:after:size-2.5 checked:after:rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        "before:border-compound/70 hover:before:border-compound checked:before:border-primary checked:after:bg-primary peer relative flex appearance-none items-center justify-center rounded-full before:size-4 before:rounded-full before:border checked:after:absolute checked:after:size-2.5 checked:after:rounded-full focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
         className,
       )}
       {...props}

package/src/resizable.tsx

@@ -41,7 +41,7 @@ function ResizableHandle({
   return (
     <ResizablePrimitive.PanelResizeHandle
       className={cn(
-        "bg-border focus-visible:ring-ring focus-visible:ring-offset-background relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+        "bg-border relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
         className,
       )}
       {...props}

package/src/scroll-area.tsx

@@ -35,7 +35,7 @@ const ScrollAreaScrollbar = React.forwardRef<ScrollAreaScrollbarElement, ScrollA
       ref={ref}
       orientation={orientation}
       className={cn(
-        "flex touch-none select-none transition-colors",
+        "flex touch-none select-none transition",
         orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-px",
         orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-px",
         className,

package/src/select.tsx

@@ -38,7 +38,7 @@ const SelectTrigger = React.forwardRef<SelectTriggerElement, SelectTriggerProps>
     <SelectPrimitive.Trigger
       ref={ref}
       className={cn(
-        "border-input placeholder:text-muted-foreground focus-visible:ring-offset-background focus-visible:ring-ring flex h-10 w-full items-center justify-between gap-2 whitespace-nowrap rounded-md border bg-transparent px-3 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 [&>span]:truncate",
+        "border-input placeholder:text-muted-foreground flex h-10 w-full items-center justify-between gap-2 whitespace-nowrap rounded-md border bg-transparent px-3 text-sm shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 [&>span]:truncate",
         className,
       )}
       {...props}
@@ -158,7 +158,7 @@ const SelectItem = React.forwardRef<SelectItemElement, SelectItemProps>(({ class
   <SelectPrimitive.Item
     ref={ref}
     className={cn(
-      "focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50",
+      "focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm focus:outline aria-disabled:pointer-events-none aria-disabled:opacity-50",
       className,
     )}
     {...props}

package/src/sheet.tsx

@@ -63,7 +63,7 @@ const SheetContent = React.forwardRef<SheetContentElement, SheetContentProps>(
       <SheetPrimitive.Overlay className="data-[state=open]:animate-in animation-duration-200 data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80" />
       <SheetPrimitive.Content ref={ref} className={sheetVariants({ side, className })} {...props}>
         {children}
-        <SheetPrimitive.Close className="data-[state=open]:bg-secondary focus-visible:ring-ring focus-visible:ring-offset-background absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none">
+        <SheetPrimitive.Close className="data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition hover:opacity-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none">
           <Cross2Icon className="size-4" />
           <span className="sr-only">Close</span>
         </SheetPrimitive.Close>

package/src/slider.tsx

@@ -25,7 +25,7 @@ const Slider = React.forwardRef<SliderElement, SliderProps>(({ className, ...pro
       <SliderPrimitive.Thumb
         // eslint-disable-next-line react/no-array-index-key -- index is stable
         key={index}
-        className="border-primary/50 bg-background focus-visible:ring-ring focus-visible:ring-offset-background block size-4 rounded-full border shadow transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
+        className="border-primary/50 bg-background block size-4 rounded-full border shadow transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50"
         {...(props.tabIndex !== undefined ? { tabIndex: props.tabIndex } : undefined)}
       />
     ))}

package/src/switch.tsx

@@ -14,13 +14,13 @@ type SwitchProps = React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>;
 const Switch = React.forwardRef<SwitchElement, SwitchProps>(({ className, ...props }, ref) => (
   <SwitchPrimitives.Root
     className={cn(
-      "data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:ring-ring focus-visible:ring-offset-background peer inline-flex h-5 w-9 shrink-0 items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+      "data-[state=checked]:bg-primary data-[state=unchecked]:bg-input peer inline-flex h-5 w-9 shrink-0 items-center rounded-full border-2 border-transparent shadow-sm transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
       className,
     )}
     {...props}
     ref={ref}
   >
-    <SwitchPrimitives.Thumb className="bg-background pointer-events-none block size-4 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0" />
+    <SwitchPrimitives.Thumb className="bg-background pointer-events-none block size-4 rounded-full shadow-lg transition data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0" />
   </SwitchPrimitives.Root>
 ));
 

package/src/table.tsx

@@ -65,7 +65,7 @@ type TableRowProps = React.HTMLAttributes<HTMLTableRowElement>;
 const TableRow = React.forwardRef<TableRowElement, TableRowProps>(({ className, ...props }, ref) => (
   <tr
     ref={ref}
-    className={cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className)}
+    className={cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition", className)}
     {...props}
   />
 ));

package/src/tabs.tsx

@@ -22,7 +22,7 @@ const TabsList = React.forwardRef<TabsListElement, TabsListProps>(({ className,
   <TabsPrimitive.List
     ref={ref}
     className={cn(
-      "bg-muted text-muted-foreground inline-flex h-10 items-center justify-center rounded-md p-1",
+      "bg-muted text-muted-foreground inline-flex h-10 items-center justify-center gap-1 rounded-md p-1",
       className,
     )}
     {...props}
@@ -42,7 +42,7 @@ const TabsTrigger = React.forwardRef<TabsTriggerElement, TabsTriggerProps>(({ cl
   <TabsPrimitive.Trigger
     ref={ref}
     className={cn(
-      "data-[state=active]:bg-background data-[state=active]:text-foreground focus-visible:ring-ring focus-visible:ring-offset-background inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm",
+      "data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium outline-transparent transition-all focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm",
       className,
     )}
     {...props}
@@ -62,7 +62,7 @@ const TabsContent = React.forwardRef<TabsContentElement, TabsContentProps>(({ cl
   <TabsPrimitive.Content
     ref={ref}
     className={cn(
-      "focus-visible:ring-ring focus-visible:ring-offset-background mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+      "mt-2 rounded-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2",
       className,
     )}
     {...props}

package/src/textarea.tsx

@@ -12,7 +12,7 @@ const Textarea = React.forwardRef<TextareaElement, TextareaProps>(({ className,
   return (
     <textarea
       className={cn(
-        "border-input placeholder:text-muted-foreground focus-visible:ring-ring focus-visible:ring-offset-background flex min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        "border-input placeholder:text-muted-foreground flex min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
         className,
       )}
       ref={ref}

package/src/toggle.tsx

@@ -10,7 +10,7 @@ import { cva } from "./utils";
  * -------------------------------------------------------------------------- */
 
 const toggleVariants = cva({
-  base: "hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground focus-visible:ring-offset-background inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  base: "hover:bg-muted hover:text-muted-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none disabled:opacity-50",
   variants: {
     variant: {
       default: "bg-transparent",

package/src/tooltip.tsx

@@ -33,13 +33,13 @@ type TooltipContentElement = React.ElementRef<typeof TooltipPrimitive.Content>;
 type TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>;
 
 const TooltipContent = React.forwardRef<TooltipContentElement, TooltipContentProps>(
-  ({ className, sideOffset = 4, ...props }, ref) => (
+  ({ className, sideOffset = 6, ...props }, ref) => (
     <TooltipPrimitive.Portal>
       <TooltipPrimitive.Content
         ref={ref}
         sideOffset={sideOffset}
         className={cn(
-          "bg-primary text-primary-foreground data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2 data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2 data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 rounded-md px-3 py-1.5 text-xs focus:outline-none",
+          "bg-primary text-primary-foreground data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2 data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2 data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 rounded-md px-3 py-1.5 text-xs",
           className,
         )}
         {...props}

package/tailwind.config.ts

@@ -2,11 +2,12 @@ import type { Config } from "tailwindcss";
 import { fontFamily } from "tailwindcss/defaultTheme";
 import animate from "./animate.plugin";
 import perspective from "./perspective.plugin";
+import base from "./base.plugin";
 
 const config: Config = {
   content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"],
   darkMode: ["class"],
-  plugins: [animate, perspective],
+  plugins: [animate, perspective, base],
   theme: {
     extend: {
       animation: {
@@ -103,8 +104,18 @@ const config: Config = {
           },
         },
       },
+      outlineColor: {
+        DEFAULT: "hsl(var(--ring))",
+      },
+      ringColor: {
+        DEFAULT: "hsl(var(--ring))",
+      },
+      ringOffsetColor: {
+        DEFAULT: "hsl(var(--background))",
+      },
       spacing: {
         0.75: "0.1875rem", // 3px
+        18: "4.5rem", // 72px
       },
       transitionDuration: {
         250: "250ms",

package/dist/chunk-4EKGZT4P.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var o = _interopRequireWildcard(_react);var _reacttoggle = require('@radix-ui/react-toggle'); var e = _interopRequireWildcard(_reacttoggle);var _jsxruntime = require('react/jsx-runtime');var g=_chunkQZCQ42BPjs.a.call(void 0, {base:"hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground focus-visible:ring-offset-background inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",variants:{variant:{default:"bg-transparent",outline:"border-input hover:bg-accent hover:text-accent-foreground border bg-transparent shadow-sm"},size:{default:"h-10 px-3",sm:"h-9 px-2.5",lg:"h-11 px-5"}},defaultVariants:{variant:"default",size:"default"}}),l= exports.b =o.forwardRef(({className:r,variant:i,size:a,...n},s)=>_jsxruntime.jsx.call(void 0, e.Root,{ref:s,className:g({variant:i,size:a,className:r}),...n}));l.displayName=e.Root.displayName;exports.a = g; exports.b = l;
-//# sourceMappingURL=chunk-4EKGZT4P.js.map

package/dist/chunk-4EKGZT4P.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/toggle.tsx"],"names":["React","TogglePrimitive","jsx","toggleVariants","cva","Toggle","className","variant","size","props","ref"],"mappings":"wCAEA,UAAYA,MAAW,QACvB,UAAYC,MAAqB,yBAqC/B,cAAAC,MAAA,oBA7BF,IAAMC,EAAiBC,EAAI,CACzB,KAAM,iYACN,SAAU,CACR,QAAS,CACP,QAAS,iBACT,QAAS,2FACX,EACA,KAAM,CACJ,QAAS,YACT,GAAI,aACJ,GAAI,WACN,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,SACR,CACF,CAAC,EAWKC,EAAe,aAAuC,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,KAAAC,EAAM,GAAGC,CAAM,EAAGC,IACnGR,EAAiB,OAAhB,CAAqB,IAAKQ,EAAK,UAAWP,EAAe,CAAE,QAAAI,EAAS,KAAAC,EAAM,UAAAF,CAAU,CAAC,EAAI,GAAGG,EAAO,CACrG,EAEDJ,EAAO,YAA8B,OAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\nimport { type VariantProps } from \"cva\";\nimport { cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Toggle\n * -------------------------------------------------------------------------- */\n\nconst toggleVariants = cva({\n  base: \"hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground focus-visible:ring-offset-background inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n  variants: {\n    variant: {\n      default: \"bg-transparent\",\n      outline: \"border-input hover:bg-accent hover:text-accent-foreground border bg-transparent shadow-sm\",\n    },\n    size: {\n      default: \"h-10 px-3\",\n      sm: \"h-9 px-2.5\",\n      lg: \"h-11 px-5\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"default\",\n  },\n});\n\ntype ToggleVariantsProps = VariantProps<typeof toggleVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Toggle\n * -------------------------------------------------------------------------- */\n\ntype ToggleElement = React.ElementRef<typeof TogglePrimitive.Root>;\ntype ToggleProps = React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & ToggleVariantsProps;\n\nconst Toggle = React.forwardRef<ToggleElement, ToggleProps>(({ className, variant, size, ...props }, ref) => (\n  <TogglePrimitive.Root ref={ref} className={toggleVariants({ variant, size, className })} {...props} />\n));\n\nToggle.displayName = TogglePrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\nexport { Toggle, toggleVariants, type ToggleProps, type ToggleVariantsProps };\n"]}

package/dist/chunk-5Y6JHPJR.mjs

@@ -1,2 +0,0 @@
-import{a as t}from"./chunk-JTI7KCLO.mjs";import*as o from"react";import*as e from"@radix-ui/react-toggle";import{jsx as p}from"react/jsx-runtime";var g=t({base:"hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground focus-visible:ring-offset-background inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",variants:{variant:{default:"bg-transparent",outline:"border-input hover:bg-accent hover:text-accent-foreground border bg-transparent shadow-sm"},size:{default:"h-10 px-3",sm:"h-9 px-2.5",lg:"h-11 px-5"}},defaultVariants:{variant:"default",size:"default"}}),l=o.forwardRef(({className:r,variant:i,size:a,...n},s)=>p(e.Root,{ref:s,className:g({variant:i,size:a,className:r}),...n}));l.displayName=e.Root.displayName;export{g as a,l as b};
-//# sourceMappingURL=chunk-5Y6JHPJR.mjs.map

package/dist/chunk-5Y6JHPJR.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\nimport { type VariantProps } from \"cva\";\nimport { cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Toggle\n * -------------------------------------------------------------------------- */\n\nconst toggleVariants = cva({\n  base: \"hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground focus-visible:ring-offset-background inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n  variants: {\n    variant: {\n      default: \"bg-transparent\",\n      outline: \"border-input hover:bg-accent hover:text-accent-foreground border bg-transparent shadow-sm\",\n    },\n    size: {\n      default: \"h-10 px-3\",\n      sm: \"h-9 px-2.5\",\n      lg: \"h-11 px-5\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"default\",\n  },\n});\n\ntype ToggleVariantsProps = VariantProps<typeof toggleVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Toggle\n * -------------------------------------------------------------------------- */\n\ntype ToggleElement = React.ElementRef<typeof TogglePrimitive.Root>;\ntype ToggleProps = React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & ToggleVariantsProps;\n\nconst Toggle = React.forwardRef<ToggleElement, ToggleProps>(({ className, variant, size, ...props }, ref) => (\n  <TogglePrimitive.Root ref={ref} className={toggleVariants({ variant, size, className })} {...props} />\n));\n\nToggle.displayName = TogglePrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\nexport { Toggle, toggleVariants, type ToggleProps, type ToggleVariantsProps };\n"],"mappings":"yCAEA,UAAYA,MAAW,QACvB,UAAYC,MAAqB,yBAqC/B,cAAAC,MAAA,oBA7BF,IAAMC,EAAiBC,EAAI,CACzB,KAAM,iYACN,SAAU,CACR,QAAS,CACP,QAAS,iBACT,QAAS,2FACX,EACA,KAAM,CACJ,QAAS,YACT,GAAI,aACJ,GAAI,WACN,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,SACR,CACF,CAAC,EAWKC,EAAe,aAAuC,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,KAAAC,EAAM,GAAGC,CAAM,EAAGC,IACnGR,EAAiB,OAAhB,CAAqB,IAAKQ,EAAK,UAAWP,EAAe,CAAE,QAAAI,EAAS,KAAAC,EAAM,UAAAF,CAAU,CAAC,EAAI,GAAGG,EAAO,CACrG,EAEDJ,EAAO,YAA8B,OAAK","names":["React","TogglePrimitive","jsx","toggleVariants","cva","Toggle","className","variant","size","props","ref"]}

package/dist/chunk-EYJMSPOZ.mjs

@@ -1,2 +0,0 @@
-import{a as i}from"./chunk-TMXZMQRK.mjs";import{a as s}from"./chunk-JTI7KCLO.mjs";import*as a from"react";import{Fragment as b}from"react";import{Slot as g}from"@radix-ui/react-slot";import{VisuallyHidden as v}from"@radix-ui/react-visually-hidden";import{jsx as e,jsxs as x}from"react/jsx-runtime";var y=s({base:"focus-visible:ring-ring focus-visible:ring-offset-background inline-flex select-none items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90 shadow",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline",outline:"border-input bg-background hover:bg-accent hover:text-accent-foreground border shadow-sm",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-sm"},size:{default:"h-10 px-4",xs:"h-8 px-2",sm:"h-9 px-3",lg:"h-11 px-8",icon:"size-10","icon-xs":"size-8","icon-sm":"size-9","icon-lg":"size-11"},loading:{true:"relative"}},defaultVariants:{size:"default",variant:"default",loading:!1}}),h=a.forwardRef(({children:t,className:u,variant:d,size:c,loading:o=!1,asChild:n=!1,...r},p)=>{let l=n?g:"button",f=n?"span":b,m=o||r.disabled;return e(l,{ref:p,type:n?void 0:"button",className:y({variant:d,size:c,loading:o,className:u}),...r,disabled:m,children:o?x(f,{children:[e("span",{"aria-hidden":!0,className:"invisible contents",children:t}),e(v,{children:t}),e("span",{className:"absolute inset-0 flex items-center justify-center",children:e(i,{})})]}):t})});h.displayName="Button";export{y as a,h as b};
-//# sourceMappingURL=chunk-EYJMSPOZ.mjs.map

package/dist/chunk-EYJMSPOZ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Fragment } from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { type VariantProps } from \"cva\";\nimport { VisuallyHidden } from \"@radix-ui/react-visually-hidden\";\nimport { Spinner } from \"./spinner\";\nimport { cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Button\n * -------------------------------------------------------------------------- */\n\nconst buttonVariants = cva({\n  base: \"focus-visible:ring-ring focus-visible:ring-offset-background inline-flex select-none items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n  variants: {\n    variant: {\n      default: \"bg-primary text-primary-foreground hover:bg-primary/90 shadow\",\n      destructive: \"bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm\",\n      ghost: \"hover:bg-accent hover:text-accent-foreground\",\n      link: \"text-primary underline-offset-4 hover:underline\",\n      outline: \"border-input bg-background hover:bg-accent hover:text-accent-foreground border shadow-sm\",\n      secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-sm\",\n    },\n    size: {\n      default: \"h-10 px-4\",\n      xs: \"h-8 px-2\",\n      sm: \"h-9 px-3\",\n      lg: \"h-11 px-8\",\n      icon: \"size-10\",\n      \"icon-xs\": \"size-8\",\n      \"icon-sm\": \"size-9\",\n      \"icon-lg\": \"size-11\",\n    },\n    loading: {\n      true: \"relative\",\n    },\n  },\n  defaultVariants: {\n    size: \"default\",\n    variant: \"default\",\n    loading: false,\n  },\n});\n\ntype ButtonVariantsProps = VariantProps<typeof buttonVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Button\n * -------------------------------------------------------------------------- */\n\ntype ButtonElement = HTMLButtonElement;\n\ninterface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, ButtonVariantsProps {\n  asChild?: boolean;\n}\n\nconst Button = React.forwardRef<ButtonElement, ButtonProps>(\n  ({ children, className, variant, size, loading = false, asChild = false, ...props }, ref) => {\n    const Component = asChild ? Slot : \"button\";\n    const ComponentLoading = asChild ? \"span\" : Fragment;\n    const disabled = loading || props.disabled;\n\n    return (\n      <Component\n        ref={ref}\n        type={asChild ? undefined : \"button\"}\n        className={buttonVariants({ variant, size, loading, className })}\n        {...props}\n        disabled={disabled}\n      >\n        {loading ? (\n          <ComponentLoading>\n            <span aria-hidden className=\"invisible contents\">\n              {children}\n            </span>\n            <VisuallyHidden>{children}</VisuallyHidden>\n            <span className=\"absolute inset-0 flex items-center justify-center\">\n              <Spinner />\n            </span>\n          </ComponentLoading>\n        ) : (\n          children\n        )}\n      </Component>\n    );\n  },\n);\n\nButton.displayName = \"Button\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Button, buttonVariants, type ButtonProps, type ButtonVariantsProps };\n"],"mappings":"kFAAA,UAAYA,MAAW,QACvB,OAAS,YAAAC,MAAgB,QACzB,OAAS,QAAAC,MAAY,uBAErB,OAAS,kBAAAC,MAAsB,kCAmErB,OACE,OAAAC,EADF,QAAAC,MAAA,oBA3DV,IAAMC,EAAiBC,EAAI,CACzB,KAAM,yTACN,SAAU,CACR,QAAS,CACP,QAAS,gEACT,YAAa,+EACb,MAAO,+CACP,KAAM,kDACN,QAAS,2FACT,UAAW,wEACb,EACA,KAAM,CACJ,QAAS,YACT,GAAI,WACJ,GAAI,WACJ,GAAI,YACJ,KAAM,UACN,UAAW,SACX,UAAW,SACX,UAAW,SACb,EACA,QAAS,CACP,KAAM,UACR,CACF,EACA,gBAAiB,CACf,KAAM,UACN,QAAS,UACT,QAAS,EACX,CACF,CAAC,EAcKC,EAAe,aACnB,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,QAAAC,EAAS,KAAAC,EAAM,QAAAC,EAAU,GAAO,QAAAC,EAAU,GAAO,GAAGC,CAAM,EAAGC,IAAQ,CAC3F,IAAMC,EAAYH,EAAUI,EAAO,SAC7BC,EAAmBL,EAAU,OAASM,EACtCC,EAAWR,GAAWE,EAAM,SAElC,OACEX,EAACa,EAAA,CACC,IAAKD,EACL,KAAMF,EAAU,OAAY,SAC5B,UAAWR,EAAe,CAAE,QAAAK,EAAS,KAAAC,EAAM,QAAAC,EAAS,UAAAH,CAAU,CAAC,EAC9D,GAAGK,EACJ,SAAUM,EAET,SAAAR,EACCR,EAACc,EAAA,CACC,UAAAf,EAAC,QAAK,cAAW,GAAC,UAAU,qBACzB,SAAAK,EACH,EACAL,EAACkB,EAAA,CAAgB,SAAAb,EAAS,EAC1BL,EAAC,QAAK,UAAU,oDACd,SAAAA,EAACmB,EAAA,EAAQ,EACX,GACF,EAEAd,EAEJ,CAEJ,CACF,EAEAD,EAAO,YAAc","names":["React","Fragment","Slot","VisuallyHidden","jsx","jsxs","buttonVariants","cva","Button","children","className","variant","size","loading","asChild","props","ref","Component","Slot","ComponentLoading","Fragment","disabled","VisuallyHidden","Spinner"]}

package/dist/chunk-FMUXQD3X.mjs

@@ -1,2 +0,0 @@
-import{b as a}from"./chunk-JTI7KCLO.mjs";import*as s from"react";import*as e from"@radix-ui/react-dialog";import{Cross2Icon as p}from"@radix-ui/react-icons";import{jsx as i,jsxs as r}from"react/jsx-runtime";var f=e.Root,P=e.Trigger,y=e.Close,g=s.forwardRef(({className:t,children:o,...l},n)=>r(e.Portal,{children:[i(e.Overlay,{className:"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80"}),r(e.Content,{ref:n,className:a("bg-background data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-1/3 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/3 animation-duration-200 fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200 focus:outline-none sm:rounded-lg",t),...l,children:[o,r(e.Close,{className:"data-[state=open]:bg-accent data-[state=open]:text-muted-foreground focus-visible:ring-ring focus-visible:ring-offset-background absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none",children:[i(p,{className:"size-4"}),i("span",{className:"sr-only",children:"Close"})]})]})]}));g.displayName=e.Content.displayName;function u({className:t,...o}){return i("div",{className:a("flex flex-col space-y-1.5 text-center sm:text-left",t),...o})}function v({className:t,...o}){return i("div",{className:a("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",t),...o})}var m=s.forwardRef(({className:t,...o},l)=>i(e.Title,{ref:l,className:a("text-lg font-semibold leading-none tracking-tight",t),...o}));m.displayName=e.Title.displayName;var c=s.forwardRef(({className:t,...o},l)=>i(e.Description,{ref:l,className:a("text-muted-foreground text-sm",t),...o}));c.displayName=e.Description.displayName;export{f as a,P as b,y as c,g as d,u as e,v as f,m as g,c as h};
-//# sourceMappingURL=chunk-FMUXQD3X.mjs.map

package/dist/chunk-FMUXQD3X.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross2Icon } from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Dialog\n * -------------------------------------------------------------------------- */\n\ntype DialogProps = React.ComponentProps<typeof DialogPrimitive.Root>;\nconst Dialog = DialogPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogTrigger\n * -------------------------------------------------------------------------- */\n\ntype DialogTriggerProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>;\nconst DialogTrigger = DialogPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogClose\n * -------------------------------------------------------------------------- */\n\ntype DialogCloseProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Close>;\nconst DialogClose = DialogPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogContent\n * -------------------------------------------------------------------------- */\n\ntype DialogContentElement = React.ElementRef<typeof DialogPrimitive.Content>;\ntype DialogContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>;\n\nconst DialogContent = React.forwardRef<DialogContentElement, DialogContentProps>(\n  ({ className, children, ...props }, ref) => (\n    <DialogPrimitive.Portal>\n      <DialogPrimitive.Overlay className=\"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80\" />\n      <DialogPrimitive.Content\n        ref={ref}\n        className={cn(\n          \"bg-background data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-1/3 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/3 animation-duration-200 fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg duration-200 focus:outline-none sm:rounded-lg\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <DialogPrimitive.Close className=\"data-[state=open]:bg-accent data-[state=open]:text-muted-foreground focus-visible:ring-ring focus-visible:ring-offset-background absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none\">\n          <Cross2Icon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </DialogPrimitive.Close>\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  ),\n);\n\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogHeader\n * -------------------------------------------------------------------------- */\n\ntype DialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction DialogHeader({ className, ...props }: DialogHeaderProps): React.JSX.Element {\n  return <div className={cn(\"flex flex-col space-y-1.5 text-center sm:text-left\", className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogFooter\n * -------------------------------------------------------------------------- */\n\ntype DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction DialogFooter({ className, ...props }: DialogFooterProps): React.JSX.Element {\n  return <div className={cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DialogTitle\n * -------------------------------------------------------------------------- */\n\ntype DialogTitleElement = React.ElementRef<typeof DialogPrimitive.Title>;\ntype DialogTitleProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;\n\nconst DialogTitle = React.forwardRef<DialogTitleElement, DialogTitleProps>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn(\"text-lg font-semibold leading-none tracking-tight\", className)}\n    {...props}\n  />\n));\n\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DialogDescription\n * -------------------------------------------------------------------------- */\n\ntype DialogDescriptionElement = React.ElementRef<typeof DialogPrimitive.Description>;\ntype DialogDescriptionProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;\n\nconst DialogDescription = React.forwardRef<DialogDescriptionElement, DialogDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <DialogPrimitive.Description ref={ref} className={cn(\"text-muted-foreground text-sm\", className)} {...props} />\n  ),\n);\n\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Dialog,\n  DialogTrigger,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n  type DialogProps,\n  type DialogTriggerProps,\n  type DialogCloseProps,\n  type DialogContentProps,\n  type DialogHeaderProps,\n  type DialogFooterProps,\n  type DialogTitleProps,\n  type DialogDescriptionProps,\n};\n"],"mappings":"yCAEA,UAAYA,MAAW,QACvB,UAAYC,MAAqB,yBACjC,OAAS,cAAAC,MAAkB,wBAkCrB,cAAAC,EAUE,QAAAC,MAVF,oBA1BN,IAAMC,EAAyB,OAOzBC,EAAgC,UAOhCC,EAA8B,QAS9BC,EAAsB,aAC1B,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAClCR,EAAiB,SAAhB,CACC,UAAAD,EAAiB,UAAhB,CAAwB,UAAU,yJAAyJ,EAC5LC,EAAiB,UAAhB,CACC,IAAKQ,EACL,UAAWC,EACT,4hBACAJ,CACF,EACC,GAAGE,EAEH,UAAAD,EACDN,EAAiB,QAAhB,CAAsB,UAAU,8TAC/B,UAAAD,EAACW,EAAA,CAAW,UAAU,SAAS,EAC/BX,EAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,GACF,GACF,CAEJ,EAEAK,EAAc,YAA8B,UAAQ,YAQpD,SAASO,EAAa,CAAE,UAAAN,EAAW,GAAGE,CAAM,EAAyC,CACnF,OAAOR,EAAC,OAAI,UAAWU,EAAG,qDAAsDJ,CAAS,EAAI,GAAGE,EAAO,CACzG,CAQA,SAASK,EAAa,CAAE,UAAAP,EAAW,GAAGE,CAAM,EAAyC,CACnF,OAAOR,EAAC,OAAI,UAAWU,EAAG,gEAAiEJ,CAAS,EAAI,GAAGE,EAAO,CACpH,CASA,IAAMM,EAAoB,aAAiD,CAAC,CAAE,UAAAR,EAAW,GAAGE,CAAM,EAAGC,IACnGT,EAAiB,QAAhB,CACC,IAAKS,EACL,UAAWC,EAAG,oDAAqDJ,CAAS,EAC3E,GAAGE,EACN,CACD,EAEDM,EAAY,YAA8B,QAAM,YAShD,IAAMC,EAA0B,aAC9B,CAAC,CAAE,UAAAT,EAAW,GAAGE,CAAM,EAAGC,IACxBT,EAAiB,cAAhB,CAA4B,IAAKS,EAAK,UAAWC,EAAG,gCAAiCJ,CAAS,EAAI,GAAGE,EAAO,CAEjH,EAEAO,EAAkB,YAA8B,cAAY","names":["React","DialogPrimitive","Cross2Icon","jsx","jsxs","Dialog","DialogTrigger","DialogClose","DialogContent","className","children","props","ref","cn","Cross2Icon","DialogHeader","DialogFooter","DialogTitle","DialogDescription"]}

package/dist/chunk-GM4RTUXK.mjs

@@ -1,2 +0,0 @@
-import{b as r}from"./chunk-JTI7KCLO.mjs";import*as a from"react";import{CaretSortIcon as S,CheckIcon as d,ChevronDownIcon as f,ChevronUpIcon as P}from"@radix-ui/react-icons";import*as e from"@radix-ui/react-select";import{jsx as t,jsxs as p}from"react/jsx-runtime";var h=e.Root,C=e.Group,N=e.Value,u=a.forwardRef(({className:i,children:l,...o},c)=>p(e.Trigger,{ref:c,className:r("border-input placeholder:text-muted-foreground focus-visible:ring-offset-background focus-visible:ring-ring flex h-10 w-full items-center justify-between gap-2 whitespace-nowrap rounded-md border bg-transparent px-3 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 [&>span]:truncate",i),...o,children:[l,t(e.Icon,{asChild:!0,children:t(S,{className:"size-4 opacity-50"})})]}));u.displayName=e.Trigger.displayName;var n=a.forwardRef(({className:i,...l},o)=>t(e.ScrollUpButton,{ref:o,className:r("flex cursor-default items-center justify-center py-1",i),...l,children:t(P,{})}));n.displayName=e.ScrollUpButton.displayName;var s=a.forwardRef(({className:i,...l},o)=>t(e.ScrollDownButton,{ref:o,className:r("flex cursor-default items-center justify-center py-1",i),...l,children:t(f,{})}));s.displayName=e.ScrollDownButton.displayName;var y=a.forwardRef(({className:i,children:l,position:o="popper",...c},m)=>t(e.Portal,{children:p(e.Content,{ref:m,className:r("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md",o==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",i),position:o,...c,children:[t(n,{}),t(e.Viewport,{className:r("p-1",o==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:l}),t(s,{})]})}));y.displayName=e.Content.displayName;var v=a.forwardRef(({className:i,...l},o)=>t(e.Label,{ref:o,className:r("px-2 py-1.5 text-sm font-semibold",i),...l}));v.displayName=e.Label.displayName;var R=a.forwardRef(({className:i,children:l,...o},c)=>p(e.Item,{ref:c,className:r("focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50",i),...o,children:[t("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:t(e.ItemIndicator,{children:t(d,{className:"size-4"})})}),t(e.ItemText,{children:l})]}));R.displayName=e.Item.displayName;var g=a.forwardRef(({className:i,...l},o)=>t(e.Separator,{ref:o,className:r("bg-muted -mx-1 my-1 h-px",i),...l}));g.displayName=e.Separator.displayName;export{h as a,C as b,N as c,u as d,n as e,s as f,y as g,v as h,R as i,g as j};
-//# sourceMappingURL=chunk-GM4RTUXK.mjs.map

package/dist/chunk-GM4RTUXK.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { CaretSortIcon, CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"@radix-ui/react-icons\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Select\n * -------------------------------------------------------------------------- */\n\ntype SelectProps = React.ComponentProps<typeof SelectPrimitive.Root>;\nconst Select = SelectPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectGroup\n * -------------------------------------------------------------------------- */\n\ntype SelectGroupProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Group>;\nconst SelectGroup = SelectPrimitive.Group;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectValue\n * -------------------------------------------------------------------------- */\n\ntype SelectValueProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Value>;\nconst SelectValue = SelectPrimitive.Value;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectTrigger\n * -------------------------------------------------------------------------- */\n\ntype SelectTriggerElement = React.ElementRef<typeof SelectPrimitive.Trigger>;\ntype SelectTriggerProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>;\n\nconst SelectTrigger = React.forwardRef<SelectTriggerElement, SelectTriggerProps>(\n  ({ className, children, ...props }, ref) => (\n    <SelectPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        \"border-input placeholder:text-muted-foreground focus-visible:ring-offset-background focus-visible:ring-ring flex h-10 w-full items-center justify-between gap-2 whitespace-nowrap rounded-md border bg-transparent px-3 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 [&>span]:truncate\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <CaretSortIcon className=\"size-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  ),\n);\n\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectScrollUpButton\n * -------------------------------------------------------------------------- */\n\ntype SelectScrollUpButtonElement = React.ElementRef<typeof SelectPrimitive.ScrollUpButton>;\ntype SelectScrollUpButtonProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>;\n\nconst SelectScrollUpButton = React.forwardRef<SelectScrollUpButtonElement, SelectScrollUpButtonProps>(\n  ({ className, ...props }, ref) => (\n    <SelectPrimitive.ScrollUpButton\n      ref={ref}\n      className={cn(\"flex cursor-default items-center justify-center py-1\", className)}\n      {...props}\n    >\n      <ChevronUpIcon />\n    </SelectPrimitive.ScrollUpButton>\n  ),\n);\n\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectScrollDownButton\n * -------------------------------------------------------------------------- */\n\ntype SelectScrollDownButtonElement = React.ElementRef<typeof SelectPrimitive.ScrollDownButton>;\ntype SelectScrollDownButtonProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>;\n\nconst SelectScrollDownButton = React.forwardRef<SelectScrollDownButtonElement, SelectScrollDownButtonProps>(\n  ({ className, ...props }, ref) => (\n    <SelectPrimitive.ScrollDownButton\n      ref={ref}\n      className={cn(\"flex cursor-default items-center justify-center py-1\", className)}\n      {...props}\n    >\n      <ChevronDownIcon />\n    </SelectPrimitive.ScrollDownButton>\n  ),\n);\n\nSelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectContent\n * -------------------------------------------------------------------------- */\n\ntype SelectContentElement = React.ElementRef<typeof SelectPrimitive.Content>;\ntype SelectContentProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>;\n\nconst SelectContent = React.forwardRef<SelectContentElement, SelectContentProps>(\n  ({ className, children, position = \"popper\", ...props }, ref) => (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        ref={ref}\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md\",\n          position === \"popper\" &&\n            \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n          className,\n        )}\n        position={position}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            \"p-1\",\n            position === \"popper\" &&\n              \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\",\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  ),\n);\n\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectLabel\n * -------------------------------------------------------------------------- */\n\ntype SelectLabelElement = React.ElementRef<typeof SelectPrimitive.Label>;\ntype SelectLabelProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>;\n\nconst SelectLabel = React.forwardRef<SelectLabelElement, SelectLabelProps>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Label ref={ref} className={cn(\"px-2 py-1.5 text-sm font-semibold\", className)} {...props} />\n));\n\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectItem\n * -------------------------------------------------------------------------- */\n\ntype SelectItemElement = React.ElementRef<typeof SelectPrimitive.Item>;\ntype SelectItemProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>;\n\nconst SelectItem = React.forwardRef<SelectItemElement, SelectItemProps>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n      className,\n    )}\n    {...props}\n  >\n    <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n      <SelectPrimitive.ItemIndicator>\n        <CheckIcon className=\"size-4\" />\n      </SelectPrimitive.ItemIndicator>\n    </span>\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n  </SelectPrimitive.Item>\n));\n\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectSeparator\n * -------------------------------------------------------------------------- */\n\ntype SelectSeparatorElement = React.ElementRef<typeof SelectPrimitive.Separator>;\ntype SelectSeparatorProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>;\n\nconst SelectSeparator = React.forwardRef<SelectSeparatorElement, SelectSeparatorProps>(\n  ({ className, ...props }, ref) => (\n    <SelectPrimitive.Separator ref={ref} className={cn(\"bg-muted -mx-1 my-1 h-px\", className)} {...props} />\n  ),\n);\n\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n  SelectScrollUpButton,\n  SelectScrollDownButton,\n  type SelectProps,\n  type SelectGroupProps,\n  type SelectValueProps,\n  type SelectTriggerProps,\n  type SelectContentProps,\n  type SelectLabelProps,\n  type SelectItemProps,\n  type SelectSeparatorProps,\n  type SelectScrollUpButtonProps,\n  type SelectScrollDownButtonProps,\n};\n"],"mappings":"yCAEA,UAAYA,MAAW,QACvB,OAAS,iBAAAC,EAAe,aAAAC,EAAW,mBAAAC,EAAiB,iBAAAC,MAAqB,wBACzE,UAAYC,MAAqB,yBAiC7B,OAUI,OAAAC,EAVJ,QAAAC,MAAA,oBAzBJ,IAAMC,EAAyB,OAOzBC,EAA8B,QAO9BC,EAA8B,QAS9BC,EAAsB,aAC1B,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAClCR,EAAiB,UAAhB,CACC,IAAKQ,EACL,UAAWC,EACT,gZACAJ,CACF,EACC,GAAGE,EAEH,UAAAD,EACDP,EAAiB,OAAhB,CAAqB,QAAO,GAC3B,SAAAA,EAACW,EAAA,CAAc,UAAU,oBAAoB,EAC/C,GACF,CAEJ,EAEAN,EAAc,YAA8B,UAAQ,YASpD,IAAMO,EAA6B,aACjC,CAAC,CAAE,UAAAN,EAAW,GAAGE,CAAM,EAAGC,IACxBT,EAAiB,iBAAhB,CACC,IAAKS,EACL,UAAWC,EAAG,uDAAwDJ,CAAS,EAC9E,GAAGE,EAEJ,SAAAR,EAACa,EAAA,EAAc,EACjB,CAEJ,EAEAD,EAAqB,YAA8B,iBAAe,YASlE,IAAME,EAA+B,aACnC,CAAC,CAAE,UAAAR,EAAW,GAAGE,CAAM,EAAGC,IACxBT,EAAiB,mBAAhB,CACC,IAAKS,EACL,UAAWC,EAAG,uDAAwDJ,CAAS,EAC9E,GAAGE,EAEJ,SAAAR,EAACe,EAAA,EAAgB,EACnB,CAEJ,EAEAD,EAAuB,YAA8B,mBAAiB,YAStE,IAAME,EAAsB,aAC1B,CAAC,CAAE,UAAAV,EAAW,SAAAC,EAAU,SAAAU,EAAW,SAAU,GAAGT,CAAM,EAAGC,IACvDT,EAAiB,SAAhB,CACC,SAAAC,EAAiB,UAAhB,CACC,IAAKQ,EACL,UAAWC,EACT,svBACAO,IAAa,UACX,kIACFX,CACF,EACA,SAAUW,EACT,GAAGT,EAEJ,UAAAR,EAACY,EAAA,EAAqB,EACtBZ,EAAiB,WAAhB,CACC,UAAWU,EACT,MACAO,IAAa,UACX,yFACJ,EAEC,SAAAV,EACH,EACAP,EAACc,EAAA,EAAuB,GAC1B,EACF,CAEJ,EAEAE,EAAc,YAA8B,UAAQ,YASpD,IAAME,EAAoB,aAAiD,CAAC,CAAE,UAAAZ,EAAW,GAAGE,CAAM,EAAGC,IACnGT,EAAiB,QAAhB,CAAsB,IAAKS,EAAK,UAAWC,EAAG,oCAAqCJ,CAAS,EAAI,GAAGE,EAAO,CAC5G,EAEDU,EAAY,YAA8B,QAAM,YAShD,IAAMC,EAAmB,aAA+C,CAAC,CAAE,UAAAb,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAC1GR,EAAiB,OAAhB,CACC,IAAKQ,EACL,UAAWC,EACT,8NACAJ,CACF,EACC,GAAGE,EAEJ,UAAAR,EAAC,QAAK,UAAU,6DACd,SAAAA,EAAiB,gBAAhB,CACC,SAAAA,EAACoB,EAAA,CAAU,UAAU,SAAS,EAChC,EACF,EACApB,EAAiB,WAAhB,CAA0B,SAAAO,EAAS,GACtC,CACD,EAEDY,EAAW,YAA8B,OAAK,YAS9C,IAAME,EAAwB,aAC5B,CAAC,CAAE,UAAAf,EAAW,GAAGE,CAAM,EAAGC,IACxBT,EAAiB,YAAhB,CAA0B,IAAKS,EAAK,UAAWC,EAAG,2BAA4BJ,CAAS,EAAI,GAAGE,EAAO,CAE1G,EAEAa,EAAgB,YAA8B,YAAU","names":["React","CaretSortIcon","CheckIcon","ChevronDownIcon","ChevronUpIcon","SelectPrimitive","jsx","jsxs","Select","SelectGroup","SelectValue","SelectTrigger","className","children","props","ref","cn","CaretSortIcon","SelectScrollUpButton","ChevronUpIcon","SelectScrollDownButton","ChevronDownIcon","SelectContent","position","SelectLabel","SelectItem","CheckIcon","SelectSeparator"]}

package/dist/chunk-JBQXDP7T.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkJVGHOCS7js = require('./chunk-JVGHOCS7.js');var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var a = _interopRequireWildcard(_react);var _reactslot = require('@radix-ui/react-slot');var _reactvisuallyhidden = require('@radix-ui/react-visually-hidden');var _jsxruntime = require('react/jsx-runtime');var y=_chunkQZCQ42BPjs.a.call(void 0, {base:"focus-visible:ring-ring focus-visible:ring-offset-background inline-flex select-none items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90 shadow",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline",outline:"border-input bg-background hover:bg-accent hover:text-accent-foreground border shadow-sm",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-sm"},size:{default:"h-10 px-4",xs:"h-8 px-2",sm:"h-9 px-3",lg:"h-11 px-8",icon:"size-10","icon-xs":"size-8","icon-sm":"size-9","icon-lg":"size-11"},loading:{true:"relative"}},defaultVariants:{size:"default",variant:"default",loading:!1}}),h= exports.b =a.forwardRef(({children:t,className:u,variant:d,size:c,loading:o=!1,asChild:n=!1,...r},p)=>{let l=n?_reactslot.Slot:"button",f=n?"span":_react.Fragment,m=o||r.disabled;return _jsxruntime.jsx.call(void 0, l,{ref:p,type:n?void 0:"button",className:y({variant:d,size:c,loading:o,className:u}),...r,disabled:m,children:o?_jsxruntime.jsxs.call(void 0, f,{children:[_jsxruntime.jsx.call(void 0, "span",{"aria-hidden":!0,className:"invisible contents",children:t}),_jsxruntime.jsx.call(void 0, _reactvisuallyhidden.VisuallyHidden,{children:t}),_jsxruntime.jsx.call(void 0, "span",{className:"absolute inset-0 flex items-center justify-center",children:_jsxruntime.jsx.call(void 0, _chunkJVGHOCS7js.a,{})})]}):t})});h.displayName="Button";exports.a = y; exports.b = h;
-//# sourceMappingURL=chunk-JBQXDP7T.js.map