@customafk/lunas-ui 0.2.37 → 0.2.39

package/dist/index-9dZXIJo5.d.mts

@@ -1,2749 +0,0 @@
-import * as react648 from "react";
-import * as class_variance_authority0 from "class-variance-authority";
-import { VariantProps } from "class-variance-authority";
-import { Label } from "radix-ui";
-import * as _tanstack_react_form0 from "@tanstack/react-form";
-import * as class_variance_authority_types23 from "class-variance-authority/types";
-import * as _tanstack_form_core0 from "@tanstack/form-core";
-
-//#region packages/components/features/tanstack-form/components/ui/label.d.ts
-/**
- * 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>): react648.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): react648.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): react648.JSX.Element;
-type Props<T> = {
-  /**
-   * Shape of a brand-new empty row appended when the user clicks "Add row".
-   */
-  defaultRow: T;
-  /**
-   * Render function called once per row. Receives the zero-based row `index`
-   * so you can build field paths like `` `items[${index}].name` ``.
-   */
-  children: (index: number) => React.ReactNode;
-  /** Label on the add button. Defaults to `'Add row'`. */
-  addLabel?: string;
-  className?: string;
-};
-/**
- * Array field wrapper that manages rows (add / remove) while letting you
- * freely compose any fields inside each row.
- *
- * @example
- * const { AppForm, AppField } = useTanStackForm({ defaultValues: { items: [] } });
- *
- * <AppForm>
- *   <AppField name="items">
- *     {({ SimpleArrayField }) => (
- *       <SimpleArrayField defaultRow={{ name: null, qty: null }}>
- *         {(i) => (
- *           <div className="flex gap-2">
- *             <AppField name={`items[${i}].name`}>
- *               {({ SimpleTextField }) => <SimpleTextField label="Name" />}
- *             </AppField>
- *             <AppField name={`items[${i}].qty`}>
- *               {({ SimpleNumberField }) => <SimpleNumberField label="Qty" />}
- *             </AppField>
- *           </div>
- *         )}
- *       </SimpleArrayField>
- *     )}
- *   </AppField>
- * </AppForm>
- */
-declare function SimpleArrayField<T>({
-  defaultRow,
-  children,
-  addLabel,
-  className
-}: Props<T>): react648.JSX.Element;
-//#endregion
-//#region packages/components/features/tanstack-form/components/ui/field.d.ts
-declare const fieldVariants: (props?: ({
-  orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
-} & class_variance_authority_types23.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>
- */
-
-/**
- * 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: react648.MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<"div">) => react648.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: react648.MemoExoticComponent<({
-  className,
-  orientation,
-  ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react648.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: react648.MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<"div">) => react648.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: react648.MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<"div">) => react648.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: react648.MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<typeof Label$1>) => react648.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>
- */
-
-/**
- * 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: react648.MemoExoticComponent<({
-  children,
-  className,
-  ...props
-}: React.PropsWithChildren<React.ComponentProps<"div">>) => react648.JSX.Element>;
-/**
- * Props for {@link FieldError}.
- */
-type FieldErrorProps = React.ComponentProps<'div'> & {
-  /**
-   * Array of validation error objects, typically sourced from a form library's field-level error state.
-   * Each entry may carry an optional `code` (e.g. `'invalid_type'`) and a human-readable `message`.
-   * Rendered automatically when `children` is omitted.
-   */
-  errors?: Array<{
-    code?: string;
-    message?: string;
-  } | undefined>;
-};
-/**
- * ARIA-live error region that renders field validation messages from either an explicit `errors` array or arbitrary `children`.
- *
- * @example
- * import { FieldError } from '@customafk/lunas-ui/features/tanstack-form';
- *
- * <FieldError errors={field.state.meta.errors} />
- */
-declare const FieldError: react648.MemoExoticComponent<({
-  className,
-  children,
-  errors,
-  ...props
-}: FieldErrorProps) => react648.JSX.Element | null>;
-//#endregion
-//#region packages/components/features/tanstack-form/tanstack-form.d.ts
-declare const useTanStackFieldContext: <TData>() => _tanstack_form_core0.FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>, useTanStackFormContext: () => _tanstack_react_form0.ReactFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any, any, any>;
-/**
- * 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: react648.FC<Pick<{
-      label: string;
-      name: string;
-      camelCaseName: string;
-      id: string;
-      type: "text-field";
-      dataType?: "text" | "email" | "url" | "password" | undefined;
-      rules?: {
-        required?: boolean | undefined;
-        maxLength?: number | undefined;
-        minLength?: number | undefined;
-        exactLength?: number | undefined;
-      } | undefined;
-      visibilityConditions?: {
-        when: string;
-        is: any;
-        show?: boolean | undefined;
-      } | undefined;
-      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-      tooltip?: string | undefined;
-      helperText?: string | undefined;
-      showErrorMessage?: boolean | undefined;
-      counter?: boolean | undefined;
-      showClearButton?: boolean | undefined;
-      description?: string | undefined;
-      placeholder?: string | undefined;
-    }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
-      required?: boolean;
-      maxLength?: number;
-    }>;
-    readonly TextareaField: react648.FC<Pick<{
-      label: string;
-      name: string;
-      camelCaseName: string;
-      id: string;
-      type: "textarea-field";
-      rules?: {
-        required?: boolean | undefined;
-        maxLength?: number | undefined;
-        minLength?: number | undefined;
-        exactLength?: number | undefined;
-      } | undefined;
-      visibilityConditions?: {
-        when: string;
-        is: any;
-        show?: boolean | undefined;
-      } | undefined;
-      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-      tooltip?: string | undefined;
-      helperText?: string | undefined;
-      showErrorMessage?: boolean | undefined;
-      counter?: boolean | undefined;
-      description?: string | undefined;
-      placeholder?: string | undefined;
-    }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
-      required?: boolean;
-      maxLength?: number;
-    }>;
-    readonly TextEditorField: react648.FC<Pick<{
-      label: string;
-      name: string;
-      camelCaseName: string;
-      id: string;
-      type: "text-editor-field";
-      tooltip?: string | undefined;
-      helperText?: string | undefined;
-      showErrorMessage?: boolean | undefined;
-      rules?: {
-        required?: boolean | undefined;
-      } | undefined;
-      description?: string | undefined;
-      placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
-      required?: boolean;
-    }>;
-    readonly NumberField: react648.FC<Pick<{
-      label: string;
-      name: string;
-      camelCaseName: string;
-      id: string;
-      type: "number-field";
-      rules?: {
-        required?: boolean | undefined;
-        min?: {
-          value: number;
-          inclusive?: boolean | undefined;
-        } | undefined;
-        max?: {
-          value: number;
-          inclusive?: boolean | undefined;
-        } | undefined;
-        integerOnly?: boolean | undefined;
-        positiveOnly?: boolean | undefined;
-        exactDigits?: number | undefined;
-      } | undefined;
-      visibilityConditions?: {
-        when: string;
-        is: any;
-        show?: boolean | undefined;
-      } | undefined;
-      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-      tooltip?: string | undefined;
-      helperText?: string | undefined;
-      showErrorMessage?: boolean | undefined;
-      defaultValue?: number | undefined;
-      rounding?: "up" | "down" | "none" | "nearest" | undefined;
-      decimalPlaces?: number | undefined;
-      percision?: number | undefined;
-      unit?: string | undefined;
-      description?: string | undefined;
-      placeholder?: string | undefined;
-    }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
-      required?: boolean;
-      allowNegative?: boolean;
-    }>;
-    readonly EmailField: react648.FC<Pick<{
-      rules: {
-        maxLength?: number | undefined;
-        minLength?: number | undefined;
-      };
-      label: string;
-      name: string;
-      camelCaseName: string;
-      id: string;
-      type: "email-field";
-      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-      tooltip?: string | undefined;
-      helperText?: string | undefined;
-      showErrorMessage?: boolean | undefined;
-      description?: string | undefined;
-      placeholder?: string | undefined;
-    }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
-      required?: boolean;
-      maxLength?: number;
-    }>;
-    readonly PasswordField: react648.FC<{
-      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-      description?: string | undefined;
-      label: string;
-      placeholder?: string | undefined;
-      tooltip?: string | undefined;
-      helperText?: string | undefined;
-      showErrorMessage?: boolean | undefined;
-    }>;
-    readonly SelectField: react648.FC<Pick<{
-      options: {
-        label: string;
-        value: string;
-      }[];
-      label: string;
-      name: string;
-      camelCaseName: string;
-      id: string;
-      type: "select-field";
-      clearable?: boolean | undefined;
-      rules?: {
-        required?: boolean | undefined;
-      } | undefined;
-      visibilityConditions?: {
-        when: string;
-        is: any;
-        show?: boolean | undefined;
-      } | undefined;
-      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-      tooltip?: string | undefined;
-      helperText?: string | undefined;
-      defaultValue?: string | undefined;
-      description?: string | undefined;
-      placeholder?: string | undefined;
-    }, "orientation" | "description" | "defaultValue" | "label" | "placeholder" | "tooltip" | "options" | "helperText" | "clearable"> & {
-      required?: boolean;
-    }>;
-    readonly ComboboxField: react648.FC<{
-      label: string;
-      description?: string;
-      placeholder?: string;
-      tooltip?: string;
-      orientation?: "horizontal" | "vertical" | "responsive";
-      options: Array<{
-        value: string;
-        label: string;
-      }>;
-    }>;
-    readonly DateField: react648.FC<Pick<{
-      label: string;
-      name: string;
-      camelCaseName: string;
-      id: string;
-      type: "date-field";
-      showErrorMessage?: boolean | undefined;
-      rules?: {
-        required?: boolean | undefined;
-        minDate?: Date | undefined;
-        maxDate?: Date | undefined;
-      } | undefined;
-      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-      tooltip?: string | undefined;
-      helperText?: string | undefined;
-      defaultValue?: string | undefined;
-      description?: string | undefined;
-      placeholder?: string | undefined;
-    }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
-      required?: boolean;
-      minDate?: Date;
-      maxDate?: Date;
-    }>;
-    readonly SwitchField: react648.FC<{
-      description?: string | undefined;
-      label: string;
-      helperText?: string | undefined;
-    }>;
-    readonly RadioGroupField: react648.FC<{
-      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-      description?: string | undefined;
-      label: string;
-      tooltip?: string | undefined;
-      options: {
-        label: string;
-        value: string;
-        description?: string | undefined;
-      }[];
-      helperText?: string | undefined;
-    }>;
-    readonly CheckboxField: react648.FC<{
-      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-      description?: string | undefined;
-      label: string;
-      tooltip?: string | undefined;
-      options: {
-        label: string;
-        value: string;
-      }[];
-      helperText?: string | undefined;
-    }>;
-    readonly SimpleTextField: react648.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      maxLength?: number;
-      disabled?: boolean;
-    }>;
-    readonly SimpleEmailField: react648.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      maxLength?: number;
-      disabled?: boolean;
-    }>;
-    readonly SimplePasswordField: react648.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      disabled?: boolean;
-    }>;
-    readonly SimpleTextareaField: react648.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      maxLength?: number;
-      rows?: number;
-      disabled?: boolean;
-    }>;
-    readonly SimpleNumberField: react648.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      unit?: string;
-      allowNegative?: boolean;
-      disabled?: boolean;
-    }>;
-    readonly SimpleSelectField: react648.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      options: Array<{
-        value: string;
-        label: string;
-      }>;
-    }>;
-    readonly SimpleArrayField: typeof SimpleArrayField;
-    readonly SimpleBooleanField: react648.FC<{
-      label?: string;
-      required?: boolean;
-      disabled?: boolean;
-      variant?: "checkbox" | "switch";
-    }>;
-    readonly SimpleComboboxField: react648.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      disabled?: boolean;
-      options: Array<{
-        value: string;
-        label: string;
-      }>;
-    }>;
-    readonly SimpleDateField: react648.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      disabled?: boolean;
-      minDate?: Date;
-      maxDate?: Date;
-    }>;
-    readonly SimpleRadioGroupField: react648.FC<{
-      label?: string;
-      required?: boolean;
-      disabled?: boolean;
-      options: Array<{
-        value: string;
-        label: string;
-      }>;
-      orientation?: "horizontal" | "vertical";
-    }>;
-    readonly FieldGroup: react648.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react648.JSX.Element>;
-    readonly Field: react648.MemoExoticComponent<({
-      className,
-      orientation,
-      ...props
-    }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-      orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
-    } & class_variance_authority_types23.ClassProp) | undefined) => string>) => react648.JSX.Element>;
-    readonly FieldContent: react648.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react648.JSX.Element>;
-    readonly FieldLabel: react648.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<typeof Label$1>) => react648.JSX.Element>;
-    readonly FieldContentMain: react648.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react648.JSX.Element>;
-    readonly FieldSeparator: react648.MemoExoticComponent<({
-      children,
-      className,
-      ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react648.JSX.Element>;
-    readonly FieldError: react648.MemoExoticComponent<({
-      className,
-      children,
-      errors,
-      ...props
-    }: react648.ClassAttributes<HTMLDivElement> & react648.HTMLAttributes<HTMLDivElement> & {
-      errors?: Array<{
-        code?: string;
-        message?: string;
-      } | undefined>;
-    }) => react648.JSX.Element | null>;
-  }, {
-    readonly TanStackDialogForm: react648.FC<react648.PropsWithChildren<{
-      title: string;
-      submitText?: string;
-      width?: number | string;
-      maxWidth?: number | string;
-      className?: string;
-      open?: boolean;
-      onOpenChange?: (open: boolean) => void;
-    }>>;
-    readonly TanStackPopoverForm: react648.FC<react648.PropsWithChildren<{
-      title: string;
-      open?: boolean;
-      contentClassName?: string;
-      onOpenChange?: (open: boolean) => void;
-    }>>;
-    readonly TanStackContainerForm: react648.FC<{
-      children?: react648.ReactNode | undefined;
-    }>;
-    readonly TanStackSectionForm: react648.FC<react648.PropsWithChildren<{
-      title: string;
-    }>>;
-    readonly TanStackCardForm: react648.FC<react648.PropsWithChildren<{
-      title: string;
-      description?: string;
-      onDelete?: () => void | Promise<void>;
-    }>>;
-    readonly TanStackFieldGroup: react648.FC<react648.PropsWithChildren<{
-      label: string;
-      description?: string;
-      helperText?: string;
-      orientation?: "horizontal" | "vertical" | "responsive";
-    }>>;
-    readonly TanStackTitleField: react648.FC<{
-      title: string;
-      description?: string;
-      helperText?: string;
-    }>;
-    readonly TanStackActionsForm: react648.FC<react648.PropsWithChildren<{
-      type?: "create" | "update";
-    }>>;
-    readonly TanStackActionSubmit: react648.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: react648.FC<Pick<{
-      label: string;
-      name: string;
-      camelCaseName: string;
-      id: string;
-      type: "text-field";
-      dataType?: "text" | "email" | "url" | "password" | undefined;
-      rules?: {
-        required?: boolean | undefined;
-        maxLength?: number | undefined;
-        minLength?: number | undefined;
-        exactLength?: number | undefined;
-      } | undefined;
-      visibilityConditions?: {
-        when: string;
-        is: any;
-        show?: boolean | undefined;
-      } | undefined;
-      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-      tooltip?: string | undefined;
-      helperText?: string | undefined;
-      showErrorMessage?: boolean | undefined;
-      counter?: boolean | undefined;
-      showClearButton?: boolean | undefined;
-      description?: string | undefined;
-      placeholder?: string | undefined;
-    }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
-      required?: boolean;
-      maxLength?: number;
-    }>;
-    readonly TextareaField: react648.FC<Pick<{
-      label: string;
-      name: string;
-      camelCaseName: string;
-      id: string;
-      type: "textarea-field";
-      rules?: {
-        required?: boolean | undefined;
-        maxLength?: number | undefined;
-        minLength?: number | undefined;
-        exactLength?: number | undefined;
-      } | undefined;
-      visibilityConditions?: {
-        when: string;
-        is: any;
-        show?: boolean | undefined;
-      } | undefined;
-      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-      tooltip?: string | undefined;
-      helperText?: string | undefined;
-      showErrorMessage?: boolean | undefined;
-      counter?: boolean | undefined;
-      description?: string | undefined;
-      placeholder?: string | undefined;
-    }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
-      required?: boolean;
-      maxLength?: number;
-    }>;
-    readonly TextEditorField: react648.FC<Pick<{
-      label: string;
-      name: string;
-      camelCaseName: string;
-      id: string;
-      type: "text-editor-field";
-      tooltip?: string | undefined;
-      helperText?: string | undefined;
-      showErrorMessage?: boolean | undefined;
-      rules?: {
-        required?: boolean | undefined;
-      } | undefined;
-      description?: string | undefined;
-      placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
-      required?: boolean;
-    }>;
-    readonly NumberField: react648.FC<Pick<{
-      label: string;
-      name: string;
-      camelCaseName: string;
-      id: string;
-      type: "number-field";
-      rules?: {
-        required?: boolean | undefined;
-        min?: {
-          value: number;
-          inclusive?: boolean | undefined;
-        } | undefined;
-        max?: {
-          value: number;
-          inclusive?: boolean | undefined;
-        } | undefined;
-        integerOnly?: boolean | undefined;
-        positiveOnly?: boolean | undefined;
-        exactDigits?: number | undefined;
-      } | undefined;
-      visibilityConditions?: {
-        when: string;
-        is: any;
-        show?: boolean | undefined;
-      } | undefined;
-      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-      tooltip?: string | undefined;
-      helperText?: string | undefined;
-      showErrorMessage?: boolean | undefined;
-      defaultValue?: number | undefined;
-      rounding?: "up" | "down" | "none" | "nearest" | undefined;
-      decimalPlaces?: number | undefined;
-      percision?: number | undefined;
-      unit?: string | undefined;
-      description?: string | undefined;
-      placeholder?: string | undefined;
-    }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
-      required?: boolean;
-      allowNegative?: boolean;
-    }>;
-    readonly EmailField: react648.FC<Pick<{
-      rules: {
-        maxLength?: number | undefined;
-        minLength?: number | undefined;
-      };
-      label: string;
-      name: string;
-      camelCaseName: string;
-      id: string;
-      type: "email-field";
-      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-      tooltip?: string | undefined;
-      helperText?: string | undefined;
-      showErrorMessage?: boolean | undefined;
-      description?: string | undefined;
-      placeholder?: string | undefined;
-    }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
-      required?: boolean;
-      maxLength?: number;
-    }>;
-    readonly PasswordField: react648.FC<{
-      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-      description?: string | undefined;
-      label: string;
-      placeholder?: string | undefined;
-      tooltip?: string | undefined;
-      helperText?: string | undefined;
-      showErrorMessage?: boolean | undefined;
-    }>;
-    readonly SelectField: react648.FC<Pick<{
-      options: {
-        label: string;
-        value: string;
-      }[];
-      label: string;
-      name: string;
-      camelCaseName: string;
-      id: string;
-      type: "select-field";
-      clearable?: boolean | undefined;
-      rules?: {
-        required?: boolean | undefined;
-      } | undefined;
-      visibilityConditions?: {
-        when: string;
-        is: any;
-        show?: boolean | undefined;
-      } | undefined;
-      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-      tooltip?: string | undefined;
-      helperText?: string | undefined;
-      defaultValue?: string | undefined;
-      description?: string | undefined;
-      placeholder?: string | undefined;
-    }, "orientation" | "description" | "defaultValue" | "label" | "placeholder" | "tooltip" | "options" | "helperText" | "clearable"> & {
-      required?: boolean;
-    }>;
-    readonly ComboboxField: react648.FC<{
-      label: string;
-      description?: string;
-      placeholder?: string;
-      tooltip?: string;
-      orientation?: "horizontal" | "vertical" | "responsive";
-      options: Array<{
-        value: string;
-        label: string;
-      }>;
-    }>;
-    readonly DateField: react648.FC<Pick<{
-      label: string;
-      name: string;
-      camelCaseName: string;
-      id: string;
-      type: "date-field";
-      showErrorMessage?: boolean | undefined;
-      rules?: {
-        required?: boolean | undefined;
-        minDate?: Date | undefined;
-        maxDate?: Date | undefined;
-      } | undefined;
-      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-      tooltip?: string | undefined;
-      helperText?: string | undefined;
-      defaultValue?: string | undefined;
-      description?: string | undefined;
-      placeholder?: string | undefined;
-    }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
-      required?: boolean;
-      minDate?: Date;
-      maxDate?: Date;
-    }>;
-    readonly SwitchField: react648.FC<{
-      description?: string | undefined;
-      label: string;
-      helperText?: string | undefined;
-    }>;
-    readonly RadioGroupField: react648.FC<{
-      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-      description?: string | undefined;
-      label: string;
-      tooltip?: string | undefined;
-      options: {
-        label: string;
-        value: string;
-        description?: string | undefined;
-      }[];
-      helperText?: string | undefined;
-    }>;
-    readonly CheckboxField: react648.FC<{
-      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-      description?: string | undefined;
-      label: string;
-      tooltip?: string | undefined;
-      options: {
-        label: string;
-        value: string;
-      }[];
-      helperText?: string | undefined;
-    }>;
-    readonly SimpleTextField: react648.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      maxLength?: number;
-      disabled?: boolean;
-    }>;
-    readonly SimpleEmailField: react648.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      maxLength?: number;
-      disabled?: boolean;
-    }>;
-    readonly SimplePasswordField: react648.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      disabled?: boolean;
-    }>;
-    readonly SimpleTextareaField: react648.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      maxLength?: number;
-      rows?: number;
-      disabled?: boolean;
-    }>;
-    readonly SimpleNumberField: react648.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      unit?: string;
-      allowNegative?: boolean;
-      disabled?: boolean;
-    }>;
-    readonly SimpleSelectField: react648.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      options: Array<{
-        value: string;
-        label: string;
-      }>;
-    }>;
-    readonly SimpleArrayField: typeof SimpleArrayField;
-    readonly SimpleBooleanField: react648.FC<{
-      label?: string;
-      required?: boolean;
-      disabled?: boolean;
-      variant?: "checkbox" | "switch";
-    }>;
-    readonly SimpleComboboxField: react648.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      disabled?: boolean;
-      options: Array<{
-        value: string;
-        label: string;
-      }>;
-    }>;
-    readonly SimpleDateField: react648.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      disabled?: boolean;
-      minDate?: Date;
-      maxDate?: Date;
-    }>;
-    readonly SimpleRadioGroupField: react648.FC<{
-      label?: string;
-      required?: boolean;
-      disabled?: boolean;
-      options: Array<{
-        value: string;
-        label: string;
-      }>;
-      orientation?: "horizontal" | "vertical";
-    }>;
-    readonly FieldGroup: react648.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react648.JSX.Element>;
-    readonly Field: react648.MemoExoticComponent<({
-      className,
-      orientation,
-      ...props
-    }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-      orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
-    } & class_variance_authority_types23.ClassProp) | undefined) => string>) => react648.JSX.Element>;
-    readonly FieldContent: react648.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react648.JSX.Element>;
-    readonly FieldLabel: react648.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<typeof Label$1>) => react648.JSX.Element>;
-    readonly FieldContentMain: react648.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react648.JSX.Element>;
-    readonly FieldSeparator: react648.MemoExoticComponent<({
-      children,
-      className,
-      ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react648.JSX.Element>;
-    readonly FieldError: react648.MemoExoticComponent<({
-      className,
-      children,
-      errors,
-      ...props
-    }: react648.ClassAttributes<HTMLDivElement> & react648.HTMLAttributes<HTMLDivElement> & {
-      errors?: Array<{
-        code?: string;
-        message?: string;
-      } | undefined>;
-    }) => react648.JSX.Element | null>;
-  }, {
-    readonly TanStackDialogForm: react648.FC<react648.PropsWithChildren<{
-      title: string;
-      submitText?: string;
-      width?: number | string;
-      maxWidth?: number | string;
-      className?: string;
-      open?: boolean;
-      onOpenChange?: (open: boolean) => void;
-    }>>;
-    readonly TanStackPopoverForm: react648.FC<react648.PropsWithChildren<{
-      title: string;
-      open?: boolean;
-      contentClassName?: string;
-      onOpenChange?: (open: boolean) => void;
-    }>>;
-    readonly TanStackContainerForm: react648.FC<{
-      children?: react648.ReactNode | undefined;
-    }>;
-    readonly TanStackSectionForm: react648.FC<react648.PropsWithChildren<{
-      title: string;
-    }>>;
-    readonly TanStackCardForm: react648.FC<react648.PropsWithChildren<{
-      title: string;
-      description?: string;
-      onDelete?: () => void | Promise<void>;
-    }>>;
-    readonly TanStackFieldGroup: react648.FC<react648.PropsWithChildren<{
-      label: string;
-      description?: string;
-      helperText?: string;
-      orientation?: "horizontal" | "vertical" | "responsive";
-    }>>;
-    readonly TanStackTitleField: react648.FC<{
-      title: string;
-      description?: string;
-      helperText?: string;
-    }>;
-    readonly TanStackActionsForm: react648.FC<react648.PropsWithChildren<{
-      type?: "create" | "update";
-    }>>;
-    readonly TanStackActionSubmit: react648.FC<{
-      label?: string;
-      className?: string;
-    }>;
-    readonly ArrayCol: typeof ArrayCol;
-    readonly ArrayHeaderRow: typeof ArrayHeaderRow;
-  }, TRenderProps>) => react648.FunctionComponent<react648.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: react648.FC<Pick<{
-        label: string;
-        name: string;
-        camelCaseName: string;
-        id: string;
-        type: "text-field";
-        dataType?: "text" | "email" | "url" | "password" | undefined;
-        rules?: {
-          required?: boolean | undefined;
-          maxLength?: number | undefined;
-          minLength?: number | undefined;
-          exactLength?: number | undefined;
-        } | undefined;
-        visibilityConditions?: {
-          when: string;
-          is: any;
-          show?: boolean | undefined;
-        } | undefined;
-        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-        tooltip?: string | undefined;
-        helperText?: string | undefined;
-        showErrorMessage?: boolean | undefined;
-        counter?: boolean | undefined;
-        showClearButton?: boolean | undefined;
-        description?: string | undefined;
-        placeholder?: string | undefined;
-      }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
-        required?: boolean;
-        maxLength?: number;
-      }>;
-      readonly TextareaField: react648.FC<Pick<{
-        label: string;
-        name: string;
-        camelCaseName: string;
-        id: string;
-        type: "textarea-field";
-        rules?: {
-          required?: boolean | undefined;
-          maxLength?: number | undefined;
-          minLength?: number | undefined;
-          exactLength?: number | undefined;
-        } | undefined;
-        visibilityConditions?: {
-          when: string;
-          is: any;
-          show?: boolean | undefined;
-        } | undefined;
-        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-        tooltip?: string | undefined;
-        helperText?: string | undefined;
-        showErrorMessage?: boolean | undefined;
-        counter?: boolean | undefined;
-        description?: string | undefined;
-        placeholder?: string | undefined;
-      }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
-        required?: boolean;
-        maxLength?: number;
-      }>;
-      readonly TextEditorField: react648.FC<Pick<{
-        label: string;
-        name: string;
-        camelCaseName: string;
-        id: string;
-        type: "text-editor-field";
-        tooltip?: string | undefined;
-        helperText?: string | undefined;
-        showErrorMessage?: boolean | undefined;
-        rules?: {
-          required?: boolean | undefined;
-        } | undefined;
-        description?: string | undefined;
-        placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
-        required?: boolean;
-      }>;
-      readonly NumberField: react648.FC<Pick<{
-        label: string;
-        name: string;
-        camelCaseName: string;
-        id: string;
-        type: "number-field";
-        rules?: {
-          required?: boolean | undefined;
-          min?: {
-            value: number;
-            inclusive?: boolean | undefined;
-          } | undefined;
-          max?: {
-            value: number;
-            inclusive?: boolean | undefined;
-          } | undefined;
-          integerOnly?: boolean | undefined;
-          positiveOnly?: boolean | undefined;
-          exactDigits?: number | undefined;
-        } | undefined;
-        visibilityConditions?: {
-          when: string;
-          is: any;
-          show?: boolean | undefined;
-        } | undefined;
-        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-        tooltip?: string | undefined;
-        helperText?: string | undefined;
-        showErrorMessage?: boolean | undefined;
-        defaultValue?: number | undefined;
-        rounding?: "up" | "down" | "none" | "nearest" | undefined;
-        decimalPlaces?: number | undefined;
-        percision?: number | undefined;
-        unit?: string | undefined;
-        description?: string | undefined;
-        placeholder?: string | undefined;
-      }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
-        required?: boolean;
-        allowNegative?: boolean;
-      }>;
-      readonly EmailField: react648.FC<Pick<{
-        rules: {
-          maxLength?: number | undefined;
-          minLength?: number | undefined;
-        };
-        label: string;
-        name: string;
-        camelCaseName: string;
-        id: string;
-        type: "email-field";
-        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-        tooltip?: string | undefined;
-        helperText?: string | undefined;
-        showErrorMessage?: boolean | undefined;
-        description?: string | undefined;
-        placeholder?: string | undefined;
-      }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
-        required?: boolean;
-        maxLength?: number;
-      }>;
-      readonly PasswordField: react648.FC<{
-        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-        description?: string | undefined;
-        label: string;
-        placeholder?: string | undefined;
-        tooltip?: string | undefined;
-        helperText?: string | undefined;
-        showErrorMessage?: boolean | undefined;
-      }>;
-      readonly SelectField: react648.FC<Pick<{
-        options: {
-          label: string;
-          value: string;
-        }[];
-        label: string;
-        name: string;
-        camelCaseName: string;
-        id: string;
-        type: "select-field";
-        clearable?: boolean | undefined;
-        rules?: {
-          required?: boolean | undefined;
-        } | undefined;
-        visibilityConditions?: {
-          when: string;
-          is: any;
-          show?: boolean | undefined;
-        } | undefined;
-        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-        tooltip?: string | undefined;
-        helperText?: string | undefined;
-        defaultValue?: string | undefined;
-        description?: string | undefined;
-        placeholder?: string | undefined;
-      }, "orientation" | "description" | "defaultValue" | "label" | "placeholder" | "tooltip" | "options" | "helperText" | "clearable"> & {
-        required?: boolean;
-      }>;
-      readonly ComboboxField: react648.FC<{
-        label: string;
-        description?: string;
-        placeholder?: string;
-        tooltip?: string;
-        orientation?: "horizontal" | "vertical" | "responsive";
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-      }>;
-      readonly DateField: react648.FC<Pick<{
-        label: string;
-        name: string;
-        camelCaseName: string;
-        id: string;
-        type: "date-field";
-        showErrorMessage?: boolean | undefined;
-        rules?: {
-          required?: boolean | undefined;
-          minDate?: Date | undefined;
-          maxDate?: Date | undefined;
-        } | undefined;
-        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-        tooltip?: string | undefined;
-        helperText?: string | undefined;
-        defaultValue?: string | undefined;
-        description?: string | undefined;
-        placeholder?: string | undefined;
-      }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
-        required?: boolean;
-        minDate?: Date;
-        maxDate?: Date;
-      }>;
-      readonly SwitchField: react648.FC<{
-        description?: string | undefined;
-        label: string;
-        helperText?: string | undefined;
-      }>;
-      readonly RadioGroupField: react648.FC<{
-        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-        description?: string | undefined;
-        label: string;
-        tooltip?: string | undefined;
-        options: {
-          label: string;
-          value: string;
-          description?: string | undefined;
-        }[];
-        helperText?: string | undefined;
-      }>;
-      readonly CheckboxField: react648.FC<{
-        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-        description?: string | undefined;
-        label: string;
-        tooltip?: string | undefined;
-        options: {
-          label: string;
-          value: string;
-        }[];
-        helperText?: string | undefined;
-      }>;
-      readonly SimpleTextField: react648.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        maxLength?: number;
-        disabled?: boolean;
-      }>;
-      readonly SimpleEmailField: react648.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        maxLength?: number;
-        disabled?: boolean;
-      }>;
-      readonly SimplePasswordField: react648.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        disabled?: boolean;
-      }>;
-      readonly SimpleTextareaField: react648.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        maxLength?: number;
-        rows?: number;
-        disabled?: boolean;
-      }>;
-      readonly SimpleNumberField: react648.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        unit?: string;
-        allowNegative?: boolean;
-        disabled?: boolean;
-      }>;
-      readonly SimpleSelectField: react648.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-      }>;
-      readonly SimpleArrayField: typeof SimpleArrayField;
-      readonly SimpleBooleanField: react648.FC<{
-        label?: string;
-        required?: boolean;
-        disabled?: boolean;
-        variant?: "checkbox" | "switch";
-      }>;
-      readonly SimpleComboboxField: react648.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        disabled?: boolean;
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-      }>;
-      readonly SimpleDateField: react648.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        disabled?: boolean;
-        minDate?: Date;
-        maxDate?: Date;
-      }>;
-      readonly SimpleRadioGroupField: react648.FC<{
-        label?: string;
-        required?: boolean;
-        disabled?: boolean;
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-        orientation?: "horizontal" | "vertical";
-      }>;
-      readonly FieldGroup: react648.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react648.JSX.Element>;
-      readonly Field: react648.MemoExoticComponent<({
-        className,
-        orientation,
-        ...props
-      }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-        orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
-      } & class_variance_authority_types23.ClassProp) | undefined) => string>) => react648.JSX.Element>;
-      readonly FieldContent: react648.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react648.JSX.Element>;
-      readonly FieldLabel: react648.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<typeof Label$1>) => react648.JSX.Element>;
-      readonly FieldContentMain: react648.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react648.JSX.Element>;
-      readonly FieldSeparator: react648.MemoExoticComponent<({
-        children,
-        className,
-        ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react648.JSX.Element>;
-      readonly FieldError: react648.MemoExoticComponent<({
-        className,
-        children,
-        errors,
-        ...props
-      }: react648.ClassAttributes<HTMLDivElement> & react648.HTMLAttributes<HTMLDivElement> & {
-        errors?: Array<{
-          code?: string;
-          message?: string;
-        } | undefined>;
-      }) => react648.JSX.Element | null>;
-    }, {
-      readonly TanStackDialogForm: react648.FC<react648.PropsWithChildren<{
-        title: string;
-        submitText?: string;
-        width?: number | string;
-        maxWidth?: number | string;
-        className?: string;
-        open?: boolean;
-        onOpenChange?: (open: boolean) => void;
-      }>>;
-      readonly TanStackPopoverForm: react648.FC<react648.PropsWithChildren<{
-        title: string;
-        open?: boolean;
-        contentClassName?: string;
-        onOpenChange?: (open: boolean) => void;
-      }>>;
-      readonly TanStackContainerForm: react648.FC<{
-        children?: react648.ReactNode | undefined;
-      }>;
-      readonly TanStackSectionForm: react648.FC<react648.PropsWithChildren<{
-        title: string;
-      }>>;
-      readonly TanStackCardForm: react648.FC<react648.PropsWithChildren<{
-        title: string;
-        description?: string;
-        onDelete?: () => void | Promise<void>;
-      }>>;
-      readonly TanStackFieldGroup: react648.FC<react648.PropsWithChildren<{
-        label: string;
-        description?: string;
-        helperText?: string;
-        orientation?: "horizontal" | "vertical" | "responsive";
-      }>>;
-      readonly TanStackTitleField: react648.FC<{
-        title: string;
-        description?: string;
-        helperText?: string;
-      }>;
-      readonly TanStackActionsForm: react648.FC<react648.PropsWithChildren<{
-        type?: "create" | "update";
-      }>>;
-      readonly TanStackActionSubmit: react648.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: react648.FC<Pick<{
-      label: string;
-      name: string;
-      camelCaseName: string;
-      id: string;
-      type: "text-field";
-      dataType?: "text" | "email" | "url" | "password" | undefined;
-      rules?: {
-        required?: boolean | undefined;
-        maxLength?: number | undefined;
-        minLength?: number | undefined;
-        exactLength?: number | undefined;
-      } | undefined;
-      visibilityConditions?: {
-        when: string;
-        is: any;
-        show?: boolean | undefined;
-      } | undefined;
-      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-      tooltip?: string | undefined;
-      helperText?: string | undefined;
-      showErrorMessage?: boolean | undefined;
-      counter?: boolean | undefined;
-      showClearButton?: boolean | undefined;
-      description?: string | undefined;
-      placeholder?: string | undefined;
-    }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
-      required?: boolean;
-      maxLength?: number;
-    }>;
-    readonly TextareaField: react648.FC<Pick<{
-      label: string;
-      name: string;
-      camelCaseName: string;
-      id: string;
-      type: "textarea-field";
-      rules?: {
-        required?: boolean | undefined;
-        maxLength?: number | undefined;
-        minLength?: number | undefined;
-        exactLength?: number | undefined;
-      } | undefined;
-      visibilityConditions?: {
-        when: string;
-        is: any;
-        show?: boolean | undefined;
-      } | undefined;
-      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-      tooltip?: string | undefined;
-      helperText?: string | undefined;
-      showErrorMessage?: boolean | undefined;
-      counter?: boolean | undefined;
-      description?: string | undefined;
-      placeholder?: string | undefined;
-    }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
-      required?: boolean;
-      maxLength?: number;
-    }>;
-    readonly TextEditorField: react648.FC<Pick<{
-      label: string;
-      name: string;
-      camelCaseName: string;
-      id: string;
-      type: "text-editor-field";
-      tooltip?: string | undefined;
-      helperText?: string | undefined;
-      showErrorMessage?: boolean | undefined;
-      rules?: {
-        required?: boolean | undefined;
-      } | undefined;
-      description?: string | undefined;
-      placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
-      required?: boolean;
-    }>;
-    readonly NumberField: react648.FC<Pick<{
-      label: string;
-      name: string;
-      camelCaseName: string;
-      id: string;
-      type: "number-field";
-      rules?: {
-        required?: boolean | undefined;
-        min?: {
-          value: number;
-          inclusive?: boolean | undefined;
-        } | undefined;
-        max?: {
-          value: number;
-          inclusive?: boolean | undefined;
-        } | undefined;
-        integerOnly?: boolean | undefined;
-        positiveOnly?: boolean | undefined;
-        exactDigits?: number | undefined;
-      } | undefined;
-      visibilityConditions?: {
-        when: string;
-        is: any;
-        show?: boolean | undefined;
-      } | undefined;
-      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-      tooltip?: string | undefined;
-      helperText?: string | undefined;
-      showErrorMessage?: boolean | undefined;
-      defaultValue?: number | undefined;
-      rounding?: "up" | "down" | "none" | "nearest" | undefined;
-      decimalPlaces?: number | undefined;
-      percision?: number | undefined;
-      unit?: string | undefined;
-      description?: string | undefined;
-      placeholder?: string | undefined;
-    }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
-      required?: boolean;
-      allowNegative?: boolean;
-    }>;
-    readonly EmailField: react648.FC<Pick<{
-      rules: {
-        maxLength?: number | undefined;
-        minLength?: number | undefined;
-      };
-      label: string;
-      name: string;
-      camelCaseName: string;
-      id: string;
-      type: "email-field";
-      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-      tooltip?: string | undefined;
-      helperText?: string | undefined;
-      showErrorMessage?: boolean | undefined;
-      description?: string | undefined;
-      placeholder?: string | undefined;
-    }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
-      required?: boolean;
-      maxLength?: number;
-    }>;
-    readonly PasswordField: react648.FC<{
-      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-      description?: string | undefined;
-      label: string;
-      placeholder?: string | undefined;
-      tooltip?: string | undefined;
-      helperText?: string | undefined;
-      showErrorMessage?: boolean | undefined;
-    }>;
-    readonly SelectField: react648.FC<Pick<{
-      options: {
-        label: string;
-        value: string;
-      }[];
-      label: string;
-      name: string;
-      camelCaseName: string;
-      id: string;
-      type: "select-field";
-      clearable?: boolean | undefined;
-      rules?: {
-        required?: boolean | undefined;
-      } | undefined;
-      visibilityConditions?: {
-        when: string;
-        is: any;
-        show?: boolean | undefined;
-      } | undefined;
-      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-      tooltip?: string | undefined;
-      helperText?: string | undefined;
-      defaultValue?: string | undefined;
-      description?: string | undefined;
-      placeholder?: string | undefined;
-    }, "orientation" | "description" | "defaultValue" | "label" | "placeholder" | "tooltip" | "options" | "helperText" | "clearable"> & {
-      required?: boolean;
-    }>;
-    readonly ComboboxField: react648.FC<{
-      label: string;
-      description?: string;
-      placeholder?: string;
-      tooltip?: string;
-      orientation?: "horizontal" | "vertical" | "responsive";
-      options: Array<{
-        value: string;
-        label: string;
-      }>;
-    }>;
-    readonly DateField: react648.FC<Pick<{
-      label: string;
-      name: string;
-      camelCaseName: string;
-      id: string;
-      type: "date-field";
-      showErrorMessage?: boolean | undefined;
-      rules?: {
-        required?: boolean | undefined;
-        minDate?: Date | undefined;
-        maxDate?: Date | undefined;
-      } | undefined;
-      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-      tooltip?: string | undefined;
-      helperText?: string | undefined;
-      defaultValue?: string | undefined;
-      description?: string | undefined;
-      placeholder?: string | undefined;
-    }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
-      required?: boolean;
-      minDate?: Date;
-      maxDate?: Date;
-    }>;
-    readonly SwitchField: react648.FC<{
-      description?: string | undefined;
-      label: string;
-      helperText?: string | undefined;
-    }>;
-    readonly RadioGroupField: react648.FC<{
-      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-      description?: string | undefined;
-      label: string;
-      tooltip?: string | undefined;
-      options: {
-        label: string;
-        value: string;
-        description?: string | undefined;
-      }[];
-      helperText?: string | undefined;
-    }>;
-    readonly CheckboxField: react648.FC<{
-      orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-      description?: string | undefined;
-      label: string;
-      tooltip?: string | undefined;
-      options: {
-        label: string;
-        value: string;
-      }[];
-      helperText?: string | undefined;
-    }>;
-    readonly SimpleTextField: react648.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      maxLength?: number;
-      disabled?: boolean;
-    }>;
-    readonly SimpleEmailField: react648.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      maxLength?: number;
-      disabled?: boolean;
-    }>;
-    readonly SimplePasswordField: react648.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      disabled?: boolean;
-    }>;
-    readonly SimpleTextareaField: react648.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      maxLength?: number;
-      rows?: number;
-      disabled?: boolean;
-    }>;
-    readonly SimpleNumberField: react648.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      unit?: string;
-      allowNegative?: boolean;
-      disabled?: boolean;
-    }>;
-    readonly SimpleSelectField: react648.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      options: Array<{
-        value: string;
-        label: string;
-      }>;
-    }>;
-    readonly SimpleArrayField: typeof SimpleArrayField;
-    readonly SimpleBooleanField: react648.FC<{
-      label?: string;
-      required?: boolean;
-      disabled?: boolean;
-      variant?: "checkbox" | "switch";
-    }>;
-    readonly SimpleComboboxField: react648.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      disabled?: boolean;
-      options: Array<{
-        value: string;
-        label: string;
-      }>;
-    }>;
-    readonly SimpleDateField: react648.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      disabled?: boolean;
-      minDate?: Date;
-      maxDate?: Date;
-    }>;
-    readonly SimpleRadioGroupField: react648.FC<{
-      label?: string;
-      required?: boolean;
-      disabled?: boolean;
-      options: Array<{
-        value: string;
-        label: string;
-      }>;
-      orientation?: "horizontal" | "vertical";
-    }>;
-    readonly FieldGroup: react648.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react648.JSX.Element>;
-    readonly Field: react648.MemoExoticComponent<({
-      className,
-      orientation,
-      ...props
-    }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-      orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
-    } & class_variance_authority_types23.ClassProp) | undefined) => string>) => react648.JSX.Element>;
-    readonly FieldContent: react648.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react648.JSX.Element>;
-    readonly FieldLabel: react648.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<typeof Label$1>) => react648.JSX.Element>;
-    readonly FieldContentMain: react648.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react648.JSX.Element>;
-    readonly FieldSeparator: react648.MemoExoticComponent<({
-      children,
-      className,
-      ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react648.JSX.Element>;
-    readonly FieldError: react648.MemoExoticComponent<({
-      className,
-      children,
-      errors,
-      ...props
-    }: react648.ClassAttributes<HTMLDivElement> & react648.HTMLAttributes<HTMLDivElement> & {
-      errors?: Array<{
-        code?: string;
-        message?: string;
-      } | undefined>;
-    }) => react648.JSX.Element | null>;
-  }, {
-    readonly TanStackDialogForm: react648.FC<react648.PropsWithChildren<{
-      title: string;
-      submitText?: string;
-      width?: number | string;
-      maxWidth?: number | string;
-      className?: string;
-      open?: boolean;
-      onOpenChange?: (open: boolean) => void;
-    }>>;
-    readonly TanStackPopoverForm: react648.FC<react648.PropsWithChildren<{
-      title: string;
-      open?: boolean;
-      contentClassName?: string;
-      onOpenChange?: (open: boolean) => void;
-    }>>;
-    readonly TanStackContainerForm: react648.FC<{
-      children?: react648.ReactNode | undefined;
-    }>;
-    readonly TanStackSectionForm: react648.FC<react648.PropsWithChildren<{
-      title: string;
-    }>>;
-    readonly TanStackCardForm: react648.FC<react648.PropsWithChildren<{
-      title: string;
-      description?: string;
-      onDelete?: () => void | Promise<void>;
-    }>>;
-    readonly TanStackFieldGroup: react648.FC<react648.PropsWithChildren<{
-      label: string;
-      description?: string;
-      helperText?: string;
-      orientation?: "horizontal" | "vertical" | "responsive";
-    }>>;
-    readonly TanStackTitleField: react648.FC<{
-      title: string;
-      description?: string;
-      helperText?: string;
-    }>;
-    readonly TanStackActionsForm: react648.FC<react648.PropsWithChildren<{
-      type?: "create" | "update";
-    }>>;
-    readonly TanStackActionSubmit: react648.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: react648.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: react648.FC<Pick<{
-        label: string;
-        name: string;
-        camelCaseName: string;
-        id: string;
-        type: "text-field";
-        dataType?: "text" | "email" | "url" | "password" | undefined;
-        rules?: {
-          required?: boolean | undefined;
-          maxLength?: number | undefined;
-          minLength?: number | undefined;
-          exactLength?: number | undefined;
-        } | undefined;
-        visibilityConditions?: {
-          when: string;
-          is: any;
-          show?: boolean | undefined;
-        } | undefined;
-        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-        tooltip?: string | undefined;
-        helperText?: string | undefined;
-        showErrorMessage?: boolean | undefined;
-        counter?: boolean | undefined;
-        showClearButton?: boolean | undefined;
-        description?: string | undefined;
-        placeholder?: string | undefined;
-      }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
-        required?: boolean;
-        maxLength?: number;
-      }>;
-      readonly TextareaField: react648.FC<Pick<{
-        label: string;
-        name: string;
-        camelCaseName: string;
-        id: string;
-        type: "textarea-field";
-        rules?: {
-          required?: boolean | undefined;
-          maxLength?: number | undefined;
-          minLength?: number | undefined;
-          exactLength?: number | undefined;
-        } | undefined;
-        visibilityConditions?: {
-          when: string;
-          is: any;
-          show?: boolean | undefined;
-        } | undefined;
-        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-        tooltip?: string | undefined;
-        helperText?: string | undefined;
-        showErrorMessage?: boolean | undefined;
-        counter?: boolean | undefined;
-        description?: string | undefined;
-        placeholder?: string | undefined;
-      }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
-        required?: boolean;
-        maxLength?: number;
-      }>;
-      readonly TextEditorField: react648.FC<Pick<{
-        label: string;
-        name: string;
-        camelCaseName: string;
-        id: string;
-        type: "text-editor-field";
-        tooltip?: string | undefined;
-        helperText?: string | undefined;
-        showErrorMessage?: boolean | undefined;
-        rules?: {
-          required?: boolean | undefined;
-        } | undefined;
-        description?: string | undefined;
-        placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
-        required?: boolean;
-      }>;
-      readonly NumberField: react648.FC<Pick<{
-        label: string;
-        name: string;
-        camelCaseName: string;
-        id: string;
-        type: "number-field";
-        rules?: {
-          required?: boolean | undefined;
-          min?: {
-            value: number;
-            inclusive?: boolean | undefined;
-          } | undefined;
-          max?: {
-            value: number;
-            inclusive?: boolean | undefined;
-          } | undefined;
-          integerOnly?: boolean | undefined;
-          positiveOnly?: boolean | undefined;
-          exactDigits?: number | undefined;
-        } | undefined;
-        visibilityConditions?: {
-          when: string;
-          is: any;
-          show?: boolean | undefined;
-        } | undefined;
-        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-        tooltip?: string | undefined;
-        helperText?: string | undefined;
-        showErrorMessage?: boolean | undefined;
-        defaultValue?: number | undefined;
-        rounding?: "up" | "down" | "none" | "nearest" | undefined;
-        decimalPlaces?: number | undefined;
-        percision?: number | undefined;
-        unit?: string | undefined;
-        description?: string | undefined;
-        placeholder?: string | undefined;
-      }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
-        required?: boolean;
-        allowNegative?: boolean;
-      }>;
-      readonly EmailField: react648.FC<Pick<{
-        rules: {
-          maxLength?: number | undefined;
-          minLength?: number | undefined;
-        };
-        label: string;
-        name: string;
-        camelCaseName: string;
-        id: string;
-        type: "email-field";
-        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-        tooltip?: string | undefined;
-        helperText?: string | undefined;
-        showErrorMessage?: boolean | undefined;
-        description?: string | undefined;
-        placeholder?: string | undefined;
-      }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
-        required?: boolean;
-        maxLength?: number;
-      }>;
-      readonly PasswordField: react648.FC<{
-        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-        description?: string | undefined;
-        label: string;
-        placeholder?: string | undefined;
-        tooltip?: string | undefined;
-        helperText?: string | undefined;
-        showErrorMessage?: boolean | undefined;
-      }>;
-      readonly SelectField: react648.FC<Pick<{
-        options: {
-          label: string;
-          value: string;
-        }[];
-        label: string;
-        name: string;
-        camelCaseName: string;
-        id: string;
-        type: "select-field";
-        clearable?: boolean | undefined;
-        rules?: {
-          required?: boolean | undefined;
-        } | undefined;
-        visibilityConditions?: {
-          when: string;
-          is: any;
-          show?: boolean | undefined;
-        } | undefined;
-        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-        tooltip?: string | undefined;
-        helperText?: string | undefined;
-        defaultValue?: string | undefined;
-        description?: string | undefined;
-        placeholder?: string | undefined;
-      }, "orientation" | "description" | "defaultValue" | "label" | "placeholder" | "tooltip" | "options" | "helperText" | "clearable"> & {
-        required?: boolean;
-      }>;
-      readonly ComboboxField: react648.FC<{
-        label: string;
-        description?: string;
-        placeholder?: string;
-        tooltip?: string;
-        orientation?: "horizontal" | "vertical" | "responsive";
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-      }>;
-      readonly DateField: react648.FC<Pick<{
-        label: string;
-        name: string;
-        camelCaseName: string;
-        id: string;
-        type: "date-field";
-        showErrorMessage?: boolean | undefined;
-        rules?: {
-          required?: boolean | undefined;
-          minDate?: Date | undefined;
-          maxDate?: Date | undefined;
-        } | undefined;
-        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-        tooltip?: string | undefined;
-        helperText?: string | undefined;
-        defaultValue?: string | undefined;
-        description?: string | undefined;
-        placeholder?: string | undefined;
-      }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
-        required?: boolean;
-        minDate?: Date;
-        maxDate?: Date;
-      }>;
-      readonly SwitchField: react648.FC<{
-        description?: string | undefined;
-        label: string;
-        helperText?: string | undefined;
-      }>;
-      readonly RadioGroupField: react648.FC<{
-        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-        description?: string | undefined;
-        label: string;
-        tooltip?: string | undefined;
-        options: {
-          label: string;
-          value: string;
-          description?: string | undefined;
-        }[];
-        helperText?: string | undefined;
-      }>;
-      readonly CheckboxField: react648.FC<{
-        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-        description?: string | undefined;
-        label: string;
-        tooltip?: string | undefined;
-        options: {
-          label: string;
-          value: string;
-        }[];
-        helperText?: string | undefined;
-      }>;
-      readonly SimpleTextField: react648.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        maxLength?: number;
-        disabled?: boolean;
-      }>;
-      readonly SimpleEmailField: react648.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        maxLength?: number;
-        disabled?: boolean;
-      }>;
-      readonly SimplePasswordField: react648.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        disabled?: boolean;
-      }>;
-      readonly SimpleTextareaField: react648.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        maxLength?: number;
-        rows?: number;
-        disabled?: boolean;
-      }>;
-      readonly SimpleNumberField: react648.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        unit?: string;
-        allowNegative?: boolean;
-        disabled?: boolean;
-      }>;
-      readonly SimpleSelectField: react648.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-      }>;
-      readonly SimpleArrayField: typeof SimpleArrayField;
-      readonly SimpleBooleanField: react648.FC<{
-        label?: string;
-        required?: boolean;
-        disabled?: boolean;
-        variant?: "checkbox" | "switch";
-      }>;
-      readonly SimpleComboboxField: react648.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        disabled?: boolean;
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-      }>;
-      readonly SimpleDateField: react648.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        disabled?: boolean;
-        minDate?: Date;
-        maxDate?: Date;
-      }>;
-      readonly SimpleRadioGroupField: react648.FC<{
-        label?: string;
-        required?: boolean;
-        disabled?: boolean;
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-        orientation?: "horizontal" | "vertical";
-      }>;
-      readonly FieldGroup: react648.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react648.JSX.Element>;
-      readonly Field: react648.MemoExoticComponent<({
-        className,
-        orientation,
-        ...props
-      }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-        orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
-      } & class_variance_authority_types23.ClassProp) | undefined) => string>) => react648.JSX.Element>;
-      readonly FieldContent: react648.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react648.JSX.Element>;
-      readonly FieldLabel: react648.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<typeof Label$1>) => react648.JSX.Element>;
-      readonly FieldContentMain: react648.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react648.JSX.Element>;
-      readonly FieldSeparator: react648.MemoExoticComponent<({
-        children,
-        className,
-        ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react648.JSX.Element>;
-      readonly FieldError: react648.MemoExoticComponent<({
-        className,
-        children,
-        errors,
-        ...props
-      }: react648.ClassAttributes<HTMLDivElement> & react648.HTMLAttributes<HTMLDivElement> & {
-        errors?: Array<{
-          code?: string;
-          message?: string;
-        } | undefined>;
-      }) => react648.JSX.Element | null>;
-    }, {
-      readonly TanStackDialogForm: react648.FC<react648.PropsWithChildren<{
-        title: string;
-        submitText?: string;
-        width?: number | string;
-        maxWidth?: number | string;
-        className?: string;
-        open?: boolean;
-        onOpenChange?: (open: boolean) => void;
-      }>>;
-      readonly TanStackPopoverForm: react648.FC<react648.PropsWithChildren<{
-        title: string;
-        open?: boolean;
-        contentClassName?: string;
-        onOpenChange?: (open: boolean) => void;
-      }>>;
-      readonly TanStackContainerForm: react648.FC<{
-        children?: react648.ReactNode | undefined;
-      }>;
-      readonly TanStackSectionForm: react648.FC<react648.PropsWithChildren<{
-        title: string;
-      }>>;
-      readonly TanStackCardForm: react648.FC<react648.PropsWithChildren<{
-        title: string;
-        description?: string;
-        onDelete?: () => void | Promise<void>;
-      }>>;
-      readonly TanStackFieldGroup: react648.FC<react648.PropsWithChildren<{
-        label: string;
-        description?: string;
-        helperText?: string;
-        orientation?: "horizontal" | "vertical" | "responsive";
-      }>>;
-      readonly TanStackTitleField: react648.FC<{
-        title: string;
-        description?: string;
-        helperText?: string;
-      }>;
-      readonly TanStackActionsForm: react648.FC<react648.PropsWithChildren<{
-        type?: "create" | "update";
-      }>>;
-      readonly TanStackActionSubmit: react648.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: react648.FC<Pick<{
-        label: string;
-        name: string;
-        camelCaseName: string;
-        id: string;
-        type: "text-field";
-        dataType?: "text" | "email" | "url" | "password" | undefined;
-        rules?: {
-          required?: boolean | undefined;
-          maxLength?: number | undefined;
-          minLength?: number | undefined;
-          exactLength?: number | undefined;
-        } | undefined;
-        visibilityConditions?: {
-          when: string;
-          is: any;
-          show?: boolean | undefined;
-        } | undefined;
-        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-        tooltip?: string | undefined;
-        helperText?: string | undefined;
-        showErrorMessage?: boolean | undefined;
-        counter?: boolean | undefined;
-        showClearButton?: boolean | undefined;
-        description?: string | undefined;
-        placeholder?: string | undefined;
-      }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
-        required?: boolean;
-        maxLength?: number;
-      }>;
-      readonly TextareaField: react648.FC<Pick<{
-        label: string;
-        name: string;
-        camelCaseName: string;
-        id: string;
-        type: "textarea-field";
-        rules?: {
-          required?: boolean | undefined;
-          maxLength?: number | undefined;
-          minLength?: number | undefined;
-          exactLength?: number | undefined;
-        } | undefined;
-        visibilityConditions?: {
-          when: string;
-          is: any;
-          show?: boolean | undefined;
-        } | undefined;
-        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-        tooltip?: string | undefined;
-        helperText?: string | undefined;
-        showErrorMessage?: boolean | undefined;
-        counter?: boolean | undefined;
-        description?: string | undefined;
-        placeholder?: string | undefined;
-      }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
-        required?: boolean;
-        maxLength?: number;
-      }>;
-      readonly TextEditorField: react648.FC<Pick<{
-        label: string;
-        name: string;
-        camelCaseName: string;
-        id: string;
-        type: "text-editor-field";
-        tooltip?: string | undefined;
-        helperText?: string | undefined;
-        showErrorMessage?: boolean | undefined;
-        rules?: {
-          required?: boolean | undefined;
-        } | undefined;
-        description?: string | undefined;
-        placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
-        required?: boolean;
-      }>;
-      readonly NumberField: react648.FC<Pick<{
-        label: string;
-        name: string;
-        camelCaseName: string;
-        id: string;
-        type: "number-field";
-        rules?: {
-          required?: boolean | undefined;
-          min?: {
-            value: number;
-            inclusive?: boolean | undefined;
-          } | undefined;
-          max?: {
-            value: number;
-            inclusive?: boolean | undefined;
-          } | undefined;
-          integerOnly?: boolean | undefined;
-          positiveOnly?: boolean | undefined;
-          exactDigits?: number | undefined;
-        } | undefined;
-        visibilityConditions?: {
-          when: string;
-          is: any;
-          show?: boolean | undefined;
-        } | undefined;
-        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-        tooltip?: string | undefined;
-        helperText?: string | undefined;
-        showErrorMessage?: boolean | undefined;
-        defaultValue?: number | undefined;
-        rounding?: "up" | "down" | "none" | "nearest" | undefined;
-        decimalPlaces?: number | undefined;
-        percision?: number | undefined;
-        unit?: string | undefined;
-        description?: string | undefined;
-        placeholder?: string | undefined;
-      }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
-        required?: boolean;
-        allowNegative?: boolean;
-      }>;
-      readonly EmailField: react648.FC<Pick<{
-        rules: {
-          maxLength?: number | undefined;
-          minLength?: number | undefined;
-        };
-        label: string;
-        name: string;
-        camelCaseName: string;
-        id: string;
-        type: "email-field";
-        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-        tooltip?: string | undefined;
-        helperText?: string | undefined;
-        showErrorMessage?: boolean | undefined;
-        description?: string | undefined;
-        placeholder?: string | undefined;
-      }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
-        required?: boolean;
-        maxLength?: number;
-      }>;
-      readonly PasswordField: react648.FC<{
-        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-        description?: string | undefined;
-        label: string;
-        placeholder?: string | undefined;
-        tooltip?: string | undefined;
-        helperText?: string | undefined;
-        showErrorMessage?: boolean | undefined;
-      }>;
-      readonly SelectField: react648.FC<Pick<{
-        options: {
-          label: string;
-          value: string;
-        }[];
-        label: string;
-        name: string;
-        camelCaseName: string;
-        id: string;
-        type: "select-field";
-        clearable?: boolean | undefined;
-        rules?: {
-          required?: boolean | undefined;
-        } | undefined;
-        visibilityConditions?: {
-          when: string;
-          is: any;
-          show?: boolean | undefined;
-        } | undefined;
-        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-        tooltip?: string | undefined;
-        helperText?: string | undefined;
-        defaultValue?: string | undefined;
-        description?: string | undefined;
-        placeholder?: string | undefined;
-      }, "orientation" | "description" | "defaultValue" | "label" | "placeholder" | "tooltip" | "options" | "helperText" | "clearable"> & {
-        required?: boolean;
-      }>;
-      readonly ComboboxField: react648.FC<{
-        label: string;
-        description?: string;
-        placeholder?: string;
-        tooltip?: string;
-        orientation?: "horizontal" | "vertical" | "responsive";
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-      }>;
-      readonly DateField: react648.FC<Pick<{
-        label: string;
-        name: string;
-        camelCaseName: string;
-        id: string;
-        type: "date-field";
-        showErrorMessage?: boolean | undefined;
-        rules?: {
-          required?: boolean | undefined;
-          minDate?: Date | undefined;
-          maxDate?: Date | undefined;
-        } | undefined;
-        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-        tooltip?: string | undefined;
-        helperText?: string | undefined;
-        defaultValue?: string | undefined;
-        description?: string | undefined;
-        placeholder?: string | undefined;
-      }, "orientation" | "description" | "label" | "placeholder" | "tooltip" | "helperText" | "showErrorMessage"> & {
-        required?: boolean;
-        minDate?: Date;
-        maxDate?: Date;
-      }>;
-      readonly SwitchField: react648.FC<{
-        description?: string | undefined;
-        label: string;
-        helperText?: string | undefined;
-      }>;
-      readonly RadioGroupField: react648.FC<{
-        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-        description?: string | undefined;
-        label: string;
-        tooltip?: string | undefined;
-        options: {
-          label: string;
-          value: string;
-          description?: string | undefined;
-        }[];
-        helperText?: string | undefined;
-      }>;
-      readonly CheckboxField: react648.FC<{
-        orientation?: "horizontal" | "vertical" | "responsive" | undefined;
-        description?: string | undefined;
-        label: string;
-        tooltip?: string | undefined;
-        options: {
-          label: string;
-          value: string;
-        }[];
-        helperText?: string | undefined;
-      }>;
-      readonly SimpleTextField: react648.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        maxLength?: number;
-        disabled?: boolean;
-      }>;
-      readonly SimpleEmailField: react648.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        maxLength?: number;
-        disabled?: boolean;
-      }>;
-      readonly SimplePasswordField: react648.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        disabled?: boolean;
-      }>;
-      readonly SimpleTextareaField: react648.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        maxLength?: number;
-        rows?: number;
-        disabled?: boolean;
-      }>;
-      readonly SimpleNumberField: react648.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        unit?: string;
-        allowNegative?: boolean;
-        disabled?: boolean;
-      }>;
-      readonly SimpleSelectField: react648.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-      }>;
-      readonly SimpleArrayField: typeof SimpleArrayField;
-      readonly SimpleBooleanField: react648.FC<{
-        label?: string;
-        required?: boolean;
-        disabled?: boolean;
-        variant?: "checkbox" | "switch";
-      }>;
-      readonly SimpleComboboxField: react648.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        disabled?: boolean;
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-      }>;
-      readonly SimpleDateField: react648.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        disabled?: boolean;
-        minDate?: Date;
-        maxDate?: Date;
-      }>;
-      readonly SimpleRadioGroupField: react648.FC<{
-        label?: string;
-        required?: boolean;
-        disabled?: boolean;
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-        orientation?: "horizontal" | "vertical";
-      }>;
-      readonly FieldGroup: react648.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react648.JSX.Element>;
-      readonly Field: react648.MemoExoticComponent<({
-        className,
-        orientation,
-        ...props
-      }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-        orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
-      } & class_variance_authority_types23.ClassProp) | undefined) => string>) => react648.JSX.Element>;
-      readonly FieldContent: react648.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react648.JSX.Element>;
-      readonly FieldLabel: react648.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<typeof Label$1>) => react648.JSX.Element>;
-      readonly FieldContentMain: react648.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react648.JSX.Element>;
-      readonly FieldSeparator: react648.MemoExoticComponent<({
-        children,
-        className,
-        ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react648.JSX.Element>;
-      readonly FieldError: react648.MemoExoticComponent<({
-        className,
-        children,
-        errors,
-        ...props
-      }: react648.ClassAttributes<HTMLDivElement> & react648.HTMLAttributes<HTMLDivElement> & {
-        errors?: Array<{
-          code?: string;
-          message?: string;
-        } | undefined>;
-      }) => react648.JSX.Element | null>;
-    }, {
-      readonly TanStackDialogForm: react648.FC<react648.PropsWithChildren<{
-        title: string;
-        submitText?: string;
-        width?: number | string;
-        maxWidth?: number | string;
-        className?: string;
-        open?: boolean;
-        onOpenChange?: (open: boolean) => void;
-      }>>;
-      readonly TanStackPopoverForm: react648.FC<react648.PropsWithChildren<{
-        title: string;
-        open?: boolean;
-        contentClassName?: string;
-        onOpenChange?: (open: boolean) => void;
-      }>>;
-      readonly TanStackContainerForm: react648.FC<{
-        children?: react648.ReactNode | undefined;
-      }>;
-      readonly TanStackSectionForm: react648.FC<react648.PropsWithChildren<{
-        title: string;
-      }>>;
-      readonly TanStackCardForm: react648.FC<react648.PropsWithChildren<{
-        title: string;
-        description?: string;
-        onDelete?: () => void | Promise<void>;
-      }>>;
-      readonly TanStackFieldGroup: react648.FC<react648.PropsWithChildren<{
-        label: string;
-        description?: string;
-        helperText?: string;
-        orientation?: "horizontal" | "vertical" | "responsive";
-      }>>;
-      readonly TanStackTitleField: react648.FC<{
-        title: string;
-        description?: string;
-        helperText?: string;
-      }>;
-      readonly TanStackActionsForm: react648.FC<react648.PropsWithChildren<{
-        type?: "create" | "update";
-      }>>;
-      readonly TanStackActionSubmit: react648.FC<{
-        label?: string;
-        className?: string;
-      }>;
-      readonly ArrayCol: typeof ArrayCol;
-      readonly ArrayHeaderRow: typeof ArrayHeaderRow;
-    }>;
-    fields: TFields;
-  }>) => ReturnType<react648.FunctionComponent>;
-//#endregion
-export { withTanStackForm as a, FieldContentMain as c, FieldLabel as d, FieldSeparator as f, withTanStackFieldGroup as i, FieldError as l, useTanStackForm as n, Field as o, useTanStackFormContext as r, FieldContent as s, useTanStackFieldContext as t, FieldGroup as u };
-//# sourceMappingURL=index-9dZXIJo5.d.mts.map