@manafishrov/ui 1.0.5 → 1.2.0

package/dist/components/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../src/components/Menu.tsx"],"sourcesContent":["import { Menu as MenuPrimitive } from '@ark-ui/solid/menu';\nimport { type Component, type ComponentProps, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport OutlineCheckIcon from '~icons/ic/outline-check';\nimport OutlineChevronRightIcon from '~icons/ic/outline-chevron-right';\n\nexport const Menu = MenuPrimitive.Root;\nexport const MenuTrigger = MenuPrimitive.Trigger;\nexport const MenuContext = MenuPrimitive.Context;\nexport const MenuItemGroup = MenuPrimitive.ItemGroup;\n\nexport const MenuPositioner: Component<MenuPrimitive.PositionerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <MenuPrimitive.Positioner\n      data-slot='menu-positioner'\n      class={cn('isolate z-50', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const MenuContent: Component<MenuPrimitive.ContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <MenuPrimitive.Content\n      data-slot='menu-content'\n      class={cn(\n        'min-w-32 p-1 shadow-md isolate overflow-hidden rounded-md border bg-popover text-popover-foreground outline-none',\n        '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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const MenuItem: Component<MenuPrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <MenuPrimitive.Item\n      data-slot='menu-item'\n      class={cn(\n        'px-2 py-1.5 text-sm relative flex cursor-default items-center rounded-sm transition-colors outline-none select-none data-disabled:pointer-events-none data-[disabled=true]:opacity-50 data-highlighted:bg-accent data-highlighted:text-accent-foreground',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const MenuTriggerItem: Component<MenuPrimitive.TriggerItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <MenuPrimitive.TriggerItem\n      data-slot='menu-trigger-item'\n      class={cn(\n        'px-2 py-1.5 text-sm flex cursor-default items-center rounded-sm outline-none select-none data-highlighted:bg-accent data-highlighted:text-accent-foreground',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n      <OutlineChevronRightIcon class='size-4 ml-auto' />\n    </MenuPrimitive.TriggerItem>\n  );\n};\n\nexport const MenuItemGroupLabel: Component<MenuPrimitive.ItemGroupLabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <MenuPrimitive.ItemGroupLabel\n      data-slot='menu-item-group-label'\n      class={cn('px-2 py-1.5 text-sm font-semibold', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const MenuSeparator: Component<MenuPrimitive.SeparatorProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <MenuPrimitive.Separator\n      data-slot='menu-separator'\n      class={cn('-mx-1 my-1 h-px bg-muted', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const MenuItemIndicator: Component<MenuPrimitive.ItemIndicatorProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <MenuPrimitive.ItemIndicator\n      data-slot='menu-item-indicator'\n      class={cn('right-2 size-3.5 absolute flex items-center justify-center', local.class)}\n      {...others}\n    >\n      {local.children ?? <OutlineCheckIcon class='size-4' />}\n    </MenuPrimitive.ItemIndicator>\n  );\n};\n\nexport const MenuCheckboxItem: Component<MenuPrimitive.CheckboxItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <MenuPrimitive.CheckboxItem\n      data-slot='menu-checkbox-item'\n      class={cn(\n        'py-1.5 pr-2 pl-8 text-sm relative flex cursor-default items-center rounded-sm transition-colors outline-none select-none data-disabled:pointer-events-none data-[disabled=true]:opacity-50 data-highlighted:bg-accent data-highlighted:text-accent-foreground',\n        local.class,\n      )}\n      {...others}\n    >\n      <MenuPrimitive.ItemIndicator class='left-2 size-3.5 absolute flex items-center justify-center'>\n        <OutlineCheckIcon class='size-4' />\n      </MenuPrimitive.ItemIndicator>\n      <MenuPrimitive.ItemText>{local.children}</MenuPrimitive.ItemText>\n    </MenuPrimitive.CheckboxItem>\n  );\n};\n\nexport const MenuRadioItem: Component<MenuPrimitive.RadioItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <MenuPrimitive.RadioItem\n      data-slot='menu-radio-item'\n      class={cn(\n        'py-1.5 pr-2 pl-8 text-sm relative flex cursor-default items-center rounded-sm transition-colors outline-none select-none data-disabled:pointer-events-none data-[disabled=true]:opacity-50 data-highlighted:bg-accent data-highlighted:text-accent-foreground',\n        local.class,\n      )}\n      {...others}\n    >\n      <MenuPrimitive.ItemIndicator class='left-2 size-3.5 absolute flex items-center justify-center'>\n        <div class='size-2 rounded-full bg-current' />\n      </MenuPrimitive.ItemIndicator>\n      <MenuPrimitive.ItemText>{local.children}</MenuPrimitive.ItemText>\n    </MenuPrimitive.RadioItem>\n  );\n};\n\nexport const MenuShortcut: Component<ComponentProps<'span'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <span class={cn('text-xs tracking-widest ml-auto opacity-60', local.class)} {...others} />;\n};\n"],"names":["Menu","MenuPrimitive","Root","MenuTrigger","Trigger","MenuContext","Context","MenuItemGroup","ItemGroup","MenuPositioner","props","local","others","splitProps","_$createComponent","Positioner","_$mergeProps","cn","class","MenuContent","Content","MenuItem","Item","MenuTriggerItem","TriggerItem","children","_$memo","OutlineChevronRightIcon","MenuItemGroupLabel","ItemGroupLabel","MenuSeparator","Separator","MenuItemIndicator","ItemIndicator","OutlineCheckIcon","MenuCheckboxItem","CheckboxItem","ItemText","MenuRadioItem","RadioItem","_tmpl$","MenuShortcut","_el$2","_tmpl$2","_$spread"],"mappings":"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"}
+{"version":3,"file":"Menu.js","sources":["../../src/components/Menu.tsx"],"sourcesContent":["import { Menu as MenuPrimitive } from '@ark-ui/solid/menu';\nimport { type Component, type ComponentProps, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport CheckIcon from '~icons/material-symbols/check';\nimport ChevronRightIcon from '~icons/material-symbols/chevron-right';\n\nexport const Menu = MenuPrimitive.Root;\nexport const MenuTrigger = MenuPrimitive.Trigger;\nexport const MenuContext = MenuPrimitive.Context;\nexport const MenuItemGroup = MenuPrimitive.ItemGroup;\n\nexport const MenuPositioner: Component<MenuPrimitive.PositionerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <MenuPrimitive.Positioner\n      data-slot='menu-positioner'\n      class={cn('isolate z-50', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const MenuContent: Component<MenuPrimitive.ContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <MenuPrimitive.Content\n      data-slot='menu-content'\n      class={cn(\n        'min-w-32 p-1 shadow-md isolate overflow-hidden rounded-md border bg-popover text-popover-foreground outline-none',\n        '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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const MenuItem: Component<MenuPrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <MenuPrimitive.Item\n      data-slot='menu-item'\n      class={cn(\n        'px-2 py-1.5 text-sm relative flex cursor-default items-center rounded-sm transition-colors outline-none select-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[disabled=true]:opacity-50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const MenuTriggerItem: Component<MenuPrimitive.TriggerItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <MenuPrimitive.TriggerItem\n      data-slot='menu-trigger-item'\n      class={cn(\n        'px-2 py-1.5 text-sm flex cursor-default items-center rounded-sm outline-none select-none data-highlighted:bg-accent data-highlighted:text-accent-foreground',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n      <ChevronRightIcon class='size-4 ml-auto' />\n    </MenuPrimitive.TriggerItem>\n  );\n};\n\nexport const MenuItemGroupLabel: Component<MenuPrimitive.ItemGroupLabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <MenuPrimitive.ItemGroupLabel\n      data-slot='menu-item-group-label'\n      class={cn('px-2 py-1.5 text-sm font-semibold', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const MenuSeparator: Component<MenuPrimitive.SeparatorProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <MenuPrimitive.Separator\n      data-slot='menu-separator'\n      class={cn('-mx-1 my-1 h-px bg-muted', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const MenuItemIndicator: Component<MenuPrimitive.ItemIndicatorProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <MenuPrimitive.ItemIndicator\n      data-slot='menu-item-indicator'\n      class={cn('right-2 size-3.5 absolute flex items-center justify-center', local.class)}\n      {...others}\n    >\n      {local.children ?? <CheckIcon class='size-4' />}\n    </MenuPrimitive.ItemIndicator>\n  );\n};\n\nexport const MenuCheckboxItem: Component<MenuPrimitive.CheckboxItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <MenuPrimitive.CheckboxItem\n      data-slot='menu-checkbox-item'\n      class={cn(\n        'py-1.5 pr-2 pl-8 text-sm relative flex cursor-default items-center rounded-sm transition-colors outline-none select-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[disabled=true]:opacity-50',\n        local.class,\n      )}\n      {...others}\n    >\n      <MenuPrimitive.ItemIndicator class='left-2 size-3.5 absolute flex items-center justify-center'>\n        <CheckIcon class='size-4' />\n      </MenuPrimitive.ItemIndicator>\n      <MenuPrimitive.ItemText>{local.children}</MenuPrimitive.ItemText>\n    </MenuPrimitive.CheckboxItem>\n  );\n};\n\nexport const MenuRadioItem: Component<MenuPrimitive.RadioItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <MenuPrimitive.RadioItem\n      data-slot='menu-radio-item'\n      class={cn(\n        'py-1.5 pr-2 pl-8 text-sm relative flex cursor-default items-center rounded-sm transition-colors outline-none select-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[disabled=true]:opacity-50',\n        local.class,\n      )}\n      {...others}\n    >\n      <MenuPrimitive.ItemIndicator class='left-2 size-3.5 absolute flex items-center justify-center'>\n        <div class='size-2 rounded-full bg-current' />\n      </MenuPrimitive.ItemIndicator>\n      <MenuPrimitive.ItemText>{local.children}</MenuPrimitive.ItemText>\n    </MenuPrimitive.RadioItem>\n  );\n};\n\nexport const MenuShortcut: Component<ComponentProps<'span'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <span class={cn('text-xs tracking-widest ml-auto opacity-60', local.class)} {...others} />;\n};\n"],"names":["Menu","MenuPrimitive","Root","MenuTrigger","Trigger","MenuContext","Context","MenuItemGroup","ItemGroup","MenuPositioner","props","local","others","splitProps","_$createComponent","Positioner","_$mergeProps","cn","class","MenuContent","Content","MenuItem","Item","MenuTriggerItem","TriggerItem","children","_$memo","ChevronRightIcon","MenuItemGroupLabel","ItemGroupLabel","MenuSeparator","Separator","MenuItemIndicator","ItemIndicator","CheckIcon","MenuCheckboxItem","CheckboxItem","ItemText","MenuRadioItem","RadioItem","_tmpl$","MenuShortcut","_el$2","_tmpl$2","_$spread"],"mappings":";;;;;;;AAMO,MAAMA,IAAOC,EAAcC,MACrBC,IAAcF,EAAcG,SAC5BC,IAAcJ,EAAcK,SAC5BC,IAAgBN,EAAcO,WAE9BC,IAA4DC,CAAAA,MAAU;AACjF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGb,EAAcc,YAAUC,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEhBC,EAAG,gBAAgBN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GAClCN,CAAM,CAAA;AAGhB,GAEaO,IAAsDT,CAAAA,MAAU;AAC3E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGb,EAAcmB,SAAOJ,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEbC,EACL,oHACA,oVACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,CAAM,CAAA;AAGhB,GAEaS,IAAgDX,CAAAA,MAAU;AACrE,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGb,EAAcqB,MAAIN,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEVC,EACL,4PACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,CAAM,CAAA;AAGhB,GAEaW,IAA8Db,CAAAA,MAAU;AACnF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACGb,EAAcuB,aAAWR,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEjBC,EACL,+JACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,GAAM;AAAA,IAAA,IAAAa,WAAA;AAAA,aAAA,CAAAC,QAETf,EAAMc,QAAQ,GAAAX,EACda,GAAgB;AAAA,QAAA,OAAA;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAGvB,GAEaC,IAAoElB,CAAAA,MAAU;AACzF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGb,EAAc4B,gBAAcb,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEpBC,EAAG,qCAAqCN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GACvDN,CAAM,CAAA;AAGhB,GAEakB,IAA0DpB,CAAAA,MAAU;AAC/E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGb,EAAc8B,WAASf,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEfC,EAAG,4BAA4BN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GAC9CN,CAAM,CAAA;AAGhB,GAEaoB,IAAkEtB,CAAAA,MAAU;AACvF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACGb,EAAcgC,eAAajB,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEnBC,EAAG,8DAA8DN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GAChFN,GAAM;AAAA,IAAA,IAAAa,WAAA;AAAA,aAETd,EAAMc,YAAQX,EAAKoB,GAAS;AAAA,QAAA,OAAA;AAAA,MAAA,CAAA;AAAA,IAAkB;AAAA,EAAA,CAAA,CAAA;AAGrD,GAEaC,IAAgEzB,CAAAA,MAAU;AACrF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACGb,EAAcmC,cAAYpB,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAElBC,EACL,iQACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,GAAM;AAAA,IAAA,IAAAa,WAAA;AAAA,aAAA,CAAAX,EAETb,EAAcgC,eAAa;AAAA,QAAA,OAAA;AAAA,QAAA,IAAAR,WAAA;AAAA,iBAAAX,EACzBoB,GAAS;AAAA,YAAA,OAAA;AAAA,UAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA,GAAApB,EAEXb,EAAcoC,UAAQ;AAAA,QAAA,IAAAZ,WAAA;AAAA,iBAAEd,EAAMc;AAAAA,QAAQ;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAG7C,GAEaa,IAA0D5B,CAAAA,MAAU;AAC/E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACGb,EAAcsC,WAASvB,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEfC,EACL,iQACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,GAAM;AAAA,IAAA,IAAAa,WAAA;AAAA,aAAA,CAAAX,EAETb,EAAcgC,eAAa;AAAA,QAAA,OAAA;AAAA,QAAA,IAAAR,WAAA;AAAA,iBAAAe,EAAAA;AAAAA,QAAA;AAAA,MAAA,CAAA,GAAA1B,EAG3Bb,EAAcoC,UAAQ;AAAA,QAAA,IAAAZ,WAAA;AAAA,iBAAEd,EAAMc;AAAAA,QAAQ;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAG7C,GAEagB,IAAmD/B,CAAAA,MAAU;AACxE,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,UAAA,MAAA;AAAA,QAAAgC,IAAAC,EAAAA;AAAAC,WAAAA,EAAAF,GAAA1B,EAAA;AAAA,MAAA,IAAA,QAAA;AAAA,eAAoBC,EAAG,8CAA8CN,EAAMO,KAAK;AAAA,MAAC;AAAA,IAAA,GAAMN,CAAM,GAAA,IAAA,EAAA,GAAA8B;AAAAA,EAAA,GAAA;AAC/F;"}

package/dist/components/MenuCombobox.js

@@ -1,12 +1,12 @@
-import { delegateEvents as x, createComponent as r, mergeProps as s, template as u, insert as p, spread as d, memo as g } from "solid-js/web";
+import { delegateEvents as x, createComponent as r, mergeProps as s, template as m, insert as p, spread as d, memo as g } from "solid-js/web";
 import { menu_exports as n } from "../node_modules/.bun/@ark-ui_solid@5.34.0_95b571dd5236cc92/node_modules/@ark-ui/solid/dist/chunk/OULN7AIR.js";
 import { splitProps as a } from "solid-js";
 import { cn as l } from "../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
-import b from "../_virtual/outline-check.js";
-import h from "../_virtual/outline-chevron-right.js";
-import f from "../_virtual/outline-search.js";
+import b from "../_virtual/check.js";
+import h from "../_virtual/chevron-right.js";
+import f from "../_virtual/search.js";
 import { MenuComboboxGroupedList as W, MenuComboboxList as X } from "./MenuComboboxList.js";
-var C = /* @__PURE__ */ u('<div data-slot=menu-combobox-search class="gap-2 px-3 py-2 flex items-center border-b"><input type=text>'), I = /* @__PURE__ */ u('<div class="size-2 rounded-full bg-current">'), y = /* @__PURE__ */ u("<span>"), v = /* @__PURE__ */ u("<div data-slot=menu-combobox-empty>No results found.");
+var C = /* @__PURE__ */ m('<div data-slot=menu-combobox-search class="gap-2 px-3 py-2 flex items-center border-b"><input type=text>'), I = /* @__PURE__ */ m('<div class="size-2 rounded-full bg-current">'), y = /* @__PURE__ */ m("<span>"), v = /* @__PURE__ */ m("<div data-slot=menu-combobox-empty>No results found.");
 const R = n.Root, S = n.Trigger, w = n.Context, L = n.ItemGroup, P = n.ItemText, V = n.RadioItemGroup, j = (t) => {
   const [e, o] = a(t, ["class"]);
   return r(n.Positioner, s({
@@ -15,7 +15,7 @@ const R = n.Root, S = n.Trigger, w = n.Context, L = n.ItemGroup, P = n.ItemText,
       return l("isolate z-50", e.class);
     }
   }, o));
-}, O = (t) => {
+}, E = (t) => {
   const [e, o] = a(t, ["class"]);
   return r(n.Content, s({
     "data-slot": "menu-combobox-content",
@@ -23,15 +23,15 @@ const R = n.Root, S = n.Trigger, w = n.Context, L = n.ItemGroup, P = n.ItemText,
       return l("min-w-48 p-0 shadow-md isolate overflow-hidden rounded-md border bg-popover text-popover-foreground outline-none", "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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", e.class);
     }
   }, o));
-}, E = (t) => {
+}, N = (t) => {
   const [e, o] = a(t, ["class", "onValueChange", "value"]), c = (i) => {
     typeof e.onValueChange == "function" && e.onValueChange(i.currentTarget.value);
   };
   return (() => {
-    var i = C(), m = i.firstChild;
+    var i = C(), u = i.firstChild;
     return p(i, r(f, {
       class: "size-4 shrink-0 text-muted-foreground"
-    }), m), m.$$input = c, d(m, s({
+    }), u), u.$$input = c, d(u, s({
       get class() {
         return l("text-sm flex-1 bg-transparent outline-none placeholder:text-muted-foreground", e.class);
       },
@@ -40,7 +40,7 @@ const R = n.Root, S = n.Trigger, w = n.Context, L = n.ItemGroup, P = n.ItemText,
       }
     }, o), !1, !1), i;
   })();
-}, N = (t) => {
+}, q = (t) => {
   const [e, o] = a(t, ["class"]);
   return r(n.Item, s({
     "data-slot": "menu-combobox-item",
@@ -48,7 +48,7 @@ const R = n.Root, S = n.Trigger, w = n.Context, L = n.ItemGroup, P = n.ItemText,
       return l("px-3 py-2 text-sm mx-1 my-0.5 relative flex cursor-default items-center rounded-sm transition-colors outline-none select-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[disabled=true]:opacity-50", e.class);
     }
   }, o));
-}, q = (t) => {
+}, A = (t) => {
   const [e, o] = a(t, ["class", "children"]);
   return r(n.TriggerItem, s({
     "data-slot": "menu-combobox-trigger-item",
@@ -62,7 +62,7 @@ const R = n.Root, S = n.Trigger, w = n.Context, L = n.ItemGroup, P = n.ItemText,
       })];
     }
   }));
-}, A = (t) => {
+}, B = (t) => {
   const [e, o] = a(t, ["class"]);
   return r(n.ItemGroupLabel, s({
     "data-slot": "menu-combobox-item-group-label",
@@ -70,7 +70,7 @@ const R = n.Root, S = n.Trigger, w = n.Context, L = n.ItemGroup, P = n.ItemText,
       return l("px-3 py-1.5 text-xs font-semibold text-muted-foreground", e.class);
     }
   }, o));
-}, B = (t) => {
+}, D = (t) => {
   const [e, o] = a(t, ["class"]);
   return r(n.Separator, s({
     "data-slot": "menu-combobox-separator",
@@ -78,7 +78,7 @@ const R = n.Root, S = n.Trigger, w = n.Context, L = n.ItemGroup, P = n.ItemText,
       return l("-mx-1 my-1 h-px bg-muted", e.class);
     }
   }, o));
-}, D = (t) => {
+}, F = (t) => {
   const [e, o] = a(t, ["class", "children"]);
   return r(n.ItemIndicator, s({
     "data-slot": "menu-combobox-item-indicator",
@@ -92,7 +92,7 @@ const R = n.Root, S = n.Trigger, w = n.Context, L = n.ItemGroup, P = n.ItemText,
       });
     }
   }));
-}, F = (t) => {
+}, H = (t) => {
   const [e, o] = a(t, ["class", "children"]);
   return r(n.CheckboxItem, s({
     "data-slot": "menu-combobox-checkbox-item",
@@ -115,7 +115,7 @@ const R = n.Root, S = n.Trigger, w = n.Context, L = n.ItemGroup, P = n.ItemText,
       })];
     }
   }));
-}, H = (t) => {
+}, J = (t) => {
   const [e, o] = a(t, ["class", "children"]);
   return r(n.RadioItem, s({
     "data-slot": "menu-combobox-radio-item",
@@ -136,7 +136,7 @@ const R = n.Root, S = n.Trigger, w = n.Context, L = n.ItemGroup, P = n.ItemText,
       })];
     }
   }));
-}, J = (t) => {
+}, K = (t) => {
   const [e, o] = a(t, ["class"]);
   return (() => {
     var c = y();
@@ -146,7 +146,7 @@ const R = n.Root, S = n.Trigger, w = n.Context, L = n.ItemGroup, P = n.ItemText,
       }
     }, o), !1, !1), c;
   })();
-}, K = (t) => {
+}, O = (t) => {
   const [e, o] = a(t, ["class", "searchValue"]);
   return (() => {
     var c = v();
@@ -160,24 +160,24 @@ const R = n.Root, S = n.Trigger, w = n.Context, L = n.ItemGroup, P = n.ItemText,
 x(["input"]);
 export {
   R as MenuCombobox,
-  F as MenuComboboxCheckboxItem,
-  O as MenuComboboxContent,
+  H as MenuComboboxCheckboxItem,
+  E as MenuComboboxContent,
   w as MenuComboboxContext,
-  K as MenuComboboxEmpty,
+  O as MenuComboboxEmpty,
   W as MenuComboboxGroupedList,
-  N as MenuComboboxItem,
+  q as MenuComboboxItem,
   L as MenuComboboxItemGroup,
-  A as MenuComboboxItemGroupLabel,
-  D as MenuComboboxItemIndicator,
+  B as MenuComboboxItemGroupLabel,
+  F as MenuComboboxItemIndicator,
   P as MenuComboboxItemText,
   X as MenuComboboxList,
   j as MenuComboboxPositioner,
-  H as MenuComboboxRadioItem,
+  J as MenuComboboxRadioItem,
   V as MenuComboboxRadioItemGroup,
-  E as MenuComboboxSearchInput,
-  B as MenuComboboxSeparator,
-  J as MenuComboboxShortcut,
+  N as MenuComboboxSearchInput,
+  D as MenuComboboxSeparator,
+  K as MenuComboboxShortcut,
   S as MenuComboboxTrigger,
-  q as MenuComboboxTriggerItem
+  A as MenuComboboxTriggerItem
 };
 //# sourceMappingURL=MenuCombobox.js.map

package/dist/components/MenuCombobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuCombobox.js","sources":["../../src/components/MenuCombobox.tsx"],"sourcesContent":["import { Menu as MenuPrimitive } from '@ark-ui/solid/menu';\nimport { type Component, type ComponentProps, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport OutlineCheckIcon from '~icons/ic/outline-check';\nimport OutlineChevronRightIcon from '~icons/ic/outline-chevron-right';\nimport OutlineSearchIcon from '~icons/ic/outline-search';\n\nexport const MenuCombobox = MenuPrimitive.Root;\nexport const MenuComboboxTrigger = MenuPrimitive.Trigger;\nexport const MenuComboboxContext = MenuPrimitive.Context;\nexport const MenuComboboxItemGroup = MenuPrimitive.ItemGroup;\nexport const MenuComboboxItemText = MenuPrimitive.ItemText;\nexport const MenuComboboxRadioItemGroup = MenuPrimitive.RadioItemGroup;\n\nexport const MenuComboboxPositioner: Component<MenuPrimitive.PositionerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <MenuPrimitive.Positioner\n      data-slot='menu-combobox-positioner'\n      class={cn('isolate z-50', local.class)}\n      {...others}\n    />\n  );\n};\nexport const MenuComboboxContent: Component<MenuPrimitive.ContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <MenuPrimitive.Content\n      data-slot='menu-combobox-content'\n      class={cn(\n        'min-w-48 p-0 shadow-md isolate overflow-hidden rounded-md border bg-popover text-popover-foreground outline-none',\n        '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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\nexport type MenuComboboxSearchInputProps = ComponentProps<'input'> & {\n  onValueChange?: (value: string) => void;\n};\nexport const MenuComboboxSearchInput: Component<MenuComboboxSearchInputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'onValueChange', 'value']);\n  const handleInput = (inputEvent: InputEvent & { currentTarget: HTMLInputElement }): void => {\n    if (typeof local.onValueChange === 'function') {\n      local.onValueChange(inputEvent.currentTarget.value);\n    }\n  };\n  return (\n    <div data-slot='menu-combobox-search' class='gap-2 px-3 py-2 flex items-center border-b'>\n      <OutlineSearchIcon class='size-4 shrink-0 text-muted-foreground' />\n      <input\n        type='text'\n        class={cn(\n          'text-sm flex-1 bg-transparent outline-none placeholder:text-muted-foreground',\n          local.class,\n        )}\n        onInput={handleInput}\n        value={local.value}\n        {...others}\n      />\n    </div>\n  );\n};\nexport const MenuComboboxItem: Component<MenuPrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <MenuPrimitive.Item\n      data-slot='menu-combobox-item'\n      class={cn(\n        'px-3 py-2 text-sm mx-1 my-0.5 relative flex cursor-default items-center rounded-sm transition-colors outline-none select-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[disabled=true]:opacity-50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\nexport const MenuComboboxTriggerItem: Component<MenuPrimitive.TriggerItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <MenuPrimitive.TriggerItem\n      data-slot='menu-combobox-trigger-item'\n      class={cn(\n        'px-3 py-2 text-sm mx-1 my-0.5 flex cursor-default items-center rounded-sm outline-none select-none data-highlighted:bg-accent data-highlighted:text-accent-foreground',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n      <OutlineChevronRightIcon class='size-4 ml-auto' />\n    </MenuPrimitive.TriggerItem>\n  );\n};\nexport const MenuComboboxItemGroupLabel: Component<MenuPrimitive.ItemGroupLabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <MenuPrimitive.ItemGroupLabel\n      data-slot='menu-combobox-item-group-label'\n      class={cn('px-3 py-1.5 text-xs font-semibold text-muted-foreground', local.class)}\n      {...others}\n    />\n  );\n};\nexport const MenuComboboxSeparator: Component<MenuPrimitive.SeparatorProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <MenuPrimitive.Separator\n      data-slot='menu-combobox-separator'\n      class={cn('-mx-1 my-1 h-px bg-muted', local.class)}\n      {...others}\n    />\n  );\n};\nexport const MenuComboboxItemIndicator: Component<MenuPrimitive.ItemIndicatorProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <MenuPrimitive.ItemIndicator\n      data-slot='menu-combobox-item-indicator'\n      class={cn('right-3 size-3.5 absolute flex items-center justify-center', local.class)}\n      {...others}\n    >\n      {local.children ?? <OutlineCheckIcon class='size-4' />}\n    </MenuPrimitive.ItemIndicator>\n  );\n};\nexport const MenuComboboxCheckboxItem: Component<MenuPrimitive.CheckboxItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <MenuPrimitive.CheckboxItem\n      data-slot='menu-combobox-checkbox-item'\n      class={cn(\n        'py-2 pr-3 pl-9 text-sm mx-1 my-0.5 relative flex cursor-default items-center rounded-sm transition-colors outline-none select-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[disabled=true]:opacity-50',\n        local.class,\n      )}\n      {...others}\n    >\n      <MenuPrimitive.ItemIndicator class='left-3 size-3.5 absolute flex items-center justify-center'>\n        <OutlineCheckIcon class='size-4' />\n      </MenuPrimitive.ItemIndicator>\n      <MenuPrimitive.ItemText>{local.children}</MenuPrimitive.ItemText>\n    </MenuPrimitive.CheckboxItem>\n  );\n};\nexport const MenuComboboxRadioItem: Component<MenuPrimitive.RadioItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <MenuPrimitive.RadioItem\n      data-slot='menu-combobox-radio-item'\n      class={cn(\n        'py-2 pr-3 pl-9 text-sm mx-1 my-0.5 relative flex cursor-default items-center rounded-sm transition-colors outline-none select-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[disabled=true]:opacity-50',\n        local.class,\n      )}\n      {...others}\n    >\n      <MenuPrimitive.ItemIndicator class='left-3 size-3.5 absolute flex items-center justify-center'>\n        <div class='size-2 rounded-full bg-current' />\n      </MenuPrimitive.ItemIndicator>\n      <MenuPrimitive.ItemText>{local.children}</MenuPrimitive.ItemText>\n    </MenuPrimitive.RadioItem>\n  );\n};\nexport const MenuComboboxShortcut: Component<ComponentProps<'span'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <span class={cn('text-xs tracking-widest ml-auto opacity-60', local.class)} {...others} />;\n};\n\nexport type MenuComboboxEmptyProps = ComponentProps<'div'> & { searchValue?: string };\nexport const MenuComboboxEmpty: Component<MenuComboboxEmptyProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'searchValue']);\n  return (\n    <div\n      data-slot='menu-combobox-empty'\n      class={cn('py-6 text-sm text-center text-muted-foreground', local.class)}\n      {...others}\n    >\n      No results found.\n    </div>\n  );\n};\nexport type {\n  MenuCheckboxItemData,\n  MenuComboboxGroupedListProps,\n  MenuComboboxListProps,\n  MenuItemData,\n  MenuItemGroupData,\n  MenuRadioGroupData,\n  MenuRadioItemData,\n  MenuSeparatorData,\n} from './MenuComboboxList';\nexport { MenuComboboxGroupedList, MenuComboboxList } from './MenuComboboxList';\n"],"names":["MenuCombobox","MenuPrimitive","Root","MenuComboboxTrigger","Trigger","MenuComboboxContext","Context","MenuComboboxItemGroup","ItemGroup","MenuComboboxItemText","ItemText","MenuComboboxRadioItemGroup","RadioItemGroup","MenuComboboxPositioner","props","local","others","splitProps","_$createComponent","Positioner","_$mergeProps","cn","class","MenuComboboxContent","Content","MenuComboboxSearchInput","handleInput","inputEvent","onValueChange","currentTarget","value","_el$","_tmpl$","_el$2","firstChild","_$insert","OutlineSearchIcon","$$input","_$spread","MenuComboboxItem","Item","MenuComboboxTriggerItem","TriggerItem","children","_$memo","OutlineChevronRightIcon","MenuComboboxItemGroupLabel","ItemGroupLabel","MenuComboboxSeparator","Separator","MenuComboboxItemIndicator","ItemIndicator","OutlineCheckIcon","MenuComboboxCheckboxItem","CheckboxItem","MenuComboboxRadioItem","RadioItem","_tmpl$2","MenuComboboxShortcut","_el$4","_tmpl$3","MenuComboboxEmpty","_el$5","_tmpl$4","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"MenuCombobox.js","sources":["../../src/components/MenuCombobox.tsx"],"sourcesContent":["import { Menu as MenuPrimitive } from '@ark-ui/solid/menu';\nimport { type Component, type ComponentProps, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport CheckIcon from '~icons/material-symbols/check';\nimport ChevronRightIcon from '~icons/material-symbols/chevron-right';\nimport SearchIcon from '~icons/material-symbols/search';\n\nexport const MenuCombobox = MenuPrimitive.Root;\nexport const MenuComboboxTrigger = MenuPrimitive.Trigger;\nexport const MenuComboboxContext = MenuPrimitive.Context;\nexport const MenuComboboxItemGroup = MenuPrimitive.ItemGroup;\nexport const MenuComboboxItemText = MenuPrimitive.ItemText;\nexport const MenuComboboxRadioItemGroup = MenuPrimitive.RadioItemGroup;\n\nexport const MenuComboboxPositioner: Component<MenuPrimitive.PositionerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <MenuPrimitive.Positioner\n      data-slot='menu-combobox-positioner'\n      class={cn('isolate z-50', local.class)}\n      {...others}\n    />\n  );\n};\nexport const MenuComboboxContent: Component<MenuPrimitive.ContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <MenuPrimitive.Content\n      data-slot='menu-combobox-content'\n      class={cn(\n        'min-w-48 p-0 shadow-md isolate overflow-hidden rounded-md border bg-popover text-popover-foreground outline-none',\n        '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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\nexport type MenuComboboxSearchInputProps = ComponentProps<'input'> & {\n  onValueChange?: (value: string) => void;\n};\nexport const MenuComboboxSearchInput: Component<MenuComboboxSearchInputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'onValueChange', 'value']);\n  const handleInput = (inputEvent: InputEvent & { currentTarget: HTMLInputElement }): void => {\n    if (typeof local.onValueChange === 'function') {\n      local.onValueChange(inputEvent.currentTarget.value);\n    }\n  };\n  return (\n    <div data-slot='menu-combobox-search' class='gap-2 px-3 py-2 flex items-center border-b'>\n      <SearchIcon class='size-4 shrink-0 text-muted-foreground' />\n      <input\n        type='text'\n        class={cn(\n          'text-sm flex-1 bg-transparent outline-none placeholder:text-muted-foreground',\n          local.class,\n        )}\n        onInput={handleInput}\n        value={local.value}\n        {...others}\n      />\n    </div>\n  );\n};\nexport const MenuComboboxItem: Component<MenuPrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <MenuPrimitive.Item\n      data-slot='menu-combobox-item'\n      class={cn(\n        'px-3 py-2 text-sm mx-1 my-0.5 relative flex cursor-default items-center rounded-sm transition-colors outline-none select-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[disabled=true]:opacity-50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\nexport const MenuComboboxTriggerItem: Component<MenuPrimitive.TriggerItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <MenuPrimitive.TriggerItem\n      data-slot='menu-combobox-trigger-item'\n      class={cn(\n        'px-3 py-2 text-sm mx-1 my-0.5 flex cursor-default items-center rounded-sm outline-none select-none data-highlighted:bg-accent data-highlighted:text-accent-foreground',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n      <ChevronRightIcon class='size-4 ml-auto' />\n    </MenuPrimitive.TriggerItem>\n  );\n};\nexport const MenuComboboxItemGroupLabel: Component<MenuPrimitive.ItemGroupLabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <MenuPrimitive.ItemGroupLabel\n      data-slot='menu-combobox-item-group-label'\n      class={cn('px-3 py-1.5 text-xs font-semibold text-muted-foreground', local.class)}\n      {...others}\n    />\n  );\n};\nexport const MenuComboboxSeparator: Component<MenuPrimitive.SeparatorProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <MenuPrimitive.Separator\n      data-slot='menu-combobox-separator'\n      class={cn('-mx-1 my-1 h-px bg-muted', local.class)}\n      {...others}\n    />\n  );\n};\nexport const MenuComboboxItemIndicator: Component<MenuPrimitive.ItemIndicatorProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <MenuPrimitive.ItemIndicator\n      data-slot='menu-combobox-item-indicator'\n      class={cn('right-3 size-3.5 absolute flex items-center justify-center', local.class)}\n      {...others}\n    >\n      {local.children ?? <CheckIcon class='size-4' />}\n    </MenuPrimitive.ItemIndicator>\n  );\n};\nexport const MenuComboboxCheckboxItem: Component<MenuPrimitive.CheckboxItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <MenuPrimitive.CheckboxItem\n      data-slot='menu-combobox-checkbox-item'\n      class={cn(\n        'py-2 pr-3 pl-9 text-sm mx-1 my-0.5 relative flex cursor-default items-center rounded-sm transition-colors outline-none select-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[disabled=true]:opacity-50',\n        local.class,\n      )}\n      {...others}\n    >\n      <MenuPrimitive.ItemIndicator class='left-3 size-3.5 absolute flex items-center justify-center'>\n        <CheckIcon class='size-4' />\n      </MenuPrimitive.ItemIndicator>\n      <MenuPrimitive.ItemText>{local.children}</MenuPrimitive.ItemText>\n    </MenuPrimitive.CheckboxItem>\n  );\n};\nexport const MenuComboboxRadioItem: Component<MenuPrimitive.RadioItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <MenuPrimitive.RadioItem\n      data-slot='menu-combobox-radio-item'\n      class={cn(\n        'py-2 pr-3 pl-9 text-sm mx-1 my-0.5 relative flex cursor-default items-center rounded-sm transition-colors outline-none select-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[disabled=true]:opacity-50',\n        local.class,\n      )}\n      {...others}\n    >\n      <MenuPrimitive.ItemIndicator class='left-3 size-3.5 absolute flex items-center justify-center'>\n        <div class='size-2 rounded-full bg-current' />\n      </MenuPrimitive.ItemIndicator>\n      <MenuPrimitive.ItemText>{local.children}</MenuPrimitive.ItemText>\n    </MenuPrimitive.RadioItem>\n  );\n};\nexport const MenuComboboxShortcut: Component<ComponentProps<'span'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <span class={cn('text-xs tracking-widest ml-auto opacity-60', local.class)} {...others} />;\n};\n\nexport type MenuComboboxEmptyProps = ComponentProps<'div'> & { searchValue?: string };\nexport const MenuComboboxEmpty: Component<MenuComboboxEmptyProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'searchValue']);\n  return (\n    <div\n      data-slot='menu-combobox-empty'\n      class={cn('py-6 text-sm text-center text-muted-foreground', local.class)}\n      {...others}\n    >\n      No results found.\n    </div>\n  );\n};\nexport type {\n  MenuCheckboxItemData,\n  MenuComboboxGroupedListProps,\n  MenuComboboxListProps,\n  MenuItemData,\n  MenuItemGroupData,\n  MenuRadioGroupData,\n  MenuRadioItemData,\n  MenuSeparatorData,\n} from './MenuComboboxList';\nexport { MenuComboboxGroupedList, MenuComboboxList } from './MenuComboboxList';\n"],"names":["MenuCombobox","MenuPrimitive","Root","MenuComboboxTrigger","Trigger","MenuComboboxContext","Context","MenuComboboxItemGroup","ItemGroup","MenuComboboxItemText","ItemText","MenuComboboxRadioItemGroup","RadioItemGroup","MenuComboboxPositioner","props","local","others","splitProps","_$createComponent","Positioner","_$mergeProps","cn","class","MenuComboboxContent","Content","MenuComboboxSearchInput","handleInput","inputEvent","onValueChange","currentTarget","value","_el$","_tmpl$","_el$2","firstChild","_$insert","SearchIcon","$$input","_$spread","MenuComboboxItem","Item","MenuComboboxTriggerItem","TriggerItem","children","_$memo","ChevronRightIcon","MenuComboboxItemGroupLabel","ItemGroupLabel","MenuComboboxSeparator","Separator","MenuComboboxItemIndicator","ItemIndicator","CheckIcon","MenuComboboxCheckboxItem","CheckboxItem","MenuComboboxRadioItem","RadioItem","_tmpl$2","MenuComboboxShortcut","_el$4","_tmpl$3","MenuComboboxEmpty","_el$5","_tmpl$4","_$delegateEvents"],"mappings":"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"}

package/dist/components/NavigationMenu.js

@@ -2,7 +2,7 @@ import { createComponent as n, mergeProps as a, memo as c } from "solid-js/web";
 import { NavigationMenu as r } from "../node_modules/.bun/@ark-ui_solid@5.34.0_95b571dd5236cc92/node_modules/@ark-ui/solid/dist/components/navigation-menu/index.js";
 import { splitProps as s } from "solid-js";
 import { cn as i } from "../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
-import l from "../_virtual/outline-expand-more.js";
+import l from "../_virtual/expand-more.js";
 const v = (e) => {
   const [t, o] = s(e, ["class", "children"]);
   return n(r.Root, a({
@@ -55,7 +55,7 @@ const v = (e) => {
   return n(r.Content, a({
     "data-slot": "navigation-menu-content",
     get class() {
-      return i("p-4 shadow-md h-auto w-auto origin-top-left rounded-md bg-popover text-popover-foreground ring-1 ring-foreground/10 outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", "absolute top-full left-0 mt-1.5 min-w-[12rem]", t.class);
+      return i("p-4 shadow-md h-auto w-auto origin-top-left rounded-md bg-popover text-popover-foreground ring-1 ring-foreground/10 outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", "left-0 mt-1.5 absolute top-full min-w-[12rem]", t.class);
     }
   }, o));
 }, b = (e) => {
@@ -63,7 +63,7 @@ const v = (e) => {
   return n(r.Indicator, a({
     "data-slot": "navigation-menu-indicator",
     get class() {
-      return i("top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=open]:fade-in", t.class);
+      return i("h-1.5 top-full z-[1] flex items-end justify-center overflow-hidden data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=open]:animate-in data-[state=open]:fade-in", t.class);
     }
   }, o));
 }, M = (e) => {
@@ -71,7 +71,7 @@ const v = (e) => {
   return n(r.Arrow, a({
     "data-slot": "navigation-menu-arrow",
     get class() {
-      return i("relative top-[70%] h-2 w-2 rotate-45 rounded-tl-sm border-l border-t bg-border shadow-md", t.class);
+      return i("h-2 w-2 shadow-md relative top-[70%] rotate-45 rounded-tl-sm border-t border-l bg-border", t.class);
     }
   }, o));
 }, N = (e) => {
@@ -79,7 +79,7 @@ const v = (e) => {
   return n(r.Viewport, a({
     "data-slot": "navigation-menu-viewport",
     get class() {
-      return i("origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]", t.class);
+      return i("origin-top-center mt-1.5 shadow-lg md:w-[var(--radix-navigation-menu-viewport-width)] relative h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:zoom-in-90", t.class);
     }
   }, o));
 }, y = (e) => {

package/dist/components/NavigationMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.js","sources":["../../src/components/NavigationMenu.tsx"],"sourcesContent":["import { NavigationMenu as NavigationMenuPrimitive } from '@ark-ui/solid/navigation-menu';\nimport { type Component, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport OutlineExpandMoreIcon from '~icons/ic/outline-expand-more';\n\nexport const NavigationMenu: Component<NavigationMenuPrimitive.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot='navigation-menu'\n      class={cn(\n        'group/navigation-menu relative flex max-w-max flex-1 items-center justify-center',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </NavigationMenuPrimitive.Root>\n  );\n};\n\nexport const NavigationMenuList: Component<NavigationMenuPrimitive.ListProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot='navigation-menu-list'\n      class={cn('gap-1 group flex flex-1 list-none items-center justify-center', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const NavigationMenuItem: Component<NavigationMenuPrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <NavigationMenuPrimitive.Item\n      data-slot='navigation-menu-item'\n      class={cn('relative', local.class)}\n      {...others}\n    >\n      {local.children}\n    </NavigationMenuPrimitive.Item>\n  );\n};\n\nexport const NavigationMenuTrigger: Component<NavigationMenuPrimitive.TriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot='navigation-menu-trigger'\n      class={cn(\n        'group h-9 px-4 py-2 text-sm font-medium inline-flex w-max items-center justify-center rounded-md bg-background transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-active:bg-accent/50 data-[state=open]:bg-accent/50',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}{' '}\n      <OutlineExpandMoreIcon\n        class='ml-1 size-3 relative top-px transition duration-300 group-data-[state=open]:rotate-180'\n        aria-hidden='true'\n      />\n    </NavigationMenuPrimitive.Trigger>\n  );\n};\n\nexport const NavigationMenuContent: Component<NavigationMenuPrimitive.ContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot='navigation-menu-content'\n      class={cn(\n        'p-4 shadow-md h-auto w-auto origin-top-left rounded-md bg-popover text-popover-foreground ring-1 ring-foreground/10 outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',\n        'absolute top-full left-0 mt-1.5 min-w-[12rem]',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const NavigationMenuIndicator: Component<NavigationMenuPrimitive.IndicatorProps> = (\n  props,\n) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <NavigationMenuPrimitive.Indicator\n      data-slot='navigation-menu-indicator'\n      class={cn(\n        'top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=open]:fade-in',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const NavigationMenuArrow: Component<NavigationMenuPrimitive.ArrowProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <NavigationMenuPrimitive.Arrow\n      data-slot='navigation-menu-arrow'\n      class={cn(\n        'relative top-[70%] h-2 w-2 rotate-45 rounded-tl-sm border-l border-t bg-border shadow-md',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const NavigationMenuViewport: Component<NavigationMenuPrimitive.ViewportProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <NavigationMenuPrimitive.Viewport\n      data-slot='navigation-menu-viewport'\n      class={cn(\n        'origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const NavigationMenuLink: Component<NavigationMenuPrimitive.LinkProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot='navigation-menu-link'\n      class={cn(\n        'space-y-1 p-3 block rounded-md leading-none no-underline transition-colors outline-none select-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"names":["NavigationMenu","props","local","others","splitProps","_$createComponent","NavigationMenuPrimitive","Root","_$mergeProps","cn","class","children","NavigationMenuList","List","NavigationMenuItem","Item","NavigationMenuTrigger","Trigger","_$memo","OutlineExpandMoreIcon","NavigationMenuContent","Content","NavigationMenuIndicator","Indicator","NavigationMenuArrow","Arrow","NavigationMenuViewport","Viewport","NavigationMenuLink","Link"],"mappings":"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"}
+{"version":3,"file":"NavigationMenu.js","sources":["../../src/components/NavigationMenu.tsx"],"sourcesContent":["import { NavigationMenu as NavigationMenuPrimitive } from '@ark-ui/solid/navigation-menu';\nimport { type Component, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport ExpandMoreIcon from '~icons/material-symbols/expand-more';\n\nexport const NavigationMenu: Component<NavigationMenuPrimitive.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot='navigation-menu'\n      class={cn(\n        'group/navigation-menu relative flex max-w-max flex-1 items-center justify-center',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </NavigationMenuPrimitive.Root>\n  );\n};\n\nexport const NavigationMenuList: Component<NavigationMenuPrimitive.ListProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot='navigation-menu-list'\n      class={cn('gap-1 group flex flex-1 list-none items-center justify-center', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const NavigationMenuItem: Component<NavigationMenuPrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <NavigationMenuPrimitive.Item\n      data-slot='navigation-menu-item'\n      class={cn('relative', local.class)}\n      {...others}\n    >\n      {local.children}\n    </NavigationMenuPrimitive.Item>\n  );\n};\n\nexport const NavigationMenuTrigger: Component<NavigationMenuPrimitive.TriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot='navigation-menu-trigger'\n      class={cn(\n        'group h-9 px-4 py-2 text-sm font-medium inline-flex w-max items-center justify-center rounded-md bg-background transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-active:bg-accent/50 data-[state=open]:bg-accent/50',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}{' '}\n      <ExpandMoreIcon\n        class='ml-1 size-3 relative top-px transition duration-300 group-data-[state=open]:rotate-180'\n        aria-hidden='true'\n      />\n    </NavigationMenuPrimitive.Trigger>\n  );\n};\n\nexport const NavigationMenuContent: Component<NavigationMenuPrimitive.ContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot='navigation-menu-content'\n      class={cn(\n        'p-4 shadow-md h-auto w-auto origin-top-left rounded-md bg-popover text-popover-foreground ring-1 ring-foreground/10 outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',\n        'left-0 mt-1.5 absolute top-full min-w-[12rem]',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const NavigationMenuIndicator: Component<NavigationMenuPrimitive.IndicatorProps> = (\n  props,\n) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <NavigationMenuPrimitive.Indicator\n      data-slot='navigation-menu-indicator'\n      class={cn(\n        'h-1.5 top-full z-[1] flex items-end justify-center overflow-hidden data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=open]:animate-in data-[state=open]:fade-in',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const NavigationMenuArrow: Component<NavigationMenuPrimitive.ArrowProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <NavigationMenuPrimitive.Arrow\n      data-slot='navigation-menu-arrow'\n      class={cn(\n        'h-2 w-2 shadow-md relative top-[70%] rotate-45 rounded-tl-sm border-t border-l bg-border',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const NavigationMenuViewport: Component<NavigationMenuPrimitive.ViewportProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <NavigationMenuPrimitive.Viewport\n      data-slot='navigation-menu-viewport'\n      class={cn(\n        'origin-top-center mt-1.5 shadow-lg md:w-[var(--radix-navigation-menu-viewport-width)] relative h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:zoom-in-90',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const NavigationMenuLink: Component<NavigationMenuPrimitive.LinkProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot='navigation-menu-link'\n      class={cn(\n        'space-y-1 p-3 block rounded-md leading-none no-underline transition-colors outline-none select-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"names":["NavigationMenu","props","local","others","splitProps","_$createComponent","NavigationMenuPrimitive","Root","_$mergeProps","cn","class","children","NavigationMenuList","List","NavigationMenuItem","Item","NavigationMenuTrigger","Trigger","_$memo","ExpandMoreIcon","NavigationMenuContent","Content","NavigationMenuIndicator","Indicator","NavigationMenuArrow","Arrow","NavigationMenuViewport","Viewport","NavigationMenuLink","Link"],"mappings":"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"}

package/dist/components/NumberInput.js

@@ -2,8 +2,8 @@ import { createComponent as n, mergeProps as o, template as c, spread as d, inse
 import { number_input_exports as s } from "../node_modules/.bun/@ark-ui_solid@5.34.0_95b571dd5236cc92/node_modules/@ark-ui/solid/dist/chunk/5UOOPLZE.js";
 import { splitProps as l } from "solid-js";
 import { cn as a } from "../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
-import b from "../_virtual/outline-expand-less.js";
-import g from "../_virtual/outline-expand-more.js";
+import b from "../_virtual/expand-less.js";
+import g from "../_virtual/expand-more.js";
 var m = /* @__PURE__ */ c("<div data-slot=number-input-triggers>");
 const T = s.Context, C = (r) => {
   const [e, t] = l(r, ["class"]);

package/dist/components/NumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","sources":["../../src/components/NumberInput.tsx"],"sourcesContent":["import { NumberInput as PrimitiveNumberInput } from '@ark-ui/solid/number-input';\nimport { type Component, type ComponentProps, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport OutlineExpandLessIcon from '~icons/ic/outline-expand-less';\nimport OutlineExpandMoreIcon from '~icons/ic/outline-expand-more';\n\nexport const NumberInputContext = PrimitiveNumberInput.Context;\n\nexport const NumberInput: Component<PrimitiveNumberInput.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveNumberInput.Root\n      class={cn('group/number-input flex w-full flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const NumberInputLabel: Component<PrimitiveNumberInput.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveNumberInput.Label\n      class={cn(\n        'mb-1 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const NumberInputControl: Component<PrimitiveNumberInput.ControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <PrimitiveNumberInput.Control\n      data-slot='number-input-control'\n      class={cn(\n        'min-w-0 h-8 relative flex w-full items-center overflow-hidden rounded-lg border border-input transition-colors outline-none dark:bg-input/30',\n        'has-focus-visible:border-ring has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50',\n        'data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40',\n        'data-[disabled=true]:bg-input/50 data-[disabled=true]:opacity-50 dark:data-[disabled=true]:bg-input/80',\n        'data-[readonly=true]:has-focus-visible:border-input data-[readonly=true]:has-focus-visible:ring-0',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const NumberInputInput: Component<PrimitiveNumberInput.InputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveNumberInput.Input\n      class={cn(\n        'min-w-0 text-base md:text-sm flex w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default',\n        'px-0 py-0 h-full border-none bg-transparent shadow-none ring-0 focus-visible:ring-0',\n        'pl-2.5 pr-2.5 group-has-data-[slot=number-input-triggers]/number-input:pr-8 transition-all',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const NumberInputIncrementTrigger: Component<PrimitiveNumberInput.IncrementTriggerProps> = (\n  props,\n) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <PrimitiveNumberInput.IncrementTrigger\n      data-slot='number-input-increment-trigger'\n      class={cn(\n        'px-1 flex flex-1 cursor-pointer items-center justify-center border-b text-muted-foreground transition-colors last:border-b-0 hover:bg-muted hover:text-foreground disabled:opacity-50',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children ?? <OutlineExpandLessIcon class='size-3.5' />}\n    </PrimitiveNumberInput.IncrementTrigger>\n  );\n};\n\nexport const NumberInputDecrementTrigger: Component<PrimitiveNumberInput.DecrementTriggerProps> = (\n  props,\n) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <PrimitiveNumberInput.DecrementTrigger\n      data-slot='number-input-decrement-trigger'\n      class={cn(\n        'px-1 flex flex-1 cursor-pointer items-center justify-center border-b text-muted-foreground transition-colors last:border-b-0 hover:bg-muted hover:text-foreground disabled:opacity-50',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children ?? <OutlineExpandMoreIcon class='size-3.5' />}\n    </PrimitiveNumberInput.DecrementTrigger>\n  );\n};\n\nexport const NumberInputTriggers: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <PrimitiveNumberInput.Context>\n      {(api) => (\n        <div\n          data-slot='number-input-triggers'\n          data-focus={api().focused ? '' : false}\n          data-invalid={api().invalid ? '' : false}\n          class={cn(\n            'top-0 right-0 absolute flex h-full flex-col border-l border-input transition-colors',\n            local.class,\n          )}\n          {...others}\n        >\n          {local.children ?? (\n            <>\n              <NumberInputIncrementTrigger />\n              <NumberInputDecrementTrigger />\n            </>\n          )}\n        </div>\n      )}\n    </PrimitiveNumberInput.Context>\n  );\n};\n\nexport const NumberInputScrubber: Component<PrimitiveNumberInput.ScrubberProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveNumberInput.Scrubber\n      data-slot='number-input-scrubber'\n      class={cn('cursor-ew-resize', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const NumberInputValueText: Component<PrimitiveNumberInput.ValueTextProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveNumberInput.ValueText\n      data-slot='number-input-value-text'\n      class={cn('text-sm', local.class)}\n      {...others}\n    />\n  );\n};\n"],"names":["NumberInputContext","PrimitiveNumberInput","Context","NumberInput","props","local","others","splitProps","_$createComponent","Root","_$mergeProps","cn","class","NumberInputLabel","Label","NumberInputControl","Control","NumberInputInput","Input","NumberInputIncrementTrigger","IncrementTrigger","children","OutlineExpandLessIcon","NumberInputDecrementTrigger","DecrementTrigger","OutlineExpandMoreIcon","NumberInputTriggers","api","_el$","_tmpl$","_$spread","focused","invalid","_$insert","NumberInputScrubber","Scrubber","NumberInputValueText","ValueText"],"mappings":"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"}
+{"version":3,"file":"NumberInput.js","sources":["../../src/components/NumberInput.tsx"],"sourcesContent":["import { NumberInput as PrimitiveNumberInput } from '@ark-ui/solid/number-input';\nimport { type Component, type ComponentProps, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport ExpandLessIcon from '~icons/material-symbols/expand-less';\nimport ExpandMoreIcon from '~icons/material-symbols/expand-more';\n\nexport const NumberInputContext = PrimitiveNumberInput.Context;\n\nexport const NumberInput: Component<PrimitiveNumberInput.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveNumberInput.Root\n      class={cn('group/number-input flex w-full flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const NumberInputLabel: Component<PrimitiveNumberInput.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveNumberInput.Label\n      class={cn(\n        'mb-1 gap-2 text-sm font-medium flex items-center leading-none select-none group-data-disabled:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const NumberInputControl: Component<PrimitiveNumberInput.ControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <PrimitiveNumberInput.Control\n      data-slot='number-input-control'\n      class={cn(\n        'min-w-0 h-8 relative flex w-full items-center overflow-hidden rounded-lg border border-input transition-colors outline-none dark:bg-input/30',\n        'has-focus-visible:border-ring has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50',\n        'data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40',\n        'data-[disabled=true]:bg-input/50 data-[disabled=true]:opacity-50 dark:data-[disabled=true]:bg-input/80',\n        'data-[readonly=true]:has-focus-visible:border-input data-[readonly=true]:has-focus-visible:ring-0',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const NumberInputInput: Component<PrimitiveNumberInput.InputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveNumberInput.Input\n      class={cn(\n        'min-w-0 text-base md:text-sm flex w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default',\n        'px-0 py-0 h-full border-none bg-transparent shadow-none ring-0 focus-visible:ring-0',\n        'pl-2.5 pr-2.5 group-has-data-[slot=number-input-triggers]/number-input:pr-8 transition-all',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const NumberInputIncrementTrigger: Component<PrimitiveNumberInput.IncrementTriggerProps> = (\n  props,\n) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <PrimitiveNumberInput.IncrementTrigger\n      data-slot='number-input-increment-trigger'\n      class={cn(\n        'px-1 flex flex-1 cursor-pointer items-center justify-center border-b text-muted-foreground transition-colors last:border-b-0 hover:bg-muted hover:text-foreground disabled:opacity-50',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children ?? <ExpandLessIcon class='size-3.5' />}\n    </PrimitiveNumberInput.IncrementTrigger>\n  );\n};\n\nexport const NumberInputDecrementTrigger: Component<PrimitiveNumberInput.DecrementTriggerProps> = (\n  props,\n) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <PrimitiveNumberInput.DecrementTrigger\n      data-slot='number-input-decrement-trigger'\n      class={cn(\n        'px-1 flex flex-1 cursor-pointer items-center justify-center border-b text-muted-foreground transition-colors last:border-b-0 hover:bg-muted hover:text-foreground disabled:opacity-50',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children ?? <ExpandMoreIcon class='size-3.5' />}\n    </PrimitiveNumberInput.DecrementTrigger>\n  );\n};\n\nexport const NumberInputTriggers: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <PrimitiveNumberInput.Context>\n      {(api) => (\n        <div\n          data-slot='number-input-triggers'\n          data-focus={api().focused ? '' : false}\n          data-invalid={api().invalid ? '' : false}\n          class={cn(\n            'top-0 right-0 absolute flex h-full flex-col border-l border-input transition-colors',\n            local.class,\n          )}\n          {...others}\n        >\n          {local.children ?? (\n            <>\n              <NumberInputIncrementTrigger />\n              <NumberInputDecrementTrigger />\n            </>\n          )}\n        </div>\n      )}\n    </PrimitiveNumberInput.Context>\n  );\n};\n\nexport const NumberInputScrubber: Component<PrimitiveNumberInput.ScrubberProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveNumberInput.Scrubber\n      data-slot='number-input-scrubber'\n      class={cn('cursor-ew-resize', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const NumberInputValueText: Component<PrimitiveNumberInput.ValueTextProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveNumberInput.ValueText\n      data-slot='number-input-value-text'\n      class={cn('text-sm', local.class)}\n      {...others}\n    />\n  );\n};\n"],"names":["NumberInputContext","PrimitiveNumberInput","Context","NumberInput","props","local","others","splitProps","_$createComponent","Root","_$mergeProps","cn","class","NumberInputLabel","Label","NumberInputControl","Control","NumberInputInput","Input","NumberInputIncrementTrigger","IncrementTrigger","children","ExpandLessIcon","NumberInputDecrementTrigger","DecrementTrigger","ExpandMoreIcon","NumberInputTriggers","api","_el$","_tmpl$","_$spread","focused","invalid","_$insert","NumberInputScrubber","Scrubber","NumberInputValueText","ValueText"],"mappings":"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"}

package/dist/components/Pagination.js

@@ -2,15 +2,15 @@ import { createComponent as n, mergeProps as o, template as c, spread as u, inse
 import { pagination_exports as i } from "../node_modules/.bun/@ark-ui_solid@5.34.0_95b571dd5236cc92/node_modules/@ark-ui/solid/dist/chunk/UQTBTRSG.js";
 import { splitProps as s } from "solid-js";
 import { cn as l } from "../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
-import m from "../_virtual/outline-chevron-left.js";
-import f from "../_virtual/outline-chevron-right.js";
-import h from "../_virtual/outline-more-horiz.js";
+import m from "../_virtual/chevron-left.js";
+import f from "../_virtual/chevron-right.js";
+import h from "../_virtual/more-horiz.js";
 import { buttonVariants as p } from "./Button.js";
 import { ui_pagination_previous as v } from "../paraglide/messages/ui_pagination_previous.js";
 import { ui_pagination_next as _ } from "../paraglide/messages/ui_pagination_next.js";
 import { ui_pagination_more as x } from "../paraglide/messages/ui_pagination_more.js";
 var P = /* @__PURE__ */ c("<ul data-slot=pagination-content>"), $ = /* @__PURE__ */ c("<li data-slot=pagination-item>"), d = /* @__PURE__ */ c("<span>"), b = /* @__PURE__ */ c("<span class=sr-only>");
-const R = i.Context, T = (r) => {
+const T = i.Context, H = (r) => {
   const [t, a] = s(r, ["class"]);
   return n(i.Root, o({
     "data-slot": "pagination",
@@ -18,7 +18,7 @@ const R = i.Context, T = (r) => {
       return l("gap-1 mx-auto flex w-full justify-center", t.class);
     }
   }, a));
-}, H = (r) => {
+}, M = (r) => {
   const [t, a] = s(r, ["class"]);
   return (() => {
     var e = P();
@@ -28,7 +28,7 @@ const R = i.Context, T = (r) => {
       }
     }, a), !1, !1), e;
   })();
-}, M = (r) => {
+}, V = (r) => {
   const [t, a] = s(r, ["class"]);
   return (() => {
     var e = $();
@@ -38,7 +38,7 @@ const R = i.Context, T = (r) => {
       }
     }, a), !1, !1), e;
   })();
-}, V = (r) => {
+}, q = (r) => {
   const [t, a] = s(r, ["class", "children", "value", "type"]);
   return n(i.Item, o(a, {
     get value() {
@@ -58,7 +58,7 @@ const R = i.Context, T = (r) => {
       return t.children ?? t.value;
     }
   }));
-}, q = (r) => {
+}, A = (r) => {
   const [t, a] = s(r, ["class", "children"]);
   return n(i.PrevTrigger, o(a, {
     "data-slot": "pagination-previous",
@@ -75,7 +75,7 @@ const R = i.Context, T = (r) => {
       })()];
     }
   }));
-}, A = (r) => {
+}, B = (r) => {
   const [t, a] = s(r, ["class", "children"]);
   return n(i.NextTrigger, o(a, {
     "data-slot": "pagination-next",
@@ -92,7 +92,7 @@ const R = i.Context, T = (r) => {
       })(), n(f, {})];
     }
   }));
-}, B = (r) => {
+}, D = (r) => {
   const [t, a] = s(r, ["class"]);
   return n(i.Ellipsis, o(a, {
     "data-slot": "pagination-ellipsis",
@@ -110,13 +110,13 @@ const R = i.Context, T = (r) => {
   }));
 };
 export {
-  T as Pagination,
-  H as PaginationContent,
-  R as PaginationContext,
-  B as PaginationEllipsis,
-  M as PaginationItem,
-  V as PaginationLink,
-  A as PaginationNext,
-  q as PaginationPrevious
+  H as Pagination,
+  M as PaginationContent,
+  T as PaginationContext,
+  D as PaginationEllipsis,
+  V as PaginationItem,
+  q as PaginationLink,
+  B as PaginationNext,
+  A as PaginationPrevious
 };
 //# sourceMappingURL=Pagination.js.map

package/dist/components/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../src/components/Pagination.tsx"],"sourcesContent":["import { Pagination as PaginationPrimitive } from '@ark-ui/solid/pagination';\nimport { type Component, type ComponentProps, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport OutlineChevronLeftIcon from '~icons/ic/outline-chevron-left';\nimport OutlineChevronRightIcon from '~icons/ic/outline-chevron-right';\nimport OutlineMoreHorizIcon from '~icons/ic/outline-more-horiz';\n\nimport { buttonVariants } from '@/components/Button';\nimport * as messages from '@/paraglide/messages';\n\nexport const PaginationContext = PaginationPrimitive.Context;\n\nexport const Pagination: Component<PaginationPrimitive.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PaginationPrimitive.Root\n      data-slot='pagination'\n      class={cn('gap-1 mx-auto flex w-full justify-center', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const PaginationContent: Component<ComponentProps<'ul'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <ul\n      data-slot='pagination-content'\n      class={cn('gap-1 flex items-center', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const PaginationItem: Component<ComponentProps<'li'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <li data-slot='pagination-item' class={cn('', local.class)} {...others} />;\n};\n\nexport const PaginationLink: Component<PaginationPrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children', 'value', 'type']);\n  return (\n    <PaginationPrimitive.Item\n      {...others}\n      value={local.value}\n      type={local.type}\n      data-slot='pagination-link'\n      class={cn(\n        buttonVariants({\n          variant: 'ghost',\n          size: 'icon',\n        }),\n        'data-selected:border data-selected:border-border data-selected:bg-background data-selected:text-foreground data-selected:hover:bg-muted data-selected:hover:text-foreground',\n        local.class,\n      )}\n    >\n      {local.children ?? local.value}\n    </PaginationPrimitive.Item>\n  );\n};\n\nexport const PaginationPrevious: Component<PaginationPrimitive.PrevTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n\n  return (\n    <PaginationPrimitive.PrevTrigger\n      {...others}\n      data-slot='pagination-previous'\n      class={cn(\n        buttonVariants({\n          variant: 'ghost',\n          size: 'default',\n        }),\n        'gap-1 pl-2.5',\n        local.class,\n      )}\n    >\n      {local.children ?? (\n        <>\n          <OutlineChevronLeftIcon />\n          <span>{messages.ui_pagination_previous()}</span>\n        </>\n      )}\n    </PaginationPrimitive.PrevTrigger>\n  );\n};\n\nexport const PaginationNext: Component<PaginationPrimitive.NextTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n\n  return (\n    <PaginationPrimitive.NextTrigger\n      {...others}\n      data-slot='pagination-next'\n      class={cn(\n        buttonVariants({\n          variant: 'ghost',\n          size: 'default',\n        }),\n        'gap-1 pr-2.5',\n        local.class,\n      )}\n    >\n      {local.children ?? (\n        <>\n          <span>{messages.ui_pagination_next()}</span>\n          <OutlineChevronRightIcon />\n        </>\n      )}\n    </PaginationPrimitive.NextTrigger>\n  );\n};\n\nexport const PaginationEllipsis: Component<PaginationPrimitive.EllipsisProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <PaginationPrimitive.Ellipsis\n      {...others}\n      data-slot='pagination-ellipsis'\n      class={cn('h-9 w-9 flex items-center justify-center', local.class)}\n    >\n      <OutlineMoreHorizIcon class='size-4' />\n      <span class='sr-only'>{messages.ui_pagination_more()}</span>\n    </PaginationPrimitive.Ellipsis>\n  );\n};\n"],"names":["PaginationContext","PaginationPrimitive","Context","Pagination","props","local","others","splitProps","_$createComponent","Root","_$mergeProps","cn","class","PaginationContent","_el$","_tmpl$","_$spread","PaginationItem","_el$2","_tmpl$2","PaginationLink","Item","value","type","buttonVariants","variant","size","children","PaginationPrevious","PrevTrigger","OutlineChevronLeftIcon","_el$3","_tmpl$3","_$insert","messages","PaginationNext","NextTrigger","_el$4","OutlineChevronRightIcon","PaginationEllipsis","Ellipsis","OutlineMoreHorizIcon","_el$5","_tmpl$4"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","sources":["../../src/components/Pagination.tsx"],"sourcesContent":["import { Pagination as PaginationPrimitive } from '@ark-ui/solid/pagination';\nimport { type Component, type ComponentProps, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport ChevronLeftIcon from '~icons/material-symbols/chevron-left';\nimport ChevronRightIcon from '~icons/material-symbols/chevron-right';\nimport MoreHorizIcon from '~icons/material-symbols/more-horiz';\n\nimport { buttonVariants } from '@/components/Button';\nimport * as messages from '@/paraglide/messages';\n\nexport const PaginationContext = PaginationPrimitive.Context;\n\nexport const Pagination: Component<PaginationPrimitive.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PaginationPrimitive.Root\n      data-slot='pagination'\n      class={cn('gap-1 mx-auto flex w-full justify-center', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const PaginationContent: Component<ComponentProps<'ul'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <ul\n      data-slot='pagination-content'\n      class={cn('gap-1 flex items-center', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const PaginationItem: Component<ComponentProps<'li'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <li data-slot='pagination-item' class={cn('', local.class)} {...others} />;\n};\n\nexport const PaginationLink: Component<PaginationPrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children', 'value', 'type']);\n  return (\n    <PaginationPrimitive.Item\n      {...others}\n      value={local.value}\n      type={local.type}\n      data-slot='pagination-link'\n      class={cn(\n        buttonVariants({\n          variant: 'ghost',\n          size: 'icon',\n        }),\n        'data-selected:border data-selected:border-border data-selected:bg-background data-selected:text-foreground data-selected:hover:bg-muted data-selected:hover:text-foreground',\n        local.class,\n      )}\n    >\n      {local.children ?? local.value}\n    </PaginationPrimitive.Item>\n  );\n};\n\nexport const PaginationPrevious: Component<PaginationPrimitive.PrevTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n\n  return (\n    <PaginationPrimitive.PrevTrigger\n      {...others}\n      data-slot='pagination-previous'\n      class={cn(\n        buttonVariants({\n          variant: 'ghost',\n          size: 'default',\n        }),\n        'gap-1 pl-2.5',\n        local.class,\n      )}\n    >\n      {local.children ?? (\n        <>\n          <ChevronLeftIcon />\n          <span>{messages.ui_pagination_previous()}</span>\n        </>\n      )}\n    </PaginationPrimitive.PrevTrigger>\n  );\n};\n\nexport const PaginationNext: Component<PaginationPrimitive.NextTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n\n  return (\n    <PaginationPrimitive.NextTrigger\n      {...others}\n      data-slot='pagination-next'\n      class={cn(\n        buttonVariants({\n          variant: 'ghost',\n          size: 'default',\n        }),\n        'gap-1 pr-2.5',\n        local.class,\n      )}\n    >\n      {local.children ?? (\n        <>\n          <span>{messages.ui_pagination_next()}</span>\n          <ChevronRightIcon />\n        </>\n      )}\n    </PaginationPrimitive.NextTrigger>\n  );\n};\n\nexport const PaginationEllipsis: Component<PaginationPrimitive.EllipsisProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <PaginationPrimitive.Ellipsis\n      {...others}\n      data-slot='pagination-ellipsis'\n      class={cn('h-9 w-9 flex items-center justify-center', local.class)}\n    >\n      <MoreHorizIcon class='size-4' />\n      <span class='sr-only'>{messages.ui_pagination_more()}</span>\n    </PaginationPrimitive.Ellipsis>\n  );\n};\n"],"names":["PaginationContext","PaginationPrimitive","Context","Pagination","props","local","others","splitProps","_$createComponent","Root","_$mergeProps","cn","class","PaginationContent","_el$","_tmpl$","_$spread","PaginationItem","_el$2","_tmpl$2","PaginationLink","Item","value","type","buttonVariants","variant","size","children","PaginationPrevious","PrevTrigger","ChevronLeftIcon","_el$3","_tmpl$3","_$insert","messages","PaginationNext","NextTrigger","_el$4","ChevronRightIcon","PaginationEllipsis","Ellipsis","MoreHorizIcon","_el$5","_tmpl$4"],"mappings":"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"}