@customafk/lunas-ui 0.1.90 → 0.1.91

package/dist/features/tanstack-form/index.d.cts

@@ -1,7 +1,8 @@
-import * as react_jsx_runtime336 from "react/jsx-runtime";
-import * as react26 from "react";
-import * as class_variance_authority_types12 from "class-variance-authority/types";
+import * as react_jsx_runtime349 from "react/jsx-runtime";
+import * as react229 from "react";
+import * as class_variance_authority_types20 from "class-variance-authority/types";
 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";
@@ -11,12 +12,53 @@ declare function Label$1({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof Label.Root>): react_jsx_runtime336.JSX.Element;
+}: React.ComponentProps<typeof Label.Root>): react_jsx_runtime349.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_types20.ClassProp) | undefined) => string;
+declare const FieldGroup: react229.MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+declare const Field: react229.MemoExoticComponent<({
+  className,
+  orientation,
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react_jsx_runtime349.JSX.Element>;
+declare const FieldContent: react229.MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+declare const FieldContentMain: react229.MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+declare const FieldLabel: react229.MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<typeof Label$1>) => react_jsx_runtime349.JSX.Element>;
+declare const FieldSeparator: react229.MemoExoticComponent<({
+  children,
+  className,
+  ...props
+}: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime349.JSX.Element>;
+declare const FieldError: react229.MemoExoticComponent<({
+  className,
+  children,
+  errors,
+  ...props
+}: React.ComponentProps<"div"> & {
+  errors?: Array<{
+    message?: string;
+  } | undefined>;
+}) => react_jsx_runtime349.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>;
 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: react26.FC<Pick<{
+    readonly TextField: react229.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -42,11 +84,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       showClearButton?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextareaField: react26.FC<Pick<{
+    readonly TextareaField: react229.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -70,11 +112,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       counter?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "counter" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly NumberField: react26.FC<Pick<{
+    readonly NumberField: react229.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -110,11 +152,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       unit?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
       required?: boolean;
       allowNegative?: boolean;
     }>;
-    readonly EmailField: react26.FC<Pick<{
+    readonly EmailField: react229.FC<Pick<{
       rules: {
         maxLength?: number | undefined;
         minLength?: number | undefined;
@@ -130,19 +172,19 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       showErrorMessage?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
       maxLength?: number;
     }>;
-    readonly PasswordField: react26.FC<{
+    readonly PasswordField: react229.FC<{
       description?: string | undefined;
       label: string;
-      placeholder?: string | undefined;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
       tooltip?: string | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      placeholder?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
     }>;
-    readonly SelectField: react26.FC<Pick<{
+    readonly SelectField: react229.FC<Pick<{
       options: {
         label: string;
         value: string;
@@ -167,10 +209,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "defaultValue" | "label" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
+    }, "description" | "label" | "defaultValue" | "tooltip" | "orientation" | "placeholder" | "options" | "helperText" | "clearable"> & {
       required?: boolean;
     }>;
-    readonly DateField: react26.FC<Pick<{
+    readonly DateField: react229.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -188,17 +230,17 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       minDate?: Date;
       maxDate?: Date;
     }>;
-    readonly SwitchField: react26.FC<{
+    readonly SwitchField: react229.FC<{
       description?: string | undefined;
       label: string;
       helperText?: string | undefined;
     }>;
-    readonly RadioGroupField: react26.FC<{
+    readonly RadioGroupField: react229.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -209,7 +251,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly CheckboxField: react26.FC<{
+    readonly CheckboxField: react229.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -219,91 +261,91 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
+    readonly FieldGroup: react229.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+    readonly Field: react229.MemoExoticComponent<({
+      className,
+      orientation,
+      ...props
+    }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+      orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+    } & class_variance_authority_types20.ClassProp) | undefined) => string>) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldContent: react229.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldLabel: react229.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldContentMain: react229.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldSeparator: react229.MemoExoticComponent<({
+      children,
+      className,
+      ...props
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldError: react229.MemoExoticComponent<({
+      className,
+      children,
+      errors,
+      ...props
+    }: React.ComponentProps<"div"> & {
+      errors?: Array<{
+        message?: string;
+      } | undefined>;
+    }) => react_jsx_runtime349.JSX.Element | null>;
   }, {
-    readonly TanStackDialogForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackDialogForm: react229.FC<react229.PropsWithChildren<{
       title: string;
       submitText?: string;
       open?: boolean;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackPopoverForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackPopoverForm: react229.FC<react229.PropsWithChildren<{
       title: string;
       open?: boolean;
       contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackContainerForm: react26.FC<{
-      children?: react26.ReactNode | undefined;
+    readonly TanStackContainerForm: react229.FC<{
+      children?: react229.ReactNode | undefined;
     }>;
-    readonly TanStackSectionForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackSectionForm: react229.FC<react229.PropsWithChildren<{
       title: string;
     }>>;
-    readonly TanStackCardForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackCardForm: react229.FC<react229.PropsWithChildren<{
       title: string;
       description?: string;
       onDelete?: () => void | Promise<void>;
     }>>;
-    readonly TanStackFieldGroup: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackFieldGroup: react229.FC<react229.PropsWithChildren<{
       label: string;
       description?: string;
       helperText?: string;
       orientation?: "horizontal" | "vertical" | "responsive";
     }>>;
-    readonly TanStackTitleField: react26.FC<{
+    readonly TanStackTitleField: react229.FC<{
       title: string;
       description?: string;
       helperText?: string;
     }>;
-    readonly TanStackActionsForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackActionsForm: react229.FC<react229.PropsWithChildren<{
       type?: "create" | "update";
     }>>;
-    readonly TanStackActionSubmit: react26.FC<{
+    readonly TanStackActionSubmit: react229.FC<{
       label?: string;
       className?: string;
     }>;
-    readonly FieldGroup: react26.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime336.JSX.Element>;
-    readonly Field: react26.MemoExoticComponent<({
-      className,
-      orientation,
-      ...props
-    }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-      orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-    } & class_variance_authority_types12.ClassProp) | undefined) => string>) => react_jsx_runtime336.JSX.Element>;
-    readonly FieldContent: react26.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime336.JSX.Element>;
-    readonly FieldLabel: react26.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime336.JSX.Element>;
-    readonly FieldContentMain: react26.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime336.JSX.Element>;
-    readonly FieldSeparator: react26.MemoExoticComponent<({
-      children,
-      className,
-      ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime336.JSX.Element>;
-    readonly FieldError: react26.MemoExoticComponent<({
-      className,
-      children,
-      errors,
-      ...props
-    }: React.ComponentProps<"div"> & {
-      errors?: Array<{
-        message?: string;
-      } | undefined>;
-    }) => react_jsx_runtime336.JSX.Element | null>;
   }>, withTanStackForm: <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, TRenderProps extends object = {}>({
     render,
     props
   }: _tanstack_react_form0.WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
-    readonly TextField: react26.FC<Pick<{
+    readonly TextField: react229.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -329,11 +371,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       showClearButton?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextareaField: react26.FC<Pick<{
+    readonly TextareaField: react229.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -357,11 +399,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       counter?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "counter" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly NumberField: react26.FC<Pick<{
+    readonly NumberField: react229.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -397,11 +439,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       unit?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
       required?: boolean;
       allowNegative?: boolean;
     }>;
-    readonly EmailField: react26.FC<Pick<{
+    readonly EmailField: react229.FC<Pick<{
       rules: {
         maxLength?: number | undefined;
         minLength?: number | undefined;
@@ -417,19 +459,19 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       showErrorMessage?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
       maxLength?: number;
     }>;
-    readonly PasswordField: react26.FC<{
+    readonly PasswordField: react229.FC<{
       description?: string | undefined;
       label: string;
-      placeholder?: string | undefined;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
       tooltip?: string | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      placeholder?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
     }>;
-    readonly SelectField: react26.FC<Pick<{
+    readonly SelectField: react229.FC<Pick<{
       options: {
         label: string;
         value: string;
@@ -454,10 +496,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "defaultValue" | "label" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
+    }, "description" | "label" | "defaultValue" | "tooltip" | "orientation" | "placeholder" | "options" | "helperText" | "clearable"> & {
       required?: boolean;
     }>;
-    readonly DateField: react26.FC<Pick<{
+    readonly DateField: react229.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -475,17 +517,17 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       minDate?: Date;
       maxDate?: Date;
     }>;
-    readonly SwitchField: react26.FC<{
+    readonly SwitchField: react229.FC<{
       description?: string | undefined;
       label: string;
       helperText?: string | undefined;
     }>;
-    readonly RadioGroupField: react26.FC<{
+    readonly RadioGroupField: react229.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -496,7 +538,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly CheckboxField: react26.FC<{
+    readonly CheckboxField: react229.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -506,89 +548,89 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
+    readonly FieldGroup: react229.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+    readonly Field: react229.MemoExoticComponent<({
+      className,
+      orientation,
+      ...props
+    }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+      orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+    } & class_variance_authority_types20.ClassProp) | undefined) => string>) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldContent: react229.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldLabel: react229.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldContentMain: react229.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldSeparator: react229.MemoExoticComponent<({
+      children,
+      className,
+      ...props
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldError: react229.MemoExoticComponent<({
+      className,
+      children,
+      errors,
+      ...props
+    }: React.ComponentProps<"div"> & {
+      errors?: Array<{
+        message?: string;
+      } | undefined>;
+    }) => react_jsx_runtime349.JSX.Element | null>;
   }, {
-    readonly TanStackDialogForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackDialogForm: react229.FC<react229.PropsWithChildren<{
       title: string;
       submitText?: string;
       open?: boolean;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackPopoverForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackPopoverForm: react229.FC<react229.PropsWithChildren<{
       title: string;
       open?: boolean;
       contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackContainerForm: react26.FC<{
-      children?: react26.ReactNode | undefined;
+    readonly TanStackContainerForm: react229.FC<{
+      children?: react229.ReactNode | undefined;
     }>;
-    readonly TanStackSectionForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackSectionForm: react229.FC<react229.PropsWithChildren<{
       title: string;
     }>>;
-    readonly TanStackCardForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackCardForm: react229.FC<react229.PropsWithChildren<{
       title: string;
       description?: string;
       onDelete?: () => void | Promise<void>;
     }>>;
-    readonly TanStackFieldGroup: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackFieldGroup: react229.FC<react229.PropsWithChildren<{
       label: string;
       description?: string;
       helperText?: string;
       orientation?: "horizontal" | "vertical" | "responsive";
     }>>;
-    readonly TanStackTitleField: react26.FC<{
+    readonly TanStackTitleField: react229.FC<{
       title: string;
       description?: string;
       helperText?: string;
     }>;
-    readonly TanStackActionsForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackActionsForm: react229.FC<react229.PropsWithChildren<{
       type?: "create" | "update";
     }>>;
-    readonly TanStackActionSubmit: react26.FC<{
+    readonly TanStackActionSubmit: react229.FC<{
       label?: string;
       className?: string;
     }>;
-    readonly FieldGroup: react26.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime336.JSX.Element>;
-    readonly Field: react26.MemoExoticComponent<({
-      className,
-      orientation,
-      ...props
-    }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-      orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-    } & class_variance_authority_types12.ClassProp) | undefined) => string>) => react_jsx_runtime336.JSX.Element>;
-    readonly FieldContent: react26.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime336.JSX.Element>;
-    readonly FieldLabel: react26.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime336.JSX.Element>;
-    readonly FieldContentMain: react26.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime336.JSX.Element>;
-    readonly FieldSeparator: react26.MemoExoticComponent<({
-      children,
-      className,
-      ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime336.JSX.Element>;
-    readonly FieldError: react26.MemoExoticComponent<({
-      className,
-      children,
-      errors,
-      ...props
-    }: React.ComponentProps<"div"> & {
-      errors?: Array<{
-        message?: string;
-      } | undefined>;
-    }) => react_jsx_runtime336.JSX.Element | null>;
-  }, TRenderProps>) => react26.FunctionComponent<react26.PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
+  }, TRenderProps>) => react229.FunctionComponent<react229.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: react26.FC<Pick<{
+      readonly TextField: react229.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -614,11 +656,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         showClearButton?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextareaField: react26.FC<Pick<{
+      readonly TextareaField: react229.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -642,11 +684,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         counter?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "counter" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly NumberField: react26.FC<Pick<{
+      readonly NumberField: react229.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -682,11 +724,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         unit?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
         required?: boolean;
         allowNegative?: boolean;
       }>;
-      readonly EmailField: react26.FC<Pick<{
+      readonly EmailField: react229.FC<Pick<{
         rules: {
           maxLength?: number | undefined;
           minLength?: number | undefined;
@@ -702,19 +744,19 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         showErrorMessage?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
         maxLength?: number;
       }>;
-      readonly PasswordField: react26.FC<{
+      readonly PasswordField: react229.FC<{
         description?: string | undefined;
         label: string;
-        placeholder?: string | undefined;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
         tooltip?: string | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        placeholder?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
       }>;
-      readonly SelectField: react26.FC<Pick<{
+      readonly SelectField: react229.FC<Pick<{
         options: {
           label: string;
           value: string;
@@ -739,10 +781,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "defaultValue" | "label" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
+      }, "description" | "label" | "defaultValue" | "tooltip" | "orientation" | "placeholder" | "options" | "helperText" | "clearable"> & {
         required?: boolean;
       }>;
-      readonly DateField: react26.FC<Pick<{
+      readonly DateField: react229.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -760,17 +802,17 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         minDate?: Date;
         maxDate?: Date;
       }>;
-      readonly SwitchField: react26.FC<{
+      readonly SwitchField: react229.FC<{
         description?: string | undefined;
         label: string;
         helperText?: string | undefined;
       }>;
-      readonly RadioGroupField: react26.FC<{
+      readonly RadioGroupField: react229.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -781,7 +823,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly CheckboxField: react26.FC<{
+      readonly CheckboxField: react229.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -791,93 +833,93 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
+      readonly FieldGroup: react229.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+      readonly Field: react229.MemoExoticComponent<({
+        className,
+        orientation,
+        ...props
+      }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+      } & class_variance_authority_types20.ClassProp) | undefined) => string>) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldContent: react229.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldLabel: react229.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldContentMain: react229.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldSeparator: react229.MemoExoticComponent<({
+        children,
+        className,
+        ...props
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldError: react229.MemoExoticComponent<({
+        className,
+        children,
+        errors,
+        ...props
+      }: React.ComponentProps<"div"> & {
+        errors?: Array<{
+          message?: string;
+        } | undefined>;
+      }) => react_jsx_runtime349.JSX.Element | null>;
     }, {
-      readonly TanStackDialogForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackDialogForm: react229.FC<react229.PropsWithChildren<{
         title: string;
         submitText?: string;
         open?: boolean;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackPopoverForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackPopoverForm: react229.FC<react229.PropsWithChildren<{
         title: string;
         open?: boolean;
         contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackContainerForm: react26.FC<{
-        children?: react26.ReactNode | undefined;
+      readonly TanStackContainerForm: react229.FC<{
+        children?: react229.ReactNode | undefined;
       }>;
-      readonly TanStackSectionForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackSectionForm: react229.FC<react229.PropsWithChildren<{
         title: string;
       }>>;
-      readonly TanStackCardForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackCardForm: react229.FC<react229.PropsWithChildren<{
         title: string;
         description?: string;
         onDelete?: () => void | Promise<void>;
       }>>;
-      readonly TanStackFieldGroup: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackFieldGroup: react229.FC<react229.PropsWithChildren<{
         label: string;
         description?: string;
         helperText?: string;
         orientation?: "horizontal" | "vertical" | "responsive";
       }>>;
-      readonly TanStackTitleField: react26.FC<{
+      readonly TanStackTitleField: react229.FC<{
         title: string;
         description?: string;
         helperText?: string;
       }>;
-      readonly TanStackActionsForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackActionsForm: react229.FC<react229.PropsWithChildren<{
         type?: "create" | "update";
       }>>;
-      readonly TanStackActionSubmit: react26.FC<{
+      readonly TanStackActionSubmit: react229.FC<{
         label?: string;
         className?: string;
       }>;
-      readonly FieldGroup: react26.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime336.JSX.Element>;
-      readonly Field: react26.MemoExoticComponent<({
-        className,
-        orientation,
-        ...props
-      }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-      } & class_variance_authority_types12.ClassProp) | undefined) => string>) => react_jsx_runtime336.JSX.Element>;
-      readonly FieldContent: react26.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime336.JSX.Element>;
-      readonly FieldLabel: react26.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime336.JSX.Element>;
-      readonly FieldContentMain: react26.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime336.JSX.Element>;
-      readonly FieldSeparator: react26.MemoExoticComponent<({
-        children,
-        className,
-        ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime336.JSX.Element>;
-      readonly FieldError: react26.MemoExoticComponent<({
-        className,
-        children,
-        errors,
-        ...props
-      }: React.ComponentProps<"div"> & {
-        errors?: Array<{
-          message?: string;
-        } | undefined>;
-      }) => react_jsx_runtime336.JSX.Element | null>;
     }>;
   }>>, withTanStackFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps extends object = {}>({
     render,
     props,
     defaultValues
   }: _tanstack_react_form0.WithFieldGroupProps<TFieldGroupData, {
-    readonly TextField: react26.FC<Pick<{
+    readonly TextField: react229.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -903,11 +945,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       showClearButton?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextareaField: react26.FC<Pick<{
+    readonly TextareaField: react229.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -931,11 +973,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       counter?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "counter" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly NumberField: react26.FC<Pick<{
+    readonly NumberField: react229.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -971,11 +1013,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       unit?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
       required?: boolean;
       allowNegative?: boolean;
     }>;
-    readonly EmailField: react26.FC<Pick<{
+    readonly EmailField: react229.FC<Pick<{
       rules: {
         maxLength?: number | undefined;
         minLength?: number | undefined;
@@ -991,19 +1033,19 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       showErrorMessage?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
       maxLength?: number;
     }>;
-    readonly PasswordField: react26.FC<{
+    readonly PasswordField: react229.FC<{
       description?: string | undefined;
       label: string;
-      placeholder?: string | undefined;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
       tooltip?: string | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      placeholder?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
     }>;
-    readonly SelectField: react26.FC<Pick<{
+    readonly SelectField: react229.FC<Pick<{
       options: {
         label: string;
         value: string;
@@ -1028,10 +1070,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "defaultValue" | "label" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
+    }, "description" | "label" | "defaultValue" | "tooltip" | "orientation" | "placeholder" | "options" | "helperText" | "clearable"> & {
       required?: boolean;
     }>;
-    readonly DateField: react26.FC<Pick<{
+    readonly DateField: react229.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -1049,17 +1091,17 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       minDate?: Date;
       maxDate?: Date;
     }>;
-    readonly SwitchField: react26.FC<{
+    readonly SwitchField: react229.FC<{
       description?: string | undefined;
       label: string;
       helperText?: string | undefined;
     }>;
-    readonly RadioGroupField: react26.FC<{
+    readonly RadioGroupField: react229.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1070,7 +1112,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly CheckboxField: react26.FC<{
+    readonly CheckboxField: react229.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1080,89 +1122,89 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
+    readonly FieldGroup: react229.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+    readonly Field: react229.MemoExoticComponent<({
+      className,
+      orientation,
+      ...props
+    }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+      orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+    } & class_variance_authority_types20.ClassProp) | undefined) => string>) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldContent: react229.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldLabel: react229.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldContentMain: react229.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldSeparator: react229.MemoExoticComponent<({
+      children,
+      className,
+      ...props
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldError: react229.MemoExoticComponent<({
+      className,
+      children,
+      errors,
+      ...props
+    }: React.ComponentProps<"div"> & {
+      errors?: Array<{
+        message?: string;
+      } | undefined>;
+    }) => react_jsx_runtime349.JSX.Element | null>;
   }, {
-    readonly TanStackDialogForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackDialogForm: react229.FC<react229.PropsWithChildren<{
       title: string;
       submitText?: string;
       open?: boolean;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackPopoverForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackPopoverForm: react229.FC<react229.PropsWithChildren<{
       title: string;
       open?: boolean;
       contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackContainerForm: react26.FC<{
-      children?: react26.ReactNode | undefined;
+    readonly TanStackContainerForm: react229.FC<{
+      children?: react229.ReactNode | undefined;
     }>;
-    readonly TanStackSectionForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackSectionForm: react229.FC<react229.PropsWithChildren<{
       title: string;
     }>>;
-    readonly TanStackCardForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackCardForm: react229.FC<react229.PropsWithChildren<{
       title: string;
       description?: string;
       onDelete?: () => void | Promise<void>;
     }>>;
-    readonly TanStackFieldGroup: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackFieldGroup: react229.FC<react229.PropsWithChildren<{
       label: string;
       description?: string;
       helperText?: string;
       orientation?: "horizontal" | "vertical" | "responsive";
     }>>;
-    readonly TanStackTitleField: react26.FC<{
+    readonly TanStackTitleField: react229.FC<{
       title: string;
       description?: string;
       helperText?: string;
     }>;
-    readonly TanStackActionsForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackActionsForm: react229.FC<react229.PropsWithChildren<{
       type?: "create" | "update";
     }>>;
-    readonly TanStackActionSubmit: react26.FC<{
+    readonly TanStackActionSubmit: react229.FC<{
       label?: string;
       className?: string;
     }>;
-    readonly FieldGroup: react26.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime336.JSX.Element>;
-    readonly Field: react26.MemoExoticComponent<({
-      className,
-      orientation,
-      ...props
-    }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-      orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-    } & class_variance_authority_types12.ClassProp) | undefined) => string>) => react_jsx_runtime336.JSX.Element>;
-    readonly FieldContent: react26.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime336.JSX.Element>;
-    readonly FieldLabel: react26.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime336.JSX.Element>;
-    readonly FieldContentMain: react26.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime336.JSX.Element>;
-    readonly FieldSeparator: react26.MemoExoticComponent<({
-      children,
-      className,
-      ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime336.JSX.Element>;
-    readonly FieldError: react26.MemoExoticComponent<({
-      className,
-      children,
-      errors,
-      ...props
-    }: React.ComponentProps<"div"> & {
-      errors?: Array<{
-        message?: string;
-      } | undefined>;
-    }) => react_jsx_runtime336.JSX.Element | null>;
-  }, 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: react26.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: react229.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: react26.FC<Pick<{
+      readonly TextField: react229.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1188,11 +1230,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         showClearButton?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextareaField: react26.FC<Pick<{
+      readonly TextareaField: react229.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1216,11 +1258,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         counter?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "counter" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly NumberField: react26.FC<Pick<{
+      readonly NumberField: react229.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1256,11 +1298,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         unit?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
         required?: boolean;
         allowNegative?: boolean;
       }>;
-      readonly EmailField: react26.FC<Pick<{
+      readonly EmailField: react229.FC<Pick<{
         rules: {
           maxLength?: number | undefined;
           minLength?: number | undefined;
@@ -1276,19 +1318,19 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         showErrorMessage?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
         maxLength?: number;
       }>;
-      readonly PasswordField: react26.FC<{
+      readonly PasswordField: react229.FC<{
         description?: string | undefined;
         label: string;
-        placeholder?: string | undefined;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
         tooltip?: string | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        placeholder?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
       }>;
-      readonly SelectField: react26.FC<Pick<{
+      readonly SelectField: react229.FC<Pick<{
         options: {
           label: string;
           value: string;
@@ -1313,10 +1355,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "defaultValue" | "label" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
+      }, "description" | "label" | "defaultValue" | "tooltip" | "orientation" | "placeholder" | "options" | "helperText" | "clearable"> & {
         required?: boolean;
       }>;
-      readonly DateField: react26.FC<Pick<{
+      readonly DateField: react229.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1334,17 +1376,17 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         minDate?: Date;
         maxDate?: Date;
       }>;
-      readonly SwitchField: react26.FC<{
+      readonly SwitchField: react229.FC<{
         description?: string | undefined;
         label: string;
         helperText?: string | undefined;
       }>;
-      readonly RadioGroupField: react26.FC<{
+      readonly RadioGroupField: react229.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1355,7 +1397,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly CheckboxField: react26.FC<{
+      readonly CheckboxField: react229.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1365,88 +1407,88 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
+      readonly FieldGroup: react229.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+      readonly Field: react229.MemoExoticComponent<({
+        className,
+        orientation,
+        ...props
+      }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+      } & class_variance_authority_types20.ClassProp) | undefined) => string>) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldContent: react229.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldLabel: react229.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldContentMain: react229.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldSeparator: react229.MemoExoticComponent<({
+        children,
+        className,
+        ...props
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldError: react229.MemoExoticComponent<({
+        className,
+        children,
+        errors,
+        ...props
+      }: React.ComponentProps<"div"> & {
+        errors?: Array<{
+          message?: string;
+        } | undefined>;
+      }) => react_jsx_runtime349.JSX.Element | null>;
     }, {
-      readonly TanStackDialogForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackDialogForm: react229.FC<react229.PropsWithChildren<{
         title: string;
         submitText?: string;
         open?: boolean;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackPopoverForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackPopoverForm: react229.FC<react229.PropsWithChildren<{
         title: string;
         open?: boolean;
         contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackContainerForm: react26.FC<{
-        children?: react26.ReactNode | undefined;
+      readonly TanStackContainerForm: react229.FC<{
+        children?: react229.ReactNode | undefined;
       }>;
-      readonly TanStackSectionForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackSectionForm: react229.FC<react229.PropsWithChildren<{
         title: string;
       }>>;
-      readonly TanStackCardForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackCardForm: react229.FC<react229.PropsWithChildren<{
         title: string;
         description?: string;
         onDelete?: () => void | Promise<void>;
       }>>;
-      readonly TanStackFieldGroup: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackFieldGroup: react229.FC<react229.PropsWithChildren<{
         label: string;
         description?: string;
         helperText?: string;
         orientation?: "horizontal" | "vertical" | "responsive";
       }>>;
-      readonly TanStackTitleField: react26.FC<{
+      readonly TanStackTitleField: react229.FC<{
         title: string;
         description?: string;
         helperText?: string;
       }>;
-      readonly TanStackActionsForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackActionsForm: react229.FC<react229.PropsWithChildren<{
         type?: "create" | "update";
       }>>;
-      readonly TanStackActionSubmit: react26.FC<{
+      readonly TanStackActionSubmit: react229.FC<{
         label?: string;
         className?: string;
       }>;
-      readonly FieldGroup: react26.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime336.JSX.Element>;
-      readonly Field: react26.MemoExoticComponent<({
-        className,
-        orientation,
-        ...props
-      }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-      } & class_variance_authority_types12.ClassProp) | undefined) => string>) => react_jsx_runtime336.JSX.Element>;
-      readonly FieldContent: react26.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime336.JSX.Element>;
-      readonly FieldLabel: react26.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime336.JSX.Element>;
-      readonly FieldContentMain: react26.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime336.JSX.Element>;
-      readonly FieldSeparator: react26.MemoExoticComponent<({
-        children,
-        className,
-        ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime336.JSX.Element>;
-      readonly FieldError: react26.MemoExoticComponent<({
-        className,
-        children,
-        errors,
-        ...props
-      }: React.ComponentProps<"div"> & {
-        errors?: Array<{
-          message?: string;
-        } | undefined>;
-      }) => react_jsx_runtime336.JSX.Element | null>;
     }> | _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: react26.FC<Pick<{
+      readonly TextField: react229.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1472,11 +1514,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         showClearButton?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextareaField: react26.FC<Pick<{
+      readonly TextareaField: react229.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1500,11 +1542,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         counter?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "counter" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly NumberField: react26.FC<Pick<{
+      readonly NumberField: react229.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1540,11 +1582,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         unit?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
         required?: boolean;
         allowNegative?: boolean;
       }>;
-      readonly EmailField: react26.FC<Pick<{
+      readonly EmailField: react229.FC<Pick<{
         rules: {
           maxLength?: number | undefined;
           minLength?: number | undefined;
@@ -1560,19 +1602,19 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         showErrorMessage?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
         maxLength?: number;
       }>;
-      readonly PasswordField: react26.FC<{
+      readonly PasswordField: react229.FC<{
         description?: string | undefined;
         label: string;
-        placeholder?: string | undefined;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
         tooltip?: string | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        placeholder?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
       }>;
-      readonly SelectField: react26.FC<Pick<{
+      readonly SelectField: react229.FC<Pick<{
         options: {
           label: string;
           value: string;
@@ -1597,10 +1639,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "defaultValue" | "label" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
+      }, "description" | "label" | "defaultValue" | "tooltip" | "orientation" | "placeholder" | "options" | "helperText" | "clearable"> & {
         required?: boolean;
       }>;
-      readonly DateField: react26.FC<Pick<{
+      readonly DateField: react229.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1618,17 +1660,17 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         minDate?: Date;
         maxDate?: Date;
       }>;
-      readonly SwitchField: react26.FC<{
+      readonly SwitchField: react229.FC<{
         description?: string | undefined;
         label: string;
         helperText?: string | undefined;
       }>;
-      readonly RadioGroupField: react26.FC<{
+      readonly RadioGroupField: react229.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1639,7 +1681,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly CheckboxField: react26.FC<{
+      readonly CheckboxField: react229.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1649,89 +1691,89 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
+      readonly FieldGroup: react229.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+      readonly Field: react229.MemoExoticComponent<({
+        className,
+        orientation,
+        ...props
+      }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+      } & class_variance_authority_types20.ClassProp) | undefined) => string>) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldContent: react229.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldLabel: react229.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldContentMain: react229.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldSeparator: react229.MemoExoticComponent<({
+        children,
+        className,
+        ...props
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldError: react229.MemoExoticComponent<({
+        className,
+        children,
+        errors,
+        ...props
+      }: React.ComponentProps<"div"> & {
+        errors?: Array<{
+          message?: string;
+        } | undefined>;
+      }) => react_jsx_runtime349.JSX.Element | null>;
     }, {
-      readonly TanStackDialogForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackDialogForm: react229.FC<react229.PropsWithChildren<{
         title: string;
         submitText?: string;
         open?: boolean;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackPopoverForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackPopoverForm: react229.FC<react229.PropsWithChildren<{
         title: string;
         open?: boolean;
         contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackContainerForm: react26.FC<{
-        children?: react26.ReactNode | undefined;
+      readonly TanStackContainerForm: react229.FC<{
+        children?: react229.ReactNode | undefined;
       }>;
-      readonly TanStackSectionForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackSectionForm: react229.FC<react229.PropsWithChildren<{
         title: string;
       }>>;
-      readonly TanStackCardForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackCardForm: react229.FC<react229.PropsWithChildren<{
         title: string;
         description?: string;
         onDelete?: () => void | Promise<void>;
       }>>;
-      readonly TanStackFieldGroup: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackFieldGroup: react229.FC<react229.PropsWithChildren<{
         label: string;
         description?: string;
         helperText?: string;
         orientation?: "horizontal" | "vertical" | "responsive";
       }>>;
-      readonly TanStackTitleField: react26.FC<{
+      readonly TanStackTitleField: react229.FC<{
         title: string;
         description?: string;
         helperText?: string;
       }>;
-      readonly TanStackActionsForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackActionsForm: react229.FC<react229.PropsWithChildren<{
         type?: "create" | "update";
       }>>;
-      readonly TanStackActionSubmit: react26.FC<{
+      readonly TanStackActionSubmit: react229.FC<{
         label?: string;
         className?: string;
       }>;
-      readonly FieldGroup: react26.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime336.JSX.Element>;
-      readonly Field: react26.MemoExoticComponent<({
-        className,
-        orientation,
-        ...props
-      }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-      } & class_variance_authority_types12.ClassProp) | undefined) => string>) => react_jsx_runtime336.JSX.Element>;
-      readonly FieldContent: react26.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime336.JSX.Element>;
-      readonly FieldLabel: react26.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime336.JSX.Element>;
-      readonly FieldContentMain: react26.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime336.JSX.Element>;
-      readonly FieldSeparator: react26.MemoExoticComponent<({
-        children,
-        className,
-        ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime336.JSX.Element>;
-      readonly FieldError: react26.MemoExoticComponent<({
-        className,
-        children,
-        errors,
-        ...props
-      }: React.ComponentProps<"div"> & {
-        errors?: Array<{
-          message?: string;
-        } | undefined>;
-      }) => react_jsx_runtime336.JSX.Element | null>;
     }>;
     fields: TFields;
-  }>) => ReturnType<react26.FunctionComponent>;
+  }>) => ReturnType<react229.FunctionComponent>;
 //#endregion
-export { useTanStackFieldContext, useTanStackForm, useTanStackFormContext, withTanStackFieldGroup, withTanStackForm };
+export { Field, FieldContent, FieldContentMain, FieldError, FieldGroup, FieldLabel, FieldSeparator, useTanStackFieldContext, useTanStackForm, useTanStackFormContext, withTanStackFieldGroup, withTanStackForm };
 //# sourceMappingURL=index.d.cts.map