@mmb-digital/design-system-web 0.1.346 → 0.1.347

package/dist/index.d.ts

@@ -1,8 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as csstype from 'csstype';
 import { Property } from 'csstype';
 import * as react from 'react';
-import { ReactNode, ReactElement, HTMLProps, MutableRefObject, ElementType, HTMLInputAutoCompleteAttribute, FocusEvent, ChangeEvent, FC, Ref, AriaAttributes, RefObject, MouseEvent, AriaRole, HTMLAttributeAnchorTarget, RefAttributes, MouseEventHandler, KeyboardEventHandler, HTMLAttributes, HTMLInputTypeAttribute, Key, ComponentType, KeyboardEvent, ComponentProps, BaseSyntheticEvent, FocusEventHandler, TouchEvent, TextareaHTMLAttributes } from 'react';
+import { ReactNode, ReactElement, HTMLProps, MutableRefObject, ElementType, HTMLInputAutoCompleteAttribute, FocusEvent, ChangeEvent, Ref, FC, AriaAttributes, RefObject, MouseEvent, AriaRole, HTMLAttributeAnchorTarget, MouseEventHandler, KeyboardEventHandler, HTMLAttributes, HTMLInputTypeAttribute, Key, ComponentType, KeyboardEvent, ComponentProps, BaseSyntheticEvent, FocusEventHandler, TouchEvent, TextareaHTMLAttributes } from 'react';
 import { MessageDescriptor } from 'react-intl';
 import { PrimitiveType, FormatXMLElementFn } from 'intl-messageformat';
 import { Theme as Theme$1 } from '@emotion/react';
@@ -14,6 +13,7 @@ import { Locale } from 'date-fns';
 import { DatePickerProps as DatePickerProps$1 } from 'react-datepicker';
 import { FactoryOpts } from 'imask';
 import * as _emotion_utils from '@emotion/utils';
+export { useMergeRefs } from '@floating-ui/react';
 import { z } from 'zod';
 import emotionStyled from '@emotion/styled';
 
@@ -175,6 +175,7 @@ interface InputProps extends FieldControlProps {
     onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | undefined;
     onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
     prefix?: ReactNode;
+    ref?: Ref<HTMLInputElement>;
     size: InputSize;
     suffix?: ReactNode;
     value?: string;
@@ -1222,9 +1223,10 @@ interface CheckboxControlProps {
     name: string;
     onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    ref?: Ref<HTMLInputElement>;
     value?: string;
 }
-declare const CheckboxControl: react.ForwardRefExoticComponent<CheckboxControlProps & react.RefAttributes<HTMLInputElement>>;
+declare const CheckboxControl: (props: CheckboxControlProps) => react_jsx_runtime.JSX.Element;
 
 declare enum CheckboxPosition {
     left = "left",
@@ -1237,7 +1239,7 @@ interface CheckboxProps extends CheckboxControlProps, InputLabelPassthroughProps
     position?: CheckboxPosition;
     tooltipPosition?: LabelTooltipPosition;
 }
-declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
+declare const Checkbox: (props: CheckboxProps) => react_jsx_runtime.JSX.Element;
 
 interface CheckboxFieldProps extends Omit<CheckboxProps, 'onChange' | 'value'> {
     options?: RegisterOptions;
@@ -1328,7 +1330,7 @@ type ComboBoxValue<TItem> = {
     type: ComboBoxValueType.item;
 } | null;
 
-interface InputBaseProps extends RefAttributes<HTMLInputElement>, FieldControlProps, Pick<AriaAttributes, 'aria-activedescendant' | 'aria-autocomplete' | 'aria-controls' | 'aria-describedby' | 'aria-expanded' | 'aria-invalid' | 'aria-label' | 'aria-labelledby' | 'aria-required'> {
+interface InputBaseProps extends FieldControlProps, Pick<AriaAttributes, 'aria-activedescendant' | 'aria-autocomplete' | 'aria-controls' | 'aria-describedby' | 'aria-expanded' | 'aria-invalid' | 'aria-label' | 'aria-labelledby' | 'aria-required'> {
     ariaLabel?: string;
     autoComplete?: HTMLInputAutoCompleteAttribute;
     button?: ReactNode;
@@ -1349,6 +1351,7 @@ interface InputBaseProps extends RefAttributes<HTMLInputElement>, FieldControlPr
     placeholder?: string;
     prefix?: ReactNode;
     prefixColor?: Property.Color;
+    ref?: Ref<HTMLInputElement>;
     role?: HTMLAttributes<HTMLInputElement>['role'];
     size?: InputSize;
     suffix?: ReactNode;
@@ -1357,10 +1360,10 @@ interface InputBaseProps extends RefAttributes<HTMLInputElement>, FieldControlPr
     value?: string;
     weight?: FontWeight;
 }
-declare const InputBase: react.ForwardRefExoticComponent<Omit<InputBaseProps, "ref"> & RefAttributes<HTMLInputElement>>;
+declare const InputBase: (props: InputBaseProps) => react_jsx_runtime.JSX.Element;
 
 interface ComboBoxControlProps<TItem extends ComboBoxItem> extends Omit<FieldControlProps, 'name'>, Pick<InputBaseProps, 'ariaLabel' | 'disabled' | 'icon' | 'isPastingDisabled' | 'maxLength' | 'name' | 'onFocus' | 'placeholder' | 'required'> {
-    formatter?: Formatter<TItem, ReactNode, number | string>;
+    formatter?: Formatter<TItem, ReactNode>;
     getItemKey?: (item: TItem | null) => number | string;
     inputPrefix?: ReactNode;
     inputSize?: InputSize;
@@ -1371,10 +1374,11 @@ interface ComboBoxControlProps<TItem extends ComboBoxItem> extends Omit<FieldCon
     items: TItem[];
     onBlur?: () => void;
     onChange: (value: ComboBoxValue<TItem>) => void;
+    ref?: Ref<HTMLInputElement>;
     shouldHighlightFirstItem?: boolean;
     value: ComboBoxValue<TItem>;
 }
-declare const ComboBoxControl: <TItem extends ComboBoxItem>(props: ComboBoxControlProps<TItem> & RefAttributes<HTMLDivElement>) => ReactElement;
+declare const ComboBoxControl: <TItem extends ComboBoxItem>(props: ComboBoxControlProps<TItem>) => react_jsx_runtime.JSX.Element;
 
 declare enum FieldWrapperLayout {
     horizontal = "horizontal",
@@ -1417,11 +1421,15 @@ interface FieldWrapperProps extends DesignSystemBaseProps, InputLabelPassthrough
 }
 declare const FieldWrapper: (props: FieldWrapperProps) => react_jsx_runtime.JSX.Element;
 
-type WithFieldWrapperProps = Omit<FieldWrapperProps, 'children' | 'controlId' | 'id'>;
-declare const withFieldWrapper: <TProps extends FieldControlProps, TElement extends HTMLElement>(FieldControl: ComponentType<TProps>) => react.ForwardRefExoticComponent<react.PropsWithoutRef<TProps & WithFieldWrapperProps> & react.RefAttributes<TElement>>;
+/** These props are reserved for `FieldWrapper` and cannot be used in the wrapped component. */
+type FieldWrapperReservedProps = Pick<FieldWrapperProps, 'addons' | 'controlMobileWidth' | 'controlSectionWidth' | 'controlWidth' | 'errorMessage' | 'hiddenHintText' | 'hintText' | 'label' | 'labelAs' | 'labelHiddenText' | 'labelId' | 'labelSuffix' | 'layout' | 'note' | 'optionality' | 'successMessage' | 'tooltip'>;
+declare const withFieldWrapper: <TProps extends FieldControlProps>(FieldControl: ComponentType<TProps>) => {
+    (props: FieldWrapperReservedProps & Omit<TProps, keyof FieldWrapperReservedProps>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-type ComboBoxProps<TItem extends ComboBoxItem> = ComboBoxControlProps<TItem> & Omit<FieldWrapperProps, 'children'>;
-declare const ComboBox: <TItem extends ComboBoxItem>(props: ComboBoxProps<TItem> & RefAttributes<HTMLDivElement>) => ReactElement;
+type ComboBoxProps<TItem extends ComboBoxItem> = ComboBoxControlProps<TItem> & FieldWrapperReservedProps;
+declare const ComboBox: <TItem extends ComboBoxItem>(props: ComboBoxProps<TItem>) => ReactElement;
 
 interface ComboBoxFieldProps<TItem extends ComboBoxItem> extends Omit<ComboBoxProps<TItem>, 'onChange' | 'value'> {
     defaultValue?: TItem | null;
@@ -1441,36 +1449,19 @@ interface DatePickerControlProps extends Pick<DatePickerProps$1, 'chooseDayAriaL
     name: string;
     onChange?: (date: Date | null, event?: KeyboardEvent<HTMLElement> | MouseEvent<HTMLElement>) => void;
     placeholder?: string;
+    ref?: Ref<HTMLInputElement>;
     yearSelectAriaLabel?: string;
 }
-declare const DatePickerControl: react.ForwardRefExoticComponent<DatePickerControlProps & react.RefAttributes<HTMLInputElement>>;
+declare const DatePickerControl: (props: DatePickerControlProps) => react_jsx_runtime.JSX.Element;
 
-declare const DatePicker: react.ForwardRefExoticComponent<DatePickerControlProps & {
-    label?: react.ReactNode;
-    name?: string | undefined;
-    invalid?: boolean | undefined;
-    colorScheme?: ColorScheme | undefined;
-    mediaType?: MediaType | undefined;
-    addons?: FieldAddon[] | undefined;
-    controlMobileWidth?: csstype.Property.Width | undefined;
-    controlSectionWidth?: csstype.Property.Width | undefined;
-    controlWidth?: csstype.Property.Width | undefined;
-    errorMessage?: react.ReactNode;
-    hiddenHintText?: react.ReactNode;
-    hintText?: react.ReactNode;
-    layout?: FieldWrapperLayout | undefined;
-    note?: react.ReactNode;
-    optionality?: FieldOptionality | undefined;
-    successMessage?: react.ReactNode;
-    labelAs?: react.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: react.ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
-} & react.RefAttributes<HTMLInputElement>>;
+declare const DatePicker: {
+    (props: FieldWrapperReservedProps & Omit<DatePickerControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 type DatePickerProps = ComponentProps<typeof DatePicker>;
 
 interface DatePickerFieldProps extends Omit<ComponentProps<typeof DatePicker>, 'onChange'> {
+    name: string;
     options?: RegisterOptions;
 }
 declare const DatePickerField: (props: DatePickerFieldProps) => react_jsx_runtime.JSX.Element;
@@ -1480,32 +1471,14 @@ declare const datePickerValueFormat = "yyyy-MM-dd";
 interface EmailInputControlProps extends InputProps {
     placeholder?: string;
 }
-declare const EmailInput: react.ForwardRefExoticComponent<EmailInputControlProps & {
-    label?: react.ReactNode;
-    name?: string | undefined;
-    invalid?: boolean | undefined;
-    colorScheme?: ColorScheme | undefined;
-    mediaType?: MediaType | undefined;
-    addons?: FieldAddon[] | undefined;
-    controlMobileWidth?: csstype.Property.Width | undefined;
-    controlSectionWidth?: csstype.Property.Width | undefined;
-    controlWidth?: csstype.Property.Width | undefined;
-    errorMessage?: react.ReactNode;
-    hiddenHintText?: react.ReactNode;
-    hintText?: react.ReactNode;
-    layout?: FieldWrapperLayout | undefined;
-    note?: react.ReactNode;
-    optionality?: FieldOptionality | undefined;
-    successMessage?: react.ReactNode;
-    labelAs?: react.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: react.ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
-} & react.RefAttributes<HTMLInputElement>>;
+declare const EmailInput: {
+    (props: FieldWrapperReservedProps & Omit<EmailInputControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 type EmailInputProps = ComponentProps<typeof EmailInput>;
 
 interface EmailInputFieldProps extends Omit<EmailInputProps, 'onChange' | 'value'> {
+    name: string;
     options?: RegisterOptions;
 }
 declare const EmailInputField: (props: EmailInputFieldProps) => react_jsx_runtime.JSX.Element;
@@ -1519,10 +1492,11 @@ interface ErrorBoxProps {
     colorScheme?: ColorScheme;
     content?: ReactNode;
     items?: ErrorBoxItem[];
+    ref?: Ref<HTMLDivElement>;
     tabIndex?: number;
     title?: ReactNode;
 }
-declare const ErrorBox: react.ForwardRefExoticComponent<ErrorBoxProps & react.RefAttributes<HTMLDivElement>>;
+declare const ErrorBox: (props: ErrorBoxProps) => react_jsx_runtime.JSX.Element;
 
 declare enum FileInputErrorCode {
     fileSizeTooLarge = "fileSizeTooLarge",
@@ -1578,36 +1552,20 @@ interface FileInputControlProps extends FileInputSettings, DesignSystemBaseProps
     name: string;
     onBlur?: () => void;
     onChange: (files: File[]) => void;
+    ref?: Ref<HTMLDivElement>;
     value: File[];
 }
-declare const FileInputControl: react.ForwardRefExoticComponent<FileInputControlProps & react.RefAttributes<HTMLDivElement>>;
+declare const FileInputControl: (props: FileInputControlProps) => react_jsx_runtime.JSX.Element;
 
-declare const FileInput: react.ForwardRefExoticComponent<Omit<FileInputControlProps & {
-    label?: react.ReactNode;
-    name?: string | undefined;
-    invalid?: boolean | undefined;
-    colorScheme?: ColorScheme | undefined;
-    mediaType?: MediaType | undefined;
-    addons?: FieldAddon[] | undefined;
-    controlMobileWidth?: csstype.Property.Width | undefined;
-    controlSectionWidth?: csstype.Property.Width | undefined;
-    controlWidth?: csstype.Property.Width | undefined;
-    errorMessage?: react.ReactNode;
-    hiddenHintText?: react.ReactNode;
-    hintText?: react.ReactNode;
-    layout?: FieldWrapperLayout | undefined;
-    note?: react.ReactNode;
-    optionality?: FieldOptionality | undefined;
-    successMessage?: react.ReactNode;
-    labelAs?: react.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: react.ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
-} & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const FileInputBase: {
+    (props: FieldWrapperReservedProps & Omit<FileInputControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const FileInput: (props: ComponentProps<typeof FileInputBase>) => react_jsx_runtime.JSX.Element;
 type FileInputProps = ComponentProps<typeof FileInput>;
 
 interface FileInputFieldProps extends Omit<FileInputProps, 'onBlur' | 'onChange' | 'value'> {
+    name: string;
     options?: RegisterOptions;
 }
 declare const FileInputField: (props: FileInputFieldProps) => react_jsx_runtime.JSX.Element;
@@ -1700,8 +1658,8 @@ interface ThrownFormLevelErrorFormatterOutput {
     iconProduct?: IconProductType;
     title: ReactNode;
 }
-type ThrownFieldLevelErrorFormatter = Formatter<ThrownFieldLevelError, ReactNode, string>;
-type ThrownFormLevelErrorFormatter = Formatter<ThrownFormLevelError, ReactNode | ThrownFormLevelErrorFormatterOutput, string>;
+type ThrownFieldLevelErrorFormatter = Formatter<ThrownFieldLevelError, ReactNode>;
+type ThrownFormLevelErrorFormatter = Formatter<ThrownFormLevelError, ReactNode | ThrownFormLevelErrorFormatterOutput>;
 interface ReCaptchaV3Config {
     isEnabled: boolean;
     isEnterprise: boolean;
@@ -1796,6 +1754,7 @@ interface InfoboxProps extends DesignSystemBaseProps, AriaAttributes {
     iconProduct?: IconProductType;
     id?: string;
     isWarning?: boolean;
+    ref?: Ref<HTMLDivElement>;
     role?: AriaRole;
     size: InfoboxSize;
     tabIndex?: number;
@@ -1803,7 +1762,7 @@ interface InfoboxProps extends DesignSystemBaseProps, AriaAttributes {
     textContent?: InfoboxTextContent;
     variant: InfoboxVariant;
 }
-declare const Infobox: react.ForwardRefExoticComponent<InfoboxProps & react.RefAttributes<HTMLDivElement>>;
+declare const Infobox: (props: InfoboxProps) => react_jsx_runtime.JSX.Element;
 
 declare enum InputLabelSize {
     xs = "xs",
@@ -1849,61 +1808,20 @@ interface MaskedInputBaseProps extends InputBaseProps {
     maskOptions: FactoryOpts;
     onAccept?: MaskedInputOnAccept;
 }
-declare const MaskedInputBase: react.ForwardRefExoticComponent<Omit<MaskedInputBaseProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
+declare const MaskedInputBase: (props: MaskedInputBaseProps) => react_jsx_runtime.JSX.Element;
 
-declare const MaskedInput: react.ForwardRefExoticComponent<Omit<MaskedInputBaseProps & {
-    label?: react.ReactNode;
-    name?: string | undefined;
-    invalid?: boolean | undefined;
-    colorScheme?: ColorScheme | undefined;
-    mediaType?: MediaType | undefined;
-    addons?: FieldAddon[] | undefined;
-    controlMobileWidth?: csstype.Property.Width | undefined;
-    controlSectionWidth?: csstype.Property.Width | undefined;
-    controlWidth?: csstype.Property.Width | undefined;
-    errorMessage?: react.ReactNode;
-    hiddenHintText?: react.ReactNode;
-    hintText?: react.ReactNode;
-    layout?: FieldWrapperLayout | undefined;
-    note?: react.ReactNode;
-    optionality?: FieldOptionality | undefined;
-    successMessage?: react.ReactNode;
-    labelAs?: react.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: react.ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
-}, "ref"> & react.RefAttributes<HTMLInputElement>>;
+declare const MaskedInput: {
+    (props: FieldWrapperReservedProps & Omit<MaskedInputBaseProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 type MaskedInputProps = ComponentProps<typeof MaskedInput>;
 
-type ManagedMaskedInputProps = Pick<MaskedInputProps, 'errorMessage' | 'onAccept' | 'onBlur' | 'value'>;
+type ManagedMaskedInputProps = Pick<MaskedInputProps, 'errorMessage' | 'onAccept' | 'onBlur' | 'ref' | 'value'>;
 declare const withMaskedInputField: <TProps extends ManagedMaskedInputProps>(Component: ComponentType<TProps>) => <TFieldValues extends FieldValues>(props: TProps & {
     name: FieldPath<TFieldValues>;
     options?: RegisterOptions<TFieldValues>;
 }) => react_jsx_runtime.JSX.Element;
-declare const MaskedInputField: <TFieldValues extends FieldValues>(props: Omit<MaskedInputBaseProps & {
-    label?: react.ReactNode;
-    name?: string | undefined;
-    invalid?: boolean | undefined;
-    colorScheme?: ColorScheme | undefined;
-    mediaType?: MediaType | undefined;
-    addons?: FieldAddon[] | undefined;
-    controlMobileWidth?: csstype.Property.Width | undefined;
-    controlSectionWidth?: csstype.Property.Width | undefined;
-    controlWidth?: csstype.Property.Width | undefined;
-    errorMessage?: react.ReactNode;
-    hiddenHintText?: react.ReactNode;
-    hintText?: react.ReactNode;
-    layout?: FieldWrapperLayout | undefined;
-    note?: react.ReactNode;
-    optionality?: FieldOptionality | undefined;
-    successMessage?: react.ReactNode;
-    labelAs?: react.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: react.ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
-}, "ref"> & react.RefAttributes<HTMLInputElement> & {
+declare const MaskedInputField: <TFieldValues extends FieldValues>(props: FieldWrapperReservedProps & Omit<MaskedInputBaseProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip"> & {
     name: react_hook_form.Path<TFieldValues>;
     options?: RegisterOptions<TFieldValues> | undefined;
 }) => react_jsx_runtime.JSX.Element;
@@ -1948,9 +1866,9 @@ interface NumberInputProps extends Omit<MaskedInputProps, 'maskOptions'> {
     integerPlaces?: number;
     maskOptions?: FactoryOpts;
 }
-declare const NumberInput: react.ForwardRefExoticComponent<Omit<NumberInputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
+declare const NumberInput: (props: NumberInputProps) => react_jsx_runtime.JSX.Element;
 
-declare const NumberInputField: <TFieldValues extends react_hook_form.FieldValues>(props: Omit<NumberInputProps, "ref"> & react.RefAttributes<HTMLInputElement> & {
+declare const NumberInputField: <TFieldValues extends react_hook_form.FieldValues>(props: NumberInputProps & {
     name: react_hook_form.Path<TFieldValues>;
     options?: react_hook_form.RegisterOptions<TFieldValues> | undefined;
 }) => react_jsx_runtime.JSX.Element;
@@ -1969,17 +1887,18 @@ interface PaperProps extends DesignSystemBaseProps, SsrProps, AriaAttributes {
     id?: string;
     overflow?: Overflow;
     padding?: Spacing;
+    ref?: Ref<HTMLDivElement>;
     role?: AriaRole;
     shadow?: PaperShadow;
     tabIndex?: number;
 }
-declare const Paper: react.ForwardRefExoticComponent<PaperProps & react.RefAttributes<HTMLDivElement>>;
+declare const Paper: (props: PaperProps) => react_jsx_runtime.JSX.Element;
 
 interface PhoneInputProps extends Omit<MaskedInputProps, 'maskOptions'> {
     maskOptions?: FactoryOpts;
     prefixColor?: Property.Color;
 }
-declare const PhoneInput: react.ForwardRefExoticComponent<Omit<PhoneInputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
+declare const PhoneInput: (props: PhoneInputProps) => react_jsx_runtime.JSX.Element;
 
 declare const PhoneInputField: <TFieldValues extends react_hook_form.FieldValues>(props: PhoneInputProps & {
     name: react_hook_form.Path<TFieldValues>;
@@ -2021,7 +1940,7 @@ interface ProgressDefinition extends AriaAttributes {
 interface ProgressPaperProps extends PaperProps, SsrProps {
     progressDefinition: ProgressDefinition;
 }
-declare const ProgressPaper: react.ForwardRefExoticComponent<ProgressPaperProps & react.RefAttributes<HTMLDivElement>>;
+declare const ProgressPaper: (props: ProgressPaperProps) => react_jsx_runtime.JSX.Element;
 
 declare enum RadioPosition {
     left = "left",
@@ -2047,8 +1966,9 @@ interface RadioButtonLabel {
 interface RadioButtonProps extends RadioGeneralProps, DesignSystemBaseProps {
     errorMessage?: ReactElement | string | undefined;
     label: RadioButtonLabel;
+    ref?: Ref<HTMLInputElement>;
 }
-declare const RadioButton: react.ForwardRefExoticComponent<RadioButtonProps & react.RefAttributes<HTMLInputElement>>;
+declare const RadioButton: (props: RadioButtonProps) => react_jsx_runtime.JSX.Element;
 
 interface RadioButtonFieldProps extends Omit<RadioButtonProps, 'onChange'> {
     name: string;
@@ -2082,33 +2002,16 @@ interface RadioButtonGroupControlProps extends DesignSystemBaseProps, FieldContr
     name: string;
     onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | undefined;
     onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
+    ref?: Ref<HTMLInputElement>;
     value?: string;
 }
-declare const RadioButtonGroupControl: react.ForwardRefExoticComponent<RadioButtonGroupControlProps & react.RefAttributes<HTMLInputElement>>;
+declare const RadioButtonGroupControl: (props: RadioButtonGroupControlProps) => react_jsx_runtime.JSX.Element;
 
-declare const RadioButtonGroup: react.ForwardRefExoticComponent<Omit<RadioButtonGroupControlProps & {
-    label?: react.ReactNode;
-    name?: string | undefined;
-    invalid?: boolean | undefined;
-    colorScheme?: ColorScheme | undefined;
-    mediaType?: MediaType | undefined;
-    addons?: FieldAddon[] | undefined;
-    controlMobileWidth?: csstype.Property.Width | undefined;
-    controlSectionWidth?: csstype.Property.Width | undefined;
-    controlWidth?: csstype.Property.Width | undefined;
-    errorMessage?: react.ReactNode;
-    hiddenHintText?: react.ReactNode;
-    hintText?: react.ReactNode;
-    layout?: FieldWrapperLayout | undefined;
-    note?: react.ReactNode;
-    optionality?: FieldOptionality | undefined;
-    successMessage?: react.ReactNode;
-    labelAs?: react.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: react.ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
-} & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
+declare const RadioButtonGroupBase: {
+    (props: FieldWrapperReservedProps & Omit<RadioButtonGroupControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const RadioButtonGroup: (props: ComponentProps<typeof RadioButtonGroupBase>) => react_jsx_runtime.JSX.Element;
 type RadioButtonGroupProps = ComponentProps<typeof RadioButtonGroup>;
 
 interface RadioButtonGroupFieldProps extends Omit<RadioButtonGroupProps, 'onBlur' | 'onChange' | 'value'> {
@@ -2118,8 +2021,9 @@ interface RadioButtonGroupFieldProps extends Omit<RadioButtonGroupProps, 'onBlur
 declare const RadioButtonGroupField: (props: RadioButtonGroupFieldProps) => react_jsx_runtime.JSX.Element;
 
 interface RadioControlProps extends DesignSystemBaseProps, RadioGeneralProps {
+    ref?: Ref<HTMLInputElement>;
 }
-declare const RadioControl: react.ForwardRefExoticComponent<RadioControlProps & react.RefAttributes<HTMLInputElement>>;
+declare const RadioControl: (props: RadioControlProps) => react_jsx_runtime.JSX.Element;
 
 interface RadioProps extends RadioControlProps, InputLabelPassthroughProps, DesignSystemBaseProps {
     errorMessage?: ReactNode;
@@ -2127,7 +2031,7 @@ interface RadioProps extends RadioControlProps, InputLabelPassthroughProps, Desi
     position?: RadioPosition;
     tooltipPosition?: LabelTooltipPosition;
 }
-declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttributes<HTMLInputElement>>;
+declare const Radio: (props: RadioProps) => react_jsx_runtime.JSX.Element;
 
 interface RadioFieldProps extends Omit<RadioProps, 'onChange'> {
     name: string;
@@ -2157,34 +2061,17 @@ interface RadioGroupControlProps extends FieldControlProps, DesignSystemBaseProp
     name: string;
     onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | undefined;
     onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
+    ref?: Ref<HTMLInputElement>;
     rowGap?: Spacing;
     value?: string;
 }
-declare const RadioGroupControl: react.ForwardRefExoticComponent<RadioGroupControlProps & react.RefAttributes<HTMLInputElement>>;
+declare const RadioGroupControl: (props: RadioGroupControlProps) => react_jsx_runtime.JSX.Element;
 
-declare const RadioGroup: react.ForwardRefExoticComponent<Omit<RadioGroupControlProps & {
-    label?: react.ReactNode;
-    name?: string | undefined;
-    invalid?: boolean | undefined;
-    colorScheme?: ColorScheme | undefined;
-    mediaType?: MediaType | undefined;
-    addons?: FieldAddon[] | undefined;
-    controlMobileWidth?: csstype.Property.Width | undefined;
-    controlSectionWidth?: csstype.Property.Width | undefined;
-    controlWidth?: csstype.Property.Width | undefined;
-    errorMessage?: react.ReactNode;
-    hiddenHintText?: react.ReactNode;
-    hintText?: react.ReactNode;
-    layout?: FieldWrapperLayout | undefined;
-    note?: react.ReactNode;
-    optionality?: FieldOptionality | undefined;
-    successMessage?: react.ReactNode;
-    labelAs?: react.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: react.ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
-} & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
+declare const RadioGroupBase: {
+    (props: FieldWrapperReservedProps & Omit<RadioGroupControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const RadioGroup: (props: ComponentProps<typeof RadioGroupBase>) => react_jsx_runtime.JSX.Element;
 type RadioGroupProps = ComponentProps<typeof RadioGroup>;
 
 interface RadioGroupFieldProps extends Omit<RadioGroupProps, 'onBlur' | 'onChange' | 'value'> {
@@ -2199,29 +2086,10 @@ interface SearchInputControlProps extends InputProps {
     invalid?: boolean;
     placeholder?: string;
 }
-declare const SearchInput: react.ForwardRefExoticComponent<SearchInputControlProps & {
-    label?: ReactNode;
-    name?: string | undefined;
-    invalid?: boolean | undefined;
-    colorScheme?: ColorScheme | undefined;
-    mediaType?: MediaType | undefined;
-    addons?: FieldAddon[] | undefined;
-    controlMobileWidth?: csstype.Property.Width | undefined;
-    controlSectionWidth?: csstype.Property.Width | undefined;
-    controlWidth?: csstype.Property.Width | undefined;
-    errorMessage?: ReactNode;
-    hiddenHintText?: ReactNode;
-    hintText?: ReactNode;
-    layout?: FieldWrapperLayout | undefined;
-    note?: ReactNode;
-    optionality?: FieldOptionality | undefined;
-    successMessage?: ReactNode;
-    labelAs?: react.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
-} & react.RefAttributes<HTMLInputElement>>;
+declare const SearchInput: {
+    (props: FieldWrapperReservedProps & Omit<SearchInputControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 type SearchInputProps = ComponentProps<typeof SearchInput>;
 
 declare enum SelectVariant {
@@ -2241,7 +2109,7 @@ type SelectItem = boolean | number | object | string | null;
 interface SelectControlProps<TItem extends SelectItem> extends FieldControlProps, DesignSystemBaseProps {
     ariaLabel?: string;
     disabled?: boolean;
-    formatter?: Formatter<TItem, ReactNode, number | string>;
+    formatter?: Formatter<TItem, ReactNode>;
     getItemKey?: (item: TItem | null) => number | string;
     iconSystem?: IconSystemType;
     id?: string;
@@ -2250,13 +2118,14 @@ interface SelectControlProps<TItem extends SelectItem> extends FieldControlProps
     nilMessage?: string;
     onBlur?: FocusEventHandler<HTMLDivElement>;
     onChange: (item: TItem | null) => void;
+    ref?: Ref<HTMLDivElement>;
     value: TItem | null;
     variant?: SelectVariant;
 }
-declare const SelectControl: <TItem extends SelectItem>(props: RefAttributes<HTMLDivElement> & SelectControlProps<TItem>) => ReactElement;
+declare const SelectControl: <TItem extends SelectItem>(props: SelectControlProps<TItem>) => react_jsx_runtime.JSX.Element;
 
-type SelectProps<TItem extends SelectItem> = Omit<FieldWrapperProps, 'children'> & SelectControlProps<TItem>;
-declare const Select: <TItem extends SelectItem>(props: RefAttributes<HTMLDivElement> & SelectProps<TItem>) => ReactElement;
+type SelectProps<TItem extends SelectItem> = FieldWrapperReservedProps & SelectControlProps<TItem>;
+declare const Select: <TItem extends SelectItem>(props: SelectProps<TItem>) => ReactElement;
 
 interface SelectFieldProps<TItem extends SelectItem> extends Omit<SelectProps<TItem>, 'onChange' | 'value'> {
     defaultValue?: TItem | null;
@@ -2291,23 +2160,23 @@ interface SliderMinMaxLabels {
     max: ReactElement | string;
     min: ReactElement | string;
 }
-interface SliderAriaValueTextFormatterDataContext {
+interface SliderAriaValueTextFormatterContext {
     clampMax?: number;
     clampMin?: number;
 }
-type SliderAriaValueTextFormatter = Formatter<number, string, string, SliderAriaValueTextFormatterDataContext>;
-interface SliderInputLimitExceededLiveTextFormatterDataContext {
-    clampMax: number;
-    clampMin: number;
+type SliderAriaValueTextFormatter = Formatter<number, string, SliderAriaValueTextFormatterContext>;
+interface SliderInputLimitExceededLiveTextFormatterContext {
+    clampMax?: number;
+    clampMin?: number;
     effectiveMax: number;
     effectiveMin: number;
     max: number;
     min: number;
     oldValue: number;
 }
-type SliderInputLimitExceededLiveTextFormatter = Formatter<number, string, string, SliderInputLimitExceededLiveTextFormatterDataContext>;
+type SliderInputLimitExceededLiveTextFormatter = Formatter<number, string, SliderInputLimitExceededLiveTextFormatterContext>;
 
-interface SliderInputProps extends RefAttributes<HTMLInputElement>, DesignSystemBaseProps, InputLabelPassthroughProps {
+interface SliderInputProps extends DesignSystemBaseProps, InputLabelPassthroughProps {
     ariaLabelForHandle?: string;
     ariaLabelledByForHandle?: string;
     ariaValueTextFormatter?: SliderAriaValueTextFormatter;
@@ -2349,6 +2218,7 @@ interface SliderInputProps extends RefAttributes<HTMLInputElement>, DesignSystem
      */
     onSliderChange?: (value: number) => void;
     prefix?: ReactNode;
+    ref?: Ref<HTMLInputElement>;
     steps: SliderSteps;
     stepType: SliderStepType;
     suffix?: ReactNode;
@@ -2369,7 +2239,7 @@ interface SliderInputProps extends RefAttributes<HTMLInputElement>, DesignSystem
  * and `onInputChange` callbacks. These callbacks are triggered on every change during slider movement
  * or while typing in the input field, before the user finalizes their selection with Enter or onBlur.
  */
-declare const SliderInput: react.ForwardRefExoticComponent<Omit<SliderInputProps, "ref"> & RefAttributes<HTMLInputElement>>;
+declare const SliderInput: (props: SliderInputProps) => react_jsx_runtime.JSX.Element;
 
 interface SliderProps extends DesignSystemBaseProps {
     ariaLabelForHandle?: string;
@@ -2430,11 +2300,12 @@ interface StackProps extends AriaAttributes {
     fullWidth?: boolean;
     gap?: Spacing;
     id?: string;
+    ref?: Ref<HTMLDivElement>;
     role?: AriaRole;
     tabIndex?: number;
     wrap?: FlexWrap;
 }
-declare const Stack: react.ForwardRefExoticComponent<StackProps & react.RefAttributes<HTMLDivElement>>;
+declare const Stack: (props: StackProps) => react_jsx_runtime.JSX.Element;
 
 declare enum StepperVariant {
     horizontal = "horizontal",
@@ -2636,6 +2507,7 @@ interface TagProps extends DesignSystemBaseProps, AriaAttributes {
     iconSystem?: IconSystemType;
     onClick?: (event: MouseEvent<HTMLDivElement>) => void;
     onKeyDown?: (event: KeyboardEvent<HTMLDivElement>) => void;
+    ref?: Ref<HTMLDivElement>;
     role?: AriaRole;
     size?: TagSize;
     tabIndex?: number;
@@ -2644,33 +2516,15 @@ interface TagProps extends DesignSystemBaseProps, AriaAttributes {
     type: TagType;
     whiteSpace?: WhiteSpace;
 }
-declare const Tag: react.ForwardRefExoticComponent<TagProps & react.RefAttributes<HTMLDivElement>>;
+declare const Tag: (props: TagProps) => react_jsx_runtime.JSX.Element;
 
 interface TextAreaControlProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, FieldControlProps {
+    ref?: Ref<HTMLTextAreaElement>;
 }
-declare const TextArea: react.ForwardRefExoticComponent<TextAreaControlProps & {
-    label?: react.ReactNode;
-    name?: string | undefined;
-    invalid?: boolean | undefined;
-    colorScheme?: ColorScheme | undefined;
-    mediaType?: MediaType | undefined;
-    addons?: FieldAddon[] | undefined;
-    controlMobileWidth?: csstype.Property.Width | undefined;
-    controlSectionWidth?: csstype.Property.Width | undefined;
-    controlWidth?: csstype.Property.Width | undefined;
-    errorMessage?: react.ReactNode;
-    hiddenHintText?: react.ReactNode;
-    hintText?: react.ReactNode;
-    layout?: FieldWrapperLayout | undefined;
-    note?: react.ReactNode;
-    optionality?: FieldOptionality | undefined;
-    successMessage?: react.ReactNode;
-    labelAs?: react.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: react.ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
-} & react.RefAttributes<HTMLTextAreaElement>>;
+declare const TextArea: {
+    (props: FieldWrapperReservedProps & Omit<TextAreaControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 type TextAreaProps = ComponentProps<typeof TextArea>;
 
 interface TextAreaFieldProps extends Omit<TextAreaProps, 'onChange' | 'value'> {
@@ -2683,32 +2537,14 @@ interface TextInputControlProps extends InputProps {
     iconSystem?: IconSystemType;
     placeholder?: string;
 }
-declare const TextInput: react.ForwardRefExoticComponent<TextInputControlProps & {
-    label?: react.ReactNode;
-    name?: string | undefined;
-    invalid?: boolean | undefined;
-    colorScheme?: ColorScheme | undefined;
-    mediaType?: MediaType | undefined;
-    addons?: FieldAddon[] | undefined;
-    controlMobileWidth?: csstype.Property.Width | undefined;
-    controlSectionWidth?: csstype.Property.Width | undefined;
-    controlWidth?: csstype.Property.Width | undefined;
-    errorMessage?: react.ReactNode;
-    hiddenHintText?: react.ReactNode;
-    hintText?: react.ReactNode;
-    layout?: FieldWrapperLayout | undefined;
-    note?: react.ReactNode;
-    optionality?: FieldOptionality | undefined;
-    successMessage?: react.ReactNode;
-    labelAs?: react.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: react.ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
-} & react.RefAttributes<HTMLInputElement>>;
+declare const TextInput: {
+    (props: FieldWrapperReservedProps & Omit<TextInputControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 type TextInputProps = ComponentProps<typeof TextInput>;
 
 interface TextInputFieldProps extends Omit<TextInputProps, 'onChange' | 'value'> {
+    name: string;
     options?: RegisterOptions;
 }
 declare const TextInputField: (props: TextInputFieldProps) => react_jsx_runtime.JSX.Element;
@@ -2730,29 +2566,10 @@ interface TrailingTextInputControlProps extends InputProps {
     placeholder?: string;
     suffix?: ReactNode;
 }
-declare const TrailingTextInput: react.ForwardRefExoticComponent<TrailingTextInputControlProps & {
-    label?: ReactNode;
-    name?: string | undefined;
-    invalid?: boolean | undefined;
-    colorScheme?: ColorScheme | undefined;
-    mediaType?: MediaType | undefined;
-    addons?: FieldAddon[] | undefined;
-    controlMobileWidth?: csstype.Property.Width | undefined;
-    controlSectionWidth?: csstype.Property.Width | undefined;
-    controlWidth?: csstype.Property.Width | undefined;
-    errorMessage?: ReactNode;
-    hiddenHintText?: ReactNode;
-    hintText?: ReactNode;
-    layout?: FieldWrapperLayout | undefined;
-    note?: ReactNode;
-    optionality?: FieldOptionality | undefined;
-    successMessage?: ReactNode;
-    labelAs?: react.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
-} & react.RefAttributes<HTMLInputElement>>;
+declare const TrailingTextInput: {
+    (props: FieldWrapperReservedProps & Omit<TrailingTextInputControlProps, "label" | "addons" | "controlMobileWidth" | "controlSectionWidth" | "controlWidth" | "errorMessage" | "hiddenHintText" | "hintText" | "labelAs" | "labelHiddenText" | "labelId" | "labelSuffix" | "layout" | "note" | "optionality" | "successMessage" | "tooltip">): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 type TrailingTextInputProps = ComponentProps<typeof TrailingTextInput>;
 
 declare enum TypographyVariant {
@@ -2781,6 +2598,7 @@ interface TypographyProps extends DesignSystemBaseProps, SsrProps, AriaAttribute
     fullWidth?: boolean;
     id?: string;
     onClick?: ((event: MouseEvent<HTMLElement>) => void) | undefined;
+    ref?: Ref<HTMLElement>;
     role?: AriaRole;
     tabIndex?: number;
     textAlign?: TypographyTextAlign;
@@ -2788,7 +2606,7 @@ interface TypographyProps extends DesignSystemBaseProps, SsrProps, AriaAttribute
     weight?: FontWeight;
     whiteSpace?: WhiteSpace;
 }
-declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<HTMLElement>>;
+declare const Typography: (props: TypographyProps) => react_jsx_runtime.JSX.Element;
 
 interface VisuallyHiddenProps extends AriaAttributes {
     as?: ElementType;
@@ -2858,15 +2676,9 @@ declare class ReCaptchaError extends Error {
 
 declare const useFormContext: <TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined>() => UseFormReturn<TFieldValues, TSubmitValues>;
 
-declare const identityFormatter: afformative.Formatter<any, any, any, {
-    [x: string]: any;
-}>;
-declare const jsonFormatter: afformative.Formatter<any, string, string, {
-    [x: string]: any;
-}>;
-declare const useMessageFormatter: <TInput extends unknown>(getMessage: (value: TInput) => MessageDescriptorWithPrimitiveValues | string) => afformative.Formatter<TInput, ReactNode, string, {
-    [x: string]: any;
-}>;
+declare const identityFormatter: afformative.Formatter<any, any, unknown>;
+declare const jsonFormatter: afformative.Formatter<any, string, unknown>;
+declare const useMessageFormatter: <TInput extends unknown>(getMessage: (value: TInput) => MessageDescriptorWithPrimitiveValues | string) => afformative.Formatter<TInput, ReactNode, unknown>;
 
 export { Accordion, AccordionContent, AccordionItem, AccordionKeyValue, AccordionVariant, BorderRadius, Button, ButtonContentAlign, ButtonSize, ButtonStyle, ButtonType, ButtonsLayout, ButtonsLayoutAlign, ButtonsLayoutDirection, CalculatorResult, CalculatorResultInfoPosition, CaptchaType, Checkbox, CheckboxControl, CheckboxField, CheckboxPosition, CircularProgressBar, ColorScheme, ColorSchemeProvider, ComboBox, ComboBoxControl, ComboBoxField, ComboBoxItemOrderSource, ComboBoxValueType, DatePicker, DatePickerControl, DatePickerField, DesignSystemMessagesProvider, DesignSystemPropDefaultsProvider, DesignSystemProvider, EmailInput, EmailInputField, ErrorBox, FieldAddonPosition, FieldConfigProvider, FieldLabelStoreProvider, FieldOptionality, FieldWrapper, FieldWrapperLayout, FileInput, FileInputControl, FileInputErrorCode, FileInputField, FlexWrap, FontWeight, FormConfigContext, FormConfigProvider, FormErrorOutcome, FormErrorSummary, FormProvider, FormSuccessOutcome, FormatAmountCurrencyDisplay, FormatAmountGrouping, FormattedAmount$1 as FormattedAmount, FormattedHtmlMessage, FormattedMessage, FormattedPercentage, IconFlag, IconFlagType, IconProduct, IconProductHighlightType, IconProductSize, IconProductType, IconProductVariant, IconSystem, IconSystemSize, IconSystemType, Infobox, InfoboxSize, InfoboxVariant, InputBase, InputLabel, InputLabelSize, InputSize, InputTextAlign, LabelTooltipPosition, Loader, LoaderOverlayBox, LoaderSize, MaskedInput, MaskedInputBase, MaskedInputField, MediaType, MediaTypeProvider, Modal, ModalVerticalPosition, ModalWidthType, FormattedAmount as NextFormattedAmount, NumberInput, NumberInputField, Overflow, Paper, PaperShadow, PhoneInput, PhoneInputField, ProgressPaper, Radio, RadioButton, RadioButtonField, RadioButtonGroup, RadioButtonGroupControl, RadioButtonGroupField, RadioButtonGroupLayout, RadioControl, RadioField, RadioGroup, RadioGroupControl, RadioGroupDirection, RadioGroupField, RadioPosition, ReCaptchaError, ReCaptchaErrorType, ReasonForClosing, SearchInput, Select, SelectControl, SelectField, SelectItemOrderSource, SelectVariant, Slider, SliderInput, SliderInputField, SliderInputRoundingType, SliderStepType, Spacing, SpanButton, Stack, StackDirection, Stepper, StepperVariant, StoreButton, StoreButtonSize, StoreButtonVariant, Table, TableBody, TableData, TableHead, TableHeadData, TableHeadScope, TableRow, TableTextAlign, TableVariant, Tabs, TabsActiveTabDefaultPosition, TabsSize, TabsVariant, TabsWrap, Tag, TagIconPosition, TagSize, TagTextTransform, TagType, TextArea, TextAreaField, TextDecoration, TextInput, TextInputField, ThrownFormLevelErrorType, Toggle, TooltipCloseReason, TooltipGeneral, TooltipInfo, TooltipInfoConditional, TooltipInfoDisplayMethod, TooltipInfoDisplayableCheck, TooltipPlacement, TooltipWidth, TrailingTextInput, Typography, TypographyTextAlign, TypographyVariant, VisuallyHidden, WhiteSpace, datePickerValueFormat, getClampedFontSize, getColor, getTextDecorationStyle, htmlNbsp, identityFormatter, isRenderable, jsonFormatter, liferayClassNames, mapTooltipInfoDescriptorToPropsSubset, mergeRefs, pxToRem, renderReactNodeArray, resolveBorderRadiusValue, resolveFlexWrapValue, resolveFontWeightValue, resolveOverflowValue, resolveSpacingValue, resolveTextDecorationValue, resolveWhiteSpaceValue, styled, theme, useChooseColor, useColorScheme, useCreateTooltipInfoDescriptor, useDesignSystem, useDesignSystemMessages, useDesignSystemPropDefaults, useFieldConfig, useFieldLabels, useForm, useFormContext, useFormSuccessOutcomeManager, useFormatAmount$1 as useFormatAmount, useFormatPercentage, useFormattedPercentage, useGetFormattedHtmlMessageIfDisplayable, useIsMessageDisplayable, useMediaType, useMessageFormatter, useFormatAmount as useNextFormatAmount, useRegisterFieldLabel, useUniqueIdIfIsUndefined, withFieldWrapper, withMaskedInputField };
-export type { AccordionContentType, AccordionItemProps, AccordionItemType, AccordionKeyValueProps, AccordionProps, ButtonProps, ButtonsLayoutProps, CalculatorResultBodyItem, CalculatorResultHeader, CalculatorResultMain, CalculatorResultModalDescriptor, CalculatorResultProps, CheckboxControlProps, CheckboxFieldProps, CheckboxProps, ChooseColor, CircularProgressBarProps, ColorObject, ColorSchemeProviderProps, ComboBoxControlProps, ComboBoxFieldProps, ComboBoxItem, ComboBoxItemOrder, ComboBoxProps, ComboBoxValue, CreateTooltipInfoDescriptor, CreateTooltipInfoDescriptorParam, DatePickerControlProps, DatePickerFieldProps, DatePickerProps, DesignSystemBaseProps, DesignSystemFullMessages, DesignSystemFullPropDefaults, DesignSystemMessagesProviderProps, DesignSystemPartialMessages, DesignSystemPartialPropDefaults, DesignSystemPropDefaultsProviderProps, DesignSystemProviderProps, EmailInputFieldProps, EmailInputProps, ErrorBoxItem, ErrorBoxProps, FieldAddon, FieldConfig, FieldConfigProviderProps, FieldControlProps, FieldLabelStoreProviderProps, FieldWrapperControlProps, FieldWrapperProps, FileInputControlProps, FileInputDropzoneDragFilesHereComponent, FileInputDropzoneDragOrSelectFilesComponent, FileInputDropzoneSelectFilesComponent, FileInputFieldProps, FileInputLimitDescriptionComponent, FileInputProps, FileInputRemoveButtonTextComponent, FileInputSettings, FileInputUploadErrorReasonComponent, FileInputUploadFailedComponent, FormConfig, FormConfigProviderProps, FormErrorOutcomeProps, FormErrorSummaryProps, FormProviderProps, FormSuccessOutcomeProps, FormatAmountParam, FormattedAmountProps$1 as FormattedAmountProps, FormattedHtmlMessageProps, FormattedMessageProps, FormattedPercentageProps, GetColor, IconFlagProps, IconProductProps, IconSystemProps, IconSystemSvgProps, InfoboxProps, InfoboxTextContent, InputBaseProps, InputLabelPassthroughProps, InputLabelProps, InputProps, LoaderOverlayBoxProps, LoaderProps, MaskedInputBaseProps, MaskedInputFieldProps, MaskedInputProps, MediaTypeProviderProps, MessageDescriptorWithPrimitiveValues, MessageDescriptorWithValues, MessageValues, ModalOnClose, ModalProps, FormattedAmountProps as NextFormattedAmountProps, NumberInputFieldProps, NumberInputProps, PaperProps, PhoneInputFieldProps, PhoneInputProps, PrimitiveMessageValues, ProgressPaperProps, RadioButtonFieldProps, RadioButtonGroupControlProps, RadioButtonGroupFieldProps, RadioButtonGroupItem, RadioButtonGroupProps, RadioButtonLabel, RadioButtonProps, RadioControlProps, RadioFieldProps, RadioGeneralProps, RadioGroupControlProps, RadioGroupFieldProps, RadioGroupItem, RadioGroupProps, RadioProps, ReCaptchaV3Config, SearchInputProps, SelectControlProps, SelectFieldProps, SelectItem, SelectItemOrder, SelectProps, SliderAriaValueTextFormatter, SliderAriaValueTextFormatterDataContext, SliderBreakpoint, SliderInputFieldProps, SliderInputLimitExceededLiveTextFormatter, SliderInputLimitExceededLiveTextFormatterDataContext, SliderInputProps, SliderMinMaxLabels, SliderProps, SliderSteps, SpanButtonProps, SsrProps, StackProps, StepperItemProps, StepperProps, StoreButtonProps, SubmitHandler, SubmitHandlerErrorInfo, SubmitHandlerExtraParam, TabItemType, TableBodyProps, TableDataProps, TableHeadDataProps, TableHeadProps, TableProps, TableRowProps, TabsProps, TabsType, TagProps, TextAreaFieldProps, TextAreaProps, TextInputFieldProps, TextInputProps, Theme, ThrownFieldLevelError, ThrownFieldLevelErrorFormatter, ThrownFormErrors, ThrownFormLevelError, ThrownFormLevelErrorFormatter, ThrownFormLevelErrorFormatterOutput, ThrownFormLevelErrorMeta, ToggleProps, TooltipDescriptor, TooltipGeneralProps, TooltipInfoConditionalProps, TooltipInfoDescriptor, TooltipInfoDisplayableCheckProps, TooltipInfoProps, TooltipRenderParent, TrailingTextInputProps, TypographyProps, UseColorSchemeOptions, UseColorSchemeParam, UseDesignSystemOptions, UseDesignSystemParam, UseFormCaptchaProp, UseFormHandleSubmit, UseFormProps, UseFormReturn, UseFormSuccessOutcomeManagerReturn, UseMediaTypeOptions, UseMediaTypeParam, VisuallyHiddenProps };
+export type { AccordionContentType, AccordionItemProps, AccordionItemType, AccordionKeyValueProps, AccordionProps, ButtonProps, ButtonsLayoutProps, CalculatorResultBodyItem, CalculatorResultHeader, CalculatorResultMain, CalculatorResultModalDescriptor, CalculatorResultProps, CheckboxControlProps, CheckboxFieldProps, CheckboxProps, ChooseColor, CircularProgressBarProps, ColorObject, ColorSchemeProviderProps, ComboBoxControlProps, ComboBoxFieldProps, ComboBoxItem, ComboBoxItemOrder, ComboBoxProps, ComboBoxValue, CreateTooltipInfoDescriptor, CreateTooltipInfoDescriptorParam, DatePickerControlProps, DatePickerFieldProps, DatePickerProps, DesignSystemBaseProps, DesignSystemFullMessages, DesignSystemFullPropDefaults, DesignSystemMessagesProviderProps, DesignSystemPartialMessages, DesignSystemPartialPropDefaults, DesignSystemPropDefaultsProviderProps, DesignSystemProviderProps, EmailInputFieldProps, EmailInputProps, ErrorBoxItem, ErrorBoxProps, FieldAddon, FieldConfig, FieldConfigProviderProps, FieldControlProps, FieldLabelStoreProviderProps, FieldWrapperControlProps, FieldWrapperProps, FieldWrapperReservedProps, FileInputControlProps, FileInputDropzoneDragFilesHereComponent, FileInputDropzoneDragOrSelectFilesComponent, FileInputDropzoneSelectFilesComponent, FileInputFieldProps, FileInputLimitDescriptionComponent, FileInputProps, FileInputRemoveButtonTextComponent, FileInputSettings, FileInputUploadErrorReasonComponent, FileInputUploadFailedComponent, FormConfig, FormConfigProviderProps, FormErrorOutcomeProps, FormErrorSummaryProps, FormProviderProps, FormSuccessOutcomeProps, FormatAmountParam, FormattedAmountProps$1 as FormattedAmountProps, FormattedHtmlMessageProps, FormattedMessageProps, FormattedPercentageProps, GetColor, IconFlagProps, IconProductProps, IconSystemProps, IconSystemSvgProps, InfoboxProps, InfoboxTextContent, InputBaseProps, InputLabelPassthroughProps, InputLabelProps, InputProps, LoaderOverlayBoxProps, LoaderProps, MaskedInputBaseProps, MaskedInputFieldProps, MaskedInputProps, MediaTypeProviderProps, MessageDescriptorWithPrimitiveValues, MessageDescriptorWithValues, MessageValues, ModalOnClose, ModalProps, FormattedAmountProps as NextFormattedAmountProps, NumberInputFieldProps, NumberInputProps, PaperProps, PhoneInputFieldProps, PhoneInputProps, PrimitiveMessageValues, ProgressPaperProps, RadioButtonFieldProps, RadioButtonGroupControlProps, RadioButtonGroupFieldProps, RadioButtonGroupItem, RadioButtonGroupProps, RadioButtonLabel, RadioButtonProps, RadioControlProps, RadioFieldProps, RadioGeneralProps, RadioGroupControlProps, RadioGroupFieldProps, RadioGroupItem, RadioGroupProps, RadioProps, ReCaptchaV3Config, SearchInputProps, SelectControlProps, SelectFieldProps, SelectItem, SelectItemOrder, SelectProps, SliderAriaValueTextFormatter, SliderAriaValueTextFormatterContext, SliderBreakpoint, SliderInputFieldProps, SliderInputLimitExceededLiveTextFormatter, SliderInputLimitExceededLiveTextFormatterContext, SliderInputProps, SliderMinMaxLabels, SliderProps, SliderSteps, SpanButtonProps, SsrProps, StackProps, StepperItemProps, StepperProps, StoreButtonProps, SubmitHandler, SubmitHandlerErrorInfo, SubmitHandlerExtraParam, TabItemType, TableBodyProps, TableDataProps, TableHeadDataProps, TableHeadProps, TableProps, TableRowProps, TabsProps, TabsType, TagProps, TextAreaFieldProps, TextAreaProps, TextInputFieldProps, TextInputProps, Theme, ThrownFieldLevelError, ThrownFieldLevelErrorFormatter, ThrownFormErrors, ThrownFormLevelError, ThrownFormLevelErrorFormatter, ThrownFormLevelErrorFormatterOutput, ThrownFormLevelErrorMeta, ToggleProps, TooltipDescriptor, TooltipGeneralProps, TooltipInfoConditionalProps, TooltipInfoDescriptor, TooltipInfoDisplayableCheckProps, TooltipInfoProps, TooltipRenderParent, TrailingTextInputProps, TypographyProps, UseColorSchemeOptions, UseColorSchemeParam, UseDesignSystemOptions, UseDesignSystemParam, UseFormCaptchaProp, UseFormHandleSubmit, UseFormProps, UseFormReturn, UseFormSuccessOutcomeManagerReturn, UseMediaTypeOptions, UseMediaTypeParam, VisuallyHiddenProps };