@mmb-digital/design-system-web 0.1.338 → 0.1.340

package/dist/index.d.ts

@@ -1,101 +1,38 @@
-import * as React from 'react';
-import React__default, { ReactNode, HTMLProps, ReactElement, AriaAttributes, ElementType, RefObject, MouseEvent, AriaRole, HTMLAttributeAnchorTarget, TouchEvent, FocusEventHandler, HTMLInputAutoCompleteAttribute, FocusEvent, ChangeEvent, ComponentType, ComponentProps, TextareaHTMLAttributes, RefAttributes, MouseEventHandler, KeyboardEventHandler, HTMLAttributes, HTMLInputTypeAttribute, FC, KeyboardEvent, BaseSyntheticEvent, Key } from 'react';
+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 { MessageDescriptor } from 'react-intl';
-import { FormatXMLElementFn, PrimitiveType } from 'intl-messageformat';
-import * as _emotion_react from '@emotion/react';
+import { PrimitiveType, FormatXMLElementFn } from 'intl-messageformat';
 import { Theme as Theme$1 } from '@emotion/react';
+import * as react_hook_form from 'react-hook-form';
+import { RegisterOptions, FieldValues, FieldPath, UseFormReturn as UseFormReturn$1, SubmitErrorHandler, UseFormProps as UseFormProps$1 } from 'react-hook-form';
 import * as afformative from 'afformative';
 import { Formatter } from 'afformative';
-import * as csstype from 'csstype';
-import { Property } from 'csstype';
 import { Locale } from 'date-fns';
 import { DatePickerProps as DatePickerProps$1 } from 'react-datepicker';
-import * as react_hook_form from 'react-hook-form';
-import { RegisterOptions, FieldValues, FieldPath, UseFormProps as UseFormProps$1, SubmitErrorHandler, UseFormReturn as UseFormReturn$1 } from 'react-hook-form';
 import { FactoryOpts } from 'imask';
+import * as _emotion_utils from '@emotion/utils';
 import { z } from 'zod';
 import emotionStyled from '@emotion/styled';
 
-interface AccordionItemType {
-    closeActionAriaLabel?: string;
-    content: ReactNode;
-    description?: ReactNode;
-    icon?: ReactNode;
-    id: string;
-    isOpen?: boolean;
-    label: ReactNode;
-    onClick?: () => void;
-    openActionAriaLabel?: string;
-}
-declare enum AccordionVariant {
-    default = "default",
-    table = "table"
-}
-
-declare enum MediaType {
-    desktop = "desktop",
-    mobile = "mobile",
-    tablet = "tablet"
-}
-
-interface MediaTypeProviderProps {
-    children: ReactNode;
-    mediaType: MediaType;
-}
-declare const MediaTypeProvider: React__default.FC<MediaTypeProviderProps>;
+type MessageValues = Record<string, FormatXMLElementFn<ReactNode, ReactNode> | PrimitiveType | ReactNode>;
+type PrimitiveMessageValues = Record<string, PrimitiveType>;
+type IsMessageDisplayableHookReturnFunction = (messageDescriptor: MessageDescriptor) => boolean;
 
-type UseMediaTypeParam = MediaType | {
-    mediaType?: MediaType | undefined;
-};
-interface UseMediaTypeOptions {
-    defaultMediaType?: MediaType;
+interface FormattedMessageProps extends MessageDescriptor {
+    values?: MessageValues;
 }
-/**
- * priorities:
- *
- * 1. value passed to the hook
- * 2. value passed from the nearest provider
- * 3. defaultValue passed in the options object to the hook
- * 4. fallbackMediaType
- */
-declare const useMediaType: (param?: UseMediaTypeParam, options?: UseMediaTypeOptions) => MediaType;
+declare const FormattedMessage: (props: FormattedMessageProps) => react_jsx_runtime.JSX.Element;
 
-declare enum ColorScheme {
-    dark = "dark",
-    light = "light"
-}
-interface ColorObject<Dark extends string = string, Light extends string = string> {
-    dark: Dark;
-    light: Light;
+interface FormattedHtmlMessageProps extends MessageDescriptorWithPrimitiveValues {
 }
-type ChooseColor = <Dark extends string = string, Light extends string = string>(colorSchemeObject: ColorObject<Dark, Light>) => Dark | Light;
-type GetColor = <Dark extends string = string, Light extends string = string>(colorScheme: ColorScheme, colorSchemeObject: ColorObject<Dark, Light>) => Dark | Light;
-
-declare const useChooseColor: (colorScheme: ColorScheme) => ChooseColor;
-
-declare const getColor: GetColor;
+declare const FormattedHtmlMessage: (props: FormattedHtmlMessageProps) => react_jsx_runtime.JSX.Element;
 
-interface ColorSchemeProviderProps {
-    children: ReactNode;
-    colorScheme: ColorScheme;
-}
-declare const ColorSchemeProvider: React__default.FC<ColorSchemeProviderProps>;
+declare const useIsMessageDisplayable: () => IsMessageDisplayableHookReturnFunction;
 
-type UseColorSchemeParam = ColorScheme | {
-    colorScheme?: ColorScheme | undefined;
-};
-interface UseColorSchemeOptions {
-    defaultColorScheme?: ColorScheme;
-}
-/**
- * priorities:
- *
- * 1. value passed to the hook
- * 2. value passed from the nearest provider
- * 3. defaultValue passed in the options object to the hook
- * 4. fallbackColorScheme
- */
-declare const useColorScheme: (param?: UseColorSchemeParam, options?: UseColorSchemeOptions) => ColorScheme;
+declare const useGetFormattedHtmlMessageIfDisplayable: () => (messageDescriptor: MessageDescriptorWithPrimitiveValues) => react_jsx_runtime.JSX.Element | undefined;
 
 type TooltipRenderParent = (getParentProps: (userProps?: HTMLProps<Element>) => Record<string, unknown>) => ReactElement;
 declare enum TooltipPlacement {
@@ -136,42 +73,6 @@ declare enum TooltipWidth {
     md = "md"
 }
 
-type MessageValues = Record<string, FormatXMLElementFn<ReactNode, ReactNode> | PrimitiveType | ReactNode>;
-type PrimitiveMessageValues = Record<string, PrimitiveType>;
-
-interface FormattedMessageProps extends MessageDescriptor {
-    values?: MessageValues;
-}
-declare const FormattedMessage: React__default.FC<FormattedMessageProps>;
-
-interface FormattedHtmlMessageProps extends MessageDescriptorWithPrimitiveValues {
-}
-declare const FormattedHtmlMessage: (props: FormattedHtmlMessageProps) => React__default.JSX.Element;
-
-type IsMessageDisplayableHookReturnFunction = (messageDescriptor: MessageDescriptor) => boolean;
-
-declare const useIsMessageDisplayable: () => IsMessageDisplayableHookReturnFunction;
-
-declare const useGetFormattedHtmlMessageIfDisplayable: () => (messageDescriptor: MessageDescriptorWithPrimitiveValues) => React__default.JSX.Element | undefined;
-
-interface SsrProps {
-    suppressHydrationWarning?: boolean;
-}
-interface MessageDescriptorWithPrimitiveValues extends MessageDescriptor {
-    /**
-     * Since `FormattedHtmlMessage` uses `dangerouslySetInnerHTML` under the hood and sometimes
-     * includes user input, we need to escape the `values` prop to prevent XSS vulnerabilities.
-     *
-     * In case we need to display HTML content (and we're sure it's safe), the `htmlValues` prop
-     * should be used instead.
-     */
-    htmlValues?: PrimitiveMessageValues;
-    values?: PrimitiveMessageValues;
-}
-interface MessageDescriptorWithValues extends MessageDescriptor {
-    values?: MessageValues;
-}
-
 interface TooltipInfoDisplayableCheckProps extends DesignSystemBaseProps {
     body: MessageDescriptorWithPrimitiveValues;
     closeButtonAriaLabel?: MessageDescriptorWithPrimitiveValues;
@@ -179,13 +80,13 @@ interface TooltipInfoDisplayableCheckProps extends DesignSystemBaseProps {
     title?: MessageDescriptorWithPrimitiveValues;
     triggerAriaLabel?: MessageDescriptorWithPrimitiveValues;
 }
-declare const TooltipInfoDisplayableCheck: (props: TooltipInfoDisplayableCheckProps) => React__default.JSX.Element | null;
+declare const TooltipInfoDisplayableCheck: (props: TooltipInfoDisplayableCheckProps) => react_jsx_runtime.JSX.Element | null;
 
 interface TooltipInfoConditionalProps extends DesignSystemBaseProps, BaseTooltipInfoProps {
     displayMethod: TooltipInfoDisplayMethod;
     floatingElement?: Partial<TooltipDescriptor>;
 }
-declare const TooltipInfoConditional: (props: TooltipInfoConditionalProps) => React__default.JSX.Element | null;
+declare const TooltipInfoConditional: (props: TooltipInfoConditionalProps) => react_jsx_runtime.JSX.Element | null;
 
 interface CreateTooltipInfoDescriptorParam {
     body: MessageDescriptorWithPrimitiveValues;
@@ -200,21 +101,150 @@ declare const useCreateTooltipInfoDescriptor: () => CreateTooltipInfoDescriptor;
 interface TooltipInfoProps extends DesignSystemBaseProps, TooltipDelays, BaseTooltipInfoProps {
     floatingElement: TooltipDescriptor;
 }
-declare const TooltipInfo: (props: TooltipInfoProps) => React__default.JSX.Element;
+declare const TooltipInfo: (props: TooltipInfoProps) => react_jsx_runtime.JSX.Element;
 
 interface TooltipGeneralProps extends DesignSystemBaseProps, TooltipDelays {
     floatingElement: TooltipDescriptor;
     onClose?: ((closeReason: TooltipCloseReason) => void) | undefined;
     onOpen?: (() => void) | undefined;
     placement?: TooltipPlacement | undefined;
-    portalRootElement?: HTMLElement | React__default.MutableRefObject<HTMLElement | null> | null;
+    portalRootElement?: HTMLElement | MutableRefObject<HTMLElement | null> | null;
     renderParent: TooltipRenderParent;
 }
-declare const TooltipGeneral: (props: TooltipGeneralProps) => React__default.JSX.Element;
+declare const TooltipGeneral: (props: TooltipGeneralProps) => react_jsx_runtime.JSX.Element;
 
 type TooltipInfoDescriptorPropsSubset = Pick<TooltipInfoProps, 'floatingElement' | 'triggerAriaLabel'>;
 declare const mapTooltipInfoDescriptorToPropsSubset: <T extends TooltipInfoDescriptor | undefined>(tooltipInfoDescriptor: T) => T extends undefined ? undefined : TooltipInfoDescriptorPropsSubset;
 
+interface SsrProps {
+    suppressHydrationWarning?: boolean;
+}
+interface MessageDescriptorWithPrimitiveValues extends MessageDescriptor {
+    /**
+     * Since `FormattedHtmlMessage` uses `dangerouslySetInnerHTML` under the hood and sometimes
+     * includes user input, we need to escape the `values` prop to prevent XSS vulnerabilities.
+     *
+     * In case we need to display HTML content (and we're sure it's safe), the `htmlValues` prop
+     * should be used instead.
+     */
+    htmlValues?: PrimitiveMessageValues;
+    values?: PrimitiveMessageValues;
+}
+interface MessageDescriptorWithValues extends MessageDescriptor {
+    values?: MessageValues;
+}
+interface FieldControlProps extends DesignSystemBaseProps {
+    describedBy?: string;
+    id?: string;
+    invalid?: boolean;
+    labelledBy?: string;
+    name?: string;
+    required?: boolean;
+}
+declare enum InputSize {
+    md = "md",
+    xl = "xl"
+}
+declare enum InputTextAlign {
+    center = "center",
+    left = "left",
+    right = "right"
+}
+declare enum MediaType {
+    desktop = "desktop",
+    mobile = "mobile",
+    tablet = "tablet"
+}
+declare enum ColorScheme {
+    dark = "dark",
+    light = "light"
+}
+interface ColorObject<Dark extends string = string, Light extends string = string> {
+    dark: Dark;
+    light: Light;
+}
+interface InputProps extends FieldControlProps {
+    ariaLabel?: string;
+    autoComplete?: HTMLInputAutoCompleteAttribute;
+    button?: ReactNode;
+    colorInput?: Property.Color | undefined;
+    disabled?: boolean;
+    halfWidth?: boolean;
+    maxLength?: number;
+    name: string;
+    onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | undefined;
+    onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
+    prefix?: ReactNode;
+    size: InputSize;
+    suffix?: ReactNode;
+    value?: string;
+}
+declare enum FieldOptionality {
+    optional = "optional",
+    optionalWithoutLabelSuffix = "optionalWithoutLabelSuffix",
+    required = "required"
+}
+interface InputLabelPassthroughProps {
+    label?: ReactNode;
+    labelAs?: ElementType;
+    /**
+     * Visually hidden text for screen readers providing additional info, such as the availability of a tooltip.
+     * Prefer using `hiddenHintText` in `FieldWrapper` where possible.
+     */
+    labelHiddenText?: string;
+    labelId?: string;
+    labelSuffix?: ReactNode;
+    tooltip?: TooltipInfoDescriptor;
+}
+declare enum LabelTooltipPosition {
+    inline = "inline",
+    rightCenter = "rightCenter"
+}
+
+interface MediaTypeProviderProps {
+    children: ReactNode;
+    mediaType: MediaType;
+}
+declare const MediaTypeProvider: FC<MediaTypeProviderProps>;
+
+type UseMediaTypeParam = MediaType | {
+    mediaType?: MediaType | undefined;
+};
+interface UseMediaTypeOptions {
+    defaultMediaType?: MediaType;
+}
+/**
+ * priorities:
+ *
+ * 1. value passed to the hook
+ * 2. value passed from the nearest provider
+ * 3. defaultValue passed in the options object to the hook
+ * 4. fallbackMediaType
+ */
+declare const useMediaType: (param?: UseMediaTypeParam, options?: UseMediaTypeOptions) => MediaType;
+
+interface ColorSchemeProviderProps {
+    children: ReactNode;
+    colorScheme: ColorScheme;
+}
+declare const ColorSchemeProvider: FC<ColorSchemeProviderProps>;
+
+type UseColorSchemeParam = ColorScheme | {
+    colorScheme?: ColorScheme | undefined;
+};
+interface UseColorSchemeOptions {
+    defaultColorScheme?: ColorScheme;
+}
+/**
+ * priorities:
+ *
+ * 1. value passed to the hook
+ * 2. value passed from the nearest provider
+ * 3. defaultValue passed in the options object to the hook
+ * 4. fallbackColorScheme
+ */
+declare const useColorScheme: (param?: UseColorSchemeParam, options?: UseColorSchemeOptions) => ColorScheme;
+
 interface DesignSystemFullMessages {
     button: {
         busyGeneric?: ReactNode;
@@ -257,19 +287,37 @@ interface DesignSystemProviderProps {
  * It is recommended to use this provider only once in a component tree, ideally near the root.
  * It is possible to override every provider for a subpart of the component tree.
  */
-declare const DesignSystemProvider: (props: DesignSystemProviderProps) => React__default.ReactNode;
+declare const DesignSystemProvider: (props: DesignSystemProviderProps) => ReactNode;
 
-interface UseDesignSystemParam {
-    colorScheme?: ColorScheme | undefined;
-    mediaType?: MediaType | undefined;
-}
-interface UseDesignSystemOptions extends UseColorSchemeOptions, UseMediaTypeOptions {
-}
-declare const useDesignSystem: (param?: UseDesignSystemParam, options?: UseDesignSystemOptions) => {
-    colorScheme: ColorScheme;
-    mediaType: MediaType;
-    chooseColor: ChooseColor;
-};
+declare const getClampedFontSize: (fontSize: string) => string;
+
+type GetColor = <Dark extends string = string, Light extends string = string>(colorScheme: ColorScheme, colorSchemeObject: ColorObject<Dark, Light>) => Dark | Light;
+declare const getColor: GetColor;
+
+declare const isRenderable: (node: ReactNode) => node is Exclude<ReactNode, boolean | null | undefined>;
+
+declare const mergeRefs: <T>(...refs: (Ref<T> | undefined)[]) => Ref<T>;
+
+declare const pxToRem: (px: number | string, base?: number) => string;
+
+declare const renderReactNodeArray: (items: ReactNode[], separator?: ReactNode) => ReactElement<unknown, string | react.JSXElementConstructor<any>>[] | null;
+
+declare const styled: typeof emotionStyled;
+
+type ChooseColor = <Dark extends string = string, Light extends string = string>(colorSchemeObject: ColorObject<Dark, Light>) => Dark | Light;
+declare const useChooseColor: (colorScheme: ColorScheme) => ChooseColor;
+
+interface UseDesignSystemParam {
+    colorScheme?: ColorScheme | undefined;
+    mediaType?: MediaType | undefined;
+}
+interface UseDesignSystemOptions extends UseColorSchemeOptions, UseMediaTypeOptions {
+}
+declare const useDesignSystem: (param?: UseDesignSystemParam, options?: UseDesignSystemOptions) => {
+    colorScheme: ColorScheme;
+    mediaType: MediaType;
+    chooseColor: ChooseColor;
+};
 
 interface DesignSystemBaseProps {
     colorScheme?: ColorScheme;
@@ -285,8 +333,8 @@ interface FieldLabelStoreProviderProps {
  *
  * Field labels can be registered via the `useRegisterFieldLabel` hook, and consumed via the `useFieldLabels` hook.
  **/
-declare const FieldLabelStoreProvider: (props: FieldLabelStoreProviderProps) => React__default.JSX.Element;
-declare const useFieldLabels: () => Record<string, React__default.ReactNode>;
+declare const FieldLabelStoreProvider: (props: FieldLabelStoreProviderProps) => react_jsx_runtime.JSX.Element;
+declare const useFieldLabels: () => Record<string, ReactNode>;
 declare const useRegisterFieldLabel: () => (name: string, label: ReactNode) => void;
 
 interface FieldConfig {
@@ -300,14 +348,14 @@ interface FieldConfigProviderProps extends FieldConfig {
  *
  * @deprecated Use `DesignSystemProvider` with the `messages` prop instead.
  */
-declare const FieldConfigProvider: (props: FieldConfigProviderProps) => React__default.JSX.Element;
+declare const FieldConfigProvider: (props: FieldConfigProviderProps) => react_jsx_runtime.JSX.Element;
 declare const useFieldConfig: () => FieldConfig;
 
 interface DesignSystemMessagesProviderProps {
     children: ReactNode;
     messages: DesignSystemPartialMessages;
 }
-declare const DesignSystemMessagesProvider: (props: DesignSystemMessagesProviderProps) => React__default.JSX.Element;
+declare const DesignSystemMessagesProvider: (props: DesignSystemMessagesProviderProps) => react_jsx_runtime.JSX.Element;
 
 declare const useDesignSystemMessages: () => DesignSystemFullMessages;
 
@@ -315,57 +363,48 @@ interface DesignSystemPropDefaultsProviderProps {
     children: ReactNode;
     defaults: DesignSystemPartialPropDefaults;
 }
-declare const DesignSystemPropDefaultsProvider: (props: DesignSystemPropDefaultsProviderProps) => React__default.JSX.Element;
+declare const DesignSystemPropDefaultsProvider: (props: DesignSystemPropDefaultsProviderProps) => react_jsx_runtime.JSX.Element;
 
 declare const useDesignSystemPropDefaults: () => DesignSystemFullPropDefaults;
 
+interface AccordionItemType {
+    closeActionAriaLabel?: string;
+    content: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    id: string;
+    isOpen?: boolean;
+    label: ReactNode;
+    onClick?: () => void;
+    openActionAriaLabel?: string;
+}
+declare enum AccordionVariant {
+    default = "default",
+    table = "table"
+}
+
 interface AccordionProps extends DesignSystemBaseProps {
     data: AccordionItemType[];
     variant?: AccordionVariant;
 }
-declare const Accordion: (props: AccordionProps) => React__default.JSX.Element;
+declare const Accordion: (props: AccordionProps) => react_jsx_runtime.JSX.Element;
 
 interface AccordionItemProps extends AccordionItemType, DesignSystemBaseProps {
     variant: AccordionVariant;
 }
-declare const AccordionItem: (props: AccordionItemProps) => React__default.JSX.Element;
+declare const AccordionItem: (props: AccordionItemProps) => react_jsx_runtime.JSX.Element;
 
 interface AccordionContentType extends DesignSystemBaseProps {
     children: ReactNode;
 }
-declare const AccordionContent: (props: AccordionContentType) => React__default.JSX.Element;
+declare const AccordionContent: (props: AccordionContentType) => react_jsx_runtime.JSX.Element;
 
 interface AccordionKeyValueProps extends DesignSystemBaseProps {
     colorScheme?: ColorScheme;
     label: ReactNode;
     value: ReactNode;
 }
-declare const AccordionKeyValue: (props: AccordionKeyValueProps) => React__default.JSX.Element;
-
-declare enum ButtonStyle {
-    primary = "primary",
-    secondary = "secondary",
-    tertiary = "tertiary",
-    link = "link"
-}
-declare enum ButtonSize {
-    xs = "xs",
-    sm = "sm",
-    md = "md",
-    xl = "xl",
-    xxl = "xxl"
-}
-declare enum ButtonType {
-    anchor = "anchor",
-    button = "button",
-    reset = "reset",
-    submit = "submit"
-}
-declare enum ButtonContentAlign {
-    center = "center",
-    left = "left",
-    right = "right"
-}
+declare const AccordionKeyValue: (props: AccordionKeyValueProps) => react_jsx_runtime.JSX.Element;
 
 declare enum IconSystemType {
     arrowDown = "arrowDown",
@@ -410,6 +449,10 @@ declare enum IconSystemSize {
     big = "big",
     small = "small"
 }
+interface IconSystemSvgProps {
+    fill: string;
+    stroke: string;
+}
 
 interface IconSystemProps {
     ariaHidden?: boolean;
@@ -419,7 +462,32 @@ interface IconSystemProps {
     stroke?: string;
     type: IconSystemType;
 }
-declare const IconSystem: (props: IconSystemProps) => React__default.JSX.Element;
+declare const IconSystem: (props: IconSystemProps) => react_jsx_runtime.JSX.Element;
+
+declare enum ButtonStyle {
+    primary = "primary",
+    secondary = "secondary",
+    tertiary = "tertiary",
+    link = "link"
+}
+declare enum ButtonSize {
+    xs = "xs",
+    sm = "sm",
+    md = "md",
+    xl = "xl",
+    xxl = "xxl"
+}
+declare enum ButtonType {
+    anchor = "anchor",
+    button = "button",
+    reset = "reset",
+    submit = "submit"
+}
+declare enum ButtonContentAlign {
+    center = "center",
+    left = "left",
+    right = "right"
+}
 
 interface ButtonProps extends SsrProps, DesignSystemBaseProps, AriaAttributes {
     ariaDisabled?: boolean;
@@ -447,7 +515,7 @@ interface ButtonProps extends SsrProps, DesignSystemBaseProps, AriaAttributes {
     download?: boolean | string;
     fullWidth?: boolean;
     href?: string;
-    htmlRef?: RefObject<HTMLAnchorElement | HTMLButtonElement>;
+    htmlRef?: RefObject<HTMLAnchorElement | HTMLButtonElement | null>;
     iconLeft?: ReactNode;
     iconRight?: ReactNode;
     iconSystemLeft?: IconSystemType;
@@ -461,7 +529,7 @@ interface ButtonProps extends SsrProps, DesignSystemBaseProps, AriaAttributes {
     target?: HTMLAttributeAnchorTarget;
     type: ButtonType;
 }
-declare const Button: (props: ButtonProps) => React__default.JSX.Element;
+declare const Button: (props: ButtonProps) => react_jsx_runtime.JSX.Element;
 
 declare enum Spacing {
     none = "none",
@@ -497,7 +565,7 @@ declare enum FontWeight {
     heavy900 = "heavy",
     ultra950 = "ultra"
 }
-declare const resolveFontWeightValue: (theme: Theme$1, fontWeight: FontWeight) => 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
+declare const resolveFontWeightValue: (theme: Theme$1, fontWeight: FontWeight) => 100 | 200 | 500 | 300 | 400 | 600 | 700 | 800 | 900 | 950;
 
 declare const theme: {
     readonly palette: {
@@ -1073,89 +1141,108 @@ declare enum TextDecoration {
     underline = "underline"
 }
 declare const resolveTextDecorationValue: (textDecoration: TextDecoration) => "none !important" | "underline";
-declare const getTextDecorationStyle: (textDecoration?: TextDecoration) => "" | _emotion_react.SerializedStyles;
+declare const getTextDecorationStyle: (textDecoration?: TextDecoration) => "" | _emotion_utils.SerializedStyles;
 
-interface SpanButtonProps extends DesignSystemBaseProps, AriaAttributes {
-    borderRadius?: BorderRadius;
-    children?: ReactNode;
-    className?: string;
-    disabled?: boolean;
-    id?: string;
-    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    onMouseDown?: (event: MouseEvent<HTMLButtonElement>) => void;
-    onMouseUp?: (event: MouseEvent<HTMLButtonElement>) => void;
-    onTouchStart?: (event: TouchEvent<HTMLButtonElement>) => void;
+declare enum ButtonsLayoutAlign {
+    center = "center",
+    end = "end",
+    spaceBetween = "spaceBetween",
+    start = "start",
+    stretch = "stretch"
+}
+declare enum ButtonsLayoutDirection {
+    column = "column",
+    columnReverse = "columnReverse",
+    row = "row",
+    rowReverse = "rowReverse"
 }
-declare const SpanButton: (props: SpanButtonProps) => React__default.JSX.Element;
 
-interface SliderBreakpoint {
-    readonly bottomBreakpoint: number;
-    readonly step: number;
+interface ButtonsLayoutProps extends SsrProps {
+    align: ButtonsLayoutAlign;
+    buttons: ReactNode[];
+    direction: ButtonsLayoutDirection;
+    gap?: Spacing;
+    wrap?: FlexWrap;
 }
-interface SliderSteps {
-    readonly baseStep: number;
-    readonly breakpointList: SliderBreakpoint[];
+declare const ButtonsLayout: (props: ButtonsLayoutProps) => react_jsx_runtime.JSX.Element;
+
+interface CalculatorResultHeader {
+    bottom?: ReactElement | string | undefined;
+    main?: ReactElement | string | undefined;
+    top?: ReactElement | string | undefined;
+    /** Visually hidden text for screen readers, providing additional info, such as the availability of help under tooltip button. */
+    topHiddenText?: string;
+    topTooltip?: TooltipInfoDescriptor;
 }
-declare enum SliderStepType {
-    visuallyLinearByValue = "visuallyLinearByValue",// step changes dynamically (visually steps are of different sizes)
-    visuallySameStepSize = "visuallySameStepSize"
+interface CalculatorResultBodyItem {
+    left: {
+        element: ReactElement | string;
+        /** Visually hidden text for screen readers, providing additional info, such as the availability of help under tooltip button. */
+        hiddenText?: string;
+        tooltip?: TooltipInfoDescriptor;
+    };
+    right: {
+        element: ReactElement | string;
+    };
 }
-interface SliderMinMaxLabels {
-    readonly max: ReactElement | string;
-    readonly min: ReactElement | string;
+interface CalculatorResultMain {
+    element: ReactElement | string;
+    topSeparator?: boolean;
 }
-interface SliderAriaValueTextFormatterDataContext {
-    clampMax?: number;
-    clampMin?: number;
+interface CalculatorResultModalDescriptor {
+    content: ReactElement | string;
+    modalCloseButtonAriaLabel?: string;
+    triggerText: ReactElement | string;
 }
-type SliderAriaValueTextFormatter = Formatter<number, string, string, SliderAriaValueTextFormatterDataContext>;
-interface SliderInputLimitExceededLiveTextFormatterDataContext {
-    clampMax: number;
-    clampMin: number;
-    effectiveMax: number;
-    effectiveMin: number;
-    max: number;
-    min: number;
-    oldValue: number;
+declare enum CalculatorResultInfoPosition {
+    inBox = "inBox",
+    underBox = "underBox"
 }
-type SliderInputLimitExceededLiveTextFormatter = Formatter<number, string, string, SliderInputLimitExceededLiveTextFormatterDataContext>;
 
-interface SliderProps extends DesignSystemBaseProps {
-    ariaLabelForHandle?: string;
-    ariaLabelledByForHandle?: string;
-    ariaValueTextFormatter?: SliderAriaValueTextFormatter;
-    /** The maximum value that the slider can be moved to. Even if the visible range allows higher values, the thumb cannot go above this limit. */
-    clampMax?: number;
-    /** The minimum value that the slider can be moved to. Even if the visible range allows lower values, the thumb cannot go below this limit. */
-    clampMin?: number;
-    disable?: boolean | undefined;
-    max: number;
-    min: number;
-    minMaxLabels: SliderMinMaxLabels | undefined;
-    onBlur?: FocusEventHandler<HTMLDivElement>;
-    /** it is triggered during movement */
-    onChange: (value: number) => void;
-    /** it is triggered after the user drops the handle */
-    onFinalChange: (value: number) => void;
-    stepType: SliderStepType;
-    steps: SliderSteps;
-    value: number;
+interface CalculatorResultProps extends DesignSystemBaseProps {
+    bodyItems: CalculatorResultBodyItem[];
+    containerRef?: RefObject<HTMLDivElement | null>;
+    description?: ReactElement | string;
+    header: CalculatorResultHeader;
+    infoPosition?: CalculatorResultInfoPosition;
+    main: CalculatorResultMain;
+    modal?: CalculatorResultModalDescriptor;
+    resultBoxRef?: RefObject<HTMLDivElement | null>;
 }
-declare const Slider: (props: SliderProps) => React__default.JSX.Element;
+declare const CalculatorResult: (props: CalculatorResultProps) => react_jsx_runtime.JSX.Element;
 
-interface ErrorBoxItem {
-    body: ReactElement | string;
-    onClick?: () => void;
+interface CheckboxControlProps {
+    ariaLabel?: string;
+    checked?: boolean;
+    colorScheme?: ColorScheme;
+    disabled?: boolean;
+    focused?: boolean;
+    id?: string;
+    invalid?: boolean;
+    name: string;
+    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    value?: string;
 }
+declare const CheckboxControl: react.ForwardRefExoticComponent<CheckboxControlProps & react.RefAttributes<HTMLInputElement>>;
 
-interface ErrorBoxProps {
-    colorScheme?: ColorScheme;
-    content?: ReactNode;
-    items?: ErrorBoxItem[];
-    tabIndex?: number;
-    title?: ReactNode;
+declare enum CheckboxPosition {
+    left = "left",
+    right = "right"
+}
+
+interface CheckboxProps extends CheckboxControlProps, InputLabelPassthroughProps, DesignSystemBaseProps {
+    errorMessage?: ReactNode;
+    labelColor?: string;
+    position?: CheckboxPosition;
+    tooltipPosition?: LabelTooltipPosition;
+}
+declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
+
+interface CheckboxFieldProps extends Omit<CheckboxProps, 'onChange' | 'value'> {
+    options?: RegisterOptions;
 }
-declare const ErrorBox: React__default.ForwardRefExoticComponent<ErrorBoxProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const CheckboxField: (props: CheckboxFieldProps) => react_jsx_runtime.JSX.Element;
 
 declare enum IconProductType {
     atm = "atm",
@@ -1208,279 +1295,318 @@ interface IconProductProps {
     type: IconProductType;
     variant?: IconProductVariant | undefined;
 }
-declare const IconProduct: (props: IconProductProps) => React__default.JSX.Element;
+declare const IconProduct: (props: IconProductProps) => react_jsx_runtime.JSX.Element;
 
-declare enum InfoboxVariant {
-    primary = "primary",
-    secondary = "secondary"
+interface CircularProgressBarProps extends DesignSystemBaseProps {
+    iconProduct: IconProductType;
+    progress: number;
 }
-declare enum InfoboxSize {
-    md = "md",
-    sm = "sm",
-    xs = "xs"
+declare const CircularProgressBar: (props: CircularProgressBarProps) => react_jsx_runtime.JSX.Element;
+
+type ComboBoxItem = boolean | number | object | string | null;
+declare enum ComboBoxItemOrderSource {
+    formatter = "formatter",
+    value = "value"
 }
-interface InfoboxTextContent {
-    primary: ReactNode;
-    secondary?: ReactNode;
+interface ComboBoxItemOrder {
+    compareFn?: (a: unknown, b: unknown) => number;
+    source: ComboBoxItemOrderSource;
 }
+declare enum ComboBoxValueType {
+    custom = "custom",
+    item = "item"
+}
+type ComboBoxValue<TItem> = {
+    input: string;
+    type: ComboBoxValueType.custom;
+} | {
+    item: TItem;
+    type: ComboBoxValueType.item;
+} | null;
 
-interface InfoboxProps extends DesignSystemBaseProps, AriaAttributes {
-    /** Cannot be used alongside `children`. */
-    actionNode?: ReactNode;
-    children?: ReactNode;
-    /** In order to render a circular progress bar, `iconProduct` must be provided as well. */
-    circularProgress?: number;
-    className?: string;
-    fullWidth?: boolean;
-    iconProduct?: IconProductType;
-    id?: string;
-    isWarning?: boolean;
-    role?: AriaRole;
-    size: InfoboxSize;
-    tabIndex?: number;
-    /** Cannot be used alongside `children`. */
-    textContent?: InfoboxTextContent;
-    variant: InfoboxVariant;
-}
-declare const Infobox: React__default.ForwardRefExoticComponent<InfoboxProps & React__default.RefAttributes<HTMLDivElement>>;
-
-declare enum TableVariant {
-    exchange = "exchange",
-    simple = "simple",
-    simpleWithoutShadow = "simpleWithoutShadow"
-}
-declare enum TableTextAlign {
-    center = "center",
-    left = "left",
-    right = "right"
-}
-declare enum TableHeadScope {
-    col = "col",
-    colgroup = "colgroup",
-    row = "row",
-    rowgroup = "rowgroup"
+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'> {
+    ariaLabel?: string;
+    autoComplete?: HTMLInputAutoCompleteAttribute;
+    button?: ReactNode;
+    colorInput?: Property.Color | undefined;
+    disabled?: boolean;
+    halfWidth?: boolean;
+    icon?: ReactNode;
+    iconSystem?: IconSystemType;
+    id?: string | undefined;
+    isPastingDisabled?: boolean;
+    maxLength?: number;
+    name: string;
+    onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | undefined;
+    onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
+    onClick?: MouseEventHandler;
+    onFocus?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
+    onKeyDown?: KeyboardEventHandler;
+    placeholder?: string;
+    prefix?: ReactNode;
+    prefixColor?: Property.Color;
+    role?: HTMLAttributes<HTMLInputElement>['role'];
+    size?: InputSize;
+    suffix?: ReactNode;
+    textAlign?: InputTextAlign;
+    type?: HTMLInputTypeAttribute;
+    value?: string;
+    weight?: FontWeight;
 }
+declare const InputBase: react.ForwardRefExoticComponent<Omit<InputBaseProps, "ref"> & RefAttributes<HTMLInputElement>>;
 
-interface TableProps {
-    children: ReactNode;
-    variant: TableVariant;
-    width?: Property.Width;
+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>;
+    getItemKey?: (item: TItem | null) => number | string;
+    inputPrefix?: ReactNode;
+    inputSize?: InputSize;
+    inputSuffix?: ReactNode;
+    inputTextAlign?: InputTextAlign;
+    inputWeight?: FontWeight;
+    itemOrder?: ComboBoxItemOrder;
+    items: TItem[];
+    onBlur?: () => void;
+    onChange: (value: ComboBoxValue<TItem>) => void;
+    shouldHighlightFirstItem?: boolean;
+    value: ComboBoxValue<TItem>;
 }
-declare const Table: (props: TableProps) => React__default.JSX.Element;
+declare const ComboBoxControl: <TItem extends ComboBoxItem>(props: ComboBoxControlProps<TItem> & RefAttributes<HTMLDivElement>) => ReactElement;
 
-interface TableBodyProps {
-    children: ReactNode;
+declare enum FieldWrapperLayout {
+    horizontal = "horizontal",
+    vertical = "vertical"
 }
-declare const TableBody: (props: TableBodyProps) => React__default.JSX.Element;
 
-interface TableDataProps extends DesignSystemBaseProps {
-    children: ReactNode;
-    delimiter?: boolean;
-    headers?: string;
-    textAlign?: TableTextAlign;
-    variant: TableVariant;
+type FieldWrapperControlProps = Required<Pick<FieldControlProps, 'describedBy' | 'id' | 'invalid' | 'labelledBy' | 'required'>>;
+declare enum FieldAddonPosition {
+    afterControl = "afterControl",
+    beforeControl = "beforeControl",
+    belowControl = "belowControl",
+    bottom = "bottom"
 }
-declare const TableData: (props: TableDataProps) => React__default.JSX.Element;
-
-interface TableHeadProps {
+interface FieldAddon {
     children: ReactNode;
+    key: Key;
+    position: FieldAddonPosition;
 }
-declare const TableHead: (props: TableHeadProps) => React__default.JSX.Element;
-
-interface TableHeadDataProps extends DesignSystemBaseProps {
-    abbr?: string;
-    children: ReactNode;
-    delimiter?: boolean;
-    headers?: string;
-    scope?: TableHeadScope;
-    textAlign?: TableTextAlign;
-    variant: TableVariant;
-    width?: Property.Width;
+interface FieldWrapperProps extends DesignSystemBaseProps, InputLabelPassthroughProps {
+    addons?: FieldAddon[];
+    children?: ReactNode | ((controlProps: FieldWrapperControlProps) => ReactNode);
+    controlId?: string;
+    controlMobileWidth?: Property.Width;
+    /** `controlSection` represents the right section in horizontal layout. */
+    controlSectionWidth?: Property.Width;
+    controlWidth?: Property.Width;
+    errorMessage?: ReactNode;
+    /** Visually hidden text for screen readers providing additional info, such as the availability of a tooltip. */
+    hiddenHintText?: ReactNode;
+    hintText?: ReactNode;
+    /** @default isRenderable(errorMessage) */
+    invalid?: boolean;
+    layout?: FieldWrapperLayout;
+    /** Necessary for registration of `label` to `FieldLabelStore`. */
+    name?: string;
+    note?: ReactNode;
+    /** @default FieldOptionality.required */
+    optionality?: FieldOptionality;
+    successMessage?: ReactNode;
 }
-declare const TableHeadData: (props: TableHeadDataProps) => React__default.JSX.Element;
+declare const FieldWrapper: (props: FieldWrapperProps) => react_jsx_runtime.JSX.Element;
 
-interface TableRowProps extends DesignSystemBaseProps {
-    children: ReactNode;
-    variant: TableVariant;
-}
-declare const TableRow: (props: TableRowProps) => React__default.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>>;
 
-declare enum TabsVariant {
-    infoTags = "infoTags",
-    primary = "primary",
-    secondary = "secondary",
-    tertiary = "tertiary"
-}
-declare enum TabsSize {
-    xs = "xs",
-    sm = "sm",
-    md = "md",
-    lg = "lg"
-}
-declare enum TabsActiveTabDefaultPosition {
-    center = "center",
-    noScrolling = "noScrolling",
-    scrollOnlyWhenNotVisible = "scrollOnlyWhenNotVisible"
-}
-declare enum TabsWrap {
-    noWrap = "noWrap",
-    /**
-     * Tabs wrap to the next line based on the container width instead of scrolling.
-     * Each tab sizes according to its text content.
-     * This option is intended only for {@link TabsVariant.infoTags}.
-     * When enabled, {@link TabsActiveTabDefaultPosition} has no effect.
-     */
-    wrap = "wrap"
-}
-interface TabItemType {
-    ariaControls?: string;
-    as?: ElementType;
-    href?: string;
-    icon?: ReactNode;
-    id: string;
-    isActive?: boolean;
-    onActivate?: () => void;
-    text?: ReactElement | string;
-}
-interface TabsType {
-    activeTabDefaultPosition: TabsActiveTabDefaultPosition;
-    fullWidth?: boolean;
-    /**
-     * Controls the gap between individual tab items.
-     * Defaults to {@link Spacing.xxs}.
-     */
-    gap?: Spacing;
-    /**
-     * Removes the border and background from the tabs container.
-     * Defaults to `false`.
-     */
-    noBorder?: boolean;
-    size?: TabsSize;
-    tabItems: TabItemType[];
-    variant: TabsVariant;
-    wrap?: TabsWrap;
-}
+type ComboBoxProps<TItem extends ComboBoxItem> = ComboBoxControlProps<TItem> & Omit<FieldWrapperProps, 'children'>;
+declare const ComboBox: <TItem extends ComboBoxItem>(props: ComboBoxProps<TItem> & RefAttributes<HTMLDivElement>) => ReactElement;
 
-interface TabsProps extends TabsType, DesignSystemBaseProps {
+interface ComboBoxFieldProps<TItem extends ComboBoxItem> extends Omit<ComboBoxProps<TItem>, 'onChange' | 'value'> {
+    defaultValue?: TItem | null;
+    name: string;
+    options?: RegisterOptions;
+    shouldResetInvalidValues?: boolean;
 }
-/**
- * This component implements accessibility for tabs according to W3C WAI-ARIA guidelines.
- * To ensure proper functionality, tab panels must also be described using ARIA attributes.
- *
- * More info: https://www.w3.org/WAI/ARIA/apg/patterns/tabs/examples/tabs-manual/
- */
-declare const Tabs: (props: TabsProps) => React__default.JSX.Element;
+declare const ComboBoxField: <TItem extends ComboBoxItem>(props: ComboBoxFieldProps<TItem>) => react_jsx_runtime.JSX.Element;
 
-type ModalOnClose = (reasonForClosing: ReasonForClosing) => void;
-declare enum ModalWidthType {
-    default = "default",
-    narrow = "narrow",// on desktop
-    narrowOnDesktopAndTablet = "narrowOnDesktopAndTablet"
-}
-declare enum ModalVerticalPosition {
-    centerOnTablet = "centerOnTablet",
-    default = "default"
-}
-declare enum ReasonForClosing {
-    closeButton = "closeButton",
-    esc = "esc",
-    overlay = "overlay"
+interface DatePickerControlProps extends Pick<DatePickerProps$1, 'chooseDayAriaLabelPrefix' | 'dateFormat' | 'disabledDayAriaLabelPrefix' | 'filterDate' | 'maxDate' | 'minDate' | 'monthAriaLabelPrefix' | 'nextMonthAriaLabel' | 'onBlur' | 'previousMonthAriaLabel' | 'selected'>, FieldControlProps {
+    chevronCloseAriaLabel?: string;
+    chevronOpenAriaLabel?: string;
+    disabled?: boolean;
+    locale?: Locale;
+    monthSelectAriaLabel?: string;
+    monthYearSelectEnabled?: boolean;
+    name: string;
+    onChange?: (date: Date | null, event?: KeyboardEvent<HTMLElement> | MouseEvent<HTMLElement>) => void;
+    placeholder?: string;
+    yearSelectAriaLabel?: string;
 }
+declare const DatePickerControl: react.ForwardRefExoticComponent<DatePickerControlProps & react.RefAttributes<HTMLInputElement>>;
 
-interface ModalProps extends DesignSystemBaseProps {
-    children: ReactNode;
-    className?: string;
-    closeButtonAriaLabel?: string;
-    hideCloseButton: boolean;
-    id?: string;
-    isOpen: boolean;
-    onClose: ModalOnClose;
-    /** When a string is passed, `Modal` will search for an element with such `id`, otherwise create one. */
-    rootElement?: Element | string;
-    title?: ReactNode;
-    verticalPosition?: ModalVerticalPosition;
-    widthType?: ModalWidthType;
-    withoutPadding?: boolean;
-}
-declare const Modal: (props: ModalProps) => React__default.ReactPortal | null;
+declare const DatePicker: react.ForwardRefExoticComponent<DatePickerControlProps & {
+    label?: react.ReactNode;
+    name?: string | undefined;
+    errorMessage?: react.ReactNode;
+    colorScheme?: ColorScheme | undefined;
+    invalid?: boolean | undefined;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: react.ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
+    mediaType?: MediaType | undefined;
+    addons?: FieldAddon[] | undefined;
+    controlMobileWidth?: csstype.Property.Width | undefined;
+    controlSectionWidth?: csstype.Property.Width | undefined;
+    controlWidth?: csstype.Property.Width | undefined;
+    hiddenHintText?: react.ReactNode;
+    hintText?: react.ReactNode;
+    layout?: FieldWrapperLayout | undefined;
+    note?: react.ReactNode;
+    optionality?: FieldOptionality | undefined;
+    successMessage?: react.ReactNode;
+} & react.RefAttributes<HTMLInputElement>>;
+type DatePickerProps = ComponentProps<typeof DatePicker>;
 
-interface CalculatorResultHeader {
-    bottom?: ReactElement | string | undefined;
-    main?: ReactElement | string | undefined;
-    top?: ReactElement | string | undefined;
-    /** Visually hidden text for screen readers, providing additional info, such as the availability of help under tooltip button. */
-    topHiddenText?: string;
-    topTooltip?: TooltipInfoDescriptor;
-}
-interface CalculatorResultBodyItem {
-    left: {
-        element: ReactElement | string;
-        /** Visually hidden text for screen readers, providing additional info, such as the availability of help under tooltip button. */
-        hiddenText?: string;
-        tooltip?: TooltipInfoDescriptor;
-    };
-    right: {
-        element: ReactElement | string;
-    };
-}
-interface CalculatorResultMain {
-    element: ReactElement | string;
-    topSeparator?: boolean;
-}
-interface CalculatorResultModalDescriptor {
-    content: ReactElement | string;
-    modalCloseButtonAriaLabel?: string;
-    triggerText: ReactElement | string;
+interface DatePickerFieldProps extends Omit<ComponentProps<typeof DatePicker>, 'onChange'> {
+    options?: RegisterOptions;
 }
-declare enum CalculatorResultInfoPosition {
-    inBox = "inBox",
-    underBox = "underBox"
+declare const DatePickerField: (props: DatePickerFieldProps) => react_jsx_runtime.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;
+    errorMessage?: react.ReactNode;
+    colorScheme?: ColorScheme | undefined;
+    invalid?: boolean | undefined;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: react.ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
+    mediaType?: MediaType | undefined;
+    addons?: FieldAddon[] | undefined;
+    controlMobileWidth?: csstype.Property.Width | undefined;
+    controlSectionWidth?: csstype.Property.Width | undefined;
+    controlWidth?: csstype.Property.Width | undefined;
+    hiddenHintText?: react.ReactNode;
+    hintText?: react.ReactNode;
+    layout?: FieldWrapperLayout | undefined;
+    note?: react.ReactNode;
+    optionality?: FieldOptionality | undefined;
+    successMessage?: react.ReactNode;
+} & react.RefAttributes<HTMLInputElement>>;
+type EmailInputProps = ComponentProps<typeof EmailInput>;
 
-interface CalculatorResultProps extends DesignSystemBaseProps {
-    bodyItems: CalculatorResultBodyItem[];
-    containerRef?: RefObject<HTMLDivElement>;
-    description?: ReactElement | string;
-    header: CalculatorResultHeader;
-    infoPosition?: CalculatorResultInfoPosition;
-    main: CalculatorResultMain;
-    modal?: CalculatorResultModalDescriptor;
-    resultBoxRef?: RefObject<HTMLDivElement>;
+interface EmailInputFieldProps extends Omit<EmailInputProps, 'onChange' | 'value'> {
+    options?: RegisterOptions;
 }
-declare const CalculatorResult: (props: CalculatorResultProps) => React__default.JSX.Element;
+declare const EmailInputField: (props: EmailInputFieldProps) => react_jsx_runtime.JSX.Element;
 
-declare enum LoaderSize {
-    lg = "lg",
-    sm = "sm"
+interface ErrorBoxItem {
+    body: ReactElement | string;
+    onClick?: () => void;
 }
 
-interface LoaderProps extends DesignSystemBaseProps, AriaAttributes {
-    loaderSize: LoaderSize;
-    role?: AriaRole;
+interface ErrorBoxProps {
+    colorScheme?: ColorScheme;
+    content?: ReactNode;
+    items?: ErrorBoxItem[];
+    tabIndex?: number;
+    title?: ReactNode;
 }
-declare const Loader: (props: LoaderProps) => React__default.JSX.Element;
+declare const ErrorBox: react.ForwardRefExoticComponent<ErrorBoxProps & react.RefAttributes<HTMLDivElement>>;
 
-interface LoaderOverlayBoxProps extends DesignSystemBaseProps, AriaAttributes {
-    loaderSize: LoaderSize;
-    role?: AriaRole;
+declare enum FileInputErrorCode {
+    fileSizeTooLarge = "fileSizeTooLarge",
+    general = "general",
+    tooManyFiles = "tooManyFiles",
+    totalFileSizeTooLarge = "totalFileSizeTooLarge",
+    unsupportedFormat = "unsupportedFormat"
+}
+interface FileInputSettings {
+    fileExtensions: string[];
+    maxFiles?: number;
+    maxSize: number;
+    maxTotalSize?: number;
 }
-declare const LoaderOverlayBox: (props: LoaderOverlayBoxProps) => React__default.JSX.Element;
+type FileInputLimitDescriptionComponent = ComponentType<FileInputSettings>;
+type FileInputUploadErrorReasonComponent = ComponentType<{
+    errorCode: FileInputErrorCode;
+}>;
+type FileInputUploadFailedComponent = ComponentType<{
+    fileName: string;
+}>;
+type FileInputDropzoneDragOrSelectFilesComponent = ComponentType<{
+    selectedFiles: ReactNode;
+}>;
+type FileInputDropzoneDragFilesHereComponent = ComponentType;
+type FileInputRemoveButtonTextComponent = ComponentType<{
+    fileName: string;
+}>;
+type FileInputDropzoneSelectFilesComponent = ComponentType;
 
-interface FormattedPercentageProps {
-    readonly maximumFractionDigits?: number;
-    readonly minimumFractionDigits?: number;
-    readonly value: number;
+interface FileInputControlProps extends FileInputSettings, DesignSystemBaseProps {
+    /** Component displayed when a file is dragged over the dropzone. */
+    DropzoneDragFilesHere: FileInputDropzoneDragFilesHereComponent;
+    /** Component displaying prompt to drag or select files for upload. */
+    DropzoneDragOrSelectFiles: FileInputDropzoneDragOrSelectFilesComponent;
+    /** Clickable text prompting the user to select files for upload. */
+    DropzoneSelectFiles: FileInputDropzoneSelectFilesComponent;
+    /** Component describing the limits for uploaded files. */
+    LimitDescription: FileInputLimitDescriptionComponent;
+    /** Component for label for the remove file button. */
+    RemoveButtonText: FileInputRemoveButtonTextComponent;
+    /** Component displaying the reason for file upload failure. */
+    UploadErrorReason: FileInputUploadErrorReasonComponent;
+    /** Component displayed when file upload fails. */
+    UploadFailed: FileInputUploadFailedComponent;
+    /** Message read by screen readers after file is removed. */
+    getFileRemovedLiveText?: (fileName: string) => string;
+    /** Message read by screen readers after files are added. */
+    getFilesAddedLiveText?: (fileNames: string[]) => string;
+    /** aria-label for remove file button. */
+    getRemoveButtonAriaLabel: (fileName: string) => string;
+    invalid?: boolean;
+    name: string;
+    onBlur?: () => void;
+    onChange: (files: File[]) => void;
+    value: File[];
 }
+declare const FileInputControl: react.ForwardRefExoticComponent<FileInputControlProps & react.RefAttributes<HTMLDivElement>>;
 
-declare const _default: React.NamedExoticComponent<FormattedPercentageProps>;
+declare const FileInput: react.ForwardRefExoticComponent<Omit<FileInputControlProps & {
+    label?: react.ReactNode;
+    name?: string | undefined;
+    errorMessage?: react.ReactNode;
+    colorScheme?: ColorScheme | undefined;
+    invalid?: boolean | undefined;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: react.ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
+    mediaType?: MediaType | undefined;
+    addons?: FieldAddon[] | undefined;
+    controlMobileWidth?: csstype.Property.Width | undefined;
+    controlSectionWidth?: csstype.Property.Width | undefined;
+    controlWidth?: csstype.Property.Width | undefined;
+    hiddenHintText?: react.ReactNode;
+    hintText?: react.ReactNode;
+    layout?: FieldWrapperLayout | undefined;
+    note?: react.ReactNode;
+    optionality?: FieldOptionality | undefined;
+    successMessage?: react.ReactNode;
+} & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+type FileInputProps = ComponentProps<typeof FileInput>;
 
-interface UseFormatPercentageTypeParam {
-    maximumFractionDigits?: number;
-    minimumFractionDigits?: number;
-    value: number;
+interface FileInputFieldProps extends Omit<FileInputProps, 'onBlur' | 'onChange' | 'value'> {
+    options?: RegisterOptions;
 }
-type UseFormatPercentage = (param: UseFormatPercentageTypeParam) => string;
-declare const useFormattedPercentage: () => UseFormatPercentage;
+declare const FileInputField: (props: FileInputFieldProps) => react_jsx_runtime.JSX.Element;
 
 declare enum FormatAmountCurrencyDisplay {
     code = "code",
@@ -1501,251 +1627,413 @@ interface FormatAmountDescriptor {
     minimumFractionDigits?: number;
     value: number;
 }
-interface UseFormatAmountParam extends FormatAmountDescriptor {
+interface FormatAmountParam extends FormatAmountDescriptor {
 }
 
-type UseFormatAmountType$1 = (param: UseFormatAmountParam) => string;
-declare const useFormatAmount$1: () => UseFormatAmountType$1;
+declare const useFormatAmount$1: () => (param: FormatAmountParam) => string;
 
-type UseFormatAmountType = (param: UseFormatAmountParam) => string;
-declare const useFormatAmount: () => UseFormatAmountType;
+declare const useFormatAmount: () => (param: FormatAmountParam) => string;
 
 interface BaseFormattedAmountProps extends FormatAmountDescriptor {
-    formatAmount: (param: UseFormatAmountParam) => string;
+    formatAmount: (param: FormatAmountParam) => string;
 }
 
 interface FormattedAmountProps$1 extends Omit<BaseFormattedAmountProps, 'formatAmount'> {
 }
-declare const FormattedAmount$1: (props: FormattedAmountProps$1) => React__default.JSX.Element;
+declare const FormattedAmount$1: (props: FormattedAmountProps$1) => react_jsx_runtime.JSX.Element;
 
 interface FormattedAmountProps extends Omit<BaseFormattedAmountProps, 'formatAmount'> {
 }
-declare const FormattedAmount: (props: FormattedAmountProps) => React__default.JSX.Element;
+declare const FormattedAmount: (props: FormattedAmountProps) => react_jsx_runtime.JSX.Element;
 
-interface CheckboxControlProps {
-    ariaLabel?: string;
-    checked?: boolean;
-    colorScheme?: ColorScheme;
-    disabled?: boolean;
-    focused?: boolean;
+interface FormatPercentageParam {
+    maximumFractionDigits?: number;
+    minimumFractionDigits?: number;
+    value: number;
+}
+declare const useFormatPercentage: () => (param: FormatPercentageParam) => string;
+
+interface FormattedPercentageProps {
+    maximumFractionDigits?: number;
+    minimumFractionDigits?: number;
+    value: number;
+}
+declare const FormattedPercentage: react.MemoExoticComponent<(props: FormattedPercentageProps) => string>;
+
+/** @deprecated Use `useFormatPercentage` instead */
+declare const useFormattedPercentage: () => (param: FormatPercentageParam) => string;
+
+interface ThrownFieldLevelError {
+    code: string;
+    fieldName: string;
+    message: string;
+}
+declare enum ThrownFormLevelErrorType {
+    /**
+     * Used for displaying custom application-specific errors.
+     *
+     * Pass additional info in the `meta` property and consume it in using `thrownFormLevelErrorFormatter`.
+     * Make sure to extend `ThrownFormLevelErrorMeta` via declaration merging.
+     */
+    application = "application",
+    /** Indicates that an unknown error occurred, just like an HTTP 500 status code. */
+    generic = "generic",
+    /** Indicates that an error occured due to a request timing out. */
+    timeout = "timeout"
+}
+interface ThrownFormLevelErrorMeta {
+}
+interface ThrownFormLevelError {
+    meta?: ThrownFormLevelErrorMeta;
+    type: ThrownFormLevelErrorType;
+}
+interface ThrownFormErrors {
+    fieldLevelErrors: ThrownFieldLevelError[];
+    formLevelErrors: ThrownFormLevelError[];
+}
+interface ThrownFormLevelErrorFormatterOutput {
+    description: ReactNode;
+    iconProduct?: IconProductType;
+    title: ReactNode;
+}
+type ThrownFieldLevelErrorFormatter = Formatter<ThrownFieldLevelError, ReactNode, string>;
+type ThrownFormLevelErrorFormatter = Formatter<ThrownFormLevelError, ReactNode | ThrownFormLevelErrorFormatterOutput, string>;
+interface ReCaptchaV3Config {
+    isEnabled: boolean;
+    isEnterprise: boolean;
+    siteKey: string;
+}
+declare enum CaptchaType {
+    reCaptchaV3 = "reCaptchaV3"
+}
+interface SubmitHandlerErrorInfo {
+    captchaToken?: string;
+    timings: {
+        captchaExecuteEnd?: number;
+        captchaExecuteStart?: number;
+        submitEnd?: number;
+        submitStart?: number;
+    };
+}
+interface FormConfig {
+    onSubmitHandlerError?: (error: unknown, errorInfo: SubmitHandlerErrorInfo) => void;
+    reCaptchaV3Config?: ReCaptchaV3Config;
+    resolveThrownFormErrors?: (error: unknown) => ThrownFormErrors;
+    thrownFieldLevelErrorFormatter?: ThrownFieldLevelErrorFormatter;
+    thrownFormLevelErrorFormatter?: ThrownFormLevelErrorFormatter;
+}
+interface SubmitHandlerExtraParam {
+    captchaToken?: string;
+}
+type SubmitHandler<TFieldValues extends FieldValues> = (data: TFieldValues, extraParam: SubmitHandlerExtraParam, event?: BaseSyntheticEvent) => Promise<unknown> | unknown;
+
+interface FormErrorOutcomeProps extends DesignSystemBaseProps, Pick<FormConfig, 'thrownFormLevelErrorFormatter'> {
+}
+declare const FormErrorOutcome: (props: FormErrorOutcomeProps) => react_jsx_runtime.JSX.Element | null;
+
+interface FormErrorSummaryProps extends DesignSystemBaseProps {
+    order?: string[];
+    title?: ReactNode;
+}
+declare const FormErrorSummary: (props: FormErrorSummaryProps) => react_jsx_runtime.JSX.Element;
+
+interface FormSuccessOutcomeProps extends DesignSystemBaseProps {
+    children: ReactNode;
+    onHide: () => void;
+    title: ReactNode;
+    visible: boolean;
+}
+declare const FormSuccessOutcome: (props: FormSuccessOutcomeProps) => react_jsx_runtime.JSX.Element;
+
+interface UseFormSuccessOutcomeManagerReturn {
+    formKey: Key;
+    formSuccessOutcomeProps: {
+        onHide: () => void;
+        visible: boolean;
+    };
+    onMutationSuccess: () => void;
+}
+declare const useFormSuccessOutcomeManager: () => UseFormSuccessOutcomeManagerReturn;
+
+declare enum IconFlagType {
+    cz = "cz",
+    eu = "eu",
+    hr = "hr",
+    usa = "usa"
+}
+
+interface IconFlagProps {
+    type: IconFlagType;
+}
+declare const IconFlag: (props: IconFlagProps) => react_jsx_runtime.JSX.Element;
+
+declare enum InfoboxVariant {
+    primary = "primary",
+    secondary = "secondary"
+}
+declare enum InfoboxSize {
+    md = "md",
+    sm = "sm",
+    xs = "xs"
+}
+interface InfoboxTextContent {
+    primary: ReactNode;
+    secondary?: ReactNode;
+}
+
+interface InfoboxProps extends DesignSystemBaseProps, AriaAttributes {
+    /** Cannot be used alongside `children`. */
+    actionNode?: ReactNode;
+    children?: ReactNode;
+    /** In order to render a circular progress bar, `iconProduct` must be provided as well. */
+    circularProgress?: number;
+    className?: string;
+    fullWidth?: boolean;
+    iconProduct?: IconProductType;
     id?: string;
-    invalid?: boolean;
-    name: string;
-    onBlur?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
-    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
-    value?: string;
+    isWarning?: boolean;
+    role?: AriaRole;
+    size: InfoboxSize;
+    tabIndex?: number;
+    /** Cannot be used alongside `children`. */
+    textContent?: InfoboxTextContent;
+    variant: InfoboxVariant;
 }
-declare const CheckboxControl: React__default.ForwardRefExoticComponent<CheckboxControlProps & React__default.RefAttributes<HTMLInputElement>>;
+declare const Infobox: react.ForwardRefExoticComponent<InfoboxProps & react.RefAttributes<HTMLDivElement>>;
 
-interface FieldControlProps extends DesignSystemBaseProps {
-    describedBy?: string;
+declare enum InputLabelSize {
+    xs = "xs",
+    sm = "sm",
+    md = "md",
+    lg = "lg"
+}
+
+interface InputLabelProps extends DesignSystemBaseProps {
+    as?: ElementType;
+    /** Visually hidden text for screen readers, providing additional info, such as the availability of help under tooltip button. */
+    hiddenText?: string;
     id?: string;
     invalid?: boolean;
-    labelledBy?: string;
-    name?: string;
-    required?: boolean;
-}
-declare enum FieldOptionality {
-    optional = "optional",
-    optionalWithoutLabelSuffix = "optionalWithoutLabelSuffix",
-    required = "required"
-}
-interface InputLabelPassthroughProps {
     label?: ReactNode;
-    labelAs?: ElementType;
-    /**
-     * Visually hidden text for screen readers providing additional info, such as the availability of a tooltip.
-     * Prefer using `hiddenHintText` in `FieldWrapper` where possible.
-     */
-    labelHiddenText?: string;
     labelId?: string;
-    labelSuffix?: ReactNode;
+    size?: InputLabelSize;
+    suffix?: ReactNode;
     tooltip?: TooltipInfoDescriptor;
 }
-declare enum LabelTooltipPosition {
-    inline = "inline",
-    rightCenter = "rightCenter"
+declare const InputLabel: (props: InputLabelProps) => react_jsx_runtime.JSX.Element;
+
+declare enum LoaderSize {
+    lg = "lg",
+    sm = "sm"
 }
 
-declare enum CheckboxPosition {
-    left = "left",
-    right = "right"
+interface LoaderProps extends DesignSystemBaseProps, AriaAttributes {
+    loaderSize: LoaderSize;
+    role?: AriaRole;
 }
+declare const Loader: (props: LoaderProps) => react_jsx_runtime.JSX.Element;
 
-interface CheckboxProps extends CheckboxControlProps, InputLabelPassthroughProps, DesignSystemBaseProps {
-    errorMessage?: ReactNode;
-    labelColor?: string;
-    position?: CheckboxPosition;
-    tooltipPosition?: LabelTooltipPosition;
+interface LoaderOverlayBoxProps extends DesignSystemBaseProps, AriaAttributes {
+    loaderSize: LoaderSize;
+    role?: AriaRole;
 }
-declare const Checkbox: React__default.ForwardRefExoticComponent<CheckboxProps & React__default.RefAttributes<HTMLInputElement>>;
+declare const LoaderOverlayBox: (props: LoaderOverlayBoxProps) => react_jsx_runtime.JSX.Element;
 
-interface CheckboxFieldProps extends Omit<CheckboxProps, 'onChange' | 'value'> {
-    options?: RegisterOptions;
+type MaskedInputOnAccept = (unmaskedValue: string, maskedValue: string) => void;
+
+interface MaskedInputBaseProps extends InputBaseProps {
+    maskOptions: FactoryOpts;
+    onAccept?: MaskedInputOnAccept;
 }
-declare const CheckboxField: (props: CheckboxFieldProps) => React__default.JSX.Element;
+declare const MaskedInputBase: react.ForwardRefExoticComponent<Omit<MaskedInputBaseProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
-declare enum InputSize {
-    md = "md",
-    xl = "xl"
+declare const MaskedInput: react.ForwardRefExoticComponent<Omit<MaskedInputBaseProps & {
+    label?: react.ReactNode;
+    name?: string | undefined;
+    errorMessage?: react.ReactNode;
+    colorScheme?: ColorScheme | undefined;
+    invalid?: boolean | undefined;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: react.ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
+    mediaType?: MediaType | undefined;
+    addons?: FieldAddon[] | undefined;
+    controlMobileWidth?: csstype.Property.Width | undefined;
+    controlSectionWidth?: csstype.Property.Width | undefined;
+    controlWidth?: csstype.Property.Width | undefined;
+    hiddenHintText?: react.ReactNode;
+    hintText?: react.ReactNode;
+    layout?: FieldWrapperLayout | undefined;
+    note?: react.ReactNode;
+    optionality?: FieldOptionality | undefined;
+    successMessage?: react.ReactNode;
+}, "ref"> & react.RefAttributes<HTMLInputElement>>;
+type MaskedInputProps = ComponentProps<typeof MaskedInput>;
+
+type ManagedMaskedInputProps = Pick<MaskedInputProps, 'errorMessage' | 'onAccept' | 'onBlur' | '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;
+    errorMessage?: react.ReactNode;
+    colorScheme?: ColorScheme | undefined;
+    invalid?: boolean | undefined;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: react.ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
+    mediaType?: MediaType | undefined;
+    addons?: FieldAddon[] | undefined;
+    controlMobileWidth?: csstype.Property.Width | undefined;
+    controlSectionWidth?: csstype.Property.Width | undefined;
+    controlWidth?: csstype.Property.Width | undefined;
+    hiddenHintText?: react.ReactNode;
+    hintText?: react.ReactNode;
+    layout?: FieldWrapperLayout | undefined;
+    note?: react.ReactNode;
+    optionality?: FieldOptionality | undefined;
+    successMessage?: react.ReactNode;
+}, "ref"> & react.RefAttributes<HTMLInputElement> & {
+    name: react_hook_form.Path<TFieldValues>;
+    options?: RegisterOptions<TFieldValues> | undefined;
+}) => react_jsx_runtime.JSX.Element;
+type MaskedInputFieldProps = ComponentProps<typeof MaskedInputField>;
+
+type ModalOnClose = (reasonForClosing: ReasonForClosing) => void;
+declare enum ModalWidthType {
+    default = "default",
+    narrow = "narrow",
+    narrowOnDesktopAndTablet = "narrowOnDesktopAndTablet"
 }
-declare enum InputTextAlign {
-    center = "center",
-    left = "left",
-    right = "right"
+declare enum ModalVerticalPosition {
+    centerOnTablet = "centerOnTablet",
+    default = "default"
 }
-declare enum FieldWrapperLayout {
-    horizontal = "horizontal",
-    vertical = "vertical"
+declare enum ReasonForClosing {
+    closeButton = "closeButton",
+    esc = "esc",
+    overlay = "overlay"
 }
-interface InputProps extends FieldControlProps {
-    ariaLabel?: string;
-    autoComplete?: HTMLInputAutoCompleteAttribute;
-    button?: ReactNode;
-    colorInput?: Property.Color | undefined;
-    disabled?: boolean;
-    halfWidth?: boolean;
-    maxLength?: number;
-    name: string;
-    onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | undefined;
-    onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-    prefix?: ReactNode;
-    size: InputSize;
-    suffix?: ReactNode;
-    value?: string;
+
+interface ModalProps extends DesignSystemBaseProps {
+    children: ReactNode;
+    className?: string;
+    closeButtonAriaLabel?: string;
+    hideCloseButton: boolean;
+    id?: string;
+    isOpen: boolean;
+    onClose: ModalOnClose;
+    /** When a string is passed, `Modal` will search for an element with such `id`, otherwise create one. */
+    rootElement?: Element | string;
+    title?: ReactNode;
+    verticalPosition?: ModalVerticalPosition;
+    widthType?: ModalWidthType;
+    withoutPadding?: boolean;
 }
+declare const Modal: (props: ModalProps) => react.ReactPortal | null;
 
-type FieldWrapperControlProps = Required<Pick<FieldControlProps, 'describedBy' | 'id' | 'invalid' | 'labelledBy' | 'required'>>;
-declare enum FieldAddonPosition {
-    afterControl = "afterControl",
-    beforeControl = "beforeControl",
-    belowControl = "belowControl",
-    bottom = "bottom"
+interface NumberInputProps extends Omit<MaskedInputProps, 'maskOptions'> {
+    allowNegative?: boolean;
+    decimalPlaces?: number;
+    integerPlaces?: number;
+    maskOptions?: FactoryOpts;
 }
-interface FieldAddon {
+declare const NumberInput: react.ForwardRefExoticComponent<Omit<NumberInputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
+
+declare const NumberInputField: <TFieldValues extends react_hook_form.FieldValues>(props: Omit<NumberInputProps, "ref"> & react.RefAttributes<HTMLInputElement> & {
+    name: react_hook_form.Path<TFieldValues>;
+    options?: react_hook_form.RegisterOptions<TFieldValues> | undefined;
+}) => react_jsx_runtime.JSX.Element;
+type NumberInputFieldProps = ComponentProps<typeof NumberInputField>;
+
+declare enum PaperShadow {
+    lg = "lg",
+    md = "md",
+    sm = "sm"
+}
+
+interface PaperProps extends DesignSystemBaseProps, SsrProps, AriaAttributes {
+    as?: ElementType;
     children: ReactNode;
-    key: React__default.Key;
-    position: FieldAddonPosition;
+    className?: string;
+    id?: string;
+    overflow?: Overflow;
+    padding?: Spacing;
+    role?: AriaRole;
+    shadow?: PaperShadow;
+    tabIndex?: number;
 }
-interface FieldWrapperProps extends DesignSystemBaseProps, InputLabelPassthroughProps {
-    addons?: FieldAddon[];
-    children?: ReactNode | ((controlProps: FieldWrapperControlProps) => ReactNode);
-    controlId?: string;
-    controlMobileWidth?: Property.Width;
-    /** `controlSection` represents the right section in horizontal layout. */
-    controlSectionWidth?: Property.Width;
-    controlWidth?: Property.Width;
-    errorMessage?: ReactNode;
-    /** Visually hidden text for screen readers providing additional info, such as the availability of a tooltip. */
-    hiddenHintText?: ReactNode;
-    hintText?: ReactNode;
-    /** @default isRenderable(errorMessage) */
-    invalid?: boolean;
-    layout?: FieldWrapperLayout;
-    /** Necessary for registration of `label` to `FieldLabelStore`. */
-    name?: string;
-    note?: ReactNode;
-    /** @default FieldOptionality.required */
-    optionality?: FieldOptionality;
-    successMessage?: ReactNode;
+declare const Paper: react.ForwardRefExoticComponent<PaperProps & react.RefAttributes<HTMLDivElement>>;
+
+interface PhoneInputProps extends Omit<MaskedInputProps, 'maskOptions'> {
+    maskOptions?: FactoryOpts;
+    prefixColor?: Property.Color;
 }
-declare const FieldWrapper: (props: FieldWrapperProps) => React__default.JSX.Element;
+declare const PhoneInput: react.ForwardRefExoticComponent<Omit<PhoneInputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
-type WithFieldWrapperProps = Omit<FieldWrapperProps, 'children' | 'controlId' | 'id'>;
-declare const withFieldWrapper: <TProps extends FieldControlProps, TElement extends HTMLElement>(FieldControl: ComponentType<TProps>) => React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<TProps & WithFieldWrapperProps> & React__default.RefAttributes<TElement>>;
+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;
+type PhoneInputFieldProps = ComponentProps<typeof PhoneInputField>;
 
-interface RadioGeneralProps extends AriaAttributes {
-    checked?: boolean;
-    disabled?: boolean;
-    id?: string;
-    invalid?: boolean;
-    name: string;
-    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+interface ProgressDefinition extends AriaAttributes {
+    activeStepIndex: number;
+    /**
+     * Accessible label for the progress bar, e.g. "Step progress".
+     * Maps directly to the native `aria-label` attribute.
+     */
+    'aria-label'?: string;
+    /**
+     * Maximum value for the progress bar.
+     * Defaults to `numberOfSteps`.
+     */
+    'aria-valuemax'?: number;
+    /**
+     * Minimum value for the progress bar.
+     * Defaults to `1`.
+     */
+    'aria-valuemin'?: number;
+    /**
+     * Current value for the progress bar.
+     * Defaults to `activeStepIndex + 1`.
+     */
+    'aria-valuenow'?: number;
+    /**
+     * Accessible text describing the current progress value, e.g. "Step 3 of 5".
+     * Maps directly to the native `aria-valuetext` attribute.
+     */
+    'aria-valuetext'?: string;
+    numberOfSteps: number;
     role?: AriaRole;
-    value: string;
 }
 
-interface RadioControlProps extends DesignSystemBaseProps, RadioGeneralProps {
+interface ProgressPaperProps extends PaperProps, SsrProps {
+    progressDefinition: ProgressDefinition;
 }
-declare const RadioControl: React__default.ForwardRefExoticComponent<RadioControlProps & React__default.RefAttributes<HTMLInputElement>>;
+declare const ProgressPaper: react.ForwardRefExoticComponent<ProgressPaperProps & react.RefAttributes<HTMLDivElement>>;
 
 declare enum RadioPosition {
     left = "left",
     right = "right"
 }
-
-interface RadioProps extends RadioControlProps, InputLabelPassthroughProps, DesignSystemBaseProps {
-    errorMessage?: ReactNode;
-    labelColor?: string;
-    position?: RadioPosition;
-    tooltipPosition?: LabelTooltipPosition;
-}
-declare const Radio: React__default.ForwardRefExoticComponent<RadioProps & React__default.RefAttributes<HTMLInputElement>>;
-
-interface RadioFieldProps extends Omit<RadioProps, 'onChange'> {
-    name: string;
-    options?: RegisterOptions;
-}
-declare const RadioField: (props: RadioFieldProps) => React__default.JSX.Element;
-
-interface RadioGroupItem extends InputLabelPassthroughProps, AriaAttributes {
+interface RadioGeneralProps extends AriaAttributes {
+    checked?: boolean;
+    disabled?: boolean;
     id?: string;
+    invalid?: boolean;
+    name: string;
+    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
     role?: AriaRole;
     value: string;
 }
-declare enum RadioGroupDirection {
-    column = "column",
-    columnReverse = "columnReverse",
-    row = "row",
-    rowReverse = "rowReverse"
-}
-
-interface RadioGroupControlProps extends FieldControlProps, DesignSystemBaseProps {
-    columnGap?: Spacing;
-    controlWidth?: Property.Width;
-    direction: RadioGroupDirection;
-    disabled?: boolean;
-    itemMinWidth?: Property.Width;
-    items: RadioGroupItem[];
-    name: string;
-    onBlur?: ((event: React__default.FocusEvent<HTMLInputElement>) => void) | undefined;
-    onChange?: ((event: React__default.ChangeEvent<HTMLInputElement>) => void) | undefined;
-    rowGap?: Spacing;
-    value?: string;
-}
-declare const RadioGroupControl: React__default.ForwardRefExoticComponent<RadioGroupControlProps & React__default.RefAttributes<HTMLInputElement>>;
-
-declare const RadioGroup: React__default.ForwardRefExoticComponent<Omit<RadioGroupControlProps & {
-    label?: React__default.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__default.ReactNode;
-    hiddenHintText?: React__default.ReactNode;
-    hintText?: React__default.ReactNode;
-    layout?: FieldWrapperLayout | undefined;
-    note?: React__default.ReactNode;
-    optionality?: FieldOptionality | undefined;
-    successMessage?: React__default.ReactNode;
-    labelAs?: React__default.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: React__default.ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
-} & React__default.RefAttributes<HTMLInputElement>, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
-type RadioGroupProps = ComponentProps<typeof RadioGroup>;
-
-interface RadioGroupFieldProps extends Omit<RadioGroupProps, 'onBlur' | 'onChange' | 'value'> {
-    name: string;
-    options?: RegisterOptions;
-}
-declare const RadioGroupField: (props: RadioGroupFieldProps) => React__default.JSX.Element;
 
 interface RadioButtonLabel {
     main: ReactElement | string;
@@ -1753,10 +2041,16 @@ interface RadioButtonLabel {
 }
 
 interface RadioButtonProps extends RadioGeneralProps, DesignSystemBaseProps {
-    errorMessage?: React__default.ReactElement | string | undefined;
+    errorMessage?: ReactElement | string | undefined;
     label: RadioButtonLabel;
 }
-declare const RadioButton: React__default.ForwardRefExoticComponent<RadioButtonProps & React__default.RefAttributes<HTMLInputElement>>;
+declare const RadioButton: react.ForwardRefExoticComponent<RadioButtonProps & react.RefAttributes<HTMLInputElement>>;
+
+interface RadioButtonFieldProps extends Omit<RadioButtonProps, 'onChange'> {
+    name: string;
+    options?: RegisterOptions;
+}
+declare const RadioButtonField: (props: RadioButtonFieldProps) => react_jsx_runtime.JSX.Element;
 
 interface RadioButtonGroupItem extends AriaAttributes {
     id?: string;
@@ -1782,283 +2076,191 @@ interface RadioButtonGroupControlProps extends DesignSystemBaseProps, FieldContr
     itemMinWidth?: Property.Width;
     items: RadioButtonGroupItem[];
     name: string;
-    onBlur?: ((event: React__default.FocusEvent<HTMLInputElement>) => void) | undefined;
-    onChange?: ((event: React__default.ChangeEvent<HTMLInputElement>) => void) | undefined;
+    onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | undefined;
+    onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
     value?: string;
 }
-declare const RadioButtonGroupControl: React__default.ForwardRefExoticComponent<RadioButtonGroupControlProps & React__default.RefAttributes<HTMLInputElement>>;
+declare const RadioButtonGroupControl: react.ForwardRefExoticComponent<RadioButtonGroupControlProps & react.RefAttributes<HTMLInputElement>>;
 
-declare const RadioButtonGroup: React__default.ForwardRefExoticComponent<Omit<RadioButtonGroupControlProps & {
-    label?: React__default.ReactNode;
+declare const RadioButtonGroup: react.ForwardRefExoticComponent<Omit<RadioButtonGroupControlProps & {
+    label?: react.ReactNode;
     name?: string | undefined;
-    invalid?: boolean | undefined;
+    errorMessage?: react.ReactNode;
     colorScheme?: ColorScheme | undefined;
+    invalid?: boolean | undefined;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: react.ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
     mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
-    errorMessage?: React__default.ReactNode;
-    hiddenHintText?: React__default.ReactNode;
-    hintText?: React__default.ReactNode;
+    hiddenHintText?: react.ReactNode;
+    hintText?: react.ReactNode;
     layout?: FieldWrapperLayout | undefined;
-    note?: React__default.ReactNode;
+    note?: react.ReactNode;
     optionality?: FieldOptionality | undefined;
-    successMessage?: React__default.ReactNode;
-    labelAs?: React__default.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: React__default.ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
-} & React__default.RefAttributes<HTMLInputElement>, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
+    successMessage?: react.ReactNode;
+} & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
 type RadioButtonGroupProps = ComponentProps<typeof RadioButtonGroup>;
 
 interface RadioButtonGroupFieldProps extends Omit<RadioButtonGroupProps, 'onBlur' | 'onChange' | 'value'> {
     name: string;
     options?: RegisterOptions;
 }
-declare const RadioButtonGroupField: (props: RadioButtonGroupFieldProps) => React__default.JSX.Element;
+declare const RadioButtonGroupField: (props: RadioButtonGroupFieldProps) => react_jsx_runtime.JSX.Element;
 
-interface TextAreaControlProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, FieldControlProps {
+interface RadioControlProps extends DesignSystemBaseProps, RadioGeneralProps {
 }
-declare const TextArea: React__default.ForwardRefExoticComponent<TextAreaControlProps & {
-    label?: React__default.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__default.ReactNode;
-    hiddenHintText?: React__default.ReactNode;
-    hintText?: React__default.ReactNode;
-    layout?: FieldWrapperLayout | undefined;
-    note?: React__default.ReactNode;
-    optionality?: FieldOptionality | undefined;
-    successMessage?: React__default.ReactNode;
-    labelAs?: React__default.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: React__default.ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
-} & React__default.RefAttributes<HTMLTextAreaElement>>;
-type TextAreaProps = ComponentProps<typeof TextArea>;
+declare const RadioControl: react.ForwardRefExoticComponent<RadioControlProps & react.RefAttributes<HTMLInputElement>>;
 
-interface TextAreaFieldProps extends Omit<TextAreaProps, 'onChange' | 'value'> {
-    name: string;
-    options?: RegisterOptions;
+interface RadioProps extends RadioControlProps, InputLabelPassthroughProps, DesignSystemBaseProps {
+    errorMessage?: ReactNode;
+    labelColor?: string;
+    position?: RadioPosition;
+    tooltipPosition?: LabelTooltipPosition;
 }
-declare const TextAreaField: (props: TextAreaFieldProps) => React__default.JSX.Element;
+declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttributes<HTMLInputElement>>;
 
-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'> {
-    ariaLabel?: string;
-    autoComplete?: HTMLInputAutoCompleteAttribute;
-    button?: ReactNode;
-    colorInput?: Property.Color | undefined;
-    disabled?: boolean;
-    halfWidth?: boolean;
-    icon?: ReactNode;
-    iconSystem?: IconSystemType;
-    id?: string | undefined;
-    isPastingDisabled?: boolean;
-    maxLength?: number;
+interface RadioFieldProps extends Omit<RadioProps, 'onChange'> {
     name: string;
-    onBlur?: ((event: React__default.FocusEvent<HTMLInputElement>) => void) | undefined;
-    onChange?: ((event: React__default.ChangeEvent<HTMLInputElement>) => void) | undefined;
-    onClick?: MouseEventHandler;
-    onFocus?: ((event: React__default.ChangeEvent<HTMLInputElement>) => void) | undefined;
-    onKeyDown?: KeyboardEventHandler;
-    placeholder?: string;
-    prefix?: ReactNode;
-    prefixColor?: Property.Color;
-    role?: HTMLAttributes<HTMLInputElement>['role'];
-    size?: InputSize;
-    suffix?: ReactNode;
-    textAlign?: InputTextAlign;
-    type?: HTMLInputTypeAttribute;
-    value?: string;
-    weight?: FontWeight;
-}
-declare const InputBase: React__default.ForwardRefExoticComponent<Omit<InputBaseProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
-
-declare enum InputLabelSize {
-    xs = "xs",
-    sm = "sm",
-    md = "md",
-    lg = "lg"
+    options?: RegisterOptions;
 }
+declare const RadioField: (props: RadioFieldProps) => react_jsx_runtime.JSX.Element;
 
-interface InputLabelProps extends DesignSystemBaseProps {
-    as?: ElementType;
-    /** Visually hidden text for screen readers, providing additional info, such as the availability of help under tooltip button. */
-    hiddenText?: string;
+interface RadioGroupItem extends InputLabelPassthroughProps, AriaAttributes {
     id?: string;
-    invalid?: boolean;
-    label?: ReactNode;
-    labelId?: string;
-    size?: InputLabelSize;
-    suffix?: ReactNode;
-    tooltip?: TooltipInfoDescriptor;
+    role?: AriaRole;
+    value: string;
+}
+declare enum RadioGroupDirection {
+    column = "column",
+    columnReverse = "columnReverse",
+    row = "row",
+    rowReverse = "rowReverse"
 }
-declare const InputLabel: (props: InputLabelProps) => React__default.JSX.Element;
 
-interface EmailInputControlProps extends InputProps {
-    placeholder?: string;
+interface RadioGroupControlProps extends FieldControlProps, DesignSystemBaseProps {
+    columnGap?: Spacing;
+    controlWidth?: Property.Width;
+    direction: RadioGroupDirection;
+    disabled?: boolean;
+    itemMinWidth?: Property.Width;
+    items: RadioGroupItem[];
+    name: string;
+    onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | undefined;
+    onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
+    rowGap?: Spacing;
+    value?: string;
 }
-declare const EmailInput: React__default.ForwardRefExoticComponent<EmailInputControlProps & {
-    label?: React__default.ReactNode;
+declare const RadioGroupControl: react.ForwardRefExoticComponent<RadioGroupControlProps & react.RefAttributes<HTMLInputElement>>;
+
+declare const RadioGroup: react.ForwardRefExoticComponent<Omit<RadioGroupControlProps & {
+    label?: react.ReactNode;
     name?: string | undefined;
-    invalid?: boolean | undefined;
+    errorMessage?: react.ReactNode;
     colorScheme?: ColorScheme | undefined;
+    invalid?: boolean | undefined;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: react.ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
     mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
-    errorMessage?: React__default.ReactNode;
-    hiddenHintText?: React__default.ReactNode;
-    hintText?: React__default.ReactNode;
+    hiddenHintText?: react.ReactNode;
+    hintText?: react.ReactNode;
     layout?: FieldWrapperLayout | undefined;
-    note?: React__default.ReactNode;
+    note?: react.ReactNode;
     optionality?: FieldOptionality | undefined;
-    successMessage?: React__default.ReactNode;
-    labelAs?: React__default.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: React__default.ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
-} & React__default.RefAttributes<HTMLInputElement>>;
-type EmailInputProps = ComponentProps<typeof EmailInput>;
+    successMessage?: react.ReactNode;
+} & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
+type RadioGroupProps = ComponentProps<typeof RadioGroup>;
 
-interface EmailInputFieldProps extends Omit<EmailInputProps, 'onChange' | 'value'> {
+interface RadioGroupFieldProps extends Omit<RadioGroupProps, 'onBlur' | 'onChange' | 'value'> {
+    name: string;
     options?: RegisterOptions;
 }
-declare const EmailInputField: (props: EmailInputFieldProps) => React__default.JSX.Element;
-
-type MaskedInputOnAccept = (unmaskedValue: string, maskedValue: string) => void;
+declare const RadioGroupField: (props: RadioGroupFieldProps) => react_jsx_runtime.JSX.Element;
 
-interface MaskedInputBaseProps extends InputBaseProps {
-    maskOptions: FactoryOpts;
-    onAccept?: MaskedInputOnAccept;
+interface SearchInputControlProps extends InputProps {
+    buttonAction?: () => void;
+    buttonText?: ReactNode;
+    invalid?: boolean;
+    placeholder?: string;
 }
-declare const MaskedInputBase: React__default.ForwardRefExoticComponent<Omit<MaskedInputBaseProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
-
-declare const MaskedInput: React.ForwardRefExoticComponent<Omit<MaskedInputBaseProps & {
-    label?: React.ReactNode;
+declare const SearchInput: react.ForwardRefExoticComponent<SearchInputControlProps & {
+    label?: ReactNode;
     name?: string | undefined;
-    invalid?: boolean | undefined;
+    errorMessage?: ReactNode;
     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;
+    invalid?: boolean | undefined;
+    labelAs?: react.ElementType | undefined;
     labelHiddenText?: string | undefined;
     labelId?: string | undefined;
-    labelSuffix?: React.ReactNode;
+    labelSuffix?: ReactNode;
     tooltip?: TooltipInfoDescriptor | undefined;
-}, "ref"> & React.RefAttributes<HTMLInputElement>>;
-type MaskedInputProps = ComponentProps<typeof MaskedInput>;
-
-type ManagedMaskedInputProps = Pick<MaskedInputProps, 'errorMessage' | 'onAccept' | 'onBlur' | 'value'>;
-declare const withMaskedInputField: <TProps extends ManagedMaskedInputProps>(Component: ComponentType<TProps>) => <TFieldValues extends FieldValues>(props: TProps & {
-    name: FieldPath<TFieldValues>;
-    options?: RegisterOptions<TFieldValues>;
-}) => React__default.JSX.Element;
-declare const MaskedInputField: <TFieldValues extends FieldValues>(props: Omit<MaskedInputBaseProps & {
-    label?: React__default.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__default.ReactNode;
-    hiddenHintText?: React__default.ReactNode;
-    hintText?: React__default.ReactNode;
+    hiddenHintText?: ReactNode;
+    hintText?: ReactNode;
     layout?: FieldWrapperLayout | undefined;
-    note?: React__default.ReactNode;
+    note?: ReactNode;
     optionality?: FieldOptionality | undefined;
-    successMessage?: React__default.ReactNode;
-    labelAs?: React__default.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: React__default.ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
-}, "ref"> & React__default.RefAttributes<HTMLInputElement> & {
-    name: react_hook_form.Path<TFieldValues>;
-    options?: RegisterOptions<TFieldValues> | undefined;
-}) => React__default.JSX.Element;
-type MaskedInputFieldProps = ComponentProps<typeof MaskedInputField>;
+    successMessage?: ReactNode;
+} & react.RefAttributes<HTMLInputElement>>;
+type SearchInputProps = ComponentProps<typeof SearchInput>;
 
-interface NumberInputProps extends Omit<MaskedInputProps, 'maskOptions'> {
-    allowNegative?: boolean;
-    decimalPlaces?: number;
-    integerPlaces?: number;
-    maskOptions?: FactoryOpts;
+declare enum SelectVariant {
+    inputLike = "inputLike",
+    text = "text"
 }
-declare const NumberInput: React__default.ForwardRefExoticComponent<Omit<NumberInputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
-
-declare const NumberInputField: <TFieldValues extends react_hook_form.FieldValues>(props: Omit<NumberInputProps, "ref"> & React.RefAttributes<HTMLInputElement> & {
-    name: react_hook_form.Path<TFieldValues>;
-    options?: react_hook_form.RegisterOptions<TFieldValues> | undefined;
-}) => React.JSX.Element;
-type NumberInputFieldProps = ComponentProps<typeof NumberInputField>;
+declare enum SelectItemOrderSource {
+    formatter = "formatter",
+    value = "value"
+}
+interface SelectItemOrder {
+    compareFn?: (a: unknown, b: unknown) => number;
+    source: SelectItemOrderSource;
+}
+type SelectItem = boolean | number | object | string | null;
 
-interface PhoneInputProps extends Omit<MaskedInputProps, 'maskOptions'> {
-    maskOptions?: FactoryOpts;
-    prefixColor?: Property.Color;
+interface SelectControlProps<TItem extends SelectItem> extends FieldControlProps, DesignSystemBaseProps {
+    ariaLabel?: string;
+    disabled?: boolean;
+    formatter?: Formatter<TItem, ReactNode, number | string>;
+    getItemKey?: (item: TItem | null) => number | string;
+    iconSystem?: IconSystemType;
+    id?: string;
+    itemOrder?: SelectItemOrder;
+    items: TItem[];
+    nilMessage?: string;
+    onBlur?: FocusEventHandler<HTMLDivElement>;
+    onChange: (item: TItem | null) => void;
+    value: TItem | null;
+    variant?: SelectVariant;
 }
-declare const PhoneInput: React__default.ForwardRefExoticComponent<Omit<PhoneInputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
+declare const SelectControl: <TItem extends SelectItem>(props: RefAttributes<HTMLDivElement> & SelectControlProps<TItem>) => ReactElement;
 
-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.Element;
-type PhoneInputFieldProps = ComponentProps<typeof PhoneInputField>;
+type SelectProps<TItem extends SelectItem> = Omit<FieldWrapperProps, 'children'> & SelectControlProps<TItem>;
+declare const Select: <TItem extends SelectItem>(props: RefAttributes<HTMLDivElement> & SelectProps<TItem>) => ReactElement;
 
-interface SearchInputControlProps extends InputProps {
-    buttonAction?: () => void;
-    buttonText?: ReactNode;
-    invalid?: boolean;
-    placeholder?: string;
+interface SelectFieldProps<TItem extends SelectItem> extends Omit<SelectProps<TItem>, 'onChange' | 'value'> {
+    defaultValue?: TItem | null;
+    name: string;
+    options?: RegisterOptions;
+    shouldResetInvalidValues?: boolean;
 }
-declare const SearchInput: React__default.ForwardRefExoticComponent<SearchInputControlProps & {
-    label?: React__default.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__default.ReactNode;
-    hiddenHintText?: React__default.ReactNode;
-    hintText?: React__default.ReactNode;
-    layout?: FieldWrapperLayout | undefined;
-    note?: React__default.ReactNode;
-    optionality?: FieldOptionality | undefined;
-    successMessage?: React__default.ReactNode;
-    labelAs?: React__default.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: React__default.ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
-} & React__default.RefAttributes<HTMLInputElement>>;
-type SearchInputProps = ComponentProps<typeof SearchInput>;
+declare const SelectField: <TItem extends SelectItem>(props: SelectFieldProps<TItem>) => react_jsx_runtime.JSX.Element;
 
 declare enum SliderInputRoundingType {
     ceilBySteps = "ceilBySteps",
@@ -2069,6 +2271,38 @@ declare enum SliderInputRoundingType {
     roundToThousands = "roundToThousands"
 }
 
+interface SliderBreakpoint {
+    bottomBreakpoint: number;
+    step: number;
+}
+interface SliderSteps {
+    baseStep: number;
+    breakpointList: SliderBreakpoint[];
+}
+declare enum SliderStepType {
+    visuallyLinearByValue = "visuallyLinearByValue",
+    visuallySameStepSize = "visuallySameStepSize"
+}
+interface SliderMinMaxLabels {
+    max: ReactElement | string;
+    min: ReactElement | string;
+}
+interface SliderAriaValueTextFormatterDataContext {
+    clampMax?: number;
+    clampMin?: number;
+}
+type SliderAriaValueTextFormatter = Formatter<number, string, string, SliderAriaValueTextFormatterDataContext>;
+interface SliderInputLimitExceededLiveTextFormatterDataContext {
+    clampMax: number;
+    clampMin: number;
+    effectiveMax: number;
+    effectiveMin: number;
+    max: number;
+    min: number;
+    oldValue: number;
+}
+type SliderInputLimitExceededLiveTextFormatter = Formatter<number, string, string, SliderInputLimitExceededLiveTextFormatterDataContext>;
+
 interface SliderInputProps extends RefAttributes<HTMLInputElement>, DesignSystemBaseProps, InputLabelPassthroughProps {
     ariaLabelForHandle?: string;
     ariaLabelledByForHandle?: string;
@@ -2111,8 +2345,8 @@ interface SliderInputProps extends RefAttributes<HTMLInputElement>, DesignSystem
      */
     onSliderChange?: (value: number) => void;
     prefix?: ReactNode;
-    stepType: SliderStepType;
     steps: SliderSteps;
+    stepType: SliderStepType;
     suffix?: ReactNode;
     value: number;
     weight?: FontWeight;
@@ -2131,7 +2365,30 @@ 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__default.ForwardRefExoticComponent<Omit<SliderInputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
+declare const SliderInput: react.ForwardRefExoticComponent<Omit<SliderInputProps, "ref"> & RefAttributes<HTMLInputElement>>;
+
+interface SliderProps extends DesignSystemBaseProps {
+    ariaLabelForHandle?: string;
+    ariaLabelledByForHandle?: string;
+    ariaValueTextFormatter?: SliderAriaValueTextFormatter;
+    /** The maximum value that the slider can be moved to. Even if the visible range allows higher values, the thumb cannot go above this limit. */
+    clampMax?: number;
+    /** The minimum value that the slider can be moved to. Even if the visible range allows lower values, the thumb cannot go below this limit. */
+    clampMin?: number;
+    disable?: boolean | undefined;
+    max: number;
+    min: number;
+    minMaxLabels: SliderMinMaxLabels | undefined;
+    onBlur?: FocusEventHandler<HTMLDivElement>;
+    /** it is triggered during movement */
+    onChange: (value: number) => void;
+    /** it is triggered after the user drops the handle */
+    onFinalChange: (value: number) => void;
+    steps: SliderSteps;
+    stepType: SliderStepType;
+    value: number;
+}
+declare const Slider: (props: SliderProps) => react_jsx_runtime.JSX.Element;
 
 interface SliderInputFieldProps extends Omit<SliderInputProps, 'onChange' | 'value'> {
     options?: RegisterOptions;
@@ -2139,165 +2396,206 @@ 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__default.JSX.Element;
+declare const SliderInputField: (props: SliderInputFieldProps) => react_jsx_runtime.JSX.Element;
 
-interface TextInputControlProps extends InputProps {
-    iconSystem?: IconSystemType;
-    placeholder?: string;
+interface SpanButtonProps extends DesignSystemBaseProps, AriaAttributes {
+    borderRadius?: BorderRadius;
+    children?: ReactNode;
+    className?: string;
+    disabled?: boolean;
+    id?: string;
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    onMouseDown?: (event: MouseEvent<HTMLButtonElement>) => void;
+    onMouseUp?: (event: MouseEvent<HTMLButtonElement>) => void;
+    onTouchStart?: (event: TouchEvent<HTMLButtonElement>) => void;
 }
-declare const TextInput: React__default.ForwardRefExoticComponent<TextInputControlProps & {
-    label?: React__default.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__default.ReactNode;
-    hiddenHintText?: React__default.ReactNode;
-    hintText?: React__default.ReactNode;
-    layout?: FieldWrapperLayout | undefined;
-    note?: React__default.ReactNode;
-    optionality?: FieldOptionality | undefined;
-    successMessage?: React__default.ReactNode;
-    labelAs?: React__default.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: React__default.ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
-} & React__default.RefAttributes<HTMLInputElement>>;
-type TextInputProps = ComponentProps<typeof TextInput>;
+declare const SpanButton: (props: SpanButtonProps) => react_jsx_runtime.JSX.Element;
 
-interface TextInputFieldProps extends Omit<TextInputProps, 'onChange' | 'value'> {
-    options?: RegisterOptions;
+declare enum StackDirection {
+    column = "column",
+    columnReverse = "columnReverse",
+    row = "row",
+    rowReverse = "rowReverse"
 }
-declare const TextInputField: (props: TextInputFieldProps) => React__default.JSX.Element;
 
-interface TrailingTextInputControlProps extends InputProps {
-    placeholder?: string;
-    suffix?: ReactNode;
+interface StackProps extends AriaAttributes {
+    as?: ElementType;
+    children?: ReactNode;
+    className?: string;
+    direction?: StackDirection;
+    fullWidth?: boolean;
+    gap?: Spacing;
+    id?: string;
+    role?: AriaRole;
+    tabIndex?: number;
+    wrap?: FlexWrap;
 }
-declare const TrailingTextInput: React__default.ForwardRefExoticComponent<TrailingTextInputControlProps & {
-    label?: React__default.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__default.ReactNode;
-    hiddenHintText?: React__default.ReactNode;
-    hintText?: React__default.ReactNode;
-    layout?: FieldWrapperLayout | undefined;
-    note?: React__default.ReactNode;
-    optionality?: FieldOptionality | undefined;
-    successMessage?: React__default.ReactNode;
-    labelAs?: React__default.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: React__default.ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
-} & React__default.RefAttributes<HTMLInputElement>>;
-type TrailingTextInputProps = ComponentProps<typeof TrailingTextInput>;
+declare const Stack: react.ForwardRefExoticComponent<StackProps & react.RefAttributes<HTMLDivElement>>;
 
-interface ToggleProps {
-    defaultValue?: boolean;
+declare enum StepperVariant {
+    horizontal = "horizontal",
+    vertical = "vertical"
+}
+
+interface StepperItemProps {
     disabled?: boolean;
-    id: string | undefined;
-    label?: ReactNode | string;
-    name: string;
-    onChange?: (value: boolean) => void;
+    id: string;
+    index: number;
+    isActive?: boolean;
+    isCompleted?: boolean;
+    onClick?: () => void;
+    text?: ReactNode | string;
+    variant: StepperVariant;
 }
 
-/**
- * Currently not compatible with react-hook-form
- */
-declare const Toggle: FC<ToggleProps>;
+interface StepperProps {
+    steps: StepperItemProps[];
+    variant: StepperVariant;
+}
+declare const Stepper: (props: StepperProps) => react_jsx_runtime.JSX.Element;
 
-interface DatePickerControlProps extends Pick<DatePickerProps$1, 'chooseDayAriaLabelPrefix' | 'dateFormat' | 'disabledDayAriaLabelPrefix' | 'filterDate' | 'maxDate' | 'minDate' | 'monthAriaLabelPrefix' | 'nextMonthAriaLabel' | 'onBlur' | 'previousMonthAriaLabel' | 'selected'>, FieldControlProps {
-    chevronCloseAriaLabel?: string;
-    chevronOpenAriaLabel?: string;
-    disabled?: boolean;
-    locale?: Locale;
-    monthSelectAriaLabel?: string;
-    monthYearSelectEnabled?: boolean;
-    name: string;
-    onChange?: (date: Date | null, event?: React__default.KeyboardEvent<HTMLElement> | React__default.MouseEvent<HTMLElement>) => void;
-    placeholder?: string;
-    yearSelectAriaLabel?: string;
+declare enum StoreButtonVariant {
+    android = "android",
+    apple = "apple"
+}
+declare enum StoreButtonSize {
+    big = "big",
+    small = "small"
 }
-declare const DatePickerControl: React__default.ForwardRefExoticComponent<DatePickerControlProps & React__default.RefAttributes<HTMLInputElement>>;
 
-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>>;
-type DatePickerProps = ComponentProps<typeof DatePicker>;
+interface StoreButtonProps {
+    href: string;
+    size: StoreButtonSize;
+    variant: StoreButtonVariant;
+}
+declare const StoreButton: (props: StoreButtonProps) => react_jsx_runtime.JSX.Element;
 
-interface DatePickerFieldProps extends Omit<ComponentProps<typeof DatePicker>, 'onChange'> {
-    options?: RegisterOptions;
+declare enum TableVariant {
+    exchange = "exchange",
+    simple = "simple",
+    simpleWithoutShadow = "simpleWithoutShadow"
+}
+declare enum TableTextAlign {
+    center = "center",
+    left = "left",
+    right = "right"
+}
+declare enum TableHeadScope {
+    col = "col",
+    colgroup = "colgroup",
+    row = "row",
+    rowgroup = "rowgroup"
 }
-declare const DatePickerField: (props: DatePickerFieldProps) => React__default.JSX.Element;
 
-declare const datePickerValueFormat = "yyyy-MM-dd";
+interface TableProps {
+    children: ReactNode;
+    variant: TableVariant;
+    width?: Property.Width;
+}
+declare const Table: (props: TableProps) => react_jsx_runtime.JSX.Element;
 
-declare enum TypographyVariant {
-    textXs = "textXs",
-    textSm = "textSm",
-    textMd = "textMd",
-    textLg = "textLg",
-    h1 = "h1",
-    h2 = "h2",
-    h3 = "h3",
-    h4 = "h4",
-    h5 = "h5"
+interface TableBodyProps {
+    children: ReactNode;
+}
+declare const TableBody: (props: TableBodyProps) => react_jsx_runtime.JSX.Element;
+
+interface TableDataProps extends DesignSystemBaseProps {
+    children: ReactNode;
+    delimiter?: boolean;
+    headers?: string;
+    textAlign?: TableTextAlign;
+    variant: TableVariant;
+}
+declare const TableData: (props: TableDataProps) => react_jsx_runtime.JSX.Element;
+
+interface TableHeadProps {
+    children: ReactNode;
+}
+declare const TableHead: (props: TableHeadProps) => react_jsx_runtime.JSX.Element;
+
+interface TableHeadDataProps extends DesignSystemBaseProps {
+    abbr?: string;
+    children: ReactNode;
+    delimiter?: boolean;
+    headers?: string;
+    scope?: TableHeadScope;
+    textAlign?: TableTextAlign;
+    variant: TableVariant;
+    width?: Property.Width;
+}
+declare const TableHeadData: (props: TableHeadDataProps) => react_jsx_runtime.JSX.Element;
+
+interface TableRowProps extends DesignSystemBaseProps {
+    children: ReactNode;
+    variant: TableVariant;
+}
+declare const TableRow: (props: TableRowProps) => react_jsx_runtime.JSX.Element;
+
+declare enum TabsVariant {
+    infoTags = "infoTags",
+    primary = "primary",
+    secondary = "secondary",
+    tertiary = "tertiary"
 }
-declare enum TypographyTextAlign {
+declare enum TabsSize {
+    xs = "xs",
+    sm = "sm",
+    md = "md",
+    lg = "lg"
+}
+declare enum TabsActiveTabDefaultPosition {
     center = "center",
-    left = "left",
-    right = "right"
+    noScrolling = "noScrolling",
+    scrollOnlyWhenNotVisible = "scrollOnlyWhenNotVisible"
 }
-
-interface TypographyProps extends DesignSystemBaseProps, SsrProps, AriaAttributes {
+declare enum TabsWrap {
+    noWrap = "noWrap",
+    /**
+     * Tabs wrap to the next line based on the container width instead of scrolling.
+     * Each tab sizes according to its text content.
+     * This option is intended only for {@link TabsVariant.infoTags}.
+     * When enabled, {@link TabsActiveTabDefaultPosition} has no effect.
+     */
+    wrap = "wrap"
+}
+interface TabItemType {
+    ariaControls?: string;
     as?: ElementType;
-    children: ReactNode;
-    className?: string;
-    color?: ColorObject | string;
-    decoration?: TextDecoration;
+    href?: string;
+    icon?: ReactNode;
+    id: string;
+    isActive?: boolean;
+    onActivate?: () => void;
+    text?: ReactElement | string;
+}
+interface TabsType {
+    activeTabDefaultPosition: TabsActiveTabDefaultPosition;
     fullWidth?: boolean;
-    id?: string;
-    onClick?: ((event: MouseEvent<HTMLElement>) => void) | undefined;
-    role?: AriaRole;
-    tabIndex?: number;
-    textAlign?: TypographyTextAlign;
-    variant?: TypographyVariant;
-    weight?: FontWeight;
-    whiteSpace?: WhiteSpace;
+    /**
+     * Controls the gap between individual tab items.
+     * Defaults to {@link Spacing.xxs}.
+     */
+    gap?: Spacing;
+    /**
+     * Removes the border and background from the tabs container.
+     * Defaults to `false`.
+     */
+    noBorder?: boolean;
+    size?: TabsSize;
+    tabItems: TabItemType[];
+    variant: TabsVariant;
+    wrap?: TabsWrap;
+}
+
+interface TabsProps extends TabsType, DesignSystemBaseProps {
 }
-declare const Typography: React__default.ForwardRefExoticComponent<TypographyProps & React__default.RefAttributes<HTMLElement>>;
+/**
+ * This component implements accessibility for tabs according to W3C WAI-ARIA guidelines.
+ * To ensure proper functionality, tab panels must also be described using ARIA attributes.
+ *
+ * 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 enum TagType {
     alert = "alert",
@@ -2342,148 +2640,151 @@ interface TagProps extends DesignSystemBaseProps, AriaAttributes {
     type: TagType;
     whiteSpace?: WhiteSpace;
 }
-declare const Tag: React__default.ForwardRefExoticComponent<TagProps & React__default.RefAttributes<HTMLDivElement>>;
-
-declare enum StackDirection {
-    column = "column",
-    columnReverse = "columnReverse",
-    row = "row",
-    rowReverse = "rowReverse"
-}
-
-interface StackProps extends AriaAttributes {
-    as?: ElementType;
-    children?: ReactNode;
-    className?: string;
-    direction?: StackDirection;
-    fullWidth?: boolean;
-    gap?: Spacing;
-    id?: string;
-    role?: AriaRole;
-    tabIndex?: number;
-    wrap?: FlexWrap;
-}
-declare const Stack: React__default.ForwardRefExoticComponent<StackProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const Tag: react.ForwardRefExoticComponent<TagProps & react.RefAttributes<HTMLDivElement>>;
 
-declare enum PaperShadow {
-    lg = "lg",
-    md = "md",
-    sm = "sm"
-}
-
-interface PaperProps extends DesignSystemBaseProps, SsrProps, AriaAttributes {
-    as?: ElementType;
-    children: ReactNode;
-    className?: string;
-    id?: string;
-    overflow?: Overflow;
-    padding?: Spacing;
-    role?: AriaRole;
-    shadow?: PaperShadow;
-    tabIndex?: number;
+interface TextAreaControlProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, FieldControlProps {
 }
-declare const Paper: React__default.ForwardRefExoticComponent<PaperProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const TextArea: react.ForwardRefExoticComponent<TextAreaControlProps & {
+    label?: react.ReactNode;
+    name?: string | undefined;
+    errorMessage?: react.ReactNode;
+    colorScheme?: ColorScheme | undefined;
+    invalid?: boolean | undefined;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: react.ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
+    mediaType?: MediaType | undefined;
+    addons?: FieldAddon[] | undefined;
+    controlMobileWidth?: csstype.Property.Width | undefined;
+    controlSectionWidth?: csstype.Property.Width | undefined;
+    controlWidth?: csstype.Property.Width | undefined;
+    hiddenHintText?: react.ReactNode;
+    hintText?: react.ReactNode;
+    layout?: FieldWrapperLayout | undefined;
+    note?: react.ReactNode;
+    optionality?: FieldOptionality | undefined;
+    successMessage?: react.ReactNode;
+} & react.RefAttributes<HTMLTextAreaElement>>;
+type TextAreaProps = ComponentProps<typeof TextArea>;
 
-interface ProgressDefinition extends AriaAttributes {
-    activeStepIndex: number;
-    /**
-     * Accessible label for the progress bar, e.g. "Step progress".
-     * Maps directly to the native `aria-label` attribute.
-     */
-    'aria-label'?: string;
-    /**
-     * Maximum value for the progress bar.
-     * Defaults to `numberOfSteps`.
-     */
-    'aria-valuemax'?: number;
-    /**
-     * Minimum value for the progress bar.
-     * Defaults to `1`.
-     */
-    'aria-valuemin'?: number;
-    /**
-     * Current value for the progress bar.
-     * Defaults to `activeStepIndex + 1`.
-     */
-    'aria-valuenow'?: number;
-    /**
-     * Accessible text describing the current progress value, e.g. "Step 3 of 5".
-     * Maps directly to the native `aria-valuetext` attribute.
-     */
-    'aria-valuetext'?: string;
-    numberOfSteps: number;
-    role?: AriaRole;
+interface TextAreaFieldProps extends Omit<TextAreaProps, 'onChange' | 'value'> {
+    name: string;
+    options?: RegisterOptions;
 }
+declare const TextAreaField: (props: TextAreaFieldProps) => react_jsx_runtime.JSX.Element;
 
-interface ProgressPaperProps extends PaperProps, SsrProps {
-    progressDefinition: ProgressDefinition;
+interface TextInputControlProps extends InputProps {
+    iconSystem?: IconSystemType;
+    placeholder?: string;
 }
-declare const ProgressPaper: React__default.ForwardRefExoticComponent<ProgressPaperProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const TextInput: react.ForwardRefExoticComponent<TextInputControlProps & {
+    label?: react.ReactNode;
+    name?: string | undefined;
+    errorMessage?: react.ReactNode;
+    colorScheme?: ColorScheme | undefined;
+    invalid?: boolean | undefined;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: react.ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
+    mediaType?: MediaType | undefined;
+    addons?: FieldAddon[] | undefined;
+    controlMobileWidth?: csstype.Property.Width | undefined;
+    controlSectionWidth?: csstype.Property.Width | undefined;
+    controlWidth?: csstype.Property.Width | undefined;
+    hiddenHintText?: react.ReactNode;
+    hintText?: react.ReactNode;
+    layout?: FieldWrapperLayout | undefined;
+    note?: react.ReactNode;
+    optionality?: FieldOptionality | undefined;
+    successMessage?: react.ReactNode;
+} & react.RefAttributes<HTMLInputElement>>;
+type TextInputProps = ComponentProps<typeof TextInput>;
 
-declare enum SelectVariant {
-    inputLike = "inputLike",
-    text = "text"
-}
-declare enum SelectItemOrderSource {
-    formatter = "formatter",
-    value = "value"
-}
-interface SelectItemOrder {
-    compareFn?: (a: unknown, b: unknown) => number;
-    source: SelectItemOrderSource;
+interface TextInputFieldProps extends Omit<TextInputProps, 'onChange' | 'value'> {
+    options?: RegisterOptions;
 }
-type SelectItem = boolean | number | object | string | null;
+declare const TextInputField: (props: TextInputFieldProps) => react_jsx_runtime.JSX.Element;
 
-interface SelectControlProps<TItem extends SelectItem> extends FieldControlProps, DesignSystemBaseProps {
-    ariaLabel?: string;
+interface ToggleProps {
+    defaultValue?: boolean;
     disabled?: boolean;
-    formatter?: Formatter<TItem, ReactNode, number | string>;
-    getItemKey?: (item: TItem | null) => number | string;
-    iconSystem?: IconSystemType;
-    id?: string;
-    itemOrder?: SelectItemOrder;
-    items: TItem[];
-    nilMessage?: string;
-    onBlur?: FocusEventHandler<HTMLDivElement>;
-    onChange: (item: TItem | null) => void;
-    value: TItem | null;
-    variant?: SelectVariant;
+    id: string | undefined;
+    label?: ReactNode | string;
+    name: string;
+    onChange?: (value: boolean) => void;
 }
-declare const SelectControl: <TItem extends SelectItem>(props: RefAttributes<HTMLDivElement> & SelectControlProps<TItem>) => ReactElement;
+/**
+ * Currently not compatible with react-hook-form
+ */
+declare const Toggle: (props: ToggleProps) => 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;
+interface TrailingTextInputControlProps extends InputProps {
+    placeholder?: string;
+    suffix?: ReactNode;
+}
+declare const TrailingTextInput: react.ForwardRefExoticComponent<TrailingTextInputControlProps & {
+    label?: ReactNode;
+    name?: string | undefined;
+    errorMessage?: ReactNode;
+    colorScheme?: ColorScheme | undefined;
+    invalid?: boolean | undefined;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
+    mediaType?: MediaType | undefined;
+    addons?: FieldAddon[] | undefined;
+    controlMobileWidth?: csstype.Property.Width | undefined;
+    controlSectionWidth?: csstype.Property.Width | undefined;
+    controlWidth?: csstype.Property.Width | undefined;
+    hiddenHintText?: ReactNode;
+    hintText?: ReactNode;
+    layout?: FieldWrapperLayout | undefined;
+    note?: ReactNode;
+    optionality?: FieldOptionality | undefined;
+    successMessage?: ReactNode;
+} & react.RefAttributes<HTMLInputElement>>;
+type TrailingTextInputProps = ComponentProps<typeof TrailingTextInput>;
 
-interface SelectFieldProps<TItem extends SelectItem> extends Omit<SelectProps<TItem>, 'onChange' | 'value'> {
-    defaultValue?: TItem | null;
-    name: string;
-    options?: RegisterOptions;
-    shouldResetInvalidValues?: boolean;
+declare enum TypographyVariant {
+    textXs = "textXs",
+    textSm = "textSm",
+    textMd = "textMd",
+    textLg = "textLg",
+    h1 = "h1",
+    h2 = "h2",
+    h3 = "h3",
+    h4 = "h4",
+    h5 = "h5"
 }
-declare const SelectField: <TItem extends SelectItem>(props: SelectFieldProps<TItem>) => React__default.JSX.Element;
-
-declare enum ButtonsLayoutAlign {
+declare enum TypographyTextAlign {
     center = "center",
-    end = "end",
-    spaceBetween = "spaceBetween",
-    start = "start",
-    stretch = "stretch"
-}
-declare enum ButtonsLayoutDirection {
-    column = "column",
-    columnReverse = "columnReverse",
-    row = "row",
-    rowReverse = "rowReverse"
+    left = "left",
+    right = "right"
 }
 
-interface ButtonsLayoutProps extends SsrProps {
-    align: ButtonsLayoutAlign;
-    buttons: ReactNode[];
-    direction: ButtonsLayoutDirection;
-    gap?: Spacing;
-    wrap?: FlexWrap;
+interface TypographyProps extends DesignSystemBaseProps, SsrProps, AriaAttributes {
+    as?: ElementType;
+    children: ReactNode;
+    className?: string;
+    color?: ColorObject | string;
+    decoration?: TextDecoration;
+    fullWidth?: boolean;
+    id?: string;
+    onClick?: ((event: MouseEvent<HTMLElement>) => void) | undefined;
+    role?: AriaRole;
+    tabIndex?: number;
+    textAlign?: TypographyTextAlign;
+    variant?: TypographyVariant;
+    weight?: FontWeight;
+    whiteSpace?: WhiteSpace;
 }
-declare const ButtonsLayout: (props: ButtonsLayoutProps) => React__default.JSX.Element;
+declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<HTMLElement>>;
 
 interface VisuallyHiddenProps extends AriaAttributes {
     as?: ElementType;
@@ -2491,125 +2792,21 @@ interface VisuallyHiddenProps extends AriaAttributes {
     id?: string;
     role?: AriaRole;
 }
-declare const VisuallyHidden: (props: VisuallyHiddenProps) => React__default.JSX.Element;
-
-type ComboBoxItem = boolean | number | object | string | null;
-declare enum ComboBoxItemOrderSource {
-    formatter = "formatter",
-    value = "value"
-}
-interface ComboBoxItemOrder {
-    compareFn?: (a: unknown, b: unknown) => number;
-    source: ComboBoxItemOrderSource;
-}
-
-interface ComboBoxControlProps<TItem extends ComboBoxItem> extends Omit<FieldControlProps, 'name'>, Pick<InputBaseProps, 'ariaLabel' | 'disabled' | 'icon' | 'isPastingDisabled' | 'maxLength' | 'name' | 'onBlur' | 'onFocus' | 'placeholder' | 'required'> {
-    formatter?: Formatter<TItem, ReactNode, number | string>;
-    getItemKey?: (item: TItem | null) => number | string;
-    inputPrefix?: ReactNode;
-    inputSize?: InputSize;
-    inputSuffix?: ReactNode;
-    inputTextAlign?: InputTextAlign;
-    inputWeight?: FontWeight;
-    itemOrder?: ComboBoxItemOrder;
-    items: TItem[];
-    nilMessage?: string;
-    onChange: (item: TItem | null) => void;
-    onInputChange?: (value: string) => void;
-    value: TItem | null;
-}
-declare const ComboBoxControl: <TItem extends ComboBoxItem>(props: ComboBoxControlProps<TItem> & RefAttributes<HTMLDivElement>) => ReactElement;
-
-type ComboBoxProps<TItem extends ComboBoxItem> = ComboBoxControlProps<TItem> & Omit<FieldWrapperProps, 'children'>;
-declare const ComboBox: <TItem extends ComboBoxItem>(props: ComboBoxProps<TItem> & RefAttributes<HTMLDivElement>) => ReactElement;
+declare const VisuallyHidden: (props: VisuallyHiddenProps) => react_jsx_runtime.JSX.Element;
 
-interface ComboBoxFieldProps<TItem extends ComboBoxItem> extends Omit<ComboBoxProps<TItem>, 'onChange' | 'value'> {
-    defaultValue?: TItem | null;
-    name: string;
-    options?: RegisterOptions;
-    shouldResetInvalidValues?: boolean;
-}
-declare const ComboBoxField: <TItem extends ComboBoxItem>(props: ComboBoxFieldProps<TItem>) => React__default.JSX.Element;
+declare const useUniqueIdIfIsUndefined: (idParam: string | undefined) => string;
 
-interface ThrownFieldLevelError {
-    code: string;
-    fieldName: string;
-    message: string;
-}
-declare enum ThrownFormLevelErrorType {
-    /**
-     * Used for displaying custom application-specific errors.
-     *
-     * Pass additional info in the `meta` property and consume it in using `thrownFormLevelErrorFormatter`.
-     * Make sure to extend `ThrownFormLevelErrorMeta` via declaration merging.
-     */
-    application = "application",
-    /** Indicates that an unknown error occurred, just like an HTTP 500 status code. */
-    generic = "generic",
-    /** Indicates that an error occured due to a request timing out. */
-    timeout = "timeout"
-}
-interface ThrownFormLevelErrorMeta {
-}
-interface ThrownFormLevelError {
-    meta?: ThrownFormLevelErrorMeta;
-    type: ThrownFormLevelErrorType;
-}
-interface ThrownFormErrors {
-    fieldLevelErrors: ThrownFieldLevelError[];
-    formLevelErrors: ThrownFormLevelError[];
-}
-interface ThrownFormLevelErrorFormatterOutput {
-    description: ReactNode;
-    iconProduct?: IconProductType;
-    title: ReactNode;
-}
-type ThrownFieldLevelErrorFormatter = Formatter<ThrownFieldLevelError, ReactNode, string>;
-type ThrownFormLevelErrorFormatter = Formatter<ThrownFormLevelError, ReactNode | ThrownFormLevelErrorFormatterOutput, string>;
-interface ReCaptchaV3Config {
-    isEnabled: boolean;
-    isEnterprise: boolean;
-    siteKey: string;
-}
-declare enum CaptchaType {
-    reCaptchaV3 = "reCaptchaV3"
-}
-interface SubmitHandlerErrorInfo {
-    captchaToken?: string;
-    timings: {
-        captchaExecuteEnd?: number;
-        captchaExecuteStart?: number;
-        submitEnd?: number;
-        submitStart?: number;
-    };
-}
-interface FormConfig {
-    onSubmitHandlerError?: (error: unknown, errorInfo: SubmitHandlerErrorInfo) => void;
-    reCaptchaV3Config?: ReCaptchaV3Config;
-    resolveThrownFormErrors?: (error: unknown) => ThrownFormErrors;
-    thrownFieldLevelErrorFormatter?: ThrownFieldLevelErrorFormatter;
-    thrownFormLevelErrorFormatter?: ThrownFormLevelErrorFormatter;
-}
-interface SubmitHandlerExtraParam {
-    captchaToken?: string;
-}
-type SubmitHandler<TFieldValues extends FieldValues> = (data: TFieldValues, extraParam: SubmitHandlerExtraParam, event?: BaseSyntheticEvent) => Promise<unknown> | unknown;
+declare const liferayClassNames: {
+    tooltipInfoButton: string;
+    label: string;
+};
+declare const htmlNbsp = "\u00A0";
 
 interface FormConfigProviderProps {
     children: ReactNode;
     config: FormConfig;
 }
-declare const FormConfigProvider: (props: FormConfigProviderProps) => React__default.JSX.Element;
-
-interface FormErrorOutcomeProps extends DesignSystemBaseProps, Pick<FormConfig, 'thrownFormLevelErrorFormatter'> {
-}
-declare const FormErrorOutcome: (props: FormErrorOutcomeProps) => React__default.JSX.Element | null;
-
-interface FormErrorSummaryProps extends DesignSystemBaseProps {
-    order?: string[];
-    title?: ReactNode;
-}
-declare const FormErrorSummary: (props: FormErrorSummaryProps) => React__default.JSX.Element;
+declare const FormConfigProvider: (props: FormConfigProviderProps) => react_jsx_runtime.JSX.Element;
 
 interface UseFormCaptchaProp {
     action: string;
@@ -2642,17 +2839,9 @@ interface FormProviderProps<TFieldValues extends FieldValues> {
     children: ReactNode;
     form: UseFormReturn<TFieldValues>;
 }
-declare const FormProvider: <TFieldValues extends FieldValues>(props: FormProviderProps<TFieldValues>) => React__default.JSX.Element;
-
-interface FormSuccessOutcomeProps extends DesignSystemBaseProps {
-    children: ReactNode;
-    onHide: () => void;
-    title: ReactNode;
-    visible: boolean;
-}
-declare const FormSuccessOutcome: (props: FormSuccessOutcomeProps) => React__default.JSX.Element;
+declare const FormProvider: <TFieldValues extends FieldValues>(props: FormProviderProps<TFieldValues>) => react_jsx_runtime.JSX.Element;
 
-declare const FormConfigContext: React.Context<FormConfig>;
+declare const FormConfigContext: react.Context<FormConfig>;
 
 declare enum ReCaptchaErrorType {
     instanceNotInitialized = "instanceNotInitialized",
@@ -2665,130 +2854,15 @@ declare class ReCaptchaError extends Error {
 
 declare const useFormContext: <TFieldValues extends FieldValues>() => UseFormReturn<TFieldValues>;
 
-interface UseFormSuccessOutcomeManagerReturn {
-    formKey: Key;
-    formSuccessOutcomeProps: {
-        onHide: () => void;
-        visible: boolean;
-    };
-    onMutationSuccess: () => void;
-}
-declare const useFormSuccessOutcomeManager: () => UseFormSuccessOutcomeManagerReturn;
-
-declare enum FileInputErrorCode {
-    fileSizeTooLarge = "fileSizeTooLarge",
-    general = "general",
-    tooManyFiles = "tooManyFiles",
-    totalFileSizeTooLarge = "totalFileSizeTooLarge",
-    unsupportedFormat = "unsupportedFormat"
-}
-interface FileInputSettings {
-    fileExtensions: string[];
-    maxFiles?: number;
-    maxSize: number;
-    maxTotalSize?: number;
-}
-type FileInputLimitDescriptionComponent = ComponentType<FileInputSettings>;
-type FileInputUploadErrorReasonComponent = ComponentType<{
-    errorCode: FileInputErrorCode;
-}>;
-type FileInputUploadFailedComponent = ComponentType<{
-    fileName: string;
-}>;
-type FileInputDropzoneDragOrSelectFilesComponent = ComponentType<{
-    selectedFiles: ReactNode;
-}>;
-type FileInputDropzoneDragFilesHereComponent = ComponentType;
-type FileInputRemoveButtonTextComponent = ComponentType<{
-    fileName: string;
-}>;
-type FileInputDropzoneSelectFilesComponent = ComponentType;
-
-interface FileInputControlProps extends FileInputSettings, DesignSystemBaseProps {
-    /** Component displayed when a file is dragged over the dropzone. */
-    DropzoneDragFilesHere: FileInputDropzoneDragFilesHereComponent;
-    /** Component displaying prompt to drag or select files for upload. */
-    DropzoneDragOrSelectFiles: FileInputDropzoneDragOrSelectFilesComponent;
-    /** Clickable text prompting the user to select files for upload. */
-    DropzoneSelectFiles: FileInputDropzoneSelectFilesComponent;
-    /** Component describing the limits for uploaded files. */
-    LimitDescription: FileInputLimitDescriptionComponent;
-    /** Component for label for the remove file button. */
-    RemoveButtonText: FileInputRemoveButtonTextComponent;
-    /** Component displaying the reason for file upload failure. */
-    UploadErrorReason: FileInputUploadErrorReasonComponent;
-    /** Component displayed when file upload fails. */
-    UploadFailed: FileInputUploadFailedComponent;
-    /** Message read by screen readers after file is removed. */
-    getFileRemovedLiveText?: (fileName: string) => string;
-    /** Message read by screen readers after files are added. */
-    getFilesAddedLiveText?: (fileNames: string[]) => string;
-    /** aria-label for remove file button. */
-    getRemoveButtonAriaLabel: (fileName: string) => string;
-    invalid?: boolean;
-    name: string;
-    onBlur?: () => void;
-    onChange: (files: File[]) => void;
-    value: File[];
-}
-declare const FileInputControl: React__default.ForwardRefExoticComponent<FileInputControlProps & React__default.RefAttributes<HTMLDivElement>>;
-
-declare const FileInput: React__default.ForwardRefExoticComponent<Omit<FileInputControlProps & {
-    label?: React__default.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__default.ReactNode;
-    hiddenHintText?: React__default.ReactNode;
-    hintText?: React__default.ReactNode;
-    layout?: FieldWrapperLayout | undefined;
-    note?: React__default.ReactNode;
-    optionality?: FieldOptionality | undefined;
-    successMessage?: React__default.ReactNode;
-    labelAs?: React__default.ElementType | undefined;
-    labelHiddenText?: string | undefined;
-    labelId?: string | undefined;
-    labelSuffix?: React__default.ReactNode;
-    tooltip?: TooltipInfoDescriptor | undefined;
-} & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-type FileInputProps = ComponentProps<typeof FileInput>;
-
-interface FileInputFieldProps extends Omit<FileInputProps, 'onBlur' | 'onChange' | 'value'> {
-    options?: RegisterOptions;
-}
-declare const FileInputField: (props: FileInputFieldProps) => React__default.JSX.Element;
-
-interface CircularProgressBarProps extends DesignSystemBaseProps {
-    iconProduct: IconProductType;
-    progress: number;
-}
-declare const CircularProgressBar: (props: CircularProgressBarProps) => React__default.JSX.Element;
-
-declare const isRenderable: (node: ReactNode) => node is Exclude<ReactNode, boolean | null | undefined>;
-
-declare const pxToRem: (px: number | string, base?: number) => string;
-
 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, React__default.ReactNode, string, {
+declare const useMessageFormatter: <TInput extends unknown>(getMessage: (value: TInput) => MessageDescriptorWithPrimitiveValues | string) => afformative.Formatter<TInput, ReactNode, string, {
     [x: string]: any;
 }>;
 
-declare const styled: typeof emotionStyled;
-
-declare const liferayClassNames: {
-    tooltipInfoButton: string;
-    label: string;
-};
-
-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, 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, _default as FormattedPercentage, 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, 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, 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, getColor, getTextDecorationStyle, identityFormatter, isRenderable, jsonFormatter, liferayClassNames, mapTooltipInfoDescriptorToPropsSubset, pxToRem, resolveBorderRadiusValue, resolveFlexWrapValue, resolveFontWeightValue, resolveOverflowValue, resolveSpacingValue, resolveTextDecorationValue, resolveWhiteSpaceValue, styled, theme, useChooseColor, useColorScheme, useCreateTooltipInfoDescriptor, useDesignSystem, useDesignSystemMessages, useDesignSystemPropDefaults, useFieldConfig, useFieldLabels, useForm, useFormContext, useFormSuccessOutcomeManager, useFormatAmount$1 as useFormatAmount, useFormattedPercentage, useGetFormattedHtmlMessageIfDisplayable, useIsMessageDisplayable, useMediaType, useMessageFormatter, useFormatAmount as useNextFormatAmount, useRegisterFieldLabel, 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, 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, FormattedAmountProps$1 as FormattedAmountProps, FormattedHtmlMessageProps, FormattedMessageProps, GetColor, IconProductProps, IconSystemProps, InfoboxProps, InfoboxTextContent, InputBaseProps, InputLabelPassthroughProps, InputLabelProps, LoaderOverlayBoxProps, LoaderProps, MaskedInputBaseProps, MaskedInputFieldProps, MaskedInputProps, MediaTypeProviderProps, MessageDescriptorWithPrimitiveValues, MessageDescriptorWithValues, MessageValues, ModalOnClose, ModalProps, FormattedAmountProps as NextFormattedAmountProps, NumberInputFieldProps, NumberInputProps, PaperProps, PhoneInputFieldProps, PhoneInputProps, PrimitiveMessageValues, ProgressPaperProps, RadioButtonGroupControlProps, RadioButtonGroupFieldProps, RadioButtonGroupItem, RadioButtonGroupProps, RadioButtonLabel, RadioButtonProps, RadioControlProps, RadioFieldProps, RadioGroupControlProps, RadioGroupFieldProps, RadioGroupItem, RadioGroupProps, RadioProps, ReCaptchaV3Config, SearchInputProps, SelectControlProps, SelectFieldProps, SelectItem, SelectItemOrder, SelectProps, SliderAriaValueTextFormatter, SliderAriaValueTextFormatterDataContext, SliderBreakpoint, SliderInputFieldProps, SliderInputLimitExceededLiveTextFormatter, SliderInputLimitExceededLiveTextFormatterDataContext, SliderInputProps, SliderMinMaxLabels, SliderProps, SliderSteps, SpanButtonProps, StackProps, 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, UseFormatAmountParam, UseMediaTypeOptions, UseMediaTypeParam, VisuallyHiddenProps };
+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 };