@zealicsolutions/web-ui 0.3.85 → 0.3.87

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CustomDescendant } from 'atoms/RichTextViewer/types';
 import { Molecule } from 'containers';
 import { TabGroupProps } from 'molecules';

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

@@ -1,5 +1,5 @@
 import { LinkVariant, SelectOption } from 'atoms';
-import { AdditionalTabContainerProps, ButtonProps, CheckboxFieldProps, ConsentType, ImageProps, InputFieldProps, LinkProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
+import { AdditionalTabContainerProps, AvatarDropdownMenuConfigType, AvatarDropdownProps, ButtonProps, CheckboxFieldProps, ConsentType, ImageProps, InputFieldProps, LinkProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
 import { Dispatch, SetStateAction } from 'react';
 import { UseFormReturn } from 'react-hook-form';
 import type { AnyObject, Nullable, StrictUnion, StylesType } from 'typescript';
@@ -87,7 +87,7 @@ 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';
+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 BaseMolecule {
     id: string;
     instance: 'molecule';
@@ -249,7 +249,13 @@ export interface PasswordSetupMolecule extends BaseMolecule {
         };
     };
 }
-export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule | PasswordSetupMolecule> & Partial<{
+export interface AccountButtonMolecule extends BaseMolecule {
+    type: 'account_button';
+    config: {
+        props: AvatarDropdownProps<AvatarDropdownMenuConfigType>;
+    };
+}
+export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule | PasswordSetupMolecule | AccountButtonMolecule> & Partial<{
     form: UseFormReturn<any>;
     formData: AnyObject;
     setFormData: Dispatch<SetStateAction<AnyObject>>;

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

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

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

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

package/dist/esm/src/contexts/hooks/index.d.ts

@@ -3,3 +3,4 @@ export { useButtonActionsContext } from './useButtonActionsContext';
 export { useMlrRichTextViewerContext } from './useMlrRichTextViewerContext';
 export { useOrganismContext } from './useOrganismContext';
 export { useStateContext } from './useStateContext';
+export { useAccountButtonContext } from './useAccountButtonContext';

package/dist/esm/src/contexts/hooks/useAccountButtonContext.d.ts

@@ -0,0 +1,5 @@
+export declare const useAccountButtonContext: () => Partial<{
+    userInitials: string;
+    logOutHandler: import("../../typescript").Callback;
+    goToAccountInfo: import("../../typescript").Callback;
+}>;

package/dist/esm/src/contexts/index.d.ts

@@ -7,3 +7,5 @@ export * from './ButtonActionsContext/ButtonActionsContext';
 export * from './ButtonActionsContext/ButtonActionsContextProvider';
 export * from './OrganismContext/OrganismContext';
 export * from './OrganismContext/OrganismContextProvider';
+export * from './AccountButtonContext/AccountButtonContext';
+export * from './AccountButtonContext/AccountButtonContextProvider';

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

@@ -1,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,3 +1,2 @@
-/// <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,4 +1,3 @@
-/// <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,4 +1,3 @@
-/// <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,8 +1,8 @@
-/// <reference types="react" />
 import { AvatarProps } from 'atoms';
 import { MenuItemsProps } from '../MenuItems/MenuItems';
 import 'rc-dropdown/assets/index.css';
-export declare type AvatarDropdownProps<T> = {
+export declare type AvatarDropdownMenuConfigType = 'log-out' | 'account-information';
+export declare type AvatarDropdownProps<T = string> = {
     avatarProps: AvatarProps;
     menuConfig: MenuItemsProps<T>;
 };

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

@@ -1,4 +1,3 @@
-/// <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,4 +1,3 @@
-/// <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.stories.d.ts

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

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

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

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare type CustomValidationRule<T = string> = {
     text: string;
     validate: (value?: T) => boolean;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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