@zealicsolutions/web-ui 0.2.85 → 0.2.87

package/dist/index.d.ts

@@ -1,26 +1,21 @@
 /// <reference types="react" />
 import * as React$1 from 'react';
-import React__default, { PropsWithChildren, ReactNode, CSSProperties as CSSProperties$1, ComponentType, Dispatch, SetStateAction } from 'react';
+import React__default, { PropsWithChildren, ReactNode, Dispatch, SetStateAction, CSSProperties as CSSProperties$1, ComponentType } from 'react';
 import * as styled_components from 'styled-components';
 import { CSSProperties, DefaultTheme } from 'styled-components';
-import { FontSizesTypes as FontSizesTypes$1, ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$1 } from 'theme';
-import { Callback as Callback$1, StylesType, Nullable, StrictUnion } from 'typescript';
 import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
-import { InputFieldTypes as InputFieldTypes$1, FieldTypes as FieldTypes$1, UIFields as UIFields$1 } from 'fieldsConfiguration/types';
-import { FontSizesTypes as FontSizesTypes$2, ThemeColors as ThemeColors$2, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
+import { InputFieldTypes as InputFieldTypes$1, FieldTypes as FieldTypes$1, UIFields as UIFields$2 } from 'fieldsConfiguration/types';
+import { ThemeColors as ThemeColors$1, FontSizesTypes as FontSizesTypes$1, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
+import { StylesType, Callback as Callback$1, OverrideStyles, Nullable, StrictUnion } from 'typescript';
+import { ThemeColors as ThemeColors$2, SizesTypes as SizesTypes$1, FontSizesTypes as FontSizesTypes$2 } from 'theme';
+import { BaseButtonProps as BaseButtonProps$1, MenuItem as MenuItem$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1, ButtonProps as ButtonProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1, AlertProps as AlertProps$1, BottomNaVBarItemProps as BottomNaVBarItemProps$1, FieldLabelsProps as FieldLabelsProps$1, FieldSectionProps as FieldSectionProps$1, MenuItemsProps as MenuItemsProps$1, InputFieldProps as InputFieldProps$1, ImageProps as ImageProps$1 } from 'molecules';
 import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
 import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
 import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
-import { TextProps as TextProps$1, IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, InputProps as InputProps$1, CheckBoxProps as CheckBoxProps$1, RegularImageProps as RegularImageProps$1, ButtonProps as ButtonProps$1, TextButtonProps as TextButtonProps$1, AvatarProps as AvatarProps$1, TabProps as TabProps$1, TabTheme as TabTheme$1, RadioButtonsProps as RadioButtonsProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1 } from 'atoms';
-import { MenuItem as MenuItem$1, FieldSectionProps as FieldSectionProps$1, MenuItemsProps as MenuItemsProps$1, InputFieldProps as InputFieldProps$1, TabProps as TabProps$2, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1, AlertProps as AlertProps$1, BottomNaVBarItemProps as BottomNaVBarItemProps$1, ImageProps as ImageProps$1 } from 'molecules';
-import { Control, ControllerProps } from 'react-hook-form/dist/types';
-import { SelectOption as SelectOption$1 } from 'atoms/Select/types';
-import { ControllerProps as ControllerProps$1, DeepPartial, FieldValues, FormState, Control as Control$1 } from 'react-hook-form';
-import { DrawerProps as DrawerProps$1 } from '@mui/material';
-import { ProcessTrackerStatus as ProcessTrackerStatus$1, FilteredFeedContentType as FilteredFeedContentType$1, ConsentProps as ConsentProps$1, HeroSliderProps as HeroSliderProps$1, ProcessTrackerProps as ProcessTrackerProps$1 } from 'organisms';
-import { FeedContentTemplateTypes as FeedContentTemplateTypes$1, FeedContentProps as FeedContentProps$1 } from 'organisms/FeedContent/types';
-import { SetPasswordFields, MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
-import { UIFields as UIFields$2 } from 'fieldsConfiguration';
+import { TextProps as TextProps$1, IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, AvatarProps as AvatarProps$1, TabProps as TabProps$1, RadioButtonsProps as RadioButtonsProps$1, InputProps as InputProps$1, CheckBoxProps as CheckBoxProps$1, RegularImageProps as RegularImageProps$1, TextButtonProps as TextButtonProps$1, TabTheme as TabTheme$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1 } from 'atoms';
+import { UIFields as UIFields$1, UIField as UIField$1 } from 'fieldsConfiguration';
+import { MaxRuleValidation, MinRuleValidation, SetPasswordFields } from 'organisms/SetPasswordForm/types';
+import { ConsentProps as ConsentProps$1, FilteredFeedContentType as FilteredFeedContentType$1, HeroSliderProps as HeroSliderProps$1, ProcessTrackerProps as ProcessTrackerProps$1, ProcessTrackerStatus as ProcessTrackerStatus$1 } from 'organisms';
 import { ConsentProps as ConsentProps$2 } from 'organisms/Consent/Consent';
 import { FooterAProps } from 'organisms/Footer/FooterA';
 import { FooterBProps } from 'organisms/Footer/FooterB';
@@ -30,49 +25,19 @@ import { FeedContentContainerProps as FeedContentContainerProps$1 } from 'organi
 import { SubscribePanelProps as SubscribePanelProps$1 } from 'organisms/SubscribePanel/type';
 import { ISIAProps } from 'organisms/ISI/ISIA';
 import { HeaderAProps as HeaderAProps$1 } from 'organisms/Header/HeaderA';
+import { FeedContentProps as FeedContentProps$1, FeedContentTemplateTypes as FeedContentTemplateTypes$1 } from 'organisms/FeedContent/types';
+import { Control, ControllerProps, DeepPartial, FieldValues, FormState } from 'react-hook-form';
 import { AlertProps as AlertProps$2 } from 'molecules/Alert/Alert';
+import { SelectOption as SelectOption$1 } from 'atoms/Select/types';
 import { LoginFields as LoginFields$1 } from 'organisms/LoginForm/types';
 import { AnnotationsList as AnnotationsList$1 } from 'contexts/MlrRichTextViewerContext/types';
 import * as contexts_MlrRichTextViewerContext_MlrRichTextViewerContext from 'contexts/MlrRichTextViewerContext/MlrRichTextViewerContext';
+export * from 'helpers/constants';
+import { Control as Control$1, ControllerProps as ControllerProps$1 } from 'react-hook-form/dist/types';
+import { DrawerProps as DrawerProps$1 } from '@mui/material';
 import { ContainerProps as ContainerProps$1, ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1 } from 'containers';
 import * as containers_types_types from 'containers/types/types';
 import { ContainerProps as ContainerProps$2 } from 'containers/types/types';
-export * from 'helpers/constants';
-
-declare type ButtonVariant = 'primary' | 'secondary' | 'text' | 'custom';
-declare type BaseButtonProps = PropsWithChildren<{
-    onClick?: Callback$1;
-    variant?: ButtonVariant;
-    disabled?: boolean;
-    fullWidth?: boolean;
-    size?: 'medium' | 'small';
-    buttonFont?: FontSizesTypes$1;
-    textColor?: ThemeColors$1 | string;
-    textSize?: number;
-    horizontalPadding?: SizesTypes$1;
-    verticalPadding?: SizesTypes$1;
-    buttonColor?: ThemeColors$1 | string;
-    buttonStroke?: ThemeColors$1 | string;
-    cornerRadius?: SizesTypes$1 | number;
-    hoverButtonColor?: ThemeColors$1 | string;
-    hoverStrokeColor?: ThemeColors$1 | string;
-    inactiveButtonColor?: ThemeColors$1 | string;
-    inactiveStrokeColor?: ThemeColors$1 | string;
-    styles?: StylesType;
-    colorTheme?: 'light' | 'dark';
-    href?: string;
-}>;
-declare type ButtonProps = BaseButtonProps & {
-    fullWidth?: boolean;
-    text?: string;
-    link?: string;
-    elementId?: string;
-    loading?: boolean;
-    isRichText?: boolean;
-    containerStyle?: CSSProperties;
-    buttonStyle?: CSSProperties;
-};
-declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, ...props }: ButtonProps) => JSX.Element | null;
 
 declare type TouchableOpacityProps = PropsWithChildren<{
     activeOpacity?: number;
@@ -113,6 +78,16 @@ declare type SelectProps = {
 
 declare const Select: ({ onChange, value, placeholder, options, disabled, optionsPresentation, isError, }: SelectProps) => JSX.Element;
 
+declare type InputFieldInternalConfigProps = {
+    textColor: ThemeColors$1 | string;
+    textFontSize: number;
+    placeholderTextColor: ThemeColors$1 | string;
+    placeholderTextFontSize: number;
+    verticalPadding: number;
+    horizontalPadding: number;
+    styles: StylesType;
+    wrapperStyles: StylesType;
+};
 declare type InputIconProps = {
     name: IconNames$1;
     onClick?: Callback$1;
@@ -130,18 +105,19 @@ declare type InputProps = {
     maxLength?: number;
     onChange?: (value: string) => void;
     onKeyDown?: (event: React__default.KeyboardEvent<HTMLInputElement>) => void;
+    internalConfig?: InputFieldInternalConfigProps;
 };
-declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, ...rest }: InputProps) => JSX.Element;
+declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, ...rest }: InputProps) => JSX.Element;
 
 declare type TextTypes = 'primary' | 'secondary' | 'error' | 'success';
 declare type TextAlign = 'center' | 'right' | 'left';
 declare type SeoTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
 declare type TextProps = {
-    variant: FontSizesTypes$2;
+    variant: FontSizesTypes$1;
     layout?: 'div' | 'span';
     type?: TextTypes;
     styles?: StylesType;
-    color?: ThemeColors$2 | string;
+    color?: ThemeColors$1 | string;
     numberOfLines?: number;
     textAlign?: TextAlign;
     behaveAs?: 'text' | 'button';
@@ -153,8 +129,8 @@ declare const TextWrapper: ({ children, seoTag, ...textProps }: TextWrapperProps
 declare type IconProps = {
     name: IconNames;
     size?: number;
-    color?: ThemeColors$1 | string;
-    fill?: ThemeColors$1 | string;
+    color?: ThemeColors$2 | string;
+    fill?: ThemeColors$2 | string;
     pointerEvents?: 'auto' | 'none';
     style?: CSSProperties;
 };
@@ -194,7 +170,7 @@ declare type SpacerProps = {
 declare const Spacer: styled_components.StyledComponent<"div", styled_components.DefaultTheme, SpacerProps, never>;
 
 declare const Spinner: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
-    color?: ThemeColors$2 | undefined;
+    color?: ThemeColors$1 | undefined;
     size?: SizesTypes$2 | undefined;
 }, never>;
 
@@ -202,38 +178,35 @@ declare type RegularImageProps = {
     src: string;
 } & Partial<{
     alt: string;
-    style: CSSProperties;
     width: number | string;
     height: number | string;
     onClick: Callback$1;
     cornerRadius: number;
-}>;
+}> & OverrideStyles;
 declare const RegularImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, {
     src: string;
 } & Partial<{
     alt: string;
-    style: CSSProperties;
     width: number | string;
     height: number | string;
     onClick: Callback$1;
     cornerRadius: number;
-}>, never>;
+}> & OverrideStyles, never>;
 declare const BackgroundImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, {
     src: string;
 } & Partial<{
     alt: string;
-    style: CSSProperties;
     width: number | string;
     height: number | string;
     onClick: Callback$1;
     cornerRadius: number;
-}>, never>;
+}> & OverrideStyles, never>;
 
-declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClick' | 'children' | 'colorTheme' | 'size'> & {
+declare type TextButtonProps = Pick<BaseButtonProps$1, 'disabled' | 'onClick' | 'children' | 'colorTheme' | 'size'> & {
     buttonLink?: string;
     elementId?: string;
 };
-declare const TextButton: styled_components.StyledComponent<"a", styled_components.DefaultTheme, Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & {
+declare const TextButton: styled_components.StyledComponent<"a", styled_components.DefaultTheme, Pick<BaseButtonProps$1, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & {
     buttonLink?: string | undefined;
     elementId?: string | undefined;
 }, never>;
@@ -245,9 +218,11 @@ declare type ValidationTagProps = {
 };
 declare const ValidationTag: ({ text, status }: ValidationTagProps) => JSX.Element;
 
-declare type TooltipProps = Pick<TooltipProps$1, 'overlay' | 'placement' | 'trigger' | 'visible' | 'children'>;
-declare const StyleWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
-declare const Tooltip: ({ trigger, placement, ...props }: TooltipProps) => JSX.Element;
+declare type TooltipProps = Pick<TooltipProps$1, 'overlay' | 'placement' | 'trigger' | 'visible' | 'children'> & {
+    styles?: StylesType;
+};
+declare const StyleWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, OverrideStyles, never>;
+declare const Tooltip: ({ trigger, placement, styles, ...props }: TooltipProps) => JSX.Element;
 
 declare type ToastType = 'success' | 'infoTierOne' | 'infoTierTwo' | 'warning' | 'error';
 declare type ToastParams = {
@@ -274,10 +249,10 @@ declare type AvatarProps = {
     size?: SizesTypes$1 | number;
     withShadow?: boolean;
     label?: string;
-    backgroundColor?: ThemeColors$1;
+    backgroundColor?: ThemeColors$2;
     textConfig?: {
-        color?: ThemeColors$1;
-        font?: FontSizesTypes$1;
+        color?: ThemeColors$2;
+        font?: FontSizesTypes$2;
     };
     content: {
         initials?: string;
@@ -296,7 +271,7 @@ declare const VerticalPadding: styled_components.StyledComponent<"div", styled_c
 
 declare type DividerProps = {
     type?: 'horizontal' | 'vertical';
-    color?: ThemeColors$1 | string;
+    color?: ThemeColors$2 | string;
     marginVertical?: SizesTypes$1 | number;
     marginHorizontal?: SizesTypes$1 | number;
     weight?: number;
@@ -321,8 +296,8 @@ declare const COMMUNICATION_LINK_DATA_URL = "communication-link-url";
 declare const COMMUNICATION_LINK_DATA_TEXT = "communication-link-text";
 declare type RichTextEditorProps = Partial<{
     value: string;
-    font: FontSizesTypes$1;
-    color: ThemeColors$1;
+    font: FontSizesTypes$2;
+    color: ThemeColors$2 | string;
     textStyles: StylesType;
     numberOfLines?: number;
     extraTextProps?: TextProps$1;
@@ -355,8 +330,8 @@ declare const Circle: ({ index, type }: CircleBoxProps) => JSX.Element;
 
 declare type CircularIndicatorProps = {
     active: boolean;
-    activeColor?: ThemeColors$1 | string;
-    inactiveColor?: ThemeColors$1 | string;
+    activeColor?: ThemeColors$2 | string;
+    inactiveColor?: ThemeColors$2 | string;
 };
 declare const CircularIndicator: ({ activeColor, inactiveColor, ...props }: CircularIndicatorProps) => JSX.Element;
 declare const CircularIndicatorStyledComponent: styled_components.StyledComponent<"span", styled_components.DefaultTheme, CircularIndicatorProps, never>;
@@ -365,8 +340,8 @@ declare type IconButtonProps = {
     name: IconNames$2;
     size?: number;
     onClick: Callback$1;
-    color?: ThemeColors$1 | string;
-    fill?: ThemeColors$1 | string;
+    color?: ThemeColors$2 | string;
+    fill?: ThemeColors$2 | string;
     pointerEvents?: 'auto' | 'none';
 };
 declare const IconButton: ({ name, color, onClick, disabled, activeOpacity, withoutOpacityEffect, ...props }: IconButtonProps & TouchableOpacityProps$1) => JSX.Element;
@@ -391,12 +366,12 @@ declare type TabProps<T = string, K = string> = {
     onOptionClick: (optionKey: K) => void;
     tabTheme: TabTheme;
     divider: boolean;
-    tabFont: FontSizesTypes$1;
+    tabFont: FontSizesTypes$2;
     textSize: number;
     tabPadding: SizesTypes$1 | number;
-    defaultTabTextColor: ThemeColors$1 | string;
-    selectedTabTextColor: ThemeColors$1 | string;
-    selectedTabIndicatorColor: ThemeColors$1 | string;
+    defaultTabTextColor: ThemeColors$2 | string;
+    selectedTabTextColor: ThemeColors$2 | string;
+    selectedTabIndicatorColor: ThemeColors$2 | string;
     styles: StylesType;
 }>;
 declare const ZealTab: <T extends string, K extends string>({ options, onClick, text, tabKey, vertical, onOptionClick, tabTheme, tabFont, tabPadding, selectedTabIndicatorColor, textSize, defaultTabTextColor, ...tabProps }: TabProps<T, K>, ref: React__default.ForwardedRef<TabElement>) => JSX.Element;
@@ -412,768 +387,836 @@ declare const Tab: <T, K>(props: {
     onOptionClick: (optionKey: K) => void;
     tabTheme: TabTheme;
     divider: boolean;
-    tabFont: FontSizesTypes$1;
+    tabFont: FontSizesTypes$2;
     textSize: number;
     tabPadding: SizesTypes$1 | number;
-    defaultTabTextColor: ThemeColors$1 | string;
-    selectedTabTextColor: ThemeColors$1 | string;
-    selectedTabIndicatorColor: ThemeColors$1 | string;
+    defaultTabTextColor: ThemeColors$2 | string;
+    selectedTabTextColor: ThemeColors$2 | string;
+    selectedTabIndicatorColor: ThemeColors$2 | string;
     styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
 }> & {
     ref?: React__default.ForwardedRef<TabElement> | undefined;
 }) => ReturnType<typeof ZealTab>;
 
-declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
-declare type FieldLabelsProps = {
+declare type SetPasswordRuleValidation = {
     label: string;
-    tooltipText?: string;
-    isError?: boolean;
-    isTooltipVisible?: boolean;
-    ruleLabel?: FieldRuleLabelTypes;
+    rule: MaxRuleValidation | MinRuleValidation;
 };
-declare const FieldLabels: ({ label, isTooltipVisible, isError, ruleLabel, tooltipText, }: FieldLabelsProps) => JSX.Element;
-
-declare type InputFieldProps = {
-    name: string;
-    control?: Control<any>;
-    rules?: ControllerProps['rules'];
-    required?: boolean;
-    optional?: boolean;
-    defaultValue?: string;
-    inputProps: InputProps$1;
-    styles?: CSSProperties;
-    labelsProps?: FieldLabelsProps;
+declare type SetPasswordFormProps = {
+    fields: UIFields$1<SetPasswordFields>;
+    logoUrl: string;
+    isLoading?: boolean;
+    validations: SetPasswordRuleValidation[];
+    onSubmit: (values: SetPasswordFields) => void;
+    onBack: () => void;
 };
-declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, }: InputFieldProps) => JSX.Element;
-
-declare const getFieldPlaceholder: (type: FieldTypes$1, title?: string) => string;
+declare const SetPasswordForm: ({ logoUrl, fields, validations, onBack, onSubmit, isLoading, }: SetPasswordFormProps) => JSX.Element;
 
-declare type InputFieldTypes = 'number' | 'text' | 'email' | 'password';
-declare type FieldTypes = 'input' | 'select' | 'checkbox';
-declare type UIField<T = string> = (UIInputField & UISelectField & UICheckboxField) & {
-    name: T;
-    type: FieldTypes;
-    value?: string;
-    label?: string;
-    placeholder?: string;
-    required?: boolean;
-    optional?: boolean;
-    tooltip?: string;
-    rules?: ControllerProps$1['rules'];
-    order?: number;
+declare const showAcceptToastMessage: () => void | undefined;
+declare type AcquisitionFormProps<T extends object> = {
+    fields: UIFields$1<T>;
+    consents: ConsentProps$1[];
+    logoUrl: string;
+    isLoading?: boolean;
+    isSubmitDisabled?: boolean;
+    title: string;
+    description?: string;
+    buttonText?: string;
+    onSubmit: (values: T) => void;
+    onLinkButtonClick?: Callback$1;
+    showConsentLabel?: boolean;
+    triggerFormInitially?: boolean;
+    isTooltipVisible?: boolean;
+    optionsPresentation?: boolean;
 };
-declare type UIInputField = {
-    inputType?: InputFieldTypes;
-    maxLength?: number;
-    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+declare const AcquisitionForm: <T extends object>({ logoUrl, title, description, buttonText, fields, optionsPresentation, onSubmit, showConsentLabel, onLinkButtonClick, isSubmitDisabled, consents, isLoading, triggerFormInitially, isTooltipVisible, }: AcquisitionFormProps<T>) => JSX.Element;
+
+declare type VerificationCodeForm = {
+    code: string;
 };
-declare type UISelectField = {
-    options?: SelectOption$1[];
+declare type AuthMethod = 'email' | 'sms';
+declare type TwoFactorAuthProps = {
+    logoUrl: string;
+    onNext?: (authMethod: AuthMethod) => Promise<void>;
+    onSubmit?: (values: VerificationCodeForm) => void;
+    onBack?: () => void;
 };
-declare type UICheckboxField = {
-    checkboxLabel?: string;
+declare const TwoFactorAuth: ({ logoUrl, onSubmit, onBack, onNext }: TwoFactorAuthProps) => JSX.Element;
+
+declare type LoginFields = {
+    email: string;
+    password: string;
+    rememberMe: boolean;
 };
-declare type UIFields<T extends object> = UIField<keyof T>[];
 
-declare const getInitialValuesFromFields: <T extends object>(fields: UIFields$1<T>) => DeepPartial<T>;
-declare const isFormValid: <T extends FieldValues>(formState: FormState<T>) => boolean;
-declare const getFieldsFromFieldSections: <T extends object>(sections: Pick<FieldSectionProps$1<T>, "fields">[]) => UIFields$1<T>;
+declare type LoginFormProps = {
+    fields: UIFields$1<LoginFields>;
+    logoUrl: string;
+    isLoading?: boolean;
+    twoFactorAuthConfig?: {
+        twoFactorShow: boolean;
+        twoFactorAuthProps: TwoFactorAuthProps;
+    };
+    optionsPresentation?: boolean;
+    onSubmit: (values: LoginFields) => void;
+    onSignUpButtonClick?: Callback$1;
+    onForgotPasswordButtonClick?: Callback$1;
+    isTooltipVisible?: boolean;
+    consents: ConsentProps$2[];
+};
+declare const LoginForm: ({ logoUrl, fields, isTooltipVisible, onSubmit, optionsPresentation, onSignUpButtonClick, isLoading, twoFactorAuthConfig, consents, onForgotPasswordButtonClick, }: LoginFormProps) => JSX.Element;
 
-declare const acquisitionFormMockFields: UIFields$1<Record<string, string>>;
-declare const setPasswordMockFields: UIFields$1<SetPasswordFields>;
-declare const loginMockFields: UIFields$1<LoginFields$1>;
-declare const sectionMockFields: UIFields$1<Record<string, string>>;
-declare const profileInformationMockForm: {
-    label: string;
-    fields: UIFields$1<Record<string, string>>;
-}[];
+declare type FooterProps = FooterAProps | FooterBProps | FooterCProps | FooterDProps;
+declare const Footer: (props: FooterProps) => JSX.Element;
 
-declare type FieldMapperProps<T extends object> = {
-    field: UIField<keyof T>;
-    isEditMode?: boolean;
-    control?: Control<T>;
-    spacer?: number;
-    isTooltipVisible?: boolean;
-    optionsPresentation?: boolean;
-    styles?: React.CSSProperties;
+declare type FeedContentTemplateTypes = 'full_width_content' | 'standard_content' | 'auto_play' | '';
+declare type FeedContentProps = {
+    feedContentType: Omit<FilteredFeedContentType$1, 'all'>;
+    feedContentTemplate: FeedContentTemplateTypes;
+    id?: string;
+    image?: string;
+    video?: string;
+    document?: string;
+    title?: Nullable<string>;
+    description: Nullable<string>;
+    lastUpdated: string;
+    buttonConfig: {
+        disabled?: boolean;
+        onClick?: () => void;
+    };
+    withCloseIcon?: {
+        onClose: Callback$1;
+    };
+    isMobile?: boolean;
+    isExpanded?: boolean;
+    fullWidth?: boolean;
+    fullWidthTemplateContainerStyles?: CSSProperties;
+    showDefaultDocumentStyles?: boolean;
+    destinationLink?: string;
+    onDestinationHandler?: Callback$1;
+    imageStyles?: StylesType;
+    videoStyles?: CSSProperties;
+    isEnabledFavoriting?: boolean;
+    isFavorite?: boolean;
+    onFavoriteClickHandler?: Callback$1;
+    onFavoriteIconClick?: (selectedFeedContent: FeedContentProps) => void;
 };
-declare const FieldMapper: <T extends object>({ field, isEditMode, spacer, control, isTooltipVisible, optionsPresentation, styles, }: FieldMapperProps<T>) => JSX.Element | null;
 
-declare type CheckboxFieldProps = {
+declare const FeedContent: ({ feedContentTemplate, ...props }: FeedContentProps) => JSX.Element;
+
+declare type FooterContactInfo = {
+    phoneNumber: string;
+    addressLine1: string;
+    addressLine2: string;
+};
+declare type FooterLink = {
+    id: string;
     name: string;
-    control?: Control<any>;
-    defaultValue?: boolean;
-    checkboxProps: Omit<CheckBoxProps$1, 'error' | 'onClick' | 'value'>;
+    location: string;
 };
-declare const CheckboxField: ({ control, name, checkboxProps, defaultValue, }: CheckboxFieldProps) => JSX.Element;
 
-declare type SelectFieldProps = {
-    selectProps: SelectProps;
-    labelsProps?: FieldLabelsProps;
-    name: string;
-    rules?: ControllerProps['rules'];
-    control?: Control<any>;
-    required?: boolean;
-    optional?: boolean;
-    defaultValue?: string;
-    styles?: CSSProperties;
+declare type ProfileInformationProps<TabKeys extends string> = {
+    backgroundImageUrl: string;
+    avatarProps: AvatarProps$1;
+    tabs: TabProps$1<string, TabKeys>[];
+    tabContents: Record<TabKeys, () => ReactNode>;
+    initialTabKey: TabKeys;
+    title: string;
+    editIcons?: {
+        isEditMode: boolean;
+        onSave: Callback$1;
+        onEdit: Callback$1;
+        onClose: Callback$1;
+    };
 };
-declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, }: SelectFieldProps) => JSX.Element;
+declare const ProfileInformation: <TabKeys extends string>({ avatarProps, backgroundImageUrl, initialTabKey, tabs, title, editIcons, tabContents, }: ProfileInformationProps<TabKeys>) => JSX.Element;
 
-declare type CustomValidationRule<T = string> = {
-    text: string;
-    validate: (value?: T) => boolean;
+declare type EmailAddressFields = {
+    email: string;
 };
-declare type CustomValidationProps<T = string> = {
-    label?: string;
-    value: T;
-    isSubmitted?: boolean;
-    rules: CustomValidationRule<T>[];
+declare type ForgotPasswordFormProps = {
+    logoUrl: string;
+    isLoading?: boolean;
+    onSubmit?: (values: EmailAddressFields) => void;
+    onBack?: Callback$1;
 };
-declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, }: CustomValidationProps<T>) => JSX.Element;
+declare const ForgotPasswordForm: ({ logoUrl, onBack, onSubmit, isLoading, }: ForgotPasswordFormProps) => JSX.Element;
 
-declare type BaseSelectableProps<T> = {
-    iconName: IconNames$2;
-    infoText: string;
-    isActive?: boolean;
-    onClick?: (value: T) => void;
-    value: T;
+declare type BodyProps = {
+    elements: {
+        data: (HeroImageProps$1 | HeroSliderProps$1 | SubscribePanelProps$1 | ColumnsProps$1 | EmphasizedTextProps$1 | FeedContentContainerProps$1)[];
+        spacer?: number;
+    };
+    horizontalPaddings?: number;
+    containerStyles?: CSSProperties;
 };
+declare const Body: ({ elements, horizontalPaddings, containerStyles, }: BodyProps) => JSX.Element;
 
-declare type SelectableCardGroupProps<T> = {
-    cards: BaseSelectableProps<T>[];
-    handleChange?: (value: T | undefined) => void;
-    spacing?: SizesTypes$1;
-    initialValue?: T;
-};
-declare const SelectableCardGroup: <T extends string>({ cards, handleChange, spacing, initialValue, }: SelectableCardGroupProps<T>) => JSX.Element;
+declare type ISIProps = ISIAProps;
+declare const ISI: (props: ISIProps) => JSX.Element;
 
-declare type HeroImageAlignment = 'left_aligned' | 'center_aligned';
-declare type HeroImageTemplate = 'card' | 'full_width';
-declare type HeroImageProps = {
-    type: 'hero_image';
-    backgroundImage: RegularImageProps$1;
-    mainHeading: string;
-    subHeading?: string;
-    button?: ButtonProps$1;
-    contentAlignment?: HeroImageAlignment;
-    horizontalPaddings?: number;
-    template?: HeroImageTemplate;
-    isMobile?: boolean;
-    height?: number;
+declare type ImportantLink = {
+    text: string;
+    href: string;
 };
-declare const HeroImage: ({ backgroundImage, button, contentAlignment, mainHeading, horizontalPaddings, subHeading, template, isMobile, height, }: HeroImageProps) => JSX.Element;
-
-declare type Anchor = 'top' | 'left' | 'bottom' | 'right';
-declare type DrawerProps = DrawerProps$1 & {
-    anchor: Anchor;
-    padding?: SizesTypes$2 | number;
-    height?: number | string;
-    width?: number | string;
-    closeIconColor?: ThemeColors$2 | string;
+declare type HeaderAProps<T = string> = {
+    className?: string;
+    links?: ImportantLink[];
+    logoUrl: string;
+    tabsProps: TabGroupProps$1;
+    onActionButtonClick?: Callback$1;
+    buttonText: string;
+    buttonLink: string;
+    isMobile?: boolean;
 };
 
-declare const Drawer: ({ children, closeIconColor, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;
-
-declare type ColumnsTemplateKeys = 'horizontal' | 'card' | 'with_image';
+declare type HeaderBProps<T = string> = Pick<HeaderAProps$1<T>, 'isMobile' | 'logoUrl' | 'tabsProps' | 'buttonText' | 'onActionButtonClick' | 'buttonLink' | 'className'>;
 
-declare type ColumnsProps = {
-    type: 'columns';
-    columns: ColumnItem[];
-    containerStyles?: CSSProperties$1;
-    template?: ColumnsTemplateKeys;
-};
-declare type ColumnItem = {
-    title?: string;
-    mainContent?: string;
-    button?: TextButtonProps$1;
-    icon: string;
-};
-declare const Columns: ({ columns, containerStyles, template }: ColumnsProps) => JSX.Element;
+declare type HeaderCProps<T> = Pick<HeaderAProps$1<T>, 'logoUrl' | 'tabsProps' | 'isMobile' | 'className'>;
 
-declare type MenuItem<T> = {
-    id: T;
-    title: string;
-    onClick?: (id: T) => void;
-};
-declare type MenuItemsProps<T> = {
-    title?: string;
-    onItemPress?: (id: T) => void;
-    options?: MenuItem<T>[];
-};
-declare const MenuItems: <T extends string | number>({ title, onItemPress, options, }: MenuItemsProps<T>) => JSX.Element;
+declare type HeaderDProps = {
+    withAvatar: AvatarDropdownProps$1<string>;
+} & Pick<HeaderAProps$1, 'isMobile' | 'logoUrl' | 'links' | 'tabsProps' | 'className'>;
 
-declare type AvatarDropdownProps<T> = {
-    avatarProps: AvatarProps$1;
-    menuConfig: MenuItemsProps<T>;
-};
-declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuConfig, }: AvatarDropdownProps<T>) => JSX.Element;
+declare type HeaderProps<T = string> = (HeaderAProps<T> & {
+    type: 'header_a';
+}) | (HeaderBProps<T> & {
+    type: 'header_b';
+}) | (HeaderCProps<T> & {
+    type: 'header_c';
+}) | (HeaderDProps & {
+    type: 'header_d';
+});
+declare const Header: <T extends string | number>(props: HeaderProps<T>) => JSX.Element;
 
-declare type TabType<T = string, K = string> = Pick<TabProps$1<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>;
-declare type AdditionalTabContainerProps = {
-    containerStyle?: CSSProperties;
-    containerProps?: Record<string, unknown>;
-};
-declare type TabGroupProps<T = string, K = string> = {
-    tabs: TabType<T, K>[];
-    activeTabKey: T;
-    onTabChange?: (tabKey: T) => void;
-    onOptionClick?: (optionKey: K) => void;
-    styles?: StylesType;
-    vertical?: boolean;
-    tabTheme?: TabTheme$1;
-    tabFont?: FontSizesTypes$2;
-    textSize?: number;
-    tabPadding?: SizesTypes$2 | number;
-    tabSpacing?: SizesTypes$2;
-    defaultTabTextColor?: ThemeColors$2 | string;
-    selectedTabTextColor?: ThemeColors$2 | string;
-    selectedTabIndicatorColor?: ThemeColors$2 | string;
-    wide?: AdditionalTabContainerProps;
-    compact?: AdditionalTabContainerProps;
+declare type ButtonCaptureProps = {
+    type: 'button';
+    acceptButton: ButtonProps$1;
+    denyButton: ButtonProps$1;
 };
-declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, ...props }: TabGroupProps<T, K>) => JSX.Element;
-
-declare type FieldSectionProps<T extends object> = {
+declare type RadioButtonsCaptureProps<T extends string> = {
+    type: 'radioButton';
+    acceptValue: T;
+} & RadioButtonsProps$1<T>;
+declare type CheckboxCaptureProps = {
+    type: 'checkbox';
     label: string;
-    control?: Control<T>;
-    isEditMode?: boolean;
-    fields: UIFields<T>;
-};
-declare const FieldSection: <T extends object>({ fields, label, isEditMode, control, }: FieldSectionProps<T>) => JSX.Element;
-
-declare type MenuNavigationProps<T> = {
-    menuConfig: MenuItemsProps<T>;
-};
-declare const MenuNavigation: <T extends string | number>({ menuConfig, }: MenuNavigationProps<T>) => JSX.Element;
-declare const CaretIconWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
-    isOpen: boolean;
-}, never>;
-
-declare type EmphasizedTextProps = {
-    type: 'emphasized_text';
-    invertColors: boolean;
-    textContent: string;
+    value: boolean;
+    onChange: (value: boolean) => void;
 };
-declare const EmphasizedText: ({ textContent, invertColors }: EmphasizedTextProps) => JSX.Element;
+declare type ConsentCaptureProps<T extends string = string> = ButtonCaptureProps | RadioButtonsCaptureProps<T> | CheckboxCaptureProps;
 
-declare type RadioButtonFieldProps<T extends string> = {
-    name: string;
-    control?: Control<any>;
-    rules?: ControllerProps['rules'];
-    required?: boolean;
-    optional?: boolean;
-    defaultValue?: string;
-    styles?: CSSProperties;
-    radioButtonsProps: RadioButtonsProps$1<T>;
-    labelsProps?: FieldLabelsProps;
+declare type ConsentProps<T extends string = string> = {
+    text: string;
+    isRequired?: boolean;
+    consentCaptureProps: ConsentCaptureProps<T>;
+    containerStyles?: CSSProperties;
+    clearStyles?: boolean;
 };
-declare const RadioButtonField: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: RadioButtonFieldProps<T>) => JSX.Element;
+declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => JSX.Element;
 
-declare type AlertProps = {
-    style?: CSSProperties;
-    title: string;
-    description: string;
-    color?: string;
+declare type ProcessTrackerStatus = 'complete' | 'incomplete' | 'in_progress';
+declare type ProcessTrackerProps = {
+    title?: Nullable<string>;
+    description?: Nullable<string>;
     isMobile?: boolean;
-    logo?: string;
-    fullWidth?: boolean;
+    statuses?: {
+        title: string;
+        description: string;
+        status: ProcessTrackerStatus;
+    }[];
+    currentStep?: number;
+    style?: CSSProperties;
     withCloseIcon?: {
         onClose: Callback$1;
     };
-    fontColor?: ThemeColors$1;
     destinationLink?: string;
     onDestinationHandler?: Callback$1;
-    containerStyles?: CSSProperties;
-};
-declare const Alert: ({ logo, title, withCloseIcon, description, style, fontColor, containerStyles, isMobile, ...props }: AlertProps) => JSX.Element;
-
-declare type OrientationType = 'horizontal' | 'vertical';
-declare type StepperProps = {
-    steps: {
-        title: string;
-        description?: string;
-        status?: ProcessTrackerStatus$1;
-    }[];
-    currentStep: number;
-    orientation?: OrientationType;
 };
-declare const Stepper: ({ steps, orientation, currentStep }: StepperProps) => JSX.Element;
+declare const ProcessTracker: ({ title, statuses, isMobile, description, currentStep, style, withCloseIcon, }: ProcessTrackerProps) => JSX.Element;
 
-declare type PdfDocumentProps = {
-    source: string;
+declare type FilteredFeedContentType = 'all' | 'favourite';
+declare type FeedContentContainerProps = {
+    type: 'feed';
+    feedHeader: Omit<FeedContentHeaderProps$1, 'isMobile'>;
+    feedContent?: Omit<FeedContentProps$1, 'isMobile'>[];
     isMobile?: boolean;
-    customDocumentStyles?: Partial<{
-        wrapperBackgroundColor: ThemeColors$1 | string;
-        pageNumberColor: ThemeColors$1 | string;
-        pageWidth: number;
-        pageHeight: number;
-        paginationArrowColor: ThemeColors$1 | string;
-        disabledPaginationArrowColor: ThemeColors$1 | string;
-    }>;
 };
-declare const PdfDocument: ({ source, isMobile, customDocumentStyles, }: PdfDocumentProps) => JSX.Element;
-
-declare type FeedTemplateKeys = `feed_${'a' | 'b'}`;
-declare type FeedContentHeaderProps = {
-    title: string;
-    enableFavoriting?: boolean;
-    templateType: FeedTemplateKeys;
-    isMobile?: boolean;
-    menuConfig: MenuItemsProps$1<FilteredFeedContentType$1>;
-} & Partial<Omit<InputFieldProps$1, 'labelsProps' | 'required' | 'optional'>>;
-declare const FeedContentHeader: ({ templateType, title, name, inputProps, isMobile, menuConfig, ...rest }: FeedContentHeaderProps) => JSX.Element;
+declare const FeedContentContainer: ({ feedHeader, feedContent, isMobile, }: FeedContentContainerProps) => JSX.Element;
 
-declare type ToggleFieldProps = {
-    name: string;
-    title: string;
-    control?: Control<any>;
-    description?: string;
-    horizontalButtonsProps: HorizontalButtonsProps$1;
-    defaultValue?: string;
+declare type DynamicElementProps = (AlertProps$1 & {
+    elementType: 'alert';
+}) | (ProcessTrackerProps$1 & {
+    elementType: 'process_tracker';
+}) | (FeedContentProps$1 & {
+    elementType: 'feed_content';
+});
+declare type SizeProps = SizesTypes$1 | number;
+declare type DynamicContentZoneProps = {
+    elements: {
+        data: DynamicElementProps[];
+        spacer?: SizeProps;
+    };
+    horizontalPaddings?: SizeProps;
+    containerStyles?: CSSProperties;
 };
-declare const HorizontalButtonsField: ({ name, title, control, description, horizontalButtonsProps, }: ToggleFieldProps) => JSX.Element;
+declare const DynamicContentZone: ({ elements, horizontalPaddings, containerStyles, }: DynamicContentZoneProps) => JSX.Element;
 
-declare type Callback = () => void;
+declare type BottomNavBarNavigationProps = {
+    navbarItems: BottomNaVBarItemProps$1[];
+};
+declare const BottomNavBarNavigation: ({ navbarItems }: BottomNavBarNavigationProps) => JSX.Element;
 
-declare type BottomNaVBarItemProps = {
-    name: string;
-    icon: ComponentType<Omit<IconProps$1, 'name'>>;
-    active: boolean;
-    activeColor: string;
-    onNavigate: Callback;
+declare type HeroSliderProps = {
+    type: 'hero_slides';
+    heroSlides: Omit<HeroImageProps$1, 'type' | 'template'>[];
 };
-declare const BottomNavBarItem: ({ name, icon: IconComponent, active, activeColor, onNavigate, }: BottomNaVBarItemProps) => JSX.Element;
+declare const HeroSlider: ({ heroSlides }: HeroSliderProps) => JSX.Element | null;
+declare const HeroSliderWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
 
-declare type VideoProps = {
-    src: string;
-} & Partial<{
-    width: number;
-    autoplay: boolean;
-    enableCoverImage: boolean;
-    coverImageSrc: string;
-    style: CSSProperties;
-    template: FeedContentTemplateTypes$1;
-}>;
-declare const Video: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, }: VideoProps) => JSX.Element;
+declare type SubscribePanelTemplateKeys = `subscribe_template_${'a' | 'b'}`;
+declare type SubscribePanelTemplateProps = {
+    title?: string;
+    description?: string;
+    isSubscribing?: boolean;
+    subscribeHandler: Callback$1;
+    isMobile: boolean;
+    control: Control<SubscribePanelForm>;
+};
+declare type SubscribePanelProps = Omit<SubscribePanelTemplateProps, 'isMobile' | 'control' | 'subscribeHandler'> & {
+    type: 'subscribe_panel';
+    template: SubscribePanelTemplateKeys;
+    onSubscribe: (email: string) => void;
+};
+declare type SubscribePanelForm = {
+    email: string;
+};
 
-declare type ImageProps = {
-    src: string;
-} & Partial<{
-    altText: string;
-    link: string;
-    width: number;
-    height: number;
-    cornerRadius: number;
-    behaveAs: 'background' | 'regular';
-    styles: CSSProperties$1;
+declare const SubscribePanel: ({ template, onSubscribe, ...props }: SubscribePanelProps) => JSX.Element;
+
+declare type DefaultTemplateProps = {
+    alerts?: AlertProps$2[];
+    processTracker?: ProcessTrackerProps$1;
+    header: React.ReactNode;
+    feedContent?: React.ReactNode;
+    banner?: React.ReactNode;
+    content?: React.ReactNode;
+};
+declare const DefaultTemplate: ({ header, banner, content, alerts, processTracker, feedContent, }: DefaultTemplateProps) => JSX.Element;
+
+interface Helpers {
+    goToNextStep: () => void;
+    goToPrevStep: () => void;
+    reset: () => void;
+    canGoToNextStep: boolean;
+    canGoToPrevStep: boolean;
+    setStep: Dispatch<SetStateAction<number>>;
+}
+declare const useStep: (maxStep: number) => [number, Helpers];
+
+declare const useRequiredConsentsAcceptedValues: (consents: ConsentProps$1[]) => boolean;
+
+declare const defaultTheme: DefaultTheme;
+
+declare const ZealThemeProvider: (props: PropsWithChildren<{
+    theme?: DefaultTheme;
+}>) => JSX.Element;
+
+declare type ThemeColors = 'primary' | 'primaryTint' | 'primaryShade' | 'secondary' | 'secondaryTint' | 'secondaryShade' | 'pink' | 'pinkTint' | 'pinkShade' | 'orange' | 'orangeTint' | 'orangeShade' | 'purple' | 'purpleTint' | 'purpleShade' | 'indigo' | 'indigoTint1' | 'indigoTint2' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'green' | 'greenTint' | 'greenShade' | 'yellow' | 'yellowTint' | 'yellowShade' | 'red' | 'redTint' | 'redShade' | 'black' | 'white' | 'blue' | 'blueTint' | 'blueShade' | 'background';
+declare type SizesTypes = '5XL' | '4XL' | '3XL' | '2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
+declare type FontSizesTypes = Exclude<SizesTypes, '5XL' | '4XL'>;
+declare type BreakpointSizesTypes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+declare type FontWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
+declare type ThemeColorsType = Record<ThemeColors, string>;
+declare type ThemeTextType = Record<FontSizesTypes, {
+    'font-weight': string;
+    'font-size': number;
+    'line-height': number;
 }>;
-declare const Image: ({ src, link, altText, styles, width, height, behaveAs, cornerRadius, }: ImageProps) => JSX.Element;
+declare type ThemeSizesType = Record<SizesTypes, number>;
+declare type ThemeDevicesType = Record<BreakpointSizesTypes, string>;
+declare type ZealTheme = {
+    colors: ThemeColorsType;
+    fonts: Record<FontSizesTypes, number>;
+    sizes: ThemeSizesType;
+    devices: ThemeDevicesType;
+};
 
-declare type CarouselProps = {
-    children: JSX.Element[];
+declare const toastStyles: styled_components.FlattenSimpleInterpolation;
+
+declare const useMediaQuery: (breakpointSize: BreakpointSizesTypes$1) => boolean;
+
+declare const getFieldPlaceholder: (type: FieldTypes$1, title?: string) => string;
+
+declare type InputFieldTypes = 'phoneNumber' | 'text' | 'email' | 'password' | 'number' | 'any';
+declare type FieldTypes = 'input' | 'select' | 'checkbox';
+declare type UIField<T = string> = (UIInputField & UISelectField & UICheckboxField) & {
+    name: T;
+    type: FieldTypes;
+    value?: string;
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    tooltip?: string;
+    rules?: ControllerProps['rules'];
+    order?: number;
 };
-declare const Carousel: ({ children }: PropsWithChildren<CarouselProps>) => JSX.Element;
-declare const Wrapper: styled_components.StyledComponent<"section", styled_components.DefaultTheme, {}, never>;
-declare const SlidesWrapper: styled_components.StyledComponent<"ul", styled_components.DefaultTheme, {
-    translateX: number;
-}, never>;
-declare const Slide: styled_components.StyledComponent<"li", styled_components.DefaultTheme, {}, never>;
-declare const ButtonsWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
-declare const ArrowIconWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
-    arrowSide: 'left' | 'right';
-}, never>;
-declare const NavigationDotsWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
+declare type UIInputField = {
+    inputType?: InputFieldTypes;
+    maxLength?: number;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    inputProps?: InputProps$1;
+    labelsProps?: FieldLabelsProps$1;
+};
+declare type UISelectField = {
+    options?: SelectOption$1[];
+};
+declare type UICheckboxField = {
+    checkboxLabel?: string;
+};
+declare type UIFields<T extends object> = UIField<keyof T>[];
 
-declare type TextMoleculeProps = Partial<{
-    text: string;
-    variant: 'base' | 'custom';
-    fontVariant: FontSizesTypes$1;
-    textSize: number;
-    textColor: ThemeColors$1 | string;
-    letterSpacing: number;
-    lineHeight: number;
-    fontWeight: number;
-    isRichText: boolean;
-    styles: StylesType;
-    textAlign: 'center' | 'right' | 'left';
-}> & Pick<TextProps$1, 'seoTag'>;
+declare const getInitialValuesFromFields: <T extends object>(fields: UIFields$2<T>) => DeepPartial<T>;
+declare const isFormValid: <T extends FieldValues>(formState: FormState<T>) => boolean;
+declare const getFieldsFromFieldSections: <T extends object>(sections: Pick<FieldSectionProps$1<T>, "fields">[]) => UIFields$2<T>;
 
-declare type SetPasswordRuleValidation = {
+declare const acquisitionFormMockFields: UIFields$2<Record<string, string>>;
+declare const setPasswordMockFields: UIFields$2<SetPasswordFields>;
+declare const loginMockFields: UIFields$2<LoginFields$1>;
+declare const sectionMockFields: UIFields$2<Record<string, string>>;
+declare const profileInformationMockForm: {
     label: string;
-    rule: MaxRuleValidation | MinRuleValidation;
-};
-declare type SetPasswordFormProps = {
-    fields: UIFields<SetPasswordFields>;
-    logoUrl: string;
-    isLoading?: boolean;
-    validations: SetPasswordRuleValidation[];
-    onSubmit: (values: SetPasswordFields) => void;
-    onBack: () => void;
+    fields: UIFields$2<Record<string, string>>;
+}[];
+
+declare type MlrRichTextViewerProviderProps = PropsWithChildren<{
+    annotationsList: AnnotationsList$1;
+    isMLRReview: boolean;
+    showAnnotations: boolean;
+}>;
+declare const MlrRichTextViewerProvider: ({ children, isMLRReview, showAnnotations, annotationsList, }: MlrRichTextViewerProviderProps) => JSX.Element;
+
+declare type MlrRichTextViewerContextType = {
+    isMLRReview: boolean;
+    showAnnotations: boolean;
+    annotationsList: AnnotationsList$1;
 };
-declare const SetPasswordForm: ({ logoUrl, fields, validations, onBack, onSubmit, isLoading, }: SetPasswordFormProps) => JSX.Element;
+declare const MlrRichTextViewerContext: React$1.Context<MlrRichTextViewerContextType>;
 
-declare const showAcceptToastMessage: () => void | undefined;
-declare type AcquisitionFormProps<T extends object> = {
-    fields: UIFields$2<T>;
-    consents: ConsentProps$1[];
-    logoUrl: string;
-    isLoading?: boolean;
-    isSubmitDisabled?: boolean;
-    title: string;
-    description?: string;
-    buttonText?: string;
-    onSubmit: (values: T) => void;
-    onLinkButtonClick?: Callback$1;
-    showConsentLabel?: boolean;
-    triggerFormInitially?: boolean;
-    isTooltipVisible?: boolean;
-    optionsPresentation?: boolean;
+declare type AnnotationsList = {
+    tags: {
+        id: string;
+        label: string;
+    }[];
+    links: {
+        id: string;
+        text: string;
+        url: string;
+    }[];
 };
-declare const AcquisitionForm: <T extends object>({ logoUrl, title, description, buttonText, fields, optionsPresentation, onSubmit, showConsentLabel, onLinkButtonClick, isSubmitDisabled, consents, isLoading, triggerFormInitially, isTooltipVisible, }: AcquisitionFormProps<T>) => JSX.Element;
 
-declare type VerificationCodeForm = {
-    code: string;
+declare const useMlrRichTextViewerContext: () => contexts_MlrRichTextViewerContext_MlrRichTextViewerContext.MlrRichTextViewerContextType;
+
+declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
+declare type LabelInternalConfig = {
+    fontVariant: FontSizesTypes$2;
+    fontSize: number;
+    fontWeight: string | number;
+    color: ThemeColors$2 | string;
+    padding: string;
+    styles: StylesType;
+    wrapperStyles: StylesType;
 };
-declare type AuthMethod = 'email' | 'sms';
-declare type TwoFactorAuthProps = {
-    logoUrl: string;
-    onNext?: (authMethod: AuthMethod) => Promise<void>;
-    onSubmit?: (values: VerificationCodeForm) => void;
-    onBack?: () => void;
+declare type RuleLabelInternalConfig = {
+    requiredTextColor: ThemeColors$2 | string;
+    optionalTextColor: ThemeColors$2 | string;
+    padding: string;
+    fontSize: number;
+    styles: StylesType;
 };
-declare const TwoFactorAuth: ({ logoUrl, onSubmit, onBack, onNext }: TwoFactorAuthProps) => JSX.Element;
-
-declare type LoginFields = {
-    email: string;
-    password: string;
-    rememberMe: boolean;
+declare type TooltipInternalConfig = {
+    fontVariant: FontSizesTypes$2;
+    fontSize: number;
+    fontWeight: string | number;
+    color: ThemeColors$2 | string;
+    padding: string;
+    backgroundColor: ThemeColors$2 | string;
+    iconColor: ThemeColors$2 | string;
+    styles: StylesType;
+    wrapperStyles: StylesType;
 };
-
-declare type LoginFormProps = {
-    fields: UIFields$2<LoginFields>;
-    logoUrl: string;
-    isLoading?: boolean;
-    twoFactorAuthConfig?: {
-        twoFactorShow: boolean;
-        twoFactorAuthProps: TwoFactorAuthProps;
-    };
-    optionsPresentation?: boolean;
-    onSubmit: (values: LoginFields) => void;
-    onSignUpButtonClick?: Callback$1;
-    onForgotPasswordButtonClick?: Callback$1;
+declare type FieldLabelsProps = {
+    label: string;
+    tooltipText?: string;
+    isError?: boolean;
     isTooltipVisible?: boolean;
-    consents: ConsentProps$2[];
+    ruleLabel?: FieldRuleLabelTypes;
+    labelInternalConfig?: LabelInternalConfig;
+    ruleLabelInternalConfig?: RuleLabelInternalConfig;
+    tooltipInternalConfig?: TooltipInternalConfig;
 };
-declare const LoginForm: ({ logoUrl, fields, isTooltipVisible, onSubmit, optionsPresentation, onSignUpButtonClick, isLoading, twoFactorAuthConfig, consents, onForgotPasswordButtonClick, }: LoginFormProps) => JSX.Element;
+declare const FieldLabels: ({ label, isTooltipVisible, isError, ruleLabel, tooltipText, labelInternalConfig, ruleLabelInternalConfig, tooltipInternalConfig, }: FieldLabelsProps) => JSX.Element;
 
-declare type FooterProps = FooterAProps | FooterBProps | FooterCProps | FooterDProps;
-declare const Footer: (props: FooterProps) => JSX.Element;
-
-declare type FeedContentTemplateTypes = 'full_width_content' | 'standard_content' | 'auto_play' | '';
-declare type FeedContentProps = {
-    feedContentType: Omit<FilteredFeedContentType$1, 'all'>;
-    feedContentTemplate: FeedContentTemplateTypes;
-    id?: string;
-    image?: string;
-    video?: string;
-    document?: string;
-    title?: Nullable<string>;
-    description: Nullable<string>;
-    lastUpdated: string;
-    buttonConfig: {
-        disabled?: boolean;
-        onClick?: () => void;
-    };
-    withCloseIcon?: {
-        onClose: Callback$1;
-    };
-    isMobile?: boolean;
-    isExpanded?: boolean;
-    fullWidth?: boolean;
-    fullWidthTemplateContainerStyles?: CSSProperties;
-    showDefaultDocumentStyles?: boolean;
-    destinationLink?: string;
-    onDestinationHandler?: Callback$1;
-    imageStyles?: CSSProperties;
-    videoStyles?: CSSProperties;
-    isEnabledFavoriting?: boolean;
-    isFavorite?: boolean;
-    onFavoriteClickHandler?: Callback$1;
-    onFavoriteIconClick?: (selectedFeedContent: FeedContentProps) => void;
+declare type InputFieldProps = {
+    name: string;
+    control?: Control$1<any>;
+    rules?: ControllerProps$1['rules'];
+    required?: boolean;
+    optional?: boolean;
+    defaultValue?: string;
+    inputProps: InputProps$1;
+    styles?: StylesType;
+    labelsProps?: FieldLabelsProps;
 };
+declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, }: InputFieldProps) => JSX.Element;
 
-declare const FeedContent: ({ feedContentTemplate, ...props }: FeedContentProps) => JSX.Element;
+declare type FieldMapperProps<T extends object> = {
+    field: UIField$1<keyof T>;
+    isEditMode?: boolean;
+    control?: Control$1<T>;
+    spacer?: number;
+    isTooltipVisible?: boolean;
+    optionsPresentation?: boolean;
+    styles?: StylesType;
+};
+declare const FieldMapper: <T extends object>({ field, isEditMode, spacer, control, isTooltipVisible, optionsPresentation, styles, }: FieldMapperProps<T>) => JSX.Element | null;
 
-declare type FooterContactInfo = {
-    phoneNumber: string;
-    addressLine1: string;
-    addressLine2: string;
+declare type CheckboxFieldProps = {
+    name: string;
+    control?: Control$1<any>;
+    defaultValue?: boolean;
+    checkboxProps: Omit<CheckBoxProps$1, 'error' | 'onClick' | 'value'>;
 };
-declare type FooterLink = {
-    id: string;
+declare const CheckboxField: ({ control, name, checkboxProps, defaultValue, }: CheckboxFieldProps) => JSX.Element;
+
+declare type SelectFieldProps = {
+    selectProps: SelectProps;
+    labelsProps?: FieldLabelsProps;
     name: string;
-    location: string;
+    rules?: ControllerProps$1['rules'];
+    control?: Control$1<any>;
+    required?: boolean;
+    optional?: boolean;
+    defaultValue?: string;
+    styles?: StylesType;
 };
+declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, }: SelectFieldProps) => JSX.Element;
 
-declare type ProfileInformationProps<TabKeys extends string> = {
-    backgroundImageUrl: string;
-    avatarProps: AvatarProps$1;
-    tabs: TabProps$2<string, TabKeys>[];
-    tabContents: Record<TabKeys, () => ReactNode>;
-    initialTabKey: TabKeys;
-    title: string;
-    editIcons?: {
-        isEditMode: boolean;
-        onSave: Callback$1;
-        onEdit: Callback$1;
-        onClose: Callback$1;
-    };
+declare type CustomValidationRule<T = string> = {
+    text: string;
+    validate: (value?: T) => boolean;
 };
-declare const ProfileInformation: <TabKeys extends string>({ avatarProps, backgroundImageUrl, initialTabKey, tabs, title, editIcons, tabContents, }: ProfileInformationProps<TabKeys>) => JSX.Element;
+declare type CustomValidationProps<T = string> = {
+    label?: string;
+    value: T;
+    isSubmitted?: boolean;
+    rules: CustomValidationRule<T>[];
+};
+declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, }: CustomValidationProps<T>) => JSX.Element;
 
-declare type EmailAddressFields = {
-    email: string;
+declare type BaseSelectableProps<T> = {
+    iconName: IconNames$2;
+    infoText: string;
+    isActive?: boolean;
+    onClick?: (value: T) => void;
+    value: T;
 };
-declare type ForgotPasswordFormProps = {
-    logoUrl: string;
-    isLoading?: boolean;
-    onSubmit?: (values: EmailAddressFields) => void;
-    onBack?: Callback$1;
+
+declare type SelectableCardGroupProps<T> = {
+    cards: BaseSelectableProps<T>[];
+    handleChange?: (value: T | undefined) => void;
+    spacing?: SizesTypes$1;
+    initialValue?: T;
 };
-declare const ForgotPasswordForm: ({ logoUrl, onBack, onSubmit, isLoading, }: ForgotPasswordFormProps) => JSX.Element;
+declare const SelectableCardGroup: <T extends string>({ cards, handleChange, spacing, initialValue, }: SelectableCardGroupProps<T>) => JSX.Element;
 
-declare type BodyProps = {
-    elements: {
-        data: (HeroImageProps$1 | HeroSliderProps$1 | SubscribePanelProps$1 | ColumnsProps$1 | EmphasizedTextProps$1 | FeedContentContainerProps$1)[];
-        spacer?: number;
-    };
+declare type HeroImageAlignment = 'left_aligned' | 'center_aligned';
+declare type HeroImageTemplate = 'card' | 'full_width';
+declare type HeroImageProps = {
+    type: 'hero_image';
+    backgroundImage: RegularImageProps$1;
+    mainHeading: string;
+    subHeading?: string;
+    button?: ButtonProps$1;
+    contentAlignment?: HeroImageAlignment;
     horizontalPaddings?: number;
-    containerStyles?: CSSProperties;
+    template?: HeroImageTemplate;
+    isMobile?: boolean;
+    height?: number;
 };
-declare const Body: ({ elements, horizontalPaddings, containerStyles, }: BodyProps) => JSX.Element;
+declare const HeroImage: ({ backgroundImage, button, contentAlignment, mainHeading, horizontalPaddings, subHeading, template, isMobile, height, }: HeroImageProps) => JSX.Element;
 
-declare type ISIProps = ISIAProps;
-declare const ISI: (props: ISIProps) => JSX.Element;
+declare type Anchor = 'top' | 'left' | 'bottom' | 'right';
+declare type DrawerProps = DrawerProps$1 & {
+    anchor: Anchor;
+    padding?: SizesTypes$2 | number;
+    height?: number | string;
+    width?: number | string;
+    closeIconColor?: ThemeColors$1 | string;
+};
 
-declare type ImportantLink = {
-    text: string;
-    href: string;
+declare const Drawer: ({ children, closeIconColor, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;
+
+declare type ColumnsTemplateKeys = 'horizontal' | 'card' | 'with_image';
+
+declare type ColumnsProps = {
+    type: 'columns';
+    columns: ColumnItem[];
+    containerStyles?: CSSProperties$1;
+    template?: ColumnsTemplateKeys;
 };
-declare type HeaderAProps<T = string> = {
-    className?: string;
-    links?: ImportantLink[];
-    logoUrl: string;
-    tabsProps: TabGroupProps$1;
-    onActionButtonClick?: Callback$1;
-    buttonText: string;
-    buttonLink: string;
-    isMobile?: boolean;
+declare type ColumnItem = {
+    title?: string;
+    mainContent?: string;
+    button?: TextButtonProps$1;
+    icon: string;
 };
+declare const Columns: ({ columns, containerStyles, template }: ColumnsProps) => JSX.Element;
 
-declare type HeaderBProps<T = string> = Pick<HeaderAProps$1<T>, 'isMobile' | 'logoUrl' | 'tabsProps' | 'buttonText' | 'onActionButtonClick' | 'buttonLink' | 'className'>;
+declare type MenuItem<T> = {
+    id: T;
+    title: string;
+    onClick?: (id: T) => void;
+};
+declare type MenuItemsProps<T> = {
+    title?: string;
+    onItemPress?: (id: T) => void;
+    options?: MenuItem<T>[];
+};
+declare const MenuItems: <T extends string | number>({ title, onItemPress, options, }: MenuItemsProps<T>) => JSX.Element;
 
-declare type HeaderCProps<T> = Pick<HeaderAProps$1<T>, 'logoUrl' | 'tabsProps' | 'isMobile' | 'className'>;
+declare type AvatarDropdownProps<T> = {
+    avatarProps: AvatarProps$1;
+    menuConfig: MenuItemsProps<T>;
+};
+declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuConfig, }: AvatarDropdownProps<T>) => JSX.Element;
 
-declare type HeaderDProps = {
-    withAvatar: AvatarDropdownProps$1<string>;
-} & Pick<HeaderAProps$1, 'isMobile' | 'logoUrl' | 'links' | 'tabsProps' | 'className'>;
+declare type TabType<T = string, K = string> = Pick<TabProps$1<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>;
+declare type AdditionalTabContainerProps = {
+    containerStyle?: CSSProperties;
+    containerProps?: Record<string, unknown>;
+};
+declare type TabGroupProps<T = string, K = string> = {
+    tabs: TabType<T, K>[];
+    activeTabKey: T;
+    onTabChange?: (tabKey: T) => void;
+    onOptionClick?: (optionKey: K) => void;
+    styles?: StylesType;
+    vertical?: boolean;
+    tabTheme?: TabTheme$1;
+    tabFont?: FontSizesTypes$1;
+    textSize?: number;
+    tabPadding?: SizesTypes$2 | number;
+    tabSpacing?: SizesTypes$2;
+    defaultTabTextColor?: ThemeColors$1 | string;
+    selectedTabTextColor?: ThemeColors$1 | string;
+    selectedTabIndicatorColor?: ThemeColors$1 | string;
+    wide?: AdditionalTabContainerProps;
+    compact?: AdditionalTabContainerProps;
+};
+declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, ...props }: TabGroupProps<T, K>) => JSX.Element;
 
-declare type HeaderProps<T = string> = (HeaderAProps<T> & {
-    type: 'header_a';
-}) | (HeaderBProps<T> & {
-    type: 'header_b';
-}) | (HeaderCProps<T> & {
-    type: 'header_c';
-}) | (HeaderDProps & {
-    type: 'header_d';
-});
-declare const Header: <T extends string | number>(props: HeaderProps<T>) => JSX.Element;
+declare type FieldSectionProps<T extends object> = {
+    label: string;
+    control?: Control$1<T>;
+    isEditMode?: boolean;
+    fields: UIFields<T>;
+};
+declare const FieldSection: <T extends object>({ fields, label, isEditMode, control, }: FieldSectionProps<T>) => JSX.Element;
 
-declare type ButtonCaptureProps = {
-    type: 'button';
-    acceptButton: ButtonProps$1;
-    denyButton: ButtonProps$1;
+declare type MenuNavigationProps<T> = {
+    menuConfig: MenuItemsProps<T>;
 };
-declare type RadioButtonsCaptureProps<T extends string> = {
-    type: 'radioButton';
-    acceptValue: T;
-} & RadioButtonsProps$1<T>;
-declare type CheckboxCaptureProps = {
-    type: 'checkbox';
-    label: string;
-    value: boolean;
-    onChange: (value: boolean) => void;
+declare const MenuNavigation: <T extends string | number>({ menuConfig, }: MenuNavigationProps<T>) => JSX.Element;
+declare const CaretIconWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
+    isOpen: boolean;
+}, never>;
+
+declare type EmphasizedTextProps = {
+    type: 'emphasized_text';
+    invertColors: boolean;
+    textContent: string;
 };
-declare type ConsentCaptureProps<T extends string = string> = ButtonCaptureProps | RadioButtonsCaptureProps<T> | CheckboxCaptureProps;
+declare const EmphasizedText: ({ textContent, invertColors }: EmphasizedTextProps) => JSX.Element;
 
-declare type ConsentProps<T extends string = string> = {
-    text: string;
-    isRequired?: boolean;
-    consentCaptureProps: ConsentCaptureProps<T>;
-    containerStyles?: CSSProperties;
-    clearStyles?: boolean;
+declare type RadioButtonFieldProps<T extends string> = {
+    name: string;
+    control?: Control$1<any>;
+    rules?: ControllerProps$1['rules'];
+    required?: boolean;
+    optional?: boolean;
+    defaultValue?: string;
+    styles?: CSSProperties;
+    radioButtonsProps: RadioButtonsProps$1<T>;
+    labelsProps?: FieldLabelsProps;
 };
-declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => JSX.Element;
+declare const RadioButtonField: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: RadioButtonFieldProps<T>) => JSX.Element;
 
-declare type ProcessTrackerStatus = 'complete' | 'incomplete' | 'in_progress';
-declare type ProcessTrackerProps = {
-    title?: Nullable<string>;
-    description?: Nullable<string>;
-    isMobile?: boolean;
-    statuses?: {
-        title: string;
-        description: string;
-        status: ProcessTrackerStatus;
-    }[];
-    currentStep?: number;
+declare type AlertProps = {
     style?: CSSProperties;
+    title: string;
+    description: string;
+    color?: string;
+    isMobile?: boolean;
+    logo?: string;
+    fullWidth?: boolean;
     withCloseIcon?: {
         onClose: Callback$1;
     };
+    fontColor?: ThemeColors$2;
     destinationLink?: string;
     onDestinationHandler?: Callback$1;
-};
-declare const ProcessTracker: ({ title, statuses, isMobile, description, currentStep, style, withCloseIcon, }: ProcessTrackerProps) => JSX.Element;
-
-declare type FilteredFeedContentType = 'all' | 'favourite';
-declare type FeedContentContainerProps = {
-    type: 'feed';
-    feedHeader: Omit<FeedContentHeaderProps$1, 'isMobile'>;
-    feedContent?: Omit<FeedContentProps$1, 'isMobile'>[];
-    isMobile?: boolean;
-};
-declare const FeedContentContainer: ({ feedHeader, feedContent, isMobile, }: FeedContentContainerProps) => JSX.Element;
-
-declare type DynamicElementProps = (AlertProps$1 & {
-    elementType: 'alert';
-}) | (ProcessTrackerProps$1 & {
-    elementType: 'process_tracker';
-}) | (FeedContentProps$1 & {
-    elementType: 'feed_content';
-});
-declare type SizeProps = SizesTypes$1 | number;
-declare type DynamicContentZoneProps = {
-    elements: {
-        data: DynamicElementProps[];
-        spacer?: SizeProps;
-    };
-    horizontalPaddings?: SizeProps;
     containerStyles?: CSSProperties;
 };
-declare const DynamicContentZone: ({ elements, horizontalPaddings, containerStyles, }: DynamicContentZoneProps) => JSX.Element;
+declare const Alert: ({ logo, title, withCloseIcon, description, style, fontColor, containerStyles, isMobile, ...props }: AlertProps) => JSX.Element;
 
-declare type BottomNavBarNavigationProps = {
-    navbarItems: BottomNaVBarItemProps$1[];
+declare type OrientationType = 'horizontal' | 'vertical';
+declare type StepperProps = {
+    steps: {
+        title: string;
+        description?: string;
+        status?: ProcessTrackerStatus$1;
+    }[];
+    currentStep: number;
+    orientation?: OrientationType;
 };
-declare const BottomNavBarNavigation: ({ navbarItems }: BottomNavBarNavigationProps) => JSX.Element;
+declare const Stepper: ({ steps, orientation, currentStep }: StepperProps) => JSX.Element;
 
-declare type HeroSliderProps = {
-    type: 'hero_slides';
-    heroSlides: Omit<HeroImageProps$1, 'type' | 'template'>[];
+declare type PdfDocumentProps = {
+    source: string;
+    isMobile?: boolean;
+    customDocumentStyles?: Partial<{
+        wrapperBackgroundColor: ThemeColors$2 | string;
+        pageNumberColor: ThemeColors$2 | string;
+        pageWidth: number;
+        pageHeight: number;
+        paginationArrowColor: ThemeColors$2 | string;
+        disabledPaginationArrowColor: ThemeColors$2 | string;
+    }>;
 };
-declare const HeroSlider: ({ heroSlides }: HeroSliderProps) => JSX.Element | null;
-declare const HeroSliderWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
+declare const PdfDocument: ({ source, isMobile, customDocumentStyles, }: PdfDocumentProps) => JSX.Element;
 
-declare type SubscribePanelTemplateKeys = `subscribe_template_${'a' | 'b'}`;
-declare type SubscribePanelTemplateProps = {
-    title?: string;
+declare type FeedTemplateKeys = `feed_${'a' | 'b'}`;
+declare type FeedContentHeaderProps = {
+    title: string;
+    enableFavoriting?: boolean;
+    templateType: FeedTemplateKeys;
+    isMobile?: boolean;
+    menuConfig: MenuItemsProps$1<FilteredFeedContentType$1>;
+} & Partial<Omit<InputFieldProps$1, 'labelsProps' | 'required' | 'optional'>>;
+declare const FeedContentHeader: ({ templateType, title, name, inputProps, isMobile, menuConfig, ...rest }: FeedContentHeaderProps) => JSX.Element;
+
+declare type ToggleFieldProps = {
+    name: string;
+    title: string;
+    control?: Control$1<any>;
     description?: string;
-    isSubscribing?: boolean;
-    subscribeHandler: Callback$1;
-    isMobile: boolean;
-    control: Control$1<SubscribePanelForm>;
-};
-declare type SubscribePanelProps = Omit<SubscribePanelTemplateProps, 'isMobile' | 'control' | 'subscribeHandler'> & {
-    type: 'subscribe_panel';
-    template: SubscribePanelTemplateKeys;
-    onSubscribe: (email: string) => void;
-};
-declare type SubscribePanelForm = {
-    email: string;
+    horizontalButtonsProps: HorizontalButtonsProps$1;
+    defaultValue?: string;
 };
+declare const HorizontalButtonsField: ({ name, title, control, description, horizontalButtonsProps, }: ToggleFieldProps) => JSX.Element;
 
-declare const SubscribePanel: ({ template, onSubscribe, ...props }: SubscribePanelProps) => JSX.Element;
+declare type Callback = () => void;
 
-declare type DefaultTemplateProps = {
-    alerts?: AlertProps$2[];
-    processTracker?: ProcessTrackerProps$1;
-    header: React.ReactNode;
-    feedContent?: React.ReactNode;
-    banner?: React.ReactNode;
-    content?: React.ReactNode;
+declare type BottomNaVBarItemProps = {
+    name: string;
+    icon: ComponentType<Omit<IconProps$1, 'name'>>;
+    active: boolean;
+    activeColor: string;
+    onNavigate: Callback;
 };
-declare const DefaultTemplate: ({ header, banner, content, alerts, processTracker, feedContent, }: DefaultTemplateProps) => JSX.Element;
-
-interface Helpers {
-    goToNextStep: () => void;
-    goToPrevStep: () => void;
-    reset: () => void;
-    canGoToNextStep: boolean;
-    canGoToPrevStep: boolean;
-    setStep: Dispatch<SetStateAction<number>>;
-}
-declare const useStep: (maxStep: number) => [number, Helpers];
-
-declare const useRequiredConsentsAcceptedValues: (consents: ConsentProps$1[]) => boolean;
-
-declare const defaultTheme: DefaultTheme;
-
-declare const ZealThemeProvider: (props: PropsWithChildren<{
-    theme?: DefaultTheme;
-}>) => JSX.Element;
+declare const BottomNavBarItem: ({ name, icon: IconComponent, active, activeColor, onNavigate, }: BottomNaVBarItemProps) => JSX.Element;
 
-declare type ThemeColors = 'primary' | 'primaryTint' | 'primaryShade' | 'secondary' | 'secondaryTint' | 'secondaryShade' | 'pink' | 'pinkTint' | 'pinkShade' | 'orange' | 'orangeTint' | 'orangeShade' | 'purple' | 'purpleTint' | 'purpleShade' | 'indigo' | 'indigoTint1' | 'indigoTint2' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'green' | 'greenTint' | 'greenShade' | 'yellow' | 'yellowTint' | 'yellowShade' | 'red' | 'redTint' | 'redShade' | 'black' | 'white' | 'blue' | 'blueTint' | 'blueShade' | 'background';
-declare type SizesTypes = '5XL' | '4XL' | '3XL' | '2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
-declare type FontSizesTypes = Exclude<SizesTypes, '5XL' | '4XL'>;
-declare type BreakpointSizesTypes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-declare type FontWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
-declare type ThemeColorsType = Record<ThemeColors, string>;
-declare type ThemeTextType = Record<FontSizesTypes, {
-    'font-weight': string;
-    'font-size': number;
-    'line-height': number;
+declare type VideoProps = {
+    src: string;
+} & Partial<{
+    width: number;
+    autoplay: boolean;
+    enableCoverImage: boolean;
+    coverImageSrc: string;
+    style: CSSProperties;
+    template: FeedContentTemplateTypes$1;
 }>;
-declare type ThemeSizesType = Record<SizesTypes, number>;
-declare type ThemeDevicesType = Record<BreakpointSizesTypes, string>;
-declare type ZealTheme = {
-    colors: ThemeColorsType;
-    fonts: Record<FontSizesTypes, number>;
-    sizes: ThemeSizesType;
-    devices: ThemeDevicesType;
-};
-
-declare const toastStyles: styled_components.FlattenSimpleInterpolation;
-
-declare const useMediaQuery: (breakpointSize: BreakpointSizesTypes$1) => boolean;
+declare const Video: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, }: VideoProps) => JSX.Element;
 
-declare type MlrRichTextViewerProviderProps = PropsWithChildren<{
-    annotationsList: AnnotationsList$1;
-    isMLRReview: boolean;
-    showAnnotations: boolean;
+declare type ImageProps = {
+    src: string;
+} & Partial<{
+    altText: string;
+    link: string;
+    width: number;
+    height: number;
+    cornerRadius: number;
+    behaveAs: 'background' | 'regular';
+    styles: StylesType;
 }>;
-declare const MlrRichTextViewerProvider: ({ children, isMLRReview, showAnnotations, annotationsList, }: MlrRichTextViewerProviderProps) => JSX.Element;
+declare const Image: ({ src, link, altText, styles, width, height, behaveAs, cornerRadius, }: ImageProps) => JSX.Element;
 
-declare type MlrRichTextViewerContextType = {
-    isMLRReview: boolean;
-    showAnnotations: boolean;
-    annotationsList: AnnotationsList$1;
+declare type CarouselProps = {
+    children: JSX.Element[];
 };
-declare const MlrRichTextViewerContext: React$1.Context<MlrRichTextViewerContextType>;
+declare const Carousel: ({ children }: PropsWithChildren<CarouselProps>) => JSX.Element;
+declare const Wrapper: styled_components.StyledComponent<"section", styled_components.DefaultTheme, {}, never>;
+declare const SlidesWrapper: styled_components.StyledComponent<"ul", styled_components.DefaultTheme, {
+    translateX: number;
+}, never>;
+declare const Slide: styled_components.StyledComponent<"li", styled_components.DefaultTheme, {}, never>;
+declare const ButtonsWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
+declare const ArrowIconWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
+    arrowSide: 'left' | 'right';
+}, never>;
+declare const NavigationDotsWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
 
-declare type AnnotationsList = {
-    tags: {
-        id: string;
-        label: string;
-    }[];
-    links: {
-        id: string;
-        text: string;
-        url: string;
-    }[];
-};
+declare type TextMoleculeProps = Partial<{
+    text: string;
+    variant: 'base' | 'custom';
+    fontVariant: FontSizesTypes$2;
+    textSize: number;
+    textColor: ThemeColors$2 | string;
+    letterSpacing: number;
+    lineHeight: number;
+    fontWeight: string | number;
+    isRichText: boolean;
+    styles: StylesType;
+    textAlign: 'center' | 'right' | 'left';
+}> & Pick<TextProps$1, 'seoTag'>;
+declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, }: TextMoleculeProps) => JSX.Element;
 
-declare const useMlrRichTextViewerContext: () => contexts_MlrRichTextViewerContext_MlrRichTextViewerContext.MlrRichTextViewerContextType;
+declare type ButtonVariant = 'primary' | 'secondary' | 'text' | 'custom';
+declare type BaseButtonProps = PropsWithChildren<{
+    onClick?: Callback$1;
+    variant?: ButtonVariant;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    size?: 'medium' | 'small';
+    buttonFont?: FontSizesTypes$2;
+    textColor?: ThemeColors$2 | string;
+    textSize?: number;
+    horizontalPadding?: SizesTypes$1;
+    verticalPadding?: SizesTypes$1;
+    buttonColor?: ThemeColors$2 | string;
+    buttonStroke?: ThemeColors$2 | string;
+    cornerRadius?: SizesTypes$1 | number;
+    hoverButtonColor?: ThemeColors$2 | string;
+    hoverStrokeColor?: ThemeColors$2 | string;
+    inactiveButtonColor?: ThemeColors$2 | string;
+    inactiveStrokeColor?: ThemeColors$2 | string;
+    inactiveTextColor?: ThemeColors$2 | string;
+    styles?: StylesType;
+    colorTheme?: 'light' | 'dark';
+    href?: string;
+}>;
+declare type ButtonProps = BaseButtonProps & {
+    fullWidth?: boolean;
+    text?: string;
+    link?: string;
+    elementId?: string;
+    loading?: boolean;
+    isRichText?: boolean;
+    containerStyle?: CSSProperties;
+    buttonStyle?: CSSProperties;
+};
+declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, ...props }: ButtonProps) => JSX.Element | null;
 
 declare const Container: ({ children, wide, compact, type, ...props }: ContainerProps$1) => JSX.Element;
 declare const ContainerComponent: ({ type, items, config, tabsProps }: ContainerComponentProps$1) => JSX.Element | null;
@@ -1225,7 +1268,7 @@ interface ImageMolecule extends BaseMolecule {
         props: Omit<ImageProps$1, 'src' | 'link' | 'altText'>;
     };
 }
-interface TextMolecule extends BaseMolecule {
+interface TextMoleculeType extends BaseMolecule {
     type: 'text';
     attributes: {
         text: TextAttributes;
@@ -1233,9 +1276,9 @@ interface TextMolecule extends BaseMolecule {
     };
     config: {
         props: {
-            fontVariant: FontSizesTypes$1;
+            fontVariant: FontSizesTypes$2;
             textSize: number;
-            textColor: ThemeColors$1 | string;
+            textColor: ThemeColors$2 | string;
             letterSpacing: number;
             lineHeight: number;
             isRichText: boolean;
@@ -1283,7 +1326,7 @@ interface TabGroupMolecule extends BaseMolecule {
         };
     };
 }
-declare type Molecule = StrictUnion<ImageMolecule | TextMolecule | ButtonMolecule | VideoMolecule | TabGroupMolecule>;
+declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule>;
 
 declare type ContainerType = 'row' | 'column' | 'slider';
 declare type ContainerPositionType = 'fixed' | 'sticky' | 'static';
@@ -1327,4 +1370,4 @@ declare const OrganismItem: ({ item, tabsProps, }: {
     tabsProps?: Pick<TabGroupProps$1<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
 }) => JSX.Element | null;
 
-export { AcquisitionForm, AcquisitionFormProps, AdditionalContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonMolecule, ButtonProps, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerType, ContainerWrapper, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LinkAttributes, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismItem, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, Select, SelectAttributes, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, SlidesWrapper, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupMolecule, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextAttributes, TextButton, TextButtonProps, TextMoleculeProps, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoAttributes, VideoMolecule, VideoProps, Wrapper, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
+export { AcquisitionForm, AcquisitionFormProps, AdditionalContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonMolecule, ButtonProps, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerType, ContainerWrapper, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LabelInternalConfig, LinkAttributes, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismItem, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, Select, SelectAttributes, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, SlidesWrapper, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupMolecule, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextAttributes, TextButton, TextButtonProps, TextMolecule, TextMoleculeProps, TextMoleculeType, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipInternalConfig, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoAttributes, VideoMolecule, VideoProps, Wrapper, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };