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

package/dist/index.d.ts

@@ -544,7 +544,7 @@ declare enum Spacing {
     xxxxl = "xxxxl",
     xxxxxl = "xxxxxl"
 }
-declare const resolveSpacingValue: (theme: Theme$1, spacing: Spacing) => "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "48px" | "56px" | "64px" | "0";
+declare const resolveSpacingValue: (theme: Theme$1, spacing: Spacing) => "0" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "48px" | "56px" | "64px";
 
 declare enum WhiteSpace {
     inherit = "inherit",
@@ -1127,7 +1127,7 @@ declare enum BorderRadius {
     xl = "xl",
     full = "full"
 }
-declare const resolveBorderRadiusValue: (theme: Theme$1, borderRadius: BorderRadius) => "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "9999px" | "0";
+declare const resolveBorderRadiusValue: (theme: Theme$1, borderRadius: BorderRadius) => "0" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "9999px";
 
 declare enum FlexWrap {
     noWrap = "noWrap",
@@ -1360,7 +1360,7 @@ interface InputBaseProps extends RefAttributes<HTMLInputElement>, FieldControlPr
 declare const InputBase: react.ForwardRefExoticComponent<Omit<InputBaseProps, "ref"> & RefAttributes<HTMLInputElement>>;
 
 interface ComboBoxControlProps<TItem extends ComboBoxItem> extends Omit<FieldControlProps, 'name'>, Pick<InputBaseProps, 'ariaLabel' | 'disabled' | 'icon' | 'isPastingDisabled' | 'maxLength' | 'name' | 'onFocus' | 'placeholder' | 'required'> {
-    formatter?: Formatter<TItem, ReactNode, number | string>;
+    formatter?: Formatter<TItem, ReactNode>;
     getItemKey?: (item: TItem | null) => number | string;
     inputPrefix?: ReactNode;
     inputSize?: InputSize;
@@ -1448,25 +1448,25 @@ declare const DatePickerControl: react.ForwardRefExoticComponent<DatePickerContr
 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;
+    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>;
 
@@ -1483,25 +1483,25 @@ interface EmailInputControlProps extends InputProps {
 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;
+    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 EmailInputProps = ComponentProps<typeof EmailInput>;
 
@@ -1585,25 +1585,25 @@ declare const FileInputControl: react.ForwardRefExoticComponent<FileInputControl
 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;
+    colorScheme?: ColorScheme | undefined;
     mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
+    errorMessage?: react.ReactNode;
     hiddenHintText?: react.ReactNode;
     hintText?: react.ReactNode;
     layout?: FieldWrapperLayout | undefined;
     note?: react.ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: react.ReactNode;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: react.ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
 } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 type FileInputProps = ComponentProps<typeof FileInput>;
 
@@ -1700,8 +1700,8 @@ interface ThrownFormLevelErrorFormatterOutput {
     iconProduct?: IconProductType;
     title: ReactNode;
 }
-type ThrownFieldLevelErrorFormatter = Formatter<ThrownFieldLevelError, ReactNode, string>;
-type ThrownFormLevelErrorFormatter = Formatter<ThrownFormLevelError, ReactNode | ThrownFormLevelErrorFormatterOutput, string>;
+type ThrownFieldLevelErrorFormatter = Formatter<ThrownFieldLevelError, ReactNode>;
+type ThrownFormLevelErrorFormatter = Formatter<ThrownFormLevelError, ReactNode | ThrownFormLevelErrorFormatterOutput>;
 interface ReCaptchaV3Config {
     isEnabled: boolean;
     isEnterprise: boolean;
@@ -1854,25 +1854,25 @@ declare const MaskedInputBase: react.ForwardRefExoticComponent<Omit<MaskedInputB
 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;
+    colorScheme?: ColorScheme | undefined;
     mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
+    errorMessage?: react.ReactNode;
     hiddenHintText?: react.ReactNode;
     hintText?: react.ReactNode;
     layout?: FieldWrapperLayout | undefined;
     note?: react.ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: react.ReactNode;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: react.ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
 }, "ref"> & react.RefAttributes<HTMLInputElement>>;
 type MaskedInputProps = ComponentProps<typeof MaskedInput>;
 
@@ -1884,25 +1884,25 @@ declare const withMaskedInputField: <TProps extends ManagedMaskedInputProps>(Com
 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;
+    colorScheme?: ColorScheme | undefined;
     mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
+    errorMessage?: react.ReactNode;
     hiddenHintText?: react.ReactNode;
     hintText?: react.ReactNode;
     layout?: FieldWrapperLayout | undefined;
     note?: react.ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: react.ReactNode;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: react.ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
 }, "ref"> & react.RefAttributes<HTMLInputElement> & {
     name: react_hook_form.Path<TFieldValues>;
     options?: RegisterOptions<TFieldValues> | undefined;
@@ -2089,25 +2089,25 @@ declare const RadioButtonGroupControl: react.ForwardRefExoticComponent<RadioButt
 declare const RadioButtonGroup: react.ForwardRefExoticComponent<Omit<RadioButtonGroupControlProps & {
     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;
+    colorScheme?: ColorScheme | undefined;
     mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
+    errorMessage?: react.ReactNode;
     hiddenHintText?: react.ReactNode;
     hintText?: react.ReactNode;
     layout?: FieldWrapperLayout | undefined;
     note?: react.ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: react.ReactNode;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: react.ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
 } & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
 type RadioButtonGroupProps = ComponentProps<typeof RadioButtonGroup>;
 
@@ -2165,25 +2165,25 @@ declare const RadioGroupControl: react.ForwardRefExoticComponent<RadioGroupContr
 declare const RadioGroup: react.ForwardRefExoticComponent<Omit<RadioGroupControlProps & {
     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;
+    colorScheme?: ColorScheme | undefined;
     mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
+    errorMessage?: react.ReactNode;
     hiddenHintText?: react.ReactNode;
     hintText?: react.ReactNode;
     layout?: FieldWrapperLayout | undefined;
     note?: react.ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: react.ReactNode;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: react.ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
 } & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
 type RadioGroupProps = ComponentProps<typeof RadioGroup>;
 
@@ -2202,25 +2202,25 @@ interface SearchInputControlProps extends InputProps {
 declare const SearchInput: react.ForwardRefExoticComponent<SearchInputControlProps & {
     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;
+    colorScheme?: ColorScheme | undefined;
     mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
+    errorMessage?: ReactNode;
     hiddenHintText?: ReactNode;
     hintText?: ReactNode;
     layout?: FieldWrapperLayout | undefined;
     note?: ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: ReactNode;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
 } & react.RefAttributes<HTMLInputElement>>;
 type SearchInputProps = ComponentProps<typeof SearchInput>;
 
@@ -2241,7 +2241,7 @@ type SelectItem = boolean | number | object | string | null;
 interface SelectControlProps<TItem extends SelectItem> extends FieldControlProps, DesignSystemBaseProps {
     ariaLabel?: string;
     disabled?: boolean;
-    formatter?: Formatter<TItem, ReactNode, number | string>;
+    formatter?: Formatter<TItem, ReactNode>;
     getItemKey?: (item: TItem | null) => number | string;
     iconSystem?: IconSystemType;
     id?: string;
@@ -2291,21 +2291,21 @@ interface SliderMinMaxLabels {
     max: ReactElement | string;
     min: ReactElement | string;
 }
-interface SliderAriaValueTextFormatterDataContext {
+interface SliderAriaValueTextFormatterContext {
     clampMax?: number;
     clampMin?: number;
 }
-type SliderAriaValueTextFormatter = Formatter<number, string, string, SliderAriaValueTextFormatterDataContext>;
-interface SliderInputLimitExceededLiveTextFormatterDataContext {
-    clampMax: number;
-    clampMin: number;
+type SliderAriaValueTextFormatter = Formatter<number, string, SliderAriaValueTextFormatterContext>;
+interface SliderInputLimitExceededLiveTextFormatterContext {
+    clampMax?: number;
+    clampMin?: number;
     effectiveMax: number;
     effectiveMin: number;
     max: number;
     min: number;
     oldValue: number;
 }
-type SliderInputLimitExceededLiveTextFormatter = Formatter<number, string, string, SliderInputLimitExceededLiveTextFormatterDataContext>;
+type SliderInputLimitExceededLiveTextFormatter = Formatter<number, string, SliderInputLimitExceededLiveTextFormatterContext>;
 
 interface SliderInputProps extends RefAttributes<HTMLInputElement>, DesignSystemBaseProps, InputLabelPassthroughProps {
     ariaLabelForHandle?: string;
@@ -2651,25 +2651,25 @@ interface TextAreaControlProps extends TextareaHTMLAttributes<HTMLTextAreaElemen
 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;
+    colorScheme?: ColorScheme | undefined;
     mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
+    errorMessage?: react.ReactNode;
     hiddenHintText?: react.ReactNode;
     hintText?: react.ReactNode;
     layout?: FieldWrapperLayout | undefined;
     note?: react.ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: react.ReactNode;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: react.ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
 } & react.RefAttributes<HTMLTextAreaElement>>;
 type TextAreaProps = ComponentProps<typeof TextArea>;
 
@@ -2686,25 +2686,25 @@ interface TextInputControlProps extends InputProps {
 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;
+    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 TextInputProps = ComponentProps<typeof TextInput>;
 
@@ -2733,25 +2733,25 @@ interface TrailingTextInputControlProps extends InputProps {
 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;
+    colorScheme?: ColorScheme | undefined;
     mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
     controlWidth?: csstype.Property.Width | undefined;
+    errorMessage?: ReactNode;
     hiddenHintText?: ReactNode;
     hintText?: ReactNode;
     layout?: FieldWrapperLayout | undefined;
     note?: ReactNode;
     optionality?: FieldOptionality | undefined;
     successMessage?: ReactNode;
+    labelAs?: react.ElementType | undefined;
+    labelHiddenText?: string | undefined;
+    labelId?: string | undefined;
+    labelSuffix?: ReactNode;
+    tooltip?: TooltipInfoDescriptor | undefined;
 } & react.RefAttributes<HTMLInputElement>>;
 type TrailingTextInputProps = ComponentProps<typeof TrailingTextInput>;
 
@@ -2839,11 +2839,11 @@ type UseFormReturn<TFieldValues extends FieldValues, TSubmitValues extends Field
  */
 declare const useForm: <TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined>(props?: UseFormProps<TFieldValues>) => UseFormReturn<TFieldValues, TSubmitValues>;
 
-interface FormProviderProps<TFieldValues extends FieldValues> {
+interface FormProviderProps<TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined> {
     children: ReactNode;
-    form: UseFormReturn<TFieldValues>;
+    form: UseFormReturn<TFieldValues, TSubmitValues>;
 }
-declare const FormProvider: <TFieldValues extends FieldValues>(props: FormProviderProps<TFieldValues>) => react_jsx_runtime.JSX.Element;
+declare const FormProvider: <TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined>(props: FormProviderProps<TFieldValues, TSubmitValues>) => react_jsx_runtime.JSX.Element;
 
 declare const FormConfigContext: react.Context<FormConfig>;
 
@@ -2856,17 +2856,11 @@ declare class ReCaptchaError extends Error {
     constructor(type: ReCaptchaErrorType);
 }
 
-declare const useFormContext: <TFieldValues extends FieldValues>() => UseFormReturn<TFieldValues>;
+declare const useFormContext: <TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined>() => UseFormReturn<TFieldValues, TSubmitValues>;
 
-declare const identityFormatter: afformative.Formatter<any, any, any, {
-    [x: string]: any;
-}>;
-declare const jsonFormatter: afformative.Formatter<any, string, string, {
-    [x: string]: any;
-}>;
-declare const useMessageFormatter: <TInput extends unknown>(getMessage: (value: TInput) => MessageDescriptorWithPrimitiveValues | string) => afformative.Formatter<TInput, ReactNode, string, {
-    [x: string]: any;
-}>;
+declare const identityFormatter: afformative.Formatter<any, any, unknown>;
+declare const jsonFormatter: afformative.Formatter<any, string, unknown>;
+declare const useMessageFormatter: <TInput extends unknown>(getMessage: (value: TInput) => MessageDescriptorWithPrimitiveValues | string) => afformative.Formatter<TInput, ReactNode, unknown>;
 
 export { Accordion, AccordionContent, AccordionItem, AccordionKeyValue, AccordionVariant, BorderRadius, Button, ButtonContentAlign, ButtonSize, ButtonStyle, ButtonType, ButtonsLayout, ButtonsLayoutAlign, ButtonsLayoutDirection, CalculatorResult, CalculatorResultInfoPosition, CaptchaType, Checkbox, CheckboxControl, CheckboxField, CheckboxPosition, CircularProgressBar, ColorScheme, ColorSchemeProvider, ComboBox, ComboBoxControl, ComboBoxField, ComboBoxItemOrderSource, ComboBoxValueType, DatePicker, DatePickerControl, DatePickerField, DesignSystemMessagesProvider, DesignSystemPropDefaultsProvider, DesignSystemProvider, EmailInput, EmailInputField, ErrorBox, FieldAddonPosition, FieldConfigProvider, FieldLabelStoreProvider, FieldOptionality, FieldWrapper, FieldWrapperLayout, FileInput, FileInputControl, FileInputErrorCode, FileInputField, FlexWrap, FontWeight, FormConfigContext, FormConfigProvider, FormErrorOutcome, FormErrorSummary, FormProvider, FormSuccessOutcome, FormatAmountCurrencyDisplay, FormatAmountGrouping, FormattedAmount$1 as FormattedAmount, FormattedHtmlMessage, FormattedMessage, FormattedPercentage, IconFlag, IconFlagType, IconProduct, IconProductHighlightType, IconProductSize, IconProductType, IconProductVariant, IconSystem, IconSystemSize, IconSystemType, Infobox, InfoboxSize, InfoboxVariant, InputBase, InputLabel, InputLabelSize, InputSize, InputTextAlign, LabelTooltipPosition, Loader, LoaderOverlayBox, LoaderSize, MaskedInput, MaskedInputBase, MaskedInputField, MediaType, MediaTypeProvider, Modal, ModalVerticalPosition, ModalWidthType, FormattedAmount as NextFormattedAmount, NumberInput, NumberInputField, Overflow, Paper, PaperShadow, PhoneInput, PhoneInputField, ProgressPaper, Radio, RadioButton, RadioButtonField, RadioButtonGroup, RadioButtonGroupControl, RadioButtonGroupField, RadioButtonGroupLayout, RadioControl, RadioField, RadioGroup, RadioGroupControl, RadioGroupDirection, RadioGroupField, RadioPosition, ReCaptchaError, ReCaptchaErrorType, ReasonForClosing, SearchInput, Select, SelectControl, SelectField, SelectItemOrderSource, SelectVariant, Slider, SliderInput, SliderInputField, SliderInputRoundingType, SliderStepType, Spacing, SpanButton, Stack, StackDirection, Stepper, StepperVariant, StoreButton, StoreButtonSize, StoreButtonVariant, Table, TableBody, TableData, TableHead, TableHeadData, TableHeadScope, TableRow, TableTextAlign, TableVariant, Tabs, TabsActiveTabDefaultPosition, TabsSize, TabsVariant, TabsWrap, Tag, TagIconPosition, TagSize, TagTextTransform, TagType, TextArea, TextAreaField, TextDecoration, TextInput, TextInputField, ThrownFormLevelErrorType, Toggle, TooltipCloseReason, TooltipGeneral, TooltipInfo, TooltipInfoConditional, TooltipInfoDisplayMethod, TooltipInfoDisplayableCheck, TooltipPlacement, TooltipWidth, TrailingTextInput, Typography, TypographyTextAlign, TypographyVariant, VisuallyHidden, WhiteSpace, datePickerValueFormat, getClampedFontSize, getColor, getTextDecorationStyle, htmlNbsp, identityFormatter, isRenderable, jsonFormatter, liferayClassNames, mapTooltipInfoDescriptorToPropsSubset, mergeRefs, pxToRem, renderReactNodeArray, resolveBorderRadiusValue, resolveFlexWrapValue, resolveFontWeightValue, resolveOverflowValue, resolveSpacingValue, resolveTextDecorationValue, resolveWhiteSpaceValue, styled, theme, useChooseColor, useColorScheme, useCreateTooltipInfoDescriptor, useDesignSystem, useDesignSystemMessages, useDesignSystemPropDefaults, useFieldConfig, useFieldLabels, useForm, useFormContext, useFormSuccessOutcomeManager, useFormatAmount$1 as useFormatAmount, useFormatPercentage, useFormattedPercentage, useGetFormattedHtmlMessageIfDisplayable, useIsMessageDisplayable, useMediaType, useMessageFormatter, useFormatAmount as useNextFormatAmount, useRegisterFieldLabel, useUniqueIdIfIsUndefined, withFieldWrapper, withMaskedInputField };
-export type { AccordionContentType, AccordionItemProps, AccordionItemType, AccordionKeyValueProps, AccordionProps, ButtonProps, ButtonsLayoutProps, CalculatorResultBodyItem, CalculatorResultHeader, CalculatorResultMain, CalculatorResultModalDescriptor, CalculatorResultProps, CheckboxControlProps, CheckboxFieldProps, CheckboxProps, ChooseColor, CircularProgressBarProps, ColorObject, ColorSchemeProviderProps, ComboBoxControlProps, ComboBoxFieldProps, ComboBoxItem, ComboBoxItemOrder, ComboBoxProps, ComboBoxValue, CreateTooltipInfoDescriptor, CreateTooltipInfoDescriptorParam, DatePickerControlProps, DatePickerFieldProps, DatePickerProps, DesignSystemBaseProps, DesignSystemFullMessages, DesignSystemFullPropDefaults, DesignSystemMessagesProviderProps, DesignSystemPartialMessages, DesignSystemPartialPropDefaults, DesignSystemPropDefaultsProviderProps, DesignSystemProviderProps, EmailInputFieldProps, EmailInputProps, ErrorBoxItem, ErrorBoxProps, FieldAddon, FieldConfig, FieldConfigProviderProps, FieldControlProps, FieldLabelStoreProviderProps, FieldWrapperControlProps, FieldWrapperProps, FileInputControlProps, FileInputDropzoneDragFilesHereComponent, FileInputDropzoneDragOrSelectFilesComponent, FileInputDropzoneSelectFilesComponent, FileInputFieldProps, FileInputLimitDescriptionComponent, FileInputProps, FileInputRemoveButtonTextComponent, FileInputSettings, FileInputUploadErrorReasonComponent, FileInputUploadFailedComponent, FormConfig, FormConfigProviderProps, FormErrorOutcomeProps, FormErrorSummaryProps, FormProviderProps, FormSuccessOutcomeProps, FormatAmountParam, FormattedAmountProps$1 as FormattedAmountProps, FormattedHtmlMessageProps, FormattedMessageProps, FormattedPercentageProps, GetColor, IconFlagProps, IconProductProps, IconSystemProps, IconSystemSvgProps, InfoboxProps, InfoboxTextContent, InputBaseProps, InputLabelPassthroughProps, InputLabelProps, InputProps, LoaderOverlayBoxProps, LoaderProps, MaskedInputBaseProps, MaskedInputFieldProps, MaskedInputProps, MediaTypeProviderProps, MessageDescriptorWithPrimitiveValues, MessageDescriptorWithValues, MessageValues, ModalOnClose, ModalProps, FormattedAmountProps as NextFormattedAmountProps, NumberInputFieldProps, NumberInputProps, PaperProps, PhoneInputFieldProps, PhoneInputProps, PrimitiveMessageValues, ProgressPaperProps, RadioButtonFieldProps, RadioButtonGroupControlProps, RadioButtonGroupFieldProps, RadioButtonGroupItem, RadioButtonGroupProps, RadioButtonLabel, RadioButtonProps, RadioControlProps, RadioFieldProps, RadioGeneralProps, RadioGroupControlProps, RadioGroupFieldProps, RadioGroupItem, RadioGroupProps, RadioProps, ReCaptchaV3Config, SearchInputProps, SelectControlProps, SelectFieldProps, SelectItem, SelectItemOrder, SelectProps, SliderAriaValueTextFormatter, SliderAriaValueTextFormatterDataContext, SliderBreakpoint, SliderInputFieldProps, SliderInputLimitExceededLiveTextFormatter, SliderInputLimitExceededLiveTextFormatterDataContext, SliderInputProps, SliderMinMaxLabels, SliderProps, SliderSteps, SpanButtonProps, SsrProps, StackProps, StepperItemProps, StepperProps, StoreButtonProps, SubmitHandler, SubmitHandlerErrorInfo, SubmitHandlerExtraParam, TabItemType, TableBodyProps, TableDataProps, TableHeadDataProps, TableHeadProps, TableProps, TableRowProps, TabsProps, TabsType, TagProps, TextAreaFieldProps, TextAreaProps, TextInputFieldProps, TextInputProps, Theme, ThrownFieldLevelError, ThrownFieldLevelErrorFormatter, ThrownFormErrors, ThrownFormLevelError, ThrownFormLevelErrorFormatter, ThrownFormLevelErrorFormatterOutput, ThrownFormLevelErrorMeta, ToggleProps, TooltipDescriptor, TooltipGeneralProps, TooltipInfoConditionalProps, TooltipInfoDescriptor, TooltipInfoDisplayableCheckProps, TooltipInfoProps, TooltipRenderParent, TrailingTextInputProps, TypographyProps, UseColorSchemeOptions, UseColorSchemeParam, UseDesignSystemOptions, UseDesignSystemParam, UseFormCaptchaProp, UseFormHandleSubmit, UseFormProps, UseFormReturn, UseFormSuccessOutcomeManagerReturn, UseMediaTypeOptions, UseMediaTypeParam, VisuallyHiddenProps };
+export type { AccordionContentType, AccordionItemProps, AccordionItemType, AccordionKeyValueProps, AccordionProps, ButtonProps, ButtonsLayoutProps, CalculatorResultBodyItem, CalculatorResultHeader, CalculatorResultMain, CalculatorResultModalDescriptor, CalculatorResultProps, CheckboxControlProps, CheckboxFieldProps, CheckboxProps, ChooseColor, CircularProgressBarProps, ColorObject, ColorSchemeProviderProps, ComboBoxControlProps, ComboBoxFieldProps, ComboBoxItem, ComboBoxItemOrder, ComboBoxProps, ComboBoxValue, CreateTooltipInfoDescriptor, CreateTooltipInfoDescriptorParam, DatePickerControlProps, DatePickerFieldProps, DatePickerProps, DesignSystemBaseProps, DesignSystemFullMessages, DesignSystemFullPropDefaults, DesignSystemMessagesProviderProps, DesignSystemPartialMessages, DesignSystemPartialPropDefaults, DesignSystemPropDefaultsProviderProps, DesignSystemProviderProps, EmailInputFieldProps, EmailInputProps, ErrorBoxItem, ErrorBoxProps, FieldAddon, FieldConfig, FieldConfigProviderProps, FieldControlProps, FieldLabelStoreProviderProps, FieldWrapperControlProps, FieldWrapperProps, FileInputControlProps, FileInputDropzoneDragFilesHereComponent, FileInputDropzoneDragOrSelectFilesComponent, FileInputDropzoneSelectFilesComponent, FileInputFieldProps, FileInputLimitDescriptionComponent, FileInputProps, FileInputRemoveButtonTextComponent, FileInputSettings, FileInputUploadErrorReasonComponent, FileInputUploadFailedComponent, FormConfig, FormConfigProviderProps, FormErrorOutcomeProps, FormErrorSummaryProps, FormProviderProps, FormSuccessOutcomeProps, FormatAmountParam, FormattedAmountProps$1 as FormattedAmountProps, FormattedHtmlMessageProps, FormattedMessageProps, FormattedPercentageProps, GetColor, IconFlagProps, IconProductProps, IconSystemProps, IconSystemSvgProps, InfoboxProps, InfoboxTextContent, InputBaseProps, InputLabelPassthroughProps, InputLabelProps, InputProps, LoaderOverlayBoxProps, LoaderProps, MaskedInputBaseProps, MaskedInputFieldProps, MaskedInputProps, MediaTypeProviderProps, MessageDescriptorWithPrimitiveValues, MessageDescriptorWithValues, MessageValues, ModalOnClose, ModalProps, FormattedAmountProps as NextFormattedAmountProps, NumberInputFieldProps, NumberInputProps, PaperProps, PhoneInputFieldProps, PhoneInputProps, PrimitiveMessageValues, ProgressPaperProps, RadioButtonFieldProps, RadioButtonGroupControlProps, RadioButtonGroupFieldProps, RadioButtonGroupItem, RadioButtonGroupProps, RadioButtonLabel, RadioButtonProps, RadioControlProps, RadioFieldProps, RadioGeneralProps, RadioGroupControlProps, RadioGroupFieldProps, RadioGroupItem, RadioGroupProps, RadioProps, ReCaptchaV3Config, SearchInputProps, SelectControlProps, SelectFieldProps, SelectItem, SelectItemOrder, SelectProps, SliderAriaValueTextFormatter, SliderAriaValueTextFormatterContext, SliderBreakpoint, SliderInputFieldProps, SliderInputLimitExceededLiveTextFormatter, SliderInputLimitExceededLiveTextFormatterContext, SliderInputProps, SliderMinMaxLabels, SliderProps, SliderSteps, SpanButtonProps, SsrProps, StackProps, StepperItemProps, StepperProps, StoreButtonProps, SubmitHandler, SubmitHandlerErrorInfo, SubmitHandlerExtraParam, TabItemType, TableBodyProps, TableDataProps, TableHeadDataProps, TableHeadProps, TableProps, TableRowProps, TabsProps, TabsType, TagProps, TextAreaFieldProps, TextAreaProps, TextInputFieldProps, TextInputProps, Theme, ThrownFieldLevelError, ThrownFieldLevelErrorFormatter, ThrownFormErrors, ThrownFormLevelError, ThrownFormLevelErrorFormatter, ThrownFormLevelErrorFormatterOutput, ThrownFormLevelErrorMeta, ToggleProps, TooltipDescriptor, TooltipGeneralProps, TooltipInfoConditionalProps, TooltipInfoDescriptor, TooltipInfoDisplayableCheckProps, TooltipInfoProps, TooltipRenderParent, TrailingTextInputProps, TypographyProps, UseColorSchemeOptions, UseColorSchemeParam, UseDesignSystemOptions, UseDesignSystemParam, UseFormCaptchaProp, UseFormHandleSubmit, UseFormProps, UseFormReturn, UseFormSuccessOutcomeManagerReturn, UseMediaTypeOptions, UseMediaTypeParam, VisuallyHiddenProps };