@amateescu/portal-ui-components 0.0.43 → 0.0.45

package/dist/DefaultPropsProvider-ByENA_w0.js

@@ -0,0 +1,2808 @@
+import * as we from "react";
+import Wt from "@emotion/styled";
+import "@emotion/react";
+import { g as jt, r as Ut } from "./index-EXNF3OIO.js";
+import "react/jsx-runtime";
+function Z(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 Gt(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 zt = {
+  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 Yt(e) {
+  var t = /* @__PURE__ */ Object.create(null);
+  return function(r) {
+    return t[r] === void 0 && (t[r] = e(r)), t[r];
+  };
+}
+var Kt = /[A-Z]|^ms/g, Ht = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Et = function(t) {
+  return t.charCodeAt(1) === 45;
+}, Ze = function(t) {
+  return t != null && typeof t != "boolean";
+}, Le = /* @__PURE__ */ Yt(function(e) {
+  return Et(e) ? e : e.replace(Kt, "-$&").toLowerCase();
+}), et = function(t, r) {
+  switch (t) {
+    case "animation":
+    case "animationName":
+      if (typeof r == "string")
+        return r.replace(Ht, function(n, o, s) {
+          return J = {
+            name: o,
+            styles: s,
+            next: J
+          }, o;
+        });
+  }
+  return zt[t] !== 1 && !Et(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
+};
+function ve(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 J = {
+          name: o.name,
+          styles: o.styles,
+          next: J
+        }, o.name;
+      var s = r;
+      if (s.styles !== void 0) {
+        var a = s.next;
+        if (a !== void 0)
+          for (; a !== void 0; )
+            J = {
+              name: a.name,
+              styles: a.styles,
+              next: J
+            }, a = a.next;
+        var c = s.styles + ";";
+        return c;
+      }
+      return qt(e, t, r);
+    }
+  }
+  var f = r;
+  return f;
+}
+function qt(e, t, r) {
+  var n = "";
+  if (Array.isArray(r))
+    for (var o = 0; o < r.length; o++)
+      n += ve(e, t, r[o]) + ";";
+  else
+    for (var s in r) {
+      var a = r[s];
+      if (typeof a != "object") {
+        var c = a;
+        Ze(c) && (n += Le(s) + ":" + et(s, c) + ";");
+      } else if (Array.isArray(a) && typeof a[0] == "string" && t == null)
+        for (var f = 0; f < a.length; f++)
+          Ze(a[f]) && (n += Le(s) + ":" + et(s, a[f]) + ";");
+      else {
+        var d = ve(e, t, a);
+        switch (s) {
+          case "animation":
+          case "animationName": {
+            n += Le(s) + ":" + d + ";";
+            break;
+          }
+          default:
+            n += s + "{" + d + "}";
+        }
+      }
+    }
+  return n;
+}
+var tt = /label:\s*([^\s;{]+)\s*(;|$)/g, J;
+function Qt(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 = "";
+  J = void 0;
+  var s = e[0];
+  if (s == null || s.raw === void 0)
+    n = !1, o += ve(r, t, s);
+  else {
+    var a = s;
+    o += a[0];
+  }
+  for (var c = 1; c < e.length; c++)
+    if (o += ve(r, t, e[c]), n) {
+      var f = s;
+      o += f[c];
+    }
+  tt.lastIndex = 0;
+  for (var d = "", m; (m = tt.exec(o)) !== null; )
+    d += "-" + m[1];
+  var y = Gt(o) + d;
+  return {
+    name: y,
+    styles: o,
+    next: J
+  };
+}
+var Xt = /* @__PURE__ */ Ut();
+const q = /* @__PURE__ */ jt(Xt);
+function Jt(e, t) {
+  const r = Wt(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((s) => s === void 0) && console.error(`MUI: the styled(${o})(...args) API requires all its args to be defined.`), r(...n);
+  } : r;
+}
+function Zt(e, t) {
+  Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
+}
+const rt = [];
+function oe(e) {
+  return rt[0] = e, Qt(rt);
+}
+var Ce = { exports: {} }, A = {};
+var nt;
+function er() {
+  if (nt) return A;
+  nt = 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"), s = /* @__PURE__ */ Symbol.for("react.consumer"), a = /* @__PURE__ */ Symbol.for("react.context"), c = /* @__PURE__ */ Symbol.for("react.forward_ref"), f = /* @__PURE__ */ Symbol.for("react.suspense"), d = /* @__PURE__ */ Symbol.for("react.suspense_list"), m = /* @__PURE__ */ Symbol.for("react.memo"), y = /* @__PURE__ */ Symbol.for("react.lazy"), p = /* @__PURE__ */ Symbol.for("react.view_transition"), b = /* @__PURE__ */ Symbol.for("react.client.reference");
+  function g(l) {
+    if (typeof l == "object" && l !== null) {
+      var C = l.$$typeof;
+      switch (C) {
+        case e:
+          switch (l = l.type, l) {
+            case r:
+            case o:
+            case n:
+            case f:
+            case d:
+            case p:
+              return l;
+            default:
+              switch (l = l && l.$$typeof, l) {
+                case a:
+                case c:
+                case y:
+                case m:
+                  return l;
+                case s:
+                  return l;
+                default:
+                  return C;
+              }
+          }
+        case t:
+          return C;
+      }
+    }
+  }
+  return A.ContextConsumer = s, A.ContextProvider = a, A.Element = e, A.ForwardRef = c, A.Fragment = r, A.Lazy = y, A.Memo = m, A.Portal = t, A.Profiler = o, A.StrictMode = n, A.Suspense = f, A.SuspenseList = d, A.isContextConsumer = function(l) {
+    return g(l) === s;
+  }, A.isContextProvider = function(l) {
+    return g(l) === a;
+  }, A.isElement = function(l) {
+    return typeof l == "object" && l !== null && l.$$typeof === e;
+  }, A.isForwardRef = function(l) {
+    return g(l) === c;
+  }, A.isFragment = function(l) {
+    return g(l) === r;
+  }, A.isLazy = function(l) {
+    return g(l) === y;
+  }, A.isMemo = function(l) {
+    return g(l) === m;
+  }, A.isPortal = function(l) {
+    return g(l) === t;
+  }, A.isProfiler = function(l) {
+    return g(l) === o;
+  }, A.isStrictMode = function(l) {
+    return g(l) === n;
+  }, A.isSuspense = function(l) {
+    return g(l) === f;
+  }, A.isSuspenseList = function(l) {
+    return g(l) === d;
+  }, A.isValidElementType = function(l) {
+    return typeof l == "string" || typeof l == "function" || l === r || l === o || l === n || l === f || l === d || typeof l == "object" && l !== null && (l.$$typeof === y || l.$$typeof === m || l.$$typeof === a || l.$$typeof === s || l.$$typeof === c || l.$$typeof === b || l.getModuleId !== void 0);
+  }, A.typeOf = g, A;
+}
+var O = {};
+var ot;
+function tr() {
+  return ot || (ot = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(l) {
+      if (typeof l == "object" && l !== null) {
+        var C = l.$$typeof;
+        switch (C) {
+          case t:
+            switch (l = l.type, l) {
+              case n:
+              case s:
+              case o:
+              case d:
+              case m:
+              case b:
+                return l;
+              default:
+                switch (l = l && l.$$typeof, l) {
+                  case c:
+                  case f:
+                  case p:
+                  case y:
+                    return l;
+                  case a:
+                    return l;
+                  default:
+                    return C;
+                }
+            }
+          case r:
+            return C;
+        }
+      }
+    }
+    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"), s = /* @__PURE__ */ Symbol.for("react.profiler"), a = /* @__PURE__ */ Symbol.for("react.consumer"), c = /* @__PURE__ */ Symbol.for("react.context"), f = /* @__PURE__ */ Symbol.for("react.forward_ref"), d = /* @__PURE__ */ Symbol.for("react.suspense"), m = /* @__PURE__ */ Symbol.for("react.suspense_list"), y = /* @__PURE__ */ Symbol.for("react.memo"), p = /* @__PURE__ */ Symbol.for("react.lazy"), b = /* @__PURE__ */ Symbol.for("react.view_transition"), g = /* @__PURE__ */ Symbol.for("react.client.reference");
+    O.ContextConsumer = a, O.ContextProvider = c, O.Element = t, O.ForwardRef = f, O.Fragment = n, O.Lazy = p, O.Memo = y, O.Portal = r, O.Profiler = s, O.StrictMode = o, O.Suspense = d, O.SuspenseList = m, O.isContextConsumer = function(l) {
+      return e(l) === a;
+    }, O.isContextProvider = function(l) {
+      return e(l) === c;
+    }, O.isElement = function(l) {
+      return typeof l == "object" && l !== null && l.$$typeof === t;
+    }, O.isForwardRef = function(l) {
+      return e(l) === f;
+    }, O.isFragment = function(l) {
+      return e(l) === n;
+    }, O.isLazy = function(l) {
+      return e(l) === p;
+    }, O.isMemo = function(l) {
+      return e(l) === y;
+    }, O.isPortal = function(l) {
+      return e(l) === r;
+    }, O.isProfiler = function(l) {
+      return e(l) === s;
+    }, O.isStrictMode = function(l) {
+      return e(l) === o;
+    }, O.isSuspense = function(l) {
+      return e(l) === d;
+    }, O.isSuspenseList = function(l) {
+      return e(l) === m;
+    }, O.isValidElementType = function(l) {
+      return typeof l == "string" || typeof l == "function" || l === n || l === s || l === o || l === d || l === m || typeof l == "object" && l !== null && (l.$$typeof === p || l.$$typeof === y || l.$$typeof === c || l.$$typeof === a || l.$$typeof === f || l.$$typeof === g || l.getModuleId !== void 0);
+    }, O.typeOf = e;
+  })()), O;
+}
+var it;
+function rr() {
+  return it || (it = 1, process.env.NODE_ENV === "production" ? Ce.exports = /* @__PURE__ */ er() : Ce.exports = /* @__PURE__ */ tr()), Ce.exports;
+}
+var xe = /* @__PURE__ */ rr();
+function Q(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 vt(e) {
+  if (/* @__PURE__ */ we.isValidElement(e) || xe.isValidElementType(e) || !Q(e))
+    return e;
+  const t = {};
+  return Object.keys(e).forEach((r) => {
+    t[r] = vt(e[r]);
+  }), t;
+}
+function j(e, t, r = {
+  clone: !0
+}) {
+  const n = r.clone ? {
+    ...e
+  } : e;
+  return Q(e) && Q(t) && Object.keys(t).forEach((o) => {
+    /* @__PURE__ */ we.isValidElement(t[o]) || xe.isValidElementType(t[o]) ? n[o] = t[o] : Q(t[o]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(e, o) && Q(e[o]) ? n[o] = j(e[o], t[o], r) : r.clone ? n[o] = Q(t[o]) ? vt(t[o]) : t[o] : n[o] = t[o];
+  }), n;
+}
+const nr = (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 or(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, s = nr(t), a = Object.keys(s);
+  function c(p) {
+    return `@media (min-width:${typeof t[p] == "number" ? t[p] : p}${r})`;
+  }
+  function f(p) {
+    return `@media (max-width:${(typeof t[p] == "number" ? t[p] : p) - n / 100}${r})`;
+  }
+  function d(p, b) {
+    const g = a.indexOf(b);
+    return `@media (min-width:${typeof t[p] == "number" ? t[p] : p}${r}) and (max-width:${(g !== -1 && typeof t[a[g]] == "number" ? t[a[g]] : b) - n / 100}${r})`;
+  }
+  function m(p) {
+    return a.indexOf(p) + 1 < a.length ? d(p, a[a.indexOf(p) + 1]) : c(p);
+  }
+  function y(p) {
+    const b = a.indexOf(p);
+    return b === 0 ? c(a[1]) : b === a.length - 1 ? f(a[b]) : d(p, a[a.indexOf(p) + 1]).replace("@media", "@media not all and");
+  }
+  return {
+    keys: a,
+    values: s,
+    up: c,
+    down: f,
+    between: d,
+    only: m,
+    not: y,
+    unit: r,
+    ...o
+  };
+}
+function st(e, t) {
+  if (!e.containerQueries)
+    return t;
+  const r = Object.keys(t).filter((n) => n.startsWith("@container")).sort((n, o) => {
+    const s = /min-width:\s*([0-9.]+)/;
+    return +(n.match(s)?.[1] || 0) - +(o.match(s)?.[1] || 0);
+  });
+  return r.length ? r.reduce((n, o) => {
+    const s = t[o];
+    return delete n[o], n[o] = s, n;
+  }, {
+    ...t
+  }) : t;
+}
+function ir(e, t) {
+  return t === "@" || t.startsWith("@") && (e.some((r) => t.startsWith(`@${r}`)) || !!t.match(/^@\d/));
+}
+function sr(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\`.` : Z(18, `(${t})`));
+    return null;
+  }
+  const [, n, o] = r, s = Number.isNaN(+n) ? n || 0 : +n;
+  return e.containerQueries(o).up(s);
+}
+function ar(e) {
+  const t = (s, a) => s.replace("@media", a ? `@container ${a}` : "@container");
+  function r(s, a) {
+    s.up = (...c) => t(e.breakpoints.up(...c), a), s.down = (...c) => t(e.breakpoints.down(...c), a), s.between = (...c) => t(e.breakpoints.between(...c), a), s.only = (...c) => t(e.breakpoints.only(...c), a), s.not = (...c) => {
+      const f = t(e.breakpoints.not(...c), a);
+      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 = (s) => (r(n, s), n);
+  return r(o), {
+    ...e,
+    containerQueries: o
+  };
+}
+const lr = {
+  borderRadius: 4
+}, te = process.env.NODE_ENV !== "production" ? q.oneOfType([q.number, q.string, q.object, q.array]) : {};
+function he(e, t) {
+  return t ? j(e, t, {
+    clone: !1
+    // No need to clone deep, it's way faster.
+  }) : e;
+}
+const Ae = {
+  xs: 0,
+  // phone
+  sm: 600,
+  // tablet
+  md: 900,
+  // small laptop
+  lg: 1200,
+  // desktop
+  xl: 1536
+  // large screen
+}, at = {
+  // 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:${Ae[e]}px)`
+}, cr = {
+  containerQueries: (e) => ({
+    up: (t) => {
+      let r = typeof t == "number" ? t : Ae[t] || t;
+      return typeof r == "number" && (r = `${r}px`), e ? `@container ${e} (min-width:${r})` : `@container (min-width:${r})`;
+    }
+  })
+};
+function X(e, t, r) {
+  const n = e.theme || {};
+  if (Array.isArray(t)) {
+    const s = n.breakpoints || at;
+    return t.reduce((a, c, f) => (a[s.up(s.keys[f])] = r(t[f]), a), {});
+  }
+  if (typeof t == "object") {
+    const s = n.breakpoints || at;
+    return Object.keys(t).reduce((a, c) => {
+      if (ir(s.keys, c)) {
+        const f = sr(n.containerQueries ? n : cr, c);
+        f && (a[f] = r(t[c], c));
+      } else if (Object.keys(s.values || Ae).includes(c)) {
+        const f = s.up(c);
+        a[f] = r(t[c], c);
+      } else {
+        const f = c;
+        a[f] = t[f];
+      }
+      return a;
+    }, {});
+  }
+  return r(t);
+}
+function ur(e = {}) {
+  return e.keys?.reduce((r, n) => {
+    const o = e.up(n);
+    return r[o] = {}, r;
+  }, {}) || {};
+}
+function lt(e, t) {
+  return e.reduce((r, n) => {
+    const o = r[n];
+    return (!o || Object.keys(o).length === 0) && delete r[n], r;
+  }, t);
+}
+function He(e) {
+  if (typeof e != "string")
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : Z(7));
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+function Oe(e, t, r = !0) {
+  if (!t || typeof t != "string")
+    return null;
+  if (e && e.vars && r) {
+    const n = `vars.${t}`.split(".").reduce((o, s) => o && o[s] ? o[s] : null, e);
+    if (n != null)
+      return n;
+  }
+  return t.split(".").reduce((n, o) => n && n[o] != null ? n[o] : null, e);
+}
+function Te(e, t, r, n = r) {
+  let o;
+  return typeof e == "function" ? o = e(r) : Array.isArray(e) ? o = e[r] || n : o = Oe(e, r) || n, t && (o = t(o, n, e)), o;
+}
+function B(e) {
+  const {
+    prop: t,
+    cssProperty: r = e.prop,
+    themeKey: n,
+    transform: o
+  } = e, s = (a) => {
+    if (a[t] == null)
+      return null;
+    const c = a[t], f = a.theme, d = Oe(f, n) || {};
+    return X(a, c, (y) => {
+      let p = Te(d, o, y);
+      return y === p && typeof y == "string" && (p = Te(d, o, `${t}${y === "default" ? "" : He(y)}`, y)), r === !1 ? p : {
+        [r]: p
+      };
+    });
+  };
+  return s.propTypes = process.env.NODE_ENV !== "production" ? {
+    [t]: te
+  } : {}, s.filterProps = [t], s;
+}
+function fr(e) {
+  const t = {};
+  return (r) => (t[r] === void 0 && (t[r] = e(r)), t[r]);
+}
+const dr = {
+  m: "margin",
+  p: "padding"
+}, pr = {
+  t: "Top",
+  r: "Right",
+  b: "Bottom",
+  l: "Left",
+  x: ["Left", "Right"],
+  y: ["Top", "Bottom"]
+}, ct = {
+  marginX: "mx",
+  marginY: "my",
+  paddingX: "px",
+  paddingY: "py"
+}, mr = fr((e) => {
+  if (e.length > 2)
+    if (ct[e])
+      e = ct[e];
+    else
+      return [e];
+  const [t, r] = e.split(""), n = dr[t], o = pr[r] || "";
+  return Array.isArray(o) ? o.map((s) => n + s) : [n + o];
+}), _e = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], ke = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], gr = [..._e, ...ke];
+function be(e, t, r, n) {
+  const o = Oe(e, t, !0) ?? r;
+  return typeof o == "number" || typeof o == "string" ? (s) => typeof s == "string" ? s : (process.env.NODE_ENV !== "production" && typeof s != "number" && console.error(`MUI: Expected ${n} argument to be a number or a string, got ${s}.`), typeof o == "string" ? o.startsWith("var(") && s === 0 ? 0 : o.startsWith("var(") && s === 1 ? o : `calc(${s} * ${o})` : o * s) : Array.isArray(o) ? (s) => {
+    if (typeof s == "string")
+      return s;
+    const a = Math.abs(s);
+    process.env.NODE_ENV !== "production" && (Number.isInteger(a) ? a > o.length - 1 && console.error([`MUI: The value provided (${a}) overflows.`, `The supported values are: ${JSON.stringify(o)}.`, `${a} > ${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 c = o[a];
+    return s >= 0 ? c : typeof c == "number" ? -c : typeof c == "string" && c.startsWith("var(") ? `calc(-1 * ${c})` : `-${c}`;
+  } : 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 qe(e) {
+  return be(e, "spacing", 8, "spacing");
+}
+function Se(e, t) {
+  return typeof t == "string" || t == null ? t : e(t);
+}
+function hr(e, t) {
+  return (r) => e.reduce((n, o) => (n[o] = Se(t, r), n), {});
+}
+function yr(e, t, r, n) {
+  if (!t.includes(r))
+    return null;
+  const o = mr(r), s = hr(o, n), a = e[r];
+  return X(e, a, s);
+}
+function xt(e, t) {
+  const r = qe(e.theme);
+  return Object.keys(e).map((n) => yr(e, t, n, r)).reduce(he, {});
+}
+function N(e) {
+  return xt(e, _e);
+}
+N.propTypes = process.env.NODE_ENV !== "production" ? _e.reduce((e, t) => (e[t] = te, e), {}) : {};
+N.filterProps = _e;
+function R(e) {
+  return xt(e, ke);
+}
+R.propTypes = process.env.NODE_ENV !== "production" ? ke.reduce((e, t) => (e[t] = te, e), {}) : {};
+R.filterProps = ke;
+process.env.NODE_ENV !== "production" && gr.reduce((e, t) => (e[t] = te, e), {});
+function Tt(e = 8, t = qe({
+  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((s) => {
+    const a = t(s);
+    return typeof a == "number" ? `${a}px` : a;
+  }).join(" "));
+  return r.mui = !0, r;
+}
+function Ne(...e) {
+  const t = e.reduce((n, o) => (o.filterProps.forEach((s) => {
+    n[s] = o;
+  }), n), {}), r = (n) => Object.keys(n).reduce((o, s) => t[s] ? he(o, t[s](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 G(e) {
+  return typeof e != "number" ? e : `${e}px solid`;
+}
+function z(e, t) {
+  return B({
+    prop: e,
+    themeKey: "borders",
+    transform: t
+  });
+}
+const br = z("border", G), Sr = z("borderTop", G), Cr = z("borderRight", G), $r = z("borderBottom", G), Er = z("borderLeft", G), vr = z("borderColor"), xr = z("borderTopColor"), Tr = z("borderRightColor"), wr = z("borderBottomColor"), Ar = z("borderLeftColor"), Or = z("outline", G), _r = z("outlineColor"), Re = (e) => {
+  if (e.borderRadius !== void 0 && e.borderRadius !== null) {
+    const t = be(e.theme, "shape.borderRadius", 4, "borderRadius"), r = (n) => ({
+      borderRadius: Se(t, n)
+    });
+    return X(e, e.borderRadius, r);
+  }
+  return null;
+};
+Re.propTypes = process.env.NODE_ENV !== "production" ? {
+  borderRadius: te
+} : {};
+Re.filterProps = ["borderRadius"];
+Ne(br, Sr, Cr, $r, Er, vr, xr, Tr, wr, Ar, Re, Or, _r);
+const Pe = (e) => {
+  if (e.gap !== void 0 && e.gap !== null) {
+    const t = be(e.theme, "spacing", 8, "gap"), r = (n) => ({
+      gap: Se(t, n)
+    });
+    return X(e, e.gap, r);
+  }
+  return null;
+};
+Pe.propTypes = process.env.NODE_ENV !== "production" ? {
+  gap: te
+} : {};
+Pe.filterProps = ["gap"];
+const Ie = (e) => {
+  if (e.columnGap !== void 0 && e.columnGap !== null) {
+    const t = be(e.theme, "spacing", 8, "columnGap"), r = (n) => ({
+      columnGap: Se(t, n)
+    });
+    return X(e, e.columnGap, r);
+  }
+  return null;
+};
+Ie.propTypes = process.env.NODE_ENV !== "production" ? {
+  columnGap: te
+} : {};
+Ie.filterProps = ["columnGap"];
+const Be = (e) => {
+  if (e.rowGap !== void 0 && e.rowGap !== null) {
+    const t = be(e.theme, "spacing", 8, "rowGap"), r = (n) => ({
+      rowGap: Se(t, n)
+    });
+    return X(e, e.rowGap, r);
+  }
+  return null;
+};
+Be.propTypes = process.env.NODE_ENV !== "production" ? {
+  rowGap: te
+} : {};
+Be.filterProps = ["rowGap"];
+const kr = B({
+  prop: "gridColumn"
+}), Nr = B({
+  prop: "gridRow"
+}), Rr = B({
+  prop: "gridAutoFlow"
+}), Pr = B({
+  prop: "gridAutoColumns"
+}), Ir = B({
+  prop: "gridAutoRows"
+}), Br = B({
+  prop: "gridTemplateColumns"
+}), Dr = B({
+  prop: "gridTemplateRows"
+}), Mr = B({
+  prop: "gridTemplateAreas"
+}), Vr = B({
+  prop: "gridArea"
+});
+Ne(Pe, Ie, Be, kr, Nr, Rr, Pr, Ir, Br, Dr, Mr, Vr);
+function fe(e, t) {
+  return t === "grey" ? t : e;
+}
+const Fr = B({
+  prop: "color",
+  themeKey: "palette",
+  transform: fe
+}), Lr = B({
+  prop: "bgcolor",
+  cssProperty: "backgroundColor",
+  themeKey: "palette",
+  transform: fe
+}), Wr = B({
+  prop: "backgroundColor",
+  themeKey: "palette",
+  transform: fe
+});
+Ne(Fr, Lr, Wr);
+function W(e) {
+  return e <= 1 && e !== 0 ? `${e * 100}%` : e;
+}
+const jr = B({
+  prop: "width",
+  transform: W
+}), Qe = (e) => {
+  if (e.maxWidth !== void 0 && e.maxWidth !== null) {
+    const t = (r) => {
+      const n = e.theme?.breakpoints?.values?.[r] || Ae[r];
+      return n ? e.theme?.breakpoints?.unit !== "px" ? {
+        maxWidth: `${n}${e.theme.breakpoints.unit}`
+      } : {
+        maxWidth: n
+      } : {
+        maxWidth: W(r)
+      };
+    };
+    return X(e, e.maxWidth, t);
+  }
+  return null;
+};
+Qe.filterProps = ["maxWidth"];
+const Ur = B({
+  prop: "minWidth",
+  transform: W
+}), Gr = B({
+  prop: "height",
+  transform: W
+}), zr = B({
+  prop: "maxHeight",
+  transform: W
+}), Yr = B({
+  prop: "minHeight",
+  transform: W
+});
+B({
+  prop: "size",
+  cssProperty: "width",
+  transform: W
+});
+B({
+  prop: "size",
+  cssProperty: "height",
+  transform: W
+});
+const Kr = B({
+  prop: "boxSizing"
+});
+Ne(jr, Qe, Ur, Gr, zr, Yr, Kr);
+const De = {
+  // borders
+  border: {
+    themeKey: "borders",
+    transform: G
+  },
+  borderTop: {
+    themeKey: "borders",
+    transform: G
+  },
+  borderRight: {
+    themeKey: "borders",
+    transform: G
+  },
+  borderBottom: {
+    themeKey: "borders",
+    transform: G
+  },
+  borderLeft: {
+    themeKey: "borders",
+    transform: G
+  },
+  borderColor: {
+    themeKey: "palette"
+  },
+  borderTopColor: {
+    themeKey: "palette"
+  },
+  borderRightColor: {
+    themeKey: "palette"
+  },
+  borderBottomColor: {
+    themeKey: "palette"
+  },
+  borderLeftColor: {
+    themeKey: "palette"
+  },
+  outline: {
+    themeKey: "borders",
+    transform: G
+  },
+  outlineColor: {
+    themeKey: "palette"
+  },
+  borderRadius: {
+    themeKey: "shape.borderRadius",
+    style: Re
+  },
+  // palette
+  color: {
+    themeKey: "palette",
+    transform: fe
+  },
+  bgcolor: {
+    themeKey: "palette",
+    cssProperty: "backgroundColor",
+    transform: fe
+  },
+  backgroundColor: {
+    themeKey: "palette",
+    transform: fe
+  },
+  // spacing
+  p: {
+    style: R
+  },
+  pt: {
+    style: R
+  },
+  pr: {
+    style: R
+  },
+  pb: {
+    style: R
+  },
+  pl: {
+    style: R
+  },
+  px: {
+    style: R
+  },
+  py: {
+    style: R
+  },
+  padding: {
+    style: R
+  },
+  paddingTop: {
+    style: R
+  },
+  paddingRight: {
+    style: R
+  },
+  paddingBottom: {
+    style: R
+  },
+  paddingLeft: {
+    style: R
+  },
+  paddingX: {
+    style: R
+  },
+  paddingY: {
+    style: R
+  },
+  paddingInline: {
+    style: R
+  },
+  paddingInlineStart: {
+    style: R
+  },
+  paddingInlineEnd: {
+    style: R
+  },
+  paddingBlock: {
+    style: R
+  },
+  paddingBlockStart: {
+    style: R
+  },
+  paddingBlockEnd: {
+    style: R
+  },
+  m: {
+    style: N
+  },
+  mt: {
+    style: N
+  },
+  mr: {
+    style: N
+  },
+  mb: {
+    style: N
+  },
+  ml: {
+    style: N
+  },
+  mx: {
+    style: N
+  },
+  my: {
+    style: N
+  },
+  margin: {
+    style: N
+  },
+  marginTop: {
+    style: N
+  },
+  marginRight: {
+    style: N
+  },
+  marginBottom: {
+    style: N
+  },
+  marginLeft: {
+    style: N
+  },
+  marginX: {
+    style: N
+  },
+  marginY: {
+    style: N
+  },
+  marginInline: {
+    style: N
+  },
+  marginInlineStart: {
+    style: N
+  },
+  marginInlineEnd: {
+    style: N
+  },
+  marginBlock: {
+    style: N
+  },
+  marginBlockStart: {
+    style: N
+  },
+  marginBlockEnd: {
+    style: N
+  },
+  // 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: Pe
+  },
+  rowGap: {
+    style: Be
+  },
+  columnGap: {
+    style: Ie
+  },
+  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: W
+  },
+  maxWidth: {
+    style: Qe
+  },
+  minWidth: {
+    transform: W
+  },
+  height: {
+    transform: W
+  },
+  maxHeight: {
+    transform: W
+  },
+  minHeight: {
+    transform: W
+  },
+  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 Hr(...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 qr(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function Qr() {
+  function e(r, n, o, s) {
+    const a = {
+      [r]: n,
+      theme: o
+    }, c = s[r];
+    if (!c)
+      return {
+        [r]: n
+      };
+    const {
+      cssProperty: f = r,
+      themeKey: d,
+      transform: m,
+      style: y
+    } = c;
+    if (n == null)
+      return null;
+    if (d === "typography" && n === "inherit")
+      return {
+        [r]: n
+      };
+    const p = Oe(o, d) || {};
+    return y ? y(a) : X(a, n, (g) => {
+      let l = Te(p, m, g);
+      return g === l && typeof g == "string" && (l = Te(p, m, `${r}${g === "default" ? "" : He(g)}`, g)), f === !1 ? l : {
+        [f]: l
+      };
+    });
+  }
+  function t(r) {
+    const {
+      sx: n,
+      theme: o = {},
+      nested: s
+    } = r || {};
+    if (!n)
+      return null;
+    const a = o.unstable_sxConfig ?? De;
+    function c(f) {
+      let d = f;
+      if (typeof f == "function")
+        d = f(o);
+      else if (typeof f != "object")
+        return f;
+      if (!d)
+        return null;
+      const m = ur(o.breakpoints), y = Object.keys(m);
+      let p = m;
+      return Object.keys(d).forEach((b) => {
+        const g = qr(d[b], o);
+        if (g != null)
+          if (typeof g == "object")
+            if (a[b])
+              p = he(p, e(b, g, o, a));
+            else {
+              const l = X({
+                theme: o
+              }, g, (C) => ({
+                [b]: C
+              }));
+              Hr(l, g) ? p[b] = t({
+                sx: g,
+                theme: o,
+                nested: !0
+              }) : p = he(p, l);
+            }
+          else
+            p = he(p, e(b, g, o, a));
+      }), !s && o.modularCssLayers ? {
+        "@layer sx": st(o, lt(y, p))
+      } : st(o, lt(y, p));
+    }
+    return Array.isArray(n) ? n.map(c) : c(n);
+  }
+  return t;
+}
+const de = Qr();
+de.filterProps = ["sx"];
+function Xr(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 wt(e = {}, ...t) {
+  const {
+    breakpoints: r = {},
+    palette: n = {},
+    spacing: o,
+    shape: s = {},
+    ...a
+  } = e, c = or(r), f = Tt(o);
+  let d = j({
+    breakpoints: c,
+    direction: "ltr",
+    components: {},
+    // Inject component definitions.
+    palette: {
+      mode: "light",
+      ...n
+    },
+    spacing: f,
+    shape: {
+      ...lr,
+      ...s
+    }
+  }, a);
+  return d = ar(d), d.applyStyles = Xr, d = t.reduce((m, y) => j(m, y), d), d.unstable_sxConfig = {
+    ...De,
+    ...a?.unstable_sxConfig
+  }, d.unstable_sx = function(y) {
+    return de({
+      sx: y,
+      theme: this
+    });
+  }, d;
+}
+const ut = (e) => e, Jr = () => {
+  let e = ut;
+  return {
+    configure(t) {
+      e = t;
+    },
+    generate(t) {
+      return e(t);
+    },
+    reset() {
+      e = ut;
+    }
+  };
+}, Zr = Jr();
+function At(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 = At(e[t])) && (n && (n += " "), n += r);
+  } else for (r in e) e[r] && (n && (n += " "), n += r);
+  return n;
+}
+function en() {
+  for (var e, t, r = 0, n = "", o = arguments.length; r < o; r++) (e = arguments[r]) && (t = At(e)) && (n && (n += " "), n += t);
+  return n;
+}
+const tn = {
+  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 Ot(e, t, r = "Mui") {
+  const n = tn[t];
+  return n ? `${r}-${n}` : `${Zr.generate(e)}-${t}`;
+}
+function go(e, t, r = "Mui") {
+  const n = {};
+  return t.forEach((o) => {
+    n[o] = Ot(e, o, r);
+  }), n;
+}
+function _t(e, t = "") {
+  return e.displayName || e.name || t;
+}
+function ft(e, t, r) {
+  const n = _t(t);
+  return e.displayName || (n !== "" ? `${r}(${n})` : r);
+}
+function rn(e) {
+  if (e != null) {
+    if (typeof e == "string")
+      return e;
+    if (typeof e == "function")
+      return _t(e, "Component");
+    if (typeof e == "object")
+      switch (e.$$typeof) {
+        case xe.ForwardRef:
+          return ft(e, e.render, "ForwardRef");
+        case xe.Memo:
+          return ft(e, e.type, "memo");
+        default:
+          return;
+      }
+  }
+}
+function kt(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 nn = wt();
+function We(e) {
+  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+function ne(e, t) {
+  return t && e && typeof e == "object" && e.styles && !e.styles.startsWith("@layer") && (e.styles = `@layer ${t}{${String(e.styles)}}`), e;
+}
+function on(e) {
+  return e ? (t, r) => r[e] : null;
+}
+function sn(e, t, r) {
+  e.theme = un(e.theme) ? r : e.theme[t] || e.theme;
+}
+function Ee(e, t, r) {
+  const n = typeof t == "function" ? t(e) : t;
+  if (Array.isArray(n))
+    return n.flatMap((o) => Ee(e, o, r));
+  if (Array.isArray(n?.variants)) {
+    let o;
+    if (n.isProcessed)
+      o = r ? ne(n.style, r) : n.style;
+    else {
+      const {
+        variants: s,
+        ...a
+      } = n;
+      o = r ? ne(oe(a), r) : a;
+    }
+    return Nt(e, n.variants, [o], r);
+  }
+  return n?.isProcessed ? r ? ne(oe(n.style), r) : n.style : r ? ne(oe(n), r) : n;
+}
+function Nt(e, t, r = [], n = void 0) {
+  let o;
+  e: for (let s = 0; s < t.length; s += 1) {
+    const a = t[s];
+    if (typeof a.props == "function") {
+      if (o ??= {
+        ...e,
+        ...e.ownerState,
+        ownerState: e.ownerState
+      }, !a.props(o))
+        continue;
+    } else
+      for (const c in a.props)
+        if (e[c] !== a.props[c] && e.ownerState?.[c] !== a.props[c])
+          continue e;
+    typeof a.style == "function" ? (o ??= {
+      ...e,
+      ...e.ownerState,
+      ownerState: e.ownerState
+    }, r.push(n ? ne(oe(a.style(o)), n) : a.style(o))) : r.push(n ? ne(oe(a.style), n) : a.style);
+  }
+  return r;
+}
+function an(e = {}) {
+  const {
+    themeId: t,
+    defaultTheme: r = nn,
+    rootShouldForwardProp: n = We,
+    slotShouldForwardProp: o = We
+  } = e;
+  function s(c) {
+    sn(c, t, r);
+  }
+  return (c, f = {}) => {
+    Zt(c, ($) => $.filter((D) => D !== de));
+    const {
+      name: d,
+      slot: m,
+      skipVariantsResolver: y,
+      skipSx: p,
+      // TODO v6: remove `lowercaseFirstLetter()` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      overridesResolver: b = on(Rt(m)),
+      ...g
+    } = f, l = d && d.startsWith("Mui") || m ? "components" : "custom", C = y !== void 0 ? y : (
+      // TODO v6: remove `Root` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      m && m !== "Root" && m !== "root" || !1
+    ), _ = p || !1;
+    let x = We;
+    m === "Root" || m === "root" ? x = n : m ? x = o : fn(c) && (x = void 0);
+    const F = Jt(c, {
+      shouldForwardProp: x,
+      label: cn(d, m),
+      ...g
+    }), E = ($) => {
+      if ($.__emotion_real === $)
+        return $;
+      if (typeof $ == "function")
+        return function(L) {
+          return Ee(L, $, L.theme.modularCssLayers ? l : void 0);
+        };
+      if (Q($)) {
+        const D = kt($);
+        return function(P) {
+          return D.variants ? Ee(P, D, P.theme.modularCssLayers ? l : void 0) : P.theme.modularCssLayers ? ne(D.style, l) : D.style;
+        };
+      }
+      return $;
+    }, M = (...$) => {
+      const D = [], L = $.map(E), P = [];
+      if (D.push(s), d && b && P.push(function(S) {
+        const v = S.theme.components?.[d]?.styleOverrides;
+        if (!v)
+          return null;
+        const I = {};
+        for (const K in v)
+          I[K] = Ee(S, v[K], S.theme.modularCssLayers ? "theme" : void 0);
+        return b(S, I);
+      }), d && !C && P.push(function(S) {
+        const v = S.theme?.components?.[d]?.variants;
+        return v ? Nt(S, v, [], S.theme.modularCssLayers ? "theme" : void 0) : null;
+      }), _ || P.push(de), Array.isArray(L[0])) {
+        const i = L.shift(), S = new Array(D.length).fill(""), h = new Array(P.length).fill("");
+        let v;
+        v = [...S, ...i, ...h], v.raw = [...S, ...i.raw, ...h], D.unshift(v);
+      }
+      const U = [...D, ...L, ...P], V = F(...U);
+      return c.muiName && (V.muiName = c.muiName), process.env.NODE_ENV !== "production" && (V.displayName = ln(d, m, c)), V;
+    };
+    return F.withConfig && (M.withConfig = F.withConfig), M;
+  };
+}
+function ln(e, t, r) {
+  return e ? `${e}${He(t || "")}` : `Styled(${rn(r)})`;
+}
+function cn(e, t) {
+  let r;
+  return process.env.NODE_ENV !== "production" && e && (r = `${e}-${Rt(t || "Root")}`), r;
+}
+function un(e) {
+  for (const t in e)
+    return !1;
+  return !0;
+}
+function fn(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 Rt(e) {
+  return e && e.charAt(0).toLowerCase() + e.slice(1);
+}
+function Ge(e, t, r = !1) {
+  const n = {
+    ...t
+  };
+  for (const o in e)
+    if (Object.prototype.hasOwnProperty.call(e, o)) {
+      const s = o;
+      if (s === "components" || s === "slots")
+        n[s] = {
+          ...e[s],
+          ...n[s]
+        };
+      else if (s === "componentsProps" || s === "slotProps") {
+        const a = e[s], c = t[s];
+        if (!c)
+          n[s] = a || {};
+        else if (!a)
+          n[s] = c;
+        else {
+          n[s] = {
+            ...c
+          };
+          for (const f in a)
+            if (Object.prototype.hasOwnProperty.call(a, f)) {
+              const d = f;
+              n[s][d] = Ge(a[d], c[d], r);
+            }
+        }
+      } else s === "className" && r && t.className ? n.className = en(e?.className, t?.className) : s === "style" && r && t.style ? n.style = {
+        ...e?.style,
+        ...t?.style
+      } : n[s] === void 0 && (n[s] = e[s]);
+    }
+  return n;
+}
+function dn(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
+  return Math.max(t, Math.min(e, r));
+}
+function Xe(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}].`), dn(e, t, r);
+}
+function pn(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(pn(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().` : Z(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.` : Z(10, o));
+  } else
+    n = n.split(",");
+  return n = n.map((s) => parseFloat(s)), {
+    type: r,
+    values: n,
+    colorSpace: o
+  };
+}
+const mn = (e) => {
+  const t = ee(e);
+  return t.values.slice(0, 3).map((r, n) => t.type.includes("hsl") && n !== 0 ? `${r}%` : r).join(" ");
+}, me = (e, t) => {
+  try {
+    return mn(e);
+  } catch {
+    return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
+  }
+};
+function Me(e) {
+  const {
+    type: t,
+    colorSpace: r
+  } = e;
+  let {
+    values: n
+  } = e;
+  return t.includes("rgb") ? n = n.map((o, s) => s < 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 Pt(e) {
+  e = ee(e);
+  const {
+    values: t
+  } = e, r = t[0], n = t[1] / 100, o = t[2] / 100, s = n * Math.min(o, 1 - o), a = (d, m = (d + r / 30) % 12) => o - s * Math.max(Math.min(m - 3, 9 - m, 1), -1);
+  let c = "rgb";
+  const f = [Math.round(a(0) * 255), Math.round(a(8) * 255), Math.round(a(4) * 255)];
+  return e.type === "hsla" && (c += "a", f.push(t[3])), Me({
+    type: c,
+    values: f
+  });
+}
+function ze(e) {
+  e = ee(e);
+  let t = e.type === "hsl" || e.type === "hsla" ? ee(Pt(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 dt(e, t) {
+  const r = ze(e), n = ze(t);
+  return (Math.max(r, n) + 0.05) / (Math.min(r, n) + 0.05);
+}
+function It(e, t) {
+  return e = ee(e), t = Xe(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, Me(e);
+}
+function re(e, t, r) {
+  try {
+    return It(e, t);
+  } catch {
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
+  }
+}
+function Ve(e, t) {
+  if (e = ee(e), t = Xe(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 Me(e);
+}
+function T(e, t, r) {
+  try {
+    return Ve(e, t);
+  } catch {
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
+  }
+}
+function Fe(e, t) {
+  if (e = ee(e), t = Xe(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 Me(e);
+}
+function w(e, t, r) {
+  try {
+    return Fe(e, t);
+  } catch {
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
+  }
+}
+function gn(e, t = 0.15) {
+  return ze(e) > 0.5 ? Ve(e, t) : Fe(e, t);
+}
+function $e(e, t, r) {
+  try {
+    return gn(e, t);
+  } catch {
+    return e;
+  }
+}
+const hn = /* @__PURE__ */ we.createContext(void 0);
+process.env.NODE_ENV !== "production" && (q.node, q.object);
+function yn(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 ? Ge(o.defaultProps, n, t.components.mergeClassNameAndStyle) : !o.styleOverrides && !o.variants ? Ge(o, n, t.components.mergeClassNameAndStyle) : n;
+}
+function bn({
+  props: e,
+  name: t
+}) {
+  const r = we.useContext(hn);
+  return yn({
+    props: e,
+    name: t,
+    theme: {
+      components: r
+    }
+  });
+}
+const pt = {
+  theme: void 0
+};
+function Sn(e) {
+  let t, r;
+  return function(o) {
+    let s = t;
+    return (s === void 0 || o.theme !== r) && (pt.theme = o.theme, s = kt(e(pt)), t = s, r = o.theme), s;
+  };
+}
+function Cn(e = "") {
+  function t(...n) {
+    if (!n.length)
+      return "";
+    const o = n[0];
+    return typeof o == "string" && !o.match(/(#|\(|\)|(-?(\d*\.)?\d+)(px|em|%|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc))|^(-?(\d*\.)?\d+)$|(\d+ \d+ \d+)/) ? `, var(--${e ? `${e}-` : ""}${o}${t(...n.slice(1))})` : `, ${o}`;
+  }
+  return (n, ...o) => `var(--${e ? `${e}-` : ""}${n}${t(...o)})`;
+}
+const mt = (e, t, r, n = []) => {
+  let o = e;
+  t.forEach((s, a) => {
+    a === t.length - 1 ? Array.isArray(o) ? o[Number(s)] = r : o && typeof o == "object" && (o[s] = r) : o && typeof o == "object" && (o[s] || (o[s] = n.includes(s) ? [] : {}), o = o[s]);
+  });
+}, $n = (e, t, r) => {
+  function n(o, s = [], a = []) {
+    Object.entries(o).forEach(([c, f]) => {
+      (!r || r && !r([...s, c])) && f != null && (typeof f == "object" && Object.keys(f).length > 0 ? n(f, [...s, c], Array.isArray(f) ? [...a, c] : a) : t([...s, c], f, a));
+    });
+  }
+  n(e);
+}, En = (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 je(e, t) {
+  const {
+    prefix: r,
+    shouldSkipGeneratingVar: n
+  } = t || {}, o = {}, s = {}, a = {};
+  return $n(
+    e,
+    (c, f, d) => {
+      if ((typeof f == "string" || typeof f == "number") && (!n || !n(c, f))) {
+        const m = `--${r ? `${r}-` : ""}${c.join("-")}`, y = En(c, f);
+        Object.assign(o, {
+          [m]: y
+        }), mt(s, c, `var(${m})`, d), mt(a, c, `var(${m}, ${y})`, d);
+      }
+    },
+    (c) => c[0] === "vars"
+    // skip 'vars/*' paths
+  ), {
+    css: o,
+    vars: s,
+    varsWithDefaults: a
+  };
+}
+function vn(e, t = {}) {
+  const {
+    getSelector: r = _,
+    disableCssColorScheme: n,
+    colorSchemeSelector: o,
+    enableContrastVars: s
+  } = t, {
+    colorSchemes: a = {},
+    components: c,
+    defaultColorScheme: f = "light",
+    ...d
+  } = e, {
+    vars: m,
+    css: y,
+    varsWithDefaults: p
+  } = je(d, t);
+  let b = p;
+  const g = {}, {
+    [f]: l,
+    ...C
+  } = a;
+  if (Object.entries(C || {}).forEach(([E, M]) => {
+    const {
+      vars: $,
+      css: D,
+      varsWithDefaults: L
+    } = je(M, t);
+    b = j(b, L), g[E] = {
+      css: D,
+      vars: $
+    };
+  }), l) {
+    const {
+      css: E,
+      vars: M,
+      varsWithDefaults: $
+    } = je(l, t);
+    b = j(b, $), g[f] = {
+      css: E,
+      vars: M
+    };
+  }
+  function _(E, M) {
+    let $ = o;
+    if (o === "class" && ($ = ".%s"), o === "data" && ($ = "[data-%s]"), o?.startsWith("data-") && !o.includes("%s") && ($ = `[${o}="%s"]`), E) {
+      if ($ === "media")
+        return e.defaultColorScheme === E ? ":root" : {
+          [`@media (prefers-color-scheme: ${a[E]?.palette?.mode || E})`]: {
+            ":root": M
+          }
+        };
+      if ($)
+        return e.defaultColorScheme === E ? `:root, ${$.replace("%s", String(E))}` : $.replace("%s", String(E));
+    }
+    return ":root";
+  }
+  return {
+    vars: b,
+    generateThemeVars: () => {
+      let E = {
+        ...m
+      };
+      return Object.entries(g).forEach(([, {
+        vars: M
+      }]) => {
+        E = j(E, M);
+      }), E;
+    },
+    generateStyleSheets: () => {
+      const E = [], M = e.defaultColorScheme || "light";
+      function $(P, U) {
+        Object.keys(U).length && E.push(typeof P == "string" ? {
+          [P]: {
+            ...U
+          }
+        } : P);
+      }
+      $(r(void 0, {
+        ...y
+      }), y);
+      const {
+        [M]: D,
+        ...L
+      } = g;
+      if (D) {
+        const {
+          css: P
+        } = D, U = a[M]?.palette?.mode, V = !n && U ? {
+          colorScheme: U,
+          ...P
+        } : {
+          ...P
+        };
+        $(r(M, {
+          ...V
+        }), V);
+      }
+      return Object.entries(L).forEach(([P, {
+        css: U
+      }]) => {
+        const V = a[P]?.palette?.mode, i = !n && V ? {
+          colorScheme: V,
+          ...U
+        } : {
+          ...U
+        };
+        $(r(P, {
+          ...i
+        }), i);
+      }), s && E.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.
+        }
+      }), E;
+    }
+  };
+}
+function xn(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)} &` : "&";
+  };
+}
+function ho(e, t, r = void 0) {
+  const n = {};
+  for (const o in e) {
+    const s = e[o];
+    let a = "", c = !0;
+    for (let f = 0; f < s.length; f += 1) {
+      const d = s[f];
+      d && (a += (c === !0 ? "" : " ") + t(d), c = !1, r && r[d] && (a += " " + r[d]));
+    }
+    n[o] = a;
+  }
+  return n;
+}
+const Tn = "$$material", ye = {
+  black: "#000",
+  white: "#fff"
+}, wn = {
+  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"
+}, se = {
+  50: "#f3e5f5",
+  200: "#ce93d8",
+  300: "#ba68c8",
+  400: "#ab47bc",
+  500: "#9c27b0",
+  700: "#7b1fa2"
+}, ae = {
+  300: "#e57373",
+  400: "#ef5350",
+  500: "#f44336",
+  700: "#d32f2f",
+  800: "#c62828"
+}, pe = {
+  300: "#ffb74d",
+  400: "#ffa726",
+  500: "#ff9800",
+  700: "#f57c00",
+  900: "#e65100"
+}, le = {
+  50: "#e3f2fd",
+  200: "#90caf9",
+  400: "#42a5f5",
+  700: "#1976d2",
+  800: "#1565c0"
+}, ce = {
+  300: "#4fc3f7",
+  400: "#29b6f6",
+  500: "#03a9f4",
+  700: "#0288d1",
+  900: "#01579b"
+}, ue = {
+  300: "#81c784",
+  400: "#66bb6a",
+  500: "#4caf50",
+  700: "#388e3c",
+  800: "#2e7d32",
+  900: "#1b5e20"
+};
+function Bt() {
+  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: ye.white,
+      default: ye.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 Dt = Bt();
+function Mt() {
+  return {
+    text: {
+      primary: ye.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: ye.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 Ye = Mt();
+function gt(e, t, r, n) {
+  const o = n.light || n, s = n.dark || n * 1.5;
+  e[t] || (e.hasOwnProperty(r) ? e[t] = e[r] : t === "light" ? e.light = Fe(e.main, o) : t === "dark" && (e.dark = Ve(e.main, s)));
+}
+function ht(e, t, r, n, o) {
+  const s = o.light || o, a = 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 ${(s * 100).toFixed(0)}%)` : r === "dark" && (t.dark = `color-mix(in ${e}, ${t.main}, #000 ${(a * 100).toFixed(0)}%)`));
+}
+function An(e = "light") {
+  return e === "dark" ? {
+    main: le[200],
+    light: le[50],
+    dark: le[400]
+  } : {
+    main: le[700],
+    light: le[400],
+    dark: le[800]
+  };
+}
+function On(e = "light") {
+  return e === "dark" ? {
+    main: se[200],
+    light: se[50],
+    dark: se[400]
+  } : {
+    main: se[500],
+    light: se[300],
+    dark: se[700]
+  };
+}
+function _n(e = "light") {
+  return e === "dark" ? {
+    main: ae[500],
+    light: ae[300],
+    dark: ae[700]
+  } : {
+    main: ae[700],
+    light: ae[400],
+    dark: ae[800]
+  };
+}
+function kn(e = "light") {
+  return e === "dark" ? {
+    main: ce[400],
+    light: ce[300],
+    dark: ce[700]
+  } : {
+    main: ce[700],
+    light: ce[500],
+    dark: ce[900]
+  };
+}
+function Nn(e = "light") {
+  return e === "dark" ? {
+    main: ue[400],
+    light: ue[300],
+    dark: ue[700]
+  } : {
+    main: ue[800],
+    light: ue[500],
+    dark: ue[900]
+  };
+}
+function Rn(e = "light") {
+  return e === "dark" ? {
+    main: pe[400],
+    light: pe[300],
+    dark: pe[700]
+  } : {
+    main: "#ed6c02",
+    // closest to orange[800] that pass 3:1.
+    light: pe[500],
+    dark: pe[900]
+  };
+}
+function Pn(e) {
+  return `oklch(from ${e} var(--__l) 0 h / var(--__a))`;
+}
+function Je(e) {
+  const {
+    mode: t = "light",
+    contrastThreshold: r = 3,
+    tonalOffset: n = 0.2,
+    colorSpace: o,
+    ...s
+  } = e, a = e.primary || An(t), c = e.secondary || On(t), f = e.error || _n(t), d = e.info || kn(t), m = e.success || Nn(t), y = e.warning || Rn(t);
+  function p(C) {
+    if (o)
+      return Pn(C);
+    const _ = dt(C, Ye.text.primary) >= r ? Ye.text.primary : Dt.text.primary;
+    if (process.env.NODE_ENV !== "production") {
+      const x = dt(C, _);
+      x < 3 && console.error([`MUI: The contrast ratio of ${x}:1 for ${_} on ${C}`, "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 _;
+  }
+  const b = ({
+    color: C,
+    name: _,
+    mainShade: x = 500,
+    lightShade: F = 300,
+    darkShade: E = 700
+  }) => {
+    if (C = {
+      ...C
+    }, !C.main && C[x] && (C.main = C[x]), !C.hasOwnProperty("main"))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${_ ? ` (${_})` : ""} provided to augmentColor(color) is invalid.
+The color object needs to have a \`main\` property or a \`${x}\` property.` : Z(11, _ ? ` (${_})` : "", x));
+    if (typeof C.main != "string")
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${_ ? ` (${_})` : ""} provided to augmentColor(color) is invalid.
+\`color.main\` should be a string, but \`${JSON.stringify(C.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] },
+} });` : Z(12, _ ? ` (${_})` : "", JSON.stringify(C.main)));
+    return o ? (ht(o, C, "light", F, n), ht(o, C, "dark", E, n)) : (gt(C, "light", F, n), gt(C, "dark", E, n)), C.contrastText || (C.contrastText = p(C.main)), C;
+  };
+  let g;
+  return t === "light" ? g = Bt() : t === "dark" && (g = Mt()), process.env.NODE_ENV !== "production" && (g || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), j({
+    // A collection of common colors.
+    common: {
+      ...ye
+    },
+    // 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: b({
+      color: a,
+      name: "primary"
+    }),
+    // The colors used to represent secondary interface elements for a user.
+    secondary: b({
+      color: c,
+      name: "secondary",
+      mainShade: "A400",
+      lightShade: "A200",
+      darkShade: "A700"
+    }),
+    // The colors used to represent interface elements that the user should be made aware of.
+    error: b({
+      color: f,
+      name: "error"
+    }),
+    // The colors used to represent potentially dangerous actions or important messages.
+    warning: b({
+      color: y,
+      name: "warning"
+    }),
+    // The colors used to present information to the user that is neutral and not necessarily important.
+    info: b({
+      color: d,
+      name: "info"
+    }),
+    // The colors used to indicate the successful completion of an action that user triggered.
+    success: b({
+      color: m,
+      name: "success"
+    }),
+    // The grey colors.
+    grey: wn,
+    // 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: p,
+    // Generate a rich color object.
+    augmentColor: b,
+    // 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.
+    ...g
+  }, s);
+}
+function In(e) {
+  const t = {};
+  return Object.entries(e).forEach((n) => {
+    const [o, s] = n;
+    typeof s == "object" && (t[o] = `${s.fontStyle ? `${s.fontStyle} ` : ""}${s.fontVariant ? `${s.fontVariant} ` : ""}${s.fontWeight ? `${s.fontWeight} ` : ""}${s.fontStretch ? `${s.fontStretch} ` : ""}${s.fontSize || ""}${s.lineHeight ? `/${s.lineHeight} ` : ""}${s.fontFamily || ""}`);
+  }), t;
+}
+function Bn(e, t) {
+  return {
+    toolbar: {
+      minHeight: 56,
+      [e.up("xs")]: {
+        "@media (orientation: landscape)": {
+          minHeight: 48
+        }
+      },
+      [e.up("sm")]: {
+        minHeight: 64
+      }
+    },
+    ...t
+  };
+}
+function Dn(e) {
+  return Math.round(e * 1e5) / 1e5;
+}
+const yt = {
+  textTransform: "uppercase"
+}, bt = '"Roboto", "Helvetica", "Arial", sans-serif';
+function Mn(e, t) {
+  const {
+    fontFamily: r = bt,
+    // The default font size of the Material Specification.
+    fontSize: n = 14,
+    // px
+    fontWeightLight: o = 300,
+    fontWeightRegular: s = 400,
+    fontWeightMedium: a = 500,
+    fontWeightBold: c = 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: m,
+    ...y
+  } = 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 p = n / 14, b = m || ((C) => `${C / f * p}rem`), g = (C, _, x, F, E) => ({
+    fontFamily: r,
+    fontWeight: C,
+    fontSize: b(_),
+    // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
+    lineHeight: x,
+    // 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 === bt ? {
+      letterSpacing: `${Dn(F / _)}em`
+    } : {},
+    ...E,
+    ...d
+  }), l = {
+    h1: g(o, 96, 1.167, -1.5),
+    h2: g(o, 60, 1.2, -0.5),
+    h3: g(s, 48, 1.167, 0),
+    h4: g(s, 34, 1.235, 0.25),
+    h5: g(s, 24, 1.334, 0),
+    h6: g(a, 20, 1.6, 0.15),
+    subtitle1: g(s, 16, 1.75, 0.15),
+    subtitle2: g(a, 14, 1.57, 0.1),
+    body1: g(s, 16, 1.5, 0.15),
+    body2: g(s, 14, 1.43, 0.15),
+    button: g(a, 14, 1.75, 0.4, yt),
+    caption: g(s, 12, 1.66, 0.4),
+    overline: g(s, 12, 2.66, 1, yt),
+    // 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 j({
+    htmlFontSize: f,
+    pxToRem: b,
+    fontFamily: r,
+    fontSize: n,
+    fontWeightLight: o,
+    fontWeightRegular: s,
+    fontWeightMedium: a,
+    fontWeightBold: c,
+    ...l
+  }, y, {
+    clone: !1
+    // No need to clone deep
+  });
+}
+const Vn = 0.2, Fn = 0.14, Ln = 0.12;
+function k(...e) {
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${Vn})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${Fn})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${Ln})`].join(",");
+}
+const Wn = ["none", k(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), k(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), k(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), k(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), k(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), k(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), k(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), k(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), k(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), k(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), k(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), k(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), k(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), k(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), k(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), k(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), k(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), k(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), k(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), k(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), k(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), k(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), k(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), k(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], jn = {
+  // 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)"
+}, Un = {
+  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 St(e) {
+  return `${Math.round(e)}ms`;
+}
+function Gn(e) {
+  if (!e)
+    return 0;
+  const t = e / 36;
+  return Math.min(Math.round((4 + 15 * t ** 0.25 + t / 5) * 10), 3e3);
+}
+function zn(e) {
+  const t = {
+    ...jn,
+    ...e.easing
+  }, r = {
+    ...Un,
+    ...e.duration
+  };
+  return {
+    getAutoHeightDuration: Gn,
+    create: (o = ["all"], s = {}) => {
+      const {
+        duration: a = r.standard,
+        easing: c = t.easeInOut,
+        delay: f = 0,
+        ...d
+      } = s;
+      if (process.env.NODE_ENV !== "production") {
+        const m = (p) => typeof p == "string", y = (p) => !Number.isNaN(parseFloat(p));
+        !m(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !y(a) && !m(a) && console.error(`MUI: Argument "duration" must be a number or a string but found ${a}.`), m(c) || console.error('MUI: Argument "easing" must be a string.'), !y(f) && !m(f) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof s != "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((m) => `${m} ${typeof a == "string" ? a : St(a)} ${c} ${typeof f == "string" ? f : St(f)}`).join(",");
+    },
+    ...e,
+    easing: t,
+    duration: r
+  };
+}
+const Yn = {
+  mobileStepper: 1e3,
+  fab: 1050,
+  speedDial: 1050,
+  appBar: 1100,
+  drawer: 1200,
+  modal: 1300,
+  snackbar: 1400,
+  tooltip: 1500
+};
+function Kn(e) {
+  return Q(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
+}
+function Vt(e = {}) {
+  const t = {
+    ...e
+  };
+  function r(n) {
+    const o = Object.entries(n);
+    for (let s = 0; s < o.length; s++) {
+      const [a, c] = o[s];
+      !Kn(c) || a.startsWith("unstable_") ? delete n[a] : Q(c) && (n[a] = {
+        ...c
+      }, r(n[a]));
+    }
+  }
+  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 Ct(e) {
+  return typeof e == "number" ? `${(e * 100).toFixed(0)}%` : `calc((${e}) * 100%)`;
+}
+const Hn = (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 qn(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})` : It(t, Hn(r));
+    },
+    lighten(t, r) {
+      const n = this || e;
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #fff ${Ct(r)})` : Fe(t, r);
+    },
+    darken(t, r) {
+      const n = this || e;
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #000 ${Ct(r)})` : Ve(t, r);
+    }
+  });
+}
+function Ke(e = {}, ...t) {
+  const {
+    breakpoints: r,
+    mixins: n = {},
+    spacing: o,
+    palette: s = {},
+    transitions: a = {},
+    typography: c = {},
+    shape: f,
+    colorSpace: d,
+    ...m
+  } = 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." : Z(20));
+  const y = Je({
+    ...s,
+    colorSpace: d
+  }), p = wt(e);
+  let b = j(p, {
+    mixins: Bn(p.breakpoints, n),
+    palette: y,
+    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
+    shadows: Wn.slice(),
+    typography: Mn(y, c),
+    transitions: zn(a),
+    zIndex: {
+      ...Yn
+    }
+  });
+  if (b = j(b, m), b = t.reduce((g, l) => j(g, l), b), process.env.NODE_ENV !== "production") {
+    const g = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], l = (C, _) => {
+      let x;
+      for (x in C) {
+        const F = C[x];
+        if (g.includes(x) && Object.keys(F).length > 0) {
+          if (process.env.NODE_ENV !== "production") {
+            const E = Ot("", x);
+            console.error([`MUI: The \`${_}\` component increases the CSS specificity of the \`${x}\` internal state.`, "You can not override it like this: ", JSON.stringify(C, null, 2), "", `Instead, you need to use the '&.${E}' syntax:`, JSON.stringify({
+              root: {
+                [`&.${E}`]: F
+              }
+            }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
+`));
+          }
+          C[x] = {};
+        }
+      }
+    };
+    Object.keys(b.components).forEach((C) => {
+      const _ = b.components[C].styleOverrides;
+      _ && C.startsWith("Mui") && l(_, C);
+    });
+  }
+  return b.unstable_sxConfig = {
+    ...De,
+    ...m?.unstable_sxConfig
+  }, b.unstable_sx = function(l) {
+    return de({
+      sx: l,
+      theme: this
+    });
+  }, b.toRuntimeSource = Vt, qn(b), b;
+}
+function Qn(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 Xn = [...Array(25)].map((e, t) => {
+  if (t === 0)
+    return "none";
+  const r = Qn(t);
+  return `linear-gradient(rgba(255 255 255 / ${r}), rgba(255 255 255 / ${r}))`;
+});
+function Ft(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 Lt(e) {
+  return e === "dark" ? Xn : [];
+}
+function Jn(e) {
+  const {
+    palette: t = {
+      mode: "light"
+    },
+    // need to cast to avoid module augmentation test
+    opacity: r,
+    overlays: n,
+    colorSpace: o,
+    ...s
+  } = e, a = Je({
+    ...t,
+    colorSpace: o
+  });
+  return {
+    palette: a,
+    opacity: {
+      ...Ft(a.mode),
+      ...r
+    },
+    overlays: n || Lt(a.mode),
+    ...s
+  };
+}
+function Zn(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 eo = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlays-${r}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], to = (e) => (t, r) => {
+  const n = e.rootSelector || ":root", o = e.colorSchemeSelector;
+  let s = o;
+  if (o === "class" && (s = ".%s"), o === "data" && (s = "[data-%s]"), o?.startsWith("data-") && !o.includes("%s") && (s = `[${o}="%s"]`), e.defaultColorScheme === t) {
+    if (t === "dark") {
+      const a = {};
+      return eo(e.cssVarPrefix).forEach((c) => {
+        a[c] = r[c], delete r[c];
+      }), s === "media" ? {
+        [n]: r,
+        "@media (prefers-color-scheme: dark)": {
+          [n]: a
+        }
+      } : s ? {
+        [s.replace("%s", t)]: a,
+        [`${n}, ${s.replace("%s", t)}`]: r
+      } : {
+        [n]: {
+          ...r,
+          ...a
+        }
+      };
+    }
+    if (s && s !== "media")
+      return `${n}, ${s.replace("%s", String(t))}`;
+  } else if (t) {
+    if (s === "media")
+      return {
+        [`@media (prefers-color-scheme: ${String(t)})`]: {
+          [n]: r
+        }
+      };
+    if (s)
+      return s.replace("%s", String(t));
+  }
+  return n;
+};
+function ro(e, t) {
+  t.forEach((r) => {
+    e[r] || (e[r] = {});
+  });
+}
+function u(e, t, r) {
+  !e[t] && r && (e[t] = r);
+}
+function ge(e) {
+  return typeof e != "string" || !e.startsWith("hsl") ? e : Pt(e);
+}
+function H(e, t) {
+  `${t}Channel` in e || (e[`${t}Channel`] = me(ge(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 no(e) {
+  return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
+}
+const Y = (e) => {
+  try {
+    return e();
+  } catch {
+  }
+}, oo = (e = "mui") => Cn(e);
+function Ue(e, t, r, n, o) {
+  if (!r)
+    return;
+  r = r === !0 ? {} : r;
+  const s = o === "dark" ? "dark" : "light";
+  if (!n) {
+    t[o] = Jn({
+      ...r,
+      palette: {
+        mode: s,
+        ...r?.palette
+      },
+      colorSpace: e
+    });
+    return;
+  }
+  const {
+    palette: a,
+    ...c
+  } = Ke({
+    ...n,
+    palette: {
+      mode: s,
+      ...r?.palette
+    },
+    colorSpace: e
+  });
+  return t[o] = {
+    ...r,
+    palette: a,
+    opacity: {
+      ...Ft(s),
+      ...r?.opacity
+    },
+    overlays: r?.overlays || Lt(s)
+  }, c;
+}
+function io(e = {}, ...t) {
+  const {
+    colorSchemes: r = {
+      light: !0
+    },
+    defaultColorScheme: n,
+    disableCssColorScheme: o = !1,
+    cssVarPrefix: s = "mui",
+    nativeColor: a = !1,
+    shouldSkipGeneratingVar: c = Zn,
+    colorSchemeSelector: f = r.light && r.dark ? "media" : void 0,
+    rootSelector: d = ":root",
+    ...m
+  } = e, y = Object.keys(r)[0], p = n || (r.light && y !== "light" ? "light" : y), b = oo(s), {
+    [p]: g,
+    light: l,
+    dark: C,
+    ..._
+  } = r, x = {
+    ..._
+  };
+  let F = g;
+  if ((p === "dark" && !("dark" in r) || p === "light" && !("light" in r)) && (F = !0), !F)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${p}\` option is either missing or invalid.` : Z(21, p));
+  let E;
+  a && (E = "oklch");
+  const M = Ue(E, x, F, m, p);
+  l && !x.light && Ue(E, x, l, void 0, "light"), C && !x.dark && Ue(E, x, C, void 0, "dark");
+  let $ = {
+    defaultColorScheme: p,
+    ...M,
+    cssVarPrefix: s,
+    colorSchemeSelector: f,
+    rootSelector: d,
+    getCssVar: b,
+    colorSchemes: x,
+    font: {
+      ...In(M.typography),
+      ...M.font
+    },
+    spacing: no(m.spacing)
+  };
+  Object.keys($.colorSchemes).forEach((V) => {
+    const i = $.colorSchemes[V].palette, S = (v) => {
+      const I = v.split("-"), K = I[1], ie = I[2];
+      return b(v, i[K][ie]);
+    };
+    i.mode === "light" && (u(i.common, "background", "#fff"), u(i.common, "onBackground", "#000")), i.mode === "dark" && (u(i.common, "background", "#000"), u(i.common, "onBackground", "#fff"));
+    function h(v, I, K) {
+      if (E) {
+        let ie;
+        return v === re && (ie = `transparent ${((1 - K) * 100).toFixed(0)}%`), v === T && (ie = `#000 ${(K * 100).toFixed(0)}%`), v === w && (ie = `#fff ${(K * 100).toFixed(0)}%`), `color-mix(in ${E}, ${I}, ${ie})`;
+      }
+      return v(I, K);
+    }
+    if (ro(i, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), i.mode === "light") {
+      u(i.Alert, "errorColor", h(T, i.error.light, 0.6)), u(i.Alert, "infoColor", h(T, i.info.light, 0.6)), u(i.Alert, "successColor", h(T, i.success.light, 0.6)), u(i.Alert, "warningColor", h(T, i.warning.light, 0.6)), u(i.Alert, "errorFilledBg", S("palette-error-main")), u(i.Alert, "infoFilledBg", S("palette-info-main")), u(i.Alert, "successFilledBg", S("palette-success-main")), u(i.Alert, "warningFilledBg", S("palette-warning-main")), u(i.Alert, "errorFilledColor", Y(() => i.getContrastText(i.error.main))), u(i.Alert, "infoFilledColor", Y(() => i.getContrastText(i.info.main))), u(i.Alert, "successFilledColor", Y(() => i.getContrastText(i.success.main))), u(i.Alert, "warningFilledColor", Y(() => i.getContrastText(i.warning.main))), u(i.Alert, "errorStandardBg", h(w, i.error.light, 0.9)), u(i.Alert, "infoStandardBg", h(w, i.info.light, 0.9)), u(i.Alert, "successStandardBg", h(w, i.success.light, 0.9)), u(i.Alert, "warningStandardBg", h(w, i.warning.light, 0.9)), u(i.Alert, "errorIconColor", S("palette-error-main")), u(i.Alert, "infoIconColor", S("palette-info-main")), u(i.Alert, "successIconColor", S("palette-success-main")), u(i.Alert, "warningIconColor", S("palette-warning-main")), u(i.AppBar, "defaultBg", S("palette-grey-100")), u(i.Avatar, "defaultBg", S("palette-grey-400")), u(i.Button, "inheritContainedBg", S("palette-grey-300")), u(i.Button, "inheritContainedHoverBg", S("palette-grey-A100")), u(i.Chip, "defaultBorder", S("palette-grey-400")), u(i.Chip, "defaultAvatarColor", S("palette-grey-700")), u(i.Chip, "defaultIconColor", S("palette-grey-700")), u(i.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), u(i.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), u(i.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), u(i.LinearProgress, "primaryBg", h(w, i.primary.main, 0.62)), u(i.LinearProgress, "secondaryBg", h(w, i.secondary.main, 0.62)), u(i.LinearProgress, "errorBg", h(w, i.error.main, 0.62)), u(i.LinearProgress, "infoBg", h(w, i.info.main, 0.62)), u(i.LinearProgress, "successBg", h(w, i.success.main, 0.62)), u(i.LinearProgress, "warningBg", h(w, i.warning.main, 0.62)), u(i.Skeleton, "bg", E ? h(re, i.text.primary, 0.11) : `rgba(${S("palette-text-primaryChannel")} / 0.11)`), u(i.Slider, "primaryTrack", h(w, i.primary.main, 0.62)), u(i.Slider, "secondaryTrack", h(w, i.secondary.main, 0.62)), u(i.Slider, "errorTrack", h(w, i.error.main, 0.62)), u(i.Slider, "infoTrack", h(w, i.info.main, 0.62)), u(i.Slider, "successTrack", h(w, i.success.main, 0.62)), u(i.Slider, "warningTrack", h(w, i.warning.main, 0.62));
+      const v = E ? h(T, i.background.default, 0.6825) : $e(i.background.default, 0.8);
+      u(i.SnackbarContent, "bg", v), u(i.SnackbarContent, "color", Y(() => E ? Ye.text.primary : i.getContrastText(v))), u(i.SpeedDialAction, "fabHoverBg", $e(i.background.paper, 0.15)), u(i.StepConnector, "border", S("palette-grey-400")), u(i.StepContent, "border", S("palette-grey-400")), u(i.Switch, "defaultColor", S("palette-common-white")), u(i.Switch, "defaultDisabledColor", S("palette-grey-100")), u(i.Switch, "primaryDisabledColor", h(w, i.primary.main, 0.62)), u(i.Switch, "secondaryDisabledColor", h(w, i.secondary.main, 0.62)), u(i.Switch, "errorDisabledColor", h(w, i.error.main, 0.62)), u(i.Switch, "infoDisabledColor", h(w, i.info.main, 0.62)), u(i.Switch, "successDisabledColor", h(w, i.success.main, 0.62)), u(i.Switch, "warningDisabledColor", h(w, i.warning.main, 0.62)), u(i.TableCell, "border", h(w, h(re, i.divider, 1), 0.88)), u(i.Tooltip, "bg", h(re, i.grey[700], 0.92));
+    }
+    if (i.mode === "dark") {
+      u(i.Alert, "errorColor", h(w, i.error.light, 0.6)), u(i.Alert, "infoColor", h(w, i.info.light, 0.6)), u(i.Alert, "successColor", h(w, i.success.light, 0.6)), u(i.Alert, "warningColor", h(w, i.warning.light, 0.6)), u(i.Alert, "errorFilledBg", S("palette-error-dark")), u(i.Alert, "infoFilledBg", S("palette-info-dark")), u(i.Alert, "successFilledBg", S("palette-success-dark")), u(i.Alert, "warningFilledBg", S("palette-warning-dark")), u(i.Alert, "errorFilledColor", Y(() => i.getContrastText(i.error.dark))), u(i.Alert, "infoFilledColor", Y(() => i.getContrastText(i.info.dark))), u(i.Alert, "successFilledColor", Y(() => i.getContrastText(i.success.dark))), u(i.Alert, "warningFilledColor", Y(() => i.getContrastText(i.warning.dark))), u(i.Alert, "errorStandardBg", h(T, i.error.light, 0.9)), u(i.Alert, "infoStandardBg", h(T, i.info.light, 0.9)), u(i.Alert, "successStandardBg", h(T, i.success.light, 0.9)), u(i.Alert, "warningStandardBg", h(T, i.warning.light, 0.9)), u(i.Alert, "errorIconColor", S("palette-error-main")), u(i.Alert, "infoIconColor", S("palette-info-main")), u(i.Alert, "successIconColor", S("palette-success-main")), u(i.Alert, "warningIconColor", S("palette-warning-main")), u(i.AppBar, "defaultBg", S("palette-grey-900")), u(i.AppBar, "darkBg", S("palette-background-paper")), u(i.AppBar, "darkColor", S("palette-text-primary")), u(i.Avatar, "defaultBg", S("palette-grey-600")), u(i.Button, "inheritContainedBg", S("palette-grey-800")), u(i.Button, "inheritContainedHoverBg", S("palette-grey-700")), u(i.Chip, "defaultBorder", S("palette-grey-700")), u(i.Chip, "defaultAvatarColor", S("palette-grey-300")), u(i.Chip, "defaultIconColor", S("palette-grey-300")), u(i.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), u(i.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), u(i.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), u(i.LinearProgress, "primaryBg", h(T, i.primary.main, 0.5)), u(i.LinearProgress, "secondaryBg", h(T, i.secondary.main, 0.5)), u(i.LinearProgress, "errorBg", h(T, i.error.main, 0.5)), u(i.LinearProgress, "infoBg", h(T, i.info.main, 0.5)), u(i.LinearProgress, "successBg", h(T, i.success.main, 0.5)), u(i.LinearProgress, "warningBg", h(T, i.warning.main, 0.5)), u(i.Skeleton, "bg", E ? h(re, i.text.primary, 0.13) : `rgba(${S("palette-text-primaryChannel")} / 0.13)`), u(i.Slider, "primaryTrack", h(T, i.primary.main, 0.5)), u(i.Slider, "secondaryTrack", h(T, i.secondary.main, 0.5)), u(i.Slider, "errorTrack", h(T, i.error.main, 0.5)), u(i.Slider, "infoTrack", h(T, i.info.main, 0.5)), u(i.Slider, "successTrack", h(T, i.success.main, 0.5)), u(i.Slider, "warningTrack", h(T, i.warning.main, 0.5));
+      const v = E ? h(w, i.background.default, 0.985) : $e(i.background.default, 0.98);
+      u(i.SnackbarContent, "bg", v), u(i.SnackbarContent, "color", Y(() => E ? Dt.text.primary : i.getContrastText(v))), u(i.SpeedDialAction, "fabHoverBg", $e(i.background.paper, 0.15)), u(i.StepConnector, "border", S("palette-grey-600")), u(i.StepContent, "border", S("palette-grey-600")), u(i.Switch, "defaultColor", S("palette-grey-300")), u(i.Switch, "defaultDisabledColor", S("palette-grey-600")), u(i.Switch, "primaryDisabledColor", h(T, i.primary.main, 0.55)), u(i.Switch, "secondaryDisabledColor", h(T, i.secondary.main, 0.55)), u(i.Switch, "errorDisabledColor", h(T, i.error.main, 0.55)), u(i.Switch, "infoDisabledColor", h(T, i.info.main, 0.55)), u(i.Switch, "successDisabledColor", h(T, i.success.main, 0.55)), u(i.Switch, "warningDisabledColor", h(T, i.warning.main, 0.55)), u(i.TableCell, "border", h(T, h(re, i.divider, 1), 0.68)), u(i.Tooltip, "bg", h(re, i.grey[700], 0.92));
+    }
+    H(i.background, "default"), H(i.background, "paper"), H(i.common, "background"), H(i.common, "onBackground"), H(i, "divider"), Object.keys(i).forEach((v) => {
+      const I = i[v];
+      v !== "tonalOffset" && I && typeof I == "object" && (I.main && u(i[v], "mainChannel", me(ge(I.main))), I.light && u(i[v], "lightChannel", me(ge(I.light))), I.dark && u(i[v], "darkChannel", me(ge(I.dark))), I.contrastText && u(i[v], "contrastTextChannel", me(ge(I.contrastText))), v === "text" && (H(i[v], "primary"), H(i[v], "secondary")), v === "action" && (I.active && H(i[v], "active"), I.selected && H(i[v], "selected")));
+    });
+  }), $ = t.reduce((V, i) => j(V, i), $);
+  const D = {
+    prefix: s,
+    disableCssColorScheme: o,
+    shouldSkipGeneratingVar: c,
+    getSelector: to($),
+    enableContrastVars: a
+  }, {
+    vars: L,
+    generateThemeVars: P,
+    generateStyleSheets: U
+  } = vn($, D);
+  return $.vars = L, Object.entries($.colorSchemes[$.defaultColorScheme]).forEach(([V, i]) => {
+    $[V] = i;
+  }), $.generateThemeVars = P, $.generateStyleSheets = U, $.generateSpacing = function() {
+    return Tt(m.spacing, qe(this));
+  }, $.getColorSchemeSelector = xn(f), $.spacing = $.generateSpacing(), $.shouldSkipGeneratingVar = c, $.unstable_sxConfig = {
+    ...De,
+    ...m?.unstable_sxConfig
+  }, $.unstable_sx = function(i) {
+    return de({
+      sx: i,
+      theme: this
+    });
+  }, $.toRuntimeSource = Vt, $;
+}
+function $t(e, t, r) {
+  e.colorSchemes && r && (e.colorSchemes[t] = {
+    ...r !== !0 && r,
+    palette: Je({
+      ...r === !0 ? {} : r.palette,
+      mode: t
+    })
+    // cast type to skip module augmentation test
+  });
+}
+function so(e = {}, ...t) {
+  const {
+    palette: r,
+    cssVariables: n = !1,
+    colorSchemes: o = r ? void 0 : {
+      light: !0
+    },
+    defaultColorScheme: s = r?.mode,
+    ...a
+  } = e, c = s || "light", f = o?.[c], d = {
+    ...o,
+    ...r ? {
+      [c]: {
+        ...typeof f != "boolean" && f,
+        palette: r
+      }
+    } : void 0
+  };
+  if (n === !1) {
+    if (!("colorSchemes" in e))
+      return Ke(e, ...t);
+    let m = r;
+    "palette" in e || d[c] && (d[c] !== !0 ? m = d[c].palette : c === "dark" && (m = {
+      mode: "dark"
+    }));
+    const y = Ke({
+      ...e,
+      palette: m
+    }, ...t);
+    return y.defaultColorScheme = c, y.colorSchemes = d, y.palette.mode === "light" && (y.colorSchemes.light = {
+      ...d.light !== !0 && d.light,
+      palette: y.palette
+    }, $t(y, "dark", d.dark)), y.palette.mode === "dark" && (y.colorSchemes.dark = {
+      ...d.dark !== !0 && d.dark,
+      palette: y.palette
+    }, $t(y, "light", d.light)), y;
+  }
+  return !r && !("light" in d) && c === "light" && (d.light = !0), io({
+    ...a,
+    colorSchemes: d,
+    defaultColorScheme: c,
+    ...typeof n != "boolean" && n
+  }, ...t);
+}
+const ao = so();
+function lo(e) {
+  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+const co = (e) => lo(e) && e !== "classes", yo = an({
+  themeId: Tn,
+  defaultTheme: ao,
+  rootShouldForwardProp: co
+}), bo = Sn;
+process.env.NODE_ENV !== "production" && (q.node, q.object.isRequired);
+function So(e) {
+  return bn(e);
+}
+export {
+  Zr as C,
+  q as P,
+  Tn as T,
+  go as a,
+  He as b,
+  en as c,
+  De as d,
+  ho as e,
+  wt as f,
+  Ot as g,
+  Jt as h,
+  Q as i,
+  de as j,
+  so as k,
+  co as l,
+  bo as m,
+  ao as n,
+  xe as o,
+  We as p,
+  It as q,
+  Ge as r,
+  yo as s,
+  Un as t,
+  So as u,
+  oe as v,
+  Qn as w,
+  Z as x,
+  j as y,
+  lo as z
+};