@xfers/design-system 5.1.0 → 6.0.0-dev.4331eb6768

package/dist/types/components/Accordion/index.d.ts

@@ -10,5 +10,5 @@ type AccordionProps = {
     additionalHeaderItem?: React.ReactNode;
     withBoxShadow?: boolean;
 };
-declare const Accordion: ({ header, body, defaultOpen, headerHeightDesktop, headerHeightMobile, toggleText, onCloseToggleText, additionalHeaderItem, withBoxShadow }: AccordionProps) => React.JSX.Element;
+declare const Accordion: ({ header, body, defaultOpen, headerHeightDesktop, headerHeightMobile, toggleText, onCloseToggleText, additionalHeaderItem, withBoxShadow }: AccordionProps) => JSX.Element;
 export default Accordion;

package/dist/types/components/ActionButton/ActionButton.d.ts

@@ -4,5 +4,5 @@ type ActionButtonProps = {
     icon: React.ReactElement;
     disabled?: boolean;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'>;
-declare const ActionButton: ({ icon, type, disabled, ...props }: ActionButtonProps) => React.JSX.Element;
+declare const ActionButton: ({ icon, type, disabled, ...props }: ActionButtonProps) => JSX.Element;
 export default ActionButton;

package/dist/types/components/ActionCard/index.d.ts

@@ -4,5 +4,5 @@ type ActionCardProps = {
     footer?: React.ReactNode;
     children: React.ReactNode;
 };
-declare const ActionCard: ({ children, title, footer }: ActionCardProps) => React.JSX.Element;
+declare const ActionCard: ({ children, title, footer }: ActionCardProps) => JSX.Element;
 export default ActionCard;

package/dist/types/components/Alert/Alert.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { CustomAlertProps } from './types';
-declare const CustomAlert: ({ type, message, closable, icon, showIcon, onClose, title, }: CustomAlertProps) => React.JSX.Element | null;
+declare const CustomAlert: ({ type, message, closable, icon, showIcon, onClose, title, }: CustomAlertProps) => JSX.Element | null;
 export default CustomAlert;

package/dist/types/components/AntdConfigProvider/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 type Props = {
     children: React.ReactNode;
 };
-export default function AntdConfigProvider({ children }: Props): React.JSX.Element;
+export default function AntdConfigProvider({ children }: Props): JSX.Element;
 export {};

package/dist/types/components/BadgeIcon/index.d.ts

@@ -4,5 +4,5 @@ type BadgeIconProps = {
     icon: React.ReactElement;
     iconWidth?: number;
 } & React.HTMLAttributes<HTMLDivElement>;
-declare const BadgeIcon: ({ icon, type, iconWidth, ...rest }: BadgeIconProps) => React.JSX.Element;
+declare const BadgeIcon: ({ icon, type, iconWidth, ...rest }: BadgeIconProps) => JSX.Element;
 export default BadgeIcon;

package/dist/types/components/Banner/index.d.ts

@@ -4,5 +4,5 @@ type BannerProps = {
     withIcon?: boolean;
     children: React.ReactNode;
 } & React.HTMLAttributes<HTMLDivElement>;
-declare const Banner: ({ withIcon, children, type, ...rest }: BannerProps) => React.JSX.Element;
+declare const Banner: ({ withIcon, children, type, ...rest }: BannerProps) => JSX.Element;
 export default Banner;

package/dist/types/components/Button/Button.d.ts

@@ -10,5 +10,5 @@ type CustomButtonProps = {
     className?: string;
     icon?: React.ReactNode;
 } & Omit<ButtonProps, 'type' | 'disabled'>;
-declare const CustomButton: ({ type, size, iconColor, isDisabled, isFullWidth, className, children, icon, ...rest }: CustomButtonProps) => React.JSX.Element;
+declare const CustomButton: ({ type, size, iconColor, isDisabled, isFullWidth, className, children, icon, ...rest }: CustomButtonProps) => JSX.Element;
 export default CustomButton;

package/dist/types/components/Card/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { CardProps } from 'antd';
 type CardWithoutType = Omit<CardProps, 'type'>;
 type CustomCardProps = CardWithoutType & {
@@ -7,5 +6,5 @@ type CustomCardProps = CardWithoutType & {
     alignBody?: 'left' | 'right';
     type?: 'default' | 'dark';
 };
-declare const CustomCard: ({ className, alignTitle, alignBody, type, ...restProps }: CustomCardProps) => React.JSX.Element;
+declare const CustomCard: ({ className, alignTitle, alignBody, type, ...restProps }: CustomCardProps) => JSX.Element;
 export default CustomCard;

package/dist/types/components/Carousel/index.d.ts

@@ -4,5 +4,5 @@ type Props = {
     children: React.ReactNode[];
     width?: number;
 };
-declare function Carousel({ children, activeKey, width, ...rest }: Props): React.JSX.Element;
+declare function Carousel({ children, activeKey, width, ...rest }: Props): JSX.Element;
 export default Carousel;

package/dist/types/components/Chart/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 type ChartProps = {
     xValues: number[] | string[];
     yValues: number[];
@@ -8,5 +7,5 @@ type ChartProps = {
     width?: number;
     straitsXStyle?: boolean;
 };
-declare const CustomChart: ({ xValues, yValues, dataPrefix, dataPostfix, straitsXStyle, height }: ChartProps) => React.JSX.Element;
+declare const CustomChart: ({ xValues, yValues, dataPrefix, dataPostfix, straitsXStyle, height }: ChartProps) => JSX.Element;
 export default CustomChart;

package/dist/types/components/Checkbox/index.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import type { CheckboxGroupProps } from 'antd/es/checkbox';
 type GroupProps = CheckboxGroupProps;
-declare function CheckboxGroup({ className, ...props }: GroupProps): React.JSX.Element;
+declare function CheckboxGroup({ className, ...props }: GroupProps): JSX.Element;
 declare const _default: {
     Group: typeof CheckboxGroup;
 };

package/dist/types/components/Coachmark/index.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 type CoachmarkProps = {
     index: number;
     size: number;
@@ -25,5 +25,5 @@ type CoachmarkProps = {
         onClick: () => void;
     };
 };
-export default function Coachmark({ index, primaryProps, size, skipProps, step, tooltipProps, backProps, }: CoachmarkProps): React.JSX.Element;
+export default function Coachmark({ index, primaryProps, size, skipProps, step, tooltipProps, backProps, }: CoachmarkProps): JSX.Element;
 export {};

package/dist/types/components/ContentBreakdown/index.d.ts

@@ -3,5 +3,5 @@ type ContentBreakdownProps = {
     title: string;
     children: React.ReactElement;
 };
-declare const ContentBreakdown: ({ title, children }: ContentBreakdownProps) => React.JSX.Element;
+declare const ContentBreakdown: ({ title, children }: ContentBreakdownProps) => JSX.Element;
 export default ContentBreakdown;

package/dist/types/components/CopyBox/CopyBox.d.ts

@@ -13,5 +13,5 @@ type CopyBoxType = {
     helperTextType?: 'error' | undefined;
     onButtonClick?: () => void;
 };
-declare const CopyBox: ({ value, allowCopy, valueToCopy, isBankAddress, showCopyIcon, icon, iconSize, labelText, labelTooltip, helperText, helperTextType, onButtonClick }: CopyBoxType) => React.JSX.Element;
+declare const CopyBox: ({ value, allowCopy, valueToCopy, isBankAddress, showCopyIcon, icon, iconSize, labelText, labelTooltip, helperText, helperTextType, onButtonClick }: CopyBoxType) => JSX.Element;
 export default CopyBox;

package/dist/types/components/DatePicker/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { InputSize } from '../Input/inputStyles';
 type Props = {
     placeholder?: string;
@@ -18,5 +17,5 @@ type Props = {
     showInfoIcon?: boolean;
     onInfoClick?: () => void;
 };
-export default function ({ disabled, label, required, optional, size, error, helperText, showInfoIcon, onInfoClick, ...rest }: Props): React.JSX.Element;
+export default function ({ disabled, label, required, optional, size, error, helperText, showInfoIcon, onInfoClick, ...rest }: Props): JSX.Element;
 export {};

package/dist/types/components/Divider/index.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 type DividerProps = {
     spacing?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 };
-declare const Divider: ({ spacing, ...rest }: DividerProps) => React.JSX.Element;
+declare const Divider: ({ spacing, ...rest }: DividerProps) => JSX.Element;
 export default Divider;

package/dist/types/components/Dropdown/index.d.ts

@@ -11,5 +11,5 @@ type Props = {
     disabled?: boolean;
     trigger?: Array<'click' | 'hover' | 'contextMenu'>;
 } & Omit<DropdownProps, 'menu'>;
-export default function ({ menu, children, type, placement, className, trigger, disabled, ...rest }: Props): React.JSX.Element;
+export default function ({ menu, children, type, placement, className, trigger, disabled, ...rest }: Props): JSX.Element;
 export {};

package/dist/types/components/DynamicSelect/DynamicSelect.d.ts

@@ -12,21 +12,21 @@ export type IExtraElementProps = {
 };
 type IAddItemProps = Omit<IExtraElementProps, 'topContent' | 'bottomContent'>;
 declare const DynamicSelect: {
-    ({ className, children, disabled, mode, label, iconSrc, extraText, extraAction, isAddItemBarVisible, topContent, bottomContent, actionContent, ...rest }: IDynamicSelectProps): React.JSX.Element;
+    ({ className, children, disabled, mode, label, iconSrc, extraText, extraAction, isAddItemBarVisible, topContent, bottomContent, actionContent, ...rest }: IDynamicSelectProps): JSX.Element;
     Option: import("rc-select/lib/Option").OptionFC;
 };
 export declare const AddIcon: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, Pick<React.ClassAttributes<HTMLImageElement> & React.ImgHTMLAttributes<HTMLImageElement>, keyof React.ImgHTMLAttributes<HTMLImageElement>>, object>;
-export declare const AddButton: import("@emotion/styled-base").StyledComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, keyof React.HTMLAttributes<HTMLDivElement>> & {
+export declare const AddButton: import("@emotion/styled-base").StyledComponent<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, keyof React.HTMLAttributes<HTMLDivElement>> & {
     theme?: object | undefined;
 } & {
-    children?: import("react").ReactNode | undefined;
-}, "ref"> & {
+    children?: React.ReactNode;
+}, "theme" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, Pick<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, Pick<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, keyof React.HTMLAttributes<HTMLDivElement>> & {
     theme?: object | undefined;
 } & {
-    children?: import("react").ReactNode | undefined;
-}, "ref"> & {
+    children?: React.ReactNode;
+}, "theme" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, "theme" | keyof React.HTMLAttributes<HTMLDivElement>>, object>;
 export default DynamicSelect;

package/dist/types/components/EmptyData/index.d.ts

@@ -5,5 +5,5 @@ type EmptyDataProps = {
     info?: React.ReactNode;
     svgUniqueId?: string;
 };
-declare const EmptyData: ({ title, subtitle, info, svgUniqueId, }: EmptyDataProps) => React.JSX.Element;
+declare const EmptyData: ({ title, subtitle, info, svgUniqueId, }: EmptyDataProps) => JSX.Element;
 export default EmptyData;

package/dist/types/components/ErrorPage/index.d.ts

@@ -6,5 +6,5 @@ type ErrorPageProps = {
     fallbackContent?: React.ReactNode;
     backgroundColor?: string;
 };
-declare const ErrorPage: ({ title, subtitle, content, fallbackContent, backgroundColor }: ErrorPageProps) => React.JSX.Element;
+declare const ErrorPage: ({ title, subtitle, content, fallbackContent, backgroundColor }: ErrorPageProps) => JSX.Element;
 export default ErrorPage;

package/dist/types/components/Form/index.d.ts

@@ -5,8 +5,8 @@ type Props = FormProps & {
     children: React.ReactNode;
 };
 declare const MainForm: {
-    ({ className, children, ...rest }: Props): React.JSX.Element;
-    Item({ className, ...rest }: FormItemProps): React.JSX.Element;
+    ({ className, children, ...rest }: Props): JSX.Element;
+    Item({ className, ...rest }: FormItemProps): JSX.Element;
     useForm: typeof import("antd/es/form/Form").useForm;
 };
 export default MainForm;

package/dist/types/components/Grid/Section.d.ts

@@ -1,28 +1,28 @@
 declare const Section: {
-    Title: import("@emotion/styled-base").StyledComponent<Omit<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & Pick<Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement>, keyof import("react").HTMLAttributes<HTMLHeadingElement>>, keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
+    Title: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & Pick<Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement>, keyof import("react").HTMLAttributes<HTMLHeadingElement>>, keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
         theme?: object | undefined;
     } & {
-        children?: import("react").ReactNode | undefined;
-    }, "ref"> & {
+        children?: import("react").ReactNode;
+    }, "theme" | "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
         ref?: ((instance: HTMLHeadingElement | null) => void) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
-    }, Pick<Omit<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & Pick<Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement>, keyof import("react").HTMLAttributes<HTMLHeadingElement>>, keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
+    }, Pick<Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & Pick<Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement>, keyof import("react").HTMLAttributes<HTMLHeadingElement>>, keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
         theme?: object | undefined;
     } & {
-        children?: import("react").ReactNode | undefined;
-    }, "ref"> & {
+        children?: import("react").ReactNode;
+    }, "theme" | "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
         ref?: ((instance: HTMLHeadingElement | null) => void) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
     }, "theme" | keyof import("react").HTMLAttributes<HTMLHeadingElement>>, object>;
-    Subtitle: import("@emotion/styled-base").StyledComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    Subtitle: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, keyof import("react").HTMLAttributes<HTMLDivElement>> & {
         theme?: object | undefined;
     } & {
-        children?: import("react").ReactNode | undefined;
-    }, "ref"> & {
+        children?: import("react").ReactNode;
+    }, "theme" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
         ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-    }, Pick<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    }, Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, keyof import("react").HTMLAttributes<HTMLDivElement>> & {
         theme?: object | undefined;
     } & {
-        children?: import("react").ReactNode | undefined;
-    }, "ref"> & {
+        children?: import("react").ReactNode;
+    }, "theme" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
         ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
     }, "theme" | keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
     Row: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;

package/dist/types/components/Input/index.d.ts

@@ -21,11 +21,11 @@ type Props = BaseInputProps & {
     className?: string;
 } & Omit<InputProps, 'addonBefore' | 'addonAfter' | 'placeholder' | 'disabled' | 'className' | 'size'>;
 declare const MainInput: {
-    ({ addonBefore, addonAfter, placeholder, disabled, disabledAddon, className, label, required, optional, size, helperText, error, showInfoIcon, infoText, onInfoClick, ...rest }: Props): React.JSX.Element;
-    Password({ addonBefore, placeholder, disabled, className, label, required, optional, size, helperText, error, showInfoIcon, infoText, onInfoClick, ...rest }: PasswordProps): React.JSX.Element;
-    Search({ addonBefore, placeholder, className, onChange, onSearch, size, helperText, error, ...rest }: SearchProps): React.JSX.Element;
-    TextArea({ className, label, required, optional, size, helperText, error, showInfoIcon, infoText, onInfoClick, ...rest }: TextAreaProps): React.JSX.Element;
-    Group: import("react").FC<import("antd/es/input").GroupProps>;
+    ({ addonBefore, addonAfter, placeholder, disabled, disabledAddon, className, label, required, optional, size, helperText, error, showInfoIcon, infoText, onInfoClick, ...rest }: Props): JSX.Element;
+    Password({ addonBefore, placeholder, disabled, className, label, required, optional, size, helperText, error, showInfoIcon, infoText, onInfoClick, ...rest }: PasswordProps): JSX.Element;
+    Search({ addonBefore, placeholder, className, onChange, onSearch, size, helperText, error, ...rest }: SearchProps): JSX.Element;
+    TextArea({ className, label, required, optional, size, helperText, error, showInfoIcon, infoText, onInfoClick, ...rest }: TextAreaProps): JSX.Element;
+    Group: React.FC<import("antd/es/input").GroupProps>;
 };
 type PasswordProps = BaseInputProps & {
     addonBefore?: string;

package/dist/types/components/Link/index.d.ts

@@ -12,5 +12,5 @@ type Props = {
     iconPlacement?: 'left' | 'right';
     onClick?: () => void;
 } & React.AnchorHTMLAttributes<HTMLAnchorElement>;
-declare const Link: ({ typographyType, size, textContent, children, href, target, rel, isUnderlined, icon, iconPlacement, onClick, ...props }: Props) => React.JSX.Element;
+declare const Link: ({ typographyType, size, textContent, children, href, target, rel, isUnderlined, icon, iconPlacement, onClick, ...props }: Props) => JSX.Element;
 export default Link;

package/dist/types/components/Modal/DialogItems.d.ts

@@ -9,5 +9,5 @@ type DialogItemsProps = {
     items: DialogItemProps[];
     className?: string;
 };
-declare const DialogItems: ({ items, className }: DialogItemsProps) => React.JSX.Element;
+declare const DialogItems: ({ items, className }: DialogItemsProps) => JSX.Element;
 export default DialogItems;

package/dist/types/components/Modal/index.d.ts

@@ -15,5 +15,5 @@ type ModalContentProps = {
     /** @deprecated No longer rendered. Will be removed in a future version. */
     icon?: React.ReactNode | false;
 };
-declare const ModalContent: ({ onClose, variant, size, title, children, footer, disabledCloseIcon, className, illustration, headerImage, }: ModalContentProps) => React.JSX.Element;
+declare const ModalContent: ({ onClose, variant, size, title, children, footer, disabledCloseIcon, className, illustration, headerImage, }: ModalContentProps) => JSX.Element;
 export default ModalContent;

package/dist/types/components/Note/index.d.ts

@@ -3,5 +3,5 @@ type NoteProps = {
     title: string;
     children: React.ReactNode;
 };
-declare const Note: ({ title, children }: NoteProps) => React.JSX.Element;
+declare const Note: ({ title, children }: NoteProps) => JSX.Element;
 export default Note;

package/dist/types/components/Pagination/index.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { PaginationProps } from 'antd';
 type Props = Pick<PaginationProps, 'current' | 'pageSize' | 'total' | 'onChange' | 'showSizeChanger' | 'onShowSizeChange' | 'pageSizeOptions'>;
-export default function ({ current, pageSize, total, onChange, showSizeChanger, onShowSizeChange, pageSizeOptions, }: Props): React.JSX.Element;
+export default function ({ current, pageSize, total, onChange, showSizeChanger, onShowSizeChange, pageSizeOptions, }: Props): JSX.Element;
 export {};

package/dist/types/components/Radio/index.d.ts

@@ -6,9 +6,9 @@ type Props = {
     value?: string;
     style?: Record<string, unknown>;
 };
-declare function RadioButton({ children, disabled, ...rest }: Props): React.JSX.Element;
+declare function RadioButton({ children, disabled, ...rest }: Props): JSX.Element;
 declare const _default: {
-    Group: (props: React.ComponentProps<typeof Radio.Group>) => React.JSX.Element;
+    Group: (props: React.ComponentProps<typeof Radio.Group>) => JSX.Element;
     Button: typeof RadioButton;
 };
 export default _default;

package/dist/types/components/RangePicker/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { Moment } from 'moment';
 import { InputSize } from '../Input/inputStyles';
 type Props = {
@@ -12,5 +11,5 @@ type Props = {
     picker?: any;
     size?: InputSize;
 };
-export default function ({ format, size, ...rest }: Props): React.JSX.Element;
+export default function ({ format, size, ...rest }: Props): JSX.Element;
 export {};

package/dist/types/components/Select/helpers.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-export declare const getSuffixIcon: (secondaryText?: string) => React.JSX.Element;
-export declare const renderLabel: (label: string, tooltip?: React.ReactElement) => React.JSX.Element | null;
-export declare const getPlaceholder: (size: "sm" | "lg", placeholder?: string) => React.JSX.Element | null;
+export declare const getSuffixIcon: (secondaryText?: string) => JSX.Element;
+export declare const renderLabel: (label: string, tooltip?: React.ReactElement) => JSX.Element | null;
+export declare const getPlaceholder: (size: "sm" | "lg", placeholder?: string) => JSX.Element | null;
 export declare const renderOptions: (options: Array<{
     value: string;
     label: string;
@@ -9,9 +9,9 @@ export declare const renderOptions: (options: Array<{
     icon?: React.ComponentType<{
         style?: React.CSSProperties;
     }>;
-}>, size: "sm" | "lg") => React.JSX.Element[];
-export declare const renderHelperText: (helperText?: string) => React.JSX.Element | null;
+}>, size: "sm" | "lg") => JSX.Element[];
+export declare const renderHelperText: (helperText?: string) => JSX.Element | null;
 export declare const getCustomSelectTag: (mode: string | undefined, disabled: boolean, size: "sm" | "lg") => (({ label, onClose }: {
     label: React.ReactNode;
     onClose: () => void;
-}) => React.JSX.Element) | undefined;
+}) => JSX.Element) | undefined;

package/dist/types/components/Select/index.d.ts

@@ -24,7 +24,7 @@ export type Props = {
     selectRef?: RefObject<BaseSelectRef>;
 } & Omit<SelectProps<unknown, DefaultOptionType | BaseOptionType>, 'disabled' | 'size'>;
 declare const Select: {
-    ({ children, disabled, size, mode, label, labelTooltip, selectRef, placeholder, error, secondaryText, helperText, options, ...rest }: Props): React.JSX.Element;
+    ({ children, disabled, size, mode, label, labelTooltip, selectRef, placeholder, error, secondaryText, helperText, options, ...rest }: Props): JSX.Element;
     Option: import("rc-select/lib/Option").OptionFC;
 };
 export default Select;

package/dist/types/components/Select/style.d.ts

@@ -2,7 +2,7 @@ export declare const LabelContainer: import("@emotion/styled-base").StyledCompon
 export declare const OptionContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
 export declare const SelectContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
 export declare const StyledAntSelect: import("@emotion/styled-base").StyledComponent<import("antd").SelectProps<unknown, import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType> & {
-    children?: import("react").ReactNode | undefined;
+    children?: import("react").ReactNode;
 } & import("react").RefAttributes<import("antd").RefSelectProps>, {
     $size: "sm" | "lg";
     $mode?: "multiple";

package/dist/types/components/Spin/index.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 type SpinProps = {
     size?: 'small' | 'large' | 'default';
 };
-declare const MainSpin: ({ size, ...props }: SpinProps) => React.JSX.Element;
+declare const MainSpin: ({ size, ...props }: SpinProps) => JSX.Element;
 export default MainSpin;

package/dist/types/components/Steps/DesktopSteps.d.ts

@@ -3,7 +3,7 @@ import { StepsProps, StepProps } from 'antd';
 declare const DesktopSteps: {
     ({ className, ...rest }: StepsProps & {
         children: React.ReactNode;
-    }): React.JSX.Element;
+    }): JSX.Element;
     Step: React.FC<StepProps>;
 };
 export default DesktopSteps;

package/dist/types/components/Steps/index.d.ts

@@ -4,5 +4,5 @@ type ResponsiveStepsProps = {
     steps: string[];
     desktopNote?: React.ReactNode;
 } & React.HTMLAttributes<HTMLDivElement>;
-declare const ResponsiveSteps: ({ current, steps, desktopNote }: ResponsiveStepsProps) => React.JSX.Element;
+declare const ResponsiveSteps: ({ current, steps, desktopNote }: ResponsiveStepsProps) => JSX.Element;
 export default ResponsiveSteps;

package/dist/types/components/SummaryCard/index.d.ts

@@ -8,5 +8,5 @@ type SummaryCardProps = {
     isInverted?: boolean;
     icon?: React.ReactElement;
 };
-declare const SummaryCard: ({ label, amount, type, height, width, isInverted, icon }: SummaryCardProps) => React.JSX.Element;
+declare const SummaryCard: ({ label, amount, type, height, width, isInverted, icon }: SummaryCardProps) => JSX.Element;
 export default SummaryCard;

package/dist/types/components/Table/index.d.ts

@@ -4,5 +4,5 @@ type CustomTableProps = TableProps<any> & {
     className?: string;
     emptyText?: React.ReactNode;
 };
-declare const CustomTable: ({ className, emptyText, ...restProps }: CustomTableProps) => React.JSX.Element;
+declare const CustomTable: ({ className, emptyText, ...restProps }: CustomTableProps) => JSX.Element;
 export default CustomTable;

package/dist/types/components/Tabs/index.d.ts

@@ -6,7 +6,7 @@ type Props = {
     children: React.ReactNode;
 };
 declare const Tabs: {
-    ({ children, ...rest }: Props): React.JSX.Element;
-    TabPane: import("react").FC<import("antd").TabPaneProps>;
+    ({ children, ...rest }: Props): JSX.Element;
+    TabPane: React.FC<import("antd").TabPaneProps>;
 };
 export default Tabs;

package/dist/types/components/Tag/index.d.ts

@@ -8,5 +8,5 @@ type Props = {
     variant?: TagVariant;
     onClick?: () => void;
 };
-export default function ({ type, children, showIcon, size, variant, onClick, }: Props): React.JSX.Element;
+export default function ({ type, children, showIcon, size, variant, onClick, }: Props): JSX.Element;
 export {};

package/dist/types/components/Timeline/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TimelineProps } from 'antd';
 declare const CustomTimeline: {
-    ({ className, ...rest }: TimelineProps): React.JSX.Element;
-    Item: import("react").FC<import("antd").TimelineItemProps>;
+    ({ className, ...rest }: TimelineProps): JSX.Element;
+    Item: React.FC<import("antd").TimelineItemProps>;
 };
 export default CustomTimeline;

package/dist/types/components/Tooltip/index.d.ts

@@ -19,5 +19,5 @@ type Props = {
     onDismiss?: () => void;
     overlayClassName?: string;
 };
-export default function ({ children, placement, overlayClassName, arrowPointAtCenter, trigger, color, title, content, mouseEnterDelay, mouseLeaveDelay, isNew, actionTitle, dismissTitle, maxWidth, onAction, onDismiss, }: Props): React.JSX.Element;
+export default function ({ children, placement, overlayClassName, arrowPointAtCenter, trigger, color, title, content, mouseEnterDelay, mouseLeaveDelay, isNew, actionTitle, dismissTitle, maxWidth, onAction, onDismiss, }: Props): JSX.Element;
 export {};

package/dist/types/icons/AccessApiTwoTone.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgAccessApiTwoTone(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgAccessApiTwoTone(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgAccessApiTwoTone;

package/dist/types/icons/AccountStatement.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { SVGProps } from 'react';
-declare const SvgAccountStatement: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const SvgAccountStatement: (props: SVGProps<SVGSVGElement>) => JSX.Element;
 export default SvgAccountStatement;

package/dist/types/icons/Add.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgAdd(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgAdd(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgAdd;

package/dist/types/icons/Api.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgApi(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgApi(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgApi;

package/dist/types/icons/ApiDocsTwoTone.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgApiDocsTwoTone(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgApiDocsTwoTone(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgApiDocsTwoTone;

package/dist/types/icons/ArrowDown.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgArrowDown(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgArrowDown(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgArrowDown;

package/dist/types/icons/ArrowLeft.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgArrowLeft(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgArrowLeft(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgArrowLeft;

package/dist/types/icons/ArrowRight.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgArrowRight(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgArrowRight(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgArrowRight;

package/dist/types/icons/ArrowSwitch.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgArrowSwitch(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgArrowSwitch(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgArrowSwitch;

package/dist/types/icons/ArrowUp.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgArrowUp(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgArrowUp(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgArrowUp;

package/dist/types/icons/Authorize.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgAuthorize(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgAuthorize(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgAuthorize;

package/dist/types/icons/Avatar.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgAvatar(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgAvatar(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgAvatar;

package/dist/types/icons/AvatarFilled.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgAvatarFilled(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgAvatarFilled(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgAvatarFilled;

package/dist/types/icons/Bank.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgBank(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgBank(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgBank;

package/dist/types/icons/BankFilled.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgBankFilled(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgBankFilled(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgBankFilled;

package/dist/types/icons/BankFilledBackground.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgBankFilledBackground(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgBankFilledBackground(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgBankFilledBackground;

package/dist/types/icons/Bell.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgBell(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgBell(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgBell;