UNPKG

@payfit/unity-components

Version:

314 lines 72.8 kB
import { MultiSelectComponent } from '../components/multi-select/MultiselectTypes.js'; export declare const useTanstackUnityForm: <TFormData, TOnMount extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnChange extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: import('@tanstack/form-core').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<HTMLAnchorElement | HTMLButtonElement>>; 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 DateRangePickerInput: import('react').ForwardRefExoticComponent<import('../components/date-range-picker/TanstackDateRangePicker.js').TanstackDateRangePickerProps & 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 DateRangePickerField: import('react').ForwardRefExoticComponent<import('../components/date-range-picker/TanstackDateRangePicker.js').TanstackDateRangePickerProps & 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 PasswordField: import('react').ForwardRefExoticComponent<import('../components/password-field/TanstackPasswordField.js').TanstackPasswordFieldProps & 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 InlineField: { ({ children, mode: controlledMode, defaultMode, onModeChange, isLoading, shouldModeChange, }: import('../components/inline-field/InlineField.js').InlineFieldProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; readonly InlineFieldReadView: typeof import('../components/inline-field/parts/InlineFieldReadView.js').InlineFieldReadView; readonly InlineFieldEditView: typeof import('../components/inline-field/parts/InlineFieldEditView.js').InlineFieldEditView; }, { readonly Form: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & import('react').RefAttributes<HTMLFormElement>>; readonly InlineFieldGroup: import('react').ForwardRefExoticComponent<import('../components/inline-field-group/InlineFieldGroup.js').InlineFieldGroupProps & import('react').RefAttributes<import('../components/inline-field-group/InlineFieldGroup.js').InlineFieldGroupHandle>>; readonly InlineFieldGroupHeader: typeof import('../components/inline-field-group/parts/InlineFieldGroupHeader.js').InlineFieldGroupHeader; readonly InlineFieldGroupReadView: typeof import('../components/inline-field-group/parts/InlineFieldGroupReadView.js').InlineFieldGroupReadView; readonly InlineFieldGroupEditView: typeof import('../components/inline-field-group/parts/InlineFieldGroupEditView.js').InlineFieldGroupEditView; }>; export declare const withForm: <TFormData, TOnMount extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnChange extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import('@tanstack/form-core').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<HTMLAnchorElement | HTMLButtonElement>>; 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 DateRangePickerInput: import('react').ForwardRefExoticComponent<import('../components/date-range-picker/TanstackDateRangePicker.js').TanstackDateRangePickerProps & 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 DateRangePickerField: import('react').ForwardRefExoticComponent<import('../components/date-range-picker/TanstackDateRangePicker.js').TanstackDateRangePickerProps & 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 PasswordField: import('react').ForwardRefExoticComponent<import('../components/password-field/TanstackPasswordField.js').TanstackPasswordFieldProps & 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 InlineField: { ({ children, mode: controlledMode, defaultMode, onModeChange, isLoading, shouldModeChange, }: import('../components/inline-field/InlineField.js').InlineFieldProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; readonly InlineFieldReadView: typeof import('../components/inline-field/parts/InlineFieldReadView.js').InlineFieldReadView; readonly InlineFieldEditView: typeof import('../components/inline-field/parts/InlineFieldEditView.js').InlineFieldEditView; }, { readonly Form: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & import('react').RefAttributes<HTMLFormElement>>; readonly InlineFieldGroup: import('react').ForwardRefExoticComponent<import('../components/inline-field-group/InlineFieldGroup.js').InlineFieldGroupProps & import('react').RefAttributes<import('../components/inline-field-group/InlineFieldGroup.js').InlineFieldGroupHandle>>; readonly InlineFieldGroupHeader: typeof import('../components/inline-field-group/parts/InlineFieldGroupHeader.js').InlineFieldGroupHeader; readonly InlineFieldGroupReadView: typeof import('../components/inline-field-group/parts/InlineFieldGroupReadView.js').InlineFieldGroupReadView; readonly InlineFieldGroupEditView: typeof import('../components/inline-field-group/parts/InlineFieldGroupEditView.js').InlineFieldGroupEditView; }, TRenderProps>) => import('react').FunctionComponent<import('react').PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & { form: import('@tanstack/react-form').AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import('@tanstack/form-core').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<HTMLAnchorElement | HTMLButtonElement>>; 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 DateRangePickerInput: import('react').ForwardRefExoticComponent<import('../components/date-range-picker/TanstackDateRangePicker.js').TanstackDateRangePickerProps & 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 DateRangePickerField: import('react').ForwardRefExoticComponent<import('../components/date-range-picker/TanstackDateRangePicker.js').TanstackDateRangePickerProps & 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 PasswordField: import('react').ForwardRefExoticComponent<import('../components/password-field/TanstackPasswordField.js').TanstackPasswordFieldProps & 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 InlineField: { ({ children, mode: controlledMode, defaultMode, onModeChange, isLoading, shouldModeChange, }: import('../components/inline-field/InlineField.js').InlineFieldProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; readonly InlineFieldReadView: typeof import('../components/inline-field/parts/InlineFieldReadView.js').InlineFieldReadView; readonly InlineFieldEditView: typeof import('../components/inline-field/parts/InlineFieldEditView.js').InlineFieldEditView; }, { readonly Form: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & import('react').RefAttributes<HTMLFormElement>>; readonly InlineFieldGroup: import('react').ForwardRefExoticComponent<import('../components/inline-field-group/InlineFieldGroup.js').InlineFieldGroupProps & import('react').RefAttributes<import('../components/inline-field-group/InlineFieldGroup.js').InlineFieldGroupHandle>>; readonly InlineFieldGroupHeader: typeof import('../components/inline-field-group/parts/InlineFieldGroupHeader.js').InlineFieldGroupHeader; readonly InlineFieldGroupReadView: typeof import('../components/inline-field-group/parts/InlineFieldGroupReadView.js').InlineFieldGroupReadView; readonly InlineFieldGroupEditView: typeof import('../components/inline-field-group/parts/InlineFieldGroupEditView.js').InlineFieldGroupEditView; }>; }>>; 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<HTMLAnchorElement | HTMLButtonElement>>; 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 DateRangePickerInput: import('react').ForwardRefExoticComponent<import('../components/date-range-picker/TanstackDateRangePicker.js').TanstackDateRangePickerProps & 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 DateRangePickerField: import('react').ForwardRefExoticComponent<import('../components/date-range-picker/TanstackDateRangePicker.js').TanstackDateRangePickerProps & 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 PasswordField: import('react').ForwardRefExoticComponent<import('../components/password-field/TanstackPasswordField.js').TanstackPasswordFieldProps & 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 InlineField: { ({ children, mode: controlledMode, defaultMode, onModeChange, isLoading, shouldModeChange, }: import('../components/inline-field/InlineField.js').InlineFieldProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; readonly InlineFieldReadView: typeof import('../components/inline-field/parts/InlineFieldReadView.js').InlineFieldReadView; readonly InlineFieldEditView: typeof import('../components/inline-field/parts/InlineFieldEditView.js').InlineFieldEditView; }, { readonly Form: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & import('react').RefAttributes<HTMLFormElement>>; readonly InlineFieldGroup: import('react').ForwardRefExoticComponent<import('../components/inline-field-group/InlineFieldGroup.js').InlineFieldGroupProps & import('react').RefAttributes<import('../components/inline-field-group/InlineFieldGroup.js').InlineFieldGroupHandle>>; readonly InlineFieldGroupHeader: typeof import('../components/inline-field-group/parts/InlineFieldGroupHeader.js').InlineFieldGroupHeader; readonly InlineFieldGroupReadView: typeof import('../components/inline-field-group/parts/InlineFieldGroupReadView.js').InlineFieldGroupReadView; readonly InlineFieldGroupEditView: typeof import('../components/inline-field-group/parts/InlineFieldGroupEditView.js').InlineFieldGroupEditView; }, TSubmitMeta, TRenderProps>) => <TFormData, TFields extends import('@tanstack/form-core').DeepKeysOfType<TFormData, TFieldGroupData | null | undefined> | import('@tanstack/form-core').FieldsMap<TFormData, TFieldGroupData>, TOnMount extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnChange extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import('@tanstack/form-core').FormAsyncValidateOrFn<TF