@zealicsolutions/web-ui 1.0.90 → 1.0.91

package/dist/index.d.ts

@@ -1,3031 +0,0 @@
-/// <reference types="react" />
-export * from 'helpers/constants';
-import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
-import { ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$1 } from 'theme';
-import { IconNames as IconNames$1, TouchableOpacityProps as TouchableOpacityProps$1 } from 'components';
-import { Callback as Callback$1, StylesType, AnyObject as AnyObject$1, StyledTransientProps, OverrideStyles, Nullable, StrictUnion, ResponseDTO } from 'typescript';
-import * as _emotion_styled from '@emotion/styled';
-import * as _emotion_react from '@emotion/react';
-import { CSSObject, Interpolation, Theme } from '@emotion/react';
-import * as react from 'react';
-import react__default, { PropsWithChildren, FC, MouseEvent, Dispatch, SetStateAction, CSSProperties, ReactNode, InputHTMLAttributes, KeyboardEvent } from 'react';
-import { BaseButtonProps, CustomStep as CustomStep$1, ChecklistItem as ChecklistItem$1, TextProps as TextProps$1, BasicTextFieldProps as BasicTextFieldProps$1, StepperProps as StepperProps$1, ChecklistProps as ChecklistProps$1, DividerProps as DividerProps$1, LinkProps as LinkProps$1, VideoProps as VideoProps$1, ImageProps as ImageProps$1, ButtonProps as ButtonProps$1, ChipMoleculeProps as ChipMoleculeProps$1, BadgeMoleculeProps as BadgeMoleculeProps$1, AlertMoleculeProps as AlertMoleculeProps$1, RatingMoleculeProps as RatingMoleculeProps$1, SliderMoleculeProps as SliderMoleculeProps$1, SelectMoleculeProps as SelectMoleculeProps$1, DatePickerMoleculeProps as DatePickerMoleculeProps$1, CheckboxProps as CheckboxProps$1, BinaryRadioButtonsProps as BinaryRadioButtonsProps$1, PasswordRuleValidation as PasswordRuleValidation$1, CustomValidationRule as CustomValidationRule$1 } from 'molecules';
-import { DataModelFieldFormatCodeTypes as DataModelFieldFormatCodeTypes$1, FormStateType as FormStateType$1, ConfigurationItemInfo as ConfigurationItemInfo$1, ContainerProps as ContainerProps$1, LinkProperties as LinkProperties$1, TextProperties as TextProperties$1, MetadataType as MetadataType$1, ObjectStateProperties as ObjectStateProperties$1, StateProperties as StateProperties$1, Molecule as Molecule$1, ContainerComponentProps as ContainerComponentProps$2, ContainerType as ContainerType$1, MoleculeTypes as MoleculeTypes$1, MoleculeItemTypes as MoleculeItemTypes$2, StateConfigType as StateConfigType$1, ConsentFieldMoleculeType as ConsentFieldMoleculeType$1, PasswordSetupMoleculeType as PasswordSetupMoleculeType$1 } from 'containers';
-import { InputFieldTypes } from 'fieldsConfiguration/types';
-import { ThemeColors as ThemeColors$2, SizesTypes as SizesTypes$2, FontSizesTypes as FontSizesTypes$1, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
-import * as _mui_material from '@mui/material';
-import { BoxProps, SxProps, TypographyProps, BadgeProps, TextFieldProps, ButtonProps as ButtonProps$2, FormGroupProps, RatingProps, SliderProps as SliderProps$1, StepperProps as StepperProps$2, SwitchProps, ModalProps } from '@mui/material';
-import { RefCallBack } from 'react-hook-form/dist/types';
-import { Descendant } from 'slate';
-import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
-import { UseFormReturn, ValidationMode, RegisterOptions, FieldValues } from 'react-hook-form';
-import { CalendarEventType as CalendarEventType$1, EventCalendarConfigType as EventCalendarConfigType$1 } from 'full-event-calendar-zealic';
-import * as containers_types_types from 'containers/types/types';
-import { ContainerProps as ContainerProps$2, ContainerProperties as ContainerProperties$1, ContainerComponentProps as ContainerComponentProps$1 } from 'containers/types/types';
-import { AnnotationsList as AnnotationsList$1 } from 'contexts/MlrRichTextViewerContext/types';
-import { PasswordRuleValidation as PasswordRuleValidation$2 } from 'molecules/PasswordSetup/PasswordSetup';
-import { IconRendererProps as IconRendererProps$1 } from 'molecules/Icon';
-import { DatePickerProps, TimePickerProps } from '@mui/x-date-pickers';
-import { SystemStyleObject, Theme as Theme$1 } from '@mui/system';
-import { OrganismDTO } from 'organisms/types';
-
-type IconButtonProps = {
-    name: IconNames$1;
-    size?: number;
-    onClick: Callback$1;
-    color?: ThemeColors$1 | string;
-    fill?: ThemeColors$1 | string;
-    pointerEvents?: 'auto' | 'none';
-};
-declare const IconButton: ({ name, color, onClick, disabled, activeOpacity, withoutOpacityEffect, ...props }: IconButtonProps & TouchableOpacityProps$1) => _emotion_react_jsx_runtime.JSX.Element;
-
-type LinkVariant = 'link' | 'custom';
-type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClick' | 'children' | 'colorTheme' | 'size'> & Partial<{
-    buttonLink: string;
-    elementId: string;
-    $styles: StylesType;
-    $variant: LinkVariant;
-    textColor: string;
-}>;
-declare const BaseTextButton: react__default.FC<TextButtonProps & react__default.AnchorHTMLAttributes<HTMLAnchorElement>>;
-declare const TextButton: _emotion_styled.StyledComponent<Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
-    buttonLink: string;
-    elementId: string;
-    $styles: StylesType;
-    $variant: LinkVariant;
-    textColor: string;
-}> & react__default.AnchorHTMLAttributes<HTMLAnchorElement> & {
-    theme?: _emotion_react.Theme | undefined;
-}, {}, {}>;
-
-type TouchableOpacityProps = PropsWithChildren<{
-    activeOpacity?: number;
-    withoutOpacityEffect?: boolean;
-    disabled?: boolean;
-}>;
-declare const TouchableOpacity: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme | undefined;
-    as?: react.ElementType<any> | undefined;
-} & {
-    activeOpacity?: number | undefined;
-    withoutOpacityEffect?: boolean | undefined;
-    disabled?: boolean | undefined;
-} & {
-    children?: react.ReactNode;
-}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-
-type CircleType = 'link' | 'message';
-type CircleBoxProps = {
-    index: number;
-    type: CircleType;
-};
-declare const Circle: ({ index, type }: CircleBoxProps) => _emotion_react_jsx_runtime.JSX.Element;
-declare const CirclesWrapper: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme | undefined;
-    as?: react__default.ElementType<any> | undefined;
-}, react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-
-type CircularIndicatorProps = {
-    active: boolean;
-    activeColor?: ThemeColors$1 | string;
-    inactiveColor?: ThemeColors$1 | string;
-};
-declare const CircularIndicator: ({ activeColor, inactiveColor, ...props }: CircularIndicatorProps) => _emotion_react_jsx_runtime.JSX.Element;
-declare const CircularIndicatorStyledComponent: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme | undefined;
-    as?: react.ElementType<any> | undefined;
-} & CircularIndicatorProps, react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-
-type HorizontalButtonsProps = {
-    selectedButtonId: string;
-    buttonOptions: {
-        value: string;
-        id: string;
-    }[];
-    onClick: (value: string) => void;
-    disabled?: boolean;
-    error?: boolean;
-};
-declare const HorizontalButtons: ({ onClick, disabled, buttonOptions, selectedButtonId, error, }: HorizontalButtonsProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type IconProps = {
-    name: IconNames;
-    size?: number;
-    color?: ThemeColors$1 | string;
-    fill?: ThemeColors$1 | string;
-    pointerEvents?: 'auto' | 'none';
-    style?: CSSObject;
-};
-declare const availableIcons: {
-    ArrowRight: ({ color, ...props }: Omit<IconProps, "name">) => _emotion_react_jsx_runtime.JSX.Element;
-    Bell: ({ size, color }: Omit<IconProps, "name">) => _emotion_react_jsx_runtime.JSX.Element;
-    Bookmark: ({ fill, color, size, ...props }: Omit<IconProps, "name">) => _emotion_react_jsx_runtime.JSX.Element;
-    CaretDown: ({ color, size, }: Omit<IconProps, "name">) => _emotion_react_jsx_runtime.JSX.Element;
-    CaretLeft: ({ color, size, ...props }: Omit<IconProps, "name">) => _emotion_react_jsx_runtime.JSX.Element;
-    CaretRight: ({ color, size, ...props }: Omit<IconProps, "name">) => _emotion_react_jsx_runtime.JSX.Element;
-    CaretUp: ({ color, ...props }: Omit<IconProps, "name">) => _emotion_react_jsx_runtime.JSX.Element;
-    Check: ({ size, color, }: Omit<IconProps, "name">) => _emotion_react_jsx_runtime.JSX.Element;
-    Close: ({ size, color, }: Omit<IconProps, "name">) => _emotion_react_jsx_runtime.JSX.Element;
-    Edit: ({ size, color }: Omit<IconProps, "name">) => _emotion_react_jsx_runtime.JSX.Element;
-    Filter: ({ size, color, }: Omit<IconProps, "name">) => _emotion_react_jsx_runtime.JSX.Element;
-    Hide: ({ color, size }: Omit<IconProps, "name">) => _emotion_react_jsx_runtime.JSX.Element;
-    Info: ({ size, color }: Omit<IconProps, "name">) => _emotion_react_jsx_runtime.JSX.Element;
-    InfoBoxIcon: ({ color, size }: Omit<IconProps, "name">) => _emotion_react_jsx_runtime.JSX.Element;
-    Mail: ({ size, color }: Omit<IconProps, "name">) => _emotion_react_jsx_runtime.JSX.Element;
-    Menu: ({ size, color }: Omit<IconProps, "name">) => _emotion_react_jsx_runtime.JSX.Element;
-    Minus: ({ size, color, }: Omit<IconProps, "name">) => _emotion_react_jsx_runtime.JSX.Element;
-    Mobile: ({ size, color, }: Omit<IconProps, "name">) => _emotion_react_jsx_runtime.JSX.Element;
-    Play: ({ size, color }: Omit<IconProps, "name">) => _emotion_react_jsx_runtime.JSX.Element;
-    Save: ({ size, color }: Omit<IconProps, "name">) => _emotion_react_jsx_runtime.JSX.Element;
-    Search: ({ size, color, ...props }: Omit<IconProps, "name">) => _emotion_react_jsx_runtime.JSX.Element;
-    View: ({ color, size, }: Omit<IconProps, "name">) => _emotion_react_jsx_runtime.JSX.Element;
-    Warning: ({ size, color, }: Omit<IconProps, "name">) => _emotion_react_jsx_runtime.JSX.Element;
-};
-type IconNames = keyof typeof availableIcons;
-declare const Icon: ({ name, color, ...props }: IconProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type Callback = () => void;
-type AnyObject = Record<string, unknown>;
-
-type MaskConfig = {
-    maskPlaceholder?: string;
-    maskPattern?: Array<string | RegExp>;
-    dataModelFieldType: DataModelFieldFormatCodeTypes$1;
-};
-
-type InputFieldInternalConfigProps = Partial<{
-    textColor: ThemeColors$2 | string;
-    textFontSize: number;
-    placeholderTextColor: ThemeColors$2 | string;
-    placeholderTextFontSize: number;
-    verticalPadding: number;
-    horizontalPadding: number;
-    styles: StylesType;
-    wrapperStyles: StylesType;
-}>;
-type InputIconProps = {
-    name: IconNames;
-    onClick?: Callback$1;
-};
-type InputProps = Partial<{
-    value: string;
-    leftIcon: InputIconProps;
-    rightIcon: InputIconProps;
-    onBlur: Callback$1;
-    type: InputFieldTypes;
-    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) => _emotion_react_jsx_runtime.JSX.Element;
-
-type PaddingProps = {
-    padding: SizesTypes$1 | number;
-};
-declare const HorizontalPadding: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme | undefined;
-    as?: react.ElementType<any> | undefined;
-} & PaddingProps, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare const VerticalPadding: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme | undefined;
-    as?: react.ElementType<any> | undefined;
-} & PaddingProps, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-
-type SelectOption = {
-    id: string;
-    label: string;
-    value?: string;
-    config?: AnyObject$1;
-};
-type SelectInternalConfigurationOptions = {
-    placeholderTextColor: ThemeColors$1 | string;
-    placeholderTextFontSize: number;
-    selectedTextColor: ThemeColors$1 | string;
-    selectedTextFontSize: number;
-    verticalPadding: number;
-    horizontalPadding: number;
-    wrapperStyles: StylesType;
-    styles: StylesType;
-};
-type SelectProps = Partial<{
-    ref: RefCallBack;
-    onBlur: Callback$1;
-    value: string;
-    optionsPresentation: boolean;
-    onChange: (value: string) => void;
-    placeholder: string;
-    disabled: boolean;
-    options: SelectOption[];
-    isError: boolean;
-    isEditMode: boolean;
-    selectInternalConfig: SelectInternalConfigurationOptions;
-    isRichText: boolean;
-}>;
-declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, isEditMode, selectInternalConfig, isRichText, }: SelectProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type RadioButtonInternalConfigProps = Partial<{
-    selectedRadioOptionBackgroundColor: ThemeColors$1 | string;
-    selectedRadioOptionIndicatorColor: ThemeColors$1 | string;
-    buttonPadding: number;
-    textPadding: number;
-    styles: StylesType;
-    wrapperStyles: StylesType;
-    buttonOptionSpacing: SizesTypes$1;
-    radioGroupWrapperStyles: StylesType;
-}>;
-type RadioButtonsProps<T extends string> = Partial<{
-    ref: RefCallBack;
-    name: string;
-    value: T;
-    options: SelectOption[];
-    onBlur: Callback$1;
-    onChange: (value: T) => void;
-    isRow: boolean;
-    isError: boolean;
-    disabled: boolean;
-    isEditMode: boolean;
-    isRichText: boolean;
-    internalConfig: RadioButtonInternalConfigProps;
-}>;
-declare const RadioButtons: <T extends string>({ ref, name, value, options, onBlur, onChange, isRow, isError, disabled, isEditMode, isRichText, internalConfig, }: Partial<{
-    ref: RefCallBack;
-    name: string;
-    value: T;
-    options: SelectOption[];
-    onBlur: Callback$1;
-    onChange: (value: T) => void;
-    isRow: boolean;
-    isError: boolean;
-    disabled: boolean;
-    isEditMode: boolean;
-    isRichText: boolean;
-    internalConfig: Partial<{
-        selectedRadioOptionBackgroundColor: ThemeColors$1 | string;
-        selectedRadioOptionIndicatorColor: ThemeColors$1 | string;
-        buttonPadding: number;
-        textPadding: number;
-        styles: StylesType;
-        wrapperStyles: StylesType;
-        buttonOptionSpacing: SizesTypes$1;
-        radioGroupWrapperStyles: StylesType;
-    }>;
-}>) => _emotion_react_jsx_runtime.JSX.Element;
-declare const RadioGroupWrapper: _emotion_styled.StyledComponent<_mui_material.RadioGroupProps & {
-    theme?: _emotion_react.Theme | undefined;
-} & StyledTransientProps<{
-    isRow: boolean;
-}> & OverrideStyles, {}, {}>;
-
-type RegularImageProps = {
-    src: string;
-} & Partial<{
-    alt: string;
-    width: number | string;
-    height: number | string;
-    onClick: Callback$1;
-    cornerRadius: SizesTypes$1 | number;
-}> & ConfigurationItemInfo$1 & OverrideStyles;
-declare const RegularImage: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme | undefined;
-    as?: react.ElementType<any> | undefined;
-} & {
-    src: string;
-} & Partial<{
-    alt: string;
-    width: number | string;
-    height: number | string;
-    onClick: Callback$1;
-    cornerRadius: SizesTypes$1 | number;
-}> & ConfigurationItemInfo$1 & OverrideStyles, react.DetailedHTMLProps<react.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-declare const BackgroundImage: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme | undefined;
-    as?: react.ElementType<any> | undefined;
-} & {
-    src: string;
-} & Partial<{
-    alt: string;
-    width: number | string;
-    height: number | string;
-    onClick: Callback$1;
-    cornerRadius: SizesTypes$1 | number;
-}> & ConfigurationItemInfo$1 & OverrideStyles & react.ClassAttributes<HTMLImageElement> & react.ImgHTMLAttributes<HTMLImageElement> & {
-    theme?: _emotion_react.Theme | undefined;
-}, {}, {}>;
-
-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";
-declare const COMMUNICATION_LINK_DATA_URL = "communication-link-url";
-declare const COMMUNICATION_LINK_DATA_TEXT = "communication-link-text";
-declare const richTextDefaultValue: Descendant[];
-type RichTextEditorProps = {
-    value: string;
-    numberOfLines?: number;
-};
-declare const RichTextViewer: FC<RichTextEditorProps>;
-
-type SpacerProps = {
-    width?: SizesTypes$1 | number;
-    height?: SizesTypes$1 | number;
-    layout?: 'div' | 'span';
-};
-declare const Spacer: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme | undefined;
-    as?: react.ElementType<any> | undefined;
-} & SpacerProps, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-
-declare const Spinner: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme | undefined;
-    as?: react.ElementType<any> | undefined;
-} & {
-    color?: ThemeColors$2 | undefined;
-    size?: SizesTypes$2 | undefined;
-}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-
-type TextTypes = 'primary' | 'secondary' | 'error' | 'success';
-type TextAlign = 'center' | 'right' | 'left';
-type SeoTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
-type TextElementProps = {
-    variant: FontSizesTypes$1;
-    layout?: 'div' | 'span';
-    type?: TextTypes;
-    styles?: StylesType;
-    color?: ThemeColors$2 | string;
-    numberOfLines?: number;
-    textAlign?: TextAlign;
-    behaveAs?: 'text' | 'button';
-    seoTag?: SeoTags;
-    htmlElementId?: string;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-};
-type TextWrapperProps = PropsWithChildren<TextElementProps>;
-declare const TextWrapper: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme | undefined;
-    as?: react.ElementType<any> | undefined;
-} & TextElementProps & {
-    children?: react.ReactNode;
-}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare const ErrorText: ({ text }: {
-    text: string;
-}) => _emotion_react_jsx_runtime.JSX.Element;
-
-type ToastType = 'success' | 'infoTierOne' | 'infoTierTwo' | 'warning' | 'error';
-type ToastParams = {
-    message: string;
-    type?: ToastType;
-    duration?: number;
-};
-
-declare const toast: ({ message, type, duration }: ToastParams) => void | undefined;
-
-type TooltipProps = Pick<TooltipProps$1, 'overlay' | 'placement' | 'trigger' | 'visible' | 'children'> & {
-    styles?: StylesType;
-};
-declare const StyleWrapper: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme | undefined;
-    as?: react.ElementType<any> | undefined;
-} & OverrideStyles, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare const Tooltip: ({ trigger, placement, styles, ...props }: TooltipProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type ValidationTagStatus = 'DEFAULT' | 'ERROR' | 'SUCCESS';
-type ValidationTagProps = {
-    status: ValidationTagStatus;
-    text: string;
-};
-declare const ValidationTag: ({ text, status }: ValidationTagProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare const Container: FC<PropsWithChildren<ContainerProps$1> & {
-    id: string;
-}>;
-
-type AccordionItem = {
-    id: string;
-    text?: string;
-    subText?: string;
-    bodyText?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    paddingLeft?: string;
-};
-type AccordionProps = BoxProps & {
-    items: AccordionItem[];
-    rounded?: boolean;
-    elevation?: number;
-    color?: string;
-    placement?: 'left' | 'right';
-    textAlign: 'left' | 'center' | 'right' | 'justify';
-    textColor: string;
-    fontSize: string;
-    fontFamily: string;
-    fontWeight: string;
-    subTextColor: string;
-    subTextFontSize: string;
-    subTextFontFamily: string;
-    subTextFontWeight: string;
-    bodyTextColor: string;
-    bodyTextFontSize: string;
-    bodyTextFontFamily: string;
-    bodyTextFontWeight: string;
-    backgroundColor?: string;
-    borderStyle?: string;
-    borderColor?: string;
-    borderWeight?: string;
-    cornerRadius?: string;
-    shadow?: boolean;
-    allExpandedByDefault?: boolean;
-    gutter?: boolean;
-    expandSingle?: boolean;
-    iconName?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    paddingLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    marginLeft?: string;
-    width?: string;
-    gap?: string;
-    moleculeId?: string;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-};
-
-interface AvatarMoleculeProps {
-    /** Data‑model field to pull the display value from */
-    sourceDataModelField?: string;
-    /** Icon name to show when no value (default = “user”) */
-    iconName?: string;
-    /** --- simple style props --- */
-    backgroundColor?: string;
-    textColor?: string;
-    size?: number | string;
-    fontSize?: number | string;
-    fontFamily?: string;
-    fontWeight?: number | 'normal' | 'bold';
-    borderColor?: string;
-    borderWidth?: number;
-    marginLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    paddingLeft?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    width?: string;
-    height?: string;
-    minHeight?: string;
-    maxHeight?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    /** Pass‑through for editor canvas etc. */
-    configurationItemInfo?: ConfigurationItemInfo$1;
-}
-
-/**
- * Use the types from the npm package and extend them if necessary.
- */
-type CalendarEventType = CalendarEventType$1;
-type EventCalendarConfigType = EventCalendarConfigType$1;
-
-type DrawerItemType = 'menu_item' | 'divider_item' | 'text_item' | 'rich_text_item' | 'image_item';
-interface BaseDrawerItem {
-    id: string;
-    type: DrawerItemType;
-}
-interface DrawerMenuItemType extends BaseDrawerItem {
-    type: 'menu_item';
-    text: string;
-    link?: LinkProperties$1;
-    disabled?: boolean;
-    startIcon?: string;
-    endIcon?: string;
-    textColor?: string;
-    fontSize?: string;
-    fontWeight?: 'normal' | 'bold';
-    fontFamily?: string;
-    wrap?: boolean;
-    textAlign?: 'left' | 'center' | 'right' | 'justify';
-    backgroundColor?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    paddingLeft?: string;
-}
-interface DrawerDividerItemType extends BaseDrawerItem {
-    type: 'divider_item';
-    variant?: 'fullWidth' | 'inset' | 'middle';
-    lineWeight?: number;
-    orientation?: 'horizontal' | 'vertical';
-    borderColor?: string;
-    borderRadius?: number;
-    marginTop?: string | number;
-    marginRight?: string | number;
-    marginBottom?: string | number;
-    marginLeft?: string | number;
-}
-interface DrawerTextItemType extends BaseDrawerItem {
-    type: 'text_item';
-    text?: string;
-    align?: 'left' | 'center' | 'right' | 'justify';
-    color?: string;
-    wrap?: string;
-    variant?: string;
-    fontSize?: string | number;
-    fontWeight?: 'normal' | 'bold';
-    fontFamily?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    marginLeft?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    paddingLeft?: string;
-}
-interface DrawerRichTextItemType extends BaseDrawerItem {
-    type: 'rich_text_item';
-    text?: string;
-    align?: 'left' | 'center' | 'right' | 'justify';
-    color?: string;
-    wrap?: string;
-    variant?: string;
-    fontSize?: string | number;
-    fontWeight?: 'normal' | 'bold';
-    fontFamily?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    marginLeft?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    paddingLeft?: string;
-    numberOfLines?: number;
-}
-interface DrawerImageItemType extends BaseDrawerItem {
-    type: 'image_item';
-    src: string;
-    alt?: string;
-    link?: LinkProperties$1;
-    height?: number | string;
-    width?: number | string;
-    raised?: boolean;
-    borderRadius?: string | number;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    marginLeft?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    paddingLeft?: string;
-}
-type DrawerItem = DrawerMenuItemType | DrawerDividerItemType | DrawerTextItemType | DrawerRichTextItemType | DrawerImageItemType;
-type Anchor = 'top' | 'left' | 'bottom' | 'right';
-type DrawerVariant = 'permanent' | 'persistent' | 'temporary';
-interface DrawerProps {
-    anchor?: Anchor;
-    variant?: DrawerVariant;
-    open?: boolean;
-    onClose?: (event: React.KeyboardEvent | React.MouseEvent, reason: string) => void;
-    items?: DrawerItem[];
-    padding?: SizesTypes$2 | number | string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    paddingLeft?: string;
-    height?: number | string;
-    width?: number | string;
-    mobileWidth?: string | number;
-    backgroundColor?: string;
-    gap?: number | string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    marginLeft?: string;
-    withButton?: boolean;
-    buttonText?: string;
-    buttonVariant?: 'contained' | 'outlined' | 'text';
-    buttonTextColor?: string;
-    buttonFontSize?: number | string;
-    buttonFontWeight?: 'normal' | 'bold';
-    buttonFontFamily?: string;
-    buttonDisabled?: boolean;
-    buttonGap?: number | string;
-    buttonStartIcon?: string;
-    buttonEndIcon?: string;
-    buttonBorderRadius?: string | number;
-    buttonMarginTop?: string;
-    buttonMarginRight?: string;
-    buttonMarginBottom?: string;
-    buttonMarginLeft?: string;
-    buttonPaddingTop?: string;
-    buttonPaddingRight?: string;
-    buttonPaddingBottom?: string;
-    buttonPaddingLeft?: string;
-    buttonIconOnly?: boolean;
-    buttonElevation?: number;
-    buttonFillColor?: string;
-    buttonFillColorDisabled?: string;
-    buttonFillColorHover?: string;
-    buttonFillColorPressed?: string;
-    buttonBorderColor?: string;
-    buttonBorderColorDisabled?: string;
-    buttonBorderColorHover?: string;
-    buttonBorderColorPressed?: string;
-    buttonTextColorDisabled?: string;
-    buttonTextColorHover?: string;
-    buttonTextColorPressed?: string;
-    buttonColor?: string;
-    buttonDisabledColor?: string;
-    withCloseIcon?: boolean;
-    closeIconColor?: ThemeColors$2 | string;
-    closeIconName?: string;
-    closeIconSize?: number;
-    closeIconBackgroundColor?: string;
-    closeIconVisible?: boolean;
-    closeIconTop?: string | number;
-    closeIconLeft?: string | number;
-    closeIconBorderRadius?: number | string;
-    closeIconElevation?: number;
-    moleculeId?: string;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-}
-
-interface EmailInputFieldProps {
-    /** If true, show the email as text only (no editing). */
-    isDisplayOnly?: boolean;
-    /** If true, do required validation in RHF + show MUI asterisk. */
-    required?: boolean;
-    requiredErrorText?: string;
-    validationErrorText?: string;
-    /** Basic label & placeholder */
-    text?: string;
-    placeholderText?: string;
-    /** If true, apply an email text mask in the editable field. */
-    masked?: boolean;
-    multiLine?: boolean;
-    /** Basic styling props */
-    backgroundColor?: string;
-    borderColor?: string;
-    color?: string;
-    fontSize?: number | string;
-    fontFamily?: string;
-    fontWeight?: 'normal' | 'bold' | number;
-    textAlign?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
-    /** Spacing */
-    marginLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    paddingLeft?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    width?: string;
-    height?: string;
-    minHeight?: string;
-    maxHeight?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    name: string;
-    sourceDataModelField?: string;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-}
-
-/**
- * Each item now has minimal properties, with styling controlled at molecule level
- */
-type MenuItemType = {
-    id: string;
-    text: string;
-    link?: LinkProperties$1;
-    disabled?: boolean;
-    startIcon?: string;
-    endIcon?: string;
-    textColor?: string;
-    fontSize?: string;
-    fontWeight?: 'normal' | 'bold';
-    fontFamily?: string;
-    textAlign?: 'left' | 'center' | 'right' | 'justify';
-    wrap?: boolean;
-    backgroundColor?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    paddingLeft?: string;
-};
-/** Props for our Menu molecule */
-interface MenuProps {
-    popover?: boolean;
-    items: MenuItemType[];
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    marginLeft?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    paddingLeft?: string;
-    cornerRadius?: string | number;
-    backgroundColor?: string;
-    width?: string;
-    height?: string;
-    shadow?: boolean;
-    borderColor?: string;
-    borderWeight?: string;
-    buttonText?: string;
-    buttonVariant?: 'contained' | 'outlined' | 'text';
-    buttonTextColor?: string;
-    buttonFontSize?: number | string;
-    buttonFontWeight?: 'normal' | 'bold';
-    buttonFontFamily?: string;
-    buttonDisabled?: boolean;
-    buttonGap?: number | string;
-    buttonStartIcon?: string;
-    buttonEndIcon?: string;
-    buttonCornerRadius?: string | number;
-    buttonMarginTop?: string;
-    buttonMarginRight?: string;
-    buttonMarginBottom?: string;
-    buttonMarginLeft?: string;
-    buttonPaddingTop?: string;
-    buttonPaddingRight?: string;
-    buttonPaddingBottom?: string;
-    buttonPaddingLeft?: string;
-    buttonIconOnly?: boolean;
-    buttonElevation?: number;
-    buttonFillColor?: string;
-    buttonFillColorDisabled?: string;
-    buttonFillColorHover?: string;
-    buttonFillColorPressed?: string;
-    buttonBorderColor?: string;
-    buttonBorderColorDisabled?: string;
-    buttonBorderColorHover?: string;
-    buttonBorderColorPressed?: string;
-    buttonTextColorDisabled?: string;
-    buttonTextColorHover?: string;
-    buttonTextColorPressed?: string;
-    buttonColor?: string;
-    anchorOriginVertical?: 'top' | 'center' | 'bottom';
-    anchorOriginHorizontal?: 'left' | 'center' | 'right';
-    transformOriginVertical?: 'top' | 'center' | 'bottom';
-    transformOriginHorizontal?: 'left' | 'center' | 'right';
-    elevation?: number;
-    moleculeId?: string;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-}
-
-interface NumericInputFieldProps {
-    /** If true, the field shows as text-only (no editing). */
-    isDisplayOnly?: boolean;
-    /** If true, we do required validation in form + show MUI asterisk. */
-    required?: boolean;
-    requiredErrorText?: string;
-    validationErrorText?: string;
-    /** Label text for the field */
-    text?: string;
-    placeholderText?: string;
-    backgroundColor?: string;
-    borderColor?: string;
-    textColor?: string;
-    fontSize?: number | string;
-    fontFamily?: string;
-    fontWeight?: 'normal' | 'bold' | number;
-    /** If false => we disallow negative input. */
-    allowNegative?: boolean;
-    /** e.g. "0.01" => step=0.01, 2 decimals */
-    numericPrecision?: string;
-    name: string;
-    sourceDataModelField?: string;
-    /** Basic spacing/styling */
-    marginLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    paddingLeft?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    width?: string;
-    height?: string;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-    textAlign?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
-    minHeight?: string;
-    maxHeight?: string;
-    minWidth?: string;
-    maxWidth?: string;
-}
-
-interface PhoneNumberInputFieldProps {
-    /** If true, we skip rendering the textfield and just show a text display. */
-    isDisplayOnly?: boolean;
-    /** If true, we do required validation in react-hook-form + show asterisk in MUI FormControl. */
-    required?: boolean;
-    requiredErrorText?: string;
-    validationErrorText?: string;
-    text?: string;
-    placeholderText?: string;
-    masked?: boolean;
-    multiLine?: boolean;
-    /** Basic style props */
-    backgroundColor?: string;
-    borderColor?: string;
-    textColor?: string;
-    fontSize?: number | string;
-    fontFamily?: string;
-    fontWeight?: 'normal' | 'bold';
-    textAlign?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
-    /** Spacing */
-    marginLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    paddingLeft?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    width?: string;
-    height?: string;
-    minHeight?: string;
-    maxHeight?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    name: string;
-    sourceDataModelField?: string;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-}
-
-type SpeedDialItemType = 'speed_dial_action_item';
-interface BaseSpeedDialItem {
-    id: string;
-    type: SpeedDialItemType;
-}
-interface SpeedDialActionItemProps {
-    iconName: string;
-    tooltipText?: string;
-    iconColor?: string;
-    backgroundColor?: string;
-    disabled?: boolean;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    paddingLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    marginLeft?: string;
-}
-interface SpeedDialActionItemType extends BaseSpeedDialItem {
-    type: 'speed_dial_action_item';
-    config: {
-        props: SpeedDialActionItemProps;
-    };
-    properties: {
-        link: LinkProperties$1;
-        text: TextProperties$1;
-    };
-}
-type SpeedDialItem = SpeedDialActionItemType;
-interface SpeedDialProps {
-    direction?: 'up' | 'down' | 'left' | 'right';
-    size?: 'small' | 'medium' | 'large';
-    ariaLabel: string;
-    openIconName?: string;
-    closeIconName?: string;
-    openIconColor?: string;
-    closeIconColor?: string;
-    backgroundColor?: string;
-    items?: SpeedDialItem[];
-    tooltipOpen?: boolean;
-    tooltipPlacement?: 'left' | 'right' | 'top' | 'bottom';
-    showBackdrop?: boolean;
-    openOnHover?: boolean;
-    gap?: number | string;
-    actionGap?: number | string;
-    labelMarginLeft?: number | string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    paddingLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    marginLeft?: string;
-    moleculeId?: string;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-}
-
-type ConfigurationItemInfo = {
-    onClick?: (e: MouseEvent<HTMLDivElement>) => void;
-    onDoubleClick?: (e: MouseEvent<HTMLDivElement>) => void;
-    className?: string;
-    'data-configuration-id'?: string;
-    css?: Interpolation<Theme>;
-};
-declare const ContainerWrapper: _emotion_styled.StyledComponent<{
-    theme?: Theme | undefined;
-    as?: react.ElementType<any> | undefined;
-} & Pick<ContainerProps$2, "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: _emotion_react.SerializedStyles;
-        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;
-        enableBackgroundImage: boolean;
-    }> | undefined;
-    properties?: ContainerProperties$1 | undefined;
-}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-
-type TabsItemProps = {
-    id: string;
-    label: string;
-    link?: string;
-    tabKey: string;
-    iconName?: string;
-};
-type OnTabChangeArgs = {
-    newTabKey: string;
-    link?: string;
-};
-type TabsProps = {
-    items: TabsItemProps[];
-    activeTabKey: string;
-    onTabChange: (args: OnTabChangeArgs) => void;
-} & Partial<{
-    isMobile: boolean;
-    marginTop: string;
-    marginRight: string;
-    marginBottom: string;
-    marginLeft: string;
-    paddingTop: string;
-    paddingRight: string;
-    paddingBottom: string;
-    paddingLeft: string;
-    buttonMarginTop?: string;
-    buttonMarginRight?: string;
-    buttonMarginBottom?: string;
-    buttonMarginLeft?: string;
-    buttonPaddingTop?: string;
-    buttonPaddingRight?: string;
-    buttonPaddingBottom?: string;
-    buttonPaddingLeft?: string;
-    width: string;
-    height: string;
-    backgroundColor: string;
-    borderRadius: string;
-    elevation: number;
-    gap: string;
-    lineWidth: string;
-    orientation: 'horizontal' | 'vertical';
-    fontSize: string;
-    fontWeight: string | number;
-    fontFamily: string;
-    wrapText: boolean;
-    textAlign: 'left' | 'center' | 'right';
-    iconName: string;
-    iconColor: string;
-    iconSize: string;
-    iconPlacement: 'left' | 'right';
-    hoverTextColor: string;
-    indicatorColor: string;
-    indicatorVisible: boolean;
-    activeTextColor: string;
-    inactiveTextColor: string;
-    itemBorder: string;
-    itemBorderRadius: string;
-    itemBackgroundColor: string;
-    itemSelectedBackgroundColor: string;
-    itemHoverBackgroundColor: string;
-    selectedItemElevation: number;
-    itemDisableRipple: boolean;
-    configurationItemInfo: ConfigurationItemInfo;
-    moleculeId: string;
-}>;
-
-interface DividerProps {
-    text?: string;
-    variant?: 'fullWidth' | 'inset' | 'middle';
-    moleculeId?: string;
-    lineWeight?: number;
-    orientation?: 'horizontal' | 'vertical';
-    borderColor?: string;
-    borderRadius?: number;
-    sx?: SxProps;
-    marginTop?: string | number;
-    marginRight?: string | number;
-    marginBottom?: string | number;
-    marginLeft?: string | number;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-}
-declare const Divider: ({ moleculeId, variant, lineWeight, orientation, borderColor, borderRadius, sx, marginTop, marginRight, marginBottom, marginLeft, configurationItemInfo, }: DividerProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-interface ImageProps {
-    src: string;
-    alt?: string;
-    height?: number | string;
-    width?: number | string;
-    minHeight?: string;
-    maxHeight?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    autoSize?: boolean;
-    rounded?: boolean;
-    raised?: boolean;
-    margin?: string;
-    padding?: string;
-    moleculeId?: string;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-    metadata?: MetadataType$1;
-    onClick?: () => void;
-    marginTop: string;
-    marginRight: string;
-    marginBottom: string;
-    marginLeft: string;
-    paddingTop: string;
-    paddingRight: string;
-    paddingBottom: string;
-    paddingLeft: string;
-    borderRadius: string | number;
-}
-declare const Image: FC<ImageProps>;
-
-type SimpleTextProps = TypographyProps & {
-    text?: string;
-    align?: TypographyProps['align'];
-    color?: TypographyProps['color'];
-    wrap?: string;
-    margin?: TypographyProps['margin'];
-    padding?: TypographyProps['padding'];
-    variant?: TypographyProps['variant'];
-    fontSize?: TypographyProps['fontSize'];
-    fontWeight?: TypographyProps['fontWeight'] | 'normal' | 'bold';
-    fontFamily?: TypographyProps['fontFamily'];
-    htmlElementId?: string;
-    configurationsItemInfo?: ConfigurationItemInfo$1;
-    marginTop: string;
-    marginRight: string;
-    marginBottom: string;
-    marginLeft: string;
-    paddingTop: string;
-    paddingRight: string;
-    paddingBottom: string;
-    paddingLeft: string;
-};
-
-type MoleculeItemTypes$1 = 'stepper_item' | 'checklist_item' | 'accordion_item' | 'menu_item' | 'divider_item' | 'text_item' | 'tabs_item' | 'rich_text_item' | 'speed_dial_action_item' | 'image_item';
-type BaseItem = {
-    id: string;
-    name: string;
-    type: MoleculeItemTypes$1;
-    instance: 'molecule_item';
-    organismLibraryMoleculeId: string;
-};
-type StepperItemDTO = BaseItem & {
-    type: 'stepper_item';
-    config: {
-        props: Omit<CustomStep$1, 'title' | 'subText'>;
-    };
-    properties: {
-        title: TextProperties$1;
-        subText: TextProperties$1;
-    };
-};
-type ChecklistItemDTO = BaseItem & {
-    type: 'checklist_item';
-    config: {
-        props: Omit<ChecklistItem$1, 'label'>;
-    };
-    properties: {
-        label: TextProperties$1;
-        objectState: ObjectStateProperties$1;
-    };
-};
-type AccordionItemDTO = BaseItem & {
-    type: 'accordion_item';
-    config: {
-        props: Omit<AccordionItem, 'text' | 'subText' | 'bodyText'>;
-    };
-    properties: {
-        text: TextProperties$1;
-        subText: TextProperties$1;
-        bodyText: TextProperties$1;
-    };
-};
-type MenuItemDTO = BaseItem & {
-    type: 'menu_item';
-    config: {
-        props: Omit<MenuItemType, 'text' | 'link' | 'disabled'>;
-    };
-    properties: {
-        text: TextProperties$1;
-        link: LinkProperties$1;
-        disabled: StateProperties$1;
-    };
-};
-type TabsItemDTO = BaseItem & {
-    type: 'tabs_item';
-    config: {
-        props: Omit<TabsItemProps, 'label' | 'link'>;
-    };
-    properties: {
-        label: TextProperties$1;
-        link: LinkProperties$1;
-    };
-};
-type DividerItemDTO = BaseItem & {
-    type: 'divider_item';
-    config: {
-        props: DividerProps;
-    };
-    properties: Record<string, never>;
-};
-type TextItemDTO = BaseItem & {
-    type: 'text_item';
-    config: {
-        props: Omit<SimpleTextProps, 'text'>;
-    };
-    properties: {
-        text: TextProperties$1;
-    };
-};
-type RichTextItemDTO = BaseItem & {
-    type: 'rich_text_item';
-    config: {
-        props: Omit<TextProps$1, 'text' | 'isRichText' | 'htmlElementId' | 'configurationItemInfo'>;
-    };
-};
-type ImageItemDTO = BaseItem & {
-    type: 'image_item';
-    config: {
-        props: Omit<ImageProps, 'src' | 'alt' | 'onClick' | 'moleculeId' | 'configurationItemInfo'>;
-    };
-    properties: {
-        image: {
-            imageSource?: string;
-            imageFile?: {
-                url: string;
-            };
-        };
-        alt: TextProperties$1;
-        link: LinkProperties$1;
-    };
-};
-
-type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
-type DataModelFieldFormatCodeTypes = 'date' | 'email' | 'string' | 'integer' | 'boolean' | 'numeric' | 'zip_code' | 'phone_number';
-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';
-type DownloadFile = {
-    url: string;
-    name: string;
-};
-type LinkAction = LinkProperties;
-type PopupDrawerAction = ContainerComponentProps;
-type DownloadAction = DownloadFile;
-type SubmitAction = AnyObject$1;
-type CancelAction = AnyObject$1;
-type ResetAction = AnyObject$1;
-type DestroyAction = AnyObject$1;
-type Action = {
-    type: ActionTypes;
-} & Partial<{
-    link: LinkAction;
-    popup: PopupDrawerAction;
-    drawer: PopupDrawerAction;
-    download: DownloadAction;
-    submit: SubmitAction;
-    cancel: CancelAction;
-    reset: ResetAction;
-    destroy: DestroyAction;
-    logout: AnyObject$1;
-}>;
-type FormStateType = 'default' | 'success' | 'error' | 'format_error' | 'field_error' | 'open_dropdown' | 'match_error';
-type ImageProperties = {
-    attributeType: 'image';
-    imageSource: string;
-    imageFile?: {
-        id: string;
-        name: string;
-        url: string;
-    };
-};
-interface TextProperties {
-    id?: string;
-    text?: string;
-    isRichText?: boolean;
-    attributeType: 'text';
-}
-interface VideoProperties {
-    attributeType: 'video';
-    videoSource: string;
-}
-interface ActionProperties {
-    attributeType: 'action';
-    action: Action;
-}
-interface LinkProperties {
-    id: string;
-    attributeType: 'link';
-    type: 'internalLink' | 'externalLink' | 'external_link' | 'internal_link';
-    internalLink: Nullable<string>;
-    externalLink: Nullable<string>;
-    name: string;
-}
-interface BooleanProperties {
-    attributeType: 'boolean';
-    value: boolean;
-}
-type DataModelFieldFormat = {
-    id: string;
-    label: string;
-    value: DataModelFieldFormatValueTypes;
-    code: DataModelFieldFormatCodeTypes;
-    config: MaskConfig;
-};
-type DataConnectionValues = {
-    dataFieldName: string;
-    dataModelFieldId: string;
-    defaultValue?: string;
-    entitySubtypeId?: string;
-    entitySubtypeName?: string;
-    format: DataModelFieldFormat;
-};
-interface ConditionConfigProperties {
-    id: string;
-    attributeType: 'condition_config';
-    conditionConfig: ConditionConfig;
-}
-interface ColorProperties {
-    attributeType: 'color';
-    color: string;
-}
-interface ChecklistProperties {
-    checklist: {
-        attributeType: 'checklist';
-        items: ChecklistItem$1[];
-    };
-}
-interface StateProperties {
-    attributeType: 'state';
-    value: number | string | boolean;
-}
-type DataCaptureProperties = {
-    dataCaptureName: string;
-    isConfigurable?: boolean;
-    sourceDataModelFieldId: string;
-};
-type ObjectStateProperties = {
-    attributeType: 'object_state';
-    pmiObjectId: string | null;
-};
-type MoleculeItemTypes = 'stepper_item' | 'checklist_item' | 'accordion_item' | 'menu_item' | 'tabs_item' | 'divider_item' | 'text_item' | 'rich_text_item' | 'speed_dial_action_item' | 'image_item';
-type MoleculeTypes = 'simple_text' | 'text' | 'header_tab_group' | 'consent' | 'signup_password_fields' | 'account_button' | 'stepper' | 'checklist' | 'accordion' | 'menu' | 'drawer' | 'tabs' | 'divider' | 'link' | 'video' | 'image' | 'button' | 'alert' | 'badge' | 'chip' | 'basic_text_field' | 'rating' | 'switch' | 'slider' | 'select' | 'date_picker' | 'time_picker' | 'email_input_field' | 'phone_number_input_field' | 'numeric_input_field' | 'currency_input_field' | 'email_display_field' | 'phone_number_display_field' | 'numeric_display_field' | 'currency_display_field' | 'basic_text_display_field' | 'select_display_field' | 'rating_display_field' | 'switch_display_field' | 'slider_display_field' | 'date_display_field' | 'time_picker_display' | 'avatar' | 'visit' | 'calendar' | 'speed_dial' | 'checkbox' | 'checkbox_display' | 'binary_radio_buttons' | 'binary_radio_buttons_display';
-/**
- * [ NEW MOLECULE: 3 ] Second Step is to add the new molecule name to this list, in snake case format
- *
- *  */
-interface BaseMoleculeType {
-    id: string;
-    name: string;
-    type: MoleculeTypes;
-    instance: 'molecule';
-    metadata: MetadataType;
-    moleculeLibraryId: string;
-    organismLibraryMoleculeId: string;
-}
-interface TextMoleculeType extends BaseMoleculeType {
-    type: 'text';
-    properties: Partial<{
-        text: TextProperties;
-    }>;
-    config: {
-        props?: TextProps$1;
-    };
-}
-interface SimpleTextMoleculeType extends BaseMoleculeType {
-    type: 'simple_text';
-    properties: Partial<{
-        text: TextProperties;
-    }>;
-    config: {
-        props?: TextProps$1;
-    };
-}
-interface ConsentFieldMoleculeType extends BaseMoleculeType {
-    type: 'consent';
-    properties: Partial<{
-        consent: Partial<{
-            attributeType: 'consent';
-            consent: ConsentType;
-            required: BooleanProperties;
-            dataCaptureName: string;
-            predefinedValue: string;
-        }>;
-        conditionConfig: ConditionConfigProperties;
-    }>;
-    config: {
-        props: Partial<{
-            state: 'field_error';
-        }>;
-    };
-}
-interface PasswordSetupMoleculeType extends BaseMoleculeType {
-    type: 'signup_password_fields';
-    properties: Partial<{
-        text: TextProperties;
-        subText: TextProperties;
-        placeholderText: TextProperties;
-        subPlaceholderText: TextProperties;
-        validationText: TextProperties;
-    }>;
-    config: {
-        props: {
-            state?: FormStateType;
-            dataCaptureName: string;
-        } & BasicTextFieldProps$1;
-    };
-}
-interface StepperMoleculeType extends BaseMoleculeType {
-    type: 'stepper';
-    config: {
-        props: Omit<StepperProps$1, 'items'>;
-    };
-    children: StepperItemDTO[];
-    organismMoleculeLibraryId: string;
-}
-interface ChecklistsMoleculeType extends BaseMoleculeType {
-    type: 'checklist';
-    config: {
-        props: Omit<ChecklistProps$1, 'items'>;
-    };
-    children: ChecklistItemDTO[];
-}
-interface AccordionMoleculeType extends BaseMoleculeType {
-    type: 'accordion';
-    config: {
-        props: Omit<AccordionProps, 'items'>;
-    };
-    children: AccordionItemDTO[];
-}
-interface MenuMoleculeType extends BaseMoleculeType {
-    type: 'menu';
-    config: {
-        props: Omit<MenuProps, 'items'>;
-    };
-    properties: {
-        text: TextProperties;
-        disabled: BooleanProperties;
-    };
-    children: MenuItemDTO[];
-}
-interface TabsMoleculeType extends BaseMoleculeType {
-    type: 'tabs';
-    config: {
-        props: Omit<TabsProps, 'items'>;
-    };
-    children: TabsItemDTO[];
-}
-interface DividerMoleculeType extends BaseMoleculeType {
-    type: 'divider';
-    config: {
-        props: DividerProps$1;
-    };
-}
-interface LinkMoleculeType extends BaseMoleculeType {
-    type: 'link';
-    config: {
-        props: LinkProps$1;
-    };
-    properties: {
-        text: TextProperties;
-        link: LinkProperties;
-    };
-}
-interface VideoMoleculeType extends BaseMoleculeType {
-    type: 'video';
-    config: {
-        props: VideoProps$1;
-    };
-    properties: {
-        video: VideoProperties;
-        coverImage: ImageProperties;
-    };
-}
-interface ImageMoleculeType extends BaseMoleculeType {
-    type: 'image';
-    config: {
-        props: ImageProps$1;
-    };
-    properties: {
-        image: ImageProperties;
-        link: LinkProperties;
-    };
-}
-interface ButtonMoleculeType extends BaseMoleculeType {
-    type: 'button';
-    config: {
-        props: ButtonProps$1;
-    };
-    properties: {
-        text: TextProperties;
-        action: ActionProperties;
-    };
-}
-interface ChipMoleculeType extends BaseMoleculeType {
-    type: 'chip';
-    config: {
-        props: ChipMoleculeProps$1;
-    };
-    properties: {
-        text: TextProperties;
-    };
-}
-interface BadgeMoleculeType extends BaseMoleculeType {
-    type: 'badge';
-    config: {
-        props: BadgeMoleculeProps$1;
-    };
-    properties: {
-        text: TextProperties;
-    };
-}
-interface AlertMoleculeType extends BaseMoleculeType {
-    type: 'alert';
-    config: {
-        props: AlertMoleculeProps$1;
-    };
-    properties: {
-        text: TextProperties;
-        subText: TextProperties;
-    };
-}
-interface BasicTextFieldMoleculeType extends BaseMoleculeType {
-    type: 'basic_text_field' | 'basic_text_display_field';
-    config: {
-        props: BasicTextFieldProps$1 & {
-            dataCaptureName?: string;
-        };
-    };
-    properties: {
-        text: TextProperties;
-        placeholderText: TextProperties;
-        requiredErrorText: TextProperties;
-        validationErrorText: TextProperties;
-        required: BooleanProperties;
-        dataCapture: DataCaptureProperties;
-    };
-}
-interface RatingMoleculeType extends BaseMoleculeType {
-    type: 'rating' | 'rating_display_field';
-    config: {
-        props: RatingMoleculeProps$1;
-    };
-    properties: {
-        text: TextProperties;
-        placeholderText: TextProperties;
-        requiredErrorText: TextProperties;
-        validationErrorText: TextProperties;
-        required: BooleanProperties;
-        dataCapture: DataCaptureProperties;
-    };
-}
-interface SwitchMoleculeType extends BaseMoleculeType {
-    type: 'switch' | 'switch_display_field';
-    config: {
-        props: AlertMoleculeProps$1 & {
-            dataCaptureName?: string;
-        };
-    };
-    properties: {
-        text: TextProperties;
-        subText: TextProperties;
-        requiredErrorText: TextProperties;
-        validationErrorText: TextProperties;
-        required: BooleanProperties;
-        dataCapture: DataCaptureProperties;
-    };
-}
-interface SliderMoleculeType extends BaseMoleculeType {
-    type: 'slider' | 'slider_display_field';
-    config: {
-        props: SliderMoleculeProps$1;
-    };
-    properties: {
-        text: TextProperties;
-        placeholderText: TextProperties;
-        requiredErrorText: TextProperties;
-        validationErrorText: TextProperties;
-        required: BooleanProperties;
-        dataCapture: DataCaptureProperties;
-    };
-}
-interface SelectMoleculeType extends BaseMoleculeType {
-    type: 'select' | 'select_display_field';
-    config: {
-        props: SelectMoleculeProps$1 & {
-            dataCaptureName?: string;
-        };
-    };
-    properties: {
-        text: TextProperties;
-        placeholderText: TextProperties;
-        requiredErrorText: TextProperties;
-        validationErrorText: TextProperties;
-        required: BooleanProperties;
-        dataCapture: DataCaptureProperties;
-    };
-}
-interface DatePickerMoleculeType extends BaseMoleculeType {
-    type: 'date_picker' | 'date_display_field';
-    config: {
-        props: DatePickerMoleculeProps$1 & {
-            dataCaptureName?: string;
-        };
-    };
-    properties: {
-        text: TextProperties;
-        requiredErrorText: TextProperties;
-        validationErrorText: TextProperties;
-        required: BooleanProperties;
-        dataCapture: DataCaptureProperties;
-    };
-}
-interface TimePickerMoleculeType extends BaseMoleculeType {
-    type: 'time_picker' | 'time_picker_display';
-    config: {
-        props?: any;
-    };
-    properties: {
-        text: TextProperties;
-        placeholderText: TextProperties;
-        requiredErrorText: TextProperties;
-        validationErrorText: TextProperties;
-        required: BooleanProperties;
-        dataCapture: DataCaptureProperties;
-    };
-}
-interface EmailInputFieldMoleculeType extends BaseMoleculeType {
-    type: 'email_input_field' | 'email_display_field';
-    config: {
-        props: EmailInputFieldProps & {
-            dataCaptureName?: string;
-        };
-    };
-    properties: {
-        text: TextProperties;
-        placeholderText: TextProperties;
-        requiredErrorText: TextProperties;
-        validationErrorText: TextProperties;
-        required: BooleanProperties;
-        dataCapture: DataCaptureProperties;
-    };
-}
-interface PhoneNumberInputFieldMoleculeType extends BaseMoleculeType {
-    type: 'phone_number_input_field' | 'phone_number_display_field';
-    config: {
-        props: PhoneNumberInputFieldProps & {
-            dataCaptureName?: string;
-        };
-    };
-    properties: {
-        text: TextProperties;
-        placeholderText: TextProperties;
-        requiredErrorText: TextProperties;
-        validationErrorText: TextProperties;
-        required: BooleanProperties;
-        dataCapture: DataCaptureProperties;
-    };
-}
-interface NumericInputFieldMoleculeType extends BaseMoleculeType {
-    type: 'numeric_input_field' | 'numeric_display_field';
-    config: {
-        props: NumericInputFieldProps & {
-            dataCaptureName?: string;
-        };
-    };
-    properties: {
-        text: TextProperties;
-        placeholderText: TextProperties;
-        requiredErrorText: TextProperties;
-        validationErrorText: TextProperties;
-        required: BooleanProperties;
-        dataCapture: DataCaptureProperties;
-    };
-}
-interface CurrencyInputFieldMoleculeType extends BaseMoleculeType {
-    type: 'currency_input_field' | 'currency_display_field';
-    config: {
-        props: NumericInputFieldProps & {
-            dataCaptureName?: string;
-        };
-    };
-    properties: {
-        text: TextProperties;
-        placeholderText: TextProperties;
-        requiredErrorText: TextProperties;
-        validationErrorText: TextProperties;
-        required: BooleanProperties;
-        dataCapture: DataCaptureProperties;
-    };
-}
-interface AvatarMoleculeType extends BaseMoleculeType {
-    type: 'avatar';
-    config: {
-        props: Omit<AvatarMoleculeProps, 'sourceDataModelField' | 'configurationItemInfo'>;
-    };
-    properties: {
-        dataCapture: DataCaptureProperties;
-    };
-}
-interface VisitMoleculeType extends BaseMoleculeType {
-    type: 'visit';
-    config: {
-        props: Omit<VisitMoleculeProps, 'configurationItemInfo'>;
-    };
-    properties: {
-        dataCapture: DataCaptureProperties;
-    };
-}
-interface CalendarMoleculeType extends BaseMoleculeType {
-    type: 'calendar';
-    config: {
-        props: EventCalendarConfigType;
-    };
-    properties: {
-        events: CalendarEventType[];
-        isLoading?: boolean;
-        onDateRangeChange?: (start: Date, end: Date) => void;
-        onEventClick?: (event: CalendarEventType) => void;
-        onEventUpdate?: (event: CalendarEventType) => void;
-        onEventCreate?: (event: CalendarEventType) => void;
-        onEventDelete?: (eventId: string) => void;
-    };
-}
-interface DrawerMoleculeType extends BaseMoleculeType {
-    type: 'drawer';
-    config: {
-        props: Omit<DrawerProps, 'items' | 'configurationItemInfo' | 'onInternalNavigation' | 'moleculeId'>;
-    };
-    properties: {
-        text: TextProperties;
-        disabled: BooleanProperties;
-    };
-    children: (MenuItemDTO | DividerItemDTO | TextItemDTO | RichTextItemDTO | ImageItemDTO)[];
-}
-interface SpeedDialMoleculeType extends BaseMoleculeType {
-    type: 'speed_dial';
-    config: {
-        props: Omit<SpeedDialProps, 'items' | 'configurationItemInfo' | 'isConfigurationMode' | 'selectedConfigurationItemId' | 'onInternalNavigation'>;
-    };
-    properties: {};
-    children: SpeedDialItem[];
-}
-interface CheckboxMoleculeType extends BaseMoleculeType {
-    type: 'checkbox' | 'checkbox_display';
-    config: {
-        props: CheckboxProps$1;
-    };
-    properties: {
-        label: TextProperties;
-        requiredErrorText: TextProperties;
-        validationErrorText: TextProperties;
-        required: BooleanProperties;
-        dataCapture: DataCaptureProperties;
-    };
-}
-interface BinaryRadioButtonsMoleculeType extends BaseMoleculeType {
-    type: 'binary_radio_buttons' | 'binary_radio_buttons_display';
-    config: {
-        props: BinaryRadioButtonsProps$1;
-    };
-    properties: {
-        confirmText: TextProperties;
-        rejectText: TextProperties;
-        requiredErrorText: TextProperties;
-        validationErrorText: TextProperties;
-        required: BooleanProperties;
-        dataCapture: DataCaptureProperties;
-    };
-}
-type Molecule = StrictUnion<SimpleTextMoleculeType | TextMoleculeType | ConsentFieldMoleculeType | PasswordSetupMoleculeType | StepperMoleculeType | ChecklistsMoleculeType | AccordionMoleculeType | MenuMoleculeType | DrawerMoleculeType | TabsMoleculeType | DividerMoleculeType | LinkMoleculeType | VideoMoleculeType | ImageMoleculeType | ButtonMoleculeType | ChipMoleculeType | BadgeMoleculeType | AlertMoleculeType | BasicTextFieldMoleculeType | RatingMoleculeType | SwitchMoleculeType | SliderMoleculeType | SelectMoleculeType | DatePickerMoleculeType | TimePickerMoleculeType | EmailInputFieldMoleculeType | PhoneNumberInputFieldMoleculeType | NumericInputFieldMoleculeType | CurrencyInputFieldMoleculeType | AvatarMoleculeType | VisitMoleculeType | CalendarMoleculeType | SpeedDialMoleculeType | CheckboxMoleculeType | BinaryRadioButtonsMoleculeType> & Partial<{
-    form: UseFormReturn<any>;
-    formData: AnyObject$1;
-    setFormData: Dispatch<SetStateAction<AnyObject$1>>;
-}>;
-type ConsentType = any;
-type VisitMoleculeProps = any;
-
-type ContainerType = 'default' | 'row' | 'column' | 'slider' | 'form' | 'form_purpose' | 'form_step' | 'dynamic' | 'journey_driven' | 'journey_driven_step';
-type ContainerTemplateType = 'row_content_container';
-type WrappedContainerType = Extract<ContainerType, 'form' | 'form_step'>;
-type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
-type ContainerAlignItemsType = 'start' | 'center' | 'end' | 'stretch';
-type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
-type StateActionType = 'visible' | 'disabled';
-type StateEventType = 'click' | 'view';
-type StateListenerConfigType = {
-    role: 'stateListener';
-    stateKey: string;
-    stateValue: string | boolean;
-    defaultState: Partial<Record<StateActionType, boolean>>;
-    action: Partial<Record<StateActionType, boolean>>;
-};
-type StateModifierConfigType = {
-    role: 'stateModifier';
-    stateKey: string;
-    event: StateEventType;
-};
-type MetadataStateConfig = StateListenerConfigType | StateModifierConfigType;
-type MetadataType = AnyObject$1 & Partial<{
-    stateConfig: MetadataStateConfig[];
-    referenceName: string;
-    isAction: boolean;
-    isTrigger: boolean;
-    notEditable: boolean;
-    hasOwnButton: boolean;
-    stateListenerId: string;
-    configurationPath: string;
-}>;
-type SliderProps = {
-    autoplay?: boolean;
-    autoplayDuration?: number;
-};
-type FormStepContainerProps = {
-    formStepName: string;
-    order: number;
-    conditionConfig: ConditionConfig;
-    formStepStyles?: CSSProperties;
-};
-type FormContainerProps = {
-    mode: keyof ValidationMode;
-};
-type PaddingVariants = 'top' | 'right' | 'bottom' | 'left';
-type Padding = Record<PaddingVariants, SizesTypes$1 | number> | SizesTypes$1 | string;
-type ContainerProperties = {
-    backgroundImage: {
-        imageFile: {
-            url: string;
-        };
-    };
-    enableBackgroundImage: {
-        value: boolean;
-    };
-};
-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;
-    enableBackgroundImage: boolean;
-}>;
-type AdditionalContainerProps = Partial<{
-    containerStyle: CSSObject;
-    containerProps: ContainerPropsType;
-}>;
-type ContainerConfig = {
-    props: ContainerPropsType;
-    wide: AdditionalContainerProps;
-    compact: AdditionalContainerProps;
-};
-type ContainerProps = PropsWithChildren<{
-    type: ContainerType;
-} & Partial<{
-    name: string;
-    config: ContainerConfig;
-    isMobile: boolean;
-    metadata: MetadataType;
-    properties: ContainerProperties;
-    containerTemplateType: ContainerTemplateType;
-}>>;
-type ContainerComponentProps = {
-    id: string;
-    instance: 'container';
-    type: ContainerType;
-    items: (ContainerComponentProps | Molecule)[];
-    config: Partial<{
-        wide: AdditionalContainerProps;
-        compact: AdditionalContainerProps;
-        props: ContainerPropsType;
-    }>;
-    tabsProps?: {
-        tabs: unknown[];
-        activeTabKey: string;
-        onTabChange: () => void;
-    };
-    metadata?: MetadataType;
-    properties?: ContainerProperties;
-    containerLibraryId?: string;
-    isMobile?: boolean;
-    isConfigurationMode?: boolean;
-};
-type CriteriaType = 'operator' | 'condition';
-type ConditionCriteria = {
-    id: string;
-    type: CriteriaType;
-    operator: string;
-    dataFieldId: Nullable<string>;
-    subtypeId: Nullable<string>;
-    dataFieldName: Nullable<string>;
-    dataValue: Nullable<string>;
-    connectedTo: Nullable<string>;
-};
-type SegmentationType = 'simple' | 'advanced';
-type ConditionConfig = Nullable<{
-    id: string;
-    segmentationType: SegmentationType;
-    criteriaList: ConditionCriteria[];
-}>;
-type FormDataStateConfig = {
-    value?: string | number;
-} & Record<string, {
-    value?: string | number;
-}>;
-type ActionType = 'clicked' | 'started' | 'completed' | 'closed' | 'opened' | 'checked' | 'unchecked';
-type ActionEventType = Record<'interacted', ActionType>;
-type BaseStateValue = {
-    visible: boolean;
-    disabled: boolean;
-};
-type StateConfigType = {
-    [stateKey: string]: null | string | boolean | FormDataStateConfig | ActionEventType | BaseStateValue;
-};
-
-type HeaderTabs = {
-    text: string;
-    tabKey?: string;
-    options: {
-        id: string;
-        title: string;
-        onClick: () => void;
-    }[];
-};
-type OrganismItemProps = {
-    item: ContainerComponentProps | Molecule;
-    tabsProps?: {
-        tabs: HeaderTabs[];
-        activeTabKey?: string;
-        onTabChange: (tabKey: string) => void;
-    };
-    formData?: AnyObject;
-    setFormData?: Dispatch<SetStateAction<AnyObject>>;
-    isMobile?: boolean;
-    parentId?: string;
-    isConfigurationMode?: boolean;
-    onConfigurationItemHandler?: (itemPath: string) => void;
-};
-declare const OrganismItem: FC<OrganismItemProps>;
-
-type BaseMoleculeProps = Molecule$1 & {
-    tabsProps?: {
-        tabs: HeaderTabs[];
-        activeTabKey?: string;
-        onTabChange: (tabKey: string) => void;
-    };
-    isMobile?: boolean;
-    parentId?: string;
-};
-declare const BaseMolecule: FC<BaseMoleculeProps>;
-
-type FormOrganismItemProps = {
-    item: ContainerComponentProps$1;
-    activeChildrenIds: string[];
-    formData?: AnyObject$1;
-    setFormData?: Dispatch<SetStateAction<AnyObject$1>>;
-    isMobile?: boolean;
-};
-declare const FormOrganismItem: ({ formData, setFormData, isMobile, ...props }: FormOrganismItemProps) => _emotion_react_jsx_runtime.JSX.Element | null;
-
-type MlrRichTextViewerContextType = {
-    isMLRReview: boolean;
-    showAnnotations: boolean;
-    annotationsList: AnnotationsList$1;
-};
-declare const MlrRichTextViewerContext: react.Context<MlrRichTextViewerContextType>;
-
-type MlrRichTextViewerProviderProps = PropsWithChildren<{
-    annotationsList: AnnotationsList$1;
-    isMLRReview: boolean;
-    showAnnotations: boolean;
-}>;
-declare const MlrRichTextViewerProvider: ({ children, isMLRReview, showAnnotations, annotationsList, }: MlrRichTextViewerProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare const useMlrRichTextViewerContext: () => MlrRichTextViewerContextType;
-
-type AnnotationsList = {
-    tags: {
-        id: string;
-        label: string;
-        entityIds: string[];
-        moleculeIds: string[];
-        referencedByIds: string[];
-    }[];
-    links: {
-        referencedById: string;
-        moleculeId: string;
-        text: string;
-        url: string;
-    }[];
-};
-
-type ButtonActionsContextType = {
-    actionContent?: ContainerComponentProps$2;
-    setActionContent: Dispatch<SetStateAction<ContainerComponentProps$2>>;
-    isModalVisible: boolean;
-    isDrawerVisible: boolean;
-    setDrawerVisible: Dispatch<SetStateAction<boolean>>;
-    setActivePopUpById: (id: string) => void;
-    onCloseModal: (id?: string) => void;
-    onCloseDrawer: () => void;
-};
-declare const ButtonActionsContext: react.Context<ButtonActionsContextType>;
-
-type PopupPropsType = {
-    id: string;
-    config: {
-        styles?: AnyObject$1;
-        size?: 'large' | 'medium';
-        withCloseIcon?: boolean;
-    };
-    content: {
-        embedded?: (ContainerComponentProps$2 | Molecule$1)[];
-        isi?: ContainerComponentProps$2 | Molecule$1;
-    };
-};
-type ButtonActionsProviderProps = PropsWithChildren<Partial<{
-    actionContent: ContainerComponentProps$2;
-    setActionContent: Dispatch<SetStateAction<ContainerComponentProps$2>>;
-    isModalVisible: boolean;
-    setDrawerVisible: Dispatch<SetStateAction<boolean>>;
-    isDrawerVisible: boolean;
-    setActivePopUpById: (id: string) => void;
-    onCloseModal: (id: string) => void;
-    popupProps?: PopupPropsType[];
-}>>;
-declare const ButtonActionsProvider: ({ children, popupProps }: ButtonActionsProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare const useButtonActionsContext: () => ButtonActionsContextType;
-
-type StepItem = ContainerComponentProps$2 | Molecule$1;
-type GroupedStepItemsByStepContainer = Map<string, StepItem[]>;
-
-type ConfigurationItem = {
-    entity: 'container' | 'molecule' | 'molecule_item';
-    entityId: string;
-    organismId: string;
-    entityName?: string;
-    entityType: ContainerType$1 | MoleculeTypes$1 | MoleculeItemTypes$2;
-    organismLibraryMoleculeId?: string;
-};
-type OrganismContextProviderProps = react__default.PropsWithChildren<{
-    organismId: string;
-} & Partial<{
-    formId: string;
-    editable: boolean;
-    isPreview: boolean;
-    initItems: (ContainerComponentProps$2 | Molecule$1)[];
-    localStateObject: StateConfigType$1 | null;
-    validations: PasswordRuleValidation$1[];
-    submitHandler: (data: {
-        formId: string;
-        data: AnyObject$1;
-    }) => Promise<void>;
-    organismBodyId: string;
-    isFormInEditMode: boolean;
-    organismMetadata: AnyObject$1;
-    isConfigurationMode: boolean;
-    onConfigurationItemHandler: (itemInfo: ConfigurationItem, doubleClick: boolean) => void;
-    selectedConfigurationItemId: string;
-    currentStyleProperties: Record<string, string>;
-    currentContentProperties: Record<string, string>;
-    onInternalNavigation: (internalLink: string) => void;
-}>>;
-declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, organismId, validations, editable, isPreview, organismBodyId, isFormInEditMode, organismMetadata, localStateObject, isConfigurationMode, onConfigurationItemHandler, selectedConfigurationItemId, currentStyleProperties, currentContentProperties, onInternalNavigation, }: OrganismContextProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type OrganismContextType = {
-    items: (ContainerComponentProps$2 | Molecule$1)[];
-    groupStepItemsByStepContainer: () => GroupedStepItemsByStepContainer;
-    dateFields: {
-        id: string;
-        dateType: string;
-    }[];
-    setDateFields: Dispatch<SetStateAction<{
-        id: string;
-        dateType: string;
-    }[]>>;
-    formId?: string;
-    isPreview?: boolean;
-    submitHandler?: (data: {
-        formId: string;
-        data: AnyObject$1;
-    }) => Promise<void>;
-    validations?: PasswordRuleValidation$2[];
-    editable?: boolean;
-    organismBodyId?: string;
-    isFormInEditMode?: boolean;
-    isConfigurationMode?: boolean;
-    localStateObject?: StateConfigType$1 | null;
-    organismMetadata?: MetadataType$1;
-    onConfigurationItemClicked: (itemInfo: Omit<ConfigurationItem, 'organismId'>, doubleClick: boolean) => void;
-    selectedConfigurationItemId?: string;
-    currentStyleProperties: Record<string, string>;
-    currentContentProperties: Record<string, string>;
-    onInternalNavigation: (internalLink: string) => void;
-};
-declare const OrganismContext: react.Context<OrganismContextType>;
-
-declare const useOrganismContext: () => OrganismContextType;
-
-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;
-}>>;
-
-type AccountButtonProviderProps = PropsWithChildren<Partial<{
-    userInitials: string;
-    logOutHandler: Callback$1;
-    goToAccountInfo: Callback$1;
-    username: string;
-}>>;
-declare const AccountButtonProvider: ({ children, goToAccountInfo, userInitials, logOutHandler, username, }: AccountButtonProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare const useAccountButtonContext: () => Partial<{
-    userInitials: string;
-    logOutHandler: Callback;
-    goToAccountInfo: Callback;
-    username: string;
-}>;
-
-type StateContextType = {
-    stateConfig: StateConfigType$1;
-    stateHandler?: (updatedStateConfig: StateConfigType$1) => void;
-    authenticated: boolean;
-};
-declare const StateContext: react.Context<StateContextType>;
-
-type StateContextProviderProps = PropsWithChildren<{
-    initStateConfig: StateConfigType$1;
-    stateHandler?: (updatedStateConfig: StateConfigType$1) => void;
-    authenticated: boolean;
-}>;
-declare const StateContextProvider: ({ initStateConfig, children, stateHandler, authenticated, }: StateContextProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare const useStateContext: () => StateContextType;
-
-type FormStepContextType = {
-    steps: number;
-    currentStep: number;
-    goToNextStep: () => void;
-    goToPrevStep: () => void;
-    reset: () => void;
-    canGoToNextStep: boolean;
-    canGoToPrevStep: boolean;
-    setStep: Dispatch<SetStateAction<number>>;
-    setInitSteps: Dispatch<SetStateAction<number>>;
-};
-declare const FormStepContext: react.Context<FormStepContextType>;
-
-type FormStepContextProviderProps = PropsWithChildren<{
-    initialStepsCount?: number;
-}>;
-declare const FormStepContextProvider: ({ initialStepsCount, children, }: FormStepContextProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare const useFormStepContext: () => FormStepContextType;
-
-interface Option {
-    id: string;
-    label: string;
-}
-interface ApiInterface {
-    pickList: {
-        get(dataModelFieldId?: string): Promise<ResponseDTO<Option[]>>;
-    };
-    calendar?: {
-        createEvent: (event: CalendarEventType) => Promise<CalendarEventType | void>;
-        updateEvent: (event: CalendarEventType) => Promise<CalendarEventType | void>;
-        deleteEvent: (eventId: string) => Promise<void>;
-        getEvents: (start: Date, end: Date) => Promise<CalendarEventType[]>;
-    };
-}
-declare const ApiContext: react.Context<ApiInterface>;
-
-declare const ApiProvider: ({ api, children }: {
-    api: ApiInterface;
-    children: ReactNode;
-}) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare const useApi: () => ApiInterface;
-
-interface DrawerState {
-    width: number;
-    position: 'left' | 'right' | 'top' | 'bottom';
-    isOpen: boolean;
-    positionType?: 'absolute' | 'normal';
-}
-interface LayoutContextType {
-    drawer: DrawerState;
-    updateDrawer: (props: Partial<DrawerState>) => void;
-    drawerContainerRef?: Element | null;
-    setDrawerContainerRef?: (ref: Element | null) => void;
-    headerHeight?: string;
-    setHeaderHeight?: (height: string) => void;
-    isMobile?: boolean;
-    isMLR?: boolean;
-}
-declare const LayoutContext: react.Context<LayoutContextType>;
-
-interface LayoutProviderProps extends PropsWithChildren {
-    layoutPosition?: 'normal' | 'absolute';
-    headerHeight?: string;
-    drawerMaxWidthPercent?: number;
-    isMLR?: boolean;
-    isMobile?: boolean;
-}
-declare const LayoutProvider: react__default.FC<LayoutProviderProps>;
-
-declare const useLayoutContext: () => LayoutContextType;
-
-interface AlertMoleculeProps {
-    dismissible?: boolean;
-    width?: string;
-    height?: string;
-    backgroundColor?: string;
-    icon?: IconRendererProps$1['iconName'];
-    iconColor?: string;
-    text?: string;
-    subText?: string;
-    textAlign?: TypographyProps['textAlign'];
-    color?: string;
-    wrap?: boolean;
-    fontSize?: number | string;
-    fontFamily?: TypographyProps['fontFamily'];
-    fontWeight?: number | string;
-    subTextAlign?: TypographyProps['textAlign'];
-    subTextWrap?: boolean;
-    subTextColor?: string;
-    subTextFontSize?: number | string;
-    subTextFontFamily?: TypographyProps['fontFamily'];
-    subTextFontWeight?: number | string;
-    marginLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    paddingLeft?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-}
-declare const AlertMolecule: react__default.FC<AlertMoleculeProps>;
-
-interface BadgeMoleculeProps extends Omit<BadgeProps, 'color'> {
-    iconColor?: string;
-    color?: string;
-    icon?: string;
-    badgeVariant?: BadgeProps['variant'];
-    marginLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    paddingLeft?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    configurationItemInfo?: Record<string, unknown>;
-}
-declare const BadgeMolecule: react__default.FC<BadgeMoleculeProps>;
-
-interface BasicTextFieldProps extends TextFieldProps {
-    required?: boolean;
-    requiredErrorText?: string;
-    validationErrorText?: string;
-    backgroundColor?: string;
-    textAlign?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
-    color?: string;
-    fontSize?: number | string;
-    fontFamily?: string;
-    fontWeight?: 'normal' | 'bold';
-    inputType?: InputHTMLAttributes<unknown>['type'];
-    borderColor?: string;
-    masked?: boolean;
-    multiLine?: boolean;
-    marginLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    paddingLeft?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    width?: string;
-    height?: string;
-    minHeight?: string;
-    maxHeight?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    text?: string;
-    placeholderText?: string;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-    name: string;
-    rules?: Omit<RegisterOptions<FieldValues, string>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;
-    sourceDataModelField?: string;
-    isDisplayOnly?: boolean;
-}
-declare const BasicTextField: react__default.FC<BasicTextFieldProps>;
-
-interface ButtonProps extends ButtonProps$2 {
-    gap?: number | string;
-    moleculeId?: string;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-    borderRadius?: string | number;
-    endIcon?: IconRendererProps$1['iconName'];
-    startIcon?: IconRendererProps$1['iconName'];
-    text: string;
-    link?: string;
-    wrapText?: boolean;
-    marginTop: string;
-    marginRight: string;
-    marginBottom: string;
-    marginLeft: string;
-    paddingTop: string;
-    paddingRight: string;
-    paddingBottom: string;
-    paddingLeft: string;
-    iconOnly?: boolean;
-    elevation?: number;
-    fillColor?: string;
-    fillColorDisabled?: string;
-    fillColorHover?: string;
-    fillColorPressed?: string;
-    borderColor?: string;
-    borderColorDisabled?: string;
-    borderColorHover?: string;
-    borderColorPressed?: string;
-    textColor?: string;
-    textColorDisabled?: string;
-    textColorHover?: string;
-    textColorPressed?: string;
-    fontSize?: number | string;
-    fontWeight?: 'normal' | 'bold';
-    fontFamily?: TypographyProps['fontFamily'];
-    textAlign?: TypographyProps['textAlign'];
-    height?: string;
-    width?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    minHeight?: string;
-    maxHeight?: string;
-}
-/**
- * We use `forwardRef` so that the ref passed from parent Component (Menu)
- * will correctly point to the underlying <MuiButton> element.
- */
-declare const Button: react.ForwardRefExoticComponent<Pick<ButtonProps, "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "textAlign" | "translate" | "width" | "borderColor" | "borderRadius" | "gap" | "action" | "className" | "style" | "classes" | "children" | "elevation" | "sx" | "variant" | "form" | "link" | "slot" | "title" | "text" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "value" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "textColor" | "iconOnly" | "configurationItemInfo" | "moleculeId" | "wrapText" | "fillColor" | "fillColorDisabled" | "fillColorHover" | "fillColorPressed" | "borderColorDisabled" | "borderColorHover" | "borderColorPressed" | "textColorDisabled" | "textColorHover" | "textColorPressed"> & react.RefAttributes<HTMLButtonElement>>;
-
-type ChecklistItemType = {
-    id: string;
-    type: 'checklist_item';
-    label: string;
-    textColor?: string;
-    fontSize?: string;
-    fontFamily?: string;
-    fontWeight?: string;
-    textAlign?: 'left' | 'center' | 'right' | 'justify';
-    interacted?: 'checked' | 'unchecked';
-    disabled?: boolean;
-    isSystemDriven?: boolean;
-    iconName?: string;
-    iconColor?: string;
-    checkedIconName?: string;
-    checkedIconColor?: string;
-};
-type DividerItemType = {
-    id: string;
-    type: 'divider_item';
-    orientation?: 'horizontal' | 'vertical';
-    variant?: 'fullWidth' | 'inset' | 'middle';
-    color?: string;
-    thickness?: string;
-};
-type TextItemType = {
-    id: string;
-    type: 'text_item';
-    text: string;
-    textColor?: string;
-    fontSize?: string;
-    fontFamily?: string;
-    fontWeight?: string;
-    textAlign?: 'left' | 'center' | 'right' | 'justify';
-};
-type RichTextItemType = {
-    id: string;
-    type: 'rich_text_item';
-    text: string;
-    textColor?: string;
-    fontSize?: string;
-    fontFamily?: string;
-    fontWeight?: string;
-    textAlign?: 'left' | 'center' | 'right' | 'justify';
-};
-type ChecklistItem = ChecklistItemType | DividerItemType | TextItemType | RichTextItemType;
-type ChecklistProps = FormGroupProps & {
-    gap?: string;
-    moleculeId?: string;
-    items: ChecklistItem[];
-    iconSize?: 'small' | 'medium' | 'large';
-    labelPlacement?: 'start' | 'end' | 'top' | 'bottom';
-    width?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    paddingLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    marginLeft?: string;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-};
-declare const Checklist: FC<ChecklistProps>;
-
-interface ChipMoleculeProps {
-    text: string;
-    variant?: 'outlined' | 'filled';
-    icon?: string;
-    backgroundColor?: string;
-    borderColor?: string;
-    borderWeight?: string;
-    size?: 'small' | 'medium';
-    textAlign?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
-    textColor?: string;
-    wrap?: boolean;
-    fontSize?: number | string;
-    fontFamily?: TypographyProps['fontFamily'];
-    fontWeight?: 'normal' | 'bold';
-    marginLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    paddingLeft?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    configurationItemInfo?: Record<string, unknown>;
-}
-declare const ChipMolecule: react__default.FC<ChipMoleculeProps>;
-
-type ConsentMoleculeProps = BoxProps & {
-    properties: ConsentFieldMoleculeType$1['properties'];
-    htmlElementId: string;
-    isOnClickDisabled?: boolean;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    paddingLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    marginLeft?: string;
-    width?: string | number;
-    height?: string | number;
-    minHeight?: string;
-    maxHeight?: string;
-    minWidth?: string;
-    maxWidth?: string;
-};
-declare const ConsentMolecule: ({ properties, htmlElementId, configurationItemInfo, paddingTop, paddingRight, paddingBottom, paddingLeft, marginTop, marginRight, marginBottom, marginLeft, width, height, minHeight, maxHeight, minWidth, maxWidth, sx, ...rest }: ConsentMoleculeProps) => _emotion_react_jsx_runtime.JSX.Element | null;
-
-type CustomValidationRule<T = string> = {
-    text: string;
-    validate: (value?: T) => boolean;
-};
-type CustomValidationProps<T = string> = {
-    label?: string;
-    value: T;
-    isSubmitted?: boolean;
-    rules: CustomValidationRule<T>[];
-    spacer?: number;
-    validationState?: FormStateType$1;
-};
-declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, spacer, validationState, }: CustomValidationProps<T>) => _emotion_react_jsx_runtime.JSX.Element;
-
-interface DatePickerMoleculeProps extends Omit<DatePickerProps<Date>, 'minDate' | 'maxDate'> {
-    required?: boolean;
-    placeholderText?: string;
-    requiredErrorText?: string;
-    validationErrorText?: string;
-    moleculeId?: string;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-    text: string;
-    borderColor?: string;
-    fontSize?: string | number;
-    fontFamily?: string;
-    fontWeight?: string | number;
-    textColor?: string;
-    iconColor?: string;
-    minDate?: string;
-    maxDate?: string;
-    backgroundColor?: string;
-    marginLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    paddingLeft?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    width?: string;
-    height?: string;
-    minHeight?: string;
-    maxHeight?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    name: string;
-    sourceDataModelField?: string;
-    isDisplayOnly?: boolean;
-    displayFormat?: string;
-}
-declare const DatePickerMolecule: react__default.FC<DatePickerMoleculeProps>;
-
-declare const Drawer: react__default.FC<DrawerProps>;
-
-type IconRendererProps = {
-    iconName?: string;
-    size?: number | string;
-    color?: string;
-    borderRadius?: number | string;
-    backgroundColor?: string;
-} & react__default.SVGProps<SVGSVGElement>;
-declare const IconRenderer: react__default.ForwardRefExoticComponent<Pick<IconRendererProps, "string" | "backgroundColor" | "clipPath" | "color" | "cursor" | "direction" | "display" | "filter" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "height" | "imageRendering" | "letterSpacing" | "opacity" | "order" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "width" | "wordSpacing" | "writingMode" | "borderRadius" | "mask" | "offset" | "overflow" | "textDecoration" | "azimuth" | "clip" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "spacing" | "mode" | "values" | "className" | "style" | "children" | "elevation" | "path" | "key" | "id" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "max" | "in" | "name" | "type" | "href" | "size" | "orientation" | "media" | "target" | "min" | "viewBox" | "method" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "ideographic" | "in2" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "local" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "numOctaves" | "operator" | "orient" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan" | "iconName"> & react__default.RefAttributes<SVGSVGElement>>;
-
-type LinkTypes = 'internalLink' | 'internal_link' | 'externalLink' | 'external_link';
-interface LinkProps {
-    src: string | undefined;
-    text: string;
-    type?: LinkTypes;
-    color?: string;
-    disabled?: boolean;
-    disabledColor?: string;
-    underline?: 'none' | 'always' | 'hover';
-    variant?: TypographyProps['variant'];
-    margin?: string;
-    padding?: string;
-    moleculeId?: string;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-    metadata?: MetadataType$1;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    marginLeft?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    paddingLeft?: string;
-    fontFamily?: string;
-    fontWeight?: string;
-    fontSize?: string;
-    align?: TypographyProps['align'];
-}
-declare const Link: FC<LinkProps>;
-
-type SetPasswordRuleValidation = {
-    label: string;
-    rule: MaxRuleValidation | MinRuleValidation;
-};
-type CountValidationTypes = 'COUNT' | 'CAPITAL_COUNT' | 'NUMBER_COUNT' | 'SPECIAL_CHARACTERS_COUNT' | 'LOWER_CASE_COUNT';
-type MaxRuleValidation = {
-    MAX: number;
-    type: CountValidationTypes;
-};
-type MinRuleValidation = {
-    MIN: number;
-    type: CountValidationTypes;
-};
-type PasswordRuleValidation = {
-    label: string;
-    rule: MaxRuleValidation | MinRuleValidation;
-};
-type PasswordFields = {
-    password: {
-        value: string;
-    };
-    reenteredPassword?: {
-        value?: string;
-    };
-};
-
-type PasswordSetupProps = BoxProps & {
-    gap: string;
-    inputProps: Omit<BasicTextFieldProps$1, 'name'>;
-    validations: PasswordRuleValidation[];
-    htmlElementId: string;
-    validationState: FormStateType$1;
-    overridesProperties: PasswordSetupMoleculeType$1['properties'];
-    configurationItemInfo: ConfigurationItemInfo$1;
-    width?: string;
-    height?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    minHeight?: string;
-    maxHeight?: string;
-    marginLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-};
-declare const PasswordSetup: ({ gap, inputProps, validations, htmlElementId, validationState, overridesProperties, configurationItemInfo, width, height, minWidth, maxWidth, minHeight, maxHeight, marginLeft, marginTop, marginRight, marginBottom, sx, ...rest }: PasswordSetupProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare const passwordValidationMapper: (validation: SetPasswordRuleValidation) => CustomValidationRule$1;
-
-type PdfDocumentProps = {
-    source: string;
-    isMobile?: boolean;
-    customDocumentStyles?: Partial<{
-        wrapperBackgroundColor: ThemeColors$1 | string;
-        pageNumberColor: ThemeColors$1 | string;
-        pageWidth: number;
-        pageHeight: number;
-        paginationArrowColor: ThemeColors$1 | string;
-        disabledPaginationArrowColor: ThemeColors$1 | string;
-    }>;
-};
-declare const PdfDocument: ({ source, isMobile, customDocumentStyles, }: PdfDocumentProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-interface RatingMoleculeProps extends Omit<RatingProps, 'onChange'> {
-    text: string;
-    name: string;
-    isDisplayOnly?: boolean;
-    required?: boolean;
-    requiredErrorText?: string;
-    validationErrorText?: string;
-    placeholderText?: string;
-    hoverFeedback?: boolean;
-    sourceDataModelField?: string;
-    textAlign?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
-    color?: string;
-    textColor?: string;
-    selectColor?: string;
-    fontSize?: number | string;
-    fontFamily?: string;
-    fontWeight?: 'normal' | 'bold' | number;
-    marginLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    paddingLeft?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    width?: string;
-    height?: string;
-    minHeight?: string;
-    maxHeight?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    placement?: 'right' | 'left';
-    configurationItemInfo?: Record<string, unknown>;
-    disabled?: boolean;
-    maxValue?: number;
-    ratingPrecision?: number;
-}
-declare const RatingMolecule: react__default.FC<RatingMoleculeProps>;
-
-type TextProps = Partial<{
-    text: string;
-    isRichText: boolean;
-    paddingTop: string;
-    paddingRight: string;
-    paddingBottom: string;
-    paddingLeft: string;
-    marginTop: string;
-    marginRight: string;
-    marginBottom: string;
-    marginLeft: string;
-    htmlElementId: string;
-    configurationItemInfo: ConfigurationItemInfo$1;
-} & Omit<TypographyProps, 'text'> & Omit<BoxProps, 'text'>>;
-declare const TextMolecule: FC<TextProps>;
-
-interface SelectMoleculeOption {
-    id: string;
-    label: string;
-    value?: string;
-}
-interface SelectMoleculeProps {
-    open?: boolean;
-    text: string;
-    placeholderText?: string;
-    required?: boolean;
-    requiredErrorText?: string;
-    validationErrorText?: string;
-    isDisplayOnly?: boolean;
-    fontSize?: number | string;
-    fontFamily?: TypographyProps['fontFamily'];
-    fontWeight?: 'normal' | 'bold' | number;
-    textColor?: string;
-    textAlign?: TypographyProps['textAlign'];
-    borderColor?: string;
-    color?: string;
-    backgroundColor?: string;
-    marginLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    paddingLeft?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    width?: string;
-    height?: string;
-    minHeight?: string;
-    maxHeight?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-    name: string;
-    sourceDataModelField?: string;
-}
-declare const SelectMolecule: react__default.FC<SelectMoleculeProps>;
-
-interface SliderMoleculeProps extends Omit<SliderProps$1, 'onChange'> {
-    text?: string;
-    name?: string;
-    isDisplayOnly?: boolean;
-    required?: boolean;
-    requiredErrorText?: string;
-    validationErrorText?: string;
-    placeholderText?: string;
-    startIcon?: string;
-    endIcon?: string;
-    borderColor?: string;
-    selectLineColor?: string;
-    lineWeight?: number;
-    orientation?: 'horizontal' | 'vertical';
-    textColor?: string;
-    fontSize?: number | string;
-    fontFamily?: string;
-    fontWeight?: 'normal' | 'bold' | number;
-    valueFormat?: string;
-    valueDisplay?: 'on' | 'off' | 'auto';
-    iconSize?: string;
-    selectColor?: string;
-    iconColor?: string;
-    minValue?: number;
-    maxValue?: number;
-    step?: number;
-    labelPlacement?: 'top' | 'bottom';
-    marginLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    paddingLeft?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    width?: string;
-    height?: string;
-    minHeight?: string;
-    maxHeight?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-    sourceDataModelField?: string;
-}
-declare const SliderMolecule: react__default.FC<SliderMoleculeProps>;
-
-type StepperOrientation = 'horizontal' | 'vertical';
-type CustomStep = {
-    id: string;
-    title: string;
-    subText?: string;
-    iconName?: string;
-    fontSize?: string;
-    fontWeight?: string | number;
-    fontFamily?: string;
-    color?: string;
-    subTextColor?: string;
-    subTextFontSize?: string;
-    subTextFontWeight?: string | number;
-    subTextFontFamily?: string;
-    borderRadius?: string;
-    iconColor?: string;
-    iconBorderRadius?: number;
-    iconBackgroundColor?: string;
-};
-type StepperProps = StepperProps$2 & {
-    items: CustomStep[];
-    gap?: string;
-    stepGap?: string;
-    iconSize?: string;
-    isMobile?: boolean;
-    orientation?: StepperOrientation;
-    activeStep?: number;
-    lineColor?: string;
-    lineWidth?: string;
-    lineRadius?: string;
-    moleculeId?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    marginLeft?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    paddingLeft?: string;
-    borderRadius?: string;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-    backgroundColor?: string;
-};
-declare const Stepper: FC<StepperProps>;
-
-interface SwitchMoleculeProps extends Omit<SwitchProps, 'onChange'> {
-    /** If true, switch is shown but disabled, with a text next to it that indicates ON/OFF. */
-    isDisplayOnly?: boolean;
-    /** If true, we rely on MUI FormControl to show the required asterisk. */
-    required?: boolean;
-    requiredErrorText?: string;
-    validationErrorText?: string;
-    text?: string;
-    thumbColor?: string;
-    thumbCheckedColor?: string;
-    trackColor?: string;
-    disabledThumbColor?: string;
-    /** MUI FormControl label placement with a real label. We'll show the label above by default. */
-    labelPlacement?: 'top' | 'bottom';
-    /** Additional MUI styling props if needed */
-    marginLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    paddingLeft?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    width?: string;
-    height?: string;
-    minHeight?: string;
-    maxHeight?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    /** For hooking up with react-hook-form */
-    name: string;
-    sourceDataModelField?: string;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-}
-declare const SwitchMolecule: react__default.FC<SwitchMoleculeProps>;
-
-interface TimePickerMoleculeProps extends Omit<TimePickerProps<Date>, 'name'> {
-    name: string;
-    text?: string;
-    isDisplayOnly?: boolean;
-    sourceDataModelField?: string;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-    placeholderText?: string;
-    displayFormat?: string;
-    required?: boolean;
-    requiredErrorText?: string;
-    validationErrorText?: string;
-    sx?: SystemStyleObject<Theme$1>;
-}
-declare const TimePickerMolecule: react__default.FC<TimePickerMoleculeProps>;
-
-interface VideoProps {
-    src: string;
-    poster?: string;
-    controls?: boolean;
-    loop?: boolean;
-    autoplay?: boolean;
-    raised?: boolean;
-    alt?: string;
-    height?: string | number;
-    width?: string | number;
-    borderRadius?: string | number;
-    margin?: number | string;
-    padding?: number | string;
-    moleculeId?: string;
-    enableCoverImage?: boolean;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-    metadata?: MetadataType$1;
-    marginTop: string;
-    marginRight: string;
-    marginBottom: string;
-    marginLeft: string;
-    paddingTop: string;
-    paddingRight: string;
-    paddingBottom: string;
-    paddingLeft: string;
-}
-declare const Video: react__default.FC<VideoProps>;
-
-type ZealUIModalProps = PropsWithChildren<Pick<ModalProps, 'open'>> & {
-    padding?: number | string;
-    wrapperStyles?: CSSProperties;
-    onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
-    modalStyles?: CSSProperties;
-    size?: string;
-    popupId: string;
-    onClose: () => void;
-    withCloseIcon?: boolean;
-};
-declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, withCloseIcon, ...rest }: ZealUIModalProps) => _emotion_react_jsx_runtime.JSX.Element;
-declare const ModalWrapper: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme | undefined;
-    as?: react__default.ElementType<any> | undefined;
-} & OverrideStyles, react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare const IconWrapper: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme | undefined;
-    as?: react__default.ElementType<any> | undefined;
-} & {
-    activeOpacity?: number | undefined;
-    withoutOpacityEffect?: boolean | undefined;
-    disabled?: boolean | undefined;
-} & {
-    children?: react__default.ReactNode;
-} & react__default.ClassAttributes<HTMLDivElement> & react__default.HTMLAttributes<HTMLDivElement> & {
-    theme?: _emotion_react.Theme | undefined;
-}, {}, {}>;
-
-type BinaryRadioButtonsProps = {
-    moleculeId?: string;
-    name: string;
-    confirmText?: string;
-    rejectText?: string;
-    confirmTextColor?: string;
-    confirmIconName?: string;
-    confirmSelectedIconName?: string;
-    confirmIconColor?: string;
-    confirmSelectedIconColor?: string;
-    rejectIconName?: string;
-    rejectSelectedIconName?: string;
-    rejectTextColor?: string;
-    rejectIconColor?: string;
-    rejectSelectedIconColor?: string;
-    width?: string;
-    height?: string;
-    fontSize?: string;
-    fontFamily?: string;
-    fontWeight?: string;
-    textAlign?: 'left' | 'center' | 'right' | 'justify';
-    disabled?: boolean;
-    required?: boolean;
-    requiredErrorText?: string;
-    validationErrorText?: string;
-    iconSize?: 'small' | 'medium' | 'large';
-    labelPlacement?: 'start' | 'end' | 'top' | 'bottom';
-    layout?: 'row' | 'column';
-    gap?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    paddingLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    marginLeft?: string;
-    minHeight?: string;
-    maxHeight?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    borderStyle?: string;
-    borderWidth?: string;
-    borderColor?: string;
-    borderRadius?: string;
-    backgroundColor?: string;
-    sourceDataModelField?: string;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-    isDisplayOnly?: boolean;
-};
-declare const BinaryRadioButtons: FC<BinaryRadioButtonsProps>;
-
-type CheckboxProps = {
-    moleculeId?: string;
-    name: string;
-    label?: string;
-    textColor?: string;
-    fontSize?: string;
-    fontFamily?: string;
-    fontWeight?: string;
-    textAlign?: 'left' | 'center' | 'right' | 'justify';
-    disabled?: boolean;
-    required?: boolean;
-    requiredErrorText?: string;
-    validationErrorText?: string;
-    width?: string;
-    height?: string;
-    iconName?: string;
-    iconColor?: string;
-    checkedIconName?: string;
-    checkedIconColor?: string;
-    iconSize?: 'small' | 'medium' | 'large';
-    labelPlacement?: 'start' | 'end' | 'top' | 'bottom';
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    paddingLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    marginLeft?: string;
-    sourceDataModelField?: string;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-    isDisplayOnly?: boolean;
-    minHeight?: string;
-    maxHeight?: string;
-    minWidth?: string;
-    maxWidth?: string;
-};
-declare const Checkbox: FC<CheckboxProps>;
-
-interface ContentWrapperProps {
-    children: react__default.ReactNode;
-    className?: string;
-    marginTop?: string;
-    marginLeft?: string;
-    marginRight?: string;
-}
-declare const ContentWrapper: react__default.FC<ContentWrapperProps>;
-
-declare const SpeedDial: react__default.FC<SpeedDialProps>;
-
-type OrganismProps = {
-    organism: OrganismDTO;
-};
-declare const Organism: ({ organism }: OrganismProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare const defaultTheme: Theme;
-
-declare const ZealThemeProvider: (props: PropsWithChildren<{
-    theme?: Theme;
-}>) => _emotion_react_jsx_runtime.JSX.Element;
-
-type ThemeColors = 'primary' | 'primaryTint' | 'primaryShade' | 'secondary' | 'secondaryTint' | 'secondaryShade' | 'pink' | 'pinkTint' | 'pinkShade' | 'orange' | 'orangeTint' | 'orangeShade' | 'purple' | 'purpleTint' | 'purpleShade' | 'indigo' | 'indigoTint1' | 'indigoTint2' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'green' | 'greenTint' | 'greenShade' | 'yellow' | 'yellowTint' | 'yellowShade' | 'red' | 'redTint' | 'redShade' | 'black' | 'white' | 'blue' | 'blueTint' | 'blueShade' | 'deepBlue' | 'background';
-type SizesTypes = '5XL' | '4XL' | '3XL' | '2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
-type FontSizesTypes = Exclude<SizesTypes, '5XL' | '4XL'>;
-type BreakpointSizesTypes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type FontWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
-type ThemeColorsType = Record<ThemeColors, string>;
-type ThemeTextType = Record<FontSizesTypes, {
-    'font-weight': string;
-    'font-size': number;
-    'line-height': number;
-}>;
-type ThemeSizesType = Record<SizesTypes, number>;
-type ThemeDevicesType = Record<BreakpointSizesTypes, string>;
-type ZealTheme = {
-    colors: ThemeColorsType;
-    fonts: Record<FontSizesTypes, number>;
-    sizes: ThemeSizesType;
-    devices: ThemeDevicesType;
-};
-
-declare const toastStyles: _emotion_react.SerializedStyles;
-
-declare const useMediaQuery: (breakpointSize: BreakpointSizesTypes$1) => boolean;
-
-export { AccordionMoleculeType, AccountButtonContext, AccountButtonContextType, AccountButtonProvider, AccountButtonProviderProps, ActionEventType, ActionProperties, ActionType, ActionTypes, AdditionalContainerProps, AlertMolecule, AlertMoleculeProps, AlertMoleculeType, AnnotationsList, ApiContext, ApiInterface, ApiProvider, AvatarMoleculeType, BackgroundImage, BadgeMolecule, BadgeMoleculeProps, BadgeMoleculeType, BaseMolecule, BaseMoleculeType, BaseSpeedDialItem, BaseStateValue, BaseTextButton, BasicTextField, BasicTextFieldMoleculeType, BasicTextFieldProps, BinaryRadioButtons, BinaryRadioButtonsMoleculeType, BinaryRadioButtonsProps, BooleanProperties, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMoleculeType, ButtonProps, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CalendarMoleculeType, Checkbox, CheckboxMoleculeType, CheckboxProps, Checklist, ChecklistItem, ChecklistItemType, ChecklistProperties, ChecklistProps, ChecklistsMoleculeType, ChipMolecule, ChipMoleculeProps, ChipMoleculeType, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorProperties, ConditionConfig, ConditionConfigProperties, ConditionCriteria, ConfigurationItem, ConfigurationItemInfo, ConsentFieldMoleculeType, ConsentMolecule, ConsentType, Container, ContainerAlignItemsType, ContainerComponentProps, ContainerConfig, ContainerPositionType, ContainerProperties, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, ContentWrapper, ContentWrapperProps, CountValidationTypes, CriteriaType, CurrencyInputFieldMoleculeType, CustomStep, CustomValidation, CustomValidationProps, CustomValidationRule, DataCaptureProperties, DataConnectionValues, DataModelFieldFormat, DataModelFieldFormatCodeTypes, DataModelFieldFormatValueTypes, DatePickerMolecule, DatePickerMoleculeProps, DatePickerMoleculeType, Divider, DividerItemType, DividerMoleculeType, DividerProps, DownloadFile, Drawer, DrawerMoleculeType, DrawerState, EmailInputFieldMoleculeType, ErrorText, FontSizesTypes, FontWeight, FormContainerProps, FormDataStateConfig, FormOrganismItem, FormStateType, FormStepContainerProps, FormStepContext, FormStepContextProvider, FormStepContextProviderProps, FormStepContextType, HorizontalButtons, HorizontalButtonsProps, HorizontalPadding, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconRenderer, IconRendererProps, IconWrapper, Image, ImageMoleculeType, ImageProperties, ImageProps, Input, InputFieldInternalConfigProps, InputIconProps, InputProps, LayoutContext, LayoutContextType, LayoutProvider, LayoutProviderProps, Link, LinkMoleculeType, LinkProperties, LinkProps, LinkTypes, LinkVariant, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MaxRuleValidation, MenuMoleculeType, MetadataStateConfig, MetadataType, MinRuleValidation, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeItemTypes, MoleculeTypes, NumericInputFieldMoleculeType, ObjectStateProperties, Option, Organism, OrganismContext, OrganismContextProvider, OrganismContextProviderProps, OrganismContextType, OrganismItem, Padding, PaddingProps, PaddingVariants, PasswordFields, PasswordRuleValidation, PasswordSetup, PasswordSetupMoleculeType, PasswordSetupProps, PdfDocument, PdfDocumentProps, PhoneNumberInputFieldMoleculeType, PopupPropsType, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RatingMolecule, RatingMoleculeProps, RatingMoleculeType, RegularImage, RegularImageProps, RichTextEditorProps, RichTextItemType, RichTextViewer, SegmentationType, Select, SelectInternalConfigurationOptions, SelectMolecule, SelectMoleculeOption, SelectMoleculeProps, SelectMoleculeType, SelectOption, SelectProps, SeoTags, SetPasswordRuleValidation, SimpleTextMoleculeType, SizesTypes, SliderMolecule, SliderMoleculeProps, SliderMoleculeType, SliderProps, Spacer, SpacerProps, SpeedDial, SpeedDialActionItemProps, SpeedDialActionItemType, SpeedDialItem, SpeedDialItemType, SpeedDialMoleculeType, SpeedDialProps, Spinner, StateActionType, StateConfigType, StateContext, StateContextProvider, StateContextProviderProps, StateContextType, StateEventType, StateListenerConfigType, StateModifierConfigType, StateProperties, Stepper, StepperMoleculeType, StepperOrientation, StepperProps, StyleWrapper, SwitchMolecule, SwitchMoleculeProps, SwitchMoleculeType, TabsMoleculeType, TextAlign, TextButton, TextButtonProps, TextElementProps, TextItemType, TextMolecule, TextMoleculeType, TextProperties, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, TimePickerMolecule, TimePickerMoleculeProps, TimePickerMoleculeType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoMoleculeType, VideoProperties, VideoProps, VisitMoleculeProps, VisitMoleculeType, WrappedContainerType, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, defaultTheme, passwordValidationMapper, richTextDefaultValue, toast, toastStyles, useAccountButtonContext, useApi, useButtonActionsContext, useFormStepContext, useLayoutContext, useMediaQuery, useMlrRichTextViewerContext, useOrganismContext, useStateContext };