@customafk/lunas-ui 0.2.20 → 0.2.21

package/dist/{index-D09-9eQ8.d.cts → index-CST_ZBzY.d.mts}

@@ -1,11 +1,11 @@
-import * as react_jsx_runtime334 from "react/jsx-runtime";
-import * as class_variance_authority_types24 from "class-variance-authority/types";
-import * as react263 from "react";
+import * as react265 from "react";
+import * as react_jsx_runtime339 from "react/jsx-runtime";
 import * as class_variance_authority0 from "class-variance-authority";
 import { VariantProps } from "class-variance-authority";
 import { Label } from "radix-ui";
-import * as _tanstack_form_core0 from "@tanstack/form-core";
 import * as _tanstack_react_form0 from "@tanstack/react-form";
+import * as class_variance_authority_types22 from "class-variance-authority/types";
+import * as _tanstack_form_core0 from "@tanstack/form-core";
 
 //#region packages/components/features/tanstack-form/components/ui/label.d.ts
 /**
@@ -20,12 +20,12 @@ declare function Label$1({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof Label.Root>): react_jsx_runtime334.JSX.Element;
+}: React.ComponentProps<typeof Label.Root>): react_jsx_runtime339.JSX.Element;
 //#endregion
 //#region packages/components/features/tanstack-form/components/ui/field.d.ts
 declare const fieldVariants: (props?: ({
   orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-} & class_variance_authority_types24.ClassProp) | undefined) => string;
+} & class_variance_authority_types22.ClassProp) | undefined) => string;
 /**
  * Outermost `<fieldset>` wrapper that stacks multiple `Field` rows with consistent vertical spacing.
  *
@@ -48,10 +48,10 @@ declare const fieldVariants: (props?: ({
  *   <Field>…</Field>
  * </FieldGroup>
  */
-declare const FieldGroup: react263.MemoExoticComponent<({
+declare const FieldGroup: react265.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
+}: React.ComponentProps<"div">) => react_jsx_runtime339.JSX.Element>;
 /**
  * Single form field row that arranges label, input, and meta elements with configurable orientation.
  *
@@ -63,11 +63,11 @@ declare const FieldGroup: react263.MemoExoticComponent<({
  *   <FieldContent><input id="username" /></FieldContent>
  * </Field>
  */
-declare const Field: react263.MemoExoticComponent<({
+declare const Field: react265.MemoExoticComponent<({
   className,
   orientation,
   ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react_jsx_runtime334.JSX.Element>;
+}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react_jsx_runtime339.JSX.Element>;
 /**
  * Flex column wrapper that houses the primary input control together with description and error slots.
  *
@@ -79,10 +79,10 @@ declare const Field: react263.MemoExoticComponent<({
  *   <FieldDescription>Enter your full name.</FieldDescription>
  * </FieldContent>
  */
-declare const FieldContent: react263.MemoExoticComponent<({
+declare const FieldContent: react265.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
+}: React.ComponentProps<"div">) => react_jsx_runtime339.JSX.Element>;
 /**
  * Positioned wrapper for the main input element that enables absolutely-placed adornments (icons, spinners).
  *
@@ -94,10 +94,10 @@ declare const FieldContent: react263.MemoExoticComponent<({
  *   <SearchIcon className="absolute right-2 top-2" />
  * </FieldContentMain>
  */
-declare const FieldContentMain: react263.MemoExoticComponent<({
+declare const FieldContentMain: react265.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
+}: React.ComponentProps<"div">) => react_jsx_runtime339.JSX.Element>;
 /**
  * Styled `<label>` element for a `Field`, extending the base `Label` with field-group-aware spacing and border states.
  *
@@ -106,10 +106,10 @@ declare const FieldContentMain: react263.MemoExoticComponent<({
  *
  * <FieldLabel htmlFor="email" aria-required>Email</FieldLabel>
  */
-declare const FieldLabel: react263.MemoExoticComponent<({
+declare const FieldLabel: react265.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<typeof Label$1>) => react_jsx_runtime334.JSX.Element>;
+}: React.ComponentProps<typeof Label$1>) => react_jsx_runtime339.JSX.Element>;
 /**
  * Inline title element (non-`<label>`) for fields whose label cannot be a native `<label>`, such as custom checkbox groups.
  *
@@ -127,11 +127,11 @@ declare const FieldLabel: react263.MemoExoticComponent<({
  *
  * <FieldSeparator>or</FieldSeparator>
  */
-declare const FieldSeparator: react263.MemoExoticComponent<({
+declare const FieldSeparator: react265.MemoExoticComponent<({
   children,
   className,
   ...props
-}: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime334.JSX.Element>;
+}: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime339.JSX.Element>;
 /**
  * Props for {@link FieldError}.
  */
@@ -154,12 +154,12 @@ type FieldErrorProps = React.ComponentProps<'div'> & {
  *
  * <FieldError errors={field.state.meta.errors} />
  */
-declare const FieldError: react263.MemoExoticComponent<({
+declare const FieldError: react265.MemoExoticComponent<({
   className,
   children,
   errors,
   ...props
-}: FieldErrorProps) => react_jsx_runtime334.JSX.Element | null>;
+}: FieldErrorProps) => react_jsx_runtime339.JSX.Element | null>;
 //#endregion
 //#region packages/components/features/tanstack-form/tanstack-form.d.ts
 declare const useTanStackFieldContext: <TData>() => _tanstack_form_core0.FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>, useTanStackFormContext: () => _tanstack_react_form0.ReactFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any, any, any>;
@@ -219,13 +219,13 @@ declare const useTanStackFieldContext: <TData>() => _tanstack_form_core0.FieldAp
  * ));
  */
 declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnChange extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: _tanstack_form_core0.FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => _tanstack_react_form0.AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
-    readonly TextField: react263.FC<Pick<{
+    readonly TextField: react265.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
       id: string;
       type: "text-field";
-      dataType?: "text" | "url" | "email" | "password" | undefined;
+      dataType?: "email" | "text" | "url" | "password" | undefined;
       rules?: {
         required?: boolean | undefined;
         maxLength?: number | undefined;
@@ -245,11 +245,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       showClearButton?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextareaField: react263.FC<Pick<{
+    readonly TextareaField: react265.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -273,11 +273,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       counter?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextEditorField: react263.FC<Pick<{
+    readonly TextEditorField: react265.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -294,7 +294,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     }, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
     }>;
-    readonly NumberField: react263.FC<Pick<{
+    readonly NumberField: react265.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -330,11 +330,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       unit?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
       required?: boolean;
       allowNegative?: boolean;
     }>;
-    readonly EmailField: react263.FC<Pick<{
+    readonly EmailField: react265.FC<Pick<{
       rules: {
         maxLength?: number | undefined;
         minLength?: number | undefined;
@@ -350,20 +350,20 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       showErrorMessage?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly PasswordField: react263.FC<{
+    readonly PasswordField: react265.FC<{
       description?: string | undefined;
       label: string;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
       placeholder?: string | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
       tooltip?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
     }>;
-    readonly SelectField: react263.FC<Pick<{
+    readonly SelectField: react265.FC<Pick<{
       options: {
         label: string;
         value: string;
@@ -388,10 +388,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "defaultValue" | "orientation" | "placeholder" | "tooltip" | "options" | "helperText" | "clearable"> & {
+    }, "description" | "label" | "placeholder" | "defaultValue" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
       required?: boolean;
     }>;
-    readonly ComboboxField: react263.FC<{
+    readonly ComboboxField: react265.FC<{
       label: string;
       description?: string;
       placeholder?: string;
@@ -402,7 +402,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         label: string;
       }>;
     }>;
-    readonly DateField: react263.FC<Pick<{
+    readonly DateField: react265.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -420,17 +420,17 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       minDate?: Date;
       maxDate?: Date;
     }>;
-    readonly SwitchField: react263.FC<{
+    readonly SwitchField: react265.FC<{
       description?: string | undefined;
       label: string;
       helperText?: string | undefined;
     }>;
-    readonly RadioGroupField: react263.FC<{
+    readonly RadioGroupField: react265.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -442,7 +442,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly CheckboxField: react263.FC<{
+    readonly CheckboxField: react265.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -453,84 +453,84 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly FieldGroup: react263.MemoExoticComponent<({
+    readonly FieldGroup: react265.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
-    readonly Field: react263.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react_jsx_runtime339.JSX.Element>;
+    readonly Field: react265.MemoExoticComponent<({
       className,
       orientation,
       ...props
     }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
       orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-    } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react_jsx_runtime334.JSX.Element>;
-    readonly FieldContent: react263.MemoExoticComponent<({
+    } & class_variance_authority_types22.ClassProp) | undefined) => string>) => react_jsx_runtime339.JSX.Element>;
+    readonly FieldContent: react265.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
-    readonly FieldLabel: react263.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react_jsx_runtime339.JSX.Element>;
+    readonly FieldLabel: react265.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime334.JSX.Element>;
-    readonly FieldContentMain: react263.MemoExoticComponent<({
+    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime339.JSX.Element>;
+    readonly FieldContentMain: react265.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
-    readonly FieldSeparator: react263.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react_jsx_runtime339.JSX.Element>;
+    readonly FieldSeparator: react265.MemoExoticComponent<({
       children,
       className,
       ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime334.JSX.Element>;
-    readonly FieldError: react263.MemoExoticComponent<({
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime339.JSX.Element>;
+    readonly FieldError: react265.MemoExoticComponent<({
       className,
       children,
       errors,
       ...props
-    }: react263.ClassAttributes<HTMLDivElement> & react263.HTMLAttributes<HTMLDivElement> & {
+    }: react265.ClassAttributes<HTMLDivElement> & react265.HTMLAttributes<HTMLDivElement> & {
       errors?: Array<{
         code?: string;
         message?: string;
       } | undefined>;
-    }) => react_jsx_runtime334.JSX.Element | null>;
+    }) => react_jsx_runtime339.JSX.Element | null>;
   }, {
-    readonly TanStackDialogForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackDialogForm: react265.FC<react265.PropsWithChildren<{
       title: string;
       submitText?: string;
       open?: boolean;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackPopoverForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackPopoverForm: react265.FC<react265.PropsWithChildren<{
       title: string;
       open?: boolean;
       contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackContainerForm: react263.FC<{
-      children?: react263.ReactNode | undefined;
+    readonly TanStackContainerForm: react265.FC<{
+      children?: react265.ReactNode | undefined;
     }>;
-    readonly TanStackSectionForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackSectionForm: react265.FC<react265.PropsWithChildren<{
       title: string;
     }>>;
-    readonly TanStackCardForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackCardForm: react265.FC<react265.PropsWithChildren<{
       title: string;
       description?: string;
       onDelete?: () => void | Promise<void>;
     }>>;
-    readonly TanStackFieldGroup: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackFieldGroup: react265.FC<react265.PropsWithChildren<{
       label: string;
       description?: string;
       helperText?: string;
       orientation?: "horizontal" | "vertical" | "responsive";
     }>>;
-    readonly TanStackTitleField: react263.FC<{
+    readonly TanStackTitleField: react265.FC<{
       title: string;
       description?: string;
       helperText?: string;
     }>;
-    readonly TanStackActionsForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackActionsForm: react265.FC<react265.PropsWithChildren<{
       type?: "create" | "update";
     }>>;
-    readonly TanStackActionSubmit: react263.FC<{
+    readonly TanStackActionSubmit: react265.FC<{
       label?: string;
       className?: string;
     }>;
@@ -538,13 +538,13 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     render,
     props
   }: _tanstack_react_form0.WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
-    readonly TextField: react263.FC<Pick<{
+    readonly TextField: react265.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
       id: string;
       type: "text-field";
-      dataType?: "text" | "url" | "email" | "password" | undefined;
+      dataType?: "email" | "text" | "url" | "password" | undefined;
       rules?: {
         required?: boolean | undefined;
         maxLength?: number | undefined;
@@ -564,11 +564,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       showClearButton?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextareaField: react263.FC<Pick<{
+    readonly TextareaField: react265.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -592,11 +592,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       counter?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextEditorField: react263.FC<Pick<{
+    readonly TextEditorField: react265.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -613,7 +613,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     }, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
     }>;
-    readonly NumberField: react263.FC<Pick<{
+    readonly NumberField: react265.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -649,11 +649,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       unit?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
       required?: boolean;
       allowNegative?: boolean;
     }>;
-    readonly EmailField: react263.FC<Pick<{
+    readonly EmailField: react265.FC<Pick<{
       rules: {
         maxLength?: number | undefined;
         minLength?: number | undefined;
@@ -669,20 +669,20 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       showErrorMessage?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly PasswordField: react263.FC<{
+    readonly PasswordField: react265.FC<{
       description?: string | undefined;
       label: string;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
       placeholder?: string | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
       tooltip?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
     }>;
-    readonly SelectField: react263.FC<Pick<{
+    readonly SelectField: react265.FC<Pick<{
       options: {
         label: string;
         value: string;
@@ -707,10 +707,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "defaultValue" | "orientation" | "placeholder" | "tooltip" | "options" | "helperText" | "clearable"> & {
+    }, "description" | "label" | "placeholder" | "defaultValue" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
       required?: boolean;
     }>;
-    readonly ComboboxField: react263.FC<{
+    readonly ComboboxField: react265.FC<{
       label: string;
       description?: string;
       placeholder?: string;
@@ -721,7 +721,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         label: string;
       }>;
     }>;
-    readonly DateField: react263.FC<Pick<{
+    readonly DateField: react265.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -739,17 +739,17 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       minDate?: Date;
       maxDate?: Date;
     }>;
-    readonly SwitchField: react263.FC<{
+    readonly SwitchField: react265.FC<{
       description?: string | undefined;
       label: string;
       helperText?: string | undefined;
     }>;
-    readonly RadioGroupField: react263.FC<{
+    readonly RadioGroupField: react265.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -761,7 +761,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly CheckboxField: react263.FC<{
+    readonly CheckboxField: react265.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -772,96 +772,96 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly FieldGroup: react263.MemoExoticComponent<({
+    readonly FieldGroup: react265.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
-    readonly Field: react263.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react_jsx_runtime339.JSX.Element>;
+    readonly Field: react265.MemoExoticComponent<({
       className,
       orientation,
       ...props
     }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
       orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-    } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react_jsx_runtime334.JSX.Element>;
-    readonly FieldContent: react263.MemoExoticComponent<({
+    } & class_variance_authority_types22.ClassProp) | undefined) => string>) => react_jsx_runtime339.JSX.Element>;
+    readonly FieldContent: react265.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
-    readonly FieldLabel: react263.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react_jsx_runtime339.JSX.Element>;
+    readonly FieldLabel: react265.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime334.JSX.Element>;
-    readonly FieldContentMain: react263.MemoExoticComponent<({
+    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime339.JSX.Element>;
+    readonly FieldContentMain: react265.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
-    readonly FieldSeparator: react263.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react_jsx_runtime339.JSX.Element>;
+    readonly FieldSeparator: react265.MemoExoticComponent<({
       children,
       className,
       ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime334.JSX.Element>;
-    readonly FieldError: react263.MemoExoticComponent<({
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime339.JSX.Element>;
+    readonly FieldError: react265.MemoExoticComponent<({
       className,
       children,
       errors,
       ...props
-    }: react263.ClassAttributes<HTMLDivElement> & react263.HTMLAttributes<HTMLDivElement> & {
+    }: react265.ClassAttributes<HTMLDivElement> & react265.HTMLAttributes<HTMLDivElement> & {
       errors?: Array<{
         code?: string;
         message?: string;
       } | undefined>;
-    }) => react_jsx_runtime334.JSX.Element | null>;
+    }) => react_jsx_runtime339.JSX.Element | null>;
   }, {
-    readonly TanStackDialogForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackDialogForm: react265.FC<react265.PropsWithChildren<{
       title: string;
       submitText?: string;
       open?: boolean;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackPopoverForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackPopoverForm: react265.FC<react265.PropsWithChildren<{
       title: string;
       open?: boolean;
       contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackContainerForm: react263.FC<{
-      children?: react263.ReactNode | undefined;
+    readonly TanStackContainerForm: react265.FC<{
+      children?: react265.ReactNode | undefined;
     }>;
-    readonly TanStackSectionForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackSectionForm: react265.FC<react265.PropsWithChildren<{
       title: string;
     }>>;
-    readonly TanStackCardForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackCardForm: react265.FC<react265.PropsWithChildren<{
       title: string;
       description?: string;
       onDelete?: () => void | Promise<void>;
     }>>;
-    readonly TanStackFieldGroup: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackFieldGroup: react265.FC<react265.PropsWithChildren<{
       label: string;
       description?: string;
       helperText?: string;
       orientation?: "horizontal" | "vertical" | "responsive";
     }>>;
-    readonly TanStackTitleField: react263.FC<{
+    readonly TanStackTitleField: react265.FC<{
       title: string;
       description?: string;
       helperText?: string;
     }>;
-    readonly TanStackActionsForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackActionsForm: react265.FC<react265.PropsWithChildren<{
       type?: "create" | "update";
     }>>;
-    readonly TanStackActionSubmit: react263.FC<{
+    readonly TanStackActionSubmit: react265.FC<{
       label?: string;
       className?: string;
     }>;
-  }, TRenderProps>) => react263.FunctionComponent<react263.PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
+  }, TRenderProps>) => react265.FunctionComponent<react265.PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
     form: _tanstack_react_form0.AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, {
-      readonly TextField: react263.FC<Pick<{
+      readonly TextField: react265.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
         id: string;
         type: "text-field";
-        dataType?: "text" | "url" | "email" | "password" | undefined;
+        dataType?: "email" | "text" | "url" | "password" | undefined;
         rules?: {
           required?: boolean | undefined;
           maxLength?: number | undefined;
@@ -881,11 +881,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         showClearButton?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextareaField: react263.FC<Pick<{
+      readonly TextareaField: react265.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -909,11 +909,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         counter?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextEditorField: react263.FC<Pick<{
+      readonly TextEditorField: react265.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -930,7 +930,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
       }>;
-      readonly NumberField: react263.FC<Pick<{
+      readonly NumberField: react265.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -966,11 +966,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         unit?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
         required?: boolean;
         allowNegative?: boolean;
       }>;
-      readonly EmailField: react263.FC<Pick<{
+      readonly EmailField: react265.FC<Pick<{
         rules: {
           maxLength?: number | undefined;
           minLength?: number | undefined;
@@ -986,20 +986,20 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         showErrorMessage?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly PasswordField: react263.FC<{
+      readonly PasswordField: react265.FC<{
         description?: string | undefined;
         label: string;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
         placeholder?: string | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
         tooltip?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
       }>;
-      readonly SelectField: react263.FC<Pick<{
+      readonly SelectField: react265.FC<Pick<{
         options: {
           label: string;
           value: string;
@@ -1024,10 +1024,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "defaultValue" | "orientation" | "placeholder" | "tooltip" | "options" | "helperText" | "clearable"> & {
+      }, "description" | "label" | "placeholder" | "defaultValue" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
         required?: boolean;
       }>;
-      readonly ComboboxField: react263.FC<{
+      readonly ComboboxField: react265.FC<{
         label: string;
         description?: string;
         placeholder?: string;
@@ -1038,7 +1038,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           label: string;
         }>;
       }>;
-      readonly DateField: react263.FC<Pick<{
+      readonly DateField: react265.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1056,17 +1056,17 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         minDate?: Date;
         maxDate?: Date;
       }>;
-      readonly SwitchField: react263.FC<{
+      readonly SwitchField: react265.FC<{
         description?: string | undefined;
         label: string;
         helperText?: string | undefined;
       }>;
-      readonly RadioGroupField: react263.FC<{
+      readonly RadioGroupField: react265.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1078,7 +1078,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly CheckboxField: react263.FC<{
+      readonly CheckboxField: react265.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1089,84 +1089,84 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly FieldGroup: react263.MemoExoticComponent<({
+      readonly FieldGroup: react265.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
-      readonly Field: react263.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react_jsx_runtime339.JSX.Element>;
+      readonly Field: react265.MemoExoticComponent<({
         className,
         orientation,
         ...props
       }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
         orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-      } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react_jsx_runtime334.JSX.Element>;
-      readonly FieldContent: react263.MemoExoticComponent<({
+      } & class_variance_authority_types22.ClassProp) | undefined) => string>) => react_jsx_runtime339.JSX.Element>;
+      readonly FieldContent: react265.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
-      readonly FieldLabel: react263.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react_jsx_runtime339.JSX.Element>;
+      readonly FieldLabel: react265.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime334.JSX.Element>;
-      readonly FieldContentMain: react263.MemoExoticComponent<({
+      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime339.JSX.Element>;
+      readonly FieldContentMain: react265.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
-      readonly FieldSeparator: react263.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react_jsx_runtime339.JSX.Element>;
+      readonly FieldSeparator: react265.MemoExoticComponent<({
         children,
         className,
         ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime334.JSX.Element>;
-      readonly FieldError: react263.MemoExoticComponent<({
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime339.JSX.Element>;
+      readonly FieldError: react265.MemoExoticComponent<({
         className,
         children,
         errors,
         ...props
-      }: react263.ClassAttributes<HTMLDivElement> & react263.HTMLAttributes<HTMLDivElement> & {
+      }: react265.ClassAttributes<HTMLDivElement> & react265.HTMLAttributes<HTMLDivElement> & {
         errors?: Array<{
           code?: string;
           message?: string;
         } | undefined>;
-      }) => react_jsx_runtime334.JSX.Element | null>;
+      }) => react_jsx_runtime339.JSX.Element | null>;
     }, {
-      readonly TanStackDialogForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackDialogForm: react265.FC<react265.PropsWithChildren<{
         title: string;
         submitText?: string;
         open?: boolean;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackPopoverForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackPopoverForm: react265.FC<react265.PropsWithChildren<{
         title: string;
         open?: boolean;
         contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackContainerForm: react263.FC<{
-        children?: react263.ReactNode | undefined;
+      readonly TanStackContainerForm: react265.FC<{
+        children?: react265.ReactNode | undefined;
       }>;
-      readonly TanStackSectionForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackSectionForm: react265.FC<react265.PropsWithChildren<{
         title: string;
       }>>;
-      readonly TanStackCardForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackCardForm: react265.FC<react265.PropsWithChildren<{
         title: string;
         description?: string;
         onDelete?: () => void | Promise<void>;
       }>>;
-      readonly TanStackFieldGroup: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackFieldGroup: react265.FC<react265.PropsWithChildren<{
         label: string;
         description?: string;
         helperText?: string;
         orientation?: "horizontal" | "vertical" | "responsive";
       }>>;
-      readonly TanStackTitleField: react263.FC<{
+      readonly TanStackTitleField: react265.FC<{
         title: string;
         description?: string;
         helperText?: string;
       }>;
-      readonly TanStackActionsForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackActionsForm: react265.FC<react265.PropsWithChildren<{
         type?: "create" | "update";
       }>>;
-      readonly TanStackActionSubmit: react263.FC<{
+      readonly TanStackActionSubmit: react265.FC<{
         label?: string;
         className?: string;
       }>;
@@ -1176,13 +1176,13 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     props,
     defaultValues
   }: _tanstack_react_form0.WithFieldGroupProps<TFieldGroupData, {
-    readonly TextField: react263.FC<Pick<{
+    readonly TextField: react265.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
       id: string;
       type: "text-field";
-      dataType?: "text" | "url" | "email" | "password" | undefined;
+      dataType?: "email" | "text" | "url" | "password" | undefined;
       rules?: {
         required?: boolean | undefined;
         maxLength?: number | undefined;
@@ -1202,11 +1202,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       showClearButton?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextareaField: react263.FC<Pick<{
+    readonly TextareaField: react265.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -1230,11 +1230,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       counter?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextEditorField: react263.FC<Pick<{
+    readonly TextEditorField: react265.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -1251,7 +1251,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     }, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
     }>;
-    readonly NumberField: react263.FC<Pick<{
+    readonly NumberField: react265.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -1287,11 +1287,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       unit?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
       required?: boolean;
       allowNegative?: boolean;
     }>;
-    readonly EmailField: react263.FC<Pick<{
+    readonly EmailField: react265.FC<Pick<{
       rules: {
         maxLength?: number | undefined;
         minLength?: number | undefined;
@@ -1307,20 +1307,20 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       showErrorMessage?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly PasswordField: react263.FC<{
+    readonly PasswordField: react265.FC<{
       description?: string | undefined;
       label: string;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
       placeholder?: string | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
       tooltip?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
     }>;
-    readonly SelectField: react263.FC<Pick<{
+    readonly SelectField: react265.FC<Pick<{
       options: {
         label: string;
         value: string;
@@ -1345,10 +1345,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "defaultValue" | "orientation" | "placeholder" | "tooltip" | "options" | "helperText" | "clearable"> & {
+    }, "description" | "label" | "placeholder" | "defaultValue" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
       required?: boolean;
     }>;
-    readonly ComboboxField: react263.FC<{
+    readonly ComboboxField: react265.FC<{
       label: string;
       description?: string;
       placeholder?: string;
@@ -1359,7 +1359,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         label: string;
       }>;
     }>;
-    readonly DateField: react263.FC<Pick<{
+    readonly DateField: react265.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -1377,17 +1377,17 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       minDate?: Date;
       maxDate?: Date;
     }>;
-    readonly SwitchField: react263.FC<{
+    readonly SwitchField: react265.FC<{
       description?: string | undefined;
       label: string;
       helperText?: string | undefined;
     }>;
-    readonly RadioGroupField: react263.FC<{
+    readonly RadioGroupField: react265.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1399,7 +1399,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly CheckboxField: react263.FC<{
+    readonly CheckboxField: react265.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1410,96 +1410,96 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly FieldGroup: react263.MemoExoticComponent<({
+    readonly FieldGroup: react265.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
-    readonly Field: react263.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react_jsx_runtime339.JSX.Element>;
+    readonly Field: react265.MemoExoticComponent<({
       className,
       orientation,
       ...props
     }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
       orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-    } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react_jsx_runtime334.JSX.Element>;
-    readonly FieldContent: react263.MemoExoticComponent<({
+    } & class_variance_authority_types22.ClassProp) | undefined) => string>) => react_jsx_runtime339.JSX.Element>;
+    readonly FieldContent: react265.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
-    readonly FieldLabel: react263.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react_jsx_runtime339.JSX.Element>;
+    readonly FieldLabel: react265.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime334.JSX.Element>;
-    readonly FieldContentMain: react263.MemoExoticComponent<({
+    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime339.JSX.Element>;
+    readonly FieldContentMain: react265.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
-    readonly FieldSeparator: react263.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react_jsx_runtime339.JSX.Element>;
+    readonly FieldSeparator: react265.MemoExoticComponent<({
       children,
       className,
       ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime334.JSX.Element>;
-    readonly FieldError: react263.MemoExoticComponent<({
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime339.JSX.Element>;
+    readonly FieldError: react265.MemoExoticComponent<({
       className,
       children,
       errors,
       ...props
-    }: react263.ClassAttributes<HTMLDivElement> & react263.HTMLAttributes<HTMLDivElement> & {
+    }: react265.ClassAttributes<HTMLDivElement> & react265.HTMLAttributes<HTMLDivElement> & {
       errors?: Array<{
         code?: string;
         message?: string;
       } | undefined>;
-    }) => react_jsx_runtime334.JSX.Element | null>;
+    }) => react_jsx_runtime339.JSX.Element | null>;
   }, {
-    readonly TanStackDialogForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackDialogForm: react265.FC<react265.PropsWithChildren<{
       title: string;
       submitText?: string;
       open?: boolean;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackPopoverForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackPopoverForm: react265.FC<react265.PropsWithChildren<{
       title: string;
       open?: boolean;
       contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackContainerForm: react263.FC<{
-      children?: react263.ReactNode | undefined;
+    readonly TanStackContainerForm: react265.FC<{
+      children?: react265.ReactNode | undefined;
     }>;
-    readonly TanStackSectionForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackSectionForm: react265.FC<react265.PropsWithChildren<{
       title: string;
     }>>;
-    readonly TanStackCardForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackCardForm: react265.FC<react265.PropsWithChildren<{
       title: string;
       description?: string;
       onDelete?: () => void | Promise<void>;
     }>>;
-    readonly TanStackFieldGroup: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackFieldGroup: react265.FC<react265.PropsWithChildren<{
       label: string;
       description?: string;
       helperText?: string;
       orientation?: "horizontal" | "vertical" | "responsive";
     }>>;
-    readonly TanStackTitleField: react263.FC<{
+    readonly TanStackTitleField: react265.FC<{
       title: string;
       description?: string;
       helperText?: string;
     }>;
-    readonly TanStackActionsForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackActionsForm: react265.FC<react265.PropsWithChildren<{
       type?: "create" | "update";
     }>>;
-    readonly TanStackActionSubmit: react263.FC<{
+    readonly TanStackActionSubmit: react265.FC<{
       label?: string;
       className?: string;
     }>;
-  }, TSubmitMeta, TRenderProps>) => <TFormData, TFields extends _tanstack_form_core0.DeepKeysOfType<TFormData, TFieldGroupData | null | undefined> | _tanstack_form_core0.FieldsMap<TFormData, TFieldGroupData>, TOnMount extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnChange extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TFormSubmitMeta>(params: react263.PropsWithChildren<NoInfer<TRenderProps> & {
+  }, TSubmitMeta, TRenderProps>) => <TFormData, TFields extends _tanstack_form_core0.DeepKeysOfType<TFormData, TFieldGroupData | null | undefined> | _tanstack_form_core0.FieldsMap<TFormData, TFieldGroupData>, TOnMount extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnChange extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TFormSubmitMeta>(params: react265.PropsWithChildren<NoInfer<TRenderProps> & {
     form: _tanstack_react_form0.AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
-      readonly TextField: react263.FC<Pick<{
+      readonly TextField: react265.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
         id: string;
         type: "text-field";
-        dataType?: "text" | "url" | "email" | "password" | undefined;
+        dataType?: "email" | "text" | "url" | "password" | undefined;
         rules?: {
           required?: boolean | undefined;
           maxLength?: number | undefined;
@@ -1519,11 +1519,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         showClearButton?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextareaField: react263.FC<Pick<{
+      readonly TextareaField: react265.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1547,11 +1547,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         counter?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextEditorField: react263.FC<Pick<{
+      readonly TextEditorField: react265.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1568,7 +1568,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
       }>;
-      readonly NumberField: react263.FC<Pick<{
+      readonly NumberField: react265.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1604,11 +1604,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         unit?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
         required?: boolean;
         allowNegative?: boolean;
       }>;
-      readonly EmailField: react263.FC<Pick<{
+      readonly EmailField: react265.FC<Pick<{
         rules: {
           maxLength?: number | undefined;
           minLength?: number | undefined;
@@ -1624,20 +1624,20 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         showErrorMessage?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly PasswordField: react263.FC<{
+      readonly PasswordField: react265.FC<{
         description?: string | undefined;
         label: string;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
         placeholder?: string | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
         tooltip?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
       }>;
-      readonly SelectField: react263.FC<Pick<{
+      readonly SelectField: react265.FC<Pick<{
         options: {
           label: string;
           value: string;
@@ -1662,10 +1662,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "defaultValue" | "orientation" | "placeholder" | "tooltip" | "options" | "helperText" | "clearable"> & {
+      }, "description" | "label" | "placeholder" | "defaultValue" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
         required?: boolean;
       }>;
-      readonly ComboboxField: react263.FC<{
+      readonly ComboboxField: react265.FC<{
         label: string;
         description?: string;
         placeholder?: string;
@@ -1676,7 +1676,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           label: string;
         }>;
       }>;
-      readonly DateField: react263.FC<Pick<{
+      readonly DateField: react265.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1694,17 +1694,17 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         minDate?: Date;
         maxDate?: Date;
       }>;
-      readonly SwitchField: react263.FC<{
+      readonly SwitchField: react265.FC<{
         description?: string | undefined;
         label: string;
         helperText?: string | undefined;
       }>;
-      readonly RadioGroupField: react263.FC<{
+      readonly RadioGroupField: react265.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1716,7 +1716,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly CheckboxField: react263.FC<{
+      readonly CheckboxField: react265.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1727,95 +1727,95 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly FieldGroup: react263.MemoExoticComponent<({
+      readonly FieldGroup: react265.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
-      readonly Field: react263.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react_jsx_runtime339.JSX.Element>;
+      readonly Field: react265.MemoExoticComponent<({
         className,
         orientation,
         ...props
       }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
         orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-      } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react_jsx_runtime334.JSX.Element>;
-      readonly FieldContent: react263.MemoExoticComponent<({
+      } & class_variance_authority_types22.ClassProp) | undefined) => string>) => react_jsx_runtime339.JSX.Element>;
+      readonly FieldContent: react265.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
-      readonly FieldLabel: react263.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react_jsx_runtime339.JSX.Element>;
+      readonly FieldLabel: react265.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime334.JSX.Element>;
-      readonly FieldContentMain: react263.MemoExoticComponent<({
+      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime339.JSX.Element>;
+      readonly FieldContentMain: react265.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
-      readonly FieldSeparator: react263.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react_jsx_runtime339.JSX.Element>;
+      readonly FieldSeparator: react265.MemoExoticComponent<({
         children,
         className,
         ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime334.JSX.Element>;
-      readonly FieldError: react263.MemoExoticComponent<({
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime339.JSX.Element>;
+      readonly FieldError: react265.MemoExoticComponent<({
         className,
         children,
         errors,
         ...props
-      }: react263.ClassAttributes<HTMLDivElement> & react263.HTMLAttributes<HTMLDivElement> & {
+      }: react265.ClassAttributes<HTMLDivElement> & react265.HTMLAttributes<HTMLDivElement> & {
         errors?: Array<{
           code?: string;
           message?: string;
         } | undefined>;
-      }) => react_jsx_runtime334.JSX.Element | null>;
+      }) => react_jsx_runtime339.JSX.Element | null>;
     }, {
-      readonly TanStackDialogForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackDialogForm: react265.FC<react265.PropsWithChildren<{
         title: string;
         submitText?: string;
         open?: boolean;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackPopoverForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackPopoverForm: react265.FC<react265.PropsWithChildren<{
         title: string;
         open?: boolean;
         contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackContainerForm: react263.FC<{
-        children?: react263.ReactNode | undefined;
+      readonly TanStackContainerForm: react265.FC<{
+        children?: react265.ReactNode | undefined;
       }>;
-      readonly TanStackSectionForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackSectionForm: react265.FC<react265.PropsWithChildren<{
         title: string;
       }>>;
-      readonly TanStackCardForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackCardForm: react265.FC<react265.PropsWithChildren<{
         title: string;
         description?: string;
         onDelete?: () => void | Promise<void>;
       }>>;
-      readonly TanStackFieldGroup: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackFieldGroup: react265.FC<react265.PropsWithChildren<{
         label: string;
         description?: string;
         helperText?: string;
         orientation?: "horizontal" | "vertical" | "responsive";
       }>>;
-      readonly TanStackTitleField: react263.FC<{
+      readonly TanStackTitleField: react265.FC<{
         title: string;
         description?: string;
         helperText?: string;
       }>;
-      readonly TanStackActionsForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackActionsForm: react265.FC<react265.PropsWithChildren<{
         type?: "create" | "update";
       }>>;
-      readonly TanStackActionSubmit: react263.FC<{
+      readonly TanStackActionSubmit: react265.FC<{
         label?: string;
         className?: string;
       }>;
     }> | _tanstack_react_form0.AppFieldExtendedReactFieldGroupApi<unknown, TFormData, string | _tanstack_form_core0.FieldsMap<unknown, TFormData>, any, any, any, any, any, any, any, any, any, any, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
-      readonly TextField: react263.FC<Pick<{
+      readonly TextField: react265.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
         id: string;
         type: "text-field";
-        dataType?: "text" | "url" | "email" | "password" | undefined;
+        dataType?: "email" | "text" | "url" | "password" | undefined;
         rules?: {
           required?: boolean | undefined;
           maxLength?: number | undefined;
@@ -1835,11 +1835,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         showClearButton?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextareaField: react263.FC<Pick<{
+      readonly TextareaField: react265.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1863,11 +1863,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         counter?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextEditorField: react263.FC<Pick<{
+      readonly TextEditorField: react265.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1884,7 +1884,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
       }>;
-      readonly NumberField: react263.FC<Pick<{
+      readonly NumberField: react265.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1920,11 +1920,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         unit?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
         required?: boolean;
         allowNegative?: boolean;
       }>;
-      readonly EmailField: react263.FC<Pick<{
+      readonly EmailField: react265.FC<Pick<{
         rules: {
           maxLength?: number | undefined;
           minLength?: number | undefined;
@@ -1940,20 +1940,20 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         showErrorMessage?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly PasswordField: react263.FC<{
+      readonly PasswordField: react265.FC<{
         description?: string | undefined;
         label: string;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
         placeholder?: string | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
         tooltip?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
       }>;
-      readonly SelectField: react263.FC<Pick<{
+      readonly SelectField: react265.FC<Pick<{
         options: {
           label: string;
           value: string;
@@ -1978,10 +1978,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "defaultValue" | "orientation" | "placeholder" | "tooltip" | "options" | "helperText" | "clearable"> & {
+      }, "description" | "label" | "placeholder" | "defaultValue" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
         required?: boolean;
       }>;
-      readonly ComboboxField: react263.FC<{
+      readonly ComboboxField: react265.FC<{
         label: string;
         description?: string;
         placeholder?: string;
@@ -1992,7 +1992,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           label: string;
         }>;
       }>;
-      readonly DateField: react263.FC<Pick<{
+      readonly DateField: react265.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -2010,17 +2010,17 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         minDate?: Date;
         maxDate?: Date;
       }>;
-      readonly SwitchField: react263.FC<{
+      readonly SwitchField: react265.FC<{
         description?: string | undefined;
         label: string;
         helperText?: string | undefined;
       }>;
-      readonly RadioGroupField: react263.FC<{
+      readonly RadioGroupField: react265.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -2032,7 +2032,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly CheckboxField: react263.FC<{
+      readonly CheckboxField: react265.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -2043,90 +2043,90 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly FieldGroup: react263.MemoExoticComponent<({
+      readonly FieldGroup: react265.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
-      readonly Field: react263.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react_jsx_runtime339.JSX.Element>;
+      readonly Field: react265.MemoExoticComponent<({
         className,
         orientation,
         ...props
       }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
         orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-      } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react_jsx_runtime334.JSX.Element>;
-      readonly FieldContent: react263.MemoExoticComponent<({
+      } & class_variance_authority_types22.ClassProp) | undefined) => string>) => react_jsx_runtime339.JSX.Element>;
+      readonly FieldContent: react265.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
-      readonly FieldLabel: react263.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react_jsx_runtime339.JSX.Element>;
+      readonly FieldLabel: react265.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime334.JSX.Element>;
-      readonly FieldContentMain: react263.MemoExoticComponent<({
+      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime339.JSX.Element>;
+      readonly FieldContentMain: react265.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
-      readonly FieldSeparator: react263.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react_jsx_runtime339.JSX.Element>;
+      readonly FieldSeparator: react265.MemoExoticComponent<({
         children,
         className,
         ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime334.JSX.Element>;
-      readonly FieldError: react263.MemoExoticComponent<({
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime339.JSX.Element>;
+      readonly FieldError: react265.MemoExoticComponent<({
         className,
         children,
         errors,
         ...props
-      }: react263.ClassAttributes<HTMLDivElement> & react263.HTMLAttributes<HTMLDivElement> & {
+      }: react265.ClassAttributes<HTMLDivElement> & react265.HTMLAttributes<HTMLDivElement> & {
         errors?: Array<{
           code?: string;
           message?: string;
         } | undefined>;
-      }) => react_jsx_runtime334.JSX.Element | null>;
+      }) => react_jsx_runtime339.JSX.Element | null>;
     }, {
-      readonly TanStackDialogForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackDialogForm: react265.FC<react265.PropsWithChildren<{
         title: string;
         submitText?: string;
         open?: boolean;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackPopoverForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackPopoverForm: react265.FC<react265.PropsWithChildren<{
         title: string;
         open?: boolean;
         contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackContainerForm: react263.FC<{
-        children?: react263.ReactNode | undefined;
+      readonly TanStackContainerForm: react265.FC<{
+        children?: react265.ReactNode | undefined;
       }>;
-      readonly TanStackSectionForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackSectionForm: react265.FC<react265.PropsWithChildren<{
         title: string;
       }>>;
-      readonly TanStackCardForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackCardForm: react265.FC<react265.PropsWithChildren<{
         title: string;
         description?: string;
         onDelete?: () => void | Promise<void>;
       }>>;
-      readonly TanStackFieldGroup: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackFieldGroup: react265.FC<react265.PropsWithChildren<{
         label: string;
         description?: string;
         helperText?: string;
         orientation?: "horizontal" | "vertical" | "responsive";
       }>>;
-      readonly TanStackTitleField: react263.FC<{
+      readonly TanStackTitleField: react265.FC<{
         title: string;
         description?: string;
         helperText?: string;
       }>;
-      readonly TanStackActionsForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackActionsForm: react265.FC<react265.PropsWithChildren<{
         type?: "create" | "update";
       }>>;
-      readonly TanStackActionSubmit: react263.FC<{
+      readonly TanStackActionSubmit: react265.FC<{
         label?: string;
         className?: string;
       }>;
     }>;
     fields: TFields;
-  }>) => ReturnType<react263.FunctionComponent>;
+  }>) => ReturnType<react265.FunctionComponent>;
 //#endregion
 export { withTanStackForm as a, FieldContentMain as c, FieldLabel as d, FieldSeparator as f, withTanStackFieldGroup as i, FieldError as l, useTanStackForm as n, Field as o, useTanStackFormContext as r, FieldContent as s, useTanStackFieldContext as t, FieldGroup as u };
-//# sourceMappingURL=index-D09-9eQ8.d.cts.map
+//# sourceMappingURL=index-CST_ZBzY.d.mts.map