@codefast/ui 0.3.10 → 0.3.11-canary.0

package/dist/components/dropdown-menu.cjs

@@ -77,7 +77,7 @@ function DropdownMenuRadioGroup({ ...props }) {
 }
 function DropdownMenuSubTrigger({ children, className, inset, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dropdown_menu_namespaceObject.SubTrigger, {
-        className: (0, tailwind_variants_namespaceObject.cn)('focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-inset:pl-8', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className),
         "data-inset": inset,
         "data-slot": "dropdown-menu-sub-trigger",
         ...props,
@@ -93,7 +93,7 @@ function DropdownMenuSubContent({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Portal, {
         "data-slot": "dropdown-menu-portal",
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.SubContent, {
-            className: (0, tailwind_variants_namespaceObject.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 ease-ui z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-lg border p-1 shadow-lg', className),
+            className: (0, tailwind_variants_namespaceObject.cn)("z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-lg ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 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 data-[state=open]:animate-in data-[state=open]:fade-in-0 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", className),
             "data-slot": "dropdown-menu-sub-content",
             ...props
         })
@@ -103,7 +103,7 @@ function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Portal, {
         "data-slot": "dropdown-menu-portal",
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Content, {
-            className: (0, tailwind_variants_namespaceObject.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 ease-ui z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg border p-1 shadow-lg', className),
+            className: (0, tailwind_variants_namespaceObject.cn)("z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg border bg-popover p-1 text-popover-foreground shadow-lg ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 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 data-[state=open]:animate-in data-[state=open]:fade-in-0 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", className),
             "data-slot": "dropdown-menu-content",
             sideOffset: sideOffset,
             ...props
@@ -112,7 +112,7 @@ function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
 }
 function DropdownMenuItem({ className, inset, variant, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Item, {
-        className: (0, tailwind_variants_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground group/dropdown-menu-item data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none aria-disabled:opacity-50 data-inset:pl-8 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        className: (0, tailwind_variants_namespaceObject.cn)("group/dropdown-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80", className),
         "data-inset": inset,
         "data-slot": "dropdown-menu-item",
         "data-variant": variant,
@@ -122,7 +122,7 @@ function DropdownMenuItem({ className, inset, variant, ...props }) {
 function DropdownMenuCheckboxItem({ checked, children, className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dropdown_menu_namespaceObject.CheckboxItem, {
         checked: checked,
-        className: (0, tailwind_variants_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground group/dropdown-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        className: (0, tailwind_variants_namespaceObject.cn)("group/dropdown-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
         "data-slot": "dropdown-menu-checkbox-item",
         ...props,
         children: [
@@ -140,7 +140,7 @@ function DropdownMenuCheckboxItem({ checked, children, className, ...props }) {
 }
 function DropdownMenuRadioItem({ children, className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_dropdown_menu_namespaceObject.RadioItem, {
-        className: (0, tailwind_variants_namespaceObject.cn)("focus:bg-accent focus:text-accent-foreground group/dropdown-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        className: (0, tailwind_variants_namespaceObject.cn)("group/dropdown-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
         "data-slot": "dropdown-menu-radio-item",
         ...props,
         children: [
@@ -158,7 +158,7 @@ function DropdownMenuRadioItem({ children, className, ...props }) {
 }
 function DropdownMenuLabel({ className, inset, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Label, {
-        className: (0, tailwind_variants_namespaceObject.cn)('flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold data-inset:pl-8', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold data-inset:pl-8", className),
         "data-inset": inset,
         "data-slot": "dropdown-menu-label",
         ...props
@@ -166,21 +166,21 @@ function DropdownMenuLabel({ className, inset, ...props }) {
 }
 function DropdownMenuSeparator({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Separator, {
-        className: (0, tailwind_variants_namespaceObject.cn)('bg-border mx-2 my-1 h-px', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("mx-2 my-1 h-px bg-border", className),
         "data-slot": "dropdown-menu-separator",
         ...props
     });
 }
 function DropdownMenuShortcut({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-        className: (0, tailwind_variants_namespaceObject.cn)('text-muted-foreground group-data-[variant=destructive]/dropdown-menu-item:text-destructive/80 ml-auto text-xs tracking-widest', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("ml-auto text-xs tracking-widest text-muted-foreground group-data-[variant=destructive]/dropdown-menu-item:text-destructive/80", className),
         "data-slot": "dropdown-menu-shortcut",
         ...props
     });
 }
 function DropdownMenuArrow({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Arrow, {
-        className: (0, tailwind_variants_namespaceObject.cn)('fill-popover', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("fill-popover", className),
         "data-slot": "dropdown-menu-arrow",
         ...props
     });

package/dist/components/dropdown-menu.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps, JSX } from 'react';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import type { ComponentProps, JSX } from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 type DropdownMenuProps = ComponentProps<typeof DropdownMenuPrimitive.Root>;
 declare function DropdownMenu({ ...props }: DropdownMenuProps): JSX.Element;
 type DropdownMenuTriggerProps = ComponentProps<typeof DropdownMenuPrimitive.Trigger>;
@@ -20,7 +20,7 @@ type DropdownMenuContentProps = ComponentProps<typeof DropdownMenuPrimitive.Cont
 declare function DropdownMenuContent({ className, sideOffset, ...props }: DropdownMenuContentProps): JSX.Element;
 interface DropdownMenuItemProps extends ComponentProps<typeof DropdownMenuPrimitive.Item> {
     inset?: boolean;
-    variant?: 'default' | 'destructive';
+    variant?: "default" | "destructive";
 }
 declare function DropdownMenuItem({ className, inset, variant, ...props }: DropdownMenuItemProps): JSX.Element;
 type DropdownMenuCheckboxItemProps = ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>;
@@ -33,7 +33,7 @@ interface DropdownMenuLabelProps extends ComponentProps<typeof DropdownMenuPrimi
 declare function DropdownMenuLabel({ className, inset, ...props }: DropdownMenuLabelProps): JSX.Element;
 type DropdownMenuSeparatorProps = ComponentProps<typeof DropdownMenuPrimitive.Separator>;
 declare function DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorProps): JSX.Element;
-type DropdownMenuShortcutProps = ComponentProps<'span'>;
+type DropdownMenuShortcutProps = ComponentProps<"span">;
 declare function DropdownMenuShortcut({ className, ...props }: DropdownMenuShortcutProps): JSX.Element;
 type DropdownMenuArrowProps = ComponentProps<typeof DropdownMenuPrimitive.Arrow>;
 declare function DropdownMenuArrow({ className, ...props }: DropdownMenuArrowProps): JSX.Element;

package/dist/components/dropdown-menu.js

@@ -35,7 +35,7 @@ function DropdownMenuRadioGroup({ ...props }) {
 }
 function DropdownMenuSubTrigger({ children, className, inset, ...props }) {
     return /*#__PURE__*/ jsxs(SubTrigger, {
-        className: cn('focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-inset:pl-8', className),
+        className: cn("flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className),
         "data-inset": inset,
         "data-slot": "dropdown-menu-sub-trigger",
         ...props,
@@ -51,7 +51,7 @@ function DropdownMenuSubContent({ className, ...props }) {
     return /*#__PURE__*/ jsx(Portal, {
         "data-slot": "dropdown-menu-portal",
         children: /*#__PURE__*/ jsx(SubContent, {
-            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 ease-ui z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-lg border p-1 shadow-lg', className),
+            className: cn("z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-lg ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 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 data-[state=open]:animate-in data-[state=open]:fade-in-0 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", className),
             "data-slot": "dropdown-menu-sub-content",
             ...props
         })
@@ -61,7 +61,7 @@ function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
     return /*#__PURE__*/ jsx(Portal, {
         "data-slot": "dropdown-menu-portal",
         children: /*#__PURE__*/ jsx(Content, {
-            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 ease-ui z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg border p-1 shadow-lg', className),
+            className: cn("z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg border bg-popover p-1 text-popover-foreground shadow-lg ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 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 data-[state=open]:animate-in data-[state=open]:fade-in-0 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", className),
             "data-slot": "dropdown-menu-content",
             sideOffset: sideOffset,
             ...props
@@ -70,7 +70,7 @@ function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
 }
 function DropdownMenuItem({ className, inset, variant, ...props }) {
     return /*#__PURE__*/ jsx(Item, {
-        className: cn("focus:bg-accent focus:text-accent-foreground group/dropdown-menu-item data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none aria-disabled:opacity-50 data-inset:pl-8 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        className: cn("group/dropdown-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80", className),
         "data-inset": inset,
         "data-slot": "dropdown-menu-item",
         "data-variant": variant,
@@ -80,7 +80,7 @@ function DropdownMenuItem({ className, inset, variant, ...props }) {
 function DropdownMenuCheckboxItem({ checked, children, className, ...props }) {
     return /*#__PURE__*/ jsxs(CheckboxItem, {
         checked: checked,
-        className: cn("focus:bg-accent focus:text-accent-foreground group/dropdown-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        className: cn("group/dropdown-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
         "data-slot": "dropdown-menu-checkbox-item",
         ...props,
         children: [
@@ -98,7 +98,7 @@ function DropdownMenuCheckboxItem({ checked, children, className, ...props }) {
 }
 function DropdownMenuRadioItem({ children, className, ...props }) {
     return /*#__PURE__*/ jsxs(RadioItem, {
-        className: cn("focus:bg-accent focus:text-accent-foreground group/dropdown-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        className: cn("group/dropdown-menu-item relative flex cursor-default items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground aria-disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
         "data-slot": "dropdown-menu-radio-item",
         ...props,
         children: [
@@ -116,7 +116,7 @@ function DropdownMenuRadioItem({ children, className, ...props }) {
 }
 function DropdownMenuLabel({ className, inset, ...props }) {
     return /*#__PURE__*/ jsx(Label, {
-        className: cn('flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold data-inset:pl-8', className),
+        className: cn("flex items-center gap-x-2 px-2 py-1.5 text-sm font-semibold data-inset:pl-8", className),
         "data-inset": inset,
         "data-slot": "dropdown-menu-label",
         ...props
@@ -124,21 +124,21 @@ function DropdownMenuLabel({ className, inset, ...props }) {
 }
 function DropdownMenuSeparator({ className, ...props }) {
     return /*#__PURE__*/ jsx(Separator, {
-        className: cn('bg-border mx-2 my-1 h-px', className),
+        className: cn("mx-2 my-1 h-px bg-border", className),
         "data-slot": "dropdown-menu-separator",
         ...props
     });
 }
 function DropdownMenuShortcut({ className, ...props }) {
     return /*#__PURE__*/ jsx("span", {
-        className: cn('text-muted-foreground group-data-[variant=destructive]/dropdown-menu-item:text-destructive/80 ml-auto text-xs tracking-widest', className),
+        className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-data-[variant=destructive]/dropdown-menu-item:text-destructive/80", className),
         "data-slot": "dropdown-menu-shortcut",
         ...props
     });
 }
 function DropdownMenuArrow({ className, ...props }) {
     return /*#__PURE__*/ jsx(Arrow, {
-        className: cn('fill-popover', className),
+        className: cn("fill-popover", className),
         "data-slot": "dropdown-menu-arrow",
         ...props
     });

package/dist/components/empty.cjs

@@ -35,32 +35,32 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
 const emptyMediaVariants = (0, tailwind_variants_namespaceObject.tv)({
-    base: 'mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0',
+    base: "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
     defaultVariants: {
-        variant: 'default'
+        variant: "default"
     },
     variants: {
         variant: {
-            default: 'bg-transparent',
-            icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-xl [&_svg:not([class*='size-'])]:size-6"
+            default: "bg-transparent",
+            icon: "flex size-10 shrink-0 items-center justify-center rounded-xl bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6"
         }
     }
 });
 function Empty({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, tailwind_variants_namespaceObject.cn)('flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-xl border-dashed p-6 text-center text-balance md:p-12', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-xl border-dashed p-6 text-center text-balance md:p-12", className),
         "data-slot": "empty",
         ...props
     });
 }
 function EmptyHeader({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, tailwind_variants_namespaceObject.cn)('flex max-w-sm flex-col items-center gap-2 text-center', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("flex max-w-sm flex-col items-center gap-2 text-center", className),
         "data-slot": "empty-header",
         ...props
     });
 }
-function EmptyMedia({ className, variant = 'default', ...props }) {
+function EmptyMedia({ className, variant = "default", ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         className: emptyMediaVariants({
             className,
@@ -73,21 +73,21 @@ function EmptyMedia({ className, variant = 'default', ...props }) {
 }
 function EmptyTitle({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, tailwind_variants_namespaceObject.cn)('text-lg font-medium tracking-tight', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("text-lg font-medium tracking-tight", className),
         "data-slot": "empty-title",
         ...props
     });
 }
 function EmptyDescription({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
-        className: (0, tailwind_variants_namespaceObject.cn)('text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
         "data-slot": "empty-description",
         ...props
     });
 }
 function EmptyContent({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, tailwind_variants_namespaceObject.cn)('flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance", className),
         "data-slot": "empty-content",
         ...props
     });

package/dist/components/empty.d.ts

@@ -1,22 +1,22 @@
-import type { VariantProps } from '@codefast/tailwind-variants';
-import type { ComponentProps, JSX } from 'react';
+import type { VariantProps } from "@codefast/tailwind-variants";
+import type { ComponentProps, JSX } from "react";
 declare const emptyMediaVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
     variant: {
         default: string;
         icon: string;
     };
 }, Record<string, never>>;
-type EmptyProps = ComponentProps<'div'>;
+type EmptyProps = ComponentProps<"div">;
 declare function Empty({ className, ...props }: EmptyProps): JSX.Element;
-type EmptyHeaderProps = ComponentProps<'div'>;
+type EmptyHeaderProps = ComponentProps<"div">;
 declare function EmptyHeader({ className, ...props }: EmptyHeaderProps): JSX.Element;
-type EmptyMediaProps = ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>;
+type EmptyMediaProps = ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>;
 declare function EmptyMedia({ className, variant, ...props }: EmptyMediaProps): JSX.Element;
-type EmptyTitleProps = ComponentProps<'div'>;
+type EmptyTitleProps = ComponentProps<"div">;
 declare function EmptyTitle({ className, ...props }: EmptyTitleProps): JSX.Element;
-type EmptyDescriptionProps = ComponentProps<'p'>;
+type EmptyDescriptionProps = ComponentProps<"p">;
 declare function EmptyDescription({ className, ...props }: EmptyDescriptionProps): JSX.Element;
-type EmptyContentProps = ComponentProps<'div'>;
+type EmptyContentProps = ComponentProps<"div">;
 declare function EmptyContent({ className, ...props }: EmptyContentProps): JSX.Element;
-export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, emptyMediaVariants, EmptyTitle };
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, emptyMediaVariants, EmptyTitle, };
 export type { EmptyContentProps, EmptyDescriptionProps, EmptyHeaderProps, EmptyMediaProps, EmptyProps, EmptyTitleProps, };

package/dist/components/empty.js

@@ -1,32 +1,32 @@
 import { jsx } from "react/jsx-runtime";
 import { cn, tv } from "@codefast/tailwind-variants";
 const emptyMediaVariants = tv({
-    base: 'mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0',
+    base: "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
     defaultVariants: {
-        variant: 'default'
+        variant: "default"
     },
     variants: {
         variant: {
-            default: 'bg-transparent',
-            icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-xl [&_svg:not([class*='size-'])]:size-6"
+            default: "bg-transparent",
+            icon: "flex size-10 shrink-0 items-center justify-center rounded-xl bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6"
         }
     }
 });
 function Empty({ className, ...props }) {
     return /*#__PURE__*/ jsx("div", {
-        className: cn('flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-xl border-dashed p-6 text-center text-balance md:p-12', className),
+        className: cn("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-xl border-dashed p-6 text-center text-balance md:p-12", className),
         "data-slot": "empty",
         ...props
     });
 }
 function EmptyHeader({ className, ...props }) {
     return /*#__PURE__*/ jsx("div", {
-        className: cn('flex max-w-sm flex-col items-center gap-2 text-center', className),
+        className: cn("flex max-w-sm flex-col items-center gap-2 text-center", className),
         "data-slot": "empty-header",
         ...props
     });
 }
-function EmptyMedia({ className, variant = 'default', ...props }) {
+function EmptyMedia({ className, variant = "default", ...props }) {
     return /*#__PURE__*/ jsx("div", {
         className: emptyMediaVariants({
             className,
@@ -39,21 +39,21 @@ function EmptyMedia({ className, variant = 'default', ...props }) {
 }
 function EmptyTitle({ className, ...props }) {
     return /*#__PURE__*/ jsx("div", {
-        className: cn('text-lg font-medium tracking-tight', className),
+        className: cn("text-lg font-medium tracking-tight", className),
         "data-slot": "empty-title",
         ...props
     });
 }
 function EmptyDescription({ className, ...props }) {
     return /*#__PURE__*/ jsx("p", {
-        className: cn('text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4', className),
+        className: cn("text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
         "data-slot": "empty-description",
         ...props
     });
 }
 function EmptyContent({ className, ...props }) {
     return /*#__PURE__*/ jsx("div", {
-        className: cn('flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance', className),
+        className: cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance", className),
         "data-slot": "empty-content",
         ...props
     });

package/dist/components/field.cjs

@@ -43,28 +43,28 @@ const external_react_namespaceObject = require("react");
 const external_label_cjs_namespaceObject = require("./label.cjs");
 const external_separator_cjs_namespaceObject = require("./separator.cjs");
 const fieldVariants = (0, tailwind_variants_namespaceObject.tv)({
-    base: 'group/field flex w-full gap-3 data-[invalid=true]:text-destructive',
+    base: "group/field flex w-full gap-3 data-[invalid=true]:text-destructive",
     defaultVariants: {
-        orientation: 'vertical'
+        orientation: "vertical"
     },
     variants: {
         orientation: {
-            horizontal: (0, tailwind_variants_namespaceObject.cn)('flex-row items-center', '[&>[data-slot=field-label]]:flex-auto', 'has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px'),
-            responsive: (0, tailwind_variants_namespaceObject.cn)('flex-col [&>*]:w-full [&>.sr-only]:w-auto', '@md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto', '@md/field-group:[&>[data-slot=field-label]]:flex-auto', '@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px'),
-            vertical: 'flex-col [&>*]:w-full [&>.sr-only]:w-auto'
+            horizontal: (0, tailwind_variants_namespaceObject.cn)("flex-row items-center", "[&>[data-slot=field-label]]:flex-auto", "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"),
+            responsive: (0, tailwind_variants_namespaceObject.cn)("flex-col [&>*]:w-full [&>.sr-only]:w-auto", "@md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto", "@md/field-group:[&>[data-slot=field-label]]:flex-auto", "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"),
+            vertical: "flex-col [&>*]:w-full [&>.sr-only]:w-auto"
         }
     }
 });
 function FieldSet({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("fieldset", {
-        className: (0, tailwind_variants_namespaceObject.cn)('flex flex-col gap-6', 'has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("flex flex-col gap-6", "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className),
         "data-slot": "field-set",
         ...props
     });
 }
-function FieldLegend({ className, variant = 'legend', ...props }) {
+function FieldLegend({ className, variant = "legend", ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("legend", {
-        className: (0, tailwind_variants_namespaceObject.cn)('mb-3 text-base font-medium', 'data-[variant=label]:text-sm', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("mb-3 text-base font-medium", "data-[variant=label]:text-sm", className),
         "data-slot": "field-legend",
         "data-variant": variant,
         ...props
@@ -72,12 +72,12 @@ function FieldLegend({ className, variant = 'legend', ...props }) {
 }
 function FieldGroup({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, tailwind_variants_namespaceObject.cn)('group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4", className),
         "data-slot": "field-group",
         ...props
     });
 }
-function Field({ className, orientation = 'vertical', ...props }) {
+function Field({ className, orientation = "vertical", ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         className: fieldVariants({
             className,
@@ -91,28 +91,28 @@ function Field({ className, orientation = 'vertical', ...props }) {
 }
 function FieldContent({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, tailwind_variants_namespaceObject.cn)('group/field-content flex flex-1 flex-col gap-1.5 leading-snug', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", className),
         "data-slot": "field-content",
         ...props
     });
 }
 function FieldLabel({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_label_cjs_namespaceObject.Label, {
-        className: (0, tailwind_variants_namespaceObject.cn)('group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50', 'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4', 'has-data-[state=checked]:border-primary has-data-[state=checked]:bg-primary/5 dark:has-data-[state=checked]:bg-primary/10', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4", "has-data-[state=checked]:border-primary has-data-[state=checked]:bg-primary/5 dark:has-data-[state=checked]:bg-primary/10", className),
         "data-slot": "field-label",
         ...props
     });
 }
 function FieldTitle({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, tailwind_variants_namespaceObject.cn)('flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50", className),
         "data-slot": "field-label",
         ...props
     });
 }
 function FieldDescription({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
-        className: (0, tailwind_variants_namespaceObject.cn)('text-muted-foreground text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance', 'last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5', '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("text-sm leading-normal font-normal text-muted-foreground group-has-[[data-orientation=horizontal]]/field:text-balance", "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
         "data-slot": "field-description",
         ...props
     });
@@ -120,7 +120,7 @@ function FieldDescription({ className, ...props }) {
 function FieldSeparator({ children, className, ...props }) {
     const hasContent = Boolean(children);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-        className: (0, tailwind_variants_namespaceObject.cn)('relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className),
         "data-content": hasContent,
         "data-slot": "field-separator",
         ...props,
@@ -129,7 +129,7 @@ function FieldSeparator({ children, className, ...props }) {
                 className: "absolute inset-0 top-1/2"
             }),
             hasContent ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2",
+                className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
                 "data-slot": "field-separator-content",
                 children: children
             }) : null
@@ -158,7 +158,7 @@ function FieldError({ children, className, errors, ...props }) {
     const content = children ?? fallbackContent;
     if (null == content || false === content) return null;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, tailwind_variants_namespaceObject.cn)('text-destructive text-sm font-normal', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("text-sm font-normal text-destructive", className),
         "data-slot": "field-error",
         role: "alert",
         ...props,

package/dist/components/field.d.ts

@@ -1,6 +1,6 @@
-import type { VariantProps } from '@codefast/tailwind-variants';
-import type { ComponentProps, JSX } from 'react';
-import { Label } from './label';
+import type { VariantProps } from "@codefast/tailwind-variants";
+import type { ComponentProps, JSX } from "react";
+import { Label } from "./label";
 declare const fieldVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
     orientation: {
         horizontal: string;
@@ -8,32 +8,32 @@ declare const fieldVariants: import("@codefast/tailwind-variants").VariantFuncti
         vertical: string;
     };
 }, Record<string, never>>;
-type FieldSetProps = ComponentProps<'fieldset'>;
+type FieldSetProps = ComponentProps<"fieldset">;
 declare function FieldSet({ className, ...props }: FieldSetProps): JSX.Element;
-type FieldLegendProps = ComponentProps<'legend'> & {
-    variant?: 'label' | 'legend';
+type FieldLegendProps = ComponentProps<"legend"> & {
+    variant?: "label" | "legend";
 };
 declare function FieldLegend({ className, variant, ...props }: FieldLegendProps): JSX.Element;
-type FieldGroupProps = ComponentProps<'div'>;
+type FieldGroupProps = ComponentProps<"div">;
 declare function FieldGroup({ className, ...props }: FieldGroupProps): JSX.Element;
-type FieldProps = ComponentProps<'div'> & VariantProps<typeof fieldVariants>;
+type FieldProps = ComponentProps<"div"> & VariantProps<typeof fieldVariants>;
 declare function Field({ className, orientation, ...props }: FieldProps): JSX.Element;
-type FieldContentProps = ComponentProps<'div'>;
+type FieldContentProps = ComponentProps<"div">;
 declare function FieldContent({ className, ...props }: FieldContentProps): JSX.Element;
 type FieldLabelProps = ComponentProps<typeof Label>;
 declare function FieldLabel({ className, ...props }: FieldLabelProps): JSX.Element;
-type FieldTitleProps = ComponentProps<'div'>;
+type FieldTitleProps = ComponentProps<"div">;
 declare function FieldTitle({ className, ...props }: FieldTitleProps): JSX.Element;
-type FieldDescriptionProps = ComponentProps<'p'>;
+type FieldDescriptionProps = ComponentProps<"p">;
 declare function FieldDescription({ className, ...props }: FieldDescriptionProps): JSX.Element;
-type FieldSeparatorProps = ComponentProps<'div'> & {
-    children?: ComponentProps<'span'>['children'];
+type FieldSeparatorProps = ComponentProps<"div"> & {
+    children?: ComponentProps<"span">["children"];
 };
 declare function FieldSeparator({ children, className, ...props }: FieldSeparatorProps): JSX.Element;
 interface FieldErrorMessage {
     message?: string;
 }
-interface FieldErrorProps extends ComponentProps<'div'> {
+interface FieldErrorProps extends ComponentProps<"div"> {
     errors?: (FieldErrorMessage | undefined)[];
 }
 declare function FieldError({ children, className, errors, ...props }: FieldErrorProps): JSX.Element | null;