@incognia/cosmik 1.0.0-beta.9 → 1.0.0

package/dist/index23.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index23.cjs","sources":["../src/Select/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SelectPrimitive from '@radix-ui/react-select'\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Select({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\n}\n\nfunction SelectValue({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: 'sm' | 'default'\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      className={cn(\n        \"border border-gray-900/24 data-[placeholder]:text-gray-700 [&_svg:not([class*='text-'])]:text-gray-700\",\n        'focus-visible:outline-none focus:shadow-field-active',\n        'flex h-[36px] w-full items-center justify-between rounded bg-white pl-16 pr-12 text-left whitespace-nowrap transition-[color,box-shadow]',\n        'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n        '*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-8',\n        \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n        'hover:shadow-field-hover',\n        'active:shadow-field-active',\n        'data-[state=open]:shadow-field-active',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-16 opacity-64 shrink-0\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = 'popper',\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          'bg-white',\n          'data-[state=open]:animate-in data-[state=closed]:animate-out 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 data-[side=bottom]:slide-in-from-top-2',\n          'data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n          'relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded border shadow-200',\n          position === 'popper' &&\n            'data-[side=bottom]:translate-y-4 data-[side=left]:-translate-x-4 data-[side=right]:translate-x-4 data-[side=top]:-translate-y-4',\n          className\n        )}\n        position={position}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            position === 'popper' &&\n              'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-4'\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn('px-16 py-8 pr-8 font-medium', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        'relative flex w-full cursor-default items-center gap-8 py-8 px-16 outline-none select-none',\n        'hover:bg-gray-200',\n        'data-[disabled]:pointer-events-none data-[disabled]:opacity-64 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n        'data-[state=checked]:bg-purple-800 data-[state=checked]:text-white hover:data-[state=checked]:bg-purple-800',\n        \"[&_svg:not([class*='size-'])]:size-16 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-8\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-8 flex size-16 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-16\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\n        'bg-gray-900/24 pointer-events-none -mx-4 my-4 h-px',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        'flex cursor-default items-center justify-center py-4',\n        className\n      )}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-16\" />\n    </SelectPrimitive.ScrollUpButton>\n  )\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        'flex cursor-default items-center justify-center py-4',\n        className\n      )}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-16\" />\n    </SelectPrimitive.ScrollDownButton>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue\n}\n"],"names":["Select","props","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","className","children","jsxs","cn","jsx","ChevronDownIcon","SelectContent","position","SelectScrollUpButton","SelectScrollDownButton","SelectLabel","SelectItem","CheckIcon","SelectSeparator","ChevronUpIcon"],"mappings":"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"}
+{"version":3,"file":"index23.cjs","sources":["../src/Select/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SelectPrimitive from '@radix-ui/react-select'\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Select({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\n}\n\nfunction SelectValue({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: 'sm' | 'default'\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      className={cn(\n        \"border border-gray-900/24 data-[placeholder]:text-gray-700 [&_svg:not([class*='text-'])]:text-gray-700\",\n        'focus-visible:outline-none focus:shadow-field-active',\n        'flex h-[36px] w-full items-center justify-between rounded bg-white pl-16 pr-12 text-left whitespace-nowrap transition-[color,box-shadow]',\n        'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n        '*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-8',\n        \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n        'hover:shadow-field-hover',\n        'active:shadow-field-active',\n        'data-[state=open]:shadow-field-active',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-16 opacity-64 shrink-0 ml-4\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = 'popper',\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          'bg-white',\n          'data-[state=open]:animate-in data-[state=closed]:animate-out 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 data-[side=bottom]:slide-in-from-top-2',\n          'data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n          'relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded border shadow-200',\n          position === 'popper' &&\n            'data-[side=bottom]:translate-y-4 data-[side=left]:-translate-x-4 data-[side=right]:translate-x-4 data-[side=top]:-translate-y-4',\n          className\n        )}\n        position={position}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            position === 'popper' &&\n              'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-4'\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn('px-16 py-8 pr-8 font-medium', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        'relative flex w-full cursor-default items-center gap-8 py-8 pl-16 pr-32 outline-none select-none',\n        'hover:bg-gray-200',\n        'data-[disabled]:pointer-events-none data-[disabled]:opacity-64 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n        'data-[state=checked]:bg-purple-800 data-[state=checked]:text-white hover:data-[state=checked]:bg-purple-800',\n        \"[&_svg:not([class*='size-'])]:size-16 *:[span]:last:flex *:[span]:last:flex-col *:[span]:last:gap-8\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-8 top-8 flex size-16 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-16\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\n        'bg-gray-900/24 pointer-events-none -mx-4 my-4 h-px',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        'flex cursor-default items-center justify-center py-4',\n        className\n      )}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-16\" />\n    </SelectPrimitive.ScrollUpButton>\n  )\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        'flex cursor-default items-center justify-center py-4',\n        className\n      )}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-16\" />\n    </SelectPrimitive.ScrollDownButton>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue\n}\n"],"names":["Select","props","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","className","children","jsxs","cn","jsx","ChevronDownIcon","SelectContent","position","SelectScrollUpButton","SelectScrollDownButton","SelectLabel","SelectItem","CheckIcon","SelectSeparator","ChevronUpIcon"],"mappings":"oeAOA,SAASA,EAAO,CACd,GAAGC,CACL,EAAsD,CACpD,+BAAQC,EAAgB,KAAhB,CAAqB,YAAU,SAAU,GAAGD,EAAO,CAC7D,CAEA,SAASE,EAAY,CACnB,GAAGF,CACL,EAAuD,CACrD,+BAAQC,EAAgB,MAAhB,CAAsB,YAAU,eAAgB,GAAGD,EAAO,CACpE,CAEA,SAASG,EAAY,CACnB,GAAGH,CACL,EAAuD,CACrD,+BAAQC,EAAgB,MAAhB,CAAsB,YAAU,eAAgB,GAAGD,EAAO,CACpE,CAEA,SAASI,EAAc,CACrB,UAAAC,EACA,SAAAC,EACA,GAAGN,CACL,EAEG,CACD,OACEO,EAAAA,kBAAAA,KAACN,EAAgB,QAAhB,CACC,YAAU,iBACV,UAAWO,EAAAA,GACT,yGACA,uDACA,2IACA,uEACA,mJACA,qFACA,2BACA,6BACA,wCACAH,CAAA,EAED,GAAGL,EAEH,SAAA,CAAAM,EACDG,EAAAA,kBAAAA,IAACR,EAAgB,KAAhB,CAAqB,QAAO,GAC3B,SAAAQ,EAAAA,kBAAAA,IAACC,EAAAA,gBAAA,CAAgB,UAAU,kCAAA,CAAmC,CAAA,CAChE,CAAA,CAAA,CAAA,CAGN,CAEA,SAASC,EAAc,CACrB,UAAAN,EACA,SAAAC,EACA,SAAAM,EAAW,SACX,GAAGZ,CACL,EAAyD,CACvD,OACES,EAAAA,kBAAAA,IAACR,EAAgB,OAAhB,CACC,SAAAM,EAAAA,kBAAAA,KAACN,EAAgB,QAAhB,CACC,YAAU,iBACV,UAAWO,EAAAA,GACT,WACA,0HACA,sGACA,uHACA,0LACAI,IAAa,UACX,kIACFP,CAAA,EAEF,SAAAO,EACC,GAAGZ,EAEJ,SAAA,CAAAS,EAAAA,kBAAAA,IAACI,EAAA,EAAqB,EACtBJ,EAAAA,kBAAAA,IAACR,EAAgB,SAAhB,CACC,UAAWO,EAAAA,GACTI,IAAa,UACX,qGAAA,EAGH,SAAAN,CAAA,CAAA,0BAEFQ,EAAA,CAAA,CAAuB,CAAA,CAAA,CAAA,EAE5B,CAEJ,CAEA,SAASC,EAAY,CACnB,UAAAV,EACA,GAAGL,CACL,EAAuD,CACrD,OACES,EAAAA,kBAAAA,IAACR,EAAgB,MAAhB,CACC,YAAU,eACV,UAAWO,EAAAA,GAAG,8BAA+BH,CAAS,EACrD,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASgB,EAAW,CAClB,UAAAX,EACA,SAAAC,EACA,GAAGN,CACL,EAAsD,CACpD,OACEO,EAAAA,kBAAAA,KAACN,EAAgB,KAAhB,CACC,YAAU,cACV,UAAWO,EAAAA,GACT,mGACA,oBACA,8GACA,8GACA,sGACAH,CAAA,EAED,GAAGL,EAEJ,SAAA,CAAAS,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,kEACd,SAAAA,EAAAA,kBAAAA,IAACR,EAAgB,cAAhB,CACC,SAAAQ,EAAAA,kBAAAA,IAACQ,YAAA,CAAU,UAAU,SAAA,CAAU,CAAA,CACjC,EACF,EACAR,EAAAA,kBAAAA,IAACR,EAAgB,SAAhB,CAA0B,SAAAK,CAAA,CAAS,CAAA,CAAA,CAAA,CAG1C,CAEA,SAASY,EAAgB,CACvB,UAAAb,EACA,GAAGL,CACL,EAA2D,CACzD,OACES,EAAAA,kBAAAA,IAACR,EAAgB,UAAhB,CACC,YAAU,mBACV,UAAWO,EAAAA,GACT,qDACAH,CAAA,EAED,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASa,EAAqB,CAC5B,UAAAR,EACA,GAAGL,CACL,EAAgE,CAC9D,OACES,EAAAA,kBAAAA,IAACR,EAAgB,eAAhB,CACC,YAAU,0BACV,UAAWO,EAAAA,GACT,uDACAH,CAAA,EAED,GAAGL,EAEJ,SAAAS,EAAAA,kBAAAA,IAACU,EAAAA,cAAA,CAAc,UAAU,SAAA,CAAU,CAAA,CAAA,CAGzC,CAEA,SAASL,EAAuB,CAC9B,UAAAT,EACA,GAAGL,CACL,EAAkE,CAChE,OACES,EAAAA,kBAAAA,IAACR,EAAgB,iBAAhB,CACC,YAAU,4BACV,UAAWO,EAAAA,GACT,uDACAH,CAAA,EAED,GAAGL,EAEJ,SAAAS,EAAAA,kBAAAA,IAACC,EAAAA,gBAAA,CAAgB,UAAU,SAAA,CAAU,CAAA,CAAA,CAG3C"}

package/dist/index23.js

@@ -2,7 +2,7 @@ import { j as e } from "./index37.js";
 import * as a from "@radix-ui/react-select";
 import { CheckIcon as i, ChevronDownIcon as r, ChevronUpIcon as c } from "lucide-react";
 import { cn as l } from "./index39.js";
-function f({
+function x({
   ...t
 }) {
   return /* @__PURE__ */ e.jsx(a.Root, { "data-slot": "select", ...t });
@@ -41,7 +41,7 @@ function v({
       ...o,
       children: [
         s,
-        /* @__PURE__ */ e.jsx(a.Icon, { asChild: !0, children: /* @__PURE__ */ e.jsx(r, { className: "size-16 opacity-64 shrink-0" }) })
+        /* @__PURE__ */ e.jsx(a.Icon, { asChild: !0, children: /* @__PURE__ */ e.jsx(r, { className: "size-16 opacity-64 shrink-0 ml-4" }) })
       ]
     }
   );
@@ -106,16 +106,16 @@ function w({
     {
       "data-slot": "select-item",
       className: l(
-        "relative flex w-full cursor-default items-center gap-8 py-8 px-16 outline-none select-none",
+        "relative flex w-full cursor-default items-center gap-8 py-8 pl-16 pr-32 outline-none select-none",
         "hover:bg-gray-200",
         "data-[disabled]:pointer-events-none data-[disabled]:opacity-64 [&_svg]:pointer-events-none [&_svg]:shrink-0",
         "data-[state=checked]:bg-purple-800 data-[state=checked]:text-white hover:data-[state=checked]:bg-purple-800",
-        "[&_svg:not([class*='size-'])]:size-16 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-8",
+        "[&_svg:not([class*='size-'])]:size-16 *:[span]:last:flex *:[span]:last:flex-col *:[span]:last:gap-8",
         t
       ),
       ...o,
       children: [
-        /* @__PURE__ */ e.jsx("span", { className: "absolute right-8 flex size-16 items-center justify-center", children: /* @__PURE__ */ e.jsx(a.ItemIndicator, { children: /* @__PURE__ */ e.jsx(i, { className: "size-16" }) }) }),
+        /* @__PURE__ */ e.jsx("span", { className: "absolute right-8 top-8 flex size-16 items-center justify-center", children: /* @__PURE__ */ e.jsx(a.ItemIndicator, { children: /* @__PURE__ */ e.jsx(i, { className: "size-16" }) }) }),
         /* @__PURE__ */ e.jsx(a.ItemText, { children: s })
       ]
     }
@@ -172,7 +172,7 @@ function u({
   );
 }
 export {
-  f as Select,
+  x as Select,
   j as SelectContent,
   h as SelectGroup,
   w as SelectItem,

package/dist/index23.js.map

@@ -1 +1 @@
-{"version":3,"file":"index23.js","sources":["../src/Select/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SelectPrimitive from '@radix-ui/react-select'\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Select({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\n}\n\nfunction SelectValue({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: 'sm' | 'default'\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      className={cn(\n        \"border border-gray-900/24 data-[placeholder]:text-gray-700 [&_svg:not([class*='text-'])]:text-gray-700\",\n        'focus-visible:outline-none focus:shadow-field-active',\n        'flex h-[36px] w-full items-center justify-between rounded bg-white pl-16 pr-12 text-left whitespace-nowrap transition-[color,box-shadow]',\n        'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n        '*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-8',\n        \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n        'hover:shadow-field-hover',\n        'active:shadow-field-active',\n        'data-[state=open]:shadow-field-active',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-16 opacity-64 shrink-0\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = 'popper',\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          'bg-white',\n          'data-[state=open]:animate-in data-[state=closed]:animate-out 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 data-[side=bottom]:slide-in-from-top-2',\n          'data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n          'relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded border shadow-200',\n          position === 'popper' &&\n            'data-[side=bottom]:translate-y-4 data-[side=left]:-translate-x-4 data-[side=right]:translate-x-4 data-[side=top]:-translate-y-4',\n          className\n        )}\n        position={position}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            position === 'popper' &&\n              'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-4'\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn('px-16 py-8 pr-8 font-medium', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        'relative flex w-full cursor-default items-center gap-8 py-8 px-16 outline-none select-none',\n        'hover:bg-gray-200',\n        'data-[disabled]:pointer-events-none data-[disabled]:opacity-64 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n        'data-[state=checked]:bg-purple-800 data-[state=checked]:text-white hover:data-[state=checked]:bg-purple-800',\n        \"[&_svg:not([class*='size-'])]:size-16 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-8\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-8 flex size-16 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-16\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\n        'bg-gray-900/24 pointer-events-none -mx-4 my-4 h-px',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        'flex cursor-default items-center justify-center py-4',\n        className\n      )}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-16\" />\n    </SelectPrimitive.ScrollUpButton>\n  )\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        'flex cursor-default items-center justify-center py-4',\n        className\n      )}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-16\" />\n    </SelectPrimitive.ScrollDownButton>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue\n}\n"],"names":["Select","props","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","className","children","jsxs","cn","jsx","ChevronDownIcon","SelectContent","position","SelectScrollUpButton","SelectScrollDownButton","SelectLabel","SelectItem","CheckIcon","SelectSeparator","ChevronUpIcon"],"mappings":"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"}
+{"version":3,"file":"index23.js","sources":["../src/Select/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SelectPrimitive from '@radix-ui/react-select'\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Select({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\n}\n\nfunction SelectValue({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: 'sm' | 'default'\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      className={cn(\n        \"border border-gray-900/24 data-[placeholder]:text-gray-700 [&_svg:not([class*='text-'])]:text-gray-700\",\n        'focus-visible:outline-none focus:shadow-field-active',\n        'flex h-[36px] w-full items-center justify-between rounded bg-white pl-16 pr-12 text-left whitespace-nowrap transition-[color,box-shadow]',\n        'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n        '*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-8',\n        \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n        'hover:shadow-field-hover',\n        'active:shadow-field-active',\n        'data-[state=open]:shadow-field-active',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-16 opacity-64 shrink-0 ml-4\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = 'popper',\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          'bg-white',\n          'data-[state=open]:animate-in data-[state=closed]:animate-out 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 data-[side=bottom]:slide-in-from-top-2',\n          'data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n          'relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded border shadow-200',\n          position === 'popper' &&\n            'data-[side=bottom]:translate-y-4 data-[side=left]:-translate-x-4 data-[side=right]:translate-x-4 data-[side=top]:-translate-y-4',\n          className\n        )}\n        position={position}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            position === 'popper' &&\n              'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-4'\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn('px-16 py-8 pr-8 font-medium', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        'relative flex w-full cursor-default items-center gap-8 py-8 pl-16 pr-32 outline-none select-none',\n        'hover:bg-gray-200',\n        'data-[disabled]:pointer-events-none data-[disabled]:opacity-64 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n        'data-[state=checked]:bg-purple-800 data-[state=checked]:text-white hover:data-[state=checked]:bg-purple-800',\n        \"[&_svg:not([class*='size-'])]:size-16 *:[span]:last:flex *:[span]:last:flex-col *:[span]:last:gap-8\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-8 top-8 flex size-16 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-16\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\n        'bg-gray-900/24 pointer-events-none -mx-4 my-4 h-px',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        'flex cursor-default items-center justify-center py-4',\n        className\n      )}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-16\" />\n    </SelectPrimitive.ScrollUpButton>\n  )\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        'flex cursor-default items-center justify-center py-4',\n        className\n      )}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-16\" />\n    </SelectPrimitive.ScrollDownButton>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue\n}\n"],"names":["Select","props","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","className","children","jsxs","cn","jsx","ChevronDownIcon","SelectContent","position","SelectScrollUpButton","SelectScrollDownButton","SelectLabel","SelectItem","CheckIcon","SelectSeparator","ChevronUpIcon"],"mappings":"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"}

package/dist/index24.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index37.cjs"),n=require("@radix-ui/react-separator"),i=require("./index39.cjs");function l(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,a.get?a:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const u=l(n);function c({className:t,orientation:r="horizontal",decorative:e=!0,...a}){return o.jsxRuntimeExports.jsx(u.Root,{"data-slot":"separator",decorative:e,orientation:r,className:i.cn("bg-gray-900/24 shrink-0","data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full","data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",t),...a})}exports.Separator=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index37.cjs"),n=require("@radix-ui/react-separator"),i=require("./index39.cjs");function u(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,a.get?a:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const c=u(n);function s({className:t,orientation:r="horizontal",decorative:e=!0,...a}){return o.jsxRuntimeExports.jsx(c.Root,{"data-slot":"separator",decorative:e,orientation:r,className:i.cn("bg-gray-900/24 shrink-0","data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-auto","data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-px",t),...a})}exports.Separator=s;
 //# sourceMappingURL=index24.cjs.map

package/dist/index24.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index24.cjs","sources":["../src/Separator/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Separator({\n  className,\n  orientation = 'horizontal',\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        'bg-gray-900/24 shrink-0',\n        'data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full',\n        'data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Separator }\n"],"names":["Separator","className","orientation","decorative","props","jsx","SeparatorPrimitive","cn"],"mappings":"6cAMA,SAASA,EAAU,CACjB,UAAAC,EACA,YAAAC,EAAc,aACd,WAAAC,EAAa,GACb,GAAGC,CACL,EAAyD,CACvD,OACEC,EAAAA,kBAAAA,IAACC,EAAmB,KAAnB,CACC,YAAU,YACV,WAAAH,EACA,YAAAD,EACA,UAAWK,EAAAA,GACT,0BACA,0EACA,sEACAN,CAAA,EAED,GAAGG,CAAA,CAAA,CAGV"}
+{"version":3,"file":"index24.cjs","sources":["../src/Separator/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Separator({\n  className,\n  orientation = 'horizontal',\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        'bg-gray-900/24 shrink-0',\n        'data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-auto',\n        'data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-px',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Separator }\n"],"names":["Separator","className","orientation","decorative","props","jsx","SeparatorPrimitive","cn"],"mappings":"6cAMA,SAASA,EAAU,CACjB,UAAAC,EACA,YAAAC,EAAc,aACd,WAAAC,EAAa,GACb,GAAGC,CACL,EAAyD,CACvD,OACEC,EAAAA,kBAAAA,IAACC,EAAmB,KAAnB,CACC,YAAU,YACV,WAAAH,EACA,YAAAD,EACA,UAAWK,EAAAA,GACT,0BACA,0EACA,sEACAN,CAAA,EAED,GAAGG,CAAA,CAAA,CAGV"}

package/dist/index24.js

@@ -1,7 +1,7 @@
 import { j as i } from "./index37.js";
 import * as n from "@radix-ui/react-separator";
 import { cn as e } from "./index39.js";
-function s({
+function m({
   className: t,
   orientation: a = "horizontal",
   decorative: o = !0,
@@ -15,8 +15,8 @@ function s({
       orientation: a,
       className: e(
         "bg-gray-900/24 shrink-0",
-        "data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full",
-        "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        "data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-auto",
+        "data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-px",
         t
       ),
       ...r
@@ -24,6 +24,6 @@ function s({
   );
 }
 export {
-  s as Separator
+  m as Separator
 };
 //# sourceMappingURL=index24.js.map

package/dist/index24.js.map

@@ -1 +1 @@
-{"version":3,"file":"index24.js","sources":["../src/Separator/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Separator({\n  className,\n  orientation = 'horizontal',\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        'bg-gray-900/24 shrink-0',\n        'data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full',\n        'data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Separator }\n"],"names":["Separator","className","orientation","decorative","props","jsx","SeparatorPrimitive","cn"],"mappings":";;;AAMA,SAASA,EAAU;AAAA,EACjB,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,GAAGC;AACL,GAAyD;AACvD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,YAAAH;AAAA,MACA,aAAAD;AAAA,MACA,WAAWK;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAN;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"index24.js","sources":["../src/Separator/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Separator({\n  className,\n  orientation = 'horizontal',\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        'bg-gray-900/24 shrink-0',\n        'data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-auto',\n        'data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-px',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Separator }\n"],"names":["Separator","className","orientation","decorative","props","jsx","SeparatorPrimitive","cn"],"mappings":";;;AAMA,SAASA,EAAU;AAAA,EACjB,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,GAAGC;AACL,GAAyD;AACvD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,YAAAH;AAAA,MACA,aAAAD;AAAA,MACA,WAAWK;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAN;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/index31.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index37.cjs"),y=require("lucide-react"),R=require("react"),b=require("./index5.cjs"),w=require("./index6.cjs"),E=require("./index39.cjs");function N(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,n.get?n:{enumerable:!0,get:()=>t[i]})}}return e.default=t,Object.freeze(e)}const x=N(R);function f({className:t,value:e,placeholder:i,onValueChange:n,...l}){const[r,o]=x.useState(""),d=x.useRef(null);function m(c){const a=c.target.value;if(a.includes(",")){const h=a.split(","),g=Array.from(new Set(h));n([...e||[],...g.filter(u=>!!u&&!e?.includes(u)).map(u=>u.trim())||[]]),o("");return}o(a)}function j(c){["Enter","Tab"].includes(c.key)&&r?.trim()&&(c.preventDefault(),e?.includes(r)||p(),o("")),c.key==="Backspace"&&!r&&n(e?.slice(0,-1)||[])}function p(){r.trim()&&(n([...e||[],r]),o(""))}return s.jsxRuntimeExports.jsxs("div",{className:E.cn("flex flex-wrap items-center gap-8 min-h-[36px]","border rounded border-gray-900/24 bg-white px-12 py-4","hover:cursor-text","hover:shadow-field-hover","active:shadow-field-active","focus-visible:outline-none focus:shadow-field-active",t),onClick:()=>d.current?.focus(),...l,children:[s.jsxRuntimeExports.jsx(k,{value:e,onValueChange:n}),s.jsxRuntimeExports.jsx("input",{ref:d,className:"h-[26px] outline-none text-sm",type:"text",value:r,onChange:m,onKeyDown:j,style:{width:`${r.length+1}ch`},onBlur:()=>p()}),e?.length===0&&!r&&s.jsxRuntimeExports.jsx("div",{className:"text-gray-400 ml-[-2ch]",children:i})]})}f.displayName="TagInput";function k({value:t,onValueChange:e}){return s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:t?.map((i,n)=>s.jsxRuntimeExports.jsxs(b.Badge,{className:"pl-0 gap-x-4 overflow-hidden",children:[s.jsxRuntimeExports.jsx(w.Button,{type:"button",className:"w-[26px] h-[26px] shrink-0",size:"icon",intent:"secondary",onClick:()=>{e(t?.filter((l,r)=>r!==n)||[])},children:s.jsxRuntimeExports.jsx(y.LucideX,{className:"w-16"})}),s.jsxRuntimeExports.jsx("div",{className:"truncate",children:i})]},n))})}exports.TagInput=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index37.cjs"),y=require("lucide-react"),R=require("react"),b=require("./index5.cjs"),w=require("./index6.cjs"),E=require("./index39.cjs");function N(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,n.get?n:{enumerable:!0,get:()=>t[i]})}}return e.default=t,Object.freeze(e)}const d=N(R);function f({className:t,value:e,placeholder:i,onValueChange:n,...l}){const[r,o]=d.useState(""),p=d.useRef(null);function m(c){const a=c.target.value;if(a.includes(",")){const h=a.split(","),g=Array.from(new Set(h));n([...e||[],...g.filter(u=>!!u&&!e?.includes(u)).map(u=>u.trim())||[]]),o("");return}o(a)}function j(c){["Enter","Tab"].includes(c.key)&&r?.trim()&&(c.preventDefault(),e?.includes(r)||x(),o("")),c.key==="Backspace"&&!r&&n(e?.slice(0,-1)||[])}function x(){r.trim()&&(n([...e||[],r]),o(""))}return s.jsxRuntimeExports.jsxs("div",{className:E.cn("flex flex-wrap items-center gap-8 min-h-[36px]","border rounded border-gray-900/24 bg-white px-12 py-4","hover:cursor-text","hover:shadow-field-hover","active:shadow-field-active","focus-visible:outline-none focus:shadow-field-active",t),onClick:()=>p.current?.focus(),...l,children:[s.jsxRuntimeExports.jsx(k,{value:e,onValueChange:n}),s.jsxRuntimeExports.jsx("input",{ref:p,className:"h-[26px] outline-none text-sm",type:"text",value:r,onChange:m,onKeyDown:j,style:{width:`${r.length+1}ch`},onBlur:()=>x()}),e?.length===0&&!r&&s.jsxRuntimeExports.jsx("div",{className:"text-gray-400 ml-[-2ch]",children:i})]})}f.displayName="TagInput";function k({value:t,onValueChange:e}){return s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:t?.map((i,n)=>s.jsxRuntimeExports.jsxs(b.Badge,{className:"px-0 pr-8 pl-0 gap-x-4 overflow-hidden",children:[s.jsxRuntimeExports.jsx(w.Button,{type:"button",className:"w-[26px] h-[26px] shrink-0",size:"icon",intent:"secondary",onClick:()=>{e(t?.filter((l,r)=>r!==n)||[])},children:s.jsxRuntimeExports.jsx(y.LucideX,{className:"w-16"})}),s.jsxRuntimeExports.jsx("div",{className:"truncate",children:i})]},n))})}exports.TagInput=f;
 //# sourceMappingURL=index31.cjs.map

package/dist/index31.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index31.cjs","sources":["../src/TagInput/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport * as React from 'react'\nimport { Badge } from '../Badge'\nimport { Button } from '../Button'\nimport { cn } from '../lib/utils'\n\nexport type TagInputProps = React.HTMLAttributes<HTMLInputElement> & {\n  value?: string[]\n  onValueChange: (value: string[]) => void\n  placeholder?: string\n}\n\nfunction TagInput({\n  className,\n  value,\n  placeholder,\n  onValueChange,\n  ...props\n}: TagInputProps) {\n  const [inputValue, setInputValue] = React.useState('')\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n    const currentInputValue = event.target.value\n    if (currentInputValue.includes(',')) {\n      const currentValues = currentInputValue.split(',')\n      //Remove duplicates\n      const uniqueValues = Array.from(new Set(currentValues))\n\n      onValueChange([\n        ...(value || []),\n        ...(uniqueValues\n          .filter(inputValue => {\n            //Remove empty values and already added values\n            return Boolean(inputValue) && !value?.includes(inputValue)\n          })\n          .map(i => i.trim()) || [])\n      ])\n      setInputValue('')\n      return\n    }\n    setInputValue(currentInputValue)\n  }\n\n  function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {\n    if (['Enter', 'Tab'].includes(event.key)) {\n      if (inputValue?.trim()) {\n        event.preventDefault()\n        if (!value?.includes(inputValue)) {\n          addInputValue()\n        }\n        setInputValue('')\n      }\n    }\n\n    if (event.key === 'Backspace' && !inputValue) {\n      onValueChange(value?.slice(0, -1) || [])\n    }\n  }\n\n  function addInputValue() {\n    if (!inputValue.trim()) return\n    onValueChange([...(value || []), inputValue])\n    setInputValue('')\n  }\n\n  return (\n    <div\n      className={cn(\n        'flex flex-wrap items-center gap-8 min-h-[36px]',\n        'border rounded border-gray-900/24 bg-white px-12 py-4',\n        'hover:cursor-text',\n        'hover:shadow-field-hover',\n        'active:shadow-field-active',\n        'focus-visible:outline-none focus:shadow-field-active',\n        className\n      )}\n      onClick={() => inputRef.current?.focus()}\n      {...props}\n    >\n      <TagList value={value} onValueChange={onValueChange} />\n      <input\n        ref={inputRef}\n        className=\"h-[26px] outline-none text-sm\"\n        type=\"text\"\n        value={inputValue}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        style={{ width: `${inputValue.length + 1}ch` }}\n        onBlur={() => addInputValue()}\n      />\n      {value?.length === 0 && !inputValue && (\n        <div className=\"text-gray-400 ml-[-2ch]\">{placeholder}</div>\n      )}\n    </div>\n  )\n}\n\nTagInput.displayName = 'TagInput'\n\ntype TagListProps = React.HTMLAttributes<HTMLDivElement> & {\n  value?: string[]\n  onValueChange: (value: string[]) => void\n}\n\nfunction TagList({ value, onValueChange }: TagListProps) {\n  return (\n    <>\n      {value?.map((tag, index) => (\n        <Badge key={index} className=\"pl-0 gap-x-4 overflow-hidden\">\n          <Button\n            type=\"button\"\n            className=\"w-[26px] h-[26px] shrink-0\"\n            size=\"icon\"\n            intent=\"secondary\"\n            onClick={() => {\n              onValueChange(value?.filter((_, i) => i !== index) || [])\n            }}\n          >\n            <LucideX className=\"w-16\" />\n          </Button>\n          <div className=\"truncate\">{tag}</div>\n        </Badge>\n      ))}\n    </>\n  )\n}\n\nexport { TagInput }\n"],"names":["TagInput","className","value","placeholder","onValueChange","props","inputValue","setInputValue","React","inputRef","handleChange","event","currentInputValue","currentValues","uniqueValues","i","handleKeyDown","addInputValue","jsxs","cn","jsx","TagList","Fragment","tag","index","Badge","Button","_","LucideX"],"mappings":"ugBAYA,SAASA,EAAS,CAChB,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,cAAAC,EACA,GAAGC,CACL,EAAkB,CAChB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAM,SAAS,EAAE,EAC/CC,EAAWD,EAAM,OAAyB,IAAI,EAEpD,SAASE,EAAaC,EAA4C,CAChE,MAAMC,EAAoBD,EAAM,OAAO,MACvC,GAAIC,EAAkB,SAAS,GAAG,EAAG,CACnC,MAAMC,EAAgBD,EAAkB,MAAM,GAAG,EAE3CE,EAAe,MAAM,KAAK,IAAI,IAAID,CAAa,CAAC,EAEtDT,EAAc,CACZ,GAAIF,GAAS,CAAA,EACb,GAAIY,EACD,OAAOR,GAEC,EAAQA,GAAe,CAACJ,GAAO,SAASI,CAAU,CAC1D,EACA,IAAIS,GAAKA,EAAE,KAAA,CAAM,GAAK,CAAA,CAAC,CAC3B,EACDR,EAAc,EAAE,EAChB,MACF,CACAA,EAAcK,CAAiB,CACjC,CAEA,SAASI,EAAcL,EAA8C,CAC/D,CAAC,QAAS,KAAK,EAAE,SAASA,EAAM,GAAG,GACjCL,GAAY,SACdK,EAAM,eAAA,EACDT,GAAO,SAASI,CAAU,GAC7BW,EAAA,EAEFV,EAAc,EAAE,GAIhBI,EAAM,MAAQ,aAAe,CAACL,GAChCF,EAAcF,GAAO,MAAM,EAAG,EAAE,GAAK,CAAA,CAAE,CAE3C,CAEA,SAASe,GAAgB,CAClBX,EAAW,SAChBF,EAAc,CAAC,GAAIF,GAAS,CAAA,EAAKI,CAAU,CAAC,EAC5CC,EAAc,EAAE,EAClB,CAEA,OACEW,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,GACT,iDACA,wDACA,oBACA,2BACA,6BACA,uDACAlB,CAAA,EAEF,QAAS,IAAMQ,EAAS,SAAS,MAAA,EAChC,GAAGJ,EAEJ,SAAA,CAAAe,EAAAA,kBAAAA,IAACC,EAAA,CAAQ,MAAAnB,EAAc,cAAAE,CAAA,CAA8B,EACrDgB,EAAAA,kBAAAA,IAAC,QAAA,CACC,IAAKX,EACL,UAAU,gCACV,KAAK,OACL,MAAOH,EACP,SAAUI,EACV,UAAWM,EACX,MAAO,CAAE,MAAO,GAAGV,EAAW,OAAS,CAAC,IAAA,EACxC,OAAQ,IAAMW,EAAA,CAAc,CAAA,EAE7Bf,GAAO,SAAW,GAAK,CAACI,GACvBc,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,0BAA2B,SAAAjB,CAAA,CAAY,CAAA,CAAA,CAAA,CAI9D,CAEAH,EAAS,YAAc,WAOvB,SAASqB,EAAQ,CAAE,MAAAnB,EAAO,cAAAE,GAA+B,CACvD,OACEgB,EAAAA,kBAAAA,IAAAE,EAAAA,kBAAAA,SAAA,CACG,YAAO,IAAI,CAACC,EAAKC,IAChBN,EAAAA,kBAAAA,KAACO,EAAAA,MAAA,CAAkB,UAAU,+BAC3B,SAAA,CAAAL,EAAAA,kBAAAA,IAACM,EAAAA,OAAA,CACC,KAAK,SACL,UAAU,6BACV,KAAK,OACL,OAAO,YACP,QAAS,IAAM,CACbtB,EAAcF,GAAO,OAAO,CAACyB,EAAGZ,IAAMA,IAAMS,CAAK,GAAK,EAAE,CAC1D,EAEA,SAAAJ,EAAAA,kBAAAA,IAACQ,EAAAA,QAAA,CAAQ,UAAU,MAAA,CAAO,CAAA,CAAA,EAE5BR,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,WAAY,SAAAG,CAAA,CAAI,CAAA,GAZrBC,CAaZ,CACD,EACH,CAEJ"}
+{"version":3,"file":"index31.cjs","sources":["../src/TagInput/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport * as React from 'react'\nimport { Badge } from '../Badge'\nimport { Button } from '../Button'\nimport { cn } from '../lib/utils'\n\nexport type TagInputProps = React.HTMLAttributes<HTMLInputElement> & {\n  value?: string[]\n  onValueChange: (value: string[]) => void\n  placeholder?: string\n}\n\nfunction TagInput({\n  className,\n  value,\n  placeholder,\n  onValueChange,\n  ...props\n}: TagInputProps) {\n  const [inputValue, setInputValue] = React.useState('')\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n    const currentInputValue = event.target.value\n    if (currentInputValue.includes(',')) {\n      const currentValues = currentInputValue.split(',')\n      //Remove duplicates\n      const uniqueValues = Array.from(new Set(currentValues))\n\n      onValueChange([\n        ...(value || []),\n        ...(uniqueValues\n          .filter(inputValue => {\n            //Remove empty values and already added values\n            return Boolean(inputValue) && !value?.includes(inputValue)\n          })\n          .map(i => i.trim()) || [])\n      ])\n      setInputValue('')\n      return\n    }\n    setInputValue(currentInputValue)\n  }\n\n  function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {\n    if (['Enter', 'Tab'].includes(event.key)) {\n      if (inputValue?.trim()) {\n        event.preventDefault()\n        if (!value?.includes(inputValue)) {\n          addInputValue()\n        }\n        setInputValue('')\n      }\n    }\n\n    if (event.key === 'Backspace' && !inputValue) {\n      onValueChange(value?.slice(0, -1) || [])\n    }\n  }\n\n  function addInputValue() {\n    if (!inputValue.trim()) return\n    onValueChange([...(value || []), inputValue])\n    setInputValue('')\n  }\n\n  return (\n    <div\n      className={cn(\n        'flex flex-wrap items-center gap-8 min-h-[36px]',\n        'border rounded border-gray-900/24 bg-white px-12 py-4',\n        'hover:cursor-text',\n        'hover:shadow-field-hover',\n        'active:shadow-field-active',\n        'focus-visible:outline-none focus:shadow-field-active',\n        className\n      )}\n      onClick={() => inputRef.current?.focus()}\n      {...props}\n    >\n      <TagList value={value} onValueChange={onValueChange} />\n      <input\n        ref={inputRef}\n        className=\"h-[26px] outline-none text-sm\"\n        type=\"text\"\n        value={inputValue}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        style={{ width: `${inputValue.length + 1}ch` }}\n        onBlur={() => addInputValue()}\n      />\n      {value?.length === 0 && !inputValue && (\n        <div className=\"text-gray-400 ml-[-2ch]\">{placeholder}</div>\n      )}\n    </div>\n  )\n}\n\nTagInput.displayName = 'TagInput'\n\ntype TagListProps = React.HTMLAttributes<HTMLDivElement> & {\n  value?: string[]\n  onValueChange: (value: string[]) => void\n}\n\nfunction TagList({ value, onValueChange }: TagListProps) {\n  return (\n    <>\n      {value?.map((tag, index) => (\n        <Badge key={index} className=\"px-0 pr-8 pl-0 gap-x-4 overflow-hidden\">\n          <Button\n            type=\"button\"\n            className=\"w-[26px] h-[26px] shrink-0\"\n            size=\"icon\"\n            intent=\"secondary\"\n            onClick={() => {\n              onValueChange(value?.filter((_, i) => i !== index) || [])\n            }}\n          >\n            <LucideX className=\"w-16\" />\n          </Button>\n          <div className=\"truncate\">{tag}</div>\n        </Badge>\n      ))}\n    </>\n  )\n}\n\nexport { TagInput }\n"],"names":["TagInput","className","value","placeholder","onValueChange","props","inputValue","setInputValue","React","inputRef","handleChange","event","currentInputValue","currentValues","uniqueValues","i","handleKeyDown","addInputValue","jsxs","cn","jsx","TagList","Fragment","tag","index","Badge","Button","_","LucideX"],"mappings":"ugBAYA,SAASA,EAAS,CAChB,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,cAAAC,EACA,GAAGC,CACL,EAAkB,CAChB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAM,SAAS,EAAE,EAC/CC,EAAWD,EAAM,OAAyB,IAAI,EAEpD,SAASE,EAAaC,EAA4C,CAChE,MAAMC,EAAoBD,EAAM,OAAO,MACvC,GAAIC,EAAkB,SAAS,GAAG,EAAG,CACnC,MAAMC,EAAgBD,EAAkB,MAAM,GAAG,EAE3CE,EAAe,MAAM,KAAK,IAAI,IAAID,CAAa,CAAC,EAEtDT,EAAc,CACZ,GAAIF,GAAS,CAAA,EACb,GAAIY,EACD,OAAOR,GAEC,EAAQA,GAAe,CAACJ,GAAO,SAASI,CAAU,CAC1D,EACA,IAAIS,GAAKA,EAAE,KAAA,CAAM,GAAK,CAAA,CAAC,CAC3B,EACDR,EAAc,EAAE,EAChB,MACF,CACAA,EAAcK,CAAiB,CACjC,CAEA,SAASI,EAAcL,EAA8C,CAC/D,CAAC,QAAS,KAAK,EAAE,SAASA,EAAM,GAAG,GACjCL,GAAY,SACdK,EAAM,eAAA,EACDT,GAAO,SAASI,CAAU,GAC7BW,EAAA,EAEFV,EAAc,EAAE,GAIhBI,EAAM,MAAQ,aAAe,CAACL,GAChCF,EAAcF,GAAO,MAAM,EAAG,EAAE,GAAK,CAAA,CAAE,CAE3C,CAEA,SAASe,GAAgB,CAClBX,EAAW,SAChBF,EAAc,CAAC,GAAIF,GAAS,CAAA,EAAKI,CAAU,CAAC,EAC5CC,EAAc,EAAE,EAClB,CAEA,OACEW,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,GACT,iDACA,wDACA,oBACA,2BACA,6BACA,uDACAlB,CAAA,EAEF,QAAS,IAAMQ,EAAS,SAAS,MAAA,EAChC,GAAGJ,EAEJ,SAAA,CAAAe,EAAAA,kBAAAA,IAACC,EAAA,CAAQ,MAAAnB,EAAc,cAAAE,CAAA,CAA8B,EACrDgB,EAAAA,kBAAAA,IAAC,QAAA,CACC,IAAKX,EACL,UAAU,gCACV,KAAK,OACL,MAAOH,EACP,SAAUI,EACV,UAAWM,EACX,MAAO,CAAE,MAAO,GAAGV,EAAW,OAAS,CAAC,IAAA,EACxC,OAAQ,IAAMW,EAAA,CAAc,CAAA,EAE7Bf,GAAO,SAAW,GAAK,CAACI,GACvBc,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,0BAA2B,SAAAjB,CAAA,CAAY,CAAA,CAAA,CAAA,CAI9D,CAEAH,EAAS,YAAc,WAOvB,SAASqB,EAAQ,CAAE,MAAAnB,EAAO,cAAAE,GAA+B,CACvD,OACEgB,EAAAA,kBAAAA,IAAAE,EAAAA,kBAAAA,SAAA,CACG,YAAO,IAAI,CAACC,EAAKC,IAChBN,EAAAA,kBAAAA,KAACO,EAAAA,MAAA,CAAkB,UAAU,yCAC3B,SAAA,CAAAL,EAAAA,kBAAAA,IAACM,EAAAA,OAAA,CACC,KAAK,SACL,UAAU,6BACV,KAAK,OACL,OAAO,YACP,QAAS,IAAM,CACbtB,EAAcF,GAAO,OAAO,CAACyB,EAAGZ,IAAMA,IAAMS,CAAK,GAAK,EAAE,CAC1D,EAEA,SAAAJ,EAAAA,kBAAAA,IAACQ,EAAAA,QAAA,CAAQ,UAAU,MAAA,CAAO,CAAA,CAAA,EAE5BR,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,WAAY,SAAAG,CAAA,CAAI,CAAA,GAZrBC,CAaZ,CACD,EACH,CAEJ"}

package/dist/index31.js

@@ -1,6 +1,6 @@
 import { j as t } from "./index37.js";
 import { LucideX as g } from "lucide-react";
-import * as p from "react";
+import * as f from "react";
 import { Badge as w } from "./index5.js";
 import { Button as j } from "./index6.js";
 import { cn as N } from "./index39.js";
@@ -11,7 +11,7 @@ function b({
   onValueChange: r,
   ...u
 }) {
-  const [e, o] = p.useState(""), d = p.useRef(null);
+  const [e, o] = f.useState(""), p = f.useRef(null);
   function m(i) {
     const l = i.target.value;
     if (l.includes(",")) {
@@ -25,9 +25,9 @@ function b({
     o(l);
   }
   function h(i) {
-    ["Enter", "Tab"].includes(i.key) && e?.trim() && (i.preventDefault(), n?.includes(e) || f(), o("")), i.key === "Backspace" && !e && r(n?.slice(0, -1) || []);
+    ["Enter", "Tab"].includes(i.key) && e?.trim() && (i.preventDefault(), n?.includes(e) || d(), o("")), i.key === "Backspace" && !e && r(n?.slice(0, -1) || []);
   }
-  function f() {
+  function d() {
     e.trim() && (r([...n || [], e]), o(""));
   }
   return /* @__PURE__ */ t.jsxs(
@@ -42,21 +42,21 @@ function b({
         "focus-visible:outline-none focus:shadow-field-active",
         s
       ),
-      onClick: () => d.current?.focus(),
+      onClick: () => p.current?.focus(),
       ...u,
       children: [
         /* @__PURE__ */ t.jsx(k, { value: n, onValueChange: r }),
         /* @__PURE__ */ t.jsx(
           "input",
           {
-            ref: d,
+            ref: p,
             className: "h-[26px] outline-none text-sm",
             type: "text",
             value: e,
             onChange: m,
             onKeyDown: h,
             style: { width: `${e.length + 1}ch` },
-            onBlur: () => f()
+            onBlur: () => d()
           }
         ),
         n?.length === 0 && !e && /* @__PURE__ */ t.jsx("div", { className: "text-gray-400 ml-[-2ch]", children: a })
@@ -66,7 +66,7 @@ function b({
 }
 b.displayName = "TagInput";
 function k({ value: s, onValueChange: n }) {
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: s?.map((a, r) => /* @__PURE__ */ t.jsxs(w, { className: "pl-0 gap-x-4 overflow-hidden", children: [
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: s?.map((a, r) => /* @__PURE__ */ t.jsxs(w, { className: "px-0 pr-8 pl-0 gap-x-4 overflow-hidden", children: [
     /* @__PURE__ */ t.jsx(
       j,
       {

package/dist/index31.js.map

@@ -1 +1 @@
-{"version":3,"file":"index31.js","sources":["../src/TagInput/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport * as React from 'react'\nimport { Badge } from '../Badge'\nimport { Button } from '../Button'\nimport { cn } from '../lib/utils'\n\nexport type TagInputProps = React.HTMLAttributes<HTMLInputElement> & {\n  value?: string[]\n  onValueChange: (value: string[]) => void\n  placeholder?: string\n}\n\nfunction TagInput({\n  className,\n  value,\n  placeholder,\n  onValueChange,\n  ...props\n}: TagInputProps) {\n  const [inputValue, setInputValue] = React.useState('')\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n    const currentInputValue = event.target.value\n    if (currentInputValue.includes(',')) {\n      const currentValues = currentInputValue.split(',')\n      //Remove duplicates\n      const uniqueValues = Array.from(new Set(currentValues))\n\n      onValueChange([\n        ...(value || []),\n        ...(uniqueValues\n          .filter(inputValue => {\n            //Remove empty values and already added values\n            return Boolean(inputValue) && !value?.includes(inputValue)\n          })\n          .map(i => i.trim()) || [])\n      ])\n      setInputValue('')\n      return\n    }\n    setInputValue(currentInputValue)\n  }\n\n  function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {\n    if (['Enter', 'Tab'].includes(event.key)) {\n      if (inputValue?.trim()) {\n        event.preventDefault()\n        if (!value?.includes(inputValue)) {\n          addInputValue()\n        }\n        setInputValue('')\n      }\n    }\n\n    if (event.key === 'Backspace' && !inputValue) {\n      onValueChange(value?.slice(0, -1) || [])\n    }\n  }\n\n  function addInputValue() {\n    if (!inputValue.trim()) return\n    onValueChange([...(value || []), inputValue])\n    setInputValue('')\n  }\n\n  return (\n    <div\n      className={cn(\n        'flex flex-wrap items-center gap-8 min-h-[36px]',\n        'border rounded border-gray-900/24 bg-white px-12 py-4',\n        'hover:cursor-text',\n        'hover:shadow-field-hover',\n        'active:shadow-field-active',\n        'focus-visible:outline-none focus:shadow-field-active',\n        className\n      )}\n      onClick={() => inputRef.current?.focus()}\n      {...props}\n    >\n      <TagList value={value} onValueChange={onValueChange} />\n      <input\n        ref={inputRef}\n        className=\"h-[26px] outline-none text-sm\"\n        type=\"text\"\n        value={inputValue}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        style={{ width: `${inputValue.length + 1}ch` }}\n        onBlur={() => addInputValue()}\n      />\n      {value?.length === 0 && !inputValue && (\n        <div className=\"text-gray-400 ml-[-2ch]\">{placeholder}</div>\n      )}\n    </div>\n  )\n}\n\nTagInput.displayName = 'TagInput'\n\ntype TagListProps = React.HTMLAttributes<HTMLDivElement> & {\n  value?: string[]\n  onValueChange: (value: string[]) => void\n}\n\nfunction TagList({ value, onValueChange }: TagListProps) {\n  return (\n    <>\n      {value?.map((tag, index) => (\n        <Badge key={index} className=\"pl-0 gap-x-4 overflow-hidden\">\n          <Button\n            type=\"button\"\n            className=\"w-[26px] h-[26px] shrink-0\"\n            size=\"icon\"\n            intent=\"secondary\"\n            onClick={() => {\n              onValueChange(value?.filter((_, i) => i !== index) || [])\n            }}\n          >\n            <LucideX className=\"w-16\" />\n          </Button>\n          <div className=\"truncate\">{tag}</div>\n        </Badge>\n      ))}\n    </>\n  )\n}\n\nexport { TagInput }\n"],"names":["TagInput","className","value","placeholder","onValueChange","props","inputValue","setInputValue","React","inputRef","handleChange","event","currentInputValue","currentValues","uniqueValues","i","handleKeyDown","addInputValue","jsxs","cn","jsx","TagList","Fragment","tag","index","Badge","Button","_","LucideX"],"mappings":"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"}
+{"version":3,"file":"index31.js","sources":["../src/TagInput/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport * as React from 'react'\nimport { Badge } from '../Badge'\nimport { Button } from '../Button'\nimport { cn } from '../lib/utils'\n\nexport type TagInputProps = React.HTMLAttributes<HTMLInputElement> & {\n  value?: string[]\n  onValueChange: (value: string[]) => void\n  placeholder?: string\n}\n\nfunction TagInput({\n  className,\n  value,\n  placeholder,\n  onValueChange,\n  ...props\n}: TagInputProps) {\n  const [inputValue, setInputValue] = React.useState('')\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n    const currentInputValue = event.target.value\n    if (currentInputValue.includes(',')) {\n      const currentValues = currentInputValue.split(',')\n      //Remove duplicates\n      const uniqueValues = Array.from(new Set(currentValues))\n\n      onValueChange([\n        ...(value || []),\n        ...(uniqueValues\n          .filter(inputValue => {\n            //Remove empty values and already added values\n            return Boolean(inputValue) && !value?.includes(inputValue)\n          })\n          .map(i => i.trim()) || [])\n      ])\n      setInputValue('')\n      return\n    }\n    setInputValue(currentInputValue)\n  }\n\n  function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {\n    if (['Enter', 'Tab'].includes(event.key)) {\n      if (inputValue?.trim()) {\n        event.preventDefault()\n        if (!value?.includes(inputValue)) {\n          addInputValue()\n        }\n        setInputValue('')\n      }\n    }\n\n    if (event.key === 'Backspace' && !inputValue) {\n      onValueChange(value?.slice(0, -1) || [])\n    }\n  }\n\n  function addInputValue() {\n    if (!inputValue.trim()) return\n    onValueChange([...(value || []), inputValue])\n    setInputValue('')\n  }\n\n  return (\n    <div\n      className={cn(\n        'flex flex-wrap items-center gap-8 min-h-[36px]',\n        'border rounded border-gray-900/24 bg-white px-12 py-4',\n        'hover:cursor-text',\n        'hover:shadow-field-hover',\n        'active:shadow-field-active',\n        'focus-visible:outline-none focus:shadow-field-active',\n        className\n      )}\n      onClick={() => inputRef.current?.focus()}\n      {...props}\n    >\n      <TagList value={value} onValueChange={onValueChange} />\n      <input\n        ref={inputRef}\n        className=\"h-[26px] outline-none text-sm\"\n        type=\"text\"\n        value={inputValue}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        style={{ width: `${inputValue.length + 1}ch` }}\n        onBlur={() => addInputValue()}\n      />\n      {value?.length === 0 && !inputValue && (\n        <div className=\"text-gray-400 ml-[-2ch]\">{placeholder}</div>\n      )}\n    </div>\n  )\n}\n\nTagInput.displayName = 'TagInput'\n\ntype TagListProps = React.HTMLAttributes<HTMLDivElement> & {\n  value?: string[]\n  onValueChange: (value: string[]) => void\n}\n\nfunction TagList({ value, onValueChange }: TagListProps) {\n  return (\n    <>\n      {value?.map((tag, index) => (\n        <Badge key={index} className=\"px-0 pr-8 pl-0 gap-x-4 overflow-hidden\">\n          <Button\n            type=\"button\"\n            className=\"w-[26px] h-[26px] shrink-0\"\n            size=\"icon\"\n            intent=\"secondary\"\n            onClick={() => {\n              onValueChange(value?.filter((_, i) => i !== index) || [])\n            }}\n          >\n            <LucideX className=\"w-16\" />\n          </Button>\n          <div className=\"truncate\">{tag}</div>\n        </Badge>\n      ))}\n    </>\n  )\n}\n\nexport { TagInput }\n"],"names":["TagInput","className","value","placeholder","onValueChange","props","inputValue","setInputValue","React","inputRef","handleChange","event","currentInputValue","currentValues","uniqueValues","i","handleKeyDown","addInputValue","jsxs","cn","jsx","TagList","Fragment","tag","index","Badge","Button","_","LucideX"],"mappings":"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"}

package/dist/index36.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index37.cjs"),u=require("@radix-ui/react-navigation-menu"),s=require("./index24.cjs"),r=require("./index39.cjs");function c(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const a=c(u);function l({children:t,viewport:e=!0,...n}){return i.jsxRuntimeExports.jsxs(a.Root,{"data-slot":"navigation-menu","data-viewport":e,...n,children:[t,e&&i.jsxRuntimeExports.jsx(a.NavigationMenuViewport,{})]})}function g({className:t,...e}){return i.jsxRuntimeExports.jsx(a.List,{"data-slot":"navigation-menu-list",className:r.cn("group flex flex-col list-none items-center justify-center pb-16",t),...e})}function x({className:t,...e}){return i.jsxRuntimeExports.jsx("div",{className:r.cn("flex items-start justify-start text-sm text-gray-800 mt-16 mb-2 px-16",t),...e})}function m({...t}){return i.jsxRuntimeExports.jsx(s.Separator,{...t})}function v({className:t,...e}){return i.jsxRuntimeExports.jsx(a.Item,{"data-slot":"navigation-menu-item",className:r.cn("w-full",t),...e})}function p({className:t,...e}){return i.jsxRuntimeExports.jsx(a.Link,{"data-slot":"navigation-menu-link",className:r.cn("flex justify-start px-12 py-[10px] w-full font-normal text-gray-800     hover:bg-gray-200 hover:text-purple-800     focus-visible:outline-none focus-visible:bg-gray-200 focus-visible:text-purple-900     data-active:bg-purple-900 hover:data-active:bg-purple-900 data-active:text-white",t),...e})}exports.VerticalNavigationMenu=l;exports.VerticalNavigationMenuHeading=x;exports.VerticalNavigationMenuItem=v;exports.VerticalNavigationMenuLink=p;exports.VerticalNavigationMenuList=g;exports.VerticalNavigationMenuSeparator=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index37.cjs"),c=require("@radix-ui/react-collapsible"),g=require("@radix-ui/react-navigation-menu"),x=require("lucide-react"),p=require("./index24.cjs"),r=require("./index39.cjs");function l(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,a.get?a:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const u=l(c),s=l(g);function m({children:t,viewport:e=!0,...n}){return i.jsxRuntimeExports.jsxs(s.Root,{"data-slot":"navigation-menu","data-viewport":e,...n,children:[t,e&&i.jsxRuntimeExports.jsx(s.NavigationMenuViewport,{})]})}function v({className:t,...e}){return i.jsxRuntimeExports.jsx(s.List,{"data-slot":"navigation-menu-list",className:r.cn("group flex flex-col list-none items-center justify-center pb-12 gap-2",t),...e})}function f({className:t,...e}){return i.jsxRuntimeExports.jsx("div",{className:r.cn("flex items-start justify-start text-sm text-gray-600 mt-16 mb-2 px-16",t),...e})}function j({...t}){return i.jsxRuntimeExports.jsx(p.Separator,{...t})}function d({className:t,...e}){return i.jsxRuntimeExports.jsx(s.Item,{"data-slot":"navigation-menu-item",className:r.cn("w-full",t),...e})}function b({className:t,...e}){return i.jsxRuntimeExports.jsx(s.Link,{"data-slot":"navigation-menu-link",className:r.cn("flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors duration-150","active:bg-gray-300","hover:bg-gray-200 hover:text-purple-800","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2","data-[active]:bg-purple-700 data-[active]:text-white","hover:data-[active]:bg-purple-800",t),...e})}function N({className:t,...e}){return i.jsxRuntimeExports.jsx(u.Root,{className:r.cn("w-full",t),...e})}function y({className:t,children:e,chevron:n=!0,ref:a,...o}){return i.jsxRuntimeExports.jsx(u.Trigger,{ref:a,className:r.cn("group/subtrigger flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors","hover:bg-gray-200 hover:text-purple-800","active:bg-gray-300","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2",t),...o,children:i.jsxRuntimeExports.jsxs("span",{className:"flex w-full items-center justify-between",children:[i.jsxRuntimeExports.jsx("span",{className:"flex items-center gap-x-8",children:e}),n?i.jsxRuntimeExports.jsx(x.ChevronRight,{"aria-hidden":"true",className:"h-16 w-16 shrink-0 text-gray-600 group-hover:text-gray-700 transition-transform duration-200 group-data-[state=open]/subtrigger:rotate-90"}):null]})})}function M({className:t,indentClassName:e="ml-24 px-8 py-2 border-l border-gray-900/8",children:n,ref:a,...o}){return i.jsxRuntimeExports.jsx(u.Content,{ref:a,className:r.cn("overflow-hidden",t),...o,children:i.jsxRuntimeExports.jsx("div",{className:e,children:n})})}exports.VerticalNavigationMenu=m;exports.VerticalNavigationMenuHeading=f;exports.VerticalNavigationMenuItem=d;exports.VerticalNavigationMenuLink=b;exports.VerticalNavigationMenuList=v;exports.VerticalNavigationMenuSeparator=j;exports.VerticalNavigationMenuSub=N;exports.VerticalNavigationMenuSubContent=M;exports.VerticalNavigationMenuSubTrigger=y;
 //# sourceMappingURL=index36.cjs.map

package/dist/index36.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index36.cjs","sources":["../src/VerticalNavigationMenu/index.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport * as React from 'react'\nimport { Separator } from '../Separator'\nimport { cn } from '../lib/utils'\n\nfunction VerticalNavigationMenu({\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuPrimitive.NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  )\n}\n\nfunction VerticalNavigationMenuList({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn(\n        'group flex flex-col list-none items-center justify-center pb-16',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuHeading({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      className={cn(\n        'flex items-start justify-start text-sm text-gray-800 mt-16 mb-2 px-16',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuSeparator({\n  ...props\n}: React.ComponentProps<'div'>) {\n  return <Separator {...props} />\n}\n\nfunction VerticalNavigationMenuItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return (\n    <NavigationMenuPrimitive.Item\n      data-slot=\"navigation-menu-item\"\n      className={cn('w-full', className)}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuLink({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        'flex justify-start px-12 py-[10px] w-full font-normal text-gray-800 \\\n    hover:bg-gray-200 hover:text-purple-800 \\\n    focus-visible:outline-none focus-visible:bg-gray-200 focus-visible:text-purple-900 \\\n    data-active:bg-purple-900 hover:data-active:bg-purple-900 data-active:text-white',\n        className\n      )}\n      {...props}\n    />\n  )\n}\nexport {\n  VerticalNavigationMenu,\n  VerticalNavigationMenuHeading,\n  VerticalNavigationMenuItem,\n  VerticalNavigationMenuLink,\n  VerticalNavigationMenuList,\n  VerticalNavigationMenuSeparator\n}\n"],"names":["VerticalNavigationMenu","children","viewport","props","jsxs","NavigationMenuPrimitive","jsx","VerticalNavigationMenuList","className","cn","VerticalNavigationMenuHeading","VerticalNavigationMenuSeparator","Separator","VerticalNavigationMenuItem","VerticalNavigationMenuLink"],"mappings":"8eAKA,SAASA,EAAuB,CAC9B,SAAAC,EACA,SAAAC,EAAW,GACX,GAAGC,CACL,EAEG,CACD,OACEC,EAAAA,kBAAAA,KAACC,EAAwB,KAAxB,CACC,YAAU,kBACV,gBAAeH,EACd,GAAGC,EAEH,SAAA,CAAAF,EACAC,GAAYI,EAAAA,kBAAAA,IAACD,EAAwB,uBAAxB,CAAA,CAA+C,CAAA,CAAA,CAAA,CAGnE,CAEA,SAASE,EAA2B,CAClC,UAAAC,EACA,GAAGL,CACL,EAA8D,CAC5D,OACEG,EAAAA,kBAAAA,IAACD,EAAwB,KAAxB,CACC,YAAU,uBACV,UAAWI,EAAAA,GACT,kEACAD,CAAA,EAED,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASO,EAA8B,CACrC,UAAAF,EACA,GAAGL,CACL,EAAgC,CAC9B,OACEG,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWG,EAAAA,GACT,wEACAD,CAAA,EAED,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASQ,EAAgC,CACvC,GAAGR,CACL,EAAgC,CAC9B,OAAOG,wBAACM,EAAAA,UAAA,CAAW,GAAGT,CAAA,CAAO,CAC/B,CAEA,SAASU,EAA2B,CAClC,UAAAL,EACA,GAAGL,CACL,EAA8D,CAC5D,OACEG,EAAAA,kBAAAA,IAACD,EAAwB,KAAxB,CACC,YAAU,uBACV,UAAWI,EAAAA,GAAG,SAAUD,CAAS,EAChC,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASW,EAA2B,CAClC,UAAAN,EACA,GAAGL,CACL,EAA8D,CAC5D,OACEG,EAAAA,kBAAAA,IAACD,EAAwB,KAAxB,CACC,YAAU,uBACV,UAAWI,EAAAA,GACT,8RAIAD,CAAA,EAED,GAAGL,CAAA,CAAA,CAGV"}
+{"version":3,"file":"index36.cjs","sources":["../src/VerticalNavigationMenu/index.tsx"],"sourcesContent":["import * as CollapsiblePrimitive from '@radix-ui/react-collapsible'\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport { ChevronRight } from 'lucide-react'\nimport * as React from 'react'\nimport { Separator } from '../Separator'\nimport { cn } from '../lib/utils'\n\nfunction VerticalNavigationMenu({\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuPrimitive.NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  )\n}\n\nfunction VerticalNavigationMenuList({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn(\n        'group flex flex-col list-none items-center justify-center pb-12 gap-2',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuHeading({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      className={cn(\n        'flex items-start justify-start text-sm text-gray-600 mt-16 mb-2 px-16',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuSeparator({\n  ...props\n}: React.ComponentProps<'div'>) {\n  return <Separator {...props} />\n}\n\nfunction VerticalNavigationMenuItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return (\n    <NavigationMenuPrimitive.Item\n      data-slot=\"navigation-menu-item\"\n      className={cn('w-full', className)}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuLink({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        'flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors duration-150',\n        'active:bg-gray-300',\n        'hover:bg-gray-200 hover:text-purple-800',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2',\n        'data-[active]:bg-purple-700 data-[active]:text-white',\n        'hover:data-[active]:bg-purple-800',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuSub({\n  className,\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return (\n    <CollapsiblePrimitive.Root className={cn('w-full', className)} {...props} />\n  )\n}\n\ntype SubTriggerProps = React.ComponentPropsWithRef<\n  typeof CollapsiblePrimitive.Trigger\n> & {\n  chevron?: boolean\n}\n\nfunction VerticalNavigationMenuSubTrigger({\n  className,\n  children,\n  chevron = true,\n  ref,\n  ...props\n}: SubTriggerProps) {\n  return (\n    <CollapsiblePrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'group/subtrigger flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors',\n        'hover:bg-gray-200 hover:text-purple-800',\n        'active:bg-gray-300',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2',\n        className\n      )}\n      {...props}\n    >\n      <span className=\"flex w-full items-center justify-between\">\n        <span className=\"flex items-center gap-x-8\">{children}</span>\n\n        {chevron ? (\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"h-16 w-16 shrink-0 text-gray-600 group-hover:text-gray-700 transition-transform duration-200 group-data-[state=open]/subtrigger:rotate-90\"\n          />\n        ) : null}\n      </span>\n    </CollapsiblePrimitive.Trigger>\n  )\n}\n\ntype SubContentProps = React.ComponentPropsWithRef<\n  typeof CollapsiblePrimitive.Content\n> & {\n  indentClassName?: string\n}\n\nfunction VerticalNavigationMenuSubContent({\n  className,\n  indentClassName = 'ml-24 px-8 py-2 border-l border-gray-900/8',\n  children,\n  ref,\n  ...props\n}: SubContentProps) {\n  return (\n    <CollapsiblePrimitive.Content\n      ref={ref}\n      className={cn('overflow-hidden', className)}\n      {...props}\n    >\n      <div className={indentClassName}>{children}</div>\n    </CollapsiblePrimitive.Content>\n  )\n}\n\nexport {\n  VerticalNavigationMenu,\n  VerticalNavigationMenuHeading,\n  VerticalNavigationMenuItem,\n  VerticalNavigationMenuLink,\n  VerticalNavigationMenuList,\n  VerticalNavigationMenuSeparator,\n  VerticalNavigationMenuSub,\n  VerticalNavigationMenuSubContent,\n  VerticalNavigationMenuSubTrigger\n}\n"],"names":["VerticalNavigationMenu","children","viewport","props","jsxs","NavigationMenuPrimitive","jsx","VerticalNavigationMenuList","className","cn","VerticalNavigationMenuHeading","VerticalNavigationMenuSeparator","Separator","VerticalNavigationMenuItem","VerticalNavigationMenuLink","VerticalNavigationMenuSub","CollapsiblePrimitive","VerticalNavigationMenuSubTrigger","chevron","ref","ChevronRight","VerticalNavigationMenuSubContent","indentClassName"],"mappings":"wjBAOA,SAASA,EAAuB,CAC9B,SAAAC,EACA,SAAAC,EAAW,GACX,GAAGC,CACL,EAEG,CACD,OACEC,EAAAA,kBAAAA,KAACC,EAAwB,KAAxB,CACC,YAAU,kBACV,gBAAeH,EACd,GAAGC,EAEH,SAAA,CAAAF,EACAC,GAAYI,EAAAA,kBAAAA,IAACD,EAAwB,uBAAxB,CAAA,CAA+C,CAAA,CAAA,CAAA,CAGnE,CAEA,SAASE,EAA2B,CAClC,UAAAC,EACA,GAAGL,CACL,EAA8D,CAC5D,OACEG,EAAAA,kBAAAA,IAACD,EAAwB,KAAxB,CACC,YAAU,uBACV,UAAWI,EAAAA,GACT,wEACAD,CAAA,EAED,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASO,EAA8B,CACrC,UAAAF,EACA,GAAGL,CACL,EAAgC,CAC9B,OACEG,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWG,EAAAA,GACT,wEACAD,CAAA,EAED,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASQ,EAAgC,CACvC,GAAGR,CACL,EAAgC,CAC9B,OAAOG,wBAACM,EAAAA,UAAA,CAAW,GAAGT,CAAA,CAAO,CAC/B,CAEA,SAASU,EAA2B,CAClC,UAAAL,EACA,GAAGL,CACL,EAA8D,CAC5D,OACEG,EAAAA,kBAAAA,IAACD,EAAwB,KAAxB,CACC,YAAU,uBACV,UAAWI,EAAAA,GAAG,SAAUD,CAAS,EAChC,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASW,EAA2B,CAClC,UAAAN,EACA,GAAGL,CACL,EAA8D,CAC5D,OACEG,EAAAA,kBAAAA,IAACD,EAAwB,KAAxB,CACC,YAAU,uBACV,UAAWI,EAAAA,GACT,wIACA,qBACA,0CACA,4GACA,uDACA,oCACAD,CAAA,EAED,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASY,EAA0B,CACjC,UAAAP,EACA,GAAGL,CACL,EAA2D,CACzD,OACEG,wBAACU,EAAqB,KAArB,CAA0B,UAAWP,KAAG,SAAUD,CAAS,EAAI,GAAGL,EAAO,CAE9E,CAQA,SAASc,EAAiC,CACxC,UAAAT,EACA,SAAAP,EACA,QAAAiB,EAAU,GACV,IAAAC,EACA,GAAGhB,CACL,EAAoB,CAClB,OACEG,EAAAA,kBAAAA,IAACU,EAAqB,QAArB,CACC,IAAAG,EACA,UAAWV,EAAAA,GACT,4IACA,0CACA,qBACA,4GACAD,CAAA,EAED,GAAGL,EAEJ,SAAAC,EAAAA,kBAAAA,KAAC,OAAA,CAAK,UAAU,2CACd,SAAA,CAAAE,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,4BAA6B,SAAAL,CAAA,CAAS,EAErDiB,EACCZ,EAAAA,kBAAAA,IAACc,EAAAA,aAAA,CACC,cAAY,OACZ,UAAU,2IAAA,CAAA,EAEV,IAAA,CAAA,CACN,CAAA,CAAA,CAGN,CAQA,SAASC,EAAiC,CACxC,UAAAb,EACA,gBAAAc,EAAkB,6CAClB,SAAArB,EACA,IAAAkB,EACA,GAAGhB,CACL,EAAoB,CAClB,OACEG,EAAAA,kBAAAA,IAACU,EAAqB,QAArB,CACC,IAAAG,EACA,UAAWV,EAAAA,GAAG,kBAAmBD,CAAS,EACzC,GAAGL,EAEJ,SAAAG,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAWgB,EAAkB,SAAArB,CAAA,CAAS,CAAA,CAAA,CAGjD"}

package/dist/index36.js

@@ -1,96 +1,161 @@
-import { j as a } from "./index37.js";
-import * as i from "@radix-ui/react-navigation-menu";
-import { Separator as o } from "./index24.js";
-import { cn as n } from "./index39.js";
-function c({
+import { j as i } from "./index37.js";
+import * as l from "@radix-ui/react-collapsible";
+import * as n from "@radix-ui/react-navigation-menu";
+import { ChevronRight as u } from "lucide-react";
+import { Separator as c } from "./index24.js";
+import { cn as r } from "./index39.js";
+function v({
   children: t,
   viewport: e = !0,
-  ...r
+  ...a
 }) {
-  return /* @__PURE__ */ a.jsxs(
-    i.Root,
+  return /* @__PURE__ */ i.jsxs(
+    n.Root,
     {
       "data-slot": "navigation-menu",
       "data-viewport": e,
-      ...r,
+      ...a,
       children: [
         t,
-        e && /* @__PURE__ */ a.jsx(i.NavigationMenuViewport, {})
+        e && /* @__PURE__ */ i.jsx(n.NavigationMenuViewport, {})
       ]
     }
   );
 }
-function m({
+function x({
   className: t,
   ...e
 }) {
-  return /* @__PURE__ */ a.jsx(
-    i.List,
+  return /* @__PURE__ */ i.jsx(
+    n.List,
     {
       "data-slot": "navigation-menu-list",
-      className: n(
-        "group flex flex-col list-none items-center justify-center pb-16",
+      className: r(
+        "group flex flex-col list-none items-center justify-center pb-12 gap-2",
         t
       ),
       ...e
     }
   );
 }
-function f({
+function d({
   className: t,
   ...e
 }) {
-  return /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ i.jsx(
     "div",
     {
-      className: n(
-        "flex items-start justify-start text-sm text-gray-800 mt-16 mb-2 px-16",
+      className: r(
+        "flex items-start justify-start text-sm text-gray-600 mt-16 mb-2 px-16",
         t
       ),
       ...e
     }
   );
 }
-function p({
+function b({
   ...t
 }) {
-  return /* @__PURE__ */ a.jsx(o, { ...t });
+  return /* @__PURE__ */ i.jsx(c, { ...t });
 }
-function v({
+function N({
   className: t,
   ...e
 }) {
-  return /* @__PURE__ */ a.jsx(
-    i.Item,
+  return /* @__PURE__ */ i.jsx(
+    n.Item,
     {
       "data-slot": "navigation-menu-item",
-      className: n("w-full", t),
+      className: r("w-full", t),
       ...e
     }
   );
 }
-function x({
+function j({
   className: t,
   ...e
 }) {
-  return /* @__PURE__ */ a.jsx(
-    i.Link,
+  return /* @__PURE__ */ i.jsx(
+    n.Link,
     {
       "data-slot": "navigation-menu-link",
-      className: n(
-        "flex justify-start px-12 py-[10px] w-full font-normal text-gray-800     hover:bg-gray-200 hover:text-purple-800     focus-visible:outline-none focus-visible:bg-gray-200 focus-visible:text-purple-900     data-active:bg-purple-900 hover:data-active:bg-purple-900 data-active:text-white",
+      className: r(
+        "flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors duration-150",
+        "active:bg-gray-300",
+        "hover:bg-gray-200 hover:text-purple-800",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2",
+        "data-[active]:bg-purple-700 data-[active]:text-white",
+        "hover:data-[active]:bg-purple-800",
         t
       ),
       ...e
     }
   );
 }
+function h({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ i.jsx(l.Root, { className: r("w-full", t), ...e });
+}
+function y({
+  className: t,
+  children: e,
+  chevron: a = !0,
+  ref: o,
+  ...s
+}) {
+  return /* @__PURE__ */ i.jsx(
+    l.Trigger,
+    {
+      ref: o,
+      className: r(
+        "group/subtrigger flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors",
+        "hover:bg-gray-200 hover:text-purple-800",
+        "active:bg-gray-300",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2",
+        t
+      ),
+      ...s,
+      children: /* @__PURE__ */ i.jsxs("span", { className: "flex w-full items-center justify-between", children: [
+        /* @__PURE__ */ i.jsx("span", { className: "flex items-center gap-x-8", children: e }),
+        a ? /* @__PURE__ */ i.jsx(
+          u,
+          {
+            "aria-hidden": "true",
+            className: "h-16 w-16 shrink-0 text-gray-600 group-hover:text-gray-700 transition-transform duration-200 group-data-[state=open]/subtrigger:rotate-90"
+          }
+        ) : null
+      ] })
+    }
+  );
+}
+function M({
+  className: t,
+  indentClassName: e = "ml-24 px-8 py-2 border-l border-gray-900/8",
+  children: a,
+  ref: o,
+  ...s
+}) {
+  return /* @__PURE__ */ i.jsx(
+    l.Content,
+    {
+      ref: o,
+      className: r("overflow-hidden", t),
+      ...s,
+      children: /* @__PURE__ */ i.jsx("div", { className: e, children: a })
+    }
+  );
+}
 export {
-  c as VerticalNavigationMenu,
-  f as VerticalNavigationMenuHeading,
-  v as VerticalNavigationMenuItem,
-  x as VerticalNavigationMenuLink,
-  m as VerticalNavigationMenuList,
-  p as VerticalNavigationMenuSeparator
+  v as VerticalNavigationMenu,
+  d as VerticalNavigationMenuHeading,
+  N as VerticalNavigationMenuItem,
+  j as VerticalNavigationMenuLink,
+  x as VerticalNavigationMenuList,
+  b as VerticalNavigationMenuSeparator,
+  h as VerticalNavigationMenuSub,
+  M as VerticalNavigationMenuSubContent,
+  y as VerticalNavigationMenuSubTrigger
 };
 //# sourceMappingURL=index36.js.map