infinity-forge 1.3.6 → 1.3.8

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export * from './ui/index.js';
 export * from './sites/index.js';
 export * from './system/index.js';
+export * from "./test/index.js";

package/dist/index.js

@@ -17,4 +17,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./ui/index.js"), exports);
 __exportStar(require("./sites/index.js"), exports);
 __exportStar(require("./system/index.js"), exports);
+__exportStar(require("./test/index.js"), exports);
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uCAAoB;AACpB,0CAAuB;AACvB,2CAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uCAAoB;AACpB,0CAAuB;AACvB,2CAAwB;AACxB,yCAAsB"}

package/dist/system/domain/generics/table-configuration.d.ts

@@ -2,11 +2,11 @@ export type Filter = {
     data: string;
     placeholder?: string;
     label: string;
+    outsideFilters?: boolean;
     options: {
         value: string;
         text: string;
     }[];
-    search: null;
 };
 export type TableConfiguration = {
     columns: {

package/dist/system/presentation/components/data/input-search/index.js

@@ -31,7 +31,6 @@ function InputSearch(_a) {
     var onChange = _a.onChange;
     return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'InputSearch', children: (0, jsx_runtime_1.jsx)(S.SearchInput, { children: (0, jsx_runtime_1.jsx)(ui_1.Input, { icon: {
                     size: 17,
-                    color: "#828282",
                     name: "LupaIcon",
                     onClick: function (value) { return onChange(value); }
                 }, className: 'font-14-regular', id: 'search', type: 'text', name: 'search', placeholder: 'Pesquisar...' }) }) }));

package/dist/system/presentation/components/data/input-search/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/input-search/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAAmC;AAInC,0CAA6B;AAE7B,SAAgB,WAAW,CAAC,EAA0B;QAAxB,QAAQ,cAAA;IACpC,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,aAAa,YACvB,uBAAC,CAAC,CAAC,WAAW,cACZ,uBAAC,UAAK,IACJ,IAAI,EAAE;oBACJ,IAAI,EAAE,EAAE;oBACR,KAAK,EAAE,SAAS;oBAChB,IAAI,EAAE,UAAU;oBAChB,OAAO,EAAE,UAAC,KAAa,IAAK,OAAA,QAAQ,CAAC,KAAK,CAAC,EAAf,CAAe;iBAC5C,EACD,SAAS,EAAC,iBAAiB,EAC3B,EAAE,EAAC,QAAQ,EACX,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,WAAW,EAAC,cAAc,GAC1B,GACY,GACV,CACT,CAAA;AACH,CAAC;AApBD,kCAoBC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/input-search/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAAmC;AAInC,0CAA6B;AAE7B,SAAgB,WAAW,CAAC,EAA0B;QAAxB,QAAQ,cAAA;IACpC,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,aAAa,YACvB,uBAAC,CAAC,CAAC,WAAW,cACZ,uBAAC,UAAK,IACJ,IAAI,EAAE;oBACJ,IAAI,EAAE,EAAE;oBACR,IAAI,EAAE,UAAU;oBAChB,OAAO,EAAE,UAAC,KAAa,IAAK,OAAA,QAAQ,CAAC,KAAK,CAAC,EAAf,CAAe;iBAC5C,EACD,SAAS,EAAC,iBAAiB,EAC3B,EAAE,EAAC,QAAQ,EACX,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,WAAW,EAAC,cAAc,GAC1B,GACY,GACV,CACT,CAAA;AACH,CAAC;AAnBD,kCAmBC"}

package/dist/system/presentation/components/data/input-search/styles.js

@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SearchInput = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.SearchInput = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  --iconSize: 17px;\n  --leftPadding: 15px;\n\n  width: fit-content;\n  position: relative;\n  z-index: 22;\n\n  input {\n    width: 100%;\n    height: var(--inputHeight);\n    border-radius: 5px;\n    border-radius: var(--borderRadius);\n    border: 1px solid #e1e1e1;\n    transition: all 0.02s ease-in-out;\n    padding-left: calc(var(--iconSize) + var(--leftPadding) + 10px);\n\n    &::placeholder {\n      color: #828282;\n    }\n  }\n"], ["\n  --iconSize: 17px;\n  --leftPadding: 15px;\n\n  width: fit-content;\n  position: relative;\n  z-index: 22;\n\n  input {\n    width: 100%;\n    height: var(--inputHeight);\n    border-radius: 5px;\n    border-radius: var(--borderRadius);\n    border: 1px solid #e1e1e1;\n    transition: all 0.02s ease-in-out;\n    padding-left: calc(var(--iconSize) + var(--leftPadding) + 10px);\n\n    &::placeholder {\n      color: #828282;\n    }\n  }\n"])));
+exports.SearchInput = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  --iconSize: 17px;\n  --leftPadding: 15px;\n\n  width: fit-content;\n  position: relative;\n  z-index: 22;\n\n  .input-icon {\n      cursor: pointer;\n\n      svg {\n        fill: #828282;\n        transition: 0.3s;\n      }\n\n      &:hover {\n        svg {\n          fill: #000;\n        }\n      }\n    }\n\n  input {\n    width: 100%;\n    height: var(--inputHeight);\n    border-radius: 5px;\n    border-radius: var(--borderRadius);\n    border: 1px solid #e1e1e1;\n    transition: all 0.02s ease-in-out;\n    padding-left: calc(var(--iconSize) + var(--leftPadding) + 10px);\n\n   \n\n    &::placeholder {\n      color: #828282;\n    }\n  }\n"], ["\n  --iconSize: 17px;\n  --leftPadding: 15px;\n\n  width: fit-content;\n  position: relative;\n  z-index: 22;\n\n  .input-icon {\n      cursor: pointer;\n\n      svg {\n        fill: #828282;\n        transition: 0.3s;\n      }\n\n      &:hover {\n        svg {\n          fill: #000;\n        }\n      }\n    }\n\n  input {\n    width: 100%;\n    height: var(--inputHeight);\n    border-radius: 5px;\n    border-radius: var(--borderRadius);\n    border: 1px solid #e1e1e1;\n    transition: all 0.02s ease-in-out;\n    padding-left: calc(var(--iconSize) + var(--leftPadding) + 10px);\n\n   \n\n    &::placeholder {\n      color: #828282;\n    }\n  }\n"])));
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

package/dist/system/presentation/components/data/input-search/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/input-search/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,+fAAA,4bAqBvC,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/input-search/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,gtBAAA,6oBAsCvC,KAAA"}

package/dist/system/presentation/components/layout/component.js

@@ -37,12 +37,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var header_1 = require("./header/index.js");
+var context_1 = require("../../context/index.js");
 var sidebar_menu_1 = require("./sidebar-menu/index.js");
-var ui_1 = require("../../../../ui/index.js");
 var S = __importStar(require("./styles.js"));
 function Layout(props) {
-    var sideBar = (0, ui_1.useElementId)({ id: 'sidebar' });
-    return ((0, jsx_runtime_1.jsxs)(S.Layout, { "$sideBarWidth": sideBar === null || sideBar === void 0 ? void 0 : sideBar.offsetWidth, children: [(0, jsx_runtime_1.jsx)(header_1.Header, __assign({}, props)), (0, jsx_runtime_1.jsxs)("div", { className: 'content_layout', children: [(0, jsx_runtime_1.jsx)(sidebar_menu_1.SidebarMenu, {}), props.children && (0, jsx_runtime_1.jsx)("main", { className: 'hasMenu', children: props.children })] })] }));
+    var settings = (0, context_1.useMenu)().settings;
+    var isAutoAuto = (settings.mode === 'auto' || settings.mode === 'regular') && settings.position === 'auto';
+    var asideWidth = isAutoAuto ? 'max-content' : '65px';
+    return ((0, jsx_runtime_1.jsxs)(S.Layout, { "$isInternalSidebar": (settings === null || settings === void 0 ? void 0 : settings.position) === 'internal', "$sideBarWidth": asideWidth, children: [(0, jsx_runtime_1.jsx)(header_1.Header, __assign({}, props)), (0, jsx_runtime_1.jsx)(sidebar_menu_1.SidebarMenu, {}), props.children && (0, jsx_runtime_1.jsx)("main", { className: 'hasMenu', children: props.children })] }));
 }
 exports.Layout = Layout;
 //# sourceMappingURL=component.js.map

package/dist/system/presentation/components/layout/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAiC;AACjC,+CAA4C;AAG5C,2BAAmC;AAEnC,0CAA6B;AAE7B,SAAgB,MAAM,CAAC,KAAc;IACnC,IAAM,OAAO,GAAG,IAAA,iBAAY,EAAC,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,CAAA;IAE/C,OAAO,CACL,wBAAC,CAAC,CAAC,MAAM,qBAAgB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,aAC3C,uBAAC,eAAM,eAAK,KAAK,EAAI,EAErB,iCAAK,SAAS,EAAC,gBAAgB,aAC7B,uBAAC,0BAAW,KAAG,EAEd,KAAK,CAAC,QAAQ,IAAI,iCAAM,SAAS,EAAC,SAAS,YAAE,KAAK,CAAC,QAAQ,GAAQ,IAChE,IACG,CACZ,CAAA;AACH,CAAC;AAdD,wBAcC"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAiC;AACjC,yCAAuC;AACvC,+CAA4C;AAI5C,0CAA6B;AAE7B,SAAgB,MAAM,CAAC,KAAc;IAC3B,IAAA,QAAQ,GAAK,IAAA,iBAAO,GAAE,SAAd,CAAc;IAC9B,IAAM,UAAU,GAAG,CAAC,QAAQ,CAAC,IAAI,KAAK,MAAM,IAAI,QAAQ,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,QAAQ,CAAC,QAAQ,KAAK,MAAM,CAAA;IAE5G,IAAM,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAA;IAEtD,OAAO,CACL,wBAAC,CAAC,CAAC,MAAM,0BAAqB,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,MAAK,UAAU,mBAAiB,UAAU,aACxF,uBAAC,eAAM,eAAK,KAAK,EAAI,EAErB,uBAAC,0BAAW,KAAG,EAEd,KAAK,CAAC,QAAQ,IAAI,iCAAM,SAAS,EAAC,SAAS,YAAE,KAAK,CAAC,QAAQ,GAAQ,IAC3D,CACZ,CAAA;AACH,CAAC;AAfD,wBAeC"}

package/dist/system/presentation/components/layout/header/version-01/index.js

@@ -36,11 +36,11 @@ var S = __importStar(require("./styles.js"));
 function HeaderVersion01(_a) {
     var workspaces = _a.workspaces, logo = _a.logo;
     var _b = (0, context_1.useMenu)(), settings = _b.settings, setOpenMenu = _b.setOpenMenu;
-    var expandedMenu = settings.mode === 'expandedMenu';
-    var isPositionInternal = settings.position === 'internal';
-    var isAutoAuto = !expandedMenu && !isPositionInternal;
-    var isExpandendAuto = expandedMenu && !isPositionInternal;
-    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'HeaderCarbon', children: (0, jsx_runtime_1.jsx)(S.HeaderVersion01, { id: 'header', children: (0, jsx_runtime_1.jsxs)(ui_1.Container, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'left', children: (0, jsx_runtime_1.jsx)("div", { className: 'logo-wrapper', children: (0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'logo', children: (0, jsx_runtime_1.jsx)(link_1.default, { className: 'logo', href: (logo === null || logo === void 0 ? void 0 : logo.href) || '/', children: (0, jsx_runtime_1.jsx)("img", { src: (logo === null || logo === void 0 ? void 0 : logo.src) || '/images/logo.png', alt: 'header-logo' }) }) }) }) }), (0, jsx_runtime_1.jsxs)("div", { className: 'right', children: [(settings.position === 'internal' || isPositionInternal) && ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'open_menu_button', children: (0, jsx_runtime_1.jsx)("button", { className: 'open_menu', onClick: function () { return setOpenMenu(true); }, type: 'button', children: (0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', "stroke-width": '2', stroke: 'currentColor', children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M3.75 6.75h16.5M3.75 12H12m-8.25 5.25h16.5' }) }) }) })), (0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'search_modal', children: (0, jsx_runtime_1.jsx)(components_1.SearchModal, {}) }), (0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'menu-right', children: (0, jsx_runtime_1.jsx)(components_1.MenuRight, { workspaces: workspaces }) })] })] }) }) }));
+    var isRegularMenu = settings.mode === 'regular' || settings.mode === 'auto';
+    var isInternal = settings.position === 'internal';
+    var isCollapsed = settings.mode === 'collapsed';
+    var hasHamburger = (isRegularMenu && settings.position !== 'auto') || (isCollapsed && isInternal);
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'HeaderCarbon', children: (0, jsx_runtime_1.jsx)(S.HeaderVersion01, { id: 'header', children: (0, jsx_runtime_1.jsxs)(ui_1.Container, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'left', children: (0, jsx_runtime_1.jsx)("div", { className: 'logo-wrapper', children: (0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'logo', children: (0, jsx_runtime_1.jsx)(link_1.default, { className: 'logo', href: (logo === null || logo === void 0 ? void 0 : logo.href) || '/', children: (0, jsx_runtime_1.jsx)("img", { src: (logo === null || logo === void 0 ? void 0 : logo.src) || '/images/logo.png', alt: 'header-logo' }) }) }) }) }), (0, jsx_runtime_1.jsxs)("div", { className: 'right', children: [hasHamburger && ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'open_menu_button', children: (0, jsx_runtime_1.jsx)("button", { className: 'open_menu', onClick: function () { return setOpenMenu(true); }, type: 'button', children: (0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', "stroke-width": '2', stroke: 'currentColor', children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M3.75 6.75h16.5M3.75 12H12m-8.25 5.25h16.5' }) }) }) })), (0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'search_modal', children: (0, jsx_runtime_1.jsx)(components_1.SearchModal, {}) }), (0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'menu-right', children: (0, jsx_runtime_1.jsx)(components_1.MenuRight, { workspaces: workspaces }) })] })] }) }) }));
 }
 exports.HeaderVersion01 = HeaderVersion01;
 //# sourceMappingURL=index.js.map

package/dist/system/presentation/components/layout/header/version-01/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/header/version-01/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA4B;AAE5B,2BAAuC;AACvC,yDAAuD;AAEvD,4CAAsD;AAItD,0CAA6B;AAE7B,SAAgB,eAAe,CAAC,EAA6B;QAA3B,UAAU,gBAAA,EAAE,IAAI,UAAA;IAC1C,IAAA,KAA4B,IAAA,iBAAO,GAAE,EAAnC,QAAQ,cAAA,EAAE,WAAW,iBAAc,CAAA;IAC3C,IAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,KAAK,cAAc,CAAA;IACrD,IAAM,kBAAkB,GAAG,QAAQ,CAAC,QAAQ,KAAK,UAAU,CAAA;IAE3D,IAAM,UAAU,GAAG,CAAC,YAAY,IAAI,CAAC,kBAAkB,CAAA;IACvD,IAAM,eAAe,GAAG,YAAY,IAAI,CAAC,kBAAkB,CAAA;IAE3D,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,cAAc,YACxB,uBAAC,CAAC,CAAC,eAAe,IAAC,EAAE,EAAC,QAAQ,YAC5B,wBAAC,cAAS,eACR,gCAAK,SAAS,EAAC,MAAM,YACnB,gCAAK,SAAS,EAAC,cAAc,YAC3B,uBAAC,UAAK,IAAC,IAAI,EAAC,MAAM,YAChB,uBAAC,cAAI,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,GAAG,YAC5C,gCAAK,GAAG,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,KAAI,kBAAkB,EAAE,GAAG,EAAC,aAAa,GAAG,GAC1D,GACD,GACJ,GACF,EAEN,iCAAK,SAAS,EAAC,OAAO,aACnB,CAAC,QAAQ,CAAC,QAAQ,KAAK,UAAU,IAAI,kBAAkB,CAAC,IAAI,CAC3D,uBAAC,UAAK,IAAC,IAAI,EAAC,kBAAkB,YAC5B,mCAAQ,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,EAAE,IAAI,EAAC,QAAQ,YAC3E,gCACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,kBACN,GAAG,EAChB,MAAM,EAAC,cAAc,YAErB,iCACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,4CAA4C,GACxC,GACJ,GACC,GACH,CACT,EAED,uBAAC,UAAK,IAAC,IAAI,EAAC,cAAc,YACxB,uBAAC,wBAAW,KAAG,GACT,EAER,uBAAC,UAAK,IAAC,IAAI,EAAC,YAAY,YACtB,uBAAC,sBAAS,IAAC,UAAU,EAAE,UAAU,GAAI,GAC/B,IACJ,IACI,GACM,GACd,CACT,CAAA;AACH,CAAC;AAvDD,0CAuDC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/header/version-01/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA4B;AAE5B,2BAAuC;AACvC,yDAAuD;AAEvD,4CAAsD;AAItD,0CAA6B;AAE7B,SAAgB,eAAe,CAAC,EAA6B;QAA3B,UAAU,gBAAA,EAAE,IAAI,UAAA;IAC1C,IAAA,KAA4B,IAAA,iBAAO,GAAE,EAAnC,QAAQ,cAAA,EAAE,WAAW,iBAAc,CAAA;IAC3C,IAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,KAAK,SAAS,IAAI,QAAQ,CAAC,IAAI,KAAK,MAAM,CAAA;IAC7E,IAAM,UAAU,GAAG,QAAQ,CAAC,QAAQ,KAAK,UAAU,CAAA;IACnD,IAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,KAAK,WAAW,CAAA;IAEjD,IAAM,YAAY,GAAG,CAAC,aAAa,IAAI,QAAQ,CAAC,QAAQ,KAAK,MAAM,CAAC,IAAI,CAAC,WAAW,IAAI,UAAU,CAAC,CAAA;IAEnG,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,cAAc,YACxB,uBAAC,CAAC,CAAC,eAAe,IAAC,EAAE,EAAC,QAAQ,YAC5B,wBAAC,cAAS,eACR,gCAAK,SAAS,EAAC,MAAM,YACnB,gCAAK,SAAS,EAAC,cAAc,YAC3B,uBAAC,UAAK,IAAC,IAAI,EAAC,MAAM,YAChB,uBAAC,cAAI,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,GAAG,YAC5C,gCAAK,GAAG,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,KAAI,kBAAkB,EAAE,GAAG,EAAC,aAAa,GAAG,GAC1D,GACD,GACJ,GACF,EAEN,iCAAK,SAAS,EAAC,OAAO,aACnB,YAAY,IAAI,CACf,uBAAC,UAAK,IAAC,IAAI,EAAC,kBAAkB,YAC5B,mCAAQ,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,EAAE,IAAI,EAAC,QAAQ,YAC3E,gCACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,kBACN,GAAG,EAChB,MAAM,EAAC,cAAc,YAErB,iCACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,4CAA4C,GACxC,GACJ,GACC,GACH,CACT,EAED,uBAAC,UAAK,IAAC,IAAI,EAAC,cAAc,YACxB,uBAAC,wBAAW,KAAG,GACT,EAER,uBAAC,UAAK,IAAC,IAAI,EAAC,YAAY,YACtB,uBAAC,sBAAS,IAAC,UAAU,EAAE,UAAU,GAAI,GAC/B,IACJ,IACI,GACM,GACd,CACT,CAAA;AACH,CAAC;AAvDD,0CAuDC"}

package/dist/system/presentation/components/layout/header/version-01/styles.js

@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeaderVersion01 = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.HeaderVersion01 = styled_components_1.default.header(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  position: sticky;\n  z-index: 9999999999;\n  top: 0;\n  background: ", ";\n  padding: 10px 0;\n  backdrop-filter: blur(20px);\n  transition: box-shadow 0.2s ease-in-out;\n\n  ", "\n\n  .logo-wrapper {\n    max-width: 285px;\n  }\n\n  .logo {\n    display: flex;\n    width: 100%;\n    max-width: 160px;\n\n    img {\n      object-fit: contain;\n      width: 100%;\n      height: inherit;\n    }\n  }\n\n  .container {\n    display: flex;\n    gap: 15px;\n    align-items: center;\n\n    .left {\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      gap: 10px;\n      width: 100%;\n      max-width: 285px;\n      width: 285px;\n    }\n\n    .right {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      width: 100%;\n      gap: 15px;\n      padding-left: 20px;\n    }\n  }\n\n  button.open_menu {\n    padding: 0;\n    border: none;\n    background: none;\n    display: flex;\n    height: 24px;\n    width: 24px;\n\n    svg {\n      width: 100%;\n      height: auto;\n      stroke: #fff;\n    }\n  }\n\n  @media only screen and (max-width: 1700px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 280px;\n    }\n  }\n\n  @media only screen and (max-width: 1650px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 275px;\n    }\n  }\n\n  @media only screen and (max-width: 1600px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 270px;\n    }\n  }\n\n  @media only screen and (max-width: 1550px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 265px;\n    }\n  }\n\n  @media only screen and (max-width: 1500px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 260px;\n    }\n  }\n\n  @media only screen and (max-width: 1450px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 255px;\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 250px;\n    }\n  }\n\n  @media only screen and (max-width: 1350px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 245px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 240px;\n    }\n  }\n\n  @media only screen and (max-width: 1280px) {\n    .logo-wrapper {\n      max-width: fit-content;\n    }\n  }\n"], ["\n  width: 100%;\n  position: sticky;\n  z-index: 9999999999;\n  top: 0;\n  background: ", ";\n  padding: 10px 0;\n  backdrop-filter: blur(20px);\n  transition: box-shadow 0.2s ease-in-out;\n\n  ", "\n\n  .logo-wrapper {\n    max-width: 285px;\n  }\n\n  .logo {\n    display: flex;\n    width: 100%;\n    max-width: 160px;\n\n    img {\n      object-fit: contain;\n      width: 100%;\n      height: inherit;\n    }\n  }\n\n  .container {\n    display: flex;\n    gap: 15px;\n    align-items: center;\n\n    .left {\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      gap: 10px;\n      width: 100%;\n      max-width: 285px;\n      width: 285px;\n    }\n\n    .right {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      width: 100%;\n      gap: 15px;\n      padding-left: 20px;\n    }\n  }\n\n  button.open_menu {\n    padding: 0;\n    border: none;\n    background: none;\n    display: flex;\n    height: 24px;\n    width: 24px;\n\n    svg {\n      width: 100%;\n      height: auto;\n      stroke: #fff;\n    }\n  }\n\n  @media only screen and (max-width: 1700px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 280px;\n    }\n  }\n\n  @media only screen and (max-width: 1650px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 275px;\n    }\n  }\n\n  @media only screen and (max-width: 1600px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 270px;\n    }\n  }\n\n  @media only screen and (max-width: 1550px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 265px;\n    }\n  }\n\n  @media only screen and (max-width: 1500px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 260px;\n    }\n  }\n\n  @media only screen and (max-width: 1450px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 255px;\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 250px;\n    }\n  }\n\n  @media only screen and (max-width: 1350px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 245px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 240px;\n    }\n  }\n\n  @media only screen and (max-width: 1280px) {\n    .logo-wrapper {\n      max-width: fit-content;\n    }\n  }\n"])), function (props) { return props.theme.primaryColor; }, function (props) {
+exports.HeaderVersion01 = styled_components_1.default.header(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  z-index: 999;\n  top: 0;\n  background: ", ";\n  padding: 10px 0;\n  backdrop-filter: blur(20px);\n  transition: box-shadow 0.2s ease-in-out;\n\n  ", "\n\n  .logo-wrapper {\n    max-width: 285px;\n  }\n\n  .logo {\n    display: flex;\n    width: 100%;\n    max-width: 160px;\n\n    img {\n      object-fit: contain;\n      width: 100%;\n      height: inherit;\n    }\n  }\n\n  .container {\n    display: flex;\n    gap: 15px;\n    align-items: center;\n\n    .left {\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      gap: 10px;\n      width: 100%;\n      max-width: 285px;\n      width: 285px;\n    }\n\n    .right {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      width: 100%;\n      gap: 15px;\n      padding-left: 20px;\n    }\n  }\n\n  button.open_menu {\n    padding: 0;\n    border: none;\n    background: none;\n    display: flex;\n    height: 24px;\n    width: 24px;\n\n    svg {\n      width: 100%;\n      height: auto;\n      stroke: #fff;\n    }\n  }\n\n  @media only screen and (max-width: 1700px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 280px;\n    }\n  }\n\n  @media only screen and (max-width: 1650px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 275px;\n    }\n  }\n\n  @media only screen and (max-width: 1600px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 270px;\n    }\n  }\n\n  @media only screen and (max-width: 1550px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 265px;\n    }\n  }\n\n  @media only screen and (max-width: 1500px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 260px;\n    }\n  }\n\n  @media only screen and (max-width: 1450px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 255px;\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 250px;\n    }\n  }\n\n  @media only screen and (max-width: 1350px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 245px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 240px;\n    }\n  }\n\n  @media only screen and (max-width: 1280px) {\n    .logo-wrapper {\n      max-width: fit-content;\n    }\n  }\n"], ["\n  width: 100%;\n  z-index: 999;\n  top: 0;\n  background: ", ";\n  padding: 10px 0;\n  backdrop-filter: blur(20px);\n  transition: box-shadow 0.2s ease-in-out;\n\n  ", "\n\n  .logo-wrapper {\n    max-width: 285px;\n  }\n\n  .logo {\n    display: flex;\n    width: 100%;\n    max-width: 160px;\n\n    img {\n      object-fit: contain;\n      width: 100%;\n      height: inherit;\n    }\n  }\n\n  .container {\n    display: flex;\n    gap: 15px;\n    align-items: center;\n\n    .left {\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      gap: 10px;\n      width: 100%;\n      max-width: 285px;\n      width: 285px;\n    }\n\n    .right {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      width: 100%;\n      gap: 15px;\n      padding-left: 20px;\n    }\n  }\n\n  button.open_menu {\n    padding: 0;\n    border: none;\n    background: none;\n    display: flex;\n    height: 24px;\n    width: 24px;\n\n    svg {\n      width: 100%;\n      height: auto;\n      stroke: #fff;\n    }\n  }\n\n  @media only screen and (max-width: 1700px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 280px;\n    }\n  }\n\n  @media only screen and (max-width: 1650px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 275px;\n    }\n  }\n\n  @media only screen and (max-width: 1600px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 270px;\n    }\n  }\n\n  @media only screen and (max-width: 1550px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 265px;\n    }\n  }\n\n  @media only screen and (max-width: 1500px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 260px;\n    }\n  }\n\n  @media only screen and (max-width: 1450px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 255px;\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 250px;\n    }\n  }\n\n  @media only screen and (max-width: 1350px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 245px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 240px;\n    }\n  }\n\n  @media only screen and (max-width: 1280px) {\n    .logo-wrapper {\n      max-width: fit-content;\n    }\n  }\n"])), function (props) { return props.theme.primaryColor; }, function (props) {
     return props.$hasSidebarButton &&
         "\n   .container {\n    .left {\n      width: fit-content !important;\n    }\n\n    .right {\n      padding-left: 0 !important;\n    }\n  }\n  ";
 });

package/dist/system/presentation/components/layout/header/version-01/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/header/version-01/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAMzB,QAAA,eAAe,GAAG,2BAAM,CAAC,MAAM,u5EAAoB,0FAKhD,EAAmC,yGAK/C,EAYD,6oEA8HF,KA/Ie,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EAK/C,UAAC,KAAK;IACN,OAAA,KAAK,CAAC,iBAAiB;QACvB,gJAUD;AAXC,CAWD,EA8HF"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/header/version-01/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAMzB,QAAA,eAAe,GAAG,2BAAM,CAAC,MAAM,23EAAoB,8DAIhD,EAAmC,yGAK/C,EAYD,6oEA8HF,KA/Ie,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EAK/C,UAAC,KAAK;IACN,OAAA,KAAK,CAAC,iBAAiB;QACvB,gJAUD;AAXC,CAWD,EA8HF"}

package/dist/system/presentation/components/layout/sidebar-menu/collapsed-menu/index.d.ts

@@ -0,0 +1 @@
+export declare function CollapsedMenu(): import("react/jsx-runtime").JSX.Element;

package/dist/system/presentation/components/layout/sidebar-menu/collapsed-menu/index.js

@@ -0,0 +1,46 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollapsedMenu = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var context_1 = require("../../../../../../system/presentation/context/index.js");
+var hooks_1 = require("../../../../../../system/presentation/hooks/index.js");
+var ui_1 = require("../../../../../../ui/index.js");
+var menu_item_1 = require("../components/menu-item/index.js");
+var regular_menu_1 = require("../regular-menu/index.js");
+var S = __importStar(require("./styles.js"));
+function CollapsedMenu() {
+    var _a;
+    var data = (0, hooks_1.useLoadMenu)().data;
+    var _b = (0, context_1.useMenu)(), settings = _b.settings, openMenu = _b.openMenu, setOpenMenu = _b.setOpenMenu;
+    var expandedMenu = settings.mode === 'collapsed';
+    var isInternal = settings.position === 'internal';
+    if (isInternal) {
+        return (0, jsx_runtime_1.jsx)(regular_menu_1.RegularMenu, {});
+    }
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'CollapsedMenu', children: (0, jsx_runtime_1.jsxs)(S.CollapsedMenu, { id: 'sidebar', className: (openMenu ? 'menu expanded' : 'menu') + (expandedMenu ? ' expanded_menu' : ''), children: [(0, jsx_runtime_1.jsx)("button", { type: 'button', className: 'expand', onClick: function () { return setOpenMenu(function (s) { return !s; }); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconArrowRight' }) }), (_a = data === null || data === void 0 ? void 0 : data.items) === null || _a === void 0 ? void 0 : _a.map(function (item, index) { return ((0, jsx_runtime_1.jsx)("ul", { children: (0, jsx_runtime_1.jsx)(menu_item_1.MenuItem, { item: item, index: index }, 'menu-item' + index + item.title) })); })] }) }));
+}
+exports.CollapsedMenu = CollapsedMenu;
+//# sourceMappingURL=index.js.map

package/dist/system/presentation/components/layout/sidebar-menu/collapsed-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/sidebar-menu/collapsed-menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yDAAuD;AACvD,qDAAyD;AACzD,2BAAkC;AAElC,qDAAkD;AAClD,gDAA6C;AAE7C,0CAA6B;AAE7B,SAAgB,aAAa;;IACnB,IAAA,IAAI,GAAK,IAAA,mBAAW,GAAE,KAAlB,CAAkB;IACxB,IAAA,KAAsC,IAAA,iBAAO,GAAE,EAA7C,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,WAAW,iBAAc,CAAA;IAErD,IAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,KAAK,WAAW,CAAA;IAClD,IAAM,UAAU,GAAG,QAAQ,CAAC,QAAQ,KAAK,UAAU,CAAA;IAEnD,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,uBAAC,0BAAW,KAAG,CAAA;IACxB,CAAC;IAED,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,eAAe,YACzB,wBAAC,CAAC,CAAC,aAAa,IACd,EAAE,EAAC,SAAS,EACZ,SAAS,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,aAEzF,mCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAF,CAAE,CAAC,EAAtB,CAAsB,YAC5E,uBAAC,SAAI,IAAC,IAAI,EAAC,gBAAgB,GAAG,GACvB,EAER,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACjC,yCACE,uBAAC,oBAAQ,IAAwC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAA1D,WAAW,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAA8B,GAC1E,CACN,EAJkC,CAIlC,CAAC,IACc,GACZ,CACT,CAAA;AACH,CAAC;AA7BD,sCA6BC"}

package/dist/system/presentation/components/layout/sidebar-menu/collapsed-menu/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const CollapsedMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>> & string;

package/dist/system/presentation/components/layout/sidebar-menu/collapsed-menu/styles.js

@@ -0,0 +1,15 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollapsedMenu = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+var styles_1 = require("../styles.js");
+exports.CollapsedMenu = (0, styled_components_1.default)(styles_1.Menu)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 41px 0 15px 0;\n  z-index: 99;\n  width: 65px;\n  min-width: 65px;\n\n  &.expanded {\n    width: 240px !important;\n    transition: 0.3s;\n\n    .expand {\n      svg {\n        transform: rotate(180deg);\n      }\n    }\n\n    > ul {\n      > li {\n        > .item-title {\n          .content-title {\n            display: block;\n          }\n\n          .arrow {\n            display: block;\n          }\n        }\n      }\n    }\n  }\n\n  .expand {\n    position: absolute;\n    top: 10px;\n    right: -12px;\n    width: 24px;\n    height: 24px;\n    border-radius: 100%;\n    background-color: ", ";\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 0;\n\n    svg {\n      width: 5px;\n      fill: #fff;\n      height: auto;\n    }\n  }\n\n  > ul {\n    > li {\n      > .item-title {\n        .content-title {\n          display: none;\n        }\n\n        .arrow {\n          display: none;\n        }\n      }\n    }\n  }\n\n  ul {\n    .submenu {\n      min-width: 265px;\n    }\n  }\n"], ["\n  padding: 41px 0 15px 0;\n  z-index: 99;\n  width: 65px;\n  min-width: 65px;\n\n  &.expanded {\n    width: 240px !important;\n    transition: 0.3s;\n\n    .expand {\n      svg {\n        transform: rotate(180deg);\n      }\n    }\n\n    > ul {\n      > li {\n        > .item-title {\n          .content-title {\n            display: block;\n          }\n\n          .arrow {\n            display: block;\n          }\n        }\n      }\n    }\n  }\n\n  .expand {\n    position: absolute;\n    top: 10px;\n    right: -12px;\n    width: 24px;\n    height: 24px;\n    border-radius: 100%;\n    background-color: ", ";\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 0;\n\n    svg {\n      width: 5px;\n      fill: #fff;\n      height: auto;\n    }\n  }\n\n  > ul {\n    > li {\n      > .item-title {\n        .content-title {\n          display: none;\n        }\n\n        .arrow {\n          display: none;\n        }\n      }\n    }\n  }\n\n  ul {\n    .submenu {\n      min-width: 265px;\n    }\n  }\n"])), function (props) { return props.theme.primaryColor; });
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/system/presentation/components/layout/sidebar-menu/collapsed-menu/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/sidebar-menu/collapsed-menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AACtC,oCAAgC;AAEnB,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,aAAI,CAAC,4lCAAA,umBAsCjB,EAAmC,gbAgC1D,KAhCuB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EAgC1D"}

package/dist/system/presentation/components/layout/sidebar-menu/components/menu-item/index.d.ts

@@ -0,0 +1,4 @@
+export declare function MenuItem({ item, index }: {
+    item: any;
+    index: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/system/presentation/components/layout/sidebar-menu/components/menu-item/index.js

@@ -0,0 +1,49 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuItem = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ui_1 = require("../../../../../../../ui/index.js");
+var link_1 = __importDefault(require("next/link"));
+var S = __importStar(require("../../styles.js"));
+function MenuItem(_a) {
+    var _b;
+    var item = _a.item, index = _a.index;
+    var hasMenuItems = (item === null || item === void 0 ? void 0 : item.items) && ((_b = item.items) === null || _b === void 0 ? void 0 : _b.length) > 0;
+    function ItemContent() {
+        var _a;
+        return ((0, jsx_runtime_1.jsxs)("span", { className: 'font-13-regular', children: [(item === null || item === void 0 ? void 0 : item.icon) && (0, jsx_runtime_1.jsx)("div", { className: 'icon', dangerouslySetInnerHTML: { __html: item.icon } }), (0, jsx_runtime_1.jsx)("span", { className: 'content-title', children: item === null || item === void 0 ? void 0 : item.title }), ((_a = item === null || item === void 0 ? void 0 : item.items) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((0, jsx_runtime_1.jsx)("div", { className: 'arrow', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconKeyboardRightArrow' }) }))] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("li", { className: false ? 'active' : '', children: [item.route ? ((0, jsx_runtime_1.jsx)(link_1.default, { href: item.route, className: "item-title font-13-regular ".concat(false ? 'active' : ''), children: (0, jsx_runtime_1.jsx)(ItemContent, {}) })) : ((0, jsx_runtime_1.jsx)("div", { className: "item-title ".concat(false ? 'active' : ''), children: (0, jsx_runtime_1.jsx)(ItemContent, {}) })), hasMenuItems && (0, jsx_runtime_1.jsx)(SubMenu, { index: index, item: item === null || item === void 0 ? void 0 : item.items }, 'submenu' + item.title)] }));
+}
+exports.MenuItem = MenuItem;
+function SubMenu(_a) {
+    var item = _a.item, index = _a.index;
+    return ((0, jsx_runtime_1.jsx)(S.SubMenu, { className: 'submenu', "$index": index, children: item.map(function (subitem) { return ((0, jsx_runtime_1.jsx)(MenuItem, { item: subitem, index: index }, 'submenu-item' + subitem.title)); }) }));
+}
+//# sourceMappingURL=index.js.map

package/dist/system/presentation/components/layout/sidebar-menu/components/menu-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/sidebar-menu/components/menu-item/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA2B;AAC3B,mDAA4B;AAE5B,8CAAiC;AAEjC,SAAgB,QAAQ,CAAC,EAA6C;;QAA3C,IAAI,UAAA,EAAE,KAAK,WAAA;IACpC,IAAM,YAAY,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,KAAI,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,IAAG,CAAC,CAAA;IAE1D,SAAS,WAAW;;QAClB,OAAO,CACL,kCAAM,SAAS,EAAC,iBAAiB,aAC9B,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,gCAAK,SAAS,EAAC,MAAM,EAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,GAAI,EAEvF,iCAAM,SAAS,EAAC,eAAe,YAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,GAAQ,EAEnD,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,MAAM,IAAG,CAAC,IAAI,CAC1B,gCAAK,SAAS,EAAC,OAAO,YACpB,uBAAC,SAAI,IAAC,IAAI,EAAC,wBAAwB,GAAG,GAClC,CACP,IACI,CACR,CAAA;IACH,CAAC;IAED,OAAO,CACL,gCAAI,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,aACjC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,uBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,qCAA8B,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAE,YACtF,uBAAC,WAAW,KAAG,GACV,CACR,CAAC,CAAC,CAAC,CACF,gCAAK,SAAS,EAAE,qBAAc,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAE,YACnD,uBAAC,WAAW,KAAG,GACX,CACP,EAEA,YAAY,IAAI,uBAAC,OAAO,IAA8B,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,IAAvD,SAAS,GAAG,IAAI,CAAC,KAAK,CAAqC,IACvF,CACN,CAAA;AACH,CAAC;AAlCD,4BAkCC;AAED,SAAS,OAAO,CAAC,EAA+C;QAA7C,IAAI,UAAA,EAAE,KAAK,WAAA;IAC5B,OAAO,CACL,uBAAC,CAAC,CAAC,OAAO,IAAC,SAAS,EAAC,SAAS,YAAS,KAAK,YACzC,IAAI,CAAC,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,CACrB,uBAAC,QAAQ,IAAsC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,IAA3D,cAAc,GAAG,OAAO,CAAC,KAAK,CAAiC,CAC/E,EAFsB,CAEtB,CAAC,GACQ,CACb,CAAA;AACH,CAAC"}

package/dist/system/presentation/components/layout/sidebar-menu/index.d.ts

@@ -1,5 +1 @@
-export declare function MenuItem({ item, index }: {
-    item: any;
-    index: number;
-}): import("react/jsx-runtime").JSX.Element;
 export declare function SidebarMenu(): import("react/jsx-runtime").JSX.Element;

package/dist/system/presentation/components/layout/sidebar-menu/index.js

@@ -1,64 +1,22 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidebarMenu = exports.MenuItem = void 0;
+exports.SidebarMenu = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var link_1 = __importDefault(require("next/link"));
-var ui_1 = require("../../../../../ui/index.js");
 var system_1 = require("../../../../../system/index.js");
-var S = __importStar(require("./styles.js"));
-function MenuItem(_a) {
-    var _b;
-    var item = _a.item, index = _a.index;
-    var hasMenuItems = (item === null || item === void 0 ? void 0 : item.items) && ((_b = item.items) === null || _b === void 0 ? void 0 : _b.length) > 0;
-    function ItemContent() {
-        var _a;
-        return ((0, jsx_runtime_1.jsxs)("span", { className: 'font-13-regular', children: [(item === null || item === void 0 ? void 0 : item.icon) && (0, jsx_runtime_1.jsx)("div", { className: 'icon', dangerouslySetInnerHTML: { __html: item.icon } }), (0, jsx_runtime_1.jsx)("span", { className: 'content-title', children: item === null || item === void 0 ? void 0 : item.title }), ((_a = item === null || item === void 0 ? void 0 : item.items) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((0, jsx_runtime_1.jsx)("div", { className: 'arrow', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconKeyboardRightArrow' }) }))] }));
-    }
-    // const isFatherActive = hasMenuItems && item.route && path.includes(item.route.replaceAll('/', ''))
-    // const isActive = path.substring(0, path.length - 1) === item.route || isFatherActive
-    return ((0, jsx_runtime_1.jsxs)("li", { className: false ? 'active' : '', children: [item.route ? ((0, jsx_runtime_1.jsx)(link_1.default, { href: item.route, className: "item-title font-13-regular ".concat(false ? 'active' : ''), children: (0, jsx_runtime_1.jsx)(ItemContent, {}) })) : ((0, jsx_runtime_1.jsx)("div", { className: "item-title ".concat(false ? 'active' : ''), children: (0, jsx_runtime_1.jsx)(ItemContent, {}) })), hasMenuItems && (0, jsx_runtime_1.jsx)(SubMenu, { index: index, item: item === null || item === void 0 ? void 0 : item.items }, 'submenu' + item.title)] }));
-}
-exports.MenuItem = MenuItem;
-function SubMenu(_a) {
-    var item = _a.item, index = _a.index;
-    return ((0, jsx_runtime_1.jsx)(S.SubMenu, { className: 'submenu', "$index": index, children: item.map(function (subitem) { return ((0, jsx_runtime_1.jsx)(MenuItem, { item: subitem, index: index }, 'submenu-item' + subitem.title)); }) }));
-}
+var regular_menu_1 = require("./regular-menu/index.js");
+var collapsed_menu_1 = require("./collapsed-menu/index.js");
 function SidebarMenu() {
-    var _a;
-    var data = (0, system_1.useLoadMenu)().data;
-    var _b = (0, system_1.useMenu)(), settings = _b.settings, openMenu = _b.openMenu, setOpenMenu = _b.setOpenMenu;
-    var expandedMenu = settings.mode === 'expandedMenu';
-    var isPositionInternal = settings.position === 'internal';
-    var isAutoInternal = !expandedMenu && isPositionInternal;
-    return ((0, jsx_runtime_1.jsxs)(ui_1.Error, { name: 'Menu', children: [!isPositionInternal && (0, jsx_runtime_1.jsx)("div", { id: 'ghost_menu_expanded', style: { width: '65px' } }), openMenu && isPositionInternal && (0, jsx_runtime_1.jsx)(S.Overlay, { onClick: function () { return setOpenMenu(false); } }), (0, jsx_runtime_1.jsxs)(S.Menu, { id: 'sidebar', className: (openMenu ? 'menu expanded' : 'menu') +
-                    (expandedMenu ? ' expanded_menu' : '') +
-                    (isPositionInternal ? ' internal' : ''), children: [!isPositionInternal && expandedMenu && ((0, jsx_runtime_1.jsx)("button", { type: 'button', className: 'expand', onClick: function () { return setOpenMenu(function (s) { return !s; }); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconArrowRight' }) })), (_a = data === null || data === void 0 ? void 0 : data.items) === null || _a === void 0 ? void 0 : _a.map(function (item, index) { return ((0, jsx_runtime_1.jsx)("ul", { children: (0, jsx_runtime_1.jsx)(MenuItem, { item: item, index: index }, 'menu-item' + index + item.title) })); })] })] }));
+    var settings = (0, system_1.useMenu)().settings;
+    switch (settings.mode) {
+        case 'collapsed':
+            return (0, jsx_runtime_1.jsx)(collapsed_menu_1.CollapsedMenu, {});
+        case 'regular':
+            return (0, jsx_runtime_1.jsx)(regular_menu_1.RegularMenu, {});
+        case 'auto':
+            return (0, jsx_runtime_1.jsx)(regular_menu_1.RegularMenu, {});
+        default:
+            return (0, jsx_runtime_1.jsx)(regular_menu_1.RegularMenu, {});
+    }
 }
 exports.SidebarMenu = SidebarMenu;
 //# sourceMappingURL=index.js.map

package/dist/system/presentation/components/layout/sidebar-menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/sidebar-menu/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/sidebar-menu/index.tsx"],"names":[],"mappings":";;;;AAAA,mCAAkC;AAElC,+CAA4C;AAC5C,mDAAgD;AAEhD,SAAgB,WAAW;IACjB,IAAA,QAAQ,GAAK,IAAA,gBAAO,GAAE,SAAd,CAAc;IAE9B,QAAQ,QAAQ,CAAC,IAAI,EAAE,CAAC;QACtB,KAAK,WAAW;YACd,OAAO,uBAAC,8BAAa,KAAG,CAAA;QAE1B,KAAK,SAAS;YACZ,OAAO,uBAAC,0BAAW,KAAG,CAAA;QAExB,KAAK,MAAM;YACT,OAAO,uBAAC,0BAAW,KAAG,CAAA;QAExB;YACE,OAAO,uBAAC,0BAAW,KAAG,CAAA;IAC1B,CAAC;AACH,CAAC;AAhBD,kCAgBC"}

package/dist/system/presentation/components/layout/sidebar-menu/regular-menu/index.d.ts

@@ -0,0 +1 @@
+export declare function RegularMenu(): import("react/jsx-runtime").JSX.Element;

package/dist/system/presentation/components/layout/sidebar-menu/regular-menu/index.js

@@ -0,0 +1,42 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RegularMenu = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ui_1 = require("../../../../../../ui/index.js");
+var context_1 = require("../../../../../../system/presentation/context/index.js");
+var hooks_1 = require("../../../../../../system/presentation/hooks/index.js");
+var menu_item_1 = require("../components/menu-item/index.js");
+var S = __importStar(require("./styles.js"));
+function RegularMenu() {
+    var _a;
+    var data = (0, hooks_1.useLoadMenu)().data;
+    var _b = (0, context_1.useMenu)(), settings = _b.settings, openMenu = _b.openMenu, setOpenMenu = _b.setOpenMenu;
+    var isInternal = settings.position === 'internal';
+    var isCollapsed = settings.mode === 'collapsed';
+    return ((0, jsx_runtime_1.jsxs)(ui_1.Error, { name: 'RegularMenu', children: [openMenu && (isInternal || (isCollapsed && isInternal)) && (0, jsx_runtime_1.jsx)(S.Overlay, { onClick: function () { return setOpenMenu(false); } }), (0, jsx_runtime_1.jsx)(S.RegularMenu, { id: 'sidebar', className: (openMenu ? 'menu open' : 'menu') + (isInternal || (isCollapsed && isInternal) ? ' internal' : ''), children: (_a = data === null || data === void 0 ? void 0 : data.items) === null || _a === void 0 ? void 0 : _a.map(function (item, index) { return ((0, jsx_runtime_1.jsx)("ul", { children: (0, jsx_runtime_1.jsx)(menu_item_1.MenuItem, { item: item, index: index }, 'menu-item' + index + item.title) })); }) })] }));
+}
+exports.RegularMenu = RegularMenu;
+//# sourceMappingURL=index.js.map

package/dist/system/presentation/components/layout/sidebar-menu/regular-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/sidebar-menu/regular-menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA4B;AAE5B,yDAAuD;AACvD,qDAAyD;AAEzD,qDAAkD;AAElD,0CAA6B;AAE7B,SAAgB,WAAW;;IACjB,IAAA,IAAI,GAAK,IAAA,mBAAW,GAAE,KAAlB,CAAkB;IACxB,IAAA,KAAsC,IAAA,iBAAO,GAAE,EAA7C,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,WAAW,iBAAc,CAAA;IAErD,IAAM,UAAU,GAAG,QAAQ,CAAC,QAAQ,KAAK,UAAU,CAAA;IACnD,IAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,KAAK,WAAW,CAAA;IAEjD,OAAO,CACL,wBAAC,UAAK,IAAC,IAAI,EAAC,aAAa,aACtB,QAAQ,IAAI,CAAC,UAAU,IAAI,CAAC,WAAW,IAAI,UAAU,CAAC,CAAC,IAAI,uBAAC,CAAC,CAAC,OAAO,IAAC,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,GAAI,EAE5G,uBAAC,CAAC,CAAC,WAAW,IACZ,EAAE,EAAC,SAAS,EACZ,SAAS,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,UAAU,IAAI,CAAC,WAAW,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,YAE5G,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACjC,yCACE,uBAAC,oBAAQ,IAAwC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAA1D,WAAW,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAA8B,GAC1E,CACN,EAJkC,CAIlC,CAAC,GACY,IACV,CACT,CAAA;AACH,CAAC;AAvBD,kCAuBC"}

package/dist/system/presentation/components/layout/sidebar-menu/regular-menu/styles.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const RegularMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>> & string;
+export declare const Overlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>> & string;

package/dist/system/presentation/components/layout/sidebar-menu/regular-menu/styles.js

@@ -0,0 +1,16 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Overlay = exports.RegularMenu = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+var styles_1 = require("../styles.js");
+exports.RegularMenu = (0, styled_components_1.default)(styles_1.Menu)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &.internal {\n    position: fixed !important;\n    transform: translateX(-120%);\n    z-index: 9999;\n  }\n\n  &.open {\n    transform: translateX(0);\n  }\n"], ["\n  &.internal {\n    position: fixed !important;\n    transform: translateX(-120%);\n    z-index: 9999;\n  }\n\n  &.open {\n    transform: translateX(0);\n  }\n"])));
+exports.Overlay = (0, styled_components_1.default)(styles_1.Menu)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100dvh;\n  background: rgba(0, 0, 0, 0.4);\n  z-index: 999;\n"], ["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100dvh;\n  background: rgba(0, 0, 0, 0.4);\n  z-index: 999;\n"])));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=styles.js.map

package/dist/system/presentation/components/layout/sidebar-menu/regular-menu/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/sidebar-menu/regular-menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AACtC,oCAAgC;AAEnB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,aAAI,CAAC,sOAAA,mKAUtC,KAAA;AAEY,QAAA,OAAO,GAAG,IAAA,2BAAM,EAAC,aAAI,CAAC,yMAAA,sIAQlC,KAAA"}

package/dist/system/presentation/components/layout/sidebar-menu/styles.d.ts

@@ -3,4 +3,3 @@ export declare const Menu: import("styled-components/dist/types").IStyledCompone
 export declare const SubMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {
     $index: number;
 }>> & string;
-export declare const Overlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/system/presentation/components/layout/sidebar-menu/styles.js

@@ -7,10 +7,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Overlay = exports.SubMenu = exports.Menu = void 0;
+exports.SubMenu = exports.Menu = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.Menu = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  position: absolute;\n  padding-right: clamp(5px, 0.78vw, 15px);\n  min-width: 285px;\n  width: 28px;\n  padding: 0 0 15px 0;\n  border-right: 1px solid #e1e1e1;\n  display: flex;\n  flex-direction: column;\n  left: 0;\n  top: 0;\n  height: 100%;\n  min-height: 100vh;\n  z-index: 999999999;\n  background: #fff;\n  padding-top: 25px;\n  transition: 0.7s;\n\n  &.internal {\n    position: fixed !important;\n    top: 0;\n    left: 0;\n    transform: translateX(-120%);\n  }\n\n  &.expanded {\n    transform: translateX(0);\n  }\n\n  &.regular_menu {\n    transform: translateX(0);\n  }\n\n  &::-webkit-scrollbar {\n    width: 5px;\n    border-radius: 10px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: #ccc;\n    border-radius: 10px;\n  }\n\n  a {\n    text-decoration: none;\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin-top: 0;\n    margin-bottom: clamp(10px, 0.75vw, 15px);\n\n    li + li {\n      margin-top: 4px;\n    }\n\n    ul {\n      display: none;\n      padding: 4px;\n\n      * {\n        color: ", " !important;\n      }\n\n      li {\n        padding: 0;\n\n        &.active {\n          background: none;\n        }\n\n        ul {\n          display: none;\n        }\n\n        .item-title {\n          &:hover,\n          &.active {\n            background: #e1e1e1 !important;\n          }\n        }\n      }\n    }\n\n    li {\n      position: relative !important;\n      z-index: 9999;\n      width: 100%;\n\n      ul {\n        display: none;\n      }\n\n      &.active {\n        background: ", ";\n        border-radius: 5px;\n\n        a,\n        span {\n          color: #fff;\n        }\n\n        svg {\n          fill: #fff !important;\n        }\n      }\n\n      &:hover {\n        > ul {\n          display: block;\n        }\n      }\n    }\n  }\n\n  .title {\n    color: #828282;\n    margin-bottom: clamp(3px, 0.5vw, 10px);\n    padding-left: clamp(5px, 0.78vw, 15px);\n\n    .dark & {\n      color: #4b5563;\n    }\n  }\n\n  .item-title {\n    border-radius: 5px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    transition: transform 0.1s ease-in-out;\n    font-weight: 400;\n    padding: 0 clamp(5px, 0.78vw, 15px);\n    height: clamp(34px, 2.08vw, 40px);\n    display: flex;\n    position: relative;\n    z-index: 2222;\n\n    > span {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      color: ", ";\n\n      .icon {\n        width: 20px;\n        height: 20px;\n        display: flex;\n        transition: 0.1s linear;\n        margin-left: 0;\n\n        > svg {\n          width: 100%;\n          height: auto;\n          fill: #828282;\n        }\n      }\n    }\n\n    &:hover {\n      background-color: ", ";\n\n      > span {\n        color: #fff;\n        margin-right: 0;\n        transition: 0.3s linear;\n\n        .icon {\n          margin-left: 10px;\n\n          > svg {\n            fill: #fff !important;\n          }\n        }\n      }\n    }\n  }\n\n  .arrow {\n    width: 7px;\n    margin: 0 0 0 auto;\n    display: flex;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n\n  &.expanded_menu {\n    width: 65px !important;\n    min-width: 65px !important;\n    padding-top: 41px;\n    transition: 0.3s;\n    position: absolute;\n\n    .expand {\n      position: absolute;\n      top: 10px;\n      right: -12px;\n      width: 24px;\n      height: 24px;\n      border-radius: 100%;\n      background-color: ", ";\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border: 0;\n\n      svg {\n        width: 5px;\n        fill: #fff;\n        height: auto;\n      }\n    }\n\n    > ul {\n      > li {\n        > .item-title {\n          .content-title {\n            display: none;\n          }\n\n          .arrow {\n            display: none;\n          }\n        }\n      }\n    }\n\n    ul {\n      .submenu {\n        min-width: 265px;\n      }\n    }\n\n    .item-title {\n      padding-left: 22px;\n\n      &:hover {\n        > span {\n          .icon {\n            margin-left: 0;\n\n            > svg {\n              fill: #fff !important;\n            }\n          }\n        }\n      }\n    }\n\n    &.expanded {\n      width: 240px !important;\n      transition: 0.3s;\n\n      .expand {\n        svg {\n          transform: rotate(180deg);\n        }\n      }\n\n      > ul {\n        > li {\n          > .item-title {\n            .content-title {\n              display: block;\n            }\n\n            .arrow {\n              display: block;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    .icon {\n      width: 14px !important;\n      height: 14px !important;\n    }\n\n    span {\n      font-size: 13.5px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    .icon {\n      width: 17px !important;\n      height: 17px !important;\n    }\n\n    span {\n      font-size: 13px;\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    .icon {\n      width: 16px !important;\n      height: 16px !important;\n    }\n\n    span {\n      font-size: 12px;\n    }\n  }\n"], ["\n  width: 100%;\n  position: absolute;\n  padding-right: clamp(5px, 0.78vw, 15px);\n  min-width: 285px;\n  width: 28px;\n  padding: 0 0 15px 0;\n  border-right: 1px solid #e1e1e1;\n  display: flex;\n  flex-direction: column;\n  left: 0;\n  top: 0;\n  height: 100%;\n  min-height: 100vh;\n  z-index: 999999999;\n  background: #fff;\n  padding-top: 25px;\n  transition: 0.7s;\n\n  &.internal {\n    position: fixed !important;\n    top: 0;\n    left: 0;\n    transform: translateX(-120%);\n  }\n\n  &.expanded {\n    transform: translateX(0);\n  }\n\n  &.regular_menu {\n    transform: translateX(0);\n  }\n\n  &::-webkit-scrollbar {\n    width: 5px;\n    border-radius: 10px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: #ccc;\n    border-radius: 10px;\n  }\n\n  a {\n    text-decoration: none;\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin-top: 0;\n    margin-bottom: clamp(10px, 0.75vw, 15px);\n\n    li + li {\n      margin-top: 4px;\n    }\n\n    ul {\n      display: none;\n      padding: 4px;\n\n      * {\n        color: ", " !important;\n      }\n\n      li {\n        padding: 0;\n\n        &.active {\n          background: none;\n        }\n\n        ul {\n          display: none;\n        }\n\n        .item-title {\n          &:hover,\n          &.active {\n            background: #e1e1e1 !important;\n          }\n        }\n      }\n    }\n\n    li {\n      position: relative !important;\n      z-index: 9999;\n      width: 100%;\n\n      ul {\n        display: none;\n      }\n\n      &.active {\n        background: ", ";\n        border-radius: 5px;\n\n        a,\n        span {\n          color: #fff;\n        }\n\n        svg {\n          fill: #fff !important;\n        }\n      }\n\n      &:hover {\n        > ul {\n          display: block;\n        }\n      }\n    }\n  }\n\n  .title {\n    color: #828282;\n    margin-bottom: clamp(3px, 0.5vw, 10px);\n    padding-left: clamp(5px, 0.78vw, 15px);\n\n    .dark & {\n      color: #4b5563;\n    }\n  }\n\n  .item-title {\n    border-radius: 5px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    transition: transform 0.1s ease-in-out;\n    font-weight: 400;\n    padding: 0 clamp(5px, 0.78vw, 15px);\n    height: clamp(34px, 2.08vw, 40px);\n    display: flex;\n    position: relative;\n    z-index: 2222;\n\n    > span {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      color: ", ";\n\n      .icon {\n        width: 20px;\n        height: 20px;\n        display: flex;\n        transition: 0.1s linear;\n        margin-left: 0;\n\n        > svg {\n          width: 100%;\n          height: auto;\n          fill: #828282;\n        }\n      }\n    }\n\n    &:hover {\n      background-color: ", ";\n\n      > span {\n        color: #fff;\n        margin-right: 0;\n        transition: 0.3s linear;\n\n        .icon {\n          margin-left: 10px;\n\n          > svg {\n            fill: #fff !important;\n          }\n        }\n      }\n    }\n  }\n\n  .arrow {\n    width: 7px;\n    margin: 0 0 0 auto;\n    display: flex;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n\n  &.expanded_menu {\n    width: 65px !important;\n    min-width: 65px !important;\n    padding-top: 41px;\n    transition: 0.3s;\n    position: absolute;\n\n    .expand {\n      position: absolute;\n      top: 10px;\n      right: -12px;\n      width: 24px;\n      height: 24px;\n      border-radius: 100%;\n      background-color: ", ";\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border: 0;\n\n      svg {\n        width: 5px;\n        fill: #fff;\n        height: auto;\n      }\n    }\n\n    > ul {\n      > li {\n        > .item-title {\n          .content-title {\n            display: none;\n          }\n\n          .arrow {\n            display: none;\n          }\n        }\n      }\n    }\n\n    ul {\n      .submenu {\n        min-width: 265px;\n      }\n    }\n\n    .item-title {\n      padding-left: 22px;\n\n      &:hover {\n        > span {\n          .icon {\n            margin-left: 0;\n\n            > svg {\n              fill: #fff !important;\n            }\n          }\n        }\n      }\n    }\n\n    &.expanded {\n      width: 240px !important;\n      transition: 0.3s;\n\n      .expand {\n        svg {\n          transform: rotate(180deg);\n        }\n      }\n\n      > ul {\n        > li {\n          > .item-title {\n            .content-title {\n              display: block;\n            }\n\n            .arrow {\n              display: block;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    .icon {\n      width: 14px !important;\n      height: 14px !important;\n    }\n\n    span {\n      font-size: 13.5px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    .icon {\n      width: 17px !important;\n      height: 17px !important;\n    }\n\n    span {\n      font-size: 13px;\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    .icon {\n      width: 16px !important;\n      height: 16px !important;\n    }\n\n    span {\n      font-size: 12px;\n    }\n  }\n"])), function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.primaryColor; });
-exports.SubMenu = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-radius: 5px;\n  padding: 12px 8px;\n  z-index: 24;\n  position: absolute;\n  top: ", ";\n  bottom: ", ";\n  left: 100%;\n  z-index: 9999;\n  background-color: #ffffff;\n  border: 1px solid #d1d5db;\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  transition: background-color 0.3s, border-color 0.3s;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n  margin-bottom: 0 !important;\n"], ["\n  border-radius: 5px;\n  padding: 12px 8px;\n  z-index: 24;\n  position: absolute;\n  top: ", ";\n  bottom: ", ";\n  left: 100%;\n  z-index: 9999;\n  background-color: #ffffff;\n  border: 1px solid #d1d5db;\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  transition: background-color 0.3s, border-color 0.3s;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n  margin-bottom: 0 !important;\n"])), function (props) { return (props.$index <= 6 ? 0 : undefined); }, function (props) { return (props.$index > 6 ? 0 : undefined); });
-exports.Overlay = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 100%;\n  height: 100dvh;\n  position: fixed;\n  z-index: 99999999;\n  top: 0;\n  left: 0;\n  background: rgba(0, 0, 0, 0.5);\n"], ["\n  width: 100%;\n  height: 100dvh;\n  position: fixed;\n  z-index: 99999999;\n  top: 0;\n  left: 0;\n  background: rgba(0, 0, 0, 0.5);\n"])));
-var templateObject_1, templateObject_2, templateObject_3;
+exports.Menu = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: sticky;\n  width: 285px;\n  padding: 25px 0 15px 0;\n  border-right: 1px solid #e1e1e1;\n  display: flex;\n  flex-direction: column;\n  left: 0;\n  top: 0;\n  height: 100%;\n  min-height: 100vh;\n  z-index: 99;\n  background: #fff;\n  transition: 0.3s;\n  max-height: 100dvh;\n\n  &.internal {\n    position: fixed !important;\n    transform: translateX(-120%);\n    z-index: 999999991;\n  }\n\n  &.open {\n    transform: translateX(0);\n  }\n\n  &::-webkit-scrollbar {\n    width: 5px;\n    border-radius: 10px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: #ccc;\n    border-radius: 10px;\n  }\n\n  a {\n    text-decoration: none;\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin-top: 0;\n    margin-bottom: clamp(10px, 0.75vw, 15px);\n\n    li + li {\n      margin-top: 4px;\n    }\n\n    ul {\n      display: none;\n      padding: 4px;\n\n      * {\n        color: ", " !important;\n      }\n\n      li {\n        padding: 0;\n\n        &.active {\n          background: none;\n        }\n\n        ul {\n          display: none;\n        }\n\n        .item-title {\n          &:hover,\n          &.active {\n            background: #e1e1e1 !important;\n          }\n        }\n      }\n    }\n\n    li {\n      position: relative !important;\n      z-index: 9999;\n      width: 100%;\n\n      ul {\n        display: none;\n      }\n\n      &.active {\n        background: ", ";\n        border-radius: 5px;\n\n        a,\n        span {\n          color: #fff;\n        }\n\n        svg {\n          fill: #fff !important;\n        }\n      }\n\n      &:hover {\n        > ul {\n          display: block;\n        }\n      }\n    }\n  }\n\n  .title {\n    color: #828282;\n    margin-bottom: clamp(3px, 0.5vw, 10px);\n    padding-left: clamp(5px, 0.78vw, 15px);\n\n    .dark & {\n      color: #4b5563;\n    }\n  }\n\n  .item-title {\n    border-radius: 5px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    transition: transform 0.1s ease-in-out;\n    font-weight: 400;\n    padding: 0 clamp(5px, 0.78vw, 15px);\n    height: clamp(34px, 2.08vw, 40px);\n    display: flex;\n    position: relative;\n    z-index: 2222;\n\n    > span {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      color: ", ";\n\n      .icon {\n        width: 20px;\n        height: 20px;\n        display: flex;\n        transition: 0.1s linear;\n        margin-left: 0;\n\n        > svg {\n          width: 100%;\n          height: auto;\n          fill: #828282;\n        }\n      }\n    }\n\n    &:hover {\n      background-color: ", ";\n\n      > span {\n        color: #fff;\n        margin-right: 0;\n        transition: 0.3s linear;\n\n        .icon {\n          margin-left: 10px;\n\n          > svg {\n            fill: #fff !important;\n          }\n        }\n      }\n    }\n  }\n\n  .arrow {\n    width: 7px;\n    margin: 0 0 0 auto;\n    display: flex;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    .icon {\n      width: 14px !important;\n      height: 14px !important;\n    }\n\n    span {\n      font-size: 13.5px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    .icon {\n      width: 17px !important;\n      height: 17px !important;\n    }\n\n    span {\n      font-size: 13px;\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    .icon {\n      width: 16px !important;\n      height: 16px !important;\n    }\n\n    span {\n      font-size: 12px;\n    }\n  }\n"], ["\n  position: sticky;\n  width: 285px;\n  padding: 25px 0 15px 0;\n  border-right: 1px solid #e1e1e1;\n  display: flex;\n  flex-direction: column;\n  left: 0;\n  top: 0;\n  height: 100%;\n  min-height: 100vh;\n  z-index: 99;\n  background: #fff;\n  transition: 0.3s;\n  max-height: 100dvh;\n\n  &.internal {\n    position: fixed !important;\n    transform: translateX(-120%);\n    z-index: 999999991;\n  }\n\n  &.open {\n    transform: translateX(0);\n  }\n\n  &::-webkit-scrollbar {\n    width: 5px;\n    border-radius: 10px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: #ccc;\n    border-radius: 10px;\n  }\n\n  a {\n    text-decoration: none;\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin-top: 0;\n    margin-bottom: clamp(10px, 0.75vw, 15px);\n\n    li + li {\n      margin-top: 4px;\n    }\n\n    ul {\n      display: none;\n      padding: 4px;\n\n      * {\n        color: ", " !important;\n      }\n\n      li {\n        padding: 0;\n\n        &.active {\n          background: none;\n        }\n\n        ul {\n          display: none;\n        }\n\n        .item-title {\n          &:hover,\n          &.active {\n            background: #e1e1e1 !important;\n          }\n        }\n      }\n    }\n\n    li {\n      position: relative !important;\n      z-index: 9999;\n      width: 100%;\n\n      ul {\n        display: none;\n      }\n\n      &.active {\n        background: ", ";\n        border-radius: 5px;\n\n        a,\n        span {\n          color: #fff;\n        }\n\n        svg {\n          fill: #fff !important;\n        }\n      }\n\n      &:hover {\n        > ul {\n          display: block;\n        }\n      }\n    }\n  }\n\n  .title {\n    color: #828282;\n    margin-bottom: clamp(3px, 0.5vw, 10px);\n    padding-left: clamp(5px, 0.78vw, 15px);\n\n    .dark & {\n      color: #4b5563;\n    }\n  }\n\n  .item-title {\n    border-radius: 5px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    transition: transform 0.1s ease-in-out;\n    font-weight: 400;\n    padding: 0 clamp(5px, 0.78vw, 15px);\n    height: clamp(34px, 2.08vw, 40px);\n    display: flex;\n    position: relative;\n    z-index: 2222;\n\n    > span {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      color: ", ";\n\n      .icon {\n        width: 20px;\n        height: 20px;\n        display: flex;\n        transition: 0.1s linear;\n        margin-left: 0;\n\n        > svg {\n          width: 100%;\n          height: auto;\n          fill: #828282;\n        }\n      }\n    }\n\n    &:hover {\n      background-color: ", ";\n\n      > span {\n        color: #fff;\n        margin-right: 0;\n        transition: 0.3s linear;\n\n        .icon {\n          margin-left: 10px;\n\n          > svg {\n            fill: #fff !important;\n          }\n        }\n      }\n    }\n  }\n\n  .arrow {\n    width: 7px;\n    margin: 0 0 0 auto;\n    display: flex;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    .icon {\n      width: 14px !important;\n      height: 14px !important;\n    }\n\n    span {\n      font-size: 13.5px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    .icon {\n      width: 17px !important;\n      height: 17px !important;\n    }\n\n    span {\n      font-size: 13px;\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    .icon {\n      width: 16px !important;\n      height: 16px !important;\n    }\n\n    span {\n      font-size: 12px;\n    }\n  }\n"])), function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; });
+exports.SubMenu = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-radius: 5px;\n  padding: 12px 8px;\n  z-index: 24;\n  position: absolute;\n  top: ", ";\n  bottom: ", ";\n  left: 100%;\n  z-index: 9999;\n  background-color: #ffffff;\n  border: 1px solid #d1d5db;\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  transition: background-color 0.3s, border-color 0.3s;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n  margin-bottom: 0 !important;\n\n  // Responsives\n\n  @media only screen and (max-width: 768px) {\n    position: relative;\n    left: 0;\n    top: 0;\n    box-shadow: none;\n    border: none;\n    background-color: rgba(0, 0, 0, 0.05);\n  }\n"], ["\n  border-radius: 5px;\n  padding: 12px 8px;\n  z-index: 24;\n  position: absolute;\n  top: ", ";\n  bottom: ", ";\n  left: 100%;\n  z-index: 9999;\n  background-color: #ffffff;\n  border: 1px solid #d1d5db;\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  transition: background-color 0.3s, border-color 0.3s;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n  margin-bottom: 0 !important;\n\n  // Responsives\n\n  @media only screen and (max-width: 768px) {\n    position: relative;\n    left: 0;\n    top: 0;\n    box-shadow: none;\n    border: none;\n    background-color: rgba(0, 0, 0, 0.05);\n  }\n"])), function (props) { return (props.$index <= 6 ? 0 : undefined); }, function (props) { return (props.$index > 6 ? 0 : undefined); });
+var templateObject_1, templateObject_2;
 //# sourceMappingURL=styles.js.map

package/dist/system/presentation/components/layout/sidebar-menu/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/sidebar-menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,kuKAAA,2iCA+Db,EAAgC,0fAiC3B,EAAgC,05BAkDvC,EAAgC,wTAkBrB,EAAgC,svBA4ChC,EAAmC,wqDA2G5D,KA5PgB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAiC3B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAkDvC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAkBrB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EA4ChC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EA2G5D;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,EAAE,8hBAAoB,+FAK3C,EAA8C,eAC3C,EAA6C,yWAYxD,KAbQ,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAnC,CAAmC,EAC3C,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAlC,CAAkC,EAYxD;AACY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,8MAAA,2IAQhC,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/sidebar-menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,4nHAAA,s5BAuDb,EAAgC,0fAiC3B,EAAgC,05BAkDvC,EAAgC,wTAkBrB,EAAgC,+8BA8DzD,KAnKgB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAiC3B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAkDvC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAkBrB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EA8DzD;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,EAAE,kvBAAoB,+FAK3C,EAA8C,eAC3C,EAA6C,6jBAuBxD,KAxBQ,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAnC,CAAmC,EAC3C,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAlC,CAAkC,EAuBxD"}

package/dist/system/presentation/components/layout/styles.d.ts

@@ -2,5 +2,6 @@
 export declare const Layout: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").Ref<HTMLDivElement>;
 }, {
-    $sideBarWidth?: number;
+    $isInternalSidebar?: boolean;
+    $sideBarWidth?: string;
 }>> & string;

package/dist/system/presentation/components/layout/styles.js

@@ -9,6 +9,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.Layout = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  --spacing: 30px;\n\n  header {\n    padding-left: var(--spacing);\n    padding-right: var(--spacing);\n  }\n\n  .content_layout {\n    width: 100%;\n    display: flex;\n    position: relative;\n\n    header, main {\n      padding-left: var(--spacing);\n      padding-right: var(--spacing);\n    }\n\n    main {\n      width: ", ";\n\n      flex: 1;\n      margin: var(--spacing) 0;\n    }\n  }\n"], ["\n  width: 100%;\n  --spacing: 30px;\n\n  header {\n    padding-left: var(--spacing);\n    padding-right: var(--spacing);\n  }\n\n  .content_layout {\n    width: 100%;\n    display: flex;\n    position: relative;\n\n    header, main {\n      padding-left: var(--spacing);\n      padding-right: var(--spacing);\n    }\n\n    main {\n      width: ", ";\n\n      flex: 1;\n      margin: var(--spacing) 0;\n    }\n  }\n"])), function (props) { return (props.$sideBarWidth ? "calc(100% - ".concat(props.$sideBarWidth + 'px', ")") : '100%'); });
+exports.Layout = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  --spacing: 30px;\n  display: grid;\n  grid-template-columns: ", ";\n  grid-template-rows: max-content 1fr;\n  grid-template-areas:\n    'header header'\n    ", ";\n\n  header,\n  main {\n    padding-left: var(--spacing);\n    padding-right: var(--spacing);\n  }\n\n  header,\n  aside {\n    position: sticky;\n    top: 0;\n    left: 0;\n  }\n\n  header {\n    padding-left: var(--spacing);\n    padding-right: var(--spacing);\n    grid-area: header;\n  }\n\n  aside {\n    grid-area: aside;\n    display: ", ";\n  }\n\n  main {\n    grid-area: main;\n    margin: var(--spacing) 0;\n  }\n"], ["\n  width: 100%;\n  --spacing: 30px;\n  display: grid;\n  grid-template-columns: ", ";\n  grid-template-rows: max-content 1fr;\n  grid-template-areas:\n    'header header'\n    ", ";\n\n  header,\n  main {\n    padding-left: var(--spacing);\n    padding-right: var(--spacing);\n  }\n\n  header,\n  aside {\n    position: sticky;\n    top: 0;\n    left: 0;\n  }\n\n  header {\n    padding-left: var(--spacing);\n    padding-right: var(--spacing);\n    grid-area: header;\n  }\n\n  aside {\n    grid-area: aside;\n    display: ", ";\n  }\n\n  main {\n    grid-area: main;\n    margin: var(--spacing) 0;\n  }\n"])), function (_a) {
+    var $isInternalSidebar = _a.$isInternalSidebar, $sideBarWidth = _a.$sideBarWidth;
+    return $isInternalSidebar ? '1fr' : "".concat($sideBarWidth, " 1fr");
+}, function (_a) {
+    var $isInternalSidebar = _a.$isInternalSidebar;
+    return ($isInternalSidebar ? "'main main'" : "'aside main'");
+}, function (_a) {
+    var $isInternalSidebar = _a.$isInternalSidebar;
+    return ($isInternalSidebar ? 'none' : 'block');
+});
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

package/dist/system/presentation/components/layout/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,oeAA4B,2VAoBhD,EAAwF,oEAMtG,KANc,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,sBAAe,KAAK,CAAC,aAAa,GAAG,IAAI,MAAG,CAAC,CAAC,CAAC,MAAM,CAAC,EAA7E,CAA6E,EAMtG"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,oqBAA0D,mFAIlE,EAC4B,8FAIjD,EAAiF,0VAuBxE,EAAmE,gFAOjF,KAnC0B,UAAC,EAAqC;QAAnC,kBAAkB,wBAAA,EAAE,aAAa,mBAAA;IAC3D,OAAA,kBAAkB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAG,aAAa,SAAM;AAAnD,CAAmD,EAIjD,UAAC,EAAsB;QAApB,kBAAkB,wBAAA;IAAO,OAAA,CAAC,kBAAkB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,CAAC;AAArD,CAAqD,EAuBxE,UAAC,EAAsB;QAApB,kBAAkB,wBAAA;IAAO,OAAA,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AAAvC,CAAuC,EAOjF"}

package/dist/system/presentation/context/menu/interfaces.d.ts

@@ -1,6 +1,6 @@
 import { Dispatch, ReactNode, SetStateAction } from 'react';
 export interface IMenuSettings {
-    mode?: 'expandedMenu' | 'auto';
+    mode?: 'collapsed' | 'regular' | 'auto';
     position?: 'internal' | 'auto';
 }
 export type MenuContextProviderProps = {

package/dist/system/presentation/hooks/ui/use-table/components/table/active-filters/index.js

@@ -38,7 +38,7 @@ var router_1 = require("next/router");
 var ui_1 = require("../../../../../../../../ui/index.js");
 var S = __importStar(require("./styles.js"));
 function ActiveFilters(_a) {
-    var _b, _c;
+    var _b, _c, _d;
     var configs = _a.configs, tableInformations = _a.tableInformations;
     var router = (0, router_1.useRouter)();
     var queryFilters = (_b = router === null || router === void 0 ? void 0 : router.query) === null || _b === void 0 ? void 0 : _b.filters;
@@ -46,12 +46,27 @@ function ActiveFilters(_a) {
     var configsFilter = (configs === null || configs === void 0 ? void 0 : configs.customFilters) || [];
     var apiFilters = (tableInformations === null || tableInformations === void 0 ? void 0 : tableInformations.filters) || [];
     var filters = __spreadArray(__spreadArray([], apiFilters, true), configsFilter, true);
-    if ((!base64FiltersDecoded.filters || base64FiltersDecoded.filters.length === 0) && !router.query.search) {
+    var outSideFilters = (_c = configs.customFilters) === null || _c === void 0 ? void 0 : _c.filter(function (filter) { return filter.outsideFilters; });
+    if ((!base64FiltersDecoded.filters || base64FiltersDecoded.filters.length === 0) && !router.query.search && (!outSideFilters || outSideFilters.length === 0)) {
         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
     }
-    return ((0, jsx_runtime_1.jsxs)(S.ActiveFilters, { children: [(_c = base64FiltersDecoded === null || base64FiltersDecoded === void 0 ? void 0 : base64FiltersDecoded.filters) === null || _c === void 0 ? void 0 : _c.map(function (filter) {
+    return ((0, jsx_runtime_1.jsxs)(S.ActiveFilters, { children: [outSideFilters &&
+                outSideFilters.length > 0 &&
+                outSideFilters.map(function (filter) {
+                    var _a;
+                    var existThisFilterInUrl = router.query[filter.data];
+                    console.log(router.query);
+                    if (!existThisFilterInUrl) {
+                        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+                    }
+                    return ((0, jsx_runtime_1.jsxs)("div", { className: 'filter_item', children: [(0, jsx_runtime_1.jsxs)("span", { children: [filter.label, ": ", (_a = filter.options.find(function (option) { return option.value === existThisFilterInUrl; })) === null || _a === void 0 ? void 0 : _a.text] }, filter.data), (0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: function () {
+                                    var _a;
+                                    (0, ui_1.updateRoute)({ params: (_a = {}, _a[filter.data] = undefined, _a), router: router });
+                                }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'CloseIcon' }) })] }));
+                }), (_d = base64FiltersDecoded === null || base64FiltersDecoded === void 0 ? void 0 : base64FiltersDecoded.filters) === null || _d === void 0 ? void 0 : _d.map(function (filter) {
                 var _a, _b, _c;
-                var text = (_c = (_b = (_a = filters.find(function (f) { return (f === null || f === void 0 ? void 0 : f.data) === (filter === null || filter === void 0 ? void 0 : filter.data); })) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.find(function (option) { return option.value === filter.search; })) === null || _c === void 0 ? void 0 : _c.text;
+                var text = (_c = (_b = (_a = filters
+                    .find(function (f) { return (f === null || f === void 0 ? void 0 : f.data) === (filter === null || filter === void 0 ? void 0 : filter.data); })) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.find(function (option) { return option.value === filter.search; })) === null || _c === void 0 ? void 0 : _c.text;
                 return ((0, jsx_runtime_1.jsxs)("div", { className: 'filter_item', children: [(0, jsx_runtime_1.jsx)("span", { children: text }), (0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: function () {
                                 var filters = base64FiltersDecoded.filters.filter(function (f) { return f.data !== filter.data && f.search !== filter.search; });
                                 (0, ui_1.updateRoute)({ params: { filters: (0, ui_1.toBase64)({ filters: filters }) }, router: router });

package/dist/system/presentation/hooks/ui/use-table/components/table/active-filters/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/active-filters/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAuC;AAEvC,2BAAsE;AAItE,0CAA6B;AAE7B,SAAgB,aAAa,CAAC,EAA2C;;QAAzC,OAAO,aAAA,EAAE,iBAAiB,uBAAA;IACxD,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAC1B,IAAM,YAAY,GAAG,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,OAAO,CAAA;IAC3C,IAAM,oBAAoB,GAAG,IAAA,uBAAkB,EAAC,YAAY,CAAoD,CAAA;IAEhH,IAAM,aAAa,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,KAAI,EAAE,CAAA;IAClD,IAAM,UAAU,GAAG,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,OAAO,KAAI,EAAE,CAAA;IAEnD,IAAM,OAAO,mCAAO,UAAU,SAAK,aAAa,OAAC,CAAA;IAEjD,IAAI,CAAC,CAAC,oBAAoB,CAAC,OAAO,IAAI,oBAAoB,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;QACzG,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,aAAa,eACb,MAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,OAAO,0CAAE,GAAG,CAAC,UAAC,MAAM;;gBACzC,IAAM,IAAI,GAAG,MAAA,MAAA,MAAA,OAAO,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,IAAI,OAAK,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAA,EAAxB,CAAwB,CAAC,0CACpD,OAAO,0CAAE,IAAI,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,KAAK,KAAK,MAAM,CAAC,MAAM,EAA9B,CAA8B,CAAC,0CAAE,IAAI,CAAA;gBAEnE,OAAO,CACL,iCAAuC,SAAS,EAAC,aAAa,aAC5D,2CACG,IAAI,GACA,EAEP,mCACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE;gCACP,IAAM,OAAO,GAAG,oBAAoB,CAAC,OAAO,CAAC,MAAM,CACjD,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,EAApD,CAAoD,CAC5D,CAAA;gCAED,IAAA,gBAAW,EAAC,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,IAAA,aAAQ,EAAC,EAAE,OAAO,SAAA,EAAE,CAAC,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAA;4BACrE,CAAC,YAED,uBAAC,SAAI,IAAC,IAAI,EAAC,WAAW,GAAG,GAClB,KAhBD,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,MAAM,CAiB/B,CACP,CAAA;YACH,CAAC,CAAC,EAED,MAAM,CAAC,KAAK,CAAC,MAAM,IAAI,CACtB,iCAAK,SAAS,EAAC,aAAa,aAC1B,wDAAc,MAAM,CAAC,KAAK,CAAC,MAAM,IAAQ,EAEzC,mCACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE;4BACP,IAAA,gBAAW,EAAC,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAA;wBACxD,CAAC,YAED,uBAAC,SAAI,IAAC,IAAI,EAAC,WAAW,GAAG,GAClB,IACL,CACP,IACe,CACnB,CAAA;AACH,CAAC;AA1DD,sCA0DC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/active-filters/index.tsx"],"names":[],"mappings":"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"}

package/dist/system/presentation/hooks/ui/use-table/components/table/filters/index.js

@@ -87,7 +87,7 @@ var ui_1 = require("../../../../../../../../ui/index.js");
 var S = __importStar(require("./styles.js"));
 function Filters(_a) {
     var _this = this;
-    var _b, _c;
+    var _b;
     var configs = _a.configs, tableInformations = _a.tableInformations;
     var configsFilter = configs.customFilters || [];
     var apiFilters = (tableInformations === null || tableInformations === void 0 ? void 0 : tableInformations.filters) || [];
@@ -107,15 +107,20 @@ function Filters(_a) {
     if (filters.length === 0) {
         return (0, jsx_runtime_1.jsx)("div", {});
     }
-    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Filters', children: (0, jsx_runtime_1.jsx)(S.Filters, { children: (0, jsx_runtime_1.jsx)(ui_1.FormHandler, { initialData: __assign(__assign({}, initialData), { search: (_c = router === null || router === void 0 ? void 0 : router.query) === null || _c === void 0 ? void 0 : _c.search }), children: (0, jsx_runtime_1.jsxs)("div", { className: 'filters', style: { gridTemplateColumns: "repeat(".concat(filters.length + 1, ", 1fr)") }, children: [filters === null || filters === void 0 ? void 0 : filters.map(function (filter) { return ((0, jsx_runtime_1.jsx)(ui_1.Select, { name: filter.data, label: filter.label, placeholder: filter.placeholder || filter.label, onlyOneValue: true, onChangeSelect: function (value) { return __awaiter(_this, void 0, void 0, function () {
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Filters', children: (0, jsx_runtime_1.jsx)(S.Filters, { children: (0, jsx_runtime_1.jsx)(ui_1.FormHandler, { disableEnterKeySubmitForm: true, initialData: __assign(__assign({}, initialData), router.query), children: (0, jsx_runtime_1.jsxs)("div", { className: 'filters', style: { gridTemplateColumns: "repeat(".concat(filters.length + 1, ", 1fr)") }, children: [filters === null || filters === void 0 ? void 0 : filters.map(function (filter) { return ((0, jsx_runtime_1.jsx)(ui_1.Select, { name: filter.data, label: filter.label, placeholder: filter.placeholder || filter.label, onlyOneValue: true, onChangeSelect: function (value) { return __awaiter(_this, void 0, void 0, function () {
                                 var filterSelected, filterAlredyExist, remapedFilters;
-                                var _a, _b;
-                                return __generator(this, function (_c) {
+                                var _a;
+                                var _b, _c;
+                                return __generator(this, function (_d) {
+                                    if (filter.outsideFilters) {
+                                        (0, ui_1.updateRoute)({ params: (_a = {}, _a[filter.data] = value, _a), router: router });
+                                        return [2 /*return*/];
+                                    }
                                     filterSelected = { data: filter === null || filter === void 0 ? void 0 : filter.data, search: value };
                                     if (hasFiltersSelected) {
-                                        filterAlredyExist = (_a = base64FiltersDecoded === null || base64FiltersDecoded === void 0 ? void 0 : base64FiltersDecoded.filters) === null || _a === void 0 ? void 0 : _a.find(function (f) { return (f === null || f === void 0 ? void 0 : f.data) === (filter === null || filter === void 0 ? void 0 : filter.data); });
+                                        filterAlredyExist = (_b = base64FiltersDecoded === null || base64FiltersDecoded === void 0 ? void 0 : base64FiltersDecoded.filters) === null || _b === void 0 ? void 0 : _b.find(function (f) { return (f === null || f === void 0 ? void 0 : f.data) === (filter === null || filter === void 0 ? void 0 : filter.data); });
                                         if (filterAlredyExist) {
-                                            remapedFilters = (_b = base64FiltersDecoded === null || base64FiltersDecoded === void 0 ? void 0 : base64FiltersDecoded.filters) === null || _b === void 0 ? void 0 : _b.map(function (f) {
+                                            remapedFilters = (_c = base64FiltersDecoded === null || base64FiltersDecoded === void 0 ? void 0 : base64FiltersDecoded.filters) === null || _c === void 0 ? void 0 : _c.map(function (f) {
                                                 return (f === null || f === void 0 ? void 0 : f.data) === (filter === null || filter === void 0 ? void 0 : filter.data) ? filterSelected : f;
                                             });
                                             updateFilters(remapedFilters);

package/dist/system/presentation/hooks/ui/use-table/components/table/filters/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/filters/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAuC;AAEvC,mCAAsC;AACtC,2BAA4F;AAI5F,0CAA6B;AAE7B,SAAgB,OAAO,CAAC,EAA2C;IAAnE,iBAqEC;;QArEyB,OAAO,aAAA,EAAE,iBAAiB,uBAAA;IAClD,IAAM,aAAa,GAAG,OAAO,CAAC,aAAa,IAAI,EAAE,CAAA;IACjD,IAAM,UAAU,GAAG,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,OAAO,KAAI,EAAE,CAAA;IAEnD,IAAM,OAAO,mCAAO,UAAU,SAAK,aAAa,OAAC,CAAA;IAEjD,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAC1B,IAAM,YAAY,GAAG,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,OAAO,CAAA;IAC3C,IAAM,oBAAoB,GAAG,IAAA,uBAAkB,EAAC,YAAY,CAAC,CAAA;IAE7D,IAAM,kBAAkB,GAAG,CAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,OAAO,KAAI,KAAK,CAAC,OAAO,CAAC,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,OAAO,CAAC,CAAA;IAExG,IAAM,WAAW,GACf,kBAAkB;SAClB,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,OAAO,CAAC,MAAM,CAAC,UAAC,OAAO,EAAE,MAAM;;YACnD,6BAAY,OAAO,gBAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,IAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,OAAE;QACvD,CAAC,EAAE,EAAE,CAAC,CAAA,CAAA;IAER,SAAS,aAAa,CAAC,OAAc;QACnC,IAAA,gBAAW,EAAC,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,IAAA,aAAQ,EAAC,EAAE,OAAO,SAAA,EAAE,CAAC,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAA;IACrE,CAAC;IAED,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,iCAAW,CAAA;IACpB,CAAC;IAED,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,SAAS,YACnB,uBAAC,CAAC,CAAC,OAAO,cACR,uBAAC,gBAAW,IAAC,WAAW,wBAAM,WAAW,KAAE,MAAM,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,MAAM,eACtE,iCAAK,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,mBAAmB,EAAE,iBAAU,OAAO,CAAC,MAAM,GAAG,CAAC,WAAQ,EAAE,aAC1F,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CACxB,uBAAC,WAAM,IAEL,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,WAAW,EAAE,MAAM,CAAC,WAAW,IAAI,MAAM,CAAC,KAAK,EAC/C,YAAY,QACZ,cAAc,EAAE,UAAO,KAAU;;;;oCACzB,cAAc,GAAG,EAAE,IAAI,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAA;oCAE5D,IAAI,kBAAkB,EAAE,CAAC;wCACjB,iBAAiB,GAAG,MAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,OAAO,0CAAE,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,IAAI,OAAK,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAA,EAAxB,CAAwB,CAAC,CAAA;wCAE9F,IAAI,iBAAiB,EAAE,CAAC;4CAChB,cAAc,GAAG,MAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,OAAO,0CAAE,GAAG,CAAC,UAAC,CAAC;gDAC1D,OAAA,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,IAAI,OAAK,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAA,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;4CAA7C,CAA6C,CAC9C,CAAA;4CAED,aAAa,CAAC,cAAc,CAAC,CAAA;4CAE7B,sBAAM;wCACR,CAAC;wCAED,aAAa,iCAAK,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,OAAO,UAAE,cAAc,UAAE,CAAA;oCACnE,CAAC;yCAAM,CAAC;wCACN,aAAa,CAAC,CAAC,cAAc,CAAC,CAAC,CAAA;oCACjC,CAAC;;;iCACF,EACD,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,EAAE,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,EAArC,CAAqC,CAAC,IA1BrE,MAAM,CAAC,IAAI,CA2BhB,CACH,EA9ByB,CA8BzB,CAAC,EAEF,uBAAC,oBAAW,IAAC,QAAQ,EAAE,UAAC,KAAK,IAAK,OAAA,IAAA,gBAAW,EAAC,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,EAA3D,CAA2D,GAAI,IAC7F,GACM,GACJ,GACN,CACT,CAAA;AACH,CAAC;AArED,0BAqEC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/filters/index.tsx"],"names":[],"mappings":"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"}

package/dist/test/index.js

@@ -1,16 +1,36 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HomePage = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
 var index_1 = require("../index.js");
 function HomePage() {
-    return ((0, jsx_runtime_1.jsx)(index_1.Layout, { workspaces: {
-            activeWorkspace: '1',
-            list: [
-                { img: '', label: 'Ts', subtitle: 'Test', value: '1' },
-                { img: '', label: '222', value: '2333' },
+    var Table = (0, index_1.useTable)({
+        columnsConfiguration: { columns: [{ id: 'a', label: 'A' }] },
+        configs: {
+            errorMessage: 'Nao á',
+            customFilters: [
+                {
+                    data: 'frutas',
+                    label: 'Frutas',
+                    outsideFilters: true,
+                    options: [
+                        { text: 'banana', value: '124214124' },
+                        { text: 'maça', value: '2334445' },
+                    ],
+                },
+                {
+                    data: 'industrializado',
+                    label: 'Industrializado',
+                    outsideFilters: true,
+                    options: [
+                        { text: 'Sim', value: '1' },
+                        { text: 'Não', value: '2' },
+                    ],
+                },
             ],
-        }, children: "a" }));
+            tableData: [{ a: 'String' }],
+        },
+    }).Table;
+    return Table;
 }
 exports.HomePage = HomePage;
 //# sourceMappingURL=index.js.map

package/dist/test/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test/index.tsx"],"names":[],"mappings":";;;;AAAA,kCAAiC;AAIjC,SAAgB,QAAQ;IACtB,OAAO,CACL,uBAAC,cAAM,IACL,UAAU,EAAE;YACV,eAAe,EAAE,GAAG;YACpB,IAAI,EAAE;gBACJ,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE;gBACtD,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE;aACzC;SACF,kBAGM,CACV,CAAA;AACH,CAAC;AAdD,4BAcC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test/index.tsx"],"names":[],"mappings":";;;AAAA,kCAA2C;AAE3C,SAAgB,QAAQ;IACd,IAAA,KAAK,GAAK,IAAA,gBAAQ,EAAgB;QACxC,oBAAoB,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE;QAC5D,OAAO,EAAE;YACP,YAAY,EAAE,OAAO;YACrB,aAAa,EAAE;gBACb;oBACE,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE,QAAQ;oBACf,cAAc,EAAE,IAAI;oBACpB,OAAO,EAAE;wBACP,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE;wBACtC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE;qBACnC;iBACF;gBACD;oBACE,IAAI,EAAE,iBAAiB;oBACvB,KAAK,EAAE,iBAAiB;oBACxB,cAAc,EAAE,IAAI;oBACpB,OAAO,EAAE;wBACP,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE;wBAC3B,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE;qBAC5B;iBACF;aACF;YACD,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC;SAC7B;KACF,CAAC,MA1BW,CA0BX;IAEF,OAAO,KAAK,CAAA;AACd,CAAC;AA9BD,4BA8BC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "infinity-forge",
-  "version": "1.3.6",
+  "version": "1.3.8",
   "description": "codie Library",
   "main": "./dist/index",
   "module": "./dist/index",