@zealicsolutions/web-ui 0.2.325 → 0.2.326

package/dist/cjs/molecules/RadioButtonField/RadioButtonField.stories.d.ts

@@ -0,0 +1,74 @@
+import type { ComponentStory } from '@storybook/react';
+import { RadioButtonField as RadioButtonFieldComponent } from './RadioButtonField';
+declare const _default: {
+    title: string;
+    component: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, formData, htmlElementId, state, isTrigger, moleculeId, configurationItemInfo, }: Partial<{
+        name: string;
+        rules: Omit<Partial<{
+            required: string | import("react-hook-form").ValidationRule<boolean>;
+            min: import("react-hook-form").ValidationRule<string | number>;
+            max: import("react-hook-form").ValidationRule<string | number>;
+            maxLength: import("react-hook-form").ValidationRule<number>;
+            minLength: import("react-hook-form").ValidationRule<number>;
+            pattern: import("react-hook-form").ValidationRule<RegExp>;
+            validate: import("react-hook-form").Validate<any> | Record<string, import("react-hook-form").Validate<any>>;
+            valueAsNumber: boolean;
+            valueAsDate: boolean;
+            value: any;
+            setValueAs: (value: any) => any;
+            shouldUnregister?: boolean | undefined;
+            onChange?: ((event: any) => void) | undefined;
+            onBlur?: ((event: any) => void) | undefined;
+            disabled: boolean;
+            deps: string | string[];
+        }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
+        styles: import("@emotion/utils").SerializedStyles;
+        control: import("react-hook-form").Control<any, any>;
+        optional: boolean;
+        required: boolean;
+        labelsProps: import("..").FieldLabelsProps;
+        defaultValue: string;
+        radioButtonsProps: Partial<{
+            ref: import("react-hook-form").RefCallBack;
+            name: string;
+            value: T;
+            options: import("../..").SelectOption[];
+            onBlur: import("typescript").Callback;
+            onChange: (value: T) => void;
+            isRow: boolean;
+            isError: boolean;
+            disabled: boolean;
+            isEditMode: boolean;
+            isRichText: boolean;
+            internalConfig: Partial<{
+                selectedRadioOptionBackgroundColor: string;
+                selectedRadioOptionIndicatorColor: string;
+                buttonPadding: number;
+                textPadding: number;
+                styles: import("@emotion/utils").SerializedStyles;
+                wrapperStyles: import("@emotion/utils").SerializedStyles;
+                buttonOptionSpacing: import("theme").SizesTypes;
+                radioGroupWrapperStyles: import("@emotion/utils").SerializedStyles;
+            }>;
+        }>;
+        internalConfig: Partial<{
+            selectedRadioOptionBackgroundColor: string;
+            selectedRadioOptionIndicatorColor: string;
+            buttonPadding: number;
+            textPadding: number;
+            styles: import("@emotion/utils").SerializedStyles;
+            wrapperStyles: import("@emotion/utils").SerializedStyles;
+            buttonOptionSpacing: import("theme").SizesTypes;
+            radioGroupWrapperStyles: import("@emotion/utils").SerializedStyles;
+        }>;
+        conditionConfig: import("../..").ConditionConfig;
+        state: import("../..").FormStateType;
+        formData: import("typescript").AnyObject;
+        htmlElementId: string;
+        isTrigger?: boolean | undefined;
+        moleculeId: string;
+        configurationItemInfo?: import("../..").ConfigurationItemInfo | undefined;
+    }>) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+};
+export default _default;
+export declare const RadioButtonField: ComponentStory<typeof RadioButtonFieldComponent>;

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

@@ -0,0 +1,23 @@
+import { SelectProps } from 'atoms';
+import { ConditionConfig, ConfigurationItemInfo, FormStateType } from 'containers';
+import { Control, ControllerProps } from 'react-hook-form/dist/types';
+import type { StylesType } from 'typescript';
+import { AnyObject } from 'typescript';
+import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
+export declare type SelectFieldProps = Partial<{
+    selectProps: SelectProps;
+    labelsProps: FieldLabelsProps;
+    name: string;
+    rules: ControllerProps['rules'];
+    control: Control<any>;
+    required: boolean;
+    optional: boolean;
+    defaultValue: string;
+    styles: StylesType;
+    conditionConfig: ConditionConfig;
+    state: FormStateType;
+    formData: AnyObject;
+    htmlElementId: string;
+    configurationItemInfo?: ConfigurationItemInfo;
+}>;
+export declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, configurationItemInfo, }: SelectFieldProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,53 @@
+import { StoryFn } from '@storybook/react';
+import { SelectFieldProps } from './SelectField';
+declare const _default: {
+    title: string;
+    component: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, configurationItemInfo, }: Partial<{
+        selectProps: Partial<{
+            ref: import("react-hook-form").RefCallBack;
+            onBlur: import("typescript").Callback;
+            value: string;
+            optionsPresentation: boolean;
+            onChange: (value: string) => void;
+            placeholder: string;
+            disabled: boolean;
+            options: import("../..").SelectOption[];
+            isError: boolean;
+            isEditMode: boolean;
+            selectInternalConfig: import("../..").SelectInternalConfigurationOptions;
+            isRichText: boolean;
+        }>;
+        labelsProps: import("..").FieldLabelsProps;
+        name: string;
+        rules: Omit<Partial<{
+            required: string | import("react-hook-form").ValidationRule<boolean>;
+            min: import("react-hook-form").ValidationRule<string | number>;
+            max: import("react-hook-form").ValidationRule<string | number>;
+            maxLength: import("react-hook-form").ValidationRule<number>;
+            minLength: import("react-hook-form").ValidationRule<number>;
+            pattern: import("react-hook-form").ValidationRule<RegExp>;
+            validate: import("react-hook-form").Validate<any> | Record<string, import("react-hook-form").Validate<any>>;
+            valueAsNumber: boolean;
+            valueAsDate: boolean;
+            value: any;
+            setValueAs: (value: any) => any;
+            shouldUnregister?: boolean | undefined;
+            onChange?: ((event: any) => void) | undefined;
+            onBlur?: ((event: any) => void) | undefined;
+            disabled: boolean;
+            deps: string | string[];
+        }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
+        control: import("react-hook-form").Control<any, any>;
+        required: boolean;
+        optional: boolean;
+        defaultValue: string;
+        styles: import("@emotion/utils").SerializedStyles;
+        conditionConfig: import("../..").ConditionConfig;
+        state: import("../..").FormStateType;
+        formData: import("typescript").AnyObject;
+        htmlElementId: string;
+        configurationItemInfo?: import("../..").ConfigurationItemInfo | undefined;
+    }>) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+};
+export default _default;
+export declare const SelectField: StoryFn<SelectFieldProps>;

package/dist/cjs/molecules/SelectableInfoCard/BaseSelectable.d.ts

@@ -0,0 +1,9 @@
+import { IconNames } from 'atoms';
+export declare type BaseSelectableProps<T> = {
+    iconName: IconNames;
+    infoText: string;
+    isActive?: boolean;
+    onClick?: (value: T) => void;
+    value: T;
+};
+export declare const BaseSelectable: <T extends string>({ iconName, infoText, isActive, onClick, value, }: BaseSelectableProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/molecules/SelectableInfoCard/SelectableCardGroup.d.ts

@@ -0,0 +1,9 @@
+import { SizesTypes } from 'theme';
+import { BaseSelectableProps } from './BaseSelectable';
+export declare type SelectableCardGroupProps<T> = {
+    cards: BaseSelectableProps<T>[];
+    handleChange?: (value: T | undefined) => void;
+    spacing?: SizesTypes;
+    initialValue?: T;
+};
+export declare const SelectableCardGroup: <T extends string>({ cards, handleChange, spacing, initialValue, }: SelectableCardGroupProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+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>) => import("@emotion/react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const SelectableCardGroup: ComponentStory<typeof SelectableCardGroupComponent>;

package/dist/cjs/molecules/SelectableInfoCard/styles.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { SizesTypes } from 'theme';
+export declare const InfoText: import("@emotion/styled").StyledComponent<Omit<import("@mui/material").TypographyProps<"span", {}>, "variant"> & {
+    variant: import("theme").FontSizesTypes;
+    type?: import("atoms").TextTypes | undefined;
+    styles?: import("@emotion/react").SerializedStyles | undefined;
+    color?: string | undefined;
+    numberOfLines?: number | undefined;
+    textAlign?: import("atoms").TextAlign | undefined;
+    behaveAs?: "button" | "text" | undefined;
+    seoTag?: import("atoms").SeoTags | undefined;
+    htmlElementId?: string | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const SelectableInfoCardStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isActive?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const GroupWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    spacing: SizesTypes;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/molecules/SettingsSelectionField/SettingsSelectionField.d.ts

@@ -0,0 +1,9 @@
+export declare type SettingsSelectionFieldProps = {
+    options: {
+        title: string;
+        id: string;
+    }[];
+    onChange?: (id: string) => void;
+    fieldTitle: string;
+};
+export declare const SettingsSelectionField: ({ options, onChange, fieldTitle, }: SettingsSelectionFieldProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/molecules/SettingsSelectionField/SettingsSelectionField.stories.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentStory } from '@storybook/react';
+import { SettingsSelectionField as SettingsSelectionFieldComponent } from './SettingsSelectionField';
+declare const _default: {
+    title: string;
+    component: ({ options, onChange, fieldTitle, }: import("./SettingsSelectionField").SettingsSelectionFieldProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const SettingsSelectionField: ComponentStory<typeof SettingsSelectionFieldComponent>;

package/dist/cjs/molecules/SimpleText/SimpleText.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { TypographyProps as MuiTypographyProps } from '@mui/material';
+import { ConfigurationItemInfo } from 'containers';
+export declare type SimpleTextProps = MuiTypographyProps & {
+    text?: string;
+    align?: MuiTypographyProps['align'];
+    color?: MuiTypographyProps['color'];
+    noWrap?: MuiTypographyProps['noWrap'];
+    margin?: MuiTypographyProps['margin'];
+    padding?: MuiTypographyProps['padding'];
+    variant?: MuiTypographyProps['variant'];
+    fontSize?: MuiTypographyProps['fontSize'];
+    fontWeight?: MuiTypographyProps['fontWeight'] | 'normal' | 'bold';
+    fontFamily?: MuiTypographyProps['fontFamily'];
+    htmlElementId?: string;
+    configurationsItemInfo?: ConfigurationItemInfo;
+};
+export declare const SimpleText: ({ text, fontSize, fontWeight, fontFamily, htmlElementId, configurationsItemInfo, ...props }: SimpleTextProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SimpleTextSC: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "typography" | "className" | "children" | "p" | "style" | "classes" | "sx" | "variant" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & ConfigurationItemInfo, {}, {}>;

package/dist/cjs/molecules/SimpleText/SimpleText.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryFn } from '@storybook/react';
+import { SimpleTextProps } from './SimpleText';
+declare const _default: {
+    title: string;
+    component: ({ text, fontSize, fontWeight, fontFamily, htmlElementId, configurationsItemInfo, ...props }: SimpleTextProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const SimpleText: StoryFn<SimpleTextProps>;

package/dist/cjs/molecules/Stepper/Stepper.d.ts

@@ -0,0 +1,22 @@
+import { ConfigurationItemInfo, ProcessStep } from 'containers';
+export declare type StepperOrientation = 'horizontal' | 'vertical';
+export declare type StepOrientation = 'horizontal' | 'vertical';
+export declare type StepperProps = {
+    steps: ProcessStep[];
+    isMobile?: boolean;
+    iconSize?: number;
+    iconColor?: string;
+    expandedAll?: boolean;
+    orientation: StepperOrientation;
+    htmlElementId?: string;
+    connectorWidth?: number;
+    connectorRadius?: number;
+    stepOrientation?: StepOrientation;
+    activeStepColor?: string;
+    defaultStepColor?: string;
+    iconBorderRadius?: number;
+    isOnClickDisabled?: boolean;
+    completedStepColor?: string;
+    configurationItemInfo?: ConfigurationItemInfo;
+};
+export declare const Stepper: ({ steps, isMobile, iconSize, iconColor, expandedAll, orientation, htmlElementId, connectorWidth, connectorRadius, stepOrientation, iconBorderRadius, activeStepColor, defaultStepColor, isOnClickDisabled, completedStepColor, configurationItemInfo, }: StepperProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;

package/dist/cjs/molecules/Stepper/Stepper.stories.d.ts

@@ -0,0 +1,8 @@
+import { StoryFn } from '@storybook/react';
+import { StepperProps } from './Stepper';
+declare const _default: {
+    title: string;
+    component: ({ steps, isMobile, iconSize, iconColor, expandedAll, orientation, htmlElementId, connectorWidth, connectorRadius, stepOrientation, iconBorderRadius, activeStepColor, defaultStepColor, isOnClickDisabled, completedStepColor, configurationItemInfo, }: StepperProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+};
+export default _default;
+export declare const Stepper: StoryFn<StepperProps>;

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

@@ -0,0 +1,32 @@
+import { TabProps, TabTheme } from 'atoms';
+import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme/types';
+import type { StylesType } from 'typescript';
+import { ConfigurationItemInfo } from 'containers';
+export declare type TabType<T = string, K = string> = Pick<TabProps<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>;
+export declare type AdditionalTabContainerProps = {
+    containerStyle?: StylesType;
+    containerProps?: Record<string, unknown>;
+};
+export declare type TabGroupProps<T = string, K = string> = {
+    tabs: TabType<T, K>[];
+    activeTabKey: T;
+    onTabChange?: (tabKey: T) => void;
+    onOptionClick?: (optionKey: K) => void;
+    styles?: StylesType;
+    vertical?: boolean;
+    tabTheme?: TabTheme;
+    tabFont?: FontSizesTypes;
+    textSize?: number;
+    tabPadding?: SizesTypes | number;
+    tabSpacing?: SizesTypes;
+    defaultTabTextColor?: ThemeColors | string;
+    selectedTabTextColor?: ThemeColors | string;
+    selectedTabIndicatorColor?: ThemeColors | string;
+    wide?: AdditionalTabContainerProps;
+    compact?: AdditionalTabContainerProps;
+    isMobile?: boolean;
+    htmlElementId?: string;
+    menuIconColor?: string;
+    configurationItemInfo?: ConfigurationItemInfo;
+};
+export declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, isMobile, htmlElementId, menuIconColor, configurationItemInfo, ...props }: TabGroupProps<T, K>) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+import type { StoryFn } from '@storybook/react';
+import { TabGroupProps } from './TabGroup';
+declare const _default: {
+    title: string;
+    component: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, isMobile, htmlElementId, menuIconColor, configurationItemInfo, ...props }: TabGroupProps<T, K>) => import("@emotion/react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const TabGroup: StoryFn<TabGroupProps>;

package/dist/cjs/molecules/TabGroup/styles.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+import { TabTheme } from 'atoms/Tab/Tab';
+import { SizesTypes, ThemeColors } from 'theme/types';
+import type { OverrideStyles, StyledTransientProps } from 'typescript';
+export declare const TabsWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & StyledTransientProps<{
+    spacing: SizesTypes;
+    vertical: boolean;
+}> & OverrideStyles, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare type TabSliderProps = {
+    width: number;
+    left: number;
+    isActiveTab?: boolean;
+    vertical?: boolean;
+    tabTheme?: TabTheme;
+    selectedTabIndicatorColor?: ThemeColors | string;
+};
+export declare const TabSlider: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TabSliderProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare type TabWrapperProps = {
+    disabled?: boolean;
+    tabTheme?: TabTheme;
+    selectedTabTextColor?: ThemeColors | string;
+    isActiveTab?: boolean;
+    selectedTabIndicatorColor?: ThemeColors | string;
+};
+export declare const TabWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    activeOpacity?: number | undefined;
+    withoutOpacityEffect?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & TabWrapperProps, {}, {}>;
+export {};

package/dist/cjs/molecules/TabGroup/useTabAnimation.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const useTabAnimation: (activeTab: string) => {
+    tabsUnderlineLeft: number[];
+    tabsUnderlineWidth: number[];
+    tabsRef: import("react").MutableRefObject<(HTMLDivElement | null)[]>;
+};

package/dist/cjs/molecules/TextMolecule/TextMolecule.d.ts

@@ -0,0 +1,20 @@
+import { TextProps } from 'atoms';
+import { FontSizesTypes, ThemeColors } from 'theme';
+import type { StylesType } from 'typescript';
+import { ConfigurationItemInfo } from 'containers';
+export declare type TextMoleculeProps = Partial<{
+    text: string;
+    variant: 'base' | 'custom';
+    fontVariant: FontSizesTypes;
+    textSize: number;
+    textColor: ThemeColors | string;
+    letterSpacing: number;
+    lineHeight: number;
+    fontWeight: string | number;
+    isRichText: boolean;
+    styles: StylesType;
+    textAlign: 'center' | 'right' | 'left';
+    htmlElementId: string;
+    configurationItemInfo: ConfigurationItemInfo;
+}> & Pick<TextProps, 'seoTag' | 'numberOfLines'>;
+export declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, htmlElementId, configurationItemInfo, ...restOfTextProps }: TextMoleculeProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/molecules/TextMolecule/TextMolecule.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryFn } from '@storybook/react';
+import { TextMoleculeProps } from './TextMolecule';
+declare const _default: {
+    title: string;
+    component: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, htmlElementId, configurationItemInfo, ...restOfTextProps }: TextMoleculeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const TextMolecule: StoryFn<TextMoleculeProps>;

package/dist/cjs/molecules/Video/Video.d.ts

@@ -0,0 +1,22 @@
+import { FeedContentTemplateTypes } from 'organisms/FeedContent/types';
+import { CSSProperties } from 'react';
+import type { StylesType } from 'typescript';
+import { ConfigurationItemInfo } from 'containers';
+export declare type VideoProps = {
+    src: string;
+} & Partial<{
+    width: number;
+    height: number;
+    autoplay: boolean;
+    enableCoverImage: boolean;
+    coverImageSrc: string;
+    style: CSSProperties;
+    styles: StylesType;
+    template: FeedContentTemplateTypes;
+    htmlElementId: string;
+    moleculeId: string;
+    isTrigger: boolean;
+    isOnClickDisabled: boolean;
+    configurationItemInfo?: ConfigurationItemInfo;
+}>;
+export declare const Video: ({ style, src, width, height, template, autoplay, enableCoverImage, coverImageSrc, styles, htmlElementId, isTrigger, moleculeId, isOnClickDisabled, configurationItemInfo, ...props }: VideoProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;

package/dist/cjs/molecules/Video/Video.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryFn } from '@storybook/react';
+import { Video as VideoComponent } from './Video';
+declare const _default: {
+    title: string;
+    component: ({ style, src, width, height, template, autoplay, enableCoverImage, coverImageSrc, styles, htmlElementId, isTrigger, moleculeId, isOnClickDisabled, configurationItemInfo, ...props }: import("./Video").VideoProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+};
+export default _default;
+export declare const Video: StoryFn<typeof VideoComponent>;

package/dist/cjs/molecules/ZealUIModal/ZealUIModal.d.ts

@@ -0,0 +1,30 @@
+import { ModalProps as MUIModalProps } from '@mui/material';
+import React, { CSSProperties, KeyboardEvent, PropsWithChildren } from 'react';
+import type { OverrideStyles } from 'typescript';
+export declare type ZealUIModalProps = PropsWithChildren<Pick<MUIModalProps, 'open'>> & {
+    padding?: number | string;
+    wrapperStyles?: CSSProperties;
+    onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
+    modalStyles?: CSSProperties;
+    size?: string;
+    popupId: string;
+    onClose: () => void;
+    withCloseIcon?: boolean;
+};
+export declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, size, popupId, withCloseIcon, ...rest }: ZealUIModalProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ModalWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & OverrideStyles, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
+    activeOpacity?: number | undefined;
+    withoutOpacityEffect?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/dist/cjs/molecules/ZealUIModal/ZealUIModal.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryFn } from '@storybook/react';
+import { ZealUIModal as ZealUIModalComponent } from './ZealUIModal';
+declare const _default: {
+    title: string;
+    component: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, size, popupId, withCloseIcon, ...rest }: import("./ZealUIModal").ZealUIModalProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const ZealUIModal: StoryFn<typeof ZealUIModalComponent>;

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

@@ -0,0 +1,38 @@
+export * from './FieldLabels/FieldLabels';
+export * from './InputField/InputField';
+export * from './FieldMapper/FieldMapper';
+export * from './CheckboxField/CheckboxField';
+export * from './CheckboxField/CheckboxGroup';
+export * from './SelectField/SelectField';
+export * from './CustomValidation/CustomValidation';
+export * from './SelectableInfoCard/SelectableCardGroup';
+export * from './Drawer/Drawer';
+export * from './MenuItems/MenuItems';
+export * from './AvatarDropdown/AvatarDropdown';
+export * from './TabGroup/TabGroup';
+export * from './FieldSection/FieldSection';
+export * from './MenuNavigation/MenuNavigation';
+export * from './EmphasizedText/EmphasizedText';
+export * from './RadioButtonField/RadioButtonField';
+export * from './Alert/Alert';
+export { Stepper, StepperProps } from './Stepper/Stepper';
+export { PdfDocument, PdfDocumentProps } from './PdfDocument/PdfDocument';
+export { FeedContentHeader, FeedContentHeaderProps } from './FeedContentHeader/FeedContentHeader';
+export { HorizontalButtonsField } from './HorizontalButtonsField/HorizontalButtonsField';
+export { BottomNavBarItem, BottomNaVBarItemProps } from './BottomNavBarItem/BottomNavBarItem';
+export { Video, VideoProps } from './Video/Video';
+export { Image, ImageProps } from './Image/Image';
+export { Carousel, CarouselProps } from './Caruser/Carousel';
+export * from './Icon';
+export * from './TextMolecule/TextMolecule';
+export * from './Button/Button';
+export * from './ZealUIModal/ZealUIModal';
+export * from './Consent/Consent';
+export * from './Link/Link';
+export * from './Checklist/Checklist';
+export * from './SimpleText/SimpleText';
+export * from './NewDivider/NewDivider';
+export * from './NewLink/NewLink';
+export * from './NewVideo/NewVideo';
+export * from './NewImage/NewImage';
+export * from './NewButton/NewButton';

package/dist/cjs/organisms/Organism/Organism.d.ts

@@ -0,0 +1,5 @@
+import { OrganismDTO } from 'organisms/types';
+export declare type OrganismProps = {
+    organism: OrganismDTO;
+};
+export declare const Organism: ({ organism }: OrganismProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/organisms/Organism/Organism.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryFn } from '@storybook/react';
+import { Organism as OrganismComponent } from './Organism';
+declare const _default: {
+    title: string;
+    component: ({ organism }: import("./Organism").OrganismProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const Organism: StoryFn<typeof OrganismComponent>;