@etus/ui 0.4.0-beta.2 → 0.4.0-beta.3

package/dist/chunk-YZY35OHQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/SpeedDial/SpeedDial.variants.ts","../src/components/navigation/SpeedDial/SpeedDial.tsx"],"names":[],"mappings":"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","file":"chunk-YZY35OHQ.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\n/**\n * SpeedDial container variants\n */\nexport const speedDialContainerVariants = cva(\"relative inline-flex\", {\n  variants: {\n    direction: {\n      up: \"flex-col-reverse items-center\",\n      down: \"flex-col items-center\",\n      left: \"flex-row-reverse items-center\",\n      right: \"flex-row items-center\",\n      \"up-left\": \"flex-col-reverse items-end\",\n      \"up-right\": \"flex-col-reverse items-start\",\n      \"down-left\": \"flex-col items-end\",\n      \"down-right\": \"flex-col items-start\",\n    },\n  },\n  defaultVariants: {\n    direction: \"up\",\n  },\n})\n\n/**\n * SpeedDial main FAB button variants\n */\nexport const speedDialFabVariants = cva(\n  \"inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground shadow-lg transition-all duration-200 hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 z-10\",\n  {\n    variants: {\n      size: {\n        sm: \"size-12 [&_svg]:size-5\",\n        default: \"size-14 [&_svg]:size-6\",\n        lg: \"size-16 [&_svg]:size-7\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * SpeedDial action button variants\n */\nexport const speedDialActionVariants = cva(\n  \"inline-flex items-center justify-center rounded-full bg-background text-foreground shadow-md border border-border transition-all duration-200 hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      size: {\n        sm: \"size-10 [&_svg]:size-4\",\n        default: \"size-11 [&_svg]:size-5\",\n        lg: \"size-12 [&_svg]:size-6\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * SpeedDial actions container variants\n */\nexport const speedDialActionsVariants = cva(\n  \"flex transition-all duration-200\",\n  {\n    variants: {\n      direction: {\n        up: \"flex-col-reverse gap-2 pb-2\",\n        down: \"flex-col gap-2 pt-2\",\n        left: \"flex-row-reverse gap-2 pr-2\",\n        right: \"flex-row gap-2 pl-2\",\n        \"up-left\": \"flex-col-reverse gap-2 pb-2\",\n        \"up-right\": \"flex-col-reverse gap-2 pb-2\",\n        \"down-left\": \"flex-col gap-2 pt-2\",\n        \"down-right\": \"flex-col gap-2 pt-2\",\n      },\n      open: {\n        true: \"opacity-100 visible\",\n        false: \"opacity-0 invisible pointer-events-none\",\n      },\n    },\n    defaultVariants: {\n      direction: \"up\",\n      open: false,\n    },\n  }\n)\n\n/**\n * SpeedDial action item wrapper (for label positioning)\n */\nexport const speedDialActionItemVariants = cva(\n  \"flex items-center gap-2 transition-all duration-200\",\n  {\n    variants: {\n      direction: {\n        up: \"flex-row\",\n        down: \"flex-row\",\n        left: \"flex-col\",\n        right: \"flex-col\",\n        \"up-left\": \"flex-row-reverse\",\n        \"up-right\": \"flex-row\",\n        \"down-left\": \"flex-row-reverse\",\n        \"down-right\": \"flex-row\",\n      },\n      index: {\n        0: \"transition-delay-[0ms]\",\n        1: \"transition-delay-[25ms]\",\n        2: \"transition-delay-[50ms]\",\n        3: \"transition-delay-[75ms]\",\n        4: \"transition-delay-[100ms]\",\n        5: \"transition-delay-[125ms]\",\n      },\n    },\n    defaultVariants: {\n      direction: \"up\",\n    },\n  }\n)\n","\"use client\"\n\nimport type { SpeedDialProps } from \"./SpeedDial.types\"\n\nimport { Plus } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../../feedback/Tooltip\"\nimport {\n  speedDialActionItemVariants,\n  speedDialActionsVariants,\n  speedDialActionVariants,\n  speedDialContainerVariants,\n  speedDialFabVariants,\n} from \"./SpeedDial.variants\"\n\n/**\n * SpeedDial - A floating action button that expands to reveal multiple actions\n *\n * Inspired by PrimeVue's SpeedDial component. Provides quick access to\n * multiple related actions from a single FAB button.\n *\n * @example\n * ```tsx\n * <SpeedDial\n *   actions={[\n *     { id: \"edit\", icon: <Edit />, label: \"Edit\", onClick: handleEdit },\n *     { id: \"delete\", icon: <Trash />, label: \"Delete\", onClick: handleDelete },\n *     { id: \"share\", icon: <Share />, label: \"Share\", onClick: handleShare },\n *   ]}\n *   direction=\"up\"\n * />\n * ```\n */\nfunction SpeedDial({\n  actions,\n  direction = \"up\",\n  icon,\n  openIcon,\n  open: controlledOpen,\n  onOpenChange,\n  disabled = false,\n  size = \"default\",\n  tooltip,\n  showLabels = false,\n  mask = false,\n  className,\n  \"aria-label\": ariaLabel = \"Open actions menu\",\n  ...props\n}: SpeedDialProps) {\n  // Uncontrolled state\n  const [internalOpen, setInternalOpen] = React.useState(false)\n\n  // Use controlled or uncontrolled\n  const isOpen = controlledOpen ?? internalOpen\n\n  const handleToggle = React.useCallback(() => {\n    if (disabled) return\n    const newOpen = !isOpen\n    setInternalOpen(newOpen)\n    onOpenChange?.(newOpen)\n  }, [disabled, isOpen, onOpenChange])\n\n  const handleClose = React.useCallback(() => {\n    setInternalOpen(false)\n    onOpenChange?.(false)\n  }, [onOpenChange])\n\n  const handleActionClick = React.useCallback(\n    (action: SpeedDialProps[\"actions\"][number]) => {\n      if (action.disabled) return\n      action.onClick?.()\n      handleClose()\n    },\n    [handleClose]\n  )\n\n  // Handle escape key to close\n  React.useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\" && isOpen) {\n        handleClose()\n      }\n    }\n\n    document.addEventListener(\"keydown\", handleKeyDown)\n    return () => { document.removeEventListener(\"keydown\", handleKeyDown) }\n  }, [isOpen, handleClose])\n\n  // Default icon with rotation when open\n  const fabIcon = isOpen\n    ? (openIcon ?? <Plus className=\"transition-transform duration-200 rotate-45\" />)\n    : (icon ?? <Plus className=\"transition-transform duration-200\" />)\n\n  // Wrap action button with tooltip if not showing labels\n  const renderActionButton = (\n    action: SpeedDialProps[\"actions\"][number],\n    index: number\n  ) => {\n    const button = (\n      <button\n        className={cn(\n          speedDialActionVariants({ size }),\n          action.className\n        )}\n        aria-label={action.label}\n        data-slot=\"speed-dial-action\"\n        disabled={action.disabled}\n        type=\"button\"\n        onClick={() => { handleActionClick(action) }}\n      >\n        {action.icon}\n      </button>\n    )\n\n    if (showLabels) {\n      return (\n        <div\n          key={action.id}\n          className={cn(\n            speedDialActionItemVariants({\n              direction,\n              index: Math.min(index, 5) as 0 | 1 | 2 | 3 | 4 | 5,\n            }),\n            !isOpen && \"translate-y-2 opacity-0\",\n            isOpen && \"translate-y-0 opacity-100\"\n          )}\n        >\n          {button}\n          <span\n            className=\"text-sm font-medium text-foreground whitespace-nowrap bg-background px-2 py-1 rounded shadow-sm border border-border\"\n            data-slot=\"speed-dial-action-label\"\n          >\n            {action.label}\n          </span>\n        </div>\n      )\n    }\n\n    return (\n      <div\n        key={action.id}\n        className={cn(\n          speedDialActionItemVariants({\n            direction,\n            index: Math.min(index, 5) as 0 | 1 | 2 | 3 | 4 | 5,\n          }),\n          !isOpen && \"translate-y-2 opacity-0\",\n          isOpen && \"translate-y-0 opacity-100\"\n        )}\n      >\n        <Tooltip>\n          <TooltipTrigger asChild>{button}</TooltipTrigger>\n          <TooltipContent side={direction.includes(\"left\") ? \"left\" : \"right\"}>\n            {action.label}\n          </TooltipContent>\n        </Tooltip>\n      </div>\n    )\n  }\n\n  const fabButton = (\n    <button\n      aria-expanded={isOpen}\n      aria-haspopup=\"menu\"\n      aria-label={ariaLabel}\n      className={cn(speedDialFabVariants({ size }))}\n      data-open={isOpen || undefined}\n      data-slot=\"speed-dial-fab\"\n      disabled={disabled}\n      type=\"button\"\n      onClick={handleToggle}\n    >\n      {fabIcon}\n    </button>\n  )\n\n  return (\n    <>\n      {/* Mask overlay */}\n      {mask && isOpen && (\n        <div\n          aria-hidden=\"true\"\n          className=\"fixed inset-0 bg-black/20 z-40 transition-opacity duration-200\"\n          data-slot=\"speed-dial-mask\"\n          onClick={handleClose}\n        />\n      )}\n\n      <div\n        className={cn(\n          speedDialContainerVariants({ direction }),\n          mask && isOpen && \"z-50\",\n          className\n        )}\n        data-direction={direction}\n        data-open={isOpen || undefined}\n        data-slot=\"speed-dial\"\n        {...props}\n      >\n        {/* Actions */}\n        <div\n          className={cn(speedDialActionsVariants({ direction, open: isOpen }))}\n          data-slot=\"speed-dial-actions\"\n          role=\"menu\"\n        >\n          {actions.map((action, index) => renderActionButton(action, index))}\n        </div>\n\n        {/* Main FAB */}\n        {tooltip ? (\n          <Tooltip>\n            <TooltipTrigger asChild>{fabButton}</TooltipTrigger>\n            <TooltipContent>{tooltip}</TooltipContent>\n          </Tooltip>\n        ) : (\n          fabButton\n        )}\n      </div>\n    </>\n  )\n}\n\nexport { SpeedDial }\n"]}

package/dist/chunk-Z3FL7LEK.js

@@ -0,0 +1,401 @@
+import { Dialog, DialogHeader, DialogTitle, DialogDescription, DialogContent } from './chunk-ZUFM33AV.js';
+import { cn } from './chunk-HRNDJU7D.js';
+import { Command as Command$1 } from 'cmdk';
+import { SearchIcon } from 'lucide-react';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var commandVariants = cva(
+  // Base styles (always applied)
+  [
+    "bg-popover text-popover-foreground",
+    "flex h-full w-full flex-col overflow-hidden rounded-md"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "",
+        default: "",
+        lg: ""
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var commandInputWrapperVariants = cva(
+  // Base styles (always applied)
+  ["flex items-center gap-[var(--command-input-wrapper-gap)] border-b-[var(--command-input-wrapper-border-width)] px-[var(--command-input-wrapper-padding-x)]"],
+  {
+    variants: {
+      size: {
+        sm: "h-[var(--command-input-wrapper-height-sm)]",
+        default: "h-[var(--command-input-wrapper-height-md)]",
+        lg: "h-[var(--command-input-wrapper-height-lg)]"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var commandInputVariants = cva(
+  // Base styles (always applied)
+  [
+    "placeholder:text-muted-foreground",
+    "flex w-full rounded-md bg-transparent outline-hidden",
+    "disabled:cursor-not-allowed disabled:opacity-50"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-[var(--command-input-height-sm)] py-[var(--command-input-padding-y-sm)] text-[length:var(--command-input-text-size-sm)]",
+        default: "h-[var(--command-input-height-md)] py-[var(--command-input-padding-y-md)] text-[length:var(--command-input-text-size-md)]",
+        lg: "h-[var(--command-input-height-lg)] py-[var(--command-input-padding-y-lg)] text-[length:var(--command-input-text-size-lg)]"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var commandInputIconVariants = cva(
+  // Base styles (always applied)
+  ["shrink-0 opacity-50"],
+  {
+    variants: {
+      size: {
+        sm: "size-[var(--command-icon-size-sm)]",
+        default: "size-[var(--command-icon-size-md)]",
+        lg: "size-[var(--command-icon-size-lg)]"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var commandListVariants = cva(
+  // Base styles (always applied)
+  ["scroll-py-1 overflow-x-hidden overflow-y-auto"],
+  {
+    variants: {
+      size: {
+        sm: "max-h-[var(--command-list-max-height-sm)]",
+        default: "max-h-[var(--command-list-max-height-md)]",
+        lg: "max-h-[var(--command-list-max-height-lg)]"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var commandEmptyVariants = cva(
+  // Base styles (always applied)
+  ["text-center"],
+  {
+    variants: {
+      size: {
+        sm: "py-[var(--command-empty-padding-y-sm)] text-[length:var(--command-empty-text-size-sm)]",
+        default: "py-[var(--command-empty-padding-y-md)] text-[length:var(--command-empty-text-size-md)]",
+        lg: "py-[var(--command-empty-padding-y-lg)] text-[length:var(--command-empty-text-size-lg)]"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var commandGroupVariants = cva(
+  // Base styles (always applied)
+  ["text-foreground overflow-hidden p-[var(--command-group-padding)]"],
+  {
+    variants: {
+      size: {
+        sm: [
+          "[&_[cmdk-group-heading]]:px-[var(--command-group-heading-padding-x-sm)]",
+          "[&_[cmdk-group-heading]]:py-[var(--command-group-heading-padding-y-sm)]",
+          "[&_[cmdk-group-heading]]:text-[length:var(--command-group-heading-text-size-sm)]",
+          "[&_[cmdk-group-heading]]:font-medium",
+          "[&_[cmdk-group-heading]]:text-muted-foreground"
+        ],
+        default: [
+          "[&_[cmdk-group-heading]]:px-[var(--command-group-heading-padding-x-md)]",
+          "[&_[cmdk-group-heading]]:py-[var(--command-group-heading-padding-y-md)]",
+          "[&_[cmdk-group-heading]]:text-[length:var(--command-group-heading-text-size-md)]",
+          "[&_[cmdk-group-heading]]:font-medium",
+          "[&_[cmdk-group-heading]]:text-muted-foreground"
+        ],
+        lg: [
+          "[&_[cmdk-group-heading]]:px-[var(--command-group-heading-padding-x-lg)]",
+          "[&_[cmdk-group-heading]]:py-[var(--command-group-heading-padding-y-lg)]",
+          "[&_[cmdk-group-heading]]:text-[length:var(--command-group-heading-text-size-lg)]",
+          "[&_[cmdk-group-heading]]:font-medium",
+          "[&_[cmdk-group-heading]]:text-muted-foreground"
+        ]
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var commandItemVariants = cva(
+  // Base styles (always applied)
+  [
+    "relative flex cursor-default items-center gap-[var(--command-item-gap)] rounded-[var(--command-item-radius)] outline-hidden select-none",
+    "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
+    "[&_svg]:pointer-events-none [&_svg]:shrink-0"
+  ],
+  {
+    variants: {
+      size: {
+        sm: [
+          "px-[var(--command-item-padding-x-sm)] py-[var(--command-item-padding-y-sm)] text-[length:var(--command-item-text-size-sm)]",
+          "[&_svg:not([class*='size-'])]:size-[var(--command-item-icon-size-sm)]",
+          "[&_svg:not([class*='text-'])]:text-muted-foreground"
+        ],
+        default: [
+          "px-[var(--command-item-padding-x-md)] py-[var(--command-item-padding-y-md)] text-[length:var(--command-item-text-size-md)]",
+          "[&_svg:not([class*='size-'])]:size-[var(--command-item-icon-size-md)]",
+          "[&_svg:not([class*='text-'])]:text-muted-foreground"
+        ],
+        lg: [
+          "px-[var(--command-item-padding-x-lg)] py-[var(--command-item-padding-y-lg)] text-[length:var(--command-item-text-size-lg)]",
+          "[&_svg:not([class*='size-'])]:size-[var(--command-item-icon-size-lg)]",
+          "[&_svg:not([class*='text-'])]:text-muted-foreground"
+        ]
+      },
+      variant: {
+        default: [
+          "data-[selected=true]:bg-accent",
+          "data-[selected=true]:text-accent-foreground"
+        ],
+        destructive: [
+          "text-destructive",
+          "data-[selected=true]:bg-destructive/10",
+          "data-[selected=true]:text-destructive",
+          "[&_svg:not([class*='text-'])]:text-destructive"
+        ]
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      variant: "default"
+    }
+  }
+);
+var commandSeparatorVariants = cva(
+  // Base styles (always applied)
+  ["bg-border -mx-[var(--command-separator-margin-x)] h-[var(--command-separator-height)]"],
+  {
+    variants: {
+      size: {
+        sm: "my-[var(--command-separator-margin-y-sm)]",
+        default: "my-[var(--command-separator-margin-y-md)]",
+        lg: "my-[var(--command-separator-margin-y-lg)]"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var commandShortcutVariants = cva(
+  // Base styles (always applied)
+  ["text-muted-foreground ml-auto tracking-widest"],
+  {
+    variants: {
+      size: {
+        sm: "text-[length:var(--command-shortcut-text-size-sm)]",
+        default: "text-[length:var(--command-shortcut-text-size-md)]",
+        lg: "text-[length:var(--command-shortcut-text-size-lg)]"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var CommandContext = React.createContext({
+  size: "default"
+});
+function useCommandContext() {
+  return React.use(CommandContext);
+}
+function Command({ size = "default", className, ...props }) {
+  return /* @__PURE__ */ jsx(CommandContext, { value: { size }, children: /* @__PURE__ */ jsx(
+    Command$1,
+    {
+      className: cn(commandVariants({ size }), className),
+      "data-slot": "command",
+      ...props
+    }
+  ) });
+}
+function CommandDialog({
+  title = "Command Palette",
+  description = "Search for a command to run...",
+  children,
+  className,
+  showCloseButton = true,
+  size = "default",
+  ...props
+}) {
+  const dialogSize = size === "sm" ? "default" : size === "default" ? "lg" : "lg";
+  return /* @__PURE__ */ jsxs(Dialog, { ...props, children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { className: "sr-only", children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsx(
+      DialogContent,
+      {
+        className: cn("overflow-hidden p-0", className),
+        showCloseButton,
+        children: /* @__PURE__ */ jsx(
+          Command,
+          {
+            className: cn(
+              // Override styles for dialog context based on size
+              size === "sm" && [
+                "[&_[cmdk-group-heading]]:px-1.5",
+                "[&_[cmdk-group-heading]]:font-medium",
+                "[&_[cmdk-group]]:px-1.5",
+                "[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0",
+                "[&_[cmdk-input-wrapper]_svg]:h-4 [&_[cmdk-input-wrapper]_svg]:w-4",
+                "[&_[cmdk-item]]:px-1.5 [&_[cmdk-item]]:py-2",
+                "[&_[cmdk-item]_svg]:h-4 [&_[cmdk-item]_svg]:w-4"
+              ],
+              (size === "default" || size === "lg") && [
+                "[&_[cmdk-group-heading]]:px-2",
+                "[&_[cmdk-group-heading]]:font-medium",
+                "[&_[cmdk-group]]:px-2",
+                "[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0",
+                "[&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5",
+                "[&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3",
+                "[&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5"
+              ]
+            ),
+            size: dialogSize,
+            children
+          }
+        )
+      }
+    )
+  ] });
+}
+function CommandInput({ className, size: sizeProp, ...props }) {
+  const { size: contextSize } = useCommandContext();
+  const size = sizeProp ?? contextSize;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(commandInputWrapperVariants({ size })),
+      "data-slot": "command-input-wrapper",
+      children: [
+        /* @__PURE__ */ jsx(SearchIcon, { className: cn(commandInputIconVariants({ size })) }),
+        /* @__PURE__ */ jsx(
+          Command$1.Input,
+          {
+            className: cn(commandInputVariants({ size }), className),
+            "data-slot": "command-input",
+            ...props
+          }
+        )
+      ]
+    }
+  );
+}
+function CommandList({ className, size: sizeProp, ...props }) {
+  const { size: contextSize } = useCommandContext();
+  const size = sizeProp ?? contextSize;
+  return /* @__PURE__ */ jsx(
+    Command$1.List,
+    {
+      className: cn(commandListVariants({ size }), className),
+      "data-slot": "command-list",
+      ...props
+    }
+  );
+}
+function CommandEmpty({ className, size: sizeProp, ...props }) {
+  const { size: contextSize } = useCommandContext();
+  const size = sizeProp ?? contextSize;
+  return /* @__PURE__ */ jsx(
+    Command$1.Empty,
+    {
+      className: cn(commandEmptyVariants({ size }), className),
+      "data-slot": "command-empty",
+      ...props
+    }
+  );
+}
+function CommandGroup({ className, size: sizeProp, ...props }) {
+  const { size: contextSize } = useCommandContext();
+  const size = sizeProp ?? contextSize;
+  return /* @__PURE__ */ jsx(
+    Command$1.Group,
+    {
+      className: cn(commandGroupVariants({ size }), className),
+      "data-slot": "command-group",
+      ...props
+    }
+  );
+}
+function CommandSeparator({
+  className,
+  size: sizeProp,
+  ...props
+}) {
+  const { size: contextSize } = useCommandContext();
+  const size = sizeProp ?? contextSize;
+  return /* @__PURE__ */ jsx(
+    Command$1.Separator,
+    {
+      className: cn(commandSeparatorVariants({ size }), className),
+      "data-slot": "command-separator",
+      ...props
+    }
+  );
+}
+function CommandItem({
+  className,
+  size: sizeProp,
+  variant = "default",
+  ...props
+}) {
+  const { size: contextSize } = useCommandContext();
+  const size = sizeProp ?? contextSize;
+  return /* @__PURE__ */ jsx(
+    Command$1.Item,
+    {
+      className: cn(commandItemVariants({ size, variant }), className),
+      "data-slot": "command-item",
+      ...props
+    }
+  );
+}
+function CommandShortcut({
+  className,
+  size: sizeProp,
+  ...props
+}) {
+  const { size: contextSize } = useCommandContext();
+  const size = sizeProp ?? contextSize;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(commandShortcutVariants({ size }), className),
+      "data-slot": "command-shortcut",
+      ...props
+    }
+  );
+}
+
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, commandEmptyVariants, commandGroupVariants, commandInputIconVariants, commandInputVariants, commandInputWrapperVariants, commandItemVariants, commandListVariants, commandSeparatorVariants, commandShortcutVariants, commandVariants };
+//# sourceMappingURL=chunk-Z3FL7LEK.js.map
+//# sourceMappingURL=chunk-Z3FL7LEK.js.map

package/dist/chunk-Z3FL7LEK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/advanced/Command/Command.variants.ts","../src/components/advanced/Command/Command.tsx"],"names":["CommandPrimitive"],"mappings":";;;;;;;;AAQO,IAAM,eAAA,GAAkB,GAAA;AAAA;AAAA,EAE7B;AAAA,IACE,oCAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,EAAA;AAAA,QACJ,OAAA,EAAS,EAAA;AAAA,QACT,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAOO,IAAM,2BAAA,GAA8B,GAAA;AAAA;AAAA,EAEzC,CAAC,2JAA2J,CAAA;AAAA,EAC5J;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,4CAAA;AAAA,QACJ,OAAA,EAAS,4CAAA;AAAA,QACT,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAKO,IAAM,oBAAA,GAAuB,GAAA;AAAA;AAAA,EAElC;AAAA,IACE,mCAAA;AAAA,IACA,sDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,2HAAA;AAAA,QACJ,OAAA,EAAS,2HAAA;AAAA,QACT,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAKO,IAAM,wBAAA,GAA2B,GAAA;AAAA;AAAA,EAEtC,CAAC,qBAAqB,CAAA;AAAA,EACtB;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,oCAAA;AAAA,QACJ,OAAA,EAAS,oCAAA;AAAA,QACT,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAKO,IAAM,mBAAA,GAAsB,GAAA;AAAA;AAAA,EAEjC,CAAC,+CAA+C,CAAA;AAAA,EAChD;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,2CAAA;AAAA,QACJ,OAAA,EAAS,2CAAA;AAAA,QACT,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAKO,IAAM,oBAAA,GAAuB,GAAA;AAAA;AAAA,EAElC,CAAC,aAAa,CAAA;AAAA,EACd;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,wFAAA;AAAA,QACJ,OAAA,EAAS,wFAAA;AAAA,QACT,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAKO,IAAM,oBAAA,GAAuB,GAAA;AAAA;AAAA,EAElC,CAAC,kEAAkE,CAAA;AAAA,EACnE;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI;AAAA,UACF,yEAAA;AAAA,UACA,yEAAA;AAAA,UACA,kFAAA;AAAA,UACA,sCAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,OAAA,EAAS;AAAA,UACP,yEAAA;AAAA,UACA,yEAAA;AAAA,UACA,kFAAA;AAAA,UACA,sCAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,EAAA,EAAI;AAAA,UACF,yEAAA;AAAA,UACA,yEAAA;AAAA,UACA,kFAAA;AAAA,UACA,sCAAA;AAAA,UACA;AAAA;AACF;AACF,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAOO,IAAM,mBAAA,GAAsB,GAAA;AAAA;AAAA,EAEjC;AAAA,IACE,yIAAA;AAAA,IACA,0EAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI;AAAA,UACF,4HAAA;AAAA,UACA,uEAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,OAAA,EAAS;AAAA,UACP,4HAAA;AAAA,UACA,uEAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,EAAA,EAAI;AAAA,UACF,4HAAA;AAAA,UACA,uEAAA;AAAA,UACA;AAAA;AACF,OACF;AAAA,MACA,OAAA,EAAS;AAAA,QACP,OAAA,EAAS;AAAA,UACP,gCAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,WAAA,EAAa;AAAA,UACX,kBAAA;AAAA,UACA,wCAAA;AAAA,UACA,uCAAA;AAAA,UACA;AAAA;AACF;AACF,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,SAAA;AAAA,MACN,OAAA,EAAS;AAAA;AACX;AAEJ;AAKO,IAAM,wBAAA,GAA2B,GAAA;AAAA;AAAA,EAEtC,CAAC,uFAAuF,CAAA;AAAA,EACxF;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,2CAAA;AAAA,QACJ,OAAA,EAAS,2CAAA;AAAA,QACT,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAKO,IAAM,uBAAA,GAA0B,GAAA;AAAA;AAAA,EAErC,CAAC,+CAA+C,CAAA;AAAA,EAChD;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,oDAAA;AAAA,QACJ,OAAA,EAAS,oDAAA;AAAA,QACT,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;ACnOA,IAAM,iBAAuB,KAAA,CAAA,aAAA,CAAmC;AAAA,EAC9D,IAAA,EAAM;AACR,CAAC,CAAA;AAED,SAAS,iBAAA,GAAoB;AAC3B,EAAA,OAAa,UAAI,cAAc,CAAA;AACjC;AAyBA,SAAS,QAAQ,EAAE,IAAA,GAAO,WAAW,SAAA,EAAW,GAAG,OAAM,EAAiB;AACxE,EAAA,uBACE,GAAA,CAAC,cAAA,EAAA,EAAe,KAAA,EAAO,EAAE,MAAK,EAC5B,QAAA,kBAAA,GAAA;AAAA,IAACA,SAAA;AAAA,IAAA;AAAA,MACC,WAAW,EAAA,CAAG,eAAA,CAAgB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAClD,WAAA,EAAU,SAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN,EACF,CAAA;AAEJ;AAcA,SAAS,aAAA,CAAc;AAAA,EACrB,KAAA,GAAQ,iBAAA;AAAA,EACR,WAAA,GAAc,gCAAA;AAAA,EACd,QAAA;AAAA,EACA,SAAA;AAAA,EACA,eAAA,GAAkB,IAAA;AAAA,EAClB,IAAA,GAAO,SAAA;AAAA,EACP,GAAG;AACL,CAAA,EAAuB;AAErB,EAAA,MAAM,aAAa,IAAA,KAAS,IAAA,GAAO,SAAA,GAAY,IAAA,KAAS,YAAY,IAAA,GAAO,IAAA;AAE3E,EAAA,uBACE,IAAA,CAAC,MAAA,EAAA,EAAQ,GAAG,KAAA,EACV,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,YAAA,EAAA,EAAa,WAAU,SAAA,EACtB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,eAAa,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,sBACpB,GAAA,CAAC,qBAAmB,QAAA,EAAA,WAAA,EAAY;AAAA,KAAA,EAClC,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAuB,SAAS,CAAA;AAAA,QAC9C,eAAA;AAAA,QAEA,QAAA,kBAAA,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA;AAAA,cAET,SAAS,IAAA,IAAQ;AAAA,gBACf,iCAAA;AAAA,gBACA,sCAAA;AAAA,gBACA,yBAAA;AAAA,gBACA,mDAAA;AAAA,gBACA,mEAAA;AAAA,gBACA,6CAAA;AAAA,gBACA;AAAA,eACF;AAAA,cAAA,CACC,IAAA,KAAS,SAAA,IAAa,IAAA,KAAS,IAAA,KAAS;AAAA,gBACvC,+BAAA;AAAA,gBACA,sCAAA;AAAA,gBACA,uBAAA;AAAA,gBACA,mDAAA;AAAA,gBACA,mEAAA;AAAA,gBACA,2CAAA;AAAA,gBACA;AAAA;AACF,aACF;AAAA,YACA,IAAA,EAAM,UAAA;AAAA,YAEL;AAAA;AAAA;AACH;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;AAYA,SAAS,aAAa,EAAE,SAAA,EAAW,MAAM,QAAA,EAAU,GAAG,OAAM,EAAsB;AAChF,EAAA,MAAM,EAAE,IAAA,EAAM,WAAA,EAAY,GAAI,iBAAA,EAAkB;AAChD,EAAA,MAAM,OAAO,QAAA,IAAY,WAAA;AAEzB,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAW,EAAA,CAAG,2BAAA,CAA4B,EAAE,IAAA,EAAM,CAAC,CAAA;AAAA,MACnD,WAAA,EAAU,uBAAA;AAAA,MAEV,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,WAAW,EAAA,CAAG,wBAAA,CAAyB,EAAE,IAAA,EAAM,CAAC,CAAA,EAAG,CAAA;AAAA,wBAC/D,GAAA;AAAA,UAACA,SAAA,CAAiB,KAAA;AAAA,UAAjB;AAAA,YACC,WAAW,EAAA,CAAG,oBAAA,CAAqB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,YACvD,WAAA,EAAU,eAAA;AAAA,YACT,GAAG;AAAA;AAAA;AACN;AAAA;AAAA,GACF;AAEJ;AASA,SAAS,YAAY,EAAE,SAAA,EAAW,MAAM,QAAA,EAAU,GAAG,OAAM,EAAqB;AAC9E,EAAA,MAAM,EAAE,IAAA,EAAM,WAAA,EAAY,GAAI,iBAAA,EAAkB;AAChD,EAAA,MAAM,OAAO,QAAA,IAAY,WAAA;AAEzB,EAAA,uBACE,GAAA;AAAA,IAACA,SAAA,CAAiB,IAAA;AAAA,IAAjB;AAAA,MACC,WAAW,EAAA,CAAG,mBAAA,CAAoB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MACtD,WAAA,EAAU,cAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AASA,SAAS,aAAa,EAAE,SAAA,EAAW,MAAM,QAAA,EAAU,GAAG,OAAM,EAAsB;AAChF,EAAA,MAAM,EAAE,IAAA,EAAM,WAAA,EAAY,GAAI,iBAAA,EAAkB;AAChD,EAAA,MAAM,OAAO,QAAA,IAAY,WAAA;AAEzB,EAAA,uBACE,GAAA;AAAA,IAACA,SAAA,CAAiB,KAAA;AAAA,IAAjB;AAAA,MACC,WAAW,EAAA,CAAG,oBAAA,CAAqB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MACvD,WAAA,EAAU,eAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AASA,SAAS,aAAa,EAAE,SAAA,EAAW,MAAM,QAAA,EAAU,GAAG,OAAM,EAAsB;AAChF,EAAA,MAAM,EAAE,IAAA,EAAM,WAAA,EAAY,GAAI,iBAAA,EAAkB;AAChD,EAAA,MAAM,OAAO,QAAA,IAAY,WAAA;AAEzB,EAAA,uBACE,GAAA;AAAA,IAACA,SAAA,CAAiB,KAAA;AAAA,IAAjB;AAAA,MACC,WAAW,EAAA,CAAG,oBAAA,CAAqB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MACvD,WAAA,EAAU,eAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAWA,SAAS,gBAAA,CAAiB;AAAA,EACxB,SAAA;AAAA,EACA,IAAA,EAAM,QAAA;AAAA,EACN,GAAG;AACL,CAAA,EAA0B;AACxB,EAAA,MAAM,EAAE,IAAA,EAAM,WAAA,EAAY,GAAI,iBAAA,EAAkB;AAChD,EAAA,MAAM,OAAO,QAAA,IAAY,WAAA;AAEzB,EAAA,uBACE,GAAA;AAAA,IAACA,SAAA,CAAiB,SAAA;AAAA,IAAjB;AAAA,MACC,WAAW,EAAA,CAAG,wBAAA,CAAyB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAC3D,WAAA,EAAU,mBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AASA,SAAS,WAAA,CAAY;AAAA,EACnB,SAAA;AAAA,EACA,IAAA,EAAM,QAAA;AAAA,EACN,OAAA,GAAU,SAAA;AAAA,EACV,GAAG;AACL,CAAA,EAAqB;AACnB,EAAA,MAAM,EAAE,IAAA,EAAM,WAAA,EAAY,GAAI,iBAAA,EAAkB;AAChD,EAAA,MAAM,OAAO,QAAA,IAAY,WAAA;AAEzB,EAAA,uBACE,GAAA;AAAA,IAACA,SAAA,CAAiB,IAAA;AAAA,IAAjB;AAAA,MACC,SAAA,EAAW,GAAG,mBAAA,CAAoB,EAAE,MAAM,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MAC/D,WAAA,EAAU,cAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AASA,SAAS,eAAA,CAAgB;AAAA,EACvB,SAAA;AAAA,EACA,IAAA,EAAM,QAAA;AAAA,EACN,GAAG;AACL,CAAA,EAAyB;AACvB,EAAA,MAAM,EAAE,IAAA,EAAM,WAAA,EAAY,GAAI,iBAAA,EAAkB;AAChD,EAAA,MAAM,OAAO,QAAA,IAAY,WAAA;AAEzB,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,WAAW,EAAA,CAAG,uBAAA,CAAwB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAC1D,WAAA,EAAU,kBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-Z3FL7LEK.js","sourcesContent":["// Command/Command.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Command root style variants using CVA\n *\n * @see https://cva.style/docs\n */\nexport const commandVariants = cva(\n  // Base styles (always applied)\n  [\n    \"bg-popover text-popover-foreground\",\n    \"flex h-full w-full flex-col overflow-hidden rounded-md\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"\",\n        default: \"\",\n        lg: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Command input wrapper style variants using CVA\n *\n * Controls the height and padding of the input container.\n */\nexport const commandInputWrapperVariants = cva(\n  // Base styles (always applied)\n  [\"flex items-center gap-[var(--command-input-wrapper-gap)] border-b-[var(--command-input-wrapper-border-width)] px-[var(--command-input-wrapper-padding-x)]\"],\n  {\n    variants: {\n      size: {\n        sm: \"h-[var(--command-input-wrapper-height-sm)]\",\n        default: \"h-[var(--command-input-wrapper-height-md)]\",\n        lg: \"h-[var(--command-input-wrapper-height-lg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Command input style variants using CVA\n */\nexport const commandInputVariants = cva(\n  // Base styles (always applied)\n  [\n    \"placeholder:text-muted-foreground\",\n    \"flex w-full rounded-md bg-transparent outline-hidden\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"h-[var(--command-input-height-sm)] py-[var(--command-input-padding-y-sm)] text-[length:var(--command-input-text-size-sm)]\",\n        default: \"h-[var(--command-input-height-md)] py-[var(--command-input-padding-y-md)] text-[length:var(--command-input-text-size-md)]\",\n        lg: \"h-[var(--command-input-height-lg)] py-[var(--command-input-padding-y-lg)] text-[length:var(--command-input-text-size-lg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Command input icon style variants using CVA\n */\nexport const commandInputIconVariants = cva(\n  // Base styles (always applied)\n  [\"shrink-0 opacity-50\"],\n  {\n    variants: {\n      size: {\n        sm: \"size-[var(--command-icon-size-sm)]\",\n        default: \"size-[var(--command-icon-size-md)]\",\n        lg: \"size-[var(--command-icon-size-lg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Command list style variants using CVA\n */\nexport const commandListVariants = cva(\n  // Base styles (always applied)\n  [\"scroll-py-1 overflow-x-hidden overflow-y-auto\"],\n  {\n    variants: {\n      size: {\n        sm: \"max-h-[var(--command-list-max-height-sm)]\",\n        default: \"max-h-[var(--command-list-max-height-md)]\",\n        lg: \"max-h-[var(--command-list-max-height-lg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Command empty state style variants using CVA\n */\nexport const commandEmptyVariants = cva(\n  // Base styles (always applied)\n  [\"text-center\"],\n  {\n    variants: {\n      size: {\n        sm: \"py-[var(--command-empty-padding-y-sm)] text-[length:var(--command-empty-text-size-sm)]\",\n        default: \"py-[var(--command-empty-padding-y-md)] text-[length:var(--command-empty-text-size-md)]\",\n        lg: \"py-[var(--command-empty-padding-y-lg)] text-[length:var(--command-empty-text-size-lg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Command group style variants using CVA\n */\nexport const commandGroupVariants = cva(\n  // Base styles (always applied)\n  [\"text-foreground overflow-hidden p-[var(--command-group-padding)]\"],\n  {\n    variants: {\n      size: {\n        sm: [\n          \"[&_[cmdk-group-heading]]:px-[var(--command-group-heading-padding-x-sm)]\",\n          \"[&_[cmdk-group-heading]]:py-[var(--command-group-heading-padding-y-sm)]\",\n          \"[&_[cmdk-group-heading]]:text-[length:var(--command-group-heading-text-size-sm)]\",\n          \"[&_[cmdk-group-heading]]:font-medium\",\n          \"[&_[cmdk-group-heading]]:text-muted-foreground\",\n        ],\n        default: [\n          \"[&_[cmdk-group-heading]]:px-[var(--command-group-heading-padding-x-md)]\",\n          \"[&_[cmdk-group-heading]]:py-[var(--command-group-heading-padding-y-md)]\",\n          \"[&_[cmdk-group-heading]]:text-[length:var(--command-group-heading-text-size-md)]\",\n          \"[&_[cmdk-group-heading]]:font-medium\",\n          \"[&_[cmdk-group-heading]]:text-muted-foreground\",\n        ],\n        lg: [\n          \"[&_[cmdk-group-heading]]:px-[var(--command-group-heading-padding-x-lg)]\",\n          \"[&_[cmdk-group-heading]]:py-[var(--command-group-heading-padding-y-lg)]\",\n          \"[&_[cmdk-group-heading]]:text-[length:var(--command-group-heading-text-size-lg)]\",\n          \"[&_[cmdk-group-heading]]:font-medium\",\n          \"[&_[cmdk-group-heading]]:text-muted-foreground\",\n        ],\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Command item style variants using CVA\n *\n * Supports both size and visual variant options.\n */\nexport const commandItemVariants = cva(\n  // Base styles (always applied)\n  [\n    \"relative flex cursor-default items-center gap-[var(--command-item-gap)] rounded-[var(--command-item-radius)] outline-hidden select-none\",\n    \"data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50\",\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: [\n          \"px-[var(--command-item-padding-x-sm)] py-[var(--command-item-padding-y-sm)] text-[length:var(--command-item-text-size-sm)]\",\n          \"[&_svg:not([class*='size-'])]:size-[var(--command-item-icon-size-sm)]\",\n          \"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n        ],\n        default: [\n          \"px-[var(--command-item-padding-x-md)] py-[var(--command-item-padding-y-md)] text-[length:var(--command-item-text-size-md)]\",\n          \"[&_svg:not([class*='size-'])]:size-[var(--command-item-icon-size-md)]\",\n          \"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n        ],\n        lg: [\n          \"px-[var(--command-item-padding-x-lg)] py-[var(--command-item-padding-y-lg)] text-[length:var(--command-item-text-size-lg)]\",\n          \"[&_svg:not([class*='size-'])]:size-[var(--command-item-icon-size-lg)]\",\n          \"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n        ],\n      },\n      variant: {\n        default: [\n          \"data-[selected=true]:bg-accent\",\n          \"data-[selected=true]:text-accent-foreground\",\n        ],\n        destructive: [\n          \"text-destructive\",\n          \"data-[selected=true]:bg-destructive/10\",\n          \"data-[selected=true]:text-destructive\",\n          \"[&_svg:not([class*='text-'])]:text-destructive\",\n        ],\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      variant: \"default\",\n    },\n  }\n)\n\n/**\n * Command separator style variants using CVA\n */\nexport const commandSeparatorVariants = cva(\n  // Base styles (always applied)\n  [\"bg-border -mx-[var(--command-separator-margin-x)] h-[var(--command-separator-height)]\"],\n  {\n    variants: {\n      size: {\n        sm: \"my-[var(--command-separator-margin-y-sm)]\",\n        default: \"my-[var(--command-separator-margin-y-md)]\",\n        lg: \"my-[var(--command-separator-margin-y-lg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n/**\n * Command shortcut style variants using CVA\n */\nexport const commandShortcutVariants = cva(\n  // Base styles (always applied)\n  [\"text-muted-foreground ml-auto tracking-widest\"],\n  {\n    variants: {\n      size: {\n        sm: \"text-[length:var(--command-shortcut-text-size-sm)]\",\n        default: \"text-[length:var(--command-shortcut-text-size-md)]\",\n        lg: \"text-[length:var(--command-shortcut-text-size-lg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n)\n\n// Export variant prop types\nexport type CommandVariantProps = VariantProps<typeof commandVariants>\nexport type CommandInputWrapperVariantProps = VariantProps<\n  typeof commandInputWrapperVariants\n>\nexport type CommandInputVariantProps = VariantProps<typeof commandInputVariants>\nexport type CommandInputIconVariantProps = VariantProps<\n  typeof commandInputIconVariants\n>\nexport type CommandListVariantProps = VariantProps<typeof commandListVariants>\nexport type CommandEmptyVariantProps = VariantProps<typeof commandEmptyVariants>\nexport type CommandGroupVariantProps = VariantProps<typeof commandGroupVariants>\nexport type CommandItemVariantProps = VariantProps<typeof commandItemVariants>\nexport type CommandSeparatorVariantProps = VariantProps<\n  typeof commandSeparatorVariants\n>\nexport type CommandShortcutVariantProps = VariantProps<\n  typeof commandShortcutVariants\n>\n\n/**\n * Combined variant props for the Command compound component\n */\nexport interface CommandCombinedVariantProps {\n  /** Size of the command components */\n  size?: CommandVariantProps[\"size\"]\n}\n\n/**\n * Item-specific variant props\n */\nexport interface CommandItemCombinedVariantProps {\n  /** Size of the item (inherited from context if not provided) */\n  size?: CommandItemVariantProps[\"size\"]\n  /** Visual variant of the item */\n  variant?: CommandItemVariantProps[\"variant\"]\n}\n","// Command/Command.tsx\nimport { Command as CommandPrimitive } from \"cmdk\"\nimport { SearchIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"../../feedback/Dialog\"\nimport {\n  type CommandCombinedVariantProps,\n  commandEmptyVariants,\n  commandGroupVariants,\n  commandInputIconVariants,\n  commandInputVariants,\n  commandInputWrapperVariants,\n  type CommandItemCombinedVariantProps,\n  commandItemVariants,\n  commandListVariants,\n  commandSeparatorVariants,\n  commandShortcutVariants,\n  commandVariants,\n} from \"./Command.variants\"\n\n// ============================================\n// CONTEXT FOR VARIANT PROPAGATION\n// ============================================\n\ntype CommandContextValue = CommandCombinedVariantProps\n\nconst CommandContext = React.createContext<CommandContextValue>({\n  size: \"default\",\n})\n\nfunction useCommandContext() {\n  return React.use(CommandContext)\n}\n\n// ============================================\n// COMMAND ROOT\n// ============================================\n\ntype CommandProps = React.ComponentProps<typeof CommandPrimitive> &\n  CommandCombinedVariantProps\n\n/**\n * Command - Command palette and combobox component\n *\n * @example\n * ```tsx\n * <Command size=\"default\">\n *   <CommandInput placeholder=\"Search...\" />\n *   <CommandList>\n *     <CommandEmpty>No results found.</CommandEmpty>\n *     <CommandGroup heading=\"Suggestions\">\n *       <CommandItem>Calendar</CommandItem>\n *     </CommandGroup>\n *   </CommandList>\n * </Command>\n * ```\n */\nfunction Command({ size = \"default\", className, ...props }: CommandProps) {\n  return (\n    <CommandContext value={{ size }}>\n      <CommandPrimitive\n        className={cn(commandVariants({ size }), className)}\n        data-slot=\"command\"\n        {...props}\n      />\n    </CommandContext>\n  )\n}\n\n// ============================================\n// COMMAND DIALOG\n// ============================================\n\ntype CommandDialogProps = React.ComponentProps<typeof Dialog> &\n  CommandCombinedVariantProps & {\n    className?: string\n    description?: string\n    showCloseButton?: boolean\n    title?: string\n  }\n\nfunction CommandDialog({\n  title = \"Command Palette\",\n  description = \"Search for a command to run...\",\n  children,\n  className,\n  showCloseButton = true,\n  size = \"default\",\n  ...props\n}: CommandDialogProps) {\n  // Dialog always uses lg size for better UX\n  const dialogSize = size === \"sm\" ? \"default\" : size === \"default\" ? \"lg\" : \"lg\"\n\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent\n        className={cn(\"overflow-hidden p-0\", className)}\n        showCloseButton={showCloseButton}\n      >\n        <Command\n          className={cn(\n            // Override styles for dialog context based on size\n            size === \"sm\" && [\n              \"[&_[cmdk-group-heading]]:px-1.5\",\n              \"[&_[cmdk-group-heading]]:font-medium\",\n              \"[&_[cmdk-group]]:px-1.5\",\n              \"[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0\",\n              \"[&_[cmdk-input-wrapper]_svg]:h-4 [&_[cmdk-input-wrapper]_svg]:w-4\",\n              \"[&_[cmdk-item]]:px-1.5 [&_[cmdk-item]]:py-2\",\n              \"[&_[cmdk-item]_svg]:h-4 [&_[cmdk-item]_svg]:w-4\",\n            ],\n            (size === \"default\" || size === \"lg\") && [\n              \"[&_[cmdk-group-heading]]:px-2\",\n              \"[&_[cmdk-group-heading]]:font-medium\",\n              \"[&_[cmdk-group]]:px-2\",\n              \"[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0\",\n              \"[&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5\",\n              \"[&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3\",\n              \"[&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\",\n            ]\n          )}\n          size={dialogSize}\n        >\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\n// ============================================\n// COMMAND INPUT\n// ============================================\n\ntype CommandInputProps = Omit<\n  React.ComponentProps<typeof CommandPrimitive.Input>,\n  \"size\"\n> &\n  Partial<CommandCombinedVariantProps>\n\nfunction CommandInput({ className, size: sizeProp, ...props }: CommandInputProps) {\n  const { size: contextSize } = useCommandContext()\n  const size = sizeProp ?? contextSize\n\n  return (\n    <div\n      className={cn(commandInputWrapperVariants({ size }))}\n      data-slot=\"command-input-wrapper\"\n    >\n      <SearchIcon className={cn(commandInputIconVariants({ size }))} />\n      <CommandPrimitive.Input\n        className={cn(commandInputVariants({ size }), className)}\n        data-slot=\"command-input\"\n        {...props}\n      />\n    </div>\n  )\n}\n\n// ============================================\n// COMMAND LIST\n// ============================================\n\ntype CommandListProps = React.ComponentProps<typeof CommandPrimitive.List> &\n  Partial<CommandCombinedVariantProps>\n\nfunction CommandList({ className, size: sizeProp, ...props }: CommandListProps) {\n  const { size: contextSize } = useCommandContext()\n  const size = sizeProp ?? contextSize\n\n  return (\n    <CommandPrimitive.List\n      className={cn(commandListVariants({ size }), className)}\n      data-slot=\"command-list\"\n      {...props}\n    />\n  )\n}\n\n// ============================================\n// COMMAND EMPTY\n// ============================================\n\ntype CommandEmptyProps = React.ComponentProps<typeof CommandPrimitive.Empty> &\n  Partial<CommandCombinedVariantProps>\n\nfunction CommandEmpty({ className, size: sizeProp, ...props }: CommandEmptyProps) {\n  const { size: contextSize } = useCommandContext()\n  const size = sizeProp ?? contextSize\n\n  return (\n    <CommandPrimitive.Empty\n      className={cn(commandEmptyVariants({ size }), className)}\n      data-slot=\"command-empty\"\n      {...props}\n    />\n  )\n}\n\n// ============================================\n// COMMAND GROUP\n// ============================================\n\ntype CommandGroupProps = React.ComponentProps<typeof CommandPrimitive.Group> &\n  Partial<CommandCombinedVariantProps>\n\nfunction CommandGroup({ className, size: sizeProp, ...props }: CommandGroupProps) {\n  const { size: contextSize } = useCommandContext()\n  const size = sizeProp ?? contextSize\n\n  return (\n    <CommandPrimitive.Group\n      className={cn(commandGroupVariants({ size }), className)}\n      data-slot=\"command-group\"\n      {...props}\n    />\n  )\n}\n\n// ============================================\n// COMMAND SEPARATOR\n// ============================================\n\ntype CommandSeparatorProps = React.ComponentProps<\n  typeof CommandPrimitive.Separator\n> &\n  Partial<CommandCombinedVariantProps>\n\nfunction CommandSeparator({\n  className,\n  size: sizeProp,\n  ...props\n}: CommandSeparatorProps) {\n  const { size: contextSize } = useCommandContext()\n  const size = sizeProp ?? contextSize\n\n  return (\n    <CommandPrimitive.Separator\n      className={cn(commandSeparatorVariants({ size }), className)}\n      data-slot=\"command-separator\"\n      {...props}\n    />\n  )\n}\n\n// ============================================\n// COMMAND ITEM\n// ============================================\n\ntype CommandItemProps = React.ComponentProps<typeof CommandPrimitive.Item> &\n  CommandItemCombinedVariantProps\n\nfunction CommandItem({\n  className,\n  size: sizeProp,\n  variant = \"default\",\n  ...props\n}: CommandItemProps) {\n  const { size: contextSize } = useCommandContext()\n  const size = sizeProp ?? contextSize\n\n  return (\n    <CommandPrimitive.Item\n      className={cn(commandItemVariants({ size, variant }), className)}\n      data-slot=\"command-item\"\n      {...props}\n    />\n  )\n}\n\n// ============================================\n// COMMAND SHORTCUT\n// ============================================\n\ntype CommandShortcutProps = React.ComponentProps<\"span\"> &\n  Partial<CommandCombinedVariantProps>\n\nfunction CommandShortcut({\n  className,\n  size: sizeProp,\n  ...props\n}: CommandShortcutProps) {\n  const { size: contextSize } = useCommandContext()\n  const size = sizeProp ?? contextSize\n\n  return (\n    <span\n      className={cn(commandShortcutVariants({ size }), className)}\n      data-slot=\"command-shortcut\"\n      {...props}\n    />\n  )\n}\n\n// ============================================\n// EXPORTS\n// ============================================\n\nexport {\n  Command,\n  CommandDialog,\n  type CommandDialogProps,\n  CommandEmpty,\n  type CommandEmptyProps,\n  CommandGroup,\n  type CommandGroupProps,\n  CommandInput,\n  type CommandInputProps,\n  CommandItem,\n  type CommandItemProps,\n  CommandList,\n  type CommandListProps,\n  type CommandProps,\n  CommandSeparator,\n  type CommandSeparatorProps,\n  CommandShortcut,\n  type CommandShortcutProps,\n}\n"]}

package/dist/chunk-ZARZYMBM.js

@@ -0,0 +1,95 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function FloatLabel({
+  children,
+  label,
+  hasValue = false,
+  variant = "over",
+  className,
+  ...props
+}) {
+  const [isFocused, setIsFocused] = React.useState(false);
+  const [inputId, setInputId] = React.useState();
+  const generatedId = React.useId();
+  const wrapperRef = React.useRef(null);
+  React.useEffect(() => {
+    if (wrapperRef.current) {
+      const input = wrapperRef.current.querySelector("input, select, textarea");
+      if (input) {
+        const existingId = input.getAttribute("id");
+        if (existingId) {
+          setInputId(existingId);
+        } else {
+          const newId = `float-label-input-${generatedId.replaceAll(":", "")}`;
+          input.setAttribute("id", newId);
+          setInputId(newId);
+        }
+      }
+    }
+  }, [generatedId, children]);
+  const handleFocusIn = React.useCallback(() => {
+    setIsFocused(true);
+  }, []);
+  const handleFocusOut = React.useCallback((event) => {
+    if (!wrapperRef.current?.contains(event.relatedTarget)) {
+      setIsFocused(false);
+    }
+  }, []);
+  const isFloated = isFocused || hasValue;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: wrapperRef,
+      className: cn(
+        "group relative",
+        // No wrapper padding - label uses negative positioning to float above
+        className
+      ),
+      "data-focused": isFocused || void 0,
+      "data-has-value": hasValue || void 0,
+      "data-slot": "float-label",
+      "data-variant": variant,
+      onBlur: handleFocusOut,
+      onFocus: handleFocusIn,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "label",
+          {
+            className: cn(
+              "pointer-events-none absolute text-muted-foreground transition-all duration-200 motion-reduce:transition-none",
+              // Error state: if input is invalid (aria-invalid="true"), label turns red
+              "group-has-[[aria-invalid=true]]:text-destructive",
+              // Unfocused: label centered in input
+              !isFloated && "left-3 top-1/2 -translate-y-1/2 text-sm",
+              // Focused: variant-specific positioning (aligned with PrimeVue metrics)
+              isFloated && [
+                "text-xs font-medium text-foreground",
+                // Error state color persistence when floated
+                "group-has-[[aria-invalid=true]]:text-destructive",
+                // "over": top: -20px (label floats above)
+                variant === "over" && "left-3 -top-5",
+                // "in": top: -2 (label at top inside input)
+                // PrimeVue 'in' actually floats to top inside. Input needs padding-top.
+                variant === "in" && "left-3 top-2",
+                // "on": top: -2 (label ON border with background)
+                // sits on the border line
+                variant === "on" && "left-2 -top-2 bg-background px-1"
+              ]
+            ),
+            "data-slot": "float-label-text",
+            htmlFor: inputId,
+            children: label
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+
+export { FloatLabel };
+//# sourceMappingURL=chunk-ZARZYMBM.js.map
+//# sourceMappingURL=chunk-ZARZYMBM.js.map

package/dist/chunk-ZARZYMBM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/FloatLabel/FloatLabel.tsx"],"names":[],"mappings":"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","file":"chunk-ZARZYMBM.js","sourcesContent":["import type { FloatLabelProps } from \"./FloatLabel.types\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\n\n/**\n * FloatLabel - A wrapper component that provides floating label behavior\n *\n * Wraps form inputs (TextInput, Autocomplete, Select, etc.) to provide\n * a label that floats up when the input is focused or has a value.\n *\n * @example\n * ```tsx\n * <FloatLabel label=\"Email\" hasValue={!!email}>\n *   <TextInput value={email} onChange={(e) => setEmail(e.target.value)} />\n * </FloatLabel>\n * ```\n */\nfunction FloatLabel({\n  children,\n  label,\n  hasValue = false,\n  variant = \"over\",\n  className,\n  ...props\n}: FloatLabelProps) {\n  const [isFocused, setIsFocused] = React.useState(false)\n  const [inputId, setInputId] = React.useState<string | undefined>()\n  const generatedId = React.useId()\n  const wrapperRef = React.useRef<HTMLDivElement>(null)\n\n  // Find the input element and get its id\n  /* eslint-disable react-you-might-not-need-an-effect/no-adjust-state-on-prop-change, @eslint-react/hooks-extra/no-direct-set-state-in-use-effect -- DOM discovery for label-input association */\n  React.useEffect(() => {\n    if (wrapperRef.current) {\n      const input = wrapperRef.current.querySelector(\"input, select, textarea\")\n      if (input) {\n        const existingId = input.getAttribute(\"id\")\n        if (existingId) {\n          setInputId(existingId)\n        } else {\n          // Generate and set an id if none exists\n          const newId = `float-label-input-${generatedId.replaceAll(':', \"\")}`\n          input.setAttribute(\"id\", newId)\n          setInputId(newId)\n        }\n      }\n    }\n  }, [generatedId, children])\n  /* eslint-enable react-you-might-not-need-an-effect/no-adjust-state-on-prop-change, @eslint-react/hooks-extra/no-direct-set-state-in-use-effect */\n\n  // Handle focus/blur events on the wrapper\n  const handleFocusIn = React.useCallback(() => {\n    setIsFocused(true)\n  }, [])\n\n  const handleFocusOut = React.useCallback((event: React.FocusEvent) => {\n    // Check if focus is still within the wrapper\n    if (!wrapperRef.current?.contains(event.relatedTarget as Node)) {\n      setIsFocused(false)\n    }\n  }, [])\n\n  // Determine if label should be floated (focused or has value)\n  const isFloated = isFocused || hasValue\n\n  return (\n    <div\n      ref={wrapperRef}\n      className={cn(\n        \"group relative\",\n        // No wrapper padding - label uses negative positioning to float above\n        className\n      )}\n      data-focused={isFocused || undefined}\n      data-has-value={hasValue || undefined}\n      data-slot=\"float-label\"\n      data-variant={variant}\n      onBlur={handleFocusOut}\n      onFocus={handleFocusIn}\n      {...props}\n    >\n      <label\n        className={cn(\n          \"pointer-events-none absolute text-muted-foreground transition-all duration-200 motion-reduce:transition-none\",\n          // Error state: if input is invalid (aria-invalid=\"true\"), label turns red\n          \"group-has-[[aria-invalid=true]]:text-destructive\",\n          \n          // Unfocused: label centered in input\n          !isFloated && \"left-3 top-1/2 -translate-y-1/2 text-sm\",\n          \n          // Focused: variant-specific positioning (aligned with PrimeVue metrics)\n          isFloated && [\n            \"text-xs font-medium text-foreground\",\n             // Error state color persistence when floated\n            \"group-has-[[aria-invalid=true]]:text-destructive\",\n\n            // \"over\": top: -20px (label floats above)\n            variant === \"over\" && \"left-3 -top-5\",\n            \n            // \"in\": top: -2 (label at top inside input)\n            // PrimeVue 'in' actually floats to top inside. Input needs padding-top.\n            variant === \"in\" && \"left-3 top-2\",\n            \n            // \"on\": top: -2 (label ON border with background)\n            // sits on the border line\n            variant === \"on\" && \"left-2 -top-2 bg-background px-1\",\n          ]\n        )}\n        data-slot=\"float-label-text\"\n        htmlFor={inputId}\n      >\n        {label}\n      </label>\n      {children}\n    </div>\n  )\n}\n\nexport { FloatLabel }\n"]}