@tracktor/design-system 4.32.0 → 4.33.1

package/dist/main.js

@@ -42,7 +42,7 @@ function sf() {
     function e(T) {
       if (T == null) return null;
       if (typeof T == "function")
-        return T.$$typeof === j ? null : T.displayName || T.name || null;
+        return T.$$typeof === q ? null : T.displayName || T.name || null;
       if (typeof T == "string") return T;
       switch (T) {
         case v:
@@ -73,7 +73,7 @@ function sf() {
             return T = T.displayName, T || (T = V.displayName || V.name || "", T = T !== "" ? "ForwardRef(" + T + ")" : "ForwardRef"), T;
           case P:
             return V = T.displayName || null, V !== null ? V : e(T.type) || "Memo";
-          case k:
+          case B:
             V = T._payload, T = T._init;
             try {
               return e(T(V));
@@ -104,7 +104,7 @@ function sf() {
     }
     function o(T) {
       if (T === v) return "<>";
-      if (typeof T == "object" && T !== null && T.$$typeof === k)
+      if (typeof T == "object" && T !== null && T.$$typeof === B)
         return "<...>";
       try {
         var V = e(T);
@@ -121,7 +121,7 @@ function sf() {
       return Error("react-stack-top-frame");
     }
     function s(T) {
-      if (B.call(T, "key")) {
+      if (k.call(T, "key")) {
         var V = Object.getOwnPropertyDescriptor(T, "key").get;
         if (V && V.isReactWarning) return !1;
       }
@@ -191,7 +191,7 @@ function sf() {
               "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 A(Y);
-      if (B.call(V, "key")) {
+      if (k.call(V, "key")) {
         Y = e(T);
         var oe = Object.keys(V).filter(function(_) {
           return _ !== "key";
@@ -227,12 +227,12 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function A(T) {
-      b(T) ? T._store && (T._store.validated = 1) : typeof T == "object" && T !== null && T.$$typeof === k && (T._payload.status === "fulfilled" ? b(T._payload.value) && T._payload.value._store && (T._payload.value._store.validated = 1) : T._store && (T._store.validated = 1));
+      b(T) ? T._store && (T._store.validated = 1) : typeof T == "object" && T !== null && T.$$typeof === B && (T._payload.status === "fulfilled" ? b(T._payload.value) && T._payload.value._store && (T._payload.value._store.validated = 1) : T._store && (T._store.validated = 1));
     }
     function b(T) {
       return typeof T == "object" && T !== null && T.$$typeof === m;
     }
-    var y = hr, m = /* @__PURE__ */ Symbol.for("react.transitional.element"), f = /* @__PURE__ */ Symbol.for("react.portal"), v = /* @__PURE__ */ Symbol.for("react.fragment"), E = /* @__PURE__ */ Symbol.for("react.strict_mode"), S = /* @__PURE__ */ Symbol.for("react.profiler"), x = /* @__PURE__ */ Symbol.for("react.consumer"), C = /* @__PURE__ */ Symbol.for("react.context"), h = /* @__PURE__ */ Symbol.for("react.forward_ref"), I = /* @__PURE__ */ Symbol.for("react.suspense"), R = /* @__PURE__ */ Symbol.for("react.suspense_list"), P = /* @__PURE__ */ Symbol.for("react.memo"), k = /* @__PURE__ */ Symbol.for("react.lazy"), Q = /* @__PURE__ */ Symbol.for("react.activity"), j = /* @__PURE__ */ Symbol.for("react.client.reference"), g = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, M = Array.isArray, D = console.createTask ? console.createTask : function() {
+    var y = hr, m = /* @__PURE__ */ Symbol.for("react.transitional.element"), f = /* @__PURE__ */ Symbol.for("react.portal"), v = /* @__PURE__ */ Symbol.for("react.fragment"), E = /* @__PURE__ */ Symbol.for("react.strict_mode"), S = /* @__PURE__ */ Symbol.for("react.profiler"), x = /* @__PURE__ */ Symbol.for("react.consumer"), C = /* @__PURE__ */ Symbol.for("react.context"), h = /* @__PURE__ */ Symbol.for("react.forward_ref"), I = /* @__PURE__ */ Symbol.for("react.suspense"), R = /* @__PURE__ */ Symbol.for("react.suspense_list"), P = /* @__PURE__ */ Symbol.for("react.memo"), B = /* @__PURE__ */ Symbol.for("react.lazy"), Q = /* @__PURE__ */ Symbol.for("react.activity"), q = /* @__PURE__ */ Symbol.for("react.client.reference"), g = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, k = Object.prototype.hasOwnProperty, M = Array.isArray, D = console.createTask ? console.createTask : function() {
       return null;
     };
     y = {
@@ -1008,7 +1008,7 @@ function Qf() {
         }
       }
     }
-    var h = c, I = u, R = l, P = s, k = t, Q = p, j = o, g = m, B = y, M = r, D = a, O = i, U = A, X = !1;
+    var h = c, I = u, R = l, P = s, B = t, Q = p, q = o, g = m, k = y, M = r, D = a, O = i, U = A, X = !1;
     function J(F) {
       return X || (X = !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.")), N(F) || C(F) === c;
     }
@@ -1048,7 +1048,7 @@ function Qf() {
     function ae(F) {
       return C(F) === A;
     }
-    Ve.AsyncMode = h, Ve.ConcurrentMode = I, Ve.ContextConsumer = R, Ve.ContextProvider = P, Ve.Element = k, Ve.ForwardRef = Q, Ve.Fragment = j, Ve.Lazy = g, Ve.Memo = B, Ve.Portal = M, Ve.Profiler = D, Ve.StrictMode = O, Ve.Suspense = U, Ve.isAsyncMode = J, Ve.isConcurrentMode = N, Ve.isContextConsumer = T, Ve.isContextProvider = V, Ve.isElement = Z, Ve.isForwardRef = z, Ve.isFragment = $, Ve.isLazy = H, Ve.isMemo = Y, Ve.isPortal = oe, Ve.isProfiler = ee, Ve.isStrictMode = _, Ve.isSuspense = ae, Ve.isValidElementType = x, Ve.typeOf = C;
+    Ve.AsyncMode = h, Ve.ConcurrentMode = I, Ve.ContextConsumer = R, Ve.ContextProvider = P, Ve.Element = B, Ve.ForwardRef = Q, Ve.Fragment = q, Ve.Lazy = g, Ve.Memo = k, Ve.Portal = M, Ve.Profiler = D, Ve.StrictMode = O, Ve.Suspense = U, Ve.isAsyncMode = J, Ve.isConcurrentMode = N, Ve.isContextConsumer = T, Ve.isContextProvider = V, Ve.isElement = Z, Ve.isForwardRef = z, Ve.isFragment = $, Ve.isLazy = H, Ve.isMemo = Y, Ve.isPortal = oe, Ve.isProfiler = ee, Ve.isStrictMode = _, Ve.isSuspense = ae, Ve.isValidElementType = x, Ve.typeOf = C;
   })()), Ve;
 }
 var Ol;
@@ -1386,7 +1386,7 @@ var eA = function(t) {
   }), /* @__PURE__ */ w.createElement(i, c));
 }), ju = nA, kt = L.Fragment, d = function(t, r, o) {
   return Li.call(r, "css") ? L.jsx(ju, qu(t, r), o) : L.jsx(t, r, o);
-}, q = function(t, r, o) {
+}, j = function(t, r, o) {
   return Li.call(r, "css") ? L.jsxs(ju, qu(t, r), o) : L.jsxs(t, r, o);
 };
 const gt = {
@@ -1430,7 +1430,7 @@ const gt = {
   ({ secondarySrc: e, secondaryAvatarProps: t, showSecondaryAvatar: r, size: o, sx: i, ...a }, s) => {
     if (r !== !1 && (e || r || t)) {
       const { sx: l, ...c } = t || {}, u = o ? gt[o].primary : fi(es(i) ? i.width : void 0), p = o ? gt[o].primary : fi(es(i) ? i.height : void 0), A = oA(i, o), b = A.width / 3, y = A.height / 3;
-      return /* @__PURE__ */ q(
+      return /* @__PURE__ */ j(
         Ae,
         {
           sx: {
@@ -1535,7 +1535,7 @@ const iA = (e, t) => {
   }, C = () => {
     b(!0), p(!1);
   };
-  return /* @__PURE__ */ q(
+  return /* @__PURE__ */ j(
     Qr,
     {
       src: e,
@@ -1564,7 +1564,7 @@ const iA = (e, t) => {
       },
       children: [
         v && /* @__PURE__ */ d(aA, { width: s, height: l, sx: f }),
-        E && /* @__PURE__ */ q("svg", { width: "100%", height: "100%", viewBox: "0 0 39 38", fill: "none", children: [
+        E && /* @__PURE__ */ j("svg", { width: "100%", height: "100%", viewBox: "0 0 39 38", fill: "none", children: [
           /* @__PURE__ */ d(
             "path",
             {
@@ -1979,7 +1979,7 @@ function pA() {
         }
       }
     }
-    var h = c, I = u, R = l, P = s, k = t, Q = p, j = o, g = m, B = y, M = r, D = a, O = i, U = A, X = !1;
+    var h = c, I = u, R = l, P = s, B = t, Q = p, q = o, g = m, k = y, M = r, D = a, O = i, U = A, X = !1;
     function J(F) {
       return X || (X = !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.")), N(F) || C(F) === c;
     }
@@ -2019,7 +2019,7 @@ function pA() {
     function ae(F) {
       return C(F) === A;
     }
-    Le.AsyncMode = h, Le.ConcurrentMode = I, Le.ContextConsumer = R, Le.ContextProvider = P, Le.Element = k, Le.ForwardRef = Q, Le.Fragment = j, Le.Lazy = g, Le.Memo = B, Le.Portal = M, Le.Profiler = D, Le.StrictMode = O, Le.Suspense = U, Le.isAsyncMode = J, Le.isConcurrentMode = N, Le.isContextConsumer = T, Le.isContextProvider = V, Le.isElement = Z, Le.isForwardRef = z, Le.isFragment = $, Le.isLazy = H, Le.isMemo = Y, Le.isPortal = oe, Le.isProfiler = ee, Le.isStrictMode = _, Le.isSuspense = ae, Le.isValidElementType = x, Le.typeOf = C;
+    Le.AsyncMode = h, Le.ConcurrentMode = I, Le.ContextConsumer = R, Le.ContextProvider = P, Le.Element = B, Le.ForwardRef = Q, Le.Fragment = q, Le.Lazy = g, Le.Memo = k, Le.Portal = M, Le.Profiler = D, Le.StrictMode = O, Le.Suspense = U, Le.isAsyncMode = J, Le.isConcurrentMode = N, Le.isContextConsumer = T, Le.isContextProvider = V, Le.isElement = Z, Le.isForwardRef = z, Le.isFragment = $, Le.isLazy = H, Le.isMemo = Y, Le.isPortal = oe, Le.isProfiler = ee, Le.isStrictMode = _, Le.isSuspense = ae, Le.isValidElementType = x, Le.typeOf = C;
   })()), Le;
 }
 var Ll;
@@ -2173,9 +2173,9 @@ function AA() {
       node: Q(),
       objectOf: P,
       oneOf: R,
-      oneOfType: k,
+      oneOfType: B,
       shape: g,
-      exact: B
+      exact: k
     };
     function m(N, T) {
       return N === T ? N !== 0 || 1 / N === 1 / T : N !== N && T !== T;
@@ -2308,7 +2308,7 @@ function AA() {
       }
       return v(T);
     }
-    function k(N) {
+    function B(N) {
       if (!Array.isArray(N))
         return process.env.NODE_ENV !== "production" && a("Invalid argument supplied to oneOfType, expected an instance of array."), s;
       for (var T = 0; T < N.length; T++) {
@@ -2336,7 +2336,7 @@ function AA() {
       }
       return v(N);
     }
-    function j(N, T, V, Z, z) {
+    function q(N, T, V, Z, z) {
       return new f(
         (N || "React class") + ": " + T + " type `" + V + "." + Z + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + z + "`."
       );
@@ -2349,7 +2349,7 @@ function AA() {
         for (var ee in N) {
           var _ = N[ee];
           if (typeof _ != "function")
-            return j(z, $, H, ee, U(_));
+            return q(z, $, H, ee, U(_));
           var ae = _(Y, ee, z, $, H + "." + ee, r);
           if (ae)
             return ae;
@@ -2358,7 +2358,7 @@ function AA() {
       }
       return v(T);
     }
-    function B(N) {
+    function k(N) {
       function T(V, Z, z, $, H) {
         var Y = V[Z], oe = O(Y);
         if (oe !== "object")
@@ -2367,7 +2367,7 @@ function AA() {
         for (var _ in ee) {
           var ae = N[_];
           if (o(N, _) && typeof ae != "function")
-            return j(z, $, H, _, U(ae));
+            return q(z, $, H, _, U(ae));
           if (!ae)
             return new f(
               "Invalid " + $ + " `" + H + "` key `" + _ + "` supplied to `" + z + "`.\nBad object: " + JSON.stringify(V[Z], null, "  ") + `
@@ -3890,31 +3890,31 @@ function np(e = {}) {
         };
       if (Ar(I)) {
         const R = tp(I);
-        return function(k) {
-          return R.variants ? oi(k, R, k.theme.modularCssLayers ? f : void 0) : k.theme.modularCssLayers ? $r(R.style, f) : R.style;
+        return function(B) {
+          return R.variants ? oi(B, R, B.theme.modularCssLayers ? f : void 0) : B.theme.modularCssLayers ? $r(R.style, f) : R.style;
         };
       }
       return I;
     }, h = (...I) => {
-      const R = [], P = I.map(C), k = [];
-      if (R.push(a), u && y && k.push(function(B) {
-        const D = B.theme.components?.[u]?.styleOverrides;
+      const R = [], P = I.map(C), B = [];
+      if (R.push(a), u && y && B.push(function(k) {
+        const D = k.theme.components?.[u]?.styleOverrides;
         if (!D)
           return null;
         const O = {};
         for (const U in D)
-          O[U] = oi(B, D[U], B.theme.modularCssLayers ? "theme" : void 0);
-        return y(B, O);
-      }), u && !v && k.push(function(B) {
-        const D = B.theme?.components?.[u]?.variants;
-        return D ? rp(B, D, [], B.theme.modularCssLayers ? "theme" : void 0) : null;
-      }), E || k.push(nn), Array.isArray(P[0])) {
-        const g = P.shift(), B = new Array(R.length).fill(""), M = new Array(k.length).fill("");
+          O[U] = oi(k, D[U], k.theme.modularCssLayers ? "theme" : void 0);
+        return y(k, O);
+      }), u && !v && B.push(function(k) {
+        const D = k.theme?.components?.[u]?.variants;
+        return D ? rp(k, D, [], k.theme.modularCssLayers ? "theme" : void 0) : null;
+      }), E || B.push(nn), Array.isArray(P[0])) {
+        const g = P.shift(), k = new Array(R.length).fill(""), M = new Array(B.length).fill("");
         let D;
-        D = [...B, ...g, ...M], D.raw = [...B, ...g.raw, ...M], R.unshift(D);
+        D = [...k, ...g, ...M], D.raw = [...k, ...g.raw, ...M], R.unshift(D);
       }
-      const Q = [...R, ...P, ...k], j = x(...Q);
-      return l.muiName && (j.muiName = l.muiName), process.env.NODE_ENV !== "production" && (j.displayName = k1(u, p, l)), j;
+      const Q = [...R, ...P, ...B], q = x(...Q);
+      return l.muiName && (q.muiName = l.muiName), process.env.NODE_ENV !== "production" && (q.displayName = k1(u, p, l)), q;
     };
     return x.withConfig && (h.withConfig = x.withConfig), h;
   };
@@ -4306,12 +4306,12 @@ function $1(e, t = {}) {
     },
     generateStyleSheets: () => {
       const C = [], h = e.defaultColorScheme || "light";
-      function I(k, Q) {
-        Object.keys(Q).length && C.push(typeof k == "string" ? {
-          [k]: {
+      function I(B, Q) {
+        Object.keys(Q).length && C.push(typeof B == "string" ? {
+          [B]: {
             ...Q
           }
-        } : k);
+        } : B);
       }
       I(r(void 0, {
         ...A
@@ -4322,27 +4322,27 @@ function $1(e, t = {}) {
       } = m;
       if (R) {
         const {
-          css: k
-        } = R, Q = s[h]?.palette?.mode, j = !o && Q ? {
+          css: B
+        } = R, Q = s[h]?.palette?.mode, q = !o && Q ? {
           colorScheme: Q,
-          ...k
+          ...B
         } : {
-          ...k
+          ...B
         };
         I(r(h, {
-          ...j
-        }), j);
+          ...q
+        }), q);
       }
-      return Object.entries(P).forEach(([k, {
+      return Object.entries(P).forEach(([B, {
         css: Q
       }]) => {
-        const j = s[k]?.palette?.mode, g = !o && j ? {
-          colorScheme: j,
+        const q = s[B]?.palette?.mode, g = !o && q ? {
+          colorScheme: q,
           ...Q
         } : {
           ...Q
         };
-        I(r(k, {
+        I(r(B, {
           ...g
         }), g);
       }), a && C.push({
@@ -5229,8 +5229,8 @@ function Nh(e = {}, ...t) {
     },
     spacing: Fh(p.spacing)
   };
-  Object.keys(I.colorSchemes).forEach((j) => {
-    const g = I.colorSchemes[j].palette, B = (D) => {
+  Object.keys(I.colorSchemes).forEach((q) => {
+    const g = I.colorSchemes[q].palette, k = (D) => {
       const O = D.split("-"), U = O[1], X = O[2];
       return y(D, g[U][X]);
     };
@@ -5243,20 +5243,20 @@ function Nh(e = {}, ...t) {
       return D(O, U);
     }
     if (Vh(g, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), g.mode === "light") {
-      K(g.Alert, "errorColor", M(Ne, g.error.light, 0.6)), K(g.Alert, "infoColor", M(Ne, g.info.light, 0.6)), K(g.Alert, "successColor", M(Ne, g.success.light, 0.6)), K(g.Alert, "warningColor", M(Ne, g.warning.light, 0.6)), K(g.Alert, "errorFilledBg", B("palette-error-main")), K(g.Alert, "infoFilledBg", B("palette-info-main")), K(g.Alert, "successFilledBg", B("palette-success-main")), K(g.Alert, "warningFilledBg", B("palette-warning-main")), K(g.Alert, "errorFilledColor", cr(() => g.getContrastText(g.error.main))), K(g.Alert, "infoFilledColor", cr(() => g.getContrastText(g.info.main))), K(g.Alert, "successFilledColor", cr(() => g.getContrastText(g.success.main))), K(g.Alert, "warningFilledColor", cr(() => g.getContrastText(g.warning.main))), K(g.Alert, "errorStandardBg", M(Ue, g.error.light, 0.9)), K(g.Alert, "infoStandardBg", M(Ue, g.info.light, 0.9)), K(g.Alert, "successStandardBg", M(Ue, g.success.light, 0.9)), K(g.Alert, "warningStandardBg", M(Ue, g.warning.light, 0.9)), K(g.Alert, "errorIconColor", B("palette-error-main")), K(g.Alert, "infoIconColor", B("palette-info-main")), K(g.Alert, "successIconColor", B("palette-success-main")), K(g.Alert, "warningIconColor", B("palette-warning-main")), K(g.AppBar, "defaultBg", B("palette-grey-100")), K(g.Avatar, "defaultBg", B("palette-grey-400")), K(g.Button, "inheritContainedBg", B("palette-grey-300")), K(g.Button, "inheritContainedHoverBg", B("palette-grey-A100")), K(g.Chip, "defaultBorder", B("palette-grey-400")), K(g.Chip, "defaultAvatarColor", B("palette-grey-700")), K(g.Chip, "defaultIconColor", B("palette-grey-700")), K(g.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), K(g.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), K(g.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), K(g.LinearProgress, "primaryBg", M(Ue, g.primary.main, 0.62)), K(g.LinearProgress, "secondaryBg", M(Ue, g.secondary.main, 0.62)), K(g.LinearProgress, "errorBg", M(Ue, g.error.main, 0.62)), K(g.LinearProgress, "infoBg", M(Ue, g.info.main, 0.62)), K(g.LinearProgress, "successBg", M(Ue, g.success.main, 0.62)), K(g.LinearProgress, "warningBg", M(Ue, g.warning.main, 0.62)), K(g.Skeleton, "bg", C ? M(zr, g.text.primary, 0.11) : `rgba(${B("palette-text-primaryChannel")} / 0.11)`), K(g.Slider, "primaryTrack", M(Ue, g.primary.main, 0.62)), K(g.Slider, "secondaryTrack", M(Ue, g.secondary.main, 0.62)), K(g.Slider, "errorTrack", M(Ue, g.error.main, 0.62)), K(g.Slider, "infoTrack", M(Ue, g.info.main, 0.62)), K(g.Slider, "successTrack", M(Ue, g.success.main, 0.62)), K(g.Slider, "warningTrack", M(Ue, g.warning.main, 0.62));
+      K(g.Alert, "errorColor", M(Ne, g.error.light, 0.6)), K(g.Alert, "infoColor", M(Ne, g.info.light, 0.6)), K(g.Alert, "successColor", M(Ne, g.success.light, 0.6)), K(g.Alert, "warningColor", M(Ne, g.warning.light, 0.6)), K(g.Alert, "errorFilledBg", k("palette-error-main")), K(g.Alert, "infoFilledBg", k("palette-info-main")), K(g.Alert, "successFilledBg", k("palette-success-main")), K(g.Alert, "warningFilledBg", k("palette-warning-main")), K(g.Alert, "errorFilledColor", cr(() => g.getContrastText(g.error.main))), K(g.Alert, "infoFilledColor", cr(() => g.getContrastText(g.info.main))), K(g.Alert, "successFilledColor", cr(() => g.getContrastText(g.success.main))), K(g.Alert, "warningFilledColor", cr(() => g.getContrastText(g.warning.main))), K(g.Alert, "errorStandardBg", M(Ue, g.error.light, 0.9)), K(g.Alert, "infoStandardBg", M(Ue, g.info.light, 0.9)), K(g.Alert, "successStandardBg", M(Ue, g.success.light, 0.9)), K(g.Alert, "warningStandardBg", M(Ue, g.warning.light, 0.9)), K(g.Alert, "errorIconColor", k("palette-error-main")), K(g.Alert, "infoIconColor", k("palette-info-main")), K(g.Alert, "successIconColor", k("palette-success-main")), K(g.Alert, "warningIconColor", k("palette-warning-main")), K(g.AppBar, "defaultBg", k("palette-grey-100")), K(g.Avatar, "defaultBg", k("palette-grey-400")), K(g.Button, "inheritContainedBg", k("palette-grey-300")), K(g.Button, "inheritContainedHoverBg", k("palette-grey-A100")), K(g.Chip, "defaultBorder", k("palette-grey-400")), K(g.Chip, "defaultAvatarColor", k("palette-grey-700")), K(g.Chip, "defaultIconColor", k("palette-grey-700")), K(g.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), K(g.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), K(g.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), K(g.LinearProgress, "primaryBg", M(Ue, g.primary.main, 0.62)), K(g.LinearProgress, "secondaryBg", M(Ue, g.secondary.main, 0.62)), K(g.LinearProgress, "errorBg", M(Ue, g.error.main, 0.62)), K(g.LinearProgress, "infoBg", M(Ue, g.info.main, 0.62)), K(g.LinearProgress, "successBg", M(Ue, g.success.main, 0.62)), K(g.LinearProgress, "warningBg", M(Ue, g.warning.main, 0.62)), K(g.Skeleton, "bg", C ? M(zr, g.text.primary, 0.11) : `rgba(${k("palette-text-primaryChannel")} / 0.11)`), K(g.Slider, "primaryTrack", M(Ue, g.primary.main, 0.62)), K(g.Slider, "secondaryTrack", M(Ue, g.secondary.main, 0.62)), K(g.Slider, "errorTrack", M(Ue, g.error.main, 0.62)), K(g.Slider, "infoTrack", M(Ue, g.info.main, 0.62)), K(g.Slider, "successTrack", M(Ue, g.success.main, 0.62)), K(g.Slider, "warningTrack", M(Ue, g.warning.main, 0.62));
       const D = C ? M(Ne, g.background.default, 0.6825) : zo(g.background.default, 0.8);
-      K(g.SnackbarContent, "bg", D), K(g.SnackbarContent, "color", cr(() => C ? ns.text.primary : g.getContrastText(D))), K(g.SpeedDialAction, "fabHoverBg", zo(g.background.paper, 0.15)), K(g.StepConnector, "border", B("palette-grey-400")), K(g.StepContent, "border", B("palette-grey-400")), K(g.Switch, "defaultColor", B("palette-common-white")), K(g.Switch, "defaultDisabledColor", B("palette-grey-100")), K(g.Switch, "primaryDisabledColor", M(Ue, g.primary.main, 0.62)), K(g.Switch, "secondaryDisabledColor", M(Ue, g.secondary.main, 0.62)), K(g.Switch, "errorDisabledColor", M(Ue, g.error.main, 0.62)), K(g.Switch, "infoDisabledColor", M(Ue, g.info.main, 0.62)), K(g.Switch, "successDisabledColor", M(Ue, g.success.main, 0.62)), K(g.Switch, "warningDisabledColor", M(Ue, g.warning.main, 0.62)), K(g.TableCell, "border", M(Ue, M(zr, g.divider, 1), 0.88)), K(g.Tooltip, "bg", M(zr, g.grey[700], 0.92));
+      K(g.SnackbarContent, "bg", D), K(g.SnackbarContent, "color", cr(() => C ? ns.text.primary : g.getContrastText(D))), K(g.SpeedDialAction, "fabHoverBg", zo(g.background.paper, 0.15)), K(g.StepConnector, "border", k("palette-grey-400")), K(g.StepContent, "border", k("palette-grey-400")), K(g.Switch, "defaultColor", k("palette-common-white")), K(g.Switch, "defaultDisabledColor", k("palette-grey-100")), K(g.Switch, "primaryDisabledColor", M(Ue, g.primary.main, 0.62)), K(g.Switch, "secondaryDisabledColor", M(Ue, g.secondary.main, 0.62)), K(g.Switch, "errorDisabledColor", M(Ue, g.error.main, 0.62)), K(g.Switch, "infoDisabledColor", M(Ue, g.info.main, 0.62)), K(g.Switch, "successDisabledColor", M(Ue, g.success.main, 0.62)), K(g.Switch, "warningDisabledColor", M(Ue, g.warning.main, 0.62)), K(g.TableCell, "border", M(Ue, M(zr, g.divider, 1), 0.88)), K(g.Tooltip, "bg", M(zr, g.grey[700], 0.92));
     }
     if (g.mode === "dark") {
-      K(g.Alert, "errorColor", M(Ue, g.error.light, 0.6)), K(g.Alert, "infoColor", M(Ue, g.info.light, 0.6)), K(g.Alert, "successColor", M(Ue, g.success.light, 0.6)), K(g.Alert, "warningColor", M(Ue, g.warning.light, 0.6)), K(g.Alert, "errorFilledBg", B("palette-error-dark")), K(g.Alert, "infoFilledBg", B("palette-info-dark")), K(g.Alert, "successFilledBg", B("palette-success-dark")), K(g.Alert, "warningFilledBg", B("palette-warning-dark")), K(g.Alert, "errorFilledColor", cr(() => g.getContrastText(g.error.dark))), K(g.Alert, "infoFilledColor", cr(() => g.getContrastText(g.info.dark))), K(g.Alert, "successFilledColor", cr(() => g.getContrastText(g.success.dark))), K(g.Alert, "warningFilledColor", cr(() => g.getContrastText(g.warning.dark))), K(g.Alert, "errorStandardBg", M(Ne, g.error.light, 0.9)), K(g.Alert, "infoStandardBg", M(Ne, g.info.light, 0.9)), K(g.Alert, "successStandardBg", M(Ne, g.success.light, 0.9)), K(g.Alert, "warningStandardBg", M(Ne, g.warning.light, 0.9)), K(g.Alert, "errorIconColor", B("palette-error-main")), K(g.Alert, "infoIconColor", B("palette-info-main")), K(g.Alert, "successIconColor", B("palette-success-main")), K(g.Alert, "warningIconColor", B("palette-warning-main")), K(g.AppBar, "defaultBg", B("palette-grey-900")), K(g.AppBar, "darkBg", B("palette-background-paper")), K(g.AppBar, "darkColor", B("palette-text-primary")), K(g.Avatar, "defaultBg", B("palette-grey-600")), K(g.Button, "inheritContainedBg", B("palette-grey-800")), K(g.Button, "inheritContainedHoverBg", B("palette-grey-700")), K(g.Chip, "defaultBorder", B("palette-grey-700")), K(g.Chip, "defaultAvatarColor", B("palette-grey-300")), K(g.Chip, "defaultIconColor", B("palette-grey-300")), K(g.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), K(g.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), K(g.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), K(g.LinearProgress, "primaryBg", M(Ne, g.primary.main, 0.5)), K(g.LinearProgress, "secondaryBg", M(Ne, g.secondary.main, 0.5)), K(g.LinearProgress, "errorBg", M(Ne, g.error.main, 0.5)), K(g.LinearProgress, "infoBg", M(Ne, g.info.main, 0.5)), K(g.LinearProgress, "successBg", M(Ne, g.success.main, 0.5)), K(g.LinearProgress, "warningBg", M(Ne, g.warning.main, 0.5)), K(g.Skeleton, "bg", C ? M(zr, g.text.primary, 0.13) : `rgba(${B("palette-text-primaryChannel")} / 0.13)`), K(g.Slider, "primaryTrack", M(Ne, g.primary.main, 0.5)), K(g.Slider, "secondaryTrack", M(Ne, g.secondary.main, 0.5)), K(g.Slider, "errorTrack", M(Ne, g.error.main, 0.5)), K(g.Slider, "infoTrack", M(Ne, g.info.main, 0.5)), K(g.Slider, "successTrack", M(Ne, g.success.main, 0.5)), K(g.Slider, "warningTrack", M(Ne, g.warning.main, 0.5));
+      K(g.Alert, "errorColor", M(Ue, g.error.light, 0.6)), K(g.Alert, "infoColor", M(Ue, g.info.light, 0.6)), K(g.Alert, "successColor", M(Ue, g.success.light, 0.6)), K(g.Alert, "warningColor", M(Ue, g.warning.light, 0.6)), K(g.Alert, "errorFilledBg", k("palette-error-dark")), K(g.Alert, "infoFilledBg", k("palette-info-dark")), K(g.Alert, "successFilledBg", k("palette-success-dark")), K(g.Alert, "warningFilledBg", k("palette-warning-dark")), K(g.Alert, "errorFilledColor", cr(() => g.getContrastText(g.error.dark))), K(g.Alert, "infoFilledColor", cr(() => g.getContrastText(g.info.dark))), K(g.Alert, "successFilledColor", cr(() => g.getContrastText(g.success.dark))), K(g.Alert, "warningFilledColor", cr(() => g.getContrastText(g.warning.dark))), K(g.Alert, "errorStandardBg", M(Ne, g.error.light, 0.9)), K(g.Alert, "infoStandardBg", M(Ne, g.info.light, 0.9)), K(g.Alert, "successStandardBg", M(Ne, g.success.light, 0.9)), K(g.Alert, "warningStandardBg", M(Ne, g.warning.light, 0.9)), K(g.Alert, "errorIconColor", k("palette-error-main")), K(g.Alert, "infoIconColor", k("palette-info-main")), K(g.Alert, "successIconColor", k("palette-success-main")), K(g.Alert, "warningIconColor", k("palette-warning-main")), K(g.AppBar, "defaultBg", k("palette-grey-900")), K(g.AppBar, "darkBg", k("palette-background-paper")), K(g.AppBar, "darkColor", k("palette-text-primary")), K(g.Avatar, "defaultBg", k("palette-grey-600")), K(g.Button, "inheritContainedBg", k("palette-grey-800")), K(g.Button, "inheritContainedHoverBg", k("palette-grey-700")), K(g.Chip, "defaultBorder", k("palette-grey-700")), K(g.Chip, "defaultAvatarColor", k("palette-grey-300")), K(g.Chip, "defaultIconColor", k("palette-grey-300")), K(g.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), K(g.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), K(g.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), K(g.LinearProgress, "primaryBg", M(Ne, g.primary.main, 0.5)), K(g.LinearProgress, "secondaryBg", M(Ne, g.secondary.main, 0.5)), K(g.LinearProgress, "errorBg", M(Ne, g.error.main, 0.5)), K(g.LinearProgress, "infoBg", M(Ne, g.info.main, 0.5)), K(g.LinearProgress, "successBg", M(Ne, g.success.main, 0.5)), K(g.LinearProgress, "warningBg", M(Ne, g.warning.main, 0.5)), K(g.Skeleton, "bg", C ? M(zr, g.text.primary, 0.13) : `rgba(${k("palette-text-primaryChannel")} / 0.13)`), K(g.Slider, "primaryTrack", M(Ne, g.primary.main, 0.5)), K(g.Slider, "secondaryTrack", M(Ne, g.secondary.main, 0.5)), K(g.Slider, "errorTrack", M(Ne, g.error.main, 0.5)), K(g.Slider, "infoTrack", M(Ne, g.info.main, 0.5)), K(g.Slider, "successTrack", M(Ne, g.success.main, 0.5)), K(g.Slider, "warningTrack", M(Ne, g.warning.main, 0.5));
       const D = C ? M(Ue, g.background.default, 0.985) : zo(g.background.default, 0.98);
-      K(g.SnackbarContent, "bg", D), K(g.SnackbarContent, "color", cr(() => C ? cp.text.primary : g.getContrastText(D))), K(g.SpeedDialAction, "fabHoverBg", zo(g.background.paper, 0.15)), K(g.StepConnector, "border", B("palette-grey-600")), K(g.StepContent, "border", B("palette-grey-600")), K(g.Switch, "defaultColor", B("palette-grey-300")), K(g.Switch, "defaultDisabledColor", B("palette-grey-600")), K(g.Switch, "primaryDisabledColor", M(Ne, g.primary.main, 0.55)), K(g.Switch, "secondaryDisabledColor", M(Ne, g.secondary.main, 0.55)), K(g.Switch, "errorDisabledColor", M(Ne, g.error.main, 0.55)), K(g.Switch, "infoDisabledColor", M(Ne, g.info.main, 0.55)), K(g.Switch, "successDisabledColor", M(Ne, g.success.main, 0.55)), K(g.Switch, "warningDisabledColor", M(Ne, g.warning.main, 0.55)), K(g.TableCell, "border", M(Ne, M(zr, g.divider, 1), 0.68)), K(g.Tooltip, "bg", M(zr, g.grey[700], 0.92));
+      K(g.SnackbarContent, "bg", D), K(g.SnackbarContent, "color", cr(() => C ? cp.text.primary : g.getContrastText(D))), K(g.SpeedDialAction, "fabHoverBg", zo(g.background.paper, 0.15)), K(g.StepConnector, "border", k("palette-grey-600")), K(g.StepContent, "border", k("palette-grey-600")), K(g.Switch, "defaultColor", k("palette-grey-300")), K(g.Switch, "defaultDisabledColor", k("palette-grey-600")), K(g.Switch, "primaryDisabledColor", M(Ne, g.primary.main, 0.55)), K(g.Switch, "secondaryDisabledColor", M(Ne, g.secondary.main, 0.55)), K(g.Switch, "errorDisabledColor", M(Ne, g.error.main, 0.55)), K(g.Switch, "infoDisabledColor", M(Ne, g.info.main, 0.55)), K(g.Switch, "successDisabledColor", M(Ne, g.success.main, 0.55)), K(g.Switch, "warningDisabledColor", M(Ne, g.warning.main, 0.55)), K(g.TableCell, "border", M(Ne, M(zr, g.divider, 1), 0.68)), K(g.Tooltip, "bg", M(zr, g.grey[700], 0.92));
     }
     Cr(g.background, "default"), Cr(g.background, "paper"), Cr(g.common, "background"), Cr(g.common, "onBackground"), Cr(g, "divider"), Object.keys(g).forEach((D) => {
       const O = g[D];
       D !== "tonalOffset" && O && typeof O == "object" && (O.main && K(g[D], "mainChannel", _n(eo(O.main))), O.light && K(g[D], "lightChannel", _n(eo(O.light))), O.dark && K(g[D], "darkChannel", _n(eo(O.dark))), O.contrastText && K(g[D], "contrastTextChannel", _n(eo(O.contrastText))), D === "text" && (Cr(g[D], "primary"), Cr(g[D], "secondary")), D === "action" && (O.active && Cr(g[D], "active"), O.selected && Cr(g[D], "selected")));
     });
-  }), I = t.reduce((j, g) => ut(j, g), I);
+  }), I = t.reduce((q, g) => ut(q, g), I);
   const R = {
     prefix: a,
     disableCssColorScheme: i,
@@ -5265,12 +5265,12 @@ function Nh(e = {}, ...t) {
     enableContrastVars: s
   }, {
     vars: P,
-    generateThemeVars: k,
+    generateThemeVars: B,
     generateStyleSheets: Q
   } = $1(I, R);
-  return I.vars = P, Object.entries(I.colorSchemes[I.defaultColorScheme]).forEach(([j, g]) => {
-    I[j] = g;
-  }), I.generateThemeVars = k, I.generateStyleSheets = Q, I.generateSpacing = function() {
+  return I.vars = P, Object.entries(I.colorSchemes[I.defaultColorScheme]).forEach(([q, g]) => {
+    I[q] = g;
+  }), I.generateThemeVars = B, I.generateStyleSheets = Q, I.generateSpacing = function() {
     return Ju(p.spacing, qi(this));
   }, I.getColorSchemeSelector = _1(c), I.spacing = I.generateSpacing(), I.shouldSkipGeneratingVar = l, I.unstable_sxConfig = {
     ...ko,
@@ -6801,7 +6801,7 @@ const Cp = /* @__PURE__ */ w.forwardRef(function(t, r) {
       ...f
     },
     ownerState: E
-  }), [P, k] = Oe("img", {
+  }), [P, B] = Oe("img", {
     className: h.img,
     elementType: hg,
     externalForwardedProps: {
@@ -6820,7 +6820,7 @@ const Cp = /* @__PURE__ */ w.forwardRef(function(t, r) {
       sizes: A
     },
     ownerState: E
-  }), [Q, j] = Oe("fallback", {
+  }), [Q, q] = Oe("fallback", {
     className: h.fallback,
     elementType: gg,
     externalForwardedProps: {
@@ -6831,9 +6831,9 @@ const Cp = /* @__PURE__ */ w.forwardRef(function(t, r) {
     ownerState: E
   });
   return C ? v = /* @__PURE__ */ L.jsx(P, {
-    ...k
+    ...B
   }) : a || a === 0 ? v = a : x && i ? v = i[0] : v = /* @__PURE__ */ L.jsx(Q, {
-    ...j
+    ...q
   }), /* @__PURE__ */ L.jsx(I, {
     ...R,
     children: v
@@ -6978,16 +6978,16 @@ const yg = ye("MuiAvatarGroup", ["root", "avatar"]), Ma = {
   const h = Math.min(x.length, v - 1), I = Math.max(C - v, C - h, 0), R = u ? u(I) : `+${I}`;
   let P;
   E.spacing && Ma[E.spacing] !== void 0 ? P = Ma[E.spacing] : E.spacing === 0 ? P = 0 : P = -E.spacing || Ma.medium;
-  const k = {
+  const B = {
     slots: A,
     slotProps: {
       surplus: p.additionalAvatar ?? l?.additionalAvatar,
       ...l,
       ...p
     }
-  }, [Q, j] = Oe("surplus", {
+  }, [Q, q] = Oe("surplus", {
     elementType: Cp,
-    externalForwardedProps: k,
+    externalForwardedProps: B,
     className: S.avatar,
     ownerState: E,
     additionalProps: {
@@ -7006,7 +7006,7 @@ const yg = ye("MuiAvatarGroup", ["root", "avatar"]), Ma = {
       ...f.style
     },
     children: [I ? /* @__PURE__ */ L.jsx(Q, {
-      ...j,
+      ...q,
       children: R
     }) : null, x.slice(0, h).reverse().map((g) => /* @__PURE__ */ w.cloneElement(g, {
       className: se(g.props.className, S.avatar),
@@ -8051,7 +8051,7 @@ const Wt = ye("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
       rippleX: I,
       rippleY: R,
       rippleSize: P,
-      cb: k
+      cb: B
     } = C;
     u((Q) => [...Q, /* @__PURE__ */ L.jsx(Kg, {
       classes: {
@@ -8067,13 +8067,13 @@ const Wt = ye("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
       rippleX: I,
       rippleY: R,
       rippleSize: P
-    }, p.current)]), p.current += 1, A.current = k;
+    }, p.current)]), p.current += 1, A.current = B;
   }, [a]), E = w.useCallback((C = {}, h = {}, I = () => {
   }) => {
     const {
       pulsate: R = !1,
       center: P = i || h.pulsate,
-      fakeElement: k = !1
+      fakeElement: B = !1
       // For test purposes
     } = h;
     if (C?.type === "mousedown" && b.current) {
@@ -8081,33 +8081,33 @@ const Wt = ye("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
       return;
     }
     C?.type === "touchstart" && (b.current = !0);
-    const Q = k ? null : f.current, j = Q ? Q.getBoundingClientRect() : {
+    const Q = B ? null : f.current, q = Q ? Q.getBoundingClientRect() : {
       width: 0,
       height: 0,
       left: 0,
       top: 0
     };
-    let g, B, M;
+    let g, k, M;
     if (P || C === void 0 || C.clientX === 0 && C.clientY === 0 || !C.clientX && !C.touches)
-      g = Math.round(j.width / 2), B = Math.round(j.height / 2);
+      g = Math.round(q.width / 2), k = Math.round(q.height / 2);
     else {
       const {
         clientX: D,
         clientY: O
       } = C.touches && C.touches.length > 0 ? C.touches[0] : C;
-      g = Math.round(D - j.left), B = Math.round(O - j.top);
+      g = Math.round(D - q.left), k = Math.round(O - q.top);
     }
     if (P)
-      M = Math.sqrt((2 * j.width ** 2 + j.height ** 2) / 3), M % 2 === 0 && (M += 1);
+      M = Math.sqrt((2 * q.width ** 2 + q.height ** 2) / 3), M % 2 === 0 && (M += 1);
     else {
-      const D = Math.max(Math.abs((Q ? Q.clientWidth : 0) - g), g) * 2 + 2, O = Math.max(Math.abs((Q ? Q.clientHeight : 0) - B), B) * 2 + 2;
+      const D = Math.max(Math.abs((Q ? Q.clientWidth : 0) - g), g) * 2 + 2, O = Math.max(Math.abs((Q ? Q.clientHeight : 0) - k), k) * 2 + 2;
       M = Math.sqrt(D ** 2 + O ** 2);
     }
     C?.touches ? m.current === null && (m.current = () => {
       v({
         pulsate: R,
         rippleX: g,
-        rippleY: B,
+        rippleY: k,
         rippleSize: M,
         cb: I
       });
@@ -8116,7 +8116,7 @@ const Wt = ye("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
     })) : v({
       pulsate: R,
       rippleX: g,
-      rippleY: B,
+      rippleY: k,
       rippleSize: M,
       cb: I
     });
@@ -8244,11 +8244,11 @@ const Gg = ye("MuiButtonBase", ["root", "disabled", "focusVisible"]), Zg = (e) =
     onKeyUp: I,
     onMouseDown: R,
     onMouseLeave: P,
-    onMouseUp: k,
+    onMouseUp: B,
     onTouchEnd: Q,
-    onTouchMove: j,
+    onTouchMove: q,
     onTouchStart: g,
-    tabIndex: B = 0,
+    tabIndex: k = 0,
     TouchRippleProps: M,
     touchRippleRef: D,
     type: O,
@@ -8263,9 +8263,9 @@ const Gg = ye("MuiButtonBase", ["root", "disabled", "focusVisible"]), Zg = (e) =
   w.useEffect(() => {
     T && b && !p && J.pulsate();
   }, [p, b, T, J]);
-  const z = xr(J, "start", R, A), $ = xr(J, "stop", E, A), H = xr(J, "stop", S, A), Y = xr(J, "stop", k, A), oe = xr(J, "stop", (pe) => {
+  const z = xr(J, "start", R, A), $ = xr(J, "stop", E, A), H = xr(J, "stop", S, A), Y = xr(J, "stop", B, A), oe = xr(J, "stop", (pe) => {
     T && pe.preventDefault(), P && P(pe);
-  }, A), ee = xr(J, "start", g, A), _ = xr(J, "stop", Q, A), ae = xr(J, "stop", j, A), F = xr(J, "stop", (pe) => {
+  }, A), ee = xr(J, "start", g, A), _ = xr(J, "stop", Q, A), ae = xr(J, "stop", q, A), F = xr(J, "stop", (pe) => {
     mi(pe.target) || V(!1), f && f(pe);
   }, !1), de = rr((pe) => {
     X.current || (X.current = pe.currentTarget), mi(pe.target) && (V(!0), C && C(pe)), x && x(pe);
@@ -8297,7 +8297,7 @@ const Gg = ye("MuiButtonBase", ["root", "disabled", "focusVisible"]), Zg = (e) =
     disableRipple: p,
     disableTouchRipple: A,
     focusRipple: b,
-    tabIndex: B,
+    tabIndex: k,
     focusVisible: T
   }, Re = Zg(he);
   return /* @__PURE__ */ L.jsxs(zg, {
@@ -8318,7 +8318,7 @@ const Gg = ye("MuiButtonBase", ["root", "disabled", "focusVisible"]), Zg = (e) =
     onTouchMove: ae,
     onTouchStart: ee,
     ref: Je,
-    tabIndex: u ? -1 : B,
+    tabIndex: u ? -1 : k,
     type: O,
     ...ie,
     ...U,
@@ -9351,10 +9351,10 @@ const Mp = /* @__PURE__ */ w.forwardRef(function(t, r) {
     else if (h === "End")
       x.preventDefault(), Zn(C, null, u, c, Cc);
     else if (h.length === 1) {
-      const P = m.current, k = h.toLowerCase(), Q = performance.now();
-      P.keys.length > 0 && (Q - P.lastTime > 500 ? (P.keys = [], P.repeating = !0, P.previousKeyMatched = !0) : P.repeating && k !== P.keys[0] && (P.repeating = !1)), P.lastTime = Q, P.keys.push(k);
-      const j = R && !P.repeating && Pp(R, P);
-      P.previousKeyMatched && (j || Zn(C, R, !1, c, Da, P)) ? x.preventDefault() : P.previousKeyMatched = !1;
+      const P = m.current, B = h.toLowerCase(), Q = performance.now();
+      P.keys.length > 0 && (Q - P.lastTime > 500 ? (P.keys = [], P.repeating = !0, P.previousKeyMatched = !0) : P.repeating && B !== P.keys[0] && (P.repeating = !1)), P.lastTime = Q, P.keys.push(B);
+      const q = R && !P.repeating && Pp(R, P);
+      P.previousKeyMatched && (q || Zn(C, R, !1, c, Da, P)) ? x.preventDefault() : P.previousKeyMatched = !1;
     }
     p && p(x);
   }, v = lt(y, r);
@@ -9528,7 +9528,7 @@ const h0 = {
       const U = h.current;
       O === void 0 ? D(U) : D(U, O);
     }
-  }, P = R(p), k = R((D, O) => {
+  }, P = R(p), B = R((D, O) => {
     Lp(D);
     const {
       duration: U,
@@ -9550,7 +9550,7 @@ const h0 = {
       delay: X,
       easing: J
     })].join(","), c && c(D, O);
-  }), Q = R(u), j = R(y), g = R((D) => {
+  }), Q = R(u), q = R(y), g = R((D) => {
     const {
       duration: O,
       delay: U,
@@ -9571,19 +9571,19 @@ const h0 = {
       delay: Va ? U : U || J * 0.333,
       easing: X
     })].join(","), D.style.opacity = 0, D.style.transform = gs(0.75), A && A(D);
-  }), B = R(b), M = (D) => {
+  }), k = R(b), M = (D) => {
     f === "auto" && S.start(x.current || 0, D), o && o(h.current, D);
   };
   return /* @__PURE__ */ L.jsx(v, {
     appear: i,
     in: l,
     nodeRef: h,
-    onEnter: k,
+    onEnter: B,
     onEntered: Q,
     onEntering: P,
     onExit: g,
-    onExited: B,
-    onExiting: j,
+    onExited: k,
+    onExiting: q,
     addEndListener: M,
     timeout: f === "auto" ? null : f,
     ...E,
@@ -9873,10 +9873,10 @@ function xi(e) {
         return;
       if (!y.current)
         return;
-      let k = [];
-      if ((P === u.current || P === p.current) && (k = a(m.current)), k.length > 0) {
-        const Q = !!(v.current?.shiftKey && v.current?.key === "Tab"), j = k[0], g = k[k.length - 1];
-        typeof j != "string" && typeof g != "string" && (Q ? g.focus() : j.focus());
+      let B = [];
+      if ((P === u.current || P === p.current) && (B = a(m.current)), B.length > 0) {
+        const Q = !!(v.current?.shiftKey && v.current?.key === "Tab"), q = B[0], g = B[B.length - 1];
+        typeof q != "string" && typeof g != "string" && (Q ? g.focus() : q.focus());
       } else
         R.focus();
     };
@@ -10065,7 +10065,7 @@ const R0 = {
       mode: "enter"
     });
     M.style.webkitTransition = o.transitions.create("opacity", O), M.style.transition = o.transitions.create("opacity", O), p && p(M, D);
-  }), k = I(A), Q = I(f), j = I((M) => {
+  }), B = I(A), Q = I(f), q = I((M) => {
     const D = vi({
       style: v,
       timeout: E,
@@ -10074,7 +10074,7 @@ const R0 = {
       mode: "exit"
     });
     M.style.webkitTransition = o.transitions.create("opacity", D), M.style.transition = o.transitions.create("opacity", D), y && y(M);
-  }), g = I(m), B = (M) => {
+  }), g = I(m), k = (M) => {
     a && a(C.current, M);
   };
   return /* @__PURE__ */ L.jsx(S, {
@@ -10082,12 +10082,12 @@ const R0 = {
     in: u,
     nodeRef: C,
     onEnter: P,
-    onEntered: k,
+    onEntered: B,
     onEntering: R,
-    onExit: j,
+    onExit: q,
     onExited: g,
     onExiting: Q,
-    addEndListener: B,
+    addEndListener: k,
     timeout: E,
     ...x,
     children: (M, {
@@ -10398,18 +10398,18 @@ function D0(e) {
     Xo.add(C(), D), y.current && h();
   }), R = () => Xo.isTopModal(C()), P = rr((D) => {
     b.current = D, D && (u && R() ? h() : y.current && so(y.current, S));
-  }), k = w.useCallback(() => {
+  }), B = w.useCallback(() => {
     Xo.remove(C(), S);
   }, [S]);
   w.useEffect(() => () => {
-    k();
-  }, [k]), w.useEffect(() => {
-    u ? I() : (!E || !i) && k();
-  }, [u, k, E, i, I]);
+    B();
+  }, [B]), w.useEffect(() => {
+    u ? I() : (!E || !i) && B();
+  }, [u, B, E, i, I]);
   const Q = (D) => (O) => {
     D.onKeyDown?.(O), !(O.key !== "Escape" || O.which === 229 || // Wait until IME is settled.
     !R()) && (r || (O.stopPropagation(), c && c(O, "escapeKeyDown")));
-  }, j = (D) => (O) => {
+  }, q = (D) => (O) => {
     D.onClick?.(O), O.target === O.currentTarget && c && c(O, "backdropClick");
   };
   return {
@@ -10438,7 +10438,7 @@ function D0(e) {
       return {
         "aria-hidden": !0,
         ...O,
-        onClick: j(O),
+        onClick: q(O),
         open: u
       };
     },
@@ -10446,7 +10446,7 @@ function D0(e) {
       const D = () => {
         v(!1), a && a();
       }, O = () => {
-        v(!0), s && s(), i && k();
+        v(!0), s && s(), i && B();
       };
       return {
         onEnter: gc(D, l?.props.onEnter ?? Sc),
@@ -10531,12 +10531,12 @@ const F0 = (e) => {
     onClose: I,
     onTransitionEnter: R,
     onTransitionExited: P,
-    open: k,
+    open: B,
     slotProps: Q = {},
-    slots: j = {},
+    slots: q = {},
     // eslint-disable-next-line react/prop-types
     theme: g,
-    ...B
+    ...k
   } = o, M = {
     ...o,
     closeAfterTransition: c,
@@ -10574,7 +10574,7 @@ const F0 = (e) => {
     slots: {
       root: b.Root,
       backdrop: b.Backdrop,
-      ...j
+      ...q
     },
     slotProps: {
       ...y,
@@ -10585,7 +10585,7 @@ const F0 = (e) => {
     elementType: L0,
     externalForwardedProps: {
       ...$,
-      ...B,
+      ...k,
       component: A
     },
     getSlotProps: D,
@@ -10606,7 +10606,7 @@ const F0 = (e) => {
     className: se(a?.className, Z?.backdrop),
     ownerState: V
   });
-  return !h && !k && (!T || N) ? null : /* @__PURE__ */ L.jsx(xo, {
+  return !h && !B && (!T || N) ? null : /* @__PURE__ */ L.jsx(xo, {
     ref: X,
     container: p,
     disablePortal: E,
@@ -10619,7 +10619,7 @@ const F0 = (e) => {
         disableAutoFocus: m,
         disableRestoreFocus: S,
         isEnabled: J,
-        open: k,
+        open: B,
         children: /* @__PURE__ */ w.cloneElement(u, z)
       })]
     })
@@ -11018,7 +11018,7 @@ const W0 = (e) => {
     // TODO: remove in v7
     disableScrollLock: I = !1,
     ...R
-  } = o, P = w.useRef(), k = {
+  } = o, P = w.useRef(), B = {
     ...o,
     anchorOrigin: s,
     anchorReference: c,
@@ -11028,7 +11028,7 @@ const W0 = (e) => {
     TransitionComponent: x,
     transitionDuration: C,
     TransitionProps: h
-  }, Q = W0(k), j = w.useCallback(() => {
+  }, Q = W0(B), q = w.useCallback(() => {
     if (c === "anchorPosition")
       return process.env.NODE_ENV !== "production" && (l || console.error('MUI: You need to provide a `anchorPosition` prop when using <Popover anchorReference="anchorPosition" />.')), l;
     const _ = no(a), ae = _ && _.nodeType === 1 ? _ : Ut(P.current).body, F = ae.getBoundingClientRect();
@@ -11044,7 +11044,7 @@ const W0 = (e) => {
   }, [a, s.horizontal, s.vertical, l, c]), g = w.useCallback((_) => ({
     vertical: wc(_, S.vertical),
     horizontal: Ic(_, S.horizontal)
-  }), [S.horizontal, S.vertical]), B = w.useCallback((_) => {
+  }), [S.horizontal, S.vertical]), k = w.useCallback((_) => {
     const ae = {
       width: _.offsetWidth,
       height: _.offsetHeight
@@ -11055,7 +11055,7 @@ const W0 = (e) => {
         left: null,
         transformOrigin: Tc(F)
       };
-    const de = j();
+    const de = q();
     let le = de.top - F.vertical, Ce = de.left - F.horizontal;
     const Ie = le + ae.height, et = Ce + ae.width, ie = wr(no(a)), Je = ie.innerHeight - y, he = ie.innerWidth - y;
     if (y !== null && le < y) {
@@ -11078,13 +11078,13 @@ const W0 = (e) => {
       left: `${Math.round(Ce)}px`,
       transformOrigin: Tc(F)
     };
-  }, [a, c, j, g, y]), [M, D] = w.useState(m), O = w.useCallback(() => {
+  }, [a, c, q, g, y]), [M, D] = w.useState(m), O = w.useCallback(() => {
     const _ = P.current;
     if (!_)
       return;
-    const ae = B(_);
+    const ae = k(_);
     ae.top !== null && _.style.setProperty("top", ae.top), ae.left !== null && (_.style.left = ae.left), _.style.transformOrigin = ae.transformOrigin, D(!0);
-  }, [B]);
+  }, [k]);
   w.useEffect(() => (I && window.addEventListener("scroll", O), () => window.removeEventListener("scroll", O)), [a, I, O]);
   const U = () => {
     O();
@@ -11121,7 +11121,7 @@ const W0 = (e) => {
   }, [T, V] = Oe("transition", {
     elementType: Ci,
     externalForwardedProps: N,
-    ownerState: k,
+    ownerState: B,
     getSlotProps: (_) => ({
       ..._,
       onEntering: (ae, F) => {
@@ -11154,14 +11154,14 @@ const W0 = (e) => {
         backdrop: v.backdrop
       },
       slotProps: {
-        backdrop: Sg(typeof E.backdrop == "function" ? E.backdrop(k) : E.backdrop, {
+        backdrop: Sg(typeof E.backdrop == "function" ? E.backdrop(B) : E.backdrop, {
           invisible: !0
         })
       },
       container: Z,
       open: m
     },
-    ownerState: k,
+    ownerState: B,
     className: se(Q.root, p)
   }), [oe, ee] = Oe("paper", {
     ref: P,
@@ -11175,7 +11175,7 @@ const W0 = (e) => {
         opacity: 0
       }
     },
-    ownerState: k
+    ownerState: B
   });
   return /* @__PURE__ */ L.jsx(z, {
     ...Y,
@@ -11465,17 +11465,17 @@ const G0 = {
     transitionDuration: y,
     TransitionProps: f,
     variant: v
-  }, I = z0(h), R = i && !l && p, P = w.useRef(null), k = (J, N) => {
+  }, I = z0(h), R = i && !l && p, P = w.useRef(null), B = (J, N) => {
     P.current && P.current.adjustStyleForScrollbar(J, {
       direction: C ? "rtl" : "ltr"
     }), m && m(J, N);
   }, Q = (J) => {
     J.key === "Tab" && (J.preventDefault(), u && u(J, "tabKeyDown"));
   };
-  let j = -1;
+  let q = -1;
   w.Children.map(a, (J, N) => {
     /* @__PURE__ */ w.isValidElement(J) && (process.env.NODE_ENV !== "production" && qr.isFragment(J) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
-`)), J.props.disabled || (v === "selectedMenu" && J.props.selected || j === -1) && (j = N));
+`)), J.props.disabled || (v === "selectedMenu" && J.props.selected || q === -1) && (q = N));
   });
   const g = {
     slots: E,
@@ -11485,7 +11485,7 @@ const G0 = {
       paper: A,
       ...S
     }
-  }, B = kp({
+  }, k = kp({
     elementType: E.root,
     externalSlotProps: S.root,
     ownerState: h,
@@ -11526,13 +11526,13 @@ const G0 = {
       }
     },
     slotProps: {
-      root: B,
+      root: k,
       paper: D,
       backdrop: typeof S.backdrop == "function" ? S.backdrop(h) : S.backdrop,
       transition: {
         ...X,
         onEntering: (...J) => {
-          k(...J), X?.onEntering?.(...J);
+          B(...J), X?.onEntering?.(...J);
         }
       }
     },
@@ -11544,7 +11544,7 @@ const G0 = {
     classes: b,
     children: /* @__PURE__ */ L.jsx(O, {
       actions: P,
-      autoFocus: i && (j === -1 || l),
+      autoFocus: i && (q === -1 || l),
       autoFocusItem: R,
       variant: v,
       ...U,
@@ -11767,7 +11767,7 @@ const Cn = ye("MuiListItemText", ["root", "multiline", "dense", "inset", "primar
     elementType: ze,
     externalForwardedProps: C,
     ownerState: S
-  }), [k, Q] = Oe("secondary", {
+  }), [B, Q] = Oe("secondary", {
     className: x.secondary,
     elementType: ze,
     externalForwardedProps: C,
@@ -11778,7 +11778,7 @@ const Cn = ye("MuiListItemText", ["root", "multiline", "dense", "inset", "primar
     component: P?.variant ? void 0 : "span",
     ...P,
     children: v
-  })), E != null && E.type !== ze && !s && (E = /* @__PURE__ */ L.jsx(k, {
+  })), E != null && E.type !== ze && !s && (E = /* @__PURE__ */ L.jsx(B, {
     variant: "body2",
     color: "textSecondary",
     ...Q,
@@ -12301,28 +12301,28 @@ const am = te(Xs, {
     scroll: I = "paper",
     slots: R = {},
     slotProps: P = {},
-    TransitionComponent: k = Ei,
+    TransitionComponent: B = Ei,
     transitionDuration: Q = a,
-    TransitionProps: j,
+    TransitionProps: q,
     ...g
-  } = o, B = {
+  } = o, k = {
     ...o,
     disableEscapeKeyDown: y,
     fullScreen: m,
     fullWidth: f,
     maxWidth: v,
     scroll: I
-  }, M = sm(B), D = w.useRef(), O = (de) => {
+  }, M = sm(k), D = w.useRef(), O = (de) => {
     D.current = de.target === de.currentTarget;
   }, U = (de) => {
     E && E(de), D.current && (D.current = null, S && S(de, "backdropClick"));
   }, X = Bo(l), J = w.useMemo(() => ({
     titleId: X
   }), [X]), N = {
-    transition: k,
+    transition: B,
     ...R
   }, T = {
-    transition: j,
+    transition: q,
     paper: h,
     backdrop: p,
     ...P
@@ -12333,30 +12333,30 @@ const am = te(Xs, {
     elementType: lm,
     shouldForwardComponentProp: !0,
     externalForwardedProps: V,
-    ownerState: B,
+    ownerState: k,
     className: se(M.root, b),
     ref: r
   }), [$, H] = Oe("backdrop", {
     elementType: am,
     shouldForwardComponentProp: !0,
     externalForwardedProps: V,
-    ownerState: B,
+    ownerState: k,
     className: M.backdrop
   }), [Y, oe] = Oe("paper", {
     elementType: um,
     shouldForwardComponentProp: !0,
     externalForwardedProps: V,
-    ownerState: B,
+    ownerState: k,
     className: se(M.paper, h.className)
   }), [ee, _] = Oe("container", {
     elementType: cm,
     externalForwardedProps: V,
-    ownerState: B,
+    ownerState: k,
     className: M.container
   }), [ae, F] = Oe("transition", {
     elementType: Ei,
     externalForwardedProps: V,
-    ownerState: B,
+    ownerState: k,
     additionalProps: {
       appear: !0,
       in: x,
@@ -12872,11 +12872,11 @@ function Im(e) {
     groupBy: I,
     handleHomeEndKeys: R = !e.freeSolo,
     id: P,
-    includeInputInList: k = !1,
+    includeInputInList: B = !1,
     inputValue: Q,
-    isOptionEqualToValue: j = (G, W) => G === W,
+    isOptionEqualToValue: q = (G, W) => G === W,
     multiple: g = !1,
-    onChange: B,
+    onChange: k,
     onClose: M,
     onHighlightChange: D,
     onInputChange: O,
@@ -12921,7 +12921,7 @@ function Im(e) {
     name: u,
     state: "open"
   }), [Pt, At] = w.useState(!0), lr = !g && ie != null && he === H(ie), Ye = pt && !T, fe = Ye ? v(
-    N.filter((G) => !(E && (g ? ie : [ie]).some((W) => W !== null && j(G, W)))),
+    N.filter((G) => !(E && (g ? ie : [ie]).some((W) => W !== null && q(G, W)))),
     // we use the empty string to manipulate `filterOptions` to not filter any options
     // i.e. the filter predicate always returns true
     {
@@ -12998,7 +12998,7 @@ function Im(e) {
       if (W === "end")
         return tt;
       const St = Ie.current + W;
-      return St < 0 ? St === -1 && k ? -1 : f && Ie.current !== -1 || Math.abs(W) > 1 ? 0 : tt : St > tt ? St === tt + 1 && k ? -1 : f || Math.abs(W) > 1 ? tt : 0 : St;
+      return St < 0 ? St === -1 && B ? -1 : f && Ie.current !== -1 || Math.abs(W) > 1 ? 0 : tt : St > tt ? St === tt + 1 && B ? -1 : f || Math.abs(W) > 1 ? tt : 0 : St;
     })(), re);
     if ($t({
       index: Ge,
@@ -13048,9 +13048,9 @@ function Im(e) {
     if (_.current) {
       if (W != null) {
         const re = fe[Ie.current];
-        if (g && re && ie.findIndex((me) => j(re, me)) !== -1)
+        if (g && re && ie.findIndex((me) => q(re, me)) !== -1)
           return;
-        const ge = fe.findIndex((me) => j(me, W));
+        const ge = fe.findIndex((me) => q(me, W));
         ge === -1 ? Et({
           diff: "reset"
         }) : $t({
@@ -13099,16 +13099,16 @@ function Im(e) {
         return;
     } else if (ie === W)
       return;
-    B && B(G, W, re, ge), Je(W);
+    k && k(G, W, re, ge), Je(W);
   }, vr = w.useRef(!1), kr = (G, W, re = "selectOption", ge = "options") => {
     let me = re, Ge = W;
     if (g) {
       if (Ge = Array.isArray(ie) ? ie.slice() : [], process.env.NODE_ENV !== "production") {
-        const St = Ge.filter((pn) => j(W, pn));
+        const St = Ge.filter((pn) => q(W, pn));
         St.length > 1 && console.error([`MUI: The \`isOptionEqualToValue\` method of ${u} does not handle the arguments correctly.`, `The component expects a single value to match a given option but found ${St.length} matches.`].join(`
 `));
       }
-      const tt = Ge.findIndex((St) => j(W, St));
+      const tt = Ge.findIndex((St) => q(W, St));
       tt === -1 ? Ge.push(W) : ge !== "freeSolo" && (Ge.splice(tt, 1), me = "removeOption");
     }
     Me(G, Ge, me), _t(G, Ge, me, {
@@ -13377,7 +13377,7 @@ function Im(e) {
       index: G,
       option: W
     }) => {
-      const re = (g ? ie : [ie]).some((me) => me != null && j(W, me)), ge = x ? x(W) : !1;
+      const re = (g ? ie : [ie]).some((me) => me != null && q(W, me)), ge = x ? x(W) : !1;
       return {
         key: C?.(W) ?? H(W),
         tabIndex: -1,
@@ -13661,11 +13661,11 @@ function Dc(e) {
     var I = Lo(r), R = "clientHeight", P = "clientWidth";
     if (I === Qt(r) && (I = Kr(r), Rr(I).position !== "static" && l === "absolute" && (R = "scrollHeight", P = "scrollWidth")), I = I, i === Tt || (i === Rt || i === Xt) && a === Eo) {
       C = zt;
-      var k = A && I === h && h.visualViewport ? h.visualViewport.height : (
+      var B = A && I === h && h.visualViewport ? h.visualViewport.height : (
         // $FlowFixMe[prop-missing]
         I[R]
       );
-      f -= k - o.height, f *= c ? 1 : -1;
+      f -= B - o.height, f *= c ? 1 : -1;
     }
     if (i === Rt || (i === Tt || i === zt) && a === Eo) {
       x = Xt;
@@ -13676,7 +13676,7 @@ function Dc(e) {
       y -= Q - o.width, y *= c ? 1 : -1;
     }
   }
-  var j = Object.assign({
+  var q = Object.assign({
     position: l
   }, u && Xm), g = p === !0 ? Jm({
     x: y,
@@ -13686,10 +13686,10 @@ function Dc(e) {
     y: f
   };
   if (y = g.x, f = g.y, c) {
-    var B;
-    return Object.assign({}, j, (B = {}, B[C] = S ? "0" : "", B[x] = E ? "0" : "", B.transform = (h.devicePixelRatio || 1) <= 1 ? "translate(" + y + "px, " + f + "px)" : "translate3d(" + y + "px, " + f + "px, 0)", B));
+    var k;
+    return Object.assign({}, q, (k = {}, k[C] = S ? "0" : "", k[x] = E ? "0" : "", k.transform = (h.devicePixelRatio || 1) <= 1 ? "translate(" + y + "px, " + f + "px)" : "translate3d(" + y + "px, " + f + "px, 0)", k));
   }
-  return Object.assign({}, j, (t = {}, t[C] = S ? f + "px" : "", t[x] = E ? y + "px" : "", t.transform = "", t));
+  return Object.assign({}, q, (t = {}, t[C] = S ? f + "px" : "", t[x] = E ? y + "px" : "", t.transform = "", t));
 }
 function Ym(e) {
   var t = e.state, r = e.options, o = r.gpuAcceleration, i = o === void 0 ? !0 : o, a = r.adaptive, s = a === void 0 ? !0 : a, l = r.roundOffsets, c = l === void 0 ? !0 : l, u = {
@@ -13893,17 +13893,17 @@ function So(e, t) {
     reference: I,
     element: x,
     placement: i
-  }), P = vs(Object.assign({}, x, R)), k = b === Xn ? P : I, Q = {
-    top: h.top - k.top + E.top,
-    bottom: k.bottom - h.bottom + E.bottom,
-    left: h.left - k.left + E.left,
-    right: k.right - h.right + E.right
-  }, j = e.modifiersData.offset;
-  if (b === Xn && j) {
-    var g = j[i];
-    Object.keys(Q).forEach(function(B) {
-      var M = [Xt, zt].indexOf(B) >= 0 ? 1 : -1, D = [Tt, zt].indexOf(B) >= 0 ? "y" : "x";
-      Q[B] += g[D] * M;
+  }), P = vs(Object.assign({}, x, R)), B = b === Xn ? P : I, Q = {
+    top: h.top - B.top + E.top,
+    bottom: B.bottom - h.bottom + E.bottom,
+    left: h.left - B.left + E.left,
+    right: B.right - h.right + E.right
+  }, q = e.modifiersData.offset;
+  if (b === Xn && q) {
+    var g = q[i];
+    Object.keys(Q).forEach(function(k) {
+      var M = [Xt, zt].indexOf(k) >= 0 ? 1 : -1, D = [Tt, zt].indexOf(k) >= 0 ? "y" : "x";
+      Q[k] += g[D] * M;
     });
   }
   return Q;
@@ -13946,23 +13946,23 @@ function ub(e) {
         flipVariations: m,
         allowedAutoPlacements: f
       }) : $);
-    }, []), h = t.rects.reference, I = t.rects.popper, R = /* @__PURE__ */ new Map(), P = !0, k = C[0], Q = 0; Q < C.length; Q++) {
-      var j = C[Q], g = mr(j), B = Pn(j) === On, M = [Tt, zt].indexOf(g) >= 0, D = M ? "width" : "height", O = So(t, {
-        placement: j,
+    }, []), h = t.rects.reference, I = t.rects.popper, R = /* @__PURE__ */ new Map(), P = !0, B = C[0], Q = 0; Q < C.length; Q++) {
+      var q = C[Q], g = mr(q), k = Pn(q) === On, M = [Tt, zt].indexOf(g) >= 0, D = M ? "width" : "height", O = So(t, {
+        placement: q,
         boundary: p,
         rootBoundary: A,
         altBoundary: b,
         padding: u
-      }), U = M ? B ? Xt : Rt : B ? zt : Tt;
+      }), U = M ? k ? Xt : Rt : k ? zt : Tt;
       h[D] > I[D] && (U = ii(U));
       var X = ii(U), J = [];
       if (a && J.push(O[g] <= 0), l && J.push(O[U] <= 0, O[X] <= 0), J.every(function(z) {
         return z;
       })) {
-        k = j, P = !1;
+        B = q, P = !1;
         break;
       }
-      R.set(j, J);
+      R.set(q, J);
     }
     if (P)
       for (var N = m ? 3 : 1, T = function($) {
@@ -13974,12 +13974,12 @@ function ub(e) {
             });
         });
         if (H)
-          return k = H, "break";
+          return B = H, "break";
       }, V = N; V > 0; V--) {
         var Z = T(V);
         if (Z === "break") break;
       }
-    t.placement !== k && (t.modifiersData[o]._skip = !0, t.placement = k, t.reset = !0);
+    t.placement !== B && (t.modifiersData[o]._skip = !0, t.placement = B, t.reset = !0);
   }
 }
 const pb = {
@@ -14080,28 +14080,28 @@ function vb(e) {
     rootBoundary: u,
     padding: A,
     altBoundary: p
-  }), E = mr(t.placement), S = Pn(t.placement), x = !S, C = rl(E), h = yb(C), I = t.modifiersData.popperOffsets, R = t.rects.reference, P = t.rects.popper, k = typeof f == "function" ? f(Object.assign({}, t.rects, {
+  }), E = mr(t.placement), S = Pn(t.placement), x = !S, C = rl(E), h = yb(C), I = t.modifiersData.popperOffsets, R = t.rects.reference, P = t.rects.popper, B = typeof f == "function" ? f(Object.assign({}, t.rects, {
     placement: t.placement
-  })) : f, Q = typeof k == "number" ? {
-    mainAxis: k,
-    altAxis: k
+  })) : f, Q = typeof B == "number" ? {
+    mainAxis: B,
+    altAxis: B
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, k), j = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, g = {
+  }, B), q = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, g = {
     x: 0,
     y: 0
   };
   if (I) {
     if (a) {
-      var B, M = C === "y" ? Tt : Rt, D = C === "y" ? zt : Xt, O = C === "y" ? "height" : "width", U = I[C], X = U + v[M], J = U - v[D], N = y ? -P[O] / 2 : 0, T = S === On ? R[O] : P[O], V = S === On ? -P[O] : -R[O], Z = t.elements.arrow, z = y && Z ? tl(Z) : {
+      var k, M = C === "y" ? Tt : Rt, D = C === "y" ? zt : Xt, O = C === "y" ? "height" : "width", U = I[C], X = U + v[M], J = U - v[D], N = y ? -P[O] / 2 : 0, T = S === On ? R[O] : P[O], V = S === On ? -P[O] : -R[O], Z = t.elements.arrow, z = y && Z ? tl(Z) : {
         width: 0,
         height: 0
-      }, $ = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : zp(), H = $[M], Y = $[D], oe = lo(0, R[O], z[O]), ee = x ? R[O] / 2 - N - oe - H - Q.mainAxis : T - oe - H - Q.mainAxis, _ = x ? -R[O] / 2 + N + oe + Y + Q.mainAxis : V + oe + Y + Q.mainAxis, ae = t.elements.arrow && Lo(t.elements.arrow), F = ae ? C === "y" ? ae.clientTop || 0 : ae.clientLeft || 0 : 0, de = (B = j?.[C]) != null ? B : 0, le = U + ee - de - F, Ce = U + _ - de, Ie = lo(y ? Si(X, le) : X, U, y ? tn(J, Ce) : J);
+      }, $ = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : zp(), H = $[M], Y = $[D], oe = lo(0, R[O], z[O]), ee = x ? R[O] / 2 - N - oe - H - Q.mainAxis : T - oe - H - Q.mainAxis, _ = x ? -R[O] / 2 + N + oe + Y + Q.mainAxis : V + oe + Y + Q.mainAxis, ae = t.elements.arrow && Lo(t.elements.arrow), F = ae ? C === "y" ? ae.clientTop || 0 : ae.clientLeft || 0 : 0, de = (k = q?.[C]) != null ? k : 0, le = U + ee - de - F, Ce = U + _ - de, Ie = lo(y ? Si(X, le) : X, U, y ? tn(J, Ce) : J);
       I[C] = Ie, g[C] = Ie - U;
     }
     if (l) {
-      var et, ie = C === "x" ? Tt : Rt, Je = C === "x" ? zt : Xt, he = I[h], Re = h === "y" ? "height" : "width", pe = he + v[ie], bt = he - v[Je], Me = [Tt, Rt].indexOf(E) !== -1, pt = (et = j?.[h]) != null ? et : 0, it = Me ? pe : he - R[Re] - P[Re] - pt + Q.altAxis, Pt = Me ? he + R[Re] + P[Re] - pt - Q.altAxis : bt, At = y && Me ? Km(it, he, Pt) : lo(y ? it : pe, he, y ? Pt : bt);
+      var et, ie = C === "x" ? Tt : Rt, Je = C === "x" ? zt : Xt, he = I[h], Re = h === "y" ? "height" : "width", pe = he + v[ie], bt = he - v[Je], Me = [Tt, Rt].indexOf(E) !== -1, pt = (et = q?.[h]) != null ? et : 0, it = Me ? pe : he - R[Re] - P[Re] - pt + Q.altAxis, Pt = Me ? he + R[Re] + P[Re] - pt - Q.altAxis : bt, At = y && Me ? Km(it, he, Pt) : lo(y ? it : pe, he, y ? Pt : bt);
       I[h] = At, g[h] = At - he;
     }
     t.modifiersData[o] = g;
@@ -14254,11 +14254,11 @@ function kb(e) {
                 p.reset = !1, C = -1;
                 continue;
               }
-              var h = p.orderedModifiers[C], I = h.fn, R = h.options, P = R === void 0 ? {} : R, k = h.name;
+              var h = p.orderedModifiers[C], I = h.fn, R = h.options, P = R === void 0 ? {} : R, B = h.name;
               typeof I == "function" && (p = I({
                 state: p,
                 options: P,
-                name: k,
+                name: B,
                 instance: y
               }) || p);
             }
@@ -14365,19 +14365,19 @@ const Fb = (e) => {
   or(() => {
     h.current = C;
   }, [C]), w.useImperativeHandle(A, () => x.current, []);
-  const I = Db(u, a), [R, P] = w.useState(I), [k, Q] = w.useState(wi(o));
+  const I = Db(u, a), [R, P] = w.useState(I), [B, Q] = w.useState(wi(o));
   w.useEffect(() => {
     x.current && x.current.forceUpdate();
   }), w.useEffect(() => {
     o && Q(wi(o));
   }, [o]), or(() => {
-    if (!k || !c)
+    if (!B || !c)
       return;
     const D = (X) => {
       P(X.placement);
     };
-    if (process.env.NODE_ENV !== "production" && k && ra(k) && k.nodeType === 1) {
-      const X = k.getBoundingClientRect();
+    if (process.env.NODE_ENV !== "production" && B && ra(B) && B.nodeType === 1) {
+      const X = B.getBoundingClientRect();
       !globalThis.MUI_TEST_ENV && X.top === 0 && X.left === 0 && X.right === 0 && X.bottom === 0 && console.warn(["MUI: The `anchorEl` prop provided to the component is invalid.", "The anchor element should be part of the document layout.", "Make sure the element is present in the document or that it's not display none."].join(`
 `));
     }
@@ -14402,7 +14402,7 @@ const Fb = (e) => {
       }
     }];
     l != null && (O = O.concat(l)), p && p.modifiers != null && (O = O.concat(p.modifiers));
-    const U = Pb(k, E.current, {
+    const U = Pb(B, E.current, {
       placement: I,
       ...p,
       modifiers: O
@@ -14410,13 +14410,13 @@ const Fb = (e) => {
     return h.current(U), () => {
       U.destroy(), h.current(null);
     };
-  }, [k, s, l, c, p, I]);
-  const j = {
+  }, [B, s, l, c, p, I]);
+  const q = {
     placement: R
   };
-  m !== null && (j.TransitionProps = m);
-  const g = Fb(t), B = y.root ?? "div", M = kp({
-    elementType: B,
+  m !== null && (q.TransitionProps = m);
+  const g = Fb(t), k = y.root ?? "div", M = kp({
+    elementType: k,
     externalSlotProps: b.root,
     externalForwardedProps: v,
     additionalProps: {
@@ -14426,9 +14426,9 @@ const Fb = (e) => {
     ownerState: t,
     className: g.root
   });
-  return /* @__PURE__ */ L.jsx(B, {
+  return /* @__PURE__ */ L.jsx(k, {
     ...M,
-    children: typeof i == "function" ? i(j) : i
+    children: typeof i == "function" ? i(q) : i
   });
 }), _p = /* @__PURE__ */ w.forwardRef(function(t, r) {
   const {
@@ -14462,7 +14462,7 @@ const Fb = (e) => {
     const Q = wi(o);
     R = Q && ra(Q) ? Ut(Q).body : Ut(null).body;
   }
-  const P = !p && c && (!f || x) ? "none" : void 0, k = f ? {
+  const P = !p && c && (!f || x) ? "none" : void 0, B = f ? {
     in: p,
     onEnter: h,
     onExited: I
@@ -14492,7 +14492,7 @@ const Fb = (e) => {
         display: P,
         ...m
       },
-      TransitionProps: k,
+      TransitionProps: B,
       children: i
     })
   });
@@ -15297,13 +15297,13 @@ const ed = /* @__PURE__ */ w.forwardRef(function(t, r) {
     slots: h = {},
     slotProps: I = {},
     ...R
-  } = o, P = w.useRef(null), k = lt(P, r), Q = (H) => {
+  } = o, P = w.useRef(null), B = lt(P, r), Q = (H) => {
     H.stopPropagation(), m(H);
-  }, j = (H) => {
+  }, q = (H) => {
     H.currentTarget === H.target && qc(H) && H.preventDefault(), f && f(H);
   }, g = (H) => {
     H.currentTarget === H.target && m && qc(H) && m(H), v && v(H);
-  }, B = s !== !1 && y ? !0 : s, M = B || m ? Rn : c || "div", D = {
+  }, k = s !== !1 && y ? !0 : s, M = k || m ? Rn : c || "div", D = {
     ...o,
     component: M,
     disabled: p,
@@ -15311,7 +15311,7 @@ const ed = /* @__PURE__ */ w.forwardRef(function(t, r) {
     color: l,
     iconColor: /* @__PURE__ */ w.isValidElement(A) && A.props.color || l,
     onDelete: !!m,
-    clickable: B,
+    clickable: k,
     variant: S
   }, O = Hb(D), U = M === Rn ? {
     component: c || "div",
@@ -15348,10 +15348,10 @@ const ed = /* @__PURE__ */ w.forwardRef(function(t, r) {
     ownerState: D,
     // The `component` prop is preserved because `Chip` relies on it for internal logic. If `shouldForwardComponentProp` were `false`, `useSlot` would remove the `component` prop, potentially breaking the component's behavior.
     shouldForwardComponentProp: !0,
-    ref: k,
+    ref: B,
     className: se(O.root, a),
     additionalProps: {
-      disabled: B && p ? !0 : void 0,
+      disabled: k && p ? !0 : void 0,
       tabIndex: C && p ? -1 : x,
       ...U
     },
@@ -15361,7 +15361,7 @@ const ed = /* @__PURE__ */ w.forwardRef(function(t, r) {
         H.onClick?.(Y), y?.(Y);
       },
       onKeyDown: (Y) => {
-        H.onKeyDown?.(Y), j(Y);
+        H.onKeyDown?.(Y), q(Y);
       },
       onKeyUp: (Y) => {
         H.onKeyUp?.(Y), g(Y);
@@ -15548,14 +15548,14 @@ const td = /* @__PURE__ */ w.forwardRef(function(t, r) {
       };
     C.style.width = I.width, C.value = x.value || t.placeholder || "x", C.value.slice(-1) === `
 ` && (C.value += " ");
-    const R = I.boxSizing, P = Yo(I.paddingBottom) + Yo(I.paddingTop), k = Yo(I.borderBottomWidth) + Yo(I.borderTopWidth), Q = C.scrollHeight;
+    const R = I.boxSizing, P = Yo(I.paddingBottom) + Yo(I.paddingTop), B = Yo(I.borderBottomWidth) + Yo(I.borderTopWidth), Q = C.scrollHeight;
     C.value = "x";
-    const j = C.scrollHeight;
+    const q = C.scrollHeight;
     let g = Q;
-    a && (g = Math.max(Number(a) * j, g)), i && (g = Math.min(Number(i) * j, g)), g = Math.max(g, j);
-    const B = g + (R === "border-box" ? P + k : 0), M = Math.abs(g - Q) <= 1;
+    a && (g = Math.max(Number(a) * q, g)), i && (g = Math.min(Number(i) * q, g)), g = Math.max(g, q);
+    const k = g + (R === "border-box" ? P + B : 0), M = Math.abs(g - Q) <= 1;
     return {
-      outerHeightStyle: B,
+      outerHeightStyle: k,
       overflowing: M
     };
   }, [i, a, t.placeholder]), f = rr(() => {
@@ -15905,11 +15905,11 @@ const na = (e, t) => {
     maxRows: I,
     minRows: R,
     multiline: P = !1,
-    name: k,
+    name: B,
     onBlur: Q,
-    onChange: j,
+    onChange: q,
     onClick: g,
-    onFocus: B,
+    onFocus: k,
     onKeyDown: M,
     onKeyUp: D,
     placeholder: O,
@@ -15950,7 +15950,7 @@ const na = (e, t) => {
     });
   }, [Y, ie, oe]);
   const Je = (fe) => {
-    B && B(fe), x.onFocus && x.onFocus(fe), le && le.onFocus ? le.onFocus(fe) : de(!0);
+    k && k(fe), x.onFocus && x.onFocus(fe), le && le.onFocus ? le.onFocus(fe) : de(!0);
   }, he = (fe) => {
     Q && Q(fe), x.onBlur && x.onBlur(fe), le && le.onBlur ? le.onBlur(fe) : de(!1);
   }, Re = (fe, ...dt) => {
@@ -15962,7 +15962,7 @@ const na = (e, t) => {
         value: Ct.value
       });
     }
-    x.onChange && x.onChange(fe, ...dt), j && j(fe, ...dt);
+    x.onChange && x.onChange(fe, ...dt), q && q(fe, ...dt);
   };
   w.useEffect(() => {
     ie(ee.current);
@@ -16034,7 +16034,7 @@ const na = (e, t) => {
           disabled: Ce.disabled,
           id: E,
           onAnimationStart: pt,
-          name: k,
+          name: B,
           placeholder: O,
           readOnly: U,
           required: Ce.required,
@@ -16703,11 +16703,11 @@ const oy = (e) => {
     disablePortal: I = !1,
     filterOptions: R,
     filterSelectedOptions: P = !1,
-    forcePopupIcon: k = "auto",
+    forcePopupIcon: B = "auto",
     freeSolo: Q = !1,
-    fullWidth: j = !1,
+    fullWidth: q = !1,
     getLimitTagsText: g = (ke) => `+${ke}`,
-    getOptionDisabled: B,
+    getOptionDisabled: k,
     getOptionKey: M,
     getOptionLabel: D,
     isOptionEqualToValue: O,
@@ -16770,7 +16770,7 @@ const oy = (e) => {
   } = Im({
     ...o,
     componentName: "Autocomplete"
-  }), un = !E && !x && qt && !Re, Un = (!Q || k === !0) && k !== !1, {
+  }), un = !E && !x && qt && !Re, Un = (!Q || B === !0) && B !== !1, {
     onMouseDown: Aa
   } = xt(), {
     ref: ha,
@@ -16780,7 +16780,7 @@ const oy = (e) => {
     disablePortal: I,
     expanded: Gr,
     focused: kr,
-    fullWidth: j,
+    fullWidth: q,
     getOptionLabel: Qn,
     hasClearIcon: un,
     hasPopupIcon: Un,
@@ -19294,16 +19294,16 @@ const Fy = (e) => {
     return i && w.Children.forEach(i, (U) => {
       Ba(U, ["Input", "Select"]) && (Ti(U.props, !0) || Ti(U.props.inputProps, !0)) && (O = !0);
     }), O;
-  }), [P, k] = w.useState(!1);
-  c && P && k(!1);
+  }), [P, B] = w.useState(!1);
+  c && P && B(!1);
   const Q = p !== void 0 && !c ? p : P;
-  let j;
+  let q;
   const g = w.useRef(!1);
-  process.env.NODE_ENV !== "production" && (j = () => (g.current && console.error(["MUI: There are multiple `InputBase` components inside a FormControl.", "This creates visual inconsistencies, only use one `InputBase`."].join(`
+  process.env.NODE_ENV !== "production" && (q = () => (g.current && console.error(["MUI: There are multiple `InputBase` components inside a FormControl.", "This creates visual inconsistencies, only use one `InputBase`."].join(`
 `)), g.current = !0, () => {
     g.current = !1;
   }));
-  const B = w.useCallback(() => {
+  const k = w.useCallback(() => {
     R(!0);
   }, []), M = w.useCallback(() => {
     R(!1);
@@ -19319,17 +19319,17 @@ const Fy = (e) => {
     hiddenLabel: b,
     size: f,
     onBlur: () => {
-      k(!1);
+      B(!1);
     },
     onFocus: () => {
-      k(!0);
+      B(!0);
     },
     onEmpty: M,
-    onFilled: B,
-    registerEffect: j,
+    onFilled: k,
+    registerEffect: q,
     required: m,
     variant: v
-  }), [C, s, c, u, I, Q, A, b, j, M, B, m, f, v]);
+  }), [C, s, c, u, I, Q, A, b, q, M, k, m, f, v]);
   return /* @__PURE__ */ L.jsx(No.Provider, {
     value: D,
     children: /* @__PURE__ */ L.jsx(Ly, {
@@ -19921,11 +19921,11 @@ const Xy = (e) => {
     // eslint-disable-next-line react/prop-types
     onKeyDown: P,
     // eslint-disable-next-line react/prop-types
-    onMouseDown: k,
+    onMouseDown: B,
     onOpen: Q,
-    open: j,
+    open: q,
     readOnly: g,
-    renderValue: B,
+    renderValue: k,
     required: M,
     SelectDisplayProps: D = {},
     tabIndex: O,
@@ -19939,12 +19939,12 @@ const Xy = (e) => {
     default: p,
     name: "Select"
   }), [Z, z] = ao({
-    controlled: j,
+    controlled: q,
     default: u,
     name: "Select"
   }), $ = w.useRef(null), H = w.useRef(null), [Y, oe] = w.useState(null), {
     current: ee
-  } = w.useRef(j != null), [_, ae] = w.useState(), F = lt(r, f), de = w.useCallback((ce) => {
+  } = w.useRef(q != null), [_, ae] = w.useState(), F = lt(r, f), de = w.useCallback((ce) => {
     H.current = ce, ce && oe(ce);
   }, []), le = Y?.parentNode;
   w.useImperativeHandle(F, () => ({
@@ -19984,7 +19984,7 @@ const Xy = (e) => {
   const Ie = (ce, Te) => {
     ce ? Q && Q(Te) : I && I(Te), ee || (ae(s ? null : le.clientWidth), z(ce));
   }, et = (ce) => {
-    k?.(ce), ce.button === 0 && (ce.preventDefault(), H.current.focus(), Ie(!0, ce));
+    B?.(ce), ce.button === 0 && (ce.preventDefault(), H.current.focus(), Ie(!0, ce));
   }, ie = (ce) => {
     Ie(!1, ce);
   }, Je = w.Children.toArray(l), he = (ce) => {
@@ -20035,7 +20035,7 @@ const Xy = (e) => {
   let Pt = !1, At = !1;
   (Ti({
     value: T
-  }) || b) && (B ? Me = B(T) : Pt = !0);
+  }) || b) && (k ? Me = k(T) : Pt = !0);
   const lr = Je.map((ce) => {
     if (!/* @__PURE__ */ w.isValidElement(ce))
       return null;
@@ -20359,14 +20359,14 @@ const Jy = (e) => {
     renderValue: I,
     SelectDisplayProps: R,
     variant: P = "outlined",
-    ...k
-  } = o, Q = S ? pd : fd, j = ln(), g = Ln({
+    ...B
+  } = o, Q = S ? pd : fd, q = ln(), g = Ln({
     props: o,
-    muiFormControl: j,
+    muiFormControl: q,
     states: ["variant", "error"]
-  }), B = g.variant || P, M = {
+  }), k = g.variant || P, M = {
     ...o,
-    variant: B,
+    variant: k,
     classes: s
   }, D = Jy(M), {
     root: O,
@@ -20382,7 +20382,7 @@ const Jy = (e) => {
     filled: /* @__PURE__ */ L.jsx(_y, {
       ownerState: M
     })
-  }[B], J = lt(r, Vo(X));
+  }[k], J = lt(r, Vo(X));
   return /* @__PURE__ */ L.jsx(w.Fragment, {
     children: /* @__PURE__ */ w.cloneElement(X, {
       // Most of the logic is implemented in `SelectInput`.
@@ -20392,7 +20392,7 @@ const Jy = (e) => {
         children: a,
         error: g.error,
         IconComponent: p,
-        variant: B,
+        variant: k,
         type: void 0,
         // We render a select. We can ignore the type provided by the `Input`.
         multiple: E,
@@ -20417,16 +20417,16 @@ const Jy = (e) => {
         classes: y ? ut(U, y.classes) : U,
         ...b ? b.props.inputProps : {}
       },
-      ...(E && S || u) && B === "outlined" ? {
+      ...(E && S || u) && k === "outlined" ? {
         notched: !0
       } : {},
       ref: J,
       className: se(X.props.className, l, D.root),
       // If a custom input is provided via 'input' prop, do not allow 'variant' to be propagated to it's root element. See https://github.com/mui/material-ui/issues/33894.
       ...!b && {
-        variant: B
+        variant: k
       },
-      ...k
+      ...B
     })
   });
 });
@@ -20622,11 +20622,11 @@ const t2 = {
     minRows: I,
     multiline: R = !1,
     name: P,
-    onBlur: k,
+    onBlur: B,
     onChange: Q,
-    onFocus: j,
+    onFocus: q,
     placeholder: g,
-    required: B = !1,
+    required: k = !1,
     rows: M,
     select: D = !1,
     SelectProps: O,
@@ -20644,7 +20644,7 @@ const t2 = {
     error: A,
     fullWidth: y,
     multiline: R,
-    required: B,
+    required: k,
     select: D,
     variant: T
   }, z = r2(Z);
@@ -20675,7 +20675,7 @@ const t2 = {
       disabled: p,
       error: A,
       fullWidth: y,
-      required: B,
+      required: k,
       color: c,
       variant: T
     }
@@ -20715,9 +20715,9 @@ const t2 = {
     value: N,
     id: $,
     inputRef: x,
-    onBlur: k,
+    onBlur: B,
     onChange: Q,
-    onFocus: j,
+    onFocus: q,
     placeholder: g,
     inputProps: Je,
     slots: {
@@ -21048,7 +21048,7 @@ const o2 = ({ sx: e, fontSize: t, color: r = "currentColor" }) => /* @__PURE__ *
           slotProps: {
             input: {
               ...u.InputProps,
-              endAdornment: /* @__PURE__ */ q(kt, { children: [
+              endAdornment: /* @__PURE__ */ j(kt, { children: [
                 a ? /* @__PURE__ */ d(Gs, { size: 20 }) : null,
                 u.InputProps.endAdornment
               ] })
@@ -21060,9 +21060,9 @@ const o2 = ({ sx: e, fontSize: t, color: r = "currentColor" }) => /* @__PURE__ *
         const { key: y, ...m } = p({ index: b });
         return /* @__PURE__ */ d(ul, { label: $o(A), ...m }, y);
       }),
-      renderOption: (u, p) => /* @__PURE__ */ Ou("li", { ...u, key: p.id }, /* @__PURE__ */ q(We, { direction: "row", spacing: 1.5, alignItems: "center", children: [
+      renderOption: (u, p) => /* @__PURE__ */ Ou("li", { ...u, key: p.id }, /* @__PURE__ */ j(We, { direction: "row", spacing: 1.5, alignItems: "center", children: [
         /* @__PURE__ */ d(Qr, { src: s?.(p.avatar), alt: $o(p), children: Pi({ firstName: p.firstName, lastName: p.lastName }, !0) }),
-        /* @__PURE__ */ q(We, { children: [
+        /* @__PURE__ */ j(We, { children: [
           /* @__PURE__ */ d(ze, { textTransform: "capitalize", children: $o(p) }),
           /* @__PURE__ */ d(ze, { variant: "caption", color: "text.secondary", children: p.email })
         ] })
@@ -21129,13 +21129,13 @@ const o2 = ({ sx: e, fontSize: t, color: r = "currentColor" }) => /* @__PURE__ *
   endIcon: s
 }) => {
   const l = a || s;
-  return t && o ? /* @__PURE__ */ q(ue, { direction: o === "start" ? "row" : "row-reverse", alignItems: "center", children: [
+  return t && o ? /* @__PURE__ */ j(ue, { direction: o === "start" ? "row" : "row-reverse", alignItems: "center", children: [
     /* @__PURE__ */ d(Ri, { size: i, position: "relative", loadingPosition: o }),
     /* @__PURE__ */ d(Ae, { component: "span", children: e })
-  ] }) : t && !r && !l ? /* @__PURE__ */ q(kt, { children: [
+  ] }) : t && !r && !l ? /* @__PURE__ */ j(kt, { children: [
     t && !r && /* @__PURE__ */ d(Ri, { size: i }),
     /* @__PURE__ */ d(Ae, { component: "span", sx: { opacity: 0 }, children: e })
-  ] }) : t && r ? /* @__PURE__ */ q(kt, { children: [
+  ] }) : t && r ? /* @__PURE__ */ j(kt, { children: [
     " ",
     r,
     " "
@@ -21192,7 +21192,7 @@ const o2 = ({ sx: e, fontSize: t, color: r = "currentColor" }) => /* @__PURE__ *
   const [c, u] = He([]), p = rt(null), A = () => {
     c.length && (r(c), u([]), t());
   };
-  return /* @__PURE__ */ q(Qp, { fullWidth: !0, maxWidth: "sm", open: e, onClose: t, onAnimationEnd: () => p.current?.focus(), children: [
+  return /* @__PURE__ */ j(Qp, { fullWidth: !0, maxWidth: "sm", open: e, onClose: t, onAnimationEnd: () => p.current?.focus(), children: [
     /* @__PURE__ */ d(Ad, { onClick: t }),
     /* @__PURE__ */ d(Wp, { variant: "h3", paddingBottom: 2, children: l?.title ?? "New Conversation" }),
     /* @__PURE__ */ d(jp, { sx: { overflow: "visible" }, children: /* @__PURE__ */ d(We, { spacing: 2, marginTop: 1, children: /* @__PURE__ */ d(
@@ -21210,7 +21210,7 @@ const o2 = ({ sx: e, fontSize: t, color: r = "currentColor" }) => /* @__PURE__ *
     ) }) }),
     /* @__PURE__ */ d(qp, { children: /* @__PURE__ */ d(Mn, { fullWidth: !0, variant: "contained", onClick: A, disabled: !c.length, children: l?.confirm ?? "Chat" }) })
   ] });
-}, u2 = ({ firstName: e, lastName: t }) => `${Xa(e)} ${Xa(t)}`.trim(), Cs = (e, t) => e?.map(t ?? u2).join(", ") ?? "", p2 = (e) => /* @__PURE__ */ q(ar, { viewBox: "-2 -2 28 28", ...e, children: [
+}, u2 = ({ firstName: e, lastName: t }) => `${Xa(e)} ${Xa(t)}`.trim(), Cs = (e, t) => e?.map(t ?? u2).join(", ") ?? "", p2 = (e) => /* @__PURE__ */ j(ar, { viewBox: "-2 -2 28 28", ...e, children: [
   /* @__PURE__ */ d("path", { d: "M3 6h18", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
   /* @__PURE__ */ d(
     "path",
@@ -21234,11 +21234,11 @@ const o2 = ({ sx: e, fontSize: t, color: r = "currentColor" }) => /* @__PURE__ *
       strokeLinejoin: "round"
     }
   )
-] }), d2 = (e) => /* @__PURE__ */ q(ar, { viewBox: "-2 -2 28 28", ...e, children: [
+] }), d2 = (e) => /* @__PURE__ */ j(ar, { viewBox: "-2 -2 28 28", ...e, children: [
   /* @__PURE__ */ d("circle", { cx: "12", cy: "12", r: "1", fill: "currentColor" }),
   /* @__PURE__ */ d("circle", { cx: "19", cy: "12", r: "1", fill: "currentColor" }),
   /* @__PURE__ */ d("circle", { cx: "5", cy: "12", r: "1", fill: "currentColor" })
-] }), f2 = (e) => /* @__PURE__ */ q(ar, { viewBox: "-2 -2 28 28", ...e, children: [
+] }), f2 = (e) => /* @__PURE__ */ j(ar, { viewBox: "-2 -2 28 28", ...e, children: [
   /* @__PURE__ */ d(
     "path",
     {
@@ -21282,8 +21282,8 @@ const o2 = ({ sx: e, fontSize: t, color: r = "currentColor" }) => /* @__PURE__ *
   }, S = () => {
     b(), f(!0);
   };
-  return /* @__PURE__ */ q(kt, { children: [
-    /* @__PURE__ */ q(
+  return /* @__PURE__ */ j(kt, { children: [
+    /* @__PURE__ */ j(
       We,
       {
         direction: "row",
@@ -21291,7 +21291,7 @@ const o2 = ({ sx: e, fontSize: t, color: r = "currentColor" }) => /* @__PURE__ *
         justifyContent: "space-between",
         sx: { borderBottom: ({ palette: x }) => `1px solid ${x.divider}`, px: 3, py: 1.5 },
         children: [
-          /* @__PURE__ */ q(We, { direction: "row", alignItems: "center", spacing: 1.5, children: [
+          /* @__PURE__ */ j(We, { direction: "row", alignItems: "center", spacing: 1.5, children: [
             /* @__PURE__ */ d(xp, { max: 3, children: t?.map(({ userId: x, avatar: C, firstName: h, lastName: I }) => /* @__PURE__ */ d(
               Qr,
               {
@@ -21304,7 +21304,7 @@ const o2 = ({ sx: e, fontSize: t, color: r = "currentColor" }) => /* @__PURE__ *
             /* @__PURE__ */ d(ze, { variant: "subtitle2", fontWeight: 600, children: v })
           ] }),
           /* @__PURE__ */ d(Mo, { size: "small", onClick: y, children: /* @__PURE__ */ d(d2, { fontSize: "small" }) }),
-          /* @__PURE__ */ q(
+          /* @__PURE__ */ j(
             Ys,
             {
               open: p,
@@ -21313,11 +21313,11 @@ const o2 = ({ sx: e, fontSize: t, color: r = "currentColor" }) => /* @__PURE__ *
               anchorOrigin: { horizontal: "right", vertical: "bottom" },
               transformOrigin: { horizontal: "right", vertical: "top" },
               children: [
-                /* @__PURE__ */ q(bs, { onClick: S, children: [
+                /* @__PURE__ */ j(bs, { onClick: S, children: [
                   /* @__PURE__ */ d(As, { children: /* @__PURE__ */ d(f2, { fontSize: "small" }) }),
                   /* @__PURE__ */ d(ze, { children: c?.addParticipant ?? "Add Participant" })
                 ] }),
-                /* @__PURE__ */ q(bs, { onClick: E, children: [
+                /* @__PURE__ */ j(bs, { onClick: E, children: [
                   /* @__PURE__ */ d(As, { children: /* @__PURE__ */ d(p2, { fontSize: "small", color: "error" }) }),
                   /* @__PURE__ */ d(ze, { color: "error", children: c?.deleteConversation ?? "Delete Conversation" })
                 ] })
@@ -21664,13 +21664,13 @@ const Dn = (e) => e.endsWith("Z") || /[+-]\d{2}:\d{2}$/.test(e) ? e : `${e}Z`, v
 ), md = ({ isOwn: e, message: t, participants: r, avatarSrcResolver: o, renderAfterBubble: i, formatTime: a }) => {
   const s = (a ?? x2)(t.createdAt), l = C2(t.body);
   if (e)
-    return /* @__PURE__ */ q(We, { alignItems: "flex-end", spacing: 0.5, sx: { maxWidth: "70%" }, alignSelf: "flex-end", children: [
+    return /* @__PURE__ */ j(We, { alignItems: "flex-end", spacing: 0.5, sx: { maxWidth: "70%" }, alignSelf: "flex-end", children: [
       /* @__PURE__ */ d(ru, { isOwn: !0, children: /* @__PURE__ */ d(ze, { variant: "body2", sx: { whiteSpace: "pre-wrap" }, children: tu(t.body, e) }) }),
       i?.(l),
       /* @__PURE__ */ d(ze, { variant: "caption", color: "text.secondary", children: s })
     ] });
   const c = r?.find((u) => u.userId === t.authorId);
-  return /* @__PURE__ */ q(We, { direction: "row", spacing: 1.5, alignItems: "flex-start", children: [
+  return /* @__PURE__ */ j(We, { direction: "row", spacing: 1.5, alignItems: "flex-start", children: [
     /* @__PURE__ */ d(
       Qr,
       {
@@ -21688,13 +21688,13 @@ const Dn = (e) => e.endsWith("Z") || /[+-]\d{2}:\d{2}$/.test(e) ? e : `${e}Z`, v
         )
       }
     ),
-    /* @__PURE__ */ q(We, { spacing: 0.5, sx: { maxWidth: "70%" }, children: [
+    /* @__PURE__ */ j(We, { spacing: 0.5, sx: { maxWidth: "70%" }, children: [
       /* @__PURE__ */ d(ru, { children: /* @__PURE__ */ d(ze, { variant: "body2", sx: { whiteSpace: "pre-wrap" }, children: tu(t.body, e) }) }),
       i?.(l),
       /* @__PURE__ */ d(ze, { variant: "caption", color: "text.secondary", children: s })
     ] })
   ] });
-}, E2 = (e) => /* @__PURE__ */ q(ar, { viewBox: "-2 -2 28 28", ...e, children: [
+}, E2 = (e) => /* @__PURE__ */ j(ar, { viewBox: "-2 -2 28 28", ...e, children: [
   /* @__PURE__ */ d(
     "path",
     {
@@ -21713,7 +21713,7 @@ const Dn = (e) => e.endsWith("Z") || /[+-]\d{2}:\d{2}$/.test(e) ? e : `${e}Z`, v
   }, c = (u) => {
     u.key === "Enter" && !u.shiftKey && (u.preventDefault(), l());
   };
-  return /* @__PURE__ */ q(
+  return /* @__PURE__ */ j(
     wn,
     {
       sx: {
@@ -21757,7 +21757,7 @@ const Dn = (e) => e.endsWith("Z") || /[+-]\d{2}:\d{2}$/.test(e) ? e : `${e}Z`, v
           },
           r
         ),
-        /* @__PURE__ */ q(
+        /* @__PURE__ */ j(
           We,
           {
             direction: "row",
@@ -21825,11 +21825,11 @@ const Dn = (e) => e.endsWith("Z") || /[+-]\d{2}:\d{2}$/.test(e) ? e : `${e}Z`, v
       return;
     const h = x.current !== e;
     x.current = e, S.current?.scrollTo({ behavior: h ? "instant" : "smooth", top: S.current.scrollHeight });
-  }, [o, e, r]), !e && r ? /* @__PURE__ */ q(We, { flex: 1, alignItems: "center", justifyContent: "center", children: [
+  }, [o, e, r]), !e && r ? /* @__PURE__ */ j(We, { flex: 1, alignItems: "center", justifyContent: "center", children: [
     /* @__PURE__ */ d(Ht, { variant: "circular", width: 48, height: 48, sx: { mb: 2 } }),
     /* @__PURE__ */ d(Ht, { variant: "text", width: 200 }),
     /* @__PURE__ */ d(Ht, { variant: "rounded", width: 140, height: 36, sx: { borderRadius: 2, mt: 2 } })
-  ] }) : e ? /* @__PURE__ */ q(We, { flex: 1, height: "100%", minWidth: 300, children: [
+  ] }) : e ? /* @__PURE__ */ j(We, { flex: 1, height: "100%", minWidth: 300, children: [
     /* @__PURE__ */ d(
       A2,
       {
@@ -21855,12 +21855,12 @@ const Dn = (e) => e.endsWith("Z") || /[+-]\d{2}:\d{2}$/.test(e) ? e : `${e}Z`, v
           px: 3,
           py: 2
         },
-        children: r ? /* @__PURE__ */ d(We, { spacing: 3, children: Array.from({ length: 4 }, (h, I) => /* @__PURE__ */ q(We, { alignItems: I % 2 === 0 ? "flex-start" : "flex-end", spacing: 0.5, children: [
+        children: r ? /* @__PURE__ */ d(We, { spacing: 3, children: Array.from({ length: 4 }, (h, I) => /* @__PURE__ */ j(We, { alignItems: I % 2 === 0 ? "flex-start" : "flex-end", spacing: 0.5, children: [
           /* @__PURE__ */ d(Ht, { variant: "rounded", width: "40%", height: 48, sx: { borderRadius: 2 } }),
           /* @__PURE__ */ d(Ht, { variant: "text", width: 60 })
         ] }, I)) }) : /* @__PURE__ */ d(We, { spacing: 3, children: o?.map((h, I) => {
           const R = o[I - 1], P = !(R && I2(h.createdAt, R.createdAt));
-          return /* @__PURE__ */ q(We, { spacing: 3, children: [
+          return /* @__PURE__ */ j(We, { spacing: 3, children: [
             P && /* @__PURE__ */ d(Co, { children: /* @__PURE__ */ d(ze, { variant: "caption", color: "text.secondary", children: C(h.createdAt) }) }),
             /* @__PURE__ */ d(
               md,
@@ -21869,7 +21869,7 @@ const Dn = (e) => e.endsWith("Z") || /[+-]\d{2}:\d{2}$/.test(e) ? e : `${e}Z`, v
                 isOwn: h.authorId === i,
                 participants: t,
                 avatarSrcResolver: b,
-                renderAfterBubble: y ? (k) => y(h, k) : void 0
+                renderAfterBubble: y ? (B) => y(h, B) : void 0
               }
             )
           ] }, h.id);
@@ -21885,7 +21885,7 @@ const Dn = (e) => e.endsWith("Z") || /[+-]\d{2}:\d{2}$/.test(e) ? e : `${e}Z`, v
         isSending: v
       }
     )
-  ] }) : /* @__PURE__ */ q(We, { flex: 1, alignItems: "center", justifyContent: "center", spacing: 2, children: [
+  ] }) : /* @__PURE__ */ j(We, { flex: 1, alignItems: "center", justifyContent: "center", spacing: 2, children: [
     /* @__PURE__ */ d(S2, { sx: { color: "text.secondary", fontSize: 48 } }),
     /* @__PURE__ */ d(ze, { variant: "body1", color: "text.secondary", children: m?.createYourFirstConversation ?? "Create your first conversation" }),
     /* @__PURE__ */ d(Mn, { variant: "contained", onClick: s, children: m?.newConversation ?? "New Conversation" })
@@ -22354,7 +22354,7 @@ process.env.NODE_ENV !== "production" && (Es.propTypes = {
    */
   sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object])
 });
-const U2 = (e) => /* @__PURE__ */ q(ar, { viewBox: "-2 -2 28 28", ...e, children: [
+const U2 = (e) => /* @__PURE__ */ j(ar, { viewBox: "-2 -2 28 28", ...e, children: [
   /* @__PURE__ */ d("path", { d: "M12 20h9", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
   /* @__PURE__ */ d(
     "path",
@@ -22367,7 +22367,7 @@ const U2 = (e) => /* @__PURE__ */ q(ar, { viewBox: "-2 -2 28 28", ...e, children
       strokeLinejoin: "round"
     }
   )
-] }), Q2 = (e) => /* @__PURE__ */ q(ar, { viewBox: "-2 -2 28 28", ...e, children: [
+] }), Q2 = (e) => /* @__PURE__ */ j(ar, { viewBox: "-2 -2 28 28", ...e, children: [
   /* @__PURE__ */ d("circle", { cx: "11", cy: "11", r: "8", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
   /* @__PURE__ */ d("path", { d: "m21 21-4.3-4.3", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
 ] }), q2 = (e) => {
@@ -22402,7 +22402,7 @@ const U2 = (e) => /* @__PURE__ */ q(ar, { viewBox: "-2 -2 28 28", ...e, children
   const E = e?.filter(
     (S) => Cs(S?.participants, c).toLowerCase().includes(A.toLowerCase())
   );
-  return /* @__PURE__ */ q(
+  return /* @__PURE__ */ j(
     We,
     {
       sx: {
@@ -22413,7 +22413,7 @@ const U2 = (e) => /* @__PURE__ */ q(ar, { viewBox: "-2 -2 28 28", ...e, children
         width: 300
       },
       children: [
-        /* @__PURE__ */ q(We, { direction: "row", alignItems: "center", justifyContent: "space-between", px: 2, py: 1.5, children: [
+        /* @__PURE__ */ j(We, { direction: "row", alignItems: "center", justifyContent: "space-between", px: 2, py: 1.5, children: [
           /* @__PURE__ */ d(ze, { variant: "h3", fontWeight: 600, children: s?.messages ?? "Messages" }),
           /* @__PURE__ */ d(Mo, { size: "small", onClick: i, children: /* @__PURE__ */ d(U2, {}) })
         ] }),
@@ -22433,14 +22433,14 @@ const U2 = (e) => /* @__PURE__ */ q(ar, { viewBox: "-2 -2 28 28", ...e, children
           }
         ) }),
         /* @__PURE__ */ d(Co, {}),
-        /* @__PURE__ */ q(Zs, { ref: f, disablePadding: !0, sx: { flex: 1, overflowY: "auto" }, children: [
-          t && Array.from({ length: 6 }, (S, x) => /* @__PURE__ */ q(Es, { sx: { px: 2, py: 1.5 }, children: [
+        /* @__PURE__ */ j(Zs, { ref: f, disablePadding: !0, sx: { flex: 1, overflowY: "auto" }, children: [
+          t && Array.from({ length: 6 }, (S, x) => /* @__PURE__ */ j(Es, { sx: { px: 2, py: 1.5 }, children: [
             /* @__PURE__ */ d(xs, { children: /* @__PURE__ */ d(Ht, { variant: "circular", width: 40, height: 40 }) }),
             /* @__PURE__ */ d(ms, { primary: /* @__PURE__ */ d(Ht, { variant: "text", width: "60%" }), secondary: /* @__PURE__ */ d(Ht, { variant: "text", width: "40%" }) })
           ] }, x)),
           E?.map((S) => {
             const x = Cs(S?.participants, c), C = r === S.id;
-            return /* @__PURE__ */ q(
+            return /* @__PURE__ */ j(
               Es,
               {
                 selected: S.id === r,
@@ -22471,11 +22471,11 @@ const U2 = (e) => /* @__PURE__ */ q(ar, { viewBox: "-2 -2 28 28", ...e, children
                   /* @__PURE__ */ d(
                     ms,
                     {
-                      primary: /* @__PURE__ */ q(We, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 1, children: [
+                      primary: /* @__PURE__ */ j(We, { direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 1, children: [
                         /* @__PURE__ */ d(ze, { noWrap: !0, variant: "body2", fontWeight: S.unreadCount ? 700 : 400, children: x }),
                         /* @__PURE__ */ d(ze, { noWrap: !0, variant: "caption", color: "text.secondary", flexShrink: 0, children: y(Dn(S.updatedAt ?? S.createdAt)) })
                       ] }),
-                      secondary: /* @__PURE__ */ q(We, { component: "span", direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 1, children: [
+                      secondary: /* @__PURE__ */ j(We, { component: "span", direction: "row", justifyContent: "space-between", alignItems: "center", spacing: 1, children: [
                         /* @__PURE__ */ d(ze, { variant: "caption", color: "text.secondary", noWrap: !0, component: "span", sx: { flex: 1, minWidth: 0 }, children: S.lastMessagePreview }),
                         !!S.unreadCount && /* @__PURE__ */ d(
                           wn,
@@ -22507,9 +22507,9 @@ const U2 = (e) => /* @__PURE__ */ q(ar, { viewBox: "-2 -2 28 28", ...e, children
               S.id
             );
           }),
-          v && /* @__PURE__ */ d(wn, { ref: m, sx: { px: 2, py: 1.5 }, children: /* @__PURE__ */ q(We, { direction: "row", spacing: 1.5, alignItems: "center", children: [
+          v && /* @__PURE__ */ d(wn, { ref: m, sx: { px: 2, py: 1.5 }, children: /* @__PURE__ */ j(We, { direction: "row", spacing: 1.5, alignItems: "center", children: [
             /* @__PURE__ */ d(Ht, { variant: "circular", width: 40, height: 40 }),
-            /* @__PURE__ */ q(We, { flex: 1, children: [
+            /* @__PURE__ */ j(We, { flex: 1, children: [
               /* @__PURE__ */ d(Ht, { variant: "text", width: "60%" }),
               /* @__PURE__ */ d(Ht, { variant: "text", width: "40%" })
             ] })
@@ -22558,7 +22558,7 @@ const U2 = (e) => /* @__PURE__ */ q(ar, { viewBox: "-2 -2 28 28", ...e, children
   }, c = (u, p) => (u && (r?.(u, p), s(!1)), (A) => {
     r?.(A, p), s(!1);
   });
-  return /* @__PURE__ */ d(Bd, { open: t, onClose: c, ...i, children: /* @__PURE__ */ q(Ae, { children: [
+  return /* @__PURE__ */ d(Bd, { open: t, onClose: c, ...i, children: /* @__PURE__ */ j(Ae, { children: [
     /* @__PURE__ */ d(
       Zt,
       {
@@ -22662,7 +22662,7 @@ const xd = () => {
   height: f = 152,
   width: v = 220
 }) => {
-  const [E, S] = He(!1), [x, C] = He(!1), [h, I] = He(!0), P = xd() === dl.Firefox, k = e?.toLowerCase(), Q = !(k?.endsWith(".pdf") || k?.startsWith("blob:") || k?.endsWith(".eml")), j = k?.endsWith(".pdf"), g = u ? !0 : !h, B = Ss(e) || Ss(t), M = j && P, D = c ? 1 : 0.8, O = (Q || j) && !B && g && !x && !c && e && !M, U = e?.split(".").pop()?.toLowerCase() || "", X = r || e?.split("/").pop()?.split("?")[0] || "", J = z2(m, x, B, U, e || "", t || ""), N = () => {
+  const [E, S] = He(!1), [x, C] = He(!1), [h, I] = He(!0), P = xd() === dl.Firefox, B = e?.toLowerCase(), Q = !(B?.endsWith(".pdf") || B?.startsWith("blob:") || B?.endsWith(".eml")), q = B?.endsWith(".pdf"), g = u ? !0 : !h, k = Ss(e) || Ss(t), M = q && P, D = c ? 1 : 0.8, O = (Q || q) && !k && g && !x && !c && e && !M, U = e?.split(".").pop()?.toLowerCase() || "", X = r || e?.split("/").pop()?.split("?")[0] || "", J = z2(m, x, k, U, e || "", t || ""), N = () => {
     S(($) => !$);
   }, T = () => {
     S(!1), A?.();
@@ -22671,15 +22671,15 @@ const xd = () => {
   }, Z = () => {
     I(!1);
   };
-  return /* @__PURE__ */ q(kt, { children: [
-    !(u || o) && /* @__PURE__ */ d(li, { arrow: !0, title: B || m ? X : "", children: /* @__PURE__ */ q(
+  return /* @__PURE__ */ j(kt, { children: [
+    !(u || o) && /* @__PURE__ */ d(li, { arrow: !0, title: k || m ? X : "", children: /* @__PURE__ */ j(
       Ae,
       {
         "data-test": "fileViewer",
         width: v,
         height: f,
         onClick: () => {
-          (M || B) && e && K2(e, X), b?.(), N();
+          (M || k) && e && K2(e, X), b?.(), N();
         },
         sx: {
           ":hover": { opacity: D },
@@ -22717,16 +22717,16 @@ const xd = () => {
                 cursor: "pointer",
                 display: "block",
                 msOverflowStyle: "none",
-                objectFit: B ? "contain" : "cover",
+                objectFit: k ? "contain" : "cover",
                 overflow: "hidden",
-                padding: B && !m ? "15%" : 0,
+                padding: k && !m ? "15%" : 0,
                 pointerEvents: "none !important",
                 scrollbarWidth: "none"
               }
             },
             J
           ),
-          B && !m && /* @__PURE__ */ d(
+          k && !m && /* @__PURE__ */ d(
             Ke,
             {
               sx: {
@@ -22744,15 +22744,15 @@ const xd = () => {
         ]
       }
     ) }),
-    O && /* @__PURE__ */ d(Cd, { open: p !== void 0 && (j || Q) ? p : E, onClose: T, src: e, title: r, children: /* @__PURE__ */ d(
+    O && /* @__PURE__ */ d(Cd, { open: p !== void 0 && (q || Q) ? p : E, onClose: T, src: e, title: r, children: /* @__PURE__ */ d(
       Ae,
       {
-        component: j ? "iframe" : "img",
+        component: q ? "iframe" : "img",
         src: e || t || void 0,
         width: a,
         height: s,
         sx: {
-          ...j ? {
+          ...q ? {
             border: 0,
             display: "block",
             height: "100vh",
@@ -22814,9 +22814,9 @@ const xd = () => {
       backgroundColor: "background.default",
       zIndex: 10
     },
-    children: /* @__PURE__ */ q(Vn, { sx: { maxWidth: 370 }, children: [
+    children: /* @__PURE__ */ j(Vn, { sx: { maxWidth: 370 }, children: [
       /* @__PURE__ */ d(Ae, { component: "img", height: 170, width: "100%", src: X2, sx: { objectFit: "cover", objectPosition: "top" } }),
-      /* @__PURE__ */ d(xu, { children: /* @__PURE__ */ q(ue, { children: [
+      /* @__PURE__ */ d(xu, { children: /* @__PURE__ */ j(ue, { children: [
         /* @__PURE__ */ d(Vr, { variant: "h3", children: e?.title }),
         e?.description && /* @__PURE__ */ d(ue, { mt: 1, mb: 1, children: /* @__PURE__ */ d(Vr, { variant: "body3", children: e.description }) }),
         e?.buttonText && /* @__PURE__ */ d(Ae, { textAlign: "center", mt: 3, children: /* @__PURE__ */ d(Ed, { variant: "contained", onClick: e?.onButtonClick, children: e.buttonText }) })
@@ -22832,7 +22832,7 @@ const xd = () => {
   }
 }, ur = { enterDelay: 300, enterNextDelay: 300 }, Ua = ({ text: e, icon: t, onClick: r }, o) => {
   const i = It(e) ? e : /* @__PURE__ */ d(Vr, { noWrap: !0, variant: "body3", color: r ? "text.secondary" : "textSecondary", children: e });
-  return /* @__PURE__ */ q(
+  return /* @__PURE__ */ j(
     ue,
     {
       direction: "row",
@@ -22849,103 +22849,123 @@ const xd = () => {
     It(e) ? o : String(e)
   );
 }, Sd = ki(({ item: e, activeItemId: t, gutterSize: r, onClickItem: o, variant: i = "primary" }) => {
-  const { palette: a } = Bt(), { title: s, subtitle: l, subtitles: c, tag: u, image: p, id: A, Footer: b, RightFooter: y, secondaryImage: m, secondaryImageText: f, imageTitle: v, headerTitle: E } = e, S = t === A, x = /* @__PURE__ */ d(bn, { title: v, enterDelay: ur.enterDelay, enterNextDelay: ur.enterNextDelay, children: /* @__PURE__ */ d(Ae, { component: "span", children: /* @__PURE__ */ d(
+  const {
+    title: a,
+    subtitle: s,
+    subtitles: l,
+    tag: c,
+    image: u,
+    id: p,
+    Footer: A,
+    RightFooter: b,
+    secondaryImage: y,
+    secondaryImageText: m,
+    imageTitle: f,
+    headerTitle: v,
+    titleLineClamp: E
+  } = e, { palette: S } = Bt(), x = t === p, C = E && E > 1, h = C ? {
+    display: "-webkit-box",
+    overflow: "hidden",
+    WebkitBoxOrient: "vertical",
+    WebkitLineClamp: E,
+    whiteSpace: "normal"
+  } : void 0, I = /* @__PURE__ */ d(bn, { title: f, enterDelay: ur.enterDelay, enterNextDelay: ur.enterNextDelay, children: /* @__PURE__ */ d(Ae, { component: "span", children: /* @__PURE__ */ d(
     sA,
     {
-      src: p,
-      secondarySrc: m,
-      secondaryAvatarProps: f ? { children: f, sx: { height: 24, width: 24 } } : void 0,
-      alt: s,
+      src: u,
+      secondarySrc: y,
+      secondaryAvatarProps: m ? { children: m, sx: { height: 24, width: 24 } } : void 0,
+      alt: a,
       width: su,
       height: su
     }
-  ) }) }), C = (b || y) && /* @__PURE__ */ q(ue, { spacing: 1, direction: "row", alignItems: "center", mt: 1, children: [
-    b && /* @__PURE__ */ d(Ae, { flex: 1, children: b }),
-    y
-  ] }), h = /* @__PURE__ */ d(ul, { label: u, variant: "rounded", color: "default", size: "small" }), I = () => {
-    const P = c && c.length > 0 || b || y;
-    return /* @__PURE__ */ q(kt, { children: [
-      /* @__PURE__ */ q(ue, { direction: "row", spacing: 1, alignItems: "center", children: [
-        x,
-        /* @__PURE__ */ q(ue, { flex: 1, overflow: "hidden", children: [
-          E && /* @__PURE__ */ d(
+  ) }) }), R = (A || b) && /* @__PURE__ */ j(ue, { spacing: 1, direction: "row", alignItems: "center", mt: 1, children: [
+    A && /* @__PURE__ */ d(Ae, { flex: 1, children: A }),
+    b
+  ] }), P = /* @__PURE__ */ d(ul, { label: c, variant: "rounded", color: "default", size: "small" }), B = () => {
+    const q = l && l.length > 0 || A || b;
+    return /* @__PURE__ */ j(kt, { children: [
+      /* @__PURE__ */ j(ue, { direction: "row", spacing: 1, alignItems: "center", children: [
+        I,
+        /* @__PURE__ */ j(ue, { flex: 1, overflow: "hidden", children: [
+          v && /* @__PURE__ */ d(
             bn,
             {
-              title: E,
+              title: v,
               enterDelay: ur.enterDelay,
               enterNextDelay: ur.enterNextDelay,
               slotProps: { popper: ei },
-              children: /* @__PURE__ */ d(Vr, { noWrap: !0, variant: "body3", color: "textSecondary", children: E })
+              children: /* @__PURE__ */ d(Vr, { noWrap: !0, variant: "body3", color: "textSecondary", children: v })
             }
           ),
-          /* @__PURE__ */ q(ue, { direction: "row", alignItems: "center", spacing: 1, children: [
+          /* @__PURE__ */ j(ue, { direction: "row", alignItems: "flex-start", spacing: 1, children: [
             /* @__PURE__ */ d(
               bn,
               {
-                title: s,
+                title: a,
                 enterDelay: ur.enterDelay,
                 enterNextDelay: ur.enterNextDelay,
                 slotProps: { popper: ei },
-                children: /* @__PURE__ */ d(Vr, { noWrap: !0, variant: "h6", flex: 1, children: s })
+                children: /* @__PURE__ */ d(Vr, { noWrap: !C, variant: "h6", flex: 1, sx: h, children: a })
               }
             ),
-            h
+            P
           ] }),
-          l && Ua(l, 0)
+          s && Ua(s, 0)
         ] })
       ] }),
-      P && /* @__PURE__ */ q(kt, { children: [
+      q && /* @__PURE__ */ j(kt, { children: [
         /* @__PURE__ */ d(Io, { sx: { my: 1.5 } }),
-        /* @__PURE__ */ q(ue, { spacing: 0.5, children: [
-          c?.map((k, Q) => Ua(k, Q)),
-          C
+        /* @__PURE__ */ j(ue, { spacing: 0.5, children: [
+          l?.map((g, k) => Ua(g, k)),
+          R
         ] })
       ] })
     ] });
-  }, R = () => {
-    const P = c?.map((k, Q) => Ua(k, Q));
-    return E ? /* @__PURE__ */ d(ue, { direction: "row", spacing: 1, flex: 1, overflow: "hidden", children: /* @__PURE__ */ q(ue, { spacing: 1, flex: 1, overflow: "hidden", children: [
-      /* @__PURE__ */ q(ue, { spacing: 1, direction: "row", alignItems: "center", justifyContent: "space-between", children: [
-        /* @__PURE__ */ d(bn, { title: E, children: /* @__PURE__ */ d(Vr, { noWrap: !0, variant: "body3", color: "textSecondary", overflow: "hidden", textOverflow: "ellipsis", children: E }) }),
-        h
+  }, Q = () => {
+    const q = l?.map((g, k) => Ua(g, k));
+    return v ? /* @__PURE__ */ d(ue, { direction: "row", spacing: 1, flex: 1, overflow: "hidden", children: /* @__PURE__ */ j(ue, { spacing: 1, flex: 1, overflow: "hidden", children: [
+      /* @__PURE__ */ j(ue, { spacing: 1, direction: "row", alignItems: "center", justifyContent: "space-between", children: [
+        /* @__PURE__ */ d(bn, { title: v, children: /* @__PURE__ */ d(Vr, { noWrap: !0, variant: "body3", color: "textSecondary", overflow: "hidden", textOverflow: "ellipsis", children: v }) }),
+        P
       ] }),
-      /* @__PURE__ */ q(ue, { direction: "row", spacing: 1, flex: 1, overflow: "hidden", children: [
-        x,
-        /* @__PURE__ */ q(ue, { sx: { flex: 1, overflow: "hidden", position: "relative", whiteSpace: "nowrap" }, children: [
-          /* @__PURE__ */ q(ue, { flex: 1, overflow: "hidden", children: [
+      /* @__PURE__ */ j(ue, { direction: "row", spacing: 1, flex: 1, overflow: "hidden", children: [
+        I,
+        /* @__PURE__ */ j(ue, { sx: { flex: 1, overflow: "hidden", position: "relative", whiteSpace: "nowrap" }, children: [
+          /* @__PURE__ */ j(ue, { flex: 1, overflow: "hidden", children: [
             /* @__PURE__ */ d(
               bn,
               {
-                title: s,
+                title: a,
                 enterDelay: ur.enterDelay,
                 enterNextDelay: ur.enterNextDelay,
                 slotProps: { popper: ei },
-                children: /* @__PURE__ */ d(Vr, { noWrap: !0, variant: "h6", children: s })
+                children: /* @__PURE__ */ d(Vr, { noWrap: !C, variant: "h6", sx: h, children: a })
               }
             ),
-            P
+            q
           ] }),
-          C
+          R
         ] })
       ] })
-    ] }) }) : /* @__PURE__ */ q(ue, { direction: "row", spacing: 1, flex: 1, overflow: "hidden", children: [
-      x,
-      /* @__PURE__ */ q(ue, { sx: { flex: 1, overflow: "hidden", position: "relative", whiteSpace: "nowrap" }, children: [
-        /* @__PURE__ */ q(ue, { direction: "row", spacing: 1, flex: 1, children: [
+    ] }) }) : /* @__PURE__ */ j(ue, { direction: "row", spacing: 1, flex: 1, overflow: "hidden", children: [
+      I,
+      /* @__PURE__ */ j(ue, { sx: { flex: 1, overflow: "hidden", position: "relative", whiteSpace: "nowrap" }, children: [
+        /* @__PURE__ */ j(ue, { direction: "row", spacing: 1, flex: 1, children: [
           /* @__PURE__ */ d(ue, { flex: 1, overflow: "hidden", children: /* @__PURE__ */ d(
             bn,
             {
-              title: s,
+              title: a,
               enterDelay: ur.enterDelay,
               enterNextDelay: ur.enterNextDelay,
               slotProps: { popper: ei },
-              children: /* @__PURE__ */ d(Vr, { noWrap: !0, variant: "h6", children: s })
+              children: /* @__PURE__ */ d(Vr, { noWrap: !C, variant: "h6", sx: h, children: a })
             }
           ) }),
-          h
+          P
         ] }),
-        P,
-        C
+        q,
+        R
       ] })
     ] });
   };
@@ -22953,7 +22973,7 @@ const xd = () => {
     Vn,
     {
       variant: "elevation",
-      onClick: () => o?.(A),
+      onClick: () => o?.(p),
       sx: {
         ".grabbing &": {
           cursor: "grabbing",
@@ -22963,14 +22983,14 @@ const xd = () => {
           boxShadow: 4
         },
         background: "background.paper",
-        border: `1px solid ${S ? a.action.active : "transparent"}`,
+        border: `1px solid ${x ? S.action.active : "transparent"}`,
         boxShadow: "0px 0 8px 0 rgba(0, 0, 0, 0.10), 0px 1px 1px 0px rgba(0, 0, 0, 0.04), 0px 1px 3px 0px rgba(0, 0, 0, 0.03)",
         cursor: "pointer",
         flexShrink: 0,
         p: 1.5,
         textDecoration: "none"
       },
-      children: i === "secondary" ? R() : I()
+      children: i === "secondary" ? Q() : B()
     }
   ) });
 }), Y2 = {
@@ -23045,7 +23065,7 @@ const xd = () => {
       estimateSize: () => Qa + s,
       getScrollElement: () => I.current,
       overscan: 5
-    }), j = () => {
+    }), q = () => {
       if (u)
         return "";
       const g = r ?? o.length;
@@ -23056,13 +23076,13 @@ const xd = () => {
       !g || a || i || g.index >= o.length - 1 && P && C.current !== o.length && (C.current = o.length, p?.(o.length, o.length + (l || 0), e));
     }, [P, i, a, o.length, l, e, p, Q.getVirtualItems()]), Ur(() => {
       R && !x.current.includes(e) && (x.current.push(e), y?.(e));
-    }, [e, R, y]), /* @__PURE__ */ q(ue, { ref: h, spacing: 1.5, children: [
-      /* @__PURE__ */ q(ue, { direction: "row", alignItems: "center", spacing: 1, children: [
+    }, [e, R, y]), /* @__PURE__ */ j(ue, { ref: h, spacing: 1.5, children: [
+      /* @__PURE__ */ j(ue, { direction: "row", alignItems: "center", spacing: 1, children: [
         /* @__PURE__ */ d(
           $2,
           {
             dot: f,
-            label: `${Xa(t || e)}${j()}`,
+            label: `${Xa(t || e)}${q()}`,
             variant: m,
             status: v || e,
             size: "small",
@@ -23091,7 +23111,7 @@ const xd = () => {
             height: 0,
             width: c
           },
-          children: /* @__PURE__ */ d(ue, { height: "100%", children: /* @__PURE__ */ d(Ae, { flex: 1, ref: I, className: "kanban-virtual-list", children: a ? /* @__PURE__ */ d(ue, { spacing: 1, p: `${s}px`, children: Array.from({ length: lu }).map((g, B) => /* @__PURE__ */ d(vt, { variant: "rounded", height: Qa }, B)) }) : /* @__PURE__ */ d(
+          children: /* @__PURE__ */ d(ue, { height: "100%", children: /* @__PURE__ */ d(Ae, { flex: 1, ref: I, className: "kanban-virtual-list", children: a ? /* @__PURE__ */ d(ue, { spacing: 1, p: `${s}px`, children: Array.from({ length: lu }).map((g, k) => /* @__PURE__ */ d(vt, { variant: "rounded", height: Qa }, k)) }) : /* @__PURE__ */ d(
             Ae,
             {
               sx: {
@@ -23100,7 +23120,7 @@ const xd = () => {
                 width: "100%"
               },
               children: Q.getVirtualItems().map((g) => {
-                const B = g.index >= o.length;
+                const k = g.index >= o.length;
                 return /* @__PURE__ */ d(
                   Ae,
                   {
@@ -23115,7 +23135,7 @@ const xd = () => {
                       transform: `translateY(${g.start}px)`,
                       width: "100%"
                     },
-                    children: B ? /* @__PURE__ */ d(Ae, { sx: { px: `${s}px` }, children: /* @__PURE__ */ d(vt, { variant: "rounded", height: Qa }) }) : /* @__PURE__ */ d(
+                    children: k ? /* @__PURE__ */ d(Ae, { sx: { px: `${s}px` }, children: /* @__PURE__ */ d(vt, { variant: "rounded", height: Qa }) }) : /* @__PURE__ */ d(
                       Sd,
                       {
                         item: o[g.index],
@@ -23126,7 +23146,7 @@ const xd = () => {
                       }
                     )
                   },
-                  B ? `skeleton-${g.index}` : o[g.index].id
+                  k ? `skeleton-${g.index}` : o[g.index].id
                 );
               })
             }
@@ -23183,7 +23203,7 @@ const xd = () => {
   }
 }) => {
   const f = rt(null), { spacing: v } = Bt(), { onMouseDown: E, onMouseUp: S, onMouseMove: x } = ev(f), C = parseInt(v(1), 10), h = e.every((I) => I.items.length === 0 && I.isFetched && !I.isLoading && !I.isFetching);
-  return /* @__PURE__ */ q(Ae, { sx: { height: A, position: "relative" }, children: [
+  return /* @__PURE__ */ j(Ae, { sx: { height: A, position: "relative" }, children: [
     /* @__PURE__ */ d(
       ue,
       {
@@ -23217,7 +23237,7 @@ const xd = () => {
           willChange: "scroll-position"
         },
         children: e.map((I, R) => {
-          const { name: P, label: k, count: Q, items: j, isFetching: g, isLoading: B } = I, M = `${P}-${R}`;
+          const { name: P, label: B, count: Q, items: q, isFetching: g, isLoading: k } = I, M = `${P}-${R}`;
           return /* @__PURE__ */ d(
             _2,
             {
@@ -23227,10 +23247,10 @@ const xd = () => {
               activeItemId: c,
               onClickItem: t,
               name: P,
-              label: k,
+              label: B,
               count: Q,
-              items: j,
-              isLoading: B,
+              items: q,
+              isLoading: k,
               isFetching: g,
               gutterSize: C,
               itemPerPage: b,
@@ -23296,7 +23316,7 @@ const xd = () => {
         ...qa.list,
         ...o && { width: "100%" }
       },
-      children: [...Array(c).keys()].map((v) => /* @__PURE__ */ q(Er, { sx: f, children: [
+      children: [...Array(c).keys()].map((v) => /* @__PURE__ */ j(Er, { sx: f, children: [
         /* @__PURE__ */ d(vt, { width: 40, height: 40, sx: { marginRight: $n }, variant: "rounded" }),
         /* @__PURE__ */ d(
           Lr,
@@ -23308,7 +23328,7 @@ const xd = () => {
         )
       ] }, v))
     }
-  ) : /* @__PURE__ */ q(
+  ) : /* @__PURE__ */ j(
     ci,
     {
       sx: {
@@ -23329,19 +23349,19 @@ const xd = () => {
             secondaryAction: I,
             chipLabel: R,
             chipColor: P,
-            onClick: k,
+            onClick: B,
             icon: Q,
-            divider: j,
+            divider: q,
             sx: g,
-            Avatar: B
+            Avatar: k
           }, M) => {
-            const D = `key-${M}-${E}-${v}`, O = !!x?.toLowerCase()?.endsWith(".pdf"), U = cu(x), X = cu(C), J = Ss(x), N = k ? "none" : void 0, T = l || !!Q || !U || J, V = !!k || !!(!(k || l) && x), Z = A === D, H = (X ? C : "") || (U ? x : "") || "";
-            return j ? /* @__PURE__ */ d(Er, { disableGutters: !0, children: /* @__PURE__ */ d(Io, { flexItem: !0, sx: { width: "100%" } }) }, D) : /* @__PURE__ */ q(
+            const D = `key-${M}-${E}-${v}`, O = !!x?.toLowerCase()?.endsWith(".pdf"), U = cu(x), X = cu(C), J = Ss(x), N = B ? "none" : void 0, T = l || !!Q || !U || J, V = !!B || !!(!(B || l) && x), Z = A === D, H = (X ? C : "") || (U ? x : "") || "";
+            return q ? /* @__PURE__ */ d(Er, { disableGutters: !0, children: /* @__PURE__ */ d(Io, { flexItem: !0, sx: { width: "100%" } }) }, D) : /* @__PURE__ */ j(
               Er,
               {
                 secondaryAction: I,
                 onClick: (Y) => {
-                  k?.(Y, {
+                  B?.(Y, {
                     ...Q && { icon: Q },
                     ...v && { id: v },
                     ...x && { image: x },
@@ -23350,7 +23370,7 @@ const xd = () => {
                     ...E && { thumbnail: C },
                     isFile: J,
                     isPdf: O
-                  }), V && !Z && !k && b(D);
+                  }), V && !Z && !B && b(D);
                 },
                 sx: {
                   ...f,
@@ -23375,8 +23395,8 @@ const xd = () => {
                   ...g
                 },
                 children: [
-                  B !== void 0 && /* @__PURE__ */ d(Ae, { marginRight: $n, children: B }),
-                  !B && O && /* @__PURE__ */ d(
+                  k !== void 0 && /* @__PURE__ */ d(Ae, { marginRight: $n, children: k }),
+                  !k && O && /* @__PURE__ */ d(
                     Oi,
                     {
                       iconOnly: m,
@@ -23390,7 +23410,7 @@ const xd = () => {
                       onClose: () => b("")
                     }
                   ),
-                  !(B || O) && /* @__PURE__ */ d(
+                  !(k || O) && /* @__PURE__ */ d(
                     Oi,
                     {
                       disableThumb: !0,
@@ -23421,7 +23441,7 @@ const xd = () => {
                   /* @__PURE__ */ d(
                     Lr,
                     {
-                      primary: /* @__PURE__ */ q(ue, { direction: "row", alignItems: "center", spacing: 1, children: [
+                      primary: /* @__PURE__ */ j(ue, { direction: "row", alignItems: "center", spacing: 1, children: [
                         E && (It(E) ? E : /* @__PURE__ */ d(Ke, { variant: "h6", whiteSpace: "nowrap", textOverflow: "ellipsis", overflow: "hidden", children: E })),
                         R && /* @__PURE__ */ d(Fr, { label: R, variant: "rounded", size: "xSmall", color: tv(P) ? P : "default" })
                       ] }),
@@ -23443,7 +23463,7 @@ const xd = () => {
             );
           }
         ),
-        t && /* @__PURE__ */ q(
+        t && /* @__PURE__ */ j(
           Ga,
           {
             onClick: t?.onClick,
@@ -23582,14 +23602,14 @@ const xd = () => {
     );
   if (a) {
     const P = e || y.primary.main;
-    return /* @__PURE__ */ q(Ae, { component: "svg", viewBox: "0 0 32 32", fill: "none", sx: { height: x, width: C, ...l }, children: [
+    return /* @__PURE__ */ j(Ae, { component: "svg", viewBox: "0 0 32 32", fill: "none", sx: { height: x, width: C, ...l }, children: [
       /* @__PURE__ */ d("path", { d: "M17 0V15H32C32 6.71026 25.2897 0 17 0Z", fill: P }),
       /* @__PURE__ */ d("path", { d: "M0 0V15H15C15 6.71026 8.27968 0 0 0Z", fill: P }),
       /* @__PURE__ */ d("path", { d: "M14.9955 16C14.9955 16 15.0056 16 14.9955 16V32H0C0 23.1576 6.71832 16 14.9955 16Z", fill: P }),
       /* @__PURE__ */ d("path", { d: "M32 16V32H17C17 23.1576 23.7103 16 32 16Z", fill: P })
     ] });
   }
-  return c === "pricing" ? /* @__PURE__ */ q(
+  return c === "pricing" ? /* @__PURE__ */ j(
     Ae,
     {
       component: "svg",
@@ -23598,7 +23618,7 @@ const xd = () => {
       sx: { height: x, width: C, ...l },
       ref: p,
       children: [
-        /* @__PURE__ */ q("g", { clipPath: "url(#clip0_12018_69701)", children: [
+        /* @__PURE__ */ j("g", { clipPath: "url(#clip0_12018_69701)", children: [
           /* @__PURE__ */ d(
             "path",
             {
@@ -23690,7 +23710,7 @@ const xd = () => {
         /* @__PURE__ */ d("defs", { children: /* @__PURE__ */ d("clipPath", { id: "clip0_12018_69701", children: /* @__PURE__ */ d("rect", { width: "147", height: "44", fill: "white" }) }) })
       ]
     }
-  ) : c === "supplier" ? /* @__PURE__ */ q(
+  ) : c === "supplier" ? /* @__PURE__ */ j(
     Ae,
     {
       component: "svg",
@@ -23706,7 +23726,7 @@ const xd = () => {
             fill: R
           }
         ),
-        /* @__PURE__ */ q("g", { clipPath: "url(#clip0_14141_226706)", children: [
+        /* @__PURE__ */ j("g", { clipPath: "url(#clip0_14141_226706)", children: [
           /* @__PURE__ */ d("path", { d: "M12.3637 4C12.3629 4 12.3622 4 12.3615 4V11.6381H20C19.9993 7.41966 16.5811 4 12.3637 4Z", fill: I }),
           /* @__PURE__ */ d("path", { d: "M4.0022 4C4.00147 4 4.00073 4 4 4V11.6381H11.6386C11.6378 7.41966 8.2196 4 4.0022 4Z", fill: I }),
           /* @__PURE__ */ d(
@@ -23804,7 +23824,7 @@ const xd = () => {
         /* @__PURE__ */ d("defs", { children: /* @__PURE__ */ d("clipPath", { id: "clip0_14141_226706", children: /* @__PURE__ */ d("rect", { width: "16", height: "16", fill: "white", transform: "translate(4 4)" }) }) })
       ]
     }
-  ) : /* @__PURE__ */ q(
+  ) : /* @__PURE__ */ j(
     Ae,
     {
       component: "svg",
@@ -23820,7 +23840,7 @@ const xd = () => {
             fill: R
           }
         ),
-        /* @__PURE__ */ q("g", { clipPath: "url(#clip0_14141_226601)", children: [
+        /* @__PURE__ */ j("g", { clipPath: "url(#clip0_14141_226601)", children: [
           /* @__PURE__ */ d("path", { d: "M12.3637 4C12.3629 4 12.3622 4 12.3615 4V11.6381H20C19.9993 7.41966 16.5811 4 12.3637 4Z", fill: I }),
           /* @__PURE__ */ d("path", { d: "M4.0022 4C4.00147 4 4.00073 4 4 4V11.6381H11.6386C11.6378 7.41966 8.2196 4 4.0022 4Z", fill: I }),
           /* @__PURE__ */ d(
@@ -23914,7 +23934,7 @@ const xd = () => {
   );
 }, Av = mt(fv), hv = ["warning", "info", "success", "error", "primary", "secondary"], gv = (e) => hv.includes(e), mv = ({ color: e, sx: t, variant: r = "filled", fontSize: o = "medium" }, i) => {
   const { palette: a } = Bt(), s = a.mode === "dark" ? a.text.disabled : a.grey[400], l = e || s, c = gv(e) ? a?.[e]?.main : l, u = tr(c, 0.2);
-  return /* @__PURE__ */ q(
+  return /* @__PURE__ */ j(
     Nt,
     {
       viewBox: "0 0 16 16",
@@ -23949,8 +23969,8 @@ const xd = () => {
   const [y, m] = He(!1), f = b || !!l?.length;
   return Ur(() => {
     c && m(!0);
-  }, [c]), /* @__PURE__ */ q(ue, { direction: "row", alignItems: "stretch", spacing: 0, mt: 0.5, children: [
-    /* @__PURE__ */ d(Ae, { mt: 1.5, textAlign: "center", children: /* @__PURE__ */ q(ue, { spacing: 1, alignItems: "center", sx: { height: "100%", width: 32 }, children: [
+  }, [c]), /* @__PURE__ */ j(ue, { direction: "row", alignItems: "stretch", spacing: 0, mt: 0.5, children: [
+    /* @__PURE__ */ d(Ae, { mt: 1.5, textAlign: "center", children: /* @__PURE__ */ j(ue, { spacing: 1, alignItems: "center", sx: { height: "100%", width: 32 }, children: [
       p || /* @__PURE__ */ d(ai, { color: o ? "secondary" : "primary" }),
       /* @__PURE__ */ d(Ae, { sx: { flex: 1 }, children: !r && /* @__PURE__ */ d(
         Io,
@@ -23965,7 +23985,7 @@ const xd = () => {
         }
       ) })
     ] }) }),
-    /* @__PURE__ */ q(
+    /* @__PURE__ */ j(
       ue,
       {
         flex: 1,
@@ -23982,9 +24002,9 @@ const xd = () => {
           padding: 1.5
         },
         children: [
-          /* @__PURE__ */ q(ue, { spacing: 1, justifyContent: "space-between", direction: "row", children: [
-            /* @__PURE__ */ q(Ae, { children: [
-              /* @__PURE__ */ q(
+          /* @__PURE__ */ j(ue, { spacing: 1, justifyContent: "space-between", direction: "row", children: [
+            /* @__PURE__ */ j(Ae, { children: [
+              /* @__PURE__ */ j(
                 ue,
                 {
                   direction: "row",
@@ -24037,10 +24057,10 @@ const xd = () => {
           b && /* @__PURE__ */ d(vl, { in: y, children: b }),
           !!l?.length && /* @__PURE__ */ d(vl, { in: y, children: /* @__PURE__ */ d(ue, { marginTop: 3, spacing: 3, children: l?.map((v, E) => {
             const S = `${v.title}-${E}`, x = Array.isArray(v?.file) ? v?.file : [v?.file], C = x.length > 0 ? x[0] : null;
-            return /* @__PURE__ */ q(ue, { direction: "row", spacing: 1, minWidth: 0, children: [
+            return /* @__PURE__ */ j(ue, { direction: "row", spacing: 1, minWidth: 0, children: [
               /* @__PURE__ */ d(bv, { sx: { height: 18, paddingTop: 0.5, width: 18 } }),
-              /* @__PURE__ */ q(ue, { minWidth: 0, children: [
-                /* @__PURE__ */ q(ue, { direction: "row", alignItems: "center", spacing: 1, overflow: "hidden", children: [
+              /* @__PURE__ */ j(ue, { minWidth: 0, children: [
+                /* @__PURE__ */ j(ue, { direction: "row", alignItems: "center", spacing: 1, overflow: "hidden", children: [
                   v?.title && /* @__PURE__ */ d(
                     li,
                     {
@@ -24080,7 +24100,7 @@ const xd = () => {
                     children: v?.subtitle
                   }
                 ) }),
-                v?.file && /* @__PURE__ */ q(ue, { direction: "row", marginTop: 1, spacing: 0.5, children: [
+                v?.file && /* @__PURE__ */ j(ue, { direction: "row", marginTop: 1, spacing: 0.5, children: [
                   C && (typeof C == "string" ? /* @__PURE__ */ d(
                     Oi,
                     {
@@ -24155,29 +24175,29 @@ const xd = () => {
   "data-testid": s
 }) => {
   const [l, c] = He("");
-  return t ? /* @__PURE__ */ d(ja, { sx: o, "data-test": a, "data-testid": s, children: /* @__PURE__ */ q(ue, { spacing: 3, children: [
-    /* @__PURE__ */ q(ue, { spacing: 2, pt: 1, pl: 0.5, direction: "row", children: [
+  return t ? /* @__PURE__ */ d(ja, { sx: o, "data-test": a, "data-testid": s, children: /* @__PURE__ */ j(ue, { spacing: 3, children: [
+    /* @__PURE__ */ j(ue, { spacing: 2, pt: 1, pl: 0.5, direction: "row", children: [
       /* @__PURE__ */ d(ai, {}),
-      /* @__PURE__ */ q(ue, { children: [
+      /* @__PURE__ */ j(ue, { children: [
         /* @__PURE__ */ d(Ke, { children: /* @__PURE__ */ d(vt, { width: 100 }) }),
         /* @__PURE__ */ d(Ke, { variant: "body2", children: /* @__PURE__ */ d(vt, { width: 130 }) })
       ] })
     ] }),
-    /* @__PURE__ */ q(ue, { spacing: 2, pt: 1, pl: 0.5, direction: "row", children: [
+    /* @__PURE__ */ j(ue, { spacing: 2, pt: 1, pl: 0.5, direction: "row", children: [
       /* @__PURE__ */ d(ai, {}),
-      /* @__PURE__ */ q(ue, { children: [
+      /* @__PURE__ */ j(ue, { children: [
         /* @__PURE__ */ d(Ke, { children: /* @__PURE__ */ d(vt, { width: 150 }) }),
         /* @__PURE__ */ d(Ke, { variant: "body2", children: /* @__PURE__ */ d(vt, { width: 100, height: 20 }) })
       ] })
     ] }),
-    /* @__PURE__ */ q(ue, { spacing: 2, pt: 1, pl: 0.5, direction: "row", children: [
+    /* @__PURE__ */ j(ue, { spacing: 2, pt: 1, pl: 0.5, direction: "row", children: [
       /* @__PURE__ */ d(ai, {}),
-      /* @__PURE__ */ q(ue, { children: [
+      /* @__PURE__ */ j(ue, { children: [
         /* @__PURE__ */ d(Ke, { children: /* @__PURE__ */ d(vt, { width: 80 }) }),
         /* @__PURE__ */ d(Ke, { variant: "body2", children: /* @__PURE__ */ d(vt, { width: 110, height: 20 }) })
       ] })
     ] })
-  ] }) }) : e?.length || t ? /* @__PURE__ */ q(kt, { children: [
+  ] }) }) : e?.length || t ? /* @__PURE__ */ j(kt, { children: [
     /* @__PURE__ */ d(ja, { sx: o, "data-test": a, "data-testid": s, children: e?.map(
       ({ Action: u, Collapse: p, collapseItems: A, collapseDefaultOpen: b, subtitle: y, key: m, active: f, Footer: v, Icon: E, onClick: S, tag: x, title: C }, h) => {
         const I = `${m}-${h}-${C}`, R = h === e.length - 1;
@@ -24267,7 +24287,7 @@ const xd = () => {
   maxWidth: s = "xs",
   onClose: l,
   ...c
-}) => /* @__PURE__ */ q(
+}) => /* @__PURE__ */ j(
   Fd,
   {
     maxWidth: s,
@@ -24280,7 +24300,7 @@ const xd = () => {
       }
     },
     children: [
-      /* @__PURE__ */ q(
+      /* @__PURE__ */ j(
         Md,
         {
           sx: {
@@ -24310,7 +24330,7 @@ const xd = () => {
                   width: fu,
                   ...vv
                 },
-                children: /* @__PURE__ */ q("svg", { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+                children: /* @__PURE__ */ j("svg", { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
                   /* @__PURE__ */ d(
                     "path",
                     {
@@ -24327,7 +24347,7 @@ const xd = () => {
           ]
         }
       ),
-      (r || o) && /* @__PURE__ */ q(Vd, { children: [
+      (r || o) && /* @__PURE__ */ j(Vd, { children: [
         o && /* @__PURE__ */ d(Mn, { variant: "outlined", size: "small", isLoading: o?.loading, onClick: o?.onClick, sx: { flex: 1 }, children: o?.text }),
         r && /* @__PURE__ */ d(
           Mn,
@@ -25638,7 +25658,7 @@ const xd = () => {
     };
     return a === "dark" || typeof a == "object" && "palette" in a && a?.palette?.mode === "dark" ? xn(Id, y, m) : !a || a === "light" || typeof a == "object" && "palette" in a && a?.palette?.mode === "light" ? xn(wd, y, m) : xn(ws, y, m);
   }, [a, s]);
-  return /* @__PURE__ */ d(Td.Provider, { value: A, children: /* @__PURE__ */ q(Nd, { theme: b, children: [
+  return /* @__PURE__ */ d(Td.Provider, { value: A, children: /* @__PURE__ */ j(Nd, { theme: b, children: [
     /* @__PURE__ */ d(
       fo,
       {
@@ -25725,9 +25745,9 @@ const xd = () => {
   ...p
 }) => {
   const { t: A } = hl(), b = Array.isArray(c) ? c?.length === l?.length : !1, y = Array.isArray(l) && l.every((f) => typeof f == "string"), m = !y && l?.filter((f) => f?.isHeader) || [];
-  return /* @__PURE__ */ q(Ps, { sx: { minWidth: 250 }, ...p, children: [
-    u && !s && (!r || !!m?.length) && /* @__PURE__ */ q(kt, { children: [
-      /* @__PURE__ */ q(ci, { role: "listbox", children: [
+  return /* @__PURE__ */ j(Ps, { sx: { minWidth: 250 }, ...p, children: [
+    u && !s && (!r || !!m?.length) && /* @__PURE__ */ j(kt, { children: [
+      /* @__PURE__ */ j(ci, { role: "listbox", children: [
         !r && /* @__PURE__ */ d(
           Er,
           {
@@ -25740,7 +25760,7 @@ const xd = () => {
               }
               a?.(f, l || [], "selectOption");
             },
-            children: /* @__PURE__ */ q(Ga, { disableRipple: !0, children: [
+            children: /* @__PURE__ */ j(Ga, { disableRipple: !0, children: [
               /* @__PURE__ */ d(pi, { disableRipple: !0, id: "select-all-checkbox", checked: b, sx: Is }),
               /* @__PURE__ */ d(Lr, { primary: o?.selectAll || A("selectAll"), slotProps: { primary: { variant: "body2" } } }),
               !i && /* @__PURE__ */ d(
@@ -25782,7 +25802,7 @@ const xd = () => {
                 }
                 a?.(x, [...Array.isArray(c) ? c : [], f], "selectOption");
               },
-              children: /* @__PURE__ */ q(Ga, { disableRipple: !0, children: [
+              children: /* @__PURE__ */ j(Ga, { disableRipple: !0, children: [
                 /* @__PURE__ */ d(pi, { disableRipple: !0, checked: S, sx: Is }),
                 /* @__PURE__ */ d(Lr, { primary: f?.label })
               ] })
@@ -25821,10 +25841,10 @@ const xd = () => {
   disableCloseOnSelect: I = !0,
   multiple: R = !0,
   options: P = [],
-  slotProps: k,
+  slotProps: B,
   ...Q
-}, j) => {
-  const [g, B] = He(!1), [M, D] = He(""), O = y || M, U = e === "chip", X = Array.isArray(l) ? !!l.length : l != null, J = Ov(l, R);
+}, q) => {
+  const [g, k] = He(!1), [M, D] = He(""), O = y || M, U = e === "chip", X = Array.isArray(l) ? !!l.length : l != null, J = Ov(l, R);
   return /* @__PURE__ */ d(
     Qd,
     {
@@ -25834,7 +25854,7 @@ const xd = () => {
       value: J,
       options: P,
       loading: f,
-      ref: j,
+      ref: q,
       size: h,
       disableCloseOnSelect: I,
       onChange: (T, V, Z, z) => {
@@ -25842,12 +25862,12 @@ const xd = () => {
           t?.(T, R ? [] : null, Z, z);
           return;
         }
-        t?.(T, V, Z, z), I && R || B(!1);
+        t?.(T, V, Z, z), I && R || k(!1);
       },
       getLimitTagsText: kv(e),
       inputValue: O,
       open: p || g,
-      onOpen: () => B(!0),
+      onOpen: () => k(!0),
       sx: {
         width: x,
         ...C
@@ -25856,7 +25876,7 @@ const xd = () => {
         paper: Bv
       },
       slotProps: {
-        ...k,
+        ...B,
         paper: {
           disableReset: a,
           disableSelectAll: s,
@@ -25867,17 +25887,17 @@ const xd = () => {
           options: P,
           value: l,
           variant: e,
-          ...k?.paper
+          ...B?.paper
         }
       },
       onInputChange: (T, V, Z) => {
         Z === "reset" && g && !v || Z === "selectOption" && !v || Z === "removeOption" && !v || (y || D(V), b?.(T, V, Z));
       },
       onFocus: (T) => {
-        B(!0), c?.(T);
+        k(!0), c?.(T);
       },
       onBlur: (T) => {
-        B(!1), u?.(T);
+        k(!1), u?.(T);
       },
       getOptionLabel: A || ((T) => {
         const V = typeof T == "object" && "label" in T ? T.label : T;
@@ -25911,7 +25931,7 @@ const xd = () => {
         const V = () => {
           if (!(!g && (Array.isArray(l) && l.length || !Array.isArray(l) && l)))
             return o;
-        }, Z = () => U ? /* @__PURE__ */ q(
+        }, Z = () => U ? /* @__PURE__ */ j(
           In,
           {
             position: "end",
@@ -25973,7 +25993,7 @@ const xd = () => {
               )
             ]
           }
-        ) : g ? /* @__PURE__ */ q(
+        ) : g ? /* @__PURE__ */ j(
           In,
           {
             position: "end",
@@ -26059,11 +26079,11 @@ function y3({
   multiple: b = !1,
   size: y = "medium"
 }) {
-  const m = o !== void 0, [f, v] = He(() => m ? o : b ? t || [] : t), E = m ? o === !0 : b ? t?.length > 0 : t != null, { anchorMenu: S, openMenu: x, isMenuOpen: C, closeMenu: h } = pl(), { t: I } = hl(), R = Array.isArray(a), P = a !== void 0, k = (U) => {
+  const m = o !== void 0, [f, v] = He(() => m ? o : b ? t || [] : t), E = m ? o === !0 : b ? t?.length > 0 : t != null, { anchorMenu: S, openMenu: x, isMenuOpen: C, closeMenu: h } = pl(), { t: I } = hl(), R = Array.isArray(a), P = a !== void 0, B = (U) => {
     m ? i?.(U) : r?.(U);
   }, Q = () => {
-    k(f), h();
-  }, j = () => {
+    B(f), h();
+  }, q = () => {
     if (m)
       v(!1), i?.(!1);
     else if (b) {
@@ -26088,7 +26108,7 @@ function y3({
         const X = t != null ? void 0 : a?.value;
         r?.(b ? X !== void 0 ? [X] : [] : X);
       }
-  }, B = (U) => {
+  }, k = (U) => {
     let X;
     if (m)
       X = !0, v(X);
@@ -26097,9 +26117,9 @@ function y3({
       X = J.includes(U) ? J.filter((N) => N !== U) : [...J, U], v(X);
     } else
       X = U, v(X);
-    p && (k(X), b || m || h());
+    p && (B(X), b || m || h());
   }, M = (U) => m ? o === !0 : b ? f?.includes(U) : f === U, D = (U) => R ? `${c ? `${c} ${A} ` : ""}${a.find((X) => X.value === U)?.label || ""}` : a?.label;
-  return /* @__PURE__ */ q(kt, { children: [
+  return /* @__PURE__ */ j(kt, { children: [
     /* @__PURE__ */ d(
       Fr,
       {
@@ -26141,7 +26161,7 @@ function y3({
         color: E ? "active" : "default"
       }
     ),
-    P && R && /* @__PURE__ */ q(
+    P && R && /* @__PURE__ */ j(
       Su,
       {
         anchorEl: S,
@@ -26155,19 +26175,19 @@ function y3({
           }
         },
         children: [
-          /* @__PURE__ */ q(ue, { component: "li", direction: "row", paddingLeft: 2, marginBottom: 1, children: [
+          /* @__PURE__ */ j(ue, { component: "li", direction: "row", paddingLeft: 2, marginBottom: 1, children: [
             /* @__PURE__ */ d(Lr, { children: c }),
             /* @__PURE__ */ d(Zt, { onClick: h, children: /* @__PURE__ */ d(wo, { fontSize: "small" }) })
           ] }),
           a.map((U, X) => {
             const J = `${U.id || U.value}-${X}`, N = M(U.value);
-            return /* @__PURE__ */ q(wu, { onClick: () => B(U.value), children: [
+            return /* @__PURE__ */ j(wu, { onClick: () => k(U.value), children: [
               /* @__PURE__ */ d(Iu, { children: b || m ? /* @__PURE__ */ d(pi, { disableRipple: !0, checked: N, sx: { padding: 0 } }) : /* @__PURE__ */ d(jd, { disableRipple: !0, checked: N, sx: { padding: 0 } }) }),
               /* @__PURE__ */ d(Lr, { sx: { color: "text.secondary" }, children: U.label })
             ] }, J);
           }),
-          !p && /* @__PURE__ */ q(ue, { component: "li", direction: "row", justifyContent: "flex-end", spacing: 1, marginTop: 1, children: [
-            /* @__PURE__ */ d(po, { size: "small", onClick: j, children: I("reset") }),
+          !p && /* @__PURE__ */ j(ue, { component: "li", direction: "row", justifyContent: "flex-end", spacing: 1, marginTop: 1, children: [
+            /* @__PURE__ */ d(po, { size: "small", onClick: q, children: I("reset") }),
             /* @__PURE__ */ d(po, { variant: "contained", size: "small", onClick: Q, children: I("apply") })
           ] })
         ]
@@ -26175,7 +26195,7 @@ function y3({
     )
   ] });
 }
-const Mv = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */ q(Nt, { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", fontSize: e, sx: t, children: [
+const Mv = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ */ j(Nt, { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", fontSize: e, sx: t, children: [
   /* @__PURE__ */ d("g", { clipPath: "url(#clip0_12914_201806)", children: /* @__PURE__ */ d(
     "path",
     {
@@ -26216,20 +26236,20 @@ const Mv = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ *
     value: v,
     variant: E = "vertical"
   }, S) => {
-    const [x, C] = He(null), { t: h } = hl(), { palette: I } = Bt(), R = E === "vertical", P = l || t, k = rt(null), Q = rt(null), j = v !== void 0 ? v : x, g = Vv(j);
+    const [x, C] = He(null), { t: h } = hl(), { palette: I } = Bt(), R = E === "vertical", P = l || t, B = rt(null), Q = rt(null), q = v !== void 0 ? v : x, g = Vv(q);
     Ru(S, () => {
       const O = Q.current;
       return O.reset = () => {
         C(null), Q.current && (Q.current.value = "");
       }, O;
     });
-    const B = (O) => {
+    const k = (O) => {
       b?.(O), C(O.target.files);
     };
-    return /* @__PURE__ */ q(
+    return /* @__PURE__ */ j(
       Wd,
       {
-        ref: k,
+        ref: B,
         htmlFor: P,
         onDragOver: (O) => {
           O.preventDefault();
@@ -26258,7 +26278,7 @@ const Mv = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ *
           width: "100%"
         },
         children: [
-          /* @__PURE__ */ q(
+          /* @__PURE__ */ j(
             ue,
             {
               alignItems: "center",
@@ -26270,9 +26290,9 @@ const Mv = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ *
               color: r ? "text.disabled" : "text.secondary",
               children: [
                 A || /* @__PURE__ */ d(Mv, { sx: { height: 40, width: 40 } }),
-                g ? /* @__PURE__ */ q(kt, { children: [
-                  /* @__PURE__ */ q(Ke, { variant: "body2", color: "textSecondary", children: [
-                    j?.length,
+                g ? /* @__PURE__ */ j(kt, { children: [
+                  /* @__PURE__ */ j(Ke, { variant: "body2", color: "textSecondary", children: [
+                    q?.length,
                     " ",
                     a?.files || h("files")
                   ] }),
@@ -26287,7 +26307,7 @@ const Mv = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ *
                       children: g
                     }
                   )
-                ] }) : /* @__PURE__ */ q(Ke, { variant: "subtitle1", color: r ? "text.disabled" : "primary", children: [
+                ] }) : /* @__PURE__ */ j(Ke, { variant: "subtitle1", color: r ? "text.disabled" : "primary", children: [
                   y || h("clickToUpload"),
                   " ",
                   o && "*"
@@ -26309,7 +26329,7 @@ const Mv = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ *
               multiple: s,
               accept: e,
               pattern: m,
-              onChange: B,
+              onChange: k,
               style: {
                 left: "50%",
                 opacity: 0,
@@ -26356,7 +26376,7 @@ const Mv = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ *
   }
 ), Fv = ({ className: e, style: t, minRows: r = 4, ...o }, i) => {
   const { palette: a, shape: s, spacing: l } = Bt();
-  return /* @__PURE__ */ q(kt, { children: [
+  return /* @__PURE__ */ j(kt, { children: [
     /* @__PURE__ */ d(
       fo,
       {
@@ -26424,8 +26444,8 @@ const Mv = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ *
       ...t,
       input: {
         autoComplete: "off",
-        startAdornment: r === "search" && /* @__PURE__ */ d(In, { position: "start", children: /* @__PURE__ */ d(Nt, { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", children: /* @__PURE__ */ q("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-          /* @__PURE__ */ q("g", { clipPath: "url(#clip0_14432_13952)", children: [
+        startAdornment: r === "search" && /* @__PURE__ */ d(In, { position: "start", children: /* @__PURE__ */ d(Nt, { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", children: /* @__PURE__ */ j("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+          /* @__PURE__ */ j("g", { clipPath: "url(#clip0_14432_13952)", children: [
             /* @__PURE__ */ d(
               "path",
               {
@@ -26542,9 +26562,9 @@ const Mv = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ *
   );
 }, w3 = ({ Main: e, Sidebar: t, AppBar: r }) => {
   const { breakpoints: o } = Bt(), i = rt(null), a = Ao(o.down("md")), s = It(t) ? en(t, { AppBar: r }) : t;
-  return /* @__PURE__ */ q(ue, { height: "100%", children: [
+  return /* @__PURE__ */ j(ue, { height: "100%", children: [
     !a && r,
-    /* @__PURE__ */ q(ue, { height: "100%", direction: a ? "column" : "row", minHeight: 0, children: [
+    /* @__PURE__ */ j(ue, { height: "100%", direction: a ? "column" : "row", minHeight: 0, children: [
       s,
       /* @__PURE__ */ d(
         Ae,
@@ -26682,7 +26702,7 @@ const Mv = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ *
   NavLink: t,
   isCollapsed: r,
   sx: o
-}) => /* @__PURE__ */ d(Ae, { sx: o?.bottomLink, children: /* @__PURE__ */ d(gl, { component: t, ...e, children: /* @__PURE__ */ q(ue, { alignItems: "center", spacing: 1, direction: "row", children: [
+}) => /* @__PURE__ */ d(Ae, { sx: o?.bottomLink, children: /* @__PURE__ */ d(gl, { component: t, ...e, children: /* @__PURE__ */ j(ue, { alignItems: "center", spacing: 1, direction: "row", children: [
   e?.icon && /* @__PURE__ */ d(Ae, { component: "span", sx: o.iconWrapper, children: e.icon }),
   e?.label && /* @__PURE__ */ d(ks, { in: !r, children: /* @__PURE__ */ d(Ae, { component: "span", display: "flex", children: e.label }) })
 ] }) }) }), vu = ({ children: e, ...t }) => {
@@ -26701,7 +26721,7 @@ const Mv = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ *
     Search: y = t.Logo,
     Logo: m = t.Logo
   } = Or(Nn), { palette: f } = Bt(), v = f.mode === "dark" ? f.background.default : f.primary.black, E = i && s ? "none" : `solid 1px ${f.divider}`, x = r ? !!(i || a) : !0;
-  return /* @__PURE__ */ q(
+  return /* @__PURE__ */ j(
     Ae,
     {
       component: "aside",
@@ -26715,7 +26735,7 @@ const Mv = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ *
         willChange: "width"
       },
       children: [
-        m && /* @__PURE__ */ q(
+        m && /* @__PURE__ */ j(
           ue,
           {
             sx: {
@@ -26840,15 +26860,15 @@ const Mv = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ *
       return a;
     if (a && typeof a == "object" && "label" in a) {
       const { count: l, countColor: c, url: u, label: p, icon: A, active: b, disabled: y, target: m } = a, f = `${u}-${p}-${s}`, v = { position: "absolute", right: -20, top: -12 };
-      return /* @__PURE__ */ d(Er, { disableGutters: !0, sx: { paddingY: 0.5 }, children: /* @__PURE__ */ d(gl, { url: u, component: r, active: b, disabled: y, target: m, children: /* @__PURE__ */ q(ue, { direction: "row", component: "span", spacing: 1.5, width: "100%", alignItems: "center", children: [
-        A ? /* @__PURE__ */ q(Ae, { component: "div", sx: { ...Ka.iconWrapper, position: "relative" }, children: [
+      return /* @__PURE__ */ d(Er, { disableGutters: !0, sx: { paddingY: 0.5 }, children: /* @__PURE__ */ d(gl, { url: u, component: r, active: b, disabled: y, target: m, children: /* @__PURE__ */ j(ue, { direction: "row", component: "span", spacing: 1.5, width: "100%", alignItems: "center", children: [
+        A ? /* @__PURE__ */ j(Ae, { component: "div", sx: { ...Ka.iconWrapper, position: "relative" }, children: [
           A,
           i && !!l && /* @__PURE__ */ d(Fr, { color: c || "warning", size: "small", label: l, variant: "rounded", sx: v })
-        ] }) : i && /* @__PURE__ */ q(Ae, { component: "div", sx: { ...Ka.iconWrapper, position: "relative" }, children: [
+        ] }) : i && /* @__PURE__ */ j(Ae, { component: "div", sx: { ...Ka.iconWrapper, position: "relative" }, children: [
           typeof p == "string" ? p.charAt(0) : "",
           !!l && /* @__PURE__ */ d(Fr, { color: c || "warning", size: "small", label: l, variant: "rounded", sx: v })
         ] }),
-        /* @__PURE__ */ d(ks, { in: !i, children: /* @__PURE__ */ q(ue, { direction: "row", justifyContent: "space-between", flex: 1, whiteSpace: "nowrap", children: [
+        /* @__PURE__ */ d(ks, { in: !i, children: /* @__PURE__ */ j(ue, { direction: "row", justifyContent: "space-between", flex: 1, whiteSpace: "nowrap", children: [
           p,
           !!l && /* @__PURE__ */ d(Fr, { color: c || "warning", size: "small", label: l, variant: "rounded" })
         ] }) })
@@ -26869,7 +26889,7 @@ const Mv = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ *
   }
 }, Nn = Bi(Ts), Kv = () => {
   const { items: e, disableResponsive: t, isMobile: r, isTablet: o, isDrawerOpen: i, closeDrawerMenu: a, sideBarWidth: s, openDrawerMenu: l } = Or(Nn);
-  return (r || o) && !t ? /* @__PURE__ */ q(kt, { children: [
+  return (r || o) && !t ? /* @__PURE__ */ j(kt, { children: [
     /* @__PURE__ */ d(jv, {}),
     /* @__PURE__ */ d(Gd, { anchor: "left", open: i, onClose: a, onOpen: l, children: /* @__PURE__ */ d(vu, { children: /* @__PURE__ */ d(Cu, { items: e }) }) })
   ] }) : /* @__PURE__ */ d(vu, { width: s, children: /* @__PURE__ */ d(Cu, { items: e }) });
@@ -26986,10 +27006,10 @@ const Mv = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ *
         width: "100%"
       },
       "& > a.active": {
-        backgroundColor: ({ palette: k }) => tr(k.primary.main, k.action.selectedOpacity)
+        backgroundColor: ({ palette: B }) => tr(B.primary.main, B.action.selectedOpacity)
       },
       "& > a.active:hover": {
-        backgroundColor: ({ palette: k }) => tr(k.primary.main, k.action.selectedOpacity + k.action.hoverOpacity)
+        backgroundColor: ({ palette: B }) => tr(B.primary.main, B.action.selectedOpacity + B.action.hoverOpacity)
       },
       overflow: "hidden",
       padding: "0 !important"
@@ -26997,15 +27017,15 @@ const Mv = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ *
     paddingX: h ? 1 : 3,
     ...A
   };
-  return u ? /* @__PURE__ */ d(za, { position: b, elevation: y, sx: P, children: u }) : /* @__PURE__ */ q(kt, { children: [
-    /* @__PURE__ */ d(za, { position: b, elevation: y, sx: P, children: /* @__PURE__ */ q(ue, { direction: "row", sx: { alignItems: "center", height: "100%", width: "100%" }, spacing: 1, children: [
+  return u ? /* @__PURE__ */ d(za, { position: b, elevation: y, sx: P, children: u }) : /* @__PURE__ */ j(kt, { children: [
+    /* @__PURE__ */ d(za, { position: b, elevation: y, sx: P, children: /* @__PURE__ */ j(ue, { direction: "row", sx: { alignItems: "center", height: "100%", width: "100%" }, spacing: 1, children: [
       R && /* @__PURE__ */ d(Zt, { onClick: p, edge: "end", color: "inherit", "aria-label": "menu", children: /* @__PURE__ */ d(Rd, {}) }),
       R || o === null ? null : /* @__PURE__ */ d(Ae, { sx: P.logoContainer, children: o || /* @__PURE__ */ d(Av, { mode: "dark", ...c }) }),
-      /* @__PURE__ */ q(ue, { alignItems: "center", direction: "row", justifyContent: h ? "flex-end" : "center", spacing: 1, flex: 1, children: [
+      /* @__PURE__ */ j(ue, { alignItems: "center", direction: "row", justifyContent: h ? "flex-end" : "center", spacing: 1, flex: 1, children: [
         h && (r === null ? null : r || (l ? /* @__PURE__ */ d(Au, { ...l }) : null)),
         t === null ? null : t || /* @__PURE__ */ d(Lv, { ...s })
       ] }),
-      /* @__PURE__ */ q(ue, { direction: "row", alignItems: "center", spacing: 1, children: [
+      /* @__PURE__ */ j(ue, { direction: "row", alignItems: "center", spacing: 1, children: [
         !h && (r === null ? null : r || (l ? /* @__PURE__ */ d(Au, { ...l }) : null)),
         e === null ? null : e || /* @__PURE__ */ d(
           cA,
@@ -27014,14 +27034,14 @@ const Mv = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ *
             sx: {
               cursor: x ? "pointer" : "default"
             },
-            onClick: (k) => {
-              S(k), a?.onClick?.(k);
+            onClick: (B) => {
+              S(B), a?.onClick?.(B);
             }
           }
         )
       ] })
     ] }) }),
-    x && /* @__PURE__ */ d(Eu, { sx: { zIndex: (k) => k.zIndex.drawer + 1 }, open: v, onClick: f, children: /* @__PURE__ */ d(
+    x && /* @__PURE__ */ d(Eu, { sx: { zIndex: (B) => B.zIndex.drawer + 1 }, open: v, onClick: f, children: /* @__PURE__ */ d(
       Su,
       {
         id: Zv,
@@ -27040,17 +27060,17 @@ const Mv = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ *
             }
           }
         },
-        children: x?.map((k, Q) => {
-          if (It(k)) {
-            if (k.key)
-              return k;
-            const j = `${x}-${Q}`;
-            return en(k, { key: j });
+        children: x?.map((B, Q) => {
+          if (It(B)) {
+            if (B.key)
+              return B;
+            const q = `${x}-${Q}`;
+            return en(B, { key: q });
           }
-          if (k && typeof k == "object" && "url" in k) {
-            const { url: j, label: g, icon: B, active: M, end: D, state: O } = k, U = `${j}-${g}-${Q}`;
-            return /* @__PURE__ */ d(wu, { sx: P.menuItem, onClick: f, children: /* @__PURE__ */ q(gl, { url: j, component: i, active: M, end: D, state: O, children: [
-              B && /* @__PURE__ */ d(Iu, { children: B }),
+          if (B && typeof B == "object" && "url" in B) {
+            const { url: q, label: g, icon: k, active: M, end: D, state: O } = B, U = `${q}-${g}-${Q}`;
+            return /* @__PURE__ */ d(wu, { sx: P.menuItem, onClick: f, children: /* @__PURE__ */ j(gl, { url: q, component: i, active: M, end: D, state: O, children: [
+              k && /* @__PURE__ */ d(Iu, { children: k }),
               g && /* @__PURE__ */ d(Lr, { children: g })
             ] }, U) }, U);
           }
@@ -27199,7 +27219,7 @@ const Mv = ({ fontSize: e, sx: t, color: r = "currentColor" }) => /* @__PURE__ *
     }),
     [s, a, o.isOpen]
   );
-  return /* @__PURE__ */ q(kd.Provider, { value: l, children: [
+  return /* @__PURE__ */ j(kd.Provider, { value: l, children: [
     /* @__PURE__ */ d(
       Xd,
       {