infinity-forge 0.46.5 → 0.46.7

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

@@ -0,0 +1,3 @@
+export interface ISidebarProps {
+    expandedMenu?: boolean;
+}

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

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

package/dist/system/presentation/components/layout/sidebar-menu/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.SubMenu = exports.Menu = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.Menu = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  position: relative;\n  padding-right: clamp(5px, 0.78vw, 15px);\n  width: 285px;\n  padding: 0 0 15px 0;\n  border-right: 1px solid #e1e1e1;\n  display: flex;\n  flex-direction: column;\n  left: 0;\n  top: 0;\n  min-height: 100vh;\n  z-index: 999;\n  background: #fff;\n  padding-top: 25px;\n\n  &::-webkit-scrollbar {\n    width: 5px;\n    border-radius: 10px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: #ccc;\n    border-radius: 10px;\n  }\n\n  a {\n    text-decoration: none;\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin-top: 0;\n    margin-bottom: clamp(10px, 0.75vw, 15px);\n\n    li + li {\n      margin-top: 4px;\n    }\n\n    ul {\n      display: none;\n      padding: 4px;\n\n      * {\n        color: ", " !important;\n      }\n\n      li {\n        padding: 0;\n\n        &.active {\n          background: none;\n        }\n\n        ul {\n          display: none;\n        }\n\n        .item-title {\n          &:hover,\n          &.active {\n            background: #e1e1e1 !important;\n          }\n        }\n      }\n    }\n\n    li {\n      position: relative !important;\n      z-index: 9999;\n      width: 100%;\n\n      ul {\n        display: none;\n      }\n\n      &.active {\n        background: ", ";\n        border-radius: 5px;\n\n        a,\n        span {\n          color: #fff;\n        }\n\n        svg {\n          fill: #fff !important;\n        }\n      }\n\n      &:hover {\n        > ul {\n          display: block;\n        }\n      }\n    }\n  }\n\n  .title {\n    color: #828282;\n    margin-bottom: clamp(3px, 0.5vw, 10px);\n    padding-left: clamp(5px, 0.78vw, 15px);\n\n    .dark & {\n      color: #4b5563;\n    }\n  }\n\n  .item-title {\n    border-radius: 5px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    transition: transform 0.1s ease-in-out;\n    font-weight: 400;\n    padding: 0 clamp(5px, 0.78vw, 15px);\n    height: clamp(34px, 2.08vw, 40px);\n    display: flex;\n    position: relative;\n    z-index: 2222;\n\n    > span {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      color: ", ";\n\n      .icon {\n        width: 20px;\n        height: 20px;\n        display: flex;\n        transition: 0.1s linear;\n        margin-left: 0;\n\n        > svg {\n          width: 100%;\n          height: auto;\n          fill: #828282;\n        }\n      }\n    }\n\n    &:hover {\n      background-color: ", ";\n\n      > span {\n        color: #fff;\n        margin-right: 0;\n        transition: 0.3s linear;\n\n        .icon {\n          margin-left: 10px;\n\n          > svg {\n            fill: #fff !important;\n          }\n        }\n      }\n    }\n  }\n\n  .arrow {\n    width: 7px;\n    margin: 0 0 0 auto;\n    display: flex;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n\n  &#menu_expanded {\n    width: 65px !important;\n    padding-top: 41px;\n    transition: 0.3s;\n    position: absolute;\n\n    .expand {\n      position: absolute;\n      top: 10px;\n      right: -12px;\n      width: 24px;\n      height: 24px;\n      border-radius: 100%;\n      background-color: ", ";\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      svg {\n        width: 5px;\n        fill: #fff;\n        height: auto;\n      }\n    }\n\n    > ul {\n      > li {\n        > .item-title {\n          .content-title {\n            display: none;\n          }\n\n          .arrow {\n            display: none;\n          }\n        }\n      }\n    }\n\n    ul {\n      .submenu {\n        min-width: 195px;\n      }\n    }\n\n    .item-title {\n      padding-left: 22px;\n      \n      &:hover {\n        > span {\n          .icon {\n            margin-left: 0;\n\n            > svg {\n              fill: #fff !important;\n            }\n          }\n        }\n      }\n    }\n\n    &.expanded {\n      width: 240px !important;\n      transition: 0.3s;\n\n      .expand {\n        svg {\n          transform: rotate(180deg);\n        }\n      }\n\n      > ul {\n        > li {\n          > .item-title {\n            .content-title {\n              display: block;\n            }\n\n            .arrow {\n              display: block;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    .icon {\n      width: 14px !important;\n      height: 14px !important;\n    }\n\n    span {\n      font-size: 13.5px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    .icon {\n      width: 17px !important;\n      height: 17px !important;\n    }\n\n    span {\n      font-size: 13px;\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    .icon {\n      width: 16px !important;\n      height: 16px !important;\n    }\n\n    span {\n      font-size: 12px;\n    }\n  }\n"], ["\n  width: 100%;\n  position: relative;\n  padding-right: clamp(5px, 0.78vw, 15px);\n  width: 285px;\n  padding: 0 0 15px 0;\n  border-right: 1px solid #e1e1e1;\n  display: flex;\n  flex-direction: column;\n  left: 0;\n  top: 0;\n  min-height: 100vh;\n  z-index: 999;\n  background: #fff;\n  padding-top: 25px;\n\n  &::-webkit-scrollbar {\n    width: 5px;\n    border-radius: 10px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: #ccc;\n    border-radius: 10px;\n  }\n\n  a {\n    text-decoration: none;\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin-top: 0;\n    margin-bottom: clamp(10px, 0.75vw, 15px);\n\n    li + li {\n      margin-top: 4px;\n    }\n\n    ul {\n      display: none;\n      padding: 4px;\n\n      * {\n        color: ", " !important;\n      }\n\n      li {\n        padding: 0;\n\n        &.active {\n          background: none;\n        }\n\n        ul {\n          display: none;\n        }\n\n        .item-title {\n          &:hover,\n          &.active {\n            background: #e1e1e1 !important;\n          }\n        }\n      }\n    }\n\n    li {\n      position: relative !important;\n      z-index: 9999;\n      width: 100%;\n\n      ul {\n        display: none;\n      }\n\n      &.active {\n        background: ", ";\n        border-radius: 5px;\n\n        a,\n        span {\n          color: #fff;\n        }\n\n        svg {\n          fill: #fff !important;\n        }\n      }\n\n      &:hover {\n        > ul {\n          display: block;\n        }\n      }\n    }\n  }\n\n  .title {\n    color: #828282;\n    margin-bottom: clamp(3px, 0.5vw, 10px);\n    padding-left: clamp(5px, 0.78vw, 15px);\n\n    .dark & {\n      color: #4b5563;\n    }\n  }\n\n  .item-title {\n    border-radius: 5px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    transition: transform 0.1s ease-in-out;\n    font-weight: 400;\n    padding: 0 clamp(5px, 0.78vw, 15px);\n    height: clamp(34px, 2.08vw, 40px);\n    display: flex;\n    position: relative;\n    z-index: 2222;\n\n    > span {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      color: ", ";\n\n      .icon {\n        width: 20px;\n        height: 20px;\n        display: flex;\n        transition: 0.1s linear;\n        margin-left: 0;\n\n        > svg {\n          width: 100%;\n          height: auto;\n          fill: #828282;\n        }\n      }\n    }\n\n    &:hover {\n      background-color: ", ";\n\n      > span {\n        color: #fff;\n        margin-right: 0;\n        transition: 0.3s linear;\n\n        .icon {\n          margin-left: 10px;\n\n          > svg {\n            fill: #fff !important;\n          }\n        }\n      }\n    }\n  }\n\n  .arrow {\n    width: 7px;\n    margin: 0 0 0 auto;\n    display: flex;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n\n  &#menu_expanded {\n    width: 65px !important;\n    padding-top: 41px;\n    transition: 0.3s;\n    position: absolute;\n\n    .expand {\n      position: absolute;\n      top: 10px;\n      right: -12px;\n      width: 24px;\n      height: 24px;\n      border-radius: 100%;\n      background-color: ", ";\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      svg {\n        width: 5px;\n        fill: #fff;\n        height: auto;\n      }\n    }\n\n    > ul {\n      > li {\n        > .item-title {\n          .content-title {\n            display: none;\n          }\n\n          .arrow {\n            display: none;\n          }\n        }\n      }\n    }\n\n    ul {\n      .submenu {\n        min-width: 195px;\n      }\n    }\n\n    .item-title {\n      padding-left: 22px;\n      \n      &:hover {\n        > span {\n          .icon {\n            margin-left: 0;\n\n            > svg {\n              fill: #fff !important;\n            }\n          }\n        }\n      }\n    }\n\n    &.expanded {\n      width: 240px !important;\n      transition: 0.3s;\n\n      .expand {\n        svg {\n          transform: rotate(180deg);\n        }\n      }\n\n      > ul {\n        > li {\n          > .item-title {\n            .content-title {\n              display: block;\n            }\n\n            .arrow {\n              display: block;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    .icon {\n      width: 14px !important;\n      height: 14px !important;\n    }\n\n    span {\n      font-size: 13.5px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    .icon {\n      width: 17px !important;\n      height: 17px !important;\n    }\n\n    span {\n      font-size: 13px;\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    .icon {\n      width: 16px !important;\n      height: 16px !important;\n    }\n\n    span {\n      font-size: 12px;\n    }\n  }\n"])), function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.primaryColor; });
+exports.SubMenu = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-radius: 5px;\n  padding: 12px 8px;\n  z-index: 24;\n  position: absolute;\n  top: ", ";\n  bottom: ", ";\n  left: 100%;\n  z-index: 9999;\n  background-color: #ffffff;\n  border: 1px solid #d1d5db;\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  transition: background-color 0.3s, border-color 0.3s;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n"], ["\n  border-radius: 5px;\n  padding: 12px 8px;\n  z-index: 24;\n  position: absolute;\n  top: ", ";\n  bottom: ", ";\n  left: 100%;\n  z-index: 9999;\n  background-color: #ffffff;\n  border: 1px solid #d1d5db;\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  transition: background-color 0.3s, border-color 0.3s;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n"])), function (props) { return (props.$index <= 6 ? 0 : undefined); }, function (props) { return (props.$index > 6 ? 0 : undefined); });
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/sidebar-menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,+4JAAA,qwBA6Cb,EAAgC,0fAiC3B,EAAgC,05BAkDvC,EAAgC,wTAkBrB,EAAgC,qtBA2ChC,EAAmC,4pDA0G5D,KA1PgB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAiC3B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAkDvC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAkBrB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EA2ChC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EA0G5D;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,EAAE,8fAAoB,+FAK3C,EAA8C,eAC3C,EAA6C,yUAWxD,KAZQ,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAnC,CAAmC,EAC3C,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAlC,CAAkC,EAWxD"}

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

@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.Layout = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  --spacing: clamp(15px, 1.56vw, 30px);\n  --sidebarMaxWidth: 90px;\n\n  header {\n    padding-left: var(--spacing);\n    padding-right: var(--spacing);\n  }\n\n  .content_layout {\n    width: 100%;\n    display: flex;\n    position: relative;\n\n    > div,\n    header,\n    main {\n      padding-left: var(--spacing);\n      padding-right: var(--spacing);\n    }\n\n    main {\n      width: 100%;\n      flex: 1;\n      margin: var(--spacing) 0;\n\n      &.hasMenu {\n        max-width: calc(100% - var(--sidebarMaxWidth));\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    --sidebarMaxWidth: 70px;\n\n    > #sidebar {\n      padding-left: 13px;\n\n      .icon {\n        min-width: 22px;\n        min-height: 22px;\n      }\n\n      .title {\n        h5 {\n          width: 30px;\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    --sidebarMaxWidth: 60px;\n\n    .ghost-sidebar {\n      width: var(--sidebarMaxWidth);\n    }\n  }\n  @media only screen and (max-width: 1280px) {\n    .content_layout {\n      .false-menu {\n        display: none;\n      }\n    }\n  }\n"], ["\n  width: 100%;\n  --spacing: clamp(15px, 1.56vw, 30px);\n  --sidebarMaxWidth: 90px;\n\n  header {\n    padding-left: var(--spacing);\n    padding-right: var(--spacing);\n  }\n\n  .content_layout {\n    width: 100%;\n    display: flex;\n    position: relative;\n\n    > div,\n    header,\n    main {\n      padding-left: var(--spacing);\n      padding-right: var(--spacing);\n    }\n\n    main {\n      width: 100%;\n      flex: 1;\n      margin: var(--spacing) 0;\n\n      &.hasMenu {\n        max-width: calc(100% - var(--sidebarMaxWidth));\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    --sidebarMaxWidth: 70px;\n\n    > #sidebar {\n      padding-left: 13px;\n\n      .icon {\n        min-width: 22px;\n        min-height: 22px;\n      }\n\n      .title {\n        h5 {\n          width: 30px;\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    --sidebarMaxWidth: 60px;\n\n    .ghost-sidebar {\n      width: var(--sidebarMaxWidth);\n    }\n  }\n  @media only screen and (max-width: 1280px) {\n    .content_layout {\n      .false-menu {\n        display: none;\n      }\n    }\n  }\n"])));
+exports.Layout = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  --spacing: clamp(15px, 1.56vw, 30px);\n\n  header {\n    padding-left: var(--spacing);\n    padding-right: var(--spacing);\n  }\n\n  .content_layout {\n    width: 100%;\n    display: flex;\n    position: relative;\n\n    header,\n    main {\n      padding-left: var(--spacing);\n      padding-right: var(--spacing);\n    }\n\n    main {\n      width: 100%;\n      flex: 1;\n      margin: var(--spacing) 0;\n    }\n  }\n"], ["\n  width: 100%;\n  --spacing: clamp(15px, 1.56vw, 30px);\n\n  header {\n    padding-left: var(--spacing);\n    padding-right: var(--spacing);\n  }\n\n  .content_layout {\n    width: 100%;\n    display: flex;\n    position: relative;\n\n    header,\n    main {\n      padding-left: var(--spacing);\n      padding-right: var(--spacing);\n    }\n\n    main {\n      width: 100%;\n      flex: 1;\n      margin: var(--spacing) 0;\n    }\n  }\n"])));
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,osCAAA,ioCAkElC,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,4fAAA,ybA0BlC,KAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "infinity-forge",
-  "version": "0.46.5",
+  "version": "0.46.7",
   "description": "codie Library",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

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

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

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

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

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

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

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

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

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

@@ -1,60 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Menu = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var link_1 = __importDefault(require("next/link"));
-var router_1 = require("next/router");
-var ui_1 = require("../../../../../../../ui/index.js");
-var system_1 = require("../../../../../../../system/index.js");
-var S = __importStar(require("./styles.js"));
-function MenuItem(_a) {
-    var _b;
-    var item = _a.item, index = _a.index;
-    var router = (0, router_1.useRouter)();
-    var path = router.asPath;
-    var hasMenuItems = (item === null || item === void 0 ? void 0 : item.items) && ((_b = item.items) === null || _b === void 0 ? void 0 : _b.length) > 0;
-    function ItemContent() {
-        var _a;
-        return ((0, jsx_runtime_1.jsxs)("span", { className: 'font-14-regular', children: [(item === null || item === void 0 ? void 0 : item.icon) && (0, jsx_runtime_1.jsx)("div", { className: 'icon', dangerouslySetInnerHTML: { __html: item.icon } }), (0, jsx_runtime_1.jsx)("span", { className: 'content-title', children: item === null || item === void 0 ? void 0 : item.title }), ((_a = item === null || item === void 0 ? void 0 : item.items) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((0, jsx_runtime_1.jsx)("div", { className: 'arrow', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconKeyboardRightArrow' }) }))] }));
-    }
-    var isFatherActive = hasMenuItems && item.route && path.includes(item.route.replaceAll('/', ''));
-    var isActive = path.substring(0, path.length - 1) === item.route || isFatherActive;
-    return ((0, jsx_runtime_1.jsxs)("li", { className: isActive ? 'active' : '', children: [item.route ? ((0, jsx_runtime_1.jsx)(link_1.default, { href: item.route, className: "item-title font-14-regular ".concat(isActive ? 'active' : ''), children: (0, jsx_runtime_1.jsx)(ItemContent, {}) })) : ((0, jsx_runtime_1.jsx)("div", { className: "item-title ".concat(isActive ? 'active' : ''), children: (0, jsx_runtime_1.jsx)(ItemContent, {}) })), hasMenuItems && (0, jsx_runtime_1.jsx)(SubMenu, { index: index, item: item === null || item === void 0 ? void 0 : item.items }, 'submenu' + item.title)] }));
-}
-function SubMenu(_a) {
-    var item = _a.item, index = _a.index;
-    return ((0, jsx_runtime_1.jsx)(S.SubMenu, { className: 'submenu', "$index": index, children: item.map(function (subitem) { return ((0, jsx_runtime_1.jsx)(MenuItem, { item: subitem, index: index }, 'submenu-item' + subitem.title)); }) }));
-}
-function Menu() {
-    var _a;
-    var data = (0, system_1.useLoadMenu)().data;
-    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Menu', children: (0, jsx_runtime_1.jsx)(S.Menu, { className: 'menu', children: (_a = data === null || data === void 0 ? void 0 : data.items) === null || _a === void 0 ? void 0 : _a.map(function (item, index) { return ((0, jsx_runtime_1.jsx)("ul", { children: (0, jsx_runtime_1.jsx)(MenuItem, { item: item, index: index }, 'menu-item' + index + item.title) })); }) }) }));
-}
-exports.Menu = Menu;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/menu/components/menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,mDAA4B;AAC5B,sCAAuC;AAEvC,2BAAkC;AAClC,mCAAsC;AAEtC,0CAA6B;AAE7B,SAAS,QAAQ,CAAC,EAA6C;;QAA3C,IAAI,UAAA,EAAE,KAAK,WAAA;IAC7B,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAC1B,IAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAA;IAE1B,IAAM,YAAY,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,KAAI,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,IAAG,CAAC,CAAA;IAE1D,SAAS,WAAW;;QAClB,OAAO,CACL,kCAAM,SAAS,EAAC,iBAAiB,aAC9B,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,gCAAK,SAAS,EAAC,MAAM,EAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,GAAI,EAEvF,iCAAM,SAAS,EAAC,eAAe,YAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,GAAQ,EAEnD,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,MAAM,IAAG,CAAC,IAAI,CAC1B,gCAAK,SAAS,EAAC,OAAO,YACpB,uBAAC,SAAI,IAAC,IAAI,EAAC,wBAAwB,GAAG,GAClC,CACP,IACI,CACR,CAAA;IACH,CAAC;IAED,IAAM,cAAc,GAAG,YAAY,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAA;IAElG,IAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,IAAI,cAAc,CAAA;IAEpF,OAAO,CACL,gCAAI,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,aACpC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,uBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,qCAA8B,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAE,YACzF,uBAAC,WAAW,KAAG,GACV,CACR,CAAC,CAAC,CAAC,CACF,gCAAK,SAAS,EAAE,qBAAc,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAE,YACtD,uBAAC,WAAW,KAAG,GACX,CACP,EAEA,YAAY,IAAI,uBAAC,OAAO,IAA8B,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,IAAvD,SAAS,GAAG,IAAI,CAAC,KAAK,CAAqC,IACvF,CACN,CAAA;AACH,CAAC;AAED,SAAS,OAAO,CAAC,EAA+C;QAA7C,IAAI,UAAA,EAAE,KAAK,WAAA;IAC5B,OAAO,CACL,uBAAC,CAAC,CAAC,OAAO,IAAC,SAAS,EAAC,SAAS,YAAS,KAAK,YACzC,IAAI,CAAC,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,CACrB,uBAAC,QAAQ,IAAsC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,IAA3D,cAAc,GAAG,OAAO,CAAC,KAAK,CAAiC,CAC/E,EAFsB,CAEtB,CAAC,GACQ,CACb,CAAA;AACH,CAAC;AAED,SAAgB,IAAI;;IACT,IAAA,IAAI,GAAK,IAAA,oBAAW,GAAE,KAAlB,CAAkB;IAE/B,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,MAAM,YAChB,uBAAC,CAAC,CAAC,IAAI,IAAC,SAAS,EAAC,MAAM,YACrB,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACjC,yCACE,uBAAC,QAAQ,IAAwC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAA1D,WAAW,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAA8B,GAC1E,CACN,EAJkC,CAIlC,CAAC,GACK,GACH,CACT,CAAA;AACH,CAAC;AAdD,oBAcC"}

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

@@ -1,15 +0,0 @@
-"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.SubMenu = exports.Menu = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.Menu = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  position: relative;\n  z-index: 999;\n  padding-right: clamp(5px, 0.78vw, 15px);\n\n  a {\n    text-decoration: none;\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin-top: 0;\n    margin-bottom: clamp(10px, 0.75vw, 15px);\n\n    li + li {\n      margin-top: 4px;\n    }\n\n    ul {\n      display: none;\n      padding: 4px;\n\n      * {\n        color: ", " !important;\n      }\n\n      li {\n        padding: 0;\n\n        &.active {\n          background: none;\n        }\n\n        .item-title {\n          &:hover,\n          &.active {\n            background: #e1e1e1 !important;\n          }\n        }\n      }\n    }\n\n    li {\n      position: relative !important;\n      z-index: 9999;\n      width: 100%;\n\n      &.active {\n        background: ", ";\n        border-radius: 5px;\n\n        a,\n        span {\n          color: #fff;\n        }\n\n        svg {\n          fill: #fff !important;\n        }\n      }\n\n      &:hover {\n        ul {\n          display: block;\n        }\n      }\n    }\n  }\n\n  .title {\n    color: #828282;\n    margin-bottom: clamp(3px, 0.5vw, 10px);\n    padding-left: clamp(5px, 0.78vw, 15px);\n\n    .dark & {\n      color: #4b5563;\n    }\n  }\n\n  .item-title {\n    border-radius: 5px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    transition: transform 0.1s ease-in-out;\n    font-weight: 400;\n    padding: 0 clamp(5px, 0.78vw, 15px);\n    height: clamp(34px, 2.08vw, 40px);\n    display: flex;\n    position: relative;\n    z-index: 2222;\n\n    > span {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      color: ", ";\n\n      .icon {\n        width: 20px;\n        height: 20px;\n        display: flex;\n        transition: 0.1s linear;\n        margin-left: 0;\n\n        > svg {\n          width: 100%;\n          height: auto;\n          fill: #828282;\n        }\n      }\n    }\n\n    &:hover {\n      background-color: ", ";\n\n      > span {\n        color: #fff;\n        margin-right: 0;\n        transition: 0.3s linear;\n\n        .icon {\n          margin-left: 10px;\n\n          > svg {\n            fill: #fff !important;\n          }\n        }\n      }\n    }\n  }\n\n  .arrow {\n    width: 7px;\n    margin: 0 0 0 auto;\n    display: flex;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    .icon {\n      width: 14px !important;\n      height: 14px !important;\n    }\n\n    span {\n      font-size: 13.5px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    .icon {\n      width: 17px !important;\n      height: 17px !important;\n    }\n\n    span {\n      font-size: 13px;\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    .icon {\n      width: 16px !important;\n      height: 16px !important;\n    }\n\n    span {\n      font-size: 12px;\n    }\n  }\n"], ["\n  width: 100%;\n  position: relative;\n  z-index: 999;\n  padding-right: clamp(5px, 0.78vw, 15px);\n\n  a {\n    text-decoration: none;\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin-top: 0;\n    margin-bottom: clamp(10px, 0.75vw, 15px);\n\n    li + li {\n      margin-top: 4px;\n    }\n\n    ul {\n      display: none;\n      padding: 4px;\n\n      * {\n        color: ", " !important;\n      }\n\n      li {\n        padding: 0;\n\n        &.active {\n          background: none;\n        }\n\n        .item-title {\n          &:hover,\n          &.active {\n            background: #e1e1e1 !important;\n          }\n        }\n      }\n    }\n\n    li {\n      position: relative !important;\n      z-index: 9999;\n      width: 100%;\n\n      &.active {\n        background: ", ";\n        border-radius: 5px;\n\n        a,\n        span {\n          color: #fff;\n        }\n\n        svg {\n          fill: #fff !important;\n        }\n      }\n\n      &:hover {\n        ul {\n          display: block;\n        }\n      }\n    }\n  }\n\n  .title {\n    color: #828282;\n    margin-bottom: clamp(3px, 0.5vw, 10px);\n    padding-left: clamp(5px, 0.78vw, 15px);\n\n    .dark & {\n      color: #4b5563;\n    }\n  }\n\n  .item-title {\n    border-radius: 5px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    transition: transform 0.1s ease-in-out;\n    font-weight: 400;\n    padding: 0 clamp(5px, 0.78vw, 15px);\n    height: clamp(34px, 2.08vw, 40px);\n    display: flex;\n    position: relative;\n    z-index: 2222;\n\n    > span {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      color: ", ";\n\n      .icon {\n        width: 20px;\n        height: 20px;\n        display: flex;\n        transition: 0.1s linear;\n        margin-left: 0;\n\n        > svg {\n          width: 100%;\n          height: auto;\n          fill: #828282;\n        }\n      }\n    }\n\n    &:hover {\n      background-color: ", ";\n\n      > span {\n        color: #fff;\n        margin-right: 0;\n        transition: 0.3s linear;\n\n        .icon {\n          margin-left: 10px;\n\n          > svg {\n            fill: #fff !important;\n          }\n        }\n      }\n    }\n  }\n\n  .arrow {\n    width: 7px;\n    margin: 0 0 0 auto;\n    display: flex;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    .icon {\n      width: 14px !important;\n      height: 14px !important;\n    }\n\n    span {\n      font-size: 13.5px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    .icon {\n      width: 17px !important;\n      height: 17px !important;\n    }\n\n    span {\n      font-size: 13px;\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    .icon {\n      width: 16px !important;\n      height: 16px !important;\n    }\n\n    span {\n      font-size: 12px;\n    }\n  }\n"])), function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; });
-exports.SubMenu = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-radius: 5px;\n  padding: 12px 8px;\n  z-index: 24;\n  position: absolute;\n  top: ", ";\n  bottom: ", ";\n  left: 100%;\n  z-index: 9999;\n  background-color: #ffffff;\n  border: 1px solid #d1d5db;\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  transition: background-color 0.3s, border-color 0.3s;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n"], ["\n  border-radius: 5px;\n  padding: 12px 8px;\n  z-index: 24;\n  position: absolute;\n  top: ", ";\n  bottom: ", ";\n  left: 100%;\n  z-index: 9999;\n  background-color: #ffffff;\n  border: 1px solid #d1d5db;\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  transition: background-color 0.3s, border-color 0.3s;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n"])), function (props) { return (props.$index <= 6 ? 0 : undefined); }, function (props) { return (props.$index > 6 ? 0 : undefined); });
-var templateObject_1, templateObject_2;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/menu/components/menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,+gGAAA,+YAyBb,EAAgC,sZAyB3B,EAAgC,w5BAkDvC,EAAgC,wTAkBrB,EAAgC,+8BA8DzD,KA3JgB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAyB3B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAkDvC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAkBrB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EA8DzD;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,EAAE,8fAAoB,+FAK3C,EAA8C,eAC3C,EAA6C,yUAWxD,KAZQ,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAnC,CAAmC,EAC3C,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAlC,CAAkC,EAWxD"}

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

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

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

@@ -1,30 +0,0 @@
-"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.SideBarMenu = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var version_01_1 = require("./version-01/index.js");
-var version_02_1 = require("./version-02/index.js");
-function SideBarMenu(props) {
-    var version = props['version'];
-    switch (version) {
-        case 'version01':
-            return (0, jsx_runtime_1.jsx)(version_01_1.SideBarMenuVersion01, __assign({}, props));
-        case 'version02':
-            return (0, jsx_runtime_1.jsx)(version_02_1.SideBarMenuVersion02, __assign({}, props));
-        default:
-            return (0, jsx_runtime_1.jsx)(version_01_1.SideBarMenuVersion01, __assign({}, props));
-    }
-}
-exports.SideBarMenu = SideBarMenu;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,2CAAmD;AACnD,2CAAmD;AAEnD,SAAgB,WAAW,CAAC,KAAoB;IAC9C,IAAM,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,CAAA;IAEhC,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,WAAW;YACd,OAAO,uBAAC,iCAAoB,eAAK,KAAK,EAAI,CAAA;QAE5C,KAAK,WAAW;YACd,OAAO,uBAAC,iCAAoB,eAAK,KAAK,EAAI,CAAA;QAE5C;YACE,OAAO,uBAAC,iCAAoB,eAAK,KAAK,EAAI,CAAA;IAC9C,CAAC;AACH,CAAC;AAbD,kCAaC"}

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

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

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

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

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

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

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

@@ -1,40 +0,0 @@
-"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.SideBarMenuVersion01 = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("../components/index.js");
-var data_1 = require("../../../data/index.js");
-var utils_1 = require("../../../../../../system/presentation/utils/index.js");
-var context_1 = require("../../../../../../system/presentation/context/index.js");
-var S = __importStar(require("./styles.js"));
-function SideBarMenuVersion01(_a) {
-    var fixedSidebar = _a.fixedSidebar;
-    var user = (0, context_1.useAuthAdmin)().user;
-    var avatarImage = (user === null || user === void 0 ? void 0 : user.avatar) || '/images/default-profile.png';
-    return ((0, jsx_runtime_1.jsxs)(S.SideBarMenuVersion01, { id: 'left-menu', "$isFixed": fixedSidebar, children: [fixedSidebar && (0, jsx_runtime_1.jsx)("div", { id: 'sidebar-overlay', onClick: utils_1.closeSidebar }), (0, jsx_runtime_1.jsxs)("div", { id: 'sidebar', children: [(0, jsx_runtime_1.jsx)("div", { className: 'profile-box-mobile', children: (0, jsx_runtime_1.jsxs)("div", { className: 'profile', children: [(0, jsx_runtime_1.jsx)(data_1.Avatar, { image: avatarImage }), (0, jsx_runtime_1.jsxs)("span", { className: 'font-14-bold', children: [user === null || user === void 0 ? void 0 : user.firstName, " ", (0, jsx_runtime_1.jsx)("br", {}), user === null || user === void 0 ? void 0 : user.lastName] })] }) }), (0, jsx_runtime_1.jsx)(components_1.Menu, {})] })] }));
-}
-exports.SideBarMenuVersion01 = SideBarMenuVersion01;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/version-01/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAoC;AACpC,sCAAsC;AAEtC,qDAA0D;AAC1D,yDAA4D;AAI5D,0CAA6B;AAE7B,SAAgB,oBAAoB,CAAC,EAA+B;QAA7B,YAAY,kBAAA;IACzC,IAAA,IAAI,GAAK,IAAA,sBAAY,GAAE,KAAnB,CAAmB;IAE/B,IAAM,WAAW,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,KAAI,6BAA6B,CAAA;IAEjE,OAAO,CACL,wBAAC,CAAC,CAAC,oBAAoB,IAAC,EAAE,EAAC,WAAW,cAAW,YAAY,aAC1D,YAAY,IAAI,gCAAK,EAAE,EAAC,iBAAiB,EAAC,OAAO,EAAE,oBAAY,GAAI,EAEpE,iCAAK,EAAE,EAAC,SAAS,aACf,gCAAK,SAAS,EAAC,oBAAoB,YACjC,iCAAK,SAAS,EAAC,SAAS,aACtB,uBAAC,aAAM,IAAC,KAAK,EAAE,WAAW,GAAI,EAE9B,kCAAM,SAAS,EAAC,cAAc,aAC3B,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,OAAE,gCAAM,EACvB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,IACV,IACH,GACF,EAEN,uBAAC,iBAAI,KAAI,IACL,IACiB,CAC1B,CAAA;AACH,CAAC;AAzBD,oDAyBC"}

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

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

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

@@ -1,17 +0,0 @@
-"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.SideBarMenuVersion01 = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.SideBarMenuVersion01 = styled_components_1.default.aside(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n\n  ", "\n\n  #sidebar-overlay {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    min-width: 100vw;\n    min-height: 100vh;\n    z-index: 999999999;\n    background-color: rgba(0, 0, 0, 0.5);\n\n    &.open {\n      display: block;\n    }\n  }\n\n  > #sidebar {\n    width: 285px;\n    padding: 0 0 20px 15px;\n    border-right: 1px solid #e1e1e1;\n    display: flex;\n    flex-direction: column;\n    left: 0;\n    top: 0;\n    min-height: 100vh;\n    z-index: 999;\n    background: #fff;\n    position: sticky;\n\n    &::-webkit-scrollbar {\n      width: 5px;\n      border-radius: 10px;\n    }\n\n    &::-webkit-scrollbar-track {\n      background: #ccc;\n      border-radius: 10px;\n    }\n  }\n\n  .menu {\n    margin-top: 20px;\n  }\n\n  .profile-box-mobile {\n    display: none;\n  }\n\n  @media only screen and (max-width: 1700px) {\n    > #sidebar {\n      width: 280px;\n    }\n  }\n\n  @media only screen and (max-width: 1650px) {\n    > #sidebar {\n      width: 275px;\n    }\n  }\n\n  @media only screen and (max-width: 1600px) {\n    > #sidebar {\n      width: 270px;\n    }\n  }\n\n  @media only screen and (max-width: 1550px) {\n    > #sidebar {\n      width: 265px;\n    }\n  }\n\n  @media only screen and (max-width: 1500px) {\n    > #sidebar {\n      width: 260px;\n    }\n  }\n\n  @media only screen and (max-width: 1450px) {\n    > #sidebar {\n      width: 255px;\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    > #sidebar {\n      width: 250px;\n    }\n  }\n\n  @media only screen and (max-width: 1350px) {\n    > #sidebar {\n      width: 245px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    > #sidebar {\n      width: 240px;\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    .profile-box-mobile {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 10px;\n      padding: 20px 15px 5px;\n\n      .profile {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n\n        span {\n          font-size: 14px;\n          font-weight: 700;\n          line-height: 1.03;\n        }\n      }\n\n      .actions {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n\n        button {\n          width: 30px;\n          height: 30px;\n          padding: 7px;\n          background: ", ";\n        }\n      }\n    }\n  }\n"], ["\n  display: flex;\n\n  ", "\n\n  #sidebar-overlay {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    min-width: 100vw;\n    min-height: 100vh;\n    z-index: 999999999;\n    background-color: rgba(0, 0, 0, 0.5);\n\n    &.open {\n      display: block;\n    }\n  }\n\n  > #sidebar {\n    width: 285px;\n    padding: 0 0 20px 15px;\n    border-right: 1px solid #e1e1e1;\n    display: flex;\n    flex-direction: column;\n    left: 0;\n    top: 0;\n    min-height: 100vh;\n    z-index: 999;\n    background: #fff;\n    position: sticky;\n\n    &::-webkit-scrollbar {\n      width: 5px;\n      border-radius: 10px;\n    }\n\n    &::-webkit-scrollbar-track {\n      background: #ccc;\n      border-radius: 10px;\n    }\n  }\n\n  .menu {\n    margin-top: 20px;\n  }\n\n  .profile-box-mobile {\n    display: none;\n  }\n\n  @media only screen and (max-width: 1700px) {\n    > #sidebar {\n      width: 280px;\n    }\n  }\n\n  @media only screen and (max-width: 1650px) {\n    > #sidebar {\n      width: 275px;\n    }\n  }\n\n  @media only screen and (max-width: 1600px) {\n    > #sidebar {\n      width: 270px;\n    }\n  }\n\n  @media only screen and (max-width: 1550px) {\n    > #sidebar {\n      width: 265px;\n    }\n  }\n\n  @media only screen and (max-width: 1500px) {\n    > #sidebar {\n      width: 260px;\n    }\n  }\n\n  @media only screen and (max-width: 1450px) {\n    > #sidebar {\n      width: 255px;\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    > #sidebar {\n      width: 250px;\n    }\n  }\n\n  @media only screen and (max-width: 1350px) {\n    > #sidebar {\n      width: 245px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    > #sidebar {\n      width: 240px;\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    .profile-box-mobile {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 10px;\n      padding: 20px 15px 5px;\n\n      .profile {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n\n        span {\n          font-size: 14px;\n          font-weight: 700;\n          line-height: 1.03;\n        }\n      }\n\n      .actions {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n\n        button {\n          width: 30px;\n          height: 30px;\n          padding: 7px;\n          background: ", ";\n        }\n      }\n    }\n  }\n"])), function (props) {
-    return props.$isFixed &&
-        "\n  > #sidebar {\n    position: fixed !important;\n    transform: translateX(-100%);\n    transition: transform 0.2s;\n    height: 100vh !important;\n    z-index: 999999999 !important;\n\n\n    &.open {\n      transform: translateX(0);\n    }\n  }\n  ";
-}, function (props) { var _a; return ((_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.primaryColor) || '#000'; });
-var templateObject_1;
-//# sourceMappingURL=styles.js.map

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

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

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

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

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

@@ -1,40 +0,0 @@
-"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.SideBarMenuVersion02 = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("../components/index.js");
-var data_1 = require("../../../data/index.js");
-var utils_1 = require("../../../../../../system/presentation/utils/index.js");
-var context_1 = require("../../../../../../system/presentation/context/index.js");
-var S = __importStar(require("./styles.js"));
-function SideBarMenuVersion02(_a) {
-    var fixedSidebar = _a.fixedSidebar;
-    var user = (0, context_1.useAuthAdmin)().user;
-    var avatarImage = (user === null || user === void 0 ? void 0 : user.avatar) || '/images/default-profile.png';
-    return ((0, jsx_runtime_1.jsxs)(S.SideBarMenuVersion02, { id: 'left-menu', children: [fixedSidebar && (0, jsx_runtime_1.jsx)("div", { id: 'sidebar-overlay', onClick: utils_1.closeSidebar }), (0, jsx_runtime_1.jsx)("div", { className: 'ghost-sidebar' }), (0, jsx_runtime_1.jsxs)("div", { id: 'sidebar', children: [(0, jsx_runtime_1.jsx)("div", { className: 'profile-box-mobile', children: (0, jsx_runtime_1.jsxs)("div", { className: 'profile', children: [(0, jsx_runtime_1.jsx)(data_1.Avatar, { image: avatarImage }), (0, jsx_runtime_1.jsxs)("span", { className: 'font-14-bold', children: [user === null || user === void 0 ? void 0 : user.firstName, " ", (0, jsx_runtime_1.jsx)("br", {}), user === null || user === void 0 ? void 0 : user.lastName] })] }) }), (0, jsx_runtime_1.jsx)(components_1.Menu, {})] })] }));
-}
-exports.SideBarMenuVersion02 = SideBarMenuVersion02;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/version-02/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAoC;AACpC,sCAAsC;AAEtC,qDAA0D;AAC1D,yDAA4D;AAI5D,0CAA6B;AAE7B,SAAgB,oBAAoB,CAAC,EAA+B;QAA7B,YAAY,kBAAA;IACzC,IAAA,IAAI,GAAK,IAAA,sBAAY,GAAE,KAAnB,CAAmB;IAE/B,IAAM,WAAW,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,KAAI,6BAA6B,CAAA;IAEjE,OAAO,CACL,wBAAC,CAAC,CAAC,oBAAoB,IAAC,EAAE,EAAC,WAAW,aACnC,YAAY,IAAI,gCAAK,EAAE,EAAC,iBAAiB,EAAC,OAAO,EAAE,oBAAY,GAAI,EAEpE,gCAAK,SAAS,EAAC,eAAe,GAAG,EAEjC,iCAAK,EAAE,EAAC,SAAS,aACf,gCAAK,SAAS,EAAC,oBAAoB,YACjC,iCAAK,SAAS,EAAC,SAAS,aACtB,uBAAC,aAAM,IAAC,KAAK,EAAE,WAAW,GAAI,EAE9B,kCAAM,SAAS,EAAC,cAAc,aAC3B,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,OAAE,gCAAM,EACvB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,IACV,IACH,GACF,EAEN,uBAAC,iBAAI,KAAI,IACL,IACiB,CAC1B,CAAA;AACH,CAAC;AA3BD,oDA2BC"}

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

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

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

@@ -1,14 +0,0 @@
-"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.SideBarMenuVersion02 = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.SideBarMenuVersion02 = styled_components_1.default.aside(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  --sidebarMaxWidth: 90px;\n  --sidebarWidth: 285px;\n\n  &:hover {\n    .ghost-sidebar {\n      max-width: 100%;\n    }\n  }\n\n  .ghost-sidebar {\n    width: var(--sidebarMaxWidth);\n    transition: max-width 0.1s;\n  }\n\n  #sidebar-overlay {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    min-width: 100vw;\n    min-height: 100vh;\n    z-index: 999999999;\n    background-color: rgba(0, 0, 0, 0.5);\n\n    &.open {\n      display: block;\n    }\n  }\n\n  > #sidebar {\n    width: var(--sidebarWidth);\n    padding: 0 0 20px 15px;\n    border-right: 1px solid #e1e1e1;\n    display: flex;\n    flex-direction: column;\n    left: 0;\n    top: 0;\n    height: calc(100vh - 64px);\n    overflow-y: auto;\n    z-index: 999;\n    background: #fff;\n    position: absolute;\n    max-width: var(--sidebarMaxWidth);\n    overflow: hidden;\n    transition: max-width 0.2s;\n\n    &:hover {\n      max-width: 100%;\n      overflow-y: auto;\n\n      .profile-box-mobile {\n        .profile {\n          span {\n            opacity: 1;\n          }\n        }\n      }\n\n      .title {\n        h5 {\n          width: 100%;\n        }\n      }\n\n      .content-title {\n        opacity: 1;\n      }\n    }\n\n    .title {\n      h5 {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        width: 40px;\n        white-space: nowrap;\n      }\n    }\n\n    .content-title {\n      opacity: 0;\n      transition: opacity 0.2s;\n    }\n\n    .icon {\n      min-width: 25px;\n      min-height: 25px;\n    }\n\n    &::-webkit-scrollbar {\n      width: 5px;\n      border-radius: 10px;\n    }\n\n    &::-webkit-scrollbar-track {\n      background: #ccc;\n      border-radius: 10px;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      background: #444;\n      border-radius: 10px;\n    }\n  }\n\n  .menu {\n    margin-top: 20px;\n  }\n\n  .profile-box-mobile {\n    display: none;\n  }\n\n  @media only screen and (max-width: 1700px) {\n    --sidebarWidth: 280px;\n  }\n\n  @media only screen and (max-width: 1650px) {\n    --sidebarWidth: 275px;\n  }\n\n  @media only screen and (max-width: 1600px) {\n    --sidebarWidth: 270px;\n  }\n\n  @media only screen and (max-width: 1550px) {\n    --sidebarWidth: 265px;\n  }\n\n  @media only screen and (max-width: 1500px) {\n    --sidebarWidth: 260px;\n  }\n\n  @media only screen and (max-width: 1450px) {\n    --sidebarWidth: 255px;\n  }\n\n  @media only screen and (max-width: 1400px) {\n    --sidebarMaxWidth: 70px;\n    --sidebarWidth: 250px;\n\n    > #sidebar {\n      padding-left: 13px;\n\n      .icon {\n        min-width: 22px;\n        min-height: 22px;\n      }\n\n      .title {\n        h5 {\n          width: 30px;\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1350px) {\n    --sidebarWidth: 245px;\n  }\n\n  @media only screen and (max-width: 1200px) {\n    --sidebarWidth: 240px;\n\n    .ghost-sidebar {\n      width: var(--sidebarMaxWidth);\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    --sidebarMaxWidth: 60px;\n\n    .profile-box-mobile {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 10px;\n      padding: 10px 0 0;\n\n      .profile {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n\n        span {\n          font-size: 14px;\n          font-weight: 700;\n          line-height: 1.03;\n          min-width: fit-content;\n          opacity: 0;\n        }\n      }\n\n      .actions {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n\n        button {\n          width: 30px;\n          height: 30px;\n          padding: 7px;\n          background: ", ";\n        }\n      }\n    }\n\n    .menu {\n      margin-top: 15px;\n    }\n  }\n"], ["\n  display: flex;\n  --sidebarMaxWidth: 90px;\n  --sidebarWidth: 285px;\n\n  &:hover {\n    .ghost-sidebar {\n      max-width: 100%;\n    }\n  }\n\n  .ghost-sidebar {\n    width: var(--sidebarMaxWidth);\n    transition: max-width 0.1s;\n  }\n\n  #sidebar-overlay {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    min-width: 100vw;\n    min-height: 100vh;\n    z-index: 999999999;\n    background-color: rgba(0, 0, 0, 0.5);\n\n    &.open {\n      display: block;\n    }\n  }\n\n  > #sidebar {\n    width: var(--sidebarWidth);\n    padding: 0 0 20px 15px;\n    border-right: 1px solid #e1e1e1;\n    display: flex;\n    flex-direction: column;\n    left: 0;\n    top: 0;\n    height: calc(100vh - 64px);\n    overflow-y: auto;\n    z-index: 999;\n    background: #fff;\n    position: absolute;\n    max-width: var(--sidebarMaxWidth);\n    overflow: hidden;\n    transition: max-width 0.2s;\n\n    &:hover {\n      max-width: 100%;\n      overflow-y: auto;\n\n      .profile-box-mobile {\n        .profile {\n          span {\n            opacity: 1;\n          }\n        }\n      }\n\n      .title {\n        h5 {\n          width: 100%;\n        }\n      }\n\n      .content-title {\n        opacity: 1;\n      }\n    }\n\n    .title {\n      h5 {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        width: 40px;\n        white-space: nowrap;\n      }\n    }\n\n    .content-title {\n      opacity: 0;\n      transition: opacity 0.2s;\n    }\n\n    .icon {\n      min-width: 25px;\n      min-height: 25px;\n    }\n\n    &::-webkit-scrollbar {\n      width: 5px;\n      border-radius: 10px;\n    }\n\n    &::-webkit-scrollbar-track {\n      background: #ccc;\n      border-radius: 10px;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      background: #444;\n      border-radius: 10px;\n    }\n  }\n\n  .menu {\n    margin-top: 20px;\n  }\n\n  .profile-box-mobile {\n    display: none;\n  }\n\n  @media only screen and (max-width: 1700px) {\n    --sidebarWidth: 280px;\n  }\n\n  @media only screen and (max-width: 1650px) {\n    --sidebarWidth: 275px;\n  }\n\n  @media only screen and (max-width: 1600px) {\n    --sidebarWidth: 270px;\n  }\n\n  @media only screen and (max-width: 1550px) {\n    --sidebarWidth: 265px;\n  }\n\n  @media only screen and (max-width: 1500px) {\n    --sidebarWidth: 260px;\n  }\n\n  @media only screen and (max-width: 1450px) {\n    --sidebarWidth: 255px;\n  }\n\n  @media only screen and (max-width: 1400px) {\n    --sidebarMaxWidth: 70px;\n    --sidebarWidth: 250px;\n\n    > #sidebar {\n      padding-left: 13px;\n\n      .icon {\n        min-width: 22px;\n        min-height: 22px;\n      }\n\n      .title {\n        h5 {\n          width: 30px;\n        }\n      }\n    }\n  }\n\n  @media only screen and (max-width: 1350px) {\n    --sidebarWidth: 245px;\n  }\n\n  @media only screen and (max-width: 1200px) {\n    --sidebarWidth: 240px;\n\n    .ghost-sidebar {\n      width: var(--sidebarMaxWidth);\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    --sidebarMaxWidth: 60px;\n\n    .profile-box-mobile {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 10px;\n      padding: 10px 0 0;\n\n      .profile {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n\n        span {\n          font-size: 14px;\n          font-weight: 700;\n          line-height: 1.03;\n          min-width: fit-content;\n          opacity: 0;\n        }\n      }\n\n      .actions {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n\n        button {\n          width: 30px;\n          height: 30px;\n          padding: 7px;\n          background: ", ";\n        }\n      }\n    }\n\n    .menu {\n      margin-top: 15px;\n    }\n  }\n"])), function (props) { var _a; return ((_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.primaryColor) || '#000'; });
-var templateObject_1;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/version-02/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,oBAAoB,GAAG,2BAAM,CAAC,KAAK,8xHAAA,qoHA2MxB,EAA+C,oFAStE,KATuB,UAAC,KAAK,YAAK,OAAA,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,YAAY,KAAI,MAAM,CAAA,EAAA,EAStE"}