@codeplex-sac/tema 0.0.14 → 0.0.16

package/index.js

@@ -1,55 +1,58 @@
-import { jsx as i, jsxs as y } from "react/jsx-runtime";
-import g, { createContext as x, useState as P, useCallback as c, useEffect as d, useMemo as T } from "react";
-import { createTheme as p, ThemeProvider as b, CssBaseline as k } from "@mui/material";
-const m = x(void 0), f = "codeplex-theme", C = ({
-  children: r,
-  temaPorDefecto: n = "light"
+import { jsx as J, jsxs as Le } from "react/jsx-runtime";
+import * as ht from "react";
+import yr, { createContext as br, useState as vr, useCallback as Ve, useEffect as We, useMemo as Sr } from "react";
+import { createTheme as wt, ThemeProvider as Er, CssBaseline as Cr, Box as xe, Typography as Be } from "@mui/material";
+import { flushSync as Tr } from "react-dom";
+import { unstable_createGetCssVar as xr, createSpacing as wr, useTheme as $r } from "@mui/system";
+const yt = br(void 0), $t = "codeplex-theme", Or = ({
+  children: e,
+  temaPorDefecto: t = "light"
 }) => {
-  const [s, a] = P(() => {
+  const [r, n] = vr(() => {
     if (typeof window < "u") {
-      const o = localStorage.getItem(f);
-      if (o === "light" || o === "dark")
-        return o;
+      const c = localStorage.getItem($t);
+      if (c === "light" || c === "dark")
+        return c;
       if (window.matchMedia("(prefers-color-scheme: dark)").matches)
         return "dark";
     }
-    return n;
-  }), e = c((o) => {
-    const l = document.documentElement;
-    l.classList.remove("light", "dark"), l.classList.add(o), localStorage.setItem(f, o);
+    return t;
+  }), o = Ve((c) => {
+    const f = document.documentElement;
+    f.classList.remove("light", "dark"), f.classList.add(c), localStorage.setItem($t, c);
   }, []);
-  d(() => {
-    e(s);
-  }, [s, e]);
-  const t = c((o) => {
-    a(o);
-  }, []), h = c(() => {
-    a((o) => o === "light" ? "dark" : "light");
+  We(() => {
+    o(r);
+  }, [r, o]);
+  const a = Ve((c) => {
+    n(c);
+  }, []), s = Ve(() => {
+    n((c) => c === "light" ? "dark" : "light");
   }, []);
-  return /* @__PURE__ */ i(m.Provider, { value: { tema: s, alternarTema: h, establecerTema: t }, children: r });
-}, w = ({ defaultTheme: r, ...n }) => /* @__PURE__ */ i(C, { temaPorDefecto: r, ...n }), W = m, u = () => {
-  const r = g.useContext(m);
-  if (!r)
+  return /* @__PURE__ */ J(yt.Provider, { value: { tema: r, alternarTema: s, establecerTema: a }, children: e });
+}, oi = ({ defaultTheme: e, ...t }) => /* @__PURE__ */ J(Or, { temaPorDefecto: e, ...t }), ii = yt, bt = () => {
+  const e = yr.useContext(yt);
+  if (!e)
     throw new Error("usarTema debe ser usado dentro de un CodeplexProveedorTema");
-  return r;
-}, I = u, A = ({
-  children: r,
-  sobrescrituraTema: n
+  return e;
+}, ai = bt, si = ({
+  children: e,
+  sobrescrituraTema: t
 }) => {
-  const { tema: s } = u(), a = T(() => {
-    const e = s === "dark", t = {
+  const { tema: r } = bt(), n = Sr(() => {
+    const o = r === "dark", a = {
       palette: {
-        mode: s,
+        mode: r,
         primary: {
           main: "#3b82f6"
         },
         background: {
-          default: e ? "#1b2431" : "#f9fafb",
-          paper: e ? "#273142" : "#ffffff"
+          default: o ? "#1b2431" : "#f9fafb",
+          paper: o ? "#273142" : "#ffffff"
         },
         text: {
-          primary: e ? "#ffffff" : "#111827",
-          secondary: e ? "rgba(255,255,255,0.7)" : "#4b5563"
+          primary: o ? "#ffffff" : "#111827",
+          secondary: o ? "rgba(255,255,255,0.7)" : "#4b5563"
         }
       },
       typography: {
@@ -83,32 +86,3274 @@ const m = x(void 0), f = "codeplex-theme", C = ({
         }
       }
     };
-    return n ? p(t, n) : p(t);
-  }, [s, n]);
-  return d(() => {
-    const e = document.documentElement, t = a.palette;
-    e.style.setProperty("--cp-primary-main", t.primary.main), e.style.setProperty("--cp-bg-default", t.background.default), e.style.setProperty("--cp-bg-paper", t.background.paper), e.style.setProperty("--cp-text-primary", t.text.primary), e.style.setProperty("--cp-text-secondary", t.text.secondary), e.style.setProperty("--cp-divider", t.divider);
-  }, [a]), d(() => {
-    const e = "codeplex-google-resources";
-    if (!document.getElementById(e)) {
-      const t = document.createElement("link");
-      t.id = e, t.rel = "stylesheet", t.href = "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200", document.head.appendChild(t);
-    }
-  }, []), /* @__PURE__ */ y(b, { theme: a, children: [
-    /* @__PURE__ */ i(k, {}),
-    r
+    return t ? wt(a, t) : wt(a);
+  }, [r, t]);
+  return We(() => {
+    const o = document.documentElement, a = n.palette;
+    o.style.setProperty("--cp-primary-main", a.primary.main), o.style.setProperty("--cp-bg-default", a.background.default), o.style.setProperty("--cp-bg-paper", a.background.paper), o.style.setProperty("--cp-text-primary", a.text.primary), o.style.setProperty("--cp-text-secondary", a.text.secondary), o.style.setProperty("--cp-divider", a.divider);
+  }, [n]), We(() => {
+    const o = "codeplex-google-resources";
+    if (!document.getElementById(o)) {
+      const a = document.createElement("link");
+      a.id = o, a.rel = "stylesheet", a.href = "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200", document.head.appendChild(a);
+    }
+  }, []), /* @__PURE__ */ Le(Er, { theme: n, children: [
+    /* @__PURE__ */ J(Cr, {}),
+    e
   ] });
 };
-function L() {
+function ge(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 _r = "$$material", Ar = (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 Pr(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, a = Ar(t), s = Object.keys(a);
+  function c(m) {
+    return `@media (min-width:${typeof t[m] == "number" ? t[m] : m}${r})`;
+  }
+  function f(m) {
+    return `@media (max-width:${(typeof t[m] == "number" ? t[m] : m) - n / 100}${r})`;
+  }
+  function d(m, v) {
+    const b = s.indexOf(v);
+    return `@media (min-width:${typeof t[m] == "number" ? t[m] : m}${r}) and (max-width:${(b !== -1 && typeof t[s[b]] == "number" ? t[s[b]] : v) - n / 100}${r})`;
+  }
+  function g(m) {
+    return s.indexOf(m) + 1 < s.length ? d(m, s[s.indexOf(m) + 1]) : c(m);
+  }
+  function p(m) {
+    const v = s.indexOf(m);
+    return v === 0 ? c(s[1]) : v === s.length - 1 ? f(s[v]) : d(m, s[s.indexOf(m) + 1]).replace("@media", "@media not all and");
+  }
+  return {
+    keys: s,
+    values: a,
+    up: c,
+    down: f,
+    between: d,
+    only: g,
+    not: p,
+    unit: r,
+    ...o
+  };
+}
+function Rr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var De = { exports: {} }, G = {};
+var Ot;
+function kr() {
+  if (Ot) return G;
+  Ot = 1;
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.portal"), r = /* @__PURE__ */ Symbol.for("react.fragment"), n = /* @__PURE__ */ Symbol.for("react.strict_mode"), o = /* @__PURE__ */ Symbol.for("react.profiler"), a = /* @__PURE__ */ Symbol.for("react.consumer"), s = /* @__PURE__ */ Symbol.for("react.context"), c = /* @__PURE__ */ Symbol.for("react.forward_ref"), f = /* @__PURE__ */ Symbol.for("react.suspense"), d = /* @__PURE__ */ Symbol.for("react.suspense_list"), g = /* @__PURE__ */ Symbol.for("react.memo"), p = /* @__PURE__ */ Symbol.for("react.lazy"), m = /* @__PURE__ */ Symbol.for("react.view_transition"), v = /* @__PURE__ */ Symbol.for("react.client.reference");
+  function b(l) {
+    if (typeof l == "object" && l !== null) {
+      var E = l.$$typeof;
+      switch (E) {
+        case e:
+          switch (l = l.type, l) {
+            case r:
+            case o:
+            case n:
+            case f:
+            case d:
+            case m:
+              return l;
+            default:
+              switch (l = l && l.$$typeof, l) {
+                case s:
+                case c:
+                case p:
+                case g:
+                  return l;
+                case a:
+                  return l;
+                default:
+                  return E;
+              }
+          }
+        case t:
+          return E;
+      }
+    }
+  }
+  return G.ContextConsumer = a, G.ContextProvider = s, G.Element = e, G.ForwardRef = c, G.Fragment = r, G.Lazy = p, G.Memo = g, G.Portal = t, G.Profiler = o, G.StrictMode = n, G.Suspense = f, G.SuspenseList = d, G.isContextConsumer = function(l) {
+    return b(l) === a;
+  }, G.isContextProvider = function(l) {
+    return b(l) === s;
+  }, G.isElement = function(l) {
+    return typeof l == "object" && l !== null && l.$$typeof === e;
+  }, G.isForwardRef = function(l) {
+    return b(l) === c;
+  }, G.isFragment = function(l) {
+    return b(l) === r;
+  }, G.isLazy = function(l) {
+    return b(l) === p;
+  }, G.isMemo = function(l) {
+    return b(l) === g;
+  }, G.isPortal = function(l) {
+    return b(l) === t;
+  }, G.isProfiler = function(l) {
+    return b(l) === o;
+  }, G.isStrictMode = function(l) {
+    return b(l) === n;
+  }, G.isSuspense = function(l) {
+    return b(l) === f;
+  }, G.isSuspenseList = function(l) {
+    return b(l) === d;
+  }, G.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 === p || l.$$typeof === g || l.$$typeof === s || l.$$typeof === a || l.$$typeof === c || l.$$typeof === v || l.getModuleId !== void 0);
+  }, G.typeOf = b, G;
+}
+var Y = {};
+var _t;
+function Ir() {
+  return _t || (_t = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(l) {
+      if (typeof l == "object" && l !== null) {
+        var E = l.$$typeof;
+        switch (E) {
+          case t:
+            switch (l = l.type, l) {
+              case n:
+              case a:
+              case o:
+              case d:
+              case g:
+              case v:
+                return l;
+              default:
+                switch (l = l && l.$$typeof, l) {
+                  case c:
+                  case f:
+                  case m:
+                  case p:
+                    return l;
+                  case s:
+                    return l;
+                  default:
+                    return E;
+                }
+            }
+          case r:
+            return E;
+        }
+      }
+    }
+    var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.portal"), n = /* @__PURE__ */ Symbol.for("react.fragment"), o = /* @__PURE__ */ Symbol.for("react.strict_mode"), a = /* @__PURE__ */ Symbol.for("react.profiler"), s = /* @__PURE__ */ Symbol.for("react.consumer"), c = /* @__PURE__ */ Symbol.for("react.context"), f = /* @__PURE__ */ Symbol.for("react.forward_ref"), d = /* @__PURE__ */ Symbol.for("react.suspense"), g = /* @__PURE__ */ Symbol.for("react.suspense_list"), p = /* @__PURE__ */ Symbol.for("react.memo"), m = /* @__PURE__ */ Symbol.for("react.lazy"), v = /* @__PURE__ */ Symbol.for("react.view_transition"), b = /* @__PURE__ */ Symbol.for("react.client.reference");
+    Y.ContextConsumer = s, Y.ContextProvider = c, Y.Element = t, Y.ForwardRef = f, Y.Fragment = n, Y.Lazy = m, Y.Memo = p, Y.Portal = r, Y.Profiler = a, Y.StrictMode = o, Y.Suspense = d, Y.SuspenseList = g, Y.isContextConsumer = function(l) {
+      return e(l) === s;
+    }, Y.isContextProvider = function(l) {
+      return e(l) === c;
+    }, Y.isElement = function(l) {
+      return typeof l == "object" && l !== null && l.$$typeof === t;
+    }, Y.isForwardRef = function(l) {
+      return e(l) === f;
+    }, Y.isFragment = function(l) {
+      return e(l) === n;
+    }, Y.isLazy = function(l) {
+      return e(l) === m;
+    }, Y.isMemo = function(l) {
+      return e(l) === p;
+    }, Y.isPortal = function(l) {
+      return e(l) === r;
+    }, Y.isProfiler = function(l) {
+      return e(l) === a;
+    }, Y.isStrictMode = function(l) {
+      return e(l) === o;
+    }, Y.isSuspense = function(l) {
+      return e(l) === d;
+    }, Y.isSuspenseList = function(l) {
+      return e(l) === g;
+    }, Y.isValidElementType = function(l) {
+      return typeof l == "string" || typeof l == "function" || l === n || l === a || l === o || l === d || l === g || typeof l == "object" && l !== null && (l.$$typeof === m || l.$$typeof === p || l.$$typeof === c || l.$$typeof === s || l.$$typeof === f || l.$$typeof === b || l.getModuleId !== void 0);
+    }, Y.typeOf = e;
+  })()), Y;
+}
+var At;
+function Mr() {
+  return At || (At = 1, process.env.NODE_ENV === "production" ? De.exports = /* @__PURE__ */ kr() : De.exports = /* @__PURE__ */ Ir()), De.exports;
+}
+var rr = /* @__PURE__ */ Mr();
+function me(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 nr(e) {
+  if (/* @__PURE__ */ ht.isValidElement(e) || rr.isValidElementType(e) || !me(e))
+    return e;
+  const t = {};
+  return Object.keys(e).forEach((r) => {
+    t[r] = nr(e[r]);
+  }), t;
+}
+function oe(e, t, r = {
+  clone: !0
+}) {
+  const n = r.clone ? {
+    ...e
+  } : e;
+  return me(e) && me(t) && Object.keys(t).forEach((o) => {
+    /* @__PURE__ */ ht.isValidElement(t[o]) || rr.isValidElementType(t[o]) ? n[o] = t[o] : me(t[o]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(e, o) && me(e[o]) ? n[o] = oe(e[o], t[o], r) : r.clone ? n[o] = me(t[o]) ? nr(t[o]) : t[o] : n[o] = t[o];
+  }), n;
+}
+function Br(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
+  return Math.max(t, Math.min(e, r));
+}
+function vt(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}].`), Br(e, t, r);
+}
+function Dr(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 he(e) {
+  if (e.type)
+    return e;
+  if (e.charAt(0) === "#")
+    return he(Dr(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().` : ge(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.` : ge(10, o));
+  } else
+    n = n.split(",");
+  return n = n.map((a) => parseFloat(a)), {
+    type: r,
+    values: n,
+    colorSpace: o
+  };
+}
+const Nr = (e) => {
+  const t = he(e);
+  return t.values.slice(0, 3).map((r, n) => t.type.includes("hsl") && n !== 0 ? `${r}%` : r).join(" ");
+}, _e = (e, t) => {
+  try {
+    return Nr(e);
+  } catch {
+    return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
+  }
+};
+function Ue(e) {
+  const {
+    type: t,
+    colorSpace: r
+  } = e;
+  let {
+    values: n
+  } = e;
+  return t.includes("rgb") ? n = n.map((o, a) => a < 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 or(e) {
+  e = he(e);
+  const {
+    values: t
+  } = e, r = t[0], n = t[1] / 100, o = t[2] / 100, a = n * Math.min(o, 1 - o), s = (d, g = (d + r / 30) % 12) => o - a * Math.max(Math.min(g - 3, 9 - g, 1), -1);
+  let c = "rgb";
+  const f = [Math.round(s(0) * 255), Math.round(s(8) * 255), Math.round(s(4) * 255)];
+  return e.type === "hsla" && (c += "a", f.push(t[3])), Ue({
+    type: c,
+    values: f
+  });
+}
+function pt(e) {
+  e = he(e);
+  let t = e.type === "hsl" || e.type === "hsla" ? he(or(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 Pt(e, t) {
+  const r = pt(e), n = pt(t);
+  return (Math.max(r, n) + 0.05) / (Math.min(r, n) + 0.05);
+}
+function ir(e, t) {
+  return e = he(e), t = vt(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, Ue(e);
+}
+function be(e, t, r) {
+  try {
+    return ir(e, t);
+  } catch {
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
+  }
+}
+function Ge(e, t) {
+  if (e = he(e), t = vt(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 Ue(e);
+}
+function z(e, t, r) {
+  try {
+    return Ge(e, t);
+  } catch {
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
+  }
+}
+function Ye(e, t) {
+  if (e = he(e), t = vt(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 Ue(e);
+}
+function U(e, t, r) {
+  try {
+    return Ye(e, t);
+  } catch {
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
+  }
+}
+function Fr(e, t = 0.15) {
+  return pt(e) > 0.5 ? Ge(e, t) : Ye(e, t);
+}
+function Ne(e, t, r) {
+  try {
+    return Fr(e, t);
+  } catch {
+    return e;
+  }
+}
+const Re = {
+  black: "#000",
+  white: "#fff"
+}, jr = {
+  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"
+}, ve = {
+  50: "#f3e5f5",
+  200: "#ce93d8",
+  300: "#ba68c8",
+  400: "#ab47bc",
+  500: "#9c27b0",
+  700: "#7b1fa2"
+}, Se = {
+  300: "#e57373",
+  400: "#ef5350",
+  500: "#f44336",
+  700: "#d32f2f",
+  800: "#c62828"
+}, $e = {
+  300: "#ffb74d",
+  400: "#ffa726",
+  500: "#ff9800",
+  700: "#f57c00",
+  900: "#e65100"
+}, Ee = {
+  50: "#e3f2fd",
+  200: "#90caf9",
+  400: "#42a5f5",
+  700: "#1976d2",
+  800: "#1565c0"
+}, Ce = {
+  300: "#4fc3f7",
+  400: "#29b6f6",
+  500: "#03a9f4",
+  700: "#0288d1",
+  900: "#01579b"
+}, Te = {
+  300: "#81c784",
+  400: "#66bb6a",
+  500: "#4caf50",
+  700: "#388e3c",
+  800: "#2e7d32",
+  900: "#1b5e20"
+};
+function ar() {
+  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: Re.white,
+      default: Re.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 sr = ar();
+function cr() {
+  return {
+    text: {
+      primary: Re.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: Re.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 = cr();
+function Rt(e, t, r, n) {
+  const o = n.light || n, a = n.dark || n * 1.5;
+  e[t] || (e.hasOwnProperty(r) ? e[t] = e[r] : t === "light" ? e.light = Ye(e.main, o) : t === "dark" && (e.dark = Ge(e.main, a)));
+}
+function kt(e, t, r, n, o) {
+  const a = o.light || o, s = o.dark || o * 1.5;
+  t[r] || (t.hasOwnProperty(n) ? t[r] = t[n] : r === "light" ? t.light = `color-mix(in ${e}, ${t.main}, #fff ${(a * 100).toFixed(0)}%)` : r === "dark" && (t.dark = `color-mix(in ${e}, ${t.main}, #000 ${(s * 100).toFixed(0)}%)`));
+}
+function Lr(e = "light") {
+  return e === "dark" ? {
+    main: Ee[200],
+    light: Ee[50],
+    dark: Ee[400]
+  } : {
+    main: Ee[700],
+    light: Ee[400],
+    dark: Ee[800]
+  };
+}
+function Vr(e = "light") {
+  return e === "dark" ? {
+    main: ve[200],
+    light: ve[50],
+    dark: ve[400]
+  } : {
+    main: ve[500],
+    light: ve[300],
+    dark: ve[700]
+  };
+}
+function Wr(e = "light") {
+  return e === "dark" ? {
+    main: Se[500],
+    light: Se[300],
+    dark: Se[700]
+  } : {
+    main: Se[700],
+    light: Se[400],
+    dark: Se[800]
+  };
+}
+function zr(e = "light") {
+  return e === "dark" ? {
+    main: Ce[400],
+    light: Ce[300],
+    dark: Ce[700]
+  } : {
+    main: Ce[700],
+    light: Ce[500],
+    dark: Ce[900]
+  };
+}
+function Ur(e = "light") {
+  return e === "dark" ? {
+    main: Te[400],
+    light: Te[300],
+    dark: Te[700]
+  } : {
+    main: Te[800],
+    light: Te[500],
+    dark: Te[900]
+  };
+}
+function Gr(e = "light") {
+  return e === "dark" ? {
+    main: $e[400],
+    light: $e[300],
+    dark: $e[700]
+  } : {
+    main: "#ed6c02",
+    // closest to orange[800] that pass 3:1.
+    light: $e[500],
+    dark: $e[900]
+  };
+}
+function Yr(e) {
+  return `oklch(from ${e} var(--__l) 0 h / var(--__a))`;
+}
+function St(e) {
+  const {
+    mode: t = "light",
+    contrastThreshold: r = 3,
+    tonalOffset: n = 0.2,
+    colorSpace: o,
+    ...a
+  } = e, s = e.primary || Lr(t), c = e.secondary || Vr(t), f = e.error || Wr(t), d = e.info || zr(t), g = e.success || Ur(t), p = e.warning || Gr(t);
+  function m(E) {
+    if (o)
+      return Yr(E);
+    const _ = Pt(E, mt.text.primary) >= r ? mt.text.primary : sr.text.primary;
+    if (process.env.NODE_ENV !== "production") {
+      const D = Pt(E, _);
+      D < 3 && console.error([`MUI: The contrast ratio of ${D}:1 for ${_} on ${E}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
+`));
+    }
+    return _;
+  }
+  const v = ({
+    color: E,
+    name: _,
+    mainShade: D = 500,
+    lightShade: N = 300,
+    darkShade: x = 700
+  }) => {
+    if (E = {
+      ...E
+    }, !E.main && E[D] && (E.main = E[D]), !E.hasOwnProperty("main"))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${_ ? ` (${_})` : ""} provided to augmentColor(color) is invalid.
+The color object needs to have a \`main\` property or a \`${D}\` property.` : ge(11, _ ? ` (${_})` : "", D));
+    if (typeof E.main != "string")
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${_ ? ` (${_})` : ""} provided to augmentColor(color) is invalid.
+\`color.main\` should be a string, but \`${JSON.stringify(E.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] },
+} });` : ge(12, _ ? ` (${_})` : "", JSON.stringify(E.main)));
+    return o ? (kt(o, E, "light", N, n), kt(o, E, "dark", x, n)) : (Rt(E, "light", N, n), Rt(E, "dark", x, n)), E.contrastText || (E.contrastText = m(E.main)), E;
+  };
+  let b;
+  return t === "light" ? b = ar() : t === "dark" && (b = cr()), process.env.NODE_ENV !== "production" && (b || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), oe({
+    // A collection of common colors.
+    common: {
+      ...Re
+    },
+    // 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: v({
+      color: s,
+      name: "primary"
+    }),
+    // The colors used to represent secondary interface elements for a user.
+    secondary: v({
+      color: c,
+      name: "secondary",
+      mainShade: "A400",
+      lightShade: "A200",
+      darkShade: "A700"
+    }),
+    // The colors used to represent interface elements that the user should be made aware of.
+    error: v({
+      color: f,
+      name: "error"
+    }),
+    // The colors used to represent potentially dangerous actions or important messages.
+    warning: v({
+      color: p,
+      name: "warning"
+    }),
+    // The colors used to present information to the user that is neutral and not necessarily important.
+    info: v({
+      color: d,
+      name: "info"
+    }),
+    // The colors used to indicate the successful completion of an action that user triggered.
+    success: v({
+      color: g,
+      name: "success"
+    }),
+    // The grey colors.
+    grey: jr,
+    // 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: v,
+    // 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
+  }, a);
+}
+var Fe = { exports: {} }, je = { exports: {} }, j = {};
+var It;
+function qr() {
+  if (It) return j;
+  It = 1;
+  var e = typeof Symbol == "function" && Symbol.for, t = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, a = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, s = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, c = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, f = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, d = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, g = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, p = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, m = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, v = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, b = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, l = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, E = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, _ = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, D = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  function N(y) {
+    if (typeof y == "object" && y !== null) {
+      var $ = y.$$typeof;
+      switch ($) {
+        case t:
+          switch (y = y.type, y) {
+            case f:
+            case d:
+            case n:
+            case a:
+            case o:
+            case p:
+              return y;
+            default:
+              switch (y = y && y.$$typeof, y) {
+                case c:
+                case g:
+                case b:
+                case v:
+                case s:
+                  return y;
+                default:
+                  return $;
+              }
+          }
+        case r:
+          return $;
+      }
+    }
+  }
+  function x(y) {
+    return N(y) === d;
+  }
+  return j.AsyncMode = f, j.ConcurrentMode = d, j.ContextConsumer = c, j.ContextProvider = s, j.Element = t, j.ForwardRef = g, j.Fragment = n, j.Lazy = b, j.Memo = v, j.Portal = r, j.Profiler = a, j.StrictMode = o, j.Suspense = p, j.isAsyncMode = function(y) {
+    return x(y) || N(y) === f;
+  }, j.isConcurrentMode = x, j.isContextConsumer = function(y) {
+    return N(y) === c;
+  }, j.isContextProvider = function(y) {
+    return N(y) === s;
+  }, j.isElement = function(y) {
+    return typeof y == "object" && y !== null && y.$$typeof === t;
+  }, j.isForwardRef = function(y) {
+    return N(y) === g;
+  }, j.isFragment = function(y) {
+    return N(y) === n;
+  }, j.isLazy = function(y) {
+    return N(y) === b;
+  }, j.isMemo = function(y) {
+    return N(y) === v;
+  }, j.isPortal = function(y) {
+    return N(y) === r;
+  }, j.isProfiler = function(y) {
+    return N(y) === a;
+  }, j.isStrictMode = function(y) {
+    return N(y) === o;
+  }, j.isSuspense = function(y) {
+    return N(y) === p;
+  }, j.isValidElementType = function(y) {
+    return typeof y == "string" || typeof y == "function" || y === n || y === d || y === a || y === o || y === p || y === m || typeof y == "object" && y !== null && (y.$$typeof === b || y.$$typeof === v || y.$$typeof === s || y.$$typeof === c || y.$$typeof === g || y.$$typeof === E || y.$$typeof === _ || y.$$typeof === D || y.$$typeof === l);
+  }, j.typeOf = N, j;
+}
+var L = {};
+var Mt;
+function Kr() {
+  return Mt || (Mt = 1, process.env.NODE_ENV !== "production" && (function() {
+    var e = typeof Symbol == "function" && Symbol.for, t = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, a = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, s = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, c = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, f = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, d = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, g = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, p = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, m = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, v = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, b = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, l = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, E = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, _ = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, D = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    function N(C) {
+      return typeof C == "string" || typeof C == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      C === n || C === d || C === a || C === o || C === p || C === m || typeof C == "object" && C !== null && (C.$$typeof === b || C.$$typeof === v || C.$$typeof === s || C.$$typeof === c || C.$$typeof === g || C.$$typeof === E || C.$$typeof === _ || C.$$typeof === D || C.$$typeof === l);
+    }
+    function x(C) {
+      if (typeof C == "object" && C !== null) {
+        var le = C.$$typeof;
+        switch (le) {
+          case t:
+            var Me = C.type;
+            switch (Me) {
+              case f:
+              case d:
+              case n:
+              case a:
+              case o:
+              case p:
+                return Me;
+              default:
+                var xt = Me && Me.$$typeof;
+                switch (xt) {
+                  case c:
+                  case g:
+                  case b:
+                  case v:
+                  case s:
+                    return xt;
+                  default:
+                    return le;
+                }
+            }
+          case r:
+            return le;
+        }
+      }
+    }
+    var y = f, $ = d, se = c, fe = s, Z = t, ee = g, X = n, i = b, w = v, S = r, F = a, V = o, te = p, ce = !1;
+    function ot(C) {
+      return ce || (ce = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), h(C) || x(C) === f;
+    }
+    function h(C) {
+      return x(C) === d;
+    }
+    function T(C) {
+      return x(C) === c;
+    }
+    function k(C) {
+      return x(C) === s;
+    }
+    function P(C) {
+      return typeof C == "object" && C !== null && C.$$typeof === t;
+    }
+    function O(C) {
+      return x(C) === g;
+    }
+    function I(C) {
+      return x(C) === n;
+    }
+    function A(C) {
+      return x(C) === b;
+    }
+    function R(C) {
+      return x(C) === v;
+    }
+    function M(C) {
+      return x(C) === r;
+    }
+    function W(C) {
+      return x(C) === a;
+    }
+    function B(C) {
+      return x(C) === o;
+    }
+    function re(C) {
+      return x(C) === p;
+    }
+    L.AsyncMode = y, L.ConcurrentMode = $, L.ContextConsumer = se, L.ContextProvider = fe, L.Element = Z, L.ForwardRef = ee, L.Fragment = X, L.Lazy = i, L.Memo = w, L.Portal = S, L.Profiler = F, L.StrictMode = V, L.Suspense = te, L.isAsyncMode = ot, L.isConcurrentMode = h, L.isContextConsumer = T, L.isContextProvider = k, L.isElement = P, L.isForwardRef = O, L.isFragment = I, L.isLazy = A, L.isMemo = R, L.isPortal = M, L.isProfiler = W, L.isStrictMode = B, L.isSuspense = re, L.isValidElementType = N, L.typeOf = x;
+  })()), L;
+}
+var Bt;
+function lr() {
+  return Bt || (Bt = 1, process.env.NODE_ENV === "production" ? je.exports = qr() : je.exports = Kr()), je.exports;
+}
+var it, Dt;
+function Hr() {
+  if (Dt) return it;
+  Dt = 1;
+  var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
+  function n(a) {
+    if (a == null)
+      throw new TypeError("Object.assign cannot be called with null or undefined");
+    return Object(a);
+  }
+  function o() {
+    try {
+      if (!Object.assign)
+        return !1;
+      var a = new String("abc");
+      if (a[5] = "de", Object.getOwnPropertyNames(a)[0] === "5")
+        return !1;
+      for (var s = {}, c = 0; c < 10; c++)
+        s["_" + String.fromCharCode(c)] = c;
+      var f = Object.getOwnPropertyNames(s).map(function(g) {
+        return s[g];
+      });
+      if (f.join("") !== "0123456789")
+        return !1;
+      var d = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(g) {
+        d[g] = g;
+      }), Object.keys(Object.assign({}, d)).join("") === "abcdefghijklmnopqrst";
+    } catch {
+      return !1;
+    }
+  }
+  return it = o() ? Object.assign : function(a, s) {
+    for (var c, f = n(a), d, g = 1; g < arguments.length; g++) {
+      c = Object(arguments[g]);
+      for (var p in c)
+        t.call(c, p) && (f[p] = c[p]);
+      if (e) {
+        d = e(c);
+        for (var m = 0; m < d.length; m++)
+          r.call(c, d[m]) && (f[d[m]] = c[d[m]]);
+      }
+    }
+    return f;
+  }, it;
+}
+var at, Nt;
+function Et() {
+  if (Nt) return at;
+  Nt = 1;
+  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  return at = e, at;
+}
+var st, Ft;
+function ur() {
+  return Ft || (Ft = 1, st = Function.call.bind(Object.prototype.hasOwnProperty)), st;
+}
+var ct, jt;
+function Qr() {
+  if (jt) return ct;
+  jt = 1;
+  var e = function() {
+  };
+  if (process.env.NODE_ENV !== "production") {
+    var t = /* @__PURE__ */ Et(), r = {}, n = /* @__PURE__ */ ur();
+    e = function(a) {
+      var s = "Warning: " + a;
+      typeof console < "u" && console.error(s);
+      try {
+        throw new Error(s);
+      } catch {
+      }
+    };
+  }
+  function o(a, s, c, f, d) {
+    if (process.env.NODE_ENV !== "production") {
+      for (var g in a)
+        if (n(a, g)) {
+          var p;
+          try {
+            if (typeof a[g] != "function") {
+              var m = Error(
+                (f || "React class") + ": " + c + " type `" + g + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[g] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+              );
+              throw m.name = "Invariant Violation", m;
+            }
+            p = a[g](s, g, f, c, null, t);
+          } catch (b) {
+            p = b;
+          }
+          if (p && !(p instanceof Error) && e(
+            (f || "React class") + ": type specification of " + c + " `" + g + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof p + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), p instanceof Error && !(p.message in r)) {
+            r[p.message] = !0;
+            var v = d ? d() : "";
+            e(
+              "Failed " + c + " type: " + p.message + (v ?? "")
+            );
+          }
+        }
+    }
+  }
+  return o.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (r = {});
+  }, ct = o, ct;
+}
+var lt, Lt;
+function Xr() {
+  if (Lt) return lt;
+  Lt = 1;
+  var e = lr(), t = Hr(), r = /* @__PURE__ */ Et(), n = /* @__PURE__ */ ur(), o = /* @__PURE__ */ Qr(), a = function() {
+  };
+  process.env.NODE_ENV !== "production" && (a = function(c) {
+    var f = "Warning: " + c;
+    typeof console < "u" && console.error(f);
+    try {
+      throw new Error(f);
+    } catch {
+    }
+  });
+  function s() {
+    return null;
+  }
+  return lt = function(c, f) {
+    var d = typeof Symbol == "function" && Symbol.iterator, g = "@@iterator";
+    function p(h) {
+      var T = h && (d && h[d] || h[g]);
+      if (typeof T == "function")
+        return T;
+    }
+    var m = "<<anonymous>>", v = {
+      array: _("array"),
+      bigint: _("bigint"),
+      bool: _("boolean"),
+      func: _("function"),
+      number: _("number"),
+      object: _("object"),
+      string: _("string"),
+      symbol: _("symbol"),
+      any: D(),
+      arrayOf: N,
+      element: x(),
+      elementType: y(),
+      instanceOf: $,
+      node: ee(),
+      objectOf: fe,
+      oneOf: se,
+      oneOfType: Z,
+      shape: i,
+      exact: w
+    };
+    function b(h, T) {
+      return h === T ? h !== 0 || 1 / h === 1 / T : h !== h && T !== T;
+    }
+    function l(h, T) {
+      this.message = h, this.data = T && typeof T == "object" ? T : {}, this.stack = "";
+    }
+    l.prototype = Error.prototype;
+    function E(h) {
+      if (process.env.NODE_ENV !== "production")
+        var T = {}, k = 0;
+      function P(I, A, R, M, W, B, re) {
+        if (M = M || m, B = B || R, re !== r) {
+          if (f) {
+            var C = new Error(
+              "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
+            );
+            throw C.name = "Invariant Violation", C;
+          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
+            var le = M + ":" + R;
+            !T[le] && // Avoid spamming the console because they are often not actionable except for lib authors
+            k < 3 && (a(
+              "You are manually calling a React.PropTypes validation function for the `" + B + "` prop on `" + M + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+            ), T[le] = !0, k++);
+          }
+        }
+        return A[R] == null ? I ? A[R] === null ? new l("The " + W + " `" + B + "` is marked as required " + ("in `" + M + "`, but its value is `null`.")) : new l("The " + W + " `" + B + "` is marked as required in " + ("`" + M + "`, but its value is `undefined`.")) : null : h(A, R, M, W, B);
+      }
+      var O = P.bind(null, !1);
+      return O.isRequired = P.bind(null, !0), O;
+    }
+    function _(h) {
+      function T(k, P, O, I, A, R) {
+        var M = k[P], W = V(M);
+        if (W !== h) {
+          var B = te(M);
+          return new l(
+            "Invalid " + I + " `" + A + "` of type " + ("`" + B + "` supplied to `" + O + "`, expected ") + ("`" + h + "`."),
+            { expectedType: h }
+          );
+        }
+        return null;
+      }
+      return E(T);
+    }
+    function D() {
+      return E(s);
+    }
+    function N(h) {
+      function T(k, P, O, I, A) {
+        if (typeof h != "function")
+          return new l("Property `" + A + "` of component `" + O + "` has invalid PropType notation inside arrayOf.");
+        var R = k[P];
+        if (!Array.isArray(R)) {
+          var M = V(R);
+          return new l("Invalid " + I + " `" + A + "` of type " + ("`" + M + "` supplied to `" + O + "`, expected an array."));
+        }
+        for (var W = 0; W < R.length; W++) {
+          var B = h(R, W, O, I, A + "[" + W + "]", r);
+          if (B instanceof Error)
+            return B;
+        }
+        return null;
+      }
+      return E(T);
+    }
+    function x() {
+      function h(T, k, P, O, I) {
+        var A = T[k];
+        if (!c(A)) {
+          var R = V(A);
+          return new l("Invalid " + O + " `" + I + "` of type " + ("`" + R + "` supplied to `" + P + "`, expected a single ReactElement."));
+        }
+        return null;
+      }
+      return E(h);
+    }
+    function y() {
+      function h(T, k, P, O, I) {
+        var A = T[k];
+        if (!e.isValidElementType(A)) {
+          var R = V(A);
+          return new l("Invalid " + O + " `" + I + "` of type " + ("`" + R + "` supplied to `" + P + "`, expected a single ReactElement type."));
+        }
+        return null;
+      }
+      return E(h);
+    }
+    function $(h) {
+      function T(k, P, O, I, A) {
+        if (!(k[P] instanceof h)) {
+          var R = h.name || m, M = ot(k[P]);
+          return new l("Invalid " + I + " `" + A + "` of type " + ("`" + M + "` supplied to `" + O + "`, expected ") + ("instance of `" + R + "`."));
+        }
+        return null;
+      }
+      return E(T);
+    }
+    function se(h) {
+      if (!Array.isArray(h))
+        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? a(
+          "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
+        ) : a("Invalid argument supplied to oneOf, expected an array.")), s;
+      function T(k, P, O, I, A) {
+        for (var R = k[P], M = 0; M < h.length; M++)
+          if (b(R, h[M]))
+            return null;
+        var W = JSON.stringify(h, function(re, C) {
+          var le = te(C);
+          return le === "symbol" ? String(C) : C;
+        });
+        return new l("Invalid " + I + " `" + A + "` of value `" + String(R) + "` " + ("supplied to `" + O + "`, expected one of " + W + "."));
+      }
+      return E(T);
+    }
+    function fe(h) {
+      function T(k, P, O, I, A) {
+        if (typeof h != "function")
+          return new l("Property `" + A + "` of component `" + O + "` has invalid PropType notation inside objectOf.");
+        var R = k[P], M = V(R);
+        if (M !== "object")
+          return new l("Invalid " + I + " `" + A + "` of type " + ("`" + M + "` supplied to `" + O + "`, expected an object."));
+        for (var W in R)
+          if (n(R, W)) {
+            var B = h(R, W, O, I, A + "." + W, r);
+            if (B instanceof Error)
+              return B;
+          }
+        return null;
+      }
+      return E(T);
+    }
+    function Z(h) {
+      if (!Array.isArray(h))
+        return process.env.NODE_ENV !== "production" && a("Invalid argument supplied to oneOfType, expected an instance of array."), s;
+      for (var T = 0; T < h.length; T++) {
+        var k = h[T];
+        if (typeof k != "function")
+          return a(
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ce(k) + " at index " + T + "."
+          ), s;
+      }
+      function P(O, I, A, R, M) {
+        for (var W = [], B = 0; B < h.length; B++) {
+          var re = h[B], C = re(O, I, A, R, M, r);
+          if (C == null)
+            return null;
+          C.data && n(C.data, "expectedType") && W.push(C.data.expectedType);
+        }
+        var le = W.length > 0 ? ", expected one of type [" + W.join(", ") + "]" : "";
+        return new l("Invalid " + R + " `" + M + "` supplied to " + ("`" + A + "`" + le + "."));
+      }
+      return E(P);
+    }
+    function ee() {
+      function h(T, k, P, O, I) {
+        return S(T[k]) ? null : new l("Invalid " + O + " `" + I + "` supplied to " + ("`" + P + "`, expected a ReactNode."));
+      }
+      return E(h);
+    }
+    function X(h, T, k, P, O) {
+      return new l(
+        (h || "React class") + ": " + T + " type `" + k + "." + P + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + O + "`."
+      );
+    }
+    function i(h) {
+      function T(k, P, O, I, A) {
+        var R = k[P], M = V(R);
+        if (M !== "object")
+          return new l("Invalid " + I + " `" + A + "` of type `" + M + "` " + ("supplied to `" + O + "`, expected `object`."));
+        for (var W in h) {
+          var B = h[W];
+          if (typeof B != "function")
+            return X(O, I, A, W, te(B));
+          var re = B(R, W, O, I, A + "." + W, r);
+          if (re)
+            return re;
+        }
+        return null;
+      }
+      return E(T);
+    }
+    function w(h) {
+      function T(k, P, O, I, A) {
+        var R = k[P], M = V(R);
+        if (M !== "object")
+          return new l("Invalid " + I + " `" + A + "` of type `" + M + "` " + ("supplied to `" + O + "`, expected `object`."));
+        var W = t({}, k[P], h);
+        for (var B in W) {
+          var re = h[B];
+          if (n(h, B) && typeof re != "function")
+            return X(O, I, A, B, te(re));
+          if (!re)
+            return new l(
+              "Invalid " + I + " `" + A + "` key `" + B + "` supplied to `" + O + "`.\nBad object: " + JSON.stringify(k[P], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(h), null, "  ")
+            );
+          var C = re(R, B, O, I, A + "." + B, r);
+          if (C)
+            return C;
+        }
+        return null;
+      }
+      return E(T);
+    }
+    function S(h) {
+      switch (typeof h) {
+        case "number":
+        case "string":
+        case "undefined":
+          return !0;
+        case "boolean":
+          return !h;
+        case "object":
+          if (Array.isArray(h))
+            return h.every(S);
+          if (h === null || c(h))
+            return !0;
+          var T = p(h);
+          if (T) {
+            var k = T.call(h), P;
+            if (T !== h.entries) {
+              for (; !(P = k.next()).done; )
+                if (!S(P.value))
+                  return !1;
+            } else
+              for (; !(P = k.next()).done; ) {
+                var O = P.value;
+                if (O && !S(O[1]))
+                  return !1;
+              }
+          } else
+            return !1;
+          return !0;
+        default:
+          return !1;
+      }
+    }
+    function F(h, T) {
+      return h === "symbol" ? !0 : T ? T["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && T instanceof Symbol : !1;
+    }
+    function V(h) {
+      var T = typeof h;
+      return Array.isArray(h) ? "array" : h instanceof RegExp ? "object" : F(T, h) ? "symbol" : T;
+    }
+    function te(h) {
+      if (typeof h > "u" || h === null)
+        return "" + h;
+      var T = V(h);
+      if (T === "object") {
+        if (h instanceof Date)
+          return "date";
+        if (h instanceof RegExp)
+          return "regexp";
+      }
+      return T;
+    }
+    function ce(h) {
+      var T = te(h);
+      switch (T) {
+        case "array":
+        case "object":
+          return "an " + T;
+        case "boolean":
+        case "date":
+        case "regexp":
+          return "a " + T;
+        default:
+          return T;
+      }
+    }
+    function ot(h) {
+      return !h.constructor || !h.constructor.name ? m : h.constructor.name;
+    }
+    return v.checkPropTypes = o, v.resetWarningCache = o.resetWarningCache, v.PropTypes = v, v;
+  }, lt;
+}
+var ut, Vt;
+function Jr() {
+  if (Vt) return ut;
+  Vt = 1;
+  var e = /* @__PURE__ */ Et();
+  function t() {
+  }
+  function r() {
+  }
+  return r.resetWarningCache = t, ut = function() {
+    function n(s, c, f, d, g, p) {
+      if (p !== e) {
+        var m = new Error(
+          "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
+        );
+        throw m.name = "Invariant Violation", m;
+      }
+    }
+    n.isRequired = n;
+    function o() {
+      return n;
+    }
+    var a = {
+      array: n,
+      bigint: n,
+      bool: n,
+      func: n,
+      number: n,
+      object: n,
+      string: n,
+      symbol: n,
+      any: n,
+      arrayOf: o,
+      element: n,
+      elementType: n,
+      instanceOf: o,
+      node: n,
+      objectOf: o,
+      oneOf: o,
+      oneOfType: o,
+      shape: o,
+      exact: o,
+      checkPropTypes: r,
+      resetWarningCache: t
+    };
+    return a.PropTypes = a, a;
+  }, ut;
+}
+var Wt;
+function Zr() {
+  if (Wt) return Fe.exports;
+  if (Wt = 1, process.env.NODE_ENV !== "production") {
+    var e = lr(), t = !0;
+    Fe.exports = /* @__PURE__ */ Xr()(e.isElement, t);
+  } else
+    Fe.exports = /* @__PURE__ */ Jr()();
+  return Fe.exports;
+}
+var en = /* @__PURE__ */ Zr();
+const Oe = /* @__PURE__ */ Rr(en), ye = process.env.NODE_ENV !== "production" ? Oe.oneOfType([Oe.number, Oe.string, Oe.object, Oe.array]) : {};
+function Pe(e, t) {
+  return t ? oe(e, t, {
+    clone: !1
+    // No need to clone deep, it's way faster.
+  }) : e;
+}
+function zt(e, t) {
+  if (!e.containerQueries)
+    return t;
+  const r = Object.keys(t).filter((n) => n.startsWith("@container")).sort((n, o) => {
+    const a = /min-width:\s*([0-9.]+)/;
+    return +(n.match(a)?.[1] || 0) - +(o.match(a)?.[1] || 0);
+  });
+  return r.length ? r.reduce((n, o) => {
+    const a = t[o];
+    return delete n[o], n[o] = a, n;
+  }, {
+    ...t
+  }) : t;
+}
+function tn(e, t) {
+  return t === "@" || t.startsWith("@") && (e.some((r) => t.startsWith(`@${r}`)) || !!t.match(/^@\d/));
+}
+function rn(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\`.` : ge(18, `(${t})`));
+    return null;
+  }
+  const [, n, o] = r, a = Number.isNaN(+n) ? n || 0 : +n;
+  return e.containerQueries(o).up(a);
+}
+function nn(e) {
+  const t = (a, s) => a.replace("@media", s ? `@container ${s}` : "@container");
+  function r(a, s) {
+    a.up = (...c) => t(e.breakpoints.up(...c), s), a.down = (...c) => t(e.breakpoints.down(...c), s), a.between = (...c) => t(e.breakpoints.between(...c), s), a.only = (...c) => t(e.breakpoints.only(...c), s), a.not = (...c) => {
+      const f = t(e.breakpoints.not(...c), s);
+      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 = (a) => (r(n, a), n);
+  return r(o), {
+    ...e,
+    containerQueries: o
+  };
+}
+const qe = {
+  xs: 0,
+  // phone
+  sm: 600,
+  // tablet
+  md: 900,
+  // small laptop
+  lg: 1200,
+  // desktop
+  xl: 1536
+  // large screen
+}, Ut = {
+  // 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:${qe[e]}px)`
+}, on = {
+  containerQueries: (e) => ({
+    up: (t) => {
+      let r = typeof t == "number" ? t : qe[t] || t;
+      return typeof r == "number" && (r = `${r}px`), e ? `@container ${e} (min-width:${r})` : `@container (min-width:${r})`;
+    }
+  })
+};
+function pe(e, t, r) {
+  const n = e.theme || {};
+  if (Array.isArray(t)) {
+    const a = n.breakpoints || Ut;
+    return t.reduce((s, c, f) => (s[a.up(a.keys[f])] = r(t[f]), s), {});
+  }
+  if (typeof t == "object") {
+    const a = n.breakpoints || Ut;
+    return Object.keys(t).reduce((s, c) => {
+      if (tn(a.keys, c)) {
+        const f = rn(n.containerQueries ? n : on, c);
+        f && (s[f] = r(t[c], c));
+      } else if (Object.keys(a.values || qe).includes(c)) {
+        const f = a.up(c);
+        s[f] = r(t[c], c);
+      } else {
+        const f = c;
+        s[f] = t[f];
+      }
+      return s;
+    }, {});
+  }
+  return r(t);
+}
+function an(e = {}) {
+  return e.keys?.reduce((r, n) => {
+    const o = e.up(n);
+    return r[o] = {}, r;
+  }, {}) || {};
+}
+function Gt(e, t) {
+  return e.reduce((r, n) => {
+    const o = r[n];
+    return (!o || Object.keys(o).length === 0) && delete r[n], r;
+  }, t);
+}
+function fr(e) {
+  if (typeof e != "string")
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : ge(7));
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+function Ke(e, t, r = !0) {
+  if (!t || typeof t != "string")
+    return null;
+  if (e && e.vars && r) {
+    const n = `vars.${t}`.split(".").reduce((o, a) => o && o[a] ? o[a] : null, e);
+    if (n != null)
+      return n;
+  }
+  return t.split(".").reduce((n, o) => n && n[o] != null ? n[o] : null, e);
+}
+function ze(e, t, r, n = r) {
+  let o;
+  return typeof e == "function" ? o = e(r) : Array.isArray(e) ? o = e[r] || n : o = Ke(e, r) || n, t && (o = t(o, n, e)), o;
+}
+function Q(e) {
+  const {
+    prop: t,
+    cssProperty: r = e.prop,
+    themeKey: n,
+    transform: o
+  } = e, a = (s) => {
+    if (s[t] == null)
+      return null;
+    const c = s[t], f = s.theme, d = Ke(f, n) || {};
+    return pe(s, c, (p) => {
+      let m = ze(d, o, p);
+      return p === m && typeof p == "string" && (m = ze(d, o, `${t}${p === "default" ? "" : fr(p)}`, p)), r === !1 ? m : {
+        [r]: m
+      };
+    });
+  };
+  return a.propTypes = process.env.NODE_ENV !== "production" ? {
+    [t]: ye
+  } : {}, a.filterProps = [t], a;
+}
+function sn(e) {
+  const t = {};
+  return (r) => (t[r] === void 0 && (t[r] = e(r)), t[r]);
+}
+const cn = {
+  m: "margin",
+  p: "padding"
+}, ln = {
+  t: "Top",
+  r: "Right",
+  b: "Bottom",
+  l: "Left",
+  x: ["Left", "Right"],
+  y: ["Top", "Bottom"]
+}, Yt = {
+  marginX: "mx",
+  marginY: "my",
+  paddingX: "px",
+  paddingY: "py"
+}, un = sn((e) => {
+  if (e.length > 2)
+    if (Yt[e])
+      e = Yt[e];
+    else
+      return [e];
+  const [t, r] = e.split(""), n = cn[t], o = ln[r] || "";
+  return Array.isArray(o) ? o.map((a) => n + a) : [n + o];
+}), He = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], Qe = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], fn = [...He, ...Qe];
+function ke(e, t, r, n) {
+  const o = Ke(e, t, !0) ?? r;
+  return typeof o == "number" || typeof o == "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 o == "string" ? o.startsWith("var(") && a === 0 ? 0 : o.startsWith("var(") && a === 1 ? o : `calc(${a} * ${o})` : o * a) : Array.isArray(o) ? (a) => {
+    if (typeof a == "string")
+      return a;
+    const s = Math.abs(a);
+    process.env.NODE_ENV !== "production" && (Number.isInteger(s) ? s > o.length - 1 && console.error([`MUI: The value provided (${s}) overflows.`, `The supported values are: ${JSON.stringify(o)}.`, `${s} > ${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[s];
+    return a >= 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 Ct(e) {
+  return ke(e, "spacing", 8, "spacing");
+}
+function Ie(e, t) {
+  return typeof t == "string" || t == null ? t : e(t);
+}
+function dn(e, t) {
+  return (r) => e.reduce((n, o) => (n[o] = Ie(t, r), n), {});
+}
+function pn(e, t, r, n) {
+  if (!t.includes(r))
+    return null;
+  const o = un(r), a = dn(o, n), s = e[r];
+  return pe(e, s, a);
+}
+function dr(e, t) {
+  const r = Ct(e.theme);
+  return Object.keys(e).map((n) => pn(e, t, n, r)).reduce(Pe, {});
+}
+function K(e) {
+  return dr(e, He);
+}
+K.propTypes = process.env.NODE_ENV !== "production" ? He.reduce((e, t) => (e[t] = ye, e), {}) : {};
+K.filterProps = He;
+function H(e) {
+  return dr(e, Qe);
+}
+H.propTypes = process.env.NODE_ENV !== "production" ? Qe.reduce((e, t) => (e[t] = ye, e), {}) : {};
+H.filterProps = Qe;
+process.env.NODE_ENV !== "production" && fn.reduce((e, t) => (e[t] = ye, e), {});
+const mn = {
+  borderRadius: 4
+};
+function gn(e = 8, t = Ct({
+  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 s = t(a);
+    return typeof s == "number" ? `${s}px` : s;
+  }).join(" "));
+  return r.mui = !0, r;
+}
+function Xe(...e) {
+  const t = e.reduce((n, o) => (o.filterProps.forEach((a) => {
+    n[a] = o;
+  }), n), {}), r = (n) => Object.keys(n).reduce((o, a) => t[a] ? Pe(o, t[a](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 ie(e) {
+  return typeof e != "number" ? e : `${e}px solid`;
+}
+function ae(e, t) {
+  return Q({
+    prop: e,
+    themeKey: "borders",
+    transform: t
+  });
+}
+const hn = ae("border", ie), yn = ae("borderTop", ie), bn = ae("borderRight", ie), vn = ae("borderBottom", ie), Sn = ae("borderLeft", ie), En = ae("borderColor"), Cn = ae("borderTopColor"), Tn = ae("borderRightColor"), xn = ae("borderBottomColor"), wn = ae("borderLeftColor"), $n = ae("outline", ie), On = ae("outlineColor"), Je = (e) => {
+  if (e.borderRadius !== void 0 && e.borderRadius !== null) {
+    const t = ke(e.theme, "shape.borderRadius", 4, "borderRadius"), r = (n) => ({
+      borderRadius: Ie(t, n)
+    });
+    return pe(e, e.borderRadius, r);
+  }
+  return null;
+};
+Je.propTypes = process.env.NODE_ENV !== "production" ? {
+  borderRadius: ye
+} : {};
+Je.filterProps = ["borderRadius"];
+Xe(hn, yn, bn, vn, Sn, En, Cn, Tn, xn, wn, Je, $n, On);
+const Ze = (e) => {
+  if (e.gap !== void 0 && e.gap !== null) {
+    const t = ke(e.theme, "spacing", 8, "gap"), r = (n) => ({
+      gap: Ie(t, n)
+    });
+    return pe(e, e.gap, r);
+  }
+  return null;
+};
+Ze.propTypes = process.env.NODE_ENV !== "production" ? {
+  gap: ye
+} : {};
+Ze.filterProps = ["gap"];
+const et = (e) => {
+  if (e.columnGap !== void 0 && e.columnGap !== null) {
+    const t = ke(e.theme, "spacing", 8, "columnGap"), r = (n) => ({
+      columnGap: Ie(t, n)
+    });
+    return pe(e, e.columnGap, r);
+  }
+  return null;
+};
+et.propTypes = process.env.NODE_ENV !== "production" ? {
+  columnGap: ye
+} : {};
+et.filterProps = ["columnGap"];
+const tt = (e) => {
+  if (e.rowGap !== void 0 && e.rowGap !== null) {
+    const t = ke(e.theme, "spacing", 8, "rowGap"), r = (n) => ({
+      rowGap: Ie(t, n)
+    });
+    return pe(e, e.rowGap, r);
+  }
+  return null;
+};
+tt.propTypes = process.env.NODE_ENV !== "production" ? {
+  rowGap: ye
+} : {};
+tt.filterProps = ["rowGap"];
+const _n = Q({
+  prop: "gridColumn"
+}), An = Q({
+  prop: "gridRow"
+}), Pn = Q({
+  prop: "gridAutoFlow"
+}), Rn = Q({
+  prop: "gridAutoColumns"
+}), kn = Q({
+  prop: "gridAutoRows"
+}), In = Q({
+  prop: "gridTemplateColumns"
+}), Mn = Q({
+  prop: "gridTemplateRows"
+}), Bn = Q({
+  prop: "gridTemplateAreas"
+}), Dn = Q({
+  prop: "gridArea"
+});
+Xe(Ze, et, tt, _n, An, Pn, Rn, kn, In, Mn, Bn, Dn);
+function we(e, t) {
+  return t === "grey" ? t : e;
+}
+const Nn = Q({
+  prop: "color",
+  themeKey: "palette",
+  transform: we
+}), Fn = Q({
+  prop: "bgcolor",
+  cssProperty: "backgroundColor",
+  themeKey: "palette",
+  transform: we
+}), jn = Q({
+  prop: "backgroundColor",
+  themeKey: "palette",
+  transform: we
+});
+Xe(Nn, Fn, jn);
+function ne(e) {
+  return e <= 1 && e !== 0 ? `${e * 100}%` : e;
+}
+const Ln = Q({
+  prop: "width",
+  transform: ne
+}), Tt = (e) => {
+  if (e.maxWidth !== void 0 && e.maxWidth !== null) {
+    const t = (r) => {
+      const n = e.theme?.breakpoints?.values?.[r] || qe[r];
+      return n ? e.theme?.breakpoints?.unit !== "px" ? {
+        maxWidth: `${n}${e.theme.breakpoints.unit}`
+      } : {
+        maxWidth: n
+      } : {
+        maxWidth: ne(r)
+      };
+    };
+    return pe(e, e.maxWidth, t);
+  }
+  return null;
+};
+Tt.filterProps = ["maxWidth"];
+const Vn = Q({
+  prop: "minWidth",
+  transform: ne
+}), Wn = Q({
+  prop: "height",
+  transform: ne
+}), zn = Q({
+  prop: "maxHeight",
+  transform: ne
+}), Un = Q({
+  prop: "minHeight",
+  transform: ne
+});
+Q({
+  prop: "size",
+  cssProperty: "width",
+  transform: ne
+});
+Q({
+  prop: "size",
+  cssProperty: "height",
+  transform: ne
+});
+const Gn = Q({
+  prop: "boxSizing"
+});
+Xe(Ln, Tt, Vn, Wn, zn, Un, Gn);
+const rt = {
+  // borders
+  border: {
+    themeKey: "borders",
+    transform: ie
+  },
+  borderTop: {
+    themeKey: "borders",
+    transform: ie
+  },
+  borderRight: {
+    themeKey: "borders",
+    transform: ie
+  },
+  borderBottom: {
+    themeKey: "borders",
+    transform: ie
+  },
+  borderLeft: {
+    themeKey: "borders",
+    transform: ie
+  },
+  borderColor: {
+    themeKey: "palette"
+  },
+  borderTopColor: {
+    themeKey: "palette"
+  },
+  borderRightColor: {
+    themeKey: "palette"
+  },
+  borderBottomColor: {
+    themeKey: "palette"
+  },
+  borderLeftColor: {
+    themeKey: "palette"
+  },
+  outline: {
+    themeKey: "borders",
+    transform: ie
+  },
+  outlineColor: {
+    themeKey: "palette"
+  },
+  borderRadius: {
+    themeKey: "shape.borderRadius",
+    style: Je
+  },
+  // palette
+  color: {
+    themeKey: "palette",
+    transform: we
+  },
+  bgcolor: {
+    themeKey: "palette",
+    cssProperty: "backgroundColor",
+    transform: we
+  },
+  backgroundColor: {
+    themeKey: "palette",
+    transform: we
+  },
+  // spacing
+  p: {
+    style: H
+  },
+  pt: {
+    style: H
+  },
+  pr: {
+    style: H
+  },
+  pb: {
+    style: H
+  },
+  pl: {
+    style: H
+  },
+  px: {
+    style: H
+  },
+  py: {
+    style: H
+  },
+  padding: {
+    style: H
+  },
+  paddingTop: {
+    style: H
+  },
+  paddingRight: {
+    style: H
+  },
+  paddingBottom: {
+    style: H
+  },
+  paddingLeft: {
+    style: H
+  },
+  paddingX: {
+    style: H
+  },
+  paddingY: {
+    style: H
+  },
+  paddingInline: {
+    style: H
+  },
+  paddingInlineStart: {
+    style: H
+  },
+  paddingInlineEnd: {
+    style: H
+  },
+  paddingBlock: {
+    style: H
+  },
+  paddingBlockStart: {
+    style: H
+  },
+  paddingBlockEnd: {
+    style: H
+  },
+  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: Ze
+  },
+  rowGap: {
+    style: tt
+  },
+  columnGap: {
+    style: et
+  },
+  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: ne
+  },
+  maxWidth: {
+    style: Tt
+  },
+  minWidth: {
+    transform: ne
+  },
+  height: {
+    transform: ne
+  },
+  maxHeight: {
+    transform: ne
+  },
+  minHeight: {
+    transform: ne
+  },
+  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 Yn(...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 qn(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function Kn() {
+  function e(r, n, o, a) {
+    const s = {
+      [r]: n,
+      theme: o
+    }, c = a[r];
+    if (!c)
+      return {
+        [r]: n
+      };
+    const {
+      cssProperty: f = r,
+      themeKey: d,
+      transform: g,
+      style: p
+    } = c;
+    if (n == null)
+      return null;
+    if (d === "typography" && n === "inherit")
+      return {
+        [r]: n
+      };
+    const m = Ke(o, d) || {};
+    return p ? p(s) : pe(s, n, (b) => {
+      let l = ze(m, g, b);
+      return b === l && typeof b == "string" && (l = ze(m, g, `${r}${b === "default" ? "" : fr(b)}`, b)), f === !1 ? l : {
+        [f]: l
+      };
+    });
+  }
+  function t(r) {
+    const {
+      sx: n,
+      theme: o = {},
+      nested: a
+    } = r || {};
+    if (!n)
+      return null;
+    const s = o.unstable_sxConfig ?? rt;
+    function c(f) {
+      let d = f;
+      if (typeof f == "function")
+        d = f(o);
+      else if (typeof f != "object")
+        return f;
+      if (!d)
+        return null;
+      const g = an(o.breakpoints), p = Object.keys(g);
+      let m = g;
+      return Object.keys(d).forEach((v) => {
+        const b = qn(d[v], o);
+        if (b != null)
+          if (typeof b == "object")
+            if (s[v])
+              m = Pe(m, e(v, b, o, s));
+            else {
+              const l = pe({
+                theme: o
+              }, b, (E) => ({
+                [v]: E
+              }));
+              Yn(l, b) ? m[v] = t({
+                sx: b,
+                theme: o,
+                nested: !0
+              }) : m = Pe(m, l);
+            }
+          else
+            m = Pe(m, e(v, b, o, s));
+      }), !a && o.modularCssLayers ? {
+        "@layer sx": zt(o, Gt(p, m))
+      } : zt(o, Gt(p, m));
+    }
+    return Array.isArray(n) ? n.map(c) : c(n);
+  }
+  return t;
+}
+const nt = Kn();
+nt.filterProps = ["sx"];
+function Hn(e, t) {
+  const r = this;
+  if (r.vars) {
+    if (!r.colorSchemes?.[e] || typeof r.getColorSchemeSelector != "function")
+      return {};
+    let n = r.getColorSchemeSelector(e);
+    return n === "&" ? t : ((n.includes("data-") || n.includes(".")) && (n = `*:where(${n.replace(/\s*&$/, "")}) &`), {
+      [n]: t
+    });
+  }
+  return r.palette.mode === e ? t : {};
+}
+function Qn(e = {}, ...t) {
+  const {
+    breakpoints: r = {},
+    palette: n = {},
+    spacing: o,
+    shape: a = {},
+    ...s
+  } = e, c = Pr(r), f = gn(o);
+  let d = oe({
+    breakpoints: c,
+    direction: "ltr",
+    components: {},
+    // Inject component definitions.
+    palette: {
+      mode: "light",
+      ...n
+    },
+    spacing: f,
+    shape: {
+      ...mn,
+      ...a
+    }
+  }, s);
+  return d = nn(d), d.applyStyles = Hn, d = t.reduce((g, p) => oe(g, p), d), d.unstable_sxConfig = {
+    ...rt,
+    ...s?.unstable_sxConfig
+  }, d.unstable_sx = function(p) {
+    return nt({
+      sx: p,
+      theme: this
+    });
+  }, d;
+}
+const qt = (e, t, r, n = []) => {
+  let o = e;
+  t.forEach((a, s) => {
+    s === t.length - 1 ? Array.isArray(o) ? o[Number(a)] = r : o && typeof o == "object" && (o[a] = r) : o && typeof o == "object" && (o[a] || (o[a] = n.includes(a) ? [] : {}), o = o[a]);
+  });
+}, Xn = (e, t, r) => {
+  function n(o, a = [], s = []) {
+    Object.entries(o).forEach(([c, f]) => {
+      (!r || r && !r([...a, c])) && f != null && (typeof f == "object" && Object.keys(f).length > 0 ? n(f, [...a, c], Array.isArray(f) ? [...s, c] : s) : t([...a, c], f, s));
+    });
+  }
+  n(e);
+}, Jn = (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 ft(e, t) {
+  const {
+    prefix: r,
+    shouldSkipGeneratingVar: n
+  } = t || {}, o = {}, a = {}, s = {};
+  return Xn(
+    e,
+    (c, f, d) => {
+      if ((typeof f == "string" || typeof f == "number") && (!n || !n(c, f))) {
+        const g = `--${r ? `${r}-` : ""}${c.join("-")}`, p = Jn(c, f);
+        Object.assign(o, {
+          [g]: p
+        }), qt(a, c, `var(${g})`, d), qt(s, c, `var(${g}, ${p})`, d);
+      }
+    },
+    (c) => c[0] === "vars"
+    // skip 'vars/*' paths
+  ), {
+    css: o,
+    vars: a,
+    varsWithDefaults: s
+  };
+}
+function Zn(e, t = {}) {
+  const {
+    getSelector: r = _,
+    disableCssColorScheme: n,
+    colorSchemeSelector: o,
+    enableContrastVars: a
+  } = t, {
+    colorSchemes: s = {},
+    components: c,
+    defaultColorScheme: f = "light",
+    ...d
+  } = e, {
+    vars: g,
+    css: p,
+    varsWithDefaults: m
+  } = ft(d, t);
+  let v = m;
+  const b = {}, {
+    [f]: l,
+    ...E
+  } = s;
+  if (Object.entries(E || {}).forEach(([x, y]) => {
+    const {
+      vars: $,
+      css: se,
+      varsWithDefaults: fe
+    } = ft(y, t);
+    v = oe(v, fe), b[x] = {
+      css: se,
+      vars: $
+    };
+  }), l) {
+    const {
+      css: x,
+      vars: y,
+      varsWithDefaults: $
+    } = ft(l, t);
+    v = oe(v, $), b[f] = {
+      css: x,
+      vars: y
+    };
+  }
+  function _(x, y) {
+    let $ = o;
+    if (o === "class" && ($ = ".%s"), o === "data" && ($ = "[data-%s]"), o?.startsWith("data-") && !o.includes("%s") && ($ = `[${o}="%s"]`), x) {
+      if ($ === "media")
+        return e.defaultColorScheme === x ? ":root" : {
+          [`@media (prefers-color-scheme: ${s[x]?.palette?.mode || x})`]: {
+            ":root": y
+          }
+        };
+      if ($)
+        return e.defaultColorScheme === x ? `:root, ${$.replace("%s", String(x))}` : $.replace("%s", String(x));
+    }
+    return ":root";
+  }
+  return {
+    vars: v,
+    generateThemeVars: () => {
+      let x = {
+        ...g
+      };
+      return Object.entries(b).forEach(([, {
+        vars: y
+      }]) => {
+        x = oe(x, y);
+      }), x;
+    },
+    generateStyleSheets: () => {
+      const x = [], y = e.defaultColorScheme || "light";
+      function $(Z, ee) {
+        Object.keys(ee).length && x.push(typeof Z == "string" ? {
+          [Z]: {
+            ...ee
+          }
+        } : Z);
+      }
+      $(r(void 0, {
+        ...p
+      }), p);
+      const {
+        [y]: se,
+        ...fe
+      } = b;
+      if (se) {
+        const {
+          css: Z
+        } = se, ee = s[y]?.palette?.mode, X = !n && ee ? {
+          colorScheme: ee,
+          ...Z
+        } : {
+          ...Z
+        };
+        $(r(y, {
+          ...X
+        }), X);
+      }
+      return Object.entries(fe).forEach(([Z, {
+        css: ee
+      }]) => {
+        const X = s[Z]?.palette?.mode, i = !n && X ? {
+          colorScheme: X,
+          ...ee
+        } : {
+          ...ee
+        };
+        $(r(Z, {
+          ...i
+        }), i);
+      }), a && x.push({
+        ":root": {
+          // use double underscore to indicate that these are private variables
+          "--__l-threshold": "0.7",
+          "--__l": "clamp(0, (l / var(--__l-threshold) - 1) * -infinity, 1)",
+          "--__a": "clamp(0.87, (l / var(--__l-threshold) - 1) * -infinity, 1)"
+          // 0.87 is the default alpha value for black text.
+        }
+      }), x;
+    }
+  };
+}
+function eo(e) {
+  const t = {};
+  return Object.entries(e).forEach((n) => {
+    const [o, a] = n;
+    typeof a == "object" && (t[o] = `${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 to(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 Kt = (e) => e, ro = () => {
+  let e = Kt;
+  return {
+    configure(t) {
+      e = t;
+    },
+    generate(t) {
+      return e(t);
+    },
+    reset() {
+      e = Kt;
+    }
+  };
+}, no = ro(), oo = {
+  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 io(e, t, r = "Mui") {
+  const n = oo[t];
+  return n ? `${r}-${n}` : `${no.generate(e)}-${t}`;
+}
+function ao(e, t) {
+  return {
+    toolbar: {
+      minHeight: 56,
+      [e.up("xs")]: {
+        "@media (orientation: landscape)": {
+          minHeight: 48
+        }
+      },
+      [e.up("sm")]: {
+        minHeight: 64
+      }
+    },
+    ...t
+  };
+}
+function so(e) {
+  return Math.round(e * 1e5) / 1e5;
+}
+const Ht = {
+  textTransform: "uppercase"
+}, Qt = '"Roboto", "Helvetica", "Arial", sans-serif';
+function co(e, t) {
+  const {
+    fontFamily: r = Qt,
+    // The default font size of the Material Specification.
+    fontSize: n = 14,
+    // px
+    fontWeightLight: o = 300,
+    fontWeightRegular: a = 400,
+    fontWeightMedium: s = 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,
+    ...p
+  } = 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 m = n / 14, v = g || ((E) => `${E / f * m}rem`), b = (E, _, D, N, x) => ({
+    fontFamily: r,
+    fontWeight: E,
+    fontSize: 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 === Qt ? {
+      letterSpacing: `${so(N / _)}em`
+    } : {},
+    ...x,
+    ...d
+  }), l = {
+    h1: b(o, 96, 1.167, -1.5),
+    h2: b(o, 60, 1.2, -0.5),
+    h3: b(a, 48, 1.167, 0),
+    h4: b(a, 34, 1.235, 0.25),
+    h5: b(a, 24, 1.334, 0),
+    h6: b(s, 20, 1.6, 0.15),
+    subtitle1: b(a, 16, 1.75, 0.15),
+    subtitle2: b(s, 14, 1.57, 0.1),
+    body1: b(a, 16, 1.5, 0.15),
+    body2: b(a, 14, 1.43, 0.15),
+    button: b(s, 14, 1.75, 0.4, Ht),
+    caption: b(a, 12, 1.66, 0.4),
+    overline: b(a, 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 oe({
+    htmlFontSize: f,
+    pxToRem: v,
+    fontFamily: r,
+    fontSize: n,
+    fontWeightLight: o,
+    fontWeightRegular: a,
+    fontWeightMedium: s,
+    fontWeightBold: c,
+    ...l
+  }, p, {
+    clone: !1
+    // No need to clone deep
+  });
+}
+const lo = 0.2, uo = 0.14, fo = 0.12;
+function q(...e) {
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${lo})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${uo})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${fo})`].join(",");
+}
+const po = ["none", q(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), q(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), q(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), q(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), q(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), q(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), q(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), q(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), q(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), q(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), q(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), q(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), q(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), q(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), q(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), q(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), q(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), q(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), q(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), q(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), q(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), q(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), q(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), q(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], mo = {
+  // 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)"
+}, go = {
+  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 Xt(e) {
+  return `${Math.round(e)}ms`;
+}
+function ho(e) {
+  if (!e)
+    return 0;
+  const t = e / 36;
+  return Math.min(Math.round((4 + 15 * t ** 0.25 + t / 5) * 10), 3e3);
+}
+function yo(e) {
+  const t = {
+    ...mo,
+    ...e.easing
+  }, r = {
+    ...go,
+    ...e.duration
+  };
+  return {
+    getAutoHeightDuration: ho,
+    create: (o = ["all"], a = {}) => {
+      const {
+        duration: s = r.standard,
+        easing: c = t.easeInOut,
+        delay: f = 0,
+        ...d
+      } = a;
+      if (process.env.NODE_ENV !== "production") {
+        const g = (m) => typeof m == "string", p = (m) => !Number.isNaN(parseFloat(m));
+        !g(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !p(s) && !g(s) && console.error(`MUI: Argument "duration" must be a number or a string but found ${s}.`), g(c) || console.error('MUI: Argument "easing" must be a string.'), !p(f) && !g(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(d).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(d).join(",")}].`);
+      }
+      return (Array.isArray(o) ? o : [o]).map((g) => `${g} ${typeof s == "string" ? s : Xt(s)} ${c} ${typeof f == "string" ? f : Xt(f)}`).join(",");
+    },
+    ...e,
+    easing: t,
+    duration: r
+  };
+}
+const bo = {
+  mobileStepper: 1e3,
+  fab: 1050,
+  speedDial: 1050,
+  appBar: 1100,
+  drawer: 1200,
+  modal: 1300,
+  snackbar: 1400,
+  tooltip: 1500
+};
+function vo(e) {
+  return me(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
+}
+function pr(e = {}) {
+  const t = {
+    ...e
+  };
+  function r(n) {
+    const o = Object.entries(n);
+    for (let a = 0; a < o.length; a++) {
+      const [s, c] = o[a];
+      !vo(c) || s.startsWith("unstable_") ? delete n[s] : me(c) && (n[s] = {
+        ...c
+      }, r(n[s]));
+    }
+  }
+  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 Jt(e) {
+  return typeof e == "number" ? `${(e * 100).toFixed(0)}%` : `calc((${e}) * 100%)`;
+}
+const So = (e) => {
+  if (!Number.isNaN(+e))
+    return +e;
+  const t = e.match(/\d*\.?\d+/g);
+  if (!t)
+    return 0;
+  let r = 0;
+  for (let n = 0; n < t.length; n += 1)
+    r += +t[n];
+  return r;
+};
+function Eo(e) {
+  Object.assign(e, {
+    alpha(t, r) {
+      const n = this || e;
+      return n.colorSpace ? `oklch(from ${t} l c h / ${typeof r == "string" ? `calc(${r})` : r})` : n.vars ? `rgba(${t.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g, "var(--$1Channel)")} / ${typeof r == "string" ? `calc(${r})` : r})` : ir(t, So(r));
+    },
+    lighten(t, r) {
+      const n = this || e;
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #fff ${Jt(r)})` : Ye(t, r);
+    },
+    darken(t, r) {
+      const n = this || e;
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #000 ${Jt(r)})` : Ge(t, r);
+    }
+  });
+}
+function gt(e = {}, ...t) {
+  const {
+    breakpoints: r,
+    mixins: n = {},
+    spacing: o,
+    palette: a = {},
+    transitions: s = {},
+    typography: c = {},
+    shape: f,
+    colorSpace: d,
+    ...g
+  } = 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." : ge(20));
+  const p = St({
+    ...a,
+    colorSpace: d
+  }), m = Qn(e);
+  let v = oe(m, {
+    mixins: ao(m.breakpoints, n),
+    palette: p,
+    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
+    shadows: po.slice(),
+    typography: co(p, c),
+    transitions: yo(s),
+    zIndex: {
+      ...bo
+    }
+  });
+  if (v = oe(v, g), v = t.reduce((b, l) => oe(b, l), v), process.env.NODE_ENV !== "production") {
+    const b = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], l = (E, _) => {
+      let D;
+      for (D in E) {
+        const N = E[D];
+        if (b.includes(D) && Object.keys(N).length > 0) {
+          if (process.env.NODE_ENV !== "production") {
+            const x = io("", D);
+            console.error([`MUI: The \`${_}\` component increases the CSS specificity of the \`${D}\` internal state.`, "You can not override it like this: ", JSON.stringify(E, null, 2), "", `Instead, you need to use the '&.${x}' syntax:`, JSON.stringify({
+              root: {
+                [`&.${x}`]: N
+              }
+            }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
+`));
+          }
+          E[D] = {};
+        }
+      }
+    };
+    Object.keys(v.components).forEach((E) => {
+      const _ = v.components[E].styleOverrides;
+      _ && E.startsWith("Mui") && l(_, E);
+    });
+  }
+  return v.unstable_sxConfig = {
+    ...rt,
+    ...g?.unstable_sxConfig
+  }, v.unstable_sx = function(l) {
+    return nt({
+      sx: l,
+      theme: this
+    });
+  }, v.toRuntimeSource = pr, Eo(v), v;
+}
+function Co(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 To = [...Array(25)].map((e, t) => {
+  if (t === 0)
+    return "none";
+  const r = Co(t);
+  return `linear-gradient(rgba(255 255 255 / ${r}), rgba(255 255 255 / ${r}))`;
+});
+function mr(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 gr(e) {
+  return e === "dark" ? To : [];
+}
+function xo(e) {
+  const {
+    palette: t = {
+      mode: "light"
+    },
+    // need to cast to avoid module augmentation test
+    opacity: r,
+    overlays: n,
+    colorSpace: o,
+    ...a
+  } = e, s = St({
+    ...t,
+    colorSpace: o
+  });
+  return {
+    palette: s,
+    opacity: {
+      ...mr(s.mode),
+      ...r
+    },
+    overlays: n || gr(s.mode),
+    ...a
+  };
+}
+function wo(e) {
+  return !!e[0].match(/(cssVarPrefix|colorSchemeSelector|modularCssLayers|rootSelector|typography|mixins|breakpoints|direction|transitions)/) || !!e[0].match(/sxConfig$/) || // ends with sxConfig
+  e[0] === "palette" && !!e[1]?.match(/(mode|contrastThreshold|tonalOffset)/);
+}
+const $o = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlays-${r}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], Oo = (e) => (t, r) => {
+  const n = e.rootSelector || ":root", o = e.colorSchemeSelector;
+  let a = o;
+  if (o === "class" && (a = ".%s"), o === "data" && (a = "[data-%s]"), o?.startsWith("data-") && !o.includes("%s") && (a = `[${o}="%s"]`), e.defaultColorScheme === t) {
+    if (t === "dark") {
+      const s = {};
+      return $o(e.cssVarPrefix).forEach((c) => {
+        s[c] = r[c], delete r[c];
+      }), a === "media" ? {
+        [n]: r,
+        "@media (prefers-color-scheme: dark)": {
+          [n]: s
+        }
+      } : a ? {
+        [a.replace("%s", t)]: s,
+        [`${n}, ${a.replace("%s", t)}`]: r
+      } : {
+        [n]: {
+          ...r,
+          ...s
+        }
+      };
+    }
+    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 _o(e, t) {
+  t.forEach((r) => {
+    e[r] || (e[r] = {});
+  });
+}
+function u(e, t, r) {
+  !e[t] && r && (e[t] = r);
+}
+function Ae(e) {
+  return typeof e != "string" || !e.startsWith("hsl") ? e : or(e);
+}
+function de(e, t) {
+  `${t}Channel` in e || (e[`${t}Channel`] = _e(Ae(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 Ao(e) {
+  return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
+}
+const ue = (e) => {
+  try {
+    return e();
+  } catch {
+  }
+}, Po = (e = "mui") => xr(e);
+function dt(e, t, r, n, o) {
+  if (!r)
+    return;
+  r = r === !0 ? {} : r;
+  const a = o === "dark" ? "dark" : "light";
+  if (!n) {
+    t[o] = xo({
+      ...r,
+      palette: {
+        mode: a,
+        ...r?.palette
+      },
+      colorSpace: e
+    });
+    return;
+  }
+  const {
+    palette: s,
+    ...c
+  } = gt({
+    ...n,
+    palette: {
+      mode: a,
+      ...r?.palette
+    },
+    colorSpace: e
+  });
+  return t[o] = {
+    ...r,
+    palette: s,
+    opacity: {
+      ...mr(a),
+      ...r?.opacity
+    },
+    overlays: r?.overlays || gr(a)
+  }, c;
+}
+function Ro(e = {}, ...t) {
+  const {
+    colorSchemes: r = {
+      light: !0
+    },
+    defaultColorScheme: n,
+    disableCssColorScheme: o = !1,
+    cssVarPrefix: a = "mui",
+    nativeColor: s = !1,
+    shouldSkipGeneratingVar: c = wo,
+    colorSchemeSelector: f = r.light && r.dark ? "media" : void 0,
+    rootSelector: d = ":root",
+    ...g
+  } = e, p = Object.keys(r)[0], m = n || (r.light && p !== "light" ? "light" : p), v = Po(a), {
+    [m]: b,
+    light: l,
+    dark: E,
+    ..._
+  } = r, D = {
+    ..._
+  };
+  let N = b;
+  if ((m === "dark" && !("dark" in r) || m === "light" && !("light" in r)) && (N = !0), !N)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${m}\` option is either missing or invalid.` : ge(21, m));
+  let x;
+  s && (x = "oklch");
+  const y = dt(x, D, N, g, m);
+  l && !D.light && dt(x, D, l, void 0, "light"), E && !D.dark && dt(x, D, E, void 0, "dark");
+  let $ = {
+    defaultColorScheme: m,
+    ...y,
+    cssVarPrefix: a,
+    colorSchemeSelector: f,
+    rootSelector: d,
+    getCssVar: v,
+    colorSchemes: D,
+    font: {
+      ...eo(y.typography),
+      ...y.font
+    },
+    spacing: Ao(g.spacing)
+  };
+  Object.keys($.colorSchemes).forEach((X) => {
+    const i = $.colorSchemes[X].palette, w = (F) => {
+      const V = F.split("-"), te = V[1], ce = V[2];
+      return v(F, i[te][ce]);
+    };
+    i.mode === "light" && (u(i.common, "background", "#fff"), u(i.common, "onBackground", "#000")), i.mode === "dark" && (u(i.common, "background", "#000"), u(i.common, "onBackground", "#fff"));
+    function S(F, V, te) {
+      if (x) {
+        let ce;
+        return F === be && (ce = `transparent ${((1 - te) * 100).toFixed(0)}%`), F === z && (ce = `#000 ${(te * 100).toFixed(0)}%`), F === U && (ce = `#fff ${(te * 100).toFixed(0)}%`), `color-mix(in ${x}, ${V}, ${ce})`;
+      }
+      return F(V, te);
+    }
+    if (_o(i, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), i.mode === "light") {
+      u(i.Alert, "errorColor", S(z, i.error.light, 0.6)), u(i.Alert, "infoColor", S(z, i.info.light, 0.6)), u(i.Alert, "successColor", S(z, i.success.light, 0.6)), u(i.Alert, "warningColor", S(z, i.warning.light, 0.6)), u(i.Alert, "errorFilledBg", w("palette-error-main")), u(i.Alert, "infoFilledBg", w("palette-info-main")), u(i.Alert, "successFilledBg", w("palette-success-main")), u(i.Alert, "warningFilledBg", w("palette-warning-main")), u(i.Alert, "errorFilledColor", ue(() => i.getContrastText(i.error.main))), u(i.Alert, "infoFilledColor", ue(() => i.getContrastText(i.info.main))), u(i.Alert, "successFilledColor", ue(() => i.getContrastText(i.success.main))), u(i.Alert, "warningFilledColor", ue(() => i.getContrastText(i.warning.main))), u(i.Alert, "errorStandardBg", S(U, i.error.light, 0.9)), u(i.Alert, "infoStandardBg", S(U, i.info.light, 0.9)), u(i.Alert, "successStandardBg", S(U, i.success.light, 0.9)), u(i.Alert, "warningStandardBg", S(U, i.warning.light, 0.9)), u(i.Alert, "errorIconColor", w("palette-error-main")), u(i.Alert, "infoIconColor", w("palette-info-main")), u(i.Alert, "successIconColor", w("palette-success-main")), u(i.Alert, "warningIconColor", w("palette-warning-main")), u(i.AppBar, "defaultBg", w("palette-grey-100")), u(i.Avatar, "defaultBg", w("palette-grey-400")), u(i.Button, "inheritContainedBg", w("palette-grey-300")), u(i.Button, "inheritContainedHoverBg", w("palette-grey-A100")), u(i.Chip, "defaultBorder", w("palette-grey-400")), u(i.Chip, "defaultAvatarColor", w("palette-grey-700")), u(i.Chip, "defaultIconColor", w("palette-grey-700")), u(i.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), u(i.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), u(i.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), u(i.LinearProgress, "primaryBg", S(U, i.primary.main, 0.62)), u(i.LinearProgress, "secondaryBg", S(U, i.secondary.main, 0.62)), u(i.LinearProgress, "errorBg", S(U, i.error.main, 0.62)), u(i.LinearProgress, "infoBg", S(U, i.info.main, 0.62)), u(i.LinearProgress, "successBg", S(U, i.success.main, 0.62)), u(i.LinearProgress, "warningBg", S(U, i.warning.main, 0.62)), u(i.Skeleton, "bg", x ? S(be, i.text.primary, 0.11) : `rgba(${w("palette-text-primaryChannel")} / 0.11)`), u(i.Slider, "primaryTrack", S(U, i.primary.main, 0.62)), u(i.Slider, "secondaryTrack", S(U, i.secondary.main, 0.62)), u(i.Slider, "errorTrack", S(U, i.error.main, 0.62)), u(i.Slider, "infoTrack", S(U, i.info.main, 0.62)), u(i.Slider, "successTrack", S(U, i.success.main, 0.62)), u(i.Slider, "warningTrack", S(U, i.warning.main, 0.62));
+      const F = x ? S(z, i.background.default, 0.6825) : Ne(i.background.default, 0.8);
+      u(i.SnackbarContent, "bg", F), u(i.SnackbarContent, "color", ue(() => x ? mt.text.primary : i.getContrastText(F))), u(i.SpeedDialAction, "fabHoverBg", Ne(i.background.paper, 0.15)), u(i.StepConnector, "border", w("palette-grey-400")), u(i.StepContent, "border", w("palette-grey-400")), u(i.Switch, "defaultColor", w("palette-common-white")), u(i.Switch, "defaultDisabledColor", w("palette-grey-100")), u(i.Switch, "primaryDisabledColor", S(U, i.primary.main, 0.62)), u(i.Switch, "secondaryDisabledColor", S(U, i.secondary.main, 0.62)), u(i.Switch, "errorDisabledColor", S(U, i.error.main, 0.62)), u(i.Switch, "infoDisabledColor", S(U, i.info.main, 0.62)), u(i.Switch, "successDisabledColor", S(U, i.success.main, 0.62)), u(i.Switch, "warningDisabledColor", S(U, i.warning.main, 0.62)), u(i.TableCell, "border", S(U, S(be, i.divider, 1), 0.88)), u(i.Tooltip, "bg", S(be, i.grey[700], 0.92));
+    }
+    if (i.mode === "dark") {
+      u(i.Alert, "errorColor", S(U, i.error.light, 0.6)), u(i.Alert, "infoColor", S(U, i.info.light, 0.6)), u(i.Alert, "successColor", S(U, i.success.light, 0.6)), u(i.Alert, "warningColor", S(U, i.warning.light, 0.6)), u(i.Alert, "errorFilledBg", w("palette-error-dark")), u(i.Alert, "infoFilledBg", w("palette-info-dark")), u(i.Alert, "successFilledBg", w("palette-success-dark")), u(i.Alert, "warningFilledBg", w("palette-warning-dark")), u(i.Alert, "errorFilledColor", ue(() => i.getContrastText(i.error.dark))), u(i.Alert, "infoFilledColor", ue(() => i.getContrastText(i.info.dark))), u(i.Alert, "successFilledColor", ue(() => i.getContrastText(i.success.dark))), u(i.Alert, "warningFilledColor", ue(() => i.getContrastText(i.warning.dark))), u(i.Alert, "errorStandardBg", S(z, i.error.light, 0.9)), u(i.Alert, "infoStandardBg", S(z, i.info.light, 0.9)), u(i.Alert, "successStandardBg", S(z, i.success.light, 0.9)), u(i.Alert, "warningStandardBg", S(z, i.warning.light, 0.9)), u(i.Alert, "errorIconColor", w("palette-error-main")), u(i.Alert, "infoIconColor", w("palette-info-main")), u(i.Alert, "successIconColor", w("palette-success-main")), u(i.Alert, "warningIconColor", w("palette-warning-main")), u(i.AppBar, "defaultBg", w("palette-grey-900")), u(i.AppBar, "darkBg", w("palette-background-paper")), u(i.AppBar, "darkColor", w("palette-text-primary")), u(i.Avatar, "defaultBg", w("palette-grey-600")), u(i.Button, "inheritContainedBg", w("palette-grey-800")), u(i.Button, "inheritContainedHoverBg", w("palette-grey-700")), u(i.Chip, "defaultBorder", w("palette-grey-700")), u(i.Chip, "defaultAvatarColor", w("palette-grey-300")), u(i.Chip, "defaultIconColor", w("palette-grey-300")), u(i.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), u(i.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), u(i.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), u(i.LinearProgress, "primaryBg", S(z, i.primary.main, 0.5)), u(i.LinearProgress, "secondaryBg", S(z, i.secondary.main, 0.5)), u(i.LinearProgress, "errorBg", S(z, i.error.main, 0.5)), u(i.LinearProgress, "infoBg", S(z, i.info.main, 0.5)), u(i.LinearProgress, "successBg", S(z, i.success.main, 0.5)), u(i.LinearProgress, "warningBg", S(z, i.warning.main, 0.5)), u(i.Skeleton, "bg", x ? S(be, i.text.primary, 0.13) : `rgba(${w("palette-text-primaryChannel")} / 0.13)`), u(i.Slider, "primaryTrack", S(z, i.primary.main, 0.5)), u(i.Slider, "secondaryTrack", S(z, i.secondary.main, 0.5)), u(i.Slider, "errorTrack", S(z, i.error.main, 0.5)), u(i.Slider, "infoTrack", S(z, i.info.main, 0.5)), u(i.Slider, "successTrack", S(z, i.success.main, 0.5)), u(i.Slider, "warningTrack", S(z, i.warning.main, 0.5));
+      const F = x ? S(U, i.background.default, 0.985) : Ne(i.background.default, 0.98);
+      u(i.SnackbarContent, "bg", F), u(i.SnackbarContent, "color", ue(() => x ? sr.text.primary : i.getContrastText(F))), u(i.SpeedDialAction, "fabHoverBg", Ne(i.background.paper, 0.15)), u(i.StepConnector, "border", w("palette-grey-600")), u(i.StepContent, "border", w("palette-grey-600")), u(i.Switch, "defaultColor", w("palette-grey-300")), u(i.Switch, "defaultDisabledColor", w("palette-grey-600")), u(i.Switch, "primaryDisabledColor", S(z, i.primary.main, 0.55)), u(i.Switch, "secondaryDisabledColor", S(z, i.secondary.main, 0.55)), u(i.Switch, "errorDisabledColor", S(z, i.error.main, 0.55)), u(i.Switch, "infoDisabledColor", S(z, i.info.main, 0.55)), u(i.Switch, "successDisabledColor", S(z, i.success.main, 0.55)), u(i.Switch, "warningDisabledColor", S(z, i.warning.main, 0.55)), u(i.TableCell, "border", S(z, S(be, i.divider, 1), 0.68)), u(i.Tooltip, "bg", S(be, i.grey[700], 0.92));
+    }
+    de(i.background, "default"), de(i.background, "paper"), de(i.common, "background"), de(i.common, "onBackground"), de(i, "divider"), Object.keys(i).forEach((F) => {
+      const V = i[F];
+      F !== "tonalOffset" && V && typeof V == "object" && (V.main && u(i[F], "mainChannel", _e(Ae(V.main))), V.light && u(i[F], "lightChannel", _e(Ae(V.light))), V.dark && u(i[F], "darkChannel", _e(Ae(V.dark))), V.contrastText && u(i[F], "contrastTextChannel", _e(Ae(V.contrastText))), F === "text" && (de(i[F], "primary"), de(i[F], "secondary")), F === "action" && (V.active && de(i[F], "active"), V.selected && de(i[F], "selected")));
+    });
+  }), $ = t.reduce((X, i) => oe(X, i), $);
+  const se = {
+    prefix: a,
+    disableCssColorScheme: o,
+    shouldSkipGeneratingVar: c,
+    getSelector: Oo($),
+    enableContrastVars: s
+  }, {
+    vars: fe,
+    generateThemeVars: Z,
+    generateStyleSheets: ee
+  } = Zn($, se);
+  return $.vars = fe, Object.entries($.colorSchemes[$.defaultColorScheme]).forEach(([X, i]) => {
+    $[X] = i;
+  }), $.generateThemeVars = Z, $.generateStyleSheets = ee, $.generateSpacing = function() {
+    return wr(g.spacing, Ct(this));
+  }, $.getColorSchemeSelector = to(f), $.spacing = $.generateSpacing(), $.shouldSkipGeneratingVar = c, $.unstable_sxConfig = {
+    ...rt,
+    ...g?.unstable_sxConfig
+  }, $.unstable_sx = function(i) {
+    return nt({
+      sx: i,
+      theme: this
+    });
+  }, $.toRuntimeSource = pr, $;
+}
+function Zt(e, t, r) {
+  e.colorSchemes && r && (e.colorSchemes[t] = {
+    ...r !== !0 && r,
+    palette: St({
+      ...r === !0 ? {} : r.palette,
+      mode: t
+    })
+    // cast type to skip module augmentation test
+  });
+}
+function ko(e = {}, ...t) {
+  const {
+    palette: r,
+    cssVariables: n = !1,
+    colorSchemes: o = r ? void 0 : {
+      light: !0
+    },
+    defaultColorScheme: a = r?.mode,
+    ...s
+  } = e, c = a || "light", f = o?.[c], d = {
+    ...o,
+    ...r ? {
+      [c]: {
+        ...typeof f != "boolean" && f,
+        palette: r
+      }
+    } : void 0
+  };
+  if (n === !1) {
+    if (!("colorSchemes" in e))
+      return gt(e, ...t);
+    let g = r;
+    "palette" in e || d[c] && (d[c] !== !0 ? g = d[c].palette : c === "dark" && (g = {
+      mode: "dark"
+    }));
+    const p = gt({
+      ...e,
+      palette: g
+    }, ...t);
+    return p.defaultColorScheme = c, p.colorSchemes = d, p.palette.mode === "light" && (p.colorSchemes.light = {
+      ...d.light !== !0 && d.light,
+      palette: p.palette
+    }, Zt(p, "dark", d.dark)), p.palette.mode === "dark" && (p.colorSchemes.dark = {
+      ...d.dark !== !0 && d.dark,
+      palette: p.palette
+    }, Zt(p, "light", d.light)), p;
+  }
+  return !r && !("light" in d) && c === "light" && (d.light = !0), Ro({
+    ...s,
+    colorSchemes: d,
+    defaultColorScheme: c,
+    ...typeof n != "boolean" && n
+  }, ...t);
+}
+const Io = ko();
+function Mo() {
+  const e = $r(Io);
+  return process.env.NODE_ENV !== "production" && ht.useDebugValue(e), e[_r] || e;
+}
+const Bo = "linear(0 0%, 0.0085 31.26%, 0.0167 40.94%, 0.0289 48.86%, 0.0471 55.92%, 0.0717 61.99%, 0.1038 67.32%, 0.1443 72.07%, 0.1989 76.7%, 0.2659 80.89%, 0.3465 84.71%, 0.4419 88.22%, 0.554 91.48%, 0.6835 94.51%, 0.8316 97.34%, 1 100%)", Do = "linear(0 0%, 0.1684 2.66%, 0.3165 5.49%, 0.446 8.52%, 0.5581 11.78%, 0.6535 15.29%, 0.7341 19.11%, 0.8011 23.3%, 0.8557 27.93%, 0.8962 32.68%, 0.9283 38.01%, 0.9529 44.08%, 0.9711 51.14%, 0.9833 59.06%, 0.9915 68.74%, 1 100%)", No = `url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><circle cx="20" cy="20" r="20" fill="white"/></svg>')`, Fo = `url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><defs><filter id="blur"><feGaussianBlur stdDeviation="2"/></filter></defs><circle cx="20" cy="20" r="18" fill="white" filter="url(%23blur)"/></svg>')`, jo = `url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><defs><filter id="blur"><feGaussianBlur stdDeviation="2"/></filter></defs><circle cx="0" cy="0" r="18" fill="white" filter="url(%23blur)"/></svg>')`, Lo = `url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><linearGradient id="g" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="white"/><stop offset="0.55" stop-color="white"/><stop offset="0.8" stop-color="white" stop-opacity="0"/></linearGradient></defs><rect width="100" height="100" fill="url(%23g)"/></svg>')`, er = "cp-alternador-tema-estilos", Vo = `:root{--cp-expo-in:${Bo};--cp-expo-out:${Do};}@keyframes cp-vt-200{to{mask-size:200vmax;}}@keyframes cp-vt-350{to{mask-size:350vmax;}}@keyframes cp-vt-revelar-oscuro{from{clip-path:polygon(50% -71%, -50% 71%, -50% 71%, 50% -71%);}to{clip-path:polygon(50% -71%, -50% 71%, 50% 171%, 171% 50%);}}@keyframes cp-vt-revelar-claro{from{clip-path:polygon(171% 50%, 50% 171%, 50% 171%, 171% 50%);}to{clip-path:polygon(171% 50%, 50% 171%, -50% 71%, 50% -71%);}}@keyframes cp-vt-gif{0%{mask-size:0;}10%{mask-size:50vmax;}90%{mask-size:50vmax;}100%{mask-size:2000vmax;}}html[data-cp-vt="circulo"]::view-transition-group(root){animation-timing-function:var(--cp-expo-out);}html[data-cp-vt="circulo"]::view-transition-old(root){animation:none;animation-fill-mode:both;z-index:-1;}html[data-cp-vt="circulo"]::view-transition-new(root){mask:${No} center / 0 no-repeat;animation:cp-vt-200 1s;animation-fill-mode:both;}html[data-cp-vt="circulo-desenfoque"]::view-transition-group(root){animation-timing-function:var(--cp-expo-out);}html[data-cp-vt="circulo-desenfoque"]::view-transition-old(root){animation:none;animation-fill-mode:both;z-index:-1;}html[data-cp-vt="circulo-desenfoque"]::view-transition-new(root){mask:${Fo} center / 0 no-repeat;animation:cp-vt-200 1s;animation-fill-mode:both;}html[data-cp-vt="circulo-desenfoque-superior-izquierda"]::view-transition-group(root){animation-timing-function:var(--cp-expo-out);}html[data-cp-vt="circulo-desenfoque-superior-izquierda"]::view-transition-new(root){mask:${jo} top left / 0 no-repeat;mask-origin:content-box;animation:cp-vt-350 1s;animation-fill-mode:both;transform-origin:top left;}html[data-cp-vt="circulo-desenfoque-superior-izquierda"]::view-transition-old(root){animation:cp-vt-350 1s;animation-fill-mode:both;transform-origin:top left;z-index:-1;}html[data-cp-vt="poligono"]::view-transition-group(root){animation-duration:0.7s;animation-timing-function:var(--cp-expo-out);}html[data-cp-vt="poligono"]::view-transition-new(root){animation-name:cp-vt-revelar-claro;animation-fill-mode:both;}html[data-cp-vt="poligono"]::view-transition-old(root){animation:none;animation-fill-mode:both;z-index:-1;}html.dark[data-cp-vt="poligono"]::view-transition-new(root){animation-name:cp-vt-revelar-oscuro;animation-fill-mode:both;}html[data-cp-vt="poligono-degradado"]::view-transition-group(root){animation-timing-function:var(--cp-expo-out);}html[data-cp-vt="poligono-degradado"]::view-transition-new(root){mask:${Lo} top left / 0 no-repeat;mask-origin:top left;animation:cp-vt-200 1s;animation-fill-mode:both;}html[data-cp-vt="poligono-degradado"]::view-transition-old(root){animation:none;animation-fill-mode:both;z-index:-1;}`, Wo = () => {
+  if (typeof document > "u" || document.getElementById(er))
+    return;
+  const e = document.createElement("style");
+  e.id = er, e.textContent = Vo, document.head.appendChild(e);
+}, zo = {
+  pequeno: { boton: 32, icono: 18 },
+  mediano: { boton: 40, icono: 20 },
+  grande: { boton: 48, icono: 24 }
+}, Uo = ({ tamano: e }) => /* @__PURE__ */ J("svg", { width: e, height: e, viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ J("path", { d: "M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" }) }), Go = ({ tamano: e }) => /* @__PURE__ */ J("svg", { width: e, height: e, viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ J(
+  "path",
+  {
+    fillRule: "evenodd",
+    d: "M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z",
+    clipRule: "evenodd"
+  }
+) }), ci = ({
+  variante: e = "circulo",
+  tamano: t = "mediano",
+  etiquetaAccesible: r,
+  alAlternar: n
+}) => {
+  const { tema: o, alternarTema: a } = bt(), s = Mo(), c = o === "dark", f = zo[t];
+  We(() => {
+    Wo();
+  }, []);
+  const d = Ve(() => {
+    const p = c ? "light" : "dark", m = () => {
+      Tr(() => a());
+    }, v = typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    typeof document.startViewTransition != "function" || v ? a() : (document.documentElement.setAttribute("data-cp-vt", e), document.startViewTransition(m)), n?.(p);
+  }, [c, a, n, e]), g = r ?? `Cambiar a modo ${c ? "claro" : "oscuro"}`;
+  return /* @__PURE__ */ J(
+    xe,
+    {
+      component: "button",
+      type: "button",
+      onClick: d,
+      "aria-label": g,
+      title: g,
+      sx: {
+        width: f.boton,
+        height: f.boton,
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: 0,
+        border: "none",
+        borderRadius: "50%",
+        cursor: "pointer",
+        backgroundColor: "transparent",
+        color: c ? s.palette.warning.light : s.palette.text.secondary,
+        transition: s.transitions.create(["background-color", "color"], {
+          duration: s.transitions.duration.shorter
+        }),
+        "&:hover": {
+          backgroundColor: s.palette.action.hover,
+          color: c ? s.palette.warning.main : s.palette.text.primary
+        },
+        "&:focus-visible": {
+          outline: `2px solid ${s.palette.primary.main}`,
+          outlineOffset: 2
+        }
+      },
+      children: c ? /* @__PURE__ */ J(Go, { tamano: f.icono }) : /* @__PURE__ */ J(Uo, { tamano: f.icono })
+    }
+  );
+};
+function li() {
   return "tema";
 }
+const Yo = [
+  {
+    id: "playfair-dm-sans",
+    nombre: "Playfair Display + DM Sans",
+    titular: "Playfair Display",
+    cuerpo: "DM Sans",
+    categoria: "elegante",
+    descripcion: "Serif de alto contraste para titulares con una sans geométrica limpia para el cuerpo."
+  },
+  {
+    id: "cormorant-inter",
+    nombre: "Cormorant Garamond + Inter",
+    titular: "Cormorant Garamond",
+    cuerpo: "Inter",
+    categoria: "editorial",
+    descripcion: "Serif clásica y refinada combinada con una sans neutra muy legible."
+  },
+  {
+    id: "dm-sans-staatliches",
+    nombre: "Staatliches + DM Sans",
+    titular: "Staatliches",
+    cuerpo: "DM Sans",
+    categoria: "moderno",
+    descripcion: "Display condensada de gran impacto para titulares cortos y llamativos."
+  },
+  {
+    id: "bricolage-biorhyme",
+    nombre: "Bricolage Grotesque + BioRhyme",
+    titular: "Bricolage Grotesque",
+    cuerpo: "BioRhyme",
+    categoria: "editorial",
+    descripcion: "Grotesca expresiva con una serif de bloque para un tono editorial contemporáneo."
+  },
+  {
+    id: "eb-garamond-dm-mono",
+    nombre: "EB Garamond + DM Mono",
+    titular: "EB Garamond",
+    cuerpo: "DM Mono",
+    categoria: "tecnico",
+    descripcion: "Serif humanista con una monoespaciada para documentación técnica con carácter."
+  },
+  {
+    id: "poppins-inter",
+    nombre: "Poppins + Inter",
+    titular: "Poppins",
+    cuerpo: "Inter",
+    categoria: "minimalista",
+    descripcion: "Par por defecto del sistema Codeplex: titulares redondeados y cuerpo neutro."
+  },
+  {
+    id: "space-grotesk-ibm-plex",
+    nombre: "Space Grotesk + IBM Plex Sans",
+    titular: "Space Grotesk",
+    cuerpo: "IBM Plex Sans",
+    categoria: "tecnico",
+    descripcion: "Geométrica con detalles técnicos para productos digitales y dashboards."
+  },
+  {
+    id: "fraunces-nunito",
+    nombre: "Fraunces + Nunito Sans",
+    titular: "Fraunces",
+    cuerpo: "Nunito Sans",
+    categoria: "elegante",
+    descripcion: "Serif suave y cálida con una sans amable para marcas cercanas."
+  }
+];
+function ui(e) {
+  return Yo.find((t) => t.id === e);
+}
+function tr(e) {
+  return `"${e}", "Inter", "system-ui", "-apple-system", "Segoe UI", sans-serif`;
+}
+function qo(e) {
+  const t = ":wght@300;400;500;600;700";
+  return `https://fonts.googleapis.com/css2?${[e.titular, e.cuerpo].filter((n, o, a) => a.indexOf(n) === o).map((n) => `family=${n.replace(/ /g, "+")}${t}`).join("&")}&display=swap`;
+}
+function hr(e) {
+  const t = tr(e.titular), r = tr(e.cuerpo);
+  return {
+    fontFamily: r,
+    h1: { fontFamily: t, fontWeight: 700 },
+    h2: { fontFamily: t, fontWeight: 700 },
+    h3: { fontFamily: t, fontWeight: 600 },
+    h4: { fontFamily: t, fontWeight: 600 },
+    h5: { fontFamily: t, fontWeight: 600 },
+    h6: { fontFamily: t, fontWeight: 600 },
+    subtitle1: { fontFamily: r },
+    subtitle2: { fontFamily: r },
+    body1: { fontFamily: r },
+    body2: { fontFamily: r },
+    button: { fontFamily: r, fontWeight: 600, textTransform: "none" },
+    caption: { fontFamily: r },
+    overline: { fontFamily: r }
+  };
+}
+function fi(e) {
+  return { typography: hr(e) };
+}
+function di(e) {
+  if (typeof document > "u") return;
+  const t = `codeplex-par-fuentes-${e.id}`;
+  if (document.getElementById(t)) return;
+  const r = document.createElement("link");
+  r.id = t, r.rel = "stylesheet", r.href = qo(e), document.head.appendChild(r);
+}
+const Ko = [
+  {
+    id: "space-vibrante",
+    nombre: "Space Vibrante",
+    titular: "Space Grotesk",
+    cuerpo: "DM Sans",
+    colores: { fondo: "#FFFFFF", texto: "#111111", primario: "#111111", acento: "#FF5B3E", superficie: "#FFD84D" }
+  },
+  {
+    id: "cormorant-noche",
+    nombre: "Cormorant Noche",
+    titular: "Cormorant Garamond",
+    cuerpo: "Inter",
+    colores: { fondo: "#1A2340", texto: "#F4EAD5", primario: "#D4A574", acento: "#E8C77A", superficie: "#243054" }
+  },
+  {
+    id: "playfair-tierra",
+    nombre: "Playfair Tierra",
+    titular: "Playfair Display",
+    cuerpo: "Lora",
+    colores: { fondo: "#EFEAE2", texto: "#2A1F14", primario: "#2A1F14", acento: "#8B6F4E", superficie: "#C9B896" }
+  },
+  {
+    id: "tanker-pop",
+    nombre: "Tanker Pop",
+    titular: "Bricolage Grotesque",
+    cuerpo: "DM Sans",
+    colores: { fondo: "#FFE8F0", texto: "#3D1A2E", primario: "#A855F7", acento: "#FF5BA0", superficie: "#FFF6CC" }
+  },
+  {
+    id: "plex-tecnico",
+    nombre: "Plex Técnico",
+    titular: "Space Grotesk",
+    cuerpo: "IBM Plex Sans",
+    colores: { fondo: "#0B1120", texto: "#E2E8F0", primario: "#38BDF8", acento: "#22D3EE", superficie: "#1E293B" }
+  },
+  {
+    id: "fraunces-calido",
+    nombre: "Fraunces Cálido",
+    titular: "Fraunces",
+    cuerpo: "Nunito Sans",
+    colores: { fondo: "#FFF8F2", texto: "#3B2A22", primario: "#C2410C", acento: "#F59E0B", superficie: "#FCE7D2" }
+  }
+];
+function pi(e) {
+  return Ko.find((t) => t.id === e);
+}
+function mi(e) {
+  const t = {
+    id: e.id,
+    nombre: e.nombre,
+    titular: e.titular,
+    cuerpo: e.cuerpo,
+    descripcion: e.nombre
+  };
+  return {
+    palette: {
+      primary: { main: e.colores.primario },
+      secondary: { main: e.colores.acento },
+      background: { default: e.colores.fondo, paper: e.colores.superficie },
+      text: { primary: e.colores.texto }
+    },
+    typography: hr(t)
+  };
+}
+function gi(e) {
+  if (typeof document > "u") return;
+  const t = `codeplex-kit-marca-${e.id}`;
+  if (document.getElementById(t)) return;
+  const r = ":wght@300;400;500;600;700", n = [e.titular, e.cuerpo].filter((a, s, c) => c.indexOf(a) === s).map((a) => `family=${a.replace(/ /g, "+")}${r}`).join("&"), o = document.createElement("link");
+  o.id = t, o.rel = "stylesheet", o.href = `https://fonts.googleapis.com/css2?${n}&display=swap`, document.head.appendChild(o);
+}
+function Ho(e) {
+  const t = e.replace("#", ""), r = t.length === 3 ? t.split("").map((s) => s + s).join("") : t, n = parseInt(r.slice(0, 2), 16), o = parseInt(r.slice(2, 4), 16), a = parseInt(r.slice(4, 6), 16);
+  return (0.299 * n + 0.587 * o + 0.114 * a) / 255 > 0.6;
+}
+const Qo = [
+  { clave: "fondo", etiqueta: "Fondo" },
+  { clave: "texto", etiqueta: "Texto" },
+  { clave: "primario", etiqueta: "Primario" },
+  { clave: "acento", etiqueta: "Acento" },
+  { clave: "superficie", etiqueta: "Superficie" }
+];
+function Xo(e) {
+  return `"${e}", system-ui, sans-serif`;
+}
+const Jo = {
+  borderRadius: 3,
+  overflow: "hidden",
+  bgcolor: "background.paper",
+  border: (e) => `1px solid ${e.palette.divider}`,
+  transition: "box-shadow 150ms ease, border-color 150ms ease, transform 150ms ease"
+}, hi = ({
+  kit: e,
+  seleccionado: t = !1,
+  alSeleccionar: r
+}) => {
+  const n = !!r;
+  return /* @__PURE__ */ Le(
+    xe,
+    {
+      role: n ? "button" : void 0,
+      tabIndex: n ? 0 : void 0,
+      "aria-label": n ? `Aplicar kit ${e.nombre}` : void 0,
+      onClick: () => r?.(e),
+      onKeyDown: (o) => {
+        n && (o.key === "Enter" || o.key === " ") && (o.preventDefault(), r?.(e));
+      },
+      sx: {
+        ...Jo,
+        cursor: n ? "pointer" : "default",
+        borderColor: (o) => t ? o.palette.primary.main : o.palette.divider,
+        boxShadow: t ? 6 : 0,
+        "&:hover": n ? { boxShadow: 4, transform: "translateY(-2px)" } : void 0
+      },
+      children: [
+        /* @__PURE__ */ J(xe, { sx: { display: "grid", gridTemplateColumns: "1fr 1fr", bgcolor: "#16181d" }, children: [
+          { tag: "Headline", fuente: e.titular },
+          { tag: "Body", fuente: e.cuerpo }
+        ].map((o) => /* @__PURE__ */ Le(xe, { sx: { p: 2.5, borderRight: o.tag === "Headline" ? "1px solid rgba(255,255,255,0.08)" : "none" }, children: [
+          /* @__PURE__ */ J(Be, { sx: { color: "rgba(255,255,255,0.5)", fontSize: 11, mb: 0.5 }, children: o.tag }),
+          /* @__PURE__ */ J(Be, { sx: { color: "#fff", fontFamily: Xo(o.fuente), fontSize: 22, fontWeight: 600, lineHeight: 1.15 }, children: o.fuente })
+        ] }, o.tag)) }),
+        /* @__PURE__ */ J(xe, { sx: { p: 1.5, display: "flex", flexDirection: "column", gap: 1 }, children: Qo.map(({ clave: o, etiqueta: a }) => {
+          const s = e.colores[o], c = Ho(s);
+          return /* @__PURE__ */ Le(
+            xe,
+            {
+              sx: {
+                bgcolor: s,
+                borderRadius: 2,
+                px: 2,
+                py: 1.25,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between",
+                border: c ? "1px solid rgba(0,0,0,0.06)" : "none"
+              },
+              children: [
+                /* @__PURE__ */ J(Be, { sx: { color: c ? "#111" : "#fff", fontSize: 13, fontWeight: 500 }, children: a }),
+                /* @__PURE__ */ J(Be, { sx: { color: c ? "rgba(0,0,0,0.55)" : "rgba(255,255,255,0.8)", fontSize: 12, fontFamily: "monospace" }, children: s.toUpperCase() })
+              ]
+            },
+            o
+          );
+        }) })
+      ]
+    }
+  );
+};
 export {
-  A as CodeplexProveedorMui,
-  C as CodeplexProveedorTema,
-  w as CodeplexThemeProvider,
-  m as ContextoTema,
-  W as ThemeContext,
-  L as tema,
-  u as usarTema,
-  I as useTheme
+  Ko as CODEPLEX_KITS_MARCA,
+  Yo as CODEPLEX_PARES_FUENTES,
+  ci as CodeplexAlternadorTema,
+  si as CodeplexProveedorMui,
+  Or as CodeplexProveedorTema,
+  hi as CodeplexTarjetaMarca,
+  oi as CodeplexThemeProvider,
+  yt as ContextoTema,
+  ii as ThemeContext,
+  gi as cargarKitMarca,
+  di as cargarParFuentes,
+  pi as obtenerKitMarca,
+  ui as obtenerParFuentes,
+  li as tema,
+  mi as temaDesdeKitMarca,
+  fi as temaDesdeParFuentes,
+  hr as tipografiaDesdeParFuentes,
+  qo as urlGoogleFonts,
+  bt as usarTema,
+  ai as useTheme
 };