@customafk/lunas-ui 0.1.98 → 0.2.0

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

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime333 from "react/jsx-runtime";
-import * as react255 from "react";
+import * as react_jsx_runtime332 from "react/jsx-runtime";
+import * as react254 from "react";
 import * as class_variance_authority_types21 from "class-variance-authority/types";
 import * as class_variance_authority0 from "class-variance-authority";
 import { VariantProps } from "class-variance-authority";
@@ -12,53 +12,54 @@ declare function Label$1({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof Label.Root>): react_jsx_runtime333.JSX.Element;
+}: React.ComponentProps<typeof Label.Root>): react_jsx_runtime332.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<({
+declare const FieldGroup: react254.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-declare const Field: react255.MemoExoticComponent<({
+}: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
+declare const Field: react254.MemoExoticComponent<({
   className,
   orientation,
   ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react_jsx_runtime333.JSX.Element>;
-declare const FieldContent: react255.MemoExoticComponent<({
+}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react_jsx_runtime332.JSX.Element>;
+declare const FieldContent: react254.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-declare const FieldContentMain: react255.MemoExoticComponent<({
+}: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
+declare const FieldContentMain: react254.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-declare const FieldLabel: react255.MemoExoticComponent<({
+}: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
+declare const FieldLabel: react254.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<typeof Label$1>) => react_jsx_runtime333.JSX.Element>;
-declare const FieldSeparator: react255.MemoExoticComponent<({
+}: React.ComponentProps<typeof Label$1>) => react_jsx_runtime332.JSX.Element>;
+declare const FieldSeparator: react254.MemoExoticComponent<({
   children,
   className,
   ...props
-}: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime333.JSX.Element>;
-declare const FieldError: react255.MemoExoticComponent<({
+}: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime332.JSX.Element>;
+declare const FieldError: react254.MemoExoticComponent<({
   className,
   children,
   errors,
   ...props
 }: React.ComponentProps<"div"> & {
   errors?: Array<{
+    code?: string;
     message?: string;
   } | undefined>;
-}) => react_jsx_runtime333.JSX.Element | null>;
+}) => react_jsx_runtime332.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<{
+    readonly TextField: react254.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -88,7 +89,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextareaField: react255.FC<Pick<{
+    readonly TextareaField: react254.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -116,7 +117,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly NumberField: react255.FC<Pick<{
+    readonly NumberField: react254.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -156,7 +157,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       allowNegative?: boolean;
     }>;
-    readonly EmailField: react255.FC<Pick<{
+    readonly EmailField: react254.FC<Pick<{
       rules: {
         maxLength?: number | undefined;
         minLength?: number | undefined;
@@ -175,7 +176,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
       maxLength?: number;
     }>;
-    readonly PasswordField: react255.FC<{
+    readonly PasswordField: react254.FC<{
       description?: string | undefined;
       label: string;
       placeholder?: string | undefined;
@@ -184,7 +185,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
     }>;
-    readonly SelectField: react255.FC<Pick<{
+    readonly SelectField: react254.FC<Pick<{
       options: {
         label: string;
         value: string;
@@ -212,7 +213,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     }, "description" | "label" | "placeholder" | "defaultValue" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
       required?: boolean;
     }>;
-    readonly DateField: react255.FC<Pick<{
+    readonly DateField: react254.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -235,12 +236,12 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       minDate?: Date;
       maxDate?: Date;
     }>;
-    readonly SwitchField: react255.FC<{
+    readonly SwitchField: react254.FC<{
       description?: string | undefined;
       label: string;
       helperText?: string | undefined;
     }>;
-    readonly RadioGroupField: react255.FC<{
+    readonly RadioGroupField: react254.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -251,7 +252,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly CheckboxField: react255.FC<{
+    readonly CheckboxField: react254.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -261,83 +262,84 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly FieldGroup: react255.MemoExoticComponent<({
+    readonly FieldGroup: react254.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-    readonly Field: react255.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
+    readonly Field: react254.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<({
+    } & class_variance_authority_types21.ClassProp) | undefined) => string>) => react_jsx_runtime332.JSX.Element>;
+    readonly FieldContent: react254.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-    readonly FieldLabel: react255.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
+    readonly FieldLabel: react254.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime333.JSX.Element>;
-    readonly FieldContentMain: react255.MemoExoticComponent<({
+    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime332.JSX.Element>;
+    readonly FieldContentMain: react254.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-    readonly FieldSeparator: react255.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
+    readonly FieldSeparator: react254.MemoExoticComponent<({
       children,
       className,
       ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime333.JSX.Element>;
-    readonly FieldError: react255.MemoExoticComponent<({
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime332.JSX.Element>;
+    readonly FieldError: react254.MemoExoticComponent<({
       className,
       children,
       errors,
       ...props
     }: React.ComponentProps<"div"> & {
       errors?: Array<{
+        code?: string;
         message?: string;
       } | undefined>;
-    }) => react_jsx_runtime333.JSX.Element | null>;
+    }) => react_jsx_runtime332.JSX.Element | null>;
   }, {
-    readonly TanStackDialogForm: react255.FC<react255.PropsWithChildren<{
+    readonly TanStackDialogForm: react254.FC<react254.PropsWithChildren<{
       title: string;
       submitText?: string;
       open?: boolean;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackPopoverForm: react255.FC<react255.PropsWithChildren<{
+    readonly TanStackPopoverForm: react254.FC<react254.PropsWithChildren<{
       title: string;
       open?: boolean;
       contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackContainerForm: react255.FC<{
-      children?: react255.ReactNode | undefined;
+    readonly TanStackContainerForm: react254.FC<{
+      children?: react254.ReactNode | undefined;
     }>;
-    readonly TanStackSectionForm: react255.FC<react255.PropsWithChildren<{
+    readonly TanStackSectionForm: react254.FC<react254.PropsWithChildren<{
       title: string;
     }>>;
-    readonly TanStackCardForm: react255.FC<react255.PropsWithChildren<{
+    readonly TanStackCardForm: react254.FC<react254.PropsWithChildren<{
       title: string;
       description?: string;
       onDelete?: () => void | Promise<void>;
     }>>;
-    readonly TanStackFieldGroup: react255.FC<react255.PropsWithChildren<{
+    readonly TanStackFieldGroup: react254.FC<react254.PropsWithChildren<{
       label: string;
       description?: string;
       helperText?: string;
       orientation?: "horizontal" | "vertical" | "responsive";
     }>>;
-    readonly TanStackTitleField: react255.FC<{
+    readonly TanStackTitleField: react254.FC<{
       title: string;
       description?: string;
       helperText?: string;
     }>;
-    readonly TanStackActionsForm: react255.FC<react255.PropsWithChildren<{
+    readonly TanStackActionsForm: react254.FC<react254.PropsWithChildren<{
       type?: "create" | "update";
     }>>;
-    readonly TanStackActionSubmit: react255.FC<{
+    readonly TanStackActionSubmit: react254.FC<{
       label?: string;
       className?: string;
     }>;
@@ -345,7 +347,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     render,
     props
   }: _tanstack_react_form0.WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
-    readonly TextField: react255.FC<Pick<{
+    readonly TextField: react254.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -375,7 +377,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextareaField: react255.FC<Pick<{
+    readonly TextareaField: react254.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -403,7 +405,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly NumberField: react255.FC<Pick<{
+    readonly NumberField: react254.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -443,7 +445,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       allowNegative?: boolean;
     }>;
-    readonly EmailField: react255.FC<Pick<{
+    readonly EmailField: react254.FC<Pick<{
       rules: {
         maxLength?: number | undefined;
         minLength?: number | undefined;
@@ -462,7 +464,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
       maxLength?: number;
     }>;
-    readonly PasswordField: react255.FC<{
+    readonly PasswordField: react254.FC<{
       description?: string | undefined;
       label: string;
       placeholder?: string | undefined;
@@ -471,7 +473,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
     }>;
-    readonly SelectField: react255.FC<Pick<{
+    readonly SelectField: react254.FC<Pick<{
       options: {
         label: string;
         value: string;
@@ -499,7 +501,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     }, "description" | "label" | "placeholder" | "defaultValue" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
       required?: boolean;
     }>;
-    readonly DateField: react255.FC<Pick<{
+    readonly DateField: react254.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -522,12 +524,12 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       minDate?: Date;
       maxDate?: Date;
     }>;
-    readonly SwitchField: react255.FC<{
+    readonly SwitchField: react254.FC<{
       description?: string | undefined;
       label: string;
       helperText?: string | undefined;
     }>;
-    readonly RadioGroupField: react255.FC<{
+    readonly RadioGroupField: react254.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -538,7 +540,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly CheckboxField: react255.FC<{
+    readonly CheckboxField: react254.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -548,89 +550,90 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly FieldGroup: react255.MemoExoticComponent<({
+    readonly FieldGroup: react254.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-    readonly Field: react255.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
+    readonly Field: react254.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<({
+    } & class_variance_authority_types21.ClassProp) | undefined) => string>) => react_jsx_runtime332.JSX.Element>;
+    readonly FieldContent: react254.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-    readonly FieldLabel: react255.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
+    readonly FieldLabel: react254.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime333.JSX.Element>;
-    readonly FieldContentMain: react255.MemoExoticComponent<({
+    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime332.JSX.Element>;
+    readonly FieldContentMain: react254.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-    readonly FieldSeparator: react255.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
+    readonly FieldSeparator: react254.MemoExoticComponent<({
       children,
       className,
       ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime333.JSX.Element>;
-    readonly FieldError: react255.MemoExoticComponent<({
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime332.JSX.Element>;
+    readonly FieldError: react254.MemoExoticComponent<({
       className,
       children,
       errors,
       ...props
     }: React.ComponentProps<"div"> & {
       errors?: Array<{
+        code?: string;
         message?: string;
       } | undefined>;
-    }) => react_jsx_runtime333.JSX.Element | null>;
+    }) => react_jsx_runtime332.JSX.Element | null>;
   }, {
-    readonly TanStackDialogForm: react255.FC<react255.PropsWithChildren<{
+    readonly TanStackDialogForm: react254.FC<react254.PropsWithChildren<{
       title: string;
       submitText?: string;
       open?: boolean;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackPopoverForm: react255.FC<react255.PropsWithChildren<{
+    readonly TanStackPopoverForm: react254.FC<react254.PropsWithChildren<{
       title: string;
       open?: boolean;
       contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackContainerForm: react255.FC<{
-      children?: react255.ReactNode | undefined;
+    readonly TanStackContainerForm: react254.FC<{
+      children?: react254.ReactNode | undefined;
     }>;
-    readonly TanStackSectionForm: react255.FC<react255.PropsWithChildren<{
+    readonly TanStackSectionForm: react254.FC<react254.PropsWithChildren<{
       title: string;
     }>>;
-    readonly TanStackCardForm: react255.FC<react255.PropsWithChildren<{
+    readonly TanStackCardForm: react254.FC<react254.PropsWithChildren<{
       title: string;
       description?: string;
       onDelete?: () => void | Promise<void>;
     }>>;
-    readonly TanStackFieldGroup: react255.FC<react255.PropsWithChildren<{
+    readonly TanStackFieldGroup: react254.FC<react254.PropsWithChildren<{
       label: string;
       description?: string;
       helperText?: string;
       orientation?: "horizontal" | "vertical" | "responsive";
     }>>;
-    readonly TanStackTitleField: react255.FC<{
+    readonly TanStackTitleField: react254.FC<{
       title: string;
       description?: string;
       helperText?: string;
     }>;
-    readonly TanStackActionsForm: react255.FC<react255.PropsWithChildren<{
+    readonly TanStackActionsForm: react254.FC<react254.PropsWithChildren<{
       type?: "create" | "update";
     }>>;
-    readonly TanStackActionSubmit: react255.FC<{
+    readonly TanStackActionSubmit: react254.FC<{
       label?: string;
       className?: string;
     }>;
-  }, TRenderProps>) => react255.FunctionComponent<react255.PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
+  }, TRenderProps>) => react254.FunctionComponent<react254.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<{
+      readonly TextField: react254.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -660,7 +663,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextareaField: react255.FC<Pick<{
+      readonly TextareaField: react254.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -688,7 +691,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly NumberField: react255.FC<Pick<{
+      readonly NumberField: react254.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -728,7 +731,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         allowNegative?: boolean;
       }>;
-      readonly EmailField: react255.FC<Pick<{
+      readonly EmailField: react254.FC<Pick<{
         rules: {
           maxLength?: number | undefined;
           minLength?: number | undefined;
@@ -747,7 +750,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
         maxLength?: number;
       }>;
-      readonly PasswordField: react255.FC<{
+      readonly PasswordField: react254.FC<{
         description?: string | undefined;
         label: string;
         placeholder?: string | undefined;
@@ -756,7 +759,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
       }>;
-      readonly SelectField: react255.FC<Pick<{
+      readonly SelectField: react254.FC<Pick<{
         options: {
           label: string;
           value: string;
@@ -784,7 +787,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }, "description" | "label" | "placeholder" | "defaultValue" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
         required?: boolean;
       }>;
-      readonly DateField: react255.FC<Pick<{
+      readonly DateField: react254.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -807,12 +810,12 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         minDate?: Date;
         maxDate?: Date;
       }>;
-      readonly SwitchField: react255.FC<{
+      readonly SwitchField: react254.FC<{
         description?: string | undefined;
         label: string;
         helperText?: string | undefined;
       }>;
-      readonly RadioGroupField: react255.FC<{
+      readonly RadioGroupField: react254.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -823,7 +826,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly CheckboxField: react255.FC<{
+      readonly CheckboxField: react254.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -833,83 +836,84 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly FieldGroup: react255.MemoExoticComponent<({
+      readonly FieldGroup: react254.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-      readonly Field: react255.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
+      readonly Field: react254.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<({
+      } & class_variance_authority_types21.ClassProp) | undefined) => string>) => react_jsx_runtime332.JSX.Element>;
+      readonly FieldContent: react254.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-      readonly FieldLabel: react255.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
+      readonly FieldLabel: react254.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime333.JSX.Element>;
-      readonly FieldContentMain: react255.MemoExoticComponent<({
+      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime332.JSX.Element>;
+      readonly FieldContentMain: react254.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-      readonly FieldSeparator: react255.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
+      readonly FieldSeparator: react254.MemoExoticComponent<({
         children,
         className,
         ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime333.JSX.Element>;
-      readonly FieldError: react255.MemoExoticComponent<({
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime332.JSX.Element>;
+      readonly FieldError: react254.MemoExoticComponent<({
         className,
         children,
         errors,
         ...props
       }: React.ComponentProps<"div"> & {
         errors?: Array<{
+          code?: string;
           message?: string;
         } | undefined>;
-      }) => react_jsx_runtime333.JSX.Element | null>;
+      }) => react_jsx_runtime332.JSX.Element | null>;
     }, {
-      readonly TanStackDialogForm: react255.FC<react255.PropsWithChildren<{
+      readonly TanStackDialogForm: react254.FC<react254.PropsWithChildren<{
         title: string;
         submitText?: string;
         open?: boolean;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackPopoverForm: react255.FC<react255.PropsWithChildren<{
+      readonly TanStackPopoverForm: react254.FC<react254.PropsWithChildren<{
         title: string;
         open?: boolean;
         contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackContainerForm: react255.FC<{
-        children?: react255.ReactNode | undefined;
+      readonly TanStackContainerForm: react254.FC<{
+        children?: react254.ReactNode | undefined;
       }>;
-      readonly TanStackSectionForm: react255.FC<react255.PropsWithChildren<{
+      readonly TanStackSectionForm: react254.FC<react254.PropsWithChildren<{
         title: string;
       }>>;
-      readonly TanStackCardForm: react255.FC<react255.PropsWithChildren<{
+      readonly TanStackCardForm: react254.FC<react254.PropsWithChildren<{
         title: string;
         description?: string;
         onDelete?: () => void | Promise<void>;
       }>>;
-      readonly TanStackFieldGroup: react255.FC<react255.PropsWithChildren<{
+      readonly TanStackFieldGroup: react254.FC<react254.PropsWithChildren<{
         label: string;
         description?: string;
         helperText?: string;
         orientation?: "horizontal" | "vertical" | "responsive";
       }>>;
-      readonly TanStackTitleField: react255.FC<{
+      readonly TanStackTitleField: react254.FC<{
         title: string;
         description?: string;
         helperText?: string;
       }>;
-      readonly TanStackActionsForm: react255.FC<react255.PropsWithChildren<{
+      readonly TanStackActionsForm: react254.FC<react254.PropsWithChildren<{
         type?: "create" | "update";
       }>>;
-      readonly TanStackActionSubmit: react255.FC<{
+      readonly TanStackActionSubmit: react254.FC<{
         label?: string;
         className?: string;
       }>;
@@ -919,7 +923,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     props,
     defaultValues
   }: _tanstack_react_form0.WithFieldGroupProps<TFieldGroupData, {
-    readonly TextField: react255.FC<Pick<{
+    readonly TextField: react254.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -949,7 +953,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextareaField: react255.FC<Pick<{
+    readonly TextareaField: react254.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -977,7 +981,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly NumberField: react255.FC<Pick<{
+    readonly NumberField: react254.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -1017,7 +1021,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       allowNegative?: boolean;
     }>;
-    readonly EmailField: react255.FC<Pick<{
+    readonly EmailField: react254.FC<Pick<{
       rules: {
         maxLength?: number | undefined;
         minLength?: number | undefined;
@@ -1036,7 +1040,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
       maxLength?: number;
     }>;
-    readonly PasswordField: react255.FC<{
+    readonly PasswordField: react254.FC<{
       description?: string | undefined;
       label: string;
       placeholder?: string | undefined;
@@ -1045,7 +1049,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
     }>;
-    readonly SelectField: react255.FC<Pick<{
+    readonly SelectField: react254.FC<Pick<{
       options: {
         label: string;
         value: string;
@@ -1073,7 +1077,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     }, "description" | "label" | "placeholder" | "defaultValue" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
       required?: boolean;
     }>;
-    readonly DateField: react255.FC<Pick<{
+    readonly DateField: react254.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -1096,12 +1100,12 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       minDate?: Date;
       maxDate?: Date;
     }>;
-    readonly SwitchField: react255.FC<{
+    readonly SwitchField: react254.FC<{
       description?: string | undefined;
       label: string;
       helperText?: string | undefined;
     }>;
-    readonly RadioGroupField: react255.FC<{
+    readonly RadioGroupField: react254.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1112,7 +1116,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly CheckboxField: react255.FC<{
+    readonly CheckboxField: react254.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1122,89 +1126,90 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly FieldGroup: react255.MemoExoticComponent<({
+    readonly FieldGroup: react254.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-    readonly Field: react255.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
+    readonly Field: react254.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<({
+    } & class_variance_authority_types21.ClassProp) | undefined) => string>) => react_jsx_runtime332.JSX.Element>;
+    readonly FieldContent: react254.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-    readonly FieldLabel: react255.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
+    readonly FieldLabel: react254.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime333.JSX.Element>;
-    readonly FieldContentMain: react255.MemoExoticComponent<({
+    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime332.JSX.Element>;
+    readonly FieldContentMain: react254.MemoExoticComponent<({
       className,
       ...props
-    }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-    readonly FieldSeparator: react255.MemoExoticComponent<({
+    }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
+    readonly FieldSeparator: react254.MemoExoticComponent<({
       children,
       className,
       ...props
-    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime333.JSX.Element>;
-    readonly FieldError: react255.MemoExoticComponent<({
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime332.JSX.Element>;
+    readonly FieldError: react254.MemoExoticComponent<({
       className,
       children,
       errors,
       ...props
     }: React.ComponentProps<"div"> & {
       errors?: Array<{
+        code?: string;
         message?: string;
       } | undefined>;
-    }) => react_jsx_runtime333.JSX.Element | null>;
+    }) => react_jsx_runtime332.JSX.Element | null>;
   }, {
-    readonly TanStackDialogForm: react255.FC<react255.PropsWithChildren<{
+    readonly TanStackDialogForm: react254.FC<react254.PropsWithChildren<{
       title: string;
       submitText?: string;
       open?: boolean;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackPopoverForm: react255.FC<react255.PropsWithChildren<{
+    readonly TanStackPopoverForm: react254.FC<react254.PropsWithChildren<{
       title: string;
       open?: boolean;
       contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackContainerForm: react255.FC<{
-      children?: react255.ReactNode | undefined;
+    readonly TanStackContainerForm: react254.FC<{
+      children?: react254.ReactNode | undefined;
     }>;
-    readonly TanStackSectionForm: react255.FC<react255.PropsWithChildren<{
+    readonly TanStackSectionForm: react254.FC<react254.PropsWithChildren<{
       title: string;
     }>>;
-    readonly TanStackCardForm: react255.FC<react255.PropsWithChildren<{
+    readonly TanStackCardForm: react254.FC<react254.PropsWithChildren<{
       title: string;
       description?: string;
       onDelete?: () => void | Promise<void>;
     }>>;
-    readonly TanStackFieldGroup: react255.FC<react255.PropsWithChildren<{
+    readonly TanStackFieldGroup: react254.FC<react254.PropsWithChildren<{
       label: string;
       description?: string;
       helperText?: string;
       orientation?: "horizontal" | "vertical" | "responsive";
     }>>;
-    readonly TanStackTitleField: react255.FC<{
+    readonly TanStackTitleField: react254.FC<{
       title: string;
       description?: string;
       helperText?: string;
     }>;
-    readonly TanStackActionsForm: react255.FC<react255.PropsWithChildren<{
+    readonly TanStackActionsForm: react254.FC<react254.PropsWithChildren<{
       type?: "create" | "update";
     }>>;
-    readonly TanStackActionSubmit: react255.FC<{
+    readonly TanStackActionSubmit: react254.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> & {
+  }, 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: react254.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<{
+      readonly TextField: react254.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1234,7 +1239,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextareaField: react255.FC<Pick<{
+      readonly TextareaField: react254.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1262,7 +1267,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly NumberField: react255.FC<Pick<{
+      readonly NumberField: react254.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1302,7 +1307,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         allowNegative?: boolean;
       }>;
-      readonly EmailField: react255.FC<Pick<{
+      readonly EmailField: react254.FC<Pick<{
         rules: {
           maxLength?: number | undefined;
           minLength?: number | undefined;
@@ -1321,7 +1326,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
         maxLength?: number;
       }>;
-      readonly PasswordField: react255.FC<{
+      readonly PasswordField: react254.FC<{
         description?: string | undefined;
         label: string;
         placeholder?: string | undefined;
@@ -1330,7 +1335,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
       }>;
-      readonly SelectField: react255.FC<Pick<{
+      readonly SelectField: react254.FC<Pick<{
         options: {
           label: string;
           value: string;
@@ -1358,7 +1363,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }, "description" | "label" | "placeholder" | "defaultValue" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
         required?: boolean;
       }>;
-      readonly DateField: react255.FC<Pick<{
+      readonly DateField: react254.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1381,12 +1386,12 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         minDate?: Date;
         maxDate?: Date;
       }>;
-      readonly SwitchField: react255.FC<{
+      readonly SwitchField: react254.FC<{
         description?: string | undefined;
         label: string;
         helperText?: string | undefined;
       }>;
-      readonly RadioGroupField: react255.FC<{
+      readonly RadioGroupField: react254.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1397,7 +1402,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly CheckboxField: react255.FC<{
+      readonly CheckboxField: react254.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1407,88 +1412,89 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly FieldGroup: react255.MemoExoticComponent<({
+      readonly FieldGroup: react254.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-      readonly Field: react255.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
+      readonly Field: react254.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<({
+      } & class_variance_authority_types21.ClassProp) | undefined) => string>) => react_jsx_runtime332.JSX.Element>;
+      readonly FieldContent: react254.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-      readonly FieldLabel: react255.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
+      readonly FieldLabel: react254.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime333.JSX.Element>;
-      readonly FieldContentMain: react255.MemoExoticComponent<({
+      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime332.JSX.Element>;
+      readonly FieldContentMain: react254.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-      readonly FieldSeparator: react255.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
+      readonly FieldSeparator: react254.MemoExoticComponent<({
         children,
         className,
         ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime333.JSX.Element>;
-      readonly FieldError: react255.MemoExoticComponent<({
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime332.JSX.Element>;
+      readonly FieldError: react254.MemoExoticComponent<({
         className,
         children,
         errors,
         ...props
       }: React.ComponentProps<"div"> & {
         errors?: Array<{
+          code?: string;
           message?: string;
         } | undefined>;
-      }) => react_jsx_runtime333.JSX.Element | null>;
+      }) => react_jsx_runtime332.JSX.Element | null>;
     }, {
-      readonly TanStackDialogForm: react255.FC<react255.PropsWithChildren<{
+      readonly TanStackDialogForm: react254.FC<react254.PropsWithChildren<{
         title: string;
         submitText?: string;
         open?: boolean;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackPopoverForm: react255.FC<react255.PropsWithChildren<{
+      readonly TanStackPopoverForm: react254.FC<react254.PropsWithChildren<{
         title: string;
         open?: boolean;
         contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackContainerForm: react255.FC<{
-        children?: react255.ReactNode | undefined;
+      readonly TanStackContainerForm: react254.FC<{
+        children?: react254.ReactNode | undefined;
       }>;
-      readonly TanStackSectionForm: react255.FC<react255.PropsWithChildren<{
+      readonly TanStackSectionForm: react254.FC<react254.PropsWithChildren<{
         title: string;
       }>>;
-      readonly TanStackCardForm: react255.FC<react255.PropsWithChildren<{
+      readonly TanStackCardForm: react254.FC<react254.PropsWithChildren<{
         title: string;
         description?: string;
         onDelete?: () => void | Promise<void>;
       }>>;
-      readonly TanStackFieldGroup: react255.FC<react255.PropsWithChildren<{
+      readonly TanStackFieldGroup: react254.FC<react254.PropsWithChildren<{
         label: string;
         description?: string;
         helperText?: string;
         orientation?: "horizontal" | "vertical" | "responsive";
       }>>;
-      readonly TanStackTitleField: react255.FC<{
+      readonly TanStackTitleField: react254.FC<{
         title: string;
         description?: string;
         helperText?: string;
       }>;
-      readonly TanStackActionsForm: react255.FC<react255.PropsWithChildren<{
+      readonly TanStackActionsForm: react254.FC<react254.PropsWithChildren<{
         type?: "create" | "update";
       }>>;
-      readonly TanStackActionSubmit: react255.FC<{
+      readonly TanStackActionSubmit: react254.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<{
+      readonly TextField: react254.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1518,7 +1524,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextareaField: react255.FC<Pick<{
+      readonly TextareaField: react254.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1546,7 +1552,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly NumberField: react255.FC<Pick<{
+      readonly NumberField: react254.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1586,7 +1592,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         allowNegative?: boolean;
       }>;
-      readonly EmailField: react255.FC<Pick<{
+      readonly EmailField: react254.FC<Pick<{
         rules: {
           maxLength?: number | undefined;
           minLength?: number | undefined;
@@ -1605,7 +1611,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
         maxLength?: number;
       }>;
-      readonly PasswordField: react255.FC<{
+      readonly PasswordField: react254.FC<{
         description?: string | undefined;
         label: string;
         placeholder?: string | undefined;
@@ -1614,7 +1620,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
       }>;
-      readonly SelectField: react255.FC<Pick<{
+      readonly SelectField: react254.FC<Pick<{
         options: {
           label: string;
           value: string;
@@ -1642,7 +1648,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }, "description" | "label" | "placeholder" | "defaultValue" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
         required?: boolean;
       }>;
-      readonly DateField: react255.FC<Pick<{
+      readonly DateField: react254.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1665,12 +1671,12 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         minDate?: Date;
         maxDate?: Date;
       }>;
-      readonly SwitchField: react255.FC<{
+      readonly SwitchField: react254.FC<{
         description?: string | undefined;
         label: string;
         helperText?: string | undefined;
       }>;
-      readonly RadioGroupField: react255.FC<{
+      readonly RadioGroupField: react254.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1681,7 +1687,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly CheckboxField: react255.FC<{
+      readonly CheckboxField: react254.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1691,89 +1697,90 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly FieldGroup: react255.MemoExoticComponent<({
+      readonly FieldGroup: react254.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-      readonly Field: react255.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
+      readonly Field: react254.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<({
+      } & class_variance_authority_types21.ClassProp) | undefined) => string>) => react_jsx_runtime332.JSX.Element>;
+      readonly FieldContent: react254.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-      readonly FieldLabel: react255.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
+      readonly FieldLabel: react254.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime333.JSX.Element>;
-      readonly FieldContentMain: react255.MemoExoticComponent<({
+      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime332.JSX.Element>;
+      readonly FieldContentMain: react254.MemoExoticComponent<({
         className,
         ...props
-      }: React.ComponentProps<"div">) => react_jsx_runtime333.JSX.Element>;
-      readonly FieldSeparator: react255.MemoExoticComponent<({
+      }: React.ComponentProps<"div">) => react_jsx_runtime332.JSX.Element>;
+      readonly FieldSeparator: react254.MemoExoticComponent<({
         children,
         className,
         ...props
-      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime333.JSX.Element>;
-      readonly FieldError: react255.MemoExoticComponent<({
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime332.JSX.Element>;
+      readonly FieldError: react254.MemoExoticComponent<({
         className,
         children,
         errors,
         ...props
       }: React.ComponentProps<"div"> & {
         errors?: Array<{
+          code?: string;
           message?: string;
         } | undefined>;
-      }) => react_jsx_runtime333.JSX.Element | null>;
+      }) => react_jsx_runtime332.JSX.Element | null>;
     }, {
-      readonly TanStackDialogForm: react255.FC<react255.PropsWithChildren<{
+      readonly TanStackDialogForm: react254.FC<react254.PropsWithChildren<{
         title: string;
         submitText?: string;
         open?: boolean;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackPopoverForm: react255.FC<react255.PropsWithChildren<{
+      readonly TanStackPopoverForm: react254.FC<react254.PropsWithChildren<{
         title: string;
         open?: boolean;
         contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackContainerForm: react255.FC<{
-        children?: react255.ReactNode | undefined;
+      readonly TanStackContainerForm: react254.FC<{
+        children?: react254.ReactNode | undefined;
       }>;
-      readonly TanStackSectionForm: react255.FC<react255.PropsWithChildren<{
+      readonly TanStackSectionForm: react254.FC<react254.PropsWithChildren<{
         title: string;
       }>>;
-      readonly TanStackCardForm: react255.FC<react255.PropsWithChildren<{
+      readonly TanStackCardForm: react254.FC<react254.PropsWithChildren<{
         title: string;
         description?: string;
         onDelete?: () => void | Promise<void>;
       }>>;
-      readonly TanStackFieldGroup: react255.FC<react255.PropsWithChildren<{
+      readonly TanStackFieldGroup: react254.FC<react254.PropsWithChildren<{
         label: string;
         description?: string;
         helperText?: string;
         orientation?: "horizontal" | "vertical" | "responsive";
       }>>;
-      readonly TanStackTitleField: react255.FC<{
+      readonly TanStackTitleField: react254.FC<{
         title: string;
         description?: string;
         helperText?: string;
       }>;
-      readonly TanStackActionsForm: react255.FC<react255.PropsWithChildren<{
+      readonly TanStackActionsForm: react254.FC<react254.PropsWithChildren<{
         type?: "create" | "update";
       }>>;
-      readonly TanStackActionSubmit: react255.FC<{
+      readonly TanStackActionSubmit: react254.FC<{
         label?: string;
         className?: string;
       }>;
     }>;
     fields: TFields;
-  }>) => ReturnType<react255.FunctionComponent>;
+  }>) => ReturnType<react254.FunctionComponent>;
 //#endregion
 export { Field, FieldContent, FieldContentMain, FieldError, FieldGroup, FieldLabel, FieldSeparator, useTanStackFieldContext, useTanStackForm, useTanStackFormContext, withTanStackFieldGroup, withTanStackForm };
 //# sourceMappingURL=index.d.cts.map