@customafk/lunas-ui 0.2.25 → 0.2.27

package/dist/{index-DQA0fwM5.d.cts → index-DPnJrJS9.d.mts}

@@ -1,11 +1,10 @@
-import * as react_jsx_runtime337 from "react/jsx-runtime";
-import * as class_variance_authority_types24 from "class-variance-authority/types";
-import * as react263 from "react";
+import * as react642 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
 /**
@@ -20,7 +19,91 @@ declare function Label$1({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof Label.Root>): react_jsx_runtime337.JSX.Element;
+}: React.ComponentProps<typeof Label.Root>): react642.JSX.Element;
+//#endregion
+//#region packages/components/features/tanstack-form/components/atoms/simple-array-field.d.ts
+type ArrayColProps = {
+  /**
+   * Fixed column width as a pixel number (e.g. `96`) or any CSS string
+   * (e.g. `'8rem'`, `'20%'`). Omit to let the column expand and fill the
+   * remaining row space (`flex: 1`).
+   */
+  width?: number | string;
+  className?: string;
+  children: React.ReactNode;
+};
+/**
+ * Layout helper for columns inside a `SimpleArrayField` row. Controls width
+ * without repeating `<div className="w-24">` or `<div className="flex-1">`.
+ *
+ * @example
+ * <SimpleArrayField defaultRow={...}>
+ *   {i => (
+ *     <>
+ *       <ArrayCol>                 // flex-1 — takes remaining space
+ *         <AppField name={`items[${i}].name`}>...</AppField>
+ *       </ArrayCol>
+ *       <ArrayCol width={96}>     // 96 px fixed
+ *         <AppField name={`items[${i}].qty`}>...</AppField>
+ *       </ArrayCol>
+ *       <ArrayCol width="8rem">   // CSS string
+ *         <AppField name={`items[${i}].tax`}>...</AppField>
+ *       </ArrayCol>
+ *     </>
+ *   )}
+ * </SimpleArrayField>
+ */
+declare function ArrayCol({
+  width,
+  className,
+  children
+}: ArrayColProps): react642.JSX.Element;
+type Props<T> = {
+  /**
+   * Shape of a brand-new empty row appended when the user clicks "Add row".
+   */
+  defaultRow: T;
+  /**
+   * Render function called once per row. Receives the zero-based row `index`
+   * so you can build field paths like `` `items[${index}].name` ``.
+   */
+  children: (index: number) => React.ReactNode;
+  /** Label on the add button. Defaults to `'Add row'`. */
+  addLabel?: string;
+  className?: string;
+};
+/**
+ * Array field wrapper that manages rows (add / remove) while letting you
+ * freely compose any fields inside each row.
+ *
+ * @example
+ * const { AppForm, AppField } = useTanStackForm({ defaultValues: { items: [] } });
+ *
+ * <AppForm>
+ *   <AppField name="items">
+ *     {({ SimpleArrayField }) => (
+ *       <SimpleArrayField defaultRow={{ name: null, qty: null }}>
+ *         {(i) => (
+ *           <div className="flex gap-2">
+ *             <AppField name={`items[${i}].name`}>
+ *               {({ SimpleTextField }) => <SimpleTextField label="Name" />}
+ *             </AppField>
+ *             <AppField name={`items[${i}].qty`}>
+ *               {({ SimpleNumberField }) => <SimpleNumberField label="Qty" />}
+ *             </AppField>
+ *           </div>
+ *         )}
+ *       </SimpleArrayField>
+ *     )}
+ *   </AppField>
+ * </AppForm>
+ */
+declare function SimpleArrayField<T>({
+  defaultRow,
+  children,
+  addLabel,
+  className
+}: Props<T>): react642.JSX.Element;
 //#endregion
 //#region packages/components/features/tanstack-form/components/ui/field.d.ts
 declare const fieldVariants: (props?: ({
@@ -48,10 +131,10 @@ declare const fieldVariants: (props?: ({
  *   <Field>…</Field>
  * </FieldGroup>
  */
-declare const FieldGroup: react263.MemoExoticComponent<({
+declare const FieldGroup: react642.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
+}: React.ComponentProps<"div">) => react642.JSX.Element>;
 /**
  * Single form field row that arranges label, input, and meta elements with configurable orientation.
  *
@@ -63,11 +146,11 @@ declare const FieldGroup: react263.MemoExoticComponent<({
  *   <FieldContent><input id="username" /></FieldContent>
  * </Field>
  */
-declare const Field: react263.MemoExoticComponent<({
+declare const Field: react642.MemoExoticComponent<({
   className,
   orientation,
   ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react_jsx_runtime337.JSX.Element>;
+}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react642.JSX.Element>;
 /**
  * Flex column wrapper that houses the primary input control together with description and error slots.
  *
@@ -79,10 +162,10 @@ declare const Field: react263.MemoExoticComponent<({
  *   <FieldDescription>Enter your full name.</FieldDescription>
  * </FieldContent>
  */
-declare const FieldContent: react263.MemoExoticComponent<({
+declare const FieldContent: react642.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
+}: React.ComponentProps<"div">) => react642.JSX.Element>;
 /**
  * Positioned wrapper for the main input element that enables absolutely-placed adornments (icons, spinners).
  *
@@ -94,10 +177,10 @@ declare const FieldContent: react263.MemoExoticComponent<({
  *   <SearchIcon className="absolute right-2 top-2" />
  * </FieldContentMain>
  */
-declare const FieldContentMain: react263.MemoExoticComponent<({
+declare const FieldContentMain: react642.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
+}: React.ComponentProps<"div">) => react642.JSX.Element>;
 /**
  * Styled `<label>` element for a `Field`, extending the base `Label` with field-group-aware spacing and border states.
  *
@@ -106,10 +189,10 @@ declare const FieldContentMain: react263.MemoExoticComponent<({
  *
  * <FieldLabel htmlFor="email" aria-required>Email</FieldLabel>
  */
-declare const FieldLabel: react263.MemoExoticComponent<({
+declare const FieldLabel: react642.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<typeof Label$1>) => react_jsx_runtime337.JSX.Element>;
+}: React.ComponentProps<typeof Label$1>) => react642.JSX.Element>;
 /**
  * Inline title element (non-`<label>`) for fields whose label cannot be a native `<label>`, such as custom checkbox groups.
  *
@@ -127,11 +210,11 @@ declare const FieldLabel: react263.MemoExoticComponent<({
  *
  * <FieldSeparator>or</FieldSeparator>
  */
-declare const FieldSeparator: react263.MemoExoticComponent<({
+declare const FieldSeparator: react642.MemoExoticComponent<({
   children,
   className,
   ...props
-}: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime337.JSX.Element>;
+}: React.PropsWithChildren<React.ComponentProps<"div">>) => react642.JSX.Element>;
 /**
  * Props for {@link FieldError}.
  */
@@ -154,12 +237,12 @@ type FieldErrorProps = React.ComponentProps<'div'> & {
  *
  * <FieldError errors={field.state.meta.errors} />
  */
-declare const FieldError: react263.MemoExoticComponent<({
+declare const FieldError: react642.MemoExoticComponent<({
   className,
   children,
   errors,
   ...props
-}: FieldErrorProps) => react_jsx_runtime337.JSX.Element | null>;
+}: FieldErrorProps) => react642.JSX.Element | null>;
 //#endregion
 //#region packages/components/features/tanstack-form/tanstack-form.d.ts
 declare const useTanStackFieldContext: <TData>() => _tanstack_form_core0.FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>, useTanStackFormContext: () => _tanstack_react_form0.ReactFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any, any, any>;
@@ -219,13 +302,13 @@ declare const useTanStackFieldContext: <TData>() => _tanstack_form_core0.FieldAp
  * ));
  */
 declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnChange extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: _tanstack_form_core0.FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => _tanstack_react_form0.AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
-    readonly TextField: react263.FC<Pick<{
+    readonly TextField: react642.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
       id: string;
       type: "text-field";
-      dataType?: "text" | "url" | "email" | "password" | undefined;
+      dataType?: "text" | "email" | "url" | "password" | undefined;
       rules?: {
         required?: boolean | undefined;
         maxLength?: number | undefined;
@@ -245,11 +328,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       showClearButton?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextareaField: react263.FC<Pick<{
+    readonly TextareaField: react642.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -273,11 +356,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       counter?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "counter" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextEditorField: react263.FC<Pick<{
+    readonly TextEditorField: react642.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -294,7 +377,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     }, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
     }>;
-    readonly NumberField: react263.FC<Pick<{
+    readonly NumberField: react642.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -330,11 +413,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       unit?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
       required?: boolean;
       allowNegative?: boolean;
     }>;
-    readonly EmailField: react263.FC<Pick<{
+    readonly EmailField: react642.FC<Pick<{
       rules: {
         maxLength?: number | undefined;
         minLength?: number | undefined;
@@ -350,20 +433,20 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       showErrorMessage?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly PasswordField: react263.FC<{
+    readonly PasswordField: react642.FC<{
       description?: string | undefined;
       label: string;
       placeholder?: string | undefined;
-      tooltip?: string | undefined;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
     }>;
-    readonly SelectField: react263.FC<Pick<{
+    readonly SelectField: react642.FC<Pick<{
       options: {
         label: string;
         value: string;
@@ -388,10 +471,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "defaultValue" | "tooltip" | "orientation" | "options" | "helperText" | "clearable"> & {
+    }, "description" | "label" | "defaultValue" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
       required?: boolean;
     }>;
-    readonly ComboboxField: react263.FC<{
+    readonly ComboboxField: react642.FC<{
       label: string;
       description?: string;
       placeholder?: string;
@@ -402,7 +485,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         label: string;
       }>;
     }>;
-    readonly DateField: react263.FC<Pick<{
+    readonly DateField: react642.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -420,21 +503,21 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       minDate?: Date;
       maxDate?: Date;
     }>;
-    readonly SwitchField: react263.FC<{
+    readonly SwitchField: react642.FC<{
       description?: string | undefined;
       label: string;
       helperText?: string | undefined;
     }>;
-    readonly RadioGroupField: react263.FC<{
+    readonly RadioGroupField: react642.FC<{
       description?: string | undefined;
       label: string;
-      tooltip?: string | undefined;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
       options: {
         label: string;
         value: string;
@@ -442,109 +525,157 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly CheckboxField: react263.FC<{
+    readonly CheckboxField: react642.FC<{
       description?: string | undefined;
       label: string;
-      tooltip?: string | undefined;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
       options: {
         label: string;
         value: string;
       }[];
       helperText?: string | undefined;
     }>;
-    readonly FieldGroup: react263.MemoExoticComponent<({
+    readonly SimpleTextField: react642.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      maxLength?: number;
+      disabled?: boolean;
+    }>;
+    readonly SimpleEmailField: react642.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      maxLength?: number;
+      disabled?: boolean;
+    }>;
+    readonly SimplePasswordField: react642.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      disabled?: boolean;
+    }>;
+    readonly SimpleTextareaField: react642.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      maxLength?: number;
+      rows?: number;
+      disabled?: boolean;
+    }>;
+    readonly SimpleNumberField: react642.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      unit?: string;
+      allowNegative?: boolean;
+      disabled?: boolean;
+    }>;
+    readonly SimpleSelectField: react642.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+    }>;
+    readonly SimpleArrayField: typeof SimpleArrayField;
+    readonly FieldGroup: react642.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-    readonly Field: react263.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react642.JSX.Element>;
+    readonly Field: react642.MemoExoticComponent<({
       className,
       orientation,
       ...props
     }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
       orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-    } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react_jsx_runtime337.JSX.Element>;
-    readonly FieldContent: react263.MemoExoticComponent<({
+    } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react642.JSX.Element>;
+    readonly FieldContent: react642.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-    readonly FieldLabel: react263.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react642.JSX.Element>;
+    readonly FieldLabel: react642.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime337.JSX.Element>;
-    readonly FieldContentMain: react263.MemoExoticComponent<({
+    }: React.ComponentProps<typeof Label$1>) => react642.JSX.Element>;
+    readonly FieldContentMain: react642.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-    readonly FieldSeparator: react263.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react642.JSX.Element>;
+    readonly FieldSeparator: react642.MemoExoticComponent<({
       children,
       className,
       ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime337.JSX.Element>;
-    readonly FieldError: react263.MemoExoticComponent<({
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react642.JSX.Element>;
+    readonly FieldError: react642.MemoExoticComponent<({
       className,
       children,
       errors,
       ...props
-    }: react263.ClassAttributes<HTMLDivElement> & react263.HTMLAttributes<HTMLDivElement> & {
+    }: react642.ClassAttributes<HTMLDivElement> & react642.HTMLAttributes<HTMLDivElement> & {
       errors?: Array<{
         code?: string;
         message?: string;
       } | undefined>;
-    }) => react_jsx_runtime337.JSX.Element | null>;
+    }) => react642.JSX.Element | null>;
   }, {
-    readonly TanStackDialogForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackDialogForm: react642.FC<react642.PropsWithChildren<{
       title: string;
       submitText?: string;
+      className?: string;
       open?: boolean;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackPopoverForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackPopoverForm: react642.FC<react642.PropsWithChildren<{
       title: string;
       open?: boolean;
       contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackContainerForm: react263.FC<{
-      children?: react263.ReactNode | undefined;
+    readonly TanStackContainerForm: react642.FC<{
+      children?: react642.ReactNode | undefined;
     }>;
-    readonly TanStackSectionForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackSectionForm: react642.FC<react642.PropsWithChildren<{
       title: string;
     }>>;
-    readonly TanStackCardForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackCardForm: react642.FC<react642.PropsWithChildren<{
       title: string;
       description?: string;
       onDelete?: () => void | Promise<void>;
     }>>;
-    readonly TanStackFieldGroup: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackFieldGroup: react642.FC<react642.PropsWithChildren<{
       label: string;
       description?: string;
       helperText?: string;
       orientation?: "horizontal" | "vertical" | "responsive";
     }>>;
-    readonly TanStackTitleField: react263.FC<{
+    readonly TanStackTitleField: react642.FC<{
       title: string;
       description?: string;
       helperText?: string;
     }>;
-    readonly TanStackActionsForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackActionsForm: react642.FC<react642.PropsWithChildren<{
       type?: "create" | "update";
     }>>;
-    readonly TanStackActionSubmit: react263.FC<{
+    readonly TanStackActionSubmit: react642.FC<{
       label?: string;
       className?: string;
     }>;
+    readonly ArrayCol: typeof ArrayCol;
   }>, 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: react263.FC<Pick<{
+    readonly TextField: react642.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
       id: string;
       type: "text-field";
-      dataType?: "text" | "url" | "email" | "password" | undefined;
+      dataType?: "text" | "email" | "url" | "password" | undefined;
       rules?: {
         required?: boolean | undefined;
         maxLength?: number | undefined;
@@ -564,11 +695,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       showClearButton?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextareaField: react263.FC<Pick<{
+    readonly TextareaField: react642.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -592,11 +723,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       counter?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "counter" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextEditorField: react263.FC<Pick<{
+    readonly TextEditorField: react642.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -613,7 +744,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     }, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
     }>;
-    readonly NumberField: react263.FC<Pick<{
+    readonly NumberField: react642.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -649,11 +780,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       unit?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
       required?: boolean;
       allowNegative?: boolean;
     }>;
-    readonly EmailField: react263.FC<Pick<{
+    readonly EmailField: react642.FC<Pick<{
       rules: {
         maxLength?: number | undefined;
         minLength?: number | undefined;
@@ -669,20 +800,20 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       showErrorMessage?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly PasswordField: react263.FC<{
+    readonly PasswordField: react642.FC<{
       description?: string | undefined;
       label: string;
       placeholder?: string | undefined;
-      tooltip?: string | undefined;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
     }>;
-    readonly SelectField: react263.FC<Pick<{
+    readonly SelectField: react642.FC<Pick<{
       options: {
         label: string;
         value: string;
@@ -707,10 +838,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "defaultValue" | "tooltip" | "orientation" | "options" | "helperText" | "clearable"> & {
+    }, "description" | "label" | "defaultValue" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
       required?: boolean;
     }>;
-    readonly ComboboxField: react263.FC<{
+    readonly ComboboxField: react642.FC<{
       label: string;
       description?: string;
       placeholder?: string;
@@ -721,7 +852,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         label: string;
       }>;
     }>;
-    readonly DateField: react263.FC<Pick<{
+    readonly DateField: react642.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -739,21 +870,21 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       minDate?: Date;
       maxDate?: Date;
     }>;
-    readonly SwitchField: react263.FC<{
+    readonly SwitchField: react642.FC<{
       description?: string | undefined;
       label: string;
       helperText?: string | undefined;
     }>;
-    readonly RadioGroupField: react263.FC<{
+    readonly RadioGroupField: react642.FC<{
       description?: string | undefined;
       label: string;
-      tooltip?: string | undefined;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
       options: {
         label: string;
         value: string;
@@ -761,107 +892,155 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly CheckboxField: react263.FC<{
+    readonly CheckboxField: react642.FC<{
       description?: string | undefined;
       label: string;
-      tooltip?: string | undefined;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
       options: {
         label: string;
         value: string;
       }[];
       helperText?: string | undefined;
     }>;
-    readonly FieldGroup: react263.MemoExoticComponent<({
+    readonly SimpleTextField: react642.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      maxLength?: number;
+      disabled?: boolean;
+    }>;
+    readonly SimpleEmailField: react642.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      maxLength?: number;
+      disabled?: boolean;
+    }>;
+    readonly SimplePasswordField: react642.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      disabled?: boolean;
+    }>;
+    readonly SimpleTextareaField: react642.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      maxLength?: number;
+      rows?: number;
+      disabled?: boolean;
+    }>;
+    readonly SimpleNumberField: react642.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      unit?: string;
+      allowNegative?: boolean;
+      disabled?: boolean;
+    }>;
+    readonly SimpleSelectField: react642.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+    }>;
+    readonly SimpleArrayField: typeof SimpleArrayField;
+    readonly FieldGroup: react642.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-    readonly Field: react263.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react642.JSX.Element>;
+    readonly Field: react642.MemoExoticComponent<({
       className,
       orientation,
       ...props
     }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
       orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-    } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react_jsx_runtime337.JSX.Element>;
-    readonly FieldContent: react263.MemoExoticComponent<({
+    } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react642.JSX.Element>;
+    readonly FieldContent: react642.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-    readonly FieldLabel: react263.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react642.JSX.Element>;
+    readonly FieldLabel: react642.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime337.JSX.Element>;
-    readonly FieldContentMain: react263.MemoExoticComponent<({
+    }: React.ComponentProps<typeof Label$1>) => react642.JSX.Element>;
+    readonly FieldContentMain: react642.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-    readonly FieldSeparator: react263.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react642.JSX.Element>;
+    readonly FieldSeparator: react642.MemoExoticComponent<({
       children,
       className,
       ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime337.JSX.Element>;
-    readonly FieldError: react263.MemoExoticComponent<({
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react642.JSX.Element>;
+    readonly FieldError: react642.MemoExoticComponent<({
       className,
       children,
       errors,
       ...props
-    }: react263.ClassAttributes<HTMLDivElement> & react263.HTMLAttributes<HTMLDivElement> & {
+    }: react642.ClassAttributes<HTMLDivElement> & react642.HTMLAttributes<HTMLDivElement> & {
       errors?: Array<{
         code?: string;
         message?: string;
       } | undefined>;
-    }) => react_jsx_runtime337.JSX.Element | null>;
+    }) => react642.JSX.Element | null>;
   }, {
-    readonly TanStackDialogForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackDialogForm: react642.FC<react642.PropsWithChildren<{
       title: string;
       submitText?: string;
+      className?: string;
       open?: boolean;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackPopoverForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackPopoverForm: react642.FC<react642.PropsWithChildren<{
       title: string;
       open?: boolean;
       contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackContainerForm: react263.FC<{
-      children?: react263.ReactNode | undefined;
+    readonly TanStackContainerForm: react642.FC<{
+      children?: react642.ReactNode | undefined;
     }>;
-    readonly TanStackSectionForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackSectionForm: react642.FC<react642.PropsWithChildren<{
       title: string;
     }>>;
-    readonly TanStackCardForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackCardForm: react642.FC<react642.PropsWithChildren<{
       title: string;
       description?: string;
       onDelete?: () => void | Promise<void>;
     }>>;
-    readonly TanStackFieldGroup: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackFieldGroup: react642.FC<react642.PropsWithChildren<{
       label: string;
       description?: string;
       helperText?: string;
       orientation?: "horizontal" | "vertical" | "responsive";
     }>>;
-    readonly TanStackTitleField: react263.FC<{
+    readonly TanStackTitleField: react642.FC<{
       title: string;
       description?: string;
       helperText?: string;
     }>;
-    readonly TanStackActionsForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackActionsForm: react642.FC<react642.PropsWithChildren<{
       type?: "create" | "update";
     }>>;
-    readonly TanStackActionSubmit: react263.FC<{
+    readonly TanStackActionSubmit: react642.FC<{
       label?: string;
       className?: string;
     }>;
-  }, TRenderProps>) => react263.FunctionComponent<react263.PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
+    readonly ArrayCol: typeof ArrayCol;
+  }, TRenderProps>) => react642.FunctionComponent<react642.PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
     form: _tanstack_react_form0.AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, {
-      readonly TextField: react263.FC<Pick<{
+      readonly TextField: react642.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
         id: string;
         type: "text-field";
-        dataType?: "text" | "url" | "email" | "password" | undefined;
+        dataType?: "text" | "email" | "url" | "password" | undefined;
         rules?: {
           required?: boolean | undefined;
           maxLength?: number | undefined;
@@ -881,11 +1060,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         showClearButton?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextareaField: react263.FC<Pick<{
+      readonly TextareaField: react642.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -909,11 +1088,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         counter?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "counter" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextEditorField: react263.FC<Pick<{
+      readonly TextEditorField: react642.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -930,7 +1109,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
       }>;
-      readonly NumberField: react263.FC<Pick<{
+      readonly NumberField: react642.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -966,11 +1145,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         unit?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
         required?: boolean;
         allowNegative?: boolean;
       }>;
-      readonly EmailField: react263.FC<Pick<{
+      readonly EmailField: react642.FC<Pick<{
         rules: {
           maxLength?: number | undefined;
           minLength?: number | undefined;
@@ -986,20 +1165,20 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         showErrorMessage?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly PasswordField: react263.FC<{
+      readonly PasswordField: react642.FC<{
         description?: string | undefined;
         label: string;
         placeholder?: string | undefined;
-        tooltip?: string | undefined;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
       }>;
-      readonly SelectField: react263.FC<Pick<{
+      readonly SelectField: react642.FC<Pick<{
         options: {
           label: string;
           value: string;
@@ -1024,10 +1203,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "defaultValue" | "tooltip" | "orientation" | "options" | "helperText" | "clearable"> & {
+      }, "description" | "label" | "defaultValue" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
         required?: boolean;
       }>;
-      readonly ComboboxField: react263.FC<{
+      readonly ComboboxField: react642.FC<{
         label: string;
         description?: string;
         placeholder?: string;
@@ -1038,7 +1217,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           label: string;
         }>;
       }>;
-      readonly DateField: react263.FC<Pick<{
+      readonly DateField: react642.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1056,21 +1235,21 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         minDate?: Date;
         maxDate?: Date;
       }>;
-      readonly SwitchField: react263.FC<{
+      readonly SwitchField: react642.FC<{
         description?: string | undefined;
         label: string;
         helperText?: string | undefined;
       }>;
-      readonly RadioGroupField: react263.FC<{
+      readonly RadioGroupField: react642.FC<{
         description?: string | undefined;
         label: string;
-        tooltip?: string | undefined;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
         options: {
           label: string;
           value: string;
@@ -1078,111 +1257,159 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly CheckboxField: react263.FC<{
+      readonly CheckboxField: react642.FC<{
         description?: string | undefined;
         label: string;
-        tooltip?: string | undefined;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
         options: {
           label: string;
           value: string;
         }[];
         helperText?: string | undefined;
       }>;
-      readonly FieldGroup: react263.MemoExoticComponent<({
+      readonly SimpleTextField: react642.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        maxLength?: number;
+        disabled?: boolean;
+      }>;
+      readonly SimpleEmailField: react642.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        maxLength?: number;
+        disabled?: boolean;
+      }>;
+      readonly SimplePasswordField: react642.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+      }>;
+      readonly SimpleTextareaField: react642.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        maxLength?: number;
+        rows?: number;
+        disabled?: boolean;
+      }>;
+      readonly SimpleNumberField: react642.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        unit?: string;
+        allowNegative?: boolean;
+        disabled?: boolean;
+      }>;
+      readonly SimpleSelectField: react642.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+      }>;
+      readonly SimpleArrayField: typeof SimpleArrayField;
+      readonly FieldGroup: react642.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-      readonly Field: react263.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react642.JSX.Element>;
+      readonly Field: react642.MemoExoticComponent<({
         className,
         orientation,
         ...props
       }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
         orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-      } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react_jsx_runtime337.JSX.Element>;
-      readonly FieldContent: react263.MemoExoticComponent<({
+      } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react642.JSX.Element>;
+      readonly FieldContent: react642.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-      readonly FieldLabel: react263.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react642.JSX.Element>;
+      readonly FieldLabel: react642.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime337.JSX.Element>;
-      readonly FieldContentMain: react263.MemoExoticComponent<({
+      }: React.ComponentProps<typeof Label$1>) => react642.JSX.Element>;
+      readonly FieldContentMain: react642.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-      readonly FieldSeparator: react263.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react642.JSX.Element>;
+      readonly FieldSeparator: react642.MemoExoticComponent<({
         children,
         className,
         ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime337.JSX.Element>;
-      readonly FieldError: react263.MemoExoticComponent<({
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react642.JSX.Element>;
+      readonly FieldError: react642.MemoExoticComponent<({
         className,
         children,
         errors,
         ...props
-      }: react263.ClassAttributes<HTMLDivElement> & react263.HTMLAttributes<HTMLDivElement> & {
+      }: react642.ClassAttributes<HTMLDivElement> & react642.HTMLAttributes<HTMLDivElement> & {
         errors?: Array<{
           code?: string;
           message?: string;
         } | undefined>;
-      }) => react_jsx_runtime337.JSX.Element | null>;
+      }) => react642.JSX.Element | null>;
     }, {
-      readonly TanStackDialogForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackDialogForm: react642.FC<react642.PropsWithChildren<{
         title: string;
         submitText?: string;
+        className?: string;
         open?: boolean;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackPopoverForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackPopoverForm: react642.FC<react642.PropsWithChildren<{
         title: string;
         open?: boolean;
         contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackContainerForm: react263.FC<{
-        children?: react263.ReactNode | undefined;
+      readonly TanStackContainerForm: react642.FC<{
+        children?: react642.ReactNode | undefined;
       }>;
-      readonly TanStackSectionForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackSectionForm: react642.FC<react642.PropsWithChildren<{
         title: string;
       }>>;
-      readonly TanStackCardForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackCardForm: react642.FC<react642.PropsWithChildren<{
         title: string;
         description?: string;
         onDelete?: () => void | Promise<void>;
       }>>;
-      readonly TanStackFieldGroup: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackFieldGroup: react642.FC<react642.PropsWithChildren<{
         label: string;
         description?: string;
         helperText?: string;
         orientation?: "horizontal" | "vertical" | "responsive";
       }>>;
-      readonly TanStackTitleField: react263.FC<{
+      readonly TanStackTitleField: react642.FC<{
         title: string;
         description?: string;
         helperText?: string;
       }>;
-      readonly TanStackActionsForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackActionsForm: react642.FC<react642.PropsWithChildren<{
         type?: "create" | "update";
       }>>;
-      readonly TanStackActionSubmit: react263.FC<{
+      readonly TanStackActionSubmit: react642.FC<{
         label?: string;
         className?: string;
       }>;
+      readonly ArrayCol: typeof ArrayCol;
     }>;
   }>>, withTanStackFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps extends object = {}>({
     render,
     props,
     defaultValues
   }: _tanstack_react_form0.WithFieldGroupProps<TFieldGroupData, {
-    readonly TextField: react263.FC<Pick<{
+    readonly TextField: react642.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
       id: string;
       type: "text-field";
-      dataType?: "text" | "url" | "email" | "password" | undefined;
+      dataType?: "text" | "email" | "url" | "password" | undefined;
       rules?: {
         required?: boolean | undefined;
         maxLength?: number | undefined;
@@ -1202,11 +1429,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       showClearButton?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextareaField: react263.FC<Pick<{
+    readonly TextareaField: react642.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -1230,11 +1457,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       counter?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "counter" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextEditorField: react263.FC<Pick<{
+    readonly TextEditorField: react642.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -1251,7 +1478,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     }, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
     }>;
-    readonly NumberField: react263.FC<Pick<{
+    readonly NumberField: react642.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -1287,11 +1514,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       unit?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
       required?: boolean;
       allowNegative?: boolean;
     }>;
-    readonly EmailField: react263.FC<Pick<{
+    readonly EmailField: react642.FC<Pick<{
       rules: {
         maxLength?: number | undefined;
         minLength?: number | undefined;
@@ -1307,20 +1534,20 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       showErrorMessage?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly PasswordField: react263.FC<{
+    readonly PasswordField: react642.FC<{
       description?: string | undefined;
       label: string;
       placeholder?: string | undefined;
-      tooltip?: string | undefined;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
     }>;
-    readonly SelectField: react263.FC<Pick<{
+    readonly SelectField: react642.FC<Pick<{
       options: {
         label: string;
         value: string;
@@ -1345,10 +1572,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "defaultValue" | "tooltip" | "orientation" | "options" | "helperText" | "clearable"> & {
+    }, "description" | "label" | "defaultValue" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
       required?: boolean;
     }>;
-    readonly ComboboxField: react263.FC<{
+    readonly ComboboxField: react642.FC<{
       label: string;
       description?: string;
       placeholder?: string;
@@ -1359,7 +1586,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         label: string;
       }>;
     }>;
-    readonly DateField: react263.FC<Pick<{
+    readonly DateField: react642.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -1377,21 +1604,21 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       minDate?: Date;
       maxDate?: Date;
     }>;
-    readonly SwitchField: react263.FC<{
+    readonly SwitchField: react642.FC<{
       description?: string | undefined;
       label: string;
       helperText?: string | undefined;
     }>;
-    readonly RadioGroupField: react263.FC<{
+    readonly RadioGroupField: react642.FC<{
       description?: string | undefined;
       label: string;
-      tooltip?: string | undefined;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
       options: {
         label: string;
         value: string;
@@ -1399,107 +1626,155 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly CheckboxField: react263.FC<{
+    readonly CheckboxField: react642.FC<{
       description?: string | undefined;
       label: string;
-      tooltip?: string | undefined;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
       options: {
         label: string;
         value: string;
       }[];
       helperText?: string | undefined;
     }>;
-    readonly FieldGroup: react263.MemoExoticComponent<({
+    readonly SimpleTextField: react642.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      maxLength?: number;
+      disabled?: boolean;
+    }>;
+    readonly SimpleEmailField: react642.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      maxLength?: number;
+      disabled?: boolean;
+    }>;
+    readonly SimplePasswordField: react642.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      disabled?: boolean;
+    }>;
+    readonly SimpleTextareaField: react642.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      maxLength?: number;
+      rows?: number;
+      disabled?: boolean;
+    }>;
+    readonly SimpleNumberField: react642.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      unit?: string;
+      allowNegative?: boolean;
+      disabled?: boolean;
+    }>;
+    readonly SimpleSelectField: react642.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+    }>;
+    readonly SimpleArrayField: typeof SimpleArrayField;
+    readonly FieldGroup: react642.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-    readonly Field: react263.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react642.JSX.Element>;
+    readonly Field: react642.MemoExoticComponent<({
       className,
       orientation,
       ...props
     }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
       orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-    } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react_jsx_runtime337.JSX.Element>;
-    readonly FieldContent: react263.MemoExoticComponent<({
+    } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react642.JSX.Element>;
+    readonly FieldContent: react642.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-    readonly FieldLabel: react263.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react642.JSX.Element>;
+    readonly FieldLabel: react642.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime337.JSX.Element>;
-    readonly FieldContentMain: react263.MemoExoticComponent<({
+    }: React.ComponentProps<typeof Label$1>) => react642.JSX.Element>;
+    readonly FieldContentMain: react642.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-    readonly FieldSeparator: react263.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react642.JSX.Element>;
+    readonly FieldSeparator: react642.MemoExoticComponent<({
       children,
       className,
       ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime337.JSX.Element>;
-    readonly FieldError: react263.MemoExoticComponent<({
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react642.JSX.Element>;
+    readonly FieldError: react642.MemoExoticComponent<({
       className,
       children,
       errors,
       ...props
-    }: react263.ClassAttributes<HTMLDivElement> & react263.HTMLAttributes<HTMLDivElement> & {
+    }: react642.ClassAttributes<HTMLDivElement> & react642.HTMLAttributes<HTMLDivElement> & {
       errors?: Array<{
         code?: string;
         message?: string;
       } | undefined>;
-    }) => react_jsx_runtime337.JSX.Element | null>;
+    }) => react642.JSX.Element | null>;
   }, {
-    readonly TanStackDialogForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackDialogForm: react642.FC<react642.PropsWithChildren<{
       title: string;
       submitText?: string;
+      className?: string;
       open?: boolean;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackPopoverForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackPopoverForm: react642.FC<react642.PropsWithChildren<{
       title: string;
       open?: boolean;
       contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackContainerForm: react263.FC<{
-      children?: react263.ReactNode | undefined;
+    readonly TanStackContainerForm: react642.FC<{
+      children?: react642.ReactNode | undefined;
     }>;
-    readonly TanStackSectionForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackSectionForm: react642.FC<react642.PropsWithChildren<{
       title: string;
     }>>;
-    readonly TanStackCardForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackCardForm: react642.FC<react642.PropsWithChildren<{
       title: string;
       description?: string;
       onDelete?: () => void | Promise<void>;
     }>>;
-    readonly TanStackFieldGroup: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackFieldGroup: react642.FC<react642.PropsWithChildren<{
       label: string;
       description?: string;
       helperText?: string;
       orientation?: "horizontal" | "vertical" | "responsive";
     }>>;
-    readonly TanStackTitleField: react263.FC<{
+    readonly TanStackTitleField: react642.FC<{
       title: string;
       description?: string;
       helperText?: string;
     }>;
-    readonly TanStackActionsForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackActionsForm: react642.FC<react642.PropsWithChildren<{
       type?: "create" | "update";
     }>>;
-    readonly TanStackActionSubmit: react263.FC<{
+    readonly TanStackActionSubmit: react642.FC<{
       label?: string;
       className?: string;
     }>;
-  }, TSubmitMeta, TRenderProps>) => <TFormData, TFields extends _tanstack_form_core0.DeepKeysOfType<TFormData, TFieldGroupData | null | undefined> | _tanstack_form_core0.FieldsMap<TFormData, TFieldGroupData>, TOnMount extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnChange extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TFormSubmitMeta>(params: react263.PropsWithChildren<NoInfer<TRenderProps> & {
+    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: react642.PropsWithChildren<NoInfer<TRenderProps> & {
     form: _tanstack_react_form0.AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
-      readonly TextField: react263.FC<Pick<{
+      readonly TextField: react642.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
         id: string;
         type: "text-field";
-        dataType?: "text" | "url" | "email" | "password" | undefined;
+        dataType?: "text" | "email" | "url" | "password" | undefined;
         rules?: {
           required?: boolean | undefined;
           maxLength?: number | undefined;
@@ -1519,11 +1794,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         showClearButton?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextareaField: react263.FC<Pick<{
+      readonly TextareaField: react642.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1547,11 +1822,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         counter?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "counter" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextEditorField: react263.FC<Pick<{
+      readonly TextEditorField: react642.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1568,7 +1843,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
       }>;
-      readonly NumberField: react263.FC<Pick<{
+      readonly NumberField: react642.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1604,11 +1879,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         unit?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
         required?: boolean;
         allowNegative?: boolean;
       }>;
-      readonly EmailField: react263.FC<Pick<{
+      readonly EmailField: react642.FC<Pick<{
         rules: {
           maxLength?: number | undefined;
           minLength?: number | undefined;
@@ -1624,20 +1899,20 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         showErrorMessage?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly PasswordField: react263.FC<{
+      readonly PasswordField: react642.FC<{
         description?: string | undefined;
         label: string;
         placeholder?: string | undefined;
-        tooltip?: string | undefined;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
       }>;
-      readonly SelectField: react263.FC<Pick<{
+      readonly SelectField: react642.FC<Pick<{
         options: {
           label: string;
           value: string;
@@ -1662,10 +1937,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "defaultValue" | "tooltip" | "orientation" | "options" | "helperText" | "clearable"> & {
+      }, "description" | "label" | "defaultValue" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
         required?: boolean;
       }>;
-      readonly ComboboxField: react263.FC<{
+      readonly ComboboxField: react642.FC<{
         label: string;
         description?: string;
         placeholder?: string;
@@ -1676,7 +1951,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           label: string;
         }>;
       }>;
-      readonly DateField: react263.FC<Pick<{
+      readonly DateField: react642.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1694,21 +1969,21 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         minDate?: Date;
         maxDate?: Date;
       }>;
-      readonly SwitchField: react263.FC<{
+      readonly SwitchField: react642.FC<{
         description?: string | undefined;
         label: string;
         helperText?: string | undefined;
       }>;
-      readonly RadioGroupField: react263.FC<{
+      readonly RadioGroupField: react642.FC<{
         description?: string | undefined;
         label: string;
-        tooltip?: string | undefined;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
         options: {
           label: string;
           value: string;
@@ -1716,106 +1991,154 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly CheckboxField: react263.FC<{
+      readonly CheckboxField: react642.FC<{
         description?: string | undefined;
         label: string;
-        tooltip?: string | undefined;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
         options: {
           label: string;
           value: string;
         }[];
         helperText?: string | undefined;
       }>;
-      readonly FieldGroup: react263.MemoExoticComponent<({
+      readonly SimpleTextField: react642.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        maxLength?: number;
+        disabled?: boolean;
+      }>;
+      readonly SimpleEmailField: react642.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        maxLength?: number;
+        disabled?: boolean;
+      }>;
+      readonly SimplePasswordField: react642.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+      }>;
+      readonly SimpleTextareaField: react642.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        maxLength?: number;
+        rows?: number;
+        disabled?: boolean;
+      }>;
+      readonly SimpleNumberField: react642.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        unit?: string;
+        allowNegative?: boolean;
+        disabled?: boolean;
+      }>;
+      readonly SimpleSelectField: react642.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+      }>;
+      readonly SimpleArrayField: typeof SimpleArrayField;
+      readonly FieldGroup: react642.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-      readonly Field: react263.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react642.JSX.Element>;
+      readonly Field: react642.MemoExoticComponent<({
         className,
         orientation,
         ...props
       }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
         orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-      } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react_jsx_runtime337.JSX.Element>;
-      readonly FieldContent: react263.MemoExoticComponent<({
+      } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react642.JSX.Element>;
+      readonly FieldContent: react642.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-      readonly FieldLabel: react263.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react642.JSX.Element>;
+      readonly FieldLabel: react642.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime337.JSX.Element>;
-      readonly FieldContentMain: react263.MemoExoticComponent<({
+      }: React.ComponentProps<typeof Label$1>) => react642.JSX.Element>;
+      readonly FieldContentMain: react642.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-      readonly FieldSeparator: react263.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react642.JSX.Element>;
+      readonly FieldSeparator: react642.MemoExoticComponent<({
         children,
         className,
         ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime337.JSX.Element>;
-      readonly FieldError: react263.MemoExoticComponent<({
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react642.JSX.Element>;
+      readonly FieldError: react642.MemoExoticComponent<({
         className,
         children,
         errors,
         ...props
-      }: react263.ClassAttributes<HTMLDivElement> & react263.HTMLAttributes<HTMLDivElement> & {
+      }: react642.ClassAttributes<HTMLDivElement> & react642.HTMLAttributes<HTMLDivElement> & {
         errors?: Array<{
           code?: string;
           message?: string;
         } | undefined>;
-      }) => react_jsx_runtime337.JSX.Element | null>;
+      }) => react642.JSX.Element | null>;
     }, {
-      readonly TanStackDialogForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackDialogForm: react642.FC<react642.PropsWithChildren<{
         title: string;
         submitText?: string;
+        className?: string;
         open?: boolean;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackPopoverForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackPopoverForm: react642.FC<react642.PropsWithChildren<{
         title: string;
         open?: boolean;
         contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackContainerForm: react263.FC<{
-        children?: react263.ReactNode | undefined;
+      readonly TanStackContainerForm: react642.FC<{
+        children?: react642.ReactNode | undefined;
       }>;
-      readonly TanStackSectionForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackSectionForm: react642.FC<react642.PropsWithChildren<{
         title: string;
       }>>;
-      readonly TanStackCardForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackCardForm: react642.FC<react642.PropsWithChildren<{
         title: string;
         description?: string;
         onDelete?: () => void | Promise<void>;
       }>>;
-      readonly TanStackFieldGroup: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackFieldGroup: react642.FC<react642.PropsWithChildren<{
         label: string;
         description?: string;
         helperText?: string;
         orientation?: "horizontal" | "vertical" | "responsive";
       }>>;
-      readonly TanStackTitleField: react263.FC<{
+      readonly TanStackTitleField: react642.FC<{
         title: string;
         description?: string;
         helperText?: string;
       }>;
-      readonly TanStackActionsForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackActionsForm: react642.FC<react642.PropsWithChildren<{
         type?: "create" | "update";
       }>>;
-      readonly TanStackActionSubmit: react263.FC<{
+      readonly TanStackActionSubmit: react642.FC<{
         label?: string;
         className?: string;
       }>;
+      readonly ArrayCol: typeof ArrayCol;
     }> | _tanstack_react_form0.AppFieldExtendedReactFieldGroupApi<unknown, TFormData, string | _tanstack_form_core0.FieldsMap<unknown, TFormData>, any, any, any, any, any, any, any, any, any, any, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
-      readonly TextField: react263.FC<Pick<{
+      readonly TextField: react642.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
         id: string;
         type: "text-field";
-        dataType?: "text" | "url" | "email" | "password" | undefined;
+        dataType?: "text" | "email" | "url" | "password" | undefined;
         rules?: {
           required?: boolean | undefined;
           maxLength?: number | undefined;
@@ -1835,11 +2158,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         showClearButton?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextareaField: react263.FC<Pick<{
+      readonly TextareaField: react642.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1863,11 +2186,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         counter?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "counter" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextEditorField: react263.FC<Pick<{
+      readonly TextEditorField: react642.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1884,7 +2207,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
       }>;
-      readonly NumberField: react263.FC<Pick<{
+      readonly NumberField: react642.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1920,11 +2243,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         unit?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
         required?: boolean;
         allowNegative?: boolean;
       }>;
-      readonly EmailField: react263.FC<Pick<{
+      readonly EmailField: react642.FC<Pick<{
         rules: {
           maxLength?: number | undefined;
           minLength?: number | undefined;
@@ -1940,20 +2263,20 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         showErrorMessage?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly PasswordField: react263.FC<{
+      readonly PasswordField: react642.FC<{
         description?: string | undefined;
         label: string;
         placeholder?: string | undefined;
-        tooltip?: string | undefined;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
       }>;
-      readonly SelectField: react263.FC<Pick<{
+      readonly SelectField: react642.FC<Pick<{
         options: {
           label: string;
           value: string;
@@ -1978,10 +2301,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "defaultValue" | "tooltip" | "orientation" | "options" | "helperText" | "clearable"> & {
+      }, "description" | "label" | "defaultValue" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
         required?: boolean;
       }>;
-      readonly ComboboxField: react263.FC<{
+      readonly ComboboxField: react642.FC<{
         label: string;
         description?: string;
         placeholder?: string;
@@ -1992,7 +2315,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           label: string;
         }>;
       }>;
-      readonly DateField: react263.FC<Pick<{
+      readonly DateField: react642.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -2010,21 +2333,21 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         minDate?: Date;
         maxDate?: Date;
       }>;
-      readonly SwitchField: react263.FC<{
+      readonly SwitchField: react642.FC<{
         description?: string | undefined;
         label: string;
         helperText?: string | undefined;
       }>;
-      readonly RadioGroupField: react263.FC<{
+      readonly RadioGroupField: react642.FC<{
         description?: string | undefined;
         label: string;
-        tooltip?: string | undefined;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
         options: {
           label: string;
           value: string;
@@ -2032,101 +2355,149 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly CheckboxField: react263.FC<{
+      readonly CheckboxField: react642.FC<{
         description?: string | undefined;
         label: string;
-        tooltip?: string | undefined;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
         options: {
           label: string;
           value: string;
         }[];
         helperText?: string | undefined;
       }>;
-      readonly FieldGroup: react263.MemoExoticComponent<({
+      readonly SimpleTextField: react642.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        maxLength?: number;
+        disabled?: boolean;
+      }>;
+      readonly SimpleEmailField: react642.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        maxLength?: number;
+        disabled?: boolean;
+      }>;
+      readonly SimplePasswordField: react642.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+      }>;
+      readonly SimpleTextareaField: react642.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        maxLength?: number;
+        rows?: number;
+        disabled?: boolean;
+      }>;
+      readonly SimpleNumberField: react642.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        unit?: string;
+        allowNegative?: boolean;
+        disabled?: boolean;
+      }>;
+      readonly SimpleSelectField: react642.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+      }>;
+      readonly SimpleArrayField: typeof SimpleArrayField;
+      readonly FieldGroup: react642.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-      readonly Field: react263.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react642.JSX.Element>;
+      readonly Field: react642.MemoExoticComponent<({
         className,
         orientation,
         ...props
       }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
         orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-      } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react_jsx_runtime337.JSX.Element>;
-      readonly FieldContent: react263.MemoExoticComponent<({
+      } & class_variance_authority_types24.ClassProp) | undefined) => string>) => react642.JSX.Element>;
+      readonly FieldContent: react642.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-      readonly FieldLabel: react263.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react642.JSX.Element>;
+      readonly FieldLabel: react642.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime337.JSX.Element>;
-      readonly FieldContentMain: react263.MemoExoticComponent<({
+      }: React.ComponentProps<typeof Label$1>) => react642.JSX.Element>;
+      readonly FieldContentMain: react642.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-      readonly FieldSeparator: react263.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react642.JSX.Element>;
+      readonly FieldSeparator: react642.MemoExoticComponent<({
         children,
         className,
         ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime337.JSX.Element>;
-      readonly FieldError: react263.MemoExoticComponent<({
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react642.JSX.Element>;
+      readonly FieldError: react642.MemoExoticComponent<({
         className,
         children,
         errors,
         ...props
-      }: react263.ClassAttributes<HTMLDivElement> & react263.HTMLAttributes<HTMLDivElement> & {
+      }: react642.ClassAttributes<HTMLDivElement> & react642.HTMLAttributes<HTMLDivElement> & {
         errors?: Array<{
           code?: string;
           message?: string;
         } | undefined>;
-      }) => react_jsx_runtime337.JSX.Element | null>;
+      }) => react642.JSX.Element | null>;
     }, {
-      readonly TanStackDialogForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackDialogForm: react642.FC<react642.PropsWithChildren<{
         title: string;
         submitText?: string;
+        className?: string;
         open?: boolean;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackPopoverForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackPopoverForm: react642.FC<react642.PropsWithChildren<{
         title: string;
         open?: boolean;
         contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackContainerForm: react263.FC<{
-        children?: react263.ReactNode | undefined;
+      readonly TanStackContainerForm: react642.FC<{
+        children?: react642.ReactNode | undefined;
       }>;
-      readonly TanStackSectionForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackSectionForm: react642.FC<react642.PropsWithChildren<{
         title: string;
       }>>;
-      readonly TanStackCardForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackCardForm: react642.FC<react642.PropsWithChildren<{
         title: string;
         description?: string;
         onDelete?: () => void | Promise<void>;
       }>>;
-      readonly TanStackFieldGroup: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackFieldGroup: react642.FC<react642.PropsWithChildren<{
         label: string;
         description?: string;
         helperText?: string;
         orientation?: "horizontal" | "vertical" | "responsive";
       }>>;
-      readonly TanStackTitleField: react263.FC<{
+      readonly TanStackTitleField: react642.FC<{
         title: string;
         description?: string;
         helperText?: string;
       }>;
-      readonly TanStackActionsForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackActionsForm: react642.FC<react642.PropsWithChildren<{
         type?: "create" | "update";
       }>>;
-      readonly TanStackActionSubmit: react263.FC<{
+      readonly TanStackActionSubmit: react642.FC<{
         label?: string;
         className?: string;
       }>;
+      readonly ArrayCol: typeof ArrayCol;
     }>;
     fields: TFields;
-  }>) => ReturnType<react263.FunctionComponent>;
+  }>) => ReturnType<react642.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-DQA0fwM5.d.cts.map
+//# sourceMappingURL=index-DPnJrJS9.d.mts.map