npm - @payfit/unity-components - Versions diffs - 2.0.0 → 2.1.4 - Mend

@payfit/unity-components 2.0.0 → 2.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (353) hide show

package/dist/esm/hooks/use-tanstack-form.d.ts ADDED Viewed

@@ -0,0 +1,369 @@
+import { MultiSelectComponent } from '../components/multi-select/MultiselectTypes.js';
+export declare const useTanstackUnityForm: <TFormData, TOnMount extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnChange extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: import('@tanstack/react-form').FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => import('@tanstack/react-form').AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+    readonly FieldFeedbackText: import('react').ForwardRefExoticComponent<import('../components/form-field/parts/TanstackFormFeedbackText.js').TanstackFormFeedbackTextProps & import('react').RefAttributes<HTMLSpanElement>>;
+    readonly FieldHelperText: import('react').ForwardRefExoticComponent<import('../components/form-field/parts/TanstackFormHelperText.js').TanstackFormHelperTextProps & import('react').RefAttributes<HTMLSpanElement>>;
+    readonly FieldLabel: import('react').ForwardRefExoticComponent<import('../index.js').LabelProps & import('react').RefAttributes<HTMLLabelElement>>;
+    readonly FieldRawContextualLink: import('react').ForwardRefExoticComponent<import('../components/form-field/parts/TanstackRawFormContextualLink.js').TanstackRawFormContextualLinkProps & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+    readonly Field: typeof import('../components/form-field/TanstackFormField.js').TanstackFormField;
+    readonly CheckboxGroupInput: import('react').ForwardRefExoticComponent<import('../components/checkbox-group/TanstackCheckboxGroup.js').TanstackCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly CheckboxInput: import('react').ForwardRefExoticComponent<import('../components/checkbox/TanstackCheckbox.js').TanstackCheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;
+    readonly DatePickerInput: import('react').ForwardRefExoticComponent<import('../components/date-picker/TanstackDatePicker.js').TanstackDatePickerProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly MultiSelectInput: MultiSelectComponent & {
+        displayName: string;
+    };
+    readonly PhoneNumberInput: import('react').ForwardRefExoticComponent<import('../components/phone-number/TanstackPhoneNumberInput.js').TanstackPhoneNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    readonly NumberInput: import('react').ForwardRefExoticComponent<import('../components/number-input/TanstackNumberInput.js').TanstackNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    readonly RadioButtonInput: import('react').ForwardRefExoticComponent<import('../components/radio-button-group/TanstackRadioButtonGroup.js').TanstackRadioButtonGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly SelectableButtonGroupInput: import('react').ForwardRefExoticComponent<import('../components/selectable-button-group/TanstackSelectableButtonGroup.js').TanstackSelectableButtonGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly SelectableCardCheckboxGroupInput: import('react').ForwardRefExoticComponent<import('../components/selectable-card/selectable-card-checkbox-group/TanstackSelectableCardCheckboxGroup.js').TanstackSelectableCardCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly SelectableCardRadioGroupInput: import('react').ForwardRefExoticComponent<import('../components/selectable-card/selectable-card-radio-group/TanstackSelectableCardRadioGroup.js').TanstackSelectableCardRadioGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly SelectInput: (<TItems extends object>(props: import('../components/select/TanstackSelect.js').TanstackSelectProps<TItems> & {
+        ref?: import('react').ForwardedRef<HTMLDivElement>;
+    }) => import("react").JSX.Element) & {
+        displayName?: string;
+    };
+    readonly TextAreaInput: import('react').ForwardRefExoticComponent<import('../components/text-area/TanstackTextArea.js').TanstackTextAreaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
+    readonly TextInput: import('react').ForwardRefExoticComponent<import('../components/input/TanstackInput.js').TanstackInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    readonly ToggleSwitchGroupInput: import('react').ForwardRefExoticComponent<import('../components/toggle-switch-group/TanstackToggleSwitchGroup.js').TanstackToggleSwitchGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
+    readonly ToggleSwitchInput: import('react').ForwardRefExoticComponent<Omit<import('../components/toggle-switch/TanstackToggleSwitch.js').TanstackToggleSwitchProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
+    readonly CheckboxField: import('react').ForwardRefExoticComponent<import('../components/checkbox-field/TanstackCheckboxField.js').FieldProps & import('../components/checkbox/TanstackCheckbox.js').TanstackCheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;
+    readonly CheckboxGroupField: import('react').ForwardRefExoticComponent<import('../components/checkbox-group-field/TanstackCheckGroupField.js').FieldProps & import('../components/checkbox-group/TanstackCheckboxGroup.js').TanstackCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly DatePickerField: import('react').ForwardRefExoticComponent<import('../components/date-picker/TanstackDatePicker.js').TanstackDatePickerProps & Pick<import('../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
+        label: string;
+        helperText?: import('react').ReactNode;
+        contextualLink?: import('react').ReactNode;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    readonly MultiSelectField: (<TItems = undefined>(props: import('../components/multi-select-field/TanstackMultiSelectField.js').TanstackMultiSelectFieldProps<TItems> & {
+        ref?: import('react').ForwardedRef<HTMLButtonElement>;
+    }) => React.JSX.Element) & {
+        displayName: string;
+    };
+    readonly NumberField: import('react').ForwardRefExoticComponent<import('../components/number-field/TanstackNumberField.js').FieldProps & import('../components/number-input/TanstackNumberInput.js').TanstackNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    readonly PhoneNumberField: import('react').ForwardRefExoticComponent<import('../components/phone-number-field/TanstackPhoneNumberField.js').PhoneNumberFieldProps & import('react').RefAttributes<unknown>>;
+    readonly RadioButtonGroupField: import('react').ForwardRefExoticComponent<import('../components/radio-button-group-field/TanstackRadioButtonGroupField.js').TanstackRadioButtonGroupFieldProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly SelectableButtonGroupField: import('react').ForwardRefExoticComponent<import('../components/selectable-button-group/TanstackSelectableButtonGroup.js').TanstackSelectableButtonGroupProps & Pick<import('../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
+        label: string;
+        helperText?: import('react').ReactNode;
+        contextualLink?: import('react').ReactNode;
+        children: import('react').ReactNode;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    readonly SelectableCardCheckboxGroupField: import('react').ForwardRefExoticComponent<import('../components/selectable-card-checkbox-group-field/TanstackSelectableCardCheckboxGroupField.js').TanstackSelectableCardCheckboxGroupFieldProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly SelectableCardRadioGroupField: import('react').ForwardRefExoticComponent<import('../components/selectable-card-radio-group-field/TanstackSelectableCardRadioGroupField.js').TanstackSelectableCardRadioGroupFieldProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly SelectField: (<TItems extends object>(props: import('../components/select-field/TanstackSelectField.js').TanstackSelectFieldProps<TItems> & {
+        ref?: import('react').ForwardedRef<HTMLDivElement>;
+    }) => import("react").JSX.Element) & {
+        displayName?: string;
+    };
+    readonly TextField: import('react').ForwardRefExoticComponent<import('../components/text-field/TanstackTextField.js').TextFieldProps & import('react').RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+    readonly ToggleSwitchField: import('react').ForwardRefExoticComponent<Omit<import('../components/toggle-switch-field/TanstackToggleSwitchField.js').TanstackToggleSwitchFieldProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
+    readonly ToggleSwitchGroupField: import('react').ForwardRefExoticComponent<import('../components/toggle-switch-group-field/TanstackToggleSwitchGroupField.js').TanstackToggleSwitchGroupFieldProps & import('react').RefAttributes<HTMLFieldSetElement>>;
+}, {
+    readonly Form: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & import('react').RefAttributes<HTMLFormElement>>;
+}>;
+export declare const withForm: <TFormData, TOnMount extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnChange extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends object = {}>({ render, props, }: import('@tanstack/react-form').WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+    readonly FieldFeedbackText: import('react').ForwardRefExoticComponent<import('../components/form-field/parts/TanstackFormFeedbackText.js').TanstackFormFeedbackTextProps & import('react').RefAttributes<HTMLSpanElement>>;
+    readonly FieldHelperText: import('react').ForwardRefExoticComponent<import('../components/form-field/parts/TanstackFormHelperText.js').TanstackFormHelperTextProps & import('react').RefAttributes<HTMLSpanElement>>;
+    readonly FieldLabel: import('react').ForwardRefExoticComponent<import('../index.js').LabelProps & import('react').RefAttributes<HTMLLabelElement>>;
+    readonly FieldRawContextualLink: import('react').ForwardRefExoticComponent<import('../components/form-field/parts/TanstackRawFormContextualLink.js').TanstackRawFormContextualLinkProps & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+    readonly Field: typeof import('../components/form-field/TanstackFormField.js').TanstackFormField;
+    readonly CheckboxGroupInput: import('react').ForwardRefExoticComponent<import('../components/checkbox-group/TanstackCheckboxGroup.js').TanstackCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly CheckboxInput: import('react').ForwardRefExoticComponent<import('../components/checkbox/TanstackCheckbox.js').TanstackCheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;
+    readonly DatePickerInput: import('react').ForwardRefExoticComponent<import('../components/date-picker/TanstackDatePicker.js').TanstackDatePickerProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly MultiSelectInput: MultiSelectComponent & {
+        displayName: string;
+    };
+    readonly PhoneNumberInput: import('react').ForwardRefExoticComponent<import('../components/phone-number/TanstackPhoneNumberInput.js').TanstackPhoneNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    readonly NumberInput: import('react').ForwardRefExoticComponent<import('../components/number-input/TanstackNumberInput.js').TanstackNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    readonly RadioButtonInput: import('react').ForwardRefExoticComponent<import('../components/radio-button-group/TanstackRadioButtonGroup.js').TanstackRadioButtonGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly SelectableButtonGroupInput: import('react').ForwardRefExoticComponent<import('../components/selectable-button-group/TanstackSelectableButtonGroup.js').TanstackSelectableButtonGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly SelectableCardCheckboxGroupInput: import('react').ForwardRefExoticComponent<import('../components/selectable-card/selectable-card-checkbox-group/TanstackSelectableCardCheckboxGroup.js').TanstackSelectableCardCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly SelectableCardRadioGroupInput: import('react').ForwardRefExoticComponent<import('../components/selectable-card/selectable-card-radio-group/TanstackSelectableCardRadioGroup.js').TanstackSelectableCardRadioGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly SelectInput: (<TItems extends object>(props: import('../components/select/TanstackSelect.js').TanstackSelectProps<TItems> & {
+        ref?: import('react').ForwardedRef<HTMLDivElement>;
+    }) => import("react").JSX.Element) & {
+        displayName?: string;
+    };
+    readonly TextAreaInput: import('react').ForwardRefExoticComponent<import('../components/text-area/TanstackTextArea.js').TanstackTextAreaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
+    readonly TextInput: import('react').ForwardRefExoticComponent<import('../components/input/TanstackInput.js').TanstackInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    readonly ToggleSwitchGroupInput: import('react').ForwardRefExoticComponent<import('../components/toggle-switch-group/TanstackToggleSwitchGroup.js').TanstackToggleSwitchGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
+    readonly ToggleSwitchInput: import('react').ForwardRefExoticComponent<Omit<import('../components/toggle-switch/TanstackToggleSwitch.js').TanstackToggleSwitchProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
+    readonly CheckboxField: import('react').ForwardRefExoticComponent<import('../components/checkbox-field/TanstackCheckboxField.js').FieldProps & import('../components/checkbox/TanstackCheckbox.js').TanstackCheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;
+    readonly CheckboxGroupField: import('react').ForwardRefExoticComponent<import('../components/checkbox-group-field/TanstackCheckGroupField.js').FieldProps & import('../components/checkbox-group/TanstackCheckboxGroup.js').TanstackCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly DatePickerField: import('react').ForwardRefExoticComponent<import('../components/date-picker/TanstackDatePicker.js').TanstackDatePickerProps & Pick<import('../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
+        label: string;
+        helperText?: import('react').ReactNode;
+        contextualLink?: import('react').ReactNode;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    readonly MultiSelectField: (<TItems = undefined>(props: import('../components/multi-select-field/TanstackMultiSelectField.js').TanstackMultiSelectFieldProps<TItems> & {
+        ref?: import('react').ForwardedRef<HTMLButtonElement>;
+    }) => React.JSX.Element) & {
+        displayName: string;
+    };
+    readonly NumberField: import('react').ForwardRefExoticComponent<import('../components/number-field/TanstackNumberField.js').FieldProps & import('../components/number-input/TanstackNumberInput.js').TanstackNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    readonly PhoneNumberField: import('react').ForwardRefExoticComponent<import('../components/phone-number-field/TanstackPhoneNumberField.js').PhoneNumberFieldProps & import('react').RefAttributes<unknown>>;
+    readonly RadioButtonGroupField: import('react').ForwardRefExoticComponent<import('../components/radio-button-group-field/TanstackRadioButtonGroupField.js').TanstackRadioButtonGroupFieldProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly SelectableButtonGroupField: import('react').ForwardRefExoticComponent<import('../components/selectable-button-group/TanstackSelectableButtonGroup.js').TanstackSelectableButtonGroupProps & Pick<import('../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
+        label: string;
+        helperText?: import('react').ReactNode;
+        contextualLink?: import('react').ReactNode;
+        children: import('react').ReactNode;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    readonly SelectableCardCheckboxGroupField: import('react').ForwardRefExoticComponent<import('../components/selectable-card-checkbox-group-field/TanstackSelectableCardCheckboxGroupField.js').TanstackSelectableCardCheckboxGroupFieldProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly SelectableCardRadioGroupField: import('react').ForwardRefExoticComponent<import('../components/selectable-card-radio-group-field/TanstackSelectableCardRadioGroupField.js').TanstackSelectableCardRadioGroupFieldProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly SelectField: (<TItems extends object>(props: import('../components/select-field/TanstackSelectField.js').TanstackSelectFieldProps<TItems> & {
+        ref?: import('react').ForwardedRef<HTMLDivElement>;
+    }) => import("react").JSX.Element) & {
+        displayName?: string;
+    };
+    readonly TextField: import('react').ForwardRefExoticComponent<import('../components/text-field/TanstackTextField.js').TextFieldProps & import('react').RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+    readonly ToggleSwitchField: import('react').ForwardRefExoticComponent<Omit<import('../components/toggle-switch-field/TanstackToggleSwitchField.js').TanstackToggleSwitchFieldProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
+    readonly ToggleSwitchGroupField: import('react').ForwardRefExoticComponent<import('../components/toggle-switch-group-field/TanstackToggleSwitchGroupField.js').TanstackToggleSwitchGroupFieldProps & import('react').RefAttributes<HTMLFieldSetElement>>;
+}, {
+    readonly Form: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & import('react').RefAttributes<HTMLFormElement>>;
+}, TRenderProps>) => (props: import('react').PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
+    form: import('@tanstack/react-form').AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, {
+        readonly FieldFeedbackText: import('react').ForwardRefExoticComponent<import('../components/form-field/parts/TanstackFormFeedbackText.js').TanstackFormFeedbackTextProps & import('react').RefAttributes<HTMLSpanElement>>;
+        readonly FieldHelperText: import('react').ForwardRefExoticComponent<import('../components/form-field/parts/TanstackFormHelperText.js').TanstackFormHelperTextProps & import('react').RefAttributes<HTMLSpanElement>>;
+        readonly FieldLabel: import('react').ForwardRefExoticComponent<import('../index.js').LabelProps & import('react').RefAttributes<HTMLLabelElement>>;
+        readonly FieldRawContextualLink: import('react').ForwardRefExoticComponent<import('../components/form-field/parts/TanstackRawFormContextualLink.js').TanstackRawFormContextualLinkProps & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+        readonly Field: typeof import('../components/form-field/TanstackFormField.js').TanstackFormField;
+        readonly CheckboxGroupInput: import('react').ForwardRefExoticComponent<import('../components/checkbox-group/TanstackCheckboxGroup.js').TanstackCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly CheckboxInput: import('react').ForwardRefExoticComponent<import('../components/checkbox/TanstackCheckbox.js').TanstackCheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;
+        readonly DatePickerInput: import('react').ForwardRefExoticComponent<import('../components/date-picker/TanstackDatePicker.js').TanstackDatePickerProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly MultiSelectInput: MultiSelectComponent & {
+            displayName: string;
+        };
+        readonly PhoneNumberInput: import('react').ForwardRefExoticComponent<import('../components/phone-number/TanstackPhoneNumberInput.js').TanstackPhoneNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
+        readonly NumberInput: import('react').ForwardRefExoticComponent<import('../components/number-input/TanstackNumberInput.js').TanstackNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
+        readonly RadioButtonInput: import('react').ForwardRefExoticComponent<import('../components/radio-button-group/TanstackRadioButtonGroup.js').TanstackRadioButtonGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly SelectableButtonGroupInput: import('react').ForwardRefExoticComponent<import('../components/selectable-button-group/TanstackSelectableButtonGroup.js').TanstackSelectableButtonGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly SelectableCardCheckboxGroupInput: import('react').ForwardRefExoticComponent<import('../components/selectable-card/selectable-card-checkbox-group/TanstackSelectableCardCheckboxGroup.js').TanstackSelectableCardCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly SelectableCardRadioGroupInput: import('react').ForwardRefExoticComponent<import('../components/selectable-card/selectable-card-radio-group/TanstackSelectableCardRadioGroup.js').TanstackSelectableCardRadioGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly SelectInput: (<TItems extends object>(props: import('../components/select/TanstackSelect.js').TanstackSelectProps<TItems> & {
+            ref?: import('react').ForwardedRef<HTMLDivElement>;
+        }) => import("react").JSX.Element) & {
+            displayName?: string;
+        };
+        readonly TextAreaInput: import('react').ForwardRefExoticComponent<import('../components/text-area/TanstackTextArea.js').TanstackTextAreaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
+        readonly TextInput: import('react').ForwardRefExoticComponent<import('../components/input/TanstackInput.js').TanstackInputProps & import('react').RefAttributes<HTMLInputElement>>;
+        readonly ToggleSwitchGroupInput: import('react').ForwardRefExoticComponent<import('../components/toggle-switch-group/TanstackToggleSwitchGroup.js').TanstackToggleSwitchGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
+        readonly ToggleSwitchInput: import('react').ForwardRefExoticComponent<Omit<import('../components/toggle-switch/TanstackToggleSwitch.js').TanstackToggleSwitchProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
+        readonly CheckboxField: import('react').ForwardRefExoticComponent<import('../components/checkbox-field/TanstackCheckboxField.js').FieldProps & import('../components/checkbox/TanstackCheckbox.js').TanstackCheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;
+        readonly CheckboxGroupField: import('react').ForwardRefExoticComponent<import('../components/checkbox-group-field/TanstackCheckGroupField.js').FieldProps & import('../components/checkbox-group/TanstackCheckboxGroup.js').TanstackCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly DatePickerField: import('react').ForwardRefExoticComponent<import('../components/date-picker/TanstackDatePicker.js').TanstackDatePickerProps & Pick<import('../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
+            label: string;
+            helperText?: import('react').ReactNode;
+            contextualLink?: import('react').ReactNode;
+        } & import('react').RefAttributes<HTMLDivElement>>;
+        readonly MultiSelectField: (<TItems = undefined>(props: import('../components/multi-select-field/TanstackMultiSelectField.js').TanstackMultiSelectFieldProps<TItems> & {
+            ref?: import('react').ForwardedRef<HTMLButtonElement>;
+        }) => React.JSX.Element) & {
+            displayName: string;
+        };
+        readonly NumberField: import('react').ForwardRefExoticComponent<import('../components/number-field/TanstackNumberField.js').FieldProps & import('../components/number-input/TanstackNumberInput.js').TanstackNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
+        readonly PhoneNumberField: import('react').ForwardRefExoticComponent<import('../components/phone-number-field/TanstackPhoneNumberField.js').PhoneNumberFieldProps & import('react').RefAttributes<unknown>>;
+        readonly RadioButtonGroupField: import('react').ForwardRefExoticComponent<import('../components/radio-button-group-field/TanstackRadioButtonGroupField.js').TanstackRadioButtonGroupFieldProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly SelectableButtonGroupField: import('react').ForwardRefExoticComponent<import('../components/selectable-button-group/TanstackSelectableButtonGroup.js').TanstackSelectableButtonGroupProps & Pick<import('../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
+            label: string;
+            helperText?: import('react').ReactNode;
+            contextualLink?: import('react').ReactNode;
+            children: import('react').ReactNode;
+        } & import('react').RefAttributes<HTMLDivElement>>;
+        readonly SelectableCardCheckboxGroupField: import('react').ForwardRefExoticComponent<import('../components/selectable-card-checkbox-group-field/TanstackSelectableCardCheckboxGroupField.js').TanstackSelectableCardCheckboxGroupFieldProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly SelectableCardRadioGroupField: import('react').ForwardRefExoticComponent<import('../components/selectable-card-radio-group-field/TanstackSelectableCardRadioGroupField.js').TanstackSelectableCardRadioGroupFieldProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly SelectField: (<TItems extends object>(props: import('../components/select-field/TanstackSelectField.js').TanstackSelectFieldProps<TItems> & {
+            ref?: import('react').ForwardedRef<HTMLDivElement>;
+        }) => import("react").JSX.Element) & {
+            displayName?: string;
+        };
+        readonly TextField: import('react').ForwardRefExoticComponent<import('../components/text-field/TanstackTextField.js').TextFieldProps & import('react').RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+        readonly ToggleSwitchField: import('react').ForwardRefExoticComponent<Omit<import('../components/toggle-switch-field/TanstackToggleSwitchField.js').TanstackToggleSwitchFieldProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
+        readonly ToggleSwitchGroupField: import('react').ForwardRefExoticComponent<import('../components/toggle-switch-group-field/TanstackToggleSwitchGroupField.js').TanstackToggleSwitchGroupFieldProps & import('react').RefAttributes<HTMLFieldSetElement>>;
+    }, {
+        readonly Form: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & import('react').RefAttributes<HTMLFormElement>>;
+    }>;
+}>) => import('react').ReactNode;
+export declare const withFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps extends object = {}>({ render, props, defaultValues, }: import('@tanstack/react-form').WithFieldGroupProps<TFieldGroupData, {
+    readonly FieldFeedbackText: import('react').ForwardRefExoticComponent<import('../components/form-field/parts/TanstackFormFeedbackText.js').TanstackFormFeedbackTextProps & import('react').RefAttributes<HTMLSpanElement>>;
+    readonly FieldHelperText: import('react').ForwardRefExoticComponent<import('../components/form-field/parts/TanstackFormHelperText.js').TanstackFormHelperTextProps & import('react').RefAttributes<HTMLSpanElement>>;
+    readonly FieldLabel: import('react').ForwardRefExoticComponent<import('../index.js').LabelProps & import('react').RefAttributes<HTMLLabelElement>>;
+    readonly FieldRawContextualLink: import('react').ForwardRefExoticComponent<import('../components/form-field/parts/TanstackRawFormContextualLink.js').TanstackRawFormContextualLinkProps & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+    readonly Field: typeof import('../components/form-field/TanstackFormField.js').TanstackFormField;
+    readonly CheckboxGroupInput: import('react').ForwardRefExoticComponent<import('../components/checkbox-group/TanstackCheckboxGroup.js').TanstackCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly CheckboxInput: import('react').ForwardRefExoticComponent<import('../components/checkbox/TanstackCheckbox.js').TanstackCheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;
+    readonly DatePickerInput: import('react').ForwardRefExoticComponent<import('../components/date-picker/TanstackDatePicker.js').TanstackDatePickerProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly MultiSelectInput: MultiSelectComponent & {
+        displayName: string;
+    };
+    readonly PhoneNumberInput: import('react').ForwardRefExoticComponent<import('../components/phone-number/TanstackPhoneNumberInput.js').TanstackPhoneNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    readonly NumberInput: import('react').ForwardRefExoticComponent<import('../components/number-input/TanstackNumberInput.js').TanstackNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    readonly RadioButtonInput: import('react').ForwardRefExoticComponent<import('../components/radio-button-group/TanstackRadioButtonGroup.js').TanstackRadioButtonGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly SelectableButtonGroupInput: import('react').ForwardRefExoticComponent<import('../components/selectable-button-group/TanstackSelectableButtonGroup.js').TanstackSelectableButtonGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly SelectableCardCheckboxGroupInput: import('react').ForwardRefExoticComponent<import('../components/selectable-card/selectable-card-checkbox-group/TanstackSelectableCardCheckboxGroup.js').TanstackSelectableCardCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly SelectableCardRadioGroupInput: import('react').ForwardRefExoticComponent<import('../components/selectable-card/selectable-card-radio-group/TanstackSelectableCardRadioGroup.js').TanstackSelectableCardRadioGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly SelectInput: (<TItems extends object>(props: import('../components/select/TanstackSelect.js').TanstackSelectProps<TItems> & {
+        ref?: import('react').ForwardedRef<HTMLDivElement>;
+    }) => import("react").JSX.Element) & {
+        displayName?: string;
+    };
+    readonly TextAreaInput: import('react').ForwardRefExoticComponent<import('../components/text-area/TanstackTextArea.js').TanstackTextAreaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
+    readonly TextInput: import('react').ForwardRefExoticComponent<import('../components/input/TanstackInput.js').TanstackInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    readonly ToggleSwitchGroupInput: import('react').ForwardRefExoticComponent<import('../components/toggle-switch-group/TanstackToggleSwitchGroup.js').TanstackToggleSwitchGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
+    readonly ToggleSwitchInput: import('react').ForwardRefExoticComponent<Omit<import('../components/toggle-switch/TanstackToggleSwitch.js').TanstackToggleSwitchProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
+    readonly CheckboxField: import('react').ForwardRefExoticComponent<import('../components/checkbox-field/TanstackCheckboxField.js').FieldProps & import('../components/checkbox/TanstackCheckbox.js').TanstackCheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;
+    readonly CheckboxGroupField: import('react').ForwardRefExoticComponent<import('../components/checkbox-group-field/TanstackCheckGroupField.js').FieldProps & import('../components/checkbox-group/TanstackCheckboxGroup.js').TanstackCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly DatePickerField: import('react').ForwardRefExoticComponent<import('../components/date-picker/TanstackDatePicker.js').TanstackDatePickerProps & Pick<import('../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
+        label: string;
+        helperText?: import('react').ReactNode;
+        contextualLink?: import('react').ReactNode;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    readonly MultiSelectField: (<TItems = undefined>(props: import('../components/multi-select-field/TanstackMultiSelectField.js').TanstackMultiSelectFieldProps<TItems> & {
+        ref?: import('react').ForwardedRef<HTMLButtonElement>;
+    }) => React.JSX.Element) & {
+        displayName: string;
+    };
+    readonly NumberField: import('react').ForwardRefExoticComponent<import('../components/number-field/TanstackNumberField.js').FieldProps & import('../components/number-input/TanstackNumberInput.js').TanstackNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    readonly PhoneNumberField: import('react').ForwardRefExoticComponent<import('../components/phone-number-field/TanstackPhoneNumberField.js').PhoneNumberFieldProps & import('react').RefAttributes<unknown>>;
+    readonly RadioButtonGroupField: import('react').ForwardRefExoticComponent<import('../components/radio-button-group-field/TanstackRadioButtonGroupField.js').TanstackRadioButtonGroupFieldProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly SelectableButtonGroupField: import('react').ForwardRefExoticComponent<import('../components/selectable-button-group/TanstackSelectableButtonGroup.js').TanstackSelectableButtonGroupProps & Pick<import('../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
+        label: string;
+        helperText?: import('react').ReactNode;
+        contextualLink?: import('react').ReactNode;
+        children: import('react').ReactNode;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    readonly SelectableCardCheckboxGroupField: import('react').ForwardRefExoticComponent<import('../components/selectable-card-checkbox-group-field/TanstackSelectableCardCheckboxGroupField.js').TanstackSelectableCardCheckboxGroupFieldProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly SelectableCardRadioGroupField: import('react').ForwardRefExoticComponent<import('../components/selectable-card-radio-group-field/TanstackSelectableCardRadioGroupField.js').TanstackSelectableCardRadioGroupFieldProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly SelectField: (<TItems extends object>(props: import('../components/select-field/TanstackSelectField.js').TanstackSelectFieldProps<TItems> & {
+        ref?: import('react').ForwardedRef<HTMLDivElement>;
+    }) => import("react").JSX.Element) & {
+        displayName?: string;
+    };
+    readonly TextField: import('react').ForwardRefExoticComponent<import('../components/text-field/TanstackTextField.js').TextFieldProps & import('react').RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+    readonly ToggleSwitchField: import('react').ForwardRefExoticComponent<Omit<import('../components/toggle-switch-field/TanstackToggleSwitchField.js').TanstackToggleSwitchFieldProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
+    readonly ToggleSwitchGroupField: import('react').ForwardRefExoticComponent<import('../components/toggle-switch-group-field/TanstackToggleSwitchGroupField.js').TanstackToggleSwitchGroupFieldProps & import('react').RefAttributes<HTMLFieldSetElement>>;
+}, {
+    readonly Form: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & import('react').RefAttributes<HTMLFormElement>>;
+}, TSubmitMeta, TRenderProps>) => <TFormData, TFields extends import('@tanstack/react-form').DeepKeysOfType<TFormData, TFieldGroupData | null | undefined> | import('@tanstack/react-form').FieldsMap<TFormData, TFieldGroupData>, TOnMount extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnChange extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TFormSubmitMeta>(params: import('react').PropsWithChildren<NoInfer<TRenderProps> & {
+    form: import('@tanstack/react-form').AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
+        readonly FieldFeedbackText: import('react').ForwardRefExoticComponent<import('../components/form-field/parts/TanstackFormFeedbackText.js').TanstackFormFeedbackTextProps & import('react').RefAttributes<HTMLSpanElement>>;
+        readonly FieldHelperText: import('react').ForwardRefExoticComponent<import('../components/form-field/parts/TanstackFormHelperText.js').TanstackFormHelperTextProps & import('react').RefAttributes<HTMLSpanElement>>;
+        readonly FieldLabel: import('react').ForwardRefExoticComponent<import('../index.js').LabelProps & import('react').RefAttributes<HTMLLabelElement>>;
+        readonly FieldRawContextualLink: import('react').ForwardRefExoticComponent<import('../components/form-field/parts/TanstackRawFormContextualLink.js').TanstackRawFormContextualLinkProps & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+        readonly Field: typeof import('../components/form-field/TanstackFormField.js').TanstackFormField;
+        readonly CheckboxGroupInput: import('react').ForwardRefExoticComponent<import('../components/checkbox-group/TanstackCheckboxGroup.js').TanstackCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly CheckboxInput: import('react').ForwardRefExoticComponent<import('../components/checkbox/TanstackCheckbox.js').TanstackCheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;
+        readonly DatePickerInput: import('react').ForwardRefExoticComponent<import('../components/date-picker/TanstackDatePicker.js').TanstackDatePickerProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly MultiSelectInput: MultiSelectComponent & {
+            displayName: string;
+        };
+        readonly PhoneNumberInput: import('react').ForwardRefExoticComponent<import('../components/phone-number/TanstackPhoneNumberInput.js').TanstackPhoneNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
+        readonly NumberInput: import('react').ForwardRefExoticComponent<import('../components/number-input/TanstackNumberInput.js').TanstackNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
+        readonly RadioButtonInput: import('react').ForwardRefExoticComponent<import('../components/radio-button-group/TanstackRadioButtonGroup.js').TanstackRadioButtonGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly SelectableButtonGroupInput: import('react').ForwardRefExoticComponent<import('../components/selectable-button-group/TanstackSelectableButtonGroup.js').TanstackSelectableButtonGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly SelectableCardCheckboxGroupInput: import('react').ForwardRefExoticComponent<import('../components/selectable-card/selectable-card-checkbox-group/TanstackSelectableCardCheckboxGroup.js').TanstackSelectableCardCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly SelectableCardRadioGroupInput: import('react').ForwardRefExoticComponent<import('../components/selectable-card/selectable-card-radio-group/TanstackSelectableCardRadioGroup.js').TanstackSelectableCardRadioGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly SelectInput: (<TItems extends object>(props: import('../components/select/TanstackSelect.js').TanstackSelectProps<TItems> & {
+            ref?: import('react').ForwardedRef<HTMLDivElement>;
+        }) => import("react").JSX.Element) & {
+            displayName?: string;
+        };
+        readonly TextAreaInput: import('react').ForwardRefExoticComponent<import('../components/text-area/TanstackTextArea.js').TanstackTextAreaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
+        readonly TextInput: import('react').ForwardRefExoticComponent<import('../components/input/TanstackInput.js').TanstackInputProps & import('react').RefAttributes<HTMLInputElement>>;
+        readonly ToggleSwitchGroupInput: import('react').ForwardRefExoticComponent<import('../components/toggle-switch-group/TanstackToggleSwitchGroup.js').TanstackToggleSwitchGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
+        readonly ToggleSwitchInput: import('react').ForwardRefExoticComponent<Omit<import('../components/toggle-switch/TanstackToggleSwitch.js').TanstackToggleSwitchProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
+        readonly CheckboxField: import('react').ForwardRefExoticComponent<import('../components/checkbox-field/TanstackCheckboxField.js').FieldProps & import('../components/checkbox/TanstackCheckbox.js').TanstackCheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;
+        readonly CheckboxGroupField: import('react').ForwardRefExoticComponent<import('../components/checkbox-group-field/TanstackCheckGroupField.js').FieldProps & import('../components/checkbox-group/TanstackCheckboxGroup.js').TanstackCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly DatePickerField: import('react').ForwardRefExoticComponent<import('../components/date-picker/TanstackDatePicker.js').TanstackDatePickerProps & Pick<import('../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
+            label: string;
+            helperText?: import('react').ReactNode;
+            contextualLink?: import('react').ReactNode;
+        } & import('react').RefAttributes<HTMLDivElement>>;
+        readonly MultiSelectField: (<TItems = undefined>(props: import('../components/multi-select-field/TanstackMultiSelectField.js').TanstackMultiSelectFieldProps<TItems> & {
+            ref?: import('react').ForwardedRef<HTMLButtonElement>;
+        }) => React.JSX.Element) & {
+            displayName: string;
+        };
+        readonly NumberField: import('react').ForwardRefExoticComponent<import('../components/number-field/TanstackNumberField.js').FieldProps & import('../components/number-input/TanstackNumberInput.js').TanstackNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
+        readonly PhoneNumberField: import('react').ForwardRefExoticComponent<import('../components/phone-number-field/TanstackPhoneNumberField.js').PhoneNumberFieldProps & import('react').RefAttributes<unknown>>;
+        readonly RadioButtonGroupField: import('react').ForwardRefExoticComponent<import('../components/radio-button-group-field/TanstackRadioButtonGroupField.js').TanstackRadioButtonGroupFieldProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly SelectableButtonGroupField: import('react').ForwardRefExoticComponent<import('../components/selectable-button-group/TanstackSelectableButtonGroup.js').TanstackSelectableButtonGroupProps & Pick<import('../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
+            label: string;
+            helperText?: import('react').ReactNode;
+            contextualLink?: import('react').ReactNode;
+            children: import('react').ReactNode;
+        } & import('react').RefAttributes<HTMLDivElement>>;
+        readonly SelectableCardCheckboxGroupField: import('react').ForwardRefExoticComponent<import('../components/selectable-card-checkbox-group-field/TanstackSelectableCardCheckboxGroupField.js').TanstackSelectableCardCheckboxGroupFieldProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly SelectableCardRadioGroupField: import('react').ForwardRefExoticComponent<import('../components/selectable-card-radio-group-field/TanstackSelectableCardRadioGroupField.js').TanstackSelectableCardRadioGroupFieldProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly SelectField: (<TItems extends object>(props: import('../components/select-field/TanstackSelectField.js').TanstackSelectFieldProps<TItems> & {
+            ref?: import('react').ForwardedRef<HTMLDivElement>;
+        }) => import("react").JSX.Element) & {
+            displayName?: string;
+        };
+        readonly TextField: import('react').ForwardRefExoticComponent<import('../components/text-field/TanstackTextField.js').TextFieldProps & import('react').RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+        readonly ToggleSwitchField: import('react').ForwardRefExoticComponent<Omit<import('../components/toggle-switch-field/TanstackToggleSwitchField.js').TanstackToggleSwitchFieldProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
+        readonly ToggleSwitchGroupField: import('react').ForwardRefExoticComponent<import('../components/toggle-switch-group-field/TanstackToggleSwitchGroupField.js').TanstackToggleSwitchGroupFieldProps & import('react').RefAttributes<HTMLFieldSetElement>>;
+    }, {
+        readonly Form: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & import('react').RefAttributes<HTMLFormElement>>;
+    }> | import('@tanstack/react-form').AppFieldExtendedReactFieldGroupApi<unknown, TFormData, string | import('@tanstack/react-form').FieldsMap<unknown, TFormData>, any, any, any, any, any, any, any, any, any, any, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
+        readonly FieldFeedbackText: import('react').ForwardRefExoticComponent<import('../components/form-field/parts/TanstackFormFeedbackText.js').TanstackFormFeedbackTextProps & import('react').RefAttributes<HTMLSpanElement>>;
+        readonly FieldHelperText: import('react').ForwardRefExoticComponent<import('../components/form-field/parts/TanstackFormHelperText.js').TanstackFormHelperTextProps & import('react').RefAttributes<HTMLSpanElement>>;
+        readonly FieldLabel: import('react').ForwardRefExoticComponent<import('../index.js').LabelProps & import('react').RefAttributes<HTMLLabelElement>>;
+        readonly FieldRawContextualLink: import('react').ForwardRefExoticComponent<import('../components/form-field/parts/TanstackRawFormContextualLink.js').TanstackRawFormContextualLinkProps & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+        readonly Field: typeof import('../components/form-field/TanstackFormField.js').TanstackFormField;
+        readonly CheckboxGroupInput: import('react').ForwardRefExoticComponent<import('../components/checkbox-group/TanstackCheckboxGroup.js').TanstackCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly CheckboxInput: import('react').ForwardRefExoticComponent<import('../components/checkbox/TanstackCheckbox.js').TanstackCheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;
+        readonly DatePickerInput: import('react').ForwardRefExoticComponent<import('../components/date-picker/TanstackDatePicker.js').TanstackDatePickerProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly MultiSelectInput: MultiSelectComponent & {
+            displayName: string;
+        };
+        readonly PhoneNumberInput: import('react').ForwardRefExoticComponent<import('../components/phone-number/TanstackPhoneNumberInput.js').TanstackPhoneNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
+        readonly NumberInput: import('react').ForwardRefExoticComponent<import('../components/number-input/TanstackNumberInput.js').TanstackNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
+        readonly RadioButtonInput: import('react').ForwardRefExoticComponent<import('../components/radio-button-group/TanstackRadioButtonGroup.js').TanstackRadioButtonGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly SelectableButtonGroupInput: import('react').ForwardRefExoticComponent<import('../components/selectable-button-group/TanstackSelectableButtonGroup.js').TanstackSelectableButtonGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly SelectableCardCheckboxGroupInput: import('react').ForwardRefExoticComponent<import('../components/selectable-card/selectable-card-checkbox-group/TanstackSelectableCardCheckboxGroup.js').TanstackSelectableCardCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly SelectableCardRadioGroupInput: import('react').ForwardRefExoticComponent<import('../components/selectable-card/selectable-card-radio-group/TanstackSelectableCardRadioGroup.js').TanstackSelectableCardRadioGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly SelectInput: (<TItems extends object>(props: import('../components/select/TanstackSelect.js').TanstackSelectProps<TItems> & {
+            ref?: import('react').ForwardedRef<HTMLDivElement>;
+        }) => import("react").JSX.Element) & {
+            displayName?: string;
+        };
+        readonly TextAreaInput: import('react').ForwardRefExoticComponent<import('../components/text-area/TanstackTextArea.js').TanstackTextAreaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
+        readonly TextInput: import('react').ForwardRefExoticComponent<import('../components/input/TanstackInput.js').TanstackInputProps & import('react').RefAttributes<HTMLInputElement>>;
+        readonly ToggleSwitchGroupInput: import('react').ForwardRefExoticComponent<import('../components/toggle-switch-group/TanstackToggleSwitchGroup.js').TanstackToggleSwitchGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
+        readonly ToggleSwitchInput: import('react').ForwardRefExoticComponent<Omit<import('../components/toggle-switch/TanstackToggleSwitch.js').TanstackToggleSwitchProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
+        readonly CheckboxField: import('react').ForwardRefExoticComponent<import('../components/checkbox-field/TanstackCheckboxField.js').FieldProps & import('../components/checkbox/TanstackCheckbox.js').TanstackCheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;
+        readonly CheckboxGroupField: import('react').ForwardRefExoticComponent<import('../components/checkbox-group-field/TanstackCheckGroupField.js').FieldProps & import('../components/checkbox-group/TanstackCheckboxGroup.js').TanstackCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly DatePickerField: import('react').ForwardRefExoticComponent<import('../components/date-picker/TanstackDatePicker.js').TanstackDatePickerProps & Pick<import('../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
+            label: string;
+            helperText?: import('react').ReactNode;
+            contextualLink?: import('react').ReactNode;
+        } & import('react').RefAttributes<HTMLDivElement>>;
+        readonly MultiSelectField: (<TItems = undefined>(props: import('../components/multi-select-field/TanstackMultiSelectField.js').TanstackMultiSelectFieldProps<TItems> & {
+            ref?: import('react').ForwardedRef<HTMLButtonElement>;
+        }) => React.JSX.Element) & {
+            displayName: string;
+        };
+        readonly NumberField: import('react').ForwardRefExoticComponent<import('../components/number-field/TanstackNumberField.js').FieldProps & import('../components/number-input/TanstackNumberInput.js').TanstackNumberInputProps & import('react').RefAttributes<HTMLInputElement>>;
+        readonly PhoneNumberField: import('react').ForwardRefExoticComponent<import('../components/phone-number-field/TanstackPhoneNumberField.js').PhoneNumberFieldProps & import('react').RefAttributes<unknown>>;
+        readonly RadioButtonGroupField: import('react').ForwardRefExoticComponent<import('../components/radio-button-group-field/TanstackRadioButtonGroupField.js').TanstackRadioButtonGroupFieldProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly SelectableButtonGroupField: import('react').ForwardRefExoticComponent<import('../components/selectable-button-group/TanstackSelectableButtonGroup.js').TanstackSelectableButtonGroupProps & Pick<import('../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
+            label: string;
+            helperText?: import('react').ReactNode;
+            contextualLink?: import('react').ReactNode;
+            children: import('react').ReactNode;
+        } & import('react').RefAttributes<HTMLDivElement>>;
+        readonly SelectableCardCheckboxGroupField: import('react').ForwardRefExoticComponent<import('../components/selectable-card-checkbox-group-field/TanstackSelectableCardCheckboxGroupField.js').TanstackSelectableCardCheckboxGroupFieldProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly SelectableCardRadioGroupField: import('react').ForwardRefExoticComponent<import('../components/selectable-card-radio-group-field/TanstackSelectableCardRadioGroupField.js').TanstackSelectableCardRadioGroupFieldProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly SelectField: (<TItems extends object>(props: import('../components/select-field/TanstackSelectField.js').TanstackSelectFieldProps<TItems> & {
+            ref?: import('react').ForwardedRef<HTMLDivElement>;
+        }) => import("react").JSX.Element) & {
+            displayName?: string;
+        };
+        readonly TextField: import('react').ForwardRefExoticComponent<import('../components/text-field/TanstackTextField.js').TextFieldProps & import('react').RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+        readonly ToggleSwitchField: import('react').ForwardRefExoticComponent<Omit<import('../components/toggle-switch-field/TanstackToggleSwitchField.js').TanstackToggleSwitchFieldProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
+        readonly ToggleSwitchGroupField: import('react').ForwardRefExoticComponent<import('../components/toggle-switch-group-field/TanstackToggleSwitchGroupField.js').TanstackToggleSwitchGroupFieldProps & import('react').RefAttributes<HTMLFieldSetElement>>;
+    }, {
+        readonly Form: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & import('react').RefAttributes<HTMLFormElement>>;
+    }>;
+    fields: TFields;
+}>) => import('react').ReactNode;