@manafishrov/ui 1.2.12 → 1.3.0

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

@@ -1,102 +1,117 @@
+import { Component, ComponentProps } from 'solid-js';
+export type FormProps = Omit<ComponentProps<'form'>, 'onSubmit'>;
+export declare const Form: Component<FormProps>;
 export declare const useAppForm: <TFormData, TOnMount extends import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined, TOnChange extends import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import('@tanstack/solid-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import('@tanstack/solid-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import('@tanstack/solid-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import('@tanstack/solid-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import('@tanstack/solid-form').FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: import('solid-js').Accessor<import('@tanstack/solid-form').FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>>) => import('@tanstack/solid-form').AppFieldExtendedSolidFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
-    readonly CheckboxField: import('solid-js').Component<import('./CheckboxField').CheckboxFieldProps>;
-    readonly ComboboxField: import('solid-js').Component<import('./ComboboxField').ComboboxFieldProps>;
-    readonly DatePickerField: import('solid-js').Component<import('./DatePickerField').DatePickerFieldProps>;
-    readonly NumberInputField: import('solid-js').Component<import('./NumberInputField').NumberInputFieldProps>;
-    readonly PasswordInputField: import('solid-js').Component<import('./PasswordInputField').PasswordInputFieldProps>;
-    readonly PinInputField: import('solid-js').Component<import('./PinInputField').PinInputFieldProps>;
-    readonly RadioGroupField: import('solid-js').Component<import('./RadioGroupField').RadioGroupFieldProps>;
-    readonly SelectField: import('solid-js').Component<import('./SelectField').SelectFieldProps>;
-    readonly SliderField: import('solid-js').Component<import('./SliderField').SliderFieldProps>;
-    readonly SwitchField: import('solid-js').Component<import('./SwitchField').SwitchFieldProps>;
-    readonly TagsInputField: import('solid-js').Component<import('./TagsInputField').TagsInputFieldProps>;
-    readonly TextInputField: import('solid-js').Component<import('./TextInputField').TextInputFieldProps>;
-    readonly TextareaField: import('solid-js').Component<import('./TextareaField').TextareaFieldProps>;
+    readonly CheckboxField: Component<import('./CheckboxField').CheckboxFieldProps>;
+    readonly ComboboxField: Component<import('./ComboboxField').ComboboxFieldProps>;
+    readonly DatePickerField: Component<import('./DatePickerField').DatePickerFieldProps>;
+    readonly NumberInputField: Component<import('./NumberInputField').NumberInputFieldProps>;
+    readonly PasswordInputField: Component<import('./PasswordInputField').PasswordInputFieldProps>;
+    readonly PinInputField: Component<import('./PinInputField').PinInputFieldProps>;
+    readonly RadioGroupField: Component<import('./RadioGroupField').RadioGroupFieldProps>;
+    readonly SelectField: Component<import('./SelectField').SelectFieldProps>;
+    readonly SliderField: Component<import('./SliderField').SliderFieldProps>;
+    readonly SwitchField: Component<import('./SwitchField').SwitchFieldProps>;
+    readonly TagsInputField: Component<import('./TagsInputField').TagsInputFieldProps>;
+    readonly TextInputField: Component<import('./TextInputField').TextInputFieldProps>;
+    readonly TextareaField: Component<import('./TextareaField').TextareaFieldProps>;
 }, {
-    readonly SubmitButton: import('solid-js').Component<import('./SubmitButton').SubmitButtonProps>;
+    readonly AutoSubmit: Component<import('./AutoSubmit').AutoSubmitProps>;
+    readonly Form: Component<FormProps>;
+    readonly SubmitButton: Component<import('./SubmitButton').SubmitButtonProps>;
 }>, withForm: <TFormData, TOnMount extends import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined, TOnChange extends import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import('@tanstack/solid-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import('@tanstack/solid-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import('@tanstack/solid-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import('@tanstack/solid-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import('@tanstack/solid-form').FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends Record<string, unknown> = {}>({ render, props, }: import('@tanstack/solid-form').WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
-    readonly CheckboxField: import('solid-js').Component<import('./CheckboxField').CheckboxFieldProps>;
-    readonly ComboboxField: import('solid-js').Component<import('./ComboboxField').ComboboxFieldProps>;
-    readonly DatePickerField: import('solid-js').Component<import('./DatePickerField').DatePickerFieldProps>;
-    readonly NumberInputField: import('solid-js').Component<import('./NumberInputField').NumberInputFieldProps>;
-    readonly PasswordInputField: import('solid-js').Component<import('./PasswordInputField').PasswordInputFieldProps>;
-    readonly PinInputField: import('solid-js').Component<import('./PinInputField').PinInputFieldProps>;
-    readonly RadioGroupField: import('solid-js').Component<import('./RadioGroupField').RadioGroupFieldProps>;
-    readonly SelectField: import('solid-js').Component<import('./SelectField').SelectFieldProps>;
-    readonly SliderField: import('solid-js').Component<import('./SliderField').SliderFieldProps>;
-    readonly SwitchField: import('solid-js').Component<import('./SwitchField').SwitchFieldProps>;
-    readonly TagsInputField: import('solid-js').Component<import('./TagsInputField').TagsInputFieldProps>;
-    readonly TextInputField: import('solid-js').Component<import('./TextInputField').TextInputFieldProps>;
-    readonly TextareaField: import('solid-js').Component<import('./TextareaField').TextareaFieldProps>;
+    readonly CheckboxField: Component<import('./CheckboxField').CheckboxFieldProps>;
+    readonly ComboboxField: Component<import('./ComboboxField').ComboboxFieldProps>;
+    readonly DatePickerField: Component<import('./DatePickerField').DatePickerFieldProps>;
+    readonly NumberInputField: Component<import('./NumberInputField').NumberInputFieldProps>;
+    readonly PasswordInputField: Component<import('./PasswordInputField').PasswordInputFieldProps>;
+    readonly PinInputField: Component<import('./PinInputField').PinInputFieldProps>;
+    readonly RadioGroupField: Component<import('./RadioGroupField').RadioGroupFieldProps>;
+    readonly SelectField: Component<import('./SelectField').SelectFieldProps>;
+    readonly SliderField: Component<import('./SliderField').SliderFieldProps>;
+    readonly SwitchField: Component<import('./SwitchField').SwitchFieldProps>;
+    readonly TagsInputField: Component<import('./TagsInputField').TagsInputFieldProps>;
+    readonly TextInputField: Component<import('./TextInputField').TextInputFieldProps>;
+    readonly TextareaField: Component<import('./TextareaField').TextareaFieldProps>;
 }, {
-    readonly SubmitButton: import('solid-js').Component<import('./SubmitButton').SubmitButtonProps>;
+    readonly AutoSubmit: Component<import('./AutoSubmit').AutoSubmitProps>;
+    readonly Form: Component<FormProps>;
+    readonly SubmitButton: Component<import('./SubmitButton').SubmitButtonProps>;
 }, TRenderProps>) => (props: import('solid-js').ParentProps<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
     form: import('@tanstack/solid-form').AppFieldExtendedSolidFormApi<[unknown] extends [TFormData] ? any : TFormData, [import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, {
-        readonly CheckboxField: import('solid-js').Component<import('./CheckboxField').CheckboxFieldProps>;
-        readonly ComboboxField: import('solid-js').Component<import('./ComboboxField').ComboboxFieldProps>;
-        readonly DatePickerField: import('solid-js').Component<import('./DatePickerField').DatePickerFieldProps>;
-        readonly NumberInputField: import('solid-js').Component<import('./NumberInputField').NumberInputFieldProps>;
-        readonly PasswordInputField: import('solid-js').Component<import('./PasswordInputField').PasswordInputFieldProps>;
-        readonly PinInputField: import('solid-js').Component<import('./PinInputField').PinInputFieldProps>;
-        readonly RadioGroupField: import('solid-js').Component<import('./RadioGroupField').RadioGroupFieldProps>;
-        readonly SelectField: import('solid-js').Component<import('./SelectField').SelectFieldProps>;
-        readonly SliderField: import('solid-js').Component<import('./SliderField').SliderFieldProps>;
-        readonly SwitchField: import('solid-js').Component<import('./SwitchField').SwitchFieldProps>;
-        readonly TagsInputField: import('solid-js').Component<import('./TagsInputField').TagsInputFieldProps>;
-        readonly TextInputField: import('solid-js').Component<import('./TextInputField').TextInputFieldProps>;
-        readonly TextareaField: import('solid-js').Component<import('./TextareaField').TextareaFieldProps>;
+        readonly CheckboxField: Component<import('./CheckboxField').CheckboxFieldProps>;
+        readonly ComboboxField: Component<import('./ComboboxField').ComboboxFieldProps>;
+        readonly DatePickerField: Component<import('./DatePickerField').DatePickerFieldProps>;
+        readonly NumberInputField: Component<import('./NumberInputField').NumberInputFieldProps>;
+        readonly PasswordInputField: Component<import('./PasswordInputField').PasswordInputFieldProps>;
+        readonly PinInputField: Component<import('./PinInputField').PinInputFieldProps>;
+        readonly RadioGroupField: Component<import('./RadioGroupField').RadioGroupFieldProps>;
+        readonly SelectField: Component<import('./SelectField').SelectFieldProps>;
+        readonly SliderField: Component<import('./SliderField').SliderFieldProps>;
+        readonly SwitchField: Component<import('./SwitchField').SwitchFieldProps>;
+        readonly TagsInputField: Component<import('./TagsInputField').TagsInputFieldProps>;
+        readonly TextInputField: Component<import('./TextInputField').TextInputFieldProps>;
+        readonly TextareaField: Component<import('./TextareaField').TextareaFieldProps>;
     }, {
-        readonly SubmitButton: import('solid-js').Component<import('./SubmitButton').SubmitButtonProps>;
+        readonly AutoSubmit: Component<import('./AutoSubmit').AutoSubmitProps>;
+        readonly Form: Component<FormProps>;
+        readonly SubmitButton: Component<import('./SubmitButton').SubmitButtonProps>;
     }>;
 }>) => import('solid-js').JSXElement, withFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps extends Record<string, unknown> = {}>({ render, props, defaultValues, }: import('@tanstack/solid-form').WithFieldGroupProps<TFieldGroupData, {
-    readonly CheckboxField: import('solid-js').Component<import('./CheckboxField').CheckboxFieldProps>;
-    readonly ComboboxField: import('solid-js').Component<import('./ComboboxField').ComboboxFieldProps>;
-    readonly DatePickerField: import('solid-js').Component<import('./DatePickerField').DatePickerFieldProps>;
-    readonly NumberInputField: import('solid-js').Component<import('./NumberInputField').NumberInputFieldProps>;
-    readonly PasswordInputField: import('solid-js').Component<import('./PasswordInputField').PasswordInputFieldProps>;
-    readonly PinInputField: import('solid-js').Component<import('./PinInputField').PinInputFieldProps>;
-    readonly RadioGroupField: import('solid-js').Component<import('./RadioGroupField').RadioGroupFieldProps>;
-    readonly SelectField: import('solid-js').Component<import('./SelectField').SelectFieldProps>;
-    readonly SliderField: import('solid-js').Component<import('./SliderField').SliderFieldProps>;
-    readonly SwitchField: import('solid-js').Component<import('./SwitchField').SwitchFieldProps>;
-    readonly TagsInputField: import('solid-js').Component<import('./TagsInputField').TagsInputFieldProps>;
-    readonly TextInputField: import('solid-js').Component<import('./TextInputField').TextInputFieldProps>;
-    readonly TextareaField: import('solid-js').Component<import('./TextareaField').TextareaFieldProps>;
+    readonly CheckboxField: Component<import('./CheckboxField').CheckboxFieldProps>;
+    readonly ComboboxField: Component<import('./ComboboxField').ComboboxFieldProps>;
+    readonly DatePickerField: Component<import('./DatePickerField').DatePickerFieldProps>;
+    readonly NumberInputField: Component<import('./NumberInputField').NumberInputFieldProps>;
+    readonly PasswordInputField: Component<import('./PasswordInputField').PasswordInputFieldProps>;
+    readonly PinInputField: Component<import('./PinInputField').PinInputFieldProps>;
+    readonly RadioGroupField: Component<import('./RadioGroupField').RadioGroupFieldProps>;
+    readonly SelectField: Component<import('./SelectField').SelectFieldProps>;
+    readonly SliderField: Component<import('./SliderField').SliderFieldProps>;
+    readonly SwitchField: Component<import('./SwitchField').SwitchFieldProps>;
+    readonly TagsInputField: Component<import('./TagsInputField').TagsInputFieldProps>;
+    readonly TextInputField: Component<import('./TextInputField').TextInputFieldProps>;
+    readonly TextareaField: Component<import('./TextareaField').TextareaFieldProps>;
 }, {
-    readonly SubmitButton: import('solid-js').Component<import('./SubmitButton').SubmitButtonProps>;
+    readonly AutoSubmit: Component<import('./AutoSubmit').AutoSubmitProps>;
+    readonly Form: Component<FormProps>;
+    readonly SubmitButton: Component<import('./SubmitButton').SubmitButtonProps>;
 }, TSubmitMeta, TRenderProps>) => <TFormData, TFields extends import('@tanstack/solid-form').DeepKeysOfType<TFormData, TFieldGroupData | null | undefined> | import('@tanstack/solid-form').FieldsMap<TFormData, TFieldGroupData>, TOnMount extends import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined, TOnChange extends import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import('@tanstack/solid-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import('@tanstack/solid-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import('@tanstack/solid-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import('@tanstack/solid-form').FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import('@tanstack/solid-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import('@tanstack/solid-form').FormAsyncValidateOrFn<TFormData> | undefined, TFormSubmitMeta>(params: import('solid-js').ParentProps<NoInfer<TRenderProps> & {
     form: import('@tanstack/solid-form').AppFieldExtendedSolidFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
-        readonly CheckboxField: import('solid-js').Component<import('./CheckboxField').CheckboxFieldProps>;
-        readonly ComboboxField: import('solid-js').Component<import('./ComboboxField').ComboboxFieldProps>;
-        readonly DatePickerField: import('solid-js').Component<import('./DatePickerField').DatePickerFieldProps>;
-        readonly NumberInputField: import('solid-js').Component<import('./NumberInputField').NumberInputFieldProps>;
-        readonly PasswordInputField: import('solid-js').Component<import('./PasswordInputField').PasswordInputFieldProps>;
-        readonly PinInputField: import('solid-js').Component<import('./PinInputField').PinInputFieldProps>;
-        readonly RadioGroupField: import('solid-js').Component<import('./RadioGroupField').RadioGroupFieldProps>;
-        readonly SelectField: import('solid-js').Component<import('./SelectField').SelectFieldProps>;
-        readonly SliderField: import('solid-js').Component<import('./SliderField').SliderFieldProps>;
-        readonly SwitchField: import('solid-js').Component<import('./SwitchField').SwitchFieldProps>;
-        readonly TagsInputField: import('solid-js').Component<import('./TagsInputField').TagsInputFieldProps>;
-        readonly TextInputField: import('solid-js').Component<import('./TextInputField').TextInputFieldProps>;
-        readonly TextareaField: import('solid-js').Component<import('./TextareaField').TextareaFieldProps>;
+        readonly CheckboxField: Component<import('./CheckboxField').CheckboxFieldProps>;
+        readonly ComboboxField: Component<import('./ComboboxField').ComboboxFieldProps>;
+        readonly DatePickerField: Component<import('./DatePickerField').DatePickerFieldProps>;
+        readonly NumberInputField: Component<import('./NumberInputField').NumberInputFieldProps>;
+        readonly PasswordInputField: Component<import('./PasswordInputField').PasswordInputFieldProps>;
+        readonly PinInputField: Component<import('./PinInputField').PinInputFieldProps>;
+        readonly RadioGroupField: Component<import('./RadioGroupField').RadioGroupFieldProps>;
+        readonly SelectField: Component<import('./SelectField').SelectFieldProps>;
+        readonly SliderField: Component<import('./SliderField').SliderFieldProps>;
+        readonly SwitchField: Component<import('./SwitchField').SwitchFieldProps>;
+        readonly TagsInputField: Component<import('./TagsInputField').TagsInputFieldProps>;
+        readonly TextInputField: Component<import('./TextInputField').TextInputFieldProps>;
+        readonly TextareaField: Component<import('./TextareaField').TextareaFieldProps>;
     }, {
-        readonly SubmitButton: import('solid-js').Component<import('./SubmitButton').SubmitButtonProps>;
+        readonly AutoSubmit: Component<import('./AutoSubmit').AutoSubmitProps>;
+        readonly Form: Component<FormProps>;
+        readonly SubmitButton: Component<import('./SubmitButton').SubmitButtonProps>;
     }> | import('@tanstack/solid-form').AppFieldExtendedSolidFieldGroupApi<unknown, TFormData, string | import('@tanstack/solid-form').FieldsMap<unknown, TFormData>, any, any, any, any, any, any, any, any, any, any, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
-        readonly CheckboxField: import('solid-js').Component<import('./CheckboxField').CheckboxFieldProps>;
-        readonly ComboboxField: import('solid-js').Component<import('./ComboboxField').ComboboxFieldProps>;
-        readonly DatePickerField: import('solid-js').Component<import('./DatePickerField').DatePickerFieldProps>;
-        readonly NumberInputField: import('solid-js').Component<import('./NumberInputField').NumberInputFieldProps>;
-        readonly PasswordInputField: import('solid-js').Component<import('./PasswordInputField').PasswordInputFieldProps>;
-        readonly PinInputField: import('solid-js').Component<import('./PinInputField').PinInputFieldProps>;
-        readonly RadioGroupField: import('solid-js').Component<import('./RadioGroupField').RadioGroupFieldProps>;
-        readonly SelectField: import('solid-js').Component<import('./SelectField').SelectFieldProps>;
-        readonly SliderField: import('solid-js').Component<import('./SliderField').SliderFieldProps>;
-        readonly SwitchField: import('solid-js').Component<import('./SwitchField').SwitchFieldProps>;
-        readonly TagsInputField: import('solid-js').Component<import('./TagsInputField').TagsInputFieldProps>;
-        readonly TextInputField: import('solid-js').Component<import('./TextInputField').TextInputFieldProps>;
-        readonly TextareaField: import('solid-js').Component<import('./TextareaField').TextareaFieldProps>;
+        readonly CheckboxField: Component<import('./CheckboxField').CheckboxFieldProps>;
+        readonly ComboboxField: Component<import('./ComboboxField').ComboboxFieldProps>;
+        readonly DatePickerField: Component<import('./DatePickerField').DatePickerFieldProps>;
+        readonly NumberInputField: Component<import('./NumberInputField').NumberInputFieldProps>;
+        readonly PasswordInputField: Component<import('./PasswordInputField').PasswordInputFieldProps>;
+        readonly PinInputField: Component<import('./PinInputField').PinInputFieldProps>;
+        readonly RadioGroupField: Component<import('./RadioGroupField').RadioGroupFieldProps>;
+        readonly SelectField: Component<import('./SelectField').SelectFieldProps>;
+        readonly SliderField: Component<import('./SliderField').SliderFieldProps>;
+        readonly SwitchField: Component<import('./SwitchField').SwitchFieldProps>;
+        readonly TagsInputField: Component<import('./TagsInputField').TagsInputFieldProps>;
+        readonly TextInputField: Component<import('./TextInputField').TextInputFieldProps>;
+        readonly TextareaField: Component<import('./TextareaField').TextareaFieldProps>;
     }, {
-        readonly SubmitButton: import('solid-js').Component<import('./SubmitButton').SubmitButtonProps>;
+        readonly AutoSubmit: Component<import('./AutoSubmit').AutoSubmitProps>;
+        readonly Form: Component<FormProps>;
+        readonly SubmitButton: Component<import('./SubmitButton').SubmitButtonProps>;
     }>;
     fields: TFields;
 }>) => import('solid-js').JSXElement;

package/dist/components/form/Form.js

@@ -1,48 +1,70 @@
-import { createFormHook as o } from "@tanstack/solid-form";
-import { CheckboxField as r } from "./CheckboxField.js";
-import { ComboboxField as m } from "./ComboboxField.js";
-import { fieldContext as i, formContext as t } from "./context.js";
-import { DatePickerField as e } from "./DatePickerField.js";
-import { NumberInputField as p } from "./NumberInputField.js";
-import { PasswordInputField as f } from "./PasswordInputField.js";
-import { PinInputField as d } from "./PinInputField.js";
-import { RadioGroupField as l } from "./RadioGroupField.js";
-import { SelectField as F } from "./SelectField.js";
-import { SliderField as n } from "./SliderField.js";
-import { SubmitButton as u } from "./SubmitButton.js";
-import { SwitchField as a } from "./SwitchField.js";
-import { TagsInputField as s } from "./TagsInputField.js";
-import { TextareaField as x } from "./TextareaField.js";
-import { TextInputField as c } from "./TextInputField.js";
-const {
-  useAppForm: R,
-  withForm: j,
-  withFieldGroup: q
-} = o({
-  formContext: t,
-  fieldContext: i,
+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";
+var $ = /* @__PURE__ */ s("<form>");
+const y = (e) => {
+  const m = x(), [r, i] = a(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 u("space-y-6 relative", r.class);
+      }
+    }, i), !1, !0), n(o, () => r.children), o;
+  })();
+}, {
+  useAppForm: oo,
+  withForm: ro,
+  withFieldGroup: to
+} = d({
+  formContext: C,
+  fieldContext: b,
   fieldComponents: {
-    CheckboxField: r,
-    ComboboxField: m,
-    DatePickerField: e,
-    NumberInputField: p,
-    PasswordInputField: f,
-    PinInputField: d,
-    RadioGroupField: l,
-    SelectField: F,
-    SliderField: n,
-    SwitchField: a,
-    TagsInputField: s,
-    TextInputField: c,
-    TextareaField: x
+    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
   },
   formComponents: {
-    SubmitButton: u
+    AutoSubmit: c,
+    Form: y,
+    SubmitButton: T
   }
 });
 export {
-  R as useAppForm,
-  q as withFieldGroup,
-  j as withForm
+  y as Form,
+  oo as useAppForm,
+  to as withFieldGroup,
+  ro 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 { createFormHook } from '@tanstack/solid-form';\n\nimport { CheckboxField } from './CheckboxField';\nimport { ComboboxField } from './ComboboxField';\nimport { formContext, fieldContext } 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 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    SubmitButton,\n  },\n});\n"],"names":["useAppForm","withForm","withFieldGroup","createFormHook","formContext","fieldContext","fieldComponents","CheckboxField","ComboboxField","DatePickerField","NumberInputField","PasswordInputField","PinInputField","RadioGroupField","SelectField","SliderField","SwitchField","TagsInputField","TextInputField","TextareaField","formComponents","SubmitButton"],"mappings":";;;;;;;;;;;;;;;;AAkBO,MAAM;AAAA,EAAEA,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,cAAAA;AAAAA,EAAAA;AAEJ,CAAC;"}
+{"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-6 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;"}

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

@@ -1,8 +1,8 @@
 import { Component, ComponentProps } from 'solid-js';
-import { NumberInput } from '../NumberInput';
-export type NumberInputFieldProps = ComponentProps<typeof NumberInput> & {
+import { NumberInputInput } from '../NumberInput';
+export type NumberInputFieldProps = ComponentProps<typeof NumberInputInput> & {
     label?: string;
     description?: string;
-    triggers?: boolean;
+    showTriggers?: boolean;
 };
 export declare const NumberInputField: Component<NumberInputFieldProps>;

package/dist/components/form/NumberInputField.js

@@ -1,11 +1,11 @@
-import { createComponent as e, mergeProps as u, Show as d } from "solid-js/web";
-import { Field as a, FieldLabel as o, FieldContent as s, FieldError as g, FieldDescription as m } from "../Field.js";
-import { NumberInput as p, NumberInputControl as h, NumberInputInput as c, NumberInputTriggers as b } from "../NumberInput.js";
-import { useFieldContext as f } from "./context.js";
-import { splitProps as F } from "solid-js";
-const y = (n) => {
-  const t = f(), [r, l] = F(n, ["label", "description", "required", "disabled", "readOnly", "triggers"]);
-  return e(a, {
+import { createComponent as e, Show as u } from "solid-js/web";
+import { Field as d, FieldLabel as a, FieldContent as o, FieldError as s, FieldDescription as g } from "../Field.js";
+import { NumberInput as m, NumberInputControl as h, NumberInputInput as p, NumberInputTriggers as c } from "../NumberInput.js";
+import { useFieldContext as b } from "./context.js";
+import { splitProps as f } from "solid-js";
+const v = (n) => {
+  const t = b(), [r, l] = f(n, ["label", "description", "required", "disabled", "readOnly", "showTriggers"]);
+  return e(d, {
     get invalid() {
       return t().state.meta.errors.length > 0;
     },
@@ -19,13 +19,13 @@ const y = (n) => {
       return r.readOnly ?? !1;
     },
     get children() {
-      return [e(o, {
+      return [e(a, {
         get children() {
           return r.label;
         }
-      }), e(s, {
+      }), e(o, {
         get children() {
-          return [e(p, u({
+          return [e(m, {
             get value() {
               return String(t().state.value);
             },
@@ -46,27 +46,26 @@ const y = (n) => {
             },
             get required() {
               return r.required ?? !1;
-            }
-          }, l, {
+            },
             get children() {
               return e(h, {
                 get children() {
-                  return [e(c, {}), e(d, {
+                  return [e(p, l), e(u, {
                     get when() {
-                      return r.triggers !== !1;
+                      return r.showTriggers !== !1;
                     },
                     get children() {
-                      return e(b, {});
+                      return e(c, {});
                     }
                   })];
                 }
               });
             }
-          })), e(g, {
+          }), e(s, {
             get errors() {
               return t().state.meta.errors;
             }
-          }), e(m, {
+          }), e(g, {
             get children() {
               return r.description;
             }
@@ -77,6 +76,6 @@ const y = (n) => {
   });
 };
 export {
-  y as NumberInputField
+  v 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 } 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';\n\nexport type NumberInputFieldProps = ComponentProps<typeof NumberInput> & {\n  label?: string;\n  description?: string;\n  triggers?: boolean;\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    'triggers',\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      <FieldLabel>{local.label}</FieldLabel>\n      <FieldContent>\n        <NumberInput\n          value={String(field().state.value)}\n          onValueChange={(details) => {\n            field().handleChange(details.valueAsNumber);\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          <NumberInputControl>\n            <NumberInputInput />\n            <Show when={local.triggers !== false}>\n              <NumberInputTriggers />\n            </Show>\n          </NumberInputControl>\n        </NumberInput>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"names":["NumberInputField","props","field","useFieldContext","local","others","splitProps","_$createComponent","Field","invalid","state","meta","errors","length","required","disabled","readOnly","children","FieldLabel","label","FieldContent","NumberInput","_$mergeProps","value","String","onValueChange","details","handleChange","valueAsNumber","onBlur","handleBlur","NumberInputControl","NumberInputInput","_$Show","when","triggers","NumberInputTriggers","FieldError","FieldDescription","description"],"mappings":";;;;;AAkBO,MAAMA,IAAsDC,CAAAA,MAAU;AAC3E,QAAMC,IAAQC,EAAAA,GACR,CAACC,GAAOC,CAAM,IAAIC,EAAWL,GAAO,CACxC,SACA,eACA,YACA,YACA,YACA,UAAU,CACX;AAED,SAAAM,EACGC,GAAK;AAAA,IAAA,IACJC,UAAO;AAAA,aAAEP,EAAAA,EAAQQ,MAAMC,KAAKC,OAAOC,SAAS;AAAA,IAAC;AAAA,IAAA,IAC7CC,WAAQ;AAAA,aAAEV,EAAMU,YAAY;AAAA,IAAK;AAAA,IAAA,IACjCC,WAAQ;AAAA,aAAEX,EAAMW,YAAY;AAAA,IAAK;AAAA,IAAA,IACjCC,WAAQ;AAAA,aAAEZ,EAAMY,YAAY;AAAA,IAAK;AAAA,IAAA,IAAAC,WAAA;AAAA,aAAA,CAAAV,EAEhCW,GAAU;AAAA,QAAA,IAAAD,WAAA;AAAA,iBAAEb,EAAMe;AAAAA,QAAK;AAAA,MAAA,CAAA,GAAAZ,EACvBa,GAAY;AAAA,QAAA,IAAAH,WAAA;AAAA,iBAAA,CAAAV,EACVc,GAAWC,EAAA;AAAA,YAAA,IACVC,QAAK;AAAA,qBAAEC,OAAOtB,IAAQQ,MAAMa,KAAK;AAAA,YAAC;AAAA,YAClCE,eAAgBC,CAAAA,MAAY;AAC1BxB,cAAAA,IAAQyB,aAAaD,EAAQE,aAAa;AAAA,YAC5C;AAAA,YACAC,QAAQA,MAAM;AACZ3B,cAAAA,EAAAA,EAAQ4B,WAAAA;AAAAA,YACV;AAAA,YAAC,IACDrB,UAAO;AAAA,qBAAEP,EAAAA,EAAQQ,MAAMC,KAAKC,OAAOC,SAAS;AAAA,YAAC;AAAA,YAAA,IAC7CE,WAAQ;AAAA,qBAAEX,EAAMW,YAAY;AAAA,YAAK;AAAA,YAAA,IACjCC,WAAQ;AAAA,qBAAEZ,EAAMY,YAAY;AAAA,YAAK;AAAA,YAAA,IACjCF,WAAQ;AAAA,qBAAEV,EAAMU,YAAY;AAAA,YAAK;AAAA,UAAA,GAC7BT,GAAM;AAAA,YAAA,IAAAY,WAAA;AAAA,qBAAAV,EAETwB,GAAkB;AAAA,gBAAA,IAAAd,WAAA;AAAA,yBAAA,CAAAV,EAChByB,GAAgB,CAAA,CAAA,GAAAzB,EAChB0B,GAAI;AAAA,oBAAA,IAACC,OAAI;AAAA,6BAAE9B,EAAM+B,aAAa;AAAA,oBAAK;AAAA,oBAAA,IAAAlB,WAAA;AAAA,6BAAAV,EACjC6B,GAAmB,EAAA;AAAA,oBAAA;AAAA,kBAAA,CAAA,CAAA;AAAA,gBAAA;AAAA,cAAA,CAAA;AAAA,YAAA;AAAA,UAAA,CAAA,CAAA,GAAA7B,EAIzB8B,GAAU;AAAA,YAAA,IAACzB,SAAM;AAAA,qBAAEV,EAAAA,EAAQQ,MAAMC,KAAKC;AAAAA,YAAM;AAAA,UAAA,CAAA,GAAAL,EAC5C+B,GAAgB;AAAA,YAAA,IAAArB,WAAA;AAAA,qBAAEb,EAAMmC;AAAAA,YAAW;AAAA,UAAA,CAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAI5C;"}
+{"version":3,"file":"NumberInputField.js","sources":["../../../src/components/form/NumberInputField.tsx"],"sourcesContent":["import type { Component, ComponentProps } 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';\n\nexport type NumberInputFieldProps = ComponentProps<typeof NumberInputInput> & {\n  label?: string;\n  description?: string;\n  showTriggers?: boolean;\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  ]);\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      <FieldLabel>{local.label}</FieldLabel>\n      <FieldContent>\n        <NumberInput\n          value={String(field().state.value)}\n          onValueChange={(details) => {\n            field().handleChange(details.valueAsNumber);\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        >\n          <NumberInputControl>\n            <NumberInputInput {...others} />\n            <Show when={local.showTriggers !== false}>\n              <NumberInputTriggers />\n            </Show>\n          </NumberInputControl>\n        </NumberInput>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"names":["NumberInputField","props","field","useFieldContext","local","others","splitProps","_$createComponent","Field","invalid","state","meta","errors","length","required","disabled","readOnly","children","FieldLabel","label","FieldContent","NumberInput","value","String","onValueChange","details","handleChange","valueAsNumber","onBlur","handleBlur","NumberInputControl","NumberInputInput","_$Show","when","showTriggers","NumberInputTriggers","FieldError","FieldDescription","description"],"mappings":";;;;;AAkBO,MAAMA,IAAsDC,CAAAA,MAAU;AAC3E,QAAMC,IAAQC,EAAAA,GACR,CAACC,GAAOC,CAAM,IAAIC,EAAWL,GAAO,CACxC,SACA,eACA,YACA,YACA,YACA,cAAc,CACf;AAED,SAAAM,EACGC,GAAK;AAAA,IAAA,IACJC,UAAO;AAAA,aAAEP,EAAAA,EAAQQ,MAAMC,KAAKC,OAAOC,SAAS;AAAA,IAAC;AAAA,IAAA,IAC7CC,WAAQ;AAAA,aAAEV,EAAMU,YAAY;AAAA,IAAK;AAAA,IAAA,IACjCC,WAAQ;AAAA,aAAEX,EAAMW,YAAY;AAAA,IAAK;AAAA,IAAA,IACjCC,WAAQ;AAAA,aAAEZ,EAAMY,YAAY;AAAA,IAAK;AAAA,IAAA,IAAAC,WAAA;AAAA,aAAA,CAAAV,EAEhCW,GAAU;AAAA,QAAA,IAAAD,WAAA;AAAA,iBAAEb,EAAMe;AAAAA,QAAK;AAAA,MAAA,CAAA,GAAAZ,EACvBa,GAAY;AAAA,QAAA,IAAAH,WAAA;AAAA,iBAAA,CAAAV,EACVc,GAAW;AAAA,YAAA,IACVC,QAAK;AAAA,qBAAEC,OAAOrB,IAAQQ,MAAMY,KAAK;AAAA,YAAC;AAAA,YAClCE,eAAgBC,CAAAA,MAAY;AAC1BvB,cAAAA,IAAQwB,aAAaD,EAAQE,aAAa;AAAA,YAC5C;AAAA,YACAC,QAAQA,MAAM;AACZ1B,cAAAA,EAAAA,EAAQ2B,WAAAA;AAAAA,YACV;AAAA,YAAC,IACDpB,UAAO;AAAA,qBAAEP,EAAAA,EAAQQ,MAAMC,KAAKC,OAAOC,SAAS;AAAA,YAAC;AAAA,YAAA,IAC7CE,WAAQ;AAAA,qBAAEX,EAAMW,YAAY;AAAA,YAAK;AAAA,YAAA,IACjCC,WAAQ;AAAA,qBAAEZ,EAAMY,YAAY;AAAA,YAAK;AAAA,YAAA,IACjCF,WAAQ;AAAA,qBAAEV,EAAMU,YAAY;AAAA,YAAK;AAAA,YAAA,IAAAG,WAAA;AAAA,qBAAAV,EAEhCuB,GAAkB;AAAA,gBAAA,IAAAb,WAAA;AAAA,yBAAA,CAAAV,EAChBwB,GAAqB1B,CAAM,GAAAE,EAC3ByB,GAAI;AAAA,oBAAA,IAACC,OAAI;AAAA,6BAAE7B,EAAM8B,iBAAiB;AAAA,oBAAK;AAAA,oBAAA,IAAAjB,WAAA;AAAA,6BAAAV,EACrC4B,GAAmB,EAAA;AAAA,oBAAA;AAAA,kBAAA,CAAA,CAAA;AAAA,gBAAA;AAAA,cAAA,CAAA;AAAA,YAAA;AAAA,UAAA,CAAA,GAAA5B,EAIzB6B,GAAU;AAAA,YAAA,IAACxB,SAAM;AAAA,qBAAEV,EAAAA,EAAQQ,MAAMC,KAAKC;AAAAA,YAAM;AAAA,UAAA,CAAA,GAAAL,EAC5C8B,GAAgB;AAAA,YAAA,IAAApB,WAAA;AAAA,qBAAEb,EAAMkC;AAAAA,YAAW;AAAA,UAAA,CAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAI5C;"}

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

@@ -3,5 +3,6 @@ import { PasswordInputInput } from '../PasswordInput';
 export type PasswordInputFieldProps = ComponentProps<typeof PasswordInputInput> & {
     label?: string;
     description?: string;
+    showVisibilityTrigger?: boolean;
 };
 export declare const PasswordInputField: Component<PasswordInputFieldProps>;

package/dist/components/form/PasswordInputField.js

@@ -1,11 +1,11 @@
-import { createComponent as e, mergeProps as i } from "solid-js/web";
+import { createComponent as e, mergeProps as d, Show as s } from "solid-js/web";
 import { splitProps as a } from "solid-js";
-import { Field as s, FieldLabel as o, FieldContent as u, FieldError as g, FieldDescription as p } from "../Field.js";
-import { PasswordInput as c, PasswordInputControl as m, PasswordInputInput as h, PasswordInputVisibilityTrigger as f, PasswordInputIndicator as b } from "../PasswordInput.js";
+import { Field as o, FieldLabel as u, FieldContent as g, FieldError as p, FieldDescription as h } from "../Field.js";
+import { PasswordInput as c, PasswordInputControl as m, PasswordInputInput as f, PasswordInputVisibilityTrigger as b, PasswordInputIndicator as w } from "../PasswordInput.js";
 import { useFieldContext as I } from "./context.js";
-const v = (n) => {
-  const t = I(), [r, l] = a(n, ["label", "description", "required", "disabled", "readOnly"]);
-  return e(s, {
+const C = (n) => {
+  const t = I(), [r, i] = a(n, ["label", "description", "required", "disabled", "readOnly", "showVisibilityTrigger"]);
+  return e(o, {
     get invalid() {
       return t().state.meta.errors.length > 0;
     },
@@ -19,11 +19,11 @@ const v = (n) => {
       return r.readOnly ?? !1;
     },
     get children() {
-      return [e(o, {
+      return [e(u, {
         get children() {
           return r.label;
         }
-      }), e(u, {
+      }), e(g, {
         get children() {
           return [e(c, {
             get invalid() {
@@ -41,29 +41,36 @@ const v = (n) => {
             get children() {
               return e(m, {
                 get children() {
-                  return [e(h, i({
+                  return [e(f, d({
                     get value() {
                       return t().state.value;
                     },
-                    onInput: (d) => {
-                      t().handleChange(d.target.value);
+                    onInput: (l) => {
+                      t().handleChange(l.target.value);
                     },
                     onBlur: () => {
                       t().handleBlur();
                     }
-                  }, l)), e(f, {
+                  }, i)), e(s, {
+                    get when() {
+                      return r.showVisibilityTrigger !== !1;
+                    },
                     get children() {
-                      return e(b, {});
+                      return e(b, {
+                        get children() {
+                          return e(w, {});
+                        }
+                      });
                     }
                   })];
                 }
               });
             }
-          }), e(g, {
+          }), e(p, {
             get errors() {
               return t().state.meta.errors;
             }
-          }), e(p, {
+          }), e(h, {
             get children() {
               return r.description;
             }
@@ -74,6 +81,6 @@ const v = (n) => {
   });
 };
 export {
-  v as PasswordInputField
+  C as PasswordInputField
 };
 //# sourceMappingURL=PasswordInputField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PasswordInputField.js","sources":["../../../src/components/form/PasswordInputField.tsx"],"sourcesContent":["import { splitProps, type Component, type ComponentProps } from 'solid-js';\n\nimport { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport {\n  PasswordInput,\n  PasswordInputControl,\n  PasswordInputInput,\n  PasswordInputVisibilityTrigger,\n  PasswordInputIndicator,\n} from '@/components/PasswordInput';\n\nimport { useFieldContext } from './context';\n\nexport type PasswordInputFieldProps = ComponentProps<typeof PasswordInputInput> & {\n  label?: string;\n  description?: string;\n};\n\nexport const PasswordInputField: Component<PasswordInputFieldProps> = (props) => {\n  const field = useFieldContext<string>();\n  const [local, others] = splitProps(props, [\n    'label',\n    'description',\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      <FieldLabel>{local.label}</FieldLabel>\n      <FieldContent>\n        <PasswordInput\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          <PasswordInputControl>\n            <PasswordInputInput\n              value={field().state.value}\n              onInput={(event) => {\n                field().handleChange(event.target.value);\n              }}\n              onBlur={() => {\n                field().handleBlur();\n              }}\n              {...others}\n            />\n            <PasswordInputVisibilityTrigger>\n              <PasswordInputIndicator />\n            </PasswordInputVisibilityTrigger>\n          </PasswordInputControl>\n        </PasswordInput>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"names":["PasswordInputField","props","field","useFieldContext","local","others","splitProps","_$createComponent","Field","invalid","state","meta","errors","length","required","disabled","readOnly","children","FieldLabel","label","FieldContent","PasswordInput","PasswordInputControl","PasswordInputInput","_$mergeProps","value","onInput","event","handleChange","target","onBlur","handleBlur","PasswordInputVisibilityTrigger","PasswordInputIndicator","FieldError","FieldDescription","description"],"mappings":";;;;;AAkBO,MAAMA,IAA0DC,CAAAA,MAAU;AAC/E,QAAMC,IAAQC,EAAAA,GACR,CAACC,GAAOC,CAAM,IAAIC,EAAWL,GAAO,CACxC,SACA,eACA,YACA,YACA,UAAU,CACX;AAED,SAAAM,EACGC,GAAK;AAAA,IAAA,IACJC,UAAO;AAAA,aAAEP,EAAAA,EAAQQ,MAAMC,KAAKC,OAAOC,SAAS;AAAA,IAAC;AAAA,IAAA,IAC7CC,WAAQ;AAAA,aAAEV,EAAMU,YAAY;AAAA,IAAK;AAAA,IAAA,IACjCC,WAAQ;AAAA,aAAEX,EAAMW,YAAY;AAAA,IAAK;AAAA,IAAA,IACjCC,WAAQ;AAAA,aAAEZ,EAAMY,YAAY;AAAA,IAAK;AAAA,IAAA,IAAAC,WAAA;AAAA,aAAA,CAAAV,EAEhCW,GAAU;AAAA,QAAA,IAAAD,WAAA;AAAA,iBAAEb,EAAMe;AAAAA,QAAK;AAAA,MAAA,CAAA,GAAAZ,EACvBa,GAAY;AAAA,QAAA,IAAAH,WAAA;AAAA,iBAAA,CAAAV,EACVc,GAAa;AAAA,YAAA,IACZZ,UAAO;AAAA,qBAAEP,EAAAA,EAAQQ,MAAMC,KAAKC,OAAOC,SAAS;AAAA,YAAC;AAAA,YAAA,IAC7CE,WAAQ;AAAA,qBAAEX,EAAMW,YAAY;AAAA,YAAK;AAAA,YAAA,IACjCC,WAAQ;AAAA,qBAAEZ,EAAMY,YAAY;AAAA,YAAK;AAAA,YAAA,IACjCF,WAAQ;AAAA,qBAAEV,EAAMU,YAAY;AAAA,YAAK;AAAA,YAAA,IAAAG,WAAA;AAAA,qBAAAV,EAEhCe,GAAoB;AAAA,gBAAA,IAAAL,WAAA;AAAA,yBAAA,CAAAV,EAClBgB,GAAkBC,EAAA;AAAA,oBAAA,IACjBC,QAAK;AAAA,6BAAEvB,EAAAA,EAAQQ,MAAMe;AAAAA,oBAAK;AAAA,oBAC1BC,SAAUC,CAAAA,MAAU;AAClBzB,sBAAAA,EAAAA,EAAQ0B,aAAaD,EAAME,OAAOJ,KAAK;AAAA,oBACzC;AAAA,oBACAK,QAAQA,MAAM;AACZ5B,sBAAAA,EAAAA,EAAQ6B,WAAAA;AAAAA,oBACV;AAAA,kBAAA,GACI1B,CAAM,CAAA,GAAAE,EAEXyB,GAA8B;AAAA,oBAAA,IAAAf,WAAA;AAAA,6BAAAV,EAC5B0B,GAAsB,EAAA;AAAA,oBAAA;AAAA,kBAAA,CAAA,CAAA;AAAA,gBAAA;AAAA,cAAA,CAAA;AAAA,YAAA;AAAA,UAAA,CAAA,GAAA1B,EAI5B2B,GAAU;AAAA,YAAA,IAACtB,SAAM;AAAA,qBAAEV,EAAAA,EAAQQ,MAAMC,KAAKC;AAAAA,YAAM;AAAA,UAAA,CAAA,GAAAL,EAC5C4B,GAAgB;AAAA,YAAA,IAAAlB,WAAA;AAAA,qBAAEb,EAAMgC;AAAAA,YAAW;AAAA,UAAA,CAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAI5C;"}
+{"version":3,"file":"PasswordInputField.js","sources":["../../../src/components/form/PasswordInputField.tsx"],"sourcesContent":["import { splitProps, type Component, type ComponentProps } from 'solid-js';\n\nimport { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from '@/components/Field';\nimport {\n  PasswordInput,\n  PasswordInputControl,\n  PasswordInputInput,\n  PasswordInputVisibilityTrigger,\n  PasswordInputIndicator,\n} from '@/components/PasswordInput';\n\nimport { useFieldContext } from './context';\n\nexport type PasswordInputFieldProps = ComponentProps<typeof PasswordInputInput> & {\n  label?: string;\n  description?: string;\n  showVisibilityTrigger?: boolean;\n};\n\nexport const PasswordInputField: Component<PasswordInputFieldProps> = (props) => {\n  const field = useFieldContext<string>();\n  const [local, others] = splitProps(props, [\n    'label',\n    'description',\n    'required',\n    'disabled',\n    'readOnly',\n    'showVisibilityTrigger',\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      <FieldLabel>{local.label}</FieldLabel>\n      <FieldContent>\n        <PasswordInput\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          <PasswordInputControl>\n            <PasswordInputInput\n              value={field().state.value}\n              onInput={(event) => {\n                field().handleChange(event.target.value);\n              }}\n              onBlur={() => {\n                field().handleBlur();\n              }}\n              {...others}\n            />\n            <Show when={local.showVisibilityTrigger !== false}>\n              <PasswordInputVisibilityTrigger>\n                <PasswordInputIndicator />\n              </PasswordInputVisibilityTrigger>\n            </Show>\n          </PasswordInputControl>\n        </PasswordInput>\n        <FieldError errors={field().state.meta.errors} />\n        <FieldDescription>{local.description}</FieldDescription>\n      </FieldContent>\n    </Field>\n  );\n};\n"],"names":["PasswordInputField","props","field","useFieldContext","local","others","splitProps","_$createComponent","Field","invalid","state","meta","errors","length","required","disabled","readOnly","children","FieldLabel","label","FieldContent","PasswordInput","PasswordInputControl","PasswordInputInput","_$mergeProps","value","onInput","event","handleChange","target","onBlur","handleBlur","_$Show","when","showVisibilityTrigger","PasswordInputVisibilityTrigger","PasswordInputIndicator","FieldError","FieldDescription","description"],"mappings":";;;;;AAmBO,MAAMA,IAA0DC,CAAAA,MAAU;AAC/E,QAAMC,IAAQC,EAAAA,GACR,CAACC,GAAOC,CAAM,IAAIC,EAAWL,GAAO,CACxC,SACA,eACA,YACA,YACA,YACA,uBAAuB,CACxB;AAED,SAAAM,EACGC,GAAK;AAAA,IAAA,IACJC,UAAO;AAAA,aAAEP,EAAAA,EAAQQ,MAAMC,KAAKC,OAAOC,SAAS;AAAA,IAAC;AAAA,IAAA,IAC7CC,WAAQ;AAAA,aAAEV,EAAMU,YAAY;AAAA,IAAK;AAAA,IAAA,IACjCC,WAAQ;AAAA,aAAEX,EAAMW,YAAY;AAAA,IAAK;AAAA,IAAA,IACjCC,WAAQ;AAAA,aAAEZ,EAAMY,YAAY;AAAA,IAAK;AAAA,IAAA,IAAAC,WAAA;AAAA,aAAA,CAAAV,EAEhCW,GAAU;AAAA,QAAA,IAAAD,WAAA;AAAA,iBAAEb,EAAMe;AAAAA,QAAK;AAAA,MAAA,CAAA,GAAAZ,EACvBa,GAAY;AAAA,QAAA,IAAAH,WAAA;AAAA,iBAAA,CAAAV,EACVc,GAAa;AAAA,YAAA,IACZZ,UAAO;AAAA,qBAAEP,EAAAA,EAAQQ,MAAMC,KAAKC,OAAOC,SAAS;AAAA,YAAC;AAAA,YAAA,IAC7CE,WAAQ;AAAA,qBAAEX,EAAMW,YAAY;AAAA,YAAK;AAAA,YAAA,IACjCC,WAAQ;AAAA,qBAAEZ,EAAMY,YAAY;AAAA,YAAK;AAAA,YAAA,IACjCF,WAAQ;AAAA,qBAAEV,EAAMU,YAAY;AAAA,YAAK;AAAA,YAAA,IAAAG,WAAA;AAAA,qBAAAV,EAEhCe,GAAoB;AAAA,gBAAA,IAAAL,WAAA;AAAA,yBAAA,CAAAV,EAClBgB,GAAkBC,EAAA;AAAA,oBAAA,IACjBC,QAAK;AAAA,6BAAEvB,EAAAA,EAAQQ,MAAMe;AAAAA,oBAAK;AAAA,oBAC1BC,SAAUC,CAAAA,MAAU;AAClBzB,sBAAAA,EAAAA,EAAQ0B,aAAaD,EAAME,OAAOJ,KAAK;AAAA,oBACzC;AAAA,oBACAK,QAAQA,MAAM;AACZ5B,sBAAAA,EAAAA,EAAQ6B,WAAAA;AAAAA,oBACV;AAAA,kBAAA,GACI1B,CAAM,CAAA,GAAAE,EAEXyB,GAAI;AAAA,oBAAA,IAACC,OAAI;AAAA,6BAAE7B,EAAM8B,0BAA0B;AAAA,oBAAK;AAAA,oBAAA,IAAAjB,WAAA;AAAA,6BAAAV,EAC9C4B,GAA8B;AAAA,wBAAA,IAAAlB,WAAA;AAAA,iCAAAV,EAC5B6B,GAAsB,EAAA;AAAA,wBAAA;AAAA,sBAAA,CAAA;AAAA,oBAAA;AAAA,kBAAA,CAAA,CAAA;AAAA,gBAAA;AAAA,cAAA,CAAA;AAAA,YAAA;AAAA,UAAA,CAAA,GAAA7B,EAK9B8B,GAAU;AAAA,YAAA,IAACzB,SAAM;AAAA,qBAAEV,EAAAA,EAAQQ,MAAMC,KAAKC;AAAAA,YAAM;AAAA,UAAA,CAAA,GAAAL,EAC5C+B,GAAgB;AAAA,YAAA,IAAArB,WAAA;AAAA,qBAAEb,EAAMmC;AAAAA,YAAW;AAAA,UAAA,CAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAI5C;"}

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

@@ -1,8 +1,8 @@
-import { TagsInputRootProps } from '@ark-ui/solid';
-import { Component } from 'solid-js';
-export type TagsInputFieldProps = TagsInputRootProps & {
+import { Component, ComponentProps } from 'solid-js';
+import { TagsInputInput } from '../TagsInput';
+export type TagsInputFieldProps = ComponentProps<typeof TagsInputInput> & {
     label?: string;
     description?: string;
-    placeholder?: string;
+    showClearTrigger?: boolean;
 };
 export declare const TagsInputField: Component<TagsInputFieldProps>;