@zealicsolutions/web-ui 0.3.267 → 0.3.333

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

@@ -0,0 +1,8 @@
+export declare const AppLogo: any;
+export declare const HomeHeroImage: any;
+export declare const ProfileGraphic: any;
+export declare const PulseEmblem: any;
+export declare const Logo: any;
+export declare const AppleLogo: any;
+export declare const ModernaLogo: any;
+export declare const PfizerLogo: any;

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import type { Callback } from 'typescript';
+import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
+import { IconNames } from '..';
+export declare type AvatarProps = {
+    size?: SizesTypes | number;
+    withShadow?: boolean;
+    label?: string;
+    backgroundColor?: ThemeColors;
+    textConfig?: {
+        color?: ThemeColors;
+        font?: FontSizesTypes;
+    };
+    content: {
+        initials?: string;
+        iconName?: IconNames;
+        imageUrl?: string;
+    };
+    onPress?: Callback;
+};
+export declare const Avatar: ({ size, withShadow, label, backgroundColor, onPress, content: { initials, iconName, imageUrl }, textConfig: { color, font }, }: AvatarProps) => JSX.Element;

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/Buttons.stories.d.ts

@@ -0,0 +1,20 @@
+import type { StoryFn } from '@storybook/react';
+import { TextButtonProps } from 'atoms/Buttons/TextButton';
+import { FC } from 'react';
+import { IconButton as IconButtonComponent } from './IconButton';
+import { TouchableOpacityProps } from './TouchableOpacity';
+declare const _default: {
+    title: string;
+    component: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
+        target: "_blank";
+    } & Pick<import("../..").BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
+        buttonLink: string;
+        elementId: string;
+        $styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        $variant: import("atoms/Buttons/TextButton").LinkVariant;
+    }>, "target">;
+};
+export default _default;
+export declare const TouchableOpacity: StoryFn<FC<TouchableOpacityProps>>;
+export declare const TextButton: StoryFn<FC<TextButtonProps>>;
+export declare const IconButton: StoryFn<typeof IconButtonComponent>;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ThemeColors } from 'theme';
+import { IconNames, TouchableOpacityProps } from 'atoms';
+import type { Callback } from 'typescript';
+export declare type IconButtonProps = {
+    name: IconNames;
+    size?: number;
+    onClick: Callback;
+    color?: ThemeColors | string;
+    fill?: ThemeColors | string;
+    pointerEvents?: 'auto' | 'none';
+};
+export declare const IconButton: ({ name, color, onClick, disabled, activeOpacity, withoutOpacityEffect, ...props }: IconButtonProps & TouchableOpacityProps) => JSX.Element;

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

@@ -0,0 +1,17 @@
+import { BaseButtonProps } from 'molecules';
+import { StylesType } from 'typescript';
+export declare type LinkVariant = 'link' | 'custom';
+export declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClick' | 'children' | 'colorTheme' | 'size'> & Partial<{
+    buttonLink: string;
+    elementId: string;
+    $styles: StylesType;
+    $variant: LinkVariant;
+}>;
+export declare const TextButton: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
+    target: "_blank";
+} & Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
+    buttonLink: string;
+    elementId: string;
+    $styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+    $variant: LinkVariant;
+}>, "target">;

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

@@ -0,0 +1,13 @@
+import { PropsWithChildren } from 'react';
+export declare type TouchableOpacityProps = PropsWithChildren<{
+    activeOpacity?: number;
+    withoutOpacityEffect?: boolean;
+    disabled?: boolean;
+}>;
+export declare const TouchableOpacity: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    activeOpacity?: number | undefined;
+    withoutOpacityEffect?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
+}, never>;

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

@@ -0,0 +1,15 @@
+/// <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;

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: ({ id, onClick, label, isError, disabled, isEditMode, isSelected, isRichText, internalConfig, }: import("./Checkbox").CheckboxProps) => JSX.Element;
+};
+export default _default;
+export declare const Checkbox: ComponentStory<typeof CheckboxComponent>;

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

@@ -0,0 +1,2 @@
+import { CheckboxInternalConfigProps, CheckBoxStates, CheckboxStylesConfig } from './types';
+export declare const getCheckboxStyles: (isHovered: boolean, checkboxState: CheckBoxStates, internalConfig?: CheckboxInternalConfigProps) => CheckboxStylesConfig;

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

@@ -0,0 +1,18 @@
+import { SizesTypes, ThemeColors } from 'theme';
+import type { StylesType } from 'typescript';
+export declare type CheckboxInternalConfigProps = Partial<{
+    selectedCheckboxBackgroundColor: ThemeColors | string;
+    selectedCheckboxIconColor: ThemeColors | string;
+    buttonPadding: number;
+    textPadding: number;
+    styles: StylesType;
+    wrapperStyles: StylesType;
+    buttonOptionSpacing?: SizesTypes;
+}>;
+export declare type CheckboxStylesConfig = {
+    checkboxIconWrapperColor: StylesType;
+    checkboxIconColor: ThemeColors | string;
+    checkboxWrapperStyles: StylesType;
+    checkboxTextStyles: StylesType;
+};
+export declare type CheckBoxStates = 'selected' | 'disabled' | 'error' | 'default';

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare type CircleType = 'link' | 'message';
+export declare type CircleBoxProps = {
+    index: number;
+    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/cjs/src/atoms/Circle/Circle.stories.d.ts

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

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ThemeColors } from 'theme';
+export declare type CircularIndicatorProps = {
+    active: boolean;
+    activeColor?: ThemeColors | string;
+    inactiveColor?: ThemeColors | string;
+};
+export declare const CircularIndicator: ({ activeColor, inactiveColor, ...props }: CircularIndicatorProps) => JSX.Element;
+export declare const CircularIndicatorStyledComponent: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CircularIndicatorProps, never>;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { StoryFn } 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>;

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

@@ -0,0 +1,9 @@
+import { SizesTypes, ThemeColors } from 'theme';
+export declare type DividerProps = {
+    type?: 'horizontal' | 'vertical';
+    color?: ThemeColors | string;
+    marginVertical?: SizesTypes | number;
+    marginHorizontal?: SizesTypes | number;
+    weight?: number;
+};
+export declare const Divider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DividerProps, never>;

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/HorizontalButtons/HorizontalButtons.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare type HorizontalButtonsProps = {
+    selectedButtonId: string;
+    buttonOptions: {
+        value: string;
+        id: string;
+    }[];
+    onClick: (value: string) => void;
+    disabled?: boolean;
+    error?: boolean;
+};
+export declare const HorizontalButtons: ({ onClick, disabled, buttonOptions, selectedButtonId, error, }: HorizontalButtonsProps) => JSX.Element;

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

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

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

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import { CSSProperties } from 'styled-components';
+import { ThemeColors } from 'theme';
+export declare type IconProps = {
+    name: IconNames;
+    size?: number;
+    color?: ThemeColors | string;
+    fill?: ThemeColors | string;
+    pointerEvents?: 'auto' | 'none';
+    style?: 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;
+    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;
+    Info: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    InfoBoxIcon: ({ color, size }: 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;
+};
+export declare type IconNames = keyof typeof availableIcons;
+export declare const Icon: ({ name, color, ...props }: IconProps) => JSX.Element;
+export {};

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/Input/Input.d.ts

@@ -0,0 +1,39 @@
+import type { IconNames } from 'atoms/Icon/Icon';
+import { FormStateType } from 'containers';
+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;
+}>;
+export declare type InputIconProps = {
+    name: IconNames;
+    onClick?: Callback;
+};
+export declare type InputProps = Partial<{
+    value: string;
+    leftIcon: InputIconProps;
+    rightIcon: InputIconProps;
+    onBlur: Callback;
+    type: InputFieldTypes;
+    placeholder: string;
+    disabled: boolean;
+    isEditMode: boolean;
+    isError: boolean;
+    maxLength: number;
+    onChange: (value: string) => void;
+    onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    internalConfig: InputFieldInternalConfigProps;
+    config?: MaskConfig;
+    state: FormStateType;
+}>;
+export declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, config, ...rest }: InputProps) => JSX.Element;

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

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import type { StoryFn } from '@storybook/react';
+import { InputProps } from './Input';
+declare const _default: {
+    title: string;
+    component: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, config, ...rest }: Partial<{
+        value: string;
+        leftIcon: import("./Input").InputIconProps;
+        rightIcon: import("./Input").InputIconProps;
+        onBlur: import("../../typescript").Callback;
+        type: import("../..").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("../..").InputFieldTypes;
+            maskPattern: (string | RegExp)[];
+        }> | undefined;
+        state: import("../..").FormStateType;
+    }>) => JSX.Element;
+};
+export default _default;
+export declare const Input: StoryFn<InputProps>;

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

@@ -0,0 +1,47 @@
+import { MaskedInputProps } from 'react-text-mask';
+import { HTMLInputTypeAttribute } from 'react';
+import { ThemeColors } from 'theme';
+import { InputProps } from 'atoms';
+import { InputFieldTypes } from '../../fieldsConfiguration';
+export declare type MaskConfig = Partial<{
+    maskPlaceholder: string;
+    dataModelFieldType: InputFieldTypes;
+    maskPattern: Array<string | RegExp>;
+}>;
+export declare const getSpecificInputProps: (type: InputFieldTypes) => {
+    type?: HTMLInputTypeAttribute | undefined;
+    inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+};
+export declare const getMaskInputProps: (type?: InputFieldTypes, config?: MaskConfig) => Pick<MaskedInputProps, 'pipe' | 'mask' | 'placeholder' | 'keepCharPositions'>;
+export declare const getInputIconColor: ({ isEditMode, isFocused, isError, disabled, }: Pick<Partial<{
+    value: string;
+    leftIcon: import("atoms").InputIconProps;
+    rightIcon: import("atoms").InputIconProps;
+    onBlur: import("../../typescript").Callback;
+    type: 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: InputFieldTypes;
+        maskPattern: Array<string | RegExp>;
+    }> | undefined;
+    state: import("../..").FormStateType;
+}>, "disabled" | "isError" | "isEditMode"> & {
+    isFocused: boolean;
+}) => ThemeColors;

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

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

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

@@ -0,0 +1,56 @@
+/// <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;
+    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>;

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

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import type { StoryFn } 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;
+};
+export default _default;
+export declare const RadioButtons: StoryFn<typeof RadioButtonsComponent>;

package/dist/cjs/src/atoms/RadioButtons/RadioOption.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { RadioButtonInternalConfigProps, SelectOption } from 'atoms';
+declare type RadioOptionProps = {
+    option: SelectOption;
+    isError?: boolean;
+    disabled?: boolean;
+    isEditMode?: boolean;
+    isRichText?: boolean;
+    internalConfig?: RadioButtonInternalConfigProps;
+};
+export declare const RadioOption: ({ option, isError, disabled, isEditMode, isRichText, internalConfig, }: RadioOptionProps) => JSX.Element;
+export {};

package/dist/cjs/src/atoms/RadioButtons/helpers.d.ts

@@ -0,0 +1,15 @@
+import { RadioButtonInternalConfigProps } from 'atoms';
+import type { StylesType } from 'typescript';
+declare type RadioOptionStylesConfig = {
+    textStyles: StylesType;
+    groupWrapperStyles: StylesType;
+    radioIconWrapperStyles: StylesType;
+    radioLabelWrapperStyles: StylesType;
+};
+declare type GetRadioOptionStylesProps = Partial<{
+    isError: boolean;
+    disabled: boolean;
+    internalConfig: RadioButtonInternalConfigProps;
+}>;
+export declare const getRadioOptionStyles: ({ isError, disabled, internalConfig, }: GetRadioOptionStylesProps) => RadioOptionStylesConfig;
+export {};

package/dist/cjs/src/atoms/RadioButtons/styles.d.ts

@@ -0,0 +1,9 @@
+import { FormControlLabel, Radio } from '@mui/material';
+import type { OverrideStyles, StyledTransientProps } from 'typescript';
+export declare const RadioLabelWrapper: import("styled-components").StyledComponent<typeof FormControlLabel, import("styled-components").DefaultTheme, StyledTransientProps<{
+    isError?: boolean | undefined;
+}> & OverrideStyles, never>;
+export declare const RadioIconWrapper: import("styled-components").StyledComponent<typeof Radio, import("styled-components").DefaultTheme, StyledTransientProps<{
+    disabled: boolean;
+    isError?: boolean | undefined;
+}> & OverrideStyles, never>;

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

@@ -0,0 +1,29 @@
+import type { Callback } from 'typescript';
+import { OverrideStyles } from 'typescript';
+export declare type RegularImageProps = {
+    src: string;
+} & Partial<{
+    alt: string;
+    width: number | string;
+    height: number | string;
+    onClick: Callback;
+    cornerRadius: number;
+}> & OverrideStyles;
+export declare const RegularImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
+    src: string;
+} & Partial<{
+    alt: string;
+    width: number | string;
+    height: number | string;
+    onClick: Callback;
+    cornerRadius: number;
+}> & OverrideStyles, never>;
+export declare const BackgroundImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
+    src: string;
+} & Partial<{
+    alt: string;
+    width: number | string;
+    height: number | string;
+    onClick: Callback;
+    cornerRadius: number;
+}> & OverrideStyles, never>;

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

@@ -0,0 +1,16 @@
+import type { ComponentStory } from '@storybook/react';
+import { RegularImage as RegularImageComponent } from './RegularImage';
+declare const _default: {
+    title: string;
+    component: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
+        src: string;
+    } & Partial<{
+        alt: string;
+        width: string | number;
+        height: string | number;
+        onClick: import("../../typescript").Callback;
+        cornerRadius: number;
+    }> & import("../../typescript").OverrideStyles, never>;
+};
+export default _default;
+export declare const RegularImage: ComponentStory<typeof RegularImageComponent>;