@payfit/unity-components
Version:
314 lines • 72.8 kB
TypeScript
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