@codeplex-sac/diseno 0.0.15

package/index.js

@@ -0,0 +1,4895 @@
+import { jsxs as ee, jsx as v, Fragment as rt } from "react/jsx-runtime";
+import * as ve from "react";
+import { useState as De, useEffect as Ht, forwardRef as zt } from "react";
+import { useTheme as st, Box as N, ButtonBase as rn, Typography as se, Collapse as _r, alpha as ce, IconButton as Be, InputBase as nn, Badge as on, Avatar as et, ListItemButton as an, ListItemIcon as sn, List as kr, Divider as Pt, Tooltip as Ir, ListItemText as ln, Menu as cn, MenuItem as un, Container as dn, Grid as fn, Stack as pn, ImageList as mn, ImageListItem as hn, ImageListItemBar as gn } from "@mui/material";
+import { unstable_createGetCssVar as yn, createSpacing as bn, useTheme as vn, unstable_memoTheme as xn, alpha as Nt } from "@mui/system";
+import Sn from "@emotion/styled";
+import "@emotion/react";
+const Gt = (e) => e, Cn = () => {
+  let e = Gt;
+  return {
+    configure(t) {
+      e = t;
+    },
+    generate(t) {
+      return e(t);
+    },
+    reset() {
+      e = Gt;
+    }
+  };
+}, wn = Cn();
+function we(e, ...t) {
+  const r = new URL(`https://mui.com/production-error/?code=${e}`);
+  return t.forEach((n) => r.searchParams.append("args[]", n)), `Minified MUI error #${e}; visit ${r} for the full message.`;
+}
+function _e(e) {
+  if (typeof e != "string")
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : we(7));
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+function En(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Xe = { exports: {} }, Je = { exports: {} }, U = {};
+var Kt;
+function Tn() {
+  if (Kt) return U;
+  Kt = 1;
+  var e = typeof Symbol == "function" && Symbol.for, t = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, l = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, s = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, f = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, d = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, p = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, m = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, u = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, y = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, b = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, c = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, g = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, O = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, _ = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  function R(x) {
+    if (typeof x == "object" && x !== null) {
+      var T = x.$$typeof;
+      switch (T) {
+        case t:
+          switch (x = x.type, x) {
+            case f:
+            case d:
+            case n:
+            case i:
+            case o:
+            case m:
+              return x;
+            default:
+              switch (x = x && x.$$typeof, x) {
+                case s:
+                case p:
+                case b:
+                case y:
+                case l:
+                  return x;
+                default:
+                  return T;
+              }
+          }
+        case r:
+          return T;
+      }
+    }
+  }
+  function w(x) {
+    return R(x) === d;
+  }
+  return U.AsyncMode = f, U.ConcurrentMode = d, U.ContextConsumer = s, U.ContextProvider = l, U.Element = t, U.ForwardRef = p, U.Fragment = n, U.Lazy = b, U.Memo = y, U.Portal = r, U.Profiler = i, U.StrictMode = o, U.Suspense = m, U.isAsyncMode = function(x) {
+    return w(x) || R(x) === f;
+  }, U.isConcurrentMode = w, U.isContextConsumer = function(x) {
+    return R(x) === s;
+  }, U.isContextProvider = function(x) {
+    return R(x) === l;
+  }, U.isElement = function(x) {
+    return typeof x == "object" && x !== null && x.$$typeof === t;
+  }, U.isForwardRef = function(x) {
+    return R(x) === p;
+  }, U.isFragment = function(x) {
+    return R(x) === n;
+  }, U.isLazy = function(x) {
+    return R(x) === b;
+  }, U.isMemo = function(x) {
+    return R(x) === y;
+  }, U.isPortal = function(x) {
+    return R(x) === r;
+  }, U.isProfiler = function(x) {
+    return R(x) === i;
+  }, U.isStrictMode = function(x) {
+    return R(x) === o;
+  }, U.isSuspense = function(x) {
+    return R(x) === m;
+  }, U.isValidElementType = function(x) {
+    return typeof x == "string" || typeof x == "function" || x === n || x === d || x === i || x === o || x === m || x === u || typeof x == "object" && x !== null && (x.$$typeof === b || x.$$typeof === y || x.$$typeof === l || x.$$typeof === s || x.$$typeof === p || x.$$typeof === g || x.$$typeof === O || x.$$typeof === _ || x.$$typeof === c);
+  }, U.typeOf = R, U;
+}
+var q = {};
+var Xt;
+function $n() {
+  return Xt || (Xt = 1, process.env.NODE_ENV !== "production" && (function() {
+    var e = typeof Symbol == "function" && Symbol.for, t = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, l = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, s = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, f = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, d = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, p = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, m = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, u = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, y = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, b = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, c = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, g = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, O = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, _ = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    function R(E) {
+      return typeof E == "string" || typeof E == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      E === n || E === d || E === i || E === o || E === m || E === u || typeof E == "object" && E !== null && (E.$$typeof === b || E.$$typeof === y || E.$$typeof === l || E.$$typeof === s || E.$$typeof === p || E.$$typeof === g || E.$$typeof === O || E.$$typeof === _ || E.$$typeof === c);
+    }
+    function w(E) {
+      if (typeof E == "object" && E !== null) {
+        var he = E.$$typeof;
+        switch (he) {
+          case t:
+            var Ke = E.type;
+            switch (Ke) {
+              case f:
+              case d:
+              case n:
+              case i:
+              case o:
+              case m:
+                return Ke;
+              default:
+                var qt = Ke && Ke.$$typeof;
+                switch (qt) {
+                  case s:
+                  case p:
+                  case b:
+                  case y:
+                  case l:
+                    return qt;
+                  default:
+                    return he;
+                }
+            }
+          case r:
+            return he;
+        }
+      }
+    }
+    var x = f, T = d, Q = s, k = l, z = t, re = p, Z = n, a = b, A = y, C = r, I = i, L = o, ae = m, me = !1;
+    function St(E) {
+      return me || (me = !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.")), S(E) || w(E) === f;
+    }
+    function S(E) {
+      return w(E) === d;
+    }
+    function $(E) {
+      return w(E) === s;
+    }
+    function j(E) {
+      return w(E) === l;
+    }
+    function D(E) {
+      return typeof E == "object" && E !== null && E.$$typeof === t;
+    }
+    function P(E) {
+      return w(E) === p;
+    }
+    function W(E) {
+      return w(E) === n;
+    }
+    function M(E) {
+      return w(E) === b;
+    }
+    function B(E) {
+      return w(E) === y;
+    }
+    function V(E) {
+      return w(E) === r;
+    }
+    function H(E) {
+      return w(E) === i;
+    }
+    function F(E) {
+      return w(E) === o;
+    }
+    function le(E) {
+      return w(E) === m;
+    }
+    q.AsyncMode = x, q.ConcurrentMode = T, q.ContextConsumer = Q, q.ContextProvider = k, q.Element = z, q.ForwardRef = re, q.Fragment = Z, q.Lazy = a, q.Memo = A, q.Portal = C, q.Profiler = I, q.StrictMode = L, q.Suspense = ae, q.isAsyncMode = St, q.isConcurrentMode = S, q.isContextConsumer = $, q.isContextProvider = j, q.isElement = D, q.isForwardRef = P, q.isFragment = W, q.isLazy = M, q.isMemo = B, q.isPortal = V, q.isProfiler = H, q.isStrictMode = F, q.isSuspense = le, q.isValidElementType = R, q.typeOf = w;
+  })()), q;
+}
+var Jt;
+function Rr() {
+  return Jt || (Jt = 1, process.env.NODE_ENV === "production" ? Je.exports = Tn() : Je.exports = $n()), Je.exports;
+}
+var Ct, Qt;
+function An() {
+  if (Qt) return Ct;
+  Qt = 1;
+  var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
+  function n(i) {
+    if (i == null)
+      throw new TypeError("Object.assign cannot be called with null or undefined");
+    return Object(i);
+  }
+  function o() {
+    try {
+      if (!Object.assign)
+        return !1;
+      var i = new String("abc");
+      if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
+        return !1;
+      for (var l = {}, s = 0; s < 10; s++)
+        l["_" + String.fromCharCode(s)] = s;
+      var f = Object.getOwnPropertyNames(l).map(function(p) {
+        return l[p];
+      });
+      if (f.join("") !== "0123456789")
+        return !1;
+      var d = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(p) {
+        d[p] = p;
+      }), Object.keys(Object.assign({}, d)).join("") === "abcdefghijklmnopqrst";
+    } catch {
+      return !1;
+    }
+  }
+  return Ct = o() ? Object.assign : function(i, l) {
+    for (var s, f = n(i), d, p = 1; p < arguments.length; p++) {
+      s = Object(arguments[p]);
+      for (var m in s)
+        t.call(s, m) && (f[m] = s[m]);
+      if (e) {
+        d = e(s);
+        for (var u = 0; u < d.length; u++)
+          r.call(s, d[u]) && (f[d[u]] = s[d[u]]);
+      }
+    }
+    return f;
+  }, Ct;
+}
+var wt, Zt;
+function Lt() {
+  if (Zt) return wt;
+  Zt = 1;
+  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  return wt = e, wt;
+}
+var Et, er;
+function Pr() {
+  return er || (er = 1, Et = Function.call.bind(Object.prototype.hasOwnProperty)), Et;
+}
+var Tt, tr;
+function On() {
+  if (tr) return Tt;
+  tr = 1;
+  var e = function() {
+  };
+  if (process.env.NODE_ENV !== "production") {
+    var t = /* @__PURE__ */ Lt(), r = {}, n = /* @__PURE__ */ Pr();
+    e = function(i) {
+      var l = "Warning: " + i;
+      typeof console < "u" && console.error(l);
+      try {
+        throw new Error(l);
+      } catch {
+      }
+    };
+  }
+  function o(i, l, s, f, d) {
+    if (process.env.NODE_ENV !== "production") {
+      for (var p in i)
+        if (n(i, p)) {
+          var m;
+          try {
+            if (typeof i[p] != "function") {
+              var u = Error(
+                (f || "React class") + ": " + s + " type `" + p + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[p] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+              );
+              throw u.name = "Invariant Violation", u;
+            }
+            m = i[p](l, p, f, s, null, t);
+          } catch (b) {
+            m = b;
+          }
+          if (m && !(m instanceof Error) && e(
+            (f || "React class") + ": type specification of " + s + " `" + p + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof m + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), m instanceof Error && !(m.message in r)) {
+            r[m.message] = !0;
+            var y = d ? d() : "";
+            e(
+              "Failed " + s + " type: " + m.message + (y ?? "")
+            );
+          }
+        }
+    }
+  }
+  return o.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (r = {});
+  }, Tt = o, Tt;
+}
+var $t, rr;
+function _n() {
+  if (rr) return $t;
+  rr = 1;
+  var e = Rr(), t = An(), r = /* @__PURE__ */ Lt(), n = /* @__PURE__ */ Pr(), o = /* @__PURE__ */ On(), i = function() {
+  };
+  process.env.NODE_ENV !== "production" && (i = function(s) {
+    var f = "Warning: " + s;
+    typeof console < "u" && console.error(f);
+    try {
+      throw new Error(f);
+    } catch {
+    }
+  });
+  function l() {
+    return null;
+  }
+  return $t = function(s, f) {
+    var d = typeof Symbol == "function" && Symbol.iterator, p = "@@iterator";
+    function m(S) {
+      var $ = S && (d && S[d] || S[p]);
+      if (typeof $ == "function")
+        return $;
+    }
+    var u = "<<anonymous>>", y = {
+      array: O("array"),
+      bigint: O("bigint"),
+      bool: O("boolean"),
+      func: O("function"),
+      number: O("number"),
+      object: O("object"),
+      string: O("string"),
+      symbol: O("symbol"),
+      any: _(),
+      arrayOf: R,
+      element: w(),
+      elementType: x(),
+      instanceOf: T,
+      node: re(),
+      objectOf: k,
+      oneOf: Q,
+      oneOfType: z,
+      shape: a,
+      exact: A
+    };
+    function b(S, $) {
+      return S === $ ? S !== 0 || 1 / S === 1 / $ : S !== S && $ !== $;
+    }
+    function c(S, $) {
+      this.message = S, this.data = $ && typeof $ == "object" ? $ : {}, this.stack = "";
+    }
+    c.prototype = Error.prototype;
+    function g(S) {
+      if (process.env.NODE_ENV !== "production")
+        var $ = {}, j = 0;
+      function D(W, M, B, V, H, F, le) {
+        if (V = V || u, F = F || B, le !== r) {
+          if (f) {
+            var E = new Error(
+              "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
+            );
+            throw E.name = "Invariant Violation", E;
+          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
+            var he = V + ":" + B;
+            !$[he] && // Avoid spamming the console because they are often not actionable except for lib authors
+            j < 3 && (i(
+              "You are manually calling a React.PropTypes validation function for the `" + F + "` prop on `" + V + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+            ), $[he] = !0, j++);
+          }
+        }
+        return M[B] == null ? W ? M[B] === null ? new c("The " + H + " `" + F + "` is marked as required " + ("in `" + V + "`, but its value is `null`.")) : new c("The " + H + " `" + F + "` is marked as required in " + ("`" + V + "`, but its value is `undefined`.")) : null : S(M, B, V, H, F);
+      }
+      var P = D.bind(null, !1);
+      return P.isRequired = D.bind(null, !0), P;
+    }
+    function O(S) {
+      function $(j, D, P, W, M, B) {
+        var V = j[D], H = L(V);
+        if (H !== S) {
+          var F = ae(V);
+          return new c(
+            "Invalid " + W + " `" + M + "` of type " + ("`" + F + "` supplied to `" + P + "`, expected ") + ("`" + S + "`."),
+            { expectedType: S }
+          );
+        }
+        return null;
+      }
+      return g($);
+    }
+    function _() {
+      return g(l);
+    }
+    function R(S) {
+      function $(j, D, P, W, M) {
+        if (typeof S != "function")
+          return new c("Property `" + M + "` of component `" + P + "` has invalid PropType notation inside arrayOf.");
+        var B = j[D];
+        if (!Array.isArray(B)) {
+          var V = L(B);
+          return new c("Invalid " + W + " `" + M + "` of type " + ("`" + V + "` supplied to `" + P + "`, expected an array."));
+        }
+        for (var H = 0; H < B.length; H++) {
+          var F = S(B, H, P, W, M + "[" + H + "]", r);
+          if (F instanceof Error)
+            return F;
+        }
+        return null;
+      }
+      return g($);
+    }
+    function w() {
+      function S($, j, D, P, W) {
+        var M = $[j];
+        if (!s(M)) {
+          var B = L(M);
+          return new c("Invalid " + P + " `" + W + "` of type " + ("`" + B + "` supplied to `" + D + "`, expected a single ReactElement."));
+        }
+        return null;
+      }
+      return g(S);
+    }
+    function x() {
+      function S($, j, D, P, W) {
+        var M = $[j];
+        if (!e.isValidElementType(M)) {
+          var B = L(M);
+          return new c("Invalid " + P + " `" + W + "` of type " + ("`" + B + "` supplied to `" + D + "`, expected a single ReactElement type."));
+        }
+        return null;
+      }
+      return g(S);
+    }
+    function T(S) {
+      function $(j, D, P, W, M) {
+        if (!(j[D] instanceof S)) {
+          var B = S.name || u, V = St(j[D]);
+          return new c("Invalid " + W + " `" + M + "` of type " + ("`" + V + "` supplied to `" + P + "`, expected ") + ("instance of `" + B + "`."));
+        }
+        return null;
+      }
+      return g($);
+    }
+    function Q(S) {
+      if (!Array.isArray(S))
+        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
+          "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
+        ) : i("Invalid argument supplied to oneOf, expected an array.")), l;
+      function $(j, D, P, W, M) {
+        for (var B = j[D], V = 0; V < S.length; V++)
+          if (b(B, S[V]))
+            return null;
+        var H = JSON.stringify(S, function(le, E) {
+          var he = ae(E);
+          return he === "symbol" ? String(E) : E;
+        });
+        return new c("Invalid " + W + " `" + M + "` of value `" + String(B) + "` " + ("supplied to `" + P + "`, expected one of " + H + "."));
+      }
+      return g($);
+    }
+    function k(S) {
+      function $(j, D, P, W, M) {
+        if (typeof S != "function")
+          return new c("Property `" + M + "` of component `" + P + "` has invalid PropType notation inside objectOf.");
+        var B = j[D], V = L(B);
+        if (V !== "object")
+          return new c("Invalid " + W + " `" + M + "` of type " + ("`" + V + "` supplied to `" + P + "`, expected an object."));
+        for (var H in B)
+          if (n(B, H)) {
+            var F = S(B, H, P, W, M + "." + H, r);
+            if (F instanceof Error)
+              return F;
+          }
+        return null;
+      }
+      return g($);
+    }
+    function z(S) {
+      if (!Array.isArray(S))
+        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), l;
+      for (var $ = 0; $ < S.length; $++) {
+        var j = S[$];
+        if (typeof j != "function")
+          return i(
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + me(j) + " at index " + $ + "."
+          ), l;
+      }
+      function D(P, W, M, B, V) {
+        for (var H = [], F = 0; F < S.length; F++) {
+          var le = S[F], E = le(P, W, M, B, V, r);
+          if (E == null)
+            return null;
+          E.data && n(E.data, "expectedType") && H.push(E.data.expectedType);
+        }
+        var he = H.length > 0 ? ", expected one of type [" + H.join(", ") + "]" : "";
+        return new c("Invalid " + B + " `" + V + "` supplied to " + ("`" + M + "`" + he + "."));
+      }
+      return g(D);
+    }
+    function re() {
+      function S($, j, D, P, W) {
+        return C($[j]) ? null : new c("Invalid " + P + " `" + W + "` supplied to " + ("`" + D + "`, expected a ReactNode."));
+      }
+      return g(S);
+    }
+    function Z(S, $, j, D, P) {
+      return new c(
+        (S || "React class") + ": " + $ + " type `" + j + "." + D + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + P + "`."
+      );
+    }
+    function a(S) {
+      function $(j, D, P, W, M) {
+        var B = j[D], V = L(B);
+        if (V !== "object")
+          return new c("Invalid " + W + " `" + M + "` of type `" + V + "` " + ("supplied to `" + P + "`, expected `object`."));
+        for (var H in S) {
+          var F = S[H];
+          if (typeof F != "function")
+            return Z(P, W, M, H, ae(F));
+          var le = F(B, H, P, W, M + "." + H, r);
+          if (le)
+            return le;
+        }
+        return null;
+      }
+      return g($);
+    }
+    function A(S) {
+      function $(j, D, P, W, M) {
+        var B = j[D], V = L(B);
+        if (V !== "object")
+          return new c("Invalid " + W + " `" + M + "` of type `" + V + "` " + ("supplied to `" + P + "`, expected `object`."));
+        var H = t({}, j[D], S);
+        for (var F in H) {
+          var le = S[F];
+          if (n(S, F) && typeof le != "function")
+            return Z(P, W, M, F, ae(le));
+          if (!le)
+            return new c(
+              "Invalid " + W + " `" + M + "` key `" + F + "` supplied to `" + P + "`.\nBad object: " + JSON.stringify(j[D], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(S), null, "  ")
+            );
+          var E = le(B, F, P, W, M + "." + F, r);
+          if (E)
+            return E;
+        }
+        return null;
+      }
+      return g($);
+    }
+    function C(S) {
+      switch (typeof S) {
+        case "number":
+        case "string":
+        case "undefined":
+          return !0;
+        case "boolean":
+          return !S;
+        case "object":
+          if (Array.isArray(S))
+            return S.every(C);
+          if (S === null || s(S))
+            return !0;
+          var $ = m(S);
+          if ($) {
+            var j = $.call(S), D;
+            if ($ !== S.entries) {
+              for (; !(D = j.next()).done; )
+                if (!C(D.value))
+                  return !1;
+            } else
+              for (; !(D = j.next()).done; ) {
+                var P = D.value;
+                if (P && !C(P[1]))
+                  return !1;
+              }
+          } else
+            return !1;
+          return !0;
+        default:
+          return !1;
+      }
+    }
+    function I(S, $) {
+      return S === "symbol" ? !0 : $ ? $["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && $ instanceof Symbol : !1;
+    }
+    function L(S) {
+      var $ = typeof S;
+      return Array.isArray(S) ? "array" : S instanceof RegExp ? "object" : I($, S) ? "symbol" : $;
+    }
+    function ae(S) {
+      if (typeof S > "u" || S === null)
+        return "" + S;
+      var $ = L(S);
+      if ($ === "object") {
+        if (S instanceof Date)
+          return "date";
+        if (S instanceof RegExp)
+          return "regexp";
+      }
+      return $;
+    }
+    function me(S) {
+      var $ = ae(S);
+      switch ($) {
+        case "array":
+        case "object":
+          return "an " + $;
+        case "boolean":
+        case "date":
+        case "regexp":
+          return "a " + $;
+        default:
+          return $;
+      }
+    }
+    function St(S) {
+      return !S.constructor || !S.constructor.name ? u : S.constructor.name;
+    }
+    return y.checkPropTypes = o, y.resetWarningCache = o.resetWarningCache, y.PropTypes = y, y;
+  }, $t;
+}
+var At, nr;
+function kn() {
+  if (nr) return At;
+  nr = 1;
+  var e = /* @__PURE__ */ Lt();
+  function t() {
+  }
+  function r() {
+  }
+  return r.resetWarningCache = t, At = function() {
+    function n(l, s, f, d, p, m) {
+      if (m !== e) {
+        var u = new Error(
+          "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
+        );
+        throw u.name = "Invariant Violation", u;
+      }
+    }
+    n.isRequired = n;
+    function o() {
+      return n;
+    }
+    var i = {
+      array: n,
+      bigint: n,
+      bool: n,
+      func: n,
+      number: n,
+      object: n,
+      string: n,
+      symbol: n,
+      any: n,
+      arrayOf: o,
+      element: n,
+      elementType: n,
+      instanceOf: o,
+      node: n,
+      objectOf: o,
+      oneOf: o,
+      oneOfType: o,
+      shape: o,
+      exact: o,
+      checkPropTypes: r,
+      resetWarningCache: t
+    };
+    return i.PropTypes = i, i;
+  }, At;
+}
+var or;
+function In() {
+  if (or) return Xe.exports;
+  if (or = 1, process.env.NODE_ENV !== "production") {
+    var e = Rr(), t = !0;
+    Xe.exports = /* @__PURE__ */ _n()(e.isElement, t);
+  } else
+    Xe.exports = /* @__PURE__ */ kn()();
+  return Xe.exports;
+}
+var Rn = /* @__PURE__ */ In();
+const Y = /* @__PURE__ */ En(Rn);
+function Nr(e) {
+  var t, r, n = "";
+  if (typeof e == "string" || typeof e == "number") n += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (r = Nr(e[t])) && (n && (n += " "), n += r);
+  } else for (r in e) e[r] && (n && (n += " "), n += r);
+  return n;
+}
+function Mr() {
+  for (var e, t, r = 0, n = "", o = arguments.length; r < o; r++) (e = arguments[r]) && (t = Nr(e)) && (n && (n += " "), n += t);
+  return n;
+}
+function Pn(e, t, r = void 0) {
+  const n = {};
+  for (const o in e) {
+    const i = e[o];
+    let l = "", s = !0;
+    for (let f = 0; f < i.length; f += 1) {
+      const d = i[f];
+      d && (l += (s === !0 ? "" : " ") + t(d), s = !1, r && r[d] && (l += " " + r[d]));
+    }
+    n[o] = l;
+  }
+  return n;
+}
+var Qe = { exports: {} }, X = {};
+var ir;
+function Nn() {
+  if (ir) return X;
+  ir = 1;
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.portal"), r = /* @__PURE__ */ Symbol.for("react.fragment"), n = /* @__PURE__ */ Symbol.for("react.strict_mode"), o = /* @__PURE__ */ Symbol.for("react.profiler"), i = /* @__PURE__ */ Symbol.for("react.consumer"), l = /* @__PURE__ */ Symbol.for("react.context"), s = /* @__PURE__ */ Symbol.for("react.forward_ref"), f = /* @__PURE__ */ Symbol.for("react.suspense"), d = /* @__PURE__ */ Symbol.for("react.suspense_list"), p = /* @__PURE__ */ Symbol.for("react.memo"), m = /* @__PURE__ */ Symbol.for("react.lazy"), u = /* @__PURE__ */ Symbol.for("react.view_transition"), y = /* @__PURE__ */ Symbol.for("react.client.reference");
+  function b(c) {
+    if (typeof c == "object" && c !== null) {
+      var g = c.$$typeof;
+      switch (g) {
+        case e:
+          switch (c = c.type, c) {
+            case r:
+            case o:
+            case n:
+            case f:
+            case d:
+            case u:
+              return c;
+            default:
+              switch (c = c && c.$$typeof, c) {
+                case l:
+                case s:
+                case m:
+                case p:
+                  return c;
+                case i:
+                  return c;
+                default:
+                  return g;
+              }
+          }
+        case t:
+          return g;
+      }
+    }
+  }
+  return X.ContextConsumer = i, X.ContextProvider = l, X.Element = e, X.ForwardRef = s, X.Fragment = r, X.Lazy = m, X.Memo = p, X.Portal = t, X.Profiler = o, X.StrictMode = n, X.Suspense = f, X.SuspenseList = d, X.isContextConsumer = function(c) {
+    return b(c) === i;
+  }, X.isContextProvider = function(c) {
+    return b(c) === l;
+  }, X.isElement = function(c) {
+    return typeof c == "object" && c !== null && c.$$typeof === e;
+  }, X.isForwardRef = function(c) {
+    return b(c) === s;
+  }, X.isFragment = function(c) {
+    return b(c) === r;
+  }, X.isLazy = function(c) {
+    return b(c) === m;
+  }, X.isMemo = function(c) {
+    return b(c) === p;
+  }, X.isPortal = function(c) {
+    return b(c) === t;
+  }, X.isProfiler = function(c) {
+    return b(c) === o;
+  }, X.isStrictMode = function(c) {
+    return b(c) === n;
+  }, X.isSuspense = function(c) {
+    return b(c) === f;
+  }, X.isSuspenseList = function(c) {
+    return b(c) === d;
+  }, X.isValidElementType = function(c) {
+    return typeof c == "string" || typeof c == "function" || c === r || c === o || c === n || c === f || c === d || typeof c == "object" && c !== null && (c.$$typeof === m || c.$$typeof === p || c.$$typeof === l || c.$$typeof === i || c.$$typeof === s || c.$$typeof === y || c.getModuleId !== void 0);
+  }, X.typeOf = b, X;
+}
+var J = {};
+var ar;
+function Mn() {
+  return ar || (ar = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(c) {
+      if (typeof c == "object" && c !== null) {
+        var g = c.$$typeof;
+        switch (g) {
+          case t:
+            switch (c = c.type, c) {
+              case n:
+              case i:
+              case o:
+              case d:
+              case p:
+              case y:
+                return c;
+              default:
+                switch (c = c && c.$$typeof, c) {
+                  case s:
+                  case f:
+                  case u:
+                  case m:
+                    return c;
+                  case l:
+                    return c;
+                  default:
+                    return g;
+                }
+            }
+          case r:
+            return g;
+        }
+      }
+    }
+    var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.portal"), n = /* @__PURE__ */ Symbol.for("react.fragment"), o = /* @__PURE__ */ Symbol.for("react.strict_mode"), i = /* @__PURE__ */ Symbol.for("react.profiler"), l = /* @__PURE__ */ Symbol.for("react.consumer"), s = /* @__PURE__ */ Symbol.for("react.context"), f = /* @__PURE__ */ Symbol.for("react.forward_ref"), d = /* @__PURE__ */ Symbol.for("react.suspense"), p = /* @__PURE__ */ Symbol.for("react.suspense_list"), m = /* @__PURE__ */ Symbol.for("react.memo"), u = /* @__PURE__ */ Symbol.for("react.lazy"), y = /* @__PURE__ */ Symbol.for("react.view_transition"), b = /* @__PURE__ */ Symbol.for("react.client.reference");
+    J.ContextConsumer = l, J.ContextProvider = s, J.Element = t, J.ForwardRef = f, J.Fragment = n, J.Lazy = u, J.Memo = m, J.Portal = r, J.Profiler = i, J.StrictMode = o, J.Suspense = d, J.SuspenseList = p, J.isContextConsumer = function(c) {
+      return e(c) === l;
+    }, J.isContextProvider = function(c) {
+      return e(c) === s;
+    }, J.isElement = function(c) {
+      return typeof c == "object" && c !== null && c.$$typeof === t;
+    }, J.isForwardRef = function(c) {
+      return e(c) === f;
+    }, J.isFragment = function(c) {
+      return e(c) === n;
+    }, J.isLazy = function(c) {
+      return e(c) === u;
+    }, J.isMemo = function(c) {
+      return e(c) === m;
+    }, J.isPortal = function(c) {
+      return e(c) === r;
+    }, J.isProfiler = function(c) {
+      return e(c) === i;
+    }, J.isStrictMode = function(c) {
+      return e(c) === o;
+    }, J.isSuspense = function(c) {
+      return e(c) === d;
+    }, J.isSuspenseList = function(c) {
+      return e(c) === p;
+    }, J.isValidElementType = function(c) {
+      return typeof c == "string" || typeof c == "function" || c === n || c === i || c === o || c === d || c === p || typeof c == "object" && c !== null && (c.$$typeof === u || c.$$typeof === m || c.$$typeof === s || c.$$typeof === l || c.$$typeof === f || c.$$typeof === b || c.getModuleId !== void 0);
+    }, J.typeOf = e;
+  })()), J;
+}
+var sr;
+function Dn() {
+  return sr || (sr = 1, process.env.NODE_ENV === "production" ? Qe.exports = /* @__PURE__ */ Nn() : Qe.exports = /* @__PURE__ */ Mn()), Qe.exports;
+}
+var nt = /* @__PURE__ */ Dn();
+function be(e) {
+  if (typeof e != "object" || e === null)
+    return !1;
+  const t = Object.getPrototypeOf(e);
+  return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
+}
+function Dr(e) {
+  if (/* @__PURE__ */ ve.isValidElement(e) || nt.isValidElementType(e) || !be(e))
+    return e;
+  const t = {};
+  return Object.keys(e).forEach((r) => {
+    t[r] = Dr(e[r]);
+  }), t;
+}
+function de(e, t, r = {
+  clone: !0
+}) {
+  const n = r.clone ? {
+    ...e
+  } : e;
+  return be(e) && be(t) && Object.keys(t).forEach((o) => {
+    /* @__PURE__ */ ve.isValidElement(t[o]) || nt.isValidElementType(t[o]) ? n[o] = t[o] : be(t[o]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(e, o) && be(e[o]) ? n[o] = de(e[o], t[o], r) : r.clone ? n[o] = be(t[o]) ? Dr(t[o]) : t[o] : n[o] = t[o];
+  }), n;
+}
+function Ue(e, t) {
+  return t ? de(e, t, {
+    clone: !1
+    // No need to clone deep, it's way faster.
+  }) : e;
+}
+const Te = process.env.NODE_ENV !== "production" ? Y.oneOfType([Y.number, Y.string, Y.object, Y.array]) : {};
+function lr(e, t) {
+  if (!e.containerQueries)
+    return t;
+  const r = Object.keys(t).filter((n) => n.startsWith("@container")).sort((n, o) => {
+    const i = /min-width:\s*([0-9.]+)/;
+    return +(n.match(i)?.[1] || 0) - +(o.match(i)?.[1] || 0);
+  });
+  return r.length ? r.reduce((n, o) => {
+    const i = t[o];
+    return delete n[o], n[o] = i, n;
+  }, {
+    ...t
+  }) : t;
+}
+function Bn(e, t) {
+  return t === "@" || t.startsWith("@") && (e.some((r) => t.startsWith(`@${r}`)) || !!t.match(/^@\d/));
+}
+function jn(e, t) {
+  const r = t.match(/^@([^/]+)?\/?(.+)?$/);
+  if (!r) {
+    if (process.env.NODE_ENV !== "production")
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The provided shorthand ${`(${t})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.
+For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : we(18, `(${t})`));
+    return null;
+  }
+  const [, n, o] = r, i = Number.isNaN(+n) ? n || 0 : +n;
+  return e.containerQueries(o).up(i);
+}
+function zn(e) {
+  const t = (i, l) => i.replace("@media", l ? `@container ${l}` : "@container");
+  function r(i, l) {
+    i.up = (...s) => t(e.breakpoints.up(...s), l), i.down = (...s) => t(e.breakpoints.down(...s), l), i.between = (...s) => t(e.breakpoints.between(...s), l), i.only = (...s) => t(e.breakpoints.only(...s), l), i.not = (...s) => {
+      const f = t(e.breakpoints.not(...s), l);
+      return f.includes("not all and") ? f.replace("not all and ", "").replace("min-width:", "width<").replace("max-width:", "width>").replace("and", "or") : f;
+    };
+  }
+  const n = {}, o = (i) => (r(n, i), n);
+  return r(o), {
+    ...e,
+    containerQueries: o
+  };
+}
+const lt = {
+  xs: 0,
+  // phone
+  sm: 600,
+  // tablet
+  md: 900,
+  // small laptop
+  lg: 1200,
+  // desktop
+  xl: 1536
+  // large screen
+}, cr = {
+  // Sorted ASC by size. That's important.
+  // It can't be configured as it's used statically for propTypes.
+  keys: ["xs", "sm", "md", "lg", "xl"],
+  up: (e) => `@media (min-width:${lt[e]}px)`
+}, Ln = {
+  containerQueries: (e) => ({
+    up: (t) => {
+      let r = typeof t == "number" ? t : lt[t] || t;
+      return typeof r == "number" && (r = `${r}px`), e ? `@container ${e} (min-width:${r})` : `@container (min-width:${r})`;
+    }
+  })
+};
+function xe(e, t, r) {
+  const n = e.theme || {};
+  if (Array.isArray(t)) {
+    const i = n.breakpoints || cr;
+    return t.reduce((l, s, f) => (l[i.up(i.keys[f])] = r(t[f]), l), {});
+  }
+  if (typeof t == "object") {
+    const i = n.breakpoints || cr;
+    return Object.keys(t).reduce((l, s) => {
+      if (Bn(i.keys, s)) {
+        const f = jn(n.containerQueries ? n : Ln, s);
+        f && (l[f] = r(t[s], s));
+      } else if (Object.keys(i.values || lt).includes(s)) {
+        const f = i.up(s);
+        l[f] = r(t[s], s);
+      } else {
+        const f = s;
+        l[f] = t[f];
+      }
+      return l;
+    }, {});
+  }
+  return r(t);
+}
+function Wn(e = {}) {
+  return e.keys?.reduce((r, n) => {
+    const o = e.up(n);
+    return r[o] = {}, r;
+  }, {}) || {};
+}
+function ur(e, t) {
+  return e.reduce((r, n) => {
+    const o = r[n];
+    return (!o || Object.keys(o).length === 0) && delete r[n], r;
+  }, t);
+}
+function ct(e, t, r = !0) {
+  if (!t || typeof t != "string")
+    return null;
+  if (e && e.vars && r) {
+    const n = `vars.${t}`.split(".").reduce((o, i) => o && o[i] ? o[i] : null, e);
+    if (n != null)
+      return n;
+  }
+  return t.split(".").reduce((n, o) => n && n[o] != null ? n[o] : null, e);
+}
+function ot(e, t, r, n = r) {
+  let o;
+  return typeof e == "function" ? o = e(r) : Array.isArray(e) ? o = e[r] || n : o = ct(e, r) || n, t && (o = t(o, n, e)), o;
+}
+function ie(e) {
+  const {
+    prop: t,
+    cssProperty: r = e.prop,
+    themeKey: n,
+    transform: o
+  } = e, i = (l) => {
+    if (l[t] == null)
+      return null;
+    const s = l[t], f = l.theme, d = ct(f, n) || {};
+    return xe(l, s, (m) => {
+      let u = ot(d, o, m);
+      return m === u && typeof m == "string" && (u = ot(d, o, `${t}${m === "default" ? "" : _e(m)}`, m)), r === !1 ? u : {
+        [r]: u
+      };
+    });
+  };
+  return i.propTypes = process.env.NODE_ENV !== "production" ? {
+    [t]: Te
+  } : {}, i.filterProps = [t], i;
+}
+function Vn(e) {
+  const t = {};
+  return (r) => (t[r] === void 0 && (t[r] = e(r)), t[r]);
+}
+const Fn = {
+  m: "margin",
+  p: "padding"
+}, Yn = {
+  t: "Top",
+  r: "Right",
+  b: "Bottom",
+  l: "Left",
+  x: ["Left", "Right"],
+  y: ["Top", "Bottom"]
+}, dr = {
+  marginX: "mx",
+  marginY: "my",
+  paddingX: "px",
+  paddingY: "py"
+}, Un = Vn((e) => {
+  if (e.length > 2)
+    if (dr[e])
+      e = dr[e];
+    else
+      return [e];
+  const [t, r] = e.split(""), n = Fn[t], o = Yn[r] || "";
+  return Array.isArray(o) ? o.map((i) => n + i) : [n + o];
+}), ut = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], dt = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], qn = [...ut, ...dt];
+function He(e, t, r, n) {
+  const o = ct(e, t, !0) ?? r;
+  return typeof o == "number" || typeof o == "string" ? (i) => typeof i == "string" ? i : (process.env.NODE_ENV !== "production" && typeof i != "number" && console.error(`MUI: Expected ${n} argument to be a number or a string, got ${i}.`), typeof o == "string" ? o.startsWith("var(") && i === 0 ? 0 : o.startsWith("var(") && i === 1 ? o : `calc(${i} * ${o})` : o * i) : Array.isArray(o) ? (i) => {
+    if (typeof i == "string")
+      return i;
+    const l = Math.abs(i);
+    process.env.NODE_ENV !== "production" && (Number.isInteger(l) ? l > o.length - 1 && console.error([`MUI: The value provided (${l}) overflows.`, `The supported values are: ${JSON.stringify(o)}.`, `${l} > ${o.length - 1}, you need to add the missing values.`].join(`
+`)) : console.error([`MUI: The \`theme.${t}\` array type cannot be combined with non integer values.You should either use an integer value that can be used as index, or define the \`theme.${t}\` as a number.`].join(`
+`)));
+    const s = o[l];
+    return i >= 0 ? s : typeof s == "number" ? -s : typeof s == "string" && s.startsWith("var(") ? `calc(-1 * ${s})` : `-${s}`;
+  } : typeof o == "function" ? o : (process.env.NODE_ENV !== "production" && console.error([`MUI: The \`theme.${t}\` value (${o}) is invalid.`, "It should be a number, an array or a function."].join(`
+`)), () => {
+  });
+}
+function Wt(e) {
+  return He(e, "spacing", 8, "spacing");
+}
+function Ge(e, t) {
+  return typeof t == "string" || t == null ? t : e(t);
+}
+function Hn(e, t) {
+  return (r) => e.reduce((n, o) => (n[o] = Ge(t, r), n), {});
+}
+function Gn(e, t, r, n) {
+  if (!t.includes(r))
+    return null;
+  const o = Un(r), i = Hn(o, n), l = e[r];
+  return xe(e, l, i);
+}
+function Br(e, t) {
+  const r = Wt(e.theme);
+  return Object.keys(e).map((n) => Gn(e, t, n, r)).reduce(Ue, {});
+}
+function ne(e) {
+  return Br(e, ut);
+}
+ne.propTypes = process.env.NODE_ENV !== "production" ? ut.reduce((e, t) => (e[t] = Te, e), {}) : {};
+ne.filterProps = ut;
+function oe(e) {
+  return Br(e, dt);
+}
+oe.propTypes = process.env.NODE_ENV !== "production" ? dt.reduce((e, t) => (e[t] = Te, e), {}) : {};
+oe.filterProps = dt;
+process.env.NODE_ENV !== "production" && qn.reduce((e, t) => (e[t] = Te, e), {});
+function ft(...e) {
+  const t = e.reduce((n, o) => (o.filterProps.forEach((i) => {
+    n[i] = o;
+  }), n), {}), r = (n) => Object.keys(n).reduce((o, i) => t[i] ? Ue(o, t[i](n)) : o, {});
+  return r.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((n, o) => Object.assign(n, o.propTypes), {}) : {}, r.filterProps = e.reduce((n, o) => n.concat(o.filterProps), []), r;
+}
+function fe(e) {
+  return typeof e != "number" ? e : `${e}px solid`;
+}
+function pe(e, t) {
+  return ie({
+    prop: e,
+    themeKey: "borders",
+    transform: t
+  });
+}
+const Kn = pe("border", fe), Xn = pe("borderTop", fe), Jn = pe("borderRight", fe), Qn = pe("borderBottom", fe), Zn = pe("borderLeft", fe), eo = pe("borderColor"), to = pe("borderTopColor"), ro = pe("borderRightColor"), no = pe("borderBottomColor"), oo = pe("borderLeftColor"), io = pe("outline", fe), ao = pe("outlineColor"), pt = (e) => {
+  if (e.borderRadius !== void 0 && e.borderRadius !== null) {
+    const t = He(e.theme, "shape.borderRadius", 4, "borderRadius"), r = (n) => ({
+      borderRadius: Ge(t, n)
+    });
+    return xe(e, e.borderRadius, r);
+  }
+  return null;
+};
+pt.propTypes = process.env.NODE_ENV !== "production" ? {
+  borderRadius: Te
+} : {};
+pt.filterProps = ["borderRadius"];
+ft(Kn, Xn, Jn, Qn, Zn, eo, to, ro, no, oo, pt, io, ao);
+const mt = (e) => {
+  if (e.gap !== void 0 && e.gap !== null) {
+    const t = He(e.theme, "spacing", 8, "gap"), r = (n) => ({
+      gap: Ge(t, n)
+    });
+    return xe(e, e.gap, r);
+  }
+  return null;
+};
+mt.propTypes = process.env.NODE_ENV !== "production" ? {
+  gap: Te
+} : {};
+mt.filterProps = ["gap"];
+const ht = (e) => {
+  if (e.columnGap !== void 0 && e.columnGap !== null) {
+    const t = He(e.theme, "spacing", 8, "columnGap"), r = (n) => ({
+      columnGap: Ge(t, n)
+    });
+    return xe(e, e.columnGap, r);
+  }
+  return null;
+};
+ht.propTypes = process.env.NODE_ENV !== "production" ? {
+  columnGap: Te
+} : {};
+ht.filterProps = ["columnGap"];
+const gt = (e) => {
+  if (e.rowGap !== void 0 && e.rowGap !== null) {
+    const t = He(e.theme, "spacing", 8, "rowGap"), r = (n) => ({
+      rowGap: Ge(t, n)
+    });
+    return xe(e, e.rowGap, r);
+  }
+  return null;
+};
+gt.propTypes = process.env.NODE_ENV !== "production" ? {
+  rowGap: Te
+} : {};
+gt.filterProps = ["rowGap"];
+const so = ie({
+  prop: "gridColumn"
+}), lo = ie({
+  prop: "gridRow"
+}), co = ie({
+  prop: "gridAutoFlow"
+}), uo = ie({
+  prop: "gridAutoColumns"
+}), fo = ie({
+  prop: "gridAutoRows"
+}), po = ie({
+  prop: "gridTemplateColumns"
+}), mo = ie({
+  prop: "gridTemplateRows"
+}), ho = ie({
+  prop: "gridTemplateAreas"
+}), go = ie({
+  prop: "gridArea"
+});
+ft(mt, ht, gt, so, lo, co, uo, fo, po, mo, ho, go);
+function je(e, t) {
+  return t === "grey" ? t : e;
+}
+const yo = ie({
+  prop: "color",
+  themeKey: "palette",
+  transform: je
+}), bo = ie({
+  prop: "bgcolor",
+  cssProperty: "backgroundColor",
+  themeKey: "palette",
+  transform: je
+}), vo = ie({
+  prop: "backgroundColor",
+  themeKey: "palette",
+  transform: je
+});
+ft(yo, bo, vo);
+function ue(e) {
+  return e <= 1 && e !== 0 ? `${e * 100}%` : e;
+}
+const xo = ie({
+  prop: "width",
+  transform: ue
+}), Vt = (e) => {
+  if (e.maxWidth !== void 0 && e.maxWidth !== null) {
+    const t = (r) => {
+      const n = e.theme?.breakpoints?.values?.[r] || lt[r];
+      return n ? e.theme?.breakpoints?.unit !== "px" ? {
+        maxWidth: `${n}${e.theme.breakpoints.unit}`
+      } : {
+        maxWidth: n
+      } : {
+        maxWidth: ue(r)
+      };
+    };
+    return xe(e, e.maxWidth, t);
+  }
+  return null;
+};
+Vt.filterProps = ["maxWidth"];
+const So = ie({
+  prop: "minWidth",
+  transform: ue
+}), Co = ie({
+  prop: "height",
+  transform: ue
+}), wo = ie({
+  prop: "maxHeight",
+  transform: ue
+}), Eo = ie({
+  prop: "minHeight",
+  transform: ue
+});
+ie({
+  prop: "size",
+  cssProperty: "width",
+  transform: ue
+});
+ie({
+  prop: "size",
+  cssProperty: "height",
+  transform: ue
+});
+const To = ie({
+  prop: "boxSizing"
+});
+ft(xo, Vt, So, Co, wo, Eo, To);
+const yt = {
+  // borders
+  border: {
+    themeKey: "borders",
+    transform: fe
+  },
+  borderTop: {
+    themeKey: "borders",
+    transform: fe
+  },
+  borderRight: {
+    themeKey: "borders",
+    transform: fe
+  },
+  borderBottom: {
+    themeKey: "borders",
+    transform: fe
+  },
+  borderLeft: {
+    themeKey: "borders",
+    transform: fe
+  },
+  borderColor: {
+    themeKey: "palette"
+  },
+  borderTopColor: {
+    themeKey: "palette"
+  },
+  borderRightColor: {
+    themeKey: "palette"
+  },
+  borderBottomColor: {
+    themeKey: "palette"
+  },
+  borderLeftColor: {
+    themeKey: "palette"
+  },
+  outline: {
+    themeKey: "borders",
+    transform: fe
+  },
+  outlineColor: {
+    themeKey: "palette"
+  },
+  borderRadius: {
+    themeKey: "shape.borderRadius",
+    style: pt
+  },
+  // palette
+  color: {
+    themeKey: "palette",
+    transform: je
+  },
+  bgcolor: {
+    themeKey: "palette",
+    cssProperty: "backgroundColor",
+    transform: je
+  },
+  backgroundColor: {
+    themeKey: "palette",
+    transform: je
+  },
+  // spacing
+  p: {
+    style: oe
+  },
+  pt: {
+    style: oe
+  },
+  pr: {
+    style: oe
+  },
+  pb: {
+    style: oe
+  },
+  pl: {
+    style: oe
+  },
+  px: {
+    style: oe
+  },
+  py: {
+    style: oe
+  },
+  padding: {
+    style: oe
+  },
+  paddingTop: {
+    style: oe
+  },
+  paddingRight: {
+    style: oe
+  },
+  paddingBottom: {
+    style: oe
+  },
+  paddingLeft: {
+    style: oe
+  },
+  paddingX: {
+    style: oe
+  },
+  paddingY: {
+    style: oe
+  },
+  paddingInline: {
+    style: oe
+  },
+  paddingInlineStart: {
+    style: oe
+  },
+  paddingInlineEnd: {
+    style: oe
+  },
+  paddingBlock: {
+    style: oe
+  },
+  paddingBlockStart: {
+    style: oe
+  },
+  paddingBlockEnd: {
+    style: oe
+  },
+  m: {
+    style: ne
+  },
+  mt: {
+    style: ne
+  },
+  mr: {
+    style: ne
+  },
+  mb: {
+    style: ne
+  },
+  ml: {
+    style: ne
+  },
+  mx: {
+    style: ne
+  },
+  my: {
+    style: ne
+  },
+  margin: {
+    style: ne
+  },
+  marginTop: {
+    style: ne
+  },
+  marginRight: {
+    style: ne
+  },
+  marginBottom: {
+    style: ne
+  },
+  marginLeft: {
+    style: ne
+  },
+  marginX: {
+    style: ne
+  },
+  marginY: {
+    style: ne
+  },
+  marginInline: {
+    style: ne
+  },
+  marginInlineStart: {
+    style: ne
+  },
+  marginInlineEnd: {
+    style: ne
+  },
+  marginBlock: {
+    style: ne
+  },
+  marginBlockStart: {
+    style: ne
+  },
+  marginBlockEnd: {
+    style: ne
+  },
+  // display
+  displayPrint: {
+    cssProperty: !1,
+    transform: (e) => ({
+      "@media print": {
+        display: e
+      }
+    })
+  },
+  display: {},
+  overflow: {},
+  textOverflow: {},
+  visibility: {},
+  whiteSpace: {},
+  // flexbox
+  flexBasis: {},
+  flexDirection: {},
+  flexWrap: {},
+  justifyContent: {},
+  alignItems: {},
+  alignContent: {},
+  order: {},
+  flex: {},
+  flexGrow: {},
+  flexShrink: {},
+  alignSelf: {},
+  justifyItems: {},
+  justifySelf: {},
+  // grid
+  gap: {
+    style: mt
+  },
+  rowGap: {
+    style: gt
+  },
+  columnGap: {
+    style: ht
+  },
+  gridColumn: {},
+  gridRow: {},
+  gridAutoFlow: {},
+  gridAutoColumns: {},
+  gridAutoRows: {},
+  gridTemplateColumns: {},
+  gridTemplateRows: {},
+  gridTemplateAreas: {},
+  gridArea: {},
+  // positions
+  position: {},
+  zIndex: {
+    themeKey: "zIndex"
+  },
+  top: {},
+  right: {},
+  bottom: {},
+  left: {},
+  // shadows
+  boxShadow: {
+    themeKey: "shadows"
+  },
+  // sizing
+  width: {
+    transform: ue
+  },
+  maxWidth: {
+    style: Vt
+  },
+  minWidth: {
+    transform: ue
+  },
+  height: {
+    transform: ue
+  },
+  maxHeight: {
+    transform: ue
+  },
+  minHeight: {
+    transform: ue
+  },
+  boxSizing: {},
+  // typography
+  font: {
+    themeKey: "font"
+  },
+  fontFamily: {
+    themeKey: "typography"
+  },
+  fontSize: {
+    themeKey: "typography"
+  },
+  fontStyle: {
+    themeKey: "typography"
+  },
+  fontWeight: {
+    themeKey: "typography"
+  },
+  letterSpacing: {},
+  textTransform: {},
+  lineHeight: {},
+  textAlign: {},
+  typography: {
+    cssProperty: !1,
+    themeKey: "typography"
+  }
+};
+function $o(...e) {
+  const t = e.reduce((n, o) => n.concat(Object.keys(o)), []), r = new Set(t);
+  return e.every((n) => r.size === Object.keys(n).length);
+}
+function Ao(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function Oo() {
+  function e(r, n, o, i) {
+    const l = {
+      [r]: n,
+      theme: o
+    }, s = i[r];
+    if (!s)
+      return {
+        [r]: n
+      };
+    const {
+      cssProperty: f = r,
+      themeKey: d,
+      transform: p,
+      style: m
+    } = s;
+    if (n == null)
+      return null;
+    if (d === "typography" && n === "inherit")
+      return {
+        [r]: n
+      };
+    const u = ct(o, d) || {};
+    return m ? m(l) : xe(l, n, (b) => {
+      let c = ot(u, p, b);
+      return b === c && typeof b == "string" && (c = ot(u, p, `${r}${b === "default" ? "" : _e(b)}`, b)), f === !1 ? c : {
+        [f]: c
+      };
+    });
+  }
+  function t(r) {
+    const {
+      sx: n,
+      theme: o = {},
+      nested: i
+    } = r || {};
+    if (!n)
+      return null;
+    const l = o.unstable_sxConfig ?? yt;
+    function s(f) {
+      let d = f;
+      if (typeof f == "function")
+        d = f(o);
+      else if (typeof f != "object")
+        return f;
+      if (!d)
+        return null;
+      const p = Wn(o.breakpoints), m = Object.keys(p);
+      let u = p;
+      return Object.keys(d).forEach((y) => {
+        const b = Ao(d[y], o);
+        if (b != null)
+          if (typeof b == "object")
+            if (l[y])
+              u = Ue(u, e(y, b, o, l));
+            else {
+              const c = xe({
+                theme: o
+              }, b, (g) => ({
+                [y]: g
+              }));
+              $o(c, b) ? u[y] = t({
+                sx: b,
+                theme: o,
+                nested: !0
+              }) : u = Ue(u, c);
+            }
+          else
+            u = Ue(u, e(y, b, o, l));
+      }), !i && o.modularCssLayers ? {
+        "@layer sx": lr(o, ur(m, u))
+      } : lr(o, ur(m, u));
+    }
+    return Array.isArray(n) ? n.map(s) : s(n);
+  }
+  return t;
+}
+const ze = Oo();
+ze.filterProps = ["sx"];
+function _o(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
+  return Math.max(t, Math.min(e, r));
+}
+function Ft(e, t = 0, r = 1) {
+  return process.env.NODE_ENV !== "production" && (e < t || e > r) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${r}].`), _o(e, t, r);
+}
+function ko(e) {
+  e = e.slice(1);
+  const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
+  let r = e.match(t);
+  return r && r[0].length === 1 && (r = r.map((n) => n + n)), process.env.NODE_ENV !== "production" && e.length !== e.trim().length && console.error(`MUI: The color: "${e}" is invalid. Make sure the color input doesn't contain leading/trailing space.`), r ? `rgb${r.length === 4 ? "a" : ""}(${r.map((n, o) => o < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
+}
+function Ee(e) {
+  if (e.type)
+    return e;
+  if (e.charAt(0) === "#")
+    return Ee(ko(e));
+  const t = e.indexOf("("), r = e.substring(0, t);
+  if (!["rgb", "rgba", "hsl", "hsla", "color"].includes(r))
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
+The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : we(9, e));
+  let n = e.substring(t + 1, e.length - 1), o;
+  if (r === "color") {
+    if (n = n.split(" "), o = n.shift(), n.length === 4 && n[3].charAt(0) === "/" && (n[3] = n[3].slice(1)), !["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].includes(o))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${o}\` color space.
+The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : we(10, o));
+  } else
+    n = n.split(",");
+  return n = n.map((i) => parseFloat(i)), {
+    type: r,
+    values: n,
+    colorSpace: o
+  };
+}
+const Io = (e) => {
+  const t = Ee(e);
+  return t.values.slice(0, 3).map((r, n) => t.type.includes("hsl") && n !== 0 ? `${r}%` : r).join(" ");
+}, Fe = (e, t) => {
+  try {
+    return Io(e);
+  } catch {
+    return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
+  }
+};
+function bt(e) {
+  const {
+    type: t,
+    colorSpace: r
+  } = e;
+  let {
+    values: n
+  } = e;
+  return t.includes("rgb") ? n = n.map((o, i) => i < 3 ? parseInt(o, 10) : o) : t.includes("hsl") && (n[1] = `${n[1]}%`, n[2] = `${n[2]}%`), t.includes("color") ? n = `${r} ${n.join(" ")}` : n = `${n.join(", ")}`, `${t}(${n})`;
+}
+function jr(e) {
+  e = Ee(e);
+  const {
+    values: t
+  } = e, r = t[0], n = t[1] / 100, o = t[2] / 100, i = n * Math.min(o, 1 - o), l = (d, p = (d + r / 30) % 12) => o - i * Math.max(Math.min(p - 3, 9 - p, 1), -1);
+  let s = "rgb";
+  const f = [Math.round(l(0) * 255), Math.round(l(8) * 255), Math.round(l(4) * 255)];
+  return e.type === "hsla" && (s += "a", f.push(t[3])), bt({
+    type: s,
+    values: f
+  });
+}
+function Mt(e) {
+  e = Ee(e);
+  let t = e.type === "hsl" || e.type === "hsla" ? Ee(jr(e)).values : e.values;
+  return t = t.map((r) => (e.type !== "color" && (r /= 255), r <= 0.03928 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4)), Number((0.2126 * t[0] + 0.7152 * t[1] + 0.0722 * t[2]).toFixed(3));
+}
+function fr(e, t) {
+  const r = Mt(e), n = Mt(t);
+  return (Math.max(r, n) + 0.05) / (Math.min(r, n) + 0.05);
+}
+function zr(e, t) {
+  return e = Ee(e), t = Ft(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, bt(e);
+}
+function $e(e, t, r) {
+  try {
+    return zr(e, t);
+  } catch {
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
+  }
+}
+function vt(e, t) {
+  if (e = Ee(e), t = Ft(t), e.type.includes("hsl"))
+    e.values[2] *= 1 - t;
+  else if (e.type.includes("rgb") || e.type.includes("color"))
+    for (let r = 0; r < 3; r += 1)
+      e.values[r] *= 1 - t;
+  return bt(e);
+}
+function G(e, t, r) {
+  try {
+    return vt(e, t);
+  } catch {
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
+  }
+}
+function xt(e, t) {
+  if (e = Ee(e), t = Ft(t), e.type.includes("hsl"))
+    e.values[2] += (100 - e.values[2]) * t;
+  else if (e.type.includes("rgb"))
+    for (let r = 0; r < 3; r += 1)
+      e.values[r] += (255 - e.values[r]) * t;
+  else if (e.type.includes("color"))
+    for (let r = 0; r < 3; r += 1)
+      e.values[r] += (1 - e.values[r]) * t;
+  return bt(e);
+}
+function K(e, t, r) {
+  try {
+    return xt(e, t);
+  } catch {
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
+  }
+}
+function Ro(e, t = 0.15) {
+  return Mt(e) > 0.5 ? vt(e, t) : xt(e, t);
+}
+function Ze(e, t, r) {
+  try {
+    return Ro(e, t);
+  } catch {
+    return e;
+  }
+}
+const qe = {
+  black: "#000",
+  white: "#fff"
+}, Po = {
+  50: "#fafafa",
+  100: "#f5f5f5",
+  200: "#eeeeee",
+  300: "#e0e0e0",
+  400: "#bdbdbd",
+  500: "#9e9e9e",
+  600: "#757575",
+  700: "#616161",
+  800: "#424242",
+  900: "#212121",
+  A100: "#f5f5f5",
+  A200: "#eeeeee",
+  A400: "#bdbdbd",
+  A700: "#616161"
+}, Ie = {
+  50: "#f3e5f5",
+  200: "#ce93d8",
+  300: "#ba68c8",
+  400: "#ab47bc",
+  500: "#9c27b0",
+  700: "#7b1fa2"
+}, Re = {
+  300: "#e57373",
+  400: "#ef5350",
+  500: "#f44336",
+  700: "#d32f2f",
+  800: "#c62828"
+}, Le = {
+  300: "#ffb74d",
+  400: "#ffa726",
+  500: "#ff9800",
+  700: "#f57c00",
+  900: "#e65100"
+}, Pe = {
+  50: "#e3f2fd",
+  200: "#90caf9",
+  400: "#42a5f5",
+  700: "#1976d2",
+  800: "#1565c0"
+}, Ne = {
+  300: "#4fc3f7",
+  400: "#29b6f6",
+  500: "#03a9f4",
+  700: "#0288d1",
+  900: "#01579b"
+}, Me = {
+  300: "#81c784",
+  400: "#66bb6a",
+  500: "#4caf50",
+  700: "#388e3c",
+  800: "#2e7d32",
+  900: "#1b5e20"
+};
+function Lr() {
+  return {
+    // The colors used to style the text.
+    text: {
+      // The most important text.
+      primary: "rgba(0, 0, 0, 0.87)",
+      // Secondary text.
+      secondary: "rgba(0, 0, 0, 0.6)",
+      // Disabled text have even lower visual prominence.
+      disabled: "rgba(0, 0, 0, 0.38)"
+    },
+    // The color used to divide different elements.
+    divider: "rgba(0, 0, 0, 0.12)",
+    // The background colors used to style the surfaces.
+    // Consistency between these values is important.
+    background: {
+      paper: qe.white,
+      default: qe.white
+    },
+    // The colors used to style the action elements.
+    action: {
+      // The color of an active action like an icon button.
+      active: "rgba(0, 0, 0, 0.54)",
+      // The color of an hovered action.
+      hover: "rgba(0, 0, 0, 0.04)",
+      hoverOpacity: 0.04,
+      // The color of a selected action.
+      selected: "rgba(0, 0, 0, 0.08)",
+      selectedOpacity: 0.08,
+      // The color of a disabled action.
+      disabled: "rgba(0, 0, 0, 0.26)",
+      // The background color of a disabled action.
+      disabledBackground: "rgba(0, 0, 0, 0.12)",
+      disabledOpacity: 0.38,
+      focus: "rgba(0, 0, 0, 0.12)",
+      focusOpacity: 0.12,
+      activatedOpacity: 0.12
+    }
+  };
+}
+const Wr = Lr();
+function Vr() {
+  return {
+    text: {
+      primary: qe.white,
+      secondary: "rgba(255, 255, 255, 0.7)",
+      disabled: "rgba(255, 255, 255, 0.5)",
+      icon: "rgba(255, 255, 255, 0.5)"
+    },
+    divider: "rgba(255, 255, 255, 0.12)",
+    background: {
+      paper: "#121212",
+      default: "#121212"
+    },
+    action: {
+      active: qe.white,
+      hover: "rgba(255, 255, 255, 0.08)",
+      hoverOpacity: 0.08,
+      selected: "rgba(255, 255, 255, 0.16)",
+      selectedOpacity: 0.16,
+      disabled: "rgba(255, 255, 255, 0.3)",
+      disabledBackground: "rgba(255, 255, 255, 0.12)",
+      disabledOpacity: 0.38,
+      focus: "rgba(255, 255, 255, 0.12)",
+      focusOpacity: 0.12,
+      activatedOpacity: 0.24
+    }
+  };
+}
+const Dt = Vr();
+function pr(e, t, r, n) {
+  const o = n.light || n, i = n.dark || n * 1.5;
+  e[t] || (e.hasOwnProperty(r) ? e[t] = e[r] : t === "light" ? e.light = xt(e.main, o) : t === "dark" && (e.dark = vt(e.main, i)));
+}
+function mr(e, t, r, n, o) {
+  const i = o.light || o, l = o.dark || o * 1.5;
+  t[r] || (t.hasOwnProperty(n) ? t[r] = t[n] : r === "light" ? t.light = `color-mix(in ${e}, ${t.main}, #fff ${(i * 100).toFixed(0)}%)` : r === "dark" && (t.dark = `color-mix(in ${e}, ${t.main}, #000 ${(l * 100).toFixed(0)}%)`));
+}
+function No(e = "light") {
+  return e === "dark" ? {
+    main: Pe[200],
+    light: Pe[50],
+    dark: Pe[400]
+  } : {
+    main: Pe[700],
+    light: Pe[400],
+    dark: Pe[800]
+  };
+}
+function Mo(e = "light") {
+  return e === "dark" ? {
+    main: Ie[200],
+    light: Ie[50],
+    dark: Ie[400]
+  } : {
+    main: Ie[500],
+    light: Ie[300],
+    dark: Ie[700]
+  };
+}
+function Do(e = "light") {
+  return e === "dark" ? {
+    main: Re[500],
+    light: Re[300],
+    dark: Re[700]
+  } : {
+    main: Re[700],
+    light: Re[400],
+    dark: Re[800]
+  };
+}
+function Bo(e = "light") {
+  return e === "dark" ? {
+    main: Ne[400],
+    light: Ne[300],
+    dark: Ne[700]
+  } : {
+    main: Ne[700],
+    light: Ne[500],
+    dark: Ne[900]
+  };
+}
+function jo(e = "light") {
+  return e === "dark" ? {
+    main: Me[400],
+    light: Me[300],
+    dark: Me[700]
+  } : {
+    main: Me[800],
+    light: Me[500],
+    dark: Me[900]
+  };
+}
+function zo(e = "light") {
+  return e === "dark" ? {
+    main: Le[400],
+    light: Le[300],
+    dark: Le[700]
+  } : {
+    main: "#ed6c02",
+    // closest to orange[800] that pass 3:1.
+    light: Le[500],
+    dark: Le[900]
+  };
+}
+function Lo(e) {
+  return `oklch(from ${e} var(--__l) 0 h / var(--__a))`;
+}
+function Yt(e) {
+  const {
+    mode: t = "light",
+    contrastThreshold: r = 3,
+    tonalOffset: n = 0.2,
+    colorSpace: o,
+    ...i
+  } = e, l = e.primary || No(t), s = e.secondary || Mo(t), f = e.error || Do(t), d = e.info || Bo(t), p = e.success || jo(t), m = e.warning || zo(t);
+  function u(g) {
+    if (o)
+      return Lo(g);
+    const O = fr(g, Dt.text.primary) >= r ? Dt.text.primary : Wr.text.primary;
+    if (process.env.NODE_ENV !== "production") {
+      const _ = fr(g, O);
+      _ < 3 && console.error([`MUI: The contrast ratio of ${_}:1 for ${O} on ${g}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
+`));
+    }
+    return O;
+  }
+  const y = ({
+    color: g,
+    name: O,
+    mainShade: _ = 500,
+    lightShade: R = 300,
+    darkShade: w = 700
+  }) => {
+    if (g = {
+      ...g
+    }, !g.main && g[_] && (g.main = g[_]), !g.hasOwnProperty("main"))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${O ? ` (${O})` : ""} provided to augmentColor(color) is invalid.
+The color object needs to have a \`main\` property or a \`${_}\` property.` : we(11, O ? ` (${O})` : "", _));
+    if (typeof g.main != "string")
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${O ? ` (${O})` : ""} provided to augmentColor(color) is invalid.
+\`color.main\` should be a string, but \`${JSON.stringify(g.main)}\` was provided instead.
+
+Did you intend to use one of the following approaches?
+
+import { green } from "@mui/material/colors";
+
+const theme1 = createTheme({ palette: {
+  primary: green,
+} });
+
+const theme2 = createTheme({ palette: {
+  primary: { main: green[500] },
+} });` : we(12, O ? ` (${O})` : "", JSON.stringify(g.main)));
+    return o ? (mr(o, g, "light", R, n), mr(o, g, "dark", w, n)) : (pr(g, "light", R, n), pr(g, "dark", w, n)), g.contrastText || (g.contrastText = u(g.main)), g;
+  };
+  let b;
+  return t === "light" ? b = Lr() : t === "dark" && (b = Vr()), process.env.NODE_ENV !== "production" && (b || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), de({
+    // A collection of common colors.
+    common: {
+      ...qe
+    },
+    // prevent mutable object.
+    // The palette mode, can be light or dark.
+    mode: t,
+    // The colors used to represent primary interface elements for a user.
+    primary: y({
+      color: l,
+      name: "primary"
+    }),
+    // The colors used to represent secondary interface elements for a user.
+    secondary: y({
+      color: s,
+      name: "secondary",
+      mainShade: "A400",
+      lightShade: "A200",
+      darkShade: "A700"
+    }),
+    // The colors used to represent interface elements that the user should be made aware of.
+    error: y({
+      color: f,
+      name: "error"
+    }),
+    // The colors used to represent potentially dangerous actions or important messages.
+    warning: y({
+      color: m,
+      name: "warning"
+    }),
+    // The colors used to present information to the user that is neutral and not necessarily important.
+    info: y({
+      color: d,
+      name: "info"
+    }),
+    // The colors used to indicate the successful completion of an action that user triggered.
+    success: y({
+      color: p,
+      name: "success"
+    }),
+    // The grey colors.
+    grey: Po,
+    // Used by `getContrastText()` to maximize the contrast between
+    // the background and the text.
+    contrastThreshold: r,
+    // Takes a background color and returns the text color that maximizes the contrast.
+    getContrastText: u,
+    // Generate a rich color object.
+    augmentColor: y,
+    // Used by the functions below to shift a color's luminance by approximately
+    // two indexes within its tonal palette.
+    // E.g., shift from Red 500 to Red 300 or Red 700.
+    tonalOffset: n,
+    // The light and dark mode object.
+    ...b
+  }, i);
+}
+function Wo(e) {
+  for (var t = 0, r, n = 0, o = e.length; o >= 4; ++n, o -= 4)
+    r = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, r = /* Math.imul(k, m): */
+    (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), r ^= /* k >>> r: */
+    r >>> 24, t = /* Math.imul(k, m): */
+    (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
+    (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
+  switch (o) {
+    case 3:
+      t ^= (e.charCodeAt(n + 2) & 255) << 16;
+    case 2:
+      t ^= (e.charCodeAt(n + 1) & 255) << 8;
+    case 1:
+      t ^= e.charCodeAt(n) & 255, t = /* Math.imul(h, m): */
+      (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
+  }
+  return t ^= t >>> 13, t = /* Math.imul(h, m): */
+  (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
+}
+var Vo = {
+  animationIterationCount: 1,
+  aspectRatio: 1,
+  borderImageOutset: 1,
+  borderImageSlice: 1,
+  borderImageWidth: 1,
+  boxFlex: 1,
+  boxFlexGroup: 1,
+  boxOrdinalGroup: 1,
+  columnCount: 1,
+  columns: 1,
+  flex: 1,
+  flexGrow: 1,
+  flexPositive: 1,
+  flexShrink: 1,
+  flexNegative: 1,
+  flexOrder: 1,
+  gridRow: 1,
+  gridRowEnd: 1,
+  gridRowSpan: 1,
+  gridRowStart: 1,
+  gridColumn: 1,
+  gridColumnEnd: 1,
+  gridColumnSpan: 1,
+  gridColumnStart: 1,
+  msGridRow: 1,
+  msGridRowSpan: 1,
+  msGridColumn: 1,
+  msGridColumnSpan: 1,
+  fontWeight: 1,
+  lineHeight: 1,
+  opacity: 1,
+  order: 1,
+  orphans: 1,
+  scale: 1,
+  tabSize: 1,
+  widows: 1,
+  zIndex: 1,
+  zoom: 1,
+  WebkitLineClamp: 1,
+  // SVG-related properties
+  fillOpacity: 1,
+  floodOpacity: 1,
+  stopOpacity: 1,
+  strokeDasharray: 1,
+  strokeDashoffset: 1,
+  strokeMiterlimit: 1,
+  strokeOpacity: 1,
+  strokeWidth: 1
+};
+function Fo(e) {
+  var t = /* @__PURE__ */ Object.create(null);
+  return function(r) {
+    return t[r] === void 0 && (t[r] = e(r)), t[r];
+  };
+}
+var Yo = /[A-Z]|^ms/g, Uo = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Fr = function(t) {
+  return t.charCodeAt(1) === 45;
+}, hr = function(t) {
+  return t != null && typeof t != "boolean";
+}, Ot = /* @__PURE__ */ Fo(function(e) {
+  return Fr(e) ? e : e.replace(Yo, "-$&").toLowerCase();
+}), gr = function(t, r) {
+  switch (t) {
+    case "animation":
+    case "animationName":
+      if (typeof r == "string")
+        return r.replace(Uo, function(n, o, i) {
+          return Ce = {
+            name: o,
+            styles: i,
+            next: Ce
+          }, o;
+        });
+  }
+  return Vo[t] !== 1 && !Fr(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
+};
+function it(e, t, r) {
+  if (r == null)
+    return "";
+  var n = r;
+  if (n.__emotion_styles !== void 0)
+    return n;
+  switch (typeof r) {
+    case "boolean":
+      return "";
+    case "object": {
+      var o = r;
+      if (o.anim === 1)
+        return Ce = {
+          name: o.name,
+          styles: o.styles,
+          next: Ce
+        }, o.name;
+      var i = r;
+      if (i.styles !== void 0) {
+        var l = i.next;
+        if (l !== void 0)
+          for (; l !== void 0; )
+            Ce = {
+              name: l.name,
+              styles: l.styles,
+              next: Ce
+            }, l = l.next;
+        var s = i.styles + ";";
+        return s;
+      }
+      return qo(e, t, r);
+    }
+  }
+  var f = r;
+  return f;
+}
+function qo(e, t, r) {
+  var n = "";
+  if (Array.isArray(r))
+    for (var o = 0; o < r.length; o++)
+      n += it(e, t, r[o]) + ";";
+  else
+    for (var i in r) {
+      var l = r[i];
+      if (typeof l != "object") {
+        var s = l;
+        hr(s) && (n += Ot(i) + ":" + gr(i, s) + ";");
+      } else if (Array.isArray(l) && typeof l[0] == "string" && t == null)
+        for (var f = 0; f < l.length; f++)
+          hr(l[f]) && (n += Ot(i) + ":" + gr(i, l[f]) + ";");
+      else {
+        var d = it(e, t, l);
+        switch (i) {
+          case "animation":
+          case "animationName": {
+            n += Ot(i) + ":" + d + ";";
+            break;
+          }
+          default:
+            n += i + "{" + d + "}";
+        }
+      }
+    }
+  return n;
+}
+var yr = /label:\s*([^\s;{]+)\s*(;|$)/g, Ce;
+function Ho(e, t, r) {
+  if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
+    return e[0];
+  var n = !0, o = "";
+  Ce = void 0;
+  var i = e[0];
+  if (i == null || i.raw === void 0)
+    n = !1, o += it(r, t, i);
+  else {
+    var l = i;
+    o += l[0];
+  }
+  for (var s = 1; s < e.length; s++)
+    if (o += it(r, t, e[s]), n) {
+      var f = i;
+      o += f[s];
+    }
+  yr.lastIndex = 0;
+  for (var d = "", p; (p = yr.exec(o)) !== null; )
+    d += "-" + p[1];
+  var m = Wo(o) + d;
+  return {
+    name: m,
+    styles: o,
+    next: Ce
+  };
+}
+function Go(e, t) {
+  const r = Sn(e, t);
+  return process.env.NODE_ENV !== "production" ? (...n) => {
+    const o = typeof e == "string" ? `"${e}"` : "component";
+    return n.length === 0 ? console.error([`MUI: Seems like you called \`styled(${o})()\` without a \`style\` argument.`, 'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join(`
+`)) : n.some((i) => i === void 0) && console.error(`MUI: the styled(${o})(...args) API requires all its args to be defined.`), r(...n);
+  } : r;
+}
+function Ko(e, t) {
+  Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
+}
+const br = [];
+function Oe(e) {
+  return br[0] = e, Ho(br);
+}
+function Bt(e, t, r = !1) {
+  const n = {
+    ...t
+  };
+  for (const o in e)
+    if (Object.prototype.hasOwnProperty.call(e, o)) {
+      const i = o;
+      if (i === "components" || i === "slots")
+        n[i] = {
+          ...e[i],
+          ...n[i]
+        };
+      else if (i === "componentsProps" || i === "slotProps") {
+        const l = e[i], s = t[i];
+        if (!s)
+          n[i] = l || {};
+        else if (!l)
+          n[i] = s;
+        else {
+          n[i] = {
+            ...s
+          };
+          for (const f in l)
+            if (Object.prototype.hasOwnProperty.call(l, f)) {
+              const d = f;
+              n[i][d] = Bt(l[d], s[d], r);
+            }
+        }
+      } else i === "className" && r && t.className ? n.className = Mr(e?.className, t?.className) : i === "style" && r && t.style ? n.style = {
+        ...e?.style,
+        ...t?.style
+      } : n[i] === void 0 && (n[i] = e[i]);
+    }
+  return n;
+}
+const Xo = /* @__PURE__ */ ve.createContext(void 0);
+process.env.NODE_ENV !== "production" && (Y.node, Y.object);
+function Jo(e) {
+  const {
+    theme: t,
+    name: r,
+    props: n
+  } = e;
+  if (!t || !t.components || !t.components[r])
+    return n;
+  const o = t.components[r];
+  return o.defaultProps ? Bt(o.defaultProps, n, t.components.mergeClassNameAndStyle) : !o.styleOverrides && !o.variants ? Bt(o, n, t.components.mergeClassNameAndStyle) : n;
+}
+function Qo({
+  props: e,
+  name: t
+}) {
+  const r = ve.useContext(Xo);
+  return Jo({
+    props: e,
+    name: t,
+    theme: {
+      components: r
+    }
+  });
+}
+const Zo = (e) => {
+  const t = Object.keys(e).map((r) => ({
+    key: r,
+    val: e[r]
+  })) || [];
+  return t.sort((r, n) => r.val - n.val), t.reduce((r, n) => ({
+    ...r,
+    [n.key]: n.val
+  }), {});
+};
+function ei(e) {
+  const {
+    // The breakpoint **start** at this value.
+    // For instance with the first breakpoint xs: [xs, sm).
+    values: t = {
+      xs: 0,
+      // phone
+      sm: 600,
+      // tablet
+      md: 900,
+      // small laptop
+      lg: 1200,
+      // desktop
+      xl: 1536
+      // large screen
+    },
+    unit: r = "px",
+    step: n = 5,
+    ...o
+  } = e, i = Zo(t), l = Object.keys(i);
+  function s(u) {
+    return `@media (min-width:${typeof t[u] == "number" ? t[u] : u}${r})`;
+  }
+  function f(u) {
+    return `@media (max-width:${(typeof t[u] == "number" ? t[u] : u) - n / 100}${r})`;
+  }
+  function d(u, y) {
+    const b = l.indexOf(y);
+    return `@media (min-width:${typeof t[u] == "number" ? t[u] : u}${r}) and (max-width:${(b !== -1 && typeof t[l[b]] == "number" ? t[l[b]] : y) - n / 100}${r})`;
+  }
+  function p(u) {
+    return l.indexOf(u) + 1 < l.length ? d(u, l[l.indexOf(u) + 1]) : s(u);
+  }
+  function m(u) {
+    const y = l.indexOf(u);
+    return y === 0 ? s(l[1]) : y === l.length - 1 ? f(l[y]) : d(u, l[l.indexOf(u) + 1]).replace("@media", "@media not all and");
+  }
+  return {
+    keys: l,
+    values: i,
+    up: s,
+    down: f,
+    between: d,
+    only: p,
+    not: m,
+    unit: r,
+    ...o
+  };
+}
+const ti = {
+  borderRadius: 4
+};
+function ri(e = 8, t = Wt({
+  spacing: e
+})) {
+  if (e.mui)
+    return e;
+  const r = (...n) => (process.env.NODE_ENV !== "production" && (n.length <= 4 || console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${n.length}`)), (n.length === 0 ? [1] : n).map((i) => {
+    const l = t(i);
+    return typeof l == "number" ? `${l}px` : l;
+  }).join(" "));
+  return r.mui = !0, r;
+}
+function ni(e, t) {
+  const r = this;
+  if (r.vars) {
+    if (!r.colorSchemes?.[e] || typeof r.getColorSchemeSelector != "function")
+      return {};
+    let n = r.getColorSchemeSelector(e);
+    return n === "&" ? t : ((n.includes("data-") || n.includes(".")) && (n = `*:where(${n.replace(/\s*&$/, "")}) &`), {
+      [n]: t
+    });
+  }
+  return r.palette.mode === e ? t : {};
+}
+function Yr(e = {}, ...t) {
+  const {
+    breakpoints: r = {},
+    palette: n = {},
+    spacing: o,
+    shape: i = {},
+    ...l
+  } = e, s = ei(r), f = ri(o);
+  let d = de({
+    breakpoints: s,
+    direction: "ltr",
+    components: {},
+    // Inject component definitions.
+    palette: {
+      mode: "light",
+      ...n
+    },
+    spacing: f,
+    shape: {
+      ...ti,
+      ...i
+    }
+  }, l);
+  return d = zn(d), d.applyStyles = ni, d = t.reduce((p, m) => de(p, m), d), d.unstable_sxConfig = {
+    ...yt,
+    ...l?.unstable_sxConfig
+  }, d.unstable_sx = function(m) {
+    return ze({
+      sx: m,
+      theme: this
+    });
+  }, d;
+}
+const vr = (e, t, r, n = []) => {
+  let o = e;
+  t.forEach((i, l) => {
+    l === t.length - 1 ? Array.isArray(o) ? o[Number(i)] = r : o && typeof o == "object" && (o[i] = r) : o && typeof o == "object" && (o[i] || (o[i] = n.includes(i) ? [] : {}), o = o[i]);
+  });
+}, oi = (e, t, r) => {
+  function n(o, i = [], l = []) {
+    Object.entries(o).forEach(([s, f]) => {
+      (!r || r && !r([...i, s])) && f != null && (typeof f == "object" && Object.keys(f).length > 0 ? n(f, [...i, s], Array.isArray(f) ? [...l, s] : l) : t([...i, s], f, l));
+    });
+  }
+  n(e);
+}, ii = (e, t) => typeof t == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((n) => e.includes(n)) || e[e.length - 1].toLowerCase().includes("opacity") ? t : `${t}px` : t;
+function _t(e, t) {
+  const {
+    prefix: r,
+    shouldSkipGeneratingVar: n
+  } = t || {}, o = {}, i = {}, l = {};
+  return oi(
+    e,
+    (s, f, d) => {
+      if ((typeof f == "string" || typeof f == "number") && (!n || !n(s, f))) {
+        const p = `--${r ? `${r}-` : ""}${s.join("-")}`, m = ii(s, f);
+        Object.assign(o, {
+          [p]: m
+        }), vr(i, s, `var(${p})`, d), vr(l, s, `var(${p}, ${m})`, d);
+      }
+    },
+    (s) => s[0] === "vars"
+    // skip 'vars/*' paths
+  ), {
+    css: o,
+    vars: i,
+    varsWithDefaults: l
+  };
+}
+function ai(e, t = {}) {
+  const {
+    getSelector: r = O,
+    disableCssColorScheme: n,
+    colorSchemeSelector: o,
+    enableContrastVars: i
+  } = t, {
+    colorSchemes: l = {},
+    components: s,
+    defaultColorScheme: f = "light",
+    ...d
+  } = e, {
+    vars: p,
+    css: m,
+    varsWithDefaults: u
+  } = _t(d, t);
+  let y = u;
+  const b = {}, {
+    [f]: c,
+    ...g
+  } = l;
+  if (Object.entries(g || {}).forEach(([w, x]) => {
+    const {
+      vars: T,
+      css: Q,
+      varsWithDefaults: k
+    } = _t(x, t);
+    y = de(y, k), b[w] = {
+      css: Q,
+      vars: T
+    };
+  }), c) {
+    const {
+      css: w,
+      vars: x,
+      varsWithDefaults: T
+    } = _t(c, t);
+    y = de(y, T), b[f] = {
+      css: w,
+      vars: x
+    };
+  }
+  function O(w, x) {
+    let T = o;
+    if (o === "class" && (T = ".%s"), o === "data" && (T = "[data-%s]"), o?.startsWith("data-") && !o.includes("%s") && (T = `[${o}="%s"]`), w) {
+      if (T === "media")
+        return e.defaultColorScheme === w ? ":root" : {
+          [`@media (prefers-color-scheme: ${l[w]?.palette?.mode || w})`]: {
+            ":root": x
+          }
+        };
+      if (T)
+        return e.defaultColorScheme === w ? `:root, ${T.replace("%s", String(w))}` : T.replace("%s", String(w));
+    }
+    return ":root";
+  }
+  return {
+    vars: y,
+    generateThemeVars: () => {
+      let w = {
+        ...p
+      };
+      return Object.entries(b).forEach(([, {
+        vars: x
+      }]) => {
+        w = de(w, x);
+      }), w;
+    },
+    generateStyleSheets: () => {
+      const w = [], x = e.defaultColorScheme || "light";
+      function T(z, re) {
+        Object.keys(re).length && w.push(typeof z == "string" ? {
+          [z]: {
+            ...re
+          }
+        } : z);
+      }
+      T(r(void 0, {
+        ...m
+      }), m);
+      const {
+        [x]: Q,
+        ...k
+      } = b;
+      if (Q) {
+        const {
+          css: z
+        } = Q, re = l[x]?.palette?.mode, Z = !n && re ? {
+          colorScheme: re,
+          ...z
+        } : {
+          ...z
+        };
+        T(r(x, {
+          ...Z
+        }), Z);
+      }
+      return Object.entries(k).forEach(([z, {
+        css: re
+      }]) => {
+        const Z = l[z]?.palette?.mode, a = !n && Z ? {
+          colorScheme: Z,
+          ...re
+        } : {
+          ...re
+        };
+        T(r(z, {
+          ...a
+        }), a);
+      }), i && w.push({
+        ":root": {
+          // use double underscore to indicate that these are private variables
+          "--__l-threshold": "0.7",
+          "--__l": "clamp(0, (l / var(--__l-threshold) - 1) * -infinity, 1)",
+          "--__a": "clamp(0.87, (l / var(--__l-threshold) - 1) * -infinity, 1)"
+          // 0.87 is the default alpha value for black text.
+        }
+      }), w;
+    }
+  };
+}
+function si(e) {
+  const t = {};
+  return Object.entries(e).forEach((n) => {
+    const [o, i] = n;
+    typeof i == "object" && (t[o] = `${i.fontStyle ? `${i.fontStyle} ` : ""}${i.fontVariant ? `${i.fontVariant} ` : ""}${i.fontWeight ? `${i.fontWeight} ` : ""}${i.fontStretch ? `${i.fontStretch} ` : ""}${i.fontSize || ""}${i.lineHeight ? `/${i.lineHeight} ` : ""}${i.fontFamily || ""}`);
+  }), t;
+}
+function li(e) {
+  return function(r) {
+    return e === "media" ? (process.env.NODE_ENV !== "production" && r !== "light" && r !== "dark" && console.error(`MUI: @media (prefers-color-scheme) supports only 'light' or 'dark', but receive '${r}'.`), `@media (prefers-color-scheme: ${r})`) : e ? e.startsWith("data-") && !e.includes("%s") ? `[${e}="${r}"] &` : e === "class" ? `.${r} &` : e === "data" ? `[data-${r}] &` : `${e.replace("%s", r)} &` : "&";
+  };
+}
+const ci = {
+  active: "active",
+  checked: "checked",
+  completed: "completed",
+  disabled: "disabled",
+  error: "error",
+  expanded: "expanded",
+  focused: "focused",
+  focusVisible: "focusVisible",
+  open: "open",
+  readOnly: "readOnly",
+  required: "required",
+  selected: "selected"
+};
+function Ut(e, t, r = "Mui") {
+  const n = ci[t];
+  return n ? `${r}-${n}` : `${wn.generate(e)}-${t}`;
+}
+function ui(e, t) {
+  return {
+    toolbar: {
+      minHeight: 56,
+      [e.up("xs")]: {
+        "@media (orientation: landscape)": {
+          minHeight: 48
+        }
+      },
+      [e.up("sm")]: {
+        minHeight: 64
+      }
+    },
+    ...t
+  };
+}
+function di(e) {
+  return Math.round(e * 1e5) / 1e5;
+}
+const xr = {
+  textTransform: "uppercase"
+}, Sr = '"Roboto", "Helvetica", "Arial", sans-serif';
+function fi(e, t) {
+  const {
+    fontFamily: r = Sr,
+    // The default font size of the Material Specification.
+    fontSize: n = 14,
+    // px
+    fontWeightLight: o = 300,
+    fontWeightRegular: i = 400,
+    fontWeightMedium: l = 500,
+    fontWeightBold: s = 700,
+    // Tell MUI what's the font-size on the html element.
+    // 16px is the default font-size used by browsers.
+    htmlFontSize: f = 16,
+    // Apply the CSS properties to all the variants.
+    allVariants: d,
+    pxToRem: p,
+    ...m
+  } = typeof t == "function" ? t(e) : t;
+  process.env.NODE_ENV !== "production" && (typeof n != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof f != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
+  const u = n / 14, y = p || ((g) => `${g / f * u}rem`), b = (g, O, _, R, w) => ({
+    fontFamily: r,
+    fontWeight: g,
+    fontSize: y(O),
+    // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
+    lineHeight: _,
+    // The letter spacing was designed for the Roboto font-family. Using the same letter-spacing
+    // across font-families can cause issues with the kerning.
+    ...r === Sr ? {
+      letterSpacing: `${di(R / O)}em`
+    } : {},
+    ...w,
+    ...d
+  }), c = {
+    h1: b(o, 96, 1.167, -1.5),
+    h2: b(o, 60, 1.2, -0.5),
+    h3: b(i, 48, 1.167, 0),
+    h4: b(i, 34, 1.235, 0.25),
+    h5: b(i, 24, 1.334, 0),
+    h6: b(l, 20, 1.6, 0.15),
+    subtitle1: b(i, 16, 1.75, 0.15),
+    subtitle2: b(l, 14, 1.57, 0.1),
+    body1: b(i, 16, 1.5, 0.15),
+    body2: b(i, 14, 1.43, 0.15),
+    button: b(l, 14, 1.75, 0.4, xr),
+    caption: b(i, 12, 1.66, 0.4),
+    overline: b(i, 12, 2.66, 1, xr),
+    // TODO v6: Remove handling of 'inherit' variant from the theme as it is already handled in Material UI's Typography component. Also, remember to remove the associated types.
+    inherit: {
+      fontFamily: "inherit",
+      fontWeight: "inherit",
+      fontSize: "inherit",
+      lineHeight: "inherit",
+      letterSpacing: "inherit"
+    }
+  };
+  return de({
+    htmlFontSize: f,
+    pxToRem: y,
+    fontFamily: r,
+    fontSize: n,
+    fontWeightLight: o,
+    fontWeightRegular: i,
+    fontWeightMedium: l,
+    fontWeightBold: s,
+    ...c
+  }, m, {
+    clone: !1
+    // No need to clone deep
+  });
+}
+const pi = 0.2, mi = 0.14, hi = 0.12;
+function te(...e) {
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${pi})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${mi})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${hi})`].join(",");
+}
+const gi = ["none", te(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), te(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), te(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), te(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), te(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), te(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), te(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), te(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), te(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), te(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), te(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), te(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), te(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), te(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), te(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), te(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), te(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), te(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), te(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), te(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), te(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), te(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), te(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), te(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], yi = {
+  // This is the most common easing curve.
+  easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
+  // Objects enter the screen at full velocity from off-screen and
+  // slowly decelerate to a resting point.
+  easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
+  // Objects leave the screen at full velocity. They do not decelerate when off-screen.
+  easeIn: "cubic-bezier(0.4, 0, 1, 1)",
+  // The sharp curve is used by objects that may return to the screen at any time.
+  sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
+}, bi = {
+  shortest: 150,
+  shorter: 200,
+  short: 250,
+  // most basic recommended timing
+  standard: 300,
+  // this is to be used in complex animations
+  complex: 375,
+  // recommended when something is entering screen
+  enteringScreen: 225,
+  // recommended when something is leaving screen
+  leavingScreen: 195
+};
+function Cr(e) {
+  return `${Math.round(e)}ms`;
+}
+function vi(e) {
+  if (!e)
+    return 0;
+  const t = e / 36;
+  return Math.min(Math.round((4 + 15 * t ** 0.25 + t / 5) * 10), 3e3);
+}
+function xi(e) {
+  const t = {
+    ...yi,
+    ...e.easing
+  }, r = {
+    ...bi,
+    ...e.duration
+  };
+  return {
+    getAutoHeightDuration: vi,
+    create: (o = ["all"], i = {}) => {
+      const {
+        duration: l = r.standard,
+        easing: s = t.easeInOut,
+        delay: f = 0,
+        ...d
+      } = i;
+      if (process.env.NODE_ENV !== "production") {
+        const p = (u) => typeof u == "string", m = (u) => !Number.isNaN(parseFloat(u));
+        !p(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !m(l) && !p(l) && console.error(`MUI: Argument "duration" must be a number or a string but found ${l}.`), p(s) || console.error('MUI: Argument "easing" must be a string.'), !m(f) && !p(f) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof i != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
+`)), Object.keys(d).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(d).join(",")}].`);
+      }
+      return (Array.isArray(o) ? o : [o]).map((p) => `${p} ${typeof l == "string" ? l : Cr(l)} ${s} ${typeof f == "string" ? f : Cr(f)}`).join(",");
+    },
+    ...e,
+    easing: t,
+    duration: r
+  };
+}
+const Si = {
+  mobileStepper: 1e3,
+  fab: 1050,
+  speedDial: 1050,
+  appBar: 1100,
+  drawer: 1200,
+  modal: 1300,
+  snackbar: 1400,
+  tooltip: 1500
+};
+function Ci(e) {
+  return be(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
+}
+function Ur(e = {}) {
+  const t = {
+    ...e
+  };
+  function r(n) {
+    const o = Object.entries(n);
+    for (let i = 0; i < o.length; i++) {
+      const [l, s] = o[i];
+      !Ci(s) || l.startsWith("unstable_") ? delete n[l] : be(s) && (n[l] = {
+        ...s
+      }, r(n[l]));
+    }
+  }
+  return r(t), `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';
+
+const theme = ${JSON.stringify(t, null, 2)};
+
+theme.breakpoints = createBreakpoints(theme.breakpoints || {});
+theme.transitions = createTransitions(theme.transitions || {});
+
+export default theme;`;
+}
+function wr(e) {
+  return typeof e == "number" ? `${(e * 100).toFixed(0)}%` : `calc((${e}) * 100%)`;
+}
+const wi = (e) => {
+  if (!Number.isNaN(+e))
+    return +e;
+  const t = e.match(/\d*\.?\d+/g);
+  if (!t)
+    return 0;
+  let r = 0;
+  for (let n = 0; n < t.length; n += 1)
+    r += +t[n];
+  return r;
+};
+function Ei(e) {
+  Object.assign(e, {
+    alpha(t, r) {
+      const n = this || e;
+      return n.colorSpace ? `oklch(from ${t} l c h / ${typeof r == "string" ? `calc(${r})` : r})` : n.vars ? `rgba(${t.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g, "var(--$1Channel)")} / ${typeof r == "string" ? `calc(${r})` : r})` : zr(t, wi(r));
+    },
+    lighten(t, r) {
+      const n = this || e;
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #fff ${wr(r)})` : xt(t, r);
+    },
+    darken(t, r) {
+      const n = this || e;
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #000 ${wr(r)})` : vt(t, r);
+    }
+  });
+}
+function jt(e = {}, ...t) {
+  const {
+    breakpoints: r,
+    mixins: n = {},
+    spacing: o,
+    palette: i = {},
+    transitions: l = {},
+    typography: s = {},
+    shape: f,
+    colorSpace: d,
+    ...p
+  } = e;
+  if (e.vars && // The error should throw only for the root theme creation because user is not allowed to use a custom node `vars`.
+  // `generateThemeVars` is the closest identifier for checking that the `options` is a result of `createTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
+  e.generateThemeVars === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature." : we(20));
+  const m = Yt({
+    ...i,
+    colorSpace: d
+  }), u = Yr(e);
+  let y = de(u, {
+    mixins: ui(u.breakpoints, n),
+    palette: m,
+    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
+    shadows: gi.slice(),
+    typography: fi(m, s),
+    transitions: xi(l),
+    zIndex: {
+      ...Si
+    }
+  });
+  if (y = de(y, p), y = t.reduce((b, c) => de(b, c), y), process.env.NODE_ENV !== "production") {
+    const b = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], c = (g, O) => {
+      let _;
+      for (_ in g) {
+        const R = g[_];
+        if (b.includes(_) && Object.keys(R).length > 0) {
+          if (process.env.NODE_ENV !== "production") {
+            const w = Ut("", _);
+            console.error([`MUI: The \`${O}\` component increases the CSS specificity of the \`${_}\` internal state.`, "You can not override it like this: ", JSON.stringify(g, null, 2), "", `Instead, you need to use the '&.${w}' syntax:`, JSON.stringify({
+              root: {
+                [`&.${w}`]: R
+              }
+            }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
+`));
+          }
+          g[_] = {};
+        }
+      }
+    };
+    Object.keys(y.components).forEach((g) => {
+      const O = y.components[g].styleOverrides;
+      O && g.startsWith("Mui") && c(O, g);
+    });
+  }
+  return y.unstable_sxConfig = {
+    ...yt,
+    ...p?.unstable_sxConfig
+  }, y.unstable_sx = function(c) {
+    return ze({
+      sx: c,
+      theme: this
+    });
+  }, y.toRuntimeSource = Ur, Ei(y), y;
+}
+function Ti(e) {
+  let t;
+  return e < 1 ? t = 5.11916 * e ** 2 : t = 4.5 * Math.log(e + 1) + 2, Math.round(t * 10) / 1e3;
+}
+const $i = [...Array(25)].map((e, t) => {
+  if (t === 0)
+    return "none";
+  const r = Ti(t);
+  return `linear-gradient(rgba(255 255 255 / ${r}), rgba(255 255 255 / ${r}))`;
+});
+function qr(e) {
+  return {
+    inputPlaceholder: e === "dark" ? 0.5 : 0.42,
+    inputUnderline: e === "dark" ? 0.7 : 0.42,
+    switchTrackDisabled: e === "dark" ? 0.2 : 0.12,
+    switchTrack: e === "dark" ? 0.3 : 0.38
+  };
+}
+function Hr(e) {
+  return e === "dark" ? $i : [];
+}
+function Ai(e) {
+  const {
+    palette: t = {
+      mode: "light"
+    },
+    // need to cast to avoid module augmentation test
+    opacity: r,
+    overlays: n,
+    colorSpace: o,
+    ...i
+  } = e, l = Yt({
+    ...t,
+    colorSpace: o
+  });
+  return {
+    palette: l,
+    opacity: {
+      ...qr(l.mode),
+      ...r
+    },
+    overlays: n || Hr(l.mode),
+    ...i
+  };
+}
+function Oi(e) {
+  return !!e[0].match(/(cssVarPrefix|colorSchemeSelector|modularCssLayers|rootSelector|typography|mixins|breakpoints|direction|transitions)/) || !!e[0].match(/sxConfig$/) || // ends with sxConfig
+  e[0] === "palette" && !!e[1]?.match(/(mode|contrastThreshold|tonalOffset)/);
+}
+const _i = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlays-${r}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], ki = (e) => (t, r) => {
+  const n = e.rootSelector || ":root", o = e.colorSchemeSelector;
+  let i = o;
+  if (o === "class" && (i = ".%s"), o === "data" && (i = "[data-%s]"), o?.startsWith("data-") && !o.includes("%s") && (i = `[${o}="%s"]`), e.defaultColorScheme === t) {
+    if (t === "dark") {
+      const l = {};
+      return _i(e.cssVarPrefix).forEach((s) => {
+        l[s] = r[s], delete r[s];
+      }), i === "media" ? {
+        [n]: r,
+        "@media (prefers-color-scheme: dark)": {
+          [n]: l
+        }
+      } : i ? {
+        [i.replace("%s", t)]: l,
+        [`${n}, ${i.replace("%s", t)}`]: r
+      } : {
+        [n]: {
+          ...r,
+          ...l
+        }
+      };
+    }
+    if (i && i !== "media")
+      return `${n}, ${i.replace("%s", String(t))}`;
+  } else if (t) {
+    if (i === "media")
+      return {
+        [`@media (prefers-color-scheme: ${String(t)})`]: {
+          [n]: r
+        }
+      };
+    if (i)
+      return i.replace("%s", String(t));
+  }
+  return n;
+};
+function Ii(e, t) {
+  t.forEach((r) => {
+    e[r] || (e[r] = {});
+  });
+}
+function h(e, t, r) {
+  !e[t] && r && (e[t] = r);
+}
+function Ye(e) {
+  return typeof e != "string" || !e.startsWith("hsl") ? e : jr(e);
+}
+function ye(e, t) {
+  `${t}Channel` in e || (e[`${t}Channel`] = Fe(Ye(e[t]), `MUI: Can't create \`palette.${t}Channel\` because \`palette.${t}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
+To suppress this warning, you need to explicitly provide the \`palette.${t}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`));
+}
+function Ri(e) {
+  return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
+}
+const ge = (e) => {
+  try {
+    return e();
+  } catch {
+  }
+}, Pi = (e = "mui") => yn(e);
+function kt(e, t, r, n, o) {
+  if (!r)
+    return;
+  r = r === !0 ? {} : r;
+  const i = o === "dark" ? "dark" : "light";
+  if (!n) {
+    t[o] = Ai({
+      ...r,
+      palette: {
+        mode: i,
+        ...r?.palette
+      },
+      colorSpace: e
+    });
+    return;
+  }
+  const {
+    palette: l,
+    ...s
+  } = jt({
+    ...n,
+    palette: {
+      mode: i,
+      ...r?.palette
+    },
+    colorSpace: e
+  });
+  return t[o] = {
+    ...r,
+    palette: l,
+    opacity: {
+      ...qr(i),
+      ...r?.opacity
+    },
+    overlays: r?.overlays || Hr(i)
+  }, s;
+}
+function Ni(e = {}, ...t) {
+  const {
+    colorSchemes: r = {
+      light: !0
+    },
+    defaultColorScheme: n,
+    disableCssColorScheme: o = !1,
+    cssVarPrefix: i = "mui",
+    nativeColor: l = !1,
+    shouldSkipGeneratingVar: s = Oi,
+    colorSchemeSelector: f = r.light && r.dark ? "media" : void 0,
+    rootSelector: d = ":root",
+    ...p
+  } = e, m = Object.keys(r)[0], u = n || (r.light && m !== "light" ? "light" : m), y = Pi(i), {
+    [u]: b,
+    light: c,
+    dark: g,
+    ...O
+  } = r, _ = {
+    ...O
+  };
+  let R = b;
+  if ((u === "dark" && !("dark" in r) || u === "light" && !("light" in r)) && (R = !0), !R)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${u}\` option is either missing or invalid.` : we(21, u));
+  let w;
+  l && (w = "oklch");
+  const x = kt(w, _, R, p, u);
+  c && !_.light && kt(w, _, c, void 0, "light"), g && !_.dark && kt(w, _, g, void 0, "dark");
+  let T = {
+    defaultColorScheme: u,
+    ...x,
+    cssVarPrefix: i,
+    colorSchemeSelector: f,
+    rootSelector: d,
+    getCssVar: y,
+    colorSchemes: _,
+    font: {
+      ...si(x.typography),
+      ...x.font
+    },
+    spacing: Ri(p.spacing)
+  };
+  Object.keys(T.colorSchemes).forEach((Z) => {
+    const a = T.colorSchemes[Z].palette, A = (I) => {
+      const L = I.split("-"), ae = L[1], me = L[2];
+      return y(I, a[ae][me]);
+    };
+    a.mode === "light" && (h(a.common, "background", "#fff"), h(a.common, "onBackground", "#000")), a.mode === "dark" && (h(a.common, "background", "#000"), h(a.common, "onBackground", "#fff"));
+    function C(I, L, ae) {
+      if (w) {
+        let me;
+        return I === $e && (me = `transparent ${((1 - ae) * 100).toFixed(0)}%`), I === G && (me = `#000 ${(ae * 100).toFixed(0)}%`), I === K && (me = `#fff ${(ae * 100).toFixed(0)}%`), `color-mix(in ${w}, ${L}, ${me})`;
+      }
+      return I(L, ae);
+    }
+    if (Ii(a, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), a.mode === "light") {
+      h(a.Alert, "errorColor", C(G, a.error.light, 0.6)), h(a.Alert, "infoColor", C(G, a.info.light, 0.6)), h(a.Alert, "successColor", C(G, a.success.light, 0.6)), h(a.Alert, "warningColor", C(G, a.warning.light, 0.6)), h(a.Alert, "errorFilledBg", A("palette-error-main")), h(a.Alert, "infoFilledBg", A("palette-info-main")), h(a.Alert, "successFilledBg", A("palette-success-main")), h(a.Alert, "warningFilledBg", A("palette-warning-main")), h(a.Alert, "errorFilledColor", ge(() => a.getContrastText(a.error.main))), h(a.Alert, "infoFilledColor", ge(() => a.getContrastText(a.info.main))), h(a.Alert, "successFilledColor", ge(() => a.getContrastText(a.success.main))), h(a.Alert, "warningFilledColor", ge(() => a.getContrastText(a.warning.main))), h(a.Alert, "errorStandardBg", C(K, a.error.light, 0.9)), h(a.Alert, "infoStandardBg", C(K, a.info.light, 0.9)), h(a.Alert, "successStandardBg", C(K, a.success.light, 0.9)), h(a.Alert, "warningStandardBg", C(K, a.warning.light, 0.9)), h(a.Alert, "errorIconColor", A("palette-error-main")), h(a.Alert, "infoIconColor", A("palette-info-main")), h(a.Alert, "successIconColor", A("palette-success-main")), h(a.Alert, "warningIconColor", A("palette-warning-main")), h(a.AppBar, "defaultBg", A("palette-grey-100")), h(a.Avatar, "defaultBg", A("palette-grey-400")), h(a.Button, "inheritContainedBg", A("palette-grey-300")), h(a.Button, "inheritContainedHoverBg", A("palette-grey-A100")), h(a.Chip, "defaultBorder", A("palette-grey-400")), h(a.Chip, "defaultAvatarColor", A("palette-grey-700")), h(a.Chip, "defaultIconColor", A("palette-grey-700")), h(a.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), h(a.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), h(a.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), h(a.LinearProgress, "primaryBg", C(K, a.primary.main, 0.62)), h(a.LinearProgress, "secondaryBg", C(K, a.secondary.main, 0.62)), h(a.LinearProgress, "errorBg", C(K, a.error.main, 0.62)), h(a.LinearProgress, "infoBg", C(K, a.info.main, 0.62)), h(a.LinearProgress, "successBg", C(K, a.success.main, 0.62)), h(a.LinearProgress, "warningBg", C(K, a.warning.main, 0.62)), h(a.Skeleton, "bg", w ? C($e, a.text.primary, 0.11) : `rgba(${A("palette-text-primaryChannel")} / 0.11)`), h(a.Slider, "primaryTrack", C(K, a.primary.main, 0.62)), h(a.Slider, "secondaryTrack", C(K, a.secondary.main, 0.62)), h(a.Slider, "errorTrack", C(K, a.error.main, 0.62)), h(a.Slider, "infoTrack", C(K, a.info.main, 0.62)), h(a.Slider, "successTrack", C(K, a.success.main, 0.62)), h(a.Slider, "warningTrack", C(K, a.warning.main, 0.62));
+      const I = w ? C(G, a.background.default, 0.6825) : Ze(a.background.default, 0.8);
+      h(a.SnackbarContent, "bg", I), h(a.SnackbarContent, "color", ge(() => w ? Dt.text.primary : a.getContrastText(I))), h(a.SpeedDialAction, "fabHoverBg", Ze(a.background.paper, 0.15)), h(a.StepConnector, "border", A("palette-grey-400")), h(a.StepContent, "border", A("palette-grey-400")), h(a.Switch, "defaultColor", A("palette-common-white")), h(a.Switch, "defaultDisabledColor", A("palette-grey-100")), h(a.Switch, "primaryDisabledColor", C(K, a.primary.main, 0.62)), h(a.Switch, "secondaryDisabledColor", C(K, a.secondary.main, 0.62)), h(a.Switch, "errorDisabledColor", C(K, a.error.main, 0.62)), h(a.Switch, "infoDisabledColor", C(K, a.info.main, 0.62)), h(a.Switch, "successDisabledColor", C(K, a.success.main, 0.62)), h(a.Switch, "warningDisabledColor", C(K, a.warning.main, 0.62)), h(a.TableCell, "border", C(K, C($e, a.divider, 1), 0.88)), h(a.Tooltip, "bg", C($e, a.grey[700], 0.92));
+    }
+    if (a.mode === "dark") {
+      h(a.Alert, "errorColor", C(K, a.error.light, 0.6)), h(a.Alert, "infoColor", C(K, a.info.light, 0.6)), h(a.Alert, "successColor", C(K, a.success.light, 0.6)), h(a.Alert, "warningColor", C(K, a.warning.light, 0.6)), h(a.Alert, "errorFilledBg", A("palette-error-dark")), h(a.Alert, "infoFilledBg", A("palette-info-dark")), h(a.Alert, "successFilledBg", A("palette-success-dark")), h(a.Alert, "warningFilledBg", A("palette-warning-dark")), h(a.Alert, "errorFilledColor", ge(() => a.getContrastText(a.error.dark))), h(a.Alert, "infoFilledColor", ge(() => a.getContrastText(a.info.dark))), h(a.Alert, "successFilledColor", ge(() => a.getContrastText(a.success.dark))), h(a.Alert, "warningFilledColor", ge(() => a.getContrastText(a.warning.dark))), h(a.Alert, "errorStandardBg", C(G, a.error.light, 0.9)), h(a.Alert, "infoStandardBg", C(G, a.info.light, 0.9)), h(a.Alert, "successStandardBg", C(G, a.success.light, 0.9)), h(a.Alert, "warningStandardBg", C(G, a.warning.light, 0.9)), h(a.Alert, "errorIconColor", A("palette-error-main")), h(a.Alert, "infoIconColor", A("palette-info-main")), h(a.Alert, "successIconColor", A("palette-success-main")), h(a.Alert, "warningIconColor", A("palette-warning-main")), h(a.AppBar, "defaultBg", A("palette-grey-900")), h(a.AppBar, "darkBg", A("palette-background-paper")), h(a.AppBar, "darkColor", A("palette-text-primary")), h(a.Avatar, "defaultBg", A("palette-grey-600")), h(a.Button, "inheritContainedBg", A("palette-grey-800")), h(a.Button, "inheritContainedHoverBg", A("palette-grey-700")), h(a.Chip, "defaultBorder", A("palette-grey-700")), h(a.Chip, "defaultAvatarColor", A("palette-grey-300")), h(a.Chip, "defaultIconColor", A("palette-grey-300")), h(a.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), h(a.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), h(a.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), h(a.LinearProgress, "primaryBg", C(G, a.primary.main, 0.5)), h(a.LinearProgress, "secondaryBg", C(G, a.secondary.main, 0.5)), h(a.LinearProgress, "errorBg", C(G, a.error.main, 0.5)), h(a.LinearProgress, "infoBg", C(G, a.info.main, 0.5)), h(a.LinearProgress, "successBg", C(G, a.success.main, 0.5)), h(a.LinearProgress, "warningBg", C(G, a.warning.main, 0.5)), h(a.Skeleton, "bg", w ? C($e, a.text.primary, 0.13) : `rgba(${A("palette-text-primaryChannel")} / 0.13)`), h(a.Slider, "primaryTrack", C(G, a.primary.main, 0.5)), h(a.Slider, "secondaryTrack", C(G, a.secondary.main, 0.5)), h(a.Slider, "errorTrack", C(G, a.error.main, 0.5)), h(a.Slider, "infoTrack", C(G, a.info.main, 0.5)), h(a.Slider, "successTrack", C(G, a.success.main, 0.5)), h(a.Slider, "warningTrack", C(G, a.warning.main, 0.5));
+      const I = w ? C(K, a.background.default, 0.985) : Ze(a.background.default, 0.98);
+      h(a.SnackbarContent, "bg", I), h(a.SnackbarContent, "color", ge(() => w ? Wr.text.primary : a.getContrastText(I))), h(a.SpeedDialAction, "fabHoverBg", Ze(a.background.paper, 0.15)), h(a.StepConnector, "border", A("palette-grey-600")), h(a.StepContent, "border", A("palette-grey-600")), h(a.Switch, "defaultColor", A("palette-grey-300")), h(a.Switch, "defaultDisabledColor", A("palette-grey-600")), h(a.Switch, "primaryDisabledColor", C(G, a.primary.main, 0.55)), h(a.Switch, "secondaryDisabledColor", C(G, a.secondary.main, 0.55)), h(a.Switch, "errorDisabledColor", C(G, a.error.main, 0.55)), h(a.Switch, "infoDisabledColor", C(G, a.info.main, 0.55)), h(a.Switch, "successDisabledColor", C(G, a.success.main, 0.55)), h(a.Switch, "warningDisabledColor", C(G, a.warning.main, 0.55)), h(a.TableCell, "border", C(G, C($e, a.divider, 1), 0.68)), h(a.Tooltip, "bg", C($e, a.grey[700], 0.92));
+    }
+    ye(a.background, "default"), ye(a.background, "paper"), ye(a.common, "background"), ye(a.common, "onBackground"), ye(a, "divider"), Object.keys(a).forEach((I) => {
+      const L = a[I];
+      I !== "tonalOffset" && L && typeof L == "object" && (L.main && h(a[I], "mainChannel", Fe(Ye(L.main))), L.light && h(a[I], "lightChannel", Fe(Ye(L.light))), L.dark && h(a[I], "darkChannel", Fe(Ye(L.dark))), L.contrastText && h(a[I], "contrastTextChannel", Fe(Ye(L.contrastText))), I === "text" && (ye(a[I], "primary"), ye(a[I], "secondary")), I === "action" && (L.active && ye(a[I], "active"), L.selected && ye(a[I], "selected")));
+    });
+  }), T = t.reduce((Z, a) => de(Z, a), T);
+  const Q = {
+    prefix: i,
+    disableCssColorScheme: o,
+    shouldSkipGeneratingVar: s,
+    getSelector: ki(T),
+    enableContrastVars: l
+  }, {
+    vars: k,
+    generateThemeVars: z,
+    generateStyleSheets: re
+  } = ai(T, Q);
+  return T.vars = k, Object.entries(T.colorSchemes[T.defaultColorScheme]).forEach(([Z, a]) => {
+    T[Z] = a;
+  }), T.generateThemeVars = z, T.generateStyleSheets = re, T.generateSpacing = function() {
+    return bn(p.spacing, Wt(this));
+  }, T.getColorSchemeSelector = li(f), T.spacing = T.generateSpacing(), T.shouldSkipGeneratingVar = s, T.unstable_sxConfig = {
+    ...yt,
+    ...p?.unstable_sxConfig
+  }, T.unstable_sx = function(a) {
+    return ze({
+      sx: a,
+      theme: this
+    });
+  }, T.toRuntimeSource = Ur, T;
+}
+function Er(e, t, r) {
+  e.colorSchemes && r && (e.colorSchemes[t] = {
+    ...r !== !0 && r,
+    palette: Yt({
+      ...r === !0 ? {} : r.palette,
+      mode: t
+    })
+    // cast type to skip module augmentation test
+  });
+}
+function Mi(e = {}, ...t) {
+  const {
+    palette: r,
+    cssVariables: n = !1,
+    colorSchemes: o = r ? void 0 : {
+      light: !0
+    },
+    defaultColorScheme: i = r?.mode,
+    ...l
+  } = e, s = i || "light", f = o?.[s], d = {
+    ...o,
+    ...r ? {
+      [s]: {
+        ...typeof f != "boolean" && f,
+        palette: r
+      }
+    } : void 0
+  };
+  if (n === !1) {
+    if (!("colorSchemes" in e))
+      return jt(e, ...t);
+    let p = r;
+    "palette" in e || d[s] && (d[s] !== !0 ? p = d[s].palette : s === "dark" && (p = {
+      mode: "dark"
+    }));
+    const m = jt({
+      ...e,
+      palette: p
+    }, ...t);
+    return m.defaultColorScheme = s, m.colorSchemes = d, m.palette.mode === "light" && (m.colorSchemes.light = {
+      ...d.light !== !0 && d.light,
+      palette: m.palette
+    }, Er(m, "dark", d.dark)), m.palette.mode === "dark" && (m.colorSchemes.dark = {
+      ...d.dark !== !0 && d.dark,
+      palette: m.palette
+    }, Er(m, "light", d.light)), m;
+  }
+  return !r && !("light" in d) && s === "light" && (d.light = !0), Ni({
+    ...l,
+    colorSchemes: d,
+    defaultColorScheme: s,
+    ...typeof n != "boolean" && n
+  }, ...t);
+}
+const Gr = Mi(), Kr = "$$material";
+function Xr() {
+  const e = vn(Gr);
+  return process.env.NODE_ENV !== "production" && ve.useDebugValue(e), e[Kr] || e;
+}
+function Jr(e, t = "") {
+  return e.displayName || e.name || t;
+}
+function Tr(e, t, r) {
+  const n = Jr(t);
+  return e.displayName || (n !== "" ? `${r}(${n})` : r);
+}
+function Di(e) {
+  if (e != null) {
+    if (typeof e == "string")
+      return e;
+    if (typeof e == "function")
+      return Jr(e, "Component");
+    if (typeof e == "object")
+      switch (e.$$typeof) {
+        case nt.ForwardRef:
+          return Tr(e, e.render, "ForwardRef");
+        case nt.Memo:
+          return Tr(e, e.type, "memo");
+        default:
+          return;
+      }
+  }
+}
+function Bi(e) {
+  const {
+    variants: t,
+    ...r
+  } = e, n = {
+    variants: t,
+    style: Oe(r),
+    isProcessed: !0
+  };
+  return n.style === r || t && t.forEach((o) => {
+    typeof o.style != "function" && (o.style = Oe(o.style));
+  }), n;
+}
+const ji = Yr();
+function It(e) {
+  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+function Ae(e, t) {
+  return t && e && typeof e == "object" && e.styles && !e.styles.startsWith("@layer") && (e.styles = `@layer ${t}{${String(e.styles)}}`), e;
+}
+function zi(e) {
+  return e ? (t, r) => r[e] : null;
+}
+function Li(e, t, r) {
+  e.theme = Yi(e.theme) ? r : e.theme[t] || e.theme;
+}
+function tt(e, t, r) {
+  const n = typeof t == "function" ? t(e) : t;
+  if (Array.isArray(n))
+    return n.flatMap((o) => tt(e, o, r));
+  if (Array.isArray(n?.variants)) {
+    let o;
+    if (n.isProcessed)
+      o = r ? Ae(n.style, r) : n.style;
+    else {
+      const {
+        variants: i,
+        ...l
+      } = n;
+      o = r ? Ae(Oe(l), r) : l;
+    }
+    return Qr(e, n.variants, [o], r);
+  }
+  return n?.isProcessed ? r ? Ae(Oe(n.style), r) : n.style : r ? Ae(Oe(n), r) : n;
+}
+function Qr(e, t, r = [], n = void 0) {
+  let o;
+  e: for (let i = 0; i < t.length; i += 1) {
+    const l = t[i];
+    if (typeof l.props == "function") {
+      if (o ??= {
+        ...e,
+        ...e.ownerState,
+        ownerState: e.ownerState
+      }, !l.props(o))
+        continue;
+    } else
+      for (const s in l.props)
+        if (e[s] !== l.props[s] && e.ownerState?.[s] !== l.props[s])
+          continue e;
+    typeof l.style == "function" ? (o ??= {
+      ...e,
+      ...e.ownerState,
+      ownerState: e.ownerState
+    }, r.push(n ? Ae(Oe(l.style(o)), n) : l.style(o))) : r.push(n ? Ae(Oe(l.style), n) : l.style);
+  }
+  return r;
+}
+function Wi(e = {}) {
+  const {
+    themeId: t,
+    defaultTheme: r = ji,
+    rootShouldForwardProp: n = It,
+    slotShouldForwardProp: o = It
+  } = e;
+  function i(s) {
+    Li(s, t, r);
+  }
+  return (s, f = {}) => {
+    Ko(s, (T) => T.filter((Q) => Q !== ze));
+    const {
+      name: d,
+      slot: p,
+      skipVariantsResolver: m,
+      skipSx: u,
+      // TODO v6: remove `lowercaseFirstLetter()` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      overridesResolver: y = zi(Zr(p)),
+      ...b
+    } = f, c = d && d.startsWith("Mui") || p ? "components" : "custom", g = m !== void 0 ? m : (
+      // TODO v6: remove `Root` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      p && p !== "Root" && p !== "root" || !1
+    ), O = u || !1;
+    let _ = It;
+    p === "Root" || p === "root" ? _ = n : p ? _ = o : Ui(s) && (_ = void 0);
+    const R = Go(s, {
+      shouldForwardProp: _,
+      label: Fi(d, p),
+      ...b
+    }), w = (T) => {
+      if (T.__emotion_real === T)
+        return T;
+      if (typeof T == "function")
+        return function(k) {
+          return tt(k, T, k.theme.modularCssLayers ? c : void 0);
+        };
+      if (be(T)) {
+        const Q = Bi(T);
+        return function(z) {
+          return Q.variants ? tt(z, Q, z.theme.modularCssLayers ? c : void 0) : z.theme.modularCssLayers ? Ae(Q.style, c) : Q.style;
+        };
+      }
+      return T;
+    }, x = (...T) => {
+      const Q = [], k = T.map(w), z = [];
+      if (Q.push(i), d && y && z.push(function(A) {
+        const I = A.theme.components?.[d]?.styleOverrides;
+        if (!I)
+          return null;
+        const L = {};
+        for (const ae in I)
+          L[ae] = tt(A, I[ae], A.theme.modularCssLayers ? "theme" : void 0);
+        return y(A, L);
+      }), d && !g && z.push(function(A) {
+        const I = A.theme?.components?.[d]?.variants;
+        return I ? Qr(A, I, [], A.theme.modularCssLayers ? "theme" : void 0) : null;
+      }), O || z.push(ze), Array.isArray(k[0])) {
+        const a = k.shift(), A = new Array(Q.length).fill(""), C = new Array(z.length).fill("");
+        let I;
+        I = [...A, ...a, ...C], I.raw = [...A, ...a.raw, ...C], Q.unshift(I);
+      }
+      const re = [...Q, ...k, ...z], Z = R(...re);
+      return s.muiName && (Z.muiName = s.muiName), process.env.NODE_ENV !== "production" && (Z.displayName = Vi(d, p, s)), Z;
+    };
+    return R.withConfig && (x.withConfig = R.withConfig), x;
+  };
+}
+function Vi(e, t, r) {
+  return e ? `${e}${_e(t || "")}` : `Styled(${Di(r)})`;
+}
+function Fi(e, t) {
+  let r;
+  return process.env.NODE_ENV !== "production" && e && (r = `${e}-${Zr(t || "Root")}`), r;
+}
+function Yi(e) {
+  for (const t in e)
+    return !1;
+  return !0;
+}
+function Ui(e) {
+  return typeof e == "string" && // 96 is one less than the char code
+  // for "a" so this is checking that
+  // it's a lowercase character
+  e.charCodeAt(0) > 96;
+}
+function Zr(e) {
+  return e && e.charAt(0).toLowerCase() + e.slice(1);
+}
+function qi(e) {
+  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+const Hi = (e) => qi(e) && e !== "classes", ke = Wi({
+  themeId: Kr,
+  defaultTheme: Gr,
+  rootShouldForwardProp: Hi
+}), Gi = xn;
+process.env.NODE_ENV !== "production" && (Y.node, Y.object.isRequired);
+function Ki(e) {
+  return Qo(e);
+}
+function Xi(e, t, r = "Mui") {
+  const n = {};
+  return t.forEach((o) => {
+    n[o] = Ut(e, o, r);
+  }), n;
+}
+function Ji(e) {
+  return Ut("MuiSvgIcon", e);
+}
+Xi("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+const Qi = (e) => {
+  const {
+    color: t,
+    fontSize: r,
+    classes: n
+  } = e, o = {
+    root: ["root", t !== "inherit" && `color${_e(t)}`, `fontSize${_e(r)}`]
+  };
+  return Pn(o, Ji, n);
+}, Zi = ke("svg", {
+  name: "MuiSvgIcon",
+  slot: "Root",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: r
+    } = e;
+    return [t.root, r.color !== "inherit" && t[`color${_e(r.color)}`], t[`fontSize${_e(r.fontSize)}`]];
+  }
+})(Gi(({
+  theme: e
+}) => ({
+  userSelect: "none",
+  width: "1em",
+  height: "1em",
+  display: "inline-block",
+  flexShrink: 0,
+  transition: e.transitions?.create?.("fill", {
+    duration: (e.vars ?? e).transitions?.duration?.shorter
+  }),
+  variants: [
+    {
+      props: (t) => !t.hasSvgAsChild,
+      style: {
+        // the <svg> will define the property that has `currentColor`
+        // for example heroicons uses fill="none" and stroke="currentColor"
+        fill: "currentColor"
+      }
+    },
+    {
+      props: {
+        fontSize: "inherit"
+      },
+      style: {
+        fontSize: "inherit"
+      }
+    },
+    {
+      props: {
+        fontSize: "small"
+      },
+      style: {
+        fontSize: e.typography?.pxToRem?.(20) || "1.25rem"
+      }
+    },
+    {
+      props: {
+        fontSize: "medium"
+      },
+      style: {
+        fontSize: e.typography?.pxToRem?.(24) || "1.5rem"
+      }
+    },
+    {
+      props: {
+        fontSize: "large"
+      },
+      style: {
+        fontSize: e.typography?.pxToRem?.(35) || "2.1875rem"
+      }
+    },
+    // TODO v5 deprecate color prop, v6 remove for sx
+    ...Object.entries((e.vars ?? e).palette).filter(([, t]) => t && t.main).map(([t]) => ({
+      props: {
+        color: t
+      },
+      style: {
+        color: (e.vars ?? e).palette?.[t]?.main
+      }
+    })),
+    {
+      props: {
+        color: "action"
+      },
+      style: {
+        color: (e.vars ?? e).palette?.action?.active
+      }
+    },
+    {
+      props: {
+        color: "disabled"
+      },
+      style: {
+        color: (e.vars ?? e).palette?.action?.disabled
+      }
+    },
+    {
+      props: {
+        color: "inherit"
+      },
+      style: {
+        color: void 0
+      }
+    }
+  ]
+}))), at = /* @__PURE__ */ ve.forwardRef(function(t, r) {
+  const n = Ki({
+    props: t,
+    name: "MuiSvgIcon"
+  }), {
+    children: o,
+    className: i,
+    color: l = "inherit",
+    component: s = "svg",
+    fontSize: f = "medium",
+    htmlColor: d,
+    inheritViewBox: p = !1,
+    titleAccess: m,
+    viewBox: u = "0 0 24 24",
+    ...y
+  } = n, b = /* @__PURE__ */ ve.isValidElement(o) && o.type === "svg", c = {
+    ...n,
+    color: l,
+    component: s,
+    fontSize: f,
+    instanceFontSize: t.fontSize,
+    inheritViewBox: p,
+    viewBox: u,
+    hasSvgAsChild: b
+  }, g = {};
+  p || (g.viewBox = u);
+  const O = Qi(c);
+  return /* @__PURE__ */ ee(Zi, {
+    as: s,
+    className: Mr(O.root, i),
+    focusable: "false",
+    color: d,
+    "aria-hidden": m ? void 0 : !0,
+    role: m ? "img" : void 0,
+    ref: r,
+    ...g,
+    ...y,
+    ...b && o.props,
+    ownerState: c,
+    children: [b ? o.props.children : o, m ? /* @__PURE__ */ v("title", {
+      children: m
+    }) : null]
+  });
+});
+process.env.NODE_ENV !== "production" && (at.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Node passed into the SVG element.
+   */
+  children: Y.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: Y.object,
+  /**
+   * @ignore
+   */
+  className: Y.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
+   * @default 'inherit'
+   */
+  color: Y.oneOfType([Y.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), Y.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: Y.elementType,
+  /**
+   * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
+   * @default 'medium'
+   */
+  fontSize: Y.oneOfType([Y.oneOf(["inherit", "large", "medium", "small"]), Y.string]),
+  /**
+   * Applies a color attribute to the SVG element.
+   */
+  htmlColor: Y.string,
+  /**
+   * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
+   * prop will be ignored.
+   * Useful when you want to reference a custom `component` and have `SvgIcon` pass that
+   * `component`'s viewBox to the root node.
+   * @default false
+   */
+  inheritViewBox: Y.bool,
+  /**
+   * The shape-rendering attribute. The behavior of the different options is described on the
+   * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/shape-rendering).
+   * If you are having issues with blurry icons you should investigate this prop.
+   */
+  shapeRendering: Y.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: Y.oneOfType([Y.arrayOf(Y.oneOfType([Y.func, Y.object, Y.bool])), Y.func, Y.object]),
+  /**
+   * Provides a human-readable title for the element that contains it.
+   * https://www.w3.org/TR/SVG-access/#Equivalent
+   */
+  titleAccess: Y.string,
+  /**
+   * Allows you to redefine what the coordinates without units mean inside an SVG element.
+   * For example, if the SVG element is 500 (width) by 200 (height),
+   * and you pass viewBox="0 0 50 20",
+   * this means that the coordinates inside the SVG will go from the top left corner (0,0)
+   * to bottom right (50,20) and each unit will be worth 10px.
+   * @default '0 0 24 24'
+   */
+  viewBox: Y.string
+});
+at.muiName = "SvgIcon";
+function Se(e, t) {
+  function r(n, o) {
+    return /* @__PURE__ */ v(at, {
+      "data-testid": process.env.NODE_ENV !== "production" ? `${t}Icon` : void 0,
+      ref: o,
+      ...n,
+      children: e
+    });
+  }
+  return process.env.NODE_ENV !== "production" && (r.displayName = `${t}Icon`), r.muiName = at.muiName, /* @__PURE__ */ ve.memo(/* @__PURE__ */ ve.forwardRef(r));
+}
+const en = Se(/* @__PURE__ */ v("path", {
+  d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
+}), "ExpandMore"), Ma = ({
+  elementos: e,
+  multiple: t = !1,
+  variante: r = "simple",
+  idsAbiertosInicialmente: n,
+  alCambiar: o
+}) => {
+  const [i, l] = De(
+    n ?? []
+  ), s = st(), f = s.palette.mode === "dark", d = (u) => {
+    const b = i.includes(u) ? i.filter((c) => c !== u) : t ? [...i, u] : [u];
+    l(b), o?.(b);
+  }, p = {
+    simple: {
+      borderTop: `1px solid ${s.palette.divider}`,
+      borderBottom: `1px solid ${s.palette.divider}`
+    },
+    bordeado: {
+      border: `1px solid ${s.palette.divider}`,
+      borderRadius: 3,
+      overflow: "hidden"
+    },
+    separado: {
+      display: "flex",
+      flexDirection: "column",
+      gap: 1
+    }
+  }, m = (u, y) => {
+    const b = {
+      bgcolor: s.palette.background.paper,
+      transition: s.transitions.create(["background-color", "border-color", "box-shadow"], {
+        duration: s.transitions.duration.short
+      }),
+      ...y && {
+        opacity: 0.6,
+        cursor: "not-allowed",
+        bgcolor: f ? ce(s.palette.common.black, 0.2) : s.palette.grey[50]
+      }
+    };
+    return r === "separado" ? {
+      ...b,
+      border: `1px solid ${u ? ce(s.palette.primary.main, 0.5) : s.palette.divider}`,
+      borderRadius: 3,
+      boxShadow: u ? `0 0 0 1px ${ce(s.palette.primary.main, 0.2)}` : s.shadows[1],
+      ...!y && !u && {
+        "&:hover": {
+          borderColor: s.palette.action.hover
+        }
+      }
+    } : {
+      ...b,
+      borderBottom: r === "bordeado" ? void 0 : `1px solid ${s.palette.divider}`,
+      "&:last-child": { borderBottom: "none" },
+      ...!y && {
+        "&:hover": {
+          bgcolor: s.palette.action.hover
+        }
+      }
+    };
+  };
+  return /* @__PURE__ */ v(N, { sx: { width: "100%", ...p[r] }, children: e.map((u) => {
+    const y = i.includes(u.id), b = !!u.deshabilitado, c = `acordeon-contenido-${u.id}`, g = `acordeon-cabecera-${u.id}`;
+    return /* @__PURE__ */ ee(N, { sx: m(y, b), children: [
+      /* @__PURE__ */ ee(
+        rn,
+        {
+          id: g,
+          "aria-expanded": y,
+          "aria-controls": c,
+          disabled: b,
+          onClick: () => !b && d(u.id),
+          sx: {
+            width: "100%",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-between",
+            gap: 2,
+            px: 2.5,
+            py: 2,
+            textAlign: "left",
+            "&:focus-visible": {
+              outline: `2px solid ${s.palette.primary.main}`,
+              outlineOffset: -2
+            }
+          },
+          children: [
+            /* @__PURE__ */ ee(N, { sx: { display: "flex", alignItems: "center", gap: 1.5, minWidth: 0 }, children: [
+              u.iconoIzquierda && /* @__PURE__ */ v(
+                N,
+                {
+                  sx: {
+                    fontSize: 20,
+                    display: "flex",
+                    color: y ? s.palette.primary.main : s.palette.text.disabled,
+                    transition: s.transitions.create("color")
+                  },
+                  children: u.iconoIzquierda
+                }
+              ),
+              /* @__PURE__ */ ee(N, { sx: { display: "flex", flexDirection: "column", textAlign: "left" }, children: [
+                /* @__PURE__ */ v(
+                  se,
+                  {
+                    variant: "body2",
+                    fontWeight: 600,
+                    color: y ? "primary.main" : "text.primary",
+                    sx: { transition: s.transitions.create("color") },
+                    children: u.titulo
+                  }
+                ),
+                u.subtitulo && /* @__PURE__ */ v(
+                  se,
+                  {
+                    variant: "caption",
+                    color: "text.secondary",
+                    noWrap: !0,
+                    children: u.subtitulo
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ v(
+              en,
+              {
+                sx: {
+                  fontSize: 20,
+                  color: y ? s.palette.primary.main : s.palette.text.disabled,
+                  transform: y ? "rotate(180deg)" : "rotate(0deg)",
+                  transition: s.transitions.create(["transform", "color"], {
+                    duration: s.transitions.duration.short
+                  }),
+                  flexShrink: 0
+                }
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ v(_r, { in: y, children: /* @__PURE__ */ v(
+        N,
+        {
+          id: c,
+          role: "region",
+          "aria-labelledby": g,
+          sx: {
+            px: 2.5,
+            pb: 2.5,
+            pt: r === "separado" ? 1 : 0
+          },
+          children: /* @__PURE__ */ v(se, { variant: "body2", color: "text.secondary", sx: { lineHeight: 1.7 }, children: u.contenido })
+        }
+      ) })
+    ] }, u.id);
+  }) });
+}, ea = ({
+  derechosAutor: e,
+  enlaces: t,
+  redesSociales: r,
+  barraLateralColapsada: n = !1,
+  className: o = "",
+  children: i,
+  ...l
+}) => {
+  const s = st(), f = (/* @__PURE__ */ new Date()).getFullYear(), d = e || `© ${f} Codeplex. Todos los derechos reservados.`, p = n ? 80 : 260;
+  return /* @__PURE__ */ v(
+    N,
+    {
+      component: "footer",
+      className: o,
+      sx: {
+        position: "fixed",
+        bottom: 0,
+        right: 0,
+        zIndex: s.zIndex.drawer + 1,
+        left: {
+          xs: 0,
+          md: `${p}px`
+        },
+        bgcolor: "background.paper",
+        borderTop: `1px solid ${s.palette.divider}`,
+        color: "text.secondary",
+        transition: s.transitions.create(["left"], {
+          easing: s.transitions.easing.sharp,
+          duration: s.transitions.duration.enteringScreen
+        }),
+        py: 2,
+        px: 3
+      },
+      ...l,
+      children: /* @__PURE__ */ ee(N, { sx: {
+        display: "flex",
+        flexDirection: { xs: "column", md: "row" },
+        alignItems: "center",
+        justifyContent: "space-between",
+        gap: 2
+      }, children: [
+        /* @__PURE__ */ v(se, { variant: "caption", sx: { color: "text.secondary", textAlign: { xs: "center", md: "left" } }, children: d }),
+        t && t.length > 0 && /* @__PURE__ */ v(
+          N,
+          {
+            component: "ul",
+            sx: {
+              display: "flex",
+              flexWrap: "wrap",
+              gap: 3,
+              p: 0,
+              m: 0,
+              listStyle: "none",
+              justifyContent: "center"
+            },
+            children: t.map((m, u) => /* @__PURE__ */ v(N, { component: "li", children: /* @__PURE__ */ v(
+              se,
+              {
+                component: "a",
+                variant: "caption",
+                href: m.href,
+                sx: {
+                  color: "text.secondary",
+                  textDecoration: "none",
+                  fontWeight: 500,
+                  "&:hover": { color: "primary.main" }
+                },
+                children: m.etiqueta
+              }
+            ) }, u))
+          }
+        ),
+        /* @__PURE__ */ ee(N, { sx: { display: "flex", alignItems: "center", gap: 2 }, children: [
+          r && /* @__PURE__ */ v(N, { sx: { display: "flex", gap: 1 }, children: r.github && /* @__PURE__ */ v(
+            Be,
+            {
+              size: "small",
+              component: "a",
+              href: r.github,
+              target: "_blank",
+              sx: { color: "text.secondary", "&:hover": { color: "text.primary" } },
+              children: /* @__PURE__ */ v("svg", { width: "20", height: "20", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ v("path", { d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" }) })
+            }
+          ) }),
+          i
+        ] })
+      ] })
+    }
+  );
+}, $r = Se(/* @__PURE__ */ v("path", {
+  d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
+}), "Search"), ta = Se(/* @__PURE__ */ v("path", {
+  d: "M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2m6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5z"
+}), "NotificationsNone"), ra = Se(/* @__PURE__ */ v("path", {
+  d: "M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"
+}), "KeyboardArrowDown"), na = Se(/* @__PURE__ */ v("path", {
+  d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
+}), "ChevronRight"), oa = ({
+  titulo: e,
+  migasPan: t,
+  usuario: r,
+  mostrarBusqueda: n = !0,
+  alBuscar: o,
+  alNotificaciones: i,
+  alPerfil: l,
+  conteoNotificaciones: s = 0,
+  barraLateralColapsada: f = !1,
+  className: d = "",
+  children: p,
+  ...m
+}) => {
+  const u = st(), y = f ? 80 : 260, b = (c) => {
+    o && o(c.target.value);
+  };
+  return /* @__PURE__ */ v(
+    N,
+    {
+      component: "header",
+      className: d,
+      sx: {
+        position: "fixed",
+        top: 0,
+        right: 0,
+        zIndex: u.zIndex.drawer + 1,
+        left: {
+          xs: 0,
+          md: `${y}px`
+        },
+        height: { xs: 56, md: 64 },
+        bgcolor: "background.paper",
+        borderBottom: `1px solid ${u.palette.divider}`,
+        color: "text.primary",
+        transition: u.transitions.create(["left"], {
+          easing: u.transitions.easing.sharp,
+          duration: u.transitions.duration.enteringScreen
+        }),
+        display: "flex",
+        alignItems: "center",
+        boxShadow: u.palette.mode === "dark" ? "none" : "0 2px 4px rgba(0,0,0,0.02)"
+      },
+      ...m,
+      children: /* @__PURE__ */ ee(N, { sx: {
+        width: "100%",
+        px: { xs: 2, md: 3 },
+        pl: { xs: 7, sm: 8, lg: 3 },
+        // Espacio para el menú móvil
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        gap: 2
+      }, children: [
+        /* @__PURE__ */ v(N, { sx: { flex: 1, minWidth: 0, display: "flex", alignItems: "center" }, children: t && t.length > 0 ? /* @__PURE__ */ v(N, { component: "nav", sx: { display: { xs: "none", sm: "flex" }, alignItems: "center" }, children: t.map((c, g) => /* @__PURE__ */ ee(N, { sx: { display: "flex", alignItems: "center", minWidth: 0 }, children: [
+          g > 0 && /* @__PURE__ */ v(na, { sx: { mx: 0.5, color: "text.disabled", fontSize: 20 } }),
+          c.href ? /* @__PURE__ */ v(
+            se,
+            {
+              component: "a",
+              variant: "body2",
+              href: c.href,
+              noWrap: !0,
+              onClick: (O) => {
+                c.alHacerClick && (O.preventDefault(), c.alHacerClick());
+              },
+              sx: {
+                color: "text.secondary",
+                textDecoration: "none",
+                fontWeight: 500,
+                "&:hover": { color: "primary.main" },
+                whiteSpace: "nowrap"
+              },
+              children: c.etiqueta
+            }
+          ) : /* @__PURE__ */ v(
+            se,
+            {
+              variant: "body2",
+              noWrap: !0,
+              sx: {
+                color: "text.disabled",
+                fontWeight: 500,
+                whiteSpace: "nowrap"
+              },
+              children: c.etiqueta
+            }
+          )
+        ] }, g)) }) : e && /* @__PURE__ */ v(se, { variant: "h6", noWrap: !0, sx: { fontWeight: 600 }, children: e }) }),
+        n && /* @__PURE__ */ v(N, { sx: {
+          display: { xs: "none", md: "flex" },
+          flex: 1,
+          maxWidth: 400,
+          mx: 2
+        }, children: /* @__PURE__ */ ee(N, { sx: {
+          position: "relative",
+          width: "100%",
+          bgcolor: u.palette.mode === "dark" ? ce(u.palette.common.white, 0.05) : ce(u.palette.common.black, 0.03),
+          borderRadius: 2,
+          p: "2px 4px",
+          display: "flex",
+          alignItems: "center",
+          border: `1px solid ${u.palette.divider}`,
+          "&:focus-within": {
+            borderColor: "primary.main",
+            bgcolor: "background.paper",
+            boxShadow: `0 0 0 2px ${ce(u.palette.primary.main, 0.1)}`
+          }
+        }, children: [
+          /* @__PURE__ */ v($r, { sx: { ml: 1, color: "text.secondary", fontSize: 20 } }),
+          /* @__PURE__ */ v(
+            nn,
+            {
+              placeholder: "Buscar...",
+              sx: { ml: 1, flex: 1, fontSize: "0.875rem" },
+              onChange: b
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ ee(N, { sx: { display: "flex", alignItems: "center", gap: { xs: 0.5, md: 1.5 } }, children: [
+          n && /* @__PURE__ */ v(Be, { sx: { display: { xs: "flex", md: "none" } }, children: /* @__PURE__ */ v($r, { fontSize: "small" }) }),
+          i && /* @__PURE__ */ v(Be, { onClick: i, color: "inherit", children: /* @__PURE__ */ v(on, { badgeContent: s, color: "error", overlap: "circular", children: /* @__PURE__ */ v(ta, {}) }) }),
+          r && /* @__PURE__ */ ee(
+            N,
+            {
+              component: "button",
+              onClick: l,
+              sx: {
+                display: "flex",
+                alignItems: "center",
+                gap: 1,
+                p: 0.5,
+                pr: 1,
+                border: "none",
+                bgcolor: "transparent",
+                cursor: "pointer",
+                borderRadius: 2,
+                "&:hover": { bgcolor: "action.hover" }
+              },
+              children: [
+                /* @__PURE__ */ v(
+                  et,
+                  {
+                    src: r.avatar,
+                    sx: { width: 32, height: 32, bgcolor: "primary.main", fontSize: "0.875rem" },
+                    children: r.nombre.charAt(0).toUpperCase()
+                  }
+                ),
+                /* @__PURE__ */ ee(N, { sx: { display: { xs: "none", md: "block" }, textAlign: "left", maxWidth: 120 }, children: [
+                  /* @__PURE__ */ v(se, { variant: "body2", noWrap: !0, sx: { fontWeight: 600, lineHeight: 1.2 }, children: r.nombre }),
+                  r.rol && /* @__PURE__ */ v(se, { variant: "caption", noWrap: !0, sx: { color: "text.secondary", display: "block" }, children: r.rol })
+                ] }),
+                /* @__PURE__ */ v(ra, { sx: { color: "text.secondary", fontSize: 18 } })
+              ]
+            }
+          ),
+          p
+        ] })
+      ] })
+    }
+  );
+}, ia = Se(/* @__PURE__ */ v("path", {
+  d: "m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"
+}), "ExpandLess"), aa = Se(/* @__PURE__ */ v("path", {
+  d: "M3 18h13v-2H3zm0-5h10v-2H3zm0-7v2h13V6zm18 9.59L17.42 12 21 8.41 19.59 7l-5 5 5 5z"
+}), "MenuOpen"), Ar = Se(/* @__PURE__ */ v("path", {
+  d: "M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z"
+}), "Menu"), sa = Se(/* @__PURE__ */ v("path", {
+  d: "m17 7-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4z"
+}), "Logout"), Or = ke("aside", {
+  shouldForwardProp: (e) => e !== "collapsed" && e !== "width"
+})(({ theme: e, collapsed: t, width: r }) => ({
+  width: t ? 80 : r,
+  height: "100%",
+  display: "flex",
+  flexDirection: "column",
+  backgroundColor: e.palette.background.paper,
+  borderRight: e.palette.mode === "dark" ? "none" : `1px solid ${e.palette.divider}`,
+  transition: e.transitions.create(["width", "background-color"], {
+    easing: e.transitions.easing.sharp,
+    duration: e.transitions.duration.enteringScreen
+  }),
+  position: "fixed",
+  top: 0,
+  left: 0,
+  bottom: 0,
+  zIndex: e.zIndex.drawer + 2,
+  overflow: "hidden",
+  boxShadow: e.palette.mode === "dark" ? "none" : e.shadows[2]
+})), la = ke(N)(({ theme: e }) => ({
+  height: 60,
+  minHeight: 60,
+  display: "flex",
+  alignItems: "center",
+  padding: e.spacing(0, 2),
+  justifyContent: "space-between"
+})), ca = ke(N)(() => ({
+  flex: 1,
+  overflowY: "auto",
+  overflowX: "hidden",
+  scrollbarWidth: "none",
+  msOverflowStyle: "none",
+  "&::-webkit-scrollbar": {
+    display: "none"
+  }
+})), ua = ke(an, {
+  shouldForwardProp: (e) => e !== "active" && e !== "collapsed"
+})(({ theme: e, active: t, collapsed: r }) => [
+  {
+    minHeight: 36,
+    justifyContent: r ? "center" : "initial",
+    paddingLeft: e.spacing(2),
+    paddingRight: e.spacing(2),
+    margin: e.spacing(0.1, 1.5),
+    borderRadius: 8,
+    gap: e.spacing(1.5),
+    transition: e.transitions.create(["background-color", "color"], {
+      duration: 200
+    })
+  },
+  t && {
+    backgroundColor: Nt(e.palette.primary.main, 0.15),
+    color: e.palette.primary.main,
+    position: "relative",
+    "&:hover": {
+      backgroundColor: Nt(e.palette.primary.main, 0.2)
+    },
+    "& .MuiListItemIcon-root": {
+      color: e.palette.primary.main
+    },
+    "&::before": {
+      content: '""',
+      position: "absolute",
+      left: -4,
+      top: "50%",
+      transform: "translateY(-50%)",
+      height: 20,
+      width: 4,
+      borderRadius: "0 4px 4px 0",
+      backgroundColor: e.palette.primary.main,
+      opacity: 1
+    }
+  },
+  !t && {
+    color: e.palette.text.secondary,
+    "&:hover": {
+      backgroundColor: e.palette.action.hover,
+      color: e.palette.text.primary,
+      "& .MuiListItemIcon-root": {
+        color: e.palette.text.primary
+      }
+    }
+  }
+]), da = ke(sn)(({ theme: e }) => ({
+  minWidth: 0,
+  justifyContent: "center",
+  color: "inherit",
+  fontSize: "1.25rem",
+  transition: e.transitions.create(["color"]),
+  "& .MuiSvgIcon-root": {
+    fontSize: "1.25rem"
+  }
+})), fa = ke(N)(({ theme: e }) => ({
+  padding: e.spacing(2),
+  display: "flex",
+  alignItems: "center",
+  gap: e.spacing(1.5)
+})), tn = ({
+  item: e,
+  collapsed: t,
+  depth: r = 0,
+  expanded: n,
+  onToggle: o,
+  onNavigate: i
+}) => {
+  const l = Xr(), s = e.hijos && e.hijos.length > 0, f = s && e.hijos?.some((g) => g.activo), d = e.activo || t && f, [p, m] = De(null), u = !!p, y = (g) => {
+    g.stopPropagation(), !e.deshabilitado && (t ? m(g.currentTarget) : s ? o() : (i(e.href), e.alHacerClick && e.alHacerClick()));
+  }, b = () => {
+    m(null);
+  }, c = (g) => {
+    b(), !g.deshabilitado && (i && g.href && i(g.href), g.alHacerClick && g.alHacerClick());
+  };
+  return /* @__PURE__ */ ee(rt, { children: [
+    /* @__PURE__ */ v(Ir, { title: t ? e.etiqueta : "", placement: "right", arrow: !0, children: /* @__PURE__ */ ee(
+      ua,
+      {
+        active: d,
+        collapsed: t,
+        onClick: y,
+        disabled: e.deshabilitado,
+        sx: [
+          { pl: t || r === 0 ? 2 : 2 + r * 2 }
+        ],
+        children: [
+          e.icono && /* @__PURE__ */ v(da, { children: e.icono }),
+          !t && /* @__PURE__ */ ee(rt, { children: [
+            /* @__PURE__ */ v(
+              ln,
+              {
+                primary: e.etiqueta,
+                primaryTypographyProps: {
+                  variant: "body2",
+                  fontSize: "0.875rem",
+                  fontWeight: d ? 700 : 500,
+                  noWrap: !0,
+                  lineHeight: 1.2
+                }
+              }
+            ),
+            e.insignia && /* @__PURE__ */ v(
+              N,
+              {
+                sx: {
+                  bgcolor: "primary.main",
+                  color: "primary.contrastText",
+                  px: 0.8,
+                  py: 0.2,
+                  borderRadius: 10,
+                  fontSize: "0.65rem",
+                  fontWeight: "bold",
+                  lineHeight: 1,
+                  ml: "auto"
+                },
+                children: e.insignia
+              }
+            ),
+            s && /* @__PURE__ */ v(N, { color: "text.secondary", display: "flex", ml: 1, children: n ? /* @__PURE__ */ v(ia, { fontSize: "small" }) : /* @__PURE__ */ v(en, { fontSize: "small" }) })
+          ] })
+        ]
+      }
+    ) }),
+    t && s && /* @__PURE__ */ ee(
+      cn,
+      {
+        anchorEl: p,
+        open: u,
+        onClose: b,
+        anchorOrigin: { vertical: "top", horizontal: "right" },
+        transformOrigin: { vertical: "top", horizontal: "left" },
+        PaperProps: {
+          sx: {
+            ml: 1,
+            borderRadius: 3,
+            boxShadow: l.shadows[4],
+            minWidth: 180
+          }
+        },
+        children: [
+          /* @__PURE__ */ v(N, { sx: { px: 2, py: 1.5, borderBottom: `1px solid ${l.palette.divider}` }, children: /* @__PURE__ */ v(se, { variant: "subtitle2", fontWeight: "bold", children: e.etiqueta }) }),
+          e.hijos?.map((g) => /* @__PURE__ */ ee(
+            un,
+            {
+              onClick: () => c(g),
+              selected: g.activo,
+              disabled: g.deshabilitado,
+              sx: {
+                my: 0.5,
+                marginX: 1,
+                borderRadius: 2,
+                fontSize: "0.875rem"
+              },
+              children: [
+                g.icono && /* @__PURE__ */ v(N, { component: "span", sx: { mr: 1.5, display: "flex", color: "text.secondary" }, children: g.icono }),
+                g.etiqueta
+              ]
+            },
+            g.id
+          ))
+        ]
+      }
+    ),
+    !t && s && /* @__PURE__ */ v(_r, { in: n, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ v(kr, { component: "div", disablePadding: !0, children: e.hijos?.map((g) => /* @__PURE__ */ v(
+      tn,
+      {
+        item: g,
+        collapsed: t,
+        depth: r + 1,
+        expanded: !1,
+        onToggle: () => {
+        },
+        onNavigate: i
+      },
+      g.id
+    )) }) })
+  ] });
+}, pa = ({
+  elementos: e,
+  usuario: t,
+  logo: r,
+  textoLogo: n = "Codeplex",
+  colapsado: o = !1,
+  cerrarAlNavegar: i = !0,
+  alAlternar: l,
+  alNavegar: s,
+  alCerrarSesion: f,
+  mostrarPie: d = !0,
+  children: p,
+  ancho: m = 260
+}) => {
+  const u = Xr(), [y, b] = De(!1), [c, g] = De(o), [O, _] = De([]);
+  Ht(() => {
+    g(o);
+  }, [o]), Ht(() => {
+    const k = (re) => {
+      let Z = [];
+      return re.forEach((a) => {
+        a.hijos && (a.hijos.some((C) => C.activo) && Z.push(a.id), Z = [...Z, ...k(a.hijos)]);
+      }), Z;
+    }, z = k(e);
+    z.length > 0 && _((re) => [.../* @__PURE__ */ new Set([...re, ...z])]);
+  }, [e]);
+  const R = () => {
+    const k = !c;
+    g(k), l && l(k);
+  }, w = () => {
+    b(!y);
+  }, x = (k) => {
+    _(
+      (z) => z.includes(k) ? z.filter((re) => re !== k) : [...z, k]
+    );
+  }, T = (k) => {
+    k && (s && s(k), y && i && b(!1));
+  }, Q = /* @__PURE__ */ ee(rt, { children: [
+    /* @__PURE__ */ ee(la, { children: [
+      !c || y ? /* @__PURE__ */ ee(N, { display: "flex", alignItems: "center", gap: 1.5, overflow: "hidden", children: [
+        r && /* @__PURE__ */ v(et, { src: r, variant: "rounded", sx: { width: 32, height: 32 } }),
+        /* @__PURE__ */ v(se, { variant: "h6", noWrap: !0, fontWeight: "bold", color: "text.primary", children: n })
+      ] }) : r ? /* @__PURE__ */ v(et, { src: r, variant: "rounded", sx: { width: 32, height: 32, mx: "auto" } }) : null,
+      /* @__PURE__ */ v(
+        Be,
+        {
+          onClick: y ? w : R,
+          size: "small",
+          "aria-label": c ? "expandir barra lateral" : "colapsar barra lateral",
+          sx: { display: { xs: y ? "flex" : "none", md: "flex" } },
+          children: c && !y ? /* @__PURE__ */ v(Ar, {}) : /* @__PURE__ */ v(aa, {})
+        }
+      )
+    ] }),
+    p && /* @__PURE__ */ v(N, { sx: { px: 2, pb: 2 }, children: p }),
+    /* @__PURE__ */ v(ca, { children: /* @__PURE__ */ v(kr, { component: "nav", sx: { px: 0, py: 0 }, children: e.map((k) => k.tipo === "divisor" ? /* @__PURE__ */ v(Pt, { sx: { my: 1, opacity: 0.6 } }, k.id) : k.tipo === "seccion" ? c && !y ? /* @__PURE__ */ v(Pt, { sx: { my: 1, opacity: 0.4 } }, k.id) : /* @__PURE__ */ v(
+      se,
+      {
+        variant: "caption",
+        color: "text.secondary",
+        sx: {
+          px: 3,
+          mt: 1.5,
+          mb: 0.5,
+          display: "block",
+          fontWeight: 800,
+          textTransform: "uppercase",
+          fontSize: "0.75rem",
+          letterSpacing: "0.5px",
+          opacity: 0.9,
+          userSelect: "none"
+        },
+        children: k.etiqueta
+      },
+      k.id
+    ) : /* @__PURE__ */ v(
+      tn,
+      {
+        item: k,
+        collapsed: c && !y,
+        expanded: O.includes(k.id),
+        onToggle: () => x(k.id),
+        onNavigate: T
+      },
+      k.id
+    )) }) }),
+    d && t && /* @__PURE__ */ ee(fa, { children: [
+      /* @__PURE__ */ v(
+        et,
+        {
+          src: t.avatar,
+          alt: t.nombre,
+          sx: {
+            width: 40,
+            height: 40,
+            bgcolor: u.palette.primary.main,
+            flexShrink: 0
+          },
+          children: t.nombre.charAt(0)
+        }
+      ),
+      (!c || y) && /* @__PURE__ */ ee(N, { flex: 1, overflow: "hidden", children: [
+        /* @__PURE__ */ v(se, { variant: "subtitle2", noWrap: !0, fontWeight: "bold", children: t.nombre }),
+        /* @__PURE__ */ v(se, { variant: "caption", color: "text.secondary", noWrap: !0, display: "block", children: t.rol || t.email })
+      ] }),
+      (!c || y) && f && /* @__PURE__ */ v(Ir, { title: "Cerrar sesión", children: /* @__PURE__ */ v(
+        Be,
+        {
+          onClick: f,
+          size: "small",
+          "aria-label": "cerrar sesión",
+          children: /* @__PURE__ */ v(sa, { fontSize: "small" })
+        }
+      ) })
+    ] })
+  ] });
+  return /* @__PURE__ */ ee(rt, { children: [
+    /* @__PURE__ */ v(
+      Be,
+      {
+        sx: {
+          mr: 2,
+          display: { xs: y ? "none" : "flex", md: "none" },
+          position: "fixed",
+          top: 12,
+          left: 16,
+          zIndex: u.zIndex.drawer + 3,
+          color: "text.primary",
+          bgcolor: "background.paper",
+          "&:hover": {
+            bgcolor: "action.hover"
+          }
+        },
+        "aria-label": "abrir menú",
+        edge: "start",
+        onClick: w,
+        children: /* @__PURE__ */ v(Ar, {})
+      }
+    ),
+    /* @__PURE__ */ v(
+      N,
+      {
+        component: "div",
+        sx: {
+          position: "fixed",
+          inset: 0,
+          bgcolor: Nt(u.palette.common.black, u.palette.mode === "dark" ? 0.7 : 0.5),
+          zIndex: u.zIndex.drawer + 1,
+          display: { xs: y ? "block" : "none", md: "none" }
+        },
+        onClick: w
+      }
+    ),
+    /* @__PURE__ */ v(
+      Or,
+      {
+        collapsed: !1,
+        width: m,
+        sx: {
+          transform: {
+            xs: y ? "translateX(0)" : "translateX(-100%)",
+            md: "none"
+          },
+          display: { xs: "flex", md: "none" },
+          transition: "transform 0.3s ease-in-out",
+          width: m
+        },
+        children: Q
+      }
+    ),
+    /* @__PURE__ */ v(
+      Or,
+      {
+        collapsed: c,
+        width: m,
+        sx: {
+          display: { xs: "none", md: "flex" }
+        },
+        children: Q
+      }
+    )
+  ] });
+}, Da = ({
+  fluido: e,
+  paginaCentrada: t,
+  sx: r,
+  anchoMaximo: n,
+  fijo: o,
+  deshabilitarMargenes: i,
+  ...l
+}) => /* @__PURE__ */ v(
+  dn,
+  {
+    maxWidth: e ? !1 : n,
+    fixed: o,
+    disableGutters: i,
+    sx: [
+      t ? {
+        minHeight: "100vh",
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "center"
+      } : {},
+      ...Array.isArray(r) ? r : r ? [r] : []
+    ],
+    ...l
+  }
+), ma = {
+  inicio: "flex-start",
+  start: "flex-start",
+  centro: "center",
+  center: "center",
+  fin: "flex-end",
+  end: "flex-end",
+  "linea-base": "baseline",
+  baseline: "baseline",
+  estirar: "stretch",
+  stretch: "stretch"
+}, ha = {
+  inicio: "flex-start",
+  start: "flex-start",
+  centro: "center",
+  center: "center",
+  fin: "flex-end",
+  end: "flex-end",
+  entre: "space-between",
+  between: "space-between",
+  alrededor: "space-around",
+  around: "space-around",
+  uniforme: "space-evenly",
+  evenly: "space-evenly"
+}, Ba = ({
+  children: e,
+  sinMargenes: t = !1,
+  alineacion: r,
+  justificacion: n,
+  espaciado: o = 0,
+  envolver: i = !0,
+  componente: l = "div",
+  sx: s
+}) => /* @__PURE__ */ v(
+  N,
+  {
+    component: l,
+    sx: {
+      display: "flex",
+      flexWrap: i ? "wrap" : "nowrap",
+      mx: t ? 0 : -2,
+      gap: o,
+      ...r && { alignItems: ma[r] },
+      ...n && { justifyContent: ha[n] },
+      ...s
+    },
+    children: e
+  }
+), We = (e) => e === !0 ? "100%" : e === "auto" ? "auto" : typeof e == "number" && e >= 1 && e <= 12 ? `${e / 12 * 100}%` : "100%", Ve = (e) => e === !0 ? "1 1 0%" : "0 0 auto", ja = ({
+  children: e,
+  xs: t,
+  sm: r,
+  md: n,
+  lg: o,
+  xl: i,
+  componente: l = "div",
+  sx: s
+}) => {
+  const f = t !== void 0 || r !== void 0 || n !== void 0 || o !== void 0 || i !== void 0, d = {}, p = {};
+  return f ? (t !== void 0 ? (d.xs = We(t), p.xs = Ve(t)) : (d.xs = "100%", p.xs = "0 0 auto"), r !== void 0 && (d.sm = We(r), p.sm = Ve(r)), n !== void 0 && (d.md = We(n), p.md = Ve(n)), o !== void 0 && (d.lg = We(o), p.lg = Ve(o)), i !== void 0 && (d.xl = We(i), p.xl = Ve(i))) : (d.xs = "100%", p.xs = "1 1 0%"), /* @__PURE__ */ v(
+    N,
+    {
+      component: l,
+      sx: {
+        position: "relative",
+        px: 2,
+        width: d,
+        flex: p,
+        maxWidth: "100%",
+        boxSizing: "border-box",
+        ...s
+      },
+      children: e
+    }
+  );
+}, ga = zt(({
+  variante: e = "predeterminado",
+  validacion: t,
+  centrado: r,
+  pantallaCompleta: n,
+  flexFila: o,
+  flexColumna: i,
+  colorFondo: l,
+  colorTexto: s,
+  relleno: f,
+  margen: d,
+  redondeado: p,
+  alFlotar: m,
+  sx: u,
+  children: y,
+  ...b
+}, c) => {
+  const g = st(), O = {
+    transition: "all 0.3s ease-in-out",
+    ...r && { display: "flex", justifyContent: "center", alignItems: "center" },
+    ...n && { width: "100vw", height: "100vh" },
+    ...o && { display: "flex", flexDirection: "row" },
+    ...i && { display: "flex", flexDirection: "column" },
+    ...l !== void 0 && { bgcolor: l },
+    ...s !== void 0 && { color: s },
+    ...f !== void 0 && { p: f },
+    ...d !== void 0 && { m: d },
+    ...p !== void 0 && { borderRadius: p }
+  }, _ = (() => {
+    switch (e) {
+      case "bordeado":
+        return { border: `1px solid ${g.palette.divider}` };
+      case "sombreado":
+        return { boxShadow: g.shadows[4] };
+      case "vidrio":
+        return {
+          backgroundColor: ce(g.palette.background.paper, 0.7),
+          backdropFilter: "blur(10px)",
+          border: `1px solid ${ce(
+            g.palette.common.white,
+            g.palette.mode === "dark" ? 0.05 : 0.2
+          )}`
+        };
+      case "gradiente": {
+        const x = g.palette.mode === "dark" ? g.palette.primary.dark : g.palette.primary.light, T = g.palette.mode === "dark" ? g.palette.secondary.dark : g.palette.secondary.light;
+        return {
+          background: `linear-gradient(135deg, ${ce(x, 0.1)} 0%, ${ce(T, 0.1)} 100%)`,
+          border: `1px solid ${ce(g.palette.primary.main, 0.1)}`
+        };
+      }
+      default:
+        return {};
+    }
+  })(), R = (() => {
+    if (!t) return {};
+    const T = {
+      error: g.palette.error.main,
+      exito: g.palette.success.main,
+      advertencia: g.palette.warning.main,
+      info: g.palette.info.main
+    }[t];
+    return {
+      border: `1px solid ${T}`,
+      boxShadow: `0 0 0 1px ${ce(T, 0.2)}`,
+      backgroundColor: ce(T, 0.02)
+    };
+  })(), w = m ? {
+    "&:hover": {
+      cursor: "default",
+      transform: m.escalar ? "scale(1.02)" : m.elevar ? "translateY(-4px)" : void 0,
+      boxShadow: m.elevar ? g.shadows[8] : void 0
+    }
+  } : {};
+  return /* @__PURE__ */ v(
+    N,
+    {
+      ref: c,
+      sx: [
+        O,
+        _,
+        R,
+        w,
+        ...Array.isArray(u) ? u : u ? [u] : []
+      ],
+      ...b,
+      children: y
+    }
+  );
+});
+ga.displayName = "CodeplexCaja";
+const ya = (e) => e ? {
+  fila: "row",
+  columna: "column",
+  "fila-reversa": "row-reverse",
+  "columna-reversa": "column-reverse"
+}[e] : void 0, ba = (e) => e ? {
+  envolver: "wrap",
+  "no-envolver": "nowrap",
+  "envolver-reversa": "wrap-reverse"
+}[e] : void 0, va = (e) => e ? {
+  inicio: "flex-start",
+  centro: "center",
+  fin: "flex-end",
+  estirar: "stretch",
+  "linea-base": "baseline"
+}[e] : void 0, xa = (e) => e ? {
+  inicio: "flex-start",
+  centro: "center",
+  fin: "flex-end",
+  entre: "space-between",
+  alrededor: "space-around",
+  uniforme: "space-evenly"
+}[e] : void 0, Sa = zt(({
+  contenedor: e,
+  elemento: t,
+  espaciado: r,
+  direccion: n,
+  envolver: o,
+  alineacion: i,
+  justificacion: l,
+  centrado: s,
+  sx: f,
+  component: d,
+  children: p,
+  tamano: m,
+  xs: u,
+  sm: y,
+  md: b,
+  lg: c,
+  xl: g,
+  ...O
+}, _) => {
+  const R = s ? "center" : va(i), w = s ? "center" : xa(l), x = m ?? (u !== void 0 || y !== void 0 || b !== void 0 || c !== void 0 || g !== void 0 ? { xs: u, sm: y, md: b, lg: c, xl: g } : void 0);
+  return /* @__PURE__ */ v(
+    fn,
+    {
+      ref: _,
+      container: e,
+      spacing: r,
+      direction: ya(n),
+      wrap: ba(o),
+      alignItems: R,
+      justifyContent: w,
+      component: d,
+      size: x,
+      sx: f,
+      ...O,
+      children: p
+    }
+  );
+});
+Sa.displayName = "CodeplexCuadricula";
+const Rt = {
+  fila: "row",
+  columna: "column",
+  "fila-reversa": "row-reverse",
+  "columna-reversa": "column-reverse",
+  row: "row",
+  column: "column",
+  "row-reverse": "row-reverse",
+  "column-reverse": "column-reverse"
+}, Ca = (e) => {
+  if (e) {
+    if (typeof e == "string")
+      return Rt[e] ?? "column";
+    if (Array.isArray(e))
+      return e.map((t) => Rt[t] ?? "column");
+    if (typeof e == "object") {
+      const t = {};
+      for (const r in e)
+        t[r] = Rt[e[r]] ?? "column";
+      return t;
+    }
+  }
+}, wa = (e) => e ? {
+  inicio: "flex-start",
+  centro: "center",
+  fin: "flex-end",
+  estirar: "stretch",
+  "linea-base": "baseline"
+}[e] : void 0, Ea = (e) => e ? {
+  inicio: "flex-start",
+  centro: "center",
+  fin: "flex-end",
+  entre: "space-between",
+  alrededor: "space-around",
+  uniforme: "space-evenly"
+}[e] : void 0, Ta = zt(({
+  direccion: e = "columna",
+  espaciado: t = 0,
+  alineacion: r,
+  justificacion: n,
+  divisor: o,
+  centrado: i,
+  entre: l,
+  sx: s,
+  children: f,
+  ...d
+}, p) => {
+  let m = wa(r), u = Ea(n);
+  i && (m = "center", u = "center"), l && (u = "space-between");
+  const y = o === !0 ? /* @__PURE__ */ v(Pt, { flexItem: !0 }) : o || void 0;
+  return /* @__PURE__ */ v(
+    pn,
+    {
+      ref: p,
+      direction: Ca(e),
+      spacing: t,
+      alignItems: m,
+      justifyContent: u,
+      divider: y ?? void 0,
+      sx: [...Array.isArray(s) ? s : s ? [s] : []],
+      ...d,
+      children: f
+    }
+  );
+});
+Ta.displayName = "CodeplexPila";
+const $a = {
+  estandar: "standard",
+  mosaico: "quilted",
+  mamposteria: "masonry",
+  tejido: "woven"
+}, Aa = {
+  arriba: "top",
+  abajo: "below"
+}, za = ({ columnas: e, altoFila: t, espacio: r, variante: n = "estandar", ...o }) => /* @__PURE__ */ v(mn, { cols: e, rowHeight: t, gap: r, variant: $a[n], ...o }), La = ({ columnas: e, filas: t, ...r }) => /* @__PURE__ */ v(hn, { cols: e, rows: t, ...r }), Wa = ({ titulo: e, subtitulo: t, iconoAccion: r, posicion: n, ...o }) => /* @__PURE__ */ v(
+  gn,
+  {
+    title: e,
+    subtitle: t,
+    actionIcon: r,
+    position: n ? Aa[n] : void 0,
+    ...o
+  }
+), Oa = ({
+  menu: e,
+  usuario: t,
+  sidebarProps: r,
+  headerProps: n,
+  footerProps: o,
+  titulo: i = "Codeplex",
+  logo: l,
+  children: s,
+  alNavegar: f
+}) => {
+  const [d, p] = De(!1), m = r?.colapsado ?? d, u = r?.alAlternar ?? p, y = r?.ancho ?? 260, c = m ? 80 : y;
+  return /* @__PURE__ */ ee(N, { sx: {
+    display: "flex",
+    minHeight: "100vh",
+    bgcolor: "background.default",
+    color: "text.primary"
+  }, children: [
+    /* @__PURE__ */ v(
+      pa,
+      {
+        elementos: e,
+        usuario: t,
+        logo: l,
+        textoLogo: i,
+        colapsado: m,
+        alAlternar: u,
+        alNavegar: f,
+        ...r
+      }
+    ),
+    /* @__PURE__ */ ee(N, { sx: {
+      flexGrow: 1,
+      display: "flex",
+      flexDirection: "column",
+      transition: "all 0.3s ease-in-out",
+      ml: {
+        xs: 0,
+        md: `${c}px`
+      },
+      width: {
+        xs: "100%",
+        md: `calc(100% - ${c}px)`
+      }
+    }, children: [
+      /* @__PURE__ */ v(
+        oa,
+        {
+          titulo: i,
+          usuario: t,
+          barraLateralColapsada: m,
+          ...n
+        }
+      ),
+      /* @__PURE__ */ v(
+        N,
+        {
+          component: "main",
+          sx: {
+            flexGrow: 1,
+            p: { xs: 2, md: 4 },
+            pt: { xs: 10, md: 12 },
+            pb: { xs: 10, md: 10 }
+          },
+          children: s
+        }
+      ),
+      /* @__PURE__ */ v(
+        ea,
+        {
+          barraLateralColapsada: m,
+          ...o
+        }
+      )
+    ] })
+  ] });
+}, Va = Oa;
+export {
+  Ma as CodeplexAcordeon,
+  Wa as CodeplexBarraElementoListaImagenes,
+  pa as CodeplexBarraLateral,
+  oa as CodeplexCabecera,
+  ga as CodeplexCaja,
+  ja as CodeplexColumna,
+  Da as CodeplexContenedor,
+  Sa as CodeplexCuadricula,
+  La as CodeplexElementoListaImagenes,
+  Va as CodeplexEsqueleto,
+  Oa as CodeplexEsqueletoPagina,
+  Ba as CodeplexFila,
+  za as CodeplexListaImagenes,
+  ea as CodeplexPiePagina,
+  Ta as CodeplexPila
+};