@manafishrov/ui 1.3.4 → 1.3.5

package/dist/components/form/AutoSubmit.js

@@ -1,21 +1,21 @@
-import { createEffect as n, onCleanup as s } from "solid-js";
-import { useFormContext as m } from "./context.js";
-const i = 300, h = (o) => {
-  const t = m(), r = t.useStore((e) => e.values), u = t.useStore((e) => e.isTouched);
-  return n(() => {
+import { useFormContext as n } from "./context.js";
+import { createEffect as s, onCleanup as m } from "solid-js";
+const f = (t) => {
+  const o = n(), r = o.useStore((e) => e.values), u = o.useStore((e) => e.isTouched);
+  return s(() => {
     if (r(), !u())
       return;
     const e = setTimeout(() => {
-      t.handleSubmit().catch((c) => {
+      o.handleSubmit().catch((c) => {
         throw c;
       });
-    }, Math.max(0, o.debounce ?? i));
-    s(() => {
+    }, t.debounce ?? 0);
+    m(() => {
       clearTimeout(e);
     });
   }), [];
 };
 export {
-  h as AutoSubmit
+  f as AutoSubmit
 };
 //# sourceMappingURL=AutoSubmit.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AutoSubmit.js","sources":["../../../src/components/form/AutoSubmit.tsx"],"sourcesContent":["import { createEffect, onCleanup, type Component } from 'solid-js';\n\nimport { useFormContext } from './context';\n\nconst DEFAULT_DEBOUNCE_MS = 300;\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 isTouched = form.useStore((state) => state.isTouched);\n\n  createEffect(() => {\n    values();\n\n    if (!isTouched()) {\n      return;\n    }\n\n    const debounceTimer = setTimeout(\n      () => {\n        form.handleSubmit().catch((error: unknown) => {\n          throw error;\n        });\n      },\n      Math.max(0, props.debounce ?? DEFAULT_DEBOUNCE_MS),\n    );\n\n    onCleanup(() => {\n      clearTimeout(debounceTimer);\n    });\n  });\n\n  return <></>;\n};\n"],"names":["DEFAULT_DEBOUNCE_MS","AutoSubmit","props","form","useFormContext","values","useStore","state","isTouched","createEffect","debounceTimer","setTimeout","handleSubmit","catch","error","Math","max","debounce","onCleanup","clearTimeout"],"mappings":";;AAIA,MAAMA,IAAsB,KAMfC,IAA0CC,CAAAA,MAAU;AAC/D,QAAMC,IAAOC,EAAAA,GACPC,IAASF,EAAKG,SAAUC,CAAAA,MAAUA,EAAMF,MAAM,GAC9CG,IAAYL,EAAKG,SAAUC,CAAAA,MAAUA,EAAMC,SAAS;AAE1DC,SAAAA,EAAa,MAAM;AAGjB,QAFAJ,EAAAA,GAEI,CAACG;AACH;AAGF,UAAME,IAAgBC,WACpB,MAAM;AACJR,MAAAA,EAAKS,aAAAA,EAAeC,MAAM,CAACC,MAAmB;AAC5C,cAAMA;AAAAA,MACR,CAAC;AAAA,IACH,GACAC,KAAKC,IAAI,GAAGd,EAAMe,YAAYjB,CAAmB,CACnD;AAEAkB,IAAAA,EAAU,MAAM;AACdC,mBAAaT,CAAa;AAAA,IAC5B,CAAC;AAAA,EACH,CAAC,GAED,CAAA;AACF;"}
+{"version":3,"file":"AutoSubmit.js","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 isTouched = form.useStore((state) => state.isTouched);\n\n  createEffect(() => {\n    values();\n\n    if (!isTouched()) {\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"],"names":["AutoSubmit","props","form","useFormContext","values","useStore","state","isTouched","createEffect","debounceTimer","setTimeout","handleSubmit","catch","error","debounce","onCleanup","clearTimeout"],"mappings":";;AAQO,MAAMA,IAA0CC,CAAAA,MAAU;AAC/D,QAAMC,IAAOC,EAAAA,GACPC,IAASF,EAAKG,SAAUC,CAAAA,MAAUA,EAAMF,MAAM,GAC9CG,IAAYL,EAAKG,SAAUC,CAAAA,MAAUA,EAAMC,SAAS;AAE1DC,SAAAA,EAAa,MAAM;AAGjB,QAFAJ,EAAAA,GAEI,CAACG;AACH;AAGF,UAAME,IAAgBC,WAAW,MAAM;AACrCR,MAAAA,EAAKS,aAAAA,EAAeC,MAAM,CAACC,MAAmB;AAC5C,cAAMA;AAAAA,MACR,CAAC;AAAA,IACH,GAAGZ,EAAMa,YAAY,CAAC;AAEtBC,IAAAA,EAAU,MAAM;AACdC,mBAAaP,CAAa;AAAA,IAC5B,CAAC;AAAA,EACH,CAAC,GAED,CAAA;AACF;"}

package/dist/components/form/ComboboxField.d.ts

@@ -1,5 +1,5 @@
 import { ComboboxRootProps } from '@ark-ui/solid';
-import { Component, ComponentProps } from 'solid-js';
+import { Component, ComponentProps, JSXElement } from 'solid-js';
 import { Combobox, ComboboxInput } from '../Combobox';
 declare const COMBOBOX_ROOT_PROPS: readonly ["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"];
 export type ComboboxFieldProps = ComponentProps<typeof ComboboxInput> & Pick<ComponentProps<typeof Combobox<string>>, (typeof COMBOBOX_ROOT_PROPS)[number]> & {
@@ -8,6 +8,7 @@ export type ComboboxFieldProps = ComponentProps<typeof ComboboxInput> & Pick<Com
     description?: string;
     showTrigger?: boolean;
     showClearTrigger?: boolean;
+    trailingAddon?: JSXElement;
 } & {
     class?: string;
 };

package/dist/components/form/ComboboxField.js

@@ -1,22 +1,23 @@
-import { createComponent as e, mergeProps as a, insert as s, memo as u, template as c } from "solid-js/web";
-import { Combobox as h, ComboboxControl as p, ComboboxInput as m, ComboboxClearTrigger as C, ComboboxTrigger as b, ComboboxPositioner as O, ComboboxContent as f, ComboboxList as x } from "../Combobox.js";
+import { createComponent as e, mergeProps as a, insert as u, memo as s, template as c } from "solid-js/web";
+import { Combobox as h, ComboboxControl as m, ComboboxInput as p, ComboboxClearTrigger as C, ComboboxTrigger as b, ComboboxPositioner as O, ComboboxContent as f, ComboboxList as x } from "../Combobox.js";
 import { Field as T, FieldLabel as v, FieldContent as w, FieldError as F, FieldDescription as P } from "../Field.js";
 import { useFieldContext as y } from "./context.js";
+import { WithTrailingAddon as B } from "./WithTrailingAddon.js";
 import { splitProps as i } from "solid-js";
-var B = /* @__PURE__ */ c('<div class="gap-1 flex items-center">');
-const V = ["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"], _ = (l) => {
+var V = /* @__PURE__ */ c('<div class="gap-1 flex items-center">');
+const _ = ["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"], I = (l) => {
   const [t, r] = i(l, ["showTrigger", "showClearTrigger", "children"]);
-  return [e(p, {
+  return [e(m, {
     get children() {
-      return [e(m, r), (() => {
-        var o = B();
-        return s(o, (() => {
-          var n = u(() => t.showClearTrigger === !0);
-          return () => n() && e(C, {});
-        })(), null), s(o, (() => {
-          var n = u(() => t.showTrigger === !0);
-          return () => n() && e(b, {});
-        })(), null), o;
+      return [e(p, r), (() => {
+        var n = V();
+        return u(n, (() => {
+          var o = s(() => t.showClearTrigger === !0);
+          return () => o() && e(C, {});
+        })(), null), u(n, (() => {
+          var o = s(() => t.showTrigger === !0);
+          return () => o() && e(b, {});
+        })(), null), n;
       })()];
     }
   }), e(O, {
@@ -32,8 +33,8 @@ const V = ["placeholder", "inputBehavior", "openOnChange", "openOnClick", "openO
       });
     }
   })];
-}, I = ["label", "description", "required", "disabled", "readOnly", "collection", "showTrigger", "showClearTrigger", "children"], q = (l) => {
-  const t = y(), [r, o] = i(l, I), [n, g] = i(o, V);
+}, E = ["label", "description", "required", "disabled", "readOnly", "collection", "showTrigger", "showClearTrigger", "children", "trailingAddon"], D = (l) => {
+  const t = y(), [r, n] = i(l, E), [o, d] = i(n, _);
   return e(T, {
     get invalid() {
       return t().state.meta.errors.length > 0;
@@ -54,44 +55,51 @@ const V = ["placeholder", "inputBehavior", "openOnChange", "openOnClick", "openO
         }
       }), e(w, {
         get children() {
-          return [e(h, a({
-            get collection() {
-              return r.collection;
+          return [e(B, {
+            get addon() {
+              return r.trailingAddon;
             },
-            get value() {
-              return t().state.value;
-            },
-            onValueChange: (d) => {
-              t().handleChange(d.value);
-            },
-            onBlur: () => {
-              t().handleBlur();
-            },
-            get invalid() {
-              return t().state.meta.errors.length > 0;
-            },
-            get disabled() {
-              return r.disabled ?? !1;
-            },
-            get readOnly() {
-              return r.readOnly ?? !1;
-            }
-          }, n, {
             get children() {
-              return e(_, a({
-                get showTrigger() {
-                  return r.showTrigger;
+              return e(h, a({
+                get collection() {
+                  return r.collection;
+                },
+                get value() {
+                  return t().state.value;
+                },
+                onValueChange: (g) => {
+                  t().handleChange(g.value);
+                },
+                onBlur: () => {
+                  t().handleBlur();
+                },
+                get invalid() {
+                  return t().state.meta.errors.length > 0;
+                },
+                get disabled() {
+                  return r.disabled ?? !1;
                 },
-                get showClearTrigger() {
-                  return r.showClearTrigger;
+                get readOnly() {
+                  return r.readOnly ?? !1;
                 }
-              }, g, {
+              }, o, {
                 get children() {
-                  return r.children;
+                  return e(I, a({
+                    get showTrigger() {
+                      return r.showTrigger;
+                    },
+                    get showClearTrigger() {
+                      return r.showClearTrigger;
+                    }
+                  }, d, {
+                    get children() {
+                      return r.children;
+                    }
+                  }));
                 }
               }));
             }
-          })), e(F, {
+          }), e(F, {
             get errors() {
               return t().state.meta.errors;
             }
@@ -106,6 +114,6 @@ const V = ["placeholder", "inputBehavior", "openOnChange", "openOnClick", "openO
   });
 };
 export {
-  q as ComboboxField
+  D as ComboboxField
 };
 //# sourceMappingURL=ComboboxField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxField.js","sources":["../../../src/components/form/ComboboxField.tsx"],"sourcesContent":["import type { ComboboxRootProps } from '@ark-ui/solid';\nimport type { Component, ComponentProps } 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';\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  } & { 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] 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        <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        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"names":["COMBOBOX_ROOT_PROPS","ComboboxInputGroup","props","local","others","splitProps","_$createComponent","ComboboxControl","children","ComboboxInput","_el$","_tmpl$","_$insert","_c$","_$memo","showClearTrigger","ComboboxClearTrigger","_c$2","showTrigger","ComboboxTrigger","ComboboxPositioner","ComboboxContent","ComboboxList","COMBOBOX_FIELD_PROPS","ComboboxField","field","useFieldContext","rootProps","inputProps","Field","invalid","state","meta","errors","length","disabled","readOnly","required","FieldLabel","label","FieldContent","Combobox","_$mergeProps","collection","value","onValueChange","details","handleChange","onBlur","handleBlur","FieldError","FieldDescription","description"],"mappings":"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"}
+{"version":3,"file":"ComboboxField.js","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"],"names":["COMBOBOX_ROOT_PROPS","ComboboxInputGroup","props","local","others","splitProps","_$createComponent","ComboboxControl","children","ComboboxInput","_el$","_tmpl$","_$insert","_c$","_$memo","showClearTrigger","ComboboxClearTrigger","_c$2","showTrigger","ComboboxTrigger","ComboboxPositioner","ComboboxContent","ComboboxList","COMBOBOX_FIELD_PROPS","ComboboxField","field","useFieldContext","rootProps","inputProps","Field","invalid","state","meta","errors","length","disabled","readOnly","required","FieldLabel","label","FieldContent","WithTrailingAddon","addon","trailingAddon","Combobox","_$mergeProps","collection","value","onValueChange","details","handleChange","onBlur","handleBlur","FieldError","FieldDescription","description"],"mappings":"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"}

package/dist/components/form/DatePickerField.d.ts

@@ -1,11 +1,12 @@
 import { DatePickerInputProps } from '@ark-ui/solid';
-import { Component, ComponentProps } from 'solid-js';
+import { Component, ComponentProps, JSXElement } from 'solid-js';
 import { DatePicker } from '../DatePicker';
 declare const DATE_PICKER_ROOT_PROPS: readonly ["min", "max", "locale", "timeZone", "format", "parse", "selectionMode", "numOfMonths", "fixedWeeks", "startOfWeek", "showWeekNumbers", "outsideDaySelectable", "isDateUnavailable", "openOnClick", "positioning", "closeOnSelect", "defaultFocusedValue", "defaultOpen", "defaultValue", "defaultView", "focusedValue", "ids", "immediate", "inline", "lazyMount", "maxSelectedDates", "maxView", "minView", "name", "onExitComplete", "onFocusChange", "onOpenChange", "onValueChange", "onViewChange", "onVisibleRangeChange", "open", "present", "skipAnimationOnMount", "translations", "unmountOnExit", "view"];
 export type DatePickerFieldProps = DatePickerInputProps & Pick<ComponentProps<typeof DatePicker>, (typeof DATE_PICKER_ROOT_PROPS)[number]> & {
     label?: string;
     description?: string;
     showTrigger?: boolean;
+    trailingAddon?: JSXElement;
 };
 export declare const DatePickerField: Component<DatePickerFieldProps>;
 export {};

package/dist/components/form/DatePickerField.js

@@ -2,6 +2,7 @@ import { createComponent as e, mergeProps as o, Show as u } from "solid-js/web";
 import { DatePicker as g, DatePickerControl as c, DatePickerInput as h, DatePickerTrigger as p, DatePickerPositioner as m, DatePickerContent as f, DatePickerViews as P } from "../DatePicker.js";
 import { Field as O, FieldLabel as C, FieldContent as D, FieldError as w, FieldDescription as k } from "../Field.js";
 import { useFieldContext as b } from "./context.js";
+import { WithTrailingAddon as T } from "./WithTrailingAddon.js";
 import { splitProps as i } from "solid-js";
 const V = ["min", "max", "locale", "timeZone", "format", "parse", "selectionMode", "numOfMonths", "fixedWeeks", "startOfWeek", "showWeekNumbers", "outsideDaySelectable", "isDateUnavailable", "openOnClick", "positioning", "closeOnSelect", "defaultFocusedValue", "defaultOpen", "defaultValue", "defaultView", "focusedValue", "ids", "immediate", "inline", "lazyMount", "maxSelectedDates", "maxView", "minView", "name", "onExitComplete", "onFocusChange", "onOpenChange", "onValueChange", "onViewChange", "onVisibleRangeChange", "open", "present", "skipAnimationOnMount", "translations", "unmountOnExit", "view"], F = (n) => {
   const [t, r] = i(n, ["showTrigger"]);
@@ -25,8 +26,8 @@ const V = ["min", "max", "locale", "timeZone", "format", "parse", "selectionMode
       });
     }
   })];
-}, T = ["label", "description", "required", "disabled", "readOnly", "placeholder", "showTrigger"], S = (n) => {
-  const t = b(), [r, l] = i(n, T), [a, s] = i(l, V);
+}, x = ["label", "description", "required", "disabled", "readOnly", "placeholder", "showTrigger", "trailingAddon"], _ = (n) => {
+  const t = b(), [r, l] = i(n, x), [a, s] = i(l, V);
   return e(O, {
     get invalid() {
       return t().state.meta.errors.length > 0;
@@ -47,36 +48,43 @@ const V = ["min", "max", "locale", "timeZone", "format", "parse", "selectionMode
         }
       }), e(D, {
         get children() {
-          return [e(g, o({
-            get value() {
-              return t().state.value;
+          return [e(T, {
+            get addon() {
+              return r.trailingAddon;
             },
-            onValueChange: (d) => {
-              t().handleChange(d.value);
-            },
-            onBlur: () => {
-              t().handleBlur();
-            },
-            get invalid() {
-              return t().state.meta.errors.length > 0;
-            },
-            get disabled() {
-              return r.disabled ?? !1;
-            },
-            get readOnly() {
-              return r.readOnly ?? !1;
-            }
-          }, a, {
             get children() {
-              return e(F, o(s, {
-                get placeholder() {
-                  return r.placeholder;
+              return e(g, o({
+                get value() {
+                  return t().state.value;
+                },
+                onValueChange: (d) => {
+                  t().handleChange(d.value);
+                },
+                onBlur: () => {
+                  t().handleBlur();
+                },
+                get invalid() {
+                  return t().state.meta.errors.length > 0;
+                },
+                get disabled() {
+                  return r.disabled ?? !1;
+                },
+                get readOnly() {
+                  return r.readOnly ?? !1;
+                }
+              }, a, {
+                get children() {
+                  return e(F, o(s, {
+                    get placeholder() {
+                      return r.placeholder;
+                    }
+                  }, () => typeof r.showTrigger == "boolean" && {
+                    showTrigger: r.showTrigger
+                  }));
                 }
-              }, () => typeof r.showTrigger == "boolean" && {
-                showTrigger: r.showTrigger
               }));
             }
-          })), e(w, {
+          }), e(w, {
             get errors() {
               return t().state.meta.errors;
             }
@@ -91,6 +99,6 @@ const V = ["min", "max", "locale", "timeZone", "format", "parse", "selectionMode
   });
 };
 export {
-  S as DatePickerField
+  _ as DatePickerField
 };
 //# sourceMappingURL=DatePickerField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerField.js","sources":["../../../src/components/form/DatePickerField.tsx"],"sourcesContent":["import type { DatePickerInputProps, DateValue } from '@ark-ui/solid';\nimport type { Component, ComponentProps } 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';\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  };\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] 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        <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        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"names":["DATE_PICKER_ROOT_PROPS","DatePickerInputGroup","props","local","others","splitProps","_$createComponent","DatePickerControl","children","DatePickerInput","_$Show","when","showTrigger","DatePickerTrigger","DatePickerPositioner","DatePickerContent","DatePickerViews","DATE_PICKER_FIELD_PROPS","DatePickerField","field","useFieldContext","rootProps","inputProps","Field","invalid","state","meta","errors","length","disabled","readOnly","required","FieldLabel","label","FieldContent","DatePicker","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur","placeholder","FieldError","FieldDescription","description"],"mappings":";;;;;AAgBA,MAAMA,IAAyB,CAC7B,OACA,OACA,UACA,YACA,UACA,SACA,iBACA,eACA,cACA,eACA,mBACA,wBACA,qBACA,eACA,eACA,iBACA,uBACA,eACA,gBACA,eACA,gBACA,OACA,aACA,UACA,aACA,oBACA,WACA,WACA,QACA,kBACA,iBACA,gBACA,iBACA,gBACA,wBACA,QACA,WACA,wBACA,gBACA,iBACA,MAAM,GAUFC,IACJC,CAAAA,MACG;AACH,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,aAAa,CAAC;AAEzD,SAAA,CAAAI,EAEKC,GAAiB;AAAA,IAAA,IAAAC,WAAA;AAAA,aAAA,CAAAF,EACfG,GAAoBL,CAAM,GAAAE,EAC1BI,GAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAER,EAAMS,gBAAgB;AAAA,QAAK;AAAA,QAAA,IAAAJ,WAAA;AAAA,iBAAAF,EACpCO,GAAiB,EAAA;AAAA,QAAA;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,GAAAP,EAGrBQ,GAAoB;AAAA,IAAA,IAAAN,WAAA;AAAA,aAAAF,EAClBS,GAAiB;AAAA,QAAA,IAAAP,WAAA;AAAA,iBAAAF,EACfU,GAAe,EAAA;AAAA,QAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAK1B,GAEMC,IAA0B,CAC9B,SACA,eACA,YACA,YACA,YACA,eACA,aAAa,GAGFC,IAAoDhB,CAAAA,MAAU;AACzE,QAAMiB,IAAQC,EAAAA,GACR,CAACjB,GAAOC,CAAM,IAAIC,EAAWH,GAAOe,CAAuB,GAC3D,CAACI,GAAWC,CAAU,IAAIjB,EAAWD,GAAQJ,CAAsB;AAEzE,SAAAM,EACGiB,GAAK;AAAA,IAAA,IACJC,UAAO;AAAA,aAAEL,EAAAA,EAAQM,MAAMC,KAAKC,OAAOC,SAAS;AAAA,IAAC;AAAA,IAAA,IAC7CC,WAAQ;AAAA,aAAE1B,EAAM0B,YAAY;AAAA,IAAK;AAAA,IAAA,IACjCC,WAAQ;AAAA,aAAE3B,EAAM2B,YAAY;AAAA,IAAK;AAAA,IAAA,IACjCC,WAAQ;AAAA,aAAE5B,EAAM4B,YAAY;AAAA,IAAK;AAAA,IAAA,IAAAvB,WAAA;AAAA,aAAA,CAAAF,EAEhC0B,GAAU;AAAA,QAAA,IAAAxB,WAAA;AAAA,iBAAEL,EAAM8B;AAAAA,QAAK;AAAA,MAAA,CAAA,GAAA3B,EACvB4B,GAAY;AAAA,QAAA,IAAA1B,WAAA;AAAA,iBAAA,CAAAF,EACV6B,GAAUC,EAAA;AAAA,YAAA,IACTC,QAAK;AAAA,qBAAElB,EAAAA,EAAQM,MAAMY;AAAAA,YAAK;AAAA,YAC1BC,eAAgBC,CAAAA,MAAY;AAC1BpB,cAAAA,IAAQqB,aAAaD,EAAQF,KAAK;AAAA,YACpC;AAAA,YACAI,QAAQA,MAAM;AACZtB,cAAAA,EAAAA,EAAQuB,WAAAA;AAAAA,YACV;AAAA,YAAC,IACDlB,UAAO;AAAA,qBAAEL,EAAAA,EAAQM,MAAMC,KAAKC,OAAOC,SAAS;AAAA,YAAC;AAAA,YAAA,IAC7CC,WAAQ;AAAA,qBAAE1B,EAAM0B,YAAY;AAAA,YAAK;AAAA,YAAA,IACjCC,WAAQ;AAAA,qBAAE3B,EAAM2B,YAAY;AAAA,YAAK;AAAA,UAAA,GAC7BT,GAAS;AAAA,YAAA,IAAAb,WAAA;AAAA,qBAAAF,EAEZL,GAAoBmC,EACfd,GAAU;AAAA,gBAAA,IACdqB,cAAW;AAAA,yBAAExC,EAAMwC;AAAAA,gBAAW;AAAA,cAAA,GAAA,MACzB,OAAOxC,EAAMS,eAAgB,aAAa;AAAA,gBAAEA,aAAaT,EAAMS;AAAAA,cAAAA,CAAa,CAAA;AAAA,YAAA;AAAA,UAAA,CAAA,CAAA,GAAAN,EAGpFsC,GAAU;AAAA,YAAA,IAACjB,SAAM;AAAA,qBAAER,EAAAA,EAAQM,MAAMC,KAAKC;AAAAA,YAAM;AAAA,UAAA,CAAA,GAAArB,EAC5CuC,GAAgB;AAAA,YAAA,IAAArC,WAAA;AAAA,qBAAEL,EAAM2C;AAAAA,YAAW;AAAA,UAAA,CAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAI5C;"}
+{"version":3,"file":"DatePickerField.js","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"],"names":["DATE_PICKER_ROOT_PROPS","DatePickerInputGroup","props","local","others","splitProps","_$createComponent","DatePickerControl","children","DatePickerInput","_$Show","when","showTrigger","DatePickerTrigger","DatePickerPositioner","DatePickerContent","DatePickerViews","DATE_PICKER_FIELD_PROPS","DatePickerField","field","useFieldContext","rootProps","inputProps","Field","invalid","state","meta","errors","length","disabled","readOnly","required","FieldLabel","label","FieldContent","WithTrailingAddon","addon","trailingAddon","DatePicker","_$mergeProps","value","onValueChange","details","handleChange","onBlur","handleBlur","placeholder","FieldError","FieldDescription","description"],"mappings":";;;;;;AAiBA,MAAMA,IAAyB,CAC7B,OACA,OACA,UACA,YACA,UACA,SACA,iBACA,eACA,cACA,eACA,mBACA,wBACA,qBACA,eACA,eACA,iBACA,uBACA,eACA,gBACA,eACA,gBACA,OACA,aACA,UACA,aACA,oBACA,WACA,WACA,QACA,kBACA,iBACA,gBACA,iBACA,gBACA,wBACA,QACA,WACA,wBACA,gBACA,iBACA,MAAM,GAWFC,IACJC,CAAAA,MACG;AACH,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,aAAa,CAAC;AAEzD,SAAA,CAAAI,EAEKC,GAAiB;AAAA,IAAA,IAAAC,WAAA;AAAA,aAAA,CAAAF,EACfG,GAAoBL,CAAM,GAAAE,EAC1BI,GAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAER,EAAMS,gBAAgB;AAAA,QAAK;AAAA,QAAA,IAAAJ,WAAA;AAAA,iBAAAF,EACpCO,GAAiB,EAAA;AAAA,QAAA;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,GAAAP,EAGrBQ,GAAoB;AAAA,IAAA,IAAAN,WAAA;AAAA,aAAAF,EAClBS,GAAiB;AAAA,QAAA,IAAAP,WAAA;AAAA,iBAAAF,EACfU,GAAe,EAAA;AAAA,QAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAK1B,GAEMC,IAA0B,CAC9B,SACA,eACA,YACA,YACA,YACA,eACA,eACA,eAAe,GAGJC,IAAoDhB,CAAAA,MAAU;AACzE,QAAMiB,IAAQC,EAAAA,GACR,CAACjB,GAAOC,CAAM,IAAIC,EAAWH,GAAOe,CAAuB,GAC3D,CAACI,GAAWC,CAAU,IAAIjB,EAAWD,GAAQJ,CAAsB;AAEzE,SAAAM,EACGiB,GAAK;AAAA,IAAA,IACJC,UAAO;AAAA,aAAEL,EAAAA,EAAQM,MAAMC,KAAKC,OAAOC,SAAS;AAAA,IAAC;AAAA,IAAA,IAC7CC,WAAQ;AAAA,aAAE1B,EAAM0B,YAAY;AAAA,IAAK;AAAA,IAAA,IACjCC,WAAQ;AAAA,aAAE3B,EAAM2B,YAAY;AAAA,IAAK;AAAA,IAAA,IACjCC,WAAQ;AAAA,aAAE5B,EAAM4B,YAAY;AAAA,IAAK;AAAA,IAAA,IAAAvB,WAAA;AAAA,aAAA,CAAAF,EAEhC0B,GAAU;AAAA,QAAA,IAAAxB,WAAA;AAAA,iBAAEL,EAAM8B;AAAAA,QAAK;AAAA,MAAA,CAAA,GAAA3B,EACvB4B,GAAY;AAAA,QAAA,IAAA1B,WAAA;AAAA,iBAAA,CAAAF,EACV6B,GAAiB;AAAA,YAAA,IAACC,QAAK;AAAA,qBAAEjC,EAAMkC;AAAAA,YAAa;AAAA,YAAA,IAAA7B,WAAA;AAAA,qBAAAF,EAC1CgC,GAAUC,EAAA;AAAA,gBAAA,IACTC,QAAK;AAAA,yBAAErB,EAAAA,EAAQM,MAAMe;AAAAA,gBAAK;AAAA,gBAC1BC,eAAgBC,CAAAA,MAAY;AAC1BvB,kBAAAA,IAAQwB,aAAaD,EAAQF,KAAK;AAAA,gBACpC;AAAA,gBACAI,QAAQA,MAAM;AACZzB,kBAAAA,EAAAA,EAAQ0B,WAAAA;AAAAA,gBACV;AAAA,gBAAC,IACDrB,UAAO;AAAA,yBAAEL,EAAAA,EAAQM,MAAMC,KAAKC,OAAOC,SAAS;AAAA,gBAAC;AAAA,gBAAA,IAC7CC,WAAQ;AAAA,yBAAE1B,EAAM0B,YAAY;AAAA,gBAAK;AAAA,gBAAA,IACjCC,WAAQ;AAAA,yBAAE3B,EAAM2B,YAAY;AAAA,gBAAK;AAAA,cAAA,GAC7BT,GAAS;AAAA,gBAAA,IAAAb,WAAA;AAAA,yBAAAF,EAEZL,GAAoBsC,EACfjB,GAAU;AAAA,oBAAA,IACdwB,cAAW;AAAA,6BAAE3C,EAAM2C;AAAAA,oBAAW;AAAA,kBAAA,GAAA,MACzB,OAAO3C,EAAMS,eAAgB,aAAa;AAAA,oBAAEA,aAAaT,EAAMS;AAAAA,kBAAAA,CAAa,CAAA;AAAA,gBAAA;AAAA,cAAA,CAAA,CAAA;AAAA,YAAA;AAAA,UAAA,CAAA,GAAAN,EAItFyC,GAAU;AAAA,YAAA,IAACpB,SAAM;AAAA,qBAAER,EAAAA,EAAQM,MAAMC,KAAKC;AAAAA,YAAM;AAAA,UAAA,CAAA,GAAArB,EAC5C0C,GAAgB;AAAA,YAAA,IAAAxC,WAAA;AAAA,qBAAEL,EAAM8C;AAAAA,YAAW;AAAA,UAAA,CAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAI5C;"}

package/dist/components/form/Form.js

@@ -1,26 +1,26 @@
 import { spread as l, mergeProps as f, insert as n, template as s } from "solid-js/web";
 import { createFormHook as d } from "@tanstack/solid-form";
-import { splitProps as a } from "solid-js";
-import { cn as u } from "../../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
-import { AutoSubmit as c } from "./AutoSubmit.js";
-import { CheckboxField as F } from "./CheckboxField.js";
-import { ComboboxField as h } from "./ComboboxField.js";
-import { useFormContext as x, fieldContext as b, formContext as C } from "./context.js";
-import { DatePickerField as P } from "./DatePickerField.js";
-import { NumberInputField as S } from "./NumberInputField.js";
-import { PasswordInputField as w } from "./PasswordInputField.js";
-import { PinInputField as I } from "./PinInputField.js";
-import { RadioGroupField as g } from "./RadioGroupField.js";
-import { SelectField as v } from "./SelectField.js";
-import { SliderField as k } from "./SliderField.js";
-import { SubmitButton as T } from "./SubmitButton.js";
-import { SwitchField as A } from "./SwitchField.js";
-import { TagsInputField as D } from "./TagsInputField.js";
-import { TextareaField as G } from "./TextareaField.js";
-import { TextInputField as _ } from "./TextInputField.js";
+import { cn as a } from "../../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
+import { AutoSubmit as u } from "./AutoSubmit.js";
+import { CheckboxField as c } from "./CheckboxField.js";
+import { ComboboxField as F } from "./ComboboxField.js";
+import { useFormContext as h, fieldContext as x, formContext as b } from "./context.js";
+import { DatePickerField as C } from "./DatePickerField.js";
+import { NumberInputField as P } from "./NumberInputField.js";
+import { PasswordInputField as S } from "./PasswordInputField.js";
+import { PinInputField as w } from "./PinInputField.js";
+import { RadioGroupField as I } from "./RadioGroupField.js";
+import { SelectField as g } from "./SelectField.js";
+import { SliderField as v } from "./SliderField.js";
+import { SubmitButton as k } from "./SubmitButton.js";
+import { SwitchField as T } from "./SwitchField.js";
+import { TagsInputField as A } from "./TagsInputField.js";
+import { TextareaField as D } from "./TextareaField.js";
+import { TextInputField as G } from "./TextInputField.js";
+import { splitProps as _ } from "solid-js";
 var $ = /* @__PURE__ */ s("<form>");
 const y = (e) => {
-  const m = x(), [r, i] = a(e, ["children", "class"]);
+  const m = h(), [r, i] = _(e, ["children", "class"]);
   return (() => {
     var o = $();
     return o.addEventListener("submit", (t) => {
@@ -29,7 +29,7 @@ const y = (e) => {
       });
     }), l(o, f({
       get class() {
-        return u("space-y-8 relative", r.class);
+        return a("space-y-8 relative", r.class);
       }
     }, i), !1, !0), n(o, () => r.children), o;
   })();
@@ -38,27 +38,27 @@ const y = (e) => {
   withForm: ro,
   withFieldGroup: to
 } = d({
-  formContext: C,
-  fieldContext: b,
+  formContext: b,
+  fieldContext: x,
   fieldComponents: {
-    CheckboxField: F,
-    ComboboxField: h,
-    DatePickerField: P,
-    NumberInputField: S,
-    PasswordInputField: w,
-    PinInputField: I,
-    RadioGroupField: g,
-    SelectField: v,
-    SliderField: k,
-    SwitchField: A,
-    TagsInputField: D,
-    TextInputField: _,
-    TextareaField: G
+    CheckboxField: c,
+    ComboboxField: F,
+    DatePickerField: C,
+    NumberInputField: P,
+    PasswordInputField: S,
+    PinInputField: w,
+    RadioGroupField: I,
+    SelectField: g,
+    SliderField: v,
+    SwitchField: T,
+    TagsInputField: A,
+    TextInputField: G,
+    TextareaField: D
   },
   formComponents: {
-    AutoSubmit: c,
+    AutoSubmit: u,
     Form: y,
-    SubmitButton: T
+    SubmitButton: k
   }
 });
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../src/components/form/Form.tsx"],"sourcesContent":["import { createFormHook } from '@tanstack/solid-form';\nimport { splitProps, type Component, type ComponentProps } from 'solid-js';\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"],"names":["Form","props","form","useFormContext","local","formProps","splitProps","_el$","_tmpl$","addEventListener","submitEvent","preventDefault","stopPropagation","handleSubmit","catch","error","_$spread","_$mergeProps","cn","class","_$insert","children","useAppForm","withForm","withFieldGroup","createFormHook","formContext","fieldContext","fieldComponents","CheckboxField","ComboboxField","DatePickerField","NumberInputField","PasswordInputField","PinInputField","RadioGroupField","SelectField","SliderField","SwitchField","TagsInputField","TextInputField","TextareaField","formComponents","AutoSubmit","SubmitButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuBO,MAAMA,IAA8BC,CAAAA,MAAU;AACnD,QAAMC,IAAOC,EAAAA,GACP,CAACC,GAAOC,CAAS,IAAIC,EAAWL,GAAO,CAAC,YAAY,OAAO,CAAC;AAElE,UAAA,MAAA;AAAA,QAAAM,IAAAC,EAAAA;AAAAD,WAAAA,EAAAE,iBAAA,UAGeC,CAAAA,MAAgB;AACzBA,MAAAA,EAAYC,eAAAA,GACZD,EAAYE,gBAAAA,GACZV,EAAKW,aAAAA,EAAeC,MAAM,CAACC,MAAmB;AAC5C,cAAMA;AAAAA,MACR,CAAC;AAAA,IACH,CAAC,GAAAC,EAAAT,GAAAU,EAAA;AAAA,MAAA,IAAA,QAAA;AAAA,eAPMC,EAAG,sBAAsBd,EAAMe,KAAK;AAAA,MAAC;AAAA,IAAA,GAQxCd,CAAS,GAAA,IAAA,EAAA,GAAAe,EAAAb,GAAA,MAEZH,EAAMiB,QAAQ,GAAAd;AAAAA,EAAA,GAAA;AAGrB,GAEa;AAAA,EAAEe,YAAAA;AAAAA,EAAYC,UAAAA;AAAAA,EAAUC,gBAAAA;AAAe,IAAIC,EAAe;AAAA,EACrEC,aAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,iBAAiB;AAAA,IACfC,eAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,kBAAAA;AAAAA,IACAC,oBAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,eAAAA;AAAAA,EAAAA;AAAAA,EAEFC,gBAAgB;AAAA,IACdC,YAAAA;AAAAA,IACA3C,MAAAA;AAAAA,IACA4C,cAAAA;AAAAA,EAAAA;AAEJ,CAAC;"}
+{"version":3,"file":"Form.js","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"],"names":["Form","props","form","useFormContext","local","formProps","splitProps","_el$","_tmpl$","addEventListener","submitEvent","preventDefault","stopPropagation","handleSubmit","catch","error","_$spread","_$mergeProps","cn","class","_$insert","children","useAppForm","withForm","withFieldGroup","createFormHook","formContext","fieldContext","fieldComponents","CheckboxField","ComboboxField","DatePickerField","NumberInputField","PasswordInputField","PinInputField","RadioGroupField","SelectField","SliderField","SwitchField","TagsInputField","TextInputField","TextareaField","formComponents","AutoSubmit","SubmitButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAwBO,MAAMA,IAA8BC,CAAAA,MAAU;AACnD,QAAMC,IAAOC,EAAAA,GACP,CAACC,GAAOC,CAAS,IAAIC,EAAWL,GAAO,CAAC,YAAY,OAAO,CAAC;AAElE,UAAA,MAAA;AAAA,QAAAM,IAAAC,EAAAA;AAAAD,WAAAA,EAAAE,iBAAA,UAGeC,CAAAA,MAAgB;AACzBA,MAAAA,EAAYC,eAAAA,GACZD,EAAYE,gBAAAA,GACZV,EAAKW,aAAAA,EAAeC,MAAM,CAACC,MAAmB;AAC5C,cAAMA;AAAAA,MACR,CAAC;AAAA,IACH,CAAC,GAAAC,EAAAT,GAAAU,EAAA;AAAA,MAAA,IAAA,QAAA;AAAA,eAPMC,EAAG,sBAAsBd,EAAMe,KAAK;AAAA,MAAC;AAAA,IAAA,GAQxCd,CAAS,GAAA,IAAA,EAAA,GAAAe,EAAAb,GAAA,MAEZH,EAAMiB,QAAQ,GAAAd;AAAAA,EAAA,GAAA;AAGrB,GAEa;AAAA,EAAEe,YAAAA;AAAAA,EAAYC,UAAAA;AAAAA,EAAUC,gBAAAA;AAAe,IAAIC,EAAe;AAAA,EACrEC,aAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,iBAAiB;AAAA,IACfC,eAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,kBAAAA;AAAAA,IACAC,oBAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,eAAAA;AAAAA,EAAAA;AAAAA,EAEFC,gBAAgB;AAAA,IACdC,YAAAA;AAAAA,IACA3C,MAAAA;AAAAA,IACA4C,cAAAA;AAAAA,EAAAA;AAEJ,CAAC;"}

package/dist/components/form/NumberInputField.d.ts

@@ -1,10 +1,11 @@
-import { Component, ComponentProps } from 'solid-js';
+import { Component, ComponentProps, JSXElement } from 'solid-js';
 import { NumberInput, NumberInputInput } from '../NumberInput';
 declare const NUMBER_INPUT_ROOT_PROPS: readonly ["min", "max", "step", "allowMouseWheel", "allowOverflow", "clampValueOnBlur", "formatOptions", "inputMode", "locale", "pattern", "spinOnPress", "focusInputOnChange", "translations", "form", "name", "onValueInvalid"];
 export type NumberInputFieldProps = ComponentProps<typeof NumberInputInput> & Pick<ComponentProps<typeof NumberInput>, (typeof NUMBER_INPUT_ROOT_PROPS)[number]> & {
     label?: string;
     description?: string;
     showTriggers?: boolean;
+    trailingAddon?: JSXElement;
 };
 export declare const NumberInputField: Component<NumberInputFieldProps>;
 export {};