glints-aries 4.1.7 → 5.0.0-alpha.1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -5,9 +5,9 @@ declare type IndexTableProps = Omit<PolarisIndexTableProps, 'emptySearchTitle'>
     selectableItemsCount?: number;
 };
 declare const IndexTable: {
-    ({ bulkActions, children, height, itemCount, selectedItemsCount, loading, emptyState, selectableItemsCount, ...props }: IndexTableProps): JSX.Element;
+    ({ bulkActions, children, height, itemCount, selectedItemsCount, loading, emptyState, selectableItemsCount, ...props }: IndexTableProps): React.JSX.Element;
     Cell: React.NamedExoticComponent<import("polaris-glints/build/ts/latest/src/components/IndexTable").CellProps>;
-    Row: ({ children, ...props }: import("polaris-glints").RowProps) => JSX.Element;
+    Row: ({ children, ...props }: import("polaris-glints").RowProps) => React.JSX.Element;
 };
 export { useIndexResourceState } from 'polaris-glints';
 export type { IndexTableProps };

package/lib/@next/IndexTable/components/Checkbox/Checkbox.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const MemoizedCheckbox: React.MemoExoticComponent<() => JSX.Element>;
+export declare const MemoizedCheckbox: React.MemoExoticComponent<() => React.JSX.Element>;

package/lib/@next/IndexTable/components/LoadingState/LoadingState.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 interface LoadingStateProps {
     colSpan: number;
     label?: string;
 }
-export declare const LoadingState: ({ colSpan, label }: LoadingStateProps) => JSX.Element;
+export declare const LoadingState: ({ colSpan, label }: LoadingStateProps) => React.JSX.Element;
 export {};

package/lib/@next/IndexTable/components/Row/Row.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { RowProps } from 'polaris-glints';
-export declare const Row: ({ children, ...props }: RowProps) => JSX.Element;
+export declare const Row: ({ children, ...props }: RowProps) => React.JSX.Element;

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

@@ -2,4 +2,4 @@ import React from 'react';
 export interface InlineErrorProps extends React.HTMLAttributes<HTMLDivElement> {
     text: string;
 }
-export declare const InlineError: ({ text, ...props }: InlineErrorProps) => JSX.Element;
+export declare const InlineError: ({ text, ...props }: InlineErrorProps) => React.JSX.Element;

package/lib/@next/InlineError/InlineErrorStyle.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 export declare const StyledWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledText: import("styled-components").StyledComponent<({ as, children, variant, style, ...props }: import("..").TypographyProps) => JSX.Element, any, {}, never>;
+export declare const StyledText: import("styled-components").StyledComponent<({ as, children, variant, style, ...props }: import("..").TypographyProps) => import("react").JSX.Element, any, {}, never>;

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

@@ -7,4 +7,4 @@ export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>
     monochrome?: boolean;
     removeUnderline?: boolean;
 }
-export declare const Link: ({ children, external, monochrome, removeUnderline, url, ...props }: LinkProps) => JSX.Element;
+export declare const Link: ({ children, external, monochrome, removeUnderline, url, ...props }: LinkProps) => React.JSX.Element;

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

@@ -22,4 +22,4 @@ export interface MenuProps {
     allowMultiple?: boolean;
     sections?: Section[];
 }
-export declare const Menu: ({ allowMultiple, id, onClick, options, sections, selectedValues, title, }: MenuProps) => JSX.Element;
+export declare const Menu: ({ allowMultiple, id, onClick, options, sections, selectedValues, title, }: MenuProps) => React.JSX.Element;

package/lib/@next/Menu/components/MenuOption.d.ts

@@ -9,4 +9,4 @@ export interface MenuOptionProps extends Omit<React.LiHTMLAttributes<HTMLLIEleme
     }): void;
     allowMultiple?: boolean;
 }
-export declare const MenuOption: ({ children, disabled, isSelected, onClick, value, allowMultiple, }: MenuOptionProps) => JSX.Element;
+export declare const MenuOption: ({ children, disabled, isSelected, onClick, value, allowMultiple, }: MenuOptionProps) => React.JSX.Element;

package/lib/@next/Menu/components/MenuOptionCheckbox.d.ts

@@ -3,4 +3,4 @@ export declare const MenuOptionCheckbox: ({ disabled, isSelected, label, }: {
     disabled: boolean;
     isSelected: boolean;
     label: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/lib/@next/Menu/components/MenuOptionLabel.d.ts

@@ -3,5 +3,5 @@ interface MenuOptionLabelProps {
     label: React.ReactNode;
     sublabel?: React.ReactNode;
 }
-export declare const MenuOptionLabel: ({ label, sublabel }: MenuOptionLabelProps) => JSX.Element;
+export declare const MenuOptionLabel: ({ label, sublabel }: MenuOptionLabelProps) => React.JSX.Element;
 export {};

package/lib/@next/Menu/menuStoryHelper/PopoverMenu.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { MenuProps } from '../Menu';
 interface PopoverMenuProps extends MenuProps {
     activatorLabel?: string;
 }
-export declare const PopoverMenu: ({ activatorLabel, allowMultiple, ...props }: PopoverMenuProps) => JSX.Element;
+export declare const PopoverMenu: ({ activatorLabel, allowMultiple, ...props }: PopoverMenuProps) => React.JSX.Element;
 export {};

package/lib/@next/Modal/ModalProvider.d.ts

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

package/lib/@next/Modal/ModalWithProvider.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const ModalWithProvider: () => JSX.Element;
+import React from 'react';
+export declare const ModalWithProvider: () => React.JSX.Element;

package/lib/@next/Pagination/PageButton.d.ts

@@ -5,4 +5,4 @@ export interface PageButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLBut
     active?: boolean;
     onClick?: (page: number) => void;
 }
-export declare const PageButton: ({ value, active, children, onClick, ...props }: PageButtonProps) => JSX.Element;
+export declare const PageButton: ({ value, active, children, onClick, ...props }: PageButtonProps) => React.JSX.Element;

package/lib/@next/Pagination/PaginationStyle.d.ts

@@ -7,5 +7,5 @@ export declare const StyledPageButton: import("styled-components").StyledCompone
 export declare const StyledSimplePaginationButton: import("styled-components").StyledComponent<"button", any, PageButtonProps, never>;
 export declare const StyledBorderPaginationButton: import("styled-components").StyledComponent<"button", any, PageButtonProps, never>;
 export declare const StyledLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledActiveSimplePaginationButton: import("styled-components").StyledComponent<(props: PageButtonProps) => JSX.Element, any, {}, never>;
+export declare const StyledActiveSimplePaginationButton: import("styled-components").StyledComponent<(props: PageButtonProps) => React.JSX.Element, any, {}, never>;
 export declare const StyledSimplePaginationInput: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("../NumberInput").NumberInputProps & React.RefAttributes<HTMLInputElement>>, any, {}, never>;

package/lib/@next/Pagination/Stepper.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { PageButtonProps } from './PageButton';
-export declare const PreviousStepper: (props: Partial<PageButtonProps>) => JSX.Element;
-export declare const NextStepper: (props: Partial<PageButtonProps>) => JSX.Element;
+export declare const PreviousStepper: (props: Partial<PageButtonProps>) => React.JSX.Element;
+export declare const NextStepper: (props: Partial<PageButtonProps>) => React.JSX.Element;

package/lib/@next/Popover/popoverStoryHelper/CheckboxGroup.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 declare type Props = {
     country: string;
     cities: string[];
     onChanged: (action: 'Add' | 'Remove', cities: string[]) => void;
 };
-export declare const CheckboxGroup: ({ country, cities, onChanged }: Props) => JSX.Element;
+export declare const CheckboxGroup: ({ country, cities, onChanged }: Props) => React.JSX.Element;
 export {};

package/lib/@next/Popover/popoverStoryHelper/SalarySelector.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 declare type Props = {
     onFromChanged: (amount: number) => void;
     onToChanged: (amount: number) => void;
 };
-export declare const SalarySelector: ({ onFromChanged, onToChanged }: Props) => JSX.Element;
+export declare const SalarySelector: ({ onFromChanged, onToChanged }: Props) => React.JSX.Element;
 export {};

package/lib/@next/RadioButton/RadioButton.stories.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { Meta } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Interactive: any;
-export declare const ControlledRadioButton: () => JSX.Element;
+export declare const ControlledRadioButton: () => React.JSX.Element;

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

@@ -53,5 +53,5 @@ export interface SelectProps {
     /** sets z-index override for option list dropdown. z-index default to 400 */
     zIndexOverride?: number;
 }
-export declare const Select: ({ allowMultiple, customActivatorIcon, disabled, hasError, helpText, label, listHeight, loadingOptions, name, onBlur, onClose, onFocus, onRemoveTag, onSelect, onSelectClick, optionListFitContent, options, placeholder, prefix, searchable, searchableProps, optionsPlaceholderProps, showPopoverOnFocus, scrollable, sections, selectedValues, width, zIndexOverride, }: SelectProps) => JSX.Element;
+export declare const Select: ({ allowMultiple, customActivatorIcon, disabled, hasError, helpText, label, listHeight, loadingOptions, name, onBlur, onClose, onFocus, onRemoveTag, onSelect, onSelectClick, optionListFitContent, options, placeholder, prefix, searchable, searchableProps, optionsPlaceholderProps, showPopoverOnFocus, scrollable, sections, selectedValues, width, zIndexOverride, }: SelectProps) => React.JSX.Element;
 export {};

package/lib/@next/Select/components/Activator/ActivatorSelect.d.ts

@@ -15,4 +15,4 @@ export interface ActivatorSelectProps extends Omit<React.ButtonHTMLAttributes<HT
     options?: Option[];
     width?: string;
 }
-export declare const ActivatorSelect: ({ customActivatorIcon, placeholder, selectedValues, onClick, onRemoveTag, width, allowMultiple, disabled, onSelectClick, hasError, options, prefix, ...props }: ActivatorSelectProps) => JSX.Element;
+export declare const ActivatorSelect: ({ customActivatorIcon, placeholder, selectedValues, onClick, onRemoveTag, width, allowMultiple, disabled, onSelectClick, hasError, options, prefix, ...props }: ActivatorSelectProps) => React.JSX.Element;

package/lib/@next/Select/components/Activator/ActivatorStyle.d.ts

@@ -7,7 +7,7 @@ export declare const StyledTextInput: import("styled-components").StyledComponen
     canClear?: boolean;
     onChange?: (value: string) => void;
 } & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
-export declare const StyledSelectTypography: import("styled-components").StyledComponent<({ as, children, variant, style, ...props }: import("../../../Typography").TypographyProps) => JSX.Element, any, {}, never>;
+export declare const StyledSelectTypography: import("styled-components").StyledComponent<({ as, children, variant, style, ...props }: import("../../../Typography").TypographyProps) => import("react").JSX.Element, any, {}, never>;
 export declare const WithPrefixContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledPrefixContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<({ name, ...props }: import("../../../Icon").IconProps) => JSX.Element, any, {}, never>;
+export declare const StyledIcon: import("styled-components").StyledComponent<({ name, ...props }: import("../../../Icon").IconProps) => import("react").JSX.Element, any, {}, never>;

package/lib/@next/Select/components/Activator/ActivatorTextInput.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Option } from '../../../Menu';
 import { TextInputProps } from '../../../TextInput';
 import { SearchableSelectState } from '../SearchableSelectInput/SearchableSelectInput';
@@ -19,4 +19,4 @@ export interface ActivatorTextInputProps extends Omit<TextInputProps, 'onChange'
     options?: Option[];
     updateMenuOptions?: (newState: Option[]) => void;
 }
-export declare const ActivatorTextInput: ({ allowMultiple, disabled, hasError, onChange, onBlur, onFocus, onSelect, prefix, selectedValues, width, inputValue, updateInputValue, options, updateMenuOptions, ...props }: ActivatorTextInputProps) => JSX.Element;
+export declare const ActivatorTextInput: ({ allowMultiple, disabled, hasError, onChange, onBlur, onFocus, onSelect, prefix, selectedValues, width, inputValue, updateInputValue, options, updateMenuOptions, ...props }: ActivatorTextInputProps) => React.JSX.Element;

package/lib/@next/Select/components/Label/Label.d.ts

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

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

@@ -12,9 +12,9 @@ export interface OptionListProps extends MenuProps {
     updateSearchableSelectState?: (newState: SearchableSelectState) => void;
     menuOptions?: Option[];
 }
-export declare const MenuOptionLoading: () => JSX.Element;
+export declare const MenuOptionLoading: () => React.JSX.Element;
 export interface NoOptionListProps {
     noOptionsMessage?: React.ReactNode;
 }
-export declare const NoOptionList: ({ noOptionsMessage, }: NoOptionListProps) => JSX.Element;
-export declare const OptionList: ({ allowMultiple, loading, noOptionsMessage, onMenuClose, onSelect, sections, selectedValues, title, updateSearchableSelectState, width, menuOptions, }: OptionListProps) => JSX.Element;
+export declare const NoOptionList: ({ noOptionsMessage, }: NoOptionListProps) => React.JSX.Element;
+export declare const OptionList: ({ allowMultiple, loading, noOptionsMessage, onMenuClose, onSelect, sections, selectedValues, title, updateSearchableSelectState, width, menuOptions, }: OptionListProps) => React.JSX.Element;

package/lib/@next/Select/components/SearchableSelectInput/ClearSelected.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface ClearSelectedProps {
     onSelect?({ value }: {
         value: string;
@@ -6,4 +6,4 @@ export interface ClearSelectedProps {
     handleClearIconClick?: () => void;
     updateInputValue?(newValue: string): void;
 }
-export declare const ClearSelected: ({ onSelect, handleClearIconClick, updateInputValue, }: ClearSelectedProps) => JSX.Element;
+export declare const ClearSelected: ({ onSelect, handleClearIconClick, updateInputValue, }: ClearSelectedProps) => React.JSX.Element;

package/lib/@next/Select/selectStoryHelper/NonSearchableMultiSelect.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { SelectProps } from '../Select';
-export declare const NonSearchableMultiSelect: ({ options, disabled, ...args }: SelectProps) => JSX.Element;
+export declare const NonSearchableMultiSelect: ({ options, disabled, ...args }: SelectProps) => React.JSX.Element;

package/lib/@next/Select/selectStoryHelper/NonSearchableSingleSelect.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { SelectProps } from '../Select';
-export declare const SingleSelect: ({ options, allowMultiple, disabled, ...args }: SelectProps) => JSX.Element;
+export declare const SingleSelect: ({ options, allowMultiple, disabled, ...args }: SelectProps) => React.JSX.Element;

package/lib/@next/Select/selectStoryHelper/Searchable.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { Option } from '../../Menu';
 interface SearchableProps {
     data?: Option[];
 }
-export declare const SearchableSelect: ({ data, ...args }: SearchableProps) => JSX.Element;
+export declare const SearchableSelect: ({ data, ...args }: SearchableProps) => React.JSX.Element;
 export {};

package/lib/@next/Select/selectStoryHelper/SearchableSingleSelect.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 import { Option } from '../../Menu';
 interface SearchableSingleSelectProps {
     data?: Option[];
 }
-export declare const SearchableSingle: ({ data, ...args }: SearchableSingleSelectProps) => JSX.Element;
-export declare const SearchableSingleWithInputState: ({ data, ...args }: SearchableSingleSelectProps) => JSX.Element;
-export declare const SearchableSingleWithInitialValue: ({ data, ...args }: SearchableSingleSelectProps) => JSX.Element;
-export declare const AsyncSearchableSingleWithInputState: ({ data, ...args }: SearchableSingleSelectProps) => JSX.Element;
+export declare const SearchableSingle: ({ data, ...args }: SearchableSingleSelectProps) => React.JSX.Element;
+export declare const SearchableSingleWithInputState: ({ data, ...args }: SearchableSingleSelectProps) => React.JSX.Element;
+export declare const SearchableSingleWithInitialValue: ({ data, ...args }: SearchableSingleSelectProps) => React.JSX.Element;
+export declare const AsyncSearchableSingleWithInputState: ({ data, ...args }: SearchableSingleSelectProps) => React.JSX.Element;
 export {};

package/lib/@next/Skeleton/components/SkeletonImage/SkeletonImageCircle.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 export interface SkeletonImageCircleProps {
     /** Sets the height and width. Default is 48px */
     size?: string;
 }
-export declare const SkeletonImageCircle: ({ size, }: SkeletonImageCircleProps) => JSX.Element;
+export declare const SkeletonImageCircle: ({ size, }: SkeletonImageCircleProps) => React.JSX.Element;

package/lib/@next/Skeleton/components/SkeletonImage/SkeletonImageSquare.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 export interface SkeletonImageSquareProps {
     height: string;
     width: string;
 }
-export declare const SkeletonImageSquare: ({ height, width, }: SkeletonImageSquareProps) => JSX.Element;
+export declare const SkeletonImageSquare: ({ height, width, }: SkeletonImageSquareProps) => React.JSX.Element;

package/lib/@next/Skeleton/components/SkeletonText/SkeletonText.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Variant as TypographyVariant } from '../../../Typography';
 declare type Row = {
     width?: string;
@@ -8,5 +8,5 @@ export interface SkeletonTextProps {
     className?: string;
     rows?: number | Row[];
 }
-export declare const SkeletonText: ({ className, rows }: SkeletonTextProps) => JSX.Element;
+export declare const SkeletonText: ({ className, rows }: SkeletonTextProps) => React.JSX.Element;
 export {};

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconProps } from '../Icon';
 export declare type Size = 'small' | 'large';
 export declare type SpinnerProps = Omit<IconProps, 'name'> & {
     label?: string;
     size?: Size;
 };
-export declare const Spinner: ({ label, size, ...props }: SpinnerProps) => JSX.Element;
+export declare const Spinner: ({ label, size, ...props }: SpinnerProps) => React.JSX.Element;

package/lib/@next/Spinner/SpinnerStyle.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 export declare const StyledWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Label: import("styled-components").StyledComponent<({ as, children, variant, style, ...props }: import("../Typography").TypographyProps) => JSX.Element, any, {}, never>;
+export declare const Label: import("styled-components").StyledComponent<({ as, children, variant, style, ...props }: import("../Typography").TypographyProps) => import("react").JSX.Element, any, {}, never>;

package/lib/@next/Switch/SwitchStyle.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const SwitchTextStyle: import("styled-components").StyledComponent<({ as, children, variant, style, ...props }: import("..").TypographyProps) => JSX.Element, any, {}, never>;
+export declare const SwitchTextStyle: import("styled-components").StyledComponent<({ as, children, variant, style, ...props }: import("..").TypographyProps) => import("react").JSX.Element, any, {}, never>;
 export declare const SwitchStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const InputStyle: import("styled-components").StyledComponent<"input", any, {
     backgroundColor: string;

package/lib/@next/Tabs/Tab.d.ts

@@ -6,4 +6,4 @@ export declare type TabProps = {
     disabled?: boolean;
     onSelect: () => void;
 };
-export declare const Tab: ({ content, id, selected, disabled, onSelect, }: TabProps) => JSX.Element;
+export declare const Tab: ({ content, id, selected, disabled, onSelect, }: TabProps) => React.JSX.Element;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const allPositions: readonly ["top-center", "top-left", "top-right", "bottom-center", "bottom-left", "bottom-right", "right-middle", "right-top", "right-bottom", "left-middle", "left-top", "left-bottom"];
 export declare type TooltipPosition = (typeof allPositions)[number];
-export interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface TooltipProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content'> {
     preferredPosition?: TooltipPosition;
     children: React.ReactNode;
     content: React.ReactNode;
@@ -13,5 +13,5 @@ export interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {
     /** if clickable it true, onClick will be called when tooltip is clicked */
     onClick?: () => void;
 }
-export declare const Tooltip: ({ children, content, preferredPosition, zIndex, clickable, timeout, onClick, ...props }: TooltipProps) => JSX.Element;
+export declare const Tooltip: ({ children, content, preferredPosition, zIndex, clickable, timeout, onClick, ...props }: TooltipProps) => React.JSX.Element;
 export {};

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

@@ -12,5 +12,5 @@ export interface TypographyProps {
     variant?: Variant;
     style?: React.CSSProperties;
 }
-export declare const Typography: ({ as, children, variant, style, ...props }: TypographyProps) => JSX.Element;
+export declare const Typography: ({ as, children, variant, style, ...props }: TypographyProps) => React.JSX.Element;
 export {};

package/lib/Display/Gallery/Gallery.d.ts

@@ -6,7 +6,7 @@ export declare const imageSizeMapping: {
     regular: string;
     large: string;
 };
-declare const Gallery: ({ initialVisibility, children, imagesDisplayed, imageSize, }: GalleryProps) => JSX.Element;
+declare const Gallery: ({ initialVisibility, children, imagesDisplayed, imageSize, }: GalleryProps) => React.JSX.Element;
 export interface GalleryProps {
     children?: React.ReactNode;
     /** How many thumbnails the (unopened) gallery should show */