@zealicsolutions/web-ui 0.2.55 → 0.2.57

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

@@ -3,3 +3,6 @@ export declare const HomeHeroImage: any;
 export declare const ProfileGraphic: any;
 export declare const PulseEmblem: any;
 export declare const Logo: any;
+export declare const AppleLogo: any;
+export declare const ModernaLogo: any;
+export declare const PfizerLogo: any;

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

@@ -2,7 +2,7 @@
 import type { Callback } from 'typescript';
 import { SizesTypes, ThemeColors } from 'theme';
 import { IconNames } from '..';
-export type AvatarProps = {
+export declare type AvatarProps = {
     size?: SizesTypes | number;
     withShadow?: boolean;
     label?: string;

package/dist/esm/src/atoms/Buttons/Button.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import type { Callback } from 'typescript';
-export type BaseButtonProps = {
+export declare type BaseButtonProps = {
     onClick?: Callback;
     variant?: 'primary' | 'secondary';
     disabled?: boolean;
     fullWidth?: boolean;
 };
-export type ButtonProps = BaseButtonProps & {
+export declare type ButtonProps = BaseButtonProps & {
     fullWidth?: boolean;
     text?: string;
     link?: string;

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

@@ -2,7 +2,7 @@
 import { ThemeColors } from 'theme';
 import { IconNames, TouchableOpacityProps } from 'atoms';
 import { Callback } from 'typescript';
-export type IconButtonProps = {
+export declare type IconButtonProps = {
     name: IconNames;
     size?: number;
     onClick: Callback;

package/dist/esm/src/atoms/Buttons/LinkButton.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
 import type { Callback } from 'typescript';
-export type LinkButtonProps = PropsWithChildren<{
+export declare type LinkButtonProps = PropsWithChildren<{
     activeOpacity?: number;
     withoutOpacityEffect?: boolean;
     disabled?: boolean;

package/dist/esm/src/atoms/Buttons/TouchableOpacity.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-export type TouchableOpacityProps = PropsWithChildren<{
+export declare type TouchableOpacityProps = PropsWithChildren<{
     activeOpacity?: number;
     withoutOpacityEffect?: boolean;
     disabled?: boolean;

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export type CheckBoxProps = {
+export declare type CheckBoxProps = {
     value: boolean;
     onClick: (value: boolean) => void;
     disabled?: boolean;

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

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

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ThemeColors } from 'theme';
-export type CircularIndicatorProps = {
+export declare type CircularIndicatorProps = {
     active: boolean;
     activeColor?: ThemeColors | string;
     inactiveColor?: ThemeColors | string;

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

@@ -1,5 +1,5 @@
 import { SizesTypes, ThemeColors } from 'theme';
-export type DividerProps = {
+export declare type DividerProps = {
     type?: 'horizontal' | 'vertical';
     color?: ThemeColors | string;
     marginVertical?: SizesTypes | number;

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

@@ -1,11 +1,11 @@
 import React from 'react';
 import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
 import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
-export type MapPosition = {
+export declare type MapPosition = {
     lat: number;
     lng: number;
 };
-export type GoogleMapProps = {
+export declare type GoogleMapProps = {
     position: MapPosition;
 } & WithScriptjsProps & WithGoogleMapProps;
 export declare const GoogleMap: React.ComponentClass<{

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

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

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ThemeColors } from 'theme';
-export type IconProps = {
+export declare type IconProps = {
     name: IconNames;
     size?: number;
     color?: ThemeColors | string;
@@ -31,6 +31,6 @@ declare const availableIcons: {
     Bookmark: ({ fill, color, size, ...props }: Omit<IconProps, "name">) => JSX.Element;
     ArrowRight: ({ color, ...props }: Omit<IconProps, "name">) => JSX.Element;
 };
-export type IconNames = keyof typeof availableIcons;
+export declare type IconNames = keyof typeof availableIcons;
 export declare const Icon: ({ name, color, ...props }: IconProps) => JSX.Element;
 export {};

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

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'styled-components';
-export type ImageProps = {
+export declare type ImageProps = {
     src: string;
     alt?: string;
     style?: CSSProperties;

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

@@ -2,11 +2,11 @@ import type { IconNames } from 'atoms/Icon/Icon';
 import { InputFieldTypes } from 'fieldsConfiguration/types';
 import React from 'react';
 import type { Callback } from 'typescript';
-export type InputIconProps = {
+export declare type InputIconProps = {
     name: IconNames;
     onClick?: Callback;
 };
-export type InputProps = {
+export declare type InputProps = {
     value?: string;
     leftIcon?: InputIconProps;
     rightIcon?: InputIconProps;

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

@@ -1,5 +1,5 @@
 import { SizesTypes } from 'theme';
-export type HorizontalPaddingProps = {
+export declare type HorizontalPaddingProps = {
     padding: SizesTypes | number;
 };
 export declare const HorizontalPadding: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HorizontalPaddingProps, never>;

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

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-export type RadioButtonType<T extends string = string> = {
+export declare type RadioButtonType<T extends string = string> = {
     id: T;
     label?: string;
     error?: boolean;
     disabled?: boolean;
     isRichText?: boolean;
 };
-export type RadioButtonsProps<T extends string> = {
+export declare type RadioButtonsProps<T extends string> = {
     isEditMode?: boolean;
     onChange: (value: T) => void;
     value: T;

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

@@ -6,7 +6,7 @@ export declare const COMMUNICATION_LINK_ELEMENT_ID = "communication-link";
 export declare const MATRIX_MESSAGE_DATA_ID = "matrix-message-id";
 export declare const COMMUNICATION_LINK_DATA_URL = "communication-link-url";
 export declare const COMMUNICATION_LINK_DATA_TEXT = "communication-link-text";
-export type RichTextEditorProps = Partial<{
+export declare type RichTextEditorProps = Partial<{
     value: string;
     font: FontSizesTypes;
     color: ThemeColors;

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

@@ -1,5 +1,5 @@
-export type Format = 'bold' | 'italic' | 'underline' | 'strikethrough' | 'numbered-list' | 'bulleted-list' | 'communicationLink' | 'tag' | 'variable';
-export type TextFormat = Partial<{
+export declare type Format = 'bold' | 'italic' | 'underline' | 'strikethrough' | 'numbered-list' | 'bulleted-list' | 'communicationLink' | 'tag' | 'variable';
+export declare type TextFormat = Partial<{
     bold: boolean;
     italic: boolean;
     underline: boolean;
@@ -12,24 +12,24 @@ export type TextFormat = Partial<{
     'numbered-list': boolean;
     'bulleted-list': boolean;
 }>;
-export type CustomElementType = 'paragraph' | 'list-item' | 'bulleted-list' | 'numbered-list' | 'span';
-export type CustomText = {
+export declare type CustomElementType = 'paragraph' | 'list-item' | 'bulleted-list' | 'numbered-list' | 'span';
+export declare type CustomText = {
     text: string;
     type?: CustomElementType;
 } & TextFormat;
-export type CustomElement = {
+export declare type CustomElement = {
     type: CustomElementType;
     children: CustomText[];
     href?: string;
     format?: Format;
 };
-export type LinkType = 'externalLink' | 'internalLink';
-export type CommunicationLinkPayload = {
+export declare type LinkType = 'externalLink' | 'internalLink';
+export declare type CommunicationLinkPayload = {
     type: LinkType;
     url: string;
 };
-export type VariablePayload = {
+export declare type VariablePayload = {
     id: string;
     text: string;
 };
-export type CustomDescendant = CustomText | CustomElement;
+export declare type CustomDescendant = CustomText | CustomElement;

package/dist/esm/src/atoms/Select/styles.d.ts

@@ -1,4 +1,4 @@
-type SelectContainerProps = {
+declare type SelectContainerProps = {
     hasValue: boolean;
     disabled: boolean;
     isOpen: boolean;

package/dist/esm/src/atoms/Select/types.d.ts

@@ -1,8 +1,8 @@
-export type SelectOption = {
+export declare type SelectOption = {
     id: string;
     label: string;
 };
-export type SelectProps = {
+export declare type SelectProps = {
     value?: string;
     optionsPresentation?: boolean;
     onChange?: (value: string) => void;

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

@@ -1,5 +1,5 @@
 import { SizesTypes } from 'theme';
-export type SpacerProps = {
+export declare type SpacerProps = {
     width?: SizesTypes | number;
     height?: SizesTypes | number;
     layout?: 'div' | 'span';

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

@@ -1,9 +1,9 @@
 import { ReactNode } from 'react';
 import { FontSizesTypes, ThemeColors } from 'theme/types';
 import { StylesType } from 'typescript';
-export type TextTypes = 'primary' | 'secondary' | 'error' | 'success';
-export type TextAlign = 'center' | 'right' | 'left';
-export type TextWrapperProps = {
+export declare type TextTypes = 'primary' | 'secondary' | 'error' | 'success';
+export declare type TextAlign = 'center' | 'right' | 'left';
+export declare type TextWrapperProps = {
     children: ReactNode;
     variant: FontSizesTypes;
     layout?: 'div' | 'span';

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

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

package/dist/esm/src/atoms/Toast/types.d.ts

@@ -1,5 +1,5 @@
-export type ToastType = 'success' | 'infoTierOne' | 'infoTierTwo' | 'warning' | 'error';
-export type ToastParams = {
+export declare type ToastType = 'success' | 'infoTierOne' | 'infoTierTwo' | 'warning' | 'error';
+export declare type ToastParams = {
     message: string;
     type?: ToastType;
     duration?: number;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TooltipProps as TooltipComponentProps } from 'rc-tooltip/lib/Tooltip';
 import 'rc-tooltip/assets/bootstrap.css';
-export type TooltipProps = Pick<TooltipComponentProps, 'overlay' | 'placement' | 'trigger' | 'visible' | 'children'>;
+export declare type TooltipProps = Pick<TooltipComponentProps, 'overlay' | 'placement' | 'trigger' | 'visible' | 'children'>;
 export declare const StyleWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Tooltip: ({ trigger, placement, ...props }: TooltipProps) => JSX.Element;

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

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

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { FeedContentTemplateTypes } from 'organisms/FeedContent/types';
 import { CSSProperties } from 'styled-components';
-export type VideoProps = {
+export declare type VideoProps = {
     src: string;
     style?: CSSProperties;
     template?: FeedContentTemplateTypes;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { AnnotationsList } from 'contexts/MlrRichTextViewerContext/types';
-export type MlrRichTextViewerContextType = {
+export declare type MlrRichTextViewerContextType = {
     isMLRReview: boolean;
     showAnnotations: boolean;
     annotationsList: AnnotationsList;

package/dist/esm/src/contexts/MlrRichTextViewerContext/MlrRichTextViewerProvider.d.ts

@@ -1,6 +1,6 @@
 import { AnnotationsList } from 'contexts/MlrRichTextViewerContext/types';
 import { PropsWithChildren } from 'react';
-export type MlrRichTextViewerProviderProps = PropsWithChildren<{
+export declare type MlrRichTextViewerProviderProps = PropsWithChildren<{
     annotationsList: AnnotationsList;
     isMLRReview: boolean;
     showAnnotations: boolean;

package/dist/esm/src/contexts/MlrRichTextViewerContext/types.d.ts

@@ -1,4 +1,4 @@
-export type AnnotationsList = {
+export declare type AnnotationsList = {
     tags: {
         id: string;
         label: string;

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { SelectOption } from 'atoms/Select/types';
 import { ControllerProps } from 'react-hook-form';
-export type InputFieldTypes = 'number' | 'text' | 'email' | 'password';
-export type FieldTypes = 'input' | 'select' | 'checkbox';
-export type UIField<T = string> = (UIInputField & UISelectField & UICheckboxField) & {
+export declare type InputFieldTypes = 'number' | 'text' | 'email' | 'password';
+export declare type FieldTypes = 'input' | 'select' | 'checkbox';
+export declare type UIField<T = string> = (UIInputField & UISelectField & UICheckboxField) & {
     name: T;
     type: FieldTypes;
     value?: string;
@@ -15,15 +15,15 @@ export type UIField<T = string> = (UIInputField & UISelectField & UICheckboxFiel
     rules?: ControllerProps['rules'];
     order?: number;
 };
-export type UIInputField = {
+export declare type UIInputField = {
     inputType?: InputFieldTypes;
     maxLength?: number;
     onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
 };
-export type UISelectField = {
+export declare type UISelectField = {
     options?: SelectOption[];
 };
-export type UICheckboxField = {
+export declare type UICheckboxField = {
     checkboxLabel?: string;
 };
-export type UIFields<T extends object> = UIField<keyof T>[];
+export declare type UIFields<T extends object> = UIField<keyof T>[];

package/dist/esm/src/helpers/date.d.ts

@@ -1,3 +1,3 @@
-export type AppDateFormats = "'Last Updated' MMMM dd, yyyy";
+export declare type AppDateFormats = "'Last Updated' MMMM dd, yyyy";
 export declare const getDateFromString: <T = Date>(date: unknown, defaultDate?: T) => Date | T;
 export declare const dateFormatter: <T>(value: string | Date | undefined, formatType: AppDateFormats, defaultValue?: T) => string | T;

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

@@ -2,7 +2,7 @@
 import { CSSProperties } from 'styled-components';
 import { ThemeColors } from 'theme';
 import type { Callback } from 'typescript';
-export type AlertProps = {
+export declare type AlertProps = {
     style?: CSSProperties;
     title: string;
     description: string;

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

@@ -2,7 +2,7 @@
 import { MenuItemsProps } from '../MenuItems/MenuItems';
 import { AvatarProps } from '../../atoms';
 import 'rc-dropdown/assets/index.css';
-export type AvatarDropdownProps<T> = {
+export declare type AvatarDropdownProps<T> = {
     avatarProps: AvatarProps;
     menuConfig: MenuItemsProps<T>;
 };

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

@@ -1,7 +1,7 @@
 import { ComponentType } from 'react';
 import { IconProps } from 'atoms';
 import { Callback } from '../../typescript';
-export type BottomNaVBarItemProps = {
+export declare type BottomNaVBarItemProps = {
     name: string;
     icon: ComponentType<Omit<IconProps, 'name'>>;
     active: boolean;

package/dist/esm/src/molecules/Caruser/Carousel.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-export type CarouselProps = {
+export declare type CarouselProps = {
     children: JSX.Element[];
 };
 export declare const Carousel: ({ children }: PropsWithChildren<CarouselProps>) => JSX.Element;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Control } from 'react-hook-form/dist/types';
 import { CheckBoxProps } from '../../atoms';
-export type CheckboxFieldProps = {
+export declare type CheckboxFieldProps = {
     name: string;
     control?: Control<any>;
     defaultValue?: boolean;

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

@@ -1,3 +1,5 @@
 /// <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>;
+export declare const ColumnImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, import("atoms").ImageProps, never>;

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

@@ -1,8 +1,6 @@
 /// <reference types="react" />
 import { BaseColumnProps } from './types';
-export type ColumnImageProps = BaseColumnProps & {
+export declare type ColumnImageProps = BaseColumnProps & {
     isMobile: boolean;
 };
-export declare const ColumnImage: ({ item, isMobile }: BaseColumnProps & {
-    isMobile: boolean;
-}) => JSX.Element;
+export declare const ColumnImage: ({ item, isMobile }: ColumnImageProps) => JSX.Element;

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

@@ -1,13 +1,13 @@
 import { CSSProperties } from 'react';
-import { ColumnsTemplateKeys } from './types';
 import { LinkButtonProps } from 'atoms';
-export type ColumnsProps = {
+import { ColumnsTemplateKeys } from './types';
+export declare type ColumnsProps = {
     type: 'columns';
     columns: ColumnItem[];
     containerStyles?: CSSProperties;
     template?: ColumnsTemplateKeys;
 };
-export type ColumnItem = {
+export declare type ColumnItem = {
     title?: string;
     mainContent?: string;
     button?: LinkButtonProps;

package/dist/esm/src/molecules/Columns/styles.d.ts

@@ -24,3 +24,4 @@ export declare const ColumnImageWrapper: import("styled-components").StyledCompo
     isMobile: boolean;
 }, never>;
 export declare const ColumnBackgroundImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, import("atoms").ImageProps, never>;
+export declare const ColumnBackgroundImageOverlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/esm/src/molecules/Columns/types.d.ts

@@ -1,5 +1,5 @@
 import { ColumnItem } from './Columns';
-export type ColumnsTemplateKeys = 'horizontal' | 'card' | 'with_image';
-export type BaseColumnProps = {
+export declare type ColumnsTemplateKeys = 'horizontal' | 'card' | 'with_image';
+export declare type BaseColumnProps = {
     item: ColumnItem;
 };

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

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

package/dist/esm/src/molecules/Drawer/styles.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { SizesTypes, ThemeColors } from 'theme/types';
 import { Drawer as DrawerComponent, DrawerProps as DrawerComponentProps } from '@mui/material';
-export type Anchor = 'top' | 'left' | 'bottom' | 'right';
-export type DrawerProps = DrawerComponentProps & {
+export declare type Anchor = 'top' | 'left' | 'bottom' | 'right';
+export declare type DrawerProps = DrawerComponentProps & {
     anchor: Anchor;
     padding?: SizesTypes | number;
     height?: number | string;

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

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

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { InputFieldProps, MenuItemsProps } from 'molecules';
 import { FilteredFeedContentType } from 'organisms';
-export type FeedTemplateKeys = `feed_${'a' | 'b'}`;
-export type FeedContentHeaderProps = {
+export declare type FeedTemplateKeys = `feed_${'a' | 'b'}`;
+export declare type FeedContentHeaderProps = {
     title: string;
     enableFavoriting?: boolean;
     templateType: FeedTemplateKeys;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-export type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
-export type FieldLabelsProps = {
+export declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
+export declare type FieldLabelsProps = {
     label: string;
     tooltipText?: string;
     isError?: boolean;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Control } from 'react-hook-form/dist/types';
 import { UIField } from '../../fieldsConfiguration';
-export type FieldMapperProps<T extends object> = {
+export declare type FieldMapperProps<T extends object> = {
     field: UIField<keyof T>;
     isEditMode?: boolean;
     control?: Control<T>;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Control } from 'react-hook-form/dist/types';
 import { UIFields } from '../../fieldsConfiguration';
-export type FieldSectionProps<T extends object> = {
+export declare type FieldSectionProps<T extends object> = {
     label: string;
     control?: Control<T>;
     isEditMode?: boolean;

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { ButtonProps, ImageProps } from 'atoms';
-export type HeroImageAlignment = 'left_aligned' | 'center_aligned';
-export type HeroImageTemplate = 'card' | 'full_width';
-export type HeroImageProps = {
+export declare type HeroImageAlignment = 'left_aligned' | 'center_aligned';
+export declare type HeroImageTemplate = 'card' | 'full_width';
+export declare type HeroImageProps = {
     type: 'hero_image';
     backgroundImage: ImageProps;
     mainHeading: string;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { HorizontalButtonsProps } from 'atoms';
 import { Control } from 'react-hook-form/dist/types';
-type ToggleFieldProps = {
+declare type ToggleFieldProps = {
     name: string;
     title: string;
     control?: Control<any>;

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

@@ -3,7 +3,7 @@ import { InputProps } from 'atoms';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
 import { CSSProperties } from 'styled-components';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
-export type InputFieldProps = {
+export declare type InputFieldProps = {
     name: string;
     control?: Control<any>;
     rules?: ControllerProps['rules'];

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

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-export type MenuItem<T> = {
+export declare type MenuItem<T> = {
     id: T;
     title: string;
     onClick?: (id: T) => void;
 };
-export type MenuItemsProps<T> = {
+export declare type MenuItemsProps<T> = {
     title?: string;
     onItemPress?: (id: T) => void;
     options?: MenuItem<T>[];

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { MenuItemsProps } from '../MenuItems/MenuItems';
-export type MenuNavigationProps<T> = {
+export declare type MenuNavigationProps<T> = {
     menuConfig: MenuItemsProps<T>;
 };
 export declare const MenuNavigation: <T extends string | number>({ menuConfig, }: MenuNavigationProps<T>) => JSX.Element;