infinity-forge 1.4.7 → 1.5.1

package/dist/system/presentation/components/{layout/sidebar-menu → data/menu}/components/menu-item/index.js

@@ -30,16 +30,26 @@ 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"));
 var react_1 = require("react");
+var context_1 = require("../../../../../../../system/presentation/context/index.js");
+var S = __importStar(require("../../styles.js"));
+var router_1 = require("next/router");
 function MenuItem(_a) {
     var _b;
     var item = _a.item, index = _a.index;
     var _c = (0, react_1.useState)(false), open = _c[0], setOpen = _c[1];
+    var router = (0, router_1.useRouter)();
     var window = (0, ui_1.useWindow)();
+    var openMenu = (0, context_1.useMenu)().openMenu;
+    var path = router === null || router === void 0 ? void 0 : router.asPath.replace(/\/$/, '');
+    var isActivePage = path === (item === null || item === void 0 ? void 0 : item.route);
     var hasMenuItems = (item === null || item === void 0 ? void 0 : item.items) && ((_b = item.items) === null || _b === void 0 ? void 0 : _b.length) > 0;
     function toggleMenuItem() {
-        if (window.innerHeight <= 768) {
+        if (openMenu) {
+            setOpen(false);
+            return;
+        }
+        if (window.innerHeight <= 1024) {
             setOpen(!open);
             return;
         }
@@ -47,9 +57,9 @@ function MenuItem(_a) {
     function ItemContent(_a) {
         var _b;
         var href = _a.href;
-        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)(link_1.default, { href: href, className: 'content-title', children: item === null || item === void 0 ? void 0 : item.title }), ((_b = item === null || item === void 0 ? void 0 : item.items) === null || _b === void 0 ? void 0 : _b.length) > 0 && ((0, jsx_runtime_1.jsx)("div", { onClick: toggleMenuItem, className: 'arrow', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconKeyboardRightArrow' }) }))] }));
+        return ((0, jsx_runtime_1.jsxs)("span", { className: 'font-13-regular', children: [(0, jsx_runtime_1.jsxs)("div", { 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)(link_1.default, { href: href, className: 'content-title', children: item === null || item === void 0 ? void 0 : item.title })] }), ((_b = item === null || item === void 0 ? void 0 : item.items) === null || _b === void 0 ? void 0 : _b.length) > 0 && ((0, jsx_runtime_1.jsx)("div", { onClick: toggleMenuItem, className: 'arrow', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconKeyboardRightArrow' }) }))] }));
     }
-    return ((0, jsx_runtime_1.jsxs)("li", { className: (!false ? 'active' : '') + (open ? ' open' : ''), children: [item.route ? ((0, jsx_runtime_1.jsx)("span", { className: "item-title font-13-regular ".concat(false ? 'active' : ''), children: (0, jsx_runtime_1.jsx)(ItemContent, { href: item.route }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "item-title ".concat(false ? 'active' : ''), children: (0, jsx_runtime_1.jsx)(ItemContent, { href: item.route }) })), hasMenuItems && (0, jsx_runtime_1.jsx)(SubMenu, { index: index, item: item === null || item === void 0 ? void 0 : item.items }, 'submenu' + item.title)] }));
+    return ((0, jsx_runtime_1.jsxs)("li", { className: (open ? ' open' : '') + (isActivePage ? ' active-page' : ''), children: [item.route ? (0, jsx_runtime_1.jsx)(ItemContent, { href: item.route }) : (0, jsx_runtime_1.jsx)(ItemContent, { href: item.route }), 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) {

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/data/menu/components/menu-item/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAAsC;AACtC,mDAA4B;AAE5B,+BAAgC;AAChC,yDAAuD;AAEvD,8CAAiC;AACjC,sCAAuC;AAEvC,SAAgB,QAAQ,CAAC,EAA6C;;QAA3C,IAAI,UAAA,EAAE,KAAK,WAAA;IAC9B,IAAA,KAAkB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhC,IAAI,QAAA,EAAE,OAAO,QAAmB,CAAA;IACvC,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAC1B,IAAM,MAAM,GAAG,IAAA,cAAS,GAAE,CAAA;IAClB,IAAA,QAAQ,GAAK,IAAA,iBAAO,GAAE,SAAd,CAAc;IAE9B,IAAM,IAAI,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;IAC9C,IAAM,YAAY,GAAG,IAAI,MAAK,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAA,CAAA;IAEzC,IAAM,YAAY,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,KAAI,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,IAAG,CAAC,CAAA;IAE1D,SAAS,cAAc;QACrB,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,CAAA;YACd,OAAM;QACR,CAAC;QAED,IAAI,MAAM,CAAC,WAAW,IAAI,IAAI,EAAE,CAAC;YAC/B,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA;YACd,OAAM;QACR,CAAC;IACH,CAAC;IAED,SAAS,WAAW,CAAC,EAAQ;;YAAN,IAAI,UAAA;QACzB,OAAO,CACL,kCAAM,SAAS,EAAC,iBAAiB,aAC/B,4CACG,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,uBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,eAAe,YACxC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,GACP,IACH,EAEL,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,MAAM,IAAG,CAAC,IAAI,CAC1B,gCAAK,OAAO,EAAE,cAAc,EAAE,SAAS,EAAC,OAAO,YAC7C,uBAAC,SAAI,IAAC,IAAI,EAAC,wBAAwB,GAAG,GAClC,CACP,IACI,CACR,CAAA;IACH,CAAC;IAED,OAAO,CACL,gCAAI,SAAS,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,aACxE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,uBAAC,WAAW,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,GAAI,CAAC,CAAC,CAAC,uBAAC,WAAW,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,GAAI,EAElF,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;AAlDD,4BAkDC;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/data/menu/index.d.ts

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

package/dist/system/presentation/components/data/menu/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuSwitch = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var system_1 = require("../../../../../system/index.js");
+var modes_1 = require("./modes/index.js");
+var collapsed_menu_1 = require("./modes/collapsed-menu/index.js");
+function MenuSwitch() {
+    var settings = (0, system_1.useMenu)().settings;
+    switch (settings.mode) {
+        case 'CollapsedMenu':
+            return (0, jsx_runtime_1.jsx)(collapsed_menu_1.CollapsedMenu, {});
+        case 'OpenedMenu':
+            return (0, jsx_runtime_1.jsx)(modes_1.OpenedMenu, {});
+        default:
+            return (0, jsx_runtime_1.jsx)(modes_1.OpenedMenu, {});
+    }
+}
+exports.MenuSwitch = MenuSwitch;
+//# sourceMappingURL=index.js.map

package/dist/system/presentation/components/data/menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/menu/index.tsx"],"names":[],"mappings":";;;;AAAA,mCAAkC;AAElC,iCAAoC;AACpC,yDAAsD;AAEtD,SAAgB,UAAU;IAChB,IAAA,QAAQ,GAAK,IAAA,gBAAO,GAAE,SAAd,CAAc;IAE9B,QAAQ,QAAQ,CAAC,IAAI,EAAE,CAAC;QACtB,KAAK,eAAe;YAClB,OAAO,uBAAC,8BAAa,KAAG,CAAA;QAE1B,KAAK,YAAY;YACf,OAAO,uBAAC,kBAAU,KAAG,CAAA;QAEvB;YACE,OAAO,uBAAC,kBAAU,KAAG,CAAA;IACzB,CAAC;AACH,CAAC;AAbD,gCAaC"}

package/dist/system/presentation/components/{layout/sidebar-menu/regular-menu → data/menu/modes/collapsed-menu}/index.js

@@ -23,20 +23,21 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RegularMenu = void 0;
+exports.CollapsedMenu = 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 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 S = __importStar(require("./styles.js"));
-function RegularMenu() {
+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 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) })); }) })] }));
+    var _b = (0, context_1.useMenu)(), openMenu = _b.openMenu, setOpenMenu = _b.setOpenMenu;
+    var header = (0, ui_1.useElementId)({ id: 'header' });
+    var window = (0, ui_1.useWindow)();
+    var isMobile = (window === null || window === void 0 ? void 0 : window.innerWidth) <= 1024;
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'CollapsedMenu', children: (0, jsx_runtime_1.jsx)("div", { style: { width: isMobile ? 0 : 65, position: 'relative' }, className: 'ghost', children: (0, jsx_runtime_1.jsxs)(S.CollapsedMenu, { style: { height: "calc(100vh - ".concat((header === null || header === void 0 ? void 0 : header.offsetHeight) + 'px', ")") }, id: 'sidebar', className: openMenu ? 'menu open' : '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.RegularMenu = RegularMenu;
+exports.CollapsedMenu = CollapsedMenu;
 //# sourceMappingURL=index.js.map

package/dist/system/presentation/components/data/menu/modes/collapsed-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/data/menu/modes/collapsed-menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yDAAuD;AACvD,qDAAyD;AACzD,2BAA2D;AAE3D,wDAAqD;AAErD,0CAA6B;AAE7B,SAAgB,aAAa;;IACnB,IAAA,IAAI,GAAK,IAAA,mBAAW,GAAE,KAAlB,CAAkB;IACxB,IAAA,KAA4B,IAAA,iBAAO,GAAE,EAAnC,QAAQ,cAAA,EAAE,WAAW,iBAAc,CAAA;IAC3C,IAAM,MAAM,GAAG,IAAA,iBAAY,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAA;IAE7C,IAAM,MAAM,GAAG,IAAA,cAAS,GAAE,CAAA;IAC1B,IAAM,QAAQ,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,KAAI,IAAI,CAAA;IAE3C,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,eAAe,YACzB,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,SAAS,EAAC,OAAO,YAC/E,wBAAC,CAAC,CAAC,aAAa,IACd,KAAK,EAAE,EAAE,MAAM,EAAE,uBAAgB,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,IAAG,IAAI,MAAG,EAAE,EACjE,EAAE,EAAC,SAAS,EACZ,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,aAE1C,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,GACd,GACA,CACT,CAAA;AACH,CAAC;AA7BD,sCA6BC"}

package/dist/system/presentation/components/data/menu/modes/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<import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLElement>;
+}, never>, never>> & string;

package/dist/system/presentation/components/data/menu/modes/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.DefaultMenuStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 41px 0 15px 0;\n  z-index: 99;\n  width: 65px;\n  min-width: 65px;\n  position: absolute;\n  z-index: 2;\n  left: 0;\n  top: 0;\n\n  .ghost {\n    width: 65px;\n  }\n\n  &.open {\n    width: 240px !important;\n    transition: 0.3s;\n\n    .expand {\n      svg {\n        transform: rotate(180deg);\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    z-index: 56;\n\n    svg {\n      width: 5px;\n      fill: #fff;\n      height: auto;\n    }\n  }\n\n  &:not(.open) > ul {\n    > li {\n      > span {\n        grid-template-columns: 1fr !important;\n\n        > div {\n          width: fit-content;\n          margin: auto;\n        }\n\n        a,\n        .arrow {\n          display: none;\n        }\n      }\n    }\n\n    ul {\n      min-width: max-content;\n      width: 240px;\n    }\n  }\n"], ["\n  padding: 41px 0 15px 0;\n  z-index: 99;\n  width: 65px;\n  min-width: 65px;\n  position: absolute;\n  z-index: 2;\n  left: 0;\n  top: 0;\n\n  .ghost {\n    width: 65px;\n  }\n\n  &.open {\n    width: 240px !important;\n    transition: 0.3s;\n\n    .expand {\n      svg {\n        transform: rotate(180deg);\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    z-index: 56;\n\n    svg {\n      width: 5px;\n      fill: #fff;\n      height: auto;\n    }\n  }\n\n  &:not(.open) > ul {\n    > li {\n      > span {\n        grid-template-columns: 1fr !important;\n\n        > div {\n          width: fit-content;\n          margin: auto;\n        }\n\n        a,\n        .arrow {\n          display: none;\n        }\n      }\n    }\n\n    ul {\n      min-width: max-content;\n      width: 240px;\n    }\n  }\n"])), function (props) { return props.theme.primaryColor; });
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/system/presentation/components/data/menu/modes/collapsed-menu/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/data/menu/modes/collapsed-menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AACtC,uCAA+C;AAElC,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,yBAAgB,CAAC,ulCAAA,+eAgC7B,EAAmC,miBAoC1D,KApCuB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EAoC1D"}

package/dist/system/presentation/components/data/menu/modes/index.d.ts

@@ -0,0 +1,2 @@
+export * from './opened/index.js';
+export * from './collapsed-menu/index.js';

package/dist/system/presentation/components/data/menu/modes/index.js

@@ -0,0 +1,19 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./opened/index.js"), exports);
+__exportStar(require("./collapsed-menu/index.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/system/presentation/components/data/menu/modes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/data/menu/modes/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAwB;AACxB,mDAAgC"}

package/dist/system/presentation/components/data/menu/modes/opened/index.d.ts

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

package/dist/system/presentation/components/data/menu/modes/opened/index.js

@@ -0,0 +1,44 @@
+"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.OpenedMenu = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ui_1 = require("../../../../../../../ui/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"));
+var SS = __importStar(require("../../styles.js"));
+var context_1 = require("../../../../../../../system/presentation/context/index.js");
+function OpenedMenu() {
+    var _a;
+    var data = (0, hooks_1.useLoadMenu)().data;
+    var header = (0, ui_1.useElementId)({ id: 'header' });
+    var window = (0, ui_1.useWindow)();
+    var _b = (0, context_1.useMenu)(), openMenu = _b.openMenu, setOpenMenu = _b.setOpenMenu;
+    var isMobile = (window === null || window === void 0 ? void 0 : window.innerWidth) <= 1024;
+    return ((0, jsx_runtime_1.jsxs)(ui_1.Error, { name: 'OpenedMenu', children: [openMenu && isMobile && (0, jsx_runtime_1.jsx)(SS.Overlay, { onClick: function () { return setOpenMenu(false); } }), (0, jsx_runtime_1.jsx)(S.OpenedMenu, { className: isMobile && openMenu ? 'open' : '', style: { height: "calc(100dvh - ".concat((header === null || header === void 0 ? void 0 : header.offsetHeight) + 30, "px)") }, 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.OpenedMenu = OpenedMenu;
+//# sourceMappingURL=index.js.map

package/dist/system/presentation/components/data/menu/modes/opened/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/data/menu/modes/opened/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAAqD;AAErD,qDAAyD;AACzD,wDAAqD;AAErD,0CAA6B;AAC7B,+CAAkC;AAClC,yDAAuD;AAGvD,SAAgB,UAAU;;IAChB,IAAA,IAAI,GAAK,IAAA,mBAAW,GAAE,KAAlB,CAAkB;IAC9B,IAAM,MAAM,GAAG,IAAA,iBAAY,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAA;IAC7C,IAAM,MAAM,GAAG,IAAA,cAAS,GAAE,CAAA;IACpB,IAAA,KAA4B,IAAA,iBAAO,GAAE,EAAnC,QAAQ,cAAA,EAAE,WAAW,iBAAc,CAAA;IAE3C,IAAM,QAAQ,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,KAAI,IAAI,CAAA;IAE3C,OAAO,CACL,wBAAC,UAAK,IAAC,IAAI,EAAC,YAAY,aACrB,QAAQ,IAAI,QAAQ,IAAI,uBAAC,EAAE,CAAC,OAAO,IAAC,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,GAAI,EAE1E,uBAAC,CAAC,CAAC,UAAU,IACX,SAAS,EAAE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAC7C,KAAK,EAAE,EAAE,MAAM,EAAE,wBAAiB,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,IAAG,EAAE,QAAK,EAAE,YAEjE,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,GACW,IACT,CACT,CAAA;AACH,CAAC;AAxBD,gCAwBC"}

package/dist/system/presentation/components/data/menu/modes/opened/styles.d.ts

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

package/dist/system/presentation/components/data/menu/modes/opened/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.OpenedMenu = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+var styles_1 = require("../../styles.js");
+exports.OpenedMenu = (0, styled_components_1.default)(styles_1.DefaultMenuStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/system/presentation/components/data/menu/modes/opened/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/data/menu/modes/opened/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AACtC,uCAA+C;AAElC,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,yBAAgB,CAAC,qEAAA,EAAE,KAAA"}

package/dist/system/presentation/components/data/menu/styles.d.ts

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

package/dist/system/presentation/components/data/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.SubMenu = exports.DefaultMenuStyle = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.DefaultMenuStyle = (0, styled_components_1.default)('aside')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: block;\n  width: 285px;\n  padding: 25px 0 15px 0;\n  border-right: 1px solid #e1e1e1;\n  z-index: 8;\n  background: #fff;\n  transition: 0.3s;\n\n  * {\n    transition: all 0.2s;\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    background: #fff;\n\n    & + & {\n      margin-top: clamp(10px, 0.75vw, 15px);\n    }\n\n    * {\n      color: ", ";\n      text-decoration: none;\n    }\n\n    li:has(> ul > .active-page) {\n      background: ", ";\n\n      * {\n        color: #fff;\n      }\n    }\n\n    li {\n      position: relative;\n      border-radius: 5px;\n\n      cursor: pointer;\n      width: 100%;\n\n      &:hover,\n      &.open {\n        background: ", ";\n\n        * {\n          color: #fff;\n        }\n      }\n\n      svg {\n        width: 100%;\n        height: auto;\n        fill: currentColor;\n      }\n\n      > span {\n        display: grid;\n        grid-template-columns: max-content 14px;\n        align-items: center;\n        justify-content: space-between;\n        padding: 0px 15px;\n        height: 100%;\n        height: clamp(34px, 2.08vw, 40px);\n\n        > div {\n          display: flex;\n          align-items: center;\n          gap: 5px;\n        }\n\n        .icon {\n          display: flex;\n          width: 20px;\n          height: 20px;\n        }\n\n        .arrow {\n          width: 7px !important;\n          display: flex;\n        }\n      }\n\n      &:hover {\n        > ul {\n          display: block;\n        }\n      }\n    }\n  }\n\n  // Responsives\n\n  @media only screen and (max-width: 1024px) {\n    position: fixed;\n    top: 0;\n    left: 0;\n    transform: translateX(-120%);\n    transition: transform 0.3s;\n    min-height: 100dvh;\n\n    &.open {\n      transform: translateX(0);\n    }\n\n    li.open {\n      ul {\n        display: block;\n      }\n    }\n  }\n"], ["\n  position: block;\n  width: 285px;\n  padding: 25px 0 15px 0;\n  border-right: 1px solid #e1e1e1;\n  z-index: 8;\n  background: #fff;\n  transition: 0.3s;\n\n  * {\n    transition: all 0.2s;\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    background: #fff;\n\n    & + & {\n      margin-top: clamp(10px, 0.75vw, 15px);\n    }\n\n    * {\n      color: ", ";\n      text-decoration: none;\n    }\n\n    li:has(> ul > .active-page) {\n      background: ", ";\n\n      * {\n        color: #fff;\n      }\n    }\n\n    li {\n      position: relative;\n      border-radius: 5px;\n\n      cursor: pointer;\n      width: 100%;\n\n      &:hover,\n      &.open {\n        background: ", ";\n\n        * {\n          color: #fff;\n        }\n      }\n\n      svg {\n        width: 100%;\n        height: auto;\n        fill: currentColor;\n      }\n\n      > span {\n        display: grid;\n        grid-template-columns: max-content 14px;\n        align-items: center;\n        justify-content: space-between;\n        padding: 0px 15px;\n        height: 100%;\n        height: clamp(34px, 2.08vw, 40px);\n\n        > div {\n          display: flex;\n          align-items: center;\n          gap: 5px;\n        }\n\n        .icon {\n          display: flex;\n          width: 20px;\n          height: 20px;\n        }\n\n        .arrow {\n          width: 7px !important;\n          display: flex;\n        }\n      }\n\n      &:hover {\n        > ul {\n          display: block;\n        }\n      }\n    }\n  }\n\n  // Responsives\n\n  @media only screen and (max-width: 1024px) {\n    position: fixed;\n    top: 0;\n    left: 0;\n    transform: translateX(-120%);\n    transition: transform 0.3s;\n    min-height: 100dvh;\n\n    &.open {\n      transform: translateX(0);\n    }\n\n    li.open {\n      ul {\n        display: block;\n      }\n    }\n  }\n"])), 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  display: none;\n  position: absolute;\n  left: 100%;\n  top: 0;\n  border-radius: 5px;\n  padding: 4px !important;\n  z-index: 24;\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  width: 100%;\n\n  * {\n    color: ", " !important;\n  }\n\n  li {\n    &:hover {\n      background: rgb(225, 225, 225) !important;\n    }\n\n    &.active-page {\n      background: rgb(225, 225, 225) !important;\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    position: relative;\n    box-shadow: none;\n    border: none;\n    border-radius: 0;\n    inset: unset;\n  }\n"], ["\n  display: none;\n  position: absolute;\n  left: 100%;\n  top: 0;\n  border-radius: 5px;\n  padding: 4px !important;\n  z-index: 24;\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  width: 100%;\n\n  * {\n    color: ", " !important;\n  }\n\n  li {\n    &:hover {\n      background: rgb(225, 225, 225) !important;\n    }\n\n    &.active-page {\n      background: rgb(225, 225, 225) !important;\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    position: relative;\n    box-shadow: none;\n    border: none;\n    border-radius: 0;\n    inset: unset;\n  }\n"])), function (props) { return props.theme.darkColor; });
+exports.Overlay = (0, styled_components_1.default)('div')(templateObject_3 || (templateObject_3 = __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: 7;\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: 7;\n"])));
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=styles.js.map

package/dist/system/presentation/components/data/menu/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,gBAAgB,GAAG,IAAA,2BAAM,EAAC,OAAO,CAAC,k9DAAA,ubAyBhC,EAAgC,iGAK3B,EAAgC,8NAgB9B,EAAgC,mpCAoErD,KAzFc,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAK3B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAgB9B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAoErD;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,EAAE,6xBAAoB,wXAevC,EAAgC,gWAoB5C,KApBY,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAoB5C;AAEY,QAAA,OAAO,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,uMAAA,oIAQnC,KAAA"}

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

@@ -38,13 +38,11 @@ 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 menu_1 = require("../data/menu/index.js");
 var S = __importStar(require("./styles.js"));
 function Layout(props) {
     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 })] }));
+    return ((0, jsx_runtime_1.jsxs)(S.Layout, { children: [(0, jsx_runtime_1.jsx)(header_1.Header, __assign({}, props)), (0, jsx_runtime_1.jsx)(menu_1.MenuSwitch, {}), props.children && (0, jsx_runtime_1.jsx)("main", { 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,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,0BAAsB,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,MAAK,UAAU,mBAAiB,UAAU,aACzF,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"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAiC;AACjC,yCAAuC;AACvC,qCAAyC;AAIzC,0CAA6B;AAE7B,SAAgB,MAAM,CAAC,KAAc;IAC3B,IAAA,QAAQ,GAAK,IAAA,iBAAO,GAAE,SAAd,CAAc;IAE9B,OAAO,CACL,wBAAC,CAAC,CAAC,MAAM,eACP,uBAAC,eAAM,eAAK,KAAK,EAAI,EAErB,uBAAC,iBAAU,KAAG,EAEb,KAAK,CAAC,QAAQ,IAAI,2CAAO,KAAK,CAAC,QAAQ,GAAQ,IACvC,CACZ,CAAA;AACH,CAAC;AAZD,wBAYC"}

package/dist/system/presentation/components/layout/header/components/menu-right/profile/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/components/layout/header/components/menu-right/profile/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAAqC;AACrC,mCAA+C;AAE/C,qCAAmC;AAEnC,0CAA6B;AAE7B,SAAgB,OAAO;IACb,IAAA,IAAI,GAAK,IAAA,qBAAY,GAAE,KAAnB,CAAmB;IAE/B,IAAM,WAAW,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,KAAI,6BAA6B,CAAA;IAEjE,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,SAAS,YACnB,uBAAC,CAAC,CAAC,OAAO,IAAC,EAAE,EAAC,aAAa,YACzB,uBAAC,YAAO,IAAC,SAAS,EAAC,SAAS,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,uBAAC,eAAM,IAAC,KAAK,EAAE,WAAW,GAAI,EAAE,WAAW,QAAC,OAAO,EAAE,uBAAC,iBAAO,KAAG,GAAI,GAC/G,GACN,CACT,CAAA;AACH,CAAC;AAZD,0BAYC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/components/layout/header/components/menu-right/profile/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAAgD;AAChD,mCAA+C;AAE/C,qCAAmC;AAEnC,0CAA6B;AAE7B,SAAgB,OAAO;IACb,IAAA,IAAI,GAAK,IAAA,qBAAY,GAAE,KAAnB,CAAmB;IAE/B,IAAM,WAAW,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,KAAI,6BAA6B,CAAA;IAEjE,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,SAAS,YACnB,uBAAC,CAAC,CAAC,OAAO,IAAC,EAAE,EAAC,aAAa,YACzB,uBAAC,YAAO,IACN,SAAS,EAAC,SAAS,EACnB,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,uBAAC,eAAM,IAAC,KAAK,EAAE,WAAW,GAAI,EACvC,WAAW,QACX,OAAO,EAAE,uBAAC,iBAAO,KAAG,GACpB,GACQ,GACN,CACT,CAAA;AACH,CAAC;AAlBD,0BAkBC"}

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

@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActionBox = exports.MenuRight = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.MenuRight = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  gap: clamp(1rem, 0.78vw, 1.5rem);\n\n  @media only screen and (max-width: 768px) {\n    #messages-btn,\n    #settings-btn,\n    #profile-btn {\n      display: none;\n    }\n  }\n"], ["\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  gap: clamp(1rem, 0.78vw, 1.5rem);\n\n  @media only screen and (max-width: 768px) {\n    #messages-btn,\n    #settings-btn,\n    #profile-btn {\n      display: none;\n    }\n  }\n"])));
+exports.MenuRight = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  gap: clamp(1rem, 0.78vw, 1.5rem);\n\n  @media only screen and (max-width: 1024px) {\n    #messages-btn,\n    #settings-btn,\n    #profile-btn {\n    }\n  }\n"], ["\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  gap: clamp(1rem, 0.78vw, 1.5rem);\n\n  @media only screen and (max-width: 1024px) {\n    #messages-btn,\n    #settings-btn,\n    #profile-btn {\n    }\n  }\n"])));
 exports.ActionBox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  z-index: 22;\n  width: 40px;\n  height: 40px;\n  border-radius: 5px;\n  border: 0;\n  box-shadow: 0px 0px 5px 0px #00000033;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(255, 255, 255, 0.2);\n  cursor: pointer;\n  padding: 10px;\n  color: #fff;\n\n  svg {\n    fill: currentColor;\n  }\n"], ["\n  position: relative;\n  z-index: 22;\n  width: 40px;\n  height: 40px;\n  border-radius: 5px;\n  border: 0;\n  box-shadow: 0px 0px 5px 0px #00000033;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(255, 255, 255, 0.2);\n  cursor: pointer;\n  padding: 10px;\n  color: #fff;\n\n  svg {\n    fill: currentColor;\n  }\n"])));
 var templateObject_1, templateObject_2;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/header/components/menu-right/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,4TAAA,yPAalC,KAAA;AACY,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,4aAAA,yWAmBlC,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/header/components/menu-right/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,uSAAA,oOAYlC,KAAA;AACY,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,4aAAA,yWAmBlC,KAAA"}

package/dist/system/presentation/components/layout/header/components/search-modal/styles.js

@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SearchModal = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.SearchModal = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
+exports.SearchModal = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n\n  // Responsives\n\n  @media only screen and (max-width: 1024px) {\n    width: fit-content;\n    margin: auto 0 0 auto;\n  }\n"], ["\n  width: 100%;\n\n  // Responsives\n\n  @media only screen and (max-width: 1024px) {\n    width: fit-content;\n    margin: auto 0 0 auto;\n  }\n"])));
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

package/dist/system/presentation/components/layout/header/components/search-modal/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/header/components/search-modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,uFAAA,oBAEpC,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/header/components/search-modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,uNAAA,oJASpC,KAAA"}

package/dist/system/presentation/components/layout/header/components/search-modal/trigger/styles.js

@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SearchTrigger = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.SearchTrigger = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  max-width: 473px;\n  height: 40px;\n  padding: 0 16px;\n  border: 0;\n  border-radius: 5px;\n  background: rgba(255, 255, 255, 0.2);\n  font-weight: 400;\n  color: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 10px;\n  cursor: pointer;\n  box-shadow: 0px 0px 5px 0px #00000033;\n\n  .icon {\n    width: 20px;\n    height: 20px;\n    display: flex;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n\n  span {\n    display: block;\n    padding-top: 3px;\n  }\n"], ["\n  width: 100%;\n  max-width: 473px;\n  height: 40px;\n  padding: 0 16px;\n  border: 0;\n  border-radius: 5px;\n  background: rgba(255, 255, 255, 0.2);\n  font-weight: 400;\n  color: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 10px;\n  cursor: pointer;\n  box-shadow: 0px 0px 5px 0px #00000033;\n\n  .icon {\n    width: 20px;\n    height: 20px;\n    display: flex;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n\n  span {\n    display: block;\n    padding-top: 3px;\n  }\n"])));
+exports.SearchTrigger = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  max-width: 473px;\n  height: 40px;\n  padding: 0 16px;\n  border: 0;\n  border-radius: 5px;\n  background: rgba(255, 255, 255, 0.2);\n  font-weight: 400;\n  color: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 10px;\n  cursor: pointer;\n  box-shadow: 0px 0px 5px 0px #00000033;\n\n  .icon {\n    width: 20px;\n    height: 20px;\n    display: flex;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n\n  span {\n    display: block;\n    padding-top: 3px;\n  }\n\n  // Responsives\n\n  @media only screen and (max-width: 1024px) {\n    width: 40px;\n    height: 40px;\n    padding: 10px;\n\n    span {\n      display: none;\n    }\n  }\n"], ["\n  width: 100%;\n  max-width: 473px;\n  height: 40px;\n  padding: 0 16px;\n  border: 0;\n  border-radius: 5px;\n  background: rgba(255, 255, 255, 0.2);\n  font-weight: 400;\n  color: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 10px;\n  cursor: pointer;\n  box-shadow: 0px 0px 5px 0px #00000033;\n\n  .icon {\n    width: 20px;\n    height: 20px;\n    display: flex;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n\n  span {\n    display: block;\n    padding-top: 3px;\n  }\n\n  // Responsives\n\n  @media only screen and (max-width: 1024px) {\n    width: 40px;\n    height: 40px;\n    padding: 10px;\n\n    span {\n      display: none;\n    }\n  }\n"])));
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

package/dist/system/presentation/components/layout/header/components/search-modal/trigger/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/components/layout/header/components/search-modal/trigger/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,0nBAAA,ujBAiCzC,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/components/layout/header/components/search-modal/trigger/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,yyBAAA,suBA6CzC,KAAA"}

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

@@ -36,11 +36,10 @@ 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 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 }) })] })] }) }) }));
+    var window = (0, ui_1.useWindow)();
+    var isMobile = (window === null || window === void 0 ? void 0 : window.innerWidth) <= 1024;
+    var showHamburger = isMobile && settings.mode === 'OpenedMenu';
+    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: [showHamburger && ((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,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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/header/version-01/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA4B;AAE5B,2BAAkD;AAClD,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,MAAM,GAAG,IAAA,cAAS,GAAE,CAAA;IAC1B,IAAM,QAAQ,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,KAAI,IAAI,CAAA;IAE3C,IAAM,aAAa,GAAG,QAAQ,IAAI,QAAQ,CAAC,IAAI,KAAK,YAAY,CAAA;IAEhE,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,aAAa,IAAI,CAChB,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;AAtDD,0CAsDC"}

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  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) {
+exports.HeaderVersion01 = styled_components_1.default.header(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  z-index: 6;\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: clamp(5px, 0.78vw, 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  @media only screen and (max-width: 1024px) {\n    .left {\n      width: 110px !important;\n    }\n  }\n"], ["\n  width: 100%;\n  z-index: 6;\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: clamp(5px, 0.78vw, 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  @media only screen and (max-width: 1024px) {\n    .left {\n      width: 110px !important;\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,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"}
+{"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,w/EAAoB,4DAIhD,EAAmC,yGAK/C,EAYD,4wEAoIF,KArJe,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EAK/C,UAAC,KAAK;IACN,OAAA,KAAK,CAAC,iBAAiB;QACvB,gJAUD;AAXC,CAWD,EAoIF"}

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

@@ -1,3 +1,3 @@
 export * from './header/index.js';
 export * from './component.js';
-export * from './sidebar-menu/index.js';
+export * from '../data/menu/index.js';

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

@@ -16,5 +16,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./header/index.js"), exports);
 __exportStar(require("./component.js"), exports);
-__exportStar(require("./sidebar-menu/index.js"), exports);
+__exportStar(require("../data/menu/index.js"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAwB;AACxB,8CAA2B;AAC3B,iDAA8B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAwB;AACxB,8CAA2B;AAC3B,+CAA4B"}

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

@@ -1,7 +1,4 @@
 /// <reference types="react" />
-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"> & {
+export declare const Layout: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").Ref<HTMLDivElement>;
-}, {
-    $isInternalSidebar?: boolean;
-    $sideBarWidth?: string;
-}>> & string;
+}, never>> & string;

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

@@ -9,15 +9,6 @@ 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  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');
-});
+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: max-content 1fr;\n  grid-template-rows: max-content 1fr;\n  grid-template-areas:\n    'header header'\n    'aside main';\n\n  header,\n  main {\n    padding-left: var(--spacing);\n    padding-right: var(--spacing);\n  }\n\n  header {\n    grid-area: header;\n  }\n\n  aside {\n    grid-area: aside;\n  }\n\n  main {\n    grid-area: main;\n    margin: var(--spacing) 0;\n    position: relative;\n    z-index: 1;\n    height: 100%;\n    background: red;\n  }\n"], ["\n  width: 100%;\n  --spacing: 30px;\n  display: grid;\n  grid-template-columns: max-content 1fr;\n  grid-template-rows: max-content 1fr;\n  grid-template-areas:\n    'header header'\n    'aside main';\n\n  header,\n  main {\n    padding-left: var(--spacing);\n    padding-right: var(--spacing);\n  }\n\n  header {\n    grid-area: header;\n  }\n\n  aside {\n    grid-area: aside;\n  }\n\n  main {\n    grid-area: main;\n    margin: var(--spacing) 0;\n    position: relative;\n    z-index: 1;\n    height: 100%;\n    background: red;\n  }\n"])));
 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,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"}
+{"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,gmBAAA,6hBAgClC,KAAA"}

package/dist/system/presentation/context/menu/context.js

@@ -10,8 +10,7 @@ function MenuContextProvider(props) {
             openMenu: openMenu,
             setOpenMenu: setOpenMenu,
             settings: {
-                mode: (props === null || props === void 0 ? void 0 : props.mode) || 'auto',
-                position: (props === null || props === void 0 ? void 0 : props.position) || 'auto',
+                mode: (props === null || props === void 0 ? void 0 : props.mode) || 'OpenedMenu',
             },
         }, children: props === null || props === void 0 ? void 0 : props.children }));
 }

package/dist/system/presentation/context/menu/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../../src/system/presentation/context/menu/context.tsx"],"names":[],"mappings":";;;;AAAA,+BAAkE;AAGlE,IAAM,WAAW,GAAG,IAAA,qBAAa,EAAkB,EAAE,CAAC,CAAA;AAEtD,SAAS,mBAAmB,CAAC,KAA+B;IACpD,IAAA,KAA0B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAA;IAE/C,OAAO,CACL,uBAAC,WAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;YACL,QAAQ,UAAA;YACR,WAAW,aAAA;YACX,QAAQ,EAAE;gBACR,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,MAAM;gBAC3B,QAAQ,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,KAAI,MAAM;aACpC;SACF,YAEA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,GACK,CACxB,CAAA;AACH,CAAC;AAWQ,kDAAmB;AAT5B,SAAS,OAAO;IACd,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,WAAW,CAAC,CAAA;IAEvC,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAA;IACxE,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC;AAE6B,0BAAO"}
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../../src/system/presentation/context/menu/context.tsx"],"names":[],"mappings":";;;;AAAA,+BAAkE;AAGlE,IAAM,WAAW,GAAG,IAAA,qBAAa,EAAkB,EAAE,CAAC,CAAA;AAEtD,SAAS,mBAAmB,CAAC,KAA+B;IACpD,IAAA,KAA0B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAA;IAE/C,OAAO,CACL,uBAAC,WAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;YACL,QAAQ,UAAA;YACR,WAAW,aAAA;YACX,QAAQ,EAAE;gBACR,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,YAAY;aAClC;SACF,YAEA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,GACK,CACxB,CAAA;AACH,CAAC;AAWQ,kDAAmB;AAT5B,SAAS,OAAO;IACd,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,WAAW,CAAC,CAAA;IAEvC,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAA;IACxE,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC;AAE6B,0BAAO"}

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

@@ -1,7 +1,7 @@
 import { Dispatch, ReactNode, SetStateAction } from 'react';
+import * as MenuModes from '../../components/data/menu/modes/index.js';
 export interface IMenuSettings {
-    mode?: 'collapsed' | 'regular' | 'auto';
-    position?: 'internal' | 'auto';
+    mode?: keyof typeof MenuModes;
 }
 export type MenuContextProviderProps = {
     children: ReactNode;

package/dist/system/presentation/hooks/ui/use-table/components/table/pagination/index.d.ts

@@ -1,2 +1,2 @@
 import { PaginationModel } from '../../../../../../../../system/index.js';
-export declare function PaginationTable({ page, endPage, pageSize, totalItems, hasNextPage, hasPreviousPage }: PaginationModel): import("react/jsx-runtime").JSX.Element;
+export declare function PaginationTable({ page, endPage, pages, pageSize, totalItems, hasNextPage, hasPreviousPage }: PaginationModel): import("react/jsx-runtime").JSX.Element;

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

@@ -25,37 +25,31 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PaginationTable = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
 var router_1 = require("next/router");
 var ui_1 = require("../../../../../../../../ui/index.js");
 var service_1 = require("./service.js");
 var S = __importStar(require("./styles.js"));
 function PaginationTable(_a) {
-    var page = _a.page, endPage = _a.endPage, pageSize = _a.pageSize, totalItems = _a.totalItems, hasNextPage = _a.hasNextPage, hasPreviousPage = _a.hasPreviousPage;
-    var _b = (0, react_1.useState)(null), pagination = _b[0], setPagination = _b[1];
+    var page = _a.page, endPage = _a.endPage, pages = _a.pages, pageSize = _a.pageSize, totalItems = _a.totalItems, hasNextPage = _a.hasNextPage, hasPreviousPage = _a.hasPreviousPage;
     var router = (0, router_1.useRouter)();
-    (0, react_1.useEffect)(function () {
-        if (router.isReady) {
-            setPagination((0, service_1.paginate)({
-                totalPages: endPage,
-                pageSize: pageSize,
-                totalItems: totalItems,
-                hasNextPage: hasNextPage,
-                hasPreviousPage: hasPreviousPage,
-                currentPage: !router.query.page ? 1 : Number(router.query.page) <= 0 || !router.query.page ? 1 : Number(router.query.page),
-            }));
-        }
-    }, [router.isReady, router.query.page]);
+    var pagination = (0, service_1.paginate)({
+        totalPages: endPage,
+        pageSize: pageSize,
+        totalItems: totalItems,
+        hasNextPage: hasNextPage,
+        hasPreviousPage: hasPreviousPage,
+        currentPage: !router.query.page ? 1 : Number(router.query.page) <= 0 || !router.query.page ? 1 : Number(router.query.page),
+    });
     function onSelect(page) {
         (0, ui_1.updateRoute)({ router: router, params: { page: page.toString() } });
     }
-    if (!pagination || pagination.pages.length === 1) {
+    if (!pagination || (pages === null || pages === void 0 ? void 0 : pages.length) === 1) {
         return (0, jsx_runtime_1.jsx)("div", { className: 'no_pages' });
     }
-    return ((0, jsx_runtime_1.jsxs)(S.PaginationStyle, { className: 'pagination', children: [hasPreviousPage && ((0, jsx_runtime_1.jsx)("span", { className: 'nav', style: { display: page == 1 ? 'none' : 'block' }, onClick: function () { return onSelect(page - 1); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconKeyboardLeftArrow' }) })), (0, jsx_runtime_1.jsx)("div", { className: 'navigations', children: pagination.pages.map(function (pageItem) {
+    return ((0, jsx_runtime_1.jsxs)(S.PaginationStyle, { className: 'pagination', children: [hasPreviousPage && ((0, jsx_runtime_1.jsx)("span", { className: 'nav', style: { display: page == 1 ? 'none' : 'block' }, onClick: function () { return onSelect(page - 1); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconKeyboardLeftArrow' }) })), (0, jsx_runtime_1.jsx)("div", { className: 'navigations', children: pages === null || pages === void 0 ? void 0 : pages.map(function (pageItem) {
                     return ((0, jsx_runtime_1.jsx)("button", { type: 'button', className: "".concat(pagination.page === pageItem ? 'active' : ''), onClick: function () { return onSelect(pageItem); }, children: pageItem }, "".concat(pageItem, "-pagination}")));
                 }) }), hasNextPage && ((0, jsx_runtime_1.jsx)("span", { className: 'nav', style: {
-                    display: pagination.pages[pagination.pages.length - 1] == pagination.page ? 'none' : 'block',
+                    display: pages[pages.length - 1] == pagination.page ? 'none' : 'block',
                 }, onClick: function () { return onSelect(pagination.page + 1); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconKeyboardRightArrow' }) }))] }));
 }
 exports.PaginationTable = PaginationTable;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/pagination/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA2C;AAE3C,sCAAuC;AAEvC,2BAAwC;AAGxC,qCAAiD;AAEjD,0CAA6B;AAE7B,SAAgB,eAAe,CAAC,EAAsF;QAApF,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,WAAW,iBAAA,EAAE,eAAe,qBAAA;IAC3F,IAAA,KAA8B,IAAA,gBAAQ,EAAqB,IAAI,CAAC,EAA/D,UAAU,QAAA,EAAE,aAAa,QAAsC,CAAA;IAEtE,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAE1B,IAAA,iBAAS,EAAC;QACR,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;YACnB,aAAa,CACX,IAAA,kBAAQ,EAAC;gBACP,UAAU,EAAE,OAAO;gBACnB,QAAQ,UAAA;gBACR,UAAU,YAAA;gBACV,WAAW,aAAA;gBACX,eAAe,iBAAA;gBACf,WAAW,EACX,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;aAC/G,CAAC,CACH,CAAA;QACH,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;IAEvC,SAAS,QAAQ,CAAC,IAAI;QACpB,IAAA,gBAAW,EAAC,EAAE,MAAM,QAAA,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAA;IAC5D,CAAC;IAED,IAAI,CAAC,UAAU,IAAI,UAAU,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACjD,OAAO,gCAAK,SAAS,EAAC,UAAU,GAAO,CAAA;IACzC,CAAC;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,eAAe,IAAC,SAAS,EAAC,YAAY,aACtC,eAAe,IAAI,CAClB,iCAAM,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAI,GAAG,CAAC,CAAC,EAAlB,CAAkB,YACvG,uBAAC,SAAI,IAAC,IAAI,EAAC,uBAAuB,GAAG,GAChC,CACR,EAED,gCAAK,SAAS,EAAC,aAAa,YACzB,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,QAAQ;oBAC7B,OAAO,CACL,mCAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,UAAG,UAAU,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAE,EAC5D,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,QAAQ,CAAC,EAAlB,CAAkB,YAEhC,QAAQ,IALJ,UAAG,QAAQ,iBAAc,CAMvB,CACV,CAAA;gBACH,CAAC,CAAC,GACE,EAEL,WAAW,IAAI,CACd,iCACE,SAAS,EAAC,KAAK,EACf,KAAK,EAAE;oBACL,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBAC7F,EACD,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,UAAU,CAAC,IAAI,GAAG,CAAC,CAAC,EAA7B,CAA6B,YAE5C,uBAAC,SAAI,IAAC,IAAI,EAAC,wBAAwB,GAAG,GACjC,CACR,IACiB,CACrB,CAAA;AACH,CAAC;AAjED,0CAiEC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/pagination/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAuC;AAEvC,2BAAwC;AAGxC,qCAAoC;AAEpC,0CAA6B;AAE7B,SAAgB,eAAe,CAAC,EAA6F;QAA3F,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,WAAW,iBAAA,EAAE,eAAe,qBAAA;IAExG,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAE1B,IAAM,UAAU,GAAG,IAAA,kBAAQ,EAAC;QAC1B,UAAU,EAAE,OAAO;QACnB,QAAQ,UAAA;QACR,UAAU,YAAA;QACV,WAAW,aAAA;QACX,eAAe,iBAAA;QACf,WAAW,EACX,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;KAC/G,CAAC,CAAA;IAEF,SAAS,QAAQ,CAAC,IAAI;QACpB,IAAA,gBAAW,EAAC,EAAE,MAAM,QAAA,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAA;IAC5D,CAAC;IAED,IAAI,CAAC,UAAU,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,MAAK,CAAC,EAAE,CAAC;QACvC,OAAO,gCAAK,SAAS,EAAC,UAAU,GAAO,CAAA;IACzC,CAAC;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,eAAe,IAAC,SAAS,EAAC,YAAY,aACtC,eAAe,IAAI,CAClB,iCAAM,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAI,GAAG,CAAC,CAAC,EAAlB,CAAkB,YACvG,uBAAC,SAAI,IAAC,IAAI,EAAC,uBAAuB,GAAG,GAChC,CACR,EAED,gCAAK,SAAS,EAAC,aAAa,YACzB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,UAAC,QAAQ;oBACnB,OAAO,CACL,mCAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,UAAG,UAAU,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAE,EAC5D,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,QAAQ,CAAC,EAAlB,CAAkB,YAEhC,QAAQ,IALJ,UAAG,QAAQ,iBAAc,CAMvB,CACV,CAAA;gBACH,CAAC,CAAC,GACE,EAEL,WAAW,IAAI,CACd,iCACE,SAAS,EAAC,KAAK,EACf,KAAK,EAAE;oBACL,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBACvE,EACD,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,UAAU,CAAC,IAAI,GAAG,CAAC,CAAC,EAA7B,CAA6B,YAE5C,uBAAC,SAAI,IAAC,IAAI,EAAC,wBAAwB,GAAG,GACjC,CACR,IACiB,CACrB,CAAA;AACH,CAAC;AA1DD,0CA0DC"}

package/dist/system/presentation/hooks/ui/use-table/components/table/pagination/service.d.ts

@@ -7,7 +7,6 @@ interface IPagination {
     endPage: number;
     startIndex: number;
     endIndex: number;
-    pages: number[];
     hasPreviousPage: boolean;
     hasNextPage: boolean;
 }

package/dist/system/presentation/hooks/ui/use-table/components/table/pagination/service.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.paginate = void 0;
 function paginate(_a) {
-    var totalItems = _a.totalItems, _b = _a.currentPage, currentPage = _b === void 0 ? 1 : _b, _c = _a.pageSize, pageSize = _c === void 0 ? 40 : _c, _d = _a.maxPages, maxPages = _d === void 0 ? 3 : _d, hasNextPage = _a.hasNextPage, hasPreviousPage = _a.hasPreviousPage, totalPages = _a.totalPages;
+    var totalItems = _a.totalItems, _b = _a.currentPage, currentPage = _b === void 0 ? 1 : _b, _c = _a.pageSize, pageSize = _c === void 0 ? 1 : _c, _d = _a.maxPages, maxPages = _d === void 0 ? 1 : _d, hasNextPage = _a.hasNextPage, hasPreviousPage = _a.hasPreviousPage, totalPages = _a.totalPages;
     var page = currentPage;
     if (page < 1) {
         page = 1;
@@ -34,10 +34,8 @@ function paginate(_a) {
     }
     var startIndex = (page - 1) * pageSize;
     var endIndex = Math.min(startIndex + pageSize - 1, totalItems - 1);
-    var pages = Array.from(Array(endPage + 1 - startPage).keys()).map(function (i) { return startPage + i; });
     return {
         page: page,
-        pages: pages,
         endPage: endPage,
         pageSize: pageSize,
         startPage: startPage,

package/dist/system/presentation/hooks/ui/use-table/components/table/pagination/service.js.map

@@ -1 +1 @@
-{"version":3,"file":"service.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/pagination/service.ts"],"names":[],"mappings":";;;AAwBA,SAAS,QAAQ,CAAE,EAQK;QAPpB,UAAU,gBAAA,EACV,mBAAe,EAAf,WAAW,mBAAG,CAAC,KAAA,EACf,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,gBAAY,EAAZ,QAAQ,mBAAG,CAAC,KAAA,EACZ,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,UAAU,gBAAA;IAKV,IAAI,IAAI,GAAG,WAAW,CAAC;IAEvB,IAAI,IAAI,GAAG,CAAC,EAAE,CAAC;QACX,IAAI,GAAG,CAAC,CAAC;IACb,CAAC;SAAM,IAAI,IAAI,GAAG,UAAU,EAAE,CAAC;QAC3B,IAAI,GAAG,UAAU,CAAC;IACtB,CAAC;IAED,IAAI,SAAiB,CAAC;IACtB,IAAI,OAAe,CAAC;IACpB,IAAI,UAAU,IAAI,QAAQ,EAAE,CAAC;QACzB,SAAS,GAAG,CAAC,CAAC;QACd,OAAO,GAAG,UAAU,CAAC;IACzB,CAAC;SAAM,CAAC;QACJ,IAAM,yBAAyB,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;QAC3D,IAAM,wBAAwB,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QAC7D,IAAI,IAAI,IAAI,yBAAyB,EAAE,CAAC;YACpC,SAAS,GAAG,CAAC,CAAC;YACd,OAAO,GAAG,QAAQ,CAAC;QACvB,CAAC;aAAM,IAAI,IAAI,GAAG,wBAAwB,IAAI,UAAU,EAAE,CAAC;YACvD,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,CAAC,CAAC;YACtC,OAAO,GAAG,UAAU,CAAC;QACzB,CAAC;aAAM,CAAC;YACJ,SAAS,GAAG,IAAI,GAAG,yBAAyB,CAAC;YAC7C,OAAO,GAAG,IAAI,GAAG,wBAAwB,CAAC;QAC9C,CAAC;IACL,CAAC;IAED,IAAM,UAAU,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC;IACzC,IAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,QAAQ,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC;IAGrE,IAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAC/D,UAAA,CAAC,IAAI,OAAA,SAAS,GAAG,CAAC,EAAb,CAAa,CACrB,CAAC;IAEF,OAAO;QACH,IAAI,MAAA;QACJ,KAAK,OAAA;QACL,OAAO,SAAA;QACP,QAAQ,UAAA;QACR,SAAS,WAAA;QACT,UAAU,YAAA;QACV,QAAQ,UAAA;QACR,UAAU,YAAA;QACV,UAAU,YAAA;QACV,WAAW,aAAA;QACX,eAAe,iBAAA;KAClB,CAAC;AACN,CAAC;AAEQ,4BAAQ"}
+{"version":3,"file":"service.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/pagination/service.ts"],"names":[],"mappings":";;;AAuBA,SAAS,QAAQ,CAAE,EAQK;QAPpB,UAAU,gBAAA,EACV,mBAAe,EAAf,WAAW,mBAAG,CAAC,KAAA,EACf,gBAAY,EAAZ,QAAQ,mBAAG,CAAC,KAAA,EACZ,gBAAY,EAAZ,QAAQ,mBAAG,CAAC,KAAA,EACZ,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,UAAU,gBAAA;IAKV,IAAI,IAAI,GAAG,WAAW,CAAC;IAEvB,IAAI,IAAI,GAAG,CAAC,EAAE,CAAC;QACX,IAAI,GAAG,CAAC,CAAC;IACb,CAAC;SAAM,IAAI,IAAI,GAAG,UAAU,EAAE,CAAC;QAC3B,IAAI,GAAG,UAAU,CAAC;IACtB,CAAC;IAED,IAAI,SAAiB,CAAC;IACtB,IAAI,OAAe,CAAC;IACpB,IAAI,UAAU,IAAI,QAAQ,EAAE,CAAC;QACzB,SAAS,GAAG,CAAC,CAAC;QACd,OAAO,GAAG,UAAU,CAAC;IACzB,CAAC;SAAM,CAAC;QACJ,IAAM,yBAAyB,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;QAC3D,IAAM,wBAAwB,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QAC7D,IAAI,IAAI,IAAI,yBAAyB,EAAE,CAAC;YACpC,SAAS,GAAG,CAAC,CAAC;YACd,OAAO,GAAG,QAAQ,CAAC;QACvB,CAAC;aAAM,IAAI,IAAI,GAAG,wBAAwB,IAAI,UAAU,EAAE,CAAC;YACvD,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,CAAC,CAAC;YACtC,OAAO,GAAG,UAAU,CAAC;QACzB,CAAC;aAAM,CAAC;YACJ,SAAS,GAAG,IAAI,GAAG,yBAAyB,CAAC;YAC7C,OAAO,GAAG,IAAI,GAAG,wBAAwB,CAAC;QAC9C,CAAC;IACL,CAAC;IAED,IAAM,UAAU,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC;IACzC,IAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,QAAQ,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC;IAErE,OAAO;QACH,IAAI,MAAA;QACJ,OAAO,SAAA;QACP,QAAQ,UAAA;QACR,SAAS,WAAA;QACT,UAAU,YAAA;QACV,QAAQ,UAAA;QACR,UAAU,YAAA;QACV,UAAU,YAAA;QACV,WAAW,aAAA;QACX,eAAe,iBAAA;KAClB,CAAC;AACN,CAAC;AAEQ,4BAAQ"}

package/package.json

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

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

@@ -1,46 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,4 +0,0 @@
-/// <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

@@ -1,15 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/sidebar-menu/components/menu-item/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAAsC;AACtC,mDAA4B;AAE5B,8CAAiC;AACjC,+BAAgC;AAEhC,SAAgB,QAAQ,CAAC,EAA6C;;QAA3C,IAAI,UAAA,EAAE,KAAK,WAAA;IAC9B,IAAA,KAAkB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhC,IAAI,QAAA,EAAE,OAAO,QAAmB,CAAA;IACvC,IAAM,MAAM,GAAG,IAAA,cAAS,GAAE,CAAA;IAE1B,IAAM,YAAY,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,KAAI,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,IAAG,CAAC,CAAA;IAE1D,SAAS,cAAc;QACrB,IAAI,MAAM,CAAC,WAAW,IAAI,GAAG,EAAE,CAAC;YAC9B,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA;YACd,OAAM;QACR,CAAC;IACH,CAAC;IAED,SAAS,WAAW,CAAC,EAAQ;;YAAN,IAAI,UAAA;QACzB,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,uBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,eAAe,YACxC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,GACP,EAEN,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,MAAM,IAAG,CAAC,IAAI,CAC1B,gCAAK,OAAO,EAAE,cAAc,EAAE,SAAS,EAAC,OAAO,YAC7C,uBAAC,SAAI,IAAC,IAAI,EAAC,wBAAwB,GAAG,GAClC,CACP,IACI,CACR,CAAA;IACH,CAAC;IAED,OAAO,CACL,gCAAI,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,aAC5D,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,iCAAM,SAAS,EAAE,qCAA8B,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAE,YACpE,uBAAC,WAAW,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,GAAI,GAC5B,CACR,CAAC,CAAC,CAAC,CACF,gCAAK,SAAS,EAAE,qBAAc,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAE,YACnD,uBAAC,WAAW,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,GAAI,GAC7B,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;AA9CD,4BA8CC;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 +0,0 @@
-export declare function SidebarMenu(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidebarMenu = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var system_1 = require("../../../../../system/index.js");
-var regular_menu_1 = require("./regular-menu/index.js");
-var collapsed_menu_1 = require("./collapsed-menu/index.js");
-function SidebarMenu() {
-    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 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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;AAG7B,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

@@ -1,7 +0,0 @@
-/// <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

@@ -1,16 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare const Menu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-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;

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

@@ -1,15 +0,0 @@
-"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.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  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          width: fit-content;\n        }\n\n        svg {\n          fill: #fff !important;\n        }\n      }\n\n      &:hover,\n      &.open {\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    height: clamp(34px, 2.08vw, 40px);\n    display: flex;\n    position: relative;\n    padding: 0 15px;\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          width: fit-content;\n        }\n\n        svg {\n          fill: #fff !important;\n        }\n      }\n\n      &:hover,\n      &.open {\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    height: clamp(34px, 2.08vw, 40px);\n    display: flex;\n    position: relative;\n    padding: 0 15px;\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 +0,0 @@
-{"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,spHAAA,s5BAuDb,EAAgC,0fAiC3B,EAAgC,o7BAoDvC,EAAgC,wTAkBrB,EAAgC,+8BA8DzD,KArKgB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAiC3B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAoDvC,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"}