@customafk/lunas-ui 0.2.29 → 0.2.31

package/dist/{index-CtKNb2-t.d.cts → index-U8LjVt0l.d.mts}

@@ -1,10 +1,10 @@
-import * as react636 from "react";
-import * as class_variance_authority_types24 from "class-variance-authority/types";
+import * as react692 from "react";
 import * as class_variance_authority0 from "class-variance-authority";
 import { VariantProps } from "class-variance-authority";
 import { Label } from "radix-ui";
-import * as _tanstack_form_core0 from "@tanstack/form-core";
 import * as _tanstack_react_form0 from "@tanstack/react-form";
+import * as class_variance_authority_types24 from "class-variance-authority/types";
+import * as _tanstack_form_core0 from "@tanstack/form-core";
 
 //#region packages/components/features/tanstack-form/components/ui/label.d.ts
 /**
@@ -19,7 +19,7 @@ declare function Label$1({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof Label.Root>): react636.JSX.Element;
+}: React.ComponentProps<typeof Label.Root>): react692.JSX.Element;
 //#endregion
 //#region packages/components/features/tanstack-form/components/atoms/simple-array-field.d.ts
 type ArrayColProps = {
@@ -57,7 +57,31 @@ declare function ArrayCol({
   width,
   className,
   children
-}: ArrayColProps): react636.JSX.Element;
+}: ArrayColProps): react692.JSX.Element;
+type ArrayHeaderRowProps = {
+  className?: string;
+  children: React.ReactNode;
+};
+/**
+ * Styled header row for a `SimpleArrayField` table. Place it directly above
+ * `<SimpleArrayField>` and use `<ArrayCol>` children with text labels to align
+ * headers with their columns. A spacer matching the delete-button width is
+ * appended automatically.
+ *
+ * @example
+ * <ArrayHeaderRow>
+ *   <ArrayCol>Name</ArrayCol>
+ *   <ArrayCol width={96}>Price</ArrayCol>
+ *   <ArrayCol width={80}>Qty</ArrayCol>
+ * </ArrayHeaderRow>
+ * <SimpleArrayField defaultRow={...}>
+ *   {i => (...)}
+ * </SimpleArrayField>
+ */
+declare function ArrayHeaderRow({
+  className,
+  children
+}: ArrayHeaderRowProps): react692.JSX.Element;
 type Props<T> = {
   /**
    * Shape of a brand-new empty row appended when the user clicks "Add row".
@@ -103,7 +127,7 @@ declare function SimpleArrayField<T>({
   children,
   addLabel,
   className
-}: Props<T>): react636.JSX.Element;
+}: Props<T>): react692.JSX.Element;
 //#endregion
 //#region packages/components/features/tanstack-form/components/ui/field.d.ts
 declare const fieldVariants: (props?: ({
@@ -131,10 +155,10 @@ declare const fieldVariants: (props?: ({
  *   <Field>…</Field>
  * </FieldGroup>
  */
-declare const FieldGroup: react636.MemoExoticComponent<({
+declare const FieldGroup: react692.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react636.JSX.Element>;
+}: React.ComponentProps<"div">) => react692.JSX.Element>;
 /**
  * Single form field row that arranges label, input, and meta elements with configurable orientation.
  *
@@ -146,11 +170,11 @@ declare const FieldGroup: react636.MemoExoticComponent<({
  *   <FieldContent><input id="username" /></FieldContent>
  * </Field>
  */
-declare const Field: react636.MemoExoticComponent<({
+declare const Field: react692.MemoExoticComponent<({
   className,
   orientation,
   ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react636.JSX.Element>;
+}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react692.JSX.Element>;
 /**
  * Flex column wrapper that houses the primary input control together with description and error slots.
  *
@@ -162,10 +186,10 @@ declare const Field: react636.MemoExoticComponent<({
  *   <FieldDescription>Enter your full name.</FieldDescription>
  * </FieldContent>
  */
-declare const FieldContent: react636.MemoExoticComponent<({
+declare const FieldContent: react692.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react636.JSX.Element>;
+}: React.ComponentProps<"div">) => react692.JSX.Element>;
 /**
  * Positioned wrapper for the main input element that enables absolutely-placed adornments (icons, spinners).
  *
@@ -177,10 +201,10 @@ declare const FieldContent: react636.MemoExoticComponent<({
  *   <SearchIcon className="absolute right-2 top-2" />
  * </FieldContentMain>
  */
-declare const FieldContentMain: react636.MemoExoticComponent<({
+declare const FieldContentMain: react692.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react636.JSX.Element>;
+}: React.ComponentProps<"div">) => react692.JSX.Element>;
 /**
  * Styled `<label>` element for a `Field`, extending the base `Label` with field-group-aware spacing and border states.
  *
@@ -189,10 +213,10 @@ declare const FieldContentMain: react636.MemoExoticComponent<({
  *
  * <FieldLabel htmlFor="email" aria-required>Email</FieldLabel>
  */
-declare const FieldLabel: react636.MemoExoticComponent<({
+declare const FieldLabel: react692.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<typeof Label$1>) => react636.JSX.Element>;
+}: React.ComponentProps<typeof Label$1>) => react692.JSX.Element>;
 /**
  * Inline title element (non-`<label>`) for fields whose label cannot be a native `<label>`, such as custom checkbox groups.
  *
@@ -210,11 +234,11 @@ declare const FieldLabel: react636.MemoExoticComponent<({
  *
  * <FieldSeparator>or</FieldSeparator>
  */
-declare const FieldSeparator: react636.MemoExoticComponent<({
+declare const FieldSeparator: react692.MemoExoticComponent<({
   children,
   className,
   ...props
-}: React.PropsWithChildren<React.ComponentProps<"div">>) => react636.JSX.Element>;
+}: React.PropsWithChildren<React.ComponentProps<"div">>) => react692.JSX.Element>;
 /**
  * Props for {@link FieldError}.
  */
@@ -237,12 +261,12 @@ type FieldErrorProps = React.ComponentProps<'div'> & {
  *
  * <FieldError errors={field.state.meta.errors} />
  */
-declare const FieldError: react636.MemoExoticComponent<({
+declare const FieldError: react692.MemoExoticComponent<({
   className,
   children,
   errors,
   ...props
-}: FieldErrorProps) => react636.JSX.Element | null>;
+}: FieldErrorProps) => react692.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>;
@@ -302,7 +326,7 @@ declare const useTanStackFieldContext: <TData>() => _tanstack_form_core0.FieldAp
  * ));
  */
 declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnChange extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: _tanstack_form_core0.FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => _tanstack_react_form0.AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
-    readonly TextField: react636.FC<Pick<{
+    readonly TextField: react692.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -328,11 +352,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" | "orientation" | "placeholder" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextareaField: react636.FC<Pick<{
+    readonly TextareaField: react692.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -356,11 +380,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" | "orientation" | "placeholder" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextEditorField: react636.FC<Pick<{
+    readonly TextEditorField: react692.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -377,7 +401,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     }, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
     }>;
-    readonly NumberField: react636.FC<Pick<{
+    readonly NumberField: react692.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -413,11 +437,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" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
       required?: boolean;
       allowNegative?: boolean;
     }>;
-    readonly EmailField: react636.FC<Pick<{
+    readonly EmailField: react692.FC<Pick<{
       rules: {
         maxLength?: number | undefined;
         minLength?: number | undefined;
@@ -433,20 +457,20 @@ 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" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly PasswordField: react636.FC<{
+    readonly PasswordField: react692.FC<{
       description?: string | undefined;
       label: string;
-      placeholder?: string | undefined;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      placeholder?: string | undefined;
       tooltip?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
     }>;
-    readonly SelectField: react636.FC<Pick<{
+    readonly SelectField: react692.FC<Pick<{
       options: {
         label: string;
         value: string;
@@ -471,10 +495,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "defaultValue" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
+    }, "description" | "label" | "defaultValue" | "orientation" | "placeholder" | "tooltip" | "options" | "helperText" | "clearable"> & {
       required?: boolean;
     }>;
-    readonly ComboboxField: react636.FC<{
+    readonly ComboboxField: react692.FC<{
       label: string;
       description?: string;
       placeholder?: string;
@@ -485,7 +509,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         label: string;
       }>;
     }>;
-    readonly DateField: react636.FC<Pick<{
+    readonly DateField: react692.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -503,17 +527,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" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       minDate?: Date;
       maxDate?: Date;
     }>;
-    readonly SwitchField: react636.FC<{
+    readonly SwitchField: react692.FC<{
       description?: string | undefined;
       label: string;
       helperText?: string | undefined;
     }>;
-    readonly RadioGroupField: react636.FC<{
+    readonly RadioGroupField: react692.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -525,7 +549,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly CheckboxField: react636.FC<{
+    readonly CheckboxField: react692.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -536,43 +560,43 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly SimpleTextField: react636.FC<{
-      label: string;
+    readonly SimpleTextField: react692.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       maxLength?: number;
       disabled?: boolean;
     }>;
-    readonly SimpleEmailField: react636.FC<{
-      label: string;
+    readonly SimpleEmailField: react692.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       maxLength?: number;
       disabled?: boolean;
     }>;
-    readonly SimplePasswordField: react636.FC<{
-      label: string;
+    readonly SimplePasswordField: react692.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       disabled?: boolean;
     }>;
-    readonly SimpleTextareaField: react636.FC<{
-      label: string;
+    readonly SimpleTextareaField: react692.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       maxLength?: number;
       rows?: number;
       disabled?: boolean;
     }>;
-    readonly SimpleNumberField: react636.FC<{
-      label: string;
+    readonly SimpleNumberField: react692.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       unit?: string;
       allowNegative?: boolean;
       disabled?: boolean;
     }>;
-    readonly SimpleSelectField: react636.FC<{
+    readonly SimpleSelectField: react692.FC<{
       label?: string;
       placeholder?: string;
       required?: boolean;
@@ -582,47 +606,81 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }>;
     }>;
     readonly SimpleArrayField: typeof SimpleArrayField;
-    readonly FieldGroup: react636.MemoExoticComponent<({
+    readonly SimpleBooleanField: react692.FC<{
+      label?: string;
+      required?: boolean;
+      disabled?: boolean;
+      variant?: "checkbox" | "switch";
+    }>;
+    readonly SimpleComboboxField: react692.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      disabled?: boolean;
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+    }>;
+    readonly SimpleDateField: react692.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      disabled?: boolean;
+      minDate?: Date;
+      maxDate?: Date;
+    }>;
+    readonly SimpleRadioGroupField: react692.FC<{
+      label?: string;
+      required?: boolean;
+      disabled?: boolean;
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+      orientation?: "horizontal" | "vertical";
+    }>;
+    readonly FieldGroup: react692.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react636.JSX.Element>;
-    readonly Field: react636.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react692.JSX.Element>;
+    readonly Field: react692.MemoExoticComponent<({
       className,
       orientation,
       ...props
     }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
       orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-    } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react636.JSX.Element>;
-    readonly FieldContent: react636.MemoExoticComponent<({
+    } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react692.JSX.Element>;
+    readonly FieldContent: react692.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react636.JSX.Element>;
-    readonly FieldLabel: react636.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react692.JSX.Element>;
+    readonly FieldLabel: react692.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<typeof Label$1>) => react636.JSX.Element>;
-    readonly FieldContentMain: react636.MemoExoticComponent<({
+    }: React.ComponentProps<typeof Label$1>) => react692.JSX.Element>;
+    readonly FieldContentMain: react692.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react636.JSX.Element>;
-    readonly FieldSeparator: react636.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react692.JSX.Element>;
+    readonly FieldSeparator: react692.MemoExoticComponent<({
       children,
       className,
       ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react636.JSX.Element>;
-    readonly FieldError: react636.MemoExoticComponent<({
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react692.JSX.Element>;
+    readonly FieldError: react692.MemoExoticComponent<({
       className,
       children,
       errors,
       ...props
-    }: react636.ClassAttributes<HTMLDivElement> & react636.HTMLAttributes<HTMLDivElement> & {
+    }: react692.ClassAttributes<HTMLDivElement> & react692.HTMLAttributes<HTMLDivElement> & {
       errors?: Array<{
         code?: string;
         message?: string;
       } | undefined>;
-    }) => react636.JSX.Element | null>;
+    }) => react692.JSX.Element | null>;
   }, {
-    readonly TanStackDialogForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackDialogForm: react692.FC<react692.PropsWithChildren<{
       title: string;
       submitText?: string;
       width?: number | string;
@@ -631,47 +689,48 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       open?: boolean;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackPopoverForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackPopoverForm: react692.FC<react692.PropsWithChildren<{
       title: string;
       open?: boolean;
       contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackContainerForm: react636.FC<{
-      children?: react636.ReactNode | undefined;
+    readonly TanStackContainerForm: react692.FC<{
+      children?: react692.ReactNode | undefined;
     }>;
-    readonly TanStackSectionForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackSectionForm: react692.FC<react692.PropsWithChildren<{
       title: string;
     }>>;
-    readonly TanStackCardForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackCardForm: react692.FC<react692.PropsWithChildren<{
       title: string;
       description?: string;
       onDelete?: () => void | Promise<void>;
     }>>;
-    readonly TanStackFieldGroup: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackFieldGroup: react692.FC<react692.PropsWithChildren<{
       label: string;
       description?: string;
       helperText?: string;
       orientation?: "horizontal" | "vertical" | "responsive";
     }>>;
-    readonly TanStackTitleField: react636.FC<{
+    readonly TanStackTitleField: react692.FC<{
       title: string;
       description?: string;
       helperText?: string;
     }>;
-    readonly TanStackActionsForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackActionsForm: react692.FC<react692.PropsWithChildren<{
       type?: "create" | "update";
     }>>;
-    readonly TanStackActionSubmit: react636.FC<{
+    readonly TanStackActionSubmit: react692.FC<{
       label?: string;
       className?: string;
     }>;
     readonly ArrayCol: typeof ArrayCol;
+    readonly ArrayHeaderRow: typeof ArrayHeaderRow;
   }>, 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: react636.FC<Pick<{
+    readonly TextField: react692.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -697,11 +756,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" | "orientation" | "placeholder" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextareaField: react636.FC<Pick<{
+    readonly TextareaField: react692.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -725,11 +784,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" | "orientation" | "placeholder" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextEditorField: react636.FC<Pick<{
+    readonly TextEditorField: react692.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -746,7 +805,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     }, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
     }>;
-    readonly NumberField: react636.FC<Pick<{
+    readonly NumberField: react692.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -782,11 +841,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" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
       required?: boolean;
       allowNegative?: boolean;
     }>;
-    readonly EmailField: react636.FC<Pick<{
+    readonly EmailField: react692.FC<Pick<{
       rules: {
         maxLength?: number | undefined;
         minLength?: number | undefined;
@@ -802,20 +861,20 @@ 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" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly PasswordField: react636.FC<{
+    readonly PasswordField: react692.FC<{
       description?: string | undefined;
       label: string;
-      placeholder?: string | undefined;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      placeholder?: string | undefined;
       tooltip?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
     }>;
-    readonly SelectField: react636.FC<Pick<{
+    readonly SelectField: react692.FC<Pick<{
       options: {
         label: string;
         value: string;
@@ -840,10 +899,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "defaultValue" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
+    }, "description" | "label" | "defaultValue" | "orientation" | "placeholder" | "tooltip" | "options" | "helperText" | "clearable"> & {
       required?: boolean;
     }>;
-    readonly ComboboxField: react636.FC<{
+    readonly ComboboxField: react692.FC<{
       label: string;
       description?: string;
       placeholder?: string;
@@ -854,7 +913,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         label: string;
       }>;
     }>;
-    readonly DateField: react636.FC<Pick<{
+    readonly DateField: react692.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -872,17 +931,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" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       minDate?: Date;
       maxDate?: Date;
     }>;
-    readonly SwitchField: react636.FC<{
+    readonly SwitchField: react692.FC<{
       description?: string | undefined;
       label: string;
       helperText?: string | undefined;
     }>;
-    readonly RadioGroupField: react636.FC<{
+    readonly RadioGroupField: react692.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -894,7 +953,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly CheckboxField: react636.FC<{
+    readonly CheckboxField: react692.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -905,43 +964,43 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly SimpleTextField: react636.FC<{
-      label: string;
+    readonly SimpleTextField: react692.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       maxLength?: number;
       disabled?: boolean;
     }>;
-    readonly SimpleEmailField: react636.FC<{
-      label: string;
+    readonly SimpleEmailField: react692.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       maxLength?: number;
       disabled?: boolean;
     }>;
-    readonly SimplePasswordField: react636.FC<{
-      label: string;
+    readonly SimplePasswordField: react692.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       disabled?: boolean;
     }>;
-    readonly SimpleTextareaField: react636.FC<{
-      label: string;
+    readonly SimpleTextareaField: react692.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       maxLength?: number;
       rows?: number;
       disabled?: boolean;
     }>;
-    readonly SimpleNumberField: react636.FC<{
-      label: string;
+    readonly SimpleNumberField: react692.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       unit?: string;
       allowNegative?: boolean;
       disabled?: boolean;
     }>;
-    readonly SimpleSelectField: react636.FC<{
+    readonly SimpleSelectField: react692.FC<{
       label?: string;
       placeholder?: string;
       required?: boolean;
@@ -951,47 +1010,81 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }>;
     }>;
     readonly SimpleArrayField: typeof SimpleArrayField;
-    readonly FieldGroup: react636.MemoExoticComponent<({
+    readonly SimpleBooleanField: react692.FC<{
+      label?: string;
+      required?: boolean;
+      disabled?: boolean;
+      variant?: "checkbox" | "switch";
+    }>;
+    readonly SimpleComboboxField: react692.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      disabled?: boolean;
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+    }>;
+    readonly SimpleDateField: react692.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      disabled?: boolean;
+      minDate?: Date;
+      maxDate?: Date;
+    }>;
+    readonly SimpleRadioGroupField: react692.FC<{
+      label?: string;
+      required?: boolean;
+      disabled?: boolean;
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+      orientation?: "horizontal" | "vertical";
+    }>;
+    readonly FieldGroup: react692.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react636.JSX.Element>;
-    readonly Field: react636.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react692.JSX.Element>;
+    readonly Field: react692.MemoExoticComponent<({
       className,
       orientation,
       ...props
     }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
       orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-    } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react636.JSX.Element>;
-    readonly FieldContent: react636.MemoExoticComponent<({
+    } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react692.JSX.Element>;
+    readonly FieldContent: react692.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react636.JSX.Element>;
-    readonly FieldLabel: react636.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react692.JSX.Element>;
+    readonly FieldLabel: react692.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<typeof Label$1>) => react636.JSX.Element>;
-    readonly FieldContentMain: react636.MemoExoticComponent<({
+    }: React.ComponentProps<typeof Label$1>) => react692.JSX.Element>;
+    readonly FieldContentMain: react692.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react636.JSX.Element>;
-    readonly FieldSeparator: react636.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react692.JSX.Element>;
+    readonly FieldSeparator: react692.MemoExoticComponent<({
       children,
       className,
       ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react636.JSX.Element>;
-    readonly FieldError: react636.MemoExoticComponent<({
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react692.JSX.Element>;
+    readonly FieldError: react692.MemoExoticComponent<({
       className,
       children,
       errors,
       ...props
-    }: react636.ClassAttributes<HTMLDivElement> & react636.HTMLAttributes<HTMLDivElement> & {
+    }: react692.ClassAttributes<HTMLDivElement> & react692.HTMLAttributes<HTMLDivElement> & {
       errors?: Array<{
         code?: string;
         message?: string;
       } | undefined>;
-    }) => react636.JSX.Element | null>;
+    }) => react692.JSX.Element | null>;
   }, {
-    readonly TanStackDialogForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackDialogForm: react692.FC<react692.PropsWithChildren<{
       title: string;
       submitText?: string;
       width?: number | string;
@@ -1000,45 +1093,46 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       open?: boolean;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackPopoverForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackPopoverForm: react692.FC<react692.PropsWithChildren<{
       title: string;
       open?: boolean;
       contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackContainerForm: react636.FC<{
-      children?: react636.ReactNode | undefined;
+    readonly TanStackContainerForm: react692.FC<{
+      children?: react692.ReactNode | undefined;
     }>;
-    readonly TanStackSectionForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackSectionForm: react692.FC<react692.PropsWithChildren<{
       title: string;
     }>>;
-    readonly TanStackCardForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackCardForm: react692.FC<react692.PropsWithChildren<{
       title: string;
       description?: string;
       onDelete?: () => void | Promise<void>;
     }>>;
-    readonly TanStackFieldGroup: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackFieldGroup: react692.FC<react692.PropsWithChildren<{
       label: string;
       description?: string;
       helperText?: string;
       orientation?: "horizontal" | "vertical" | "responsive";
     }>>;
-    readonly TanStackTitleField: react636.FC<{
+    readonly TanStackTitleField: react692.FC<{
       title: string;
       description?: string;
       helperText?: string;
     }>;
-    readonly TanStackActionsForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackActionsForm: react692.FC<react692.PropsWithChildren<{
       type?: "create" | "update";
     }>>;
-    readonly TanStackActionSubmit: react636.FC<{
+    readonly TanStackActionSubmit: react692.FC<{
       label?: string;
       className?: string;
     }>;
     readonly ArrayCol: typeof ArrayCol;
-  }, TRenderProps>) => react636.FunctionComponent<react636.PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
+    readonly ArrayHeaderRow: typeof ArrayHeaderRow;
+  }, TRenderProps>) => react692.FunctionComponent<react692.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: react636.FC<Pick<{
+      readonly TextField: react692.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1064,11 +1158,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" | "orientation" | "placeholder" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextareaField: react636.FC<Pick<{
+      readonly TextareaField: react692.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1092,11 +1186,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" | "orientation" | "placeholder" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextEditorField: react636.FC<Pick<{
+      readonly TextEditorField: react692.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1113,7 +1207,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
       }>;
-      readonly NumberField: react636.FC<Pick<{
+      readonly NumberField: react692.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1149,11 +1243,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" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
         required?: boolean;
         allowNegative?: boolean;
       }>;
-      readonly EmailField: react636.FC<Pick<{
+      readonly EmailField: react692.FC<Pick<{
         rules: {
           maxLength?: number | undefined;
           minLength?: number | undefined;
@@ -1169,20 +1263,20 @@ 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" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly PasswordField: react636.FC<{
+      readonly PasswordField: react692.FC<{
         description?: string | undefined;
         label: string;
-        placeholder?: string | undefined;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        placeholder?: string | undefined;
         tooltip?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
       }>;
-      readonly SelectField: react636.FC<Pick<{
+      readonly SelectField: react692.FC<Pick<{
         options: {
           label: string;
           value: string;
@@ -1207,10 +1301,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "defaultValue" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
+      }, "description" | "label" | "defaultValue" | "orientation" | "placeholder" | "tooltip" | "options" | "helperText" | "clearable"> & {
         required?: boolean;
       }>;
-      readonly ComboboxField: react636.FC<{
+      readonly ComboboxField: react692.FC<{
         label: string;
         description?: string;
         placeholder?: string;
@@ -1221,7 +1315,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           label: string;
         }>;
       }>;
-      readonly DateField: react636.FC<Pick<{
+      readonly DateField: react692.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1239,17 +1333,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" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         minDate?: Date;
         maxDate?: Date;
       }>;
-      readonly SwitchField: react636.FC<{
+      readonly SwitchField: react692.FC<{
         description?: string | undefined;
         label: string;
         helperText?: string | undefined;
       }>;
-      readonly RadioGroupField: react636.FC<{
+      readonly RadioGroupField: react692.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1261,7 +1355,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly CheckboxField: react636.FC<{
+      readonly CheckboxField: react692.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1272,43 +1366,43 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly SimpleTextField: react636.FC<{
-        label: string;
+      readonly SimpleTextField: react692.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         maxLength?: number;
         disabled?: boolean;
       }>;
-      readonly SimpleEmailField: react636.FC<{
-        label: string;
+      readonly SimpleEmailField: react692.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         maxLength?: number;
         disabled?: boolean;
       }>;
-      readonly SimplePasswordField: react636.FC<{
-        label: string;
+      readonly SimplePasswordField: react692.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         disabled?: boolean;
       }>;
-      readonly SimpleTextareaField: react636.FC<{
-        label: string;
+      readonly SimpleTextareaField: react692.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         maxLength?: number;
         rows?: number;
         disabled?: boolean;
       }>;
-      readonly SimpleNumberField: react636.FC<{
-        label: string;
+      readonly SimpleNumberField: react692.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         unit?: string;
         allowNegative?: boolean;
         disabled?: boolean;
       }>;
-      readonly SimpleSelectField: react636.FC<{
+      readonly SimpleSelectField: react692.FC<{
         label?: string;
         placeholder?: string;
         required?: boolean;
@@ -1318,47 +1412,81 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }>;
       }>;
       readonly SimpleArrayField: typeof SimpleArrayField;
-      readonly FieldGroup: react636.MemoExoticComponent<({
+      readonly SimpleBooleanField: react692.FC<{
+        label?: string;
+        required?: boolean;
+        disabled?: boolean;
+        variant?: "checkbox" | "switch";
+      }>;
+      readonly SimpleComboboxField: react692.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+      }>;
+      readonly SimpleDateField: react692.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+        minDate?: Date;
+        maxDate?: Date;
+      }>;
+      readonly SimpleRadioGroupField: react692.FC<{
+        label?: string;
+        required?: boolean;
+        disabled?: boolean;
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+        orientation?: "horizontal" | "vertical";
+      }>;
+      readonly FieldGroup: react692.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react636.JSX.Element>;
-      readonly Field: react636.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react692.JSX.Element>;
+      readonly Field: react692.MemoExoticComponent<({
         className,
         orientation,
         ...props
       }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
         orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-      } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react636.JSX.Element>;
-      readonly FieldContent: react636.MemoExoticComponent<({
+      } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react692.JSX.Element>;
+      readonly FieldContent: react692.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react636.JSX.Element>;
-      readonly FieldLabel: react636.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react692.JSX.Element>;
+      readonly FieldLabel: react692.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<typeof Label$1>) => react636.JSX.Element>;
-      readonly FieldContentMain: react636.MemoExoticComponent<({
+      }: React.ComponentProps<typeof Label$1>) => react692.JSX.Element>;
+      readonly FieldContentMain: react692.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react636.JSX.Element>;
-      readonly FieldSeparator: react636.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react692.JSX.Element>;
+      readonly FieldSeparator: react692.MemoExoticComponent<({
         children,
         className,
         ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react636.JSX.Element>;
-      readonly FieldError: react636.MemoExoticComponent<({
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react692.JSX.Element>;
+      readonly FieldError: react692.MemoExoticComponent<({
         className,
         children,
         errors,
         ...props
-      }: react636.ClassAttributes<HTMLDivElement> & react636.HTMLAttributes<HTMLDivElement> & {
+      }: react692.ClassAttributes<HTMLDivElement> & react692.HTMLAttributes<HTMLDivElement> & {
         errors?: Array<{
           code?: string;
           message?: string;
         } | undefined>;
-      }) => react636.JSX.Element | null>;
+      }) => react692.JSX.Element | null>;
     }, {
-      readonly TanStackDialogForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackDialogForm: react692.FC<react692.PropsWithChildren<{
         title: string;
         submitText?: string;
         width?: number | string;
@@ -1367,49 +1495,50 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         open?: boolean;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackPopoverForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackPopoverForm: react692.FC<react692.PropsWithChildren<{
         title: string;
         open?: boolean;
         contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackContainerForm: react636.FC<{
-        children?: react636.ReactNode | undefined;
+      readonly TanStackContainerForm: react692.FC<{
+        children?: react692.ReactNode | undefined;
       }>;
-      readonly TanStackSectionForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackSectionForm: react692.FC<react692.PropsWithChildren<{
         title: string;
       }>>;
-      readonly TanStackCardForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackCardForm: react692.FC<react692.PropsWithChildren<{
         title: string;
         description?: string;
         onDelete?: () => void | Promise<void>;
       }>>;
-      readonly TanStackFieldGroup: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackFieldGroup: react692.FC<react692.PropsWithChildren<{
         label: string;
         description?: string;
         helperText?: string;
         orientation?: "horizontal" | "vertical" | "responsive";
       }>>;
-      readonly TanStackTitleField: react636.FC<{
+      readonly TanStackTitleField: react692.FC<{
         title: string;
         description?: string;
         helperText?: string;
       }>;
-      readonly TanStackActionsForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackActionsForm: react692.FC<react692.PropsWithChildren<{
         type?: "create" | "update";
       }>>;
-      readonly TanStackActionSubmit: react636.FC<{
+      readonly TanStackActionSubmit: react692.FC<{
         label?: string;
         className?: string;
       }>;
       readonly ArrayCol: typeof ArrayCol;
+      readonly ArrayHeaderRow: typeof ArrayHeaderRow;
     }>;
   }>>, withTanStackFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps extends object = {}>({
     render,
     props,
     defaultValues
   }: _tanstack_react_form0.WithFieldGroupProps<TFieldGroupData, {
-    readonly TextField: react636.FC<Pick<{
+    readonly TextField: react692.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -1435,11 +1564,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" | "orientation" | "placeholder" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextareaField: react636.FC<Pick<{
+    readonly TextareaField: react692.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -1463,11 +1592,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" | "orientation" | "placeholder" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextEditorField: react636.FC<Pick<{
+    readonly TextEditorField: react692.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -1484,7 +1613,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     }, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
     }>;
-    readonly NumberField: react636.FC<Pick<{
+    readonly NumberField: react692.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -1520,11 +1649,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" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
       required?: boolean;
       allowNegative?: boolean;
     }>;
-    readonly EmailField: react636.FC<Pick<{
+    readonly EmailField: react692.FC<Pick<{
       rules: {
         maxLength?: number | undefined;
         minLength?: number | undefined;
@@ -1540,20 +1669,20 @@ 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" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly PasswordField: react636.FC<{
+    readonly PasswordField: react692.FC<{
       description?: string | undefined;
       label: string;
-      placeholder?: string | undefined;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      placeholder?: string | undefined;
       tooltip?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
     }>;
-    readonly SelectField: react636.FC<Pick<{
+    readonly SelectField: react692.FC<Pick<{
       options: {
         label: string;
         value: string;
@@ -1578,10 +1707,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "defaultValue" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
+    }, "description" | "label" | "defaultValue" | "orientation" | "placeholder" | "tooltip" | "options" | "helperText" | "clearable"> & {
       required?: boolean;
     }>;
-    readonly ComboboxField: react636.FC<{
+    readonly ComboboxField: react692.FC<{
       label: string;
       description?: string;
       placeholder?: string;
@@ -1592,7 +1721,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         label: string;
       }>;
     }>;
-    readonly DateField: react636.FC<Pick<{
+    readonly DateField: react692.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -1610,17 +1739,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" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       minDate?: Date;
       maxDate?: Date;
     }>;
-    readonly SwitchField: react636.FC<{
+    readonly SwitchField: react692.FC<{
       description?: string | undefined;
       label: string;
       helperText?: string | undefined;
     }>;
-    readonly RadioGroupField: react636.FC<{
+    readonly RadioGroupField: react692.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1632,7 +1761,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly CheckboxField: react636.FC<{
+    readonly CheckboxField: react692.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1643,43 +1772,43 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly SimpleTextField: react636.FC<{
-      label: string;
+    readonly SimpleTextField: react692.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       maxLength?: number;
       disabled?: boolean;
     }>;
-    readonly SimpleEmailField: react636.FC<{
-      label: string;
+    readonly SimpleEmailField: react692.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       maxLength?: number;
       disabled?: boolean;
     }>;
-    readonly SimplePasswordField: react636.FC<{
-      label: string;
+    readonly SimplePasswordField: react692.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       disabled?: boolean;
     }>;
-    readonly SimpleTextareaField: react636.FC<{
-      label: string;
+    readonly SimpleTextareaField: react692.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       maxLength?: number;
       rows?: number;
       disabled?: boolean;
     }>;
-    readonly SimpleNumberField: react636.FC<{
-      label: string;
+    readonly SimpleNumberField: react692.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       unit?: string;
       allowNegative?: boolean;
       disabled?: boolean;
     }>;
-    readonly SimpleSelectField: react636.FC<{
+    readonly SimpleSelectField: react692.FC<{
       label?: string;
       placeholder?: string;
       required?: boolean;
@@ -1689,47 +1818,81 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }>;
     }>;
     readonly SimpleArrayField: typeof SimpleArrayField;
-    readonly FieldGroup: react636.MemoExoticComponent<({
+    readonly SimpleBooleanField: react692.FC<{
+      label?: string;
+      required?: boolean;
+      disabled?: boolean;
+      variant?: "checkbox" | "switch";
+    }>;
+    readonly SimpleComboboxField: react692.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      disabled?: boolean;
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+    }>;
+    readonly SimpleDateField: react692.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      disabled?: boolean;
+      minDate?: Date;
+      maxDate?: Date;
+    }>;
+    readonly SimpleRadioGroupField: react692.FC<{
+      label?: string;
+      required?: boolean;
+      disabled?: boolean;
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+      orientation?: "horizontal" | "vertical";
+    }>;
+    readonly FieldGroup: react692.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react636.JSX.Element>;
-    readonly Field: react636.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react692.JSX.Element>;
+    readonly Field: react692.MemoExoticComponent<({
       className,
       orientation,
       ...props
     }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
       orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-    } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react636.JSX.Element>;
-    readonly FieldContent: react636.MemoExoticComponent<({
+    } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react692.JSX.Element>;
+    readonly FieldContent: react692.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react636.JSX.Element>;
-    readonly FieldLabel: react636.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react692.JSX.Element>;
+    readonly FieldLabel: react692.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<typeof Label$1>) => react636.JSX.Element>;
-    readonly FieldContentMain: react636.MemoExoticComponent<({
+    }: React.ComponentProps<typeof Label$1>) => react692.JSX.Element>;
+    readonly FieldContentMain: react692.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react636.JSX.Element>;
-    readonly FieldSeparator: react636.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react692.JSX.Element>;
+    readonly FieldSeparator: react692.MemoExoticComponent<({
       children,
       className,
       ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react636.JSX.Element>;
-    readonly FieldError: react636.MemoExoticComponent<({
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react692.JSX.Element>;
+    readonly FieldError: react692.MemoExoticComponent<({
       className,
       children,
       errors,
       ...props
-    }: react636.ClassAttributes<HTMLDivElement> & react636.HTMLAttributes<HTMLDivElement> & {
+    }: react692.ClassAttributes<HTMLDivElement> & react692.HTMLAttributes<HTMLDivElement> & {
       errors?: Array<{
         code?: string;
         message?: string;
       } | undefined>;
-    }) => react636.JSX.Element | null>;
+    }) => react692.JSX.Element | null>;
   }, {
-    readonly TanStackDialogForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackDialogForm: react692.FC<react692.PropsWithChildren<{
       title: string;
       submitText?: string;
       width?: number | string;
@@ -1738,45 +1901,46 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       open?: boolean;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackPopoverForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackPopoverForm: react692.FC<react692.PropsWithChildren<{
       title: string;
       open?: boolean;
       contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackContainerForm: react636.FC<{
-      children?: react636.ReactNode | undefined;
+    readonly TanStackContainerForm: react692.FC<{
+      children?: react692.ReactNode | undefined;
     }>;
-    readonly TanStackSectionForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackSectionForm: react692.FC<react692.PropsWithChildren<{
       title: string;
     }>>;
-    readonly TanStackCardForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackCardForm: react692.FC<react692.PropsWithChildren<{
       title: string;
       description?: string;
       onDelete?: () => void | Promise<void>;
     }>>;
-    readonly TanStackFieldGroup: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackFieldGroup: react692.FC<react692.PropsWithChildren<{
       label: string;
       description?: string;
       helperText?: string;
       orientation?: "horizontal" | "vertical" | "responsive";
     }>>;
-    readonly TanStackTitleField: react636.FC<{
+    readonly TanStackTitleField: react692.FC<{
       title: string;
       description?: string;
       helperText?: string;
     }>;
-    readonly TanStackActionsForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackActionsForm: react692.FC<react692.PropsWithChildren<{
       type?: "create" | "update";
     }>>;
-    readonly TanStackActionSubmit: react636.FC<{
+    readonly TanStackActionSubmit: react692.FC<{
       label?: string;
       className?: string;
     }>;
     readonly ArrayCol: typeof ArrayCol;
-  }, 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: react636.PropsWithChildren<NoInfer<TRenderProps> & {
+    readonly ArrayHeaderRow: typeof ArrayHeaderRow;
+  }, 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: react692.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: react636.FC<Pick<{
+      readonly TextField: react692.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1802,11 +1966,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" | "orientation" | "placeholder" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextareaField: react636.FC<Pick<{
+      readonly TextareaField: react692.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1830,11 +1994,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" | "orientation" | "placeholder" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextEditorField: react636.FC<Pick<{
+      readonly TextEditorField: react692.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1851,7 +2015,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
       }>;
-      readonly NumberField: react636.FC<Pick<{
+      readonly NumberField: react692.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1887,11 +2051,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" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
         required?: boolean;
         allowNegative?: boolean;
       }>;
-      readonly EmailField: react636.FC<Pick<{
+      readonly EmailField: react692.FC<Pick<{
         rules: {
           maxLength?: number | undefined;
           minLength?: number | undefined;
@@ -1907,20 +2071,20 @@ 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" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly PasswordField: react636.FC<{
+      readonly PasswordField: react692.FC<{
         description?: string | undefined;
         label: string;
-        placeholder?: string | undefined;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        placeholder?: string | undefined;
         tooltip?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
       }>;
-      readonly SelectField: react636.FC<Pick<{
+      readonly SelectField: react692.FC<Pick<{
         options: {
           label: string;
           value: string;
@@ -1945,10 +2109,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "defaultValue" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
+      }, "description" | "label" | "defaultValue" | "orientation" | "placeholder" | "tooltip" | "options" | "helperText" | "clearable"> & {
         required?: boolean;
       }>;
-      readonly ComboboxField: react636.FC<{
+      readonly ComboboxField: react692.FC<{
         label: string;
         description?: string;
         placeholder?: string;
@@ -1959,7 +2123,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           label: string;
         }>;
       }>;
-      readonly DateField: react636.FC<Pick<{
+      readonly DateField: react692.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1977,17 +2141,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" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         minDate?: Date;
         maxDate?: Date;
       }>;
-      readonly SwitchField: react636.FC<{
+      readonly SwitchField: react692.FC<{
         description?: string | undefined;
         label: string;
         helperText?: string | undefined;
       }>;
-      readonly RadioGroupField: react636.FC<{
+      readonly RadioGroupField: react692.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1999,7 +2163,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly CheckboxField: react636.FC<{
+      readonly CheckboxField: react692.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -2010,43 +2174,43 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly SimpleTextField: react636.FC<{
-        label: string;
+      readonly SimpleTextField: react692.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         maxLength?: number;
         disabled?: boolean;
       }>;
-      readonly SimpleEmailField: react636.FC<{
-        label: string;
+      readonly SimpleEmailField: react692.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         maxLength?: number;
         disabled?: boolean;
       }>;
-      readonly SimplePasswordField: react636.FC<{
-        label: string;
+      readonly SimplePasswordField: react692.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         disabled?: boolean;
       }>;
-      readonly SimpleTextareaField: react636.FC<{
-        label: string;
+      readonly SimpleTextareaField: react692.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         maxLength?: number;
         rows?: number;
         disabled?: boolean;
       }>;
-      readonly SimpleNumberField: react636.FC<{
-        label: string;
+      readonly SimpleNumberField: react692.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         unit?: string;
         allowNegative?: boolean;
         disabled?: boolean;
       }>;
-      readonly SimpleSelectField: react636.FC<{
+      readonly SimpleSelectField: react692.FC<{
         label?: string;
         placeholder?: string;
         required?: boolean;
@@ -2056,47 +2220,81 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }>;
       }>;
       readonly SimpleArrayField: typeof SimpleArrayField;
-      readonly FieldGroup: react636.MemoExoticComponent<({
+      readonly SimpleBooleanField: react692.FC<{
+        label?: string;
+        required?: boolean;
+        disabled?: boolean;
+        variant?: "checkbox" | "switch";
+      }>;
+      readonly SimpleComboboxField: react692.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+      }>;
+      readonly SimpleDateField: react692.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+        minDate?: Date;
+        maxDate?: Date;
+      }>;
+      readonly SimpleRadioGroupField: react692.FC<{
+        label?: string;
+        required?: boolean;
+        disabled?: boolean;
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+        orientation?: "horizontal" | "vertical";
+      }>;
+      readonly FieldGroup: react692.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react636.JSX.Element>;
-      readonly Field: react636.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react692.JSX.Element>;
+      readonly Field: react692.MemoExoticComponent<({
         className,
         orientation,
         ...props
       }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
         orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-      } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react636.JSX.Element>;
-      readonly FieldContent: react636.MemoExoticComponent<({
+      } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react692.JSX.Element>;
+      readonly FieldContent: react692.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react636.JSX.Element>;
-      readonly FieldLabel: react636.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react692.JSX.Element>;
+      readonly FieldLabel: react692.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<typeof Label$1>) => react636.JSX.Element>;
-      readonly FieldContentMain: react636.MemoExoticComponent<({
+      }: React.ComponentProps<typeof Label$1>) => react692.JSX.Element>;
+      readonly FieldContentMain: react692.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react636.JSX.Element>;
-      readonly FieldSeparator: react636.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react692.JSX.Element>;
+      readonly FieldSeparator: react692.MemoExoticComponent<({
         children,
         className,
         ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react636.JSX.Element>;
-      readonly FieldError: react636.MemoExoticComponent<({
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react692.JSX.Element>;
+      readonly FieldError: react692.MemoExoticComponent<({
         className,
         children,
         errors,
         ...props
-      }: react636.ClassAttributes<HTMLDivElement> & react636.HTMLAttributes<HTMLDivElement> & {
+      }: react692.ClassAttributes<HTMLDivElement> & react692.HTMLAttributes<HTMLDivElement> & {
         errors?: Array<{
           code?: string;
           message?: string;
         } | undefined>;
-      }) => react636.JSX.Element | null>;
+      }) => react692.JSX.Element | null>;
     }, {
-      readonly TanStackDialogForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackDialogForm: react692.FC<react692.PropsWithChildren<{
         title: string;
         submitText?: string;
         width?: number | string;
@@ -2105,44 +2303,45 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         open?: boolean;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackPopoverForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackPopoverForm: react692.FC<react692.PropsWithChildren<{
         title: string;
         open?: boolean;
         contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackContainerForm: react636.FC<{
-        children?: react636.ReactNode | undefined;
+      readonly TanStackContainerForm: react692.FC<{
+        children?: react692.ReactNode | undefined;
       }>;
-      readonly TanStackSectionForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackSectionForm: react692.FC<react692.PropsWithChildren<{
         title: string;
       }>>;
-      readonly TanStackCardForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackCardForm: react692.FC<react692.PropsWithChildren<{
         title: string;
         description?: string;
         onDelete?: () => void | Promise<void>;
       }>>;
-      readonly TanStackFieldGroup: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackFieldGroup: react692.FC<react692.PropsWithChildren<{
         label: string;
         description?: string;
         helperText?: string;
         orientation?: "horizontal" | "vertical" | "responsive";
       }>>;
-      readonly TanStackTitleField: react636.FC<{
+      readonly TanStackTitleField: react692.FC<{
         title: string;
         description?: string;
         helperText?: string;
       }>;
-      readonly TanStackActionsForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackActionsForm: react692.FC<react692.PropsWithChildren<{
         type?: "create" | "update";
       }>>;
-      readonly TanStackActionSubmit: react636.FC<{
+      readonly TanStackActionSubmit: react692.FC<{
         label?: string;
         className?: string;
       }>;
       readonly ArrayCol: typeof ArrayCol;
+      readonly ArrayHeaderRow: typeof ArrayHeaderRow;
     }> | _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: react636.FC<Pick<{
+      readonly TextField: react692.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -2168,11 +2367,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" | "orientation" | "placeholder" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextareaField: react636.FC<Pick<{
+      readonly TextareaField: react692.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -2196,11 +2395,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" | "orientation" | "placeholder" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextEditorField: react636.FC<Pick<{
+      readonly TextEditorField: react692.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -2217,7 +2416,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
       }>;
-      readonly NumberField: react636.FC<Pick<{
+      readonly NumberField: react692.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -2253,11 +2452,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" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
         required?: boolean;
         allowNegative?: boolean;
       }>;
-      readonly EmailField: react636.FC<Pick<{
+      readonly EmailField: react692.FC<Pick<{
         rules: {
           maxLength?: number | undefined;
           minLength?: number | undefined;
@@ -2273,20 +2472,20 @@ 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" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly PasswordField: react636.FC<{
+      readonly PasswordField: react692.FC<{
         description?: string | undefined;
         label: string;
-        placeholder?: string | undefined;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        placeholder?: string | undefined;
         tooltip?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
       }>;
-      readonly SelectField: react636.FC<Pick<{
+      readonly SelectField: react692.FC<Pick<{
         options: {
           label: string;
           value: string;
@@ -2311,10 +2510,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "defaultValue" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
+      }, "description" | "label" | "defaultValue" | "orientation" | "placeholder" | "tooltip" | "options" | "helperText" | "clearable"> & {
         required?: boolean;
       }>;
-      readonly ComboboxField: react636.FC<{
+      readonly ComboboxField: react692.FC<{
         label: string;
         description?: string;
         placeholder?: string;
@@ -2325,7 +2524,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           label: string;
         }>;
       }>;
-      readonly DateField: react636.FC<Pick<{
+      readonly DateField: react692.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -2343,17 +2542,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" | "orientation" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         minDate?: Date;
         maxDate?: Date;
       }>;
-      readonly SwitchField: react636.FC<{
+      readonly SwitchField: react692.FC<{
         description?: string | undefined;
         label: string;
         helperText?: string | undefined;
       }>;
-      readonly RadioGroupField: react636.FC<{
+      readonly RadioGroupField: react692.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -2365,7 +2564,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly CheckboxField: react636.FC<{
+      readonly CheckboxField: react692.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -2376,43 +2575,43 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly SimpleTextField: react636.FC<{
-        label: string;
+      readonly SimpleTextField: react692.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         maxLength?: number;
         disabled?: boolean;
       }>;
-      readonly SimpleEmailField: react636.FC<{
-        label: string;
+      readonly SimpleEmailField: react692.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         maxLength?: number;
         disabled?: boolean;
       }>;
-      readonly SimplePasswordField: react636.FC<{
-        label: string;
+      readonly SimplePasswordField: react692.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         disabled?: boolean;
       }>;
-      readonly SimpleTextareaField: react636.FC<{
-        label: string;
+      readonly SimpleTextareaField: react692.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         maxLength?: number;
         rows?: number;
         disabled?: boolean;
       }>;
-      readonly SimpleNumberField: react636.FC<{
-        label: string;
+      readonly SimpleNumberField: react692.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         unit?: string;
         allowNegative?: boolean;
         disabled?: boolean;
       }>;
-      readonly SimpleSelectField: react636.FC<{
+      readonly SimpleSelectField: react692.FC<{
         label?: string;
         placeholder?: string;
         required?: boolean;
@@ -2422,47 +2621,81 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }>;
       }>;
       readonly SimpleArrayField: typeof SimpleArrayField;
-      readonly FieldGroup: react636.MemoExoticComponent<({
+      readonly SimpleBooleanField: react692.FC<{
+        label?: string;
+        required?: boolean;
+        disabled?: boolean;
+        variant?: "checkbox" | "switch";
+      }>;
+      readonly SimpleComboboxField: react692.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+      }>;
+      readonly SimpleDateField: react692.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+        minDate?: Date;
+        maxDate?: Date;
+      }>;
+      readonly SimpleRadioGroupField: react692.FC<{
+        label?: string;
+        required?: boolean;
+        disabled?: boolean;
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+        orientation?: "horizontal" | "vertical";
+      }>;
+      readonly FieldGroup: react692.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react636.JSX.Element>;
-      readonly Field: react636.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react692.JSX.Element>;
+      readonly Field: react692.MemoExoticComponent<({
         className,
         orientation,
         ...props
       }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
         orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-      } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react636.JSX.Element>;
-      readonly FieldContent: react636.MemoExoticComponent<({
+      } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react692.JSX.Element>;
+      readonly FieldContent: react692.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react636.JSX.Element>;
-      readonly FieldLabel: react636.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react692.JSX.Element>;
+      readonly FieldLabel: react692.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<typeof Label$1>) => react636.JSX.Element>;
-      readonly FieldContentMain: react636.MemoExoticComponent<({
+      }: React.ComponentProps<typeof Label$1>) => react692.JSX.Element>;
+      readonly FieldContentMain: react692.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react636.JSX.Element>;
-      readonly FieldSeparator: react636.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react692.JSX.Element>;
+      readonly FieldSeparator: react692.MemoExoticComponent<({
         children,
         className,
         ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react636.JSX.Element>;
-      readonly FieldError: react636.MemoExoticComponent<({
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react692.JSX.Element>;
+      readonly FieldError: react692.MemoExoticComponent<({
         className,
         children,
         errors,
         ...props
-      }: react636.ClassAttributes<HTMLDivElement> & react636.HTMLAttributes<HTMLDivElement> & {
+      }: react692.ClassAttributes<HTMLDivElement> & react692.HTMLAttributes<HTMLDivElement> & {
         errors?: Array<{
           code?: string;
           message?: string;
         } | undefined>;
-      }) => react636.JSX.Element | null>;
+      }) => react692.JSX.Element | null>;
     }, {
-      readonly TanStackDialogForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackDialogForm: react692.FC<react692.PropsWithChildren<{
         title: string;
         submitText?: string;
         width?: number | string;
@@ -2471,45 +2704,46 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         open?: boolean;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackPopoverForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackPopoverForm: react692.FC<react692.PropsWithChildren<{
         title: string;
         open?: boolean;
         contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackContainerForm: react636.FC<{
-        children?: react636.ReactNode | undefined;
+      readonly TanStackContainerForm: react692.FC<{
+        children?: react692.ReactNode | undefined;
       }>;
-      readonly TanStackSectionForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackSectionForm: react692.FC<react692.PropsWithChildren<{
         title: string;
       }>>;
-      readonly TanStackCardForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackCardForm: react692.FC<react692.PropsWithChildren<{
         title: string;
         description?: string;
         onDelete?: () => void | Promise<void>;
       }>>;
-      readonly TanStackFieldGroup: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackFieldGroup: react692.FC<react692.PropsWithChildren<{
         label: string;
         description?: string;
         helperText?: string;
         orientation?: "horizontal" | "vertical" | "responsive";
       }>>;
-      readonly TanStackTitleField: react636.FC<{
+      readonly TanStackTitleField: react692.FC<{
         title: string;
         description?: string;
         helperText?: string;
       }>;
-      readonly TanStackActionsForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackActionsForm: react692.FC<react692.PropsWithChildren<{
         type?: "create" | "update";
       }>>;
-      readonly TanStackActionSubmit: react636.FC<{
+      readonly TanStackActionSubmit: react692.FC<{
         label?: string;
         className?: string;
       }>;
       readonly ArrayCol: typeof ArrayCol;
+      readonly ArrayHeaderRow: typeof ArrayHeaderRow;
     }>;
     fields: TFields;
-  }>) => ReturnType<react636.FunctionComponent>;
+  }>) => ReturnType<react692.FunctionComponent>;
 //#endregion
 export { withTanStackForm as a, FieldContentMain as c, FieldLabel as d, FieldSeparator as f, withTanStackFieldGroup as i, FieldError as l, useTanStackForm as n, Field as o, useTanStackFormContext as r, FieldContent as s, useTanStackFieldContext as t, FieldGroup as u };
-//# sourceMappingURL=index-CtKNb2-t.d.cts.map
+//# sourceMappingURL=index-U8LjVt0l.d.mts.map