@maxio-com/self-service 1.9.4 → 1.9.6

package/typings/packages/custom-fields/src/types.d.ts

@@ -1,4 +1,4 @@
-export declare type CustomField = {
+export type CustomField = {
     id: number;
     name: string;
     value: string | null;
@@ -6,4 +6,4 @@ export declare type CustomField = {
     fieldType: 'radio' | 'text' | 'dropdown';
     enum: string[];
 };
-export declare type CustomFieldUpdate = Pick<CustomField, 'id' | 'value'>;
+export type CustomFieldUpdate = Pick<CustomField, 'id' | 'value'>;

package/typings/packages/custom-fields/src/utils/renderField.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import { CustomField } from '../types';
-declare type FormFieldProps = {
+type FormFieldProps = {
     onChange: (id: number, value: string | number) => void;
     options?: string[];
     maxLength?: number;
     portalContainer?: React.RefObject<HTMLDivElement>;
 } & Pick<CustomField, 'id' | 'name' | 'fieldType' | 'value'>;
-export declare const renderField: ({ id, name, value, fieldType, options, onChange, maxLength, portalContainer, }: FormFieldProps) => JSX.Element;
+export declare const renderField: ({ id, name, value, fieldType, options, onChange, maxLength, portalContainer, }: FormFieldProps) => React.JSX.Element;
 export {};

package/typings/packages/custom-ui-components/src/components/atoms/Anchor/Anchor.d.ts

@@ -9,5 +9,5 @@ export interface AnchorProps extends React.AnchorHTMLAttributes<HTMLAnchorElemen
     disabled?: boolean;
     onClick?: () => void;
 }
-declare const Anchor: ({ label, size, iconLeft, iconRight, disabled, onClick, ...props }: AnchorProps) => JSX.Element;
+declare const Anchor: ({ label, size, iconLeft, iconRight, disabled, onClick, ...props }: AnchorProps) => React.JSX.Element;
 export default Anchor;

package/typings/packages/custom-ui-components/src/components/atoms/Anchor/Anchor.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Anchor from './Anchor';
+declare const meta: Meta<typeof Anchor>;
+export default meta;
+type Story = StoryObj<typeof Anchor>;
+export declare const DefaultAnchor: Story;
+export declare const DisabledAnchor: Story;
+export declare const AnchorSmall: Story;
+export declare const AnchorIconRight: Story;
+export declare const AnchorIconLeft: Story;

package/typings/packages/custom-ui-components/src/components/atoms/Anchor/types.d.ts

@@ -1,6 +1,6 @@
 import { ComponentVariant, ComponentSettings } from '../../../types';
 import { ComponentSize } from '../types';
-export declare type AnchorSettings = ComponentSettings<{
+export type AnchorSettings = ComponentSettings<{
     size: ComponentVariant<'size', ComponentSize>;
     iconSize: ComponentVariant<'iconSize', ComponentSize>;
 }>;

package/typings/packages/custom-ui-components/src/components/atoms/BodyText/BodyText.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import CSS from 'csstype';
 import { BodyTextVariant, ColorsString } from './types';
 import { FontWeight } from '../../../themeBase';
-export declare type BodyTextProps = {
+export type BodyTextProps = {
     color?: ColorsString | string;
     variant?: BodyTextVariant;
     children: React.ReactNode;
@@ -14,5 +14,5 @@ export declare type BodyTextProps = {
     whiteSpace?: CSS.Property.WhiteSpace;
     as?: React.ElementType;
 };
-declare const BodyText: ({ variant, fontWeight, fontStyle, color, textAlign, lineHeight, overflow, children, as, whiteSpace, }: BodyTextProps) => JSX.Element;
+declare const BodyText: ({ variant, fontWeight, fontStyle, color, textAlign, lineHeight, overflow, children, as, whiteSpace, }: BodyTextProps) => React.JSX.Element;
 export default BodyText;

package/typings/packages/custom-ui-components/src/components/atoms/BodyText/BodyText.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import BodyText from './BodyText';
+declare const meta: Meta<typeof BodyText>;
+export default meta;
+type Story = StoryObj<typeof BodyText>;
+export declare const DefaultBodyText: Story;
+export declare const Body2: Story;
+export declare const Body2Bold: Story;
+export declare const Body2SemiBold: Story;
+export declare const Body3: Story;

package/typings/packages/custom-ui-components/src/components/atoms/BodyText/types.d.ts

@@ -1,7 +1,7 @@
 import { ComponentVariant, ComponentSettings } from '../../../types';
 import { ComponentsTheme } from '../../../themeBase';
-export declare type BodyTextVariant = 'body1' | 'body2' | 'body3';
-export declare type BodyTextSettings = ComponentSettings<{
+export type BodyTextVariant = 'body1' | 'body2' | 'body3';
+export type BodyTextSettings = ComponentSettings<{
     variant: ComponentVariant<'variant', BodyTextVariant>;
 }>;
-export declare type ColorsString = `${keyof ComponentsTheme['colors']}.${keyof ComponentsTheme['colors'][keyof ComponentsTheme['colors']]}`;
+export type ColorsString = `${keyof ComponentsTheme['colors']}.${keyof ComponentsTheme['colors'][keyof ComponentsTheme['colors']]}`;

package/typings/packages/custom-ui-components/src/components/atoms/Button/Button.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { IconType } from "../../../../../icons/src";
 import { ButtonColor, ButtonFill } from './types';
 import { ComponentSize } from '../types';
-export declare type ButtonProps = {
+export type ButtonProps = {
     label?: string;
     color?: ButtonColor;
     size?: ComponentSize;
@@ -14,10 +14,10 @@ export declare type ButtonProps = {
     iconRight?: IconType;
     onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 } & React.HTMLAttributes<HTMLButtonElement>;
-declare const _default: (({ label, color, size, fill, disabled, iconLeft, iconRight, isLoading, loadingText, onClick, ...rest }: ButtonProps) => JSX.Element) & {
+declare const _default: (({ label, color, size, fill, disabled, iconLeft, iconRight, isLoading, loadingText, onClick, ...rest }: ButtonProps) => React.JSX.Element) & {
     Group: ({ children, alignment }: {
         children: React.ReactNode;
         alignment?: "left" | "right";
-    }) => JSX.Element;
+    }) => React.JSX.Element;
 };
 export default _default;

package/typings/packages/custom-ui-components/src/components/atoms/Button/Button.stories.d.ts

@@ -0,0 +1,23 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Button from './Button';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const DefaultButton: Story;
+export declare const ButtonPrimary: Story;
+export declare const ButtonDisabled: Story;
+export declare const ButtonLoading: Story;
+export declare const ButtonSecondary: Story;
+export declare const ButtonSolidSuccess: Story;
+export declare const ButtonSolidDanger: Story;
+export declare const ButtonOutlinePrimary: Story;
+export declare const ButtonOutlineSecondary: Story;
+export declare const ButtonOutlineSuccess: Story;
+export declare const ButtonOutlineDanger: Story;
+export declare const ButtonMedium: Story;
+export declare const ButtonSmall: Story;
+export declare const ButtonIconLeft: Story;
+export declare const ButtonNoIcon: Story;
+export declare const ButtonIconRight: Story;
+export declare const ButtonIconOnlySolid: Story;
+export declare const ButtonIconOnlyOutline: Story;

package/typings/packages/custom-ui-components/src/components/atoms/Button/components/Group/Group.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-declare type ButtonGroupProps = {
+type ButtonGroupProps = {
     children: React.ReactNode;
     alignment?: 'left' | 'right';
 };
-declare const ButtonGroup: ({ children, alignment }: ButtonGroupProps) => JSX.Element;
+declare const ButtonGroup: ({ children, alignment }: ButtonGroupProps) => React.JSX.Element;
 export default ButtonGroup;

package/typings/packages/custom-ui-components/src/components/atoms/Button/components/Group/index.d.ts

@@ -1,2 +1 @@
-import Group from './Group';
-export default Group;
+export { default as Group } from './Group';

package/typings/packages/custom-ui-components/src/components/atoms/Button/components/index.d.ts

@@ -1,2 +1 @@
-import Group from './Group';
-export { Group };
+export { Group } from './Group';

package/typings/packages/custom-ui-components/src/components/atoms/Button/types.d.ts

@@ -1,9 +1,9 @@
 import { ComponentVariant, ComponentSettings } from '../../../types';
 import { ComponentSize } from '../types';
-export declare type ButtonColor = 'primary' | 'secondary' | 'success' | 'danger';
-export declare type ButtonFill = 'solid' | 'outline';
-export declare type ButtonColorVariant = `${ButtonFill}-${ButtonColor}`;
-export declare type ButtonSettings = ComponentSettings<{
+export type ButtonColor = 'primary' | 'secondary' | 'success' | 'danger';
+export type ButtonFill = 'solid' | 'outline';
+export type ButtonColorVariant = `${ButtonFill}-${ButtonColor}`;
+export type ButtonSettings = ComponentSettings<{
     size: ComponentVariant<'size', ComponentSize>;
     iconSize: ComponentVariant<'iconSize', ComponentSize>;
     color: ComponentVariant<'colorVariant', ButtonColorVariant>;

package/typings/packages/custom-ui-components/src/components/atoms/Checkbox/Checkbox.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-export declare type CheckboxProps = {
+export type CheckboxProps = {
     label: string | (() => JSX.Element);
     onChange?: (res: boolean) => void;
     value: boolean;
     isDisabled?: boolean;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value'>;
-declare const Checkbox: ({ value, onChange, label, isDisabled, ...rest }: CheckboxProps) => JSX.Element;
+declare const Checkbox: ({ value, onChange, label, isDisabled, ...rest }: CheckboxProps) => React.JSX.Element;
 export default Checkbox;

package/typings/packages/custom-ui-components/src/components/atoms/Checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Checkbox from './Checkbox';
+declare const meta: Meta<typeof Checkbox>;
+export default meta;
+type Story = StoryObj<typeof Checkbox>;
+export declare const CheckboxUnchecked: Story;
+export declare const CheckboxCheckedActive: Story;
+export declare const CheckboxUncheckedDisabled: Story;
+export declare const CheckboxCheckedDisabled: Story;

package/typings/packages/custom-ui-components/src/components/atoms/Checkbox/types.d.ts

@@ -1,9 +1,9 @@
 import { ComponentVariant, ComponentSettings } from '../../../types';
-export declare type Status = 'disabled' | 'active';
-export declare type Size = 'default';
-export declare type State = 'checked' | 'unchecked';
-export declare type CheckboxState = `${State}-${Status}`;
-export declare type CheckboxSettings = ComponentSettings<{
+export type Status = 'disabled' | 'active';
+export type Size = 'default';
+export type State = 'checked' | 'unchecked';
+export type CheckboxState = `${State}-${Status}`;
+export type CheckboxSettings = ComponentSettings<{
     variant: ComponentVariant<'variant', CheckboxState>;
     size: ComponentVariant<'size', Size>;
     label: ComponentVariant<'status', Status>;

package/typings/packages/custom-ui-components/src/components/atoms/Column/Column.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import { ResponsiveValue } from '../../types';
-export declare type ColumnProps = {
+export type ColumnProps = {
     children: React.ReactNode;
     span: number | number[];
     offset?: ResponsiveValue;
     gutter?: ResponsiveValue;
     display?: string | string[];
 };
-declare const Column: ({ children, span, offset, gutter, display, }: ColumnProps) => JSX.Element;
+declare const Column: ({ children, span, offset, gutter, display, }: ColumnProps) => React.JSX.Element;
 export default Column;

package/typings/packages/custom-ui-components/src/components/atoms/Dropdown/Dropdown.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { DropdownProps } from './types';
-declare const Dropdown: ({ children, isOpen, onOptionSelect, options, onClose, maxWidth, maxHeight, alignment, portalContainer, }: DropdownProps) => JSX.Element;
+declare const Dropdown: ({ children, isOpen, onOptionSelect, options, onClose, maxWidth, maxHeight, alignment, portalContainer, }: DropdownProps) => React.JSX.Element;
 export default Dropdown;

package/typings/packages/custom-ui-components/src/components/atoms/Dropdown/types.d.ts

@@ -1,7 +1,7 @@
 import React, { RefObject } from 'react';
 import { OptionType } from '../Options';
 import { DropdownAlignment } from '../types';
-export declare type DropdownProps = {
+export type DropdownProps = {
     children: React.ReactNode;
     isOpen: boolean;
     options: OptionType[];

package/typings/packages/custom-ui-components/src/components/atoms/Heading/Heading.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { HeadingVariant } from './types';
-export declare type HeadingProps = {
+export type HeadingProps = {
     color?: string;
     variant?: HeadingVariant;
     children: React.ReactNode;
 };
-declare const Heading: ({ variant, color, children, }: HeadingProps) => JSX.Element;
+declare const Heading: ({ variant, color, children, }: HeadingProps) => React.JSX.Element;
 export default Heading;

package/typings/packages/custom-ui-components/src/components/atoms/Heading/Heading.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Heading from './Heading';
+declare const meta: Meta<typeof Heading>;
+export default meta;
+type Story = StoryObj<typeof Heading>;
+export declare const HeadingH1: Story;
+export declare const HeadingH2: Story;
+export declare const HeadingH3: Story;
+export declare const HeadingH4: Story;
+export declare const HeadingH5: Story;
+export declare const HeadingH6: Story;

package/typings/packages/custom-ui-components/src/components/atoms/Heading/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ComponentVariant, ComponentSettings } from '../../../types';
-export declare type HeadingVariant = keyof Pick<JSX.IntrinsicElements, 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
-export declare type HeadingSettings = ComponentSettings<{
+export type HeadingVariant = keyof Pick<JSX.IntrinsicElements, 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
+export type HeadingSettings = ComponentSettings<{
     variant: ComponentVariant<'variant', HeadingVariant>;
 }>;

package/typings/packages/custom-ui-components/src/components/atoms/Input/Input.d.ts

@@ -13,5 +13,5 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
     fullWidth?: boolean;
     onChange: React.ChangeEventHandler<HTMLInputElement>;
 }
-declare const Input: ({ value, inputSize, disabled, iconLeft, iconRight, hasError, variant, fullWidth, onChange, ...props }: InputProps) => JSX.Element;
+declare const Input: ({ value, inputSize, disabled, iconLeft, iconRight, hasError, variant, fullWidth, onChange, ...props }: InputProps) => React.JSX.Element;
 export default Input;

package/typings/packages/custom-ui-components/src/components/atoms/Input/Input.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Input from './Input';
+declare const meta: Meta<typeof Input>;
+export default meta;
+type Story = StoryObj<typeof Input>;
+export declare const InputDefault: Story;
+export declare const InputMedium: Story;
+export declare const InputSmall: Story;
+export declare const InputIconLeft: Story;
+export declare const InputNoIcon: Story;
+export declare const InputIconRight: Story;
+export declare const InputNormal: Story;
+export declare const InputDisabled: Story;
+export declare const InputError: Story;

package/typings/packages/custom-ui-components/src/components/atoms/Input/types.d.ts

@@ -1,8 +1,8 @@
 import { ComponentVariant, ComponentSettings } from '../../../types';
 import { ComponentSize } from '../types';
-export declare type Variant = 'primary';
-export declare type Status = 'active' | 'error' | 'disabled';
-export declare type InputSettings = ComponentSettings<{
+export type Variant = 'primary';
+export type Status = 'active' | 'error' | 'disabled';
+export type InputSettings = ComponentSettings<{
     inputSize: ComponentVariant<'inputSize', ComponentSize>;
     variant: ComponentVariant<'variant', Variant>;
     status: ComponentVariant<'status', Status>;

package/typings/packages/custom-ui-components/src/components/atoms/InputMessage/InputMessage.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { InputMessageType } from './types';
 export interface InputMessageProps {
     message: string;
     disabled?: boolean;
     type?: InputMessageType;
 }
-declare const InputMessage: ({ message, type, disabled, }: InputMessageProps) => JSX.Element;
+declare const InputMessage: ({ message, type, disabled, }: InputMessageProps) => React.JSX.Element;
 export default InputMessage;

package/typings/packages/custom-ui-components/src/components/atoms/InputMessage/types.d.ts

@@ -1,5 +1,5 @@
 import { ComponentVariant, ComponentSettings } from '../../../types';
-export declare type InputMessageType = 'normal' | 'error';
-export declare type InputMessageSettings = ComponentSettings<{
+export type InputMessageType = 'normal' | 'error';
+export type InputMessageSettings = ComponentSettings<{
     type: ComponentVariant<'type', InputMessageType>;
 }>;

package/typings/packages/custom-ui-components/src/components/atoms/Loader/Loader.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-declare type LoaderProps = {
+import React from 'react';
+type LoaderProps = {
     size?: number;
     fill?: string;
 };
-declare const Loader: ({ size, fill }: LoaderProps) => JSX.Element;
+declare const Loader: ({ size, fill }: LoaderProps) => React.JSX.Element;
 export default Loader;

package/typings/packages/custom-ui-components/src/components/atoms/Loader/Loader.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Loader from './Loader';
+declare const meta: Meta<typeof Loader>;
+export default meta;
+type Story = StoryObj<typeof Loader>;
+export declare const LoaderDefault: Story;

package/typings/packages/custom-ui-components/src/components/atoms/Logo/Logo.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { CreditCardType } from '../../organisms/CreditCard/types';
-export declare type Props = {
+export type Props = {
     type: CreditCardType;
     width?: number;
     height?: number;
 };
-declare const Logo: ({ type, width, height }: Props) => JSX.Element;
+declare const Logo: ({ type, width, height }: Props) => React.JSX.Element;
 export default Logo;

package/typings/packages/custom-ui-components/src/components/atoms/Logo/Logo.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Logo from './Logo';
+declare const meta: Meta<typeof Logo>;
+export default meta;
+type Story = StoryObj<typeof Logo>;
+export declare const LogoDefault: Story;

package/typings/packages/custom-ui-components/src/components/atoms/Logo/components/AmericanExpress/AmericanExpress.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 declare const AmericanExpress: ({ width, height, id, }: {
     width?: number;
     height?: number;
     id?: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default AmericanExpress;

package/typings/packages/custom-ui-components/src/components/atoms/Logo/components/Bogus/Bogus.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 declare const Bogus: ({ width, height, id, }: {
     width?: number;
     height?: number;
     id?: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default Bogus;

package/typings/packages/custom-ui-components/src/components/atoms/Logo/components/Discover/Discover.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 declare const Discover: ({ width, height, id, }: {
     width?: number;
     height?: number;
     id?: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default Discover;

package/typings/packages/custom-ui-components/src/components/atoms/Logo/components/Master/Master.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 declare const Master: ({ width, height, id, }: {
     width?: number;
     height?: number;
     id?: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default Master;

package/typings/packages/custom-ui-components/src/components/atoms/Logo/components/Visa/Visa.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 declare const Visa: ({ width, height, id, }: {
     width?: number;
     height?: number;
     id?: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default Visa;

package/typings/packages/custom-ui-components/src/components/atoms/Modal/Modal.d.ts

@@ -8,10 +8,10 @@ export interface ModalProps {
     variant?: Variant;
     width?: ResponsiveValue<string | number>;
 }
-declare const _default: (({ isOpen, children, variant, width, onClose, }: ModalProps) => JSX.Element) & {
+declare const _default: (({ isOpen, children, variant, width, onClose, }: ModalProps) => React.JSX.Element) & {
     Title: ({ title, onClose }: {
         onClose: () => void;
         title: string;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
 };
 export default _default;

package/typings/packages/custom-ui-components/src/components/atoms/Modal/components/Backdrop/Backdrop.d.ts

@@ -3,5 +3,5 @@ export interface BackdropProps {
     children: React.ReactNode;
     onClick?: () => void;
 }
-declare const Backdrop: ({ children, onClick }: BackdropProps) => JSX.Element;
+declare const Backdrop: ({ children, onClick }: BackdropProps) => React.JSX.Element;
 export default Backdrop;

package/typings/packages/custom-ui-components/src/components/atoms/Modal/components/Title/Title.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-declare type TitleProps = {
+import React from 'react';
+type TitleProps = {
     onClose: () => void;
     title: string;
 };
-declare const Title: ({ title, onClose }: TitleProps) => JSX.Element;
+declare const Title: ({ title, onClose }: TitleProps) => React.JSX.Element;
 export default Title;

package/typings/packages/custom-ui-components/src/components/atoms/Modal/types.d.ts

@@ -1 +1 @@
-export declare type Variant = 'window' | 'layer';
+export type Variant = 'window' | 'layer';

package/typings/packages/custom-ui-components/src/components/atoms/Options/Options.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { OptionsProps } from './types';
-declare const Options: ({ selectionIndex, options, selectSize, onSelect, borderVariant, selectVariant, maxHeight, maxWidth, alignment, }: OptionsProps) => JSX.Element;
+declare const Options: ({ selectionIndex, options, selectSize, onSelect, borderVariant, selectVariant, maxHeight, maxWidth, alignment, }: OptionsProps) => React.JSX.Element;
 export default Options;

package/typings/packages/custom-ui-components/src/components/atoms/Options/components/Option/Option.d.ts

@@ -1,9 +1,9 @@
-import { RefObject } from 'react';
+import React, { RefObject } from 'react';
 import { OptionsProps, OptionType } from '../../types';
-declare type OptionProps = {
+type OptionProps = {
     isSelected: boolean;
     option: OptionType;
     activeItemRef: RefObject<HTMLDivElement>;
 } & Pick<OptionsProps, 'onSelect' | 'selectSize'>;
-export declare const Option: ({ isSelected, onSelect, option, selectSize, activeItemRef, }: OptionProps) => JSX.Element;
+export declare const Option: ({ isSelected, onSelect, option, selectSize, activeItemRef, }: OptionProps) => React.JSX.Element;
 export {};

package/typings/packages/custom-ui-components/src/components/atoms/Options/types.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import { ComponentSize, DropdownAlignment } from '../types';
 import { ComponentSettings, ComponentVariant } from '../../../types';
-export declare type OptionType = {
+export type OptionType = {
     label: string;
     value: string | number;
     color?: string;
     divider?: boolean;
 };
-export declare type OptionsProps = {
+export type OptionsProps = {
     selectSize?: ComponentSize;
     options: OptionType[];
     onSelect: (event: React.MouseEvent<HTMLDivElement>, item: OptionType) => void;
@@ -18,10 +18,10 @@ export declare type OptionsProps = {
     maxWidth?: number;
     alignment: DropdownAlignment;
 };
-export declare type Variant = 'primary' | 'secondary';
-export declare type OptionVariant = 'primary' | 'selected';
-export declare type BorderVariant = 'primary';
-export declare type OptionsSettings = ComponentSettings<{
+export type Variant = 'primary' | 'secondary';
+export type OptionVariant = 'primary' | 'selected';
+export type BorderVariant = 'primary';
+export type OptionsSettings = ComponentSettings<{
     selectSize: ComponentVariant<'selectSize', ComponentSize>;
     selectVariant: ComponentVariant<'selectVariant', Variant>;
     optionVariant: ComponentVariant<'optionVariant', OptionVariant>;

package/typings/packages/custom-ui-components/src/components/atoms/ProgressBar/ProgressBar.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Mode, Size } from './types';
 export interface ProgressBarProps {
     max: number;
@@ -6,5 +6,5 @@ export interface ProgressBarProps {
     mode?: Mode;
     size?: Size;
 }
-declare const ProgressBar: ({ max, value, mode, size, }: ProgressBarProps) => JSX.Element;
+declare const ProgressBar: ({ max, value, mode, size, }: ProgressBarProps) => React.JSX.Element;
 export default ProgressBar;

package/typings/packages/custom-ui-components/src/components/atoms/ProgressBar/ProgressBar.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import ProgressBar from './ProgressBar';
+declare const meta: Meta<typeof ProgressBar>;
+export default meta;
+type Story = StoryObj<typeof ProgressBar>;
+export declare const ProgressBarDefault: Story;
+export declare const ProgressBarNull: Story;
+export declare const ProgressBarFull: Story;
+export declare const ProgressBarOverLimit: Story;
+export declare const ProgressBarDark: Story;
+export declare const ProgressBarLight: Story;

package/typings/packages/custom-ui-components/src/components/atoms/ProgressBar/types.d.ts

@@ -1,8 +1,8 @@
 import { ComponentVariant, ComponentSettings } from '../../../types';
-export declare type Color = 'success' | 'danger';
-export declare type Mode = 'light' | 'dark';
-export declare type Size = 'regular';
-export declare type ProgressBarSettings = ComponentSettings<{
+export type Color = 'success' | 'danger';
+export type Mode = 'light' | 'dark';
+export type Size = 'regular';
+export type ProgressBarSettings = ComponentSettings<{
     color: ComponentVariant<'color', Color>;
     mode: ComponentVariant<'mode', Mode>;
     size: ComponentVariant<'size', Size>;

package/typings/packages/custom-ui-components/src/components/atoms/RadioButton/RadioButton.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { RadioButtonProps } from './types';
-declare const RadioButton: ({ label, value, onValueChange, isSelected, isDisabled, ...rest }: RadioButtonProps) => JSX.Element;
+declare const RadioButton: ({ label, value, onValueChange, isSelected, isDisabled, ...rest }: RadioButtonProps) => React.JSX.Element;
 export default RadioButton;

package/typings/packages/custom-ui-components/src/components/atoms/RadioButton/RadioButton.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import RadioButton from './RadioButton';
+declare const meta: Meta<typeof RadioButton>;
+export default meta;
+type Story = StoryObj<typeof RadioButton>;
+export declare const RadioButtonSelected: Story;
+export declare const RadioButtonNoSelected: Story;
+export declare const RadioButtonSelectedDisabled: Story;
+export declare const RadioButtonNoSelectedDisabled: Story;