infinity-forge 0.46.0 → 0.46.2

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

@@ -0,0 +1,15 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActionBox = exports.MenuRight = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.MenuRight = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  gap: clamp(1rem, 0.78vw, 1.5rem);\n\n  @media only screen and (max-width: 768px) {\n    #messages-btn,\n    #settings-btn,\n    #profile-btn {\n      display: none;\n    }\n  }\n"], ["\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  gap: clamp(1rem, 0.78vw, 1.5rem);\n\n  @media only screen and (max-width: 768px) {\n    #messages-btn,\n    #settings-btn,\n    #profile-btn {\n      display: none;\n    }\n  }\n"])));
+exports.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

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

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

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

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

@@ -0,0 +1,38 @@
+"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.SearchModal = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+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)(ui_1.Modal, { modal: open, setModal: setOpen, style: { width: '100vw', maxWidth: 512, borderRadius: 10 }, trigger: (0, jsx_runtime_1.jsx)(trigger_1.SearchTrigger, {}), children: (0, jsx_runtime_1.jsx)(search_list_1.SearchList, { setOpen: setOpen }) }) }) }));
+}
+exports.SearchModal = SearchModal;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/header/components/search-modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAEhC,2BAAmC;AACnC,qCAAyC;AACzC,6CAA0C;AAE1C,0CAA6B;AAE7B,SAAgB,WAAW;IACnB,IAAA,KAAkB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhC,IAAI,QAAA,EAAE,OAAO,QAAmB,CAAA;IAEvC,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,aAAa,YACvB,uBAAC,CAAC,CAAC,WAAW,cACZ,uBAAC,UAAK,IACJ,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,EAC1D,OAAO,EAAE,uBAAC,uBAAa,KAAG,EAC1B,QAAQ,EAAE,uBAAC,wBAAU,IAAC,OAAO,EAAE,OAAO,GAAI,GAC1C,GACY,GACV,CACT,CAAA;AACH,CAAC;AAhBD,kCAgBC"}

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

@@ -0,0 +1,4 @@
+import { Dispatch, SetStateAction } from 'react';
+export declare function SearchList({ setOpen }: {
+    setOpen: Dispatch<SetStateAction<boolean>>;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,52 @@
+"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.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/index.js");
+var system_1 = require("../../../../../../../../system/index.js");
+var S = __importStar(require("./styles.js"));
+function SearchList(_a) {
+    var _b;
+    var setOpen = _a.setOpen;
+    var _c = (0, react_1.useState)(''), searchText = _c[0], setSearchText = _c[1];
+    var data = (0, system_1.useLoadMenu)().data;
+    var filteredList = (_b = data.items) === null || _b === void 0 ? void 0 : _b.filter(function (list) {
+        return JSON.stringify(list).toLowerCase().includes(searchText.toLowerCase());
+    });
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'SearchList', children: (0, jsx_runtime_1.jsxs)(S.SearchList, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'header', children: [(0, jsx_runtime_1.jsx)(ui_1.FormHandler, { children: (0, jsx_runtime_1.jsx)(system_1.InputSearch, { onChange: function (value) { return setSearchText(value); } }) }), (0, jsx_runtime_1.jsx)("button", { className: 'close', type: 'button', onClick: function () { return setOpen(false); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'CloseIcon' }) })] }), (0, jsx_runtime_1.jsx)("div", { className: 'list', children: (filteredList === null || filteredList === void 0 ? void 0 : filteredList.length) === 0 ? ((0, jsx_runtime_1.jsxs)("div", { className: 'not-found', children: [(0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconNotFound' }) }), (0, jsx_runtime_1.jsx)("p", { className: 'font-20-regular', children: "Nenhum resultado encontrado" })] })) : (filteredList === null || filteredList === void 0 ? void 0 : filteredList.map(function (item, index) {
+                        var _a;
+                        return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h6", { className: "font-12-bold uppercase ".concat(index !== 0 && 'last'), children: item.title }), filteredList[index].route && ((0, jsx_runtime_1.jsxs)(link_1.default, { href: filteredList[index].route, className: 'item', children: [(0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: filteredList[index].icon }) }), (0, jsx_runtime_1.jsxs)("span", { className: 'text-box font-14-regular', children: [(0, jsx_runtime_1.jsx)("span", { className: 'name', children: filteredList[index].title }), (0, jsx_runtime_1.jsx)("span", { className: 'href', children: filteredList[index].route })] })] }, filteredList[index].title)), (_a = item.items) === null || _a === void 0 ? void 0 : _a.map(function (subItem) {
+                                    return subItem.route ? ((0, jsx_runtime_1.jsxs)(link_1.default, { href: subItem.route, className: 'item', children: [(0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: subItem.icon }) }), (0, jsx_runtime_1.jsxs)("span", { className: 'text-box font-14-regular', children: [(0, jsx_runtime_1.jsx)("span", { className: 'name', children: subItem.title }), (0, jsx_runtime_1.jsx)("span", { className: 'href', children: subItem.route })] })] }, subItem.title)) : null;
+                                })] }, item.title + '-' + index));
+                    })) })] }) }));
+}
+exports.SearchList = SearchList;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/components/layout/header/components/search-modal/search-list/index.tsx"],"names":[],"mappings":"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"}

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

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

package/dist/system/presentation/components/layout/header/components/search-modal/search-list/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.SearchList = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.SearchList = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n\n  .header {\n    display: flex; /* flex */\n    align-items: center; /* items-center */\n    justify-content: space-between;\n    padding: 16px 20px;\n    gap: 20px;\n\n    div {\n      width: 100%;\n    }\n\n    form {\n      width: 100%;\n      height: 40px;\n      overflow: hidden;\n    }\n\n    input {\n      width: 100%;\n      height: 40px;\n      background: #ebebeb;\n      border-radius: 6px;\n      opacity: 1;\n\n      &::placeholder {\n        color: #9b9b9b;\n      }\n    }\n\n    .icon {\n      color: #484848;\n    }\n\n    .close {\n      padding: 0;\n      background: none;\n      border: 0;\n      display: flex;\n      width: 20px;\n      height: 20px;\n      align-items: center;\n      cursor: pointer;\n\n      svg {\n        width: 100%;\n        height: auto;\n      }\n    }\n  }\n\n  .list {\n    max-height: 60vh; /* max-h-[60vh] */\n    overflow-y: auto; /* overflow-y-auto */\n    border-top: 1px solid rgba(209, 213, 219, 1); /* border-t border-gray-300 */\n    padding: 1rem 0.5rem; /* px-2 py-4 */\n\n    h6 {\n      margin: 0;\n      margin-bottom: 4px; /* mb-1 */\n      padding: 0 12px; /* px-3 */\n      letter-spacing: 0.05em; /* tracking-widest */\n      color: #666666; /* text-gray-500 */\n\n      @media (prefers-color-scheme: dark) {\n        color: rgba(107, 114, 128, 1); /* dark:text-gray-500 */\n      }\n\n      &.last {\n        margin-top: 1.5rem; /* mt-6 */\n        @media (min-width: 1920px) {\n          /* 4xl */\n          margin-top: 1.75rem; /* 4xl:mt-7 */\n        }\n      }\n    }\n\n    .not-found {\n      width: 100%;\n      text-align: center;\n      transform: scale(0.75);\n\n      .icon {\n        margin: 0 auto;\n        width: 40px;\n        height: 40px;\n        display: flex;\n        margin-bottom: 20px;\n\n        g {\n          fill: currentColor !important;\n        }\n\n        svg {\n          width: 100%;\n          height: auto;\n        }\n      }\n\n      p {\n        color: #484848;\n      }\n    }\n\n    .item {\n      position: relative; /* relative */\n      margin: 2px 0; /* my-0.5 */\n      display: flex; /* flex */\n      align-items: center; /* items-center */\n      border-radius: 0.5rem; /* rounded-lg */\n      padding: 8px 12px; /* px-3 py-2 */\n      outline: none; /* focus:outline-none */\n\n      > .icon {\n        display: inline-flex; /* inline-flex */\n        align-items: center; /* items-center */\n        justify-content: center; /* justify-center */\n        border-radius: 0.375rem; /* rounded-md */\n        border: 1px solid rgba(209, 213, 219, 1); /* border border-gray-300 */\n        padding: 8px; /* p-2 */\n        color: rgba(107, 114, 128, 1); /* text-gray-500 */\n\n        svg {\n          width: 20px;\n          height: 20px;\n        }\n      }\n\n      > .text-box {\n        margin-left: 12px; /* ms-3 */\n        display: grid; /* grid */\n        gap: 0.125rem; /* gap-0.5 */\n\n        .name {\n          text-transform: capitalize; /* capitalize */\n          color: rgba(17, 24, 39, 1); /* text-gray-900 */\n\n          @media (prefers-color-scheme: dark) {\n            color: rgba(55, 65, 81, 1); /* dark:text-gray-700 */\n          }\n        }\n\n        .href {\n          color: rgba(107, 114, 128, 1); /* text-gray-500 */\n        }\n      }\n\n      &:hover {\n        background-color: rgba(229, 231, 235, 1); /* hover:bg-gray-100 */\n      }\n\n      &:focus-visible {\n        background-color: rgba(229, 231, 235, 1); /* focus-visible:bg-gray-100 */\n      }\n\n      @media (prefers-color-scheme: dark) {\n        &:hover {\n          background-color: rgba(156, 163, 175, 0.5); /* dark:hover:bg-gray-50/50 */\n          backdrop-filter: blur(12px); /* dark:hover:backdrop-blur-lg */\n        }\n      }\n    }\n  }\n"], ["\n  width: 100%;\n\n  .header {\n    display: flex; /* flex */\n    align-items: center; /* items-center */\n    justify-content: space-between;\n    padding: 16px 20px;\n    gap: 20px;\n\n    div {\n      width: 100%;\n    }\n\n    form {\n      width: 100%;\n      height: 40px;\n      overflow: hidden;\n    }\n\n    input {\n      width: 100%;\n      height: 40px;\n      background: #ebebeb;\n      border-radius: 6px;\n      opacity: 1;\n\n      &::placeholder {\n        color: #9b9b9b;\n      }\n    }\n\n    .icon {\n      color: #484848;\n    }\n\n    .close {\n      padding: 0;\n      background: none;\n      border: 0;\n      display: flex;\n      width: 20px;\n      height: 20px;\n      align-items: center;\n      cursor: pointer;\n\n      svg {\n        width: 100%;\n        height: auto;\n      }\n    }\n  }\n\n  .list {\n    max-height: 60vh; /* max-h-[60vh] */\n    overflow-y: auto; /* overflow-y-auto */\n    border-top: 1px solid rgba(209, 213, 219, 1); /* border-t border-gray-300 */\n    padding: 1rem 0.5rem; /* px-2 py-4 */\n\n    h6 {\n      margin: 0;\n      margin-bottom: 4px; /* mb-1 */\n      padding: 0 12px; /* px-3 */\n      letter-spacing: 0.05em; /* tracking-widest */\n      color: #666666; /* text-gray-500 */\n\n      @media (prefers-color-scheme: dark) {\n        color: rgba(107, 114, 128, 1); /* dark:text-gray-500 */\n      }\n\n      &.last {\n        margin-top: 1.5rem; /* mt-6 */\n        @media (min-width: 1920px) {\n          /* 4xl */\n          margin-top: 1.75rem; /* 4xl:mt-7 */\n        }\n      }\n    }\n\n    .not-found {\n      width: 100%;\n      text-align: center;\n      transform: scale(0.75);\n\n      .icon {\n        margin: 0 auto;\n        width: 40px;\n        height: 40px;\n        display: flex;\n        margin-bottom: 20px;\n\n        g {\n          fill: currentColor !important;\n        }\n\n        svg {\n          width: 100%;\n          height: auto;\n        }\n      }\n\n      p {\n        color: #484848;\n      }\n    }\n\n    .item {\n      position: relative; /* relative */\n      margin: 2px 0; /* my-0.5 */\n      display: flex; /* flex */\n      align-items: center; /* items-center */\n      border-radius: 0.5rem; /* rounded-lg */\n      padding: 8px 12px; /* px-3 py-2 */\n      outline: none; /* focus:outline-none */\n\n      > .icon {\n        display: inline-flex; /* inline-flex */\n        align-items: center; /* items-center */\n        justify-content: center; /* justify-center */\n        border-radius: 0.375rem; /* rounded-md */\n        border: 1px solid rgba(209, 213, 219, 1); /* border border-gray-300 */\n        padding: 8px; /* p-2 */\n        color: rgba(107, 114, 128, 1); /* text-gray-500 */\n\n        svg {\n          width: 20px;\n          height: 20px;\n        }\n      }\n\n      > .text-box {\n        margin-left: 12px; /* ms-3 */\n        display: grid; /* grid */\n        gap: 0.125rem; /* gap-0.5 */\n\n        .name {\n          text-transform: capitalize; /* capitalize */\n          color: rgba(17, 24, 39, 1); /* text-gray-900 */\n\n          @media (prefers-color-scheme: dark) {\n            color: rgba(55, 65, 81, 1); /* dark:text-gray-700 */\n          }\n        }\n\n        .href {\n          color: rgba(107, 114, 128, 1); /* text-gray-500 */\n        }\n      }\n\n      &:hover {\n        background-color: rgba(229, 231, 235, 1); /* hover:bg-gray-100 */\n      }\n\n      &:focus-visible {\n        background-color: rgba(229, 231, 235, 1); /* focus-visible:bg-gray-100 */\n      }\n\n      @media (prefers-color-scheme: dark) {\n        &:hover {\n          background-color: rgba(156, 163, 175, 0.5); /* dark:hover:bg-gray-50/50 */\n          backdrop-filter: blur(12px); /* dark:hover:backdrop-blur-lg */\n        }\n      }\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

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

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

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

package/dist/system/presentation/components/layout/header/components/search-modal/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.SearchModal = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.SearchModal = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

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

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

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

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

@@ -0,0 +1,45 @@
+"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.SearchTrigger = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+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..." })] })) }));
+}
+exports.SearchTrigger = SearchTrigger;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/components/layout/header/components/search-modal/trigger/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAAkC;AAElC,0CAA6B;AAE7B,SAAgB,aAAa,CAAC,KAAK;IACjC,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,eAAe,YACzB,wBAAC,CAAC,CAAC,aAAa,2BAAY,QAAQ,IAAK,KAAK,eAC5C,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,SAAI,IAAC,IAAI,EAAC,UAAU,GAAG,GACpB,EAEN,iCAAM,SAAS,EAAC,6BAA6B,6BAAoB,KACjD,GACZ,CACT,CAAA;AACH,CAAC;AAZD,sCAYC"}

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

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

package/dist/system/presentation/components/layout/header/components/search-modal/trigger/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.SearchTrigger = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.SearchTrigger = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  max-width: 473px;\n  height: 40px;\n  padding: 0 16px;\n  border: 0;\n  border-radius: 5px;\n  background: rgba(255, 255, 255, 0.2);\n  font-weight: 400;\n  color: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 10px;\n  cursor: pointer;\n  box-shadow: 0px 0px 5px 0px #00000033;\n\n  .icon {\n    width: 20px;\n    height: 20px;\n    display: flex;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n\n  span {\n    display: block;\n    padding-top: 3px;\n  }\n"], ["\n  width: 100%;\n  max-width: 473px;\n  height: 40px;\n  padding: 0 16px;\n  border: 0;\n  border-radius: 5px;\n  background: rgba(255, 255, 255, 0.2);\n  font-weight: 400;\n  color: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 10px;\n  cursor: pointer;\n  box-shadow: 0px 0px 5px 0px #00000033;\n\n  .icon {\n    width: 20px;\n    height: 20px;\n    display: flex;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n\n  span {\n    display: block;\n    padding-top: 3px;\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

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

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

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

@@ -0,0 +1,24 @@
+"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/index.js");
+function Header(props) {
+    var type = 'version01';
+    switch (type) {
+        default: return (0, jsx_runtime_1.jsx)(version_01_1.HeaderVersion01, __assign({}, props));
+    }
+}
+exports.Header = Header;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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,OAAO,CAAC,CAAC,OAAO,uBAAC,4BAAe,eAAK,KAAK,EAAI,CAAA;IAChD,CAAC;AACH,CAAC;AAND,wBAMC"}

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

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

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

@@ -0,0 +1,41 @@
+"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.HeaderVersion01 = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var link_1 = __importDefault(require("next/link"));
+var ui_1 = require("../../../../../../ui/index.js");
+var 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, fixedSidebar = _a.fixedSidebar, logo = _a.logo;
+    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)(ui_1.Error, { name: 'logo', children: (0, jsx_runtime_1.jsx)(link_1.default, { className: 'logo', href: (logo === null || logo === void 0 ? void 0 : logo.href) || '/', children: (0, jsx_runtime_1.jsx)("img", { src: (logo === null || logo === void 0 ? void 0 : logo.src) || '/images/logo.png', alt: 'header-logo' }) }) }) }), (0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'sidebar_button', children: fixedSidebar && (0, jsx_runtime_1.jsx)(data_1.SideBarButton, {}) })] }), (0, jsx_runtime_1.jsxs)("div", { className: 'right', children: [(0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'search_modal', children: (0, jsx_runtime_1.jsx)(components_1.SearchModal, {}) }), (0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'menu-right', children: (0, jsx_runtime_1.jsx)(components_1.MenuRight, { workspaces: workspaces }) })] })] }) }) }));
+}
+exports.HeaderVersion01 = HeaderVersion01;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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,sCAA6C;AAC7C,4CAAsD;AAItD,0CAA6B;AAE7B,SAAgB,eAAe,CAAC,EAA2C;QAAzC,UAAU,gBAAA,EAAE,YAAY,kBAAA,EAAE,IAAI,UAAA;IAC9D,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,UAAK,IAAC,IAAI,EAAC,MAAM,YAChB,uBAAC,cAAI,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,GAAG,YAC5C,gCAAK,GAAG,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,KAAI,kBAAkB,EAAE,GAAG,EAAC,aAAa,GAAG,GAC1D,GACD,GACJ,EAEN,uBAAC,UAAK,IAAC,IAAI,EAAC,gBAAgB,YAAE,YAAY,IAAI,uBAAC,oBAAa,KAAG,GAAS,IACpE,EAEN,iCAAK,SAAS,EAAC,OAAO,aACpB,uBAAC,UAAK,IAAC,IAAI,EAAC,cAAc,YACxB,uBAAC,wBAAW,KAAG,GACT,EAER,uBAAC,UAAK,IAAC,IAAI,EAAC,YAAY,YACtB,uBAAC,sBAAS,IAAC,UAAU,EAAE,UAAU,GAAI,GAC/B,IACJ,IACI,GACM,GACd,CACT,CAAA;AACH,CAAC;AA9BD,0CA8BC"}

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface IStyledHeaderProps {
+    $hasSidebarButton?: boolean;
+}
+export declare const HeaderVersion01: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, IStyledHeaderProps>> & string;

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

@@ -0,0 +1,17 @@
+"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.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: 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: 1700px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 280px;\n    }\n  }\n\n  @media only screen and (max-width: 1650px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 275px;\n    }\n  }\n\n  @media only screen and (max-width: 1600px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 270px;\n    }\n  }\n\n  @media only screen and (max-width: 1550px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 265px;\n    }\n  }\n\n  @media only screen and (max-width: 1500px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 260px;\n    }\n  }\n\n  @media only screen and (max-width: 1450px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 255px;\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 250px;\n    }\n  }\n\n  @media only screen and (max-width: 1350px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 245px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 240px;\n    }\n  }\n\n  @media only screen and (max-width: 1280px) {\n    .logo-wrapper {\n      max-width: fit-content;\n    }\n  }\n"], ["\n  width: 100%;\n  position: sticky;\n  z-index: 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: 1700px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 280px;\n    }\n  }\n\n  @media only screen and (max-width: 1650px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 275px;\n    }\n  }\n\n  @media only screen and (max-width: 1600px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 270px;\n    }\n  }\n\n  @media only screen and (max-width: 1550px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 265px;\n    }\n  }\n\n  @media only screen and (max-width: 1500px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 260px;\n    }\n  }\n\n  @media only screen and (max-width: 1450px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 255px;\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 250px;\n    }\n  }\n\n  @media only screen and (max-width: 1350px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 245px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    .logo-wrapper,\n    .container.left {\n      max-width: 240px;\n    }\n  }\n\n  @media only screen and (max-width: 1280px) {\n    .logo-wrapper {\n      max-width: fit-content;\n    }\n  }\n"])), function (props) { return props.theme.primaryColor; }, function (props) {
+    return props.$hasSidebarButton &&
+        "\n   .container {\n    .left {\n      width: fit-content !important;\n    }\n\n    .right {\n      padding-left: 0 !important;\n    }\n  }\n  ";
+});
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/header/version-01/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAMzB,QAAA,eAAe,GAAG,2BAAM,CAAC,MAAM,krEAAoB,wFAKhD,EAAmC,yGAK/C,EAYD,06DA+GF,KAhIe,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EAK/C,UAAC,KAAK;IACN,OAAA,KAAK,CAAC,iBAAiB;QACvB,gJAUD;AAXC,CAWD,EA+GF"}

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { WorkSpace } from '../data/select-workspace/interfaces.js';
+import { ISidebarProps } from './menu/interfaces.js';
+export interface ILayout {
+    workspaces?: WorkSpace;
+    fixedSidebar?: boolean;
+    isInteralMenu?: boolean;
+    children: React.ReactNode;
+    logo?: {
+        src?: string;
+        href?: string;
+    };
+    sidebar?: ISidebarProps;
+}

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

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

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

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./menu/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"}

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

@@ -0,0 +1,3 @@
+export declare function Menu({ isInteralMenu }: {
+    isInteralMenu?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,67 @@
+"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 router_1 = require("next/router");
+var ui_1 = require("../../../../../../../ui/index.js");
+var system_1 = require("../../../../../../../system/index.js");
+var S = __importStar(require("./styles.js"));
+function MenuItem(_a) {
+    var _b;
+    var item = _a.item, index = _a.index;
+    var router = (0, router_1.useRouter)();
+    var path = router.asPath;
+    var hasMenuItems = (item === null || item === void 0 ? void 0 : item.items) && ((_b = item.items) === null || _b === void 0 ? void 0 : _b.length) > 0;
+    function ItemContent() {
+        var _a;
+        return ((0, jsx_runtime_1.jsxs)("span", { className: 'font-14-regular', children: [(item === null || item === void 0 ? void 0 : item.icon) && (0, jsx_runtime_1.jsx)("div", { className: 'icon', dangerouslySetInnerHTML: { __html: item.icon } }), (0, jsx_runtime_1.jsx)("span", { className: 'content-title', children: item === null || item === void 0 ? void 0 : item.title }), ((_a = item === null || item === void 0 ? void 0 : item.items) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((0, jsx_runtime_1.jsx)("div", { className: 'arrow', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconKeyboardRightArrow' }) }))] }));
+    }
+    var isFatherActive = hasMenuItems && item.route && path.includes(item.route.replaceAll('/', ''));
+    var isActive = path.substring(0, path.length - 1) === item.route || isFatherActive;
+    return ((0, jsx_runtime_1.jsxs)("li", { className: isActive ? 'active' : '', children: [item.route ? ((0, jsx_runtime_1.jsx)(link_1.default, { href: item.route, className: "item-title font-14-regular ".concat(isActive ? 'active' : ''), children: (0, jsx_runtime_1.jsx)(ItemContent, {}) })) : ((0, jsx_runtime_1.jsx)("div", { className: "item-title ".concat(isActive ? 'active' : ''), children: (0, jsx_runtime_1.jsx)(ItemContent, {}) })), hasMenuItems && (0, jsx_runtime_1.jsx)(SubMenu, { index: index, item: item === null || item === void 0 ? void 0 : item.items }, 'submenu' + item.title)] }));
+}
+function SubMenu(_a) {
+    var item = _a.item, index = _a.index;
+    return ((0, jsx_runtime_1.jsx)(S.SubMenu, { className: 'submenu', "$index": index, children: item.map(function (subitem) { return ((0, jsx_runtime_1.jsx)(MenuItem, { item: subitem, index: index }, 'submenu-item' + subitem.title)); }) }));
+}
+function Menu(_a) {
+    var _b, _c;
+    var isInteralMenu = _a.isInteralMenu;
+    var data = (0, system_1.useLoadMenu)().data;
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Menu', children: (0, jsx_runtime_1.jsx)(S.Menu, { className: 'menu', children: isInteralMenu
+                ? (_b = data === null || data === void 0 ? void 0 : data.items) === null || _b === void 0 ? void 0 : _b.map(function (item, index) { return ((0, jsx_runtime_1.jsx)("ul", { children: (0, jsx_runtime_1.jsx)(MenuItem, { item: item, index: index }, 'menu-item' + index + item.title) })); })
+                : (_c = data === null || data === void 0 ? void 0 : data.items) === null || _c === void 0 ? void 0 : _c.map(function (item) {
+                    var _a;
+                    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'title', children: (0, jsx_runtime_1.jsx)("h5", { className: 'font-10-regular uppercase', children: item.title }) }), (0, jsx_runtime_1.jsx)("ul", { children: (_a = item === null || item === void 0 ? void 0 : item.items) === null || _a === void 0 ? void 0 : _a.map(function (menu, index) { return ((0, jsx_runtime_1.jsx)(MenuItem, { item: menu, index: index }, 'menu-item' + index + item.title)); }) })] }, 'wrapper-menu-' + item.title));
+                }) }) }));
+}
+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;AAC5B,sCAAuC;AAEvC,2BAAkC;AAClC,mCAAsC;AAEtC,0CAA6B;AAE7B,SAAS,QAAQ,CAAC,EAA6C;;QAA3C,IAAI,UAAA,EAAE,KAAK,WAAA;IAC7B,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAC1B,IAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAA;IAE1B,IAAM,YAAY,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,KAAI,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,IAAG,CAAC,CAAA;IAE1D,SAAS,WAAW;;QAClB,OAAO,CACL,kCAAM,SAAS,EAAC,iBAAiB,aAC9B,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,gCAAK,SAAS,EAAC,MAAM,EAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,GAAI,EAEvF,iCAAM,SAAS,EAAC,eAAe,YAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,GAAQ,EAEnD,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,MAAM,IAAG,CAAC,IAAI,CAC1B,gCAAK,SAAS,EAAC,OAAO,YACpB,uBAAC,SAAI,IAAC,IAAI,EAAC,wBAAwB,GAAG,GAClC,CACP,IACI,CACR,CAAA;IACH,CAAC;IAED,IAAM,cAAc,GAAG,YAAY,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAA;IAElG,IAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,IAAI,cAAc,CAAA;IAEpF,OAAO,CACL,gCAAI,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,aACpC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,uBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,qCAA8B,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAE,YACzF,uBAAC,WAAW,KAAG,GACV,CACR,CAAC,CAAC,CAAC,CACF,gCAAK,SAAS,EAAE,qBAAc,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAE,YACtD,uBAAC,WAAW,KAAG,GACX,CACP,EAEA,YAAY,IAAI,uBAAC,OAAO,IAA8B,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,IAAvD,SAAS,GAAG,IAAI,CAAC,KAAK,CAAqC,IACvF,CACN,CAAA;AACH,CAAC;AAED,SAAS,OAAO,CAAC,EAA+C;QAA7C,IAAI,UAAA,EAAE,KAAK,WAAA;IAC5B,OAAO,CACL,uBAAC,CAAC,CAAC,OAAO,IAAC,SAAS,EAAC,SAAS,YAAS,KAAK,YACzC,IAAI,CAAC,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,CACrB,uBAAC,QAAQ,IAAsC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,IAA3D,cAAc,GAAG,OAAO,CAAC,KAAK,CAAiC,CAC/E,EAFsB,CAEtB,CAAC,GACQ,CACb,CAAA;AACH,CAAC;AAED,SAAgB,IAAI,CAAC,EAA8C;;QAA5C,aAAa,mBAAA;IAC1B,IAAA,IAAI,GAAK,IAAA,oBAAW,GAAE,KAAlB,CAAkB;IAE9B,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,MAAM,YAChB,uBAAC,CAAC,CAAC,IAAI,IAAC,SAAS,EAAC,MAAM,YACrB,aAAa;gBACZ,CAAC,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAChC,yCACE,uBAAC,QAAQ,IAAwC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAA1D,WAAW,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAA8B,GAC1E,CACN,EAJiC,CAIjC,CAAC;gBACJ,CAAC,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,GAAG,CAAC,UAAC,IAAI;;oBAAK,OAAA,CACzB,wBAAC,gBAAQ,eACP,gCAAK,SAAS,EAAC,OAAO,YACpB,+BAAI,SAAS,EAAC,2BAA2B,YAAE,IAAI,CAAC,KAAK,GAAM,GACvD,EAEN,yCACG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACjC,uBAAC,QAAQ,IAAwC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAA1D,WAAW,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAA8B,CAC9E,EAFkC,CAElC,CAAC,GACC,KATQ,eAAe,GAAG,IAAI,CAAC,KAAK,CAUhC,CACZ,CAAA;iBAAA,CAAC,GACC,GACH,CACT,CAAA;AACH,CAAC;AA5BD,oBA4BC"}

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

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