@health-samurai/react-components 0.0.0-alpha.2 → 0.0.0-alpha.21

package/dist/src/shadcn/components/ui/context-menu.js

@@ -1,7 +1,104 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+import { cva } from "class-variance-authority";
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
 import { cn } from "../../lib/utils.js";
+// Styles
+const contextMenuContentBaseStyles = cn(// Background
+"bg-bg-primary", // Layout
+"z-50", "max-h-(--radix-context-menu-content-available-height)", "min-w-[8rem]", "origin-(--radix-context-menu-content-transform-origin)", "overflow-x-hidden", "overflow-y-auto", // Shape
+"rounded-md", // Border
+"border", "border-border-separator", // Spacing
+"p-2", "gap-1", "flex", "flex-col", // Shadow
+"dropdown-menu-shadow", // Animations - open
+"data-[state=open]:animate-in", "data-[state=open]:fade-in-0", "data-[state=open]:zoom-in-95", // Animations - closed
+"data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0", "data-[state=closed]:zoom-out-95", // Slide animations
+"data-[side=bottom]:slide-in-from-top-2", "data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2", "data-[side=top]:slide-in-from-bottom-2");
+const contextMenuItemBaseStyles = cn(// Layout
+"flex", "items-center", "justify-between", "gap-2", "h-7", // Spacing
+"px-3", "py-0", // Shape
+"rounded", // Typography
+"typo-body", // Colors
+"text-text-primary", // Interaction
+"cursor-pointer", "outline-hidden", "select-none", // Focus states
+"focus:bg-bg-tertiary", "focus:text-text-primary", "focus:rounded", // Disabled states
+"data-[disabled]:pointer-events-none", "data-[disabled]:opacity-50", // Inset spacing
+"data-[inset]:pl-8", // SVG
+"[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", "[&_svg:not([class*='text-'])]:text-fg-secondary");
+const contextMenuItemVariants = cva(contextMenuItemBaseStyles, {
+    variants: {
+        variant: {
+            default: "",
+            destructive: cn("data-[variant=destructive]:text-text-error-primary", "data-[variant=destructive]:focus:bg-bg-error-tertiary", "data-[variant=destructive]:focus:text-text-error-primary", "data-[variant=destructive]:*:[svg]:!text-text-error-primary")
+        }
+    },
+    defaultVariants: {
+        variant: "default"
+    }
+});
+const contextMenuCheckboxItemBaseStyles = cn(// Layout
+"relative", "flex", "items-center", "gap-2", "h-7", // Spacing
+"py-0", "pr-2", "pl-9", // Shape
+"rounded", // Typography
+"typo-body", // Colors
+"text-text-primary", // Interaction
+"cursor-default", "outline-hidden", "select-none", // Focus states
+"focus:bg-bg-secondary", "focus:text-text-primary", // Disabled states
+"data-[disabled]:pointer-events-none", "data-[disabled]:opacity-50", // SVG
+"[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", "[&_svg]:text-text-link");
+const contextMenuCheckboxIndicatorStyles = cn(// Layout
+"pointer-events-none", "absolute", "left-3", "flex", "size-3.5", "items-center", "justify-center");
+const contextMenuRadioItemBaseStyles = cn(// Layout
+"relative", "flex", "items-center", "gap-2", "h-7", // Spacing
+"py-0", "pr-2", "pl-8", // Shape
+"rounded", // Typography
+"typo-body", // Colors
+"text-text-primary", // Interaction
+"cursor-pointer", "outline-hidden", "select-none", // Focus states
+"focus:bg-bg-secondary", "focus:text-text-primary", // Disabled states
+"data-[disabled]:pointer-events-none", "data-[disabled]:opacity-50", // SVG
+"[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4");
+const contextMenuRadioIndicatorStyles = cn(// Layout
+"pointer-events-none", "absolute", "left-2", "flex", "size-3.5", "items-center", "justify-center");
+const contextMenuLabelBaseStyles = cn(// Layout
+"flex", "items-center", "h-7", // Spacing
+"px-3", "py-0", "data-[inset]:pl-10", // Typography
+"typo-label-tiny", // Colors
+"text-text-secondary");
+const contextMenuSeparatorBaseStyles = cn(// Border
+"border-t", "border-border-separator", // Spacing
+"-mx-1", "my-1", // Size
+"h-1");
+const contextMenuShortcutBaseStyles = cn(// Typography
+"text-xs", "tracking-widest", // Colors
+"text-text-secondary", // Spacing
+"ml-auto");
+const contextMenuIconBaseStyles = cn(// Layout
+"flex", "items-center", "justify-center", // Size
+"size-6", // Spacing
+"p-1", // SVG
+"[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", "[&_svg:not([class*='text-'])]:text-fg-tertiary", // Hover states
+"hover:[&_svg:not([class*='text-'])]:text-fg-tertiary_hover");
+const contextMenuSubTriggerBaseStyles = cn(// Layout
+"flex", "items-center", "h-7", // Spacing
+"px-3", "py-0", "data-[inset]:pl-8", // Shape
+"rounded", // Typography
+"typo-body", // Colors
+"text-text-primary", // Interaction
+"cursor-default", "outline-hidden", "select-none", // Focus states
+"focus:bg-bg-secondary", "focus:text-text-primary", "data-[state=open]:bg-bg-secondary", "data-[state=open]:text-text-primary");
+const contextMenuSubContentBaseStyles = cn(// Background
+"bg-bg-primary", // Layout
+"z-50", "min-w-[8rem]", "origin-(--radix-context-menu-content-transform-origin)", "overflow-hidden", // Shape
+"rounded-md", // Border
+"border", "border-border-separator", // Spacing
+"p-2", "gap-1", "flex", "flex-col", // Colors
+"text-text-primary", // Shadow
+"dropdown-menu-shadow", // Animations - open
+"data-[state=open]:animate-in", "data-[state=open]:fade-in-0", "data-[state=open]:zoom-in-95", // Animations - closed
+"data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0", "data-[state=closed]:zoom-out-95", // Slide animations
+"data-[side=bottom]:slide-in-from-top-2", "data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2", "data-[side=top]:slide-in-from-bottom-2");
+// Components
 function ContextMenu({ ...props }) {
     return /*#__PURE__*/ _jsx(ContextMenuPrimitive.Root, {
         "data-slot": "context-menu",
@@ -42,12 +139,12 @@ function ContextMenuSubTrigger({ className, inset, children, ...props }) {
     return /*#__PURE__*/ _jsxs(ContextMenuPrimitive.SubTrigger, {
         "data-slot": "context-menu-sub-trigger",
         "data-inset": inset,
-        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 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        className: cn(contextMenuSubTriggerBaseStyles, className),
         ...props,
         children: [
             children,
             /*#__PURE__*/ _jsx(ChevronRightIcon, {
-                className: "ml-auto"
+                className: "ml-auto size-4"
             })
         ]
     });
@@ -55,7 +152,7 @@ function ContextMenuSubTrigger({ className, inset, children, ...props }) {
 function ContextMenuSubContent({ className, ...props }) {
     return /*#__PURE__*/ _jsx(ContextMenuPrimitive.SubContent, {
         "data-slot": "context-menu-sub-content",
-        className: cn("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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", className),
+        className: cn(contextMenuSubContentBaseStyles, className),
         ...props
     });
 }
@@ -63,7 +160,7 @@ function ContextMenuContent({ className, ...props }) {
     return /*#__PURE__*/ _jsx(ContextMenuPrimitive.Portal, {
         children: /*#__PURE__*/ _jsx(ContextMenuPrimitive.Content, {
             "data-slot": "context-menu-content",
-            className: cn("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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", className),
+            className: cn(contextMenuContentBaseStyles, className),
             ...props
         })
     });
@@ -73,18 +170,20 @@ function ContextMenuItem({ className, inset, variant = "default", ...props }) {
         "data-slot": "context-menu-item",
         "data-inset": inset,
         "data-variant": variant,
-        className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        className: cn(contextMenuItemVariants({
+            variant
+        }), className),
         ...props
     });
 }
 function ContextMenuCheckboxItem({ className, children, ...props }) {
     return /*#__PURE__*/ _jsxs(ContextMenuPrimitive.CheckboxItem, {
         "data-slot": "context-menu-checkbox-item",
-        className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        className: cn(contextMenuCheckboxItemBaseStyles, className),
         ...props,
         children: [
             /*#__PURE__*/ _jsx("span", {
-                className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+                className: contextMenuCheckboxIndicatorStyles,
                 children: /*#__PURE__*/ _jsx(ContextMenuPrimitive.ItemIndicator, {
                     children: /*#__PURE__*/ _jsx(CheckIcon, {
                         className: "size-4"
@@ -98,11 +197,11 @@ function ContextMenuCheckboxItem({ className, children, ...props }) {
 function ContextMenuRadioItem({ className, children, ...props }) {
     return /*#__PURE__*/ _jsxs(ContextMenuPrimitive.RadioItem, {
         "data-slot": "context-menu-radio-item",
-        className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        className: cn(contextMenuRadioItemBaseStyles, className),
         ...props,
         children: [
             /*#__PURE__*/ _jsx("span", {
-                className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+                className: contextMenuRadioIndicatorStyles,
                 children: /*#__PURE__*/ _jsx(ContextMenuPrimitive.ItemIndicator, {
                     children: /*#__PURE__*/ _jsx(CircleIcon, {
                         className: "size-2 fill-current"
@@ -117,24 +216,32 @@ function ContextMenuLabel({ className, inset, ...props }) {
     return /*#__PURE__*/ _jsx(ContextMenuPrimitive.Label, {
         "data-slot": "context-menu-label",
         "data-inset": inset,
-        className: cn("text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
+        className: cn(contextMenuLabelBaseStyles, className),
         ...props
     });
 }
 function ContextMenuSeparator({ className, ...props }) {
     return /*#__PURE__*/ _jsx(ContextMenuPrimitive.Separator, {
         "data-slot": "context-menu-separator",
-        className: cn("bg-border -mx-1 my-1 h-px", className),
+        className: cn(contextMenuSeparatorBaseStyles, className),
         ...props
     });
 }
 function ContextMenuShortcut({ className, ...props }) {
     return /*#__PURE__*/ _jsx("span", {
         "data-slot": "context-menu-shortcut",
-        className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
+        className: cn(contextMenuShortcutBaseStyles, className),
         ...props
     });
 }
-export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup };
+function ContextMenuIcon({ className, children, ...props }) {
+    return /*#__PURE__*/ _jsx("span", {
+        "data-slot": "context-menu-icon",
+        className: cn(contextMenuIconBaseStyles, className),
+        ...props,
+        children: children
+    });
+}
+export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, contextMenuItemVariants, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuIcon, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup };
 
 //# sourceMappingURL=context-menu.js.map

package/dist/src/shadcn/components/ui/context-menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/context-menu.tsx"],"sourcesContent":["import * as ContextMenuPrimitive from \"@radix-ui/react-context-menu\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction ContextMenu({\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {\n\treturn <ContextMenuPrimitive.Root data-slot=\"context-menu\" {...props} />;\n}\n\nfunction ContextMenuTrigger({\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {\n\treturn (\n\t\t<ContextMenuPrimitive.Trigger data-slot=\"context-menu-trigger\" {...props} />\n\t);\n}\n\nfunction ContextMenuGroup({\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {\n\treturn (\n\t\t<ContextMenuPrimitive.Group data-slot=\"context-menu-group\" {...props} />\n\t);\n}\n\nfunction ContextMenuPortal({\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {\n\treturn (\n\t\t<ContextMenuPrimitive.Portal data-slot=\"context-menu-portal\" {...props} />\n\t);\n}\n\nfunction ContextMenuSub({\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {\n\treturn <ContextMenuPrimitive.Sub data-slot=\"context-menu-sub\" {...props} />;\n}\n\nfunction ContextMenuRadioGroup({\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {\n\treturn (\n\t\t<ContextMenuPrimitive.RadioGroup\n\t\t\tdata-slot=\"context-menu-radio-group\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ContextMenuSubTrigger({\n\tclassName,\n\tinset,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<ContextMenuPrimitive.SubTrigger\n\t\t\tdata-slot=\"context-menu-sub-trigger\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<ChevronRightIcon className=\"ml-auto\" />\n\t\t</ContextMenuPrimitive.SubTrigger>\n\t);\n}\n\nfunction ContextMenuSubContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>) {\n\treturn (\n\t\t<ContextMenuPrimitive.SubContent\n\t\t\tdata-slot=\"context-menu-sub-content\"\n\t\t\tclassName={cn(\n\t\t\t\t\"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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ContextMenuContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Content>) {\n\treturn (\n\t\t<ContextMenuPrimitive.Portal>\n\t\t\t<ContextMenuPrimitive.Content\n\t\t\t\tdata-slot=\"context-menu-content\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</ContextMenuPrimitive.Portal>\n\t);\n}\n\nfunction ContextMenuItem({\n\tclassName,\n\tinset,\n\tvariant = \"default\",\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {\n\tinset?: boolean;\n\tvariant?: \"default\" | \"destructive\";\n}) {\n\treturn (\n\t\t<ContextMenuPrimitive.Item\n\t\t\tdata-slot=\"context-menu-item\"\n\t\t\tdata-inset={inset}\n\t\t\tdata-variant={variant}\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ContextMenuCheckboxItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>) {\n\treturn (\n\t\t<ContextMenuPrimitive.CheckboxItem\n\t\t\tdata-slot=\"context-menu-checkbox-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n\t\t\t\t<ContextMenuPrimitive.ItemIndicator>\n\t\t\t\t\t<CheckIcon className=\"size-4\" />\n\t\t\t\t</ContextMenuPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</ContextMenuPrimitive.CheckboxItem>\n\t);\n}\n\nfunction ContextMenuRadioItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>) {\n\treturn (\n\t\t<ContextMenuPrimitive.RadioItem\n\t\t\tdata-slot=\"context-menu-radio-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n\t\t\t\t<ContextMenuPrimitive.ItemIndicator>\n\t\t\t\t\t<CircleIcon className=\"size-2 fill-current\" />\n\t\t\t\t</ContextMenuPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</ContextMenuPrimitive.RadioItem>\n\t);\n}\n\nfunction ContextMenuLabel({\n\tclassName,\n\tinset,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<ContextMenuPrimitive.Label\n\t\t\tdata-slot=\"context-menu-label\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ContextMenuSeparator({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Separator>) {\n\treturn (\n\t\t<ContextMenuPrimitive.Separator\n\t\t\tdata-slot=\"context-menu-separator\"\n\t\t\tclassName={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ContextMenuShortcut({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"context-menu-shortcut\"\n\t\t\tclassName={cn(\n\t\t\t\t\"text-muted-foreground ml-auto text-xs tracking-widest\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tContextMenu,\n\tContextMenuTrigger,\n\tContextMenuContent,\n\tContextMenuItem,\n\tContextMenuCheckboxItem,\n\tContextMenuRadioItem,\n\tContextMenuLabel,\n\tContextMenuSeparator,\n\tContextMenuShortcut,\n\tContextMenuGroup,\n\tContextMenuPortal,\n\tContextMenuSub,\n\tContextMenuSubContent,\n\tContextMenuSubTrigger,\n\tContextMenuRadioGroup,\n};\n"],"names":["ContextMenuPrimitive","CheckIcon","ChevronRightIcon","CircleIcon","cn","ContextMenu","props","Root","data-slot","ContextMenuTrigger","Trigger","ContextMenuGroup","Group","ContextMenuPortal","Portal","ContextMenuSub","Sub","ContextMenuRadioGroup","RadioGroup","ContextMenuSubTrigger","className","inset","children","SubTrigger","data-inset","ContextMenuSubContent","SubContent","ContextMenuContent","Content","ContextMenuItem","variant","Item","data-variant","ContextMenuCheckboxItem","CheckboxItem","span","ItemIndicator","ContextMenuRadioItem","RadioItem","ContextMenuLabel","Label","ContextMenuSeparator","Separator","ContextMenuShortcut"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/context-menu.tsx"],"sourcesContent":["import * as ContextMenuPrimitive from \"@radix-ui/react-context-menu\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\n// Styles\nconst contextMenuContentBaseStyles = cn(\n\t// Background\n\t\"bg-bg-primary\",\n\t// Layout\n\t\"z-50\",\n\t\"max-h-(--radix-context-menu-content-available-height)\",\n\t\"min-w-[8rem]\",\n\t\"origin-(--radix-context-menu-content-transform-origin)\",\n\t\"overflow-x-hidden\",\n\t\"overflow-y-auto\",\n\t// Shape\n\t\"rounded-md\",\n\t// Border\n\t\"border\",\n\t\"border-border-separator\",\n\t// Spacing\n\t\"p-2\",\n\t\"gap-1\",\n\t\"flex\",\n\t\"flex-col\",\n\t// Shadow\n\t\"dropdown-menu-shadow\",\n\t// Animations - open\n\t\"data-[state=open]:animate-in\",\n\t\"data-[state=open]:fade-in-0\",\n\t\"data-[state=open]:zoom-in-95\",\n\t// Animations - closed\n\t\"data-[state=closed]:animate-out\",\n\t\"data-[state=closed]:fade-out-0\",\n\t\"data-[state=closed]:zoom-out-95\",\n\t// Slide animations\n\t\"data-[side=bottom]:slide-in-from-top-2\",\n\t\"data-[side=left]:slide-in-from-right-2\",\n\t\"data-[side=right]:slide-in-from-left-2\",\n\t\"data-[side=top]:slide-in-from-bottom-2\",\n);\n\nconst contextMenuItemBaseStyles = cn(\n\t// Layout\n\t\"flex\",\n\t\"items-center\",\n\t\"justify-between\",\n\t\"gap-2\",\n\t\"h-7\",\n\t// Spacing\n\t\"px-3\",\n\t\"py-0\",\n\t// Shape\n\t\"rounded\",\n\t// Typography\n\t\"typo-body\",\n\t// Colors\n\t\"text-text-primary\",\n\t// Interaction\n\t\"cursor-pointer\",\n\t\"outline-hidden\",\n\t\"select-none\",\n\t// Focus states\n\t\"focus:bg-bg-tertiary\",\n\t\"focus:text-text-primary\",\n\t\"focus:rounded\",\n\t// Disabled states\n\t\"data-[disabled]:pointer-events-none\",\n\t\"data-[disabled]:opacity-50\",\n\t// Inset spacing\n\t\"data-[inset]:pl-8\",\n\t// SVG\n\t\"[&_svg]:pointer-events-none\",\n\t\"[&_svg]:shrink-0\",\n\t\"[&_svg:not([class*='size-'])]:size-4\",\n\t\"[&_svg:not([class*='text-'])]:text-fg-secondary\",\n);\n\nconst contextMenuItemVariants = cva(contextMenuItemBaseStyles, {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: \"\",\n\t\t\tdestructive: cn(\n\t\t\t\t\"data-[variant=destructive]:text-text-error-primary\",\n\t\t\t\t\"data-[variant=destructive]:focus:bg-bg-error-tertiary\",\n\t\t\t\t\"data-[variant=destructive]:focus:text-text-error-primary\",\n\t\t\t\t\"data-[variant=destructive]:*:[svg]:!text-text-error-primary\",\n\t\t\t),\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tvariant: \"default\",\n\t},\n});\n\nconst contextMenuCheckboxItemBaseStyles = cn(\n\t// Layout\n\t\"relative\",\n\t\"flex\",\n\t\"items-center\",\n\t\"gap-2\",\n\t\"h-7\",\n\t// Spacing\n\t\"py-0\",\n\t\"pr-2\",\n\t\"pl-9\",\n\t// Shape\n\t\"rounded\",\n\t// Typography\n\t\"typo-body\",\n\t// Colors\n\t\"text-text-primary\",\n\t// Interaction\n\t\"cursor-default\",\n\t\"outline-hidden\",\n\t\"select-none\",\n\t// Focus states\n\t\"focus:bg-bg-secondary\",\n\t\"focus:text-text-primary\",\n\t// Disabled states\n\t\"data-[disabled]:pointer-events-none\",\n\t\"data-[disabled]:opacity-50\",\n\t// SVG\n\t\"[&_svg]:pointer-events-none\",\n\t\"[&_svg]:shrink-0\",\n\t\"[&_svg:not([class*='size-'])]:size-4\",\n\t\"[&_svg]:text-text-link\",\n);\n\nconst contextMenuCheckboxIndicatorStyles = cn(\n\t// Layout\n\t\"pointer-events-none\",\n\t\"absolute\",\n\t\"left-3\",\n\t\"flex\",\n\t\"size-3.5\",\n\t\"items-center\",\n\t\"justify-center\",\n);\n\nconst contextMenuRadioItemBaseStyles = cn(\n\t// Layout\n\t\"relative\",\n\t\"flex\",\n\t\"items-center\",\n\t\"gap-2\",\n\t\"h-7\",\n\t// Spacing\n\t\"py-0\",\n\t\"pr-2\",\n\t\"pl-8\",\n\t// Shape\n\t\"rounded\",\n\t// Typography\n\t\"typo-body\",\n\t// Colors\n\t\"text-text-primary\",\n\t// Interaction\n\t\"cursor-pointer\",\n\t\"outline-hidden\",\n\t\"select-none\",\n\t// Focus states\n\t\"focus:bg-bg-secondary\",\n\t\"focus:text-text-primary\",\n\t// Disabled states\n\t\"data-[disabled]:pointer-events-none\",\n\t\"data-[disabled]:opacity-50\",\n\t// SVG\n\t\"[&_svg]:pointer-events-none\",\n\t\"[&_svg]:shrink-0\",\n\t\"[&_svg:not([class*='size-'])]:size-4\",\n);\n\nconst contextMenuRadioIndicatorStyles = cn(\n\t// Layout\n\t\"pointer-events-none\",\n\t\"absolute\",\n\t\"left-2\",\n\t\"flex\",\n\t\"size-3.5\",\n\t\"items-center\",\n\t\"justify-center\",\n);\n\nconst contextMenuLabelBaseStyles = cn(\n\t// Layout\n\t\"flex\",\n\t\"items-center\",\n\t\"h-7\",\n\t// Spacing\n\t\"px-3\",\n\t\"py-0\",\n\t\"data-[inset]:pl-10\",\n\t// Typography\n\t\"typo-label-tiny\",\n\t// Colors\n\t\"text-text-secondary\",\n);\n\nconst contextMenuSeparatorBaseStyles = cn(\n\t// Border\n\t\"border-t\",\n\t\"border-border-separator\",\n\t// Spacing\n\t\"-mx-1\",\n\t\"my-1\",\n\t// Size\n\t\"h-1\",\n);\n\nconst contextMenuShortcutBaseStyles = cn(\n\t// Typography\n\t\"text-xs\",\n\t\"tracking-widest\",\n\t// Colors\n\t\"text-text-secondary\",\n\t// Spacing\n\t\"ml-auto\",\n);\n\nconst contextMenuIconBaseStyles = cn(\n\t// Layout\n\t\"flex\",\n\t\"items-center\",\n\t\"justify-center\",\n\t// Size\n\t\"size-6\",\n\t// Spacing\n\t\"p-1\",\n\t// SVG\n\t\"[&_svg]:pointer-events-none\",\n\t\"[&_svg]:shrink-0\",\n\t\"[&_svg:not([class*='size-'])]:size-4\",\n\t\"[&_svg:not([class*='text-'])]:text-fg-tertiary\",\n\t// Hover states\n\t\"hover:[&_svg:not([class*='text-'])]:text-fg-tertiary_hover\",\n);\n\nconst contextMenuSubTriggerBaseStyles = cn(\n\t// Layout\n\t\"flex\",\n\t\"items-center\",\n\t\"h-7\",\n\t// Spacing\n\t\"px-3\",\n\t\"py-0\",\n\t\"data-[inset]:pl-8\",\n\t// Shape\n\t\"rounded\",\n\t// Typography\n\t\"typo-body\",\n\t// Colors\n\t\"text-text-primary\",\n\t// Interaction\n\t\"cursor-default\",\n\t\"outline-hidden\",\n\t\"select-none\",\n\t// Focus states\n\t\"focus:bg-bg-secondary\",\n\t\"focus:text-text-primary\",\n\t\"data-[state=open]:bg-bg-secondary\",\n\t\"data-[state=open]:text-text-primary\",\n);\n\nconst contextMenuSubContentBaseStyles = cn(\n\t// Background\n\t\"bg-bg-primary\",\n\t// Layout\n\t\"z-50\",\n\t\"min-w-[8rem]\",\n\t\"origin-(--radix-context-menu-content-transform-origin)\",\n\t\"overflow-hidden\",\n\t// Shape\n\t\"rounded-md\",\n\t// Border\n\t\"border\",\n\t\"border-border-separator\",\n\t// Spacing\n\t\"p-2\",\n\t\"gap-1\",\n\t\"flex\",\n\t\"flex-col\",\n\t// Colors\n\t\"text-text-primary\",\n\t// Shadow\n\t\"dropdown-menu-shadow\",\n\t// Animations - open\n\t\"data-[state=open]:animate-in\",\n\t\"data-[state=open]:fade-in-0\",\n\t\"data-[state=open]:zoom-in-95\",\n\t// Animations - closed\n\t\"data-[state=closed]:animate-out\",\n\t\"data-[state=closed]:fade-out-0\",\n\t\"data-[state=closed]:zoom-out-95\",\n\t// Slide animations\n\t\"data-[side=bottom]:slide-in-from-top-2\",\n\t\"data-[side=left]:slide-in-from-right-2\",\n\t\"data-[side=right]:slide-in-from-left-2\",\n\t\"data-[side=top]:slide-in-from-bottom-2\",\n);\n\n// Components\nfunction ContextMenu({\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {\n\treturn <ContextMenuPrimitive.Root data-slot=\"context-menu\" {...props} />;\n}\n\nfunction ContextMenuTrigger({\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {\n\treturn (\n\t\t<ContextMenuPrimitive.Trigger data-slot=\"context-menu-trigger\" {...props} />\n\t);\n}\n\nfunction ContextMenuGroup({\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {\n\treturn (\n\t\t<ContextMenuPrimitive.Group data-slot=\"context-menu-group\" {...props} />\n\t);\n}\n\nfunction ContextMenuPortal({\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {\n\treturn (\n\t\t<ContextMenuPrimitive.Portal data-slot=\"context-menu-portal\" {...props} />\n\t);\n}\n\nfunction ContextMenuSub({\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {\n\treturn <ContextMenuPrimitive.Sub data-slot=\"context-menu-sub\" {...props} />;\n}\n\nfunction ContextMenuRadioGroup({\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {\n\treturn (\n\t\t<ContextMenuPrimitive.RadioGroup\n\t\t\tdata-slot=\"context-menu-radio-group\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ContextMenuSubTrigger({\n\tclassName,\n\tinset,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<ContextMenuPrimitive.SubTrigger\n\t\t\tdata-slot=\"context-menu-sub-trigger\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(contextMenuSubTriggerBaseStyles, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<ChevronRightIcon className=\"ml-auto size-4\" />\n\t\t</ContextMenuPrimitive.SubTrigger>\n\t);\n}\n\nfunction ContextMenuSubContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>) {\n\treturn (\n\t\t<ContextMenuPrimitive.SubContent\n\t\t\tdata-slot=\"context-menu-sub-content\"\n\t\t\tclassName={cn(contextMenuSubContentBaseStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ContextMenuContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Content>) {\n\treturn (\n\t\t<ContextMenuPrimitive.Portal>\n\t\t\t<ContextMenuPrimitive.Content\n\t\t\t\tdata-slot=\"context-menu-content\"\n\t\t\t\tclassName={cn(contextMenuContentBaseStyles, className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</ContextMenuPrimitive.Portal>\n\t);\n}\n\nfunction ContextMenuItem({\n\tclassName,\n\tinset,\n\tvariant = \"default\",\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Item> &\n\tVariantProps<typeof contextMenuItemVariants> & {\n\t\tinset?: boolean;\n\t}) {\n\treturn (\n\t\t<ContextMenuPrimitive.Item\n\t\t\tdata-slot=\"context-menu-item\"\n\t\t\tdata-inset={inset}\n\t\t\tdata-variant={variant}\n\t\t\tclassName={cn(contextMenuItemVariants({ variant }), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ContextMenuCheckboxItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>) {\n\treturn (\n\t\t<ContextMenuPrimitive.CheckboxItem\n\t\t\tdata-slot=\"context-menu-checkbox-item\"\n\t\t\tclassName={cn(contextMenuCheckboxItemBaseStyles, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className={contextMenuCheckboxIndicatorStyles}>\n\t\t\t\t<ContextMenuPrimitive.ItemIndicator>\n\t\t\t\t\t<CheckIcon className=\"size-4\" />\n\t\t\t\t</ContextMenuPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</ContextMenuPrimitive.CheckboxItem>\n\t);\n}\n\nfunction ContextMenuRadioItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>) {\n\treturn (\n\t\t<ContextMenuPrimitive.RadioItem\n\t\t\tdata-slot=\"context-menu-radio-item\"\n\t\t\tclassName={cn(contextMenuRadioItemBaseStyles, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className={contextMenuRadioIndicatorStyles}>\n\t\t\t\t<ContextMenuPrimitive.ItemIndicator>\n\t\t\t\t\t<CircleIcon className=\"size-2 fill-current\" />\n\t\t\t\t</ContextMenuPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</ContextMenuPrimitive.RadioItem>\n\t);\n}\n\nfunction ContextMenuLabel({\n\tclassName,\n\tinset,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<ContextMenuPrimitive.Label\n\t\t\tdata-slot=\"context-menu-label\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(contextMenuLabelBaseStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ContextMenuSeparator({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Separator>) {\n\treturn (\n\t\t<ContextMenuPrimitive.Separator\n\t\t\tdata-slot=\"context-menu-separator\"\n\t\t\tclassName={cn(contextMenuSeparatorBaseStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ContextMenuShortcut({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"context-menu-shortcut\"\n\t\t\tclassName={cn(contextMenuShortcutBaseStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ContextMenuIcon({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"context-menu-icon\"\n\t\t\tclassName={cn(contextMenuIconBaseStyles, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</span>\n\t);\n}\n\nexport {\n\tContextMenu,\n\tContextMenuTrigger,\n\tContextMenuContent,\n\tContextMenuItem,\n\tcontextMenuItemVariants,\n\tContextMenuCheckboxItem,\n\tContextMenuRadioItem,\n\tContextMenuLabel,\n\tContextMenuSeparator,\n\tContextMenuShortcut,\n\tContextMenuIcon,\n\tContextMenuGroup,\n\tContextMenuPortal,\n\tContextMenuSub,\n\tContextMenuSubContent,\n\tContextMenuSubTrigger,\n\tContextMenuRadioGroup,\n};\n"],"names":["ContextMenuPrimitive","cva","CheckIcon","ChevronRightIcon","CircleIcon","cn","contextMenuContentBaseStyles","contextMenuItemBaseStyles","contextMenuItemVariants","variants","variant","default","destructive","defaultVariants","contextMenuCheckboxItemBaseStyles","contextMenuCheckboxIndicatorStyles","contextMenuRadioItemBaseStyles","contextMenuRadioIndicatorStyles","contextMenuLabelBaseStyles","contextMenuSeparatorBaseStyles","contextMenuShortcutBaseStyles","contextMenuIconBaseStyles","contextMenuSubTriggerBaseStyles","contextMenuSubContentBaseStyles","ContextMenu","props","Root","data-slot","ContextMenuTrigger","Trigger","ContextMenuGroup","Group","ContextMenuPortal","Portal","ContextMenuSub","Sub","ContextMenuRadioGroup","RadioGroup","ContextMenuSubTrigger","className","inset","children","SubTrigger","data-inset","ContextMenuSubContent","SubContent","ContextMenuContent","Content","ContextMenuItem","Item","data-variant","ContextMenuCheckboxItem","CheckboxItem","span","ItemIndicator","ContextMenuRadioItem","RadioItem","ContextMenuLabel","Label","ContextMenuSeparator","Separator","ContextMenuShortcut","ContextMenuIcon"],"mappings":";AAAA,YAAYA,0BAA0B,+BAA+B;AACrE,SAASC,GAAG,QAA2B,2BAA2B;AAClE,SAASC,SAAS,EAAEC,gBAAgB,EAAEC,UAAU,QAAQ,eAAe;AAGvE,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAAS;AACT,MAAMC,+BAA+BD,GACpC,aAAa;AACb,iBACA,SAAS;AACT,QACA,yDACA,gBACA,0DACA,qBACA,mBACA,QAAQ;AACR,cACA,SAAS;AACT,UACA,2BACA,UAAU;AACV,OACA,SACA,QACA,YACA,SAAS;AACT,wBACA,oBAAoB;AACpB,gCACA,+BACA,gCACA,sBAAsB;AACtB,mCACA,kCACA,mCACA,mBAAmB;AACnB,0CACA,0CACA,0CACA;AAGD,MAAME,4BAA4BF,GACjC,SAAS;AACT,QACA,gBACA,mBACA,SACA,OACA,UAAU;AACV,QACA,QACA,QAAQ;AACR,WACA,aAAa;AACb,aACA,SAAS;AACT,qBACA,cAAc;AACd,kBACA,kBACA,eACA,eAAe;AACf,wBACA,2BACA,iBACA,kBAAkB;AAClB,uCACA,8BACA,gBAAgB;AAChB,qBACA,MAAM;AACN,+BACA,oBACA,wCACA;AAGD,MAAMG,0BAA0BP,IAAIM,2BAA2B;IAC9DE,UAAU;QACTC,SAAS;YACRC,SAAS;YACTC,aAAaP,GACZ,sDACA,yDACA,4DACA;QAEF;IACD;IACAQ,iBAAiB;QAChBH,SAAS;IACV;AACD;AAEA,MAAMI,oCAAoCT,GACzC,SAAS;AACT,YACA,QACA,gBACA,SACA,OACA,UAAU;AACV,QACA,QACA,QACA,QAAQ;AACR,WACA,aAAa;AACb,aACA,SAAS;AACT,qBACA,cAAc;AACd,kBACA,kBACA,eACA,eAAe;AACf,yBACA,2BACA,kBAAkB;AAClB,uCACA,8BACA,MAAM;AACN,+BACA,oBACA,wCACA;AAGD,MAAMU,qCAAqCV,GAC1C,SAAS;AACT,uBACA,YACA,UACA,QACA,YACA,gBACA;AAGD,MAAMW,iCAAiCX,GACtC,SAAS;AACT,YACA,QACA,gBACA,SACA,OACA,UAAU;AACV,QACA,QACA,QACA,QAAQ;AACR,WACA,aAAa;AACb,aACA,SAAS;AACT,qBACA,cAAc;AACd,kBACA,kBACA,eACA,eAAe;AACf,yBACA,2BACA,kBAAkB;AAClB,uCACA,8BACA,MAAM;AACN,+BACA,oBACA;AAGD,MAAMY,kCAAkCZ,GACvC,SAAS;AACT,uBACA,YACA,UACA,QACA,YACA,gBACA;AAGD,MAAMa,6BAA6Bb,GAClC,SAAS;AACT,QACA,gBACA,OACA,UAAU;AACV,QACA,QACA,sBACA,aAAa;AACb,mBACA,SAAS;AACT;AAGD,MAAMc,iCAAiCd,GACtC,SAAS;AACT,YACA,2BACA,UAAU;AACV,SACA,QACA,OAAO;AACP;AAGD,MAAMe,gCAAgCf,GACrC,aAAa;AACb,WACA,mBACA,SAAS;AACT,uBACA,UAAU;AACV;AAGD,MAAMgB,4BAA4BhB,GACjC,SAAS;AACT,QACA,gBACA,kBACA,OAAO;AACP,UACA,UAAU;AACV,OACA,MAAM;AACN,+BACA,oBACA,wCACA,kDACA,eAAe;AACf;AAGD,MAAMiB,kCAAkCjB,GACvC,SAAS;AACT,QACA,gBACA,OACA,UAAU;AACV,QACA,QACA,qBACA,QAAQ;AACR,WACA,aAAa;AACb,aACA,SAAS;AACT,qBACA,cAAc;AACd,kBACA,kBACA,eACA,eAAe;AACf,yBACA,2BACA,qCACA;AAGD,MAAMkB,kCAAkClB,GACvC,aAAa;AACb,iBACA,SAAS;AACT,QACA,gBACA,0DACA,mBACA,QAAQ;AACR,cACA,SAAS;AACT,UACA,2BACA,UAAU;AACV,OACA,SACA,QACA,YACA,SAAS;AACT,qBACA,SAAS;AACT,wBACA,oBAAoB;AACpB,gCACA,+BACA,gCACA,sBAAsB;AACtB,mCACA,kCACA,mCACA,mBAAmB;AACnB,0CACA,0CACA,0CACA;AAGD,aAAa;AACb,SAASmB,YAAY,EACpB,GAAGC,OACqD;IACxD,qBAAO,KAACzB,qBAAqB0B,IAAI;QAACC,aAAU;QAAgB,GAAGF,KAAK;;AACrE;AAEA,SAASG,mBAAmB,EAC3B,GAAGH,OACwD;IAC3D,qBACC,KAACzB,qBAAqB6B,OAAO;QAACF,aAAU;QAAwB,GAAGF,KAAK;;AAE1E;AAEA,SAASK,iBAAiB,EACzB,GAAGL,OACsD;IACzD,qBACC,KAACzB,qBAAqB+B,KAAK;QAACJ,aAAU;QAAsB,GAAGF,KAAK;;AAEtE;AAEA,SAASO,kBAAkB,EAC1B,GAAGP,OACuD;IAC1D,qBACC,KAACzB,qBAAqBiC,MAAM;QAACN,aAAU;QAAuB,GAAGF,KAAK;;AAExE;AAEA,SAASS,eAAe,EACvB,GAAGT,OACoD;IACvD,qBAAO,KAACzB,qBAAqBmC,GAAG;QAACR,aAAU;QAAoB,GAAGF,KAAK;;AACxE;AAEA,SAASW,sBAAsB,EAC9B,GAAGX,OAC2D;IAC9D,qBACC,KAACzB,qBAAqBqC,UAAU;QAC/BV,aAAU;QACT,GAAGF,KAAK;;AAGZ;AAEA,SAASa,sBAAsB,EAC9BC,SAAS,EACTC,KAAK,EACLC,QAAQ,EACR,GAAGhB,OAGH;IACA,qBACC,MAACzB,qBAAqB0C,UAAU;QAC/Bf,aAAU;QACVgB,cAAYH;QACZD,WAAWlC,GAAGiB,iCAAiCiB;QAC9C,GAAGd,KAAK;;YAERgB;0BACD,KAACtC;gBAAiBoC,WAAU;;;;AAG/B;AAEA,SAASK,sBAAsB,EAC9BL,SAAS,EACT,GAAGd,OAC2D;IAC9D,qBACC,KAACzB,qBAAqB6C,UAAU;QAC/BlB,aAAU;QACVY,WAAWlC,GAAGkB,iCAAiCgB;QAC9C,GAAGd,KAAK;;AAGZ;AAEA,SAASqB,mBAAmB,EAC3BP,SAAS,EACT,GAAGd,OACwD;IAC3D,qBACC,KAACzB,qBAAqBiC,MAAM;kBAC3B,cAAA,KAACjC,qBAAqB+C,OAAO;YAC5BpB,aAAU;YACVY,WAAWlC,GAAGC,8BAA8BiC;YAC3C,GAAGd,KAAK;;;AAIb;AAEA,SAASuB,gBAAgB,EACxBT,SAAS,EACTC,KAAK,EACL9B,UAAU,SAAS,EACnB,GAAGe,OAIF;IACD,qBACC,KAACzB,qBAAqBiD,IAAI;QACzBtB,aAAU;QACVgB,cAAYH;QACZU,gBAAcxC;QACd6B,WAAWlC,GAAGG,wBAAwB;YAAEE;QAAQ,IAAI6B;QACnD,GAAGd,KAAK;;AAGZ;AAEA,SAAS0B,wBAAwB,EAChCZ,SAAS,EACTE,QAAQ,EACR,GAAGhB,OAC6D;IAChE,qBACC,MAACzB,qBAAqBoD,YAAY;QACjCzB,aAAU;QACVY,WAAWlC,GAAGS,mCAAmCyB;QAChD,GAAGd,KAAK;;0BAET,KAAC4B;gBAAKd,WAAWxB;0BAChB,cAAA,KAACf,qBAAqBsD,aAAa;8BAClC,cAAA,KAACpD;wBAAUqC,WAAU;;;;YAGtBE;;;AAGJ;AAEA,SAASc,qBAAqB,EAC7BhB,SAAS,EACTE,QAAQ,EACR,GAAGhB,OAC0D;IAC7D,qBACC,MAACzB,qBAAqBwD,SAAS;QAC9B7B,aAAU;QACVY,WAAWlC,GAAGW,gCAAgCuB;QAC7C,GAAGd,KAAK;;0BAET,KAAC4B;gBAAKd,WAAWtB;0BAChB,cAAA,KAACjB,qBAAqBsD,aAAa;8BAClC,cAAA,KAAClD;wBAAWmC,WAAU;;;;YAGvBE;;;AAGJ;AAEA,SAASgB,iBAAiB,EACzBlB,SAAS,EACTC,KAAK,EACL,GAAGf,OAGH;IACA,qBACC,KAACzB,qBAAqB0D,KAAK;QAC1B/B,aAAU;QACVgB,cAAYH;QACZD,WAAWlC,GAAGa,4BAA4BqB;QACzC,GAAGd,KAAK;;AAGZ;AAEA,SAASkC,qBAAqB,EAC7BpB,SAAS,EACT,GAAGd,OAC0D;IAC7D,qBACC,KAACzB,qBAAqB4D,SAAS;QAC9BjC,aAAU;QACVY,WAAWlC,GAAGc,gCAAgCoB;QAC7C,GAAGd,KAAK;;AAGZ;AAEA,SAASoC,oBAAoB,EAC5BtB,SAAS,EACT,GAAGd,OAC2B;IAC9B,qBACC,KAAC4B;QACA1B,aAAU;QACVY,WAAWlC,GAAGe,+BAA+BmB;QAC5C,GAAGd,KAAK;;AAGZ;AAEA,SAASqC,gBAAgB,EACxBvB,SAAS,EACTE,QAAQ,EACR,GAAGhB,OAC2B;IAC9B,qBACC,KAAC4B;QACA1B,aAAU;QACVY,WAAWlC,GAAGgB,2BAA2BkB;QACxC,GAAGd,KAAK;kBAERgB;;AAGJ;AAEA,SACCjB,WAAW,EACXI,kBAAkB,EAClBkB,kBAAkB,EAClBE,eAAe,EACfxC,uBAAuB,EACvB2C,uBAAuB,EACvBI,oBAAoB,EACpBE,gBAAgB,EAChBE,oBAAoB,EACpBE,mBAAmB,EACnBC,eAAe,EACfhC,gBAAgB,EAChBE,iBAAiB,EACjBE,cAAc,EACdU,qBAAqB,EACrBN,qBAAqB,EACrBF,qBAAqB,GACpB"}

package/dist/src/shadcn/components/ui/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,MAAM,CAAC,EACf,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED,iBAAS,aAAa,CAAC,EACtB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAEtD;AAED,iBAAS,YAAY,CAAC,EACrB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAErD;AAED,iBAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAWtD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACzD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B,2CAyBA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED,iBAAS,WAAW,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAED,OAAO,EACN,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACb,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAuFpC,iBAAS,MAAM,CAAC,EACf,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED,iBAAS,aAAa,CAAC,EACtB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAEtD;AAED,iBAAS,YAAY,CAAC,EACrB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAErD;AAED,iBAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAQtD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACzD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B,2CAsBA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAezE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAezE;AAED,iBAAS,WAAW,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAED,OAAO,EACN,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACb,CAAC"}

package/dist/src/shadcn/components/ui/dialog.js

@@ -2,6 +2,34 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { XIcon } from "lucide-react";
 import { cn } from "../../lib/utils.js";
+// Dialog overlay styles
+const dialogOverlayStyles = cn(// Layout
+"fixed", "inset-0", "z-50", // Background
+"bg-black/50", // Animations - open
+"data-[state=open]:animate-in", "data-[state=open]:fade-in-0", // Animations - closed
+"data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0");
+// Dialog content styles
+const dialogContentStyles = cn(// Layout
+"fixed", "top-[50%]", "left-[50%]", "z-50", "grid", "w-full", "max-w-[calc(100%-2rem)]", "translate-x-[-50%]", "translate-y-[-50%]", "gap-4", // Shape
+"rounded-lg", // Borders
+"border", "border-border-primary", // Background & Colors
+"bg-bg-primary", // Spacing
+"p-6", // Shadow
+"dropdown-menu-shadow", // Animation duration
+"duration-200", // Responsive
+"sm:max-w-lg", // Animations - open
+"data-[state=open]:animate-in", "data-[state=open]:fade-in-0", "data-[state=open]:zoom-in-95", // Animations - closed
+"data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0", "data-[state=closed]:zoom-out-95");
+// Dialog close button styles
+const dialogCloseButtonStyles = cn(// Layout
+"absolute", "top-4", "right-4", // Shape
+"rounded-xs", // Opacity
+"opacity-70", "hover:opacity-100", // Transitions
+"transition-opacity", // Focus
+"focus:ring-2", "focus:ring-utility-blue/70", "focus:ring-offset-2", "focus:outline-hidden", // Disabled
+"disabled:pointer-events-none", // SVG styles
+"[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", // States
+"data-[state=open]:bg-bg-secondary", "data-[state=open]:text-text-secondary");
 function Dialog({ ...props }) {
     return /*#__PURE__*/ _jsx(DialogPrimitive.Root, {
         "data-slot": "dialog",
@@ -29,7 +57,7 @@ function DialogClose({ ...props }) {
 function DialogOverlay({ className, ...props }) {
     return /*#__PURE__*/ _jsx(DialogPrimitive.Overlay, {
         "data-slot": "dialog-overlay",
-        className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
+        className: cn(dialogOverlayStyles, className),
         ...props
     });
 }
@@ -40,13 +68,13 @@ function DialogContent({ className, children, showCloseButton = true, ...props }
             /*#__PURE__*/ _jsx(DialogOverlay, {}),
             /*#__PURE__*/ _jsxs(DialogPrimitive.Content, {
                 "data-slot": "dialog-content",
-                className: cn("bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className),
+                className: cn(dialogContentStyles, className),
                 ...props,
                 children: [
                     children,
                     showCloseButton && /*#__PURE__*/ _jsxs(DialogPrimitive.Close, {
                         "data-slot": "dialog-close",
-                        className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+                        className: dialogCloseButtonStyles,
                         children: [
                             /*#__PURE__*/ _jsx(XIcon, {}),
                             /*#__PURE__*/ _jsx("span", {
@@ -63,28 +91,28 @@ function DialogContent({ className, children, showCloseButton = true, ...props }
 function DialogHeader({ className, ...props }) {
     return /*#__PURE__*/ _jsx("div", {
         "data-slot": "dialog-header",
-        className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+        className: cn("flex", "flex-col", "gap-2", "text-center", "sm:text-left", className),
         ...props
     });
 }
 function DialogFooter({ className, ...props }) {
     return /*#__PURE__*/ _jsx("div", {
         "data-slot": "dialog-footer",
-        className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+        className: cn("flex", "flex-col-reverse", "gap-2", "sm:flex-row", "sm:justify-end", className),
         ...props
     });
 }
 function DialogTitle({ className, ...props }) {
     return /*#__PURE__*/ _jsx(DialogPrimitive.Title, {
         "data-slot": "dialog-title",
-        className: cn("text-lg leading-none font-semibold", className),
+        className: cn("text-lg", "leading-none", "font-semibold", className),
         ...props
     });
 }
 function DialogDescription({ className, ...props }) {
     return /*#__PURE__*/ _jsx(DialogPrimitive.Description, {
         "data-slot": "dialog-description",
-        className: cn("text-muted-foreground text-sm", className),
+        className: cn("text-text-secondary", "text-sm", className),
         ...props
     });
 }

package/dist/src/shadcn/components/ui/dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Dialog({\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n\treturn <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n\treturn <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n\treturn <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n\treturn <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n\treturn (\n\t\t<DialogPrimitive.Overlay\n\t\t\tdata-slot=\"dialog-overlay\"\n\t\t\tclassName={cn(\n\t\t\t\t\"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DialogContent({\n\tclassName,\n\tchildren,\n\tshowCloseButton = true,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n\tshowCloseButton?: boolean;\n}) {\n\treturn (\n\t\t<DialogPortal data-slot=\"dialog-portal\">\n\t\t\t<DialogOverlay />\n\t\t\t<DialogPrimitive.Content\n\t\t\t\tdata-slot=\"dialog-content\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t{showCloseButton && (\n\t\t\t\t\t<DialogPrimitive.Close\n\t\t\t\t\t\tdata-slot=\"dialog-close\"\n\t\t\t\t\t\tclassName=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<XIcon />\n\t\t\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t\t\t</DialogPrimitive.Close>\n\t\t\t\t)}\n\t\t\t</DialogPrimitive.Content>\n\t\t</DialogPortal>\n\t);\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"dialog-header\"\n\t\t\tclassName={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"dialog-footer\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DialogTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n\treturn (\n\t\t<DialogPrimitive.Title\n\t\t\tdata-slot=\"dialog-title\"\n\t\t\tclassName={cn(\"text-lg leading-none font-semibold\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DialogDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n\treturn (\n\t\t<DialogPrimitive.Description\n\t\t\tdata-slot=\"dialog-description\"\n\t\t\tclassName={cn(\"text-muted-foreground text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tDialog,\n\tDialogClose,\n\tDialogContent,\n\tDialogDescription,\n\tDialogFooter,\n\tDialogHeader,\n\tDialogOverlay,\n\tDialogPortal,\n\tDialogTitle,\n\tDialogTrigger,\n};\n"],"names":["DialogPrimitive","XIcon","cn","Dialog","props","Root","data-slot","DialogTrigger","Trigger","DialogPortal","Portal","DialogClose","Close","DialogOverlay","className","Overlay","DialogContent","children","showCloseButton","Content","span","DialogHeader","div","DialogFooter","DialogTitle","Title","DialogDescription","Description"],"mappings":";AAAA,YAAYA,qBAAqB,yBAAyB;AAC1D,SAASC,KAAK,QAAQ,eAAe;AAGrC,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,OAAO,EACf,GAAGC,OACgD;IACnD,qBAAO,KAACJ,gBAAgBK,IAAI;QAACC,aAAU;QAAU,GAAGF,KAAK;;AAC1D;AAEA,SAASG,cAAc,EACtB,GAAGH,OACmD;IACtD,qBAAO,KAACJ,gBAAgBQ,OAAO;QAACF,aAAU;QAAkB,GAAGF,KAAK;;AACrE;AAEA,SAASK,aAAa,EACrB,GAAGL,OACkD;IACrD,qBAAO,KAACJ,gBAAgBU,MAAM;QAACJ,aAAU;QAAiB,GAAGF,KAAK;;AACnE;AAEA,SAASO,YAAY,EACpB,GAAGP,OACiD;IACpD,qBAAO,KAACJ,gBAAgBY,KAAK;QAACN,aAAU;QAAgB,GAAGF,KAAK;;AACjE;AAEA,SAASS,cAAc,EACtBC,SAAS,EACT,GAAGV,OACmD;IACtD,qBACC,KAACJ,gBAAgBe,OAAO;QACvBT,aAAU;QACVQ,WAAWZ,GACV,0JACAY;QAEA,GAAGV,KAAK;;AAGZ;AAEA,SAASY,cAAc,EACtBF,SAAS,EACTG,QAAQ,EACRC,kBAAkB,IAAI,EACtB,GAAGd,OAGH;IACA,qBACC,MAACK;QAAaH,aAAU;;0BACvB,KAACO;0BACD,MAACb,gBAAgBmB,OAAO;gBACvBb,aAAU;gBACVQ,WAAWZ,GACV,+WACAY;gBAEA,GAAGV,KAAK;;oBAERa;oBACAC,iCACA,MAAClB,gBAAgBY,KAAK;wBACrBN,aAAU;wBACVQ,WAAU;;0CAEV,KAACb;0CACD,KAACmB;gCAAKN,WAAU;0CAAU;;;;;;;;AAMhC;AAEA,SAASO,aAAa,EAAEP,SAAS,EAAE,GAAGV,OAAoC;IACzE,qBACC,KAACkB;QACAhB,aAAU;QACVQ,WAAWZ,GAAG,gDAAgDY;QAC7D,GAAGV,KAAK;;AAGZ;AAEA,SAASmB,aAAa,EAAET,SAAS,EAAE,GAAGV,OAAoC;IACzE,qBACC,KAACkB;QACAhB,aAAU;QACVQ,WAAWZ,GACV,0DACAY;QAEA,GAAGV,KAAK;;AAGZ;AAEA,SAASoB,YAAY,EACpBV,SAAS,EACT,GAAGV,OACiD;IACpD,qBACC,KAACJ,gBAAgByB,KAAK;QACrBnB,aAAU;QACVQ,WAAWZ,GAAG,sCAAsCY;QACnD,GAAGV,KAAK;;AAGZ;AAEA,SAASsB,kBAAkB,EAC1BZ,SAAS,EACT,GAAGV,OACuD;IAC1D,qBACC,KAACJ,gBAAgB2B,WAAW;QAC3BrB,aAAU;QACVQ,WAAWZ,GAAG,iCAAiCY;QAC9C,GAAGV,KAAK;;AAGZ;AAEA,SACCD,MAAM,EACNQ,WAAW,EACXK,aAAa,EACbU,iBAAiB,EACjBH,YAAY,EACZF,YAAY,EACZR,aAAa,EACbJ,YAAY,EACZe,WAAW,EACXjB,aAAa,GACZ"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\n// Dialog overlay styles\nconst dialogOverlayStyles = cn(\n\t// Layout\n\t\"fixed\",\n\t\"inset-0\",\n\t\"z-50\",\n\t// Background\n\t\"bg-black/50\",\n\t// Animations - open\n\t\"data-[state=open]:animate-in\",\n\t\"data-[state=open]:fade-in-0\",\n\t// Animations - closed\n\t\"data-[state=closed]:animate-out\",\n\t\"data-[state=closed]:fade-out-0\",\n);\n\n// Dialog content styles\nconst dialogContentStyles = cn(\n\t// Layout\n\t\"fixed\",\n\t\"top-[50%]\",\n\t\"left-[50%]\",\n\t\"z-50\",\n\t\"grid\",\n\t\"w-full\",\n\t\"max-w-[calc(100%-2rem)]\",\n\t\"translate-x-[-50%]\",\n\t\"translate-y-[-50%]\",\n\t\"gap-4\",\n\t// Shape\n\t\"rounded-lg\",\n\t// Borders\n\t\"border\",\n\t\"border-border-primary\",\n\t// Background & Colors\n\t\"bg-bg-primary\",\n\t// Spacing\n\t\"p-6\",\n\t// Shadow\n\t\"dropdown-menu-shadow\",\n\t// Animation duration\n\t\"duration-200\",\n\t// Responsive\n\t\"sm:max-w-lg\",\n\t// Animations - open\n\t\"data-[state=open]:animate-in\",\n\t\"data-[state=open]:fade-in-0\",\n\t\"data-[state=open]:zoom-in-95\",\n\t// Animations - closed\n\t\"data-[state=closed]:animate-out\",\n\t\"data-[state=closed]:fade-out-0\",\n\t\"data-[state=closed]:zoom-out-95\",\n);\n\n// Dialog close button styles\nconst dialogCloseButtonStyles = cn(\n\t// Layout\n\t\"absolute\",\n\t\"top-4\",\n\t\"right-4\",\n\t// Shape\n\t\"rounded-xs\",\n\t// Opacity\n\t\"opacity-70\",\n\t\"hover:opacity-100\",\n\t// Transitions\n\t\"transition-opacity\",\n\t// Focus\n\t\"focus:ring-2\",\n\t\"focus:ring-utility-blue/70\",\n\t\"focus:ring-offset-2\",\n\t\"focus:outline-hidden\",\n\t// Disabled\n\t\"disabled:pointer-events-none\",\n\t// SVG styles\n\t\"[&_svg]:pointer-events-none\",\n\t\"[&_svg]:shrink-0\",\n\t\"[&_svg:not([class*='size-'])]:size-4\",\n\t// States\n\t\"data-[state=open]:bg-bg-secondary\",\n\t\"data-[state=open]:text-text-secondary\",\n);\n\nfunction Dialog({\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n\treturn <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n\treturn <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n\treturn <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n\treturn <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n\treturn (\n\t\t<DialogPrimitive.Overlay\n\t\t\tdata-slot=\"dialog-overlay\"\n\t\t\tclassName={cn(dialogOverlayStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DialogContent({\n\tclassName,\n\tchildren,\n\tshowCloseButton = true,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n\tshowCloseButton?: boolean;\n}) {\n\treturn (\n\t\t<DialogPortal data-slot=\"dialog-portal\">\n\t\t\t<DialogOverlay />\n\t\t\t<DialogPrimitive.Content\n\t\t\t\tdata-slot=\"dialog-content\"\n\t\t\t\tclassName={cn(dialogContentStyles, className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t{showCloseButton && (\n\t\t\t\t\t<DialogPrimitive.Close\n\t\t\t\t\t\tdata-slot=\"dialog-close\"\n\t\t\t\t\t\tclassName={dialogCloseButtonStyles}\n\t\t\t\t\t>\n\t\t\t\t\t\t<XIcon />\n\t\t\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t\t\t</DialogPrimitive.Close>\n\t\t\t\t)}\n\t\t\t</DialogPrimitive.Content>\n\t\t</DialogPortal>\n\t);\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"dialog-header\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex\",\n\t\t\t\t\"flex-col\",\n\t\t\t\t\"gap-2\",\n\t\t\t\t\"text-center\",\n\t\t\t\t\"sm:text-left\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"dialog-footer\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex\",\n\t\t\t\t\"flex-col-reverse\",\n\t\t\t\t\"gap-2\",\n\t\t\t\t\"sm:flex-row\",\n\t\t\t\t\"sm:justify-end\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DialogTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n\treturn (\n\t\t<DialogPrimitive.Title\n\t\t\tdata-slot=\"dialog-title\"\n\t\t\tclassName={cn(\"text-lg\", \"leading-none\", \"font-semibold\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DialogDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n\treturn (\n\t\t<DialogPrimitive.Description\n\t\t\tdata-slot=\"dialog-description\"\n\t\t\tclassName={cn(\"text-text-secondary\", \"text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tDialog,\n\tDialogClose,\n\tDialogContent,\n\tDialogDescription,\n\tDialogFooter,\n\tDialogHeader,\n\tDialogOverlay,\n\tDialogPortal,\n\tDialogTitle,\n\tDialogTrigger,\n};\n"],"names":["DialogPrimitive","XIcon","cn","dialogOverlayStyles","dialogContentStyles","dialogCloseButtonStyles","Dialog","props","Root","data-slot","DialogTrigger","Trigger","DialogPortal","Portal","DialogClose","Close","DialogOverlay","className","Overlay","DialogContent","children","showCloseButton","Content","span","DialogHeader","div","DialogFooter","DialogTitle","Title","DialogDescription","Description"],"mappings":"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"}

package/dist/src/shadcn/components/ui/drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,MAAM,CAAC;AAIjD,iBAAS,MAAM,CAAC,EACf,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED,iBAAS,aAAa,CAAC,EACtB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAEtD;AAED,iBAAS,YAAY,CAAC,EACrB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAErD;AAED,iBAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAWtD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAqBtD;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,WAAW,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAED,OAAO,EACN,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GACjB,CAAC"}
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,MAAM,CAAC;AA4FjD,iBAAS,MAAM,CAAC,EACf,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED,iBAAS,aAAa,CAAC,EACtB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAEtD;AAED,iBAAS,YAAY,CAAC,EACrB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAErD;AAED,iBAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAQtD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CActD;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,WAAW,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAED,OAAO,EACN,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GACjB,CAAC"}

package/dist/src/shadcn/components/ui/drawer.js

@@ -1,6 +1,28 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Drawer as DrawerPrimitive } from "vaul";
 import { cn } from "../../lib/utils.js";
+// Drawer overlay styles
+const drawerOverlayStyles = cn(// Layout
+"fixed", "inset-0", "z-50", // Background
+"bg-black/50", // Animations - open
+"data-[state=open]:animate-in", "data-[state=open]:fade-in-0", // Animations - closed
+"data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0");
+// Drawer content styles
+const drawerContentStyles = cn(// Group
+"group/drawer-content", // Background
+"bg-bg-primary", // Layout
+"fixed", "z-50", "flex", "h-auto", "flex-col", // Top direction
+"data-[vaul-drawer-direction=top]:inset-x-0", "data-[vaul-drawer-direction=top]:top-0", "data-[vaul-drawer-direction=top]:mb-24", "data-[vaul-drawer-direction=top]:max-h-[80vh]", "data-[vaul-drawer-direction=top]:rounded-b-lg", "data-[vaul-drawer-direction=top]:border-b", "data-[vaul-drawer-direction=top]:border-border-primary", // Bottom direction
+"data-[vaul-drawer-direction=bottom]:inset-x-0", "data-[vaul-drawer-direction=bottom]:bottom-0", "data-[vaul-drawer-direction=bottom]:mt-24", "data-[vaul-drawer-direction=bottom]:max-h-[80vh]", "data-[vaul-drawer-direction=bottom]:rounded-t-lg", "data-[vaul-drawer-direction=bottom]:border-t", "data-[vaul-drawer-direction=bottom]:border-border-primary", // Right direction
+"data-[vaul-drawer-direction=right]:inset-y-0", "data-[vaul-drawer-direction=right]:right-0", "data-[vaul-drawer-direction=right]:w-3/4", "data-[vaul-drawer-direction=right]:border-l", "data-[vaul-drawer-direction=right]:border-border-primary", "data-[vaul-drawer-direction=right]:sm:max-w-sm", // Left direction
+"data-[vaul-drawer-direction=left]:inset-y-0", "data-[vaul-drawer-direction=left]:left-0", "data-[vaul-drawer-direction=left]:w-3/4", "data-[vaul-drawer-direction=left]:border-r", "data-[vaul-drawer-direction=left]:border-border-primary", "data-[vaul-drawer-direction=left]:sm:max-w-sm");
+// Drawer handle styles
+const drawerHandleStyles = cn("bg-bg-tertiary", "mx-auto", "mt-4", "hidden", "h-2", "w-[100px]", "shrink-0", "rounded-full", "group-data-[vaul-drawer-direction=bottom]/drawer-content:block");
+// Drawer header styles
+const drawerHeaderStyles = cn("flex", "flex-col", "gap-0.5", "p-4", "group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center", "group-data-[vaul-drawer-direction=top]/drawer-content:text-center", "md:gap-1.5", "md:text-left");
+// Drawer footer styles
+const drawerFooterStyles = cn("mt-auto", "flex", "flex-col", "gap-2", "p-4");
 function Drawer({ ...props }) {
     return /*#__PURE__*/ _jsx(DrawerPrimitive.Root, {
         "data-slot": "drawer",
@@ -28,7 +50,7 @@ function DrawerClose({ ...props }) {
 function DrawerOverlay({ className, ...props }) {
     return /*#__PURE__*/ _jsx(DrawerPrimitive.Overlay, {
         "data-slot": "drawer-overlay",
-        className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
+        className: cn(drawerOverlayStyles, className),
         ...props
     });
 }
@@ -39,11 +61,11 @@ function DrawerContent({ className, children, ...props }) {
             /*#__PURE__*/ _jsx(DrawerOverlay, {}),
             /*#__PURE__*/ _jsxs(DrawerPrimitive.Content, {
                 "data-slot": "drawer-content",
-                className: cn("group/drawer-content bg-background fixed z-50 flex h-auto flex-col", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm", className),
+                className: cn(drawerContentStyles, className),
                 ...props,
                 children: [
                     /*#__PURE__*/ _jsx("div", {
-                        className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block"
+                        className: drawerHandleStyles
                     }),
                     children
                 ]
@@ -54,14 +76,14 @@ function DrawerContent({ className, children, ...props }) {
 function DrawerHeader({ className, ...props }) {
     return /*#__PURE__*/ _jsx("div", {
         "data-slot": "drawer-header",
-        className: cn("flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left", className),
+        className: cn(drawerHeaderStyles, className),
         ...props
     });
 }
 function DrawerFooter({ className, ...props }) {
     return /*#__PURE__*/ _jsx("div", {
         "data-slot": "drawer-footer",
-        className: cn("mt-auto flex flex-col gap-2 p-4", className),
+        className: cn(drawerFooterStyles, className),
         ...props
     });
 }

package/dist/src/shadcn/components/ui/drawer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/drawer.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Drawer({\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n\treturn <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />;\n}\n\nfunction DrawerTrigger({\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n\treturn <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\nfunction DrawerPortal({\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n\treturn <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n}\n\nfunction DrawerClose({\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n\treturn <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n}\n\nfunction DrawerOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n\treturn (\n\t\t<DrawerPrimitive.Overlay\n\t\t\tdata-slot=\"drawer-overlay\"\n\t\t\tclassName={cn(\n\t\t\t\t\"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DrawerContent({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n\treturn (\n\t\t<DrawerPortal data-slot=\"drawer-portal\">\n\t\t\t<DrawerOverlay />\n\t\t\t<DrawerPrimitive.Content\n\t\t\t\tdata-slot=\"drawer-content\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"group/drawer-content bg-background fixed z-50 flex h-auto flex-col\",\n\t\t\t\t\t\"data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b\",\n\t\t\t\t\t\"data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t\",\n\t\t\t\t\t\"data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm\",\n\t\t\t\t\t\"data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<div className=\"bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block\" />\n\t\t\t\t{children}\n\t\t\t</DrawerPrimitive.Content>\n\t\t</DrawerPortal>\n\t);\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"drawer-header\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"drawer-footer\"\n\t\t\tclassName={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DrawerTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n\treturn (\n\t\t<DrawerPrimitive.Title\n\t\t\tdata-slot=\"drawer-title\"\n\t\t\tclassName={cn(\"text-foreground font-semibold\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DrawerDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n\treturn (\n\t\t<DrawerPrimitive.Description\n\t\t\tdata-slot=\"drawer-description\"\n\t\t\tclassName={cn(\"text-muted-foreground text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tDrawer,\n\tDrawerPortal,\n\tDrawerOverlay,\n\tDrawerTrigger,\n\tDrawerClose,\n\tDrawerContent,\n\tDrawerHeader,\n\tDrawerFooter,\n\tDrawerTitle,\n\tDrawerDescription,\n};\n"],"names":["Drawer","DrawerPrimitive","cn","props","Root","data-slot","DrawerTrigger","Trigger","DrawerPortal","Portal","DrawerClose","Close","DrawerOverlay","className","Overlay","DrawerContent","children","Content","div","DrawerHeader","DrawerFooter","DrawerTitle","Title","DrawerDescription","Description"],"mappings":";AACA,SAASA,UAAUC,eAAe,QAAQ,OAAO;AAEjD,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASF,OAAO,EACf,GAAGG,OACgD;IACnD,qBAAO,KAACF,gBAAgBG,IAAI;QAACC,aAAU;QAAU,GAAGF,KAAK;;AAC1D;AAEA,SAASG,cAAc,EACtB,GAAGH,OACmD;IACtD,qBAAO,KAACF,gBAAgBM,OAAO;QAACF,aAAU;QAAkB,GAAGF,KAAK;;AACrE;AAEA,SAASK,aAAa,EACrB,GAAGL,OACkD;IACrD,qBAAO,KAACF,gBAAgBQ,MAAM;QAACJ,aAAU;QAAiB,GAAGF,KAAK;;AACnE;AAEA,SAASO,YAAY,EACpB,GAAGP,OACiD;IACpD,qBAAO,KAACF,gBAAgBU,KAAK;QAACN,aAAU;QAAgB,GAAGF,KAAK;;AACjE;AAEA,SAASS,cAAc,EACtBC,SAAS,EACT,GAAGV,OACmD;IACtD,qBACC,KAACF,gBAAgBa,OAAO;QACvBT,aAAU;QACVQ,WAAWX,GACV,0JACAW;QAEA,GAAGV,KAAK;;AAGZ;AAEA,SAASY,cAAc,EACtBF,SAAS,EACTG,QAAQ,EACR,GAAGb,OACmD;IACtD,qBACC,MAACK;QAAaH,aAAU;;0BACvB,KAACO;0BACD,MAACX,gBAAgBgB,OAAO;gBACvBZ,aAAU;gBACVQ,WAAWX,GACV,sEACA,kQACA,uRACA,+NACA,yNACAW;gBAEA,GAAGV,KAAK;;kCAET,KAACe;wBAAIL,WAAU;;oBACdG;;;;;AAIL;AAEA,SAASG,aAAa,EAAEN,SAAS,EAAE,GAAGV,OAAoC;IACzE,qBACC,KAACe;QACAb,aAAU;QACVQ,WAAWX,GACV,4LACAW;QAEA,GAAGV,KAAK;;AAGZ;AAEA,SAASiB,aAAa,EAAEP,SAAS,EAAE,GAAGV,OAAoC;IACzE,qBACC,KAACe;QACAb,aAAU;QACVQ,WAAWX,GAAG,mCAAmCW;QAChD,GAAGV,KAAK;;AAGZ;AAEA,SAASkB,YAAY,EACpBR,SAAS,EACT,GAAGV,OACiD;IACpD,qBACC,KAACF,gBAAgBqB,KAAK;QACrBjB,aAAU;QACVQ,WAAWX,GAAG,iCAAiCW;QAC9C,GAAGV,KAAK;;AAGZ;AAEA,SAASoB,kBAAkB,EAC1BV,SAAS,EACT,GAAGV,OACuD;IAC1D,qBACC,KAACF,gBAAgBuB,WAAW;QAC3BnB,aAAU;QACVQ,WAAWX,GAAG,iCAAiCW;QAC9C,GAAGV,KAAK;;AAGZ;AAEA,SACCH,MAAM,EACNQ,YAAY,EACZI,aAAa,EACbN,aAAa,EACbI,WAAW,EACXK,aAAa,EACbI,YAAY,EACZC,YAAY,EACZC,WAAW,EACXE,iBAAiB,GAChB"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/drawer.tsx"],"sourcesContent":["\"use client\";\nimport type * as React from \"react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\n// Drawer overlay styles\nconst drawerOverlayStyles = cn(\n\t// Layout\n\t\"fixed\",\n\t\"inset-0\",\n\t\"z-50\",\n\t// Background\n\t\"bg-black/50\",\n\t// Animations - open\n\t\"data-[state=open]:animate-in\",\n\t\"data-[state=open]:fade-in-0\",\n\t// Animations - closed\n\t\"data-[state=closed]:animate-out\",\n\t\"data-[state=closed]:fade-out-0\",\n);\n\n// Drawer content styles\nconst drawerContentStyles = cn(\n\t// Group\n\t\"group/drawer-content\",\n\t// Background\n\t\"bg-bg-primary\",\n\t// Layout\n\t\"fixed\",\n\t\"z-50\",\n\t\"flex\",\n\t\"h-auto\",\n\t\"flex-col\",\n\t// Top direction\n\t\"data-[vaul-drawer-direction=top]:inset-x-0\",\n\t\"data-[vaul-drawer-direction=top]:top-0\",\n\t\"data-[vaul-drawer-direction=top]:mb-24\",\n\t\"data-[vaul-drawer-direction=top]:max-h-[80vh]\",\n\t\"data-[vaul-drawer-direction=top]:rounded-b-lg\",\n\t\"data-[vaul-drawer-direction=top]:border-b\",\n\t\"data-[vaul-drawer-direction=top]:border-border-primary\",\n\t// Bottom direction\n\t\"data-[vaul-drawer-direction=bottom]:inset-x-0\",\n\t\"data-[vaul-drawer-direction=bottom]:bottom-0\",\n\t\"data-[vaul-drawer-direction=bottom]:mt-24\",\n\t\"data-[vaul-drawer-direction=bottom]:max-h-[80vh]\",\n\t\"data-[vaul-drawer-direction=bottom]:rounded-t-lg\",\n\t\"data-[vaul-drawer-direction=bottom]:border-t\",\n\t\"data-[vaul-drawer-direction=bottom]:border-border-primary\",\n\t// Right direction\n\t\"data-[vaul-drawer-direction=right]:inset-y-0\",\n\t\"data-[vaul-drawer-direction=right]:right-0\",\n\t\"data-[vaul-drawer-direction=right]:w-3/4\",\n\t\"data-[vaul-drawer-direction=right]:border-l\",\n\t\"data-[vaul-drawer-direction=right]:border-border-primary\",\n\t\"data-[vaul-drawer-direction=right]:sm:max-w-sm\",\n\t// Left direction\n\t\"data-[vaul-drawer-direction=left]:inset-y-0\",\n\t\"data-[vaul-drawer-direction=left]:left-0\",\n\t\"data-[vaul-drawer-direction=left]:w-3/4\",\n\t\"data-[vaul-drawer-direction=left]:border-r\",\n\t\"data-[vaul-drawer-direction=left]:border-border-primary\",\n\t\"data-[vaul-drawer-direction=left]:sm:max-w-sm\",\n);\n\n// Drawer handle styles\nconst drawerHandleStyles = cn(\n\t\"bg-bg-tertiary\",\n\t\"mx-auto\",\n\t\"mt-4\",\n\t\"hidden\",\n\t\"h-2\",\n\t\"w-[100px]\",\n\t\"shrink-0\",\n\t\"rounded-full\",\n\t\"group-data-[vaul-drawer-direction=bottom]/drawer-content:block\",\n);\n\n// Drawer header styles\nconst drawerHeaderStyles = cn(\n\t\"flex\",\n\t\"flex-col\",\n\t\"gap-0.5\",\n\t\"p-4\",\n\t\"group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center\",\n\t\"group-data-[vaul-drawer-direction=top]/drawer-content:text-center\",\n\t\"md:gap-1.5\",\n\t\"md:text-left\",\n);\n\n// Drawer footer styles\nconst drawerFooterStyles = cn(\"mt-auto\", \"flex\", \"flex-col\", \"gap-2\", \"p-4\");\n\nfunction Drawer({\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n\treturn <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />;\n}\n\nfunction DrawerTrigger({\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n\treturn <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\nfunction DrawerPortal({\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n\treturn <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n}\n\nfunction DrawerClose({\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n\treturn <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n}\n\nfunction DrawerOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n\treturn (\n\t\t<DrawerPrimitive.Overlay\n\t\t\tdata-slot=\"drawer-overlay\"\n\t\t\tclassName={cn(drawerOverlayStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DrawerContent({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n\treturn (\n\t\t<DrawerPortal data-slot=\"drawer-portal\">\n\t\t\t<DrawerOverlay />\n\t\t\t<DrawerPrimitive.Content\n\t\t\t\tdata-slot=\"drawer-content\"\n\t\t\t\tclassName={cn(drawerContentStyles, className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<div className={drawerHandleStyles} />\n\t\t\t\t{children}\n\t\t\t</DrawerPrimitive.Content>\n\t\t</DrawerPortal>\n\t);\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"drawer-header\"\n\t\t\tclassName={cn(drawerHeaderStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"drawer-footer\"\n\t\t\tclassName={cn(drawerFooterStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DrawerTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n\treturn (\n\t\t<DrawerPrimitive.Title\n\t\t\tdata-slot=\"drawer-title\"\n\t\t\tclassName={cn(\"text-foreground font-semibold\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DrawerDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n\treturn (\n\t\t<DrawerPrimitive.Description\n\t\t\tdata-slot=\"drawer-description\"\n\t\t\tclassName={cn(\"text-muted-foreground text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tDrawer,\n\tDrawerPortal,\n\tDrawerOverlay,\n\tDrawerTrigger,\n\tDrawerClose,\n\tDrawerContent,\n\tDrawerHeader,\n\tDrawerFooter,\n\tDrawerTitle,\n\tDrawerDescription,\n};\n"],"names":["Drawer","DrawerPrimitive","cn","drawerOverlayStyles","drawerContentStyles","drawerHandleStyles","drawerHeaderStyles","drawerFooterStyles","props","Root","data-slot","DrawerTrigger","Trigger","DrawerPortal","Portal","DrawerClose","Close","DrawerOverlay","className","Overlay","DrawerContent","children","Content","div","DrawerHeader","DrawerFooter","DrawerTitle","Title","DrawerDescription","Description"],"mappings":"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"}