@customafk/lunas-ui 0.2.25 → 0.2.26

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

@@ -1,6 +1,5 @@
-import * as react_jsx_runtime337 from "react/jsx-runtime";
+import * as react636 from "react";
 import * as class_variance_authority_types24 from "class-variance-authority/types";
-import * as react263 from "react";
 import * as class_variance_authority0 from "class-variance-authority";
 import { VariantProps } from "class-variance-authority";
 import { Label } from "radix-ui";
@@ -20,7 +19,56 @@ declare function Label$1({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof Label.Root>): react_jsx_runtime337.JSX.Element;
+}: React.ComponentProps<typeof Label.Root>): react636.JSX.Element;
+//#endregion
+//#region packages/components/features/tanstack-form/components/atoms/simple-array-field.d.ts
+
+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>): react636.JSX.Element;
 //#endregion
 //#region packages/components/features/tanstack-form/components/ui/field.d.ts
 declare const fieldVariants: (props?: ({
@@ -48,10 +96,10 @@ declare const fieldVariants: (props?: ({
  *   <Field>…</Field>
  * </FieldGroup>
  */
-declare const FieldGroup: react263.MemoExoticComponent<({
+declare const FieldGroup: react636.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
+}: React.ComponentProps<"div">) => react636.JSX.Element>;
 /**
  * Single form field row that arranges label, input, and meta elements with configurable orientation.
  *
@@ -63,11 +111,11 @@ declare const FieldGroup: react263.MemoExoticComponent<({
  *   <FieldContent><input id="username" /></FieldContent>
  * </Field>
  */
-declare const Field: react263.MemoExoticComponent<({
+declare const Field: react636.MemoExoticComponent<({
   className,
   orientation,
   ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react_jsx_runtime337.JSX.Element>;
+}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react636.JSX.Element>;
 /**
  * Flex column wrapper that houses the primary input control together with description and error slots.
  *
@@ -79,10 +127,10 @@ declare const Field: react263.MemoExoticComponent<({
  *   <FieldDescription>Enter your full name.</FieldDescription>
  * </FieldContent>
  */
-declare const FieldContent: react263.MemoExoticComponent<({
+declare const FieldContent: react636.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
+}: React.ComponentProps<"div">) => react636.JSX.Element>;
 /**
  * Positioned wrapper for the main input element that enables absolutely-placed adornments (icons, spinners).
  *
@@ -94,10 +142,10 @@ declare const FieldContent: react263.MemoExoticComponent<({
  *   <SearchIcon className="absolute right-2 top-2" />
  * </FieldContentMain>
  */
-declare const FieldContentMain: react263.MemoExoticComponent<({
+declare const FieldContentMain: react636.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
+}: React.ComponentProps<"div">) => react636.JSX.Element>;
 /**
  * Styled `<label>` element for a `Field`, extending the base `Label` with field-group-aware spacing and border states.
  *
@@ -106,10 +154,10 @@ declare const FieldContentMain: react263.MemoExoticComponent<({
  *
  * <FieldLabel htmlFor="email" aria-required>Email</FieldLabel>
  */
-declare const FieldLabel: react263.MemoExoticComponent<({
+declare const FieldLabel: react636.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<typeof Label$1>) => react_jsx_runtime337.JSX.Element>;
+}: React.ComponentProps<typeof Label$1>) => react636.JSX.Element>;
 /**
  * Inline title element (non-`<label>`) for fields whose label cannot be a native `<label>`, such as custom checkbox groups.
  *
@@ -127,11 +175,11 @@ declare const FieldLabel: react263.MemoExoticComponent<({
  *
  * <FieldSeparator>or</FieldSeparator>
  */
-declare const FieldSeparator: react263.MemoExoticComponent<({
+declare const FieldSeparator: react636.MemoExoticComponent<({
   children,
   className,
   ...props
-}: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime337.JSX.Element>;
+}: React.PropsWithChildren<React.ComponentProps<"div">>) => react636.JSX.Element>;
 /**
  * Props for {@link FieldError}.
  */
@@ -154,12 +202,12 @@ type FieldErrorProps = React.ComponentProps<'div'> & {
  *
  * <FieldError errors={field.state.meta.errors} />
  */
-declare const FieldError: react263.MemoExoticComponent<({
+declare const FieldError: react636.MemoExoticComponent<({
   className,
   children,
   errors,
   ...props
-}: FieldErrorProps) => react_jsx_runtime337.JSX.Element | null>;
+}: FieldErrorProps) => react636.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 +267,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: react636.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 +293,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: react636.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -273,11 +321,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: react636.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -294,7 +342,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: react636.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -330,11 +378,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: react636.FC<Pick<{
       rules: {
         maxLength?: number | undefined;
         minLength?: number | undefined;
@@ -350,20 +398,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: react636.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: react636.FC<Pick<{
       options: {
         label: string;
         value: string;
@@ -388,10 +436,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: react636.FC<{
       label: string;
       description?: string;
       placeholder?: string;
@@ -402,7 +450,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         label: string;
       }>;
     }>;
-    readonly DateField: react263.FC<Pick<{
+    readonly DateField: react636.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -420,21 +468,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: react636.FC<{
       description?: string | undefined;
       label: string;
       helperText?: string | undefined;
     }>;
-    readonly RadioGroupField: react263.FC<{
+    readonly RadioGroupField: react636.FC<{
       description?: string | undefined;
       label: string;
-      tooltip?: string | undefined;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
       options: {
         label: string;
         value: string;
@@ -442,95 +490,142 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly CheckboxField: react263.FC<{
+    readonly CheckboxField: react636.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: react636.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      maxLength?: number;
+      disabled?: boolean;
+    }>;
+    readonly SimpleEmailField: react636.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      maxLength?: number;
+      disabled?: boolean;
+    }>;
+    readonly SimplePasswordField: react636.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      disabled?: boolean;
+    }>;
+    readonly SimpleTextareaField: react636.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      maxLength?: number;
+      rows?: number;
+      disabled?: boolean;
+    }>;
+    readonly SimpleNumberField: react636.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      unit?: string;
+      allowNegative?: boolean;
+      disabled?: boolean;
+    }>;
+    readonly SimpleSelectField: react636.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+    }>;
+    readonly SimpleArrayField: typeof SimpleArrayField;
+    readonly FieldGroup: react636.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-    readonly Field: react263.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react636.JSX.Element>;
+    readonly Field: react636.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>) => react636.JSX.Element>;
+    readonly FieldContent: react636.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-    readonly FieldLabel: react263.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react636.JSX.Element>;
+    readonly FieldLabel: react636.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime337.JSX.Element>;
-    readonly FieldContentMain: react263.MemoExoticComponent<({
+    }: React.ComponentProps<typeof Label$1>) => react636.JSX.Element>;
+    readonly FieldContentMain: react636.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-    readonly FieldSeparator: react263.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react636.JSX.Element>;
+    readonly FieldSeparator: react636.MemoExoticComponent<({
       children,
       className,
       ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime337.JSX.Element>;
-    readonly FieldError: react263.MemoExoticComponent<({
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react636.JSX.Element>;
+    readonly FieldError: react636.MemoExoticComponent<({
       className,
       children,
       errors,
       ...props
-    }: react263.ClassAttributes<HTMLDivElement> & react263.HTMLAttributes<HTMLDivElement> & {
+    }: react636.ClassAttributes<HTMLDivElement> & react636.HTMLAttributes<HTMLDivElement> & {
       errors?: Array<{
         code?: string;
         message?: string;
       } | undefined>;
-    }) => react_jsx_runtime337.JSX.Element | null>;
+    }) => react636.JSX.Element | null>;
   }, {
-    readonly TanStackDialogForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackDialogForm: react636.FC<react636.PropsWithChildren<{
       title: string;
       submitText?: string;
+      className?: string;
       open?: boolean;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackPopoverForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackPopoverForm: react636.FC<react636.PropsWithChildren<{
       title: string;
       open?: boolean;
       contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackContainerForm: react263.FC<{
-      children?: react263.ReactNode | undefined;
+    readonly TanStackContainerForm: react636.FC<{
+      children?: react636.ReactNode | undefined;
     }>;
-    readonly TanStackSectionForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackSectionForm: react636.FC<react636.PropsWithChildren<{
       title: string;
     }>>;
-    readonly TanStackCardForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackCardForm: react636.FC<react636.PropsWithChildren<{
       title: string;
       description?: string;
       onDelete?: () => void | Promise<void>;
     }>>;
-    readonly TanStackFieldGroup: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackFieldGroup: react636.FC<react636.PropsWithChildren<{
       label: string;
       description?: string;
       helperText?: string;
       orientation?: "horizontal" | "vertical" | "responsive";
     }>>;
-    readonly TanStackTitleField: react263.FC<{
+    readonly TanStackTitleField: react636.FC<{
       title: string;
       description?: string;
       helperText?: string;
     }>;
-    readonly TanStackActionsForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackActionsForm: react636.FC<react636.PropsWithChildren<{
       type?: "create" | "update";
     }>>;
-    readonly TanStackActionSubmit: react263.FC<{
+    readonly TanStackActionSubmit: react636.FC<{
       label?: string;
       className?: string;
     }>;
@@ -538,13 +633,13 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     render,
     props
   }: _tanstack_react_form0.WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
-    readonly TextField: react263.FC<Pick<{
+    readonly TextField: react636.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 +659,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: react636.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -592,11 +687,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: react636.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -613,7 +708,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: react636.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -649,11 +744,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: react636.FC<Pick<{
       rules: {
         maxLength?: number | undefined;
         minLength?: number | undefined;
@@ -669,20 +764,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: react636.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: react636.FC<Pick<{
       options: {
         label: string;
         value: string;
@@ -707,10 +802,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: react636.FC<{
       label: string;
       description?: string;
       placeholder?: string;
@@ -721,7 +816,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         label: string;
       }>;
     }>;
-    readonly DateField: react263.FC<Pick<{
+    readonly DateField: react636.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -739,21 +834,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: react636.FC<{
       description?: string | undefined;
       label: string;
       helperText?: string | undefined;
     }>;
-    readonly RadioGroupField: react263.FC<{
+    readonly RadioGroupField: react636.FC<{
       description?: string | undefined;
       label: string;
-      tooltip?: string | undefined;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
       options: {
         label: string;
         value: string;
@@ -761,107 +856,154 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly CheckboxField: react263.FC<{
+    readonly CheckboxField: react636.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: react636.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      maxLength?: number;
+      disabled?: boolean;
+    }>;
+    readonly SimpleEmailField: react636.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      maxLength?: number;
+      disabled?: boolean;
+    }>;
+    readonly SimplePasswordField: react636.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      disabled?: boolean;
+    }>;
+    readonly SimpleTextareaField: react636.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      maxLength?: number;
+      rows?: number;
+      disabled?: boolean;
+    }>;
+    readonly SimpleNumberField: react636.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      unit?: string;
+      allowNegative?: boolean;
+      disabled?: boolean;
+    }>;
+    readonly SimpleSelectField: react636.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+    }>;
+    readonly SimpleArrayField: typeof SimpleArrayField;
+    readonly FieldGroup: react636.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-    readonly Field: react263.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react636.JSX.Element>;
+    readonly Field: react636.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>) => react636.JSX.Element>;
+    readonly FieldContent: react636.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-    readonly FieldLabel: react263.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react636.JSX.Element>;
+    readonly FieldLabel: react636.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime337.JSX.Element>;
-    readonly FieldContentMain: react263.MemoExoticComponent<({
+    }: React.ComponentProps<typeof Label$1>) => react636.JSX.Element>;
+    readonly FieldContentMain: react636.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-    readonly FieldSeparator: react263.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react636.JSX.Element>;
+    readonly FieldSeparator: react636.MemoExoticComponent<({
       children,
       className,
       ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime337.JSX.Element>;
-    readonly FieldError: react263.MemoExoticComponent<({
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react636.JSX.Element>;
+    readonly FieldError: react636.MemoExoticComponent<({
       className,
       children,
       errors,
       ...props
-    }: react263.ClassAttributes<HTMLDivElement> & react263.HTMLAttributes<HTMLDivElement> & {
+    }: react636.ClassAttributes<HTMLDivElement> & react636.HTMLAttributes<HTMLDivElement> & {
       errors?: Array<{
         code?: string;
         message?: string;
       } | undefined>;
-    }) => react_jsx_runtime337.JSX.Element | null>;
+    }) => react636.JSX.Element | null>;
   }, {
-    readonly TanStackDialogForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackDialogForm: react636.FC<react636.PropsWithChildren<{
       title: string;
       submitText?: string;
+      className?: string;
       open?: boolean;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackPopoverForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackPopoverForm: react636.FC<react636.PropsWithChildren<{
       title: string;
       open?: boolean;
       contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackContainerForm: react263.FC<{
-      children?: react263.ReactNode | undefined;
+    readonly TanStackContainerForm: react636.FC<{
+      children?: react636.ReactNode | undefined;
     }>;
-    readonly TanStackSectionForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackSectionForm: react636.FC<react636.PropsWithChildren<{
       title: string;
     }>>;
-    readonly TanStackCardForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackCardForm: react636.FC<react636.PropsWithChildren<{
       title: string;
       description?: string;
       onDelete?: () => void | Promise<void>;
     }>>;
-    readonly TanStackFieldGroup: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackFieldGroup: react636.FC<react636.PropsWithChildren<{
       label: string;
       description?: string;
       helperText?: string;
       orientation?: "horizontal" | "vertical" | "responsive";
     }>>;
-    readonly TanStackTitleField: react263.FC<{
+    readonly TanStackTitleField: react636.FC<{
       title: string;
       description?: string;
       helperText?: string;
     }>;
-    readonly TanStackActionsForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackActionsForm: react636.FC<react636.PropsWithChildren<{
       type?: "create" | "update";
     }>>;
-    readonly TanStackActionSubmit: react263.FC<{
+    readonly TanStackActionSubmit: react636.FC<{
       label?: string;
       className?: string;
     }>;
-  }, TRenderProps>) => react263.FunctionComponent<react263.PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
+  }, TRenderProps>) => react636.FunctionComponent<react636.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: react636.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 +1023,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: react636.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -909,11 +1051,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: react636.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -930,7 +1072,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: react636.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -966,11 +1108,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: react636.FC<Pick<{
         rules: {
           maxLength?: number | undefined;
           minLength?: number | undefined;
@@ -986,20 +1128,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: react636.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: react636.FC<Pick<{
         options: {
           label: string;
           value: string;
@@ -1024,10 +1166,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: react636.FC<{
         label: string;
         description?: string;
         placeholder?: string;
@@ -1038,7 +1180,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           label: string;
         }>;
       }>;
-      readonly DateField: react263.FC<Pick<{
+      readonly DateField: react636.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1056,21 +1198,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: react636.FC<{
         description?: string | undefined;
         label: string;
         helperText?: string | undefined;
       }>;
-      readonly RadioGroupField: react263.FC<{
+      readonly RadioGroupField: react636.FC<{
         description?: string | undefined;
         label: string;
-        tooltip?: string | undefined;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
         options: {
           label: string;
           value: string;
@@ -1078,95 +1220,142 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly CheckboxField: react263.FC<{
+      readonly CheckboxField: react636.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: react636.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        maxLength?: number;
+        disabled?: boolean;
+      }>;
+      readonly SimpleEmailField: react636.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        maxLength?: number;
+        disabled?: boolean;
+      }>;
+      readonly SimplePasswordField: react636.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+      }>;
+      readonly SimpleTextareaField: react636.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        maxLength?: number;
+        rows?: number;
+        disabled?: boolean;
+      }>;
+      readonly SimpleNumberField: react636.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        unit?: string;
+        allowNegative?: boolean;
+        disabled?: boolean;
+      }>;
+      readonly SimpleSelectField: react636.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+      }>;
+      readonly SimpleArrayField: typeof SimpleArrayField;
+      readonly FieldGroup: react636.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-      readonly Field: react263.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react636.JSX.Element>;
+      readonly Field: react636.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>) => react636.JSX.Element>;
+      readonly FieldContent: react636.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-      readonly FieldLabel: react263.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react636.JSX.Element>;
+      readonly FieldLabel: react636.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime337.JSX.Element>;
-      readonly FieldContentMain: react263.MemoExoticComponent<({
+      }: React.ComponentProps<typeof Label$1>) => react636.JSX.Element>;
+      readonly FieldContentMain: react636.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-      readonly FieldSeparator: react263.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react636.JSX.Element>;
+      readonly FieldSeparator: react636.MemoExoticComponent<({
         children,
         className,
         ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime337.JSX.Element>;
-      readonly FieldError: react263.MemoExoticComponent<({
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react636.JSX.Element>;
+      readonly FieldError: react636.MemoExoticComponent<({
         className,
         children,
         errors,
         ...props
-      }: react263.ClassAttributes<HTMLDivElement> & react263.HTMLAttributes<HTMLDivElement> & {
+      }: react636.ClassAttributes<HTMLDivElement> & react636.HTMLAttributes<HTMLDivElement> & {
         errors?: Array<{
           code?: string;
           message?: string;
         } | undefined>;
-      }) => react_jsx_runtime337.JSX.Element | null>;
+      }) => react636.JSX.Element | null>;
     }, {
-      readonly TanStackDialogForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackDialogForm: react636.FC<react636.PropsWithChildren<{
         title: string;
         submitText?: string;
+        className?: string;
         open?: boolean;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackPopoverForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackPopoverForm: react636.FC<react636.PropsWithChildren<{
         title: string;
         open?: boolean;
         contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackContainerForm: react263.FC<{
-        children?: react263.ReactNode | undefined;
+      readonly TanStackContainerForm: react636.FC<{
+        children?: react636.ReactNode | undefined;
       }>;
-      readonly TanStackSectionForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackSectionForm: react636.FC<react636.PropsWithChildren<{
         title: string;
       }>>;
-      readonly TanStackCardForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackCardForm: react636.FC<react636.PropsWithChildren<{
         title: string;
         description?: string;
         onDelete?: () => void | Promise<void>;
       }>>;
-      readonly TanStackFieldGroup: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackFieldGroup: react636.FC<react636.PropsWithChildren<{
         label: string;
         description?: string;
         helperText?: string;
         orientation?: "horizontal" | "vertical" | "responsive";
       }>>;
-      readonly TanStackTitleField: react263.FC<{
+      readonly TanStackTitleField: react636.FC<{
         title: string;
         description?: string;
         helperText?: string;
       }>;
-      readonly TanStackActionsForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackActionsForm: react636.FC<react636.PropsWithChildren<{
         type?: "create" | "update";
       }>>;
-      readonly TanStackActionSubmit: react263.FC<{
+      readonly TanStackActionSubmit: react636.FC<{
         label?: string;
         className?: string;
       }>;
@@ -1176,13 +1365,13 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     props,
     defaultValues
   }: _tanstack_react_form0.WithFieldGroupProps<TFieldGroupData, {
-    readonly TextField: react263.FC<Pick<{
+    readonly TextField: react636.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 +1391,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: react636.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -1230,11 +1419,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: react636.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -1251,7 +1440,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: react636.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -1287,11 +1476,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: react636.FC<Pick<{
       rules: {
         maxLength?: number | undefined;
         minLength?: number | undefined;
@@ -1307,20 +1496,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: react636.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: react636.FC<Pick<{
       options: {
         label: string;
         value: string;
@@ -1345,10 +1534,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: react636.FC<{
       label: string;
       description?: string;
       placeholder?: string;
@@ -1359,7 +1548,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         label: string;
       }>;
     }>;
-    readonly DateField: react263.FC<Pick<{
+    readonly DateField: react636.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -1377,21 +1566,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: react636.FC<{
       description?: string | undefined;
       label: string;
       helperText?: string | undefined;
     }>;
-    readonly RadioGroupField: react263.FC<{
+    readonly RadioGroupField: react636.FC<{
       description?: string | undefined;
       label: string;
-      tooltip?: string | undefined;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
       options: {
         label: string;
         value: string;
@@ -1399,107 +1588,154 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly CheckboxField: react263.FC<{
+    readonly CheckboxField: react636.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: react636.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      maxLength?: number;
+      disabled?: boolean;
+    }>;
+    readonly SimpleEmailField: react636.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      maxLength?: number;
+      disabled?: boolean;
+    }>;
+    readonly SimplePasswordField: react636.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      disabled?: boolean;
+    }>;
+    readonly SimpleTextareaField: react636.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      maxLength?: number;
+      rows?: number;
+      disabled?: boolean;
+    }>;
+    readonly SimpleNumberField: react636.FC<{
+      label: string;
+      placeholder?: string;
+      required?: boolean;
+      unit?: string;
+      allowNegative?: boolean;
+      disabled?: boolean;
+    }>;
+    readonly SimpleSelectField: react636.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+    }>;
+    readonly SimpleArrayField: typeof SimpleArrayField;
+    readonly FieldGroup: react636.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-    readonly Field: react263.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react636.JSX.Element>;
+    readonly Field: react636.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>) => react636.JSX.Element>;
+    readonly FieldContent: react636.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-    readonly FieldLabel: react263.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react636.JSX.Element>;
+    readonly FieldLabel: react636.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime337.JSX.Element>;
-    readonly FieldContentMain: react263.MemoExoticComponent<({
+    }: React.ComponentProps<typeof Label$1>) => react636.JSX.Element>;
+    readonly FieldContentMain: react636.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-    readonly FieldSeparator: react263.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react636.JSX.Element>;
+    readonly FieldSeparator: react636.MemoExoticComponent<({
       children,
       className,
       ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime337.JSX.Element>;
-    readonly FieldError: react263.MemoExoticComponent<({
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react636.JSX.Element>;
+    readonly FieldError: react636.MemoExoticComponent<({
       className,
       children,
       errors,
       ...props
-    }: react263.ClassAttributes<HTMLDivElement> & react263.HTMLAttributes<HTMLDivElement> & {
+    }: react636.ClassAttributes<HTMLDivElement> & react636.HTMLAttributes<HTMLDivElement> & {
       errors?: Array<{
         code?: string;
         message?: string;
       } | undefined>;
-    }) => react_jsx_runtime337.JSX.Element | null>;
+    }) => react636.JSX.Element | null>;
   }, {
-    readonly TanStackDialogForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackDialogForm: react636.FC<react636.PropsWithChildren<{
       title: string;
       submitText?: string;
+      className?: string;
       open?: boolean;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackPopoverForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackPopoverForm: react636.FC<react636.PropsWithChildren<{
       title: string;
       open?: boolean;
       contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackContainerForm: react263.FC<{
-      children?: react263.ReactNode | undefined;
+    readonly TanStackContainerForm: react636.FC<{
+      children?: react636.ReactNode | undefined;
     }>;
-    readonly TanStackSectionForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackSectionForm: react636.FC<react636.PropsWithChildren<{
       title: string;
     }>>;
-    readonly TanStackCardForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackCardForm: react636.FC<react636.PropsWithChildren<{
       title: string;
       description?: string;
       onDelete?: () => void | Promise<void>;
     }>>;
-    readonly TanStackFieldGroup: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackFieldGroup: react636.FC<react636.PropsWithChildren<{
       label: string;
       description?: string;
       helperText?: string;
       orientation?: "horizontal" | "vertical" | "responsive";
     }>>;
-    readonly TanStackTitleField: react263.FC<{
+    readonly TanStackTitleField: react636.FC<{
       title: string;
       description?: string;
       helperText?: string;
     }>;
-    readonly TanStackActionsForm: react263.FC<react263.PropsWithChildren<{
+    readonly TanStackActionsForm: react636.FC<react636.PropsWithChildren<{
       type?: "create" | "update";
     }>>;
-    readonly TanStackActionSubmit: react263.FC<{
+    readonly TanStackActionSubmit: react636.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> & {
+  }, TSubmitMeta, TRenderProps>) => <TFormData, TFields extends _tanstack_form_core0.DeepKeysOfType<TFormData, TFieldGroupData | null | undefined> | _tanstack_form_core0.FieldsMap<TFormData, TFieldGroupData>, TOnMount extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnChange extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TFormSubmitMeta>(params: react636.PropsWithChildren<NoInfer<TRenderProps> & {
     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: react636.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 +1755,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: react636.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1547,11 +1783,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: react636.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1568,7 +1804,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: react636.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1604,11 +1840,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: react636.FC<Pick<{
         rules: {
           maxLength?: number | undefined;
           minLength?: number | undefined;
@@ -1624,20 +1860,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: react636.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: react636.FC<Pick<{
         options: {
           label: string;
           value: string;
@@ -1662,10 +1898,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: react636.FC<{
         label: string;
         description?: string;
         placeholder?: string;
@@ -1676,7 +1912,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           label: string;
         }>;
       }>;
-      readonly DateField: react263.FC<Pick<{
+      readonly DateField: react636.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1694,21 +1930,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: react636.FC<{
         description?: string | undefined;
         label: string;
         helperText?: string | undefined;
       }>;
-      readonly RadioGroupField: react263.FC<{
+      readonly RadioGroupField: react636.FC<{
         description?: string | undefined;
         label: string;
-        tooltip?: string | undefined;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
         options: {
           label: string;
           value: string;
@@ -1716,106 +1952,153 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly CheckboxField: react263.FC<{
+      readonly CheckboxField: react636.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: react636.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        maxLength?: number;
+        disabled?: boolean;
+      }>;
+      readonly SimpleEmailField: react636.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        maxLength?: number;
+        disabled?: boolean;
+      }>;
+      readonly SimplePasswordField: react636.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+      }>;
+      readonly SimpleTextareaField: react636.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        maxLength?: number;
+        rows?: number;
+        disabled?: boolean;
+      }>;
+      readonly SimpleNumberField: react636.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        unit?: string;
+        allowNegative?: boolean;
+        disabled?: boolean;
+      }>;
+      readonly SimpleSelectField: react636.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+      }>;
+      readonly SimpleArrayField: typeof SimpleArrayField;
+      readonly FieldGroup: react636.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-      readonly Field: react263.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react636.JSX.Element>;
+      readonly Field: react636.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>) => react636.JSX.Element>;
+      readonly FieldContent: react636.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-      readonly FieldLabel: react263.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react636.JSX.Element>;
+      readonly FieldLabel: react636.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime337.JSX.Element>;
-      readonly FieldContentMain: react263.MemoExoticComponent<({
+      }: React.ComponentProps<typeof Label$1>) => react636.JSX.Element>;
+      readonly FieldContentMain: react636.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-      readonly FieldSeparator: react263.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react636.JSX.Element>;
+      readonly FieldSeparator: react636.MemoExoticComponent<({
         children,
         className,
         ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime337.JSX.Element>;
-      readonly FieldError: react263.MemoExoticComponent<({
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react636.JSX.Element>;
+      readonly FieldError: react636.MemoExoticComponent<({
         className,
         children,
         errors,
         ...props
-      }: react263.ClassAttributes<HTMLDivElement> & react263.HTMLAttributes<HTMLDivElement> & {
+      }: react636.ClassAttributes<HTMLDivElement> & react636.HTMLAttributes<HTMLDivElement> & {
         errors?: Array<{
           code?: string;
           message?: string;
         } | undefined>;
-      }) => react_jsx_runtime337.JSX.Element | null>;
+      }) => react636.JSX.Element | null>;
     }, {
-      readonly TanStackDialogForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackDialogForm: react636.FC<react636.PropsWithChildren<{
         title: string;
         submitText?: string;
+        className?: string;
         open?: boolean;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackPopoverForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackPopoverForm: react636.FC<react636.PropsWithChildren<{
         title: string;
         open?: boolean;
         contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackContainerForm: react263.FC<{
-        children?: react263.ReactNode | undefined;
+      readonly TanStackContainerForm: react636.FC<{
+        children?: react636.ReactNode | undefined;
       }>;
-      readonly TanStackSectionForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackSectionForm: react636.FC<react636.PropsWithChildren<{
         title: string;
       }>>;
-      readonly TanStackCardForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackCardForm: react636.FC<react636.PropsWithChildren<{
         title: string;
         description?: string;
         onDelete?: () => void | Promise<void>;
       }>>;
-      readonly TanStackFieldGroup: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackFieldGroup: react636.FC<react636.PropsWithChildren<{
         label: string;
         description?: string;
         helperText?: string;
         orientation?: "horizontal" | "vertical" | "responsive";
       }>>;
-      readonly TanStackTitleField: react263.FC<{
+      readonly TanStackTitleField: react636.FC<{
         title: string;
         description?: string;
         helperText?: string;
       }>;
-      readonly TanStackActionsForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackActionsForm: react636.FC<react636.PropsWithChildren<{
         type?: "create" | "update";
       }>>;
-      readonly TanStackActionSubmit: react263.FC<{
+      readonly TanStackActionSubmit: react636.FC<{
         label?: string;
         className?: string;
       }>;
     }> | _tanstack_react_form0.AppFieldExtendedReactFieldGroupApi<unknown, TFormData, string | _tanstack_form_core0.FieldsMap<unknown, TFormData>, any, any, any, any, any, any, any, any, any, any, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
-      readonly TextField: react263.FC<Pick<{
+      readonly TextField: react636.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 +2118,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: react636.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1863,11 +2146,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: react636.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1884,7 +2167,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: react636.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1920,11 +2203,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: react636.FC<Pick<{
         rules: {
           maxLength?: number | undefined;
           minLength?: number | undefined;
@@ -1940,20 +2223,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: react636.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: react636.FC<Pick<{
         options: {
           label: string;
           value: string;
@@ -1978,10 +2261,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: react636.FC<{
         label: string;
         description?: string;
         placeholder?: string;
@@ -1992,7 +2275,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
           label: string;
         }>;
       }>;
-      readonly DateField: react263.FC<Pick<{
+      readonly DateField: react636.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -2010,21 +2293,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: react636.FC<{
         description?: string | undefined;
         label: string;
         helperText?: string | undefined;
       }>;
-      readonly RadioGroupField: react263.FC<{
+      readonly RadioGroupField: react636.FC<{
         description?: string | undefined;
         label: string;
-        tooltip?: string | undefined;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
         options: {
           label: string;
           value: string;
@@ -2032,101 +2315,148 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly CheckboxField: react263.FC<{
+      readonly CheckboxField: react636.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: react636.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        maxLength?: number;
+        disabled?: boolean;
+      }>;
+      readonly SimpleEmailField: react636.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        maxLength?: number;
+        disabled?: boolean;
+      }>;
+      readonly SimplePasswordField: react636.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+      }>;
+      readonly SimpleTextareaField: react636.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        maxLength?: number;
+        rows?: number;
+        disabled?: boolean;
+      }>;
+      readonly SimpleNumberField: react636.FC<{
+        label: string;
+        placeholder?: string;
+        required?: boolean;
+        unit?: string;
+        allowNegative?: boolean;
+        disabled?: boolean;
+      }>;
+      readonly SimpleSelectField: react636.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+      }>;
+      readonly SimpleArrayField: typeof SimpleArrayField;
+      readonly FieldGroup: react636.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-      readonly Field: react263.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react636.JSX.Element>;
+      readonly Field: react636.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>) => react636.JSX.Element>;
+      readonly FieldContent: react636.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-      readonly FieldLabel: react263.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react636.JSX.Element>;
+      readonly FieldLabel: react636.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime337.JSX.Element>;
-      readonly FieldContentMain: react263.MemoExoticComponent<({
+      }: React.ComponentProps<typeof Label$1>) => react636.JSX.Element>;
+      readonly FieldContentMain: react636.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime337.JSX.Element>;
-      readonly FieldSeparator: react263.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react636.JSX.Element>;
+      readonly FieldSeparator: react636.MemoExoticComponent<({
         children,
         className,
         ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime337.JSX.Element>;
-      readonly FieldError: react263.MemoExoticComponent<({
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react636.JSX.Element>;
+      readonly FieldError: react636.MemoExoticComponent<({
         className,
         children,
         errors,
         ...props
-      }: react263.ClassAttributes<HTMLDivElement> & react263.HTMLAttributes<HTMLDivElement> & {
+      }: react636.ClassAttributes<HTMLDivElement> & react636.HTMLAttributes<HTMLDivElement> & {
         errors?: Array<{
           code?: string;
           message?: string;
         } | undefined>;
-      }) => react_jsx_runtime337.JSX.Element | null>;
+      }) => react636.JSX.Element | null>;
     }, {
-      readonly TanStackDialogForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackDialogForm: react636.FC<react636.PropsWithChildren<{
         title: string;
         submitText?: string;
+        className?: string;
         open?: boolean;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackPopoverForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackPopoverForm: react636.FC<react636.PropsWithChildren<{
         title: string;
         open?: boolean;
         contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackContainerForm: react263.FC<{
-        children?: react263.ReactNode | undefined;
+      readonly TanStackContainerForm: react636.FC<{
+        children?: react636.ReactNode | undefined;
       }>;
-      readonly TanStackSectionForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackSectionForm: react636.FC<react636.PropsWithChildren<{
         title: string;
       }>>;
-      readonly TanStackCardForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackCardForm: react636.FC<react636.PropsWithChildren<{
         title: string;
         description?: string;
         onDelete?: () => void | Promise<void>;
       }>>;
-      readonly TanStackFieldGroup: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackFieldGroup: react636.FC<react636.PropsWithChildren<{
         label: string;
         description?: string;
         helperText?: string;
         orientation?: "horizontal" | "vertical" | "responsive";
       }>>;
-      readonly TanStackTitleField: react263.FC<{
+      readonly TanStackTitleField: react636.FC<{
         title: string;
         description?: string;
         helperText?: string;
       }>;
-      readonly TanStackActionsForm: react263.FC<react263.PropsWithChildren<{
+      readonly TanStackActionsForm: react636.FC<react636.PropsWithChildren<{
         type?: "create" | "update";
       }>>;
-      readonly TanStackActionSubmit: react263.FC<{
+      readonly TanStackActionSubmit: react636.FC<{
         label?: string;
         className?: string;
       }>;
     }>;
     fields: TFields;
-  }>) => ReturnType<react263.FunctionComponent>;
+  }>) => ReturnType<react636.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-C35BNdrJ.d.cts.map