norma-library 0.6.893 → 0.6.981

package/dist/esm/components/UncontrolledTable/components/TableButton/TableButton.style.d.ts

@@ -0,0 +1,16 @@
+export declare const TableButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $disabled?: boolean;
+}>> & string;
+export declare const TableButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $config?: boolean;
+    $list?: boolean;
+    $disabled?: boolean;
+}>> & string;
+export declare const TableLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TableList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $position?: "left" | "right";
+    $visible?: boolean;
+}>> & string;
+export declare const TableListItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $disabled?: boolean;
+}>> & string;

package/dist/esm/components/UncontrolledTable/components/TableButton/TableButton.style.js

@@ -0,0 +1,9 @@
+import { __makeTemplateObject } from "tslib";
+import styled from 'styled-components';
+export var TableButtonContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: block;\n  position: relative;\n  cursor: ", ";\n"], ["\n  display: block;\n  position: relative;\n  cursor: ", ";\n"])), function (props) { return (props.$disabled ? 'not-allowed' : 'pointer'); });
+export var TableButton = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  border: ", ";\n  box-sizing: border-box;\n  padding: 10px;\n  border-radius: 4px;\n  pointer-events: ", ";\n  opacity: ", ";\n  &:hover {\n    background-color: ", ";\n  }\n"], ["\n  background-color: ", ";\n  border: ", ";\n  box-sizing: border-box;\n  padding: 10px;\n  border-radius: 4px;\n  pointer-events: ", ";\n  opacity: ", ";\n  &:hover {\n    background-color: ", ";\n  }\n"])), function (props) { return (!props.$config ? '#f0f0f0' : '#fff'); }, function (props) { return (props.$config ? '1px solid #ccc' : 'none'); }, function (props) { return (props.$disabled ? 'none' : 'auto'); }, function (props) { return (props.$disabled ? 0.3 : 1); }, function (props) { return (!props.$config ? '#e0e0e0' : '#f9f9f9'); });
+export var TableLabel = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 14px;\n  color: #333;\n  font-weight: 500;\n"], ["\n  font-size: 14px;\n  color: #333;\n  font-weight: 500;\n"])));
+export var TableList = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  visibility: ", ";\n  position: absolute;\n  background-color: #fff;\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n  border-radius: 4px;\n  padding: 10px;\n  z-index: 1000;\n  ", "\n  top: calc(100% + 10px);\n  width: 200px;\n"], ["\n  visibility: ", ";\n  position: absolute;\n  background-color: #fff;\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);\n  border-radius: 4px;\n  padding: 10px;\n  z-index: 1000;\n  ", "\n  top: calc(100% + 10px);\n  width: 200px;\n"])), function (props) { return (props.$visible ? 'visible' : 'hidden'); }, function (props) { return (props.$position === 'left' ? 'left: 0;' : 'right: 0;'); });
+export var TableListItem = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  filter: ", ";\n  pointer-events: ", ";\n  color: ", ";\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 5px 10px;\n  cursor: pointer;\n"], ["\n  filter: ", ";\n  pointer-events: ", ";\n  color: ", ";\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 5px 10px;\n  cursor: pointer;\n"])), function (props) { return (props.$disabled ? 'grayscale(1)' : 'none'); }, function (props) { return (props.$disabled ? 'none' : 'auto'); }, function (props) { return (props.$disabled ? '#999' : '#333'); });
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=TableButton.style.js.map

package/dist/esm/components/UncontrolledTable/components/TableButton/TableButton.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableButton.style.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/TableButton/TableButton.style.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,kIAAuB,wDAGzD,EAAwD,KACnE,KADW,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,EAA7C,CAA6C,CACnE,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,iRAA6D,wBAC5E,EAAgD,eAC1D,EAAsD,2FAI9C,EAA8C,gBACrD,EAAsC,wCAE3B,EAAmD,UAE1E,KAVqB,UAAC,KAAK,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,EAArC,CAAqC,EAC1D,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,EAA3C,CAA2C,EAI9C,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAnC,CAAmC,EACrD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAA3B,CAA2B,EAE3B,UAAC,KAAK,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,EAAxC,CAAwC,CAE1E,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,gIAAA,6DAInC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,4SAAsD,kBACzE,EAAkD,mKAO9D,EAAkE,gDAGrE,KAVe,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAvC,CAAuC,EAO9D,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,EAAvD,CAAuD,CAGrE,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,wPAAyB,cACpD,EAAsD,uBAC9C,EAA8C,cACvD,EAA8C,4HAMxD,KARW,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,EAA3C,CAA2C,EAC9C,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAnC,CAAmC,EACvD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAnC,CAAmC,CAMxD,CAAA"}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Table } from '@tanstack/react-table';
+import { TableButton as TypeTableButton } from '../../interface';
+interface HeaderProps {
+    table: Table<unknown>;
+    menus?: TypeTableButton[];
+    configs?: TypeTableButton[];
+    labels: {
+        columns: string;
+    };
+    hideColumns?: string[];
+    onColumnVisibilityChange?: (column: string, value: boolean) => void;
+}
+declare const Header: (props: HeaderProps) => React.JSX.Element;
+export default Header;

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

@@ -0,0 +1,48 @@
+import { __spreadArray } from "tslib";
+import React, { useCallback, useEffect, useMemo } from 'react';
+import TableButton from '../TableButton/TableButton';
+import TableChartIcon from '@mui/icons-material/TableChart';
+import * as S from './header.styles';
+var Header = function (props) {
+    var table = props.table, menus = props.menus, configs = props.configs, labels = props.labels, hideColumns = props.hideColumns, onColumnVisibilityChange = props.onColumnVisibilityChange;
+    useEffect(function () {
+        if (!hideColumns)
+            return;
+        table
+            .getAllLeafColumns()
+            .filter(function (column) { return hideColumns.includes(column.id); })
+            .forEach(function (column) { return column.toggleVisibility(false); });
+    }, [hideColumns, table]);
+    var _tableFields = useCallback(function () {
+        return table.getAllLeafColumns().map(function (column) { return ({
+            id: column.id,
+            label: column.columnDef.header || column.id,
+            onClick: function () {
+                var isVisible = !column.getIsVisible();
+                column.toggleVisibility(isVisible);
+                onColumnVisibilityChange === null || onColumnVisibilityChange === void 0 ? void 0 : onColumnVisibilityChange(column.id, isVisible);
+            },
+            checked: function () { return column.getIsVisible(); },
+        }); });
+    }, [table]);
+    var _menus = useMemo(function () {
+        return menus;
+    }, [menus]);
+    var _configs = useMemo(function () {
+        var _fields = {
+            render: function () { return (React.createElement(S.BtnColumns, null,
+                React.createElement(TableChartIcon, { style: { fontSize: '1rem' } }),
+                labels.columns)); },
+            list: {
+                options: _tableFields(),
+                toggleableList: true,
+            },
+        };
+        return __spreadArray(__spreadArray([], (configs || []), true), [_fields], false);
+    }, [configs]);
+    return (React.createElement(S.Header, null,
+        React.createElement(S.HeaderMenus, null, _menus === null || _menus === void 0 ? void 0 : _menus.map(function (menu, index) { return (React.createElement(TableButton, { key: index, theme: "menu", onClick: function () { var _a; return (_a = menu.onClick) === null || _a === void 0 ? void 0 : _a.call(menu); }, list: menu.list, disabled: menu.disabled }, menu.render())); })),
+        React.createElement(S.HeaderConfigs, null, _configs === null || _configs === void 0 ? void 0 : _configs.map(function (config, index) { return (React.createElement(TableButton, { key: index, theme: "config", onClick: function () { var _a; return (_a = config.onClick) === null || _a === void 0 ? void 0 : _a.call(config); }, list: config.list, disabled: config.disabled }, config.render())); }))));
+};
+export default Header;
+//# sourceMappingURL=header.js.map

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

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

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

@@ -0,0 +1,4 @@
+export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HeaderMenus: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const BtnColumns: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HeaderConfigs: 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/header.styles.js

@@ -0,0 +1,8 @@
+import { __makeTemplateObject } from "tslib";
+import styled from 'styled-components';
+export var Header = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  padding: 10px 0;\n  border-bottom: 1px solid #e0e0e0;\n  justify-content: space-between;\n"], ["\n  display: flex;\n  padding: 10px 0;\n  border-bottom: 1px solid #e0e0e0;\n  justify-content: space-between;\n"])));
+export var HeaderMenus = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  gap: 10px;\n  align-items: center;\n"], ["\n  display: flex;\n  gap: 10px;\n  align-items: center;\n"])));
+export var BtnColumns = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  gap: 5px;\n  align-items: center;\n"], ["\n  display: flex;\n  gap: 5px;\n  align-items: center;\n"])));
+export var HeaderConfigs = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  gap: 10px;\n  align-items: center;\n"], ["\n  display: flex;\n  gap: 10px;\n  align-items: center;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=header.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header.styles.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/header/header.styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,MAAM,GAAG,MAAM,CAAC,GAAG,qLAAA,kHAK/B,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,+HAAA,4DAIpC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,8HAAA,2DAInC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,+HAAA,4DAItC,IAAA,CAAA"}

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

@@ -0,0 +1,7 @@
+import Pagination from "./pagination/pagination";
+import Header from "./header/header";
+import SimpleRow from "./row/SimpleRow";
+import DraggableRow from "./row/DraggableRow";
+import RowDragHandleCell from "./row/RowDragHandleCell";
+import TableButton from "./TableButton/TableButton";
+export { Pagination, Header, SimpleRow, DraggableRow, RowDragHandleCell, TableButton };

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

@@ -0,0 +1,8 @@
+import Pagination from "./pagination/pagination";
+import Header from "./header/header";
+import SimpleRow from "./row/SimpleRow";
+import DraggableRow from "./row/DraggableRow";
+import RowDragHandleCell from "./row/RowDragHandleCell";
+import TableButton from "./TableButton/TableButton";
+export { Pagination, Header, SimpleRow, DraggableRow, RowDragHandleCell, TableButton };
+//# 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,yBAAyB,CAAC;AACjD,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,SAAS,MAAM,iBAAiB,CAAC;AACxC,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,yBAAyB,CAAC;AACxD,OAAO,WAAW,MAAM,2BAA2B,CAAC;AAGpD,OAAO,EACL,UAAU,EACV,MAAM,EACN,SAAS,EACT,YAAY,EACZ,iBAAiB,EACjB,WAAW,EACZ,CAAA"}

package/dist/esm/components/UncontrolledTable/components/pagination/pagination.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/pagination.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 './pagination.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=pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/pagination/pagination.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,qBAAqB,CAAC;AAQzC,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/pagination.styles.d.ts

@@ -0,0 +1 @@
+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/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=pagination.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.styles.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/pagination/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/row/DraggableRow.d.ts

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

package/dist/esm/components/UncontrolledTable/components/row/DraggableRow.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import * as S from './styles';
+import { flexRender } from '@tanstack/react-table';
+import { useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+var DraggableRow = function (_a) {
+    var row = _a.row, onClick = _a.onClick, onMouseOver = _a.onMouseOver, onMouseOut = _a.onMouseOut;
+    var _b = useSortable({
+        id: row.id,
+    }), transform = _b.transform, transition = _b.transition, setNodeRef = _b.setNodeRef, isDragging = _b.isDragging;
+    var style = {
+        transform: CSS.Transform.toString(transform),
+        transition: transition,
+        opacity: isDragging ? 0.8 : 1,
+        zIndex: isDragging ? 1 : 0,
+        position: 'relative',
+    };
+    return (React.createElement(S.Tr, { ref: setNodeRef, style: style }, row.getVisibleCells().map(function (cell) { return (React.createElement(S.Td, { key: cell.id, onClick: onClick, onMouseOver: onMouseOver, onMouseOut: onMouseOut }, cell.column.columnDef.type == 'action'
+        ? cell.getValue()
+        : flexRender(cell.column.columnDef.cell, cell.getContext()))); })));
+};
+export default DraggableRow;
+//# sourceMappingURL=DraggableRow.js.map

package/dist/esm/components/UncontrolledTable/components/row/DraggableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableRow.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/row/DraggableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAE7B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAA;AAExC,IAAM,YAAY,GAAkB,UAAC,EAAyC;QAAvC,GAAG,SAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,UAAU,gBAAA;IACpE,IAAA,KAAoD,WAAW,CAAC;QACpE,EAAE,EAAE,GAAG,CAAC,EAAE;KACX,CAAC,EAFM,SAAS,eAAA,EAAE,UAAU,gBAAA,EAAE,UAAU,gBAAA,EAAE,UAAU,gBAEnD,CAAA;IAEF,IAAM,KAAK,GAAkB;QAC3B,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;QAC5C,UAAU,EAAE,UAAU;QACtB,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC7B,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1B,QAAQ,EAAE,UAAU;KACrB,CAAA;IAED,OAAO,CACL,oBAAC,CAAC,CAAC,EAAE,IAAC,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,IAChC,GAAG,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CACxC,oBAAC,CAAC,CAAC,EAAE,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,IACnF,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,IAAI,QAAQ;QACrC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE;QACjB,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CACxD,CACR,EANyC,CAMzC,CAAC,CACG,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/esm/components/UncontrolledTable/components/row/RowDragHandleCell.d.ts

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

package/dist/esm/components/UncontrolledTable/components/row/RowDragHandleCell.js

@@ -0,0 +1,15 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { useSortable } from '@dnd-kit/sortable';
+import { Button } from '../../../../components/Button';
+import DragIndicatorIcon from '@mui/icons-material/DragIndicator';
+var RowDragHandleCell = function (_a) {
+    var rowId = _a.rowId;
+    var _b = useSortable({
+        id: rowId,
+    }), attributes = _b.attributes, listeners = _b.listeners;
+    return (React.createElement(Button, __assign({}, attributes, listeners, { style: { cursor: 'grab' } }),
+        React.createElement(DragIndicatorIcon, null)));
+};
+export default RowDragHandleCell;
+//# sourceMappingURL=RowDragHandleCell.js.map

package/dist/esm/components/UncontrolledTable/components/row/RowDragHandleCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowDragHandleCell.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/row/RowDragHandleCell.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,iBAAiB,MAAM,mCAAmC,CAAC;AAElE,IAAM,iBAAiB,GAAkB,UAAC,EAA2B;QAAzB,KAAK,WAAA;IACzC,IAAA,KAA4B,WAAW,CAAC;QAC5C,EAAE,EAAE,KAAK;KACV,CAAC,EAFM,UAAU,gBAAA,EAAE,SAAS,eAE3B,CAAC;IACH,OAAO,CACL,oBAAC,MAAM,eAAK,UAAU,EAAM,SAAS,IAAE,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;QAC9D,oBAAC,iBAAiB,OAAG,CACd,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/esm/components/UncontrolledTable/components/row/SimpleRow.d.ts

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

package/dist/esm/components/UncontrolledTable/components/row/SimpleRow.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { flexRender } from '@tanstack/react-table';
+import * as S from './styles';
+var SimpleRow = function (_a) {
+    var row = _a.row, onClick = _a.onClick, onMouseOver = _a.onMouseOver, onMouseOut = _a.onMouseOut;
+    return (React.createElement(S.Tr, { 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 SimpleRow;
+//# sourceMappingURL=SimpleRow.js.map

package/dist/esm/components/UncontrolledTable/components/row/SimpleRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleRow.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/row/SimpleRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAE7B,IAAM,SAAS,GAAkB,UAAC,EAAyC;QAAvC,GAAG,SAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,UAAU,gBAAA;IACvE,OAAO,CACL,oBAAC,CAAC,CAAC,EAAE,IACH,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;QAClD,OAAO,CACL,oBAAC,CAAC,CAAC,EAAE,IAAC,GAAG,EAAE,KAAK,IACb,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,IAAI,QAAQ;YACrC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE;YACjB,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CACxD,CACR,CAAA;IACH,CAAC,CAAC,CACG,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

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

@@ -0,0 +1,2 @@
+export declare const Tr: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & 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/row/styles.js

@@ -0,0 +1,6 @@
+import { __makeTemplateObject } from "tslib";
+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"], ["\n  color: inherit;\n  display: table-row;\n  vertical-align: middle;\n  outline: 0;\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: 8px;\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: 8px;\n  color: #666666;\n  font-size: 0.875rem;\n"])));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/row/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,EAAE,GAAG,MAAM,CAAC,EAAE,2JAAA,wFAK1B,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,EAAE,GAAG,MAAM,CAAC,EAAE,mWAAA,gSAY1B,IAAA,CAAA"}

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

@@ -0,0 +1,64 @@
+import { ColumnDef } from '@tanstack/react-table';
+import { JSX } from 'react';
+type Labels = {
+    orderAsc?: string;
+    orderDesc?: string;
+    filter?: string;
+    clearFilter?: string;
+    columns?: string;
+};
+interface Pagination {
+    pageIndex: number;
+    pageSize: number;
+}
+interface Sticky {
+    enabled: boolean;
+    top: number;
+}
+export interface TableList {
+    id: string;
+    label: string | JSX.Element;
+    onClick?: (id: string) => void;
+    checked?: () => boolean | boolean;
+    disabled?: boolean;
+}
+export interface TableButton {
+    render: () => JSX.Element;
+    list?: {
+        options: TableList[];
+        toggleableList?: boolean;
+        closeOnClick?: boolean;
+    };
+    disabled?: boolean;
+    onClick?: () => void;
+}
+export interface UncontrolledTableProps {
+    data: any;
+    columns: ColumnDef<ColumnsTable>[];
+    pagination?: Pagination;
+    totalPages?: number;
+    labels?: Labels;
+    tableClassName?: string;
+    sticky?: Sticky;
+    draggable?: boolean;
+    buttons?: TableButton[];
+    configs?: TableButton[];
+    hideColumns?: string[];
+    onClick?: () => void;
+    onMouseOver?: () => void;
+    onMouseOut?: () => void;
+    onColumnVisibilityChange?: (column: string, value: boolean) => void;
+    onChangePage?: (pagination: Pagination) => void;
+    onFilterClick?: (column: string) => void;
+    onSortClick?: (column: string, direction: string) => void;
+    onDragEnd?: (data: any[]) => void;
+}
+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/UncontrolledTabs/UncontrolledTabs.d.ts

@@ -0,0 +1,16 @@
+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;
+    info?: React.ReactNode;
+    tabPanelSx?: SxProps<Theme>;
+}
+declare const UncontrolledTabs: ({ tabs, tab, color, onTabChange, info, ...props }: Props) => React.JSX.Element;
+export default UncontrolledTabs;

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

@@ -0,0 +1,32 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { Box } from '@mui/material';
+import { NormaTab, NormaTabs } from './UncontrolledTabs.style';
+import { NormaTabInfo } from './UncontrolledTabsInfo.style';
+function TabPanel(props) {
+    var children = props.children, value = props.value, index = props.index, sx = props.sx, other = __rest(props, ["children", "value", "index", "sx"]);
+    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: __assign({ p: 3 }, sx) }, 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, info = _a.info, props = __rest(_a, ["tabs", "tab", "color", "onTabChange", "info"]);
+    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)))); }),
+                info && React.createElement(NormaTabInfo, null, info))),
+        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, sx: props.tabPanelSx }), 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;AAE/D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAoB5D,SAAS,QAAQ,CAAC,KAAoB;IAC5B,IAAA,QAAQ,GAAiC,KAAK,SAAtC,EAAE,KAAK,GAA0B,KAAK,MAA/B,EAAE,KAAK,GAAmB,KAAK,MAAxB,EAAE,EAAE,GAAe,KAAK,GAApB,EAAK,KAAK,UAAK,KAAK,EAAhD,oCAAwC,CAAF,CAAW;IAEvD,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,aAAI,CAAC,EAAE,CAAC,IAAK,EAAE,KAAK,QAAQ,CAAO,CAC1D,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,EAAoE;IAAlE,IAAA,IAAI,UAAA,EAAE,GAAG,SAAA,EAAE,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EAAE,WAAW,iBAAA,EAAE,IAAI,UAAA,EAAK,KAAK,cAA3D,+CAA6D,CAAF;IACnF,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;gBACrF,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;gBACD,IAAI,IAAI,oBAAC,YAAY,QAAE,IAAI,CAAgB,CAClC,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,EAAE,EAAE,EAAE,KAAK,CAAC,UAAU,KACvF,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/components/UncontrolledTabs/UncontrolledTabsInfo.style.d.ts

@@ -0,0 +1 @@
+export declare const NormaTabInfo: 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/UncontrolledTabs/UncontrolledTabsInfo.style.js

@@ -0,0 +1,5 @@
+import { __makeTemplateObject } from "tslib";
+import styled from 'styled-components';
+export var NormaTabInfo = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  height: 38px;\n"], ["\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  height: 38px;\n"])));
+var templateObject_1;
+//# sourceMappingURL=UncontrolledTabsInfo.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UncontrolledTabsInfo.style.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTabs/UncontrolledTabsInfo.style.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,0IAAA,uEAKrC,IAAA,CAAC"}

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

@@ -0,0 +1,26 @@
+export * from './Accordion';
+export * from './Avatar';
+export * from './Badge';
+export * from './Button';
+export * from './Card';
+export * from './ChatMessage';
+export * from './ChatMessageBalloon/ChatMessageBalloon';
+export * from './CheckBox';
+export * from './DatePicker';
+export * from './DropDown';
+export * from './IconButton';
+export * from './Icons';
+export * from './Modal';
+export * from './NormaChatMessageBalloon';
+export * from './Paper';
+export * from './ProductCard/ProductCard';
+export * from './ProgressBar';
+export * from './RadioGroup';
+export * from './RangerSlider';
+export * from './Select';
+export * from './ServiceCard/ServiceCard';
+export * from './Tabs';
+export * from './Tag';
+export * from './Table';
+export * from './TextField';
+export * from './TimePicker';

package/dist/esm/components/index.js

@@ -0,0 +1,27 @@
+export * from './Accordion';
+export * from './Avatar';
+export * from './Badge';
+export * from './Button';
+export * from './Card';
+export * from './ChatMessage';
+export * from './ChatMessageBalloon/ChatMessageBalloon';
+export * from './CheckBox';
+export * from './DatePicker';
+export * from './DropDown';
+export * from './IconButton';
+export * from './Icons';
+export * from './Modal';
+export * from './NormaChatMessageBalloon';
+export * from './Paper';
+export * from './ProductCard/ProductCard';
+export * from './ProgressBar';
+export * from './RadioGroup';
+export * from './RangerSlider';
+export * from './Select';
+export * from './ServiceCard/ServiceCard';
+export * from './Tabs';
+export * from './Tag';
+export * from './Table';
+export * from './TextField';
+export * from './TimePicker';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,yCAAyC,CAAC;AACxD,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,SAAS,CAAC;AACxB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}

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

@@ -0,0 +1,2 @@
+declare function getAlign(border: string): "text-start justify-items-start" | "justify-items-center" | "text-end justify-items-end" | "text-center inline-flex";
+export { getAlign };