@mmb-digital/design-system-web 0.1.347-alpha.0 → 0.1.348-alpha.0

package/dist/index.d.ts

@@ -1,8 +1,6 @@
-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 { Property } from 'csstype';
 import { MessageDescriptor } from 'react-intl';
 import { PrimitiveType, FormatXMLElementFn } from 'intl-messageformat';
 import { Theme as Theme$1 } from '@emotion/react';
@@ -13,7 +11,7 @@ import { Formatter } from 'afformative';
 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';
 
@@ -24,15 +22,15 @@ type IsMessageDisplayableHookReturnFunction = (messageDescriptor: MessageDescrip
 interface FormattedMessageProps extends MessageDescriptor {
     values?: MessageValues;
 }
-declare const FormattedMessage: (props: FormattedMessageProps) => react_jsx_runtime.JSX.Element;
+declare const FormattedMessage: (props: FormattedMessageProps) => react.JSX.Element;
 
 interface FormattedHtmlMessageProps extends MessageDescriptorWithPrimitiveValues {
 }
-declare const FormattedHtmlMessage: (props: FormattedHtmlMessageProps) => react_jsx_runtime.JSX.Element;
+declare const FormattedHtmlMessage: (props: FormattedHtmlMessageProps) => react.JSX.Element;
 
 declare const useIsMessageDisplayable: () => IsMessageDisplayableHookReturnFunction;
 
-declare const useGetFormattedHtmlMessageIfDisplayable: () => (messageDescriptor: MessageDescriptorWithPrimitiveValues) => react_jsx_runtime.JSX.Element | undefined;
+declare const useGetFormattedHtmlMessageIfDisplayable: () => (messageDescriptor: MessageDescriptorWithPrimitiveValues) => react.JSX.Element | undefined;
 
 type TooltipRenderParent = (getParentProps: (userProps?: HTMLProps<Element>) => Record<string, unknown>) => ReactElement;
 declare enum TooltipPlacement {
@@ -80,13 +78,13 @@ interface TooltipInfoDisplayableCheckProps extends DesignSystemBaseProps {
     title?: MessageDescriptorWithPrimitiveValues;
     triggerAriaLabel?: MessageDescriptorWithPrimitiveValues;
 }
-declare const TooltipInfoDisplayableCheck: (props: TooltipInfoDisplayableCheckProps) => react_jsx_runtime.JSX.Element | null;
+declare const TooltipInfoDisplayableCheck: (props: TooltipInfoDisplayableCheckProps) => react.JSX.Element | null;
 
 interface TooltipInfoConditionalProps extends DesignSystemBaseProps, BaseTooltipInfoProps {
     displayMethod: TooltipInfoDisplayMethod;
     floatingElement?: Partial<TooltipDescriptor>;
 }
-declare const TooltipInfoConditional: (props: TooltipInfoConditionalProps) => react_jsx_runtime.JSX.Element | null;
+declare const TooltipInfoConditional: (props: TooltipInfoConditionalProps) => react.JSX.Element | null;
 
 interface CreateTooltipInfoDescriptorParam {
     body: MessageDescriptorWithPrimitiveValues;
@@ -101,7 +99,7 @@ declare const useCreateTooltipInfoDescriptor: () => CreateTooltipInfoDescriptor;
 interface TooltipInfoProps extends DesignSystemBaseProps, TooltipDelays, BaseTooltipInfoProps {
     floatingElement: TooltipDescriptor;
 }
-declare const TooltipInfo: (props: TooltipInfoProps) => react_jsx_runtime.JSX.Element;
+declare const TooltipInfo: (props: TooltipInfoProps) => react.JSX.Element;
 
 interface TooltipGeneralProps extends DesignSystemBaseProps, TooltipDelays {
     floatingElement: TooltipDescriptor;
@@ -111,7 +109,7 @@ interface TooltipGeneralProps extends DesignSystemBaseProps, TooltipDelays {
     portalRootElement?: HTMLElement | MutableRefObject<HTMLElement | null> | null;
     renderParent: TooltipRenderParent;
 }
-declare const TooltipGeneral: (props: TooltipGeneralProps) => react_jsx_runtime.JSX.Element;
+declare const TooltipGeneral: (props: TooltipGeneralProps) => react.JSX.Element;
 
 type TooltipInfoDescriptorPropsSubset = Pick<TooltipInfoProps, 'floatingElement' | 'triggerAriaLabel'>;
 declare const mapTooltipInfoDescriptorToPropsSubset: <T extends TooltipInfoDescriptor | undefined>(tooltipInfoDescriptor: T) => T extends undefined ? undefined : TooltipInfoDescriptorPropsSubset;
@@ -175,6 +173,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;
@@ -333,7 +332,7 @@ interface FieldLabelStoreProviderProps {
  *
  * Field labels can be registered via the `useRegisterFieldLabel` hook, and consumed via the `useFieldLabels` hook.
  **/
-declare const FieldLabelStoreProvider: (props: FieldLabelStoreProviderProps) => react_jsx_runtime.JSX.Element;
+declare const FieldLabelStoreProvider: (props: FieldLabelStoreProviderProps) => react.JSX.Element;
 declare const useFieldLabels: () => Record<string, ReactNode>;
 declare const useRegisterFieldLabel: () => (name: string, label: ReactNode) => void;
 
@@ -348,14 +347,14 @@ interface FieldConfigProviderProps extends FieldConfig {
  *
  * @deprecated Use `DesignSystemProvider` with the `messages` prop instead.
  */
-declare const FieldConfigProvider: (props: FieldConfigProviderProps) => react_jsx_runtime.JSX.Element;
+declare const FieldConfigProvider: (props: FieldConfigProviderProps) => react.JSX.Element;
 declare const useFieldConfig: () => FieldConfig;
 
 interface DesignSystemMessagesProviderProps {
     children: ReactNode;
     messages: DesignSystemPartialMessages;
 }
-declare const DesignSystemMessagesProvider: (props: DesignSystemMessagesProviderProps) => react_jsx_runtime.JSX.Element;
+declare const DesignSystemMessagesProvider: (props: DesignSystemMessagesProviderProps) => react.JSX.Element;
 
 declare const useDesignSystemMessages: () => DesignSystemFullMessages;
 
@@ -363,7 +362,7 @@ interface DesignSystemPropDefaultsProviderProps {
     children: ReactNode;
     defaults: DesignSystemPartialPropDefaults;
 }
-declare const DesignSystemPropDefaultsProvider: (props: DesignSystemPropDefaultsProviderProps) => react_jsx_runtime.JSX.Element;
+declare const DesignSystemPropDefaultsProvider: (props: DesignSystemPropDefaultsProviderProps) => react.JSX.Element;
 
 declare const useDesignSystemPropDefaults: () => DesignSystemFullPropDefaults;
 
@@ -387,24 +386,24 @@ interface AccordionProps extends DesignSystemBaseProps {
     data: AccordionItemType[];
     variant?: AccordionVariant;
 }
-declare const Accordion: (props: AccordionProps) => react_jsx_runtime.JSX.Element;
+declare const Accordion: (props: AccordionProps) => react.JSX.Element;
 
 interface AccordionItemProps extends AccordionItemType, DesignSystemBaseProps {
     variant: AccordionVariant;
 }
-declare const AccordionItem: (props: AccordionItemProps) => react_jsx_runtime.JSX.Element;
+declare const AccordionItem: (props: AccordionItemProps) => react.JSX.Element;
 
 interface AccordionContentType extends DesignSystemBaseProps {
     children: ReactNode;
 }
-declare const AccordionContent: (props: AccordionContentType) => react_jsx_runtime.JSX.Element;
+declare const AccordionContent: (props: AccordionContentType) => react.JSX.Element;
 
 interface AccordionKeyValueProps extends DesignSystemBaseProps {
     colorScheme?: ColorScheme;
     label: ReactNode;
     value: ReactNode;
 }
-declare const AccordionKeyValue: (props: AccordionKeyValueProps) => react_jsx_runtime.JSX.Element;
+declare const AccordionKeyValue: (props: AccordionKeyValueProps) => react.JSX.Element;
 
 declare enum IconSystemType {
     arrowDown = "arrowDown",
@@ -462,7 +461,7 @@ interface IconSystemProps {
     stroke?: string;
     type: IconSystemType;
 }
-declare const IconSystem: (props: IconSystemProps) => react_jsx_runtime.JSX.Element;
+declare const IconSystem: (props: IconSystemProps) => react.JSX.Element;
 
 declare enum ButtonStyle {
     primary = "primary",
@@ -529,7 +528,7 @@ interface ButtonProps extends SsrProps, DesignSystemBaseProps, AriaAttributes {
     target?: HTMLAttributeAnchorTarget;
     type: ButtonType;
 }
-declare const Button: (props: ButtonProps) => react_jsx_runtime.JSX.Element;
+declare const Button: (props: ButtonProps) => react.JSX.Element;
 
 declare enum Spacing {
     none = "none",
@@ -1141,7 +1140,7 @@ declare enum TextDecoration {
     underline = "underline"
 }
 declare const resolveTextDecorationValue: (textDecoration: TextDecoration) => "none !important" | "underline";
-declare const getTextDecorationStyle: (textDecoration?: TextDecoration) => "" | _emotion_utils.SerializedStyles;
+declare const getTextDecorationStyle: (textDecoration?: TextDecoration) => any;
 
 declare enum ButtonsLayoutAlign {
     center = "center",
@@ -1164,7 +1163,7 @@ interface ButtonsLayoutProps extends SsrProps {
     gap?: Spacing;
     wrap?: FlexWrap;
 }
-declare const ButtonsLayout: (props: ButtonsLayoutProps) => react_jsx_runtime.JSX.Element;
+declare const ButtonsLayout: (props: ButtonsLayoutProps) => react.JSX.Element;
 
 interface CalculatorResultHeader {
     bottom?: ReactElement | string | undefined;
@@ -1209,7 +1208,7 @@ interface CalculatorResultProps extends DesignSystemBaseProps {
     modal?: CalculatorResultModalDescriptor;
     resultBoxRef?: RefObject<HTMLDivElement | null>;
 }
-declare const CalculatorResult: (props: CalculatorResultProps) => react_jsx_runtime.JSX.Element;
+declare const CalculatorResult: (props: CalculatorResultProps) => react.JSX.Element;
 
 interface CheckboxControlProps {
     ariaLabel?: string;
@@ -1222,9 +1221,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.Element;
 
 declare enum CheckboxPosition {
     left = "left",
@@ -1237,12 +1237,12 @@ 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.Element;
 
 interface CheckboxFieldProps extends Omit<CheckboxProps, 'onChange' | 'value'> {
     options?: RegisterOptions;
 }
-declare const CheckboxField: (props: CheckboxFieldProps) => react_jsx_runtime.JSX.Element;
+declare const CheckboxField: (props: CheckboxFieldProps) => react.JSX.Element;
 
 declare enum IconProductType {
     atm = "atm",
@@ -1299,13 +1299,13 @@ interface IconProductProps {
     type: IconProductType;
     variant?: IconProductVariant | undefined;
 }
-declare const IconProduct: (props: IconProductProps) => react_jsx_runtime.JSX.Element;
+declare const IconProduct: (props: IconProductProps) => react.JSX.Element;
 
 interface CircularProgressBarProps extends DesignSystemBaseProps {
     iconProduct: IconProductType;
     progress: number;
 }
-declare const CircularProgressBar: (props: CircularProgressBarProps) => react_jsx_runtime.JSX.Element;
+declare const CircularProgressBar: (props: CircularProgressBarProps) => react.JSX.Element;
 
 type ComboBoxItem = boolean | number | object | string | null;
 declare enum ComboBoxItemOrderSource {
@@ -1328,7 +1328,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 +1349,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,7 +1358,7 @@ 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.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>;
@@ -1371,10 +1372,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.Element;
 
 declare enum FieldWrapperLayout {
     horizontal = "horizontal",
@@ -1415,13 +1417,17 @@ interface FieldWrapperProps extends DesignSystemBaseProps, InputLabelPassthrough
     optionality?: FieldOptionality;
     successMessage?: ReactNode;
 }
-declare const FieldWrapper: (props: FieldWrapperProps) => react_jsx_runtime.JSX.Element;
+declare const FieldWrapper: (props: FieldWrapperProps) => react.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.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;
@@ -1429,7 +1435,7 @@ interface ComboBoxFieldProps<TItem extends ComboBoxItem> extends Omit<ComboBoxPr
     options?: RegisterOptions;
     shouldResetInvalidValues?: boolean;
 }
-declare const ComboBoxField: <TItem extends ComboBoxItem>(props: ComboBoxFieldProps<TItem>) => react_jsx_runtime.JSX.Element;
+declare const ComboBoxField: <TItem extends ComboBoxItem>(props: ComboBoxFieldProps<TItem>) => react.JSX.Element;
 
 interface DatePickerControlProps extends Pick<DatePickerProps$1, 'chooseDayAriaLabelPrefix' | 'dateFormat' | 'disabledDayAriaLabelPrefix' | 'filterDate' | 'maxDate' | 'minDate' | 'monthAriaLabelPrefix' | 'nextMonthAriaLabel' | 'onBlur' | 'previousMonthAriaLabel' | 'selected'>, FieldControlProps {
     chevronCloseAriaLabel?: string;
@@ -1441,74 +1447,39 @@ 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.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.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;
+declare const DatePickerField: (props: DatePickerFieldProps) => react.JSX.Element;
 
 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.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;
+declare const EmailInputField: (props: EmailInputFieldProps) => react.JSX.Element;
 
 interface ErrorBoxItem {
     body: ReactElement | string;
@@ -1519,10 +1490,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.Element;
 
 declare enum FileInputErrorCode {
     fileSizeTooLarge = "fileSizeTooLarge",
@@ -1578,39 +1550,23 @@ 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.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.Element;
+    displayName: string;
+};
+declare const FileInput: (props: ComponentProps<typeof FileInputBase>) => react.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;
+declare const FileInputField: (props: FileInputFieldProps) => react.JSX.Element;
 
 declare enum FormatAmountCurrencyDisplay {
     code = "code",
@@ -1644,11 +1600,11 @@ interface BaseFormattedAmountProps extends FormatAmountDescriptor {
 
 interface FormattedAmountProps$1 extends Omit<BaseFormattedAmountProps, 'formatAmount'> {
 }
-declare const FormattedAmount$1: (props: FormattedAmountProps$1) => react_jsx_runtime.JSX.Element;
+declare const FormattedAmount$1: (props: FormattedAmountProps$1) => react.JSX.Element;
 
 interface FormattedAmountProps extends Omit<BaseFormattedAmountProps, 'formatAmount'> {
 }
-declare const FormattedAmount: (props: FormattedAmountProps) => react_jsx_runtime.JSX.Element;
+declare const FormattedAmount: (props: FormattedAmountProps) => react.JSX.Element;
 
 interface FormatPercentageParam {
     maximumFractionDigits?: number;
@@ -1733,13 +1689,13 @@ type SubmitHandler<TFieldValues extends FieldValues> = (data: TFieldValues, extr
 
 interface FormErrorOutcomeProps extends DesignSystemBaseProps, Pick<FormConfig, 'thrownFormLevelErrorFormatter'> {
 }
-declare const FormErrorOutcome: (props: FormErrorOutcomeProps) => react_jsx_runtime.JSX.Element | null;
+declare const FormErrorOutcome: (props: FormErrorOutcomeProps) => react.JSX.Element | null;
 
 interface FormErrorSummaryProps extends DesignSystemBaseProps {
     order?: string[];
     title?: ReactNode;
 }
-declare const FormErrorSummary: (props: FormErrorSummaryProps) => react_jsx_runtime.JSX.Element;
+declare const FormErrorSummary: (props: FormErrorSummaryProps) => react.JSX.Element;
 
 interface FormSuccessOutcomeProps extends DesignSystemBaseProps {
     children: ReactNode;
@@ -1747,7 +1703,7 @@ interface FormSuccessOutcomeProps extends DesignSystemBaseProps {
     title: ReactNode;
     visible: boolean;
 }
-declare const FormSuccessOutcome: (props: FormSuccessOutcomeProps) => react_jsx_runtime.JSX.Element;
+declare const FormSuccessOutcome: (props: FormSuccessOutcomeProps) => react.JSX.Element;
 
 interface UseFormSuccessOutcomeManagerReturn {
     formKey: Key;
@@ -1769,7 +1725,7 @@ declare enum IconFlagType {
 interface IconFlagProps {
     type: IconFlagType;
 }
-declare const IconFlag: (props: IconFlagProps) => react_jsx_runtime.JSX.Element;
+declare const IconFlag: (props: IconFlagProps) => react.JSX.Element;
 
 declare enum InfoboxVariant {
     primary = "primary",
@@ -1796,6 +1752,7 @@ interface InfoboxProps extends DesignSystemBaseProps, AriaAttributes {
     iconProduct?: IconProductType;
     id?: string;
     isWarning?: boolean;
+    ref?: Ref<HTMLDivElement>;
     role?: AriaRole;
     size: InfoboxSize;
     tabIndex?: number;
@@ -1803,7 +1760,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.Element;
 
 declare enum InputLabelSize {
     xs = "xs",
@@ -1824,7 +1781,7 @@ interface InputLabelProps extends DesignSystemBaseProps {
     suffix?: ReactNode;
     tooltip?: TooltipInfoDescriptor;
 }
-declare const InputLabel: (props: InputLabelProps) => react_jsx_runtime.JSX.Element;
+declare const InputLabel: (props: InputLabelProps) => react.JSX.Element;
 
 declare enum LoaderSize {
     lg = "lg",
@@ -1835,13 +1792,13 @@ interface LoaderProps extends DesignSystemBaseProps, AriaAttributes {
     loaderSize: LoaderSize;
     role?: AriaRole;
 }
-declare const Loader: (props: LoaderProps) => react_jsx_runtime.JSX.Element;
+declare const Loader: (props: LoaderProps) => react.JSX.Element;
 
 interface LoaderOverlayBoxProps extends DesignSystemBaseProps, AriaAttributes {
     loaderSize: LoaderSize;
     role?: AriaRole;
 }
-declare const LoaderOverlayBox: (props: LoaderOverlayBoxProps) => react_jsx_runtime.JSX.Element;
+declare const LoaderOverlayBox: (props: LoaderOverlayBoxProps) => react.JSX.Element;
 
 type MaskedInputOnAccept = (unmaskedValue: string, maskedValue: string) => void;
 
@@ -1849,64 +1806,23 @@ 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.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.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> & {
+}) => react.JSX.Element;
+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;
+}) => react.JSX.Element;
 type MaskedInputFieldProps = ComponentProps<typeof MaskedInputField>;
 
 type ModalOnClose = (reasonForClosing: ReasonForClosing) => void;
@@ -1948,12 +1864,12 @@ 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.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;
+}) => react.JSX.Element;
 type NumberInputFieldProps = ComponentProps<typeof NumberInputField>;
 
 declare enum PaperShadow {
@@ -1969,22 +1885,23 @@ 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.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.Element;
 
 declare const PhoneInputField: <TFieldValues extends react_hook_form.FieldValues>(props: PhoneInputProps & {
     name: react_hook_form.Path<TFieldValues>;
     options?: react_hook_form.RegisterOptions<TFieldValues> | undefined;
-}) => react_jsx_runtime.JSX.Element;
+}) => react.JSX.Element;
 type PhoneInputFieldProps = ComponentProps<typeof PhoneInputField>;
 
 interface ProgressDefinition extends AriaAttributes {
@@ -2021,7 +1938,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.Element;
 
 declare enum RadioPosition {
     left = "left",
@@ -2047,14 +1964,15 @@ 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.Element;
 
 interface RadioButtonFieldProps extends Omit<RadioButtonProps, 'onChange'> {
     name: string;
     options?: RegisterOptions;
 }
-declare const RadioButtonField: (props: RadioButtonFieldProps) => react_jsx_runtime.JSX.Element;
+declare const RadioButtonField: (props: RadioButtonFieldProps) => react.JSX.Element;
 
 interface RadioButtonGroupItem extends AriaAttributes {
     id?: string;
@@ -2082,44 +2000,28 @@ 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.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.Element;
+    displayName: string;
+};
+declare const RadioButtonGroup: (props: ComponentProps<typeof RadioButtonGroupBase>) => react.JSX.Element;
 type RadioButtonGroupProps = ComponentProps<typeof RadioButtonGroup>;
 
 interface RadioButtonGroupFieldProps extends Omit<RadioButtonGroupProps, 'onBlur' | 'onChange' | 'value'> {
     name: string;
     options?: RegisterOptions;
 }
-declare const RadioButtonGroupField: (props: RadioButtonGroupFieldProps) => react_jsx_runtime.JSX.Element;
+declare const RadioButtonGroupField: (props: RadioButtonGroupFieldProps) => react.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.Element;
 
 interface RadioProps extends RadioControlProps, InputLabelPassthroughProps, DesignSystemBaseProps {
     errorMessage?: ReactNode;
@@ -2127,13 +2029,13 @@ 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.Element;
 
 interface RadioFieldProps extends Omit<RadioProps, 'onChange'> {
     name: string;
     options?: RegisterOptions;
 }
-declare const RadioField: (props: RadioFieldProps) => react_jsx_runtime.JSX.Element;
+declare const RadioField: (props: RadioFieldProps) => react.JSX.Element;
 
 interface RadioGroupItem extends InputLabelPassthroughProps, AriaAttributes {
     id?: string;
@@ -2157,41 +2059,24 @@ 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.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.Element;
+    displayName: string;
+};
+declare const RadioGroup: (props: ComponentProps<typeof RadioGroupBase>) => react.JSX.Element;
 type RadioGroupProps = ComponentProps<typeof RadioGroup>;
 
 interface RadioGroupFieldProps extends Omit<RadioGroupProps, 'onBlur' | 'onChange' | 'value'> {
     name: string;
     options?: RegisterOptions;
 }
-declare const RadioGroupField: (props: RadioGroupFieldProps) => react_jsx_runtime.JSX.Element;
+declare const RadioGroupField: (props: RadioGroupFieldProps) => react.JSX.Element;
 
 interface SearchInputControlProps extends InputProps {
     buttonAction?: () => void;
@@ -2199,29 +2084,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.Element;
+    displayName: string;
+};
 type SearchInputProps = ComponentProps<typeof SearchInput>;
 
 declare enum SelectVariant {
@@ -2250,13 +2116,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.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;
@@ -2264,7 +2131,7 @@ interface SelectFieldProps<TItem extends SelectItem> extends Omit<SelectProps<TI
     options?: RegisterOptions;
     shouldResetInvalidValues?: boolean;
 }
-declare const SelectField: <TItem extends SelectItem>(props: SelectFieldProps<TItem>) => react_jsx_runtime.JSX.Element;
+declare const SelectField: <TItem extends SelectItem>(props: SelectFieldProps<TItem>) => react.JSX.Element;
 
 declare enum SliderInputRoundingType {
     ceilBySteps = "ceilBySteps",
@@ -2307,7 +2174,7 @@ interface SliderInputLimitExceededLiveTextFormatterContext {
 }
 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 +2216,7 @@ interface SliderInputProps extends RefAttributes<HTMLInputElement>, DesignSystem
      */
     onSliderChange?: (value: number) => void;
     prefix?: ReactNode;
+    ref?: Ref<HTMLInputElement>;
     steps: SliderSteps;
     stepType: SliderStepType;
     suffix?: ReactNode;
@@ -2369,7 +2237,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.Element;
 
 interface SliderProps extends DesignSystemBaseProps {
     ariaLabelForHandle?: string;
@@ -2392,7 +2260,7 @@ interface SliderProps extends DesignSystemBaseProps {
     stepType: SliderStepType;
     value: number;
 }
-declare const Slider: (props: SliderProps) => react_jsx_runtime.JSX.Element;
+declare const Slider: (props: SliderProps) => react.JSX.Element;
 
 interface SliderInputFieldProps extends Omit<SliderInputProps, 'onChange' | 'value'> {
     options?: RegisterOptions;
@@ -2400,7 +2268,7 @@ interface SliderInputFieldProps extends Omit<SliderInputProps, 'onChange' | 'val
 /**
  * Note: You must set the `defaultValues` for this field in `useForm`. Without it, the field throw error.
  */
-declare const SliderInputField: (props: SliderInputFieldProps) => react_jsx_runtime.JSX.Element;
+declare const SliderInputField: (props: SliderInputFieldProps) => react.JSX.Element;
 
 interface SpanButtonProps extends DesignSystemBaseProps, AriaAttributes {
     borderRadius?: BorderRadius;
@@ -2413,7 +2281,7 @@ interface SpanButtonProps extends DesignSystemBaseProps, AriaAttributes {
     onMouseUp?: (event: MouseEvent<HTMLButtonElement>) => void;
     onTouchStart?: (event: TouchEvent<HTMLButtonElement>) => void;
 }
-declare const SpanButton: (props: SpanButtonProps) => react_jsx_runtime.JSX.Element;
+declare const SpanButton: (props: SpanButtonProps) => react.JSX.Element;
 
 declare enum StackDirection {
     column = "column",
@@ -2430,11 +2298,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.Element;
 
 declare enum StepperVariant {
     horizontal = "horizontal",
@@ -2456,7 +2325,7 @@ interface StepperProps {
     steps: StepperItemProps[];
     variant: StepperVariant;
 }
-declare const Stepper: (props: StepperProps) => react_jsx_runtime.JSX.Element;
+declare const Stepper: (props: StepperProps) => react.JSX.Element;
 
 declare enum StoreButtonVariant {
     android = "android",
@@ -2472,7 +2341,7 @@ interface StoreButtonProps {
     size: StoreButtonSize;
     variant: StoreButtonVariant;
 }
-declare const StoreButton: (props: StoreButtonProps) => react_jsx_runtime.JSX.Element;
+declare const StoreButton: (props: StoreButtonProps) => react.JSX.Element;
 
 declare enum TableVariant {
     exchange = "exchange",
@@ -2496,12 +2365,12 @@ interface TableProps {
     variant: TableVariant;
     width?: Property.Width;
 }
-declare const Table: (props: TableProps) => react_jsx_runtime.JSX.Element;
+declare const Table: (props: TableProps) => react.JSX.Element;
 
 interface TableBodyProps {
     children: ReactNode;
 }
-declare const TableBody: (props: TableBodyProps) => react_jsx_runtime.JSX.Element;
+declare const TableBody: (props: TableBodyProps) => react.JSX.Element;
 
 interface TableDataProps extends DesignSystemBaseProps {
     children: ReactNode;
@@ -2510,12 +2379,12 @@ interface TableDataProps extends DesignSystemBaseProps {
     textAlign?: TableTextAlign;
     variant: TableVariant;
 }
-declare const TableData: (props: TableDataProps) => react_jsx_runtime.JSX.Element;
+declare const TableData: (props: TableDataProps) => react.JSX.Element;
 
 interface TableHeadProps {
     children: ReactNode;
 }
-declare const TableHead: (props: TableHeadProps) => react_jsx_runtime.JSX.Element;
+declare const TableHead: (props: TableHeadProps) => react.JSX.Element;
 
 interface TableHeadDataProps extends DesignSystemBaseProps {
     abbr?: string;
@@ -2527,13 +2396,13 @@ interface TableHeadDataProps extends DesignSystemBaseProps {
     variant: TableVariant;
     width?: Property.Width;
 }
-declare const TableHeadData: (props: TableHeadDataProps) => react_jsx_runtime.JSX.Element;
+declare const TableHeadData: (props: TableHeadDataProps) => react.JSX.Element;
 
 interface TableRowProps extends DesignSystemBaseProps {
     children: ReactNode;
     variant: TableVariant;
 }
-declare const TableRow: (props: TableRowProps) => react_jsx_runtime.JSX.Element;
+declare const TableRow: (props: TableRowProps) => react.JSX.Element;
 
 declare enum TabsVariant {
     infoTags = "infoTags",
@@ -2599,7 +2468,7 @@ interface TabsProps extends TabsType, DesignSystemBaseProps {
  *
  * More info: https://www.w3.org/WAI/ARIA/apg/patterns/tabs/examples/tabs-manual/
  */
-declare const Tabs: (props: TabsProps) => react_jsx_runtime.JSX.Element;
+declare const Tabs: (props: TabsProps) => react.JSX.Element;
 
 declare enum TagType {
     alert = "alert",
@@ -2636,6 +2505,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,74 +2514,38 @@ 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.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.Element;
+    displayName: string;
+};
 type TextAreaProps = ComponentProps<typeof TextArea>;
 
 interface TextAreaFieldProps extends Omit<TextAreaProps, 'onChange' | 'value'> {
     name: string;
     options?: RegisterOptions;
 }
-declare const TextAreaField: (props: TextAreaFieldProps) => react_jsx_runtime.JSX.Element;
+declare const TextAreaField: (props: TextAreaFieldProps) => react.JSX.Element;
 
 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.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;
+declare const TextInputField: (props: TextInputFieldProps) => react.JSX.Element;
 
 interface ToggleProps {
     defaultValue?: boolean;
@@ -2724,35 +2558,16 @@ interface ToggleProps {
 /**
  * Currently not compatible with react-hook-form
  */
-declare const Toggle: (props: ToggleProps) => react_jsx_runtime.JSX.Element;
+declare const Toggle: (props: ToggleProps) => react.JSX.Element;
 
 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.Element;
+    displayName: string;
+};
 type TrailingTextInputProps = ComponentProps<typeof TrailingTextInput>;
 
 declare enum TypographyVariant {
@@ -2781,6 +2596,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 +2604,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.Element;
 
 interface VisuallyHiddenProps extends AriaAttributes {
     as?: ElementType;
@@ -2796,7 +2612,7 @@ interface VisuallyHiddenProps extends AriaAttributes {
     id?: string;
     role?: AriaRole;
 }
-declare const VisuallyHidden: (props: VisuallyHiddenProps) => react_jsx_runtime.JSX.Element;
+declare const VisuallyHidden: (props: VisuallyHiddenProps) => react.JSX.Element;
 
 declare const useUniqueIdIfIsUndefined: (idParam: string | undefined) => string;
 
@@ -2810,7 +2626,7 @@ interface FormConfigProviderProps {
     children: ReactNode;
     config: FormConfig;
 }
-declare const FormConfigProvider: (props: FormConfigProviderProps) => react_jsx_runtime.JSX.Element;
+declare const FormConfigProvider: (props: FormConfigProviderProps) => react.JSX.Element;
 
 interface UseFormCaptchaProp {
     action: string;
@@ -2843,7 +2659,7 @@ interface FormProviderProps<TFieldValues extends FieldValues, TSubmitValues exte
     children: ReactNode;
     form: UseFormReturn<TFieldValues, TSubmitValues>;
 }
-declare const FormProvider: <TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined>(props: FormProviderProps<TFieldValues, TSubmitValues>) => react_jsx_runtime.JSX.Element;
+declare const FormProvider: <TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined>(props: FormProviderProps<TFieldValues, TSubmitValues>) => react.JSX.Element;
 
 declare const FormConfigContext: react.Context<FormConfig>;
 
@@ -2863,4 +2679,4 @@ 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, 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 };
+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 };