rc-lib-ui 1.0.24 → 1.0.26

package/README.md

@@ -86,6 +86,7 @@ export const App = () => {
       </Toolbar>
     </>
   )}
+ itemsProps={{MuiHeader: {AfterComponent: <OfflineDetection/>}}}
   children={/*...*/}
 />;
 

package/dist/Dashboard/Dashboard.d.ts

@@ -17,7 +17,7 @@ export interface DashboardProps extends Pick<ListMenuProps, 'listMenu' | 'styleL
     statuses?: Partial<Record<Statuses_OR, boolean>>;
     sx?: SxProps<Theme>;
     itemsProps?: {
-        MuiHeader?: Pick<MuiHeaderProps, 'sx' | 'bgColor'>;
+        MuiHeader?: Pick<MuiHeaderProps, 'sx' | 'bgColor' | 'AfterComponent'>;
     };
     classes?: Partial<Record<'listMenu' | 'header', string>>;
 }

package/dist/Dashboard/Dashboard.js

@@ -2,11 +2,11 @@ import { jsxs as Ae, jsx as ie, Fragment as Rr } from "react/jsx-runtime";
 import * as Re from "react";
 import vt, { forwardRef as St, useMemo as Ct, useState as Tt, useRef as Et, useEffect as wt, useImperativeHandle as $t } from "react";
 import { useTheme as Ot } from "@mui/material/styles";
-import { Box as Pr, Divider as kr, IconButton as xt } from "@mui/material";
+import { Box as kr, Divider as Pr, IconButton as xt } from "@mui/material";
 import At, { internal_processStyles as _t } from "@mui/styled-engine";
 import { setStateDecorator as Rt } from "../_helpers/index.js";
-import { ContentBox as Pt } from "./components/ContentBox.js";
-import { DrawerToggleMenu as kt } from "./components/DrawerToggleMenu.js";
+import { ContentBox as kt } from "./components/ContentBox.js";
+import { DrawerToggleMenu as Pt } from "./components/DrawerToggleMenu.js";
 import { ListMenu as It } from "./components/ListMemu/ListMenu.js";
 import { MuiHeader as Nt } from "./components/MuiHeader.js";
 import { MuiMenu as Dt } from "./components/MuiMenu.js";
@@ -165,7 +165,7 @@ function Vt() {
         }
       }
     }
-    var h = f, R = l, H = s, te = c, Q = r, i = g, T = n, A = S, P = v, K = t, re = a, ne = o, ce = d, ve = !1;
+    var h = f, R = l, H = s, ne = c, K = r, i = g, T = n, A = S, D = v, Q = t, J = a, re = o, ce = d, ve = !1;
     function Ce(C) {
       return ve || (ve = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), b(C) || $(C) === f;
     }
@@ -175,10 +175,10 @@ function Vt() {
     function E(C) {
       return $(C) === s;
     }
-    function D(C) {
+    function N(C) {
       return $(C) === c;
     }
-    function I(C) {
+    function P(C) {
       return typeof C == "object" && C !== null && C.$$typeof === r;
     }
     function _(C) {
@@ -190,7 +190,7 @@ function Vt() {
     function k(C) {
       return $(C) === S;
     }
-    function N(C) {
+    function I(C) {
       return $(C) === v;
     }
     function B(C) {
@@ -205,7 +205,7 @@ function Vt() {
     function oe(C) {
       return $(C) === d;
     }
-    z.AsyncMode = h, z.ConcurrentMode = R, z.ContextConsumer = H, z.ContextProvider = te, z.Element = Q, z.ForwardRef = i, z.Fragment = T, z.Lazy = A, z.Memo = P, z.Portal = K, z.Profiler = re, z.StrictMode = ne, z.Suspense = ce, z.isAsyncMode = Ce, z.isConcurrentMode = b, z.isContextConsumer = E, z.isContextProvider = D, z.isElement = I, z.isForwardRef = _, z.isFragment = M, z.isLazy = k, z.isMemo = N, z.isPortal = B, z.isProfiler = V, z.isStrictMode = j, z.isSuspense = oe, z.isValidElementType = w, z.typeOf = $;
+    z.AsyncMode = h, z.ConcurrentMode = R, z.ContextConsumer = H, z.ContextProvider = ne, z.Element = K, z.ForwardRef = i, z.Fragment = T, z.Lazy = A, z.Memo = D, z.Portal = Q, z.Profiler = J, z.StrictMode = re, z.Suspense = ce, z.isAsyncMode = Ce, z.isConcurrentMode = b, z.isContextConsumer = E, z.isContextProvider = N, z.isElement = P, z.isForwardRef = _, z.isFragment = M, z.isLazy = k, z.isMemo = I, z.isPortal = B, z.isProfiler = V, z.isStrictMode = j, z.isSuspense = oe, z.isValidElementType = w, z.typeOf = $;
   }()), z;
 }
 var Mr;
@@ -362,11 +362,11 @@ function Lt() {
       elementType: h(),
       instanceOf: R,
       node: i(),
-      objectOf: te,
+      objectOf: ne,
       oneOf: H,
-      oneOfType: Q,
+      oneOfType: K,
       shape: A,
-      exact: P
+      exact: D
     };
     function S(b, E) {
       return b === E ? b !== 0 || 1 / b === 1 / E : b !== b && E !== E;
@@ -377,30 +377,30 @@ function Lt() {
     y.prototype = Error.prototype;
     function p(b) {
       if (process.env.NODE_ENV !== "production")
-        var E = {}, D = 0;
-      function I(M, k, N, B, V, j, oe) {
-        if (B = B || m, j = j || N, oe !== t) {
+        var E = {}, N = 0;
+      function P(M, k, I, B, V, j, oe) {
+        if (B = B || m, j = j || I, oe !== t) {
           if (f) {
             var C = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
             throw C.name = "Invariant Violation", C;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var le = B + ":" + N;
+            var le = B + ":" + I;
             !E[le] && // Avoid spamming the console because they are often not actionable except for lib authors
-            D < 3 && (a(
+            N < 3 && (a(
               "You are manually calling a React.PropTypes validation function for the `" + j + "` prop on `" + B + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), E[le] = !0, D++);
+            ), E[le] = !0, N++);
           }
         }
-        return k[N] == null ? M ? k[N] === null ? new y("The " + V + " `" + j + "` is marked as required " + ("in `" + B + "`, but its value is `null`.")) : new y("The " + V + " `" + j + "` is marked as required in " + ("`" + B + "`, but its value is `undefined`.")) : null : b(k, N, B, V, j);
+        return k[I] == null ? M ? k[I] === null ? new y("The " + V + " `" + j + "` is marked as required " + ("in `" + B + "`, but its value is `null`.")) : new y("The " + V + " `" + j + "` is marked as required in " + ("`" + B + "`, but its value is `undefined`.")) : null : b(k, I, B, V, j);
       }
-      var _ = I.bind(null, !1);
-      return _.isRequired = I.bind(null, !0), _;
+      var _ = P.bind(null, !1);
+      return _.isRequired = P.bind(null, !0), _;
     }
     function O(b) {
-      function E(D, I, _, M, k, N) {
-        var B = D[I], V = ne(B);
+      function E(N, P, _, M, k, I) {
+        var B = N[P], V = re(B);
         if (V !== b) {
           var j = ce(B);
           return new y(
@@ -416,16 +416,16 @@ function Lt() {
       return p(c);
     }
     function w(b) {
-      function E(D, I, _, M, k) {
+      function E(N, P, _, M, k) {
         if (typeof b != "function")
           return new y("Property `" + k + "` of component `" + _ + "` has invalid PropType notation inside arrayOf.");
-        var N = D[I];
-        if (!Array.isArray(N)) {
-          var B = ne(N);
+        var I = N[P];
+        if (!Array.isArray(I)) {
+          var B = re(I);
           return new y("Invalid " + M + " `" + k + "` of type " + ("`" + B + "` supplied to `" + _ + "`, expected an array."));
         }
-        for (var V = 0; V < N.length; V++) {
-          var j = b(N, V, _, M, k + "[" + V + "]", t);
+        for (var V = 0; V < I.length; V++) {
+          var j = b(I, V, _, M, k + "[" + V + "]", t);
           if (j instanceof Error)
             return j;
         }
@@ -434,32 +434,32 @@ function Lt() {
       return p(E);
     }
     function $() {
-      function b(E, D, I, _, M) {
-        var k = E[D];
+      function b(E, N, P, _, M) {
+        var k = E[N];
         if (!s(k)) {
-          var N = ne(k);
-          return new y("Invalid " + _ + " `" + M + "` of type " + ("`" + N + "` supplied to `" + I + "`, expected a single ReactElement."));
+          var I = re(k);
+          return new y("Invalid " + _ + " `" + M + "` of type " + ("`" + I + "` supplied to `" + P + "`, expected a single ReactElement."));
         }
         return null;
       }
       return p(b);
     }
     function h() {
-      function b(E, D, I, _, M) {
-        var k = E[D];
+      function b(E, N, P, _, M) {
+        var k = E[N];
         if (!e.isValidElementType(k)) {
-          var N = ne(k);
-          return new y("Invalid " + _ + " `" + M + "` of type " + ("`" + N + "` supplied to `" + I + "`, expected a single ReactElement type."));
+          var I = re(k);
+          return new y("Invalid " + _ + " `" + M + "` of type " + ("`" + I + "` supplied to `" + P + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return p(b);
     }
     function R(b) {
-      function E(D, I, _, M, k) {
-        if (!(D[I] instanceof b)) {
-          var N = b.name || m, B = Ce(D[I]);
-          return new y("Invalid " + M + " `" + k + "` of type " + ("`" + B + "` supplied to `" + _ + "`, expected ") + ("instance of `" + N + "`."));
+      function E(N, P, _, M, k) {
+        if (!(N[P] instanceof b)) {
+          var I = b.name || m, B = Ce(N[P]);
+          return new y("Invalid " + M + " `" + k + "` of type " + ("`" + B + "` supplied to `" + _ + "`, expected ") + ("instance of `" + I + "`."));
         }
         return null;
       }
@@ -470,28 +470,28 @@ function Lt() {
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? a(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : a("Invalid argument supplied to oneOf, expected an array.")), c;
-      function E(D, I, _, M, k) {
-        for (var N = D[I], B = 0; B < b.length; B++)
-          if (S(N, b[B]))
+      function E(N, P, _, M, k) {
+        for (var I = N[P], B = 0; B < b.length; B++)
+          if (S(I, b[B]))
             return null;
         var V = JSON.stringify(b, function(oe, C) {
           var le = ce(C);
           return le === "symbol" ? String(C) : C;
         });
-        return new y("Invalid " + M + " `" + k + "` of value `" + String(N) + "` " + ("supplied to `" + _ + "`, expected one of " + V + "."));
+        return new y("Invalid " + M + " `" + k + "` of value `" + String(I) + "` " + ("supplied to `" + _ + "`, expected one of " + V + "."));
       }
       return p(E);
     }
-    function te(b) {
-      function E(D, I, _, M, k) {
+    function ne(b) {
+      function E(N, P, _, M, k) {
         if (typeof b != "function")
           return new y("Property `" + k + "` of component `" + _ + "` has invalid PropType notation inside objectOf.");
-        var N = D[I], B = ne(N);
+        var I = N[P], B = re(I);
         if (B !== "object")
           return new y("Invalid " + M + " `" + k + "` of type " + ("`" + B + "` supplied to `" + _ + "`, expected an object."));
-        for (var V in N)
-          if (n(N, V)) {
-            var j = b(N, V, _, M, k + "." + V, t);
+        for (var V in I)
+          if (n(I, V)) {
+            var j = b(I, V, _, M, k + "." + V, t);
             if (j instanceof Error)
               return j;
           }
@@ -499,49 +499,49 @@ function Lt() {
       }
       return p(E);
     }
-    function Q(b) {
+    function K(b) {
       if (!Array.isArray(b))
         return process.env.NODE_ENV !== "production" && a("Invalid argument supplied to oneOfType, expected an instance of array."), c;
       for (var E = 0; E < b.length; E++) {
-        var D = b[E];
-        if (typeof D != "function")
+        var N = b[E];
+        if (typeof N != "function")
           return a(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ve(D) + " at index " + E + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ve(N) + " at index " + E + "."
           ), c;
       }
-      function I(_, M, k, N, B) {
+      function P(_, M, k, I, B) {
         for (var V = [], j = 0; j < b.length; j++) {
-          var oe = b[j], C = oe(_, M, k, N, B, t);
+          var oe = b[j], C = oe(_, M, k, I, B, t);
           if (C == null)
             return null;
           C.data && n(C.data, "expectedType") && V.push(C.data.expectedType);
         }
         var le = V.length > 0 ? ", expected one of type [" + V.join(", ") + "]" : "";
-        return new y("Invalid " + N + " `" + B + "` supplied to " + ("`" + k + "`" + le + "."));
+        return new y("Invalid " + I + " `" + B + "` supplied to " + ("`" + k + "`" + le + "."));
       }
-      return p(I);
+      return p(P);
     }
     function i() {
-      function b(E, D, I, _, M) {
-        return K(E[D]) ? null : new y("Invalid " + _ + " `" + M + "` supplied to " + ("`" + I + "`, expected a ReactNode."));
+      function b(E, N, P, _, M) {
+        return Q(E[N]) ? null : new y("Invalid " + _ + " `" + M + "` supplied to " + ("`" + P + "`, expected a ReactNode."));
       }
       return p(b);
     }
-    function T(b, E, D, I, _) {
+    function T(b, E, N, P, _) {
       return new y(
-        (b || "React class") + ": " + E + " type `" + D + "." + I + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + _ + "`."
+        (b || "React class") + ": " + E + " type `" + N + "." + P + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + _ + "`."
       );
     }
     function A(b) {
-      function E(D, I, _, M, k) {
-        var N = D[I], B = ne(N);
+      function E(N, P, _, M, k) {
+        var I = N[P], B = re(I);
         if (B !== "object")
           return new y("Invalid " + M + " `" + k + "` of type `" + B + "` " + ("supplied to `" + _ + "`, expected `object`."));
         for (var V in b) {
           var j = b[V];
           if (typeof j != "function")
             return T(_, M, k, V, ce(j));
-          var oe = j(N, V, _, M, k + "." + V, t);
+          var oe = j(I, V, _, M, k + "." + V, t);
           if (oe)
             return oe;
         }
@@ -549,22 +549,22 @@ function Lt() {
       }
       return p(E);
     }
-    function P(b) {
-      function E(D, I, _, M, k) {
-        var N = D[I], B = ne(N);
+    function D(b) {
+      function E(N, P, _, M, k) {
+        var I = N[P], B = re(I);
         if (B !== "object")
           return new y("Invalid " + M + " `" + k + "` of type `" + B + "` " + ("supplied to `" + _ + "`, expected `object`."));
-        var V = r({}, D[I], b);
+        var V = r({}, N[P], b);
         for (var j in V) {
           var oe = b[j];
           if (n(b, j) && typeof oe != "function")
             return T(_, M, k, j, ce(oe));
           if (!oe)
             return new y(
-              "Invalid " + M + " `" + k + "` key `" + j + "` supplied to `" + _ + "`.\nBad object: " + JSON.stringify(D[I], null, "  ") + `
+              "Invalid " + M + " `" + k + "` key `" + j + "` supplied to `" + _ + "`.\nBad object: " + JSON.stringify(N[P], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(b), null, "  ")
             );
-          var C = oe(N, j, _, M, k + "." + j, t);
+          var C = oe(I, j, _, M, k + "." + j, t);
           if (C)
             return C;
         }
@@ -572,7 +572,7 @@ Valid keys: ` + JSON.stringify(Object.keys(b), null, "  ")
       }
       return p(E);
     }
-    function K(b) {
+    function Q(b) {
       switch (typeof b) {
         case "number":
         case "string":
@@ -582,20 +582,20 @@ Valid keys: ` + JSON.stringify(Object.keys(b), null, "  ")
           return !b;
         case "object":
           if (Array.isArray(b))
-            return b.every(K);
+            return b.every(Q);
           if (b === null || s(b))
             return !0;
           var E = d(b);
           if (E) {
-            var D = E.call(b), I;
+            var N = E.call(b), P;
             if (E !== b.entries) {
-              for (; !(I = D.next()).done; )
-                if (!K(I.value))
+              for (; !(P = N.next()).done; )
+                if (!Q(P.value))
                   return !1;
             } else
-              for (; !(I = D.next()).done; ) {
-                var _ = I.value;
-                if (_ && !K(_[1]))
+              for (; !(P = N.next()).done; ) {
+                var _ = P.value;
+                if (_ && !Q(_[1]))
                   return !1;
               }
           } else
@@ -605,17 +605,17 @@ Valid keys: ` + JSON.stringify(Object.keys(b), null, "  ")
           return !1;
       }
     }
-    function re(b, E) {
+    function J(b, E) {
       return b === "symbol" ? !0 : E ? E["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && E instanceof Symbol : !1;
     }
-    function ne(b) {
+    function re(b) {
       var E = typeof b;
-      return Array.isArray(b) ? "array" : b instanceof RegExp ? "object" : re(E, b) ? "symbol" : E;
+      return Array.isArray(b) ? "array" : b instanceof RegExp ? "object" : J(E, b) ? "symbol" : E;
     }
     function ce(b) {
       if (typeof b > "u" || b === null)
         return "" + b;
-      var E = ne(b);
+      var E = re(b);
       if (E === "object") {
         if (b instanceof Date)
           return "date";
@@ -837,17 +837,17 @@ function Kt() {
         }
       }
     }
-    var R = c, H = a, te = e, Q = f, i = t, T = m, A = d, P = r, K = o, re = n, ne = l, ce = g, ve = !1, Ce = !1;
+    var R = c, H = a, ne = e, K = f, i = t, T = m, A = d, D = r, Q = o, J = n, re = l, ce = g, ve = !1, Ce = !1;
     function b(x) {
       return ve || (ve = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")), !1;
     }
     function E(x) {
       return Ce || (Ce = !0, console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")), !1;
     }
-    function D(x) {
+    function N(x) {
       return h(x) === c;
     }
-    function I(x) {
+    function P(x) {
       return h(x) === a;
     }
     function _(x) {
@@ -859,7 +859,7 @@ function Kt() {
     function k(x) {
       return h(x) === t;
     }
-    function N(x) {
+    function I(x) {
       return h(x) === m;
     }
     function B(x) {
@@ -880,7 +880,7 @@ function Kt() {
     function le(x) {
       return h(x) === g;
     }
-    U.ContextConsumer = R, U.ContextProvider = H, U.Element = te, U.ForwardRef = Q, U.Fragment = i, U.Lazy = T, U.Memo = A, U.Portal = P, U.Profiler = K, U.StrictMode = re, U.Suspense = ne, U.SuspenseList = ce, U.isAsyncMode = b, U.isConcurrentMode = E, U.isContextConsumer = D, U.isContextProvider = I, U.isElement = _, U.isForwardRef = M, U.isFragment = k, U.isLazy = N, U.isMemo = B, U.isPortal = V, U.isProfiler = j, U.isStrictMode = oe, U.isSuspense = C, U.isSuspenseList = le, U.isValidElementType = $, U.typeOf = h;
+    U.ContextConsumer = R, U.ContextProvider = H, U.Element = ne, U.ForwardRef = K, U.Fragment = i, U.Lazy = T, U.Memo = A, U.Portal = D, U.Profiler = Q, U.StrictMode = J, U.Suspense = re, U.SuspenseList = ce, U.isAsyncMode = b, U.isConcurrentMode = E, U.isContextConsumer = N, U.isContextProvider = P, U.isElement = _, U.isForwardRef = M, U.isFragment = k, U.isLazy = I, U.isMemo = B, U.isPortal = V, U.isProfiler = j, U.isStrictMode = oe, U.isSuspense = C, U.isSuspenseList = le, U.isValidElementType = $, U.typeOf = h;
   }()), U;
 }
 process.env.NODE_ENV === "production" ? hr.exports = Ht() : hr.exports = Kt();
@@ -1137,7 +1137,7 @@ function qe(e, r, t, n = t) {
   let o;
   return typeof e == "function" ? o = e(t) : Array.isArray(e) ? o = e[t] || n : o = Ke(e, t) || n, r && (o = r(o, n, e)), o;
 }
-function ee(e) {
+function te(e) {
   const {
     prop: r,
     cssProperty: t = e.prop,
@@ -1220,16 +1220,16 @@ function dt(e, r) {
   const t = Er(e.theme);
   return Object.keys(e).map((n) => bn(e, r, n, t)).reduce(Ne, {});
 }
-function J(e) {
+function Z(e) {
   return dt(e, Qe);
 }
-J.propTypes = process.env.NODE_ENV !== "production" ? Qe.reduce((e, r) => (e[r] = be, e), {}) : {};
-J.filterProps = Qe;
-function Z(e) {
+Z.propTypes = process.env.NODE_ENV !== "production" ? Qe.reduce((e, r) => (e[r] = be, e), {}) : {};
+Z.filterProps = Qe;
+function ee(e) {
   return dt(e, Xe);
 }
-Z.propTypes = process.env.NODE_ENV !== "production" ? Xe.reduce((e, r) => (e[r] = be, e), {}) : {};
-Z.filterProps = Xe;
+ee.propTypes = process.env.NODE_ENV !== "production" ? Xe.reduce((e, r) => (e[r] = be, e), {}) : {};
+ee.filterProps = Xe;
 process.env.NODE_ENV !== "production" && hn.reduce((e, r) => (e[r] = be, e), {});
 function Je(...e) {
   const r = e.reduce((n, o) => (o.filterProps.forEach((a) => {
@@ -1241,7 +1241,7 @@ function ue(e) {
   return typeof e != "number" ? e : `${e}px solid`;
 }
 function fe(e, r) {
-  return ee({
+  return te({
     prop: e,
     themeKey: "borders",
     transform: r
@@ -1300,39 +1300,39 @@ tr.propTypes = process.env.NODE_ENV !== "production" ? {
   rowGap: be
 } : {};
 tr.filterProps = ["rowGap"];
-const Pn = ee({
+const kn = te({
   prop: "gridColumn"
-}), kn = ee({
+}), Pn = te({
   prop: "gridRow"
-}), In = ee({
+}), In = te({
   prop: "gridAutoFlow"
-}), Nn = ee({
+}), Nn = te({
   prop: "gridAutoColumns"
-}), Dn = ee({
+}), Dn = te({
   prop: "gridAutoRows"
-}), Mn = ee({
+}), Mn = te({
   prop: "gridTemplateColumns"
-}), Bn = ee({
+}), Bn = te({
   prop: "gridTemplateRows"
-}), jn = ee({
+}), jn = te({
   prop: "gridTemplateAreas"
-}), Fn = ee({
+}), Fn = te({
   prop: "gridArea"
 });
-Je(er, rr, tr, Pn, kn, In, Nn, Dn, Mn, Bn, jn, Fn);
+Je(er, rr, tr, kn, Pn, In, Nn, Dn, Mn, Bn, jn, Fn);
 function _e(e, r) {
   return r === "grey" ? r : e;
 }
-const Vn = ee({
+const Vn = te({
   prop: "color",
   themeKey: "palette",
   transform: _e
-}), Wn = ee({
+}), Wn = te({
   prop: "bgcolor",
   cssProperty: "backgroundColor",
   themeKey: "palette",
   transform: _e
-}), zn = ee({
+}), zn = te({
   prop: "backgroundColor",
   themeKey: "palette",
   transform: _e
@@ -1341,7 +1341,7 @@ Je(Vn, Wn, zn);
 function ae(e) {
   return e <= 1 && e !== 0 ? `${e * 100}%` : e;
 }
-const Ln = ee({
+const Ln = te({
   prop: "width",
   transform: ae
 }), wr = (e) => {
@@ -1362,30 +1362,30 @@ const Ln = ee({
   return null;
 };
 wr.filterProps = ["maxWidth"];
-const Un = ee({
+const Un = te({
   prop: "minWidth",
   transform: ae
-}), Yn = ee({
+}), Yn = te({
   prop: "height",
   transform: ae
-}), Gn = ee({
+}), Gn = te({
   prop: "maxHeight",
   transform: ae
-}), qn = ee({
+}), qn = te({
   prop: "minHeight",
   transform: ae
 });
-ee({
+te({
   prop: "size",
   cssProperty: "width",
   transform: ae
 });
-ee({
+te({
   prop: "size",
   cssProperty: "height",
   transform: ae
 });
-const Hn = ee({
+const Hn = te({
   prop: "boxSizing"
 });
 Je(Ln, wr, Un, Yn, Gn, qn, Hn);
@@ -1453,124 +1453,124 @@ const nr = {
   },
   // spacing
   p: {
-    style: Z
+    style: ee
   },
   pt: {
-    style: Z
+    style: ee
   },
   pr: {
-    style: Z
+    style: ee
   },
   pb: {
-    style: Z
+    style: ee
   },
   pl: {
-    style: Z
+    style: ee
   },
   px: {
-    style: Z
+    style: ee
   },
   py: {
-    style: Z
+    style: ee
   },
   padding: {
-    style: Z
+    style: ee
   },
   paddingTop: {
-    style: Z
+    style: ee
   },
   paddingRight: {
-    style: Z
+    style: ee
   },
   paddingBottom: {
-    style: Z
+    style: ee
   },
   paddingLeft: {
-    style: Z
+    style: ee
   },
   paddingX: {
-    style: Z
+    style: ee
   },
   paddingY: {
-    style: Z
+    style: ee
   },
   paddingInline: {
-    style: Z
+    style: ee
   },
   paddingInlineStart: {
-    style: Z
+    style: ee
   },
   paddingInlineEnd: {
-    style: Z
+    style: ee
   },
   paddingBlock: {
-    style: Z
+    style: ee
   },
   paddingBlockStart: {
-    style: Z
+    style: ee
   },
   paddingBlockEnd: {
-    style: Z
+    style: ee
   },
   m: {
-    style: J
+    style: Z
   },
   mt: {
-    style: J
+    style: Z
   },
   mr: {
-    style: J
+    style: Z
   },
   mb: {
-    style: J
+    style: Z
   },
   ml: {
-    style: J
+    style: Z
   },
   mx: {
-    style: J
+    style: Z
   },
   my: {
-    style: J
+    style: Z
   },
   margin: {
-    style: J
+    style: Z
   },
   marginTop: {
-    style: J
+    style: Z
   },
   marginRight: {
-    style: J
+    style: Z
   },
   marginBottom: {
-    style: J
+    style: Z
   },
   marginLeft: {
-    style: J
+    style: Z
   },
   marginX: {
-    style: J
+    style: Z
   },
   marginY: {
-    style: J
+    style: Z
   },
   marginInline: {
-    style: J
+    style: Z
   },
   marginInlineStart: {
-    style: J
+    style: Z
   },
   marginInlineEnd: {
-    style: J
+    style: Z
   },
   marginBlock: {
-    style: J
+    style: Z
   },
   marginBlockStart: {
-    style: J
+    style: Z
   },
   marginBlockEnd: {
-    style: J
+    style: Z
   },
   // display
   displayPrint: {
@@ -1964,29 +1964,29 @@ function oo(e = {}) {
       label: O,
       ...S
     }), $ = (R) => typeof R == "function" && R.__emotion_real !== R || me(R) ? (H) => Ge(R, Le(H, r, t)) : R, h = (R, ...H) => {
-      let te = $(R);
-      const Q = H ? H.map($) : [];
-      l && v && Q.push((A) => {
-        const P = br(r, A.theme, t);
-        if (!P.components || !P.components[l] || !P.components[l].styleOverrides)
+      let ne = $(R);
+      const K = H ? H.map($) : [];
+      l && v && K.push((A) => {
+        const D = br(r, A.theme, t);
+        if (!D.components || !D.components[l] || !D.components[l].styleOverrides)
           return null;
-        const K = P.components[l].styleOverrides, re = {}, ne = Le(A, r, t);
-        for (const ce in K)
-          re[ce] = Ge(K[ce], ne);
-        return v(A, re);
-      }), l && !y && Q.push((A) => {
-        var re, ne;
-        const P = br(r, A.theme, t), K = (ne = (re = P == null ? void 0 : P.components) == null ? void 0 : re[l]) == null ? void 0 : ne.variants;
-        return K ? Ge({
-          variants: K
+        const Q = D.components[l].styleOverrides, J = {}, re = Le(A, r, t);
+        for (const ce in Q)
+          J[ce] = Ge(Q[ce], re);
+        return v(A, J);
+      }), l && !y && K.push((A) => {
+        var J, re;
+        const D = br(r, A.theme, t), Q = (re = (J = D == null ? void 0 : D.components) == null ? void 0 : J[l]) == null ? void 0 : re.variants;
+        return Q ? Ge({
+          variants: Q
         }, Le(A, r, t)) : null;
-      }), p || Q.push(a);
-      const i = Q.length - H.length;
+      }), p || K.push(a);
+      const i = K.length - H.length;
       if (Array.isArray(R) && i > 0) {
         const A = new Array(i).fill("");
-        te = [...R, ...A], te.raw = [...R.raw, ...A];
+        ne = [...R, ...A], ne.raw = [...R.raw, ...A];
       }
-      const T = w(te, ...Q);
+      const T = w(ne, ...K);
       if (process.env.NODE_ENV !== "production") {
         let A;
         l && (A = `${l}${Se(g || "")}`), A === void 0 && (A = `Styled(${Qt(s)})`), T.displayName = A;
@@ -2044,7 +2044,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
 const co = (e) => {
   const r = ye(e);
   return r.values.slice(0, 3).map((t, n) => r.type.includes("hsl") && n !== 0 ? `${t}%` : t).join(" ");
-}, ke = (e, r) => {
+}, Pe = (e, r) => {
   try {
     return co(e);
   } catch {
@@ -2275,7 +2275,7 @@ function bo(e, r = {}) {
       }), w;
     },
     generateStyleSheets: () => {
-      var te, Q;
+      var ne, K;
       const w = [], $ = e.defaultColorScheme || "light";
       function h(i, T) {
         Object.keys(T).length && w.push(typeof i == "string" ? {
@@ -2294,7 +2294,7 @@ function bo(e, r = {}) {
       if (R) {
         const {
           css: i
-        } = R, T = (Q = (te = a[$]) == null ? void 0 : te.palette) == null ? void 0 : Q.mode, A = !n && T ? {
+        } = R, T = (K = (ne = a[$]) == null ? void 0 : ne.palette) == null ? void 0 : K.mode, A = !n && T ? {
           colorScheme: T,
           ...i
         } : {
@@ -2307,16 +2307,16 @@ function bo(e, r = {}) {
       return Object.entries(H).forEach(([i, {
         css: T
       }]) => {
-        var K, re;
-        const A = (re = (K = a[i]) == null ? void 0 : K.palette) == null ? void 0 : re.mode, P = !n && A ? {
+        var Q, J;
+        const A = (J = (Q = a[i]) == null ? void 0 : Q.palette) == null ? void 0 : J.mode, D = !n && A ? {
           colorScheme: A,
           ...T
         } : {
           ...T
         };
         h(t(i, {
-          ...P
-        }), P);
+          ...D
+        }), D);
       }), w;
     }
   };
@@ -2374,7 +2374,7 @@ const De = {
   A200: "#ff5252",
   A400: "#ff1744",
   A700: "#d50000"
-}, Pe = {
+}, ke = {
   50: "#fff3e0",
   100: "#ffe0b2",
   200: "#ffcc80",
@@ -2558,14 +2558,14 @@ function $o(e = "light") {
 }
 function Oo(e = "light") {
   return e === "dark" ? {
-    main: Pe[400],
-    light: Pe[300],
-    dark: Pe[700]
+    main: ke[400],
+    light: ke[300],
+    dark: ke[700]
   } : {
     main: "#ed6c02",
     // closest to orange[800] that pass 3:1.
-    light: Pe[500],
-    dark: Pe[900]
+    light: ke[500],
+    dark: ke[900]
   };
 }
 function Ar(e) {
@@ -2773,9 +2773,9 @@ function Ro(e, r) {
     // No need to clone deep
   });
 }
-const Po = 0.2, ko = 0.14, Io = 0.12;
+const ko = 0.2, Po = 0.14, Io = 0.12;
 function X(...e) {
-  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${Po})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${ko})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${Io})`].join(",");
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${ko})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${Po})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${Io})`].join(",");
 }
 const No = ["none", X(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), X(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), X(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), X(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), X(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), X(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), X(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), X(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), X(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), X(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), X(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), X(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), X(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), X(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), X(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), X(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), X(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), X(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), X(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), X(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), X(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), X(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), X(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), X(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], Do = {
   // This is the most common easing curve.
@@ -3027,7 +3027,7 @@ function Ie(e) {
   return !e || !e.startsWith("hsl") ? e : gt(e);
 }
 function pe(e, r) {
-  `${r}Channel` in e || (e[`${r}Channel`] = ke(Ie(e[r]), `MUI: Can't create \`palette.${r}Channel\` because \`palette.${r}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
+  `${r}Channel` in e || (e[`${r}Channel`] = Pe(Ie(e[r]), `MUI: Can't create \`palette.${r}Channel\` because \`palette.${r}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
 To suppress this warning, you need to explicitly provide the \`palette.${r}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`));
 }
 function Ko(e) {
@@ -3113,10 +3113,10 @@ function Xo(e = {}, ...r) {
     },
     spacing: Ko(l.spacing)
   };
-  Object.keys($.colorSchemes).forEach((Q) => {
-    const i = $.colorSchemes[Q].palette, T = (A) => {
-      const P = A.split("-"), K = P[1], re = P[2];
-      return m(A, i[K][re]);
+  Object.keys($.colorSchemes).forEach((K) => {
+    const i = $.colorSchemes[K].palette, T = (A) => {
+      const D = A.split("-"), Q = D[1], J = D[2];
+      return m(A, i[Q][J]);
     };
     if (i.mode === "light" && (u(i.common, "background", "#fff"), u(i.common, "onBackground", "#000")), i.mode === "dark" && (u(i.common, "background", "#000"), u(i.common, "onBackground", "#fff")), Ho(i, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), i.mode === "light") {
       u(i.Alert, "errorColor", G(i.error.light, 0.6)), u(i.Alert, "infoColor", G(i.info.light, 0.6)), u(i.Alert, "successColor", G(i.success.light, 0.6)), u(i.Alert, "warningColor", G(i.warning.light, 0.6)), u(i.Alert, "errorFilledBg", T("palette-error-main")), u(i.Alert, "infoFilledBg", T("palette-info-main")), u(i.Alert, "successFilledBg", T("palette-success-main")), u(i.Alert, "warningFilledBg", T("palette-warning-main")), u(i.Alert, "errorFilledColor", de(() => i.getContrastText(i.error.main))), u(i.Alert, "infoFilledColor", de(() => i.getContrastText(i.info.main))), u(i.Alert, "successFilledColor", de(() => i.getContrastText(i.success.main))), u(i.Alert, "warningFilledColor", de(() => i.getContrastText(i.warning.main))), u(i.Alert, "errorStandardBg", q(i.error.light, 0.9)), u(i.Alert, "infoStandardBg", q(i.info.light, 0.9)), u(i.Alert, "successStandardBg", q(i.success.light, 0.9)), u(i.Alert, "warningStandardBg", q(i.warning.light, 0.9)), u(i.Alert, "errorIconColor", T("palette-error-main")), u(i.Alert, "infoIconColor", T("palette-info-main")), u(i.Alert, "successIconColor", T("palette-success-main")), u(i.Alert, "warningIconColor", T("palette-warning-main")), u(i.AppBar, "defaultBg", T("palette-grey-100")), u(i.Avatar, "defaultBg", T("palette-grey-400")), u(i.Button, "inheritContainedBg", T("palette-grey-300")), u(i.Button, "inheritContainedHoverBg", T("palette-grey-A100")), u(i.Chip, "defaultBorder", T("palette-grey-400")), u(i.Chip, "defaultAvatarColor", T("palette-grey-700")), u(i.Chip, "defaultIconColor", T("palette-grey-700")), u(i.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), u(i.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), u(i.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), u(i.LinearProgress, "primaryBg", q(i.primary.main, 0.62)), u(i.LinearProgress, "secondaryBg", q(i.secondary.main, 0.62)), u(i.LinearProgress, "errorBg", q(i.error.main, 0.62)), u(i.LinearProgress, "infoBg", q(i.info.main, 0.62)), u(i.LinearProgress, "successBg", q(i.success.main, 0.62)), u(i.LinearProgress, "warningBg", q(i.warning.main, 0.62)), u(i.Skeleton, "bg", `rgba(${T("palette-text-primaryChannel")} / 0.11)`), u(i.Slider, "primaryTrack", q(i.primary.main, 0.62)), u(i.Slider, "secondaryTrack", q(i.secondary.main, 0.62)), u(i.Slider, "errorTrack", q(i.error.main, 0.62)), u(i.Slider, "infoTrack", q(i.info.main, 0.62)), u(i.Slider, "successTrack", q(i.success.main, 0.62)), u(i.Slider, "warningTrack", q(i.warning.main, 0.62));
@@ -3129,10 +3129,10 @@ function Xo(e = {}, ...r) {
       u(i.SnackbarContent, "bg", A), u(i.SnackbarContent, "color", de(() => i.getContrastText(A))), u(i.SpeedDialAction, "fabHoverBg", Ye(i.background.paper, 0.15)), u(i.StepConnector, "border", T("palette-grey-600")), u(i.StepContent, "border", T("palette-grey-600")), u(i.Switch, "defaultColor", T("palette-grey-300")), u(i.Switch, "defaultDisabledColor", T("palette-grey-600")), u(i.Switch, "primaryDisabledColor", G(i.primary.main, 0.55)), u(i.Switch, "secondaryDisabledColor", G(i.secondary.main, 0.55)), u(i.Switch, "errorDisabledColor", G(i.error.main, 0.55)), u(i.Switch, "infoDisabledColor", G(i.info.main, 0.55)), u(i.Switch, "successDisabledColor", G(i.success.main, 0.55)), u(i.Switch, "warningDisabledColor", G(i.warning.main, 0.55)), u(i.TableCell, "border", G(Ue(i.divider, 1), 0.68)), u(i.Tooltip, "bg", Ue(i.grey[700], 0.92));
     }
     pe(i.background, "default"), pe(i.background, "paper"), pe(i.common, "background"), pe(i.common, "onBackground"), pe(i, "divider"), Object.keys(i).forEach((A) => {
-      const P = i[A];
-      P && typeof P == "object" && (P.main && u(i[A], "mainChannel", ke(Ie(P.main))), P.light && u(i[A], "lightChannel", ke(Ie(P.light))), P.dark && u(i[A], "darkChannel", ke(Ie(P.dark))), P.contrastText && u(i[A], "contrastTextChannel", ke(Ie(P.contrastText))), A === "text" && (pe(i[A], "primary"), pe(i[A], "secondary")), A === "action" && (P.active && pe(i[A], "active"), P.selected && pe(i[A], "selected")));
+      const D = i[A];
+      D && typeof D == "object" && (D.main && u(i[A], "mainChannel", Pe(Ie(D.main))), D.light && u(i[A], "lightChannel", Pe(Ie(D.light))), D.dark && u(i[A], "darkChannel", Pe(Ie(D.dark))), D.contrastText && u(i[A], "contrastTextChannel", Pe(Ie(D.contrastText))), A === "text" && (pe(i[A], "primary"), pe(i[A], "secondary")), A === "action" && (D.active && pe(i[A], "active"), D.selected && pe(i[A], "selected")));
     });
-  }), $ = r.reduce((Q, i) => se(Q, i), $);
+  }), $ = r.reduce((K, i) => se(K, i), $);
   const h = {
     prefix: a,
     disableCssColorScheme: o,
@@ -3141,11 +3141,11 @@ function Xo(e = {}, ...r) {
   }, {
     vars: R,
     generateThemeVars: H,
-    generateStyleSheets: te
+    generateStyleSheets: ne
   } = bo($, h);
-  return $.vars = R, Object.entries($.colorSchemes[$.defaultColorScheme]).forEach(([Q, i]) => {
-    $[Q] = i;
-  }), $.generateThemeVars = H, $.generateStyleSheets = te, $.generateSpacing = function() {
+  return $.vars = R, Object.entries($.colorSchemes[$.defaultColorScheme]).forEach(([K, i]) => {
+    $[K] = i;
+  }), $.generateThemeVars = H, $.generateStyleSheets = ne, $.generateSpacing = function() {
     return pt(l.spacing, Er(this));
   }, $.getColorSchemeSelector = vo(s), $.spacing = $.generateSpacing(), $.shouldSkipGeneratingVar = c, $.unstable_sxConfig = {
     ...nr,
@@ -3483,7 +3483,7 @@ const li = bt(/* @__PURE__ */ ie("path", {
   const { clientWidth: r, offsetWidth: t } = e;
   return t - r;
 }, fi = St(({ Footer: e, listMenu: r, children: t, HeaderContent: n, statuses: o, itemsProps: a, classes: c, columnMenu: s, styleList: f, sx: l }, g) => {
-  var T, A;
+  var T, A, D;
   const d = Ot(), m = (s == null ? void 0 : s.position) === "right", v = !1, S = !0;
   //!!statuses?.isScrollIndentation
   const y = (o == null ? void 0 : o.isHeaderDefault) === void 0 ? !0 : o == null ? void 0 : o.isHeaderDefault, p = (o == null ? void 0 : o.isHeader) === void 0 ? !0 : o == null ? void 0 : o.isHeader, O = (s == null ? void 0 : s.initWidth) || 250, Y = Ct(() => s != null && s.minWidthColumn && Object.keys(s == null ? void 0 : s.minWidthColumn).length ? s == null ? void 0 : s.minWidthColumn : {
@@ -3498,29 +3498,29 @@ const li = bt(/* @__PURE__ */ ie("path", {
   }), h = Rt(w, $), R = Et(null);
   wt(() => {
     if (R.current) {
-      const P = at(R.current);
-      let K = !1;
-      P > 0 && (K = !0), h({ widthScroll: K ? P + 1 : 0 }), window.onresize = function() {
+      const Q = at(R.current);
+      let J = !1;
+      Q > 0 && (J = !0), h({ widthScroll: J ? Q + 1 : 0 }), window.onresize = function() {
         if (R.current) {
           const re = at(R.current);
-          K && !re && (K = !1, h({ widthScroll: 0 })), !K && re && (K = !0, h({ widthScroll: re + 1 }));
+          J && !re && (J = !1, h({ widthScroll: 0 })), !J && re && (J = !0, h({ widthScroll: re + 1 }));
         }
       };
     }
   }, [S]);
   const H = () => {
     h({ isOpen: !0 });
-  }, te = () => {
+  }, ne = () => {
     h({ isOpen: !1 });
-  }, Q = () => {
-    $((P) => ({ ...P, isOpen: !P.isOpen }));
+  }, K = () => {
+    $((Q) => ({ ...Q, isOpen: !Q.isOpen }));
   }, i = {
     isOpen: w.isOpen,
     handleMenuOpen: H,
-    handleMenuClose: te,
-    handleMenuToggle: Q
+    handleMenuClose: ne,
+    handleMenuToggle: K
   };
-  return $t(g, () => i), /* @__PURE__ */ Ae(Pr, { sx: { display: "flex", height: "inherit" }, children: [
+  return $t(g, () => i), /* @__PURE__ */ Ae(kr, { sx: { display: "flex", height: "inherit" }, children: [
     p ? y ? /* @__PURE__ */ ie(
       Nt,
       {
@@ -3531,6 +3531,7 @@ const li = bt(/* @__PURE__ */ ie("path", {
         isHeaderResize: o == null ? void 0 : o.isHeaderResize,
         sx: (A = a == null ? void 0 : a.MuiHeader) == null ? void 0 : A.sx,
         className: c == null ? void 0 : c.header,
+        AfterComponent: (D = a == null ? void 0 : a.MuiHeader) == null ? void 0 : D.AfterComponent,
         children: typeof n == "function" ? n(i) : n
       }
     ) : typeof n == "function" ? n(i) : n : null,
@@ -3546,9 +3547,9 @@ const li = bt(/* @__PURE__ */ ie("path", {
         children: [
           (o == null ? void 0 : o.isMenuHeader) !== !1 && /* @__PURE__ */ Ae(Rr, { children: [
             /* @__PURE__ */ ie(Ir, {}),
-            /* @__PURE__ */ ie(kr, {})
+            /* @__PURE__ */ ie(Pr, {})
           ] }),
-          /* @__PURE__ */ ie(Pr, { className: "MuiListWrap", sx: {
+          /* @__PURE__ */ ie(kr, { className: "MuiListWrap", sx: {
             display: "flex",
             flexDirection: "column",
             flexGrow: 1,
@@ -3571,15 +3572,15 @@ const li = bt(/* @__PURE__ */ ie("path", {
               styleList: f
             }
           ) }),
-          (o == null ? void 0 : o.isButtonCenterMenu) !== !1 && /* @__PURE__ */ ie(kt, { children: /* @__PURE__ */ ie(xt, { onClick: Q, sx: { pointerEvents: "auto" }, children: w.isOpen ? /* @__PURE__ */ ie(ui, {}) : /* @__PURE__ */ ie(li, {}) }) }),
+          (o == null ? void 0 : o.isButtonCenterMenu) !== !1 && /* @__PURE__ */ ie(Pt, { children: /* @__PURE__ */ ie(xt, { onClick: K, sx: { pointerEvents: "auto" }, children: w.isOpen ? /* @__PURE__ */ ie(ui, {}) : /* @__PURE__ */ ie(li, {}) }) }),
           e && /* @__PURE__ */ ie(Rr, { children: /* @__PURE__ */ Ae(Mt, { children: [
-            /* @__PURE__ */ ie(kr, {}),
+            /* @__PURE__ */ ie(Pr, {}),
             e
           ] }) })
         ]
       }
     ),
-    /* @__PURE__ */ Ae(Pt, { children: [
+    /* @__PURE__ */ Ae(kt, { children: [
       p && /* @__PURE__ */ ie(Ir, {}),
       t
     ] })

package/dist/Dashboard/components/MuiHeader.d.ts

@@ -3,6 +3,7 @@ import { SxProps, Theme } from '@mui/material';
 export interface MuiHeaderProps extends AppBarProps {
     className?: string;
     sx?: SxProps<Theme>;
+    AfterComponent?: React.ReactNode;
 }
 export declare const MuiHeader: React.NamedExoticComponent<MuiHeaderProps>;
 interface AppBarProps {

package/dist/Dashboard/components/MuiHeader.js

@@ -1,33 +1,37 @@
-import { jsx as s } from "react/jsx-runtime";
-import l from "react";
-import { styled as g, AppBar as p, Container as c, Toolbar as u } from "@mui/material";
-import { Utils as m } from "../../_helpers/index.js";
-const x = ({
+import { jsxs as g, jsx as d } from "react/jsx-runtime";
+import c from "react";
+import { styled as p, AppBar as u, Container as x, Toolbar as m } from "@mui/material";
+import { Utils as f } from "../../_helpers/index.js";
+const w = ({
   initWidth: r,
   isOpen: n,
   children: o,
   isRight: i,
   isHeaderResize: a = !0,
   bgColor: t,
-  className: e,
-  sx: d
-}) => /* @__PURE__ */ s(
-  f,
+  className: s,
+  AfterComponent: e,
+  sx: l
+}) => /* @__PURE__ */ g(
+  b,
   {
-    className: e,
+    className: s,
     bgColor: t,
     isRight: i,
     position: "fixed",
     initWidth: r,
     isOpen: n,
     isHeaderResize: a,
-    sx: d,
-    children: /* @__PURE__ */ s(c, { maxWidth: "xl", children: /* @__PURE__ */ s(u, { sx: { flexGrow: 1 }, disableGutters: !0, children: o }) })
+    sx: l,
+    children: [
+      /* @__PURE__ */ d(x, { maxWidth: "xl", children: /* @__PURE__ */ d(m, { sx: { flexGrow: 1 }, disableGutters: !0, children: o }) }),
+      e && e
+    ]
   }
-), z = l.memo(x), f = g(p, {
+), _ = c.memo(w), b = p(u, {
   shouldForwardProp: (r) => !["isOpen", "isRight", "initWidth", "bgColor", "isHeaderResize"].includes(r)
 })(({ theme: r, isOpen: n, isRight: o, initWidth: i = 250, bgColor: a = "primary", isHeaderResize: t }) => ({
-  backgroundColor: m.colors.getColorPalette(r, a),
+  backgroundColor: f.colors.getColorPalette(r, a),
   zIndex: r.zIndex.drawer + 1,
   color: "info.main",
   transition: r.transitions.create(["width", "margin"], {
@@ -45,5 +49,5 @@ const x = ({
   }
 }));
 export {
-  z as MuiHeader
+  _ as MuiHeader
 };

package/dist/TextLine/TextLine.d.ts

@@ -0,0 +1,12 @@
+import { TypographyProps } from '@mui/material';
+import { default as React } from 'react';
+type TypographyCustomProps = Omit<TypographyProps, 'children' | 'itemProp'>;
+export interface TextLineProps extends TypographyCustomProps {
+    first?: string;
+    second?: string;
+    isFirst?: boolean;
+    isSecond?: boolean;
+    itemsProps?: Partial<Record<'first' | 'second', TypographyCustomProps>>;
+}
+export declare const TextLine: React.NamedExoticComponent<TextLineProps>;
+export {};

package/dist/TextLine/TextLine.js

@@ -0,0 +1,40 @@
+import { jsxs as g, jsx as o } from "react/jsx-runtime";
+import { styled as t, Typography as e } from "@mui/material";
+import h from "react";
+const u = t(e)({
+  display: "flex",
+  alignItems: "center",
+  "& .Mui-Typography--first": {
+    lineHeight: "normal"
+  },
+  "& .Mui-Typography--second": {
+    lineHeight: "normal",
+    fontWeight: 600
+  }
+}), x = t(e, {
+  target: "Mui-Typography--first"
+})({}), T = t(e, {
+  target: "Mui-Typography--second"
+})({
+  marginLeft: 5
+}), r = (n) => n ? { ...c, ...n } : { ...c }, c = {
+  variant: "subtitle1"
+}, m = ({ itemsProps: n, variant: i = "body2", first: a, second: l, isSecond: p = !0, isFirst: d = !0, ...s }) => {
+  const y = r(n == null ? void 0 : n.first), f = r(n == null ? void 0 : n.second);
+  return /* @__PURE__ */ g(
+    u,
+    {
+      component: "div",
+      variant: i,
+      color: "text.secondary",
+      ...s,
+      children: [
+        d && /* @__PURE__ */ o(x, { component: "span", ...y, children: a }),
+        p && /* @__PURE__ */ o(T, { component: "span", ...f, children: l })
+      ]
+    }
+  );
+}, j = h.memo(m);
+export {
+  j as TextLine
+};

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export * from './Preloaders/Preloaders';
 export * from './Dashboard';
+export * from './TextLine/TextLine';

package/dist/index.js

@@ -1,6 +1,8 @@
 import { Preloaders as e } from "./Preloaders/Preloaders.js";
-import { Dashboard as d } from "./Dashboard/Dashboard.js";
+import { Dashboard as x } from "./Dashboard/Dashboard.js";
+import { TextLine as f } from "./TextLine/TextLine.js";
 export {
-  d as Dashboard,
-  e as Preloaders
+  x as Dashboard,
+  e as Preloaders,
+  f as TextLine
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "rc-lib-ui",
   "private": false,
-  "version": "1.0.24",
+  "version": "1.0.26",
   "author": "SinGlEBW",
   "license": "MIT",
   "type": "module",