infinity-forge 0.51.9 → 0.52.0

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Messages: 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/menu-right/messages/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.Messages = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.Messages = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 40px;\n  height: 40px;\n\n  .circle {\n    width: 10px;\n    height: 10px;\n    border-radius: 100rem;\n    background: #11a849;\n    position: absolute;\n    top: 15%;\n    right: 20%;\n    border: 2px solid #fff;\n  }\n"], ["\n  width: 40px;\n  height: 40px;\n\n  .circle {\n    width: 10px;\n    height: 10px;\n    border-radius: 100rem;\n    background: #11a849;\n    position: absolute;\n    top: 15%;\n    right: 20%;\n    border: 2px solid #fff;\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

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

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

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

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

@@ -0,0 +1,50 @@
+"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.Content = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ui_1 = require("../../../../../../../../../ui/index.js");
+var system_1 = require("../../../../../../../../../system/index.js");
+var S = __importStar(require("./styles.js"));
+function Content() {
+    var _a = (0, system_1.useAuthAdmin)(), user = _a.user, signOut = _a.signOut;
+    var menuItems = [
+        {
+            name: 'Meu Perfil',
+            href: system_1.routes.user.profile,
+        },
+        {
+            name: 'Configurações',
+            href: system_1.routes.user.settings,
+        },
+        {
+            name: 'Log de Atividade',
+            href: system_1.routes.user.activityLog,
+        },
+    ];
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Content', children: (0, jsx_runtime_1.jsxs)(S.Content, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'user-profile', children: (0, jsx_runtime_1.jsxs)("div", { className: 'user-info', children: [(0, jsx_runtime_1.jsx)("h6", { className: 'font-16-semibold', children: user.firstName }), (0, jsx_runtime_1.jsx)("p", { className: 'font-14-regular email', children: user.emailAddress })] }) }), (0, jsx_runtime_1.jsx)("div", { className: 'divider', children: (0, jsx_runtime_1.jsx)("button", { className: 'sign-out-button font-14-regular', type: 'button', onClick: signOut, children: "Sair" }) })] }) }));
+}
+exports.Content = Content;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../../src/system/presentation/components/layout/header/components/menu-right/profile/content/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,2BAA4B;AAC5B,mCAA+C;AAE/C,0CAA6B;AAE7B,SAAgB,OAAO;IACf,IAAA,KAAoB,IAAA,qBAAY,GAAE,EAAhC,IAAI,UAAA,EAAE,OAAO,aAAmB,CAAA;IAExC,IAAM,SAAS,GAAG;QAChB;YACE,IAAI,EAAE,YAAY;YAClB,IAAI,EAAE,eAAM,CAAC,IAAI,CAAC,OAAO;SAC1B;QACD;YACE,IAAI,EAAE,eAAe;YACrB,IAAI,EAAE,eAAM,CAAC,IAAI,CAAC,QAAQ;SAC3B;QACD;YACE,IAAI,EAAE,kBAAkB;YACxB,IAAI,EAAE,eAAM,CAAC,IAAI,CAAC,WAAW;SAC9B;KACF,CAAA;IAED,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,SAAS,YACnB,wBAAC,CAAC,CAAC,OAAO,eACR,gCAAK,SAAS,EAAC,cAAc,YAG3B,iCAAK,SAAS,EAAC,WAAW,aACxB,+BAAI,SAAS,EAAC,kBAAkB,YAAE,IAAI,CAAC,SAAS,GAAM,EAEtD,8BAAG,SAAS,EAAC,uBAAuB,YAAE,IAAI,CAAC,YAAY,GAAK,IACxD,GACF,EAUN,gCAAK,SAAS,EAAC,SAAS,YACtB,mCAAQ,SAAS,EAAC,iCAAiC,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,qBAEzE,GACL,IACI,GACN,CACT,CAAA;AACH,CAAC;AA/CD,0BA+CC"}

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Content: 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/menu-right/profile/content/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.Content = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.Content = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  min-width: 22rem;\n  text-align: left;\n  direction: ltr;\n\n  .rtl & {\n    direction: rtl;\n    text-align: right;\n  }\n\n  .user-profile {\n    display: flex;\n    align-items: center;\n    border-bottom: 1px solid #d1d5db;\n    padding: 1.5rem 1.5rem 1.25rem;\n    gap: 1rem;\n  }\n\n  .user-info {\n    h6 {\n      font-weight: 600;\n      margin: 0 0 2px 0;\n      color: #000;\n    }\n\n    p {\n      color: #4b5563;\n    }\n\n    .email {\n      max-width: 260px;\n      overflow-x: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  .menu {\n    display: grid;\n    padding: 0.875rem;\n    font-weight: 500;\n    color: #374151;\n\n    a {\n      color: #333333;\n    }\n  }\n\n  .menu-item {\n    margin: 0.125rem 0;\n    display: flex;\n    align-items: center;\n    border-radius: 0.375rem;\n    padding: 1rem;\n    text-decoration: none;\n    color: inherit;\n\n    &:hover,\n    &:focus {\n      background-color: #f3f4f6;\n    }\n  }\n\n  .sign-out-button {\n    width: 100%;\n    justify-content: start;\n    padding: 0;\n    font-weight: 500;\n    color: #374151;\n    background: none;\n    border: none;\n    text-align: left;\n\n    &:hover,\n    &:focus-within {\n      color: #1f2937;\n    }\n  }\n\n  .divider {\n    border-top: 1px solid #d1d5db;\n    transition: background 0.1s ease-in-out;\n\n    &:hover,\n    &:focus {\n      background: #e72e3f;\n\n      button {\n        color: #fff;\n      }\n    }\n\n    button {\n      cursor: pointer;\n      padding: 1.25rem 1.5rem;\n    }\n  }\n"], ["\n  width: 100%;\n  min-width: 22rem;\n  text-align: left;\n  direction: ltr;\n\n  .rtl & {\n    direction: rtl;\n    text-align: right;\n  }\n\n  .user-profile {\n    display: flex;\n    align-items: center;\n    border-bottom: 1px solid #d1d5db;\n    padding: 1.5rem 1.5rem 1.25rem;\n    gap: 1rem;\n  }\n\n  .user-info {\n    h6 {\n      font-weight: 600;\n      margin: 0 0 2px 0;\n      color: #000;\n    }\n\n    p {\n      color: #4b5563;\n    }\n\n    .email {\n      max-width: 260px;\n      overflow-x: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  .menu {\n    display: grid;\n    padding: 0.875rem;\n    font-weight: 500;\n    color: #374151;\n\n    a {\n      color: #333333;\n    }\n  }\n\n  .menu-item {\n    margin: 0.125rem 0;\n    display: flex;\n    align-items: center;\n    border-radius: 0.375rem;\n    padding: 1rem;\n    text-decoration: none;\n    color: inherit;\n\n    &:hover,\n    &:focus {\n      background-color: #f3f4f6;\n    }\n  }\n\n  .sign-out-button {\n    width: 100%;\n    justify-content: start;\n    padding: 0;\n    font-weight: 500;\n    color: #374151;\n    background: none;\n    border: none;\n    text-align: left;\n\n    &:hover,\n    &:focus-within {\n      color: #1f2937;\n    }\n  }\n\n  .divider {\n    border-top: 1px solid #d1d5db;\n    transition: background 0.1s ease-in-out;\n\n    &:hover,\n    &:focus {\n      background: #e72e3f;\n\n      button {\n        color: #fff;\n      }\n    }\n\n    button {\n      cursor: pointer;\n      padding: 1.25rem 1.5rem;\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../../../src/system/presentation/components/layout/header/components/menu-right/profile/content/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,8kDAAA,2gDAiGhC,KAAA"}

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

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

package/dist/system/presentation/components/layout/header/components/menu-right/profile/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.Profile = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+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, { id: 'profile-btn', children: (0, jsx_runtime_1.jsx)(ui_1.Tooltip, { bgColor: '#fff', trigger: (0, jsx_runtime_1.jsx)(system_1.Avatar, { image: avatarImage }), enableArrow: true, content: (0, jsx_runtime_1.jsx)(content_1.Content, {}) }) }) }));
+}
+exports.Profile = Profile;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Profile: 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/menu-right/profile/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.Profile = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.Profile = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

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

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

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

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

@@ -0,0 +1,42 @@
+"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.Settings = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+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' };
+    function handleClose() {
+        setVisible(false);
+        return;
+    }
+    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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/components/layout/header/components/menu-right/settings/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAEhC,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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Settings: 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/menu-right/settings/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.Settings = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.Settings = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  @keyframes spin {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  > button {\n    svg {\n      animation: spin 3.5s linear infinite;\n      width: 100%;\n      height: auto;\n    }\n  }\n\n  .side-bar-header {\n    display: flex;\n    align-items: center;\n    border-bottom: 1px solid #d1d5db;\n    padding: 2rem 1.5rem;\n    justify-content: space-between;\n\n    h6 {\n      margin: 0;\n    }\n\n    button {\n      padding: 0;\n      border: 0;\n      background: none;\n      cursor: pointer;\n      width: 30px;\n      height: 30px;\n    }\n  }\n"], ["\n  @keyframes spin {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  > button {\n    svg {\n      animation: spin 3.5s linear infinite;\n      width: 100%;\n      height: auto;\n    }\n  }\n\n  .side-bar-header {\n    display: flex;\n    align-items: center;\n    border-bottom: 1px solid #d1d5db;\n    padding: 2rem 1.5rem;\n    justify-content: space-between;\n\n    h6 {\n      margin: 0;\n    }\n\n    button {\n      padding: 0;\n      border: 0;\n      background: none;\n      cursor: pointer;\n      width: 30px;\n      height: 30px;\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

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

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

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

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.jsxs)(S.SearchModal, { children: [(0, jsx_runtime_1.jsx)(ui_1.Modal, { open: open, onClose: function () { return setOpen(false); }, styles: { width: '100vw', maxWidth: '512px', borderRadius: 10 }, children: (0, jsx_runtime_1.jsx)(search_list_1.SearchList, { setOpen: setOpen }) }), (0, jsx_runtime_1.jsx)(trigger_1.SearchTrigger, { onClick: function () { return setOpen(true); } })] }) }));
+}
+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,wBAAC,CAAC,CAAC,WAAW,eACZ,uBAAC,UAAK,IACJ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,EAC7B,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,YAE/D,uBAAC,wBAAU,IAAC,OAAO,EAAE,OAAO,GAAI,GAC1B,EAER,uBAAC,uBAAa,IAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,IAAI,CAAC,EAAb,CAAa,GAAI,IACjC,GACV,CACT,CAAA;AACH,CAAC;AAlBD,kCAkBC"}

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

@@ -0,0 +1,3 @@
+export declare function SearchList({ setOpen }: {
+    setOpen: any;
+}): 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 system_1 = require("../../../../../../../../system/index.js");
+var ui_1 = require("../../../../../../../../ui/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, logo }: ILayout): import("react/jsx-runtime").JSX.Element;