@music-vine/cadence 2.4.0 → 2.5.0

package/dist/components/select.js

@@ -5,147 +5,167 @@ import { cn } from "../lib/utils";
 const Select = SelectPrimitive.Root;
 const SelectGroup = SelectPrimitive.Group;
 const SelectValue = SelectPrimitive.Value;
-const SelectTrigger = ({ className, children, icon, ref, ...props }) => {
-  return /* @__PURE__ */ jsxs(
-    SelectPrimitive.Trigger,
-    {
-      className: cn(
-        "group flex h-8 w-full items-center justify-between gap-2 border border-gray-200 border-solid bg-white px-4 py-2 text-base focus-visible:ring-2 focus-visible:ring-[var(--focus-ring)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-        "dark:border-gray-800 dark:bg-gray-950 dark:text-white dark:focus-visible:ring-0 dark:focus-visible:ring-offset-gray-700",
-        className
+const SelectTrigger = ({
+  className,
+  children,
+  icon,
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Trigger,
+  {
+    className: cn(
+      "group flex h-8 w-full items-center justify-between gap-2 border border-gray-200 border-solid bg-white px-4 py-2 text-base focus-visible:ring-2 focus-visible:ring-[var(--focus-ring)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      "dark:border-gray-800 dark:bg-gray-950 dark:text-white dark:focus-visible:ring-0 dark:focus-visible:ring-offset-gray-700",
+      className
+    ),
+    ref,
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: icon ?? /* @__PURE__ */ jsx(ChevronDown, { className: "h-5 w-5" }) })
+    ]
+  }
+);
+const SelectScrollUpButton = ({
+  className,
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollUpButton,
+  {
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ref,
+    ...props,
+    children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-5 w-5" })
+  }
+);
+const SelectScrollDownButton = ({
+  className,
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollDownButton,
+  {
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ref,
+    ...props,
+    children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
+  }
+);
+const SelectContent = ({
+  className,
+  children,
+  position,
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+  SelectPrimitive.Content,
+  {
+    className: cn(
+      "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 relative z-50 max-h-96 min-w-[8rem] rounded-md border border-gray-200 border-solid bg-white text-gray-950 shadow-[0px_2px_4px_0px_rgba(0,_0,_0,_0.15)] data-[state=closed]:animate-out data-[state=open]:animate-in dark:border-gray-800 dark:bg-gray-950 dark:text-white",
+      position === "popper" && "data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1",
+      className
+    ),
+    position,
+    ref,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
       ),
-      ref,
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: icon ?? /* @__PURE__ */ jsx(ChevronDown, { className: "h-5 w-5" }) })
-      ]
-    }
-  );
-};
-const SelectScrollUpButton = ({ className, ref, ...props }) => {
-  return /* @__PURE__ */ jsx(
-    SelectPrimitive.ScrollUpButton,
-    {
-      className: cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      ),
-      ref,
-      ...props,
-      children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-5 w-5" })
-    }
-  );
-};
-const SelectScrollDownButton = ({ className, ref, ...props }) => {
-  return /* @__PURE__ */ jsx(
-    SelectPrimitive.ScrollDownButton,
-    {
-      className: cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      ),
-      ref,
-      ...props,
-      children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
-    }
-  );
-};
-const SelectContent = ({ className, children, position, ref, ...props }) => {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
-    SelectPrimitive.Content,
-    {
-      className: cn(
-        "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 relative z-50 max-h-96 min-w-[8rem] rounded-md border border-gray-200 border-solid bg-white text-gray-950 shadow-[0px_2px_4px_0px_rgba(0,_0,_0,_0.15)] data-[state=closed]:animate-out data-[state=open]:animate-in dark:border-gray-800 dark:bg-gray-950 dark:text-white",
-        position === "popper" && "data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1",
-        className
-      ),
-      position,
-      ref,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx(
-          SelectPrimitive.Viewport,
-          {
-            className: cn(
-              "p-1",
-              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-            ),
-            children
-          }
-        ),
-        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
-      ]
-    }
-  ) });
-};
-const SelectContentPopper = ({ className, children, position = "popper", ref, ...props }) => {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
-    SelectPrimitive.Content,
-    {
-      className: cn(
-        "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 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-gray-200 border-solid bg-white text-gray-950 shadow-100 data-[state=closed]:animate-out data-[state=open]:animate-in dark:border-gray-800 dark:bg-gray-950 dark:text-white",
-        position === "popper" && "data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1",
-        className
-      ),
-      position,
-      ref,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx(
-          SelectPrimitive.Viewport,
-          {
-            className: cn(
-              "p-1",
-              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-            ),
-            children
-          }
-        ),
-        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
-      ]
-    }
-  ) });
-};
-const SelectLabel = ({ className, ref, ...props }) => {
-  return /* @__PURE__ */ jsx(
-    SelectPrimitive.Label,
-    {
-      className: cn("py-1.5 pr-2 pl-8 font-semibold text-base", className),
-      ref,
-      ...props
-    }
-  );
-};
-const SelectItem = ({ className, children, hideCheck, ref, ...props }) => {
-  return /* @__PURE__ */ jsxs(
-    SelectPrimitive.Item,
-    {
-      className: cn(
-        "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-base outline-none focus:bg-gray-50 focus:text-gray-950 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-gray-900 dark:focus:text-white",
-        className
+      /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+    ]
+  }
+) });
+const SelectContentPopper = ({
+  className,
+  children,
+  position = "popper",
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+  SelectPrimitive.Content,
+  {
+    className: cn(
+      "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 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-gray-200 border-solid bg-white text-gray-950 shadow-100 data-[state=closed]:animate-out data-[state=open]:animate-in dark:border-gray-800 dark:bg-gray-950 dark:text-white",
+      position === "popper" && "data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1",
+      className
+    ),
+    position,
+    ref,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
       ),
-      ref,
-      ...props,
-      children: [
-        hideCheck ? null : /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
-        /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
-      ]
-    }
-  );
-};
-const SelectSeparator = ({ className, ref, ...props }) => {
-  return /* @__PURE__ */ jsx(
-    SelectPrimitive.Separator,
-    {
-      className: cn("-mx-1 my-1 h-px bg-gray-150 dark:bg-gray-800", className),
-      ref,
-      ...props
-    }
-  );
-};
+      /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+    ]
+  }
+) });
+const SelectLabel = ({ className, ref, ...props }) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Label,
+  {
+    className: cn("py-1.5 pr-2 pl-8 font-semibold text-base", className),
+    ref,
+    ...props
+  }
+);
+const SelectItem = ({
+  className,
+  children,
+  hideCheck,
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Item,
+  {
+    className: cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-base outline-none focus:bg-gray-50 focus:text-gray-950 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-gray-900 dark:focus:text-white",
+      className
+    ),
+    ref,
+    ...props,
+    children: [
+      hideCheck ? null : /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+    ]
+  }
+);
+const SelectSeparator = ({
+  className,
+  ref,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Separator,
+  {
+    className: cn("-mx-1 my-1 h-px bg-gray-150 dark:bg-gray-800", className),
+    ref,
+    ...props
+  }
+);
 export {
   Select,
   SelectContent,

package/dist/components/select.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/select.tsx"],
-  "sourcesContent": ["/**\n * @module Select\n *\n * Dropdown select menu for single value selection. Built on Radix UI Select primitive.\n * Includes keyboard navigation, typeahead, and customizable styling.\n *\n * @see {@link https://ui.shadcn.com/docs/components/select Shadcn Select}\n * @see {@link https://www.radix-ui.com/primitives/docs/components/select Radix Select}\n *\n * @example\n * // Basic select\n * <Select>\n *   <SelectTrigger className=\"w-48\">\n *     <SelectValue placeholder=\"Select option\" />\n *   </SelectTrigger>\n *   <SelectContent>\n *     <SelectItem value=\"a\">Option A</SelectItem>\n *     <SelectItem value=\"b\">Option B</SelectItem>\n *   </SelectContent>\n * </Select>\n *\n * @example\n * // Grouped options\n * <SelectContent>\n *   <SelectGroup>\n *     <SelectLabel>Fruits</SelectLabel>\n *     <SelectItem value=\"apple\">Apple</SelectItem>\n *     <SelectItem value=\"banana\">Banana</SelectItem>\n *   </SelectGroup>\n *   <SelectSeparator />\n *   <SelectGroup>\n *     <SelectLabel>Vegetables</SelectLabel>\n *     <SelectItem value=\"carrot\">Carrot</SelectItem>\n *   </SelectGroup>\n * </SelectContent>\n */\nimport { Check, ChevronDown, ChevronUp } from \"lucide-react\";\nimport { Select as SelectPrimitive } from \"radix-ui\";\nimport * as React from \"react\";\nimport type { Ref } from \"react\";\n\nimport { cn } from \"../lib/utils\";\n\n/** Root component that manages select state. */\nconst Select = SelectPrimitive.Root;\n\n/** Container for grouping related select items with a label. */\nconst SelectGroup = SelectPrimitive.Group;\n\n/** Displays the selected value or placeholder text. */\nconst SelectValue = SelectPrimitive.Value;\n\n/**\n * Button that opens the select dropdown.\n * @param icon - Custom dropdown icon (defaults to ChevronDown)\n */\ninterface SelectTriggerProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, \"ref\"> {\n  icon?: React.ReactNode;\n  ref?: Ref<React.ElementRef<typeof SelectPrimitive.Trigger>>;\n}\n\nconst SelectTrigger = ({ className, children, icon, ref, ...props }: SelectTriggerProps) => {\n  return (\n    <SelectPrimitive.Trigger\n      className={cn(\n        \"group flex h-8 w-full items-center justify-between gap-2 border border-gray-200 border-solid bg-white px-4 py-2 text-base focus-visible:ring-2 focus-visible:ring-[var(--focus-ring)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1\",\n        \"dark:border-gray-800 dark:bg-gray-950 dark:text-white dark:focus-visible:ring-0 dark:focus-visible:ring-offset-gray-700\",\n        className\n      )}\n      ref={ref}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        {icon ?? <ChevronDown className=\"h-5 w-5\" />}\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n};\n\ninterface SelectScrollUpButtonProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>, \"ref\"> {\n  ref?: Ref<React.ElementRef<typeof SelectPrimitive.ScrollUpButton>>;\n}\n\nconst SelectScrollUpButton = ({ className, ref, ...props }: SelectScrollUpButtonProps) => {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      className={cn(\n        \"flex cursor-default items-center justify-center py-1\",\n        className\n      )}\n      ref={ref}\n      {...props}\n    >\n      <ChevronUp className=\"h-5 w-5\" />\n    </SelectPrimitive.ScrollUpButton>\n  );\n};\n\ninterface SelectScrollDownButtonProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>, \"ref\"> {\n  ref?: Ref<React.ElementRef<typeof SelectPrimitive.ScrollDownButton>>;\n}\n\nconst SelectScrollDownButton = ({ className, ref, ...props }: SelectScrollDownButtonProps) => {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      className={cn(\n        \"flex cursor-default items-center justify-center py-1\",\n        className\n      )}\n      ref={ref}\n      {...props}\n    >\n      <ChevronDown className=\"h-4 w-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  );\n};\n\ninterface SelectContentProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>, \"ref\"> {\n  ref?: Ref<React.ElementRef<typeof SelectPrimitive.Content>>;\n}\n\nconst SelectContent = ({ className, children, position, ref, ...props }: SelectContentProps) => {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        className={cn(\n          \"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 relative z-50 max-h-96 min-w-[8rem] rounded-md border border-gray-200 border-solid bg-white text-gray-950 shadow-[0px_2px_4px_0px_rgba(0,_0,_0,_0.15)] data-[state=closed]:animate-out data-[state=open]:animate-in dark:border-gray-800 dark:bg-gray-950 dark:text-white\",\n          position === \"popper\" &&\n            \"data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1\",\n          className\n        )}\n        position={position}\n        ref={ref}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            \"p-1\",\n            position === \"popper\" &&\n              \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\"\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n};\n\ninterface SelectContentPopperProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>, \"ref\"> {\n  ref?: Ref<React.ElementRef<typeof SelectPrimitive.Content>>;\n}\n\nconst SelectContentPopper = ({ className, children, position = \"popper\", ref, ...props }: SelectContentPopperProps) => {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        className={cn(\n          \"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 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-gray-200 border-solid bg-white text-gray-950 shadow-100 data-[state=closed]:animate-out data-[state=open]:animate-in dark:border-gray-800 dark:bg-gray-950 dark:text-white\",\n          position === \"popper\" &&\n            \"data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1\",\n          className\n        )}\n        position={position}\n        ref={ref}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            \"p-1\",\n            position === \"popper\" &&\n              \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\"\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n};\n\ninterface SelectLabelProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>, \"ref\"> {\n  ref?: Ref<React.ElementRef<typeof SelectPrimitive.Label>>;\n}\n\nconst SelectLabel = ({ className, ref, ...props }: SelectLabelProps) => {\n  return (\n    <SelectPrimitive.Label\n      className={cn(\"py-1.5 pr-2 pl-8 font-semibold text-base\", className)}\n      ref={ref}\n      {...props}\n    />\n  );\n};\n\ninterface SelectItemProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>, \"ref\"> {\n  hideCheck?: boolean;\n  ref?: Ref<React.ElementRef<typeof SelectPrimitive.Item>>;\n}\n\nconst SelectItem = ({ className, children, hideCheck, ref, ...props }: SelectItemProps) => {\n  return (\n    <SelectPrimitive.Item\n      className={cn(\n        \"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-base outline-none focus:bg-gray-50 focus:text-gray-950 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-gray-900 dark:focus:text-white\",\n        className\n      )}\n      ref={ref}\n      {...props}\n    >\n      {hideCheck ? null : (\n        <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n          <SelectPrimitive.ItemIndicator>\n            <Check className=\"h-4 w-4\" />\n          </SelectPrimitive.ItemIndicator>\n        </span>\n      )}\n\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n};\n\ninterface SelectSeparatorProps\n  extends Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>, \"ref\"> {\n  ref?: Ref<React.ElementRef<typeof SelectPrimitive.Separator>>;\n}\n\nconst SelectSeparator = ({ className, ref, ...props }: SelectSeparatorProps) => {\n  return (\n    <SelectPrimitive.Separator\n      className={cn(\"-mx-1 my-1 h-px bg-gray-150 dark:bg-gray-800\", className)}\n      ref={ref}\n      {...props}\n    />\n  );\n};\n\nexport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectContentPopper,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n  SelectScrollUpButton,\n  SelectScrollDownButton,\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * @module Select\n *\n * Dropdown select menu for single value selection. Built on Radix UI Select primitive.\n * Includes keyboard navigation, typeahead, and customizable styling.\n *\n * @see {@link https://ui.shadcn.com/docs/components/select Shadcn Select}\n * @see {@link https://www.radix-ui.com/primitives/docs/components/select Radix Select}\n *\n * @example\n * // Basic select\n * <Select>\n *   <SelectTrigger className=\"w-48\">\n *     <SelectValue placeholder=\"Select option\" />\n *   </SelectTrigger>\n *   <SelectContent>\n *     <SelectItem value=\"a\">Option A</SelectItem>\n *     <SelectItem value=\"b\">Option B</SelectItem>\n *   </SelectContent>\n * </Select>\n *\n * @example\n * // Grouped options\n * <SelectContent>\n *   <SelectGroup>\n *     <SelectLabel>Fruits</SelectLabel>\n *     <SelectItem value=\"apple\">Apple</SelectItem>\n *     <SelectItem value=\"banana\">Banana</SelectItem>\n *   </SelectGroup>\n *   <SelectSeparator />\n *   <SelectGroup>\n *     <SelectLabel>Vegetables</SelectLabel>\n *     <SelectItem value=\"carrot\">Carrot</SelectItem>\n *   </SelectGroup>\n * </SelectContent>\n */\nimport { Check, ChevronDown, ChevronUp } from \"lucide-react\";\nimport { Select as SelectPrimitive } from \"radix-ui\";\nimport type * as React from \"react\";\nimport type { Ref } from \"react\";\n\nimport { cn } from \"../lib/utils\";\n\n/** Root component that manages select state. */\nconst Select = SelectPrimitive.Root;\n\n/** Container for grouping related select items with a label. */\nconst SelectGroup = SelectPrimitive.Group;\n\n/** Displays the selected value or placeholder text. */\nconst SelectValue = SelectPrimitive.Value;\n\n/**\n * Button that opens the select dropdown.\n * @param icon - Custom dropdown icon (defaults to ChevronDown)\n */\ninterface SelectTriggerProps\n  extends Omit<\n    React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>,\n    \"ref\"\n  > {\n  icon?: React.ReactNode;\n  ref?: Ref<React.ElementRef<typeof SelectPrimitive.Trigger>>;\n}\n\nconst SelectTrigger = ({\n  className,\n  children,\n  icon,\n  ref,\n  ...props\n}: SelectTriggerProps) => (\n  <SelectPrimitive.Trigger\n    className={cn(\n      \"group flex h-8 w-full items-center justify-between gap-2 border border-gray-200 border-solid bg-white px-4 py-2 text-base focus-visible:ring-2 focus-visible:ring-[var(--focus-ring)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1\",\n      \"dark:border-gray-800 dark:bg-gray-950 dark:text-white dark:focus-visible:ring-0 dark:focus-visible:ring-offset-gray-700\",\n      className\n    )}\n    ref={ref}\n    {...props}\n  >\n    {children}\n    <SelectPrimitive.Icon asChild>\n      {icon ?? <ChevronDown className=\"h-5 w-5\" />}\n    </SelectPrimitive.Icon>\n  </SelectPrimitive.Trigger>\n);\n\ninterface SelectScrollUpButtonProps\n  extends Omit<\n    React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>,\n    \"ref\"\n  > {\n  ref?: Ref<React.ElementRef<typeof SelectPrimitive.ScrollUpButton>>;\n}\n\nconst SelectScrollUpButton = ({\n  className,\n  ref,\n  ...props\n}: SelectScrollUpButtonProps) => (\n  <SelectPrimitive.ScrollUpButton\n    className={cn(\n      \"flex cursor-default items-center justify-center py-1\",\n      className\n    )}\n    ref={ref}\n    {...props}\n  >\n    <ChevronUp className=\"h-5 w-5\" />\n  </SelectPrimitive.ScrollUpButton>\n);\n\ninterface SelectScrollDownButtonProps\n  extends Omit<\n    React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>,\n    \"ref\"\n  > {\n  ref?: Ref<React.ElementRef<typeof SelectPrimitive.ScrollDownButton>>;\n}\n\nconst SelectScrollDownButton = ({\n  className,\n  ref,\n  ...props\n}: SelectScrollDownButtonProps) => (\n  <SelectPrimitive.ScrollDownButton\n    className={cn(\n      \"flex cursor-default items-center justify-center py-1\",\n      className\n    )}\n    ref={ref}\n    {...props}\n  >\n    <ChevronDown className=\"h-4 w-4\" />\n  </SelectPrimitive.ScrollDownButton>\n);\n\ninterface SelectContentProps\n  extends Omit<\n    React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>,\n    \"ref\"\n  > {\n  ref?: Ref<React.ElementRef<typeof SelectPrimitive.Content>>;\n}\n\nconst SelectContent = ({\n  className,\n  children,\n  position,\n  ref,\n  ...props\n}: SelectContentProps) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      className={cn(\n        \"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 relative z-50 max-h-96 min-w-[8rem] rounded-md border border-gray-200 border-solid bg-white text-gray-950 shadow-[0px_2px_4px_0px_rgba(0,_0,_0,_0.15)] data-[state=closed]:animate-out data-[state=open]:animate-in dark:border-gray-800 dark:bg-gray-950 dark:text-white\",\n        position === \"popper\" &&\n          \"data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1\",\n        className\n      )}\n      position={position}\n      ref={ref}\n      {...props}\n    >\n      <SelectScrollUpButton />\n      <SelectPrimitive.Viewport\n        className={cn(\n          \"p-1\",\n          position === \"popper\" &&\n            \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\"\n        )}\n      >\n        {children}\n      </SelectPrimitive.Viewport>\n      <SelectScrollDownButton />\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n);\n\ninterface SelectContentPopperProps\n  extends Omit<\n    React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>,\n    \"ref\"\n  > {\n  ref?: Ref<React.ElementRef<typeof SelectPrimitive.Content>>;\n}\n\nconst SelectContentPopper = ({\n  className,\n  children,\n  position = \"popper\",\n  ref,\n  ...props\n}: SelectContentPopperProps) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      className={cn(\n        \"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 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-gray-200 border-solid bg-white text-gray-950 shadow-100 data-[state=closed]:animate-out data-[state=open]:animate-in dark:border-gray-800 dark:bg-gray-950 dark:text-white\",\n        position === \"popper\" &&\n          \"data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1\",\n        className\n      )}\n      position={position}\n      ref={ref}\n      {...props}\n    >\n      <SelectScrollUpButton />\n      <SelectPrimitive.Viewport\n        className={cn(\n          \"p-1\",\n          position === \"popper\" &&\n            \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\"\n        )}\n      >\n        {children}\n      </SelectPrimitive.Viewport>\n      <SelectScrollDownButton />\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n);\n\ninterface SelectLabelProps\n  extends Omit<\n    React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>,\n    \"ref\"\n  > {\n  ref?: Ref<React.ElementRef<typeof SelectPrimitive.Label>>;\n}\n\nconst SelectLabel = ({ className, ref, ...props }: SelectLabelProps) => (\n  <SelectPrimitive.Label\n    className={cn(\"py-1.5 pr-2 pl-8 font-semibold text-base\", className)}\n    ref={ref}\n    {...props}\n  />\n);\n\ninterface SelectItemProps\n  extends Omit<\n    React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>,\n    \"ref\"\n  > {\n  hideCheck?: boolean;\n  ref?: Ref<React.ElementRef<typeof SelectPrimitive.Item>>;\n}\n\nconst SelectItem = ({\n  className,\n  children,\n  hideCheck,\n  ref,\n  ...props\n}: SelectItemProps) => (\n  <SelectPrimitive.Item\n    className={cn(\n      \"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-base outline-none focus:bg-gray-50 focus:text-gray-950 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-gray-900 dark:focus:text-white\",\n      className\n    )}\n    ref={ref}\n    {...props}\n  >\n    {hideCheck ? null : (\n      <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <Check className=\"h-4 w-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n    )}\n\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n  </SelectPrimitive.Item>\n);\n\ninterface SelectSeparatorProps\n  extends Omit<\n    React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>,\n    \"ref\"\n  > {\n  ref?: Ref<React.ElementRef<typeof SelectPrimitive.Separator>>;\n}\n\nconst SelectSeparator = ({\n  className,\n  ref,\n  ...props\n}: SelectSeparatorProps) => (\n  <SelectPrimitive.Separator\n    className={cn(\"-mx-1 my-1 h-px bg-gray-150 dark:bg-gray-800\", className)}\n    ref={ref}\n    {...props}\n  />\n);\n\nexport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectContentPopper,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n  SelectScrollUpButton,\n  SelectScrollDownButton,\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/separator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/separator.tsx"],
-  "sourcesContent": ["/**\n * @module Separator\n *\n * Visual divider for separating content. Built on Radix UI Separator primitive.\n *\n * @see {@link https://ui.shadcn.com/docs/components/separator Shadcn Separator}\n * @see {@link https://www.radix-ui.com/primitives/docs/components/separator Radix Separator}\n *\n * @example\n * // Horizontal separator\n * <Separator />\n *\n * @example\n * // Vertical separator\n * <Separator orientation=\"vertical\" className=\"h-4\" />\n *\n * @example\n * // Between sections\n * <div>Section 1</div>\n * <Separator className=\"my-4\" />\n * <div>Section 2</div>\n */\nimport { Separator as SeparatorPrimitive } from \"radix-ui\";\nimport type { Ref } from \"react\";\nimport { cn } from \"../lib/utils\";\n\n/**\n * Visual divider line, horizontal or vertical.\n * @param orientation - `\"horizontal\"` (default) or `\"vertical\"`\n * @param decorative - If true, removes from accessibility tree (default: true)\n */\ninterface SeparatorProps extends React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> {\n  ref?: Ref<React.ElementRef<typeof SeparatorPrimitive.Root>>;\n}\n\nconst Separator = ({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  ref,\n  ...props\n}: SeparatorProps) => (\n  <SeparatorPrimitive.Root\n    className={cn(\n      \"shrink-0 bg-gray-150 dark:bg-gray-800\",\n      orientation === \"horizontal\" ? \"h-px w-full\" : \"h-full w-px\",\n      className\n    )}\n    decorative={decorative}\n    orientation={orientation}\n    ref={ref}\n    {...props}\n  />\n);\n\nexport { Separator };\n"],
-  "mappings": "AA0CE;AApBF,SAAS,aAAa,0BAA0B;AAEhD,SAAS,UAAU;AAWnB,MAAM,YAAY,CAAC;AAAA,EACjB;AAAA,EACA,cAAc;AAAA,EACd,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC,mBAAmB;AAAA,EAAnB;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA,gBAAgB,eAAe,gBAAgB;AAAA,MAC/C;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACC,GAAG;AAAA;AACN;",
+  "sourcesContent": ["/**\n * @module Separator\n *\n * Visual divider for separating content. Built on Radix UI Separator primitive.\n *\n * @see {@link https://ui.shadcn.com/docs/components/separator Shadcn Separator}\n * @see {@link https://www.radix-ui.com/primitives/docs/components/separator Radix Separator}\n *\n * @example\n * // Horizontal separator\n * <Separator />\n *\n * @example\n * // Vertical separator\n * <Separator orientation=\"vertical\" className=\"h-4\" />\n *\n * @example\n * // Between sections\n * <div>Section 1</div>\n * <Separator className=\"my-4\" />\n * <div>Section 2</div>\n */\nimport { Separator as SeparatorPrimitive } from \"radix-ui\";\nimport type { Ref } from \"react\";\nimport { cn } from \"../lib/utils\";\n\n/**\n * Visual divider line, horizontal or vertical.\n * @param orientation - `\"horizontal\"` (default) or `\"vertical\"`\n * @param decorative - If true, removes from accessibility tree (default: true)\n */\ninterface SeparatorProps\n  extends React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> {\n  ref?: Ref<React.ElementRef<typeof SeparatorPrimitive.Root>>;\n}\n\nconst Separator = ({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  ref,\n  ...props\n}: SeparatorProps) => (\n  <SeparatorPrimitive.Root\n    className={cn(\n      \"shrink-0 bg-gray-150 dark:bg-gray-800\",\n      orientation === \"horizontal\" ? \"h-px w-full\" : \"h-full w-px\",\n      className\n    )}\n    decorative={decorative}\n    orientation={orientation}\n    ref={ref}\n    {...props}\n  />\n);\n\nexport { Separator };\n"],
+  "mappings": "AA2CE;AArBF,SAAS,aAAa,0BAA0B;AAEhD,SAAS,UAAU;AAYnB,MAAM,YAAY,CAAC;AAAA,EACjB;AAAA,EACA,cAAc;AAAA,EACd,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC,mBAAmB;AAAA,EAAnB;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA,gBAAgB,eAAe,gBAAgB;AAAA,MAC/C;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACC,GAAG;AAAA;AACN;",
   "names": []
 }

package/dist/components/skeleton.js

@@ -6,20 +6,18 @@ const Skeleton = ({
   items = 1,
   ref,
   ...props
-}) => {
-  return Array.from({ length: items }).map((_, i) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "animate-pulse rounded-md bg-gray-100 dark:bg-gray-900",
-        className
-      ),
-      ref,
-      ...props
-    },
-    i
-  ));
-};
+}) => Array.from({ length: items }).map((_, i) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "animate-pulse rounded-md bg-gray-100 dark:bg-gray-900",
+      className
+    ),
+    ref,
+    ...props
+  },
+  i
+));
 const SkeletonFragment = ({
   items = 1,
   children

package/dist/components/skeleton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/skeleton.tsx"],
-  "sourcesContent": ["/**\n * @module Skeleton\n *\n * Loading placeholder with pulse animation. Use to indicate content is loading.\n *\n * @example\n * // Single skeleton\n * <Skeleton className=\"h-4 w-48\" />\n *\n * @example\n * // Multiple skeletons\n * <Skeleton className=\"h-4 w-full\" items={3} />\n *\n * @example\n * // Complex loading state with SkeletonFragment\n * <SkeletonFragment items={3}>\n *   <div className=\"flex gap-2\">\n *     <Skeleton className=\"h-12 w-12 rounded-full\" />\n *     <div className=\"space-y-2\">\n *       <Skeleton className=\"h-4 w-32\" />\n *       <Skeleton className=\"h-4 w-24\" />\n *     </div>\n *   </div>\n * </SkeletonFragment>\n */\nimport type { ReactNode } from \"react\";\nimport { Fragment } from \"react\";\nimport { cn } from \"../lib/utils\";\n\n/**\n * Animated loading placeholder.\n * @param items - Number of skeleton elements to render (default: 1)\n */\nconst Skeleton = ({\n  className,\n  items = 1,\n  ref,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { items?: number; ref?: React.Ref<HTMLDivElement> }) => {\n  return Array.from({ length: items }).map((_, i) => (\n    <div\n      className={cn(\n        \"animate-pulse rounded-md bg-gray-100 dark:bg-gray-900\",\n        className\n      )}\n      key={i}\n      ref={ref}\n      {...props}\n    />\n  ));\n};\n\n/**\n * Repeats children multiple times for complex loading layouts.\n * @param items - Number of times to repeat children (default: 1)\n */\nconst SkeletonFragment = ({\n  items = 1,\n  children,\n}: {\n  items?: number;\n  children?: ReactNode;\n}) =>\n  Array.from({ length: items }).map((_, i) => (\n    <Fragment key={i}>{children}</Fragment>\n  ));\n\nexport { Skeleton, SkeletonFragment };\n"],
-  "mappings": "AAwCI;AAdJ,SAAS,gBAAgB;AACzB,SAAS,UAAU;AAMnB,MAAM,WAAW,CAAC;AAAA,EAChB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,MAAkG;AAChG,SAAO,MAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,EAAE,IAAI,CAAC,GAAG,MAC3C;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA,MACC,GAAG;AAAA;AAAA,IAFC;AAAA,EAGP,CACD;AACH;AAMA,MAAM,mBAAmB,CAAC;AAAA,EACxB,QAAQ;AAAA,EACR;AACF,MAIE,MAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,EAAE,IAAI,CAAC,GAAG,MACpC,oBAAC,YAAkB,YAAJ,CAAa,CAC7B;",
+  "sourcesContent": ["/**\n * @module Skeleton\n *\n * Loading placeholder with pulse animation. Use to indicate content is loading.\n *\n * @example\n * // Single skeleton\n * <Skeleton className=\"h-4 w-48\" />\n *\n * @example\n * // Multiple skeletons\n * <Skeleton className=\"h-4 w-full\" items={3} />\n *\n * @example\n * // Complex loading state with SkeletonFragment\n * <SkeletonFragment items={3}>\n *   <div className=\"flex gap-2\">\n *     <Skeleton className=\"h-12 w-12 rounded-full\" />\n *     <div className=\"space-y-2\">\n *       <Skeleton className=\"h-4 w-32\" />\n *       <Skeleton className=\"h-4 w-24\" />\n *     </div>\n *   </div>\n * </SkeletonFragment>\n */\nimport type { ReactNode } from \"react\";\nimport { Fragment } from \"react\";\nimport { cn } from \"../lib/utils\";\n\n/**\n * Animated loading placeholder.\n * @param items - Number of skeleton elements to render (default: 1)\n */\nconst Skeleton = ({\n  className,\n  items = 1,\n  ref,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & {\n  items?: number;\n  ref?: React.Ref<HTMLDivElement>;\n}) =>\n  Array.from({ length: items }).map((_, i) => (\n    <div\n      className={cn(\n        \"animate-pulse rounded-md bg-gray-100 dark:bg-gray-900\",\n        className\n      )}\n      key={i}\n      ref={ref}\n      {...props}\n    />\n  ));\n\n/**\n * Repeats children multiple times for complex loading layouts.\n * @param items - Number of times to repeat children (default: 1)\n */\nconst SkeletonFragment = ({\n  items = 1,\n  children,\n}: {\n  items?: number;\n  children?: ReactNode;\n}) =>\n  Array.from({ length: items }).map((_, i) => (\n    <Fragment key={i}>{children}</Fragment>\n  ));\n\nexport { Skeleton, SkeletonFragment };\n"],
+  "mappings": "AA2CI;AAjBJ,SAAS,gBAAgB;AACzB,SAAS,UAAU;AAMnB,MAAM,WAAW,CAAC;AAAA,EAChB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,MAIE,MAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,EAAE,IAAI,CAAC,GAAG,MACpC;AAAA,EAAC;AAAA;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IAEA;AAAA,IACC,GAAG;AAAA;AAAA,EAFC;AAGP,CACD;AAMH,MAAM,mBAAmB,CAAC;AAAA,EACxB,QAAQ;AAAA,EACR;AACF,MAIE,MAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,EAAE,IAAI,CAAC,GAAG,MACpC,oBAAC,YAAkB,YAAJ,CAAa,CAC7B;",
   "names": []
 }

package/dist/components/stacking-card.js

@@ -191,7 +191,7 @@ function StackingCard({
     if (selectable) {
       return "button";
     }
-    return void 0;
+    return;
   };
   const cardRole = computeRole();
   const combinedRef = React.useCallback(