@manafishrov/ui 1.2.13 → 1.3.0

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

@@ -0,0 +1,5 @@
+import { Component } from 'solid-js';
+export type AutoSubmitProps = {
+    debounce?: number;
+};
+export declare const AutoSubmit: Component<AutoSubmitProps>;

package/dist/components/form/AutoSubmit.js

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

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

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

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/index.d.ts

@@ -14,3 +14,4 @@ export * from './DatePickerField';
 export * from './ComboboxField';
 export * from './TagsInputField';
 export * from './SubmitButton';
+export * from './AutoSubmit';

package/dist/components/form/index.js

@@ -1,40 +1,43 @@
-import { useAppForm as r, withFieldGroup as t, withForm as p } from "./Form.js";
-import { fieldContext as x, formContext as m, useFieldContext as d, useFormContext as f } from "./context.js";
-import { TextInputField as F } from "./TextInputField.js";
-import { TextareaField as n } from "./TextareaField.js";
+import { Form as r, useAppForm as t, withFieldGroup as m, withForm as p } from "./Form.js";
+import { fieldContext as x, formContext as d, useFieldContext as f, useFormContext as F } from "./context.js";
+import { TextInputField as u } from "./TextInputField.js";
+import { TextareaField as a } from "./TextareaField.js";
 import { NumberInputField as s } from "./NumberInputField.js";
-import { PasswordInputField as b } from "./PasswordInputField.js";
+import { PasswordInputField as I } from "./PasswordInputField.js";
 import { PinInputField as c } from "./PinInputField.js";
 import { SelectField as w } from "./SelectField.js";
-import { CheckboxField as P } from "./CheckboxField.js";
-import { SwitchField as k } from "./SwitchField.js";
+import { CheckboxField as T } from "./CheckboxField.js";
+import { SwitchField as A } from "./SwitchField.js";
 import { RadioGroupField as g } from "./RadioGroupField.js";
-import { SliderField as B } from "./SliderField.js";
-import { DatePickerField as N } from "./DatePickerField.js";
-import { ComboboxField as j } from "./ComboboxField.js";
-import { TagsInputField as v } from "./TagsInputField.js";
-import { SubmitButton as z } from "./SubmitButton.js";
+import { SliderField as D } from "./SliderField.js";
+import { DatePickerField as R } from "./DatePickerField.js";
+import { ComboboxField as q } from "./ComboboxField.js";
+import { TagsInputField as y } from "./TagsInputField.js";
+import { SubmitButton as E } from "./SubmitButton.js";
+import { AutoSubmit as J } from "./AutoSubmit.js";
 export {
-  P as CheckboxField,
-  j as ComboboxField,
-  N as DatePickerField,
+  J as AutoSubmit,
+  T as CheckboxField,
+  q as ComboboxField,
+  R as DatePickerField,
+  r as Form,
   s as NumberInputField,
-  b as PasswordInputField,
+  I as PasswordInputField,
   c as PinInputField,
   g as RadioGroupField,
   w as SelectField,
-  B as SliderField,
-  z as SubmitButton,
-  k as SwitchField,
-  v as TagsInputField,
-  F as TextInputField,
-  n as TextareaField,
+  D as SliderField,
+  E as SubmitButton,
+  A as SwitchField,
+  y as TagsInputField,
+  u as TextInputField,
+  a as TextareaField,
   x as fieldContext,
-  m as formContext,
-  r as useAppForm,
-  d as useFieldContext,
-  f as useFormContext,
-  t as withFieldGroup,
+  d as formContext,
+  t as useAppForm,
+  f as useFieldContext,
+  F as useFormContext,
+  m as withFieldGroup,
   p as withForm
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/package",
   "name": "@manafishrov/ui",
-  "version": "1.2.13",
+  "version": "1.3.0",
   "description": "Styled component library for Manafish interfaces ",
   "license": "AGPL-3.0-or-later",
   "repository": {

package/src/components/form/AutoSubmit.tsx

@@ -0,0 +1,38 @@
+import { createEffect, onCleanup, type Component } from 'solid-js';
+
+import { useFormContext } from './context';
+
+const DEFAULT_DEBOUNCE_MS = 300;
+
+export type AutoSubmitProps = {
+  debounce?: number;
+};
+
+export const AutoSubmit: Component<AutoSubmitProps> = (props) => {
+  const form = useFormContext();
+  const values = form.useStore((state) => state.values);
+  const isTouched = form.useStore((state) => state.isTouched);
+
+  createEffect(() => {
+    values();
+
+    if (!isTouched()) {
+      return;
+    }
+
+    const debounceTimer = setTimeout(
+      () => {
+        form.handleSubmit().catch((error: unknown) => {
+          throw error;
+        });
+      },
+      Math.max(0, props.debounce ?? DEFAULT_DEBOUNCE_MS),
+    );
+
+    onCleanup(() => {
+      clearTimeout(debounceTimer);
+    });
+  });
+
+  return <></>;
+};

package/src/components/form/Form.tsx

@@ -1,8 +1,11 @@
 import { createFormHook } from '@tanstack/solid-form';
+import { splitProps, type Component, type ComponentProps } from 'solid-js';
+import { cn } from 'tailwind-variants';
 
+import { AutoSubmit } from './AutoSubmit';
 import { CheckboxField } from './CheckboxField';
 import { ComboboxField } from './ComboboxField';
-import { formContext, fieldContext } from './context';
+import { fieldContext, formContext, useFormContext } from './context';
 import { DatePickerField } from './DatePickerField';
 import { NumberInputField } from './NumberInputField';
 import { PasswordInputField } from './PasswordInputField';
@@ -16,6 +19,29 @@ import { TagsInputField } from './TagsInputField';
 import { TextareaField } from './TextareaField';
 import { TextInputField } from './TextInputField';
 
+export type FormProps = Omit<ComponentProps<'form'>, 'onSubmit'>;
+
+export const Form: Component<FormProps> = (props) => {
+  const form = useFormContext();
+  const [local, formProps] = splitProps(props, ['children', 'class']);
+
+  return (
+    <form
+      class={cn('space-y-6 relative', local.class)}
+      onSubmit={(submitEvent) => {
+        submitEvent.preventDefault();
+        submitEvent.stopPropagation();
+        form.handleSubmit().catch((error: unknown) => {
+          throw error;
+        });
+      }}
+      {...formProps}
+    >
+      {local.children}
+    </form>
+  );
+};
+
 export const { useAppForm, withForm, withFieldGroup } = createFormHook({
   formContext,
   fieldContext,
@@ -35,6 +61,8 @@ export const { useAppForm, withForm, withFieldGroup } = createFormHook({
     TextareaField,
   },
   formComponents: {
+    AutoSubmit,
+    Form,
     SubmitButton,
   },
 });

package/src/components/form/index.ts

@@ -14,3 +14,4 @@ export * from './DatePickerField';
 export * from './ComboboxField';
 export * from './TagsInputField';
 export * from './SubmitButton';
+export * from './AutoSubmit';