infinity-forge 0.47.5 → 0.47.7

package/dist/sites/public/fonts/fonts.css

@@ -97,8 +97,8 @@ td {
 [class*='font-14'] {
   font-size: 1.4rem;
 }
-[class*='font-12'] {
-  font-size: 1.2rem;
+[class*='font-13'] {
+  font-size: 1.3rem;
 }
 
 [class*='font-12'] {
@@ -181,6 +181,9 @@ td {
   [class*='font-16'] {
     font-size: 1.5rem;
   }
+  [class*='font-13'] {
+    font-size: 1.2rem;
+  }
 }
 
 @media only screen and (max-width: 1200px) {
@@ -325,6 +328,9 @@ td {
   [class*='font-16'] {
     font-size: 1.35rem;
   }
+  [class*='font-13'] {
+    font-size: 1.15rem;
+  }
 }
 
 @media only screen and (max-width: 650px) {
@@ -417,55 +423,70 @@ td {
   }
 }
 
-
 /* reset */
 
 *,
 *::before,
 *::after {
-  box-sizing: border-box; 
+  box-sizing: border-box;
 }
 html {
-  font-family: 'Roboto', sans-serif; 
-  line-height: 1.15; 
-  -webkit-text-size-adjust: 100%; 
-  -ms-text-size-adjust: 100%; 
-  -ms-overflow-style: scrollbar; 
-  -webkit-tap-highlight-color: transparent; 
+  font-family: 'Roboto', sans-serif;
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  -ms-overflow-style: scrollbar;
+  -webkit-tap-highlight-color: transparent;
 }
 
 @-ms-viewport {
   width: device-width;
 }
 
-article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
+article,
+aside,
+dialog,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section {
   display: block;
 }
 
 body {
-  margin: 0; 
-  font-family: 'Roboto', sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  margin: 0;
+  font-family: 'Roboto', sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
   font-size: 1rem;
   font-weight: normal;
   line-height: 1.5;
   color: #212529;
-  text-align: left; 
-  background-color: #fff; 
+  text-align: left;
+  background-color: #fff;
 }
 
-[tabindex="-1"]:focus {
+[tabindex='-1']:focus {
   outline: none !important;
 }
 
 hr {
-  box-sizing: content-box; 
-  height: 0; 
-  overflow: visible; 
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
 }
 
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   margin-top: 0;
-  margin-bottom: .5rem;
+  margin-bottom: 0.5rem;
 }
 
 p {
@@ -474,11 +495,11 @@ p {
 }
 
 abbr[title],
-abbr[data-original-title] { 
+abbr[data-original-title] {
   text-decoration: underline;
-  -webkit-text-decoration: underline dotted; 
-          text-decoration: underline dotted;
-  cursor: help; 
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
   border-bottom: 0;
 }
 address {
@@ -502,21 +523,21 @@ dt {
   font-weight: bold;
 }
 dd {
-  margin-bottom: .5rem;
-  margin-left: 0; 
+  margin-bottom: 0.5rem;
+  margin-left: 0;
 }
 blockquote {
   margin: 0 0 1rem;
 }
 dfn {
-  font-style: italic; 
+  font-style: italic;
 }
 b,
 strong {
-  font-weight: bolder; 
+  font-weight: bolder;
 }
 small {
-  font-size: 80%; 
+  font-size: 80%;
 }
 sub,
 sup {
@@ -526,17 +547,17 @@ sup {
   vertical-align: baseline;
 }
 sub {
-  bottom: -.25em;
+  bottom: -0.25em;
 }
 sup {
-  top: -.5em;
+  top: -0.5em;
 }
 
 a {
   color: #007bff;
   text-decoration: none;
-  background-color: transparent; 
-  -webkit-text-decoration-skip: objects; 
+  background-color: transparent;
+  -webkit-text-decoration-skip: objects;
 }
 a:hover {
   color: #0056b3;
@@ -546,7 +567,8 @@ a:hover {
 a:not([href]):not([tabindex]) {
   text-decoration: none;
 }
-a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
+a:not([href]):not([tabindex]):focus,
+a:not([href]):not([tabindex]):hover {
   text-decoration: none;
 }
 a:not([href]):not([tabindex]):focus {
@@ -558,13 +580,12 @@ code,
 kbd,
 samp {
   font-family: monospace, monospace;
-  font-size: 1em; 
+  font-size: 1em;
 }
 pre {
- 
   margin-top: 0;
- 
-  margin-bottom: 1rem; 
+
+  margin-bottom: 1rem;
   overflow: auto;
   -ms-overflow-style: scrollbar;
 }
@@ -575,27 +596,27 @@ figure {
 
 img {
   vertical-align: middle;
-  border-style: none; 
+  border-style: none;
 }
 svg:not(:root) {
-  overflow: hidden; 
+  overflow: hidden;
 }
 
 a,
 area,
 button,
-[role="button"],
-input:not([type=range]),
+[role='button'],
+input:not([type='range']),
 label,
 select,
 summary,
 textarea {
   -ms-touch-action: manipulation;
-      touch-action: manipulation;
+  touch-action: manipulation;
 }
 
 table {
-  border-collapse: collapse; 
+  border-collapse: collapse;
 }
 caption {
   padding-top: 0.75rem;
@@ -610,7 +631,7 @@ th {
 
 label {
   display: inline-block;
-  margin-bottom: .5rem;
+  margin-bottom: 0.5rem;
   font-size: 1.1rem !important;
 }
 
@@ -627,47 +648,47 @@ button,
 select,
 optgroup,
 textarea {
-  margin: 0; 
+  margin: 0;
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
 }
 button,
 input {
-  overflow: visible; 
+  overflow: visible;
 }
 button,
 select {
-  text-transform: none; 
+  text-transform: none;
 }
 
 button,
-html [type="button"],
-[type="reset"],
-[type="submit"] {
+html [type='button'],
+[type='reset'],
+[type='submit'] {
   -webkit-appearance: button;
 }
 
 button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
   padding: 0;
   border-style: none;
 }
-input[type="radio"],
-input[type="checkbox"] {
-  box-sizing: border-box; 
-  padding: 0; 
+input[type='radio'],
+input[type='checkbox'] {
+  box-sizing: border-box;
+  padding: 0;
 }
-input[type="date"],
-input[type="time"],
-input[type="datetime-local"],
-input[type="month"] {
+input[type='date'],
+input[type='time'],
+input[type='datetime-local'],
+input[type='month'] {
   -webkit-appearance: listbox;
 }
 textarea {
-  overflow: auto; 
+  overflow: auto;
   resize: vertical;
 }
 fieldset {
@@ -680,29 +701,29 @@ fieldset {
 legend {
   display: block;
   width: 100%;
-  max-width: 100%; 
+  max-width: 100%;
   padding: 0;
-  margin-bottom: .5rem;
+  margin-bottom: 0.5rem;
   font-size: 1.5rem;
   line-height: inherit;
-  color: inherit; 
-  white-space: normal; 
+  color: inherit;
+  white-space: normal;
 }
 progress {
-  vertical-align: baseline; 
+  vertical-align: baseline;
 }
 
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
   height: auto;
 }
-[type="search"] {
+[type='search'] {
   outline-offset: -2px;
   -webkit-appearance: none;
 }
 
-[type="search"]::-webkit-search-cancel-button,
-[type="search"]::-webkit-search-decoration {
+[type='search']::-webkit-search-cancel-button,
+[type='search']::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
@@ -715,19 +736,20 @@ output {
   display: inline-block;
 }
 summary {
-  display: list-item; 
+  display: list-item;
 }
 template {
-  display: none; 
+  display: none;
 }
 
 [hidden] {
   display: none !important;
 }
 
-ul, ul li {
-   list-style-type: none;
-   padding-left: 0;
+ul,
+ul li {
+  list-style-type: none;
+  padding-left: 0;
 }
 
 @keyframes placeHolderShimmer {
@@ -738,4 +760,3 @@ ul, ul li {
     background-position: 100vw 0;
   }
 }
-

package/dist/system/data/use-cases/notifications/remote-notifications.js

@@ -93,7 +93,7 @@ var RemoteNotifications = /** @class */ (function () {
                         })];
                     case 1:
                         response = _a.sent();
-                        return [2 /*return*/, response.data];
+                        return [2 /*return*/, response];
                 }
             });
         });

package/dist/system/data/use-cases/notifications/remote-notifications.js.map

@@ -1 +1 @@
-{"version":3,"file":"remote-notifications.js","sourceRoot":"","sources":["../../../../../src/system/data/use-cases/notifications/remote-notifications.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAA8C;AAE9C,sDAAyC;AACzC,wDAA2D;AAC3D,sEAAkE;AAGlE;IAOE,6BACkD,UAAsB,EACd,UAA6B;QADrC,eAAU,GAAV,UAAU,CAAY;QACd,eAAU,GAAV,UAAU,CAAmB;IACpF,CAAC;IAEE,qCAAO,GAAb,UAAc,MAA0C;;;;;4BACrC,qBAAM,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;4BAC7C,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC;4BAC1C,MAAM,EAAE,KAAK;4BACb,IAAI,EAAE,MAAM;yBACb,CAAC,EAAA;;wBAJI,QAAQ,GAAG,SAIf;wBAEF,sBAAO,QAAQ,CAAC,IAAyC,EAAA;;;;KAC1D;IAEK,oCAAM,GAAZ,UAAa,MAAwC;;;;;4BAClC,qBAAM,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;4BAC7C,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC;4BAC1C,MAAM,EAAE,MAAM;4BACd,IAAI,EAAE,MAAM;yBACb,CAAC,EAAA;;wBAJI,QAAQ,GAAG,SAIf;wBAEF,sBAAO,QAAQ,CAAC,IAAuC,EAAA;;;;KACxD;IAEK,wCAAU,GAAhB;;;;;4BACmB,qBAAM,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;4BAC7C,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,0BAA0B,CAAC;4BACrD,MAAM,EAAE,KAAK;yBACd,CAAC,EAAA;;wBAHI,QAAQ,GAAG,SAGf;wBAEF,sBAAO,QAAQ,CAAC,IAA4C,EAAA;;;;KAC7D;IAEK,qCAAO,GAAb,UAAc,MAAuC;;;;;4BAClC,qBAAM,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;4BAC7C,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,2BAA2B,CAAC;4BACtD,MAAM,EAAE,MAAM;4BACd,IAAI,EAAE,MAAM;yBACb,CAAC,EAAA;;wBAJI,QAAQ,GAAG,SAIf;wBAEF,sBAAO,QAAQ,CAAC,IAAsC,EAAA;;;;KACvD;IAjDU,mBAAmB;QAD/B,IAAA,sBAAU,GAAE;QASR,WAAA,IAAA,kBAAM,EAAC,kBAAU,CAAC,UAAU,CAAC,CAAA;QAC7B,WAAA,IAAA,kBAAM,EAAC,kBAAU,CAAC,kBAAkB,CAAC,CAAA;yCADsB,yBAAU;OAR7D,mBAAmB,CAkD/B;IAAD,0BAAC;CAAA,AAnDD,IAmDC;AAlDY,kDAAmB"}
+{"version":3,"file":"remote-notifications.js","sourceRoot":"","sources":["../../../../../src/system/data/use-cases/notifications/remote-notifications.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAA8C;AAE9C,sDAAyC;AACzC,wDAA2D;AAC3D,sEAAkE;AAGlE;IAOE,6BACkD,UAAsB,EACd,UAA6B;QADrC,eAAU,GAAV,UAAU,CAAY;QACd,eAAU,GAAV,UAAU,CAAmB;IACpF,CAAC;IAEE,qCAAO,GAAb,UAAc,MAA0C;;;;;4BACrC,qBAAM,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;4BAC7C,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC;4BAC1C,MAAM,EAAE,KAAK;4BACb,IAAI,EAAE,MAAM;yBACb,CAAC,EAAA;;wBAJI,QAAQ,GAAG,SAIf;wBAEF,sBAAO,QAA6C,EAAA;;;;KACrD;IAEK,oCAAM,GAAZ,UAAa,MAAwC;;;;;4BAClC,qBAAM,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;4BAC7C,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC;4BAC1C,MAAM,EAAE,MAAM;4BACd,IAAI,EAAE,MAAM;yBACb,CAAC,EAAA;;wBAJI,QAAQ,GAAG,SAIf;wBAEF,sBAAO,QAAQ,CAAC,IAAuC,EAAA;;;;KACxD;IAEK,wCAAU,GAAhB;;;;;4BACmB,qBAAM,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;4BAC7C,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,0BAA0B,CAAC;4BACrD,MAAM,EAAE,KAAK;yBACd,CAAC,EAAA;;wBAHI,QAAQ,GAAG,SAGf;wBAEF,sBAAO,QAAQ,CAAC,IAA4C,EAAA;;;;KAC7D;IAEK,qCAAO,GAAb,UAAc,MAAuC;;;;;4BAClC,qBAAM,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;4BAC7C,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,2BAA2B,CAAC;4BACtD,MAAM,EAAE,MAAM;4BACd,IAAI,EAAE,MAAM;yBACb,CAAC,EAAA;;wBAJI,QAAQ,GAAG,SAIf;wBAEF,sBAAO,QAAQ,CAAC,IAAsC,EAAA;;;;KACvD;IAjDU,mBAAmB;QAD/B,IAAA,sBAAU,GAAE;QASR,WAAA,IAAA,kBAAM,EAAC,kBAAU,CAAC,UAAU,CAAC,CAAA;QAC7B,WAAA,IAAA,kBAAM,EAAC,kBAAU,CAAC,kBAAkB,CAAC,CAAA;yCADsB,yBAAU;OAR7D,mBAAmB,CAkD/B;IAAD,0BAAC;CAAA,AAnDD,IAmDC;AAlDY,kDAAmB"}

package/dist/system/domain/use-cases/notifications/load-all.d.ts

@@ -8,6 +8,7 @@ export interface INotification {
     message: string;
     createdAt: string;
     createdAtText: string;
+    isRead: boolean;
 }
 export declare namespace LoadAllNotifications {
     type Params = {};

package/dist/system/presentation/components/data/notifications/card/index.js

@@ -28,9 +28,6 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var ui_1 = require("../../../../../../ui/index.js");
 var S = __importStar(require("./styles.js"));
 function NotificationCard(_a) {
-    //   function renderStatus() {
-    // // if (status === "")
-    // //   }
     var title = _a.title, createdAtText = _a.createdAtText, message = _a.message;
     return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'NotificationCard', children: (0, jsx_runtime_1.jsxs)(S.NotificationCard, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'top', children: [title && (0, jsx_runtime_1.jsx)("h4", { className: 'font-16-bold', children: title }), createdAtText && (0, jsx_runtime_1.jsx)("span", { className: 'font-12-regular', children: createdAtText })] }), message && (0, jsx_runtime_1.jsx)("div", { className: 'description font-16-regular', dangerouslySetInnerHTML: { __html: message } })] }) }));
 }

package/dist/system/presentation/components/data/notifications/card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/data/notifications/card/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA4B;AAI5B,0CAA6B;AAE7B,SAAgB,gBAAgB,CAAC,EAAgD;IAC/E,8BAA8B;IAC9B,wBAAwB;IACxB,SAAS;QAHwB,KAAK,WAAA,EAAE,aAAa,mBAAA,EAAE,OAAO,aAAA;IAK9D,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,kBAAkB,YAC5B,wBAAC,CAAC,CAAC,gBAAgB,eACjB,iCAAK,SAAS,EAAC,KAAK,aACjB,KAAK,IAAI,+BAAI,SAAS,EAAC,cAAc,YAAE,KAAK,GAAM,EAClD,aAAa,IAAI,iCAAM,SAAS,EAAC,iBAAiB,YAAE,aAAa,GAAQ,IACtE,EAEL,OAAO,IAAI,gCAAK,SAAS,EAAC,6BAA6B,EAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,GAAI,IACtF,GACf,CACT,CAAA;AACH,CAAC;AAjBD,4CAiBC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/data/notifications/card/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA4B;AAI5B,0CAA6B;AAE7B,SAAgB,gBAAgB,CAAC,EAAgD;QAA9C,KAAK,WAAA,EAAE,aAAa,mBAAA,EAAE,OAAO,aAAA;IAC9D,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,kBAAkB,YAC5B,wBAAC,CAAC,CAAC,gBAAgB,eACjB,iCAAK,SAAS,EAAC,KAAK,aACjB,KAAK,IAAI,+BAAI,SAAS,EAAC,cAAc,YAAE,KAAK,GAAM,EAClD,aAAa,IAAI,iCAAM,SAAS,EAAC,iBAAiB,YAAE,aAAa,GAAQ,IACtE,EAEL,OAAO,IAAI,gCAAK,SAAS,EAAC,6BAA6B,EAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,GAAI,IACtF,GACf,CACT,CAAA;AACH,CAAC;AAbD,4CAaC"}

package/dist/system/presentation/components/data/notifications/index.js

@@ -88,6 +88,7 @@ function ReadNotifications(_a) {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
+                        if (!(readNotifications.data.number > 0)) return [3 /*break*/, 2];
                         noReadNotifications = notifications === null || notifications === void 0 ? void 0 : notifications.filter(function (notification) { return !notification.isRead; }).map(function (noRead) { return noRead.id; });
                         return [4 /*yield*/, system_1.container.get(system_1.Types.RemoteNotifications).readAll({ ids: noReadNotifications })];
                     case 1:
@@ -95,6 +96,7 @@ function ReadNotifications(_a) {
                         (0, swr_1.mutate)('LoadAllNotifications');
                         (0, swr_1.mutate)('LoadNoReadNotifications');
                         return [2 /*return*/];
+                    case 2: return [2 /*return*/];
                 }
             });
         });
@@ -102,16 +104,32 @@ function ReadNotifications(_a) {
     return ((0, jsx_runtime_1.jsxs)(styles_1.ActionBox, { type: 'button', onClick: handleOnOpen, children: [((_b = readNotifications.data) === null || _b === void 0 ? void 0 : _b.number) > 0 && (0, jsx_runtime_1.jsx)("div", { className: 'circle' }), (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconFullFieldBell' })] }));
 }
 function Notifications(props) {
-    var _a;
     var Configurations = (0, system_1.useInfraInjection)().Configurations;
+    var notifications = (0, system_1.useLoadAllNotifications)();
     if (!Configurations.notification) {
         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
     }
-    var notifications = (0, system_1.useLoadAllNotifications)();
-    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Notifications', children: (0, jsx_runtime_1.jsx)(S.Notifications, { children: (0, jsx_runtime_1.jsx)(ui_1.Tooltip, { enableArrow: true, bgColor: '#fff', trigger: (0, jsx_runtime_1.jsx)(ReadNotifications, { notifications: notifications.data }), content: (0, jsx_runtime_1.jsxs)(S.Content, { children: [(!(notifications === null || notifications === void 0 ? void 0 : notifications.data) || ((_a = notifications === null || notifications === void 0 ? void 0 : notifications.data) === null || _a === void 0 ? void 0 : _a.length) === 0) && (0, jsx_runtime_1.jsx)("p", { children: "Nenhuma notifica\u00E7\u00E3o no momento." }), (notifications === null || notifications === void 0 ? void 0 : notifications.data) && notifications.data.length > 0 &&
-                            notifications.data.map(function (notification) {
-                                return (props === null || props === void 0 ? void 0 : props.CustomComponent) ? (props.CustomComponent) : ((0, jsx_runtime_1.jsx)(card_1.NotificationCard, __assign({}, notification), 'notification-card' + notification.id));
-                            })] }) }) }) }));
+    function ContentNotification(_a) {
+        var notifications = _a.notifications;
+        if (!notifications || (notifications === null || notifications === void 0 ? void 0 : notifications.length) === 0) {
+            return (0, jsx_runtime_1.jsx)("p", { className: 'font-16-regular', children: "Nenhuma notifica\u00E7\u00E3o no momento." });
+        }
+        return notifications.map(function (notification) {
+            return (props === null || props === void 0 ? void 0 : props.CustomComponent) ? (props.CustomComponent) : ((0, jsx_runtime_1.jsx)(card_1.NotificationCard, __assign({}, notification), 'notification-card' + notification.id));
+        });
+    }
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Notifications', children: (0, jsx_runtime_1.jsx)(S.Notifications, { children: (0, jsx_runtime_1.jsx)(ui_1.Tooltip, { enableArrow: true, bgColor: '#fff', trigger: (0, jsx_runtime_1.jsx)(ReadNotifications, { notifications: notifications.data }), content: (0, jsx_runtime_1.jsx)(S.Content, { children: (0, jsx_runtime_1.jsx)(system_1.Tab, { tabs: [
+                            {
+                                key: 'not_read',
+                                title: 'Não lido',
+                                content: function () { return (0, jsx_runtime_1.jsx)(ContentNotification, { notifications: notifications === null || notifications === void 0 ? void 0 : notifications.data.filter(function (item) { return !item.isRead; }) }); },
+                            },
+                            {
+                                key: 'read',
+                                title: 'Lidos',
+                                content: function () { return (0, jsx_runtime_1.jsx)(ContentNotification, { notifications: notifications === null || notifications === void 0 ? void 0 : notifications.data.filter(function (item) { return item.isRead; }) }); },
+                            },
+                        ] }) }) }) }) }));
 }
 exports.Notifications = Notifications;
 //# sourceMappingURL=index.js.map

package/dist/system/presentation/components/data/notifications/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/notifications/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA4B;AAE5B,2BAA2C;AAC3C,mCAAwI;AAExI,+BAAyC;AAGzC,2EAA4E;AAE5E,0CAA6B;AAE7B,SAAS,iBAAiB,CAAC,EAAiB;;QAAf,aAAa,mBAAA;IACxC,IAAM,iBAAiB,GAAG,IAAA,mCAA0B,GAAE,CAAA;IAEtD,SAAe,YAAY;;;;;;wBACnB,mBAAmB,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,CAAC,UAAC,YAAY,IAAK,OAAA,CAAC,YAAY,CAAC,MAAM,EAApB,CAAoB,EAAE,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,EAAE,EAAT,CAAS,CAAC,CAAA;wBAEpH,qBAAM,kBAAS,CAAC,GAAG,CAAsB,cAAK,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,mBAAmB,EAAE,CAAC,EAAA;;wBAAzG,SAAyG,CAAA;wBAEzG,IAAA,YAAM,EAAC,sBAAsB,CAAC,CAAA;wBAC9B,IAAA,YAAM,EAAC,yBAAyB,CAAC,CAAA;wBACjC,sBAAM;;;;KACP;IAED,OAAO,CACL,wBAAC,kBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,aAC3C,CAAA,MAAA,iBAAiB,CAAC,IAAI,0CAAE,MAAM,IAAG,CAAC,IAAI,gCAAK,SAAS,EAAC,QAAQ,GAAG,EAEjE,uBAAC,SAAI,IAAC,IAAI,EAAC,mBAAmB,GAAG,IACvB,CACb,CAAA;AACH,CAAC;AAED,SAAgB,aAAa,CAAC,KAA0B;;IAC9C,IAAA,cAAc,GAAK,IAAA,0BAAiB,GAAE,eAAxB,CAAwB;IAE9C,IAAG,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;QAChC,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,IAAM,aAAa,GAAG,IAAA,gCAAuB,GAAE,CAAA;IAE/C,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,eAAe,YACzB,uBAAC,CAAC,CAAC,aAAa,cACd,uBAAC,YAAO,IACN,WAAW,QACX,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,uBAAC,iBAAiB,IAAC,aAAa,EAAE,aAAa,CAAC,IAAI,GAAI,EACjE,OAAO,EACL,wBAAC,CAAC,CAAC,OAAO,eACP,CAAC,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAA,IAAI,CAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,0CAAE,MAAM,MAAK,CAAC,CAAC,IAAI,sFAAsC,EAErG,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,KAAI,aAAa,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC;4BACnD,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,YAAY;gCAClC,OAAA,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,EAAC,CAAC,CAAC,CACvB,KAAK,CAAC,eAAe,CACtB,CAAC,CAAC,CAAC,CACF,uBAAC,uBAAgB,eAAiD,YAAY,GAAvD,mBAAmB,GAAG,YAAY,CAAC,EAAE,CAAsB,CACnF;4BAJD,CAIC,CACF,IACO,GAEd,GACc,GACZ,CACT,CAAA;AACH,CAAC;AAlCD,sCAkCC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/notifications/index.tsx"],"names":[],"mappings":"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"}

package/dist/system/presentation/components/data/notifications/styles.js

@@ -10,6 +10,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Content = exports.Notifications = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 exports.Notifications = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n\n  .circle {\n    width: 10px;\n    height: 10px;\n    border-radius: 100rem;\n    background: #f5a623;\n    position: absolute;\n    top: 15%;\n    right: 20%;\n    border: 1px solid transparent;\n  }\n"], ["\n  position: relative;\n\n  .circle {\n    width: 10px;\n    height: 10px;\n    border-radius: 100rem;\n    background: #f5a623;\n    position: absolute;\n    top: 15%;\n    right: 20%;\n    border: 1px solid transparent;\n  }\n"])));
-exports.Content = (0, styled_components_1.default)('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  max-height: 400px;\n  overflow-y: auto;\n  width: 100%;\n  min-width: 400px;\n  text-align: left;\n  padding: 20px;\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: #000;\n    border-radius: 10px;\n  }\n"], ["\n  max-height: 400px;\n  overflow-y: auto;\n  width: 100%;\n  min-width: 400px;\n  text-align: left;\n  padding: 20px;\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: #000;\n    border-radius: 10px;\n  }\n"])));
+exports.Content = (0, styled_components_1.default)('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  max-height: 400px;\n  overflow-y: auto;\n  width: 100%;\n  width: 450px;\n  text-align: left;\n\n  .tabs {\n    background: transparent;\n    .background {\n      background-color: transparent;\n      border-radius: unset;\n      border-bottom: 2px solid ", ";\n      opacity: 0.5;\n      height: 30px;\n    }\n\n    button {\n      height: 30px;\n      padding: 0 6px;\n      font-size: 13px;\n    }\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: #000;\n    border-radius: 10px;\n  }\n"], ["\n  max-height: 400px;\n  overflow-y: auto;\n  width: 100%;\n  width: 450px;\n  text-align: left;\n\n  .tabs {\n    background: transparent;\n    .background {\n      background-color: transparent;\n      border-radius: unset;\n      border-bottom: 2px solid ", ";\n      opacity: 0.5;\n      height: 30px;\n    }\n\n    button {\n      height: 30px;\n      padding: 0 6px;\n      font-size: 13px;\n    }\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: #000;\n    border-radius: 10px;\n  }\n"])), function (props) { return props.theme.primaryColor; });
 var templateObject_1, templateObject_2;
 //# sourceMappingURL=styles.js.map

package/dist/system/presentation/components/data/notifications/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/notifications/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,0SAAA,uOAazC,KAAA;AACY,QAAA,OAAO,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,0bAAA,uXAsBnC,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/notifications/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,0SAAA,uOAazC,KAAA;AACY,QAAA,OAAO,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,4tBAAA,qQAYH,EAAmC,kZA0BnE,KA1BgC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EA0BnE"}

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

@@ -42,7 +42,6 @@ var ui_1 = require("../../../../ui/index.js");
 var S = __importStar(require("./styles.js"));
 function Layout(props) {
     var sideBar = (0, ui_1.useElementId)({ id: 'sidebar' });
-    console.log(sideBar);
     return ((0, jsx_runtime_1.jsxs)(S.Layout, { "$sideBarWidth": sideBar === null || sideBar === void 0 ? void 0 : sideBar.offsetWidth, children: [(0, jsx_runtime_1.jsx)(header_1.Header, __assign({}, props)), (0, jsx_runtime_1.jsxs)("div", { className: 'content_layout', children: [(0, jsx_runtime_1.jsx)(sidebar_menu_1.SidebarMenu, __assign({}, props === null || props === void 0 ? void 0 : props.sidebar)), props.children && (0, jsx_runtime_1.jsx)("main", { className: 'hasMenu', children: props.children })] })] }));
 }
 exports.Layout = Layout;

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAiC;AACjC,+CAA4C;AAG5C,2BAAmC;AAEnC,0CAA6B;AAE7B,SAAgB,MAAM,CAAC,KAAc;IACnC,IAAM,OAAO,GAAG,IAAA,iBAAY,EAAC,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,CAAA;IAE/C,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IAEpB,OAAO,CACL,wBAAC,CAAC,CAAC,MAAM,qBAAgB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,aAC3C,uBAAC,eAAM,eAAK,KAAK,EAAI,EAErB,iCAAK,SAAS,EAAC,gBAAgB,aAC7B,uBAAC,0BAAW,eAAK,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,EAAI,EAElC,KAAK,CAAC,QAAQ,IAAI,iCAAM,SAAS,EAAC,SAAS,YAAE,KAAK,CAAC,QAAQ,GAAQ,IAChE,IACG,CACZ,CAAA;AACH,CAAC;AAhBD,wBAgBC"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAiC;AACjC,+CAA4C;AAG5C,2BAAmC;AAEnC,0CAA6B;AAE7B,SAAgB,MAAM,CAAC,KAAc;IACnC,IAAM,OAAO,GAAG,IAAA,iBAAY,EAAC,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,CAAA;IAE/C,OAAO,CACL,wBAAC,CAAC,CAAC,MAAM,qBAAgB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,aAC3C,uBAAC,eAAM,eAAK,KAAK,EAAI,EAErB,iCAAK,SAAS,EAAC,gBAAgB,aAC7B,uBAAC,0BAAW,eAAK,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,EAAI,EAElC,KAAK,CAAC,QAAQ,IAAI,iCAAM,SAAS,EAAC,SAAS,YAAE,KAAK,CAAC,QAAQ,GAAQ,IAChE,IACG,CACZ,CAAA;AACH,CAAC;AAdD,wBAcC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/header/version-01/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA4B;AAE5B,2BAAuC;AAGvC,4CAAsD;AAItD,0CAA6B;AAE7B,SAAgB,eAAe,CAAC,EAA6B;QAA3B,UAAU,gBAAA,EAAE,IAAI,UAAA;IAChD,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,cAAc,YACxB,uBAAC,CAAC,CAAC,eAAe,IAAC,EAAE,EAAC,QAAQ,YAC5B,wBAAC,cAAS,eACR,gCAAK,SAAS,EAAC,MAAM,YACnB,gCAAK,SAAS,EAAC,cAAc,YAC3B,uBAAC,UAAK,IAAC,IAAI,EAAC,MAAM,YAChB,uBAAC,cAAI,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,GAAG,YAC5C,gCAAK,GAAG,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,KAAI,kBAAkB,EAAE,GAAG,EAAC,aAAa,GAAG,GAC1D,GACD,GACJ,GACF,EAEN,iCAAK,SAAS,EAAC,OAAO,aACpB,uBAAC,UAAK,IAAC,IAAI,EAAC,cAAc,YACxB,uBAAC,wBAAW,KAAG,GACT,EAER,uBAAC,UAAK,IAAC,IAAI,EAAC,YAAY,YACtB,uBAAC,sBAAS,IAAC,UAAU,EAAE,UAAU,GAAI,GAC/B,IACJ,IACI,GACM,GACd,CACT,CAAA;AACH,CAAC;AA5BD,0CA4BC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/header/version-01/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA4B;AAE5B,2BAAuC;AAEvC,4CAAsD;AAItD,0CAA6B;AAE7B,SAAgB,eAAe,CAAC,EAA6B;QAA3B,UAAU,gBAAA,EAAE,IAAI,UAAA;IAChD,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,cAAc,YACxB,uBAAC,CAAC,CAAC,eAAe,IAAC,EAAE,EAAC,QAAQ,YAC5B,wBAAC,cAAS,eACR,gCAAK,SAAS,EAAC,MAAM,YACnB,gCAAK,SAAS,EAAC,cAAc,YAC3B,uBAAC,UAAK,IAAC,IAAI,EAAC,MAAM,YAChB,uBAAC,cAAI,IAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,GAAG,YAC5C,gCAAK,GAAG,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,KAAI,kBAAkB,EAAE,GAAG,EAAC,aAAa,GAAG,GAC1D,GACD,GACJ,GACF,EAEN,iCAAK,SAAS,EAAC,OAAO,aACpB,uBAAC,UAAK,IAAC,IAAI,EAAC,cAAc,YACxB,uBAAC,wBAAW,KAAG,GACT,EAER,uBAAC,UAAK,IAAC,IAAI,EAAC,YAAY,YACtB,uBAAC,sBAAS,IAAC,UAAU,EAAE,UAAU,GAAI,GAC/B,IACJ,IACI,GACM,GACd,CACT,CAAA;AACH,CAAC;AA5BD,0CA4BC"}

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

@@ -42,11 +42,11 @@ function MenuItem(_a) {
     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' }) }))] }));
+        return ((0, jsx_runtime_1.jsxs)("span", { className: 'font-13-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)] }));
+    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-13-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;

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

@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (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  height: 100%;\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  &.expanded_menu {\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      border: 0;\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  height: 100%;\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  &.expanded_menu {\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      border: 0;\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.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  height: 100%;\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  &.expanded_menu {\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      border: 0;\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: 265px;\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  height: 100%;\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  &.expanded_menu {\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      border: 0;\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: 265px;\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/context/auth/private-page/index.d.ts

@@ -1,2 +1,2 @@
 import { IPrivatePageAdmin } from './interfaces.js';
-export declare function PrivatePageAdmin({ children, LoginPage }: IPrivatePageAdmin): import("react/jsx-runtime").JSX.Element;
+export declare function PrivatePageAdmin({ children }: IPrivatePageAdmin): import("react/jsx-runtime").JSX.Element;