@zealicsolutions/web-ui 0.4.36 → 0.4.38

package/dist/cjs/src/atoms/Avatar/Avatar.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Callback } from 'typescript';
 import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
 import { IconNames } from '..';

package/dist/cjs/src/atoms/Avatar/Avatar.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { Avatar as AvatarComponent } from './Avatar';
 declare const _default: {

package/dist/cjs/src/atoms/Buttons/IconButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ThemeColors } from 'theme';
 import { IconNames, TouchableOpacityProps } from 'atoms';
 import type { Callback } from 'typescript';

package/dist/cjs/src/atoms/Checkbox/Checkbox.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CheckboxInternalConfigProps } from './types';
 export declare type CheckboxProps = {
     id: string;

package/dist/cjs/src/atoms/Checkbox/Checkbox.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { Checkbox as CheckboxComponent } from './Checkbox';
 declare const _default: {

package/dist/cjs/src/atoms/Circle/Circle.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare type CircleType = 'link' | 'message';
 export declare type CircleBoxProps = {
     index: number;

package/dist/cjs/src/atoms/Circle/Circle.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { Circle as CircleComponent } from 'atoms/Circle/Circle';
 declare const _default: {

package/dist/cjs/src/atoms/CircularIndicator/CircularIndicator.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ThemeColors } from 'theme';
 export declare type CircularIndicatorProps = {
     active: boolean;

package/dist/cjs/src/atoms/CircularIndicator/CircularIndicator.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
 import { CircularIndicator as CircularIndicatorComponent } from './CircularIndicator';
 declare const _default: {

package/dist/cjs/src/atoms/HorizontalButtons/HorizontalButtons.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare type HorizontalButtonsProps = {
     selectedButtonId: string;
     buttonOptions: {

package/dist/cjs/src/atoms/HorizontalButtons/HorizontalButtons.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { HorizontalButtons as HorizontalButtonsComponent } from './HorizontalButtons';
 declare const _default: {

package/dist/cjs/src/atoms/Icon/Icon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CSSProperties } from 'styled-components';
 import { ThemeColors } from 'theme';
 export declare type IconProps = {

package/dist/cjs/src/atoms/Icon/Icon.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { Icon as IconComponent } from './Icon';
 declare const _default: {

package/dist/cjs/src/atoms/RadioButtons/RadioButtons.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RadioGroup } from '@mui/material';
 import { RefCallBack } from 'react-hook-form/dist/types';
 import { SizesTypes, ThemeColors } from 'theme';

package/dist/cjs/src/atoms/RadioButtons/RadioButtons.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
 import { RadioButtons as RadioButtonsComponent } from './RadioButtons';
 declare const _default: {

package/dist/cjs/src/atoms/RadioButtons/RadioOption.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RadioButtonInternalConfigProps, SelectOption } from 'atoms';
 declare type RadioOptionProps = {
     option: SelectOption;

package/dist/cjs/src/atoms/RichTextViewer/RichTextViewer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TextProps } from 'atoms';
 import { Descendant } from 'slate';
 import { FontSizesTypes, ThemeColors } from 'theme';

package/dist/cjs/src/atoms/RichTextViewer/components/EditorElement.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RenderElementProps } from 'slate-react/dist/components/editable';
 import { Callback } from 'typescript';
 export declare const EditorElement: ({ element, children, attributes, onClick, }: RenderElementProps & {

package/dist/cjs/src/atoms/RichTextViewer/components/Leaf.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { RenderLeafProps } from 'slate-react';
 export declare const Leaf: ({ leaf, children, attributes }: RenderLeafProps) => JSX.Element;

package/dist/cjs/src/atoms/Select/Select.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RefCallBack } from 'react-hook-form/dist/types';
 import { ThemeColors } from 'theme';
 import type { AnyObject, Callback, StylesType } from 'typescript';

package/dist/cjs/src/atoms/Select/Select.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { StoryFn } from '@storybook/react';
 import { SelectProps } from './Select';
 declare const _default: {

package/dist/cjs/src/atoms/Tab/styles.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TabProps } from 'atoms/Tab/Tab';
 declare type TabContainerProps = Pick<TabProps, 'isActive' | 'disabled' | 'tabTheme' | 'selectedTabTextColor' | 'styles' | 'defaultTabTextColor'>;
 declare type TabTextProps = Pick<TabProps, 'tabTheme' | 'textSize' | 'defaultTabTextColor' | 'tabPadding' | 'tabFont'>;

package/dist/cjs/src/atoms/TextWrapper/TextWrapper.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
 import { TextWrapperProps } from 'atoms';
 declare const _default: {

package/dist/cjs/src/atoms/Toast/ToastContent.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ToastType } from './types';
 declare type ToastContentProps = {
     type: ToastType;

package/dist/cjs/src/atoms/Tooltip/Tooltip.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TooltipProps as TooltipComponentProps } from 'rc-tooltip/lib/Tooltip';
 import { OverrideStyles, StylesType } from 'typescript';
 import 'rc-tooltip/assets/bootstrap.css';

package/dist/cjs/src/atoms/ValidationTag/ValidationTag.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare type ValidationTagStatus = 'DEFAULT' | 'ERROR' | 'SUCCESS';
 export declare type ValidationTagProps = {
     status: ValidationTagStatus;

package/dist/cjs/src/atoms/ValidationTag/ValidationTag.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { ValidationTag as ValidationTagComponent } from './ValidationTag';
 declare const _default: {

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

@@ -1,6 +1,6 @@
 import { FormStepContainerProps, MetadataType } from 'containers';
-import { InputFieldTypes } from 'fieldsConfiguration';
 import { PropsWithChildren } from 'react';
+import { InputFieldTypes } from '../fieldsConfiguration';
 export declare type StepContainerProps = PropsWithChildren<Partial<FormStepContainerProps>> & {
     id: string;
     metadata?: MetadataType;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Molecule } from 'containers';
 import { TabGroupProps } from 'molecules';
 export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id, formData, setFormData, isMobile, metadata, }: Molecule & {

package/dist/cjs/src/containers/hooks/useStateListenerValue.d.ts

@@ -5,5 +5,8 @@ declare type UseStateListenerValueProps = {
 export declare const useStateListenerValue: ({ id, isAction }: UseStateListenerValueProps) => {
     isStateDisabled: boolean;
     isStateVisible: boolean;
+    trackerSteps: Record<string, {
+        status?: string | undefined;
+    }> | undefined;
 };
 export {};

package/dist/cjs/src/containers/mock-data.d.ts

@@ -294,3 +294,4 @@ export declare const popUP: {
         isi: null;
     };
 };
+export declare const TrackerOrganism: ContainerComponentProps;

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

@@ -32,6 +32,17 @@ declare type Action = {
     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;
@@ -53,7 +64,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;
@@ -101,9 +112,24 @@ export interface ColorAttributes {
     attributeType: 'color';
     color: string;
 }
-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';
+export interface ProcessStepsAttributes {
+    orientation: {
+        attributeType: 'select';
+        options: {
+            id: OrientationType;
+            label: OrientationTypeLabel;
+        }[];
+        value: OrientationType;
+    };
+    processSteps: {
+        attributeType: 'process_steps';
+        steps: ProcessStep[];
+    };
+}
+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';
 export interface BaseMolecule {
     id: string;
+    moleculeLibraryId: string;
     instance: 'molecule';
     type: MoleculeTypes;
     metadata?: MetadataType;
@@ -269,7 +295,12 @@ export interface AccountButtonMolecule extends BaseMolecule {
         props: AvatarDropdownProps<AvatarDropdownMenuConfigType>;
     };
 }
-export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule | PasswordSetupMolecule | AccountButtonMolecule> & Partial<{
+export interface ProcessStepsMoleculeType extends BaseMolecule {
+    type: 'process_steps';
+    organismMoleculeLibraryId: string;
+    attributes: ProcessStepsAttributes;
+}
+export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule | PasswordSetupMolecule | AccountButtonMolecule | ProcessStepsMoleculeType> & Partial<{
     form: UseFormReturn<any>;
     formData: AnyObject;
     setFormData: Dispatch<SetStateAction<AnyObject>>;

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

@@ -5,6 +5,7 @@ import { CSSProperties } from 'styled-components';
 import { SizesTypes } from 'theme';
 import type { AnyObject, Nullable, StylesType } from 'typescript';
 import { Molecule } from './moleculeTypes';
+import { 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'>;
@@ -32,6 +33,7 @@ export declare type MetadataType = AnyObject & Partial<{
     isTrigger: boolean;
     notEditable: boolean;
     hasOwnButton: boolean;
+    stateListenerId: string;
 }>;
 export declare type SliderProps = {
     autoplay?: boolean;
@@ -114,4 +116,11 @@ export declare type FormDataStateConfig = {
     value?: string | number;
 }>;
 export declare type ActionEventType = Record<string, boolean>;
-export declare type StateConfigType = Record<string, Nullable<boolean | string | FormDataStateConfig | ActionEventType>>;
+export declare type TrackerStateJbject = {
+    visible: boolean;
+    journeyId: string;
+    steps: Partial<ProcessStep & {
+        nodeId: string;
+    }>[];
+};
+export declare type StateConfigType = Record<string, Nullable<boolean | string | FormDataStateConfig | ActionEventType | TrackerStateJbject>>;

package/dist/cjs/src/icons/ArrowRight.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms/Icon/Icon';
 export declare const ArrowRight: ({ color, ...props }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Bell.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms/Icon/Icon';
 export declare const Bell: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Bookmark.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms/Icon/Icon';
 export declare const Bookmark: ({ fill, color, size, ...props }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/CaretDown.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms/Icon/Icon';
 export declare const CaretDown: ({ color, size, }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/CaretLeft.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms/Icon/Icon';
 export declare const CaretLeft: ({ color, size, ...props }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/CaretRight.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from 'atoms';
 export declare const CaretRight: ({ color, size, ...props }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/CaretUp.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms/Icon/Icon';
 export declare const CaretUp: ({ color, ...props }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Check.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms';
 export declare const Check: ({ size, color, }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Close.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms/Icon/Icon';
 export declare const Close: ({ size, color, }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Edit.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms/Icon/Icon';
 export declare const Edit: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Filter.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms';
 export declare const Filter: ({ size, color, }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Hide.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms';
 export declare const Hide: ({ color, size }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Info.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms';
 export declare const Info: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/InfoBoxIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from '../atoms';
 export declare const InfoBoxIcon: ({ color, size }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Mail.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms';
 export declare const Mail: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Menu.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms/Icon/Icon';
 export declare const Menu: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Minus.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from 'atoms';
 export declare const Minus: ({ size, color, }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Mobile.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms';
 export declare const Mobile: ({ size, color, }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Play.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IconProps } from 'atoms';
 export declare const Play: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Save.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms/Icon/Icon';
 export declare const Save: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Search.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms';
 export declare const Search: ({ size, color, ...props }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/View.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms';
 export declare const View: ({ color, size, }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Warning.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { IconProps } from 'atoms/Icon/Icon';
 export declare const Warning: ({ size, color, }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/molecules/Alert/Alert.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CSSProperties } from 'styled-components';
 import { ThemeColors } from 'theme';
 import type { Callback } from 'typescript';

package/dist/cjs/src/molecules/Alert/Alert.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { Alert as AlertComponent, AlertProps } from './Alert';
 declare const _default: {

package/dist/cjs/src/molecules/AvatarDropdown/AvatarDropdown.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AvatarProps } from 'atoms';
 import { MenuItemsProps } from '../MenuItems/MenuItems';
 import 'rc-dropdown/assets/index.css';

package/dist/cjs/src/molecules/AvatarDropdown/AvatarDropdown.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { AvatarDropdown as AvatarDropdownComponent } from './AvatarDropdown';
 declare const _default: {

package/dist/cjs/src/molecules/BottomNavBarItem/BottomNavBarItem.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { BottomNavBarItem as BottomNavBarItemComponent } from './BottomNavBarItem';
 declare const _default: {

package/dist/cjs/src/molecules/Button/Button.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
 import { Button as ButtonComponent } from 'molecules';
 declare const _default: {

package/dist/cjs/src/molecules/CheckboxField/CheckboxField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SelectOption } from 'atoms';
 import { CheckboxInternalConfigProps } from 'atoms/Checkbox/types';
 import { ConditionConfig, FormStateType } from 'containers';

package/dist/cjs/src/molecules/CheckboxField/CheckboxField.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
 import { CheckboxField as CheckboxFieldComponent } from 'molecules';
 declare const _default: {

package/dist/cjs/src/molecules/CheckboxField/CheckboxGroup.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RefCallBack } from 'react-hook-form/dist/types';
 import type { Callback } from 'typescript';
 import { CheckboxesProps } from './CheckboxField';

package/dist/cjs/src/molecules/Columns/Column.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseColumnProps } from './types';
 export declare const Column: ({ item }: BaseColumnProps) => JSX.Element;
 export declare const ImageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/cjs/src/molecules/Columns/ColumnImage.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseColumnProps } from './types';
 export declare type ColumnImageProps = BaseColumnProps & {
     isMobile: boolean;

package/dist/cjs/src/molecules/Columns/Columns.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { Columns as ColumnsComponent } from './Columns';
 declare const _default: {

package/dist/cjs/src/molecules/Columns/useAnnotationCircle.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TextButtonProps } from 'atoms';
 export declare const useAnnotationCircle: (linkButton?: TextButtonProps) => {
     circleJSX: false | JSX.Element;

package/dist/cjs/src/molecules/Consent/Consent.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CustomDescendant } from 'atoms/RichTextViewer/types';
 import { ConsentCaptureProps } from 'molecules/Consent/ConsentCapture';
 import { CSSProperties } from 'styled-components';

package/dist/cjs/src/molecules/Consent/Consent.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
 import { Consent as ConsentComponent } from 'molecules/Consent/Consent';
 declare const _default: {

package/dist/cjs/src/molecules/Consent/ConsentCapture.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RadioButtonsProps } from 'atoms';
 import { ButtonProps } from 'molecules';
 export declare type ButtonCaptureProps = {

package/dist/cjs/src/molecules/Consent/ConsentMolecule.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ConsentFieldMolecule } from 'containers';
 import { AnyObject } from 'typescript';
 declare type ConsentMoleculeProps = {

package/dist/cjs/src/molecules/CustomValidation/CustomValidation.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FormStateType } from 'containers';
 export declare type CustomValidationRule<T = string> = {
     text: string;

package/dist/cjs/src/molecules/CustomValidation/CustomValidation.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { CustomValidation as CustomValidationComponent } from './CustomValidation';
 declare const _default: {

package/dist/cjs/src/molecules/EmphasizedText/EmphasizedText.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare type EmphasizedTextProps = {
     type: 'emphasized_text';
     invertColors: boolean;

package/dist/cjs/src/molecules/EmphasizedText/EmphasizedText.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { EmphasizedText as EmphasizedTextComponent } from './EmphasizedText';
 declare const _default: {

package/dist/cjs/src/molecules/FeedContentHeader/FeedContentHeader.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputFieldProps, MenuItemsProps } from 'molecules';
 import { FilteredFeedContentType } from 'organisms';
 export declare type FeedTemplateKeys = `feed_${'a' | 'b'}`;

package/dist/cjs/src/molecules/FeedContentHeader/FeedContentHeader.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ComponentStory } from '@storybook/react';
 import { FeedContentHeader as FeedContentHeaderComponent } from './FeedContentHeader';
 declare const _default: {

package/dist/cjs/src/molecules/FieldLabels/FieldLabels.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FontSizesTypes, ThemeColors } from 'theme';
 import type { Nullable, StylesType } from 'typescript';
 export declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';

package/dist/cjs/src/molecules/FieldLabels/FieldLabels.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { StoryFn } from '@storybook/react';
 import { FieldLabelsProps } from './FieldLabels';
 declare const _default: {

package/dist/cjs/src/molecules/FieldMapper/FieldMapper.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { UIField } from 'fieldsConfiguration';
 import { Control } from 'react-hook-form/dist/types';
 import { StylesType } from 'typescript';

package/dist/cjs/src/molecules/FieldSection/FieldSection.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Control } from 'react-hook-form/dist/types';
 import { UIFields } from '../../fieldsConfiguration';
 export declare type FieldSectionProps<T extends object> = {

package/dist/cjs/src/molecules/FieldSection/FieldSection.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { FieldSection as FieldSectionComponent } from './FieldSection';
 declare const _default: {

package/dist/cjs/src/molecules/HeroImage/HeroImage.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RegularImageProps } from 'atoms';
 import { ButtonProps } from 'molecules';
 export declare type HeroImageAlignment = 'left_aligned' | 'center_aligned';