@customafk/lunas-ui 0.1.88 → 0.1.90

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

@@ -1,7 +1,18 @@
+import * as react_jsx_runtime338 from "react/jsx-runtime";
 import * as react26 from "react";
+import * as class_variance_authority0 from "class-variance-authority";
+import { Label } from "radix-ui";
 import * as _tanstack_react_form0 from "@tanstack/react-form";
+import * as class_variance_authority_types14 from "class-variance-authority/types";
 import * as _tanstack_form_core0 from "@tanstack/form-core";
 
+//#region packages/components/features/tanstack-form/components/ui/label.d.ts
+declare function Label$1({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof Label.Root>): react_jsx_runtime338.JSX.Element;
+//#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, {
@@ -31,7 +42,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       showClearButton?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
@@ -59,7 +70,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       counter?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "counter" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
@@ -99,7 +110,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       unit?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
       required?: boolean;
       allowNegative?: boolean;
     }>;
@@ -119,15 +130,15 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       showErrorMessage?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
       maxLength?: number;
     }>;
     readonly PasswordField: react26.FC<{
       description?: string | undefined;
       label: string;
-      tooltip?: string | undefined;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
       placeholder?: string | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
     }>;
@@ -156,7 +167,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "defaultValue" | "tooltip" | "orientation" | "options" | "placeholder" | "helperText" | "clearable"> & {
+    }, "description" | "defaultValue" | "label" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
       required?: boolean;
     }>;
     readonly DateField: react26.FC<Pick<{
@@ -177,7 +188,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       minDate?: Date;
       maxDate?: Date;
@@ -218,6 +229,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     readonly TanStackPopoverForm: react26.FC<react26.PropsWithChildren<{
       title: string;
       open?: boolean;
+      contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
     readonly TanStackContainerForm: react26.FC<{
@@ -249,6 +261,44 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       label?: string;
       className?: string;
     }>;
+    readonly FieldGroup: react26.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime338.JSX.Element>;
+    readonly Field: react26.MemoExoticComponent<({
+      className,
+      orientation,
+      ...props
+    }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+      orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+    } & class_variance_authority_types14.ClassProp) | undefined) => string>) => react_jsx_runtime338.JSX.Element>;
+    readonly FieldContent: react26.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime338.JSX.Element>;
+    readonly FieldLabel: react26.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime338.JSX.Element>;
+    readonly FieldContentMain: react26.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime338.JSX.Element>;
+    readonly FieldSeparator: react26.MemoExoticComponent<({
+      children,
+      className,
+      ...props
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime338.JSX.Element>;
+    readonly FieldError: react26.MemoExoticComponent<({
+      className,
+      children,
+      errors,
+      ...props
+    }: React.ComponentProps<"div"> & {
+      errors?: Array<{
+        message?: string;
+      } | undefined>;
+    }) => react_jsx_runtime338.JSX.Element | null>;
   }>, withTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnChange extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends object = {}>({
     render,
     props
@@ -279,7 +329,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       showClearButton?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
@@ -307,7 +357,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       counter?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "counter" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
@@ -347,7 +397,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       unit?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
       required?: boolean;
       allowNegative?: boolean;
     }>;
@@ -367,15 +417,15 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       showErrorMessage?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
       maxLength?: number;
     }>;
     readonly PasswordField: react26.FC<{
       description?: string | undefined;
       label: string;
-      tooltip?: string | undefined;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
       placeholder?: string | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
     }>;
@@ -404,7 +454,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "defaultValue" | "tooltip" | "orientation" | "options" | "placeholder" | "helperText" | "clearable"> & {
+    }, "description" | "defaultValue" | "label" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
       required?: boolean;
     }>;
     readonly DateField: react26.FC<Pick<{
@@ -425,7 +475,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       minDate?: Date;
       maxDate?: Date;
@@ -466,6 +516,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     readonly TanStackPopoverForm: react26.FC<react26.PropsWithChildren<{
       title: string;
       open?: boolean;
+      contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
     readonly TanStackContainerForm: react26.FC<{
@@ -497,6 +548,44 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       label?: string;
       className?: string;
     }>;
+    readonly FieldGroup: react26.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime338.JSX.Element>;
+    readonly Field: react26.MemoExoticComponent<({
+      className,
+      orientation,
+      ...props
+    }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+      orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+    } & class_variance_authority_types14.ClassProp) | undefined) => string>) => react_jsx_runtime338.JSX.Element>;
+    readonly FieldContent: react26.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime338.JSX.Element>;
+    readonly FieldLabel: react26.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime338.JSX.Element>;
+    readonly FieldContentMain: react26.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime338.JSX.Element>;
+    readonly FieldSeparator: react26.MemoExoticComponent<({
+      children,
+      className,
+      ...props
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime338.JSX.Element>;
+    readonly FieldError: react26.MemoExoticComponent<({
+      className,
+      children,
+      errors,
+      ...props
+    }: React.ComponentProps<"div"> & {
+      errors?: Array<{
+        message?: string;
+      } | undefined>;
+    }) => react_jsx_runtime338.JSX.Element | null>;
   }, TRenderProps>) => react26.FunctionComponent<react26.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<{
@@ -525,7 +614,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         showClearButton?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
@@ -553,7 +642,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         counter?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "counter" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
@@ -593,7 +682,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         unit?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
         required?: boolean;
         allowNegative?: boolean;
       }>;
@@ -613,15 +702,15 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         showErrorMessage?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
         maxLength?: number;
       }>;
       readonly PasswordField: react26.FC<{
         description?: string | undefined;
         label: string;
-        tooltip?: string | undefined;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
         placeholder?: string | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
       }>;
@@ -650,7 +739,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "defaultValue" | "tooltip" | "orientation" | "options" | "placeholder" | "helperText" | "clearable"> & {
+      }, "description" | "defaultValue" | "label" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
         required?: boolean;
       }>;
       readonly DateField: react26.FC<Pick<{
@@ -671,7 +760,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         minDate?: Date;
         maxDate?: Date;
@@ -712,6 +801,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       readonly TanStackPopoverForm: react26.FC<react26.PropsWithChildren<{
         title: string;
         open?: boolean;
+        contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
       readonly TanStackContainerForm: react26.FC<{
@@ -743,6 +833,44 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         label?: string;
         className?: string;
       }>;
+      readonly FieldGroup: react26.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime338.JSX.Element>;
+      readonly Field: react26.MemoExoticComponent<({
+        className,
+        orientation,
+        ...props
+      }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+      } & class_variance_authority_types14.ClassProp) | undefined) => string>) => react_jsx_runtime338.JSX.Element>;
+      readonly FieldContent: react26.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime338.JSX.Element>;
+      readonly FieldLabel: react26.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime338.JSX.Element>;
+      readonly FieldContentMain: react26.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime338.JSX.Element>;
+      readonly FieldSeparator: react26.MemoExoticComponent<({
+        children,
+        className,
+        ...props
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime338.JSX.Element>;
+      readonly FieldError: react26.MemoExoticComponent<({
+        className,
+        children,
+        errors,
+        ...props
+      }: React.ComponentProps<"div"> & {
+        errors?: Array<{
+          message?: string;
+        } | undefined>;
+      }) => react_jsx_runtime338.JSX.Element | null>;
     }>;
   }>>, withTanStackFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps extends object = {}>({
     render,
@@ -775,7 +903,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       showClearButton?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
@@ -803,7 +931,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       counter?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "counter" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       maxLength?: number;
     }>;
@@ -843,7 +971,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       unit?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
       required?: boolean;
       allowNegative?: boolean;
     }>;
@@ -863,15 +991,15 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       showErrorMessage?: boolean | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
       maxLength?: number;
     }>;
     readonly PasswordField: react26.FC<{
       description?: string | undefined;
       label: string;
-      tooltip?: string | undefined;
-      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
       placeholder?: string | undefined;
+      orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+      tooltip?: string | undefined;
       helperText?: string | undefined;
       showErrorMessage?: boolean | undefined;
     }>;
@@ -900,7 +1028,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "defaultValue" | "tooltip" | "orientation" | "options" | "placeholder" | "helperText" | "clearable"> & {
+    }, "description" | "defaultValue" | "label" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
       required?: boolean;
     }>;
     readonly DateField: react26.FC<Pick<{
@@ -921,7 +1049,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       defaultValue?: string | undefined;
       description?: string | undefined;
       placeholder?: string | undefined;
-    }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
+    }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
       required?: boolean;
       minDate?: Date;
       maxDate?: Date;
@@ -962,6 +1090,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     readonly TanStackPopoverForm: react26.FC<react26.PropsWithChildren<{
       title: string;
       open?: boolean;
+      contentClassName?: string;
       onOpenChange?: (open: boolean) => void;
     }>>;
     readonly TanStackContainerForm: react26.FC<{
@@ -993,6 +1122,44 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       label?: string;
       className?: string;
     }>;
+    readonly FieldGroup: react26.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime338.JSX.Element>;
+    readonly Field: react26.MemoExoticComponent<({
+      className,
+      orientation,
+      ...props
+    }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+      orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+    } & class_variance_authority_types14.ClassProp) | undefined) => string>) => react_jsx_runtime338.JSX.Element>;
+    readonly FieldContent: react26.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime338.JSX.Element>;
+    readonly FieldLabel: react26.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime338.JSX.Element>;
+    readonly FieldContentMain: react26.MemoExoticComponent<({
+      className,
+      ...props
+    }: React.ComponentProps<"div">) => react_jsx_runtime338.JSX.Element>;
+    readonly FieldSeparator: react26.MemoExoticComponent<({
+      children,
+      className,
+      ...props
+    }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime338.JSX.Element>;
+    readonly FieldError: react26.MemoExoticComponent<({
+      className,
+      children,
+      errors,
+      ...props
+    }: React.ComponentProps<"div"> & {
+      errors?: Array<{
+        message?: string;
+      } | undefined>;
+    }) => react_jsx_runtime338.JSX.Element | null>;
   }, 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> & {
     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<{
@@ -1021,7 +1188,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         showClearButton?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
@@ -1049,7 +1216,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         counter?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "counter" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
@@ -1089,7 +1256,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         unit?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
         required?: boolean;
         allowNegative?: boolean;
       }>;
@@ -1109,15 +1276,15 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         showErrorMessage?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
         maxLength?: number;
       }>;
       readonly PasswordField: react26.FC<{
         description?: string | undefined;
         label: string;
-        tooltip?: string | undefined;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
         placeholder?: string | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
       }>;
@@ -1146,7 +1313,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "defaultValue" | "tooltip" | "orientation" | "options" | "placeholder" | "helperText" | "clearable"> & {
+      }, "description" | "defaultValue" | "label" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
         required?: boolean;
       }>;
       readonly DateField: react26.FC<Pick<{
@@ -1167,7 +1334,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         minDate?: Date;
         maxDate?: Date;
@@ -1208,6 +1375,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       readonly TanStackPopoverForm: react26.FC<react26.PropsWithChildren<{
         title: string;
         open?: boolean;
+        contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
       readonly TanStackContainerForm: react26.FC<{
@@ -1239,6 +1407,44 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         label?: string;
         className?: string;
       }>;
+      readonly FieldGroup: react26.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime338.JSX.Element>;
+      readonly Field: react26.MemoExoticComponent<({
+        className,
+        orientation,
+        ...props
+      }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+      } & class_variance_authority_types14.ClassProp) | undefined) => string>) => react_jsx_runtime338.JSX.Element>;
+      readonly FieldContent: react26.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime338.JSX.Element>;
+      readonly FieldLabel: react26.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime338.JSX.Element>;
+      readonly FieldContentMain: react26.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime338.JSX.Element>;
+      readonly FieldSeparator: react26.MemoExoticComponent<({
+        children,
+        className,
+        ...props
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime338.JSX.Element>;
+      readonly FieldError: react26.MemoExoticComponent<({
+        className,
+        children,
+        errors,
+        ...props
+      }: React.ComponentProps<"div"> & {
+        errors?: Array<{
+          message?: string;
+        } | undefined>;
+      }) => react_jsx_runtime338.JSX.Element | null>;
     }> | _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<{
         label: string;
@@ -1266,7 +1472,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         showClearButton?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "showClearButton" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
@@ -1294,7 +1500,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         counter?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "counter" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "counter" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         maxLength?: number;
       }>;
@@ -1334,7 +1540,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         unit?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage" | "rounding" | "decimalPlaces" | "percision" | "unit"> & {
         required?: boolean;
         allowNegative?: boolean;
       }>;
@@ -1354,15 +1560,15 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         showErrorMessage?: boolean | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
         maxLength?: number;
       }>;
       readonly PasswordField: react26.FC<{
         description?: string | undefined;
         label: string;
-        tooltip?: string | undefined;
-        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
         placeholder?: string | undefined;
+        orientation?: "vertical" | "horizontal" | "responsive" | undefined;
+        tooltip?: string | undefined;
         helperText?: string | undefined;
         showErrorMessage?: boolean | undefined;
       }>;
@@ -1391,7 +1597,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "defaultValue" | "tooltip" | "orientation" | "options" | "placeholder" | "helperText" | "clearable"> & {
+      }, "description" | "defaultValue" | "label" | "placeholder" | "orientation" | "tooltip" | "options" | "helperText" | "clearable"> & {
         required?: boolean;
       }>;
       readonly DateField: react26.FC<Pick<{
@@ -1412,7 +1618,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         defaultValue?: string | undefined;
         description?: string | undefined;
         placeholder?: string | undefined;
-      }, "description" | "label" | "tooltip" | "orientation" | "placeholder" | "helperText" | "showErrorMessage"> & {
+      }, "description" | "label" | "placeholder" | "orientation" | "tooltip" | "helperText" | "showErrorMessage"> & {
         required?: boolean;
         minDate?: Date;
         maxDate?: Date;
@@ -1453,6 +1659,7 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
       readonly TanStackPopoverForm: react26.FC<react26.PropsWithChildren<{
         title: string;
         open?: boolean;
+        contentClassName?: string;
         onOpenChange?: (open: boolean) => void;
       }>>;
       readonly TanStackContainerForm: react26.FC<{
@@ -1484,6 +1691,44 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
         label?: string;
         className?: string;
       }>;
+      readonly FieldGroup: react26.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime338.JSX.Element>;
+      readonly Field: react26.MemoExoticComponent<({
+        className,
+        orientation,
+        ...props
+      }: React.ComponentProps<"div"> & class_variance_authority0.VariantProps<(props?: ({
+        orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+      } & class_variance_authority_types14.ClassProp) | undefined) => string>) => react_jsx_runtime338.JSX.Element>;
+      readonly FieldContent: react26.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime338.JSX.Element>;
+      readonly FieldLabel: react26.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<typeof Label$1>) => react_jsx_runtime338.JSX.Element>;
+      readonly FieldContentMain: react26.MemoExoticComponent<({
+        className,
+        ...props
+      }: React.ComponentProps<"div">) => react_jsx_runtime338.JSX.Element>;
+      readonly FieldSeparator: react26.MemoExoticComponent<({
+        children,
+        className,
+        ...props
+      }: React.PropsWithChildren<React.ComponentProps<"div">>) => react_jsx_runtime338.JSX.Element>;
+      readonly FieldError: react26.MemoExoticComponent<({
+        className,
+        children,
+        errors,
+        ...props
+      }: React.ComponentProps<"div"> & {
+        errors?: Array<{
+          message?: string;
+        } | undefined>;
+      }) => react_jsx_runtime338.JSX.Element | null>;
     }>;
     fields: TFields;
   }>) => ReturnType<react26.FunctionComponent>;