@zealicsolutions/web-ui 0.2.143 → 0.3.0

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { Callback } from 'typescript';
-import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
+import { SizesTypes, ThemeColors } from 'theme';
 import { IconNames } from '..';
 export declare type AvatarProps = {
     size?: SizesTypes | number;
@@ -9,7 +9,7 @@ export declare type AvatarProps = {
     backgroundColor?: ThemeColors;
     textConfig?: {
         color?: ThemeColors;
-        font?: FontSizesTypes;
+        font?: SizesTypes;
     };
     content: {
         initials?: string;

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

@@ -0,0 +1,20 @@
+import { PropsWithChildren } from 'react';
+import { CSSProperties } from 'styled-components';
+import type { Callback } from 'typescript';
+export declare type BaseButtonProps = PropsWithChildren<{
+    onClick?: Callback;
+    variant?: 'primary' | 'secondary';
+    disabled?: boolean;
+    fullWidth?: boolean;
+    size?: 'medium' | 'small';
+}>;
+export declare type ButtonProps = BaseButtonProps & {
+    fullWidth?: boolean;
+    text?: string;
+    link?: string;
+    elementId?: string;
+    loading?: boolean;
+    isRichText?: boolean;
+    containerStyle?: CSSProperties;
+};
+export declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, size, }: ButtonProps) => JSX.Element | null;

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

@@ -0,0 +1,15 @@
+import type { ComponentStory } from '@storybook/react';
+import { FC } from 'react';
+import { TextButtonProps } from 'atoms/Buttons/TextButton';
+import { Button as ButtonComponent } from './Button';
+import { TouchableOpacityProps } from './TouchableOpacity';
+import { IconButton as IconButtonComponent } from './IconButton';
+declare const _default: {
+    title: string;
+    component: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, size, }: import("./Button").ButtonProps) => JSX.Element | null;
+};
+export default _default;
+export declare const Button: ComponentStory<typeof ButtonComponent>;
+export declare const TouchableOpacity: ComponentStory<FC<TouchableOpacityProps>>;
+export declare const TextButton: ComponentStory<FC<TextButtonProps>>;
+export declare const IconButton: ComponentStory<typeof IconButtonComponent>;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ThemeColors } from 'theme';
 import { IconNames, TouchableOpacityProps } from 'atoms';
-import type { Callback } from 'typescript';
+import { Callback } from 'typescript';
 export declare type IconButtonProps = {
     name: IconNames;
     size?: number;

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

@@ -1,9 +1,24 @@
-import { BaseButtonProps } from 'molecules';
-export declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClick' | 'children' | 'colorTheme' | 'size'> & {
+import { PropsWithChildren } from 'react';
+import type { Callback } from 'typescript';
+export declare type TextButtonProps = PropsWithChildren<{
+    activeOpacity?: number;
+    withoutOpacityEffect?: boolean;
+    disabled?: boolean;
+    onClick?: Callback;
     buttonLink?: string;
     elementId?: string;
-};
-export declare const TextButton: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & {
+}>;
+export declare const TextButton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    activeOpacity?: number | undefined;
+    withoutOpacityEffect?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    activeOpacity?: number | undefined;
+    withoutOpacityEffect?: boolean | undefined;
+    disabled?: boolean | undefined;
+    onClick?: Callback | undefined;
     buttonLink?: string | undefined;
     elementId?: string | undefined;
 }, never>;

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

@@ -1,15 +1,9 @@
-/// <reference types="react" />
-import { CheckboxInternalConfigProps } from './types';
-export declare type CheckboxProps = {
-    id: string;
-    onClick: (id: string) => void;
-    label: string;
-} & Partial<{
-    isError: boolean;
-    disabled: boolean;
-    isEditMode: boolean;
-    isSelected: boolean;
-    isRichText: boolean;
-    internalConfig: CheckboxInternalConfigProps;
-}>;
-export declare const Checkbox: ({ id, onClick, label, isError, disabled, isEditMode, isSelected, isRichText, internalConfig, }: CheckboxProps) => JSX.Element;
+import { ReactNode } from 'react';
+export declare type CheckBoxProps = {
+    value: boolean;
+    onClick: (value: boolean) => void;
+    disabled?: boolean;
+    error?: boolean;
+    label?: string | ReactNode;
+};
+export declare const Checkbox: ({ label, onClick, value, disabled, error }: CheckBoxProps) => JSX.Element;

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

@@ -3,7 +3,7 @@ import type { ComponentStory } from '@storybook/react';
 import { Checkbox as CheckboxComponent } from './Checkbox';
 declare const _default: {
     title: string;
-    component: ({ id, onClick, label, isError, disabled, isEditMode, isSelected, isRichText, internalConfig, }: import("./Checkbox").CheckboxProps) => JSX.Element;
+    component: ({ label, onClick, value, disabled, error }: import("./Checkbox").CheckBoxProps) => JSX.Element;
 };
 export default _default;
 export declare const Checkbox: ComponentStory<typeof CheckboxComponent>;

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

@@ -5,5 +5,4 @@ export declare type CircleBoxProps = {
     type: CircleType;
 };
 export declare const Circle: ({ index, type }: CircleBoxProps) => JSX.Element;
-export declare const CirclesWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export {};

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

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

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { CSSProperties } from 'styled-components';
 import { ThemeColors } from 'theme';
 export declare type IconProps = {
     name: IconNames;
@@ -7,32 +6,30 @@ export declare type IconProps = {
     color?: ThemeColors | string;
     fill?: ThemeColors | string;
     pointerEvents?: 'auto' | 'none';
-    style?: CSSProperties;
+    style?: React.CSSProperties;
 };
 declare const availableIcons: {
-    ArrowRight: ({ color, ...props }: Omit<IconProps, "name">) => JSX.Element;
-    Bell: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
-    Bookmark: ({ fill, color, size, ...props }: Omit<IconProps, "name">) => JSX.Element;
-    CaretDown: ({ color, size, }: Omit<IconProps, "name">) => JSX.Element;
+    CaretDown: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
+    CaretUp: ({ color, ...props }: Omit<IconProps, "name">) => JSX.Element;
     CaretLeft: ({ color, size, ...props }: Omit<IconProps, "name">) => JSX.Element;
     CaretRight: ({ color, size, ...props }: Omit<IconProps, "name">) => JSX.Element;
-    CaretUp: ({ color, ...props }: Omit<IconProps, "name">) => JSX.Element;
-    Check: ({ size, color, }: Omit<IconProps, "name">) => JSX.Element;
-    Close: ({ size, color, }: Omit<IconProps, "name">) => JSX.Element;
-    Edit: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
-    Filter: ({ size, color, }: Omit<IconProps, "name">) => JSX.Element;
-    Hide: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
+    Filter: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Check: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
     Info: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    View: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
+    Hide: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
+    Close: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Play: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Minus: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
     InfoBoxIcon: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
+    Warning: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Bell: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Mobile: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
     Mail: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
     Menu: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
-    Minus: ({ size, color, }: Omit<IconProps, "name">) => JSX.Element;
-    Mobile: ({ size, color, }: Omit<IconProps, "name">) => JSX.Element;
-    Play: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
-    Save: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
     Search: ({ size, color, ...props }: Omit<IconProps, "name">) => JSX.Element;
-    View: ({ color, size, }: Omit<IconProps, "name">) => JSX.Element;
-    Warning: ({ size, color, }: Omit<IconProps, "name">) => JSX.Element;
+    Bookmark: ({ fill, color, size, ...props }: Omit<IconProps, "name">) => JSX.Element;
+    ArrowRight: ({ color, ...props }: Omit<IconProps, "name">) => JSX.Element;
 };
 export declare type IconNames = keyof typeof availableIcons;
 export declare const Icon: ({ name, color, ...props }: IconProps) => JSX.Element;

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

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'styled-components';
+export declare type ImageProps = {
+    src: string;
+    alt?: string;
+    style?: CSSProperties;
+};
+export declare const Image: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, ImageProps, never>;
+export declare const BackgroundImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, ImageProps, never>;

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

@@ -0,0 +1,8 @@
+import type { ComponentStory } from '@storybook/react';
+import { Image as ImageComponent } from './Image';
+declare const _default: {
+    title: string;
+    component: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, import("./Image").ImageProps, never>;
+};
+export default _default;
+export declare const Image: ComponentStory<typeof ImageComponent>;

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

@@ -1,19 +1,7 @@
 import type { IconNames } from 'atoms/Icon/Icon';
 import { InputFieldTypes } from 'fieldsConfiguration/types';
 import React from 'react';
-import { ThemeColors } from 'theme/types';
-import type { Callback, StylesType } from 'typescript';
-import { MaskConfig } from './helpers';
-export declare type InputFieldInternalConfigProps = Partial<{
-    textColor: ThemeColors | string;
-    textFontSize: number;
-    placeholderTextColor: ThemeColors | string;
-    placeholderTextFontSize: number;
-    verticalPadding: number;
-    horizontalPadding: number;
-    styles: StylesType;
-    wrapperStyles: StylesType;
-}>;
+import type { Callback } from 'typescript';
 export declare type InputIconProps = {
     name: IconNames;
     onClick?: Callback;
@@ -31,7 +19,5 @@ export declare type InputProps = {
     maxLength?: number;
     onChange?: (value: string) => void;
     onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    internalConfig?: InputFieldInternalConfigProps;
-    config?: MaskConfig;
 };
-export declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, config, ...rest }: InputProps) => JSX.Element;
+export declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, ...rest }: InputProps) => JSX.Element;

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

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

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

@@ -1,56 +1,17 @@
 /// <reference types="react" />
-import { RadioGroup } from '@mui/material';
-import { RefCallBack } from 'react-hook-form/dist/types';
-import { SizesTypes, ThemeColors } from 'theme';
-import type { Callback, OverrideStyles, StyledTransientProps, StylesType } from 'typescript';
-import { SelectOption } from '../Select/Select';
-export declare type RadioButtonInternalConfigProps = Partial<{
-    selectedRadioOptionBackgroundColor: ThemeColors | string;
-    selectedRadioOptionIndicatorColor: ThemeColors | string;
-    buttonPadding: number;
-    textPadding: number;
-    styles: StylesType;
-    wrapperStyles: StylesType;
-    buttonOptionSpacing: SizesTypes;
-    radioGroupWrapperStyles: StylesType;
-}>;
-export declare type RadioButtonsProps<T extends string> = Partial<{
-    ref: RefCallBack;
-    name: string;
-    value: T;
-    options: SelectOption[];
-    onBlur: Callback;
+export declare type RadioButtonType<T extends string = string> = {
+    id: T;
+    label?: string;
+    error?: boolean;
+    disabled?: boolean;
+    isRichText?: boolean;
+};
+export declare type RadioButtonsProps<T extends string> = {
+    isEditMode?: boolean;
     onChange: (value: T) => void;
-    isRow: boolean;
-    isError: boolean;
-    disabled: boolean;
-    isEditMode: boolean;
-    isRichText: boolean;
-    internalConfig: RadioButtonInternalConfigProps;
-}>;
-export declare const RadioButtons: <T extends string>({ ref, name, value, options, onBlur, onChange, isRow, isError, disabled, isEditMode, isRichText, internalConfig, }: Partial<{
-    ref: RefCallBack;
-    name: string;
     value: T;
-    options: SelectOption[];
-    onBlur: Callback;
-    onChange: (value: T) => void;
-    isRow: boolean;
-    isError: boolean;
-    disabled: boolean;
-    isEditMode: boolean;
-    isRichText: boolean;
-    internalConfig: Partial<{
-        selectedRadioOptionBackgroundColor: ThemeColors | string;
-        selectedRadioOptionIndicatorColor: ThemeColors | 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: SizesTypes;
-        radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-    }>;
-}>) => JSX.Element;
-export declare const RadioGroupWrapper: import("styled-components").StyledComponent<typeof RadioGroup, import("styled-components").DefaultTheme, StyledTransientProps<{
-    isRow: boolean;
-}> & OverrideStyles, never>;
+    isRow?: boolean;
+    items: RadioButtonType<T>[];
+    name: string;
+};
+export declare const RadioButtons: <T extends string>({ value, items, isRow, isEditMode, onChange, name, }: RadioButtonsProps<T>) => JSX.Element;

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

@@ -1,31 +1,9 @@
 /// <reference types="react" />
-import type { StoryFn } from '@storybook/react';
+import type { ComponentStory } from '@storybook/react';
 import { RadioButtons as RadioButtonsComponent } from './RadioButtons';
 declare const _default: {
     title: string;
-    component: <T extends string>({ ref, name, value, options, onBlur, onChange, isRow, isError, disabled, isEditMode, isRichText, internalConfig, }: 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>>;
-        }>;
-    }>) => JSX.Element;
+    component: <T extends string>({ value, items, isRow, isEditMode, onChange, name, }: import("./RadioButtons").RadioButtonsProps<T>) => JSX.Element;
 };
 export default _default;
-export declare const RadioButtons: StoryFn<typeof RadioButtonsComponent>;
+export declare const RadioButtons: ComponentStory<typeof RadioButtonsComponent>;

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

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-import { TextProps } from 'atoms';
+import { CSSProperties } from 'styled-components';
 import { FontSizesTypes, ThemeColors } from 'theme';
-import { StylesType } from 'typescript';
 export declare const MATRIX_MESSAGE_ELEMENT_ID = "matrix-message";
 export declare const COMMUNICATION_LINK_ELEMENT_ID = "communication-link";
 export declare const MATRIX_MESSAGE_DATA_ID = "matrix-message-id";
@@ -10,9 +9,8 @@ export declare const COMMUNICATION_LINK_DATA_TEXT = "communication-link-text";
 export declare type RichTextEditorProps = Partial<{
     value: string;
     font: FontSizesTypes;
-    color: ThemeColors | string;
-    textStyles: StylesType;
+    color: ThemeColors;
+    textStyles: CSSProperties;
     numberOfLines?: number;
-    extraTextProps?: TextProps;
 }>;
-export declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, }: RichTextEditorProps) => JSX.Element | null;
+export declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, }: RichTextEditorProps) => JSX.Element | null;

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

@@ -8,7 +8,6 @@ export declare type TextFormat = Partial<{
     variable: VariablePayload;
     tag: {
         id: string;
-        label: string;
     };
     'numbered-list': boolean;
     'bulleted-list': boolean;

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

@@ -1,35 +1,3 @@
 /// <reference types="react" />
-import { ThemeColors } from 'theme';
-import type { AnyObject, Callback, StylesType } from 'typescript';
-import { RefCallBack } from 'react-hook-form/dist/types';
-export declare type SelectOption = {
-    id: string;
-    label: string;
-    value?: string;
-    config?: AnyObject;
-};
-export declare type SelectInternalConfigurationOptions = {
-    placeholderTextColor: ThemeColors | string;
-    placeholderTextFontSize: number;
-    selectedTextColor: ThemeColors | string;
-    selectedTextFontSize: number;
-    verticalPadding: number;
-    horizontalPadding: number;
-    wrapperStyles: StylesType;
-    styles: StylesType;
-};
-export declare type SelectProps = Partial<{
-    ref: RefCallBack;
-    onBlur: Callback;
-    value: string;
-    optionsPresentation: boolean;
-    onChange: (value: string) => void;
-    placeholder: string;
-    disabled: boolean;
-    options: SelectOption[];
-    isError: boolean;
-    isEditMode: boolean;
-    selectInternalConfig: SelectInternalConfigurationOptions;
-    isRichText: boolean;
-}>;
-export declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, selectInternalConfig, isRichText, }: SelectProps) => JSX.Element;
+import type { SelectProps } from './types';
+export declare const Select: ({ onChange, value, placeholder, options, disabled, optionsPresentation, isError, }: SelectProps) => JSX.Element;

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

@@ -1,22 +1,9 @@
 /// <reference types="react" />
-import { StoryFn } from '@storybook/react';
-import { SelectProps } from './Select';
+import type { ComponentStory } from '@storybook/react';
+import { Select as SelectComponent } from './Select';
 declare const _default: {
     title: string;
-    component: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, selectInternalConfig, isRichText, }: 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("./Select").SelectOption[];
-        isError: boolean;
-        isEditMode: boolean;
-        selectInternalConfig: import("./Select").SelectInternalConfigurationOptions;
-        isRichText: boolean;
-    }>) => JSX.Element;
+    component: ({ onChange, value, placeholder, options, disabled, optionsPresentation, isError, }: import("./types").SelectProps) => JSX.Element;
 };
 export default _default;
-export declare const Select: StoryFn<SelectProps>;
+export declare const Select: ComponentStory<typeof SelectComponent>;

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

@@ -1,16 +1,12 @@
-import { StylesType } from 'typescript';
-import { SelectInternalConfigurationOptions } from './Select';
 declare type SelectContainerProps = {
     hasValue: boolean;
     disabled: boolean;
     isOpen: boolean;
     hasError: boolean;
-    $styles: StylesType;
 };
 export declare const SelectContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SelectContainerProps, never>;
 export declare const DropdownMenu: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const DropdownMenuItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    $selected: boolean;
+    selected: boolean;
 }, never>;
-export declare const getSelectStyles: (internalConfig?: SelectInternalConfigurationOptions, isSelectedOption?: boolean) => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
 export {};

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

@@ -0,0 +1,14 @@
+export declare type SelectOption = {
+    id: string;
+    label: string;
+};
+export declare type SelectProps = {
+    value?: string;
+    optionsPresentation?: boolean;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    options?: SelectOption[];
+    isError?: boolean;
+    isEditMode?: boolean;
+};

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

@@ -1,10 +1,10 @@
-import { PropsWithChildren } from 'react';
+import { ReactNode } from 'react';
 import { FontSizesTypes, ThemeColors } from 'theme/types';
-import type { StylesType } from 'typescript';
+import { StylesType } from 'typescript';
 export declare type TextTypes = 'primary' | 'secondary' | 'error' | 'success';
 export declare type TextAlign = 'center' | 'right' | 'left';
-export declare type SeoTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
-export declare type TextProps = {
+export declare type TextWrapperProps = {
+    children: ReactNode;
     variant: FontSizesTypes;
     layout?: 'div' | 'span';
     type?: TextTypes;
@@ -13,10 +13,5 @@ export declare type TextProps = {
     numberOfLines?: number;
     textAlign?: TextAlign;
     behaveAs?: 'text' | 'button';
-    seoTag?: SeoTags;
 };
-export declare type TextWrapperProps = PropsWithChildren<TextProps>;
-export declare const TextWrapper: ({ children, seoTag, ...textProps }: TextWrapperProps) => JSX.Element;
-export declare const ErrorText: ({ text }: {
-    text: string;
-}) => JSX.Element;
+export declare const TextWrapper: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BoxTypeMap<{}, "div">>, import("styled-components").DefaultTheme, TextWrapperProps, never>;

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import type { StoryFn } from '@storybook/react';
-import { TextWrapperProps } from 'atoms';
+import type { ComponentStory } from '@storybook/react';
+import { FC } from 'react';
+import { TextWrapperProps } from './TextWrapper';
 declare const _default: {
     title: string;
-    component: ({ children, seoTag, ...textProps }: TextWrapperProps) => JSX.Element;
+    component: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BoxTypeMap<{}, "div">>, import("styled-components").DefaultTheme, TextWrapperProps, never>;
 };
 export default _default;
-export declare const Text: StoryFn<TextWrapperProps>;
+export declare const Text: ComponentStory<FC<TextWrapperProps>>;

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

@@ -1,9 +1,6 @@
 /// <reference types="react" />
 import { TooltipProps as TooltipComponentProps } from 'rc-tooltip/lib/Tooltip';
-import { OverrideStyles, StylesType } from 'typescript';
 import 'rc-tooltip/assets/bootstrap.css';
-export declare type TooltipProps = Pick<TooltipComponentProps, 'overlay' | 'placement' | 'trigger' | 'visible' | 'children'> & {
-    styles?: StylesType;
-};
-export declare const StyleWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, OverrideStyles, never>;
-export declare const Tooltip: ({ trigger, placement, styles, ...props }: TooltipProps) => JSX.Element;
+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/Tooltip/Tooltip.stories.d.ts

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

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { FeedContentTemplateTypes } from 'organisms/FeedContent/types';
+import { CSSProperties } from 'styled-components';
+export declare type VideoProps = {
+    src: string;
+    style?: CSSProperties;
+    template?: FeedContentTemplateTypes;
+    autoplay?: boolean;
+    coverImage?: string;
+};
+export declare const Video: ({ style, src, template, autoplay, coverImage }: VideoProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { Video as VideoComponent } from './Video';
+declare const _default: {
+    title: string;
+    component: ({ style, src, template, autoplay, coverImage }: import("./Video").VideoProps) => JSX.Element;
+};
+export default _default;
+export declare const Video: ComponentStory<typeof VideoComponent>;

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

@@ -1,3 +1,4 @@
+export * from './Buttons/Button';
 export * from './Buttons/TouchableOpacity';
 export * from './Checkbox/Checkbox';
 export * from './Select/Select';
@@ -6,9 +7,10 @@ export * from './TextWrapper/TextWrapper';
 export * from './Icon/Icon';
 export * from './Spacer/Spacer';
 export * from './Spinner/Spinner';
-export * from './RegularImage/RegularImage';
+export * from './Image/Image';
 export * from './Buttons/TextButton';
 export * from './ValidationTag/ValidationTag';
+export * from './Video/Video';
 export * from './Tooltip/Tooltip';
 export * from './Toast/toast';
 export * from './HorizontalButtons/HorizontalButtons';
@@ -21,4 +23,3 @@ export * from './RadioButtons/RadioButtons';
 export * from './Circle/Circle';
 export * from './CircularIndicator/CircularIndicator';
 export * from './Buttons/IconButton';
-export * from './Tab/Tab';