@manafishrov/ui 1.2.13 → 1.3.1

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.1",
   "description": "Styled component library for Manafish interfaces ",
   "license": "AGPL-3.0-or-later",
   "repository": {

package/src/components/DatePicker.tsx

@@ -290,7 +290,7 @@ export const DatePickerViews: Component = () => [
   <DatePickerMonthView />,
   <DatePickerYearView />,
 ];
-export const Calendar: Component<DatePickerPrimitive.RootProps> = (props) => (
+export const DatePickerCalendar: Component<DatePickerPrimitive.RootProps> = (props) => (
   <DatePicker {...props} inline unmountOnExit={false}>
     <DatePickerContent class='border-none shadow-none ring-0'>
       <DatePickerViews />

package/src/components/Field.tsx

@@ -16,7 +16,7 @@ import { Separator } from '@/components/Separator';
 export { useFieldset } from '@ark-ui/solid/fieldset';
 export const FieldContext = PrimitiveField.Context;
 
-export const FieldSet: Component<PrimitiveFieldset.RootProps> = (props) => {
+export const Fieldset: Component<PrimitiveFieldset.RootProps> = (props) => {
   const [local, others] = splitProps(props, ['class', 'children']);
   return (
     <PrimitiveFieldset.Root

package/src/components/MenuCombobox.tsx

@@ -178,13 +178,13 @@ export const MenuComboboxEmpty: Component<MenuComboboxEmptyProps> = (props) => {
   );
 };
 export type {
-  MenuCheckboxItemData,
+  MenuComboboxCheckboxItemData,
+  MenuComboboxItemData,
+  MenuComboboxItemGroupData,
+  MenuComboboxRadioItemGroupData,
+  MenuComboboxRadioItemData,
+  MenuComboboxSeparatorData,
   MenuComboboxGroupedListProps,
   MenuComboboxListProps,
-  MenuItemData,
-  MenuItemGroupData,
-  MenuRadioGroupData,
-  MenuRadioItemData,
-  MenuSeparatorData,
 } from './MenuComboboxList';
 export { MenuComboboxGroupedList, MenuComboboxList } from './MenuComboboxList';