@mmb-digital/design-system-web 0.1.259 → 0.1.261

package/dist/index.d.ts

@@ -1,18 +1,20 @@
 import * as React from 'react';
-import React__default, { ReactNode, AriaAttributes, RefObject, MouseEvent, AriaRole, TouchEvent, ReactElement, FocusEventHandler, MouseEventHandler, KeyboardEventHandler, HTMLProps, HTMLInputAutoCompleteAttribute, FocusEvent, ChangeEvent, ComponentType, ComponentProps, TextareaHTMLAttributes, RefAttributes, HTMLAttributes, HTMLInputTypeAttribute, FC, KeyboardEvent, Key } from 'react';
-import * as styled_components from 'styled-components';
-import { WebTarget, DefaultTheme } from 'styled-components';
+import React__default, { ReactNode, AriaAttributes, ElementType, RefObject, MouseEvent, AriaRole, TouchEvent, ReactElement, FocusEventHandler, MouseEventHandler, KeyboardEventHandler, HTMLProps, HTMLInputAutoCompleteAttribute, FocusEvent, ChangeEvent, ComponentType, ComponentProps, TextareaHTMLAttributes, RefAttributes, HTMLAttributes, HTMLInputTypeAttribute, FC, KeyboardEvent, Key } from 'react';
 import { MessageDescriptor } from 'react-intl';
 import { FormatXMLElementFn, PrimitiveType } from 'intl-messageformat';
+import * as _emotion_react from '@emotion/react';
+import { Theme as Theme$1 } from '@emotion/react';
 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, UseFormReturn as UseFormReturn$1 } from 'react-hook-form';
 import { FactoryOpts } from 'imask';
 import { z } from 'zod';
+import emotionStyled from '@emotion/styled';
 
 interface AccordionItemType {
     closeActionAriaLabel?: string;
@@ -277,7 +279,7 @@ interface MessageDescriptorWithValues extends MessageDescriptor {
 interface ButtonProps extends SsrProps, DesignSystemBaseProps, AriaAttributes {
     ariaDisabled?: boolean;
     ariaLabel?: string;
-    as?: WebTarget;
+    as?: ElementType;
     buttonStyle: ButtonStyle;
     children?: ReactNode;
     className?: string;
@@ -310,7 +312,7 @@ declare enum Spacing {
     xxxxl = "xxxxl",
     xxxxxl = "xxxxxl"
 }
-declare const resolveSpacingValue: (theme: DefaultTheme, spacing: Spacing) => "0" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "48px" | "56px" | "64px";
+declare const resolveSpacingValue: (theme: Theme$1, spacing: Spacing) => "0" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "48px" | "56px" | "64px";
 
 declare enum FontWeight {
     thin100 = "thin",
@@ -324,7 +326,7 @@ declare enum FontWeight {
     heavy900 = "heavy",
     ultra950 = "ultra"
 }
-declare const resolveFontWeightValue: (theme: DefaultTheme, fontWeight: FontWeight) => 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
+declare const resolveFontWeightValue: (theme: Theme$1, fontWeight: FontWeight) => 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
 
 declare const theme: {
     readonly palette: {
@@ -888,7 +890,7 @@ declare enum BorderRadius {
     xl = "xl",
     full = "full"
 }
-declare const resolveBorderRadiusValue: (theme: DefaultTheme, borderRadius: BorderRadius) => "0" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "9999px";
+declare const resolveBorderRadiusValue: (theme: Theme$1, borderRadius: BorderRadius) => "0" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "9999px";
 
 declare enum FlexWrap {
     noWrap = "noWrap",
@@ -902,7 +904,7 @@ declare enum TextDecoration {
     underline = "underline"
 }
 declare const resolveTextDecorationValue: (textDecoration: TextDecoration) => "underline" | "none !important";
-declare const getTextDecorationStyle: (textDecoration?: TextDecoration) => "" | styled_components.RuleSet<object>;
+declare const getTextDecorationStyle: (textDecoration?: TextDecoration) => _emotion_react.SerializedStyles | "";
 
 interface SpanButtonProps extends DesignSystemBaseProps, AriaAttributes {
     borderRadius?: BorderRadius;
@@ -1337,7 +1339,7 @@ interface FormattedPercentageProps {
     readonly value: number;
 }
 
-declare const _default: React__default.NamedExoticComponent<FormattedPercentageProps>;
+declare const _default: React.NamedExoticComponent<FormattedPercentageProps>;
 
 interface UseFormatPercentageTypeParam {
     maximumFractionDigits?: number;
@@ -1402,7 +1404,7 @@ declare enum FieldOptionality {
 }
 interface InputLabelPassthroughProps {
     label?: ReactNode;
-    labelAs?: WebTarget;
+    labelAs?: ElementType;
     /** Visually hidden text for screen readers, providing additional info, such as the availability of help under tooltip button. */
     labelHiddenText?: string;
     labelId?: string;
@@ -1518,8 +1520,8 @@ interface RadioGeneralProps extends AriaAttributes {
     id?: string;
     invalid?: boolean;
     name: string;
-    onBlur?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
-    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
     role?: AriaRole;
     value: string;
 }
@@ -1573,26 +1575,26 @@ interface RadioGroupControlProps extends FieldControlProps, DesignSystemBaseProp
 declare const RadioGroupControl: React__default.ForwardRefExoticComponent<RadioGroupControlProps & React__default.RefAttributes<HTMLInputElement>>;
 
 declare const RadioGroup: React__default.ForwardRefExoticComponent<Omit<RadioGroupControlProps & {
-    layout?: FieldWrapperLayout | undefined;
-    tooltip?: TooltipInfoDescriptor | undefined;
-    mediaType?: MediaType | undefined;
     label?: React__default.ReactNode;
     colorScheme?: ColorScheme | undefined;
+    mediaType?: MediaType | undefined;
     note?: React__default.ReactNode;
-    name?: string | undefined;
+    tooltip?: TooltipInfoDescriptor | undefined;
     invalid?: boolean | undefined;
+    name?: string | undefined;
+    layout?: FieldWrapperLayout | undefined;
+    errorMessage?: React__default.ReactNode;
+    labelAs?: React__default.ElementType | undefined;
+    labelHiddenText?: string | undefined;
     labelId?: string | undefined;
+    labelSuffix?: React__default.ReactNode;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
-    errorMessage?: React__default.ReactNode;
     hintText?: React__default.ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: React__default.ReactNode;
-    labelAs?: styled_components.WebTarget | undefined;
-    labelHiddenText?: string | undefined;
-    labelSuffix?: React__default.ReactNode;
 } & React__default.RefAttributes<HTMLInputElement>, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 type RadioGroupProps = ComponentProps<typeof RadioGroup>;
 
@@ -1603,8 +1605,8 @@ interface RadioGroupFieldProps extends Omit<RadioGroupProps, 'onBlur' | 'onChang
 declare const RadioGroupField: (props: RadioGroupFieldProps) => React__default.JSX.Element;
 
 interface RadioButtonLabel {
-    main: React__default.ReactElement | string;
-    top?: React__default.ReactElement | string | undefined;
+    main: ReactElement | string;
+    top?: ReactElement | string | undefined;
 }
 
 interface RadioButtonProps extends RadioGeneralProps, DesignSystemBaseProps {
@@ -1644,26 +1646,26 @@ interface RadioButtonGroupControlProps extends DesignSystemBaseProps, FieldContr
 declare const RadioButtonGroupControl: React__default.ForwardRefExoticComponent<RadioButtonGroupControlProps & React__default.RefAttributes<HTMLInputElement>>;
 
 declare const RadioButtonGroup: React__default.ForwardRefExoticComponent<Omit<RadioButtonGroupControlProps & {
-    layout?: FieldWrapperLayout | undefined;
-    tooltip?: TooltipInfoDescriptor | undefined;
-    mediaType?: MediaType | undefined;
     label?: React__default.ReactNode;
     colorScheme?: ColorScheme | undefined;
+    mediaType?: MediaType | undefined;
     note?: React__default.ReactNode;
-    name?: string | undefined;
+    tooltip?: TooltipInfoDescriptor | undefined;
     invalid?: boolean | undefined;
+    name?: string | undefined;
+    layout?: FieldWrapperLayout | undefined;
+    errorMessage?: React__default.ReactNode;
+    labelAs?: React__default.ElementType | undefined;
+    labelHiddenText?: string | undefined;
     labelId?: string | undefined;
+    labelSuffix?: React__default.ReactNode;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
-    errorMessage?: React__default.ReactNode;
     hintText?: React__default.ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: React__default.ReactNode;
-    labelAs?: styled_components.WebTarget | undefined;
-    labelHiddenText?: string | undefined;
-    labelSuffix?: React__default.ReactNode;
 } & React__default.RefAttributes<HTMLInputElement>, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 type RadioButtonGroupProps = ComponentProps<typeof RadioButtonGroup>;
 
@@ -1676,26 +1678,26 @@ declare const RadioButtonGroupField: (props: RadioButtonGroupFieldProps) => Reac
 interface TextAreaControlProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, FieldControlProps {
 }
 declare const TextArea: React__default.ForwardRefExoticComponent<TextAreaControlProps & {
-    layout?: FieldWrapperLayout | undefined;
-    tooltip?: TooltipInfoDescriptor | undefined;
-    mediaType?: MediaType | undefined;
     label?: React__default.ReactNode;
     colorScheme?: ColorScheme | undefined;
+    mediaType?: MediaType | undefined;
     note?: React__default.ReactNode;
-    name?: string | undefined;
+    tooltip?: TooltipInfoDescriptor | undefined;
     invalid?: boolean | undefined;
+    name?: string | undefined;
+    layout?: FieldWrapperLayout | undefined;
+    errorMessage?: React__default.ReactNode;
+    labelAs?: React__default.ElementType | undefined;
+    labelHiddenText?: string | undefined;
     labelId?: string | undefined;
+    labelSuffix?: React__default.ReactNode;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
-    errorMessage?: React__default.ReactNode;
     hintText?: React__default.ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: React__default.ReactNode;
-    labelAs?: styled_components.WebTarget | undefined;
-    labelHiddenText?: string | undefined;
-    labelSuffix?: React__default.ReactNode;
 } & React__default.RefAttributes<HTMLTextAreaElement>>;
 type TextAreaProps = ComponentProps<typeof TextArea>;
 
@@ -1744,7 +1746,7 @@ declare enum InputLabelSize {
 }
 
 interface InputLabelProps extends DesignSystemBaseProps {
-    as?: WebTarget;
+    as?: ElementType;
     /** Visually hidden text for screen readers, providing additional info, such as the availability of help under tooltip button. */
     hiddenText?: string;
     id?: string;
@@ -1761,26 +1763,26 @@ interface EmailInputControlProps extends InputProps {
     placeholder?: string;
 }
 declare const EmailInput: React__default.ForwardRefExoticComponent<EmailInputControlProps & {
-    layout?: FieldWrapperLayout | undefined;
-    tooltip?: TooltipInfoDescriptor | undefined;
-    mediaType?: MediaType | undefined;
     label?: React__default.ReactNode;
     colorScheme?: ColorScheme | undefined;
+    mediaType?: MediaType | undefined;
     note?: React__default.ReactNode;
-    name?: string | undefined;
+    tooltip?: TooltipInfoDescriptor | undefined;
     invalid?: boolean | undefined;
+    name?: string | undefined;
+    layout?: FieldWrapperLayout | undefined;
+    errorMessage?: React__default.ReactNode;
+    labelAs?: React__default.ElementType | undefined;
+    labelHiddenText?: string | undefined;
     labelId?: string | undefined;
+    labelSuffix?: React__default.ReactNode;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
-    errorMessage?: React__default.ReactNode;
     hintText?: React__default.ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: React__default.ReactNode;
-    labelAs?: styled_components.WebTarget | undefined;
-    labelHiddenText?: string | undefined;
-    labelSuffix?: React__default.ReactNode;
 } & React__default.RefAttributes<HTMLInputElement>>;
 type EmailInputProps = ComponentProps<typeof EmailInput>;
 
@@ -1798,26 +1800,26 @@ interface MaskedInputBaseProps extends InputBaseProps {
 declare const MaskedInputBase: React__default.ForwardRefExoticComponent<Omit<MaskedInputBaseProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 
 declare const MaskedInput: React.ForwardRefExoticComponent<Omit<MaskedInputBaseProps & {
-    layout?: FieldWrapperLayout | undefined;
-    tooltip?: TooltipInfoDescriptor | undefined;
-    mediaType?: MediaType | undefined;
     label?: React.ReactNode;
     colorScheme?: ColorScheme | undefined;
+    mediaType?: MediaType | undefined;
     note?: React.ReactNode;
-    name?: string | undefined;
+    tooltip?: TooltipInfoDescriptor | undefined;
     invalid?: boolean | undefined;
+    name?: string | undefined;
+    layout?: FieldWrapperLayout | undefined;
+    errorMessage?: React.ReactNode;
+    labelAs?: React.ElementType | undefined;
+    labelHiddenText?: string | undefined;
     labelId?: string | undefined;
+    labelSuffix?: React.ReactNode;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
-    errorMessage?: React.ReactNode;
     hintText?: React.ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: React.ReactNode;
-    labelAs?: styled_components.WebTarget | undefined;
-    labelHiddenText?: string | undefined;
-    labelSuffix?: React.ReactNode;
 }, "ref"> & React.RefAttributes<HTMLInputElement>>;
 type MaskedInputProps = ComponentProps<typeof MaskedInput>;
 
@@ -1827,26 +1829,26 @@ declare const withMaskedInputField: <TProps extends ManagedMaskedInputProps>(Com
     options?: RegisterOptions<TFieldValues>;
 }) => React__default.JSX.Element;
 declare const MaskedInputField: <TFieldValues extends FieldValues>(props: Omit<MaskedInputBaseProps & {
-    layout?: FieldWrapperLayout | undefined;
-    tooltip?: TooltipInfoDescriptor | undefined;
-    mediaType?: MediaType | undefined;
     label?: React__default.ReactNode;
     colorScheme?: ColorScheme | undefined;
+    mediaType?: MediaType | undefined;
     note?: React__default.ReactNode;
-    name?: string | undefined;
+    tooltip?: TooltipInfoDescriptor | undefined;
     invalid?: boolean | undefined;
+    name?: string | undefined;
+    layout?: FieldWrapperLayout | undefined;
+    errorMessage?: React__default.ReactNode;
+    labelAs?: React__default.ElementType | undefined;
+    labelHiddenText?: string | undefined;
     labelId?: string | undefined;
+    labelSuffix?: React__default.ReactNode;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
-    errorMessage?: React__default.ReactNode;
     hintText?: React__default.ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: React__default.ReactNode;
-    labelAs?: styled_components.WebTarget | undefined;
-    labelHiddenText?: string | undefined;
-    labelSuffix?: React__default.ReactNode;
 }, "ref"> & React__default.RefAttributes<HTMLInputElement> & {
     name: react_hook_form.Path<TFieldValues>;
     options?: RegisterOptions<TFieldValues> | undefined;
@@ -1886,26 +1888,26 @@ interface SearchInputControlProps extends InputProps {
     placeholder?: string;
 }
 declare const SearchInput: React__default.ForwardRefExoticComponent<SearchInputControlProps & {
-    layout?: FieldWrapperLayout | undefined;
-    tooltip?: TooltipInfoDescriptor | undefined;
-    mediaType?: MediaType | undefined;
     label?: React__default.ReactNode;
     colorScheme?: ColorScheme | undefined;
+    mediaType?: MediaType | undefined;
     note?: React__default.ReactNode;
-    name?: string | undefined;
+    tooltip?: TooltipInfoDescriptor | undefined;
     invalid?: boolean | undefined;
+    name?: string | undefined;
+    layout?: FieldWrapperLayout | undefined;
+    errorMessage?: React__default.ReactNode;
+    labelAs?: React__default.ElementType | undefined;
+    labelHiddenText?: string | undefined;
     labelId?: string | undefined;
+    labelSuffix?: React__default.ReactNode;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
-    errorMessage?: React__default.ReactNode;
     hintText?: React__default.ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: React__default.ReactNode;
-    labelAs?: styled_components.WebTarget | undefined;
-    labelHiddenText?: string | undefined;
-    labelSuffix?: React__default.ReactNode;
 } & React__default.RefAttributes<HTMLInputElement>>;
 type SearchInputProps = ComponentProps<typeof SearchInput>;
 
@@ -1995,26 +1997,26 @@ interface TextInputControlProps extends InputProps {
     placeholder?: string;
 }
 declare const TextInput: React__default.ForwardRefExoticComponent<TextInputControlProps & {
-    layout?: FieldWrapperLayout | undefined;
-    tooltip?: TooltipInfoDescriptor | undefined;
-    mediaType?: MediaType | undefined;
     label?: React__default.ReactNode;
     colorScheme?: ColorScheme | undefined;
+    mediaType?: MediaType | undefined;
     note?: React__default.ReactNode;
-    name?: string | undefined;
+    tooltip?: TooltipInfoDescriptor | undefined;
     invalid?: boolean | undefined;
+    name?: string | undefined;
+    layout?: FieldWrapperLayout | undefined;
+    errorMessage?: React__default.ReactNode;
+    labelAs?: React__default.ElementType | undefined;
+    labelHiddenText?: string | undefined;
     labelId?: string | undefined;
+    labelSuffix?: React__default.ReactNode;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
-    errorMessage?: React__default.ReactNode;
     hintText?: React__default.ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: React__default.ReactNode;
-    labelAs?: styled_components.WebTarget | undefined;
-    labelHiddenText?: string | undefined;
-    labelSuffix?: React__default.ReactNode;
 } & React__default.RefAttributes<HTMLInputElement>>;
 type TextInputProps = ComponentProps<typeof TextInput>;
 
@@ -2028,26 +2030,26 @@ interface TrailingTextInputControlProps extends InputProps {
     suffix?: ReactNode;
 }
 declare const TrailingTextInput: React__default.ForwardRefExoticComponent<TrailingTextInputControlProps & {
-    layout?: FieldWrapperLayout | undefined;
-    tooltip?: TooltipInfoDescriptor | undefined;
-    mediaType?: MediaType | undefined;
     label?: React__default.ReactNode;
     colorScheme?: ColorScheme | undefined;
+    mediaType?: MediaType | undefined;
     note?: React__default.ReactNode;
-    name?: string | undefined;
+    tooltip?: TooltipInfoDescriptor | undefined;
     invalid?: boolean | undefined;
+    name?: string | undefined;
+    layout?: FieldWrapperLayout | undefined;
+    errorMessage?: React__default.ReactNode;
+    labelAs?: React__default.ElementType | undefined;
+    labelHiddenText?: string | undefined;
     labelId?: string | undefined;
+    labelSuffix?: React__default.ReactNode;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
-    errorMessage?: React__default.ReactNode;
     hintText?: React__default.ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: React__default.ReactNode;
-    labelAs?: styled_components.WebTarget | undefined;
-    labelHiddenText?: string | undefined;
-    labelSuffix?: React__default.ReactNode;
 } & React__default.RefAttributes<HTMLInputElement>>;
 type TrailingTextInputProps = ComponentProps<typeof TrailingTextInput>;
 
@@ -2068,7 +2070,7 @@ declare const Toggle: FC<ToggleProps>;
 interface DatePickerControlProps extends Pick<DatePickerProps$1, 'chooseDayAriaLabelPrefix' | 'dateFormat' | 'disabledDayAriaLabelPrefix' | 'filterDate' | 'maxDate' | 'minDate' | 'monthAriaLabelPrefix' | 'nextMonthAriaLabel' | 'onBlur' | 'previousMonthAriaLabel' | 'selected'>, FieldControlProps {
     chevronCloseAriaLabel?: string;
     chevronOpenAriaLabel?: string;
-    locale?: string;
+    locale?: Locale;
     name: string;
     onChange?: (date: Date | null, event?: React__default.KeyboardEvent<HTMLElement> | React__default.MouseEvent<HTMLElement>) => void;
     placeholder?: string;
@@ -2076,26 +2078,26 @@ interface DatePickerControlProps extends Pick<DatePickerProps$1, 'chooseDayAriaL
 declare const DatePickerControl: React__default.ForwardRefExoticComponent<DatePickerControlProps & React__default.RefAttributes<HTMLInputElement>>;
 
 declare const DatePicker: React.ForwardRefExoticComponent<DatePickerControlProps & {
-    layout?: FieldWrapperLayout | undefined;
-    tooltip?: TooltipInfoDescriptor | undefined;
-    mediaType?: MediaType | undefined;
     label?: React.ReactNode;
     colorScheme?: ColorScheme | undefined;
+    mediaType?: MediaType | undefined;
     note?: React.ReactNode;
-    name?: string | undefined;
+    tooltip?: TooltipInfoDescriptor | undefined;
     invalid?: boolean | undefined;
+    name?: string | undefined;
+    layout?: FieldWrapperLayout | undefined;
+    errorMessage?: React.ReactNode;
+    labelAs?: React.ElementType | undefined;
+    labelHiddenText?: string | undefined;
     labelId?: string | undefined;
+    labelSuffix?: React.ReactNode;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
-    errorMessage?: React.ReactNode;
     hintText?: React.ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: React.ReactNode;
-    labelAs?: styled_components.WebTarget | undefined;
-    labelHiddenText?: string | undefined;
-    labelSuffix?: React.ReactNode;
 } & React.RefAttributes<HTMLInputElement>>;
 type DatePickerProps = ComponentProps<typeof DatePicker>;
 
@@ -2124,7 +2126,7 @@ declare enum TypographyTextAlign {
 }
 
 interface TypographyProps extends DesignSystemBaseProps, SsrProps, AriaAttributes {
-    as?: WebTarget;
+    as?: ElementType;
     children: ReactNode;
     className?: string;
     color?: ColorObject | string;
@@ -2163,14 +2165,14 @@ declare enum TagIconPosition {
 }
 
 interface TagProps extends DesignSystemBaseProps, AriaAttributes {
-    as?: WebTarget;
+    as?: ElementType;
     children: ReactNode;
     className?: string;
     fontWeight?: FontWeight;
     href?: string;
     iconPosition?: TagIconPosition;
     iconSystem?: IconSystemType;
-    onClick?: (event: KeyboardEvent<HTMLDivElement>) => void;
+    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
     onKeyDown?: (event: KeyboardEvent<HTMLDivElement>) => void;
     role?: AriaRole;
     size?: TagSize;
@@ -2188,7 +2190,7 @@ declare enum StackDirection {
 }
 
 interface StackProps extends AriaAttributes {
-    as?: WebTarget;
+    as?: ElementType;
     children?: ReactNode;
     className?: string;
     direction?: StackDirection;
@@ -2208,7 +2210,7 @@ declare enum PaperShadow {
 }
 
 interface PaperProps extends DesignSystemBaseProps, SsrProps, AriaAttributes {
-    as?: WebTarget;
+    as?: ElementType;
     children: ReactNode;
     className?: string;
     id?: string;
@@ -2295,7 +2297,7 @@ interface ButtonsLayoutProps extends SsrProps {
 declare const ButtonsLayout: (props: ButtonsLayoutProps) => React__default.JSX.Element;
 
 interface VisuallyHiddenProps extends AriaAttributes {
-    as?: WebTarget;
+    as?: ElementType;
     children: ReactNode;
     id?: string;
 }
@@ -2466,4 +2468,6 @@ declare const useMessageFormatter: <TInput extends unknown>(getMessage: (value:
     [x: string]: any;
 }>;
 
-export { Accordion, AccordionContent, type AccordionContentType, AccordionItem, type AccordionItemProps, type AccordionItemType, AccordionKeyValue, type AccordionKeyValueProps, type AccordionProps, AccordionVariant, BorderRadius, Button, type ButtonProps, ButtonSize, ButtonStyle, ButtonType, ButtonsLayout, ButtonsLayoutAlign, ButtonsLayoutDirection, type ButtonsLayoutProps, CalculatorResult, type CalculatorResultBodyItem, type CalculatorResultHeader, CalculatorResultInfoPosition, type CalculatorResultMain, type CalculatorResultModalDescriptor, type CalculatorResultProps, Checkbox, CheckboxControl, type CheckboxControlProps, CheckboxField, type CheckboxFieldProps, CheckboxPosition, type CheckboxProps, type ChooseColor, CircularProgressBar, type CircularProgressBarProps, type ColorObject, ColorScheme, ColorSchemeProvider, type ColorSchemeProviderProps, ComboBox, ComboBoxControl, type ComboBoxControlProps, ComboBoxField, type ComboBoxFieldProps, type ComboBoxItem, type ComboBoxItemOrder, ComboBoxItemOrderSource, type ComboBoxProps, type CreateTooltipInfoDescriptor, type CreateTooltipInfoDescriptorParam, DatePicker, DatePickerControl, type DatePickerControlProps, DatePickerField, type DatePickerFieldProps, type DatePickerProps, type DesignSystemBaseProps, DesignSystemProvider, type DesignSystemProviderProps, EmailInput, EmailInputField, type EmailInputFieldProps, type EmailInputProps, ErrorBox, type ErrorBoxItem, type ErrorBoxProps, type FieldAddon, FieldAddonPosition, type FieldConfig, FieldConfigProvider, type FieldConfigProviderProps, type FieldControlProps, FieldLabelStoreProvider, type FieldLabelStoreProviderProps, FieldOptionality, FieldWrapper, FieldWrapperLayout, type FieldWrapperProps, FileInput, type FileInputDropzoneDragFilesHereComponent, type FileInputDropzoneDragOrSelectFilesComponent, type FileInputDropzoneSelectFilesComponent, FileInputErrorCode, FileInputField, type FileInputFieldProps, type FileInputLimitDescriptionComponent, type FileInputProps, type FileInputRemoveButtonTextComponent, type FileInputSettings, type FileInputUploadErrorReasonComponent, type FileInputUploadFailedComponent, FlexWrap, FontWeight, FormErrorOutcome, type FormErrorOutcomeProps, FormErrorSummary, type FormErrorSummaryProps, FormProvider, type FormProviderProps, FormSuccessOutcome, type FormSuccessOutcomeProps, FormatAmountCurrencyDisplay, FormatAmountGrouping, FormattedAmount$1 as FormattedAmount, type FormattedAmountProps$1 as FormattedAmountProps, FormattedHtmlMessage, type FormattedHtmlMessageProps, FormattedMessage, type FormattedMessageProps, _default as FormattedPercentage, type GetColor, IconProduct, type IconProductProps, IconProductSize, IconProductType, IconProductVariant, IconSystem, type IconSystemProps, IconSystemSize, IconSystemType, Infobox, type InfoboxProps, InfoboxSize, type InfoboxTextContent, InfoboxVariant, InputBase, type InputBaseProps, InputLabel, type InputLabelPassthroughProps, type InputLabelProps, InputLabelSize, InputSize, InputTextAlign, LabelTooltipPosition, Loader, LoaderOverlayBox, type LoaderOverlayBoxProps, type LoaderProps, LoaderSize, MaskedInput, MaskedInputBase, type MaskedInputBaseProps, MaskedInputField, type MaskedInputFieldProps, type MaskedInputProps, MediaType, MediaTypeProvider, type MediaTypeProviderProps, type MessageDescriptorWithPrimitiveValues, type MessageDescriptorWithValues, type MessageValues, Modal, type ModalOnClose, type ModalProps, ModalVerticalPosition, ModalWidthType, FormattedAmount as NextFormattedAmount, type FormattedAmountProps as NextFormattedAmountProps, NumberInput, NumberInputField, type NumberInputFieldProps, type NumberInputProps, Overflow, Paper, type PaperProps, PaperShadow, PhoneInput, PhoneInputField, type PhoneInputFieldProps, type PhoneInputProps, type PrimitiveMessageValues, ProgressPaper, type ProgressPaperProps, Radio, RadioButton, RadioButtonGroup, RadioButtonGroupControl, type RadioButtonGroupControlProps, RadioButtonGroupField, type RadioButtonGroupFieldProps, type RadioButtonGroupItem, RadioButtonGroupLayout, type RadioButtonGroupProps, type RadioButtonLabel, type RadioButtonProps, RadioControl, type RadioControlProps, RadioField, type RadioFieldProps, RadioGroup, RadioGroupControl, type RadioGroupControlProps, RadioGroupDirection, RadioGroupField, type RadioGroupFieldProps, type RadioGroupItem, type RadioGroupProps, RadioPosition, type RadioProps, ReasonForClosing, SearchInput, type SearchInputProps, Select, SelectControl, type SelectControlProps, SelectField, type SelectFieldProps, type SelectItem, type SelectItemOrder, SelectItemOrderSource, type SelectProps, SelectVariant, Slider, type SliderAriaValueTextFormatter, type SliderAriaValueTextFormatterDataContext, type SliderBreakpoint, SliderInput, SliderInputField, type SliderInputFieldProps, type SliderInputLimitExceededLiveTextFormatter, type SliderInputLimitExceededLiveTextFormatterDataContext, type SliderInputProps, SliderInputRoundingType, type SliderMinMaxLabels, type SliderProps, SliderStepType, type SliderSteps, Spacing, SpanButton, type SpanButtonProps, Stack, StackDirection, type StackProps, type TabItemType, Table, TableBody, type TableBodyProps, TableData, type TableDataProps, TableHead, TableHeadData, type TableHeadDataProps, type TableHeadProps, type TableProps, TableRow, type TableRowProps, TableTextAlign, TableVariant, Tabs, TabsActiveTabDefaultPosition, TabsItem, type TabsItemProps, type TabsProps, TabsSize, type TabsType, TabsVariant, Tag, TagIconPosition, type TagProps, TagSize, TagTextTransform, TagType, TextArea, TextAreaField, type TextAreaFieldProps, type TextAreaProps, TextDecoration, TextInput, TextInputField, type TextInputFieldProps, type TextInputProps, type Theme, Toggle, type ToggleProps, TooltipCloseReason, type TooltipDescriptor, TooltipGeneral, type TooltipGeneralProps, TooltipInfo, TooltipInfoConditional, type TooltipInfoConditionalProps, type TooltipInfoDescriptor, TooltipInfoDisplayMethod, TooltipInfoDisplayableCheck, type TooltipInfoDisplayableCheckProps, type TooltipInfoProps, TooltipPlacement, type TooltipRenderParent, TrailingTextInput, type TrailingTextInputProps, Typography, type TypographyProps, TypographyTextAlign, TypographyVariant, type UseColorSchemeOptions, type UseColorSchemeParam, type UseDesignSystemOptions, type UseDesignSystemParam, type UseFormProps, type UseFormReturn, type UseFormSuccessOutcomeManagerReturn, type UseFormatAmountParam, type UseMediaTypeOptions, type UseMediaTypeParam, VisuallyHidden, type VisuallyHiddenProps, datePickerValueFormat, getColor, getTextDecorationStyle, identityFormatter, isRenderable, resolveBorderRadiusValue, resolveFlexWrapValue, resolveFontWeightValue, resolveOverflowValue, resolveSpacingValue, resolveTextDecorationValue, theme, useChooseColor, useColorScheme, useCreateTooltipInfoDescriptor, useDesignSystem, useFieldConfig, useFieldLabels, useForm, useFormContext, useFormSuccessOutcomeManager, useFormatAmount$1 as useFormatAmount, useFormattedPercentage, useGetFormattedHtmlMessageIfDisplayable, useIsMessageDisplayable, useMediaType, useMessageFormatter, useFormatAmount as useNextFormatAmount, useRegisterFieldLabel, withFieldWrapper, withMaskedInputField };
+declare const styled: typeof emotionStyled;
+
+export { Accordion, AccordionContent, type AccordionContentType, AccordionItem, type AccordionItemProps, type AccordionItemType, AccordionKeyValue, type AccordionKeyValueProps, type AccordionProps, AccordionVariant, BorderRadius, Button, type ButtonProps, ButtonSize, ButtonStyle, ButtonType, ButtonsLayout, ButtonsLayoutAlign, ButtonsLayoutDirection, type ButtonsLayoutProps, CalculatorResult, type CalculatorResultBodyItem, type CalculatorResultHeader, CalculatorResultInfoPosition, type CalculatorResultMain, type CalculatorResultModalDescriptor, type CalculatorResultProps, Checkbox, CheckboxControl, type CheckboxControlProps, CheckboxField, type CheckboxFieldProps, CheckboxPosition, type CheckboxProps, type ChooseColor, CircularProgressBar, type CircularProgressBarProps, type ColorObject, ColorScheme, ColorSchemeProvider, type ColorSchemeProviderProps, ComboBox, ComboBoxControl, type ComboBoxControlProps, ComboBoxField, type ComboBoxFieldProps, type ComboBoxItem, type ComboBoxItemOrder, ComboBoxItemOrderSource, type ComboBoxProps, type CreateTooltipInfoDescriptor, type CreateTooltipInfoDescriptorParam, DatePicker, DatePickerControl, type DatePickerControlProps, DatePickerField, type DatePickerFieldProps, type DatePickerProps, type DesignSystemBaseProps, DesignSystemProvider, type DesignSystemProviderProps, EmailInput, EmailInputField, type EmailInputFieldProps, type EmailInputProps, ErrorBox, type ErrorBoxItem, type ErrorBoxProps, type FieldAddon, FieldAddonPosition, type FieldConfig, FieldConfigProvider, type FieldConfigProviderProps, type FieldControlProps, FieldLabelStoreProvider, type FieldLabelStoreProviderProps, FieldOptionality, FieldWrapper, FieldWrapperLayout, type FieldWrapperProps, FileInput, type FileInputDropzoneDragFilesHereComponent, type FileInputDropzoneDragOrSelectFilesComponent, type FileInputDropzoneSelectFilesComponent, FileInputErrorCode, FileInputField, type FileInputFieldProps, type FileInputLimitDescriptionComponent, type FileInputProps, type FileInputRemoveButtonTextComponent, type FileInputSettings, type FileInputUploadErrorReasonComponent, type FileInputUploadFailedComponent, FlexWrap, FontWeight, FormErrorOutcome, type FormErrorOutcomeProps, FormErrorSummary, type FormErrorSummaryProps, FormProvider, type FormProviderProps, FormSuccessOutcome, type FormSuccessOutcomeProps, FormatAmountCurrencyDisplay, FormatAmountGrouping, FormattedAmount$1 as FormattedAmount, type FormattedAmountProps$1 as FormattedAmountProps, FormattedHtmlMessage, type FormattedHtmlMessageProps, FormattedMessage, type FormattedMessageProps, _default as FormattedPercentage, type GetColor, IconProduct, type IconProductProps, IconProductSize, IconProductType, IconProductVariant, IconSystem, type IconSystemProps, IconSystemSize, IconSystemType, Infobox, type InfoboxProps, InfoboxSize, type InfoboxTextContent, InfoboxVariant, InputBase, type InputBaseProps, InputLabel, type InputLabelPassthroughProps, type InputLabelProps, InputLabelSize, InputSize, InputTextAlign, LabelTooltipPosition, Loader, LoaderOverlayBox, type LoaderOverlayBoxProps, type LoaderProps, LoaderSize, MaskedInput, MaskedInputBase, type MaskedInputBaseProps, MaskedInputField, type MaskedInputFieldProps, type MaskedInputProps, MediaType, MediaTypeProvider, type MediaTypeProviderProps, type MessageDescriptorWithPrimitiveValues, type MessageDescriptorWithValues, type MessageValues, Modal, type ModalOnClose, type ModalProps, ModalVerticalPosition, ModalWidthType, FormattedAmount as NextFormattedAmount, type FormattedAmountProps as NextFormattedAmountProps, NumberInput, NumberInputField, type NumberInputFieldProps, type NumberInputProps, Overflow, Paper, type PaperProps, PaperShadow, PhoneInput, PhoneInputField, type PhoneInputFieldProps, type PhoneInputProps, type PrimitiveMessageValues, ProgressPaper, type ProgressPaperProps, Radio, RadioButton, RadioButtonGroup, RadioButtonGroupControl, type RadioButtonGroupControlProps, RadioButtonGroupField, type RadioButtonGroupFieldProps, type RadioButtonGroupItem, RadioButtonGroupLayout, type RadioButtonGroupProps, type RadioButtonLabel, type RadioButtonProps, RadioControl, type RadioControlProps, RadioField, type RadioFieldProps, RadioGroup, RadioGroupControl, type RadioGroupControlProps, RadioGroupDirection, RadioGroupField, type RadioGroupFieldProps, type RadioGroupItem, type RadioGroupProps, RadioPosition, type RadioProps, ReasonForClosing, SearchInput, type SearchInputProps, Select, SelectControl, type SelectControlProps, SelectField, type SelectFieldProps, type SelectItem, type SelectItemOrder, SelectItemOrderSource, type SelectProps, SelectVariant, Slider, type SliderAriaValueTextFormatter, type SliderAriaValueTextFormatterDataContext, type SliderBreakpoint, SliderInput, SliderInputField, type SliderInputFieldProps, type SliderInputLimitExceededLiveTextFormatter, type SliderInputLimitExceededLiveTextFormatterDataContext, type SliderInputProps, SliderInputRoundingType, type SliderMinMaxLabels, type SliderProps, SliderStepType, type SliderSteps, Spacing, SpanButton, type SpanButtonProps, Stack, StackDirection, type StackProps, type TabItemType, Table, TableBody, type TableBodyProps, TableData, type TableDataProps, TableHead, TableHeadData, type TableHeadDataProps, type TableHeadProps, type TableProps, TableRow, type TableRowProps, TableTextAlign, TableVariant, Tabs, TabsActiveTabDefaultPosition, TabsItem, type TabsItemProps, type TabsProps, TabsSize, type TabsType, TabsVariant, Tag, TagIconPosition, type TagProps, TagSize, TagTextTransform, TagType, TextArea, TextAreaField, type TextAreaFieldProps, type TextAreaProps, TextDecoration, TextInput, TextInputField, type TextInputFieldProps, type TextInputProps, type Theme, Toggle, type ToggleProps, TooltipCloseReason, type TooltipDescriptor, TooltipGeneral, type TooltipGeneralProps, TooltipInfo, TooltipInfoConditional, type TooltipInfoConditionalProps, type TooltipInfoDescriptor, TooltipInfoDisplayMethod, TooltipInfoDisplayableCheck, type TooltipInfoDisplayableCheckProps, type TooltipInfoProps, TooltipPlacement, type TooltipRenderParent, TrailingTextInput, type TrailingTextInputProps, Typography, type TypographyProps, TypographyTextAlign, TypographyVariant, type UseColorSchemeOptions, type UseColorSchemeParam, type UseDesignSystemOptions, type UseDesignSystemParam, type UseFormProps, type UseFormReturn, type UseFormSuccessOutcomeManagerReturn, type UseFormatAmountParam, type UseMediaTypeOptions, type UseMediaTypeParam, VisuallyHidden, type VisuallyHiddenProps, datePickerValueFormat, getColor, getTextDecorationStyle, identityFormatter, isRenderable, resolveBorderRadiusValue, resolveFlexWrapValue, resolveFontWeightValue, resolveOverflowValue, resolveSpacingValue, resolveTextDecorationValue, styled, theme, useChooseColor, useColorScheme, useCreateTooltipInfoDescriptor, useDesignSystem, useFieldConfig, useFieldLabels, useForm, useFormContext, useFormSuccessOutcomeManager, useFormatAmount$1 as useFormatAmount, useFormattedPercentage, useGetFormattedHtmlMessageIfDisplayable, useIsMessageDisplayable, useMediaType, useMessageFormatter, useFormatAmount as useNextFormatAmount, useRegisterFieldLabel, withFieldWrapper, withMaskedInputField };