@manafishrov/ui 1.0.5 → 1.1.0

package/dist/components/PasswordInput.js

@@ -1,26 +1,26 @@
-import { createComponent as o, mergeProps as s } from "solid-js/web";
-import { password_input_exports as n } from "../node_modules/.bun/@ark-ui_solid@5.34.0_95b571dd5236cc92/node_modules/@ark-ui/solid/dist/chunk/ZW5OSILD.js";
+import { createComponent as o, mergeProps as n } from "solid-js/web";
+import { password_input_exports as s } from "../node_modules/.bun/@ark-ui_solid@5.34.0_95b571dd5236cc92/node_modules/@ark-ui/solid/dist/chunk/ZW5OSILD.js";
 import { splitProps as i } from "solid-js";
 import { cn as a } from "../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
-import d from "../_virtual/outline-visibility.js";
-import l from "../_virtual/outline-visibility-off.js";
+import d from "../_virtual/visibility.js";
+import l from "../_virtual/visibility-off.js";
 const m = (r) => {
   const [t, e] = i(r, ["class"]);
-  return o(n.Root, s({
+  return o(s.Root, n({
     get class() {
       return a("group/password-input flex w-full flex-col", t.class);
     }
   }, e));
-}, w = n.Context, h = (r) => {
+}, w = s.Context, h = (r) => {
   const [t, e] = i(r, ["class"]);
-  return o(n.Label, s({
+  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);
     }
   }, e));
 }, v = (r) => {
   const [t, e] = i(r, ["class"]);
-  return o(n.Control, s({
+  return o(s.Control, n({
     "data-slot": "password-input-control",
     get class() {
       return a("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", "focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50", "data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40", "data-[disabled=true]:bg-input/50 data-[disabled=true]:opacity-50 dark:data-[disabled=true]:bg-input/80", "data-[readonly=true]:focus-within:border-input data-[readonly=true]:focus-within:ring-0", "data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40", "data-[disabled=true]:bg-input/50 data-[disabled=true]:opacity-50 dark:data-[disabled=true]:bg-input/80", "data-[readonly=true]:focus-within:border-input data-[readonly=true]:focus-within:ring-0", t.class);
@@ -28,14 +28,14 @@ const m = (r) => {
   }, e));
 }, x = (r) => {
   const [t, e] = i(r, ["class"]);
-  return o(n.Input, s({
+  return o(s.Input, n({
     get class() {
       return a("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", "px-0 py-0 h-full border-none bg-transparent shadow-none ring-0 focus-visible:ring-0", "pl-2.5 pr-10", t.class);
     }
   }, e));
 }, y = (r) => {
   const [t, e] = i(r, ["class"]);
-  return o(n.VisibilityTrigger, s({
+  return o(s.VisibilityTrigger, n({
     "data-slot": "password-input-visibility-trigger",
     get class() {
       return a("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", t.class);
@@ -43,7 +43,7 @@ const m = (r) => {
   }, e));
 }, I = (r) => {
   const [t, e] = i(r, ["class", "children"]);
-  return o(n.Indicator, s({
+  return o(s.Indicator, n({
     get class() {
       return a(t.class);
     },

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 OutlineVisibilityIcon from '~icons/ic/outline-visibility';\nimport OutlineVisibilityOffIcon from '~icons/ic/outline-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 ?? <OutlineVisibilityOffIcon class='size-4' />}\n      {...others}\n    >\n      <OutlineVisibilityIcon 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","OutlineVisibilityOffIcon","OutlineVisibilityIcon"],"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,GAAwB;AAAA,QAAA,OAAA;AAAA,MAAA,CAAA;AAAA,IAAkB;AAAA,EAAA,GACnEtB,GAAM;AAAA,IAAA,IAAAqB,WAAA;AAAA,aAAAnB,EAETqB,GAAqB;AAAA,QAAA,OAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAG5B;"}
+{"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;"}

package/dist/components/PinInput.js

@@ -1,53 +1,53 @@
-import { createComponent as l, mergeProps as i, template as u, spread as d, insert as p } from "solid-js/web";
-import { pin_input_exports as o } from "../node_modules/.bun/@ark-ui_solid@5.34.0_95b571dd5236cc92/node_modules/@ark-ui/solid/dist/chunk/3JJJT3ZB.js";
-import { splitProps as s } from "solid-js";
+import { createComponent as l, mergeProps as i, template as d, spread as u, insert as p } from "solid-js/web";
+import { pin_input_exports as s } from "../node_modules/.bun/@ark-ui_solid@5.34.0_95b571dd5236cc92/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_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
-import c from "../_virtual/outline-remove.js";
-var g = /* @__PURE__ */ u("<div data-slot=pin-input-group>"), m = /* @__PURE__ */ u("<div aria-hidden=true data-slot=pin-input-separator>");
-const y = o.HiddenInput, P = o.Context, h = (t) => {
-  const [e, r] = s(t, ["class"]);
-  return l(o.Root, i({
+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>");
+const y = s.HiddenInput, P = s.Context, h = (t) => {
+  const [e, r] = o(t, ["class"]);
+  return l(s.Root, i({
     get class() {
       return a("group/pin-input flex w-full flex-col", e.class);
     }
   }, r));
-}, _ = (t) => {
-  const [e, r] = s(t, ["class"]);
-  return l(o.Label, i({
+}, C = (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);
     }
   }, r));
-}, C = (t) => {
-  const [e, r] = s(t, ["class"]);
-  return l(o.Control, i({
+}, _ = (t) => {
+  const [e, r] = o(t, ["class"]);
+  return l(s.Control, i({
     "data-slot": "pin-input-control",
     get class() {
       return a("gap-2 flex items-center", e.class);
     }
   }, r));
 }, w = (t) => {
-  const [e, r] = s(t, ["class"]);
+  const [e, r] = o(t, ["class"]);
   return (() => {
     var n = g();
-    return d(n, i({
+    return u(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);
       }
     }, r), !1, !1), n;
   })();
 }, $ = (t) => {
-  const [e, r] = s(t, ["class"]);
-  return l(o.Input, i({
+  const [e, r] = o(t, ["class"]);
+  return l(s.Input, i({
     get class() {
-      return a("relative flex h-10 w-10 items-center justify-center border-y border-r border-input bg-transparent text-sm 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", "focus-visible:z-10 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50", "data-[invalid=true]:border-destructive data-[invalid=true]:ring-2 data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default", "data-[readonly=true]:focus-visible:border-input data-[readonly=true]:focus-visible:ring-0", e.class);
+      return a("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", "focus-visible:z-10 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50", "data-[invalid=true]:border-destructive data-[invalid=true]:ring-2 data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default", "data-[readonly=true]:focus-visible:border-input data-[readonly=true]:focus-visible:ring-0", e.class);
     }
   }, r));
 }, k = (t) => {
-  const [e, r] = s(t, ["class"]);
+  const [e, r] = o(t, ["class"]);
   return (() => {
-    var n = m();
-    return d(n, i({
+    var n = f();
+    return u(n, i({
       get class() {
         return a("flex items-center justify-center text-muted-foreground", e.class);
       }
@@ -59,11 +59,11 @@ const y = o.HiddenInput, P = o.Context, h = (t) => {
 export {
   h as PinInput,
   P as PinInputContext,
-  C as PinInputControl,
+  _ as PinInputControl,
   w as PinInputGroup,
   y as PinInputHiddenInput,
   $ as PinInputInput,
-  _ as PinInputLabel,
+  C as PinInputLabel,
   k as PinInputSeparator
 };
 //# sourceMappingURL=PinInput.js.map

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 OutlineRemoveIcon from '~icons/ic/outline-remove';\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        'relative flex h-10 w-10 items-center justify-center border-y border-r border-input bg-transparent text-sm 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      <OutlineRemoveIcon 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","OutlineRemoveIcon"],"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,GAAiB;AAAA,MAAA,OAAA;AAAA,IAAA,CAAA,CAAA,GAAAH;AAAAA,EAAA,GAAA;AAGxB;"}
+{"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;"}

package/dist/components/Select.js

@@ -2,11 +2,11 @@ import { delegateEvents as S, createComponent as o, mergeProps as l, template as
 import { select_exports as r } from "../node_modules/.bun/@ark-ui_solid@5.34.0_95b571dd5236cc92/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_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
-import k from "../_virtual/outline-check.js";
-import _ from "../_virtual/outline-close.js";
-import T from "../_virtual/outline-expand-more.js";
+import k from "../_virtual/check.js";
+import _ from "../_virtual/close.js";
+import T from "../_virtual/expand-more.js";
 var L = /* @__PURE__ */ g("<div role=tablist data-slot=select-tabs>"), P = /* @__PURE__ */ g("<button type=button role=tab>"), V = /* @__PURE__ */ g("<div data-slot=select-separator>");
-const R = r.Control, F = r.ItemContext, M = r.HiddenSelect, N = (t) => {
+const F = r.Control, M = r.ItemContext, N = r.HiddenSelect, O = (t) => {
   const [e, s] = i(t, ["class"]);
   return o(r.List, l({
     "data-slot": "select-list",
@@ -200,15 +200,15 @@ export {
   Y as SelectClearTrigger,
   ee as SelectContent,
   W as SelectContext,
-  R as SelectControl,
+  F as SelectControl,
   J as SelectGroup,
-  M as SelectHiddenSelect,
+  N as SelectHiddenSelect,
   X as SelectIndicator,
   se as SelectItem,
-  F as SelectItemContext,
+  M as SelectItemContext,
   te as SelectItemGroupLabel,
   B as SelectLabel,
-  N as SelectList,
+  O as SelectList,
   Z as SelectPositioner,
   ae as SelectSeparator,
   U as SelectTrigger,

package/dist/components/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../src/components/Select.tsx"],"sourcesContent":["import { Select as SelectPrimitive } from '@ark-ui/solid/select';\nimport {\n  type Component,\n  type ComponentProps,\n  type JSX,\n  type JSXElement,\n  For,\n  splitProps,\n} 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 SelectControl = SelectPrimitive.Control;\nexport const SelectItemContext = SelectPrimitive.ItemContext;\nexport const SelectHiddenSelect = SelectPrimitive.HiddenSelect;\nexport const SelectList: Component<SelectPrimitive.ListProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.List\n      data-slot='select-list'\n      class={cn('p-1 max-h-[min(var(--available-height),300px)] overflow-y-auto', local.class)}\n      {...others}\n    />\n  );\n};\nexport const SelectContext = SelectPrimitive.Context;\n\ntype SelectComponent = (<TItem extends { value: string; label: string }>(\n  props: SelectPrimitive.RootProps<TItem> & { class?: string },\n) => JSXElement) & {\n  Tabs: <TItem extends { value: string; label: string }>(\n    props: SelectTabsProps<TItem>,\n  ) => JSXElement;\n};\n\nexport type SelectTabsTab<TItem extends { value: string; label: string }> = {\n  value: TItem['value'];\n  label: string;\n  disabled?: boolean;\n};\n\nexport type SelectTabsProps<TItem extends { value: string; label: string }> =\n  ComponentProps<'div'> & {\n    items: SelectTabsTab<TItem>[];\n    value?: TItem['value'];\n    onValueChange?: (value: TItem['value']) => void;\n  };\n\nconst SelectTabs = <TItem extends { value: string; label: string }>(\n  props: SelectTabsProps<TItem>,\n): JSXElement => {\n  const [local, others] = splitProps(props, ['class', 'items', 'value', 'onValueChange']);\n  return (\n    <div\n      role='tablist'\n      data-slot='select-tabs'\n      class={cn('gap-1 p-1 inline-flex rounded-md bg-muted', local.class)}\n      {...others}\n    >\n      <For each={local.items}>\n        {(tab) => {\n          const isActive = (): boolean => local.value === tab.value;\n          return (\n            <button\n              type='button'\n              role='tab'\n              disabled={tab.disabled === true}\n              aria-selected={isActive()}\n              data-state={isActive() ? 'active' : 'inactive'}\n              class={cn(\n                'h-8 px-3 text-sm rounded-sm transition-colors',\n                'data-[state=active]:shadow-sm data-[state=active]:bg-background data-[state=active]:text-foreground',\n                'data-[state=inactive]:text-muted-foreground hover:data-[state=inactive]:text-foreground',\n                'disabled:pointer-events-none disabled:opacity-50',\n              )}\n              onClick={() => {\n                if (typeof local.onValueChange === 'function' && tab.disabled !== true) {\n                  local.onValueChange(tab.value);\n                }\n              }}\n            >\n              {tab.label}\n            </button>\n          );\n        }}\n      </For>\n    </div>\n  );\n};\n\nconst SelectRoot = <TItem extends { value: string; label: string }>(\n  props: SelectPrimitive.RootProps<TItem> & { class?: string },\n): JSXElement => {\n  const [local, others] = splitProps(props, ['class', 'positioning']);\n\n  const positioning: NonNullable<SelectPrimitive.RootProps<TItem>['positioning']> = {\n    placement: 'bottom-start',\n    gutter: 4,\n    sameWidth: true,\n    ...local.positioning,\n  };\n\n  return (\n    <SelectPrimitive.Root\n      class={cn('flex w-full flex-col', local.class)}\n      positioning={positioning}\n      {...others}\n    />\n  );\n};\n\nexport const Select: SelectComponent = Object.assign(SelectRoot, {\n  Tabs: SelectTabs as SelectComponent['Tabs'],\n});\n\nexport const SelectLabel: Component<SelectPrimitive.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.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 SelectGroup: Component<SelectPrimitive.ItemGroupProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.ItemGroup\n      data-slot='select-group'\n      class={cn('scroll-my-1', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SelectValue: Component<SelectPrimitive.ValueTextProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.ValueText\n      data-slot='select-value'\n      class={cn('flex flex-1 text-left', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SelectTrigger: Component<\n  SelectPrimitive.TriggerProps & { size?: 'sm' | 'default' }\n> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'size']);\n  const size = local.size ?? 'default';\n\n  return (\n    <SelectPrimitive.Trigger\n      data-slot='select-trigger'\n      data-size={size}\n      class={cn(\n        'px-2.5 text-sm *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*=\"size-\"])]:size-4 gap-1.5 min-w-0 shadow-xs flex w-full items-center justify-between rounded-lg border border-input bg-transparent whitespace-nowrap transition-[color,box-shadow] outline-none select-none disabled:cursor-not-allowed disabled:opacity-50 data-placeholder-shown:text-muted-foreground *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center dark:bg-input/30 dark:hover:bg-input/50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\"size-\"])]:text-muted-foreground',\n        'data-[size=default]:h-10 data-[size=sm]:h-8 data-[size=sm]:rounded-[min(var(--radius-md),10px)]',\n        'focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 data-[focus-visible]:border-ring data-[focus-visible]:ring-[3px] data-[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]:focus-visible:border-input data-[readonly=true]:focus-visible:ring-0 data-[readonly=true]:data-[focus-visible]:border-input data-[readonly=true]:data-[focus-visible]:ring-0',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SelectIndicator: Component<SelectPrimitive.IndicatorProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <SelectPrimitive.Indicator\n      class={cn('opacity-50 transition-transform data-[state=open]:rotate-180', local.class)}\n      {...others}\n    >\n      {local.children ?? <OutlineExpandMoreIcon class='size-4' />}\n    </SelectPrimitive.Indicator>\n  );\n};\n\nconst callEventHandler = <\n  TElement,\n  THandlerEvent extends Event,\n  TEvent extends THandlerEvent & { currentTarget: TElement; target: Element },\n>(\n  handler: JSX.EventHandlerUnion<TElement, THandlerEvent> | undefined,\n  event: TEvent,\n): void => {\n  if (typeof handler === 'function') {\n    handler(event);\n    return;\n  }\n  if (Array.isArray(handler)) {\n    const [boundHandler, boundData] = handler;\n    boundHandler(boundData, event);\n  }\n};\n\nexport const SelectClearTrigger: Component<SelectPrimitive.ClearTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, [\n    'class',\n    'children',\n    'tabIndex',\n    'onClick',\n    'onKeyDown',\n  ]);\n  return (\n    <SelectPrimitive.ClearTrigger\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      onClick={(event: MouseEvent & { currentTarget: HTMLButtonElement; target: Element }) => {\n        event.stopPropagation();\n        callEventHandler(local.onClick, event);\n      }}\n      onKeyDown={(event: KeyboardEvent & { currentTarget: HTMLButtonElement; target: Element }) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.stopPropagation();\n        }\n        callEventHandler(local.onKeyDown, event);\n      }}\n      {...others}\n      tabIndex={local.tabIndex ?? 0}\n    >\n      {local.children ?? <OutlineCloseIcon class='size-3.5' />}\n    </SelectPrimitive.ClearTrigger>\n  );\n};\n\nexport const SelectPositioner: Component<SelectPrimitive.PositionerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <SelectPrimitive.Positioner class={cn('isolate z-50', local.class)} {...others} />;\n};\n\nexport const SelectContent: Component<SelectPrimitive.ContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.Content\n      data-slot='select-content'\n      class={cn(\n        'shadow-md relative isolate z-50 max-h-(--available-height) w-(--reference-width) min-w-[8rem] origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-input bg-popover text-popover-foreground 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        'outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 data-[focus-visible]:border-ring data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SelectItemGroupLabel: Component<SelectPrimitive.ItemGroupLabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.ItemGroupLabel\n      data-slot='select-group-label'\n      class={cn('px-1.5 py-1 text-xs text-muted-foreground', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SelectItem: Component<SelectPrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <SelectPrimitive.Item\n      data-slot='select-item'\n      class={cn(\n        \"gap-2 py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:gap-2 relative flex w-full cursor-default items-center rounded-sm 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      <SelectPrimitive.ItemText class='gap-2 flex flex-1 shrink-0 whitespace-nowrap'>\n        {local.children}\n      </SelectPrimitive.ItemText>\n      <SelectPrimitive.ItemIndicator class='right-2 size-4 pointer-events-none absolute flex items-center justify-center'>\n        <OutlineCheckIcon class='pointer-events-none' />\n      </SelectPrimitive.ItemIndicator>\n    </SelectPrimitive.Item>\n  );\n};\n\nexport const SelectSeparator: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='select-separator'\n      class={cn('-mx-1 my-1 pointer-events-none h-px bg-border', local.class)}\n      {...others}\n    />\n  );\n};\n"],"names":["SelectControl","SelectPrimitive","Control","SelectItemContext","ItemContext","SelectHiddenSelect","HiddenSelect","SelectList","props","local","others","splitProps","_$createComponent","List","_$mergeProps","cn","class","SelectContext","Context","SelectTabs","_el$","_tmpl$","_$spread","_$insert","For","each","items","children","tab","isActive","value","_el$2","_tmpl$2","$$click","onValueChange","disabled","label","_$effect","_p$","_v$","_v$2","_v$3","_v$4","e","t","_$setAttribute","a","o","_$className","undefined","SelectRoot","positioning","placement","gutter","sameWidth","Root","Select","Object","assign","Tabs","SelectLabel","Label","SelectGroup","ItemGroup","SelectValue","ValueText","SelectTrigger","size","Trigger","SelectIndicator","Indicator","OutlineExpandMoreIcon","callEventHandler","handler","event","Array","isArray","boundHandler","boundData","SelectClearTrigger","ClearTrigger","onClick","stopPropagation","onKeyDown","key","tabIndex","OutlineCloseIcon","SelectPositioner","Positioner","SelectContent","Content","SelectItemGroupLabel","ItemGroupLabel","SelectItem","Item","ItemText","ItemIndicator","OutlineCheckIcon","SelectSeparator","_el$3","_tmpl$3","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../src/components/Select.tsx"],"sourcesContent":["import { Select as SelectPrimitive } from '@ark-ui/solid/select';\nimport {\n  type Component,\n  type ComponentProps,\n  type JSX,\n  type JSXElement,\n  For,\n  splitProps,\n} 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 SelectControl = SelectPrimitive.Control;\nexport const SelectItemContext = SelectPrimitive.ItemContext;\nexport const SelectHiddenSelect = SelectPrimitive.HiddenSelect;\nexport const SelectList: Component<SelectPrimitive.ListProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.List\n      data-slot='select-list'\n      class={cn('p-1 max-h-[min(var(--available-height),300px)] overflow-y-auto', local.class)}\n      {...others}\n    />\n  );\n};\nexport const SelectContext = SelectPrimitive.Context;\n\ntype SelectComponent = (<TItem extends { value: string; label: string }>(\n  props: SelectPrimitive.RootProps<TItem> & { class?: string },\n) => JSXElement) & {\n  Tabs: <TItem extends { value: string; label: string }>(\n    props: SelectTabsProps<TItem>,\n  ) => JSXElement;\n};\n\nexport type SelectTabsTab<TItem extends { value: string; label: string }> = {\n  value: TItem['value'];\n  label: string;\n  disabled?: boolean;\n};\n\nexport type SelectTabsProps<TItem extends { value: string; label: string }> =\n  ComponentProps<'div'> & {\n    items: SelectTabsTab<TItem>[];\n    value?: TItem['value'];\n    onValueChange?: (value: TItem['value']) => void;\n  };\n\nconst SelectTabs = <TItem extends { value: string; label: string }>(\n  props: SelectTabsProps<TItem>,\n): JSXElement => {\n  const [local, others] = splitProps(props, ['class', 'items', 'value', 'onValueChange']);\n  return (\n    <div\n      role='tablist'\n      data-slot='select-tabs'\n      class={cn('gap-1 p-1 inline-flex rounded-md bg-muted', local.class)}\n      {...others}\n    >\n      <For each={local.items}>\n        {(tab) => {\n          const isActive = (): boolean => local.value === tab.value;\n          return (\n            <button\n              type='button'\n              role='tab'\n              disabled={tab.disabled === true}\n              aria-selected={isActive()}\n              data-state={isActive() ? 'active' : 'inactive'}\n              class={cn(\n                'h-8 px-3 text-sm rounded-sm transition-colors',\n                'data-[state=active]:shadow-sm data-[state=active]:bg-background data-[state=active]:text-foreground',\n                'data-[state=inactive]:text-muted-foreground hover:data-[state=inactive]:text-foreground',\n                'disabled:pointer-events-none disabled:opacity-50',\n              )}\n              onClick={() => {\n                if (typeof local.onValueChange === 'function' && tab.disabled !== true) {\n                  local.onValueChange(tab.value);\n                }\n              }}\n            >\n              {tab.label}\n            </button>\n          );\n        }}\n      </For>\n    </div>\n  );\n};\n\nconst SelectRoot = <TItem extends { value: string; label: string }>(\n  props: SelectPrimitive.RootProps<TItem> & { class?: string },\n): JSXElement => {\n  const [local, others] = splitProps(props, ['class', 'positioning']);\n\n  const positioning: NonNullable<SelectPrimitive.RootProps<TItem>['positioning']> = {\n    placement: 'bottom-start',\n    gutter: 4,\n    sameWidth: true,\n    ...local.positioning,\n  };\n\n  return (\n    <SelectPrimitive.Root\n      class={cn('flex w-full flex-col', local.class)}\n      positioning={positioning}\n      {...others}\n    />\n  );\n};\n\nexport const Select: SelectComponent = Object.assign(SelectRoot, {\n  Tabs: SelectTabs as SelectComponent['Tabs'],\n});\n\nexport const SelectLabel: Component<SelectPrimitive.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.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 SelectGroup: Component<SelectPrimitive.ItemGroupProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.ItemGroup\n      data-slot='select-group'\n      class={cn('scroll-my-1', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SelectValue: Component<SelectPrimitive.ValueTextProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.ValueText\n      data-slot='select-value'\n      class={cn('flex flex-1 text-left', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SelectTrigger: Component<\n  SelectPrimitive.TriggerProps & { size?: 'sm' | 'default' }\n> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'size']);\n  const size = local.size ?? 'default';\n\n  return (\n    <SelectPrimitive.Trigger\n      data-slot='select-trigger'\n      data-size={size}\n      class={cn(\n        'px-2.5 text-sm *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*=\"size-\"])]:size-4 gap-1.5 min-w-0 shadow-xs flex w-full items-center justify-between rounded-lg border border-input bg-transparent whitespace-nowrap transition-[color,box-shadow] outline-none select-none disabled:cursor-not-allowed disabled:opacity-50 data-placeholder-shown:text-muted-foreground *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center dark:bg-input/30 dark:hover:bg-input/50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\"size-\"])]:text-muted-foreground',\n        'data-[size=default]:h-10 data-[size=sm]:h-8 data-[size=sm]:rounded-[min(var(--radius-md),10px)]',\n        'focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 data-[focus-visible]:border-ring data-[focus-visible]:ring-[3px] data-[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]:focus-visible:border-input data-[readonly=true]:focus-visible:ring-0 data-[readonly=true]:data-[focus-visible]:border-input data-[readonly=true]:data-[focus-visible]:ring-0',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SelectIndicator: Component<SelectPrimitive.IndicatorProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <SelectPrimitive.Indicator\n      class={cn('opacity-50 transition-transform data-[state=open]:rotate-180', local.class)}\n      {...others}\n    >\n      {local.children ?? <ExpandMoreIcon class='size-4' />}\n    </SelectPrimitive.Indicator>\n  );\n};\n\nconst callEventHandler = <\n  TElement,\n  THandlerEvent extends Event,\n  TEvent extends THandlerEvent & { currentTarget: TElement; target: Element },\n>(\n  handler: JSX.EventHandlerUnion<TElement, THandlerEvent> | undefined,\n  event: TEvent,\n): void => {\n  if (typeof handler === 'function') {\n    handler(event);\n    return;\n  }\n  if (Array.isArray(handler)) {\n    const [boundHandler, boundData] = handler;\n    boundHandler(boundData, event);\n  }\n};\n\nexport const SelectClearTrigger: Component<SelectPrimitive.ClearTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, [\n    'class',\n    'children',\n    'tabIndex',\n    'onClick',\n    'onKeyDown',\n  ]);\n  return (\n    <SelectPrimitive.ClearTrigger\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      onClick={(event: MouseEvent & { currentTarget: HTMLButtonElement; target: Element }) => {\n        event.stopPropagation();\n        callEventHandler(local.onClick, event);\n      }}\n      onKeyDown={(event: KeyboardEvent & { currentTarget: HTMLButtonElement; target: Element }) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.stopPropagation();\n        }\n        callEventHandler(local.onKeyDown, event);\n      }}\n      {...others}\n      tabIndex={local.tabIndex ?? 0}\n    >\n      {local.children ?? <CloseIcon class='size-3.5' />}\n    </SelectPrimitive.ClearTrigger>\n  );\n};\n\nexport const SelectPositioner: Component<SelectPrimitive.PositionerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <SelectPrimitive.Positioner class={cn('isolate z-50', local.class)} {...others} />;\n};\n\nexport const SelectContent: Component<SelectPrimitive.ContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.Content\n      data-slot='select-content'\n      class={cn(\n        'shadow-md relative isolate z-50 max-h-(--available-height) w-(--reference-width) min-w-[8rem] origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-input bg-popover text-popover-foreground 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        'outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 data-[focus-visible]:border-ring data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SelectItemGroupLabel: Component<SelectPrimitive.ItemGroupLabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SelectPrimitive.ItemGroupLabel\n      data-slot='select-group-label'\n      class={cn('px-1.5 py-1 text-xs text-muted-foreground', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SelectItem: Component<SelectPrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <SelectPrimitive.Item\n      data-slot='select-item'\n      class={cn(\n        \"gap-2 py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:gap-2 relative flex w-full cursor-default items-center rounded-sm 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      <SelectPrimitive.ItemText class='gap-2 flex flex-1 shrink-0 whitespace-nowrap'>\n        {local.children}\n      </SelectPrimitive.ItemText>\n      <SelectPrimitive.ItemIndicator class='right-2 size-4 pointer-events-none absolute flex items-center justify-center'>\n        <CheckIcon class='pointer-events-none' />\n      </SelectPrimitive.ItemIndicator>\n    </SelectPrimitive.Item>\n  );\n};\n\nexport const SelectSeparator: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='select-separator'\n      class={cn('-mx-1 my-1 pointer-events-none h-px bg-border', local.class)}\n      {...others}\n    />\n  );\n};\n"],"names":["SelectControl","SelectPrimitive","Control","SelectItemContext","ItemContext","SelectHiddenSelect","HiddenSelect","SelectList","props","local","others","splitProps","_$createComponent","List","_$mergeProps","cn","class","SelectContext","Context","SelectTabs","_el$","_tmpl$","_$spread","_$insert","For","each","items","children","tab","isActive","value","_el$2","_tmpl$2","$$click","onValueChange","disabled","label","_$effect","_p$","_v$","_v$2","_v$3","_v$4","e","t","_$setAttribute","a","o","_$className","undefined","SelectRoot","positioning","placement","gutter","sameWidth","Root","Select","Object","assign","Tabs","SelectLabel","Label","SelectGroup","ItemGroup","SelectValue","ValueText","SelectTrigger","size","Trigger","SelectIndicator","Indicator","ExpandMoreIcon","callEventHandler","handler","event","Array","isArray","boundHandler","boundData","SelectClearTrigger","ClearTrigger","onClick","stopPropagation","onKeyDown","key","tabIndex","CloseIcon","SelectPositioner","Positioner","SelectContent","Content","SelectItemGroupLabel","ItemGroupLabel","SelectItem","Item","ItemText","ItemIndicator","CheckIcon","SelectSeparator","_el$3","_tmpl$3","_$delegateEvents"],"mappings":"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"}

package/dist/components/Sheet.js

@@ -2,7 +2,7 @@ import { createComponent as r, mergeProps as d, template as n, insert as p, spre
 import { dialog_exports as o } 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 i } from "../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
-import u from "../_virtual/outline-close.js";
+import u from "../_virtual/close.js";
 import { Button as f } from "./Button.js";
 import { ui_common_close as h } from "../paraglide/messages/ui_common_close.js";
 var g = /* @__PURE__ */ n("<span class=sr-only>"), b = /* @__PURE__ */ n("<div data-slot=sheet-header>"), x = /* @__PURE__ */ n("<div data-slot=sheet-footer>");
@@ -22,20 +22,20 @@ const y = o.Root, k = o.Trigger, P = o.CloseTrigger, z = o.Context, B = (e) => {
       return i("fixed z-50 flex flex-col", "data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:max-h-[90vh]", "data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:max-h-[90vh]", "data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:w-auto data-[side=left]:max-w-[90vw]", "data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:w-auto data-[side=right]:max-w-[90vw]", t.class);
     }
   }, a));
-}, O = (e) => {
+}, F = (e) => {
   const [t, a] = l(e, ["class", "children", "side"]), s = t.side ?? "right";
   return r(o.Content, d({
     "data-slot": "sheet-content",
     "data-side": s,
     get class() {
-      return i("gap-4 p-6 shadow-lg relative flex h-full w-full flex-col bg-background outline-none", "border-l border-border", "data-[side=left]:border-l-0 data-[side=left]:border-r", "data-[side=top]:border-l-0 data-[side=top]:border-b", "data-[side=bottom]:border-l-0 data-[side=bottom]:border-t", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:duration-300 data-[state=open]:duration-300", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[side=right]:data-[state=closed]:slide-out-to-right-1/2 data-[side=right]:data-[state=open]:slide-in-from-right-1/2", "data-[side=left]:data-[state=closed]:slide-out-to-left-1/2 data-[side=left]:data-[state=open]:slide-in-from-left-1/2", "data-[side=top]:data-[state=closed]:slide-out-to-top-1/2 data-[side=top]:data-[state=open]:slide-in-from-top-1/2", "data-[side=bottom]:data-[state=closed]:slide-out-to-bottom-1/2 data-[side=bottom]:data-[state=open]:slide-in-from-bottom-1/2", t.class);
+      return i("gap-4 p-6 shadow-lg relative flex h-full w-full flex-col bg-background outline-none", "border-l border-border", "data-[side=left]:border-r data-[side=left]:border-l-0", "data-[side=top]:border-b data-[side=top]:border-l-0", "data-[side=bottom]:border-t data-[side=bottom]:border-l-0", "data-[state=closed]:animate-out data-[state=open]:animate-in", "data-[state=closed]:duration-300 data-[state=open]:duration-300", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[side=right]:data-[state=closed]:slide-out-to-right-1/2 data-[side=right]:data-[state=open]:slide-in-from-right-1/2", "data-[side=left]:data-[state=closed]:slide-out-to-left-1/2 data-[side=left]:data-[state=open]:slide-in-from-left-1/2", "data-[side=top]:data-[state=closed]:slide-out-to-top-1/2 data-[side=top]:data-[state=open]:slide-in-from-top-1/2", "data-[side=bottom]:data-[state=closed]:slide-out-to-bottom-1/2 data-[side=bottom]:data-[state=open]:slide-in-from-bottom-1/2", t.class);
     }
   }, a, {
     get children() {
       return t.children;
     }
   }));
-}, F = (e) => {
+}, H = (e) => {
   const [t, a] = l(e, ["class"]);
   return r(o.CloseTrigger, {
     get class() {
@@ -58,7 +58,7 @@ const y = o.Root, k = o.Trigger, P = o.CloseTrigger, z = o.Context, B = (e) => {
       }
     }))
   });
-}, H = (e) => {
+}, I = (e) => {
   const [t, a] = l(e, ["class"]);
   return (() => {
     var s = b();
@@ -68,7 +68,7 @@ const y = o.Root, k = o.Trigger, P = o.CloseTrigger, z = o.Context, B = (e) => {
       }
     }, a), !1, !1), s;
   })();
-}, I = (e) => {
+}, O = (e) => {
   const [t, a] = l(e, ["class"]);
   return (() => {
     var s = x();
@@ -97,13 +97,13 @@ const y = o.Root, k = o.Trigger, P = o.CloseTrigger, z = o.Context, B = (e) => {
 };
 export {
   y as Sheet,
-  F as SheetCloseButton,
+  H as SheetCloseButton,
   P as SheetCloseTrigger,
-  O as SheetContent,
+  F as SheetContent,
   z as SheetContext,
   j as SheetDescription,
-  I as SheetFooter,
-  H as SheetHeader,
+  O as SheetFooter,
+  I as SheetHeader,
   B as SheetOverlay,
   D as SheetPositioner,
   R as SheetTitle,

package/dist/components/Sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.js","sources":["../../src/components/Sheet.tsx"],"sourcesContent":["import { Dialog as SheetPrimitive } 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 Sheet = SheetPrimitive.Root;\nexport const SheetTrigger = SheetPrimitive.Trigger;\nexport const SheetCloseTrigger = SheetPrimitive.CloseTrigger;\nexport const SheetContext = SheetPrimitive.Context;\n\nexport const SheetOverlay: Component<SheetPrimitive.BackdropProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SheetPrimitive.Backdrop\n      data-slot='sheet-overlay'\n      class={cn(\n        'bg-black/40 inset-0 backdrop-blur-sm fixed z-50',\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 SheetPositioner: Component<\n  SheetPrimitive.PositionerProps & { side?: 'top' | 'right' | 'bottom' | 'left' }\n> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'side']);\n  const side = local.side ?? 'right';\n  return (\n    <SheetPrimitive.Positioner\n      data-side={side}\n      class={cn(\n        'fixed z-50 flex flex-col',\n        'data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:max-h-[90vh]',\n        'data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:max-h-[90vh]',\n        'data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:w-auto data-[side=left]:max-w-[90vw]',\n        'data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:w-auto data-[side=right]:max-w-[90vw]',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SheetContent: Component<\n  SheetPrimitive.ContentProps & { side?: 'top' | 'right' | 'bottom' | 'left' }\n> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children', 'side']);\n  const side = local.side ?? 'right';\n\n  return (\n    <SheetPrimitive.Content\n      data-slot='sheet-content'\n      data-side={side}\n      class={cn(\n        'gap-4 p-6 shadow-lg relative flex h-full w-full flex-col bg-background outline-none',\n        'border-l border-border',\n        'data-[side=left]:border-l-0 data-[side=left]:border-r',\n        'data-[side=top]:border-l-0 data-[side=top]:border-b',\n        'data-[side=bottom]:border-l-0 data-[side=bottom]:border-t',\n        'data-[state=open]:animate-in data-[state=closed]:animate-out',\n        'data-[state=closed]:duration-300 data-[state=open]:duration-300',\n        'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n        'data-[side=right]:data-[state=closed]:slide-out-to-right-1/2 data-[side=right]:data-[state=open]:slide-in-from-right-1/2',\n        'data-[side=left]:data-[state=closed]:slide-out-to-left-1/2 data-[side=left]:data-[state=open]:slide-in-from-left-1/2',\n        'data-[side=top]:data-[state=closed]:slide-out-to-top-1/2 data-[side=top]:data-[state=open]:slide-in-from-top-1/2',\n        'data-[side=bottom]:data-[state=closed]:slide-out-to-bottom-1/2 data-[side=bottom]:data-[state=open]:slide-in-from-bottom-1/2',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </SheetPrimitive.Content>\n  );\n};\n\nexport const SheetCloseButton: Component<SheetPrimitive.CloseTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <SheetPrimitive.CloseTrigger\n      class={cn('top-3 right-3 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          <span class='sr-only'>{messages.ui_common_close()}</span>\n        </Button>\n      )}\n    />\n  );\n};\n\nexport const SheetHeader: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sheet-header'\n      class={cn('gap-1.5 p-4 flex flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SheetFooter: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sheet-footer'\n      class={cn('gap-2 p-4 mt-auto flex flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SheetTitle: Component<SheetPrimitive.TitleProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SheetPrimitive.Title\n      data-slot='sheet-title'\n      class={cn('text-lg font-semibold text-foreground', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SheetDescription: Component<SheetPrimitive.DescriptionProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SheetPrimitive.Description\n      data-slot='sheet-description'\n      class={cn('text-sm text-muted-foreground', local.class)}\n      {...others}\n    />\n  );\n};\n"],"names":["Sheet","SheetPrimitive","Root","SheetTrigger","Trigger","SheetCloseTrigger","CloseTrigger","SheetContext","Context","SheetOverlay","props","local","others","splitProps","_$createComponent","Backdrop","_$mergeProps","cn","class","SheetPositioner","side","Positioner","SheetContent","Content","children","SheetCloseButton","asChild","triggerProps","Button","variant","size","messages","ui_common_close","OutlineCloseIcon","_el$","_tmpl$","_$insert","SheetHeader","_el$2","_tmpl$2","_$spread","SheetFooter","_el$3","_tmpl$3","SheetTitle","Title","SheetDescription","Description"],"mappings":"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"}
+{"version":3,"file":"Sheet.js","sources":["../../src/components/Sheet.tsx"],"sourcesContent":["import { Dialog as SheetPrimitive } 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 Sheet = SheetPrimitive.Root;\nexport const SheetTrigger = SheetPrimitive.Trigger;\nexport const SheetCloseTrigger = SheetPrimitive.CloseTrigger;\nexport const SheetContext = SheetPrimitive.Context;\n\nexport const SheetOverlay: Component<SheetPrimitive.BackdropProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SheetPrimitive.Backdrop\n      data-slot='sheet-overlay'\n      class={cn(\n        'bg-black/40 inset-0 backdrop-blur-sm fixed z-50',\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 SheetPositioner: Component<\n  SheetPrimitive.PositionerProps & { side?: 'top' | 'right' | 'bottom' | 'left' }\n> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'side']);\n  const side = local.side ?? 'right';\n  return (\n    <SheetPrimitive.Positioner\n      data-side={side}\n      class={cn(\n        'fixed z-50 flex flex-col',\n        'data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:max-h-[90vh]',\n        'data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:max-h-[90vh]',\n        'data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:w-auto data-[side=left]:max-w-[90vw]',\n        'data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:w-auto data-[side=right]:max-w-[90vw]',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SheetContent: Component<\n  SheetPrimitive.ContentProps & { side?: 'top' | 'right' | 'bottom' | 'left' }\n> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children', 'side']);\n  const side = local.side ?? 'right';\n\n  return (\n    <SheetPrimitive.Content\n      data-slot='sheet-content'\n      data-side={side}\n      class={cn(\n        'gap-4 p-6 shadow-lg relative flex h-full w-full flex-col bg-background outline-none',\n        'border-l border-border',\n        'data-[side=left]:border-r data-[side=left]:border-l-0',\n        'data-[side=top]:border-b data-[side=top]:border-l-0',\n        'data-[side=bottom]:border-t data-[side=bottom]:border-l-0',\n        'data-[state=closed]:animate-out data-[state=open]:animate-in',\n        'data-[state=closed]:duration-300 data-[state=open]:duration-300',\n        'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n        'data-[side=right]:data-[state=closed]:slide-out-to-right-1/2 data-[side=right]:data-[state=open]:slide-in-from-right-1/2',\n        'data-[side=left]:data-[state=closed]:slide-out-to-left-1/2 data-[side=left]:data-[state=open]:slide-in-from-left-1/2',\n        'data-[side=top]:data-[state=closed]:slide-out-to-top-1/2 data-[side=top]:data-[state=open]:slide-in-from-top-1/2',\n        'data-[side=bottom]:data-[state=closed]:slide-out-to-bottom-1/2 data-[side=bottom]:data-[state=open]:slide-in-from-bottom-1/2',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </SheetPrimitive.Content>\n  );\n};\n\nexport const SheetCloseButton: Component<SheetPrimitive.CloseTriggerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <SheetPrimitive.CloseTrigger\n      class={cn('top-3 right-3 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          <span class='sr-only'>{messages.ui_common_close()}</span>\n        </Button>\n      )}\n    />\n  );\n};\n\nexport const SheetHeader: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sheet-header'\n      class={cn('gap-1.5 p-4 flex flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SheetFooter: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sheet-footer'\n      class={cn('gap-2 p-4 mt-auto flex flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SheetTitle: Component<SheetPrimitive.TitleProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SheetPrimitive.Title\n      data-slot='sheet-title'\n      class={cn('text-lg font-semibold text-foreground', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SheetDescription: Component<SheetPrimitive.DescriptionProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <SheetPrimitive.Description\n      data-slot='sheet-description'\n      class={cn('text-sm text-muted-foreground', local.class)}\n      {...others}\n    />\n  );\n};\n"],"names":["Sheet","SheetPrimitive","Root","SheetTrigger","Trigger","SheetCloseTrigger","CloseTrigger","SheetContext","Context","SheetOverlay","props","local","others","splitProps","_$createComponent","Backdrop","_$mergeProps","cn","class","SheetPositioner","side","Positioner","SheetContent","Content","children","SheetCloseButton","asChild","triggerProps","Button","variant","size","messages","ui_common_close","CloseIcon","_el$","_tmpl$","_$insert","SheetHeader","_el$2","_tmpl$2","_$spread","SheetFooter","_el$3","_tmpl$3","SheetTitle","Title","SheetDescription","Description"],"mappings":"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"}

package/dist/components/Spinner.js

@@ -1,23 +1,27 @@
-import { template as o, spread as a, mergeProps as l } from "solid-js/web";
-import { splitProps as n } from "solid-js";
-import { cn as i } from "../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
-import { ui_common_loading as m } from "../paraglide/messages/ui_common_loading.js";
-var p = /* @__PURE__ */ o('<span role=status><svg xmlns=http://www.w3.org/2000/svg viewBox="0 -960 960 960"fill=currentColor class="size-4 animate-spin"aria-hidden=true><path d="M325-111.5q-73-31.5-127.5-86t-86-127.5Q80-398 80-480.5t31.5-155q31.5-72.5 86-127t127.5-86Q398-880 480-880q17 0 28.5 11.5T520-840q0 17-11.5 28.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133 0 226.5-93.5T800-480q0-17 11.5-28.5T840-520q17 0 28.5 11.5T880-480q0 82-31.5 155t-86 127.5q-54.5 54.5-127 86T480.5-80Q398-80 325-111.5Z">');
-const T = (t) => {
-  const [e, s] = n(t, ["class"]);
+import { template as o, spread as n, mergeProps as i, insert as a, createComponent as m } from "solid-js/web";
+import { splitProps as l } from "solid-js";
+import { cn as p } from "../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
+import c from "../_virtual/progress-activity.js";
+import { ui_common_loading as u } from "../paraglide/messages/ui_common_loading.js";
+var f = /* @__PURE__ */ o("<span role=status>");
+const h = (e) => {
+  const [t, s] = l(e, ["class"]);
   return (() => {
-    var r = p();
-    return a(r, l({
+    var r = f();
+    return n(r, i({
       get "aria-label"() {
-        return m();
+        return u();
       },
       get class() {
-        return i("inline-flex items-center justify-center", e.class);
+        return p("inline-flex items-center justify-center", t.class);
       }
-    }, s), !1, !0), r;
+    }, s), !1, !0), a(r, m(c, {
+      class: "size-4 animate-spin",
+      "aria-hidden": "true"
+    })), r;
   })();
 };
 export {
-  T as Spinner
+  h as Spinner
 };
 //# sourceMappingURL=Spinner.js.map

package/dist/components/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sources":["../../src/components/Spinner.tsx"],"sourcesContent":["import { type Component, type ComponentProps, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nimport * as messages from '@/paraglide/messages';\n\nexport const Spinner: Component<ComponentProps<'span'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <span\n      role='status'\n      aria-label={messages.ui_common_loading()}\n      class={cn('inline-flex items-center justify-center', local.class)}\n      {...others}\n    >\n      <svg\n        xmlns='http://www.w3.org/2000/svg'\n        viewBox='0 -960 960 960'\n        fill='currentColor'\n        class='size-4 animate-spin'\n        aria-hidden='true'\n      >\n        <path d='M325-111.5q-73-31.5-127.5-86t-86-127.5Q80-398 80-480.5t31.5-155q31.5-72.5 86-127t127.5-86Q398-880 480-880q17 0 28.5 11.5T520-840q0 17-11.5 28.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133 0 226.5-93.5T800-480q0-17 11.5-28.5T840-520q17 0 28.5 11.5T880-480q0 82-31.5 155t-86 127.5q-54.5 54.5-127 86T480.5-80Q398-80 325-111.5Z' />\n      </svg>\n    </span>\n  );\n};\n"],"names":["Spinner","props","local","others","splitProps","_el$","_tmpl$","_$spread","_$mergeProps","messages","ui_common_loading","cn","class"],"mappings":";;;;;AAKO,MAAMA,IAA8CC,CAAAA,MAAU;AACnE,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AAEnD,UAAA,MAAA;AAAA,QAAAI,IAAAC,EAAAA;AAAAC,WAAAA,EAAAF,GAAAG,EAAA;AAAA,MAAA,IAAA,eAAA;AAAA,eAGgBC,EAASC;AAAAA,MAAmB;AAAA,MAAA,IAAA,QAAA;AAAA,eACjCC,EAAG,2CAA2CT,EAAMU,KAAK;AAAA,MAAC;AAAA,IAAA,GAC7DT,CAAM,GAAA,IAAA,EAAA,GAAAE;AAAAA,EAAA,GAAA;AAahB;"}
+{"version":3,"file":"Spinner.js","sources":["../../src/components/Spinner.tsx"],"sourcesContent":["import { type Component, type ComponentProps, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport ProgressActivityIcon from '~icons/material-symbols/progress-activity';\n\nimport * as messages from '@/paraglide/messages';\n\nexport const Spinner: Component<ComponentProps<'span'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <span\n      role='status'\n      aria-label={messages.ui_common_loading()}\n      class={cn('inline-flex items-center justify-center', local.class)}\n      {...others}\n    >\n      <ProgressActivityIcon class='size-4 animate-spin' aria-hidden='true' />\n    </span>\n  );\n};\n"],"names":["Spinner","props","local","others","splitProps","_el$","_tmpl$","_$spread","_$mergeProps","messages","ui_common_loading","cn","class","_$insert","_$createComponent","ProgressActivityIcon"],"mappings":";;;;;;AAMO,MAAMA,IAA8CC,CAAAA,MAAU;AACnE,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AAEnD,UAAA,MAAA;AAAA,QAAAI,IAAAC,EAAAA;AAAAC,WAAAA,EAAAF,GAAAG,EAAA;AAAA,MAAA,IAAA,eAAA;AAAA,eAGgBC,EAASC;AAAAA,MAAmB;AAAA,MAAA,IAAA,QAAA;AAAA,eACjCC,EAAG,2CAA2CT,EAAMU,KAAK;AAAA,MAAC;AAAA,IAAA,GAC7DT,CAAM,GAAA,IAAA,EAAA,GAAAU,EAAAR,GAAAS,EAETC,GAAoB;AAAA,MAAA,OAAA;AAAA,MAAA,eAAA;AAAA,IAAA,CAAA,CAAA,GAAAV;AAAAA,EAAA,GAAA;AAG3B;"}

package/dist/components/TagsInput.js

@@ -2,7 +2,7 @@ import { createComponent as s, mergeProps as o } from "solid-js/web";
 import { tags_input_exports as n } from "../node_modules/.bun/@ark-ui_solid@5.34.0_95b571dd5236cc92/node_modules/@ark-ui/solid/dist/chunk/O6MULJWC.js";
 import { splitProps as a } from "solid-js";
 import { cn as i } from "../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
-import l from "../_virtual/outline-close.js";
+import l from "../_virtual/close.js";
 const m = n.Root, h = n.Context, b = n.HiddenInput, f = (t) => {
   const [e, r] = a(t, ["class"]);
   return s(n.Label, o({
@@ -14,7 +14,7 @@ const m = n.Root, h = n.Context, b = n.HiddenInput, f = (t) => {
   const [e, r] = a(t, ["class", "children"]);
   return s(n.Control, o({
     get class() {
-      return i('group relative min-h-10 py-1.5 pr-8 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', "focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50", "data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40", "data-[disabled=true]:bg-input/50 data-[disabled=true]:opacity-50 dark:data-[disabled=true]:bg-input/80", "data-[readonly=true]:focus-within:border-input data-[readonly=true]:focus-within:ring-0", e.class);
+      return i('group min-h-10 py-1.5 pr-8 pl-2.5 text-sm [&_svg:not([class*="size-"])]:size-4 gap-1 shadow-sm relative 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', "focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50", "data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:ring-destructive/40", "data-[disabled=true]:bg-input/50 data-[disabled=true]:opacity-50 dark:data-[disabled=true]:bg-input/80", "data-[readonly=true]:focus-within:border-input data-[readonly=true]:focus-within:ring-0", e.class);
     }
   }, r, {
     get children() {
@@ -32,7 +32,7 @@ const m = n.Root, h = n.Context, b = n.HiddenInput, f = (t) => {
   const [e, r] = a(t, ["class", "children"]);
   return s(n.ClearTrigger, o({
     get class() {
-      return i("right-2 top-1/2 p-0.5 absolute -translate-y-1/2 rounded-sm text-muted-foreground transition-colors hover:text-foreground", e.class);
+      return i("right-2 p-0.5 absolute top-1/2 -translate-y-1/2 rounded-sm text-muted-foreground transition-colors hover:text-foreground", e.class);
     }
   }, r, {
     get children() {
@@ -45,7 +45,7 @@ const m = n.Root, h = n.Context, b = n.HiddenInput, f = (t) => {
   const [e, r] = a(t, ["class", "children"]);
   return s(n.Item, o({
     get class() {
-      return i("inline-flex items-center outline-none cursor-default", e.class);
+      return i("inline-flex cursor-default items-center outline-none", e.class);
     }
   }, r, {
     get children() {
@@ -57,7 +57,7 @@ const m = n.Root, h = n.Context, b = n.HiddenInput, f = (t) => {
   return s(n.ItemPreview, o({
     "data-slot": "tags-input-item-preview",
     get class() {
-      return i("h-6 gap-1 px-1.5 text-xs font-medium border border-transparent has-data-[slot=tags-input-item-delete-trigger]:pr-0 inline-flex items-center justify-center rounded-md bg-muted whitespace-nowrap text-foreground transition-colors", "data-highlighted:bg-accent data-highlighted:text-accent-foreground data-highlighted:border-ring", "data-disabled:pointer-events-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50", e.class);
+      return i("h-6 gap-1 px-1.5 text-xs font-medium has-data-[slot=tags-input-item-delete-trigger]:pr-0 inline-flex items-center justify-center rounded-md border border-transparent bg-muted whitespace-nowrap text-foreground transition-colors", "data-highlighted:border-ring data-highlighted:bg-accent data-highlighted:text-accent-foreground", "data-disabled:pointer-events-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50", e.class);
     }
   }, r));
 }, y = (t) => {
@@ -71,7 +71,7 @@ const m = n.Root, h = n.Context, b = n.HiddenInput, f = (t) => {
   const [e, r] = a(t, ["class"]);
   return s(n.ItemInput, o({
     get class() {
-      return i("py-0 px-1.5 h-6 text-xs rounded-md border border-input bg-background text-foreground outline-none", "focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:border-ring", e.class);
+      return i("py-0 px-1.5 h-6 text-xs rounded-md border border-input bg-background text-foreground outline-none", "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50", e.class);
     }
   }, r));
 }, k = (t) => {