@customafk/lunas-ui 0.2.44 → 0.2.45

package/dist/{index-DSciiDhn.d.cts → index-ks5jfaQb.d.mts}

@@ -1,10 +1,10 @@
 import * as react642 from "react";
-import * as class_variance_authority_types22 from "class-variance-authority/types";
 import * as class_variance_authority0 from "class-variance-authority";
 import { VariantProps } from "class-variance-authority";
 import { Label } from "radix-ui";
-import * as _tanstack_form_core0 from "@tanstack/form-core";
 import * as _tanstack_react_form0 from "@tanstack/react-form";
+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/types.d.ts
 /** Layout axis for a field's label–input arrangement. */
@@ -419,7 +419,7 @@ declare function ArrayHeaderRow({
   className,
   children
 }: ArrayHeaderRowProps): react642.JSX.Element;
-type Props$9<T> = {
+type Props<T> = {
   /**
    * Shape of a brand-new empty row appended when the user clicks "Add row".
    */
@@ -464,527 +464,12 @@ declare function SimpleArrayField<T>({
   children,
   addLabel,
   className
-}: Props$9<T>): react642.JSX.Element;
-//#endregion
-//#region packages/components/features/tanstack-form/components/atoms/simple-boolean-field.d.ts
-type Props$8 = {
-  label?: string;
-  required?: boolean;
-  disabled?: boolean;
-  variant?: 'checkbox' | 'switch';
-};
-declare const SimpleBooleanField: React.FC<Props$8>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/atoms/simple-combobox-field.d.ts
-type Props$7 = {
-  label?: string;
-  placeholder?: string;
-  required?: boolean;
-  disabled?: boolean;
-  options: Array<{
-    value: string;
-    label: string;
-  }>;
-};
-declare const SimpleComboboxField: React.FC<Props$7>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/atoms/simple-date-field.d.ts
-type Props$6 = {
-  label?: string;
-  placeholder?: string;
-  required?: boolean;
-  disabled?: boolean;
-  minDate?: Date;
-  maxDate?: Date;
-};
-declare const SimpleDateField: React.FC<Props$6>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/atoms/simple-radio-group-field.d.ts
-type Props$5 = {
-  label?: string;
-  required?: boolean;
-  disabled?: boolean;
-  options: Array<{
-    value: string;
-    label: string;
-  }>;
-  orientation?: 'horizontal' | 'vertical';
-};
-declare const SimpleRadioGroupField: React.FC<Props$5>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/atoms/simple-email-field.d.ts
-type Props$4 = {
-  label?: string;
-  placeholder?: string;
-  required?: boolean;
-  maxLength?: number;
-  disabled?: boolean;
-};
-declare const SimpleEmailField: React.FC<Props$4>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/atoms/simple-number-field.d.ts
-type Props$3 = {
-  label?: string;
-  placeholder?: string;
-  required?: boolean;
-  unit?: string;
-  allowNegative?: boolean;
-  disabled?: boolean;
-};
-declare const SimpleNumberField: React.FC<Props$3>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/atoms/simple-password-field.d.ts
-type Props$2 = {
-  label?: string;
-  placeholder?: string;
-  required?: boolean;
-  disabled?: boolean;
-};
-declare const SimplePasswordField: React.FC<Props$2>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/atoms/simple-select-field.d.ts
-type Props$1 = {
-  label?: string;
-  placeholder?: string;
-  required?: boolean;
-  options: Array<{
-    value: string;
-    label: string;
-  }>;
-};
-declare const SimpleSelectField: React.FC<Props$1>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/atoms/simple-textarea-field.d.ts
-type Props = {
-  label?: string;
-  placeholder?: string;
-  required?: boolean;
-  maxLength?: number;
-  rows?: number;
-  disabled?: boolean;
-};
-declare const SimpleTextareaField: React.FC<Props>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/atoms/simple-text-field.d.ts
-declare const SimpleTextField: React.FC<SimpleTextFieldProps>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/fields/checkbox-field.d.ts
-/**
- * A TanStack Form-connected checkbox group field that manages an array of selected string values,
- * supporting multi-selection and submission-state disabling.
- *
- * @example
- * import { CheckboxField } from '@customafk/lunas-ui/features/tanstack-form';
- *
- * <form.Field name="roles">
- *   {() => (
- *     <CheckboxField
- *       label="Roles"
- *       options={[
- *         { value: 'admin', label: 'Admin' },
- *         { value: 'editor', label: 'Editor' },
- *       ]}
- *       helperText="Select one or more roles"
- *     />
- *   )}
- * </form.Field>
- */
-declare const CheckboxField: React.FC<CheckboxFieldProps>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/fields/combobox-field.d.ts
-declare const ComboboxField: react642.NamedExoticComponent<ComboboxFieldProps>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/fields/date-field.d.ts
-declare const DateField: react642.NamedExoticComponent<DateFieldProps>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/fields/email-field.d.ts
-/**
- * A TanStack Form-connected email input field with an at-sign prefix icon,
- * optional clear button, and inline validation error display.
- *
- * @example
- * import { EmailField } from '@customafk/lunas-ui/features/tanstack-form';
- *
- * <form.Field name="email">
- *   {() => (
- *     <EmailField
- *       label="Email address"
- *       placeholder="you@example.com"
- *       required
- *     />
- *   )}
- * </form.Field>
- */
-declare const EmailField: React.FC<EmailFieldProps>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/fields/number-field.d.ts
-/**
- * A TanStack Form-connected numeric input field supporting rounding rules,
- * decimal precision, unit labels, and submission-state feedback.
- *
- * @example
- * import { NumberField } from '@customafk/lunas-ui/features/tanstack-form';
- *
- * <form.Field name="quantity">
- *   {() => (
- *     <NumberField
- *       label="Quantity"
- *       placeholder="0"
- *       unit="pcs"
- *       decimalPlaces={2}
- *       required
- *     />
- *   )}
- * </form.Field>
- */
-declare const NumberField: react642.NamedExoticComponent<NumberFieldProps>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/fields/password-field.d.ts
-/**
- * A TanStack Form-connected password input field with a show/hide toggle button
- * and inline validation error display.
- *
- * @example
- * import { PasswordField } from '@customafk/lunas-ui/features/tanstack-form';
- *
- * <form.Field name="password">
- *   {() => (
- *     <PasswordField
- *       label="Password"
- *       placeholder="Enter your password"
- *       helperText="Must be at least 8 characters"
- *     />
- *   )}
- * </form.Field>
- */
-declare const PasswordField: React.FC<PasswordFieldProps>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/fields/radio-group-field.d.ts
-declare const RadioGroupField: React.FC<RadioGroupFieldProps>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/fields/select-field.d.ts
-declare const SelectField: react642.NamedExoticComponent<SelectFieldProps>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/fields/switch-field.d.ts
-/**
- * A TanStack Form-connected boolean toggle field rendered as a labelled switch,
- * positioned absolutely in the top-right corner of the field card.
- *
- * @example
- * import { SwitchField } from '@customafk/lunas-ui/features/tanstack-form';
- *
- * <form.Field name="notifications">
- *   {() => (
- *     <SwitchField
- *       label="Enable notifications"
- *       description="Receive email alerts for important events"
- *       helperText="You can change this at any time"
- *     />
- *   )}
- * </form.Field>
- */
-declare const SwitchField: React.FC<SwitchFieldProps>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/fields/text-field.d.ts
-/**
- * A TanStack Form-connected single-line text input with label, validation, and optional features.
- *
- * Must be rendered inside an `AppField` context from `useTanStackForm`.
- * The field value type is `string | null` — `null` represents an empty/unset state.
- *
- * ---
- *
- * **Basic usage**
- * @example
- * const { AppField } = useTanStackForm({ defaultValues: { name: null } });
- *
- * <AppField name="name">
- *   {field => <field.TextField label="Full name" placeholder="Nguyễn Văn A" />}
- * </AppField>
- *
- * ---
- *
- * **With validation**
- * @example
- * <AppField
- *   name="username"
- *   validators={{ onChange: ({ value }) => !value ? 'Bắt buộc' : undefined }}
- * >
- *   {field => <field.TextField label="Username" required />}
- * </AppField>
- *
- * ---
- *
- * **With character counter and max length**
- * @example
- * <AppField name="bio">
- *   {field => (
- *     <field.TextField
- *       label="Bio"
- *       counter
- *       maxLength={160}
- *       placeholder="Giới thiệu bản thân…"
- *     />
- *   )}
- * </AppField>
- *
- * ---
- *
- * **With clear button and helper note**
- * @example
- * <AppField name="search">
- *   {field => (
- *     <field.TextField
- *       label="Tìm kiếm"
- *       showClearButton
- *       helperText="Nhập ít nhất 3 ký tự để tìm kiếm."
- *     />
- *   )}
- * </AppField>
- *
- * ---
- *
- * **Horizontal layout**
- * @example
- * <AppField name="code">
- *   {field => (
- *     <field.TextField
- *       label="Mã sản phẩm"
- *       orientation="horizontal"
- *       tooltip="Mã duy nhất định danh sản phẩm trong hệ thống."
- *     />
- *   )}
- * </AppField>
- */
-declare const TextField: react642.NamedExoticComponent<TextFieldProps>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/fields/textarea-field.d.ts
-declare const TextareaField: react642.NamedExoticComponent<TextareaFieldProps>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/fields/text-editor-field.d.ts
-declare const TextEditorField: React.FC<TextEditorFieldProps>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/forms/action-submit.d.ts
-/**
- * Renders a submit button wired to the current TanStack Form context, automatically handling loading and disabled states.
- *
- * @example
- * import { TanStackActionSubmit } from '@customafk/lunas-ui/features/tanstack-form';
- *
- * // Inside a TanStack Form provider:
- * <TanStackActionSubmit label="Save Changes" className="mt-4" />
- */
-declare const TanStackActionSubmit: React.FC<{
-  /** Button label text. Defaults to `'Submit'` when omitted. */
-  label?: string;
-  /** Additional CSS class names applied to the button element. */
-  className?: string;
-}>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/forms/actions-form.d.ts
-/**
- * Renders a form action bar with a Cancel button and a context-aware submit button (Add New or Update) driven by TanStack Form state.
- *
- * @example
- * import { TanStackActionsForm } from '@customafk/lunas-ui/features/tanstack-form';
- *
- * // Inside a TanStack Form provider:
- * <TanStackActionsForm type="create" />
- *
- * // For an update workflow:
- * <TanStackActionsForm type="update" />
- */
-declare const TanStackActionsForm: React.FC<React.PropsWithChildren<{
-  /**
-   * Determines which submit button variant is rendered.
-   * - `'create'` — shows an "Add New" button that resets the form on success.
-   * - `'update'` — shows an "Update" button that resets the form on success.
-   * Defaults to `'create'`.
-   */
-  type?: 'create' | 'update';
-}>>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/forms/card-form.d.ts
-/**
- * Renders a card-style form section with a header, optional description, a delete button, and a content area for fields.
- *
- * @example
- * import { TanStackCardForm } from '@customafk/lunas-ui/features/tanstack-form';
- *
- * <TanStackCardForm
- *   title="Shipping Address"
- *   description="Where should we deliver your order?"
- *   onDelete={() => removeAddress(id)}
- * >
- *   <TextField name="street" />
- * </TanStackCardForm>
- */
-declare const TanStackCardForm: React.FC<React.PropsWithChildren<{
-  /** Bold heading text shown at the top of the card. */
-  title: string;
-  /** Optional secondary text rendered beneath the title. */
-  description?: string;
-  /** When provided, renders a danger "Remove" button in the card's top-right corner. */
-  onDelete?: () => void | Promise<void>;
-}>>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/forms/container-form.d.ts
-/**
- * Wraps a set of TanStack form sections in a vertically-stacked flex container.
- *
- * @example
- * import { TanStackContainerForm } from '@customafk/lunas-ui/features/tanstack-form';
- *
- * <TanStackContainerForm>
- *   <TanStackSectionForm title="Personal Info">
- *     {/* fields *\/}
- *   </TanStackSectionForm>
- * </TanStackContainerForm>
- */
-declare const TanStackContainerForm: React.FC<React.PropsWithChildren>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/forms/dialog-form.d.ts
-/**
- * Renders a modal dialog that wraps a TanStack Form with a title, scrollable content area, and built-in submit/cancel actions.
- *
- * @example
- * import { TanStackDialogForm } from '@customafk/lunas-ui/features/tanstack-form';
- *
- * <TanStackDialogForm
- *   title="Create User"
- *   submitText="Create"
- *   className="max-w-lg"
- *   open={isOpen}
- *   onOpenChange={setIsOpen}
- * >
- *   <NameField />
- *   <EmailField />
- * </TanStackDialogForm>
- */
-declare const TanStackDialogForm: React.FC<React.PropsWithChildren<{
-  /** Heading text displayed in the dialog title bar. */
-  title: string;
-  /** Custom label for the submit button. Defaults to the `SubmitButton` component's built-in label when omitted. */
-  submitText?: string;
-  /** Optional fixed width for the dialog content area, as a pixel number (e.g. `600`) or any CSS string (e.g. `'50%'`, `'40rem'`). Omit to let the dialog size itself based on content. */
-  width?: number | string;
-  /** Optional fixed max-width for the dialog content area, as a pixel number (e.g. `600`) or any CSS string (e.g. `'50%'`, `'40rem'`). Omit to let the dialog size itself based on content and viewport. */
-  maxWidth?: number | string;
-  /** Optional additional class name(s) to apply to the dialog content container. */
-  className?: string;
-  /** Controlled open state of the dialog. */
-  open?: boolean;
-  /** Callback fired when the dialog open state changes; the form is reset on close. */
-  onOpenChange?: (open: boolean) => void;
-}>>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/forms/group-field.d.ts
-/**
- * Renders a labeled field group with an optional description, helper text, and a bottom separator.
- *
- * @example
- * import { TanStackFieldGroup } from '@customafk/lunas-ui/features/tanstack-form';
- *
- * <TanStackFieldGroup
- *   label="Contact Details"
- *   description="Enter your contact information."
- *   helperText="All fields are required."
- *   orientation="horizontal"
- * >
- *   <EmailField />
- * </TanStackFieldGroup>
- */
-declare const TanStackFieldGroup: React.FC<React.PropsWithChildren<{
-  /** Primary label displayed above the field content. */
-  label: string;
-  /** Secondary descriptive text shown beneath the label. */
-  description?: string;
-  /** Supplementary helper note rendered below the field content. */
-  helperText?: string;
-  /** Layout orientation of the label-to-content axis. Defaults to `'responsive'`. */
-  orientation?: 'horizontal' | 'vertical' | 'responsive';
-}>>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/forms/popover-form.d.ts
-/**
- * Renders a slide-in side-panel dialog that wraps a TanStack form with built-in submit and cancel actions.
- *
- * @example
- * import { TanStackPopoverForm } from '@customafk/lunas-ui/features/tanstack-form';
- *
- * <TanStackPopoverForm
- *   title="Edit Profile"
- *   open={isOpen}
- *   onOpenChange={setIsOpen}
- * >
- *   <EmailField />
- * </TanStackPopoverForm>
- */
-declare const TanStackPopoverForm: React.FC<React.PropsWithChildren<{
-  /** Heading text displayed in the panel header. */
-  title: string;
-  /** Controlled open state of the popover dialog. */
-  open?: boolean;
-  /** Additional CSS class names applied to the scrollable content area. */
-  contentClassName?: string;
-  /** Callback fired when the open state changes. */
-  onOpenChange?: (open: boolean) => void;
-}>>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/forms/section-form.d.ts
-/**
- * Renders a card-like form section with a titled header, separator, and a content area for form fields.
- *
- * @example
- * import { TanStackSectionForm } from '@customafk/lunas-ui/features/tanstack-form';
- *
- * <TanStackSectionForm title="Account Settings">
- *   <EmailField />
- *   <PasswordField />
- * </TanStackSectionForm>
- */
-declare const TanStackSectionForm: React.FC<React.PropsWithChildren<{
-  /** Heading text displayed in the section header bar. */
-  title: string;
-}>>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/forms/title-field.d.ts
-/**
- * Renders a standalone section title with an optional description and helper note, followed by a separator.
- *
- * @example
- * import { TanStackTitleField } from '@customafk/lunas-ui/features/tanstack-form';
- *
- * <TanStackTitleField
- *   title="Billing Address"
- *   description="Provide the address associated with your payment method."
- *   helperText="Must match your bank records."
- * />
- */
-declare const TanStackTitleField: React.FC<{
-  /** The heading text rendered as a legend element. */
-  title: string;
-  /** Optional supplementary text displayed beneath the title. */
-  description?: string;
-  /** Optional helper note shown below the description area. */
-  helperText?: string;
-}>;
-//#endregion
-//#region packages/components/features/tanstack-form/components/ui/cancel-button.d.ts
-/**
- * Secondary outline button used to dismiss or cancel a form without submitting, defaulting to the label "Cancel".
- *
- * @example
- * import { CancelButton } from '@customafk/lunas-ui/features/tanstack-form';
- *
- * <CancelButton onClick={() => router.back()} />
- */
-declare const CancelButton: React.FC<React.ComponentProps<'button'>>;
+}: Props<T>): react642.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;
+} & class_variance_authority_types23.ClassProp) | undefined) => string;
 /**
  * Outermost `<fieldset>` wrapper that stacks multiple `Field` rows with consistent vertical spacing.
  *
@@ -995,37 +480,7 @@ declare const fieldVariants: (props?: ({
  *   <Field><FieldLabel>Name</FieldLabel><FieldContent><input /></FieldContent></Field>
  * </FieldSet>
  */
-declare const FieldSet: react642.MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<"fieldset">) => react642.JSX.Element>;
-/**
- * Props for {@link FieldLegend}.
- */
-type FieldLegendProps = React.ComponentProps<'legend'> & {
-  /**
-   * Visual weight of the legend text.
-   * - `'legend'` — larger base-size text (section heading).
-   * - `'label'` — smaller label-size text (matches field label weight).
-   * @default 'legend'
-   */
-  variant?: 'legend' | 'label';
-};
-/**
- * `<legend>` element for a `<fieldset>`, styled as either a section heading or a compact label.
- *
- * @example
- * import { FieldSet, FieldLegend } from '@customafk/lunas-ui/features/tanstack-form';
- *
- * <FieldSet>
- *   <FieldLegend variant="legend">Personal details</FieldLegend>
- * </FieldSet>
- */
-declare const FieldLegend: react642.MemoExoticComponent<({
-  className,
-  variant,
-  ...props
-}: FieldLegendProps) => react642.JSX.Element>;
+
 /**
  * Container `<div>` that groups a set of `Field` rows with container-query support for responsive layouts.
  *
@@ -1095,78 +550,7 @@ declare const FieldContentMain: react642.MemoExoticComponent<({
  *
  * <FieldLabel htmlFor="email" aria-required>Email</FieldLabel>
  */
-declare const FieldLabel: react642.MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<typeof Label$1>) => react642.JSX.Element>;
-/**
- * Inline title element (non-`<label>`) for fields whose label cannot be a native `<label>`, such as custom checkbox groups.
- *
- * @example
- * import { FieldTitle } from '@customafk/lunas-ui/features/tanstack-form';
- *
- * <FieldTitle>Notification preferences</FieldTitle>
- */
-declare const FieldTitle: react642.MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<"div">) => react642.JSX.Element>;
-/**
- * Supplementary hint text rendered below the input to guide the user, with support for inline anchor links.
- *
- * @example
- * import { FieldDescription } from '@customafk/lunas-ui/features/tanstack-form';
- *
- * <FieldDescription>Must be at least 8 characters.</FieldDescription>
- */
-declare const FieldDescription: react642.MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<"p">) => react642.JSX.Element>;
-/**
- * Props for {@link FieldNote}.
- */
-type FieldNoteProps = React.ComponentProps<'div'> & {
-  /**
-   * When `false` the note is not rendered at all; useful for conditional display without wrapper conditionals.
-   * @default true
-   */
-  isShow?: boolean;
-};
-/**
- * Highlighted informational callout box with an info icon, shown below a field to surface contextual guidance.
- *
- * @example
- * import { FieldNote } from '@customafk/lunas-ui/features/tanstack-form';
- *
- * <FieldNote isShow={isDraftMode}>Changes are saved automatically in draft mode.</FieldNote>
- */
-declare const FieldNote: react642.MemoExoticComponent<({
-  isShow,
-  className,
-  children,
-  ...props
-}: FieldNoteProps) => react642.JSX.Element | null>;
-/**
- * Props for {@link FieldTooltip}.
- */
-type FieldTooltipProps = {
-  /** Text content displayed inside the tooltip when the help icon is hovered or focused. */
-  tooltip: string;
-};
-/**
- * Small help-circle icon button that reveals a tooltip with additional field context on hover or focus.
- *
- * @example
- * import { FieldTooltip } from '@customafk/lunas-ui/features/tanstack-form';
- *
- * <FieldLabel>
- *   Password <FieldTooltip tooltip="Use at least one uppercase letter and one number." />
- * </FieldLabel>
- */
-declare const FieldTooltip: react642.MemoExoticComponent<({
-  tooltip
-}: FieldTooltipProps) => react642.JSX.Element>;
+
 /**
  * Visual divider row that optionally displays a centered text label, used to separate logical sections within a `FieldGroup`.
  *
@@ -1198,31 +582,6 @@ declare const FieldError: react642.MemoExoticComponent<({
   ...props
 }: FieldErrorProps) => react642.JSX.Element | null>;
 //#endregion
-//#region packages/components/features/tanstack-form/components/ui/submit-button.d.ts
-/**
- * Props for the {@link SubmitButton} component.
- */
-type SubmitButtonProps = React.ComponentProps<'button'> & {
-  /**
-   * When `true` the button enters a loading state and is automatically disabled to prevent duplicate submissions.
-   */
-  isSubmitting?: boolean;
-  /**
-   * Label text rendered inside the button.
-   * @default 'Submit'
-   */
-  submitText?: string;
-};
-/**
- * Primary form submission button that shows a loading indicator while the form is being submitted.
- *
- * @example
- * import { SubmitButton } from '@customafk/lunas-ui/features/tanstack-form';
- *
- * <SubmitButton isSubmitting={form.state.isSubmitting} submitText="Save changes" />
- */
-declare const SubmitButton: React.FC<SubmitButtonProps>;
-//#endregion
 //#region packages/components/features/tanstack-form/tanstack-form.d.ts
 declare const useTanStackFieldContext: <TData>() => _tanstack_form_core0.FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>, useTanStackFormContext: () => _tanstack_react_form0.ReactFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any, any, any>;
 /**
@@ -1377,7 +736,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       ...props
     }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
       orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-    } & class_variance_authority_types22.ClassProp) | undefined) => string>) => react642.JSX.Element>;
+    } & class_variance_authority_types23.ClassProp) | undefined) => string>) => react642.JSX.Element>;
     readonly FieldContent: react642.MemoExoticComponent<({
       className,
       ...props
@@ -1555,7 +914,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       ...props
     }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
       orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-    } & class_variance_authority_types22.ClassProp) | undefined) => string>) => react642.JSX.Element>;
+    } & class_variance_authority_types23.ClassProp) | undefined) => string>) => react642.JSX.Element>;
     readonly FieldContent: react642.MemoExoticComponent<({
       className,
       ...props
@@ -1731,7 +1090,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         ...props
       }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
         orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-      } & class_variance_authority_types22.ClassProp) | undefined) => string>) => react642.JSX.Element>;
+      } & class_variance_authority_types23.ClassProp) | undefined) => string>) => react642.JSX.Element>;
       readonly FieldContent: react642.MemoExoticComponent<({
         className,
         ...props
@@ -1911,7 +1270,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       ...props
     }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
       orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-    } & class_variance_authority_types22.ClassProp) | undefined) => string>) => react642.JSX.Element>;
+    } & class_variance_authority_types23.ClassProp) | undefined) => string>) => react642.JSX.Element>;
     readonly FieldContent: react642.MemoExoticComponent<({
       className,
       ...props
@@ -2087,7 +1446,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         ...props
       }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
         orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-      } & class_variance_authority_types22.ClassProp) | undefined) => string>) => react642.JSX.Element>;
+      } & class_variance_authority_types23.ClassProp) | undefined) => string>) => react642.JSX.Element>;
       readonly FieldContent: react642.MemoExoticComponent<({
         className,
         ...props
@@ -2262,7 +1621,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         ...props
       }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
         orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-      } & class_variance_authority_types22.ClassProp) | undefined) => string>) => react642.JSX.Element>;
+      } & class_variance_authority_types23.ClassProp) | undefined) => string>) => react642.JSX.Element>;
       readonly FieldContent: react642.MemoExoticComponent<({
         className,
         ...props
@@ -2344,5 +1703,5 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     fields: TFields;
   }>) => ReturnType<react642.FunctionComponent>;
 //#endregion
-export { ArrayHeaderRow as $, TextEditorField as A, ComboboxField as B, TanStackPopoverForm as C, TextFieldValue as Ct, TanStackCardForm as D, TanStackContainerForm as E, RadioGroupField as F, SimplePasswordField as G, SimpleTextField as H, PasswordField as I, SimpleRadioGroupField as J, SimpleNumberField as K, NumberField as L, TextField as M, SwitchField as N, TanStackActionsForm as O, SelectField as P, ArrayCol as Q, EmailField as R, TanStackSectionForm as S, TextFieldProps as St, TanStackDialogForm as T, SimpleTextareaField as U, CheckboxField as V, SimpleSelectField as W, SimpleComboboxField as X, SimpleDateField as Y, SimpleBooleanField as Z, FieldSet as _, SelectFieldProps as _t, withTanStackForm as a, DateFieldProps as at, CancelButton as b, SwitchFieldProps as bt, FieldContent as c, FieldOrientation as ct, FieldError as d, MultiSelectFieldValue as dt, SimpleArrayField as et, FieldGroup as f, NumberFieldProps as ft, FieldSeparator as g, RadioOption as gt, FieldNote as h, RadioGroupFieldProps as ht, withTanStackFieldGroup as i, ComboboxFieldProps as it, TextareaField as j, TanStackActionSubmit as k, FieldContentMain as l, FieldRounding as lt, FieldLegend as m, PasswordFieldProps as mt, useTanStackForm as n, BooleanFieldValue as nt, SubmitButton as o, DateFieldValue as ot, FieldLabel as p, NumberFieldValue as pt, SimpleEmailField as q, useTanStackFormContext as r, CheckboxFieldProps as rt, Field as s, EmailFieldProps as st, useTanStackFieldContext as t, AnyFieldProps as tt, FieldDescription as u, FieldType as ut, FieldTitle as v, SelectOption as vt, TanStackFieldGroup as w, TextareaFieldProps as wt, TanStackTitleField as x, TextEditorFieldProps as xt, FieldTooltip as y, SimpleTextFieldProps as yt, DateField as z };
-//# sourceMappingURL=index-DSciiDhn.d.cts.map
+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-ks5jfaQb.d.mts.map