@zealicsolutions/web-ui 1.0.44-beta-13 → 1.0.44-beta-14

package/dist/index.d.ts

@@ -1,2609 +0,0 @@
-/// <reference types="react" />
-import * as _emotion_styled from '@emotion/styled';
-import * as react from 'react';
-import react__default, { PropsWithChildren, FC, Dispatch, SetStateAction, ReactNode, CSSProperties, KeyboardEvent, InputHTMLAttributes, MouseEvent } from 'react';
-import * as _emotion_react from '@emotion/react';
-import { CSSObject, Theme, Interpolation } from '@emotion/react';
-import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
-import { ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$1, FontSizesTypes as FontSizesTypes$2 } from 'theme';
-import { StylesType, AnyObject as AnyObject$1, Callback as Callback$1, OverrideStyles, StyledTransientProps, ResponseDTO, Nullable, StrictUnion } from 'typescript';
-import { RefCallBack } from 'react-hook-form/dist/types';
-import { DataModelFieldFormatCodeTypes as DataModelFieldFormatCodeTypes$1, FormStateType as FormStateType$1, ConfigurationItemInfo as ConfigurationItemInfo$1, ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1, ContainerType as ContainerType$1, MoleculeTypes as MoleculeTypes$1, MoleculeItemTypes as MoleculeItemTypes$2, StateConfigType as StateConfigType$1, MetadataType as MetadataType$1, PasswordSetupMoleculeType as PasswordSetupMoleculeType$1, ContainerProps as ContainerProps$1, LinkProperties as LinkProperties$1, TextProperties as TextProperties$1, ObjectStateProperties as ObjectStateProperties$1, StateProperties as StateProperties$1 } from 'containers';
-import { InputFieldTypes } from 'fieldsConfiguration/types';
-import { ThemeColors as ThemeColors$2, FontSizesTypes as FontSizesTypes$1, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
-import { BaseButtonProps, PasswordRuleValidation as PasswordRuleValidation$1, BasicTextFieldProps as BasicTextFieldProps$1, CustomValidationRule as CustomValidationRule$1, CustomStep as CustomStep$1, ChecklistItem as ChecklistItem$1, TextProps as TextProps$1, ConsentType as ConsentType$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$2, 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 } from 'molecules';
-import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
-import { Descendant } from 'slate';
-import * as _mui_material from '@mui/material';
-import { DrawerProps as DrawerProps$1, ModalProps, SxProps, TypographyProps, ButtonProps as ButtonProps$1, SwitchProps, BadgeProps, TextFieldProps, RatingProps, SliderProps as SliderProps$1 } from '@mui/material';
-import { IconNames as IconNames$1, TouchableOpacityProps as TouchableOpacityProps$1 } from 'components';
-import { OrganismDTO } from 'organisms/types';
-import { AnnotationsList as AnnotationsList$1 } from 'contexts/MlrRichTextViewerContext/types';
-import { PasswordRuleValidation as PasswordRuleValidation$2 } from 'molecules/PasswordSetup/PasswordSetup';
-export * from 'helpers/constants';
-import { ConsentCaptureProps } from 'molecules/Consent/ConsentCapture';
-import { IconRendererProps as IconRendererProps$1 } from 'molecules/Icon';
-import { RegisterOptions, FieldValues, UseFormReturn, ValidationMode } from 'react-hook-form';
-import { DatePickerProps } from '@mui/x-date-pickers';
-import * as containers_types_types from 'containers/types/types';
-import { ContainerProps as ContainerProps$2, ContainerProperties as ContainerProperties$1, ContainerComponentProps as ContainerComponentProps$2 } from 'containers/types/types';
-import { EventInput, ThemeSystem } from '@fullcalendar/react';
-
-declare 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>, {}>;
-
-declare type CheckboxInternalConfigProps = Partial<{
-    selectedCheckboxBackgroundColor: ThemeColors$1 | string;
-    selectedCheckboxIconColor: ThemeColors$1 | string;
-    buttonPadding: number;
-    textPadding: number;
-    styles: StylesType;
-    wrapperStyles: StylesType;
-    buttonOptionSpacing?: SizesTypes$1;
-}>;
-
-declare type CheckboxProps = {
-    id: string;
-    onClick: (id: string) => void;
-    label: string;
-    isError?: boolean;
-    disabled?: boolean;
-    isEditMode?: boolean;
-    isSelected?: boolean;
-    isRichText?: boolean;
-    notInteractable?: boolean;
-    internalConfig?: CheckboxInternalConfigProps;
-};
-declare const Checkbox: ({ id, onClick, label, isError, disabled, isEditMode, isSelected, isRichText, notInteractable, internalConfig, }: CheckboxProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare type SelectOption = {
-    id: string;
-    label: string;
-    value?: string;
-    config?: AnyObject$1;
-};
-declare type SelectInternalConfigurationOptions = {
-    placeholderTextColor: ThemeColors$1 | string;
-    placeholderTextFontSize: number;
-    selectedTextColor: ThemeColors$1 | string;
-    selectedTextFontSize: number;
-    verticalPadding: number;
-    horizontalPadding: number;
-    wrapperStyles: StylesType;
-    styles: StylesType;
-};
-declare 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;
-
-declare 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;
-};
-declare type IconNames = keyof typeof availableIcons;
-declare const Icon: ({ name, color, ...props }: IconProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare type Callback = () => void;
-declare type AnyObject = Record<string, unknown>;
-
-declare type MaskConfig = {
-    maskPlaceholder?: string;
-    maskPattern?: Array<string | RegExp>;
-    dataModelFieldType: DataModelFieldFormatCodeTypes$1;
-};
-
-declare type InputFieldInternalConfigProps = Partial<{
-    textColor: ThemeColors$2 | string;
-    textFontSize: number;
-    placeholderTextColor: ThemeColors$2 | string;
-    placeholderTextFontSize: number;
-    verticalPadding: number;
-    horizontalPadding: number;
-    styles: StylesType;
-    wrapperStyles: StylesType;
-}>;
-declare type InputIconProps = {
-    name: IconNames;
-    onClick?: Callback$1;
-};
-declare 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;
-
-declare type TextTypes = 'primary' | 'secondary' | 'error' | 'success';
-declare type TextAlign = 'center' | 'right' | 'left';
-declare type SeoTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
-declare type 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;
-};
-declare 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;
-
-declare 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>, {}>;
-
-declare 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 type LinkVariant = 'link' | 'custom';
-declare 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;
-}, {}, {}>;
-
-declare type ValidationTagStatus = 'DEFAULT' | 'ERROR' | 'SUCCESS';
-declare type ValidationTagProps = {
-    status: ValidationTagStatus;
-    text: string;
-};
-declare const ValidationTag: ({ text, status }: ValidationTagProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare 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;
-
-declare type ToastType = 'success' | 'infoTierOne' | 'infoTierTwo' | 'warning' | 'error';
-declare type ToastParams = {
-    message: string;
-    type?: ToastType;
-    duration?: number;
-};
-
-declare const toast: ({ message, type, duration }: ToastParams) => void | undefined;
-
-declare 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;
-
-declare type AvatarProps = {
-    size?: SizesTypes$1 | number;
-    withShadow?: boolean;
-    label?: string;
-    backgroundColor?: ThemeColors$1;
-    textConfig?: {
-        color?: ThemeColors$1;
-        font?: FontSizesTypes$2;
-    };
-    content: {
-        initials?: string;
-        iconName?: IconNames;
-        imageUrl?: string;
-    };
-    onPress?: Callback$1;
-};
-declare const Avatar: ({ size, withShadow, label, backgroundColor, onPress, content: { initials, iconName, imageUrl }, textConfig: { color, font }, }: AvatarProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare 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>, {}>;
-
-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 defaultValue: Descendant[];
-declare type RichTextEditorProps = {
-    value: string;
-    numberOfLines?: number;
-};
-declare const RichTextViewer: FC<RichTextEditorProps>;
-
-declare type RadioButtonInternalConfigProps = Partial<{
-    selectedRadioOptionBackgroundColor: ThemeColors$1 | string;
-    selectedRadioOptionIndicatorColor: ThemeColors$1 | string;
-    buttonPadding: number;
-    textPadding: number;
-    styles: StylesType;
-    wrapperStyles: StylesType;
-    buttonOptionSpacing: SizesTypes$1;
-    radioGroupWrapperStyles: StylesType;
-}>;
-declare 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, {}, {}>;
-
-declare type CircleType = 'link' | 'message';
-declare 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>, {}>;
-
-declare 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>, {}>;
-
-declare 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;
-
-declare 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;
-
-declare type ThemeColors = 'primary' | 'primaryTint' | 'primaryShade' | 'secondary' | 'secondaryTint' | 'secondaryShade' | 'pink' | 'pinkTint' | 'pinkShade' | 'orange' | 'orangeTint' | 'orangeShade' | 'purple' | 'purpleTint' | 'purpleShade' | 'indigo' | 'indigoTint1' | 'indigoTint2' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'green' | 'greenTint' | 'greenShade' | 'yellow' | 'yellowTint' | 'yellowShade' | 'red' | 'redTint' | 'redShade' | 'black' | 'white' | 'blue' | 'blueTint' | 'blueShade' | 'deepBlue' | 'background';
-declare type SizesTypes = '5XL' | '4XL' | '3XL' | '2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
-declare type FontSizesTypes = Exclude<SizesTypes, '5XL' | '4XL'>;
-declare type BreakpointSizesTypes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-declare type FontWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
-declare type ThemeColorsType = Record<ThemeColors, string>;
-declare type ThemeTextType = Record<FontSizesTypes, {
-    'font-weight': string;
-    'font-size': number;
-    'line-height': number;
-}>;
-declare type ThemeSizesType = Record<SizesTypes, number>;
-declare type ThemeDevicesType = Record<BreakpointSizesTypes, string>;
-declare type ZealTheme = {
-    colors: ThemeColorsType;
-    fonts: Record<FontSizesTypes, number>;
-    sizes: ThemeSizesType;
-    devices: ThemeDevicesType;
-};
-
-declare const toastStyles: _emotion_react.SerializedStyles;
-
-declare const useMediaQuery: (breakpointSize: BreakpointSizesTypes$1) => boolean;
-
-declare type MlrRichTextViewerContextType = {
-    isMLRReview: boolean;
-    showAnnotations: boolean;
-    annotationsList: AnnotationsList$1;
-};
-declare const MlrRichTextViewerContext: react.Context<MlrRichTextViewerContextType>;
-
-declare 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;
-
-declare type AnnotationsList = {
-    tags: {
-        id: string;
-        label: string;
-        entityIds: string[];
-        moleculeIds: string[];
-        referencedByIds: string[];
-    }[];
-    links: {
-        referencedById: string;
-        moleculeId: string;
-        text: string;
-        url: string;
-    }[];
-};
-
-declare type ButtonActionsContextType = {
-    actionContent?: ContainerComponentProps$1;
-    setActionContent: Dispatch<SetStateAction<ContainerComponentProps$1>>;
-    isModalVisible: boolean;
-    isDrawerVisible: boolean;
-    setDrawerVisible: Dispatch<SetStateAction<boolean>>;
-    setActivePopUpById: (id: string) => void;
-    onCloseModal: (id?: string) => void;
-    onCloseDrawer: () => void;
-};
-declare const ButtonActionsContext: react.Context<ButtonActionsContextType>;
-
-declare type PopupPropsType = {
-    id: string;
-    config: {
-        styles?: AnyObject$1;
-        size?: 'large' | 'medium';
-        withCloseIcon?: boolean;
-    };
-    content: {
-        embedded?: (ContainerComponentProps$1 | Molecule$1)[];
-        isi?: ContainerComponentProps$1 | Molecule$1;
-    };
-};
-declare type ButtonActionsProviderProps = PropsWithChildren<Partial<{
-    actionContent: ContainerComponentProps$1;
-    setActionContent: Dispatch<SetStateAction<ContainerComponentProps$1>>;
-    isModalVisible: boolean;
-    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;
-
-declare type StepItem = ContainerComponentProps$1 | Molecule$1;
-declare type GroupedStepItemsByStepContainer = Map<string, StepItem[]>;
-
-declare type ConfigurationItem = {
-    entity: 'container' | 'molecule' | 'molecule_item';
-    entityId: string;
-    organismId: string;
-    entityName?: string;
-    entityType: ContainerType$1 | MoleculeTypes$1 | MoleculeItemTypes$2;
-    organismLibraryMoleculeId?: string;
-};
-declare type OrganismContextProviderProps = PropsWithChildren<{
-    organismId: string;
-} & Partial<{
-    formId: string;
-    editable: boolean;
-    isPreview: boolean;
-    initItems: (ContainerComponentProps$1 | Molecule$1)[];
-    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;
-
-declare type OrganismContextType = {
-    items: (ContainerComponentProps$1 | 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;
-
-declare type AccountButtonContextType = Partial<{
-    userInitials: string;
-    logOutHandler: Callback$1;
-    goToAccountInfo: Callback$1;
-    username: string;
-}>;
-declare const AccountButtonContext: react.Context<Partial<{
-    userInitials: string;
-    logOutHandler: Callback$1;
-    goToAccountInfo: Callback$1;
-    username: string;
-}>>;
-
-declare 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;
-}>;
-
-declare type StateContextType = {
-    stateConfig: StateConfigType$1;
-    stateHandler?: (updatedStateConfig: StateConfigType$1) => void;
-    authenticated: boolean;
-};
-declare const StateContext: react.Context<StateContextType>;
-
-declare 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;
-
-declare 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>;
-
-declare 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;
-    name: string;
-}
-interface ApiInterface {
-    pickList: {
-        get(dataModelFieldId?: string): Promise<ResponseDTO<Option[]>>;
-    };
-}
-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;
-
-declare type CustomValidationRule<T = string> = {
-    text: string;
-    validate: (value?: T) => boolean;
-};
-declare 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;
-
-declare type Anchor = 'top' | 'left' | 'bottom' | 'right';
-declare type DrawerProps = DrawerProps$1 & {
-    anchor: Anchor;
-    padding?: SizesTypes$2 | number | string;
-    height?: number | string;
-    width?: number | string;
-    withCloseIcon?: boolean;
-    closeIconColor?: ThemeColors$2 | string;
-};
-
-declare const Drawer: ({ children, closeIconColor, withCloseIcon, ...props }: PropsWithChildren<DrawerProps>) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare 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;
-
-declare type IconRendererProps = {
-    iconName?: string;
-    size?: number | string;
-    color?: string;
-    borderRadius?: number | string;
-    backgroundColor?: string;
-};
-declare const IconRenderer: react__default.FC<IconRendererProps>;
-
-declare 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;
-}>;
-declare const TextMolecule: FC<TextProps>;
-
-declare 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;
-}, {}, {}>;
-
-declare type Format = 'bold' | 'italic' | 'underline' | 'strikethrough' | 'numbered-list' | 'bulleted-list' | 'communicationLink' | 'tag' | 'variable' | 'color' | 'bgColor' | 'fontSize' | 'fontFamily' | 'lineHeight' | 'letterSpacing' | 'textAlign';
-declare type LinkType = 'externalLink' | 'internalLink';
-declare type CommunicationLinkPayload = {
-    type: LinkType;
-    url: string;
-};
-declare type DataModelField = {
-    defaultValue?: string | number | boolean | null;
-    dataModelFieldId: string;
-    entitySubtypeId?: string;
-    dataType?: string;
-    format?: {
-        code: string;
-    };
-};
-declare type VariablePayload = {
-    id: string;
-    text: string;
-    dataModelField?: DataModelField;
-    isStateConfigPresent?: boolean;
-};
-declare type TextFormat = {
-    bold?: boolean;
-    italic?: boolean;
-    underline?: boolean;
-    strikethrough?: boolean;
-    communicationLink?: CommunicationLinkPayload;
-    variable?: VariablePayload;
-    tag?: {
-        id: string;
-        label: string;
-    };
-    listItem: boolean;
-    numberedList?: boolean;
-    bulletedList?: boolean;
-    color?: string;
-    bgColor?: string;
-    fontSize?: string;
-    fontFamily?: string;
-    letterSpacing?: string;
-    lineHeight?: string;
-    textAlign?: 'left' | 'center' | 'right' | 'justify';
-};
-declare type CustomElementType = 'paragraph' | 'listItem' | 'orderedList' | 'unorderedList' | 'bulletedList' | 'numberedList' | 'headingOne' | 'headingTwo' | 'headingThree' | 'blockquote' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'justify' | 'span';
-declare type CustomText = {
-    text: string;
-    type?: CustomElementType;
-} & TextFormat;
-declare type CustomElement = {
-    type: CustomElementType;
-    children: (CustomText | CustomElement)[];
-    href?: string;
-    format?: Format;
-};
-declare type CustomDescendant = CustomText | CustomElement;
-
-declare type ConsentCaptureMethod = 'button' | 'radioButton' | 'checkbox';
-declare type DefaultSelectionType = 'confirmation' | 'rejection';
-declare type ConsentStatus = 'in_use' | 'draft';
-declare type ConsentType = {
-    id: string;
-    name: string;
-    acknowledgment: CustomDescendant[];
-    methodOfCapture: ConsentCaptureMethod;
-    description: string;
-    language: CustomDescendant[];
-    expiration: string;
-    confirmationButtonText: string;
-    rejectionButtonText: string;
-    defaultSelection: DefaultSelectionType;
-    value?: DefaultSelectionType | boolean;
-    isRequired?: boolean;
-    affirmation: boolean;
-    status: ConsentStatus;
-    expirationDays: string;
-    expirationMonths: string;
-};
-declare type ConsentProps<T extends string = string> = {
-    text: string;
-    isRequired?: boolean;
-    consentCaptureProps: ConsentCaptureProps<T>;
-    containerStyles?: CSSProperties;
-    clearStyles?: boolean;
-};
-declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare type ChecklistItem = {
-    id: string;
-    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;
-};
-declare type ChecklistProps = {
-    gap?: string;
-    moleculeId?: string;
-    items: ChecklistItem[];
-    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;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-};
-declare const Checklist: FC<ChecklistProps>;
-
-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, lineWeight, orientation, borderColor, borderRadius, sx, marginTop, marginRight, marginBottom, marginLeft, configurationItemInfo, }: DividerProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare 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>;
-
-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>;
-
-interface ImageProps {
-    src: string;
-    alt?: string;
-    height?: number | string;
-    width?: number | string;
-    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>;
-
-interface ButtonProps extends ButtonProps$1 {
-    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;
-    elevated?: boolean;
-    fontSize?: number | string;
-    fontWeight?: 'normal' | 'bold';
-    fontFamily?: TypographyProps['fontFamily'];
-    textAlign?: TypographyProps['textAlign'];
-    textColor?: string;
-    disabledColor?: string;
-    height?: string;
-    width?: 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__default.ForwardRefExoticComponent<Pick<ButtonProps, "color" | "fontFamily" | "fontSize" | "fontWeight" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "textAlign" | "translate" | "width" | "borderRadius" | "gap" | "action" | "className" | "style" | "classes" | "children" | "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" | "configurationItemInfo" | "moleculeId" | "wrapText" | "elevated" | "disabledColor"> & react__default.RefAttributes<HTMLButtonElement>>;
-
-declare type StepperOrientation = 'horizontal' | 'vertical';
-declare 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;
-};
-declare type StepperProps = {
-    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;
-    /** For hooking up with react-hook-form */
-    name: string;
-    sourceDataModelField?: string;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-}
-declare const SwitchMolecule: react__default.FC<SwitchMoleculeProps>;
-
-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>;
-
-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 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 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;
-    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 RatingMoleculeProps extends Omit<RatingProps, 'onChange'> {
-    /** Label text displayed above or beside the rating */
-    text: string;
-    /** Name used for react-hook-form registration */
-    name: string;
-    /** If true, the user can’t change the rating (renders read-only) */
-    isDisplayOnly?: boolean;
-    /** If true, we show an asterisk and require a non-null rating */
-    required?: boolean;
-    /** Custom error text if `required` is not satisfied */
-    requiredErrorText?: string;
-    /** If some other validation fails, show this text */
-    validationErrorText?: string;
-    placeholderText?: string;
-    /** If true, rating icons will show real-time integer value on hover or selection */
-    hoverFeedback?: boolean;
-    /** For hooking up with state config if you store an initial rating there */
-    sourceDataModelField?: string;
-    /** Some style props for customizing layout/appearance */
-    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;
-    /** For left or right placement of the hover feedback text */
-    placement?: 'right' | 'left';
-    /** The config item for design-time or telemetry */
-    configurationItemInfo?: Record<string, unknown>;
-    /** Disables rating input in editable mode (MUI prop) */
-    disabled?: boolean;
-    /** If using react-hook-form, we can track field errors.  */
-    maxValue?: number;
-    ratingPrecision?: number;
-}
-declare const RatingMolecule: react__default.FC<RatingMoleculeProps>;
-
-interface SliderMoleculeProps extends Omit<SliderProps$1, 'onChange'> {
-    /** If true, the slider is displayed disabled + text showing the value. */
-    isDisplayOnly?: boolean;
-    /** If true, rely on FormControl to show a required asterisk. */
-    required?: boolean;
-    requiredErrorText?: string;
-    validationErrorText?: string;
-    placeholderText?: string;
-    text?: 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;
-    /** label's placement relative to the slider+icons */
-    labelPlacement?: 'top' | 'bottom';
-    marginLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    paddingLeft?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-    /** For hooking up with react-hook-form */
-    name?: string;
-    sourceDataModelField?: string;
-}
-/**
- * SliderMolecule
- */
-declare const SliderMolecule: react__default.FC<SliderMoleculeProps>;
-
-interface DatePickerMoleculeProps extends DatePickerProps {
-    required?: boolean;
-    placeholderText?: string;
-    moleculeId?: string;
-    configurationItemInfo?: any;
-    text: string;
-    borderColor?: string;
-    fontSize?: string | number;
-    fontFamily?: string;
-    fontWeight?: string | number;
-    textColor?: string;
-    iconColor?: IconRendererProps$1['color'];
-    minDate?: string;
-    maxDate?: string;
-    backgroundColor?: string;
-    marginLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    paddingLeft?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    name: string;
-    sourceDataModelField?: string;
-    isDisplayOnly?: boolean;
-    displayFormat?: string;
-}
-declare const DatePickerMolecule: react__default.FC<DatePickerMoleculeProps>;
-
-interface SelectMoleculeOption {
-    id: string;
-    label: string;
-    value?: string;
-}
-interface SelectMoleculeProps {
-    open?: boolean;
-    /** Label text (visible above or inside the select) */
-    text: string;
-    /** For a placeholder, you might use the first item or do a custom approach */
-    placeholderText?: string;
-    /** If true, the field is required in form validation */
-    required?: boolean;
-    /** Use this text if required == true and no value selected */
-    requiredErrorText?: string;
-    /** Use this text if user fails some extra validation pattern */
-    validationErrorText?: string;
-    /** If true, show a text label instead of an interactive dropdown */
-    isDisplayOnly?: boolean;
-    /** CSS style props */
-    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;
-    /** Additional config from system (e.g. for selection in config mode) */
-    configurationItemInfo?: ConfigurationItemInfo$1;
-    /** The name of the field in react-hook-form */
-    name: string;
-    /** The data field in stateObject to populate/initialize value */
-    sourceDataModelField?: string;
-}
-declare const SelectMolecule: react__default.FC<SelectMoleculeProps>;
-
-declare type SetPasswordRuleValidation = {
-    label: string;
-    rule: MaxRuleValidation | MinRuleValidation;
-};
-declare type CountValidationTypes = 'COUNT' | 'CAPITAL_COUNT' | 'NUMBER_COUNT' | 'SPECIAL_CHARACTERS_COUNT' | 'LOWER_CASE_COUNT';
-declare type MaxRuleValidation = {
-    MAX: number;
-    type: CountValidationTypes;
-};
-declare type MinRuleValidation = {
-    MIN: number;
-    type: CountValidationTypes;
-};
-declare type PasswordRuleValidation = {
-    label: string;
-    rule: MaxRuleValidation | MinRuleValidation;
-};
-declare type PasswordFields = {
-    password: {
-        value: string;
-    };
-    reenteredPassword?: {
-        value?: string;
-    };
-};
-
-declare type PasswordSetupProps = {
-    gap: string;
-    inputProps: Omit<BasicTextFieldProps$1, 'name'>;
-    validations: PasswordRuleValidation[];
-    htmlElementId: string;
-    validationState: FormStateType$1;
-    overridesProperties: PasswordSetupMoleculeType$1['properties'];
-    configurationItemInfo: ConfigurationItemInfo$1;
-};
-declare const PasswordSetup: ({ gap, inputProps, validations, htmlElementId, validationState, overridesProperties, configurationItemInfo, }: PasswordSetupProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare const passwordValidationMapper: (validation: SetPasswordRuleValidation) => CustomValidationRule$1;
-
-declare const Container: FC<PropsWithChildren<ContainerProps$1> & {
-    id: string;
-}>;
-
-declare type AccordionItem = {
-    id: string;
-    text?: string;
-    subText?: string;
-    bodyText?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    paddingLeft?: string;
-};
-declare type AccordionProps = {
-    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;
-};
-
-/**
- * Each item can have optional icons, text style, etc.
- */
-declare type MenuItemType = {
-    id: string;
-    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;
-};
-/** 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';
-    buttonColor?: string;
-    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;
-    anchorOriginVertical?: 'top' | 'center' | 'bottom';
-    anchorOriginHorizontal?: 'left' | 'center' | 'right';
-    transformOriginVertical?: 'top' | 'center' | 'bottom';
-    transformOriginHorizontal?: 'left' | 'center' | 'right';
-    elevation?: number;
-    moleculeId?: string;
-    onInternalNavigation?: (link: string | null) => void;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-}
-
-declare 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>, {}>;
-
-declare type TabsItemProps = {
-    id: string;
-    label: string;
-    link?: string;
-    tabKey: string;
-    iconName?: string;
-};
-declare type OnTabChangeArgs = {
-    newTabKey: string;
-    link?: string;
-};
-declare 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;
-}>;
-
-declare type MoleculeItemTypes$1 = 'stepper_item' | 'checklist_item' | 'accordion_item' | 'menu_item' | 'tabs_item';
-declare type BaseItem = {
-    id: string;
-    name: string;
-    type: MoleculeItemTypes$1;
-    instance: 'molecule_item';
-    organismLibraryMoleculeId: string;
-};
-declare type StepperItemDTO = BaseItem & {
-    type: 'stepper_item';
-    config: {
-        props: Omit<CustomStep$1, 'title' | 'subText'>;
-    };
-    properties: {
-        title: TextProperties$1;
-        subText: TextProperties$1;
-    };
-};
-declare type ChecklistItemDTO = BaseItem & {
-    type: 'checklist_item';
-    config: {
-        props: Omit<ChecklistItem$1, 'label'>;
-    };
-    properties: {
-        label: TextProperties$1;
-        objectState: ObjectStateProperties$1;
-    };
-};
-declare type AccordionItemDTO = BaseItem & {
-    type: 'accordion_item';
-    config: {
-        props: Omit<AccordionItem, 'text' | 'subText' | 'bodyText'>;
-    };
-    properties: {
-        text: TextProperties$1;
-        subText: TextProperties$1;
-        bodyText: TextProperties$1;
-    };
-};
-declare type MenuItemDTO = BaseItem & {
-    type: 'menu_item';
-    config: {
-        props: Omit<MenuItemType, 'text' | 'link' | 'disabled'>;
-    };
-    properties: {
-        text: TextProperties$1;
-        link: LinkProperties$1;
-        disabled: StateProperties$1;
-    };
-};
-declare type TabsItemDTO = BaseItem & {
-    type: 'tabs_item';
-    config: {
-        props: Omit<TabsItemProps, 'label' | 'link'>;
-    };
-    properties: {
-        label: TextProperties$1;
-        link: LinkProperties$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;
-    name: string;
-    sourceDataModelField?: string;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-}
-
-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;
-    /** Basic style props */
-    backgroundColor?: string;
-    borderColor?: string;
-    textColor?: string;
-    fontSize?: number | string;
-    fontFamily?: string;
-    fontWeight?: 'normal' | 'bold' | number;
-    /** Spacing */
-    marginLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    paddingLeft?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    name: string;
-    sourceDataModelField?: 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;
-    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;
-    /** Pass‑through for editor canvas etc. */
-    configurationItemInfo?: ConfigurationItemInfo$1;
-}
-
-interface CalendarMoleculeProps {
-    /** initial events (will be copied into internal state) */
-    events?: EventInput[];
-    resources?: any[];
-    initialView?: string;
-    enableDayGrid?: boolean;
-    enableTimeGrid?: boolean;
-    enableList?: boolean;
-    enableTimeline?: boolean;
-    enableResourceTimeline?: boolean;
-    slotDuration?: string;
-    snapDuration?: string;
-    businessHours?: any;
-    width?: string | number;
-    height?: string | number;
-    backgroundColor?: string;
-    themeSystem?: ThemeSystem;
-    marginLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    paddingLeft?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    primaryColor?: string;
-    secondaryColor?: string;
-    toolbarBg?: string;
-    toolbarTextColor?: string;
-    buttonBg?: string;
-    buttonTextColor?: string;
-    buttonHoverBg?: string;
-    dayHeaderColor?: string;
-    dayHeaderFontWeight?: number | string;
-    slotLabelColor?: string;
-    slotLabelFontSize?: string | number;
-    eventBg?: string;
-    eventBorderColor?: string;
-    eventTextColor?: string;
-    eventHoverBg?: string;
-    nowIndicatorColor?: string;
-    resourceAreaBg?: string;
-    resourceTextColor?: string;
-    resourceBorderColor?: string;
-    bodyBg?: string;
-    resourceAreaWidth?: string | number;
-    /** callback whenever a drop creates a new event */
-    onEventAdd?: (e: EventInput) => void;
-    configurationItemInfo?: ConfigurationItemInfo$1;
-}
-
-interface VisitMoleculeProps {
-    /** Unique visit identifier (used as event.id) */
-    id: string;
-    /** Title shown on the card and used as event.title */
-    title: string;
-    /** Length of the visit, in minutes (used to compute event.end) */
-    duration: number;
-    /** Optional description rendered under the title */
-    description?: string;
-    /** If you want to associate this visit with a resource */
-    resourceId?: string;
-    /** Background color of the card */
-    backgroundColor?: string;
-    /** Text color for title/description */
-    textColor?: string;
-    /** Border color around the card */
-    borderColor?: string;
-    /** Border radius (e.g. '4px') */
-    borderRadius?: string;
-    marginLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    paddingLeft?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    /** Font size for the title (e.g. '14px') */
-    fontSize?: string | number;
-    /** Font weight for the title (e.g. 400, 600) */
-    fontWeight?: string | number;
-    /** If false, disables dragging completely */
-    draggable?: boolean;
-    /** If false, dropping won’t actually create an event */
-    createOnDrop?: boolean;
-    /** Extra props your designer tool may pass */
-    configurationItemInfo?: ConfigurationItemInfo$1;
-}
-
-declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
-declare type DataModelFieldFormatCodeTypes = 'date' | 'email' | 'string' | 'integer' | 'boolean' | 'numeric' | 'zip_code' | 'phone_number';
-declare type DataModelFieldFormatValueTypes = 'any' | 'text' | 'email' | 'integer' | 'numerical' | 'us_zip_code' | 'phone_number' | 'month_year_date' | 'day_month_year_date' | 'month_day_year_date' | 'year_month_day_date';
-declare type DownloadFile = {
-    url: string;
-    name: string;
-};
-declare type LinkAction = LinkProperties;
-declare type PopupDrawerAction = ContainerComponentProps;
-declare type DownloadAction = DownloadFile;
-declare type SubmitAction = AnyObject$1;
-declare type CancelAction = AnyObject$1;
-declare type ResetAction = AnyObject$1;
-declare type DestroyAction = AnyObject$1;
-declare type Action = {
-    type: ActionTypes;
-} & Partial<{
-    link: LinkAction;
-    popup: PopupDrawerAction;
-    drawer: PopupDrawerAction;
-    download: DownloadAction;
-    submit: SubmitAction;
-    cancel: CancelAction;
-    reset: ResetAction;
-    destroy: DestroyAction;
-    logout: AnyObject$1;
-}>;
-declare type FormStateType = 'default' | 'success' | 'error' | 'format_error' | 'field_error' | 'open_dropdown' | 'match_error';
-declare 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;
-}
-declare type DataModelFieldFormat = {
-    id: string;
-    label: string;
-    value: DataModelFieldFormatValueTypes;
-    code: DataModelFieldFormatCodeTypes;
-    config: MaskConfig;
-};
-declare 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;
-}
-declare type DataCaptureProperties = {
-    dataCaptureName: string;
-    isConfigurable?: boolean;
-    sourceDataModelFieldId: string;
-};
-declare type ObjectStateProperties = {
-    attributeType: 'object_state';
-    pmiObjectId: string | null;
-};
-declare type MoleculeItemTypes = 'stepper_item' | 'checklist_item' | 'accordion_item' | 'menu_item' | 'tabs_item';
-declare type MoleculeTypes = 'simple_text' | 'text' | 'header_tab_group' | 'consent' | 'signup_password_fields' | 'account_button' | 'stepper' | 'checklist' | 'accordion' | 'menu' | 'tabs' | 'divider' | 'link' | 'video' | 'image' | 'button' | 'alert' | 'badge' | 'chip' | 'basic_text_field' | 'rating' | 'switch' | 'slider' | 'select' | 'date_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' | 'avatar' | 'calendar' | 'visit';
-/**
- * [ 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$1;
-            required: BooleanProperties;
-            dataCaptureName: 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$2;
-    };
-    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 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 CalendarMoleculeType extends BaseMoleculeType {
-    type: 'calendar';
-    config: {
-        props: Omit<CalendarMoleculeProps, 'configurationItemInfo'>;
-    };
-    properties: AnyObject$1;
-}
-interface VisitMoleculeType extends BaseMoleculeType {
-    type: 'visit';
-    config: {
-        props: Omit<VisitMoleculeProps, 'configurationItemInfo'>;
-    };
-    properties: AnyObject$1;
-}
-declare type Molecule = StrictUnion<SimpleTextMoleculeType | TextMoleculeType | ConsentFieldMoleculeType | PasswordSetupMoleculeType | StepperMoleculeType | ChecklistsMoleculeType | AccordionMoleculeType | MenuMoleculeType | TabsMoleculeType | DividerMoleculeType | LinkMoleculeType | VideoMoleculeType | ImageMoleculeType | ButtonMoleculeType | ChipMoleculeType | BadgeMoleculeType | AlertMoleculeType | BasicTextFieldMoleculeType | RatingMoleculeType | SwitchMoleculeType | SliderMoleculeType | SelectMoleculeType | DatePickerMoleculeType | EmailInputFieldMoleculeType | PhoneNumberInputFieldMoleculeType | NumericInputFieldMoleculeType | CurrencyInputFieldMoleculeType | AvatarMoleculeType | CalendarMoleculeType | VisitMoleculeType> & Partial<{
-    form: UseFormReturn<any>;
-    formData: AnyObject$1;
-    setFormData: Dispatch<SetStateAction<AnyObject$1>>;
-}>;
-
-declare type ContainerType = 'default' | 'row' | 'column' | 'slider' | 'form' | 'form_purpose' | 'form_step' | 'dynamic' | 'journey_driven' | 'journey_driven_step';
-declare type ContainerTemplateType = 'row_content_container';
-declare type WrappedContainerType = Extract<ContainerType, 'form' | 'form_step'>;
-declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
-declare type ContainerAlignItemsType = 'start' | 'center' | 'end' | 'stretch';
-declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
-declare type StateActionType = 'visible' | 'disabled';
-declare type StateEventType = 'click' | 'view';
-declare type StateListenerConfigType = {
-    role: 'stateListener';
-    stateKey: string;
-    stateValue: string | boolean;
-    defaultState: Partial<Record<StateActionType, boolean>>;
-    action: Partial<Record<StateActionType, boolean>>;
-};
-declare type StateModifierConfigType = {
-    role: 'stateModifier';
-    stateKey: string;
-    event: StateEventType;
-};
-declare type MetadataStateConfig = StateListenerConfigType | StateModifierConfigType;
-declare type MetadataType = AnyObject$1 & Partial<{
-    stateConfig: MetadataStateConfig[];
-    referenceName: string;
-    isAction: boolean;
-    isTrigger: boolean;
-    notEditable: boolean;
-    hasOwnButton: boolean;
-    stateListenerId: string;
-    configurationPath: string;
-}>;
-declare type SliderProps = {
-    autoplay?: boolean;
-    autoplayDuration?: number;
-};
-declare type FormStepContainerProps = {
-    formStepName: string;
-    order: number;
-    conditionConfig: ConditionConfig;
-    formStepStyles?: CSSProperties;
-};
-declare type FormContainerProps = {
-    mode: keyof ValidationMode;
-};
-declare type PaddingVariants = 'top' | 'right' | 'bottom' | 'left';
-declare type Padding = Record<PaddingVariants, SizesTypes$1 | number> | SizesTypes$1 | string;
-declare type ContainerProperties = {
-    backgroundImage: {
-        imageFile: {
-            url: string;
-        };
-    };
-    enableBackgroundImage: {
-        value: boolean;
-    };
-};
-declare type ContainerPropsType = Partial<{
-    position: ContainerPositionType;
-    alignItems: ContainerAlignItemsType;
-    scrollBehaviour: ContainerScrollBehaviourType;
-    cornerRadius: SizesTypes$1 | number;
-    gap: SizesTypes$1;
-    styles: StylesType;
-    paddingTop: SizesTypes$1;
-    paddingBottom: SizesTypes$1;
-    paddingLeft: SizesTypes$1;
-    paddingRight: SizesTypes$1;
-    autoplay: boolean;
-    autoplayDuration: number;
-    formProps: FormContainerProps;
-    formStepProps: FormStepContainerProps;
-    border: string;
-    activeChildrenIds: string[];
-    activeOrganismIds: string[];
-    padding: Padding;
-    enableBackgroundImage: boolean;
-}>;
-declare type AdditionalContainerProps = Partial<{
-    containerStyle: CSSObject;
-    containerProps: ContainerPropsType;
-}>;
-declare type ContainerConfig = {
-    props: ContainerPropsType;
-    wide: AdditionalContainerProps;
-    compact: AdditionalContainerProps;
-};
-declare type ContainerProps = PropsWithChildren<{
-    type: ContainerType;
-} & Partial<{
-    name: string;
-    config: ContainerConfig;
-    isMobile: boolean;
-    metadata: MetadataType;
-    properties: ContainerProperties;
-    containerTemplateType: ContainerTemplateType;
-}>>;
-declare 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;
-};
-declare type CriteriaType = 'operator' | 'condition';
-declare type ConditionCriteria = {
-    id: string;
-    type: CriteriaType;
-    operator: string;
-    dataFieldId: Nullable<string>;
-    subtypeId: Nullable<string>;
-    dataFieldName: Nullable<string>;
-    dataValue: Nullable<string>;
-    connectedTo: Nullable<string>;
-};
-declare type SegmentationType = 'simple' | 'advanced';
-declare type ConditionConfig = Nullable<{
-    id: string;
-    segmentationType: SegmentationType;
-    criteriaList: ConditionCriteria[];
-}>;
-declare type FormDataStateConfig = {
-    value?: string | number;
-} & Record<string, {
-    value?: string | number;
-}>;
-declare type ActionType = 'clicked' | 'started' | 'completed' | 'closed' | 'opened' | 'checked' | 'unchecked';
-declare type ActionEventType = Record<'interacted', ActionType>;
-declare type BaseStateValue = {
-    visible: boolean;
-    disabled: boolean;
-};
-declare type StateConfigType = {
-    [stateKey: string]: null | string | boolean | FormDataStateConfig | ActionEventType | BaseStateValue;
-};
-
-declare type HeaderTabs = {
-    text: string;
-    tabKey?: string;
-    options: {
-        id: string;
-        title: string;
-        onClick: () => void;
-    }[];
-};
-declare 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>;
-
-declare type BaseMoleculeProps = Molecule$1 & {
-    tabsProps?: {
-        tabs: HeaderTabs[];
-        activeTabKey?: string;
-        onTabChange: (tabKey: string) => void;
-    };
-    isMobile?: boolean;
-    parentId?: string;
-};
-declare const BaseMolecule: FC<BaseMoleculeProps>;
-
-declare type FormOrganismItemProps = {
-    item: ContainerComponentProps$2;
-    activeChildrenIds: string[];
-    formData?: AnyObject$1;
-    setFormData?: Dispatch<SetStateAction<AnyObject$1>>;
-    isMobile?: boolean;
-};
-declare const FormOrganismItem: ({ formData, setFormData, isMobile, ...props }: FormOrganismItemProps) => _emotion_react_jsx_runtime.JSX.Element | null;
-
-export { AccordionMoleculeType, AccountButtonContext, AccountButtonContextType, AccountButtonProvider, AccountButtonProviderProps, ActionEventType, ActionProperties, ActionType, ActionTypes, AdditionalContainerProps, AlertMolecule, AlertMoleculeProps, AlertMoleculeType, AnnotationsList, ApiContext, ApiInterface, ApiProvider, Avatar, AvatarMoleculeType, AvatarProps, BackgroundImage, BadgeMolecule, BadgeMoleculeProps, BadgeMoleculeType, BaseMolecule, BaseMoleculeType, BaseStateValue, BaseTextButton, BasicTextField, BasicTextFieldMoleculeType, BasicTextFieldProps, BooleanProperties, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMoleculeType, ButtonProps, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CalendarMoleculeType, Checkbox, CheckboxProps, Checklist, ChecklistItem, ChecklistProperties, ChecklistProps, ChecklistsMoleculeType, ChipMolecule, ChipMoleculeProps, ChipMoleculeType, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorProperties, ConditionConfig, ConditionConfigProperties, ConditionCriteria, ConfigurationItem, ConfigurationItemInfo, Consent, ConsentCaptureMethod, ConsentFieldMoleculeType, ConsentProps, ConsentStatus, ConsentType, Container, ContainerAlignItemsType, ContainerComponentProps, ContainerConfig, ContainerPositionType, ContainerProperties, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, CountValidationTypes, CriteriaType, CurrencyInputFieldMoleculeType, CustomStep, CustomValidation, CustomValidationProps, CustomValidationRule, DataCaptureProperties, DataConnectionValues, DataModelFieldFormat, DataModelFieldFormatCodeTypes, DataModelFieldFormatValueTypes, DatePickerMolecule, DatePickerMoleculeProps, DatePickerMoleculeType, DefaultSelectionType, Divider, DividerMoleculeType, DividerProps, DownloadFile, Drawer, 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, 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, RichTextViewer, SegmentationType, Select, SelectInternalConfigurationOptions, SelectMolecule, SelectMoleculeOption, SelectMoleculeProps, SelectMoleculeType, SelectOption, SelectProps, SeoTags, SetPasswordRuleValidation, SimpleTextMoleculeType, SizesTypes, SliderMolecule, SliderMoleculeProps, SliderMoleculeType, SliderProps, Spacer, SpacerProps, Spinner, StateActionType, StateConfigType, StateContext, StateContextProvider, StateContextProviderProps, StateContextType, StateEventType, StateListenerConfigType, StateModifierConfigType, StateProperties, Stepper, StepperMoleculeType, StepperOrientation, StepperProps, StyleWrapper, SwitchMolecule, SwitchMoleculeProps, SwitchMoleculeType, TabsMoleculeType, TextAlign, TextButton, TextButtonProps, TextElementProps, TextMolecule, TextMoleculeType, TextProperties, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoMoleculeType, VideoProperties, VideoProps, VisitMoleculeType, WrappedContainerType, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, defaultTheme, defaultValue, passwordValidationMapper, toast, toastStyles, useAccountButtonContext, useApi, useButtonActionsContext, useFormStepContext, useMediaQuery, useMlrRichTextViewerContext, useOrganismContext, useStateContext };