@zealicsolutions/web-ui 0.3.83 → 0.3.85

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,6 +1,9 @@
+/// <reference types="react" />
 import { TextProps } from 'atoms';
+import { Descendant } from 'slate';
 import { FontSizesTypes, ThemeColors } from 'theme';
 import { AnyObject, StylesType } from 'typescript';
+export declare const defaultValue: Descendant[];
 export declare const MATRIX_MESSAGE_ELEMENT_ID = "matrix-message";
 export declare const COMMUNICATION_LINK_ELEMENT_ID = "communication-link";
 export declare const MATRIX_MESSAGE_DATA_ID = "matrix-message-id";

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { RenderElementProps } from 'slate-react/dist/components/editable';
 export declare const EditorElement: ({ element, children, attributes }: RenderElementProps) => JSX.Element;

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

@@ -4,4 +4,4 @@ export declare type StepContainerProps = PropsWithChildren<Partial<FormStepConta
     id: string;
     metadata?: MetadataType;
 };
-export declare const FormStepContainer: ({ order, id, metadata }: StepContainerProps) => JSX.Element | null;
+export declare const FormStepContainer: ({ order, id, metadata, formStepStyles, }: StepContainerProps) => JSX.Element | null;

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

@@ -1,9 +1,12 @@
+/// <reference types="react" />
+import { CustomDescendant } from 'atoms/RichTextViewer/types';
 import { Molecule } from 'containers';
 import { TabGroupProps } from 'molecules';
 export declare const getFullLink: (url: string) => string;
 export declare const navigateToPage: (url: string) => void;
 export declare const downloadFile: (url?: string, name?: string) => Promise<void>;
-export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id, formData, setFormData, isMobile, validations, metadata, }: Molecule & {
+export declare const parseDescendantContent: (string: string) => CustomDescendant[];
+export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id, formData, setFormData, isMobile, metadata, }: Molecule & {
     tabsProps?: Pick<TabGroupProps<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
     isMobile?: boolean | undefined;
 }) => JSX.Element | null;

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

@@ -1,6 +1,5 @@
 import { LinkVariant, SelectOption } from 'atoms';
 import { AdditionalTabContainerProps, ButtonProps, CheckboxFieldProps, ConsentType, ImageProps, InputFieldProps, LinkProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
-import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
 import { Dispatch, SetStateAction } from 'react';
 import { UseFormReturn } from 'react-hook-form';
 import type { AnyObject, Nullable, StrictUnion, StylesType } from 'typescript';
@@ -254,6 +253,5 @@ export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | Bu
     form: UseFormReturn<any>;
     formData: AnyObject;
     setFormData: Dispatch<SetStateAction<AnyObject>>;
-    validations: PasswordRuleValidation[];
 }>;
 export {};

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

@@ -38,6 +38,7 @@ export declare type FormStepContainerProps = {
     formStepName: string;
     order: number;
     conditionConfig: ConditionConfig;
+    formStepStyles?: CSSProperties;
 };
 export declare type FormContainerProps = {
     mode: keyof ValidationMode;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ContainerComponentProps, Molecule } from 'containers';
+import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
 import { AnyObject } from 'typescript';
 import { GroupedStepItemsByStepContainer } from './utils';
 export declare type OrganismContextType = {
@@ -10,5 +11,6 @@ export declare type OrganismContextType = {
         formId: string;
         data: AnyObject;
     }[]) => void;
+    validations?: PasswordRuleValidation[];
 };
 export declare const OrganismContext: import("react").Context<OrganismContextType>;

package/dist/cjs/src/contexts/OrganismContext/OrganismContextProvider.d.ts

@@ -1,4 +1,5 @@
 import { ContainerComponentProps, Molecule } from 'containers';
+import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
 import { PropsWithChildren } from 'react';
 import { AnyObject } from 'typescript';
 export declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
@@ -8,5 +9,6 @@ export declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
         formId: string;
         data: AnyObject;
     }[]) => void;
+    validations: PasswordRuleValidation[];
 }>>;
-export declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, }: FormStepContextProviderProps) => JSX.Element;
+export declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, }: FormStepContextProviderProps) => JSX.Element;

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" />
 export declare type CustomValidationRule<T = string> = {
     text: string;
     validate: (value?: T) => boolean;
@@ -7,5 +8,6 @@ export declare type CustomValidationProps<T = string> = {
     value: T;
     isSubmitted?: boolean;
     rules: CustomValidationRule<T>[];
+    spacer?: number;
 };
-export declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, }: CustomValidationProps<T>) => JSX.Element;
+export declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, spacer, }: CustomValidationProps<T>) => JSX.Element;

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

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { CustomValidation as CustomValidationComponent } from './CustomValidation';
 declare const _default: {
     title: string;
-    component: <T extends string = string>({ rules, value, isSubmitted, label, }: import("./CustomValidation").CustomValidationProps<T>) => JSX.Element;
+    component: <T extends string = string>({ rules, value, isSubmitted, label, spacer, }: import("./CustomValidation").CustomValidationProps<T>) => JSX.Element;
 };
 export default _default;
 export declare const CustomValidation: ComponentStory<typeof CustomValidationComponent>;

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';

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { HorizontalButtonsProps } from 'atoms';
 import { Control } from 'react-hook-form/dist/types';
 declare type ToggleFieldProps = {

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MetadataStateConfig } from 'containers';
 import { Callback, StylesType } from 'typescript';
 export declare type ImageProps = {

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

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