@zealicsolutions/web-ui 0.0.7 → 0.0.9

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

@@ -1,2 +1,3 @@
 export declare const AppLogo: string;
 export declare const HomeBannerImage: string;
+export declare const ProfileGraphic: string;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { Callback } from 'typescript';
+import { SizesTypes, ThemeColors } from 'theme';
 import { IconNames } from '..';
-import { SizesTypes, ThemeColors } from '../../theme';
 export declare type AvatarProps = {
     size?: SizesTypes | number;
     withShadow?: boolean;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { Avatar as AvatarComponent } from './Avatar';
+declare const _default: {
+    title: string;
+    component: ({ size, withShadow, label, backgroundColor, onPress, content: { initials, iconName, imageUrl }, textConfig: { color, font }, }: import("./Avatar").AvatarProps) => JSX.Element;
+};
+export default _default;
+export declare const Avatar: ComponentStory<typeof AvatarComponent>;

package/dist/cjs/src/atoms/Buttons/Button.stories.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentStory } from '@storybook/react';
+import { FC } from 'react';
+import { Button as ButtonComponent } from './Button';
+import { LinkButtonProps } from './LinkButton';
+import { TouchableOpacityProps } from './TouchableOpacity';
+declare const _default: {
+    title: string;
+    component: ({ text, onClick, loading, disabled, variant, fullWidth, }: import("./Button").ButtonProps) => JSX.Element;
+};
+export default _default;
+export declare const Button: ComponentStory<typeof ButtonComponent>;
+export declare const TouchableOpacity: ComponentStory<FC<TouchableOpacityProps>>;
+export declare const LinkButton: ComponentStory<FC<LinkButtonProps>>;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { Checkbox as CheckboxComponent } from './Checkbox';
+declare const _default: {
+    title: string;
+    component: ({ label, onClick, value, disabled, error }: import("./Checkbox").CheckBoxProps) => JSX.Element;
+};
+export default _default;
+export declare const Checkbox: ComponentStory<typeof CheckboxComponent>;

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

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

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+/// <reference types="react-google-maps/types" />
+import type { ComponentStory } from '@storybook/react';
+import { GoogleMap as GoogleMapComponent } from './GoogleMap';
+declare const _default: {
+    title: string;
+    component: import("react").ComponentClass<{
+        position: import("./GoogleMap").MapPosition;
+    } & import("react-google-maps/lib/withScriptjs").WithScriptjsProps & import("react-google-maps/lib/withGoogleMap").WithGoogleMapProps, any>;
+};
+export default _default;
+export declare const GoogleMap: ComponentStory<typeof GoogleMapComponent>;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { Icon as IconComponent } from './Icon';
+declare const _default: {
+    title: string;
+    component: ({ name, color, ...props }: import("./Icon").IconProps) => JSX.Element;
+};
+export default _default;
+export declare const Icon: ComponentStory<typeof IconComponent>;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { Image as ImageComponent } from './Image';
+declare const _default: {
+    title: string;
+    component: (props: import("./Image").ImageProps) => JSX.Element;
+};
+export default _default;
+export declare const Image: ComponentStory<typeof ImageComponent>;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { Input as InputComponent } from './Input';
+declare const _default: {
+    title: string;
+    component: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, ...rest }: import("./Input").InputProps) => JSX.Element;
+};
+export default _default;
+export declare const Input: ComponentStory<typeof InputComponent>;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { Select as SelectComponent } from './Select';
+declare const _default: {
+    title: string;
+    component: ({ onChange, value, placeholder, options, disabled, isError, }: import("./types").SelectProps) => JSX.Element;
+};
+export default _default;
+export declare const Select: ComponentStory<typeof SelectComponent>;

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

@@ -0,0 +1,9 @@
+import type { ComponentStory } from '@storybook/react';
+import { FC } from 'react';
+import { TextWrapperProps } from './TextWrapper';
+declare const _default: {
+    title: string;
+    component: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TextWrapperProps, never>;
+};
+export default _default;
+export declare const Text: ComponentStory<FC<TextWrapperProps>>;

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

@@ -0,0 +1,9 @@
+import type { ComponentStory } from '@storybook/react';
+import { FC } from 'react';
+import { ToastParams } from './types';
+declare const _default: {
+    title: string;
+    component: ({ message, type, duration }: ToastParams) => void | undefined;
+};
+export default _default;
+export declare const Toast: ComponentStory<FC<ToastParams>>;

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

@@ -0,0 +1,9 @@
+import type { ComponentStory } from '@storybook/react';
+import { FC } from 'react';
+import { TooltipProps } from './Tooltip';
+declare const _default: {
+    title: string;
+    component: ({ trigger, placement, ...props }: TooltipProps) => JSX.Element;
+};
+export default _default;
+export declare const Tooltip: ComponentStory<FC<TooltipProps>>;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { ValidationTag as ValidationTagComponent } from './ValidationTag';
+declare const _default: {
+    title: string;
+    component: ({ text, status }: import("./ValidationTag").ValidationTagProps) => JSX.Element;
+};
+export default _default;
+export declare const ValidationTag: ComponentStory<typeof ValidationTagComponent>;

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

@@ -15,3 +15,4 @@ export * from './Toast/toast';
 export * from './Avatar/Avatar';
 export * from './Paddings/Paddings';
 export * from './Divider/Divider';
+export * from './GoogleMap/GoogleMap';

package/dist/cjs/src/fieldsConfiguration/mock.d.ts

@@ -4,3 +4,8 @@ import { SetPasswordFields } from 'organisms/SetPasswordForm/types';
 export declare const acquisitionFormMockFields: UIFields<any>;
 export declare const setPasswordMockFields: UIFields<SetPasswordFields>;
 export declare const loginMockFields: UIFields<LoginFields>;
+export declare const sectionMockFields: UIFields<any>;
+export declare const profileInformationMockForm: {
+    label: string;
+    fields: UIFields<any>;
+}[];

package/dist/cjs/src/fieldsConfiguration/utils.d.ts

@@ -1,4 +1,6 @@
 import { UIFields } from 'fieldsConfiguration/types';
+import { FieldSectionProps } from 'molecules';
 import { DeepPartial, FieldValues, FormState } from 'react-hook-form';
 export declare const getInitialValuesFromFields: <T extends object>(fields: UIFields<T>) => DeepPartial<T>;
 export declare const isFormValid: <T extends FieldValues>(formState: FormState<T>) => boolean;
+export declare const getFieldsFromFieldSections: <T extends object>(sections: Pick<FieldSectionProps<T>, "fields">[]) => UIFields<T>;

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

@@ -0,0 +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/Save.d.ts

@@ -0,0 +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/index.d.ts

@@ -12,3 +12,5 @@ export { Bell } from './Bell';
 export { Warning } from './Warning';
 export { Mobile } from './Mobile';
 export { Mail } from './Mail';
+export { Edit } from './Edit';
+export { Save } from './Save';

package/dist/cjs/src/index.d.ts

@@ -2,7 +2,6 @@ export * from './atoms';
 export * from './molecules';
 export * from './organisms';
 export * from './templates';
-export * from './pages';
 export * from './hooks';
 export * from './theme';
 export * from './fieldsConfiguration';

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { AvatarDropdown as AvatarDropdownComponent } from './AvatarDropdown';
+declare const _default: {
+    title: string;
+    component: <T extends string | number>({ avatarProps, menuConfig, }: import("./AvatarDropdown").AvatarDropdownProps<T>) => JSX.Element;
+};
+export default _default;
+export declare const AvatarDropdown: ComponentStory<typeof AvatarDropdownComponent>;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { Banner as BannerComponent } from './Banner';
+declare const _default: {
+    title: string;
+    component: ({ backgroundImage, button, title, description }: import("./Banner").BannerProps) => JSX.Element;
+};
+export default _default;
+export declare const Banner: ComponentStory<typeof BannerComponent>;

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

@@ -3,7 +3,7 @@ import { Control } from 'react-hook-form/dist/types';
 import { CheckBoxProps } from '../../atoms';
 export declare type CheckboxFieldProps = {
     name: string;
-    control: Control<any>;
+    control?: Control<any>;
     defaultValue?: boolean;
     checkboxProps: Omit<CheckBoxProps, 'error' | 'onClick' | 'value'>;
 };

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

@@ -0,0 +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;
+};
+export default _default;
+export declare const CustomValidation: ComponentStory<typeof CustomValidationComponent>;

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

@@ -1,3 +1,3 @@
 import { PropsWithChildren } from 'react';
 import { DrawerProps } from './styles';
-export declare const Drawer: ({ children, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;
+export declare const Drawer: ({ children, closeIconColor, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;

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

@@ -0,0 +1,9 @@
+import type { ComponentStory } from '@storybook/react';
+import React from 'react';
+import { Drawer as DrawerComponent } from './Drawer';
+declare const _default: {
+    title: string;
+    component: ({ children, closeIconColor, ...props }: React.PropsWithChildren<import("./styles").DrawerProps>) => JSX.Element;
+};
+export default _default;
+export declare const Drawer: ComponentStory<typeof DrawerComponent>;

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

@@ -1,9 +1,21 @@
+/// <reference types="react" />
+import { SizesTypes, ThemeColors } from 'theme/types';
 import { Drawer as DrawerComponent, DrawerProps as DrawerComponentProps } from '@mui/material';
 export declare type Anchor = 'top' | 'left' | 'bottom' | 'right';
 export declare type DrawerProps = DrawerComponentProps & {
     anchor: Anchor;
+    padding?: SizesTypes | number;
+    closeIconColor?: ThemeColors | string;
 };
 export declare const BaseDrawer: import("styled-components").StyledComponent<typeof DrawerComponent, import("styled-components").DefaultTheme, DrawerComponentProps & {
     anchor: Anchor;
+    padding?: number | SizesTypes | undefined;
+    closeIconColor?: string | undefined;
+}, never>;
+export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    activeOpacity?: number | undefined;
+    withoutOpacityEffect?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
 }, never>;
-export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { FieldLabels as FieldLabelsComponent } from './FieldLabels';
+declare const _default: {
+    title: string;
+    component: ({ label, isError, ruleLabel, tooltipText }: import("./FieldLabels").FieldLabelsProps) => JSX.Element;
+};
+export default _default;
+export declare const FieldLabels: ComponentStory<typeof FieldLabelsComponent>;

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

@@ -3,7 +3,8 @@ import { Control } from 'react-hook-form/dist/types';
 import { UIField } from '../../fieldsConfiguration';
 export declare type FieldMapperProps<T extends object> = {
     field: UIField<keyof T>;
-    control: Control<T>;
+    isEditMode?: boolean;
+    control?: Control<T>;
     spacer?: number;
 };
-export declare const FieldMapper: <T extends object>({ field, spacer, control, }: FieldMapperProps<T>) => JSX.Element;
+export declare const FieldMapper: <T extends object>({ field, isEditMode, spacer, control, }: FieldMapperProps<T>) => JSX.Element;

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

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

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { FieldSection as FieldSectionComponent } from './FieldSection';
+declare const _default: {
+    title: string;
+    component: <T extends object>({ fields, label, isEditMode, control, }: import("./FieldSection").FieldSectionProps<T>) => JSX.Element;
+};
+export default _default;
+export declare const FieldSection: ComponentStory<typeof FieldSectionComponent>;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { InfoBox as InfoBoxComponent } from './InfoBox';
+declare const _default: {
+    title: string;
+    component: ({ title, icon, description, linkButton }: import("./InfoBox").InfoBoxProps) => JSX.Element;
+};
+export default _default;
+export declare const InfoBox: ComponentStory<typeof InfoBoxComponent>;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { InputField as InputFieldComponent } from './InputField';
+declare const _default: {
+    title: string;
+    component: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, }: import("./InputField").InputFieldProps) => JSX.Element;
+};
+export default _default;
+export declare const InputField: ComponentStory<typeof InputFieldComponent>;
+export declare const InputPasswordField: ComponentStory<typeof InputFieldComponent>;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { MenuItems as MenuItemsComponent } from './MenuItems';
+declare const _default: {
+    title: string;
+    component: <T extends string | number>({ title, onItemPress, options, }: import("./MenuItems").MenuItemsProps<T>) => JSX.Element;
+};
+export default _default;
+export declare const MenuItems: ComponentStory<typeof MenuItemsComponent>;

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

@@ -7,7 +7,7 @@ export declare type SelectFieldProps = {
     selectProps: SelectProps;
     labelsProps?: FieldLabelsProps;
     name: string;
-    control: Control<any>;
+    control?: Control<any>;
     required?: boolean;
     optional?: boolean;
     defaultValue?: string;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { SelectField as SelectFieldComponent } from './SelectField';
+declare const _default: {
+    title: string;
+    component: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, }: import("./SelectField").SelectFieldProps) => JSX.Element;
+};
+export default _default;
+export declare const SelectField: ComponentStory<typeof SelectFieldComponent>;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { SelectableCardGroup as SelectableCardGroupComponent } from './SelectableCardGroup';
+declare const _default: {
+    title: string;
+    component: <T extends string>({ cards, handleChange, spacing, initialValue, }: import("./SelectableCardGroup").SelectableCardGroupProps<T>) => JSX.Element;
+};
+export default _default;
+export declare const SelectableCardGroup: ComponentStory<typeof SelectableCardGroupComponent>;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { TabGroup as TabGroupComponent } from './TabGroup';
+declare const _default: {
+    title: string;
+    component: <T extends string, K extends string>({ tabs, spacing, activeTabKey, onTabChange, }: import("./TabGroup").TabGroupProps<T, K>) => JSX.Element;
+};
+export default _default;
+export declare const TabGroup: ComponentStory<typeof TabGroupComponent>;

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

@@ -11,3 +11,4 @@ export * from './InfoBox/InfoBox';
 export * from './MenuItems/MenuItems';
 export * from './AvatarDropdown/AvatarDropdown';
 export * from './TabGroup/TabGroup';
+export * from './FieldSection/FieldSection';

package/dist/cjs/src/organisms/AccountInformation/AccountInformation.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Control } from 'react-hook-form';
+import { GoogleMapProps } from '../../atoms';
+import { FieldSectionProps } from '../../molecules';
+export declare type AccountInformationProps<T extends object> = {
+    fieldSections: Pick<FieldSectionProps<T>, 'fields' | 'label'>[];
+    control: Control<any>;
+    isEditMode?: boolean;
+    mapConfig: GoogleMapProps;
+};
+export declare const AccountInformation: <T extends object>({ fieldSections, control, isEditMode, mapConfig, }: AccountInformationProps<T>) => JSX.Element;

package/dist/cjs/src/organisms/AcquisitionForm/AcquisitionForm.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { AcquisitionForm as AcquisitionFormComponent } from './AcquisitionForm';
+declare const _default: {
+    title: string;
+    component: <T extends object>({ logoUrl, fields, onSubmit, onLinkButtonClick, isLoading, }: import("./AcquisitionForm").AcquisitionFormProps<T>) => JSX.Element;
+};
+export default _default;
+export declare const AcquisitionForm: ComponentStory<typeof AcquisitionFormComponent>;

package/dist/cjs/src/organisms/ForgotPasswordForm/ForgotPasswordForm.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { ForgotPasswordForm as ForgotPasswordFormComponent } from './ForgotPasswordForm';
+declare const _default: {
+    title: string;
+    component: ({ logoUrl, onBack, onSubmit, isLoading, }: import("./ForgotPasswordForm").ForgotPasswordFormProps) => JSX.Element;
+};
+export default _default;
+export declare const ForgotPasswordForm: ComponentStory<typeof ForgotPasswordFormComponent>;

package/dist/cjs/src/organisms/Header/Header.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { Header as HeaderComponent } from './Header';
+declare const _default: {
+    title: string;
+    component: ({ logoUrl, links, onActionButtonClick, tabs, withAvatar }: import("./Header").HeaderProps) => JSX.Element;
+};
+export default _default;
+export declare const Header: ComponentStory<typeof HeaderComponent>;

package/dist/cjs/src/organisms/LoginForm/LoginForm.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { LoginForm as LoginFormComponent } from './LoginForm';
+declare const _default: {
+    title: string;
+    component: ({ logoUrl, fields, onSubmit, onSignUpButtonClick, isLoading, twoFactorAuthConfig, onForgotPasswordButtonClick, }: import("./LoginForm").LoginFormProps) => JSX.Element;
+};
+export default _default;
+export declare const LoginForm: ComponentStory<typeof LoginFormComponent>;

package/dist/cjs/src/organisms/ProfileInformation/ProfileInformation.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import type { Callback } from 'typescript';
+import { AvatarProps } from '../../atoms';
+import { TabProps } from '../../molecules/Tab/Tab';
+export declare type ProfileInformationProps<TabKeys extends string> = {
+    backgroundImageUrl: string;
+    avatarProps: AvatarProps;
+    tabs: TabProps<string, TabKeys>[];
+    tabContents: Record<TabKeys, () => ReactNode>;
+    initialTabKey: TabKeys;
+    title: string;
+    editIcons?: {
+        isEditMode: boolean;
+        onSave: Callback;
+        onEdit: Callback;
+        onClose: Callback;
+    };
+};
+export declare const ProfileInformation: <TabKeys extends string>({ avatarProps, backgroundImageUrl, initialTabKey, tabs, title, editIcons, tabContents, }: ProfileInformationProps<TabKeys>) => JSX.Element;

package/dist/cjs/src/organisms/ProfileInformation/ProfileInformation.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { ProfileInformation as ProfileInformationComponent } from './ProfileInformation';
+declare const _default: {
+    title: string;
+    component: <TabKeys extends string>({ avatarProps, backgroundImageUrl, initialTabKey, tabs, title, editIcons, tabContents, }: import("./ProfileInformation").ProfileInformationProps<TabKeys>) => JSX.Element;
+};
+export default _default;
+export declare const ProfileInformation: ComponentStory<typeof ProfileInformationComponent>;

package/dist/cjs/src/organisms/SetPasswordForm/SetPasswordForm.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { SetPasswordForm as SetPasswordFormComponent } from './SetPasswordForm';
+declare const _default: {
+    title: string;
+    component: ({ logoUrl, fields, validations, onBack, onSubmit, isLoading, }: import("./SetPasswordForm").SetPasswordFormProps) => JSX.Element;
+};
+export default _default;
+export declare const SetPasswordForm: ComponentStory<typeof SetPasswordFormComponent>;

package/dist/cjs/src/organisms/TwoFactorAuth/TwoFactorAuth.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { TwoFactorAuth as TwoFactorAuthComponent } from './TwoFactorAuth';
+declare const _default: {
+    title: string;
+    component: ({ logoUrl, onSubmit, onBack, onNext }: import("./TwoFactorAuth").TwoFactorAuthProps) => JSX.Element;
+};
+export default _default;
+export declare const TwoFactorAuth: ComponentStory<typeof TwoFactorAuthComponent>;

package/dist/cjs/src/organisms/index.d.ts

@@ -3,4 +3,5 @@ export * from './AcquisitionForm/AcquisitionForm';
 export * from './LoginForm/LoginForm';
 export * from './TwoFactorAuth/TwoFactorAuth';
 export * from './Header/Header';
+export * from './ProfileInformation/ProfileInformation';
 export * from './ForgotPasswordForm/ForgotPasswordForm';

package/dist/cjs/src/templates/DefaultTemplate/DefaultTemplate.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
-import { BannerProps } from '../../molecules';
-import { HeaderProps } from '../../organisms';
 export declare type DefaultTemplateProps = {
-    header: HeaderProps;
-    banner?: BannerProps;
-    renderContent: () => JSX.Element;
+    header: React.ReactNode;
+    banner?: React.ReactNode;
+    content?: React.ReactNode;
 };
-export declare const DefaultTemplate: ({ banner, header, renderContent }: DefaultTemplateProps) => JSX.Element;
+export declare const DefaultTemplate: ({ header, banner, content }: DefaultTemplateProps) => JSX.Element;

package/dist/cjs/src/templates/DefaultTemplate/DefaultTemplate.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { DefaultTemplate as DefaultTemplateComponent } from './DefaultTemplate';
+declare const _default: {
+    title: string;
+    component: ({ header, banner, content }: import("./DefaultTemplate").DefaultTemplateProps) => JSX.Element;
+};
+export default _default;
+export declare const DefaultTemplate: ComponentStory<typeof DefaultTemplateComponent>;

package/dist/cjs/src/templates/DefaultTemplate/mockProps.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { BannerProps } from 'molecules';
+import { HeaderProps } from 'organisms';
+export declare const headerProps: HeaderProps;
+export declare const bannerProps: BannerProps;
+export declare const Content: () => JSX.Element;

package/dist/cjs/src/theme/provider.d.ts

@@ -1,2 +1,5 @@
 import { PropsWithChildren } from 'react';
-export declare const ZealThemeProvider: (props: PropsWithChildren<{}>) => JSX.Element;
+import { DefaultTheme } from 'styled-components';
+export declare const ZealThemeProvider: (props: PropsWithChildren<{
+    theme?: DefaultTheme;
+}>) => JSX.Element;