@zealicsolutions/web-ui 1.0.91 → 1.0.92

package/dist/index.d.ts

@@ -0,0 +1,3031 @@
+/// <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 };