@wandelbots/wandelbots-js-react-components 3.2.0-pr.feat-improve-exports.414.40b4b4e → 3.2.0

package/dist/createSvgIcon-D3GRPlVu.js

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