@manafishrov/ui 1.5.7 → 1.5.9

package/dist/components/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","names":["Component","ComponentProps","splitProps","cn","Table","props","local","others","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","class","TableHeader","_el$3","_tmpl$2","TableBody","_el$4","_tmpl$3","TableFooter","_el$5","_tmpl$4","TableRow","_el$6","_tmpl$5","TableHead","_el$7","_tmpl$6","TableCell","_el$8","_tmpl$7","TableCaption","_el$9","_tmpl$8"],"sources":["../../src/components/Table.tsx"],"sourcesContent":["import { type Component, type ComponentProps, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nexport const Table: Component<ComponentProps<'table'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div data-slot='table-container' class='relative w-full overflow-x-auto'>\n      <table\n        data-slot='table'\n        class={cn('text-sm w-full caption-bottom', local.class)}\n        {...others}\n      />\n    </div>\n  );\n};\n\nexport const TableHeader: Component<ComponentProps<'thead'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <thead data-slot='table-header' class={cn('[&_tr]:border-b', local.class)} {...others} />;\n};\n\nexport const TableBody: Component<ComponentProps<'tbody'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <tbody\n      data-slot='table-body'\n      class={cn('[&_tr:last-child]:border-0', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const TableFooter: Component<ComponentProps<'tfoot'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <tfoot\n      data-slot='table-footer'\n      class={cn('font-medium border-t bg-muted/50 [&>tr]:last:border-b-0', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const TableRow: Component<ComponentProps<'tr'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <tr\n      data-slot='table-row'\n      class={cn(\n        'border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TableHead: Component<ComponentProps<'th'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <th\n      data-slot='table-head'\n      class={cn(\n        'h-10 px-2 font-medium [&:has([role=checkbox])]:pr-0 text-left align-middle whitespace-nowrap text-foreground',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TableCell: Component<ComponentProps<'td'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <td\n      data-slot='table-cell'\n      class={cn('p-2 [&:has([role=checkbox])]:pr-0 align-middle whitespace-nowrap', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const TableCaption: Component<ComponentProps<'caption'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <caption\n      data-slot='table-caption'\n      class={cn('mt-4 text-sm text-muted-foreground', local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;+fAGaI,KAA6CC,MAAU;CAClE,IAAM,CAACC,GAAOC,KAAUL,EAAWG,GAAO,CAAC,OAAO,CAAC;CACnD,cAAA;EAAA,IAAAG,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EAKgB,OALhBC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAIaV,EAAG,iCAAiCG,EAAMQ,KAAK;EAAC,EAAA,GACnDP,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,GAAA;AAIlB,GAEaO,KAAmDV,MAAU;CACxE,IAAM,CAACC,GAAOC,KAAUL,EAAWG,GAAO,CAAC,OAAO,CAAC;CACnD,cAAA;EAAA,IAAAW,IAAAC,EAAA;EAA4F,OAA5FL,EAAAI,GAAAH,EAAA,EAAA,IAAA,QAAA;GAAA,OAA8CV,EAAG,mBAAmBG,EAAMQ,KAAK;EAAC,EAAA,GAAMP,CAAM,GAAA,IAAA,EAAA,GAAAS;CAAA,GAAA;AAC9F,GAEaE,KAAiDb,MAAU;CACtE,IAAM,CAACC,GAAOC,KAAUL,EAAWG,GAAO,CAAC,OAAO,CAAC;CACnD,cAAA;EAAA,IAAAc,IAAAC,EAAA;EAIc,OAJdR,EAAAO,GAAAN,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWV,EAAG,8BAA8BG,EAAMQ,KAAK;EAAC,EAAA,GAChDP,CAAM,GAAA,IAAA,EAAA,GAAAY;CAAA,GAAA;AAGhB,GAEaE,KAAmDhB,MAAU;CACxE,IAAM,CAACC,GAAOC,KAAUL,EAAWG,GAAO,CAAC,OAAO,CAAC;CACnD,cAAA;EAAA,IAAAiB,IAAAC,EAAA;EAIc,OAJdX,EAAAU,GAAAT,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWV,EAAG,2DAA2DG,EAAMQ,KAAK;EAAC,EAAA,GAC7EP,CAAM,GAAA,IAAA,EAAA,GAAAe;CAAA,GAAA;AAGhB,GAEaE,KAA6CnB,MAAU;CAClE,IAAM,CAACC,GAAOC,KAAUL,EAAWG,GAAO,CAAC,OAAO,CAAC;CACnD,cAAA;EAAA,IAAAoB,IAAAC,EAAA;EAOc,OAPdd,EAAAa,GAAAZ,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWV,EACL,+EACAG,EAAMQ,KACR;EAAC,EAAA,GACGP,CAAM,GAAA,IAAA,EAAA,GAAAkB;CAAA,GAAA;AAGhB,GAEaE,KAA8CtB,MAAU;CACnE,IAAM,CAACC,GAAOC,KAAUL,EAAWG,GAAO,CAAC,OAAO,CAAC;CACnD,cAAA;EAAA,IAAAuB,IAAAC,EAAA;EAOc,OAPdjB,EAAAgB,GAAAf,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWV,EACL,gHACAG,EAAMQ,KACR;EAAC,EAAA,GACGP,CAAM,GAAA,IAAA,EAAA,GAAAqB;CAAA,GAAA;AAGhB,GAEaE,KAA8CzB,MAAU;CACnE,IAAM,CAACC,GAAOC,KAAUL,EAAWG,GAAO,CAAC,OAAO,CAAC;CACnD,cAAA;EAAA,IAAA0B,IAAAC,EAAA;EAIc,OAJdpB,EAAAmB,GAAAlB,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWV,EAAG,oEAAoEG,EAAMQ,KAAK;EAAC,EAAA,GACtFP,CAAM,GAAA,IAAA,EAAA,GAAAwB;CAAA,GAAA;AAGhB,GAEaE,KAAsD5B,MAAU;CAC3E,IAAM,CAACC,GAAOC,KAAUL,EAAWG,GAAO,CAAC,OAAO,CAAC;CACnD,cAAA;EAAA,IAAA6B,IAAAC,EAAA;EAIc,OAJdvB,EAAAsB,GAAArB,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWV,EAAG,sCAAsCG,EAAMQ,KAAK;EAAC,EAAA,GACxDP,CAAM,GAAA,IAAA,EAAA,GAAA2B;CAAA,GAAA;AAGhB"}
+{"version":3,"file":"Table.js","names":["Component","ComponentProps","splitProps","cn","Table","props","local","others","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","class","TableHeader","_el$3","_tmpl$2","TableBody","_el$4","_tmpl$3","TableFooter","_el$5","_tmpl$4","TableRow","_el$6","_tmpl$5","TableHead","_el$7","_tmpl$6","TableCell","_el$8","_tmpl$7","TableCaption","_el$9","_tmpl$8"],"sources":["../../src/components/Table.tsx"],"sourcesContent":["import { type Component, type ComponentProps, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nexport const Table: Component<ComponentProps<'table'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div data-slot='table-container' class='relative w-full overflow-x-auto'>\n      <table\n        data-slot='table'\n        class={cn('text-sm w-full caption-bottom', local.class)}\n        {...others}\n      />\n    </div>\n  );\n};\n\nexport const TableHeader: Component<ComponentProps<'thead'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <thead data-slot='table-header' class={cn('[&_tr]:border-b', local.class)} {...others} />;\n};\n\nexport const TableBody: Component<ComponentProps<'tbody'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <tbody\n      data-slot='table-body'\n      class={cn('[&_tr:last-child]:border-0', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const TableFooter: Component<ComponentProps<'tfoot'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <tfoot\n      data-slot='table-footer'\n      class={cn('font-medium border-t bg-muted/50 [&>tr]:last:border-b-0', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const TableRow: Component<ComponentProps<'tr'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <tr\n      data-slot='table-row'\n      class={cn(\n        'border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TableHead: Component<ComponentProps<'th'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <th\n      data-slot='table-head'\n      class={cn(\n        'h-10 px-2 font-medium [&:has([role=checkbox])]:pr-0 text-left align-middle whitespace-nowrap text-foreground',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TableCell: Component<ComponentProps<'td'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <td\n      data-slot='table-cell'\n      class={cn('p-2 [&:has([role=checkbox])]:pr-0 align-middle whitespace-nowrap', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const TableCaption: Component<ComponentProps<'caption'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <caption\n      data-slot='table-caption'\n      class={cn('mt-4 text-sm text-muted-foreground', local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":"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"}

package/dist/components/Tabs.js

@@ -1,5 +1,5 @@
-import { cn as e } from "../node_modules/.bun/tailwind-variants@3.2.2_8d1ea3a475e79781/node_modules/tailwind-variants/dist/index.js";
-import { tabs_exports as t } from "../node_modules/.bun/@ark-ui_solid@5.36.2_da624007e3df32b4/node_modules/@ark-ui/solid/dist/chunk/TPTP4FRI.js";
+import { cn as e } from "../node_modules/.bun/tailwind-variants@3.2.2_836190697928d5d4/node_modules/tailwind-variants/dist/index.js";
+import { tabs_exports as t } from "../node_modules/.bun/@ark-ui_solid@5.37.1_ee58d66d663bac7b/node_modules/@ark-ui/solid/dist/chunk/TPTP4FRI.js";
 import { createComponent as n, mergeProps as r } from "solid-js/web";
 import { splitProps as i } from "solid-js";
 //#region src/components/Tabs.tsx

package/dist/components/TagsInput.js

@@ -1,6 +1,6 @@
-import { cn as e } from "../node_modules/.bun/tailwind-variants@3.2.2_8d1ea3a475e79781/node_modules/tailwind-variants/dist/index.js";
+import { cn as e } from "../node_modules/.bun/tailwind-variants@3.2.2_836190697928d5d4/node_modules/tailwind-variants/dist/index.js";
 import t from "../_virtual/~icons/material-symbols/close.js";
-import { tags_input_exports as n } from "../node_modules/.bun/@ark-ui_solid@5.36.2_da624007e3df32b4/node_modules/@ark-ui/solid/dist/chunk/ID6CMWIA.js";
+import { tags_input_exports as n } from "../node_modules/.bun/@ark-ui_solid@5.37.1_ee58d66d663bac7b/node_modules/@ark-ui/solid/dist/chunk/7TJ23CV6.js";
 import { createComponent as r, mergeProps as i } from "solid-js/web";
 import { splitProps as a } from "solid-js";
 //#region src/components/TagsInput.tsx

package/dist/components/TextInput.d.ts

@@ -1,9 +1,8 @@
 import { Field as PrimitiveField } from '@ark-ui/solid/field';
 import { Component, ComponentProps } from 'solid-js';
+export { FieldDescription as TextInputDescription, FieldError as TextInputError, } from './Field';
 export declare const TextInput: Component<PrimitiveField.RootProps>;
 export declare const TextInputLabel: Component<PrimitiveField.LabelProps>;
 export declare const TextInputControl: Component<ComponentProps<'div'>>;
 export declare const TextInputInput: Component<PrimitiveField.InputProps>;
 export declare const TextInputArea: Component<PrimitiveField.TextareaProps>;
-export declare const TextInputDescription: Component<PrimitiveField.HelperTextProps>;
-export declare const TextInputError: Component<import('./Field').FieldErrorProps>;

package/dist/components/TextInput.js

@@ -1,10 +1,10 @@
-import { cn as e } from "../node_modules/.bun/tailwind-variants@3.2.2_8d1ea3a475e79781/node_modules/tailwind-variants/dist/index.js";
-import { field_exports as t } from "../node_modules/.bun/@ark-ui_solid@5.36.2_da624007e3df32b4/node_modules/@ark-ui/solid/dist/chunk/Q2RBVNEH.js";
+import { cn as e } from "../node_modules/.bun/tailwind-variants@3.2.2_836190697928d5d4/node_modules/tailwind-variants/dist/index.js";
+import { field_exports as t } from "../node_modules/.bun/@ark-ui_solid@5.37.1_ee58d66d663bac7b/node_modules/@ark-ui/solid/dist/chunk/HRY5AU2J.js";
 import { FieldDescription as n, FieldError as r } from "./Field.js";
 import { createComponent as i, mergeProps as a, spread as o, template as s } from "solid-js/web";
 import { splitProps as c } from "solid-js";
 //#region src/components/TextInput.tsx
-var l = /* @__PURE__ */ s("<div data-slot=text-input-control>"), u = (n) => {
+var l = /*#__PURE__*/ s("<div data-slot=text-input-control>"), u = (n) => {
 	let [r, o] = c(n, ["class"]);
 	return i(t.Root, a({ get class() {
 		return e("group/text-input relative flex w-full flex-col", r.class);
@@ -32,8 +32,8 @@ var l = /* @__PURE__ */ s("<div data-slot=text-input-control>"), u = (n) => {
 	return i(t.Textarea, a({ get class() {
 		return e("min-h-16 text-base md:text-sm flex field-sizing-content w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default", "px-0 py-0 border-none bg-transparent shadow-none ring-0 focus-visible:ring-0", "px-2.5 py-1.5", r.class);
 	} }, o));
-}, h = n, g = r;
+};
 //#endregion
-export { u as TextInput, m as TextInputArea, f as TextInputControl, h as TextInputDescription, g as TextInputError, p as TextInputInput, d as TextInputLabel };
+export { u as TextInput, m as TextInputArea, f as TextInputControl, n as TextInputDescription, r as TextInputError, p as TextInputInput, d as TextInputLabel };
 
 //# sourceMappingURL=TextInput.js.map

package/dist/components/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","names":["Field","PrimitiveField","splitProps","Component","ComponentProps","cn","FieldDescription","FieldError","TextInput","RootProps","props","local","others","_$createComponent","Root","_$mergeProps","class","TextInputLabel","LabelProps","Label","TextInputControl","Context","children","field","_el$","_tmpl$","_$spread","disabled","invalid","readOnly","TextInputInput","InputProps","Input","TextInputArea","TextareaProps","Textarea","TextInputDescription","TextInputError"],"sources":["../../src/components/TextInput.tsx"],"sourcesContent":["import { Field as PrimitiveField } from '@ark-ui/solid/field';\nimport { splitProps, type Component, type ComponentProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nimport { FieldDescription, FieldError } from '@/components/Field';\n\nexport const TextInput: Component<PrimitiveField.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Root\n      class={cn('group/text-input relative flex w-full flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const TextInputLabel: Component<PrimitiveField.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.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 TextInputControl: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Context>\n      {(field) => (\n        <div\n          data-slot='text-input-control'\n          {...(field().disabled && { 'data-disabled': 'true' })}\n          {...(field().invalid && { 'data-invalid': 'true' })}\n          {...(field().readOnly && { 'data-readonly': 'true' })}\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            'has-[textarea]:h-auto',\n            local.class,\n          )}\n          {...others}\n        />\n      )}\n    </PrimitiveField.Context>\n  );\n};\n\nexport const TextInputInput: Component<PrimitiveField.InputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.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        'px-2.5',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TextInputArea: Component<PrimitiveField.TextareaProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Textarea\n      class={cn(\n        'min-h-16 text-base md:text-sm flex field-sizing-content w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default',\n        'px-0 py-0 border-none bg-transparent shadow-none ring-0 focus-visible:ring-0',\n        'px-2.5 py-1.5',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TextInputDescription = FieldDescription;\nexport const TextInputError = FieldError;\n"],"mappings":";;;;;;iEAMaQ,KAAkDE,MAAU;CACvE,IAAM,CAACC,GAAOC,KAAUV,EAAWQ,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EACGZ,EAAea,MAAIC,EAAA,EAAA,IAAA,QAAA;EAAA,OACXV,EAAG,kDAAkDM,EAAMK,KAAK;CAAC,EAAA,GACpEJ,CAAM,CAAA;AAGhB,GAEaK,KAAwDP,MAAU;CAC7E,IAAM,CAACC,GAAOC,KAAUV,EAAWQ,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EACGZ,EAAekB,OAAKJ,EAAA,EAAA,IAAA,QAAA;EAAA,OACZV,EACL,uNACAM,EAAMK,KACR;CAAC,EAAA,GACGJ,CAAM,CAAA;AAGhB,GAEaQ,KAAsDV,MAAU;CAC3E,IAAM,CAACC,GAAOC,KAAUV,EAAWQ,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EACGZ,EAAeoB,SAAO,EAAAC,WACnBC,aAAK;EAAA,IAAAC,IAAAC,EAAA;EAeO,OAfPC,EAAAF,GAAAT,QAGEQ,EAAM,EAAEI,YAAY,EAAE,iBAAiB,OAAO,SAC9CJ,EAAM,EAAEK,WAAW,EAAE,gBAAgB,OAAO,SAC5CL,EAAM,EAAEM,YAAY,EAAE,iBAAiB,OAAO,GAAC,EAAA,IAAA,QAAA;GAAA,OAC7CxB,EACL,gJACA,6FACA,8JACA,0GACA,qGACA,yBACAM,EAAMK,KACR;EAAC,EAAA,GACGJ,CAAM,GAAA,IAAA,EAAA,GAAAY;CAAA,GAAA,EAEb,CAAA;AAGP,GAEaM,KAAwDpB,MAAU;CAC7E,IAAM,CAACC,GAAOC,KAAUV,EAAWQ,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EACGZ,EAAe+B,OAAKjB,EAAA,EAAA,IAAA,QAAA;EAAA,OACZV,EACL,6OACA,uFACA,UACAM,EAAMK,KACR;CAAC,EAAA,GACGJ,CAAM,CAAA;AAGhB,GAEaqB,KAA0DvB,MAAU;CAC/E,IAAM,CAACC,GAAOC,KAAUV,EAAWQ,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EACGZ,EAAekC,UAAQpB,EAAA,EAAA,IAAA,QAAA;EAAA,OACfV,EACL,sOACA,gFACA,iBACAM,EAAMK,KACR;CAAC,EAAA,GACGJ,CAAM,CAAA;AAGhB,GAEawB,IAAuB9B,GACvB+B,IAAiB9B"}
+{"version":3,"file":"TextInput.js","names":["Field","PrimitiveField","splitProps","Component","ComponentProps","cn","FieldDescription","TextInputDescription","FieldError","TextInputError","TextInput","RootProps","props","local","others","_$createComponent","Root","_$mergeProps","class","TextInputLabel","LabelProps","Label","TextInputControl","Context","children","field","_el$","_tmpl$","_$spread","disabled","invalid","readOnly","TextInputInput","InputProps","Input","TextInputArea","TextareaProps","Textarea"],"sources":["../../src/components/TextInput.tsx"],"sourcesContent":["import { Field as PrimitiveField } from '@ark-ui/solid/field';\nimport { splitProps, type Component, type ComponentProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nexport {\n  FieldDescription as TextInputDescription,\n  FieldError as TextInputError,\n} from '@/components/Field';\n\nexport const TextInput: Component<PrimitiveField.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Root\n      class={cn('group/text-input relative flex w-full flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const TextInputLabel: Component<PrimitiveField.LabelProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.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 TextInputControl: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Context>\n      {(field) => (\n        <div\n          data-slot='text-input-control'\n          {...(field().disabled && { 'data-disabled': 'true' })}\n          {...(field().invalid && { 'data-invalid': 'true' })}\n          {...(field().readOnly && { 'data-readonly': 'true' })}\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            'has-[textarea]:h-auto',\n            local.class,\n          )}\n          {...others}\n        />\n      )}\n    </PrimitiveField.Context>\n  );\n};\n\nexport const TextInputInput: Component<PrimitiveField.InputProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.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        'px-2.5',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const TextInputArea: Component<PrimitiveField.TextareaProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <PrimitiveField.Textarea\n      class={cn(\n        'min-h-16 text-base md:text-sm flex field-sizing-content w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default',\n        'px-0 py-0 border-none bg-transparent shadow-none ring-0 focus-visible:ring-0',\n        'px-2.5 py-1.5',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;+DASaU,KAAkDE,MAAU;CACvE,IAAM,CAACC,GAAOC,KAAUZ,EAAWU,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EACGd,EAAee,MAAIC,EAAA,EAAA,IAAA,QAAA;EAAA,OACXZ,EAAG,kDAAkDQ,EAAMK,KAAK;CAAC,EAAA,GACpEJ,CAAM,CAAA;AAGhB,GAEaK,KAAwDP,MAAU;CAC7E,IAAM,CAACC,GAAOC,KAAUZ,EAAWU,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EACGd,EAAeoB,OAAKJ,EAAA,EAAA,IAAA,QAAA;EAAA,OACZZ,EACL,uNACAQ,EAAMK,KACR;CAAC,EAAA,GACGJ,CAAM,CAAA;AAGhB,GAEaQ,KAAsDV,MAAU;CAC3E,IAAM,CAACC,GAAOC,KAAUZ,EAAWU,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EACGd,EAAesB,SAAO,EAAAC,WACnBC,aAAK;EAAA,IAAAC,IAAAC,EAAA;EAeO,OAfPC,EAAAF,GAAAT,QAGEQ,EAAM,CAAC,CAACI,YAAY,EAAE,iBAAiB,OAAO,SAC9CJ,EAAM,CAAC,CAACK,WAAW,EAAE,gBAAgB,OAAO,SAC5CL,EAAM,CAAC,CAACM,YAAY,EAAE,iBAAiB,OAAO,GAAC,EAAA,IAAA,QAAA;GAAA,OAC7C1B,EACL,gJACA,6FACA,8JACA,0GACA,qGACA,yBACAQ,EAAMK,KACR;EAAC,EAAA,GACGJ,CAAM,GAAA,IAAA,EAAA,GAAAY;CAAA,EAAA,CAAA,EAEb,CAAA;AAGP,GAEaM,KAAwDpB,MAAU;CAC7E,IAAM,CAACC,GAAOC,KAAUZ,EAAWU,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EACGd,EAAeiC,OAAKjB,EAAA,EAAA,IAAA,QAAA;EAAA,OACZZ,EACL,6OACA,uFACA,UACAQ,EAAMK,KACR;CAAC,EAAA,GACGJ,CAAM,CAAA;AAGhB,GAEaqB,KAA0DvB,MAAU;CAC/E,IAAM,CAACC,GAAOC,KAAUZ,EAAWU,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EACGd,EAAeoC,UAAQpB,EAAA,EAAA,IAAA,QAAA;EAAA,OACfZ,EACL,sOACA,gFACA,iBACAQ,EAAMK,KACR;CAAC,EAAA,GACGJ,CAAM,CAAA;AAGhB"}

package/dist/components/Toggle.js

@@ -1,6 +1,6 @@
-import { cn as e, tv as t } from "../node_modules/.bun/tailwind-variants@3.2.2_8d1ea3a475e79781/node_modules/tailwind-variants/dist/index.js";
-import { toggle_exports as n } from "../node_modules/.bun/@ark-ui_solid@5.36.2_da624007e3df32b4/node_modules/@ark-ui/solid/dist/chunk/WZBYH43M.js";
-import { toggle_group_exports as r } from "../node_modules/.bun/@ark-ui_solid@5.36.2_da624007e3df32b4/node_modules/@ark-ui/solid/dist/chunk/ABFLCPUB.js";
+import { cn as e, tv as t } from "../node_modules/.bun/tailwind-variants@3.2.2_836190697928d5d4/node_modules/tailwind-variants/dist/index.js";
+import { toggle_exports as n } from "../node_modules/.bun/@ark-ui_solid@5.37.1_ee58d66d663bac7b/node_modules/@ark-ui/solid/dist/chunk/WZBYH43M.js";
+import { toggle_group_exports as r } from "../node_modules/.bun/@ark-ui_solid@5.37.1_ee58d66d663bac7b/node_modules/@ark-ui/solid/dist/chunk/ABFLCPUB.js";
 import { createComponent as i, mergeProps as a } from "solid-js/web";
 import { createContext as o, splitProps as s, useContext as c } from "solid-js";
 //#region src/components/Toggle.tsx

package/dist/components/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","names":["Toggle","TogglePrimitive","ToggleGroup","ToggleGroupPrimitive","createContext","useContext","Component","JSX","splitProps","cn","tv","VariantProps","toggleVariants","base","variants","variant","default","outline","size","sm","lg","defaultVariants","ToggleProps","RootProps","props","local","others","_$createComponent","Root","_$mergeProps","class","ToggleGroupContextValue","spacing","ToggleGroupContext","ToggleGroupProps","contextValue","data-variant","data-size","data-spacing","orientation","style","CSSProperties","children","Provider","value","ToggleGroupItemProps","ItemProps","ToggleGroupItem","context","Item"],"sources":["../../src/components/Toggle.tsx"],"sourcesContent":["import { Toggle as TogglePrimitive } from '@ark-ui/solid/toggle';\nimport { ToggleGroup as ToggleGroupPrimitive } from '@ark-ui/solid/toggle-group';\nimport { createContext, useContext, type Component, type JSX, splitProps } from 'solid-js';\nimport { cn, tv, type VariantProps } from 'tailwind-variants';\n\nexport const toggleVariants = tv({\n  base: 'gap-1 text-sm font-medium [&_svg:not([class*=\"size-\"])]:size-4 group/toggle inline-flex items-center justify-center rounded-lg whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-pressed:bg-muted data-[invalid=true]:border-destructive data-[invalid=true]:ring-destructive/20 data-[state=on]:bg-muted dark:data-[invalid=true]:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n  variants: {\n    variant: {\n      default: 'bg-transparent',\n      outline: 'border border-input bg-transparent hover:bg-muted',\n    },\n    size: {\n      default: 'h-8 min-w-8 px-2',\n      sm: 'h-7 min-w-7 px-1.5 rounded-[min(var(--radius-md),12px)] text-[0.8rem]',\n      lg: 'h-9 min-w-9 px-2.5',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'default',\n  },\n});\n\nexport type ToggleProps = TogglePrimitive.RootProps & VariantProps<typeof toggleVariants>;\n\nexport const Toggle: Component<ToggleProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'variant', 'size']);\n  return (\n    <TogglePrimitive.Root\n      data-slot='toggle'\n      class={toggleVariants({ variant: local.variant, size: local.size, class: local.class })}\n      {...others}\n    />\n  );\n};\n\nexport type ToggleGroupContextValue = VariantProps<typeof toggleVariants> & {\n  spacing?: number;\n};\n\nconst ToggleGroupContext = createContext<ToggleGroupContextValue>({\n  size: 'default',\n  variant: 'default',\n  spacing: 0,\n});\n\nexport type ToggleGroupProps = ToggleGroupPrimitive.RootProps & ToggleGroupContextValue;\n\nexport const ToggleGroup: Component<ToggleGroupProps> = (props) => {\n  const [local, others] = splitProps(props, [\n    'class',\n    'variant',\n    'size',\n    'spacing',\n    'children',\n    'orientation',\n  ]);\n\n  const contextValue: ToggleGroupContextValue = {\n    get variant() {\n      return local.variant ?? 'default';\n    },\n    get size() {\n      return local.size ?? 'default';\n    },\n    get spacing() {\n      return local.spacing ?? 0;\n    },\n  };\n\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot='toggle-group'\n      data-variant={contextValue.variant}\n      data-size={contextValue.size}\n      data-spacing={contextValue.spacing}\n      orientation={local.orientation ?? 'horizontal'}\n      style={{ '--gap': `${contextValue.spacing}px` } as JSX.CSSProperties}\n      class={cn(\n        'group/toggle-group flex w-fit flex-row items-center gap-(--gap) rounded-lg data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch data-[size=sm]:rounded-[min(var(--radius-md),10px)]',\n        local.class,\n      )}\n      {...others}\n    >\n      <ToggleGroupContext.Provider value={contextValue}>\n        {local.children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  );\n};\n\nexport type ToggleGroupItemProps = ToggleGroupPrimitive.ItemProps &\n  VariantProps<typeof toggleVariants>;\n\nexport const ToggleGroupItem: Component<ToggleGroupItemProps> = (props) => {\n  const context = useContext(ToggleGroupContext);\n  const [local, others] = splitProps(props, ['class', 'variant', 'size', 'children']);\n\n  const variant = (): ToggleGroupContextValue['variant'] =>\n    (local.variant ?? context.variant ?? 'default') as ToggleGroupContextValue['variant'];\n  const size = (): ToggleGroupContextValue['size'] =>\n    (local.size ?? context.size ?? 'default') as ToggleGroupContextValue['size'];\n  const spacing = (): number | undefined => context.spacing;\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot='toggle-group-item'\n      data-variant={variant()}\n      data-size={size()}\n      data-spacing={spacing()}\n      class={cn(\n        'group-data-[spacing=0]/toggle-group:px-2 shrink-0 group-data-[spacing=0]/toggle-group:rounded-none focus:z-10 focus-visible:z-10 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:last:rounded-b-lg group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t',\n        toggleVariants({\n          variant: variant(),\n          size: size(),\n        }),\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </ToggleGroupPrimitive.Item>\n  );\n};\n"],"mappings":";;;;;;AAKA,IAAaY,IAAiBF,EAAG;CAC/BG,MAAM;CACNC,UAAU;EACRC,SAAS;GACPC,SAAS;GACTC,SAAS;EACX;EACAC,MAAM;GACJF,SAAS;GACTG,IAAI;GACJC,IAAI;EACN;CACF;CACAC,iBAAiB;EACfN,SAAS;EACTG,MAAM;CACR;AACF,CAAC,GAIYlB,KAAkCwB,MAAU;CACvD,IAAM,CAACC,GAAOC,KAAUlB,EAAWgB,GAAO;EAAC;EAAS;EAAW;CAAM,CAAC;CACtE,OAAAG,EACG1B,EAAgB2B,MAAIC,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;GAAA,OAEZjB,EAAe;IAAEG,SAASU,EAAMV;IAASG,MAAMO,EAAMP;IAAMY,OAAOL,EAAMK;GAAM,CAAC;EAAC;CAAA,GACnFJ,CAAM,CAAA;AAGhB,GAMMO,IAAqB7B,EAAuC;CAChEc,MAAM;CACNH,SAAS;CACTiB,SAAS;AACX,CAAC,GAIY9B,KAA4CsB,MAAU;CACjE,IAAM,CAACC,GAAOC,KAAUlB,EAAWgB,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;CAAa,CACd,GAEKW,IAAwC;EAC5C,IAAIpB,UAAU;GACZ,OAAOU,EAAMV,WAAW;EAC1B;EACA,IAAIG,OAAO;GACT,OAAOO,EAAMP,QAAQ;EACvB;EACA,IAAIc,UAAU;GACZ,OAAOP,EAAMO,WAAW;EAC1B;CACF;CAEA,OAAAL,EACGxB,EAAqByB,MAAIC,EAAA;EAAA,aAAA;EAAA,IAAA,iBAAA;GAAA,OAEVM,EAAapB;EAAO;EAAA,IAAA,cAAA;GAAA,OACvBoB,EAAajB;EAAI;EAAA,IAAA,iBAAA;GAAA,OACdiB,EAAaH;EAAO;EAAA,IAClCO,cAAW;GAAA,OAAEd,EAAMc,eAAe;EAAY;EAAA,IAC9CC,QAAK;GAAA,OAAE,EAAE,SAAS,GAAGL,EAAaH,QAAO,IAAK;EAAsB;EAAA,IAAA,QAAA;GAAA,OAC7DvB,EACL,iNACAgB,EAAMK,KACR;EAAC;CAAA,GACGJ,GAAM,EAAA,IAAAgB,WAAA;EAAA,OAAAf,EAETM,EAAmBU,UAAQ;GAACC,OAAOT;GAAY,IAAAO,WAAA;IAAA,OAC7CjB,EAAMiB;GAAQ;EAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAIvB,GAKaK,KAAoDvB,MAAU;CACzE,IAAMwB,IAAU3C,EAAW4B,CAAkB,GACvC,CAACR,GAAOC,KAAUlB,EAAWgB,GAAO;EAAC;EAAS;EAAW;EAAQ;CAAU,CAAC,GAE5ET,UACHU,EAAMV,WAAWiC,EAAQjC,WAAW,WACjCG,UACHO,EAAMP,QAAQ8B,EAAQ9B,QAAQ,WAC3Bc,UAAoCgB,EAAQhB;CAElD,OAAAL,EACGxB,EAAqB8C,MAAIpB,EAAA;EAAA,aAAA;EAAA,IAAA,iBAAA;GAAA,OAEVd,EAAQ;EAAC;EAAA,IAAA,cAAA;GAAA,OACZG,EAAK;EAAC;EAAA,IAAA,iBAAA;GAAA,OACHc,EAAQ;EAAC;EAAA,IAAA,QAAA;GAAA,OAChBvB,EACL,s2BACAG,EAAe;IACbG,SAASA,EAAQ;IACjBG,MAAMA,EAAK;GACb,CAAC,GACDO,EAAMK,KACR;EAAC;CAAA,GACGJ,GAAM,EAAA,IAAAgB,WAAA;EAAA,OAETjB,EAAMiB;CAAQ,EAAA,CAAA,CAAA;AAGrB"}
+{"version":3,"file":"Toggle.js","names":["Toggle","TogglePrimitive","ToggleGroup","ToggleGroupPrimitive","createContext","useContext","Component","splitProps","cn","tv","VariantProps","toggleVariants","base","variants","variant","default","outline","size","sm","lg","defaultVariants","ToggleProps","RootProps","props","local","others","_$createComponent","Root","_$mergeProps","class","ToggleGroupContextValue","spacing","ToggleGroupContext","ToggleGroupProps","contextValue","data-variant","data-size","data-spacing","orientation","style","children","Provider","value","ToggleGroupItemProps","ItemProps","ToggleGroupItem","context","Item"],"sources":["../../src/components/Toggle.tsx"],"sourcesContent":["import { Toggle as TogglePrimitive } from '@ark-ui/solid/toggle';\nimport { ToggleGroup as ToggleGroupPrimitive } from '@ark-ui/solid/toggle-group';\nimport { createContext, useContext, type Component, splitProps } from 'solid-js';\nimport { cn, tv, type VariantProps } from 'tailwind-variants';\n\nexport const toggleVariants = tv({\n  base: 'gap-1 text-sm font-medium [&_svg:not([class*=\"size-\"])]:size-4 group/toggle inline-flex items-center justify-center rounded-lg whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-pressed:bg-muted data-[invalid=true]:border-destructive data-[invalid=true]:ring-destructive/20 data-[state=on]:bg-muted dark:data-[invalid=true]:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n  variants: {\n    variant: {\n      default: 'bg-transparent',\n      outline: 'border border-input bg-transparent hover:bg-muted',\n    },\n    size: {\n      default: 'h-8 min-w-8 px-2',\n      sm: 'h-7 min-w-7 px-1.5 rounded-[min(var(--radius-md),12px)] text-[0.8rem]',\n      lg: 'h-9 min-w-9 px-2.5',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'default',\n  },\n});\n\nexport type ToggleProps = TogglePrimitive.RootProps & VariantProps<typeof toggleVariants>;\n\nexport const Toggle: Component<ToggleProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'variant', 'size']);\n  return (\n    <TogglePrimitive.Root\n      data-slot='toggle'\n      class={toggleVariants({ variant: local.variant, size: local.size, class: local.class })}\n      {...others}\n    />\n  );\n};\n\nexport type ToggleGroupContextValue = VariantProps<typeof toggleVariants> & {\n  spacing?: number;\n};\n\nconst ToggleGroupContext = createContext<ToggleGroupContextValue>({\n  size: 'default',\n  variant: 'default',\n  spacing: 0,\n});\n\nexport type ToggleGroupProps = ToggleGroupPrimitive.RootProps & ToggleGroupContextValue;\n\nexport const ToggleGroup: Component<ToggleGroupProps> = (props) => {\n  const [local, others] = splitProps(props, [\n    'class',\n    'variant',\n    'size',\n    'spacing',\n    'children',\n    'orientation',\n  ]);\n\n  const contextValue: ToggleGroupContextValue = {\n    get variant() {\n      return local.variant ?? 'default';\n    },\n    get size() {\n      return local.size ?? 'default';\n    },\n    get spacing() {\n      return local.spacing ?? 0;\n    },\n  };\n\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot='toggle-group'\n      data-variant={contextValue.variant}\n      data-size={contextValue.size}\n      data-spacing={contextValue.spacing}\n      orientation={local.orientation ?? 'horizontal'}\n      style={{ '--gap': `${contextValue.spacing}px` }}\n      class={cn(\n        'group/toggle-group flex w-fit flex-row items-center gap-(--gap) rounded-lg data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch data-[size=sm]:rounded-[min(var(--radius-md),10px)]',\n        local.class,\n      )}\n      {...others}\n    >\n      <ToggleGroupContext.Provider value={contextValue}>\n        {local.children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  );\n};\n\nexport type ToggleGroupItemProps = ToggleGroupPrimitive.ItemProps &\n  VariantProps<typeof toggleVariants>;\n\nexport const ToggleGroupItem: Component<ToggleGroupItemProps> = (props) => {\n  const context = useContext(ToggleGroupContext);\n  const [local, others] = splitProps(props, ['class', 'variant', 'size', 'children']);\n\n  const variant = (): ToggleGroupContextValue['variant'] =>\n    local.variant ?? context.variant ?? 'default';\n  const size = (): ToggleGroupContextValue['size'] => local.size ?? context.size ?? 'default';\n  const spacing = (): number | undefined => context.spacing;\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot='toggle-group-item'\n      data-variant={variant()}\n      data-size={size()}\n      data-spacing={spacing()}\n      class={cn(\n        'group-data-[spacing=0]/toggle-group:px-2 shrink-0 group-data-[spacing=0]/toggle-group:rounded-none focus:z-10 focus-visible:z-10 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:last:rounded-b-lg group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t',\n        toggleVariants({\n          variant: variant(),\n          size: size(),\n        }),\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </ToggleGroupPrimitive.Item>\n  );\n};\n"],"mappings":";;;;;;AAKA,IAAaW,IAAiBF,EAAG;CAC/BG,MAAM;CACNC,UAAU;EACRC,SAAS;GACPC,SAAS;GACTC,SAAS;EACX;EACAC,MAAM;GACJF,SAAS;GACTG,IAAI;GACJC,IAAI;EACN;CACF;CACAC,iBAAiB;EACfN,SAAS;EACTG,MAAM;CACR;AACF,CAAC,GAIYjB,KAAkCuB,MAAU;CACvD,IAAM,CAACC,GAAOC,KAAUlB,EAAWgB,GAAO;EAAC;EAAS;EAAW;CAAM,CAAC;CACtE,OAAAG,EACGzB,EAAgB0B,MAAIC,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;GAAA,OAEZjB,EAAe;IAAEG,SAASU,EAAMV;IAASG,MAAMO,EAAMP;IAAMY,OAAOL,EAAMK;GAAM,CAAC;EAAC;CAAA,GACnFJ,CAAM,CAAA;AAGhB,GAMMO,IAAqB5B,EAAuC;CAChEa,MAAM;CACNH,SAAS;CACTiB,SAAS;AACX,CAAC,GAIY7B,KAA4CqB,MAAU;CACjE,IAAM,CAACC,GAAOC,KAAUlB,EAAWgB,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;CAAa,CACd,GAEKW,IAAwC;EAC5C,IAAIpB,UAAU;GACZ,OAAOU,EAAMV,WAAW;EAC1B;EACA,IAAIG,OAAO;GACT,OAAOO,EAAMP,QAAQ;EACvB;EACA,IAAIc,UAAU;GACZ,OAAOP,EAAMO,WAAW;EAC1B;CACF;CAEA,OAAAL,EACGvB,EAAqBwB,MAAIC,EAAA;EAAA,aAAA;EAAA,IAAA,iBAAA;GAAA,OAEVM,EAAapB;EAAO;EAAA,IAAA,cAAA;GAAA,OACvBoB,EAAajB;EAAI;EAAA,IAAA,iBAAA;GAAA,OACdiB,EAAaH;EAAO;EAAA,IAClCO,cAAW;GAAA,OAAEd,EAAMc,eAAe;EAAY;EAAA,IAC9CC,QAAK;GAAA,OAAE,EAAE,SAAS,GAAGL,EAAaH,QAAO,IAAK;EAAC;EAAA,IAAA,QAAA;GAAA,OACxCvB,EACL,iNACAgB,EAAMK,KACR;EAAC;CAAA,GACGJ,GAAM,EAAA,IAAAe,WAAA;EAAA,OAAAd,EAETM,EAAmBS,UAAQ;GAACC,OAAOR;GAAY,IAAAM,WAAA;IAAA,OAC7ChB,EAAMgB;GAAQ;EAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAIvB,GAKaK,KAAoDtB,MAAU;CACzE,IAAMuB,IAAUzC,EAAW2B,CAAkB,GACvC,CAACR,GAAOC,KAAUlB,EAAWgB,GAAO;EAAC;EAAS;EAAW;EAAQ;CAAU,CAAC,GAE5ET,UACJU,EAAMV,WAAWgC,EAAQhC,WAAW,WAChCG,UAA8CO,EAAMP,QAAQ6B,EAAQ7B,QAAQ,WAC5Ec,UAAoCe,EAAQf;CAElD,OAAAL,EACGvB,EAAqB4C,MAAInB,EAAA;EAAA,aAAA;EAAA,IAAA,iBAAA;GAAA,OAEVd,EAAQ;EAAC;EAAA,IAAA,cAAA;GAAA,OACZG,EAAK;EAAC;EAAA,IAAA,iBAAA;GAAA,OACHc,EAAQ;EAAC;EAAA,IAAA,QAAA;GAAA,OAChBvB,EACL,s2BACAG,EAAe;IACbG,SAASA,EAAQ;IACjBG,MAAMA,EAAK;GACb,CAAC,GACDO,EAAMK,KACR;EAAC;CAAA,GACGJ,GAAM,EAAA,IAAAe,WAAA;EAAA,OAEThB,EAAMgB;CAAQ,EAAA,CAAA,CAAA;AAGrB"}

package/dist/components/Tooltip.js

@@ -1,5 +1,5 @@
-import { cn as e } from "../node_modules/.bun/tailwind-variants@3.2.2_8d1ea3a475e79781/node_modules/tailwind-variants/dist/index.js";
-import { tooltip_exports as t } from "../node_modules/.bun/@ark-ui_solid@5.36.2_da624007e3df32b4/node_modules/@ark-ui/solid/dist/chunk/KNU3M6A2.js";
+import { cn as e } from "../node_modules/.bun/tailwind-variants@3.2.2_836190697928d5d4/node_modules/tailwind-variants/dist/index.js";
+import { tooltip_exports as t } from "../node_modules/.bun/@ark-ui_solid@5.37.1_ee58d66d663bac7b/node_modules/@ark-ui/solid/dist/chunk/KNU3M6A2.js";
 import { createComponent as n, mergeProps as r } from "solid-js/web";
 import { splitProps as i } from "solid-js";
 //#region src/components/Tooltip.tsx

package/dist/components/TreeView.d.ts

@@ -1,9 +1,9 @@
-import { TreeView as TreeViewPrimitive, createTreeCollection } from '@ark-ui/solid/tree-view';
+import { TreeView as TreeViewPrimitive } from '@ark-ui/solid/tree-view';
 import { Component } from 'solid-js';
 export declare const TreeView: <T extends unknown>(props: TreeViewPrimitive.RootProps<T>) => import("solid-js").JSX.Element;
 export declare const TreeViewLabel: (props: TreeViewPrimitive.LabelProps) => import("solid-js").JSX.Element;
 export declare const TreeViewNodeProvider: typeof TreeViewPrimitive.NodeProvider;
-export { createTreeCollection };
+export { createTreeCollection } from '@ark-ui/solid/tree-view';
 export declare const TreeViewTree: Component<TreeViewPrimitive.TreeProps>;
 export declare const TreeViewItem: Component<TreeViewPrimitive.ItemProps>;
 export declare const TreeViewBranch: Component<TreeViewPrimitive.BranchProps>;

package/dist/components/TreeView.js

@@ -1,6 +1,6 @@
-import { tree_view_exports as e } from "../node_modules/.bun/@ark-ui_solid@5.36.2_da624007e3df32b4/node_modules/@ark-ui/solid/dist/chunk/FDUCX4MC.js";
-import { createTreeCollection as t } from "../node_modules/.bun/@ark-ui_solid@5.36.2_da624007e3df32b4/node_modules/@ark-ui/solid/dist/chunk/EFII6TXL.js";
-import { cn as n } from "../node_modules/.bun/tailwind-variants@3.2.2_8d1ea3a475e79781/node_modules/tailwind-variants/dist/index.js";
+import { tree_view_exports as e } from "../node_modules/.bun/@ark-ui_solid@5.37.1_ee58d66d663bac7b/node_modules/@ark-ui/solid/dist/chunk/FDUCX4MC.js";
+import { createTreeCollection as t } from "../node_modules/.bun/@ark-ui_solid@5.37.1_ee58d66d663bac7b/node_modules/@ark-ui/solid/dist/chunk/EFII6TXL.js";
+import { cn as n } from "../node_modules/.bun/tailwind-variants@3.2.2_836190697928d5d4/node_modules/tailwind-variants/dist/index.js";
 import r from "../_virtual/~icons/material-symbols/chevron-right.js";
 import { createComponent as i, mergeProps as a } from "solid-js/web";
 import { Show as o, splitProps as s } from "solid-js";

package/dist/components/TreeView.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeView.js","names":["TreeView","TreeViewPrimitive","createTreeCollection","Show","splitProps","Component","cn","ChevronRightIcon","Root","TreeViewLabel","Label","TreeViewNodeProvider","NodeProvider","TreeViewTree","TreeProps","props","local","others","_$createComponent","Tree","_$mergeProps","class","TreeViewItem","ItemProps","Item","children","when","fallback","ItemText","TreeViewBranch","BranchProps","Branch","TreeViewBranchControl","BranchControlProps","BranchControl","BranchIndicator","BranchText","TreeViewBranchContent","BranchContentProps","BranchContent"],"sources":["../../src/components/TreeView.tsx"],"sourcesContent":["import { TreeView as TreeViewPrimitive, createTreeCollection } from '@ark-ui/solid/tree-view';\nimport { Show, splitProps, type Component } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport ChevronRightIcon from '~icons/material-symbols/chevron-right';\n\nexport const TreeView = TreeViewPrimitive.Root;\nexport const TreeViewLabel = TreeViewPrimitive.Label;\nexport const TreeViewNodeProvider = TreeViewPrimitive.NodeProvider;\nexport { createTreeCollection };\n\nexport const TreeViewTree: Component<TreeViewPrimitive.TreeProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <TreeViewPrimitive.Tree class={cn('gap-1 flex flex-col', local.class)} {...others} />;\n};\n\nexport const TreeViewItem: Component<TreeViewPrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <TreeViewPrimitive.Item\n      class={cn(\n        'gap-2 px-2 py-1.5 text-sm relative flex cursor-pointer items-center rounded-md transition-colors outline-none select-none hover:bg-accent/50 hover:text-accent-foreground/50 focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-selected:bg-accent data-selected:text-accent-foreground',\n        local.class,\n      )}\n      {...others}\n    >\n      <Show when={local.children} fallback={<TreeViewPrimitive.ItemText />}>\n        {local.children}\n      </Show>\n    </TreeViewPrimitive.Item>\n  );\n};\n\nexport const TreeViewBranch: Component<TreeViewPrimitive.BranchProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <TreeViewPrimitive.Branch class={cn('relative', local.class)} {...others} />;\n};\n\nexport const TreeViewBranchControl: Component<TreeViewPrimitive.BranchControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <TreeViewPrimitive.BranchControl\n      class={cn(\n        'gap-2 px-2 py-1.5 text-sm flex cursor-pointer items-center rounded-md transition-colors outline-none select-none hover:bg-accent/50 hover:text-accent-foreground/50 focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50',\n        local.class,\n      )}\n      {...others}\n    >\n      <TreeViewPrimitive.BranchIndicator class='text-muted-foreground transition-transform data-[state=open]:rotate-90'>\n        <ChevronRightIcon class='size-4' />\n      </TreeViewPrimitive.BranchIndicator>\n      <Show when={local.children} fallback={<TreeViewPrimitive.BranchText />}>\n        {local.children}\n      </Show>\n    </TreeViewPrimitive.BranchControl>\n  );\n};\n\nexport const TreeViewBranchContent: Component<TreeViewPrimitive.BranchContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <TreeViewPrimitive.BranchContent\n      class={cn('pl-4 relative duration-200', local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAKA,IAAaA,IAAWC,EAAkBO,MAC7BC,IAAgBR,EAAkBS,OAClCC,IAAuBV,EAAkBW,cAGzCC,KAAwDE,MAAU;CAC7E,IAAM,CAACC,GAAOC,KAAUb,EAAWW,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EAAQjB,EAAkBkB,MAAIC,EAAA,EAAA,IAAA,QAAA;EAAA,OAAQd,EAAG,uBAAuBU,EAAMK,KAAK;CAAC,EAAA,GAAMJ,CAAM,CAAA;AAC1F,GAEaK,KAAwDP,MAAU;CAC7E,IAAM,CAACC,GAAOC,KAAUb,EAAWW,GAAO,CAAC,SAAS,UAAU,CAAC;CAC/D,OAAAG,EACGjB,EAAkBuB,MAAIJ,EAAA,EAAA,IAAA,QAAA;EAAA,OACdd,EACL,+YACAU,EAAMK,KACR;CAAC,EAAA,GACGJ,GAAM,EAAA,IAAAQ,WAAA;EAAA,OAAAP,EAETf,GAAI;GAAA,IAACuB,OAAI;IAAA,OAAEV,EAAMS;GAAQ;GAAA,IAAEE,WAAQ;IAAA,OAAAT,EAAGjB,EAAkB2B,UAAQ,CAAA,CAAA;GAAA;GAAA,IAAAH,WAAA;IAAA,OAC9DT,EAAMS;GAAQ;EAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAIvB,GAEaI,KAA4Dd,MAAU;CACjF,IAAM,CAACC,GAAOC,KAAUb,EAAWW,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EAAQjB,EAAkB8B,QAAMX,EAAA,EAAA,IAAA,QAAA;EAAA,OAAQd,EAAG,YAAYU,EAAMK,KAAK;CAAC,EAAA,GAAMJ,CAAM,CAAA;AACjF,GAEae,KAA0EjB,MAAU;CAC/F,IAAM,CAACC,GAAOC,KAAUb,EAAWW,GAAO,CAAC,SAAS,UAAU,CAAC;CAC/D,OAAAG,EACGjB,EAAkBiC,eAAad,EAAA,EAAA,IAAA,QAAA;EAAA,OACvBd,EACL,yUACAU,EAAMK,KACR;CAAC,EAAA,GACGJ,GAAM,EAAA,IAAAQ,WAAA;EAAA,OAAA,CAAAP,EAETjB,EAAkBkC,iBAAe;GAAA,OAAA;GAAA,IAAAV,WAAA;IAAA,OAAAP,EAC/BX,GAAgB,EAAA,OAAA,SAAA,CAAA;GAAA;EAAA,CAAA,GAAAW,EAElBf,GAAI;GAAA,IAACuB,OAAI;IAAA,OAAEV,EAAMS;GAAQ;GAAA,IAAEE,WAAQ;IAAA,OAAAT,EAAGjB,EAAkBmC,YAAU,CAAA,CAAA;GAAA;GAAA,IAAAX,WAAA;IAAA,OAChET,EAAMS;GAAQ;EAAA,CAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAIvB,GAEaY,KAA0EtB,MAAU;CAC/F,IAAM,CAACC,GAAOC,KAAUb,EAAWW,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EACGjB,EAAkBsC,eAAanB,EAAA,EAAA,IAAA,QAAA;EAAA,OACvBd,EAAG,8BAA8BU,EAAMK,KAAK;CAAC,EAAA,GAChDJ,CAAM,CAAA;AAGhB"}
+{"version":3,"file":"TreeView.js","names":["TreeView","TreeViewPrimitive","Show","splitProps","Component","cn","ChevronRightIcon","Root","TreeViewLabel","Label","TreeViewNodeProvider","NodeProvider","createTreeCollection","TreeViewTree","TreeProps","props","local","others","_$createComponent","Tree","_$mergeProps","class","TreeViewItem","ItemProps","Item","children","when","fallback","ItemText","TreeViewBranch","BranchProps","Branch","TreeViewBranchControl","BranchControlProps","BranchControl","BranchIndicator","BranchText","TreeViewBranchContent","BranchContentProps","BranchContent"],"sources":["../../src/components/TreeView.tsx"],"sourcesContent":["import { TreeView as TreeViewPrimitive } from '@ark-ui/solid/tree-view';\nimport { Show, splitProps, type Component } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport ChevronRightIcon from '~icons/material-symbols/chevron-right';\n\nexport const TreeView = TreeViewPrimitive.Root;\nexport const TreeViewLabel = TreeViewPrimitive.Label;\nexport const TreeViewNodeProvider = TreeViewPrimitive.NodeProvider;\nexport { createTreeCollection } from '@ark-ui/solid/tree-view';\n\nexport const TreeViewTree: Component<TreeViewPrimitive.TreeProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <TreeViewPrimitive.Tree class={cn('gap-1 flex flex-col', local.class)} {...others} />;\n};\n\nexport const TreeViewItem: Component<TreeViewPrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <TreeViewPrimitive.Item\n      class={cn(\n        'gap-2 px-2 py-1.5 text-sm relative flex cursor-pointer items-center rounded-md transition-colors outline-none select-none hover:bg-accent/50 hover:text-accent-foreground/50 focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-selected:bg-accent data-selected:text-accent-foreground',\n        local.class,\n      )}\n      {...others}\n    >\n      <Show when={local.children} fallback={<TreeViewPrimitive.ItemText />}>\n        {local.children}\n      </Show>\n    </TreeViewPrimitive.Item>\n  );\n};\n\nexport const TreeViewBranch: Component<TreeViewPrimitive.BranchProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <TreeViewPrimitive.Branch class={cn('relative', local.class)} {...others} />;\n};\n\nexport const TreeViewBranchControl: Component<TreeViewPrimitive.BranchControlProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <TreeViewPrimitive.BranchControl\n      class={cn(\n        'gap-2 px-2 py-1.5 text-sm flex cursor-pointer items-center rounded-md transition-colors outline-none select-none hover:bg-accent/50 hover:text-accent-foreground/50 focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50',\n        local.class,\n      )}\n      {...others}\n    >\n      <TreeViewPrimitive.BranchIndicator class='text-muted-foreground transition-transform data-[state=open]:rotate-90'>\n        <ChevronRightIcon class='size-4' />\n      </TreeViewPrimitive.BranchIndicator>\n      <Show when={local.children} fallback={<TreeViewPrimitive.BranchText />}>\n        {local.children}\n      </Show>\n    </TreeViewPrimitive.BranchControl>\n  );\n};\n\nexport const TreeViewBranchContent: Component<TreeViewPrimitive.BranchContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <TreeViewPrimitive.BranchContent\n      class={cn('pl-4 relative duration-200', local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAKA,IAAaA,IAAWC,EAAkBM,MAC7BC,IAAgBP,EAAkBQ,OAClCC,IAAuBT,EAAkBU,cAGzCE,KAAwDE,MAAU;CAC7E,IAAM,CAACC,GAAOC,KAAUd,EAAWY,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EAAQjB,EAAkBkB,MAAIC,EAAA,EAAA,IAAA,QAAA;EAAA,OAAQf,EAAG,uBAAuBW,EAAMK,KAAK;CAAC,EAAA,GAAMJ,CAAM,CAAA;AAC1F,GAEaK,KAAwDP,MAAU;CAC7E,IAAM,CAACC,GAAOC,KAAUd,EAAWY,GAAO,CAAC,SAAS,UAAU,CAAC;CAC/D,OAAAG,EACGjB,EAAkBuB,MAAIJ,EAAA,EAAA,IAAA,QAAA;EAAA,OACdf,EACL,+YACAW,EAAMK,KACR;CAAC,EAAA,GACGJ,GAAM,EAAA,IAAAQ,WAAA;EAAA,OAAAP,EAEThB,GAAI;GAAA,IAACwB,OAAI;IAAA,OAAEV,EAAMS;GAAQ;GAAA,IAAEE,WAAQ;IAAA,OAAAT,EAAGjB,EAAkB2B,UAAQ,CAAA,CAAA;GAAA;GAAA,IAAAH,WAAA;IAAA,OAC9DT,EAAMS;GAAQ;EAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAIvB,GAEaI,KAA4Dd,MAAU;CACjF,IAAM,CAACC,GAAOC,KAAUd,EAAWY,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EAAQjB,EAAkB8B,QAAMX,EAAA,EAAA,IAAA,QAAA;EAAA,OAAQf,EAAG,YAAYW,EAAMK,KAAK;CAAC,EAAA,GAAMJ,CAAM,CAAA;AACjF,GAEae,KAA0EjB,MAAU;CAC/F,IAAM,CAACC,GAAOC,KAAUd,EAAWY,GAAO,CAAC,SAAS,UAAU,CAAC;CAC/D,OAAAG,EACGjB,EAAkBiC,eAAad,EAAA,EAAA,IAAA,QAAA;EAAA,OACvBf,EACL,yUACAW,EAAMK,KACR;CAAC,EAAA,GACGJ,GAAM,EAAA,IAAAQ,WAAA;EAAA,OAAA,CAAAP,EAETjB,EAAkBkC,iBAAe;GAAA,OAAA;GAAA,IAAAV,WAAA;IAAA,OAAAP,EAC/BZ,GAAgB,EAAA,OAAA,SAAA,CAAA;GAAA;EAAA,CAAA,GAAAY,EAElBhB,GAAI;GAAA,IAACwB,OAAI;IAAA,OAAEV,EAAMS;GAAQ;GAAA,IAAEE,WAAQ;IAAA,OAAAT,EAAGjB,EAAkBmC,YAAU,CAAA,CAAA;GAAA;GAAA,IAAAX,WAAA;IAAA,OAChET,EAAMS;GAAQ;EAAA,CAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAIvB,GAEaY,KAA0EtB,MAAU;CAC/F,IAAM,CAACC,GAAOC,KAAUd,EAAWY,GAAO,CAAC,OAAO,CAAC;CACnD,OAAAG,EACGjB,EAAkBsC,eAAanB,EAAA,EAAA,IAAA,QAAA;EAAA,OACvBf,EAAG,8BAA8BW,EAAMK,KAAK;CAAC,EAAA,GAChDJ,CAAM,CAAA;AAGhB"}

package/dist/components/Typography.js

@@ -1,8 +1,8 @@
-import { cn as e } from "../node_modules/.bun/tailwind-variants@3.2.2_8d1ea3a475e79781/node_modules/tailwind-variants/dist/index.js";
+import { cn as e } from "../node_modules/.bun/tailwind-variants@3.2.2_836190697928d5d4/node_modules/tailwind-variants/dist/index.js";
 import { mergeProps as t, spread as n, template as r } from "solid-js/web";
 import { splitProps as i } from "solid-js";
 //#region src/components/Typography.tsx
-var a = /* @__PURE__ */ r("<h1>"), o = /* @__PURE__ */ r("<h2>"), s = /* @__PURE__ */ r("<h3>"), c = /* @__PURE__ */ r("<h4>"), l = /* @__PURE__ */ r("<p>"), u = /* @__PURE__ */ r("<blockquote>"), d = /* @__PURE__ */ r("<ul>"), f = /* @__PURE__ */ r("<code>"), p = /* @__PURE__ */ r("<div>"), m = /* @__PURE__ */ r("<small>"), h = (r) => {
+var a = /*#__PURE__*/ r("<h1>"), o = /*#__PURE__*/ r("<h2>"), s = /*#__PURE__*/ r("<h3>"), c = /*#__PURE__*/ r("<h4>"), l = /*#__PURE__*/ r("<p>"), u = /*#__PURE__*/ r("<blockquote>"), d = /*#__PURE__*/ r("<ul>"), f = /*#__PURE__*/ r("<code>"), p = /*#__PURE__*/ r("<div>"), m = /*#__PURE__*/ r("<small>"), h = (r) => {
 	let [o, s] = i(r, ["class"]);
 	return (() => {
 		var r = a();

package/dist/components/Typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","names":["splitProps","Component","ComponentProps","cn","H1","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","H2","_el$2","_tmpl$2","H3","_el$3","_tmpl$3","H4","_el$4","_tmpl$4","P","_el$5","_tmpl$5","Blockquote","_el$6","_tmpl$6","List","_el$7","_tmpl$7","InlineCode","_el$8","_tmpl$8","Lead","_el$9","Large","_el$0","_tmpl$9","Small","_el$1","_tmpl$0","Muted","_el$10"],"sources":["../../src/components/Typography.tsx"],"sourcesContent":["import { splitProps, type Component, type ComponentProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nexport const H1: Component<ComponentProps<'h1'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <h1\n      class={cn(\n        'scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl font-heading',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const H2: Component<ComponentProps<'h2'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <h2\n      class={cn(\n        'scroll-m-20 pb-2 text-3xl font-semibold tracking-tight border-b font-heading',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const H3: Component<ComponentProps<'h3'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <h3\n      class={cn('scroll-m-20 text-2xl font-semibold tracking-tight font-heading', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const H4: Component<ComponentProps<'h4'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <h4\n      class={cn('scroll-m-20 text-xl font-semibold tracking-tight font-heading', local.class)}\n      {...others}\n    />\n  );\n};\n\n// eslint-disable-next-line id-length\nexport const P: Component<ComponentProps<'p'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <p class={cn('leading-7', local.class)} {...others} />;\n};\n\nexport const Blockquote: Component<ComponentProps<'blockquote'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <blockquote class={cn('mt-6 pl-6 border-l-2 italic', local.class)} {...others} />;\n};\n\nexport const List: Component<ComponentProps<'ul'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <ul class={cn('my-6 ml-6 [&>li]:mt-2 list-disc', local.class)} {...others} />;\n};\n\nexport const InlineCode: Component<ComponentProps<'code'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <code\n      class={cn(\n        'rounded text-sm font-semibold relative bg-muted px-[0.3rem] py-[0.2rem] font-mono',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const Lead: Component<ComponentProps<'p'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <p class={cn('text-xl text-muted-foreground', local.class)} {...others} />;\n};\n\nexport const Large: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <div class={cn('text-lg font-semibold', local.class)} {...others} />;\n};\n\nexport const Small: Component<ComponentProps<'small'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <small class={cn('text-sm font-medium leading-none', local.class)} {...others} />;\n};\n\nexport const Muted: Component<ComponentProps<'p'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <p class={cn('text-sm text-muted-foreground', local.class)} {...others} />;\n};\n"],"mappings":"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"}
+{"version":3,"file":"Typography.js","names":["splitProps","Component","ComponentProps","cn","H1","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","H2","_el$2","_tmpl$2","H3","_el$3","_tmpl$3","H4","_el$4","_tmpl$4","P","_el$5","_tmpl$5","Blockquote","_el$6","_tmpl$6","List","_el$7","_tmpl$7","InlineCode","_el$8","_tmpl$8","Lead","_el$9","Large","_el$0","_tmpl$9","Small","_el$1","_tmpl$0","Muted","_el$10"],"sources":["../../src/components/Typography.tsx"],"sourcesContent":["import { splitProps, type Component, type ComponentProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nexport const H1: Component<ComponentProps<'h1'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <h1\n      class={cn(\n        'scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl font-heading',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const H2: Component<ComponentProps<'h2'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <h2\n      class={cn(\n        'scroll-m-20 pb-2 text-3xl font-semibold tracking-tight border-b font-heading',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const H3: Component<ComponentProps<'h3'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <h3\n      class={cn('scroll-m-20 text-2xl font-semibold tracking-tight font-heading', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const H4: Component<ComponentProps<'h4'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <h4\n      class={cn('scroll-m-20 text-xl font-semibold tracking-tight font-heading', local.class)}\n      {...others}\n    />\n  );\n};\n\n// eslint-disable-next-line id-length\nexport const P: Component<ComponentProps<'p'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <p class={cn('leading-7', local.class)} {...others} />;\n};\n\nexport const Blockquote: Component<ComponentProps<'blockquote'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <blockquote class={cn('mt-6 pl-6 border-l-2 italic', local.class)} {...others} />;\n};\n\nexport const List: Component<ComponentProps<'ul'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <ul class={cn('my-6 ml-6 [&>li]:mt-2 list-disc', local.class)} {...others} />;\n};\n\nexport const InlineCode: Component<ComponentProps<'code'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <code\n      class={cn(\n        'rounded text-sm font-semibold relative bg-muted px-[0.3rem] py-[0.2rem] font-mono',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const Lead: Component<ComponentProps<'p'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <p class={cn('text-xl text-muted-foreground', local.class)} {...others} />;\n};\n\nexport const Large: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <div class={cn('text-lg font-semibold', local.class)} {...others} />;\n};\n\nexport const Small: Component<ComponentProps<'small'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <small class={cn('text-sm font-medium leading-none', local.class)} {...others} />;\n};\n\nexport const Muted: Component<ComponentProps<'p'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <p class={cn('text-sm text-muted-foreground', local.class)} {...others} />;\n};\n"],"mappings":"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"}

package/dist/components/form/AutoSubmit.js

@@ -2,7 +2,7 @@ import { useFormContext as e } from "./context.js";
 import { createEffect as t, onCleanup as n } from "solid-js";
 //#region src/components/form/AutoSubmit.tsx
 var r = (r) => {
-	let i = e(), a = i.useStore((e) => e.values), o = i.useStore((e) => e.isDirty);
+	let i = e(), a = i.useSelector((e) => e.values), o = i.useSelector((e) => e.isDirty);
 	return t(() => {
 		if (a(), !o()) return;
 		let e = setTimeout(() => {

package/dist/components/form/AutoSubmit.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoSubmit.js","names":["Component","useFormContext","AutoSubmitProps","debounce","AutoSubmit","props","form","values","useStore","state","isDirty","createEffect","debounceTimer","setTimeout","handleSubmit","catch","error","onCleanup","clearTimeout"],"sources":["../../../src/components/form/AutoSubmit.tsx"],"sourcesContent":["import type { Component } from 'solid-js';\n\nimport { useFormContext } from './context';\n\nexport type AutoSubmitProps = {\n  debounce?: number;\n};\n\nexport const AutoSubmit: Component<AutoSubmitProps> = (props) => {\n  const form = useFormContext();\n  const values = form.useStore((state) => state.values);\n  const isDirty = form.useStore((state) => state.isDirty);\n\n  createEffect(() => {\n    values();\n\n    if (!isDirty()) {\n      return;\n    }\n\n    const debounceTimer = setTimeout(() => {\n      form.handleSubmit().catch((error: unknown) => {\n        throw error;\n      });\n    }, props.debounce ?? 0);\n\n    onCleanup(() => {\n      clearTimeout(debounceTimer);\n    });\n  });\n\n  return <></>;\n};\n"],"mappings":";;;AAQA,IAAaI,KAA0CC,MAAU;CAC/D,IAAMC,IAAOL,EAAe,GACtBM,IAASD,EAAKE,UAAUC,MAAUA,EAAMF,MAAM,GAC9CG,IAAUJ,EAAKE,UAAUC,MAAUA,EAAMC,OAAO;CAoBtD,OAlBAC,QAAmB;EAGjB,IAFAJ,EAAO,GAEH,CAACG,EAAQ,GACX;EAGF,IAAME,IAAgBC,iBAAiB;GACrCP,EAAKQ,aAAa,EAAEC,OAAOC,MAAmB;IAC5C,MAAMA;GACR,CAAC;EACH,GAAGX,EAAMF,YAAY,CAAC;EAEtBc,QAAgB;GACdC,aAAaN,CAAa;EAC5B,CAAC;CACH,CAAC,GAED,CAAA;AACF"}
+{"version":3,"file":"AutoSubmit.js","names":["Component","useFormContext","AutoSubmitProps","debounce","AutoSubmit","props","form","values","useSelector","state","isDirty","createEffect","debounceTimer","setTimeout","handleSubmit","catch","error","onCleanup","clearTimeout"],"sources":["../../../src/components/form/AutoSubmit.tsx"],"sourcesContent":["import type { Component } from 'solid-js';\n\nimport { useFormContext } from './context';\n\nexport type AutoSubmitProps = {\n  debounce?: number;\n};\n\nexport const AutoSubmit: Component<AutoSubmitProps> = (props) => {\n  const form = useFormContext();\n  const values = form.useSelector((state) => state.values);\n  const isDirty = form.useSelector((state) => state.isDirty);\n\n  createEffect(() => {\n    values();\n\n    if (!isDirty()) {\n      return;\n    }\n\n    const debounceTimer = setTimeout(() => {\n      form.handleSubmit().catch((error: unknown) => {\n        throw error;\n      });\n    }, props.debounce ?? 0);\n\n    onCleanup(() => {\n      clearTimeout(debounceTimer);\n    });\n  });\n\n  return <></>;\n};\n"],"mappings":";;;AAQA,IAAaI,KAA0CC,MAAU;CAC/D,IAAMC,IAAOL,EAAe,GACtBM,IAASD,EAAKE,aAAaC,MAAUA,EAAMF,MAAM,GACjDG,IAAUJ,EAAKE,aAAaC,MAAUA,EAAMC,OAAO;CAoBzD,OAlBAC,QAAmB;EAGjB,IAFAJ,EAAO,GAEH,CAACG,EAAQ,GACX;EAGF,IAAME,IAAgBC,iBAAiB;GACrCP,EAAKQ,aAAa,CAAC,CAACC,OAAOC,MAAmB;IAC5C,MAAMA;GACR,CAAC;EACH,GAAGX,EAAMF,YAAY,CAAC;EAEtBc,QAAgB;GACdC,aAAaN,CAAa;EAC5B,CAAC;CACH,CAAC,GAED,CAAA;AACF"}

package/dist/components/form/CheckboxField.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxField.js","names":["Component","ComponentProps","JSX","Checkbox","CheckboxControl","CheckboxIndicator","CheckboxLabel","Field","FieldContent","FieldDescription","FieldError","useFieldContext","CheckboxFieldProps","description","label","Element","CheckboxField","props","field","local","others","splitProps","_$createComponent","invalid","state","meta","errors","length","required","disabled","readOnly","children","_$mergeProps","checked","value","onCheckedChange","details","handleChange","Boolean","onBlur","handleBlur"],"sources":["../../../src/components/form/CheckboxField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSX } from 'solid-js';\n\nimport { Checkbox, CheckboxControl, CheckboxIndicator, CheckboxLabel } from '@/components/Checkbox';\nimport { Field, FieldContent, FieldDescription, FieldError } from '@/components/Field';\n\nimport { useFieldContext } from './context';\n\nexport type CheckboxFieldProps = ComponentProps<typeof Checkbox> & {\n  description?: string;\n  label?: JSX.Element;\n};\n\nexport const CheckboxField: Component<CheckboxFieldProps> = (props) => {\n  const field = useFieldContext<boolean>();\n  const [local, others] = splitProps(props, [\n    'description',\n    'label',\n    'required',\n    'disabled',\n    'readOnly',\n  ]);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      required={local.required ?? false}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n    >\n      <FieldContent>\n        <Checkbox\n          checked={field().state.value}\n          onCheckedChange={(details) => {\n            field().handleChange(Boolean(details.checked));\n          }}\n          onBlur={() => {\n            field().handleBlur();\n          }}\n          invalid={field().state.meta.errors.length > 0}\n          disabled={local.disabled ?? false}\n          readOnly={local.readOnly ?? false}\n          required={local.required ?? false}\n          {...others}\n        >\n          <CheckboxControl>\n            <CheckboxIndicator />\n          </CheckboxControl>\n          <CheckboxLabel>{local.label}</CheckboxLabel>\n        </Checkbox>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;AAYA,IAAagB,KAAgDC,MAAU;CACrE,IAAMC,IAAQP,EAAyB,GACjC,CAACQ,GAAOC,KAAUC,EAAWJ,GAAO;EACxC;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,OAAAK,EACGf,GAAK;EAAA,IACJgB,UAAO;GAAA,OAAEL,EAAM,EAAEM,MAAMC,KAAKC,OAAOC,SAAS;EAAC;EAAA,IAC7CC,WAAQ;GAAA,OAAET,EAAMS,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEV,EAAMU,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEX,EAAMW,YAAY;EAAK;EAAA,IAAAC,WAAA;GAAA,OAAAT,EAEhCd,GAAY,EAAA,IAAAuB,WAAA;IAAA,OAAA;KAAAT,EACVnB,GAAQ6B,EAAA;MAAA,IACPC,UAAO;OAAA,OAAEf,EAAM,EAAEM,MAAMU;MAAK;MAC5BC,kBAAkBC,MAAY;OAC5BlB,EAAM,EAAEmB,aAAaC,EAAQF,EAAQH,OAAQ;MAC/C;MACAM,cAAc;OACZrB,EAAM,EAAEsB,WAAW;MACrB;MAAC,IACDjB,UAAO;OAAA,OAAEL,EAAM,EAAEM,MAAMC,KAAKC,OAAOC,SAAS;MAAC;MAAA,IAC7CE,WAAQ;OAAA,OAAEV,EAAMU,YAAY;MAAK;MAAA,IACjCC,WAAQ;OAAA,OAAEX,EAAMW,YAAY;MAAK;MAAA,IACjCF,WAAQ;OAAA,OAAET,EAAMS,YAAY;MAAK;KAAA,GAC7BR,GAAM,EAAA,IAAAW,WAAA;MAAA,OAAA,CAAAT,EAETlB,GAAe,EAAA,IAAA2B,WAAA;OAAA,OAAAT,EACbjB,GAAiB,CAAA,CAAA;MAAA,EAAA,CAAA,GAAAiB,EAEnBhB,GAAa,EAAA,IAAAyB,WAAA;OAAA,OAAEZ,EAAML;MAAK,EAAA,CAAA,CAAA;KAAA,EAAA,CAAA,CAAA;KAAAQ,EAE5BZ,GAAU,EAAA,IAACgB,SAAM;MAAA,OAAER,EAAM,EAAEM,MAAMC,KAAKC;KAAM,EAAA,CAAA;KAAAJ,EAC5Cb,GAAgB,EAAA,IAAAsB,WAAA;MAAA,OAAEZ,EAAMN;KAAW,EAAA,CAAA;IAAA;GAAA,EAAA,CAAA;EAAA;CAAA,CAAA;AAI5C"}
+{"version":3,"file":"CheckboxField.js","names":["Component","ComponentProps","JSX","Checkbox","CheckboxControl","CheckboxIndicator","CheckboxLabel","Field","FieldContent","FieldDescription","FieldError","useFieldContext","CheckboxFieldProps","description","label","Element","CheckboxField","props","field","local","others","splitProps","_$createComponent","invalid","state","meta","errors","length","required","disabled","readOnly","children","_$mergeProps","checked","value","onCheckedChange","details","handleChange","Boolean","onBlur","handleBlur"],"sources":["../../../src/components/form/CheckboxField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSX } from 'solid-js';\n\nimport { Checkbox, CheckboxControl, CheckboxIndicator, CheckboxLabel } from '@/components/Checkbox';\nimport { Field, FieldContent, FieldDescription, FieldError } from '@/components/Field';\n\nimport { useFieldContext } from './context';\n\nexport type CheckboxFieldProps = ComponentProps<typeof Checkbox> & {\n  description?: string;\n  label?: JSX.Element;\n};\n\nexport const CheckboxField: Component<CheckboxFieldProps> = (props) => {\n  const field = useFieldContext<boolean>();\n  const [local, others] = splitProps(props, [\n    'description',\n    'label',\n    'required',\n    'disabled',\n    'readOnly',\n  ]);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      required={local.required ?? false}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n    >\n      <FieldContent>\n        <Checkbox\n          checked={field().state.value}\n          onCheckedChange={(details) => {\n            field().handleChange(Boolean(details.checked));\n          }}\n          onBlur={() => {\n            field().handleBlur();\n          }}\n          invalid={field().state.meta.errors.length > 0}\n          disabled={local.disabled ?? false}\n          readOnly={local.readOnly ?? false}\n          required={local.required ?? false}\n          {...others}\n        >\n          <CheckboxControl>\n            <CheckboxIndicator />\n          </CheckboxControl>\n          <CheckboxLabel>{local.label}</CheckboxLabel>\n        </Checkbox>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;AAYA,IAAagB,KAAgDC,MAAU;CACrE,IAAMC,IAAQP,EAAyB,GACjC,CAACQ,GAAOC,KAAUC,EAAWJ,GAAO;EACxC;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,OAAAK,EACGf,GAAK;EAAA,IACJgB,UAAO;GAAA,OAAEL,EAAM,CAAC,CAACM,MAAMC,KAAKC,OAAOC,SAAS;EAAC;EAAA,IAC7CC,WAAQ;GAAA,OAAET,EAAMS,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEV,EAAMU,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEX,EAAMW,YAAY;EAAK;EAAA,IAAAC,WAAA;GAAA,OAAAT,EAEhCd,GAAY,EAAA,IAAAuB,WAAA;IAAA,OAAA;KAAAT,EACVnB,GAAQ6B,EAAA;MAAA,IACPC,UAAO;OAAA,OAAEf,EAAM,CAAC,CAACM,MAAMU;MAAK;MAC5BC,kBAAkBC,MAAY;OAC5BlB,EAAM,CAAC,CAACmB,aAAaC,EAAQF,EAAQH,OAAQ;MAC/C;MACAM,cAAc;OACZrB,EAAM,CAAC,CAACsB,WAAW;MACrB;MAAC,IACDjB,UAAO;OAAA,OAAEL,EAAM,CAAC,CAACM,MAAMC,KAAKC,OAAOC,SAAS;MAAC;MAAA,IAC7CE,WAAQ;OAAA,OAAEV,EAAMU,YAAY;MAAK;MAAA,IACjCC,WAAQ;OAAA,OAAEX,EAAMW,YAAY;MAAK;MAAA,IACjCF,WAAQ;OAAA,OAAET,EAAMS,YAAY;MAAK;KAAA,GAC7BR,GAAM,EAAA,IAAAW,WAAA;MAAA,OAAA,CAAAT,EAETlB,GAAe,EAAA,IAAA2B,WAAA;OAAA,OAAAT,EACbjB,GAAiB,CAAA,CAAA;MAAA,EAAA,CAAA,GAAAiB,EAEnBhB,GAAa,EAAA,IAAAyB,WAAA;OAAA,OAAEZ,EAAML;MAAK,EAAA,CAAA,CAAA;KAAA,EAAA,CAAA,CAAA;KAAAQ,EAE5BZ,GAAU,EAAA,IAACgB,SAAM;MAAA,OAAER,EAAM,CAAC,CAACM,MAAMC,KAAKC;KAAM,EAAA,CAAA;KAAAJ,EAC5Cb,GAAgB,EAAA,IAAAsB,WAAA;MAAA,OAAEZ,EAAMN;KAAW,EAAA,CAAA;IAAA;GAAA,EAAA,CAAA;EAAA;CAAA,CAAA;AAI5C"}

package/dist/components/form/ComboboxField.js

@@ -5,7 +5,7 @@ import { useFieldContext as m } from "./context.js";
 import { createComponent as h, insert as g, memo as _, mergeProps as v, template as y } from "solid-js/web";
 import { splitProps as b } from "solid-js";
 //#region src/components/form/ComboboxField.tsx
-var x = /* @__PURE__ */ y("<div class=\"gap-1 flex items-center\">"), S = /* @__PURE__ */ "placeholder.inputBehavior.openOnChange.openOnClick.openOnKeyPress.closeOnSelect.allowCustomValue.multiple.selectionBehavior.autoFocus.loopFocus.positioning.alwaysSubmitOnEnter.composite.defaultHighlightedValue.defaultInputValue.defaultOpen.defaultValue.disableLayer.highlightedValue.ids.immediate.inputValue.lazyMount.navigate.onExitComplete.onFocusOutside.onHighlightChange.onInputValueChange.onInteractOutside.onOpenChange.onPointerDownOutside.onSelect.open.present.scrollToIndexFn.skipAnimationOnMount.translations.unmountOnExit".split("."), C = (e) => {
+var x = /*#__PURE__*/ y("<div class=\"gap-1 flex items-center\">"), S = /* @__PURE__ */ "placeholder.inputBehavior.openOnChange.openOnClick.openOnKeyPress.closeOnSelect.allowCustomValue.multiple.selectionBehavior.autoFocus.loopFocus.positioning.alwaysSubmitOnEnter.composite.defaultHighlightedValue.defaultInputValue.defaultOpen.defaultValue.disableLayer.highlightedValue.ids.immediate.inputValue.lazyMount.navigate.onExitComplete.onFocusOutside.onHighlightChange.onInputValueChange.onInteractOutside.onOpenChange.onPointerDownOutside.onSelect.open.present.scrollToIndexFn.skipAnimationOnMount.translations.unmountOnExit".split("."), C = (e) => {
 	let [c, l] = b(e, [
 		"showTrigger",
 		"showClearTrigger",

package/dist/components/form/ComboboxField.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxField.js","names":["ComboboxRootProps","Component","ComponentProps","JSXElement","Combobox","ComboboxContent","ComboboxInput","ComboboxList","ComboboxPositioner","ComboboxControl","ComboboxTrigger","ComboboxClearTrigger","Field","FieldContent","FieldDescription","FieldError","FieldLabel","useFieldContext","WithTrailingAddon","COMBOBOX_ROOT_PROPS","const","ComboboxFieldProps","Pick","collection","label","description","showTrigger","showClearTrigger","trailingAddon","class","ComboboxInputGroup","props","local","others","splitProps","_$createComponent","children","_el$","_tmpl$","_$insert","_c$","_$memo","_c$2","COMBOBOX_FIELD_PROPS","ComboboxField","field","rootProps","inputProps","invalid","state","meta","errors","length","disabled","readOnly","required","addon","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur"],"sources":["../../../src/components/form/ComboboxField.tsx"],"sourcesContent":["import type { ComboboxRootProps } from '@ark-ui/solid';\nimport type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport {\n  Combobox,\n  ComboboxContent,\n  ComboboxInput,\n  ComboboxList,\n  ComboboxPositioner,\n  ComboboxControl,\n  ComboboxTrigger,\n  ComboboxClearTrigger,\n} from '@/components/Combobox';\nimport { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from '@/components/Field';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst COMBOBOX_ROOT_PROPS = [\n  'placeholder',\n  'inputBehavior',\n  'openOnChange',\n  'openOnClick',\n  'openOnKeyPress',\n  'closeOnSelect',\n  'allowCustomValue',\n  'multiple',\n  'selectionBehavior',\n  'autoFocus',\n  'loopFocus',\n  'positioning',\n  'alwaysSubmitOnEnter',\n  'composite',\n  'defaultHighlightedValue',\n  'defaultInputValue',\n  'defaultOpen',\n  'defaultValue',\n  'disableLayer',\n  'highlightedValue',\n  'ids',\n  'immediate',\n  'inputValue',\n  'lazyMount',\n  'navigate',\n  'onExitComplete',\n  'onFocusOutside',\n  'onHighlightChange',\n  'onInputValueChange',\n  'onInteractOutside',\n  'onOpenChange',\n  'onPointerDownOutside',\n  'onSelect',\n  'open',\n  'present',\n  'scrollToIndexFn',\n  'skipAnimationOnMount',\n  'translations',\n  'unmountOnExit',\n] as const;\n\nexport type ComboboxFieldProps = ComponentProps<typeof ComboboxInput> &\n  Pick<ComponentProps<typeof Combobox<string>>, (typeof COMBOBOX_ROOT_PROPS)[number]> & {\n    collection: ComboboxRootProps<string>['collection'];\n    label?: string;\n    description?: string;\n    showTrigger?: boolean;\n    showClearTrigger?: boolean;\n    trailingAddon?: JSXElement;\n  } & { class?: string };\n\nconst ComboboxInputGroup: Component<\n  ComponentProps<typeof ComboboxInput> & {\n    showTrigger?: boolean | undefined;\n    showClearTrigger?: boolean | undefined;\n  }\n> = (props) => {\n  const [local, others] = splitProps(props, ['showTrigger', 'showClearTrigger', 'children']);\n\n  return (\n    <>\n      <ComboboxControl>\n        <ComboboxInput {...others} />\n        <div class='gap-1 flex items-center'>\n          {local.showClearTrigger === true && <ComboboxClearTrigger />}\n          {local.showTrigger === true && <ComboboxTrigger />}\n        </div>\n      </ComboboxControl>\n      <ComboboxPositioner>\n        <ComboboxContent>\n          <ComboboxList>{local.children}</ComboboxList>\n        </ComboboxContent>\n      </ComboboxPositioner>\n    </>\n  );\n};\n\nconst COMBOBOX_FIELD_PROPS = [\n  'label',\n  'description',\n  'required',\n  'disabled',\n  'readOnly',\n  'collection',\n  'showTrigger',\n  'showClearTrigger',\n  'children',\n  'trailingAddon',\n] as const;\n\nexport const ComboboxField: Component<ComboboxFieldProps> = (props) => {\n  const field = useFieldContext<string[]>();\n  const [local, others] = splitProps(props, COMBOBOX_FIELD_PROPS);\n  const [rootProps, inputProps] = splitProps(others, COMBOBOX_ROOT_PROPS);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n      required={local.required ?? false}\n    >\n      <FieldLabel>{local.label}</FieldLabel>\n      <FieldContent>\n        <WithTrailingAddon addon={local.trailingAddon}>\n          <Combobox<string>\n            collection={local.collection}\n            value={field().state.value}\n            onValueChange={(details) => {\n              field().handleChange(details.value);\n            }}\n            onBlur={() => {\n              field().handleBlur();\n            }}\n            invalid={field().state.meta.errors.length > 0}\n            disabled={local.disabled ?? false}\n            readOnly={local.readOnly ?? false}\n            {...rootProps}\n          >\n            <ComboboxInputGroup\n              showTrigger={local.showTrigger}\n              showClearTrigger={local.showClearTrigger}\n              {...inputProps}\n            >\n              {local.children}\n            </ComboboxInputGroup>\n          </Combobox>\n        </WithTrailingAddon>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;sEAkBMmB,IAAsB,+iBAuCX,GAaXW,KAKDC,MAAU;CACb,IAAM,CAACC,GAAOC,KAAUC,EAAWH,GAAO;EAAC;EAAe;EAAoB;CAAU,CAAC;CAEzF,OAAA,CAAAI,EAEK1B,GAAe,EAAA,IAAA2B,WAAA;EAAA,OAAA,CAAAD,EACb7B,GAAkB2B,CAAM,UAAA;GAAA,IAAAI,IAAAC,EAAA;GAG2B,OAH3BC,EAAAF,UAAA;IAAA,IAAAG,IAAAC,QAEtBT,EAAML,qBAAqB,EAAI;IAAA,aAA/Ba,EAAA,KAAAL,EAAoCxB,GAAoB,CAAA,CAAA;GAAG,GAAA,GAAA,IAAA,GAAA4B,EAAAF,UAAA;IAAA,IAAAK,IAAAD,QAC3DT,EAAMN,gBAAgB,EAAI;IAAA,aAA1BgB,EAAA,KAAAP,EAA+BzB,GAAe,CAAA,CAAA;GAAG,GAAA,GAAA,IAAA,GAAA2B;EAAA,GAAA,CAAA;CAAA,EAAA,CAAA,GAAAF,EAGrD3B,GAAkB,EAAA,IAAA4B,WAAA;EAAA,OAAAD,EAChB9B,GAAe,EAAA,IAAA+B,WAAA;GAAA,OAAAD,EACb5B,GAAY,EAAA,IAAA6B,WAAA;IAAA,OAAEJ,EAAMI;GAAQ,EAAA,CAAA;EAAA,EAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAKvC,GAEMO,IAAuB;CAC3B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AAAe,GAGJC,KAAgDb,MAAU;CACrE,IAAMc,IAAQ5B,EAA0B,GAClC,CAACe,GAAOC,KAAUC,EAAWH,GAAOY,CAAoB,GACxD,CAACG,GAAWC,KAAcb,EAAWD,GAAQd,CAAmB;CAEtE,OAAAgB,EACGvB,GAAK;EAAA,IACJoC,UAAO;GAAA,OAAEH,EAAM,EAAEI,MAAMC,KAAKC,OAAOC,SAAS;EAAC;EAAA,IAC7CC,WAAQ;GAAA,OAAErB,EAAMqB,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEtB,EAAMsB,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEvB,EAAMuB,YAAY;EAAK;EAAA,IAAAnB,WAAA;GAAA,OAAA,CAAAD,EAEhCnB,GAAU,EAAA,IAAAoB,WAAA;IAAA,OAAEJ,EAAMR;GAAK,EAAA,CAAA,GAAAW,EACvBtB,GAAY,EAAA,IAAAuB,WAAA;IAAA,OAAA;KAAAD,EACVjB,GAAiB;MAAA,IAACsC,QAAK;OAAA,OAAExB,EAAMJ;MAAa;MAAA,IAAAQ,WAAA;OAAA,OAAAD,EAC1C/B,GAAQqD,EAAA;QAAA,IACPlC,aAAU;SAAA,OAAES,EAAMT;QAAU;QAAA,IAC5BmC,QAAK;SAAA,OAAEb,EAAM,EAAEI,MAAMS;QAAK;QAC1BC,gBAAgBC,MAAY;SAC1Bf,EAAM,EAAEgB,aAAaD,EAAQF,KAAK;QACpC;QACAI,cAAc;SACZjB,EAAM,EAAEkB,WAAW;QACrB;QAAC,IACDf,UAAO;SAAA,OAAEH,EAAM,EAAEI,MAAMC,KAAKC,OAAOC,SAAS;QAAC;QAAA,IAC7CC,WAAQ;SAAA,OAAErB,EAAMqB,YAAY;QAAK;QAAA,IACjCC,WAAQ;SAAA,OAAEtB,EAAMsB,YAAY;QAAK;OAAA,GAC7BR,GAAS,EAAA,IAAAV,WAAA;QAAA,OAAAD,EAEZL,GAAkB2B,EAAA;SAAA,IACjB/B,cAAW;UAAA,OAAEM,EAAMN;SAAW;SAAA,IAC9BC,mBAAgB;UAAA,OAAEK,EAAML;SAAgB;QAAA,GACpCoB,GAAU,EAAA,IAAAX,WAAA;SAAA,OAEbJ,EAAMI;QAAQ,EAAA,CAAA,CAAA;OAAA,EAAA,CAAA,CAAA;MAAA;KAAA,CAAA;KAAAD,EAIpBpB,GAAU,EAAA,IAACoC,SAAM;MAAA,OAAEN,EAAM,EAAEI,MAAMC,KAAKC;KAAM,EAAA,CAAA;KAAAhB,EAC5CrB,GAAgB,EAAA,IAAAsB,WAAA;MAAA,OAAEJ,EAAMP;KAAW,EAAA,CAAA;IAAA;GAAA,EAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAI5C"}
+{"version":3,"file":"ComboboxField.js","names":["ComboboxRootProps","Component","ComponentProps","JSXElement","Combobox","ComboboxContent","ComboboxInput","ComboboxList","ComboboxPositioner","ComboboxControl","ComboboxTrigger","ComboboxClearTrigger","Field","FieldContent","FieldDescription","FieldError","FieldLabel","useFieldContext","WithTrailingAddon","COMBOBOX_ROOT_PROPS","const","ComboboxFieldProps","Pick","collection","label","description","showTrigger","showClearTrigger","trailingAddon","class","ComboboxInputGroup","props","local","others","splitProps","_$createComponent","children","_el$","_tmpl$","_$insert","_c$","_$memo","_c$2","COMBOBOX_FIELD_PROPS","ComboboxField","field","rootProps","inputProps","invalid","state","meta","errors","length","disabled","readOnly","required","addon","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur"],"sources":["../../../src/components/form/ComboboxField.tsx"],"sourcesContent":["import type { ComboboxRootProps } from '@ark-ui/solid';\nimport type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport {\n  Combobox,\n  ComboboxContent,\n  ComboboxInput,\n  ComboboxList,\n  ComboboxPositioner,\n  ComboboxControl,\n  ComboboxTrigger,\n  ComboboxClearTrigger,\n} from '@/components/Combobox';\nimport { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from '@/components/Field';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst COMBOBOX_ROOT_PROPS = [\n  'placeholder',\n  'inputBehavior',\n  'openOnChange',\n  'openOnClick',\n  'openOnKeyPress',\n  'closeOnSelect',\n  'allowCustomValue',\n  'multiple',\n  'selectionBehavior',\n  'autoFocus',\n  'loopFocus',\n  'positioning',\n  'alwaysSubmitOnEnter',\n  'composite',\n  'defaultHighlightedValue',\n  'defaultInputValue',\n  'defaultOpen',\n  'defaultValue',\n  'disableLayer',\n  'highlightedValue',\n  'ids',\n  'immediate',\n  'inputValue',\n  'lazyMount',\n  'navigate',\n  'onExitComplete',\n  'onFocusOutside',\n  'onHighlightChange',\n  'onInputValueChange',\n  'onInteractOutside',\n  'onOpenChange',\n  'onPointerDownOutside',\n  'onSelect',\n  'open',\n  'present',\n  'scrollToIndexFn',\n  'skipAnimationOnMount',\n  'translations',\n  'unmountOnExit',\n] as const;\n\nexport type ComboboxFieldProps = ComponentProps<typeof ComboboxInput> &\n  Pick<ComponentProps<typeof Combobox<string>>, (typeof COMBOBOX_ROOT_PROPS)[number]> & {\n    collection: ComboboxRootProps<string>['collection'];\n    label?: string;\n    description?: string;\n    showTrigger?: boolean;\n    showClearTrigger?: boolean;\n    trailingAddon?: JSXElement;\n  } & { class?: string };\n\nconst ComboboxInputGroup: Component<\n  ComponentProps<typeof ComboboxInput> & {\n    showTrigger?: boolean | undefined;\n    showClearTrigger?: boolean | undefined;\n  }\n> = (props) => {\n  const [local, others] = splitProps(props, ['showTrigger', 'showClearTrigger', 'children']);\n\n  return (\n    <>\n      <ComboboxControl>\n        <ComboboxInput {...others} />\n        <div class='gap-1 flex items-center'>\n          {local.showClearTrigger === true && <ComboboxClearTrigger />}\n          {local.showTrigger === true && <ComboboxTrigger />}\n        </div>\n      </ComboboxControl>\n      <ComboboxPositioner>\n        <ComboboxContent>\n          <ComboboxList>{local.children}</ComboboxList>\n        </ComboboxContent>\n      </ComboboxPositioner>\n    </>\n  );\n};\n\nconst COMBOBOX_FIELD_PROPS = [\n  'label',\n  'description',\n  'required',\n  'disabled',\n  'readOnly',\n  'collection',\n  'showTrigger',\n  'showClearTrigger',\n  'children',\n  'trailingAddon',\n] as const;\n\nexport const ComboboxField: Component<ComboboxFieldProps> = (props) => {\n  const field = useFieldContext<string[]>();\n  const [local, others] = splitProps(props, COMBOBOX_FIELD_PROPS);\n  const [rootProps, inputProps] = splitProps(others, COMBOBOX_ROOT_PROPS);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n      required={local.required ?? false}\n    >\n      <FieldLabel>{local.label}</FieldLabel>\n      <FieldContent>\n        <WithTrailingAddon addon={local.trailingAddon}>\n          <Combobox<string>\n            collection={local.collection}\n            value={field().state.value}\n            onValueChange={(details) => {\n              field().handleChange(details.value);\n            }}\n            onBlur={() => {\n              field().handleBlur();\n            }}\n            invalid={field().state.meta.errors.length > 0}\n            disabled={local.disabled ?? false}\n            readOnly={local.readOnly ?? false}\n            {...rootProps}\n          >\n            <ComboboxInputGroup\n              showTrigger={local.showTrigger}\n              showClearTrigger={local.showClearTrigger}\n              {...inputProps}\n            >\n              {local.children}\n            </ComboboxInputGroup>\n          </Combobox>\n        </WithTrailingAddon>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":"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"}

package/dist/components/form/DatePickerField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerField.js","names":["DatePickerInputProps","DateValue","Component","ComponentProps","JSXElement","DatePicker","DatePickerContent","DatePickerControl","DatePickerInput","DatePickerPositioner","DatePickerTrigger","DatePickerViews","Field","FieldContent","FieldDescription","FieldError","FieldLabel","useFieldContext","WithTrailingAddon","DATE_PICKER_ROOT_PROPS","const","DatePickerFieldProps","Pick","label","description","showTrigger","trailingAddon","DatePickerInputGroup","props","local","others","splitProps","_$createComponent","children","_$Show","when","DATE_PICKER_FIELD_PROPS","DatePickerField","field","rootProps","inputProps","invalid","state","meta","errors","length","disabled","readOnly","required","addon","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur","placeholder"],"sources":["../../../src/components/form/DatePickerField.tsx"],"sourcesContent":["import type { DatePickerInputProps, DateValue } from '@ark-ui/solid';\nimport type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport {\n  DatePicker,\n  DatePickerContent,\n  DatePickerControl,\n  DatePickerInput,\n  DatePickerPositioner,\n  DatePickerTrigger,\n  DatePickerViews,\n} from '@/components/DatePicker';\nimport { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from '@/components/Field';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst DATE_PICKER_ROOT_PROPS = [\n  'min',\n  'max',\n  'locale',\n  'timeZone',\n  'format',\n  'parse',\n  'selectionMode',\n  'numOfMonths',\n  'fixedWeeks',\n  'startOfWeek',\n  'showWeekNumbers',\n  'outsideDaySelectable',\n  'isDateUnavailable',\n  'openOnClick',\n  'positioning',\n  'closeOnSelect',\n  'defaultFocusedValue',\n  'defaultOpen',\n  'defaultValue',\n  'defaultView',\n  'focusedValue',\n  'ids',\n  'immediate',\n  'inline',\n  'lazyMount',\n  'maxSelectedDates',\n  'maxView',\n  'minView',\n  'name',\n  'onExitComplete',\n  'onFocusChange',\n  'onOpenChange',\n  'onValueChange',\n  'onViewChange',\n  'onVisibleRangeChange',\n  'open',\n  'present',\n  'skipAnimationOnMount',\n  'translations',\n  'unmountOnExit',\n  'view',\n] as const;\n\nexport type DatePickerFieldProps = DatePickerInputProps &\n  Pick<ComponentProps<typeof DatePicker>, (typeof DATE_PICKER_ROOT_PROPS)[number]> & {\n    label?: string;\n    description?: string;\n    showTrigger?: boolean;\n    trailingAddon?: JSXElement;\n  };\n\nconst DatePickerInputGroup: Component<DatePickerInputProps & { showTrigger?: boolean }> = (\n  props,\n) => {\n  const [local, others] = splitProps(props, ['showTrigger']);\n\n  return (\n    <>\n      <DatePickerControl>\n        <DatePickerInput {...others} />\n        <Show when={local.showTrigger !== false}>\n          <DatePickerTrigger />\n        </Show>\n      </DatePickerControl>\n      <DatePickerPositioner>\n        <DatePickerContent>\n          <DatePickerViews />\n        </DatePickerContent>\n      </DatePickerPositioner>\n    </>\n  );\n};\n\nconst DATE_PICKER_FIELD_PROPS = [\n  'label',\n  'description',\n  'required',\n  'disabled',\n  'readOnly',\n  'placeholder',\n  'showTrigger',\n  'trailingAddon',\n] as const;\n\nexport const DatePickerField: Component<DatePickerFieldProps> = (props) => {\n  const field = useFieldContext<DateValue[]>();\n  const [local, others] = splitProps(props, DATE_PICKER_FIELD_PROPS);\n  const [rootProps, inputProps] = splitProps(others, DATE_PICKER_ROOT_PROPS);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n      required={local.required ?? false}\n    >\n      <FieldLabel>{local.label}</FieldLabel>\n      <FieldContent>\n        <WithTrailingAddon addon={local.trailingAddon}>\n          <DatePicker\n            value={field().state.value}\n            onValueChange={(details) => {\n              field().handleChange(details.value);\n            }}\n            onBlur={() => {\n              field().handleBlur();\n            }}\n            invalid={field().state.meta.errors.length > 0}\n            disabled={local.disabled ?? false}\n            readOnly={local.readOnly ?? false}\n            {...rootProps}\n          >\n            <DatePickerInputGroup\n              {...inputProps}\n              placeholder={local.placeholder}\n              {...(typeof local.showTrigger === 'boolean' && { showTrigger: local.showTrigger })}\n            />\n          </DatePicker>\n        </WithTrailingAddon>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;AAiBA,IAAMmB,IAAyB,qfAyCvB,GAWFQ,KACJC,MACG;CACH,IAAM,CAACC,GAAOC,KAAUC,EAAWH,GAAO,CAAC,aAAa,CAAC;CAEzD,OAAA,CAAAI,EAEKzB,GAAiB,EAAA,IAAA0B,WAAA;EAAA,OAAA,CAAAD,EACfxB,GAAoBsB,CAAM,GAAAE,EAC1BE,GAAI;GAAA,IAACC,OAAI;IAAA,OAAEN,EAAMJ,gBAAgB;GAAK;GAAA,IAAAQ,WAAA;IAAA,OAAAD,EACpCtB,GAAiB,CAAA,CAAA;GAAA;EAAA,CAAA,CAAA;CAAA,EAAA,CAAA,GAAAsB,EAGrBvB,GAAoB,EAAA,IAAAwB,WAAA;EAAA,OAAAD,EAClB1B,GAAiB,EAAA,IAAA2B,WAAA;GAAA,OAAAD,EACfrB,GAAe,CAAA,CAAA;EAAA,EAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAK1B,GAEMyB,IAA0B;CAC9B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AAAe,GAGJC,KAAoDT,MAAU;CACzE,IAAMU,IAAQrB,EAA6B,GACrC,CAACY,GAAOC,KAAUC,EAAWH,GAAOQ,CAAuB,GAC3D,CAACG,GAAWC,KAAcT,EAAWD,GAAQX,CAAsB;CAEzE,OAAAa,EACGpB,GAAK;EAAA,IACJ6B,UAAO;GAAA,OAAEH,EAAM,EAAEI,MAAMC,KAAKC,OAAOC,SAAS;EAAC;EAAA,IAC7CC,WAAQ;GAAA,OAAEjB,EAAMiB,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAElB,EAAMkB,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEnB,EAAMmB,YAAY;EAAK;EAAA,IAAAf,WAAA;GAAA,OAAA,CAAAD,EAEhChB,GAAU,EAAA,IAAAiB,WAAA;IAAA,OAAEJ,EAAMN;GAAK,EAAA,CAAA,GAAAS,EACvBnB,GAAY,EAAA,IAAAoB,WAAA;IAAA,OAAA;KAAAD,EACVd,GAAiB;MAAA,IAAC+B,QAAK;OAAA,OAAEpB,EAAMH;MAAa;MAAA,IAAAO,WAAA;OAAA,OAAAD,EAC1C3B,GAAU6C,EAAA;QAAA,IACTC,QAAK;SAAA,OAAEb,EAAM,EAAEI,MAAMS;QAAK;QAC1BC,gBAAgBC,MAAY;SAC1Bf,EAAM,EAAEgB,aAAaD,EAAQF,KAAK;QACpC;QACAI,cAAc;SACZjB,EAAM,EAAEkB,WAAW;QACrB;QAAC,IACDf,UAAO;SAAA,OAAEH,EAAM,EAAEI,MAAMC,KAAKC,OAAOC,SAAS;QAAC;QAAA,IAC7CC,WAAQ;SAAA,OAAEjB,EAAMiB,YAAY;QAAK;QAAA,IACjCC,WAAQ;SAAA,OAAElB,EAAMkB,YAAY;QAAK;OAAA,GAC7BR,GAAS,EAAA,IAAAN,WAAA;QAAA,OAAAD,EAEZL,GAAoBuB,EACfV,GAAU,EAAA,IACdiB,cAAW;SAAA,OAAE5B,EAAM4B;QAAW,EAAA,SACzB,OAAO5B,EAAMJ,eAAgB,aAAa,EAAEA,aAAaI,EAAMJ,YAAY,CAAC,CAAA;OAAA,EAAA,CAAA,CAAA;MAAA;KAAA,CAAA;KAAAO,EAItFjB,GAAU,EAAA,IAAC6B,SAAM;MAAA,OAAEN,EAAM,EAAEI,MAAMC,KAAKC;KAAM,EAAA,CAAA;KAAAZ,EAC5ClB,GAAgB,EAAA,IAAAmB,WAAA;MAAA,OAAEJ,EAAML;KAAW,EAAA,CAAA;IAAA;GAAA,EAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAI5C"}
+{"version":3,"file":"DatePickerField.js","names":["DatePickerInputProps","DateValue","Component","ComponentProps","JSXElement","DatePicker","DatePickerContent","DatePickerControl","DatePickerInput","DatePickerPositioner","DatePickerTrigger","DatePickerViews","Field","FieldContent","FieldDescription","FieldError","FieldLabel","useFieldContext","WithTrailingAddon","DATE_PICKER_ROOT_PROPS","const","DatePickerFieldProps","Pick","label","description","showTrigger","trailingAddon","DatePickerInputGroup","props","local","others","splitProps","_$createComponent","children","_$Show","when","DATE_PICKER_FIELD_PROPS","DatePickerField","field","rootProps","inputProps","invalid","state","meta","errors","length","disabled","readOnly","required","addon","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur","placeholder"],"sources":["../../../src/components/form/DatePickerField.tsx"],"sourcesContent":["import type { DatePickerInputProps, DateValue } from '@ark-ui/solid';\nimport type { Component, ComponentProps, JSXElement } from 'solid-js';\n\nimport {\n  DatePicker,\n  DatePickerContent,\n  DatePickerControl,\n  DatePickerInput,\n  DatePickerPositioner,\n  DatePickerTrigger,\n  DatePickerViews,\n} from '@/components/DatePicker';\nimport { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from '@/components/Field';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst DATE_PICKER_ROOT_PROPS = [\n  'min',\n  'max',\n  'locale',\n  'timeZone',\n  'format',\n  'parse',\n  'selectionMode',\n  'numOfMonths',\n  'fixedWeeks',\n  'startOfWeek',\n  'showWeekNumbers',\n  'outsideDaySelectable',\n  'isDateUnavailable',\n  'openOnClick',\n  'positioning',\n  'closeOnSelect',\n  'defaultFocusedValue',\n  'defaultOpen',\n  'defaultValue',\n  'defaultView',\n  'focusedValue',\n  'ids',\n  'immediate',\n  'inline',\n  'lazyMount',\n  'maxSelectedDates',\n  'maxView',\n  'minView',\n  'name',\n  'onExitComplete',\n  'onFocusChange',\n  'onOpenChange',\n  'onValueChange',\n  'onViewChange',\n  'onVisibleRangeChange',\n  'open',\n  'present',\n  'skipAnimationOnMount',\n  'translations',\n  'unmountOnExit',\n  'view',\n] as const;\n\nexport type DatePickerFieldProps = DatePickerInputProps &\n  Pick<ComponentProps<typeof DatePicker>, (typeof DATE_PICKER_ROOT_PROPS)[number]> & {\n    label?: string;\n    description?: string;\n    showTrigger?: boolean;\n    trailingAddon?: JSXElement;\n  };\n\nconst DatePickerInputGroup: Component<DatePickerInputProps & { showTrigger?: boolean }> = (\n  props,\n) => {\n  const [local, others] = splitProps(props, ['showTrigger']);\n\n  return (\n    <>\n      <DatePickerControl>\n        <DatePickerInput {...others} />\n        <Show when={local.showTrigger !== false}>\n          <DatePickerTrigger />\n        </Show>\n      </DatePickerControl>\n      <DatePickerPositioner>\n        <DatePickerContent>\n          <DatePickerViews />\n        </DatePickerContent>\n      </DatePickerPositioner>\n    </>\n  );\n};\n\nconst DATE_PICKER_FIELD_PROPS = [\n  'label',\n  'description',\n  'required',\n  'disabled',\n  'readOnly',\n  'placeholder',\n  'showTrigger',\n  'trailingAddon',\n] as const;\n\nexport const DatePickerField: Component<DatePickerFieldProps> = (props) => {\n  const field = useFieldContext<DateValue[]>();\n  const [local, others] = splitProps(props, DATE_PICKER_FIELD_PROPS);\n  const [rootProps, inputProps] = splitProps(others, DATE_PICKER_ROOT_PROPS);\n\n  return (\n    <Field\n      invalid={field().state.meta.errors.length > 0}\n      disabled={local.disabled ?? false}\n      readOnly={local.readOnly ?? false}\n      required={local.required ?? false}\n    >\n      <FieldLabel>{local.label}</FieldLabel>\n      <FieldContent>\n        <WithTrailingAddon addon={local.trailingAddon}>\n          <DatePicker\n            value={field().state.value}\n            onValueChange={(details) => {\n              field().handleChange(details.value);\n            }}\n            onBlur={() => {\n              field().handleBlur();\n            }}\n            invalid={field().state.meta.errors.length > 0}\n            disabled={local.disabled ?? false}\n            readOnly={local.readOnly ?? false}\n            {...rootProps}\n          >\n            <DatePickerInputGroup\n              {...inputProps}\n              placeholder={local.placeholder}\n              {...(typeof local.showTrigger === 'boolean' && { showTrigger: local.showTrigger })}\n            />\n          </DatePicker>\n        </WithTrailingAddon>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;AAiBA,IAAMmB,IAAyB,qfAyCvB,GAWFQ,KACJC,MACG;CACH,IAAM,CAACC,GAAOC,KAAUC,EAAWH,GAAO,CAAC,aAAa,CAAC;CAEzD,OAAA,CAAAI,EAEKzB,GAAiB,EAAA,IAAA0B,WAAA;EAAA,OAAA,CAAAD,EACfxB,GAAoBsB,CAAM,GAAAE,EAC1BE,GAAI;GAAA,IAACC,OAAI;IAAA,OAAEN,EAAMJ,gBAAgB;GAAK;GAAA,IAAAQ,WAAA;IAAA,OAAAD,EACpCtB,GAAiB,CAAA,CAAA;GAAA;EAAA,CAAA,CAAA;CAAA,EAAA,CAAA,GAAAsB,EAGrBvB,GAAoB,EAAA,IAAAwB,WAAA;EAAA,OAAAD,EAClB1B,GAAiB,EAAA,IAAA2B,WAAA;GAAA,OAAAD,EACfrB,GAAe,CAAA,CAAA;EAAA,EAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAK1B,GAEMyB,IAA0B;CAC9B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AAAe,GAGJC,KAAoDT,MAAU;CACzE,IAAMU,IAAQrB,EAA6B,GACrC,CAACY,GAAOC,KAAUC,EAAWH,GAAOQ,CAAuB,GAC3D,CAACG,GAAWC,KAAcT,EAAWD,GAAQX,CAAsB;CAEzE,OAAAa,EACGpB,GAAK;EAAA,IACJ6B,UAAO;GAAA,OAAEH,EAAM,CAAC,CAACI,MAAMC,KAAKC,OAAOC,SAAS;EAAC;EAAA,IAC7CC,WAAQ;GAAA,OAAEjB,EAAMiB,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAElB,EAAMkB,YAAY;EAAK;EAAA,IACjCC,WAAQ;GAAA,OAAEnB,EAAMmB,YAAY;EAAK;EAAA,IAAAf,WAAA;GAAA,OAAA,CAAAD,EAEhChB,GAAU,EAAA,IAAAiB,WAAA;IAAA,OAAEJ,EAAMN;GAAK,EAAA,CAAA,GAAAS,EACvBnB,GAAY,EAAA,IAAAoB,WAAA;IAAA,OAAA;KAAAD,EACVd,GAAiB;MAAA,IAAC+B,QAAK;OAAA,OAAEpB,EAAMH;MAAa;MAAA,IAAAO,WAAA;OAAA,OAAAD,EAC1C3B,GAAU6C,EAAA;QAAA,IACTC,QAAK;SAAA,OAAEb,EAAM,CAAC,CAACI,MAAMS;QAAK;QAC1BC,gBAAgBC,MAAY;SAC1Bf,EAAM,CAAC,CAACgB,aAAaD,EAAQF,KAAK;QACpC;QACAI,cAAc;SACZjB,EAAM,CAAC,CAACkB,WAAW;QACrB;QAAC,IACDf,UAAO;SAAA,OAAEH,EAAM,CAAC,CAACI,MAAMC,KAAKC,OAAOC,SAAS;QAAC;QAAA,IAC7CC,WAAQ;SAAA,OAAEjB,EAAMiB,YAAY;QAAK;QAAA,IACjCC,WAAQ;SAAA,OAAElB,EAAMkB,YAAY;QAAK;OAAA,GAC7BR,GAAS,EAAA,IAAAN,WAAA;QAAA,OAAAD,EAEZL,GAAoBuB,EACfV,GAAU,EAAA,IACdiB,cAAW;SAAA,OAAE5B,EAAM4B;QAAW,EAAA,SACzB,OAAO5B,EAAMJ,eAAgB,aAAa,EAAEA,aAAaI,EAAMJ,YAAY,CAAC,CAAA;OAAA,EAAA,CAAA,CAAA;MAAA;KAAA,CAAA;KAAAO,EAItFjB,GAAU,EAAA,IAAC6B,SAAM;MAAA,OAAEN,EAAM,CAAC,CAACI,MAAMC,KAAKC;KAAM,EAAA,CAAA;KAAAZ,EAC5ClB,GAAgB,EAAA,IAAAmB,WAAA;MAAA,OAAEJ,EAAML;KAAW,EAAA,CAAA;IAAA;GAAA,EAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAI5C"}

package/dist/components/form/Form.js

@@ -1,4 +1,4 @@
-import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_8d1ea3a475e79781/node_modules/tailwind-variants/dist/index.js";
+import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_836190697928d5d4/node_modules/tailwind-variants/dist/index.js";
 import { fieldContext as t, formContext as n, useFormContext as r } from "./context.js";
 import { AutoSubmit as i } from "./AutoSubmit.js";
 import { CheckboxField as a } from "./CheckboxField.js";
@@ -19,7 +19,7 @@ import { insert as y, mergeProps as b, spread as x, template as S } from "solid-
 import { splitProps as C } from "solid-js";
 import { createFormHook as w } from "@tanstack/solid-form";
 //#region src/components/form/Form.tsx
-var T = /* @__PURE__ */ S("<form>"), E = (t) => {
+var T = /*#__PURE__*/ S("<form>"), E = (t) => {
 	let n = r(), [i, a] = C(t, ["children", "class"]);
 	return (() => {
 		var t = T();

package/dist/components/form/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","names":["Component","ComponentProps","createFormHook","cn","AutoSubmit","CheckboxField","ComboboxField","fieldContext","formContext","useFormContext","DatePickerField","NumberInputField","PasswordInputField","PinInputField","RadioGroupField","SelectField","SliderField","SubmitButton","SwitchField","TagsInputField","TextareaField","TextInputField","FormProps","Omit","Form","props","form","local","formProps","splitProps","_el$","_tmpl$","addEventListener","submitEvent","preventDefault","stopPropagation","handleSubmit","catch","error","_$spread","_$mergeProps","class","_$insert","children","useAppForm","withForm","withFieldGroup","fieldComponents","formComponents"],"sources":["../../../src/components/form/Form.tsx"],"sourcesContent":["import type { Component, ComponentProps } from 'solid-js';\n\nimport { createFormHook } from '@tanstack/solid-form';\nimport { cn } from 'tailwind-variants';\n\nimport { AutoSubmit } from './AutoSubmit';\nimport { CheckboxField } from './CheckboxField';\nimport { ComboboxField } from './ComboboxField';\nimport { fieldContext, formContext, useFormContext } from './context';\nimport { DatePickerField } from './DatePickerField';\nimport { NumberInputField } from './NumberInputField';\nimport { PasswordInputField } from './PasswordInputField';\nimport { PinInputField } from './PinInputField';\nimport { RadioGroupField } from './RadioGroupField';\nimport { SelectField } from './SelectField';\nimport { SliderField } from './SliderField';\nimport { SubmitButton } from './SubmitButton';\nimport { SwitchField } from './SwitchField';\nimport { TagsInputField } from './TagsInputField';\nimport { TextareaField } from './TextareaField';\nimport { TextInputField } from './TextInputField';\n\nexport type FormProps = Omit<ComponentProps<'form'>, 'onSubmit'>;\n\nexport const Form: Component<FormProps> = (props) => {\n  const form = useFormContext();\n  const [local, formProps] = splitProps(props, ['children', 'class']);\n\n  return (\n    <form\n      class={cn('space-y-8 relative', local.class)}\n      onSubmit={(submitEvent) => {\n        submitEvent.preventDefault();\n        submitEvent.stopPropagation();\n        form.handleSubmit().catch((error: unknown) => {\n          throw error;\n        });\n      }}\n      {...formProps}\n    >\n      {local.children}\n    </form>\n  );\n};\n\nexport const { useAppForm, withForm, withFieldGroup } = createFormHook({\n  formContext,\n  fieldContext,\n  fieldComponents: {\n    CheckboxField,\n    ComboboxField,\n    DatePickerField,\n    NumberInputField,\n    PasswordInputField,\n    PinInputField,\n    RadioGroupField,\n    SelectField,\n    SliderField,\n    SwitchField,\n    TagsInputField,\n    TextInputField,\n    TextareaField,\n  },\n  formComponents: {\n    AutoSubmit,\n    Form,\n    SubmitButton,\n  },\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;qCAwBawB,KAA8BC,MAAU;CACnD,IAAMC,IAAOjB,EAAe,GACtB,CAACkB,GAAOC,KAAaC,EAAWJ,GAAO,CAAC,YAAY,OAAO,CAAC;CAElE,cAAA;EAAA,IAAAK,IAAAC,EAAA;EAYmB,OAZnBD,EAAAE,iBAAA,WAGeC,MAAgB;GAGzBP,AAFAO,EAAYC,eAAe,GAC3BD,EAAYE,gBAAgB,GAC5BT,EAAKU,aAAa,EAAEC,OAAOC,MAAmB;IAC5C,MAAMA;GACR,CAAC;EACH,CAAC,GAAAC,EAAAT,GAAAU,EAAA,EAAA,IAAA,QAAA;GAAA,OAPMrC,EAAG,sBAAsBwB,EAAMc,KAAK;EAAC,EAAA,GAQxCb,CAAS,GAAA,IAAA,EAAA,GAAAc,EAAAZ,SAEZH,EAAMgB,QAAQ,GAAAb;CAAA,GAAA;AAGrB,GAEa,EAAEc,eAAYC,aAAUC,sBAAmB5C,EAAe;CACrEM;CACAD;CACAwC,iBAAiB;EACf1C;EACAC;EACAI;EACAC;EACAC;EACAC;EACAC;EACAC;EACAC;EACAE;EACAC;EACAE;EACAD;CACF;CACA4B,gBAAgB;EACd5C;EACAoB;EACAP;CACF;AACF,CAAC"}
+{"version":3,"file":"Form.js","names":["Component","ComponentProps","createFormHook","cn","AutoSubmit","CheckboxField","ComboboxField","fieldContext","formContext","useFormContext","DatePickerField","NumberInputField","PasswordInputField","PinInputField","RadioGroupField","SelectField","SliderField","SubmitButton","SwitchField","TagsInputField","TextareaField","TextInputField","FormProps","Omit","Form","props","form","local","formProps","splitProps","_el$","_tmpl$","addEventListener","submitEvent","preventDefault","stopPropagation","handleSubmit","catch","error","_$spread","_$mergeProps","class","_$insert","children","useAppForm","withForm","withFieldGroup","fieldComponents","formComponents"],"sources":["../../../src/components/form/Form.tsx"],"sourcesContent":["import type { Component, ComponentProps } from 'solid-js';\n\nimport { createFormHook } from '@tanstack/solid-form';\nimport { cn } from 'tailwind-variants';\n\nimport { AutoSubmit } from './AutoSubmit';\nimport { CheckboxField } from './CheckboxField';\nimport { ComboboxField } from './ComboboxField';\nimport { fieldContext, formContext, useFormContext } from './context';\nimport { DatePickerField } from './DatePickerField';\nimport { NumberInputField } from './NumberInputField';\nimport { PasswordInputField } from './PasswordInputField';\nimport { PinInputField } from './PinInputField';\nimport { RadioGroupField } from './RadioGroupField';\nimport { SelectField } from './SelectField';\nimport { SliderField } from './SliderField';\nimport { SubmitButton } from './SubmitButton';\nimport { SwitchField } from './SwitchField';\nimport { TagsInputField } from './TagsInputField';\nimport { TextareaField } from './TextareaField';\nimport { TextInputField } from './TextInputField';\n\nexport type FormProps = Omit<ComponentProps<'form'>, 'onSubmit'>;\n\nexport const Form: Component<FormProps> = (props) => {\n  const form = useFormContext();\n  const [local, formProps] = splitProps(props, ['children', 'class']);\n\n  return (\n    <form\n      class={cn('space-y-8 relative', local.class)}\n      onSubmit={(submitEvent) => {\n        submitEvent.preventDefault();\n        submitEvent.stopPropagation();\n        form.handleSubmit().catch((error: unknown) => {\n          throw error;\n        });\n      }}\n      {...formProps}\n    >\n      {local.children}\n    </form>\n  );\n};\n\nexport const { useAppForm, withForm, withFieldGroup } = createFormHook({\n  formContext,\n  fieldContext,\n  fieldComponents: {\n    CheckboxField,\n    ComboboxField,\n    DatePickerField,\n    NumberInputField,\n    PasswordInputField,\n    PinInputField,\n    RadioGroupField,\n    SelectField,\n    SliderField,\n    SwitchField,\n    TagsInputField,\n    TextInputField,\n    TextareaField,\n  },\n  formComponents: {\n    AutoSubmit,\n    Form,\n    SubmitButton,\n  },\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;mCAwBawB,KAA8BC,MAAU;CACnD,IAAMC,IAAOjB,EAAe,GACtB,CAACkB,GAAOC,KAAaC,EAAWJ,GAAO,CAAC,YAAY,OAAO,CAAC;CAElE,cAAA;EAAA,IAAAK,IAAAC,EAAA;EAYmB,OAZnBD,EAAAE,iBAAA,WAGeC,MAAgB;GAGzBP,AAFAO,EAAYC,eAAe,GAC3BD,EAAYE,gBAAgB,GAC5BT,EAAKU,aAAa,CAAC,CAACC,OAAOC,MAAmB;IAC5C,MAAMA;GACR,CAAC;EACH,CAAC,GAAAC,EAAAT,GAAAU,EAAA,EAAA,IAAA,QAAA;GAAA,OAPMrC,EAAG,sBAAsBwB,EAAMc,KAAK;EAAC,EAAA,GAQxCb,CAAS,GAAA,IAAA,EAAA,GAAAc,EAAAZ,SAEZH,EAAMgB,QAAQ,GAAAb;CAAA,EAAA,CAAA;AAGrB,GAEa,EAAEc,eAAYC,aAAUC,sBAAmB5C,EAAe;CACrEM;CACAD;CACAwC,iBAAiB;EACf1C;EACAC;EACAI;EACAC;EACAC;EACAC;EACAC;EACAC;EACAC;EACAE;EACAC;EACAE;EACAD;CACF;CACA4B,gBAAgB;EACd5C;EACAoB;EACAP;CACF;AACF,CAAC"}

package/dist/components/form/NumberInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInputField.js","names":["Component","ComponentProps","JSX","JSXElement","Field","FieldLabel","FieldContent","FieldError","FieldDescription","NumberInput","NumberInputControl","NumberInputInput","NumberInputTriggers","useFieldContext","WithTrailingAddon","NUMBER_INPUT_ROOT_PROPS","const","NumberInputFieldProps","Pick","label","description","showTriggers","trailingAddon","toNumberInputValue","value","Number","isFinite","String","NumberInputFieldLocalProps","NumberInputFieldRootProps","RenderNumberInputFieldProps","field","ReturnType","local","rootProps","inputProps","Omit","inputValue","onValueChange","NonNullable","onValueCommit","onBlur","NumberInputFieldState","createNumberInputFieldState","setInputValue","createSignal","state","createEffect","details","valueAsNumber","handleChange","handleBlur","renderNumberInputField","props","Element","_$createComponent","invalid","meta","errors","length","required","disabled","readOnly","children","addon","_$mergeProps","_$Show","when","NumberInputField","others","splitProps"],"sources":["../../../src/components/form/NumberInputField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSX, JSXElement } from 'solid-js';\n\nimport { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport {\n  NumberInput,\n  NumberInputControl,\n  NumberInputInput,\n  NumberInputTriggers,\n} from '@/components/NumberInput';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst NUMBER_INPUT_ROOT_PROPS = [\n  'min',\n  'max',\n  'step',\n  'allowMouseWheel',\n  'allowOverflow',\n  'clampValueOnBlur',\n  'formatOptions',\n  'inputMode',\n  'locale',\n  'pattern',\n  'spinOnPress',\n  'focusInputOnChange',\n  'translations',\n  'form',\n  'name',\n  'onValueInvalid',\n] as const;\n\nexport type NumberInputFieldProps = ComponentProps<typeof NumberInputInput> &\n  Pick<ComponentProps<typeof NumberInput>, (typeof NUMBER_INPUT_ROOT_PROPS)[number]> & {\n    label?: string;\n    description?: string;\n    showTriggers?: boolean;\n    trailingAddon?: JSXElement;\n  };\n\nconst toNumberInputValue = (value: number | undefined): string => {\n  if (typeof value !== 'number' || !Number.isFinite(value)) {\n    return '';\n  }\n\n  return String(value);\n};\n\ntype NumberInputFieldLocalProps = Pick<\n  NumberInputFieldProps,\n  'label' | 'description' | 'required' | 'disabled' | 'readOnly' | 'showTriggers' | 'trailingAddon'\n>;\n\ntype NumberInputFieldRootProps = Pick<\n  NumberInputFieldProps,\n  (typeof NUMBER_INPUT_ROOT_PROPS)[number]\n>;\n\ntype RenderNumberInputFieldProps = {\n  field: ReturnType<typeof useFieldContext<number>>;\n  local: NumberInputFieldLocalProps;\n  rootProps: NumberInputFieldRootProps;\n  inputProps: Omit<\n    NumberInputFieldProps,\n    keyof NumberInputFieldLocalProps | keyof NumberInputFieldRootProps\n  >;\n  inputValue: () => string;\n  onValueChange: NonNullable<ComponentProps<typeof NumberInput>['onValueChange']>;\n  onValueCommit: NonNullable<ComponentProps<typeof NumberInput>['onValueCommit']>;\n  onBlur: () => void;\n};\n\ntype NumberInputFieldState = Pick<\n  RenderNumberInputFieldProps,\n  'inputValue' | 'onValueChange' | 'onValueCommit' | 'onBlur'\n>;\n\nconst createNumberInputFieldState = (\n  field: ReturnType<typeof useFieldContext<number>>,\n): NumberInputFieldState => {\n  const [inputValue, setInputValue] = createSignal(toNumberInputValue(field().state.value));\n\n  createEffect(() => {\n    setInputValue(toNumberInputValue(field().state.value));\n  });\n\n  const onValueChange: NonNullable<ComponentProps<typeof NumberInput>['onValueChange']> = (\n    details,\n  ) => {\n    setInputValue(details.value);\n  };\n\n  const onValueCommit: NonNullable<ComponentProps<typeof NumberInput>['onValueCommit']> = (\n    details,\n  ) => {\n    setInputValue(details.value);\n\n    if (!Number.isFinite(details.valueAsNumber)) {\n      return;\n    }\n\n    field().handleChange(details.valueAsNumber);\n  };\n\n  const onBlur = (): void => {\n    setInputValue(toNumberInputValue(field().state.value));\n    field().handleBlur();\n  };\n\n  return {\n    inputValue,\n    onValueChange,\n    onValueCommit,\n    onBlur,\n  };\n};\n\nconst renderNumberInputField = (props: RenderNumberInputFieldProps): JSX.Element => (\n  <Field\n    invalid={props.field().state.meta.errors.length > 0}\n    required={props.local.required ?? false}\n    disabled={props.local.disabled ?? false}\n    readOnly={props.local.readOnly ?? false}\n  >\n    <FieldLabel>{props.local.label}</FieldLabel>\n    <FieldContent>\n      <WithTrailingAddon addon={props.local.trailingAddon}>\n        <NumberInput\n          value={props.inputValue()}\n          onValueChange={props.onValueChange}\n          onValueCommit={props.onValueCommit}\n          onBlur={props.onBlur}\n          invalid={props.field().state.meta.errors.length > 0}\n          disabled={props.local.disabled ?? false}\n          readOnly={props.local.readOnly ?? false}\n          required={props.local.required ?? false}\n          {...props.rootProps}\n        >\n          <NumberInputControl>\n            <NumberInputInput {...props.inputProps} />\n            <Show when={props.local.showTriggers !== false}>\n              <NumberInputTriggers />\n            </Show>\n          </NumberInputControl>\n        </NumberInput>\n      </WithTrailingAddon>\n      <FieldError errors={props.field().state.meta.errors} />\n      <FieldDescription>{props.local.description}</FieldDescription>\n    </FieldContent>\n  </Field>\n);\n\nexport const NumberInputField: Component<NumberInputFieldProps> = (props) => {\n  const field = useFieldContext<number>();\n  const [local, others] = splitProps(props, [\n    'label',\n    'description',\n    'required',\n    'disabled',\n    'readOnly',\n    'showTriggers',\n    'trailingAddon',\n  ]);\n  const [rootProps, inputProps] = splitProps(others, NUMBER_INPUT_ROOT_PROPS);\n  const state = createNumberInputFieldState(field);\n\n  return renderNumberInputField({\n    field,\n    local,\n    rootProps,\n    inputProps,\n    inputValue: state.inputValue,\n    onValueChange: state.onValueChange,\n    onValueCommit: state.onValueCommit,\n    onBlur: state.onBlur,\n  });\n};\n"],"mappings":"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"}
+{"version":3,"file":"NumberInputField.js","names":["Component","ComponentProps","JSX","JSXElement","Field","FieldLabel","FieldContent","FieldError","FieldDescription","NumberInput","NumberInputControl","NumberInputInput","NumberInputTriggers","useFieldContext","WithTrailingAddon","NUMBER_INPUT_ROOT_PROPS","const","NumberInputFieldProps","Pick","label","description","showTriggers","trailingAddon","toNumberInputValue","value","Number","isFinite","String","NumberInputFieldLocalProps","NumberInputFieldRootProps","RenderNumberInputFieldProps","field","ReturnType","local","rootProps","inputProps","Omit","inputValue","onValueChange","NonNullable","onValueCommit","onBlur","NumberInputFieldState","createNumberInputFieldState","setInputValue","createSignal","state","createEffect","details","valueAsNumber","handleChange","handleBlur","renderNumberInputField","props","Element","_$createComponent","invalid","meta","errors","length","required","disabled","readOnly","children","addon","_$mergeProps","_$Show","when","NumberInputField","others","splitProps"],"sources":["../../../src/components/form/NumberInputField.tsx"],"sourcesContent":["import type { Component, ComponentProps, JSX, JSXElement } from 'solid-js';\n\nimport { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport {\n  NumberInput,\n  NumberInputControl,\n  NumberInputInput,\n  NumberInputTriggers,\n} from '@/components/NumberInput';\n\nimport { useFieldContext } from './context';\nimport { WithTrailingAddon } from './WithTrailingAddon';\n\nconst NUMBER_INPUT_ROOT_PROPS = [\n  'min',\n  'max',\n  'step',\n  'allowMouseWheel',\n  'allowOverflow',\n  'clampValueOnBlur',\n  'formatOptions',\n  'inputMode',\n  'locale',\n  'pattern',\n  'spinOnPress',\n  'focusInputOnChange',\n  'translations',\n  'form',\n  'name',\n  'onValueInvalid',\n] as const;\n\nexport type NumberInputFieldProps = ComponentProps<typeof NumberInputInput> &\n  Pick<ComponentProps<typeof NumberInput>, (typeof NUMBER_INPUT_ROOT_PROPS)[number]> & {\n    label?: string;\n    description?: string;\n    showTriggers?: boolean;\n    trailingAddon?: JSXElement;\n  };\n\nconst toNumberInputValue = (value: number | undefined): string => {\n  if (typeof value !== 'number' || !Number.isFinite(value)) {\n    return '';\n  }\n\n  return String(value);\n};\n\ntype NumberInputFieldLocalProps = Pick<\n  NumberInputFieldProps,\n  'label' | 'description' | 'required' | 'disabled' | 'readOnly' | 'showTriggers' | 'trailingAddon'\n>;\n\ntype NumberInputFieldRootProps = Pick<\n  NumberInputFieldProps,\n  (typeof NUMBER_INPUT_ROOT_PROPS)[number]\n>;\n\ntype RenderNumberInputFieldProps = {\n  field: ReturnType<typeof useFieldContext<number>>;\n  local: NumberInputFieldLocalProps;\n  rootProps: NumberInputFieldRootProps;\n  inputProps: Omit<\n    NumberInputFieldProps,\n    keyof NumberInputFieldLocalProps | keyof NumberInputFieldRootProps\n  >;\n  inputValue: () => string;\n  onValueChange: NonNullable<ComponentProps<typeof NumberInput>['onValueChange']>;\n  onValueCommit: NonNullable<ComponentProps<typeof NumberInput>['onValueCommit']>;\n  onBlur: () => void;\n};\n\ntype NumberInputFieldState = Pick<\n  RenderNumberInputFieldProps,\n  'inputValue' | 'onValueChange' | 'onValueCommit' | 'onBlur'\n>;\n\nconst createNumberInputFieldState = (\n  field: ReturnType<typeof useFieldContext<number>>,\n): NumberInputFieldState => {\n  const [inputValue, setInputValue] = createSignal(toNumberInputValue(field().state.value));\n\n  createEffect(() => {\n    setInputValue(toNumberInputValue(field().state.value));\n  });\n\n  const onValueChange: NonNullable<ComponentProps<typeof NumberInput>['onValueChange']> = (\n    details,\n  ) => {\n    setInputValue(details.value);\n  };\n\n  const onValueCommit: NonNullable<ComponentProps<typeof NumberInput>['onValueCommit']> = (\n    details,\n  ) => {\n    setInputValue(details.value);\n\n    if (!Number.isFinite(details.valueAsNumber)) {\n      return;\n    }\n\n    field().handleChange(details.valueAsNumber);\n  };\n\n  const onBlur = (): void => {\n    setInputValue(toNumberInputValue(field().state.value));\n    field().handleBlur();\n  };\n\n  return {\n    inputValue,\n    onValueChange,\n    onValueCommit,\n    onBlur,\n  };\n};\n\nconst renderNumberInputField = (props: RenderNumberInputFieldProps): JSX.Element => (\n  <Field\n    invalid={props.field().state.meta.errors.length > 0}\n    required={props.local.required ?? false}\n    disabled={props.local.disabled ?? false}\n    readOnly={props.local.readOnly ?? false}\n  >\n    <FieldLabel>{props.local.label}</FieldLabel>\n    <FieldContent>\n      <WithTrailingAddon addon={props.local.trailingAddon}>\n        <NumberInput\n          value={props.inputValue()}\n          onValueChange={props.onValueChange}\n          onValueCommit={props.onValueCommit}\n          onBlur={props.onBlur}\n          invalid={props.field().state.meta.errors.length > 0}\n          disabled={props.local.disabled ?? false}\n          readOnly={props.local.readOnly ?? false}\n          required={props.local.required ?? false}\n          {...props.rootProps}\n        >\n          <NumberInputControl>\n            <NumberInputInput {...props.inputProps} />\n            <Show when={props.local.showTriggers !== false}>\n              <NumberInputTriggers />\n            </Show>\n          </NumberInputControl>\n        </NumberInput>\n      </WithTrailingAddon>\n      <FieldError errors={props.field().state.meta.errors} />\n      <FieldDescription>{props.local.description}</FieldDescription>\n    </FieldContent>\n  </Field>\n);\n\nexport const NumberInputField: Component<NumberInputFieldProps> = (props) => {\n  const field = useFieldContext<number>();\n  const [local, others] = splitProps(props, [\n    'label',\n    'description',\n    'required',\n    'disabled',\n    'readOnly',\n    'showTriggers',\n    'trailingAddon',\n  ]);\n  const [rootProps, inputProps] = splitProps(others, NUMBER_INPUT_ROOT_PROPS);\n  const state = createNumberInputFieldState(field);\n\n  return renderNumberInputField({\n    field,\n    local,\n    rootProps,\n    inputProps,\n    inputValue: state.inputValue,\n    onValueChange: state.onValueChange,\n    onValueCommit: state.onValueCommit,\n    onBlur: state.onBlur,\n  });\n};\n"],"mappings":";;;;;;;AAaA,IAAMe,IAA0B;CAC9B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AAAgB,GAWZQ,KAAsBC,MACtB,OAAOA,KAAU,YAAY,CAACC,OAAOC,SAASF,CAAK,IAC9C,KAGFG,OAAOH,CAAK,GAgCfmB,KACJZ,MAC0B;CAC1B,IAAM,CAACM,GAAYO,KAAiBC,EAAatB,EAAmBQ,EAAM,CAAC,CAACe,MAAMtB,KAAK,CAAC;CA6BxF,OA3BAuB,QAAmB;EACjBH,EAAcrB,EAAmBQ,EAAM,CAAC,CAACe,MAAMtB,KAAK,CAAC;CACvD,CAAC,GAyBM;EACLa;EACAC,gBAxBAU,MACG;GACHJ,EAAcI,EAAQxB,KAAK;EAC7B;EAsBEgB,gBAnBAQ,MACG;GACHJ,EAAcI,EAAQxB,KAAK,GAEtBC,OAAOC,SAASsB,EAAQC,aAAa,KAI1ClB,EAAM,CAAC,CAACmB,aAAaF,EAAQC,aAAa;EAC5C;EAWER,cATyB;GAEzBV,AADAa,EAAcrB,EAAmBQ,EAAM,CAAC,CAACe,MAAMtB,KAAK,CAAC,GACrDO,EAAM,CAAC,CAACoB,WAAW;EACrB;CAOA;AACF,GAEMC,KAA0BC,MAAgDE,EAC7EnD,GAAK;CAAA,IACJoD,UAAO;EAAA,OAAEH,EAAMtB,MAAM,CAAC,CAACe,MAAMW,KAAKC,OAAOC,SAAS;CAAC;CAAA,IACnDC,WAAQ;EAAA,OAAEP,EAAMpB,MAAM2B,YAAY;CAAK;CAAA,IACvCC,WAAQ;EAAA,OAAER,EAAMpB,MAAM4B,YAAY;CAAK;CAAA,IACvCC,WAAQ;EAAA,OAAET,EAAMpB,MAAM6B,YAAY;CAAK;CAAA,IAAAC,WAAA;EAAA,OAAA,CAAAR,EAEtClD,GAAU,EAAA,IAAA0D,WAAA;GAAA,OAAEV,EAAMpB,MAAMd;EAAK,EAAA,CAAA,GAAAoC,EAC7BjD,GAAY,EAAA,IAAAyD,WAAA;GAAA,OAAA;IAAAR,EACVzC,GAAiB;KAAA,IAACkD,QAAK;MAAA,OAAEX,EAAMpB,MAAMX;KAAa;KAAA,IAAAyC,WAAA;MAAA,OAAAR,EAChD9C,GAAWwD,EAAA;OAAA,IACVzC,QAAK;QAAA,OAAE6B,EAAMhB,WAAW;OAAC;OAAA,IACzBC,gBAAa;QAAA,OAAEe,EAAMf;OAAa;OAAA,IAClCE,gBAAa;QAAA,OAAEa,EAAMb;OAAa;OAAA,IAClCC,SAAM;QAAA,OAAEY,EAAMZ;OAAM;OAAA,IACpBe,UAAO;QAAA,OAAEH,EAAMtB,MAAM,CAAC,CAACe,MAAMW,KAAKC,OAAOC,SAAS;OAAC;OAAA,IACnDE,WAAQ;QAAA,OAAER,EAAMpB,MAAM4B,YAAY;OAAK;OAAA,IACvCC,WAAQ;QAAA,OAAET,EAAMpB,MAAM6B,YAAY;OAAK;OAAA,IACvCF,WAAQ;QAAA,OAAEP,EAAMpB,MAAM2B,YAAY;OAAK;MAAA,SACnCP,EAAMnB,WAAS,EAAA,IAAA6B,WAAA;OAAA,OAAAR,EAElB7C,GAAkB,EAAA,IAAAqD,WAAA;QAAA,OAAA,CAAAR,EAChB5C,GAAgBsD,QAAKZ,EAAMlB,UAAU,CAAA,GAAAoB,EACrCW,GAAI;SAAA,IAACC,OAAI;UAAA,OAAEd,EAAMpB,MAAMZ,iBAAiB;SAAK;SAAA,IAAA0C,WAAA;UAAA,OAAAR,EAC3C3C,GAAmB,CAAA,CAAA;SAAA;QAAA,CAAA,CAAA;OAAA,EAAA,CAAA;MAAA,EAAA,CAAA,CAAA;KAAA;IAAA,CAAA;IAAA2C,EAK3BhD,GAAU,EAAA,IAACmD,SAAM;KAAA,OAAEL,EAAMtB,MAAM,CAAC,CAACe,MAAMW,KAAKC;IAAM,EAAA,CAAA;IAAAH,EAClD/C,GAAgB,EAAA,IAAAuD,WAAA;KAAA,OAAEV,EAAMpB,MAAMb;IAAW,EAAA,CAAA;GAAA;EAAA,EAAA,CAAA,CAAA;CAAA;AAAA,CAAA,GAKnCgD,KAAsDf,MAAU;CAC3E,IAAMtB,IAAQlB,EAAwB,GAChC,CAACoB,GAAOoC,KAAUC,EAAWjB,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;EACA;CAAe,CAChB,GACK,CAACnB,GAAWC,KAAcmC,EAAWD,GAAQtD,CAAuB,GACpE+B,IAAQH,EAA4BZ,CAAK;CAE/C,OAAOqB,EAAuB;EAC5BrB;EACAE;EACAC;EACAC;EACAE,YAAYS,EAAMT;EAClBC,eAAeQ,EAAMR;EACrBE,eAAeM,EAAMN;EACrBC,QAAQK,EAAML;CAChB,CAAC;AACH"}