@customafk/lunas-ui 0.2.28 → 0.2.30

package/dist/{index-UfOfYRNf.d.cts → index-BJiTJozG.d.cts}

@@ -1,5 +1,5 @@
-import * as react636 from "react";
-import * as class_variance_authority_types24 from "class-variance-authority/types";
+import * as react660 from "react";
+import * as class_variance_authority_types23 from "class-variance-authority/types";
 import * as class_variance_authority0 from "class-variance-authority";
 import { VariantProps } from "class-variance-authority";
 import { Label } from "radix-ui";
@@ -19,7 +19,7 @@ declare function Label$1({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof Label.Root>): react636.JSX.Element;
+}: React.ComponentProps<typeof Label.Root>): react660.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): react660.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): react660.JSX.Element;
 type Props<T> = {
   /**
    * Shape of a brand-new empty row appended when the user clicks "Add row".
@@ -103,12 +127,12 @@ declare function SimpleArrayField<T>({
   children,
   addLabel,
   className
-}: Props<T>): react636.JSX.Element;
+}: Props<T>): react660.JSX.Element;
 //#endregion
 //#region packages/components/features/tanstack-form/components/ui/field.d.ts
 declare const fieldVariants: (props?: ({
   orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-} & class_variance_authority_types24.ClassProp) | undefined) => string;
+} & class_variance_authority_types23.ClassProp) | undefined) => string;
 /**
  * Outermost `<fieldset>` wrapper that stacks multiple `Field` rows with consistent vertical spacing.
  *
@@ -131,10 +155,10 @@ declare const fieldVariants: (props?: ({
  *   <Field>…</Field>
  * </FieldGroup>
  */
-declare const FieldGroup: react636.MemoExoticComponent<({
+declare const FieldGroup: react660.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react636.JSX.Element>;
+}: React.ComponentProps<"div">) => react660.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: react660.MemoExoticComponent<({
   className,
   orientation,
   ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react636.JSX.Element>;
+}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react660.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: react660.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react636.JSX.Element>;
+}: React.ComponentProps<"div">) => react660.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: react660.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react636.JSX.Element>;
+}: React.ComponentProps<"div">) => react660.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: react660.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<typeof Label$1>) => react636.JSX.Element>;
+}: React.ComponentProps<typeof Label$1>) => react660.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: react660.MemoExoticComponent<({
   children,
   className,
   ...props
-}: React.PropsWithChildren<React.ComponentProps<"div">>) => react636.JSX.Element>;
+}: React.PropsWithChildren<React.ComponentProps<"div">>) => react660.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: react660.MemoExoticComponent<({
   className,
   children,
   errors,
   ...props
-}: FieldErrorProps) => react636.JSX.Element | null>;
+}: FieldErrorProps) => react660.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: react660.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -332,7 +356,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextareaField: react636.FC<Pick<{
+    readonly TextareaField: react660.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -360,7 +384,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextEditorField: react636.FC<Pick<{
+    readonly TextEditorField: react660.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: react660.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -417,7 +441,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       allowNegative?: boolean;
     }>;
-    readonly EmailField: react636.FC<Pick<{
+    readonly EmailField: react660.FC<Pick<{
       rules: {
         maxLength?: number | undefined;
         minLength?: number | undefined;
@@ -437,7 +461,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly PasswordField: react636.FC<{
+    readonly PasswordField: react660.FC<{
       description?: string | undefined;
       label: string;
       placeholder?: string | undefined;
@@ -446,7 +470,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
     }>;
-    readonly SelectField: react636.FC<Pick<{
+    readonly SelectField: react660.FC<Pick<{
       options: {
         label: string;
         value: string;
@@ -474,7 +498,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     }, "description" | "label" | "defaultValue" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
       required?: boolean;
     }>;
-    readonly ComboboxField: react636.FC<{
+    readonly ComboboxField: react660.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: react660.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -508,12 +532,12 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       minDate?: Date;
       maxDate?: Date;
     }>;
-    readonly SwitchField: react636.FC<{
+    readonly SwitchField: react660.FC<{
       description?: string | undefined;
       label: string;
       helperText?: string | undefined;
     }>;
-    readonly RadioGroupField: react636.FC<{
+    readonly RadioGroupField: react660.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: react660.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: react660.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       maxLength?: number;
       disabled?: boolean;
     }>;
-    readonly SimpleEmailField: react636.FC<{
-      label: string;
+    readonly SimpleEmailField: react660.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       maxLength?: number;
       disabled?: boolean;
     }>;
-    readonly SimplePasswordField: react636.FC<{
-      label: string;
+    readonly SimplePasswordField: react660.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       disabled?: boolean;
     }>;
-    readonly SimpleTextareaField: react636.FC<{
-      label: string;
+    readonly SimpleTextareaField: react660.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       maxLength?: number;
       rows?: number;
       disabled?: boolean;
     }>;
-    readonly SimpleNumberField: react636.FC<{
-      label: string;
+    readonly SimpleNumberField: react660.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       unit?: string;
       allowNegative?: boolean;
       disabled?: boolean;
     }>;
-    readonly SimpleSelectField: react636.FC<{
+    readonly SimpleSelectField: react660.FC<{
       label?: string;
       placeholder?: string;
       required?: boolean;
@@ -582,94 +606,131 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }>;
     }>;
     readonly SimpleArrayField: typeof SimpleArrayField;
-    readonly FieldGroup: react636.MemoExoticComponent<({
+    readonly SimpleBooleanField: react660.FC<{
+      label?: string;
+      required?: boolean;
+      disabled?: boolean;
+      variant?: "checkbox" | "switch";
+    }>;
+    readonly SimpleComboboxField: react660.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      disabled?: boolean;
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+    }>;
+    readonly SimpleDateField: react660.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      disabled?: boolean;
+      minDate?: Date;
+      maxDate?: Date;
+    }>;
+    readonly SimpleRadioGroupField: react660.FC<{
+      label?: string;
+      required?: boolean;
+      disabled?: boolean;
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+      orientation?: "horizontal" | "vertical";
+    }>;
+    readonly FieldGroup: react660.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react636.JSX.Element>;
-    readonly Field: react636.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react660.JSX.Element>;
+    readonly Field: react660.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_types23.ClassProp) | undefined) => string>) => react660.JSX.Element>;
+    readonly FieldContent: react660.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react636.JSX.Element>;
-    readonly FieldLabel: react636.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react660.JSX.Element>;
+    readonly FieldLabel: react660.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<typeof Label$1>) => react636.JSX.Element>;
-    readonly FieldContentMain: react636.MemoExoticComponent<({
+    }: React.ComponentProps<typeof Label$1>) => react660.JSX.Element>;
+    readonly FieldContentMain: react660.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react636.JSX.Element>;
-    readonly FieldSeparator: react636.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react660.JSX.Element>;
+    readonly FieldSeparator: react660.MemoExoticComponent<({
       children,
       className,
       ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react636.JSX.Element>;
-    readonly FieldError: react636.MemoExoticComponent<({
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react660.JSX.Element>;
+    readonly FieldError: react660.MemoExoticComponent<({
       className,
       children,
       errors,
       ...props
-    }: react636.ClassAttributes<HTMLDivElement> & react636.HTMLAttributes<HTMLDivElement> & {
+    }: react660.ClassAttributes<HTMLDivElement> & react660.HTMLAttributes<HTMLDivElement> & {
       errors?: Array<{
         code?: string;
         message?: string;
       } | undefined>;
-    }) => react636.JSX.Element | null>;
+    }) => react660.JSX.Element | null>;
   }, {
-    readonly TanStackDialogForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackDialogForm: react660.FC<react660.PropsWithChildren<{
       title: string;
       submitText?: string;
+      width?: number | string;
+      maxWidth?: number | string;
       className?: string;
       open?: boolean;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackPopoverForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackPopoverForm: react660.FC<react660.PropsWithChildren<{
       title: string;
       open?: boolean;
       contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackContainerForm: react636.FC<{
-      children?: react636.ReactNode | undefined;
+    readonly TanStackContainerForm: react660.FC<{
+      children?: react660.ReactNode | undefined;
     }>;
-    readonly TanStackSectionForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackSectionForm: react660.FC<react660.PropsWithChildren<{
       title: string;
     }>>;
-    readonly TanStackCardForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackCardForm: react660.FC<react660.PropsWithChildren<{
       title: string;
       description?: string;
       onDelete?: () => void | Promise<void>;
     }>>;
-    readonly TanStackFieldGroup: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackFieldGroup: react660.FC<react660.PropsWithChildren<{
       label: string;
       description?: string;
       helperText?: string;
       orientation?: "horizontal" | "vertical" | "responsive";
     }>>;
-    readonly TanStackTitleField: react636.FC<{
+    readonly TanStackTitleField: react660.FC<{
       title: string;
       description?: string;
       helperText?: string;
     }>;
-    readonly TanStackActionsForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackActionsForm: react660.FC<react660.PropsWithChildren<{
       type?: "create" | "update";
     }>>;
-    readonly TanStackActionSubmit: react636.FC<{
+    readonly TanStackActionSubmit: react660.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: react660.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -699,7 +760,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextareaField: react636.FC<Pick<{
+    readonly TextareaField: react660.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -727,7 +788,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextEditorField: react636.FC<Pick<{
+    readonly TextEditorField: react660.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -744,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: react660.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -784,7 +845,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       allowNegative?: boolean;
     }>;
-    readonly EmailField: react636.FC<Pick<{
+    readonly EmailField: react660.FC<Pick<{
       rules: {
         maxLength?: number | undefined;
         minLength?: number | undefined;
@@ -804,7 +865,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly PasswordField: react636.FC<{
+    readonly PasswordField: react660.FC<{
       description?: string | undefined;
       label: string;
       placeholder?: string | undefined;
@@ -813,7 +874,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
     }>;
-    readonly SelectField: react636.FC<Pick<{
+    readonly SelectField: react660.FC<Pick<{
       options: {
         label: string;
         value: string;
@@ -841,7 +902,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     }, "description" | "label" | "defaultValue" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
       required?: boolean;
     }>;
-    readonly ComboboxField: react636.FC<{
+    readonly ComboboxField: react660.FC<{
       label: string;
       description?: string;
       placeholder?: string;
@@ -852,7 +913,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         label: string;
       }>;
     }>;
-    readonly DateField: react636.FC<Pick<{
+    readonly DateField: react660.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -875,12 +936,12 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       minDate?: Date;
       maxDate?: Date;
     }>;
-    readonly SwitchField: react636.FC<{
+    readonly SwitchField: react660.FC<{
       description?: string | undefined;
       label: string;
       helperText?: string | undefined;
     }>;
-    readonly RadioGroupField: react636.FC<{
+    readonly RadioGroupField: react660.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -892,7 +953,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly CheckboxField: react636.FC<{
+    readonly CheckboxField: react660.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -903,43 +964,43 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly SimpleTextField: react636.FC<{
-      label: string;
+    readonly SimpleTextField: react660.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       maxLength?: number;
       disabled?: boolean;
     }>;
-    readonly SimpleEmailField: react636.FC<{
-      label: string;
+    readonly SimpleEmailField: react660.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       maxLength?: number;
       disabled?: boolean;
     }>;
-    readonly SimplePasswordField: react636.FC<{
-      label: string;
+    readonly SimplePasswordField: react660.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       disabled?: boolean;
     }>;
-    readonly SimpleTextareaField: react636.FC<{
-      label: string;
+    readonly SimpleTextareaField: react660.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       maxLength?: number;
       rows?: number;
       disabled?: boolean;
     }>;
-    readonly SimpleNumberField: react636.FC<{
-      label: string;
+    readonly SimpleNumberField: react660.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       unit?: string;
       allowNegative?: boolean;
       disabled?: boolean;
     }>;
-    readonly SimpleSelectField: react636.FC<{
+    readonly SimpleSelectField: react660.FC<{
       label?: string;
       placeholder?: string;
       required?: boolean;
@@ -949,92 +1010,129 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }>;
     }>;
     readonly SimpleArrayField: typeof SimpleArrayField;
-    readonly FieldGroup: react636.MemoExoticComponent<({
+    readonly SimpleBooleanField: react660.FC<{
+      label?: string;
+      required?: boolean;
+      disabled?: boolean;
+      variant?: "checkbox" | "switch";
+    }>;
+    readonly SimpleComboboxField: react660.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      disabled?: boolean;
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+    }>;
+    readonly SimpleDateField: react660.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      disabled?: boolean;
+      minDate?: Date;
+      maxDate?: Date;
+    }>;
+    readonly SimpleRadioGroupField: react660.FC<{
+      label?: string;
+      required?: boolean;
+      disabled?: boolean;
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+      orientation?: "horizontal" | "vertical";
+    }>;
+    readonly FieldGroup: react660.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react636.JSX.Element>;
-    readonly Field: react636.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react660.JSX.Element>;
+    readonly Field: react660.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_types23.ClassProp) | undefined) => string>) => react660.JSX.Element>;
+    readonly FieldContent: react660.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react636.JSX.Element>;
-    readonly FieldLabel: react636.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react660.JSX.Element>;
+    readonly FieldLabel: react660.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<typeof Label$1>) => react636.JSX.Element>;
-    readonly FieldContentMain: react636.MemoExoticComponent<({
+    }: React.ComponentProps<typeof Label$1>) => react660.JSX.Element>;
+    readonly FieldContentMain: react660.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react636.JSX.Element>;
-    readonly FieldSeparator: react636.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react660.JSX.Element>;
+    readonly FieldSeparator: react660.MemoExoticComponent<({
       children,
       className,
       ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react636.JSX.Element>;
-    readonly FieldError: react636.MemoExoticComponent<({
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react660.JSX.Element>;
+    readonly FieldError: react660.MemoExoticComponent<({
       className,
       children,
       errors,
       ...props
-    }: react636.ClassAttributes<HTMLDivElement> & react636.HTMLAttributes<HTMLDivElement> & {
+    }: react660.ClassAttributes<HTMLDivElement> & react660.HTMLAttributes<HTMLDivElement> & {
       errors?: Array<{
         code?: string;
         message?: string;
       } | undefined>;
-    }) => react636.JSX.Element | null>;
+    }) => react660.JSX.Element | null>;
   }, {
-    readonly TanStackDialogForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackDialogForm: react660.FC<react660.PropsWithChildren<{
       title: string;
       submitText?: string;
+      width?: number | string;
+      maxWidth?: number | string;
       className?: string;
       open?: boolean;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackPopoverForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackPopoverForm: react660.FC<react660.PropsWithChildren<{
       title: string;
       open?: boolean;
       contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackContainerForm: react636.FC<{
-      children?: react636.ReactNode | undefined;
+    readonly TanStackContainerForm: react660.FC<{
+      children?: react660.ReactNode | undefined;
     }>;
-    readonly TanStackSectionForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackSectionForm: react660.FC<react660.PropsWithChildren<{
       title: string;
     }>>;
-    readonly TanStackCardForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackCardForm: react660.FC<react660.PropsWithChildren<{
       title: string;
       description?: string;
       onDelete?: () => void | Promise<void>;
     }>>;
-    readonly TanStackFieldGroup: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackFieldGroup: react660.FC<react660.PropsWithChildren<{
       label: string;
       description?: string;
       helperText?: string;
       orientation?: "horizontal" | "vertical" | "responsive";
     }>>;
-    readonly TanStackTitleField: react636.FC<{
+    readonly TanStackTitleField: react660.FC<{
       title: string;
       description?: string;
       helperText?: string;
     }>;
-    readonly TanStackActionsForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackActionsForm: react660.FC<react660.PropsWithChildren<{
       type?: "create" | "update";
     }>>;
-    readonly TanStackActionSubmit: react636.FC<{
+    readonly TanStackActionSubmit: react660.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>) => react660.FunctionComponent<react660.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: react660.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1064,7 +1162,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextareaField: react636.FC<Pick<{
+      readonly TextareaField: react660.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1092,7 +1190,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextEditorField: react636.FC<Pick<{
+      readonly TextEditorField: react660.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1109,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: react660.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1149,7 +1247,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         allowNegative?: boolean;
       }>;
-      readonly EmailField: react636.FC<Pick<{
+      readonly EmailField: react660.FC<Pick<{
         rules: {
           maxLength?: number | undefined;
           minLength?: number | undefined;
@@ -1169,7 +1267,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly PasswordField: react636.FC<{
+      readonly PasswordField: react660.FC<{
         description?: string | undefined;
         label: string;
         placeholder?: string | undefined;
@@ -1178,7 +1276,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
       }>;
-      readonly SelectField: react636.FC<Pick<{
+      readonly SelectField: react660.FC<Pick<{
         options: {
           label: string;
           value: string;
@@ -1206,7 +1304,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }, "description" | "label" | "defaultValue" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
         required?: boolean;
       }>;
-      readonly ComboboxField: react636.FC<{
+      readonly ComboboxField: react660.FC<{
         label: string;
         description?: string;
         placeholder?: string;
@@ -1217,7 +1315,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           label: string;
         }>;
       }>;
-      readonly DateField: react636.FC<Pick<{
+      readonly DateField: react660.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1240,12 +1338,12 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         minDate?: Date;
         maxDate?: Date;
       }>;
-      readonly SwitchField: react636.FC<{
+      readonly SwitchField: react660.FC<{
         description?: string | undefined;
         label: string;
         helperText?: string | undefined;
       }>;
-      readonly RadioGroupField: react636.FC<{
+      readonly RadioGroupField: react660.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1257,7 +1355,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly CheckboxField: react636.FC<{
+      readonly CheckboxField: react660.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1268,43 +1366,43 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly SimpleTextField: react636.FC<{
-        label: string;
+      readonly SimpleTextField: react660.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         maxLength?: number;
         disabled?: boolean;
       }>;
-      readonly SimpleEmailField: react636.FC<{
-        label: string;
+      readonly SimpleEmailField: react660.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         maxLength?: number;
         disabled?: boolean;
       }>;
-      readonly SimplePasswordField: react636.FC<{
-        label: string;
+      readonly SimplePasswordField: react660.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         disabled?: boolean;
       }>;
-      readonly SimpleTextareaField: react636.FC<{
-        label: string;
+      readonly SimpleTextareaField: react660.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         maxLength?: number;
         rows?: number;
         disabled?: boolean;
       }>;
-      readonly SimpleNumberField: react636.FC<{
-        label: string;
+      readonly SimpleNumberField: react660.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         unit?: string;
         allowNegative?: boolean;
         disabled?: boolean;
       }>;
-      readonly SimpleSelectField: react636.FC<{
+      readonly SimpleSelectField: react660.FC<{
         label?: string;
         placeholder?: string;
         required?: boolean;
@@ -1314,96 +1412,133 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }>;
       }>;
       readonly SimpleArrayField: typeof SimpleArrayField;
-      readonly FieldGroup: react636.MemoExoticComponent<({
+      readonly SimpleBooleanField: react660.FC<{
+        label?: string;
+        required?: boolean;
+        disabled?: boolean;
+        variant?: "checkbox" | "switch";
+      }>;
+      readonly SimpleComboboxField: react660.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+      }>;
+      readonly SimpleDateField: react660.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+        minDate?: Date;
+        maxDate?: Date;
+      }>;
+      readonly SimpleRadioGroupField: react660.FC<{
+        label?: string;
+        required?: boolean;
+        disabled?: boolean;
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+        orientation?: "horizontal" | "vertical";
+      }>;
+      readonly FieldGroup: react660.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react636.JSX.Element>;
-      readonly Field: react636.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react660.JSX.Element>;
+      readonly Field: react660.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_types23.ClassProp) | undefined) => string>) => react660.JSX.Element>;
+      readonly FieldContent: react660.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react636.JSX.Element>;
-      readonly FieldLabel: react636.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react660.JSX.Element>;
+      readonly FieldLabel: react660.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<typeof Label$1>) => react636.JSX.Element>;
-      readonly FieldContentMain: react636.MemoExoticComponent<({
+      }: React.ComponentProps<typeof Label$1>) => react660.JSX.Element>;
+      readonly FieldContentMain: react660.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react636.JSX.Element>;
-      readonly FieldSeparator: react636.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react660.JSX.Element>;
+      readonly FieldSeparator: react660.MemoExoticComponent<({
         children,
         className,
         ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react636.JSX.Element>;
-      readonly FieldError: react636.MemoExoticComponent<({
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react660.JSX.Element>;
+      readonly FieldError: react660.MemoExoticComponent<({
         className,
         children,
         errors,
         ...props
-      }: react636.ClassAttributes<HTMLDivElement> & react636.HTMLAttributes<HTMLDivElement> & {
+      }: react660.ClassAttributes<HTMLDivElement> & react660.HTMLAttributes<HTMLDivElement> & {
         errors?: Array<{
           code?: string;
           message?: string;
         } | undefined>;
-      }) => react636.JSX.Element | null>;
+      }) => react660.JSX.Element | null>;
     }, {
-      readonly TanStackDialogForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackDialogForm: react660.FC<react660.PropsWithChildren<{
         title: string;
         submitText?: string;
+        width?: number | string;
+        maxWidth?: number | string;
         className?: string;
         open?: boolean;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackPopoverForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackPopoverForm: react660.FC<react660.PropsWithChildren<{
         title: string;
         open?: boolean;
         contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackContainerForm: react636.FC<{
-        children?: react636.ReactNode | undefined;
+      readonly TanStackContainerForm: react660.FC<{
+        children?: react660.ReactNode | undefined;
       }>;
-      readonly TanStackSectionForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackSectionForm: react660.FC<react660.PropsWithChildren<{
         title: string;
       }>>;
-      readonly TanStackCardForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackCardForm: react660.FC<react660.PropsWithChildren<{
         title: string;
         description?: string;
         onDelete?: () => void | Promise<void>;
       }>>;
-      readonly TanStackFieldGroup: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackFieldGroup: react660.FC<react660.PropsWithChildren<{
         label: string;
         description?: string;
         helperText?: string;
         orientation?: "horizontal" | "vertical" | "responsive";
       }>>;
-      readonly TanStackTitleField: react636.FC<{
+      readonly TanStackTitleField: react660.FC<{
         title: string;
         description?: string;
         helperText?: string;
       }>;
-      readonly TanStackActionsForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackActionsForm: react660.FC<react660.PropsWithChildren<{
         type?: "create" | "update";
       }>>;
-      readonly TanStackActionSubmit: react636.FC<{
+      readonly TanStackActionSubmit: react660.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: react660.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -1433,7 +1568,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextareaField: react636.FC<Pick<{
+    readonly TextareaField: react660.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -1461,7 +1596,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextEditorField: react636.FC<Pick<{
+    readonly TextEditorField: react660.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -1478,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: react660.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -1518,7 +1653,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       allowNegative?: boolean;
     }>;
-    readonly EmailField: react636.FC<Pick<{
+    readonly EmailField: react660.FC<Pick<{
       rules: {
         maxLength?: number | undefined;
         minLength?: number | undefined;
@@ -1538,7 +1673,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly PasswordField: react636.FC<{
+    readonly PasswordField: react660.FC<{
       description?: string | undefined;
       label: string;
       placeholder?: string | undefined;
@@ -1547,7 +1682,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
     }>;
-    readonly SelectField: react636.FC<Pick<{
+    readonly SelectField: react660.FC<Pick<{
       options: {
         label: string;
         value: string;
@@ -1575,7 +1710,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     }, "description" | "label" | "defaultValue" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
       required?: boolean;
     }>;
-    readonly ComboboxField: react636.FC<{
+    readonly ComboboxField: react660.FC<{
       label: string;
       description?: string;
       placeholder?: string;
@@ -1586,7 +1721,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         label: string;
       }>;
     }>;
-    readonly DateField: react636.FC<Pick<{
+    readonly DateField: react660.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -1609,12 +1744,12 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       minDate?: Date;
       maxDate?: Date;
     }>;
-    readonly SwitchField: react636.FC<{
+    readonly SwitchField: react660.FC<{
       description?: string | undefined;
       label: string;
       helperText?: string | undefined;
     }>;
-    readonly RadioGroupField: react636.FC<{
+    readonly RadioGroupField: react660.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1626,7 +1761,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly CheckboxField: react636.FC<{
+    readonly CheckboxField: react660.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1637,43 +1772,43 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly SimpleTextField: react636.FC<{
-      label: string;
+    readonly SimpleTextField: react660.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       maxLength?: number;
       disabled?: boolean;
     }>;
-    readonly SimpleEmailField: react636.FC<{
-      label: string;
+    readonly SimpleEmailField: react660.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       maxLength?: number;
       disabled?: boolean;
     }>;
-    readonly SimplePasswordField: react636.FC<{
-      label: string;
+    readonly SimplePasswordField: react660.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       disabled?: boolean;
     }>;
-    readonly SimpleTextareaField: react636.FC<{
-      label: string;
+    readonly SimpleTextareaField: react660.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       maxLength?: number;
       rows?: number;
       disabled?: boolean;
     }>;
-    readonly SimpleNumberField: react636.FC<{
-      label: string;
+    readonly SimpleNumberField: react660.FC<{
+      label?: string;
       placeholder?: string;
       required?: boolean;
       unit?: string;
       allowNegative?: boolean;
       disabled?: boolean;
     }>;
-    readonly SimpleSelectField: react636.FC<{
+    readonly SimpleSelectField: react660.FC<{
       label?: string;
       placeholder?: string;
       required?: boolean;
@@ -1683,92 +1818,129 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }>;
     }>;
     readonly SimpleArrayField: typeof SimpleArrayField;
-    readonly FieldGroup: react636.MemoExoticComponent<({
+    readonly SimpleBooleanField: react660.FC<{
+      label?: string;
+      required?: boolean;
+      disabled?: boolean;
+      variant?: "checkbox" | "switch";
+    }>;
+    readonly SimpleComboboxField: react660.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      disabled?: boolean;
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+    }>;
+    readonly SimpleDateField: react660.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      disabled?: boolean;
+      minDate?: Date;
+      maxDate?: Date;
+    }>;
+    readonly SimpleRadioGroupField: react660.FC<{
+      label?: string;
+      required?: boolean;
+      disabled?: boolean;
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+      orientation?: "horizontal" | "vertical";
+    }>;
+    readonly FieldGroup: react660.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react636.JSX.Element>;
-    readonly Field: react636.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react660.JSX.Element>;
+    readonly Field: react660.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_types23.ClassProp) | undefined) => string>) => react660.JSX.Element>;
+    readonly FieldContent: react660.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react636.JSX.Element>;
-    readonly FieldLabel: react636.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react660.JSX.Element>;
+    readonly FieldLabel: react660.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<typeof Label$1>) => react636.JSX.Element>;
-    readonly FieldContentMain: react636.MemoExoticComponent<({
+    }: React.ComponentProps<typeof Label$1>) => react660.JSX.Element>;
+    readonly FieldContentMain: react660.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react636.JSX.Element>;
-    readonly FieldSeparator: react636.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react660.JSX.Element>;
+    readonly FieldSeparator: react660.MemoExoticComponent<({
       children,
       className,
       ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react636.JSX.Element>;
-    readonly FieldError: react636.MemoExoticComponent<({
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react660.JSX.Element>;
+    readonly FieldError: react660.MemoExoticComponent<({
       className,
       children,
       errors,
       ...props
-    }: react636.ClassAttributes<HTMLDivElement> & react636.HTMLAttributes<HTMLDivElement> & {
+    }: react660.ClassAttributes<HTMLDivElement> & react660.HTMLAttributes<HTMLDivElement> & {
       errors?: Array<{
         code?: string;
         message?: string;
       } | undefined>;
-    }) => react636.JSX.Element | null>;
+    }) => react660.JSX.Element | null>;
   }, {
-    readonly TanStackDialogForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackDialogForm: react660.FC<react660.PropsWithChildren<{
       title: string;
       submitText?: string;
+      width?: number | string;
+      maxWidth?: number | string;
       className?: string;
       open?: boolean;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackPopoverForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackPopoverForm: react660.FC<react660.PropsWithChildren<{
       title: string;
       open?: boolean;
       contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackContainerForm: react636.FC<{
-      children?: react636.ReactNode | undefined;
+    readonly TanStackContainerForm: react660.FC<{
+      children?: react660.ReactNode | undefined;
     }>;
-    readonly TanStackSectionForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackSectionForm: react660.FC<react660.PropsWithChildren<{
       title: string;
     }>>;
-    readonly TanStackCardForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackCardForm: react660.FC<react660.PropsWithChildren<{
       title: string;
       description?: string;
       onDelete?: () => void | Promise<void>;
     }>>;
-    readonly TanStackFieldGroup: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackFieldGroup: react660.FC<react660.PropsWithChildren<{
       label: string;
       description?: string;
       helperText?: string;
       orientation?: "horizontal" | "vertical" | "responsive";
     }>>;
-    readonly TanStackTitleField: react636.FC<{
+    readonly TanStackTitleField: react660.FC<{
       title: string;
       description?: string;
       helperText?: string;
     }>;
-    readonly TanStackActionsForm: react636.FC<react636.PropsWithChildren<{
+    readonly TanStackActionsForm: react660.FC<react660.PropsWithChildren<{
       type?: "create" | "update";
     }>>;
-    readonly TanStackActionSubmit: react636.FC<{
+    readonly TanStackActionSubmit: react660.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: react660.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: react660.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1798,7 +1970,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextareaField: react636.FC<Pick<{
+      readonly TextareaField: react660.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1826,7 +1998,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextEditorField: react636.FC<Pick<{
+      readonly TextEditorField: react660.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1843,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: react660.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1883,7 +2055,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         allowNegative?: boolean;
       }>;
-      readonly EmailField: react636.FC<Pick<{
+      readonly EmailField: react660.FC<Pick<{
         rules: {
           maxLength?: number | undefined;
           minLength?: number | undefined;
@@ -1903,7 +2075,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly PasswordField: react636.FC<{
+      readonly PasswordField: react660.FC<{
         description?: string | undefined;
         label: string;
         placeholder?: string | undefined;
@@ -1912,7 +2084,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
       }>;
-      readonly SelectField: react636.FC<Pick<{
+      readonly SelectField: react660.FC<Pick<{
         options: {
           label: string;
           value: string;
@@ -1940,7 +2112,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }, "description" | "label" | "defaultValue" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
         required?: boolean;
       }>;
-      readonly ComboboxField: react636.FC<{
+      readonly ComboboxField: react660.FC<{
         label: string;
         description?: string;
         placeholder?: string;
@@ -1951,7 +2123,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           label: string;
         }>;
       }>;
-      readonly DateField: react636.FC<Pick<{
+      readonly DateField: react660.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1974,12 +2146,12 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         minDate?: Date;
         maxDate?: Date;
       }>;
-      readonly SwitchField: react636.FC<{
+      readonly SwitchField: react660.FC<{
         description?: string | undefined;
         label: string;
         helperText?: string | undefined;
       }>;
-      readonly RadioGroupField: react636.FC<{
+      readonly RadioGroupField: react660.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1991,7 +2163,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly CheckboxField: react636.FC<{
+      readonly CheckboxField: react660.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -2002,43 +2174,43 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly SimpleTextField: react636.FC<{
-        label: string;
+      readonly SimpleTextField: react660.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         maxLength?: number;
         disabled?: boolean;
       }>;
-      readonly SimpleEmailField: react636.FC<{
-        label: string;
+      readonly SimpleEmailField: react660.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         maxLength?: number;
         disabled?: boolean;
       }>;
-      readonly SimplePasswordField: react636.FC<{
-        label: string;
+      readonly SimplePasswordField: react660.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         disabled?: boolean;
       }>;
-      readonly SimpleTextareaField: react636.FC<{
-        label: string;
+      readonly SimpleTextareaField: react660.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         maxLength?: number;
         rows?: number;
         disabled?: boolean;
       }>;
-      readonly SimpleNumberField: react636.FC<{
-        label: string;
+      readonly SimpleNumberField: react660.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         unit?: string;
         allowNegative?: boolean;
         disabled?: boolean;
       }>;
-      readonly SimpleSelectField: react636.FC<{
+      readonly SimpleSelectField: react660.FC<{
         label?: string;
         placeholder?: string;
         required?: boolean;
@@ -2048,91 +2220,128 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }>;
       }>;
       readonly SimpleArrayField: typeof SimpleArrayField;
-      readonly FieldGroup: react636.MemoExoticComponent<({
+      readonly SimpleBooleanField: react660.FC<{
+        label?: string;
+        required?: boolean;
+        disabled?: boolean;
+        variant?: "checkbox" | "switch";
+      }>;
+      readonly SimpleComboboxField: react660.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+      }>;
+      readonly SimpleDateField: react660.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+        minDate?: Date;
+        maxDate?: Date;
+      }>;
+      readonly SimpleRadioGroupField: react660.FC<{
+        label?: string;
+        required?: boolean;
+        disabled?: boolean;
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+        orientation?: "horizontal" | "vertical";
+      }>;
+      readonly FieldGroup: react660.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react636.JSX.Element>;
-      readonly Field: react636.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react660.JSX.Element>;
+      readonly Field: react660.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_types23.ClassProp) | undefined) => string>) => react660.JSX.Element>;
+      readonly FieldContent: react660.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react636.JSX.Element>;
-      readonly FieldLabel: react636.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react660.JSX.Element>;
+      readonly FieldLabel: react660.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<typeof Label$1>) => react636.JSX.Element>;
-      readonly FieldContentMain: react636.MemoExoticComponent<({
+      }: React.ComponentProps<typeof Label$1>) => react660.JSX.Element>;
+      readonly FieldContentMain: react660.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react636.JSX.Element>;
-      readonly FieldSeparator: react636.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react660.JSX.Element>;
+      readonly FieldSeparator: react660.MemoExoticComponent<({
         children,
         className,
         ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react636.JSX.Element>;
-      readonly FieldError: react636.MemoExoticComponent<({
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react660.JSX.Element>;
+      readonly FieldError: react660.MemoExoticComponent<({
         className,
         children,
         errors,
         ...props
-      }: react636.ClassAttributes<HTMLDivElement> & react636.HTMLAttributes<HTMLDivElement> & {
+      }: react660.ClassAttributes<HTMLDivElement> & react660.HTMLAttributes<HTMLDivElement> & {
         errors?: Array<{
           code?: string;
           message?: string;
         } | undefined>;
-      }) => react636.JSX.Element | null>;
+      }) => react660.JSX.Element | null>;
     }, {
-      readonly TanStackDialogForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackDialogForm: react660.FC<react660.PropsWithChildren<{
         title: string;
         submitText?: string;
+        width?: number | string;
+        maxWidth?: number | string;
         className?: string;
         open?: boolean;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackPopoverForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackPopoverForm: react660.FC<react660.PropsWithChildren<{
         title: string;
         open?: boolean;
         contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackContainerForm: react636.FC<{
-        children?: react636.ReactNode | undefined;
+      readonly TanStackContainerForm: react660.FC<{
+        children?: react660.ReactNode | undefined;
       }>;
-      readonly TanStackSectionForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackSectionForm: react660.FC<react660.PropsWithChildren<{
         title: string;
       }>>;
-      readonly TanStackCardForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackCardForm: react660.FC<react660.PropsWithChildren<{
         title: string;
         description?: string;
         onDelete?: () => void | Promise<void>;
       }>>;
-      readonly TanStackFieldGroup: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackFieldGroup: react660.FC<react660.PropsWithChildren<{
         label: string;
         description?: string;
         helperText?: string;
         orientation?: "horizontal" | "vertical" | "responsive";
       }>>;
-      readonly TanStackTitleField: react636.FC<{
+      readonly TanStackTitleField: react660.FC<{
         title: string;
         description?: string;
         helperText?: string;
       }>;
-      readonly TanStackActionsForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackActionsForm: react660.FC<react660.PropsWithChildren<{
         type?: "create" | "update";
       }>>;
-      readonly TanStackActionSubmit: react636.FC<{
+      readonly TanStackActionSubmit: react660.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: react660.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -2162,7 +2371,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextareaField: react636.FC<Pick<{
+      readonly TextareaField: react660.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -2190,7 +2399,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextEditorField: react636.FC<Pick<{
+      readonly TextEditorField: react660.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -2207,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: react660.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -2247,7 +2456,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         allowNegative?: boolean;
       }>;
-      readonly EmailField: react636.FC<Pick<{
+      readonly EmailField: react660.FC<Pick<{
         rules: {
           maxLength?: number | undefined;
           minLength?: number | undefined;
@@ -2267,7 +2476,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly PasswordField: react636.FC<{
+      readonly PasswordField: react660.FC<{
         description?: string | undefined;
         label: string;
         placeholder?: string | undefined;
@@ -2276,7 +2485,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
       }>;
-      readonly SelectField: react636.FC<Pick<{
+      readonly SelectField: react660.FC<Pick<{
         options: {
           label: string;
           value: string;
@@ -2304,7 +2513,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }, "description" | "label" | "defaultValue" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
         required?: boolean;
       }>;
-      readonly ComboboxField: react636.FC<{
+      readonly ComboboxField: react660.FC<{
         label: string;
         description?: string;
         placeholder?: string;
@@ -2315,7 +2524,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           label: string;
         }>;
       }>;
-      readonly DateField: react636.FC<Pick<{
+      readonly DateField: react660.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -2338,12 +2547,12 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         minDate?: Date;
         maxDate?: Date;
       }>;
-      readonly SwitchField: react636.FC<{
+      readonly SwitchField: react660.FC<{
         description?: string | undefined;
         label: string;
         helperText?: string | undefined;
       }>;
-      readonly RadioGroupField: react636.FC<{
+      readonly RadioGroupField: react660.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -2355,7 +2564,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly CheckboxField: react636.FC<{
+      readonly CheckboxField: react660.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -2366,43 +2575,43 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly SimpleTextField: react636.FC<{
-        label: string;
+      readonly SimpleTextField: react660.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         maxLength?: number;
         disabled?: boolean;
       }>;
-      readonly SimpleEmailField: react636.FC<{
-        label: string;
+      readonly SimpleEmailField: react660.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         maxLength?: number;
         disabled?: boolean;
       }>;
-      readonly SimplePasswordField: react636.FC<{
-        label: string;
+      readonly SimplePasswordField: react660.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         disabled?: boolean;
       }>;
-      readonly SimpleTextareaField: react636.FC<{
-        label: string;
+      readonly SimpleTextareaField: react660.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         maxLength?: number;
         rows?: number;
         disabled?: boolean;
       }>;
-      readonly SimpleNumberField: react636.FC<{
-        label: string;
+      readonly SimpleNumberField: react660.FC<{
+        label?: string;
         placeholder?: string;
         required?: boolean;
         unit?: string;
         allowNegative?: boolean;
         disabled?: boolean;
       }>;
-      readonly SimpleSelectField: react636.FC<{
+      readonly SimpleSelectField: react660.FC<{
         label?: string;
         placeholder?: string;
         required?: boolean;
@@ -2412,92 +2621,129 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }>;
       }>;
       readonly SimpleArrayField: typeof SimpleArrayField;
-      readonly FieldGroup: react636.MemoExoticComponent<({
+      readonly SimpleBooleanField: react660.FC<{
+        label?: string;
+        required?: boolean;
+        disabled?: boolean;
+        variant?: "checkbox" | "switch";
+      }>;
+      readonly SimpleComboboxField: react660.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+      }>;
+      readonly SimpleDateField: react660.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+        minDate?: Date;
+        maxDate?: Date;
+      }>;
+      readonly SimpleRadioGroupField: react660.FC<{
+        label?: string;
+        required?: boolean;
+        disabled?: boolean;
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+        orientation?: "horizontal" | "vertical";
+      }>;
+      readonly FieldGroup: react660.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react636.JSX.Element>;
-      readonly Field: react636.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react660.JSX.Element>;
+      readonly Field: react660.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_types23.ClassProp) | undefined) => string>) => react660.JSX.Element>;
+      readonly FieldContent: react660.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react636.JSX.Element>;
-      readonly FieldLabel: react636.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react660.JSX.Element>;
+      readonly FieldLabel: react660.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<typeof Label$1>) => react636.JSX.Element>;
-      readonly FieldContentMain: react636.MemoExoticComponent<({
+      }: React.ComponentProps<typeof Label$1>) => react660.JSX.Element>;
+      readonly FieldContentMain: react660.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react636.JSX.Element>;
-      readonly FieldSeparator: react636.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react660.JSX.Element>;
+      readonly FieldSeparator: react660.MemoExoticComponent<({
         children,
         className,
         ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react636.JSX.Element>;
-      readonly FieldError: react636.MemoExoticComponent<({
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react660.JSX.Element>;
+      readonly FieldError: react660.MemoExoticComponent<({
         className,
         children,
         errors,
         ...props
-      }: react636.ClassAttributes<HTMLDivElement> & react636.HTMLAttributes<HTMLDivElement> & {
+      }: react660.ClassAttributes<HTMLDivElement> & react660.HTMLAttributes<HTMLDivElement> & {
         errors?: Array<{
           code?: string;
           message?: string;
         } | undefined>;
-      }) => react636.JSX.Element | null>;
+      }) => react660.JSX.Element | null>;
     }, {
-      readonly TanStackDialogForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackDialogForm: react660.FC<react660.PropsWithChildren<{
         title: string;
         submitText?: string;
+        width?: number | string;
+        maxWidth?: number | string;
         className?: string;
         open?: boolean;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackPopoverForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackPopoverForm: react660.FC<react660.PropsWithChildren<{
         title: string;
         open?: boolean;
         contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackContainerForm: react636.FC<{
-        children?: react636.ReactNode | undefined;
+      readonly TanStackContainerForm: react660.FC<{
+        children?: react660.ReactNode | undefined;
       }>;
-      readonly TanStackSectionForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackSectionForm: react660.FC<react660.PropsWithChildren<{
         title: string;
       }>>;
-      readonly TanStackCardForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackCardForm: react660.FC<react660.PropsWithChildren<{
         title: string;
         description?: string;
         onDelete?: () => void | Promise<void>;
       }>>;
-      readonly TanStackFieldGroup: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackFieldGroup: react660.FC<react660.PropsWithChildren<{
         label: string;
         description?: string;
         helperText?: string;
         orientation?: "horizontal" | "vertical" | "responsive";
       }>>;
-      readonly TanStackTitleField: react636.FC<{
+      readonly TanStackTitleField: react660.FC<{
         title: string;
         description?: string;
         helperText?: string;
       }>;
-      readonly TanStackActionsForm: react636.FC<react636.PropsWithChildren<{
+      readonly TanStackActionsForm: react660.FC<react660.PropsWithChildren<{
         type?: "create" | "update";
       }>>;
-      readonly TanStackActionSubmit: react636.FC<{
+      readonly TanStackActionSubmit: react660.FC<{
         label?: string;
         className?: string;
       }>;
       readonly ArrayCol: typeof ArrayCol;
+      readonly ArrayHeaderRow: typeof ArrayHeaderRow;
     }>;
     fields: TFields;
-  }>) => ReturnType<react636.FunctionComponent>;
+  }>) => ReturnType<react660.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-UfOfYRNf.d.cts.map
+//# sourceMappingURL=index-BJiTJozG.d.cts.map