@maxio-com/self-service 1.9.4 → 1.9.6

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

@@ -1,13 +1,13 @@
 import { ComponentVariant, ComponentSettings } from '../../../types';
 import React from 'react';
-export declare type Status = 'disabled' | 'active';
-export declare type State = 'selected' | 'unselected';
-export declare type RadioState = `${State}-${Status}`;
-export declare type RadioButtonSettings = ComponentSettings<{
+export type Status = 'disabled' | 'active';
+export type State = 'selected' | 'unselected';
+export type RadioState = `${State}-${Status}`;
+export type RadioButtonSettings = ComponentSettings<{
     variant: ComponentVariant<'variant', RadioState>;
     labelVariant: ComponentVariant<'labelVariant', Status>;
 }>;
-export declare type RadioButtonProps = {
+export type RadioButtonProps = {
     label: string;
     value: string | number;
     onValueChange: (value: string | number) => void;

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

@@ -1,9 +1,9 @@
 import React from 'react';
 import { ResponsiveValue } from '../../types';
-export declare type RowProps = {
+export type RowProps = {
     children: React.ReactNode;
     gutter?: ResponsiveValue;
     rowGap?: ResponsiveValue;
 };
-declare const Row: ({ children, gutter, rowGap, ...rest }: RowProps) => JSX.Element;
+declare const Row: ({ children, gutter, rowGap, ...rest }: RowProps) => React.JSX.Element;
 export default Row;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { SelectProps } from './types';
-declare const Select: ({ options, onSelect, filterable, placeholder, variant, selectSize, borderVariant, disabled, hasError, selectedValue, searchLabel, selectOptionLabel, name, id, onBlur, portalContainer, dropdownVariant, dropdownAlignment, }: SelectProps) => JSX.Element;
+declare const Select: ({ options, onSelect, filterable, placeholder, variant, selectSize, borderVariant, disabled, hasError, selectedValue, searchLabel, selectOptionLabel, name, id, onBlur, portalContainer, dropdownVariant, dropdownAlignment, }: SelectProps) => React.JSX.Element;
 export default Select;

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

@@ -1,9 +1,9 @@
 import React from 'react';
-export declare type Props = {
+export type Props = {
     isExpanded: boolean;
     size: number;
     onClick: (e: React.MouseEvent<HTMLDivElement>) => void;
     iconColor?: string;
 };
-declare const DropdownIcon: ({ isExpanded, size, onClick, iconColor }: Props) => JSX.Element;
+declare const DropdownIcon: ({ isExpanded, size, onClick, iconColor }: Props) => React.JSX.Element;
 export default DropdownIcon;

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

@@ -1,5 +1,5 @@
 import { SelectOptionType } from '../types';
-export declare type SelectReducerState = {
+export type SelectReducerState = {
     optionsVisible: boolean;
     searchPhrase: string;
     placeholderContent: string;
@@ -7,7 +7,7 @@ export declare type SelectReducerState = {
     inSelectionMode: boolean;
     selectionIndex: number | null;
 };
-export declare type SelectReducerActions = {
+export type SelectReducerActions = {
     type: 'SHOW_OPTIONS';
 } | {
     type: 'HIDE_OPTIONS';

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

@@ -1,22 +1,22 @@
 import { RefObject } from 'react';
 import { ComponentSettings, ComponentVariant } from '../../../types';
 import { ComponentSize, DropdownAlignment } from '../types';
-export declare type Variant = 'primary' | 'secondary';
-export declare type OptionVariant = 'primary' | 'selected';
-export declare type BorderVariant = 'primary';
-export declare type Status = 'active' | 'error' | 'disabled';
-export declare type SelectOptionType = {
+export type Variant = 'primary' | 'secondary';
+export type OptionVariant = 'primary' | 'selected';
+export type BorderVariant = 'primary';
+export type Status = 'active' | 'error' | 'disabled';
+export type SelectOptionType = {
     label: string;
     value: string | number;
 };
-export declare type SelectSettings = ComponentSettings<{
+export type SelectSettings = ComponentSettings<{
     selectSize: ComponentVariant<'selectSize', ComponentSize>;
     dropdownVariant: ComponentVariant<'dropdownVariant', Variant>;
     selectVariant: ComponentVariant<'selectVariant', Variant>;
     status: ComponentVariant<'status', Status>;
     borderVariant: ComponentVariant<'borderVariant', BorderVariant>;
 }>;
-export declare type SelectProps = {
+export type SelectProps = {
     selectedValue: string | number;
     onSelect: (item: SelectOptionType) => void;
     onBlur?: (item: SelectOptionType) => void;

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

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

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

@@ -1 +1 @@
-export declare type SkeletonLoaderVariants = 'primary' | 'secondary';
+export type SkeletonLoaderVariants = 'primary' | 'secondary';

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

@@ -1,9 +1,9 @@
 import React from 'react';
 import { SubscriptionComponentCardVariants } from './types';
-export declare type Props = {
+export type Props = {
     children: React.ReactNode;
     rowGap?: number;
     variant?: SubscriptionComponentCardVariants;
 };
-declare const SubscriptionComponentCard: ({ children, rowGap, variant, }: Props) => JSX.Element;
+declare const SubscriptionComponentCard: ({ children, rowGap, variant, }: Props) => React.JSX.Element;
 export default SubscriptionComponentCard;

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

@@ -1,5 +1,5 @@
 import { ComponentSettings, ComponentVariant } from '../../../types';
-export declare type SubscriptionComponentCardVariants = 'primary' | 'secondary';
-export declare type SubscriptionComponentCardSettings = ComponentSettings<{
+export type SubscriptionComponentCardVariants = 'primary' | 'secondary';
+export type SubscriptionComponentCardSettings = ComponentSettings<{
     variant: ComponentVariant<'variant', SubscriptionComponentCardVariants>;
 }>;

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

@@ -1,11 +1,11 @@
 import React from 'react';
 import { ComponentSize } from '../types';
 import { Status, Variant } from './types';
-export declare type TextAreaProps = {
+export type TextAreaProps = {
     size?: ComponentSize;
     status?: Status;
     fullWidth?: boolean;
     variant?: Variant;
 } & React.TextareaHTMLAttributes<HTMLTextAreaElement>;
-declare const TextArea: ({ size, status, fullWidth, variant, ...rest }: TextAreaProps) => JSX.Element;
+declare const TextArea: ({ size, status, fullWidth, variant, ...rest }: TextAreaProps) => React.JSX.Element;
 export default TextArea;

package/typings/packages/custom-ui-components/src/components/atoms/TextArea/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 TextArea = ComponentSettings<{
+export type Variant = 'primary';
+export type Status = 'active' | 'error' | 'disabled';
+export type TextArea = ComponentSettings<{
     size: ComponentVariant<'size', ComponentSize>;
     variant: ComponentVariant<'variant', Variant>;
     status: ComponentVariant<'status', Status>;

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { ToggleVariant } from './types';
-export declare type ToggleProps = {
+export type ToggleProps = {
     isOn?: boolean;
     isDisabled?: boolean;
     variant?: ToggleVariant;
@@ -11,5 +11,5 @@ export declare type ToggleProps = {
         off: string;
     };
 };
-declare const Toggle: ({ isDisabled, isOn, variant, onChange, size, text, }: ToggleProps) => JSX.Element;
+declare const Toggle: ({ isDisabled, isOn, variant, onChange, size, text, }: ToggleProps) => React.JSX.Element;
 export default Toggle;

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

@@ -1,11 +1,11 @@
 import { ComponentVariant, ComponentSettings } from '../../../types';
-export declare type ToggleState = 'active' | 'disabled';
-export declare type ToggleVariant = 'primary' | 'reversed';
-export declare type ToggleValue = 'on' | 'off';
-export declare type ToggleSize = 'medium';
-export declare type ToggleStateVariant = `${ToggleVariant}-${ToggleState}-${ToggleValue}`;
-export declare type ToggleBaseVariant = `${ToggleVariant}-${ToggleState}`;
-export declare type ToggleSettings = ComponentSettings<{
+export type ToggleState = 'active' | 'disabled';
+export type ToggleVariant = 'primary' | 'reversed';
+export type ToggleValue = 'on' | 'off';
+export type ToggleSize = 'medium';
+export type ToggleStateVariant = `${ToggleVariant}-${ToggleState}-${ToggleValue}`;
+export type ToggleBaseVariant = `${ToggleVariant}-${ToggleState}`;
+export type ToggleSettings = ComponentSettings<{
     baseColor: ComponentVariant<'baseColor', ToggleBaseVariant>;
     color: ComponentVariant<'colorVariant', ToggleStateVariant>;
     size: ComponentVariant<'size', ToggleSize>;

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

@@ -9,7 +9,7 @@ export interface TooltipProps {
     placement?: Placement;
     children: ReactNode;
 }
-declare const _default: (({ mode, followCursor, interactive, placement, children, renderContent, }: TooltipProps) => JSX.Element) & {
-    Text: ({ title, message }: import("./components/Text/Text").TooltipProps) => JSX.Element;
+declare const _default: (({ mode, followCursor, interactive, placement, children, renderContent, }: TooltipProps) => React.JSX.Element) & {
+    Text: ({ title, message }: import("./components/Text/Text").TooltipProps) => React.JSX.Element;
 };
 export default _default;

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

@@ -1,7 +1,7 @@
-import { ReactText } from 'react';
+import React, { ReactText } from 'react';
 export interface TooltipProps {
     title?: string;
     message: ReactText;
 }
-declare const Text: ({ title, message }: TooltipProps) => JSX.Element;
+declare const Text: ({ title, message }: TooltipProps) => React.JSX.Element;
 export default Text;

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

@@ -1,7 +1,7 @@
 import { ComponentVariant, ComponentSettings } from '../../../types';
-export declare type Size = 'regular';
-export declare type Mode = 'light' | 'dark';
-export declare type TooltipSettings = ComponentSettings<{
+export type Size = 'regular';
+export type Mode = 'light' | 'dark';
+export type TooltipSettings = ComponentSettings<{
     size: ComponentVariant<'size', Size>;
     mode: ComponentVariant<'mode', Mode>;
 }>;

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

@@ -1,2 +1,2 @@
-export declare type ComponentSize = 'small' | 'medium';
-export declare type DropdownAlignment = 'left' | 'right';
+export type ComponentSize = 'small' | 'medium';
+export type DropdownAlignment = 'left' | 'right';

package/typings/packages/custom-ui-components/src/components/molecules/Accordion/Accordion.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-export declare type Props = {
+export type Props = {
     header: string;
     children: React.ReactNode;
     isExpanded?: boolean;
     onClick: (isExpanded: boolean) => void;
     variant?: 'regular' | 'small';
 };
-declare const Accordion: ({ children, header, onClick, variant, isExpanded, }: Props) => JSX.Element;
+declare const Accordion: ({ children, header, onClick, variant, isExpanded, }: Props) => React.JSX.Element;
 export default Accordion;

package/typings/packages/custom-ui-components/src/components/molecules/Accordion/type.d.ts

@@ -1,5 +1,5 @@
 import { ComponentVariant, ComponentSettings } from '../../../types';
-export declare type ComponentVariants = 'regular';
-export declare type AccordionSettings = ComponentSettings<{
+export type ComponentVariants = 'regular';
+export type AccordionSettings = ComponentSettings<{
     variant: ComponentVariant<'variant', ComponentVariants>;
 }>;

package/typings/packages/custom-ui-components/src/components/molecules/Alert/Alert.d.ts

@@ -11,13 +11,13 @@ export interface AlertProps {
     icon?: IconType;
 }
 declare const Alert: {
-    ({ title, color, size, buttonLabel, icon, onClick, children, }: AlertProps): JSX.Element;
+    ({ title, color, size, buttonLabel, icon, onClick, children, }: AlertProps): React.JSX.Element;
     TextMessage: ({ children, ...rest }: {
         children: React.ReactNode;
-    } & import("../../atoms/BodyText/BodyText").BodyTextProps) => JSX.Element;
+    } & import("../../atoms/BodyText/BodyText").BodyTextProps) => React.JSX.Element;
     Title: ({ text, icon }: {
         text: string;
         icon?: "close" | "edit" | "plus" | "clock" | "search" | "chevronDown" | "chevronLeft" | "chevronRight" | "calendar" | "check" | "spinner" | "questionCircle" | "receipt" | "file" | "fileSolid" | "filter" | "arrowDown" | "filePlus" | "filePdf" | "circleInfo" | "circleCheck" | "exclamationTriangle" | "ellipsis" | "circleCross";
-    }) => JSX.Element;
+    }) => React.JSX.Element;
 };
 export default Alert;

package/typings/packages/custom-ui-components/src/components/molecules/Alert/components/TextMessage.d.ts

@@ -1,7 +1,7 @@
 import React, { ComponentProps } from 'react';
 import BodyText from '../../../atoms/BodyText';
-declare type Props = {
+type Props = {
     children: React.ReactNode;
 } & ComponentProps<typeof BodyText>;
-declare const TextMessage: ({ children, ...rest }: Props) => JSX.Element;
+declare const TextMessage: ({ children, ...rest }: Props) => React.JSX.Element;
 export { TextMessage };

package/typings/packages/custom-ui-components/src/components/molecules/Alert/components/Title.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconType } from "../../../../../../icons/src";
-declare type Props = {
+type Props = {
     text: string;
     icon?: IconType;
 };
-export declare const Title: ({ text, icon }: Props) => JSX.Element;
+export declare const Title: ({ text, icon }: Props) => React.JSX.Element;
 export {};

package/typings/packages/custom-ui-components/src/components/molecules/Alert/types.d.ts

@@ -1,7 +1,7 @@
 import { ComponentVariant, ComponentSettings } from '../../../types';
-export declare type Color = 'primary' | 'success' | 'danger';
-export declare type Size = 'regular';
-export declare type AlertSettings = ComponentSettings<{
+export type Color = 'primary' | 'success' | 'danger';
+export type Size = 'regular';
+export type AlertSettings = ComponentSettings<{
     size: ComponentVariant<'size', Size>;
     color: ComponentVariant<'color', Color>;
 }>;

package/typings/packages/custom-ui-components/src/components/molecules/Card/Card.d.ts

@@ -12,7 +12,7 @@ declare const _default: React.ForwardRefExoticComponent<CardProps & React.RefAtt
         headerVariant?: Variant;
         enableBorder?: boolean;
     }, never>;
-    Body: ({ children, bodyVariant }: import("./components/Body/Body").Props) => JSX.Element;
+    Body: ({ children, bodyVariant }: import("./components/Body/Body").Props) => React.JSX.Element;
     Footer: import("styled-components").StyledComponent<"div", any, {
         footerVariant?: Variant;
     }, never>;

package/typings/packages/custom-ui-components/src/components/molecules/Card/components/Body/Body.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Variant } from '../../types';
-export declare type Props = {
+export type Props = {
     children: React.ReactNode;
     bodyVariant?: Variant;
 };
-declare const Body: ({ children, bodyVariant }: Props) => JSX.Element;
+declare const Body: ({ children, bodyVariant }: Props) => React.JSX.Element;
 export default Body;

package/typings/packages/custom-ui-components/src/components/molecules/Card/types.d.ts

@@ -1,8 +1,8 @@
 import { ComponentVariant, ComponentSettings } from '../../../types';
-export declare type Color = 'white' | 'gray';
-export declare type Variant = 'regular' | 'small';
-export declare type Border = 'rounded' | 'sharp';
-export declare type CardSettings = ComponentSettings<{
+export type Color = 'white' | 'gray';
+export type Variant = 'regular' | 'small';
+export type Border = 'rounded' | 'sharp';
+export type CardSettings = ComponentSettings<{
     variant: ComponentVariant<'variant', Variant>;
     headerVariant: ComponentVariant<'headerVariant', Variant>;
     bodyVariant: ComponentVariant<'bodyVariant', Variant>;

package/typings/packages/custom-ui-components/src/components/molecules/CreditCardAddress/CreditCardAddress.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export declare type CreditCardAddressProps = {
+import React from 'react';
+export type CreditCardAddressProps = {
     firstLine: string;
     secondLine: string;
 };
-declare const CreditCardAddress: ({ firstLine, secondLine, }: CreditCardAddressProps) => JSX.Element;
+declare const CreditCardAddress: ({ firstLine, secondLine, }: CreditCardAddressProps) => React.JSX.Element;
 export default CreditCardAddress;

package/typings/packages/custom-ui-components/src/components/molecules/CreditCardAddress/type.d.ts

@@ -1,5 +1,5 @@
 import { ComponentVariant, ComponentSettings } from '../../../types';
-export declare type ComponentVariants = 'regular';
-export declare type CreditCardAddressSettings = ComponentSettings<{
+export type ComponentVariants = 'regular';
+export type CreditCardAddressSettings = ComponentSettings<{
     variant: ComponentVariant<'variant', ComponentVariants>;
 }>;

package/typings/packages/custom-ui-components/src/components/molecules/CreditCardHolderDetails/CreditCardHolderDetails.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-export declare type CreditCardHolderDetailsProps = {
+import React from 'react';
+export type CreditCardHolderDetailsProps = {
     firstName: string;
     lastName: string;
     expirationMonth: number;
     expirationYear: number;
 };
-declare const CreditCardHolderDetails: ({ firstName, lastName, expirationMonth, expirationYear, }: CreditCardHolderDetailsProps) => JSX.Element;
+declare const CreditCardHolderDetails: ({ firstName, lastName, expirationMonth, expirationYear, }: CreditCardHolderDetailsProps) => React.JSX.Element;
 export default CreditCardHolderDetails;

package/typings/packages/custom-ui-components/src/components/molecules/CreditCardHolderDetails/type.d.ts

@@ -1,5 +1,5 @@
 import { ComponentVariant, ComponentSettings } from '../../../types';
-export declare type ComponentVariants = 'regular';
-export declare type CreditCardHolderDetailsSettings = ComponentSettings<{
+export type ComponentVariants = 'regular';
+export type CreditCardHolderDetailsSettings = ComponentSettings<{
     variant: ComponentVariant<'variant', ComponentVariants>;
 }>;

package/typings/packages/custom-ui-components/src/components/molecules/CreditCardNumber/CreditCardNumber.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-export declare type CreditCardNumberProps = {
+import React from 'react';
+export type CreditCardNumberProps = {
     number: string;
 };
-declare const CreditCardNumber: ({ number }: CreditCardNumberProps) => JSX.Element;
+declare const CreditCardNumber: ({ number }: CreditCardNumberProps) => React.JSX.Element;
 export default CreditCardNumber;

package/typings/packages/custom-ui-components/src/components/molecules/CreditCardNumber/type.d.ts

@@ -1,5 +1,5 @@
 import { ComponentVariant, ComponentSettings } from '../../../types';
-export declare type ComponentVariants = 'regular';
-export declare type CreditCardNumberSettings = ComponentSettings<{
+export type ComponentVariants = 'regular';
+export type CreditCardNumberSettings = ComponentSettings<{
     variant: ComponentVariant<'variant', ComponentVariants>;
 }>;

package/typings/packages/custom-ui-components/src/components/molecules/DatePicker/DatePicker.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import React, { RefObject } from 'react';
 import { DatePickerTranslations } from './types';
 export interface DatePickerProps {
     value?: Date;
@@ -12,5 +12,5 @@ export interface DatePickerProps {
     modalRef?: RefObject<HTMLElement>;
     disabled?: boolean;
 }
-declare const DatePicker: ({ value, translations, locale, minDate, maxDate, portalContainer, calendarAlignment, onChange, modalRef, disabled, }: DatePickerProps) => JSX.Element;
+declare const DatePicker: ({ value, translations, locale, minDate, maxDate, portalContainer, calendarAlignment, onChange, modalRef, disabled, }: DatePickerProps) => React.JSX.Element;
 export default DatePicker;

package/typings/packages/custom-ui-components/src/components/molecules/DatePicker/types.d.ts

@@ -1,3 +1,3 @@
-export declare type DatePickerTranslations = {
+export type DatePickerTranslations = {
     placeholder: string;
 };

package/typings/packages/custom-ui-components/src/components/molecules/FormField/FormField.d.ts

@@ -16,5 +16,5 @@ export interface FormFieldProps {
     tooltip?: Omit<TooltipProps, 'children'>;
     disableMessage?: boolean;
 }
-declare const FormField: ({ label, labelPosition, name, size, disabled, hasError, error, hint, fullWidth, required, disableMessage, tooltip, children, }: FormFieldProps) => JSX.Element;
+declare const FormField: ({ label, labelPosition, name, size, disabled, hasError, error, hint, fullWidth, required, disableMessage, tooltip, children, }: FormFieldProps) => React.JSX.Element;
 export default FormField;

package/typings/packages/custom-ui-components/src/components/molecules/FormField/types.d.ts

@@ -1,5 +1,5 @@
 import { ComponentVariant, ComponentSettings } from '../../../types';
-export declare type LabelPosition = 'top' | 'left';
-export declare type FormFieldSettings = ComponentSettings<{
+export type LabelPosition = 'top' | 'left';
+export type FormFieldSettings = ComponentSettings<{
     labelPosition: ComponentVariant<'labelPosition', LabelPosition>;
 }>;

package/typings/packages/custom-ui-components/src/components/molecules/InputLabel/InputLabel.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { TooltipProps } from '../../atoms/Tooltip';
 import { ComponentSize } from '../../atoms/types';
 export interface InputLabelProps {
@@ -11,5 +11,5 @@ export interface InputLabelProps {
     textEllipsis?: boolean;
     flexLabel?: boolean;
 }
-declare const InputLabel: ({ label, size, disabled, required, htmlFor, tooltip, textEllipsis, flexLabel, }: InputLabelProps) => JSX.Element;
+declare const InputLabel: ({ label, size, disabled, required, htmlFor, tooltip, textEllipsis, flexLabel, }: InputLabelProps) => React.JSX.Element;
 export default InputLabel;

package/typings/packages/custom-ui-components/src/components/molecules/InputLabel/types.d.ts

@@ -1,7 +1,7 @@
 import { ComponentVariant, ComponentSettings } from '../../../types';
 import { ComponentSize } from '../../atoms/types';
-export declare type Color = 'primary' | 'danger' | 'gray';
-export declare type InputLabelSettings = ComponentSettings<{
+export type Color = 'primary' | 'danger' | 'gray';
+export type InputLabelSettings = ComponentSettings<{
     size: ComponentVariant<'size', ComponentSize>;
     color: ComponentVariant<'color', Color>;
 }>;

package/typings/packages/custom-ui-components/src/components/molecules/PageHeader/PageHeader.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 import { PageHeaderSize } from './type';
-export declare type PageHeaderProps = {
+export type PageHeaderProps = {
     title?: string;
     subtitle?: string;
     onBack?: () => void;
     previousPageLabel?: string;
     size?: PageHeaderSize;
 };
-declare const PageHeader: ({ title, subtitle, onBack, previousPageLabel, size, }: PageHeaderProps) => JSX.Element;
+declare const PageHeader: ({ title, subtitle, onBack, previousPageLabel, size, }: PageHeaderProps) => React.JSX.Element;
 export default PageHeader;

package/typings/packages/custom-ui-components/src/components/molecules/PageHeader/PageHeader.stories.d.ts

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

package/typings/packages/custom-ui-components/src/components/molecules/PageHeader/type.d.ts

@@ -1 +1 @@
-export declare type PageHeaderSize = 'small' | 'medium';
+export type PageHeaderSize = 'small' | 'medium';

package/typings/packages/custom-ui-components/src/components/molecules/PageHeaderSubtitle/PageHeaderSubtitle.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { PageHeaderSize } from '../PageHeader/type';
-export declare type PageHeaderTitleProps = {
+export type PageHeaderTitleProps = {
     subtitle: string;
     size: PageHeaderSize;
 };
-declare const PageHeaderSubtitle: ({ subtitle, size }: PageHeaderTitleProps) => JSX.Element;
+declare const PageHeaderSubtitle: ({ subtitle, size }: PageHeaderTitleProps) => React.JSX.Element;
 export default PageHeaderSubtitle;

package/typings/packages/custom-ui-components/src/components/molecules/PageHeaderSubtitle/type.d.ts

@@ -1,5 +1,5 @@
 import { ComponentVariant, ComponentSettings } from '../../../types';
-export declare type ComponentVariants = 'regular';
-export declare type PageHeaderSubtitle = ComponentSettings<{
+export type ComponentVariants = 'regular';
+export type PageHeaderSubtitle = ComponentSettings<{
     variant: ComponentVariant<'variant', ComponentVariants>;
 }>;

package/typings/packages/custom-ui-components/src/components/molecules/PageHeaderTitle/PageHeaderTitle.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { PageHeaderSize } from '../PageHeader/type';
-export declare type PageHeaderTitleProps = {
+export type PageHeaderTitleProps = {
     title: string;
     size: PageHeaderSize;
 };
-declare const PageHeaderTitle: ({ title, size }: PageHeaderTitleProps) => JSX.Element;
+declare const PageHeaderTitle: ({ title, size }: PageHeaderTitleProps) => React.JSX.Element;
 export default PageHeaderTitle;

package/typings/packages/custom-ui-components/src/components/molecules/PageHeaderTitle/type.d.ts

@@ -1,5 +1,5 @@
 import { ComponentVariant, ComponentSettings } from '../../../types';
-export declare type ComponentVariants = 'regular';
-export declare type PageHeaderTitle = ComponentSettings<{
+export type ComponentVariants = 'regular';
+export type PageHeaderTitle = ComponentSettings<{
     variant: ComponentVariant<'variant', ComponentVariants>;
 }>;

package/typings/packages/custom-ui-components/src/components/molecules/Pagination/Pagination.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-declare type PaginationProps = {
+import React from 'react';
+type PaginationProps = {
     page?: number;
     totalPages: number;
     onChange: (page: number) => void;
 };
-declare const Pagination: ({ page, totalPages, onChange }: PaginationProps) => JSX.Element;
+declare const Pagination: ({ page, totalPages, onChange }: PaginationProps) => React.JSX.Element;
 export default Pagination;

package/typings/packages/custom-ui-components/src/components/molecules/Pagination/types.d.ts

@@ -1,6 +1,6 @@
 import { ComponentVariant, ComponentSettings } from '../../../types';
-export declare type Color = 'primary' | 'success' | 'danger';
-export declare type Size = 'regular';
-export declare type PaginationSettings = ComponentSettings<{
+export type Color = 'primary' | 'success' | 'danger';
+export type Size = 'regular';
+export type PaginationSettings = ComponentSettings<{
     size: ComponentVariant<'size', Size>;
 }>;

package/typings/packages/custom-ui-components/src/components/molecules/Pagination/utils/createPagination.d.ts

@@ -1,4 +1,4 @@
-declare type PaginationSettings = {
+type PaginationSettings = {
     currentPage: number;
     totalPages: number;
 };

package/typings/packages/custom-ui-components/src/components/molecules/RadioGroup/RadioGroup.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { RadioGroupProps } from './types';
-declare const RadioGroup: ({ options, onValueChange, selectedValue, optionsDirection, optionsGap, }: RadioGroupProps) => JSX.Element;
+declare const RadioGroup: ({ options, onValueChange, selectedValue, optionsDirection, optionsGap, }: RadioGroupProps) => React.JSX.Element;
 export default RadioGroup;