@codeplex-sac/navegacion 0.0.10

package/index.js

@@ -0,0 +1,4369 @@
+import { jsx as w, jsxs as re, Fragment as wt } from "react/jsx-runtime";
+import { BottomNavigation as Yr, BottomNavigationAction as qr, Paper as Ft, Breadcrumbs as Vt, Typography as he, Box as ne, Link as Cr, SwipeableDrawer as Gr, Drawer as xr, IconButton as Pt, Menu as Hr, MenuItem as Kr, ListItemIcon as Qr, ListItemText as Xr, Pagination as Jr, SpeedDial as Zr, SpeedDialAction as en, SpeedDialIcon as tn, Stepper as rn, Step as nn, StepButton as on, StepLabel as an, Tabs as sn, Tab as ln, useTheme as Er, AppBar as cn, alpha as $t, Toolbar as un, ButtonBase as mt, Avatar as We, Collapse as fn, Divider as zt } from "@mui/material";
+import * as be from "react";
+import { useState as dn, useRef as pn, useEffect as mn } from "react";
+import { unstable_createGetCssVar as hn, createSpacing as gn, useTheme as yn, unstable_memoTheme as bn } from "@mui/system";
+import vn from "@emotion/styled";
+import "@emotion/react";
+function Ce(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 Tr = "$$material", Sn = (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 Cn(e) {
+  const {
+    // The breakpoint **start** at this value.
+    // For instance with the first breakpoint xs: [xs, sm).
+    values: t = {
+      xs: 0,
+      // phone
+      sm: 600,
+      // tablet
+      md: 900,
+      // small laptop
+      lg: 1200,
+      // desktop
+      xl: 1536
+      // large screen
+    },
+    unit: r = "px",
+    step: n = 5,
+    ...o
+  } = e, i = Sn(t), s = Object.keys(i);
+  function l(d) {
+    return `@media (min-width:${typeof t[d] == "number" ? t[d] : d}${r})`;
+  }
+  function f(d) {
+    return `@media (max-width:${(typeof t[d] == "number" ? t[d] : d) - n / 100}${r})`;
+  }
+  function u(d, b) {
+    const g = s.indexOf(b);
+    return `@media (min-width:${typeof t[d] == "number" ? t[d] : d}${r}) and (max-width:${(g !== -1 && typeof t[s[g]] == "number" ? t[s[g]] : b) - n / 100}${r})`;
+  }
+  function m(d) {
+    return s.indexOf(d) + 1 < s.length ? u(d, s[s.indexOf(d) + 1]) : l(d);
+  }
+  function h(d) {
+    const b = s.indexOf(d);
+    return b === 0 ? l(s[1]) : b === s.length - 1 ? f(s[b]) : u(d, s[s.indexOf(d) + 1]).replace("@media", "@media not all and");
+  }
+  return {
+    keys: s,
+    values: i,
+    up: l,
+    down: f,
+    between: u,
+    only: m,
+    not: h,
+    unit: r,
+    ...o
+  };
+}
+function xn(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Ue = { exports: {} }, K = {};
+var Wt;
+function En() {
+  if (Wt) return K;
+  Wt = 1;
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.portal"), r = /* @__PURE__ */ Symbol.for("react.fragment"), n = /* @__PURE__ */ Symbol.for("react.strict_mode"), o = /* @__PURE__ */ Symbol.for("react.profiler"), i = /* @__PURE__ */ Symbol.for("react.consumer"), s = /* @__PURE__ */ Symbol.for("react.context"), l = /* @__PURE__ */ Symbol.for("react.forward_ref"), f = /* @__PURE__ */ Symbol.for("react.suspense"), u = /* @__PURE__ */ Symbol.for("react.suspense_list"), m = /* @__PURE__ */ Symbol.for("react.memo"), h = /* @__PURE__ */ Symbol.for("react.lazy"), d = /* @__PURE__ */ Symbol.for("react.view_transition"), b = /* @__PURE__ */ Symbol.for("react.client.reference");
+  function g(c) {
+    if (typeof c == "object" && c !== null) {
+      var C = c.$$typeof;
+      switch (C) {
+        case e:
+          switch (c = c.type, c) {
+            case r:
+            case o:
+            case n:
+            case f:
+            case u:
+            case d:
+              return c;
+            default:
+              switch (c = c && c.$$typeof, c) {
+                case s:
+                case l:
+                case h:
+                case m:
+                  return c;
+                case i:
+                  return c;
+                default:
+                  return C;
+              }
+          }
+        case t:
+          return C;
+      }
+    }
+  }
+  return K.ContextConsumer = i, K.ContextProvider = s, K.Element = e, K.ForwardRef = l, K.Fragment = r, K.Lazy = h, K.Memo = m, K.Portal = t, K.Profiler = o, K.StrictMode = n, K.Suspense = f, K.SuspenseList = u, K.isContextConsumer = function(c) {
+    return g(c) === i;
+  }, K.isContextProvider = function(c) {
+    return g(c) === s;
+  }, K.isElement = function(c) {
+    return typeof c == "object" && c !== null && c.$$typeof === e;
+  }, K.isForwardRef = function(c) {
+    return g(c) === l;
+  }, K.isFragment = function(c) {
+    return g(c) === r;
+  }, K.isLazy = function(c) {
+    return g(c) === h;
+  }, K.isMemo = function(c) {
+    return g(c) === m;
+  }, K.isPortal = function(c) {
+    return g(c) === t;
+  }, K.isProfiler = function(c) {
+    return g(c) === o;
+  }, K.isStrictMode = function(c) {
+    return g(c) === n;
+  }, K.isSuspense = function(c) {
+    return g(c) === f;
+  }, K.isSuspenseList = function(c) {
+    return g(c) === u;
+  }, K.isValidElementType = function(c) {
+    return typeof c == "string" || typeof c == "function" || c === r || c === o || c === n || c === f || c === u || typeof c == "object" && c !== null && (c.$$typeof === h || c.$$typeof === m || c.$$typeof === s || c.$$typeof === i || c.$$typeof === l || c.$$typeof === b || c.getModuleId !== void 0);
+  }, K.typeOf = g, K;
+}
+var Q = {};
+var Ut;
+function Tn() {
+  return Ut || (Ut = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(c) {
+      if (typeof c == "object" && c !== null) {
+        var C = c.$$typeof;
+        switch (C) {
+          case t:
+            switch (c = c.type, c) {
+              case n:
+              case i:
+              case o:
+              case u:
+              case m:
+              case b:
+                return c;
+              default:
+                switch (c = c && c.$$typeof, c) {
+                  case l:
+                  case f:
+                  case d:
+                  case h:
+                    return c;
+                  case s:
+                    return c;
+                  default:
+                    return C;
+                }
+            }
+          case r:
+            return C;
+        }
+      }
+    }
+    var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.portal"), n = /* @__PURE__ */ Symbol.for("react.fragment"), o = /* @__PURE__ */ Symbol.for("react.strict_mode"), i = /* @__PURE__ */ Symbol.for("react.profiler"), s = /* @__PURE__ */ Symbol.for("react.consumer"), l = /* @__PURE__ */ Symbol.for("react.context"), f = /* @__PURE__ */ Symbol.for("react.forward_ref"), u = /* @__PURE__ */ Symbol.for("react.suspense"), m = /* @__PURE__ */ Symbol.for("react.suspense_list"), h = /* @__PURE__ */ Symbol.for("react.memo"), d = /* @__PURE__ */ Symbol.for("react.lazy"), b = /* @__PURE__ */ Symbol.for("react.view_transition"), g = /* @__PURE__ */ Symbol.for("react.client.reference");
+    Q.ContextConsumer = s, Q.ContextProvider = l, Q.Element = t, Q.ForwardRef = f, Q.Fragment = n, Q.Lazy = d, Q.Memo = h, Q.Portal = r, Q.Profiler = i, Q.StrictMode = o, Q.Suspense = u, Q.SuspenseList = m, Q.isContextConsumer = function(c) {
+      return e(c) === s;
+    }, Q.isContextProvider = function(c) {
+      return e(c) === l;
+    }, Q.isElement = function(c) {
+      return typeof c == "object" && c !== null && c.$$typeof === t;
+    }, Q.isForwardRef = function(c) {
+      return e(c) === f;
+    }, Q.isFragment = function(c) {
+      return e(c) === n;
+    }, Q.isLazy = function(c) {
+      return e(c) === d;
+    }, Q.isMemo = function(c) {
+      return e(c) === h;
+    }, Q.isPortal = function(c) {
+      return e(c) === r;
+    }, Q.isProfiler = function(c) {
+      return e(c) === i;
+    }, Q.isStrictMode = function(c) {
+      return e(c) === o;
+    }, Q.isSuspense = function(c) {
+      return e(c) === u;
+    }, Q.isSuspenseList = function(c) {
+      return e(c) === m;
+    }, Q.isValidElementType = function(c) {
+      return typeof c == "string" || typeof c == "function" || c === n || c === i || c === o || c === u || c === m || typeof c == "object" && c !== null && (c.$$typeof === d || c.$$typeof === h || c.$$typeof === l || c.$$typeof === s || c.$$typeof === f || c.$$typeof === g || c.getModuleId !== void 0);
+    }, Q.typeOf = e;
+  })()), Q;
+}
+var Yt;
+function wn() {
+  return Yt || (Yt = 1, process.env.NODE_ENV === "production" ? Ue.exports = /* @__PURE__ */ En() : Ue.exports = /* @__PURE__ */ Tn()), Ue.exports;
+}
+var Ke = /* @__PURE__ */ wn();
+function ye(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 wr(e) {
+  if (/* @__PURE__ */ be.isValidElement(e) || Ke.isValidElementType(e) || !ye(e))
+    return e;
+  const t = {};
+  return Object.keys(e).forEach((r) => {
+    t[r] = wr(e[r]);
+  }), t;
+}
+function ce(e, t, r = {
+  clone: !0
+}) {
+  const n = r.clone ? {
+    ...e
+  } : e;
+  return ye(e) && ye(t) && Object.keys(t).forEach((o) => {
+    /* @__PURE__ */ be.isValidElement(t[o]) || Ke.isValidElementType(t[o]) ? n[o] = t[o] : ye(t[o]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(e, o) && ye(e[o]) ? n[o] = ce(e[o], t[o], r) : r.clone ? n[o] = ye(t[o]) ? wr(t[o]) : t[o] : n[o] = t[o];
+  }), n;
+}
+function $n(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
+  return Math.max(t, Math.min(e, r));
+}
+function kt(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}].`), $n(e, t, r);
+}
+function On(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 xe(e) {
+  if (e.type)
+    return e;
+  if (e.charAt(0) === "#")
+    return xe(On(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().` : Ce(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.` : Ce(10, o));
+  } else
+    n = n.split(",");
+  return n = n.map((i) => parseFloat(i)), {
+    type: r,
+    values: n,
+    colorSpace: o
+  };
+}
+const An = (e) => {
+  const t = xe(e);
+  return t.values.slice(0, 3).map((r, n) => t.type.includes("hsl") && n !== 0 ? `${r}%` : r).join(" ");
+}, De = (e, t) => {
+  try {
+    return An(e);
+  } catch {
+    return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
+  }
+};
+function Ze(e) {
+  const {
+    type: t,
+    colorSpace: r
+  } = e;
+  let {
+    values: n
+  } = e;
+  return t.includes("rgb") ? n = n.map((o, i) => i < 3 ? parseInt(o, 10) : o) : t.includes("hsl") && (n[1] = `${n[1]}%`, n[2] = `${n[2]}%`), t.includes("color") ? n = `${r} ${n.join(" ")}` : n = `${n.join(", ")}`, `${t}(${n})`;
+}
+function $r(e) {
+  e = xe(e);
+  const {
+    values: t
+  } = e, r = t[0], n = t[1] / 100, o = t[2] / 100, i = n * Math.min(o, 1 - o), s = (u, m = (u + r / 30) % 12) => o - i * Math.max(Math.min(m - 3, 9 - m, 1), -1);
+  let l = "rgb";
+  const f = [Math.round(s(0) * 255), Math.round(s(8) * 255), Math.round(s(4) * 255)];
+  return e.type === "hsla" && (l += "a", f.push(t[3])), Ze({
+    type: l,
+    values: f
+  });
+}
+function Ot(e) {
+  e = xe(e);
+  let t = e.type === "hsl" || e.type === "hsla" ? xe($r(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 qt(e, t) {
+  const r = Ot(e), n = Ot(t);
+  return (Math.max(r, n) + 0.05) / (Math.min(r, n) + 0.05);
+}
+function Or(e, t) {
+  return e = xe(e), t = kt(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, Ze(e);
+}
+function Te(e, t, r) {
+  try {
+    return Or(e, t);
+  } catch {
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
+  }
+}
+function et(e, t) {
+  if (e = xe(e), t = kt(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 Ze(e);
+}
+function G(e, t, r) {
+  try {
+    return et(e, t);
+  } catch {
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
+  }
+}
+function tt(e, t) {
+  if (e = xe(e), t = kt(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 Ze(e);
+}
+function H(e, t, r) {
+  try {
+    return tt(e, t);
+  } catch {
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
+  }
+}
+function _n(e, t = 0.15) {
+  return Ot(e) > 0.5 ? et(e, t) : tt(e, t);
+}
+function Ye(e, t, r) {
+  try {
+    return _n(e, t);
+  } catch {
+    return e;
+  }
+}
+const Le = {
+  black: "#000",
+  white: "#fff"
+}, Rn = {
+  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"
+}, Ae = {
+  50: "#f3e5f5",
+  200: "#ce93d8",
+  300: "#ba68c8",
+  400: "#ab47bc",
+  500: "#9c27b0",
+  700: "#7b1fa2"
+}, _e = {
+  300: "#e57373",
+  400: "#ef5350",
+  500: "#f44336",
+  700: "#d32f2f",
+  800: "#c62828"
+}, Me = {
+  300: "#ffb74d",
+  400: "#ffa726",
+  500: "#ff9800",
+  700: "#f57c00",
+  900: "#e65100"
+}, Re = {
+  50: "#e3f2fd",
+  200: "#90caf9",
+  400: "#42a5f5",
+  700: "#1976d2",
+  800: "#1565c0"
+}, Pe = {
+  300: "#4fc3f7",
+  400: "#29b6f6",
+  500: "#03a9f4",
+  700: "#0288d1",
+  900: "#01579b"
+}, ke = {
+  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: Le.white,
+      default: Le.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 _r = Ar();
+function Rr() {
+  return {
+    text: {
+      primary: Le.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: Le.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 At = Rr();
+function Gt(e, t, r, n) {
+  const o = n.light || n, i = n.dark || n * 1.5;
+  e[t] || (e.hasOwnProperty(r) ? e[t] = e[r] : t === "light" ? e.light = tt(e.main, o) : t === "dark" && (e.dark = et(e.main, i)));
+}
+function Ht(e, t, r, n, o) {
+  const i = 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 ${(i * 100).toFixed(0)}%)` : r === "dark" && (t.dark = `color-mix(in ${e}, ${t.main}, #000 ${(s * 100).toFixed(0)}%)`));
+}
+function Pn(e = "light") {
+  return e === "dark" ? {
+    main: Re[200],
+    light: Re[50],
+    dark: Re[400]
+  } : {
+    main: Re[700],
+    light: Re[400],
+    dark: Re[800]
+  };
+}
+function kn(e = "light") {
+  return e === "dark" ? {
+    main: Ae[200],
+    light: Ae[50],
+    dark: Ae[400]
+  } : {
+    main: Ae[500],
+    light: Ae[300],
+    dark: Ae[700]
+  };
+}
+function In(e = "light") {
+  return e === "dark" ? {
+    main: _e[500],
+    light: _e[300],
+    dark: _e[700]
+  } : {
+    main: _e[700],
+    light: _e[400],
+    dark: _e[800]
+  };
+}
+function Nn(e = "light") {
+  return e === "dark" ? {
+    main: Pe[400],
+    light: Pe[300],
+    dark: Pe[700]
+  } : {
+    main: Pe[700],
+    light: Pe[500],
+    dark: Pe[900]
+  };
+}
+function Mn(e = "light") {
+  return e === "dark" ? {
+    main: ke[400],
+    light: ke[300],
+    dark: ke[700]
+  } : {
+    main: ke[800],
+    light: ke[500],
+    dark: ke[900]
+  };
+}
+function Dn(e = "light") {
+  return e === "dark" ? {
+    main: Me[400],
+    light: Me[300],
+    dark: Me[700]
+  } : {
+    main: "#ed6c02",
+    // closest to orange[800] that pass 3:1.
+    light: Me[500],
+    dark: Me[900]
+  };
+}
+function Bn(e) {
+  return `oklch(from ${e} var(--__l) 0 h / var(--__a))`;
+}
+function It(e) {
+  const {
+    mode: t = "light",
+    contrastThreshold: r = 3,
+    tonalOffset: n = 0.2,
+    colorSpace: o,
+    ...i
+  } = e, s = e.primary || Pn(t), l = e.secondary || kn(t), f = e.error || In(t), u = e.info || Nn(t), m = e.success || Mn(t), h = e.warning || Dn(t);
+  function d(C) {
+    if (o)
+      return Bn(C);
+    const A = qt(C, At.text.primary) >= r ? At.text.primary : _r.text.primary;
+    if (process.env.NODE_ENV !== "production") {
+      const R = qt(C, A);
+      R < 3 && console.error([`MUI: The contrast ratio of ${R}:1 for ${A} on ${C}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
+`));
+    }
+    return A;
+  }
+  const b = ({
+    color: C,
+    name: A,
+    mainShade: R = 500,
+    lightShade: _ = 300,
+    darkShade: v = 700
+  }) => {
+    if (C = {
+      ...C
+    }, !C.main && C[R] && (C.main = C[R]), !C.hasOwnProperty("main"))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${A ? ` (${A})` : ""} provided to augmentColor(color) is invalid.
+The color object needs to have a \`main\` property or a \`${R}\` property.` : Ce(11, A ? ` (${A})` : "", R));
+    if (typeof C.main != "string")
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${A ? ` (${A})` : ""} provided to augmentColor(color) is invalid.
+\`color.main\` should be a string, but \`${JSON.stringify(C.main)}\` was provided instead.
+
+Did you intend to use one of the following approaches?
+
+import { green } from "@mui/material/colors";
+
+const theme1 = createTheme({ palette: {
+  primary: green,
+} });
+
+const theme2 = createTheme({ palette: {
+  primary: { main: green[500] },
+} });` : Ce(12, A ? ` (${A})` : "", JSON.stringify(C.main)));
+    return o ? (Ht(o, C, "light", _, n), Ht(o, C, "dark", v, n)) : (Gt(C, "light", _, n), Gt(C, "dark", v, n)), C.contrastText || (C.contrastText = d(C.main)), C;
+  };
+  let g;
+  return t === "light" ? g = Ar() : t === "dark" && (g = Rr()), process.env.NODE_ENV !== "production" && (g || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), ce({
+    // A collection of common colors.
+    common: {
+      ...Le
+    },
+    // prevent mutable object.
+    // The palette mode, can be light or dark.
+    mode: t,
+    // The colors used to represent primary interface elements for a user.
+    primary: b({
+      color: s,
+      name: "primary"
+    }),
+    // The colors used to represent secondary interface elements for a user.
+    secondary: b({
+      color: l,
+      name: "secondary",
+      mainShade: "A400",
+      lightShade: "A200",
+      darkShade: "A700"
+    }),
+    // The colors used to represent interface elements that the user should be made aware of.
+    error: b({
+      color: f,
+      name: "error"
+    }),
+    // The colors used to represent potentially dangerous actions or important messages.
+    warning: b({
+      color: h,
+      name: "warning"
+    }),
+    // The colors used to present information to the user that is neutral and not necessarily important.
+    info: b({
+      color: u,
+      name: "info"
+    }),
+    // The colors used to indicate the successful completion of an action that user triggered.
+    success: b({
+      color: m,
+      name: "success"
+    }),
+    // The grey colors.
+    grey: Rn,
+    // 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: d,
+    // Generate a rich color object.
+    augmentColor: b,
+    // Used by the functions below to shift a color's luminance by approximately
+    // two indexes within its tonal palette.
+    // E.g., shift from Red 500 to Red 300 or Red 700.
+    tonalOffset: n,
+    // The light and dark mode object.
+    ...g
+  }, i);
+}
+var qe = { exports: {} }, Ge = { exports: {} }, W = {};
+var Kt;
+function jn() {
+  if (Kt) return W;
+  Kt = 1;
+  var e = typeof Symbol == "function" && Symbol.for, t = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, s = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, l = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, f = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, u = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, h = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, d = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, b = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, g = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, c = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, C = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, A = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, R = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  function _(y) {
+    if (typeof y == "object" && y !== null) {
+      var E = y.$$typeof;
+      switch (E) {
+        case t:
+          switch (y = y.type, y) {
+            case f:
+            case u:
+            case n:
+            case i:
+            case o:
+            case h:
+              return y;
+            default:
+              switch (y = y && y.$$typeof, y) {
+                case l:
+                case m:
+                case g:
+                case b:
+                case s:
+                  return y;
+                default:
+                  return E;
+              }
+          }
+        case r:
+          return E;
+      }
+    }
+  }
+  function v(y) {
+    return _(y) === u;
+  }
+  return W.AsyncMode = f, W.ConcurrentMode = u, W.ContextConsumer = l, W.ContextProvider = s, W.Element = t, W.ForwardRef = m, W.Fragment = n, W.Lazy = g, W.Memo = b, W.Portal = r, W.Profiler = i, W.StrictMode = o, W.Suspense = h, W.isAsyncMode = function(y) {
+    return v(y) || _(y) === f;
+  }, W.isConcurrentMode = v, W.isContextConsumer = function(y) {
+    return _(y) === l;
+  }, W.isContextProvider = function(y) {
+    return _(y) === s;
+  }, W.isElement = function(y) {
+    return typeof y == "object" && y !== null && y.$$typeof === t;
+  }, W.isForwardRef = function(y) {
+    return _(y) === m;
+  }, W.isFragment = function(y) {
+    return _(y) === n;
+  }, W.isLazy = function(y) {
+    return _(y) === g;
+  }, W.isMemo = function(y) {
+    return _(y) === b;
+  }, W.isPortal = function(y) {
+    return _(y) === r;
+  }, W.isProfiler = function(y) {
+    return _(y) === i;
+  }, W.isStrictMode = function(y) {
+    return _(y) === o;
+  }, W.isSuspense = function(y) {
+    return _(y) === h;
+  }, W.isValidElementType = function(y) {
+    return typeof y == "string" || typeof y == "function" || y === n || y === u || y === i || y === o || y === h || y === d || typeof y == "object" && y !== null && (y.$$typeof === g || y.$$typeof === b || y.$$typeof === s || y.$$typeof === l || y.$$typeof === m || y.$$typeof === C || y.$$typeof === A || y.$$typeof === R || y.$$typeof === c);
+  }, W.typeOf = _, W;
+}
+var U = {};
+var Qt;
+function Ln() {
+  return Qt || (Qt = 1, process.env.NODE_ENV !== "production" && (function() {
+    var e = typeof Symbol == "function" && Symbol.for, t = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, s = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, l = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, f = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, u = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, h = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, d = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, b = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, g = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, c = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, C = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, A = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, R = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    function _(T) {
+      return typeof T == "string" || typeof T == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      T === n || T === u || T === i || T === o || T === h || T === d || typeof T == "object" && T !== null && (T.$$typeof === g || T.$$typeof === b || T.$$typeof === s || T.$$typeof === l || T.$$typeof === m || T.$$typeof === C || T.$$typeof === A || T.$$typeof === R || T.$$typeof === c);
+    }
+    function v(T) {
+      if (typeof T == "object" && T !== null) {
+        var pe = T.$$typeof;
+        switch (pe) {
+          case t:
+            var ze = T.type;
+            switch (ze) {
+              case f:
+              case u:
+              case n:
+              case i:
+              case o:
+              case h:
+                return ze;
+              default:
+                var Lt = ze && ze.$$typeof;
+                switch (Lt) {
+                  case l:
+                  case m:
+                  case g:
+                  case b:
+                  case s:
+                    return Lt;
+                  default:
+                    return pe;
+                }
+            }
+          case r:
+            return pe;
+        }
+      }
+    }
+    var y = f, E = u, Y = l, Z = s, B = t, ie = m, X = n, a = g, O = b, x = r, P = i, j = o, ae = h, de = !1;
+    function pt(T) {
+      return de || (de = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), S(T) || v(T) === f;
+    }
+    function S(T) {
+      return v(T) === u;
+    }
+    function $(T) {
+      return v(T) === l;
+    }
+    function D(T) {
+      return v(T) === s;
+    }
+    function N(T) {
+      return typeof T == "object" && T !== null && T.$$typeof === t;
+    }
+    function k(T) {
+      return v(T) === m;
+    }
+    function L(T) {
+      return v(T) === n;
+    }
+    function I(T) {
+      return v(T) === g;
+    }
+    function M(T) {
+      return v(T) === b;
+    }
+    function F(T) {
+      return v(T) === r;
+    }
+    function q(T) {
+      return v(T) === i;
+    }
+    function V(T) {
+      return v(T) === o;
+    }
+    function se(T) {
+      return v(T) === h;
+    }
+    U.AsyncMode = y, U.ConcurrentMode = E, U.ContextConsumer = Y, U.ContextProvider = Z, U.Element = B, U.ForwardRef = ie, U.Fragment = X, U.Lazy = a, U.Memo = O, U.Portal = x, U.Profiler = P, U.StrictMode = j, U.Suspense = ae, U.isAsyncMode = pt, U.isConcurrentMode = S, U.isContextConsumer = $, U.isContextProvider = D, U.isElement = N, U.isForwardRef = k, U.isFragment = L, U.isLazy = I, U.isMemo = M, U.isPortal = F, U.isProfiler = q, U.isStrictMode = V, U.isSuspense = se, U.isValidElementType = _, U.typeOf = v;
+  })()), U;
+}
+var Xt;
+function Pr() {
+  return Xt || (Xt = 1, process.env.NODE_ENV === "production" ? Ge.exports = jn() : Ge.exports = Ln()), Ge.exports;
+}
+var ht, Jt;
+function Fn() {
+  if (Jt) return ht;
+  Jt = 1;
+  var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
+  function n(i) {
+    if (i == null)
+      throw new TypeError("Object.assign cannot be called with null or undefined");
+    return Object(i);
+  }
+  function o() {
+    try {
+      if (!Object.assign)
+        return !1;
+      var i = new String("abc");
+      if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
+        return !1;
+      for (var s = {}, l = 0; l < 10; l++)
+        s["_" + String.fromCharCode(l)] = l;
+      var f = Object.getOwnPropertyNames(s).map(function(m) {
+        return s[m];
+      });
+      if (f.join("") !== "0123456789")
+        return !1;
+      var u = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(m) {
+        u[m] = m;
+      }), Object.keys(Object.assign({}, u)).join("") === "abcdefghijklmnopqrst";
+    } catch {
+      return !1;
+    }
+  }
+  return ht = o() ? Object.assign : function(i, s) {
+    for (var l, f = n(i), u, m = 1; m < arguments.length; m++) {
+      l = Object(arguments[m]);
+      for (var h in l)
+        t.call(l, h) && (f[h] = l[h]);
+      if (e) {
+        u = e(l);
+        for (var d = 0; d < u.length; d++)
+          r.call(l, u[d]) && (f[u[d]] = l[u[d]]);
+      }
+    }
+    return f;
+  }, ht;
+}
+var gt, Zt;
+function Nt() {
+  if (Zt) return gt;
+  Zt = 1;
+  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  return gt = e, gt;
+}
+var yt, er;
+function kr() {
+  return er || (er = 1, yt = Function.call.bind(Object.prototype.hasOwnProperty)), yt;
+}
+var bt, tr;
+function Vn() {
+  if (tr) return bt;
+  tr = 1;
+  var e = function() {
+  };
+  if (process.env.NODE_ENV !== "production") {
+    var t = /* @__PURE__ */ Nt(), r = {}, n = /* @__PURE__ */ kr();
+    e = function(i) {
+      var s = "Warning: " + i;
+      typeof console < "u" && console.error(s);
+      try {
+        throw new Error(s);
+      } catch {
+      }
+    };
+  }
+  function o(i, s, l, f, u) {
+    if (process.env.NODE_ENV !== "production") {
+      for (var m in i)
+        if (n(i, m)) {
+          var h;
+          try {
+            if (typeof i[m] != "function") {
+              var d = Error(
+                (f || "React class") + ": " + l + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+              );
+              throw d.name = "Invariant Violation", d;
+            }
+            h = i[m](s, m, f, l, null, t);
+          } catch (g) {
+            h = g;
+          }
+          if (h && !(h instanceof Error) && e(
+            (f || "React class") + ": type specification of " + l + " `" + m + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof h + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), h instanceof Error && !(h.message in r)) {
+            r[h.message] = !0;
+            var b = u ? u() : "";
+            e(
+              "Failed " + l + " type: " + h.message + (b ?? "")
+            );
+          }
+        }
+    }
+  }
+  return o.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (r = {});
+  }, bt = o, bt;
+}
+var vt, rr;
+function zn() {
+  if (rr) return vt;
+  rr = 1;
+  var e = Pr(), t = Fn(), r = /* @__PURE__ */ Nt(), n = /* @__PURE__ */ kr(), o = /* @__PURE__ */ Vn(), i = function() {
+  };
+  process.env.NODE_ENV !== "production" && (i = function(l) {
+    var f = "Warning: " + l;
+    typeof console < "u" && console.error(f);
+    try {
+      throw new Error(f);
+    } catch {
+    }
+  });
+  function s() {
+    return null;
+  }
+  return vt = function(l, f) {
+    var u = typeof Symbol == "function" && Symbol.iterator, m = "@@iterator";
+    function h(S) {
+      var $ = S && (u && S[u] || S[m]);
+      if (typeof $ == "function")
+        return $;
+    }
+    var d = "<<anonymous>>", b = {
+      array: A("array"),
+      bigint: A("bigint"),
+      bool: A("boolean"),
+      func: A("function"),
+      number: A("number"),
+      object: A("object"),
+      string: A("string"),
+      symbol: A("symbol"),
+      any: R(),
+      arrayOf: _,
+      element: v(),
+      elementType: y(),
+      instanceOf: E,
+      node: ie(),
+      objectOf: Z,
+      oneOf: Y,
+      oneOfType: B,
+      shape: a,
+      exact: O
+    };
+    function g(S, $) {
+      return S === $ ? S !== 0 || 1 / S === 1 / $ : S !== S && $ !== $;
+    }
+    function c(S, $) {
+      this.message = S, this.data = $ && typeof $ == "object" ? $ : {}, this.stack = "";
+    }
+    c.prototype = Error.prototype;
+    function C(S) {
+      if (process.env.NODE_ENV !== "production")
+        var $ = {}, D = 0;
+      function N(L, I, M, F, q, V, se) {
+        if (F = F || d, V = V || M, se !== r) {
+          if (f) {
+            var T = 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 T.name = "Invariant Violation", T;
+          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
+            var pe = F + ":" + M;
+            !$[pe] && // Avoid spamming the console because they are often not actionable except for lib authors
+            D < 3 && (i(
+              "You are manually calling a React.PropTypes validation function for the `" + V + "` prop on `" + F + "`. 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."
+            ), $[pe] = !0, D++);
+          }
+        }
+        return I[M] == null ? L ? I[M] === null ? new c("The " + q + " `" + V + "` is marked as required " + ("in `" + F + "`, but its value is `null`.")) : new c("The " + q + " `" + V + "` is marked as required in " + ("`" + F + "`, but its value is `undefined`.")) : null : S(I, M, F, q, V);
+      }
+      var k = N.bind(null, !1);
+      return k.isRequired = N.bind(null, !0), k;
+    }
+    function A(S) {
+      function $(D, N, k, L, I, M) {
+        var F = D[N], q = j(F);
+        if (q !== S) {
+          var V = ae(F);
+          return new c(
+            "Invalid " + L + " `" + I + "` of type " + ("`" + V + "` supplied to `" + k + "`, expected ") + ("`" + S + "`."),
+            { expectedType: S }
+          );
+        }
+        return null;
+      }
+      return C($);
+    }
+    function R() {
+      return C(s);
+    }
+    function _(S) {
+      function $(D, N, k, L, I) {
+        if (typeof S != "function")
+          return new c("Property `" + I + "` of component `" + k + "` has invalid PropType notation inside arrayOf.");
+        var M = D[N];
+        if (!Array.isArray(M)) {
+          var F = j(M);
+          return new c("Invalid " + L + " `" + I + "` of type " + ("`" + F + "` supplied to `" + k + "`, expected an array."));
+        }
+        for (var q = 0; q < M.length; q++) {
+          var V = S(M, q, k, L, I + "[" + q + "]", r);
+          if (V instanceof Error)
+            return V;
+        }
+        return null;
+      }
+      return C($);
+    }
+    function v() {
+      function S($, D, N, k, L) {
+        var I = $[D];
+        if (!l(I)) {
+          var M = j(I);
+          return new c("Invalid " + k + " `" + L + "` of type " + ("`" + M + "` supplied to `" + N + "`, expected a single ReactElement."));
+        }
+        return null;
+      }
+      return C(S);
+    }
+    function y() {
+      function S($, D, N, k, L) {
+        var I = $[D];
+        if (!e.isValidElementType(I)) {
+          var M = j(I);
+          return new c("Invalid " + k + " `" + L + "` of type " + ("`" + M + "` supplied to `" + N + "`, expected a single ReactElement type."));
+        }
+        return null;
+      }
+      return C(S);
+    }
+    function E(S) {
+      function $(D, N, k, L, I) {
+        if (!(D[N] instanceof S)) {
+          var M = S.name || d, F = pt(D[N]);
+          return new c("Invalid " + L + " `" + I + "` of type " + ("`" + F + "` supplied to `" + k + "`, expected ") + ("instance of `" + M + "`."));
+        }
+        return null;
+      }
+      return C($);
+    }
+    function Y(S) {
+      if (!Array.isArray(S))
+        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
+          "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
+        ) : i("Invalid argument supplied to oneOf, expected an array.")), s;
+      function $(D, N, k, L, I) {
+        for (var M = D[N], F = 0; F < S.length; F++)
+          if (g(M, S[F]))
+            return null;
+        var q = JSON.stringify(S, function(se, T) {
+          var pe = ae(T);
+          return pe === "symbol" ? String(T) : T;
+        });
+        return new c("Invalid " + L + " `" + I + "` of value `" + String(M) + "` " + ("supplied to `" + k + "`, expected one of " + q + "."));
+      }
+      return C($);
+    }
+    function Z(S) {
+      function $(D, N, k, L, I) {
+        if (typeof S != "function")
+          return new c("Property `" + I + "` of component `" + k + "` has invalid PropType notation inside objectOf.");
+        var M = D[N], F = j(M);
+        if (F !== "object")
+          return new c("Invalid " + L + " `" + I + "` of type " + ("`" + F + "` supplied to `" + k + "`, expected an object."));
+        for (var q in M)
+          if (n(M, q)) {
+            var V = S(M, q, k, L, I + "." + q, r);
+            if (V instanceof Error)
+              return V;
+          }
+        return null;
+      }
+      return C($);
+    }
+    function B(S) {
+      if (!Array.isArray(S))
+        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), s;
+      for (var $ = 0; $ < S.length; $++) {
+        var D = S[$];
+        if (typeof D != "function")
+          return i(
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + de(D) + " at index " + $ + "."
+          ), s;
+      }
+      function N(k, L, I, M, F) {
+        for (var q = [], V = 0; V < S.length; V++) {
+          var se = S[V], T = se(k, L, I, M, F, r);
+          if (T == null)
+            return null;
+          T.data && n(T.data, "expectedType") && q.push(T.data.expectedType);
+        }
+        var pe = q.length > 0 ? ", expected one of type [" + q.join(", ") + "]" : "";
+        return new c("Invalid " + M + " `" + F + "` supplied to " + ("`" + I + "`" + pe + "."));
+      }
+      return C(N);
+    }
+    function ie() {
+      function S($, D, N, k, L) {
+        return x($[D]) ? null : new c("Invalid " + k + " `" + L + "` supplied to " + ("`" + N + "`, expected a ReactNode."));
+      }
+      return C(S);
+    }
+    function X(S, $, D, N, k) {
+      return new c(
+        (S || "React class") + ": " + $ + " type `" + D + "." + N + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + k + "`."
+      );
+    }
+    function a(S) {
+      function $(D, N, k, L, I) {
+        var M = D[N], F = j(M);
+        if (F !== "object")
+          return new c("Invalid " + L + " `" + I + "` of type `" + F + "` " + ("supplied to `" + k + "`, expected `object`."));
+        for (var q in S) {
+          var V = S[q];
+          if (typeof V != "function")
+            return X(k, L, I, q, ae(V));
+          var se = V(M, q, k, L, I + "." + q, r);
+          if (se)
+            return se;
+        }
+        return null;
+      }
+      return C($);
+    }
+    function O(S) {
+      function $(D, N, k, L, I) {
+        var M = D[N], F = j(M);
+        if (F !== "object")
+          return new c("Invalid " + L + " `" + I + "` of type `" + F + "` " + ("supplied to `" + k + "`, expected `object`."));
+        var q = t({}, D[N], S);
+        for (var V in q) {
+          var se = S[V];
+          if (n(S, V) && typeof se != "function")
+            return X(k, L, I, V, ae(se));
+          if (!se)
+            return new c(
+              "Invalid " + L + " `" + I + "` key `" + V + "` supplied to `" + k + "`.\nBad object: " + JSON.stringify(D[N], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(S), null, "  ")
+            );
+          var T = se(M, V, k, L, I + "." + V, r);
+          if (T)
+            return T;
+        }
+        return null;
+      }
+      return C($);
+    }
+    function x(S) {
+      switch (typeof S) {
+        case "number":
+        case "string":
+        case "undefined":
+          return !0;
+        case "boolean":
+          return !S;
+        case "object":
+          if (Array.isArray(S))
+            return S.every(x);
+          if (S === null || l(S))
+            return !0;
+          var $ = h(S);
+          if ($) {
+            var D = $.call(S), N;
+            if ($ !== S.entries) {
+              for (; !(N = D.next()).done; )
+                if (!x(N.value))
+                  return !1;
+            } else
+              for (; !(N = D.next()).done; ) {
+                var k = N.value;
+                if (k && !x(k[1]))
+                  return !1;
+              }
+          } else
+            return !1;
+          return !0;
+        default:
+          return !1;
+      }
+    }
+    function P(S, $) {
+      return S === "symbol" ? !0 : $ ? $["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && $ instanceof Symbol : !1;
+    }
+    function j(S) {
+      var $ = typeof S;
+      return Array.isArray(S) ? "array" : S instanceof RegExp ? "object" : P($, S) ? "symbol" : $;
+    }
+    function ae(S) {
+      if (typeof S > "u" || S === null)
+        return "" + S;
+      var $ = j(S);
+      if ($ === "object") {
+        if (S instanceof Date)
+          return "date";
+        if (S instanceof RegExp)
+          return "regexp";
+      }
+      return $;
+    }
+    function de(S) {
+      var $ = ae(S);
+      switch ($) {
+        case "array":
+        case "object":
+          return "an " + $;
+        case "boolean":
+        case "date":
+        case "regexp":
+          return "a " + $;
+        default:
+          return $;
+      }
+    }
+    function pt(S) {
+      return !S.constructor || !S.constructor.name ? d : S.constructor.name;
+    }
+    return b.checkPropTypes = o, b.resetWarningCache = o.resetWarningCache, b.PropTypes = b, b;
+  }, vt;
+}
+var St, nr;
+function Wn() {
+  if (nr) return St;
+  nr = 1;
+  var e = /* @__PURE__ */ Nt();
+  function t() {
+  }
+  function r() {
+  }
+  return r.resetWarningCache = t, St = function() {
+    function n(s, l, f, u, m, h) {
+      if (h !== e) {
+        var d = 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 d.name = "Invariant Violation", d;
+      }
+    }
+    n.isRequired = n;
+    function o() {
+      return n;
+    }
+    var i = {
+      array: n,
+      bigint: n,
+      bool: n,
+      func: n,
+      number: n,
+      object: n,
+      string: n,
+      symbol: n,
+      any: n,
+      arrayOf: o,
+      element: n,
+      elementType: n,
+      instanceOf: o,
+      node: n,
+      objectOf: o,
+      oneOf: o,
+      oneOfType: o,
+      shape: o,
+      exact: o,
+      checkPropTypes: r,
+      resetWarningCache: t
+    };
+    return i.PropTypes = i, i;
+  }, St;
+}
+var or;
+function Un() {
+  if (or) return qe.exports;
+  if (or = 1, process.env.NODE_ENV !== "production") {
+    var e = Pr(), t = !0;
+    qe.exports = /* @__PURE__ */ zn()(e.isElement, t);
+  } else
+    qe.exports = /* @__PURE__ */ Wn()();
+  return qe.exports;
+}
+var Yn = /* @__PURE__ */ Un();
+const z = /* @__PURE__ */ xn(Yn), Ee = process.env.NODE_ENV !== "production" ? z.oneOfType([z.number, z.string, z.object, z.array]) : {};
+function je(e, t) {
+  return t ? ce(e, t, {
+    clone: !1
+    // No need to clone deep, it's way faster.
+  }) : e;
+}
+function ir(e, t) {
+  if (!e.containerQueries)
+    return t;
+  const r = Object.keys(t).filter((n) => n.startsWith("@container")).sort((n, o) => {
+    const i = /min-width:\s*([0-9.]+)/;
+    return +(n.match(i)?.[1] || 0) - +(o.match(i)?.[1] || 0);
+  });
+  return r.length ? r.reduce((n, o) => {
+    const i = t[o];
+    return delete n[o], n[o] = i, n;
+  }, {
+    ...t
+  }) : t;
+}
+function qn(e, t) {
+  return t === "@" || t.startsWith("@") && (e.some((r) => t.startsWith(`@${r}`)) || !!t.match(/^@\d/));
+}
+function Gn(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\`.` : Ce(18, `(${t})`));
+    return null;
+  }
+  const [, n, o] = r, i = Number.isNaN(+n) ? n || 0 : +n;
+  return e.containerQueries(o).up(i);
+}
+function Hn(e) {
+  const t = (i, s) => i.replace("@media", s ? `@container ${s}` : "@container");
+  function r(i, s) {
+    i.up = (...l) => t(e.breakpoints.up(...l), s), i.down = (...l) => t(e.breakpoints.down(...l), s), i.between = (...l) => t(e.breakpoints.between(...l), s), i.only = (...l) => t(e.breakpoints.only(...l), s), i.not = (...l) => {
+      const f = t(e.breakpoints.not(...l), 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 = (i) => (r(n, i), n);
+  return r(o), {
+    ...e,
+    containerQueries: o
+  };
+}
+const rt = {
+  xs: 0,
+  // phone
+  sm: 600,
+  // tablet
+  md: 900,
+  // small laptop
+  lg: 1200,
+  // desktop
+  xl: 1536
+  // large screen
+}, ar = {
+  // 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:${rt[e]}px)`
+}, Kn = {
+  containerQueries: (e) => ({
+    up: (t) => {
+      let r = typeof t == "number" ? t : rt[t] || t;
+      return typeof r == "number" && (r = `${r}px`), e ? `@container ${e} (min-width:${r})` : `@container (min-width:${r})`;
+    }
+  })
+};
+function ve(e, t, r) {
+  const n = e.theme || {};
+  if (Array.isArray(t)) {
+    const i = n.breakpoints || ar;
+    return t.reduce((s, l, f) => (s[i.up(i.keys[f])] = r(t[f]), s), {});
+  }
+  if (typeof t == "object") {
+    const i = n.breakpoints || ar;
+    return Object.keys(t).reduce((s, l) => {
+      if (qn(i.keys, l)) {
+        const f = Gn(n.containerQueries ? n : Kn, l);
+        f && (s[f] = r(t[l], l));
+      } else if (Object.keys(i.values || rt).includes(l)) {
+        const f = i.up(l);
+        s[f] = r(t[l], l);
+      } else {
+        const f = l;
+        s[f] = t[f];
+      }
+      return s;
+    }, {});
+  }
+  return r(t);
+}
+function Qn(e = {}) {
+  return e.keys?.reduce((r, n) => {
+    const o = e.up(n);
+    return r[o] = {}, r;
+  }, {}) || {};
+}
+function sr(e, t) {
+  return e.reduce((r, n) => {
+    const o = r[n];
+    return (!o || Object.keys(o).length === 0) && delete r[n], r;
+  }, t);
+}
+function Oe(e) {
+  if (typeof e != "string")
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : Ce(7));
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+function nt(e, t, r = !0) {
+  if (!t || typeof t != "string")
+    return null;
+  if (e && e.vars && r) {
+    const n = `vars.${t}`.split(".").reduce((o, i) => o && o[i] ? o[i] : null, e);
+    if (n != null)
+      return n;
+  }
+  return t.split(".").reduce((n, o) => n && n[o] != null ? n[o] : null, e);
+}
+function Qe(e, t, r, n = r) {
+  let o;
+  return typeof e == "function" ? o = e(r) : Array.isArray(e) ? o = e[r] || n : o = nt(e, r) || n, t && (o = t(o, n, e)), o;
+}
+function oe(e) {
+  const {
+    prop: t,
+    cssProperty: r = e.prop,
+    themeKey: n,
+    transform: o
+  } = e, i = (s) => {
+    if (s[t] == null)
+      return null;
+    const l = s[t], f = s.theme, u = nt(f, n) || {};
+    return ve(s, l, (h) => {
+      let d = Qe(u, o, h);
+      return h === d && typeof h == "string" && (d = Qe(u, o, `${t}${h === "default" ? "" : Oe(h)}`, h)), r === !1 ? d : {
+        [r]: d
+      };
+    });
+  };
+  return i.propTypes = process.env.NODE_ENV !== "production" ? {
+    [t]: Ee
+  } : {}, i.filterProps = [t], i;
+}
+function Xn(e) {
+  const t = {};
+  return (r) => (t[r] === void 0 && (t[r] = e(r)), t[r]);
+}
+const Jn = {
+  m: "margin",
+  p: "padding"
+}, Zn = {
+  t: "Top",
+  r: "Right",
+  b: "Bottom",
+  l: "Left",
+  x: ["Left", "Right"],
+  y: ["Top", "Bottom"]
+}, lr = {
+  marginX: "mx",
+  marginY: "my",
+  paddingX: "px",
+  paddingY: "py"
+}, eo = Xn((e) => {
+  if (e.length > 2)
+    if (lr[e])
+      e = lr[e];
+    else
+      return [e];
+  const [t, r] = e.split(""), n = Jn[t], o = Zn[r] || "";
+  return Array.isArray(o) ? o.map((i) => n + i) : [n + o];
+}), ot = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], it = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], to = [...ot, ...it];
+function Fe(e, t, r, n) {
+  const o = nt(e, t, !0) ?? r;
+  return typeof o == "number" || typeof o == "string" ? (i) => typeof i == "string" ? i : (process.env.NODE_ENV !== "production" && typeof i != "number" && console.error(`MUI: Expected ${n} argument to be a number or a string, got ${i}.`), typeof o == "string" ? o.startsWith("var(") && i === 0 ? 0 : o.startsWith("var(") && i === 1 ? o : `calc(${i} * ${o})` : o * i) : Array.isArray(o) ? (i) => {
+    if (typeof i == "string")
+      return i;
+    const s = Math.abs(i);
+    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 l = o[s];
+    return i >= 0 ? l : typeof l == "number" ? -l : typeof l == "string" && l.startsWith("var(") ? `calc(-1 * ${l})` : `-${l}`;
+  } : 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 Mt(e) {
+  return Fe(e, "spacing", 8, "spacing");
+}
+function Ve(e, t) {
+  return typeof t == "string" || t == null ? t : e(t);
+}
+function ro(e, t) {
+  return (r) => e.reduce((n, o) => (n[o] = Ve(t, r), n), {});
+}
+function no(e, t, r, n) {
+  if (!t.includes(r))
+    return null;
+  const o = eo(r), i = ro(o, n), s = e[r];
+  return ve(e, s, i);
+}
+function Ir(e, t) {
+  const r = Mt(e.theme);
+  return Object.keys(e).map((n) => no(e, t, n, r)).reduce(je, {});
+}
+function ee(e) {
+  return Ir(e, ot);
+}
+ee.propTypes = process.env.NODE_ENV !== "production" ? ot.reduce((e, t) => (e[t] = Ee, e), {}) : {};
+ee.filterProps = ot;
+function te(e) {
+  return Ir(e, it);
+}
+te.propTypes = process.env.NODE_ENV !== "production" ? it.reduce((e, t) => (e[t] = Ee, e), {}) : {};
+te.filterProps = it;
+process.env.NODE_ENV !== "production" && to.reduce((e, t) => (e[t] = Ee, e), {});
+function oo(e) {
+  for (var t = 0, r, n = 0, o = e.length; o >= 4; ++n, o -= 4)
+    r = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, r = /* Math.imul(k, m): */
+    (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), r ^= /* k >>> r: */
+    r >>> 24, t = /* Math.imul(k, m): */
+    (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
+    (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
+  switch (o) {
+    case 3:
+      t ^= (e.charCodeAt(n + 2) & 255) << 16;
+    case 2:
+      t ^= (e.charCodeAt(n + 1) & 255) << 8;
+    case 1:
+      t ^= e.charCodeAt(n) & 255, t = /* Math.imul(h, m): */
+      (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
+  }
+  return t ^= t >>> 13, t = /* Math.imul(h, m): */
+  (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
+}
+var io = {
+  animationIterationCount: 1,
+  aspectRatio: 1,
+  borderImageOutset: 1,
+  borderImageSlice: 1,
+  borderImageWidth: 1,
+  boxFlex: 1,
+  boxFlexGroup: 1,
+  boxOrdinalGroup: 1,
+  columnCount: 1,
+  columns: 1,
+  flex: 1,
+  flexGrow: 1,
+  flexPositive: 1,
+  flexShrink: 1,
+  flexNegative: 1,
+  flexOrder: 1,
+  gridRow: 1,
+  gridRowEnd: 1,
+  gridRowSpan: 1,
+  gridRowStart: 1,
+  gridColumn: 1,
+  gridColumnEnd: 1,
+  gridColumnSpan: 1,
+  gridColumnStart: 1,
+  msGridRow: 1,
+  msGridRowSpan: 1,
+  msGridColumn: 1,
+  msGridColumnSpan: 1,
+  fontWeight: 1,
+  lineHeight: 1,
+  opacity: 1,
+  order: 1,
+  orphans: 1,
+  scale: 1,
+  tabSize: 1,
+  widows: 1,
+  zIndex: 1,
+  zoom: 1,
+  WebkitLineClamp: 1,
+  // SVG-related properties
+  fillOpacity: 1,
+  floodOpacity: 1,
+  stopOpacity: 1,
+  strokeDasharray: 1,
+  strokeDashoffset: 1,
+  strokeMiterlimit: 1,
+  strokeOpacity: 1,
+  strokeWidth: 1
+};
+function ao(e) {
+  var t = /* @__PURE__ */ Object.create(null);
+  return function(r) {
+    return t[r] === void 0 && (t[r] = e(r)), t[r];
+  };
+}
+var so = /[A-Z]|^ms/g, lo = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Nr = function(t) {
+  return t.charCodeAt(1) === 45;
+}, cr = function(t) {
+  return t != null && typeof t != "boolean";
+}, Ct = /* @__PURE__ */ ao(function(e) {
+  return Nr(e) ? e : e.replace(so, "-$&").toLowerCase();
+}), ur = function(t, r) {
+  switch (t) {
+    case "animation":
+    case "animationName":
+      if (typeof r == "string")
+        return r.replace(lo, function(n, o, i) {
+          return Se = {
+            name: o,
+            styles: i,
+            next: Se
+          }, o;
+        });
+  }
+  return io[t] !== 1 && !Nr(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
+};
+function Xe(e, t, r) {
+  if (r == null)
+    return "";
+  var n = r;
+  if (n.__emotion_styles !== void 0)
+    return n;
+  switch (typeof r) {
+    case "boolean":
+      return "";
+    case "object": {
+      var o = r;
+      if (o.anim === 1)
+        return Se = {
+          name: o.name,
+          styles: o.styles,
+          next: Se
+        }, o.name;
+      var i = r;
+      if (i.styles !== void 0) {
+        var s = i.next;
+        if (s !== void 0)
+          for (; s !== void 0; )
+            Se = {
+              name: s.name,
+              styles: s.styles,
+              next: Se
+            }, s = s.next;
+        var l = i.styles + ";";
+        return l;
+      }
+      return co(e, t, r);
+    }
+  }
+  var f = r;
+  return f;
+}
+function co(e, t, r) {
+  var n = "";
+  if (Array.isArray(r))
+    for (var o = 0; o < r.length; o++)
+      n += Xe(e, t, r[o]) + ";";
+  else
+    for (var i in r) {
+      var s = r[i];
+      if (typeof s != "object") {
+        var l = s;
+        cr(l) && (n += Ct(i) + ":" + ur(i, l) + ";");
+      } else if (Array.isArray(s) && typeof s[0] == "string" && t == null)
+        for (var f = 0; f < s.length; f++)
+          cr(s[f]) && (n += Ct(i) + ":" + ur(i, s[f]) + ";");
+      else {
+        var u = Xe(e, t, s);
+        switch (i) {
+          case "animation":
+          case "animationName": {
+            n += Ct(i) + ":" + u + ";";
+            break;
+          }
+          default:
+            n += i + "{" + u + "}";
+        }
+      }
+    }
+  return n;
+}
+var fr = /label:\s*([^\s;{]+)\s*(;|$)/g, Se;
+function uo(e, t, r) {
+  if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
+    return e[0];
+  var n = !0, o = "";
+  Se = void 0;
+  var i = e[0];
+  if (i == null || i.raw === void 0)
+    n = !1, o += Xe(r, t, i);
+  else {
+    var s = i;
+    o += s[0];
+  }
+  for (var l = 1; l < e.length; l++)
+    if (o += Xe(r, t, e[l]), n) {
+      var f = i;
+      o += f[l];
+    }
+  fr.lastIndex = 0;
+  for (var u = "", m; (m = fr.exec(o)) !== null; )
+    u += "-" + m[1];
+  var h = oo(o) + u;
+  return {
+    name: h,
+    styles: o,
+    next: Se
+  };
+}
+function fo(e, t) {
+  const r = vn(e, t);
+  return process.env.NODE_ENV !== "production" ? (...n) => {
+    const o = typeof e == "string" ? `"${e}"` : "component";
+    return n.length === 0 ? console.error([`MUI: Seems like you called \`styled(${o})()\` without a \`style\` argument.`, 'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join(`
+`)) : n.some((i) => i === void 0) && console.error(`MUI: the styled(${o})(...args) API requires all its args to be defined.`), r(...n);
+  } : r;
+}
+function po(e, t) {
+  Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
+}
+const dr = [];
+function $e(e) {
+  return dr[0] = e, uo(dr);
+}
+function Mr(e) {
+  var t, r, n = "";
+  if (typeof e == "string" || typeof e == "number") n += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (r = Mr(e[t])) && (n && (n += " "), n += r);
+  } else for (r in e) e[r] && (n && (n += " "), n += r);
+  return n;
+}
+function Dr() {
+  for (var e, t, r = 0, n = "", o = arguments.length; r < o; r++) (e = arguments[r]) && (t = Mr(e)) && (n && (n += " "), n += t);
+  return n;
+}
+function _t(e, t, r = !1) {
+  const n = {
+    ...t
+  };
+  for (const o in e)
+    if (Object.prototype.hasOwnProperty.call(e, o)) {
+      const i = o;
+      if (i === "components" || i === "slots")
+        n[i] = {
+          ...e[i],
+          ...n[i]
+        };
+      else if (i === "componentsProps" || i === "slotProps") {
+        const s = e[i], l = t[i];
+        if (!l)
+          n[i] = s || {};
+        else if (!s)
+          n[i] = l;
+        else {
+          n[i] = {
+            ...l
+          };
+          for (const f in s)
+            if (Object.prototype.hasOwnProperty.call(s, f)) {
+              const u = f;
+              n[i][u] = _t(s[u], l[u], r);
+            }
+        }
+      } else i === "className" && r && t.className ? n.className = Dr(e?.className, t?.className) : i === "style" && r && t.style ? n.style = {
+        ...e?.style,
+        ...t?.style
+      } : n[i] === void 0 && (n[i] = e[i]);
+    }
+  return n;
+}
+const mo = /* @__PURE__ */ be.createContext(void 0);
+process.env.NODE_ENV !== "production" && (z.node, z.object);
+function ho(e) {
+  const {
+    theme: t,
+    name: r,
+    props: n
+  } = e;
+  if (!t || !t.components || !t.components[r])
+    return n;
+  const o = t.components[r];
+  return o.defaultProps ? _t(o.defaultProps, n, t.components.mergeClassNameAndStyle) : !o.styleOverrides && !o.variants ? _t(o, n, t.components.mergeClassNameAndStyle) : n;
+}
+function go({
+  props: e,
+  name: t
+}) {
+  const r = be.useContext(mo);
+  return ho({
+    props: e,
+    name: t,
+    theme: {
+      components: r
+    }
+  });
+}
+const yo = {
+  borderRadius: 4
+};
+function bo(e = 8, t = Mt({
+  spacing: e
+})) {
+  if (e.mui)
+    return e;
+  const r = (...n) => (process.env.NODE_ENV !== "production" && (n.length <= 4 || console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${n.length}`)), (n.length === 0 ? [1] : n).map((i) => {
+    const s = t(i);
+    return typeof s == "number" ? `${s}px` : s;
+  }).join(" "));
+  return r.mui = !0, r;
+}
+function at(...e) {
+  const t = e.reduce((n, o) => (o.filterProps.forEach((i) => {
+    n[i] = o;
+  }), n), {}), r = (n) => Object.keys(n).reduce((o, i) => t[i] ? je(o, t[i](n)) : o, {});
+  return r.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((n, o) => Object.assign(n, o.propTypes), {}) : {}, r.filterProps = e.reduce((n, o) => n.concat(o.filterProps), []), r;
+}
+function ue(e) {
+  return typeof e != "number" ? e : `${e}px solid`;
+}
+function fe(e, t) {
+  return oe({
+    prop: e,
+    themeKey: "borders",
+    transform: t
+  });
+}
+const vo = fe("border", ue), So = fe("borderTop", ue), Co = fe("borderRight", ue), xo = fe("borderBottom", ue), Eo = fe("borderLeft", ue), To = fe("borderColor"), wo = fe("borderTopColor"), $o = fe("borderRightColor"), Oo = fe("borderBottomColor"), Ao = fe("borderLeftColor"), _o = fe("outline", ue), Ro = fe("outlineColor"), st = (e) => {
+  if (e.borderRadius !== void 0 && e.borderRadius !== null) {
+    const t = Fe(e.theme, "shape.borderRadius", 4, "borderRadius"), r = (n) => ({
+      borderRadius: Ve(t, n)
+    });
+    return ve(e, e.borderRadius, r);
+  }
+  return null;
+};
+st.propTypes = process.env.NODE_ENV !== "production" ? {
+  borderRadius: Ee
+} : {};
+st.filterProps = ["borderRadius"];
+at(vo, So, Co, xo, Eo, To, wo, $o, Oo, Ao, st, _o, Ro);
+const lt = (e) => {
+  if (e.gap !== void 0 && e.gap !== null) {
+    const t = Fe(e.theme, "spacing", 8, "gap"), r = (n) => ({
+      gap: Ve(t, n)
+    });
+    return ve(e, e.gap, r);
+  }
+  return null;
+};
+lt.propTypes = process.env.NODE_ENV !== "production" ? {
+  gap: Ee
+} : {};
+lt.filterProps = ["gap"];
+const ct = (e) => {
+  if (e.columnGap !== void 0 && e.columnGap !== null) {
+    const t = Fe(e.theme, "spacing", 8, "columnGap"), r = (n) => ({
+      columnGap: Ve(t, n)
+    });
+    return ve(e, e.columnGap, r);
+  }
+  return null;
+};
+ct.propTypes = process.env.NODE_ENV !== "production" ? {
+  columnGap: Ee
+} : {};
+ct.filterProps = ["columnGap"];
+const ut = (e) => {
+  if (e.rowGap !== void 0 && e.rowGap !== null) {
+    const t = Fe(e.theme, "spacing", 8, "rowGap"), r = (n) => ({
+      rowGap: Ve(t, n)
+    });
+    return ve(e, e.rowGap, r);
+  }
+  return null;
+};
+ut.propTypes = process.env.NODE_ENV !== "production" ? {
+  rowGap: Ee
+} : {};
+ut.filterProps = ["rowGap"];
+const Po = oe({
+  prop: "gridColumn"
+}), ko = oe({
+  prop: "gridRow"
+}), Io = oe({
+  prop: "gridAutoFlow"
+}), No = oe({
+  prop: "gridAutoColumns"
+}), Mo = oe({
+  prop: "gridAutoRows"
+}), Do = oe({
+  prop: "gridTemplateColumns"
+}), Bo = oe({
+  prop: "gridTemplateRows"
+}), jo = oe({
+  prop: "gridTemplateAreas"
+}), Lo = oe({
+  prop: "gridArea"
+});
+at(lt, ct, ut, Po, ko, Io, No, Mo, Do, Bo, jo, Lo);
+function Ie(e, t) {
+  return t === "grey" ? t : e;
+}
+const Fo = oe({
+  prop: "color",
+  themeKey: "palette",
+  transform: Ie
+}), Vo = oe({
+  prop: "bgcolor",
+  cssProperty: "backgroundColor",
+  themeKey: "palette",
+  transform: Ie
+}), zo = oe({
+  prop: "backgroundColor",
+  themeKey: "palette",
+  transform: Ie
+});
+at(Fo, Vo, zo);
+function le(e) {
+  return e <= 1 && e !== 0 ? `${e * 100}%` : e;
+}
+const Wo = oe({
+  prop: "width",
+  transform: le
+}), Dt = (e) => {
+  if (e.maxWidth !== void 0 && e.maxWidth !== null) {
+    const t = (r) => {
+      const n = e.theme?.breakpoints?.values?.[r] || rt[r];
+      return n ? e.theme?.breakpoints?.unit !== "px" ? {
+        maxWidth: `${n}${e.theme.breakpoints.unit}`
+      } : {
+        maxWidth: n
+      } : {
+        maxWidth: le(r)
+      };
+    };
+    return ve(e, e.maxWidth, t);
+  }
+  return null;
+};
+Dt.filterProps = ["maxWidth"];
+const Uo = oe({
+  prop: "minWidth",
+  transform: le
+}), Yo = oe({
+  prop: "height",
+  transform: le
+}), qo = oe({
+  prop: "maxHeight",
+  transform: le
+}), Go = oe({
+  prop: "minHeight",
+  transform: le
+});
+oe({
+  prop: "size",
+  cssProperty: "width",
+  transform: le
+});
+oe({
+  prop: "size",
+  cssProperty: "height",
+  transform: le
+});
+const Ho = oe({
+  prop: "boxSizing"
+});
+at(Wo, Dt, Uo, Yo, qo, Go, Ho);
+const ft = {
+  // borders
+  border: {
+    themeKey: "borders",
+    transform: ue
+  },
+  borderTop: {
+    themeKey: "borders",
+    transform: ue
+  },
+  borderRight: {
+    themeKey: "borders",
+    transform: ue
+  },
+  borderBottom: {
+    themeKey: "borders",
+    transform: ue
+  },
+  borderLeft: {
+    themeKey: "borders",
+    transform: ue
+  },
+  borderColor: {
+    themeKey: "palette"
+  },
+  borderTopColor: {
+    themeKey: "palette"
+  },
+  borderRightColor: {
+    themeKey: "palette"
+  },
+  borderBottomColor: {
+    themeKey: "palette"
+  },
+  borderLeftColor: {
+    themeKey: "palette"
+  },
+  outline: {
+    themeKey: "borders",
+    transform: ue
+  },
+  outlineColor: {
+    themeKey: "palette"
+  },
+  borderRadius: {
+    themeKey: "shape.borderRadius",
+    style: st
+  },
+  // palette
+  color: {
+    themeKey: "palette",
+    transform: Ie
+  },
+  bgcolor: {
+    themeKey: "palette",
+    cssProperty: "backgroundColor",
+    transform: Ie
+  },
+  backgroundColor: {
+    themeKey: "palette",
+    transform: Ie
+  },
+  // spacing
+  p: {
+    style: te
+  },
+  pt: {
+    style: te
+  },
+  pr: {
+    style: te
+  },
+  pb: {
+    style: te
+  },
+  pl: {
+    style: te
+  },
+  px: {
+    style: te
+  },
+  py: {
+    style: te
+  },
+  padding: {
+    style: te
+  },
+  paddingTop: {
+    style: te
+  },
+  paddingRight: {
+    style: te
+  },
+  paddingBottom: {
+    style: te
+  },
+  paddingLeft: {
+    style: te
+  },
+  paddingX: {
+    style: te
+  },
+  paddingY: {
+    style: te
+  },
+  paddingInline: {
+    style: te
+  },
+  paddingInlineStart: {
+    style: te
+  },
+  paddingInlineEnd: {
+    style: te
+  },
+  paddingBlock: {
+    style: te
+  },
+  paddingBlockStart: {
+    style: te
+  },
+  paddingBlockEnd: {
+    style: te
+  },
+  m: {
+    style: ee
+  },
+  mt: {
+    style: ee
+  },
+  mr: {
+    style: ee
+  },
+  mb: {
+    style: ee
+  },
+  ml: {
+    style: ee
+  },
+  mx: {
+    style: ee
+  },
+  my: {
+    style: ee
+  },
+  margin: {
+    style: ee
+  },
+  marginTop: {
+    style: ee
+  },
+  marginRight: {
+    style: ee
+  },
+  marginBottom: {
+    style: ee
+  },
+  marginLeft: {
+    style: ee
+  },
+  marginX: {
+    style: ee
+  },
+  marginY: {
+    style: ee
+  },
+  marginInline: {
+    style: ee
+  },
+  marginInlineStart: {
+    style: ee
+  },
+  marginInlineEnd: {
+    style: ee
+  },
+  marginBlock: {
+    style: ee
+  },
+  marginBlockStart: {
+    style: ee
+  },
+  marginBlockEnd: {
+    style: ee
+  },
+  // 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: lt
+  },
+  rowGap: {
+    style: ut
+  },
+  columnGap: {
+    style: ct
+  },
+  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: le
+  },
+  maxWidth: {
+    style: Dt
+  },
+  minWidth: {
+    transform: le
+  },
+  height: {
+    transform: le
+  },
+  maxHeight: {
+    transform: le
+  },
+  minHeight: {
+    transform: le
+  },
+  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 Ko(...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 Qo(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function Xo() {
+  function e(r, n, o, i) {
+    const s = {
+      [r]: n,
+      theme: o
+    }, l = i[r];
+    if (!l)
+      return {
+        [r]: n
+      };
+    const {
+      cssProperty: f = r,
+      themeKey: u,
+      transform: m,
+      style: h
+    } = l;
+    if (n == null)
+      return null;
+    if (u === "typography" && n === "inherit")
+      return {
+        [r]: n
+      };
+    const d = nt(o, u) || {};
+    return h ? h(s) : ve(s, n, (g) => {
+      let c = Qe(d, m, g);
+      return g === c && typeof g == "string" && (c = Qe(d, m, `${r}${g === "default" ? "" : Oe(g)}`, g)), f === !1 ? c : {
+        [f]: c
+      };
+    });
+  }
+  function t(r) {
+    const {
+      sx: n,
+      theme: o = {},
+      nested: i
+    } = r || {};
+    if (!n)
+      return null;
+    const s = o.unstable_sxConfig ?? ft;
+    function l(f) {
+      let u = f;
+      if (typeof f == "function")
+        u = f(o);
+      else if (typeof f != "object")
+        return f;
+      if (!u)
+        return null;
+      const m = Qn(o.breakpoints), h = Object.keys(m);
+      let d = m;
+      return Object.keys(u).forEach((b) => {
+        const g = Qo(u[b], o);
+        if (g != null)
+          if (typeof g == "object")
+            if (s[b])
+              d = je(d, e(b, g, o, s));
+            else {
+              const c = ve({
+                theme: o
+              }, g, (C) => ({
+                [b]: C
+              }));
+              Ko(c, g) ? d[b] = t({
+                sx: g,
+                theme: o,
+                nested: !0
+              }) : d = je(d, c);
+            }
+          else
+            d = je(d, e(b, g, o, s));
+      }), !i && o.modularCssLayers ? {
+        "@layer sx": ir(o, sr(h, d))
+      } : ir(o, sr(h, d));
+    }
+    return Array.isArray(n) ? n.map(l) : l(n);
+  }
+  return t;
+}
+const Ne = Xo();
+Ne.filterProps = ["sx"];
+function Jo(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 Br(e = {}, ...t) {
+  const {
+    breakpoints: r = {},
+    palette: n = {},
+    spacing: o,
+    shape: i = {},
+    ...s
+  } = e, l = Cn(r), f = bo(o);
+  let u = ce({
+    breakpoints: l,
+    direction: "ltr",
+    components: {},
+    // Inject component definitions.
+    palette: {
+      mode: "light",
+      ...n
+    },
+    spacing: f,
+    shape: {
+      ...yo,
+      ...i
+    }
+  }, s);
+  return u = Hn(u), u.applyStyles = Jo, u = t.reduce((m, h) => ce(m, h), u), u.unstable_sxConfig = {
+    ...ft,
+    ...s?.unstable_sxConfig
+  }, u.unstable_sx = function(h) {
+    return Ne({
+      sx: h,
+      theme: this
+    });
+  }, u;
+}
+const pr = (e, t, r, n = []) => {
+  let o = e;
+  t.forEach((i, s) => {
+    s === t.length - 1 ? Array.isArray(o) ? o[Number(i)] = r : o && typeof o == "object" && (o[i] = r) : o && typeof o == "object" && (o[i] || (o[i] = n.includes(i) ? [] : {}), o = o[i]);
+  });
+}, Zo = (e, t, r) => {
+  function n(o, i = [], s = []) {
+    Object.entries(o).forEach(([l, f]) => {
+      (!r || r && !r([...i, l])) && f != null && (typeof f == "object" && Object.keys(f).length > 0 ? n(f, [...i, l], Array.isArray(f) ? [...s, l] : s) : t([...i, l], f, s));
+    });
+  }
+  n(e);
+}, ei = (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 xt(e, t) {
+  const {
+    prefix: r,
+    shouldSkipGeneratingVar: n
+  } = t || {}, o = {}, i = {}, s = {};
+  return Zo(
+    e,
+    (l, f, u) => {
+      if ((typeof f == "string" || typeof f == "number") && (!n || !n(l, f))) {
+        const m = `--${r ? `${r}-` : ""}${l.join("-")}`, h = ei(l, f);
+        Object.assign(o, {
+          [m]: h
+        }), pr(i, l, `var(${m})`, u), pr(s, l, `var(${m}, ${h})`, u);
+      }
+    },
+    (l) => l[0] === "vars"
+    // skip 'vars/*' paths
+  ), {
+    css: o,
+    vars: i,
+    varsWithDefaults: s
+  };
+}
+function ti(e, t = {}) {
+  const {
+    getSelector: r = A,
+    disableCssColorScheme: n,
+    colorSchemeSelector: o,
+    enableContrastVars: i
+  } = t, {
+    colorSchemes: s = {},
+    components: l,
+    defaultColorScheme: f = "light",
+    ...u
+  } = e, {
+    vars: m,
+    css: h,
+    varsWithDefaults: d
+  } = xt(u, t);
+  let b = d;
+  const g = {}, {
+    [f]: c,
+    ...C
+  } = s;
+  if (Object.entries(C || {}).forEach(([v, y]) => {
+    const {
+      vars: E,
+      css: Y,
+      varsWithDefaults: Z
+    } = xt(y, t);
+    b = ce(b, Z), g[v] = {
+      css: Y,
+      vars: E
+    };
+  }), c) {
+    const {
+      css: v,
+      vars: y,
+      varsWithDefaults: E
+    } = xt(c, t);
+    b = ce(b, E), g[f] = {
+      css: v,
+      vars: y
+    };
+  }
+  function A(v, y) {
+    let E = o;
+    if (o === "class" && (E = ".%s"), o === "data" && (E = "[data-%s]"), o?.startsWith("data-") && !o.includes("%s") && (E = `[${o}="%s"]`), v) {
+      if (E === "media")
+        return e.defaultColorScheme === v ? ":root" : {
+          [`@media (prefers-color-scheme: ${s[v]?.palette?.mode || v})`]: {
+            ":root": y
+          }
+        };
+      if (E)
+        return e.defaultColorScheme === v ? `:root, ${E.replace("%s", String(v))}` : E.replace("%s", String(v));
+    }
+    return ":root";
+  }
+  return {
+    vars: b,
+    generateThemeVars: () => {
+      let v = {
+        ...m
+      };
+      return Object.entries(g).forEach(([, {
+        vars: y
+      }]) => {
+        v = ce(v, y);
+      }), v;
+    },
+    generateStyleSheets: () => {
+      const v = [], y = e.defaultColorScheme || "light";
+      function E(B, ie) {
+        Object.keys(ie).length && v.push(typeof B == "string" ? {
+          [B]: {
+            ...ie
+          }
+        } : B);
+      }
+      E(r(void 0, {
+        ...h
+      }), h);
+      const {
+        [y]: Y,
+        ...Z
+      } = g;
+      if (Y) {
+        const {
+          css: B
+        } = Y, ie = s[y]?.palette?.mode, X = !n && ie ? {
+          colorScheme: ie,
+          ...B
+        } : {
+          ...B
+        };
+        E(r(y, {
+          ...X
+        }), X);
+      }
+      return Object.entries(Z).forEach(([B, {
+        css: ie
+      }]) => {
+        const X = s[B]?.palette?.mode, a = !n && X ? {
+          colorScheme: X,
+          ...ie
+        } : {
+          ...ie
+        };
+        E(r(B, {
+          ...a
+        }), a);
+      }), i && v.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.
+        }
+      }), v;
+    }
+  };
+}
+function ri(e) {
+  const t = {};
+  return Object.entries(e).forEach((n) => {
+    const [o, i] = n;
+    typeof i == "object" && (t[o] = `${i.fontStyle ? `${i.fontStyle} ` : ""}${i.fontVariant ? `${i.fontVariant} ` : ""}${i.fontWeight ? `${i.fontWeight} ` : ""}${i.fontStretch ? `${i.fontStretch} ` : ""}${i.fontSize || ""}${i.lineHeight ? `/${i.lineHeight} ` : ""}${i.fontFamily || ""}`);
+  }), t;
+}
+function ni(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 mr = (e) => e, oi = () => {
+  let e = mr;
+  return {
+    configure(t) {
+      e = t;
+    },
+    generate(t) {
+      return e(t);
+    },
+    reset() {
+      e = mr;
+    }
+  };
+}, ii = oi(), ai = {
+  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 Bt(e, t, r = "Mui") {
+  const n = ai[t];
+  return n ? `${r}-${n}` : `${ii.generate(e)}-${t}`;
+}
+function si(e, t) {
+  return {
+    toolbar: {
+      minHeight: 56,
+      [e.up("xs")]: {
+        "@media (orientation: landscape)": {
+          minHeight: 48
+        }
+      },
+      [e.up("sm")]: {
+        minHeight: 64
+      }
+    },
+    ...t
+  };
+}
+function li(e) {
+  return Math.round(e * 1e5) / 1e5;
+}
+const hr = {
+  textTransform: "uppercase"
+}, gr = '"Roboto", "Helvetica", "Arial", sans-serif';
+function ci(e, t) {
+  const {
+    fontFamily: r = gr,
+    // The default font size of the Material Specification.
+    fontSize: n = 14,
+    // px
+    fontWeightLight: o = 300,
+    fontWeightRegular: i = 400,
+    fontWeightMedium: s = 500,
+    fontWeightBold: l = 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: u,
+    pxToRem: m,
+    ...h
+  } = typeof t == "function" ? t(e) : t;
+  process.env.NODE_ENV !== "production" && (typeof n != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof f != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
+  const d = n / 14, b = m || ((C) => `${C / f * d}rem`), g = (C, A, R, _, v) => ({
+    fontFamily: r,
+    fontWeight: C,
+    fontSize: b(A),
+    // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
+    lineHeight: R,
+    // 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 === gr ? {
+      letterSpacing: `${li(_ / A)}em`
+    } : {},
+    ...v,
+    ...u
+  }), c = {
+    h1: g(o, 96, 1.167, -1.5),
+    h2: g(o, 60, 1.2, -0.5),
+    h3: g(i, 48, 1.167, 0),
+    h4: g(i, 34, 1.235, 0.25),
+    h5: g(i, 24, 1.334, 0),
+    h6: g(s, 20, 1.6, 0.15),
+    subtitle1: g(i, 16, 1.75, 0.15),
+    subtitle2: g(s, 14, 1.57, 0.1),
+    body1: g(i, 16, 1.5, 0.15),
+    body2: g(i, 14, 1.43, 0.15),
+    button: g(s, 14, 1.75, 0.4, hr),
+    caption: g(i, 12, 1.66, 0.4),
+    overline: g(i, 12, 2.66, 1, hr),
+    // 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 ce({
+    htmlFontSize: f,
+    pxToRem: b,
+    fontFamily: r,
+    fontSize: n,
+    fontWeightLight: o,
+    fontWeightRegular: i,
+    fontWeightMedium: s,
+    fontWeightBold: l,
+    ...c
+  }, h, {
+    clone: !1
+    // No need to clone deep
+  });
+}
+const ui = 0.2, fi = 0.14, di = 0.12;
+function J(...e) {
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${ui})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${fi})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${di})`].join(",");
+}
+const pi = ["none", J(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), J(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), J(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), J(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), J(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), J(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), J(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), J(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), J(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), J(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), J(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), J(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), J(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), J(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), J(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), J(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), J(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), J(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), J(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), J(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), J(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), J(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), J(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), J(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], mi = {
+  // 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)"
+}, hi = {
+  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 yr(e) {
+  return `${Math.round(e)}ms`;
+}
+function gi(e) {
+  if (!e)
+    return 0;
+  const t = e / 36;
+  return Math.min(Math.round((4 + 15 * t ** 0.25 + t / 5) * 10), 3e3);
+}
+function yi(e) {
+  const t = {
+    ...mi,
+    ...e.easing
+  }, r = {
+    ...hi,
+    ...e.duration
+  };
+  return {
+    getAutoHeightDuration: gi,
+    create: (o = ["all"], i = {}) => {
+      const {
+        duration: s = r.standard,
+        easing: l = t.easeInOut,
+        delay: f = 0,
+        ...u
+      } = i;
+      if (process.env.NODE_ENV !== "production") {
+        const m = (d) => typeof d == "string", h = (d) => !Number.isNaN(parseFloat(d));
+        !m(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !h(s) && !m(s) && console.error(`MUI: Argument "duration" must be a number or a string but found ${s}.`), m(l) || console.error('MUI: Argument "easing" must be a string.'), !h(f) && !m(f) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof i != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
+`)), Object.keys(u).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(u).join(",")}].`);
+      }
+      return (Array.isArray(o) ? o : [o]).map((m) => `${m} ${typeof s == "string" ? s : yr(s)} ${l} ${typeof f == "string" ? f : yr(f)}`).join(",");
+    },
+    ...e,
+    easing: t,
+    duration: r
+  };
+}
+const bi = {
+  mobileStepper: 1e3,
+  fab: 1050,
+  speedDial: 1050,
+  appBar: 1100,
+  drawer: 1200,
+  modal: 1300,
+  snackbar: 1400,
+  tooltip: 1500
+};
+function vi(e) {
+  return ye(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
+}
+function jr(e = {}) {
+  const t = {
+    ...e
+  };
+  function r(n) {
+    const o = Object.entries(n);
+    for (let i = 0; i < o.length; i++) {
+      const [s, l] = o[i];
+      !vi(l) || s.startsWith("unstable_") ? delete n[s] : ye(l) && (n[s] = {
+        ...l
+      }, 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 br(e) {
+  return typeof e == "number" ? `${(e * 100).toFixed(0)}%` : `calc((${e}) * 100%)`;
+}
+const Si = (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 Ci(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})` : Or(t, Si(r));
+    },
+    lighten(t, r) {
+      const n = this || e;
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #fff ${br(r)})` : tt(t, r);
+    },
+    darken(t, r) {
+      const n = this || e;
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #000 ${br(r)})` : et(t, r);
+    }
+  });
+}
+function Rt(e = {}, ...t) {
+  const {
+    breakpoints: r,
+    mixins: n = {},
+    spacing: o,
+    palette: i = {},
+    transitions: s = {},
+    typography: l = {},
+    shape: f,
+    colorSpace: u,
+    ...m
+  } = e;
+  if (e.vars && // The error should throw only for the root theme creation because user is not allowed to use a custom node `vars`.
+  // `generateThemeVars` is the closest identifier for checking that the `options` is a result of `createTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
+  e.generateThemeVars === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature." : Ce(20));
+  const h = It({
+    ...i,
+    colorSpace: u
+  }), d = Br(e);
+  let b = ce(d, {
+    mixins: si(d.breakpoints, n),
+    palette: h,
+    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
+    shadows: pi.slice(),
+    typography: ci(h, l),
+    transitions: yi(s),
+    zIndex: {
+      ...bi
+    }
+  });
+  if (b = ce(b, m), b = t.reduce((g, c) => ce(g, c), b), process.env.NODE_ENV !== "production") {
+    const g = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], c = (C, A) => {
+      let R;
+      for (R in C) {
+        const _ = C[R];
+        if (g.includes(R) && Object.keys(_).length > 0) {
+          if (process.env.NODE_ENV !== "production") {
+            const v = Bt("", R);
+            console.error([`MUI: The \`${A}\` component increases the CSS specificity of the \`${R}\` internal state.`, "You can not override it like this: ", JSON.stringify(C, null, 2), "", `Instead, you need to use the '&.${v}' syntax:`, JSON.stringify({
+              root: {
+                [`&.${v}`]: _
+              }
+            }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
+`));
+          }
+          C[R] = {};
+        }
+      }
+    };
+    Object.keys(b.components).forEach((C) => {
+      const A = b.components[C].styleOverrides;
+      A && C.startsWith("Mui") && c(A, C);
+    });
+  }
+  return b.unstable_sxConfig = {
+    ...ft,
+    ...m?.unstable_sxConfig
+  }, b.unstable_sx = function(c) {
+    return Ne({
+      sx: c,
+      theme: this
+    });
+  }, b.toRuntimeSource = jr, Ci(b), b;
+}
+function xi(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 Ei = [...Array(25)].map((e, t) => {
+  if (t === 0)
+    return "none";
+  const r = xi(t);
+  return `linear-gradient(rgba(255 255 255 / ${r}), rgba(255 255 255 / ${r}))`;
+});
+function Lr(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 Fr(e) {
+  return e === "dark" ? Ei : [];
+}
+function Ti(e) {
+  const {
+    palette: t = {
+      mode: "light"
+    },
+    // need to cast to avoid module augmentation test
+    opacity: r,
+    overlays: n,
+    colorSpace: o,
+    ...i
+  } = e, s = It({
+    ...t,
+    colorSpace: o
+  });
+  return {
+    palette: s,
+    opacity: {
+      ...Lr(s.mode),
+      ...r
+    },
+    overlays: n || Fr(s.mode),
+    ...i
+  };
+}
+function wi(e) {
+  return !!e[0].match(/(cssVarPrefix|colorSchemeSelector|modularCssLayers|rootSelector|typography|mixins|breakpoints|direction|transitions)/) || !!e[0].match(/sxConfig$/) || // ends with sxConfig
+  e[0] === "palette" && !!e[1]?.match(/(mode|contrastThreshold|tonalOffset)/);
+}
+const $i = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlays-${r}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], Oi = (e) => (t, r) => {
+  const n = e.rootSelector || ":root", o = e.colorSchemeSelector;
+  let i = o;
+  if (o === "class" && (i = ".%s"), o === "data" && (i = "[data-%s]"), o?.startsWith("data-") && !o.includes("%s") && (i = `[${o}="%s"]`), e.defaultColorScheme === t) {
+    if (t === "dark") {
+      const s = {};
+      return $i(e.cssVarPrefix).forEach((l) => {
+        s[l] = r[l], delete r[l];
+      }), i === "media" ? {
+        [n]: r,
+        "@media (prefers-color-scheme: dark)": {
+          [n]: s
+        }
+      } : i ? {
+        [i.replace("%s", t)]: s,
+        [`${n}, ${i.replace("%s", t)}`]: r
+      } : {
+        [n]: {
+          ...r,
+          ...s
+        }
+      };
+    }
+    if (i && i !== "media")
+      return `${n}, ${i.replace("%s", String(t))}`;
+  } else if (t) {
+    if (i === "media")
+      return {
+        [`@media (prefers-color-scheme: ${String(t)})`]: {
+          [n]: r
+        }
+      };
+    if (i)
+      return i.replace("%s", String(t));
+  }
+  return n;
+};
+function Ai(e, t) {
+  t.forEach((r) => {
+    e[r] || (e[r] = {});
+  });
+}
+function p(e, t, r) {
+  !e[t] && r && (e[t] = r);
+}
+function Be(e) {
+  return typeof e != "string" || !e.startsWith("hsl") ? e : $r(e);
+}
+function ge(e, t) {
+  `${t}Channel` in e || (e[`${t}Channel`] = De(Be(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 _i(e) {
+  return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
+}
+const me = (e) => {
+  try {
+    return e();
+  } catch {
+  }
+}, Ri = (e = "mui") => hn(e);
+function Et(e, t, r, n, o) {
+  if (!r)
+    return;
+  r = r === !0 ? {} : r;
+  const i = o === "dark" ? "dark" : "light";
+  if (!n) {
+    t[o] = Ti({
+      ...r,
+      palette: {
+        mode: i,
+        ...r?.palette
+      },
+      colorSpace: e
+    });
+    return;
+  }
+  const {
+    palette: s,
+    ...l
+  } = Rt({
+    ...n,
+    palette: {
+      mode: i,
+      ...r?.palette
+    },
+    colorSpace: e
+  });
+  return t[o] = {
+    ...r,
+    palette: s,
+    opacity: {
+      ...Lr(i),
+      ...r?.opacity
+    },
+    overlays: r?.overlays || Fr(i)
+  }, l;
+}
+function Pi(e = {}, ...t) {
+  const {
+    colorSchemes: r = {
+      light: !0
+    },
+    defaultColorScheme: n,
+    disableCssColorScheme: o = !1,
+    cssVarPrefix: i = "mui",
+    nativeColor: s = !1,
+    shouldSkipGeneratingVar: l = wi,
+    colorSchemeSelector: f = r.light && r.dark ? "media" : void 0,
+    rootSelector: u = ":root",
+    ...m
+  } = e, h = Object.keys(r)[0], d = n || (r.light && h !== "light" ? "light" : h), b = Ri(i), {
+    [d]: g,
+    light: c,
+    dark: C,
+    ...A
+  } = r, R = {
+    ...A
+  };
+  let _ = g;
+  if ((d === "dark" && !("dark" in r) || d === "light" && !("light" in r)) && (_ = !0), !_)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${d}\` option is either missing or invalid.` : Ce(21, d));
+  let v;
+  s && (v = "oklch");
+  const y = Et(v, R, _, m, d);
+  c && !R.light && Et(v, R, c, void 0, "light"), C && !R.dark && Et(v, R, C, void 0, "dark");
+  let E = {
+    defaultColorScheme: d,
+    ...y,
+    cssVarPrefix: i,
+    colorSchemeSelector: f,
+    rootSelector: u,
+    getCssVar: b,
+    colorSchemes: R,
+    font: {
+      ...ri(y.typography),
+      ...y.font
+    },
+    spacing: _i(m.spacing)
+  };
+  Object.keys(E.colorSchemes).forEach((X) => {
+    const a = E.colorSchemes[X].palette, O = (P) => {
+      const j = P.split("-"), ae = j[1], de = j[2];
+      return b(P, a[ae][de]);
+    };
+    a.mode === "light" && (p(a.common, "background", "#fff"), p(a.common, "onBackground", "#000")), a.mode === "dark" && (p(a.common, "background", "#000"), p(a.common, "onBackground", "#fff"));
+    function x(P, j, ae) {
+      if (v) {
+        let de;
+        return P === Te && (de = `transparent ${((1 - ae) * 100).toFixed(0)}%`), P === G && (de = `#000 ${(ae * 100).toFixed(0)}%`), P === H && (de = `#fff ${(ae * 100).toFixed(0)}%`), `color-mix(in ${v}, ${j}, ${de})`;
+      }
+      return P(j, ae);
+    }
+    if (Ai(a, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), a.mode === "light") {
+      p(a.Alert, "errorColor", x(G, a.error.light, 0.6)), p(a.Alert, "infoColor", x(G, a.info.light, 0.6)), p(a.Alert, "successColor", x(G, a.success.light, 0.6)), p(a.Alert, "warningColor", x(G, a.warning.light, 0.6)), p(a.Alert, "errorFilledBg", O("palette-error-main")), p(a.Alert, "infoFilledBg", O("palette-info-main")), p(a.Alert, "successFilledBg", O("palette-success-main")), p(a.Alert, "warningFilledBg", O("palette-warning-main")), p(a.Alert, "errorFilledColor", me(() => a.getContrastText(a.error.main))), p(a.Alert, "infoFilledColor", me(() => a.getContrastText(a.info.main))), p(a.Alert, "successFilledColor", me(() => a.getContrastText(a.success.main))), p(a.Alert, "warningFilledColor", me(() => a.getContrastText(a.warning.main))), p(a.Alert, "errorStandardBg", x(H, a.error.light, 0.9)), p(a.Alert, "infoStandardBg", x(H, a.info.light, 0.9)), p(a.Alert, "successStandardBg", x(H, a.success.light, 0.9)), p(a.Alert, "warningStandardBg", x(H, a.warning.light, 0.9)), p(a.Alert, "errorIconColor", O("palette-error-main")), p(a.Alert, "infoIconColor", O("palette-info-main")), p(a.Alert, "successIconColor", O("palette-success-main")), p(a.Alert, "warningIconColor", O("palette-warning-main")), p(a.AppBar, "defaultBg", O("palette-grey-100")), p(a.Avatar, "defaultBg", O("palette-grey-400")), p(a.Button, "inheritContainedBg", O("palette-grey-300")), p(a.Button, "inheritContainedHoverBg", O("palette-grey-A100")), p(a.Chip, "defaultBorder", O("palette-grey-400")), p(a.Chip, "defaultAvatarColor", O("palette-grey-700")), p(a.Chip, "defaultIconColor", O("palette-grey-700")), p(a.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), p(a.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), p(a.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), p(a.LinearProgress, "primaryBg", x(H, a.primary.main, 0.62)), p(a.LinearProgress, "secondaryBg", x(H, a.secondary.main, 0.62)), p(a.LinearProgress, "errorBg", x(H, a.error.main, 0.62)), p(a.LinearProgress, "infoBg", x(H, a.info.main, 0.62)), p(a.LinearProgress, "successBg", x(H, a.success.main, 0.62)), p(a.LinearProgress, "warningBg", x(H, a.warning.main, 0.62)), p(a.Skeleton, "bg", v ? x(Te, a.text.primary, 0.11) : `rgba(${O("palette-text-primaryChannel")} / 0.11)`), p(a.Slider, "primaryTrack", x(H, a.primary.main, 0.62)), p(a.Slider, "secondaryTrack", x(H, a.secondary.main, 0.62)), p(a.Slider, "errorTrack", x(H, a.error.main, 0.62)), p(a.Slider, "infoTrack", x(H, a.info.main, 0.62)), p(a.Slider, "successTrack", x(H, a.success.main, 0.62)), p(a.Slider, "warningTrack", x(H, a.warning.main, 0.62));
+      const P = v ? x(G, a.background.default, 0.6825) : Ye(a.background.default, 0.8);
+      p(a.SnackbarContent, "bg", P), p(a.SnackbarContent, "color", me(() => v ? At.text.primary : a.getContrastText(P))), p(a.SpeedDialAction, "fabHoverBg", Ye(a.background.paper, 0.15)), p(a.StepConnector, "border", O("palette-grey-400")), p(a.StepContent, "border", O("palette-grey-400")), p(a.Switch, "defaultColor", O("palette-common-white")), p(a.Switch, "defaultDisabledColor", O("palette-grey-100")), p(a.Switch, "primaryDisabledColor", x(H, a.primary.main, 0.62)), p(a.Switch, "secondaryDisabledColor", x(H, a.secondary.main, 0.62)), p(a.Switch, "errorDisabledColor", x(H, a.error.main, 0.62)), p(a.Switch, "infoDisabledColor", x(H, a.info.main, 0.62)), p(a.Switch, "successDisabledColor", x(H, a.success.main, 0.62)), p(a.Switch, "warningDisabledColor", x(H, a.warning.main, 0.62)), p(a.TableCell, "border", x(H, x(Te, a.divider, 1), 0.88)), p(a.Tooltip, "bg", x(Te, a.grey[700], 0.92));
+    }
+    if (a.mode === "dark") {
+      p(a.Alert, "errorColor", x(H, a.error.light, 0.6)), p(a.Alert, "infoColor", x(H, a.info.light, 0.6)), p(a.Alert, "successColor", x(H, a.success.light, 0.6)), p(a.Alert, "warningColor", x(H, a.warning.light, 0.6)), p(a.Alert, "errorFilledBg", O("palette-error-dark")), p(a.Alert, "infoFilledBg", O("palette-info-dark")), p(a.Alert, "successFilledBg", O("palette-success-dark")), p(a.Alert, "warningFilledBg", O("palette-warning-dark")), p(a.Alert, "errorFilledColor", me(() => a.getContrastText(a.error.dark))), p(a.Alert, "infoFilledColor", me(() => a.getContrastText(a.info.dark))), p(a.Alert, "successFilledColor", me(() => a.getContrastText(a.success.dark))), p(a.Alert, "warningFilledColor", me(() => a.getContrastText(a.warning.dark))), p(a.Alert, "errorStandardBg", x(G, a.error.light, 0.9)), p(a.Alert, "infoStandardBg", x(G, a.info.light, 0.9)), p(a.Alert, "successStandardBg", x(G, a.success.light, 0.9)), p(a.Alert, "warningStandardBg", x(G, a.warning.light, 0.9)), p(a.Alert, "errorIconColor", O("palette-error-main")), p(a.Alert, "infoIconColor", O("palette-info-main")), p(a.Alert, "successIconColor", O("palette-success-main")), p(a.Alert, "warningIconColor", O("palette-warning-main")), p(a.AppBar, "defaultBg", O("palette-grey-900")), p(a.AppBar, "darkBg", O("palette-background-paper")), p(a.AppBar, "darkColor", O("palette-text-primary")), p(a.Avatar, "defaultBg", O("palette-grey-600")), p(a.Button, "inheritContainedBg", O("palette-grey-800")), p(a.Button, "inheritContainedHoverBg", O("palette-grey-700")), p(a.Chip, "defaultBorder", O("palette-grey-700")), p(a.Chip, "defaultAvatarColor", O("palette-grey-300")), p(a.Chip, "defaultIconColor", O("palette-grey-300")), p(a.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), p(a.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), p(a.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), p(a.LinearProgress, "primaryBg", x(G, a.primary.main, 0.5)), p(a.LinearProgress, "secondaryBg", x(G, a.secondary.main, 0.5)), p(a.LinearProgress, "errorBg", x(G, a.error.main, 0.5)), p(a.LinearProgress, "infoBg", x(G, a.info.main, 0.5)), p(a.LinearProgress, "successBg", x(G, a.success.main, 0.5)), p(a.LinearProgress, "warningBg", x(G, a.warning.main, 0.5)), p(a.Skeleton, "bg", v ? x(Te, a.text.primary, 0.13) : `rgba(${O("palette-text-primaryChannel")} / 0.13)`), p(a.Slider, "primaryTrack", x(G, a.primary.main, 0.5)), p(a.Slider, "secondaryTrack", x(G, a.secondary.main, 0.5)), p(a.Slider, "errorTrack", x(G, a.error.main, 0.5)), p(a.Slider, "infoTrack", x(G, a.info.main, 0.5)), p(a.Slider, "successTrack", x(G, a.success.main, 0.5)), p(a.Slider, "warningTrack", x(G, a.warning.main, 0.5));
+      const P = v ? x(H, a.background.default, 0.985) : Ye(a.background.default, 0.98);
+      p(a.SnackbarContent, "bg", P), p(a.SnackbarContent, "color", me(() => v ? _r.text.primary : a.getContrastText(P))), p(a.SpeedDialAction, "fabHoverBg", Ye(a.background.paper, 0.15)), p(a.StepConnector, "border", O("palette-grey-600")), p(a.StepContent, "border", O("palette-grey-600")), p(a.Switch, "defaultColor", O("palette-grey-300")), p(a.Switch, "defaultDisabledColor", O("palette-grey-600")), p(a.Switch, "primaryDisabledColor", x(G, a.primary.main, 0.55)), p(a.Switch, "secondaryDisabledColor", x(G, a.secondary.main, 0.55)), p(a.Switch, "errorDisabledColor", x(G, a.error.main, 0.55)), p(a.Switch, "infoDisabledColor", x(G, a.info.main, 0.55)), p(a.Switch, "successDisabledColor", x(G, a.success.main, 0.55)), p(a.Switch, "warningDisabledColor", x(G, a.warning.main, 0.55)), p(a.TableCell, "border", x(G, x(Te, a.divider, 1), 0.68)), p(a.Tooltip, "bg", x(Te, a.grey[700], 0.92));
+    }
+    ge(a.background, "default"), ge(a.background, "paper"), ge(a.common, "background"), ge(a.common, "onBackground"), ge(a, "divider"), Object.keys(a).forEach((P) => {
+      const j = a[P];
+      P !== "tonalOffset" && j && typeof j == "object" && (j.main && p(a[P], "mainChannel", De(Be(j.main))), j.light && p(a[P], "lightChannel", De(Be(j.light))), j.dark && p(a[P], "darkChannel", De(Be(j.dark))), j.contrastText && p(a[P], "contrastTextChannel", De(Be(j.contrastText))), P === "text" && (ge(a[P], "primary"), ge(a[P], "secondary")), P === "action" && (j.active && ge(a[P], "active"), j.selected && ge(a[P], "selected")));
+    });
+  }), E = t.reduce((X, a) => ce(X, a), E);
+  const Y = {
+    prefix: i,
+    disableCssColorScheme: o,
+    shouldSkipGeneratingVar: l,
+    getSelector: Oi(E),
+    enableContrastVars: s
+  }, {
+    vars: Z,
+    generateThemeVars: B,
+    generateStyleSheets: ie
+  } = ti(E, Y);
+  return E.vars = Z, Object.entries(E.colorSchemes[E.defaultColorScheme]).forEach(([X, a]) => {
+    E[X] = a;
+  }), E.generateThemeVars = B, E.generateStyleSheets = ie, E.generateSpacing = function() {
+    return gn(m.spacing, Mt(this));
+  }, E.getColorSchemeSelector = ni(f), E.spacing = E.generateSpacing(), E.shouldSkipGeneratingVar = l, E.unstable_sxConfig = {
+    ...ft,
+    ...m?.unstable_sxConfig
+  }, E.unstable_sx = function(a) {
+    return Ne({
+      sx: a,
+      theme: this
+    });
+  }, E.toRuntimeSource = jr, E;
+}
+function vr(e, t, r) {
+  e.colorSchemes && r && (e.colorSchemes[t] = {
+    ...r !== !0 && r,
+    palette: It({
+      ...r === !0 ? {} : r.palette,
+      mode: t
+    })
+    // cast type to skip module augmentation test
+  });
+}
+function ki(e = {}, ...t) {
+  const {
+    palette: r,
+    cssVariables: n = !1,
+    colorSchemes: o = r ? void 0 : {
+      light: !0
+    },
+    defaultColorScheme: i = r?.mode,
+    ...s
+  } = e, l = i || "light", f = o?.[l], u = {
+    ...o,
+    ...r ? {
+      [l]: {
+        ...typeof f != "boolean" && f,
+        palette: r
+      }
+    } : void 0
+  };
+  if (n === !1) {
+    if (!("colorSchemes" in e))
+      return Rt(e, ...t);
+    let m = r;
+    "palette" in e || u[l] && (u[l] !== !0 ? m = u[l].palette : l === "dark" && (m = {
+      mode: "dark"
+    }));
+    const h = Rt({
+      ...e,
+      palette: m
+    }, ...t);
+    return h.defaultColorScheme = l, h.colorSchemes = u, h.palette.mode === "light" && (h.colorSchemes.light = {
+      ...u.light !== !0 && u.light,
+      palette: h.palette
+    }, vr(h, "dark", u.dark)), h.palette.mode === "dark" && (h.colorSchemes.dark = {
+      ...u.dark !== !0 && u.dark,
+      palette: h.palette
+    }, vr(h, "light", u.light)), h;
+  }
+  return !r && !("light" in u) && l === "light" && (u.light = !0), Pi({
+    ...s,
+    colorSchemes: u,
+    defaultColorScheme: l,
+    ...typeof n != "boolean" && n
+  }, ...t);
+}
+const Vr = ki();
+function Ii() {
+  const e = yn(Vr);
+  return process.env.NODE_ENV !== "production" && be.useDebugValue(e), e[Tr] || e;
+}
+function zr(e, t = "") {
+  return e.displayName || e.name || t;
+}
+function Sr(e, t, r) {
+  const n = zr(t);
+  return e.displayName || (n !== "" ? `${r}(${n})` : r);
+}
+function Ni(e) {
+  if (e != null) {
+    if (typeof e == "string")
+      return e;
+    if (typeof e == "function")
+      return zr(e, "Component");
+    if (typeof e == "object")
+      switch (e.$$typeof) {
+        case Ke.ForwardRef:
+          return Sr(e, e.render, "ForwardRef");
+        case Ke.Memo:
+          return Sr(e, e.type, "memo");
+        default:
+          return;
+      }
+  }
+}
+function Mi(e) {
+  const {
+    variants: t,
+    ...r
+  } = e, n = {
+    variants: t,
+    style: $e(r),
+    isProcessed: !0
+  };
+  return n.style === r || t && t.forEach((o) => {
+    typeof o.style != "function" && (o.style = $e(o.style));
+  }), n;
+}
+const Di = Br();
+function Tt(e) {
+  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+function we(e, t) {
+  return t && e && typeof e == "object" && e.styles && !e.styles.startsWith("@layer") && (e.styles = `@layer ${t}{${String(e.styles)}}`), e;
+}
+function Bi(e) {
+  return e ? (t, r) => r[e] : null;
+}
+function ji(e, t, r) {
+  e.theme = zi(e.theme) ? r : e.theme[t] || e.theme;
+}
+function He(e, t, r) {
+  const n = typeof t == "function" ? t(e) : t;
+  if (Array.isArray(n))
+    return n.flatMap((o) => He(e, o, r));
+  if (Array.isArray(n?.variants)) {
+    let o;
+    if (n.isProcessed)
+      o = r ? we(n.style, r) : n.style;
+    else {
+      const {
+        variants: i,
+        ...s
+      } = n;
+      o = r ? we($e(s), r) : s;
+    }
+    return Wr(e, n.variants, [o], r);
+  }
+  return n?.isProcessed ? r ? we($e(n.style), r) : n.style : r ? we($e(n), r) : n;
+}
+function Wr(e, t, r = [], n = void 0) {
+  let o;
+  e: for (let i = 0; i < t.length; i += 1) {
+    const s = t[i];
+    if (typeof s.props == "function") {
+      if (o ??= {
+        ...e,
+        ...e.ownerState,
+        ownerState: e.ownerState
+      }, !s.props(o))
+        continue;
+    } else
+      for (const l in s.props)
+        if (e[l] !== s.props[l] && e.ownerState?.[l] !== s.props[l])
+          continue e;
+    typeof s.style == "function" ? (o ??= {
+      ...e,
+      ...e.ownerState,
+      ownerState: e.ownerState
+    }, r.push(n ? we($e(s.style(o)), n) : s.style(o))) : r.push(n ? we($e(s.style), n) : s.style);
+  }
+  return r;
+}
+function Li(e = {}) {
+  const {
+    themeId: t,
+    defaultTheme: r = Di,
+    rootShouldForwardProp: n = Tt,
+    slotShouldForwardProp: o = Tt
+  } = e;
+  function i(l) {
+    ji(l, t, r);
+  }
+  return (l, f = {}) => {
+    po(l, (E) => E.filter((Y) => Y !== Ne));
+    const {
+      name: u,
+      slot: m,
+      skipVariantsResolver: h,
+      skipSx: d,
+      // TODO v6: remove `lowercaseFirstLetter()` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      overridesResolver: b = Bi(Ur(m)),
+      ...g
+    } = f, c = u && u.startsWith("Mui") || m ? "components" : "custom", C = h !== void 0 ? h : (
+      // TODO v6: remove `Root` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      m && m !== "Root" && m !== "root" || !1
+    ), A = d || !1;
+    let R = Tt;
+    m === "Root" || m === "root" ? R = n : m ? R = o : Wi(l) && (R = void 0);
+    const _ = fo(l, {
+      shouldForwardProp: R,
+      label: Vi(u, m),
+      ...g
+    }), v = (E) => {
+      if (E.__emotion_real === E)
+        return E;
+      if (typeof E == "function")
+        return function(Z) {
+          return He(Z, E, Z.theme.modularCssLayers ? c : void 0);
+        };
+      if (ye(E)) {
+        const Y = Mi(E);
+        return function(B) {
+          return Y.variants ? He(B, Y, B.theme.modularCssLayers ? c : void 0) : B.theme.modularCssLayers ? we(Y.style, c) : Y.style;
+        };
+      }
+      return E;
+    }, y = (...E) => {
+      const Y = [], Z = E.map(v), B = [];
+      if (Y.push(i), u && b && B.push(function(O) {
+        const P = O.theme.components?.[u]?.styleOverrides;
+        if (!P)
+          return null;
+        const j = {};
+        for (const ae in P)
+          j[ae] = He(O, P[ae], O.theme.modularCssLayers ? "theme" : void 0);
+        return b(O, j);
+      }), u && !C && B.push(function(O) {
+        const P = O.theme?.components?.[u]?.variants;
+        return P ? Wr(O, P, [], O.theme.modularCssLayers ? "theme" : void 0) : null;
+      }), A || B.push(Ne), Array.isArray(Z[0])) {
+        const a = Z.shift(), O = new Array(Y.length).fill(""), x = new Array(B.length).fill("");
+        let P;
+        P = [...O, ...a, ...x], P.raw = [...O, ...a.raw, ...x], Y.unshift(P);
+      }
+      const ie = [...Y, ...Z, ...B], X = _(...ie);
+      return l.muiName && (X.muiName = l.muiName), process.env.NODE_ENV !== "production" && (X.displayName = Fi(u, m, l)), X;
+    };
+    return _.withConfig && (y.withConfig = _.withConfig), y;
+  };
+}
+function Fi(e, t, r) {
+  return e ? `${e}${Oe(t || "")}` : `Styled(${Ni(r)})`;
+}
+function Vi(e, t) {
+  let r;
+  return process.env.NODE_ENV !== "production" && e && (r = `${e}-${Ur(t || "Root")}`), r;
+}
+function zi(e) {
+  for (const t in e)
+    return !1;
+  return !0;
+}
+function Wi(e) {
+  return typeof e == "string" && // 96 is one less than the char code
+  // for "a" so this is checking that
+  // it's a lowercase character
+  e.charCodeAt(0) > 96;
+}
+function Ur(e) {
+  return e && e.charAt(0).toLowerCase() + e.slice(1);
+}
+function Ui(e) {
+  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+const Yi = (e) => Ui(e) && e !== "classes", qi = Li({
+  themeId: Tr,
+  defaultTheme: Vr,
+  rootShouldForwardProp: Yi
+}), fa = ({
+  elementos: e,
+  items: t,
+  fijo: r,
+  fixed: n,
+  conPapel: o = !0,
+  withPaper: i,
+  sxContenedor: s,
+  sx: l,
+  alCambiar: f,
+  onChange: u,
+  valor: m,
+  value: h,
+  hijos: d,
+  children: b,
+  ...g
+}) => {
+  const c = Ii(), C = e || t || [], A = m ?? h, R = f ?? u, _ = r ?? n, v = o ?? i, y = d || b, E = /* @__PURE__ */ w(
+    Yr,
+    {
+      showLabels: !0,
+      sx: l,
+      onChange: R,
+      value: A,
+      ...g,
+      children: C.length > 0 ? C.map((Y, Z) => {
+        const { etiqueta: B, label: ie, icono: X, icon: a, valor: O, value: x, ...P } = Y;
+        return /* @__PURE__ */ w(
+          qr,
+          {
+            label: B || ie,
+            icon: X || a,
+            value: O ?? x,
+            ...P
+          },
+          Z
+        );
+      }) : y
+    }
+  );
+  return _ ? /* @__PURE__ */ w(
+    Ft,
+    {
+      sx: [
+        {
+          position: "fixed",
+          bottom: 0,
+          left: 0,
+          right: 0,
+          zIndex: c.zIndex.appBar,
+          borderRadius: 0,
+          borderTop: 1,
+          borderColor: "divider"
+        },
+        ...Array.isArray(s) ? s : [s]
+      ],
+      elevation: 3,
+      children: E
+    }
+  ) : v ? /* @__PURE__ */ w(
+    Ft,
+    {
+      elevation: 3,
+      sx: [
+        { borderRadius: 2, overflow: "hidden" },
+        ...Array.isArray(s) ? s : [s]
+      ],
+      children: E
+    }
+  ) : E;
+};
+function Gi(e, t, r = void 0) {
+  const n = {};
+  for (const o in e) {
+    const i = e[o];
+    let s = "", l = !0;
+    for (let f = 0; f < i.length; f += 1) {
+      const u = i[f];
+      u && (s += (l === !0 ? "" : " ") + t(u), l = !1, r && r[u] && (s += " " + r[u]));
+    }
+    n[o] = s;
+  }
+  return n;
+}
+const Hi = bn;
+process.env.NODE_ENV !== "production" && (z.node, z.object.isRequired);
+function Ki(e) {
+  return go(e);
+}
+function Qi(e, t, r = "Mui") {
+  const n = {};
+  return t.forEach((o) => {
+    n[o] = Bt(e, o, r);
+  }), n;
+}
+function Xi(e) {
+  return Bt("MuiSvgIcon", e);
+}
+Qi("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+const Ji = (e) => {
+  const {
+    color: t,
+    fontSize: r,
+    classes: n
+  } = e, o = {
+    root: ["root", t !== "inherit" && `color${Oe(t)}`, `fontSize${Oe(r)}`]
+  };
+  return Gi(o, Xi, n);
+}, Zi = qi("svg", {
+  name: "MuiSvgIcon",
+  slot: "Root",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: r
+    } = e;
+    return [t.root, r.color !== "inherit" && t[`color${Oe(r.color)}`], t[`fontSize${Oe(r.fontSize)}`]];
+  }
+})(Hi(({
+  theme: e
+}) => ({
+  userSelect: "none",
+  width: "1em",
+  height: "1em",
+  display: "inline-block",
+  flexShrink: 0,
+  transition: e.transitions?.create?.("fill", {
+    duration: (e.vars ?? e).transitions?.duration?.shorter
+  }),
+  variants: [
+    {
+      props: (t) => !t.hasSvgAsChild,
+      style: {
+        // the <svg> will define the property that has `currentColor`
+        // for example heroicons uses fill="none" and stroke="currentColor"
+        fill: "currentColor"
+      }
+    },
+    {
+      props: {
+        fontSize: "inherit"
+      },
+      style: {
+        fontSize: "inherit"
+      }
+    },
+    {
+      props: {
+        fontSize: "small"
+      },
+      style: {
+        fontSize: e.typography?.pxToRem?.(20) || "1.25rem"
+      }
+    },
+    {
+      props: {
+        fontSize: "medium"
+      },
+      style: {
+        fontSize: e.typography?.pxToRem?.(24) || "1.5rem"
+      }
+    },
+    {
+      props: {
+        fontSize: "large"
+      },
+      style: {
+        fontSize: e.typography?.pxToRem?.(35) || "2.1875rem"
+      }
+    },
+    // TODO v5 deprecate color prop, v6 remove for sx
+    ...Object.entries((e.vars ?? e).palette).filter(([, t]) => t && t.main).map(([t]) => ({
+      props: {
+        color: t
+      },
+      style: {
+        color: (e.vars ?? e).palette?.[t]?.main
+      }
+    })),
+    {
+      props: {
+        color: "action"
+      },
+      style: {
+        color: (e.vars ?? e).palette?.action?.active
+      }
+    },
+    {
+      props: {
+        color: "disabled"
+      },
+      style: {
+        color: (e.vars ?? e).palette?.action?.disabled
+      }
+    },
+    {
+      props: {
+        color: "inherit"
+      },
+      style: {
+        color: void 0
+      }
+    }
+  ]
+}))), Je = /* @__PURE__ */ be.forwardRef(function(t, r) {
+  const n = Ki({
+    props: t,
+    name: "MuiSvgIcon"
+  }), {
+    children: o,
+    className: i,
+    color: s = "inherit",
+    component: l = "svg",
+    fontSize: f = "medium",
+    htmlColor: u,
+    inheritViewBox: m = !1,
+    titleAccess: h,
+    viewBox: d = "0 0 24 24",
+    ...b
+  } = n, g = /* @__PURE__ */ be.isValidElement(o) && o.type === "svg", c = {
+    ...n,
+    color: s,
+    component: l,
+    fontSize: f,
+    instanceFontSize: t.fontSize,
+    inheritViewBox: m,
+    viewBox: d,
+    hasSvgAsChild: g
+  }, C = {};
+  m || (C.viewBox = d);
+  const A = Ji(c);
+  return /* @__PURE__ */ re(Zi, {
+    as: l,
+    className: Dr(A.root, i),
+    focusable: "false",
+    color: u,
+    "aria-hidden": h ? void 0 : !0,
+    role: h ? "img" : void 0,
+    ref: r,
+    ...C,
+    ...b,
+    ...g && o.props,
+    ownerState: c,
+    children: [g ? o.props.children : o, h ? /* @__PURE__ */ w("title", {
+      children: h
+    }) : null]
+  });
+});
+process.env.NODE_ENV !== "production" && (Je.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Node passed into the SVG element.
+   */
+  children: z.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: z.object,
+  /**
+   * @ignore
+   */
+  className: z.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
+   * @default 'inherit'
+   */
+  color: z.oneOfType([z.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), z.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: z.elementType,
+  /**
+   * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
+   * @default 'medium'
+   */
+  fontSize: z.oneOfType([z.oneOf(["inherit", "large", "medium", "small"]), z.string]),
+  /**
+   * Applies a color attribute to the SVG element.
+   */
+  htmlColor: z.string,
+  /**
+   * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
+   * prop will be ignored.
+   * Useful when you want to reference a custom `component` and have `SvgIcon` pass that
+   * `component`'s viewBox to the root node.
+   * @default false
+   */
+  inheritViewBox: z.bool,
+  /**
+   * The shape-rendering attribute. The behavior of the different options is described on the
+   * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/shape-rendering).
+   * If you are having issues with blurry icons you should investigate this prop.
+   */
+  shapeRendering: z.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: z.oneOfType([z.arrayOf(z.oneOfType([z.func, z.object, z.bool])), z.func, z.object]),
+  /**
+   * Provides a human-readable title for the element that contains it.
+   * https://www.w3.org/TR/SVG-access/#Equivalent
+   */
+  titleAccess: z.string,
+  /**
+   * Allows you to redefine what the coordinates without units mean inside an SVG element.
+   * For example, if the SVG element is 500 (width) by 200 (height),
+   * and you pass viewBox="0 0 50 20",
+   * this means that the coordinates inside the SVG will go from the top left corner (0,0)
+   * to bottom right (50,20) and each unit will be worth 10px.
+   * @default '0 0 24 24'
+   */
+  viewBox: z.string
+});
+Je.muiName = "SvgIcon";
+function dt(e, t) {
+  function r(n, o) {
+    return /* @__PURE__ */ w(Je, {
+      "data-testid": process.env.NODE_ENV !== "production" ? `${t}Icon` : void 0,
+      ref: o,
+      ...n,
+      children: e
+    });
+  }
+  return process.env.NODE_ENV !== "production" && (r.displayName = `${t}Icon`), r.muiName = Je.muiName, /* @__PURE__ */ be.memo(/* @__PURE__ */ be.forwardRef(r));
+}
+const ea = dt(/* @__PURE__ */ w("path", {
+  d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
+}), "NavigateNext"), ta = dt(/* @__PURE__ */ w("path", {
+  d: "M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"
+}), "Home"), da = ({
+  elementos: e,
+  items: t,
+  rutaInicio: r,
+  homeRoute: n,
+  colorActivo: o = "text.primary",
+  activeColor: i,
+  separador: s = /* @__PURE__ */ w(ea, { fontSize: "small" }),
+  separator: l,
+  hijos: f,
+  children: u,
+  ...m
+}) => {
+  const h = e || t || [], d = r || n, b = i || o, g = l || s, c = f || u, C = d ? [{ etiqueta: "Inicio", href: d, icono: /* @__PURE__ */ w(ta, { fontSize: "small" }) }, ...h] : h;
+  return c && (!h || h.length === 0) ? /* @__PURE__ */ w(Vt, { separator: g, "aria-label": "breadcrumb", ...m, children: c }) : /* @__PURE__ */ w(Vt, { separator: g, "aria-label": "breadcrumb", ...m, children: C.map((A, R) => {
+    const _ = R === C.length - 1, v = A.etiqueta || A.label, y = A.icono || A.icon;
+    return _ ? /* @__PURE__ */ re(
+      he,
+      {
+        variant: "body2",
+        sx: {
+          color: b,
+          display: "flex",
+          alignItems: "center",
+          fontWeight: 700
+        },
+        children: [
+          y && /* @__PURE__ */ w(ne, { component: "span", sx: { mr: 0.75, display: "flex" }, children: y }),
+          v
+        ]
+      },
+      R
+    ) : /* @__PURE__ */ re(
+      Cr,
+      {
+        underline: "hover",
+        color: "inherit",
+        href: A.href || "#",
+        variant: "body2",
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          opacity: 0.8,
+          "&:hover": { opacity: 1 }
+        },
+        children: [
+          y && /* @__PURE__ */ w(ne, { component: "span", sx: { mr: 0.75, display: "flex" }, children: y }),
+          v
+        ]
+      },
+      R
+    );
+  }) });
+}, jt = dt(/* @__PURE__ */ w("path", {
+  d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+}), "Close"), pa = ({
+  deslizable: e = !1,
+  ancho: t = 280,
+  cabecera: r,
+  pie: n,
+  hijos: o,
+  children: i,
+  alAbrir: s,
+  alCerrar: l,
+  abierto: f = !1,
+  anclaje: u = "left",
+  mostrarIconoCierre: m = !1,
+  propsPapel: h,
+  slotProps: d,
+  sx: b,
+  ...g
+}) => {
+  const c = o || i, C = {
+    width: u === "left" || u === "right" ? t : "auto",
+    height: u === "top" || u === "bottom" ? t : "100%",
+    boxSizing: "border-box",
+    display: "flex",
+    flexDirection: "column",
+    boxShadow: (_) => _.palette.mode === "dark" ? `0 8px 32px ${_.palette.common.black}` : `0 8px 32px ${_.palette.action.disabledBackground}`
+  }, A = {
+    ...d,
+    paper: (_) => {
+      const v = typeof d?.paper == "function" ? d.paper(_) : d?.paper || {};
+      return {
+        ...{ ...v, ...h },
+        sx: [
+          C,
+          ...Array.isArray(v.sx) ? v.sx : [v.sx],
+          ...Array.isArray(h?.sx) ? h.sx : [h?.sx]
+        ]
+      };
+    }
+  }, R = /* @__PURE__ */ re(wt, { children: [
+    (r || m) && /* @__PURE__ */ re(
+      ne,
+      {
+        sx: {
+          p: 2,
+          borderBottom: 1,
+          borderColor: "divider",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          minHeight: 64,
+          bgcolor: "background.paper",
+          zIndex: 1
+        },
+        children: [
+          /* @__PURE__ */ w(ne, { sx: { flexGrow: 1 }, children: r }),
+          m && /* @__PURE__ */ w(
+            Pt,
+            {
+              onClick: (_) => l?.(_, "closeIcon"),
+              size: "small",
+              sx: { color: "text.secondary", "&:hover": { color: "text.primary" } },
+              children: /* @__PURE__ */ w(jt, {})
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ w(ne, { sx: { flexGrow: 1, overflowY: "auto", p: 0 }, children: c }),
+    n && /* @__PURE__ */ w(ne, { sx: {
+      p: 2,
+      borderTop: 1,
+      borderColor: "divider",
+      bgcolor: "background.paper",
+      zIndex: 1
+    }, children: n })
+  ] });
+  return e && s ? /* @__PURE__ */ w(
+    Gr,
+    {
+      open: f,
+      anchor: u,
+      onOpen: s,
+      onClose: (_) => l?.(_, "backdropClick"),
+      slotProps: A,
+      sx: b,
+      ...g,
+      children: R
+    }
+  ) : /* @__PURE__ */ w(
+    xr,
+    {
+      open: f,
+      anchor: u,
+      onClose: l,
+      slotProps: A,
+      sx: b,
+      ...g,
+      children: R
+    }
+  );
+}, ma = ({
+  elementos: e,
+  hijos: t,
+  children: r,
+  elementoAnclaje: n,
+  anchorEl: o,
+  abierto: i,
+  open: s,
+  alCerrar: l,
+  onClose: f,
+  ...u
+}) => /* @__PURE__ */ w(
+  Hr,
+  {
+    anchorEl: n ?? o,
+    open: i ?? s,
+    onClose: l ?? f,
+    ...u,
+    children: e ? e.map((g, c) => /* @__PURE__ */ re(
+      Kr,
+      {
+        onClick: g.alHacerClick || g.onClick,
+        disabled: g.disabled,
+        selected: g.selected,
+        divider: g.divider,
+        sx: [
+          {
+            borderRadius: 1.5,
+            mx: 0.5,
+            my: 0.2,
+            minWidth: 160,
+            "&:hover": {
+              bgcolor: "action.hover"
+            }
+          },
+          ...Array.isArray(g.sx) ? g.sx : g.sx ? [g.sx] : []
+        ],
+        children: [
+          (g.icono || g.icon) && /* @__PURE__ */ w(Qr, { sx: { minWidth: 32, color: "inherit" }, children: g.icono || g.icon }),
+          /* @__PURE__ */ w(
+            Xr,
+            {
+              primary: g.etiqueta || g.label,
+              primaryTypographyProps: { variant: "body2", fontWeight: 500 }
+            }
+          )
+        ]
+      },
+      c
+    )) : t || r
+  }
+), ha = ({
+  componente: e,
+  subrayado: t = "hover",
+  hijos: r,
+  children: n,
+  alHacerClick: o,
+  onClick: i,
+  ...s
+}) => /* @__PURE__ */ w(
+  Cr,
+  {
+    component: e || "a",
+    underline: t,
+    onClick: o || i,
+    ...s,
+    children: r || n
+  }
+), ga = ({
+  total: e,
+  count: t,
+  pagina: r,
+  page: n,
+  alCambiar: o,
+  onChange: i,
+  centrado: s = !1,
+  sx: l,
+  ...f
+}) => {
+  const d = /* @__PURE__ */ w(
+    Jr,
+    {
+      count: e ?? t,
+      page: r ?? n,
+      onChange: o ?? i,
+      ...f
+    }
+  );
+  return s ? /* @__PURE__ */ w(ne, { sx: { display: "flex", justifyContent: "center", width: "100%", ...l }, children: d }) : /* @__PURE__ */ w(ne, { sx: l, children: d });
+}, ya = ({
+  acciones: e,
+  icono: t,
+  etiquetaAria: r,
+  hijos: n,
+  children: o,
+  ...i
+}) => /* @__PURE__ */ w(
+  Zr,
+  {
+    ariaLabel: r,
+    icon: t || /* @__PURE__ */ w(tn, {}),
+    ...i,
+    children: e ? e.map((l, f) => /* @__PURE__ */ w(
+      en,
+      {
+        icon: l.icono || l.icon,
+        tooltipTitle: l.tituloTooltip || l.tooltipTitle,
+        onClick: l.alHacerClick || l.onClick,
+        FabProps: l.FabProps,
+        tooltipOpen: l.tooltipOpen,
+        tooltipPlacement: l.tooltipPlacement
+      },
+      f
+    )) : n || o
+  }
+), ba = ({
+  pasos: e,
+  pasoActivo: t,
+  activeStep: r,
+  orientacion: n = "horizontal",
+  orientation: o,
+  etiquetasAlternativas: i = !1,
+  alternativeLabel: s,
+  noLineal: l = !1,
+  nonLinear: f,
+  alHacerClickEnPaso: u,
+  onStepClick: m,
+  hijos: h,
+  children: d,
+  ...b
+}) => {
+  const g = t ?? r, c = n ?? o, C = i ?? s, A = l ?? f, R = u ?? m;
+  return /* @__PURE__ */ w(
+    rn,
+    {
+      activeStep: g,
+      orientation: c,
+      alternativeLabel: C,
+      nonLinear: A,
+      ...b,
+      children: e ? e.map((v, y) => {
+        const E = {};
+        v.error && (E.error = !0), (v.opcional || v.optional) && (E.optional = /* @__PURE__ */ w(he, { variant: "caption", color: "text.secondary", display: "block", children: "Opcional" }));
+        const Z = v.etiqueta || v.label, B = v.descripcion || v.description, ie = v.completado || v.completed, X = /* @__PURE__ */ re(an, { ...E, children: [
+          Z,
+          B && /* @__PURE__ */ w(he, { variant: "caption", display: "block", color: "text.secondary", children: B })
+        ] });
+        return /* @__PURE__ */ w(nn, { completed: ie, children: A ? /* @__PURE__ */ w(on, { color: "inherit", onClick: () => R?.(y), children: X }) : X }, y);
+      }) : h || d
+    }
+  );
+}, va = ({
+  elementos: e,
+  items: t,
+  valor: r,
+  value: n,
+  alCambiar: o,
+  onChange: i,
+  centrado: s = !1,
+  centered: l,
+  posicionIcono: f = "top",
+  iconPosition: u,
+  hijos: m,
+  children: h,
+  sx: d,
+  ...b
+}) => {
+  const g = e || t || [], c = r ?? n, C = o ?? i, A = s ?? l, R = f ?? u, _ = m || h;
+  return /* @__PURE__ */ w(ne, { sx: [{ borderBottom: 1, borderColor: "divider", width: "100%" }, ...Array.isArray(d) ? d : d ? [d] : []], children: /* @__PURE__ */ w(
+    sn,
+    {
+      value: c,
+      onChange: C,
+      centered: A,
+      ...b,
+      children: g.length > 0 ? g.map((v, y) => {
+        const E = v.etiqueta || v.label, Y = v.icono || v.icon, Z = v.valor ?? v.value, B = v.deshabilitado ?? v.disabled;
+        return /* @__PURE__ */ w(
+          ln,
+          {
+            label: E,
+            icon: Y,
+            value: Z,
+            disabled: B,
+            iconPosition: R,
+            sx: { minHeight: 64, fontWeight: 600 }
+          },
+          y
+        );
+      }) : _
+    }
+  ) });
+}, ra = dt(/* @__PURE__ */ w("path", {
+  d: "M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z"
+}), "Menu"), Sa = ({
+  textoLogo: e = "Codeplex",
+  srcLogo: t,
+  enlaces: r = [],
+  usuario: n,
+  posicion: o = "sticky",
+  children: i
+}) => {
+  const [s, l] = dn(!1), f = pn(null), u = Er();
+  mn(() => {
+    const d = (b) => {
+      s && f.current && !f.current.contains(b.target) && l(!1);
+    };
+    return document.addEventListener("click", d), () => document.removeEventListener("click", d);
+  }, [s]);
+  const m = (d) => {
+    d.deshabilitado || (d.alHacerClick?.(), d.href && (window.location.href = d.href), l(!1));
+  }, h = (d, b) => ({
+    px: 1.5,
+    py: 1,
+    borderRadius: 1,
+    fontSize: 14,
+    fontWeight: 500,
+    transition: u.transitions.create(["background-color", "color"]),
+    bgcolor: d ? u.palette.action.selected : "transparent",
+    color: d ? u.palette.text.primary : u.palette.text.secondary,
+    opacity: b ? 0.5 : 1,
+    cursor: b ? "not-allowed" : "pointer",
+    ...!b && !d && {
+      "&:hover": {
+        bgcolor: u.palette.action.hover,
+        color: u.palette.text.primary
+      }
+    }
+  });
+  return /* @__PURE__ */ re(
+    cn,
+    {
+      ref: f,
+      position: o === "static" ? "static" : o,
+      elevation: 0,
+      sx: {
+        bgcolor: $t(u.palette.background.paper, 0.8),
+        backdropFilter: "blur(12px)",
+        borderBottom: `1px solid ${u.palette.divider}`,
+        color: u.palette.text.primary
+      },
+      children: [
+        /* @__PURE__ */ re(un, { sx: { maxWidth: 1280, width: "100%", mx: "auto", px: { xs: 2, sm: 3, lg: 4 } }, children: [
+          /* @__PURE__ */ re(ne, { sx: { display: "flex", alignItems: "center", gap: 4, flex: 1 }, children: [
+            /* @__PURE__ */ re(
+              mt,
+              {
+                onClick: () => window.location.href = "/",
+                sx: { display: "flex", alignItems: "center", gap: 1.5, borderRadius: 1 },
+                children: [
+                  t ? /* @__PURE__ */ w(We, { src: t, alt: e, sx: { width: 32, height: 32, borderRadius: 1.5 } }) : /* @__PURE__ */ w(
+                    We,
+                    {
+                      sx: {
+                        width: 32,
+                        height: 32,
+                        borderRadius: 1.5,
+                        bgcolor: u.palette.primary.main,
+                        fontSize: 13,
+                        fontWeight: 700
+                      },
+                      children: e.charAt(0)
+                    }
+                  ),
+                  /* @__PURE__ */ w(he, { variant: "subtitle1", fontWeight: 700, letterSpacing: "-0.01em", children: e })
+                ]
+              }
+            ),
+            /* @__PURE__ */ w(ne, { sx: { display: { xs: "none", md: "flex" }, alignItems: "center", gap: 0.5 }, children: r.map((d) => /* @__PURE__ */ w(
+              mt,
+              {
+                onClick: () => m(d),
+                disabled: d.deshabilitado,
+                sx: h(!!d.activo, !!d.deshabilitado),
+                children: d.etiqueta
+              },
+              d.id
+            )) })
+          ] }),
+          /* @__PURE__ */ re(ne, { sx: { display: "flex", alignItems: "center", gap: 2 }, children: [
+            i,
+            n && /* @__PURE__ */ re(
+              ne,
+              {
+                sx: {
+                  display: { xs: "none", sm: "flex" },
+                  alignItems: "center",
+                  gap: 1.5,
+                  pl: 2,
+                  borderLeft: `1px solid ${u.palette.divider}`
+                },
+                children: [
+                  /* @__PURE__ */ re(ne, { sx: { textAlign: "right", display: { xs: "none", lg: "block" } }, children: [
+                    /* @__PURE__ */ w(he, { variant: "body2", fontWeight: 500, lineHeight: 1.2, children: n.nombre }),
+                    n.rol && /* @__PURE__ */ w(he, { variant: "caption", color: "text.secondary", children: n.rol })
+                  ] }),
+                  /* @__PURE__ */ w(
+                    We,
+                    {
+                      src: n.avatar,
+                      alt: n.nombre,
+                      sx: { width: 36, height: 36, border: `1px solid ${u.palette.divider}` },
+                      children: n.nombre.charAt(0).toUpperCase()
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ w(
+              Pt,
+              {
+                onClick: () => l(!s),
+                "aria-label": "Abrir menú",
+                "aria-expanded": s,
+                sx: { display: { xs: "flex", md: "none" } },
+                children: s ? /* @__PURE__ */ w(jt, {}) : /* @__PURE__ */ w(ra, {})
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ w(fn, { in: s, children: /* @__PURE__ */ re(
+          ne,
+          {
+            sx: {
+              display: { md: "none" },
+              borderTop: `1px solid ${u.palette.divider}`,
+              bgcolor: u.palette.background.paper,
+              px: 1,
+              pt: 1,
+              pb: 1.5
+            },
+            children: [
+              r.map((d) => /* @__PURE__ */ w(
+                mt,
+                {
+                  onClick: () => m(d),
+                  disabled: d.deshabilitado,
+                  sx: {
+                    ...h(!!d.activo, !!d.deshabilitado),
+                    width: "100%",
+                    justifyContent: "flex-start",
+                    py: 1.5
+                  },
+                  children: d.etiqueta
+                },
+                d.id
+              )),
+              n && /* @__PURE__ */ re(
+                ne,
+                {
+                  sx: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 1.5,
+                    mt: 1,
+                    pt: 2,
+                    px: 1.5,
+                    borderTop: `1px solid ${u.palette.divider}`
+                  },
+                  children: [
+                    /* @__PURE__ */ w(
+                      We,
+                      {
+                        src: n.avatar,
+                        alt: n.nombre,
+                        sx: { width: 40, height: 40, border: `1px solid ${u.palette.divider}` },
+                        children: n.nombre.charAt(0)
+                      }
+                    ),
+                    /* @__PURE__ */ re(ne, { children: [
+                      /* @__PURE__ */ w(he, { variant: "body2", fontWeight: 500, children: n.nombre }),
+                      n.email && /* @__PURE__ */ w(he, { variant: "caption", color: "text.secondary", children: n.email })
+                    ] })
+                  ]
+                }
+              )
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}, na = {
+  pequeno: 256,
+  sm: 256,
+  mediano: 320,
+  md: 320,
+  grande: 384,
+  lg: 384,
+  enorme: 512,
+  xl: 512,
+  completo: "100vw",
+  full: "100vw"
+}, oa = {
+  izquierda: "left",
+  derecha: "right"
+}, Ca = ({
+  abierto: e,
+  lado: t = "derecha",
+  tamano: r = "mediano",
+  titulo: n,
+  descripcion: o,
+  mostrarCierre: i = !0,
+  cerrarAlClickFondo: s = !0,
+  alCerrar: l,
+  children: f,
+  pie: u
+}) => {
+  const m = Er(), h = na[r] ?? 320;
+  return /* @__PURE__ */ re(
+    xr,
+    {
+      anchor: oa[t] ?? "right",
+      open: e,
+      onClose: s ? l : void 0,
+      slotProps: {
+        backdrop: {
+          sx: {
+            bgcolor: $t(m.palette.common.black, 0.5),
+            backdropFilter: "blur(4px)"
+          }
+        }
+      },
+      PaperProps: {
+        sx: {
+          width: h,
+          maxWidth: "100vw",
+          display: "flex",
+          flexDirection: "column",
+          bgcolor: m.palette.background.paper
+        }
+      },
+      children: [
+        (n || i) && /* @__PURE__ */ re(wt, { children: [
+          /* @__PURE__ */ re(
+            ne,
+            {
+              sx: {
+                display: "flex",
+                alignItems: "flex-start",
+                justifyContent: "space-between",
+                px: 3,
+                py: 2,
+                flexShrink: 0
+              },
+              children: [
+                /* @__PURE__ */ re(ne, { sx: { display: "flex", flexDirection: "column", gap: 0.25 }, children: [
+                  n && /* @__PURE__ */ w(he, { variant: "h6", fontWeight: 600, children: n }),
+                  o && /* @__PURE__ */ w(he, { variant: "body2", color: "text.secondary", children: o })
+                ] }),
+                i && /* @__PURE__ */ w(
+                  Pt,
+                  {
+                    onClick: l,
+                    "aria-label": "Cerrar panel",
+                    size: "small",
+                    sx: { ml: 2 },
+                    children: /* @__PURE__ */ w(jt, { fontSize: "small" })
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ w(zt, {})
+        ] }),
+        /* @__PURE__ */ w(ne, { sx: { flex: 1, overflowY: "auto", px: 3, py: 2 }, children: f }),
+        u && /* @__PURE__ */ re(wt, { children: [
+          /* @__PURE__ */ w(zt, {}),
+          /* @__PURE__ */ w(
+            ne,
+            {
+              sx: {
+                px: 3,
+                py: 2,
+                flexShrink: 0,
+                bgcolor: $t(m.palette.background.default, 0.5)
+              },
+              children: u
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+export {
+  Sa as CodeplexBarraNavegacion,
+  pa as CodeplexCajonLateral,
+  ha as CodeplexEnlace,
+  ya as CodeplexMarcacionRapida,
+  ma as CodeplexMenu,
+  da as CodeplexMigasPan,
+  fa as CodeplexNavegacionInferior,
+  ga as CodeplexPaginacion,
+  Ca as CodeplexPanelLateral,
+  ba as CodeplexPasos,
+  va as CodeplexPestanas
+};