@customafk/lunas-ui 0.2.4 → 0.2.6

package/dist/features/tanstack-form/index.d.mts

@@ -1,1786 +1,2 @@
-import * as class_variance_authority0 from "class-variance-authority";
-import { VariantProps } from "class-variance-authority";
-import * as react255 from "react";
-import * as react_jsx_runtime333 from "react/jsx-runtime";
-import { Label } from "radix-ui";
-import * as _tanstack_react_form0 from "@tanstack/react-form";
-import * as class_variance_authority_types21 from "class-variance-authority/types";
-import * as _tanstack_form_core0 from "@tanstack/form-core";
-
-//#region packages/components/features/tanstack-form/components/ui/label.d.ts
-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_types21.ClassProp) | undefined) => string;
-declare const FieldGroup: react255.MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-declare const Field: react255.MemoExoticComponent<({
-  className,
-  orientation,
-  ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react_jsx_runtime333.JSX.Element>;
-declare const FieldContent: react255.MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-declare const FieldContentMain: react255.MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-declare const FieldLabel: react255.MemoExoticComponent<({
-  className,
-  ...props
-}: React.ComponentProps<typeof Label$1>) => react_jsx_runtime333.JSX.Element>;
-declare const FieldSeparator: react255.MemoExoticComponent<({
-  children,
-  className,
-  ...props
-}: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime333.JSX.Element>;
-declare const FieldError: react255.MemoExoticComponent<({
-  className,
-  children,
-  errors,
-  ...props
-}: React.ComponentProps<"div"> & {
-  errors?: Array<{
-    code?: string;
-    message?: string;
-  } | undefined>;
-}) => 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>;
-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: react255.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" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
-      required?: boolean;
-      maxLength?: number;
-    }>;
-    readonly TextareaField: react255.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" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
-      required?: boolean;
-      maxLength?: number;
-    }>;
-    readonly NumberField: react255.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?: "none" | "up" | "down" | "nearest" | undefined;
-      decimalPlaces?: number | undefined;
-      percision?: number | undefined;
-      unit?: string | undefined;
-      description?: string | undefined;
-      placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
-      required?: boolean;
-      allowNegative?: boolean;
-    }>;
-    readonly EmailField: react255.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" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
-      maxLength?: number;
-    }>;
-    readonly PasswordField: react255.FC<{
-      description?: string | undefined;
-      label: string;
-      placeholder?: string | undefined;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
-      tooltip?: string | undefined;
-      helperText?: string | undefined;
-      showErrorMessage?: boolean | undefined;
-    }>;
-    readonly SelectField: react255.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" | "placeholder" | "defaultValue" | "orientation" | "options" | "tooltip" | "helperText" | "clearable"> & {
-      required?: boolean;
-    }>;
-    readonly DateField: react255.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" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
-      required?: boolean;
-      minDate?: Date;
-      maxDate?: Date;
-    }>;
-    readonly SwitchField: react255.FC<{
-      description?: string | undefined;
-      label: string;
-      helperText?: string | undefined;
-    }>;
-    readonly RadioGroupField: react255.FC<{
-      description?: string | undefined;
-      label: string;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
-      options: {
-        label: string;
-        value: string;
-        description?: string | undefined;
-      }[];
-      helperText?: string | undefined;
-    }>;
-    readonly CheckboxField: react255.FC<{
-      description?: string | undefined;
-      label: string;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
-      options: {
-        label: string;
-        value: string;
-      }[];
-      helperText?: string | undefined;
-    }>;
-    readonly FieldGroup: react255.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-    readonly Field: react255.MemoExoticComponent<({
-      className,
-      orientation,
-      ...props
-    }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-      orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-    } & class_variance_authority_types21.ClassProp) | undefined) => string>) => react_jsx_runtime333.JSX.Element>;
-    readonly FieldContent: react255.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-    readonly FieldLabel: react255.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime333.JSX.Element>;
-    readonly FieldContentMain: react255.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-    readonly FieldSeparator: react255.MemoExoticComponent<({
-      children,
-      className,
-      ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime333.JSX.Element>;
-    readonly FieldError: react255.MemoExoticComponent<({
-      className,
-      children,
-      errors,
-      ...props
-    }: React.ComponentProps<"div"> & {
-      errors?: Array<{
-        code?: string;
-        message?: string;
-      } | undefined>;
-    }) => react_jsx_runtime333.JSX.Element | null>;
-  }, {
-    readonly TanStackDialogForm: react255.FC<react255.PropsWithChildren<{
-      title: string;
-      submitText?: string;
-      open?: boolean;
-      onOpenChange?: (open: boolean) => void;
-    }>>;
-    readonly TanStackPopoverForm: react255.FC<react255.PropsWithChildren<{
-      title: string;
-      open?: boolean;
-      contentClassName?: string;
-      onOpenChange?: (open: boolean) => void;
-    }>>;
-    readonly TanStackContainerForm: react255.FC<{
-      children?: react255.ReactNode | undefined;
-    }>;
-    readonly TanStackSectionForm: react255.FC<react255.PropsWithChildren<{
-      title: string;
-    }>>;
-    readonly TanStackCardForm: react255.FC<react255.PropsWithChildren<{
-      title: string;
-      description?: string;
-      onDelete?: () => void | Promise<void>;
-    }>>;
-    readonly TanStackFieldGroup: react255.FC<react255.PropsWithChildren<{
-      label: string;
-      description?: string;
-      helperText?: string;
-      orientation?: "horizontal" | "vertical" | "responsive";
-    }>>;
-    readonly TanStackTitleField: react255.FC<{
-      title: string;
-      description?: string;
-      helperText?: string;
-    }>;
-    readonly TanStackActionsForm: react255.FC<react255.PropsWithChildren<{
-      type?: "create" | "update";
-    }>>;
-    readonly TanStackActionSubmit: react255.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: react255.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" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
-      required?: boolean;
-      maxLength?: number;
-    }>;
-    readonly TextareaField: react255.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" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
-      required?: boolean;
-      maxLength?: number;
-    }>;
-    readonly NumberField: react255.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?: "none" | "up" | "down" | "nearest" | undefined;
-      decimalPlaces?: number | undefined;
-      percision?: number | undefined;
-      unit?: string | undefined;
-      description?: string | undefined;
-      placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
-      required?: boolean;
-      allowNegative?: boolean;
-    }>;
-    readonly EmailField: react255.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" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
-      maxLength?: number;
-    }>;
-    readonly PasswordField: react255.FC<{
-      description?: string | undefined;
-      label: string;
-      placeholder?: string | undefined;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
-      tooltip?: string | undefined;
-      helperText?: string | undefined;
-      showErrorMessage?: boolean | undefined;
-    }>;
-    readonly SelectField: react255.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" | "placeholder" | "defaultValue" | "orientation" | "options" | "tooltip" | "helperText" | "clearable"> & {
-      required?: boolean;
-    }>;
-    readonly DateField: react255.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" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
-      required?: boolean;
-      minDate?: Date;
-      maxDate?: Date;
-    }>;
-    readonly SwitchField: react255.FC<{
-      description?: string | undefined;
-      label: string;
-      helperText?: string | undefined;
-    }>;
-    readonly RadioGroupField: react255.FC<{
-      description?: string | undefined;
-      label: string;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
-      options: {
-        label: string;
-        value: string;
-        description?: string | undefined;
-      }[];
-      helperText?: string | undefined;
-    }>;
-    readonly CheckboxField: react255.FC<{
-      description?: string | undefined;
-      label: string;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
-      options: {
-        label: string;
-        value: string;
-      }[];
-      helperText?: string | undefined;
-    }>;
-    readonly FieldGroup: react255.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-    readonly Field: react255.MemoExoticComponent<({
-      className,
-      orientation,
-      ...props
-    }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-      orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-    } & class_variance_authority_types21.ClassProp) | undefined) => string>) => react_jsx_runtime333.JSX.Element>;
-    readonly FieldContent: react255.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-    readonly FieldLabel: react255.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime333.JSX.Element>;
-    readonly FieldContentMain: react255.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-    readonly FieldSeparator: react255.MemoExoticComponent<({
-      children,
-      className,
-      ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime333.JSX.Element>;
-    readonly FieldError: react255.MemoExoticComponent<({
-      className,
-      children,
-      errors,
-      ...props
-    }: React.ComponentProps<"div"> & {
-      errors?: Array<{
-        code?: string;
-        message?: string;
-      } | undefined>;
-    }) => react_jsx_runtime333.JSX.Element | null>;
-  }, {
-    readonly TanStackDialogForm: react255.FC<react255.PropsWithChildren<{
-      title: string;
-      submitText?: string;
-      open?: boolean;
-      onOpenChange?: (open: boolean) => void;
-    }>>;
-    readonly TanStackPopoverForm: react255.FC<react255.PropsWithChildren<{
-      title: string;
-      open?: boolean;
-      contentClassName?: string;
-      onOpenChange?: (open: boolean) => void;
-    }>>;
-    readonly TanStackContainerForm: react255.FC<{
-      children?: react255.ReactNode | undefined;
-    }>;
-    readonly TanStackSectionForm: react255.FC<react255.PropsWithChildren<{
-      title: string;
-    }>>;
-    readonly TanStackCardForm: react255.FC<react255.PropsWithChildren<{
-      title: string;
-      description?: string;
-      onDelete?: () => void | Promise<void>;
-    }>>;
-    readonly TanStackFieldGroup: react255.FC<react255.PropsWithChildren<{
-      label: string;
-      description?: string;
-      helperText?: string;
-      orientation?: "horizontal" | "vertical" | "responsive";
-    }>>;
-    readonly TanStackTitleField: react255.FC<{
-      title: string;
-      description?: string;
-      helperText?: string;
-    }>;
-    readonly TanStackActionsForm: react255.FC<react255.PropsWithChildren<{
-      type?: "create" | "update";
-    }>>;
-    readonly TanStackActionSubmit: react255.FC<{
-      label?: string;
-      className?: string;
-    }>;
-  }, TRenderProps>) => react255.FunctionComponent<react255.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: react255.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" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
-        required?: boolean;
-        maxLength?: number;
-      }>;
-      readonly TextareaField: react255.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" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
-        required?: boolean;
-        maxLength?: number;
-      }>;
-      readonly NumberField: react255.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?: "none" | "up" | "down" | "nearest" | undefined;
-        decimalPlaces?: number | undefined;
-        percision?: number | undefined;
-        unit?: string | undefined;
-        description?: string | undefined;
-        placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
-        required?: boolean;
-        allowNegative?: boolean;
-      }>;
-      readonly EmailField: react255.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" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
-        maxLength?: number;
-      }>;
-      readonly PasswordField: react255.FC<{
-        description?: string | undefined;
-        label: string;
-        placeholder?: string | undefined;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
-        tooltip?: string | undefined;
-        helperText?: string | undefined;
-        showErrorMessage?: boolean | undefined;
-      }>;
-      readonly SelectField: react255.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" | "placeholder" | "defaultValue" | "orientation" | "options" | "tooltip" | "helperText" | "clearable"> & {
-        required?: boolean;
-      }>;
-      readonly DateField: react255.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" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
-        required?: boolean;
-        minDate?: Date;
-        maxDate?: Date;
-      }>;
-      readonly SwitchField: react255.FC<{
-        description?: string | undefined;
-        label: string;
-        helperText?: string | undefined;
-      }>;
-      readonly RadioGroupField: react255.FC<{
-        description?: string | undefined;
-        label: string;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
-        options: {
-          label: string;
-          value: string;
-          description?: string | undefined;
-        }[];
-        helperText?: string | undefined;
-      }>;
-      readonly CheckboxField: react255.FC<{
-        description?: string | undefined;
-        label: string;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
-        options: {
-          label: string;
-          value: string;
-        }[];
-        helperText?: string | undefined;
-      }>;
-      readonly FieldGroup: react255.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-      readonly Field: react255.MemoExoticComponent<({
-        className,
-        orientation,
-        ...props
-      }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-      } & class_variance_authority_types21.ClassProp) | undefined) => string>) => react_jsx_runtime333.JSX.Element>;
-      readonly FieldContent: react255.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-      readonly FieldLabel: react255.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime333.JSX.Element>;
-      readonly FieldContentMain: react255.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-      readonly FieldSeparator: react255.MemoExoticComponent<({
-        children,
-        className,
-        ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime333.JSX.Element>;
-      readonly FieldError: react255.MemoExoticComponent<({
-        className,
-        children,
-        errors,
-        ...props
-      }: React.ComponentProps<"div"> & {
-        errors?: Array<{
-          code?: string;
-          message?: string;
-        } | undefined>;
-      }) => react_jsx_runtime333.JSX.Element | null>;
-    }, {
-      readonly TanStackDialogForm: react255.FC<react255.PropsWithChildren<{
-        title: string;
-        submitText?: string;
-        open?: boolean;
-        onOpenChange?: (open: boolean) => void;
-      }>>;
-      readonly TanStackPopoverForm: react255.FC<react255.PropsWithChildren<{
-        title: string;
-        open?: boolean;
-        contentClassName?: string;
-        onOpenChange?: (open: boolean) => void;
-      }>>;
-      readonly TanStackContainerForm: react255.FC<{
-        children?: react255.ReactNode | undefined;
-      }>;
-      readonly TanStackSectionForm: react255.FC<react255.PropsWithChildren<{
-        title: string;
-      }>>;
-      readonly TanStackCardForm: react255.FC<react255.PropsWithChildren<{
-        title: string;
-        description?: string;
-        onDelete?: () => void | Promise<void>;
-      }>>;
-      readonly TanStackFieldGroup: react255.FC<react255.PropsWithChildren<{
-        label: string;
-        description?: string;
-        helperText?: string;
-        orientation?: "horizontal" | "vertical" | "responsive";
-      }>>;
-      readonly TanStackTitleField: react255.FC<{
-        title: string;
-        description?: string;
-        helperText?: string;
-      }>;
-      readonly TanStackActionsForm: react255.FC<react255.PropsWithChildren<{
-        type?: "create" | "update";
-      }>>;
-      readonly TanStackActionSubmit: react255.FC<{
-        label?: string;
-        className?: string;
-      }>;
-    }>;
-  }>>, withTanStackFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps extends object = {}>({
-    render,
-    props,
-    defaultValues
-  }: _tanstack_react_form0.WithFieldGroupProps<TFieldGroupData, {
-    readonly TextField: react255.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" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
-      required?: boolean;
-      maxLength?: number;
-    }>;
-    readonly TextareaField: react255.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" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
-      required?: boolean;
-      maxLength?: number;
-    }>;
-    readonly NumberField: react255.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?: "none" | "up" | "down" | "nearest" | undefined;
-      decimalPlaces?: number | undefined;
-      percision?: number | undefined;
-      unit?: string | undefined;
-      description?: string | undefined;
-      placeholder?: string | undefined;
-    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
-      required?: boolean;
-      allowNegative?: boolean;
-    }>;
-    readonly EmailField: react255.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" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
-      maxLength?: number;
-    }>;
-    readonly PasswordField: react255.FC<{
-      description?: string | undefined;
-      label: string;
-      placeholder?: string | undefined;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
-      tooltip?: string | undefined;
-      helperText?: string | undefined;
-      showErrorMessage?: boolean | undefined;
-    }>;
-    readonly SelectField: react255.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" | "placeholder" | "defaultValue" | "orientation" | "options" | "tooltip" | "helperText" | "clearable"> & {
-      required?: boolean;
-    }>;
-    readonly DateField: react255.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" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
-      required?: boolean;
-      minDate?: Date;
-      maxDate?: Date;
-    }>;
-    readonly SwitchField: react255.FC<{
-      description?: string | undefined;
-      label: string;
-      helperText?: string | undefined;
-    }>;
-    readonly RadioGroupField: react255.FC<{
-      description?: string | undefined;
-      label: string;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
-      options: {
-        label: string;
-        value: string;
-        description?: string | undefined;
-      }[];
-      helperText?: string | undefined;
-    }>;
-    readonly CheckboxField: react255.FC<{
-      description?: string | undefined;
-      label: string;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
-      options: {
-        label: string;
-        value: string;
-      }[];
-      helperText?: string | undefined;
-    }>;
-    readonly FieldGroup: react255.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-    readonly Field: react255.MemoExoticComponent<({
-      className,
-      orientation,
-      ...props
-    }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-      orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-    } & class_variance_authority_types21.ClassProp) | undefined) => string>) => react_jsx_runtime333.JSX.Element>;
-    readonly FieldContent: react255.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-    readonly FieldLabel: react255.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime333.JSX.Element>;
-    readonly FieldContentMain: react255.MemoExoticComponent<({
-      className,
-      ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-    readonly FieldSeparator: react255.MemoExoticComponent<({
-      children,
-      className,
-      ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime333.JSX.Element>;
-    readonly FieldError: react255.MemoExoticComponent<({
-      className,
-      children,
-      errors,
-      ...props
-    }: React.ComponentProps<"div"> & {
-      errors?: Array<{
-        code?: string;
-        message?: string;
-      } | undefined>;
-    }) => react_jsx_runtime333.JSX.Element | null>;
-  }, {
-    readonly TanStackDialogForm: react255.FC<react255.PropsWithChildren<{
-      title: string;
-      submitText?: string;
-      open?: boolean;
-      onOpenChange?: (open: boolean) => void;
-    }>>;
-    readonly TanStackPopoverForm: react255.FC<react255.PropsWithChildren<{
-      title: string;
-      open?: boolean;
-      contentClassName?: string;
-      onOpenChange?: (open: boolean) => void;
-    }>>;
-    readonly TanStackContainerForm: react255.FC<{
-      children?: react255.ReactNode | undefined;
-    }>;
-    readonly TanStackSectionForm: react255.FC<react255.PropsWithChildren<{
-      title: string;
-    }>>;
-    readonly TanStackCardForm: react255.FC<react255.PropsWithChildren<{
-      title: string;
-      description?: string;
-      onDelete?: () => void | Promise<void>;
-    }>>;
-    readonly TanStackFieldGroup: react255.FC<react255.PropsWithChildren<{
-      label: string;
-      description?: string;
-      helperText?: string;
-      orientation?: "horizontal" | "vertical" | "responsive";
-    }>>;
-    readonly TanStackTitleField: react255.FC<{
-      title: string;
-      description?: string;
-      helperText?: string;
-    }>;
-    readonly TanStackActionsForm: react255.FC<react255.PropsWithChildren<{
-      type?: "create" | "update";
-    }>>;
-    readonly TanStackActionSubmit: react255.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: react255.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: react255.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" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
-        required?: boolean;
-        maxLength?: number;
-      }>;
-      readonly TextareaField: react255.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" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
-        required?: boolean;
-        maxLength?: number;
-      }>;
-      readonly NumberField: react255.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?: "none" | "up" | "down" | "nearest" | undefined;
-        decimalPlaces?: number | undefined;
-        percision?: number | undefined;
-        unit?: string | undefined;
-        description?: string | undefined;
-        placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
-        required?: boolean;
-        allowNegative?: boolean;
-      }>;
-      readonly EmailField: react255.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" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
-        maxLength?: number;
-      }>;
-      readonly PasswordField: react255.FC<{
-        description?: string | undefined;
-        label: string;
-        placeholder?: string | undefined;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
-        tooltip?: string | undefined;
-        helperText?: string | undefined;
-        showErrorMessage?: boolean | undefined;
-      }>;
-      readonly SelectField: react255.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" | "placeholder" | "defaultValue" | "orientation" | "options" | "tooltip" | "helperText" | "clearable"> & {
-        required?: boolean;
-      }>;
-      readonly DateField: react255.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" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
-        required?: boolean;
-        minDate?: Date;
-        maxDate?: Date;
-      }>;
-      readonly SwitchField: react255.FC<{
-        description?: string | undefined;
-        label: string;
-        helperText?: string | undefined;
-      }>;
-      readonly RadioGroupField: react255.FC<{
-        description?: string | undefined;
-        label: string;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
-        options: {
-          label: string;
-          value: string;
-          description?: string | undefined;
-        }[];
-        helperText?: string | undefined;
-      }>;
-      readonly CheckboxField: react255.FC<{
-        description?: string | undefined;
-        label: string;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
-        options: {
-          label: string;
-          value: string;
-        }[];
-        helperText?: string | undefined;
-      }>;
-      readonly FieldGroup: react255.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-      readonly Field: react255.MemoExoticComponent<({
-        className,
-        orientation,
-        ...props
-      }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-      } & class_variance_authority_types21.ClassProp) | undefined) => string>) => react_jsx_runtime333.JSX.Element>;
-      readonly FieldContent: react255.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-      readonly FieldLabel: react255.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime333.JSX.Element>;
-      readonly FieldContentMain: react255.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-      readonly FieldSeparator: react255.MemoExoticComponent<({
-        children,
-        className,
-        ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime333.JSX.Element>;
-      readonly FieldError: react255.MemoExoticComponent<({
-        className,
-        children,
-        errors,
-        ...props
-      }: React.ComponentProps<"div"> & {
-        errors?: Array<{
-          code?: string;
-          message?: string;
-        } | undefined>;
-      }) => react_jsx_runtime333.JSX.Element | null>;
-    }, {
-      readonly TanStackDialogForm: react255.FC<react255.PropsWithChildren<{
-        title: string;
-        submitText?: string;
-        open?: boolean;
-        onOpenChange?: (open: boolean) => void;
-      }>>;
-      readonly TanStackPopoverForm: react255.FC<react255.PropsWithChildren<{
-        title: string;
-        open?: boolean;
-        contentClassName?: string;
-        onOpenChange?: (open: boolean) => void;
-      }>>;
-      readonly TanStackContainerForm: react255.FC<{
-        children?: react255.ReactNode | undefined;
-      }>;
-      readonly TanStackSectionForm: react255.FC<react255.PropsWithChildren<{
-        title: string;
-      }>>;
-      readonly TanStackCardForm: react255.FC<react255.PropsWithChildren<{
-        title: string;
-        description?: string;
-        onDelete?: () => void | Promise<void>;
-      }>>;
-      readonly TanStackFieldGroup: react255.FC<react255.PropsWithChildren<{
-        label: string;
-        description?: string;
-        helperText?: string;
-        orientation?: "horizontal" | "vertical" | "responsive";
-      }>>;
-      readonly TanStackTitleField: react255.FC<{
-        title: string;
-        description?: string;
-        helperText?: string;
-      }>;
-      readonly TanStackActionsForm: react255.FC<react255.PropsWithChildren<{
-        type?: "create" | "update";
-      }>>;
-      readonly TanStackActionSubmit: react255.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: react255.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" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
-        required?: boolean;
-        maxLength?: number;
-      }>;
-      readonly TextareaField: react255.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" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
-        required?: boolean;
-        maxLength?: number;
-      }>;
-      readonly NumberField: react255.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?: "none" | "up" | "down" | "nearest" | undefined;
-        decimalPlaces?: number | undefined;
-        percision?: number | undefined;
-        unit?: string | undefined;
-        description?: string | undefined;
-        placeholder?: string | undefined;
-      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
-        required?: boolean;
-        allowNegative?: boolean;
-      }>;
-      readonly EmailField: react255.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" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
-        maxLength?: number;
-      }>;
-      readonly PasswordField: react255.FC<{
-        description?: string | undefined;
-        label: string;
-        placeholder?: string | undefined;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
-        tooltip?: string | undefined;
-        helperText?: string | undefined;
-        showErrorMessage?: boolean | undefined;
-      }>;
-      readonly SelectField: react255.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" | "placeholder" | "defaultValue" | "orientation" | "options" | "tooltip" | "helperText" | "clearable"> & {
-        required?: boolean;
-      }>;
-      readonly DateField: react255.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" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
-        required?: boolean;
-        minDate?: Date;
-        maxDate?: Date;
-      }>;
-      readonly SwitchField: react255.FC<{
-        description?: string | undefined;
-        label: string;
-        helperText?: string | undefined;
-      }>;
-      readonly RadioGroupField: react255.FC<{
-        description?: string | undefined;
-        label: string;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
-        options: {
-          label: string;
-          value: string;
-          description?: string | undefined;
-        }[];
-        helperText?: string | undefined;
-      }>;
-      readonly CheckboxField: react255.FC<{
-        description?: string | undefined;
-        label: string;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
-        options: {
-          label: string;
-          value: string;
-        }[];
-        helperText?: string | undefined;
-      }>;
-      readonly FieldGroup: react255.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-      readonly Field: react255.MemoExoticComponent<({
-        className,
-        orientation,
-        ...props
-      }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
-        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
-      } & class_variance_authority_types21.ClassProp) | undefined) => string>) => react_jsx_runtime333.JSX.Element>;
-      readonly FieldContent: react255.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-      readonly FieldLabel: react255.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime333.JSX.Element>;
-      readonly FieldContentMain: react255.MemoExoticComponent<({
-        className,
-        ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-      readonly FieldSeparator: react255.MemoExoticComponent<({
-        children,
-        className,
-        ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime333.JSX.Element>;
-      readonly FieldError: react255.MemoExoticComponent<({
-        className,
-        children,
-        errors,
-        ...props
-      }: React.ComponentProps<"div"> & {
-        errors?: Array<{
-          code?: string;
-          message?: string;
-        } | undefined>;
-      }) => react_jsx_runtime333.JSX.Element | null>;
-    }, {
-      readonly TanStackDialogForm: react255.FC<react255.PropsWithChildren<{
-        title: string;
-        submitText?: string;
-        open?: boolean;
-        onOpenChange?: (open: boolean) => void;
-      }>>;
-      readonly TanStackPopoverForm: react255.FC<react255.PropsWithChildren<{
-        title: string;
-        open?: boolean;
-        contentClassName?: string;
-        onOpenChange?: (open: boolean) => void;
-      }>>;
-      readonly TanStackContainerForm: react255.FC<{
-        children?: react255.ReactNode | undefined;
-      }>;
-      readonly TanStackSectionForm: react255.FC<react255.PropsWithChildren<{
-        title: string;
-      }>>;
-      readonly TanStackCardForm: react255.FC<react255.PropsWithChildren<{
-        title: string;
-        description?: string;
-        onDelete?: () => void | Promise<void>;
-      }>>;
-      readonly TanStackFieldGroup: react255.FC<react255.PropsWithChildren<{
-        label: string;
-        description?: string;
-        helperText?: string;
-        orientation?: "horizontal" | "vertical" | "responsive";
-      }>>;
-      readonly TanStackTitleField: react255.FC<{
-        title: string;
-        description?: string;
-        helperText?: string;
-      }>;
-      readonly TanStackActionsForm: react255.FC<react255.PropsWithChildren<{
-        type?: "create" | "update";
-      }>>;
-      readonly TanStackActionSubmit: react255.FC<{
-        label?: string;
-        className?: string;
-      }>;
-    }>;
-    fields: TFields;
-  }>) => ReturnType<react255.FunctionComponent>;
-//#endregion
-export { Field, FieldContent, FieldContentMain, FieldError, FieldGroup, FieldLabel, FieldSeparator, useTanStackFieldContext, useTanStackForm, useTanStackFormContext, withTanStackFieldGroup, withTanStackForm };
-//# sourceMappingURL=index.d.mts.map
+import { a as withTanStackForm, c as FieldContentMain, d as FieldLabel, f as FieldSeparator, i as withTanStackFieldGroup, l as FieldError, n as useTanStackForm, o as Field, r as useTanStackFormContext, s as FieldContent, t as useTanStackFieldContext, u as FieldGroup } from "../../index-Dktb6D35.mjs";
+export { Field, FieldContent, FieldContentMain, FieldError, FieldGroup, FieldLabel, FieldSeparator, useTanStackFieldContext, useTanStackForm, useTanStackFormContext, withTanStackFieldGroup, withTanStackForm };