@zealicsolutions/web-ui 0.3.268 → 0.3.334

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { HorizontalButtonsField as HorizontalButtonsFieldComponent } from './HorizontalButtonsField';
+declare const _default: {
+    title: string;
+    component: ({ name, title, control, description, horizontalButtonsProps, }: {
+        name: string;
+        title: string;
+        control?: import("react-hook-form").Control<any, any> | undefined;
+        description?: string | undefined;
+        horizontalButtonsProps: import("../..").HorizontalButtonsProps;
+        defaultValue?: string | undefined;
+    }) => JSX.Element;
+};
+export default _default;
+export declare const HorizontalButtonsField: ComponentStory<typeof HorizontalButtonsFieldComponent>;

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { Callback, StylesType } from 'typescript';
+export declare type ImageProps = {
+    src: string;
+} & Partial<{
+    id: string;
+    altText: string;
+    link: string;
+    onClick: Callback;
+    width: number;
+    height: number;
+    cornerRadius: number;
+    behaveAs: 'background' | 'regular';
+    styles: StylesType;
+}>;
+export declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element | null;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { StoryFn } from '@storybook/react';
+import { Image as ImageComponent } from './Image';
+declare const _default: {
+    title: string;
+    component: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: import("./Image").ImageProps) => JSX.Element | null;
+};
+export default _default;
+export declare const Image: StoryFn<typeof ImageComponent>;

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

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { InputProps } from 'atoms';
+import { ConditionConfig, FormStateType } from 'containers';
+import { InputFieldTypes } from 'fieldsConfiguration';
+import { Control, ControllerProps } from 'react-hook-form/dist/types';
+import type { StylesType } from 'typescript';
+import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
+export declare type InputFieldProps = Partial<{
+    name: string;
+    control: Control<any>;
+    rules: ControllerProps['rules'];
+    required: boolean;
+    optional: boolean;
+    defaultValue: string;
+    inputProps: InputProps;
+    styles: StylesType;
+    labelsProps: FieldLabelsProps;
+    conditionConfig: ConditionConfig;
+    state: FormStateType;
+}>;
+declare type ReturnValueType = Record<FormStateType, string>;
+export declare const getMockValueForSuccessAndFormatError: (type: InputFieldTypes) => ReturnValueType;
+export declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, }: InputFieldProps) => JSX.Element | null;
+export {};

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

@@ -0,0 +1,67 @@
+/// <reference types="react" />
+import { StoryFn } from '@storybook/react';
+import { InputFieldProps } from './InputField';
+declare const _default: {
+    title: string;
+    component: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, }: Partial<{
+        name: string;
+        control: import("react-hook-form").Control<any, any>;
+        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;
+        required: boolean;
+        optional: boolean;
+        defaultValue: string;
+        inputProps: Partial<{
+            value: string;
+            leftIcon: import("../..").InputIconProps;
+            rightIcon: import("../..").InputIconProps;
+            onBlur: import("typescript").Callback;
+            type: import("fieldsConfiguration").InputFieldTypes;
+            placeholder: string;
+            disabled: boolean;
+            isEditMode: boolean;
+            isError: boolean;
+            maxLength: number;
+            onChange: (value: string) => void;
+            onKeyDown: (event: import("react").KeyboardEvent<HTMLInputElement>) => void;
+            internalConfig: Partial<{
+                textColor: string;
+                textFontSize: number;
+                placeholderTextColor: string;
+                placeholderTextFontSize: number;
+                verticalPadding: number;
+                horizontalPadding: number;
+                styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+                wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            }>;
+            config?: Partial<{
+                maskPlaceholder: string;
+                dataModelFieldType: import("fieldsConfiguration").InputFieldTypes;
+                maskPattern: (string | RegExp)[];
+            }> | undefined;
+            state: import("../..").FormStateType;
+        }>;
+        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        labelsProps: import("..").FieldLabelsProps;
+        conditionConfig: import("../..").ConditionConfig;
+        state: import("../..").FormStateType;
+    }>) => JSX.Element | null;
+};
+export default _default;
+export declare const InputField: StoryFn<InputFieldProps>;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { TextButtonProps } from 'atoms';
+export declare type LinkProps = Omit<TextButtonProps, 'children'> & Partial<{
+    text: string;
+    isRichText: boolean;
+    href: string;
+}>;
+export declare const Link: ({ text: textProp, isRichText, ...props }: LinkProps) => JSX.Element | null;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { StoryFn } from '@storybook/react';
+import { Link as LinkComponent } from 'molecules';
+declare const _default: {
+    title: string;
+    component: ({ text: textProp, isRichText, ...props }: import("molecules").LinkProps) => JSX.Element | null;
+};
+export default _default;
+export declare const Link: StoryFn<typeof LinkComponent>;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare type MenuItem<T> = {
+    id: T;
+    title: string;
+    onClick?: (id: T) => void;
+};
+export declare type MenuItemsProps<T> = {
+    title?: string;
+    onItemPress?: (id: T) => void;
+    options?: MenuItem<T>[];
+};
+export declare const MenuItems: <T extends string | number>({ title, onItemPress, options, }: MenuItemsProps<T>) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { MenuItemsProps } from '../MenuItems/MenuItems';
+export declare type MenuNavigationProps<T> = {
+    menuConfig: MenuItemsProps<T>;
+};
+export declare const MenuNavigation: <T extends string | number>({ menuConfig, }: MenuNavigationProps<T>) => JSX.Element;
+export declare const CaretIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isOpen: boolean;
+}, never>;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { MenuNavigation as MenuNavigationComponent } from 'molecules/MenuNavigation/MenuNavigation';
+import 'rc-dropdown/assets/index.css';
+declare const _default: {
+    title: string;
+    component: <T extends string | number>({ menuConfig, }: import("molecules/MenuNavigation/MenuNavigation").MenuNavigationProps<T>) => JSX.Element;
+};
+export default _default;
+export declare const MenuNavigation: ComponentStory<typeof MenuNavigationComponent>;

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { ThemeColors } from 'theme';
+export declare type PdfDocumentProps = {
+    source: string;
+    isMobile?: boolean;
+    customDocumentStyles?: Partial<{
+        wrapperBackgroundColor: ThemeColors | string;
+        pageNumberColor: ThemeColors | string;
+        pageWidth: number;
+        pageHeight: number;
+        paginationArrowColor: ThemeColors | string;
+        disabledPaginationArrowColor: ThemeColors | string;
+    }>;
+};
+export declare const PdfDocument: ({ source, isMobile, customDocumentStyles, }: PdfDocumentProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { PdfDocument as PdfDocumentComponent } from 'molecules';
+declare const _default: {
+    title: string;
+    component: ({ source, isMobile, customDocumentStyles, }: import("molecules").PdfDocumentProps) => JSX.Element;
+};
+export default _default;
+export declare const PdfDocument: ComponentStory<typeof PdfDocumentComponent>;

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

@@ -0,0 +1,65 @@
+/// <reference types="react" />
+import { RadioButtonInternalConfigProps, RadioButtonsProps } from 'atoms';
+import { ConditionConfig, FormStateType } from 'containers';
+import { Control, ControllerProps } from 'react-hook-form/dist/types';
+import type { StylesType } from 'typescript';
+import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
+export declare type RadioButtonFieldProps<T extends string> = Partial<{
+    name: string;
+    rules: ControllerProps['rules'];
+    styles: StylesType;
+    control: Control<any>;
+    optional: boolean;
+    required: boolean;
+    labelsProps: FieldLabelsProps;
+    defaultValue: string;
+    radioButtonsProps: RadioButtonsProps<T>;
+    internalConfig: RadioButtonInternalConfigProps;
+    conditionConfig: ConditionConfig;
+    state: FormStateType;
+}>;
+export declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, }: Partial<{
+    name: string;
+    rules: ControllerProps['rules'];
+    styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+    control: Control<any>;
+    optional: boolean;
+    required: boolean;
+    labelsProps: FieldLabelsProps;
+    defaultValue: string;
+    radioButtonsProps: Partial<{
+        ref: import("react-hook-form").RefCallBack;
+        name: string;
+        value: T;
+        options: import("atoms").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("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            buttonOptionSpacing: import("../..").SizesTypes;
+            radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        }>;
+    }>;
+    internalConfig: Partial<{
+        selectedRadioOptionBackgroundColor: string;
+        selectedRadioOptionIndicatorColor: string;
+        buttonPadding: number;
+        textPadding: number;
+        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        buttonOptionSpacing: import("../..").SizesTypes;
+        radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+    }>;
+    conditionConfig: ConditionConfig;
+    state: FormStateType;
+}>) => JSX.Element | null;

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

@@ -0,0 +1,70 @@
+/// <reference types="react" />
+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, }: 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("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        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("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+                wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+                buttonOptionSpacing: import("theme").SizesTypes;
+                radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            }>;
+        }>;
+        internalConfig: Partial<{
+            selectedRadioOptionBackgroundColor: string;
+            selectedRadioOptionIndicatorColor: string;
+            buttonPadding: number;
+            textPadding: number;
+            styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            buttonOptionSpacing: import("theme").SizesTypes;
+            radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        }>;
+        conditionConfig: import("../..").ConditionConfig;
+        state: import("../..").FormStateType;
+    }>) => JSX.Element | null;
+};
+export default _default;
+export declare const RadioButtonField: ComponentStory<typeof RadioButtonFieldComponent>;

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { SelectProps } from 'atoms';
+import { ConditionConfig, FormStateType } from 'containers';
+import { Control, ControllerProps } from 'react-hook-form/dist/types';
+import type { StylesType } 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;
+}>;
+export declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, }: SelectFieldProps) => JSX.Element | null;

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

@@ -0,0 +1,51 @@
+/// <reference types="react" />
+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, }: 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("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        conditionConfig: import("../..").ConditionConfig;
+        state: import("../..").FormStateType;
+    }>) => JSX.Element | null;
+};
+export default _default;
+export declare const SelectField: StoryFn<SelectFieldProps>;

package/dist/esm/src/molecules/SelectableInfoCard/BaseSelectable.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+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>) => JSX.Element;

package/dist/esm/src/molecules/SelectableInfoCard/SelectableCardGroup.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+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>) => JSX.Element;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { SizesTypes } from 'theme';
+export declare const InfoText: import("styled-components").StyledComponent<({ children, seoTag, ...textProps }: import("atoms").TextWrapperProps) => JSX.Element, import("styled-components").DefaultTheme, {
+    variant: "M";
+}, "variant">;
+export declare const SelectableInfoCardStyled: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isActive?: boolean | undefined;
+}, never>;
+export declare const GroupWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    spacing: SizesTypes;
+}, never>;

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

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

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

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

package/dist/esm/src/molecules/Stepper/Step.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { ProcessTrackerStatus } from 'organisms';
+import { OrientationType } from './Stepper';
+export declare type StepProps = {
+    step: {
+        title?: string;
+        description?: string;
+        status?: ProcessTrackerStatus;
+    };
+    stepsNumber: number;
+    order: number;
+    orientation?: OrientationType;
+};
+export declare const Step: ({ stepsNumber, step: { title, description, status }, orientation, order, }: StepProps) => JSX.Element;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ProcessTrackerStatus } from 'organisms';
+export declare type OrientationType = 'horizontal' | 'vertical';
+export declare type StepperProps = {
+    steps: {
+        title: string;
+        description?: string;
+        status?: ProcessTrackerStatus;
+    }[];
+    currentStep: number;
+    orientation?: OrientationType;
+};
+export declare const Stepper: ({ steps, orientation, currentStep }: StepperProps) => JSX.Element;

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

@@ -0,0 +1,21 @@
+import { OrientationType } from 'molecules/Stepper/Stepper';
+export declare const StepperWrapper: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
+    orientation?: OrientationType | undefined;
+}, never>;
+export declare const Wrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
+    orientation?: OrientationType | undefined;
+}, never>;
+export declare const StepWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const VerticalWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    orientation?: OrientationType | undefined;
+    isLastChild?: boolean | undefined;
+}, never>;
+export declare const CustomStep: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    isComplete?: boolean | undefined;
+    isProgress?: boolean | undefined;
+    orientation?: OrientationType | undefined;
+}, never>;
+export declare const ConnectionLine: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    orientation?: OrientationType | undefined;
+    isComplete?: boolean | undefined;
+}, never>;

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

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { TabProps, TabTheme } from 'atoms';
+import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme/types';
+import { StylesType } from 'typescript';
+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;
+};
+export declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, ...props }: TabGroupProps<T, K>) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+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, ...props }: TabGroupProps<T, K>) => JSX.Element;
+};
+export default _default;
+export declare const TabGroup: StoryFn<TabGroupProps>;