infinity-forge 0.3.2 → 0.3.4

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB;AACtB,qDAAkC"}

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

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

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

@@ -0,0 +1,59 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Menu = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var link_1 = __importDefault(require("next/link"));
+var ui_1 = require("../../../../../../../ui/index.js");
+var system_1 = require("../../../../../../../system/index.js");
+var S = __importStar(require("./styles.js"));
+function MenuItem(_a) {
+    var _b;
+    var menuItem = _a.menuItem;
+    var Icon = menuItem === null || menuItem === void 0 ? void 0 : menuItem.icon;
+    var isLink = !menuItem.subMenuItems;
+    return ((0, jsx_runtime_1.jsx)("li", { children: isLink ? ((0, jsx_runtime_1.jsx)(link_1.default, { href: menuItem.href, children: (0, jsx_runtime_1.jsxs)("div", { children: [Icon && (0, jsx_runtime_1.jsx)("span", { className: 'icon', children: (0, jsx_runtime_1.jsx)(Icon, {}) }), (0, jsx_runtime_1.jsx)("span", { children: menuItem.name })] }) })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: 'relative', children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { className: 'icon', children: (0, jsx_runtime_1.jsx)(Icon, {}) }), (0, jsx_runtime_1.jsx)("span", { children: menuItem.name })] }), "COLOCAR ICONE DE ARROW", (menuItem === null || menuItem === void 0 ? void 0 : menuItem.subMenuItems) && ((0, jsx_runtime_1.jsx)("div", { className: 'extra-box', children: (_b = menuItem.subMenuItems) === null || _b === void 0 ? void 0 : _b.map(function (item) { return ((0, jsx_runtime_1.jsx)(link_1.default, { href: item.href, children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("span", { children: item.name }) }) })); }) }))] }) })) }));
+}
+function WhiteBox(_a) {
+    var _b;
+    var item = _a.item;
+    return ((0, jsx_runtime_1.jsx)("ul", { className: 'white-box', children: (_b = item.menuItems) === null || _b === void 0 ? void 0 : _b.map(function (menuItem) {
+            return (0, jsx_runtime_1.jsx)(MenuItem, { menuItem: menuItem });
+        }) }));
+}
+function Menu() {
+    var _a = (0, react_1.useState)(system_1.MENU_ITEMS || []), items = _a[0], setItems = _a[1];
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Menu', children: (0, jsx_runtime_1.jsxs)(S.Menu, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'title', children: (0, jsx_runtime_1.jsx)("span", { className: 'font-12-regular uppercase', children: "Menu" }) }), (0, jsx_runtime_1.jsx)("ul", { children: items.map(function (item) {
+                        // const Icon = item.icon
+                        var hasMenuItems = item.menuItems && item.menuItems.length > 0;
+                        return ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsxs)("div", { className: "item-title", children: [(0, jsx_runtime_1.jsx)("span", { children: item.name }), hasMenuItems && (0, jsx_runtime_1.jsx)(WhiteBox, { item: item })] }) }));
+                    }) })] }) }));
+}
+exports.Menu = Menu;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/menu/components/menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAEhC,mDAA4B;AAE5B,2BAA4B;AAC5B,mCAAqC;AAErC,0CAA6B;AAE7B,SAAS,QAAQ,CAAC,EAAY;;QAAV,QAAQ,cAAA;IAC1B,IAAM,IAAI,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,CAAA;IAC3B,IAAM,MAAM,GAAG,CAAC,QAAQ,CAAC,YAAY,CAAA;IAErC,OAAO,CACL,yCACG,MAAM,CAAC,CAAC,CAAC,CACR,uBAAC,cAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,YACvB,4CACG,IAAI,IAAI,iCAAM,SAAS,EAAC,MAAM,YAAE,uBAAC,IAAI,KAAG,GAAQ,EAEjD,2CAAO,QAAQ,CAAC,IAAI,GAAQ,IACxB,GACD,CACR,CAAC,CAAC,CAAC,CACF,2DACE,iCAAK,SAAS,EAAC,UAAU,aACvB,4CACE,iCAAM,SAAS,EAAC,MAAM,YAAE,uBAAC,IAAI,KAAG,GAAQ,EAExC,2CAAO,QAAQ,CAAC,IAAI,GAAQ,IACxB,4BAIL,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY,KAAI,CACzB,gCAAK,SAAS,EAAC,WAAW,YACvB,MAAA,QAAQ,CAAC,YAAY,0CAAE,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACpC,uBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,YACnB,0CACE,2CAAO,IAAI,CAAC,IAAI,GAAQ,GACpB,GACD,CACR,EANqC,CAMrC,CAAC,GACE,CACP,IACG,GACL,CACJ,GACE,CACN,CAAA;AACH,CAAC;AAED,SAAS,QAAQ,CAAC,EAAQ;;QAAN,IAAI,UAAA;IACtB,OAAO,CACL,+BAAI,SAAS,EAAC,WAAW,YACtB,MAAA,IAAI,CAAC,SAAS,0CAAE,GAAG,CAAC,UAAC,QAAQ;YAC5B,OAAO,uBAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAAA;QACzC,CAAC,CAAC,GACC,CACN,CAAA;AACH,CAAC;AAED,SAAgB,IAAI;IACZ,IAAA,KAAoB,IAAA,gBAAQ,EAAC,mBAAU,IAAI,EAAE,CAAC,EAA7C,KAAK,QAAA,EAAE,QAAQ,QAA8B,CAAA;IAEpD,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,MAAM,YAChB,wBAAC,CAAC,CAAC,IAAI,eACL,gCAAK,SAAS,EAAC,OAAO,YACpB,iCAAM,SAAS,EAAC,2BAA2B,qBAAY,GACnD,EAEN,yCACG,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI;wBACd,yBAAyB;wBACzB,IAAM,YAAY,GAAG,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAA;wBAEhE,OAAO,CACL,yCACE,iCAAK,SAAS,EAAE,YAAY,aAC1B,2CAGG,IAAI,CAAC,IAAI,GACL,EAEN,YAAY,IAAI,uBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,IACrC,GACH,CACN,CAAA;oBACH,CAAC,CAAC,GACC,IACE,GACH,CACT,CAAA;AACH,CAAC;AAjCD,oBAiCC"}

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

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

package/dist/system/presentation/components/layout/menu/components/menu/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.Menu = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.Menu = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin-top: 0;\n  }\n\n  .title {\n    display: block;\n\n    color: #9ca3af; \n    padding: 20px 24px 0;\n\n    .dark & {\n      color: #4b5563; \n    }\n  }\n\n  .item-title {\n    color: #444;\n    border-radius: 8px;\n    margin: 8px 20px 8px 14px;\n    padding: 10px 12px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    transition: transform 0.1s ease-in-out;\n    position: relative;\n    z-index: 23;\n    font-weight: 600;\n\n    &.active {\n      background-color: #3872fa;\n      color: #fff;\n    }\n\n    &:hover {\n      background-color: #3872fa;\n      color: #fff;\n\n      .white-box {\n        display: block;\n      }\n    }\n\n    &:hover {\n      transform: scale(1.01);\n    }\n\n    > span {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n\n      .icon {\n        width: 24px;\n        height: 24px;\n\n        > svg {\n          width: 100%;\n          height: auto;\n        }\n      }\n    }\n\n    .arrow {\n      width: 14px;\n      height: 14px;\n    }\n  }\n\n  .white-box {\n    border-radius: 6px;\n    padding: 12px 8px;\n    position: absolute;\n    z-index: 24;\n    top: 0;\n    right: -120%;\n    min-width: max-content;\n    width: 280px;\n    background-color: #ffffff; /* bg-gray-0 pode ser substitu\u00EDdo pelo valor real do seu tema */\n    border: 1px solid #d1d5db; /* border-gray-300 */\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); /* drop-shadow-lg */\n    transition: background-color 0.3s, border-color 0.3s;\n    display: none;\n\n    .relative {\n      position: relative;\n\n      &:hover {\n        .extra-box {\n          display: flex;\n        }\n      }\n\n      .extra-box {\n        position: absolute;\n        display: flex;\n        flex-direction: column;\n        border-radius: 6px;\n        padding: 12px 8px;\n        position: absolute;\n        z-index: 24;\n        top: -100%;\n        right: -105%;\n        min-width: max-content;\n        width: 280px;\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: none;\n      }\n    }\n\n    > li {\n      color: #4b5563; /* text-gray-700 */\n      margin: 0;\n\n      &:hover {\n        background-color: #f3f4f6; /* hover:bg-gray-100 */\n      }\n\n      /* Dark mode styles */\n\n      .icon {\n        width: 20px;\n        height: 20px;\n        margin-right: 8px;\n\n        svg {\n          width: 100%;\n          height: auto;\n        }\n      }\n\n      a {\n        position: relative;\n        display: flex;\n        width: 100%;\n        align-items: center;\n        color: var(--primary-color); /* Substitute with your primary color variable */\n        padding: 8px 14px;\n\n        &:hover {\n          background-color: #f3f4f6; /* bg-gray-100 */\n        }\n\n        > div {\n          display: flex;\n          align-items: center;\n        }\n\n        /* Dark mode styles */\n        @media (prefers-color-scheme: dark) {\n          background-color: #e5e7eb; /* dark:bg-gray-200 */\n        }\n\n        /* Pseudo-element styles for the 'before' */\n\n        /* Adjustments for 2xl screens */\n      }\n\n      > div {\n        position: relative;\n        width: 100%;\n        color: var(--primary-color); /* Substitute with your primary color variable */\n        padding: 8px 14px;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n\n        > div {\n          display: flex;\n          align-items: center;\n        }\n      }\n    }\n  }\n"], ["\n  width: 100%;\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin-top: 0;\n  }\n\n  .title {\n    display: block;\n\n    color: #9ca3af; \n    padding: 20px 24px 0;\n\n    .dark & {\n      color: #4b5563; \n    }\n  }\n\n  .item-title {\n    color: #444;\n    border-radius: 8px;\n    margin: 8px 20px 8px 14px;\n    padding: 10px 12px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    transition: transform 0.1s ease-in-out;\n    position: relative;\n    z-index: 23;\n    font-weight: 600;\n\n    &.active {\n      background-color: #3872fa;\n      color: #fff;\n    }\n\n    &:hover {\n      background-color: #3872fa;\n      color: #fff;\n\n      .white-box {\n        display: block;\n      }\n    }\n\n    &:hover {\n      transform: scale(1.01);\n    }\n\n    > span {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n\n      .icon {\n        width: 24px;\n        height: 24px;\n\n        > svg {\n          width: 100%;\n          height: auto;\n        }\n      }\n    }\n\n    .arrow {\n      width: 14px;\n      height: 14px;\n    }\n  }\n\n  .white-box {\n    border-radius: 6px;\n    padding: 12px 8px;\n    position: absolute;\n    z-index: 24;\n    top: 0;\n    right: -120%;\n    min-width: max-content;\n    width: 280px;\n    background-color: #ffffff; /* bg-gray-0 pode ser substitu\u00EDdo pelo valor real do seu tema */\n    border: 1px solid #d1d5db; /* border-gray-300 */\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); /* drop-shadow-lg */\n    transition: background-color 0.3s, border-color 0.3s;\n    display: none;\n\n    .relative {\n      position: relative;\n\n      &:hover {\n        .extra-box {\n          display: flex;\n        }\n      }\n\n      .extra-box {\n        position: absolute;\n        display: flex;\n        flex-direction: column;\n        border-radius: 6px;\n        padding: 12px 8px;\n        position: absolute;\n        z-index: 24;\n        top: -100%;\n        right: -105%;\n        min-width: max-content;\n        width: 280px;\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: none;\n      }\n    }\n\n    > li {\n      color: #4b5563; /* text-gray-700 */\n      margin: 0;\n\n      &:hover {\n        background-color: #f3f4f6; /* hover:bg-gray-100 */\n      }\n\n      /* Dark mode styles */\n\n      .icon {\n        width: 20px;\n        height: 20px;\n        margin-right: 8px;\n\n        svg {\n          width: 100%;\n          height: auto;\n        }\n      }\n\n      a {\n        position: relative;\n        display: flex;\n        width: 100%;\n        align-items: center;\n        color: var(--primary-color); /* Substitute with your primary color variable */\n        padding: 8px 14px;\n\n        &:hover {\n          background-color: #f3f4f6; /* bg-gray-100 */\n        }\n\n        > div {\n          display: flex;\n          align-items: center;\n        }\n\n        /* Dark mode styles */\n        @media (prefers-color-scheme: dark) {\n          background-color: #e5e7eb; /* dark:bg-gray-200 */\n        }\n\n        /* Pseudo-element styles for the 'before' */\n\n        /* Adjustments for 2xl screens */\n      }\n\n      > div {\n        position: relative;\n        width: 100%;\n        color: var(--primary-color); /* Substitute with your primary color variable */\n        padding: 8px 14px;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n\n        > div {\n          display: flex;\n          align-items: center;\n        }\n      }\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

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

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

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

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

@@ -0,0 +1,78 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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.SelectWorkSpace = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var system_1 = require("../../../../../../../system/index.js");
+var S = __importStar(require("./styles.js"));
+function Item(_a) {
+    var avatar = _a.avatar, label = _a.label, value = _a.value, onClick = _a.onClick;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'item', onClick: function () { return onClick({ label: label, value: value, avatar: avatar }); }, children: [(0, jsx_runtime_1.jsx)(system_1.Avatar, { className: 'avatar', image: avatar }), (0, jsx_runtime_1.jsxs)("div", { className: 'font-14-regular', children: [(0, jsx_runtime_1.jsx)("span", { className: '-bold', children: label }), (0, jsx_runtime_1.jsx)("span", { className: 'text', children: value })] })] }));
+}
+function SelectWorkSpace() {
+    var customOptions = [
+        {
+            label: 'REDQ',
+            value: 'redq@redq.io',
+            avatar: 'https://s3.envato.com/files/368170631/REDQ.png',
+        },
+        {
+            label: 'Apple',
+            value: 'Apple@apple.com',
+            avatar: 'https://1.bp.blogspot.com/-IHIprxC2Za0/UBg14NttLLI/AAAAAAAAA28/nyBH-GeEX7Y/s1600/white-apple-logo-wallpaper.jpg',
+        },
+        {
+            label: 'Microsoft',
+            value: 'microsofr@microsoft.com',
+            avatar: 'https://ca16c2df-cdn.agilitycms.cloud/Attachments/NewItems/MS-thumbnail_20230620211556_0.jpg',
+        },
+        {
+            label: 'Google',
+            value: 'google@google.com',
+            avatar: 'https://wallpapercave.com/wp/wp2860498.jpg',
+        },
+    ];
+    var _a = (0, react_1.useState)(customOptions[0]), selected = _a[0], setSelected = _a[1];
+    var _b = (0, react_1.useState)(false), isOpen = _b[0], setIsOpen = _b[1];
+    var handleSelect = function (option) {
+        setSelected(option);
+        setIsOpen(false);
+    };
+    return ((0, jsx_runtime_1.jsxs)(S.SelectWorkSpace, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "select ".concat(isOpen ? 'open' : ''), onClick: function () { return setIsOpen(!isOpen); }, children: [(0, jsx_runtime_1.jsxs)("div", { className: 'item', children: [(0, jsx_runtime_1.jsx)(system_1.Avatar, { className: 'avatar', image: selected.avatar }), (0, jsx_runtime_1.jsxs)("div", { className: 'font-14-regular', children: [(0, jsx_runtime_1.jsx)("span", { className: '-bold', children: selected.label }), (0, jsx_runtime_1.jsx)("span", { className: 'text', children: "Select Workspace" })] })] }), "ICONE DE ARROW"] }), (0, jsx_runtime_1.jsx)(system_1.Overlay, { state: isOpen, dispatch: setIsOpen, children: isOpen && ((0, jsx_runtime_1.jsx)("ul", { className: 'option-box', children: customOptions.map(function (option, index) { return ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(Item, __assign({}, option, { onClick: handleSelect }), index) })); }) })) })] }));
+}
+exports.SelectWorkSpace = SelectWorkSpace;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/menu/components/select-workspace/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAEhC,mCAA0C;AAE1C,0CAA6B;AAG7B,SAAS,IAAI,CAAC,EAAiC;QAA/B,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA;IAC3C,OAAO,CACL,iCAAK,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,EAAE,KAAK,OAAA,EAAE,KAAK,OAAA,EAAE,MAAM,QAAA,EAAE,CAAC,EAAjC,CAAiC,aACpE,uBAAC,eAAM,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,MAAM,GAAI,EAE5C,iCAAK,SAAS,EAAC,iBAAiB,aAC9B,iCAAM,SAAS,EAAC,OAAO,YAAE,KAAK,GAAQ,EAEtC,iCAAM,SAAS,EAAC,MAAM,YAAE,KAAK,GAAQ,IACjC,IACF,CACP,CAAA;AACH,CAAC;AAED,SAAgB,eAAe;IAC7B,IAAM,aAAa,GAAG;QACpB;YACE,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,cAAc;YACrB,MAAM,EAAE,gDAAgD;SACzD;QACD;YACE,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,iBAAiB;YACxB,MAAM,EACJ,iHAAiH;SACpH;QACD;YACE,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,yBAAyB;YAChC,MAAM,EAAE,8FAA8F;SACvG;QACD;YACE,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,mBAAmB;YAC1B,MAAM,EAAE,4CAA4C;SACrD;KACF,CAAA;IAEK,IAAA,KAA0B,IAAA,gBAAQ,EAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAnD,QAAQ,QAAA,EAAE,WAAW,QAA8B,CAAA;IACpD,IAAA,KAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAA;IAE3C,IAAM,YAAY,GAAG,UAAC,MAAM;QAC1B,WAAW,CAAC,MAAM,CAAC,CAAA;QACnB,SAAS,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,eAAe,eAChB,iCAAK,SAAS,EAAE,iBAAU,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAE,EAAE,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,CAAC,MAAM,CAAC,EAAlB,CAAkB,aACjF,iCAAK,SAAS,EAAC,MAAM,aACnB,uBAAC,eAAM,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,GAAI,EAErD,iCAAK,SAAS,EAAC,iBAAiB,aAC9B,iCAAM,SAAS,EAAC,OAAO,YAAE,QAAQ,CAAC,KAAK,GAAQ,EAE/C,iCAAM,SAAS,EAAC,MAAM,iCAAwB,IAC1C,IACF,sBAGF,EAEN,uBAAC,gBAAO,IAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,YACxC,MAAM,IAAI,CACT,+BAAI,SAAS,EAAC,YAAY,YACvB,aAAa,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CACpC,yCACE,uBAAC,IAAI,eAAiB,MAAM,IAAE,OAAO,EAAE,YAAY,KAAxC,KAAK,CAAuC,GACpD,CACN,EAJqC,CAIrC,CAAC,GACC,CACN,GACO,IACQ,CACrB,CAAA;AACH,CAAC;AA9DD,0CA8DC"}

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

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

package/dist/system/presentation/components/layout/menu/components/select-workspace/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.SelectWorkSpace = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.SelectWorkSpace = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  position: relative;\n  z-index: 99;\n  padding: 14px 24px;\n\n  .select {\n    width: 100%;\n    border: 2px solid rgb(241, 241, 241);\n    border-radius: 6px;\n    display: flex;\n    align-items: center;\n    padding: 8px 10px 8px 12px;\n    justify-content: space-between;\n    cursor: pointer;\n\n    svg {\n      width: 16px;\n      height: 16px;\n      transition: transform 0.2s ease-in-out;\n    }\n\n    &.open {\n      svg {\n        transform: rotate(180deg);\n      }\n    }\n  }\n\n  .text {\n    color: #666666;\n  }\n  .item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n\n    .avatar {\n      width: 32px;\n      height: 32px;\n    }\n\n    > div {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .option-box {\n    width: 100%;\n    max-width: 250px;\n    padding: 6px;\n    position: absolute;\n    z-index: 22;\n    background-color: #ffffff; /* bg-gray-0 pode ser substitu\u00EDdo pelo valor real do seu tema */\n    border: 1px solid #d1d5db; /* border-gray-300 */\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); /* drop-shadow-lg */\n    transition: background-color 0.3s, border-color 0.3s;\n    border-radius: 6px;\n\n    .item {\n      padding: 6px;\n      border-radius: 6px;\n      cursor: pointer;\n\n      &:hover {\n        background-color: #f3f4f6;\n      }\n    }\n\n    .item + .item {\n    }\n  }\n"], ["\n  width: 100%;\n  position: relative;\n  z-index: 99;\n  padding: 14px 24px;\n\n  .select {\n    width: 100%;\n    border: 2px solid rgb(241, 241, 241);\n    border-radius: 6px;\n    display: flex;\n    align-items: center;\n    padding: 8px 10px 8px 12px;\n    justify-content: space-between;\n    cursor: pointer;\n\n    svg {\n      width: 16px;\n      height: 16px;\n      transition: transform 0.2s ease-in-out;\n    }\n\n    &.open {\n      svg {\n        transform: rotate(180deg);\n      }\n    }\n  }\n\n  .text {\n    color: #666666;\n  }\n  .item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n\n    .avatar {\n      width: 32px;\n      height: 32px;\n    }\n\n    > div {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .option-box {\n    width: 100%;\n    max-width: 250px;\n    padding: 6px;\n    position: absolute;\n    z-index: 22;\n    background-color: #ffffff; /* bg-gray-0 pode ser substitu\u00EDdo pelo valor real do seu tema */\n    border: 1px solid #d1d5db; /* border-gray-300 */\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); /* drop-shadow-lg */\n    transition: background-color 0.3s, border-color 0.3s;\n    border-radius: 6px;\n\n    .item {\n      padding: 6px;\n      border-radius: 6px;\n      cursor: pointer;\n\n      &:hover {\n        background-color: #f3f4f6;\n      }\n    }\n\n    .item + .item {\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/menu/components/select-workspace/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,89CAAA,25CAyExC,KAAA"}

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

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

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Menu = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var version_01_1 = require("./version-01/index.js");
+function Menu() {
+    var type = 'version01';
+    switch (type) {
+        case 'version01':
+            return (0, jsx_runtime_1.jsx)(version_01_1.MenuVersion01, {});
+        default: (0, jsx_runtime_1.jsx)(version_01_1.MenuVersion01, {});
+    }
+}
+exports.Menu = Menu;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/menu/index.tsx"],"names":[],"mappings":";;;;AAAA,2CAA4C;AAE5C,SAAgB,IAAI;IAClB,IAAM,IAAI,GAAG,WAAW,CAAA;IAExB,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,WAAW;YACd,OAAO,uBAAC,0BAAa,KAAG,CAAA;QAE1B,OAAO,CAAC,CAAC,uBAAC,0BAAa,KAAG,CAAA;IAC5B,CAAC;AACH,CAAC;AATD,oBASC"}

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

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

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

@@ -0,0 +1,35 @@
+"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.MenuVersion01 = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var system_1 = require("../../../../../../system/index.js");
+var components_1 = require("../components/index.js");
+var S = __importStar(require("./styles.js"));
+function MenuVersion01() {
+    return ((0, jsx_runtime_1.jsxs)(S.MenuVersion01, { children: [(0, jsx_runtime_1.jsx)(system_1.Logo, {}), (0, jsx_runtime_1.jsx)(components_1.SelectWorkSpace, {}), (0, jsx_runtime_1.jsx)(components_1.Menu, {})] }));
+}
+exports.MenuVersion01 = MenuVersion01;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/version-01/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAA+B;AAE/B,4CAAqD;AAErD,0CAA6B;AAE7B,SAAgB,aAAa;IAC3B,OAAO,CACL,wBAAC,CAAC,CAAC,aAAa,eACd,uBAAC,aAAI,KAAG,EAER,uBAAC,4BAAe,KAAG,EAEnB,uBAAC,iBAAI,KAAG,IACQ,CACnB,CAAA;AACH,CAAC;AAVD,sCAUC"}

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

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

package/dist/system/presentation/components/layout/menu/version-01/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.MenuVersion01 = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.MenuVersion01 = styled_components_1.default.aside(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  max-width: 286px;\n  height: 100vh;\n  border-right: 2px solid rgb(241, 241, 241);\n\n  .top {\n  }\n"], ["\n  width: 100%;\n  max-width: 286px;\n  height: 100vh;\n  border-right: 2px solid rgb(241, 241, 241);\n\n  .top {\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/version-01/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,aAAa,GAAG,2BAAM,CAAC,KAAK,8LAAA,2HAQxC,KAAA"}

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

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

package/dist/system/presentation/components/layout/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.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        display: flex;\n"], ["\n        display: flex;\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAE1B,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,+FAAA,4BAElC,KAAA"}

package/dist/system/presentation/configs/index.d.ts

@@ -0,0 +1,3 @@
+export * from './menu.js';
+export * from './routes.js';
+export * from './page-links.js';

package/dist/system/presentation/configs/index.js

@@ -0,0 +1,20 @@
+"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.js"), exports);
+__exportStar(require("./routes.js"), exports);
+__exportStar(require("./page-links.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/system/presentation/configs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/system/presentation/configs/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB;AACtB,2CAAwB;AACxB,+CAA4B"}

package/dist/system/presentation/configs/menu.d.ts

@@ -0,0 +1,10 @@
+export declare const MENU_ITEMS: {
+    id: string;
+    name: string;
+    title: string;
+    menuItems: {
+        name: string;
+        href: string;
+        icon: string;
+    }[];
+}[];

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MENU_ITEMS = void 0;
+exports.MENU_ITEMS = [
+    {
+        id: '1',
+        name: 'Dashboard',
+        title: 'Overview',
+        menuItems: [
+            {
+                name: 'File Manager',
+                href: '/dashboard/file-manager',
+                icon: "",
+            },
+        ],
+    },
+];
+//# sourceMappingURL=menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../../src/system/presentation/configs/menu.ts"],"names":[],"mappings":";;;AAAa,QAAA,UAAU,GAAE;IACvB;QACE,EAAE,EAAE,GAAG;QACP,IAAI,EAAE,WAAW;QACjB,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE;YACT;gBACE,IAAI,EAAE,cAAc;gBACpB,IAAI,EAAE,yBAAyB;gBAC/B,IAAI,EAAE,EAAE;aACT;SACF;KACF;CAEF,CAAA"}

package/dist/system/presentation/configs/page-links.d.ts

@@ -0,0 +1,7 @@
+export declare const pageLinks: ({
+    name: string;
+    href?: undefined;
+} | {
+    name: string;
+    href: string;
+})[];