@customafk/lunas-ui 0.2.4 → 0.2.6

package/dist/index-D4shnfqM.d.cts

@@ -0,0 +1,2030 @@
+import * as react_jsx_runtime333 from "react/jsx-runtime";
+import * as class_variance_authority_types23 from "class-variance-authority/types";
+import * as react274 from "react";
+import * as class_variance_authority0 from "class-variance-authority";
+import { VariantProps } from "class-variance-authority";
+import { Label } from "radix-ui";
+import * as _tanstack_form_core0 from "@tanstack/form-core";
+import * as _tanstack_react_form0 from "@tanstack/react-form";
+
+//#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>): react_jsx_runtime333.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_types23.ClassProp) | undefined) => string;
+/**
+ * Outermost `<fieldset>` wrapper that stacks multiple `Field` rows with consistent vertical spacing.
+ *
+ * @example
+ * import { FieldSet } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <FieldSet>
+ *   <Field><FieldLabel>Name</FieldLabel><FieldContent><input /></FieldContent></Field>
+ * </FieldSet>
+ */
+
+/**
+ * Container `<div>` that groups a set of `Field` rows with container-query support for responsive layouts.
+ *
+ * @example
+ * import { FieldGroup } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <FieldGroup>
+ *   <Field>…</Field>
+ *   <Field>…</Field>
+ * </FieldGroup>
+ */
+declare const FieldGroup: react274.MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"div">) => react_jsx_runtime333.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: react274.MemoExoticComponent<({
+  className,
+  orientation,
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react_jsx_runtime333.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: react274.MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"div">) => react_jsx_runtime333.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: react274.MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
+/**
+ * Styled `<label>` element for a `Field`, extending the base `Label` with field-group-aware spacing and border states.
+ *
+ * @example
+ * import { FieldLabel } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <FieldLabel htmlFor="email" aria-required>Email</FieldLabel>
+ */
+declare const FieldLabel: react274.MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<typeof Label$1>) => react_jsx_runtime333.JSX.Element>;
+/**
+ * Inline title element (non-`<label>`) for fields whose label cannot be a native `<label>`, such as custom checkbox groups.
+ *
+ * @example
+ * import { FieldTitle } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <FieldTitle>Notification preferences</FieldTitle>
+ */
+
+/**
+ * Visual divider row that optionally displays a centered text label, used to separate logical sections within a `FieldGroup`.
+ *
+ * @example
+ * import { FieldSeparator } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <FieldSeparator>or</FieldSeparator>
+ */
+declare const FieldSeparator: react274.MemoExoticComponent<({
+  children,
+  className,
+  ...props
+}: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime333.JSX.Element>;
+/**
+ * Props for {@link FieldError}.
+ */
+type FieldErrorProps = React.ComponentProps<'div'> & {
+  /**
+   * Array of validation error objects, typically sourced from a form library's field-level error state.
+   * Each entry may carry an optional `code` (e.g. `'invalid_type'`) and a human-readable `message`.
+   * Rendered automatically when `children` is omitted.
+   */
+  errors?: Array<{
+    code?: string;
+    message?: string;
+  } | undefined>;
+};
+/**
+ * ARIA-live error region that renders field validation messages from either an explicit `errors` array or arbitrary `children`.
+ *
+ * @example
+ * import { FieldError } from '@customafk/lunas-ui/features/tanstack-form';
+ *
+ * <FieldError errors={field.state.meta.errors} />
+ */
+declare const FieldError: react274.MemoExoticComponent<({
+  className,
+  children,
+  errors,
+  ...props
+}: FieldErrorProps) => react_jsx_runtime333.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: react274.FC<Pick<{
+      label: string;
+      name: string;
+      camelCaseName: string;
+      id: string;
+      type: "text-field";
+      dataType?: "text" | "url" | "email" | "password" | undefined;
+      rules?: {
+        required?: boolean | undefined;
+        maxLength?: number | undefined;
+        minLength?: number | undefined;
+        exactLength?: number | undefined;
+      } | undefined;
+      visibilityConditions?: {
+        when: string;
+        is: any;
+        show?: boolean | undefined;
+      } | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
+      helperText?: string | undefined;
+      showErrorMessage?: boolean | undefined;
+      counter?: boolean | undefined;
+      showClearButton?: boolean | undefined;
+      description?: string | undefined;
+      placeholder?: string | undefined;
+    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+      required?: boolean;
+      maxLength?: number;
+    }>;
+    readonly TextareaField: react274.FC<Pick<{
+      label: string;
+      name: string;
+      camelCaseName: string;
+      id: string;
+      type: "textarea-field";
+      rules?: {
+        required?: boolean | undefined;
+        maxLength?: number | undefined;
+        minLength?: number | undefined;
+        exactLength?: number | undefined;
+      } | undefined;
+      visibilityConditions?: {
+        when: string;
+        is: any;
+        show?: boolean | undefined;
+      } | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
+      helperText?: string | undefined;
+      showErrorMessage?: boolean | undefined;
+      counter?: boolean | undefined;
+      description?: string | undefined;
+      placeholder?: string | undefined;
+    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "counter" | "helperText" | "showErrorMessage"> & {
+      required?: boolean;
+      maxLength?: number;
+    }>;
+    readonly NumberField: react274.FC<Pick<{
+      label: string;
+      name: string;
+      camelCaseName: string;
+      id: string;
+      type: "number-field";
+      rules?: {
+        required?: boolean | undefined;
+        min?: {
+          value: number;
+          inclusive?: boolean | undefined;
+        } | undefined;
+        max?: {
+          value: number;
+          inclusive?: boolean | undefined;
+        } | undefined;
+        integerOnly?: boolean | undefined;
+        positiveOnly?: boolean | undefined;
+        exactDigits?: number | undefined;
+      } | undefined;
+      visibilityConditions?: {
+        when: string;
+        is: any;
+        show?: boolean | undefined;
+      } | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
+      helperText?: string | undefined;
+      showErrorMessage?: boolean | undefined;
+      defaultValue?: number | undefined;
+      rounding?: "up" | "down" | "none" | "nearest" | undefined;
+      decimalPlaces?: number | undefined;
+      percision?: number | undefined;
+      unit?: string | undefined;
+      description?: string | undefined;
+      placeholder?: string | undefined;
+    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+      required?: boolean;
+      allowNegative?: boolean;
+    }>;
+    readonly EmailField: react274.FC<Pick<{
+      rules: {
+        maxLength?: number | undefined;
+        minLength?: number | undefined;
+      };
+      label: string;
+      name: string;
+      camelCaseName: string;
+      id: string;
+      type: "email-field";
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
+      helperText?: string | undefined;
+      showErrorMessage?: boolean | undefined;
+      description?: string | undefined;
+      placeholder?: string | undefined;
+    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage"> & {
+      required?: boolean;
+      maxLength?: number;
+    }>;
+    readonly PasswordField: react274.FC<{
+      description?: string | undefined;
+      label: string;
+      placeholder?: string | undefined;
+      tooltip?: string | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      helperText?: string | undefined;
+      showErrorMessage?: boolean | undefined;
+    }>;
+    readonly SelectField: react274.FC<Pick<{
+      options: {
+        label: string;
+        value: string;
+      }[];
+      label: string;
+      name: string;
+      camelCaseName: string;
+      id: string;
+      type: "select-field";
+      clearable?: boolean | undefined;
+      rules?: {
+        required?: boolean | undefined;
+      } | undefined;
+      visibilityConditions?: {
+        when: string;
+        is: any;
+        show?: boolean | undefined;
+      } | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
+      helperText?: string | undefined;
+      defaultValue?: string | undefined;
+      description?: string | undefined;
+      placeholder?: string | undefined;
+    }, "description" | "label" | "defaultValue" | "placeholder" | "tooltip" | "orientation" | "options" | "helperText" | "clearable"> & {
+      required?: boolean;
+    }>;
+    readonly ComboboxField: react274.FC<{
+      label: string;
+      description?: string;
+      placeholder?: string;
+      tooltip?: string;
+      orientation?: "horizontal" | "vertical" | "responsive";
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+    }>;
+    readonly DateField: react274.FC<Pick<{
+      label: string;
+      name: string;
+      camelCaseName: string;
+      id: string;
+      type: "date-field";
+      showErrorMessage?: boolean | undefined;
+      rules?: {
+        required?: boolean | undefined;
+        minDate?: Date | undefined;
+        maxDate?: Date | undefined;
+      } | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
+      helperText?: string | undefined;
+      defaultValue?: string | undefined;
+      description?: string | undefined;
+      placeholder?: string | undefined;
+    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage"> & {
+      required?: boolean;
+      minDate?: Date;
+      maxDate?: Date;
+    }>;
+    readonly SwitchField: react274.FC<{
+      description?: string | undefined;
+      label: string;
+      helperText?: string | undefined;
+    }>;
+    readonly RadioGroupField: react274.FC<{
+      description?: string | undefined;
+      label: string;
+      tooltip?: string | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      options: {
+        label: string;
+        value: string;
+        description?: string | undefined;
+      }[];
+      helperText?: string | undefined;
+    }>;
+    readonly CheckboxField: react274.FC<{
+      description?: string | undefined;
+      label: string;
+      tooltip?: string | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      options: {
+        label: string;
+        value: string;
+      }[];
+      helperText?: string | undefined;
+    }>;
+    readonly FieldGroup: react274.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
+    readonly Field: react274.MemoExoticComponent<({
+      className,
+      orientation,
+      ...props
+    }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+      orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+    } & class_variance_authority_types23.ClassProp) | undefined) => string>) => react_jsx_runtime333.JSX.Element>;
+    readonly FieldContent: react274.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
+    readonly FieldLabel: react274.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime333.JSX.Element>;
+    readonly FieldContentMain: react274.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
+    readonly FieldSeparator: react274.MemoExoticComponent<({
+      children,
+      className,
+      ...props
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime333.JSX.Element>;
+    readonly FieldError: react274.MemoExoticComponent<({
+      className,
+      children,
+      errors,
+      ...props
+    }: react274.ClassAttributes<HTMLDivElement> & react274.HTMLAttributes<HTMLDivElement> & {
+      errors?: Array<{
+        code?: string;
+        message?: string;
+      } | undefined>;
+    }) => react_jsx_runtime333.JSX.Element | null>;
+  }, {
+    readonly TanStackDialogForm: react274.FC<react274.PropsWithChildren<{
+      title: string;
+      submitText?: string;
+      open?: boolean;
+      onOpenChange?: (open: boolean) => void;
+    }>>;
+    readonly TanStackPopoverForm: react274.FC<react274.PropsWithChildren<{
+      title: string;
+      open?: boolean;
+      contentClassName?: string;
+      onOpenChange?: (open: boolean) => void;
+    }>>;
+    readonly TanStackContainerForm: react274.FC<{
+      children?: react274.ReactNode | undefined;
+    }>;
+    readonly TanStackSectionForm: react274.FC<react274.PropsWithChildren<{
+      title: string;
+    }>>;
+    readonly TanStackCardForm: react274.FC<react274.PropsWithChildren<{
+      title: string;
+      description?: string;
+      onDelete?: () => void | Promise<void>;
+    }>>;
+    readonly TanStackFieldGroup: react274.FC<react274.PropsWithChildren<{
+      label: string;
+      description?: string;
+      helperText?: string;
+      orientation?: "horizontal" | "vertical" | "responsive";
+    }>>;
+    readonly TanStackTitleField: react274.FC<{
+      title: string;
+      description?: string;
+      helperText?: string;
+    }>;
+    readonly TanStackActionsForm: react274.FC<react274.PropsWithChildren<{
+      type?: "create" | "update";
+    }>>;
+    readonly TanStackActionSubmit: react274.FC<{
+      label?: string;
+      className?: string;
+    }>;
+  }>, 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: react274.FC<Pick<{
+      label: string;
+      name: string;
+      camelCaseName: string;
+      id: string;
+      type: "text-field";
+      dataType?: "text" | "url" | "email" | "password" | undefined;
+      rules?: {
+        required?: boolean | undefined;
+        maxLength?: number | undefined;
+        minLength?: number | undefined;
+        exactLength?: number | undefined;
+      } | undefined;
+      visibilityConditions?: {
+        when: string;
+        is: any;
+        show?: boolean | undefined;
+      } | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
+      helperText?: string | undefined;
+      showErrorMessage?: boolean | undefined;
+      counter?: boolean | undefined;
+      showClearButton?: boolean | undefined;
+      description?: string | undefined;
+      placeholder?: string | undefined;
+    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+      required?: boolean;
+      maxLength?: number;
+    }>;
+    readonly TextareaField: react274.FC<Pick<{
+      label: string;
+      name: string;
+      camelCaseName: string;
+      id: string;
+      type: "textarea-field";
+      rules?: {
+        required?: boolean | undefined;
+        maxLength?: number | undefined;
+        minLength?: number | undefined;
+        exactLength?: number | undefined;
+      } | undefined;
+      visibilityConditions?: {
+        when: string;
+        is: any;
+        show?: boolean | undefined;
+      } | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
+      helperText?: string | undefined;
+      showErrorMessage?: boolean | undefined;
+      counter?: boolean | undefined;
+      description?: string | undefined;
+      placeholder?: string | undefined;
+    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "counter" | "helperText" | "showErrorMessage"> & {
+      required?: boolean;
+      maxLength?: number;
+    }>;
+    readonly NumberField: react274.FC<Pick<{
+      label: string;
+      name: string;
+      camelCaseName: string;
+      id: string;
+      type: "number-field";
+      rules?: {
+        required?: boolean | undefined;
+        min?: {
+          value: number;
+          inclusive?: boolean | undefined;
+        } | undefined;
+        max?: {
+          value: number;
+          inclusive?: boolean | undefined;
+        } | undefined;
+        integerOnly?: boolean | undefined;
+        positiveOnly?: boolean | undefined;
+        exactDigits?: number | undefined;
+      } | undefined;
+      visibilityConditions?: {
+        when: string;
+        is: any;
+        show?: boolean | undefined;
+      } | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
+      helperText?: string | undefined;
+      showErrorMessage?: boolean | undefined;
+      defaultValue?: number | undefined;
+      rounding?: "up" | "down" | "none" | "nearest" | undefined;
+      decimalPlaces?: number | undefined;
+      percision?: number | undefined;
+      unit?: string | undefined;
+      description?: string | undefined;
+      placeholder?: string | undefined;
+    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+      required?: boolean;
+      allowNegative?: boolean;
+    }>;
+    readonly EmailField: react274.FC<Pick<{
+      rules: {
+        maxLength?: number | undefined;
+        minLength?: number | undefined;
+      };
+      label: string;
+      name: string;
+      camelCaseName: string;
+      id: string;
+      type: "email-field";
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
+      helperText?: string | undefined;
+      showErrorMessage?: boolean | undefined;
+      description?: string | undefined;
+      placeholder?: string | undefined;
+    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage"> & {
+      required?: boolean;
+      maxLength?: number;
+    }>;
+    readonly PasswordField: react274.FC<{
+      description?: string | undefined;
+      label: string;
+      placeholder?: string | undefined;
+      tooltip?: string | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      helperText?: string | undefined;
+      showErrorMessage?: boolean | undefined;
+    }>;
+    readonly SelectField: react274.FC<Pick<{
+      options: {
+        label: string;
+        value: string;
+      }[];
+      label: string;
+      name: string;
+      camelCaseName: string;
+      id: string;
+      type: "select-field";
+      clearable?: boolean | undefined;
+      rules?: {
+        required?: boolean | undefined;
+      } | undefined;
+      visibilityConditions?: {
+        when: string;
+        is: any;
+        show?: boolean | undefined;
+      } | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
+      helperText?: string | undefined;
+      defaultValue?: string | undefined;
+      description?: string | undefined;
+      placeholder?: string | undefined;
+    }, "description" | "label" | "defaultValue" | "placeholder" | "tooltip" | "orientation" | "options" | "helperText" | "clearable"> & {
+      required?: boolean;
+    }>;
+    readonly ComboboxField: react274.FC<{
+      label: string;
+      description?: string;
+      placeholder?: string;
+      tooltip?: string;
+      orientation?: "horizontal" | "vertical" | "responsive";
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+    }>;
+    readonly DateField: react274.FC<Pick<{
+      label: string;
+      name: string;
+      camelCaseName: string;
+      id: string;
+      type: "date-field";
+      showErrorMessage?: boolean | undefined;
+      rules?: {
+        required?: boolean | undefined;
+        minDate?: Date | undefined;
+        maxDate?: Date | undefined;
+      } | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
+      helperText?: string | undefined;
+      defaultValue?: string | undefined;
+      description?: string | undefined;
+      placeholder?: string | undefined;
+    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage"> & {
+      required?: boolean;
+      minDate?: Date;
+      maxDate?: Date;
+    }>;
+    readonly SwitchField: react274.FC<{
+      description?: string | undefined;
+      label: string;
+      helperText?: string | undefined;
+    }>;
+    readonly RadioGroupField: react274.FC<{
+      description?: string | undefined;
+      label: string;
+      tooltip?: string | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      options: {
+        label: string;
+        value: string;
+        description?: string | undefined;
+      }[];
+      helperText?: string | undefined;
+    }>;
+    readonly CheckboxField: react274.FC<{
+      description?: string | undefined;
+      label: string;
+      tooltip?: string | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      options: {
+        label: string;
+        value: string;
+      }[];
+      helperText?: string | undefined;
+    }>;
+    readonly FieldGroup: react274.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
+    readonly Field: react274.MemoExoticComponent<({
+      className,
+      orientation,
+      ...props
+    }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+      orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+    } & class_variance_authority_types23.ClassProp) | undefined) => string>) => react_jsx_runtime333.JSX.Element>;
+    readonly FieldContent: react274.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
+    readonly FieldLabel: react274.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime333.JSX.Element>;
+    readonly FieldContentMain: react274.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
+    readonly FieldSeparator: react274.MemoExoticComponent<({
+      children,
+      className,
+      ...props
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime333.JSX.Element>;
+    readonly FieldError: react274.MemoExoticComponent<({
+      className,
+      children,
+      errors,
+      ...props
+    }: react274.ClassAttributes<HTMLDivElement> & react274.HTMLAttributes<HTMLDivElement> & {
+      errors?: Array<{
+        code?: string;
+        message?: string;
+      } | undefined>;
+    }) => react_jsx_runtime333.JSX.Element | null>;
+  }, {
+    readonly TanStackDialogForm: react274.FC<react274.PropsWithChildren<{
+      title: string;
+      submitText?: string;
+      open?: boolean;
+      onOpenChange?: (open: boolean) => void;
+    }>>;
+    readonly TanStackPopoverForm: react274.FC<react274.PropsWithChildren<{
+      title: string;
+      open?: boolean;
+      contentClassName?: string;
+      onOpenChange?: (open: boolean) => void;
+    }>>;
+    readonly TanStackContainerForm: react274.FC<{
+      children?: react274.ReactNode | undefined;
+    }>;
+    readonly TanStackSectionForm: react274.FC<react274.PropsWithChildren<{
+      title: string;
+    }>>;
+    readonly TanStackCardForm: react274.FC<react274.PropsWithChildren<{
+      title: string;
+      description?: string;
+      onDelete?: () => void | Promise<void>;
+    }>>;
+    readonly TanStackFieldGroup: react274.FC<react274.PropsWithChildren<{
+      label: string;
+      description?: string;
+      helperText?: string;
+      orientation?: "horizontal" | "vertical" | "responsive";
+    }>>;
+    readonly TanStackTitleField: react274.FC<{
+      title: string;
+      description?: string;
+      helperText?: string;
+    }>;
+    readonly TanStackActionsForm: react274.FC<react274.PropsWithChildren<{
+      type?: "create" | "update";
+    }>>;
+    readonly TanStackActionSubmit: react274.FC<{
+      label?: string;
+      className?: string;
+    }>;
+  }, TRenderProps>) => react274.FunctionComponent<react274.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: react274.FC<Pick<{
+        label: string;
+        name: string;
+        camelCaseName: string;
+        id: string;
+        type: "text-field";
+        dataType?: "text" | "url" | "email" | "password" | undefined;
+        rules?: {
+          required?: boolean | undefined;
+          maxLength?: number | undefined;
+          minLength?: number | undefined;
+          exactLength?: number | undefined;
+        } | undefined;
+        visibilityConditions?: {
+          when: string;
+          is: any;
+          show?: boolean | undefined;
+        } | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
+        helperText?: string | undefined;
+        showErrorMessage?: boolean | undefined;
+        counter?: boolean | undefined;
+        showClearButton?: boolean | undefined;
+        description?: string | undefined;
+        placeholder?: string | undefined;
+      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+        required?: boolean;
+        maxLength?: number;
+      }>;
+      readonly TextareaField: react274.FC<Pick<{
+        label: string;
+        name: string;
+        camelCaseName: string;
+        id: string;
+        type: "textarea-field";
+        rules?: {
+          required?: boolean | undefined;
+          maxLength?: number | undefined;
+          minLength?: number | undefined;
+          exactLength?: number | undefined;
+        } | undefined;
+        visibilityConditions?: {
+          when: string;
+          is: any;
+          show?: boolean | undefined;
+        } | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
+        helperText?: string | undefined;
+        showErrorMessage?: boolean | undefined;
+        counter?: boolean | undefined;
+        description?: string | undefined;
+        placeholder?: string | undefined;
+      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "counter" | "helperText" | "showErrorMessage"> & {
+        required?: boolean;
+        maxLength?: number;
+      }>;
+      readonly NumberField: react274.FC<Pick<{
+        label: string;
+        name: string;
+        camelCaseName: string;
+        id: string;
+        type: "number-field";
+        rules?: {
+          required?: boolean | undefined;
+          min?: {
+            value: number;
+            inclusive?: boolean | undefined;
+          } | undefined;
+          max?: {
+            value: number;
+            inclusive?: boolean | undefined;
+          } | undefined;
+          integerOnly?: boolean | undefined;
+          positiveOnly?: boolean | undefined;
+          exactDigits?: number | undefined;
+        } | undefined;
+        visibilityConditions?: {
+          when: string;
+          is: any;
+          show?: boolean | undefined;
+        } | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
+        helperText?: string | undefined;
+        showErrorMessage?: boolean | undefined;
+        defaultValue?: number | undefined;
+        rounding?: "up" | "down" | "none" | "nearest" | undefined;
+        decimalPlaces?: number | undefined;
+        percision?: number | undefined;
+        unit?: string | undefined;
+        description?: string | undefined;
+        placeholder?: string | undefined;
+      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+        required?: boolean;
+        allowNegative?: boolean;
+      }>;
+      readonly EmailField: react274.FC<Pick<{
+        rules: {
+          maxLength?: number | undefined;
+          minLength?: number | undefined;
+        };
+        label: string;
+        name: string;
+        camelCaseName: string;
+        id: string;
+        type: "email-field";
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
+        helperText?: string | undefined;
+        showErrorMessage?: boolean | undefined;
+        description?: string | undefined;
+        placeholder?: string | undefined;
+      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage"> & {
+        required?: boolean;
+        maxLength?: number;
+      }>;
+      readonly PasswordField: react274.FC<{
+        description?: string | undefined;
+        label: string;
+        placeholder?: string | undefined;
+        tooltip?: string | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        helperText?: string | undefined;
+        showErrorMessage?: boolean | undefined;
+      }>;
+      readonly SelectField: react274.FC<Pick<{
+        options: {
+          label: string;
+          value: string;
+        }[];
+        label: string;
+        name: string;
+        camelCaseName: string;
+        id: string;
+        type: "select-field";
+        clearable?: boolean | undefined;
+        rules?: {
+          required?: boolean | undefined;
+        } | undefined;
+        visibilityConditions?: {
+          when: string;
+          is: any;
+          show?: boolean | undefined;
+        } | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
+        helperText?: string | undefined;
+        defaultValue?: string | undefined;
+        description?: string | undefined;
+        placeholder?: string | undefined;
+      }, "description" | "label" | "defaultValue" | "placeholder" | "tooltip" | "orientation" | "options" | "helperText" | "clearable"> & {
+        required?: boolean;
+      }>;
+      readonly ComboboxField: react274.FC<{
+        label: string;
+        description?: string;
+        placeholder?: string;
+        tooltip?: string;
+        orientation?: "horizontal" | "vertical" | "responsive";
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+      }>;
+      readonly DateField: react274.FC<Pick<{
+        label: string;
+        name: string;
+        camelCaseName: string;
+        id: string;
+        type: "date-field";
+        showErrorMessage?: boolean | undefined;
+        rules?: {
+          required?: boolean | undefined;
+          minDate?: Date | undefined;
+          maxDate?: Date | undefined;
+        } | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
+        helperText?: string | undefined;
+        defaultValue?: string | undefined;
+        description?: string | undefined;
+        placeholder?: string | undefined;
+      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage"> & {
+        required?: boolean;
+        minDate?: Date;
+        maxDate?: Date;
+      }>;
+      readonly SwitchField: react274.FC<{
+        description?: string | undefined;
+        label: string;
+        helperText?: string | undefined;
+      }>;
+      readonly RadioGroupField: react274.FC<{
+        description?: string | undefined;
+        label: string;
+        tooltip?: string | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        options: {
+          label: string;
+          value: string;
+          description?: string | undefined;
+        }[];
+        helperText?: string | undefined;
+      }>;
+      readonly CheckboxField: react274.FC<{
+        description?: string | undefined;
+        label: string;
+        tooltip?: string | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        options: {
+          label: string;
+          value: string;
+        }[];
+        helperText?: string | undefined;
+      }>;
+      readonly FieldGroup: react274.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
+      readonly Field: react274.MemoExoticComponent<({
+        className,
+        orientation,
+        ...props
+      }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+      } & class_variance_authority_types23.ClassProp) | undefined) => string>) => react_jsx_runtime333.JSX.Element>;
+      readonly FieldContent: react274.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
+      readonly FieldLabel: react274.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime333.JSX.Element>;
+      readonly FieldContentMain: react274.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
+      readonly FieldSeparator: react274.MemoExoticComponent<({
+        children,
+        className,
+        ...props
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime333.JSX.Element>;
+      readonly FieldError: react274.MemoExoticComponent<({
+        className,
+        children,
+        errors,
+        ...props
+      }: react274.ClassAttributes<HTMLDivElement> & react274.HTMLAttributes<HTMLDivElement> & {
+        errors?: Array<{
+          code?: string;
+          message?: string;
+        } | undefined>;
+      }) => react_jsx_runtime333.JSX.Element | null>;
+    }, {
+      readonly TanStackDialogForm: react274.FC<react274.PropsWithChildren<{
+        title: string;
+        submitText?: string;
+        open?: boolean;
+        onOpenChange?: (open: boolean) => void;
+      }>>;
+      readonly TanStackPopoverForm: react274.FC<react274.PropsWithChildren<{
+        title: string;
+        open?: boolean;
+        contentClassName?: string;
+        onOpenChange?: (open: boolean) => void;
+      }>>;
+      readonly TanStackContainerForm: react274.FC<{
+        children?: react274.ReactNode | undefined;
+      }>;
+      readonly TanStackSectionForm: react274.FC<react274.PropsWithChildren<{
+        title: string;
+      }>>;
+      readonly TanStackCardForm: react274.FC<react274.PropsWithChildren<{
+        title: string;
+        description?: string;
+        onDelete?: () => void | Promise<void>;
+      }>>;
+      readonly TanStackFieldGroup: react274.FC<react274.PropsWithChildren<{
+        label: string;
+        description?: string;
+        helperText?: string;
+        orientation?: "horizontal" | "vertical" | "responsive";
+      }>>;
+      readonly TanStackTitleField: react274.FC<{
+        title: string;
+        description?: string;
+        helperText?: string;
+      }>;
+      readonly TanStackActionsForm: react274.FC<react274.PropsWithChildren<{
+        type?: "create" | "update";
+      }>>;
+      readonly TanStackActionSubmit: react274.FC<{
+        label?: string;
+        className?: string;
+      }>;
+    }>;
+  }>>, withTanStackFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps extends object = {}>({
+    render,
+    props,
+    defaultValues
+  }: _tanstack_react_form0.WithFieldGroupProps<TFieldGroupData, {
+    readonly TextField: react274.FC<Pick<{
+      label: string;
+      name: string;
+      camelCaseName: string;
+      id: string;
+      type: "text-field";
+      dataType?: "text" | "url" | "email" | "password" | undefined;
+      rules?: {
+        required?: boolean | undefined;
+        maxLength?: number | undefined;
+        minLength?: number | undefined;
+        exactLength?: number | undefined;
+      } | undefined;
+      visibilityConditions?: {
+        when: string;
+        is: any;
+        show?: boolean | undefined;
+      } | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
+      helperText?: string | undefined;
+      showErrorMessage?: boolean | undefined;
+      counter?: boolean | undefined;
+      showClearButton?: boolean | undefined;
+      description?: string | undefined;
+      placeholder?: string | undefined;
+    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+      required?: boolean;
+      maxLength?: number;
+    }>;
+    readonly TextareaField: react274.FC<Pick<{
+      label: string;
+      name: string;
+      camelCaseName: string;
+      id: string;
+      type: "textarea-field";
+      rules?: {
+        required?: boolean | undefined;
+        maxLength?: number | undefined;
+        minLength?: number | undefined;
+        exactLength?: number | undefined;
+      } | undefined;
+      visibilityConditions?: {
+        when: string;
+        is: any;
+        show?: boolean | undefined;
+      } | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
+      helperText?: string | undefined;
+      showErrorMessage?: boolean | undefined;
+      counter?: boolean | undefined;
+      description?: string | undefined;
+      placeholder?: string | undefined;
+    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "counter" | "helperText" | "showErrorMessage"> & {
+      required?: boolean;
+      maxLength?: number;
+    }>;
+    readonly NumberField: react274.FC<Pick<{
+      label: string;
+      name: string;
+      camelCaseName: string;
+      id: string;
+      type: "number-field";
+      rules?: {
+        required?: boolean | undefined;
+        min?: {
+          value: number;
+          inclusive?: boolean | undefined;
+        } | undefined;
+        max?: {
+          value: number;
+          inclusive?: boolean | undefined;
+        } | undefined;
+        integerOnly?: boolean | undefined;
+        positiveOnly?: boolean | undefined;
+        exactDigits?: number | undefined;
+      } | undefined;
+      visibilityConditions?: {
+        when: string;
+        is: any;
+        show?: boolean | undefined;
+      } | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
+      helperText?: string | undefined;
+      showErrorMessage?: boolean | undefined;
+      defaultValue?: number | undefined;
+      rounding?: "up" | "down" | "none" | "nearest" | undefined;
+      decimalPlaces?: number | undefined;
+      percision?: number | undefined;
+      unit?: string | undefined;
+      description?: string | undefined;
+      placeholder?: string | undefined;
+    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+      required?: boolean;
+      allowNegative?: boolean;
+    }>;
+    readonly EmailField: react274.FC<Pick<{
+      rules: {
+        maxLength?: number | undefined;
+        minLength?: number | undefined;
+      };
+      label: string;
+      name: string;
+      camelCaseName: string;
+      id: string;
+      type: "email-field";
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
+      helperText?: string | undefined;
+      showErrorMessage?: boolean | undefined;
+      description?: string | undefined;
+      placeholder?: string | undefined;
+    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage"> & {
+      required?: boolean;
+      maxLength?: number;
+    }>;
+    readonly PasswordField: react274.FC<{
+      description?: string | undefined;
+      label: string;
+      placeholder?: string | undefined;
+      tooltip?: string | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      helperText?: string | undefined;
+      showErrorMessage?: boolean | undefined;
+    }>;
+    readonly SelectField: react274.FC<Pick<{
+      options: {
+        label: string;
+        value: string;
+      }[];
+      label: string;
+      name: string;
+      camelCaseName: string;
+      id: string;
+      type: "select-field";
+      clearable?: boolean | undefined;
+      rules?: {
+        required?: boolean | undefined;
+      } | undefined;
+      visibilityConditions?: {
+        when: string;
+        is: any;
+        show?: boolean | undefined;
+      } | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
+      helperText?: string | undefined;
+      defaultValue?: string | undefined;
+      description?: string | undefined;
+      placeholder?: string | undefined;
+    }, "description" | "label" | "defaultValue" | "placeholder" | "tooltip" | "orientation" | "options" | "helperText" | "clearable"> & {
+      required?: boolean;
+    }>;
+    readonly ComboboxField: react274.FC<{
+      label: string;
+      description?: string;
+      placeholder?: string;
+      tooltip?: string;
+      orientation?: "horizontal" | "vertical" | "responsive";
+      options: Array<{
+        value: string;
+        label: string;
+      }>;
+    }>;
+    readonly DateField: react274.FC<Pick<{
+      label: string;
+      name: string;
+      camelCaseName: string;
+      id: string;
+      type: "date-field";
+      showErrorMessage?: boolean | undefined;
+      rules?: {
+        required?: boolean | undefined;
+        minDate?: Date | undefined;
+        maxDate?: Date | undefined;
+      } | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
+      helperText?: string | undefined;
+      defaultValue?: string | undefined;
+      description?: string | undefined;
+      placeholder?: string | undefined;
+    }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage"> & {
+      required?: boolean;
+      minDate?: Date;
+      maxDate?: Date;
+    }>;
+    readonly SwitchField: react274.FC<{
+      description?: string | undefined;
+      label: string;
+      helperText?: string | undefined;
+    }>;
+    readonly RadioGroupField: react274.FC<{
+      description?: string | undefined;
+      label: string;
+      tooltip?: string | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      options: {
+        label: string;
+        value: string;
+        description?: string | undefined;
+      }[];
+      helperText?: string | undefined;
+    }>;
+    readonly CheckboxField: react274.FC<{
+      description?: string | undefined;
+      label: string;
+      tooltip?: string | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      options: {
+        label: string;
+        value: string;
+      }[];
+      helperText?: string | undefined;
+    }>;
+    readonly FieldGroup: react274.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
+    readonly Field: react274.MemoExoticComponent<({
+      className,
+      orientation,
+      ...props
+    }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+      orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+    } & class_variance_authority_types23.ClassProp) | undefined) => string>) => react_jsx_runtime333.JSX.Element>;
+    readonly FieldContent: react274.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
+    readonly FieldLabel: react274.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime333.JSX.Element>;
+    readonly FieldContentMain: react274.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
+    readonly FieldSeparator: react274.MemoExoticComponent<({
+      children,
+      className,
+      ...props
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime333.JSX.Element>;
+    readonly FieldError: react274.MemoExoticComponent<({
+      className,
+      children,
+      errors,
+      ...props
+    }: react274.ClassAttributes<HTMLDivElement> & react274.HTMLAttributes<HTMLDivElement> & {
+      errors?: Array<{
+        code?: string;
+        message?: string;
+      } | undefined>;
+    }) => react_jsx_runtime333.JSX.Element | null>;
+  }, {
+    readonly TanStackDialogForm: react274.FC<react274.PropsWithChildren<{
+      title: string;
+      submitText?: string;
+      open?: boolean;
+      onOpenChange?: (open: boolean) => void;
+    }>>;
+    readonly TanStackPopoverForm: react274.FC<react274.PropsWithChildren<{
+      title: string;
+      open?: boolean;
+      contentClassName?: string;
+      onOpenChange?: (open: boolean) => void;
+    }>>;
+    readonly TanStackContainerForm: react274.FC<{
+      children?: react274.ReactNode | undefined;
+    }>;
+    readonly TanStackSectionForm: react274.FC<react274.PropsWithChildren<{
+      title: string;
+    }>>;
+    readonly TanStackCardForm: react274.FC<react274.PropsWithChildren<{
+      title: string;
+      description?: string;
+      onDelete?: () => void | Promise<void>;
+    }>>;
+    readonly TanStackFieldGroup: react274.FC<react274.PropsWithChildren<{
+      label: string;
+      description?: string;
+      helperText?: string;
+      orientation?: "horizontal" | "vertical" | "responsive";
+    }>>;
+    readonly TanStackTitleField: react274.FC<{
+      title: string;
+      description?: string;
+      helperText?: string;
+    }>;
+    readonly TanStackActionsForm: react274.FC<react274.PropsWithChildren<{
+      type?: "create" | "update";
+    }>>;
+    readonly TanStackActionSubmit: react274.FC<{
+      label?: string;
+      className?: string;
+    }>;
+  }, 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: react274.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: react274.FC<Pick<{
+        label: string;
+        name: string;
+        camelCaseName: string;
+        id: string;
+        type: "text-field";
+        dataType?: "text" | "url" | "email" | "password" | undefined;
+        rules?: {
+          required?: boolean | undefined;
+          maxLength?: number | undefined;
+          minLength?: number | undefined;
+          exactLength?: number | undefined;
+        } | undefined;
+        visibilityConditions?: {
+          when: string;
+          is: any;
+          show?: boolean | undefined;
+        } | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
+        helperText?: string | undefined;
+        showErrorMessage?: boolean | undefined;
+        counter?: boolean | undefined;
+        showClearButton?: boolean | undefined;
+        description?: string | undefined;
+        placeholder?: string | undefined;
+      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+        required?: boolean;
+        maxLength?: number;
+      }>;
+      readonly TextareaField: react274.FC<Pick<{
+        label: string;
+        name: string;
+        camelCaseName: string;
+        id: string;
+        type: "textarea-field";
+        rules?: {
+          required?: boolean | undefined;
+          maxLength?: number | undefined;
+          minLength?: number | undefined;
+          exactLength?: number | undefined;
+        } | undefined;
+        visibilityConditions?: {
+          when: string;
+          is: any;
+          show?: boolean | undefined;
+        } | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
+        helperText?: string | undefined;
+        showErrorMessage?: boolean | undefined;
+        counter?: boolean | undefined;
+        description?: string | undefined;
+        placeholder?: string | undefined;
+      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "counter" | "helperText" | "showErrorMessage"> & {
+        required?: boolean;
+        maxLength?: number;
+      }>;
+      readonly NumberField: react274.FC<Pick<{
+        label: string;
+        name: string;
+        camelCaseName: string;
+        id: string;
+        type: "number-field";
+        rules?: {
+          required?: boolean | undefined;
+          min?: {
+            value: number;
+            inclusive?: boolean | undefined;
+          } | undefined;
+          max?: {
+            value: number;
+            inclusive?: boolean | undefined;
+          } | undefined;
+          integerOnly?: boolean | undefined;
+          positiveOnly?: boolean | undefined;
+          exactDigits?: number | undefined;
+        } | undefined;
+        visibilityConditions?: {
+          when: string;
+          is: any;
+          show?: boolean | undefined;
+        } | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
+        helperText?: string | undefined;
+        showErrorMessage?: boolean | undefined;
+        defaultValue?: number | undefined;
+        rounding?: "up" | "down" | "none" | "nearest" | undefined;
+        decimalPlaces?: number | undefined;
+        percision?: number | undefined;
+        unit?: string | undefined;
+        description?: string | undefined;
+        placeholder?: string | undefined;
+      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+        required?: boolean;
+        allowNegative?: boolean;
+      }>;
+      readonly EmailField: react274.FC<Pick<{
+        rules: {
+          maxLength?: number | undefined;
+          minLength?: number | undefined;
+        };
+        label: string;
+        name: string;
+        camelCaseName: string;
+        id: string;
+        type: "email-field";
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
+        helperText?: string | undefined;
+        showErrorMessage?: boolean | undefined;
+        description?: string | undefined;
+        placeholder?: string | undefined;
+      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage"> & {
+        required?: boolean;
+        maxLength?: number;
+      }>;
+      readonly PasswordField: react274.FC<{
+        description?: string | undefined;
+        label: string;
+        placeholder?: string | undefined;
+        tooltip?: string | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        helperText?: string | undefined;
+        showErrorMessage?: boolean | undefined;
+      }>;
+      readonly SelectField: react274.FC<Pick<{
+        options: {
+          label: string;
+          value: string;
+        }[];
+        label: string;
+        name: string;
+        camelCaseName: string;
+        id: string;
+        type: "select-field";
+        clearable?: boolean | undefined;
+        rules?: {
+          required?: boolean | undefined;
+        } | undefined;
+        visibilityConditions?: {
+          when: string;
+          is: any;
+          show?: boolean | undefined;
+        } | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
+        helperText?: string | undefined;
+        defaultValue?: string | undefined;
+        description?: string | undefined;
+        placeholder?: string | undefined;
+      }, "description" | "label" | "defaultValue" | "placeholder" | "tooltip" | "orientation" | "options" | "helperText" | "clearable"> & {
+        required?: boolean;
+      }>;
+      readonly ComboboxField: react274.FC<{
+        label: string;
+        description?: string;
+        placeholder?: string;
+        tooltip?: string;
+        orientation?: "horizontal" | "vertical" | "responsive";
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+      }>;
+      readonly DateField: react274.FC<Pick<{
+        label: string;
+        name: string;
+        camelCaseName: string;
+        id: string;
+        type: "date-field";
+        showErrorMessage?: boolean | undefined;
+        rules?: {
+          required?: boolean | undefined;
+          minDate?: Date | undefined;
+          maxDate?: Date | undefined;
+        } | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
+        helperText?: string | undefined;
+        defaultValue?: string | undefined;
+        description?: string | undefined;
+        placeholder?: string | undefined;
+      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage"> & {
+        required?: boolean;
+        minDate?: Date;
+        maxDate?: Date;
+      }>;
+      readonly SwitchField: react274.FC<{
+        description?: string | undefined;
+        label: string;
+        helperText?: string | undefined;
+      }>;
+      readonly RadioGroupField: react274.FC<{
+        description?: string | undefined;
+        label: string;
+        tooltip?: string | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        options: {
+          label: string;
+          value: string;
+          description?: string | undefined;
+        }[];
+        helperText?: string | undefined;
+      }>;
+      readonly CheckboxField: react274.FC<{
+        description?: string | undefined;
+        label: string;
+        tooltip?: string | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        options: {
+          label: string;
+          value: string;
+        }[];
+        helperText?: string | undefined;
+      }>;
+      readonly FieldGroup: react274.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
+      readonly Field: react274.MemoExoticComponent<({
+        className,
+        orientation,
+        ...props
+      }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+      } & class_variance_authority_types23.ClassProp) | undefined) => string>) => react_jsx_runtime333.JSX.Element>;
+      readonly FieldContent: react274.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
+      readonly FieldLabel: react274.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime333.JSX.Element>;
+      readonly FieldContentMain: react274.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
+      readonly FieldSeparator: react274.MemoExoticComponent<({
+        children,
+        className,
+        ...props
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime333.JSX.Element>;
+      readonly FieldError: react274.MemoExoticComponent<({
+        className,
+        children,
+        errors,
+        ...props
+      }: react274.ClassAttributes<HTMLDivElement> & react274.HTMLAttributes<HTMLDivElement> & {
+        errors?: Array<{
+          code?: string;
+          message?: string;
+        } | undefined>;
+      }) => react_jsx_runtime333.JSX.Element | null>;
+    }, {
+      readonly TanStackDialogForm: react274.FC<react274.PropsWithChildren<{
+        title: string;
+        submitText?: string;
+        open?: boolean;
+        onOpenChange?: (open: boolean) => void;
+      }>>;
+      readonly TanStackPopoverForm: react274.FC<react274.PropsWithChildren<{
+        title: string;
+        open?: boolean;
+        contentClassName?: string;
+        onOpenChange?: (open: boolean) => void;
+      }>>;
+      readonly TanStackContainerForm: react274.FC<{
+        children?: react274.ReactNode | undefined;
+      }>;
+      readonly TanStackSectionForm: react274.FC<react274.PropsWithChildren<{
+        title: string;
+      }>>;
+      readonly TanStackCardForm: react274.FC<react274.PropsWithChildren<{
+        title: string;
+        description?: string;
+        onDelete?: () => void | Promise<void>;
+      }>>;
+      readonly TanStackFieldGroup: react274.FC<react274.PropsWithChildren<{
+        label: string;
+        description?: string;
+        helperText?: string;
+        orientation?: "horizontal" | "vertical" | "responsive";
+      }>>;
+      readonly TanStackTitleField: react274.FC<{
+        title: string;
+        description?: string;
+        helperText?: string;
+      }>;
+      readonly TanStackActionsForm: react274.FC<react274.PropsWithChildren<{
+        type?: "create" | "update";
+      }>>;
+      readonly TanStackActionSubmit: react274.FC<{
+        label?: string;
+        className?: string;
+      }>;
+    }> | _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: react274.FC<Pick<{
+        label: string;
+        name: string;
+        camelCaseName: string;
+        id: string;
+        type: "text-field";
+        dataType?: "text" | "url" | "email" | "password" | undefined;
+        rules?: {
+          required?: boolean | undefined;
+          maxLength?: number | undefined;
+          minLength?: number | undefined;
+          exactLength?: number | undefined;
+        } | undefined;
+        visibilityConditions?: {
+          when: string;
+          is: any;
+          show?: boolean | undefined;
+        } | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
+        helperText?: string | undefined;
+        showErrorMessage?: boolean | undefined;
+        counter?: boolean | undefined;
+        showClearButton?: boolean | undefined;
+        description?: string | undefined;
+        placeholder?: string | undefined;
+      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+        required?: boolean;
+        maxLength?: number;
+      }>;
+      readonly TextareaField: react274.FC<Pick<{
+        label: string;
+        name: string;
+        camelCaseName: string;
+        id: string;
+        type: "textarea-field";
+        rules?: {
+          required?: boolean | undefined;
+          maxLength?: number | undefined;
+          minLength?: number | undefined;
+          exactLength?: number | undefined;
+        } | undefined;
+        visibilityConditions?: {
+          when: string;
+          is: any;
+          show?: boolean | undefined;
+        } | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
+        helperText?: string | undefined;
+        showErrorMessage?: boolean | undefined;
+        counter?: boolean | undefined;
+        description?: string | undefined;
+        placeholder?: string | undefined;
+      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "counter" | "helperText" | "showErrorMessage"> & {
+        required?: boolean;
+        maxLength?: number;
+      }>;
+      readonly NumberField: react274.FC<Pick<{
+        label: string;
+        name: string;
+        camelCaseName: string;
+        id: string;
+        type: "number-field";
+        rules?: {
+          required?: boolean | undefined;
+          min?: {
+            value: number;
+            inclusive?: boolean | undefined;
+          } | undefined;
+          max?: {
+            value: number;
+            inclusive?: boolean | undefined;
+          } | undefined;
+          integerOnly?: boolean | undefined;
+          positiveOnly?: boolean | undefined;
+          exactDigits?: number | undefined;
+        } | undefined;
+        visibilityConditions?: {
+          when: string;
+          is: any;
+          show?: boolean | undefined;
+        } | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
+        helperText?: string | undefined;
+        showErrorMessage?: boolean | undefined;
+        defaultValue?: number | undefined;
+        rounding?: "up" | "down" | "none" | "nearest" | undefined;
+        decimalPlaces?: number | undefined;
+        percision?: number | undefined;
+        unit?: string | undefined;
+        description?: string | undefined;
+        placeholder?: string | undefined;
+      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+        required?: boolean;
+        allowNegative?: boolean;
+      }>;
+      readonly EmailField: react274.FC<Pick<{
+        rules: {
+          maxLength?: number | undefined;
+          minLength?: number | undefined;
+        };
+        label: string;
+        name: string;
+        camelCaseName: string;
+        id: string;
+        type: "email-field";
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
+        helperText?: string | undefined;
+        showErrorMessage?: boolean | undefined;
+        description?: string | undefined;
+        placeholder?: string | undefined;
+      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage"> & {
+        required?: boolean;
+        maxLength?: number;
+      }>;
+      readonly PasswordField: react274.FC<{
+        description?: string | undefined;
+        label: string;
+        placeholder?: string | undefined;
+        tooltip?: string | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        helperText?: string | undefined;
+        showErrorMessage?: boolean | undefined;
+      }>;
+      readonly SelectField: react274.FC<Pick<{
+        options: {
+          label: string;
+          value: string;
+        }[];
+        label: string;
+        name: string;
+        camelCaseName: string;
+        id: string;
+        type: "select-field";
+        clearable?: boolean | undefined;
+        rules?: {
+          required?: boolean | undefined;
+        } | undefined;
+        visibilityConditions?: {
+          when: string;
+          is: any;
+          show?: boolean | undefined;
+        } | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
+        helperText?: string | undefined;
+        defaultValue?: string | undefined;
+        description?: string | undefined;
+        placeholder?: string | undefined;
+      }, "description" | "label" | "defaultValue" | "placeholder" | "tooltip" | "orientation" | "options" | "helperText" | "clearable"> & {
+        required?: boolean;
+      }>;
+      readonly ComboboxField: react274.FC<{
+        label: string;
+        description?: string;
+        placeholder?: string;
+        tooltip?: string;
+        orientation?: "horizontal" | "vertical" | "responsive";
+        options: Array<{
+          value: string;
+          label: string;
+        }>;
+      }>;
+      readonly DateField: react274.FC<Pick<{
+        label: string;
+        name: string;
+        camelCaseName: string;
+        id: string;
+        type: "date-field";
+        showErrorMessage?: boolean | undefined;
+        rules?: {
+          required?: boolean | undefined;
+          minDate?: Date | undefined;
+          maxDate?: Date | undefined;
+        } | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
+        helperText?: string | undefined;
+        defaultValue?: string | undefined;
+        description?: string | undefined;
+        placeholder?: string | undefined;
+      }, "description" | "label" | "placeholder" | "tooltip" | "orientation" | "helperText" | "showErrorMessage"> & {
+        required?: boolean;
+        minDate?: Date;
+        maxDate?: Date;
+      }>;
+      readonly SwitchField: react274.FC<{
+        description?: string | undefined;
+        label: string;
+        helperText?: string | undefined;
+      }>;
+      readonly RadioGroupField: react274.FC<{
+        description?: string | undefined;
+        label: string;
+        tooltip?: string | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        options: {
+          label: string;
+          value: string;
+          description?: string | undefined;
+        }[];
+        helperText?: string | undefined;
+      }>;
+      readonly CheckboxField: react274.FC<{
+        description?: string | undefined;
+        label: string;
+        tooltip?: string | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        options: {
+          label: string;
+          value: string;
+        }[];
+        helperText?: string | undefined;
+      }>;
+      readonly FieldGroup: react274.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
+      readonly Field: react274.MemoExoticComponent<({
+        className,
+        orientation,
+        ...props
+      }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+      } & class_variance_authority_types23.ClassProp) | undefined) => string>) => react_jsx_runtime333.JSX.Element>;
+      readonly FieldContent: react274.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
+      readonly FieldLabel: react274.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime333.JSX.Element>;
+      readonly FieldContentMain: react274.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
+      readonly FieldSeparator: react274.MemoExoticComponent<({
+        children,
+        className,
+        ...props
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime333.JSX.Element>;
+      readonly FieldError: react274.MemoExoticComponent<({
+        className,
+        children,
+        errors,
+        ...props
+      }: react274.ClassAttributes<HTMLDivElement> & react274.HTMLAttributes<HTMLDivElement> & {
+        errors?: Array<{
+          code?: string;
+          message?: string;
+        } | undefined>;
+      }) => react_jsx_runtime333.JSX.Element | null>;
+    }, {
+      readonly TanStackDialogForm: react274.FC<react274.PropsWithChildren<{
+        title: string;
+        submitText?: string;
+        open?: boolean;
+        onOpenChange?: (open: boolean) => void;
+      }>>;
+      readonly TanStackPopoverForm: react274.FC<react274.PropsWithChildren<{
+        title: string;
+        open?: boolean;
+        contentClassName?: string;
+        onOpenChange?: (open: boolean) => void;
+      }>>;
+      readonly TanStackContainerForm: react274.FC<{
+        children?: react274.ReactNode | undefined;
+      }>;
+      readonly TanStackSectionForm: react274.FC<react274.PropsWithChildren<{
+        title: string;
+      }>>;
+      readonly TanStackCardForm: react274.FC<react274.PropsWithChildren<{
+        title: string;
+        description?: string;
+        onDelete?: () => void | Promise<void>;
+      }>>;
+      readonly TanStackFieldGroup: react274.FC<react274.PropsWithChildren<{
+        label: string;
+        description?: string;
+        helperText?: string;
+        orientation?: "horizontal" | "vertical" | "responsive";
+      }>>;
+      readonly TanStackTitleField: react274.FC<{
+        title: string;
+        description?: string;
+        helperText?: string;
+      }>;
+      readonly TanStackActionsForm: react274.FC<react274.PropsWithChildren<{
+        type?: "create" | "update";
+      }>>;
+      readonly TanStackActionSubmit: react274.FC<{
+        label?: string;
+        className?: string;
+      }>;
+    }>;
+    fields: TFields;
+  }>) => ReturnType<react274.FunctionComponent>;
+//#endregion
+export { withTanStackForm as a, FieldContentMain as c, FieldLabel as d, FieldSeparator as f, withTanStackFieldGroup as i, FieldError as l, useTanStackForm as n, Field as o, useTanStackFormContext as r, FieldContent as s, useTanStackFieldContext as t, FieldGroup as u };
+//# sourceMappingURL=index-D4shnfqM.d.cts.map