@tecsinapse/react-web-kit 2.3.1 → 3.0.0

package/dist/esm/components/molecules/Menubar/MostUsed/styled.js

@@ -17,4 +17,3 @@ const StyledCard = nativeStyled(Card)`
 `;
 
 export { StyledCard, StyledCardContainer };
-//# sourceMappingURL=styled.js.map

package/dist/esm/components/molecules/Menubar/SearchResultItem/SearchResultItem.js

@@ -24,4 +24,3 @@ const SearchResultItem = ({
 };
 
 export { SearchResultItem as default };
-//# sourceMappingURL=SearchResultItem.js.map

package/dist/esm/components/molecules/Menubar/SearchResultItem/styled.js

@@ -17,4 +17,3 @@ const HighlightText = nativeStyled(Text)`
 `;
 
 export { HighlightText, StyledSearchItemContainer };
-//# sourceMappingURL=styled.js.map

package/dist/esm/components/molecules/Menubar/SearchResultItem/utils.js

@@ -40,4 +40,3 @@ const highlight = (searchTerm, textToReplace, Component, props) => {
 };
 
 export { highlight, stringMatcher };
-//# sourceMappingURL=utils.js.map

package/dist/esm/components/molecules/Menubar/animations.js

@@ -52,4 +52,3 @@ const getContainerOpenMenuStyles = (state) => ({
 });
 
 export { getContainerOpenMenuStyles, getInputContainerStyles };
-//# sourceMappingURL=animations.js.map

package/dist/esm/components/molecules/Menubar/styled.js

@@ -64,4 +64,3 @@ const StyledSearchTextContainer = styled("div")`
 `;
 
 export { StyledContainerOpenMenu, StyledIconInput, StyledInput, StyledInputContainer, StyledMenuBar, StyledMenuButton, StyledSearchResultsContainer, StyledSearchTextContainer };
-//# sourceMappingURL=styled.js.map

package/dist/esm/components/molecules/Menubar/utils.js

@@ -26,4 +26,3 @@ const filterAndTransform = (options, search) => {
 };
 
 export { filterAndTransform };
-//# sourceMappingURL=utils.js.map

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

@@ -99,4 +99,3 @@ const Component = ({
 const Dropdown = React.forwardRef(Component);
 
 export { Dropdown as default };
-//# sourceMappingURL=Dropdown.js.map

package/dist/esm/components/molecules/Select/Dropdown/components/SearchInput.js

@@ -26,4 +26,3 @@ const SearchInput = ({ fullWidth, searchArg, onChange, placeholder }) => {
 var SearchInput$1 = React.memo(SearchInput);
 
 export { SearchInput$1 as default };
-//# sourceMappingURL=SearchInput.js.map

package/dist/esm/components/molecules/Select/Dropdown/styled.js

@@ -79,4 +79,3 @@ const StyledContainerTextLabel = styled("div")`
 `;
 
 export { OptionsContainer, PaddedContainer, SearchBarContainer, StyledContainerCheckAll, StyledContainerDropdown, StyledContainerTextLabel, StyledSpan };
-//# sourceMappingURL=styled.js.map

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

@@ -140,4 +140,3 @@ const Select = ({
 };
 
 export { Select as default };
-//# sourceMappingURL=Select.js.map

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

@@ -65,4 +65,3 @@ const SelectItem = ({
 var ItemSelect = React.memo(SelectItem);
 
 export { ItemSelect as default };
-//# sourceMappingURL=SelectItem.js.map

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

@@ -28,4 +28,3 @@ const StyledContainerTextLabel = styled("div")`
 `;
 
 export { ContainerItemSelect, StyledContainerTextLabel, StyledSpan };
-//# sourceMappingURL=styled.js.map

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

@@ -41,4 +41,3 @@ const transition = {
 };
 
 export { defaultStyles, transition };
-//# sourceMappingURL=animations.js.map

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

@@ -11,31 +11,17 @@ const getSingleLabel = (value, options, keyExtractor, placeholder, labelExtracto
   return selectedOption ? labelExtractor(selectedOption) : placeholder;
 };
 const getDisplayValue = (type, value, options, placeholder, keyExtractor, labelExtractor, multiLabels) => {
-  if (type === "multi") {
-    if (value === void 0 || value.length === 0)
-      return placeholder;
-    if (value.length === 1) {
-      return getSingleLabel(
-        value?.[0],
-        options,
-        keyExtractor,
-        placeholder,
-        labelExtractor
-      );
-    }
+  if (value === void 0 || value.length === 0)
+    return placeholder;
+  if (type === "multi" && value.length > 1)
     return getMultiLabel(value, options, multiLabels);
-  } else {
-    if (value === void 0)
-      return placeholder;
-    return getSingleLabel(
-      value,
-      options,
-      keyExtractor,
-      placeholder,
-      labelExtractor
-    );
-  }
+  return getSingleLabel(
+    value instanceof Array ? value?.[0] : value,
+    options,
+    keyExtractor,
+    placeholder,
+    labelExtractor
+  );
 };
 
 export { getDisplayValue };
-//# sourceMappingURL=functions.js.map

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

@@ -24,4 +24,3 @@ const RightComponent = /* @__PURE__ */ React.createElement(
 );
 
 export { RightComponent, StyledContainer, StyledInputContainer };
-//# sourceMappingURL=styled.js.map

package/dist/esm/components/molecules/Snackbar/Snackbar.js

@@ -11,4 +11,3 @@ const Snackbar = ({
 };
 
 export { Snackbar as default };
-//# sourceMappingURL=Snackbar.js.map

package/dist/esm/components/molecules/Snackbar/styled.js

@@ -4,7 +4,7 @@ import { Snackbar } from '@tecsinapse/react-core';
 const baseStyles = () => [
   css({
     left: "50%",
-    maxWidth: "600px",
+    maxWidth: 600,
     transform: [{ translateX: "-50%" }]
   })
 ];
@@ -21,4 +21,3 @@ const SnackbarStyled = nativeStyled(Snackbar)(
 );
 
 export { SnackbarStyled };
-//# sourceMappingURL=styled.js.map

package/dist/esm/components/molecules/TextArea/TextArea.js

@@ -78,4 +78,3 @@ const TextArea = ({
 };
 
 export { TextArea as default };
-//# sourceMappingURL=TextArea.js.map

package/dist/esm/components/molecules/TextArea/styled.js

@@ -8,4 +8,3 @@ const StyledWebInput = nativeStyled(TextAreaInputBase)`
 `;
 
 export { StyledWebInput };
-//# sourceMappingURL=styled.js.map

package/dist/esm/components/organisms/DataGrid/DataGrid.js

@@ -119,4 +119,3 @@ const DataGrid = ({
 };
 
 export { DataGrid as default };
-//# sourceMappingURL=DataGrid.js.map

package/dist/esm/components/organisms/DataGrid/Footer/Footer.js

@@ -112,4 +112,3 @@ const Footer = ({
 var Footer$1 = React.memo(Footer);
 
 export { Footer$1 as default };
-//# sourceMappingURL=Footer.js.map

package/dist/esm/components/organisms/DataGrid/Footer/styled.js

@@ -63,4 +63,3 @@ const TextPagination = nativeStyled(Text)`
 `;
 
 export { FlexContainer, FooterContainer, FooterContainerEnd, FooterContainerStart, HoveredText, NavigationButton, PageButton, PagesContainer, SelectContainer, TdFooterStyled, TextPagination };
-//# sourceMappingURL=styled.js.map

package/dist/esm/components/organisms/DataGrid/Header/Header.js

@@ -80,4 +80,3 @@ const Header = ({
 };
 
 export { Header as default };
-//# sourceMappingURL=Header.js.map

package/dist/esm/components/organisms/DataGrid/Header/styled.js

@@ -18,4 +18,3 @@ const CheckboxHeader = styled(Th)`
 `;
 
 export { CheckboxHeader };
-//# sourceMappingURL=styled.js.map

package/dist/esm/components/organisms/DataGrid/Header/utils.js

@@ -16,4 +16,3 @@ const findCurrentItemsOnData = (selected, data, rowKeyExtractor) => selected.len
 ) : [];
 
 export { NEXT_STATE, findCurrentItemsOnData, findUnselectedItemsOnData, getIconColor, getIconSuffix };
-//# sourceMappingURL=utils.js.map

package/dist/esm/components/organisms/DataGrid/Row/Row.js

@@ -28,4 +28,3 @@ const Row = ({
 var Row$1 = React.memo(Row);
 
 export { Row$1 as default };
-//# sourceMappingURL=Row.js.map

package/dist/esm/components/organisms/DataGrid/styled.js

@@ -17,4 +17,3 @@ const CheckboxCell = styled(Td)`
 `;
 
 export { CheckboxCell };
-//# sourceMappingURL=styled.js.map

package/dist/esm/components/organisms/DataGrid/utils.js

@@ -6,4 +6,3 @@ function removeElement(arr, index) {
 const getData = (data, rowsCount, page, rowsPerPage, pagination) => rowsCount || !pagination ? data : data.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage);
 
 export { getData, removeElement };
-//# sourceMappingURL=utils.js.map

package/dist/esm/hooks/useBreakpoints.js

@@ -12,4 +12,3 @@ const useBreakpoints = () => {
 };
 
 export { useBreakpoints };
-//# sourceMappingURL=useBreakpoints.js.map

package/dist/esm/hooks/useClickAwayListener.js

@@ -16,4 +16,3 @@ const useClickAwayListener = (ref, setVisible, event = "mousedown", onClickAway)
 };
 
 export { useClickAwayListener };
-//# sourceMappingURL=useClickAwayListener.js.map

package/dist/esm/hooks/useWindowSize.js

@@ -20,4 +20,3 @@ const useWindowSize = () => {
 };
 
 export { useWindowSize };
-//# sourceMappingURL=useWindowSize.js.map

package/dist/esm/index.js

@@ -28,4 +28,3 @@ export { default as DataGrid } from './components/organisms/DataGrid/DataGrid.js
 export { useBreakpoints } from './hooks/useBreakpoints.js';
 export { useClickAwayListener } from './hooks/useClickAwayListener.js';
 export { useWindowSize } from './hooks/useWindowSize.js';
-//# sourceMappingURL=index.js.map

package/dist/{cjs → types}/components/atoms/Accordion/Accordion.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
     open?: boolean;
     onChange?: () => void;
     title: string;
     transition?: number;
 }
-declare const Accordion: React.FC<AccordionProps>;
+declare const Accordion: ({ title, open: _open, onChange, transition, children, ...rest }: PropsWithChildren<AccordionProps>) => JSX.Element;
 export default Accordion;

package/dist/{cjs → types}/components/atoms/Accordion/animations.d.ts

@@ -1,19 +1,20 @@
+import { ThemeProp } from '@tecsinapse/react-core';
 export declare const contentStyle: (open: boolean, transition: number, value: number, theme: ThemeProp) => {
     transition: string;
-    paddingBottom: any;
+    paddingBottom: number;
     height: number;
 };
 export declare const contentTransition: (value: number, theme: ThemeProp) => {
     entering: {
-        paddingBottom: any;
+        paddingBottom: number;
         height: number;
     };
     entered: {
-        paddingBottom: any;
+        paddingBottom: number;
         height: number;
     };
     exiting: {
-        paddingBottom: any;
+        paddingBottom: number;
         height: number;
     };
     exited: {
@@ -23,19 +24,19 @@ export declare const contentTransition: (value: number, theme: ThemeProp) => {
 };
 export declare const titleStyle: (transition: number, theme: ThemeProp) => {
     transition: string;
-    color: any;
+    color: string;
 };
 export declare const titleTransition: (theme: ThemeProp) => {
     entering: {
-        color: any;
+        color: string;
     };
     entered: {
-        color: any;
+        color: string;
     };
     exiting: {
-        color: any;
+        color: string;
     };
     exited: {
-        color: any;
+        color: string;
     };
 };

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

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

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

@@ -0,0 +1,13 @@
+/// <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;
+} & {
+    mouseOver: boolean;
+    pressed: boolean;
+} & {
+    onMouseOver?: (() => void) | undefined;
+    onMouseOut?: (() => void) | undefined;
+    onPressIn?: (() => void) | undefined;
+    onPressOut?: (() => void) | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;

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

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

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

@@ -0,0 +1,5 @@
+/// <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;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;

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

@@ -0,0 +1,5 @@
+/// <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;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;

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

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

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

@@ -0,0 +1,11 @@
+/// <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;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & InjectedProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/dist/{cjs → types}/components/atoms/Skeleton/styled.d.ts

@@ -1,5 +1,6 @@
 /// <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;
-} & Partial<any>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps & SkeletonProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { ComputedType, MaxWidth, Position } from './Tooltip';
+type InjectedProps = {
+    computed?: ComputedType;
+    position?: Position;
+    maxWidth?: MaxWidth;
+};
+export declare const TooltipSpan: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & 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;
+} & {
+    position?: Position | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

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

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

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

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

package/dist/{cjs → 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

@@ -0,0 +1,5 @@
+import { CalendarProps, SelectionType } from '@tecsinapse/react-core';
+import { ModalProps } from 'react-native';
+export declare const Modal: <T extends SelectionType>({ onRequestClose, children, ...modalProps }: CalendarProps<T> & import("react-native").ModalBaseProps & import("react-native").ModalPropsIOS & import("react-native").ModalPropsAndroid & import("react-native").ViewProps & {
+    children: JSX.Element;
+}) => JSX.Element;

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

@@ -0,0 +1,11 @@
+/// <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;
+} & 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;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;

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

@@ -0,0 +1,3 @@
+import { DateTimeSelectorProps } from '@tecsinapse/react-core';
+import * as React from 'react';
+export declare const Modal: React.FC<DateTimeSelectorProps & import("react-native").ModalBaseProps & import("react-native").ModalPropsIOS & import("react-native").ModalPropsAndroid & import("react-native").ViewProps>;

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

@@ -0,0 +1,11 @@
+/// <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;
+} & 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;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;

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

@@ -0,0 +1,6 @@
+/// <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;
+} & DrawerProps & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/{esm → types}/components/molecules/IconTextButton/hooks/useIconTextButton.d.ts

@@ -1,6 +1,7 @@
+import { VariantType } from '@tecsinapse/react-core';
 declare const useIconTextButton: (variant: VariantType) => {
     handleHover: (value: boolean) => void;
     handlePressed: (value: boolean) => void;
-    defaultFontColor: any;
+    defaultFontColor: keyof import("@tecsinapse/react-core").FontColor;
 };
 export default useIconTextButton;

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

@@ -0,0 +1,12 @@
+/// <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;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & {
+    boxed: boolean;
+}, {}, {}>;

package/dist/{esm → types}/components/molecules/LabeledSwitch/styled.d.ts

@@ -1,8 +1,12 @@
 /// <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;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledLabel: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: import("react").Ref<any> | undefined;
-}>;
+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;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & {
+    labelPosition: LabelPositionOptions;
+}, {}, {}>;

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

@@ -0,0 +1,18 @@
+/// <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;
+} & 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;
+}, 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;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & {
+    index: number;
+} & Partial<MasonryProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;