@zealicsolutions/web-ui 0.2.52 → 0.2.54

package/dist/index.d.ts

@@ -37,13 +37,13 @@ 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';
 
-declare type BaseButtonProps = {
+type BaseButtonProps = {
     onClick?: Callback$1;
     variant?: 'primary' | 'secondary';
     disabled?: boolean;
     fullWidth?: boolean;
 };
-declare type ButtonProps = BaseButtonProps & {
+type ButtonProps = BaseButtonProps & {
     fullWidth?: boolean;
     text?: string;
     link?: string;
@@ -53,7 +53,7 @@ declare type ButtonProps = BaseButtonProps & {
 };
 declare const Button: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, }: ButtonProps) => JSX.Element | null;
 
-declare type TouchableOpacityProps = PropsWithChildren<{
+type TouchableOpacityProps = PropsWithChildren<{
     activeOpacity?: number;
     withoutOpacityEffect?: boolean;
     disabled?: boolean;
@@ -66,7 +66,7 @@ declare const TouchableOpacity: styled_components.StyledComponent<"div", styled_
     children?: React$1.ReactNode;
 }, never>;
 
-declare type CheckBoxProps = {
+type CheckBoxProps = {
     value: boolean;
     onClick: (value: boolean) => void;
     disabled?: boolean;
@@ -75,11 +75,11 @@ declare type CheckBoxProps = {
 };
 declare const Checkbox: ({ label, onClick, value, disabled, error }: CheckBoxProps) => JSX.Element;
 
-declare type SelectOption = {
+type SelectOption = {
     id: string;
     label: string;
 };
-declare type SelectProps = {
+type SelectProps = {
     value?: string;
     optionsPresentation?: boolean;
     onChange?: (value: string) => void;
@@ -92,11 +92,11 @@ declare type SelectProps = {
 
 declare const Select: ({ onChange, value, placeholder, options, disabled, optionsPresentation, isError, }: SelectProps) => JSX.Element;
 
-declare type InputIconProps = {
+type InputIconProps = {
     name: IconNames$1;
     onClick?: Callback$1;
 };
-declare type InputProps = {
+type InputProps = {
     value?: string;
     leftIcon?: InputIconProps;
     rightIcon?: InputIconProps;
@@ -112,9 +112,9 @@ declare type InputProps = {
 };
 declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, ...rest }: InputProps) => JSX.Element;
 
-declare type TextTypes = 'primary' | 'secondary' | 'error' | 'success';
-declare type TextAlign = 'center' | 'right' | 'left';
-declare type TextWrapperProps = {
+type TextTypes = 'primary' | 'secondary' | 'error' | 'success';
+type TextAlign = 'center' | 'right' | 'left';
+type TextWrapperProps = {
     children: ReactNode;
     variant: FontSizesTypes$1;
     layout?: 'div' | 'span';
@@ -127,7 +127,7 @@ declare type TextWrapperProps = {
 };
 declare const TextWrapper: styled_components.StyledComponent<_mui_material_OverridableComponent.OverridableComponent<_mui_material.BoxTypeMap<{}, "div">>, styled_components.DefaultTheme, TextWrapperProps, never>;
 
-declare type IconProps = {
+type IconProps = {
     name: IconNames;
     size?: number;
     color?: ThemeColors$2 | string;
@@ -158,10 +158,10 @@ declare const availableIcons: {
     Bookmark: ({ fill, color, size, ...props }: Omit<IconProps, "name">) => JSX.Element;
     ArrowRight: ({ color, ...props }: Omit<IconProps, "name">) => JSX.Element;
 };
-declare type IconNames = keyof typeof availableIcons;
+type IconNames = keyof typeof availableIcons;
 declare const Icon: ({ name, color, ...props }: IconProps) => JSX.Element;
 
-declare type SpacerProps = {
+type SpacerProps = {
     width?: SizesTypes$1 | number;
     height?: SizesTypes$1 | number;
     layout?: 'div' | 'span';
@@ -173,7 +173,7 @@ declare const Spinner: styled_components.StyledComponent<"div", styled_component
     size?: SizesTypes$2 | undefined;
 }, never>;
 
-declare type ImageProps = {
+type ImageProps = {
     src: string;
     alt?: string;
     style?: CSSProperties;
@@ -181,7 +181,7 @@ declare type ImageProps = {
 declare const Image: styled_components.StyledComponent<"img", styled_components.DefaultTheme, ImageProps, never>;
 declare const BackgroundImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, ImageProps, never>;
 
-declare type LinkButtonProps = PropsWithChildren<{
+type LinkButtonProps = PropsWithChildren<{
     activeOpacity?: number;
     withoutOpacityEffect?: boolean;
     disabled?: boolean;
@@ -204,14 +204,14 @@ declare const LinkButton: styled_components.StyledComponent<"div", styled_compon
     elementId?: string | undefined;
 }, never>;
 
-declare type ValidationTagStatus = 'DEFAULT' | 'ERROR' | 'SUCCESS';
-declare type ValidationTagProps = {
+type ValidationTagStatus = 'DEFAULT' | 'ERROR' | 'SUCCESS';
+type ValidationTagProps = {
     status: ValidationTagStatus;
     text: string;
 };
 declare const ValidationTag: ({ text, status }: ValidationTagProps) => JSX.Element;
 
-declare type VideoProps = {
+type VideoProps = {
     src: string;
     style?: CSSProperties;
     template?: FeedContentTemplateTypes$1;
@@ -220,12 +220,12 @@ declare type VideoProps = {
 };
 declare const Video: ({ style, src, template, autoplay, coverImage }: VideoProps) => JSX.Element;
 
-declare type TooltipProps = Pick<TooltipProps$1, 'overlay' | 'placement' | 'trigger' | 'visible' | 'children'>;
+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 ToastType = 'success' | 'infoTierOne' | 'infoTierTwo' | 'warning' | 'error';
-declare type ToastParams = {
+type ToastType = 'success' | 'infoTierOne' | 'infoTierTwo' | 'warning' | 'error';
+type ToastParams = {
     message: string;
     type?: ToastType;
     duration?: number;
@@ -233,7 +233,7 @@ declare type ToastParams = {
 
 declare const toast: ({ message, type, duration }: ToastParams) => void | undefined;
 
-declare type HorizontalButtonsProps = {
+type HorizontalButtonsProps = {
     selectedButtonId: string;
     buttonOptions: {
         value: string;
@@ -245,7 +245,7 @@ declare type HorizontalButtonsProps = {
 };
 declare const HorizontalButtons: ({ onClick, disabled, buttonOptions, selectedButtonId, error, }: HorizontalButtonsProps) => JSX.Element;
 
-declare type AvatarProps = {
+type AvatarProps = {
     size?: SizesTypes$1 | number;
     withShadow?: boolean;
     label?: string;
@@ -263,13 +263,13 @@ declare type AvatarProps = {
 };
 declare const Avatar: ({ size, withShadow, label, backgroundColor, onPress, content: { initials, iconName, imageUrl }, textConfig: { color, font }, }: AvatarProps) => JSX.Element;
 
-declare type HorizontalPaddingProps = {
+type HorizontalPaddingProps = {
     padding: SizesTypes$1 | number;
 };
 declare const HorizontalPadding: styled_components.StyledComponent<"div", styled_components.DefaultTheme, HorizontalPaddingProps, never>;
 declare const VerticalPadding: styled_components.StyledComponent<"div", styled_components.DefaultTheme, HorizontalPaddingProps, never>;
 
-declare type DividerProps = {
+type DividerProps = {
     type?: 'horizontal' | 'vertical';
     color?: ThemeColors$2 | string;
     marginVertical?: SizesTypes$1 | number;
@@ -278,11 +278,11 @@ declare type DividerProps = {
 };
 declare const Divider: styled_components.StyledComponent<"div", styled_components.DefaultTheme, DividerProps, never>;
 
-declare type MapPosition = {
+type MapPosition = {
     lat: number;
     lng: number;
 };
-declare type GoogleMapProps = {
+type GoogleMapProps = {
     position: MapPosition;
 } & WithScriptjsProps & WithGoogleMapProps;
 declare const GoogleMap: React__default.ComponentClass<{
@@ -294,7 +294,7 @@ declare const COMMUNICATION_LINK_ELEMENT_ID = "communication-link";
 declare const MATRIX_MESSAGE_DATA_ID = "matrix-message-id";
 declare const COMMUNICATION_LINK_DATA_URL = "communication-link-url";
 declare const COMMUNICATION_LINK_DATA_TEXT = "communication-link-text";
-declare type RichTextEditorProps = Partial<{
+type RichTextEditorProps = Partial<{
     value: string;
     font: FontSizesTypes$2;
     color: ThemeColors$2;
@@ -303,14 +303,14 @@ declare type RichTextEditorProps = Partial<{
 }>;
 declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, }: RichTextEditorProps) => JSX.Element | null;
 
-declare type RadioButtonType<T extends string = string> = {
+type RadioButtonType<T extends string = string> = {
     id: T;
     label?: string;
     error?: boolean;
     disabled?: boolean;
     isRichText?: boolean;
 };
-declare type RadioButtonsProps<T extends string> = {
+type RadioButtonsProps<T extends string> = {
     isEditMode?: boolean;
     onChange: (value: T) => void;
     value: T;
@@ -320,14 +320,14 @@ declare type RadioButtonsProps<T extends string> = {
 };
 declare const RadioButtons: <T extends string>({ value, items, isRow, isEditMode, onChange, name, }: RadioButtonsProps<T>) => JSX.Element;
 
-declare type CircleType = 'link' | 'message';
-declare type CircleBoxProps = {
+type CircleType = 'link' | 'message';
+type CircleBoxProps = {
     index: number;
     type: CircleType;
 };
 declare const Circle: ({ index, type }: CircleBoxProps) => JSX.Element;
 
-declare type CircularIndicatorProps = {
+type CircularIndicatorProps = {
     active: boolean;
     activeColor?: ThemeColors$2 | string;
     inactiveColor?: ThemeColors$2 | string;
@@ -335,7 +335,7 @@ declare type CircularIndicatorProps = {
 declare const CircularIndicator: ({ activeColor, inactiveColor, ...props }: CircularIndicatorProps) => JSX.Element;
 declare const CircularIndicatorStyledComponent: styled_components.StyledComponent<"span", styled_components.DefaultTheme, CircularIndicatorProps, never>;
 
-declare type IconButtonProps = {
+type IconButtonProps = {
     name: IconNames$2;
     size?: number;
     onClick: Callback$1;
@@ -345,8 +345,8 @@ declare type IconButtonProps = {
 };
 declare const IconButton: ({ name, color, onClick, disabled, activeOpacity, withoutOpacityEffect, ...props }: IconButtonProps & TouchableOpacityProps$1) => JSX.Element;
 
-declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
-declare type FieldLabelsProps = {
+type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
+type FieldLabelsProps = {
     label: string;
     tooltipText?: string;
     isError?: boolean;
@@ -355,7 +355,7 @@ declare type FieldLabelsProps = {
 };
 declare const FieldLabels: ({ label, isTooltipVisible, isError, ruleLabel, tooltipText, }: FieldLabelsProps) => JSX.Element;
 
-declare type InputFieldProps = {
+type InputFieldProps = {
     name: string;
     control?: Control<any>;
     rules?: ControllerProps['rules'];
@@ -370,9 +370,9 @@ declare const InputField: ({ control, name, inputProps, styles, labelsProps, def
 
 declare const getFieldPlaceholder: (type: FieldTypes$1, title?: string) => string;
 
-declare type InputFieldTypes = 'number' | 'text' | 'email' | 'password';
-declare type FieldTypes = 'input' | 'select' | 'checkbox';
-declare type UIField<T = string> = (UIInputField & UISelectField & UICheckboxField) & {
+type InputFieldTypes = 'number' | 'text' | 'email' | 'password';
+type FieldTypes = 'input' | 'select' | 'checkbox';
+type UIField<T = string> = (UIInputField & UISelectField & UICheckboxField) & {
     name: T;
     type: FieldTypes;
     value?: string;
@@ -384,18 +384,18 @@ declare type UIField<T = string> = (UIInputField & UISelectField & UICheckboxFie
     rules?: ControllerProps$1['rules'];
     order?: number;
 };
-declare type UIInputField = {
+type UIInputField = {
     inputType?: InputFieldTypes;
     maxLength?: number;
     onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
 };
-declare type UISelectField = {
+type UISelectField = {
     options?: SelectOption$1[];
 };
-declare type UICheckboxField = {
+type UICheckboxField = {
     checkboxLabel?: string;
 };
-declare type UIFields<T extends object> = UIField<keyof T>[];
+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;
@@ -410,7 +410,7 @@ declare const profileInformationMockForm: {
     fields: UIFields$1<Record<string, string>>;
 }[];
 
-declare type FieldMapperProps<T extends object> = {
+type FieldMapperProps<T extends object> = {
     field: UIField<keyof T>;
     isEditMode?: boolean;
     control?: Control<T>;
@@ -421,7 +421,7 @@ declare type FieldMapperProps<T extends object> = {
 };
 declare const FieldMapper: <T extends object>({ field, isEditMode, spacer, control, isTooltipVisible, optionsPresentation, styles, }: FieldMapperProps<T>) => JSX.Element | null;
 
-declare type CheckboxFieldProps = {
+type CheckboxFieldProps = {
     name: string;
     control?: Control<any>;
     defaultValue?: boolean;
@@ -429,7 +429,7 @@ declare type CheckboxFieldProps = {
 };
 declare const CheckboxField: ({ control, name, checkboxProps, defaultValue, }: CheckboxFieldProps) => JSX.Element;
 
-declare type SelectFieldProps = {
+type SelectFieldProps = {
     selectProps: SelectProps;
     labelsProps?: FieldLabelsProps;
     name: string;
@@ -442,11 +442,11 @@ declare type SelectFieldProps = {
 };
 declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, }: SelectFieldProps) => JSX.Element;
 
-declare type CustomValidationRule<T = string> = {
+type CustomValidationRule<T = string> = {
     text: string;
     validate: (value?: T) => boolean;
 };
-declare type CustomValidationProps<T = string> = {
+type CustomValidationProps<T = string> = {
     label?: string;
     value: T;
     isSubmitted?: boolean;
@@ -460,19 +460,19 @@ declare const ZealThemeProvider: (props: PropsWithChildren<{
     theme?: DefaultTheme;
 }>) => JSX.Element;
 
-declare type ThemeColors = 'primary' | 'secondary' | 'background' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'indigo' | 'blue' | 'white' | 'black' | 'indigoTint' | 'indigoTint2' | 'success' | 'error' | 'warning' | 'green' | 'greenTint';
-declare type SizesTypes = '3XL' | '2XL' | 'XL-2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
-declare type FontSizesTypes = Exclude<SizesTypes, 'XL-2XL'> | 'H2' | 'H1';
-declare type BreakpointSizesTypes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-declare type ThemeColorsType = Record<ThemeColors, string>;
-declare type ThemeTextType = Record<FontSizesTypes, {
+type ThemeColors = 'primary' | 'secondary' | 'background' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'indigo' | 'blue' | 'white' | 'black' | 'indigoTint' | 'indigoTint2' | 'success' | 'error' | 'warning' | 'green' | 'greenTint';
+type SizesTypes = '3XL' | '2XL' | 'XL-2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
+type FontSizesTypes = Exclude<SizesTypes, 'XL-2XL'> | 'H2' | 'H1';
+type BreakpointSizesTypes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type ThemeColorsType = Record<ThemeColors, string>;
+type ThemeTextType = Record<FontSizesTypes, {
     'font-weight': string;
     'font-size': number;
     'line-height': number;
 }>;
-declare type ThemeSizesType = Record<SizesTypes, number>;
-declare type ThemeDevicesType = Record<BreakpointSizesTypes, string>;
-declare type ZealTheme = {
+type ThemeSizesType = Record<SizesTypes, number>;
+type ThemeDevicesType = Record<BreakpointSizesTypes, string>;
+type ZealTheme = {
     colors: ThemeColorsType;
     fonts: Record<FontSizesTypes, number>;
     sizes: ThemeSizesType;
@@ -483,7 +483,7 @@ declare const toastStyles: styled_components.FlattenSimpleInterpolation;
 
 declare const useMediaQuery: (breakpointSize: BreakpointSizesTypes$1) => boolean;
 
-declare type BaseSelectableProps<T> = {
+type BaseSelectableProps<T> = {
     iconName: IconNames;
     infoText: string;
     isActive?: boolean;
@@ -491,7 +491,7 @@ declare type BaseSelectableProps<T> = {
     value: T;
 };
 
-declare type SelectableCardGroupProps<T> = {
+type SelectableCardGroupProps<T> = {
     cards: BaseSelectableProps<T>[];
     handleChange?: (value: T | undefined) => void;
     spacing?: SizesTypes;
@@ -499,9 +499,9 @@ declare type SelectableCardGroupProps<T> = {
 };
 declare const SelectableCardGroup: <T extends string>({ cards, handleChange, spacing, initialValue, }: SelectableCardGroupProps<T>) => JSX.Element;
 
-declare type HeroImageAlignment = 'left_aligned' | 'center_aligned';
-declare type HeroImageTemplate = 'card' | 'full_width';
-declare type HeroImageProps = {
+type HeroImageAlignment = 'left_aligned' | 'center_aligned';
+type HeroImageTemplate = 'card' | 'full_width';
+type HeroImageProps = {
     type: 'hero_image';
     backgroundImage: ImageProps$1;
     mainHeading: string;
@@ -515,8 +515,8 @@ declare type HeroImageProps = {
 };
 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 & {
+type Anchor = 'top' | 'left' | 'bottom' | 'right';
+type DrawerProps = DrawerProps$1 & {
     anchor: Anchor;
     padding?: SizesTypes$2 | number;
     height?: number | string;
@@ -526,15 +526,15 @@ declare type DrawerProps = DrawerProps$1 & {
 
 declare const Drawer: ({ children, closeIconColor, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;
 
-declare type ColumnsTemplateKeys = 'horizontal' | 'card' | 'with_image';
+type ColumnsTemplateKeys = 'horizontal' | 'card' | 'with_image';
 
-declare type ColumnsProps = {
+type ColumnsProps = {
     type: 'columns';
     columns: ColumnItem[];
     containerStyles?: CSSProperties$1;
     template?: ColumnsTemplateKeys;
 };
-declare type ColumnItem = {
+type ColumnItem = {
     title?: string;
     mainContent?: string;
     button?: LinkButtonProps$1;
@@ -542,25 +542,25 @@ declare type ColumnItem = {
 };
 declare const Columns: ({ columns, containerStyles, template }: ColumnsProps) => JSX.Element;
 
-declare type MenuItem<T> = {
+type MenuItem<T> = {
     id: T;
     title: string;
     onClick?: (id: T) => void;
 };
-declare type MenuItemsProps<T> = {
+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 AvatarDropdownProps<T> = {
+type AvatarDropdownProps<T> = {
     avatarProps: AvatarProps;
     menuConfig: MenuItemsProps<T>;
 };
 declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuConfig, }: AvatarDropdownProps<T>) => JSX.Element;
 
-declare type TabProps<T = string, K = string> = {
+type TabProps<T = string, K = string> = {
     tabKey: T;
     text: string;
     disabled?: boolean;
@@ -571,7 +571,7 @@ declare type TabProps<T = string, K = string> = {
     onOptionClick?: (optionKey: K) => void;
 };
 
-declare type TabGroupProps<T = string, K = string> = {
+type TabGroupProps<T = string, K = string> = {
     tabs: Pick<TabProps<T, K>, 'text' | 'tabKey' | 'disabled' | 'options'>[];
     activeTabKey: T;
     spacing?: SizesTypes$2;
@@ -582,7 +582,7 @@ declare type TabGroupProps<T = string, K = string> = {
 };
 declare const TabGroup: <T extends string, K extends string>({ tabs, spacing, vertical, activeTabKey, onTabChange, style, }: TabGroupProps<T, K>) => JSX.Element;
 
-declare type FieldSectionProps<T extends object> = {
+type FieldSectionProps<T extends object> = {
     label: string;
     control?: Control<T>;
     isEditMode?: boolean;
@@ -590,7 +590,7 @@ declare type FieldSectionProps<T extends object> = {
 };
 declare const FieldSection: <T extends object>({ fields, label, isEditMode, control, }: FieldSectionProps<T>) => JSX.Element;
 
-declare type MenuNavigationProps<T> = {
+type MenuNavigationProps<T> = {
     menuConfig: MenuItemsProps<T>;
 };
 declare const MenuNavigation: <T extends string | number>({ menuConfig, }: MenuNavigationProps<T>) => JSX.Element;
@@ -598,14 +598,14 @@ declare const CaretIconWrapper: styled_components.StyledComponent<"div", styled_
     isOpen: boolean;
 }, never>;
 
-declare type EmphasizedTextProps = {
+type EmphasizedTextProps = {
     type: 'emphasized_text';
     invertColors: boolean;
     textContent: string;
 };
 declare const EmphasizedText: ({ textContent, invertColors }: EmphasizedTextProps) => JSX.Element;
 
-declare type RadioButtonFieldProps<T extends string> = {
+type RadioButtonFieldProps<T extends string> = {
     name: string;
     control?: Control<any>;
     rules?: ControllerProps['rules'];
@@ -618,7 +618,7 @@ declare type RadioButtonFieldProps<T extends string> = {
 };
 declare const RadioButtonField: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: RadioButtonFieldProps<T>) => JSX.Element;
 
-declare type AlertProps = {
+type AlertProps = {
     style?: CSSProperties;
     title: string;
     description: string;
@@ -636,8 +636,8 @@ declare type AlertProps = {
 };
 declare const Alert: ({ logo, title, withCloseIcon, description, style, fontColor, containerStyles, isMobile, ...props }: AlertProps) => JSX.Element;
 
-declare type OrientationType = 'horizontal' | 'vertical';
-declare type StepperProps = {
+type OrientationType = 'horizontal' | 'vertical';
+type StepperProps = {
     steps: {
         title: string;
         description?: string;
@@ -648,7 +648,7 @@ declare type StepperProps = {
 };
 declare const Stepper: ({ steps, orientation, currentStep }: StepperProps) => JSX.Element;
 
-declare type PdfDocumentProps = {
+type PdfDocumentProps = {
     source: string;
     isMobile?: boolean;
     customDocumentStyles?: Partial<{
@@ -659,10 +659,11 @@ declare type PdfDocumentProps = {
         disabledPaginationArrowColor: ThemeColors$2 | string;
     }>;
 };
+declare const PAGE_HEIGHT = 600;
 declare const PdfDocument: ({ source, isMobile, customDocumentStyles }: PdfDocumentProps) => JSX.Element;
 
-declare type FeedTemplateKeys = `feed_${'a' | 'b'}`;
-declare type FeedContentHeaderProps = {
+type FeedTemplateKeys = `feed_${'a' | 'b'}`;
+type FeedContentHeaderProps = {
     title: string;
     enableFavoriting?: boolean;
     templateType: FeedTemplateKeys;
@@ -671,7 +672,7 @@ declare type FeedContentHeaderProps = {
 } & Partial<Omit<InputFieldProps$1, 'labelsProps' | 'required' | 'optional'>>;
 declare const FeedContentHeader: ({ templateType, title, name, inputProps, isMobile, menuConfig, ...rest }: FeedContentHeaderProps) => JSX.Element;
 
-declare type ToggleFieldProps = {
+type ToggleFieldProps = {
     name: string;
     title: string;
     control?: Control<any>;
@@ -681,9 +682,9 @@ declare type ToggleFieldProps = {
 };
 declare const HorizontalButtonsField: ({ name, title, control, description, horizontalButtonsProps, }: ToggleFieldProps) => JSX.Element;
 
-declare type Callback = () => void;
+type Callback = () => void;
 
-declare type BottomNaVBarItemProps = {
+type BottomNaVBarItemProps = {
     name: string;
     icon: ComponentType<Omit<IconProps$1, 'name'>>;
     active: boolean;
@@ -692,11 +693,11 @@ declare type BottomNaVBarItemProps = {
 };
 declare const BottomNavBarItem: ({ name, icon: IconComponent, active, activeColor, onNavigate, }: BottomNaVBarItemProps) => JSX.Element;
 
-declare type SetPasswordRuleValidation = {
+type SetPasswordRuleValidation = {
     label: string;
     rule: MaxRuleValidation | MinRuleValidation;
 };
-declare type SetPasswordFormProps = {
+type SetPasswordFormProps = {
     fields: UIFields<SetPasswordFields>;
     logoUrl: string;
     isLoading?: boolean;
@@ -707,7 +708,7 @@ declare type SetPasswordFormProps = {
 declare const SetPasswordForm: ({ logoUrl, fields, validations, onBack, onSubmit, isLoading, }: SetPasswordFormProps) => JSX.Element;
 
 declare const showAcceptToastMessage: () => void | undefined;
-declare type AcquisitionFormProps<T extends object> = {
+type AcquisitionFormProps<T extends object> = {
     fields: UIFields$2<T>;
     consents: ConsentProps$1[];
     logoUrl: string;
@@ -725,11 +726,11 @@ declare type AcquisitionFormProps<T extends object> = {
 };
 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 = {
+type VerificationCodeForm = {
     code: string;
 };
-declare type AuthMethod = 'email' | 'sms';
-declare type TwoFactorAuthProps = {
+type AuthMethod = 'email' | 'sms';
+type TwoFactorAuthProps = {
     logoUrl: string;
     onNext?: (authMethod: AuthMethod) => Promise<void>;
     onSubmit?: (values: VerificationCodeForm) => void;
@@ -737,13 +738,13 @@ declare type TwoFactorAuthProps = {
 };
 declare const TwoFactorAuth: ({ logoUrl, onSubmit, onBack, onNext }: TwoFactorAuthProps) => JSX.Element;
 
-declare type LoginFields = {
+type LoginFields = {
     email: string;
     password: string;
     rememberMe: boolean;
 };
 
-declare type LoginFormProps = {
+type LoginFormProps = {
     fields: UIFields<LoginFields>;
     logoUrl: string;
     isLoading?: boolean;
@@ -760,11 +761,11 @@ declare type LoginFormProps = {
 };
 declare const LoginForm: ({ logoUrl, fields, isTooltipVisible, onSubmit, optionsPresentation, onSignUpButtonClick, isLoading, twoFactorAuthConfig, consents, onForgotPasswordButtonClick, }: LoginFormProps) => JSX.Element;
 
-declare type FooterProps = FooterAProps | FooterBProps | FooterCProps | FooterDProps;
+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 = {
+type FeedContentTemplateTypes = 'full_width_content' | 'standard_content' | 'auto_play' | '';
+type FeedContentProps = {
     feedContentType: Omit<FilteredFeedContentType$1, 'all'>;
     feedContentTemplate: FeedContentTemplateTypes;
     id?: string;
@@ -797,18 +798,18 @@ declare type FeedContentProps = {
 
 declare const FeedContent: ({ feedContentTemplate, ...props }: FeedContentProps) => JSX.Element;
 
-declare type FooterContactInfo = {
+type FooterContactInfo = {
     phoneNumber: string;
     addressLine1: string;
     addressLine2: string;
 };
-declare type FooterLink = {
+type FooterLink = {
     id: string;
     name: string;
     location: string;
 };
 
-declare type ProfileInformationProps<TabKeys extends string> = {
+type ProfileInformationProps<TabKeys extends string> = {
     backgroundImageUrl: string;
     avatarProps: AvatarProps;
     tabs: TabProps<string, TabKeys>[];
@@ -824,10 +825,10 @@ declare type ProfileInformationProps<TabKeys extends string> = {
 };
 declare const ProfileInformation: <TabKeys extends string>({ avatarProps, backgroundImageUrl, initialTabKey, tabs, title, editIcons, tabContents, }: ProfileInformationProps<TabKeys>) => JSX.Element;
 
-declare type EmailAddressFields = {
+type EmailAddressFields = {
     email: string;
 };
-declare type ForgotPasswordFormProps = {
+type ForgotPasswordFormProps = {
     logoUrl: string;
     isLoading?: boolean;
     onSubmit?: (values: EmailAddressFields) => void;
@@ -835,7 +836,7 @@ declare type ForgotPasswordFormProps = {
 };
 declare const ForgotPasswordForm: ({ logoUrl, onBack, onSubmit, isLoading, }: ForgotPasswordFormProps) => JSX.Element;
 
-declare type BodyProps = {
+type BodyProps = {
     elements: {
         data: (HeroImageProps$1 | HeroSliderProps$1 | SubscribePanelProps$1 | ColumnsProps$1 | EmphasizedTextProps$1 | FeedContentContainerProps$1)[];
         spacer?: number;
@@ -845,14 +846,14 @@ declare type BodyProps = {
 };
 declare const Body: ({ elements, horizontalPaddings, containerStyles }: BodyProps) => JSX.Element;
 
-declare type ISIProps = ISIAProps;
+type ISIProps = ISIAProps;
 declare const ISI: (props: ISIProps) => JSX.Element;
 
-declare type ImportantLink = {
+type ImportantLink = {
     text: string;
     href: string;
 };
-declare type HeaderAProps<T = string> = {
+type HeaderAProps<T = string> = {
     className?: string;
     links?: ImportantLink[];
     logoUrl: string;
@@ -863,15 +864,15 @@ declare type HeaderAProps<T = string> = {
     isMobile?: boolean;
 };
 
-declare type HeaderBProps<T = string> = Pick<HeaderAProps$1<T>, 'isMobile' | 'logoUrl' | 'tabsProps' | 'buttonText' | 'onActionButtonClick' | 'buttonLink' | 'className'>;
+type HeaderBProps<T = string> = Pick<HeaderAProps$1<T>, 'isMobile' | 'logoUrl' | 'tabsProps' | 'buttonText' | 'onActionButtonClick' | 'buttonLink' | 'className'>;
 
-declare type HeaderCProps<T> = Pick<HeaderAProps$1<T>, 'logoUrl' | 'tabsProps' | 'isMobile' | 'className'>;
+type HeaderCProps<T> = Pick<HeaderAProps$1<T>, 'logoUrl' | 'tabsProps' | 'isMobile' | 'className'>;
 
-declare type HeaderDProps = {
+type HeaderDProps = {
     withAvatar: AvatarDropdownProps$1<string>;
 } & Pick<HeaderAProps$1, 'isMobile' | 'logoUrl' | 'links' | 'tabsProps' | 'className'>;
 
-declare type HeaderProps<T = string> = (HeaderAProps<T> & {
+type HeaderProps<T = string> = (HeaderAProps<T> & {
     type: 'header_a';
 }) | (HeaderBProps<T> & {
     type: 'header_b';
@@ -882,24 +883,24 @@ declare type HeaderProps<T = string> = (HeaderAProps<T> & {
 });
 declare const Header: <T extends string | number>(props: HeaderProps<T>) => JSX.Element;
 
-declare type ButtonCaptureProps = {
+type ButtonCaptureProps = {
     type: 'button';
     acceptButton: ButtonProps$1;
     denyButton: ButtonProps$1;
 };
-declare type RadioButtonsCaptureProps<T extends string> = {
+type RadioButtonsCaptureProps<T extends string> = {
     type: 'radioButton';
     acceptValue: T;
 } & RadioButtonsProps$1<T>;
-declare type CheckboxCaptureProps = {
+type CheckboxCaptureProps = {
     type: 'checkbox';
     label: string;
     value: boolean;
     onChange: (value: boolean) => void;
 };
-declare type ConsentCaptureProps<T extends string = string> = ButtonCaptureProps | RadioButtonsCaptureProps<T> | CheckboxCaptureProps;
+type ConsentCaptureProps<T extends string = string> = ButtonCaptureProps | RadioButtonsCaptureProps<T> | CheckboxCaptureProps;
 
-declare type ConsentProps<T extends string = string> = {
+type ConsentProps<T extends string = string> = {
     text: string;
     isRequired?: boolean;
     consentCaptureProps: ConsentCaptureProps<T>;
@@ -908,8 +909,8 @@ declare type ConsentProps<T extends string = string> = {
 };
 declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => JSX.Element;
 
-declare type ProcessTrackerStatus = 'complete' | 'incomplete' | 'in_progress';
-declare type ProcessTrackerProps = {
+type ProcessTrackerStatus = 'complete' | 'incomplete' | 'in_progress';
+type ProcessTrackerProps = {
     title?: Nullable<string>;
     description?: Nullable<string>;
     isMobile?: boolean;
@@ -928,8 +929,8 @@ declare type ProcessTrackerProps = {
 };
 declare const ProcessTracker: ({ title, statuses, isMobile, description, currentStep, style, withCloseIcon, }: ProcessTrackerProps) => JSX.Element;
 
-declare type FilteredFeedContentType = 'all' | 'favourite';
-declare type FeedContentContainerProps = {
+type FilteredFeedContentType = 'all' | 'favourite';
+type FeedContentContainerProps = {
     type: 'feed';
     feedHeader: Omit<FeedContentHeaderProps$1, 'isMobile'>;
     feedContent?: Omit<FeedContentProps$1, 'isMobile'>[];
@@ -937,15 +938,15 @@ declare type FeedContentContainerProps = {
 };
 declare const FeedContentContainer: ({ feedHeader, feedContent, isMobile, }: FeedContentContainerProps) => JSX.Element;
 
-declare type DynamicElementProps = (AlertProps$1 & {
+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 = {
+type SizeProps = SizesTypes$1 | number;
+type DynamicContentZoneProps = {
     elements: {
         data: DynamicElementProps[];
         spacer?: SizeProps;
@@ -955,20 +956,20 @@ declare type DynamicContentZoneProps = {
 };
 declare const DynamicContentZone: ({ elements, horizontalPaddings, containerStyles, }: DynamicContentZoneProps) => JSX.Element;
 
-declare type BottomNavBarNavigationProps = {
+type BottomNavBarNavigationProps = {
     navbarItems: BottomNaVBarItemProps$1[];
 };
 declare const BottomNavBarNavigation: ({ navbarItems }: BottomNavBarNavigationProps) => JSX.Element;
 
-declare type HeroSliderProps = {
+type HeroSliderProps = {
     type: 'hero_slides';
     heroSlides: Omit<HeroImageProps$1, 'type' | 'template'>[];
 };
 declare const HeroSlider: ({ heroSlides }: HeroSliderProps) => JSX.Element | null;
 declare const HeroSliderWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
 
-declare type SubscribePanelTemplateKeys = `subscribe_template_${'a' | 'b'}`;
-declare type SubscribePanelTemplateProps = {
+type SubscribePanelTemplateKeys = `subscribe_template_${'a' | 'b'}`;
+type SubscribePanelTemplateProps = {
     title?: string;
     description?: string;
     isSubscribing?: boolean;
@@ -976,18 +977,18 @@ declare type SubscribePanelTemplateProps = {
     isMobile: boolean;
     control: Control$1<SubscribePanelForm>;
 };
-declare type SubscribePanelProps = Omit<SubscribePanelTemplateProps, 'isMobile' | 'control' | 'subscribeHandler'> & {
+type SubscribePanelProps = Omit<SubscribePanelTemplateProps, 'isMobile' | 'control' | 'subscribeHandler'> & {
     type: 'subscribe_panel';
     template: SubscribePanelTemplateKeys;
     onSubscribe: (email: string) => void;
 };
-declare type SubscribePanelForm = {
+type SubscribePanelForm = {
     email: string;
 };
 
 declare const SubscribePanel: ({ template, onSubscribe, ...props }: SubscribePanelProps) => JSX.Element;
 
-declare type DefaultTemplateProps = {
+type DefaultTemplateProps = {
     alerts?: AlertProps$2[];
     processTracker?: ProcessTrackerProps$1;
     header: React.ReactNode;
@@ -1009,21 +1010,21 @@ declare const useStep: (maxStep: number) => [number, Helpers];
 
 declare const useRequiredConsentsAcceptedValues: (consents: ConsentProps$1[]) => boolean;
 
-declare type MlrRichTextViewerProviderProps = PropsWithChildren<{
+type MlrRichTextViewerProviderProps = PropsWithChildren<{
     annotationsList: AnnotationsList$1;
     isMLRReview: boolean;
     showAnnotations: boolean;
 }>;
 declare const MlrRichTextViewerProvider: ({ children, isMLRReview, showAnnotations, annotationsList, }: MlrRichTextViewerProviderProps) => JSX.Element;
 
-declare type MlrRichTextViewerContextType = {
+type MlrRichTextViewerContextType = {
     isMLRReview: boolean;
     showAnnotations: boolean;
     annotationsList: AnnotationsList$1;
 };
 declare const MlrRichTextViewerContext: React$1.Context<MlrRichTextViewerContextType>;
 
-declare type AnnotationsList = {
+type AnnotationsList = {
     tags: {
         id: string;
         label: string;
@@ -1037,4 +1038,4 @@ declare type AnnotationsList = {
 
 declare const useMlrRichTextViewerContext: () => contexts_MlrRichTextViewerContext_MlrRichTextViewerContext.MlrRichTextViewerContextType;
 
-export { AcquisitionForm, AcquisitionFormProps, Alert, AlertProps, AnnotationsList, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, Body, BodyProps, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonProps, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, 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, 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, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LinkButton, LinkButtonProps, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, TabGroup, TabGroupProps, TextAlign, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoProps, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
+export { AcquisitionForm, AcquisitionFormProps, Alert, AlertProps, AnnotationsList, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, Body, BodyProps, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonProps, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, 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, 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, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LinkButton, LinkButtonProps, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, OrientationType, PAGE_HEIGHT, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, TabGroup, TabGroupProps, TextAlign, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoProps, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };