infinity-forge 0.31.4 → 0.31.6

package/dist/system/presentation/components/layout/header/components/menu-right/profile/content/styles.d.ts

@@ -1,2 +1,3 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const Content: 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/header/components/menu-right/profile/index.js

@@ -26,14 +26,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Profile = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var semantic_ui_react_1 = require("semantic-ui-react");
-var ui_1 = require("@/ui");
-var system_1 = require("@/system");
-var content_1 = require("./content");
-var S = __importStar(require("./styles"));
+var ui_1 = require("../../../../../../../../ui/index.js");
+var system_1 = require("../../../../../../../../system/index.js");
+var content_1 = require("./content/index.js");
+var S = __importStar(require("./styles.js"));
 function Profile() {
     var user = (0, system_1.useAuthAdmin)().user;
     var avatarImage = (user === null || user === void 0 ? void 0 : user.avatar) || '/images/default-profile.png';
-    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Profile', children: (0, jsx_runtime_1.jsx)(S.Profile, { children: (0, jsx_runtime_1.jsx)(semantic_ui_react_1.Popup, { style: { padding: '0' }, trigger: (0, jsx_runtime_1.jsx)(system_1.Avatar, { image: avatarImage }), on: 'click', content: (0, jsx_runtime_1.jsx)(content_1.Content, {}), position: 'bottom right' }) }) }));
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Profile', children: (0, jsx_runtime_1.jsx)(S.Profile, { id: 'profile-btn', children: (0, jsx_runtime_1.jsx)(semantic_ui_react_1.Popup, { style: { padding: '0' }, trigger: (0, jsx_runtime_1.jsx)(system_1.Avatar, { image: avatarImage }), on: 'click', content: (0, jsx_runtime_1.jsx)(content_1.Content, {}), position: 'bottom right' }) }) }));
 }
 exports.Profile = Profile;
 //# sourceMappingURL=index.js.map

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,uDAAyC;AAEzC,2BAA4B;AAC5B,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;IACjE,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,SAAS,YACnB,uBAAC,CAAC,CAAC,OAAO,cACR,uBAAC,yBAAK,IACJ,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EACvB,OAAO,EAAE,uBAAC,eAAM,IAAC,KAAK,EAAE,WAAW,GAAI,EACvC,EAAE,EAAC,OAAO,EACV,OAAO,EAAE,uBAAC,iBAAO,KAAG,EACpB,QAAQ,EAAC,cAAc,GACvB,GACQ,GACN,CACT,CAAA;AACH,CAAC;AAjBD,0BAiBC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/components/layout/header/components/menu-right/profile/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uDAAyC;AAEzC,2BAA4B;AAC5B,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;IACjE,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,SAAS,YACnB,uBAAC,CAAC,CAAC,OAAO,IAAC,EAAE,EAAC,aAAa,YACzB,uBAAC,yBAAK,IACJ,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EACvB,OAAO,EAAE,uBAAC,eAAM,IAAC,KAAK,EAAE,WAAW,GAAI,EACvC,EAAE,EAAC,OAAO,EACV,OAAO,EAAE,uBAAC,iBAAO,KAAG,EACpB,QAAQ,EAAC,cAAc,GACvB,GACQ,GACN,CACT,CAAA;AACH,CAAC;AAjBD,0BAiBC"}

package/dist/system/presentation/components/layout/header/components/menu-right/profile/styles.d.ts

@@ -1,2 +1,3 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const Profile: 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/header/components/menu-right/settings/index.js

@@ -26,9 +26,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Settings = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var ui_1 = require("@/ui");
-var S = __importStar(require("./styles"));
-var styles_1 = require("../styles");
+var ui_1 = require("../../../../../../../../ui/index.js");
+var S = __importStar(require("./styles.js"));
+var styles_1 = require("../styles.js");
 function Settings() {
     var _a = (0, react_1.useState)(false), visible = _a[0], setVisible = _a[1];
     var fullHeightStyle = { minHeight: '100vh', position: 'absolute', top: 0, right: 0, zIndex: '999999999' };
@@ -36,7 +36,7 @@ function Settings() {
         setVisible(false);
         return;
     }
-    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Settings', children: (0, jsx_runtime_1.jsx)(S.Settings, { children: (0, jsx_runtime_1.jsx)(styles_1.ActionBox, { onClick: function () { return setVisible(true); }, type: 'button', children: (0, jsx_runtime_1.jsx)(ui_1.IconGear, {}) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Settings', children: (0, jsx_runtime_1.jsx)(S.Settings, { id: 'settings-btn', children: (0, jsx_runtime_1.jsx)(styles_1.ActionBox, { onClick: function () { return setVisible(true); }, type: 'button', children: (0, jsx_runtime_1.jsx)(ui_1.IconGear, {}) }) }) }));
 }
 exports.Settings = Settings;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/components/layout/header/components/menu-right/settings/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAIhC,2BAAsC;AAEtC,0CAA6B;AAC7B,oCAAqC;AAErC,SAAgB,QAAQ;IAChB,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAE7C,IAAM,eAAe,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,CAAA;IAE3G,SAAS,WAAW;QAClB,UAAU,CAAC,KAAK,CAAC,CAAA;QACjB,OAAM;IACR,CAAC;IAED,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,UAAU,YACpB,uBAAC,CAAC,CAAC,QAAQ,cACT,uBAAC,kBAAS,IAAC,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,EAAE,IAAI,EAAC,QAAQ,YACvD,uBAAC,aAAQ,KAAG,GACF,GAoBD,GACP,CACT,CAAA;AACH,CAAC;AAtCD,4BAsCC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/components/layout/header/components/menu-right/settings/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAIhC,2BAAsC;AAEtC,0CAA6B;AAC7B,oCAAqC;AAErC,SAAgB,QAAQ;IAChB,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAE7C,IAAM,eAAe,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,CAAA;IAE3G,SAAS,WAAW;QAClB,UAAU,CAAC,KAAK,CAAC,CAAA;QACjB,OAAM;IACR,CAAC;IAED,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,UAAU,YACpB,uBAAC,CAAC,CAAC,QAAQ,IAAC,EAAE,EAAC,cAAc,YAC3B,uBAAC,kBAAS,IAAC,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,EAAE,IAAI,EAAC,QAAQ,YACvD,uBAAC,aAAQ,KAAG,GACF,GAoBD,GACP,CACT,CAAA;AACH,CAAC;AAtCD,4BAsCC"}

package/dist/system/presentation/components/layout/header/components/menu-right/settings/styles.d.ts

@@ -1,2 +1,3 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const Settings: 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/header/components/menu-right/styles.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const MenuRight: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const ActionBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>;

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  width: fit-content;\n  display: flex;\n  align-items: center;\n  gap: clamp(1rem, 0.78vw, 1.5rem);\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: 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.ActionBox = styled_components_1.default.button(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,6KAAA,0GAKlC,KAAA;AACY,QAAA,SAAS,GAAG,2BAAM,CAAC,MAAM,4aAAA,yWAmBrC,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,4TAAA,yPAalC,KAAA;AACY,QAAA,SAAS,GAAG,2BAAM,CAAC,MAAM,4aAAA,yWAmBrC,KAAA"}

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

@@ -27,10 +27,10 @@ exports.SearchModal = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var semantic_ui_react_1 = require("semantic-ui-react");
-var ui_1 = require("@/ui");
-var trigger_1 = require("./trigger");
-var search_list_1 = require("./search-list");
-var S = __importStar(require("./styles"));
+var ui_1 = require("../../../../../../../ui/index.js");
+var trigger_1 = require("./trigger/index.js");
+var search_list_1 = require("./search-list/index.js");
+var S = __importStar(require("./styles.js"));
 function SearchModal() {
     var _a = (0, react_1.useState)(false), open = _a[0], setOpen = _a[1];
     return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'SearchModal', children: (0, jsx_runtime_1.jsx)(S.SearchModal, { children: (0, jsx_runtime_1.jsx)(semantic_ui_react_1.Modal, { open: open, onClose: function () { return setOpen(false); }, style: { maxWidth: 512, borderRadius: 10 }, trigger: (0, jsx_runtime_1.jsx)(trigger_1.SearchTrigger, {}), content: (0, jsx_runtime_1.jsx)(search_list_1.SearchList, { setOpen: setOpen }), onOpen: function () { return setOpen(true); } }) }) }));

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

@@ -30,9 +30,9 @@ exports.SearchList = 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");
-var system_1 = require("@/system");
-var S = __importStar(require("./styles"));
+var ui_1 = require("../../../../../../../../ui/index.js");
+var system_1 = require("../../../../../../../../system/index.js");
+var S = __importStar(require("./styles.js"));
 function SearchList(_a) {
     var _b;
     var setOpen = _a.setOpen;

package/dist/system/presentation/components/layout/header/components/search-modal/search-list/styles.d.ts

@@ -1,2 +1,3 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const SearchList: 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/header/components/search-modal/styles.d.ts

@@ -1,2 +1,3 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const SearchModal: 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/header/components/search-modal/trigger/index.js

@@ -36,8 +36,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SearchTrigger = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var ui_1 = require("@/ui");
-var S = __importStar(require("./styles"));
+var ui_1 = require("../../../../../../../../ui/index.js");
+var S = __importStar(require("./styles.js"));
 function SearchTrigger(props) {
     return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'SearchTrigger', children: (0, jsx_runtime_1.jsxs)(S.SearchTrigger, __assign({ "aria-label": 'Search' }, props, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'LupaIcon' }) }), (0, jsx_runtime_1.jsx)("span", { className: 'placeholder font-14-regular', children: "Pesquisar..." })] })) }));
 }

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 export declare const SearchTrigger: 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/header/index.d.ts

@@ -1,3 +1,2 @@
-export declare function Header({ workspaces }: {
-    workspaces: any;
-}): import("react/jsx-runtime").JSX.Element;
+import { ILayout } from '../interfaces.js';
+export declare function Header(props: ILayout): import("react/jsx-runtime").JSX.Element;

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

@@ -1,17 +1,27 @@
 "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);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Header = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var version_01_1 = require("./version-01");
-function Header(_a) {
-    var workspaces = _a.workspaces;
+var version_01_1 = require("./version-01/index.js");
+function Header(props) {
     var type = 'version01';
     switch (type) {
         case 'version01':
-            return (0, jsx_runtime_1.jsx)(version_01_1.HeaderVersion01, { workspaces: workspaces });
+            return (0, jsx_runtime_1.jsx)(version_01_1.HeaderVersion01, __assign({}, props));
         default:
             ;
-            (0, jsx_runtime_1.jsx)(version_01_1.HeaderVersion01, { workspaces: workspaces });
+            (0, jsx_runtime_1.jsx)(version_01_1.HeaderVersion01, __assign({}, props));
     }
 }
 exports.Header = Header;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/header/index.tsx"],"names":[],"mappings":";;;;AAAA,2CAA8C;AAE9C,SAAgB,MAAM,CAAC,EAAc;QAAZ,UAAU,gBAAA;IACjC,IAAM,IAAI,GAAG,WAAW,CAAA;IAExB,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,WAAW;YACd,OAAO,uBAAC,4BAAe,IAAC,UAAU,EAAE,UAAU,GAAI,CAAA;QAEpD;YACE,CAAC;YAAA,uBAAC,4BAAe,IAAC,UAAU,EAAE,UAAU,GAAI,CAAA;IAChD,CAAC;AACH,CAAC;AAVD,wBAUC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/header/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,2CAA8C;AAE9C,SAAgB,MAAM,CAAC,KAAc;IACnC,IAAM,IAAI,GAAG,WAAW,CAAA;IAExB,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,WAAW;YACd,OAAO,uBAAC,4BAAe,eAAK,KAAK,EAAI,CAAA;QAEvC;YACE,CAAC;YAAA,uBAAC,4BAAe,eAAK,KAAK,EAAI,CAAA;IACnC,CAAC;AACH,CAAC;AAVD,wBAUC"}

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

@@ -1,3 +1,2 @@
-export declare function HeaderVersion01({ workspaces }: {
-    workspaces: any;
-}): import("react/jsx-runtime").JSX.Element;
+import { ILayout } from '../../interfaces.js';
+export declare function HeaderVersion01({ workspaces, fixedSidebar }: ILayout): import("react/jsx-runtime").JSX.Element;

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

@@ -29,13 +29,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeaderVersion01 = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var link_1 = __importDefault(require("next/link"));
-var ui_1 = require("@/ui");
-var menu_1 = require("../../menu");
-var components_1 = require("../components");
-var S = __importStar(require("./styles"));
+var ui_1 = require("../../../../../../ui/index.js");
+var data_1 = require("../../../data/index.js");
+var components_1 = require("../components/index.js");
+var S = __importStar(require("./styles.js"));
 function HeaderVersion01(_a) {
-    var workspaces = _a.workspaces;
-    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.jsxs)("div", { className: 'left', children: [(0, jsx_runtime_1.jsx)("div", { className: 'logo-wrapper', children: (0, jsx_runtime_1.jsx)(link_1.default, { className: 'logo', href: '/', children: (0, jsx_runtime_1.jsx)("img", { src: '/images/logo.png', alt: 'header-logo' }) }) }), (0, jsx_runtime_1.jsx)(menu_1.SideBarMenu, { workspaces: workspaces })] }), (0, jsx_runtime_1.jsxs)("div", { className: 'right', children: [(0, jsx_runtime_1.jsx)(components_1.SearchModal, {}), (0, jsx_runtime_1.jsx)(components_1.MenuRight, {})] })] }) }) }));
+    var workspaces = _a.workspaces, fixedSidebar = _a.fixedSidebar;
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'HeaderCarbon', children: (0, jsx_runtime_1.jsx)(S.HeaderVersion01, { id: 'header', "$hasSidebarButton": fixedSidebar, children: (0, jsx_runtime_1.jsxs)(ui_1.Container, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'left', children: [(0, jsx_runtime_1.jsx)("div", { className: 'logo-wrapper', children: (0, jsx_runtime_1.jsx)(link_1.default, { className: 'logo', href: '/', children: (0, jsx_runtime_1.jsx)("img", { src: '/images/logo.png', alt: 'header-logo' }) }) }), fixedSidebar && (0, jsx_runtime_1.jsx)(data_1.SideBarButton, {})] }), (0, jsx_runtime_1.jsxs)("div", { className: 'right', children: [(0, jsx_runtime_1.jsx)(components_1.SearchModal, {}), (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;AAEvC,mCAAwC;AACxC,4CAAsD;AAEtD,0CAA6B;AAE7B,SAAgB,eAAe,CAAC,EAAc;QAAZ,UAAU,gBAAA;IAC1C,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,cAAc,YACxB,uBAAC,CAAC,CAAC,eAAe,IAAC,EAAE,EAAC,QAAQ,YAC5B,wBAAC,cAAS,eACR,iCAAK,SAAS,EAAC,MAAM,aACnB,gCAAK,SAAS,EAAC,cAAc,YAC3B,uBAAC,cAAI,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,YAC7B,gCAAK,GAAG,EAAC,kBAAkB,EAAC,GAAG,EAAC,aAAa,GAAG,GAC3C,GACH,EAEN,uBAAC,kBAAW,IAAC,UAAU,EAAE,UAAU,GAAI,IACnC,EAEN,iCAAK,SAAS,EAAC,OAAO,aACpB,uBAAC,wBAAW,KAAG,EAEf,uBAAC,sBAAS,KAAG,IACT,IACI,GACM,GACd,CACT,CAAA;AACH,CAAC;AAxBD,0CAwBC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/header/version-01/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA4B;AAE5B,2BAAuC;AAEvC,sCAA6C;AAC7C,4CAAsD;AAEtD,0CAA6B;AAG7B,SAAgB,eAAe,CAAC,EAAqC;QAAnC,UAAU,gBAAA,EAAE,YAAY,kBAAA;IACxD,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,cAAc,YACxB,uBAAC,CAAC,CAAC,eAAe,IAAC,EAAE,EAAC,QAAQ,uBAAoB,YAAY,YAC5D,wBAAC,cAAS,eACR,iCAAK,SAAS,EAAC,MAAM,aACnB,gCAAK,SAAS,EAAC,cAAc,YAC3B,uBAAC,cAAI,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,YAC7B,gCAAK,GAAG,EAAC,kBAAkB,EAAC,GAAG,EAAC,aAAa,GAAG,GAC3C,GACH,EAEL,YAAY,IAAI,uBAAC,oBAAa,KAAG,IAC9B,EAEN,iCAAK,SAAS,EAAC,OAAO,aACpB,uBAAC,wBAAW,KAAG,EAEf,uBAAC,sBAAS,IAAC,UAAU,EAAE,UAAU,GAAI,IACjC,IACI,GACM,GACd,CACT,CAAA;AACH,CAAC;AAxBD,0CAwBC"}

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

@@ -1,2 +1,6 @@
 /// <reference types="react" />
-export declare const HeaderVersion01: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>>;
+/// <reference types="react/experimental" />
+export interface IStyledHeaderProps {
+    $hasSidebarButton?: boolean;
+}
+export declare const HeaderVersion01: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, IStyledHeaderProps>>;

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

@@ -9,6 +9,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeaderVersion01 = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.HeaderVersion01 = styled_components_1.default.header(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  position: sticky;\n  z-index: 99999999;\n  top: 0;\n  background: ", ";\n  padding: 5px 0;\n  backdrop-filter: blur(20px);\n  transition: box-shadow 0.2s ease-in-out;\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    }\n\n    .right {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      width: 100%;\n      gap: 30px;\n    }\n  }\n\n  @media only screen and (max-width: 1280px) {\n    .logo-wrapper {\n      max-width: fit-content;\n    }\n  }\n"], ["\n  width: 100%;\n  position: sticky;\n  z-index: 99999999;\n  top: 0;\n  background: ", ";\n  padding: 5px 0;\n  backdrop-filter: blur(20px);\n  transition: box-shadow 0.2s ease-in-out;\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    }\n\n    .right {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      width: 100%;\n      gap: 30px;\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; });
+exports.HeaderVersion01 = styled_components_1.default.header(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  position: sticky;\n  z-index: 99999999;\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: 30px;\n      padding-left: 20px;\n    }\n  }\n\n  @media only screen and (max-width: 1280px) {\n    .logo-wrapper {\n      max-width: fit-content;\n    }\n  }\n"], ["\n  width: 100%;\n  position: sticky;\n  z-index: 99999999;\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: 30px;\n      padding-left: 20px;\n    }\n  }\n\n  @media only screen and (max-width: 1280px) {\n    .logo-wrapper {\n      max-width: fit-content;\n    }\n  }\n"])), function (props) { return props.theme.primaryColor; }, function (props) {
+    return props.$hasSidebarButton &&
+        "\n   .container {\n    .left {\n      width: fit-content !important;\n    }\n\n    .right {\n      padding-left: 0 !important;\n    }\n  }\n  ";
+});
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

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,wEAA+C;AAElC,QAAA,eAAe,GAAG,2BAAM,CAAC,MAAM,w7BAAA,wFAK5B,EAAmC,2xBA+ClD,KA/Ce,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EA+ClD"}
+{"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,giCAAoB,wFAKhD,EAAmC,yGAK/C,EAYD,wxBAgDF,KAjEe,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EAK/C,UAAC,KAAK;IACN,OAAA,KAAK,CAAC,iBAAiB;QACvB,gJAUD;AAXC,CAWD,EAgDF"}

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

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

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

@@ -14,7 +14,7 @@ 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"), exports);
-__exportStar(require("./header"), exports);
-__exportStar(require("./component"), exports);
+__exportStar(require("./menu/index.js"), exports);
+__exportStar(require("./header/index.js"), exports);
+__exportStar(require("./component.js"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { WorkSpace } from '../data/select-workspace/interfaces.js';
+export interface ILayout {
+    workspaces?: WorkSpace;
+    fixedSidebar?: boolean;
+    children: React.ReactNode;
+}

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=interfaces.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/interfaces.ts"],"names":[],"mappings":""}

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

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

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

@@ -14,6 +14,5 @@ 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"), exports);
-__exportStar(require("./select-workspace"), exports);
+__exportStar(require("./menu/index.js"), exports);
 //# sourceMappingURL=index.js.map

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

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

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

@@ -31,9 +31,9 @@ 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");
-var system_1 = require("@/system");
-var S = __importStar(require("./styles"));
+var ui_1 = require("../../../../../../../ui/index.js");
+var system_1 = require("../../../../../../../system/index.js");
+var S = __importStar(require("./styles.js"));
 function MenuItem(_a) {
     var _b;
     var item = _a.item;

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

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

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

@@ -1 +1,2 @@
-export declare function SideBarMenu(props: any): import("react/jsx-runtime").JSX.Element;
+import { ILayout } from '../interfaces.js';
+export declare function SideBarMenu(props: ILayout): import("react/jsx-runtime").JSX.Element;

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

@@ -13,13 +13,15 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SideBarMenu = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var version_01_1 = require("./version-01");
+var version_01_1 = require("./version-01/index.js");
 function SideBarMenu(props) {
     var type = 'version01';
     switch (type) {
         case 'version01':
             return (0, jsx_runtime_1.jsx)(version_01_1.SideBarMenuVersion01, __assign({}, props));
-        default: (0, jsx_runtime_1.jsx)(version_01_1.SideBarMenuVersion01, __assign({}, props));
+        default:
+            ;
+            (0, jsx_runtime_1.jsx)(version_01_1.SideBarMenuVersion01, __assign({}, props));
     }
 }
 exports.SideBarMenu = SideBarMenu;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,2CAAmD;AAEnD,SAAgB,WAAW,CAAC,KAAK;IAC/B,IAAM,IAAI,GAAG,WAAW,CAAA;IAExB,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,WAAW;YACd,OAAO,uBAAC,iCAAoB,eAAK,KAAK,EAAI,CAAA;QAE5C,OAAO,CAAC,CAAC,uBAAC,iCAAoB,eAAK,KAAK,EAAI,CAAA;IAC9C,CAAC;AACH,CAAC;AATD,kCASC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,2CAAmD;AAEnD,SAAgB,WAAW,CAAC,KAAc;IACxC,IAAM,IAAI,GAAG,WAAW,CAAA;IAExB,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,WAAW;YACd,OAAO,uBAAC,iCAAoB,eAAK,KAAK,EAAI,CAAA;QAE5C;YACE,CAAC;YAAA,uBAAC,iCAAoB,eAAK,KAAK,EAAI,CAAA;IACxC,CAAC;AACH,CAAC;AAVD,kCAUC"}

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

@@ -0,0 +1,5 @@
+import { WorkSpace } from '../../data/select-workspace/interfaces.js';
+export interface ISidebarProps {
+    fixedSidebar?: boolean;
+    workspaces?: WorkSpace;
+}

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=interfaces.js.map

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

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

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

@@ -1,4 +1,2 @@
-import { WorkSpace } from '../components';
-export declare function SideBarMenuVersion01({ workspaces }: {
-    workspaces?: WorkSpace;
-}): import("react/jsx-runtime").JSX.Element;
+import { ISidebarProps } from '../interfaces.js';
+export declare function SideBarMenuVersion01({ workspaces, fixedSidebar }: ISidebarProps): import("react/jsx-runtime").JSX.Element;

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

@@ -25,13 +25,16 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SideBarMenuVersion01 = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var components_1 = require("../components");
-var S = __importStar(require("./styles"));
+var components_1 = require("../components/index.js");
+var data_1 = require("../../../data/index.js");
+var utils_1 = require("../../../../../../system/presentation/utils/index.js");
+var context_1 = require("../../../../../../system/presentation/context/index.js");
+var S = __importStar(require("./styles.js"));
 function SideBarMenuVersion01(_a) {
-    var workspaces = _a.workspaces;
-    var _b = (0, react_1.useState)(false), openSideBar = _b[0], setOpenSideBar = _b[1];
-    return ((0, jsx_runtime_1.jsxs)(S.SideBarMenuVersion01, { id: 'left-menu', children: [(0, jsx_runtime_1.jsx)("button", { onClick: function () { return setOpenSideBar(true); }, type: 'button', children: (0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', strokeWidth: '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' }) }) }), openSideBar && (0, jsx_runtime_1.jsx)("div", { className: 'sidebar-overlay', onClick: function () { return setOpenSideBar(false); } }), (0, jsx_runtime_1.jsxs)("div", { className: "sidebar ".concat(openSideBar ? 'open' : ''), children: [(0, jsx_runtime_1.jsx)(components_1.SelectWorkSpace, { workspaces: workspaces }), (0, jsx_runtime_1.jsx)(components_1.Menu, {})] })] }));
+    var workspaces = _a.workspaces, fixedSidebar = _a.fixedSidebar;
+    var user = (0, context_1.useAuthAdmin)().user;
+    var avatarImage = (user === null || user === void 0 ? void 0 : user.avatar) || '/images/default-profile.png';
+    return ((0, jsx_runtime_1.jsxs)(S.SideBarMenuVersion01, { id: 'left-menu', "$isFixed": fixedSidebar, children: [fixedSidebar && (0, jsx_runtime_1.jsx)("div", { id: 'sidebar-overlay', onClick: utils_1.closeSidebar }), (0, jsx_runtime_1.jsxs)("div", { id: 'sidebar', children: [(0, jsx_runtime_1.jsx)("div", { className: 'profile-box-mobile', children: (0, jsx_runtime_1.jsxs)("div", { className: 'profile', children: [(0, jsx_runtime_1.jsx)(data_1.Avatar, { image: avatarImage }), (0, jsx_runtime_1.jsxs)("span", { className: 'font-14-bold', children: [user === null || user === void 0 ? void 0 : user.firstName, " ", (0, jsx_runtime_1.jsx)("br", {}), user === null || user === void 0 ? void 0 : user.lastName] })] }) }), (0, jsx_runtime_1.jsx)(components_1.Menu, {})] })] }));
 }
 exports.SideBarMenuVersion01 = SideBarMenuVersion01;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/version-01/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAChC,4CAAgE;AAEhE,0CAA6B;AAE7B,SAAgB,oBAAoB,CAAC,EAA0C;QAAxC,UAAU,gBAAA;IACzC,IAAA,KAAgC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA9C,WAAW,QAAA,EAAE,cAAc,QAAmB,CAAA;IAErD,OAAO,CACL,wBAAC,CAAC,CAAC,oBAAoB,IAAC,EAAE,EAAC,WAAW,aACpC,mCAAQ,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,IAAI,CAAC,EAApB,CAAoB,EAAE,IAAI,EAAC,QAAQ,YACxD,gCAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,WAAW,EAAC,GAAG,EAAC,MAAM,EAAC,cAAc,YAC3G,iCAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,4CAA4C,GAAQ,GACrG,GACC,EAER,WAAW,IAAI,gCAAK,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,KAAK,CAAC,EAArB,CAAqB,GAAQ,EAE7F,iCAAK,SAAS,EAAE,kBAAW,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAE,aACpD,uBAAC,4BAAe,IAAC,UAAU,EAAE,UAAU,GAAI,EAE3C,uBAAC,iBAAI,KAAG,IACJ,IACiB,CAC1B,CAAA;AACH,CAAC;AApBD,oDAoBC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/version-01/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAoC;AACpC,sCAAuD;AAEvD,qDAA0D;AAC1D,yDAA4D;AAI5D,0CAA6B;AAE7B,SAAgB,oBAAoB,CAAC,EAA2C;QAAzC,UAAU,gBAAA,EAAE,YAAY,kBAAA;IACrD,IAAA,IAAI,GAAK,IAAA,sBAAY,GAAE,KAAnB,CAAmB;IAE/B,IAAM,WAAW,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,KAAI,6BAA6B,CAAA;IAEjE,OAAO,CACL,wBAAC,CAAC,CAAC,oBAAoB,IAAC,EAAE,EAAC,WAAW,cAAW,YAAY,aAC1D,YAAY,IAAI,gCAAK,EAAE,EAAC,iBAAiB,EAAC,OAAO,EAAE,oBAAY,GAAI,EAEpE,iCAAK,EAAE,EAAC,SAAS,aACf,gCAAK,SAAS,EAAC,oBAAoB,YACjC,iCAAK,SAAS,EAAC,SAAS,aACtB,uBAAC,aAAM,IAAC,KAAK,EAAE,WAAW,GAAI,EAE9B,kCAAM,SAAS,EAAC,cAAc,aAC3B,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,OAAE,gCAAM,EACvB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,IACV,IACH,GAOF,EAEN,uBAAC,iBAAI,KAAG,IAGJ,IACiB,CAC1B,CAAA;AACH,CAAC;AAjCD,oDAiCC"}

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

@@ -1,2 +1,7 @@
 /// <reference types="react" />
-export declare const SideBarMenuVersion01: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>>;
+/// <reference types="react/experimental" />
+interface IStyledSidebarProps {
+    $isFixed?: boolean;
+}
+export declare const SideBarMenuVersion01: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, IStyledSidebarProps>>;
+export {};

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

@@ -9,6 +9,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SideBarMenuVersion01 = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.SideBarMenuVersion01 = styled_components_1.default.aside(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n\n  > button {\n    padding: 0;\n    border: none;\n    background: none;\n    width: 28px;\n    height: 28px;\n    color: #fff;\n    cursor: pointer;\n    display: flex;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n\n  .sidebar-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    min-width: 100vw;\n    min-height: 100vh;\n    z-index: 999999999;\n    background-color: rgba(0, 0, 0, 0.5);\n  }\n\n  > .sidebar {\n    width: 100%;\n    max-width: 285px;\n    padding: 0 0 20px 15px;\n    border-right: 1px solid #e1e1e1;\n    display: flex;\n    flex-direction: column;\n    position: fixed;\n    left: 0;\n    overflow-y: auto;\n    top: 0;\n    height: 100vh;\n    z-index: 999999999;\n    background: #fff;\n    transform: translateX(-100%);\n    transition: transform 0.2s;\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\n  .menu {\n    margin-top: 20px;\n  }\n"], ["\n  display: flex;\n\n  > button {\n    padding: 0;\n    border: none;\n    background: none;\n    width: 28px;\n    height: 28px;\n    color: #fff;\n    cursor: pointer;\n    display: flex;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n\n  .sidebar-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    min-width: 100vw;\n    min-height: 100vh;\n    z-index: 999999999;\n    background-color: rgba(0, 0, 0, 0.5);\n  }\n\n  > .sidebar {\n    width: 100%;\n    max-width: 285px;\n    padding: 0 0 20px 15px;\n    border-right: 1px solid #e1e1e1;\n    display: flex;\n    flex-direction: column;\n    position: fixed;\n    left: 0;\n    overflow-y: auto;\n    top: 0;\n    height: 100vh;\n    z-index: 999999999;\n    background: #fff;\n    transform: translateX(-100%);\n    transition: transform 0.2s;\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\n  .menu {\n    margin-top: 20px;\n  }\n"])));
+exports.SideBarMenuVersion01 = styled_components_1.default.aside(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n\n  ", "\n\n  #sidebar-overlay {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    min-width: 100vw;\n    min-height: 100vh;\n    z-index: 999999999;\n    background-color: rgba(0, 0, 0, 0.5);\n\n    &.open {\n      display: block;\n    }\n  }\n\n  > #sidebar {\n    width: 285px;\n    padding: 0 0 20px 15px;\n    border-right: 1px solid #e1e1e1;\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    left: 0;\n    overflow-y: auto;\n    top: 0;\n    height: calc(100vh - 60px);\n    z-index: 999;\n    background: #fff;\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\n  .menu {\n    margin-top: 20px;\n  }\n\n  .profile-box-mobile {\n    display: none;\n  }\n\n  @media only screen and (max-width: 768px) {\n    .profile-box-mobile {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 10px;\n      padding: 20px 15px 5px;\n\n      .profile {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n\n        span {\n          font-size: 14px;\n          font-weight: 700;\n          line-height: 1.03;\n        }\n      }\n\n      .actions {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n\n        button {\n          width: 30px;\n          height: 30px;\n          padding: 7px;\n          background: ", ";\n        }\n      }\n    }\n  }\n"], ["\n  display: flex;\n\n  ", "\n\n  #sidebar-overlay {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    min-width: 100vw;\n    min-height: 100vh;\n    z-index: 999999999;\n    background-color: rgba(0, 0, 0, 0.5);\n\n    &.open {\n      display: block;\n    }\n  }\n\n  > #sidebar {\n    width: 285px;\n    padding: 0 0 20px 15px;\n    border-right: 1px solid #e1e1e1;\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    left: 0;\n    overflow-y: auto;\n    top: 0;\n    height: calc(100vh - 60px);\n    z-index: 999;\n    background: #fff;\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\n  .menu {\n    margin-top: 20px;\n  }\n\n  .profile-box-mobile {\n    display: none;\n  }\n\n  @media only screen and (max-width: 768px) {\n    .profile-box-mobile {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 10px;\n      padding: 20px 15px 5px;\n\n      .profile {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n\n        span {\n          font-size: 14px;\n          font-weight: 700;\n          line-height: 1.03;\n        }\n      }\n\n      .actions {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n\n        button {\n          width: 30px;\n          height: 30px;\n          padding: 7px;\n          background: ", ";\n        }\n      }\n    }\n  }\n"])), function (props) {
+    return props.$isFixed &&
+        "\n  > #sidebar {\n    position: fixed !important;\n    transform: translateX(-100%);\n    transition: transform 0.2s;\n    height: 100vh !important;\n    z-index: 999999999 !important;\n\n\n    &.open {\n      transform: translateX(0);\n    }\n  }\n  ";
+}, function (props) { var _a; return ((_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.primaryColor) || '#000'; });
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/version-01/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,oBAAoB,GAAG,2BAAM,CAAC,KAAK,4rCAAA,ynCAiE/C,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/version-01/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAMzB,QAAA,oBAAoB,GAAG,2BAAM,CAAC,KAAK,qlDAAqB,0BAGjE,EAeD,+8CA+EqB,EAA+C,qCAKtE,KAnGG,UAAC,KAAK;IACN,OAAA,KAAK,CAAC,QAAQ;QACd,6PAaD;AAdC,CAcD,EA+EqB,UAAC,KAAK,YAAK,OAAA,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,YAAY,KAAI,MAAM,CAAA,EAAA,EAKtE"}

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 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

@@ -9,6 +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  --spacing: 30px;\n\n  header {\n    padding-left: var(--spacing);\n    padding-right: var(--spacing);\n  }\n\n  .content_layout {\n    width: 100%;\n    display: flex;\n\n    /* .false-menu {\n      max-width: 285px;\n      min-width: 285px;\n    } */\n\n    > div,\n    header,\n    main {\n      padding-left: var(--spacing);\n      padding-right: var(--spacing);\n    }\n\n    main {\n      width: 100%;\n      flex: 1;\n      margin: var(--spacing) 0;\n    }\n  }\n\n  @media only screen and (max-width: 1280px) {\n    .content_layout {\n      .false-menu {\n        display: none;\n      }\n    }\n  }\n"], ["\n  --spacing: 30px;\n\n  header {\n    padding-left: var(--spacing);\n    padding-right: var(--spacing);\n  }\n\n  .content_layout {\n    width: 100%;\n    display: flex;\n\n    /* .false-menu {\n      max-width: 285px;\n      min-width: 285px;\n    } */\n\n    > div,\n    header,\n    main {\n      padding-left: var(--spacing);\n      padding-right: var(--spacing);\n    }\n\n    main {\n      width: 100%;\n      flex: 1;\n      margin: var(--spacing) 0;\n    }\n  }\n\n  @media only screen and (max-width: 1280px) {\n    .content_layout {\n      .false-menu {\n        display: none;\n      }\n    }\n  }\n"])));
+exports.Layout = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  --spacing: 30px;\n\n  header {\n    padding-left: var(--spacing);\n    padding-right: var(--spacing);\n  }\n\n  .content_layout {\n    width: 100%;\n    display: flex;\n    position: relative;\n\n    /* .false-menu {\n      max-width: 285px;\n      min-width: 285px;\n    } */\n\n    > div,\n    header,\n    main {\n      padding-left: var(--spacing);\n      padding-right: var(--spacing);\n    }\n\n    main {\n      width: 100%;\n      flex: 1;\n      margin: var(--spacing) 0;\n    }\n  }\n\n  @media only screen and (max-width: 1280px) {\n    .content_layout {\n      .false-menu {\n        display: none;\n      }\n    }\n  }\n"], ["\n  --spacing: 30px;\n\n  header {\n    padding-left: var(--spacing);\n    padding-right: var(--spacing);\n  }\n\n  .content_layout {\n    width: 100%;\n    display: flex;\n    position: relative;\n\n    /* .false-menu {\n      max-width: 285px;\n      min-width: 285px;\n    } */\n\n    > div,\n    header,\n    main {\n      padding-left: var(--spacing);\n      padding-right: var(--spacing);\n    }\n\n    main {\n      width: 100%;\n      flex: 1;\n      margin: var(--spacing) 0;\n    }\n  }\n\n  @media only screen and (max-width: 1280px) {\n    .content_layout {\n      .false-menu {\n        display: none;\n      }\n    }\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,yqBAAA,smBAsClC,KAAA"}
+{"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,ksBAAA,+nBAuClC,KAAA"}

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

@@ -1,2 +1,2 @@
-export * from "./menus";
-export * from "./users";
+export * from "./menus/index.js";
+export * from "./users/index.js";

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

@@ -14,6 +14,6 @@ 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("./menus"), exports);
-__exportStar(require("./users"), exports);
+__exportStar(require("./menus/index.js"), exports);
+__exportStar(require("./users/index.js"), exports);
 //# sourceMappingURL=index.js.map

package/dist/system/presentation/components/pages/menus/index.d.ts

@@ -1 +1 @@
-export * from "./page";
+export * from "./page.js";

package/dist/system/presentation/components/pages/menus/index.js

@@ -14,5 +14,5 @@ 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("./page"), exports);
+__exportStar(require("./page.js"), exports);
 //# sourceMappingURL=index.js.map