@customafk/lunas-ui 0.2.42 → 0.2.44

package/dist/index-DSciiDhn.d.cts

@@ -0,0 +1,2348 @@
+import * as react642 from "react";
+import * as class_variance_authority_types22 from "class-variance-authority/types";
+import * as class_variance_authority0 from "class-variance-authority";
+import { VariantProps } from "class-variance-authority";
+import { Label } from "radix-ui";
+import * as _tanstack_form_core0 from "@tanstack/form-core";
+import * as _tanstack_react_form0 from "@tanstack/react-form";
+
+//#region packages/components/features/tanstack-form/types.d.ts
+/** Layout axis for a field's label–input arrangement. */
+type FieldOrientation = 'horizontal' | 'vertical' | 'responsive';
+/** Rounding strategy applied to numeric field values. */
+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. */
+  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. */
+  description?: string;
+};
+/** Value type for text, email, password, textarea, and text-editor fields. `null` means empty. */
+type TextFieldValue = string | null;
+/** Value type for number fields. `null` means empty. */
+type NumberFieldValue = number | null;
+/** Value type for switch and boolean fields. `null` means unset. */
+type BooleanFieldValue = boolean | null;
+/** Value type for date fields. `null` means no date selected. */
+type DateFieldValue = Date | null;
+/** Value type for checkbox group fields. `null` means nothing selected. */
+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. */
+  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. */
+  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. */
+  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`. */
+  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. */
+  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. */
+  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`. */
+  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`. */
+  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;
+};
+/** 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. */
+  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. */
+  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. */
+  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. */
+  maxDate?: Date;
+};
+/**
+ * Discriminated union of props for every field type, keyed by `fieldType`.
+ * Use this when rendering fields dynamically from a config array.
+ *
+ * @example
+ * function renderField(field: AnyFieldProps) {
+ *   switch (field.fieldType) {
+ *     case 'text': return <TextField {...field} />;
+ *     case 'select': return <SelectField {...field} />;
+ *     // …
+ *   }
+ * }
+ */
+type AnyFieldProps = ({
+  fieldType: 'text';
+} & TextFieldProps) | ({
+  fieldType: 'textarea';
+} & TextareaFieldProps) | ({
+  fieldType: 'text-editor';
+} & TextEditorFieldProps) | ({
+  fieldType: 'email';
+} & EmailFieldProps) | ({
+  fieldType: 'number';
+} & NumberFieldProps) | ({
+  fieldType: 'password';
+} & PasswordFieldProps) | ({
+  fieldType: 'select';
+} & SelectFieldProps) | ({
+  fieldType: 'combobox';
+} & ComboboxFieldProps) | ({
+  fieldType: 'radio-group';
+} & RadioGroupFieldProps) | ({
+  fieldType: 'checkbox';
+} & CheckboxFieldProps) | ({
+  fieldType: 'switch';
+} & SwitchFieldProps) | ({
+  fieldType: 'date';
+} & DateFieldProps);
+/** The `fieldType` discriminant extracted from {@link AnyFieldProps}. */
+type FieldType = AnyFieldProps['fieldType'];
+//#endregion
+//#region packages/components/features/tanstack-form/components/ui/label.d.ts
+/**
+ * Form field label that automatically renders a "Required" badge when the field is marked aria-required.
+ *
+ * @example
+ * import { Label } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <Label htmlFor="email">Email address</Label>
+ */
+declare function Label$1({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof Label.Root>): react642.JSX.Element;
+//#endregion
+//#region packages/components/features/tanstack-form/components/atoms/simple-array-field.d.ts
+type ArrayColProps = {
+  /**
+   * Fixed column width as a pixel number (e.g. `96`) or any CSS string
+   * (e.g. `'8rem'`, `'20%'`). Omit to let the column expand and fill the
+   * remaining row space (`flex: 1`).
+   */
+  width?: number | string;
+  className?: string;
+  children: React.ReactNode;
+};
+/**
+ * Layout helper for columns inside a `SimpleArrayField` row. Controls width
+ * without repeating `<div className="w-24">` or `<div className="flex-1">`.
+ *
+ * @example
+ * <SimpleArrayField defaultRow={...}>
+ *   {i => (
+ *     <>
+ *       <ArrayCol>                 // flex-1 — takes remaining space
+ *         <AppField name={`items[${i}].name`}>...</AppField>
+ *       </ArrayCol>
+ *       <ArrayCol width={96}>     // 96 px fixed
+ *         <AppField name={`items[${i}].qty`}>...</AppField>
+ *       </ArrayCol>
+ *       <ArrayCol width="8rem">   // CSS string
+ *         <AppField name={`items[${i}].tax`}>...</AppField>
+ *       </ArrayCol>
+ *     </>
+ *   )}
+ * </SimpleArrayField>
+ */
+declare function ArrayCol({
+  width,
+  className,
+  children
+}: ArrayColProps): react642.JSX.Element;
+type ArrayHeaderRowProps = {
+  className?: string;
+  children: React.ReactNode;
+};
+/**
+ * Styled header row for a `SimpleArrayField` table. Place it directly above
+ * `<SimpleArrayField>` and use `<ArrayCol>` children with text labels to align
+ * headers with their columns. A spacer matching the delete-button width is
+ * appended automatically.
+ *
+ * @example
+ * <ArrayHeaderRow>
+ *   <ArrayCol>Name</ArrayCol>
+ *   <ArrayCol width={96}>Price</ArrayCol>
+ *   <ArrayCol width={80}>Qty</ArrayCol>
+ * </ArrayHeaderRow>
+ * <SimpleArrayField defaultRow={...}>
+ *   {i => (...)}
+ * </SimpleArrayField>
+ */
+declare function ArrayHeaderRow({
+  className,
+  children
+}: ArrayHeaderRowProps): react642.JSX.Element;
+type Props$9<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$9<T>): react642.JSX.Element;
+//#endregion
+//#region packages/components/features/tanstack-form/components/atoms/simple-boolean-field.d.ts
+type Props$8 = {
+  label?: string;
+  required?: boolean;
+  disabled?: boolean;
+  variant?: 'checkbox' | 'switch';
+};
+declare const SimpleBooleanField: React.FC<Props$8>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/atoms/simple-combobox-field.d.ts
+type Props$7 = {
+  label?: string;
+  placeholder?: string;
+  required?: boolean;
+  disabled?: boolean;
+  options: Array<{
+    value: string;
+    label: string;
+  }>;
+};
+declare const SimpleComboboxField: React.FC<Props$7>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/atoms/simple-date-field.d.ts
+type Props$6 = {
+  label?: string;
+  placeholder?: string;
+  required?: boolean;
+  disabled?: boolean;
+  minDate?: Date;
+  maxDate?: Date;
+};
+declare const SimpleDateField: React.FC<Props$6>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/atoms/simple-radio-group-field.d.ts
+type Props$5 = {
+  label?: string;
+  required?: boolean;
+  disabled?: boolean;
+  options: Array<{
+    value: string;
+    label: string;
+  }>;
+  orientation?: 'horizontal' | 'vertical';
+};
+declare const SimpleRadioGroupField: React.FC<Props$5>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/atoms/simple-email-field.d.ts
+type Props$4 = {
+  label?: string;
+  placeholder?: string;
+  required?: boolean;
+  maxLength?: number;
+  disabled?: boolean;
+};
+declare const SimpleEmailField: React.FC<Props$4>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/atoms/simple-number-field.d.ts
+type Props$3 = {
+  label?: string;
+  placeholder?: string;
+  required?: boolean;
+  unit?: string;
+  allowNegative?: boolean;
+  disabled?: boolean;
+};
+declare const SimpleNumberField: React.FC<Props$3>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/atoms/simple-password-field.d.ts
+type Props$2 = {
+  label?: string;
+  placeholder?: string;
+  required?: boolean;
+  disabled?: boolean;
+};
+declare const SimplePasswordField: React.FC<Props$2>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/atoms/simple-select-field.d.ts
+type Props$1 = {
+  label?: string;
+  placeholder?: string;
+  required?: boolean;
+  options: Array<{
+    value: string;
+    label: string;
+  }>;
+};
+declare const SimpleSelectField: React.FC<Props$1>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/atoms/simple-textarea-field.d.ts
+type Props = {
+  label?: string;
+  placeholder?: string;
+  required?: boolean;
+  maxLength?: number;
+  rows?: number;
+  disabled?: boolean;
+};
+declare const SimpleTextareaField: React.FC<Props>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/atoms/simple-text-field.d.ts
+declare const SimpleTextField: React.FC<SimpleTextFieldProps>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/fields/checkbox-field.d.ts
+/**
+ * A TanStack Form-connected checkbox group field that manages an array of selected string values,
+ * supporting multi-selection and submission-state disabling.
+ *
+ * @example
+ * import { CheckboxField } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <form.Field name="roles">
+ *   {() => (
+ *     <CheckboxField
+ *       label="Roles"
+ *       options={[
+ *         { value: 'admin', label: 'Admin' },
+ *         { value: 'editor', label: 'Editor' },
+ *       ]}
+ *       helperText="Select one or more roles"
+ *     />
+ *   )}
+ * </form.Field>
+ */
+declare const CheckboxField: React.FC<CheckboxFieldProps>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/fields/combobox-field.d.ts
+declare const ComboboxField: react642.NamedExoticComponent<ComboboxFieldProps>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/fields/date-field.d.ts
+declare const DateField: react642.NamedExoticComponent<DateFieldProps>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/fields/email-field.d.ts
+/**
+ * A TanStack Form-connected email input field with an at-sign prefix icon,
+ * optional clear button, and inline validation error display.
+ *
+ * @example
+ * import { EmailField } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <form.Field name="email">
+ *   {() => (
+ *     <EmailField
+ *       label="Email address"
+ *       placeholder="you@example.com"
+ *       required
+ *     />
+ *   )}
+ * </form.Field>
+ */
+declare const EmailField: React.FC<EmailFieldProps>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/fields/number-field.d.ts
+/**
+ * A TanStack Form-connected numeric input field supporting rounding rules,
+ * decimal precision, unit labels, and submission-state feedback.
+ *
+ * @example
+ * import { NumberField } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <form.Field name="quantity">
+ *   {() => (
+ *     <NumberField
+ *       label="Quantity"
+ *       placeholder="0"
+ *       unit="pcs"
+ *       decimalPlaces={2}
+ *       required
+ *     />
+ *   )}
+ * </form.Field>
+ */
+declare const NumberField: react642.NamedExoticComponent<NumberFieldProps>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/fields/password-field.d.ts
+/**
+ * A TanStack Form-connected password input field with a show/hide toggle button
+ * and inline validation error display.
+ *
+ * @example
+ * import { PasswordField } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <form.Field name="password">
+ *   {() => (
+ *     <PasswordField
+ *       label="Password"
+ *       placeholder="Enter your password"
+ *       helperText="Must be at least 8 characters"
+ *     />
+ *   )}
+ * </form.Field>
+ */
+declare const PasswordField: React.FC<PasswordFieldProps>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/fields/radio-group-field.d.ts
+declare const RadioGroupField: React.FC<RadioGroupFieldProps>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/fields/select-field.d.ts
+declare const SelectField: react642.NamedExoticComponent<SelectFieldProps>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/fields/switch-field.d.ts
+/**
+ * A TanStack Form-connected boolean toggle field rendered as a labelled switch,
+ * positioned absolutely in the top-right corner of the field card.
+ *
+ * @example
+ * import { SwitchField } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <form.Field name="notifications">
+ *   {() => (
+ *     <SwitchField
+ *       label="Enable notifications"
+ *       description="Receive email alerts for important events"
+ *       helperText="You can change this at any time"
+ *     />
+ *   )}
+ * </form.Field>
+ */
+declare const SwitchField: React.FC<SwitchFieldProps>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/fields/text-field.d.ts
+/**
+ * A TanStack Form-connected single-line text input with label, validation, and optional features.
+ *
+ * Must be rendered inside an `AppField` context from `useTanStackForm`.
+ * The field value type is `string | null` — `null` represents an empty/unset state.
+ *
+ * ---
+ *
+ * **Basic usage**
+ * @example
+ * const { AppField } = useTanStackForm({ defaultValues: { name: null } });
+ *
+ * <AppField name="name">
+ *   {field => <field.TextField label="Full name" placeholder="Nguyễn Văn A" />}
+ * </AppField>
+ *
+ * ---
+ *
+ * **With validation**
+ * @example
+ * <AppField
+ *   name="username"
+ *   validators={{ onChange: ({ value }) => !value ? 'Bắt buộc' : undefined }}
+ * >
+ *   {field => <field.TextField label="Username" required />}
+ * </AppField>
+ *
+ * ---
+ *
+ * **With character counter and max length**
+ * @example
+ * <AppField name="bio">
+ *   {field => (
+ *     <field.TextField
+ *       label="Bio"
+ *       counter
+ *       maxLength={160}
+ *       placeholder="Giới thiệu bản thân…"
+ *     />
+ *   )}
+ * </AppField>
+ *
+ * ---
+ *
+ * **With clear button and helper note**
+ * @example
+ * <AppField name="search">
+ *   {field => (
+ *     <field.TextField
+ *       label="Tìm kiếm"
+ *       showClearButton
+ *       helperText="Nhập ít nhất 3 ký tự để tìm kiếm."
+ *     />
+ *   )}
+ * </AppField>
+ *
+ * ---
+ *
+ * **Horizontal layout**
+ * @example
+ * <AppField name="code">
+ *   {field => (
+ *     <field.TextField
+ *       label="Mã sản phẩm"
+ *       orientation="horizontal"
+ *       tooltip="Mã duy nhất định danh sản phẩm trong hệ thống."
+ *     />
+ *   )}
+ * </AppField>
+ */
+declare const TextField: react642.NamedExoticComponent<TextFieldProps>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/fields/textarea-field.d.ts
+declare const TextareaField: react642.NamedExoticComponent<TextareaFieldProps>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/fields/text-editor-field.d.ts
+declare const TextEditorField: React.FC<TextEditorFieldProps>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/forms/action-submit.d.ts
+/**
+ * Renders a submit button wired to the current TanStack Form context, automatically handling loading and disabled states.
+ *
+ * @example
+ * import { TanStackActionSubmit } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * // Inside a TanStack Form provider:
+ * <TanStackActionSubmit label="Save Changes" className="mt-4" />
+ */
+declare const TanStackActionSubmit: React.FC<{
+  /** Button label text. Defaults to `'Submit'` when omitted. */
+  label?: string;
+  /** Additional CSS class names applied to the button element. */
+  className?: string;
+}>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/forms/actions-form.d.ts
+/**
+ * Renders a form action bar with a Cancel button and a context-aware submit button (Add New or Update) driven by TanStack Form state.
+ *
+ * @example
+ * import { TanStackActionsForm } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * // Inside a TanStack Form provider:
+ * <TanStackActionsForm type="create" />
+ *
+ * // For an update workflow:
+ * <TanStackActionsForm type="update" />
+ */
+declare const TanStackActionsForm: React.FC<React.PropsWithChildren<{
+  /**
+   * Determines which submit button variant is rendered.
+   * - `'create'` — shows an "Add New" button that resets the form on success.
+   * - `'update'` — shows an "Update" button that resets the form on success.
+   * Defaults to `'create'`.
+   */
+  type?: 'create' | 'update';
+}>>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/forms/card-form.d.ts
+/**
+ * Renders a card-style form section with a header, optional description, a delete button, and a content area for fields.
+ *
+ * @example
+ * import { TanStackCardForm } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <TanStackCardForm
+ *   title="Shipping Address"
+ *   description="Where should we deliver your order?"
+ *   onDelete={() => removeAddress(id)}
+ * >
+ *   <TextField name="street" />
+ * </TanStackCardForm>
+ */
+declare const TanStackCardForm: React.FC<React.PropsWithChildren<{
+  /** Bold heading text shown at the top of the card. */
+  title: string;
+  /** Optional secondary text rendered beneath the title. */
+  description?: string;
+  /** When provided, renders a danger "Remove" button in the card's top-right corner. */
+  onDelete?: () => void | Promise<void>;
+}>>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/forms/container-form.d.ts
+/**
+ * Wraps a set of TanStack form sections in a vertically-stacked flex container.
+ *
+ * @example
+ * import { TanStackContainerForm } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <TanStackContainerForm>
+ *   <TanStackSectionForm title="Personal Info">
+ *     {/* fields *\/}
+ *   </TanStackSectionForm>
+ * </TanStackContainerForm>
+ */
+declare const TanStackContainerForm: React.FC<React.PropsWithChildren>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/forms/dialog-form.d.ts
+/**
+ * Renders a modal dialog that wraps a TanStack Form with a title, scrollable content area, and built-in submit/cancel actions.
+ *
+ * @example
+ * import { TanStackDialogForm } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <TanStackDialogForm
+ *   title="Create User"
+ *   submitText="Create"
+ *   className="max-w-lg"
+ *   open={isOpen}
+ *   onOpenChange={setIsOpen}
+ * >
+ *   <NameField />
+ *   <EmailField />
+ * </TanStackDialogForm>
+ */
+declare const TanStackDialogForm: React.FC<React.PropsWithChildren<{
+  /** Heading text displayed in the dialog title bar. */
+  title: string;
+  /** Custom label for the submit button. Defaults to the `SubmitButton` component's built-in label when omitted. */
+  submitText?: string;
+  /** Optional fixed width for the dialog content area, as a pixel number (e.g. `600`) or any CSS string (e.g. `'50%'`, `'40rem'`). Omit to let the dialog size itself based on content. */
+  width?: number | string;
+  /** Optional fixed max-width for the dialog content area, as a pixel number (e.g. `600`) or any CSS string (e.g. `'50%'`, `'40rem'`). Omit to let the dialog size itself based on content and viewport. */
+  maxWidth?: number | string;
+  /** Optional additional class name(s) to apply to the dialog content container. */
+  className?: string;
+  /** Controlled open state of the dialog. */
+  open?: boolean;
+  /** Callback fired when the dialog open state changes; the form is reset on close. */
+  onOpenChange?: (open: boolean) => void;
+}>>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/forms/group-field.d.ts
+/**
+ * Renders a labeled field group with an optional description, helper text, and a bottom separator.
+ *
+ * @example
+ * import { TanStackFieldGroup } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <TanStackFieldGroup
+ *   label="Contact Details"
+ *   description="Enter your contact information."
+ *   helperText="All fields are required."
+ *   orientation="horizontal"
+ * >
+ *   <EmailField />
+ * </TanStackFieldGroup>
+ */
+declare const TanStackFieldGroup: React.FC<React.PropsWithChildren<{
+  /** Primary label displayed above the field content. */
+  label: string;
+  /** Secondary descriptive text shown beneath the label. */
+  description?: string;
+  /** Supplementary helper note rendered below the field content. */
+  helperText?: string;
+  /** Layout orientation of the label-to-content axis. Defaults to `'responsive'`. */
+  orientation?: 'horizontal' | 'vertical' | 'responsive';
+}>>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/forms/popover-form.d.ts
+/**
+ * Renders a slide-in side-panel dialog that wraps a TanStack form with built-in submit and cancel actions.
+ *
+ * @example
+ * import { TanStackPopoverForm } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <TanStackPopoverForm
+ *   title="Edit Profile"
+ *   open={isOpen}
+ *   onOpenChange={setIsOpen}
+ * >
+ *   <EmailField />
+ * </TanStackPopoverForm>
+ */
+declare const TanStackPopoverForm: React.FC<React.PropsWithChildren<{
+  /** Heading text displayed in the panel header. */
+  title: string;
+  /** Controlled open state of the popover dialog. */
+  open?: boolean;
+  /** Additional CSS class names applied to the scrollable content area. */
+  contentClassName?: string;
+  /** Callback fired when the open state changes. */
+  onOpenChange?: (open: boolean) => void;
+}>>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/forms/section-form.d.ts
+/**
+ * Renders a card-like form section with a titled header, separator, and a content area for form fields.
+ *
+ * @example
+ * import { TanStackSectionForm } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <TanStackSectionForm title="Account Settings">
+ *   <EmailField />
+ *   <PasswordField />
+ * </TanStackSectionForm>
+ */
+declare const TanStackSectionForm: React.FC<React.PropsWithChildren<{
+  /** Heading text displayed in the section header bar. */
+  title: string;
+}>>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/forms/title-field.d.ts
+/**
+ * Renders a standalone section title with an optional description and helper note, followed by a separator.
+ *
+ * @example
+ * import { TanStackTitleField } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <TanStackTitleField
+ *   title="Billing Address"
+ *   description="Provide the address associated with your payment method."
+ *   helperText="Must match your bank records."
+ * />
+ */
+declare const TanStackTitleField: React.FC<{
+  /** The heading text rendered as a legend element. */
+  title: string;
+  /** Optional supplementary text displayed beneath the title. */
+  description?: string;
+  /** Optional helper note shown below the description area. */
+  helperText?: string;
+}>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/ui/cancel-button.d.ts
+/**
+ * Secondary outline button used to dismiss or cancel a form without submitting, defaulting to the label "Cancel".
+ *
+ * @example
+ * import { CancelButton } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <CancelButton onClick={() => router.back()} />
+ */
+declare const CancelButton: React.FC<React.ComponentProps<'button'>>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/ui/field.d.ts
+declare const fieldVariants: (props?: ({
+  orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+} & class_variance_authority_types22.ClassProp) | undefined) => string;
+/**
+ * Outermost `<fieldset>` wrapper that stacks multiple `Field` rows with consistent vertical spacing.
+ *
+ * @example
+ * import { FieldSet } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <FieldSet>
+ *   <Field><FieldLabel>Name</FieldLabel><FieldContent><input /></FieldContent></Field>
+ * </FieldSet>
+ */
+declare const FieldSet: react642.MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"fieldset">) => react642.JSX.Element>;
+/**
+ * Props for {@link FieldLegend}.
+ */
+type FieldLegendProps = React.ComponentProps<'legend'> & {
+  /**
+   * Visual weight of the legend text.
+   * - `'legend'` — larger base-size text (section heading).
+   * - `'label'` — smaller label-size text (matches field label weight).
+   * @default 'legend'
+   */
+  variant?: 'legend' | 'label';
+};
+/**
+ * `<legend>` element for a `<fieldset>`, styled as either a section heading or a compact label.
+ *
+ * @example
+ * import { FieldSet, FieldLegend } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <FieldSet>
+ *   <FieldLegend variant="legend">Personal details</FieldLegend>
+ * </FieldSet>
+ */
+declare const FieldLegend: react642.MemoExoticComponent<({
+  className,
+  variant,
+  ...props
+}: FieldLegendProps) => react642.JSX.Element>;
+/**
+ * Container `<div>` that groups a set of `Field` rows with container-query support for responsive layouts.
+ *
+ * @example
+ * import { FieldGroup } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <FieldGroup>
+ *   <Field>…</Field>
+ *   <Field>…</Field>
+ * </FieldGroup>
+ */
+declare const FieldGroup: react642.MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"div">) => react642.JSX.Element>;
+/**
+ * Single form field row that arranges label, input, and meta elements with configurable orientation.
+ *
+ * @example
+ * import { Field } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <Field orientation="horizontal">
+ *   <FieldLabel htmlFor="username">Username</FieldLabel>
+ *   <FieldContent><input id="username" /></FieldContent>
+ * </Field>
+ */
+declare const Field: react642.MemoExoticComponent<({
+  className,
+  orientation,
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react642.JSX.Element>;
+/**
+ * Flex column wrapper that houses the primary input control together with description and error slots.
+ *
+ * @example
+ * import { FieldContent } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <FieldContent>
+ *   <input type="text" />
+ *   <FieldDescription>Enter your full name.</FieldDescription>
+ * </FieldContent>
+ */
+declare const FieldContent: react642.MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"div">) => react642.JSX.Element>;
+/**
+ * Positioned wrapper for the main input element that enables absolutely-placed adornments (icons, spinners).
+ *
+ * @example
+ * import { FieldContentMain } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <FieldContentMain>
+ *   <input type="text" className="pr-8" />
+ *   <SearchIcon className="absolute right-2 top-2" />
+ * </FieldContentMain>
+ */
+declare const FieldContentMain: react642.MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"div">) => react642.JSX.Element>;
+/**
+ * Styled `<label>` element for a `Field`, extending the base `Label` with field-group-aware spacing and border states.
+ *
+ * @example
+ * import { FieldLabel } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <FieldLabel htmlFor="email" aria-required>Email</FieldLabel>
+ */
+declare const FieldLabel: react642.MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<typeof Label$1>) => react642.JSX.Element>;
+/**
+ * Inline title element (non-`<label>`) for fields whose label cannot be a native `<label>`, such as custom checkbox groups.
+ *
+ * @example
+ * import { FieldTitle } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <FieldTitle>Notification preferences</FieldTitle>
+ */
+declare const FieldTitle: react642.MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"div">) => react642.JSX.Element>;
+/**
+ * Supplementary hint text rendered below the input to guide the user, with support for inline anchor links.
+ *
+ * @example
+ * import { FieldDescription } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <FieldDescription>Must be at least 8 characters.</FieldDescription>
+ */
+declare const FieldDescription: react642.MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"p">) => react642.JSX.Element>;
+/**
+ * Props for {@link FieldNote}.
+ */
+type FieldNoteProps = React.ComponentProps<'div'> & {
+  /**
+   * When `false` the note is not rendered at all; useful for conditional display without wrapper conditionals.
+   * @default true
+   */
+  isShow?: boolean;
+};
+/**
+ * Highlighted informational callout box with an info icon, shown below a field to surface contextual guidance.
+ *
+ * @example
+ * import { FieldNote } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <FieldNote isShow={isDraftMode}>Changes are saved automatically in draft mode.</FieldNote>
+ */
+declare const FieldNote: react642.MemoExoticComponent<({
+  isShow,
+  className,
+  children,
+  ...props
+}: FieldNoteProps) => react642.JSX.Element | null>;
+/**
+ * Props for {@link FieldTooltip}.
+ */
+type FieldTooltipProps = {
+  /** Text content displayed inside the tooltip when the help icon is hovered or focused. */
+  tooltip: string;
+};
+/**
+ * Small help-circle icon button that reveals a tooltip with additional field context on hover or focus.
+ *
+ * @example
+ * import { FieldTooltip } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <FieldLabel>
+ *   Password <FieldTooltip tooltip="Use at least one uppercase letter and one number." />
+ * </FieldLabel>
+ */
+declare const FieldTooltip: react642.MemoExoticComponent<({
+  tooltip
+}: FieldTooltipProps) => react642.JSX.Element>;
+/**
+ * Visual divider row that optionally displays a centered text label, used to separate logical sections within a `FieldGroup`.
+ *
+ * @example
+ * import { FieldSeparator } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <FieldSeparator>or</FieldSeparator>
+ */
+declare const FieldSeparator: react642.MemoExoticComponent<({
+  children,
+  className,
+  ...props
+}: React.PropsWithChildren<React.ComponentProps<"div">>) => react642.JSX.Element>;
+/**
+ * Props for {@link FieldError}.
+ */
+type FieldErrorProps = React.ComponentProps<'div'> & {
+  errors?: Array<{
+    code?: string;
+    message?: string;
+  } | undefined>;
+  requiredMessage?: string;
+};
+declare const FieldError: react642.MemoExoticComponent<({
+  className,
+  children,
+  errors,
+  requiredMessage,
+  ...props
+}: FieldErrorProps) => react642.JSX.Element | null>;
+//#endregion
+//#region packages/components/features/tanstack-form/components/ui/submit-button.d.ts
+/**
+ * Props for the {@link SubmitButton} component.
+ */
+type SubmitButtonProps = React.ComponentProps<'button'> & {
+  /**
+   * When `true` the button enters a loading state and is automatically disabled to prevent duplicate submissions.
+   */
+  isSubmitting?: boolean;
+  /**
+   * Label text rendered inside the button.
+   * @default 'Submit'
+   */
+  submitText?: string;
+};
+/**
+ * Primary form submission button that shows a loading indicator while the form is being submitted.
+ *
+ * @example
+ * import { SubmitButton } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <SubmitButton isSubmitting={form.state.isSubmitting} submitText="Save changes" />
+ */
+declare const SubmitButton: React.FC<SubmitButtonProps>;
+//#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>;
+/**
+ * Factory result from {@link createFormHook} pre-wired with all Lunas UI field and form components.
+ *
+ * ### `useTanStackForm`
+ * Pre-configured TanStack Form hook that returns a type-safe form instance bound to all Lunas UI
+ * field and form components.
+ *
+ * @example
+ * import { useTanStackForm } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * const form = useTanStackForm({
+ *   defaultValues: { name: '', email: '' },
+ *   onSubmit: async ({ value }) => console.log(value),
+ * });
+ *
+ * return (
+ *   <form.Provider>
+ *     <form.AppForm>
+ *       <form.AppField name="name" children={(field) => <field.TextField label="Name" />} />
+ *       <form.Subscribe selector={(s) => s.canSubmit}>
+ *         {(canSubmit) => <form.TanStackActionSubmit disabled={!canSubmit} />}
+ *       </form.Subscribe>
+ *     </form.AppForm>
+ *   </form.Provider>
+ * );
+ *
+ * ### `withTanStackForm`
+ * Higher-order component that wraps a sub-form component with access to the parent
+ * `useTanStackForm` form context, enabling isolated field groups that still participate in the
+ * top-level form state.
+ *
+ * @example
+ * import { withTanStackForm } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * const AddressFields = withTanStackForm(
+ *   { street: '', city: '' } as const,
+ *   ({ form }) => (
+ *     <>
+ *       <form.AppField name="street" children={(f) => <f.TextField label="Street" />} />
+ *       <form.AppField name="city" children={(f) => <f.TextField label="City" />} />
+ *     </>
+ *   ),
+ * );
+ *
+ * ### `withTanStackFieldGroup`
+ * Higher-order component that creates a reusable field-group component sharing the enclosing
+ * `useTanStackForm` context without requiring additional form providers.
+ *
+ * @example
+ * import { withTanStackFieldGroup } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * const ContactGroup = withTanStackFieldGroup(({ form }) => (
+ *   <form.AppField name="phone" children={(f) => <f.TextField label="Phone" />} />
+ * ));
+ */
+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: react642.NamedExoticComponent<TextFieldProps>;
+    readonly TextareaField: react642.NamedExoticComponent<TextareaFieldProps>;
+    readonly TextEditorField: react642.FC<TextEditorFieldProps>;
+    readonly NumberField: react642.NamedExoticComponent<NumberFieldProps>;
+    readonly EmailField: react642.FC<EmailFieldProps>;
+    readonly PasswordField: react642.FC<PasswordFieldProps>;
+    readonly SelectField: react642.NamedExoticComponent<SelectFieldProps>;
+    readonly ComboboxField: react642.NamedExoticComponent<ComboboxFieldProps>;
+    readonly DateField: react642.NamedExoticComponent<DateFieldProps>;
+    readonly SwitchField: react642.FC<SwitchFieldProps>;
+    readonly RadioGroupField: react642.FC<RadioGroupFieldProps>;
+    readonly CheckboxField: react642.FC<CheckboxFieldProps>;
+    readonly SimpleTextField: react642.FC<SimpleTextFieldProps>;
+    readonly SimpleEmailField: react642.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      maxLength?: number;
+      disabled?: boolean;
+    }>;
+    readonly SimplePasswordField: react642.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      disabled?: boolean;
+    }>;
+    readonly SimpleTextareaField: react642.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      maxLength?: number;
+      rows?: number;
+      disabled?: boolean;
+    }>;
+    readonly SimpleNumberField: react642.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      unit?: string;
+      allowNegative?: boolean;
+      disabled?: boolean;
+    }>;
+    readonly SimpleSelectField: react642.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+    }>;
+    readonly SimpleArrayField: typeof SimpleArrayField;
+    readonly SimpleBooleanField: react642.FC<{
+      label?: string;
+      required?: boolean;
+      disabled?: boolean;
+      variant?: "checkbox" | "switch";
+    }>;
+    readonly SimpleComboboxField: react642.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      disabled?: boolean;
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+    }>;
+    readonly SimpleDateField: react642.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      disabled?: boolean;
+      minDate?: Date;
+      maxDate?: Date;
+    }>;
+    readonly SimpleRadioGroupField: react642.FC<{
+      label?: string;
+      required?: boolean;
+      disabled?: boolean;
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+      orientation?: "horizontal" | "vertical";
+    }>;
+    readonly FieldGroup: react642.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react642.JSX.Element>;
+    readonly Field: react642.MemoExoticComponent<({
+      className,
+      orientation,
+      ...props
+    }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+      orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+    } & class_variance_authority_types22.ClassProp) | undefined) => string>) => react642.JSX.Element>;
+    readonly FieldContent: react642.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react642.JSX.Element>;
+    readonly FieldLabel: react642.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<typeof Label$1>) => react642.JSX.Element>;
+    readonly FieldContentMain: react642.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react642.JSX.Element>;
+    readonly FieldSeparator: react642.MemoExoticComponent<({
+      children,
+      className,
+      ...props
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react642.JSX.Element>;
+    readonly FieldError: react642.MemoExoticComponent<({
+      className,
+      children,
+      errors,
+      requiredMessage,
+      ...props
+    }: react642.ClassAttributes<HTMLDivElement> & react642.HTMLAttributes<HTMLDivElement> & {
+      errors?: Array<{
+        code?: string;
+        message?: string;
+      } | undefined>;
+      requiredMessage?: string;
+    }) => react642.JSX.Element | null>;
+  }, {
+    readonly TanStackDialogForm: react642.FC<react642.PropsWithChildren<{
+      title: string;
+      submitText?: string;
+      width?: number | string;
+      maxWidth?: number | string;
+      className?: string;
+      open?: boolean;
+      onOpenChange?: (open: boolean) => void;
+    }>>;
+    readonly TanStackPopoverForm: react642.FC<react642.PropsWithChildren<{
+      title: string;
+      open?: boolean;
+      contentClassName?: string;
+      onOpenChange?: (open: boolean) => void;
+    }>>;
+    readonly TanStackContainerForm: react642.FC<{
+      children?: react642.ReactNode | undefined;
+    }>;
+    readonly TanStackSectionForm: react642.FC<react642.PropsWithChildren<{
+      title: string;
+    }>>;
+    readonly TanStackCardForm: react642.FC<react642.PropsWithChildren<{
+      title: string;
+      description?: string;
+      onDelete?: () => void | Promise<void>;
+    }>>;
+    readonly TanStackFieldGroup: react642.FC<react642.PropsWithChildren<{
+      label: string;
+      description?: string;
+      helperText?: string;
+      orientation?: "horizontal" | "vertical" | "responsive";
+    }>>;
+    readonly TanStackTitleField: react642.FC<{
+      title: string;
+      description?: string;
+      helperText?: string;
+    }>;
+    readonly TanStackActionsForm: react642.FC<react642.PropsWithChildren<{
+      type?: "create" | "update";
+    }>>;
+    readonly TanStackActionSubmit: react642.FC<{
+      label?: string;
+      className?: string;
+    }>;
+    readonly ArrayCol: typeof ArrayCol;
+    readonly ArrayHeaderRow: typeof ArrayHeaderRow;
+  }>, withTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnChange extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends object = {}>({
+    render,
+    props
+  }: _tanstack_react_form0.WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+    readonly TextField: react642.NamedExoticComponent<TextFieldProps>;
+    readonly TextareaField: react642.NamedExoticComponent<TextareaFieldProps>;
+    readonly TextEditorField: react642.FC<TextEditorFieldProps>;
+    readonly NumberField: react642.NamedExoticComponent<NumberFieldProps>;
+    readonly EmailField: react642.FC<EmailFieldProps>;
+    readonly PasswordField: react642.FC<PasswordFieldProps>;
+    readonly SelectField: react642.NamedExoticComponent<SelectFieldProps>;
+    readonly ComboboxField: react642.NamedExoticComponent<ComboboxFieldProps>;
+    readonly DateField: react642.NamedExoticComponent<DateFieldProps>;
+    readonly SwitchField: react642.FC<SwitchFieldProps>;
+    readonly RadioGroupField: react642.FC<RadioGroupFieldProps>;
+    readonly CheckboxField: react642.FC<CheckboxFieldProps>;
+    readonly SimpleTextField: react642.FC<SimpleTextFieldProps>;
+    readonly SimpleEmailField: react642.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      maxLength?: number;
+      disabled?: boolean;
+    }>;
+    readonly SimplePasswordField: react642.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      disabled?: boolean;
+    }>;
+    readonly SimpleTextareaField: react642.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      maxLength?: number;
+      rows?: number;
+      disabled?: boolean;
+    }>;
+    readonly SimpleNumberField: react642.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      unit?: string;
+      allowNegative?: boolean;
+      disabled?: boolean;
+    }>;
+    readonly SimpleSelectField: react642.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+    }>;
+    readonly SimpleArrayField: typeof SimpleArrayField;
+    readonly SimpleBooleanField: react642.FC<{
+      label?: string;
+      required?: boolean;
+      disabled?: boolean;
+      variant?: "checkbox" | "switch";
+    }>;
+    readonly SimpleComboboxField: react642.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      disabled?: boolean;
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+    }>;
+    readonly SimpleDateField: react642.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      disabled?: boolean;
+      minDate?: Date;
+      maxDate?: Date;
+    }>;
+    readonly SimpleRadioGroupField: react642.FC<{
+      label?: string;
+      required?: boolean;
+      disabled?: boolean;
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+      orientation?: "horizontal" | "vertical";
+    }>;
+    readonly FieldGroup: react642.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react642.JSX.Element>;
+    readonly Field: react642.MemoExoticComponent<({
+      className,
+      orientation,
+      ...props
+    }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+      orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+    } & class_variance_authority_types22.ClassProp) | undefined) => string>) => react642.JSX.Element>;
+    readonly FieldContent: react642.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react642.JSX.Element>;
+    readonly FieldLabel: react642.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<typeof Label$1>) => react642.JSX.Element>;
+    readonly FieldContentMain: react642.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react642.JSX.Element>;
+    readonly FieldSeparator: react642.MemoExoticComponent<({
+      children,
+      className,
+      ...props
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react642.JSX.Element>;
+    readonly FieldError: react642.MemoExoticComponent<({
+      className,
+      children,
+      errors,
+      requiredMessage,
+      ...props
+    }: react642.ClassAttributes<HTMLDivElement> & react642.HTMLAttributes<HTMLDivElement> & {
+      errors?: Array<{
+        code?: string;
+        message?: string;
+      } | undefined>;
+      requiredMessage?: string;
+    }) => react642.JSX.Element | null>;
+  }, {
+    readonly TanStackDialogForm: react642.FC<react642.PropsWithChildren<{
+      title: string;
+      submitText?: string;
+      width?: number | string;
+      maxWidth?: number | string;
+      className?: string;
+      open?: boolean;
+      onOpenChange?: (open: boolean) => void;
+    }>>;
+    readonly TanStackPopoverForm: react642.FC<react642.PropsWithChildren<{
+      title: string;
+      open?: boolean;
+      contentClassName?: string;
+      onOpenChange?: (open: boolean) => void;
+    }>>;
+    readonly TanStackContainerForm: react642.FC<{
+      children?: react642.ReactNode | undefined;
+    }>;
+    readonly TanStackSectionForm: react642.FC<react642.PropsWithChildren<{
+      title: string;
+    }>>;
+    readonly TanStackCardForm: react642.FC<react642.PropsWithChildren<{
+      title: string;
+      description?: string;
+      onDelete?: () => void | Promise<void>;
+    }>>;
+    readonly TanStackFieldGroup: react642.FC<react642.PropsWithChildren<{
+      label: string;
+      description?: string;
+      helperText?: string;
+      orientation?: "horizontal" | "vertical" | "responsive";
+    }>>;
+    readonly TanStackTitleField: react642.FC<{
+      title: string;
+      description?: string;
+      helperText?: string;
+    }>;
+    readonly TanStackActionsForm: react642.FC<react642.PropsWithChildren<{
+      type?: "create" | "update";
+    }>>;
+    readonly TanStackActionSubmit: react642.FC<{
+      label?: string;
+      className?: string;
+    }>;
+    readonly ArrayCol: typeof ArrayCol;
+    readonly ArrayHeaderRow: typeof ArrayHeaderRow;
+  }, TRenderProps>) => react642.FunctionComponent<react642.PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
+    form: _tanstack_react_form0.AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (_tanstack_form_core0.FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, {
+      readonly TextField: react642.NamedExoticComponent<TextFieldProps>;
+      readonly TextareaField: react642.NamedExoticComponent<TextareaFieldProps>;
+      readonly TextEditorField: react642.FC<TextEditorFieldProps>;
+      readonly NumberField: react642.NamedExoticComponent<NumberFieldProps>;
+      readonly EmailField: react642.FC<EmailFieldProps>;
+      readonly PasswordField: react642.FC<PasswordFieldProps>;
+      readonly SelectField: react642.NamedExoticComponent<SelectFieldProps>;
+      readonly ComboboxField: react642.NamedExoticComponent<ComboboxFieldProps>;
+      readonly DateField: react642.NamedExoticComponent<DateFieldProps>;
+      readonly SwitchField: react642.FC<SwitchFieldProps>;
+      readonly RadioGroupField: react642.FC<RadioGroupFieldProps>;
+      readonly CheckboxField: react642.FC<CheckboxFieldProps>;
+      readonly SimpleTextField: react642.FC<SimpleTextFieldProps>;
+      readonly SimpleEmailField: react642.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        maxLength?: number;
+        disabled?: boolean;
+      }>;
+      readonly SimplePasswordField: react642.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+      }>;
+      readonly SimpleTextareaField: react642.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        maxLength?: number;
+        rows?: number;
+        disabled?: boolean;
+      }>;
+      readonly SimpleNumberField: react642.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        unit?: string;
+        allowNegative?: boolean;
+        disabled?: boolean;
+      }>;
+      readonly SimpleSelectField: react642.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+      }>;
+      readonly SimpleArrayField: typeof SimpleArrayField;
+      readonly SimpleBooleanField: react642.FC<{
+        label?: string;
+        required?: boolean;
+        disabled?: boolean;
+        variant?: "checkbox" | "switch";
+      }>;
+      readonly SimpleComboboxField: react642.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+      }>;
+      readonly SimpleDateField: react642.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+        minDate?: Date;
+        maxDate?: Date;
+      }>;
+      readonly SimpleRadioGroupField: react642.FC<{
+        label?: string;
+        required?: boolean;
+        disabled?: boolean;
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+        orientation?: "horizontal" | "vertical";
+      }>;
+      readonly FieldGroup: react642.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react642.JSX.Element>;
+      readonly Field: react642.MemoExoticComponent<({
+        className,
+        orientation,
+        ...props
+      }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+      } & class_variance_authority_types22.ClassProp) | undefined) => string>) => react642.JSX.Element>;
+      readonly FieldContent: react642.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react642.JSX.Element>;
+      readonly FieldLabel: react642.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<typeof Label$1>) => react642.JSX.Element>;
+      readonly FieldContentMain: react642.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react642.JSX.Element>;
+      readonly FieldSeparator: react642.MemoExoticComponent<({
+        children,
+        className,
+        ...props
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react642.JSX.Element>;
+      readonly FieldError: react642.MemoExoticComponent<({
+        className,
+        children,
+        errors,
+        requiredMessage,
+        ...props
+      }: react642.ClassAttributes<HTMLDivElement> & react642.HTMLAttributes<HTMLDivElement> & {
+        errors?: Array<{
+          code?: string;
+          message?: string;
+        } | undefined>;
+        requiredMessage?: string;
+      }) => react642.JSX.Element | null>;
+    }, {
+      readonly TanStackDialogForm: react642.FC<react642.PropsWithChildren<{
+        title: string;
+        submitText?: string;
+        width?: number | string;
+        maxWidth?: number | string;
+        className?: string;
+        open?: boolean;
+        onOpenChange?: (open: boolean) => void;
+      }>>;
+      readonly TanStackPopoverForm: react642.FC<react642.PropsWithChildren<{
+        title: string;
+        open?: boolean;
+        contentClassName?: string;
+        onOpenChange?: (open: boolean) => void;
+      }>>;
+      readonly TanStackContainerForm: react642.FC<{
+        children?: react642.ReactNode | undefined;
+      }>;
+      readonly TanStackSectionForm: react642.FC<react642.PropsWithChildren<{
+        title: string;
+      }>>;
+      readonly TanStackCardForm: react642.FC<react642.PropsWithChildren<{
+        title: string;
+        description?: string;
+        onDelete?: () => void | Promise<void>;
+      }>>;
+      readonly TanStackFieldGroup: react642.FC<react642.PropsWithChildren<{
+        label: string;
+        description?: string;
+        helperText?: string;
+        orientation?: "horizontal" | "vertical" | "responsive";
+      }>>;
+      readonly TanStackTitleField: react642.FC<{
+        title: string;
+        description?: string;
+        helperText?: string;
+      }>;
+      readonly TanStackActionsForm: react642.FC<react642.PropsWithChildren<{
+        type?: "create" | "update";
+      }>>;
+      readonly TanStackActionSubmit: react642.FC<{
+        label?: string;
+        className?: string;
+      }>;
+      readonly ArrayCol: typeof ArrayCol;
+      readonly ArrayHeaderRow: typeof ArrayHeaderRow;
+    }>;
+  }>>, withTanStackFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps extends object = {}>({
+    render,
+    props,
+    defaultValues
+  }: _tanstack_react_form0.WithFieldGroupProps<TFieldGroupData, {
+    readonly TextField: react642.NamedExoticComponent<TextFieldProps>;
+    readonly TextareaField: react642.NamedExoticComponent<TextareaFieldProps>;
+    readonly TextEditorField: react642.FC<TextEditorFieldProps>;
+    readonly NumberField: react642.NamedExoticComponent<NumberFieldProps>;
+    readonly EmailField: react642.FC<EmailFieldProps>;
+    readonly PasswordField: react642.FC<PasswordFieldProps>;
+    readonly SelectField: react642.NamedExoticComponent<SelectFieldProps>;
+    readonly ComboboxField: react642.NamedExoticComponent<ComboboxFieldProps>;
+    readonly DateField: react642.NamedExoticComponent<DateFieldProps>;
+    readonly SwitchField: react642.FC<SwitchFieldProps>;
+    readonly RadioGroupField: react642.FC<RadioGroupFieldProps>;
+    readonly CheckboxField: react642.FC<CheckboxFieldProps>;
+    readonly SimpleTextField: react642.FC<SimpleTextFieldProps>;
+    readonly SimpleEmailField: react642.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      maxLength?: number;
+      disabled?: boolean;
+    }>;
+    readonly SimplePasswordField: react642.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      disabled?: boolean;
+    }>;
+    readonly SimpleTextareaField: react642.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      maxLength?: number;
+      rows?: number;
+      disabled?: boolean;
+    }>;
+    readonly SimpleNumberField: react642.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      unit?: string;
+      allowNegative?: boolean;
+      disabled?: boolean;
+    }>;
+    readonly SimpleSelectField: react642.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+    }>;
+    readonly SimpleArrayField: typeof SimpleArrayField;
+    readonly SimpleBooleanField: react642.FC<{
+      label?: string;
+      required?: boolean;
+      disabled?: boolean;
+      variant?: "checkbox" | "switch";
+    }>;
+    readonly SimpleComboboxField: react642.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      disabled?: boolean;
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+    }>;
+    readonly SimpleDateField: react642.FC<{
+      label?: string;
+      placeholder?: string;
+      required?: boolean;
+      disabled?: boolean;
+      minDate?: Date;
+      maxDate?: Date;
+    }>;
+    readonly SimpleRadioGroupField: react642.FC<{
+      label?: string;
+      required?: boolean;
+      disabled?: boolean;
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+      orientation?: "horizontal" | "vertical";
+    }>;
+    readonly FieldGroup: react642.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react642.JSX.Element>;
+    readonly Field: react642.MemoExoticComponent<({
+      className,
+      orientation,
+      ...props
+    }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+      orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+    } & class_variance_authority_types22.ClassProp) | undefined) => string>) => react642.JSX.Element>;
+    readonly FieldContent: react642.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react642.JSX.Element>;
+    readonly FieldLabel: react642.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<typeof Label$1>) => react642.JSX.Element>;
+    readonly FieldContentMain: react642.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react642.JSX.Element>;
+    readonly FieldSeparator: react642.MemoExoticComponent<({
+      children,
+      className,
+      ...props
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react642.JSX.Element>;
+    readonly FieldError: react642.MemoExoticComponent<({
+      className,
+      children,
+      errors,
+      requiredMessage,
+      ...props
+    }: react642.ClassAttributes<HTMLDivElement> & react642.HTMLAttributes<HTMLDivElement> & {
+      errors?: Array<{
+        code?: string;
+        message?: string;
+      } | undefined>;
+      requiredMessage?: string;
+    }) => react642.JSX.Element | null>;
+  }, {
+    readonly TanStackDialogForm: react642.FC<react642.PropsWithChildren<{
+      title: string;
+      submitText?: string;
+      width?: number | string;
+      maxWidth?: number | string;
+      className?: string;
+      open?: boolean;
+      onOpenChange?: (open: boolean) => void;
+    }>>;
+    readonly TanStackPopoverForm: react642.FC<react642.PropsWithChildren<{
+      title: string;
+      open?: boolean;
+      contentClassName?: string;
+      onOpenChange?: (open: boolean) => void;
+    }>>;
+    readonly TanStackContainerForm: react642.FC<{
+      children?: react642.ReactNode | undefined;
+    }>;
+    readonly TanStackSectionForm: react642.FC<react642.PropsWithChildren<{
+      title: string;
+    }>>;
+    readonly TanStackCardForm: react642.FC<react642.PropsWithChildren<{
+      title: string;
+      description?: string;
+      onDelete?: () => void | Promise<void>;
+    }>>;
+    readonly TanStackFieldGroup: react642.FC<react642.PropsWithChildren<{
+      label: string;
+      description?: string;
+      helperText?: string;
+      orientation?: "horizontal" | "vertical" | "responsive";
+    }>>;
+    readonly TanStackTitleField: react642.FC<{
+      title: string;
+      description?: string;
+      helperText?: string;
+    }>;
+    readonly TanStackActionsForm: react642.FC<react642.PropsWithChildren<{
+      type?: "create" | "update";
+    }>>;
+    readonly TanStackActionSubmit: react642.FC<{
+      label?: string;
+      className?: string;
+    }>;
+    readonly ArrayCol: typeof ArrayCol;
+    readonly ArrayHeaderRow: typeof ArrayHeaderRow;
+  }, TSubmitMeta, TRenderProps>) => <TFormData, TFields extends _tanstack_form_core0.DeepKeysOfType<TFormData, TFieldGroupData | null | undefined> | _tanstack_form_core0.FieldsMap<TFormData, TFieldGroupData>, TOnMount extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnChange extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TFormSubmitMeta>(params: react642.PropsWithChildren<NoInfer<TRenderProps> & {
+    form: _tanstack_react_form0.AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
+      readonly TextField: react642.NamedExoticComponent<TextFieldProps>;
+      readonly TextareaField: react642.NamedExoticComponent<TextareaFieldProps>;
+      readonly TextEditorField: react642.FC<TextEditorFieldProps>;
+      readonly NumberField: react642.NamedExoticComponent<NumberFieldProps>;
+      readonly EmailField: react642.FC<EmailFieldProps>;
+      readonly PasswordField: react642.FC<PasswordFieldProps>;
+      readonly SelectField: react642.NamedExoticComponent<SelectFieldProps>;
+      readonly ComboboxField: react642.NamedExoticComponent<ComboboxFieldProps>;
+      readonly DateField: react642.NamedExoticComponent<DateFieldProps>;
+      readonly SwitchField: react642.FC<SwitchFieldProps>;
+      readonly RadioGroupField: react642.FC<RadioGroupFieldProps>;
+      readonly CheckboxField: react642.FC<CheckboxFieldProps>;
+      readonly SimpleTextField: react642.FC<SimpleTextFieldProps>;
+      readonly SimpleEmailField: react642.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        maxLength?: number;
+        disabled?: boolean;
+      }>;
+      readonly SimplePasswordField: react642.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+      }>;
+      readonly SimpleTextareaField: react642.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        maxLength?: number;
+        rows?: number;
+        disabled?: boolean;
+      }>;
+      readonly SimpleNumberField: react642.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        unit?: string;
+        allowNegative?: boolean;
+        disabled?: boolean;
+      }>;
+      readonly SimpleSelectField: react642.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+      }>;
+      readonly SimpleArrayField: typeof SimpleArrayField;
+      readonly SimpleBooleanField: react642.FC<{
+        label?: string;
+        required?: boolean;
+        disabled?: boolean;
+        variant?: "checkbox" | "switch";
+      }>;
+      readonly SimpleComboboxField: react642.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+      }>;
+      readonly SimpleDateField: react642.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+        minDate?: Date;
+        maxDate?: Date;
+      }>;
+      readonly SimpleRadioGroupField: react642.FC<{
+        label?: string;
+        required?: boolean;
+        disabled?: boolean;
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+        orientation?: "horizontal" | "vertical";
+      }>;
+      readonly FieldGroup: react642.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react642.JSX.Element>;
+      readonly Field: react642.MemoExoticComponent<({
+        className,
+        orientation,
+        ...props
+      }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+      } & class_variance_authority_types22.ClassProp) | undefined) => string>) => react642.JSX.Element>;
+      readonly FieldContent: react642.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react642.JSX.Element>;
+      readonly FieldLabel: react642.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<typeof Label$1>) => react642.JSX.Element>;
+      readonly FieldContentMain: react642.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react642.JSX.Element>;
+      readonly FieldSeparator: react642.MemoExoticComponent<({
+        children,
+        className,
+        ...props
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react642.JSX.Element>;
+      readonly FieldError: react642.MemoExoticComponent<({
+        className,
+        children,
+        errors,
+        requiredMessage,
+        ...props
+      }: react642.ClassAttributes<HTMLDivElement> & react642.HTMLAttributes<HTMLDivElement> & {
+        errors?: Array<{
+          code?: string;
+          message?: string;
+        } | undefined>;
+        requiredMessage?: string;
+      }) => react642.JSX.Element | null>;
+    }, {
+      readonly TanStackDialogForm: react642.FC<react642.PropsWithChildren<{
+        title: string;
+        submitText?: string;
+        width?: number | string;
+        maxWidth?: number | string;
+        className?: string;
+        open?: boolean;
+        onOpenChange?: (open: boolean) => void;
+      }>>;
+      readonly TanStackPopoverForm: react642.FC<react642.PropsWithChildren<{
+        title: string;
+        open?: boolean;
+        contentClassName?: string;
+        onOpenChange?: (open: boolean) => void;
+      }>>;
+      readonly TanStackContainerForm: react642.FC<{
+        children?: react642.ReactNode | undefined;
+      }>;
+      readonly TanStackSectionForm: react642.FC<react642.PropsWithChildren<{
+        title: string;
+      }>>;
+      readonly TanStackCardForm: react642.FC<react642.PropsWithChildren<{
+        title: string;
+        description?: string;
+        onDelete?: () => void | Promise<void>;
+      }>>;
+      readonly TanStackFieldGroup: react642.FC<react642.PropsWithChildren<{
+        label: string;
+        description?: string;
+        helperText?: string;
+        orientation?: "horizontal" | "vertical" | "responsive";
+      }>>;
+      readonly TanStackTitleField: react642.FC<{
+        title: string;
+        description?: string;
+        helperText?: string;
+      }>;
+      readonly TanStackActionsForm: react642.FC<react642.PropsWithChildren<{
+        type?: "create" | "update";
+      }>>;
+      readonly TanStackActionSubmit: react642.FC<{
+        label?: string;
+        className?: string;
+      }>;
+      readonly ArrayCol: typeof ArrayCol;
+      readonly ArrayHeaderRow: typeof ArrayHeaderRow;
+    }> | _tanstack_react_form0.AppFieldExtendedReactFieldGroupApi<unknown, TFormData, string | _tanstack_form_core0.FieldsMap<unknown, TFormData>, any, any, any, any, any, any, any, any, any, any, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
+      readonly TextField: react642.NamedExoticComponent<TextFieldProps>;
+      readonly TextareaField: react642.NamedExoticComponent<TextareaFieldProps>;
+      readonly TextEditorField: react642.FC<TextEditorFieldProps>;
+      readonly NumberField: react642.NamedExoticComponent<NumberFieldProps>;
+      readonly EmailField: react642.FC<EmailFieldProps>;
+      readonly PasswordField: react642.FC<PasswordFieldProps>;
+      readonly SelectField: react642.NamedExoticComponent<SelectFieldProps>;
+      readonly ComboboxField: react642.NamedExoticComponent<ComboboxFieldProps>;
+      readonly DateField: react642.NamedExoticComponent<DateFieldProps>;
+      readonly SwitchField: react642.FC<SwitchFieldProps>;
+      readonly RadioGroupField: react642.FC<RadioGroupFieldProps>;
+      readonly CheckboxField: react642.FC<CheckboxFieldProps>;
+      readonly SimpleTextField: react642.FC<SimpleTextFieldProps>;
+      readonly SimpleEmailField: react642.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        maxLength?: number;
+        disabled?: boolean;
+      }>;
+      readonly SimplePasswordField: react642.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+      }>;
+      readonly SimpleTextareaField: react642.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        maxLength?: number;
+        rows?: number;
+        disabled?: boolean;
+      }>;
+      readonly SimpleNumberField: react642.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        unit?: string;
+        allowNegative?: boolean;
+        disabled?: boolean;
+      }>;
+      readonly SimpleSelectField: react642.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+      }>;
+      readonly SimpleArrayField: typeof SimpleArrayField;
+      readonly SimpleBooleanField: react642.FC<{
+        label?: string;
+        required?: boolean;
+        disabled?: boolean;
+        variant?: "checkbox" | "switch";
+      }>;
+      readonly SimpleComboboxField: react642.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+      }>;
+      readonly SimpleDateField: react642.FC<{
+        label?: string;
+        placeholder?: string;
+        required?: boolean;
+        disabled?: boolean;
+        minDate?: Date;
+        maxDate?: Date;
+      }>;
+      readonly SimpleRadioGroupField: react642.FC<{
+        label?: string;
+        required?: boolean;
+        disabled?: boolean;
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+        orientation?: "horizontal" | "vertical";
+      }>;
+      readonly FieldGroup: react642.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react642.JSX.Element>;
+      readonly Field: react642.MemoExoticComponent<({
+        className,
+        orientation,
+        ...props
+      }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+      } & class_variance_authority_types22.ClassProp) | undefined) => string>) => react642.JSX.Element>;
+      readonly FieldContent: react642.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react642.JSX.Element>;
+      readonly FieldLabel: react642.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<typeof Label$1>) => react642.JSX.Element>;
+      readonly FieldContentMain: react642.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react642.JSX.Element>;
+      readonly FieldSeparator: react642.MemoExoticComponent<({
+        children,
+        className,
+        ...props
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react642.JSX.Element>;
+      readonly FieldError: react642.MemoExoticComponent<({
+        className,
+        children,
+        errors,
+        requiredMessage,
+        ...props
+      }: react642.ClassAttributes<HTMLDivElement> & react642.HTMLAttributes<HTMLDivElement> & {
+        errors?: Array<{
+          code?: string;
+          message?: string;
+        } | undefined>;
+        requiredMessage?: string;
+      }) => react642.JSX.Element | null>;
+    }, {
+      readonly TanStackDialogForm: react642.FC<react642.PropsWithChildren<{
+        title: string;
+        submitText?: string;
+        width?: number | string;
+        maxWidth?: number | string;
+        className?: string;
+        open?: boolean;
+        onOpenChange?: (open: boolean) => void;
+      }>>;
+      readonly TanStackPopoverForm: react642.FC<react642.PropsWithChildren<{
+        title: string;
+        open?: boolean;
+        contentClassName?: string;
+        onOpenChange?: (open: boolean) => void;
+      }>>;
+      readonly TanStackContainerForm: react642.FC<{
+        children?: react642.ReactNode | undefined;
+      }>;
+      readonly TanStackSectionForm: react642.FC<react642.PropsWithChildren<{
+        title: string;
+      }>>;
+      readonly TanStackCardForm: react642.FC<react642.PropsWithChildren<{
+        title: string;
+        description?: string;
+        onDelete?: () => void | Promise<void>;
+      }>>;
+      readonly TanStackFieldGroup: react642.FC<react642.PropsWithChildren<{
+        label: string;
+        description?: string;
+        helperText?: string;
+        orientation?: "horizontal" | "vertical" | "responsive";
+      }>>;
+      readonly TanStackTitleField: react642.FC<{
+        title: string;
+        description?: string;
+        helperText?: string;
+      }>;
+      readonly TanStackActionsForm: react642.FC<react642.PropsWithChildren<{
+        type?: "create" | "update";
+      }>>;
+      readonly TanStackActionSubmit: react642.FC<{
+        label?: string;
+        className?: string;
+      }>;
+      readonly ArrayCol: typeof ArrayCol;
+      readonly ArrayHeaderRow: typeof ArrayHeaderRow;
+    }>;
+    fields: TFields;
+  }>) => ReturnType<react642.FunctionComponent>;
+//#endregion
+export { ArrayHeaderRow as $, TextEditorField as A, ComboboxField as B, TanStackPopoverForm as C, TextFieldValue as Ct, TanStackCardForm as D, TanStackContainerForm as E, RadioGroupField as F, SimplePasswordField as G, SimpleTextField as H, PasswordField as I, SimpleRadioGroupField as J, SimpleNumberField as K, NumberField as L, TextField as M, SwitchField as N, TanStackActionsForm as O, SelectField as P, ArrayCol as Q, EmailField as R, TanStackSectionForm as S, TextFieldProps as St, TanStackDialogForm as T, SimpleTextareaField as U, CheckboxField as V, SimpleSelectField as W, SimpleComboboxField as X, SimpleDateField as Y, SimpleBooleanField as Z, FieldSet as _, SelectFieldProps as _t, withTanStackForm as a, DateFieldProps as at, CancelButton as b, SwitchFieldProps as bt, FieldContent as c, FieldOrientation as ct, FieldError as d, MultiSelectFieldValue as dt, SimpleArrayField as et, FieldGroup as f, NumberFieldProps as ft, FieldSeparator as g, RadioOption as gt, FieldNote as h, RadioGroupFieldProps as ht, withTanStackFieldGroup as i, ComboboxFieldProps as it, TextareaField as j, TanStackActionSubmit as k, FieldContentMain as l, FieldRounding as lt, FieldLegend as m, PasswordFieldProps as mt, useTanStackForm as n, BooleanFieldValue as nt, SubmitButton as o, DateFieldValue as ot, FieldLabel as p, NumberFieldValue as pt, SimpleEmailField as q, useTanStackFormContext as r, CheckboxFieldProps as rt, Field as s, EmailFieldProps as st, useTanStackFieldContext as t, AnyFieldProps as tt, FieldDescription as u, FieldType as ut, FieldTitle as v, SelectOption as vt, TanStackFieldGroup as w, TextareaFieldProps as wt, TanStackTitleField as x, TextEditorFieldProps as xt, FieldTooltip as y, SimpleTextFieldProps as yt, DateField as z };
+//# sourceMappingURL=index-DSciiDhn.d.cts.map