@manafishrov/ui 1.4.4 → 1.4.6

package/dist/components/form/Form.js

@@ -1,70 +1,61 @@
-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 { 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 = h(), [r, i] = _(e, ["children", "class"]);
-  return (() => {
-    var o = $();
-    return o.addEventListener("submit", (t) => {
-      t.preventDefault(), t.stopPropagation(), m.handleSubmit().catch((p) => {
-        throw p;
-      });
-    }), l(o, f({
-      get class() {
-        return a("space-y-8 relative", r.class);
-      }
-    }, i), !1, !0), n(o, () => r.children), o;
-  })();
-}, {
-  useAppForm: oo,
-  withForm: ro,
-  withFieldGroup: to
-} = d({
-  formContext: b,
-  fieldContext: x,
-  fieldComponents: {
-    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: u,
-    Form: y,
-    SubmitButton: k
-  }
+import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/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";
+import { ComboboxField as o } from "./ComboboxField.js";
+import { DatePickerField as s } from "./DatePickerField.js";
+import { NumberInputField as c } from "./NumberInputField.js";
+import { PasswordInputField as l } from "./PasswordInputField.js";
+import { PinInputField as u } from "./PinInputField.js";
+import { RadioGroupField as d } from "./RadioGroupField.js";
+import { SelectField as f } from "./SelectField.js";
+import { SliderField as p } from "./SliderField.js";
+import { SubmitButton as m } from "./SubmitButton.js";
+import { SwitchField as h } from "./SwitchField.js";
+import { TagsInputField as g } from "./TagsInputField.js";
+import { TextareaField as _ } from "./TextareaField.js";
+import { TextInputField as v } from "./TextInputField.js";
+import { insert as y, mergeProps as b, spread as x, template as S } from "solid-js/web";
+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) => {
+	let n = r(), [i, a] = C(t, ["children", "class"]);
+	return (() => {
+		var t = T();
+		return t.addEventListener("submit", (e) => {
+			e.preventDefault(), e.stopPropagation(), n.handleSubmit().catch((e) => {
+				throw e;
+			});
+		}), x(t, b({ get class() {
+			return e("space-y-8 relative", i.class);
+		} }, a), !1, !0), y(t, () => i.children), t;
+	})();
+}, { useAppForm: D, withForm: O, withFieldGroup: k } = w({
+	formContext: n,
+	fieldContext: t,
+	fieldComponents: {
+		CheckboxField: a,
+		ComboboxField: o,
+		DatePickerField: s,
+		NumberInputField: c,
+		PasswordInputField: l,
+		PinInputField: u,
+		RadioGroupField: d,
+		SelectField: f,
+		SliderField: p,
+		SwitchField: h,
+		TagsInputField: g,
+		TextInputField: v,
+		TextareaField: _
+	},
+	formComponents: {
+		AutoSubmit: i,
+		Form: E,
+		SubmitButton: m
+	}
 });
-export {
-  y as Form,
-  oo as useAppForm,
-  to as withFieldGroup,
-  ro as withForm
-};
-//# sourceMappingURL=Form.js.map
+//#endregion
+export { E as Form, D as useAppForm, k as withFieldGroup, O as withForm };
+
+//# sourceMappingURL=Form.js.map

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

@@ -1 +1 @@
-{"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;"}
+{"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,GAAgB,EACvB,CAACkB,GAAOC,KAAaC,EAAWJ,GAAO,CAAC,YAAY,QAAQ,CAAC;AAEnE,eAAA;EAAA,IAAAK,IAAAC,GAAA;AAYmB,SAZnBD,EAAAE,iBAAA,WAGeC,MAAgB;AAGzBP,GAFAO,EAAYC,gBAAgB,EAC5BD,EAAYE,iBAAiB,EAC7BT,EAAKU,cAAc,CAACC,OAAOC,MAAmB;AAC5C,UAAMA;KACN;IACH,EAAAC,EAAAT,GAAAU,EAAA,EAAA,IAAA,QAAA;AAAA,UAPMrC,EAAG,sBAAsBwB,EAAMc,MAAM;KAAA,EAQxCb,EAAS,EAAA,IAAA,GAAA,EAAAc,EAAAZ,SAEZH,EAAMgB,SAAQ,EAAAb;KAAA;GAKR,EAAEc,eAAYC,aAAUC,sBAAmB5C,EAAe;CACrEM;CACAD;CACAwC,iBAAiB;EACf1C;EACAC;EACAI;EACAC;EACAC;EACAC;EACAC;EACAC;EACAC;EACAE;EACAC;EACAE;EACAD;EACD;CACD4B,gBAAgB;EACd5C;EACAoB;EACAP;;CAEH,CAAC"}

package/dist/components/form/NumberInputField.js

@@ -1,118 +1,136 @@
-import { createComponent as t, mergeProps as d, Show as s } from "solid-js/web";
-import { Field as g, FieldLabel as c, FieldContent as h, FieldError as f, FieldDescription as b } from "../Field.js";
-import { NumberInput as V, NumberInputControl as C, NumberInputInput as N, NumberInputTriggers as I } from "../NumberInput.js";
-import { useFieldContext as O } from "./context.js";
-import { WithTrailingAddon as F } from "./WithTrailingAddon.js";
-import { splitProps as m, createSignal as v, createEffect as P } from "solid-js";
-const B = ["min", "max", "step", "allowMouseWheel", "allowOverflow", "clampValueOnBlur", "formatOptions", "inputMode", "locale", "pattern", "spinOnPress", "focusInputOnChange", "translations", "form", "name", "onValueInvalid"], u = (e) => typeof e != "number" || !Number.isFinite(e) ? "" : String(e), w = (e) => {
-  const [l, n] = v(u(e().state.value));
-  return P(() => {
-    n(u(e().state.value));
-  }), {
-    inputValue: l,
-    onValueChange: (r) => {
-      n(r.value);
-    },
-    onValueCommit: (r) => {
-      n(r.value), Number.isFinite(r.valueAsNumber) && e().handleChange(r.valueAsNumber);
-    },
-    onBlur: () => {
-      n(u(e().state.value)), e().handleBlur();
-    }
-  };
-}, p = (e) => t(g, {
-  get invalid() {
-    return e.field().state.meta.errors.length > 0;
-  },
-  get required() {
-    return e.local.required ?? !1;
-  },
-  get disabled() {
-    return e.local.disabled ?? !1;
-  },
-  get readOnly() {
-    return e.local.readOnly ?? !1;
-  },
-  get children() {
-    return [t(c, {
-      get children() {
-        return e.local.label;
-      }
-    }), t(h, {
-      get children() {
-        return [t(F, {
-          get addon() {
-            return e.local.trailingAddon;
-          },
-          get children() {
-            return t(V, d({
-              get value() {
-                return e.inputValue();
-              },
-              get onValueChange() {
-                return e.onValueChange;
-              },
-              get onValueCommit() {
-                return e.onValueCommit;
-              },
-              get onBlur() {
-                return e.onBlur;
-              },
-              get invalid() {
-                return e.field().state.meta.errors.length > 0;
-              },
-              get disabled() {
-                return e.local.disabled ?? !1;
-              },
-              get readOnly() {
-                return e.local.readOnly ?? !1;
-              },
-              get required() {
-                return e.local.required ?? !1;
-              }
-            }, () => e.rootProps, {
-              get children() {
-                return t(C, {
-                  get children() {
-                    return [t(N, d(() => e.inputProps)), t(s, {
-                      get when() {
-                        return e.local.showTriggers !== !1;
-                      },
-                      get children() {
-                        return t(I, {});
-                      }
-                    })];
-                  }
-                });
-              }
-            }));
-          }
-        }), t(f, {
-          get errors() {
-            return e.field().state.meta.errors;
-          }
-        }), t(b, {
-          get children() {
-            return e.local.description;
-          }
-        })];
-      }
-    })];
-  }
-}), E = (e) => {
-  const l = O(), [n, a] = m(e, ["label", "description", "required", "disabled", "readOnly", "showTriggers", "trailingAddon"]), [o, i] = m(a, B), r = w(l);
-  return p({
-    field: l,
-    local: n,
-    rootProps: o,
-    inputProps: i,
-    inputValue: r.inputValue,
-    onValueChange: r.onValueChange,
-    onValueCommit: r.onValueCommit,
-    onBlur: r.onBlur
-  });
+import { Field as e, FieldContent as t, FieldDescription as n, FieldError as r, FieldLabel as i } from "../Field.js";
+import { WithTrailingAddon as a } from "./WithTrailingAddon.js";
+import { useFieldContext as o } from "./context.js";
+import { NumberInput as s, NumberInputControl as c, NumberInputInput as l, NumberInputTriggers as u } from "../NumberInput.js";
+import { Show as d, createComponent as f, mergeProps as p } from "solid-js/web";
+import { createEffect as m, createSignal as h, splitProps as g } from "solid-js";
+//#region src/components/form/NumberInputField.tsx
+var _ = [
+	"min",
+	"max",
+	"step",
+	"allowMouseWheel",
+	"allowOverflow",
+	"clampValueOnBlur",
+	"formatOptions",
+	"inputMode",
+	"locale",
+	"pattern",
+	"spinOnPress",
+	"focusInputOnChange",
+	"translations",
+	"form",
+	"name",
+	"onValueInvalid"
+], v = (e) => typeof e != "number" || !Number.isFinite(e) ? "" : String(e), y = (e) => {
+	let [t, n] = h(v(e().state.value));
+	return m(() => {
+		n(v(e().state.value));
+	}), {
+		inputValue: t,
+		onValueChange: (e) => {
+			n(e.value);
+		},
+		onValueCommit: (t) => {
+			n(t.value), Number.isFinite(t.valueAsNumber) && e().handleChange(t.valueAsNumber);
+		},
+		onBlur: () => {
+			n(v(e().state.value)), e().handleBlur();
+		}
+	};
+}, b = (o) => f(e, {
+	get invalid() {
+		return o.field().state.meta.errors.length > 0;
+	},
+	get required() {
+		return o.local.required ?? !1;
+	},
+	get disabled() {
+		return o.local.disabled ?? !1;
+	},
+	get readOnly() {
+		return o.local.readOnly ?? !1;
+	},
+	get children() {
+		return [f(i, { get children() {
+			return o.local.label;
+		} }), f(t, { get children() {
+			return [
+				f(a, {
+					get addon() {
+						return o.local.trailingAddon;
+					},
+					get children() {
+						return f(s, p({
+							get value() {
+								return o.inputValue();
+							},
+							get onValueChange() {
+								return o.onValueChange;
+							},
+							get onValueCommit() {
+								return o.onValueCommit;
+							},
+							get onBlur() {
+								return o.onBlur;
+							},
+							get invalid() {
+								return o.field().state.meta.errors.length > 0;
+							},
+							get disabled() {
+								return o.local.disabled ?? !1;
+							},
+							get readOnly() {
+								return o.local.readOnly ?? !1;
+							},
+							get required() {
+								return o.local.required ?? !1;
+							}
+						}, () => o.rootProps, { get children() {
+							return f(c, { get children() {
+								return [f(l, p(() => o.inputProps)), f(d, {
+									get when() {
+										return o.local.showTriggers !== !1;
+									},
+									get children() {
+										return f(u, {});
+									}
+								})];
+							} });
+						} }));
+					}
+				}),
+				f(r, { get errors() {
+					return o.field().state.meta.errors;
+				} }),
+				f(n, { get children() {
+					return o.local.description;
+				} })
+			];
+		} })];
+	}
+}), x = (e) => {
+	let t = o(), [n, r] = g(e, [
+		"label",
+		"description",
+		"required",
+		"disabled",
+		"readOnly",
+		"showTriggers",
+		"trailingAddon"
+	]), [i, a] = g(r, _), s = y(t);
+	return b({
+		field: t,
+		local: n,
+		rootProps: i,
+		inputProps: a,
+		inputValue: s.inputValue,
+		onValueChange: s.onValueChange,
+		onValueCommit: s.onValueCommit,
+		onBlur: s.onBlur
+	});
 };
-export {
-  E as NumberInputField
-};
-//# sourceMappingURL=NumberInputField.js.map
+//#endregion
+export { x as NumberInputField };
+
+//# sourceMappingURL=NumberInputField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NumberInputField.js","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"],"names":["NUMBER_INPUT_ROOT_PROPS","toNumberInputValue","value","Number","isFinite","String","createNumberInputFieldState","field","inputValue","setInputValue","createSignal","state","createEffect","onValueChange","details","onValueCommit","valueAsNumber","handleChange","onBlur","handleBlur","renderNumberInputField","props","_$createComponent","Field","invalid","meta","errors","length","required","local","disabled","readOnly","children","FieldLabel","label","FieldContent","WithTrailingAddon","addon","trailingAddon","NumberInput","_$mergeProps","rootProps","NumberInputControl","NumberInputInput","inputProps","_$Show","when","showTriggers","NumberInputTriggers","FieldError","FieldDescription","description","NumberInputField","useFieldContext","others","splitProps"],"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":"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"}