norma-library 0.5.818 → 0.6.0

package/dist/esm/components/TextInput/styles.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const Label: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>>;
-export declare const Input: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>>;
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export declare const Input: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;

package/dist/esm/components/Typography/Text/styles.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { TextProps } from "./interfaces";
-export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, TextProps>>;
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, TextProps>> & string;

package/dist/esm/components/Typography/Title/styles.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { TextProps } from "./interfaces";
-export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, TextProps>>;
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, TextProps>> & string;

package/dist/esm/components/UncontrolledTable/components/header/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Header: React.FC<any>;
+export default Header;

package/dist/esm/components/UncontrolledTable/components/header/index.js

@@ -0,0 +1,25 @@
+import React, { useRef, useState } from 'react';
+import * as S from './styles';
+import SettingsIcon from '@mui/icons-material/Settings';
+import { CheckBox } from '../../../CheckBox';
+import useClickOutside from '../../../../hooks/useClickOutside';
+var Header = function (_a) {
+    var table = _a.table, showTotalResults = _a.showTotalResults, showSettings = _a.showSettings, showClearFiels = _a.showClearFiels, onClearFieldsClick = _a.onClearFieldsClick, customTotalResults = _a.customTotalResults, clearLabel = _a.clearLabel;
+    var _b = useState(false), openTools = _b[0], setOpenTools = _b[1];
+    var listToolsRef = useRef(null);
+    useClickOutside(listToolsRef, function () { return setOpenTools(false); });
+    return (React.createElement(S.Header, { "$showResults": showTotalResults },
+        React.createElement("div", null,
+            showTotalResults && (React.createElement(S.Results, null,
+                React.createElement(S.TextResult, null, customTotalResults ? customTotalResults : "".concat(table.getRowModel().rows.length, " resultados encontrados.")))),
+            showClearFiels && (React.createElement(S.TextClearSearch, { onClick: function () { return onClearFieldsClick && onClearFieldsClick(); } }, clearLabel || 'Limpar busca'))),
+        React.createElement(S.Tools, null,
+            showSettings ? (React.createElement(S.IconTools, { onClick: function () { return setOpenTools(!openTools); } },
+                React.createElement(SettingsIcon, { sx: { fontSize: 16, color: '#DE8B50' } }))) : null,
+            openTools ? (React.createElement(S.ListTools, { ref: listToolsRef }, table.getAllLeafColumns().map(function (column) {
+                return (React.createElement("div", { key: column.id, className: "px-1" },
+                    React.createElement(CheckBox, { label: column.columnDef.header || column.id, size: "small", checked: column.getIsVisible(), value: column.getIsVisible(), onChange: column.getToggleVisibilityHandler() })));
+            }))) : null)));
+};
+export default Header;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/UncontrolledTable/components/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAC9B,OAAO,YAAY,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,eAAe,MAAM,mCAAmC,CAAC;AAEhE,IAAM,MAAM,GAAkB,UAAC,EAQ9B;QAPC,KAAK,WAAA,EACL,gBAAgB,sBAAA,EAChB,YAAY,kBAAA,EACZ,cAAc,oBAAA,EACd,kBAAkB,wBAAA,EAClB,kBAAkB,wBAAA,EAClB,UAAU,gBAAA;IAEJ,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;IAClD,IAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,eAAe,CAAC,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,CAAC,CAAC;IAEzD,OAAO,CACL,oBAAC,CAAC,CAAC,MAAM,oBAAe,gBAAgB;QACtC;YACG,gBAAgB,IAAI,CACnB,oBAAC,CAAC,CAAC,OAAO;gBACR,oBAAC,CAAC,CAAC,UAAU,QACV,kBAAkB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAG,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,MAAM,6BAA0B,CAC1F,CACL,CACb;YACA,cAAc,IAAI,CACjB,oBAAC,CAAC,CAAC,eAAe,IAAC,OAAO,EAAE,cAAM,OAAA,kBAAkB,IAAI,kBAAkB,EAAE,EAA1C,CAA0C,IACzE,UAAU,IAAI,cAAc,CACX,CACrB,CACG;QACN,oBAAC,CAAC,CAAC,KAAK;YACL,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,CAAC,CAAC,SAAS,IAAC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB;gBAClD,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,GAAI,CAC5C,CACf,CAAC,CAAC,CAAC,IAAI;YACP,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,CAAC,CAAC,SAAS,IAAC,GAAG,EAAE,YAAY,IAC3B,KAAK,CAAC,iBAAiB,EAAE,CAAC,GAAG,CAAC,UAAC,MAAW;gBACzC,OAAO,CACL,6BAAK,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,SAAS,EAAC,MAAM;oBACnC,oBAAC,QAAQ,IACP,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,MAAM,IAAI,MAAM,CAAC,EAAE,EAC3C,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,EAC9B,KAAK,EAAE,MAAM,CAAC,YAAY,EAAE,EAC5B,QAAQ,EAAE,MAAM,CAAC,0BAA0B,EAAE,GAC7C,CACE,CACP,CAAC;YACJ,CAAC,CAAC,CACU,CACf,CAAC,CAAC,CAAC,IAAI,CACA,CACD,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/esm/components/UncontrolledTable/components/header/styles.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export declare const Results: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Tools: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TextResult: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TextClearSearchContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TextClearSearch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const IconTools: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ListTools: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/UncontrolledTable/components/header/styles.js

@@ -0,0 +1,12 @@
+import { __makeTemplateObject } from "tslib";
+import styled from 'styled-components';
+export var Header = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  width: calc(100% - 32px);\n  @media screen and (max-width: 1440px) {\n    width: calc(100% - 16px);\n  }\n  margin: 0 auto;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  width: calc(100% - 32px);\n  @media screen and (max-width: 1440px) {\n    width: calc(100% - 16px);\n  }\n  margin: 0 auto;\n"])));
+export var Results = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n"])));
+export var Tools = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
+export var TextResult = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: #666666;\n  font-size: 16px;\n"], ["\n  color: #666666;\n  font-size: 16px;\n"])));
+export var TextClearSearchContent = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  height: 10px;\n"], ["\n  height: 10px;\n"])));
+export var TextClearSearch = styled.p(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: #de8b50;\n  font-size: 14px;\n  cursor: pointer;\n  margin: 0;\n  &:hover {\n    text-decoration: underline;\n  }\n"], ["\n  color: #de8b50;\n  font-size: 14px;\n  cursor: pointer;\n  margin: 0;\n  &:hover {\n    text-decoration: underline;\n  }\n"])));
+export var IconTools = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: 24px;\n  height: 24px;\n  cursor: pointer;\n"], ["\n  width: 24px;\n  height: 24px;\n  cursor: pointer;\n"])));
+export var ListTools = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  padding: 12px;\n  margin: 6px 0 0 -106px;\n  position: absolute;\n  background: #fff;\n  box-shadow: 0px 3px 6px #00000029;\n  border: 1px solid #e0e0e0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  font-size: 14px;\n  z-index: 100;\n  label {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n  }\n"], ["\n  padding: 12px;\n  margin: 6px 0 0 -106px;\n  position: absolute;\n  background: #fff;\n  box-shadow: 0px 3px 6px #00000029;\n  border: 1px solid #e0e0e0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  font-size: 14px;\n  z-index: 100;\n  label {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n  }\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+//# sourceMappingURL=styles.js.map

package/dist/esm/components/UncontrolledTable/components/header/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/header/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,MAAM,GAAG,MAAM,CAAC,GAAG,2PAAK,wLAQpC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,iIAAA,8DAIhC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,qEAAA,EAAE,IAAA,CAAC;AAElC,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,8GAAA,2CAGnC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,wFAAA,qBAE/C,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,CAAC,mMAAA,gIAQtC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,4HAAA,yDAIlC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,gZAAA,6UAiBlC,IAAA,CAAC"}

package/dist/esm/components/UncontrolledTable/components/index.d.ts

@@ -0,0 +1,4 @@
+import Pagination from "./pagination";
+import Header from "./header";
+import TBody from "./tbody";
+export { Pagination, Header, TBody };

package/dist/esm/components/UncontrolledTable/components/index.js

@@ -0,0 +1,5 @@
+import Pagination from "./pagination";
+import Header from "./header";
+import TBody from "./tbody";
+export { Pagination, Header, TBody };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/UncontrolledTable/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/UncontrolledTable/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,OAAO,EACL,UAAU,EACV,MAAM,EACN,KAAK,EACN,CAAA"}

package/dist/esm/components/UncontrolledTable/components/pagination/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface PaginationProps {
+    count: number;
+    pagination: {
+        pageIndex: number;
+        pageSize: number;
+    };
+    onChangePage: (page: number) => void;
+}
+declare const Pagination: (props: PaginationProps) => React.JSX.Element;
+export default Pagination;

package/dist/esm/components/UncontrolledTable/components/pagination/index.js

@@ -0,0 +1,18 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { Pagination as MuiPagination, PaginationItem } from '@mui/material';
+import * as S from './styles';
+var Pagination = function (props) {
+    var count = props.count, pagination = props.pagination, onChangePage = props.onChangePage;
+    var PreviousPagination = function () {
+        return React.createElement("span", null, '<');
+    };
+    var NextPagination = function () {
+        return React.createElement("span", null, '>');
+    };
+    return (React.createElement(S.Pagination, null,
+        React.createElement("div", { className: "content" },
+            React.createElement(MuiPagination, { onChange: function (_event, page) { return onChangePage(page); }, page: pagination.pageIndex, count: count, renderItem: function (item) { return (React.createElement(PaginationItem, __assign({ classes: { root: 'button', selected: 'button-active' }, slots: { previous: PreviousPagination, next: NextPagination }, sx: { height: '35px', minWidth: '35px' } }, item))); } }))));
+};
+export default Pagination;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/UncontrolledTable/components/pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/pagination/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC5E,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAQ9B,IAAM,UAAU,GAAG,UAAC,KAAsB;IAChC,IAAA,KAAK,GAA+B,KAAK,MAApC,EAAE,UAAU,GAAmB,KAAK,WAAxB,EAAE,YAAY,GAAK,KAAK,aAAV,CAAW;IAElD,IAAM,kBAAkB,GAAkB;QACxC,OAAO,kCAAO,GAAG,CAAQ,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAM,cAAc,GAAkB;QACpC,OAAO,kCAAO,GAAG,CAAQ,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,CAAC,CAAC,UAAU;QACX,6BAAK,SAAS,EAAC,SAAS;YACtB,oBAAC,aAAa,IACZ,QAAQ,EAAE,UAAC,MAAkC,EAAE,IAAY,IAAK,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EAClF,IAAI,EAAE,UAAU,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAC,IAAS,IAAK,OAAA,CACzB,oBAAC,cAAc,aACb,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,EACtD,KAAK,EAAE,EAAE,QAAQ,EAAE,kBAAkB,EAAE,IAAI,EAAE,cAAc,EAAE,EAC7D,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IACpC,IAAI,EACR,CACH,EAP0B,CAO1B,GACD,CACE,CACO,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/esm/components/UncontrolledTable/components/pagination/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Pagination: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/UncontrolledTable/components/pagination/styles.js

@@ -0,0 +1,5 @@
+import { __makeTemplateObject } from "tslib";
+import styled from "styled-components";
+export var Pagination = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  margin: 24px 0 0 0;\n  display: flex;\n  justify-content: center;\n  .content {\n    display: flex;\n    gap: 8px;\n    .button {\n      border: 1px solid #E8E9EC;\n      background: #fff;\n      border-radius: 4px;\n      color: #4D4F5C;\n      cursor: pointer;\n      &:disabled {\n        opacity: 0.4;\n      }\n    }\n    .button-active {\n      border: 1px solid #FFDB9F;\n      background: #FFDB9F;\n      color: #B74616;\n      border-radius: 4px;\n      cursor: pointer;\n    }\n  }\n"], ["\n  width: 100%;\n  margin: 24px 0 0 0;\n  display: flex;\n  justify-content: center;\n  .content {\n    display: flex;\n    gap: 8px;\n    .button {\n      border: 1px solid #E8E9EC;\n      background: #fff;\n      border-radius: 4px;\n      color: #4D4F5C;\n      cursor: pointer;\n      &:disabled {\n        opacity: 0.4;\n      }\n    }\n    .button-active {\n      border: 1px solid #FFDB9F;\n      background: #FFDB9F;\n      color: #B74616;\n      border-radius: 4px;\n      cursor: pointer;\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/esm/components/UncontrolledTable/components/pagination/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/pagination/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,skBAAA,mgBA0BnC,IAAA,CAAA"}

package/dist/esm/components/UncontrolledTable/components/tbody/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const TBody: React.FC<any>;
+export default TBody;

package/dist/esm/components/UncontrolledTable/components/tbody/index.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { flexRender } from '@tanstack/react-table';
+import * as S from './styles';
+var TBody = function (_a) {
+    var table = _a.table, onClick = _a.onClick, onMouseOver = _a.onMouseOver, onMouseOut = _a.onMouseOut;
+    return (React.createElement("tbody", null, table.getRowModel().rows.map(function (row, index) {
+        return (React.createElement(S.Tr, { key: index, "$hasAction": !!onClick || !!onMouseOver || !!onMouseOut, onClick: function () { return (onClick ? onClick(row.original) : null); }, onMouseOver: function () { return (onMouseOver ? onMouseOver(row.original) : null); }, onMouseOut: function () { return (onMouseOut ? onMouseOut(row.original) : null); } }, row.getVisibleCells().map(function (cell, index) {
+            return (React.createElement(S.Td, { key: index }, cell.column.columnDef.type == 'action'
+                ? cell.getValue()
+                : flexRender(cell.column.columnDef.cell, cell.getContext())));
+        })));
+    })));
+};
+export default TBody;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/UncontrolledTable/components/tbody/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/tbody/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAE9B,IAAM,KAAK,GAAkB,UAAC,EAA2C;QAAzC,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,UAAU,gBAAA;IACrE,OAAO,CACL,mCACG,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,GAAQ,EAAE,KAAa;QACpD,OAAO,CACL,oBAAC,CAAC,CAAC,EAAE,IACH,GAAG,EAAE,KAAK,gBACE,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,UAAU,EACtD,OAAO,EAAE,cAAM,OAAA,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAxC,CAAwC,EACvD,WAAW,EAAE,cAAM,OAAA,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAhD,CAAgD,EACnE,UAAU,EAAE,cAAM,OAAA,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAA9C,CAA8C,IAE/D,GAAG,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa;YAClD,OAAO,CACL,oBAAC,CAAC,CAAC,EAAE,IAAC,GAAG,EAAE,KAAK,IACb,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,IAAI,QAAQ;gBACrC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE;gBACjB,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CACxD,CACR,CAAC;QACJ,CAAC,CAAC,CACG,CACR,CAAC;IACJ,CAAC,CAAC,CACI,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/esm/components/UncontrolledTable/components/tbody/styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Tr: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export declare const Td: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never>> & string;

package/dist/esm/components/UncontrolledTable/components/tbody/styles.js

@@ -0,0 +1,12 @@
+import { __makeTemplateObject } from "tslib";
+import { breakpoints } from '../../../../utils/styledBreakpoints';
+import styled from 'styled-components';
+export var Tr = styled.tr(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: inherit;\n  display: table-row;\n  vertical-align: middle;\n  outline: 0;\n  &:nth-of-type(even) {\n    background-color: #fafafa;\n  }\n"], ["\n  color: inherit;\n  display: table-row;\n  vertical-align: middle;\n  outline: 0;\n  &:nth-of-type(even) {\n    background-color: #fafafa;\n  }\n"])));
+export var Td = styled.td(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-weight: 500;\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  letter-spacing: 0.01071em;\n  display: table-cell;\n  vertical-align: inherit;\n  border-bottom: 1px solid rgba(224, 224, 224, 1);\n  text-align: left;\n  padding: 16px;\n  ", ";\n  color: #666666;\n  font-size: 0.875rem;\n"], ["\n  font-weight: 500;\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  letter-spacing: 0.01071em;\n  display: table-cell;\n  vertical-align: inherit;\n  border-bottom: 1px solid rgba(224, 224, 224, 1);\n  text-align: left;\n  padding: 16px;\n  ", ";\n  color: #666666;\n  font-size: 0.875rem;\n"])), breakpoints({
+    cssProp: 'padding',
+    cssPropUnits: 'px',
+    values: [{ 1440: 8 }],
+    mediaQueryType: 'max-width',
+}));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=styles.js.map

package/dist/esm/components/UncontrolledTable/components/tbody/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/tbody/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,EAAE,GAAG,MAAM,CAAC,EAAE,yNAAK,sJAQ/B,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,EAAE,GAAG,MAAM,CAAC,EAAE,6WAAA,wPAUvB,EAKA,gDAGH,KARG,WAAW,CAAC;IACZ,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,IAAI;IAClB,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;IACrB,cAAc,EAAE,WAAW;CAC5B,CAAC,CAGH,CAAC"}

package/dist/esm/components/UncontrolledTable/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { UncontrolledTableProps } from './interface';
+declare const UncontrolledTable: (props: UncontrolledTableProps) => React.JSX.Element;
+export default UncontrolledTable;

package/dist/esm/components/UncontrolledTable/index.js

@@ -0,0 +1,86 @@
+import { __assign } from "tslib";
+import React, { useState, useMemo, useRef } from 'react';
+import * as S from './styles';
+import { flexRender, getCoreRowModel, getSortedRowModel, useReactTable, } from '@tanstack/react-table';
+import { Pagination, Header, TBody } from './components';
+import useClickOutside from '../../hooks/useClickOutside';
+var UncontrolledTable = function (props) {
+    var data = props.data, columns = props.columns, onClick = props.onClick, onMouseOver = props.onMouseOver, onMouseOut = props.onMouseOut, showTotalResults = props.showTotalResults, showSettings = props.showSettings, onChangePage = props.onChangePage, pagination = props.pagination, totalPages = props.totalPages, showClearFields = props.showClearFields, onClearFieldsClick = props.onClearFieldsClick, onFilterClick = props.onFilterClick, onSortClick = props.onSortClick, customTotalResults = props.customTotalResults, labels = props.labels, tableClassName = props.tableClassName, stickyHeader = props.stickyHeader;
+    var _a = useState(''), openFilterDialog = _a[0], setOpenFilterDialog = _a[1];
+    var _b = useState([]), sorting = _b[0], setSorting = _b[1];
+    var _c = useState([]), filterByColumn = _c[0], setFilterByColumn = _c[1];
+    var _d = useState([]), globalFilters = _d[0], setGlobalFilters = _d[1];
+    var _e = useState(false), orderSmallest = _e[0], setOrderSmallest = _e[1];
+    var _f = useState(false), orderLargest = _f[0], setOrderLargest = _f[1];
+    var reactTableConfig = useMemo(function () {
+        var config = {
+            columns: columns,
+            data: data,
+            state: {
+                sorting: sorting,
+                columnFilters: filterByColumn,
+                pagination: pagination,
+            },
+            rowCount: totalPages,
+            getCoreRowModel: getCoreRowModel(),
+            getSortedRowModel: getSortedRowModel(),
+            onSortingChange: setSorting,
+            onColumnFiltersChange: setFilterByColumn,
+            manualPagination: true,
+        };
+        return config;
+    }, [data, sorting, filterByColumn, columns, pagination]);
+    var table = useReactTable(reactTableConfig);
+    var filterRef = useRef(null);
+    useClickOutside(filterRef, function () { return setOpenFilterDialog(''); });
+    return (React.createElement(S.Container, null,
+        React.createElement(Header, { table: table, globalFilters: globalFilters, orderSmallest: orderSmallest, orderLargest: orderLargest, showTotalResults: showTotalResults, showSettings: showSettings, setGlobalFilters: setGlobalFilters, setOrderLargest: setOrderLargest, setOrderSmallest: setOrderSmallest, showClearFiels: showClearFields, customTotalResults: customTotalResults, clearLabel: labels === null || labels === void 0 ? void 0 : labels.clearFilter, onClearFieldsClick: function () { return onClearFieldsClick && onClearFieldsClick(); } }),
+        React.createElement(S.Table, { className: tableClassName || '' },
+            React.createElement(S.Thead, { "$sticky": stickyHeader }, table.getHeaderGroups().map(function (headerGroup) { return (React.createElement(S.TableRow, { key: headerGroup.id }, headerGroup.headers.map(function (header) {
+                var _a, _b, _c, _d;
+                return (React.createElement(S.Th, { key: header.id },
+                    React.createElement(S.ColumnContent, { onClick: function () {
+                            var _a, _b;
+                            if (!((_b = (_a = header === null || header === void 0 ? void 0 : header.column) === null || _a === void 0 ? void 0 : _a.columnDef) === null || _b === void 0 ? void 0 : _b.disableMenu))
+                                setOpenFilterDialog(header.column.columnDef.accessorKey);
+                        } },
+                        React.createElement(S.TextColumn, null, !header.isPlaceholder && flexRender(header.column.columnDef.header, header.getContext())),
+                        !((_b = (_a = header === null || header === void 0 ? void 0 : header.column) === null || _a === void 0 ? void 0 : _a.columnDef) === null || _b === void 0 ? void 0 : _b.disableMenu) && (React.createElement(S.IconFilterDialog, null,
+                            React.createElement("svg", { fill: "#666", focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24" },
+                                React.createElement("path", { d: "m7 10 5 5 5-5z" }))))),
+                    openFilterDialog === header.column.columnDef.accessorKey && (React.createElement(S.FilterDialog, { ref: filterRef },
+                        React.createElement(S.ListFilterDialog, null,
+                            React.createElement(S.OptionFilterDialog, { style: {
+                                    background: orderSmallest ? 'rgba(0, 0, 0, 0.04)' : '',
+                                }, onClick: function () {
+                                    onSortClick && onSortClick(header.column.columnDef.accessorKey, 'asc');
+                                    setOpenFilterDialog('');
+                                } },
+                                React.createElement("div", { className: "icon" },
+                                    React.createElement("svg", { fill: "#666", stroke: "currentColor", strokeWidth: "1.5", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", width: "20", height: "20" },
+                                        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m0 0l6.75-6.75M12 19.5l-6.75-6.75" }))),
+                                React.createElement("p", null, (labels === null || labels === void 0 ? void 0 : labels.orderAsc) || 'Menor primeiro')),
+                            React.createElement(S.OptionFilterDialog, { style: {
+                                    background: orderLargest ? 'rgba(0, 0, 0, 0.04)' : '',
+                                }, onClick: function () {
+                                    onSortClick && onSortClick(header.column.columnDef.accessorKey, 'desc');
+                                    setOpenFilterDialog('');
+                                } },
+                                React.createElement("div", { className: "icon rotate" },
+                                    React.createElement("svg", { fill: "#666", stroke: "currentColor", strokeWidth: "1.5", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", width: "20", height: "20" },
+                                        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m0 0l6.75-6.75M12 19.5l-6.75-6.75" }))),
+                                React.createElement("p", null, (labels === null || labels === void 0 ? void 0 : labels.orderDesc) || 'Maior primeiro')),
+                            !((_d = (_c = header === null || header === void 0 ? void 0 : header.column) === null || _c === void 0 ? void 0 : _c.columnDef) === null || _d === void 0 ? void 0 : _d.nofilter) && (React.createElement(S.OptionFilterDialog, { onClick: function () {
+                                    onFilterClick && onFilterClick(header.column.columnDef.accessorKey);
+                                    setOpenFilterDialog('');
+                                } },
+                                React.createElement("div", { className: "icon" },
+                                    React.createElement("svg", { fill: "none", stroke: "currentColor", strokeWidth: "1.5", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", width: "16", height: "16" },
+                                        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 01-.659 1.591l-5.432 5.432a2.25 2.25 0 00-.659 1.591v2.927a2.25 2.25 0 01-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 00-.659-1.591L3.659 7.409A2.25 2.25 0 013 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0112 3z" }))),
+                                React.createElement("p", null, (labels === null || labels === void 0 ? void 0 : labels.filter) || 'Filtrar por'))))))));
+            }))); })),
+            React.createElement(TBody, { table: table, onClick: onClick, onMouseOver: onMouseOver, onMouseOut: onMouseOut })),
+        pagination && (React.createElement(Pagination, { pagination: pagination, count: totalPages, onChangePage: function (page) { return onChangePage(__assign(__assign({}, pagination), { pageIndex: page })); } }))));
+};
+export default UncontrolledTable;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/UncontrolledTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/index.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/UncontrolledTable/interface.d.ts

@@ -0,0 +1,40 @@
+import { ColumnDef } from '@tanstack/react-table';
+type Labels = {
+    orderAsc: string;
+    orderDesc: string;
+    filter: string;
+    clearFilter: string;
+};
+interface Pagination {
+    pageIndex: number;
+    pageSize: number;
+}
+export interface UncontrolledTableProps {
+    data: any;
+    columns: ColumnDef<ColumnsTable>[];
+    onClick: any;
+    onMouseOver: any;
+    onMouseOut: any;
+    showTotalResults: boolean;
+    showSettings: boolean;
+    pagination?: Pagination;
+    totalPages: number;
+    showClearFields?: boolean;
+    customTotalResults?: string;
+    onChangePage: (pagination: Pagination) => void;
+    onClearFieldsClick?: () => void;
+    onFilterClick?: (column: string) => void;
+    onSortClick?: (column: string, direction: string) => void;
+    labels?: Labels;
+    tableClassName?: string;
+    stickyHeader?: boolean;
+}
+export interface ColumnsTable {
+    header: string;
+    accessorKey: string;
+    type: string;
+    enableColumnFilter: boolean;
+    filterFn: string;
+    nofilter?: boolean;
+}
+export {};

package/dist/esm/components/UncontrolledTable/interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interface.js.map

package/dist/esm/components/UncontrolledTable/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/interface.ts"],"names":[],"mappings":""}

package/dist/esm/components/UncontrolledTable/styles.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Table: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
+export declare const Thead: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {
+    $sticky?: boolean | undefined;
+}>> & string;
+export declare const TableRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
+export declare const Th: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, never>> & string;
+export declare const ColumnContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TextColumn: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const IconFilterDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FilterDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ListFilterDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const OptionFilterDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/UncontrolledTable/styles.js

@@ -0,0 +1,22 @@
+import { __makeTemplateObject } from "tslib";
+import { breakpoints } from '../../utils/styledBreakpoints';
+import styled from 'styled-components';
+export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: #fff;\n"], ["\n  background-color: #fff;\n"])));
+export var Table = styled.table(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: table;\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n  min-width: 650px;\n  border: none;\n"], ["\n  display: table;\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n  min-width: 650px;\n  border: none;\n"])));
+var StickyStyles = "\n  position: sticky;\n  top: 0;\n  z-index: 99;\n  background: #fff;\n";
+export var Thead = styled.thead(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: table-header-group;\n  ", "\n"], ["\n  display: table-header-group;\n  ", "\n"])), function (props) { return props.$sticky && StickyStyles; });
+export var TableRow = styled.tr(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: inherit;\n  display: table-row;\n  vertical-align: middle;\n  outline: 0;\n"], ["\n  color: inherit;\n  display: table-row;\n  vertical-align: middle;\n  outline: 0;\n"])));
+export var Th = styled.th(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-weight: 500;\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  letter-spacing: 0.01071em;\n  display: table-cell;\n  vertical-align: inherit;\n  border-bottom: 1px solid rgba(224, 224, 224, 1);\n  text-align: left;\n  padding: 16px;\n  ", ";\n  color: rgba(0, 0, 0, 0.87);\n  color: #666666;\n  font-size: 0.875rem;\n  font-weight: 700;\n"], ["\n  font-weight: 500;\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  letter-spacing: 0.01071em;\n  display: table-cell;\n  vertical-align: inherit;\n  border-bottom: 1px solid rgba(224, 224, 224, 1);\n  text-align: left;\n  padding: 16px;\n  ", ";\n  color: rgba(0, 0, 0, 0.87);\n  color: #666666;\n  font-size: 0.875rem;\n  font-weight: 700;\n"])), breakpoints({
+    cssProp: 'padding',
+    cssPropUnits: 'px',
+    values: [{ 1440: 8 }],
+    mediaQueryType: 'max-width',
+}));
+export var ColumnContent = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 5px;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 5px;\n"])));
+export var TextColumn = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject([""], [""])));
+export var IconFilterDialog = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  height: 20px;\n  width: 20px;\n"], ["\n  height: 20px;\n  width: 20px;\n"])));
+export var FilterDialog = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  position: absolute;\n  padding: 10px 0;\n  margin: 6px 0px 0 0;\n  width: max-content;\n  background: #fff;\n  box-shadow: 0px 3px 6px #00000029;\n  border: 1px solid #e0e0e0;\n  z-index: 99;\n"], ["\n  position: absolute;\n  padding: 10px 0;\n  margin: 6px 0px 0 0;\n  width: max-content;\n  background: #fff;\n  box-shadow: 0px 3px 6px #00000029;\n  border: 1px solid #e0e0e0;\n  z-index: 99;\n"])));
+export var ListFilterDialog = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  .label {\n    margin: 0 0 8px 0;\n    color: #666666;\n    font-size: 14px;\n    font-weight: 400;\n    text-align: left;\n  }\n  .select {\n    border: 1px solid #e0e0e0;\n    padding: 8px 12px;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  .label {\n    margin: 0 0 8px 0;\n    color: #666666;\n    font-size: 14px;\n    font-weight: 400;\n    text-align: left;\n  }\n  .select {\n    border: 1px solid #e0e0e0;\n    padding: 8px 12px;\n  }\n"])));
+export var OptionFilterDialog = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  display: flex;\n  gap: 16px;\n  align-items: center;\n  padding: 6px 15px;\n  cursor: pointer;\n  &:hover {\n    background: rgba(0, 0, 0, 0.04);\n  }\n  .icon {\n    color: #666;\n  }\n  .rotate {\n    rotate: 180deg;\n  }\n  div {\n    width: 20px;\n    height: 20px;\n  }\n  p {\n    margin: 0;\n    color: #666666;\n    font-size: 16px;\n    font-weight: 400;\n  }\n"], ["\n  display: flex;\n  gap: 16px;\n  align-items: center;\n  padding: 6px 15px;\n  cursor: pointer;\n  &:hover {\n    background: rgba(0, 0, 0, 0.04);\n  }\n  .icon {\n    color: #666;\n  }\n  .rotate {\n    rotate: 180deg;\n  }\n  div {\n    width: 20px;\n    height: 20px;\n  }\n  p {\n    margin: 0;\n    color: #666666;\n    font-size: 16px;\n    font-weight: 400;\n  }\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
+//# sourceMappingURL=styles.js.map

package/dist/esm/components/UncontrolledTable/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,kGAAA,+BAElC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,oMAAA,iIAOhC,IAAA,CAAC;AAEF,IAAM,YAAY,GAAG,yEAKpB,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,+GAAuB,sCAEpD,EAAsC,IACzC,KADG,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,OAAO,IAAI,YAAY,EAA7B,CAA6B,CACzC,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,2JAAA,wFAKhC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,EAAE,GAAG,MAAM,CAAC,EAAE,iaAAA,wPAUvB,EAKA,oGAKH,KAVG,WAAW,CAAC;IACZ,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,IAAI;IAClB,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;IACrB,cAAc,EAAE,WAAW;CAC5B,CAAC,CAKH,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,8HAAA,2DAItC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,qEAAA,EAAE,IAAA,CAAC;AAExC,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,wGAAA,qCAGzC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,0QAAA,uMASrC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,kUAAA,6PAczC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,6bAAA,wXAyB3C,IAAA,CAAC"}

package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.d.ts

@@ -0,0 +1,14 @@
+import React, { SyntheticEvent } from 'react';
+import { SxProps } from '@mui/material';
+import { ColorVariant, DataTabs, MuiTabsBaseProps, TabsVariant } from '@/types';
+import { Theme } from '@emotion/react';
+interface Props extends MuiTabsBaseProps {
+    sx?: SxProps<Theme>;
+    tabs: DataTabs[];
+    tab: number;
+    onTabChange: (event: SyntheticEvent, tab: number) => void;
+    color?: ColorVariant;
+    variant?: TabsVariant;
+}
+declare const UncontrolledTabs: ({ tabs, tab, color, onTabChange, ...props }: Props) => React.JSX.Element;
+export default UncontrolledTabs;

package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.js

@@ -0,0 +1,29 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { Box } from '@mui/material';
+import { NormaTab, NormaTabs } from './UncontrolledTabs.style';
+function TabPanel(props) {
+    var children = props.children, value = props.value, index = props.index, other = __rest(props, ["children", "value", "index"]);
+    return (React.createElement("div", __assign({ role: "tabpanel", hidden: value !== index, id: "simple-tabpanel-".concat(index), "aria-labelledby": "simple-tab-".concat(index) }, other), value === index && React.createElement(Box, { sx: { p: 3 } }, children)));
+}
+function a11yProps(index) {
+    return {
+        id: "simple-tab-".concat(index),
+        'aria-controls': "simple-tabpanel-".concat(index),
+    };
+}
+var UncontrolledTabs = function (_a) {
+    var tabs = _a.tabs, tab = _a.tab, _b = _a.color, color = _b === void 0 ? 'primary' : _b, onTabChange = _a.onTabChange, props = __rest(_a, ["tabs", "tab", "color", "onTabChange"]);
+    var handleChange = function (event, newValue) {
+        onTabChange(event, newValue);
+    };
+    return (React.createElement(Box, { sx: { width: '100%' } },
+        React.createElement(Box, null,
+            React.createElement(NormaTabs, __assign({ value: tab, color: color, onChange: handleChange, "aria-label": "tabs" }, props), tabs.map(function (item, key) { return (React.createElement(NormaTab, __assign({ key: key, label: item.label, color: color }, a11yProps(key)))); }))),
+        tabs.map(function (item, key) {
+            var _a;
+            return (React.createElement(TabPanel, __assign({}, (_a = item.tabPanel) === null || _a === void 0 ? void 0 : _a.props, { key: key, value: tab, index: key }), item.children));
+        })));
+};
+export default UncontrolledTabs;
+//# sourceMappingURL=UncontrolledTabs.js.map

package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UncontrolledTabs.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTabs/UncontrolledTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAW,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAkB/D,SAAS,QAAQ,CAAC,KAAoB;IAC5B,IAAA,QAAQ,GAA8B,KAAK,SAAnC,EAAE,KAAK,GAAuB,KAAK,MAA5B,EAAE,KAAK,GAAgB,KAAK,MAArB,EAAM,KAAK,UAAK,KAAK,EAA7C,8BAAqC,CAAF,CAAW;IAEpD,OAAO,CACL,sCACE,IAAI,EAAC,UAAU,EACf,MAAM,EAAE,KAAK,KAAK,KAAK,EACvB,EAAE,EAAE,0BAAmB,KAAK,CAAE,qBACb,qBAAc,KAAK,CAAE,IAClC,KAAK,GAER,KAAK,KAAK,KAAK,IAAI,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,IAAG,QAAQ,CAAO,CACnD,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,KAAa;IAC9B,OAAO;QACL,EAAE,EAAE,qBAAc,KAAK,CAAE;QACzB,eAAe,EAAE,0BAAmB,KAAK,CAAE;KAC5C,CAAC;AACJ,CAAC;AAED,IAAM,gBAAgB,GAAG,UAAC,EAA8D;IAA5D,IAAA,IAAI,UAAA,EAAE,GAAG,SAAA,EAAE,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EAAE,WAAW,iBAAA,EAAK,KAAK,cAArD,uCAAuD,CAAF;IAC7E,IAAM,YAAY,GAAG,UAAC,KAAqB,EAAE,QAAgB;QAC3D,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;QACxB,oBAAC,GAAG;YACF,oBAAC,SAAS,aAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,gBAAa,MAAM,IAAK,KAAK,GACrF,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CACvB,oBAAC,QAAQ,aAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,IAAM,SAAS,CAAC,GAAG,CAAC,EAAI,CAC5E,EAFwB,CAExB,CAAC,CACQ,CACR;QACL,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG;;YAAK,OAAA,CACvB,oBAAC,QAAQ,eAAK,MAAA,IAAI,CAAC,QAAQ,0CAAE,KAAK,IAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KACjE,IAAI,CAAC,QAAQ,CACL,CACZ,CAAA;SAAA,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.style.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { TabsProps } from '@mui/material/Tabs';
+import { ColorVariant } from '@/types';
+interface StyledTabProps {
+    label: string;
+    color: ColorVariant;
+}
+export declare const NormaTabs: React.ComponentType<TabsProps & {
+    color: ColorVariant;
+}>;
+export declare const NormaTab: React.ComponentType<StyledTabProps>;
+export {};

package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.style.js

@@ -0,0 +1,49 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { styled } from '@mui/material/styles';
+import { Tab, Tabs } from '@mui/material';
+import { palette } from '../../helpers';
+var colorMap = {
+    inherit: palette.inherit,
+    primary: palette.primary,
+    secondary: palette.secondary,
+    error: palette.error,
+    warning: palette.warning,
+    info: palette.info,
+    success: palette.success,
+};
+export var NormaTabs = styled(Tabs)(function (_a) {
+    var color = _a.color;
+    return ({
+        borderBottom: '1px solid #e8e8e8',
+        '& .Mui-selected': {
+            color: colorMap[color],
+        },
+        '& .MuiTabs-indicator': {
+            backgroundColor: colorMap[color],
+        },
+        '& .MuiButtonBase-root': {
+            textTransform: 'none',
+        },
+    });
+});
+export var NormaTab = styled(function (props) { return (React.createElement(Tab, __assign({ disableRipple: true }, props))); })(function (_a) {
+    var theme = _a.theme, color = _a.color;
+    return ({
+        textTransform: 'none',
+        fontWeight: theme.typography.fontWeightRegular,
+        fontSize: theme.typography.pxToRem(15),
+        marginRight: theme.spacing(1),
+        color: '#666666',
+        padding: '5px 15px',
+        top: '5px',
+        minWidth: '60px',
+        '&.Mui-selected': {
+            color: colorMap[color],
+        },
+        '&.Mui-focusVisible': {
+            backgroundColor: 'rgba(100, 95, 228, 0.32)',
+        },
+    });
+});
+//# sourceMappingURL=UncontrolledTabs.style.js.map

package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UncontrolledTabs.style.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTabs/UncontrolledTabs.style.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,IAAM,QAAQ,GAAiC;IAC7C,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,SAAS,EAAE,OAAO,CAAC,SAAS;IAC5B,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,IAAI,EAAE,OAAO,CAAC,IAAI;IAClB,OAAO,EAAE,OAAO,CAAC,OAAO;CACzB,CAAC;AAOF,MAAM,CAAC,IAAM,SAAS,GAA6D,MAAM,CAAC,IAAI,CAAC,CAE5F,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC;QACjB,YAAY,EAAE,mBAAmB;QACjC,iBAAiB,EAAE;YACjB,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC;SACvB;QACD,sBAAsB,EAAE;YACtB,eAAe,EAAE,QAAQ,CAAC,KAAK,CAAC;SACjC;QACD,uBAAuB,EAAE;YACvB,aAAa,EAAE,MAAM;SACtB;KACF,CAAC;AAXgB,CAWhB,CAAC,CAAC;AAEJ,MAAM,CAAC,IAAM,QAAQ,GAAwC,MAAM,CAAC,UAAC,KAAqB,IAAK,OAAA,CAC7F,oBAAC,GAAG,aAAC,aAAa,UAAK,KAAK,EAAI,CACjC,EAF8F,CAE9F,CAAC,CAAC,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IAAO,OAAA,CAAC;QACxB,aAAa,EAAE,MAAM;QACrB,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB;QAC9C,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;QACtC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,UAAU;QACnB,GAAG,EAAE,KAAK;QACV,QAAQ,EAAE,MAAM;QAChB,gBAAgB,EAAE;YAChB,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC;SACvB;QACD,oBAAoB,EAAE;YACpB,eAAe,EAAE,0BAA0B;SAC5C;KACF,CAAC;AAfuB,CAevB,CAAC,CAAC"}

package/dist/esm/helpers/colors.d.ts

@@ -1,3 +1,4 @@
+import { PaletteOptions } from '@mui/material/styles';
 export declare const getPalette: () => {
     primary: string;
     primaryLight: string;
@@ -161,11 +162,14 @@ export declare const olosPalette: {
         main: string;
     };
 };
+export declare const newOlosPalette: PaletteOptions;
 export declare const lightTheme: import("@mui/material/styles").Theme;
+export declare const newLightTheme: import("@mui/material/styles").Theme;
 export declare const darkTheme: import("@mui/material/styles").Theme;
 export declare const themes: {
     light: import("@mui/material/styles").Theme;
     dark: import("@mui/material/styles").Theme;
+    newLight: import("@mui/material/styles").Theme;
 };
 type PaletteKey = keyof typeof getPalette;
 declare const getColor: (key: PaletteKey) => string;