@customafk/lunas-ui 0.1.94 → 0.1.96

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

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime332 from "react/jsx-runtime";
-import * as react254 from "react";
+import * as react_jsx_runtime334 from "react/jsx-runtime";
+import * as react256 from "react";
 import * as class_variance_authority_types21 from "class-variance-authority/types";
 import * as class_variance_authority0 from "class-variance-authority";
 import { VariantProps } from "class-variance-authority";
@@ -12,39 +12,39 @@ declare function Label$1({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof Label.Root>): react_jsx_runtime332.JSX.Element;
+}: React.ComponentProps<typeof Label.Root>): react_jsx_runtime334.JSX.Element;
 //#endregion
 //#region packages/components/features/tanstack-form/components/ui/field.d.ts
 declare const fieldVariants: (props?: ({
-  orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+  orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
 } & class_variance_authority_types21.ClassProp) | undefined) => string;
-declare const FieldGroup: react254.MemoExoticComponent<({
+declare const FieldGroup: react256.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
-declare const Field: react254.MemoExoticComponent<({
+}: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
+declare const Field: react256.MemoExoticComponent<({
   className,
   orientation,
   ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react_jsx_runtime332.JSX.Element>;
-declare const FieldContent: react254.MemoExoticComponent<({
+}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react_jsx_runtime334.JSX.Element>;
+declare const FieldContent: react256.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
-declare const FieldContentMain: react254.MemoExoticComponent<({
+}: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
+declare const FieldContentMain: react256.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
-declare const FieldLabel: react254.MemoExoticComponent<({
+}: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
+declare const FieldLabel: react256.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<typeof Label$1>) => react_jsx_runtime332.JSX.Element>;
-declare const FieldSeparator: react254.MemoExoticComponent<({
+}: React.ComponentProps<typeof Label$1>) => react_jsx_runtime334.JSX.Element>;
+declare const FieldSeparator: react256.MemoExoticComponent<({
   children,
   className,
   ...props
-}: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime332.JSX.Element>;
-declare const FieldError: react254.MemoExoticComponent<({
+}: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime334.JSX.Element>;
+declare const FieldError: react256.MemoExoticComponent<({
   className,
   children,
   errors,
@@ -53,12 +53,12 @@ declare const FieldError: react254.MemoExoticComponent<({
   errors?: Array<{
     message?: string;
   } | undefined>;
-}) => react_jsx_runtime332.JSX.Element | null>;
+}) => react_jsx_runtime334.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: react254.FC<Pick<{
+    readonly TextField: react256.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -76,7 +76,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         is: any;
         show?: boolean | undefined;
       } | undefined;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
       tooltip?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
@@ -84,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" | "orientation" | "label" | "tooltip" | "placeholder" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextareaField: react254.FC<Pick<{
+    readonly TextareaField: react256.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -105,18 +105,18 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         is: any;
         show?: boolean | undefined;
       } | undefined;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
       tooltip?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
       counter?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "orientation" | "label" | "tooltip" | "placeholder" | "counter" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly NumberField: react254.FC<Pick<{
+    readonly NumberField: react256.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -141,7 +141,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         is: any;
         show?: boolean | undefined;
       } | undefined;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
       tooltip?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
@@ -152,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" | "orientation" | "label" | "tooltip" | "placeholder" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
       required?: boolean;
       allowNegative?: boolean;
     }>;
-    readonly EmailField: react254.FC<Pick<{
+    readonly EmailField: react256.FC<Pick<{
       rules: {
         maxLength?: number | undefined;
         minLength?: number | undefined;
@@ -166,25 +166,25 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       camelCaseName: string;
       id: string;
       type: "email-field";
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
       tooltip?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "orientation" | "label" | "tooltip" | "placeholder" | "helperText" | "showErrorMessage"> & {
       maxLength?: number;
     }>;
-    readonly PasswordField: react254.FC<{
+    readonly PasswordField: react256.FC<{
       description?: string | undefined;
+      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
       label: string;
-      placeholder?: string | undefined;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
       tooltip?: string | undefined;
+      placeholder?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
     }>;
-    readonly SelectField: react254.FC<Pick<{
+    readonly SelectField: react256.FC<Pick<{
       options: {
         label: string;
         value: string;
@@ -203,16 +203,16 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         is: any;
         show?: boolean | undefined;
       } | undefined;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
       tooltip?: string | undefined;
       helperText?: string | undefined;
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "defaultValue" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
+    }, "description" | "orientation" | "label" | "defaultValue" | "tooltip" | "placeholder" | "options" | "helperText" | "clearable"> & {
       required?: boolean;
     }>;
-    readonly DateField: react254.FC<Pick<{
+    readonly DateField: react256.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -224,26 +224,26 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         minDate?: Date | undefined;
         maxDate?: Date | undefined;
       } | undefined;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
       tooltip?: string | undefined;
       helperText?: string | undefined;
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "orientation" | "label" | "tooltip" | "placeholder" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       minDate?: Date;
       maxDate?: Date;
     }>;
-    readonly SwitchField: react254.FC<{
+    readonly SwitchField: react256.FC<{
       description?: string | undefined;
       label: string;
       helperText?: string | undefined;
     }>;
-    readonly RadioGroupField: react254.FC<{
+    readonly RadioGroupField: react256.FC<{
       description?: string | undefined;
+      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
       label: string;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
       options: {
         label: string;
         value: string;
@@ -251,45 +251,45 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly CheckboxField: react254.FC<{
+    readonly CheckboxField: react256.FC<{
       description?: string | undefined;
+      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
       label: string;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
       options: {
         label: string;
         value: string;
       }[];
       helperText?: string | undefined;
     }>;
-    readonly FieldGroup: react254.MemoExoticComponent<({
+    readonly FieldGroup: react256.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
-    readonly Field: react254.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
+    readonly Field: react256.MemoExoticComponent<({
       className,
       orientation,
       ...props
     }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-      orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-    } & class_variance_authority_types21.ClassProp) | undefined) => string>) => react_jsx_runtime332.JSX.Element>;
-    readonly FieldContent: react254.MemoExoticComponent<({
+      orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+    } & class_variance_authority_types21.ClassProp) | undefined) => string>) => react_jsx_runtime334.JSX.Element>;
+    readonly FieldContent: react256.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
-    readonly FieldLabel: react254.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
+    readonly FieldLabel: react256.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime332.JSX.Element>;
-    readonly FieldContentMain: react254.MemoExoticComponent<({
+    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime334.JSX.Element>;
+    readonly FieldContentMain: react256.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
-    readonly FieldSeparator: react254.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
+    readonly FieldSeparator: react256.MemoExoticComponent<({
       children,
       className,
       ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime332.JSX.Element>;
-    readonly FieldError: react254.MemoExoticComponent<({
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime334.JSX.Element>;
+    readonly FieldError: react256.MemoExoticComponent<({
       className,
       children,
       errors,
@@ -298,46 +298,46 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       errors?: Array<{
         message?: string;
       } | undefined>;
-    }) => react_jsx_runtime332.JSX.Element | null>;
+    }) => react_jsx_runtime334.JSX.Element | null>;
   }, {
-    readonly TanStackDialogForm: react254.FC<react254.PropsWithChildren<{
+    readonly TanStackDialogForm: react256.FC<react256.PropsWithChildren<{
       title: string;
       submitText?: string;
       open?: boolean;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackPopoverForm: react254.FC<react254.PropsWithChildren<{
+    readonly TanStackPopoverForm: react256.FC<react256.PropsWithChildren<{
       title: string;
       open?: boolean;
       contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackContainerForm: react254.FC<{
-      children?: react254.ReactNode | undefined;
+    readonly TanStackContainerForm: react256.FC<{
+      children?: react256.ReactNode | undefined;
     }>;
-    readonly TanStackSectionForm: react254.FC<react254.PropsWithChildren<{
+    readonly TanStackSectionForm: react256.FC<react256.PropsWithChildren<{
       title: string;
     }>>;
-    readonly TanStackCardForm: react254.FC<react254.PropsWithChildren<{
+    readonly TanStackCardForm: react256.FC<react256.PropsWithChildren<{
       title: string;
       description?: string;
       onDelete?: () => void | Promise<void>;
     }>>;
-    readonly TanStackFieldGroup: react254.FC<react254.PropsWithChildren<{
+    readonly TanStackFieldGroup: react256.FC<react256.PropsWithChildren<{
       label: string;
       description?: string;
       helperText?: string;
       orientation?: "horizontal" | "vertical" | "responsive";
     }>>;
-    readonly TanStackTitleField: react254.FC<{
+    readonly TanStackTitleField: react256.FC<{
       title: string;
       description?: string;
       helperText?: string;
     }>;
-    readonly TanStackActionsForm: react254.FC<react254.PropsWithChildren<{
+    readonly TanStackActionsForm: react256.FC<react256.PropsWithChildren<{
       type?: "create" | "update";
     }>>;
-    readonly TanStackActionSubmit: react254.FC<{
+    readonly TanStackActionSubmit: react256.FC<{
       label?: string;
       className?: string;
     }>;
@@ -345,7 +345,7 @@ 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: react254.FC<Pick<{
+    readonly TextField: react256.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -363,7 +363,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         is: any;
         show?: boolean | undefined;
       } | undefined;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
       tooltip?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
@@ -371,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" | "orientation" | "label" | "tooltip" | "placeholder" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextareaField: react254.FC<Pick<{
+    readonly TextareaField: react256.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -392,18 +392,18 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         is: any;
         show?: boolean | undefined;
       } | undefined;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
       tooltip?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
       counter?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "orientation" | "label" | "tooltip" | "placeholder" | "counter" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly NumberField: react254.FC<Pick<{
+    readonly NumberField: react256.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -428,7 +428,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         is: any;
         show?: boolean | undefined;
       } | undefined;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
       tooltip?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
@@ -439,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" | "orientation" | "label" | "tooltip" | "placeholder" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
       required?: boolean;
       allowNegative?: boolean;
     }>;
-    readonly EmailField: react254.FC<Pick<{
+    readonly EmailField: react256.FC<Pick<{
       rules: {
         maxLength?: number | undefined;
         minLength?: number | undefined;
@@ -453,25 +453,25 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       camelCaseName: string;
       id: string;
       type: "email-field";
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
       tooltip?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "orientation" | "label" | "tooltip" | "placeholder" | "helperText" | "showErrorMessage"> & {
       maxLength?: number;
     }>;
-    readonly PasswordField: react254.FC<{
+    readonly PasswordField: react256.FC<{
       description?: string | undefined;
+      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
       label: string;
-      placeholder?: string | undefined;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
       tooltip?: string | undefined;
+      placeholder?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
     }>;
-    readonly SelectField: react254.FC<Pick<{
+    readonly SelectField: react256.FC<Pick<{
       options: {
         label: string;
         value: string;
@@ -490,16 +490,16 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         is: any;
         show?: boolean | undefined;
       } | undefined;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
       tooltip?: string | undefined;
       helperText?: string | undefined;
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "defaultValue" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
+    }, "description" | "orientation" | "label" | "defaultValue" | "tooltip" | "placeholder" | "options" | "helperText" | "clearable"> & {
       required?: boolean;
     }>;
-    readonly DateField: react254.FC<Pick<{
+    readonly DateField: react256.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -511,26 +511,26 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         minDate?: Date | undefined;
         maxDate?: Date | undefined;
       } | undefined;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
       tooltip?: string | undefined;
       helperText?: string | undefined;
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "orientation" | "label" | "tooltip" | "placeholder" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       minDate?: Date;
       maxDate?: Date;
     }>;
-    readonly SwitchField: react254.FC<{
+    readonly SwitchField: react256.FC<{
       description?: string | undefined;
       label: string;
       helperText?: string | undefined;
     }>;
-    readonly RadioGroupField: react254.FC<{
+    readonly RadioGroupField: react256.FC<{
       description?: string | undefined;
+      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
       label: string;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
       options: {
         label: string;
         value: string;
@@ -538,45 +538,45 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly CheckboxField: react254.FC<{
+    readonly CheckboxField: react256.FC<{
       description?: string | undefined;
+      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
       label: string;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
       options: {
         label: string;
         value: string;
       }[];
       helperText?: string | undefined;
     }>;
-    readonly FieldGroup: react254.MemoExoticComponent<({
+    readonly FieldGroup: react256.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
-    readonly Field: react254.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
+    readonly Field: react256.MemoExoticComponent<({
       className,
       orientation,
       ...props
     }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-      orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-    } & class_variance_authority_types21.ClassProp) | undefined) => string>) => react_jsx_runtime332.JSX.Element>;
-    readonly FieldContent: react254.MemoExoticComponent<({
+      orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+    } & class_variance_authority_types21.ClassProp) | undefined) => string>) => react_jsx_runtime334.JSX.Element>;
+    readonly FieldContent: react256.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
-    readonly FieldLabel: react254.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
+    readonly FieldLabel: react256.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime332.JSX.Element>;
-    readonly FieldContentMain: react254.MemoExoticComponent<({
+    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime334.JSX.Element>;
+    readonly FieldContentMain: react256.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
-    readonly FieldSeparator: react254.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
+    readonly FieldSeparator: react256.MemoExoticComponent<({
       children,
       className,
       ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime332.JSX.Element>;
-    readonly FieldError: react254.MemoExoticComponent<({
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime334.JSX.Element>;
+    readonly FieldError: react256.MemoExoticComponent<({
       className,
       children,
       errors,
@@ -585,52 +585,52 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       errors?: Array<{
         message?: string;
       } | undefined>;
-    }) => react_jsx_runtime332.JSX.Element | null>;
+    }) => react_jsx_runtime334.JSX.Element | null>;
   }, {
-    readonly TanStackDialogForm: react254.FC<react254.PropsWithChildren<{
+    readonly TanStackDialogForm: react256.FC<react256.PropsWithChildren<{
       title: string;
       submitText?: string;
       open?: boolean;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackPopoverForm: react254.FC<react254.PropsWithChildren<{
+    readonly TanStackPopoverForm: react256.FC<react256.PropsWithChildren<{
       title: string;
       open?: boolean;
       contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackContainerForm: react254.FC<{
-      children?: react254.ReactNode | undefined;
+    readonly TanStackContainerForm: react256.FC<{
+      children?: react256.ReactNode | undefined;
     }>;
-    readonly TanStackSectionForm: react254.FC<react254.PropsWithChildren<{
+    readonly TanStackSectionForm: react256.FC<react256.PropsWithChildren<{
       title: string;
     }>>;
-    readonly TanStackCardForm: react254.FC<react254.PropsWithChildren<{
+    readonly TanStackCardForm: react256.FC<react256.PropsWithChildren<{
       title: string;
       description?: string;
       onDelete?: () => void | Promise<void>;
     }>>;
-    readonly TanStackFieldGroup: react254.FC<react254.PropsWithChildren<{
+    readonly TanStackFieldGroup: react256.FC<react256.PropsWithChildren<{
       label: string;
       description?: string;
       helperText?: string;
       orientation?: "horizontal" | "vertical" | "responsive";
     }>>;
-    readonly TanStackTitleField: react254.FC<{
+    readonly TanStackTitleField: react256.FC<{
       title: string;
       description?: string;
       helperText?: string;
     }>;
-    readonly TanStackActionsForm: react254.FC<react254.PropsWithChildren<{
+    readonly TanStackActionsForm: react256.FC<react256.PropsWithChildren<{
       type?: "create" | "update";
     }>>;
-    readonly TanStackActionSubmit: react254.FC<{
+    readonly TanStackActionSubmit: react256.FC<{
       label?: string;
       className?: string;
     }>;
-  }, TRenderProps>) => react254.FunctionComponent<react254.PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
+  }, TRenderProps>) => react256.FunctionComponent<react256.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: react254.FC<Pick<{
+      readonly TextField: react256.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -648,7 +648,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           is: any;
           show?: boolean | undefined;
         } | undefined;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
         tooltip?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
@@ -656,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" | "orientation" | "label" | "tooltip" | "placeholder" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextareaField: react254.FC<Pick<{
+      readonly TextareaField: react256.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -677,18 +677,18 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           is: any;
           show?: boolean | undefined;
         } | undefined;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
         tooltip?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
         counter?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "orientation" | "label" | "tooltip" | "placeholder" | "counter" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly NumberField: react254.FC<Pick<{
+      readonly NumberField: react256.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -713,7 +713,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           is: any;
           show?: boolean | undefined;
         } | undefined;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
         tooltip?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
@@ -724,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" | "orientation" | "label" | "tooltip" | "placeholder" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
         required?: boolean;
         allowNegative?: boolean;
       }>;
-      readonly EmailField: react254.FC<Pick<{
+      readonly EmailField: react256.FC<Pick<{
         rules: {
           maxLength?: number | undefined;
           minLength?: number | undefined;
@@ -738,25 +738,25 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         camelCaseName: string;
         id: string;
         type: "email-field";
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
         tooltip?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "orientation" | "label" | "tooltip" | "placeholder" | "helperText" | "showErrorMessage"> & {
         maxLength?: number;
       }>;
-      readonly PasswordField: react254.FC<{
+      readonly PasswordField: react256.FC<{
         description?: string | undefined;
+        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
         label: string;
-        placeholder?: string | undefined;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
         tooltip?: string | undefined;
+        placeholder?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
       }>;
-      readonly SelectField: react254.FC<Pick<{
+      readonly SelectField: react256.FC<Pick<{
         options: {
           label: string;
           value: string;
@@ -775,16 +775,16 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           is: any;
           show?: boolean | undefined;
         } | undefined;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
         tooltip?: string | undefined;
         helperText?: string | undefined;
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "defaultValue" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
+      }, "description" | "orientation" | "label" | "defaultValue" | "tooltip" | "placeholder" | "options" | "helperText" | "clearable"> & {
         required?: boolean;
       }>;
-      readonly DateField: react254.FC<Pick<{
+      readonly DateField: react256.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -796,26 +796,26 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           minDate?: Date | undefined;
           maxDate?: Date | undefined;
         } | undefined;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
         tooltip?: string | undefined;
         helperText?: string | undefined;
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "orientation" | "label" | "tooltip" | "placeholder" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         minDate?: Date;
         maxDate?: Date;
       }>;
-      readonly SwitchField: react254.FC<{
+      readonly SwitchField: react256.FC<{
         description?: string | undefined;
         label: string;
         helperText?: string | undefined;
       }>;
-      readonly RadioGroupField: react254.FC<{
+      readonly RadioGroupField: react256.FC<{
         description?: string | undefined;
+        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
         label: string;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
         options: {
           label: string;
           value: string;
@@ -823,45 +823,45 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly CheckboxField: react254.FC<{
+      readonly CheckboxField: react256.FC<{
         description?: string | undefined;
+        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
         label: string;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
         options: {
           label: string;
           value: string;
         }[];
         helperText?: string | undefined;
       }>;
-      readonly FieldGroup: react254.MemoExoticComponent<({
+      readonly FieldGroup: react256.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
-      readonly Field: react254.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
+      readonly Field: react256.MemoExoticComponent<({
         className,
         orientation,
         ...props
       }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-      } & class_variance_authority_types21.ClassProp) | undefined) => string>) => react_jsx_runtime332.JSX.Element>;
-      readonly FieldContent: react254.MemoExoticComponent<({
+        orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+      } & class_variance_authority_types21.ClassProp) | undefined) => string>) => react_jsx_runtime334.JSX.Element>;
+      readonly FieldContent: react256.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
-      readonly FieldLabel: react254.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
+      readonly FieldLabel: react256.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime332.JSX.Element>;
-      readonly FieldContentMain: react254.MemoExoticComponent<({
+      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime334.JSX.Element>;
+      readonly FieldContentMain: react256.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
-      readonly FieldSeparator: react254.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
+      readonly FieldSeparator: react256.MemoExoticComponent<({
         children,
         className,
         ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime332.JSX.Element>;
-      readonly FieldError: react254.MemoExoticComponent<({
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime334.JSX.Element>;
+      readonly FieldError: react256.MemoExoticComponent<({
         className,
         children,
         errors,
@@ -870,46 +870,46 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         errors?: Array<{
           message?: string;
         } | undefined>;
-      }) => react_jsx_runtime332.JSX.Element | null>;
+      }) => react_jsx_runtime334.JSX.Element | null>;
     }, {
-      readonly TanStackDialogForm: react254.FC<react254.PropsWithChildren<{
+      readonly TanStackDialogForm: react256.FC<react256.PropsWithChildren<{
         title: string;
         submitText?: string;
         open?: boolean;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackPopoverForm: react254.FC<react254.PropsWithChildren<{
+      readonly TanStackPopoverForm: react256.FC<react256.PropsWithChildren<{
         title: string;
         open?: boolean;
         contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackContainerForm: react254.FC<{
-        children?: react254.ReactNode | undefined;
+      readonly TanStackContainerForm: react256.FC<{
+        children?: react256.ReactNode | undefined;
       }>;
-      readonly TanStackSectionForm: react254.FC<react254.PropsWithChildren<{
+      readonly TanStackSectionForm: react256.FC<react256.PropsWithChildren<{
         title: string;
       }>>;
-      readonly TanStackCardForm: react254.FC<react254.PropsWithChildren<{
+      readonly TanStackCardForm: react256.FC<react256.PropsWithChildren<{
         title: string;
         description?: string;
         onDelete?: () => void | Promise<void>;
       }>>;
-      readonly TanStackFieldGroup: react254.FC<react254.PropsWithChildren<{
+      readonly TanStackFieldGroup: react256.FC<react256.PropsWithChildren<{
         label: string;
         description?: string;
         helperText?: string;
         orientation?: "horizontal" | "vertical" | "responsive";
       }>>;
-      readonly TanStackTitleField: react254.FC<{
+      readonly TanStackTitleField: react256.FC<{
         title: string;
         description?: string;
         helperText?: string;
       }>;
-      readonly TanStackActionsForm: react254.FC<react254.PropsWithChildren<{
+      readonly TanStackActionsForm: react256.FC<react256.PropsWithChildren<{
         type?: "create" | "update";
       }>>;
-      readonly TanStackActionSubmit: react254.FC<{
+      readonly TanStackActionSubmit: react256.FC<{
         label?: string;
         className?: string;
       }>;
@@ -919,7 +919,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     props,
     defaultValues
   }: _tanstack_react_form0.WithFieldGroupProps<TFieldGroupData, {
-    readonly TextField: react254.FC<Pick<{
+    readonly TextField: react256.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -937,7 +937,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         is: any;
         show?: boolean | undefined;
       } | undefined;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
       tooltip?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
@@ -945,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" | "orientation" | "label" | "tooltip" | "placeholder" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextareaField: react254.FC<Pick<{
+    readonly TextareaField: react256.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -966,18 +966,18 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         is: any;
         show?: boolean | undefined;
       } | undefined;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
       tooltip?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
       counter?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "orientation" | "label" | "tooltip" | "placeholder" | "counter" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly NumberField: react254.FC<Pick<{
+    readonly NumberField: react256.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -1002,7 +1002,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         is: any;
         show?: boolean | undefined;
       } | undefined;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
       tooltip?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
@@ -1013,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" | "orientation" | "label" | "tooltip" | "placeholder" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
       required?: boolean;
       allowNegative?: boolean;
     }>;
-    readonly EmailField: react254.FC<Pick<{
+    readonly EmailField: react256.FC<Pick<{
       rules: {
         maxLength?: number | undefined;
         minLength?: number | undefined;
@@ -1027,25 +1027,25 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       camelCaseName: string;
       id: string;
       type: "email-field";
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
       tooltip?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "orientation" | "label" | "tooltip" | "placeholder" | "helperText" | "showErrorMessage"> & {
       maxLength?: number;
     }>;
-    readonly PasswordField: react254.FC<{
+    readonly PasswordField: react256.FC<{
       description?: string | undefined;
+      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
       label: string;
-      placeholder?: string | undefined;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
       tooltip?: string | undefined;
+      placeholder?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
     }>;
-    readonly SelectField: react254.FC<Pick<{
+    readonly SelectField: react256.FC<Pick<{
       options: {
         label: string;
         value: string;
@@ -1064,16 +1064,16 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         is: any;
         show?: boolean | undefined;
       } | undefined;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
       tooltip?: string | undefined;
       helperText?: string | undefined;
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "defaultValue" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
+    }, "description" | "orientation" | "label" | "defaultValue" | "tooltip" | "placeholder" | "options" | "helperText" | "clearable"> & {
       required?: boolean;
     }>;
-    readonly DateField: react254.FC<Pick<{
+    readonly DateField: react256.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -1085,26 +1085,26 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         minDate?: Date | undefined;
         maxDate?: Date | undefined;
       } | undefined;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
       tooltip?: string | undefined;
       helperText?: string | undefined;
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "orientation" | "label" | "tooltip" | "placeholder" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       minDate?: Date;
       maxDate?: Date;
     }>;
-    readonly SwitchField: react254.FC<{
+    readonly SwitchField: react256.FC<{
       description?: string | undefined;
       label: string;
       helperText?: string | undefined;
     }>;
-    readonly RadioGroupField: react254.FC<{
+    readonly RadioGroupField: react256.FC<{
       description?: string | undefined;
+      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
       label: string;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
       options: {
         label: string;
         value: string;
@@ -1112,45 +1112,45 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly CheckboxField: react254.FC<{
+    readonly CheckboxField: react256.FC<{
       description?: string | undefined;
+      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
       label: string;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
       options: {
         label: string;
         value: string;
       }[];
       helperText?: string | undefined;
     }>;
-    readonly FieldGroup: react254.MemoExoticComponent<({
+    readonly FieldGroup: react256.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
-    readonly Field: react254.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
+    readonly Field: react256.MemoExoticComponent<({
       className,
       orientation,
       ...props
     }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-      orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-    } & class_variance_authority_types21.ClassProp) | undefined) => string>) => react_jsx_runtime332.JSX.Element>;
-    readonly FieldContent: react254.MemoExoticComponent<({
+      orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+    } & class_variance_authority_types21.ClassProp) | undefined) => string>) => react_jsx_runtime334.JSX.Element>;
+    readonly FieldContent: react256.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
-    readonly FieldLabel: react254.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
+    readonly FieldLabel: react256.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime332.JSX.Element>;
-    readonly FieldContentMain: react254.MemoExoticComponent<({
+    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime334.JSX.Element>;
+    readonly FieldContentMain: react256.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
-    readonly FieldSeparator: react254.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
+    readonly FieldSeparator: react256.MemoExoticComponent<({
       children,
       className,
       ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime332.JSX.Element>;
-    readonly FieldError: react254.MemoExoticComponent<({
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime334.JSX.Element>;
+    readonly FieldError: react256.MemoExoticComponent<({
       className,
       children,
       errors,
@@ -1159,52 +1159,52 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       errors?: Array<{
         message?: string;
       } | undefined>;
-    }) => react_jsx_runtime332.JSX.Element | null>;
+    }) => react_jsx_runtime334.JSX.Element | null>;
   }, {
-    readonly TanStackDialogForm: react254.FC<react254.PropsWithChildren<{
+    readonly TanStackDialogForm: react256.FC<react256.PropsWithChildren<{
       title: string;
       submitText?: string;
       open?: boolean;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackPopoverForm: react254.FC<react254.PropsWithChildren<{
+    readonly TanStackPopoverForm: react256.FC<react256.PropsWithChildren<{
       title: string;
       open?: boolean;
       contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackContainerForm: react254.FC<{
-      children?: react254.ReactNode | undefined;
+    readonly TanStackContainerForm: react256.FC<{
+      children?: react256.ReactNode | undefined;
     }>;
-    readonly TanStackSectionForm: react254.FC<react254.PropsWithChildren<{
+    readonly TanStackSectionForm: react256.FC<react256.PropsWithChildren<{
       title: string;
     }>>;
-    readonly TanStackCardForm: react254.FC<react254.PropsWithChildren<{
+    readonly TanStackCardForm: react256.FC<react256.PropsWithChildren<{
       title: string;
       description?: string;
       onDelete?: () => void | Promise<void>;
     }>>;
-    readonly TanStackFieldGroup: react254.FC<react254.PropsWithChildren<{
+    readonly TanStackFieldGroup: react256.FC<react256.PropsWithChildren<{
       label: string;
       description?: string;
       helperText?: string;
       orientation?: "horizontal" | "vertical" | "responsive";
     }>>;
-    readonly TanStackTitleField: react254.FC<{
+    readonly TanStackTitleField: react256.FC<{
       title: string;
       description?: string;
       helperText?: string;
     }>;
-    readonly TanStackActionsForm: react254.FC<react254.PropsWithChildren<{
+    readonly TanStackActionsForm: react256.FC<react256.PropsWithChildren<{
       type?: "create" | "update";
     }>>;
-    readonly TanStackActionSubmit: react254.FC<{
+    readonly TanStackActionSubmit: react256.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: react254.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: react256.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: react254.FC<Pick<{
+      readonly TextField: react256.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1222,7 +1222,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           is: any;
           show?: boolean | undefined;
         } | undefined;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
         tooltip?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
@@ -1230,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" | "orientation" | "label" | "tooltip" | "placeholder" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextareaField: react254.FC<Pick<{
+      readonly TextareaField: react256.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1251,18 +1251,18 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           is: any;
           show?: boolean | undefined;
         } | undefined;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
         tooltip?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
         counter?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "orientation" | "label" | "tooltip" | "placeholder" | "counter" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly NumberField: react254.FC<Pick<{
+      readonly NumberField: react256.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1287,7 +1287,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           is: any;
           show?: boolean | undefined;
         } | undefined;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
         tooltip?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
@@ -1298,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" | "orientation" | "label" | "tooltip" | "placeholder" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
         required?: boolean;
         allowNegative?: boolean;
       }>;
-      readonly EmailField: react254.FC<Pick<{
+      readonly EmailField: react256.FC<Pick<{
         rules: {
           maxLength?: number | undefined;
           minLength?: number | undefined;
@@ -1312,25 +1312,25 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         camelCaseName: string;
         id: string;
         type: "email-field";
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
         tooltip?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "orientation" | "label" | "tooltip" | "placeholder" | "helperText" | "showErrorMessage"> & {
         maxLength?: number;
       }>;
-      readonly PasswordField: react254.FC<{
+      readonly PasswordField: react256.FC<{
         description?: string | undefined;
+        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
         label: string;
-        placeholder?: string | undefined;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
         tooltip?: string | undefined;
+        placeholder?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
       }>;
-      readonly SelectField: react254.FC<Pick<{
+      readonly SelectField: react256.FC<Pick<{
         options: {
           label: string;
           value: string;
@@ -1349,16 +1349,16 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           is: any;
           show?: boolean | undefined;
         } | undefined;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
         tooltip?: string | undefined;
         helperText?: string | undefined;
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "defaultValue" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
+      }, "description" | "orientation" | "label" | "defaultValue" | "tooltip" | "placeholder" | "options" | "helperText" | "clearable"> & {
         required?: boolean;
       }>;
-      readonly DateField: react254.FC<Pick<{
+      readonly DateField: react256.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1370,26 +1370,26 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           minDate?: Date | undefined;
           maxDate?: Date | undefined;
         } | undefined;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
         tooltip?: string | undefined;
         helperText?: string | undefined;
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "orientation" | "label" | "tooltip" | "placeholder" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         minDate?: Date;
         maxDate?: Date;
       }>;
-      readonly SwitchField: react254.FC<{
+      readonly SwitchField: react256.FC<{
         description?: string | undefined;
         label: string;
         helperText?: string | undefined;
       }>;
-      readonly RadioGroupField: react254.FC<{
+      readonly RadioGroupField: react256.FC<{
         description?: string | undefined;
+        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
         label: string;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
         options: {
           label: string;
           value: string;
@@ -1397,45 +1397,45 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly CheckboxField: react254.FC<{
+      readonly CheckboxField: react256.FC<{
         description?: string | undefined;
+        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
         label: string;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
         options: {
           label: string;
           value: string;
         }[];
         helperText?: string | undefined;
       }>;
-      readonly FieldGroup: react254.MemoExoticComponent<({
+      readonly FieldGroup: react256.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
-      readonly Field: react254.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
+      readonly Field: react256.MemoExoticComponent<({
         className,
         orientation,
         ...props
       }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-      } & class_variance_authority_types21.ClassProp) | undefined) => string>) => react_jsx_runtime332.JSX.Element>;
-      readonly FieldContent: react254.MemoExoticComponent<({
+        orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+      } & class_variance_authority_types21.ClassProp) | undefined) => string>) => react_jsx_runtime334.JSX.Element>;
+      readonly FieldContent: react256.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
-      readonly FieldLabel: react254.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
+      readonly FieldLabel: react256.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime332.JSX.Element>;
-      readonly FieldContentMain: react254.MemoExoticComponent<({
+      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime334.JSX.Element>;
+      readonly FieldContentMain: react256.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
-      readonly FieldSeparator: react254.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
+      readonly FieldSeparator: react256.MemoExoticComponent<({
         children,
         className,
         ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime332.JSX.Element>;
-      readonly FieldError: react254.MemoExoticComponent<({
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime334.JSX.Element>;
+      readonly FieldError: react256.MemoExoticComponent<({
         className,
         children,
         errors,
@@ -1444,51 +1444,51 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         errors?: Array<{
           message?: string;
         } | undefined>;
-      }) => react_jsx_runtime332.JSX.Element | null>;
+      }) => react_jsx_runtime334.JSX.Element | null>;
     }, {
-      readonly TanStackDialogForm: react254.FC<react254.PropsWithChildren<{
+      readonly TanStackDialogForm: react256.FC<react256.PropsWithChildren<{
         title: string;
         submitText?: string;
         open?: boolean;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackPopoverForm: react254.FC<react254.PropsWithChildren<{
+      readonly TanStackPopoverForm: react256.FC<react256.PropsWithChildren<{
         title: string;
         open?: boolean;
         contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackContainerForm: react254.FC<{
-        children?: react254.ReactNode | undefined;
+      readonly TanStackContainerForm: react256.FC<{
+        children?: react256.ReactNode | undefined;
       }>;
-      readonly TanStackSectionForm: react254.FC<react254.PropsWithChildren<{
+      readonly TanStackSectionForm: react256.FC<react256.PropsWithChildren<{
         title: string;
       }>>;
-      readonly TanStackCardForm: react254.FC<react254.PropsWithChildren<{
+      readonly TanStackCardForm: react256.FC<react256.PropsWithChildren<{
         title: string;
         description?: string;
         onDelete?: () => void | Promise<void>;
       }>>;
-      readonly TanStackFieldGroup: react254.FC<react254.PropsWithChildren<{
+      readonly TanStackFieldGroup: react256.FC<react256.PropsWithChildren<{
         label: string;
         description?: string;
         helperText?: string;
         orientation?: "horizontal" | "vertical" | "responsive";
       }>>;
-      readonly TanStackTitleField: react254.FC<{
+      readonly TanStackTitleField: react256.FC<{
         title: string;
         description?: string;
         helperText?: string;
       }>;
-      readonly TanStackActionsForm: react254.FC<react254.PropsWithChildren<{
+      readonly TanStackActionsForm: react256.FC<react256.PropsWithChildren<{
         type?: "create" | "update";
       }>>;
-      readonly TanStackActionSubmit: react254.FC<{
+      readonly TanStackActionSubmit: react256.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: react254.FC<Pick<{
+      readonly TextField: react256.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1506,7 +1506,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           is: any;
           show?: boolean | undefined;
         } | undefined;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
         tooltip?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
@@ -1514,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" | "orientation" | "label" | "tooltip" | "placeholder" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextareaField: react254.FC<Pick<{
+      readonly TextareaField: react256.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1535,18 +1535,18 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           is: any;
           show?: boolean | undefined;
         } | undefined;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
         tooltip?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
         counter?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "orientation" | "label" | "tooltip" | "placeholder" | "counter" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly NumberField: react254.FC<Pick<{
+      readonly NumberField: react256.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1571,7 +1571,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           is: any;
           show?: boolean | undefined;
         } | undefined;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
         tooltip?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
@@ -1582,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" | "orientation" | "label" | "tooltip" | "placeholder" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
         required?: boolean;
         allowNegative?: boolean;
       }>;
-      readonly EmailField: react254.FC<Pick<{
+      readonly EmailField: react256.FC<Pick<{
         rules: {
           maxLength?: number | undefined;
           minLength?: number | undefined;
@@ -1596,25 +1596,25 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         camelCaseName: string;
         id: string;
         type: "email-field";
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
         tooltip?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "orientation" | "label" | "tooltip" | "placeholder" | "helperText" | "showErrorMessage"> & {
         maxLength?: number;
       }>;
-      readonly PasswordField: react254.FC<{
+      readonly PasswordField: react256.FC<{
         description?: string | undefined;
+        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
         label: string;
-        placeholder?: string | undefined;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
         tooltip?: string | undefined;
+        placeholder?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
       }>;
-      readonly SelectField: react254.FC<Pick<{
+      readonly SelectField: react256.FC<Pick<{
         options: {
           label: string;
           value: string;
@@ -1633,16 +1633,16 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           is: any;
           show?: boolean | undefined;
         } | undefined;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
         tooltip?: string | undefined;
         helperText?: string | undefined;
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "defaultValue" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
+      }, "description" | "orientation" | "label" | "defaultValue" | "tooltip" | "placeholder" | "options" | "helperText" | "clearable"> & {
         required?: boolean;
       }>;
-      readonly DateField: react254.FC<Pick<{
+      readonly DateField: react256.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1654,26 +1654,26 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           minDate?: Date | undefined;
           maxDate?: Date | undefined;
         } | undefined;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
         tooltip?: string | undefined;
         helperText?: string | undefined;
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "orientation" | "label" | "tooltip" | "placeholder" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         minDate?: Date;
         maxDate?: Date;
       }>;
-      readonly SwitchField: react254.FC<{
+      readonly SwitchField: react256.FC<{
         description?: string | undefined;
         label: string;
         helperText?: string | undefined;
       }>;
-      readonly RadioGroupField: react254.FC<{
+      readonly RadioGroupField: react256.FC<{
         description?: string | undefined;
+        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
         label: string;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
         options: {
           label: string;
           value: string;
@@ -1681,45 +1681,45 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly CheckboxField: react254.FC<{
+      readonly CheckboxField: react256.FC<{
         description?: string | undefined;
+        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
         label: string;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
         options: {
           label: string;
           value: string;
         }[];
         helperText?: string | undefined;
       }>;
-      readonly FieldGroup: react254.MemoExoticComponent<({
+      readonly FieldGroup: react256.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
-      readonly Field: react254.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
+      readonly Field: react256.MemoExoticComponent<({
         className,
         orientation,
         ...props
       }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-      } & class_variance_authority_types21.ClassProp) | undefined) => string>) => react_jsx_runtime332.JSX.Element>;
-      readonly FieldContent: react254.MemoExoticComponent<({
+        orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+      } & class_variance_authority_types21.ClassProp) | undefined) => string>) => react_jsx_runtime334.JSX.Element>;
+      readonly FieldContent: react256.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
-      readonly FieldLabel: react254.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
+      readonly FieldLabel: react256.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime332.JSX.Element>;
-      readonly FieldContentMain: react254.MemoExoticComponent<({
+      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime334.JSX.Element>;
+      readonly FieldContentMain: react256.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
-      readonly FieldSeparator: react254.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react_jsx_runtime334.JSX.Element>;
+      readonly FieldSeparator: react256.MemoExoticComponent<({
         children,
         className,
         ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime332.JSX.Element>;
-      readonly FieldError: react254.MemoExoticComponent<({
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime334.JSX.Element>;
+      readonly FieldError: react256.MemoExoticComponent<({
         className,
         children,
         errors,
@@ -1728,52 +1728,52 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         errors?: Array<{
           message?: string;
         } | undefined>;
-      }) => react_jsx_runtime332.JSX.Element | null>;
+      }) => react_jsx_runtime334.JSX.Element | null>;
     }, {
-      readonly TanStackDialogForm: react254.FC<react254.PropsWithChildren<{
+      readonly TanStackDialogForm: react256.FC<react256.PropsWithChildren<{
         title: string;
         submitText?: string;
         open?: boolean;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackPopoverForm: react254.FC<react254.PropsWithChildren<{
+      readonly TanStackPopoverForm: react256.FC<react256.PropsWithChildren<{
         title: string;
         open?: boolean;
         contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackContainerForm: react254.FC<{
-        children?: react254.ReactNode | undefined;
+      readonly TanStackContainerForm: react256.FC<{
+        children?: react256.ReactNode | undefined;
       }>;
-      readonly TanStackSectionForm: react254.FC<react254.PropsWithChildren<{
+      readonly TanStackSectionForm: react256.FC<react256.PropsWithChildren<{
         title: string;
       }>>;
-      readonly TanStackCardForm: react254.FC<react254.PropsWithChildren<{
+      readonly TanStackCardForm: react256.FC<react256.PropsWithChildren<{
         title: string;
         description?: string;
         onDelete?: () => void | Promise<void>;
       }>>;
-      readonly TanStackFieldGroup: react254.FC<react254.PropsWithChildren<{
+      readonly TanStackFieldGroup: react256.FC<react256.PropsWithChildren<{
         label: string;
         description?: string;
         helperText?: string;
         orientation?: "horizontal" | "vertical" | "responsive";
       }>>;
-      readonly TanStackTitleField: react254.FC<{
+      readonly TanStackTitleField: react256.FC<{
         title: string;
         description?: string;
         helperText?: string;
       }>;
-      readonly TanStackActionsForm: react254.FC<react254.PropsWithChildren<{
+      readonly TanStackActionsForm: react256.FC<react256.PropsWithChildren<{
         type?: "create" | "update";
       }>>;
-      readonly TanStackActionSubmit: react254.FC<{
+      readonly TanStackActionSubmit: react256.FC<{
         label?: string;
         className?: string;
       }>;
     }>;
     fields: TFields;
-  }>) => ReturnType<react254.FunctionComponent>;
+  }>) => ReturnType<react256.FunctionComponent>;
 //#endregion
 export { Field, FieldContent, FieldContentMain, FieldError, FieldGroup, FieldLabel, FieldSeparator, useTanStackFieldContext, useTanStackForm, useTanStackFormContext, withTanStackFieldGroup, withTanStackForm };
 //# sourceMappingURL=index.d.cts.map