@tecsinapse/react-web-kit 3.4.20 → 3.4.21

package/dist/cjs/components/atoms/Skeleton/styled.js

@@ -54,8 +54,8 @@ const Wrapper = styled("div")`
   animation,
   active
 }) => !active ? void 0 : animation === "pulse" ? theme.miscellaneous.bodyColor : theme.miscellaneous.surfaceColor};
-  width: ${({ width }) => `${width}px` ?? "100%"};
-  height: ${({ height }) => `${height}px` ?? "auto"};
+  width: ${({ width }) => width ? `${width}px` : "100%"};
+  height: ${({ height }) => height ? `${height}px` : "auto"};
   border-radius: ${({ theme, radius }) => radius ? theme.borderRadius[radius] : "unset"};
   ${({ animation, active }) => !active ? void 0 : animation === "pulse" ? pulseAnim : waveAnim};
 `;

package/dist/cjs/components/molecules/Select/SelectItem/SelectItem.js

@@ -45,7 +45,7 @@ const SelectItem = ({
         setChecked(!checked);
         if (auxChecked) {
           onSelect([..._value, key]);
-          [..._value, key].length === lenghtOptions && setCheckedAll(true);
+          if ([..._value, key].length === lenghtOptions) setCheckedAll(true);
         } else {
           const auxArray = [..._value];
           const indexToExclude = auxArray.findIndex(

package/dist/esm/components/atoms/Skeleton/styled.js

@@ -52,8 +52,8 @@ const Wrapper = styled("div")`
   animation,
   active
 }) => !active ? void 0 : animation === "pulse" ? theme.miscellaneous.bodyColor : theme.miscellaneous.surfaceColor};
-  width: ${({ width }) => `${width}px` ?? "100%"};
-  height: ${({ height }) => `${height}px` ?? "auto"};
+  width: ${({ width }) => width ? `${width}px` : "100%"};
+  height: ${({ height }) => height ? `${height}px` : "auto"};
   border-radius: ${({ theme, radius }) => radius ? theme.borderRadius[radius] : "unset"};
   ${({ animation, active }) => !active ? void 0 : animation === "pulse" ? pulseAnim : waveAnim};
 `;

package/dist/esm/components/molecules/Select/SelectItem/SelectItem.js

@@ -43,7 +43,7 @@ const SelectItem = ({
         setChecked(!checked);
         if (auxChecked) {
           onSelect([..._value, key]);
-          [..._value, key].length === lenghtOptions && setCheckedAll(true);
+          if ([..._value, key].length === lenghtOptions) setCheckedAll(true);
         } else {
           const auxArray = [..._value];
           const indexToExclude = auxArray.findIndex(

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

@@ -5,5 +5,5 @@ export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
     title: string;
     transition?: number;
 }
-declare const Accordion: ({ title, open: _open, onChange, transition, children, ...rest }: PropsWithChildren<AccordionProps>) => JSX.Element;
+declare const Accordion: ({ title, open: _open, onChange, transition, children, ...rest }: PropsWithChildren<AccordionProps>) => React.JSX.Element;
 export default Accordion;

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

@@ -1,17 +1,16 @@
-/// <reference types="react" />
 export declare const IconContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 TitleContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 AccordionContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 ContentContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,13 +1,12 @@
-/// <reference types="react" />
 export declare const StyledWebButton: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").ButtonProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
     mouseOver: boolean;
     pressed: boolean;
 } & {
-    onMouseOver?: (() => void) | undefined;
-    onMouseOut?: (() => void) | undefined;
-    onPressIn?: (() => void) | undefined;
-    onPressOut?: (() => void) | undefined;
+    onMouseOver?: () => void;
+    onMouseOut?: () => void;
+    onPressIn?: () => void;
+    onPressOut?: () => void;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;

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

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

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

@@ -1,7 +1,7 @@
 import { InputContainerProps, InputElementProps } from '@tecsinapse/react-core';
-import React, { FC } from 'react';
+import React from 'react';
 export type InputWebProps = Omit<InputElementProps, 'style'> & InputContainerProps & {
     ref?: React.Ref<HTMLInputElement | undefined>;
 };
-declare const Input: FC<InputWebProps>;
+declare const Input: React.ForwardRefExoticComponent<Omit<InputWebProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export default Input;

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const StyledWebTextInput: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").InputElementProps & import("react").RefAttributes<import("react-native").TextInput> & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;

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

@@ -1,7 +1,7 @@
 import { InputContainerProps, InputMaskElementProps } from '@tecsinapse/react-core';
-import React, { FC } from 'react';
+import React from 'react';
 export type InputMaskWebProps = Omit<InputMaskElementProps, 'style'> & InputContainerProps & {
     ref?: React.Ref<HTMLInputElement | undefined>;
 };
-declare const InputMask: FC<InputMaskWebProps>;
+declare const InputMask: React.ForwardRefExoticComponent<Omit<InputMaskWebProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export default InputMask;

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const StyledWebTextInputMask: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").InputMaskElementProps & import("react").RefAttributes<import("react-native").TextInput> & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;

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

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

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

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 import { ZIndex } from '@tecsinapse/react-core';
 type InjectedProps = {
     show: boolean;
     zIndex: keyof ZIndex;
 };
 export declare const StyledOverlay: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & InjectedProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { SkeletonProps } from './Skeleton';
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps & SkeletonProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 export declare const StyledSwitchContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 StyledSwitch: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

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

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

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

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const TFooter: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {}>;

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

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

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

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

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const TableToolbarStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComputedType, MaxWidth, Position } from './Tooltip';
 type InjectedProps = {
     computed?: ComputedType;
@@ -6,13 +5,13 @@ type InjectedProps = {
     maxWidth?: MaxWidth;
 };
 export declare const TooltipSpan: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & InjectedProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const Container: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    position?: Position | undefined;
+    position?: Position;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 export declare const StyledContainerItem: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 StyledContainerIcon: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DatePickerProps, SelectionType } from '@tecsinapse/react-core';
 export type WebDatePickerProps<T extends SelectionType> = Omit<DatePickerProps<T>, 'CalendarComponent' | 'renderCalendar' | 'requestCloseCalendar' | 'requestShowCalendar'> & {
     callbackAfterValidated?: (valid: boolean, message?: string) => void;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CalendarProps, SelectionType } from '@tecsinapse/react-core';
 import { ModalProps } from 'react-native';
 export declare const Modal: <T extends SelectionType>({ onRequestClose, children, ...modalProps }: CalendarProps<T> & ModalProps & {

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

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 export declare const Backdrop: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").PressableSurfaceProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
 export declare const ModalContent: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;

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

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 export declare const Backdrop: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").PressableSurfaceProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
 export declare const ModalContent: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;

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

@@ -1,40 +1,39 @@
-/// <reference types="react" />
 import { FlatList } from 'react-native';
 export declare const StyledTextLabel: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {}>;
 export declare const TimeDigitContainer: import("@emotion/native").StyledComponent<import("react-native").FlatListProps<string> & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, {}, {
     ref?: import("react").Ref<FlatList<string>> | undefined;
 }>;
 export declare const TimeCard: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").PressableSurfaceProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & {
-    isSelected?: boolean | undefined;
+    isSelected?: boolean;
 }, {}, {}>;
 export declare const Root: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
 export declare const Content: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
 export declare const BackButton: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").PressableSurfaceProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
 export declare const Header: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { DrawerProps } from './Drawer';
 export declare const StyledContainerDrawer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & DrawerProps & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,12 +1,11 @@
-/// <reference types="react" />
 export declare const StyledIconTextButton: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").ButtonProps & {
-    onMouseOver?: (() => void) | undefined;
-    onMouseOut?: (() => void) | undefined;
-    onPressIn?: (() => void) | undefined;
-    onPressOut?: (() => void) | undefined;
+    onMouseOver?: () => void;
+    onMouseOut?: () => void;
+    onPressIn?: () => void;
+    onPressOut?: () => void;
 } & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & {
     boxed: boolean;
 }, {}, {}>;

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

@@ -1,5 +1,5 @@
-import { FC } from 'react';
+import React from 'react';
 import { InputWebProps } from '../../atoms/Input';
 export type InputPasswordWebProps = InputWebProps;
-declare const InputPassword: FC<InputPasswordWebProps>;
+declare const InputPassword: React.ForwardRefExoticComponent<Omit<InputWebProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export default InputPassword;

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

@@ -1,12 +1,11 @@
-/// <reference types="react" />
 import { LabelPositionOptions } from '@tecsinapse/react-core';
 export declare const StyledDiv: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledLabel: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & {
     labelPosition: LabelPositionOptions;
 }, {}, {}>;

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

@@ -1,18 +1,17 @@
-/// <reference types="react" />
 import { MasonryProps } from './Masonry';
 export declare const StyledColumnItem: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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>, {}>;
 export declare const StyledMasonry: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledRowItem: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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>, {}>;

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 export declare const StyledContainerItem: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 DummyBorder: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 export declare const StyledContainerItemText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 StyledSubButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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

@@ -1,21 +1,20 @@
-/// <reference types="react" />
 export declare const StyledLeftComponent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 StyledRightComponent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 StyledContainerMenu: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 StyledContainerItems: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 StyledText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 export declare const StyledCardContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 StyledCard: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").CardProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 export declare const StyledSearchItemContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 HighlightText: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;

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

@@ -1,40 +1,37 @@
-/// <reference types="react" />
 export declare const StyledIconInput: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 StyledMenuBar: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 StyledMenuButton: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").ButtonProps & {
-    onMouseOver?: (() => void) | undefined;
-    onMouseOut?: (() => void) | undefined;
-    onPressIn?: (() => void) | undefined;
-    onPressOut?: (() => void) | undefined;
+    onMouseOver?: () => void;
+    onMouseOut?: () => void;
+    onPressIn?: () => void;
+    onPressOut?: () => void;
 } & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
 export declare const StyledContainerOpenMenu: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 StyledInput: import("@emotion/native").StyledComponent<Omit<import("@tecsinapse/react-core").InputElementProps, "style"> & import("@tecsinapse/react-core").InputContainerProps & {
-    ref?: import("react").Ref<HTMLInputElement | undefined> | undefined;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+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;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
 export declare const StyledInputContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledSearchResultsContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledSearchTextContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

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

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

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

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;
-}) => JSX.Element>;
+}) => React.JSX.Element>;
 export default _default;

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

@@ -1,36 +1,35 @@
-/// <reference types="react" />
 import { SelectProps } from '../Select';
 export declare const StyledContainerDropdown: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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>, {}>;
 export declare const OptionsContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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>, {}>;
 export declare const SearchBarContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 PaddedContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export declare const StyledSpan: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledContainerTextLabel: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface SelectItemProps<Data, Type extends 'single' | 'multi'> {
     item: Data;
     type: Type;
@@ -8,10 +7,11 @@ interface SelectItemProps<Data, Type extends 'single' | 'multi'> {
     labelExtractor: (t: Data) => string;
     index: number;
 }
-declare const _default: <Data, Type extends "single" | "multi">({ item, onSelect, type, value, labelExtractor, setDropDownVisible, checkedAll, setCheckedAll, lenghtOptions, keyExtractor, }: SelectItemProps<Data, Type> & {
+declare const SelectItem: <Data, Type extends "single" | "multi">({ item, onSelect, type, value, labelExtractor, setDropDownVisible, checkedAll, setCheckedAll, lenghtOptions, keyExtractor, }: SelectItemProps<Data, Type> & {
     setDropDownVisible: (t: boolean) => void;
     checkedAll: boolean;
     setCheckedAll: (t: boolean) => void;
     lenghtOptions: number;
 }) => JSX.Element;
+declare const _default: typeof SelectItem;
 export default _default;

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

@@ -1,15 +1,14 @@
-/// <reference types="react" />
 export declare const ContainerItemSelect: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 StyledSpan: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & {
     singleHighligh: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const StyledContainerTextLabel: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,2 +1,2 @@
 import { MultiLabels } from './types';
-export declare const getDisplayValue: <Data>(type: 'multi' | 'single', value: Data | Data[] | undefined, options: Data[], placeholder: string | undefined, keyExtractor: (option: Data, idx?: number) => string, labelExtractor: (option: Data) => string, multiLabels?: MultiLabels) => string | undefined;
+export declare const getDisplayValue: <Data>(type: "multi" | "single", value: Data | Data[] | undefined, options: Data[], placeholder: string | undefined, keyExtractor: (option: Data, idx?: number) => string, labelExtractor: (option: Data) => string, multiLabels?: MultiLabels) => string | undefined;

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

@@ -1,19 +1,18 @@
-/// <reference types="react" />
 export declare const StyledContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 StyledInputContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 StyledHintContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 StyledIconComponent: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").IconProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps & {
     disabled: boolean;
 }>, {}, {}>;

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const SnackbarStyled: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").SnackbarProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FontStackType, FontWeightType } from '@tecsinapse/react-core';
 import { TextAreaProps } from './TextArea';
 interface Font {
@@ -6,10 +5,10 @@ interface Font {
     fontWeight?: FontWeightType;
 }
 export declare const StyledWebInput: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").InputElementProps & import("react").RefAttributes<import("react-native").TextInput> & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").TextAreaProps> & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Font & Partial<TextAreaProps>, {}, {}>;
 export {};

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

@@ -1,60 +1,59 @@
-/// <reference types="react" />
 export declare const TdFooterStyled: import("@emotion/styled").StyledComponent<import("react").TdHTMLAttributes<HTMLTableCellElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
 export declare const FlexContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const FooterContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export declare const FooterContainerStart: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export declare const FooterContainerEnd: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export declare const SelectContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 NavigationButton: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").ButtonProps & {
-    onMouseOver?: (() => void) | undefined;
-    onMouseOut?: (() => void) | undefined;
-    onPressIn?: (() => void) | undefined;
-    onPressOut?: (() => void) | undefined;
+    onMouseOver?: () => void;
+    onMouseOut?: () => void;
+    onPressIn?: () => void;
+    onPressOut?: () => void;
 } & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
 export declare const PageButton: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").ButtonProps & {
-    onMouseOver?: (() => void) | undefined;
-    onMouseOut?: (() => void) | undefined;
-    onPressIn?: (() => void) | undefined;
-    onPressOut?: (() => void) | undefined;
+    onMouseOver?: () => void;
+    onMouseOut?: () => void;
+    onPressIn?: () => void;
+    onPressOut?: () => void;
 } & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
 export declare const PagesContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 HoveredText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    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 TextPagination: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { HeadersType } from '../types';
 export interface DataGridHeaderProps<Data> {
     headers: HeadersType<Data>[];

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const CheckboxHeader: import("@emotion/styled").StyledComponent<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;

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

@@ -3,6 +3,6 @@ export declare const NEXT_STATE: {
     [key: string]: SortState;
 };
 export declare const getIconSuffix: (state: SortState) => string;
-export declare const getIconColor: (state: SortState) => 'medium' | 'orange';
+export declare const getIconColor: (state: SortState) => "medium" | "orange";
 export declare const findUnselectedItemsOnData: <T>(selected: T[], data: T[], rowKeyExtractor: (t: T) => string) => T[];
 export declare const findCurrentItemsOnData: <T>(selected: T[], data: T[], rowKeyExtractor: (t: T) => string) => T[];

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

@@ -6,5 +6,5 @@ declare const _default: React.MemoExoticComponent<({ rowKeyExtractor, data, chec
     handleSelect: any;
     selectable: any;
     headers: any;
-}) => JSX.Element>;
+}) => React.JSX.Element>;
 export default _default;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const CheckboxCell: import("@emotion/styled").StyledComponent<import("react").TdHTMLAttributes<HTMLTableCellElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 } & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;

package/dist/types/hooks/useClickAwayListener.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const useClickAwayListener: (ref: React.MutableRefObject<any>, setVisible: React.Dispatch<React.SetStateAction<boolean>>, event?: 'mouseup' | 'mousedown' | undefined, onClickAway?: () => void) => void;
+export declare const useClickAwayListener: (ref: React.MutableRefObject<any>, setVisible: React.Dispatch<React.SetStateAction<boolean>>, event?: "mouseup" | "mousedown" | undefined, onClickAway?: () => void) => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tecsinapse/react-web-kit",
   "description": "React components library for web",
-  "version": "3.4.20",
+  "version": "3.4.21",
   "license": "MIT",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -19,7 +19,7 @@
     "@emotion/native": "~11.11.0",
     "@emotion/react": "~11.11.0",
     "@emotion/styled": "~11.11.0",
-    "@tecsinapse/react-core": "3.4.13",
+    "@tecsinapse/react-core": "3.4.14",
     "date-fns": "~2.30.0",
     "react-native-vector-icons": "^9.2.0",
     "react-transition-group": "~4.4.5"
@@ -38,5 +38,5 @@
     "react-dom": ">=18.0.0",
     "react-native-web": ">=0.18.0 <1"
   },
-  "gitHead": "56265c4e49e362349a4b93bef75555e0d6b25d64"
+  "gitHead": "facab9dc92fe7dfaf55579ab593fd81c95bb34c6"
 }