@customafk/lunas-ui 0.1.89 → 0.1.91

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

@@ -1,11 +1,64 @@
-import * as react26 from "react";
+import * as react_jsx_runtime349 from "react/jsx-runtime";
+import * as react229 from "react";
+import * as class_variance_authority_types20 from "class-variance-authority/types";
+import * as class_variance_authority0 from "class-variance-authority";
+import { VariantProps } from "class-variance-authority";
+import { Label } from "radix-ui";
 import * as _tanstack_form_core0 from "@tanstack/form-core";
 import * as _tanstack_react_form0 from "@tanstack/react-form";
 
+//#region packages/components/features/tanstack-form/components/ui/label.d.ts
+declare function Label$1({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof Label.Root>): react_jsx_runtime349.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_types20.ClassProp) | undefined) => string;
+declare const FieldGroup: react229.MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+declare const Field: react229.MemoExoticComponent<({
+  className,
+  orientation,
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) => react_jsx_runtime349.JSX.Element>;
+declare const FieldContent: react229.MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+declare const FieldContentMain: react229.MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+declare const FieldLabel: react229.MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<typeof Label$1>) => react_jsx_runtime349.JSX.Element>;
+declare const FieldSeparator: react229.MemoExoticComponent<({
+  children,
+  className,
+  ...props
+}: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime349.JSX.Element>;
+declare const FieldError: react229.MemoExoticComponent<({
+  className,
+  children,
+  errors,
+  ...props
+}: React.ComponentProps<"div"> & {
+  errors?: Array<{
+    message?: string;
+  } | undefined>;
+}) => react_jsx_runtime349.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: react26.FC<Pick<{
+    readonly TextField: react229.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -35,7 +88,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextareaField: react26.FC<Pick<{
+    readonly TextareaField: react229.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -63,7 +116,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly NumberField: react26.FC<Pick<{
+    readonly NumberField: react229.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -103,7 +156,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       allowNegative?: boolean;
     }>;
-    readonly EmailField: react26.FC<Pick<{
+    readonly EmailField: react229.FC<Pick<{
       rules: {
         maxLength?: number | undefined;
         minLength?: number | undefined;
@@ -122,7 +175,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
       maxLength?: number;
     }>;
-    readonly PasswordField: react26.FC<{
+    readonly PasswordField: react229.FC<{
       description?: string | undefined;
       label: string;
       tooltip?: string | undefined;
@@ -131,7 +184,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
     }>;
-    readonly SelectField: react26.FC<Pick<{
+    readonly SelectField: react229.FC<Pick<{
       options: {
         label: string;
         value: string;
@@ -156,10 +209,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "defaultValue" | "description" | "label" | "tooltip" | "orientation" | "options" | "placeholder" | "helperText" | "clearable"> & {
+    }, "description" | "label" | "defaultValue" | "tooltip" | "orientation" | "placeholder" | "options" | "helperText" | "clearable"> & {
       required?: boolean;
     }>;
-    readonly DateField: react26.FC<Pick<{
+    readonly DateField: react229.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -182,12 +235,12 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       minDate?: Date;
       maxDate?: Date;
     }>;
-    readonly SwitchField: react26.FC<{
+    readonly SwitchField: react229.FC<{
       description?: string | undefined;
       label: string;
       helperText?: string | undefined;
     }>;
-    readonly RadioGroupField: react26.FC<{
+    readonly RadioGroupField: react229.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -198,7 +251,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly CheckboxField: react26.FC<{
+    readonly CheckboxField: react229.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -208,44 +261,83 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
+    readonly FieldGroup: react229.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+    readonly Field: react229.MemoExoticComponent<({
+      className,
+      orientation,
+      ...props
+    }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+      orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+    } & class_variance_authority_types20.ClassProp) | undefined) => string>) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldContent: react229.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldLabel: react229.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldContentMain: react229.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldSeparator: react229.MemoExoticComponent<({
+      children,
+      className,
+      ...props
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldError: react229.MemoExoticComponent<({
+      className,
+      children,
+      errors,
+      ...props
+    }: React.ComponentProps<"div"> & {
+      errors?: Array<{
+        message?: string;
+      } | undefined>;
+    }) => react_jsx_runtime349.JSX.Element | null>;
   }, {
-    readonly TanStackDialogForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackDialogForm: react229.FC<react229.PropsWithChildren<{
       title: string;
       submitText?: string;
       open?: boolean;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackPopoverForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackPopoverForm: react229.FC<react229.PropsWithChildren<{
       title: string;
       open?: boolean;
+      contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackContainerForm: react26.FC<{
-      children?: react26.ReactNode | undefined;
+    readonly TanStackContainerForm: react229.FC<{
+      children?: react229.ReactNode | undefined;
     }>;
-    readonly TanStackSectionForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackSectionForm: react229.FC<react229.PropsWithChildren<{
       title: string;
     }>>;
-    readonly TanStackCardForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackCardForm: react229.FC<react229.PropsWithChildren<{
       title: string;
       description?: string;
       onDelete?: () => void | Promise<void>;
     }>>;
-    readonly TanStackFieldGroup: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackFieldGroup: react229.FC<react229.PropsWithChildren<{
       label: string;
       description?: string;
       helperText?: string;
       orientation?: "horizontal" | "vertical" | "responsive";
     }>>;
-    readonly TanStackTitleField: react26.FC<{
+    readonly TanStackTitleField: react229.FC<{
       title: string;
       description?: string;
       helperText?: string;
     }>;
-    readonly TanStackActionsForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackActionsForm: react229.FC<react229.PropsWithChildren<{
       type?: "create" | "update";
     }>>;
-    readonly TanStackActionSubmit: react26.FC<{
+    readonly TanStackActionSubmit: react229.FC<{
       label?: string;
       className?: string;
     }>;
@@ -253,7 +345,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: react26.FC<Pick<{
+    readonly TextField: react229.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -283,7 +375,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextareaField: react26.FC<Pick<{
+    readonly TextareaField: react229.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -311,7 +403,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly NumberField: react26.FC<Pick<{
+    readonly NumberField: react229.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -351,7 +443,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       allowNegative?: boolean;
     }>;
-    readonly EmailField: react26.FC<Pick<{
+    readonly EmailField: react229.FC<Pick<{
       rules: {
         maxLength?: number | undefined;
         minLength?: number | undefined;
@@ -370,7 +462,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
       maxLength?: number;
     }>;
-    readonly PasswordField: react26.FC<{
+    readonly PasswordField: react229.FC<{
       description?: string | undefined;
       label: string;
       tooltip?: string | undefined;
@@ -379,7 +471,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
     }>;
-    readonly SelectField: react26.FC<Pick<{
+    readonly SelectField: react229.FC<Pick<{
       options: {
         label: string;
         value: string;
@@ -404,10 +496,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "defaultValue" | "description" | "label" | "tooltip" | "orientation" | "options" | "placeholder" | "helperText" | "clearable"> & {
+    }, "description" | "label" | "defaultValue" | "tooltip" | "orientation" | "placeholder" | "options" | "helperText" | "clearable"> & {
       required?: boolean;
     }>;
-    readonly DateField: react26.FC<Pick<{
+    readonly DateField: react229.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -430,12 +522,12 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       minDate?: Date;
       maxDate?: Date;
     }>;
-    readonly SwitchField: react26.FC<{
+    readonly SwitchField: react229.FC<{
       description?: string | undefined;
       label: string;
       helperText?: string | undefined;
     }>;
-    readonly RadioGroupField: react26.FC<{
+    readonly RadioGroupField: react229.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -446,7 +538,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly CheckboxField: react26.FC<{
+    readonly CheckboxField: react229.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -456,50 +548,89 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
+    readonly FieldGroup: react229.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+    readonly Field: react229.MemoExoticComponent<({
+      className,
+      orientation,
+      ...props
+    }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+      orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+    } & class_variance_authority_types20.ClassProp) | undefined) => string>) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldContent: react229.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldLabel: react229.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldContentMain: react229.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldSeparator: react229.MemoExoticComponent<({
+      children,
+      className,
+      ...props
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldError: react229.MemoExoticComponent<({
+      className,
+      children,
+      errors,
+      ...props
+    }: React.ComponentProps<"div"> & {
+      errors?: Array<{
+        message?: string;
+      } | undefined>;
+    }) => react_jsx_runtime349.JSX.Element | null>;
   }, {
-    readonly TanStackDialogForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackDialogForm: react229.FC<react229.PropsWithChildren<{
       title: string;
       submitText?: string;
       open?: boolean;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackPopoverForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackPopoverForm: react229.FC<react229.PropsWithChildren<{
       title: string;
       open?: boolean;
+      contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackContainerForm: react26.FC<{
-      children?: react26.ReactNode | undefined;
+    readonly TanStackContainerForm: react229.FC<{
+      children?: react229.ReactNode | undefined;
     }>;
-    readonly TanStackSectionForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackSectionForm: react229.FC<react229.PropsWithChildren<{
       title: string;
     }>>;
-    readonly TanStackCardForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackCardForm: react229.FC<react229.PropsWithChildren<{
       title: string;
       description?: string;
       onDelete?: () => void | Promise<void>;
     }>>;
-    readonly TanStackFieldGroup: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackFieldGroup: react229.FC<react229.PropsWithChildren<{
       label: string;
       description?: string;
       helperText?: string;
       orientation?: "horizontal" | "vertical" | "responsive";
     }>>;
-    readonly TanStackTitleField: react26.FC<{
+    readonly TanStackTitleField: react229.FC<{
       title: string;
       description?: string;
       helperText?: string;
     }>;
-    readonly TanStackActionsForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackActionsForm: react229.FC<react229.PropsWithChildren<{
       type?: "create" | "update";
     }>>;
-    readonly TanStackActionSubmit: react26.FC<{
+    readonly TanStackActionSubmit: react229.FC<{
       label?: string;
       className?: string;
     }>;
-  }, TRenderProps>) => react26.FunctionComponent<react26.PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
+  }, TRenderProps>) => react229.FunctionComponent<react229.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: react26.FC<Pick<{
+      readonly TextField: react229.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -529,7 +660,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextareaField: react26.FC<Pick<{
+      readonly TextareaField: react229.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -557,7 +688,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly NumberField: react26.FC<Pick<{
+      readonly NumberField: react229.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -597,7 +728,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         allowNegative?: boolean;
       }>;
-      readonly EmailField: react26.FC<Pick<{
+      readonly EmailField: react229.FC<Pick<{
         rules: {
           maxLength?: number | undefined;
           minLength?: number | undefined;
@@ -616,7 +747,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
         maxLength?: number;
       }>;
-      readonly PasswordField: react26.FC<{
+      readonly PasswordField: react229.FC<{
         description?: string | undefined;
         label: string;
         tooltip?: string | undefined;
@@ -625,7 +756,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
       }>;
-      readonly SelectField: react26.FC<Pick<{
+      readonly SelectField: react229.FC<Pick<{
         options: {
           label: string;
           value: string;
@@ -650,10 +781,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "defaultValue" | "description" | "label" | "tooltip" | "orientation" | "options" | "placeholder" | "helperText" | "clearable"> & {
+      }, "description" | "label" | "defaultValue" | "tooltip" | "orientation" | "placeholder" | "options" | "helperText" | "clearable"> & {
         required?: boolean;
       }>;
-      readonly DateField: react26.FC<Pick<{
+      readonly DateField: react229.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -676,12 +807,12 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         minDate?: Date;
         maxDate?: Date;
       }>;
-      readonly SwitchField: react26.FC<{
+      readonly SwitchField: react229.FC<{
         description?: string | undefined;
         label: string;
         helperText?: string | undefined;
       }>;
-      readonly RadioGroupField: react26.FC<{
+      readonly RadioGroupField: react229.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -692,7 +823,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly CheckboxField: react26.FC<{
+      readonly CheckboxField: react229.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -702,44 +833,83 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
+      readonly FieldGroup: react229.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+      readonly Field: react229.MemoExoticComponent<({
+        className,
+        orientation,
+        ...props
+      }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+      } & class_variance_authority_types20.ClassProp) | undefined) => string>) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldContent: react229.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldLabel: react229.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldContentMain: react229.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldSeparator: react229.MemoExoticComponent<({
+        children,
+        className,
+        ...props
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldError: react229.MemoExoticComponent<({
+        className,
+        children,
+        errors,
+        ...props
+      }: React.ComponentProps<"div"> & {
+        errors?: Array<{
+          message?: string;
+        } | undefined>;
+      }) => react_jsx_runtime349.JSX.Element | null>;
     }, {
-      readonly TanStackDialogForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackDialogForm: react229.FC<react229.PropsWithChildren<{
         title: string;
         submitText?: string;
         open?: boolean;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackPopoverForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackPopoverForm: react229.FC<react229.PropsWithChildren<{
         title: string;
         open?: boolean;
+        contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackContainerForm: react26.FC<{
-        children?: react26.ReactNode | undefined;
+      readonly TanStackContainerForm: react229.FC<{
+        children?: react229.ReactNode | undefined;
       }>;
-      readonly TanStackSectionForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackSectionForm: react229.FC<react229.PropsWithChildren<{
         title: string;
       }>>;
-      readonly TanStackCardForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackCardForm: react229.FC<react229.PropsWithChildren<{
         title: string;
         description?: string;
         onDelete?: () => void | Promise<void>;
       }>>;
-      readonly TanStackFieldGroup: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackFieldGroup: react229.FC<react229.PropsWithChildren<{
         label: string;
         description?: string;
         helperText?: string;
         orientation?: "horizontal" | "vertical" | "responsive";
       }>>;
-      readonly TanStackTitleField: react26.FC<{
+      readonly TanStackTitleField: react229.FC<{
         title: string;
         description?: string;
         helperText?: string;
       }>;
-      readonly TanStackActionsForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackActionsForm: react229.FC<react229.PropsWithChildren<{
         type?: "create" | "update";
       }>>;
-      readonly TanStackActionSubmit: react26.FC<{
+      readonly TanStackActionSubmit: react229.FC<{
         label?: string;
         className?: string;
       }>;
@@ -749,7 +919,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     props,
     defaultValues
   }: _tanstack_react_form0.WithFieldGroupProps<TFieldGroupData, {
-    readonly TextField: react26.FC<Pick<{
+    readonly TextField: react229.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -779,7 +949,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly TextareaField: react26.FC<Pick<{
+    readonly TextareaField: react229.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -807,7 +977,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       maxLength?: number;
     }>;
-    readonly NumberField: react26.FC<Pick<{
+    readonly NumberField: react229.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -847,7 +1017,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       required?: boolean;
       allowNegative?: boolean;
     }>;
-    readonly EmailField: react26.FC<Pick<{
+    readonly EmailField: react229.FC<Pick<{
       rules: {
         maxLength?: number | undefined;
         minLength?: number | undefined;
@@ -866,7 +1036,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
       maxLength?: number;
     }>;
-    readonly PasswordField: react26.FC<{
+    readonly PasswordField: react229.FC<{
       description?: string | undefined;
       label: string;
       tooltip?: string | undefined;
@@ -875,7 +1045,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
     }>;
-    readonly SelectField: react26.FC<Pick<{
+    readonly SelectField: react229.FC<Pick<{
       options: {
         label: string;
         value: string;
@@ -900,10 +1070,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "defaultValue" | "description" | "label" | "tooltip" | "orientation" | "options" | "placeholder" | "helperText" | "clearable"> & {
+    }, "description" | "label" | "defaultValue" | "tooltip" | "orientation" | "placeholder" | "options" | "helperText" | "clearable"> & {
       required?: boolean;
     }>;
-    readonly DateField: react26.FC<Pick<{
+    readonly DateField: react229.FC<Pick<{
       label: string;
       name: string;
       camelCaseName: string;
@@ -926,12 +1096,12 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       minDate?: Date;
       maxDate?: Date;
     }>;
-    readonly SwitchField: react26.FC<{
+    readonly SwitchField: react229.FC<{
       description?: string | undefined;
       label: string;
       helperText?: string | undefined;
     }>;
-    readonly RadioGroupField: react26.FC<{
+    readonly RadioGroupField: react229.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -942,7 +1112,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
-    readonly CheckboxField: react26.FC<{
+    readonly CheckboxField: react229.FC<{
       description?: string | undefined;
       label: string;
       orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -952,50 +1122,89 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }[];
       helperText?: string | undefined;
     }>;
+    readonly FieldGroup: react229.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+    readonly Field: react229.MemoExoticComponent<({
+      className,
+      orientation,
+      ...props
+    }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+      orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+    } & class_variance_authority_types20.ClassProp) | undefined) => string>) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldContent: react229.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldLabel: react229.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldContentMain: react229.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldSeparator: react229.MemoExoticComponent<({
+      children,
+      className,
+      ...props
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime349.JSX.Element>;
+    readonly FieldError: react229.MemoExoticComponent<({
+      className,
+      children,
+      errors,
+      ...props
+    }: React.ComponentProps<"div"> & {
+      errors?: Array<{
+        message?: string;
+      } | undefined>;
+    }) => react_jsx_runtime349.JSX.Element | null>;
   }, {
-    readonly TanStackDialogForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackDialogForm: react229.FC<react229.PropsWithChildren<{
       title: string;
       submitText?: string;
       open?: boolean;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackPopoverForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackPopoverForm: react229.FC<react229.PropsWithChildren<{
       title: string;
       open?: boolean;
+      contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
-    readonly TanStackContainerForm: react26.FC<{
-      children?: react26.ReactNode | undefined;
+    readonly TanStackContainerForm: react229.FC<{
+      children?: react229.ReactNode | undefined;
     }>;
-    readonly TanStackSectionForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackSectionForm: react229.FC<react229.PropsWithChildren<{
       title: string;
     }>>;
-    readonly TanStackCardForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackCardForm: react229.FC<react229.PropsWithChildren<{
       title: string;
       description?: string;
       onDelete?: () => void | Promise<void>;
     }>>;
-    readonly TanStackFieldGroup: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackFieldGroup: react229.FC<react229.PropsWithChildren<{
       label: string;
       description?: string;
       helperText?: string;
       orientation?: "horizontal" | "vertical" | "responsive";
     }>>;
-    readonly TanStackTitleField: react26.FC<{
+    readonly TanStackTitleField: react229.FC<{
       title: string;
       description?: string;
       helperText?: string;
     }>;
-    readonly TanStackActionsForm: react26.FC<react26.PropsWithChildren<{
+    readonly TanStackActionsForm: react229.FC<react229.PropsWithChildren<{
       type?: "create" | "update";
     }>>;
-    readonly TanStackActionSubmit: react26.FC<{
+    readonly TanStackActionSubmit: react229.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: react26.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: react229.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: react26.FC<Pick<{
+      readonly TextField: react229.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1025,7 +1234,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextareaField: react26.FC<Pick<{
+      readonly TextareaField: react229.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1053,7 +1262,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly NumberField: react26.FC<Pick<{
+      readonly NumberField: react229.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1093,7 +1302,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         allowNegative?: boolean;
       }>;
-      readonly EmailField: react26.FC<Pick<{
+      readonly EmailField: react229.FC<Pick<{
         rules: {
           maxLength?: number | undefined;
           minLength?: number | undefined;
@@ -1112,7 +1321,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
         maxLength?: number;
       }>;
-      readonly PasswordField: react26.FC<{
+      readonly PasswordField: react229.FC<{
         description?: string | undefined;
         label: string;
         tooltip?: string | undefined;
@@ -1121,7 +1330,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
       }>;
-      readonly SelectField: react26.FC<Pick<{
+      readonly SelectField: react229.FC<Pick<{
         options: {
           label: string;
           value: string;
@@ -1146,10 +1355,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "defaultValue" | "description" | "label" | "tooltip" | "orientation" | "options" | "placeholder" | "helperText" | "clearable"> & {
+      }, "description" | "label" | "defaultValue" | "tooltip" | "orientation" | "placeholder" | "options" | "helperText" | "clearable"> & {
         required?: boolean;
       }>;
-      readonly DateField: react26.FC<Pick<{
+      readonly DateField: react229.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1172,12 +1381,12 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         minDate?: Date;
         maxDate?: Date;
       }>;
-      readonly SwitchField: react26.FC<{
+      readonly SwitchField: react229.FC<{
         description?: string | undefined;
         label: string;
         helperText?: string | undefined;
       }>;
-      readonly RadioGroupField: react26.FC<{
+      readonly RadioGroupField: react229.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1188,7 +1397,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly CheckboxField: react26.FC<{
+      readonly CheckboxField: react229.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1198,49 +1407,88 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
+      readonly FieldGroup: react229.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+      readonly Field: react229.MemoExoticComponent<({
+        className,
+        orientation,
+        ...props
+      }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+      } & class_variance_authority_types20.ClassProp) | undefined) => string>) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldContent: react229.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldLabel: react229.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldContentMain: react229.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldSeparator: react229.MemoExoticComponent<({
+        children,
+        className,
+        ...props
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldError: react229.MemoExoticComponent<({
+        className,
+        children,
+        errors,
+        ...props
+      }: React.ComponentProps<"div"> & {
+        errors?: Array<{
+          message?: string;
+        } | undefined>;
+      }) => react_jsx_runtime349.JSX.Element | null>;
     }, {
-      readonly TanStackDialogForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackDialogForm: react229.FC<react229.PropsWithChildren<{
         title: string;
         submitText?: string;
         open?: boolean;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackPopoverForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackPopoverForm: react229.FC<react229.PropsWithChildren<{
         title: string;
         open?: boolean;
+        contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackContainerForm: react26.FC<{
-        children?: react26.ReactNode | undefined;
+      readonly TanStackContainerForm: react229.FC<{
+        children?: react229.ReactNode | undefined;
       }>;
-      readonly TanStackSectionForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackSectionForm: react229.FC<react229.PropsWithChildren<{
         title: string;
       }>>;
-      readonly TanStackCardForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackCardForm: react229.FC<react229.PropsWithChildren<{
         title: string;
         description?: string;
         onDelete?: () => void | Promise<void>;
       }>>;
-      readonly TanStackFieldGroup: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackFieldGroup: react229.FC<react229.PropsWithChildren<{
         label: string;
         description?: string;
         helperText?: string;
         orientation?: "horizontal" | "vertical" | "responsive";
       }>>;
-      readonly TanStackTitleField: react26.FC<{
+      readonly TanStackTitleField: react229.FC<{
         title: string;
         description?: string;
         helperText?: string;
       }>;
-      readonly TanStackActionsForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackActionsForm: react229.FC<react229.PropsWithChildren<{
         type?: "create" | "update";
       }>>;
-      readonly TanStackActionSubmit: react26.FC<{
+      readonly TanStackActionSubmit: react229.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: react26.FC<Pick<{
+      readonly TextField: react229.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1270,7 +1518,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly TextareaField: react26.FC<Pick<{
+      readonly TextareaField: react229.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1298,7 +1546,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         maxLength?: number;
       }>;
-      readonly NumberField: react26.FC<Pick<{
+      readonly NumberField: react229.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1338,7 +1586,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         required?: boolean;
         allowNegative?: boolean;
       }>;
-      readonly EmailField: react26.FC<Pick<{
+      readonly EmailField: react229.FC<Pick<{
         rules: {
           maxLength?: number | undefined;
           minLength?: number | undefined;
@@ -1357,7 +1605,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
         maxLength?: number;
       }>;
-      readonly PasswordField: react26.FC<{
+      readonly PasswordField: react229.FC<{
         description?: string | undefined;
         label: string;
         tooltip?: string | undefined;
@@ -1366,7 +1614,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
       }>;
-      readonly SelectField: react26.FC<Pick<{
+      readonly SelectField: react229.FC<Pick<{
         options: {
           label: string;
           value: string;
@@ -1391,10 +1639,10 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "defaultValue" | "description" | "label" | "tooltip" | "orientation" | "options" | "placeholder" | "helperText" | "clearable"> & {
+      }, "description" | "label" | "defaultValue" | "tooltip" | "orientation" | "placeholder" | "options" | "helperText" | "clearable"> & {
         required?: boolean;
       }>;
-      readonly DateField: react26.FC<Pick<{
+      readonly DateField: react229.FC<Pick<{
         label: string;
         name: string;
         camelCaseName: string;
@@ -1417,12 +1665,12 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         minDate?: Date;
         maxDate?: Date;
       }>;
-      readonly SwitchField: react26.FC<{
+      readonly SwitchField: react229.FC<{
         description?: string | undefined;
         label: string;
         helperText?: string | undefined;
       }>;
-      readonly RadioGroupField: react26.FC<{
+      readonly RadioGroupField: react229.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1433,7 +1681,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
-      readonly CheckboxField: react26.FC<{
+      readonly CheckboxField: react229.FC<{
         description?: string | undefined;
         label: string;
         orientation?: "vertical" | "horizontal" | "responsive" | undefined;
@@ -1443,50 +1691,89 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         }[];
         helperText?: string | undefined;
       }>;
+      readonly FieldGroup: react229.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+      readonly Field: react229.MemoExoticComponent<({
+        className,
+        orientation,
+        ...props
+      }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+      } & class_variance_authority_types20.ClassProp) | undefined) => string>) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldContent: react229.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldLabel: react229.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldContentMain: react229.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldSeparator: react229.MemoExoticComponent<({
+        children,
+        className,
+        ...props
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime349.JSX.Element>;
+      readonly FieldError: react229.MemoExoticComponent<({
+        className,
+        children,
+        errors,
+        ...props
+      }: React.ComponentProps<"div"> & {
+        errors?: Array<{
+          message?: string;
+        } | undefined>;
+      }) => react_jsx_runtime349.JSX.Element | null>;
     }, {
-      readonly TanStackDialogForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackDialogForm: react229.FC<react229.PropsWithChildren<{
         title: string;
         submitText?: string;
         open?: boolean;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackPopoverForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackPopoverForm: react229.FC<react229.PropsWithChildren<{
         title: string;
         open?: boolean;
+        contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
-      readonly TanStackContainerForm: react26.FC<{
-        children?: react26.ReactNode | undefined;
+      readonly TanStackContainerForm: react229.FC<{
+        children?: react229.ReactNode | undefined;
       }>;
-      readonly TanStackSectionForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackSectionForm: react229.FC<react229.PropsWithChildren<{
         title: string;
       }>>;
-      readonly TanStackCardForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackCardForm: react229.FC<react229.PropsWithChildren<{
         title: string;
         description?: string;
         onDelete?: () => void | Promise<void>;
       }>>;
-      readonly TanStackFieldGroup: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackFieldGroup: react229.FC<react229.PropsWithChildren<{
         label: string;
         description?: string;
         helperText?: string;
         orientation?: "horizontal" | "vertical" | "responsive";
       }>>;
-      readonly TanStackTitleField: react26.FC<{
+      readonly TanStackTitleField: react229.FC<{
         title: string;
         description?: string;
         helperText?: string;
       }>;
-      readonly TanStackActionsForm: react26.FC<react26.PropsWithChildren<{
+      readonly TanStackActionsForm: react229.FC<react229.PropsWithChildren<{
         type?: "create" | "update";
       }>>;
-      readonly TanStackActionSubmit: react26.FC<{
+      readonly TanStackActionSubmit: react229.FC<{
         label?: string;
         className?: string;
       }>;
     }>;
     fields: TFields;
-  }>) => ReturnType<react26.FunctionComponent>;
+  }>) => ReturnType<react229.FunctionComponent>;
 //#endregion
-export { useTanStackFieldContext, useTanStackForm, useTanStackFormContext, withTanStackFieldGroup, withTanStackForm };
+export { Field, FieldContent, FieldContentMain, FieldError, FieldGroup, FieldLabel, FieldSeparator, useTanStackFieldContext, useTanStackForm, useTanStackFormContext, withTanStackFieldGroup, withTanStackForm };
 //# sourceMappingURL=index.d.cts.map