@zealicsolutions/web-ui 0.2.143 → 0.2.267

package/dist/index.d.ts

@@ -1,47 +1,54 @@
 /// <reference types="react" />
-import * as React$1 from 'react';
-import React__default, { PropsWithChildren, ReactNode, Dispatch, SetStateAction, CSSProperties as CSSProperties$1, ComponentType, KeyboardEvent } from 'react';
+import * as react from 'react';
+import react__default, { PropsWithChildren, ReactNode, Dispatch, SetStateAction, MouseEvent, CSSProperties as CSSProperties$1, ComponentType, KeyboardEvent } from 'react';
 import * as styled_components from 'styled-components';
 import { CSSProperties, DefaultTheme } from 'styled-components';
+import * as theme from 'theme';
 import { ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$1, FontSizesTypes as FontSizesTypes$2 } from 'theme';
 import * as typescript from 'typescript';
-import { StylesType, AnyObject, Callback as Callback$1, OverrideStyles, StyledTransientProps, Nullable, StrictUnion } from 'typescript';
+import { StylesType, AnyObject as AnyObject$1, Callback as Callback$1, Nullable, StrictUnion, OverrideStyles, StyledTransientProps } from 'typescript';
 import { RefCallBack, Control as Control$1, ControllerProps as ControllerProps$1 } from 'react-hook-form/dist/types';
 import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
+import * as containers from 'containers';
+import { ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1, FormStateType as FormStateType$1, ProcessTrackerStatus as ProcessTrackerStatus$1, MoleculeTypes as MoleculeTypes$1, ContainerType as ContainerType$1, MetadataType as MetadataType$1, StateConfigType as StateConfigType$1, ConditionConfig as ConditionConfig$1, ConfigurationItemInfo as ConfigurationItemInfo$1, ProcessStep as ProcessStep$1, MetadataStateConfig as MetadataStateConfig$1 } from 'containers';
 import { FieldTypes as FieldTypes$1, UIFields as UIFields$1, InputFieldTypes as InputFieldTypes$1 } from 'fieldsConfiguration/types';
 import { ThemeColors as ThemeColors$2, FontSizesTypes as FontSizesTypes$1, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
-import * as react_hook_form from 'react-hook-form';
-import { ControllerProps, DeepPartial, FieldValues, FormState, Control, UseFormReturn, ValidationMode } from 'react-hook-form';
 import * as atoms from 'atoms';
-import { SelectOption as SelectOption$1, 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, SelectProps as SelectProps$1, RegularImageProps as RegularImageProps$1, TextButtonProps as TextButtonProps$1, TabTheme as TabTheme$1, RadioButtonInternalConfigProps as RadioButtonInternalConfigProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1 } from 'atoms';
-import { InputFieldProps as InputFieldProps$1, SelectFieldProps as SelectFieldProps$1, FieldSectionProps as FieldSectionProps$1, 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, MenuItemsProps as MenuItemsProps$1, ImageProps as ImageProps$1, TextMoleculeProps as TextMoleculeProps$1, AdditionalTabContainerProps as AdditionalTabContainerProps$1, RadioButtonFieldProps as RadioButtonFieldProps$1, CheckboxFieldProps as CheckboxFieldProps$1 } from 'molecules';
+import { SelectOption as SelectOption$1, LinkVariant as LinkVariant$1, TextProps as TextProps$1, IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, AvatarProps as AvatarProps$1, TabProps as TabProps$1, InputProps as InputProps$1, SelectProps as SelectProps$1, RegularImageProps as RegularImageProps$1, TextButtonProps as TextButtonProps$1, TabTheme as TabTheme$1, RadioButtonsProps as RadioButtonsProps$1, RadioButtonInternalConfigProps as RadioButtonInternalConfigProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1 } from 'atoms';
+import { ChecklistItem as ChecklistItem$1, ImageProps as ImageProps$1, TextMoleculeProps as TextMoleculeProps$1, ButtonProps as ButtonProps$1, TabGroupProps as TabGroupProps$1, AdditionalTabContainerProps as AdditionalTabContainerProps$1, InputFieldProps as InputFieldProps$1, SelectFieldProps as SelectFieldProps$1, RadioButtonFieldProps as RadioButtonFieldProps$1, CheckboxFieldProps as CheckboxFieldProps$1, ConsentType as ConsentType$1, LinkProps as LinkProps$1, AvatarDropdownProps as AvatarDropdownProps$1, AvatarDropdownMenuConfigType as AvatarDropdownMenuConfigType$1, FieldSectionProps as FieldSectionProps$1, BaseButtonProps as BaseButtonProps$1, MenuItem, ConsentProps as ConsentProps$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1, AlertProps as AlertProps$1, BottomNaVBarItemProps as BottomNaVBarItemProps$1, MenuItemsProps as MenuItemsProps$1 } from 'molecules';
+import * as react_hook_form from 'react-hook-form';
+import { UseFormReturn, ValidationMode, ControllerProps, DeepPartial, FieldValues, FormState, Control } from 'react-hook-form';
+import { CheckboxInternalConfigProps as CheckboxInternalConfigProps$1 } from 'atoms/Checkbox/types';
+import { MaskConfig as MaskConfig$1 } from 'atoms/Input/helpers';
 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 { Descendant } from 'slate';
 import { RadioGroup, DrawerProps as DrawerProps$1, ModalProps } from '@mui/material';
-import { UIFields as UIFields$2, UIField as UIField$1 } from 'fieldsConfiguration';
+import { UIFields as UIFields$2, InputFieldTypes as InputFieldTypes$2, UIField as UIField$1 } from 'fieldsConfiguration';
 import { SetPasswordFields, MaxRuleValidation, MinRuleValidation } 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 { ConsentProps as ConsentProps$2 } from 'molecules/Consent/Consent';
 import { FooterAProps } from 'organisms/Footer/FooterA';
 import { FooterBProps } from 'organisms/Footer/FooterB';
 import { FooterCProps } from 'organisms/Footer/FooterC';
 import { FooterDProps } from 'organisms/Footer/FooterD';
+import { FilteredFeedContentType as FilteredFeedContentType$1, HeroSliderProps as HeroSliderProps$1, ProcessTrackerProps as ProcessTrackerProps$1, ConsentProps as ConsentProps$3 } from 'organisms';
 import { FeedContentContainerProps as FeedContentContainerProps$1 } from 'organisms/FeedContentContainer/FeedContentContainer';
 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 { AlertProps as AlertProps$2 } from 'molecules/Alert/Alert';
+import { PasswordFields, PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
 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';
 import * as contexts_ButtonActionsContext_ButtonActionsContext from 'contexts/ButtonActionsContext/ButtonActionsContext';
-import { ContainerComponentProps as ContainerComponentProps$1, ContainerProps as ContainerProps$1, Molecule as Molecule$1 } from 'containers';
 export * from 'helpers/constants';
-import { CheckboxInternalConfigProps as CheckboxInternalConfigProps$1 } from 'atoms/Checkbox/types';
+import { CustomDescendant } from 'atoms/RichTextViewer/types';
+import { ConsentCaptureProps } from 'molecules/Consent/ConsentCapture';
 import * as containers_types_types from 'containers/types/types';
-import { ContainerProps as ContainerProps$2 } from 'containers/types/types';
+import { ContainerProps as ContainerProps$1, ContainerComponentProps as ContainerComponentProps$2 } from 'containers/types/types';
 
 declare type TouchableOpacityProps = PropsWithChildren<{
     activeOpacity?: number;
@@ -53,7 +60,7 @@ declare const TouchableOpacity: styled_components.StyledComponent<"div", styled_
     withoutOpacityEffect?: boolean | undefined;
     disabled?: boolean | undefined;
 } & {
-    children?: React$1.ReactNode;
+    children?: react.ReactNode;
 }, never>;
 
 declare type CheckboxInternalConfigProps = Partial<{
@@ -70,21 +77,21 @@ declare type CheckboxProps = {
     id: string;
     onClick: (id: string) => void;
     label: string;
-} & Partial<{
-    isError: boolean;
-    disabled: boolean;
-    isEditMode: boolean;
-    isSelected: boolean;
-    isRichText: boolean;
-    internalConfig: CheckboxInternalConfigProps;
-}>;
-declare const Checkbox: ({ id, onClick, label, isError, disabled, isEditMode, isSelected, isRichText, internalConfig, }: CheckboxProps) => JSX.Element;
+    isError?: boolean;
+    disabled?: boolean;
+    isEditMode?: boolean;
+    isSelected?: boolean;
+    isRichText?: boolean;
+    notInteractable?: boolean;
+    internalConfig?: CheckboxInternalConfigProps;
+};
+declare const Checkbox: ({ id, onClick, label, isError, disabled, isEditMode, isSelected, isRichText, notInteractable, internalConfig, }: CheckboxProps) => JSX.Element;
 
 declare type SelectOption = {
     id: string;
     label: string;
     value?: string;
-    config?: AnyObject;
+    config?: AnyObject$1;
 };
 declare type SelectInternalConfigurationOptions = {
     placeholderTextColor: ThemeColors$1 | string;
@@ -110,11 +117,610 @@ declare type SelectProps = Partial<{
     selectInternalConfig: SelectInternalConfigurationOptions;
     isRichText: boolean;
 }>;
-declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, selectInternalConfig, isRichText, }: SelectProps) => JSX.Element;
+declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, isEditMode, selectInternalConfig, isRichText, }: SelectProps) => JSX.Element;
+
+declare const Container: ({ id, type, wide, props, compact, children, metadata, isMobile, }: {
+    type: containers.ContainerType;
+    metadata: containers.MetadataType;
+} & Partial<{
+    containerTemplateType: "row_content_container";
+    wide: Partial<{
+        containerStyle: styled_components.CSSProperties;
+        containerProps: Partial<{
+            position: containers.ContainerPositionType;
+            alignItems: containers.ContainerAlignItemsType;
+            scrollBehaviour: containers.ContainerScrollBehaviourType;
+            cornerRadius: number | theme.SizesTypes;
+            gap: theme.SizesTypes;
+            styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
+            paddingTop: theme.SizesTypes;
+            paddingBottom: theme.SizesTypes;
+            paddingLeft: theme.SizesTypes;
+            paddingRight: theme.SizesTypes;
+            autoplay: boolean;
+            autoplayDuration: number;
+            formProps: containers.FormContainerProps;
+            formStepProps: containers.FormStepContainerProps;
+            border: string;
+            activeChildrenIds: string[];
+            activeOrganismIds: string[];
+            padding: containers.Padding;
+        }>;
+    }>;
+    compact: Partial<{
+        containerStyle: styled_components.CSSProperties;
+        containerProps: Partial<{
+            position: containers.ContainerPositionType;
+            alignItems: containers.ContainerAlignItemsType;
+            scrollBehaviour: containers.ContainerScrollBehaviourType;
+            cornerRadius: number | theme.SizesTypes;
+            gap: theme.SizesTypes;
+            styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
+            paddingTop: theme.SizesTypes;
+            paddingBottom: theme.SizesTypes;
+            paddingLeft: theme.SizesTypes;
+            paddingRight: theme.SizesTypes;
+            autoplay: boolean;
+            autoplayDuration: number;
+            formProps: containers.FormContainerProps;
+            formStepProps: containers.FormStepContainerProps;
+            border: string;
+            activeChildrenIds: string[];
+            activeOrganismIds: string[];
+            padding: containers.Padding;
+        }>;
+    }>;
+    props: Partial<{
+        position: containers.ContainerPositionType;
+        alignItems: containers.ContainerAlignItemsType;
+        scrollBehaviour: containers.ContainerScrollBehaviourType;
+        cornerRadius: number | theme.SizesTypes;
+        gap: theme.SizesTypes;
+        styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
+        paddingTop: theme.SizesTypes;
+        paddingBottom: theme.SizesTypes;
+        paddingLeft: theme.SizesTypes;
+        paddingRight: theme.SizesTypes;
+        autoplay: boolean;
+        autoplayDuration: number;
+        formProps: containers.FormContainerProps;
+        formStepProps: containers.FormStepContainerProps;
+        border: string;
+        activeChildrenIds: string[];
+        activeOrganismIds: string[];
+        padding: containers.Padding;
+    }>;
+    isMobile: boolean;
+}> & {
+    children?: ReactNode;
+} & {
+    id: string;
+}) => JSX.Element | null;
+declare const ContainerComponent: ({ config, tabsProps, id, type, items, metadata, formData, setFormData, isMobile, isConfigurationMode, }: ContainerComponentProps$1 & {
+    formData?: AnyObject$1 | undefined;
+    setFormData?: Dispatch<SetStateAction<AnyObject$1>> | undefined;
+}) => JSX.Element | null;
+
+declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
+declare type DataModelFieldFormatCodeTypes = 'date' | 'email' | 'string' | 'integer' | 'boolean' | 'numeric' | 'zip_code' | 'phone_number';
+declare type DataModelFieldFormatValueTypes = 'any' | 'text' | 'email' | 'integer' | 'numerical' | 'us_zip_code' | 'phone_number' | 'month_year_date' | 'day_month_year_date' | 'month_day_year_date' | 'year_month_day_date';
+declare type DownloadFile = {
+    url: string;
+    name: string;
+};
+declare type LinkAction = LinkAttributes;
+declare type PopupDrawerAction = ContainerComponentProps;
+declare type DownloadAction = DownloadFile;
+declare type SubmitAction = AnyObject$1;
+declare type CancelAction = AnyObject$1;
+declare type ResetAction = AnyObject$1;
+declare type DestroyAction = AnyObject$1;
+declare type Action = {
+    type: ActionTypes;
+} & Partial<{
+    link: LinkAction;
+    popup: PopupDrawerAction;
+    drawer: PopupDrawerAction;
+    download: DownloadAction;
+    submit: SubmitAction;
+    cancel: CancelAction;
+    reset: ResetAction;
+    destroy: DestroyAction;
+}>;
+declare type FormStateType = 'default' | 'success' | 'error' | 'format_error' | 'field_error' | 'open_dropdown' | 'match_error';
+declare type ProcessTrackerStatus = 'complete' | 'incomplete' | 'in_progress';
+declare type OrientationType = 'horizontal' | 'vertical';
+declare type OrientationTypeLabel = 'Horizontal' | 'Vertical';
+declare type ProcessStep = {
+    id: string;
+    title: Partial<TextAttributes>;
+    description?: Partial<TextAttributes>;
+    status?: ProcessTrackerStatus;
+    link?: Partial<LinkAttributes>;
+    order: number;
+};
+declare type ImageAttributes = {
+    attributeType: 'image';
+    imageSource: string;
+};
+interface TextAttributes {
+    id?: string;
+    attributeType: 'text';
+    isRichText?: boolean;
+    text: string;
+}
+interface VideoAttributes {
+    attributeType: 'video';
+    videoSource: string;
+}
+interface ActionAttributes {
+    attributeType: 'action';
+    action: Action;
+}
+interface LinkAttributes {
+    id: string;
+    attributeType: 'link';
+    type: 'internalLink' | 'externalLink' | 'external_link' | 'internal_link';
+    internalLink: Nullable<string>;
+    externalLink: Nullable<string>;
+    name: string;
+}
+interface SelectAttributes {
+    id?: string;
+    attributeType: 'select';
+    value: string;
+    options: SelectOption$1[];
+}
+interface BooleanAttributes {
+    attributeType: 'boolean';
+    value: boolean;
+}
+interface IterableAttributes {
+    attributeType: 'iterable';
+    options: SelectOption$1[];
+}
+declare type DataModelFieldFormat = {
+    id: string;
+    label: string;
+    value: DataModelFieldFormatValueTypes;
+    code: DataModelFieldFormatCodeTypes;
+    config: MaskConfig$1;
+};
+declare type DataConnectionValues = {
+    dataFieldName: string;
+    dataModelFieldId: string;
+    defaultValue?: string;
+    entitySubtypeId?: string;
+    entitySubtypeName?: string;
+    format: DataModelFieldFormat;
+};
+interface DataConnectionAttributes {
+    id: string;
+    attributeType: 'data_model_field';
+    dataModelField: DataConnectionValues;
+}
+interface ConditionConfigAttributes {
+    id: string;
+    attributeType: 'condition_config';
+    conditionConfig: ConditionConfig;
+}
+interface ColorAttributes {
+    attributeType: 'color';
+    color: string;
+}
+interface ProcessStepsAttributes {
+    orientation: {
+        attributeType: 'select';
+        options: {
+            id: OrientationType;
+            label: OrientationTypeLabel;
+        }[];
+        value: OrientationType;
+    };
+    processSteps: {
+        attributeType: 'process_steps';
+        steps: ProcessStep[];
+    };
+}
+interface ChecklistAttributes {
+    checklist: {
+        attributeType: 'checklist';
+        items: ChecklistItem$1[];
+    };
+}
+declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent' | 'link' | 'password_setup_field' | 'account_button' | 'process_steps' | 'checklist';
+interface BaseMolecule {
+    id: string;
+    type: MoleculeTypes;
+    instance: 'molecule';
+    metadata: MetadataType;
+    moleculeLibraryId: string;
+    organismLibraryMoleculeId: string;
+}
+interface ImageMolecule extends BaseMolecule {
+    type: 'image';
+    attributes: Partial<{
+        image: ImageAttributes;
+        altText: Omit<TextAttributes, 'isRichText'>;
+        link: LinkAttributes;
+    }>;
+    config: {
+        props?: Omit<ImageProps$1, 'src' | 'link' | 'altText'>;
+    };
+}
+interface TextMoleculeType extends BaseMolecule {
+    type: 'text';
+    attributes: Partial<{
+        text: TextAttributes;
+        seoStyle: SelectAttributes;
+        fontVariant: SelectAttributes;
+        color: ColorAttributes;
+    }>;
+    config: {
+        props?: TextMoleculeProps$1;
+    };
+}
+interface ButtonMolecule extends BaseMolecule {
+    type: 'button';
+    attributes: Partial<{
+        title: TextAttributes;
+        action: ActionAttributes;
+    }>;
+    config: {
+        props?: Partial<Omit<ButtonProps$1, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
+    };
+}
+interface VideoMolecule extends BaseMolecule {
+    type: 'video';
+    attributes: Partial<{
+        video: VideoAttributes;
+        altText: Omit<TextAttributes, 'isRichText'>;
+        autoPlayVideo: BooleanAttributes;
+        enableCoverImage: BooleanAttributes;
+        coverImage: ImageAttributes;
+    }>;
+    config: {
+        props: Partial<{
+            width: number;
+            styles: StylesType;
+        }>;
+    };
+}
+interface TabGroupMolecule extends BaseMolecule {
+    type: 'header_tab_group';
+    attributes: Partial<{
+        tabs: {
+            tabKey: string;
+            text: string;
+            disabled: boolean;
+            divider: boolean;
+        }[];
+        activeTabKey: string;
+        attributeType: 'tab_group';
+    }>;
+    config: {
+        props: TabGroupProps$1;
+        wide: AdditionalTabContainerProps$1;
+        compact: AdditionalTabContainerProps$1;
+    };
+}
+interface TextInputMolecule extends BaseMolecule {
+    type: 'input_field';
+    attributes: Partial<{
+        label: TextAttributes;
+        required: BooleanAttributes;
+        dataModelField: DataConnectionAttributes;
+        conditionConfig: ConditionConfigAttributes;
+    }>;
+    config: {
+        props: InputFieldProps$1;
+    };
+}
+interface SelectFieldMolecule extends BaseMolecule {
+    type: 'select_field';
+    attributes: Partial<{
+        label: TextAttributes;
+        required: BooleanAttributes;
+        options: IterableAttributes;
+        dataModelField: DataConnectionAttributes;
+        conditionConfig: ConditionConfigAttributes;
+    }>;
+    config: {
+        props: SelectFieldProps$1;
+    };
+}
+interface RadioButtonFieldMolecule extends BaseMolecule {
+    type: 'radio_button_field';
+    attributes: Partial<{
+        label: TextAttributes;
+        required: BooleanAttributes;
+        options: IterableAttributes;
+        dataModelField: DataConnectionAttributes;
+        conditionConfig: ConditionConfigAttributes;
+    }>;
+    config: {
+        props: RadioButtonFieldProps$1<string>;
+    };
+}
+interface CheckboxFieldMolecule extends BaseMolecule {
+    type: 'checkbox_field';
+    attributes: Partial<{
+        label: TextAttributes;
+        required: BooleanAttributes;
+        options: IterableAttributes;
+        dataModelField: DataConnectionAttributes;
+        conditionConfig: ConditionConfigAttributes;
+    }>;
+    config: {
+        props: CheckboxFieldProps$1;
+    };
+}
+interface ConsentFieldMolecule extends BaseMolecule {
+    type: 'consent';
+    attributes: Partial<{
+        consent: Partial<{
+            attributeType: 'consent';
+            consent: ConsentType$1;
+            required: BooleanAttributes;
+        }>;
+        conditionConfig: ConditionConfigAttributes;
+    }>;
+    config: {
+        props: Partial<{
+            state: 'field_error';
+        }>;
+    };
+}
+interface LinkMolecule extends BaseMolecule {
+    type: 'link';
+    attributes: {
+        text: TextAttributes;
+        link: LinkAttributes;
+    };
+    config: {
+        props: Omit<LinkProps$1, '$variant' | '$styles'> & Partial<{
+            variant: LinkVariant$1;
+            styles: StylesType;
+        }>;
+    };
+}
+interface PasswordSetupMolecule extends BaseMolecule {
+    type: 'password_setup_field';
+    attributes: Partial<{
+        passwordFieldLabel: TextAttributes;
+        reenteredPasswordFieldLabel: TextAttributes;
+        passwordFieldRequired: BooleanAttributes;
+        reenteredPasswordFieldRequired: BooleanAttributes;
+        dataModelField: DataConnectionAttributes;
+    }>;
+    config: {
+        props: {
+            validationLabel?: string;
+            state?: FormStateType;
+            passwordInputProps: InputFieldProps$1;
+            reenteredPasswordInputProps: InputFieldProps$1;
+        };
+    };
+}
+interface AccountButtonMolecule extends BaseMolecule {
+    type: 'account_button';
+    config: {
+        props: AvatarDropdownProps$1<AvatarDropdownMenuConfigType$1>;
+    };
+}
+interface ProcessStepsMoleculeType extends BaseMolecule {
+    type: 'process_steps';
+    organismMoleculeLibraryId: string;
+    attributes: ProcessStepsAttributes;
+}
+interface ChecklistsMolecule extends BaseMolecule {
+    type: 'checklist';
+    config: {
+        props: {
+            gap: SizesTypes$1;
+        } & CheckboxInternalConfigProps$1;
+    };
+    attributes: ChecklistAttributes;
+}
+declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule | PasswordSetupMolecule | AccountButtonMolecule | ProcessStepsMoleculeType | ChecklistsMolecule> & Partial<{
+    form: UseFormReturn<any>;
+    formData: AnyObject$1;
+    setFormData: Dispatch<SetStateAction<AnyObject$1>>;
+}>;
+declare type SlateValueChildType = {
+    id: string;
+    text: string;
+    variable?: {
+        dataModelField: DataConnectionValues;
+        text: string;
+        isStateConfigPresent?: boolean;
+    };
+};
+
+declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step' | 'dynamic';
+declare type ContainerTemplateType = 'row_content_container';
+declare type WrappedContainerType = Extract<ContainerType, 'slider' | 'form' | 'form_step'>;
+declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
+declare type ContainerAlignItemsType = 'start' | 'center' | 'end' | 'stretch';
+declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
+declare type StateActionType = 'visible' | 'disabled';
+declare type StateEventType = 'click' | 'view';
+declare type StateListenerConfigType = {
+    role: 'stateListener';
+    stateKey: string;
+    stateValue: string | boolean;
+    defaultState: Partial<Record<StateActionType, boolean>>;
+    action: Partial<Record<StateActionType, boolean>>;
+};
+declare type StateModifierConfigType = {
+    role: 'stateModifier';
+    stateKey: string;
+    event: StateEventType;
+};
+declare type MetadataStateConfig = StateListenerConfigType | StateModifierConfigType;
+declare type MetadataType = AnyObject$1 & Partial<{
+    stateConfig: MetadataStateConfig[];
+    referenceName: string;
+    isAction: boolean;
+    isTrigger: boolean;
+    notEditable: boolean;
+    hasOwnButton: boolean;
+    stateListenerId: string;
+    configurationPath: string;
+}>;
+declare type SliderProps = {
+    autoplay?: boolean;
+    autoplayDuration?: number;
+};
+declare type FormStepContainerProps = {
+    formStepName: string;
+    order: number;
+    conditionConfig: ConditionConfig;
+    formStepStyles?: CSSProperties;
+};
+declare type FormContainerProps = {
+    mode: keyof ValidationMode;
+};
+declare type PaddingVariants = 'top' | 'right' | 'bottom' | 'left';
+declare type Padding = Record<PaddingVariants, SizesTypes$1 | number> | SizesTypes$1 | string;
+declare type ContainerPropsType = Partial<{
+    position: ContainerPositionType;
+    alignItems: ContainerAlignItemsType;
+    scrollBehaviour: ContainerScrollBehaviourType;
+    cornerRadius: SizesTypes$1 | number;
+    gap: SizesTypes$1;
+    styles: StylesType;
+    paddingTop: SizesTypes$1;
+    paddingBottom: SizesTypes$1;
+    paddingLeft: SizesTypes$1;
+    paddingRight: SizesTypes$1;
+    autoplay: boolean;
+    autoplayDuration: number;
+    formProps: FormContainerProps;
+    formStepProps: FormStepContainerProps;
+    border: string;
+    activeChildrenIds: string[];
+    activeOrganismIds: string[];
+    padding: Padding;
+}>;
+declare type AdditionalContainerProps = Partial<{
+    containerStyle: CSSProperties;
+    containerProps: ContainerPropsType;
+}>;
+declare type ContainerProps = PropsWithChildren<{
+    type: ContainerType;
+    metadata: MetadataType;
+} & Partial<{
+    containerTemplateType: ContainerTemplateType;
+    wide: AdditionalContainerProps;
+    compact: AdditionalContainerProps;
+    props: ContainerPropsType;
+    isMobile: boolean;
+}>>;
+declare type ContainerComponentProps = {
+    id: string;
+    instance: 'container';
+    type: ContainerType;
+    items: (ContainerComponentProps | Molecule)[];
+    config: Partial<{
+        wide: AdditionalContainerProps;
+        compact: AdditionalContainerProps;
+        props: ContainerPropsType;
+    }>;
+    tabsProps?: Pick<TabGroupProps$1, 'tabs' | 'activeTabKey' | 'onTabChange'>;
+    metadata?: MetadataType;
+    attributes?: AnyObject$1;
+    containerLibraryId?: string;
+    isMobile?: boolean;
+    isConfigurationMode?: boolean;
+};
+declare type CriteriaType = 'operator' | 'condition';
+declare type ConditionCriteria = {
+    id: string;
+    type: CriteriaType;
+    operator: string;
+    dataFieldId: Nullable<string>;
+    subtypeId: Nullable<string>;
+    dataFieldName: Nullable<string>;
+    dataValue: Nullable<string>;
+    connectedTo: Nullable<string>;
+};
+declare type SegmentationType = 'simple' | 'advanced';
+declare type ConditionConfig = Nullable<{
+    id: string;
+    segmentationType: SegmentationType;
+    criteriaList: ConditionCriteria[];
+}>;
+declare type FormDataStateConfig = {
+    value?: string | number;
+} & Record<string, {
+    value?: string | number;
+}>;
+declare type ActionEventType = Record<string, boolean>;
+declare type ProcessTrackerStateValue = {
+    visible?: boolean;
+    journeyId: string;
+    steps: Pick<ProcessStep, 'id' | 'status' | 'link' | 'order'>[];
+};
+declare type StateConfigType = {
+    [stateKey: string]: Nullable<StrictUnion<boolean | string | FormDataStateConfig | ActionEventType | ProcessTrackerStateValue>>;
+};
+
+declare type Callback = () => void;
+declare type AnyObject = Record<string, unknown>;
+
+declare type ConfigurationItemInfo = {
+    $selected?: boolean;
+    isConfigurationMode?: boolean;
+    onClick?: (e: MouseEvent) => void;
+};
+declare const ContainerWrapper: styled_components.StyledComponent<"div", DefaultTheme, Pick<ContainerProps$1, "type"> & {
+    containerProps?: Partial<{
+        position: containers_types_types.ContainerPositionType;
+        alignItems: containers_types_types.ContainerAlignItemsType;
+        scrollBehaviour: containers_types_types.ContainerScrollBehaviourType;
+        cornerRadius: number | SizesTypes$1;
+        gap: SizesTypes$1;
+        styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, DefaultTheme>>;
+        paddingTop: SizesTypes$1;
+        paddingBottom: SizesTypes$1;
+        paddingLeft: SizesTypes$1;
+        paddingRight: SizesTypes$1;
+        autoplay: boolean;
+        autoplayDuration: number;
+        formProps: containers_types_types.FormContainerProps;
+        formStepProps: containers_types_types.FormStepContainerProps;
+        border: string;
+        activeChildrenIds: string[];
+        activeOrganismIds: string[];
+        padding: containers_types_types.Padding;
+    }> | undefined;
+    metadata?: AnyObject | undefined;
+}, never>;
+
+declare type OrganismItemProps = {
+    item: ContainerComponentProps$1 | Molecule$1;
+    tabsProps?: Pick<TabGroupProps$1, 'tabs' | 'activeTabKey' | 'onTabChange'>;
+    formData?: AnyObject$1;
+    setFormData?: Dispatch<SetStateAction<AnyObject$1>>;
+    isMobile?: boolean;
+    isConfigurationMode?: boolean;
+    onConfigurationItemHandler?: (itemPath: string) => void;
+};
+declare const OrganismItem: ({ item, tabsProps, formData, setFormData, isMobile, }: OrganismItemProps) => JSX.Element | null;
+
+declare type FormOrganismItemProps = {
+    item: ContainerComponentProps$2;
+    activeChildrenIds: string[];
+    formData?: AnyObject$1;
+    setFormData?: Dispatch<SetStateAction<AnyObject$1>>;
+    isMobile?: boolean;
+};
+declare const FormOrganismItem: ({ formData, setFormData, isMobile, ...props }: FormOrganismItemProps) => JSX.Element | null;
 
 declare const getFieldPlaceholder: (type: FieldTypes$1, title?: string) => string;
 
-declare type InputFieldTypes = 'phone-number' | 'text' | 'email' | 'password' | 'numerical' | 'month_year_date' | 'day_month_year_date' | 'month_day_year_date' | 'us_zip_code' | 'any';
+declare type InputFieldTypes = 'any' | 'text' | 'email' | 'integer' | 'password' | 'username' | 'numerical' | 'us_zip_code' | 'phone_number' | 'month_year_date' | 'day_month_year_date' | 'month_day_year_date' | 'year_month_day_date';
 declare type FieldTypes = 'input' | 'select' | 'checkbox';
 declare type UIField<T = string> = (UIInputField & UISelectField & UICheckboxField) & {
     name: T;
@@ -146,6 +752,7 @@ declare const getFieldsFromFieldSections: <T extends object>(sections: Pick<Fiel
 
 declare const acquisitionFormMockFields: UIFields$1<Record<string, string>>;
 declare const setPasswordMockFields: UIFields$1<SetPasswordFields>;
+declare const passwordMockFields: UIFields$1<PasswordFields>;
 declare const loginMockFields: UIFields$1<LoginFields$1>;
 declare const sectionMockFields: UIFields$1<Record<string, string>>;
 declare const profileInformationMockForm: {
@@ -153,11 +760,11 @@ declare const profileInformationMockForm: {
     fields: UIFields$1<Record<string, string>>;
 }[];
 
-declare type MaskConfig = Partial<{
-    maskPlaceholder: string;
-    dataModelFieldType: InputFieldTypes;
-    maskPattern: Array<string | RegExp>;
-}>;
+declare type MaskConfig = {
+    maskPlaceholder?: string;
+    maskPattern?: Array<string | RegExp>;
+    dataModelFieldType: DataModelFieldFormatCodeTypes;
+};
 
 declare type InputFieldInternalConfigProps = Partial<{
     textColor: ThemeColors$2 | string;
@@ -173,22 +780,23 @@ declare type InputIconProps = {
     name: IconNames$1;
     onClick?: Callback$1;
 };
-declare type InputProps = {
-    value?: string;
-    leftIcon?: InputIconProps;
-    rightIcon?: InputIconProps;
-    onBlur?: Callback$1;
-    type?: InputFieldTypes$1;
-    placeholder?: string;
-    disabled?: boolean;
-    isEditMode?: boolean;
-    isError?: boolean;
-    maxLength?: number;
-    onChange?: (value: string) => void;
-    onKeyDown?: (event: React__default.KeyboardEvent<HTMLInputElement>) => void;
-    internalConfig?: InputFieldInternalConfigProps;
+declare type InputProps = Partial<{
+    value: string;
+    leftIcon: InputIconProps;
+    rightIcon: InputIconProps;
+    onBlur: Callback$1;
+    type: InputFieldTypes$1;
+    placeholder: string;
+    disabled: boolean;
+    isEditMode: boolean;
+    isError: boolean;
+    maxLength: number;
+    onChange: (value: string) => void;
+    onKeyDown: (event: react__default.KeyboardEvent<HTMLInputElement>) => void;
+    internalConfig: InputFieldInternalConfigProps;
     config?: MaskConfig;
-};
+    state: FormStateType$1;
+}>;
 declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, config, ...rest }: InputProps) => JSX.Element;
 
 declare type TextTypes = 'primary' | 'secondary' | 'error' | 'success';
@@ -204,6 +812,7 @@ declare type TextProps = {
     textAlign?: TextAlign;
     behaveAs?: 'text' | 'button';
     seoTag?: SeoTags;
+    htmlElementId?: string;
 };
 declare type TextWrapperProps = PropsWithChildren<TextProps>;
 declare const TextWrapper: ({ children, seoTag, ...textProps }: TextWrapperProps) => JSX.Element;
@@ -266,7 +875,7 @@ declare type RegularImageProps = {
     width: number | string;
     height: number | string;
     onClick: Callback$1;
-    cornerRadius: number;
+    cornerRadius: SizesTypes$1 | number;
 }> & OverrideStyles;
 declare const RegularImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, {
     src: string;
@@ -275,7 +884,7 @@ declare const RegularImage: styled_components.StyledComponent<"img", styled_comp
     width: number | string;
     height: number | string;
     onClick: Callback$1;
-    cornerRadius: number;
+    cornerRadius: SizesTypes$1 | number;
 }> & OverrideStyles, never>;
 declare const BackgroundImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, {
     src: string;
@@ -284,17 +893,24 @@ declare const BackgroundImage: styled_components.StyledComponent<"img", styled_c
     width: number | string;
     height: number | string;
     onClick: Callback$1;
-    cornerRadius: number;
+    cornerRadius: SizesTypes$1 | number;
 }> & OverrideStyles, never>;
 
-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$1, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & {
-    buttonLink?: string | undefined;
-    elementId?: string | undefined;
-}, never>;
+declare type LinkVariant = 'link' | 'custom';
+declare type TextButtonProps = Pick<BaseButtonProps$1, 'disabled' | 'onClick' | 'children' | 'colorTheme' | 'size'> & Partial<{
+    buttonLink: string;
+    elementId: string;
+    $styles: StylesType;
+    $variant: LinkVariant;
+    textColor: string;
+}>;
+declare const TextButton: styled_components.StyledComponent<"a", styled_components.DefaultTheme, Pick<BaseButtonProps$1, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
+    buttonLink: string;
+    elementId: string;
+    $styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
+    $variant: LinkVariant;
+    textColor: string;
+}>, never>;
 
 declare type ValidationTagStatus = 'DEFAULT' | 'ERROR' | 'SUCCESS';
 declare type ValidationTagProps = {
@@ -348,11 +964,11 @@ declare type AvatarProps = {
 };
 declare const Avatar: ({ size, withShadow, label, backgroundColor, onPress, content: { initials, iconName, imageUrl }, textConfig: { color, font }, }: AvatarProps) => JSX.Element;
 
-declare type HorizontalPaddingProps = {
+declare type PaddingProps = {
     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 const HorizontalPadding: styled_components.StyledComponent<"div", styled_components.DefaultTheme, PaddingProps, never>;
+declare const VerticalPadding: styled_components.StyledComponent<"div", styled_components.DefaultTheme, PaddingProps, never>;
 
 declare type DividerProps = {
     type?: 'horizontal' | 'vertical';
@@ -370,10 +986,11 @@ declare type MapPosition = {
 declare type GoogleMapProps = {
     position: MapPosition;
 } & WithScriptjsProps & WithGoogleMapProps;
-declare const GoogleMap: React__default.ComponentClass<{
+declare const GoogleMap: react__default.ComponentClass<{
     position: MapPosition;
 } & WithScriptjsProps & WithGoogleMapProps, any>;
 
+declare const defaultValue: Descendant[];
 declare const MATRIX_MESSAGE_ELEMENT_ID = "matrix-message";
 declare const COMMUNICATION_LINK_ELEMENT_ID = "communication-link";
 declare const MATRIX_MESSAGE_DATA_ID = "matrix-message-id";
@@ -384,10 +1001,15 @@ declare type RichTextEditorProps = Partial<{
     font: FontSizesTypes$2;
     color: ThemeColors$1 | string;
     textStyles: StylesType;
-    numberOfLines?: number;
-    extraTextProps?: TextProps$1;
+    numberOfLines: number;
+    extraTextProps: TextProps$1;
+    renderElementWrapperComponent: (props: AnyObject$1) => JSX.Element;
+    renderElementWrapperProps: AnyObject$1;
+    htmlElementId: string;
+    moleculeId: string;
+    isTrigger: boolean;
 }>;
-declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, }: RichTextEditorProps) => JSX.Element | null;
+declare const RichTextViewer: ({ value, font, color, textStyles, numberOfLines, extraTextProps, renderElementWrapperComponent, renderElementWrapperProps, htmlElementId, moleculeId, isTrigger, }: RichTextEditorProps) => JSX.Element;
 
 declare type RadioButtonInternalConfigProps = Partial<{
     selectedRadioOptionBackgroundColor: ThemeColors$1 | string;
@@ -482,7 +1104,7 @@ declare type TabProps<T = string, K = string> = {
     vertical: boolean;
     isActive: boolean;
     onClick: (key: T) => void;
-    options: MenuItem$1<K>[];
+    options: MenuItem<K>[];
     onOptionClick: (optionKey: K) => void;
     tabTheme: TabTheme;
     divider: boolean;
@@ -494,7 +1116,7 @@ declare type TabProps<T = string, K = string> = {
     selectedTabIndicatorColor: ThemeColors$1 | 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;
+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;
 declare const Tab: <T, K>(props: {
     tabKey: T;
     text: string;
@@ -503,7 +1125,7 @@ declare const Tab: <T, K>(props: {
     vertical: boolean;
     isActive: boolean;
     onClick: (key: T) => void;
-    options: MenuItem$1<K>[];
+    options: MenuItem<K_1>[];
     onOptionClick: (optionKey: K) => void;
     tabTheme: TabTheme;
     divider: boolean;
@@ -515,7 +1137,7 @@ declare const Tab: <T, K>(props: {
     selectedTabIndicatorColor: ThemeColors$1 | string;
     styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
 }> & {
-    ref?: React__default.ForwardedRef<TabElement> | undefined;
+    ref?: react__default.ForwardedRef<TabElement> | undefined;
 }) => ReturnType<typeof ZealTab>;
 
 declare type SetPasswordRuleValidation = {
@@ -706,36 +1328,9 @@ declare type HeaderProps<T = string> = (HeaderAProps<T> & {
     type: 'header_c';
 }) | (HeaderDProps & {
     type: 'header_d';
-});
-declare const Header: <T extends string | number>(props: HeaderProps<T>) => JSX.Element;
-
-declare type ButtonCaptureProps = {
-    type: 'button';
-    acceptButton: ButtonProps$1;
-    denyButton: ButtonProps$1;
-};
-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 type ConsentCaptureProps<T extends string = string> = ButtonCaptureProps | RadioButtonsCaptureProps<T> | CheckboxCaptureProps;
-
-declare type ConsentProps<T extends string = string> = {
-    text: string;
-    isRequired?: boolean;
-    consentCaptureProps: ConsentCaptureProps<T>;
-    containerStyles?: CSSProperties;
-    clearStyles?: boolean;
-};
-declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => JSX.Element;
+});
+declare const Header: <T extends string | number>(props: HeaderProps<T>) => JSX.Element;
 
-declare type ProcessTrackerStatus = 'complete' | 'incomplete' | 'in_progress';
 declare type ProcessTrackerProps = {
     title?: Nullable<string>;
     description?: Nullable<string>;
@@ -743,7 +1338,7 @@ declare type ProcessTrackerProps = {
     statuses?: {
         title: string;
         description: string;
-        status: ProcessTrackerStatus;
+        status: ProcessTrackerStatus$1;
     }[];
     currentStep?: number;
     style?: CSSProperties;
@@ -834,7 +1429,7 @@ interface Helpers {
 }
 declare const useStep: (maxStep: number) => [number, Helpers];
 
-declare const useRequiredConsentsAcceptedValues: (consents: ConsentProps$1[]) => boolean;
+declare const useRequiredConsentsAcceptedValues: (consents: ConsentProps$3[]) => boolean;
 
 declare const defaultTheme: DefaultTheme;
 
@@ -878,7 +1473,7 @@ declare type MlrRichTextViewerContextType = {
     showAnnotations: boolean;
     annotationsList: AnnotationsList$1;
 };
-declare const MlrRichTextViewerContext: React$1.Context<MlrRichTextViewerContextType>;
+declare const MlrRichTextViewerContext: react.Context<MlrRichTextViewerContextType>;
 
 declare type AnnotationsList = {
     tags: {
@@ -904,21 +1499,127 @@ declare type ButtonActionsContextType = {
     actionContent?: ContainerComponentProps$1;
     setActionContent: Dispatch<SetStateAction<ContainerComponentProps$1>>;
     isModalVisible: boolean;
-    setModalVisible: Dispatch<SetStateAction<boolean>>;
     isDrawerVisible: boolean;
     setDrawerVisible: Dispatch<SetStateAction<boolean>>;
+    setActivePopUpById: (id: string) => void;
+    onCloseModal: (id: string) => void;
 };
-declare const ButtonActionsContext: React$1.Context<ButtonActionsContextType>;
+declare const ButtonActionsContext: react.Context<ButtonActionsContextType>;
 
+declare type PopupPropsType = {
+    id: string;
+    config: {
+        styles?: AnyObject$1;
+        size?: 'large' | 'medium';
+        withCloseIcon?: boolean;
+    };
+    content: {
+        embedded?: (ContainerComponentProps$1 | Molecule$1)[];
+        isi?: ContainerComponentProps$1 | Molecule$1;
+    };
+};
 declare type ButtonActionsProviderProps = PropsWithChildren<Partial<{
     actionContent: ContainerComponentProps$1;
     setActionContent: Dispatch<SetStateAction<ContainerComponentProps$1>>;
     isModalVisible: boolean;
-    setModalVisible: Dispatch<SetStateAction<boolean>>;
     setDrawerVisible: Dispatch<SetStateAction<boolean>>;
     isDrawerVisible: boolean;
+    setActivePopUpById: (id: string) => void;
+    onCloseModal: (id: string) => void;
+    popupProps?: PopupPropsType[];
+}>>;
+declare const ButtonActionsProvider: ({ children, popupProps }: ButtonActionsProviderProps) => JSX.Element;
+
+declare type StepItem = ContainerComponentProps$1 | Molecule$1;
+declare type GroupedStepItemsByStepContainer = Map<string, StepItem[]>;
+
+declare type ConfigurationItem = {
+    entity: 'container' | 'molecule';
+    entityId: string;
+    organismId: string;
+    entityType: MoleculeTypes$1 | ContainerType$1;
+    entityMetadata: MetadataType$1;
+    organismLibraryMoleculeId?: string;
+};
+declare type OrganismContextProviderProps = PropsWithChildren<{
+    organismId: string;
+} & Partial<{
+    formId: string;
+    editable: boolean;
+    isPreview: boolean;
+    initItems: (ContainerComponentProps$1 | Molecule$1)[];
+    validations: PasswordRuleValidation[];
+    submitHandler: (data: {
+        formId: string;
+        data: AnyObject$1;
+    }) => Promise<void>;
+    isFormInEditMode: boolean;
+    organismMetadata: AnyObject$1;
+    isConfigurationMode: boolean;
+    onConfigurationItemHandler: (itemInfo: ConfigurationItem) => void;
+    selectedConfigurationItemId: string;
+}>>;
+declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, organismId, validations, editable, isPreview, isFormInEditMode, organismMetadata, isConfigurationMode, onConfigurationItemHandler, selectedConfigurationItemId, }: OrganismContextProviderProps) => JSX.Element;
+
+declare type OrganismContextType = {
+    items: (ContainerComponentProps$1 | Molecule$1)[];
+    groupStepItemsByStepContainer: () => GroupedStepItemsByStepContainer;
+    dateFields: {
+        id: string;
+        dateType: InputFieldTypes$2;
+    }[];
+    setDateFields: Dispatch<SetStateAction<{
+        id: string;
+        dateType: InputFieldTypes$2;
+    }[]>>;
+    formId?: string;
+    isPreview?: boolean;
+    submitHandler?: (data: {
+        formId: string;
+        data: AnyObject$1;
+    }) => Promise<void>;
+    validations?: PasswordRuleValidation[];
+    editable?: boolean;
+    isFormInEditMode?: boolean;
+    isConfigurationMode?: boolean;
+    organismMetadata?: MetadataType$1;
+    onConfigurationItemClicked: (itemInfo?: Omit<ConfigurationItem, 'organismId'>) => void;
+    selectedConfigurationItemId?: string;
+};
+declare const OrganismContext: react.Context<OrganismContextType>;
+
+declare type AccountButtonContextType = Partial<{
+    userInitials: string;
+    logOutHandler: Callback$1;
+    goToAccountInfo: Callback$1;
+    username: string;
+}>;
+declare const AccountButtonContext: react.Context<Partial<{
+    userInitials: string;
+    logOutHandler: Callback$1;
+    goToAccountInfo: Callback$1;
+    username: string;
 }>>;
-declare const ButtonActionsProvider: ({ children }: ButtonActionsProviderProps) => JSX.Element;
+
+declare type AccountButtonProviderProps = PropsWithChildren<Partial<{
+    userInitials: string;
+    logOutHandler: Callback$1;
+    goToAccountInfo: Callback$1;
+    username: string;
+}>>;
+declare const AccountButtonProvider: ({ children, goToAccountInfo, userInitials, logOutHandler, username, }: AccountButtonProviderProps) => JSX.Element;
+
+declare type StateContextType = {
+    stateConfig: StateConfigType$1;
+    stateHandler?: (updatedStateConfig: StateConfigType$1) => void;
+};
+declare const StateContext: react.Context<StateContextType>;
+
+declare type StateContextProviderProps = PropsWithChildren<{
+    initStateConfig: StateConfigType$1;
+    stateHandler?: (updatedStateConfig: StateConfigType$1) => void;
+}>;
+declare const StateContextProvider: ({ initStateConfig, children, stateHandler, }: StateContextProviderProps) => JSX.Element;
 
 declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
 declare type LabelInternalConfig = {
@@ -953,7 +1654,7 @@ declare type FieldLabelsProps = {
     tooltipText?: string;
     isError?: boolean;
     isTooltipVisible?: boolean;
-    ruleLabel?: FieldRuleLabelTypes;
+    ruleLabel?: Nullable<FieldRuleLabelTypes>;
     labelInternalConfig?: LabelInternalConfig;
     ruleLabelInternalConfig?: RuleLabelInternalConfig;
     tooltipInternalConfig?: TooltipInternalConfig;
@@ -971,8 +1672,13 @@ declare type InputFieldProps = Partial<{
     inputProps: InputProps$1;
     styles: StylesType;
     labelsProps: FieldLabelsProps;
+    conditionConfig: ConditionConfig$1;
+    state: FormStateType$1;
+    formData: AnyObject$1;
+    htmlElementId: string;
+    configurationItemInfo?: ConfigurationItemInfo$1;
 }>;
-declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, }: InputFieldProps) => JSX.Element;
+declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, configurationItemInfo, }: InputFieldProps) => JSX.Element | null;
 
 declare type FieldMapperProps<T extends object> = {
     field: UIField$1<keyof T>;
@@ -1006,8 +1712,16 @@ declare type CheckboxFieldProps = Partial<{
     required: boolean;
     optional: boolean;
     wrapperStyles: StylesType;
+    conditionConfig: ConditionConfig$1;
+    state: FormStateType$1;
+    defaultValue: string[];
+    formData: AnyObject$1;
+    htmlElementId: string;
+    isTrigger?: boolean;
+    moleculeId: string;
+    configurationItemInfo?: ConfigurationItemInfo$1;
 }>;
-declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, }: CheckboxFieldProps) => JSX.Element;
+declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, state, isTrigger, moleculeId, configurationItemInfo, }: CheckboxFieldProps) => JSX.Element | null;
 
 declare type CheckboxGroupProps = Partial<{
     ref: RefCallBack;
@@ -1027,8 +1741,13 @@ declare type SelectFieldProps = Partial<{
     optional: boolean;
     defaultValue: string;
     styles: StylesType;
+    conditionConfig: ConditionConfig$1;
+    state: FormStateType$1;
+    formData: AnyObject$1;
+    htmlElementId: string;
+    configurationItemInfo?: ConfigurationItemInfo$1;
 }>;
-declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, }: SelectFieldProps) => JSX.Element;
+declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, configurationItemInfo, }: SelectFieldProps) => JSX.Element | null;
 
 declare type CustomValidationRule<T = string> = {
     text: string;
@@ -1039,8 +1758,10 @@ declare type CustomValidationProps<T = string> = {
     value: T;
     isSubmitted?: boolean;
     rules: CustomValidationRule<T>[];
+    spacer?: number;
+    validationState?: FormStateType$1;
 };
-declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, }: CustomValidationProps<T>) => JSX.Element;
+declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, spacer, validationState, }: CustomValidationProps<T>) => JSX.Element;
 
 declare type BaseSelectableProps<T> = {
     iconName: IconNames$2;
@@ -1077,13 +1798,14 @@ declare const HeroImage: ({ backgroundImage, button, contentAlignment, mainHeadi
 declare type Anchor = 'top' | 'left' | 'bottom' | 'right';
 declare type DrawerProps = DrawerProps$1 & {
     anchor: Anchor;
-    padding?: SizesTypes$2 | number;
+    padding?: SizesTypes$2 | number | string;
     height?: number | string;
     width?: number | string;
+    withCloseIcon?: boolean;
     closeIconColor?: ThemeColors$2 | string;
 };
 
-declare const Drawer: ({ children, closeIconColor, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;
+declare const Drawer: ({ children, closeIconColor, withCloseIcon, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;
 
 declare type ColumnsTemplateKeys = 'horizontal' | 'card' | 'with_image';
 
@@ -1101,23 +1823,36 @@ declare type ColumnItem = {
 };
 declare const Columns: ({ columns, containerStyles, template }: ColumnsProps) => JSX.Element;
 
-declare type MenuItem<T> = {
+declare type MenuItemType<T> = {
     id: T;
     title: string;
-    onClick?: (id: T) => void;
+    active?: boolean;
+    onClick: (id: T) => void;
+    options?: MenuItemType<T>[];
+    divider?: boolean;
+    disabled?: boolean;
+    itemColor?: string;
+    activeItemColor?: string;
 };
+
 declare type MenuItemsProps<T> = {
     title?: string;
+    options?: MenuItemType<T>[];
+    activeKey?: T;
+    itemColor?: string;
+    menuTheme?: 'light' | 'dark';
     onItemPress?: (id: T) => void;
-    options?: MenuItem<T>[];
+    activeItemColor?: string;
 };
-declare const MenuItems: <T extends string | number>({ title, onItemPress, options, }: MenuItemsProps<T>) => JSX.Element;
+declare const MenuItems: <T extends string | number>({ title, options, activeKey, itemColor, menuTheme, onItemPress, activeItemColor, }: MenuItemsProps<T>) => JSX.Element;
 
-declare type AvatarDropdownProps<T> = {
+declare type AvatarDropdownMenuConfigType = 'log-out' | 'account-information';
+declare type AvatarDropdownProps<T = string> = {
     avatarProps: AvatarProps$1;
     menuConfig: MenuItemsProps<T>;
+    configurationItemInfo?: ConfigurationItemInfo$1;
 };
-declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuConfig, }: AvatarDropdownProps<T>) => JSX.Element;
+declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuConfig, configurationItemInfo, }: AvatarDropdownProps<T>) => JSX.Element;
 
 declare type TabType<T = string, K = string> = Pick<TabProps$1<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>;
 declare type AdditionalTabContainerProps = {
@@ -1141,8 +1876,12 @@ declare type TabGroupProps<T = string, K = string> = {
     selectedTabIndicatorColor?: ThemeColors$2 | string;
     wide?: AdditionalTabContainerProps;
     compact?: AdditionalTabContainerProps;
+    isMobile?: boolean;
+    htmlElementId?: string;
+    menuIconColor?: string;
+    configurationItemInfo?: ConfigurationItemInfo$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 const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, isMobile, htmlElementId, menuIconColor, configurationItemInfo, ...props }: TabGroupProps<T, K>) => JSX.Element;
 
 declare type FieldSectionProps<T extends object> = {
     label: string;
@@ -1154,8 +1893,10 @@ declare const FieldSection: <T extends object>({ fields, label, isEditMode, cont
 
 declare type MenuNavigationProps<T> = {
     menuConfig: MenuItemsProps<T>;
+    customIconType?: IconNames$2;
+    menuIconColor?: string;
 };
-declare const MenuNavigation: <T extends string | number>({ menuConfig, }: MenuNavigationProps<T>) => JSX.Element;
+declare const MenuNavigation: <T extends string | number>({ menuConfig, customIconType, menuIconColor, }: MenuNavigationProps<T>) => JSX.Element;
 declare const CaretIconWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
     isOpen: boolean;
 }, never>;
@@ -1178,8 +1919,15 @@ declare type RadioButtonFieldProps<T extends string> = Partial<{
     defaultValue: string;
     radioButtonsProps: RadioButtonsProps$1<T>;
     internalConfig: RadioButtonInternalConfigProps$1;
+    conditionConfig: ConditionConfig$1;
+    state: FormStateType$1;
+    formData: AnyObject$1;
+    htmlElementId: string;
+    isTrigger?: boolean;
+    moleculeId: string;
+    configurationItemInfo?: ConfigurationItemInfo$1;
 }>;
-declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, }: Partial<{
+declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, formData, htmlElementId, state, isTrigger, moleculeId, configurationItemInfo, }: Partial<{
     name: string;
     rules: ControllerProps$1['rules'];
     styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
@@ -1221,7 +1969,14 @@ declare const RadioButtonField: <T extends string>({ name, rules, styles, contro
         buttonOptionSpacing: SizesTypes;
         radioGroupWrapperStyles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
     }>;
-}>) => JSX.Element;
+    conditionConfig: ConditionConfig$1;
+    state: FormStateType$1;
+    formData: AnyObject$1;
+    htmlElementId: string;
+    isTrigger?: boolean | undefined;
+    moleculeId: string;
+    configurationItemInfo?: ConfigurationItemInfo$1 | undefined;
+}>) => JSX.Element | null;
 
 declare type AlertProps = {
     style?: CSSProperties;
@@ -1241,17 +1996,17 @@ 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 ProcessTrackerOrientation = 'horizontal' | 'vertical';
 declare type StepperProps = {
-    steps: {
-        title: string;
-        description?: string;
-        status?: ProcessTrackerStatus$1;
-    }[];
-    currentStep: number;
-    orientation?: OrientationType;
+    steps: ProcessStep$1[];
+    orientation: ProcessTrackerOrientation;
+    htmlElementId?: string;
+    metadata: MetadataType$1;
+    isMobile?: boolean;
+    isOnClickDisabled?: boolean;
+    configurationItemInfo?: ConfigurationItemInfo$1;
 };
-declare const Stepper: ({ steps, orientation, currentStep }: StepperProps) => JSX.Element;
+declare const Stepper: ({ steps, orientation, htmlElementId, metadata, isMobile, isOnClickDisabled, configurationItemInfo, }: StepperProps) => JSX.Element | null;
 
 declare type PdfDocumentProps = {
     source: string;
@@ -1287,8 +2042,6 @@ declare type ToggleFieldProps = {
 };
 declare const HorizontalButtonsField: ({ name, title, control, description, horizontalButtonsProps, }: ToggleFieldProps) => JSX.Element;
 
-declare type Callback = () => void;
-
 declare type BottomNaVBarItemProps = {
     name: string;
     icon: ComponentType<Omit<IconProps$1, 'name'>>;
@@ -1296,19 +2049,26 @@ declare type BottomNaVBarItemProps = {
     activeColor: string;
     onNavigate: Callback;
 };
-declare const BottomNavBarItem: ({ name, icon: IconComponent, active, activeColor, onNavigate, }: BottomNaVBarItemProps) => JSX.Element;
+declare const BottomNavBarItem: ({ name, icon, active, activeColor, onNavigate, }: BottomNaVBarItemProps) => JSX.Element;
 
 declare type VideoProps = {
     src: string;
 } & Partial<{
     width: number;
+    height: number;
     autoplay: boolean;
     enableCoverImage: boolean;
     coverImageSrc: string;
     style: CSSProperties;
+    styles: StylesType;
     template: FeedContentTemplateTypes$1;
+    htmlElementId: string;
+    moleculeId: string;
+    isTrigger: boolean;
+    isOnClickDisabled: boolean;
+    configurationItemInfo?: ConfigurationItemInfo$1;
 }>;
-declare const Video: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, }: VideoProps) => JSX.Element;
+declare const Video: ({ style, src, width, height, template, autoplay, enableCoverImage, coverImageSrc, styles, htmlElementId, isTrigger, moleculeId, isOnClickDisabled, configurationItemInfo, }: VideoProps) => JSX.Element | null;
 
 declare type ImageProps = {
     src: string;
@@ -1319,16 +2079,21 @@ declare type ImageProps = {
     onClick: Callback$1;
     width: number;
     height: number;
-    cornerRadius: number;
+    cornerRadius: SizesTypes$1 | number;
     behaveAs: 'background' | 'regular';
     styles: StylesType;
+    metadata: MetadataType$1;
+    htmlElementId: string;
+    configurationItemInfo: ConfigurationItemInfo$1;
 }>;
-declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element;
+declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, htmlElementId, metadata, configurationItemInfo, }: ImageProps) => JSX.Element | null;
 
 declare type CarouselProps = {
     children: JSX.Element[];
+    autoplay?: boolean;
+    autoplayDuration?: number;
 };
-declare const Carousel: ({ children }: PropsWithChildren<CarouselProps>) => JSX.Element;
+declare const Carousel: ({ children, autoplay, autoplayDuration, }: 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;
@@ -1352,36 +2117,39 @@ declare type TextMoleculeProps = Partial<{
     isRichText: boolean;
     styles: StylesType;
     textAlign: 'center' | 'right' | 'left';
+    htmlElementId: string;
+    configurationItemInfo: ConfigurationItemInfo$1;
 }> & Pick<TextProps$1, 'seoTag' | 'numberOfLines'>;
-declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
+declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, htmlElementId, configurationItemInfo, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
 
 declare type ButtonVariant = 'primary' | 'secondary' | 'text' | 'custom';
 declare type ButtonType = 'button' | 'submit' | 'reset';
-declare type BaseButtonProps = PropsWithChildren<{
-    onClick?: Callback$1;
-    variant?: ButtonVariant;
-    disabled?: boolean;
-    state?: 'disabled' | 'enabled';
-    fullWidth?: boolean;
-    size?: 'medium' | 'small';
-    buttonFont?: FontSizesTypes$2;
-    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;
-    inactiveTextColor?: ThemeColors$1 | string;
-    styles?: StylesType;
-    colorTheme?: 'light' | 'dark';
-    href?: string;
-    type?: ButtonType;
-}>;
+declare type BaseButtonProps = PropsWithChildren<Partial<{
+    onClick: Callback$1;
+    variant: ButtonVariant;
+    disabled: boolean;
+    state: 'disabled' | 'enabled';
+    fullWidth: boolean;
+    size: 'medium' | 'small';
+    buttonFont: FontSizesTypes$2;
+    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;
+    inactiveTextColor: ThemeColors$1 | string;
+    styles: StylesType;
+    colorTheme: 'light' | 'dark';
+    href: string;
+    type: ButtonType;
+}>>;
+declare const baseButtonAllowedConfigurations: string[];
 declare type ButtonProps = BaseButtonProps & {
     fullWidth?: boolean;
     text?: string;
@@ -1391,264 +2159,91 @@ declare type ButtonProps = BaseButtonProps & {
     isRichText?: boolean;
     containerStyle?: StylesType;
     buttonStyle?: StylesType;
+    stateConfig?: MetadataStateConfig$1[];
+    htmlElementId?: string;
+    metadata?: MetadataType$1;
+    configurationItemInfo?: ConfigurationItemInfo$1;
 };
-declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: ButtonProps) => JSX.Element | null;
+declare const Button: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, stateConfig, htmlElementId, metadata, configurationItemInfo, ...props }: ButtonProps) => JSX.Element | null;
 
 declare type ZealUIModalProps = PropsWithChildren<Pick<ModalProps, 'open'>> & {
     padding?: number | string;
     wrapperStyles?: CSSProperties;
     onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
     modalStyles?: CSSProperties;
-    onClose?: Callback$1;
+    size?: string;
+    popupId: string;
+    onClose: () => void;
+    withCloseIcon?: boolean;
 };
-declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: ZealUIModalProps) => JSX.Element;
+declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, size, popupId, withCloseIcon, ...rest }: ZealUIModalProps) => JSX.Element;
 declare const ModalWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, OverrideStyles, never>;
 declare const IconWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
     activeOpacity?: number | undefined;
     withoutOpacityEffect?: boolean | undefined;
     disabled?: boolean | undefined;
 } & {
-    children?: React__default.ReactNode;
+    children?: react__default.ReactNode;
 }, never>;
 
-declare const Container: ({ children, wide, compact, type, props }: ContainerProps$1) => JSX.Element;
-declare const ContainerComponent: ({ type, items, config, tabsProps }: ContainerComponentProps$1) => JSX.Element | null;
-
-declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
-declare type DownloadFile = {
-    url: string;
+declare type ConsentCaptureMethod = 'button' | 'radioButton' | 'checkbox';
+declare type DefaultSelectionType = 'confirmation' | 'rejection';
+declare type ConsentType = {
+    id: string;
     name: string;
+    acknowledgment: CustomDescendant[];
+    methodOfCapture: ConsentCaptureMethod;
+    description: string;
+    language: CustomDescendant[];
+    expiration: string;
+    confirmationButtonText: string;
+    rejectionButtonText: string;
+    defaultSelection: DefaultSelectionType;
+    value?: DefaultSelectionType | boolean;
+    isRequired?: boolean;
 };
-declare type LinkAction = LinkAttributes;
-declare type PopupDrawerAction = ContainerComponentProps;
-declare type DownloadAction = DownloadFile;
-declare type SubmitAction = AnyObject;
-declare type CancelAction = AnyObject;
-declare type ResetAction = AnyObject;
-declare type DestroyAction = AnyObject;
-declare type Action = {
-    type: ActionTypes;
-} & Partial<{
-    link: LinkAction;
-    popup: PopupDrawerAction;
-    drawer: PopupDrawerAction;
-    download: DownloadAction;
-    submit: SubmitAction;
-    cancel: CancelAction;
-    reset: ResetAction;
-    destroy: DestroyAction;
-}>;
-declare type ImageAttributes = {
-    attributeType: 'image';
-    imageSource: string;
-};
-interface TextAttributes {
-    id?: string;
-    attributeType: 'text';
-    isRichText: boolean;
+declare type ConsentProps<T extends string = string> = {
     text: string;
-}
-interface VideoAttributes {
-    attributeType: 'video';
-    videoSource: string;
-}
-interface ActionAttributes {
-    attributeType: 'action';
-    action: Action;
-}
-interface LinkAttributes {
-    id: string;
-    attributeType: 'link';
-    type: 'internalLink' | 'externalLink';
-    internalLink: Nullable<string>;
-    externalLink: Nullable<string>;
-    name: string;
-}
-interface SelectAttributes {
-    id?: string;
-    attributeType: 'select';
-    value: string;
-    options: SelectOption$1[];
-}
-interface BooleanAttributes {
-    attributeType: 'boolean';
-    value: boolean;
-}
-interface IterableAttributes {
-    attributeType: 'iterable';
-    options: SelectOption$1[];
-}
-declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field';
-interface BaseMolecule {
-    id: string;
-    instance: 'molecule';
-    type: MoleculeTypes;
-    metadata?: AnyObject;
-}
-interface ImageMolecule extends BaseMolecule {
-    type: 'image';
-    attributes: {
-        image: ImageAttributes;
-        altText: Omit<TextAttributes, 'isRichText'>;
-        link: LinkAttributes;
-    };
-    config: {
-        props: Omit<ImageProps$1, 'src' | 'link' | 'altText'>;
-    };
-}
-interface TextMoleculeType extends BaseMolecule {
-    type: 'text';
-    attributes: {
-        text: TextAttributes;
-        seoStyle: SelectAttributes;
-    };
-    config: {
-        props: TextMoleculeProps$1;
-    };
-}
-interface ButtonMolecule extends BaseMolecule {
-    type: 'button';
-    attributes: {
-        title: TextAttributes;
-        action: ActionAttributes;
-    };
-    config: {
-        props: Partial<Omit<ButtonProps$1, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
-    };
-}
-interface VideoMolecule extends BaseMolecule {
-    type: 'video';
-    attributes: {
-        video: VideoAttributes;
-        altText: Omit<TextAttributes, 'isRichText'>;
-        autoPlayVideo: BooleanAttributes;
-        enableCoverImage: BooleanAttributes;
-        coverImage: ImageAttributes;
-    };
-    config: {
-        props: Partial<{
-            width: number;
-            styles: CSSProperties;
-        }>;
-    };
-}
-interface TabGroupMolecule extends BaseMolecule {
-    type: 'header_tab_group';
-    config: {
-        props: TabGroupProps$1;
-        wide: AdditionalTabContainerProps$1;
-        compact: AdditionalTabContainerProps$1;
-    };
-}
-interface TextInputMolecule extends BaseMolecule {
-    type: 'input_field';
-    attributes: {
-        label: TextAttributes;
-        required: BooleanAttributes;
-        inputType: SelectAttributes;
-    };
-    config: {
-        props: Partial<{
-            state: 'default' | 'error';
-        } & InputFieldProps$1>;
-    };
-}
-interface SelectFieldMolecule extends BaseMolecule {
-    type: 'select_field';
-    attributes: {
-        label: TextAttributes;
-        required: BooleanAttributes;
-        options: IterableAttributes;
-    };
-    config: {
-        props: Partial<{
-            state: 'default' | 'error';
-        } & SelectFieldProps$1>;
-    };
-}
-interface RadioButtonFieldMolecule extends BaseMolecule {
-    type: 'radio_button_field';
-    attributes: {
-        label: TextAttributes;
-        required: BooleanAttributes;
-        options: IterableAttributes;
-    };
-    config: {
-        props: Partial<{
-            state: 'default' | 'error';
-        } & RadioButtonFieldProps$1<string>>;
-    };
-}
-interface CheckboxFieldMolecule extends BaseMolecule {
-    type: 'checkbox_field';
-    attributes: {
-        label: TextAttributes;
-        required: BooleanAttributes;
-        options: IterableAttributes;
-    };
-    config: {
-        props: Partial<{
-            state: 'default' | 'error';
-        } & CheckboxFieldProps$1>;
-    };
-}
-declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule> & {
-    form?: UseFormReturn<any>;
+    isRequired?: boolean;
+    consentCaptureProps: ConsentCaptureProps<T>;
+    containerStyles?: CSSProperties;
+    clearStyles?: boolean;
 };
+declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => JSX.Element;
 
-declare type ContainerType = 'row' | 'column' | 'slider' | 'form';
-declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
-declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
-declare type ContainerPropsType = Partial<{
-    position: ContainerPositionType;
-    scrollBehaviour: ContainerScrollBehaviourType;
-    cornerRadius: number;
-    styles: StylesType;
-    formProps: {
-        mode: keyof ValidationMode;
-    };
-}>;
-declare type AdditionalContainerProps = Partial<{
-    containerStyle: CSSProperties;
-    containerProps: ContainerPropsType;
+declare type LinkProps = Omit<TextButtonProps$1, 'children'> & Partial<{
+    text: string;
+    isRichText: boolean;
+    href: string;
+    htmlElementId: string;
+    moleculeId: string;
+    isTrigger: boolean;
+    onExternalLink?: () => void;
+    configurationItemInfo?: ConfigurationItemInfo$1;
 }>;
-declare type ContainerProps = PropsWithChildren<Partial<{
-    type: ContainerType;
-    wide: AdditionalContainerProps;
-    compact: AdditionalContainerProps;
-    props: ContainerPropsType;
-}>>;
-declare type ContainerComponentProps = {
+declare const Link: ({ text, isRichText, htmlElementId, isTrigger, moleculeId, configurationItemInfo, ...props }: LinkProps) => JSX.Element | null;
+
+declare type ChecklistItem = {
     id: string;
-    instance: 'container';
-    type: ContainerType;
-    items: (ContainerComponentProps | Molecule)[];
-    config: {
-        wide?: AdditionalContainerProps;
-        compact?: AdditionalContainerProps;
-        props?: ContainerPropsType;
+    isChecked: boolean;
+    eventId: Nullable<string>;
+    type: 'user_interactive' | 'system_controlled';
+    label: {
+        text: string;
+        isRichText: boolean;
     };
-    tabsProps?: Pick<TabGroupProps$1, 'tabs' | 'activeTabKey' | 'onTabChange'>;
-    metadata?: AnyObject;
-    attributes?: AnyObject;
-    containerLibraryId?: string;
 };
-
-declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Pick<ContainerProps$2, "type"> & {
-    containerProps?: Partial<{
-        position: containers_types_types.ContainerPositionType;
-        scrollBehaviour: containers_types_types.ContainerScrollBehaviourType;
-        cornerRadius: number;
-        styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
-        formProps: {
-            mode: keyof react_hook_form.ValidationMode;
-        };
-    }> | undefined;
+declare type ChecklistProps = {
+    items: ChecklistItem[];
+    props?: {
+        gap?: SizesTypes$1;
+    } & CheckboxInternalConfigProps$1;
+    configurationItemInfo?: ConfigurationItemInfo$1;
+    metadata: MetadataType$1;
+};
+declare const Checklist: ({ items, props: { gap, ...checkboxProps }, configurationItemInfo, metadata, }: ChecklistProps) => JSX.Element;
+declare const ChecklistWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
+    $gap: SizesTypes$1;
 }, never>;
 
-declare const OrganismItem: ({ item, tabsProps, }: {
-    item: ContainerComponentProps$1 | Molecule$1;
-    tabsProps?: Pick<TabGroupProps$1<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
-}) => JSX.Element | null;
-
-export { AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, Checkbox, CheckboxField, CheckboxFieldMolecule, CheckboxFieldProps, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxesProps, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerType, ContainerWrapper, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, DownloadFile, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, 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, IconWrapper, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, LinkAttributes, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismItem, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, 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, TextInputMolecule, 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, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
+export { AccountButtonContext, AccountButtonContextType, AccountButtonMolecule, AccountButtonProvider, AccountButtonProviderProps, AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionEventType, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownMenuConfigType, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, Checkbox, CheckboxField, CheckboxFieldMolecule, CheckboxFieldProps, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxesProps, Checklist, ChecklistAttributes, ChecklistItem, ChecklistProps, ChecklistWrapper, ChecklistsMolecule, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorAttributes, ColumnItem, Columns, ColumnsProps, ConditionConfig, ConditionConfigAttributes, ConditionCriteria, ConfigurationItem, ConfigurationItemInfo, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, ConsentType, Container, ContainerAlignItemsType, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DataConnectionValues, DataModelFieldFormat, DataModelFieldFormatCodeTypes, DataModelFieldFormatValueTypes, DefaultSelectionType, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, DownloadFile, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, FormContainerProps, FormDataStateConfig, FormOrganismItem, FormStateType, FormStepContainerProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconWrapper, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, Link, LinkAttributes, LinkMolecule, LinkProps, LinkVariant, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MetadataStateConfig, MetadataType, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextProviderProps, OrganismContextType, OrganismItem, OrganismItemProps, OrientationType, OrientationTypeLabel, Padding, PaddingProps, PaddingVariants, PasswordSetupMolecule, PdfDocument, PdfDocumentProps, PopupPropsType, ProcessStep, ProcessStepsAttributes, ProcessStepsMoleculeType, ProcessTracker, ProcessTrackerOrientation, ProcessTrackerProps, ProcessTrackerStateValue, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, SegmentationType, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, SlateValueChildType, Slide, SliderProps, SlidesWrapper, Spacer, SpacerProps, Spinner, StateActionType, StateConfigType, StateContext, StateContextProvider, StateContextProviderProps, StateContextType, StateEventType, StateListenerConfigType, StateModifierConfigType, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupMolecule, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextAttributes, TextButton, TextButtonProps, TextInputMolecule, 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, WrappedContainerType, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, baseButtonAllowedConfigurations, defaultTheme, defaultValue, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, passwordMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };