infinity-forge 6.0.0 → 6.0.2

package/dist/system/components/data/logo/styles.js

@@ -0,0 +1,14 @@
+"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.Logo = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.Logo = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  color: #000;\n  padding-left: 15px;\n\n  a {\n    display: flex;\n    width: 100%;\n    max-width: 68px;\n    color: #000;\n  }\n"], ["\n  width: 100%;\n  color: #000;\n  padding-left: 15px;\n\n  a {\n    display: flex;\n    width: 100%;\n    max-width: 68px;\n    color: #000;\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/system/components/data/logo/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/system/components/data/logo/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,0NAAA,uJAW7B,KAAA"}

package/dist/system/components/data/menu/component.js

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

package/dist/system/components/data/menu/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/system/components/data/menu/component.tsx"],"names":[],"mappings":";;AAEA,gCAWC;;AAbD,mCAA6D;AAE7D,SAAgB,UAAU;IAChB,IAAA,QAAQ,GAAK,IAAA,gBAAO,GAAE,SAAd,CAAc;IAG9B,QAAQ,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,EAAE,CAAC;QACvB,KAAK,eAAe;YAClB,OAAO,uBAAC,sBAAa,KAAG,CAAA;QAE1B;YACE,OAAO,uBAAC,mBAAU,KAAG,CAAA;IACzB,CAAC;AACH,CAAC"}

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

@@ -1 +1 @@
-export * from "./menu-item";
+export * from "./menu-item/index.js";

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

@@ -0,0 +1,18 @@
+"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("./menu-item/index.js"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/components/data/menu/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA2B"}

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

@@ -0,0 +1,89 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuItem = MenuItem;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var link_1 = __importDefault(require("next/link"));
+var router_1 = require("next/router");
+var ui_1 = require("../../../../../../ui/index.js");
+var system_1 = require("../../../../../../system/index.js");
+var S = __importStar(require("../../styles.js"));
+function MenuItem(_a) {
+    var _b, _c;
+    var item = _a.item, index = _a.index;
+    var _d = (0, react_1.useState)(false), open = _d[0], setOpen = _d[1];
+    var router = (0, router_1.useRouter)();
+    var window = (0, ui_1.useWindow)();
+    var _e = (0, system_1.useMenu)(), openMenu = _e.openMenu, setOpenMenu = _e.setOpenMenu;
+    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;
+    var roleUser = (0, system_1.useAuthAdmin)().roleUser;
+    var isEnableToShowMenuItem = !(item === null || item === void 0 ? void 0 : item.roles) ? true : (_c = item === null || item === void 0 ? void 0 : item.roles) === null || _c === void 0 ? void 0 : _c.includes(roleUser);
+    if (!isEnableToShowMenuItem) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    }
+    function toggleMenuItem() {
+        if (openMenu) {
+            setOpen(false);
+            setOpenMenu(false);
+            return;
+        }
+        if (window.innerHeight <= 1024) {
+            setOpen(!open);
+            return;
+        }
+    }
+    function ItemContent(_a) {
+        var _b;
+        var href = _a.href;
+        return ((0, jsx_runtime_1.jsxs)("span", { className: 'font-13-regular', children: [(0, jsx_runtime_1.jsxs)("div", { onClick: toggleMenuItem, 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', target: item.target, 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: 'IconRightChevron' }) }))] }));
+    }
+    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)] }));
+}
+function SubMenu(_a) {
+    var item = _a.item, index = _a.index;
+    var openAtTopLimit = index >= 7;
+    var openTopStyle = {
+        top: 'auto',
+        bottom: 0,
+    };
+    return ((0, jsx_runtime_1.jsx)(S.SubMenu, { style: openAtTopLimit ? openTopStyle : {}, className: 'submenu', "$index": index, children: item.map(function (subitem) { return ((0, jsx_runtime_1.jsx)(MenuItem, { item: subitem, index: index }, 'submenu-item' + subitem.title)); }) }));
+}
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,2 +1,2 @@
-export * from "./modes";
-export * from "./components";
+export * from "./modes/index.js";
+export * from "./components/index.js";

package/dist/system/components/data/menu/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("./modes/index.js"), exports);
+__exportStar(require("./components/index.js"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/system/components/data/menu/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,+CAA4B"}

package/dist/system/components/data/menu/mock.d.ts

@@ -1,3 +1,3 @@
-import { List } from '@/ui';
-import { Menu } from '@/system';
+import { List } from '../../../../ui/index.js';
+import { Menu } from '../../../../system/index.js';
 export declare const MENU_MOCK: List<Menu>;

package/dist/system/components/data/menu/mock.js

@@ -0,0 +1,196 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MENU_MOCK = void 0;
+exports.MENU_MOCK = {
+    items: [
+        {
+            id: 1,
+            icon: '',
+            order: 1,
+            title: 'Lucas',
+            role: ['2'],
+            route: '#',
+        },
+        {
+            id: 2,
+            icon: '',
+            order: 1,
+            title: 'Lucas',
+            role: ['2'],
+            route: '#',
+        },
+        {
+            id: 3,
+            icon: '',
+            order: 1,
+            title: 'Lucas',
+            role: ['2'],
+            route: '#',
+        },
+        {
+            id: 1,
+            icon: '',
+            order: 1,
+            title: 'Lucas',
+            role: ['2'],
+            route: '#',
+        },
+        {
+            id: 2,
+            icon: '',
+            order: 1,
+            title: 'Lucas',
+            role: ['2'],
+            route: '#',
+            items: [
+                {
+                    id: 3,
+                    icon: '',
+                    order: 1,
+                    title: 'Lucas',
+                    role: ['2'],
+                    route: '#',
+                },
+                {
+                    id: 3,
+                    icon: '',
+                    order: 1,
+                    title: 'Lucas',
+                    role: ['2'],
+                    route: '#',
+                },
+                {
+                    id: 3,
+                    icon: '',
+                    order: 1,
+                    title: 'Lucas',
+                    role: ['2'],
+                    route: '#',
+                },
+                {
+                    id: 3,
+                    icon: '',
+                    order: 1,
+                    title: 'Lucas',
+                    role: ['2'],
+                    route: '#',
+                },
+            ],
+        },
+        {
+            id: 2,
+            icon: '',
+            order: 1,
+            title: 'Lucas',
+            role: ['2'],
+            route: '#',
+        },
+        {
+            id: 3,
+            icon: '',
+            order: 1,
+            title: 'Lucas',
+            role: ['2'],
+            route: '#',
+        },
+        {
+            id: 1,
+            icon: '',
+            order: 1,
+            title: 'Lucas',
+            role: ['2'],
+            route: '#',
+        },
+        {
+            id: 2,
+            icon: '',
+            order: 1,
+            title: 'Lucas',
+            role: ['2'],
+            route: '#',
+        },
+        {
+            id: 3,
+            icon: '',
+            order: 1,
+            title: 'Lucas',
+            role: ['2'],
+            route: '#',
+        },
+        {
+            id: 1,
+            icon: '',
+            order: 1,
+            title: 'Lucas',
+            role: ['2'],
+            route: '#',
+        },
+        {
+            id: 2,
+            icon: '',
+            order: 1,
+            title: 'Lucas',
+            role: ['2'],
+            route: '#',
+        },
+        {
+            id: 3,
+            icon: '',
+            order: 1,
+            title: 'Lucas',
+            role: ['2'],
+            route: '#',
+        },
+        {
+            id: 1,
+            icon: '',
+            order: 1,
+            title: 'Lucas',
+            role: ['2'],
+            route: '#',
+        },
+        {
+            id: 3,
+            icon: '',
+            order: 1,
+            title: 'Lucas',
+            role: ['2'],
+            route: '#',
+            items: [
+                {
+                    id: 3,
+                    icon: '',
+                    order: 1,
+                    title: 'Lucas',
+                    role: ['2'],
+                    route: '#',
+                },
+                {
+                    id: 3,
+                    icon: '',
+                    order: 1,
+                    title: 'Lucas',
+                    role: ['2'],
+                    route: '#',
+                },
+                {
+                    id: 3,
+                    icon: '',
+                    order: 1,
+                    title: 'Lucas',
+                    role: ['2'],
+                    route: '#',
+                },
+                {
+                    id: 3,
+                    icon: '',
+                    order: 1,
+                    title: 'Lucas',
+                    role: ['2'],
+                    route: '#',
+                },
+            ],
+        },
+    ],
+};
+//# sourceMappingURL=mock.js.map

package/dist/system/components/data/menu/mock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mock.js","sourceRoot":"","sources":["../../../../../src/system/components/data/menu/mock.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,51 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollapsedMenu = CollapsedMenu;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var system_1 = require("../../../../../../system/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 CollapsedMenu() {
+    var _a;
+    var data = (0, system_1.useLoadMenu)().data;
+    var _b = (0, system_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' }, id: 'ghost', 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: 'IconRightChevron' }) }), (_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)(ui_1.Error, { name: item.id + item.title + 'erro_menu_item', children: (0, jsx_runtime_1.jsx)(menu_item_1.MenuItem, { item: item, index: index }, 'menu-item' + index + item.title) }) }, item.id + item.route)); })] }) }) }));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/components/data/menu/modes/collapsed-menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,sCAgCC;;AAvCD,mCAA+C;AAC/C,2BAA2D;AAE3D,wDAAqD;AAErD,0CAA6B;AAE7B,SAAgB,aAAa;;IACnB,IAAA,IAAI,GAAK,IAAA,oBAAW,GAAE,KAAlB,CAAkB;IACxB,IAAA,KAA4B,IAAA,gBAAO,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,EAAE,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,YAC1F,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,kBAAkB,GAAG,GACzB,EAER,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACjC,yCAEI,uBAAC,UAAK,IAAC,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,GAAG,gBAAgB,YAClD,uBAAC,oBAAQ,IAAwC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAA1D,WAAW,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAA8B,GACvE,IAJH,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAKxB,CACN,EAPkC,CAOlC,CAAC,IACc,GACd,GACA,CACT,CAAA;AACH,CAAC"}

package/dist/system/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    padding: 8px;\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: 100%;\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    padding: 8px;\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: 100%;\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/components/data/menu/modes/collapsed-menu/styles.js.map

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

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

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

package/dist/system/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/components/data/menu/modes/index.js.map

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

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

@@ -0,0 +1,61 @@
+"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 __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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Overlay = void 0;
+exports.OpenedMenu = OpenedMenu;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_components_1 = __importDefault(require("styled-components"));
+var ui_1 = require("../../../../../../ui/index.js");
+var system_1 = require("../../../../../../system/index.js");
+var S = __importStar(require("./styles.js"));
+function OpenedMenu() {
+    var _a;
+    var window = (0, ui_1.useWindow)();
+    var data = (0, system_1.useLoadMenu)().data;
+    var header = (0, ui_1.useElementId)({ id: 'header' });
+    var _b = (0, system_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)(exports.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)(system_1.MenuItem, { item: item, index: index }, 'menu-item' + index + item.title) }, item.id + index)); }) })] }));
+}
+exports.Overlay = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __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;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/components/data/menu/modes/opened/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,gCAwBC;;AA/BD,wEAAsC;AAEtC,2BAAqD;AACrD,mCAAyD;AAEzD,0CAA6B;AAE7B,SAAgB,UAAU;;IACxB,IAAM,MAAM,GAAG,IAAA,cAAS,GAAE,CAAA;IAClB,IAAA,IAAI,GAAK,IAAA,oBAAW,GAAE,KAAlB,CAAkB;IAC9B,IAAM,MAAM,GAAG,IAAA,iBAAY,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAA;IACvC,IAAA,KAA4B,IAAA,gBAAO,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,eAAO,IAAC,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,GAAI,EAEvE,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,yCACI,uBAAC,iBAAQ,IAAwC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAA1D,WAAW,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAA8B,IADxE,IAAI,CAAC,EAAE,GAAG,KAAK,CAEnB,CACN,EAJkC,CAIlC,CAAC,GACW,IACT,CACT,CAAA;AACH,CAAC;AAEY,QAAA,OAAO,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,uMAAA,oIAQnC,KAAA"}

package/dist/system/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/components/data/menu/modes/opened/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/system/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/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    &.submenu {\n      width: fit-content;\n    }\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    &.submenu {\n      width: fit-content;\n    }\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:\n    0 4px 6px -1px rgba(0, 0, 0, 0.1),\n    0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  transition:\n    background-color 0.3s,\n    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:\n    0 4px 6px -1px rgba(0, 0, 0, 0.1),\n    0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  transition:\n    background-color 0.3s,\n    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