@solostylist/ui-kit 1.0.69 → 1.0.71

package/dist/createTheme-BlQh0eyI.js

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