glints-aries 4.1.6 → 5.0.0-alpha.1

package/lib/@next/AuthenticationInput/AuthenticationInputSingle.d.ts

@@ -9,5 +9,5 @@ interface AuthenticationInputSingleProps extends Omit<React.HTMLAttributes<HTMLI
     onIndexChanged?: (index: number) => void;
     onChange: (value: number | '', index: number) => void;
 }
-export declare const AuthenticationInputSingle: ({ index, onChange, value, shouldFocus, isLast, onIndexChanged, ...rest }: AuthenticationInputSingleProps) => JSX.Element;
+export declare const AuthenticationInputSingle: ({ index, onChange, value, shouldFocus, isLast, onIndexChanged, ...rest }: AuthenticationInputSingleProps) => React.JSX.Element;
 export {};

package/lib/@next/Card/Card.d.ts

@@ -15,5 +15,5 @@ export declare type CardProps = {
 export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
     Section: ({ children }: {
         children: React.ReactNode;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
 };

package/lib/@next/Card/Section.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 export declare const Section: ({ children }: {
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/lib/@next/Carousel/Carousel.d.ts

@@ -22,4 +22,4 @@ export interface CarouselProps {
     /** When `autoRotate` is `true`, specify milliseconds until next slide shows */
     duration?: number;
 }
-export declare const Carousel: ({ autoRotate, children, aspectRatio, height, width, indicatorPosition, indicatorType, duration, showArrows, }: CarouselProps) => JSX.Element;
+export declare const Carousel: ({ autoRotate, children, aspectRatio, height, width, indicatorPosition, indicatorType, duration, showArrows, }: CarouselProps) => React.JSX.Element;

package/lib/@next/Combobox/Combobox.d.ts

@@ -11,11 +11,11 @@ export interface ComboboxProps {
     scrollable?: boolean;
 }
 export declare const Combobox: {
-    ({ activator, allowMultiple, children, onClose, listHeight, scrollable, }: ComboboxProps): JSX.Element;
+    ({ activator, allowMultiple, children, onClose, listHeight, scrollable, }: ComboboxProps): React.JSX.Element;
     Label: ({ children }: {
         children: React.ReactNode;
-    }) => JSX.Element;
-    TextInput: ({ onChange, value, ...props }: import("./components/TextInput/TextInput").ComboboxTextInputProps) => JSX.Element;
-    OptionList: ({ children, isEmpty, noOptionsMessage, onSelect, }: import("./components/OptionList/OptionList").OptionListProps) => JSX.Element;
-    Option: ({ label, value, selected }: import("./components/OptionList/Option").OptionProps) => JSX.Element;
+    }) => React.JSX.Element;
+    TextInput: ({ onChange, value, ...props }: import("./components/TextInput/TextInput").ComboboxTextInputProps) => React.JSX.Element;
+    OptionList: ({ children, isEmpty, noOptionsMessage, onSelect, }: import("./components/OptionList/OptionList").OptionListProps) => React.JSX.Element;
+    Option: ({ label, value, selected }: import("./components/OptionList/Option").OptionProps) => React.JSX.Element;
 };

package/lib/@next/Combobox/comboboxStoryHelper/ComboboxMultuSelect.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { OptionType } from '../components/OptionList/Option';
 interface ComboboxMultiSelectProps {
     countries: OptionType[];
 }
-export declare const ComboboxMultiSelect: ({ countries, ...args }: ComboboxMultiSelectProps) => JSX.Element;
+export declare const ComboboxMultiSelect: ({ countries, ...args }: ComboboxMultiSelectProps) => React.JSX.Element;
 export {};

package/lib/@next/Combobox/components/OptionList/Option.d.ts

@@ -9,5 +9,5 @@ export interface OptionProps extends OptionType {
 export interface NoOptionListProps {
     noOptionsMessage?: React.ReactNode;
 }
-export declare const Option: ({ label, value, selected }: OptionProps) => JSX.Element;
-export declare const NoOptionList: ({ noOptionsMessage, }: NoOptionListProps) => JSX.Element;
+export declare const Option: ({ label, value, selected }: OptionProps) => React.JSX.Element;
+export declare const NoOptionList: ({ noOptionsMessage, }: NoOptionListProps) => React.JSX.Element;

package/lib/@next/Combobox/components/OptionList/OptionList.d.ts

@@ -6,4 +6,4 @@ export interface OptionListProps extends NoOptionListProps {
     height?: string;
     onSelect?(value: string): void;
 }
-export declare const OptionList: ({ children, isEmpty, noOptionsMessage, onSelect, }: OptionListProps) => JSX.Element;
+export declare const OptionList: ({ children, isEmpty, noOptionsMessage, onSelect, }: OptionListProps) => React.JSX.Element;

package/lib/@next/Combobox/components/TextInput/TextInput.d.ts

@@ -5,4 +5,4 @@ export interface ComboboxTextInputProps extends Omit<TextInputProps, 'onChange'>
     textInputWidth?: number;
     setTextInputWidth?: React.Dispatch<(prevState: undefined) => undefined>;
 }
-export declare const TextInput: ({ onChange, value, ...props }: ComboboxTextInputProps) => JSX.Element;
+export declare const TextInput: ({ onChange, value, ...props }: ComboboxTextInputProps) => React.JSX.Element;

package/lib/@next/DataTable/DataTable.d.ts

@@ -18,9 +18,9 @@ export interface DataTableProps extends React.TableHTMLAttributes<HTMLTableEleme
     onSortChanged?: (context: string, sortDirection: SortDirection) => void;
 }
 export declare const DataTable: React.ForwardRefExoticComponent<DataTableProps & React.RefAttributes<HTMLTableElement>> & {
-    Row: ({ children, ...props }: import("./TableRow").TableRowProps) => JSX.Element;
-    Cell: ({ align, children, noWrap, verticalAlign, }: import("./TableCell").TableCellProps) => JSX.Element;
+    Row: ({ children, ...props }: import("./TableRow").TableRowProps) => React.JSX.Element;
+    Cell: ({ align, children, noWrap, verticalAlign, }: import("./TableCell").TableCellProps) => React.JSX.Element;
     Footer: ({ children }: {
         children: React.ReactNode;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
 };

package/lib/@next/DataTable/TableCell.d.ts

@@ -5,4 +5,4 @@ export interface TableCellProps extends React.TdHTMLAttributes<HTMLTableColEleme
     noWrap?: boolean;
     verticalAlign?: 'top' | 'center';
 }
-export declare const TableCell: ({ align, children, noWrap, verticalAlign, }: TableCellProps) => JSX.Element;
+export declare const TableCell: ({ align, children, noWrap, verticalAlign, }: TableCellProps) => React.JSX.Element;

package/lib/@next/DataTable/TableFooter.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 export declare const TableFooter: ({ children }: {
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/lib/@next/DataTable/TableHeader.d.ts

@@ -5,4 +5,4 @@ export interface TableHeaderProps extends Omit<React.ThHTMLAttributes<HTMLTableC
     sortDirection?: SortDirection;
     onSort?: (sortDirection: SortDirection) => void;
 }
-export declare const TableHeader: ({ sortDirection: sortDirectionProp, title, align, onSort, }: TableHeaderProps) => JSX.Element;
+export declare const TableHeader: ({ sortDirection: sortDirectionProp, title, align, onSort, }: TableHeaderProps) => React.JSX.Element;

package/lib/@next/DataTable/TableRow.d.ts

@@ -3,4 +3,4 @@ export interface TableRowProps extends React.HtmlHTMLAttributes<HTMLTableRowElem
     position?: number;
     children: React.ReactNode;
 }
-export declare const TableRow: ({ children, ...props }: TableRowProps) => JSX.Element;
+export declare const TableRow: ({ children, ...props }: TableRowProps) => React.JSX.Element;

package/lib/@next/EmptyState/EmptyState.d.ts

@@ -16,5 +16,5 @@ export declare type EmptyStateProps = CommonProps & ({
     /** Renders an image based on ImageName or a custom image */
     image?: ImageName | React.ReactNode;
 });
-export declare const EmptyState: ({ basicButtonAction, primaryButtonAction, description, fullWidth, helpText, title, ...props }: EmptyStateProps) => JSX.Element;
+export declare const EmptyState: ({ basicButtonAction, primaryButtonAction, description, fullWidth, helpText, title, ...props }: EmptyStateProps) => React.JSX.Element;
 export {};

package/lib/@next/EmptyState/EmptyStateStyle.d.ts

@@ -3,6 +3,6 @@ export declare const EmptyStateContainer: import("styled-components").StyledComp
 export declare const EmptyStateContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledImage: import("styled-components").StyledComponent<"img", any, {}, never>;
 export declare const StyledButtonGroup: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").ButtonGroupProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledTitle: import("styled-components").StyledComponent<({ as, children, variant, style, ...props }: import("..").TypographyProps) => JSX.Element, any, {}, never>;
-export declare const StyledDescription: import("styled-components").StyledComponent<({ as, children, variant, style, ...props }: import("..").TypographyProps) => JSX.Element, any, {}, never>;
-export declare const StyledHelpText: import("styled-components").StyledComponent<({ as, children, variant, style, ...props }: import("..").TypographyProps) => JSX.Element, any, {}, never>;
+export declare const StyledTitle: import("styled-components").StyledComponent<({ as, children, variant, style, ...props }: import("..").TypographyProps) => import("react").JSX.Element, any, {}, never>;
+export declare const StyledDescription: import("styled-components").StyledComponent<({ as, children, variant, style, ...props }: import("..").TypographyProps) => import("react").JSX.Element, any, {}, never>;
+export declare const StyledHelpText: import("styled-components").StyledComponent<({ as, children, variant, style, ...props }: import("..").TypographyProps) => import("react").JSX.Element, any, {}, never>;

package/lib/@next/Icon/Icon.d.ts

@@ -1,6 +1,6 @@
-import { SVGProps } from 'react';
+import React, { SVGProps } from 'react';
 import { IconNames } from './icons/icons';
 export interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'name'> {
     name: IconNames;
 }
-export declare const Icon: ({ name, ...props }: IconProps) => JSX.Element;
+export declare const Icon: ({ name, ...props }: IconProps) => React.JSX.Element;

package/lib/@next/Icon/IconStoriesStyles.d.ts

@@ -2,4 +2,4 @@
 import { IconProps } from './Icon';
 export declare const StyledUnorderedList: import("styled-components").StyledComponent<"ul", any, {}, never>;
 export declare const StyledItemList: import("styled-components").StyledComponent<"li", any, {}, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<({ name, ...props }: IconProps) => JSX.Element, any, IconProps, never>;
+export declare const StyledIcon: import("styled-components").StyledComponent<({ name, ...props }: IconProps) => import("react").JSX.Element, any, IconProps, never>;

package/lib/@next/Icon/components/CustomSparklingFill.d.ts

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

package/lib/@next/Icon/components/CustomSparklingLine.d.ts

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

package/lib/@next/Icon/components/RiAccountCircleFill.d.ts

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

package/lib/@next/Icon/components/RiAccountCircleLine.d.ts

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

package/lib/@next/Icon/components/RiAdd.d.ts

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

package/lib/@next/Icon/components/RiAddCircleFill.d.ts

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

package/lib/@next/Icon/components/RiAddCircleLine.d.ts

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

package/lib/@next/Icon/components/RiAlarmWarningFill.d.ts

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

package/lib/@next/Icon/components/RiAlarmWarningLine.d.ts

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

package/lib/@next/Icon/components/RiArrowDownFill.d.ts

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

package/lib/@next/Icon/components/RiArrowDownLine.d.ts

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

package/lib/@next/Icon/components/RiArrowGoBackFill.d.ts

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

package/lib/@next/Icon/components/RiArrowGoBackLine.d.ts

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

package/lib/@next/Icon/components/RiArrowGoForwardFill.d.ts

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

package/lib/@next/Icon/components/RiArrowGoForwardLine.d.ts

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

package/lib/@next/Icon/components/RiArrowLeftFill.d.ts

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

package/lib/@next/Icon/components/RiArrowLeftLine.d.ts

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

package/lib/@next/Icon/components/RiArrowLeftRightFill.d.ts

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

package/lib/@next/Icon/components/RiArrowLeftRightLine.d.ts

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

package/lib/@next/Icon/components/RiArrowMDownFill.d.ts

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

package/lib/@next/Icon/components/RiArrowMDownLine.d.ts

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

package/lib/@next/Icon/components/RiArrowMLeftFill.d.ts

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

package/lib/@next/Icon/components/RiArrowMLeftLine.d.ts

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

package/lib/@next/Icon/components/RiArrowMRightFill.d.ts

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

package/lib/@next/Icon/components/RiArrowMRightLine.d.ts

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

package/lib/@next/Icon/components/RiArrowMUpFill.d.ts

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

package/lib/@next/Icon/components/RiArrowMUpLine.d.ts

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

package/lib/@next/Icon/components/RiArrowRightFill.d.ts

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

package/lib/@next/Icon/components/RiArrowRightLine.d.ts

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

package/lib/@next/Icon/components/RiArrowUpDownFill.d.ts

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

package/lib/@next/Icon/components/RiArrowUpDownLine.d.ts

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

package/lib/@next/Icon/components/RiArrowUpFill.d.ts

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

package/lib/@next/Icon/components/RiArrowUpLine.d.ts

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

package/lib/@next/Icon/components/RiArrowXsDownFill.d.ts

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

package/lib/@next/Icon/components/RiArrowXsUpFill.d.ts

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

package/lib/@next/Icon/components/RiAttachmentFill.d.ts

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

package/lib/@next/Icon/components/RiAttachmentLine.d.ts

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

package/lib/@next/Icon/components/RiBankCardFill.d.ts

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

package/lib/@next/Icon/components/RiBankCardLine.d.ts

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

package/lib/@next/Icon/components/RiBehanceFill.d.ts

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

package/lib/@next/Icon/components/RiBookmarkFill.d.ts

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

package/lib/@next/Icon/components/RiBookmarkLine.d.ts

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

package/lib/@next/Icon/components/RiBoxFill.d.ts

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

package/lib/@next/Icon/components/RiBoxLine.d.ts

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

package/lib/@next/Icon/components/RiBriefcaseFill.d.ts

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

package/lib/@next/Icon/components/RiBriefcaseLine.d.ts

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

package/lib/@next/Icon/components/RiBuildingFill.d.ts

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

package/lib/@next/Icon/components/RiBuildingLine.d.ts

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

package/lib/@next/Icon/components/RiCalendarCheckFill.d.ts

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

package/lib/@next/Icon/components/RiCalendarCheckLine.d.ts

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

package/lib/@next/Icon/components/RiCalendarEventFill.d.ts

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

package/lib/@next/Icon/components/RiCalendarEventLine.d.ts

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

package/lib/@next/Icon/components/RiCalendarFill.d.ts

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

package/lib/@next/Icon/components/RiCalendarLine.d.ts

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

package/lib/@next/Icon/components/RiChatQuoteFill.d.ts

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

package/lib/@next/Icon/components/RiChatQuoteLine.d.ts

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

package/lib/@next/Icon/components/RiCheck.d.ts

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

package/lib/@next/Icon/components/RiCheckDoubleLine.d.ts

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