@customafk/lunas-ui 0.2.75 → 0.2.77

package/dist/{index-BoYnKWwg.d.mts → index-DvC1inRy.d.mts}

@@ -1,6 +1,5 @@
 import * as React$1 from "react";
 import { ComponentType } from "react";
-
 //#region packages/components/features/tanstack-form/types.d.ts
 /** Layout axis for a field's label–input arrangement. */
 type FieldOrientation = 'horizontal' | 'vertical' | 'responsive';
@@ -8,13 +7,18 @@ type FieldOrientation = 'horizontal' | 'vertical' | 'responsive';
 type FieldRounding = 'up' | 'down' | 'nearest' | 'none';
 /** A single option in a select, combobox, or checkbox group. */
 type SelectOption = {
-  /** Display text shown to the user. */label: string; /** Internal value submitted with the form. */
+  /** Display text shown to the user. */
+  label: string;
+  /** Internal value submitted with the form. */
   value: string;
 };
 /** A single option in a radio group, optionally with a supporting description. */
 type RadioOption = {
-  /** Display text shown next to the radio button. */label: string; /** Internal value submitted with the form. */
-  value: string; /** Optional secondary text rendered below the label. */
+  /** Display text shown next to the radio button. */
+  label: string;
+  /** Internal value submitted with the form. */
+  value: string;
+  /** Optional secondary text rendered below the label. */
   description?: string;
 };
 /** Value type for text, email, password, textarea, and text-editor fields. `null` means empty. */
@@ -29,155 +33,269 @@ type DateFieldValue = Date | null;
 type MultiSelectFieldValue = string[] | null;
 /** Props for {@link TextField} — a single-line text input. */
 type TextFieldProps = {
-  /** Field label displayed above or beside the input. */label: string; /** Secondary text rendered below the label. */
-  description?: string; /** Input placeholder shown when the value is empty. */
-  placeholder?: string; /** Controls whether the label stacks above or sits beside the input. Defaults to `'responsive'`. */
-  orientation?: FieldOrientation; /** When `true`, displays a character count below the input. */
-  counter?: boolean; /** Tooltip text shown in an info icon beside the label. */
-  tooltip?: string; /** Helper note rendered below the input. */
-  helperText?: string; /** When `true`, shows an × button to clear the current value. */
-  showClearButton?: boolean; /** When `false`, suppresses inline validation error messages. Defaults to `true`. */
-  showErrorMessage?: boolean; /** Marks the field as required; highlights the label when the value is `null`. */
-  required?: boolean; /** Maximum number of characters the user may enter. */
-  maxLength?: number; /** When `true`, disables the input. Also disabled automatically while the form is submitting. */
+  /** Field label displayed above or beside the input. */
+  label: string;
+  /** Secondary text rendered below the label. */
+  description?: string;
+  /** Input placeholder shown when the value is empty. */
+  placeholder?: string;
+  /** Controls whether the label stacks above or sits beside the input. Defaults to `'responsive'`. */
+  orientation?: FieldOrientation;
+  /** When `true`, displays a character count below the input. */
+  counter?: boolean;
+  /** Tooltip text shown in an info icon beside the label. */
+  tooltip?: string;
+  /** Helper note rendered below the input. */
+  helperText?: string;
+  /** When `true`, shows an × button to clear the current value. */
+  showClearButton?: boolean;
+  /** When `false`, suppresses inline validation error messages. Defaults to `true`. */
+  showErrorMessage?: boolean;
+  /** Marks the field as required; highlights the label when the value is `null`. */
+  required?: boolean;
+  /** Maximum number of characters the user may enter. */
+  maxLength?: number;
+  /** When `true`, disables the input. Also disabled automatically while the form is submitting. */
   disabled?: boolean;
 };
 /** Props for {@link SimpleTextField} — a minimal single-line text input without decoration. */
 type SimpleTextFieldProps = {
-  /** Field label rendered above the input. Omit to render label-less. */label?: string; /** Input placeholder shown when the value is empty. */
-  placeholder?: string; /** When `true`, appends a required asterisk to the label. */
-  required?: boolean; /** Maximum number of characters the user may enter. */
-  maxLength?: number; /** When `true`, disables the input. Also disabled automatically while the form is submitting. */
+  /** Field label rendered above the input. Omit to render label-less. */
+  label?: string;
+  /** Input placeholder shown when the value is empty. */
+  placeholder?: string;
+  /** When `true`, appends a required asterisk to the label. */
+  required?: boolean;
+  /** Maximum number of characters the user may enter. */
+  maxLength?: number;
+  /** When `true`, disables the input. Also disabled automatically while the form is submitting. */
   disabled?: boolean;
 };
 /** Props for {@link TextareaField} — a multi-line text input. */
 type TextareaFieldProps = {
-  /** Field label displayed above or beside the textarea. */label: string; /** Secondary text rendered below the label. */
-  description?: string; /** Textarea placeholder shown when the value is empty. */
-  placeholder?: string; /** Controls whether the label stacks above or sits beside the textarea. Defaults to `'responsive'`. */
-  orientation?: FieldOrientation; /** When `true`, displays a character count below the textarea. */
-  counter?: boolean; /** Tooltip text shown in an info icon beside the label. */
-  tooltip?: string; /** Helper note rendered below the textarea. */
-  helperText?: string; /** When `false`, suppresses inline validation error messages. Defaults to `true`. */
-  showErrorMessage?: boolean; /** Marks the field as required; highlights the label when the value is `null`. */
-  required?: boolean; /** Maximum number of characters the user may enter. */
-  maxLength?: number; /** When `true`, disables the textarea. Also disabled automatically while the form is submitting. */
+  /** Field label displayed above or beside the textarea. */
+  label: string;
+  /** Secondary text rendered below the label. */
+  description?: string;
+  /** Textarea placeholder shown when the value is empty. */
+  placeholder?: string;
+  /** Controls whether the label stacks above or sits beside the textarea. Defaults to `'responsive'`. */
+  orientation?: FieldOrientation;
+  /** When `true`, displays a character count below the textarea. */
+  counter?: boolean;
+  /** Tooltip text shown in an info icon beside the label. */
+  tooltip?: string;
+  /** Helper note rendered below the textarea. */
+  helperText?: string;
+  /** When `false`, suppresses inline validation error messages. Defaults to `true`. */
+  showErrorMessage?: boolean;
+  /** Marks the field as required; highlights the label when the value is `null`. */
+  required?: boolean;
+  /** Maximum number of characters the user may enter. */
+  maxLength?: number;
+  /** When `true`, disables the textarea. Also disabled automatically while the form is submitting. */
   disabled?: boolean;
 };
 /** Props for {@link TextEditorField} — a rich-text (WYSIWYG) editor field. */
 type TextEditorFieldProps = {
-  /** Field label displayed above the editor. */label: string; /** Secondary text rendered below the label. */
-  description?: string; /** Placeholder shown inside the editor when the value is empty. */
-  placeholder?: string; /** Tooltip text shown in an info icon beside the label. */
-  tooltip?: string; /** Helper note rendered below the editor. */
-  helperText?: string; /** When `false`, suppresses inline validation error messages. Defaults to `true`. */
-  showErrorMessage?: boolean; /** Marks the field as required; highlights the label when the value is `null`. */
+  /** Field label displayed above the editor. */
+  label: string;
+  /** Secondary text rendered below the label. */
+  description?: string;
+  /** Placeholder shown inside the editor when the value is empty. */
+  placeholder?: string;
+  /** Tooltip text shown in an info icon beside the label. */
+  tooltip?: string;
+  /** Helper note rendered below the editor. */
+  helperText?: string;
+  /** When `false`, suppresses inline validation error messages. Defaults to `true`. */
+  showErrorMessage?: boolean;
+  /** Marks the field as required; highlights the label when the value is `null`. */
   required?: boolean;
 };
 /** Props for {@link EmailField} — a text input pre-configured for email addresses. */
 type EmailFieldProps = {
-  /** Field label displayed above or beside the input. */label: string; /** Secondary text rendered below the label. */
-  description?: string; /** Input placeholder shown when the value is empty. */
-  placeholder?: string; /** Controls whether the label stacks above or sits beside the input. Defaults to `'responsive'`. */
-  orientation?: FieldOrientation; /** Tooltip text shown in an info icon beside the label. */
-  tooltip?: string; /** Helper note rendered below the input. */
-  helperText?: string; /** When `false`, suppresses inline validation error messages. Defaults to `true`. */
-  showErrorMessage?: boolean; /** Marks the field as required; highlights the label when the value is `null`. */
-  required?: boolean; /** Maximum number of characters the user may enter. */
+  /** Field label displayed above or beside the input. */
+  label: string;
+  /** Secondary text rendered below the label. */
+  description?: string;
+  /** Input placeholder shown when the value is empty. */
+  placeholder?: string;
+  /** Controls whether the label stacks above or sits beside the input. Defaults to `'responsive'`. */
+  orientation?: FieldOrientation;
+  /** Tooltip text shown in an info icon beside the label. */
+  tooltip?: string;
+  /** Helper note rendered below the input. */
+  helperText?: string;
+  /** When `false`, suppresses inline validation error messages. Defaults to `true`. */
+  showErrorMessage?: boolean;
+  /** Marks the field as required; highlights the label when the value is `null`. */
+  required?: boolean;
+  /** Maximum number of characters the user may enter. */
   maxLength?: number;
 };
 /** Props for {@link NumberField} — a numeric input with optional rounding, precision, and unit. */
 type NumberFieldProps = {
-  /** Field label displayed above or beside the input. */label: string; /** Secondary text rendered below the label. */
-  description?: string; /** Input placeholder shown when the value is empty. */
-  placeholder?: string; /** Controls whether the label stacks above or sits beside the input. Defaults to `'responsive'`. */
-  orientation?: FieldOrientation; /** Tooltip text shown in an info icon beside the label. */
-  tooltip?: string; /** Helper note rendered below the input. */
-  helperText?: string; /** Rounding strategy applied when the value changes. Defaults to `'none'`. */
-  rounding?: FieldRounding; /** Number of decimal places displayed and enforced. */
-  decimalPlaces?: number; /** Maximum number of significant digits (precision). */
-  precision?: number; /** Unit label appended to the right of the input (e.g. `'kg'`, `'%'`). */
-  unit?: string; /** When `false`, suppresses inline validation error messages. Defaults to `true`. */
-  showErrorMessage?: boolean; /** Marks the field as required; highlights the label when the value is `null`. */
-  required?: boolean; /** When `true`, the input accepts negative numbers. Defaults to `false`. */
-  allowNegative?: boolean; /** When `true`, disables the input. Also disabled automatically while the form is submitting. */
+  /** Field label displayed above or beside the input. */
+  label: string;
+  /** Secondary text rendered below the label. */
+  description?: string;
+  /** Input placeholder shown when the value is empty. */
+  placeholder?: string;
+  /** Controls whether the label stacks above or sits beside the input. Defaults to `'responsive'`. */
+  orientation?: FieldOrientation;
+  /** Tooltip text shown in an info icon beside the label. */
+  tooltip?: string;
+  /** Helper note rendered below the input. */
+  helperText?: string;
+  /** Rounding strategy applied when the value changes. Defaults to `'none'`. */
+  rounding?: FieldRounding;
+  /** Number of decimal places displayed and enforced. */
+  decimalPlaces?: number;
+  /** Maximum number of significant digits (precision). */
+  precision?: number;
+  /** Unit label appended to the right of the input (e.g. `'kg'`, `'%'`). */
+  unit?: string;
+  /** When `false`, suppresses inline validation error messages. Defaults to `true`. */
+  showErrorMessage?: boolean;
+  /** Marks the field as required; highlights the label when the value is `null`. */
+  required?: boolean;
+  /** When `true`, the input accepts negative numbers. Defaults to `false`. */
+  allowNegative?: boolean;
+  /** When `true`, disables the input. Also disabled automatically while the form is submitting. */
   disabled?: boolean;
 };
 /** Props for {@link PasswordField} — a text input with a show/hide password toggle. */
 type PasswordFieldProps = {
-  /** Field label displayed above or beside the input. */label: string; /** Secondary text rendered below the label. */
-  description?: string; /** Input placeholder shown when the value is empty. */
-  placeholder?: string; /** Controls whether the label stacks above or sits beside the input. Defaults to `'responsive'`. */
-  orientation?: FieldOrientation; /** Tooltip text shown in an info icon beside the label. */
-  tooltip?: string; /** Helper note rendered below the input. */
-  helperText?: string; /** When `false`, suppresses inline validation error messages. Defaults to `true`. */
+  /** Field label displayed above or beside the input. */
+  label: string;
+  /** Secondary text rendered below the label. */
+  description?: string;
+  /** Input placeholder shown when the value is empty. */
+  placeholder?: string;
+  /** Controls whether the label stacks above or sits beside the input. Defaults to `'responsive'`. */
+  orientation?: FieldOrientation;
+  /** Tooltip text shown in an info icon beside the label. */
+  tooltip?: string;
+  /** Helper note rendered below the input. */
+  helperText?: string;
+  /** When `false`, suppresses inline validation error messages. Defaults to `true`. */
   showErrorMessage?: boolean;
 };
 /** Props for {@link SelectField} — a native-style dropdown for picking one option. */
 type SelectFieldProps = {
-  /** Field label displayed above or beside the select. */label: string; /** Secondary text rendered below the label. */
-  description?: string; /** Placeholder text shown when no option is selected. */
-  placeholder?: string; /** List of options to display in the dropdown. */
-  options: SelectOption[]; /** Controls whether the label stacks above or sits beside the select. Defaults to `'responsive'`. */
-  orientation?: FieldOrientation; /** Tooltip text shown in an info icon beside the label. */
-  tooltip?: string; /** Helper note rendered below the select. */
-  helperText?: string; /** When `true`, shows a button to clear the current selection. Defaults to `false`. */
-  clearable?: boolean; /** Marks the field as required; highlights the label when the value is `null`. */
-  required?: boolean; /** When `true`, disables the select. Also disabled automatically while the form is submitting. */
-  disabled?: boolean; /** When `false`, suppresses inline validation error messages. Defaults to `true`. */
+  /** Field label displayed above or beside the select. */
+  label: string;
+  /** Secondary text rendered below the label. */
+  description?: string;
+  /** Placeholder text shown when no option is selected. */
+  placeholder?: string;
+  /** List of options to display in the dropdown. */
+  options: SelectOption[];
+  /** Controls whether the label stacks above or sits beside the select. Defaults to `'responsive'`. */
+  orientation?: FieldOrientation;
+  /** Tooltip text shown in an info icon beside the label. */
+  tooltip?: string;
+  /** Helper note rendered below the select. */
+  helperText?: string;
+  /** When `true`, shows a button to clear the current selection. Defaults to `false`. */
+  clearable?: boolean;
+  /** Marks the field as required; highlights the label when the value is `null`. */
+  required?: boolean;
+  /** When `true`, disables the select. Also disabled automatically while the form is submitting. */
+  disabled?: boolean;
+  /** When `false`, suppresses inline validation error messages. Defaults to `true`. */
   showErrorMessage?: boolean;
 };
 /** Props for {@link ComboboxField} — a searchable dropdown with keyboard navigation. On mobile it opens as a bottom drawer. */
 type ComboboxFieldProps = {
-  /** Field label displayed above or beside the combobox. */label: string; /** Secondary text rendered below the label. */
-  description?: string; /** Placeholder shown in the trigger button and the search input when nothing is selected. */
-  placeholder?: string; /** Tooltip text shown in an info icon beside the label. */
-  tooltip?: string; /** Helper note rendered below the combobox. */
-  helperText?: string; /** Controls whether the label stacks above or sits beside the combobox. Defaults to `'responsive'`. */
-  orientation?: FieldOrientation; /** List of options to display in the dropdown. */
-  options: SelectOption[]; /** Marks the field as required; highlights the label when the value is `null`. */
-  required?: boolean; /** When `true`, disables the combobox. Also disabled automatically while the form is submitting. */
-  disabled?: boolean; /** When `true`, shows a button to clear the current selection. Defaults to `false`. */
-  clearable?: boolean; /** When `false`, suppresses inline validation error messages. Defaults to `true`. */
-  showErrorMessage?: boolean; /** When `true`, forces the combobox to open in a modal dialog instead of a popover. Defaults to `false`. */
+  /** Field label displayed above or beside the combobox. */
+  label: string;
+  /** Secondary text rendered below the label. */
+  description?: string;
+  /** Placeholder shown in the trigger button and the search input when nothing is selected. */
+  placeholder?: string;
+  /** Tooltip text shown in an info icon beside the label. */
+  tooltip?: string;
+  /** Helper note rendered below the combobox. */
+  helperText?: string;
+  /** Controls whether the label stacks above or sits beside the combobox. Defaults to `'responsive'`. */
+  orientation?: FieldOrientation;
+  /** List of options to display in the dropdown. */
+  options: SelectOption[];
+  /** Marks the field as required; highlights the label when the value is `null`. */
+  required?: boolean;
+  /** When `true`, disables the combobox. Also disabled automatically while the form is submitting. */
+  disabled?: boolean;
+  /** When `true`, shows a button to clear the current selection. Defaults to `false`. */
+  clearable?: boolean;
+  /** When `false`, suppresses inline validation error messages. Defaults to `true`. */
+  showErrorMessage?: boolean;
+  /** When `true`, forces the combobox to open in a modal dialog instead of a popover. Defaults to `false`. */
   modal?: boolean;
 };
 /** Props for {@link RadioGroupField} — a list of mutually exclusive radio buttons. */
 type RadioGroupFieldProps = {
-  /** Field label displayed above the radio group. */label: string; /** Secondary text rendered below the label. */
-  description?: string; /** List of radio options, each with an optional description. */
-  options: RadioOption[]; /** Controls whether the label stacks above or sits beside the group. Defaults to `'responsive'`. */
-  orientation?: FieldOrientation; /** Helper note rendered below the group. */
-  helperText?: string; /** Tooltip text shown in an info icon beside the label. */
+  /** Field label displayed above the radio group. */
+  label: string;
+  /** Secondary text rendered below the label. */
+  description?: string;
+  /** List of radio options, each with an optional description. */
+  options: RadioOption[];
+  /** Controls whether the label stacks above or sits beside the group. Defaults to `'responsive'`. */
+  orientation?: FieldOrientation;
+  /** Helper note rendered below the group. */
+  helperText?: string;
+  /** Tooltip text shown in an info icon beside the label. */
   tooltip?: string;
 };
 /** Props for {@link CheckboxField} — a group of checkboxes for multi-value selection. */
 type CheckboxFieldProps = {
-  /** Field label displayed above the checkbox group. */label: string; /** Secondary text rendered below the label. */
-  description?: string; /** Controls whether the label stacks above or sits beside the group. Defaults to `'responsive'`. */
-  orientation?: FieldOrientation; /** List of checkbox options to display. */
-  options: SelectOption[]; /** Helper note rendered below the group. */
-  helperText?: string; /** Tooltip text shown in an info icon beside the label. */
+  /** Field label displayed above the checkbox group. */
+  label: string;
+  /** Secondary text rendered below the label. */
+  description?: string;
+  /** Controls whether the label stacks above or sits beside the group. Defaults to `'responsive'`. */
+  orientation?: FieldOrientation;
+  /** List of checkbox options to display. */
+  options: SelectOption[];
+  /** Helper note rendered below the group. */
+  helperText?: string;
+  /** Tooltip text shown in an info icon beside the label. */
   tooltip?: string;
 };
 /** Props for {@link SwitchField} — a boolean toggle rendered as a labelled switch. */
 type SwitchFieldProps = {
-  /** Field label displayed beside the switch. */label: string; /** Secondary text rendered below the label. */
-  description?: string; /** Helper note rendered below the switch. */
+  /** Field label displayed beside the switch. */
+  label: string;
+  /** Secondary text rendered below the label. */
+  description?: string;
+  /** Helper note rendered below the switch. */
   helperText?: string;
 };
 /** Props for {@link DateField} — a calendar date picker with quick-select presets. */
 type DateFieldProps = {
-  /** Field label displayed above or beside the picker. */label: string; /** Secondary text rendered below the label. */
-  description?: string; /** Placeholder shown in the trigger button when no date is selected. */
-  placeholder?: string; /** Controls whether the label stacks above or sits beside the picker. Defaults to `'responsive'`. */
-  orientation?: FieldOrientation; /** Tooltip text shown in an info icon beside the label. */
-  tooltip?: string; /** Helper note rendered below the picker. */
-  helperText?: string; /** When `false`, suppresses inline validation error messages. Defaults to `true`. */
-  showErrorMessage?: boolean; /** Marks the field as required; highlights the label when the value is `null`. */
-  required?: boolean; /** When `true`, disables the date picker. Also disabled automatically while the form is submitting. */
-  disabled?: boolean; /** Earliest selectable date; days before this are hidden in the calendar. */
-  minDate?: Date; /** Latest selectable date; days after this are hidden in the calendar. */
+  /** Field label displayed above or beside the picker. */
+  label: string;
+  /** Secondary text rendered below the label. */
+  description?: string;
+  /** Placeholder shown in the trigger button when no date is selected. */
+  placeholder?: string;
+  /** Controls whether the label stacks above or sits beside the picker. Defaults to `'responsive'`. */
+  orientation?: FieldOrientation;
+  /** Tooltip text shown in an info icon beside the label. */
+  tooltip?: string;
+  /** Helper note rendered below the picker. */
+  helperText?: string;
+  /** When `false`, suppresses inline validation error messages. Defaults to `true`. */
+  showErrorMessage?: boolean;
+  /** Marks the field as required; highlights the label when the value is `null`. */
+  required?: boolean;
+  /** When `true`, disables the date picker. Also disabled automatically while the form is submitting. */
+  disabled?: boolean;
+  /** Earliest selectable date; days before this are hidden in the calendar. */
+  minDate?: Date;
+  /** Latest selectable date; days after this are hidden in the calendar. */
   maxDate?: Date;
 };
 /**
@@ -223,48 +341,12 @@ type FieldType = AnyFieldProps['fieldType'];
 //#endregion
 //#region node_modules/@radix-ui/react-primitive/dist/index.d.mts
 declare const NODES: readonly ["a", "button", "div", "form", "h2", "h3", "img", "input", "label", "li", "nav", "ol", "p", "select", "span", "svg", "ul"];
-type Primitives = { [E in (typeof NODES)[number]]: PrimitiveForwardRefComponent<E> };
+type Primitives = { [E in (typeof NODES)[number]]: PrimitiveForwardRefComponent<E>; };
 type PrimitivePropsWithRef<E extends React$1.ElementType> = React$1.ComponentPropsWithRef<E> & {
   asChild?: boolean;
 };
 interface PrimitiveForwardRefComponent<E extends React$1.ElementType> extends React$1.ForwardRefExoticComponent<PrimitivePropsWithRef<E>> {}
 declare const Primitive: Primitives;
-/**
- * Flush custom event dispatch
- * https://github.com/radix-ui/primitives/pull/1378
- *
- * React batches *all* event handlers since version 18, this introduces certain considerations when using custom event types.
- *
- * Internally, React prioritises events in the following order:
- *  - discrete
- *  - continuous
- *  - default
- *
- * https://github.com/facebook/react/blob/a8a4742f1c54493df00da648a3f9d26e3db9c8b5/packages/react-dom/src/events/ReactDOMEventListener.js#L294-L350
- *
- * `discrete` is an  important distinction as updates within these events are applied immediately.
- * React however, is not able to infer the priority of custom event types due to how they are detected internally.
- * Because of this, it's possible for updates from custom events to be unexpectedly batched when
- * dispatched by another `discrete` event.
- *
- * In order to ensure that updates from custom events are applied predictably, we need to manually flush the batch.
- * This utility should be used when dispatching a custom event from within another `discrete` event, this utility
- * is not necessary when dispatching known event types, or if dispatching a custom type inside a non-discrete event.
- * For example:
- *
- * dispatching a known click 👎
- * target.dispatchEvent(new Event(‘click’))
- *
- * dispatching a custom type within a non-discrete event 👎
- * onScroll={(event) => event.target.dispatchEvent(new CustomEvent(‘customType’))}
- *
- * dispatching a custom type within a `discrete` event 👍
- * onPointerDown={(event) => dispatchDiscreteCustomEvent(event.target, new CustomEvent(‘customType’))}
- *
- * Note: though React classifies `focus`, `focusin` and `focusout` events as `discrete`, it's  not recommended to use
- * this utility with them. This is because it's possible for those handlers to be called implicitly during render
- * e.g. when focus is within a component as it is unmounted, or when managing focus on mount.
- */
 //#endregion
 //#region node_modules/@radix-ui/react-label/dist/index.d.mts
 type PrimitiveLabelProps = React$1.ComponentPropsWithoutRef<typeof Primitive.label>;
@@ -452,7 +534,7 @@ interface UnknownDeepKeyAndValue<TParent extends AnyDeepKeyAndValue> extends Any
 }
 type DeepKeysAndValues<T> = DeepKeysAndValuesImpl<T> extends AnyDeepKeyAndValue ? DeepKeysAndValuesImpl<T> : never;
 type DeepKeysAndValuesImpl<T, TParent extends AnyDeepKeyAndValue = never, TAcc = never> = unknown extends T ? TAcc | UnknownDeepKeyAndValue<TParent> : unknown extends T ? T : T extends string | number | boolean | bigint | Date ? TAcc : T extends ReadonlyArray<any> ? number extends T['length'] ? DeepKeyAndValueArray<TParent, T, TAcc> : DeepKeyAndValueTuple<TParent, T, TAcc> : keyof T extends never ? TAcc | UnknownDeepKeyAndValue<TParent> : T extends object ? DeepKeyAndValueObject<TParent, T, TAcc> : TAcc;
-type DeepRecord<T> = { [TRecord in DeepKeysAndValues<T> as TRecord['key']]: TRecord['value'] };
+type DeepRecord<T> = { [TRecord in DeepKeysAndValues<T> as TRecord['key']]: TRecord['value']; };
 /**
  * The keys of an object or array, deeply nested.
  */
@@ -469,7 +551,7 @@ type DeepKeysOfType<TData, TValue> = Extract<DeepKeysAndValues<TData>, AnyDeepKe
  * Maps the deep keys of TFormData to the shallow keys of TFieldGroupData.
  *  Since using template strings as keys is impractical, it relies on shallow keys only.
  */
-type FieldsMap<TFormData, TFieldGroupData> = TFieldGroupData extends any[] ? never : string extends keyof TFieldGroupData ? never : { [K in keyof TFieldGroupData]: DeepKeysOfType<TFormData, TFieldGroupData[K]> };
+type FieldsMap<TFormData, TFieldGroupData> = TFieldGroupData extends any[] ? never : string extends keyof TFieldGroupData ? never : { [K in keyof TFieldGroupData]: DeepKeysOfType<TFormData, TFieldGroupData[K]>; };
 //#endregion
 //#region node_modules/@tanstack/form-core/dist/esm/utils.d.ts
 type UpdaterFn<TInput, TOutput = TInput> = (input: TInput) => TOutput;
@@ -591,9 +673,6 @@ interface FieldExtraOptions<TParentData, TName extends DeepKeys<TParentData>, TD
    */
   listeners?: FieldListeners<TParentData, TName, TData>;
 }
-/**
- * An object type representing the options for a field in a form.
- */
 interface FieldApiOptions<in out TParentData, in out TName extends DeepKeys<TParentData>, in out TData extends DeepValue<TParentData, TName>, in out TOnMount extends undefined | FieldValidateOrFn<TParentData, TName, TData>, in out TOnChange extends undefined | FieldValidateOrFn<TParentData, TName, TData>, in out TOnChangeAsync extends undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>, in out TOnBlur extends undefined | FieldValidateOrFn<TParentData, TName, TData>, in out TOnBlurAsync extends undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>, in out TOnSubmit extends undefined | FieldValidateOrFn<TParentData, TName, TData>, in out TOnSubmitAsync extends undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>, in out TOnDynamic extends undefined | FieldValidateOrFn<TParentData, TName, TData>, in out TOnDynamicAsync extends undefined | FieldAsyncValidateOrFn<TParentData, TName, TData>, in out TFormOnMount extends undefined | FormValidateOrFn<TParentData>, in out TFormOnChange extends undefined | FormValidateOrFn<TParentData>, in out TFormOnChangeAsync extends undefined | FormAsyncValidateOrFn<TParentData>, in out TFormOnBlur extends undefined | FormValidateOrFn<TParentData>, in out TFormOnBlurAsync extends undefined | FormAsyncValidateOrFn<TParentData>, in out TFormOnSubmit extends undefined | FormValidateOrFn<TParentData>, in out TFormOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TParentData>, in out TFormOnDynamic extends undefined | FormValidateOrFn<TParentData>, in out TFormOnDynamicAsync extends undefined | FormAsyncValidateOrFn<TParentData>, in out TFormOnServer extends undefined | FormAsyncValidateOrFn<TParentData>, in out TParentSubmitMeta> extends FieldLikeApiOptions<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnDynamic, TFormOnDynamicAsync, TFormOnServer, TParentSubmitMeta>, FieldExtraOptions<TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync> {}
 /**
  * @public
@@ -719,6 +798,16 @@ declare class FieldApi<in out TParentData, in out TName extends DeepKeys<TParent
   validateSync: (cause: ValidationCause, errorFromForm: ValidationErrorMap) => {
     hasErrored: boolean;
   };
+  /**
+   * `@private`
+   * Starts tracking an async validation, incrementing the counter and setting isValidating if needed.
+   */
+  private startValidation;
+  /**
+   * `@private`
+   * Ends tracking an async validation, decrementing the counter and clearing isValidating if no validations remain.
+   */
+  private endValidation;
   /**
    * @private
    */
@@ -1338,7 +1427,7 @@ interface FormLikeAPI<TFormData, TSubmitMeta> {
   resetField: <TField extends DeepKeys<TFormData>>(field: TField) => void;
 }
 type UnwrapFormAsyncValidateOrFnForInner<TValidateOrFn extends undefined | FormAsyncValidateOrFn<any>> = [TValidateOrFn] extends [FormValidateAsyncFn<any>] ? Awaited<ReturnType<TValidateOrFn>> : [TValidateOrFn] extends [StandardSchemaV1<infer TOut, any>] ? StandardBrandedSchemaV1<TOut> : undefined;
-type UnwrapFieldAsyncValidateOrFn<TName extends string, TValidateOrFn extends undefined | FieldAsyncValidateOrFn<any, any, any> | FormGroupAsyncValidateOrFn<any, any>, TFormValidateOrFn extends undefined | FormAsyncValidateOrFn<any>> = ([TFormValidateOrFn] extends [StandardSchemaV1<any, infer TStandardOut>] ? TName extends keyof TStandardOut ? StandardSchemaV1Issue[] : undefined : undefined) | (UnwrapFormAsyncValidateOrFnForInner<TFormValidateOrFn> extends infer TFormValidateVal ? TFormValidateVal extends {
+type UnwrapFieldAsyncValidateOrFn<TName extends string, TValidateOrFn extends undefined | FieldAsyncValidateOrFn<any, any, any> | FormGroupAsyncValidateOrFn<any, any>, TFormValidateOrFn extends undefined | FormAsyncValidateOrFn<any>> = ([TFormValidateOrFn] extends [StandardSchemaV1<any, infer TStandardOut>] ? TName extends keyof TStandardOut ? StandardSchemaV1Issue[] : undefined : undefined) | (UnwrapFormAsyncValidateOrFnForInner<TFormValidateOrFn> extends (infer TFormValidateVal) ? TFormValidateVal extends {
   __standardSchemaV1: true;
 } ? [DeepValue<TFormValidateVal, TName>] extends [never] ? undefined : StandardSchemaV1Issue[] : TFormValidateVal extends {
   fields: any;
@@ -1351,11 +1440,11 @@ type StandardBrandedSchemaV1<T> = T & {
   __standardSchemaV1: true;
 };
 type UnwrapFormValidateOrFnForInner<TValidateOrFn extends undefined | FormValidateOrFn<any>> = [TValidateOrFn] extends [FormValidateFn<any>] ? ReturnType<TValidateOrFn> : [TValidateOrFn] extends [StandardSchemaV1<infer TOut, any>] ? StandardBrandedSchemaV1<TOut> : undefined;
-type UnwrapFieldValidateOrFn<TName extends string, TValidateOrFn extends undefined | FieldValidateOrFn<any, any, any> | FormGroupValidateOrFn<any, any, any>, TFormValidateOrFn extends undefined | FormValidateOrFn<any>> = ([TFormValidateOrFn] extends [StandardSchemaV1<any, infer TStandardOut>] ? TName extends keyof TStandardOut ? StandardSchemaV1Issue[] : undefined : undefined) | (UnwrapFormValidateOrFnForInner<TFormValidateOrFn> extends infer TFormValidateVal ? TFormValidateVal extends {
+type UnwrapFieldValidateOrFn<TName extends string, TValidateOrFn extends undefined | FieldValidateOrFn<any, any, any> | FormGroupValidateOrFn<any, any, any>, TFormValidateOrFn extends undefined | FormValidateOrFn<any>> = ([TFormValidateOrFn] extends [StandardSchemaV1<any, infer TStandardOut>] ? TName extends keyof TStandardOut ? StandardSchemaV1Issue[] : undefined : undefined) | (UnwrapFormValidateOrFnForInner<TFormValidateOrFn> extends (infer TFormValidateVal) ? TFormValidateVal extends {
   __standardSchemaV1: true;
 } ? [DeepValue<TFormValidateVal, TName>] extends [never] ? undefined : StandardSchemaV1Issue[] : TFormValidateVal extends {
   fields: any;
-} ? TName extends keyof TFormValidateVal['fields'] ? TFormValidateVal['fields'][TName] : undefined : undefined : never) | ([TValidateOrFn] extends [FieldValidateFn<any, any, any>] ? ReturnType<TValidateOrFn> : [TValidateOrFn] extends [StandardSchemaV1<any, any>] ? StandardSchemaV1Issue[] : undefined) | ([TValidateOrFn] extends [FormGroupValidateFn<any, any, any>] ? ReturnType<TValidateOrFn> : [TValidateOrFn] extends [StandardSchemaV1<any, any>] ? StandardSchemaV1Issue[] : undefined);
+} ? TName extends keyof TFormValidateVal['fields'] ? TFormValidateVal['fields'][TName] : undefined : undefined : never) | ([TValidateOrFn] extends [StandardSchemaV1<any, any>] ? StandardSchemaV1Issue[] : [TValidateOrFn] extends [FieldValidateFn<any, any, any>] ? ReturnType<TValidateOrFn> : undefined) | ([TValidateOrFn] extends [StandardSchemaV1<any, any>] ? StandardSchemaV1Issue[] : [TValidateOrFn] extends [FormGroupValidateFn<any, any, any>] ? ReturnType<TValidateOrFn> : undefined);
 /**
  * @private
  */
@@ -1384,6 +1473,15 @@ type FieldLikeMetaBase<TParentData, TName extends DeepKeys<TParentData>, TData e
    * A flag indicating whether the field is currently being validated.
    */
   isValidating: boolean;
+  /**
+   * @private
+   * Counter for tracking active async validations to prevent race conditions
+   * when multiple validations finish at the same time.
+   *
+   * NOTE: This field is intentionally internal (prefixed with `_`) and is not
+   * part of the public API — do not read or rely on it from external code.
+   */
+  _pendingValidationsCount: number;
   /**
    * @private a counter that is incremented every time a structural array
    * operation (push, insert, remove, swap, move, replace, clear) modifies
@@ -2040,11 +2138,20 @@ type SimpleArrayFieldProps<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'`. */
+  children: (index: number) => React.ReactNode;
+  /** Label on the add button. Defaults to `'Add row'`. */
   addLabel?: string;
   className?: string;
 };
 //#endregion
+//#region packages/components/features/tanstack-form/components/form-context.d.ts
+/**
+ * Shared field/form contexts, split out from `tanstack-form.tsx` so that field and form
+ * components can depend on them directly instead of importing back through the file that
+ * lazy-loads those same components (which would reintroduce a circular import).
+ */
+declare const fieldContext: import("react").Context<AnyFieldApi>, formContext: import("react").Context<AnyFormApi>, useTanStackFieldContext: <TData>() => 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: () => import("@tanstack/react-form").ReactFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any, any, any>;
+//#endregion
 //#region packages/components/features/tanstack-form/tanstack-form.d.ts
 declare const TextField: ComponentType<TextFieldProps>;
 declare const TextareaField: ComponentType<TextareaFieldProps>;
@@ -2275,6 +2382,355 @@ declare const FieldError: ComponentType<import("react").ClassAttributes<HTMLDivE
  * ));
  */
 declare const useTanStackForm: <TFormData, TOnMount extends FormValidateOrFn<TFormData> | undefined, TOnChange extends FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => import("@tanstack/react-form").AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+  readonly TextField: ComponentType<TextFieldProps>;
+  readonly TextareaField: ComponentType<TextareaFieldProps>;
+  readonly TextEditorField: ComponentType<TextEditorFieldProps>;
+  readonly NumberField: ComponentType<NumberFieldProps>;
+  readonly EmailField: ComponentType<EmailFieldProps>;
+  readonly PasswordField: ComponentType<PasswordFieldProps>;
+  readonly SelectField: ComponentType<SelectFieldProps>;
+  readonly ComboboxField: ComponentType<ComboboxFieldProps>;
+  readonly DateField: ComponentType<DateFieldProps>;
+  readonly SwitchField: ComponentType<SwitchFieldProps>;
+  readonly RadioGroupField: ComponentType<RadioGroupFieldProps>;
+  readonly CheckboxField: ComponentType<CheckboxFieldProps>;
+  readonly SimpleTextField: ComponentType<SimpleTextFieldProps>;
+  readonly SimpleEmailField: ComponentType<{
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    maxLength?: number;
+    disabled?: boolean;
+  }>;
+  readonly SimplePasswordField: ComponentType<{
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+  }>;
+  readonly SimpleTextareaField: ComponentType<{
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    maxLength?: number;
+    rows?: number;
+    disabled?: boolean;
+  }>;
+  readonly SimpleNumberField: ComponentType<{
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    unit?: string;
+    allowNegative?: boolean;
+    disabled?: boolean;
+  }>;
+  readonly SimpleSelectField: ComponentType<{
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    options: Array<{
+      value: string;
+      label: string;
+    }>;
+  }>;
+  readonly SimpleArrayField: typeof SimpleArrayField;
+  readonly SimpleBooleanField: ComponentType<{
+    label?: string;
+    required?: boolean;
+    disabled?: boolean;
+    variant?: "checkbox" | "switch";
+  }>;
+  readonly SimpleComboboxField: ComponentType<{
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    options: Array<{
+      value: string;
+      label: string;
+    }>;
+  }>;
+  readonly SimpleDateField: ComponentType<{
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+  }>;
+  readonly SimpleRadioGroupField: ComponentType<{
+    label?: string;
+    required?: boolean;
+    disabled?: boolean;
+    options: Array<{
+      value: string;
+      label: string;
+    }>;
+    orientation?: "horizontal" | "vertical";
+  }>;
+  readonly FieldGroup: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+  readonly Field: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("class-variance-authority").VariantProps<(props?: ({
+    orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+  } & import("class-variance-authority/types").ClassProp) | undefined) => string>>;
+  readonly FieldContent: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+  readonly FieldLabel: ComponentType<LabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+  readonly FieldContentMain: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+  readonly FieldSeparator: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    children?: import("react").ReactNode | undefined;
+  }>;
+  readonly FieldError: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    errors?: Array<{
+      code?: string;
+      message?: string;
+    } | undefined>;
+    requiredMessage?: string;
+  }>;
+}, {
+  readonly TanStackDialogForm: ComponentType<{
+    title: string;
+    submitText?: string;
+    width?: number | string;
+    maxWidth?: number | string;
+    className?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+  } & {
+    children?: import("react").ReactNode | undefined;
+  }>;
+  readonly TanStackPopoverForm: ComponentType<{
+    title: string;
+    open?: boolean;
+    contentClassName?: string;
+    onOpenChange?: (open: boolean) => void;
+  } & {
+    children?: import("react").ReactNode | undefined;
+  }>;
+  readonly TanStackContainerForm: ComponentType<{
+    className?: string;
+  } & {
+    children?: import("react").ReactNode | undefined;
+  }>;
+  readonly TanStackSectionForm: ComponentType<{
+    title: string;
+    icon?: React.ReactNode;
+    className?: string;
+  } & {
+    children?: import("react").ReactNode | undefined;
+  }>;
+  readonly TanStackCardForm: ComponentType<{
+    title: string;
+    description?: string;
+    onDelete?: () => void | Promise<void>;
+  } & {
+    children?: import("react").ReactNode | undefined;
+  }>;
+  readonly TanStackFieldGroup: ComponentType<{
+    label: string;
+    description?: string;
+    helperText?: string;
+    orientation?: "horizontal" | "vertical" | "responsive";
+  } & {
+    children?: import("react").ReactNode | undefined;
+  }>;
+  readonly TanStackTitleField: ComponentType<{
+    title: string;
+    description?: string;
+    helperText?: string;
+  }>;
+  readonly TanStackActionsForm: ComponentType<{
+    type?: "create" | "update";
+  } & {
+    children?: import("react").ReactNode | undefined;
+  }>;
+  readonly TanStackActionSubmit: ComponentType<{
+    label?: string;
+    className?: string;
+  }>;
+  readonly ArrayCol: ComponentType<{
+    width?: number | string;
+    className?: string;
+    children: React.ReactNode;
+  }>;
+  readonly ArrayHeaderRow: ComponentType<{
+    className?: string;
+    children: React.ReactNode;
+  }>;
+}>, withTanStackForm: <TFormData, TOnMount extends FormValidateOrFn<TFormData> | undefined, TOnChange extends FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends object = {}>({ render, props }: import("@tanstack/react-form").WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+  readonly TextField: ComponentType<TextFieldProps>;
+  readonly TextareaField: ComponentType<TextareaFieldProps>;
+  readonly TextEditorField: ComponentType<TextEditorFieldProps>;
+  readonly NumberField: ComponentType<NumberFieldProps>;
+  readonly EmailField: ComponentType<EmailFieldProps>;
+  readonly PasswordField: ComponentType<PasswordFieldProps>;
+  readonly SelectField: ComponentType<SelectFieldProps>;
+  readonly ComboboxField: ComponentType<ComboboxFieldProps>;
+  readonly DateField: ComponentType<DateFieldProps>;
+  readonly SwitchField: ComponentType<SwitchFieldProps>;
+  readonly RadioGroupField: ComponentType<RadioGroupFieldProps>;
+  readonly CheckboxField: ComponentType<CheckboxFieldProps>;
+  readonly SimpleTextField: ComponentType<SimpleTextFieldProps>;
+  readonly SimpleEmailField: ComponentType<{
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    maxLength?: number;
+    disabled?: boolean;
+  }>;
+  readonly SimplePasswordField: ComponentType<{
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+  }>;
+  readonly SimpleTextareaField: ComponentType<{
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    maxLength?: number;
+    rows?: number;
+    disabled?: boolean;
+  }>;
+  readonly SimpleNumberField: ComponentType<{
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    unit?: string;
+    allowNegative?: boolean;
+    disabled?: boolean;
+  }>;
+  readonly SimpleSelectField: ComponentType<{
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    options: Array<{
+      value: string;
+      label: string;
+    }>;
+  }>;
+  readonly SimpleArrayField: typeof SimpleArrayField;
+  readonly SimpleBooleanField: ComponentType<{
+    label?: string;
+    required?: boolean;
+    disabled?: boolean;
+    variant?: "checkbox" | "switch";
+  }>;
+  readonly SimpleComboboxField: ComponentType<{
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    options: Array<{
+      value: string;
+      label: string;
+    }>;
+  }>;
+  readonly SimpleDateField: ComponentType<{
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+  }>;
+  readonly SimpleRadioGroupField: ComponentType<{
+    label?: string;
+    required?: boolean;
+    disabled?: boolean;
+    options: Array<{
+      value: string;
+      label: string;
+    }>;
+    orientation?: "horizontal" | "vertical";
+  }>;
+  readonly FieldGroup: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+  readonly Field: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("class-variance-authority").VariantProps<(props?: ({
+    orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+  } & import("class-variance-authority/types").ClassProp) | undefined) => string>>;
+  readonly FieldContent: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+  readonly FieldLabel: ComponentType<LabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+  readonly FieldContentMain: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+  readonly FieldSeparator: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    children?: import("react").ReactNode | undefined;
+  }>;
+  readonly FieldError: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    errors?: Array<{
+      code?: string;
+      message?: string;
+    } | undefined>;
+    requiredMessage?: string;
+  }>;
+}, {
+  readonly TanStackDialogForm: ComponentType<{
+    title: string;
+    submitText?: string;
+    width?: number | string;
+    maxWidth?: number | string;
+    className?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+  } & {
+    children?: import("react").ReactNode | undefined;
+  }>;
+  readonly TanStackPopoverForm: ComponentType<{
+    title: string;
+    open?: boolean;
+    contentClassName?: string;
+    onOpenChange?: (open: boolean) => void;
+  } & {
+    children?: import("react").ReactNode | undefined;
+  }>;
+  readonly TanStackContainerForm: ComponentType<{
+    className?: string;
+  } & {
+    children?: import("react").ReactNode | undefined;
+  }>;
+  readonly TanStackSectionForm: ComponentType<{
+    title: string;
+    icon?: React.ReactNode;
+    className?: string;
+  } & {
+    children?: import("react").ReactNode | undefined;
+  }>;
+  readonly TanStackCardForm: ComponentType<{
+    title: string;
+    description?: string;
+    onDelete?: () => void | Promise<void>;
+  } & {
+    children?: import("react").ReactNode | undefined;
+  }>;
+  readonly TanStackFieldGroup: ComponentType<{
+    label: string;
+    description?: string;
+    helperText?: string;
+    orientation?: "horizontal" | "vertical" | "responsive";
+  } & {
+    children?: import("react").ReactNode | undefined;
+  }>;
+  readonly TanStackTitleField: ComponentType<{
+    title: string;
+    description?: string;
+    helperText?: string;
+  }>;
+  readonly TanStackActionsForm: ComponentType<{
+    type?: "create" | "update";
+  } & {
+    children?: import("react").ReactNode | undefined;
+  }>;
+  readonly TanStackActionSubmit: ComponentType<{
+    label?: string;
+    className?: string;
+  }>;
+  readonly ArrayCol: ComponentType<{
+    width?: number | string;
+    className?: string;
+    children: React.ReactNode;
+  }>;
+  readonly ArrayHeaderRow: ComponentType<{
+    className?: string;
+    children: React.ReactNode;
+  }>;
+}, TRenderProps>) => import("react").FunctionComponent<import("react").PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
+  form: import("@tanstack/react-form").AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, {
     readonly TextField: ComponentType<TextFieldProps>;
     readonly TextareaField: ComponentType<TextareaFieldProps>;
     readonly TextEditorField: ComponentType<TextEditorFieldProps>;
@@ -2448,10 +2904,183 @@ declare const useTanStackForm: <TFormData, TOnMount extends FormValidateOrFn<TFo
       className?: string;
       children: React.ReactNode;
     }>;
-  }>, withTanStackForm: <TFormData, TOnMount extends FormValidateOrFn<TFormData> | undefined, TOnChange extends FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends object = {}>({
-    render,
-    props
-  }: import("@tanstack/react-form").WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+  }>;
+}>>, withTanStackFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps extends object = {}>({ render, props, defaultValues }: import("@tanstack/react-form").WithFieldGroupProps<TFieldGroupData, {
+  readonly TextField: ComponentType<TextFieldProps>;
+  readonly TextareaField: ComponentType<TextareaFieldProps>;
+  readonly TextEditorField: ComponentType<TextEditorFieldProps>;
+  readonly NumberField: ComponentType<NumberFieldProps>;
+  readonly EmailField: ComponentType<EmailFieldProps>;
+  readonly PasswordField: ComponentType<PasswordFieldProps>;
+  readonly SelectField: ComponentType<SelectFieldProps>;
+  readonly ComboboxField: ComponentType<ComboboxFieldProps>;
+  readonly DateField: ComponentType<DateFieldProps>;
+  readonly SwitchField: ComponentType<SwitchFieldProps>;
+  readonly RadioGroupField: ComponentType<RadioGroupFieldProps>;
+  readonly CheckboxField: ComponentType<CheckboxFieldProps>;
+  readonly SimpleTextField: ComponentType<SimpleTextFieldProps>;
+  readonly SimpleEmailField: ComponentType<{
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    maxLength?: number;
+    disabled?: boolean;
+  }>;
+  readonly SimplePasswordField: ComponentType<{
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+  }>;
+  readonly SimpleTextareaField: ComponentType<{
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    maxLength?: number;
+    rows?: number;
+    disabled?: boolean;
+  }>;
+  readonly SimpleNumberField: ComponentType<{
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    unit?: string;
+    allowNegative?: boolean;
+    disabled?: boolean;
+  }>;
+  readonly SimpleSelectField: ComponentType<{
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    options: Array<{
+      value: string;
+      label: string;
+    }>;
+  }>;
+  readonly SimpleArrayField: typeof SimpleArrayField;
+  readonly SimpleBooleanField: ComponentType<{
+    label?: string;
+    required?: boolean;
+    disabled?: boolean;
+    variant?: "checkbox" | "switch";
+  }>;
+  readonly SimpleComboboxField: ComponentType<{
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    options: Array<{
+      value: string;
+      label: string;
+    }>;
+  }>;
+  readonly SimpleDateField: ComponentType<{
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+  }>;
+  readonly SimpleRadioGroupField: ComponentType<{
+    label?: string;
+    required?: boolean;
+    disabled?: boolean;
+    options: Array<{
+      value: string;
+      label: string;
+    }>;
+    orientation?: "horizontal" | "vertical";
+  }>;
+  readonly FieldGroup: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+  readonly Field: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("class-variance-authority").VariantProps<(props?: ({
+    orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+  } & import("class-variance-authority/types").ClassProp) | undefined) => string>>;
+  readonly FieldContent: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+  readonly FieldLabel: ComponentType<LabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+  readonly FieldContentMain: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+  readonly FieldSeparator: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    children?: import("react").ReactNode | undefined;
+  }>;
+  readonly FieldError: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    errors?: Array<{
+      code?: string;
+      message?: string;
+    } | undefined>;
+    requiredMessage?: string;
+  }>;
+}, {
+  readonly TanStackDialogForm: ComponentType<{
+    title: string;
+    submitText?: string;
+    width?: number | string;
+    maxWidth?: number | string;
+    className?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+  } & {
+    children?: import("react").ReactNode | undefined;
+  }>;
+  readonly TanStackPopoverForm: ComponentType<{
+    title: string;
+    open?: boolean;
+    contentClassName?: string;
+    onOpenChange?: (open: boolean) => void;
+  } & {
+    children?: import("react").ReactNode | undefined;
+  }>;
+  readonly TanStackContainerForm: ComponentType<{
+    className?: string;
+  } & {
+    children?: import("react").ReactNode | undefined;
+  }>;
+  readonly TanStackSectionForm: ComponentType<{
+    title: string;
+    icon?: React.ReactNode;
+    className?: string;
+  } & {
+    children?: import("react").ReactNode | undefined;
+  }>;
+  readonly TanStackCardForm: ComponentType<{
+    title: string;
+    description?: string;
+    onDelete?: () => void | Promise<void>;
+  } & {
+    children?: import("react").ReactNode | undefined;
+  }>;
+  readonly TanStackFieldGroup: ComponentType<{
+    label: string;
+    description?: string;
+    helperText?: string;
+    orientation?: "horizontal" | "vertical" | "responsive";
+  } & {
+    children?: import("react").ReactNode | undefined;
+  }>;
+  readonly TanStackTitleField: ComponentType<{
+    title: string;
+    description?: string;
+    helperText?: string;
+  }>;
+  readonly TanStackActionsForm: ComponentType<{
+    type?: "create" | "update";
+  } & {
+    children?: import("react").ReactNode | undefined;
+  }>;
+  readonly TanStackActionSubmit: ComponentType<{
+    label?: string;
+    className?: string;
+  }>;
+  readonly ArrayCol: ComponentType<{
+    width?: number | string;
+    className?: string;
+    children: React.ReactNode;
+  }>;
+  readonly ArrayHeaderRow: ComponentType<{
+    className?: string;
+    children: React.ReactNode;
+  }>;
+}, TSubmitMeta, TRenderProps>) => <TFormData, TFields extends DeepKeysOfType<TFormData, TFieldGroupData | null | undefined> | FieldsMap<TFormData, TFieldGroupData>, TOnMount extends FormValidateOrFn<TFormData> | undefined, TOnChange extends FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends FormAsyncValidateOrFn<TFormData> | undefined, TFormSubmitMeta>(params: import("react").PropsWithChildren<NoInfer<TRenderProps> & {
+  form: import("@tanstack/react-form").AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
     readonly TextField: ComponentType<TextFieldProps>;
     readonly TextareaField: ComponentType<TextareaFieldProps>;
     readonly TextEditorField: ComponentType<TextEditorFieldProps>;
@@ -2625,187 +3254,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends FormValidateOrFn<TFo
       className?: string;
       children: React.ReactNode;
     }>;
-  }, TRenderProps>) => import("react").FunctionComponent<import("react").PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
-    form: import("@tanstack/react-form").AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, {
-      readonly TextField: ComponentType<TextFieldProps>;
-      readonly TextareaField: ComponentType<TextareaFieldProps>;
-      readonly TextEditorField: ComponentType<TextEditorFieldProps>;
-      readonly NumberField: ComponentType<NumberFieldProps>;
-      readonly EmailField: ComponentType<EmailFieldProps>;
-      readonly PasswordField: ComponentType<PasswordFieldProps>;
-      readonly SelectField: ComponentType<SelectFieldProps>;
-      readonly ComboboxField: ComponentType<ComboboxFieldProps>;
-      readonly DateField: ComponentType<DateFieldProps>;
-      readonly SwitchField: ComponentType<SwitchFieldProps>;
-      readonly RadioGroupField: ComponentType<RadioGroupFieldProps>;
-      readonly CheckboxField: ComponentType<CheckboxFieldProps>;
-      readonly SimpleTextField: ComponentType<SimpleTextFieldProps>;
-      readonly SimpleEmailField: ComponentType<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        maxLength?: number;
-        disabled?: boolean;
-      }>;
-      readonly SimplePasswordField: ComponentType<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        disabled?: boolean;
-      }>;
-      readonly SimpleTextareaField: ComponentType<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        maxLength?: number;
-        rows?: number;
-        disabled?: boolean;
-      }>;
-      readonly SimpleNumberField: ComponentType<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        unit?: string;
-        allowNegative?: boolean;
-        disabled?: boolean;
-      }>;
-      readonly SimpleSelectField: ComponentType<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-      }>;
-      readonly SimpleArrayField: typeof SimpleArrayField;
-      readonly SimpleBooleanField: ComponentType<{
-        label?: string;
-        required?: boolean;
-        disabled?: boolean;
-        variant?: "checkbox" | "switch";
-      }>;
-      readonly SimpleComboboxField: ComponentType<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        disabled?: boolean;
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-      }>;
-      readonly SimpleDateField: ComponentType<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        disabled?: boolean;
-        minDate?: Date;
-        maxDate?: Date;
-      }>;
-      readonly SimpleRadioGroupField: ComponentType<{
-        label?: string;
-        required?: boolean;
-        disabled?: boolean;
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-        orientation?: "horizontal" | "vertical";
-      }>;
-      readonly FieldGroup: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-      readonly Field: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("class-variance-authority").VariantProps<(props?: ({
-        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-      } & import("class-variance-authority/types").ClassProp) | undefined) => string>>;
-      readonly FieldContent: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-      readonly FieldLabel: ComponentType<LabelProps & import("react").RefAttributes<HTMLLabelElement>>;
-      readonly FieldContentMain: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-      readonly FieldSeparator: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-        children?: import("react").ReactNode | undefined;
-      }>;
-      readonly FieldError: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-        errors?: Array<{
-          code?: string;
-          message?: string;
-        } | undefined>;
-        requiredMessage?: string;
-      }>;
-    }, {
-      readonly TanStackDialogForm: ComponentType<{
-        title: string;
-        submitText?: string;
-        width?: number | string;
-        maxWidth?: number | string;
-        className?: string;
-        open?: boolean;
-        onOpenChange?: (open: boolean) => void;
-      } & {
-        children?: import("react").ReactNode | undefined;
-      }>;
-      readonly TanStackPopoverForm: ComponentType<{
-        title: string;
-        open?: boolean;
-        contentClassName?: string;
-        onOpenChange?: (open: boolean) => void;
-      } & {
-        children?: import("react").ReactNode | undefined;
-      }>;
-      readonly TanStackContainerForm: ComponentType<{
-        className?: string;
-      } & {
-        children?: import("react").ReactNode | undefined;
-      }>;
-      readonly TanStackSectionForm: ComponentType<{
-        title: string;
-        icon?: React.ReactNode;
-        className?: string;
-      } & {
-        children?: import("react").ReactNode | undefined;
-      }>;
-      readonly TanStackCardForm: ComponentType<{
-        title: string;
-        description?: string;
-        onDelete?: () => void | Promise<void>;
-      } & {
-        children?: import("react").ReactNode | undefined;
-      }>;
-      readonly TanStackFieldGroup: ComponentType<{
-        label: string;
-        description?: string;
-        helperText?: string;
-        orientation?: "horizontal" | "vertical" | "responsive";
-      } & {
-        children?: import("react").ReactNode | undefined;
-      }>;
-      readonly TanStackTitleField: ComponentType<{
-        title: string;
-        description?: string;
-        helperText?: string;
-      }>;
-      readonly TanStackActionsForm: ComponentType<{
-        type?: "create" | "update";
-      } & {
-        children?: import("react").ReactNode | undefined;
-      }>;
-      readonly TanStackActionSubmit: ComponentType<{
-        label?: string;
-        className?: string;
-      }>;
-      readonly ArrayCol: ComponentType<{
-        width?: number | string;
-        className?: string;
-        children: React.ReactNode;
-      }>;
-      readonly ArrayHeaderRow: ComponentType<{
-        className?: string;
-        children: React.ReactNode;
-      }>;
-    }>;
-  }>>, withTanStackFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps extends object = {}>({
-    render,
-    props,
-    defaultValues
-  }: import("@tanstack/react-form").WithFieldGroupProps<TFieldGroupData, {
+  }> | import("@tanstack/react-form").AppFieldExtendedReactFieldGroupApi<unknown, TFormData, string | FieldsMap<unknown, TFormData>, any, any, any, any, any, any, any, any, any, any, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
     readonly TextField: ComponentType<TextFieldProps>;
     readonly TextareaField: ComponentType<TextareaFieldProps>;
     readonly TextEditorField: ComponentType<TextEditorFieldProps>;
@@ -2979,358 +3428,9 @@ declare const useTanStackForm: <TFormData, TOnMount extends FormValidateOrFn<TFo
       className?: string;
       children: React.ReactNode;
     }>;
-  }, TSubmitMeta, TRenderProps>) => <TFormData, TFields extends DeepKeysOfType<TFormData, TFieldGroupData | null | undefined> | FieldsMap<TFormData, TFieldGroupData>, TOnMount extends FormValidateOrFn<TFormData> | undefined, TOnChange extends FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends FormAsyncValidateOrFn<TFormData> | undefined, TFormSubmitMeta>(params: import("react").PropsWithChildren<NoInfer<TRenderProps> & {
-    form: import("@tanstack/react-form").AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
-      readonly TextField: ComponentType<TextFieldProps>;
-      readonly TextareaField: ComponentType<TextareaFieldProps>;
-      readonly TextEditorField: ComponentType<TextEditorFieldProps>;
-      readonly NumberField: ComponentType<NumberFieldProps>;
-      readonly EmailField: ComponentType<EmailFieldProps>;
-      readonly PasswordField: ComponentType<PasswordFieldProps>;
-      readonly SelectField: ComponentType<SelectFieldProps>;
-      readonly ComboboxField: ComponentType<ComboboxFieldProps>;
-      readonly DateField: ComponentType<DateFieldProps>;
-      readonly SwitchField: ComponentType<SwitchFieldProps>;
-      readonly RadioGroupField: ComponentType<RadioGroupFieldProps>;
-      readonly CheckboxField: ComponentType<CheckboxFieldProps>;
-      readonly SimpleTextField: ComponentType<SimpleTextFieldProps>;
-      readonly SimpleEmailField: ComponentType<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        maxLength?: number;
-        disabled?: boolean;
-      }>;
-      readonly SimplePasswordField: ComponentType<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        disabled?: boolean;
-      }>;
-      readonly SimpleTextareaField: ComponentType<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        maxLength?: number;
-        rows?: number;
-        disabled?: boolean;
-      }>;
-      readonly SimpleNumberField: ComponentType<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        unit?: string;
-        allowNegative?: boolean;
-        disabled?: boolean;
-      }>;
-      readonly SimpleSelectField: ComponentType<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-      }>;
-      readonly SimpleArrayField: typeof SimpleArrayField;
-      readonly SimpleBooleanField: ComponentType<{
-        label?: string;
-        required?: boolean;
-        disabled?: boolean;
-        variant?: "checkbox" | "switch";
-      }>;
-      readonly SimpleComboboxField: ComponentType<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        disabled?: boolean;
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-      }>;
-      readonly SimpleDateField: ComponentType<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        disabled?: boolean;
-        minDate?: Date;
-        maxDate?: Date;
-      }>;
-      readonly SimpleRadioGroupField: ComponentType<{
-        label?: string;
-        required?: boolean;
-        disabled?: boolean;
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-        orientation?: "horizontal" | "vertical";
-      }>;
-      readonly FieldGroup: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-      readonly Field: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("class-variance-authority").VariantProps<(props?: ({
-        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-      } & import("class-variance-authority/types").ClassProp) | undefined) => string>>;
-      readonly FieldContent: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-      readonly FieldLabel: ComponentType<LabelProps & import("react").RefAttributes<HTMLLabelElement>>;
-      readonly FieldContentMain: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-      readonly FieldSeparator: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-        children?: import("react").ReactNode | undefined;
-      }>;
-      readonly FieldError: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-        errors?: Array<{
-          code?: string;
-          message?: string;
-        } | undefined>;
-        requiredMessage?: string;
-      }>;
-    }, {
-      readonly TanStackDialogForm: ComponentType<{
-        title: string;
-        submitText?: string;
-        width?: number | string;
-        maxWidth?: number | string;
-        className?: string;
-        open?: boolean;
-        onOpenChange?: (open: boolean) => void;
-      } & {
-        children?: import("react").ReactNode | undefined;
-      }>;
-      readonly TanStackPopoverForm: ComponentType<{
-        title: string;
-        open?: boolean;
-        contentClassName?: string;
-        onOpenChange?: (open: boolean) => void;
-      } & {
-        children?: import("react").ReactNode | undefined;
-      }>;
-      readonly TanStackContainerForm: ComponentType<{
-        className?: string;
-      } & {
-        children?: import("react").ReactNode | undefined;
-      }>;
-      readonly TanStackSectionForm: ComponentType<{
-        title: string;
-        icon?: React.ReactNode;
-        className?: string;
-      } & {
-        children?: import("react").ReactNode | undefined;
-      }>;
-      readonly TanStackCardForm: ComponentType<{
-        title: string;
-        description?: string;
-        onDelete?: () => void | Promise<void>;
-      } & {
-        children?: import("react").ReactNode | undefined;
-      }>;
-      readonly TanStackFieldGroup: ComponentType<{
-        label: string;
-        description?: string;
-        helperText?: string;
-        orientation?: "horizontal" | "vertical" | "responsive";
-      } & {
-        children?: import("react").ReactNode | undefined;
-      }>;
-      readonly TanStackTitleField: ComponentType<{
-        title: string;
-        description?: string;
-        helperText?: string;
-      }>;
-      readonly TanStackActionsForm: ComponentType<{
-        type?: "create" | "update";
-      } & {
-        children?: import("react").ReactNode | undefined;
-      }>;
-      readonly TanStackActionSubmit: ComponentType<{
-        label?: string;
-        className?: string;
-      }>;
-      readonly ArrayCol: ComponentType<{
-        width?: number | string;
-        className?: string;
-        children: React.ReactNode;
-      }>;
-      readonly ArrayHeaderRow: ComponentType<{
-        className?: string;
-        children: React.ReactNode;
-      }>;
-    }> | import("@tanstack/react-form").AppFieldExtendedReactFieldGroupApi<unknown, TFormData, string | FieldsMap<unknown, TFormData>, any, any, any, any, any, any, any, any, any, any, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
-      readonly TextField: ComponentType<TextFieldProps>;
-      readonly TextareaField: ComponentType<TextareaFieldProps>;
-      readonly TextEditorField: ComponentType<TextEditorFieldProps>;
-      readonly NumberField: ComponentType<NumberFieldProps>;
-      readonly EmailField: ComponentType<EmailFieldProps>;
-      readonly PasswordField: ComponentType<PasswordFieldProps>;
-      readonly SelectField: ComponentType<SelectFieldProps>;
-      readonly ComboboxField: ComponentType<ComboboxFieldProps>;
-      readonly DateField: ComponentType<DateFieldProps>;
-      readonly SwitchField: ComponentType<SwitchFieldProps>;
-      readonly RadioGroupField: ComponentType<RadioGroupFieldProps>;
-      readonly CheckboxField: ComponentType<CheckboxFieldProps>;
-      readonly SimpleTextField: ComponentType<SimpleTextFieldProps>;
-      readonly SimpleEmailField: ComponentType<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        maxLength?: number;
-        disabled?: boolean;
-      }>;
-      readonly SimplePasswordField: ComponentType<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        disabled?: boolean;
-      }>;
-      readonly SimpleTextareaField: ComponentType<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        maxLength?: number;
-        rows?: number;
-        disabled?: boolean;
-      }>;
-      readonly SimpleNumberField: ComponentType<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        unit?: string;
-        allowNegative?: boolean;
-        disabled?: boolean;
-      }>;
-      readonly SimpleSelectField: ComponentType<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-      }>;
-      readonly SimpleArrayField: typeof SimpleArrayField;
-      readonly SimpleBooleanField: ComponentType<{
-        label?: string;
-        required?: boolean;
-        disabled?: boolean;
-        variant?: "checkbox" | "switch";
-      }>;
-      readonly SimpleComboboxField: ComponentType<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        disabled?: boolean;
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-      }>;
-      readonly SimpleDateField: ComponentType<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        disabled?: boolean;
-        minDate?: Date;
-        maxDate?: Date;
-      }>;
-      readonly SimpleRadioGroupField: ComponentType<{
-        label?: string;
-        required?: boolean;
-        disabled?: boolean;
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-        orientation?: "horizontal" | "vertical";
-      }>;
-      readonly FieldGroup: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-      readonly Field: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("class-variance-authority").VariantProps<(props?: ({
-        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-      } & import("class-variance-authority/types").ClassProp) | undefined) => string>>;
-      readonly FieldContent: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-      readonly FieldLabel: ComponentType<LabelProps & import("react").RefAttributes<HTMLLabelElement>>;
-      readonly FieldContentMain: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-      readonly FieldSeparator: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-        children?: import("react").ReactNode | undefined;
-      }>;
-      readonly FieldError: ComponentType<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-        errors?: Array<{
-          code?: string;
-          message?: string;
-        } | undefined>;
-        requiredMessage?: string;
-      }>;
-    }, {
-      readonly TanStackDialogForm: ComponentType<{
-        title: string;
-        submitText?: string;
-        width?: number | string;
-        maxWidth?: number | string;
-        className?: string;
-        open?: boolean;
-        onOpenChange?: (open: boolean) => void;
-      } & {
-        children?: import("react").ReactNode | undefined;
-      }>;
-      readonly TanStackPopoverForm: ComponentType<{
-        title: string;
-        open?: boolean;
-        contentClassName?: string;
-        onOpenChange?: (open: boolean) => void;
-      } & {
-        children?: import("react").ReactNode | undefined;
-      }>;
-      readonly TanStackContainerForm: ComponentType<{
-        className?: string;
-      } & {
-        children?: import("react").ReactNode | undefined;
-      }>;
-      readonly TanStackSectionForm: ComponentType<{
-        title: string;
-        icon?: React.ReactNode;
-        className?: string;
-      } & {
-        children?: import("react").ReactNode | undefined;
-      }>;
-      readonly TanStackCardForm: ComponentType<{
-        title: string;
-        description?: string;
-        onDelete?: () => void | Promise<void>;
-      } & {
-        children?: import("react").ReactNode | undefined;
-      }>;
-      readonly TanStackFieldGroup: ComponentType<{
-        label: string;
-        description?: string;
-        helperText?: string;
-        orientation?: "horizontal" | "vertical" | "responsive";
-      } & {
-        children?: import("react").ReactNode | undefined;
-      }>;
-      readonly TanStackTitleField: ComponentType<{
-        title: string;
-        description?: string;
-        helperText?: string;
-      }>;
-      readonly TanStackActionsForm: ComponentType<{
-        type?: "create" | "update";
-      } & {
-        children?: import("react").ReactNode | undefined;
-      }>;
-      readonly TanStackActionSubmit: ComponentType<{
-        label?: string;
-        className?: string;
-      }>;
-      readonly ArrayCol: ComponentType<{
-        width?: number | string;
-        className?: string;
-        children: React.ReactNode;
-      }>;
-      readonly ArrayHeaderRow: ComponentType<{
-        className?: string;
-        children: React.ReactNode;
-      }>;
-    }>;
-    fields: TFields;
-  }>) => ReturnType<import("react").FunctionComponent>;
+  }>;
+  fields: TFields;
+}>) => ReturnType<import("react").FunctionComponent>;
 //#endregion
 export { EmailFieldProps as $, TanStackActionSubmit as A, TextField as B, SimpleNumberField as C, SimpleTextField as D, SimpleSelectField as E, TanStackFieldGroup as F, useTanStackFieldContext as G, useTanStackForm as H, TanStackPopoverForm as I, BooleanFieldValue as J, useTanStackFormContext as K, TanStackSectionForm as L, TanStackCardForm as M, TanStackContainerForm as N, SimpleTextareaField as O, TanStackDialogForm as P, DateFieldValue as Q, TanStackTitleField as R, SimpleEmailField as S, SimpleRadioGroupField as T, withTanStackFieldGroup as U, TextareaField as V, withTanStackForm as W, ComboboxFieldProps as X, CheckboxFieldProps as Y, DateFieldProps as Z, SelectField as _, DateField as a, NumberFieldValue as at, SimpleComboboxField as b, FieldContent as c, RadioOption as ct, FieldGroup as d, SimpleTextFieldProps as dt, FieldOrientation as et, FieldLabel as f, SwitchFieldProps as ft, RadioGroupField as g, TextareaFieldProps as gt, PasswordField as h, TextFieldValue as ht, ComboboxField as i, NumberFieldProps as it, TanStackActionsForm as j, SwitchField as k, FieldContentMain as l, SelectFieldProps as lt, NumberField as m, TextFieldProps as mt, ArrayHeaderRow as n, FieldType as nt, EmailField as o, PasswordFieldProps as ot, FieldSeparator as p, TextEditorFieldProps as pt, AnyFieldProps as q, CheckboxField as r, MultiSelectFieldValue as rt, Field as s, RadioGroupFieldProps as st, ArrayCol as t, FieldRounding as tt, FieldError as u, SelectOption as ut, SimpleArrayField as v, SimplePasswordField as w, SimpleDateField as x, SimpleBooleanField as y, TextEditorField as z };
-//# sourceMappingURL=index-BoYnKWwg.d.mts.map
+//# sourceMappingURL=index-DvC1inRy.d.mts.map