@manafishrov/ui 1.2.11 → 1.2.13

package/dist/components/Item.js

@@ -1,13 +1,13 @@
-import { template as n, spread as o, mergeProps as r, createComponent as m } from "solid-js/web";
+import { spread as n, mergeProps as r, createComponent as m, template as o } from "solid-js/web";
 import { splitProps as l } from "solid-js";
 import { tv as c, cn as i } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
 import { Separator as u } from "./Separator.js";
-var d = /* @__PURE__ */ n("<div role=list data-slot=item-group>"), f = /* @__PURE__ */ n("<div data-slot=item>"), p = /* @__PURE__ */ n("<div data-slot=item-media>"), g = /* @__PURE__ */ n("<div data-slot=item-content>"), v = /* @__PURE__ */ n("<div data-slot=item-title>"), x = /* @__PURE__ */ n("<p data-slot=item-description>"), _ = /* @__PURE__ */ n("<div data-slot=item-actions>"), h = /* @__PURE__ */ n("<div data-slot=item-header>"), z = /* @__PURE__ */ n("<div data-slot=item-footer>");
+var d = /* @__PURE__ */ o("<div role=list data-slot=item-group>"), f = /* @__PURE__ */ o("<div data-slot=item>"), p = /* @__PURE__ */ o("<div data-slot=item-media>"), g = /* @__PURE__ */ o("<div data-slot=item-content>"), v = /* @__PURE__ */ o("<div data-slot=item-title>"), x = /* @__PURE__ */ o("<p data-slot=item-description>"), _ = /* @__PURE__ */ o("<div data-slot=item-actions>"), h = /* @__PURE__ */ o("<div data-slot=item-header>"), z = /* @__PURE__ */ o("<div data-slot=item-footer>");
 const V = (a) => {
   const [e, s] = l(a, ["class"]);
   return (() => {
     var t = d();
-    return o(t, r({
+    return n(t, r({
       get class() {
         return i("gap-4 group/item-group flex w-full flex-col", "has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2", e.class);
       }
@@ -44,7 +44,7 @@ const V = (a) => {
   const [e, s] = l(a, ["class", "variant", "size"]);
   return (() => {
     var t = f();
-    return o(t, r({
+    return n(t, r({
       get "data-variant"() {
         return e.variant ?? "default";
       },
@@ -76,7 +76,7 @@ const V = (a) => {
   const [e, s] = l(a, ["class", "variant"]);
   return (() => {
     var t = p();
-    return o(t, r({
+    return n(t, r({
       get "data-variant"() {
         return e.variant ?? "default";
       },
@@ -92,7 +92,7 @@ const V = (a) => {
   const [e, s] = l(a, ["class"]);
   return (() => {
     var t = g();
-    return o(t, r({
+    return n(t, r({
       get class() {
         return i("gap-1 [&+[data-slot=item-content]]:flex-none group-data-[size=xs]/item:gap-0 flex flex-1 flex-col", e.class);
       }
@@ -102,7 +102,7 @@ const V = (a) => {
   const [e, s] = l(a, ["class"]);
   return (() => {
     var t = v();
-    return o(t, r({
+    return n(t, r({
       get class() {
         return i("gap-2 text-sm leading-snug font-medium line-clamp-1 flex w-fit items-center underline-offset-4", e.class);
       }
@@ -112,7 +112,7 @@ const V = (a) => {
   const [e, s] = l(a, ["class"]);
   return (() => {
     var t = x();
-    return o(t, r({
+    return n(t, r({
       get class() {
         return i("text-sm leading-normal font-normal line-clamp-2 text-left text-muted-foreground", "group-data-[size=xs]/item:text-xs", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", e.class);
       }
@@ -122,7 +122,7 @@ const V = (a) => {
   const [e, s] = l(a, ["class"]);
   return (() => {
     var t = _();
-    return o(t, r({
+    return n(t, r({
       get class() {
         return i("gap-2 flex items-center", e.class);
       }
@@ -132,7 +132,7 @@ const V = (a) => {
   const [e, s] = l(a, ["class"]);
   return (() => {
     var t = h();
-    return o(t, r({
+    return n(t, r({
       get class() {
         return i("gap-2 flex basis-full items-center justify-between", e.class);
       }
@@ -142,7 +142,7 @@ const V = (a) => {
   const [e, s] = l(a, ["class"]);
   return (() => {
     var t = z();
-    return o(t, r({
+    return n(t, r({
       get class() {
         return i("gap-2 flex basis-full items-center justify-between", e.class);
       }

package/dist/components/Kbd.js

@@ -1,12 +1,12 @@
-import { template as n, spread as r, mergeProps as a } from "solid-js/web";
+import { spread as n, mergeProps as r, template as a } from "solid-js/web";
 import { splitProps as l } from "solid-js";
 import { cn as c } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
-var i = /* @__PURE__ */ n("<kbd data-slot=kbd>"), d = /* @__PURE__ */ n("<div data-slot=kbd-group>");
+var i = /* @__PURE__ */ a("<kbd data-slot=kbd>"), d = /* @__PURE__ */ a("<div data-slot=kbd-group>");
 const f = (e) => {
   const [o, s] = l(e, ["class"]);
   return (() => {
     var t = i();
-    return r(t, a({
+    return n(t, r({
       get class() {
         return c("h-5 min-w-5 gap-1 px-1 font-sans text-xs font-medium [&_svg:not([class*='size-'])]:size-3 pointer-events-none inline-flex w-fit items-center justify-center rounded-sm bg-muted text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10", o.class);
       }
@@ -16,7 +16,7 @@ const f = (e) => {
   const [o, s] = l(e, ["class"]);
   return (() => {
     var t = d();
-    return r(t, a({
+    return n(t, r({
       get class() {
         return c("gap-1 inline-flex items-center", o.class);
       }

package/dist/components/Menu.js

@@ -1,4 +1,4 @@
-import { createComponent as s, mergeProps as o, memo as u, template as i, spread as m } from "solid-js/web";
+import { createComponent as s, mergeProps as o, spread as u, memo as m, template as i } from "solid-js/web";
 import { menu_exports as r } from "../node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/2JT4XMQZ.js";
 import { splitProps as a } from "solid-js";
 import { cn as l } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
@@ -38,7 +38,7 @@ const y = r.Root, z = r.Trigger, C = r.Context, T = r.ItemGroup, k = (t) => {
     }
   }, n, {
     get children() {
-      return [u(() => e.children), s(g, {
+      return [m(() => e.children), s(g, {
         class: "size-4 ml-auto"
       })];
     }
@@ -121,7 +121,7 @@ const y = r.Root, z = r.Trigger, C = r.Context, T = r.ItemGroup, k = (t) => {
   const [e, n] = a(t, ["class"]);
   return (() => {
     var c = p();
-    return m(c, o({
+    return u(c, o({
       get class() {
         return l("text-xs tracking-widest ml-auto opacity-60", e.class);
       }

package/dist/components/MenuCombobox.js

@@ -1,4 +1,4 @@
-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 { delegateEvents as x, createComponent as r, mergeProps as s, spread as d, insert as p, memo as g, template as m } from "solid-js/web";
 import { menu_exports as n } from "../node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/2JT4XMQZ.js";
 import { splitProps as a } from "solid-js";
 import { cn as l } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";

package/dist/components/MenuComboboxList.js

@@ -1,4 +1,4 @@
-import { template as V, insert as c, createComponent as o, memo as u, mergeProps as p, effect as i, className as b } from "solid-js/web";
+import { insert as c, createComponent as o, memo as u, mergeProps as p, effect as i, className as b, template as V } from "solid-js/web";
 import { splitProps as g, createMemo as f, For as d } from "solid-js";
 import { cn as m } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
 import { MenuComboboxEmpty as v, MenuComboboxItem as C, MenuComboboxShortcut as x, MenuComboboxSeparator as y, MenuComboboxItemGroup as G, MenuComboboxItemGroupLabel as L, MenuComboboxCheckboxItem as S, MenuComboboxRadioItemGroup as k, MenuComboboxRadioItem as _ } from "./MenuCombobox.js";

package/dist/components/NumberInput.js

@@ -1,10 +1,10 @@
-import { createComponent as n, mergeProps as o, template as c, spread as d, insert as p } from "solid-js/web";
+import { createComponent as n, mergeProps as o, spread as c, insert as d, template as p } from "solid-js/web";
 import { number_input_exports as s } from "../node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/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_7ac958b541464b98/node_modules/tailwind-variants/dist/index.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>");
+var m = /* @__PURE__ */ p("<div data-slot=number-input-triggers>");
 const T = s.Context, C = (r) => {
   const [e, t] = l(r, ["class"]);
   return n(s.Root, o({
@@ -16,7 +16,7 @@ const T = s.Context, C = (r) => {
   const [e, t] = l(r, ["class"]);
   return n(s.Label, o({
     get class() {
-      return a("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", e.class);
+      return a("mb-1.5 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", e.class);
     }
   }, t));
 }, k = (r) => {
@@ -67,7 +67,7 @@ const T = s.Context, C = (r) => {
   return n(s.Context, {
     children: (i) => (() => {
       var u = m();
-      return d(u, o({
+      return c(u, o({
         get "data-focus"() {
           return i().focused ? "" : !1;
         },
@@ -77,7 +77,7 @@ const T = s.Context, C = (r) => {
         get class() {
           return a("top-0 right-0 absolute flex h-full flex-col border-l border-input transition-colors", e.class);
         }
-      }, t), !1, !0), p(u, () => e.children ?? [n(f, {}), n(h, {})]), u;
+      }, t), !1, !0), d(u, () => e.children ?? [n(f, {}), n(h, {})]), u;
     })()
   });
 }, j = (r) => {

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 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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"}
+{"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.5 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":";;;;;;;AAMO,MAAMA,IAAqBC,EAAqBC,SAE1CC,IAA0DC,CAAAA,MAAU;AAC/E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGP,EAAqBQ,MAAIC,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACjBC,EAAG,2CAA2CN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GAC7DN,CAAM,CAAA;AAGhB,GAEaO,IAAgET,CAAAA,MAAU;AACrF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGP,EAAqBa,OAAKJ,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAClBC,EACL,uNACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,CAAM,CAAA;AAGhB,GAEaS,IAAoEX,CAAAA,MAAU;AACzF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AAEnD,SAAAI,EACGP,EAAqBe,SAAON,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEpBC,EACL,gJACA,6FACA,8JACA,0GACA,qGACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,CAAM,CAAA;AAGhB,GAEaW,IAAgEb,CAAAA,MAAU;AACrF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGP,EAAqBiB,OAAKR,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAClBC,EACL,6OACA,uFACA,8FACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,CAAM,CAAA;AAGhB,GAEaa,IACXf,CAAAA,MACG;AACH,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACGP,EAAqBmB,kBAAgBV,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAE7BC,EACL,yLACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,GAAM;AAAA,IAAA,IAAAe,WAAA;AAAA,aAEThB,EAAMgB,YAAQb,EAAKc,GAAc;AAAA,QAAA,OAAA;AAAA,MAAA,CAAA;AAAA,IAAoB;AAAA,EAAA,CAAA,CAAA;AAG5D,GAEaC,IACXnB,CAAAA,MACG;AACH,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACGP,EAAqBuB,kBAAgBd,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAE7BC,EACL,yLACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,GAAM;AAAA,IAAA,IAAAe,WAAA;AAAA,aAEThB,EAAMgB,YAAQb,EAAKiB,GAAc;AAAA,QAAA,OAAA;AAAA,MAAA,CAAA;AAAA,IAAoB;AAAA,EAAA,CAAA,CAAA;AAG5D,GAEaC,IAAyDtB,CAAAA,MAAU;AAC9E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACGP,EAAqBC,SAAO;AAAA,IAAAmB,UACzBM,QAAG,MAAA;AAAA,UAAAC,IAAAC,EAAAA;AAAAC,aAAAA,EAAAF,GAAAlB,EAAA;AAAA,QAAA,IAAA,eAAA;AAAA,iBAGWiB,EAAAA,EAAMI,UAAU,KAAK;AAAA,QAAK;AAAA,QAAA,IAAA,iBAAA;AAAA,iBACxBJ,EAAAA,EAAMK,UAAU,KAAK;AAAA,QAAK;AAAA,QAAA,IAAA,QAAA;AAAA,iBACjCrB,EACL,uFACAN,EAAMO,KACR;AAAA,QAAC;AAAA,MAAA,GACGN,CAAM,GAAA,IAAA,EAAA,GAAA2B,EAAAL,GAAA,MAETvB,EAAMgB,YAAQ,CAAAb,EAEVW,GAA2B,CAAA,CAAA,GAAAX,EAC3Be,GAA2B,CAAA,CAAA,CAAA,CAE/B,GAAAK;AAAAA,IAAA,GAAA;AAAA,EAAA,CAEJ;AAGP,GAEaM,IAAsE9B,CAAAA,MAAU;AAC3F,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGP,EAAqBkC,UAAQzB,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAErBC,EAAG,oBAAoBN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GACtCN,CAAM,CAAA;AAGhB,GAEa8B,IAAwEhC,CAAAA,MAAU;AAC7F,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGP,EAAqBoC,WAAS3B,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEtBC,EAAG,WAAWN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GAC7BN,CAAM,CAAA;AAGhB;"}

package/dist/components/Pagination.js

@@ -1,4 +1,4 @@
-import { createComponent as n, mergeProps as o, template as c, spread as u, insert as g } from "solid-js/web";
+import { createComponent as n, mergeProps as o, spread as u, insert as g, template as c } from "solid-js/web";
 import { pagination_exports as i } from "../node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/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_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
@@ -6,9 +6,9 @@ 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_more as v } from "../paraglide/messages/ui_pagination_more.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";
+import { ui_pagination_previous as x } from "../paraglide/messages/ui_pagination_previous.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 T = i.Context, H = (r) => {
   const [t, a] = s(r, ["class"]);
@@ -71,7 +71,7 @@ const T = i.Context, H = (r) => {
     get children() {
       return t.children ?? [n(m, {}), (() => {
         var e = d();
-        return g(e, () => v()), e;
+        return g(e, () => x()), e;
       })()];
     }
   }));
@@ -104,7 +104,7 @@ const T = i.Context, H = (r) => {
         class: "size-4"
       }), (() => {
         var e = b();
-        return g(e, () => x()), e;
+        return g(e, () => v()), e;
       })()];
     }
   }));

package/dist/components/PasswordInput.js

@@ -15,7 +15,7 @@ const m = (r) => {
   const [t, e] = i(r, ["class"]);
   return o(s.Label, n({
     get class() {
-      return a("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", t.class);
+      return a("mb-1.5 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", t.class);
     }
   }, e));
 }, v = (r) => {

package/dist/components/PasswordInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.js","sources":["../../src/components/PasswordInput.tsx"],"sourcesContent":["import { PasswordInput as PrimitivePasswordInput } from '@ark-ui/solid/password-input';\nimport { splitProps, type Component } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport VisibilityIcon from '~icons/material-symbols/visibility';\nimport VisibilityOffIcon from '~icons/material-symbols/visibility-off';\nexport const PasswordInput: Component<PrimitivePasswordInput.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitivePasswordInput.Root\n      class={cn('group/password-input flex w-full flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const PasswordInputContext = PrimitivePasswordInput.Context;\n\nexport const PasswordInputLabel: Component<PrimitivePasswordInput.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitivePasswordInput.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 PasswordInputControl: Component<PrimitivePasswordInput.ControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <PrimitivePasswordInput.Control\n      data-slot='password-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        'focus-within:border-ring focus-within:ring-[3px] focus-within: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]:focus-within:border-input data-[readonly=true]:focus-within:ring-0',\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]:focus-within:border-input data-[readonly=true]:focus-within:ring-0',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const PasswordInputInput: Component<PrimitivePasswordInput.InputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitivePasswordInput.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-10',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const PasswordInputVisibilityTrigger: Component<\n  PrimitivePasswordInput.VisibilityTriggerProps\n> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitivePasswordInput.VisibilityTrigger\n      data-slot='password-input-visibility-trigger'\n      class={cn(\n        'top-0 right-0 w-9 absolute flex h-full cursor-pointer items-center justify-center text-muted-foreground transition-colors outline-none hover:bg-muted hover:text-foreground focus-visible:bg-muted focus-visible:text-foreground disabled:opacity-50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const PasswordInputIndicator: Component<PrimitivePasswordInput.IndicatorProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <PrimitivePasswordInput.Indicator\n      class={cn(local.class)}\n      fallback={local.children ?? <VisibilityOffIcon class='size-4' />}\n      {...others}\n    >\n      <VisibilityIcon class='size-4' />\n    </PrimitivePasswordInput.Indicator>\n  );\n};\n"],"names":["PasswordInput","props","local","others","splitProps","_$createComponent","PrimitivePasswordInput","Root","_$mergeProps","cn","class","PasswordInputContext","Context","PasswordInputLabel","Label","PasswordInputControl","Control","PasswordInputInput","Input","PasswordInputVisibilityTrigger","VisibilityTrigger","PasswordInputIndicator","Indicator","fallback","children","VisibilityOffIcon","VisibilityIcon"],"mappings":";;;;;;AAKO,MAAMA,IAA8DC,CAAAA,MAAU;AACnF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAuBC,MAAIC,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACnBC,EAAG,6CAA6CP,EAAMQ,KAAK;AAAA,IAAC;AAAA,EAAA,GAC/DP,CAAM,CAAA;AAGhB,GAEaQ,IAAuBL,EAAuBM,SAE9CC,IAAoEZ,CAAAA,MAAU;AACzF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAuBQ,OAAKN,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACpBC,EACL,qNACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,CAAM,CAAA;AAGhB,GAEaY,IAAwEd,CAAAA,MAAU;AAC7F,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AAEnD,SAAAI,EACGC,EAAuBU,SAAOR,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEtBC,EACL,gJACA,8EACA,8JACA,0GACA,2FACA,8JACA,0GACA,2FACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,CAAM,CAAA;AAGhB,GAEac,IAAoEhB,CAAAA,MAAU;AACzF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAuBY,OAAKV,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACpBC,EACL,6OACA,uFACA,gBACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,CAAM,CAAA;AAGhB,GAEagB,IAERlB,CAAAA,MAAU;AACb,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAuBc,mBAAiBZ,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEhCC,EACL,wPACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,CAAM,CAAA;AAGhB,GAEakB,IAA4EpB,CAAAA,MAAU;AACjG,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACGC,EAAuBgB,WAASd,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACxBC,EAAGP,EAAMQ,KAAK;AAAA,IAAC;AAAA,IAAA,IACtBa,WAAQ;AAAA,aAAErB,EAAMsB,YAAQnB,EAAKoB,GAAiB;AAAA,QAAA,OAAA;AAAA,MAAA,CAAA;AAAA,IAAkB;AAAA,EAAA,GAC5DtB,GAAM;AAAA,IAAA,IAAAqB,WAAA;AAAA,aAAAnB,EAETqB,GAAc;AAAA,QAAA,OAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAGrB;"}
+{"version":3,"file":"PasswordInput.js","sources":["../../src/components/PasswordInput.tsx"],"sourcesContent":["import { PasswordInput as PrimitivePasswordInput } from '@ark-ui/solid/password-input';\nimport { splitProps, type Component } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport VisibilityIcon from '~icons/material-symbols/visibility';\nimport VisibilityOffIcon from '~icons/material-symbols/visibility-off';\nexport const PasswordInput: Component<PrimitivePasswordInput.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitivePasswordInput.Root\n      class={cn('group/password-input flex w-full flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const PasswordInputContext = PrimitivePasswordInput.Context;\n\nexport const PasswordInputLabel: Component<PrimitivePasswordInput.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitivePasswordInput.Label\n      class={cn(\n        'mb-1.5 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 PasswordInputControl: Component<PrimitivePasswordInput.ControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <PrimitivePasswordInput.Control\n      data-slot='password-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        'focus-within:border-ring focus-within:ring-[3px] focus-within: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]:focus-within:border-input data-[readonly=true]:focus-within:ring-0',\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]:focus-within:border-input data-[readonly=true]:focus-within:ring-0',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const PasswordInputInput: Component<PrimitivePasswordInput.InputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitivePasswordInput.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-10',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const PasswordInputVisibilityTrigger: Component<\n  PrimitivePasswordInput.VisibilityTriggerProps\n> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitivePasswordInput.VisibilityTrigger\n      data-slot='password-input-visibility-trigger'\n      class={cn(\n        'top-0 right-0 w-9 absolute flex h-full cursor-pointer items-center justify-center text-muted-foreground transition-colors outline-none hover:bg-muted hover:text-foreground focus-visible:bg-muted focus-visible:text-foreground disabled:opacity-50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const PasswordInputIndicator: Component<PrimitivePasswordInput.IndicatorProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <PrimitivePasswordInput.Indicator\n      class={cn(local.class)}\n      fallback={local.children ?? <VisibilityOffIcon class='size-4' />}\n      {...others}\n    >\n      <VisibilityIcon class='size-4' />\n    </PrimitivePasswordInput.Indicator>\n  );\n};\n"],"names":["PasswordInput","props","local","others","splitProps","_$createComponent","PrimitivePasswordInput","Root","_$mergeProps","cn","class","PasswordInputContext","Context","PasswordInputLabel","Label","PasswordInputControl","Control","PasswordInputInput","Input","PasswordInputVisibilityTrigger","VisibilityTrigger","PasswordInputIndicator","Indicator","fallback","children","VisibilityOffIcon","VisibilityIcon"],"mappings":";;;;;;AAKO,MAAMA,IAA8DC,CAAAA,MAAU;AACnF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAuBC,MAAIC,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACnBC,EAAG,6CAA6CP,EAAMQ,KAAK;AAAA,IAAC;AAAA,EAAA,GAC/DP,CAAM,CAAA;AAGhB,GAEaQ,IAAuBL,EAAuBM,SAE9CC,IAAoEZ,CAAAA,MAAU;AACzF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAuBQ,OAAKN,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACpBC,EACL,uNACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,CAAM,CAAA;AAGhB,GAEaY,IAAwEd,CAAAA,MAAU;AAC7F,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AAEnD,SAAAI,EACGC,EAAuBU,SAAOR,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEtBC,EACL,gJACA,8EACA,8JACA,0GACA,2FACA,8JACA,0GACA,2FACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,CAAM,CAAA;AAGhB,GAEac,IAAoEhB,CAAAA,MAAU;AACzF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAuBY,OAAKV,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACpBC,EACL,6OACA,uFACA,gBACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,CAAM,CAAA;AAGhB,GAEagB,IAERlB,CAAAA,MAAU;AACb,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAuBc,mBAAiBZ,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEhCC,EACL,wPACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,CAAM,CAAA;AAGhB,GAEakB,IAA4EpB,CAAAA,MAAU;AACjG,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACGC,EAAuBgB,WAASd,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACxBC,EAAGP,EAAMQ,KAAK;AAAA,IAAC;AAAA,IAAA,IACtBa,WAAQ;AAAA,aAAErB,EAAMsB,YAAQnB,EAAKoB,GAAiB;AAAA,QAAA,OAAA;AAAA,MAAA,CAAA;AAAA,IAAkB;AAAA,EAAA,GAC5DtB,GAAM;AAAA,IAAA,IAAAqB,WAAA;AAAA,aAAAnB,EAETqB,GAAc;AAAA,QAAA,OAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAGrB;"}

package/dist/components/PinInput.js

@@ -1,9 +1,9 @@
-import { createComponent as l, mergeProps as i, template as d, spread as u, insert as p } from "solid-js/web";
+import { createComponent as l, mergeProps as i, spread as d, insert as p, template as u } from "solid-js/web";
 import { pin_input_exports as s } from "../node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/3JJJT3ZB.js";
 import { splitProps as o } from "solid-js";
 import { cn as a } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
 import c from "../_virtual/close.js";
-var g = /* @__PURE__ */ d("<div data-slot=pin-input-group>"), f = /* @__PURE__ */ d("<div aria-hidden=true data-slot=pin-input-separator>");
+var g = /* @__PURE__ */ u("<div data-slot=pin-input-group>"), f = /* @__PURE__ */ u("<div aria-hidden=true data-slot=pin-input-separator>");
 const y = s.HiddenInput, P = s.Context, h = (t) => {
   const [e, r] = o(t, ["class"]);
   return l(s.Root, i({
@@ -15,7 +15,7 @@ const y = s.HiddenInput, P = s.Context, h = (t) => {
   const [e, r] = o(t, ["class"]);
   return l(s.Label, i({
     get class() {
-      return a("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", e.class);
+      return a("mb-1.5 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", e.class);
     }
   }, r));
 }, _ = (t) => {
@@ -30,7 +30,7 @@ const y = s.HiddenInput, P = s.Context, h = (t) => {
   const [e, r] = o(t, ["class"]);
   return (() => {
     var n = g();
-    return u(n, i({
+    return d(n, i({
       get class() {
         return a("flex items-center group-data-invalid/pin-input:border-destructive group-data-invalid/pin-input:ring-[3px] group-data-invalid/pin-input:ring-destructive/20 dark:group-data-invalid/pin-input:ring-destructive/40", "group-data-disabled/pin-input:opacity-50", e.class);
       }
@@ -47,7 +47,7 @@ const y = s.HiddenInput, P = s.Context, h = (t) => {
   const [e, r] = o(t, ["class"]);
   return (() => {
     var n = f();
-    return u(n, i({
+    return d(n, i({
       get class() {
         return a("flex items-center justify-center text-muted-foreground", e.class);
       }

package/dist/components/PinInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PinInput.js","sources":["../../src/components/PinInput.tsx"],"sourcesContent":["import { PinInput as PrimitivePinInput } from '@ark-ui/solid/pin-input';\nimport { splitProps, type Component, type ComponentProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport RemoveIcon from '~icons/material-symbols/close';\n\nexport const PinInputHiddenInput = PrimitivePinInput.HiddenInput;\nexport const PinInputContext = PrimitivePinInput.Context;\n\nexport const PinInput: Component<PrimitivePinInput.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitivePinInput.Root\n      class={cn('group/pin-input flex w-full flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const PinInputLabel: Component<PrimitivePinInput.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitivePinInput.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 PinInputControl: Component<PrimitivePinInput.ControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitivePinInput.Control\n      data-slot='pin-input-control'\n      class={cn('gap-2 flex items-center', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const PinInputGroup: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='pin-input-group'\n      class={cn(\n        'flex items-center group-data-invalid/pin-input:border-destructive group-data-invalid/pin-input:ring-[3px] group-data-invalid/pin-input:ring-destructive/20 dark:group-data-invalid/pin-input:ring-destructive/40',\n        'group-data-disabled/pin-input:opacity-50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const PinInputInput: Component<PrimitivePinInput.InputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitivePinInput.Input\n      class={cn(\n        'h-10 w-10 text-sm relative flex items-center justify-center border-y border-r border-input bg-transparent text-center transition-colors outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground first:rounded-l-md first:border-l last:rounded-r-md dark:bg-input/30',\n        'focus-visible:z-10 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50',\n        'data-[invalid=true]:border-destructive data-[invalid=true]:ring-2 data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40',\n        'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default',\n        'data-[readonly=true]:focus-visible:border-input data-[readonly=true]:focus-visible:ring-0',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const PinInputSeparator: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      aria-hidden='true'\n      data-slot='pin-input-separator'\n      class={cn('flex items-center justify-center text-muted-foreground', local.class)}\n      {...others}\n    >\n      <RemoveIcon class='size-4' />\n    </div>\n  );\n};\n"],"names":["PinInputHiddenInput","PrimitivePinInput","HiddenInput","PinInputContext","Context","PinInput","props","local","others","splitProps","_$createComponent","Root","_$mergeProps","cn","class","PinInputLabel","Label","PinInputControl","Control","PinInputGroup","_el$","_tmpl$","_$spread","PinInputInput","Input","PinInputSeparator","_el$2","_tmpl$2","_$insert","RemoveIcon"],"mappings":";;;;;;AAKO,MAAMA,IAAsBC,EAAkBC,aACxCC,IAAkBF,EAAkBG,SAEpCC,IAAoDC,CAAAA,MAAU;AACzE,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGT,EAAkBU,MAAIC,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACdC,EAAG,wCAAwCN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GAC1DN,CAAM,CAAA;AAGhB,GAEaO,IAA0DT,CAAAA,MAAU;AAC/E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGT,EAAkBe,OAAKJ,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACfC,EACL,qNACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,CAAM,CAAA;AAGhB,GAEaS,IAA8DX,CAAAA,MAAU;AACnF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGT,EAAkBiB,SAAON,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEjBC,EAAG,2BAA2BN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GAC7CN,CAAM,CAAA;AAGhB,GAEaW,IAAmDb,CAAAA,MAAU;AACxE,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,UAAA,MAAA;AAAA,QAAAc,IAAAC,EAAAA;AAAAC,WAAAA,EAAAF,GAAAR,EAAA;AAAA,MAAA,IAAA,QAAA;AAAA,eAGWC,EACL,oNACA,4CACAN,EAAMO,KACR;AAAA,MAAC;AAAA,IAAA,GACGN,CAAM,GAAA,IAAA,EAAA,GAAAY;AAAAA,EAAA,GAAA;AAGhB,GAEaG,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,sTACA,oGACA,0JACA,oHACA,6FACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,CAAM,CAAA;AAGhB,GAEaiB,IAAuDnB,CAAAA,MAAU;AAC5E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,UAAA,MAAA;AAAA,QAAAoB,IAAAC,EAAAA;AAAAL,WAAAA,EAAAI,GAAAd,EAAA;AAAA,MAAA,IAAA,QAAA;AAAA,eAIWC,EAAG,0DAA0DN,EAAMO,KAAK;AAAA,MAAC;AAAA,IAAA,GAC5EN,CAAM,GAAA,IAAA,EAAA,GAAAoB,EAAAF,GAAAhB,EAETmB,GAAU;AAAA,MAAA,OAAA;AAAA,IAAA,CAAA,CAAA,GAAAH;AAAAA,EAAA,GAAA;AAGjB;"}
+{"version":3,"file":"PinInput.js","sources":["../../src/components/PinInput.tsx"],"sourcesContent":["import { PinInput as PrimitivePinInput } from '@ark-ui/solid/pin-input';\nimport { splitProps, type Component, type ComponentProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport RemoveIcon from '~icons/material-symbols/close';\n\nexport const PinInputHiddenInput = PrimitivePinInput.HiddenInput;\nexport const PinInputContext = PrimitivePinInput.Context;\n\nexport const PinInput: Component<PrimitivePinInput.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitivePinInput.Root\n      class={cn('group/pin-input flex w-full flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const PinInputLabel: Component<PrimitivePinInput.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitivePinInput.Label\n      class={cn(\n        'mb-1.5 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 PinInputControl: Component<PrimitivePinInput.ControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitivePinInput.Control\n      data-slot='pin-input-control'\n      class={cn('gap-2 flex items-center', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const PinInputGroup: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='pin-input-group'\n      class={cn(\n        'flex items-center group-data-invalid/pin-input:border-destructive group-data-invalid/pin-input:ring-[3px] group-data-invalid/pin-input:ring-destructive/20 dark:group-data-invalid/pin-input:ring-destructive/40',\n        'group-data-disabled/pin-input:opacity-50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const PinInputInput: Component<PrimitivePinInput.InputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitivePinInput.Input\n      class={cn(\n        'h-10 w-10 text-sm relative flex items-center justify-center border-y border-r border-input bg-transparent text-center transition-colors outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground first:rounded-l-md first:border-l last:rounded-r-md dark:bg-input/30',\n        'focus-visible:z-10 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50',\n        'data-[invalid=true]:border-destructive data-[invalid=true]:ring-2 data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40',\n        'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default',\n        'data-[readonly=true]:focus-visible:border-input data-[readonly=true]:focus-visible:ring-0',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const PinInputSeparator: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      aria-hidden='true'\n      data-slot='pin-input-separator'\n      class={cn('flex items-center justify-center text-muted-foreground', local.class)}\n      {...others}\n    >\n      <RemoveIcon class='size-4' />\n    </div>\n  );\n};\n"],"names":["PinInputHiddenInput","PrimitivePinInput","HiddenInput","PinInputContext","Context","PinInput","props","local","others","splitProps","_$createComponent","Root","_$mergeProps","cn","class","PinInputLabel","Label","PinInputControl","Control","PinInputGroup","_el$","_tmpl$","_$spread","PinInputInput","Input","PinInputSeparator","_el$2","_tmpl$2","_$insert","RemoveIcon"],"mappings":";;;;;;AAKO,MAAMA,IAAsBC,EAAkBC,aACxCC,IAAkBF,EAAkBG,SAEpCC,IAAoDC,CAAAA,MAAU;AACzE,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGT,EAAkBU,MAAIC,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACdC,EAAG,wCAAwCN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GAC1DN,CAAM,CAAA;AAGhB,GAEaO,IAA0DT,CAAAA,MAAU;AAC/E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGT,EAAkBe,OAAKJ,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACfC,EACL,uNACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,CAAM,CAAA;AAGhB,GAEaS,IAA8DX,CAAAA,MAAU;AACnF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGT,EAAkBiB,SAAON,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEjBC,EAAG,2BAA2BN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GAC7CN,CAAM,CAAA;AAGhB,GAEaW,IAAmDb,CAAAA,MAAU;AACxE,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,UAAA,MAAA;AAAA,QAAAc,IAAAC,EAAAA;AAAAC,WAAAA,EAAAF,GAAAR,EAAA;AAAA,MAAA,IAAA,QAAA;AAAA,eAGWC,EACL,oNACA,4CACAN,EAAMO,KACR;AAAA,MAAC;AAAA,IAAA,GACGN,CAAM,GAAA,IAAA,EAAA,GAAAY;AAAAA,EAAA,GAAA;AAGhB,GAEaG,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,sTACA,oGACA,0JACA,oHACA,6FACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,CAAM,CAAA;AAGhB,GAEaiB,IAAuDnB,CAAAA,MAAU;AAC5E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,UAAA,MAAA;AAAA,QAAAoB,IAAAC,EAAAA;AAAAL,WAAAA,EAAAI,GAAAd,EAAA;AAAA,MAAA,IAAA,QAAA;AAAA,eAIWC,EAAG,0DAA0DN,EAAMO,KAAK;AAAA,MAAC;AAAA,IAAA,GAC5EN,CAAM,GAAA,IAAA,EAAA,GAAAoB,EAAAF,GAAAhB,EAETmB,GAAU;AAAA,MAAA,OAAA;AAAA,IAAA,CAAA,CAAA,GAAAH;AAAAA,EAAA,GAAA;AAGjB;"}

package/dist/components/Popover.js

@@ -1,8 +1,8 @@
-import { createComponent as a, mergeProps as n, template as d, spread as c } from "solid-js/web";
+import { createComponent as a, mergeProps as n, spread as d, template as c } from "solid-js/web";
 import { popover_exports as t } from "../node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/MQWCA23U.js";
 import { splitProps as s } from "solid-js";
 import { cn as l } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
-var i = /* @__PURE__ */ d("<div data-slot=popover-header>");
+var i = /* @__PURE__ */ c("<div data-slot=popover-header>");
 const u = t.Root, h = t.Trigger, b = t.Anchor, x = t.Indicator, P = t.CloseTrigger, w = t.Context, C = (e) => {
   const [o, r] = s(e, ["class"]);
   return a(t.Positioner, n({
@@ -37,7 +37,7 @@ const u = t.Root, h = t.Trigger, b = t.Anchor, x = t.Indicator, P = t.CloseTrigg
   const [o, r] = s(e, ["class"]);
   return (() => {
     var p = i();
-    return c(p, n({
+    return d(p, n({
       get class() {
         return l("gap-0.5 text-sm flex flex-col", o.class);
       }

package/dist/components/Progress.js

@@ -6,7 +6,7 @@ const g = t.View, p = t.Context, h = (e) => {
   const [r, s] = c(e, ["class", "children"]);
   return l(t.Circle, o({
     get class() {
-      return a("text-primary shrink-0", "[--size:2.5rem] [--thickness:4px]", r.class);
+      return a("shrink-0 text-primary", "[--size:2.5rem] [--thickness:4px]", r.class);
     },
     "data-slot": "progress-circle"
   }, s, {
@@ -71,7 +71,7 @@ const g = t.View, p = t.Context, h = (e) => {
   return l(t.Label, o({
     "data-slot": "progress-label",
     get class() {
-      return a("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", "text-sm font-medium", r.class);
+      return a("mb-1.5 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", "text-sm font-medium", r.class);
     }
   }, s, {
     get children() {

package/dist/components/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","sources":["../../src/components/Progress.tsx"],"sourcesContent":["import { Progress as ProgressPrimitive } from '@ark-ui/solid/progress';\nimport { type Component, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nexport const ProgressView = ProgressPrimitive.View;\nexport const ProgressContext = ProgressPrimitive.Context;\n\nexport const ProgressCircle: Component<ProgressPrimitive.CircleProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <ProgressPrimitive.Circle\n      class={cn('text-primary shrink-0', '[--size:2.5rem] [--thickness:4px]', local.class)}\n      data-slot='progress-circle'\n      {...others}\n    >\n      {local.children}\n    </ProgressPrimitive.Circle>\n  );\n};\n\nexport const ProgressCircleRange: Component<ProgressPrimitive.CircleRangeProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <ProgressPrimitive.CircleRange\n      class={cn('ease-out stroke-current transition-all duration-300', local.class)}\n      data-slot='progress-circle-range'\n      {...others}\n    />\n  );\n};\n\nexport const ProgressCircleTrack: Component<ProgressPrimitive.CircleTrackProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <ProgressPrimitive.CircleTrack\n      class={cn('stroke-muted', local.class)}\n      data-slot='progress-circle-track'\n      {...others}\n    />\n  );\n};\n\nexport const Progress: Component<ProgressPrimitive.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n\n  return (\n    <ProgressPrimitive.Root\n      data-slot='progress'\n      class={cn('flex w-full flex-col', local.class)}\n      {...others}\n    >\n      {local.children}\n    </ProgressPrimitive.Root>\n  );\n};\n\nexport const ProgressTrack: Component<ProgressPrimitive.TrackProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <ProgressPrimitive.Track\n      class={cn(\n        'h-2 relative flex w-full items-center overflow-x-hidden rounded-full bg-muted',\n        local.class,\n      )}\n      data-slot='progress-track'\n      {...others}\n    >\n      {local.children}\n    </ProgressPrimitive.Track>\n  );\n};\n\nexport const ProgressIndicator: Component<ProgressPrimitive.RangeProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <ProgressPrimitive.Range\n      data-slot='progress-indicator'\n      class={cn('h-full bg-primary transition-all', local.class)}\n      {...others}\n    >\n      {local.children}\n    </ProgressPrimitive.Range>\n  );\n};\n\nexport const ProgressLabel: Component<ProgressPrimitive.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <ProgressPrimitive.Label\n      data-slot='progress-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        'text-sm font-medium',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </ProgressPrimitive.Label>\n  );\n};\n\nexport const ProgressValue: Component<ProgressPrimitive.ValueTextProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <ProgressPrimitive.ValueText\n      class={cn('text-sm ml-auto text-muted-foreground tabular-nums', local.class)}\n      data-slot='progress-value'\n      {...others}\n    />\n  );\n};\n"],"names":["ProgressView","ProgressPrimitive","View","ProgressContext","Context","ProgressCircle","props","local","others","splitProps","_$createComponent","Circle","_$mergeProps","cn","class","children","ProgressCircleRange","CircleRange","ProgressCircleTrack","CircleTrack","Progress","Root","ProgressTrack","Track","ProgressIndicator","Range","ProgressLabel","Label","ProgressValue","ValueText"],"mappings":"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"}
+{"version":3,"file":"Progress.js","sources":["../../src/components/Progress.tsx"],"sourcesContent":["import { Progress as ProgressPrimitive } from '@ark-ui/solid/progress';\nimport { type Component, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nexport const ProgressView = ProgressPrimitive.View;\nexport const ProgressContext = ProgressPrimitive.Context;\n\nexport const ProgressCircle: Component<ProgressPrimitive.CircleProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <ProgressPrimitive.Circle\n      class={cn('shrink-0 text-primary', '[--size:2.5rem] [--thickness:4px]', local.class)}\n      data-slot='progress-circle'\n      {...others}\n    >\n      {local.children}\n    </ProgressPrimitive.Circle>\n  );\n};\n\nexport const ProgressCircleRange: Component<ProgressPrimitive.CircleRangeProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <ProgressPrimitive.CircleRange\n      class={cn('ease-out stroke-current transition-all duration-300', local.class)}\n      data-slot='progress-circle-range'\n      {...others}\n    />\n  );\n};\n\nexport const ProgressCircleTrack: Component<ProgressPrimitive.CircleTrackProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <ProgressPrimitive.CircleTrack\n      class={cn('stroke-muted', local.class)}\n      data-slot='progress-circle-track'\n      {...others}\n    />\n  );\n};\n\nexport const Progress: Component<ProgressPrimitive.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n\n  return (\n    <ProgressPrimitive.Root\n      data-slot='progress'\n      class={cn('flex w-full flex-col', local.class)}\n      {...others}\n    >\n      {local.children}\n    </ProgressPrimitive.Root>\n  );\n};\n\nexport const ProgressTrack: Component<ProgressPrimitive.TrackProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <ProgressPrimitive.Track\n      class={cn(\n        'h-2 relative flex w-full items-center overflow-x-hidden rounded-full bg-muted',\n        local.class,\n      )}\n      data-slot='progress-track'\n      {...others}\n    >\n      {local.children}\n    </ProgressPrimitive.Track>\n  );\n};\n\nexport const ProgressIndicator: Component<ProgressPrimitive.RangeProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <ProgressPrimitive.Range\n      data-slot='progress-indicator'\n      class={cn('h-full bg-primary transition-all', local.class)}\n      {...others}\n    >\n      {local.children}\n    </ProgressPrimitive.Range>\n  );\n};\n\nexport const ProgressLabel: Component<ProgressPrimitive.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <ProgressPrimitive.Label\n      data-slot='progress-label'\n      class={cn(\n        'mb-1.5 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        'text-sm font-medium',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </ProgressPrimitive.Label>\n  );\n};\n\nexport const ProgressValue: Component<ProgressPrimitive.ValueTextProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <ProgressPrimitive.ValueText\n      class={cn('text-sm ml-auto text-muted-foreground tabular-nums', local.class)}\n      data-slot='progress-value'\n      {...others}\n    />\n  );\n};\n"],"names":["ProgressView","ProgressPrimitive","View","ProgressContext","Context","ProgressCircle","props","local","others","splitProps","_$createComponent","Circle","_$mergeProps","cn","class","children","ProgressCircleRange","CircleRange","ProgressCircleTrack","CircleTrack","Progress","Root","ProgressTrack","Track","ProgressIndicator","Range","ProgressLabel","Label","ProgressValue","ValueText"],"mappings":"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"}

package/dist/components/RadioGroup.js

@@ -14,7 +14,7 @@ const g = (r) => {
   const [e, t] = d(r, ["class"]);
   return o(a.Label, i({
     get class() {
-      return s("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", "data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-70", e.class);
+      return s("mb-1.5 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", "data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-70", e.class);
     }
   }, t));
 }, b = (r) => {
@@ -33,7 +33,7 @@ const g = (r) => {
   const [e, t] = d(r, ["class", "children"]);
   return o(a.ItemControl, i({
     get class() {
-      return s("peer size-4 shadow-xs group/radio-group-item relative flex aspect-square shrink-0 items-center justify-center rounded-full border border-input bg-background outline-none transition-[border-color,border-width,box-shadow] after:-inset-x-3 after:-inset-y-2 after:absolute", "data-[state=checked]:border-primary data-[state=checked]:border-[5px] group-data-invalid/radio-group-item:data-[state=checked]:border-destructive", "data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 data-[focus-visible]:border-ring data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50 group-has-focus-visible/radio-group-item:border-ring group-has-focus-visible/radio-group-item:ring-[3px] group-has-focus-visible/radio-group-item:ring-ring/50 data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:bg-input/30 dark:data-[invalid=true]:border-destructive/50 dark:data-[invalid=true]:ring-destructive/40", e.class);
+      return s("peer size-4 shadow-xs group/radio-group-item after:-inset-x-3 after:-inset-y-2 relative flex aspect-square shrink-0 items-center justify-center rounded-full border border-input bg-background transition-[border-color,border-width,box-shadow] outline-none after:absolute", "data-[state=checked]:border-[5px] data-[state=checked]:border-primary group-data-invalid/radio-group-item:data-[state=checked]:border-destructive", "group-has-focus-visible/radio-group-item:border-ring group-has-focus-visible/radio-group-item:ring-[3px] group-has-focus-visible/radio-group-item:ring-ring/50 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 data-[focus-visible]:border-ring data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50 data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:bg-input/30 dark:data-[invalid=true]:border-destructive/50 dark:data-[invalid=true]:ring-destructive/40", e.class);
     }
   }, t, {
     get children() {

package/dist/components/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sources":["../../src/components/RadioGroup.tsx"],"sourcesContent":["import { RadioGroup as RadioGroupPrimitive } from '@ark-ui/solid/radio-group';\nimport { type Component, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nexport const RadioGroup: Component<RadioGroupPrimitive.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <RadioGroupPrimitive.Root\n      data-slot='radio-group'\n      class={cn('group/radio-group gap-2 grid w-full', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const RadioGroupLabel: Component<RadioGroupPrimitive.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <RadioGroupPrimitive.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        'data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-70',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const RadioGroupItem: Component<RadioGroupPrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot='radio-group-item'\n      class={cn('group/radio-group-item gap-2 flex items-center', local.class)}\n      {...others}\n    >\n      {local.children}\n      <RadioGroupPrimitive.ItemHiddenInput />\n    </RadioGroupPrimitive.Item>\n  );\n};\n\nexport const RadioGroupItemControl: Component<RadioGroupPrimitive.ItemControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <RadioGroupPrimitive.ItemControl\n      class={cn(\n        'peer size-4 shadow-xs group/radio-group-item relative flex aspect-square shrink-0 items-center justify-center rounded-full border border-input bg-background outline-none transition-[border-color,border-width,box-shadow] after:-inset-x-3 after:-inset-y-2 after:absolute',\n        'data-[state=checked]:border-primary data-[state=checked]:border-[5px] group-data-invalid/radio-group-item:data-[state=checked]:border-destructive',\n        'data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 data-[focus-visible]:border-ring data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50 group-has-focus-visible/radio-group-item:border-ring group-has-focus-visible/radio-group-item:ring-[3px] group-has-focus-visible/radio-group-item:ring-ring/50 data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:bg-input/30 dark:data-[invalid=true]:border-destructive/50 dark:data-[invalid=true]:ring-destructive/40',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </RadioGroupPrimitive.ItemControl>\n  );\n};\n\nexport const RadioGroupItemText: Component<RadioGroupPrimitive.ItemTextProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <RadioGroupPrimitive.ItemText\n      class={cn(\n        'text-sm font-medium leading-none select-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-70',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"names":["RadioGroup","props","local","others","splitProps","_$createComponent","RadioGroupPrimitive","Root","_$mergeProps","cn","class","RadioGroupLabel","Label","RadioGroupItem","Item","children","_$memo","ItemHiddenInput","RadioGroupItemControl","ItemControl","RadioGroupItemText","ItemText"],"mappings":";;;;AAIO,MAAMA,IAAwDC,CAAAA,MAAU;AAC7E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAoBC,MAAIC,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEhBC,EAAG,uCAAuCP,EAAMQ,KAAK;AAAA,IAAC;AAAA,EAAA,GACzDP,CAAM,CAAA;AAGhB,GAEaQ,IAA8DV,CAAAA,MAAU;AACnF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAoBM,OAAKJ,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACjBC,EACL,qNACA,2EACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,CAAM,CAAA;AAGhB,GAEaU,IAA4DZ,CAAAA,MAAU;AACjF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACGC,EAAoBQ,MAAIN,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEhBC,EAAG,kDAAkDP,EAAMQ,KAAK;AAAA,IAAC;AAAA,EAAA,GACpEP,GAAM;AAAA,IAAA,IAAAY,WAAA;AAAA,aAAA,CAAAC,EAAA,MAETd,EAAMa,QAAQ,GAAAV,EACdC,EAAoBW,iBAAe,CAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAG1C,GAEaC,IAA0EjB,CAAAA,MAAU;AAC/F,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACGC,EAAoBa,aAAWX,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACvBC,EACL,gRACA,qJACA,wiBACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,GAAM;AAAA,IAAA,IAAAY,WAAA;AAAA,aAETb,EAAMa;AAAAA,IAAQ;AAAA,EAAA,CAAA,CAAA;AAGrB,GAEaK,IAAoEnB,CAAAA,MAAU;AACzF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAoBe,UAAQb,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACpBC,EACL,wHACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,CAAM,CAAA;AAGhB;"}
+{"version":3,"file":"RadioGroup.js","sources":["../../src/components/RadioGroup.tsx"],"sourcesContent":["import { RadioGroup as RadioGroupPrimitive } from '@ark-ui/solid/radio-group';\nimport { type Component, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nexport const RadioGroup: Component<RadioGroupPrimitive.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <RadioGroupPrimitive.Root\n      data-slot='radio-group'\n      class={cn('group/radio-group gap-2 grid w-full', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const RadioGroupLabel: Component<RadioGroupPrimitive.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <RadioGroupPrimitive.Label\n      class={cn(\n        'mb-1.5 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        'data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-70',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const RadioGroupItem: Component<RadioGroupPrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot='radio-group-item'\n      class={cn('group/radio-group-item gap-2 flex items-center', local.class)}\n      {...others}\n    >\n      {local.children}\n      <RadioGroupPrimitive.ItemHiddenInput />\n    </RadioGroupPrimitive.Item>\n  );\n};\n\nexport const RadioGroupItemControl: Component<RadioGroupPrimitive.ItemControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <RadioGroupPrimitive.ItemControl\n      class={cn(\n        'peer size-4 shadow-xs group/radio-group-item after:-inset-x-3 after:-inset-y-2 relative flex aspect-square shrink-0 items-center justify-center rounded-full border border-input bg-background transition-[border-color,border-width,box-shadow] outline-none after:absolute',\n        'data-[state=checked]:border-[5px] data-[state=checked]:border-primary group-data-invalid/radio-group-item:data-[state=checked]:border-destructive',\n        'group-has-focus-visible/radio-group-item:border-ring group-has-focus-visible/radio-group-item:ring-[3px] group-has-focus-visible/radio-group-item:ring-ring/50 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 data-[focus-visible]:border-ring data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50 data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:bg-input/30 dark:data-[invalid=true]:border-destructive/50 dark:data-[invalid=true]:ring-destructive/40',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </RadioGroupPrimitive.ItemControl>\n  );\n};\n\nexport const RadioGroupItemText: Component<RadioGroupPrimitive.ItemTextProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <RadioGroupPrimitive.ItemText\n      class={cn(\n        'text-sm font-medium leading-none select-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-70',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"names":["RadioGroup","props","local","others","splitProps","_$createComponent","RadioGroupPrimitive","Root","_$mergeProps","cn","class","RadioGroupLabel","Label","RadioGroupItem","Item","children","_$memo","ItemHiddenInput","RadioGroupItemControl","ItemControl","RadioGroupItemText","ItemText"],"mappings":";;;;AAIO,MAAMA,IAAwDC,CAAAA,MAAU;AAC7E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAoBC,MAAIC,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEhBC,EAAG,uCAAuCP,EAAMQ,KAAK;AAAA,IAAC;AAAA,EAAA,GACzDP,CAAM,CAAA;AAGhB,GAEaQ,IAA8DV,CAAAA,MAAU;AACnF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAoBM,OAAKJ,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACjBC,EACL,uNACA,2EACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,CAAM,CAAA;AAGhB,GAEaU,IAA4DZ,CAAAA,MAAU;AACjF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACGC,EAAoBQ,MAAIN,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEhBC,EAAG,kDAAkDP,EAAMQ,KAAK;AAAA,IAAC;AAAA,EAAA,GACpEP,GAAM;AAAA,IAAA,IAAAY,WAAA;AAAA,aAAA,CAAAC,EAAA,MAETd,EAAMa,QAAQ,GAAAV,EACdC,EAAoBW,iBAAe,CAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAG1C,GAEaC,IAA0EjB,CAAAA,MAAU;AAC/F,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,UAAU,CAAC;AAC/D,SAAAI,EACGC,EAAoBa,aAAWX,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACvBC,EACL,gRACA,qJACA,wiBACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,GAAM;AAAA,IAAA,IAAAY,WAAA;AAAA,aAETb,EAAMa;AAAAA,IAAQ;AAAA,EAAA,CAAA,CAAA;AAGrB,GAEaK,IAAoEnB,CAAAA,MAAU;AACzF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAoBe,UAAQb,EAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aACpBC,EACL,wHACAP,EAAMQ,KACR;AAAA,IAAC;AAAA,EAAA,GACGP,CAAM,CAAA;AAGhB;"}

package/dist/components/Select.js

@@ -1,4 +1,4 @@
-import { delegateEvents as S, createComponent as o, mergeProps as l, template as g, spread as w, insert as h, effect as z, setAttribute as x, className as C } from "solid-js/web";
+import { delegateEvents as S, createComponent as o, mergeProps as l, spread as w, insert as h, effect as z, setAttribute as x, className as C, template as g } from "solid-js/web";
 import { select_exports as r } from "../node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/RJHFA54S.js";
 import { splitProps as i, For as I } from "solid-js";
 import { cn as n } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
@@ -64,7 +64,7 @@ const F = r.Control, M = r.ItemContext, N = r.HiddenSelect, O = (t) => {
   const [e, s] = i(t, ["class"]);
   return o(r.Label, l({
     get class() {
-      return 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", e.class);
+      return n("mb-1.5 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", e.class);
     }
   }, s));
 }, J = (t) => {