glints-aries 4.1.7 → 5.0.0-alpha.1

package/es/@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/es/@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/es/@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/es/@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/es/@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/es/@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/es/@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/es/@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/es/@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/es/@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/es/@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/es/@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/es/@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/es/@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/es/@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/es/@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/es/@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/es/@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/es/@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/es/@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/es/@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/es/@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/es/@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/es/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 */

package/es/Display/Modal/Modal.js

@@ -12,17 +12,27 @@ import { ModalContainer, ModalDialog, ModalContentArea, ModalHeader, ModalBody,
 export var Modal = function Modal(_ref) {
   var isVisible = _ref.isVisible,
     title = _ref.title,
-    onClose = _ref.onClose,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? function () {
+      return undefined;
+    } : _ref$onClose,
     children = _ref.children,
     className = _ref.className,
-    hideContentArea = _ref.hideContentArea,
-    centering = _ref.centering,
-    fullscreen = _ref.fullscreen,
-    removeAnimation = _ref.removeAnimation,
+    _ref$hideContentArea = _ref.hideContentArea,
+    hideContentArea = _ref$hideContentArea === void 0 ? false : _ref$hideContentArea,
+    _ref$centering = _ref.centering,
+    centering = _ref$centering === void 0 ? false : _ref$centering,
+    _ref$fullscreen = _ref.fullscreen,
+    fullscreen = _ref$fullscreen === void 0 ? false : _ref$fullscreen,
+    _ref$removeAnimation = _ref.removeAnimation,
+    removeAnimation = _ref$removeAnimation === void 0 ? false : _ref$removeAnimation,
     footer = _ref.footer,
-    size = _ref.size,
-    hideHeader = _ref.hideHeader,
-    keepChildrenMountedOnClose = _ref.keepChildrenMountedOnClose,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'm' : _ref$size,
+    _ref$hideHeader = _ref.hideHeader,
+    hideHeader = _ref$hideHeader === void 0 ? false : _ref$hideHeader,
+    _ref$keepChildrenMoun = _ref.keepChildrenMountedOnClose,
+    keepChildrenMountedOnClose = _ref$keepChildrenMoun === void 0 ? false : _ref$keepChildrenMoun,
     restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   var modalContentAreaRef = useRef(null);
   var modalContainerRef = useRef(null);
@@ -145,16 +155,4 @@ export var Modal = function Modal(_ref) {
     isChildrenInMultiLines: isFooterChildrenInMultiLines
   }, footer))));
 };
-Modal.defaultProps = {
-  onClose: function onClose() {
-    return undefined;
-  },
-  size: 'm',
-  hideContentArea: false,
-  hideHeader: false,
-  removeAnimation: false,
-  centering: false,
-  fullscreen: false,
-  keepChildrenMountedOnClose: false
-};
 export default Modal;

package/es/Display/Popover/Popover.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare const Popover: ({ className, children, content }: Props) => JSX.Element;
+declare const Popover: ({ className, children, content }: Props) => React.JSX.Element;
 export interface Props {
     className?: string;
     children: React.ReactNode;

package/es/Display/Slider/LeftArrow.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare const LeftArrow: (props: Props) => JSX.Element;
+declare const LeftArrow: (props: Props) => React.JSX.Element;
 interface Props {
     index: number;
     previousSlide: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;

package/es/Display/Slider/Slider.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 export declare const Slider: {
-    ({ afterChange, children, autoplay, initialItem, className, fullContent, arrowWhite, removeDots, renderLeftIcon, renderRightIcon, containerRef, }: Props): JSX.Element;
+    ({ afterChange, children, autoplay, initialItem, className, fullContent, arrowWhite, removeDots, renderLeftIcon, renderRightIcon, containerRef, }: Props): React.JSX.Element;
     Item: React.FunctionComponent<import("./SliderItem").Props>;
 };
 export interface Props {

package/es/Display/Slider/Slider.js

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import * as ReactDOM from 'react-dom';
 import { isNil } from 'lodash-es';
 import classNames from 'classnames';
 import { SliderContainer, SliderContentWrapper, NavigationContainer, NavigationItem } from './SliderStyle';
@@ -56,7 +55,7 @@ export var Slider = function Slider(_ref) {
     }
   };
   var getSliderContainerDOMNode = React.useCallback(function () {
-    return ReactDOM.findDOMNode(sliderContainerRef.current);
+    return sliderContainerRef.current;
   }, [sliderContainerRef]);
   var handleDotClick = function handleDotClick(idx) {
     setIndex(idx + 1);
@@ -76,7 +75,7 @@ export var Slider = function Slider(_ref) {
     var childrenCount = React.Children.toArray(children).filter(function (child) {
       return !isNil(child);
     }).length;
-    var windowWidth = getSliderContainerDOMNode().getBoundingClientRect().width;
+    var windowWidth = sliderContainerRef.current.getBoundingClientRect().width;
     setScreenSize(windowWidth);
     if (initialItem !== undefined) {
       if (initialItem > 0 && initialItem <= childrenCount) {
@@ -121,10 +120,10 @@ export var Slider = function Slider(_ref) {
   }, [autoplay, children, index, screenSize, getSliderContainerDOMNode]);
   React.useEffect(function receiveProps() {
     if (initialItem === undefined) return;
-    var windowWidth = getSliderContainerDOMNode().getBoundingClientRect().width;
+    var windowWidth = sliderContainerRef.current.getBoundingClientRect().width;
     setTranslateValue(-(windowWidth * (initialItem - 1)));
     setIndex(initialItem);
-  }, [initialItem, getSliderContainerDOMNode]);
+  }, [initialItem, sliderContainerRef]);
   var childrenCount = React.Children.toArray(children).filter(function (child) {
     return !isNil(child);
   }).length;

package/es/General/Alert/Alert.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare const Alert: ({ isOpen: externalIsVisible, autoClose, onClose: externalOnClose, type, className, message, }: Props) => JSX.Element;
+import * as React from 'react';
+export declare const Alert: ({ isOpen: externalIsVisible, autoClose, onClose: externalOnClose, type, className, message, }: Props) => React.JSX.Element;
 export declare type AlertType = 'success' | 'warning' | 'danger' | 'info';
 export interface Props {
     /** Set Alert's style. */

package/es/General/Brand/Brand.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { BrandContainer } from './BrandStyle';
-declare const Brand: ({ alt, asset, className, rightClickURL, onContextMenu, ...defaultProps }: Props) => JSX.Element;
+declare const Brand: ({ alt, asset, className, rightClickURL, onContextMenu, ...defaultProps }: Props) => React.JSX.Element;
 export declare type Props = React.ComponentPropsWithoutRef<typeof BrandContainer> & {
     /** There are 3 available values for asset props. The first and second one are Glints logo, but you can also custom the logo by parsing url or path of the logo. */
     asset: string;

package/es/General/Button/GhostButton.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
+declare const _default: React.ForwardRefExoticComponent<(Omit<Omit<{
     [x: string]: any;
     [x: number]: any;
     [x: symbol]: any;
@@ -8,16 +8,16 @@ declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
 } & {
     as?: string | React.ComponentType<any>;
     forwardedAs?: string | React.ComponentType<any>;
-}, string | number | symbol> & {
+}, "ref"> & {
     children: React.ReactNode;
     className?: string;
     theme?: string;
     disabled?: boolean;
     block?: boolean;
     small?: boolean;
-    tag?: React.ElementType<any>;
+    tag?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
     isRoundedCorner?: boolean;
-}, string | number | symbol> | Pick<Pick<{
+}, "ref"> | Omit<Omit<{
     [x: string]: any;
     [x: number]: any;
     [x: symbol]: any;
@@ -28,14 +28,14 @@ declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
 } & {
     as?: string | React.ComponentType<any>;
     forwardedAs?: string | React.ComponentType<any>;
-}, string | number | symbol> & {
+}, "ref"> & {
     children: React.ReactNode;
     className?: string;
     theme?: string;
     disabled?: boolean;
     block?: boolean;
     small?: boolean;
-    tag?: React.ElementType<any>;
+    tag?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
     isRoundedCorner?: boolean;
-}, string | number | symbol>) & React.RefAttributes<HTMLButtonElement>>;
+}, "ref">) & React.RefAttributes<HTMLButtonElement>>;
 export default _default;

package/es/General/Button/LinkButton.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
+declare const _default: React.ForwardRefExoticComponent<(Omit<Omit<{
     [x: string]: any;
     [x: number]: any;
     [x: symbol]: any;
@@ -8,12 +8,12 @@ declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
 } & {
     as?: string | React.ComponentType<any>;
     forwardedAs?: string | React.ComponentType<any>;
-}, string | number | symbol> & {
+}, "ref"> & {
     children: React.ReactNode;
     className: string;
     block?: boolean;
-    tag?: React.ElementType<any>;
-}, string | number | symbol> | Pick<Pick<{
+    tag?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
+}, "ref"> | Omit<Omit<{
     [x: string]: any;
     [x: number]: any;
     [x: symbol]: any;
@@ -24,10 +24,10 @@ declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
 } & {
     as?: string | React.ComponentType<any>;
     forwardedAs?: string | React.ComponentType<any>;
-}, string | number | symbol> & {
+}, "ref"> & {
     children: React.ReactNode;
     className: string;
     block?: boolean;
-    tag?: React.ElementType<any>;
-}, string | number | symbol>) & React.RefAttributes<HTMLButtonElement>>;
+    tag?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
+}, "ref">) & React.RefAttributes<HTMLButtonElement>>;
 export default _default;

package/es/General/Button/SolidButton.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
+declare const _default: React.ForwardRefExoticComponent<(Omit<Omit<{
     [x: string]: any;
     [x: number]: any;
     [x: symbol]: any;
@@ -8,16 +8,16 @@ declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
 } & {
     as?: string | React.ComponentType<any>;
     forwardedAs?: string | React.ComponentType<any>;
-}, string | number | symbol> & {
+}, "ref"> & {
     children: React.ReactNode;
     className?: string;
     theme?: string;
     disabled?: boolean;
     block?: boolean;
     small?: boolean;
-    tag?: React.ElementType<any>;
+    tag?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
     isRoundedCorner?: boolean;
-}, string | number | symbol> | Pick<Pick<{
+}, "ref"> | Omit<Omit<{
     [x: string]: any;
     [x: number]: any;
     [x: symbol]: any;
@@ -28,14 +28,14 @@ declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
 } & {
     as?: string | React.ComponentType<any>;
     forwardedAs?: string | React.ComponentType<any>;
-}, string | number | symbol> & {
+}, "ref"> & {
     children: React.ReactNode;
     className?: string;
     theme?: string;
     disabled?: boolean;
     block?: boolean;
     small?: boolean;
-    tag?: React.ElementType<any>;
+    tag?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
     isRoundedCorner?: boolean;
-}, string | number | symbol>) & React.RefAttributes<HTMLButtonElement>>;
+}, "ref">) & React.RefAttributes<HTMLButtonElement>>;
 export default _default;

package/es/General/Button/SolidShadowButton.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
+declare const _default: React.ForwardRefExoticComponent<(Omit<Omit<{
     [x: string]: any;
     [x: number]: any;
     [x: symbol]: any;
@@ -8,15 +8,15 @@ declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
 } & {
     as?: string | React.ComponentType<any>;
     forwardedAs?: string | React.ComponentType<any>;
-}, string | number | symbol> & {
+}, "ref"> & {
     children: React.ReactNode;
     className: string;
     theme?: string;
     disabled?: boolean;
     block?: boolean;
     small?: boolean;
-    tag?: React.ElementType<any>;
-}, string | number | symbol> | Pick<Pick<{
+    tag?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
+}, "ref"> | Omit<Omit<{
     [x: string]: any;
     [x: number]: any;
     [x: symbol]: any;
@@ -27,13 +27,13 @@ declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
 } & {
     as?: string | React.ComponentType<any>;
     forwardedAs?: string | React.ComponentType<any>;
-}, string | number | symbol> & {
+}, "ref"> & {
     children: React.ReactNode;
     className: string;
     theme?: string;
     disabled?: boolean;
     block?: boolean;
     small?: boolean;
-    tag?: React.ElementType<any>;
-}, string | number | symbol>) & React.RefAttributes<HTMLButtonElement>>;
+    tag?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
+}, "ref">) & React.RefAttributes<HTMLButtonElement>>;
 export default _default;

package/es/General/Icon/components/AddCircleOutlineIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const AddCircleOutlineIcon: (props: Partial<Props>) => JSX.Element;
+declare const AddCircleOutlineIcon: (props: Partial<Props>) => React.JSX.Element;
 export default AddCircleOutlineIcon;

package/es/General/Icon/components/AddCircleSolidIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const AddCircleSolidIcon: (props: Partial<Props>) => JSX.Element;
+declare const AddCircleSolidIcon: (props: Partial<Props>) => React.JSX.Element;
 export default AddCircleSolidIcon;

package/es/General/Icon/components/AddIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const AddIcon: (props: Partial<Props>) => JSX.Element;
+declare const AddIcon: (props: Partial<Props>) => React.JSX.Element;
 export default AddIcon;

package/es/General/Icon/components/ArrowBackDoubleIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const ArrowBackDoubleIcon: (props: Partial<Props>) => JSX.Element;
+declare const ArrowBackDoubleIcon: (props: Partial<Props>) => React.JSX.Element;
 export default ArrowBackDoubleIcon;

package/es/General/Icon/components/ArrowBackIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const ArrowBackIcon: (props: Partial<Props>) => JSX.Element;
+declare const ArrowBackIcon: (props: Partial<Props>) => React.JSX.Element;
 export default ArrowBackIcon;

package/es/General/Icon/components/ArrowBackSolidIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const ArrowBackSolidIcon: (props: Partial<Props>) => JSX.Element;
+declare const ArrowBackSolidIcon: (props: Partial<Props>) => React.JSX.Element;
 export default ArrowBackSolidIcon;

package/es/General/Icon/components/ArrowDownCircleOutlineIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { Props } from '../Icon';
-declare const ArrowDownCircleOutlineIcon: (props: Partial<Props>) => JSX.Element;
+declare const ArrowDownCircleOutlineIcon: (props: Partial<Props>) => React.JSX.Element;
 export default ArrowDownCircleOutlineIcon;