@zealicsolutions/web-ui 0.4.26 → 0.4.28

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/src/atoms/HorizontalButtons/HorizontalButtons.d.ts

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

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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';
@@ -18,5 +19,7 @@ export declare type RichTextEditorProps = Partial<{
     renderElementWrapperComponent: (props: AnyObject) => JSX.Element;
     renderElementWrapperProps: AnyObject;
     htmlElementId: string;
+    moleculeId: string;
+    isTrigger: boolean;
 }>;
-export declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, renderElementWrapperComponent, renderElementWrapperProps, htmlElementId, }: RichTextEditorProps) => JSX.Element | null;
+export declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, renderElementWrapperComponent, renderElementWrapperProps, htmlElementId, moleculeId, isTrigger, }: RichTextEditorProps) => JSX.Element | null;

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

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

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/src/atoms/Toast/ToastContent.d.ts

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

package/dist/esm/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/esm/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/esm/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/esm/src/containers/FormContainer.d.ts

@@ -2,5 +2,7 @@ import { PropsWithChildren } from 'react';
 import { ValidationMode } from 'react-hook-form';
 export declare type FormContainerProps = PropsWithChildren<{
     mode?: keyof ValidationMode;
+    id?: string;
+    isTrigger?: boolean;
 }>;
-export declare const FormContainer: ({ mode, children }: FormContainerProps) => JSX.Element;
+export declare const FormContainer: ({ mode, children, id, isTrigger, }: FormContainerProps) => JSX.Element;

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

@@ -1,6 +1,7 @@
+/// <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 & {
     tabsProps?: Pick<TabGroupProps<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
     isMobile?: boolean | undefined;
-}) => JSX.Element | null;
+}) => JSX.Element;

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

@@ -1,5 +1,9 @@
-import { MetadataType } from 'containers/types/types';
-export declare const useStateListenerValue: (metadata?: MetadataType) => {
-    isStateDisabled: boolean | undefined;
-    isStateVisible: boolean | undefined;
+declare type UseStateListenerValueProps = {
+    isAction?: boolean;
+    id: string;
 };
+export declare const useStateListenerValue: ({ id, isAction }: UseStateListenerValueProps) => {
+    isStateDisabled: boolean;
+    isStateVisible: boolean;
+};
+export {};

package/dist/esm/src/containers/hooks/useStateModifierHandler.d.ts

@@ -0,0 +1,7 @@
+declare type ActionTypeType = 'click' | 'start' | 'complete';
+interface UseStateModifierHandlerProps {
+    isTrigger?: boolean;
+    id: string;
+}
+export declare const useStateModifierHandler: ({ id, isTrigger, }: UseStateModifierHandlerProps) => (actionType: ActionTypeType) => void;
+export {};

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

@@ -14,3 +14,5 @@ export declare const headerContainer: ContainerComponentProps;
 export declare const headerContainerWithTabs: ContainerComponentProps;
 export declare const DataField: ContainerComponentProps;
 export declare const LogInPermanentPage: ContainerComponentProps;
+export declare const stateObjectButton: ContainerComponentProps;
+export declare const stateObjectLink: ContainerComponentProps;

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

@@ -25,11 +25,14 @@ export declare type StateModifierConfigType = {
     event: StateEventType;
 };
 export declare type MetadataStateConfig = StateListenerConfigType | StateModifierConfigType;
-export declare type MetadataType = AnyObject & {
+export declare type MetadataType = AnyObject & Partial<{
     stateConfig: MetadataStateConfig[];
-    notEditable?: boolean;
-    hasOwnButton?: boolean;
-};
+    referenceName: string;
+    isAction: boolean;
+    isTrigger: boolean;
+    notEditable: boolean;
+    hasOwnButton: boolean;
+}>;
 export declare type SliderProps = {
     autoplay?: boolean;
     autoplayDuration?: number;
@@ -109,4 +112,5 @@ export declare type FormDataStateConfig = {
 } & Record<string, {
     value?: string | number;
 }>;
-export declare type StateConfigType = Record<string, Nullable<boolean | string | FormDataStateConfig>>;
+export declare type ActionEventType = Record<string, boolean>;
+export declare type StateConfigType = Record<string, Nullable<boolean | string | FormDataStateConfig | ActionEventType>>;

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/src/molecules/Button/Button.d.ts

@@ -1,4 +1,4 @@
-import { MetadataStateConfig } from 'containers';
+import { MetadataStateConfig, MetadataType } from 'containers';
 import { PropsWithChildren } from 'react';
 import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
 import type { Callback, StylesType } from 'typescript';
@@ -40,5 +40,6 @@ export declare type ButtonProps = BaseButtonProps & {
     buttonStyle?: StylesType;
     stateConfig?: MetadataStateConfig[];
     htmlElementId?: string;
+    metadata?: MetadataType;
 };
-export declare const Button: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, stateConfig, htmlElementId, ...props }: ButtonProps) => JSX.Element | null;
+export declare const Button: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, stateConfig, htmlElementId, metadata, ...props }: ButtonProps) => JSX.Element | null;

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

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
 import { Button as ButtonComponent } from 'molecules';
 declare const _default: {
     title: string;
-    component: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, stateConfig, htmlElementId, ...props }: import("molecules").ButtonProps) => JSX.Element | null;
+    component: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, stateConfig, htmlElementId, metadata, ...props }: import("molecules").ButtonProps) => JSX.Element | null;
 };
 export default _default;
 export declare const Button: StoryFn<typeof ButtonComponent>;

package/dist/esm/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';
@@ -30,5 +31,7 @@ export declare type CheckboxFieldProps = Partial<{
     defaultValue: string[];
     formData: AnyObject;
     htmlElementId: string;
+    isTrigger?: boolean;
+    moleculeId: string;
 }>;
-export declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, state, }: CheckboxFieldProps) => JSX.Element | null;
+export declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, state, isTrigger, moleculeId, }: CheckboxFieldProps) => JSX.Element | null;

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

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
 import { CheckboxField as CheckboxFieldComponent } from 'molecules';
 declare const _default: {
     title: string;
-    component: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, state, }: Partial<{
+    component: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, state, isTrigger, moleculeId, }: Partial<{
         checkboxesProps: Partial<{
             checkboxGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
             checkboxFieldWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
@@ -52,6 +53,8 @@ declare const _default: {
         defaultValue: string[];
         formData: import("../../typescript").AnyObject;
         htmlElementId: string;
+        isTrigger?: boolean | undefined;
+        moleculeId: string;
     }>) => JSX.Element | null;
 };
 export default _default;

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/src/molecules/EmphasizedText/EmphasizedText.d.ts

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

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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> = {