@tecsinapse/react-web-kit 2.3.1 → 3.3.0

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Checkbox, Text } from '@tecsinapse/react-core';
 import { ContainerItemSelect, StyledContainerTextLabel, StyledSpan } from './styled.js';
 
@@ -15,18 +15,18 @@ const SelectItem = ({
   keyExtractor
 }) => {
   const isMulti = type === "multi";
-  const [checked, setChecked] = React.useState(
+  const [checked, setChecked] = React__default.useState(
     value !== void 0 && type === "multi" && value.find(
       (data) => keyExtractor(data) === keyExtractor(item)
     ) !== void 0
   );
-  React.useEffect(() => {
+  React__default.useEffect(() => {
     if (!checked && value !== void 0 && (type === "multi" && value.find(
       (data) => keyExtractor(data) === keyExtractor(item)
     ) || type === "single" && keyExtractor(value) === keyExtractor(item)))
       setChecked(true);
   }, [value, keyExtractor, type]);
-  React.useEffect(() => {
+  React__default.useEffect(() => {
     if (type === "multi") {
       checkedAll ? setChecked(true) : setChecked(
         value.find(
@@ -35,7 +35,7 @@ const SelectItem = ({
       );
     }
   }, [checkedAll]);
-  const clickItem = React.useCallback(
+  const clickItem = React__default.useCallback(
     (item2, _value) => {
       const key = item2;
       if (Array.isArray(_value)) {
@@ -60,9 +60,8 @@ const SelectItem = ({
     },
     [onSelect, setDropDownVisible, setCheckedAll, setChecked, checked]
   );
-  return /* @__PURE__ */ React.createElement(ContainerItemSelect, { onClick: () => clickItem(item, value) }, isMulti && /* @__PURE__ */ React.createElement(Checkbox, { checked, onChange: () => clickItem(item, value) }), /* @__PURE__ */ React.createElement(StyledContainerTextLabel, null, /* @__PURE__ */ React.createElement(Text, { fontWeight: "bold", ellipsizeMode: "tail", numberOfLines: 1 }, /* @__PURE__ */ React.createElement(StyledSpan, { singleHighligh: type === "single" && value === item }, labelExtractor(item)))));
+  return /* @__PURE__ */ React__default.createElement(ContainerItemSelect, { onClick: () => clickItem(item, value) }, isMulti && /* @__PURE__ */ React__default.createElement(Checkbox, { checked, onChange: () => clickItem(item, value) }), /* @__PURE__ */ React__default.createElement(StyledContainerTextLabel, null, /* @__PURE__ */ React__default.createElement(Text, { fontWeight: "bold", ellipsizeMode: "tail", numberOfLines: 1 }, /* @__PURE__ */ React__default.createElement(StyledSpan, { singleHighligh: type === "single" && value === item }, labelExtractor(item)))));
 };
-var ItemSelect = React.memo(SelectItem);
+var ItemSelect = React__default.memo(SelectItem);
 
 export { ItemSelect as default };
-//# sourceMappingURL=SelectItem.js.map

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

@@ -15,7 +15,7 @@ const ContainerItemSelect = styled("div")`
   align-items: center;
 `;
 const StyledSpan = styled("span")`
-  color: ${({ theme, singleHighligh }) => singleHighligh ? theme.color.primary.medium : theme.color.secondary.xdark};
+  color: ${({ theme, singleHighligh }) => singleHighligh ? theme.color.primary.xlight : theme.color.secondary.xlight};
   padding: ${({ theme }) => `${theme.spacing.mili} 0px`};
 `;
 const StyledContainerTextLabel = styled("div")`
@@ -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

@@ -1,6 +1,6 @@
 import styled from '@emotion/styled';
 import { Icon } from '@tecsinapse/react-core';
-import React from 'react';
+import React__default from 'react';
 
 const StyledContainer = styled("div")`
   display: flex;
@@ -13,7 +13,7 @@ const StyledContainer = styled("div")`
 const StyledInputContainer = styled("div")`
   width: 100%;
 `;
-const RightComponent = /* @__PURE__ */ React.createElement(
+const RightComponent = /* @__PURE__ */ React__default.createElement(
   Icon,
   {
     name: "chevron-down",
@@ -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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Text } from '@tecsinapse/react-core';
 import { SnackbarStyled } from './styled.js';
 
@@ -7,8 +7,7 @@ const Snackbar = ({
   textProps = { colorVariant: "primary", colorTone: "medium" },
   ...rest
 }) => {
-  return /* @__PURE__ */ React.createElement(SnackbarStyled, { ...rest, showProgressBar: false }, /* @__PURE__ */ React.createElement(Text, { ...textProps, fontWeight: "bold", typography: "base" }, value));
+  return /* @__PURE__ */ React__default.createElement(SnackbarStyled, { ...rest, showProgressBar: false }, /* @__PURE__ */ React__default.createElement(Text, { ...textProps, fontWeight: "bold", typography: "base" }, value));
 };
 
 export { Snackbar as default };
-//# sourceMappingURL=Snackbar.js.map

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

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { useInputFocus, TextArea as TextArea$1, Text } from '@tecsinapse/react-core';
 import { StyledWebInput } from './styled.js';
 
@@ -33,7 +33,7 @@ const TextArea = ({
     onBlur,
     !disabled
   );
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     TextArea$1,
     {
       label,
@@ -59,7 +59,7 @@ const TextArea = ({
       TextComponent: Text,
       maxLength
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       StyledWebInput,
       {
         ...rest,
@@ -78,4 +78,3 @@ const TextArea = ({
 };
 
 export { TextArea as default };
-//# sourceMappingURL=TextArea.js.map

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

@@ -1,11 +1,10 @@
-import nativeStyled from '@emotion/native';
+import styled from '@emotion/native';
 import { TextAreaInputBase } from '@tecsinapse/react-core';
 
-const StyledWebInput = nativeStyled(TextAreaInputBase)`
+const StyledWebInput = styled(TextAreaInputBase)`
   font-weight: ${({ theme, fontWeight = "regular" }) => theme.font.weight[fontWeight]};
   font-family: ${({ theme, fontStack = "default" }) => `'${theme.font.stack[fontStack]}'`};
   outline-width: 0;
 `;
 
 export { StyledWebInput };
-//# sourceMappingURL=styled.js.map

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import TBody from '../../atoms/Table/Body/TBody.js';
 import Td from '../../atoms/Table/Cell/Td.js';
 import TableContainer from '../../atoms/Table/Container/TableContainer.js';
@@ -44,15 +44,15 @@ const DataGrid = ({
       "[DataGrid] You should specify selection handlers (selectedRows, onSelectedRows)"
     );
   }
-  const rowsPerPageLabel = React.useCallback(
+  const rowsPerPageLabel = React__default.useCallback(
     (value) => _rowsPerPageLabel ? _rowsPerPageLabel(value) : `Exibir por p\xE1gina: ${value} itens`,
     [_rowsPerPageLabel]
   );
-  const rowsPerPageOptions = React.useMemo(
+  const rowsPerPageOptions = React__default.useMemo(
     () => _rowsPerPageOptions ?? [10, 25, 50],
     [_rowsPerPageOptions]
   );
-  const handleSelect = React.useCallback(
+  const handleSelect = React__default.useCallback(
     (current, checked) => {
       if (checked) {
         onSelectedRows?.((prevState) => [...prevState, current]);
@@ -67,14 +67,14 @@ const DataGrid = ({
     },
     [onSelectedRows, rowKeyExtractor]
   );
-  return /* @__PURE__ */ React.createElement(TableContainer, { ...rest }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(TableContainer, { ...rest }, /* @__PURE__ */ React__default.createElement(
     TableToolbar,
     {
       title: toolbarTitle,
       rightIcons: toolbarRightIcons,
       footer: toolbarFooter
     }
-  ), /* @__PURE__ */ React.createElement(Table, null, /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ React__default.createElement(Table, null, /* @__PURE__ */ React__default.createElement(
     Header,
     {
       selectable,
@@ -85,8 +85,8 @@ const DataGrid = ({
       selectedRows,
       onSelected: onSelectedRows
     }
-  ), !loading ? /* @__PURE__ */ React.createElement(TBody, null, data.length > 0 ? getData(data, rowsCount, page, rowsPerPage, pagination).map(
-    (item) => /* @__PURE__ */ React.createElement(
+  ), !loading ? /* @__PURE__ */ React__default.createElement(TBody, null, data.length > 0 ? getData(data, rowsCount, page, rowsPerPage, pagination).map(
+    (item) => /* @__PURE__ */ React__default.createElement(
       Row,
       {
         key: rowKeyExtractor(item),
@@ -100,7 +100,7 @@ const DataGrid = ({
         )
       }
     )
-  ) : /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("td", { colSpan: 99 }, emptyPlaceholder))) : /* @__PURE__ */ React.createElement(TBody, null, [...Array(rowsPerPage).keys()].map((idx) => /* @__PURE__ */ React.createElement(Tr, { key: `skeleton-${idx}` }, /* @__PURE__ */ React.createElement(Td, { colSpan: 99, style: { padding: 0 } }, skeletonComponent ?? /* @__PURE__ */ React.createElement(Skeleton, { height: 55, radius: "mili", animation: "wave" }, /* @__PURE__ */ React.createElement("div", { style: { width: "100%" } })))))), (Number(rowsCount) > 0 || data.length > 0) && /* @__PURE__ */ React.createElement(
+  ) : /* @__PURE__ */ React__default.createElement("tr", null, /* @__PURE__ */ React__default.createElement("td", { colSpan: 99 }, emptyPlaceholder))) : /* @__PURE__ */ React__default.createElement(TBody, null, [...Array(rowsPerPage).keys()].map((idx) => /* @__PURE__ */ React__default.createElement(Tr, { key: `skeleton-${idx}` }, /* @__PURE__ */ React__default.createElement(Td, { colSpan: 99, style: { padding: 0 } }, skeletonComponent ?? /* @__PURE__ */ React__default.createElement(Skeleton, { height: 55, radius: "mili", animation: "wave" }, /* @__PURE__ */ React__default.createElement("div", { style: { width: "100%" } })))))), (Number(rowsCount) > 0 || data.length > 0) && /* @__PURE__ */ React__default.createElement(
     Footer,
     {
       exportFunction,
@@ -119,4 +119,3 @@ const DataGrid = ({
 };
 
 export { DataGrid as default };
-//# sourceMappingURL=DataGrid.js.map

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import Button from '../../../atoms/Button/Button.js';
 import { Text, Icon } from '@tecsinapse/react-core';
 import Select from '../../../molecules/Select/Select.js';
@@ -42,7 +42,7 @@ const Footer = ({
     }
     return { start: page - 1, end: page + 2 };
   };
-  const handleRowsPerPage = React.useCallback(
+  const handleRowsPerPage = React__default.useCallback(
     (value) => {
       onRowsPerPageChange?.(value);
       onPageChange?.(0);
@@ -51,7 +51,7 @@ const Footer = ({
   );
   const currentInitItem = page * rowsPerPage + 1;
   const currentFinalItem = (page + 1) * rowsPerPage > rowsCount ? rowsCount : (page + 1) * rowsPerPage;
-  return /* @__PURE__ */ React.createElement(TFoot, null, /* @__PURE__ */ React.createElement(Tr, null, /* @__PURE__ */ React.createElement(TdFooterStyled, { colSpan: 99 }, /* @__PURE__ */ React.createElement(FooterContainer, null, /* @__PURE__ */ React.createElement(FooterContainerStart, null, pagination && /* @__PURE__ */ React.createElement(SelectContainer, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(TFoot, null, /* @__PURE__ */ React__default.createElement(Tr, null, /* @__PURE__ */ React__default.createElement(TdFooterStyled, { colSpan: 99 }, /* @__PURE__ */ React__default.createElement(FooterContainer, null, /* @__PURE__ */ React__default.createElement(FooterContainerStart, null, pagination && /* @__PURE__ */ React__default.createElement(SelectContainer, null, /* @__PURE__ */ React__default.createElement(
     Select,
     {
       options: rowsPerPageOptions,
@@ -62,20 +62,20 @@ const Footer = ({
       labelExtractor: rowsPerPageLabel,
       anchor: "top"
     }
-  )), exportComponent && !exportFunction && /* @__PURE__ */ React.createElement(React.Fragment, null, exportComponent), exportFunction && /* @__PURE__ */ React.createElement(HoveredText, null, /* @__PURE__ */ React.createElement(Button, { variant: "outlined", onPress: () => exportFunction() }, /* @__PURE__ */ React.createElement(Text, { fontColor: "orange", fontWeight: "bold" }, exportLabel)))), pagination && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+  )), exportComponent && !exportFunction && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, exportComponent), exportFunction && /* @__PURE__ */ React__default.createElement(HoveredText, null, /* @__PURE__ */ React__default.createElement(Button, { variant: "outlined", onPress: () => exportFunction() }, /* @__PURE__ */ React__default.createElement(Text, { fontColor: "orange", fontWeight: "bold" }, exportLabel)))), pagination && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
     TextPagination,
     {
       fontWeight: "bold",
       fontColor: "medium"
     },
     `Exibindo ${currentInitItem} a ${currentFinalItem} de ${rowsCount} registros`
-  ), /* @__PURE__ */ React.createElement(FooterContainerEnd, null, /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ React__default.createElement(FooterContainerEnd, null, /* @__PURE__ */ React__default.createElement(
     NavigationButton,
     {
       onPress: () => onPageChange?.(page - 1),
       disabled: page === 0
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       Icon,
       {
         name: "chevron-left",
@@ -83,23 +83,23 @@ const Footer = ({
         fontColor: "light"
       }
     )
-  ), /* @__PURE__ */ React.createElement(PagesContainer, null, [...Array(Math.ceil(rowsCount / rowsPerPage)).keys()].slice(
+  ), /* @__PURE__ */ React__default.createElement(PagesContainer, null, [...Array(Math.ceil(rowsCount / rowsPerPage)).keys()].slice(
     getPaginationSlice().start,
     getPaginationSlice().end
-  ).map((value) => /* @__PURE__ */ React.createElement(HoveredText, { key: `page-${value}` }, /* @__PURE__ */ React.createElement(
+  ).map((value) => /* @__PURE__ */ React__default.createElement(HoveredText, { key: `page-${value}` }, /* @__PURE__ */ React__default.createElement(
     PageButton,
     {
       variant: page === value ? "outlined" : "text",
       onPress: () => onPageChange?.(value)
     },
-    /* @__PURE__ */ React.createElement(Text, { fontColor: "medium", fontWeight: "bold" }, value + 1)
-  )))), /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(Text, { fontColor: "medium", fontWeight: "bold" }, value + 1)
+  )))), /* @__PURE__ */ React__default.createElement(
     NavigationButton,
     {
       onPress: () => onPageChange?.(page + 1),
       disabled: page === Math.ceil(rowsCount / rowsPerPage) - 1
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       Icon,
       {
         name: "chevron-right",
@@ -109,7 +109,6 @@ const Footer = ({
     )
   )))))));
 };
-var Footer$1 = React.memo(Footer);
+var Footer$1 = React__default.memo(Footer);
 
 export { Footer$1 as default };
-//# sourceMappingURL=Footer.js.map

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

@@ -1,5 +1,5 @@
 import styled from '@emotion/styled';
-import nativeStyled from '@emotion/native';
+import styled$1 from '@emotion/native';
 import { Text } from '@tecsinapse/react-core';
 import 'react';
 import Td from '../../../atoms/Table/Cell/Td.js';
@@ -31,14 +31,14 @@ const FooterContainerEnd = styled(FlexContainer)`
 const SelectContainer = styled("div")`
   margin-right: ${({ theme }) => theme.spacing.deca};
 `;
-const NavigationButton = nativeStyled(Button)`    
+const NavigationButton = styled$1(Button)`    
     border-radius: ${({ theme }) => theme.borderRadius.mili};
     height: 44px;
     justify-content: center;
     padding: ${({ theme }) => theme.spacing.centi};
     width: 44px;  
 `;
-const PageButton = nativeStyled(NavigationButton)`
+const PageButton = styled$1(NavigationButton)`
     padding-right: ${({ theme }) => theme.spacing.deca};
     padding-left: ${({ theme }) => theme.spacing.deca};
     border-radius: ${({ theme }) => theme.borderRadius.mili};
@@ -56,11 +56,10 @@ const HoveredText = styled("div")`
     color: ${({ theme }) => theme.font.color.light};
   }
 `;
-const TextPagination = nativeStyled(Text)`
+const TextPagination = styled$1(Text)`
   padding-right: ${({ theme }) => theme.spacing.deca};
   padding-left: ${({ theme }) => theme.spacing.deca};
 
 `;
 
 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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Checkbox, PressableSurface, Icon } from '@tecsinapse/react-core';
 import '../../../atoms/Table/Cell/styled.js';
 import '../../../atoms/Table/Container/styled.js';
@@ -20,7 +20,7 @@ const Header = ({
   selectedRows,
   onSelected
 }) => {
-  const [sortDirection, setSortDirection] = React.useState(
+  const [sortDirection, setSortDirection] = React__default.useState(
     NEXT_STATE.initial
   );
   const handleSortDirection = (sort) => {
@@ -52,13 +52,13 @@ const Header = ({
     }
     onSelected?.(selectedRows.concat(unselectedItemsOnData));
   };
-  return /* @__PURE__ */ React.createElement(THead, null, /* @__PURE__ */ React.createElement(Tr, null, selectable && /* @__PURE__ */ React.createElement(CheckboxHeader, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(THead, null, /* @__PURE__ */ React__default.createElement(Tr, null, selectable && /* @__PURE__ */ React__default.createElement(CheckboxHeader, null, /* @__PURE__ */ React__default.createElement(
     Checkbox,
     {
       checked: rowsCount === selectedRows?.length,
       onChange: handleSelectAll
     }
-  )), headers.map(({ label, sort, justifyContent = "flex-start" }) => /* @__PURE__ */ React.createElement(Th, { key: label }, /* @__PURE__ */ React.createElement(
+  )), headers.map(({ label, sort, justifyContent = "flex-start" }) => /* @__PURE__ */ React__default.createElement(Th, { key: label }, /* @__PURE__ */ React__default.createElement(
     "div",
     {
       style: {
@@ -68,7 +68,7 @@ const Header = ({
       }
     },
     label,
-    sort && /* @__PURE__ */ React.createElement("div", { style: { marginLeft: 8 } }, /* @__PURE__ */ React.createElement(PressableSurface, { onPress: () => handleSortDirection(sort) }, /* @__PURE__ */ React.createElement(
+    sort && /* @__PURE__ */ React__default.createElement("div", { style: { marginLeft: 8 } }, /* @__PURE__ */ React__default.createElement(PressableSurface, { onPress: () => handleSortDirection(sort) }, /* @__PURE__ */ React__default.createElement(
       Icon,
       {
         name: `sort-alphabetical-${getIconSuffix(sortDirection)}`,
@@ -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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Checkbox } from '@tecsinapse/react-core';
 import { CheckboxCell } from '../styled.js';
 import Td from '../../../atoms/Table/Cell/Td.js';
@@ -17,15 +17,14 @@ const Row = ({
   selectable,
   headers
 }) => {
-  return /* @__PURE__ */ React.createElement(Tr, { key: rowKeyExtractor(data) }, selectable && /* @__PURE__ */ React.createElement(CheckboxCell, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(Tr, { key: rowKeyExtractor(data) }, selectable && /* @__PURE__ */ React__default.createElement(CheckboxCell, null, /* @__PURE__ */ React__default.createElement(
     Checkbox,
     {
       checked: _checked,
       onChange: (checked) => handleSelect(data, checked)
     }
-  )), headers.map(({ label, render }) => /* @__PURE__ */ React.createElement(Td, { key: `row-${rowKeyExtractor(data)}-column-${label}` }, render(data))));
+  )), headers.map(({ label, render }) => /* @__PURE__ */ React__default.createElement(Td, { key: `row-${rowKeyExtractor(data)}-column-${label}` }, render(data))));
 };
-var Row$1 = React.memo(Row);
+var Row$1 = React__default.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

@@ -1,7 +1,7 @@
-import React from 'react';
+import React__default from 'react';
 
 const useClickAwayListener = (ref, setVisible, event = "mousedown", onClickAway) => {
-  React.useEffect(() => {
+  React__default.useEffect(() => {
     const handleClickOutside = (event2) => {
       if (ref.current && !ref.current.contains(event2.target)) {
         onClickAway?.();
@@ -16,4 +16,3 @@ const useClickAwayListener = (ref, setVisible, event = "mousedown", onClickAway)
 };
 
 export { useClickAwayListener };
-//# sourceMappingURL=useClickAwayListener.js.map

package/dist/esm/hooks/useWindowSize.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import React__default from 'react';
 
 const useWindowSize = () => {
-  const [windowSize, setWindowSize] = React.useState({
+  const [windowSize, setWindowSize] = React__default.useState({
     width: void 0,
     height: void 0
   });
-  React.useEffect(() => {
+  React__default.useEffect(() => {
     const handleResize = () => {
       setWindowSize({
         width: window.innerWidth,
@@ -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>, {}>;