@zealicsolutions/web-ui 0.2.143 → 0.2.268

package/dist/cjs/src/containers/styles.d.ts

@@ -1,12 +1,38 @@
 import { ContainerProps } from 'containers/types/types';
-export declare const ContainerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<ContainerProps, "type"> & {
+import { DefaultTheme } from 'styled-components';
+import { SizesTypes } from 'theme';
+import { MouseEvent } from 'react';
+import { AnyObject } from '../typescript';
+export declare type ConfigurationItemInfo = {
+    $selected?: boolean;
+    isConfigurationMode?: boolean;
+    onClick?: (e: MouseEvent) => void;
+};
+export declare const ContainerWrapper: import("styled-components").StyledComponent<"div", DefaultTheme, Pick<ContainerProps, "type"> & {
     containerProps?: Partial<{
         position: import("containers/types/types").ContainerPositionType;
+        alignItems: import("containers/types/types").ContainerAlignItemsType;
         scrollBehaviour: import("containers/types/types").ContainerScrollBehaviourType;
-        cornerRadius: number;
-        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-        formProps: {
-            mode: keyof import("react-hook-form").ValidationMode;
-        };
+        cornerRadius: number | SizesTypes;
+        gap: SizesTypes;
+        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, DefaultTheme>>;
+        paddingTop: SizesTypes;
+        paddingBottom: SizesTypes;
+        paddingLeft: SizesTypes;
+        paddingRight: SizesTypes;
+        autoplay: boolean;
+        autoplayDuration: number;
+        formProps: import("containers/types/types").FormContainerProps;
+        formStepProps: import("containers/types/types").FormStepContainerProps;
+        border: string;
+        activeChildrenIds: string[];
+        activeOrganismIds: string[];
+        padding: import("containers/types/types").Padding;
     }> | undefined;
+    metadata?: AnyObject | undefined;
 }, never>;
+export declare const getConfigurationWrapperStyle: ({ $selected, isConfigurationMode, theme: { colors }, }: {
+    $selected?: boolean | undefined;
+    isConfigurationMode?: boolean | undefined;
+    theme: DefaultTheme;
+}) => import("styled-components").FlattenSimpleInterpolation;

package/dist/cjs/src/containers/types/moleculeTypes.d.ts

@@ -1,10 +1,15 @@
-import { SelectOption } from 'atoms';
-import { AdditionalTabContainerProps, ButtonProps, CheckboxFieldProps, ImageProps, InputFieldProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
+import { LinkVariant, SelectOption } from 'atoms';
+import { AdditionalTabContainerProps, AvatarDropdownMenuConfigType, AvatarDropdownProps, ButtonProps, CheckboxFieldProps, ChecklistItem, ConsentType, ImageProps, InputFieldProps, LinkProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
+import { Dispatch, SetStateAction } from 'react';
 import { UseFormReturn } from 'react-hook-form';
-import { CSSProperties } from 'styled-components';
-import type { AnyObject, Nullable, StrictUnion } from 'typescript';
-import { ContainerComponentProps } from './types';
+import type { AnyObject, Nullable, StrictUnion, StylesType } from 'typescript';
+import { SizesTypes } from 'theme';
+import { CheckboxInternalConfigProps } from 'atoms/Checkbox/types';
+import { MaskConfig } from 'atoms/Input/helpers';
+import { ConditionConfig, ContainerComponentProps, MetadataType } from './types';
 export declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
+export declare type DataModelFieldFormatCodeTypes = 'date' | 'email' | 'string' | 'integer' | 'boolean' | 'numeric' | 'zip_code' | 'phone_number';
+export 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';
 export declare type DownloadFile = {
     url: string;
     name: string;
@@ -28,6 +33,18 @@ declare type Action = {
     reset: ResetAction;
     destroy: DestroyAction;
 }>;
+export declare type FormStateType = 'default' | 'success' | 'error' | 'format_error' | 'field_error' | 'open_dropdown' | 'match_error';
+export declare type ProcessTrackerStatus = 'complete' | 'incomplete' | 'in_progress';
+export declare type OrientationType = 'horizontal' | 'vertical';
+export declare type OrientationTypeLabel = 'Horizontal' | 'Vertical';
+export declare type ProcessStep = {
+    id: string;
+    title: Partial<TextAttributes>;
+    description?: Partial<TextAttributes>;
+    status?: ProcessTrackerStatus;
+    link?: Partial<LinkAttributes>;
+    order: number;
+};
 export declare type ImageAttributes = {
     attributeType: 'image';
     imageSource: string;
@@ -35,7 +52,7 @@ export declare type ImageAttributes = {
 export interface TextAttributes {
     id?: string;
     attributeType: 'text';
-    isRichText: boolean;
+    isRichText?: boolean;
     text: string;
 }
 export interface VideoAttributes {
@@ -49,7 +66,7 @@ export interface ActionAttributes {
 export interface LinkAttributes {
     id: string;
     attributeType: 'link';
-    type: 'internalLink' | 'externalLink';
+    type: 'internalLink' | 'externalLink' | 'external_link' | 'internal_link';
     internalLink: Nullable<string>;
     externalLink: Nullable<string>;
     name: string;
@@ -68,62 +85,125 @@ export interface IterableAttributes {
     attributeType: 'iterable';
     options: SelectOption[];
 }
-export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field';
+export declare type DataModelFieldFormat = {
+    id: string;
+    label: string;
+    value: DataModelFieldFormatValueTypes;
+    code: DataModelFieldFormatCodeTypes;
+    config: MaskConfig;
+};
+export declare type DataConnectionValues = {
+    dataFieldName: string;
+    dataModelFieldId: string;
+    defaultValue?: string;
+    entitySubtypeId?: string;
+    entitySubtypeName?: string;
+    format: DataModelFieldFormat;
+};
+export interface DataConnectionAttributes {
+    id: string;
+    attributeType: 'data_model_field';
+    dataModelField: DataConnectionValues;
+}
+export interface ConditionConfigAttributes {
+    id: string;
+    attributeType: 'condition_config';
+    conditionConfig: ConditionConfig;
+}
+export interface ColorAttributes {
+    attributeType: 'color';
+    color: string;
+}
+export interface ProcessStepsAttributes {
+    orientation: {
+        attributeType: 'select';
+        options: {
+            id: OrientationType;
+            label: OrientationTypeLabel;
+        }[];
+        value: OrientationType;
+    };
+    processSteps: {
+        attributeType: 'process_steps';
+        steps: ProcessStep[];
+    };
+}
+export interface ChecklistAttributes {
+    checklist: {
+        attributeType: 'checklist';
+        items: ChecklistItem[];
+    };
+}
+export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent' | 'link' | 'password_setup_field' | 'account_button' | 'process_steps' | 'checklist';
 export interface BaseMolecule {
     id: string;
-    instance: 'molecule';
     type: MoleculeTypes;
-    metadata?: AnyObject;
+    instance: 'molecule';
+    metadata: MetadataType;
+    moleculeLibraryId: string;
+    organismLibraryMoleculeId: string;
 }
 export interface ImageMolecule extends BaseMolecule {
     type: 'image';
-    attributes: {
+    attributes: Partial<{
         image: ImageAttributes;
         altText: Omit<TextAttributes, 'isRichText'>;
         link: LinkAttributes;
-    };
+    }>;
     config: {
-        props: Omit<ImageProps, 'src' | 'link' | 'altText'>;
+        props?: Omit<ImageProps, 'src' | 'link' | 'altText'>;
     };
 }
 export interface TextMoleculeType extends BaseMolecule {
     type: 'text';
-    attributes: {
+    attributes: Partial<{
         text: TextAttributes;
         seoStyle: SelectAttributes;
-    };
+        fontVariant: SelectAttributes;
+        color: ColorAttributes;
+    }>;
     config: {
-        props: TextMoleculeProps;
+        props?: TextMoleculeProps;
     };
 }
 export interface ButtonMolecule extends BaseMolecule {
     type: 'button';
-    attributes: {
+    attributes: Partial<{
         title: TextAttributes;
         action: ActionAttributes;
-    };
+    }>;
     config: {
-        props: Partial<Omit<ButtonProps, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
+        props?: Partial<Omit<ButtonProps, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
     };
 }
 export interface VideoMolecule extends BaseMolecule {
     type: 'video';
-    attributes: {
+    attributes: Partial<{
         video: VideoAttributes;
         altText: Omit<TextAttributes, 'isRichText'>;
         autoPlayVideo: BooleanAttributes;
         enableCoverImage: BooleanAttributes;
         coverImage: ImageAttributes;
-    };
+    }>;
     config: {
         props: Partial<{
             width: number;
-            styles: CSSProperties;
+            styles: StylesType;
         }>;
     };
 }
 export interface TabGroupMolecule extends BaseMolecule {
     type: 'header_tab_group';
+    attributes: Partial<{
+        tabs: {
+            tabKey: string;
+            text: string;
+            disabled: boolean;
+            divider: boolean;
+        }[];
+        activeTabKey: string;
+        attributeType: 'tab_group';
+    }>;
     config: {
         props: TabGroupProps;
         wide: AdditionalTabContainerProps;
@@ -132,57 +212,134 @@ export interface TabGroupMolecule extends BaseMolecule {
 }
 export interface TextInputMolecule extends BaseMolecule {
     type: 'input_field';
-    attributes: {
+    attributes: Partial<{
         label: TextAttributes;
         required: BooleanAttributes;
-        inputType: SelectAttributes;
-    };
+        dataModelField: DataConnectionAttributes;
+        conditionConfig: ConditionConfigAttributes;
+    }>;
     config: {
-        props: Partial<{
-            state: 'default' | 'error';
-        } & InputFieldProps>;
+        props: InputFieldProps;
     };
 }
 export interface SelectFieldMolecule extends BaseMolecule {
     type: 'select_field';
-    attributes: {
+    attributes: Partial<{
         label: TextAttributes;
         required: BooleanAttributes;
         options: IterableAttributes;
-    };
+        dataModelField: DataConnectionAttributes;
+        conditionConfig: ConditionConfigAttributes;
+    }>;
     config: {
-        props: Partial<{
-            state: 'default' | 'error';
-        } & SelectFieldProps>;
+        props: SelectFieldProps;
     };
 }
 export interface RadioButtonFieldMolecule extends BaseMolecule {
     type: 'radio_button_field';
-    attributes: {
+    attributes: Partial<{
         label: TextAttributes;
         required: BooleanAttributes;
         options: IterableAttributes;
-    };
+        dataModelField: DataConnectionAttributes;
+        conditionConfig: ConditionConfigAttributes;
+    }>;
     config: {
-        props: Partial<{
-            state: 'default' | 'error';
-        } & RadioButtonFieldProps<string>>;
+        props: RadioButtonFieldProps<string>;
     };
 }
 export interface CheckboxFieldMolecule extends BaseMolecule {
     type: 'checkbox_field';
-    attributes: {
+    attributes: Partial<{
         label: TextAttributes;
         required: BooleanAttributes;
         options: IterableAttributes;
+        dataModelField: DataConnectionAttributes;
+        conditionConfig: ConditionConfigAttributes;
+    }>;
+    config: {
+        props: CheckboxFieldProps;
     };
+}
+export interface ConsentFieldMolecule extends BaseMolecule {
+    type: 'consent';
+    attributes: Partial<{
+        consent: Partial<{
+            attributeType: 'consent';
+            consent: ConsentType;
+            required: BooleanAttributes;
+        }>;
+        conditionConfig: ConditionConfigAttributes;
+    }>;
     config: {
         props: Partial<{
-            state: 'default' | 'error';
-        } & CheckboxFieldProps>;
+            state: 'field_error';
+        }>;
+    };
+}
+export interface LinkMolecule extends BaseMolecule {
+    type: 'link';
+    attributes: {
+        text: TextAttributes;
+        link: LinkAttributes;
+    };
+    config: {
+        props: Omit<LinkProps, '$variant' | '$styles'> & Partial<{
+            variant: LinkVariant;
+            styles: StylesType;
+        }>;
+    };
+}
+export interface PasswordSetupMolecule extends BaseMolecule {
+    type: 'password_setup_field';
+    attributes: Partial<{
+        passwordFieldLabel: TextAttributes;
+        reenteredPasswordFieldLabel: TextAttributes;
+        passwordFieldRequired: BooleanAttributes;
+        reenteredPasswordFieldRequired: BooleanAttributes;
+        dataModelField: DataConnectionAttributes;
+    }>;
+    config: {
+        props: {
+            validationLabel?: string;
+            state?: FormStateType;
+            passwordInputProps: InputFieldProps;
+            reenteredPasswordInputProps: InputFieldProps;
+        };
     };
 }
-export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule> & {
-    form?: UseFormReturn<any>;
+export interface AccountButtonMolecule extends BaseMolecule {
+    type: 'account_button';
+    config: {
+        props: AvatarDropdownProps<AvatarDropdownMenuConfigType>;
+    };
+}
+export interface ProcessStepsMoleculeType extends BaseMolecule {
+    type: 'process_steps';
+    organismMoleculeLibraryId: string;
+    attributes: ProcessStepsAttributes;
+}
+export interface ChecklistsMolecule extends BaseMolecule {
+    type: 'checklist';
+    config: {
+        props: {
+            gap: SizesTypes;
+        } & CheckboxInternalConfigProps;
+    };
+    attributes: ChecklistAttributes;
+}
+export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule | PasswordSetupMolecule | AccountButtonMolecule | ProcessStepsMoleculeType | ChecklistsMolecule> & Partial<{
+    form: UseFormReturn<any>;
+    formData: AnyObject;
+    setFormData: Dispatch<SetStateAction<AnyObject>>;
+}>;
+export declare type SlateValueChildType = {
+    id: string;
+    text: string;
+    variable?: {
+        dataModelField: DataConnectionValues;
+        text: string;
+        isStateConfigPresent?: boolean;
+    };
 };
 export {};

package/dist/cjs/src/containers/types/types.d.ts

@@ -1,43 +1,135 @@
 import { TabGroupProps } from 'molecules';
 import { PropsWithChildren } from 'react';
-import { CSSProperties } from 'styled-components';
 import { ValidationMode } from 'react-hook-form';
-import type { AnyObject, StylesType } from 'typescript';
-import { Molecule } from './moleculeTypes';
-export declare type ContainerType = 'row' | 'column' | 'slider' | 'form';
+import { CSSProperties } from 'styled-components';
+import { SizesTypes } from 'theme';
+import type { AnyObject, Nullable, StrictUnion, StylesType } from 'typescript';
+import { Molecule, ProcessStep } from './moleculeTypes';
+export declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step' | 'dynamic';
+export declare type ContainerTemplateType = 'row_content_container';
+export declare type WrappedContainerType = Extract<ContainerType, 'slider' | 'form' | 'form_step'>;
 export declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
+export declare type ContainerAlignItemsType = 'start' | 'center' | 'end' | 'stretch';
 export declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
+export declare type StateActionType = 'visible' | 'disabled';
+export declare type StateEventType = 'click' | 'view';
+export declare type StateListenerConfigType = {
+    role: 'stateListener';
+    stateKey: string;
+    stateValue: string | boolean;
+    defaultState: Partial<Record<StateActionType, boolean>>;
+    action: Partial<Record<StateActionType, boolean>>;
+};
+export declare type StateModifierConfigType = {
+    role: 'stateModifier';
+    stateKey: string;
+    event: StateEventType;
+};
+export declare type MetadataStateConfig = StateListenerConfigType | StateModifierConfigType;
+export declare type MetadataType = AnyObject & Partial<{
+    stateConfig: MetadataStateConfig[];
+    referenceName: string;
+    isAction: boolean;
+    isTrigger: boolean;
+    notEditable: boolean;
+    hasOwnButton: boolean;
+    stateListenerId: string;
+    configurationPath: string;
+}>;
+export declare type SliderProps = {
+    autoplay?: boolean;
+    autoplayDuration?: number;
+};
+export declare type FormStepContainerProps = {
+    formStepName: string;
+    order: number;
+    conditionConfig: ConditionConfig;
+    formStepStyles?: CSSProperties;
+};
+export declare type FormContainerProps = {
+    mode: keyof ValidationMode;
+};
+export declare type PaddingVariants = 'top' | 'right' | 'bottom' | 'left';
+export declare type Padding = Record<PaddingVariants, SizesTypes | number> | SizesTypes | string;
 export declare type ContainerPropsType = Partial<{
     position: ContainerPositionType;
+    alignItems: ContainerAlignItemsType;
     scrollBehaviour: ContainerScrollBehaviourType;
-    cornerRadius: number;
+    cornerRadius: SizesTypes | number;
+    gap: SizesTypes;
     styles: StylesType;
-    formProps: {
-        mode: keyof ValidationMode;
-    };
+    paddingTop: SizesTypes;
+    paddingBottom: SizesTypes;
+    paddingLeft: SizesTypes;
+    paddingRight: SizesTypes;
+    autoplay: boolean;
+    autoplayDuration: number;
+    formProps: FormContainerProps;
+    formStepProps: FormStepContainerProps;
+    border: string;
+    activeChildrenIds: string[];
+    activeOrganismIds: string[];
+    padding: Padding;
 }>;
 export declare type AdditionalContainerProps = Partial<{
     containerStyle: CSSProperties;
     containerProps: ContainerPropsType;
 }>;
-export declare type ContainerProps = PropsWithChildren<Partial<{
+export declare type ContainerProps = PropsWithChildren<{
     type: ContainerType;
+    metadata: MetadataType;
+} & Partial<{
+    containerTemplateType: ContainerTemplateType;
     wide: AdditionalContainerProps;
     compact: AdditionalContainerProps;
     props: ContainerPropsType;
+    isMobile: boolean;
 }>>;
 export declare type ContainerComponentProps = {
     id: string;
     instance: 'container';
     type: ContainerType;
     items: (ContainerComponentProps | Molecule)[];
-    config: {
-        wide?: AdditionalContainerProps;
-        compact?: AdditionalContainerProps;
-        props?: ContainerPropsType;
-    };
+    config: Partial<{
+        wide: AdditionalContainerProps;
+        compact: AdditionalContainerProps;
+        props: ContainerPropsType;
+    }>;
     tabsProps?: Pick<TabGroupProps, 'tabs' | 'activeTabKey' | 'onTabChange'>;
-    metadata?: AnyObject;
+    metadata?: MetadataType;
     attributes?: AnyObject;
     containerLibraryId?: string;
+    isMobile?: boolean;
+    isConfigurationMode?: boolean;
+};
+export declare type CriteriaType = 'operator' | 'condition';
+export declare type ConditionCriteria = {
+    id: string;
+    type: CriteriaType;
+    operator: string;
+    dataFieldId: Nullable<string>;
+    subtypeId: Nullable<string>;
+    dataFieldName: Nullable<string>;
+    dataValue: Nullable<string>;
+    connectedTo: Nullable<string>;
+};
+export declare type SegmentationType = 'simple' | 'advanced';
+export declare type ConditionConfig = Nullable<{
+    id: string;
+    segmentationType: SegmentationType;
+    criteriaList: ConditionCriteria[];
+}>;
+export declare type FormDataStateConfig = {
+    value?: string | number;
+} & Record<string, {
+    value?: string | number;
+}>;
+export declare type ActionEventType = Record<string, boolean>;
+export declare type ProcessTrackerStateValue = {
+    visible?: boolean;
+    journeyId: string;
+    steps: Pick<ProcessStep, 'id' | 'status' | 'link' | 'order'>[];
+};
+export declare type StateConfigType = {
+    [stateKey: string]: Nullable<StrictUnion<boolean | string | FormDataStateConfig | ActionEventType | ProcessTrackerStateValue>>;
 };

package/dist/cjs/src/contexts/AccountButtonContext/AccountButtonContext.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { Callback } from 'typescript';
+export declare type AccountButtonContextType = Partial<{
+    userInitials: string;
+    logOutHandler: Callback;
+    goToAccountInfo: Callback;
+    username: string;
+}>;
+export declare const AccountButtonContext: import("react").Context<Partial<{
+    userInitials: string;
+    logOutHandler: Callback;
+    goToAccountInfo: Callback;
+    username: string;
+}>>;

package/dist/cjs/src/contexts/AccountButtonContext/AccountButtonContextProvider.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+import { Callback } from 'typescript';
+export declare type AccountButtonProviderProps = PropsWithChildren<Partial<{
+    userInitials: string;
+    logOutHandler: Callback;
+    goToAccountInfo: Callback;
+    username: string;
+}>>;
+export declare const AccountButtonProvider: ({ children, goToAccountInfo, userInitials, logOutHandler, username, }: AccountButtonProviderProps) => JSX.Element;

package/dist/cjs/src/contexts/ButtonActionsContext/ButtonActionsContext.d.ts

@@ -4,8 +4,9 @@ export declare type ButtonActionsContextType = {
     actionContent?: ContainerComponentProps;
     setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
     isModalVisible: boolean;
-    setModalVisible: Dispatch<SetStateAction<boolean>>;
     isDrawerVisible: boolean;
     setDrawerVisible: Dispatch<SetStateAction<boolean>>;
+    setActivePopUpById: (id: string) => void;
+    onCloseModal: (id: string) => void;
 };
 export declare const ButtonActionsContext: import("react").Context<ButtonActionsContextType>;

package/dist/cjs/src/contexts/ButtonActionsContext/ButtonActionsContextProvider.d.ts

@@ -1,11 +1,26 @@
 import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
-import { ContainerComponentProps } from 'containers';
+import { AnyObject } from 'typescript';
+import { ContainerComponentProps, Molecule } from 'containers';
+export declare type PopupPropsType = {
+    id: string;
+    config: {
+        styles?: AnyObject;
+        size?: 'large' | 'medium';
+        withCloseIcon?: boolean;
+    };
+    content: {
+        embedded?: (ContainerComponentProps | Molecule)[];
+        isi?: ContainerComponentProps | Molecule;
+    };
+};
 export declare type ButtonActionsProviderProps = PropsWithChildren<Partial<{
     actionContent: ContainerComponentProps;
     setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
     isModalVisible: boolean;
-    setModalVisible: Dispatch<SetStateAction<boolean>>;
     setDrawerVisible: Dispatch<SetStateAction<boolean>>;
     isDrawerVisible: boolean;
+    setActivePopUpById: (id: string) => void;
+    onCloseModal: (id: string) => void;
+    popupProps?: PopupPropsType[];
 }>>;
-export declare const ButtonActionsProvider: ({ children }: ButtonActionsProviderProps) => JSX.Element;
+export declare const ButtonActionsProvider: ({ children, popupProps }: ButtonActionsProviderProps) => JSX.Element;

package/dist/cjs/src/contexts/FormStepContext/FormStepContext.d.ts

@@ -0,0 +1,13 @@
+import { Dispatch, SetStateAction } from 'react';
+export 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>>;
+};
+export declare const FormStepContext: import("react").Context<FormStepContextType>;

package/dist/cjs/src/contexts/FormStepContext/FormStepContextProvider.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+export declare type FormStepContextProviderProps = PropsWithChildren<{
+    initialStepsCount?: number;
+}>;
+export declare const FormStepContextProvider: ({ initialStepsCount, children, }: FormStepContextProviderProps) => JSX.Element;

package/dist/cjs/src/contexts/FormStepContext/utils.d.ts

@@ -0,0 +1,2 @@
+import { ContainerComponentProps } from 'containers';
+export declare const getFormStepContainers: (items: ContainerComponentProps[]) => ContainerComponentProps[];