@manafishrov/ui 1.0.5 → 1.2.0

package/dist/components/Checkbox.js

@@ -1,13 +1,13 @@
 import { createComponent as a, mergeProps as i, memo as s } from "solid-js/web";
 import { checkbox_exports as o } from "../node_modules/.bun/@ark-ui_solid@5.34.0_95b571dd5236cc92/node_modules/@ark-ui/solid/dist/chunk/4CRPJKY4.js";
-import { splitProps as n } from "solid-js";
-import { cn as c } from "../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
-import d from "../_virtual/outline-check.js";
+import { splitProps as c } from "solid-js";
+import { cn as n } from "../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
+import d from "../_virtual/check.js";
 const h = o.Group, x = o.Context, f = (e) => {
-  const [t, r] = n(e, ["class"]);
+  const [t, r] = c(e, ["class"]);
   return a(o.Root, i({
     get class() {
-      return c("group/checkbox gap-2 relative flex w-fit items-center transition-none outline-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 data-[readonly=true]:cursor-default", t.class);
+      return n("group/checkbox gap-2 relative flex w-fit items-center transition-none outline-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 data-[readonly=true]:cursor-default", t.class);
     }
   }, r, {
     get children() {
@@ -15,19 +15,19 @@ const h = o.Group, x = o.Context, f = (e) => {
     }
   }));
 }, m = (e) => {
-  const [t, r] = n(e, ["class"]);
+  const [t, r] = c(e, ["class"]);
   return a(o.Control, i({
     "data-slot": "checkbox",
     get class() {
-      return c("peer size-4 shadow-xs relative flex shrink-0 items-center justify-center rounded-[4px] border border-input text-current transition-colors outline-none", "after:-inset-y-2 after:-inset-x-3 after:absolute", "data-[focus-visible]:border-ring data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50", "group-data-[focus-visible]/checkbox:border-ring group-data-[focus-visible]/checkbox:ring-[3px] group-data-[focus-visible]/checkbox:ring-ring/50", "group-has-focus-visible/checkbox:border-ring group-has-focus-visible/checkbox:ring-[3px] group-has-focus-visible/checkbox:ring-ring/50", "data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:border-destructive/50", "data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", "data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground", "data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50", "data-[readonly]:data-[focus-visible]:border-input data-[readonly]:data-[focus-visible]:ring-0", "group-data-[readonly]/checkbox:group-has-focus-visible/checkbox:border-input group-data-[readonly]/checkbox:group-has-focus-visible/checkbox:ring-0", t.class);
+      return n("peer size-4 shadow-xs relative flex shrink-0 items-center justify-center rounded-[4px] border border-input text-current transition-colors outline-none", "after:-inset-y-2 after:-inset-x-3 after:absolute", "data-[focus-visible]:border-ring data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50", "group-data-[focus-visible]/checkbox:border-ring group-data-[focus-visible]/checkbox:ring-[3px] group-data-[focus-visible]/checkbox:ring-ring/50", "group-has-focus-visible/checkbox:border-ring group-has-focus-visible/checkbox:ring-[3px] group-has-focus-visible/checkbox:ring-ring/50", "data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:border-destructive/50", "data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", "data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground", "data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50", "data-[readonly]:data-[focus-visible]:border-input data-[readonly]:data-[focus-visible]:ring-0", "group-data-[readonly]/checkbox:group-has-focus-visible/checkbox:border-input group-data-[readonly]/checkbox:group-has-focus-visible/checkbox:ring-0", t.class);
     }
   }, r));
 }, k = (e) => {
-  const [t, r] = n(e, ["class", "children"]);
+  const [t, r] = c(e, ["class", "children"]);
   return a(o.Indicator, i({
     "data-slot": "checkbox-indicator",
     get class() {
-      return c("[&>svg]:size-3.5 grid place-content-center text-current transition-none", t.class);
+      return n("[&>svg]:size-3.5 grid place-content-center text-current transition-none", t.class);
     }
   }, r, {
     get children() {
@@ -35,10 +35,10 @@ const h = o.Group, x = o.Context, f = (e) => {
     }
   }));
 }, v = (e) => {
-  const [t, r] = n(e, ["class"]);
+  const [t, r] = c(e, ["class"]);
   return a(o.Label, i({
     get class() {
-      return c("text-sm font-medium leading-none select-none", "data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-70", t.class);
+      return n("text-sm font-medium leading-none select-none", "data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-70", t.class);
     }
   }, r));
 };

package/dist/components/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../src/components/Checkbox.tsx"],"sourcesContent":["import { Checkbox as CheckboxPrimitive } from '@ark-ui/solid/checkbox';\nimport { type Component, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport OutlineCheckIcon from '~icons/ic/outline-check';\nexport const CheckboxGroup = CheckboxPrimitive.Group;\nexport const CheckboxContext = CheckboxPrimitive.Context;\n\nexport const Checkbox: Component<CheckboxPrimitive.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <CheckboxPrimitive.Root\n      class={cn(\n        'group/checkbox gap-2 relative flex w-fit items-center transition-none outline-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 data-[readonly=true]:cursor-default',\n        local.class,\n      )}\n      {...others}\n    >\n      {props.children}\n      <CheckboxPrimitive.HiddenInput />\n    </CheckboxPrimitive.Root>\n  );\n};\n\nexport const CheckboxControl: Component<CheckboxPrimitive.ControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <CheckboxPrimitive.Control\n      data-slot='checkbox'\n      class={cn(\n        'peer size-4 shadow-xs relative flex shrink-0 items-center justify-center rounded-[4px] border border-input text-current transition-colors outline-none',\n        'after:-inset-y-2 after:-inset-x-3 after:absolute',\n        'data-[focus-visible]:border-ring data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50',\n        'group-data-[focus-visible]/checkbox:border-ring group-data-[focus-visible]/checkbox:ring-[3px] group-data-[focus-visible]/checkbox:ring-ring/50',\n        'group-has-focus-visible/checkbox:border-ring group-has-focus-visible/checkbox:ring-[3px] group-has-focus-visible/checkbox:ring-ring/50',\n        'data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:border-destructive/50',\n        'data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground',\n        'data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground',\n        'data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50',\n        'data-[readonly]:data-[focus-visible]:border-input data-[readonly]:data-[focus-visible]:ring-0',\n        'group-data-[readonly]/checkbox:group-has-focus-visible/checkbox:border-input group-data-[readonly]/checkbox:group-has-focus-visible/checkbox:ring-0',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const CheckboxIndicator: Component<CheckboxPrimitive.IndicatorProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n\n  return (\n    <CheckboxPrimitive.Indicator\n      data-slot='checkbox-indicator'\n      class={cn(\n        '[&>svg]:size-3.5 grid place-content-center text-current transition-none',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children ?? <OutlineCheckIcon />}\n    </CheckboxPrimitive.Indicator>\n  );\n};\n\nexport const CheckboxLabel: Component<CheckboxPrimitive.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <CheckboxPrimitive.Label\n      class={cn(\n        'text-sm font-medium leading-none select-none',\n        'data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-70',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"names":["CheckboxGroup","CheckboxPrimitive","Group","CheckboxContext","Context","Checkbox","props","local","others","splitProps","_$createComponent","Root","_$mergeProps","cn","class","children","_$memo","HiddenInput","CheckboxControl","Control","CheckboxIndicator","Indicator","OutlineCheckIcon","CheckboxLabel","Label"],"mappings":";;;;;AAIO,MAAMA,IAAgBC,EAAkBC,OAClCC,IAAkBF,EAAkBG,SAEpCC,IAAoDC,CAAAA,MAAU;AACzE,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AAEnD,SAAAI,EACGT,EAAkBU,MAAIC,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACdC,EACL,kMACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,GAAM;AAAA,IAAA,IAAAO,WAAA;AAAA,aAAA,CAAAC,EAAA,MAETV,EAAMS,QAAQ,GAAAL,EACdT,EAAkBgB,aAAW,CAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAGpC,GAEaC,IAA8DZ,CAAAA,MAAU;AACnF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AAEnD,SAAAI,EACGT,EAAkBkB,SAAOP,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEjBC,EACL,0JACA,oDACA,sGACA,mJACA,0IACA,gKACA,oHACA,sIACA,2EACA,iGACA,uJACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,CAAM,CAAA;AAGhB,GAEaY,IAAkEd,CAAAA,MAAU;AACvF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAE/D,SAAAI,EACGT,EAAkBoB,WAAST,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEnBC,EACL,2EACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,GAAM;AAAA,IAAA,IAAAO,WAAA;AAAA,aAETR,EAAMQ,YAAQL,EAAKY,GAAgB,CAAA,CAAA;AAAA,IAAG;AAAA,EAAA,CAAA,CAAA;AAG7C,GAEaC,IAA0DjB,CAAAA,MAAU;AAC/E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGT,EAAkBuB,OAAKZ,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACfC,EACL,gDACA,2EACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,CAAM,CAAA;AAGhB;"}
+{"version":3,"file":"Checkbox.js","sources":["../../src/components/Checkbox.tsx"],"sourcesContent":["import { Checkbox as CheckboxPrimitive } from '@ark-ui/solid/checkbox';\nimport { type Component, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport CheckIcon from '~icons/material-symbols/check';\nexport const CheckboxGroup = CheckboxPrimitive.Group;\nexport const CheckboxContext = CheckboxPrimitive.Context;\n\nexport const Checkbox: Component<CheckboxPrimitive.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <CheckboxPrimitive.Root\n      class={cn(\n        'group/checkbox gap-2 relative flex w-fit items-center transition-none outline-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 data-[readonly=true]:cursor-default',\n        local.class,\n      )}\n      {...others}\n    >\n      {props.children}\n      <CheckboxPrimitive.HiddenInput />\n    </CheckboxPrimitive.Root>\n  );\n};\n\nexport const CheckboxControl: Component<CheckboxPrimitive.ControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <CheckboxPrimitive.Control\n      data-slot='checkbox'\n      class={cn(\n        'peer size-4 shadow-xs relative flex shrink-0 items-center justify-center rounded-[4px] border border-input text-current transition-colors outline-none',\n        'after:-inset-y-2 after:-inset-x-3 after:absolute',\n        'data-[focus-visible]:border-ring data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50',\n        'group-data-[focus-visible]/checkbox:border-ring group-data-[focus-visible]/checkbox:ring-[3px] group-data-[focus-visible]/checkbox:ring-ring/50',\n        'group-has-focus-visible/checkbox:border-ring group-has-focus-visible/checkbox:ring-[3px] group-has-focus-visible/checkbox:ring-ring/50',\n        'data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:border-destructive/50',\n        'data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground',\n        'data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground',\n        'data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50',\n        'data-[readonly]:data-[focus-visible]:border-input data-[readonly]:data-[focus-visible]:ring-0',\n        'group-data-[readonly]/checkbox:group-has-focus-visible/checkbox:border-input group-data-[readonly]/checkbox:group-has-focus-visible/checkbox:ring-0',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const CheckboxIndicator: Component<CheckboxPrimitive.IndicatorProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n\n  return (\n    <CheckboxPrimitive.Indicator\n      data-slot='checkbox-indicator'\n      class={cn(\n        '[&>svg]:size-3.5 grid place-content-center text-current transition-none',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children ?? <CheckIcon />}\n    </CheckboxPrimitive.Indicator>\n  );\n};\n\nexport const CheckboxLabel: Component<CheckboxPrimitive.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <CheckboxPrimitive.Label\n      class={cn(\n        'text-sm font-medium leading-none select-none',\n        'data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-70',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"names":["CheckboxGroup","CheckboxPrimitive","Group","CheckboxContext","Context","Checkbox","props","local","others","splitProps","_$createComponent","Root","_$mergeProps","cn","class","children","_$memo","HiddenInput","CheckboxControl","Control","CheckboxIndicator","Indicator","CheckIcon","CheckboxLabel","Label"],"mappings":";;;;;AAIO,MAAMA,IAAgBC,EAAkBC,OAClCC,IAAkBF,EAAkBG,SAEpCC,IAAoDC,CAAAA,MAAU;AACzE,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AAEnD,SAAAI,EACGT,EAAkBU,MAAIC,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACdC,EACL,kMACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,GAAM;AAAA,IAAA,IAAAO,WAAA;AAAA,aAAA,CAAAC,EAAA,MAETV,EAAMS,QAAQ,GAAAL,EACdT,EAAkBgB,aAAW,CAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAGpC,GAEaC,IAA8DZ,CAAAA,MAAU;AACnF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AAEnD,SAAAI,EACGT,EAAkBkB,SAAOP,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEjBC,EACL,0JACA,oDACA,sGACA,mJACA,0IACA,gKACA,oHACA,sIACA,2EACA,iGACA,uJACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,CAAM,CAAA;AAGhB,GAEaY,IAAkEd,CAAAA,MAAU;AACvF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAE/D,SAAAI,EACGT,EAAkBoB,WAAST,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEnBC,EACL,2EACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,GAAM;AAAA,IAAA,IAAAO,WAAA;AAAA,aAETR,EAAMQ,YAAQL,EAAKY,GAAS,CAAA,CAAA;AAAA,IAAG;AAAA,EAAA,CAAA,CAAA;AAGtC,GAEaC,IAA0DjB,CAAAA,MAAU;AAC/E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGT,EAAkBuB,OAAKZ,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACfC,EACL,gDACA,2EACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,CAAM,CAAA;AAGhB;"}

package/dist/components/Combobox.js

@@ -2,9 +2,9 @@ import { createComponent as r, mergeProps as a, template as c, spread as d } fro
 import { combobox_exports as s } from "../node_modules/.bun/@ark-ui_solid@5.34.0_95b571dd5236cc92/node_modules/@ark-ui/solid/dist/chunk/TGBMUR4Z.js";
 import { splitProps as n } 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 u from "../_virtual/outline-check.js";
-import b from "../_virtual/outline-close.js";
-import m from "../_virtual/outline-expand-more.js";
+import u from "../_virtual/check.js";
+import b from "../_virtual/close.js";
+import m from "../_virtual/expand-more.js";
 var g = /* @__PURE__ */ c("<div data-slot=combobox-empty>");
 const w = s.Context, I = (e) => {
   const [t, o] = n(e, ["class"]);
@@ -63,7 +63,7 @@ const w = s.Context, I = (e) => {
   return r(s.ClearTrigger, a({
     "data-slot": "combobox-clear",
     get class() {
-      return l("p-0.5 rounded-[4px] text-muted-foreground transition-colors hover:text-foreground focus-visible:text-foreground focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50", t.class);
+      return l("p-0.5 rounded-[4px] text-muted-foreground transition-colors hover:text-foreground focus-visible:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none", t.class);
     }
   }, o, {
     get tabIndex() {
@@ -82,7 +82,7 @@ const w = s.Context, I = (e) => {
       return l("isolate z-50", t.class);
     }
   }, o));
-}, O = (e) => {
+}, j = (e) => {
   const [t, o] = n(e, ["class"]);
   return r(s.Content, a({
     "data-slot": "combobox-content",
@@ -90,12 +90,12 @@ const w = s.Context, I = (e) => {
       return l("min-w-36 shadow-md relative isolate z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground ring-1 ring-foreground/10 duration-100 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", t.class);
     }
   }, o));
-}, j = (e) => {
+}, E = (e) => {
   const [t, o] = n(e, ["class", "children"]);
   return r(s.Item, a({
     "data-slot": "combobox-item",
     get class() {
-      return l("gap-1.5 py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:gap-2 relative flex w-full cursor-default items-center rounded-md outline-hidden select-none data-disabled:pointer-events-none data-[disabled=true]:opacity-50 data-highlighted:bg-accent data-highlighted:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center", t.class);
+      return l("gap-1.5 py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:gap-2 relative flex w-full cursor-default items-center rounded-md outline-hidden select-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center", t.class);
     }
   }, o, {
     get children() {
@@ -114,7 +114,7 @@ const w = s.Context, I = (e) => {
       })];
     }
   }));
-}, E = (e) => {
+}, $ = (e) => {
   const [t, o] = n(e, ["class"]);
   return r(s.ItemGroup, a({
     "data-slot": "combobox-group",
@@ -122,7 +122,7 @@ const w = s.Context, I = (e) => {
       return l("scroll-my-1", t.class);
     }
   }, o));
-}, $ = (e) => {
+}, M = (e) => {
   const [t, o] = n(e, ["class"]);
   return r(s.ItemGroupLabel, a({
     "data-slot": "combobox-label",
@@ -130,7 +130,7 @@ const w = s.Context, I = (e) => {
       return l("px-1.5 py-1 text-xs text-muted-foreground", t.class);
     }
   }, o));
-}, M = (e) => {
+}, R = (e) => {
   const [t, o] = n(e, ["class"]);
   return (() => {
     var i = g();
@@ -144,14 +144,14 @@ const w = s.Context, I = (e) => {
 export {
   I as Combobox,
   G as ComboboxClearTrigger,
-  O as ComboboxContent,
+  j as ComboboxContent,
   w as ComboboxContext,
   k as ComboboxControl,
-  M as ComboboxEmpty,
+  R as ComboboxEmpty,
   L as ComboboxInput,
-  j as ComboboxItem,
-  E as ComboboxItemGroup,
-  $ as ComboboxItemGroupLabel,
+  E as ComboboxItem,
+  $ as ComboboxItemGroup,
+  M as ComboboxItemGroupLabel,
   _ as ComboboxLabel,
   z as ComboboxList,
   P as ComboboxPositioner,

package/dist/components/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","sources":["../../src/components/Combobox.tsx"],"sourcesContent":["import { Combobox as ComboboxPrimitive, type CollectionItem } from '@ark-ui/solid/combobox';\nimport { type Component, type ComponentProps, type JSXElement, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport OutlineCheckIcon from '~icons/ic/outline-check';\nimport OutlineCloseIcon from '~icons/ic/outline-close';\nimport OutlineExpandMoreIcon from '~icons/ic/outline-expand-more';\n\nexport const ComboboxContext = ComboboxPrimitive.Context;\n\nexport const Combobox = <TItem extends CollectionItem>(\n  props: ComboboxPrimitive.RootProps<TItem> & { class?: string },\n): JSXElement => {\n  const [local, others] = splitProps(props, ['class']);\n  return <ComboboxPrimitive.Root class={cn('flex w-full flex-col', local.class)} {...others} />;\n};\n\nexport const ComboboxList: Component<ComboboxPrimitive.ListProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <ComboboxPrimitive.List\n      data-slot='combobox-list'\n      class={cn('p-1 max-h-[min(var(--available-height),300px)] overflow-y-auto', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const ComboboxLabel: Component<ComboboxPrimitive.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <ComboboxPrimitive.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 ComboboxControl: Component<ComboboxPrimitive.ControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <ComboboxPrimitive.Control\n      data-slot='combobox-control'\n      class={cn(\n        'group min-h-10 py-1.5 pr-2 pl-2.5 text-sm [&_svg:not([class*=\"size-\"])]:size-4 gap-1 shadow-sm flex w-full flex-wrap items-center rounded-lg border border-input bg-transparent transition-colors outline-none disabled:cursor-not-allowed disabled:opacity-50 dark:bg-input/30 dark:hover:bg-input/50 [&_svg]:pointer-events-none [&_svg]:shrink-0',\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]:cursor-default 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 ComboboxInput: Component<ComboboxPrimitive.InputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <ComboboxPrimitive.Input\n      data-slot='combobox-input'\n      class={cn(\n        'min-w-16 flex-1 bg-transparent outline-none placeholder:text-muted-foreground focus-visible:ring-0',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const ComboboxTrigger: Component<ComboboxPrimitive.TriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <ComboboxPrimitive.Trigger\n      data-slot='combobox-trigger'\n      class={cn('text-muted-foreground transition-colors hover:text-foreground', local.class)}\n      {...others}\n    >\n      {local.children ?? <OutlineExpandMoreIcon class='size-4' />}\n    </ComboboxPrimitive.Trigger>\n  );\n};\nexport const ComboboxClearTrigger: Component<ComboboxPrimitive.ClearTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children', 'tabIndex']);\n  return (\n    <ComboboxPrimitive.ClearTrigger\n      data-slot='combobox-clear'\n      class={cn(\n        'p-0.5 rounded-[4px] text-muted-foreground transition-colors hover:text-foreground focus-visible:text-foreground focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50',\n        local.class,\n      )}\n      {...others}\n      tabIndex={local.tabIndex ?? 0}\n    >\n      {local.children ?? <OutlineCloseIcon class='size-3.5' />}\n    </ComboboxPrimitive.ClearTrigger>\n  );\n};\n\nexport const ComboboxPositioner: Component<ComboboxPrimitive.PositionerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <ComboboxPrimitive.Positioner class={cn('isolate z-50', local.class)} {...others} />;\n};\n\nexport const ComboboxContent: Component<ComboboxPrimitive.ContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <ComboboxPrimitive.Content\n      data-slot='combobox-content'\n      class={cn(\n        'min-w-36 shadow-md relative isolate z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground ring-1 ring-foreground/10 duration-100 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 ComboboxItem: Component<ComboboxPrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <ComboboxPrimitive.Item\n      data-slot='combobox-item'\n      class={cn(\n        \"gap-1.5 py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:gap-2 relative flex w-full cursor-default items-center rounded-md outline-hidden select-none data-disabled:pointer-events-none data-[disabled=true]:opacity-50 data-highlighted:bg-accent data-highlighted:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center\",\n        local.class,\n      )}\n      {...others}\n    >\n      <ComboboxPrimitive.ItemText class='gap-2 flex flex-1 shrink-0 whitespace-nowrap'>\n        {local.children}\n      </ComboboxPrimitive.ItemText>\n      <ComboboxPrimitive.ItemIndicator class='right-2 size-4 pointer-events-none absolute flex items-center justify-center'>\n        <OutlineCheckIcon class='pointer-events-none' />\n      </ComboboxPrimitive.ItemIndicator>\n    </ComboboxPrimitive.Item>\n  );\n};\n\nexport const ComboboxItemGroup: Component<ComboboxPrimitive.ItemGroupProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <ComboboxPrimitive.ItemGroup\n      data-slot='combobox-group'\n      class={cn('scroll-my-1', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const ComboboxItemGroupLabel: Component<ComboboxPrimitive.ItemGroupLabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <ComboboxPrimitive.ItemGroupLabel\n      data-slot='combobox-label'\n      class={cn('px-1.5 py-1 text-xs text-muted-foreground', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const ComboboxEmpty: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='combobox-empty'\n      class={cn(\n        'py-2 text-sm hidden w-full justify-center text-center text-muted-foreground group-data-empty/combobox-content:flex',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"names":["ComboboxContext","ComboboxPrimitive","Context","Combobox","props","local","others","splitProps","_$createComponent","Root","_$mergeProps","cn","class","ComboboxList","List","ComboboxLabel","Label","ComboboxControl","Control","ComboboxInput","Input","ComboboxTrigger","Trigger","children","OutlineExpandMoreIcon","ComboboxClearTrigger","ClearTrigger","tabIndex","OutlineCloseIcon","ComboboxPositioner","Positioner","ComboboxContent","Content","ComboboxItem","Item","ItemText","ItemIndicator","OutlineCheckIcon","ComboboxItemGroup","ItemGroup","ComboboxItemGroupLabel","ItemGroupLabel","ComboboxEmpty","_el$","_tmpl$","_$spread"],"mappings":"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"}
+{"version":3,"file":"Combobox.js","sources":["../../src/components/Combobox.tsx"],"sourcesContent":["import { Combobox as ComboboxPrimitive, type CollectionItem } from '@ark-ui/solid/combobox';\nimport { type Component, type ComponentProps, type JSXElement, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport CheckIcon from '~icons/material-symbols/check';\nimport CloseIcon from '~icons/material-symbols/close';\nimport ExpandMoreIcon from '~icons/material-symbols/expand-more';\n\nexport const ComboboxContext = ComboboxPrimitive.Context;\n\nexport const Combobox = <TItem extends CollectionItem>(\n  props: ComboboxPrimitive.RootProps<TItem> & { class?: string },\n): JSXElement => {\n  const [local, others] = splitProps(props, ['class']);\n  return <ComboboxPrimitive.Root class={cn('flex w-full flex-col', local.class)} {...others} />;\n};\n\nexport const ComboboxList: Component<ComboboxPrimitive.ListProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <ComboboxPrimitive.List\n      data-slot='combobox-list'\n      class={cn('p-1 max-h-[min(var(--available-height),300px)] overflow-y-auto', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const ComboboxLabel: Component<ComboboxPrimitive.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <ComboboxPrimitive.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 ComboboxControl: Component<ComboboxPrimitive.ControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <ComboboxPrimitive.Control\n      data-slot='combobox-control'\n      class={cn(\n        'group min-h-10 py-1.5 pr-2 pl-2.5 text-sm [&_svg:not([class*=\"size-\"])]:size-4 gap-1 shadow-sm flex w-full flex-wrap items-center rounded-lg border border-input bg-transparent transition-colors outline-none disabled:cursor-not-allowed disabled:opacity-50 dark:bg-input/30 dark:hover:bg-input/50 [&_svg]:pointer-events-none [&_svg]:shrink-0',\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]:cursor-default 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 ComboboxInput: Component<ComboboxPrimitive.InputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <ComboboxPrimitive.Input\n      data-slot='combobox-input'\n      class={cn(\n        'min-w-16 flex-1 bg-transparent outline-none placeholder:text-muted-foreground focus-visible:ring-0',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const ComboboxTrigger: Component<ComboboxPrimitive.TriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <ComboboxPrimitive.Trigger\n      data-slot='combobox-trigger'\n      class={cn('text-muted-foreground transition-colors hover:text-foreground', local.class)}\n      {...others}\n    >\n      {local.children ?? <ExpandMoreIcon class='size-4' />}\n    </ComboboxPrimitive.Trigger>\n  );\n};\nexport const ComboboxClearTrigger: Component<ComboboxPrimitive.ClearTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children', 'tabIndex']);\n  return (\n    <ComboboxPrimitive.ClearTrigger\n      data-slot='combobox-clear'\n      class={cn(\n        'p-0.5 rounded-[4px] text-muted-foreground transition-colors hover:text-foreground focus-visible:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none',\n        local.class,\n      )}\n      {...others}\n      tabIndex={local.tabIndex ?? 0}\n    >\n      {local.children ?? <CloseIcon class='size-3.5' />}\n    </ComboboxPrimitive.ClearTrigger>\n  );\n};\n\nexport const ComboboxPositioner: Component<ComboboxPrimitive.PositionerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <ComboboxPrimitive.Positioner class={cn('isolate z-50', local.class)} {...others} />;\n};\n\nexport const ComboboxContent: Component<ComboboxPrimitive.ContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <ComboboxPrimitive.Content\n      data-slot='combobox-content'\n      class={cn(\n        'min-w-36 shadow-md relative isolate z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground ring-1 ring-foreground/10 duration-100 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 ComboboxItem: Component<ComboboxPrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <ComboboxPrimitive.Item\n      data-slot='combobox-item'\n      class={cn(\n        \"gap-1.5 py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:gap-2 relative flex w-full cursor-default items-center rounded-md outline-hidden select-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center\",\n        local.class,\n      )}\n      {...others}\n    >\n      <ComboboxPrimitive.ItemText class='gap-2 flex flex-1 shrink-0 whitespace-nowrap'>\n        {local.children}\n      </ComboboxPrimitive.ItemText>\n      <ComboboxPrimitive.ItemIndicator class='right-2 size-4 pointer-events-none absolute flex items-center justify-center'>\n        <CheckIcon class='pointer-events-none' />\n      </ComboboxPrimitive.ItemIndicator>\n    </ComboboxPrimitive.Item>\n  );\n};\n\nexport const ComboboxItemGroup: Component<ComboboxPrimitive.ItemGroupProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <ComboboxPrimitive.ItemGroup\n      data-slot='combobox-group'\n      class={cn('scroll-my-1', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const ComboboxItemGroupLabel: Component<ComboboxPrimitive.ItemGroupLabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <ComboboxPrimitive.ItemGroupLabel\n      data-slot='combobox-label'\n      class={cn('px-1.5 py-1 text-xs text-muted-foreground', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const ComboboxEmpty: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='combobox-empty'\n      class={cn(\n        'py-2 text-sm hidden w-full justify-center text-center text-muted-foreground group-data-empty/combobox-content:flex',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"names":["ComboboxContext","ComboboxPrimitive","Context","Combobox","props","local","others","splitProps","_$createComponent","Root","_$mergeProps","cn","class","ComboboxList","List","ComboboxLabel","Label","ComboboxControl","Control","ComboboxInput","Input","ComboboxTrigger","Trigger","children","ExpandMoreIcon","ComboboxClearTrigger","ClearTrigger","tabIndex","CloseIcon","ComboboxPositioner","Positioner","ComboboxContent","Content","ComboboxItem","Item","ItemText","ItemIndicator","CheckIcon","ComboboxItemGroup","ItemGroup","ComboboxItemGroupLabel","ItemGroupLabel","ComboboxEmpty","_el$","_tmpl$","_$spread"],"mappings":"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"}

package/dist/components/DatePicker.js

@@ -2,9 +2,9 @@ import { createComponent as e, mergeProps as s, template as v, spread as P, inse
 import { date_picker_exports as n } from "../node_modules/.bun/@ark-ui_solid@5.34.0_95b571dd5236cc92/node_modules/@ark-ui/solid/dist/chunk/4V5X4XYS.js";
 import { splitProps as o, For as c } 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 y from "../_virtual/outline-calendar-month.js";
-import D from "../_virtual/outline-chevron-left.js";
-import T from "../_virtual/outline-chevron-right.js";
+import y from "../_virtual/calendar-month.js";
+import D from "../_virtual/chevron-left.js";
+import T from "../_virtual/chevron-right.js";
 import { buttonVariants as i } from "./Button.js";
 var C = /* @__PURE__ */ v("<button>");
 const z = (r) => {
@@ -100,14 +100,14 @@ const z = (r) => {
       return l("isolate z-50", t.class);
     }
   }, a));
-}, O = (r) => {
+}, _ = (r) => {
   const [t, a] = o(r, ["class"]);
   return e(n.Content, s({
     get class() {
       return l("w-72 p-3 shadow-md rounded-lg bg-popover text-popover-foreground ring-1 ring-foreground/10 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", t.class);
     }
   }, a));
-}, _ = (r) => {
+}, L = (r) => {
   const [t, a] = o(r, ["class", "children"]);
   return e(n.PrevTrigger, s({
     get class() {
@@ -122,7 +122,7 @@ const z = (r) => {
       });
     }
   }));
-}, L = (r) => {
+}, M = (r) => {
   const [t, a] = o(r, ["class", "children"]);
   return e(n.NextTrigger, s({
     get class() {
@@ -154,7 +154,7 @@ const z = (r) => {
     }
   }, a, {
     get children() {
-      return [e(_, {}), e(R, {
+      return [e(L, {}), e(R, {
         asChild: (w) => (() => {
           var g = C();
           return P(g, s({
@@ -165,10 +165,10 @@ const z = (r) => {
             }
           }, w), !1, !0), k(g, e(V, {})), g;
         })()
-      }), e(L, {})];
+      }), e(M, {})];
     }
   }));
-}, M = () => e(h, {
+}, B = () => e(h, {
   view: "day",
   get children() {
     return [e(x, {}), e(p, {
@@ -226,7 +226,7 @@ const z = (r) => {
       }
     })];
   }
-}), B = () => e(h, {
+}), G = () => e(h, {
   view: "month",
   get children() {
     return [e(x, {}), e(p, {
@@ -270,7 +270,7 @@ const z = (r) => {
       }
     })];
   }
-}), G = () => e(h, {
+}), N = () => e(h, {
   view: "year",
   get children() {
     return [e(x, {}), e(p, {
@@ -313,14 +313,14 @@ const z = (r) => {
       }
     })];
   }
-}), N = () => [e(M, {}), e(B, {}), e(G, {})], X = (r) => e(z, s(r, {
+}), Y = () => [e(B, {}), e(G, {}), e(N, {})], X = (r) => e(z, s(r, {
   inline: !0,
   unmountOnExit: !1,
   get children() {
-    return e(O, {
+    return e(_, {
       class: "border-none shadow-none ring-0",
       get children() {
-        return e(N, {});
+        return e(Y, {});
       }
     });
   }
@@ -328,16 +328,16 @@ const z = (r) => {
 export {
   X as Calendar,
   z as DatePicker,
-  O as DatePickerContent,
+  _ as DatePickerContent,
   d as DatePickerContext,
   Q as DatePickerControl,
-  M as DatePickerDayView,
+  B as DatePickerDayView,
   S as DatePickerInput,
   K as DatePickerLabel,
-  B as DatePickerMonthView,
-  L as DatePickerNextTrigger,
+  G as DatePickerMonthView,
+  M as DatePickerNextTrigger,
   W as DatePickerPositioner,
-  _ as DatePickerPrevTrigger,
+  L as DatePickerPrevTrigger,
   V as DatePickerRangeText,
   p as DatePickerTable,
   m as DatePickerTableBody,
@@ -350,7 +350,7 @@ export {
   h as DatePickerView,
   x as DatePickerViewControl,
   R as DatePickerViewTrigger,
-  N as DatePickerViews,
-  G as DatePickerYearView
+  Y as DatePickerViews,
+  N as DatePickerYearView
 };
 //# sourceMappingURL=DatePicker.js.map

package/dist/components/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../../src/components/DatePicker.tsx"],"sourcesContent":["import { DatePicker as DatePickerPrimitive } from '@ark-ui/solid/date-picker';\nimport { type Component, For, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport OutlineCalendarMonthIcon from '~icons/ic/outline-calendar-month';\nimport OutlineChevronLeftIcon from '~icons/ic/outline-chevron-left';\nimport OutlineChevronRightIcon from '~icons/ic/outline-chevron-right';\n\nimport { buttonVariants } from '@/components/Button';\nexport const DatePicker: Component<DatePickerPrimitive.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <DatePickerPrimitive.Root class={cn('flex w-full flex-col', local.class)} {...others} />;\n};\nexport const DatePickerContext = DatePickerPrimitive.Context,\n  DatePickerRangeText = DatePickerPrimitive.RangeText,\n  DatePickerView = DatePickerPrimitive.View,\n  DatePickerViewTrigger = DatePickerPrimitive.ViewTrigger;\nexport const DatePickerTable: Component<DatePickerPrimitive.TableProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DatePickerPrimitive.Table\n      class={cn('space-y-1 w-full border-collapse', local.class)}\n      {...others}\n    />\n  );\n};\nexport const DatePickerTableBody: Component<DatePickerPrimitive.TableBodyProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <DatePickerPrimitive.TableBody class={cn('', local.class)} {...others} />;\n};\nexport const DatePickerTableCell: Component<DatePickerPrimitive.TableCellProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DatePickerPrimitive.TableCell\n      class={cn(\n        'text-sm p-0 relative text-center focus-within:relative focus-within:z-20 [&:has([data-selected])]:bg-accent first:[&:has([data-selected])]:rounded-l-md last:[&:has([data-selected])]:rounded-r-md',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\nexport const DatePickerTableHead: Component<DatePickerPrimitive.TableHeadProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <DatePickerPrimitive.TableHead class={cn('', local.class)} {...others} />;\n};\nexport const DatePickerTableHeader: Component<DatePickerPrimitive.TableHeaderProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DatePickerPrimitive.TableHeader\n      class={cn('w-9 font-normal rounded-md text-[0.8rem] text-muted-foreground', local.class)}\n      {...others}\n    />\n  );\n};\nexport const DatePickerTableRow: Component<DatePickerPrimitive.TableRowProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <DatePickerPrimitive.TableRow class={cn('mt-2 flex w-full', local.class)} {...others} />;\n};\nexport const DatePickerLabel: Component<DatePickerPrimitive.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DatePickerPrimitive.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};\nexport const DatePickerControl: Component<DatePickerPrimitive.ControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <DatePickerPrimitive.Control class={cn('gap-2 flex flex-row', local.class)} {...others} />;\n};\nexport const DatePickerInput: Component<DatePickerPrimitive.InputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DatePickerPrimitive.Input\n      class={cn(\n        'h-9 px-3 py-2 text-sm file:text-sm file:font-medium shadow-sm flex w-full rounded-lg border border-input bg-background transition-colors file:border-0 file:bg-transparent placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 dark:bg-input/30 dark:hover:bg-input/50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\nexport const DatePickerTrigger: Component<DatePickerPrimitive.TriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <DatePickerPrimitive.Trigger\n      class={cn(\n        buttonVariants({ variant: 'outline', size: 'icon' }),\n        'size-9 p-0 font-normal',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children ?? <OutlineCalendarMonthIcon class='size-4' />}\n    </DatePickerPrimitive.Trigger>\n  );\n};\nexport const DatePickerPositioner: Component<DatePickerPrimitive.PositionerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <DatePickerPrimitive.Positioner class={cn('isolate z-50', local.class)} {...others} />;\n};\nexport const DatePickerContent: Component<DatePickerPrimitive.ContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DatePickerPrimitive.Content\n      class={cn(\n        'w-72 p-3 shadow-md rounded-lg bg-popover text-popover-foreground ring-1 ring-foreground/10 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',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\nexport const DatePickerPrevTrigger: Component<DatePickerPrimitive.PrevTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <DatePickerPrimitive.PrevTrigger\n      class={cn(\n        buttonVariants({ variant: 'outline' }),\n        'size-7 p-0 left-1 absolute bg-transparent opacity-50 hover:opacity-100',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children ?? <OutlineChevronLeftIcon class='size-4' />}\n    </DatePickerPrimitive.PrevTrigger>\n  );\n};\nexport const DatePickerNextTrigger: Component<DatePickerPrimitive.NextTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <DatePickerPrimitive.NextTrigger\n      class={cn(\n        buttonVariants({ variant: 'outline' }),\n        'size-7 p-0 right-1 absolute bg-transparent opacity-50 hover:opacity-100',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children ?? <OutlineChevronRightIcon class='size-4' />}\n    </DatePickerPrimitive.NextTrigger>\n  );\n};\nexport const DatePickerTableCellTrigger: Component<DatePickerPrimitive.TableCellTriggerProps> = (\n  props,\n) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DatePickerPrimitive.TableCellTrigger\n      class={cn(\n        buttonVariants({ variant: 'ghost' }),\n        'size-9 p-0 font-normal data-selected:opacity-100',\n        'data-today:bg-accent data-today:text-accent-foreground',\n        'data-selected:bg-primary data-selected:text-primary-foreground data-selected:hover:bg-primary data-selected:hover:text-primary-foreground data-selected:focus:bg-primary data-selected:focus:text-primary-foreground',\n        'data-disabled:text-muted-foreground data-[disabled=true]:opacity-50',\n        'data-outside-range:text-muted-foreground data-outside-range:opacity-50',\n        'data-in-range:rounded-none data-in-range:bg-accent data-in-range:text-accent-foreground',\n        'data-range-end:rounded-r-md data-range-start:rounded-l-md',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\nexport const DatePickerViewControl: Component<DatePickerPrimitive.ViewControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <DatePickerPrimitive.ViewControl\n      class={cn('pt-1 mb-4 px-8 relative flex items-center justify-center', local.class)}\n      {...others}\n    >\n      <DatePickerPrevTrigger />\n      <DatePickerViewTrigger\n        asChild={(triggerProps) => (\n          <button\n            class={cn(buttonVariants({ variant: 'ghost' }), 'h-7 px-2 py-1 text-sm font-medium')}\n            {...triggerProps()}\n          >\n            <DatePickerRangeText />\n          </button>\n        )}\n      />\n      <DatePickerNextTrigger />\n    </DatePickerPrimitive.ViewControl>\n  );\n};\nexport const DatePickerDayView: Component = () => (\n  <DatePickerView view='day'>\n    <DatePickerViewControl />\n    <DatePickerTable>\n      <DatePickerTableHead>\n        <DatePickerTableRow>\n          <DatePickerContext>\n            {(api) => (\n              <For each={api().weekDays}>\n                {(weekDay) => (\n                  <DatePickerTableHeader aria-label={weekDay.narrow}>\n                    {weekDay.short}\n                  </DatePickerTableHeader>\n                )}\n              </For>\n            )}\n          </DatePickerContext>\n        </DatePickerTableRow>\n      </DatePickerTableHead>\n      <DatePickerTableBody>\n        <DatePickerContext>\n          {(api) => (\n            <For each={api().weeks}>\n              {(week) => (\n                <DatePickerTableRow>\n                  <For each={week}>\n                    {(day) => (\n                      <DatePickerTableCell value={day}>\n                        <DatePickerTableCellTrigger>{day.day}</DatePickerTableCellTrigger>\n                      </DatePickerTableCell>\n                    )}\n                  </For>\n                </DatePickerTableRow>\n              )}\n            </For>\n          )}\n        </DatePickerContext>\n      </DatePickerTableBody>\n    </DatePickerTable>\n  </DatePickerView>\n);\nexport const DatePickerMonthView: Component = () => (\n  <DatePickerView view='month'>\n    <DatePickerViewControl />\n    <DatePickerTable>\n      <DatePickerTableBody>\n        <DatePickerContext>\n          {(api) => (\n            <For each={api().getMonthsGrid({ columns: 4, format: 'short' })}>\n              {(months) => (\n                <DatePickerTableRow class='gap-2 w-full'>\n                  <For each={months}>\n                    {(month) => (\n                      <DatePickerTableCell value={month.value} class='flex-1'>\n                        <DatePickerTableCellTrigger class='w-full'>\n                          {month.label}\n                        </DatePickerTableCellTrigger>\n                      </DatePickerTableCell>\n                    )}\n                  </For>\n                </DatePickerTableRow>\n              )}\n            </For>\n          )}\n        </DatePickerContext>\n      </DatePickerTableBody>\n    </DatePickerTable>\n  </DatePickerView>\n);\nexport const DatePickerYearView: Component = () => (\n  <DatePickerView view='year'>\n    <DatePickerViewControl />\n    <DatePickerTable>\n      <DatePickerTableBody>\n        <DatePickerContext>\n          {(api) => (\n            <For each={api().getYearsGrid({ columns: 4 })}>\n              {(years) => (\n                <DatePickerTableRow class='gap-2 w-full'>\n                  <For each={years}>\n                    {(year) => (\n                      <DatePickerTableCell value={year.value} class='flex-1'>\n                        <DatePickerTableCellTrigger class='w-full'>\n                          {year.label}\n                        </DatePickerTableCellTrigger>\n                      </DatePickerTableCell>\n                    )}\n                  </For>\n                </DatePickerTableRow>\n              )}\n            </For>\n          )}\n        </DatePickerContext>\n      </DatePickerTableBody>\n    </DatePickerTable>\n  </DatePickerView>\n);\nexport const DatePickerViews: Component = () => [\n  <DatePickerDayView />,\n  <DatePickerMonthView />,\n  <DatePickerYearView />,\n];\nexport const Calendar: Component<DatePickerPrimitive.RootProps> = (props) => (\n  <DatePicker {...props} inline unmountOnExit={false}>\n    <DatePickerContent class='border-none shadow-none ring-0'>\n      <DatePickerViews />\n    </DatePickerContent>\n  </DatePicker>\n);\n"],"names":["DatePicker","props","local","others","splitProps","_$createComponent","DatePickerPrimitive","Root","_$mergeProps","cn","class","DatePickerContext","Context","DatePickerRangeText","RangeText","DatePickerView","View","DatePickerViewTrigger","ViewTrigger","DatePickerTable","Table","DatePickerTableBody","TableBody","DatePickerTableCell","TableCell","DatePickerTableHead","TableHead","DatePickerTableHeader","TableHeader","DatePickerTableRow","TableRow","DatePickerLabel","Label","DatePickerControl","Control","DatePickerInput","Input","DatePickerTrigger","Trigger","buttonVariants","variant","size","children","OutlineCalendarMonthIcon","DatePickerPositioner","Positioner","DatePickerContent","Content","DatePickerPrevTrigger","PrevTrigger","OutlineChevronLeftIcon","DatePickerNextTrigger","NextTrigger","OutlineChevronRightIcon","DatePickerTableCellTrigger","TableCellTrigger","DatePickerViewControl","ViewControl","asChild","triggerProps","_el$","_tmpl$","_$spread","_$insert","DatePickerDayView","view","api","For","each","weekDays","weekDay","narrow","short","weeks","week","day","value","DatePickerMonthView","getMonthsGrid","columns","format","months","month","label","DatePickerYearView","getYearsGrid","years","year","DatePickerViews","Calendar","inline","unmountOnExit"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","sources":["../../src/components/DatePicker.tsx"],"sourcesContent":["import { DatePicker as DatePickerPrimitive } from '@ark-ui/solid/date-picker';\nimport { type Component, For, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport CalendarMonthIcon from '~icons/material-symbols/calendar-month';\nimport ChevronLeftIcon from '~icons/material-symbols/chevron-left';\nimport ChevronRightIcon from '~icons/material-symbols/chevron-right';\n\nimport { buttonVariants } from '@/components/Button';\nexport const DatePicker: Component<DatePickerPrimitive.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <DatePickerPrimitive.Root class={cn('flex w-full flex-col', local.class)} {...others} />;\n};\nexport const DatePickerContext = DatePickerPrimitive.Context,\n  DatePickerRangeText = DatePickerPrimitive.RangeText,\n  DatePickerView = DatePickerPrimitive.View,\n  DatePickerViewTrigger = DatePickerPrimitive.ViewTrigger;\nexport const DatePickerTable: Component<DatePickerPrimitive.TableProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DatePickerPrimitive.Table\n      class={cn('space-y-1 w-full border-collapse', local.class)}\n      {...others}\n    />\n  );\n};\nexport const DatePickerTableBody: Component<DatePickerPrimitive.TableBodyProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <DatePickerPrimitive.TableBody class={cn('', local.class)} {...others} />;\n};\nexport const DatePickerTableCell: Component<DatePickerPrimitive.TableCellProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DatePickerPrimitive.TableCell\n      class={cn(\n        'text-sm p-0 relative text-center focus-within:relative focus-within:z-20 [&:has([data-selected])]:bg-accent first:[&:has([data-selected])]:rounded-l-md last:[&:has([data-selected])]:rounded-r-md',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\nexport const DatePickerTableHead: Component<DatePickerPrimitive.TableHeadProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <DatePickerPrimitive.TableHead class={cn('', local.class)} {...others} />;\n};\nexport const DatePickerTableHeader: Component<DatePickerPrimitive.TableHeaderProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DatePickerPrimitive.TableHeader\n      class={cn('w-9 font-normal rounded-md text-[0.8rem] text-muted-foreground', local.class)}\n      {...others}\n    />\n  );\n};\nexport const DatePickerTableRow: Component<DatePickerPrimitive.TableRowProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <DatePickerPrimitive.TableRow class={cn('mt-2 flex w-full', local.class)} {...others} />;\n};\nexport const DatePickerLabel: Component<DatePickerPrimitive.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DatePickerPrimitive.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};\nexport const DatePickerControl: Component<DatePickerPrimitive.ControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <DatePickerPrimitive.Control class={cn('gap-2 flex flex-row', local.class)} {...others} />;\n};\nexport const DatePickerInput: Component<DatePickerPrimitive.InputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DatePickerPrimitive.Input\n      class={cn(\n        'h-9 px-3 py-2 text-sm file:text-sm file:font-medium shadow-sm flex w-full rounded-lg border border-input bg-background transition-colors file:border-0 file:bg-transparent placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 dark:bg-input/30 dark:hover:bg-input/50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\nexport const DatePickerTrigger: Component<DatePickerPrimitive.TriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <DatePickerPrimitive.Trigger\n      class={cn(\n        buttonVariants({ variant: 'outline', size: 'icon' }),\n        'size-9 p-0 font-normal',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children ?? <CalendarMonthIcon class='size-4' />}\n    </DatePickerPrimitive.Trigger>\n  );\n};\nexport const DatePickerPositioner: Component<DatePickerPrimitive.PositionerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <DatePickerPrimitive.Positioner class={cn('isolate z-50', local.class)} {...others} />;\n};\nexport const DatePickerContent: Component<DatePickerPrimitive.ContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DatePickerPrimitive.Content\n      class={cn(\n        'w-72 p-3 shadow-md rounded-lg bg-popover text-popover-foreground ring-1 ring-foreground/10 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',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\nexport const DatePickerPrevTrigger: Component<DatePickerPrimitive.PrevTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <DatePickerPrimitive.PrevTrigger\n      class={cn(\n        buttonVariants({ variant: 'outline' }),\n        'size-7 p-0 left-1 absolute bg-transparent opacity-50 hover:opacity-100',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children ?? <ChevronLeftIcon class='size-4' />}\n    </DatePickerPrimitive.PrevTrigger>\n  );\n};\nexport const DatePickerNextTrigger: Component<DatePickerPrimitive.NextTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <DatePickerPrimitive.NextTrigger\n      class={cn(\n        buttonVariants({ variant: 'outline' }),\n        'size-7 p-0 right-1 absolute bg-transparent opacity-50 hover:opacity-100',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children ?? <ChevronRightIcon class='size-4' />}\n    </DatePickerPrimitive.NextTrigger>\n  );\n};\nexport const DatePickerTableCellTrigger: Component<DatePickerPrimitive.TableCellTriggerProps> = (\n  props,\n) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DatePickerPrimitive.TableCellTrigger\n      class={cn(\n        buttonVariants({ variant: 'ghost' }),\n        'size-9 p-0 font-normal data-selected:opacity-100',\n        'data-today:bg-accent data-today:text-accent-foreground',\n        'data-selected:bg-primary data-selected:text-primary-foreground data-selected:hover:bg-primary data-selected:hover:text-primary-foreground data-selected:focus:bg-primary data-selected:focus:text-primary-foreground',\n        'data-disabled:text-muted-foreground data-[disabled=true]:opacity-50',\n        'data-outside-range:text-muted-foreground data-outside-range:opacity-50',\n        'data-in-range:rounded-none data-in-range:bg-accent data-in-range:text-accent-foreground',\n        'data-range-end:rounded-r-md data-range-start:rounded-l-md',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\nexport const DatePickerViewControl: Component<DatePickerPrimitive.ViewControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <DatePickerPrimitive.ViewControl\n      class={cn('pt-1 mb-4 px-8 relative flex items-center justify-center', local.class)}\n      {...others}\n    >\n      <DatePickerPrevTrigger />\n      <DatePickerViewTrigger\n        asChild={(triggerProps) => (\n          <button\n            class={cn(buttonVariants({ variant: 'ghost' }), 'h-7 px-2 py-1 text-sm font-medium')}\n            {...triggerProps()}\n          >\n            <DatePickerRangeText />\n          </button>\n        )}\n      />\n      <DatePickerNextTrigger />\n    </DatePickerPrimitive.ViewControl>\n  );\n};\nexport const DatePickerDayView: Component = () => (\n  <DatePickerView view='day'>\n    <DatePickerViewControl />\n    <DatePickerTable>\n      <DatePickerTableHead>\n        <DatePickerTableRow>\n          <DatePickerContext>\n            {(api) => (\n              <For each={api().weekDays}>\n                {(weekDay) => (\n                  <DatePickerTableHeader aria-label={weekDay.narrow}>\n                    {weekDay.short}\n                  </DatePickerTableHeader>\n                )}\n              </For>\n            )}\n          </DatePickerContext>\n        </DatePickerTableRow>\n      </DatePickerTableHead>\n      <DatePickerTableBody>\n        <DatePickerContext>\n          {(api) => (\n            <For each={api().weeks}>\n              {(week) => (\n                <DatePickerTableRow>\n                  <For each={week}>\n                    {(day) => (\n                      <DatePickerTableCell value={day}>\n                        <DatePickerTableCellTrigger>{day.day}</DatePickerTableCellTrigger>\n                      </DatePickerTableCell>\n                    )}\n                  </For>\n                </DatePickerTableRow>\n              )}\n            </For>\n          )}\n        </DatePickerContext>\n      </DatePickerTableBody>\n    </DatePickerTable>\n  </DatePickerView>\n);\nexport const DatePickerMonthView: Component = () => (\n  <DatePickerView view='month'>\n    <DatePickerViewControl />\n    <DatePickerTable>\n      <DatePickerTableBody>\n        <DatePickerContext>\n          {(api) => (\n            <For each={api().getMonthsGrid({ columns: 4, format: 'short' })}>\n              {(months) => (\n                <DatePickerTableRow class='gap-2 w-full'>\n                  <For each={months}>\n                    {(month) => (\n                      <DatePickerTableCell value={month.value} class='flex-1'>\n                        <DatePickerTableCellTrigger class='w-full'>\n                          {month.label}\n                        </DatePickerTableCellTrigger>\n                      </DatePickerTableCell>\n                    )}\n                  </For>\n                </DatePickerTableRow>\n              )}\n            </For>\n          )}\n        </DatePickerContext>\n      </DatePickerTableBody>\n    </DatePickerTable>\n  </DatePickerView>\n);\nexport const DatePickerYearView: Component = () => (\n  <DatePickerView view='year'>\n    <DatePickerViewControl />\n    <DatePickerTable>\n      <DatePickerTableBody>\n        <DatePickerContext>\n          {(api) => (\n            <For each={api().getYearsGrid({ columns: 4 })}>\n              {(years) => (\n                <DatePickerTableRow class='gap-2 w-full'>\n                  <For each={years}>\n                    {(year) => (\n                      <DatePickerTableCell value={year.value} class='flex-1'>\n                        <DatePickerTableCellTrigger class='w-full'>\n                          {year.label}\n                        </DatePickerTableCellTrigger>\n                      </DatePickerTableCell>\n                    )}\n                  </For>\n                </DatePickerTableRow>\n              )}\n            </For>\n          )}\n        </DatePickerContext>\n      </DatePickerTableBody>\n    </DatePickerTable>\n  </DatePickerView>\n);\nexport const DatePickerViews: Component = () => [\n  <DatePickerDayView />,\n  <DatePickerMonthView />,\n  <DatePickerYearView />,\n];\nexport const Calendar: Component<DatePickerPrimitive.RootProps> = (props) => (\n  <DatePicker {...props} inline unmountOnExit={false}>\n    <DatePickerContent class='border-none shadow-none ring-0'>\n      <DatePickerViews />\n    </DatePickerContent>\n  </DatePicker>\n);\n"],"names":["DatePicker","props","local","others","splitProps","_$createComponent","DatePickerPrimitive","Root","_$mergeProps","cn","class","DatePickerContext","Context","DatePickerRangeText","RangeText","DatePickerView","View","DatePickerViewTrigger","ViewTrigger","DatePickerTable","Table","DatePickerTableBody","TableBody","DatePickerTableCell","TableCell","DatePickerTableHead","TableHead","DatePickerTableHeader","TableHeader","DatePickerTableRow","TableRow","DatePickerLabel","Label","DatePickerControl","Control","DatePickerInput","Input","DatePickerTrigger","Trigger","buttonVariants","variant","size","children","CalendarMonthIcon","DatePickerPositioner","Positioner","DatePickerContent","Content","DatePickerPrevTrigger","PrevTrigger","ChevronLeftIcon","DatePickerNextTrigger","NextTrigger","ChevronRightIcon","DatePickerTableCellTrigger","TableCellTrigger","DatePickerViewControl","ViewControl","asChild","triggerProps","_el$","_tmpl$","_$spread","_$insert","DatePickerDayView","view","api","For","each","weekDays","weekDay","narrow","short","weeks","week","day","value","DatePickerMonthView","getMonthsGrid","columns","format","months","month","label","DatePickerYearView","getYearsGrid","years","year","DatePickerViews","Calendar","inline","unmountOnExit"],"mappings":"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"}

package/dist/components/Dialog.js

@@ -2,7 +2,7 @@ import { createComponent as s, mergeProps as r, template as c, spread as d } fro
 import { dialog_exports as a } from "../node_modules/.bun/@ark-ui_solid@5.34.0_95b571dd5236cc92/node_modules/@ark-ui/solid/dist/chunk/GOIBDXMD.js";
 import { splitProps as l } from "solid-js";
 import { cn as n } from "../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
-import g from "../_virtual/outline-close.js";
+import g from "../_virtual/close.js";
 import { Button as u } from "./Button.js";
 import { ui_common_close as m } from "../paraglide/messages/ui_common_close.js";
 var p = /* @__PURE__ */ c("<div data-slot=dialog-header>"), f = /* @__PURE__ */ c("<div data-slot=dialog-footer>");
@@ -60,7 +60,7 @@ const _ = a.Root, w = a.Trigger, z = a.Context, k = a.CloseTrigger, y = (t) => {
       }
     }, o), !1, !1), i;
   })();
-}, O = (t) => {
+}, F = (t) => {
   const [e, o] = l(t, ["class"]);
   return (() => {
     var i = f();
@@ -70,7 +70,7 @@ const _ = a.Root, w = a.Trigger, z = a.Context, k = a.CloseTrigger, y = (t) => {
       }
     }, o), !1, !1), i;
   })();
-}, F = (t) => {
+}, H = (t) => {
   const [e, o] = l(t, ["class"]);
   return s(a.Title, r({
     "data-slot": "dialog-title",
@@ -78,7 +78,7 @@ const _ = a.Root, w = a.Trigger, z = a.Context, k = a.CloseTrigger, y = (t) => {
       return n("text-base font-medium leading-none", e.class);
     }
   }, o));
-}, H = (t) => {
+}, I = (t) => {
   const [e, o] = l(t, ["class"]);
   return s(a.Description, r({
     "data-slot": "dialog-description",
@@ -93,12 +93,12 @@ export {
   k as DialogCloseTrigger,
   $ as DialogContent,
   z as DialogContext,
-  H as DialogDescription,
-  O as DialogFooter,
+  I as DialogDescription,
+  F as DialogFooter,
   j as DialogHeader,
   y as DialogOverlay,
   P as DialogPositioner,
-  F as DialogTitle,
+  H as DialogTitle,
   w as DialogTrigger
 };
 //# sourceMappingURL=Dialog.js.map

package/dist/components/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../src/components/Dialog.tsx"],"sourcesContent":["import { Dialog as DialogPrimitive } from '@ark-ui/solid/dialog';\nimport { type Component, type ComponentProps, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport OutlineCloseIcon from '~icons/ic/outline-close';\n\nimport { Button } from '@/components/Button';\nimport * as messages from '@/paraglide/messages';\n\nexport const Dialog = DialogPrimitive.Root;\nexport const DialogTrigger = DialogPrimitive.Trigger;\nexport const DialogContext = DialogPrimitive.Context;\nexport const DialogCloseTrigger = DialogPrimitive.CloseTrigger;\n\nexport const DialogOverlay: Component<DialogPrimitive.BackdropProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DialogPrimitive.Backdrop\n      data-slot='dialog-overlay'\n      class={cn(\n        'bg-black/10 inset-0 backdrop-blur-xs fixed isolate z-50 duration-100',\n        'data-[state=open]:animate-in data-[state=open]:fade-in-0',\n        'data-[state=closed]:animate-out data-[state=closed]:fade-out-0',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const DialogPositioner: Component<DialogPrimitive.PositionerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DialogPrimitive.Positioner\n      data-slot='dialog-positioner'\n      class={cn('inset-0 fixed z-50 flex items-center justify-center', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const DialogContent: Component<DialogPrimitive.ContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <DialogPrimitive.Content\n      data-slot='dialog-content'\n      class={cn(\n        'gap-4 p-4 text-sm shadow-lg sm:max-w-sm relative isolate grid w-full max-w-[calc(100%-2rem)] rounded-xl bg-background ring-1 ring-foreground/10 duration-100 outline-none',\n        'data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',\n        'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const DialogCloseButton: Component<DialogPrimitive.CloseTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <DialogPrimitive.CloseTrigger\n      class={cn('top-2 right-2 absolute', local.class)}\n      asChild={(triggerProps) => (\n        <Button\n          variant='ghost'\n          size='icon-sm'\n          aria-label={messages.ui_common_close()}\n          {...triggerProps()}\n          {...others}\n        >\n          <OutlineCloseIcon aria-hidden='true' />\n        </Button>\n      )}\n    />\n  );\n};\n\nexport const DialogHeader: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div data-slot='dialog-header' class={cn('gap-2 flex flex-col', local.class)} {...others} />\n  );\n};\n\nexport const DialogFooter: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <div\n      data-slot='dialog-footer'\n      class={cn(\n        '-mx-4 -mb-4 gap-2 p-4 sm:flex-row sm:justify-end flex flex-col-reverse rounded-b-xl border-t bg-muted/50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const DialogTitle: Component<DialogPrimitive.TitleProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DialogPrimitive.Title\n      data-slot='dialog-title'\n      class={cn('text-base font-medium leading-none', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const DialogDescription: Component<DialogPrimitive.DescriptionProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DialogPrimitive.Description\n      data-slot='dialog-description'\n      class={cn(\n        'text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"names":["Dialog","DialogPrimitive","Root","DialogTrigger","Trigger","DialogContext","Context","DialogCloseTrigger","CloseTrigger","DialogOverlay","props","local","others","splitProps","_$createComponent","Backdrop","_$mergeProps","cn","class","DialogPositioner","Positioner","DialogContent","Content","DialogCloseButton","asChild","triggerProps","Button","variant","size","messages","ui_common_close","children","OutlineCloseIcon","DialogHeader","_el$","_tmpl$","_$spread","DialogFooter","_el$2","_tmpl$2","DialogTitle","Title","DialogDescription","Description"],"mappings":"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"}
+{"version":3,"file":"Dialog.js","sources":["../../src/components/Dialog.tsx"],"sourcesContent":["import { Dialog as DialogPrimitive } from '@ark-ui/solid/dialog';\nimport { type Component, type ComponentProps, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport CloseIcon from '~icons/material-symbols/close';\n\nimport { Button } from '@/components/Button';\nimport * as messages from '@/paraglide/messages';\n\nexport const Dialog = DialogPrimitive.Root;\nexport const DialogTrigger = DialogPrimitive.Trigger;\nexport const DialogContext = DialogPrimitive.Context;\nexport const DialogCloseTrigger = DialogPrimitive.CloseTrigger;\n\nexport const DialogOverlay: Component<DialogPrimitive.BackdropProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DialogPrimitive.Backdrop\n      data-slot='dialog-overlay'\n      class={cn(\n        'bg-black/10 inset-0 backdrop-blur-xs fixed isolate z-50 duration-100',\n        'data-[state=open]:animate-in data-[state=open]:fade-in-0',\n        'data-[state=closed]:animate-out data-[state=closed]:fade-out-0',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const DialogPositioner: Component<DialogPrimitive.PositionerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DialogPrimitive.Positioner\n      data-slot='dialog-positioner'\n      class={cn('inset-0 fixed z-50 flex items-center justify-center', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const DialogContent: Component<DialogPrimitive.ContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <DialogPrimitive.Content\n      data-slot='dialog-content'\n      class={cn(\n        'gap-4 p-4 text-sm shadow-lg sm:max-w-sm relative isolate grid w-full max-w-[calc(100%-2rem)] rounded-xl bg-background ring-1 ring-foreground/10 duration-100 outline-none',\n        'data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',\n        'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const DialogCloseButton: Component<DialogPrimitive.CloseTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <DialogPrimitive.CloseTrigger\n      class={cn('top-2 right-2 absolute', local.class)}\n      asChild={(triggerProps) => (\n        <Button\n          variant='ghost'\n          size='icon-sm'\n          aria-label={messages.ui_common_close()}\n          {...triggerProps()}\n          {...others}\n        >\n          <CloseIcon aria-hidden='true' />\n        </Button>\n      )}\n    />\n  );\n};\n\nexport const DialogHeader: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div data-slot='dialog-header' class={cn('gap-2 flex flex-col', local.class)} {...others} />\n  );\n};\n\nexport const DialogFooter: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <div\n      data-slot='dialog-footer'\n      class={cn(\n        '-mx-4 -mb-4 gap-2 p-4 sm:flex-row sm:justify-end flex flex-col-reverse rounded-b-xl border-t bg-muted/50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const DialogTitle: Component<DialogPrimitive.TitleProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DialogPrimitive.Title\n      data-slot='dialog-title'\n      class={cn('text-base font-medium leading-none', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const DialogDescription: Component<DialogPrimitive.DescriptionProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <DialogPrimitive.Description\n      data-slot='dialog-description'\n      class={cn(\n        'text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"names":["Dialog","DialogPrimitive","Root","DialogTrigger","Trigger","DialogContext","Context","DialogCloseTrigger","CloseTrigger","DialogOverlay","props","local","others","splitProps","_$createComponent","Backdrop","_$mergeProps","cn","class","DialogPositioner","Positioner","DialogContent","Content","DialogCloseButton","asChild","triggerProps","Button","variant","size","messages","ui_common_close","children","CloseIcon","DialogHeader","_el$","_tmpl$","_$spread","DialogFooter","_el$2","_tmpl$2","DialogTitle","Title","DialogDescription","Description"],"mappings":"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"}

package/dist/components/Menu.js

@@ -2,8 +2,8 @@ import { createComponent as s, mergeProps as o, memo as u, template as i, spread
 import { menu_exports as r } 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 d from "../_virtual/outline-check.js";
-import g from "../_virtual/outline-chevron-right.js";
+import d from "../_virtual/check.js";
+import g from "../_virtual/chevron-right.js";
 var h = /* @__PURE__ */ i('<div class="size-2 rounded-full bg-current">'), p = /* @__PURE__ */ i("<span>");
 const y = r.Root, z = r.Trigger, C = r.Context, T = r.ItemGroup, k = (t) => {
   const [e, n] = a(t, ["class"]);
@@ -26,7 +26,7 @@ const y = r.Root, z = r.Trigger, C = r.Context, T = r.ItemGroup, k = (t) => {
   return s(r.Item, o({
     "data-slot": "menu-item",
     get class() {
-      return l("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", e.class);
+      return l("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", e.class);
     }
   }, n));
 }, P = (t) => {
@@ -78,7 +78,7 @@ const y = r.Root, z = r.Trigger, C = r.Context, T = r.ItemGroup, k = (t) => {
   return s(r.CheckboxItem, o({
     "data-slot": "menu-checkbox-item",
     get class() {
-      return l("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", e.class);
+      return l("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", e.class);
     }
   }, n, {
     get children() {
@@ -101,7 +101,7 @@ const y = r.Root, z = r.Trigger, C = r.Context, T = r.ItemGroup, k = (t) => {
   return s(r.RadioItem, o({
     "data-slot": "menu-radio-item",
     get class() {
-      return l("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", e.class);
+      return l("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", e.class);
     }
   }, n, {
     get children() {