infinity-forge 0.3.2 → 0.3.3

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

@@ -0,0 +1,37 @@
+"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 semantic_ui_react_1 = require("semantic-ui-react");
+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() {
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Profile', children: (0, jsx_runtime_1.jsx)(S.Profile, { children: (0, jsx_runtime_1.jsx)(semantic_ui_react_1.Popup, { style: { padding: '0' }, trigger: (0, jsx_runtime_1.jsx)(system_1.Avatar, { image: '' }), on: 'click', content: (0, jsx_runtime_1.jsx)(content_1.Content, {}), position: 'bottom right' }) }) }));
+}
+exports.Profile = Profile;
+//# sourceMappingURL=index.js.map

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

@@ -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,uDAAyC;AAEzC,2BAA4B;AAC5B,mCAAiC;AACjC,qCAAmC;AAEnC,0CAA6B;AAE7B,SAAgB,OAAO;IACrB,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,SAAS,YACnB,uBAAC,CAAC,CAAC,OAAO,cACR,uBAAC,yBAAK,IACJ,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EACvB,OAAO,EAAE,uBAAC,eAAM,IAAC,KAAK,EAAE,EAAE,GAAK,EAC/B,EAAE,EAAC,OAAO,EACV,OAAO,EAAE,uBAAC,iBAAO,KAAG,EACpB,QAAQ,EAAC,cAAc,GACvB,GACQ,GACN,CACT,CAAA;AACH,CAAC;AAdD,0BAcC"}

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").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/system/presentation/components/layout/header/components/menu-right/profile/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 semantic_ui_react_1 = require("semantic-ui-react");
+var S = __importStar(require("./styles.js"));
+var ui_1 = require("../../../../../../../../ui/index.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, { children: (0, jsx_runtime_1.jsx)(semantic_ui_react_1.Sidebar, { as: semantic_ui_react_1.Menu, animation: 'overlay', icon: 'labeled', onHide: handleClose, vertical: true, direction: 'right', visible: visible, width: 'wide', onHidden: handleClose, style: fullHeightStyle, children: (0, jsx_runtime_1.jsxs)("div", { className: 'side-bar-header', children: [(0, jsx_runtime_1.jsx)("h6", { className: 'font-18-bold', children: "Configura\u00E7\u00F5es" }), (0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: handleClose })] }) }) }) }));
+}
+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,uDAA2D;AAE3D,0CAA6B;AAC7B,2BAA4B;AAE5B,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,cAKT,uBAAC,2BAAO,IACN,EAAE,EAAE,wBAAI,EACR,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,SAAS,EACd,MAAM,EAAE,WAAW,EACnB,QAAQ,QACR,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,MAAM,EACZ,QAAQ,EAAE,WAAW,EACrB,KAAK,EAAE,eAAe,YAEtB,iCAAK,SAAS,EAAC,iBAAiB,aAC9B,+BAAI,SAAS,EAAC,cAAc,wCAAmB,EAE/C,mCAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,WAAW,GAEjC,IACL,GAcE,GACC,GACP,CACT,CAAA;AACH,CAAC;AArDD,4BAqDC"}

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").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/system/presentation/components/layout/header/components/menu-right/settings/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,2 @@
+/// <reference types="react" />
+export declare const MenuRight: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/system/presentation/components/layout/header/components/menu-right/styles.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.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: 1.5rem;\n"], ["\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\n"])));
+var templateObject_1;
+//# 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,wJAAA,qFAKlC,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,39 @@
+"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 semantic_ui_react_1 = require("semantic-ui-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)(semantic_ui_react_1.Modal, { open: open, onClose: function () { return setOpen(false); }, style: { maxWidth: 512, borderRadius: 10 }, trigger: (0, jsx_runtime_1.jsx)(trigger_1.SearchTrigger, {}), content: (0, jsx_runtime_1.jsx)(search_list_1.SearchList, { setOpen: setOpen }), onOpen: function () { return setOpen(true); } }) }) }));
+}
+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,uDAAyC;AAEzC,2BAA4B;AAC5B,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,yBAAK,IACJ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,EAC7B,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,EAC1C,OAAO,EAAE,uBAAC,uBAAa,KAAG,EAC1B,OAAO,EAAE,uBAAC,wBAAU,IAAC,OAAO,EAAE,OAAO,GAAI,EACzC,MAAM,EAAE,cAAM,OAAA,OAAO,CAAC,IAAI,CAAC,EAAb,CAAa,GAC3B,GACY,GACV,CACT,CAAA;AACH,CAAC;AAjBD,kCAiBC"}

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,61 @@
+"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 semantic_ui_react_1 = require("semantic-ui-react");
+var ui_1 = require("../../../../../../../../ui/index.js");
+var system_1 = require("../../../../../../../../system/index.js");
+var S = __importStar(require("./styles.js"));
+function SearchList(_a) {
+    var setOpen = _a.setOpen;
+    var inputRef = (0, react_1.useRef)(null);
+    var _b = (0, react_1.useState)(''), searchText = _b[0], setSearchText = _b[1];
+    var menuItemsFiltered = system_1.pageLinks;
+    if (searchText.length > 0) {
+        menuItemsFiltered = system_1.pageLinks.filter(function (item) {
+            var label = item.name;
+            return label.match(searchText.toLowerCase()) || (label.toLowerCase().match(searchText.toLowerCase()) && label);
+        });
+    }
+    (0, react_1.useEffect)(function () {
+        if (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) {
+            inputRef.current.focus();
+        }
+        return function () {
+            inputRef.current = null;
+        };
+    }, []);
+    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)(semantic_ui_react_1.Input, { onChange: function (e) { return setSearchText(function () { return e.target.value; }); }, size: 'massive', icon: 'search', ref: inputRef, iconPosition: 'left', placeholder: 'Buscar p\u00E1ginas...' }), (0, jsx_runtime_1.jsx)("button", { className: 'close', type: 'button', onClick: function () { return setOpen(false); } })] }), (0, jsx_runtime_1.jsxs)("div", { className: 'list', children: [(0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: menuItemsFiltered.length === 0 ? ((0, jsx_runtime_1.jsxs)("div", { className: 'not-found', children: [(0, jsx_runtime_1.jsx)("div", { className: 'icon' }), (0, jsx_runtime_1.jsx)("p", { className: 'font-20-regular', children: "Nenhum resultado encontrado" })] })) : null }), menuItemsFiltered.map(function (item, index) {
+                            return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: (item === null || item === void 0 ? void 0 : item.href) ? ((0, jsx_runtime_1.jsxs)(link_1.default, { href: item === null || item === void 0 ? void 0 : item.href, className: 'item', children: [(0, jsx_runtime_1.jsx)("span", { className: 'icon' }), (0, jsx_runtime_1.jsxs)("span", { className: 'text-box font-14-regular', children: [(0, jsx_runtime_1.jsx)("span", { className: 'name', children: item.name }), (0, jsx_runtime_1.jsx)("span", { className: 'href', children: item === null || item === void 0 ? void 0 : item.href })] })] })) : ((0, jsx_runtime_1.jsx)("h6", { className: "font-12-bold uppercase ".concat(index !== 0 && 'last'), children: item.name })) }, item.name + '-' + 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").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/system/presentation/components/layout/header/components/search-modal/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    width: 100%;\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      .icon {\n        color: #484848;\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\n    .close {\n      padding: 0;\n      background: none;\n      border: 0;\n      display: flex;\n      width: 20px;\n      height: 20px;\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        width: 240px;\n        height: 240px;\n        margin: 0 auto;\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    width: 100%;\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      .icon {\n        color: #484848;\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\n    .close {\n      padding: 0;\n      background: none;\n      border: 0;\n      display: flex;\n      width: 20px;\n      height: 20px;\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        width: 240px;\n        height: 240px;\n        margin: 0 auto;\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,0lHAAA,uhHAyJnC,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").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/system/presentation/components/layout/header/components/search-modal/styles.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)("span", { className: 'placeholder font-14-regular', children: "Search your page..." }), (0, jsx_runtime_1.jsx)("span", { className: 'search-command ', children: (0, jsx_runtime_1.jsx)("span", { className: 'font-12-semidbold uppercase', children: "K" }) })] })) }));
+}
+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,2BAA4B;AAC5B,0CAA6B;AAE7B,SAAgB,aAAa,CAAC,KAAK;IACjC,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,eAAe,YACzB,wBAAC,CAAC,CAAC,aAAa,2BAAY,QAAQ,IAAK,KAAK,eAG5C,iCAAM,SAAS,EAAC,6BAA6B,oCAA2B,EAExE,iCAAM,SAAS,EAAC,iBAAiB,YAG/B,iCAAM,SAAS,EAAC,6BAA6B,kBAAS,GACjD,KACS,GACZ,CACT,CAAA;AACH,CAAC;AAhBD,sCAgBC"}

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

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

package/dist/system/presentation/components/layout/header/components/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 = styled_components_1.default.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  outline: none;\n  transition: transform 0.2s, border-color 0.2s;\n  width: 100%;\n  background: rgba(255, 255, 255, 1);\n  backdrop-filter: blur(12px);\n  cursor: pointer;\n  max-width: fit-content;\n  padding: 0;\n  height: fit-content;\n  border: 0;\n\n  svg {\n    margin-right: 0.5rem;\n    height: 18px;\n    width: 18px;\n  }\n\n  .placeholder {\n    display: none;\n    color: #484848;\n\n    .group:hover & {\n      color: rgba(17, 24, 39, 1);\n    }\n\n    @media (min-width: 1280px) {\n      display: inline-flex;\n    }\n  }\n\n  .search-command {\n    margin-left: auto;\n    align-items: center;\n    color: rgba(156, 163, 175, 1);\n    background-color: #3872fa;\n    display: none;\n\n    border-radius: 5px;\n\n    padding: 4px 6px;\n    font-weight: 600;\n    color: #fff;\n\n    > svg {\n      height: 15px;\n      width: 15px;\n      margin: 0;\n      margin-right: 2px;\n    }\n  }\n\n  @media only screen and (min-width: 1024px) {\n    width: 100%;\n    max-width: 384px;\n    border-radius: 6px;\n    border: 1px solid rgba(156, 163, 175, 0.2);\n    height: 40px;\n    padding: 0.5rem 0.5rem 0.5rem 0.875rem !important;\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n\n    &:active {\n      transform: translateY(1px);\n    }\n\n    &:hover {\n      border-color: #000000;\n      outline-style: double;\n      outline-width: 0.5px;\n      outline-color: #000000;\n    }\n\n    &:focus-visible {\n      border-color: #000000;\n      outline-style: double;\n      outline-width: 0.5px;\n      outline-color: #000000;\n    }\n\n    .placeholder {\n      display: block;\n    }\n  }\n\n  @media only screen and (min-width: 768px) {\n    .search-command {\n      display: flex;\n    }\n  }\n"], ["\n  display: inline-flex;\n  align-items: center;\n  outline: none;\n  transition: transform 0.2s, border-color 0.2s;\n  width: 100%;\n  background: rgba(255, 255, 255, 1);\n  backdrop-filter: blur(12px);\n  cursor: pointer;\n  max-width: fit-content;\n  padding: 0;\n  height: fit-content;\n  border: 0;\n\n  svg {\n    margin-right: 0.5rem;\n    height: 18px;\n    width: 18px;\n  }\n\n  .placeholder {\n    display: none;\n    color: #484848;\n\n    .group:hover & {\n      color: rgba(17, 24, 39, 1);\n    }\n\n    @media (min-width: 1280px) {\n      display: inline-flex;\n    }\n  }\n\n  .search-command {\n    margin-left: auto;\n    align-items: center;\n    color: rgba(156, 163, 175, 1);\n    background-color: #3872fa;\n    display: none;\n\n    border-radius: 5px;\n\n    padding: 4px 6px;\n    font-weight: 600;\n    color: #fff;\n\n    > svg {\n      height: 15px;\n      width: 15px;\n      margin: 0;\n      margin-right: 2px;\n    }\n  }\n\n  @media only screen and (min-width: 1024px) {\n    width: 100%;\n    max-width: 384px;\n    border-radius: 6px;\n    border: 1px solid rgba(156, 163, 175, 0.2);\n    height: 40px;\n    padding: 0.5rem 0.5rem 0.5rem 0.875rem !important;\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n\n    &:active {\n      transform: translateY(1px);\n    }\n\n    &:hover {\n      border-color: #000000;\n      outline-style: double;\n      outline-width: 0.5px;\n      outline-color: #000000;\n    }\n\n    &:focus-visible {\n      border-color: #000000;\n      outline-style: double;\n      outline-width: 0.5px;\n      outline-color: #000000;\n    }\n\n    .placeholder {\n      display: block;\n    }\n  }\n\n  @media only screen and (min-width: 768px) {\n    .search-command {\n      display: flex;\n    }\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,2BAAM,CAAC,MAAM,0yDAAA,uuDA2FzC,KAAA"}

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

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

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

@@ -0,0 +1,15 @@
+"use strict";
+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() {
+    var type = 'version01';
+    switch (type) {
+        case 'version01':
+            return (0, jsx_runtime_1.jsx)(version_01_1.HeaderVersion01, {});
+        default: (0, jsx_runtime_1.jsx)(version_01_1.HeaderVersion01, {});
+    }
+}
+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":";;;;AAAA,2CAA8C;AAE9C,SAAgB,MAAM;IACpB,IAAM,IAAI,GAAG,WAAW,CAAA;IAExB,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,WAAW;YACd,OAAO,uBAAC,4BAAe,KAAG,CAAA;QAE5B,OAAO,CAAC,CAAC,uBAAC,4BAAe,KAAG,CAAA;IAC9B,CAAC;AACH,CAAC;AATD,wBASC"}

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

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

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

@@ -0,0 +1,36 @@
+"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.HeaderVersion01 = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ui_1 = require("../../../../../../ui/index.js");
+var components_1 = require("../components/index.js");
+var S = __importStar(require("./styles.js"));
+function HeaderVersion01() {
+    var isFixed = (0, ui_1.useScreen)().isFixed;
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'HeaderCarbon', children: (0, jsx_runtime_1.jsxs)(S.HeaderVersion01, { isSticky: isFixed, children: [(0, jsx_runtime_1.jsx)(components_1.SearchModal, {}), (0, jsx_runtime_1.jsx)(components_1.MenuRight, {})] }) }));
+}
+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,2BAAuC;AAEvC,4CAAsD;AAEtD,0CAA6B;AAE7B,SAAgB,eAAe;IACrB,IAAA,OAAO,GAAK,IAAA,cAAS,GAAE,QAAhB,CAAgB;IAE/B,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,cAAc,YACxB,wBAAC,CAAC,CAAC,eAAe,IAAC,QAAQ,EAAE,OAAO,aAClC,uBAAC,wBAAW,KAAG,EAEf,uBAAC,sBAAS,KAAG,IACK,GACd,CACT,CAAA;AACH,CAAC;AAZD,0CAYC"}

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

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

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

@@ -0,0 +1,37 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (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.HeaderVersion01 = void 0;
+var styled_components_1 = __importStar(require("styled-components"));
+exports.HeaderVersion01 = styled_components_1.default.header(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  position: sticky;\n  top: 0;\n  z-index: 990;\n  display: flex;\n  align-items: center;\n  background: transparent;\n  padding: 1.6rem 0;\n  backdrop-filter: blur(20px);\n  transition: box-shadow 0.2s ease-in-out;\n  justify-content: space-between;\n\n  ", "\n"], ["\n  width: 100%;\n  position: sticky;\n  top: 0;\n  z-index: 990;\n  display: flex;\n  align-items: center;\n  background: transparent;\n  padding: 1.6rem 0;\n  backdrop-filter: blur(20px);\n  transition: box-shadow 0.2s ease-in-out;\n  justify-content: space-between;\n\n  ", "\n"])), function (_a) {
+    var isSticky = _a.isSticky;
+    return isSticky && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n      background: rgba(249, 250, 251, 0.8);\n    "], ["\n      box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n      background: rgba(249, 250, 251, 0.8);\n    "])));
+});
+var templateObject_1, templateObject_2;
+//# 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,qEAA+C;AAMlC,QAAA,eAAe,GAAG,2BAAM,CAAC,MAAM,6VAAoB,oRAa5D,EAKC,IACJ,KANG,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ,QACR,uBAAG,qNAAA,iJAGF,IAAA;AAJD,CAIC,EACJ"}

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/menu/components/index.d.ts

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