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

package/dist/chunk-6G5QK3SU.js

@@ -0,0 +1,291 @@
+import { cn } from './chunk-RVAYDRMA.js';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { CheckIcon, CircleIcon, ChevronRightIcon } from 'lucide-react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var menuContentBase = [
+  "bg-popover text-popover-foreground",
+  "z-[var(--dropdown-menu-content-z-index)] min-w-[var(--dropdown-menu-content-min-width)] overflow-hidden rounded-[var(--dropdown-menu-content-radius)] border-[var(--dropdown-menu-content-border-width)] p-[var(--dropdown-menu-content-padding)]",
+  "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"
+];
+var menuItemBase = [
+  "relative flex cursor-default items-center rounded-[var(--dropdown-menu-item-radius)] text-[length:var(--dropdown-menu-item-text-size)] 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-[var(--dropdown-menu-item-icon-size)]"
+];
+var dropdownMenuContentVariants = cva([
+  ...menuContentBase,
+  "shadow-[var(--dropdown-menu-content-shadow)]",
+  "max-h-(--radix-dropdown-menu-content-available-height)",
+  "origin-(--radix-dropdown-menu-content-transform-origin)",
+  "overflow-x-hidden overflow-y-auto"
+]);
+var dropdownMenuSubContentVariants = cva([
+  ...menuContentBase,
+  "shadow-lg",
+  "origin-(--radix-dropdown-menu-content-transform-origin)"
+]);
+var dropdownMenuItemVariants = cva(
+  [
+    ...menuItemBase,
+    "[&_svg:not([class*='text-'])]:text-muted-foreground",
+    "px-[var(--dropdown-menu-item-padding-x)] py-[var(--dropdown-menu-item-padding-y)] gap-[var(--dropdown-menu-item-gap)]"
+  ],
+  {
+    variants: {
+      inset: {
+        true: "pl-[var(--dropdown-menu-item-inset-padding-left)]",
+        false: ""
+      },
+      variant: {
+        default: "focus:bg-accent focus:text-accent-foreground",
+        destructive: [
+          "text-destructive",
+          "focus:bg-destructive/10 dark:focus:bg-destructive/20",
+          "focus:text-destructive",
+          "*:[svg]:!text-destructive"
+        ]
+      }
+    },
+    defaultVariants: {
+      inset: false,
+      variant: "default"
+    }
+  }
+);
+var dropdownMenuSubTriggerVariants = cva(
+  [
+    ...menuItemBase,
+    "focus:bg-accent focus:text-accent-foreground",
+    "data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+    "[&_svg:not([class*='text-'])]:text-muted-foreground",
+    "px-[var(--dropdown-menu-item-padding-x)] py-[var(--dropdown-menu-item-padding-y)] gap-[var(--dropdown-menu-item-gap)]"
+  ],
+  {
+    variants: {
+      inset: {
+        true: "pl-[var(--dropdown-menu-item-inset-padding-left)]",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      inset: false
+    }
+  }
+);
+var dropdownMenuCheckboxItemVariants = cva([
+  ...menuItemBase,
+  "focus:bg-accent focus:text-accent-foreground",
+  "py-[var(--dropdown-menu-item-padding-y)] pr-[var(--dropdown-menu-item-padding-x)] pl-[var(--dropdown-menu-item-inset-padding-left)] gap-[var(--dropdown-menu-item-gap)]"
+]);
+var dropdownMenuRadioItemVariants = cva([
+  ...menuItemBase,
+  "focus:bg-accent focus:text-accent-foreground",
+  "py-[var(--dropdown-menu-item-padding-y)] pr-[var(--dropdown-menu-item-padding-x)] pl-[var(--dropdown-menu-item-inset-padding-left)] gap-[var(--dropdown-menu-item-gap)]"
+]);
+var dropdownMenuLabelVariants = cva(
+  ["px-[var(--dropdown-menu-item-padding-x)] py-[var(--dropdown-menu-item-padding-y)] text-[length:var(--dropdown-menu-item-text-size)] font-medium"],
+  {
+    variants: {
+      inset: {
+        true: "pl-[var(--dropdown-menu-item-inset-padding-left)]",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      inset: false
+    }
+  }
+);
+var dropdownMenuSeparatorVariants = cva(["bg-border -mx-[var(--dropdown-menu-separator-margin-x)] my-[var(--dropdown-menu-separator-margin-y)] h-[var(--dropdown-menu-separator-height)]"]);
+var dropdownMenuShortcutVariants = cva([
+  "text-muted-foreground ml-auto text-[length:var(--dropdown-menu-shortcut-text-size)] tracking-widest"
+]);
+var dropdownMenuIndicatorWrapperVariants = cva([
+  "pointer-events-none absolute left-[var(--dropdown-menu-indicator-left)] flex size-[var(--dropdown-menu-indicator-size)] items-center justify-center"
+]);
+function DropdownMenu({ ...props }) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+}
+function DropdownMenuTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Trigger,
+    {
+      "data-slot": "dropdown-menu-trigger",
+      ...props
+    }
+  );
+}
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Content,
+    {
+      className: cn(dropdownMenuContentVariants(), className),
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      ...props
+    }
+  ) });
+}
+function DropdownMenuGroup({ ...props }) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
+}
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Item,
+    {
+      className: cn(dropdownMenuItemVariants({ inset, variant }), className),
+      "data-inset": inset,
+      "data-slot": "dropdown-menu-item",
+      "data-variant": variant,
+      ...props
+    }
+  );
+}
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuPrimitive.CheckboxItem,
+    {
+      checked: checked ?? false,
+      className: cn(dropdownMenuCheckboxItemVariants(), className),
+      "data-slot": "dropdown-menu-checkbox-item",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: cn(dropdownMenuIndicatorWrapperVariants()), children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-[var(--dropdown-menu-checkbox-size)]" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuRadioGroup({ ...props }) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.RadioGroup,
+    {
+      "data-slot": "dropdown-menu-radio-group",
+      ...props
+    }
+  );
+}
+function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuPrimitive.RadioItem,
+    {
+      className: cn(dropdownMenuRadioItemVariants(), className),
+      "data-slot": "dropdown-menu-radio-item",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: cn(dropdownMenuIndicatorWrapperVariants()), children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-[var(--dropdown-menu-radio-size)]" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Label,
+    {
+      className: cn(dropdownMenuLabelVariants({ inset }), className),
+      "data-inset": inset,
+      "data-slot": "dropdown-menu-label",
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Separator,
+    {
+      className: cn(dropdownMenuSeparatorVariants(), className),
+      "data-slot": "dropdown-menu-separator",
+      ...props
+    }
+  );
+}
+function DropdownMenuShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(dropdownMenuShortcutVariants(), className),
+      "data-slot": "dropdown-menu-shortcut",
+      ...props
+    }
+  );
+}
+function DropdownMenuSub({ ...props }) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuPrimitive.SubTrigger,
+    {
+      className: cn(dropdownMenuSubTriggerVariants({ inset }), className),
+      "data-inset": inset,
+      "data-slot": "dropdown-menu-sub-trigger",
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto size-4" })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.SubContent,
+    {
+      className: cn(dropdownMenuSubContentVariants(), className),
+      "data-slot": "dropdown-menu-sub-content",
+      ...props
+    }
+  );
+}
+
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, dropdownMenuCheckboxItemVariants, dropdownMenuContentVariants, dropdownMenuIndicatorWrapperVariants, dropdownMenuItemVariants, dropdownMenuLabelVariants, dropdownMenuRadioItemVariants, dropdownMenuSeparatorVariants, dropdownMenuShortcutVariants, dropdownMenuSubContentVariants, dropdownMenuSubTriggerVariants };
+//# sourceMappingURL=chunk-6G5QK3SU.js.map
+//# sourceMappingURL=chunk-6G5QK3SU.js.map

package/dist/chunk-6G5QK3SU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/DropdownMenu/DropdownMenu.variants.ts","../src/components/navigation/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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","file":"chunk-6G5QK3SU.js","sourcesContent":["// DropdownMenu/DropdownMenu.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Shared animation and transition styles for menu content\n */\nconst menuContentBase = [\n  \"bg-popover text-popover-foreground\",\n  \"z-[var(--dropdown-menu-content-z-index)] min-w-[var(--dropdown-menu-content-min-width)] overflow-hidden rounded-[var(--dropdown-menu-content-radius)] border-[var(--dropdown-menu-content-border-width)] p-[var(--dropdown-menu-content-padding)]\",\n  \"data-[state=open]:animate-in data-[state=closed]:animate-out\",\n  \"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n  \"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n  \"data-[side=bottom]:slide-in-from-top-2\",\n  \"data-[side=left]:slide-in-from-right-2\",\n  \"data-[side=right]:slide-in-from-left-2\",\n  \"data-[side=top]:slide-in-from-bottom-2\",\n]\n\n/**\n * Shared base styles for interactive menu items\n */\nconst menuItemBase = [\n  \"relative flex cursor-default items-center rounded-[var(--dropdown-menu-item-radius)] text-[length:var(--dropdown-menu-item-text-size)] outline-hidden select-none\",\n  \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n  \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-[var(--dropdown-menu-item-icon-size)]\",\n]\n\n/**\n * DropdownMenuContent variant styles\n */\nexport const dropdownMenuContentVariants = cva([\n  ...menuContentBase,\n  \"shadow-[var(--dropdown-menu-content-shadow)]\",\n  \"max-h-(--radix-dropdown-menu-content-available-height)\",\n  \"origin-(--radix-dropdown-menu-content-transform-origin)\",\n  \"overflow-x-hidden overflow-y-auto\",\n])\n\n/**\n * DropdownMenuSubContent variant styles\n */\nexport const dropdownMenuSubContentVariants = cva([\n  ...menuContentBase,\n  \"shadow-lg\",\n  \"origin-(--radix-dropdown-menu-content-transform-origin)\",\n])\n\n/**\n * DropdownMenuItem variant styles\n */\nexport const dropdownMenuItemVariants = cva(\n  [\n    ...menuItemBase,\n    \"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n    \"px-[var(--dropdown-menu-item-padding-x)] py-[var(--dropdown-menu-item-padding-y)] gap-[var(--dropdown-menu-item-gap)]\",\n  ],\n  {\n    variants: {\n      inset: {\n        true: \"pl-[var(--dropdown-menu-item-inset-padding-left)]\",\n        false: \"\",\n      },\n      variant: {\n        default: \"focus:bg-accent focus:text-accent-foreground\",\n        destructive: [\n          \"text-destructive\",\n          \"focus:bg-destructive/10 dark:focus:bg-destructive/20\",\n          \"focus:text-destructive\",\n          \"*:[svg]:!text-destructive\",\n        ],\n      },\n    },\n    defaultVariants: {\n      inset: false,\n      variant: \"default\",\n    },\n  }\n)\n\n/**\n * DropdownMenuSubTrigger variant styles\n */\nexport const dropdownMenuSubTriggerVariants = cva(\n  [\n    ...menuItemBase,\n    \"focus:bg-accent focus:text-accent-foreground\",\n    \"data-[state=open]:bg-accent data-[state=open]:text-accent-foreground\",\n    \"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n    \"px-[var(--dropdown-menu-item-padding-x)] py-[var(--dropdown-menu-item-padding-y)] gap-[var(--dropdown-menu-item-gap)]\",\n  ],\n  {\n    variants: {\n      inset: {\n        true: \"pl-[var(--dropdown-menu-item-inset-padding-left)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      inset: false,\n    },\n  }\n)\n\n/**\n * DropdownMenuCheckboxItem variant styles\n */\nexport const dropdownMenuCheckboxItemVariants = cva([\n  ...menuItemBase,\n  \"focus:bg-accent focus:text-accent-foreground\",\n  \"py-[var(--dropdown-menu-item-padding-y)] pr-[var(--dropdown-menu-item-padding-x)] pl-[var(--dropdown-menu-item-inset-padding-left)] gap-[var(--dropdown-menu-item-gap)]\",\n])\n\n/**\n * DropdownMenuRadioItem variant styles\n */\nexport const dropdownMenuRadioItemVariants = cva([\n  ...menuItemBase,\n  \"focus:bg-accent focus:text-accent-foreground\",\n  \"py-[var(--dropdown-menu-item-padding-y)] pr-[var(--dropdown-menu-item-padding-x)] pl-[var(--dropdown-menu-item-inset-padding-left)] gap-[var(--dropdown-menu-item-gap)]\",\n])\n\n/**\n * DropdownMenuLabel variant styles\n */\nexport const dropdownMenuLabelVariants = cva(\n  [\"px-[var(--dropdown-menu-item-padding-x)] py-[var(--dropdown-menu-item-padding-y)] text-[length:var(--dropdown-menu-item-text-size)] font-medium\"],\n  {\n    variants: {\n      inset: {\n        true: \"pl-[var(--dropdown-menu-item-inset-padding-left)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      inset: false,\n    },\n  }\n)\n\n/**\n * DropdownMenuSeparator variant styles\n */\nexport const dropdownMenuSeparatorVariants = cva([\"bg-border -mx-[var(--dropdown-menu-separator-margin-x)] my-[var(--dropdown-menu-separator-margin-y)] h-[var(--dropdown-menu-separator-height)]\"])\n\n/**\n * DropdownMenuShortcut variant styles\n */\nexport const dropdownMenuShortcutVariants = cva([\n  \"text-muted-foreground ml-auto text-[length:var(--dropdown-menu-shortcut-text-size)] tracking-widest\",\n])\n\n/**\n * Item indicator wrapper styles\n */\nexport const dropdownMenuIndicatorWrapperVariants = cva([\n  \"pointer-events-none absolute left-[var(--dropdown-menu-indicator-left)] flex size-[var(--dropdown-menu-indicator-size)] items-center justify-center\",\n])\n\nexport type DropdownMenuItemVariantProps = VariantProps<\n  typeof dropdownMenuItemVariants\n>\nexport type DropdownMenuSubTriggerVariantProps = VariantProps<\n  typeof dropdownMenuSubTriggerVariants\n>\nexport type DropdownMenuLabelVariantProps = VariantProps<\n  typeof dropdownMenuLabelVariants\n>\n\n","\"use client\"\n\nimport type {\n  DropdownMenuCheckboxItemProps,\n  DropdownMenuContentProps,\n  DropdownMenuGroupProps,\n  DropdownMenuItemProps,\n  DropdownMenuLabelProps,\n  DropdownMenuPortalProps,\n  DropdownMenuProps,\n  DropdownMenuRadioGroupProps,\n  DropdownMenuRadioItemProps,\n  DropdownMenuSeparatorProps,\n  DropdownMenuShortcutProps,\n  DropdownMenuSubContentProps,\n  DropdownMenuSubProps,\n  DropdownMenuSubTriggerProps,\n  DropdownMenuTriggerProps,\n} from \"./DropdownMenu.types\"\n\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  dropdownMenuCheckboxItemVariants,\n  dropdownMenuContentVariants,\n  dropdownMenuIndicatorWrapperVariants,\n  dropdownMenuItemVariants,\n  dropdownMenuLabelVariants,\n  dropdownMenuRadioItemVariants,\n  dropdownMenuSeparatorVariants,\n  dropdownMenuShortcutVariants,\n  dropdownMenuSubContentVariants,\n  dropdownMenuSubTriggerVariants,\n} from \"./DropdownMenu.variants\"\n\n/**\n * DropdownMenu - A menu that appears when triggered by a button or other element.\n *\n * Built on top of Radix UI DropdownMenu primitive with additional styling.\n *\n * @example\n * <DropdownMenu>\n *   <DropdownMenuTrigger>Open Menu</DropdownMenuTrigger>\n *   <DropdownMenuContent>\n *     <DropdownMenuItem>Item 1</DropdownMenuItem>\n *     <DropdownMenuItem>Item 2</DropdownMenuItem>\n *   </DropdownMenuContent>\n * </DropdownMenu>\n */\nfunction DropdownMenu({ ...props }: DropdownMenuProps) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\n/**\n * DropdownMenuPortal - Renders dropdown menu content in a portal.\n */\nfunction DropdownMenuPortal({ ...props }: DropdownMenuPortalProps) {\n  return (\n    <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n  )\n}\n\n/**\n * DropdownMenuTrigger - Button that opens the dropdown menu.\n */\nfunction DropdownMenuTrigger({ ...props }: DropdownMenuTriggerProps) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  )\n}\n\n/**\n * DropdownMenuContent - Main content container for the dropdown menu.\n */\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: DropdownMenuContentProps) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        className={cn(dropdownMenuContentVariants(), className)}\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  )\n}\n\n/**\n * DropdownMenuGroup - Groups related menu items together.\n */\nfunction DropdownMenuGroup({ ...props }: DropdownMenuGroupProps) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  )\n}\n\n/**\n * DropdownMenuItem - An interactive menu item.\n *\n * Supports inset layout and destructive variant.\n */\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: DropdownMenuItemProps) {\n  return (\n    <DropdownMenuPrimitive.Item\n      className={cn(dropdownMenuItemVariants({ inset, variant }), className)}\n      data-inset={inset}\n      data-slot=\"dropdown-menu-item\"\n      data-variant={variant}\n      {...props}\n    />\n  )\n}\n\n/**\n * DropdownMenuCheckboxItem - A menu item that can be checked/unchecked.\n */\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: DropdownMenuCheckboxItemProps) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      checked={checked ?? false}\n      className={cn(dropdownMenuCheckboxItemVariants(), className)}\n      data-slot=\"dropdown-menu-checkbox-item\"\n      {...props}\n    >\n      <span className={cn(dropdownMenuIndicatorWrapperVariants())}>\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-[var(--dropdown-menu-checkbox-size)]\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  )\n}\n\n/**\n * DropdownMenuRadioGroup - Groups radio items together.\n */\nfunction DropdownMenuRadioGroup({ ...props }: DropdownMenuRadioGroupProps) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  )\n}\n\n/**\n * DropdownMenuRadioItem - A radio menu item within a radio group.\n */\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: DropdownMenuRadioItemProps) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      className={cn(dropdownMenuRadioItemVariants(), className)}\n      data-slot=\"dropdown-menu-radio-item\"\n      {...props}\n    >\n      <span className={cn(dropdownMenuIndicatorWrapperVariants())}>\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-[var(--dropdown-menu-radio-size)]\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  )\n}\n\n/**\n * DropdownMenuLabel - A non-interactive label for menu sections.\n */\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: DropdownMenuLabelProps) {\n  return (\n    <DropdownMenuPrimitive.Label\n      className={cn(dropdownMenuLabelVariants({ inset }), className)}\n      data-inset={inset}\n      data-slot=\"dropdown-menu-label\"\n      {...props}\n    />\n  )\n}\n\n/**\n * DropdownMenuSeparator - A visual separator between menu sections.\n */\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: DropdownMenuSeparatorProps) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      className={cn(dropdownMenuSeparatorVariants(), className)}\n      data-slot=\"dropdown-menu-separator\"\n      {...props}\n    />\n  )\n}\n\n/**\n * DropdownMenuShortcut - Displays keyboard shortcut hints.\n */\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: DropdownMenuShortcutProps) {\n  return (\n    <span\n      className={cn(dropdownMenuShortcutVariants(), className)}\n      data-slot=\"dropdown-menu-shortcut\"\n      {...props}\n    />\n  )\n}\n\n/**\n * DropdownMenuSub - Container for nested submenus.\n */\nfunction DropdownMenuSub({ ...props }: DropdownMenuSubProps) {\n  return (\n    <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n  )\n}\n\n/**\n * DropdownMenuSubTrigger - Trigger for opening a submenu.\n *\n * Includes a chevron icon indicator.\n */\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: DropdownMenuSubTriggerProps) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      className={cn(dropdownMenuSubTriggerVariants({ inset }), className)}\n      data-inset={inset}\n      data-slot=\"dropdown-menu-sub-trigger\"\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-4\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  )\n}\n\n/**\n * DropdownMenuSubContent - Content container for submenus.\n */\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: DropdownMenuSubContentProps) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      className={cn(dropdownMenuSubContentVariants(), className)}\n      data-slot=\"dropdown-menu-sub-content\"\n      {...props}\n    />\n  )\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n}\n"]}

package/dist/chunk-6QVXMYKH.js

@@ -0,0 +1,167 @@
+import { inputVariants } from './chunk-T3LWBCVR.js';
+import { cn } from './chunk-RVAYDRMA.js';
+import { PlusIcon, MinusIcon } from 'lucide-react';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var numberStepperVariants = cva(
+  // Base styles
+  [
+    "absolute right-0 top-0 h-full",
+    "flex flex-col",
+    "border-l border-input",
+    "overflow-hidden rounded-r-md"
+  ],
+  {
+    variants: {
+      size: {
+        xs: "w-5",
+        sm: "w-6",
+        md: "w-7",
+        lg: "w-8",
+        xl: "w-9"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var numberStepperButtonVariants = cva(
+  // Base styles
+  [
+    "flex flex-1 items-center justify-center",
+    "text-muted-foreground hover:text-foreground hover:bg-muted/50",
+    "transition-colors",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "focus-visible:outline-none focus-visible:bg-muted"
+  ],
+  {
+    variants: {
+      size: {
+        xs: "[&_svg]:size-2.5",
+        sm: "[&_svg]:size-3",
+        md: "[&_svg]:size-3.5",
+        lg: "[&_svg]:size-4",
+        xl: "[&_svg]:size-4.5"
+      },
+      position: {
+        top: "border-b border-input",
+        bottom: ""
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      position: "top"
+    }
+  }
+);
+var numberInputPaddingVariants = cva("", {
+  variants: {
+    size: {
+      xs: "pr-6",
+      sm: "pr-7",
+      md: "pr-8",
+      lg: "pr-9",
+      xl: "pr-10"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function NumberInput({
+  className,
+  size = "md",
+  variant,
+  showStepper = true,
+  incrementIcon,
+  decrementIcon,
+  onIncrement,
+  onDecrement,
+  disabled,
+  min,
+  max,
+  step = 1,
+  ...props
+}) {
+  const inputRef = React.useRef(null);
+  const handleIncrement = React.useCallback(() => {
+    if (onIncrement) {
+      onIncrement();
+    } else if (inputRef.current) {
+      inputRef.current.stepUp();
+      inputRef.current.dispatchEvent(new Event("input", { bubbles: true }));
+    }
+  }, [onIncrement]);
+  const handleDecrement = React.useCallback(() => {
+    if (onDecrement) {
+      onDecrement();
+    } else if (inputRef.current) {
+      inputRef.current.stepDown();
+      inputRef.current.dispatchEvent(new Event("input", { bubbles: true }));
+    }
+  }, [onDecrement]);
+  return /* @__PURE__ */ jsxs("div", { className: "relative w-full", "data-slot": "number-input-wrapper", children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: inputRef,
+        className: cn(
+          inputVariants({ size, variant }),
+          // Hide native spinner
+          "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",
+          showStepper && numberInputPaddingVariants({ size }),
+          className
+        ),
+        "data-slot": "number-input",
+        disabled,
+        max,
+        min,
+        step,
+        type: "number",
+        ...props
+      }
+    ),
+    showStepper && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(numberStepperVariants({ size })),
+        "data-slot": "number-stepper",
+        children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              "aria-label": "Increment value",
+              className: cn(numberStepperButtonVariants({ size, position: "top" })),
+              "data-slot": "increment-button",
+              disabled,
+              tabIndex: -1,
+              type: "button",
+              onClick: handleIncrement,
+              children: incrementIcon ?? /* @__PURE__ */ jsx(PlusIcon, { "aria-hidden": "true" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              "aria-label": "Decrement value",
+              className: cn(numberStepperButtonVariants({ size, position: "bottom" })),
+              "data-slot": "decrement-button",
+              disabled,
+              tabIndex: -1,
+              type: "button",
+              onClick: handleDecrement,
+              children: decrementIcon ?? /* @__PURE__ */ jsx(MinusIcon, { "aria-hidden": "true" })
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+
+export { NumberInput, numberInputPaddingVariants, numberStepperButtonVariants, numberStepperVariants };
+//# sourceMappingURL=chunk-6QVXMYKH.js.map
+//# sourceMappingURL=chunk-6QVXMYKH.js.map

package/dist/chunk-6QVXMYKH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/NumberInput/NumberInput.variants.ts","../src/components/forms/NumberInput/NumberInput.tsx"],"names":[],"mappings":"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","file":"chunk-6QVXMYKH.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Number stepper container variant styles using CVA\n * Contains increment/decrement buttons stacked vertically\n */\nexport const numberStepperVariants = cva(\n  // Base styles\n  [\n    \"absolute right-0 top-0 h-full\",\n    \"flex flex-col\",\n    \"border-l border-input\",\n    \"overflow-hidden rounded-r-md\",\n  ],\n  {\n    variants: {\n      size: {\n        xs: \"w-5\",\n        sm: \"w-6\",\n        md: \"w-7\",\n        lg: \"w-8\",\n        xl: \"w-9\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\n/**\n * Number stepper button variant styles using CVA\n * Individual increment/decrement button styles\n */\nexport const numberStepperButtonVariants = cva(\n  // Base styles\n  [\n    \"flex flex-1 items-center justify-center\",\n    \"text-muted-foreground hover:text-foreground hover:bg-muted/50\",\n    \"transition-colors\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n    \"focus-visible:outline-none focus-visible:bg-muted\",\n  ],\n  {\n    variants: {\n      size: {\n        xs: \"[&_svg]:size-2.5\",\n        sm: \"[&_svg]:size-3\",\n        md: \"[&_svg]:size-3.5\",\n        lg: \"[&_svg]:size-4\",\n        xl: \"[&_svg]:size-4.5\",\n      },\n      position: {\n        top: \"border-b border-input\",\n        bottom: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      position: \"top\",\n    },\n  }\n)\n\n/**\n * Number input padding right values to accommodate stepper buttons\n * Used to add extra right padding when stepper is visible\n */\nexport const numberInputPaddingVariants = cva(\"\", {\n  variants: {\n    size: {\n      xs: \"pr-6\",\n      sm: \"pr-7\",\n      md: \"pr-8\",\n      lg: \"pr-9\",\n      xl: \"pr-10\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type NumberStepperVariantProps = VariantProps<typeof numberStepperVariants>\nexport type NumberStepperButtonVariantProps = VariantProps<typeof numberStepperButtonVariants>\n","\"use client\"\n\nimport type { NumberInputProps } from \"./NumberInput.types\"\n\nimport { MinusIcon, PlusIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { inputVariants } from \"../TextInput/TextInput.variants\"\nimport {\n  numberInputPaddingVariants,\n  numberStepperButtonVariants,\n  numberStepperVariants,\n} from \"./NumberInput.variants\"\n\n/**\n * NumberInput component with increment/decrement stepper buttons\n *\n * @example\n * ```tsx\n * <NumberInput placeholder=\"Enter quantity\" />\n * ```\n *\n * @example With min/max/step\n * ```tsx\n * <NumberInput min={0} max={100} step={5} defaultValue={50} />\n * ```\n *\n * @example Without stepper\n * ```tsx\n * <NumberInput showStepper={false} />\n * ```\n *\n * @example With custom icons\n * ```tsx\n * <NumberInput\n *   incrementIcon={<ChevronUp className=\"size-4\" />}\n *   decrementIcon={<ChevronDown className=\"size-4\" />}\n * />\n * ```\n */\nfunction NumberInput({\n  className,\n  size = \"md\",\n  variant,\n  showStepper = true,\n  incrementIcon,\n  decrementIcon,\n  onIncrement,\n  onDecrement,\n  disabled,\n  min,\n  max,\n  step = 1,\n  ...props\n}: NumberInputProps) {\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  const handleIncrement = React.useCallback(() => {\n    if (onIncrement) {\n      onIncrement()\n    } else if (inputRef.current) {\n      inputRef.current.stepUp()\n      // Dispatch input event to trigger onChange\n      inputRef.current.dispatchEvent(new Event(\"input\", { bubbles: true }))\n    }\n  }, [onIncrement])\n\n  const handleDecrement = React.useCallback(() => {\n    if (onDecrement) {\n      onDecrement()\n    } else if (inputRef.current) {\n      inputRef.current.stepDown()\n      // Dispatch input event to trigger onChange\n      inputRef.current.dispatchEvent(new Event(\"input\", { bubbles: true }))\n    }\n  }, [onDecrement])\n\n  return (\n    <div className=\"relative w-full\" data-slot=\"number-input-wrapper\">\n      <input\n        ref={inputRef}\n        className={cn(\n          inputVariants({ size, variant }),\n          // Hide native spinner\n          \"[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none\",\n          showStepper && numberInputPaddingVariants({ size }),\n          className\n        )}\n        data-slot=\"number-input\"\n        disabled={disabled}\n        max={max}\n        min={min}\n        step={step}\n        type=\"number\"\n        {...props}\n      />\n      {showStepper && (\n        <div\n          className={cn(numberStepperVariants({ size }))}\n          data-slot=\"number-stepper\"\n        >\n          <button\n            aria-label=\"Increment value\"\n            className={cn(numberStepperButtonVariants({ size, position: \"top\" }))}\n            data-slot=\"increment-button\"\n            disabled={disabled}\n            tabIndex={-1}\n            type=\"button\"\n            onClick={handleIncrement}\n          >\n            {incrementIcon ?? <PlusIcon aria-hidden=\"true\" />}\n          </button>\n          <button\n            aria-label=\"Decrement value\"\n            className={cn(numberStepperButtonVariants({ size, position: \"bottom\" }))}\n            data-slot=\"decrement-button\"\n            disabled={disabled}\n            tabIndex={-1}\n            type=\"button\"\n            onClick={handleDecrement}\n          >\n            {decrementIcon ?? <MinusIcon aria-hidden=\"true\" />}\n          </button>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport { NumberInput }\n"]}

package/dist/chunk-6VCJU6XD.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+// src/hooks/use-on-window-resize.ts
+function useOnWindowResize(handler) {
+  React.useEffect(() => {
+    const handleResize = () => {
+      handler();
+    };
+    handleResize();
+    window.addEventListener("resize", handleResize);
+    return () => {
+      window.removeEventListener("resize", handleResize);
+    };
+  }, [handler]);
+}
+
+export { useOnWindowResize };
+//# sourceMappingURL=chunk-6VCJU6XD.js.map
+//# sourceMappingURL=chunk-6VCJU6XD.js.map

package/dist/chunk-6VCJU6XD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-on-window-resize.ts"],"names":[],"mappings":";;;AAeO,SAAS,kBAAkB,OAAA,EAAqB;AACrD,EAAM,gBAAU,MAAM;AACpB,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,OAAA,EAAQ;AAAA,IACV,CAAA;AAEA,IAAA,YAAA,EAAa;AAEb,IAAA,MAAA,CAAO,gBAAA,CAAiB,UAAU,YAAY,CAAA;AAC9C,IAAA,OAAO,MAAM;AAAE,MAAA,MAAA,CAAO,mBAAA,CAAoB,UAAU,YAAY,CAAA;AAAA,IAAE,CAAA;AAAA,EACpE,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AACd","file":"chunk-6VCJU6XD.js","sourcesContent":["import * as React from \"react\"\n\n/**\n * Hook that triggers a callback on window resize\n * Useful for responsive charts and components that need to recalculate dimensions\n *\n * @example\n * ```tsx\n * const [width, setWidth] = useState(0)\n *\n * useOnWindowResize(() => {\n *   setWidth(containerRef.current?.clientWidth ?? 0)\n * })\n * ```\n */\nexport function useOnWindowResize(handler: () => void) {\n  React.useEffect(() => {\n    const handleResize = () => {\n      handler()\n    }\n    // Call handler immediately to set initial state\n    handleResize()\n\n    window.addEventListener(\"resize\", handleResize)\n    return () => { window.removeEventListener(\"resize\", handleResize) }\n  }, [handler])\n}\n"]}

package/dist/chunk-6VEQLD2P.js

@@ -0,0 +1,75 @@
+import { cn } from './chunk-RVAYDRMA.js';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var collapsibleVariants = cva([
+  // Base styles - intentionally minimal as this is primarily a behavior component
+]);
+var collapsibleTriggerVariants = cva([
+  // Base styles for trigger
+  "cursor-pointer",
+  "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50"
+]);
+var collapsibleContentVariants = cva(
+  [
+    "overflow-hidden"
+  ],
+  {
+    variants: {
+      /**
+       * Animation variant for content transition
+       * - animated: Smooth height and opacity animation
+       * - none: No animation, instant show/hide
+       */
+      animation: {
+        animated: [
+          "data-[state=open]:animate-collapsible-down",
+          "data-[state=closed]:animate-collapsible-up"
+        ],
+        none: []
+      }
+    },
+    defaultVariants: {
+      animation: "animated"
+    }
+  }
+);
+function Collapsible({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    CollapsiblePrimitive.Root,
+    {
+      className: cn(collapsibleVariants(), className),
+      "data-slot": "collapsible",
+      ...props
+    }
+  );
+}
+function CollapsibleTrigger2({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    CollapsiblePrimitive.CollapsibleTrigger,
+    {
+      className: cn(collapsibleTriggerVariants(), className),
+      "data-slot": "collapsible-trigger",
+      ...props
+    }
+  );
+}
+function CollapsibleContent2({
+  className,
+  animation,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    CollapsiblePrimitive.CollapsibleContent,
+    {
+      className: cn(collapsibleContentVariants({ animation }), className),
+      "data-slot": "collapsible-content",
+      ...props
+    }
+  );
+}
+
+export { Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, collapsibleContentVariants, collapsibleTriggerVariants, collapsibleVariants };
+//# sourceMappingURL=chunk-6VEQLD2P.js.map
+//# sourceMappingURL=chunk-6VEQLD2P.js.map

package/dist/chunk-6VEQLD2P.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Collapsible/Collapsible.variants.ts","../src/components/layout/Collapsible/Collapsible.tsx"],"names":["CollapsibleTrigger","CollapsibleContent"],"mappings":";;;;;AAMO,IAAM,sBAAsB,GAAA,CAAI;AAAA;AAEvC,CAAC;AAMM,IAAM,6BAA6B,GAAA,CAAI;AAAA;AAAA,EAE5C,gBAAA;AAAA,EACA;AACF,CAAC;AAMM,IAAM,0BAAA,GAA6B,GAAA;AAAA,EACxC;AAAA,IACE;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMR,SAAA,EAAW;AAAA,QACT,QAAA,EAAU;AAAA,UACR,4CAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,MAAM;AAAC;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,SAAA,EAAW;AAAA;AACb;AAEJ;AChCA,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,GAAG,OAAM,EAAqB;AAC9D,EAAA,uBACE,GAAA;AAAA,IAAsB,oBAAA,CAAA,IAAA;AAAA,IAArB;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,mBAAA,EAAoB,EAAG,SAAS,CAAA;AAAA,MAC9C,WAAA,EAAU,aAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAASA,mBAAAA,CAAmB,EAAE,SAAA,EAAW,GAAG,OAAM,EAA4B;AAC5E,EAAA,uBACE,GAAA;AAAA,IAAsB,oBAAA,CAAA,kBAAA;AAAA,IAArB;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,0BAAA,EAA2B,EAAG,SAAS,CAAA;AAAA,MACrD,WAAA,EAAU,qBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAASC,mBAAAA,CAAmB;AAAA,EAC1B,SAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA4B;AAC1B,EAAA,uBACE,GAAA;AAAA,IAAsB,oBAAA,CAAA,kBAAA;AAAA,IAArB;AAAA,MACC,WAAW,EAAA,CAAG,0BAAA,CAA2B,EAAE,SAAA,EAAW,GAAG,SAAS,CAAA;AAAA,MAClE,WAAA,EAAU,qBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-6VEQLD2P.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Collapsible root variant styles\n * Container component for expandable/collapsible content\n */\nexport const collapsibleVariants = cva([\n  // Base styles - intentionally minimal as this is primarily a behavior component\n])\n\n/**\n * CollapsibleTrigger variant styles\n * Element that toggles the collapsible state\n */\nexport const collapsibleTriggerVariants = cva([\n  // Base styles for trigger\n  \"cursor-pointer\",\n  \"data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50\",\n])\n\n/**\n * CollapsibleContent variant styles\n * Content that expands/collapses with animation support\n */\nexport const collapsibleContentVariants = cva(\n  [\n    \"overflow-hidden\",\n  ],\n  {\n    variants: {\n      /**\n       * Animation variant for content transition\n       * - animated: Smooth height and opacity animation\n       * - none: No animation, instant show/hide\n       */\n      animation: {\n        animated: [\n          \"data-[state=open]:animate-collapsible-down\",\n          \"data-[state=closed]:animate-collapsible-up\",\n        ],\n        none: [],\n      },\n    },\n    defaultVariants: {\n      animation: \"animated\",\n    },\n  }\n)\n\nexport type CollapsibleVariantProps = VariantProps<typeof collapsibleVariants>\nexport type CollapsibleTriggerVariantProps = VariantProps<typeof collapsibleTriggerVariants>\nexport type CollapsibleContentVariantProps = VariantProps<typeof collapsibleContentVariants>\n","import type {\n  CollapsibleContentProps,\n  CollapsibleProps,\n  CollapsibleTriggerProps,\n} from \"./Collapsible.types\"\n\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  collapsibleContentVariants,\n  collapsibleTriggerVariants,\n  collapsibleVariants,\n} from \"./Collapsible.variants\"\n\nfunction Collapsible({ className, ...props }: CollapsibleProps) {\n  return (\n    <CollapsiblePrimitive.Root\n      className={cn(collapsibleVariants(), className)}\n      data-slot=\"collapsible\"\n      {...props}\n    />\n  )\n}\n\nfunction CollapsibleTrigger({ className, ...props }: CollapsibleTriggerProps) {\n  return (\n    <CollapsiblePrimitive.CollapsibleTrigger\n      className={cn(collapsibleTriggerVariants(), className)}\n      data-slot=\"collapsible-trigger\"\n      {...props}\n    />\n  )\n}\n\nfunction CollapsibleContent({\n  className,\n  animation,\n  ...props\n}: CollapsibleContentProps) {\n  return (\n    <CollapsiblePrimitive.CollapsibleContent\n      className={cn(collapsibleContentVariants({ animation }), className)}\n      data-slot=\"collapsible-content\"\n      {...props}\n    />\n  )\n}\n\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger }\n"]}