@tecsinapse/react-web-kit 3.5.0 → 3.5.1-beta.1

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

@@ -5,5 +5,5 @@ export interface DropdownProps {
     onClickAway?: () => void;
 }
 export declare const Dropdown: React.FC<DropdownProps & {
-    children: JSX.Element;
+    children?: React.ReactNode;
 }>;

package/dist/types/components/atoms/Dropdown/styled.d.ts

@@ -1,4 +1,4 @@
 export declare const StyledContainerDropdown: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;

package/dist/types/components/atoms/Modal/styled.d.ts

@@ -1,4 +1,4 @@
 export declare const ModalContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;

package/dist/types/components/atoms/Overlay/Overlay.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { ZIndex } from '@tecsinapse/react-core';
 export interface OverlayProps {
     timeout?: number;
@@ -7,5 +7,5 @@ export interface OverlayProps {
     zIndex: keyof ZIndex;
     children?: ReactNode;
 }
-declare const Overlay: ({ timeout, open, onClose, zIndex, children, }: OverlayProps) => JSX.Element;
+declare const Overlay: ({ timeout, open, onClose, zIndex, children, }: OverlayProps) => React.ReactElement;
 export default Overlay;

package/dist/types/components/atoms/Overlay/styled.d.ts

@@ -6,5 +6,5 @@ type InjectedProps = {
 export declare const StyledOverlay: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & InjectedProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & InjectedProps, JSX.IntrinsicElements, {}>;
 export {};

package/dist/types/components/atoms/Skeleton/styled.d.ts

@@ -2,4 +2,4 @@ import { SkeletonProps } from './Skeleton';
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps & SkeletonProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps & SkeletonProps>, JSX.IntrinsicElements, {}>;

package/dist/types/components/atoms/Switch/styled.d.ts

@@ -1,8 +1,8 @@
 export declare const StyledSwitchContent: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;
 export declare const StyledSwitch: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;

package/dist/types/components/atoms/Table/Cell/styled.d.ts

@@ -1,4 +1,4 @@
 export declare const TCell: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;

package/dist/types/components/atoms/Table/Container/styled.d.ts

@@ -1,4 +1,4 @@
 export declare const TContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;

package/dist/types/components/atoms/Table/Footer/styled.d.ts

@@ -1,4 +1,4 @@
 export declare const TFooter: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {}>;
+}, JSX.IntrinsicElements, {}>;

package/dist/types/components/atoms/Table/Header/styled.d.ts

@@ -1,12 +1,12 @@
 export declare const ThStyled: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;
 export declare const THeadStyled: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;
 export declare const HeaderBackground: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;

package/dist/types/components/atoms/Table/Row/styled.d.ts

@@ -1,4 +1,4 @@
 export declare const TRow: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;

package/dist/types/components/atoms/Table/Toolbar/styled.d.ts

@@ -1,4 +1,4 @@
 export declare const TableToolbarStyled: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, JSX.IntrinsicElements, {}>;

package/dist/types/components/atoms/Table/styled.d.ts

@@ -1,4 +1,4 @@
 export declare const TableStyled: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;

package/dist/types/components/atoms/Tooltip/styled.d.ts

@@ -7,11 +7,11 @@ type InjectedProps = {
 export declare const TooltipSpan: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & InjectedProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & InjectedProps, JSX.IntrinsicElements, {}>;
 export declare const Container: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     position?: Position;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, JSX.IntrinsicElements, {}>;
 export {};

package/dist/types/components/molecules/Breadcrumbs/BreadcrumbItem/styled.d.ts

@@ -1,8 +1,8 @@
 export declare const StyledContainerItem: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;
 export declare const StyledContainerIcon: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;

package/dist/types/components/molecules/Breadcrumbs/styled.d.ts

@@ -1,4 +1,4 @@
 export declare const StyledContainerBreadcrumbs: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;

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

@@ -1,6 +1,7 @@
 import { DatePickerProps, SelectionType } from '@tecsinapse/react-core';
+import React from 'react';
 export type WebDatePickerProps<T extends SelectionType> = Omit<DatePickerProps<T>, 'CalendarComponent' | 'renderCalendar' | 'requestCloseCalendar' | 'requestShowCalendar'> & {
     callbackAfterValidated?: (valid: boolean, message?: string) => void;
     invalidDateLabel?: string;
 };
-export declare const DatePicker: <T extends SelectionType>({ value, type, locale, onChange, callbackAfterValidated, placeholder, disabled, label, invalidDateLabel, ...rest }: WebDatePickerProps<T>) => JSX.Element;
+export declare const DatePicker: <T extends SelectionType>({ value, type, locale, onChange, callbackAfterValidated, placeholder, disabled, label, invalidDateLabel, ...rest }: WebDatePickerProps<T>) => React.ReactElement;

package/dist/types/components/molecules/DatePicker/Modal.d.ts

@@ -1,5 +1,6 @@
 import { CalendarProps, SelectionType } from '@tecsinapse/react-core';
+import * as React from 'react';
 import { ModalProps } from 'react-native';
 export declare const Modal: <T extends SelectionType>({ onRequestClose, children, ...modalProps }: CalendarProps<T> & ModalProps & {
-    children: JSX.Element;
-}) => JSX.Element;
+    children: React.ReactElement | React.ReactNode;
+}) => React.ReactElement;

package/dist/types/components/molecules/DateTimePickerSelector/components/MemoizedTimeCard.d.ts

@@ -6,5 +6,5 @@ interface MemoizedTimeCardProps {
     onPress: () => void;
     TextComponent: React.FC<TextProps>;
 }
-declare const MemoizedTimeCard: React.MemoExoticComponent<({ time, isSelected, onPress, TextComponent, }: MemoizedTimeCardProps) => JSX.Element>;
+declare const MemoizedTimeCard: React.MemoExoticComponent<({ time, isSelected, onPress, TextComponent, }: MemoizedTimeCardProps) => React.ReactElement>;
 export default MemoizedTimeCard;

package/dist/types/components/molecules/Drawer/styled.d.ts

@@ -2,4 +2,4 @@ import { DrawerProps } from './Drawer';
 export declare const StyledContainerDrawer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & DrawerProps & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & DrawerProps & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import { IGrid } from '@tecsinapse/react-core';
 export type IGridWeb = IGrid & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
-declare const Grid: ({ children, columns, layout, style, spacing, ...rest }: IGridWeb) => JSX.Element;
+declare const Grid: ({ children, columns, layout, style, spacing, ...rest }: IGridWeb) => React.ReactElement;
 export default Grid;

package/dist/types/components/molecules/Grid/Item/Item.d.ts

@@ -5,5 +5,5 @@ export interface IGridItemWeb extends Omit<IGridItem, 'span'>, Omit<React.HTMLAt
     span: number | Span;
     flexBasis?: string | 'content' | 'auto' | 'max-content' | 'min-content' | 'fit-content';
 }
-declare const GridItem: ({ children, span: _span, columns, loadingComponent, loading, spacing: _spacing, wrapper, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, justifyContent, flexBasis, style, ...rest }: IGridItemWeb) => JSX.Element;
+declare const GridItem: ({ children, span: _span, columns, loadingComponent, loading, spacing: _spacing, wrapper, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, justifyContent, flexBasis, style, ...rest }: IGridItemWeb) => React.ReactElement;
 export default GridItem;

package/dist/types/components/molecules/LabeledSwitch/styled.d.ts

@@ -2,7 +2,7 @@ import { LabelPositionOptions } from '@tecsinapse/react-core';
 export declare const StyledDiv: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, JSX.IntrinsicElements, {}>;
 export declare const StyledLabel: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").TextProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

package/dist/types/components/molecules/Masonry/Masonry.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { SpacingType } from '@tecsinapse/react-core';
 export interface MasonryProps {
     columns: number;
@@ -6,5 +6,5 @@ export interface MasonryProps {
     spacingTop: SpacingType;
     children?: ReactNode;
 }
-declare const Masonry: ({ children, columns, spacingTop, spacingLeft, }: MasonryProps) => JSX.Element;
+declare const Masonry: ({ children, columns, spacingTop, spacingLeft, }: MasonryProps) => React.ReactElement;
 export default Masonry;

package/dist/types/components/molecules/Masonry/styled.d.ts

@@ -4,14 +4,14 @@ export declare const StyledColumnItem: import("@emotion/styled").StyledComponent
     as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & {
     index: number;
-} & Partial<MasonryProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<MasonryProps>, JSX.IntrinsicElements, {}>;
 export declare const StyledMasonry: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, JSX.IntrinsicElements, {}>;
 export declare const StyledRowItem: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & {
     index: number;
-} & Partial<MasonryProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<MasonryProps>, JSX.IntrinsicElements, {}>;

package/dist/types/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.d.ts

@@ -1,8 +1,8 @@
 export declare const StyledContainerItem: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;
 export declare const DummyBorder: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;

package/dist/types/components/molecules/Menubar/MenuBlock/MenuItem/styled.d.ts

@@ -1,8 +1,8 @@
 export declare const StyledContainerItemText: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;
 export declare const StyledSubButton: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;

package/dist/types/components/molecules/Menubar/MenuBlock/styled.d.ts

@@ -1,20 +1,20 @@
 export declare const StyledLeftComponent: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;
 export declare const StyledRightComponent: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;
 export declare const StyledContainerMenu: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;
 export declare const StyledContainerItems: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;
 export declare const StyledText: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;

package/dist/types/components/molecules/Menubar/MostUsed/styled.d.ts

@@ -1,7 +1,7 @@
 export declare const StyledCardContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;
 export declare const StyledCard: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").CardProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

package/dist/types/components/molecules/Menubar/SearchResultItem/styled.d.ts

@@ -1,7 +1,7 @@
 export declare const StyledSearchItemContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;
 export declare const HighlightText: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").TextProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

package/dist/types/components/molecules/Menubar/styled.d.ts

@@ -1,11 +1,11 @@
 export declare const StyledIconInput: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;
 export declare const StyledMenuBar: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;
 export declare const StyledMenuButton: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").ButtonProps & {
     onMouseOver?: () => void;
     onMouseOut?: () => void;
@@ -18,7 +18,7 @@ export declare const StyledMenuButton: import("@emotion/native").StyledComponent
 export declare const StyledContainerOpenMenu: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;
 export declare const StyledInput: import("@emotion/native").StyledComponent<Omit<import("../../atoms/Input").InputWebProps, "ref"> & import("react").RefAttributes<HTMLInputElement> & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
@@ -26,12 +26,12 @@ export declare const StyledInput: import("@emotion/native").StyledComponent<Omit
 export declare const StyledInputContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, JSX.IntrinsicElements, {}>;
 export declare const StyledSearchResultsContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, JSX.IntrinsicElements, {}>;
 export declare const StyledSearchTextContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;

package/dist/types/components/molecules/ScrollableMonthYearPicker/styled.d.ts

@@ -1,8 +1,8 @@
 export declare const DivStyledColumn: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, JSX.IntrinsicElements, {}>;
 export declare const DivStyledRow: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, JSX.IntrinsicElements, {}>;

package/dist/types/components/molecules/ScrollableTimePicker/styled.d.ts

@@ -1,8 +1,8 @@
 export declare const DivStyledColumn: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, JSX.IntrinsicElements, {}>;
 export declare const DivStyledRow: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, JSX.IntrinsicElements, {}>;

package/dist/types/components/molecules/Select/Dropdown/Dropdown.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { SelectProps } from '../Select';
 declare const Component: <Data, Type extends "single" | "multi">({ options, onSearch, type, hideSearchBar, onSelect, value, keyExtractor, labelExtractor, setDropDownVisible, style, anchor, selectAllLabel, searchBarPlaceholder, }: SelectProps<Data, Type> & {
     setDropDownVisible: (t: boolean) => void;
-}, ref: React.ForwardedRef<HTMLDivElement>) => JSX.Element;
+}, ref: React.ForwardedRef<HTMLDivElement>) => React.ReactElement;
 declare const Dropdown: <Data, Type extends "single" | "multi">(props: SelectProps<Data, Type> & {
     setDropDownVisible: (t: boolean) => void;
 } & {

package/dist/types/components/molecules/Select/Dropdown/components/SearchInput.d.ts

@@ -4,5 +4,5 @@ declare const _default: React.MemoExoticComponent<({ fullWidth, searchArg, onCha
     searchArg: any;
     onChange: any;
     placeholder: any;
-}) => React.JSX.Element>;
+}) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/types/components/molecules/Select/Dropdown/styled.d.ts

@@ -4,32 +4,27 @@ export declare const StyledContainerDropdown: import("@emotion/styled").StyledCo
     as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps & SelectProps<unknown, "single" | "multi"> & {
     lengthOptions: number;
-}>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}>, JSX.IntrinsicElements, {}>;
 export declare const OptionsContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps & SelectProps<unknown, "single" | "multi"> & {
     lengthOptions: number;
-}>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}>, JSX.IntrinsicElements, {}>;
 export declare const SearchBarContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;
 export declare const PaddedContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledContainerCheckAll: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;
+export declare const StyledContainerCheckAll: import("@emotion/styled").StyledComponent<any, {}, {}>;
 export declare const StyledSpan: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;
 export declare const StyledContainerTextLabel: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;

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

@@ -20,7 +20,7 @@ export interface SelectProps<Data, Type extends 'single' | 'multi'> extends Omit
     multiLabels?: MultiLabels;
     variant?: InputVariantType;
     hint?: string;
-    hintComponent?: JSX.Element;
+    hintComponent?: React.ReactNode;
 }
-declare const Select: <Data, Type extends "single" | "multi">({ value, options, keyExtractor, onSelect, type, labelExtractor, placeholder, onSearch, searchBarPlaceholder, hideSearchBar, label, disabled, anchor, displayTextProps, selectAllLabel, multiLabels, variant, hint, hintComponent, ...rest }: SelectProps<Data, Type>) => JSX.Element;
+declare const Select: <Data, Type extends "single" | "multi">({ value, options, keyExtractor, onSelect, type, labelExtractor, placeholder, onSearch, searchBarPlaceholder, hideSearchBar, label, disabled, anchor, displayTextProps, selectAllLabel, multiLabels, variant, hint, hintComponent, ...rest }: SelectProps<Data, Type>) => React.ReactElement;
 export default Select;

package/dist/types/components/molecules/Select/SelectItem/SelectItem.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 interface SelectItemProps<Data, Type extends 'single' | 'multi'> {
     item: Data;
     type: Type;
@@ -12,6 +13,6 @@ declare const SelectItem: <Data, Type extends "single" | "multi">({ item, onSele
     checkedAll: boolean;
     setCheckedAll: (t: boolean) => void;
     lenghtOptions: number;
-}) => JSX.Element;
+}) => React.ReactElement;
 declare const _default: typeof SelectItem;
 export default _default;

package/dist/types/components/molecules/Select/SelectItem/styled.d.ts

@@ -1,14 +1,14 @@
 export declare const ContainerItemSelect: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;
 export declare const StyledSpan: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & {
     singleHighligh: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+}, JSX.IntrinsicElements, {}>;
 export declare const StyledContainerTextLabel: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;

package/dist/types/components/molecules/Select/styled.d.ts

@@ -1,15 +1,15 @@
 export declare const StyledContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;
 export declare const StyledInputContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;
 export declare const StyledHintContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, JSX.IntrinsicElements, {}>;
 export declare const StyledIconComponent: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").IconProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

package/dist/types/components/organisms/DataGrid/DataGrid.d.ts

@@ -25,5 +25,5 @@ export interface DataGridProps<Data> extends React.HTMLAttributes<HTMLDivElement
     emptyPlaceholder?: React.ReactNode;
     exportComponent?: React.ReactNode;
 }
-declare const DataGrid: <Data>({ headers, data, rowKeyExtractor, toolbarTitle, toolbarFooter, toolbarRightIcons, selectable, selectedRows, onSelectedRows, pagination, rowsPerPage, onRowsPerPageChange, rowsPerPageOptions: _rowsPerPageOptions, rowsPerPageLabel: _rowsPerPageLabel, exportLabel, exportFunction, rowsCount, page, onPageChange, loading, skeletonComponent, emptyPlaceholder, exportComponent, ...rest }: DataGridProps<Data>) => JSX.Element;
+declare const DataGrid: <Data>({ headers, data, rowKeyExtractor, toolbarTitle, toolbarFooter, toolbarRightIcons, selectable, selectedRows, onSelectedRows, pagination, rowsPerPage, onRowsPerPageChange, rowsPerPageOptions: _rowsPerPageOptions, rowsPerPageLabel: _rowsPerPageLabel, exportLabel, exportFunction, rowsCount, page, onPageChange, loading, skeletonComponent, emptyPlaceholder, exportComponent, ...rest }: DataGridProps<Data>) => React.ReactElement;
 export default DataGrid;