@customafk/lunas-ui 0.2.50 → 0.2.52

package/dist/index-DiMGMuVl.d.cts

@@ -1,1707 +0,0 @@
-import * as react666 from "react";
-import * as class_variance_authority_types22 from "class-variance-authority/types";
-import * as class_variance_authority0 from "class-variance-authority";
-import { VariantProps } from "class-variance-authority";
-import { Label } from "radix-ui";
-import * as _tanstack_form_core0 from "@tanstack/form-core";
-import * as _tanstack_react_form0 from "@tanstack/react-form";
-
-//#region packages/components/features/tanstack-form/types.d.ts
-/** Layout axis for a field's label–input arrangement. */
-type FieldOrientation = 'horizontal' | 'vertical' | 'responsive';
-/** Rounding strategy applied to numeric field values. */
-type FieldRounding = 'up' | 'down' | 'nearest' | 'none';
-/** A single option in a select, combobox, or checkbox group. */
-type SelectOption = {
-  /** Display text shown to the user. */
-  label: string;
-  /** Internal value submitted with the form. */
-  value: string;
-};
-/** A single option in a radio group, optionally with a supporting description. */
-type RadioOption = {
-  /** Display text shown next to the radio button. */
-  label: string;
-  /** Internal value submitted with the form. */
-  value: string;
-  /** Optional secondary text rendered below the label. */
-  description?: string;
-};
-/** Value type for text, email, password, textarea, and text-editor fields. `null` means empty. */
-type TextFieldValue = string | null;
-/** Value type for number fields. `null` means empty. */
-type NumberFieldValue = number | null;
-/** Value type for switch and boolean fields. `null` means unset. */
-type BooleanFieldValue = boolean | null;
-/** Value type for date fields. `null` means no date selected. */
-type DateFieldValue = Date | null;
-/** Value type for checkbox group fields. `null` means nothing selected. */
-type MultiSelectFieldValue = string[] | null;
-/** Props for {@link TextField} — a single-line text input. */
-type TextFieldProps = {
-  /** Field label displayed above or beside the input. */
-  label: string;
-  /** Secondary text rendered below the label. */
-  description?: string;
-  /** Input placeholder shown when the value is empty. */
-  placeholder?: string;
-  /** Controls whether the label stacks above or sits beside the input. Defaults to `'responsive'`. */
-  orientation?: FieldOrientation;
-  /** When `true`, displays a character count below the input. */
-  counter?: boolean;
-  /** Tooltip text shown in an info icon beside the label. */
-  tooltip?: string;
-  /** Helper note rendered below the input. */
-  helperText?: string;
-  /** When `true`, shows an × button to clear the current value. */
-  showClearButton?: boolean;
-  /** When `false`, suppresses inline validation error messages. Defaults to `true`. */
-  showErrorMessage?: boolean;
-  /** Marks the field as required; highlights the label when the value is `null`. */
-  required?: boolean;
-  /** Maximum number of characters the user may enter. */
-  maxLength?: number;
-  /** When `true`, disables the input. Also disabled automatically while the form is submitting. */
-  disabled?: boolean;
-};
-/** Props for {@link SimpleTextField} — a minimal single-line text input without decoration. */
-type SimpleTextFieldProps = {
-  /** Field label rendered above the input. Omit to render label-less. */
-  label?: string;
-  /** Input placeholder shown when the value is empty. */
-  placeholder?: string;
-  /** When `true`, appends a required asterisk to the label. */
-  required?: boolean;
-  /** Maximum number of characters the user may enter. */
-  maxLength?: number;
-  /** When `true`, disables the input. Also disabled automatically while the form is submitting. */
-  disabled?: boolean;
-};
-/** Props for {@link TextareaField} — a multi-line text input. */
-type TextareaFieldProps = {
-  /** Field label displayed above or beside the textarea. */
-  label: string;
-  /** Secondary text rendered below the label. */
-  description?: string;
-  /** Textarea placeholder shown when the value is empty. */
-  placeholder?: string;
-  /** Controls whether the label stacks above or sits beside the textarea. Defaults to `'responsive'`. */
-  orientation?: FieldOrientation;
-  /** When `true`, displays a character count below the textarea. */
-  counter?: boolean;
-  /** Tooltip text shown in an info icon beside the label. */
-  tooltip?: string;
-  /** Helper note rendered below the textarea. */
-  helperText?: string;
-  /** When `false`, suppresses inline validation error messages. Defaults to `true`. */
-  showErrorMessage?: boolean;
-  /** Marks the field as required; highlights the label when the value is `null`. */
-  required?: boolean;
-  /** Maximum number of characters the user may enter. */
-  maxLength?: number;
-  /** When `true`, disables the textarea. Also disabled automatically while the form is submitting. */
-  disabled?: boolean;
-};
-/** Props for {@link TextEditorField} — a rich-text (WYSIWYG) editor field. */
-type TextEditorFieldProps = {
-  /** Field label displayed above the editor. */
-  label: string;
-  /** Secondary text rendered below the label. */
-  description?: string;
-  /** Placeholder shown inside the editor when the value is empty. */
-  placeholder?: string;
-  /** Tooltip text shown in an info icon beside the label. */
-  tooltip?: string;
-  /** Helper note rendered below the editor. */
-  helperText?: string;
-  /** When `false`, suppresses inline validation error messages. Defaults to `true`. */
-  showErrorMessage?: boolean;
-  /** Marks the field as required; highlights the label when the value is `null`. */
-  required?: boolean;
-};
-/** Props for {@link EmailField} — a text input pre-configured for email addresses. */
-type EmailFieldProps = {
-  /** Field label displayed above or beside the input. */
-  label: string;
-  /** Secondary text rendered below the label. */
-  description?: string;
-  /** Input placeholder shown when the value is empty. */
-  placeholder?: string;
-  /** Controls whether the label stacks above or sits beside the input. Defaults to `'responsive'`. */
-  orientation?: FieldOrientation;
-  /** Tooltip text shown in an info icon beside the label. */
-  tooltip?: string;
-  /** Helper note rendered below the input. */
-  helperText?: string;
-  /** When `false`, suppresses inline validation error messages. Defaults to `true`. */
-  showErrorMessage?: boolean;
-  /** Marks the field as required; highlights the label when the value is `null`. */
-  required?: boolean;
-  /** Maximum number of characters the user may enter. */
-  maxLength?: number;
-};
-/** Props for {@link NumberField} — a numeric input with optional rounding, precision, and unit. */
-type NumberFieldProps = {
-  /** Field label displayed above or beside the input. */
-  label: string;
-  /** Secondary text rendered below the label. */
-  description?: string;
-  /** Input placeholder shown when the value is empty. */
-  placeholder?: string;
-  /** Controls whether the label stacks above or sits beside the input. Defaults to `'responsive'`. */
-  orientation?: FieldOrientation;
-  /** Tooltip text shown in an info icon beside the label. */
-  tooltip?: string;
-  /** Helper note rendered below the input. */
-  helperText?: string;
-  /** Rounding strategy applied when the value changes. Defaults to `'none'`. */
-  rounding?: FieldRounding;
-  /** Number of decimal places displayed and enforced. */
-  decimalPlaces?: number;
-  /** Maximum number of significant digits (precision). */
-  precision?: number;
-  /** Unit label appended to the right of the input (e.g. `'kg'`, `'%'`). */
-  unit?: string;
-  /** When `false`, suppresses inline validation error messages. Defaults to `true`. */
-  showErrorMessage?: boolean;
-  /** Marks the field as required; highlights the label when the value is `null`. */
-  required?: boolean;
-  /** When `true`, the input accepts negative numbers. Defaults to `false`. */
-  allowNegative?: boolean;
-  /** When `true`, disables the input. Also disabled automatically while the form is submitting. */
-  disabled?: boolean;
-};
-/** Props for {@link PasswordField} — a text input with a show/hide password toggle. */
-type PasswordFieldProps = {
-  /** Field label displayed above or beside the input. */
-  label: string;
-  /** Secondary text rendered below the label. */
-  description?: string;
-  /** Input placeholder shown when the value is empty. */
-  placeholder?: string;
-  /** Controls whether the label stacks above or sits beside the input. Defaults to `'responsive'`. */
-  orientation?: FieldOrientation;
-  /** Tooltip text shown in an info icon beside the label. */
-  tooltip?: string;
-  /** Helper note rendered below the input. */
-  helperText?: string;
-  /** When `false`, suppresses inline validation error messages. Defaults to `true`. */
-  showErrorMessage?: boolean;
-};
-/** Props for {@link SelectField} — a native-style dropdown for picking one option. */
-type SelectFieldProps = {
-  /** Field label displayed above or beside the select. */
-  label: string;
-  /** Secondary text rendered below the label. */
-  description?: string;
-  /** Placeholder text shown when no option is selected. */
-  placeholder?: string;
-  /** List of options to display in the dropdown. */
-  options: SelectOption[];
-  /** Controls whether the label stacks above or sits beside the select. Defaults to `'responsive'`. */
-  orientation?: FieldOrientation;
-  /** Tooltip text shown in an info icon beside the label. */
-  tooltip?: string;
-  /** Helper note rendered below the select. */
-  helperText?: string;
-  /** When `true`, shows a button to clear the current selection. Defaults to `false`. */
-  clearable?: boolean;
-  /** Marks the field as required; highlights the label when the value is `null`. */
-  required?: boolean;
-  /** When `true`, disables the select. Also disabled automatically while the form is submitting. */
-  disabled?: boolean;
-  /** When `false`, suppresses inline validation error messages. Defaults to `true`. */
-  showErrorMessage?: boolean;
-};
-/** Props for {@link ComboboxField} — a searchable dropdown with keyboard navigation. On mobile it opens as a bottom drawer. */
-type ComboboxFieldProps = {
-  /** Field label displayed above or beside the combobox. */
-  label: string;
-  /** Secondary text rendered below the label. */
-  description?: string;
-  /** Placeholder shown in the trigger button and the search input when nothing is selected. */
-  placeholder?: string;
-  /** Tooltip text shown in an info icon beside the label. */
-  tooltip?: string;
-  /** Helper note rendered below the combobox. */
-  helperText?: string;
-  /** Controls whether the label stacks above or sits beside the combobox. Defaults to `'responsive'`. */
-  orientation?: FieldOrientation;
-  /** List of options to display in the dropdown. */
-  options: SelectOption[];
-  /** Marks the field as required; highlights the label when the value is `null`. */
-  required?: boolean;
-  /** When `true`, disables the combobox. Also disabled automatically while the form is submitting. */
-  disabled?: boolean;
-  /** When `true`, shows a button to clear the current selection. Defaults to `false`. */
-  clearable?: boolean;
-  /** When `false`, suppresses inline validation error messages. Defaults to `true`. */
-  showErrorMessage?: boolean;
-};
-/** Props for {@link RadioGroupField} — a list of mutually exclusive radio buttons. */
-type RadioGroupFieldProps = {
-  /** Field label displayed above the radio group. */
-  label: string;
-  /** Secondary text rendered below the label. */
-  description?: string;
-  /** List of radio options, each with an optional description. */
-  options: RadioOption[];
-  /** Controls whether the label stacks above or sits beside the group. Defaults to `'responsive'`. */
-  orientation?: FieldOrientation;
-  /** Helper note rendered below the group. */
-  helperText?: string;
-  /** Tooltip text shown in an info icon beside the label. */
-  tooltip?: string;
-};
-/** Props for {@link CheckboxField} — a group of checkboxes for multi-value selection. */
-type CheckboxFieldProps = {
-  /** Field label displayed above the checkbox group. */
-  label: string;
-  /** Secondary text rendered below the label. */
-  description?: string;
-  /** Controls whether the label stacks above or sits beside the group. Defaults to `'responsive'`. */
-  orientation?: FieldOrientation;
-  /** List of checkbox options to display. */
-  options: SelectOption[];
-  /** Helper note rendered below the group. */
-  helperText?: string;
-  /** Tooltip text shown in an info icon beside the label. */
-  tooltip?: string;
-};
-/** Props for {@link SwitchField} — a boolean toggle rendered as a labelled switch. */
-type SwitchFieldProps = {
-  /** Field label displayed beside the switch. */
-  label: string;
-  /** Secondary text rendered below the label. */
-  description?: string;
-  /** Helper note rendered below the switch. */
-  helperText?: string;
-};
-/** Props for {@link DateField} — a calendar date picker with quick-select presets. */
-type DateFieldProps = {
-  /** Field label displayed above or beside the picker. */
-  label: string;
-  /** Secondary text rendered below the label. */
-  description?: string;
-  /** Placeholder shown in the trigger button when no date is selected. */
-  placeholder?: string;
-  /** Controls whether the label stacks above or sits beside the picker. Defaults to `'responsive'`. */
-  orientation?: FieldOrientation;
-  /** Tooltip text shown in an info icon beside the label. */
-  tooltip?: string;
-  /** Helper note rendered below the picker. */
-  helperText?: string;
-  /** When `false`, suppresses inline validation error messages. Defaults to `true`. */
-  showErrorMessage?: boolean;
-  /** Marks the field as required; highlights the label when the value is `null`. */
-  required?: boolean;
-  /** When `true`, disables the date picker. Also disabled automatically while the form is submitting. */
-  disabled?: boolean;
-  /** Earliest selectable date; days before this are hidden in the calendar. */
-  minDate?: Date;
-  /** Latest selectable date; days after this are hidden in the calendar. */
-  maxDate?: Date;
-};
-/**
- * Discriminated union of props for every field type, keyed by `fieldType`.
- * Use this when rendering fields dynamically from a config array.
- *
- * @example
- * function renderField(field: AnyFieldProps) {
- *   switch (field.fieldType) {
- *     case 'text': return <TextField {...field} />;
- *     case 'select': return <SelectField {...field} />;
- *     // …
- *   }
- * }
- */
-type AnyFieldProps = ({
-  fieldType: 'text';
-} & TextFieldProps) | ({
-  fieldType: 'textarea';
-} & TextareaFieldProps) | ({
-  fieldType: 'text-editor';
-} & TextEditorFieldProps) | ({
-  fieldType: 'email';
-} & EmailFieldProps) | ({
-  fieldType: 'number';
-} & NumberFieldProps) | ({
-  fieldType: 'password';
-} & PasswordFieldProps) | ({
-  fieldType: 'select';
-} & SelectFieldProps) | ({
-  fieldType: 'combobox';
-} & ComboboxFieldProps) | ({
-  fieldType: 'radio-group';
-} & RadioGroupFieldProps) | ({
-  fieldType: 'checkbox';
-} & CheckboxFieldProps) | ({
-  fieldType: 'switch';
-} & SwitchFieldProps) | ({
-  fieldType: 'date';
-} & DateFieldProps);
-/** The `fieldType` discriminant extracted from {@link AnyFieldProps}. */
-type FieldType = AnyFieldProps['fieldType'];
-//#endregion
-//#region packages/components/features/tanstack-form/components/ui/label.d.ts
-/**
- * Form field label that automatically renders a "Required" badge when the field is marked aria-required.
- *
- * @example
- * import { Label } from '@customafk/lunas-ui/features/tanstack-form';
- *
- * <Label htmlFor="email">Email address</Label>
- */
-declare function Label$1({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof Label.Root>): react666.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): react666.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): react666.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>): react666.JSX.Element;
-//#endregion
-//#region packages/components/features/tanstack-form/components/ui/field.d.ts
-declare const fieldVariants: (props?: ({
-  orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-} & class_variance_authority_types22.ClassProp) | undefined) => string;
-/**
- * Outermost `<fieldset>` wrapper that stacks multiple `Field` rows with consistent vertical spacing.
- *
- * @example
- * import { FieldSet } from '@customafk/lunas-ui/features/tanstack-form';
- *
- * <FieldSet>
- *   <Field><FieldLabel>Name</FieldLabel><FieldContent><input /></FieldContent></Field>
- * </FieldSet>
- */
-
-/**
- * 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: react666.MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<"div">) => react666.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: react666.MemoExoticComponent<({
-  className,
-  orientation,
-  ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react666.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: react666.MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<"div">) => react666.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: react666.MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<"div">) => react666.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>
- */
-
-/**
- * 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: react666.MemoExoticComponent<({
-  children,
-  className,
-  ...props
-}: React.PropsWithChildren<React.ComponentProps<"div">>) => react666.JSX.Element>;
-/**
- * Props for {@link FieldError}.
- */
-type FieldErrorProps = React.ComponentProps<'div'> & {
-  errors?: Array<{
-    code?: string;
-    message?: string;
-  } | undefined>;
-  requiredMessage?: string;
-};
-declare const FieldError: react666.MemoExoticComponent<({
-  className,
-  children,
-  errors,
-  requiredMessage,
-  ...props
-}: FieldErrorProps) => react666.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: react666.NamedExoticComponent<TextFieldProps>;
-    readonly TextareaField: react666.NamedExoticComponent<TextareaFieldProps>;
-    readonly TextEditorField: react666.FC<TextEditorFieldProps>;
-    readonly NumberField: react666.NamedExoticComponent<NumberFieldProps>;
-    readonly EmailField: react666.FC<EmailFieldProps>;
-    readonly PasswordField: react666.FC<PasswordFieldProps>;
-    readonly SelectField: react666.NamedExoticComponent<SelectFieldProps>;
-    readonly ComboboxField: react666.NamedExoticComponent<ComboboxFieldProps>;
-    readonly DateField: react666.NamedExoticComponent<DateFieldProps>;
-    readonly SwitchField: react666.FC<SwitchFieldProps>;
-    readonly RadioGroupField: react666.FC<RadioGroupFieldProps>;
-    readonly CheckboxField: react666.FC<CheckboxFieldProps>;
-    readonly SimpleTextField: react666.FC<SimpleTextFieldProps>;
-    readonly SimpleEmailField: react666.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      maxLength?: number;
-      disabled?: boolean;
-    }>;
-    readonly SimplePasswordField: react666.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      disabled?: boolean;
-    }>;
-    readonly SimpleTextareaField: react666.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      maxLength?: number;
-      rows?: number;
-      disabled?: boolean;
-    }>;
-    readonly SimpleNumberField: react666.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      unit?: string;
-      allowNegative?: boolean;
-      disabled?: boolean;
-    }>;
-    readonly SimpleSelectField: react666.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      options: Array<{
-        value: string;
-        label: string;
-      }>;
-    }>;
-    readonly SimpleArrayField: typeof SimpleArrayField;
-    readonly SimpleBooleanField: react666.FC<{
-      label?: string;
-      required?: boolean;
-      disabled?: boolean;
-      variant?: "checkbox" | "switch";
-    }>;
-    readonly SimpleComboboxField: react666.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      disabled?: boolean;
-      options: Array<{
-        value: string;
-        label: string;
-      }>;
-    }>;
-    readonly SimpleDateField: react666.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      disabled?: boolean;
-      minDate?: Date;
-      maxDate?: Date;
-    }>;
-    readonly SimpleRadioGroupField: react666.FC<{
-      label?: string;
-      required?: boolean;
-      disabled?: boolean;
-      options: Array<{
-        value: string;
-        label: string;
-      }>;
-      orientation?: "horizontal" | "vertical";
-    }>;
-    readonly FieldGroup: react666.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react666.JSX.Element>;
-    readonly Field: react666.MemoExoticComponent<({
-      className,
-      orientation,
-      ...props
-    }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-      orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-    } & class_variance_authority_types22.ClassProp) | undefined) => string>) => react666.JSX.Element>;
-    readonly FieldContent: react666.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react666.JSX.Element>;
-    readonly FieldLabel: react666.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<typeof Label$1>) => react666.JSX.Element>;
-    readonly FieldContentMain: react666.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react666.JSX.Element>;
-    readonly FieldSeparator: react666.MemoExoticComponent<({
-      children,
-      className,
-      ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react666.JSX.Element>;
-    readonly FieldError: react666.MemoExoticComponent<({
-      className,
-      children,
-      errors,
-      requiredMessage,
-      ...props
-    }: react666.ClassAttributes<HTMLDivElement> & react666.HTMLAttributes<HTMLDivElement> & {
-      errors?: Array<{
-        code?: string;
-        message?: string;
-      } | undefined>;
-      requiredMessage?: string;
-    }) => react666.JSX.Element | null>;
-  }, {
-    readonly TanStackDialogForm: react666.FC<react666.PropsWithChildren<{
-      title: string;
-      submitText?: string;
-      width?: number | string;
-      maxWidth?: number | string;
-      className?: string;
-      open?: boolean;
-      onOpenChange?: (open: boolean) => void;
-    }>>;
-    readonly TanStackPopoverForm: react666.FC<react666.PropsWithChildren<{
-      title: string;
-      open?: boolean;
-      contentClassName?: string;
-      onOpenChange?: (open: boolean) => void;
-    }>>;
-    readonly TanStackContainerForm: react666.FC<{
-      children?: react666.ReactNode | undefined;
-    }>;
-    readonly TanStackSectionForm: react666.FC<react666.PropsWithChildren<{
-      title: string;
-    }>>;
-    readonly TanStackCardForm: react666.FC<react666.PropsWithChildren<{
-      title: string;
-      description?: string;
-      onDelete?: () => void | Promise<void>;
-    }>>;
-    readonly TanStackFieldGroup: react666.FC<react666.PropsWithChildren<{
-      label: string;
-      description?: string;
-      helperText?: string;
-      orientation?: "horizontal" | "vertical" | "responsive";
-    }>>;
-    readonly TanStackTitleField: react666.FC<{
-      title: string;
-      description?: string;
-      helperText?: string;
-    }>;
-    readonly TanStackActionsForm: react666.FC<react666.PropsWithChildren<{
-      type?: "create" | "update";
-    }>>;
-    readonly TanStackActionSubmit: react666.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: react666.NamedExoticComponent<TextFieldProps>;
-    readonly TextareaField: react666.NamedExoticComponent<TextareaFieldProps>;
-    readonly TextEditorField: react666.FC<TextEditorFieldProps>;
-    readonly NumberField: react666.NamedExoticComponent<NumberFieldProps>;
-    readonly EmailField: react666.FC<EmailFieldProps>;
-    readonly PasswordField: react666.FC<PasswordFieldProps>;
-    readonly SelectField: react666.NamedExoticComponent<SelectFieldProps>;
-    readonly ComboboxField: react666.NamedExoticComponent<ComboboxFieldProps>;
-    readonly DateField: react666.NamedExoticComponent<DateFieldProps>;
-    readonly SwitchField: react666.FC<SwitchFieldProps>;
-    readonly RadioGroupField: react666.FC<RadioGroupFieldProps>;
-    readonly CheckboxField: react666.FC<CheckboxFieldProps>;
-    readonly SimpleTextField: react666.FC<SimpleTextFieldProps>;
-    readonly SimpleEmailField: react666.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      maxLength?: number;
-      disabled?: boolean;
-    }>;
-    readonly SimplePasswordField: react666.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      disabled?: boolean;
-    }>;
-    readonly SimpleTextareaField: react666.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      maxLength?: number;
-      rows?: number;
-      disabled?: boolean;
-    }>;
-    readonly SimpleNumberField: react666.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      unit?: string;
-      allowNegative?: boolean;
-      disabled?: boolean;
-    }>;
-    readonly SimpleSelectField: react666.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      options: Array<{
-        value: string;
-        label: string;
-      }>;
-    }>;
-    readonly SimpleArrayField: typeof SimpleArrayField;
-    readonly SimpleBooleanField: react666.FC<{
-      label?: string;
-      required?: boolean;
-      disabled?: boolean;
-      variant?: "checkbox" | "switch";
-    }>;
-    readonly SimpleComboboxField: react666.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      disabled?: boolean;
-      options: Array<{
-        value: string;
-        label: string;
-      }>;
-    }>;
-    readonly SimpleDateField: react666.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      disabled?: boolean;
-      minDate?: Date;
-      maxDate?: Date;
-    }>;
-    readonly SimpleRadioGroupField: react666.FC<{
-      label?: string;
-      required?: boolean;
-      disabled?: boolean;
-      options: Array<{
-        value: string;
-        label: string;
-      }>;
-      orientation?: "horizontal" | "vertical";
-    }>;
-    readonly FieldGroup: react666.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react666.JSX.Element>;
-    readonly Field: react666.MemoExoticComponent<({
-      className,
-      orientation,
-      ...props
-    }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-      orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-    } & class_variance_authority_types22.ClassProp) | undefined) => string>) => react666.JSX.Element>;
-    readonly FieldContent: react666.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react666.JSX.Element>;
-    readonly FieldLabel: react666.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<typeof Label$1>) => react666.JSX.Element>;
-    readonly FieldContentMain: react666.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react666.JSX.Element>;
-    readonly FieldSeparator: react666.MemoExoticComponent<({
-      children,
-      className,
-      ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react666.JSX.Element>;
-    readonly FieldError: react666.MemoExoticComponent<({
-      className,
-      children,
-      errors,
-      requiredMessage,
-      ...props
-    }: react666.ClassAttributes<HTMLDivElement> & react666.HTMLAttributes<HTMLDivElement> & {
-      errors?: Array<{
-        code?: string;
-        message?: string;
-      } | undefined>;
-      requiredMessage?: string;
-    }) => react666.JSX.Element | null>;
-  }, {
-    readonly TanStackDialogForm: react666.FC<react666.PropsWithChildren<{
-      title: string;
-      submitText?: string;
-      width?: number | string;
-      maxWidth?: number | string;
-      className?: string;
-      open?: boolean;
-      onOpenChange?: (open: boolean) => void;
-    }>>;
-    readonly TanStackPopoverForm: react666.FC<react666.PropsWithChildren<{
-      title: string;
-      open?: boolean;
-      contentClassName?: string;
-      onOpenChange?: (open: boolean) => void;
-    }>>;
-    readonly TanStackContainerForm: react666.FC<{
-      children?: react666.ReactNode | undefined;
-    }>;
-    readonly TanStackSectionForm: react666.FC<react666.PropsWithChildren<{
-      title: string;
-    }>>;
-    readonly TanStackCardForm: react666.FC<react666.PropsWithChildren<{
-      title: string;
-      description?: string;
-      onDelete?: () => void | Promise<void>;
-    }>>;
-    readonly TanStackFieldGroup: react666.FC<react666.PropsWithChildren<{
-      label: string;
-      description?: string;
-      helperText?: string;
-      orientation?: "horizontal" | "vertical" | "responsive";
-    }>>;
-    readonly TanStackTitleField: react666.FC<{
-      title: string;
-      description?: string;
-      helperText?: string;
-    }>;
-    readonly TanStackActionsForm: react666.FC<react666.PropsWithChildren<{
-      type?: "create" | "update";
-    }>>;
-    readonly TanStackActionSubmit: react666.FC<{
-      label?: string;
-      className?: string;
-    }>;
-    readonly ArrayCol: typeof ArrayCol;
-    readonly ArrayHeaderRow: typeof ArrayHeaderRow;
-  }, TRenderProps>) => react666.FunctionComponent<react666.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: react666.NamedExoticComponent<TextFieldProps>;
-      readonly TextareaField: react666.NamedExoticComponent<TextareaFieldProps>;
-      readonly TextEditorField: react666.FC<TextEditorFieldProps>;
-      readonly NumberField: react666.NamedExoticComponent<NumberFieldProps>;
-      readonly EmailField: react666.FC<EmailFieldProps>;
-      readonly PasswordField: react666.FC<PasswordFieldProps>;
-      readonly SelectField: react666.NamedExoticComponent<SelectFieldProps>;
-      readonly ComboboxField: react666.NamedExoticComponent<ComboboxFieldProps>;
-      readonly DateField: react666.NamedExoticComponent<DateFieldProps>;
-      readonly SwitchField: react666.FC<SwitchFieldProps>;
-      readonly RadioGroupField: react666.FC<RadioGroupFieldProps>;
-      readonly CheckboxField: react666.FC<CheckboxFieldProps>;
-      readonly SimpleTextField: react666.FC<SimpleTextFieldProps>;
-      readonly SimpleEmailField: react666.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        maxLength?: number;
-        disabled?: boolean;
-      }>;
-      readonly SimplePasswordField: react666.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        disabled?: boolean;
-      }>;
-      readonly SimpleTextareaField: react666.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        maxLength?: number;
-        rows?: number;
-        disabled?: boolean;
-      }>;
-      readonly SimpleNumberField: react666.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        unit?: string;
-        allowNegative?: boolean;
-        disabled?: boolean;
-      }>;
-      readonly SimpleSelectField: react666.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-      }>;
-      readonly SimpleArrayField: typeof SimpleArrayField;
-      readonly SimpleBooleanField: react666.FC<{
-        label?: string;
-        required?: boolean;
-        disabled?: boolean;
-        variant?: "checkbox" | "switch";
-      }>;
-      readonly SimpleComboboxField: react666.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        disabled?: boolean;
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-      }>;
-      readonly SimpleDateField: react666.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        disabled?: boolean;
-        minDate?: Date;
-        maxDate?: Date;
-      }>;
-      readonly SimpleRadioGroupField: react666.FC<{
-        label?: string;
-        required?: boolean;
-        disabled?: boolean;
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-        orientation?: "horizontal" | "vertical";
-      }>;
-      readonly FieldGroup: react666.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react666.JSX.Element>;
-      readonly Field: react666.MemoExoticComponent<({
-        className,
-        orientation,
-        ...props
-      }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-      } & class_variance_authority_types22.ClassProp) | undefined) => string>) => react666.JSX.Element>;
-      readonly FieldContent: react666.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react666.JSX.Element>;
-      readonly FieldLabel: react666.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<typeof Label$1>) => react666.JSX.Element>;
-      readonly FieldContentMain: react666.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react666.JSX.Element>;
-      readonly FieldSeparator: react666.MemoExoticComponent<({
-        children,
-        className,
-        ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react666.JSX.Element>;
-      readonly FieldError: react666.MemoExoticComponent<({
-        className,
-        children,
-        errors,
-        requiredMessage,
-        ...props
-      }: react666.ClassAttributes<HTMLDivElement> & react666.HTMLAttributes<HTMLDivElement> & {
-        errors?: Array<{
-          code?: string;
-          message?: string;
-        } | undefined>;
-        requiredMessage?: string;
-      }) => react666.JSX.Element | null>;
-    }, {
-      readonly TanStackDialogForm: react666.FC<react666.PropsWithChildren<{
-        title: string;
-        submitText?: string;
-        width?: number | string;
-        maxWidth?: number | string;
-        className?: string;
-        open?: boolean;
-        onOpenChange?: (open: boolean) => void;
-      }>>;
-      readonly TanStackPopoverForm: react666.FC<react666.PropsWithChildren<{
-        title: string;
-        open?: boolean;
-        contentClassName?: string;
-        onOpenChange?: (open: boolean) => void;
-      }>>;
-      readonly TanStackContainerForm: react666.FC<{
-        children?: react666.ReactNode | undefined;
-      }>;
-      readonly TanStackSectionForm: react666.FC<react666.PropsWithChildren<{
-        title: string;
-      }>>;
-      readonly TanStackCardForm: react666.FC<react666.PropsWithChildren<{
-        title: string;
-        description?: string;
-        onDelete?: () => void | Promise<void>;
-      }>>;
-      readonly TanStackFieldGroup: react666.FC<react666.PropsWithChildren<{
-        label: string;
-        description?: string;
-        helperText?: string;
-        orientation?: "horizontal" | "vertical" | "responsive";
-      }>>;
-      readonly TanStackTitleField: react666.FC<{
-        title: string;
-        description?: string;
-        helperText?: string;
-      }>;
-      readonly TanStackActionsForm: react666.FC<react666.PropsWithChildren<{
-        type?: "create" | "update";
-      }>>;
-      readonly TanStackActionSubmit: react666.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: react666.NamedExoticComponent<TextFieldProps>;
-    readonly TextareaField: react666.NamedExoticComponent<TextareaFieldProps>;
-    readonly TextEditorField: react666.FC<TextEditorFieldProps>;
-    readonly NumberField: react666.NamedExoticComponent<NumberFieldProps>;
-    readonly EmailField: react666.FC<EmailFieldProps>;
-    readonly PasswordField: react666.FC<PasswordFieldProps>;
-    readonly SelectField: react666.NamedExoticComponent<SelectFieldProps>;
-    readonly ComboboxField: react666.NamedExoticComponent<ComboboxFieldProps>;
-    readonly DateField: react666.NamedExoticComponent<DateFieldProps>;
-    readonly SwitchField: react666.FC<SwitchFieldProps>;
-    readonly RadioGroupField: react666.FC<RadioGroupFieldProps>;
-    readonly CheckboxField: react666.FC<CheckboxFieldProps>;
-    readonly SimpleTextField: react666.FC<SimpleTextFieldProps>;
-    readonly SimpleEmailField: react666.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      maxLength?: number;
-      disabled?: boolean;
-    }>;
-    readonly SimplePasswordField: react666.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      disabled?: boolean;
-    }>;
-    readonly SimpleTextareaField: react666.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      maxLength?: number;
-      rows?: number;
-      disabled?: boolean;
-    }>;
-    readonly SimpleNumberField: react666.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      unit?: string;
-      allowNegative?: boolean;
-      disabled?: boolean;
-    }>;
-    readonly SimpleSelectField: react666.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      options: Array<{
-        value: string;
-        label: string;
-      }>;
-    }>;
-    readonly SimpleArrayField: typeof SimpleArrayField;
-    readonly SimpleBooleanField: react666.FC<{
-      label?: string;
-      required?: boolean;
-      disabled?: boolean;
-      variant?: "checkbox" | "switch";
-    }>;
-    readonly SimpleComboboxField: react666.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      disabled?: boolean;
-      options: Array<{
-        value: string;
-        label: string;
-      }>;
-    }>;
-    readonly SimpleDateField: react666.FC<{
-      label?: string;
-      placeholder?: string;
-      required?: boolean;
-      disabled?: boolean;
-      minDate?: Date;
-      maxDate?: Date;
-    }>;
-    readonly SimpleRadioGroupField: react666.FC<{
-      label?: string;
-      required?: boolean;
-      disabled?: boolean;
-      options: Array<{
-        value: string;
-        label: string;
-      }>;
-      orientation?: "horizontal" | "vertical";
-    }>;
-    readonly FieldGroup: react666.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react666.JSX.Element>;
-    readonly Field: react666.MemoExoticComponent<({
-      className,
-      orientation,
-      ...props
-    }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-      orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-    } & class_variance_authority_types22.ClassProp) | undefined) => string>) => react666.JSX.Element>;
-    readonly FieldContent: react666.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react666.JSX.Element>;
-    readonly FieldLabel: react666.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<typeof Label$1>) => react666.JSX.Element>;
-    readonly FieldContentMain: react666.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react666.JSX.Element>;
-    readonly FieldSeparator: react666.MemoExoticComponent<({
-      children,
-      className,
-      ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react666.JSX.Element>;
-    readonly FieldError: react666.MemoExoticComponent<({
-      className,
-      children,
-      errors,
-      requiredMessage,
-      ...props
-    }: react666.ClassAttributes<HTMLDivElement> & react666.HTMLAttributes<HTMLDivElement> & {
-      errors?: Array<{
-        code?: string;
-        message?: string;
-      } | undefined>;
-      requiredMessage?: string;
-    }) => react666.JSX.Element | null>;
-  }, {
-    readonly TanStackDialogForm: react666.FC<react666.PropsWithChildren<{
-      title: string;
-      submitText?: string;
-      width?: number | string;
-      maxWidth?: number | string;
-      className?: string;
-      open?: boolean;
-      onOpenChange?: (open: boolean) => void;
-    }>>;
-    readonly TanStackPopoverForm: react666.FC<react666.PropsWithChildren<{
-      title: string;
-      open?: boolean;
-      contentClassName?: string;
-      onOpenChange?: (open: boolean) => void;
-    }>>;
-    readonly TanStackContainerForm: react666.FC<{
-      children?: react666.ReactNode | undefined;
-    }>;
-    readonly TanStackSectionForm: react666.FC<react666.PropsWithChildren<{
-      title: string;
-    }>>;
-    readonly TanStackCardForm: react666.FC<react666.PropsWithChildren<{
-      title: string;
-      description?: string;
-      onDelete?: () => void | Promise<void>;
-    }>>;
-    readonly TanStackFieldGroup: react666.FC<react666.PropsWithChildren<{
-      label: string;
-      description?: string;
-      helperText?: string;
-      orientation?: "horizontal" | "vertical" | "responsive";
-    }>>;
-    readonly TanStackTitleField: react666.FC<{
-      title: string;
-      description?: string;
-      helperText?: string;
-    }>;
-    readonly TanStackActionsForm: react666.FC<react666.PropsWithChildren<{
-      type?: "create" | "update";
-    }>>;
-    readonly TanStackActionSubmit: react666.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: react666.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: react666.NamedExoticComponent<TextFieldProps>;
-      readonly TextareaField: react666.NamedExoticComponent<TextareaFieldProps>;
-      readonly TextEditorField: react666.FC<TextEditorFieldProps>;
-      readonly NumberField: react666.NamedExoticComponent<NumberFieldProps>;
-      readonly EmailField: react666.FC<EmailFieldProps>;
-      readonly PasswordField: react666.FC<PasswordFieldProps>;
-      readonly SelectField: react666.NamedExoticComponent<SelectFieldProps>;
-      readonly ComboboxField: react666.NamedExoticComponent<ComboboxFieldProps>;
-      readonly DateField: react666.NamedExoticComponent<DateFieldProps>;
-      readonly SwitchField: react666.FC<SwitchFieldProps>;
-      readonly RadioGroupField: react666.FC<RadioGroupFieldProps>;
-      readonly CheckboxField: react666.FC<CheckboxFieldProps>;
-      readonly SimpleTextField: react666.FC<SimpleTextFieldProps>;
-      readonly SimpleEmailField: react666.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        maxLength?: number;
-        disabled?: boolean;
-      }>;
-      readonly SimplePasswordField: react666.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        disabled?: boolean;
-      }>;
-      readonly SimpleTextareaField: react666.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        maxLength?: number;
-        rows?: number;
-        disabled?: boolean;
-      }>;
-      readonly SimpleNumberField: react666.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        unit?: string;
-        allowNegative?: boolean;
-        disabled?: boolean;
-      }>;
-      readonly SimpleSelectField: react666.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-      }>;
-      readonly SimpleArrayField: typeof SimpleArrayField;
-      readonly SimpleBooleanField: react666.FC<{
-        label?: string;
-        required?: boolean;
-        disabled?: boolean;
-        variant?: "checkbox" | "switch";
-      }>;
-      readonly SimpleComboboxField: react666.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        disabled?: boolean;
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-      }>;
-      readonly SimpleDateField: react666.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        disabled?: boolean;
-        minDate?: Date;
-        maxDate?: Date;
-      }>;
-      readonly SimpleRadioGroupField: react666.FC<{
-        label?: string;
-        required?: boolean;
-        disabled?: boolean;
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-        orientation?: "horizontal" | "vertical";
-      }>;
-      readonly FieldGroup: react666.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react666.JSX.Element>;
-      readonly Field: react666.MemoExoticComponent<({
-        className,
-        orientation,
-        ...props
-      }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-      } & class_variance_authority_types22.ClassProp) | undefined) => string>) => react666.JSX.Element>;
-      readonly FieldContent: react666.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react666.JSX.Element>;
-      readonly FieldLabel: react666.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<typeof Label$1>) => react666.JSX.Element>;
-      readonly FieldContentMain: react666.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react666.JSX.Element>;
-      readonly FieldSeparator: react666.MemoExoticComponent<({
-        children,
-        className,
-        ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react666.JSX.Element>;
-      readonly FieldError: react666.MemoExoticComponent<({
-        className,
-        children,
-        errors,
-        requiredMessage,
-        ...props
-      }: react666.ClassAttributes<HTMLDivElement> & react666.HTMLAttributes<HTMLDivElement> & {
-        errors?: Array<{
-          code?: string;
-          message?: string;
-        } | undefined>;
-        requiredMessage?: string;
-      }) => react666.JSX.Element | null>;
-    }, {
-      readonly TanStackDialogForm: react666.FC<react666.PropsWithChildren<{
-        title: string;
-        submitText?: string;
-        width?: number | string;
-        maxWidth?: number | string;
-        className?: string;
-        open?: boolean;
-        onOpenChange?: (open: boolean) => void;
-      }>>;
-      readonly TanStackPopoverForm: react666.FC<react666.PropsWithChildren<{
-        title: string;
-        open?: boolean;
-        contentClassName?: string;
-        onOpenChange?: (open: boolean) => void;
-      }>>;
-      readonly TanStackContainerForm: react666.FC<{
-        children?: react666.ReactNode | undefined;
-      }>;
-      readonly TanStackSectionForm: react666.FC<react666.PropsWithChildren<{
-        title: string;
-      }>>;
-      readonly TanStackCardForm: react666.FC<react666.PropsWithChildren<{
-        title: string;
-        description?: string;
-        onDelete?: () => void | Promise<void>;
-      }>>;
-      readonly TanStackFieldGroup: react666.FC<react666.PropsWithChildren<{
-        label: string;
-        description?: string;
-        helperText?: string;
-        orientation?: "horizontal" | "vertical" | "responsive";
-      }>>;
-      readonly TanStackTitleField: react666.FC<{
-        title: string;
-        description?: string;
-        helperText?: string;
-      }>;
-      readonly TanStackActionsForm: react666.FC<react666.PropsWithChildren<{
-        type?: "create" | "update";
-      }>>;
-      readonly TanStackActionSubmit: react666.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: react666.NamedExoticComponent<TextFieldProps>;
-      readonly TextareaField: react666.NamedExoticComponent<TextareaFieldProps>;
-      readonly TextEditorField: react666.FC<TextEditorFieldProps>;
-      readonly NumberField: react666.NamedExoticComponent<NumberFieldProps>;
-      readonly EmailField: react666.FC<EmailFieldProps>;
-      readonly PasswordField: react666.FC<PasswordFieldProps>;
-      readonly SelectField: react666.NamedExoticComponent<SelectFieldProps>;
-      readonly ComboboxField: react666.NamedExoticComponent<ComboboxFieldProps>;
-      readonly DateField: react666.NamedExoticComponent<DateFieldProps>;
-      readonly SwitchField: react666.FC<SwitchFieldProps>;
-      readonly RadioGroupField: react666.FC<RadioGroupFieldProps>;
-      readonly CheckboxField: react666.FC<CheckboxFieldProps>;
-      readonly SimpleTextField: react666.FC<SimpleTextFieldProps>;
-      readonly SimpleEmailField: react666.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        maxLength?: number;
-        disabled?: boolean;
-      }>;
-      readonly SimplePasswordField: react666.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        disabled?: boolean;
-      }>;
-      readonly SimpleTextareaField: react666.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        maxLength?: number;
-        rows?: number;
-        disabled?: boolean;
-      }>;
-      readonly SimpleNumberField: react666.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        unit?: string;
-        allowNegative?: boolean;
-        disabled?: boolean;
-      }>;
-      readonly SimpleSelectField: react666.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-      }>;
-      readonly SimpleArrayField: typeof SimpleArrayField;
-      readonly SimpleBooleanField: react666.FC<{
-        label?: string;
-        required?: boolean;
-        disabled?: boolean;
-        variant?: "checkbox" | "switch";
-      }>;
-      readonly SimpleComboboxField: react666.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        disabled?: boolean;
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-      }>;
-      readonly SimpleDateField: react666.FC<{
-        label?: string;
-        placeholder?: string;
-        required?: boolean;
-        disabled?: boolean;
-        minDate?: Date;
-        maxDate?: Date;
-      }>;
-      readonly SimpleRadioGroupField: react666.FC<{
-        label?: string;
-        required?: boolean;
-        disabled?: boolean;
-        options: Array<{
-          value: string;
-          label: string;
-        }>;
-        orientation?: "horizontal" | "vertical";
-      }>;
-      readonly FieldGroup: react666.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react666.JSX.Element>;
-      readonly Field: react666.MemoExoticComponent<({
-        className,
-        orientation,
-        ...props
-      }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-      } & class_variance_authority_types22.ClassProp) | undefined) => string>) => react666.JSX.Element>;
-      readonly FieldContent: react666.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react666.JSX.Element>;
-      readonly FieldLabel: react666.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<typeof Label$1>) => react666.JSX.Element>;
-      readonly FieldContentMain: react666.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react666.JSX.Element>;
-      readonly FieldSeparator: react666.MemoExoticComponent<({
-        children,
-        className,
-        ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react666.JSX.Element>;
-      readonly FieldError: react666.MemoExoticComponent<({
-        className,
-        children,
-        errors,
-        requiredMessage,
-        ...props
-      }: react666.ClassAttributes<HTMLDivElement> & react666.HTMLAttributes<HTMLDivElement> & {
-        errors?: Array<{
-          code?: string;
-          message?: string;
-        } | undefined>;
-        requiredMessage?: string;
-      }) => react666.JSX.Element | null>;
-    }, {
-      readonly TanStackDialogForm: react666.FC<react666.PropsWithChildren<{
-        title: string;
-        submitText?: string;
-        width?: number | string;
-        maxWidth?: number | string;
-        className?: string;
-        open?: boolean;
-        onOpenChange?: (open: boolean) => void;
-      }>>;
-      readonly TanStackPopoverForm: react666.FC<react666.PropsWithChildren<{
-        title: string;
-        open?: boolean;
-        contentClassName?: string;
-        onOpenChange?: (open: boolean) => void;
-      }>>;
-      readonly TanStackContainerForm: react666.FC<{
-        children?: react666.ReactNode | undefined;
-      }>;
-      readonly TanStackSectionForm: react666.FC<react666.PropsWithChildren<{
-        title: string;
-      }>>;
-      readonly TanStackCardForm: react666.FC<react666.PropsWithChildren<{
-        title: string;
-        description?: string;
-        onDelete?: () => void | Promise<void>;
-      }>>;
-      readonly TanStackFieldGroup: react666.FC<react666.PropsWithChildren<{
-        label: string;
-        description?: string;
-        helperText?: string;
-        orientation?: "horizontal" | "vertical" | "responsive";
-      }>>;
-      readonly TanStackTitleField: react666.FC<{
-        title: string;
-        description?: string;
-        helperText?: string;
-      }>;
-      readonly TanStackActionsForm: react666.FC<react666.PropsWithChildren<{
-        type?: "create" | "update";
-      }>>;
-      readonly TanStackActionSubmit: react666.FC<{
-        label?: string;
-        className?: string;
-      }>;
-      readonly ArrayCol: typeof ArrayCol;
-      readonly ArrayHeaderRow: typeof ArrayHeaderRow;
-    }>;
-    fields: TFields;
-  }>) => ReturnType<react666.FunctionComponent>;
-//#endregion
-export { SimpleTextFieldProps as A, NumberFieldProps as C, RadioOption as D, RadioGroupFieldProps as E, TextareaFieldProps as F, TextEditorFieldProps as M, TextFieldProps as N, SelectFieldProps as O, TextFieldValue as P, MultiSelectFieldValue as S, PasswordFieldProps as T, DateFieldValue as _, withTanStackForm as a, FieldRounding as b, FieldContentMain as c, FieldSeparator as d, AnyFieldProps as f, DateFieldProps as g, ComboboxFieldProps as h, withTanStackFieldGroup as i, SwitchFieldProps as j, SelectOption as k, FieldError as l, CheckboxFieldProps as m, useTanStackForm as n, Field as o, BooleanFieldValue as p, useTanStackFormContext as r, FieldContent as s, useTanStackFieldContext as t, FieldGroup as u, EmailFieldProps as v, NumberFieldValue as w, FieldType as x, FieldOrientation as y };
-//# sourceMappingURL=index-DiMGMuVl.d.cts.map