@tracktor/design-system 3.10.4 → 3.11.0

package/dist/main.js

@@ -1,14 +1,14 @@
-import { useTheme as be, Box as H, Skeleton as Ce, Tab as Qt, Card as lr, GlobalStyles as i1, TextareaAutosize as en, InputAdornment as a1, IconButton as Ae, SvgIcon as we, TextField as k1, Toolbar as rn, Stack as j, AppBar as G1, Typography as X, List as v1, ListItem as Le, Chip as o1, useMediaQuery as s1, SwipeableDrawer as tn, Alert as cr, alpha as Ee, Button as dr, CircularProgress as tt, Modal as nn, Fade as an, Avatar as He, Divider as nt, Collapse as Fr, Tooltip as Hr, CardContent as on, Menu as sn, MenuItem as ln, ListItemIcon as cn, ListItemText as Be, Backdrop as it, responsiveFontSizes as pr, createTheme as Ze, getOverlayAlpha as X1, css as w1, CssBaseline as dn, ThemeProvider as pn, InputLabel as un, ListItemButton as q1, Checkbox as K1, ListItemAvatar as fn, Autocomplete as hn, Badge as gn, Paper as ur, Slide as Cn, Popper as xn, DialogContent as bn, DialogActions as yn, Dialog as mn, DialogContentText as vn, Snackbar as wn } from "@mui/material";
+import { useTheme as we, Box as H, Skeleton as Ce, Tab as Qt, Card as lr, GlobalStyles as i1, TextareaAutosize as en, InputAdornment as a1, IconButton as Te, SvgIcon as ve, TextField as R1, Toolbar as rn, Stack as j, AppBar as G1, Typography as X, List as v1, ListItem as Le, Chip as o1, useMediaQuery as s1, SwipeableDrawer as tn, Alert as cr, alpha as Ee, Button as dr, CircularProgress as tt, Modal as nn, Fade as an, Avatar as He, Divider as nt, Collapse as Fr, Tooltip as Hr, CardContent as on, Menu as sn, MenuItem as ln, ListItemIcon as cn, ListItemText as Be, Backdrop as it, responsiveFontSizes as pr, createTheme as Ze, getOverlayAlpha as X1, css as w1, CssBaseline as dn, ThemeProvider as pn, InputLabel as un, ListItemButton as q1, Checkbox as K1, ListItemAvatar as fn, Autocomplete as hn, Badge as gn, Paper as ur, Slide as Cn, Popper as xn, DialogContent as bn, DialogActions as yn, Dialog as mn, DialogContentText as vn, Snackbar as wn } from "@mui/material";
 export * from "@mui/material";
-import * as Te from "react";
-import at, { createContext as T1, useContext as _e, useCallback as pe, forwardRef as ue, useState as ae, useEffect as A1, cloneElement as fr, isValidElement as _1, memo as ot, useMemo as L1, useRef as E1, Children as En, useImperativeHandle as Mn } from "react";
+import * as Ae from "react";
+import at, { createContext as A1, useContext as _e, useCallback as pe, forwardRef as ue, useState as ae, useEffect as T1, cloneElement as fr, isValidElement as _1, memo as ot, useMemo as L1, useRef as E1, Children as En, useImperativeHandle as Mn } from "react";
 import { createElement as Sn } from "@emotion/react";
-const Rn = {
+const kn = {
   disabledPermissions: void 0,
   permissions: void 0,
   setPermissions: () => {
   }
-}, st = T1(Rn), J1 = "or", j1 = (e, r) => e === "" || !r.length ? !1 : r.some((t) => e === t), kn = () => {
+}, st = A1(kn), J1 = "or", j1 = (e, r) => e === "" || !r.length ? !1 : r.some((t) => e === t), Rn = () => {
   const { permissions: e, setPermissions: r, disabledPermissions: t } = _e(st), i = pe(
     (o, l, c = J1) => {
       const u = [...l || [], ...e || []].filter((f) => !(t != null && t.includes(f)));
@@ -35,7 +35,7 @@ const Rn = {
   additionalPermissions: i,
   permissionCheckMode: a = J1
 }) => {
-  const { hasPermission: o } = kn(), l = o(t, i, a);
+  const { hasPermission: o } = Rn(), l = o(t, i, a);
   return l ? e : !l && r ? r : null;
 };
 var Q1 = { exports: {} }, Je = {};
@@ -49,7 +49,7 @@ var Q1 = { exports: {} }, Je = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Or;
-function Tn() {
+function An() {
   if (Or) return Je;
   Or = 1;
   var e = at, r = Symbol.for("react.element"), t = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
@@ -73,13 +73,13 @@ var Qe = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Vr;
-function An() {
+function Tn() {
   return Vr || (Vr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = at, r = Symbol.for("react.element"), t = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), c = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), R = Symbol.iterator, y = "@@iterator";
+    var e = at, r = Symbol.for("react.element"), t = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), c = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), g = Symbol.for("react.offscreen"), k = Symbol.iterator, y = "@@iterator";
     function h(s) {
       if (s === null || typeof s != "object")
         return null;
-      var C = R && s[R] || s[y];
+      var C = k && s[k] || s[y];
       return typeof C == "function" ? C : null;
     }
     var w = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -100,10 +100,10 @@ function An() {
         G.unshift("Warning: " + C), Function.prototype.apply.call(console[s], console, G);
       }
     }
-    var M = !1, p = !1, _ = !1, T = !1, $ = !1, I;
+    var M = !1, p = !1, _ = !1, A = !1, D = !1, I;
     I = Symbol.for("react.module.reference");
     function K(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === i || s === o || $ || s === a || s === u || s === f || T || s === g || M || p || _ || typeof s == "object" && s !== null && (s.$$typeof === b || s.$$typeof === x || s.$$typeof === l || s.$$typeof === c || s.$$typeof === d || // This needs to include all possible module reference object
+      return !!(typeof s == "string" || typeof s == "function" || s === i || s === o || D || s === a || s === u || s === f || A || s === g || M || p || _ || typeof s == "object" && s !== null && (s.$$typeof === b || s.$$typeof === x || s.$$typeof === l || s.$$typeof === c || s.$$typeof === d || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -164,14 +164,14 @@ function An() {
         }
       return null;
     }
-    var Z = Object.assign, q = 0, ye, me, D, A, U, te, ce;
+    var Z = Object.assign, q = 0, be, ye, $, T, U, te, ce;
     function fe() {
     }
     fe.__reactDisabledLog = !0;
     function V1() {
       {
         if (q === 0) {
-          ye = console.log, me = console.info, D = console.warn, A = console.error, U = console.group, te = console.groupCollapsed, ce = console.groupEnd;
+          be = console.log, ye = console.info, $ = console.warn, T = console.error, U = console.group, te = console.groupCollapsed, ce = console.groupEnd;
           var s = {
             configurable: !0,
             enumerable: !0,
@@ -191,7 +191,7 @@ function An() {
         q++;
       }
     }
-    function $1() {
+    function D1() {
       {
         if (q--, q === 0) {
           var s = {
@@ -201,16 +201,16 @@ function An() {
           };
           Object.defineProperties(console, {
             log: Z({}, s, {
-              value: ye
+              value: be
             }),
             info: Z({}, s, {
-              value: me
+              value: ye
             }),
             warn: Z({}, s, {
-              value: D
+              value: $
             }),
             error: Z({}, s, {
-              value: A
+              value: T
             }),
             group: Z({}, s, {
               value: U
@@ -242,10 +242,10 @@ function An() {
     }
     var Ge = !1, Ve;
     {
-      var D1 = typeof WeakMap == "function" ? WeakMap : Map;
-      Ve = new D1();
+      var $1 = typeof WeakMap == "function" ? WeakMap : Map;
+      Ve = new $1();
     }
-    function k(s, C) {
+    function R(s, C) {
       if (!s || Ge)
         return "";
       {
@@ -302,24 +302,24 @@ function An() {
               if (Q !== 1 || ee !== 1)
                 do
                   if (Q--, ee--, ee < 0 || O[Q] !== de[ee]) {
-                    var ve = `
+                    var me = `
 ` + O[Q].replace(" at new ", " at ");
-                    return s.displayName && ve.includes("<anonymous>") && (ve = ve.replace("<anonymous>", s.displayName)), typeof s == "function" && Ve.set(s, ve), ve;
+                    return s.displayName && me.includes("<anonymous>") && (me = me.replace("<anonymous>", s.displayName)), typeof s == "function" && Ve.set(s, me), me;
                   }
                 while (Q >= 1 && ee >= 0);
               break;
             }
         }
       } finally {
-        Ge = !1, Ye.current = G, $1(), Error.prepareStackTrace = z;
+        Ge = !1, Ye.current = G, D1(), Error.prepareStackTrace = z;
       }
       var Pe = s ? s.displayName || s.name : "", Fe = Pe ? Oe(Pe) : "";
       return typeof s == "function" && Ve.set(s, Fe), Fe;
     }
     function Xe(s, C, E) {
-      return k(s, !1);
+      return R(s, !1);
     }
-    function $e(s) {
+    function De(s) {
       var C = s.prototype;
       return !!(C && C.isReactComponent);
     }
@@ -327,7 +327,7 @@ function An() {
       if (s == null)
         return "";
       if (typeof s == "function")
-        return k(s, $e(s));
+        return R(s, De(s));
       if (typeof s == "string")
         return Oe(s);
       switch (s) {
@@ -418,7 +418,7 @@ function An() {
       }
       return s.ref !== void 0;
     }
-    function $t(s) {
+    function Dt(s) {
       if (qe.call(s, "key")) {
         var C = Object.getOwnPropertyDescriptor(s, "key").get;
         if (C && C.isReactWarning)
@@ -426,7 +426,7 @@ function An() {
       }
       return s.key !== void 0;
     }
-    function Dt(s, C) {
+    function $t(s, C) {
       if (typeof s.ref == "string" && Ke.current && C && Ke.current.stateNode !== C) {
         var E = Y(Ke.current.type);
         B1[E] || (S('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', Y(Ke.current.type), s.ref), B1[E] = !0);
@@ -486,7 +486,7 @@ function An() {
     function zt(s, C, E, L, z) {
       {
         var G, V = {}, O = null, de = null;
-        E !== void 0 && (Er(E), O = "" + E), $t(C) && (Er(C.key), O = "" + C.key), Vt(C) && (de = C.ref, Dt(C, z));
+        E !== void 0 && (Er(E), O = "" + E), Dt(C) && (Er(C.key), O = "" + C.key), Vt(C) && (de = C.ref, $t(C, z));
         for (G in C)
           qe.call(C, G) && !Ot.hasOwnProperty(G) && (V[G] = C[G]);
         if (s && s.defaultProps) {
@@ -501,20 +501,20 @@ function An() {
         return Zt(s, O, de, z, L, Ke.current, V);
       }
     }
-    var Z1 = w.ReactCurrentOwner, Rr = w.ReactDebugCurrentFrame;
-    function De(s) {
+    var Z1 = w.ReactCurrentOwner, kr = w.ReactDebugCurrentFrame;
+    function $e(s) {
       if (s) {
         var C = s._owner, E = Ie(s.type, s._source, C ? C.type : null);
-        Rr.setExtraStackFrame(E);
+        kr.setExtraStackFrame(E);
       } else
-        Rr.setExtraStackFrame(null);
+        kr.setExtraStackFrame(null);
     }
     var z1;
     z1 = !1;
     function N1(s) {
       return typeof s == "object" && s !== null && s.$$typeof === r;
     }
-    function kr() {
+    function Rr() {
       {
         if (Z1.current) {
           var s = Y(Z1.current.type);
@@ -529,10 +529,10 @@ Check the render method of \`` + s + "`.";
     function Nt(s) {
       return "";
     }
-    var Tr = {};
+    var Ar = {};
     function Wt(s) {
       {
-        var C = kr();
+        var C = Rr();
         if (!C) {
           var E = typeof s == "string" ? s : s.displayName || s.name;
           E && (C = `
@@ -542,17 +542,17 @@ Check the top-level render call using <` + E + ">.");
         return C;
       }
     }
-    function Ar(s, C) {
+    function Tr(s, C) {
       {
         if (!s._store || s._store.validated || s.key != null)
           return;
         s._store.validated = !0;
         var E = Wt(C);
-        if (Tr[E])
+        if (Ar[E])
           return;
-        Tr[E] = !0;
+        Ar[E] = !0;
         var L = "";
-        s && s._owner && s._owner !== Z1.current && (L = " It was passed a child from " + Y(s._owner.type) + "."), De(s), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', E, L), De(null);
+        s && s._owner && s._owner !== Z1.current && (L = " It was passed a child from " + Y(s._owner.type) + "."), $e(s), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', E, L), $e(null);
       }
     }
     function _r(s, C) {
@@ -562,7 +562,7 @@ Check the top-level render call using <` + E + ">.");
         if (P1(s))
           for (var E = 0; E < s.length; E++) {
             var L = s[E];
-            N1(L) && Ar(L, C);
+            N1(L) && Tr(L, C);
           }
         else if (N1(s))
           s._store && (s._store.validated = !0);
@@ -570,7 +570,7 @@ Check the top-level render call using <` + E + ">.");
           var z = h(s);
           if (typeof z == "function" && z !== s.entries)
             for (var G = z.call(s), V; !(V = G.next()).done; )
-              N1(V.value) && Ar(V.value, C);
+              N1(V.value) && Tr(V.value, C);
         }
       }
     }
@@ -604,11 +604,11 @@ Check the top-level render call using <` + E + ">.");
         for (var C = Object.keys(s.props), E = 0; E < C.length; E++) {
           var L = C[E];
           if (L !== "children" && L !== "key") {
-            De(s), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", L), De(null);
+            $e(s), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", L), $e(null);
             break;
           }
         }
-        s.ref !== null && (De(s), S("Invalid attribute `ref` supplied to `React.Fragment`."), De(null));
+        s.ref !== null && ($e(s), S("Invalid attribute `ref` supplied to `React.Fragment`."), $e(null));
       }
     }
     var Lr = {};
@@ -619,7 +619,7 @@ Check the top-level render call using <` + E + ">.");
           var O = "";
           (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (O += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var de = Nt();
-          de ? O += de : O += kr();
+          de ? O += de : O += Rr();
           var Q;
           s === null ? Q = "null" : P1(s) ? Q = "array" : s !== void 0 && s.$$typeof === r ? (Q = "<" + (Y(s.type) || "Unknown") + " />", O = " Did you accidentally export a JSX literal instead of a component?") : Q = typeof s, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Q, O);
         }
@@ -627,17 +627,17 @@ Check the top-level render call using <` + E + ">.");
         if (ee == null)
           return ee;
         if (V) {
-          var ve = C.children;
-          if (ve !== void 0)
+          var me = C.children;
+          if (me !== void 0)
             if (L)
-              if (P1(ve)) {
-                for (var Pe = 0; Pe < ve.length; Pe++)
-                  _r(ve[Pe], s);
-                Object.freeze && Object.freeze(ve);
+              if (P1(me)) {
+                for (var Pe = 0; Pe < me.length; Pe++)
+                  _r(me[Pe], s);
+                Object.freeze && Object.freeze(me);
               } else
                 S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              _r(ve, s);
+              _r(me, s);
         }
         if (qe.call(C, "key")) {
           var Fe = Y(s), he = Object.keys(C).filter(function(Jt) {
@@ -666,7 +666,7 @@ React keys must be passed directly to JSX without using spread:
     Qe.Fragment = i, Qe.jsx = Xt, Qe.jsxs = qt;
   }()), Qe;
 }
-process.env.NODE_ENV === "production" ? Q1.exports = Tn() : Q1.exports = An();
+process.env.NODE_ENV === "production" ? Q1.exports = An() : Q1.exports = Tn();
 var l1 = Q1.exports, _n = !1;
 function Ln(e) {
   if (e.sheet)
@@ -708,8 +708,8 @@ var Fn = /* @__PURE__ */ function() {
       return (a = i.parentNode) == null ? void 0 : a.removeChild(i);
     }), this.tags = [], this.ctr = 0;
   }, e;
-}(), le = "-ms-", M1 = "-moz-", P = "-webkit-", lt = "comm", hr = "rule", gr = "decl", Hn = "@import", ct = "@keyframes", On = "@layer", Vn = Math.abs, I1 = String.fromCharCode, $n = Object.assign;
-function Dn(e, r) {
+}(), le = "-ms-", M1 = "-moz-", P = "-webkit-", lt = "comm", hr = "rule", gr = "decl", Hn = "@import", ct = "@keyframes", On = "@layer", Vn = Math.abs, I1 = String.fromCharCode, Dn = Object.assign;
+function $n(e, r) {
   return oe(e, 0) ^ 45 ? (((r << 2 ^ oe(e, 0)) << 2 ^ oe(e, 1)) << 2 ^ oe(e, 2)) << 2 ^ oe(e, 3) : 0;
 }
 function dt(e) {
@@ -747,7 +747,7 @@ function H1(e, r, t, i, a, o, l) {
   return { value: e, root: r, parent: t, type: i, props: a, children: o, line: F1, column: Ne, length: l, return: "" };
 }
 function e1(e, r) {
-  return $n(H1("", null, null, "", null, null, 0), e, { length: -e.length }, r);
+  return Dn(H1("", null, null, "", null, null, 0), e, { length: -e.length }, r);
 }
 function Zn() {
   return re;
@@ -758,7 +758,7 @@ function zn() {
 function xe() {
   return re = ge < pt ? oe(We, ge++) : 0, Ne++, re === 10 && (Ne = 1, F1++), re;
 }
-function ke() {
+function Re() {
   return oe(We, ge);
 }
 function x1() {
@@ -809,14 +809,14 @@ function b1(e) {
   return dt(u1(ge - 1, rr(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function Nn(e) {
-  for (; (re = ke()) && re < 33; )
+  for (; (re = Re()) && re < 33; )
     xe();
   return d1(e) > 2 || d1(re) > 3 ? "" : " ";
 }
 function Wn(e, r) {
   for (; --r && xe() && !(re < 48 || re > 102 || re > 57 && re < 65 || re > 70 && re < 97); )
     ;
-  return u1(e, x1() + (r < 6 && ke() == 32 && xe() == 32));
+  return u1(e, x1() + (r < 6 && Re() == 32 && xe() == 32));
 }
 function rr(e) {
   for (; xe(); )
@@ -838,12 +838,12 @@ function rr(e) {
 }
 function jn(e, r) {
   for (; xe() && e + re !== 57; )
-    if (e + re === 84 && ke() === 47)
+    if (e + re === 84 && Re() === 47)
       break;
   return "/*" + u1(r, ge - 1) + "*" + I1(e === 47 ? e : xe());
 }
 function Yn(e) {
-  for (; !d1(ke()); )
+  for (; !d1(Re()); )
     xe();
   return u1(e, ge);
 }
@@ -851,39 +851,39 @@ function Un(e) {
   return ft(y1("", null, null, null, [""], e = ut(e), 0, [0], e));
 }
 function y1(e, r, t, i, a, o, l, c, d) {
-  for (var u = 0, f = 0, x = l, b = 0, g = 0, R = 0, y = 1, h = 1, w = 1, S = 0, m = "", M = a, p = o, _ = i, T = m; h; )
-    switch (R = S, S = xe()) {
+  for (var u = 0, f = 0, x = l, b = 0, g = 0, k = 0, y = 1, h = 1, w = 1, S = 0, m = "", M = a, p = o, _ = i, A = m; h; )
+    switch (k = S, S = xe()) {
       case 40:
-        if (R != 108 && oe(T, x - 1) == 58) {
-          er(T += B(b1(S), "&", "&\f"), "&\f") != -1 && (w = -1);
+        if (k != 108 && oe(A, x - 1) == 58) {
+          er(A += B(b1(S), "&", "&\f"), "&\f") != -1 && (w = -1);
           break;
         }
       case 34:
       case 39:
       case 91:
-        T += b1(S);
+        A += b1(S);
         break;
       case 9:
       case 10:
       case 13:
       case 32:
-        T += Nn(R);
+        A += Nn(k);
         break;
       case 92:
-        T += Wn(x1() - 1, 7);
+        A += Wn(x1() - 1, 7);
         continue;
       case 47:
-        switch (ke()) {
+        switch (Re()) {
           case 42:
           case 47:
             h1(Gn(jn(xe(), x1()), r, t), d);
             break;
           default:
-            T += "/";
+            A += "/";
         }
         break;
       case 123 * y:
-        c[u++] = Se(T) * w;
+        c[u++] = Se(A) * w;
       case 125 * y:
       case 59:
       case 0:
@@ -892,30 +892,30 @@ function y1(e, r, t, i, a, o, l, c, d) {
           case 125:
             h = 0;
           case 59 + f:
-            w == -1 && (T = B(T, /\f/g, "")), g > 0 && Se(T) - x && h1(g > 32 ? Dr(T + ";", i, t, x - 1) : Dr(B(T, " ", "") + ";", i, t, x - 2), d);
+            w == -1 && (A = B(A, /\f/g, "")), g > 0 && Se(A) - x && h1(g > 32 ? $r(A + ";", i, t, x - 1) : $r(B(A, " ", "") + ";", i, t, x - 2), d);
             break;
           case 59:
-            T += ";";
+            A += ";";
           default:
-            if (h1(_ = $r(T, r, t, u, f, a, c, m, M = [], p = [], x), o), S === 123)
+            if (h1(_ = Dr(A, r, t, u, f, a, c, m, M = [], p = [], x), o), S === 123)
               if (f === 0)
-                y1(T, r, _, _, M, o, x, c, p);
+                y1(A, r, _, _, M, o, x, c, p);
               else
-                switch (b === 99 && oe(T, 3) === 110 ? 100 : b) {
+                switch (b === 99 && oe(A, 3) === 110 ? 100 : b) {
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    y1(e, _, _, i && h1($r(e, _, _, 0, 0, a, c, m, a, M = [], x), p), a, p, x, c, i ? M : p);
+                    y1(e, _, _, i && h1(Dr(e, _, _, 0, 0, a, c, m, a, M = [], x), p), a, p, x, c, i ? M : p);
                     break;
                   default:
-                    y1(T, _, _, _, [""], p, 0, c, p);
+                    y1(A, _, _, _, [""], p, 0, c, p);
                 }
         }
-        u = f = g = 0, y = w = 1, m = T = "", x = l;
+        u = f = g = 0, y = w = 1, m = A = "", x = l;
         break;
       case 58:
-        x = 1 + Se(T), g = R;
+        x = 1 + Se(A), g = k;
       default:
         if (y < 1) {
           if (S == 123)
@@ -923,32 +923,32 @@ function y1(e, r, t, i, a, o, l, c, d) {
           else if (S == 125 && y++ == 0 && zn() == 125)
             continue;
         }
-        switch (T += I1(S), S * y) {
+        switch (A += I1(S), S * y) {
           case 38:
-            w = f > 0 ? 1 : (T += "\f", -1);
+            w = f > 0 ? 1 : (A += "\f", -1);
             break;
           case 44:
-            c[u++] = (Se(T) - 1) * w, w = 1;
+            c[u++] = (Se(A) - 1) * w, w = 1;
             break;
           case 64:
-            ke() === 45 && (T += b1(xe())), b = ke(), f = x = Se(m = T += Yn(x1())), S++;
+            Re() === 45 && (A += b1(xe())), b = Re(), f = x = Se(m = A += Yn(x1())), S++;
             break;
           case 45:
-            R === 45 && Se(T) == 2 && (y = 0);
+            k === 45 && Se(A) == 2 && (y = 0);
         }
     }
   return o;
 }
-function $r(e, r, t, i, a, o, l, c, d, u, f) {
-  for (var x = a - 1, b = a === 0 ? o : [""], g = Cr(b), R = 0, y = 0, h = 0; R < i; ++R)
-    for (var w = 0, S = c1(e, x + 1, x = Vn(y = l[R])), m = e; w < g; ++w)
+function Dr(e, r, t, i, a, o, l, c, d, u, f) {
+  for (var x = a - 1, b = a === 0 ? o : [""], g = Cr(b), k = 0, y = 0, h = 0; k < i; ++k)
+    for (var w = 0, S = c1(e, x + 1, x = Vn(y = l[k])), m = e; w < g; ++w)
       (m = dt(y > 0 ? b[w] + " " + S : B(S, /&\f/g, b[w]))) && (d[h++] = m);
   return H1(e, r, t, a === 0 ? hr : c, d, u, f);
 }
 function Gn(e, r, t) {
   return H1(e, r, t, lt, I1(Zn()), c1(e, 2, -2), 0);
 }
-function Dr(e, r, t, i) {
+function $r(e, r, t, i) {
   return H1(e, r, t, gr, c1(e, 0, i), c1(e, i + 1, -1), i);
 }
 function ze(e, r) {
@@ -992,7 +992,7 @@ function Jn(e) {
   };
 }
 var Qn = function(r, t, i) {
-  for (var a = 0, o = 0; a = o, o = ke(), a === 38 && o === 12 && (t[i] = 1), !d1(o); )
+  for (var a = 0, o = 0; a = o, o = Re(), a === 38 && o === 12 && (t[i] = 1), !d1(o); )
     xe();
   return u1(r, ge);
 }, ei = function(r, t) {
@@ -1000,14 +1000,14 @@ var Qn = function(r, t, i) {
   do
     switch (d1(a)) {
       case 0:
-        a === 38 && ke() === 12 && (t[i] = 1), r[i] += Qn(ge - 1, t, i);
+        a === 38 && Re() === 12 && (t[i] = 1), r[i] += Qn(ge - 1, t, i);
         break;
       case 2:
         r[i] += b1(a);
         break;
       case 4:
         if (a === 44) {
-          r[++i] = ke() === 58 ? "&\f" : "", t[i] = r[i].length;
+          r[++i] = Re() === 58 ? "&\f" : "", t[i] = r[i].length;
           break;
         }
       default:
@@ -1039,7 +1039,7 @@ var Qn = function(r, t, i) {
   }
 };
 function ht(e, r) {
-  switch (Dn(e, r)) {
+  switch ($n(e, r)) {
     case 5103:
       return P + "print-" + e + e;
     case 5737:
@@ -1206,10 +1206,10 @@ var ii = function(r, t, i, a) {
       return ze(Un(h), b);
     };
     d = function(h, w, S, m) {
-      f = S, g(h ? h + "{" + w.styles + "}" : w.styles), m && (R.inserted[w.name] = !0);
+      f = S, g(h ? h + "{" + w.styles + "}" : w.styles), m && (k.inserted[w.name] = !0);
     };
   }
-  var R = {
+  var k = {
     key: t,
     sheet: new Fn({
       key: t,
@@ -1224,7 +1224,7 @@ var ii = function(r, t, i, a) {
     registered: {},
     insert: d
   };
-  return R.sheet.hydrate(c), R;
+  return k.sheet.hydrate(c), k;
 }, tr = { exports: {} }, N = {};
 /** @license React v16.13.1
  * react-is.production.min.js
@@ -1238,7 +1238,7 @@ var Br;
 function si() {
   if (Br) return N;
   Br = 1;
-  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, i = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, x = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, g = e ? Symbol.for("react.memo") : 60115, R = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, h = e ? Symbol.for("react.fundamental") : 60117, w = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, i = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, x = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, g = e ? Symbol.for("react.memo") : 60115, k = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, h = e ? Symbol.for("react.fundamental") : 60117, w = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
   function m(p) {
     if (typeof p == "object" && p !== null) {
       var _ = p.$$typeof;
@@ -1256,7 +1256,7 @@ function si() {
               switch (p = p && p.$$typeof, p) {
                 case c:
                 case f:
-                case R:
+                case k:
                 case g:
                 case l:
                   return p;
@@ -1272,7 +1272,7 @@ function si() {
   function M(p) {
     return m(p) === u;
   }
-  return N.AsyncMode = d, N.ConcurrentMode = u, N.ContextConsumer = c, N.ContextProvider = l, N.Element = r, N.ForwardRef = f, N.Fragment = i, N.Lazy = R, N.Memo = g, N.Portal = t, N.Profiler = o, N.StrictMode = a, N.Suspense = x, N.isAsyncMode = function(p) {
+  return N.AsyncMode = d, N.ConcurrentMode = u, N.ContextConsumer = c, N.ContextProvider = l, N.Element = r, N.ForwardRef = f, N.Fragment = i, N.Lazy = k, N.Memo = g, N.Portal = t, N.Profiler = o, N.StrictMode = a, N.Suspense = x, N.isAsyncMode = function(p) {
     return M(p) || m(p) === d;
   }, N.isConcurrentMode = M, N.isContextConsumer = function(p) {
     return m(p) === c;
@@ -1285,7 +1285,7 @@ function si() {
   }, N.isFragment = function(p) {
     return m(p) === i;
   }, N.isLazy = function(p) {
-    return m(p) === R;
+    return m(p) === k;
   }, N.isMemo = function(p) {
     return m(p) === g;
   }, N.isPortal = function(p) {
@@ -1297,7 +1297,7 @@ function si() {
   }, N.isSuspense = function(p) {
     return m(p) === x;
   }, N.isValidElementType = function(p) {
-    return typeof p == "string" || typeof p == "function" || p === i || p === u || p === o || p === a || p === x || p === b || typeof p == "object" && p !== null && (p.$$typeof === R || p.$$typeof === g || p.$$typeof === l || p.$$typeof === c || p.$$typeof === f || p.$$typeof === h || p.$$typeof === w || p.$$typeof === S || p.$$typeof === y);
+    return typeof p == "string" || typeof p == "function" || p === i || p === u || p === o || p === a || p === x || p === b || typeof p == "object" && p !== null && (p.$$typeof === k || p.$$typeof === g || p.$$typeof === l || p.$$typeof === c || p.$$typeof === f || p.$$typeof === h || p.$$typeof === w || p.$$typeof === S || p.$$typeof === y);
   }, N.typeOf = m, N;
 }
 var W = {};
@@ -1312,31 +1312,31 @@ var W = {};
 var Zr;
 function li() {
   return Zr || (Zr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, i = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, x = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, g = e ? Symbol.for("react.memo") : 60115, R = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, h = e ? Symbol.for("react.fundamental") : 60117, w = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
-    function m(k) {
-      return typeof k == "string" || typeof k == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      k === i || k === u || k === o || k === a || k === x || k === b || typeof k == "object" && k !== null && (k.$$typeof === R || k.$$typeof === g || k.$$typeof === l || k.$$typeof === c || k.$$typeof === f || k.$$typeof === h || k.$$typeof === w || k.$$typeof === S || k.$$typeof === y);
+    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, i = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, x = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, g = e ? Symbol.for("react.memo") : 60115, k = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, h = e ? Symbol.for("react.fundamental") : 60117, w = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
+    function m(R) {
+      return typeof R == "string" || typeof R == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      R === i || R === u || R === o || R === a || R === x || R === b || typeof R == "object" && R !== null && (R.$$typeof === k || R.$$typeof === g || R.$$typeof === l || R.$$typeof === c || R.$$typeof === f || R.$$typeof === h || R.$$typeof === w || R.$$typeof === S || R.$$typeof === y);
     }
-    function M(k) {
-      if (typeof k == "object" && k !== null) {
-        var Xe = k.$$typeof;
+    function M(R) {
+      if (typeof R == "object" && R !== null) {
+        var Xe = R.$$typeof;
         switch (Xe) {
           case r:
-            var $e = k.type;
-            switch ($e) {
+            var De = R.type;
+            switch (De) {
               case d:
               case u:
               case i:
               case o:
               case a:
               case x:
-                return $e;
+                return De;
               default:
-                var Ie = $e && $e.$$typeof;
+                var Ie = De && De.$$typeof;
                 switch (Ie) {
                   case c:
                   case f:
-                  case R:
+                  case k:
                   case g:
                   case l:
                     return Ie;
@@ -1349,47 +1349,47 @@ function li() {
         }
       }
     }
-    var p = d, _ = u, T = c, $ = l, I = r, K = f, se = i, ne = R, Y = g, Z = t, q = o, ye = a, me = x, D = !1;
-    function A(k) {
-      return D || (D = !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.")), U(k) || M(k) === d;
+    var p = d, _ = u, A = c, D = l, I = r, K = f, se = i, ne = k, Y = g, Z = t, q = o, be = a, ye = x, $ = !1;
+    function T(R) {
+      return $ || ($ = !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.")), U(R) || M(R) === d;
     }
-    function U(k) {
-      return M(k) === u;
+    function U(R) {
+      return M(R) === u;
     }
-    function te(k) {
-      return M(k) === c;
+    function te(R) {
+      return M(R) === c;
     }
-    function ce(k) {
-      return M(k) === l;
+    function ce(R) {
+      return M(R) === l;
     }
-    function fe(k) {
-      return typeof k == "object" && k !== null && k.$$typeof === r;
+    function fe(R) {
+      return typeof R == "object" && R !== null && R.$$typeof === r;
     }
-    function V1(k) {
-      return M(k) === f;
+    function V1(R) {
+      return M(R) === f;
     }
-    function $1(k) {
-      return M(k) === i;
+    function D1(R) {
+      return M(R) === i;
     }
-    function Ye(k) {
-      return M(k) === R;
+    function Ye(R) {
+      return M(R) === k;
     }
-    function Ue(k) {
-      return M(k) === g;
+    function Ue(R) {
+      return M(R) === g;
     }
-    function Oe(k) {
-      return M(k) === t;
+    function Oe(R) {
+      return M(R) === t;
     }
-    function Ge(k) {
-      return M(k) === o;
+    function Ge(R) {
+      return M(R) === o;
     }
-    function Ve(k) {
-      return M(k) === a;
+    function Ve(R) {
+      return M(R) === a;
     }
-    function D1(k) {
-      return M(k) === x;
+    function $1(R) {
+      return M(R) === x;
     }
-    W.AsyncMode = p, W.ConcurrentMode = _, W.ContextConsumer = T, W.ContextProvider = $, W.Element = I, W.ForwardRef = K, W.Fragment = se, W.Lazy = ne, W.Memo = Y, W.Portal = Z, W.Profiler = q, W.StrictMode = ye, W.Suspense = me, W.isAsyncMode = A, W.isConcurrentMode = U, W.isContextConsumer = te, W.isContextProvider = ce, W.isElement = fe, W.isForwardRef = V1, W.isFragment = $1, W.isLazy = Ye, W.isMemo = Ue, W.isPortal = Oe, W.isProfiler = Ge, W.isStrictMode = Ve, W.isSuspense = D1, W.isValidElementType = m, W.typeOf = M;
+    W.AsyncMode = p, W.ConcurrentMode = _, W.ContextConsumer = A, W.ContextProvider = D, W.Element = I, W.ForwardRef = K, W.Fragment = se, W.Lazy = ne, W.Memo = Y, W.Portal = Z, W.Profiler = q, W.StrictMode = be, W.Suspense = ye, W.isAsyncMode = T, W.isConcurrentMode = U, W.isContextConsumer = te, W.isContextProvider = ce, W.isElement = fe, W.isForwardRef = V1, W.isFragment = D1, W.isLazy = Ye, W.isMemo = Ue, W.isPortal = Oe, W.isProfiler = Ge, W.isStrictMode = Ve, W.isSuspense = $1, W.isValidElementType = m, W.typeOf = M;
   }()), W;
 }
 process.env.NODE_ENV === "production" ? tr.exports = si() : tr.exports = li();
@@ -1518,10 +1518,10 @@ var Ci = {
     case "animationName":
       if (typeof t == "string")
         return t.replace(yi, function(i, a, o) {
-          return Re = {
+          return ke = {
             name: a,
             styles: o,
-            next: Re
+            next: ke
           }, a;
         });
   }
@@ -1539,20 +1539,20 @@ function p1(e, r, t) {
     case "object": {
       var a = t;
       if (a.anim === 1)
-        return Re = {
+        return ke = {
           name: a.name,
           styles: a.styles,
-          next: Re
+          next: ke
         }, a.name;
       var o = t;
       if (o.styles !== void 0) {
         var l = o.next;
         if (l !== void 0)
           for (; l !== void 0; )
-            Re = {
+            ke = {
               name: l.name,
               styles: l.styles,
-              next: Re
+              next: ke
             }, l = l.next;
         var c = o.styles + ";";
         return c;
@@ -1561,8 +1561,8 @@ function p1(e, r, t) {
     }
     case "function": {
       if (e !== void 0) {
-        var d = Re, u = t(e);
-        return Re = d, p1(e, r, u);
+        var d = ke, u = t(e);
+        return ke = d, p1(e, r, u);
       }
       break;
     }
@@ -1603,12 +1603,12 @@ function vi(e, r, t) {
     }
   return i;
 }
-var Wr = /label:\s*([^\s;{]+)\s*(;|$)/g, Re;
+var Wr = /label:\s*([^\s;{]+)\s*(;|$)/g, ke;
 function wi(e, r, t) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
   var i = !0, a = "";
-  Re = void 0;
+  ke = void 0;
   var o = e[0];
   if (o == null || o.raw === void 0)
     i = !1, a += p1(t, r, o);
@@ -1628,12 +1628,12 @@ function wi(e, r, t) {
   return {
     name: x,
     styles: a,
-    next: Re
+    next: ke
   };
 }
 var Ei = function(r) {
   return r();
-}, Mi = Te.useInsertionEffect ? Te.useInsertionEffect : !1, Si = Mi || Ei, Ri = !1, yt = /* @__PURE__ */ Te.createContext(
+}, Mi = Ae.useInsertionEffect ? Ae.useInsertionEffect : !1, Si = Mi || Ei, ki = !1, yt = /* @__PURE__ */ Ae.createContext(
   // we're doing this to avoid preconstruct's dead code elimination in this one case
   // because this module is primarily intended for the browser and node
   // but it's also required in react native and similar environments sometimes
@@ -1645,38 +1645,38 @@ var Ei = function(r) {
   }) : null
 );
 yt.Provider;
-var ki = function(r) {
+var Ri = function(r) {
   return /* @__PURE__ */ ue(function(t, i) {
     var a = _e(yt);
     return r(t, a, i);
   });
-}, Ti = /* @__PURE__ */ Te.createContext({}), O1 = {}.hasOwnProperty, nr = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", mt = function(r, t) {
+}, Ai = /* @__PURE__ */ Ae.createContext({}), O1 = {}.hasOwnProperty, nr = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", mt = function(r, t) {
   var i = {};
   for (var a in t)
     O1.call(t, a) && (i[a] = t[a]);
   return i[nr] = r, i;
-}, Ai = function(r) {
+}, Ti = function(r) {
   var t = r.cache, i = r.serialized, a = r.isStringTag;
   return xt(t, i, a), Si(function() {
     return hi(t, i, a);
   }), null;
-}, _i = /* @__PURE__ */ ki(
+}, _i = /* @__PURE__ */ Ri(
   /* <any, any> */
   function(e, r, t) {
     var i = e.css;
     typeof i == "string" && r.registered[i] !== void 0 && (i = r.registered[i]);
     var a = e[nr], o = [i], l = "";
     typeof e.className == "string" ? l = fi(r.registered, o, e.className) : e.className != null && (l = e.className + " ");
-    var c = wi(o, void 0, Te.useContext(Ti));
+    var c = wi(o, void 0, Ae.useContext(Ai));
     l += r.key + "-" + c.name;
     var d = {};
     for (var u in e)
-      O1.call(e, u) && u !== "css" && u !== nr && !Ri && (d[u] = e[u]);
-    return d.className = l, t && (d.ref = t), /* @__PURE__ */ Te.createElement(Te.Fragment, null, /* @__PURE__ */ Te.createElement(Ai, {
+      O1.call(e, u) && u !== "css" && u !== nr && !ki && (d[u] = e[u]);
+    return d.className = l, t && (d.ref = t), /* @__PURE__ */ Ae.createElement(Ae.Fragment, null, /* @__PURE__ */ Ae.createElement(Ti, {
       cache: r,
       serialized: c,
       isStringTag: typeof a == "string"
-    }), /* @__PURE__ */ Te.createElement(a, d));
+    }), /* @__PURE__ */ Ae.createElement(a, d));
   }
 ), vt = _i, Me = l1.Fragment;
 function n(e, r, t) {
@@ -1685,8 +1685,8 @@ function n(e, r, t) {
 function v(e, r, t) {
   return O1.call(r, "css") ? l1.jsxs(vt, mt(e, r), t) : l1.jsxs(e, r, t);
 }
-const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, $i = () => {
-  const { palette: e } = be(), r = pe(
+const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, Di = () => {
+  const { palette: e } = we(), r = pe(
     (l) => l === "white" ? "#fff" : l === "black" ? "#000" : l || e.text.primary,
     [e.text.primary]
   ), t = pe(
@@ -1734,12 +1734,12 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, $i = ()
     getSize: o,
     getTextColor: r
   };
-}, Di = ({ colorShape: e, shapeBackgroundColor: r, color: t, height: i, width: a, withoutText: o, mode: l, sx: c, variant: d = "default", component: u = "img" }, f) => {
-  const [x, b] = ae(""), { palette: g } = be(), { getTextColor: R, getImageModule: y, getSize: h, getShapeColor: w, getShapeBackgroundColor: S } = $i(), { height: m, width: M } = h({ height: i, variant: d, width: a, withoutText: o }), p = R(t), _ = w(e), T = S(r);
-  if (A1(() => {
+}, $i = ({ colorShape: e, shapeBackgroundColor: r, color: t, height: i, width: a, withoutText: o, mode: l, sx: c, variant: d = "default", component: u = "img" }, f) => {
+  const [x, b] = ae(""), { palette: g } = we(), { getTextColor: k, getImageModule: y, getSize: h, getShapeColor: w, getShapeBackgroundColor: S } = Di(), { height: m, width: M } = h({ height: i, variant: d, width: a, withoutText: o }), p = k(t), _ = w(e), A = S(r);
+  if (T1(() => {
     u !== "svg" && (async () => {
-      const $ = await y(d, l || g.mode, o);
-      b($.default);
+      const D = await y(d, l || g.mode, o);
+      b(D.default);
     })();
   }, [u, y, l, g.mode, d, o]), u === "img")
     return x ? /* @__PURE__ */ n(
@@ -1769,12 +1769,12 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, $i = ()
       }
     );
   if (o) {
-    const $ = e || g.primary.main;
+    const D = e || g.primary.main;
     return /* @__PURE__ */ v(H, { component: "svg", viewBox: "0 0 32 32", fill: "none", sx: { height: m, width: M, ...c }, children: [
-      /* @__PURE__ */ n("path", { d: "M17 0V15H32C32 6.71026 25.2897 0 17 0Z", fill: $ }),
-      /* @__PURE__ */ n("path", { d: "M0 0V15H15C15 6.71026 8.27968 0 0 0Z", fill: $ }),
-      /* @__PURE__ */ n("path", { d: "M14.9955 16C14.9955 16 15.0056 16 14.9955 16V32H0C0 23.1576 6.71832 16 14.9955 16Z", fill: $ }),
-      /* @__PURE__ */ n("path", { d: "M32 16V32H17C17 23.1576 23.7103 16 32 16Z", fill: $ })
+      /* @__PURE__ */ n("path", { d: "M17 0V15H32C32 6.71026 25.2897 0 17 0Z", fill: D }),
+      /* @__PURE__ */ n("path", { d: "M0 0V15H15C15 6.71026 8.27968 0 0 0Z", fill: D }),
+      /* @__PURE__ */ n("path", { d: "M14.9955 16C14.9955 16 15.0056 16 14.9955 16V32H0C0 23.1576 6.71832 16 14.9955 16Z", fill: D }),
+      /* @__PURE__ */ n("path", { d: "M32 16V32H17C17 23.1576 23.7103 16 32 16Z", fill: D })
     ] });
   }
   return d === "pricing" ? /* @__PURE__ */ v(
@@ -1891,7 +1891,7 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, $i = ()
           "path",
           {
             d: "M0 3C0 1.34315 1.34315 0 3 0H21C22.6569 0 24 1.34315 24 3V21C24 22.6569 22.6569 24 21 24H3C1.34315 24 0 22.6569 0 21V3Z",
-            fill: T
+            fill: A
           }
         ),
         /* @__PURE__ */ v("g", { clipPath: "url(#clip0_14141_226706)", children: [
@@ -2005,7 +2005,7 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, $i = ()
           "path",
           {
             d: "M0 3C0 1.34315 1.34315 0 3 0H21C22.6569 0 24 1.34315 24 3V21C24 22.6569 22.6569 24 21 24H3C1.34315 24 0 22.6569 0 21V3Z",
-            fill: T
+            fill: A
           }
         ),
         /* @__PURE__ */ v("g", { clipPath: "url(#clip0_14141_226601)", children: [
@@ -2100,7 +2100,7 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, $i = ()
       ]
     }
   );
-}, Pi = ue(Di), za = ({ component: e = "a", ...r }) => /* @__PURE__ */ n(Qt, { component: e, onClick: (t) => t.preventDefault(), ...r }), Bi = ({ children: e, sx: r, ...t }, i) => /* @__PURE__ */ n(
+}, Pi = ue($i), za = ({ component: e = "a", ...r }) => /* @__PURE__ */ n(Qt, { component: e, onClick: (t) => t.preventDefault(), ...r }), Bi = ({ children: e, sx: r, ...t }, i) => /* @__PURE__ */ n(
   lr,
   {
     sx: {
@@ -2121,7 +2121,7 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, $i = ()
     children: e
   }
 ), Na = ue(Bi), Zi = ({ className: e, style: r, minRows: t = 4, ...i }, a) => {
-  const { palette: o, shape: l, spacing: c } = be();
+  const { palette: o, shape: l, spacing: c } = we();
   return /* @__PURE__ */ v(Me, { children: [
     /* @__PURE__ */ n(
       i1,
@@ -2158,7 +2158,7 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, $i = ()
     )
   ] });
 }, Wa = ue(Zi), ja = ({ fullWidth: e, value: r, setValue: t, min: i = 1, max: a = 50, ...o }) => /* @__PURE__ */ n(
-  k1,
+  R1,
   {
     onChange: (x) => {
       const { target: b } = x, g = +b.value;
@@ -2166,14 +2166,14 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, $i = ()
     },
     autoComplete: "off",
     InputProps: {
-      endAdornment: /* @__PURE__ */ n(a1, { position: "end", children: /* @__PURE__ */ n(Ae, { disabled: r === a, onClick: () => {
+      endAdornment: /* @__PURE__ */ n(a1, { position: "end", children: /* @__PURE__ */ n(Te, { disabled: r === a, onClick: () => {
         const x = Number(r) + 1;
         t == null || t(x <= a ? x : Number(r));
-      }, size: "small", "aria-label": "increment", children: /* @__PURE__ */ n(we, { viewBox: "0 0 24 24", children: /* @__PURE__ */ n("path", { d: "M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z" }) }) }) }),
-      startAdornment: /* @__PURE__ */ n(a1, { position: "start", children: /* @__PURE__ */ n(Ae, { onClick: () => {
+      }, size: "small", "aria-label": "increment", children: /* @__PURE__ */ n(ve, { viewBox: "0 0 24 24", children: /* @__PURE__ */ n("path", { d: "M18 13h-5v5c0 .55-.45 1-1 1s-1-.45-1-1v-5H6c-.55 0-1-.45-1-1s.45-1 1-1h5V6c0-.55.45-1 1-1s1 .45 1 1v5h5c.55 0 1 .45 1 1s-.45 1-1 1z" }) }) }) }),
+      startAdornment: /* @__PURE__ */ n(a1, { position: "start", children: /* @__PURE__ */ n(Te, { onClick: () => {
         const x = Number(r) - 1;
         t == null || t(x >= i ? x : Number(r));
-      }, disabled: r === i || r === 0, size: "small", "aria-label": "decrement", children: /* @__PURE__ */ n(we, { viewBox: "0 0 24 24", children: /* @__PURE__ */ n("path", { d: "M18 13H6c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1z" }) }) }) }),
+      }, disabled: r === i || r === 0, size: "small", "aria-label": "decrement", children: /* @__PURE__ */ n(ve, { viewBox: "0 0 24 24", children: /* @__PURE__ */ n("path", { d: "M18 13H6c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1z" }) }) }) }),
       sx: {
         "& .MuiInputBase-input": {
           textAlign: "center",
@@ -2185,14 +2185,14 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, $i = ()
     value: r,
     ...o
   }
-), wt = ({ color: e = "currentColor" }) => /* @__PURE__ */ n(we, { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", children: /* @__PURE__ */ n(
+), wt = ({ color: e = "currentColor" }) => /* @__PURE__ */ n(ve, { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", children: /* @__PURE__ */ n(
   "path",
   {
     fill: e,
     d: "M4 18h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z"
   }
 ) }), zi = () => {
-  const { openDrawerMenu: e, AppBar: r } = _e(je), { palette: t } = be(), i = t.mode === "dark" ? t.background.default : t.primary.black, a = r && fr(r, { onClickBurger: e });
+  const { openDrawerMenu: e, AppBar: r } = _e(je), { palette: t } = we(), i = t.mode === "dark" ? t.background.default : t.primary.black, a = r && fr(r, { onClickBurger: e });
   return r ? a : /* @__PURE__ */ n(
     G1,
     {
@@ -2202,11 +2202,11 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, $i = ()
         background: i,
         borderBottom: ({ palette: o }) => `1px solid ${o.mode === "dark" ? o.divider : i}`
       },
-      children: /* @__PURE__ */ n(rn, { component: j, direction: "row", spacing: 3, height: "100%", justifyContent: "space-between", children: /* @__PURE__ */ n(Ae, { onClick: e, edge: "end", color: "inherit", "aria-label": "menu", children: /* @__PURE__ */ n(wt, {}) }) })
+      children: /* @__PURE__ */ n(rn, { component: j, direction: "row", spacing: 3, height: "100%", justifyContent: "space-between", children: /* @__PURE__ */ n(Te, { onClick: e, edge: "end", color: "inherit", "aria-label": "menu", children: /* @__PURE__ */ n(wt, {}) }) })
     }
   );
 }, xr = ({ sx: e, color: r = "currentColor" }) => /* @__PURE__ */ n(
-  we,
+  ve,
   {
     sx: {
       fill: ({ palette: t }) => r || (t.mode === "dark" ? t.common.white : t.common.black),
@@ -2286,7 +2286,7 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, $i = ()
     Footer: f,
     Search: x = r.Logo,
     Logo: b = r.Logo
-  } = _e(je), { palette: g } = be(), R = g.mode === "dark" ? g.background.default : g.primary.black, y = a && l ? "none" : `solid 1px ${g.divider}`, w = t ? !(!a && !o) : !0;
+  } = _e(je), { palette: g } = we(), k = g.mode === "dark" ? g.background.default : g.primary.black, y = a && l ? "none" : `solid 1px ${g.divider}`, w = t ? !(!a && !o) : !0;
   return /* @__PURE__ */ v(
     H,
     {
@@ -2325,7 +2325,7 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, $i = ()
                   children: b
                 }
               ),
-              a && /* @__PURE__ */ n(Ae, { onClick: i, children: /* @__PURE__ */ n(xr, { color: g.getContrastText(R) }) })
+              a && /* @__PURE__ */ n(Te, { onClick: i, children: /* @__PURE__ */ n(xr, { color: g.getContrastText(k) }) })
             ]
           }
         ),
@@ -2409,7 +2409,7 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, $i = ()
   isTablet: !1,
   openDrawerMenu: () => {
   }
-}, je = T1(Et), Wi = () => {
+}, je = A1(Et), Wi = () => {
   const { items: e, disableResponsive: r, isMobile: t, isTablet: i, isDrawerOpen: a, closeDrawerMenu: o, sideBarWidth: l, openDrawerMenu: c } = _e(je);
   return (t || i) && !r ? /* @__PURE__ */ v(Me, { children: [
     /* @__PURE__ */ n(zi, {}),
@@ -2428,7 +2428,7 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, $i = ()
   bottomLink: u,
   sideBarWidth: f = 260
 }) => {
-  const { breakpoints: x } = be(), b = s1(x.down("sm")), g = s1(x.between("sm", "md")), [R, y] = ae(Et.isDrawerOpen), h = pe(() => {
+  const { breakpoints: x } = we(), b = s1(x.down("sm")), g = s1(x.between("sm", "md")), [k, y] = ae(Et.isDrawerOpen), h = pe(() => {
     y(!1);
   }, []), w = pe(() => {
     y(!0);
@@ -2441,7 +2441,7 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, $i = ()
       enableSearchFocusShortcut: l,
       Footer: a,
       hideSearchDesktop: d,
-      isDrawerOpen: R,
+      isDrawerOpen: k,
       isMobile: b,
       isTablet: g,
       items: o,
@@ -2454,7 +2454,7 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, $i = ()
     [
       h,
       c,
-      R,
+      k,
       b,
       g,
       o,
@@ -2501,9 +2501,9 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, $i = ()
   }
 ), Ua = ot(ue(Xi)), qi = ["warning", "info", "success", "error", "primary", "secondary"], Ki = (e) => qi.includes(e), Ji = ({ color: e, sx: r, variant: t = "filled", fontSize: i = "medium" }, a) => {
   var f;
-  const { palette: o } = be(), l = o.mode === "dark" ? o.text.disabled : o.grey[400], c = e || l, d = Ki(e) ? (f = o == null ? void 0 : o[e]) == null ? void 0 : f.main : c, u = Ee(d, 0.2);
+  const { palette: o } = we(), l = o.mode === "dark" ? o.text.disabled : o.grey[400], c = e || l, d = Ki(e) ? (f = o == null ? void 0 : o[e]) == null ? void 0 : f.main : c, u = Ee(d, 0.2);
   return /* @__PURE__ */ v(
-    we,
+    ve,
     {
       viewBox: "0 0 16 16",
       ref: a,
@@ -2612,7 +2612,7 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, $i = ()
   });
   return /* @__PURE__ */ n(nn, { open: r, onClose: d, ...a, children: /* @__PURE__ */ v(H, { sx: { "&:focus": { outline: "none" }, inset: 0, position: "absolute" }, children: [
     /* @__PURE__ */ n(
-      Ae,
+      Te,
       {
         size: "small",
         "aria-label": "close",
@@ -2650,7 +2650,7 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, $i = ()
     )
   ] }) });
 }, ta = ({ onClick: e }) => /* @__PURE__ */ n(
-  Ae,
+  Te,
   {
     "aria-label": "close",
     onClick: e,
@@ -2696,7 +2696,7 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, $i = ()
     primary: 24,
     secondary: 16
   }
-}, ir = (e) => e !== void 0 && typeof e == "object" && !Array.isArray(e), R1 = (e) => {
+}, ir = (e) => e !== void 0 && typeof e == "object" && !Array.isArray(e), k1 = (e) => {
   if (e === void 0) return ie.medium.primary;
   if (typeof e == "number")
     return e;
@@ -2711,8 +2711,8 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, $i = ()
   if (ir(e)) {
     const { height: t, width: i } = e;
     return {
-      height: Math.max(R1(t) - (ie.medium.primary - ie.medium.secondary), ie.small.secondary),
-      width: Math.max(R1(i) - (ie.medium.primary - ie.medium.secondary), ie.small.secondary)
+      height: Math.max(k1(t) - (ie.medium.primary - ie.medium.secondary), ie.small.secondary),
+      width: Math.max(k1(i) - (ie.medium.primary - ie.medium.secondary), ie.small.secondary)
     };
   }
   return {
@@ -2722,7 +2722,7 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, $i = ()
 }, St = ue(
   ({ secondarySrc: e, secondaryAvatarProps: r, size: t, ...i }, a) => {
     if (e || r) {
-      const o = t ? ie[t].primary : R1(ir(i.sx) ? i.sx.width : void 0), l = t ? ie[t].primary : R1(ir(i.sx) ? i.sx.height : void 0), c = ia(i == null ? void 0 : i.sx, t), d = c.width / 3, u = c.height / 3;
+      const o = t ? ie[t].primary : k1(ir(i.sx) ? i.sx.width : void 0), l = t ? ie[t].primary : k1(ir(i.sx) ? i.sx.height : void 0), c = ia(i == null ? void 0 : i.sx, t), d = c.width / 3, u = c.height / 3;
       return /* @__PURE__ */ v(
         H,
         {
@@ -2781,43 +2781,48 @@ const jr = 32, Li = 24, Ii = 105, Fi = 24, Hi = 195, Oi = 44, Vi = 147, $i = ()
   }
 );
 St.displayName = "Avatar";
-const aa = (e, r, t) => {
-  const { w: i, h: a } = { h: Number(r), w: Number(e) };
-  return i < 25 || a < 25 ? { borderRadius: `${t.borderRadiusS}px`, padding: 0.5 } : i < 40 || a < 40 ? { borderRadius: `${t.borderRadius}px`, padding: 1 } : { borderRadius: `${t.borderRadiusL}px`, padding: 1.5 };
+const aa = (e, r) => {
+  const { w: t, h: i } = { h: Number(r), w: Number(e) }, a = `${(t || i) / 10}px`;
+  return { borderRadius: a, padding: a };
 }, oa = ({ width: e, height: r, sx: t }) => /* @__PURE__ */ n(Ce, { variant: "rounded", width: e, height: r, sx: t }), qa = ({
   src: e,
   isLoading: r,
   secondarySrc: t,
   secondaryAvatarProps: i,
   sx: a,
-  width: o = 64,
-  height: l = 64,
-  alt: c = "Article"
+  secondaryTitle: o,
+  width: l = 64,
+  height: c = 64,
+  alt: d = "Article"
 }) => {
-  const [d, u] = ae(!1), [f, x] = ae(!1), { shape: b } = be(), { borderRadius: g, padding: R } = aa(o, l, b), y = { borderRadius: g, flexShrink: 0 }, h = e && !d && !f, w = !e || f && !d || f && d, S = (e == null ? void 0 : e.endsWith(".png")) || (e == null ? void 0 : e.endsWith(".svg")) || (e == null ? void 0 : e.endsWith(".gif")) || (e == null ? void 0 : e.endsWith(".webp")) || !1;
+  const [u, f] = ae(!1), [x, b] = ae(!1), { borderRadius: g, padding: k } = aa(l, c), y = { borderRadius: g, flexShrink: 0 }, h = e && !u && !x, w = !e || x && !u || x && u, S = (e == null ? void 0 : e.endsWith(".png")) || (e == null ? void 0 : e.endsWith(".svg")) || (e == null ? void 0 : e.endsWith(".gif")) || (e == null ? void 0 : e.endsWith(".webp")) || !1, m = () => {
+    b(!1), f(!0);
+  }, M = () => {
+    b(!0), f(!1);
+  };
   return /* @__PURE__ */ n(Me, { children: /* @__PURE__ */ v(
     St,
     {
       src: e,
       secondarySrc: t,
-      secondaryAvatarProps: i,
-      alt: c,
-      onError: () => {
-        x(!0), u(!1);
-      },
-      onLoad: () => {
-        x(!1), u(!0);
+      secondaryAvatarProps: {
+        ...i,
+        children: o,
+        title: o
       },
+      alt: d,
+      onError: M,
+      onLoad: m,
       sx: {
         ...y,
         background: ({ palette: p }) => p.grey[100],
-        height: l,
-        padding: S || w ? R : 0,
-        width: o,
+        height: c,
+        padding: S || w ? k : 0,
+        width: l,
         ...a
       },
       children: [
-        (r || h) && /* @__PURE__ */ n(oa, { width: o, height: l, sx: y }),
+        (r || h) && /* @__PURE__ */ n(oa, { width: l, height: c, sx: y }),
         w && /* @__PURE__ */ v("svg", { width: "100%", height: "100%", viewBox: "0 0 39 38", fill: "none", children: [
           /* @__PURE__ */ n(
             "path",
@@ -2904,22 +2909,22 @@ const aa = (e, r, t) => {
   disableThumb: x,
   open: b,
   onClose: g,
-  onClickThumb: R,
+  onClickThumb: k,
   variant: y
 }) => {
-  const [h, w] = ae(!1), [S, m] = ae(!1), M = e == null ? void 0 : e.toLowerCase(), p = !(M != null && M.endsWith(".pdf")) && !(M != null && M.startsWith("blob:")) && !(M != null && M.endsWith(".eml")), _ = M == null ? void 0 : M.endsWith(".pdf"), T = E1(null), $ = S ? sa : r || e, I = f ? 1 : 0.8, K = () => {
+  const [h, w] = ae(!1), [S, m] = ae(!1), M = e == null ? void 0 : e.toLowerCase(), p = !(M != null && M.endsWith(".pdf")) && !(M != null && M.startsWith("blob:")) && !(M != null && M.endsWith(".eml")), _ = M == null ? void 0 : M.endsWith(".pdf"), A = E1(null), D = S ? sa : r || e, I = f ? 1 : 0.8, K = () => {
     !p && !_ || w((Y) => !Y);
   }, se = () => {
     w(!1), g == null || g();
   }, ne = pe(() => {
     m(!0);
   }, []);
-  return A1(() => {
-    const Y = T.current;
+  return T1(() => {
+    const Y = A.current;
     return Y == null || Y.addEventListener("error", ne), () => {
       Y == null || Y.removeEventListener("error", ne);
     };
-  }, [ne, T]), /* @__PURE__ */ v(Me, { children: [
+  }, [ne, A]), /* @__PURE__ */ v(Me, { children: [
     !x && !i && /* @__PURE__ */ n(
       H,
       {
@@ -2927,7 +2932,7 @@ const aa = (e, r, t) => {
         width: a,
         height: o,
         onClick: () => {
-          R == null || R(), K();
+          k == null || k(), K();
         },
         sx: {
           ...g1.container,
@@ -2945,11 +2950,11 @@ const aa = (e, r, t) => {
             overflow: "hidden",
             height: p ? "100%" : "auto",
             width: "100%",
-            src: $ || void 0,
-            ref: T,
+            src: D || void 0,
+            ref: A,
             sx: g1.thumb
           },
-          $
+          D
         )
       }
     ),
@@ -2978,7 +2983,7 @@ const aa = (e, r, t) => {
       }
     )
   ] });
-}, la = ({ sx: e, fontSize: r, color: t = "currentColor" }) => /* @__PURE__ */ n(we, { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", sx: e, fontSize: r, children: /* @__PURE__ */ n("path", { d: "M6 2L5.295 2.705L8.085 5.5L2 5.5L2 6.5L8.085 6.5L5.295 9.295L6 10L10 6L6 2Z", fill: t, fillOpacity: "0.54" }) }), ca = ({ sx: e, color: r = "currentColor" }) => /* @__PURE__ */ n(we, { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", sx: e, children: /* @__PURE__ */ n("path", { d: "M12 6.47003L11.06 5.53003L8 8.58336L4.94 5.53003L4 6.47003L8 10.47L12 6.47003Z", fill: r, fillOpacity: "0.54" }) }), C1 = 64, qr = 1e3, da = ({
+}, la = ({ sx: e, fontSize: r, color: t = "currentColor" }) => /* @__PURE__ */ n(ve, { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", sx: e, fontSize: r, children: /* @__PURE__ */ n("path", { d: "M6 2L5.295 2.705L8.085 5.5L2 5.5L2 6.5L8.085 6.5L5.295 9.295L6 10L10 6L6 2Z", fill: t, fillOpacity: "0.54" }) }), ca = ({ sx: e, color: r = "currentColor" }) => /* @__PURE__ */ n(ve, { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", sx: e, children: /* @__PURE__ */ n("path", { d: "M12 6.47003L11.06 5.53003L8 8.58336L4.94 5.53003L4 6.47003L8 10.47L12 6.47003Z", fill: r, fillOpacity: "0.54" }) }), C1 = 64, qr = 1e3, da = ({
   title: e,
   subtitle: r,
   isLastElement: t,
@@ -2993,9 +2998,9 @@ const aa = (e, r, t) => {
   Footer: x,
   Collapse: b
 }) => {
-  const [g, R] = ae(!1), y = b || !!(c != null && c.length);
-  return A1(() => {
-    d && R(!0);
+  const [g, k] = ae(!1), y = b || !!(c != null && c.length);
+  return T1(() => {
+    d && k(!0);
   }, [d]), /* @__PURE__ */ v(j, { direction: "row", alignItems: "stretch", spacing: 0, mt: 0.5, children: [
     /* @__PURE__ */ n(H, { mt: 1.5, textAlign: "center", children: /* @__PURE__ */ n(j, { spacing: 1, alignItems: "center", sx: { height: "100%", width: 32 }, children: /* @__PURE__ */ v(Me, { children: [
       f || /* @__PURE__ */ n(m1, { color: i ? "secondary" : "primary" }),
@@ -3037,7 +3042,7 @@ const aa = (e, r, t) => {
                   direction: "row",
                   alignItems: "center",
                   sx: { cursor: y ? "pointer" : "default" },
-                  onClick: () => R((h) => !h),
+                  onClick: () => k((h) => !h),
                   children: [
                     /* @__PURE__ */ n(
                       X,
@@ -3083,7 +3088,7 @@ const aa = (e, r, t) => {
           x,
           b && /* @__PURE__ */ n(Fr, { in: g, children: b }),
           !!(c != null && c.length) && /* @__PURE__ */ n(Fr, { in: g, children: /* @__PURE__ */ n(j, { marginTop: 3, spacing: 3, children: c == null ? void 0 : c.map((h, w) => {
-            var M, p, _, T;
+            var M, p, _, A;
             const S = `${h.title}-${w}`, m = Array.isArray(h == null ? void 0 : h.file) ? h == null ? void 0 : h.file[0] : h == null ? void 0 : h.file;
             return /* @__PURE__ */ v(j, { direction: "row", spacing: 1, minWidth: 0, children: [
               /* @__PURE__ */ n(la, { sx: { height: 18, paddingTop: 0.5, width: 18 } }),
@@ -3146,14 +3151,14 @@ const aa = (e, r, t) => {
                     {
                       sx: {
                         alignItems: "center",
-                        backgroundColor: ({ palette: $ }) => $.grey[100],
+                        backgroundColor: ({ palette: D }) => D.grey[100],
                         borderRadius: 0.5,
                         display: "flex",
                         height: C1,
                         justifyContent: "center",
                         width: C1
                       },
-                      children: `${(((T = h == null ? void 0 : h.file) == null ? void 0 : T.length) || 0) - 1}+`
+                      children: `${(((A = h == null ? void 0 : h.file) == null ? void 0 : A.length) || 0) - 1}+`
                     }
                   )
                 ] })
@@ -3214,8 +3219,8 @@ const aa = (e, r, t) => {
     ] })
   ] }) }) : !(e != null && e.length) && !r ? /* @__PURE__ */ n(U1, { sx: i, children: /* @__PURE__ */ n(cr, { severity: "info", children: t }) }) : /* @__PURE__ */ v(Me, { children: [
     /* @__PURE__ */ n(U1, { sx: i, "data-test": o, "data-testid": l, children: e == null ? void 0 : e.map(
-      ({ Action: u, Collapse: f, collapseItems: x, collapseDefaultOpen: b, subtitle: g, key: R, active: y, Footer: h, Icon: w, onClick: S, tag: m, title: M }, p) => {
-        const _ = `${R}-${p}-${M}`, T = p === e.length - 1;
+      ({ Action: u, Collapse: f, collapseItems: x, collapseDefaultOpen: b, subtitle: g, key: k, active: y, Footer: h, Icon: w, onClick: S, tag: m, title: M }, p) => {
+        const _ = `${k}-${p}-${M}`, A = p === e.length - 1;
         return /* @__PURE__ */ n(
           da,
           {
@@ -3228,7 +3233,7 @@ const aa = (e, r, t) => {
             title: M,
             subtitle: g,
             Icon: w,
-            isLastElement: T,
+            isLastElement: A,
             onClick: S,
             tag: m,
             variant: a
@@ -3240,7 +3245,7 @@ const aa = (e, r, t) => {
     /* @__PURE__ */ n(Mt, { open: !!c, onClose: () => d(""), src: c })
   ] });
 }, Ja = ({ Main: e, Sidebar: r, AppBar: t }) => {
-  const { breakpoints: i } = be(), a = E1(null), o = s1(i.down("md")), l = r && fr(r, { AppBar: t });
+  const { breakpoints: i } = we(), a = E1(null), o = s1(i.down("md")), l = r && fr(r, { AppBar: t });
   return /* @__PURE__ */ v(j, { height: "100%", children: [
     !o && t,
     /* @__PURE__ */ v(j, { height: "100%", direction: o ? "column" : "row", minHeight: 0, children: [
@@ -3556,9 +3561,9 @@ const aa = (e, r, t) => {
     }
   );
 }, fa = ue(({ sx: e, slotProps: r, type: t = "search", ...i }, a) => {
-  var o, l, c, d, u, f, x, b, g, R;
+  var o, l, c, d, u, f, x, b, g, k;
   return /* @__PURE__ */ n(
-    k1,
+    R1,
     {
       fullWidth: !0,
       size: "xSmall",
@@ -3578,7 +3583,7 @@ const aa = (e, r, t) => {
         },
         // Border focus
         "& .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline": {
-          borderColor: (R = (g = F == null ? void 0 : F.palette) == null ? void 0 : g.primary) == null ? void 0 : R.main
+          borderColor: (k = (g = F == null ? void 0 : F.palette) == null ? void 0 : g.primary) == null ? void 0 : k.main
         },
         maxWidth: 400,
         ...e,
@@ -3590,7 +3595,7 @@ const aa = (e, r, t) => {
         ...r,
         input: {
           autoComplete: "off",
-          startAdornment: t === "search" && /* @__PURE__ */ n(a1, { position: "start", children: /* @__PURE__ */ n(we, { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", children: /* @__PURE__ */ v("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+          startAdornment: t === "search" && /* @__PURE__ */ n(a1, { position: "start", children: /* @__PURE__ */ n(ve, { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", children: /* @__PURE__ */ v("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
             /* @__PURE__ */ v("g", { clipPath: "url(#clip0_14432_13952)", children: [
               /* @__PURE__ */ n(
                 "path",
@@ -3639,7 +3644,7 @@ const aa = (e, r, t) => {
   position: b = "static",
   elevation: g = 0
 }) => {
-  const { breakpoints: R } = be(), { closeMenu: y, isMenuOpen: h, anchorMenu: w, openMenu: S } = ha(), { menuItems: m, ...M } = o || {}, p = s1(R.down("sm")), _ = s1(R.between("sm", "md")), T = p || _, $ = {
+  const { breakpoints: k } = we(), { closeMenu: y, isMenuOpen: h, anchorMenu: w, openMenu: S } = ha(), { menuItems: m, ...M } = o || {}, p = s1(k.down("sm")), _ = s1(k.between("sm", "md")), A = p || _, D = {
     logoContainer: {
       a: {
         display: "flex"
@@ -3669,10 +3674,10 @@ const aa = (e, r, t) => {
     paddingX: p ? 1 : 3,
     ...x
   };
-  return u ? /* @__PURE__ */ n(G1, { position: b, elevation: g, sx: $, children: u }) : /* @__PURE__ */ v(Me, { children: [
-    /* @__PURE__ */ n(G1, { position: b, elevation: g, sx: $, children: /* @__PURE__ */ v(j, { direction: "row", sx: { alignItems: "center", height: "100%", width: "100%" }, spacing: 1, children: [
-      T && /* @__PURE__ */ n(Ae, { onClick: f, edge: "end", color: "inherit", "aria-label": "menu", children: /* @__PURE__ */ n(wt, {}) }),
-      T || i === null ? null : /* @__PURE__ */ n(H, { sx: $.logoContainer, children: i || /* @__PURE__ */ n(Pi, { mode: "dark", ...d }) }),
+  return u ? /* @__PURE__ */ n(G1, { position: b, elevation: g, sx: D, children: u }) : /* @__PURE__ */ v(Me, { children: [
+    /* @__PURE__ */ n(G1, { position: b, elevation: g, sx: D, children: /* @__PURE__ */ v(j, { direction: "row", sx: { alignItems: "center", height: "100%", width: "100%" }, spacing: 1, children: [
+      A && /* @__PURE__ */ n(Te, { onClick: f, edge: "end", color: "inherit", "aria-label": "menu", children: /* @__PURE__ */ n(wt, {}) }),
+      A || i === null ? null : /* @__PURE__ */ n(H, { sx: D.logoContainer, children: i || /* @__PURE__ */ n(Pi, { mode: "dark", ...d }) }),
       /* @__PURE__ */ v(j, { alignItems: "center", direction: "row", justifyContent: p ? "flex-end" : "center", spacing: 1, flex: 1, children: [
         p && (t === null ? null : t || /* @__PURE__ */ n(Kr, { ...c })),
         r === null ? null : r || /* @__PURE__ */ n(fa, { ...l })
@@ -3721,19 +3726,19 @@ const aa = (e, r, t) => {
             return fr(I, { key: se });
           }
           if (I && typeof I == "object" && "url" in I) {
-            const { url: se, label: ne, icon: Y, active: Z, end: q, state: ye } = I, me = `${se}-${ne}-${K}`;
-            return /* @__PURE__ */ n(ln, { sx: $.menuItem, onClick: y, children: /* @__PURE__ */ v(br, { url: se, component: a, active: Z, end: q, state: ye, children: [
+            const { url: se, label: ne, icon: Y, active: Z, end: q, state: be } = I, ye = `${se}-${ne}-${K}`;
+            return /* @__PURE__ */ n(ln, { sx: D.menuItem, onClick: y, children: /* @__PURE__ */ v(br, { url: se, component: a, active: Z, end: q, state: be, children: [
               Y && /* @__PURE__ */ n(cn, { children: Y }),
               ne && /* @__PURE__ */ n(Be, { children: ne })
-            ] }, me) }, me);
+            ] }, ye) }, ye);
           }
           return null;
         })
       }
     ) })
   ] });
-}, Ca = ({ sx: e, fontSize: r, color: t = "currentColor" }) => /* @__PURE__ */ n(we, { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", fontSize: r, sx: e, children: /* @__PURE__ */ n("rect", { x: "1", y: "1", width: "6", height: "6", rx: "3", fill: t }) }), xa = ({ dot: e, color: r, variant: t, sx: i, lineThrough: a, ...o }, l) => {
-  const { palette: c } = be(), d = {
+}, Ca = ({ sx: e, fontSize: r, color: t = "currentColor" }) => /* @__PURE__ */ n(ve, { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", fontSize: r, sx: e, children: /* @__PURE__ */ n("rect", { x: "1", y: "1", width: "6", height: "6", rx: "3", fill: t }) }), xa = ({ dot: e, color: r, variant: t, sx: i, lineThrough: a, ...o }, l) => {
+  const { palette: c } = we(), d = {
     default: c.text.secondary,
     error: c.error.main,
     info: c.info.main,
@@ -3767,7 +3772,7 @@ const aa = (e, r, t) => {
       ...o
     }
   );
-}, eo = ue(xa), ba = ({ fontSize: e, sx: r, color: t = "currentColor" }) => /* @__PURE__ */ v(we, { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", fontSize: e, sx: r, children: [
+}, eo = ue(xa), ba = ({ fontSize: e, sx: r, color: t = "currentColor" }) => /* @__PURE__ */ v(ve, { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", fontSize: e, sx: r, children: [
   /* @__PURE__ */ n("g", { clipPath: "url(#clip0_12914_201806)", children: /* @__PURE__ */ n(
     "path",
     {
@@ -4715,14 +4720,14 @@ const aa = (e, r, t) => {
       letterSpacing: -0.3
     }
   })
-}, or = pr(Ze(yr)), Rt = pr(Ze(yr, pa)), kt = pr(Ze(yr, F)), ro = {
+}, or = pr(Ze(yr)), kt = pr(Ze(yr, pa)), Rt = pr(Ze(yr, F)), ro = {
   commonTheme: or,
-  darkTheme: kt,
-  lightTheme: Rt
+  darkTheme: Rt,
+  lightTheme: kt
 }, Qr = {
   fontWeight: ma,
   import: !0
-}, Tt = T1({
+}, At = A1({
   language: "en"
 }), wa = ({ theme: e }) => /* @__PURE__ */ n(
   i1,
@@ -4779,15 +4784,15 @@ const aa = (e, r, t) => {
   language: l = "en",
   font: c = Qr
 }) => {
-  var g, R;
-  const d = { ...Qr, ...c }, u = (d == null ? void 0 : d.googleFontName) || ((g = or.typography.fontFamily) == null ? void 0 : g.split(",")[0]), f = (R = d == null ? void 0 : d.fontWeight) == null ? void 0 : R.join(";"), x = L1(() => ({ language: l }), [l]), b = () => {
+  var g, k;
+  const d = { ...Qr, ...c }, u = (d == null ? void 0 : d.googleFontName) || ((g = or.typography.fontFamily) == null ? void 0 : g.split(",")[0]), f = (k = d == null ? void 0 : d.fontWeight) == null ? void 0 : k.join(";"), x = L1(() => ({ language: l }), [l]), b = () => {
     var w, S;
     const y = typeof o == "object" ? o : {}, h = {
       ...l === "fr" && ya
     };
-    return o === "dark" || typeof o == "object" && "palette" in o && ((w = o == null ? void 0 : o.palette) == null ? void 0 : w.mode) === "dark" ? Ze(kt, y, h) : o === "light" || typeof o == "object" && "palette" in o && ((S = o == null ? void 0 : o.palette) == null ? void 0 : S.mode) === "light" ? Ze(Rt, y, h) : Ze(or, y, h);
+    return o === "dark" || typeof o == "object" && "palette" in o && ((w = o == null ? void 0 : o.palette) == null ? void 0 : w.mode) === "dark" ? Ze(Rt, y, h) : o === "light" || typeof o == "object" && "palette" in o && ((S = o == null ? void 0 : o.palette) == null ? void 0 : S.mode) === "light" ? Ze(kt, y, h) : Ze(or, y, h);
   };
-  return /* @__PURE__ */ n(Tt.Provider, { value: x, children: /* @__PURE__ */ v(pn, { theme: b(), children: [
+  return /* @__PURE__ */ n(At.Provider, { value: x, children: /* @__PURE__ */ v(pn, { theme: b(), children: [
     /* @__PURE__ */ n(
       i1,
       {
@@ -4821,18 +4826,18 @@ const aa = (e, r, t) => {
   files: "Fichiers",
   reset: "Réinitialiser",
   selectAll: "Tout sélectionner"
-}, Ra = {
+}, ka = {
   en: Ma,
   fr: Sa
-}, At = () => {
-  const { language: e } = _e(Tt);
+}, Tt = () => {
+  const { language: e } = _e(At);
   return {
-    t: (t) => Ra[e][t]
+    t: (t) => ka[e][t]
   };
-}, et = 5, ka = (e, r) => {
+}, et = 5, Ra = (e, r) => {
   const t = r === "vertical";
   return e === "small" ? t ? 130 : 60 : t ? 150 : 80;
-}, Ta = (e) => {
+}, Aa = (e) => {
   if (!e)
     return "";
   const r = e.length > 1, i = [...e || []].slice(0, 5).map(({ name: a }) => {
@@ -4856,12 +4861,12 @@ const aa = (e, r, t) => {
     icon: x,
     onChange: b,
     label: g,
-    pattern: R,
+    pattern: k,
     title: y,
     variant: h = "vertical"
   }, w) => {
-    const { t: S } = At(), { palette: m } = be(), M = h === "vertical", p = c || r, _ = E1(null), T = E1(null), [$, I] = ae(null), K = Ta($);
-    Mn(w, () => T.current);
+    const { t: S } = Tt(), { palette: m } = we(), M = h === "vertical", p = c || r, _ = E1(null), A = E1(null), [D, I] = ae(null), K = Aa(D);
+    Mn(w, () => A.current);
     const se = (Z) => {
       b == null || b(Z), I(Z.target.files);
     };
@@ -4875,10 +4880,10 @@ const aa = (e, r, t) => {
         },
         onDrop: (Z) => {
           if (Z.preventDefault(), Z.dataTransfer.files.length > 0) {
-            const q = T.current, ye = Z.dataTransfer.files;
-            I(ye);
-            const me = new DataTransfer();
-            Array.from(ye).forEach((D) => me.items.add(D)), q && (q.files = me.files), q == null || q.focus(), q == null || q.blur(), b == null || b({ ...Z, target: q }), Z.dataTransfer.clearData();
+            const q = A.current, be = Z.dataTransfer.files;
+            I(be);
+            const ye = new DataTransfer();
+            Array.from(be).forEach(($) => ye.items.add($)), q && (q.files = ye.files), q == null || q.focus(), q == null || q.blur(), b == null || b({ ...Z, target: q }), Z.dataTransfer.clearData();
           }
         },
         sx: {
@@ -4888,7 +4893,7 @@ const aa = (e, r, t) => {
           border: `1px dashed ${a ? m.error.main : m.divider}`,
           borderRadius: 1,
           cursor: "pointer",
-          height: ka(d, h),
+          height: Ra(d, h),
           maxWidth: f ? "100%" : 400,
           padding: 2,
           position: "relative",
@@ -4909,7 +4914,7 @@ const aa = (e, r, t) => {
                 x || /* @__PURE__ */ n(ba, { sx: { height: 40, width: 40 } }),
                 K ? /* @__PURE__ */ v(Me, { children: [
                   /* @__PURE__ */ v(X, { variant: "body2", color: "textSecondary", children: [
-                    $ == null ? void 0 : $.length,
+                    D == null ? void 0 : D.length,
                     " ",
                     (o == null ? void 0 : o.files) || S("files")
                   ] }),
@@ -4937,7 +4942,7 @@ const aa = (e, r, t) => {
             "input",
             {
               id: p,
-              ref: T,
+              ref: A,
               type: "file",
               title: y,
               disabled: t,
@@ -4945,7 +4950,7 @@ const aa = (e, r, t) => {
               name: r,
               multiple: l,
               accept: e,
-              pattern: R,
+              pattern: k,
               onChange: se,
               style: {
                 left: "50%",
@@ -4962,7 +4967,7 @@ const aa = (e, r, t) => {
       }
     );
   }
-), t1 = 1, Aa = (e) => typeof e == "string", n1 = {
+), t1 = 1, Ta = (e) => typeof e == "string", n1 = {
   list: {
     marginLeft: ({ spacing: e }) => `-${e(0.5)} !important`,
     marginRight: ({ spacing: e }) => `-${e(0.5)} !important`,
@@ -5014,15 +5019,15 @@ const aa = (e, r, t) => {
       },
       children: [
         t == null ? void 0 : t.map(
-          ({ id: b, title: g, subtitle: R, image: y, thumbnail: h, secondaryAction: w, chipLabel: S, chipColor: m, onClick: M, icon: p, Avatar: _ }, T) => {
-            var A, U, te, ce;
-            const $ = `key-${T}-${g}-${b}`, I = (A = y == null ? void 0 : y.toLowerCase()) == null ? void 0 : A.endsWith(".pdf"), K = (U = y == null ? void 0 : y.toLowerCase()) == null ? void 0 : U.startsWith("http"), se = (te = h == null ? void 0 : h.toLowerCase()) == null ? void 0 : te.startsWith("http"), ne = M ? "none" : void 0, Y = c || !!p || !K, Z = !!M || !!(!M && !c && (h || y)), q = u === $, D = (se ? h : "") || (K ? y : "") || "";
+          ({ id: b, title: g, subtitle: k, image: y, thumbnail: h, secondaryAction: w, chipLabel: S, chipColor: m, onClick: M, icon: p, Avatar: _ }, A) => {
+            var T, U, te, ce;
+            const D = `key-${A}-${g}-${b}`, I = (T = y == null ? void 0 : y.toLowerCase()) == null ? void 0 : T.endsWith(".pdf"), K = (U = y == null ? void 0 : y.toLowerCase()) == null ? void 0 : U.startsWith("http"), se = (te = h == null ? void 0 : h.toLowerCase()) == null ? void 0 : te.startsWith("http"), ne = M ? "none" : void 0, Y = c || !!p || !K, Z = !!M || !!(!M && !c && (h || y)), q = u === D, $ = (se ? h : "") || (K ? y : "") || "";
             return /* @__PURE__ */ v(
               Le,
               {
                 secondaryAction: w,
                 onClick: (fe) => {
-                  M == null || M(fe), Z && !q && !M && f($);
+                  M == null || M(fe), Z && !q && !M && f(D);
                 },
                 sx: {
                   ...n1.listItem,
@@ -5067,7 +5072,7 @@ const aa = (e, r, t) => {
                       disableLightbox: Y,
                       open: q,
                       onClose: () => f(""),
-                      children: /* @__PURE__ */ n(He, { src: D, variant: "rounded", sx: { marginRight: t1 }, children: p || typeof g == "string" && ((ce = g || "") == null ? void 0 : ce.charAt(0).toUpperCase()) })
+                      children: /* @__PURE__ */ n(He, { src: $, variant: "rounded", sx: { marginRight: t1 }, children: p || typeof g == "string" && ((ce = g || "") == null ? void 0 : ce.charAt(0).toUpperCase()) })
                     }
                   ),
                   /* @__PURE__ */ n(
@@ -5075,9 +5080,9 @@ const aa = (e, r, t) => {
                     {
                       primary: /* @__PURE__ */ v(j, { direction: "row", alignItems: "center", spacing: 1, children: [
                         g && /* @__PURE__ */ n(X, { variant: "h6", whiteSpace: "nowrap", textOverflow: "ellipsis", overflow: "hidden", children: g }),
-                        S && /* @__PURE__ */ n(o1, { label: S, variant: "rounded", size: "xSmall", color: Aa(m) ? m : "default" })
+                        S && /* @__PURE__ */ n(o1, { label: S, variant: "rounded", size: "xSmall", color: Ta(m) ? m : "default" })
                       ] }),
-                      secondary: R,
+                      secondary: k,
                       primaryTypographyProps: {
                         component: "div"
                       },
@@ -5089,7 +5094,7 @@ const aa = (e, r, t) => {
                   )
                 ]
               },
-              $
+              D
             );
           }
         ),
@@ -5146,7 +5151,7 @@ const aa = (e, r, t) => {
   multiple: d,
   ...u
 }) => {
-  const { t: f } = At(), x = Array.isArray(c) ? (c == null ? void 0 : c.length) === (l == null ? void 0 : l.length) : !1, b = l == null ? void 0 : l.filter((g) => g == null ? void 0 : g.isHeader);
+  const { t: f } = Tt(), x = Array.isArray(c) ? (c == null ? void 0 : c.length) === (l == null ? void 0 : l.length) : !1, b = l == null ? void 0 : l.filter((g) => g == null ? void 0 : g.isHeader);
   return /* @__PURE__ */ v(ur, { ...u, children: [
     d && !o && (!r || !!(b != null && b.length)) && /* @__PURE__ */ v(Me, { children: [
       /* @__PURE__ */ v(v1, { role: "listbox", children: [
@@ -5186,8 +5191,8 @@ const aa = (e, r, t) => {
             ] })
           }
         ),
-        b == null ? void 0 : b.map((g, R) => {
-          const y = `header-options-${g == null ? void 0 : g.id}-${R}`, h = Array.isArray(c) && c.some(
+        b == null ? void 0 : b.map((g, k) => {
+          const y = `header-options-${g == null ? void 0 : g.id}-${k}`, h = Array.isArray(c) && c.some(
             (w) => JSON.stringify(w) === JSON.stringify(g) || w && typeof w == "object" && "id" in w && (w == null ? void 0 : w.id) === (g == null ? void 0 : g.id)
           );
           return /* @__PURE__ */ n(
@@ -5232,7 +5237,7 @@ const aa = (e, r, t) => {
   inputValue: x,
   disableClearable: b,
   loading: g,
-  resetInputValueOnSelectOption: R,
+  resetInputValueOnSelectOption: k,
   renderOption: y,
   renderTags: h,
   size: w = "small",
@@ -5241,26 +5246,26 @@ const aa = (e, r, t) => {
   options: M = [],
   slotProps: p,
   ..._
-}, T) => {
-  const { palette: $ } = be(), [I, K] = ae(!1), [se, ne] = ae(""), Y = $.mode === "light" ? "default" : "primary", Z = x || se, ye = m ? l ? Array.isArray(l) ? l : [l] : [] : l || null;
+}, A) => {
+  const { palette: D } = we(), [I, K] = ae(!1), [se, ne] = ae(""), Y = D.mode === "light" ? "default" : "primary", Z = x || se, be = m ? l ? Array.isArray(l) ? l : [l] : [] : l || null;
   return /* @__PURE__ */ n(
     hn,
     {
       freeSolo: !1,
       multiple: m,
       disableClearable: b,
-      value: ye,
+      value: be,
       loading: g,
       options: M,
-      ref: T,
+      ref: A,
       size: w,
       disableCloseOnSelect: S,
-      onChange: (D, A, U, te) => {
-        if (A === null) {
-          e == null || e(D, m ? [] : null, U, te);
+      onChange: ($, T, U, te) => {
+        if (T === null) {
+          e == null || e($, m ? [] : null, U, te);
           return;
         }
-        e == null || e(D, A, U, te), (!S || !m) && K(!1);
+        e == null || e($, T, U, te), (!S || !m) && K(!1);
       },
       getLimitTagsText: _a(Y),
       inputValue: Z,
@@ -5283,21 +5288,21 @@ const aa = (e, r, t) => {
           ...p == null ? void 0 : p.paper
         }
       },
-      onInputChange: (D, A, U) => {
-        U === "reset" && I && !R || U === "selectOption" && !R || U === "removeOption" && !R || (x || ne(A), f == null || f(D, A, U));
+      onInputChange: ($, T, U) => {
+        U === "reset" && I && !k || U === "selectOption" && !k || U === "removeOption" && !k || (x || ne(T), f == null || f($, T, U));
       },
-      onFocus: (D) => {
-        K(!0), c == null || c(D);
+      onFocus: ($) => {
+        K(!0), c == null || c($);
       },
-      onBlur: (D) => {
-        K(!1), d == null || d(D);
+      onBlur: ($) => {
+        K(!1), d == null || d($);
       },
-      renderOption: y || ((D, A, { selected: U }) => {
+      renderOption: y || (($, T, { selected: U }) => {
         var ce;
-        if (g || A != null && A.isHeader)
+        if (g || T != null && T.isHeader)
           return null;
-        const te = `${A == null ? void 0 : A.id}-${D == null ? void 0 : D.key}`;
-        return /* @__PURE__ */ Sn(Le, { ...D, key: te }, !r && /* @__PURE__ */ n(K1, { disableRipple: !0, checked: U, sx: sr }), (A == null ? void 0 : A.image) && /* @__PURE__ */ n(
+        const te = `${T == null ? void 0 : T.id}-${$ == null ? void 0 : $.key}`;
+        return /* @__PURE__ */ Sn(Le, { ...$, key: te }, !r && /* @__PURE__ */ n(K1, { disableRipple: !0, checked: U, sx: sr }), (T == null ? void 0 : T.image) && /* @__PURE__ */ n(
           fn,
           {
             sx: {
@@ -5306,23 +5311,23 @@ const aa = (e, r, t) => {
               minWidth: "auto",
               width: 24
             },
-            children: /* @__PURE__ */ n(He, { variant: "rounded", src: A == null ? void 0 : A.image, sx: { height: 24, width: 24 }, children: (A == null ? void 0 : A.image) === "letter" && typeof (A == null ? void 0 : A.label) == "string" && ((ce = A == null ? void 0 : A.label) == null ? void 0 : ce.charAt(0).toUpperCase()) })
+            children: /* @__PURE__ */ n(He, { variant: "rounded", src: T == null ? void 0 : T.image, sx: { height: 24, width: 24 }, children: (T == null ? void 0 : T.image) === "letter" && typeof (T == null ? void 0 : T.label) == "string" && ((ce = T == null ? void 0 : T.label) == null ? void 0 : ce.charAt(0).toUpperCase()) })
           }
-        ), typeof (A == null ? void 0 : A.label) == "string" ? /* @__PURE__ */ n(X, { variant: "body2", whiteSpace: "nowrap", textOverflow: "ellipsis", overflow: "hidden", title: A == null ? void 0 : A.label, children: A.label }) : A == null ? void 0 : A.label);
+        ), typeof (T == null ? void 0 : T.label) == "string" ? /* @__PURE__ */ n(X, { variant: "body2", whiteSpace: "nowrap", textOverflow: "ellipsis", overflow: "hidden", title: T == null ? void 0 : T.label, children: T.label }) : T == null ? void 0 : T.label);
       }),
-      renderTags: h || ((D, A, U) => Array.isArray(D) ? D.map((te, ce) => {
-        const { key: fe } = A({ index: ce });
+      renderTags: h || (($, T, U) => Array.isArray($) ? $.map((te, ce) => {
+        const { key: fe } = T({ index: ce });
         return U != null && U.focused ? null : /* @__PURE__ */ n(X, { marginX: 1, whiteSpace: "nowrap", textOverflow: "ellipsis", overflow: "hidden", children: te == null ? void 0 : te.label }, fe);
       }) : null),
       ..._,
-      renderInput: (D) => {
+      renderInput: ($) => {
         var te, ce;
-        const A = () => {
+        const T = () => {
           if (!(!I && (Array.isArray(l) && l.length || !Array.isArray(l) && l)))
             return t;
-        }, U = _1((te = D.InputProps) == null ? void 0 : te.endAdornment) ? (ce = D.InputProps) == null ? void 0 : ce.endAdornment : null;
+        }, U = _1((te = $.InputProps) == null ? void 0 : te.endAdornment) ? (ce = $.InputProps) == null ? void 0 : ce.endAdornment : null;
         return /* @__PURE__ */ n(
-          k1,
+          R1,
           {
             sx: {
               ".MuiInputBase-root .MuiInputBase-input": {
@@ -5330,10 +5335,10 @@ const aa = (e, r, t) => {
                 minWidth: 0
               }
             },
-            ...D,
+            ...$,
             slotProps: {
               input: {
-                ...D.InputProps,
+                ...$.InputProps,
                 endAdornment: I ? /* @__PURE__ */ v(
                   a1,
                   {
@@ -5344,7 +5349,7 @@ const aa = (e, r, t) => {
                     },
                     children: [
                       I && Z && !b && /* @__PURE__ */ n(
-                        Ae,
+                        Te,
                         {
                           size: "small",
                           onClick: (fe) => {
@@ -5360,7 +5365,7 @@ const aa = (e, r, t) => {
                 ) : U
               }
             },
-            placeholder: A()
+            placeholder: T()
           }
         );
       }
@@ -5405,13 +5410,13 @@ const aa = (e, r, t) => {
     ...d,
     children: r
   }
-) }), oo = ue(Fa), Ha = ({ sx: e, fontSize: r, color: t = "currentColor" }) => /* @__PURE__ */ n(we, { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", fontSize: r, sx: e, children: /* @__PURE__ */ n(
+) }), oo = ue(Fa), Ha = ({ sx: e, fontSize: r, color: t = "currentColor" }) => /* @__PURE__ */ n(ve, { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", fontSize: r, sx: e, children: /* @__PURE__ */ n(
   "path",
   {
     d: "M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z",
     fill: t
   }
-) }), Oa = ({ sx: e, fontSize: r, color: t = "currentColor" }) => /* @__PURE__ */ n(we, { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", fontSize: r, sx: e, children: /* @__PURE__ */ n(
+) }), Oa = ({ sx: e, fontSize: r, color: t = "currentColor" }) => /* @__PURE__ */ n(ve, { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", fontSize: r, sx: e, children: /* @__PURE__ */ n(
   "path",
   {
     d: "M19.7231 21.1385L15.8308 17.2577C15.3884 17.4539 14.8394 17.6266 14.1836 17.776C13.5279 17.9253 12.8 18 12 18C9.81665 18 7.83139 17.4035 6.0442 16.2106C4.25702 15.0176 2.93459 13.4474 2.0769 11.5C2.46535 10.6167 2.97753 9.78943 3.61343 9.01828C4.24933 8.24713 4.92818 7.60001 5.64998 7.07693L2.8615 4.27693L3.5692 3.56923L20.4308 20.4308L19.7231 21.1385ZM12 15.1539C12.2346 15.1539 12.492 15.1263 12.7721 15.0712C13.0522 15.016 13.2711 14.9442 13.4288 14.8558L8.6442 10.0712C8.55574 10.2545 8.48395 10.483 8.42883 10.7567C8.3737 11.0304 8.34613 11.2782 8.34613 11.5C8.34613 12.5192 8.7003 13.383 9.40863 14.0914C10.117 14.7997 10.9807 15.1539 12 15.1539ZM18.6077 15.7192L15.5096 12.6462C15.5493 12.5039 15.5833 12.3349 15.6115 12.1394C15.6397 11.9439 15.6538 11.7308 15.6538 11.5C15.6538 10.4808 15.2997 9.61699 14.5913 8.90865C13.883 8.20032 13.0192 7.84615 12 7.84615C11.7692 7.84615 11.5625 7.86346 11.3798 7.89808C11.1971 7.9327 11.0282 7.98462 10.8731 8.05385L8.4192 5.61923C8.99997 5.4 9.591 5.24198 10.1923 5.14518C10.7936 5.0484 11.3961 5 12 5C14.1705 5 16.1558 5.59648 17.9558 6.78943C19.7558 7.98238 21.0782 9.55257 21.9231 11.5C21.5654 12.3039 21.1125 13.0593 20.5644 13.7664C20.0163 14.4734 19.3641 15.1244 18.6077 15.7192ZM14.6942 11.85L11.675 8.85C12.0904 8.76667 12.4939 8.79455 12.8856 8.93365C13.2772 9.07275 13.6147 9.2859 13.8981 9.57308C14.1942 9.86026 14.4144 10.2029 14.5586 10.601C14.7029 10.999 14.7481 11.4154 14.6942 11.85Z",
@@ -5426,7 +5431,7 @@ const aa = (e, r, t) => {
     c.preventDefault();
   };
   return /* @__PURE__ */ n(
-    k1,
+    R1,
     {
       type: t ? "text" : "password",
       slotProps: {
@@ -5434,7 +5439,7 @@ const aa = (e, r, t) => {
         input: {
           ...e == null ? void 0 : e.input,
           endAdornment: /* @__PURE__ */ n(a1, { position: "end", children: /* @__PURE__ */ n(
-            Ae,
+            Te,
             {
               "aria-label": t ? "hide the password" : "display the password",
               onClick: a,
@@ -5591,16 +5596,16 @@ const aa = (e, r, t) => {
     }),
     [t, i]
   );
-  return A1(() => {
+  return T1(() => {
     a(r);
   }, [r]), /* @__PURE__ */ n(st.Provider, { value: o, children: e });
-}, $a = {
+}, Da = {
   component: void 0,
   isOpen: !1,
   message: "",
   severity: "success",
   variant: "standard"
-}, _t = T1({
+}, _t = A1({
   closeSnackbar: () => {
   },
   isOpen: !1,
@@ -5611,7 +5616,7 @@ const aa = (e, r, t) => {
   autoHideDuration: r = 5e3,
   anchorOrigin: t = { horizontal: "center", vertical: "bottom" }
 }) => {
-  const [i, a] = ae($a), o = pe((d) => {
+  const [i, a] = ae(Da), o = pe((d) => {
     a({
       component: d == null ? void 0 : d.component,
       isOpen: !0,
@@ -5697,7 +5702,7 @@ export {
   Wa as TextArea,
   fa as TextFieldAppBar,
   so as TextFieldPassword,
-  Tt as ThemeContext,
+  At as ThemeContext,
   to as ThemeProvider,
   Ka as TimeLine,
   Xa as TypographySkeleton,
@@ -5705,7 +5710,7 @@ export {
   J as pxToRem,
   ro as theme,
   ha as useMenu,
-  kn as usePermission,
+  Rn as usePermission,
   fo as useSnackbar,
   ho as useTabs
 };