@codeplex-sac/superposiciones 0.1.2

package/index.js

@@ -0,0 +1,3119 @@
+import { jsx as Z, jsxs as ft } from "react/jsx-runtime";
+import * as gr from "react";
+import ve from "react";
+import { Portal as dt, Box as Me, Typography as pt, Popper as mt, Fade as Hr, ClickAwayListener as Qr, Paper as gt, Collapse as ht, Grow as yt, Slide as bt, Zoom as vt } from "@mui/material";
+import { unstable_createGetCssVar as Ct, createSpacing as St, useTheme as Et } from "@mui/system";
+const Fo = ({
+  contenedor: e,
+  container: r,
+  idContenedor: t,
+  containerId: n,
+  children: o,
+  deshabilitarPortal: a,
+  disablePortal: s,
+  ...l
+}) => {
+  const [f, d] = ve.useState(null), p = t || n, m = e || r, g = a ?? s;
+  ve.useEffect(() => {
+    if (p) {
+      const y = document.getElementById(p);
+      y && d(y);
+    }
+  }, [p]);
+  const v = p ? f : m;
+  return p && !f ? null : /* @__PURE__ */ Z(
+    dt,
+    {
+      container: v,
+      disablePortal: g,
+      ...l,
+      children: o
+    }
+  );
+};
+function ge(e, ...r) {
+  const t = new URL(`https://mui.com/production-error/?code=${e}`);
+  return r.forEach((n) => t.searchParams.append("args[]", n)), `Minified MUI error #${e}; visit ${t} for the full message.`;
+}
+const Tt = "$$material", $t = (e) => {
+  const r = Object.keys(e).map((t) => ({
+    key: t,
+    val: e[t]
+  })) || [];
+  return r.sort((t, n) => t.val - n.val), r.reduce((t, n) => ({
+    ...t,
+    [n.key]: n.val
+  }), {});
+};
+function xt(e) {
+  const {
+    // The breakpoint **start** at this value.
+    // For instance with the first breakpoint xs: [xs, sm).
+    values: r = {
+      xs: 0,
+      // phone
+      sm: 600,
+      // tablet
+      md: 900,
+      // small laptop
+      lg: 1200,
+      // desktop
+      xl: 1536
+      // large screen
+    },
+    unit: t = "px",
+    step: n = 5,
+    ...o
+  } = e, a = $t(r), s = Object.keys(a);
+  function l(g) {
+    return `@media (min-width:${typeof r[g] == "number" ? r[g] : g}${t})`;
+  }
+  function f(g) {
+    return `@media (max-width:${(typeof r[g] == "number" ? r[g] : g) - n / 100}${t})`;
+  }
+  function d(g, v) {
+    const y = s.indexOf(v);
+    return `@media (min-width:${typeof r[g] == "number" ? r[g] : g}${t}) and (max-width:${(y !== -1 && typeof r[s[y]] == "number" ? r[s[y]] : v) - n / 100}${t})`;
+  }
+  function p(g) {
+    return s.indexOf(g) + 1 < s.length ? d(g, s[s.indexOf(g) + 1]) : l(g);
+  }
+  function m(g) {
+    const v = s.indexOf(g);
+    return v === 0 ? l(s[1]) : v === s.length - 1 ? f(s[v]) : d(g, s[s.indexOf(g) + 1]).replace("@media", "@media not all and");
+  }
+  return {
+    keys: s,
+    values: a,
+    up: l,
+    down: f,
+    between: d,
+    only: p,
+    not: m,
+    unit: t,
+    ...o
+  };
+}
+function wt(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var De = { exports: {} }, z = {};
+var Er;
+function _t() {
+  if (Er) return z;
+  Er = 1;
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.portal"), t = /* @__PURE__ */ Symbol.for("react.fragment"), n = /* @__PURE__ */ Symbol.for("react.strict_mode"), o = /* @__PURE__ */ Symbol.for("react.profiler"), a = /* @__PURE__ */ Symbol.for("react.consumer"), s = /* @__PURE__ */ Symbol.for("react.context"), l = /* @__PURE__ */ Symbol.for("react.forward_ref"), f = /* @__PURE__ */ Symbol.for("react.suspense"), d = /* @__PURE__ */ Symbol.for("react.suspense_list"), p = /* @__PURE__ */ Symbol.for("react.memo"), m = /* @__PURE__ */ Symbol.for("react.lazy"), g = /* @__PURE__ */ Symbol.for("react.view_transition"), v = /* @__PURE__ */ Symbol.for("react.client.reference");
+  function y(c) {
+    if (typeof c == "object" && c !== null) {
+      var C = c.$$typeof;
+      switch (C) {
+        case e:
+          switch (c = c.type, c) {
+            case t:
+            case o:
+            case n:
+            case f:
+            case d:
+            case g:
+              return c;
+            default:
+              switch (c = c && c.$$typeof, c) {
+                case s:
+                case l:
+                case m:
+                case p:
+                  return c;
+                case a:
+                  return c;
+                default:
+                  return C;
+              }
+          }
+        case r:
+          return C;
+      }
+    }
+  }
+  return z.ContextConsumer = a, z.ContextProvider = s, z.Element = e, z.ForwardRef = l, z.Fragment = t, z.Lazy = m, z.Memo = p, z.Portal = r, z.Profiler = o, z.StrictMode = n, z.Suspense = f, z.SuspenseList = d, z.isContextConsumer = function(c) {
+    return y(c) === a;
+  }, z.isContextProvider = function(c) {
+    return y(c) === s;
+  }, z.isElement = function(c) {
+    return typeof c == "object" && c !== null && c.$$typeof === e;
+  }, z.isForwardRef = function(c) {
+    return y(c) === l;
+  }, z.isFragment = function(c) {
+    return y(c) === t;
+  }, z.isLazy = function(c) {
+    return y(c) === m;
+  }, z.isMemo = function(c) {
+    return y(c) === p;
+  }, z.isPortal = function(c) {
+    return y(c) === r;
+  }, z.isProfiler = function(c) {
+    return y(c) === o;
+  }, z.isStrictMode = function(c) {
+    return y(c) === n;
+  }, z.isSuspense = function(c) {
+    return y(c) === f;
+  }, z.isSuspenseList = function(c) {
+    return y(c) === d;
+  }, z.isValidElementType = function(c) {
+    return typeof c == "string" || typeof c == "function" || c === t || c === o || c === n || c === f || c === d || typeof c == "object" && c !== null && (c.$$typeof === m || c.$$typeof === p || c.$$typeof === s || c.$$typeof === a || c.$$typeof === l || c.$$typeof === v || c.getModuleId !== void 0);
+  }, z.typeOf = y, z;
+}
+var q = {};
+var Tr;
+function Ot() {
+  return Tr || (Tr = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(c) {
+      if (typeof c == "object" && c !== null) {
+        var C = c.$$typeof;
+        switch (C) {
+          case r:
+            switch (c = c.type, c) {
+              case n:
+              case a:
+              case o:
+              case d:
+              case p:
+              case v:
+                return c;
+              default:
+                switch (c = c && c.$$typeof, c) {
+                  case l:
+                  case f:
+                  case g:
+                  case m:
+                    return c;
+                  case s:
+                    return c;
+                  default:
+                    return C;
+                }
+            }
+          case t:
+            return C;
+        }
+      }
+    }
+    var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.portal"), n = /* @__PURE__ */ Symbol.for("react.fragment"), o = /* @__PURE__ */ Symbol.for("react.strict_mode"), a = /* @__PURE__ */ Symbol.for("react.profiler"), s = /* @__PURE__ */ Symbol.for("react.consumer"), l = /* @__PURE__ */ Symbol.for("react.context"), f = /* @__PURE__ */ Symbol.for("react.forward_ref"), d = /* @__PURE__ */ Symbol.for("react.suspense"), p = /* @__PURE__ */ Symbol.for("react.suspense_list"), m = /* @__PURE__ */ Symbol.for("react.memo"), g = /* @__PURE__ */ Symbol.for("react.lazy"), v = /* @__PURE__ */ Symbol.for("react.view_transition"), y = /* @__PURE__ */ Symbol.for("react.client.reference");
+    q.ContextConsumer = s, q.ContextProvider = l, q.Element = r, q.ForwardRef = f, q.Fragment = n, q.Lazy = g, q.Memo = m, q.Portal = t, q.Profiler = a, q.StrictMode = o, q.Suspense = d, q.SuspenseList = p, 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 === r;
+    }, q.isForwardRef = function(c) {
+      return e(c) === f;
+    }, q.isFragment = function(c) {
+      return e(c) === n;
+    }, q.isLazy = function(c) {
+      return e(c) === g;
+    }, q.isMemo = function(c) {
+      return e(c) === m;
+    }, q.isPortal = function(c) {
+      return e(c) === t;
+    }, q.isProfiler = function(c) {
+      return e(c) === a;
+    }, q.isStrictMode = function(c) {
+      return e(c) === o;
+    }, q.isSuspense = function(c) {
+      return e(c) === d;
+    }, q.isSuspenseList = function(c) {
+      return e(c) === p;
+    }, q.isValidElementType = function(c) {
+      return typeof c == "string" || typeof c == "function" || c === n || c === a || c === o || c === d || c === p || typeof c == "object" && c !== null && (c.$$typeof === g || c.$$typeof === m || c.$$typeof === l || c.$$typeof === s || c.$$typeof === f || c.$$typeof === y || c.getModuleId !== void 0);
+    }, q.typeOf = e;
+  })()), q;
+}
+var $r;
+function At() {
+  return $r || ($r = 1, process.env.NODE_ENV === "production" ? De.exports = /* @__PURE__ */ _t() : De.exports = /* @__PURE__ */ Ot()), De.exports;
+}
+var Xr = /* @__PURE__ */ At();
+function me(e) {
+  if (typeof e != "object" || e === null)
+    return !1;
+  const r = Object.getPrototypeOf(e);
+  return (r === null || r === Object.prototype || Object.getPrototypeOf(r) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
+}
+function Jr(e) {
+  if (/* @__PURE__ */ gr.isValidElement(e) || Xr.isValidElementType(e) || !me(e))
+    return e;
+  const r = {};
+  return Object.keys(e).forEach((t) => {
+    r[t] = Jr(e[t]);
+  }), r;
+}
+function oe(e, r, t = {
+  clone: !0
+}) {
+  const n = t.clone ? {
+    ...e
+  } : e;
+  return me(e) && me(r) && Object.keys(r).forEach((o) => {
+    /* @__PURE__ */ gr.isValidElement(r[o]) || Xr.isValidElementType(r[o]) ? n[o] = r[o] : me(r[o]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(e, o) && me(e[o]) ? n[o] = oe(e[o], r[o], t) : t.clone ? n[o] = me(r[o]) ? Jr(r[o]) : r[o] : n[o] = r[o];
+  }), n;
+}
+function Rt(e, r = Number.MIN_SAFE_INTEGER, t = Number.MAX_SAFE_INTEGER) {
+  return Math.max(r, Math.min(e, t));
+}
+function hr(e, r = 0, t = 1) {
+  return process.env.NODE_ENV !== "production" && (e < r || e > t) && console.error(`MUI: The value provided ${e} is out of range [${r}, ${t}].`), Rt(e, r, t);
+}
+function Pt(e) {
+  e = e.slice(1);
+  const r = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
+  let t = e.match(r);
+  return t && t[0].length === 1 && (t = t.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.`), t ? `rgb${t.length === 4 ? "a" : ""}(${t.map((n, o) => o < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
+}
+function he(e) {
+  if (e.type)
+    return e;
+  if (e.charAt(0) === "#")
+    return he(Pt(e));
+  const r = e.indexOf("("), t = e.substring(0, r);
+  if (!["rgb", "rgba", "hsl", "hsla", "color"].includes(t))
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
+The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : ge(9, e));
+  let n = e.substring(r + 1, e.length - 1), o;
+  if (t === "color") {
+    if (n = n.split(" "), o = n.shift(), n.length === 4 && n[3].charAt(0) === "/" && (n[3] = n[3].slice(1)), !["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].includes(o))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${o}\` color space.
+The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : ge(10, o));
+  } else
+    n = n.split(",");
+  return n = n.map((a) => parseFloat(a)), {
+    type: t,
+    values: n,
+    colorSpace: o
+  };
+}
+const kt = (e) => {
+  const r = he(e);
+  return r.values.slice(0, 3).map((t, n) => r.type.includes("hsl") && n !== 0 ? `${t}%` : t).join(" ");
+}, Oe = (e, r) => {
+  try {
+    return kt(e);
+  } catch {
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
+  }
+};
+function Ve(e) {
+  const {
+    type: r,
+    colorSpace: t
+  } = e;
+  let {
+    values: n
+  } = e;
+  return r.includes("rgb") ? n = n.map((o, a) => a < 3 ? parseInt(o, 10) : o) : r.includes("hsl") && (n[1] = `${n[1]}%`, n[2] = `${n[2]}%`), r.includes("color") ? n = `${t} ${n.join(" ")}` : n = `${n.join(", ")}`, `${r}(${n})`;
+}
+function Zr(e) {
+  e = he(e);
+  const {
+    values: r
+  } = e, t = r[0], n = r[1] / 100, o = r[2] / 100, a = n * Math.min(o, 1 - o), s = (d, p = (d + t / 30) % 12) => o - a * Math.max(Math.min(p - 3, 9 - p, 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(r[3])), Ve({
+    type: l,
+    values: f
+  });
+}
+function dr(e) {
+  e = he(e);
+  let r = e.type === "hsl" || e.type === "hsla" ? he(Zr(e)).values : e.values;
+  return r = r.map((t) => (e.type !== "color" && (t /= 255), t <= 0.03928 ? t / 12.92 : ((t + 0.055) / 1.055) ** 2.4)), Number((0.2126 * r[0] + 0.7152 * r[1] + 0.0722 * r[2]).toFixed(3));
+}
+function xr(e, r) {
+  const t = dr(e), n = dr(r);
+  return (Math.max(t, n) + 0.05) / (Math.min(t, n) + 0.05);
+}
+function et(e, r) {
+  return e = he(e), r = hr(r), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${r}` : e.values[3] = r, Ve(e);
+}
+function be(e, r, t) {
+  try {
+    return et(e, r);
+  } catch {
+    return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
+  }
+}
+function We(e, r) {
+  if (e = he(e), r = hr(r), e.type.includes("hsl"))
+    e.values[2] *= 1 - r;
+  else if (e.type.includes("rgb") || e.type.includes("color"))
+    for (let t = 0; t < 3; t += 1)
+      e.values[t] *= 1 - r;
+  return Ve(e);
+}
+function Y(e, r, t) {
+  try {
+    return We(e, r);
+  } catch {
+    return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
+  }
+}
+function Ye(e, r) {
+  if (e = he(e), r = hr(r), e.type.includes("hsl"))
+    e.values[2] += (100 - e.values[2]) * r;
+  else if (e.type.includes("rgb"))
+    for (let t = 0; t < 3; t += 1)
+      e.values[t] += (255 - e.values[t]) * r;
+  else if (e.type.includes("color"))
+    for (let t = 0; t < 3; t += 1)
+      e.values[t] += (1 - e.values[t]) * r;
+  return Ve(e);
+}
+function U(e, r, t) {
+  try {
+    return Ye(e, r);
+  } catch {
+    return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
+  }
+}
+function It(e, r = 0.15) {
+  return dr(e) > 0.5 ? We(e, r) : Ye(e, r);
+}
+function Be(e, r, t) {
+  try {
+    return It(e, r);
+  } catch {
+    return e;
+  }
+}
+const Pe = {
+  black: "#000",
+  white: "#fff"
+}, Nt = {
+  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"
+}, Ce = {
+  50: "#f3e5f5",
+  200: "#ce93d8",
+  300: "#ba68c8",
+  400: "#ab47bc",
+  500: "#9c27b0",
+  700: "#7b1fa2"
+}, Se = {
+  300: "#e57373",
+  400: "#ef5350",
+  500: "#f44336",
+  700: "#d32f2f",
+  800: "#c62828"
+}, we = {
+  300: "#ffb74d",
+  400: "#ffa726",
+  500: "#ff9800",
+  700: "#f57c00",
+  900: "#e65100"
+}, Ee = {
+  50: "#e3f2fd",
+  200: "#90caf9",
+  400: "#42a5f5",
+  700: "#1976d2",
+  800: "#1565c0"
+}, Te = {
+  300: "#4fc3f7",
+  400: "#29b6f6",
+  500: "#03a9f4",
+  700: "#0288d1",
+  900: "#01579b"
+}, $e = {
+  300: "#81c784",
+  400: "#66bb6a",
+  500: "#4caf50",
+  700: "#388e3c",
+  800: "#2e7d32",
+  900: "#1b5e20"
+};
+function rt() {
+  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: Pe.white,
+      default: Pe.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 tt = rt();
+function nt() {
+  return {
+    text: {
+      primary: Pe.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: Pe.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 pr = nt();
+function wr(e, r, t, n) {
+  const o = n.light || n, a = n.dark || n * 1.5;
+  e[r] || (e.hasOwnProperty(t) ? e[r] = e[t] : r === "light" ? e.light = Ye(e.main, o) : r === "dark" && (e.dark = We(e.main, a)));
+}
+function _r(e, r, t, n, o) {
+  const a = o.light || o, s = o.dark || o * 1.5;
+  r[t] || (r.hasOwnProperty(n) ? r[t] = r[n] : t === "light" ? r.light = `color-mix(in ${e}, ${r.main}, #fff ${(a * 100).toFixed(0)}%)` : t === "dark" && (r.dark = `color-mix(in ${e}, ${r.main}, #000 ${(s * 100).toFixed(0)}%)`));
+}
+function Mt(e = "light") {
+  return e === "dark" ? {
+    main: Ee[200],
+    light: Ee[50],
+    dark: Ee[400]
+  } : {
+    main: Ee[700],
+    light: Ee[400],
+    dark: Ee[800]
+  };
+}
+function Dt(e = "light") {
+  return e === "dark" ? {
+    main: Ce[200],
+    light: Ce[50],
+    dark: Ce[400]
+  } : {
+    main: Ce[500],
+    light: Ce[300],
+    dark: Ce[700]
+  };
+}
+function Bt(e = "light") {
+  return e === "dark" ? {
+    main: Se[500],
+    light: Se[300],
+    dark: Se[700]
+  } : {
+    main: Se[700],
+    light: Se[400],
+    dark: Se[800]
+  };
+}
+function jt(e = "light") {
+  return e === "dark" ? {
+    main: Te[400],
+    light: Te[300],
+    dark: Te[700]
+  } : {
+    main: Te[700],
+    light: Te[500],
+    dark: Te[900]
+  };
+}
+function Ft(e = "light") {
+  return e === "dark" ? {
+    main: $e[400],
+    light: $e[300],
+    dark: $e[700]
+  } : {
+    main: $e[800],
+    light: $e[500],
+    dark: $e[900]
+  };
+}
+function Lt(e = "light") {
+  return e === "dark" ? {
+    main: we[400],
+    light: we[300],
+    dark: we[700]
+  } : {
+    main: "#ed6c02",
+    // closest to orange[800] that pass 3:1.
+    light: we[500],
+    dark: we[900]
+  };
+}
+function Vt(e) {
+  return `oklch(from ${e} var(--__l) 0 h / var(--__a))`;
+}
+function yr(e) {
+  const {
+    mode: r = "light",
+    contrastThreshold: t = 3,
+    tonalOffset: n = 0.2,
+    colorSpace: o,
+    ...a
+  } = e, s = e.primary || Mt(r), l = e.secondary || Dt(r), f = e.error || Bt(r), d = e.info || jt(r), p = e.success || Ft(r), m = e.warning || Lt(r);
+  function g(C) {
+    if (o)
+      return Vt(C);
+    const O = xr(C, pr.text.primary) >= t ? pr.text.primary : tt.text.primary;
+    if (process.env.NODE_ENV !== "production") {
+      const N = xr(C, O);
+      N < 3 && console.error([`MUI: The contrast ratio of ${N}:1 for ${O} 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 O;
+  }
+  const v = ({
+    color: C,
+    name: O,
+    mainShade: N = 500,
+    lightShade: I = 300,
+    darkShade: T = 700
+  }) => {
+    if (C = {
+      ...C
+    }, !C.main && C[N] && (C.main = C[N]), !C.hasOwnProperty("main"))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${O ? ` (${O})` : ""} provided to augmentColor(color) is invalid.
+The color object needs to have a \`main\` property or a \`${N}\` property.` : ge(11, O ? ` (${O})` : "", N));
+    if (typeof C.main != "string")
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${O ? ` (${O})` : ""} 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] },
+} });` : ge(12, O ? ` (${O})` : "", JSON.stringify(C.main)));
+    return o ? (_r(o, C, "light", I, n), _r(o, C, "dark", T, n)) : (wr(C, "light", I, n), wr(C, "dark", T, n)), C.contrastText || (C.contrastText = g(C.main)), C;
+  };
+  let y;
+  return r === "light" ? y = rt() : r === "dark" && (y = nt()), process.env.NODE_ENV !== "production" && (y || console.error(`MUI: The palette mode \`${r}\` is not supported.`)), oe({
+    // A collection of common colors.
+    common: {
+      ...Pe
+    },
+    // prevent mutable object.
+    // The palette mode, can be light or dark.
+    mode: r,
+    // The colors used to represent primary interface elements for a user.
+    primary: v({
+      color: s,
+      name: "primary"
+    }),
+    // The colors used to represent secondary interface elements for a user.
+    secondary: v({
+      color: 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: v({
+      color: f,
+      name: "error"
+    }),
+    // The colors used to represent potentially dangerous actions or important messages.
+    warning: v({
+      color: m,
+      name: "warning"
+    }),
+    // The colors used to present information to the user that is neutral and not necessarily important.
+    info: v({
+      color: d,
+      name: "info"
+    }),
+    // The colors used to indicate the successful completion of an action that user triggered.
+    success: v({
+      color: p,
+      name: "success"
+    }),
+    // The grey colors.
+    grey: Nt,
+    // Used by `getContrastText()` to maximize the contrast between
+    // the background and the text.
+    contrastThreshold: t,
+    // Takes a background color and returns the text color that maximizes the contrast.
+    getContrastText: g,
+    // Generate a rich color object.
+    augmentColor: v,
+    // Used by the functions below to shift a color's luminance by approximately
+    // two indexes within its tonal palette.
+    // E.g., shift from Red 500 to Red 300 or Red 700.
+    tonalOffset: n,
+    // The light and dark mode object.
+    ...y
+  }, a);
+}
+var je = { exports: {} }, Fe = { exports: {} }, F = {};
+var Or;
+function Wt() {
+  if (Or) return F;
+  Or = 1;
+  var e = typeof Symbol == "function" && Symbol.for, r = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, a = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, s = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, l = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, f = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, d = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, p = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, m = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, g = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, v = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, y = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, c = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, C = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, O = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  function I(b) {
+    if (typeof b == "object" && b !== null) {
+      var x = b.$$typeof;
+      switch (x) {
+        case r:
+          switch (b = b.type, b) {
+            case f:
+            case d:
+            case n:
+            case a:
+            case o:
+            case m:
+              return b;
+            default:
+              switch (b = b && b.$$typeof, b) {
+                case l:
+                case p:
+                case y:
+                case v:
+                case s:
+                  return b;
+                default:
+                  return x;
+              }
+          }
+        case t:
+          return x;
+      }
+    }
+  }
+  function T(b) {
+    return I(b) === d;
+  }
+  return F.AsyncMode = f, F.ConcurrentMode = d, F.ContextConsumer = l, F.ContextProvider = s, F.Element = r, F.ForwardRef = p, F.Fragment = n, F.Lazy = y, F.Memo = v, F.Portal = t, F.Profiler = a, F.StrictMode = o, F.Suspense = m, F.isAsyncMode = function(b) {
+    return T(b) || I(b) === f;
+  }, F.isConcurrentMode = T, F.isContextConsumer = function(b) {
+    return I(b) === l;
+  }, F.isContextProvider = function(b) {
+    return I(b) === s;
+  }, F.isElement = function(b) {
+    return typeof b == "object" && b !== null && b.$$typeof === r;
+  }, F.isForwardRef = function(b) {
+    return I(b) === p;
+  }, F.isFragment = function(b) {
+    return I(b) === n;
+  }, F.isLazy = function(b) {
+    return I(b) === y;
+  }, F.isMemo = function(b) {
+    return I(b) === v;
+  }, F.isPortal = function(b) {
+    return I(b) === t;
+  }, F.isProfiler = function(b) {
+    return I(b) === a;
+  }, F.isStrictMode = function(b) {
+    return I(b) === o;
+  }, F.isSuspense = function(b) {
+    return I(b) === m;
+  }, F.isValidElementType = function(b) {
+    return typeof b == "string" || typeof b == "function" || b === n || b === d || b === a || b === o || b === m || b === g || typeof b == "object" && b !== null && (b.$$typeof === y || b.$$typeof === v || b.$$typeof === s || b.$$typeof === l || b.$$typeof === p || b.$$typeof === C || b.$$typeof === O || b.$$typeof === N || b.$$typeof === c);
+  }, F.typeOf = I, F;
+}
+var L = {};
+var Ar;
+function Yt() {
+  return Ar || (Ar = 1, process.env.NODE_ENV !== "production" && (function() {
+    var e = typeof Symbol == "function" && Symbol.for, r = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, a = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, s = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, l = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, f = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, d = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, p = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, m = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, g = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, v = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, y = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, c = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, C = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, O = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    function I(E) {
+      return typeof E == "string" || typeof E == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      E === n || E === d || E === a || E === o || E === m || E === g || typeof E == "object" && E !== null && (E.$$typeof === y || E.$$typeof === v || E.$$typeof === s || E.$$typeof === l || E.$$typeof === p || E.$$typeof === C || E.$$typeof === O || E.$$typeof === N || E.$$typeof === c);
+    }
+    function T(E) {
+      if (typeof E == "object" && E !== null) {
+        var le = E.$$typeof;
+        switch (le) {
+          case r:
+            var Ne = E.type;
+            switch (Ne) {
+              case f:
+              case d:
+              case n:
+              case a:
+              case o:
+              case m:
+                return Ne;
+              default:
+                var Sr = Ne && Ne.$$typeof;
+                switch (Sr) {
+                  case l:
+                  case p:
+                  case y:
+                  case v:
+                  case s:
+                    return Sr;
+                  default:
+                    return le;
+                }
+            }
+          case t:
+            return le;
+        }
+      }
+    }
+    var b = f, x = d, se = l, fe = s, J = r, ee = p, X = n, i = y, w = v, S = t, j = a, V = o, re = m, ce = !1;
+    function tr(E) {
+      return ce || (ce = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), h(E) || T(E) === f;
+    }
+    function h(E) {
+      return T(E) === d;
+    }
+    function $(E) {
+      return T(E) === l;
+    }
+    function k(E) {
+      return T(E) === s;
+    }
+    function R(E) {
+      return typeof E == "object" && E !== null && E.$$typeof === r;
+    }
+    function _(E) {
+      return T(E) === p;
+    }
+    function M(E) {
+      return T(E) === n;
+    }
+    function A(E) {
+      return T(E) === y;
+    }
+    function P(E) {
+      return T(E) === v;
+    }
+    function D(E) {
+      return T(E) === t;
+    }
+    function W(E) {
+      return T(E) === a;
+    }
+    function B(E) {
+      return T(E) === o;
+    }
+    function te(E) {
+      return T(E) === m;
+    }
+    L.AsyncMode = b, L.ConcurrentMode = x, L.ContextConsumer = se, L.ContextProvider = fe, L.Element = J, L.ForwardRef = ee, L.Fragment = X, L.Lazy = i, L.Memo = w, L.Portal = S, L.Profiler = j, L.StrictMode = V, L.Suspense = re, L.isAsyncMode = tr, L.isConcurrentMode = h, L.isContextConsumer = $, L.isContextProvider = k, L.isElement = R, L.isForwardRef = _, L.isFragment = M, L.isLazy = A, L.isMemo = P, L.isPortal = D, L.isProfiler = W, L.isStrictMode = B, L.isSuspense = te, L.isValidElementType = I, L.typeOf = T;
+  })()), L;
+}
+var Rr;
+function ot() {
+  return Rr || (Rr = 1, process.env.NODE_ENV === "production" ? Fe.exports = Wt() : Fe.exports = Yt()), Fe.exports;
+}
+var nr, Pr;
+function Ut() {
+  if (Pr) return nr;
+  Pr = 1;
+  var e = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
+  function n(a) {
+    if (a == null)
+      throw new TypeError("Object.assign cannot be called with null or undefined");
+    return Object(a);
+  }
+  function o() {
+    try {
+      if (!Object.assign)
+        return !1;
+      var a = new String("abc");
+      if (a[5] = "de", Object.getOwnPropertyNames(a)[0] === "5")
+        return !1;
+      for (var s = {}, l = 0; l < 10; l++)
+        s["_" + String.fromCharCode(l)] = l;
+      var f = Object.getOwnPropertyNames(s).map(function(p) {
+        return s[p];
+      });
+      if (f.join("") !== "0123456789")
+        return !1;
+      var d = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(p) {
+        d[p] = p;
+      }), Object.keys(Object.assign({}, d)).join("") === "abcdefghijklmnopqrst";
+    } catch {
+      return !1;
+    }
+  }
+  return nr = o() ? Object.assign : function(a, s) {
+    for (var l, f = n(a), d, p = 1; p < arguments.length; p++) {
+      l = Object(arguments[p]);
+      for (var m in l)
+        r.call(l, m) && (f[m] = l[m]);
+      if (e) {
+        d = e(l);
+        for (var g = 0; g < d.length; g++)
+          t.call(l, d[g]) && (f[d[g]] = l[d[g]]);
+      }
+    }
+    return f;
+  }, nr;
+}
+var or, kr;
+function br() {
+  if (kr) return or;
+  kr = 1;
+  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  return or = e, or;
+}
+var ir, Ir;
+function it() {
+  return Ir || (Ir = 1, ir = Function.call.bind(Object.prototype.hasOwnProperty)), ir;
+}
+var ar, Nr;
+function zt() {
+  if (Nr) return ar;
+  Nr = 1;
+  var e = function() {
+  };
+  if (process.env.NODE_ENV !== "production") {
+    var r = /* @__PURE__ */ br(), t = {}, n = /* @__PURE__ */ it();
+    e = function(a) {
+      var s = "Warning: " + a;
+      typeof console < "u" && console.error(s);
+      try {
+        throw new Error(s);
+      } catch {
+      }
+    };
+  }
+  function o(a, s, l, f, d) {
+    if (process.env.NODE_ENV !== "production") {
+      for (var p in a)
+        if (n(a, p)) {
+          var m;
+          try {
+            if (typeof a[p] != "function") {
+              var g = Error(
+                (f || "React class") + ": " + l + " type `" + p + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[p] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+              );
+              throw g.name = "Invariant Violation", g;
+            }
+            m = a[p](s, p, f, l, null, r);
+          } catch (y) {
+            m = y;
+          }
+          if (m && !(m instanceof Error) && e(
+            (f || "React class") + ": type specification of " + l + " `" + p + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof m + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), m instanceof Error && !(m.message in t)) {
+            t[m.message] = !0;
+            var v = d ? d() : "";
+            e(
+              "Failed " + l + " type: " + m.message + (v ?? "")
+            );
+          }
+        }
+    }
+  }
+  return o.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (t = {});
+  }, ar = o, ar;
+}
+var sr, Mr;
+function qt() {
+  if (Mr) return sr;
+  Mr = 1;
+  var e = ot(), r = Ut(), t = /* @__PURE__ */ br(), n = /* @__PURE__ */ it(), o = /* @__PURE__ */ zt(), a = function() {
+  };
+  process.env.NODE_ENV !== "production" && (a = function(l) {
+    var f = "Warning: " + l;
+    typeof console < "u" && console.error(f);
+    try {
+      throw new Error(f);
+    } catch {
+    }
+  });
+  function s() {
+    return null;
+  }
+  return sr = function(l, f) {
+    var d = typeof Symbol == "function" && Symbol.iterator, p = "@@iterator";
+    function m(h) {
+      var $ = h && (d && h[d] || h[p]);
+      if (typeof $ == "function")
+        return $;
+    }
+    var g = "<<anonymous>>", v = {
+      array: O("array"),
+      bigint: O("bigint"),
+      bool: O("boolean"),
+      func: O("function"),
+      number: O("number"),
+      object: O("object"),
+      string: O("string"),
+      symbol: O("symbol"),
+      any: N(),
+      arrayOf: I,
+      element: T(),
+      elementType: b(),
+      instanceOf: x,
+      node: ee(),
+      objectOf: fe,
+      oneOf: se,
+      oneOfType: J,
+      shape: i,
+      exact: w
+    };
+    function y(h, $) {
+      return h === $ ? h !== 0 || 1 / h === 1 / $ : h !== h && $ !== $;
+    }
+    function c(h, $) {
+      this.message = h, this.data = $ && typeof $ == "object" ? $ : {}, this.stack = "";
+    }
+    c.prototype = Error.prototype;
+    function C(h) {
+      if (process.env.NODE_ENV !== "production")
+        var $ = {}, k = 0;
+      function R(M, A, P, D, W, B, te) {
+        if (D = D || g, B = B || P, te !== t) {
+          if (f) {
+            var E = 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 E.name = "Invariant Violation", E;
+          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
+            var le = D + ":" + P;
+            !$[le] && // Avoid spamming the console because they are often not actionable except for lib authors
+            k < 3 && (a(
+              "You are manually calling a React.PropTypes validation function for the `" + B + "` prop on `" + D + "`. 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."
+            ), $[le] = !0, k++);
+          }
+        }
+        return A[P] == null ? M ? A[P] === null ? new c("The " + W + " `" + B + "` is marked as required " + ("in `" + D + "`, but its value is `null`.")) : new c("The " + W + " `" + B + "` is marked as required in " + ("`" + D + "`, but its value is `undefined`.")) : null : h(A, P, D, W, B);
+      }
+      var _ = R.bind(null, !1);
+      return _.isRequired = R.bind(null, !0), _;
+    }
+    function O(h) {
+      function $(k, R, _, M, A, P) {
+        var D = k[R], W = V(D);
+        if (W !== h) {
+          var B = re(D);
+          return new c(
+            "Invalid " + M + " `" + A + "` of type " + ("`" + B + "` supplied to `" + _ + "`, expected ") + ("`" + h + "`."),
+            { expectedType: h }
+          );
+        }
+        return null;
+      }
+      return C($);
+    }
+    function N() {
+      return C(s);
+    }
+    function I(h) {
+      function $(k, R, _, M, A) {
+        if (typeof h != "function")
+          return new c("Property `" + A + "` of component `" + _ + "` has invalid PropType notation inside arrayOf.");
+        var P = k[R];
+        if (!Array.isArray(P)) {
+          var D = V(P);
+          return new c("Invalid " + M + " `" + A + "` of type " + ("`" + D + "` supplied to `" + _ + "`, expected an array."));
+        }
+        for (var W = 0; W < P.length; W++) {
+          var B = h(P, W, _, M, A + "[" + W + "]", t);
+          if (B instanceof Error)
+            return B;
+        }
+        return null;
+      }
+      return C($);
+    }
+    function T() {
+      function h($, k, R, _, M) {
+        var A = $[k];
+        if (!l(A)) {
+          var P = V(A);
+          return new c("Invalid " + _ + " `" + M + "` of type " + ("`" + P + "` supplied to `" + R + "`, expected a single ReactElement."));
+        }
+        return null;
+      }
+      return C(h);
+    }
+    function b() {
+      function h($, k, R, _, M) {
+        var A = $[k];
+        if (!e.isValidElementType(A)) {
+          var P = V(A);
+          return new c("Invalid " + _ + " `" + M + "` of type " + ("`" + P + "` supplied to `" + R + "`, expected a single ReactElement type."));
+        }
+        return null;
+      }
+      return C(h);
+    }
+    function x(h) {
+      function $(k, R, _, M, A) {
+        if (!(k[R] instanceof h)) {
+          var P = h.name || g, D = tr(k[R]);
+          return new c("Invalid " + M + " `" + A + "` of type " + ("`" + D + "` supplied to `" + _ + "`, expected ") + ("instance of `" + P + "`."));
+        }
+        return null;
+      }
+      return C($);
+    }
+    function se(h) {
+      if (!Array.isArray(h))
+        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? a(
+          "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
+        ) : a("Invalid argument supplied to oneOf, expected an array.")), s;
+      function $(k, R, _, M, A) {
+        for (var P = k[R], D = 0; D < h.length; D++)
+          if (y(P, h[D]))
+            return null;
+        var W = JSON.stringify(h, function(te, E) {
+          var le = re(E);
+          return le === "symbol" ? String(E) : E;
+        });
+        return new c("Invalid " + M + " `" + A + "` of value `" + String(P) + "` " + ("supplied to `" + _ + "`, expected one of " + W + "."));
+      }
+      return C($);
+    }
+    function fe(h) {
+      function $(k, R, _, M, A) {
+        if (typeof h != "function")
+          return new c("Property `" + A + "` of component `" + _ + "` has invalid PropType notation inside objectOf.");
+        var P = k[R], D = V(P);
+        if (D !== "object")
+          return new c("Invalid " + M + " `" + A + "` of type " + ("`" + D + "` supplied to `" + _ + "`, expected an object."));
+        for (var W in P)
+          if (n(P, W)) {
+            var B = h(P, W, _, M, A + "." + W, t);
+            if (B instanceof Error)
+              return B;
+          }
+        return null;
+      }
+      return C($);
+    }
+    function J(h) {
+      if (!Array.isArray(h))
+        return process.env.NODE_ENV !== "production" && a("Invalid argument supplied to oneOfType, expected an instance of array."), s;
+      for (var $ = 0; $ < h.length; $++) {
+        var k = h[$];
+        if (typeof k != "function")
+          return a(
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ce(k) + " at index " + $ + "."
+          ), s;
+      }
+      function R(_, M, A, P, D) {
+        for (var W = [], B = 0; B < h.length; B++) {
+          var te = h[B], E = te(_, M, A, P, D, t);
+          if (E == null)
+            return null;
+          E.data && n(E.data, "expectedType") && W.push(E.data.expectedType);
+        }
+        var le = W.length > 0 ? ", expected one of type [" + W.join(", ") + "]" : "";
+        return new c("Invalid " + P + " `" + D + "` supplied to " + ("`" + A + "`" + le + "."));
+      }
+      return C(R);
+    }
+    function ee() {
+      function h($, k, R, _, M) {
+        return S($[k]) ? null : new c("Invalid " + _ + " `" + M + "` supplied to " + ("`" + R + "`, expected a ReactNode."));
+      }
+      return C(h);
+    }
+    function X(h, $, k, R, _) {
+      return new c(
+        (h || "React class") + ": " + $ + " type `" + k + "." + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + _ + "`."
+      );
+    }
+    function i(h) {
+      function $(k, R, _, M, A) {
+        var P = k[R], D = V(P);
+        if (D !== "object")
+          return new c("Invalid " + M + " `" + A + "` of type `" + D + "` " + ("supplied to `" + _ + "`, expected `object`."));
+        for (var W in h) {
+          var B = h[W];
+          if (typeof B != "function")
+            return X(_, M, A, W, re(B));
+          var te = B(P, W, _, M, A + "." + W, t);
+          if (te)
+            return te;
+        }
+        return null;
+      }
+      return C($);
+    }
+    function w(h) {
+      function $(k, R, _, M, A) {
+        var P = k[R], D = V(P);
+        if (D !== "object")
+          return new c("Invalid " + M + " `" + A + "` of type `" + D + "` " + ("supplied to `" + _ + "`, expected `object`."));
+        var W = r({}, k[R], h);
+        for (var B in W) {
+          var te = h[B];
+          if (n(h, B) && typeof te != "function")
+            return X(_, M, A, B, re(te));
+          if (!te)
+            return new c(
+              "Invalid " + M + " `" + A + "` key `" + B + "` supplied to `" + _ + "`.\nBad object: " + JSON.stringify(k[R], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(h), null, "  ")
+            );
+          var E = te(P, B, _, M, A + "." + B, t);
+          if (E)
+            return E;
+        }
+        return null;
+      }
+      return C($);
+    }
+    function S(h) {
+      switch (typeof h) {
+        case "number":
+        case "string":
+        case "undefined":
+          return !0;
+        case "boolean":
+          return !h;
+        case "object":
+          if (Array.isArray(h))
+            return h.every(S);
+          if (h === null || l(h))
+            return !0;
+          var $ = m(h);
+          if ($) {
+            var k = $.call(h), R;
+            if ($ !== h.entries) {
+              for (; !(R = k.next()).done; )
+                if (!S(R.value))
+                  return !1;
+            } else
+              for (; !(R = k.next()).done; ) {
+                var _ = R.value;
+                if (_ && !S(_[1]))
+                  return !1;
+              }
+          } else
+            return !1;
+          return !0;
+        default:
+          return !1;
+      }
+    }
+    function j(h, $) {
+      return h === "symbol" ? !0 : $ ? $["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && $ instanceof Symbol : !1;
+    }
+    function V(h) {
+      var $ = typeof h;
+      return Array.isArray(h) ? "array" : h instanceof RegExp ? "object" : j($, h) ? "symbol" : $;
+    }
+    function re(h) {
+      if (typeof h > "u" || h === null)
+        return "" + h;
+      var $ = V(h);
+      if ($ === "object") {
+        if (h instanceof Date)
+          return "date";
+        if (h instanceof RegExp)
+          return "regexp";
+      }
+      return $;
+    }
+    function ce(h) {
+      var $ = re(h);
+      switch ($) {
+        case "array":
+        case "object":
+          return "an " + $;
+        case "boolean":
+        case "date":
+        case "regexp":
+          return "a " + $;
+        default:
+          return $;
+      }
+    }
+    function tr(h) {
+      return !h.constructor || !h.constructor.name ? g : h.constructor.name;
+    }
+    return v.checkPropTypes = o, v.resetWarningCache = o.resetWarningCache, v.PropTypes = v, v;
+  }, sr;
+}
+var cr, Dr;
+function Gt() {
+  if (Dr) return cr;
+  Dr = 1;
+  var e = /* @__PURE__ */ br();
+  function r() {
+  }
+  function t() {
+  }
+  return t.resetWarningCache = r, cr = function() {
+    function n(s, l, f, d, p, m) {
+      if (m !== e) {
+        var g = 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 g.name = "Invariant Violation", g;
+      }
+    }
+    n.isRequired = n;
+    function o() {
+      return n;
+    }
+    var a = {
+      array: n,
+      bigint: n,
+      bool: n,
+      func: n,
+      number: n,
+      object: n,
+      string: n,
+      symbol: n,
+      any: n,
+      arrayOf: o,
+      element: n,
+      elementType: n,
+      instanceOf: o,
+      node: n,
+      objectOf: o,
+      oneOf: o,
+      oneOfType: o,
+      shape: o,
+      exact: o,
+      checkPropTypes: t,
+      resetWarningCache: r
+    };
+    return a.PropTypes = a, a;
+  }, cr;
+}
+var Br;
+function Kt() {
+  if (Br) return je.exports;
+  if (Br = 1, process.env.NODE_ENV !== "production") {
+    var e = ot(), r = !0;
+    je.exports = /* @__PURE__ */ qt()(e.isElement, r);
+  } else
+    je.exports = /* @__PURE__ */ Gt()();
+  return je.exports;
+}
+var Ht = /* @__PURE__ */ Kt();
+const _e = /* @__PURE__ */ wt(Ht), ye = process.env.NODE_ENV !== "production" ? _e.oneOfType([_e.number, _e.string, _e.object, _e.array]) : {};
+function Re(e, r) {
+  return r ? oe(e, r, {
+    clone: !1
+    // No need to clone deep, it's way faster.
+  }) : e;
+}
+function jr(e, r) {
+  if (!e.containerQueries)
+    return r;
+  const t = Object.keys(r).filter((n) => n.startsWith("@container")).sort((n, o) => {
+    const a = /min-width:\s*([0-9.]+)/;
+    return +(n.match(a)?.[1] || 0) - +(o.match(a)?.[1] || 0);
+  });
+  return t.length ? t.reduce((n, o) => {
+    const a = r[o];
+    return delete n[o], n[o] = a, n;
+  }, {
+    ...r
+  }) : r;
+}
+function Qt(e, r) {
+  return r === "@" || r.startsWith("@") && (e.some((t) => r.startsWith(`@${t}`)) || !!r.match(/^@\d/));
+}
+function Xt(e, r) {
+  const t = r.match(/^@([^/]+)?\/?(.+)?$/);
+  if (!t) {
+    if (process.env.NODE_ENV !== "production")
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The provided shorthand ${`(${r})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.
+For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : ge(18, `(${r})`));
+    return null;
+  }
+  const [, n, o] = t, a = Number.isNaN(+n) ? n || 0 : +n;
+  return e.containerQueries(o).up(a);
+}
+function Jt(e) {
+  const r = (a, s) => a.replace("@media", s ? `@container ${s}` : "@container");
+  function t(a, s) {
+    a.up = (...l) => r(e.breakpoints.up(...l), s), a.down = (...l) => r(e.breakpoints.down(...l), s), a.between = (...l) => r(e.breakpoints.between(...l), s), a.only = (...l) => r(e.breakpoints.only(...l), s), a.not = (...l) => {
+      const f = r(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 = (a) => (t(n, a), n);
+  return t(o), {
+    ...e,
+    containerQueries: o
+  };
+}
+const Ue = {
+  xs: 0,
+  // phone
+  sm: 600,
+  // tablet
+  md: 900,
+  // small laptop
+  lg: 1200,
+  // desktop
+  xl: 1536
+  // large screen
+}, Fr = {
+  // 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:${Ue[e]}px)`
+}, Zt = {
+  containerQueries: (e) => ({
+    up: (r) => {
+      let t = typeof r == "number" ? r : Ue[r] || r;
+      return typeof t == "number" && (t = `${t}px`), e ? `@container ${e} (min-width:${t})` : `@container (min-width:${t})`;
+    }
+  })
+};
+function pe(e, r, t) {
+  const n = e.theme || {};
+  if (Array.isArray(r)) {
+    const a = n.breakpoints || Fr;
+    return r.reduce((s, l, f) => (s[a.up(a.keys[f])] = t(r[f]), s), {});
+  }
+  if (typeof r == "object") {
+    const a = n.breakpoints || Fr;
+    return Object.keys(r).reduce((s, l) => {
+      if (Qt(a.keys, l)) {
+        const f = Xt(n.containerQueries ? n : Zt, l);
+        f && (s[f] = t(r[l], l));
+      } else if (Object.keys(a.values || Ue).includes(l)) {
+        const f = a.up(l);
+        s[f] = t(r[l], l);
+      } else {
+        const f = l;
+        s[f] = r[f];
+      }
+      return s;
+    }, {});
+  }
+  return t(r);
+}
+function en(e = {}) {
+  return e.keys?.reduce((t, n) => {
+    const o = e.up(n);
+    return t[o] = {}, t;
+  }, {}) || {};
+}
+function Lr(e, r) {
+  return e.reduce((t, n) => {
+    const o = t[n];
+    return (!o || Object.keys(o).length === 0) && delete t[n], t;
+  }, r);
+}
+function at(e) {
+  if (typeof e != "string")
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : ge(7));
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+function ze(e, r, t = !0) {
+  if (!r || typeof r != "string")
+    return null;
+  if (e && e.vars && t) {
+    const n = `vars.${r}`.split(".").reduce((o, a) => o && o[a] ? o[a] : null, e);
+    if (n != null)
+      return n;
+  }
+  return r.split(".").reduce((n, o) => n && n[o] != null ? n[o] : null, e);
+}
+function Le(e, r, t, n = t) {
+  let o;
+  return typeof e == "function" ? o = e(t) : Array.isArray(e) ? o = e[t] || n : o = ze(e, t) || n, r && (o = r(o, n, e)), o;
+}
+function Q(e) {
+  const {
+    prop: r,
+    cssProperty: t = e.prop,
+    themeKey: n,
+    transform: o
+  } = e, a = (s) => {
+    if (s[r] == null)
+      return null;
+    const l = s[r], f = s.theme, d = ze(f, n) || {};
+    return pe(s, l, (m) => {
+      let g = Le(d, o, m);
+      return m === g && typeof m == "string" && (g = Le(d, o, `${r}${m === "default" ? "" : at(m)}`, m)), t === !1 ? g : {
+        [t]: g
+      };
+    });
+  };
+  return a.propTypes = process.env.NODE_ENV !== "production" ? {
+    [r]: ye
+  } : {}, a.filterProps = [r], a;
+}
+function rn(e) {
+  const r = {};
+  return (t) => (r[t] === void 0 && (r[t] = e(t)), r[t]);
+}
+const tn = {
+  m: "margin",
+  p: "padding"
+}, nn = {
+  t: "Top",
+  r: "Right",
+  b: "Bottom",
+  l: "Left",
+  x: ["Left", "Right"],
+  y: ["Top", "Bottom"]
+}, Vr = {
+  marginX: "mx",
+  marginY: "my",
+  paddingX: "px",
+  paddingY: "py"
+}, on = rn((e) => {
+  if (e.length > 2)
+    if (Vr[e])
+      e = Vr[e];
+    else
+      return [e];
+  const [r, t] = e.split(""), n = tn[r], o = nn[t] || "";
+  return Array.isArray(o) ? o.map((a) => n + a) : [n + o];
+}), qe = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], Ge = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], an = [...qe, ...Ge];
+function ke(e, r, t, n) {
+  const o = ze(e, r, !0) ?? t;
+  return typeof o == "number" || typeof o == "string" ? (a) => typeof a == "string" ? a : (process.env.NODE_ENV !== "production" && typeof a != "number" && console.error(`MUI: Expected ${n} argument to be a number or a string, got ${a}.`), typeof o == "string" ? o.startsWith("var(") && a === 0 ? 0 : o.startsWith("var(") && a === 1 ? o : `calc(${a} * ${o})` : o * a) : Array.isArray(o) ? (a) => {
+    if (typeof a == "string")
+      return a;
+    const s = Math.abs(a);
+    process.env.NODE_ENV !== "production" && (Number.isInteger(s) ? s > o.length - 1 && console.error([`MUI: The value provided (${s}) overflows.`, `The supported values are: ${JSON.stringify(o)}.`, `${s} > ${o.length - 1}, you need to add the missing values.`].join(`
+`)) : console.error([`MUI: The \`theme.${r}\` 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.${r}\` as a number.`].join(`
+`)));
+    const l = o[s];
+    return a >= 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.${r}\` value (${o}) is invalid.`, "It should be a number, an array or a function."].join(`
+`)), () => {
+  });
+}
+function vr(e) {
+  return ke(e, "spacing", 8, "spacing");
+}
+function Ie(e, r) {
+  return typeof r == "string" || r == null ? r : e(r);
+}
+function sn(e, r) {
+  return (t) => e.reduce((n, o) => (n[o] = Ie(r, t), n), {});
+}
+function cn(e, r, t, n) {
+  if (!r.includes(t))
+    return null;
+  const o = on(t), a = sn(o, n), s = e[t];
+  return pe(e, s, a);
+}
+function st(e, r) {
+  const t = vr(e.theme);
+  return Object.keys(e).map((n) => cn(e, r, n, t)).reduce(Re, {});
+}
+function K(e) {
+  return st(e, qe);
+}
+K.propTypes = process.env.NODE_ENV !== "production" ? qe.reduce((e, r) => (e[r] = ye, e), {}) : {};
+K.filterProps = qe;
+function H(e) {
+  return st(e, Ge);
+}
+H.propTypes = process.env.NODE_ENV !== "production" ? Ge.reduce((e, r) => (e[r] = ye, e), {}) : {};
+H.filterProps = Ge;
+process.env.NODE_ENV !== "production" && an.reduce((e, r) => (e[r] = ye, e), {});
+const ln = {
+  borderRadius: 4
+};
+function un(e = 8, r = vr({
+  spacing: e
+})) {
+  if (e.mui)
+    return e;
+  const t = (...n) => (process.env.NODE_ENV !== "production" && (n.length <= 4 || console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${n.length}`)), (n.length === 0 ? [1] : n).map((a) => {
+    const s = r(a);
+    return typeof s == "number" ? `${s}px` : s;
+  }).join(" "));
+  return t.mui = !0, t;
+}
+function Ke(...e) {
+  const r = e.reduce((n, o) => (o.filterProps.forEach((a) => {
+    n[a] = o;
+  }), n), {}), t = (n) => Object.keys(n).reduce((o, a) => r[a] ? Re(o, r[a](n)) : o, {});
+  return t.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((n, o) => Object.assign(n, o.propTypes), {}) : {}, t.filterProps = e.reduce((n, o) => n.concat(o.filterProps), []), t;
+}
+function ie(e) {
+  return typeof e != "number" ? e : `${e}px solid`;
+}
+function ae(e, r) {
+  return Q({
+    prop: e,
+    themeKey: "borders",
+    transform: r
+  });
+}
+const fn = ae("border", ie), dn = ae("borderTop", ie), pn = ae("borderRight", ie), mn = ae("borderBottom", ie), gn = ae("borderLeft", ie), hn = ae("borderColor"), yn = ae("borderTopColor"), bn = ae("borderRightColor"), vn = ae("borderBottomColor"), Cn = ae("borderLeftColor"), Sn = ae("outline", ie), En = ae("outlineColor"), He = (e) => {
+  if (e.borderRadius !== void 0 && e.borderRadius !== null) {
+    const r = ke(e.theme, "shape.borderRadius", 4, "borderRadius"), t = (n) => ({
+      borderRadius: Ie(r, n)
+    });
+    return pe(e, e.borderRadius, t);
+  }
+  return null;
+};
+He.propTypes = process.env.NODE_ENV !== "production" ? {
+  borderRadius: ye
+} : {};
+He.filterProps = ["borderRadius"];
+Ke(fn, dn, pn, mn, gn, hn, yn, bn, vn, Cn, He, Sn, En);
+const Qe = (e) => {
+  if (e.gap !== void 0 && e.gap !== null) {
+    const r = ke(e.theme, "spacing", 8, "gap"), t = (n) => ({
+      gap: Ie(r, n)
+    });
+    return pe(e, e.gap, t);
+  }
+  return null;
+};
+Qe.propTypes = process.env.NODE_ENV !== "production" ? {
+  gap: ye
+} : {};
+Qe.filterProps = ["gap"];
+const Xe = (e) => {
+  if (e.columnGap !== void 0 && e.columnGap !== null) {
+    const r = ke(e.theme, "spacing", 8, "columnGap"), t = (n) => ({
+      columnGap: Ie(r, n)
+    });
+    return pe(e, e.columnGap, t);
+  }
+  return null;
+};
+Xe.propTypes = process.env.NODE_ENV !== "production" ? {
+  columnGap: ye
+} : {};
+Xe.filterProps = ["columnGap"];
+const Je = (e) => {
+  if (e.rowGap !== void 0 && e.rowGap !== null) {
+    const r = ke(e.theme, "spacing", 8, "rowGap"), t = (n) => ({
+      rowGap: Ie(r, n)
+    });
+    return pe(e, e.rowGap, t);
+  }
+  return null;
+};
+Je.propTypes = process.env.NODE_ENV !== "production" ? {
+  rowGap: ye
+} : {};
+Je.filterProps = ["rowGap"];
+const Tn = Q({
+  prop: "gridColumn"
+}), $n = Q({
+  prop: "gridRow"
+}), xn = Q({
+  prop: "gridAutoFlow"
+}), wn = Q({
+  prop: "gridAutoColumns"
+}), _n = Q({
+  prop: "gridAutoRows"
+}), On = Q({
+  prop: "gridTemplateColumns"
+}), An = Q({
+  prop: "gridTemplateRows"
+}), Rn = Q({
+  prop: "gridTemplateAreas"
+}), Pn = Q({
+  prop: "gridArea"
+});
+Ke(Qe, Xe, Je, Tn, $n, xn, wn, _n, On, An, Rn, Pn);
+function xe(e, r) {
+  return r === "grey" ? r : e;
+}
+const kn = Q({
+  prop: "color",
+  themeKey: "palette",
+  transform: xe
+}), In = Q({
+  prop: "bgcolor",
+  cssProperty: "backgroundColor",
+  themeKey: "palette",
+  transform: xe
+}), Nn = Q({
+  prop: "backgroundColor",
+  themeKey: "palette",
+  transform: xe
+});
+Ke(kn, In, Nn);
+function ne(e) {
+  return e <= 1 && e !== 0 ? `${e * 100}%` : e;
+}
+const Mn = Q({
+  prop: "width",
+  transform: ne
+}), Cr = (e) => {
+  if (e.maxWidth !== void 0 && e.maxWidth !== null) {
+    const r = (t) => {
+      const n = e.theme?.breakpoints?.values?.[t] || Ue[t];
+      return n ? e.theme?.breakpoints?.unit !== "px" ? {
+        maxWidth: `${n}${e.theme.breakpoints.unit}`
+      } : {
+        maxWidth: n
+      } : {
+        maxWidth: ne(t)
+      };
+    };
+    return pe(e, e.maxWidth, r);
+  }
+  return null;
+};
+Cr.filterProps = ["maxWidth"];
+const Dn = Q({
+  prop: "minWidth",
+  transform: ne
+}), Bn = Q({
+  prop: "height",
+  transform: ne
+}), jn = Q({
+  prop: "maxHeight",
+  transform: ne
+}), Fn = Q({
+  prop: "minHeight",
+  transform: ne
+});
+Q({
+  prop: "size",
+  cssProperty: "width",
+  transform: ne
+});
+Q({
+  prop: "size",
+  cssProperty: "height",
+  transform: ne
+});
+const Ln = Q({
+  prop: "boxSizing"
+});
+Ke(Mn, Cr, Dn, Bn, jn, Fn, Ln);
+const Ze = {
+  // borders
+  border: {
+    themeKey: "borders",
+    transform: ie
+  },
+  borderTop: {
+    themeKey: "borders",
+    transform: ie
+  },
+  borderRight: {
+    themeKey: "borders",
+    transform: ie
+  },
+  borderBottom: {
+    themeKey: "borders",
+    transform: ie
+  },
+  borderLeft: {
+    themeKey: "borders",
+    transform: ie
+  },
+  borderColor: {
+    themeKey: "palette"
+  },
+  borderTopColor: {
+    themeKey: "palette"
+  },
+  borderRightColor: {
+    themeKey: "palette"
+  },
+  borderBottomColor: {
+    themeKey: "palette"
+  },
+  borderLeftColor: {
+    themeKey: "palette"
+  },
+  outline: {
+    themeKey: "borders",
+    transform: ie
+  },
+  outlineColor: {
+    themeKey: "palette"
+  },
+  borderRadius: {
+    themeKey: "shape.borderRadius",
+    style: He
+  },
+  // palette
+  color: {
+    themeKey: "palette",
+    transform: xe
+  },
+  bgcolor: {
+    themeKey: "palette",
+    cssProperty: "backgroundColor",
+    transform: xe
+  },
+  backgroundColor: {
+    themeKey: "palette",
+    transform: xe
+  },
+  // spacing
+  p: {
+    style: H
+  },
+  pt: {
+    style: H
+  },
+  pr: {
+    style: H
+  },
+  pb: {
+    style: H
+  },
+  pl: {
+    style: H
+  },
+  px: {
+    style: H
+  },
+  py: {
+    style: H
+  },
+  padding: {
+    style: H
+  },
+  paddingTop: {
+    style: H
+  },
+  paddingRight: {
+    style: H
+  },
+  paddingBottom: {
+    style: H
+  },
+  paddingLeft: {
+    style: H
+  },
+  paddingX: {
+    style: H
+  },
+  paddingY: {
+    style: H
+  },
+  paddingInline: {
+    style: H
+  },
+  paddingInlineStart: {
+    style: H
+  },
+  paddingInlineEnd: {
+    style: H
+  },
+  paddingBlock: {
+    style: H
+  },
+  paddingBlockStart: {
+    style: H
+  },
+  paddingBlockEnd: {
+    style: H
+  },
+  m: {
+    style: K
+  },
+  mt: {
+    style: K
+  },
+  mr: {
+    style: K
+  },
+  mb: {
+    style: K
+  },
+  ml: {
+    style: K
+  },
+  mx: {
+    style: K
+  },
+  my: {
+    style: K
+  },
+  margin: {
+    style: K
+  },
+  marginTop: {
+    style: K
+  },
+  marginRight: {
+    style: K
+  },
+  marginBottom: {
+    style: K
+  },
+  marginLeft: {
+    style: K
+  },
+  marginX: {
+    style: K
+  },
+  marginY: {
+    style: K
+  },
+  marginInline: {
+    style: K
+  },
+  marginInlineStart: {
+    style: K
+  },
+  marginInlineEnd: {
+    style: K
+  },
+  marginBlock: {
+    style: K
+  },
+  marginBlockStart: {
+    style: K
+  },
+  marginBlockEnd: {
+    style: K
+  },
+  // display
+  displayPrint: {
+    cssProperty: !1,
+    transform: (e) => ({
+      "@media print": {
+        display: e
+      }
+    })
+  },
+  display: {},
+  overflow: {},
+  textOverflow: {},
+  visibility: {},
+  whiteSpace: {},
+  // flexbox
+  flexBasis: {},
+  flexDirection: {},
+  flexWrap: {},
+  justifyContent: {},
+  alignItems: {},
+  alignContent: {},
+  order: {},
+  flex: {},
+  flexGrow: {},
+  flexShrink: {},
+  alignSelf: {},
+  justifyItems: {},
+  justifySelf: {},
+  // grid
+  gap: {
+    style: Qe
+  },
+  rowGap: {
+    style: Je
+  },
+  columnGap: {
+    style: Xe
+  },
+  gridColumn: {},
+  gridRow: {},
+  gridAutoFlow: {},
+  gridAutoColumns: {},
+  gridAutoRows: {},
+  gridTemplateColumns: {},
+  gridTemplateRows: {},
+  gridTemplateAreas: {},
+  gridArea: {},
+  // positions
+  position: {},
+  zIndex: {
+    themeKey: "zIndex"
+  },
+  top: {},
+  right: {},
+  bottom: {},
+  left: {},
+  // shadows
+  boxShadow: {
+    themeKey: "shadows"
+  },
+  // sizing
+  width: {
+    transform: ne
+  },
+  maxWidth: {
+    style: Cr
+  },
+  minWidth: {
+    transform: ne
+  },
+  height: {
+    transform: ne
+  },
+  maxHeight: {
+    transform: ne
+  },
+  minHeight: {
+    transform: ne
+  },
+  boxSizing: {},
+  // typography
+  font: {
+    themeKey: "font"
+  },
+  fontFamily: {
+    themeKey: "typography"
+  },
+  fontSize: {
+    themeKey: "typography"
+  },
+  fontStyle: {
+    themeKey: "typography"
+  },
+  fontWeight: {
+    themeKey: "typography"
+  },
+  letterSpacing: {},
+  textTransform: {},
+  lineHeight: {},
+  textAlign: {},
+  typography: {
+    cssProperty: !1,
+    themeKey: "typography"
+  }
+};
+function Vn(...e) {
+  const r = e.reduce((n, o) => n.concat(Object.keys(o)), []), t = new Set(r);
+  return e.every((n) => t.size === Object.keys(n).length);
+}
+function Wn(e, r) {
+  return typeof e == "function" ? e(r) : e;
+}
+function Yn() {
+  function e(t, n, o, a) {
+    const s = {
+      [t]: n,
+      theme: o
+    }, l = a[t];
+    if (!l)
+      return {
+        [t]: n
+      };
+    const {
+      cssProperty: f = t,
+      themeKey: d,
+      transform: p,
+      style: m
+    } = l;
+    if (n == null)
+      return null;
+    if (d === "typography" && n === "inherit")
+      return {
+        [t]: n
+      };
+    const g = ze(o, d) || {};
+    return m ? m(s) : pe(s, n, (y) => {
+      let c = Le(g, p, y);
+      return y === c && typeof y == "string" && (c = Le(g, p, `${t}${y === "default" ? "" : at(y)}`, y)), f === !1 ? c : {
+        [f]: c
+      };
+    });
+  }
+  function r(t) {
+    const {
+      sx: n,
+      theme: o = {},
+      nested: a
+    } = t || {};
+    if (!n)
+      return null;
+    const s = o.unstable_sxConfig ?? Ze;
+    function l(f) {
+      let d = f;
+      if (typeof f == "function")
+        d = f(o);
+      else if (typeof f != "object")
+        return f;
+      if (!d)
+        return null;
+      const p = en(o.breakpoints), m = Object.keys(p);
+      let g = p;
+      return Object.keys(d).forEach((v) => {
+        const y = Wn(d[v], o);
+        if (y != null)
+          if (typeof y == "object")
+            if (s[v])
+              g = Re(g, e(v, y, o, s));
+            else {
+              const c = pe({
+                theme: o
+              }, y, (C) => ({
+                [v]: C
+              }));
+              Vn(c, y) ? g[v] = r({
+                sx: y,
+                theme: o,
+                nested: !0
+              }) : g = Re(g, c);
+            }
+          else
+            g = Re(g, e(v, y, o, s));
+      }), !a && o.modularCssLayers ? {
+        "@layer sx": jr(o, Lr(m, g))
+      } : jr(o, Lr(m, g));
+    }
+    return Array.isArray(n) ? n.map(l) : l(n);
+  }
+  return r;
+}
+const er = Yn();
+er.filterProps = ["sx"];
+function Un(e, r) {
+  const t = this;
+  if (t.vars) {
+    if (!t.colorSchemes?.[e] || typeof t.getColorSchemeSelector != "function")
+      return {};
+    let n = t.getColorSchemeSelector(e);
+    return n === "&" ? r : ((n.includes("data-") || n.includes(".")) && (n = `*:where(${n.replace(/\s*&$/, "")}) &`), {
+      [n]: r
+    });
+  }
+  return t.palette.mode === e ? r : {};
+}
+function zn(e = {}, ...r) {
+  const {
+    breakpoints: t = {},
+    palette: n = {},
+    spacing: o,
+    shape: a = {},
+    ...s
+  } = e, l = xt(t), f = un(o);
+  let d = oe({
+    breakpoints: l,
+    direction: "ltr",
+    components: {},
+    // Inject component definitions.
+    palette: {
+      mode: "light",
+      ...n
+    },
+    spacing: f,
+    shape: {
+      ...ln,
+      ...a
+    }
+  }, s);
+  return d = Jt(d), d.applyStyles = Un, d = r.reduce((p, m) => oe(p, m), d), d.unstable_sxConfig = {
+    ...Ze,
+    ...s?.unstable_sxConfig
+  }, d.unstable_sx = function(m) {
+    return er({
+      sx: m,
+      theme: this
+    });
+  }, d;
+}
+const Wr = (e, r, t, n = []) => {
+  let o = e;
+  r.forEach((a, s) => {
+    s === r.length - 1 ? Array.isArray(o) ? o[Number(a)] = t : o && typeof o == "object" && (o[a] = t) : o && typeof o == "object" && (o[a] || (o[a] = n.includes(a) ? [] : {}), o = o[a]);
+  });
+}, qn = (e, r, t) => {
+  function n(o, a = [], s = []) {
+    Object.entries(o).forEach(([l, f]) => {
+      (!t || t && !t([...a, l])) && f != null && (typeof f == "object" && Object.keys(f).length > 0 ? n(f, [...a, l], Array.isArray(f) ? [...s, l] : s) : r([...a, l], f, s));
+    });
+  }
+  n(e);
+}, Gn = (e, r) => typeof r == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((n) => e.includes(n)) || e[e.length - 1].toLowerCase().includes("opacity") ? r : `${r}px` : r;
+function lr(e, r) {
+  const {
+    prefix: t,
+    shouldSkipGeneratingVar: n
+  } = r || {}, o = {}, a = {}, s = {};
+  return qn(
+    e,
+    (l, f, d) => {
+      if ((typeof f == "string" || typeof f == "number") && (!n || !n(l, f))) {
+        const p = `--${t ? `${t}-` : ""}${l.join("-")}`, m = Gn(l, f);
+        Object.assign(o, {
+          [p]: m
+        }), Wr(a, l, `var(${p})`, d), Wr(s, l, `var(${p}, ${m})`, d);
+      }
+    },
+    (l) => l[0] === "vars"
+    // skip 'vars/*' paths
+  ), {
+    css: o,
+    vars: a,
+    varsWithDefaults: s
+  };
+}
+function Kn(e, r = {}) {
+  const {
+    getSelector: t = O,
+    disableCssColorScheme: n,
+    colorSchemeSelector: o,
+    enableContrastVars: a
+  } = r, {
+    colorSchemes: s = {},
+    components: l,
+    defaultColorScheme: f = "light",
+    ...d
+  } = e, {
+    vars: p,
+    css: m,
+    varsWithDefaults: g
+  } = lr(d, r);
+  let v = g;
+  const y = {}, {
+    [f]: c,
+    ...C
+  } = s;
+  if (Object.entries(C || {}).forEach(([T, b]) => {
+    const {
+      vars: x,
+      css: se,
+      varsWithDefaults: fe
+    } = lr(b, r);
+    v = oe(v, fe), y[T] = {
+      css: se,
+      vars: x
+    };
+  }), c) {
+    const {
+      css: T,
+      vars: b,
+      varsWithDefaults: x
+    } = lr(c, r);
+    v = oe(v, x), y[f] = {
+      css: T,
+      vars: b
+    };
+  }
+  function O(T, b) {
+    let x = o;
+    if (o === "class" && (x = ".%s"), o === "data" && (x = "[data-%s]"), o?.startsWith("data-") && !o.includes("%s") && (x = `[${o}="%s"]`), T) {
+      if (x === "media")
+        return e.defaultColorScheme === T ? ":root" : {
+          [`@media (prefers-color-scheme: ${s[T]?.palette?.mode || T})`]: {
+            ":root": b
+          }
+        };
+      if (x)
+        return e.defaultColorScheme === T ? `:root, ${x.replace("%s", String(T))}` : x.replace("%s", String(T));
+    }
+    return ":root";
+  }
+  return {
+    vars: v,
+    generateThemeVars: () => {
+      let T = {
+        ...p
+      };
+      return Object.entries(y).forEach(([, {
+        vars: b
+      }]) => {
+        T = oe(T, b);
+      }), T;
+    },
+    generateStyleSheets: () => {
+      const T = [], b = e.defaultColorScheme || "light";
+      function x(J, ee) {
+        Object.keys(ee).length && T.push(typeof J == "string" ? {
+          [J]: {
+            ...ee
+          }
+        } : J);
+      }
+      x(t(void 0, {
+        ...m
+      }), m);
+      const {
+        [b]: se,
+        ...fe
+      } = y;
+      if (se) {
+        const {
+          css: J
+        } = se, ee = s[b]?.palette?.mode, X = !n && ee ? {
+          colorScheme: ee,
+          ...J
+        } : {
+          ...J
+        };
+        x(t(b, {
+          ...X
+        }), X);
+      }
+      return Object.entries(fe).forEach(([J, {
+        css: ee
+      }]) => {
+        const X = s[J]?.palette?.mode, i = !n && X ? {
+          colorScheme: X,
+          ...ee
+        } : {
+          ...ee
+        };
+        x(t(J, {
+          ...i
+        }), i);
+      }), a && T.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.
+        }
+      }), T;
+    }
+  };
+}
+function Hn(e) {
+  const r = {};
+  return Object.entries(e).forEach((n) => {
+    const [o, a] = n;
+    typeof a == "object" && (r[o] = `${a.fontStyle ? `${a.fontStyle} ` : ""}${a.fontVariant ? `${a.fontVariant} ` : ""}${a.fontWeight ? `${a.fontWeight} ` : ""}${a.fontStretch ? `${a.fontStretch} ` : ""}${a.fontSize || ""}${a.lineHeight ? `/${a.lineHeight} ` : ""}${a.fontFamily || ""}`);
+  }), r;
+}
+function Qn(e) {
+  return function(t) {
+    return e === "media" ? (process.env.NODE_ENV !== "production" && t !== "light" && t !== "dark" && console.error(`MUI: @media (prefers-color-scheme) supports only 'light' or 'dark', but receive '${t}'.`), `@media (prefers-color-scheme: ${t})`) : e ? e.startsWith("data-") && !e.includes("%s") ? `[${e}="${t}"] &` : e === "class" ? `.${t} &` : e === "data" ? `[data-${t}] &` : `${e.replace("%s", t)} &` : "&";
+  };
+}
+const Yr = (e) => e, Xn = () => {
+  let e = Yr;
+  return {
+    configure(r) {
+      e = r;
+    },
+    generate(r) {
+      return e(r);
+    },
+    reset() {
+      e = Yr;
+    }
+  };
+}, Jn = Xn(), Zn = {
+  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 eo(e, r, t = "Mui") {
+  const n = Zn[r];
+  return n ? `${t}-${n}` : `${Jn.generate(e)}-${r}`;
+}
+function ro(e, r) {
+  return {
+    toolbar: {
+      minHeight: 56,
+      [e.up("xs")]: {
+        "@media (orientation: landscape)": {
+          minHeight: 48
+        }
+      },
+      [e.up("sm")]: {
+        minHeight: 64
+      }
+    },
+    ...r
+  };
+}
+function to(e) {
+  return Math.round(e * 1e5) / 1e5;
+}
+const Ur = {
+  textTransform: "uppercase"
+}, zr = '"Roboto", "Helvetica", "Arial", sans-serif';
+function no(e, r) {
+  const {
+    fontFamily: t = zr,
+    // The default font size of the Material Specification.
+    fontSize: n = 14,
+    // px
+    fontWeightLight: o = 300,
+    fontWeightRegular: a = 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: d,
+    pxToRem: p,
+    ...m
+  } = typeof r == "function" ? r(e) : r;
+  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 g = n / 14, v = p || ((C) => `${C / f * g}rem`), y = (C, O, N, I, T) => ({
+    fontFamily: t,
+    fontWeight: C,
+    fontSize: v(O),
+    // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
+    lineHeight: N,
+    // The letter spacing was designed for the Roboto font-family. Using the same letter-spacing
+    // across font-families can cause issues with the kerning.
+    ...t === zr ? {
+      letterSpacing: `${to(I / O)}em`
+    } : {},
+    ...T,
+    ...d
+  }), c = {
+    h1: y(o, 96, 1.167, -1.5),
+    h2: y(o, 60, 1.2, -0.5),
+    h3: y(a, 48, 1.167, 0),
+    h4: y(a, 34, 1.235, 0.25),
+    h5: y(a, 24, 1.334, 0),
+    h6: y(s, 20, 1.6, 0.15),
+    subtitle1: y(a, 16, 1.75, 0.15),
+    subtitle2: y(s, 14, 1.57, 0.1),
+    body1: y(a, 16, 1.5, 0.15),
+    body2: y(a, 14, 1.43, 0.15),
+    button: y(s, 14, 1.75, 0.4, Ur),
+    caption: y(a, 12, 1.66, 0.4),
+    overline: y(a, 12, 2.66, 1, Ur),
+    // TODO v6: Remove handling of 'inherit' variant from the theme as it is already handled in Material UI's Typography component. Also, remember to remove the associated types.
+    inherit: {
+      fontFamily: "inherit",
+      fontWeight: "inherit",
+      fontSize: "inherit",
+      lineHeight: "inherit",
+      letterSpacing: "inherit"
+    }
+  };
+  return oe({
+    htmlFontSize: f,
+    pxToRem: v,
+    fontFamily: t,
+    fontSize: n,
+    fontWeightLight: o,
+    fontWeightRegular: a,
+    fontWeightMedium: s,
+    fontWeightBold: l,
+    ...c
+  }, m, {
+    clone: !1
+    // No need to clone deep
+  });
+}
+const oo = 0.2, io = 0.14, ao = 0.12;
+function G(...e) {
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${oo})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${io})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${ao})`].join(",");
+}
+const so = ["none", G(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), G(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), G(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), G(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), G(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), G(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), G(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), G(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), G(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), G(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), G(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), G(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), G(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), G(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), G(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), G(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), G(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), G(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), G(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), G(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), G(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), G(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), G(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), G(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], co = {
+  // 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)"
+}, lo = {
+  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 qr(e) {
+  return `${Math.round(e)}ms`;
+}
+function uo(e) {
+  if (!e)
+    return 0;
+  const r = e / 36;
+  return Math.min(Math.round((4 + 15 * r ** 0.25 + r / 5) * 10), 3e3);
+}
+function fo(e) {
+  const r = {
+    ...co,
+    ...e.easing
+  }, t = {
+    ...lo,
+    ...e.duration
+  };
+  return {
+    getAutoHeightDuration: uo,
+    create: (o = ["all"], a = {}) => {
+      const {
+        duration: s = t.standard,
+        easing: l = r.easeInOut,
+        delay: f = 0,
+        ...d
+      } = a;
+      if (process.env.NODE_ENV !== "production") {
+        const p = (g) => typeof g == "string", m = (g) => !Number.isNaN(parseFloat(g));
+        !p(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !m(s) && !p(s) && console.error(`MUI: Argument "duration" must be a number or a string but found ${s}.`), p(l) || console.error('MUI: Argument "easing" must be a string.'), !m(f) && !p(f) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof a != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
+`)), Object.keys(d).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(d).join(",")}].`);
+      }
+      return (Array.isArray(o) ? o : [o]).map((p) => `${p} ${typeof s == "string" ? s : qr(s)} ${l} ${typeof f == "string" ? f : qr(f)}`).join(",");
+    },
+    ...e,
+    easing: r,
+    duration: t
+  };
+}
+const po = {
+  mobileStepper: 1e3,
+  fab: 1050,
+  speedDial: 1050,
+  appBar: 1100,
+  drawer: 1200,
+  modal: 1300,
+  snackbar: 1400,
+  tooltip: 1500
+};
+function mo(e) {
+  return me(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
+}
+function ct(e = {}) {
+  const r = {
+    ...e
+  };
+  function t(n) {
+    const o = Object.entries(n);
+    for (let a = 0; a < o.length; a++) {
+      const [s, l] = o[a];
+      !mo(l) || s.startsWith("unstable_") ? delete n[s] : me(l) && (n[s] = {
+        ...l
+      }, t(n[s]));
+    }
+  }
+  return t(r), `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';
+
+const theme = ${JSON.stringify(r, null, 2)};
+
+theme.breakpoints = createBreakpoints(theme.breakpoints || {});
+theme.transitions = createTransitions(theme.transitions || {});
+
+export default theme;`;
+}
+function Gr(e) {
+  return typeof e == "number" ? `${(e * 100).toFixed(0)}%` : `calc((${e}) * 100%)`;
+}
+const go = (e) => {
+  if (!Number.isNaN(+e))
+    return +e;
+  const r = e.match(/\d*\.?\d+/g);
+  if (!r)
+    return 0;
+  let t = 0;
+  for (let n = 0; n < r.length; n += 1)
+    t += +r[n];
+  return t;
+};
+function ho(e) {
+  Object.assign(e, {
+    alpha(r, t) {
+      const n = this || e;
+      return n.colorSpace ? `oklch(from ${r} l c h / ${typeof t == "string" ? `calc(${t})` : t})` : n.vars ? `rgba(${r.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g, "var(--$1Channel)")} / ${typeof t == "string" ? `calc(${t})` : t})` : et(r, go(t));
+    },
+    lighten(r, t) {
+      const n = this || e;
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${r}, #fff ${Gr(t)})` : Ye(r, t);
+    },
+    darken(r, t) {
+      const n = this || e;
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${r}, #000 ${Gr(t)})` : We(r, t);
+    }
+  });
+}
+function mr(e = {}, ...r) {
+  const {
+    breakpoints: t,
+    mixins: n = {},
+    spacing: o,
+    palette: a = {},
+    transitions: s = {},
+    typography: l = {},
+    shape: f,
+    colorSpace: d,
+    ...p
+  } = e;
+  if (e.vars && // The error should throw only for the root theme creation because user is not allowed to use a custom node `vars`.
+  // `generateThemeVars` is the closest identifier for checking that the `options` is a result of `createTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
+  e.generateThemeVars === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature." : ge(20));
+  const m = yr({
+    ...a,
+    colorSpace: d
+  }), g = zn(e);
+  let v = oe(g, {
+    mixins: ro(g.breakpoints, n),
+    palette: m,
+    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
+    shadows: so.slice(),
+    typography: no(m, l),
+    transitions: fo(s),
+    zIndex: {
+      ...po
+    }
+  });
+  if (v = oe(v, p), v = r.reduce((y, c) => oe(y, c), v), process.env.NODE_ENV !== "production") {
+    const y = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], c = (C, O) => {
+      let N;
+      for (N in C) {
+        const I = C[N];
+        if (y.includes(N) && Object.keys(I).length > 0) {
+          if (process.env.NODE_ENV !== "production") {
+            const T = eo("", N);
+            console.error([`MUI: The \`${O}\` component increases the CSS specificity of the \`${N}\` internal state.`, "You can not override it like this: ", JSON.stringify(C, null, 2), "", `Instead, you need to use the '&.${T}' syntax:`, JSON.stringify({
+              root: {
+                [`&.${T}`]: I
+              }
+            }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
+`));
+          }
+          C[N] = {};
+        }
+      }
+    };
+    Object.keys(v.components).forEach((C) => {
+      const O = v.components[C].styleOverrides;
+      O && C.startsWith("Mui") && c(O, C);
+    });
+  }
+  return v.unstable_sxConfig = {
+    ...Ze,
+    ...p?.unstable_sxConfig
+  }, v.unstable_sx = function(c) {
+    return er({
+      sx: c,
+      theme: this
+    });
+  }, v.toRuntimeSource = ct, ho(v), v;
+}
+function yo(e) {
+  let r;
+  return e < 1 ? r = 5.11916 * e ** 2 : r = 4.5 * Math.log(e + 1) + 2, Math.round(r * 10) / 1e3;
+}
+const bo = [...Array(25)].map((e, r) => {
+  if (r === 0)
+    return "none";
+  const t = yo(r);
+  return `linear-gradient(rgba(255 255 255 / ${t}), rgba(255 255 255 / ${t}))`;
+});
+function lt(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 ut(e) {
+  return e === "dark" ? bo : [];
+}
+function vo(e) {
+  const {
+    palette: r = {
+      mode: "light"
+    },
+    // need to cast to avoid module augmentation test
+    opacity: t,
+    overlays: n,
+    colorSpace: o,
+    ...a
+  } = e, s = yr({
+    ...r,
+    colorSpace: o
+  });
+  return {
+    palette: s,
+    opacity: {
+      ...lt(s.mode),
+      ...t
+    },
+    overlays: n || ut(s.mode),
+    ...a
+  };
+}
+function Co(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 So = (e) => [...[...Array(25)].map((r, t) => `--${e ? `${e}-` : ""}overlays-${t}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], Eo = (e) => (r, t) => {
+  const n = e.rootSelector || ":root", o = e.colorSchemeSelector;
+  let a = o;
+  if (o === "class" && (a = ".%s"), o === "data" && (a = "[data-%s]"), o?.startsWith("data-") && !o.includes("%s") && (a = `[${o}="%s"]`), e.defaultColorScheme === r) {
+    if (r === "dark") {
+      const s = {};
+      return So(e.cssVarPrefix).forEach((l) => {
+        s[l] = t[l], delete t[l];
+      }), a === "media" ? {
+        [n]: t,
+        "@media (prefers-color-scheme: dark)": {
+          [n]: s
+        }
+      } : a ? {
+        [a.replace("%s", r)]: s,
+        [`${n}, ${a.replace("%s", r)}`]: t
+      } : {
+        [n]: {
+          ...t,
+          ...s
+        }
+      };
+    }
+    if (a && a !== "media")
+      return `${n}, ${a.replace("%s", String(r))}`;
+  } else if (r) {
+    if (a === "media")
+      return {
+        [`@media (prefers-color-scheme: ${String(r)})`]: {
+          [n]: t
+        }
+      };
+    if (a)
+      return a.replace("%s", String(r));
+  }
+  return n;
+};
+function To(e, r) {
+  r.forEach((t) => {
+    e[t] || (e[t] = {});
+  });
+}
+function u(e, r, t) {
+  !e[r] && t && (e[r] = t);
+}
+function Ae(e) {
+  return typeof e != "string" || !e.startsWith("hsl") ? e : Zr(e);
+}
+function de(e, r) {
+  `${r}Channel` in e || (e[`${r}Channel`] = Oe(Ae(e[r]), `MUI: Can't create \`palette.${r}Channel\` because \`palette.${r}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
+To suppress this warning, you need to explicitly provide the \`palette.${r}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`));
+}
+function $o(e) {
+  return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
+}
+const ue = (e) => {
+  try {
+    return e();
+  } catch {
+  }
+}, xo = (e = "mui") => Ct(e);
+function ur(e, r, t, n, o) {
+  if (!t)
+    return;
+  t = t === !0 ? {} : t;
+  const a = o === "dark" ? "dark" : "light";
+  if (!n) {
+    r[o] = vo({
+      ...t,
+      palette: {
+        mode: a,
+        ...t?.palette
+      },
+      colorSpace: e
+    });
+    return;
+  }
+  const {
+    palette: s,
+    ...l
+  } = mr({
+    ...n,
+    palette: {
+      mode: a,
+      ...t?.palette
+    },
+    colorSpace: e
+  });
+  return r[o] = {
+    ...t,
+    palette: s,
+    opacity: {
+      ...lt(a),
+      ...t?.opacity
+    },
+    overlays: t?.overlays || ut(a)
+  }, l;
+}
+function wo(e = {}, ...r) {
+  const {
+    colorSchemes: t = {
+      light: !0
+    },
+    defaultColorScheme: n,
+    disableCssColorScheme: o = !1,
+    cssVarPrefix: a = "mui",
+    nativeColor: s = !1,
+    shouldSkipGeneratingVar: l = Co,
+    colorSchemeSelector: f = t.light && t.dark ? "media" : void 0,
+    rootSelector: d = ":root",
+    ...p
+  } = e, m = Object.keys(t)[0], g = n || (t.light && m !== "light" ? "light" : m), v = xo(a), {
+    [g]: y,
+    light: c,
+    dark: C,
+    ...O
+  } = t, N = {
+    ...O
+  };
+  let I = y;
+  if ((g === "dark" && !("dark" in t) || g === "light" && !("light" in t)) && (I = !0), !I)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${g}\` option is either missing or invalid.` : ge(21, g));
+  let T;
+  s && (T = "oklch");
+  const b = ur(T, N, I, p, g);
+  c && !N.light && ur(T, N, c, void 0, "light"), C && !N.dark && ur(T, N, C, void 0, "dark");
+  let x = {
+    defaultColorScheme: g,
+    ...b,
+    cssVarPrefix: a,
+    colorSchemeSelector: f,
+    rootSelector: d,
+    getCssVar: v,
+    colorSchemes: N,
+    font: {
+      ...Hn(b.typography),
+      ...b.font
+    },
+    spacing: $o(p.spacing)
+  };
+  Object.keys(x.colorSchemes).forEach((X) => {
+    const i = x.colorSchemes[X].palette, w = (j) => {
+      const V = j.split("-"), re = V[1], ce = V[2];
+      return v(j, i[re][ce]);
+    };
+    i.mode === "light" && (u(i.common, "background", "#fff"), u(i.common, "onBackground", "#000")), i.mode === "dark" && (u(i.common, "background", "#000"), u(i.common, "onBackground", "#fff"));
+    function S(j, V, re) {
+      if (T) {
+        let ce;
+        return j === be && (ce = `transparent ${((1 - re) * 100).toFixed(0)}%`), j === Y && (ce = `#000 ${(re * 100).toFixed(0)}%`), j === U && (ce = `#fff ${(re * 100).toFixed(0)}%`), `color-mix(in ${T}, ${V}, ${ce})`;
+      }
+      return j(V, re);
+    }
+    if (To(i, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), i.mode === "light") {
+      u(i.Alert, "errorColor", S(Y, i.error.light, 0.6)), u(i.Alert, "infoColor", S(Y, i.info.light, 0.6)), u(i.Alert, "successColor", S(Y, i.success.light, 0.6)), u(i.Alert, "warningColor", S(Y, i.warning.light, 0.6)), u(i.Alert, "errorFilledBg", w("palette-error-main")), u(i.Alert, "infoFilledBg", w("palette-info-main")), u(i.Alert, "successFilledBg", w("palette-success-main")), u(i.Alert, "warningFilledBg", w("palette-warning-main")), u(i.Alert, "errorFilledColor", ue(() => i.getContrastText(i.error.main))), u(i.Alert, "infoFilledColor", ue(() => i.getContrastText(i.info.main))), u(i.Alert, "successFilledColor", ue(() => i.getContrastText(i.success.main))), u(i.Alert, "warningFilledColor", ue(() => i.getContrastText(i.warning.main))), u(i.Alert, "errorStandardBg", S(U, i.error.light, 0.9)), u(i.Alert, "infoStandardBg", S(U, i.info.light, 0.9)), u(i.Alert, "successStandardBg", S(U, i.success.light, 0.9)), u(i.Alert, "warningStandardBg", S(U, i.warning.light, 0.9)), u(i.Alert, "errorIconColor", w("palette-error-main")), u(i.Alert, "infoIconColor", w("palette-info-main")), u(i.Alert, "successIconColor", w("palette-success-main")), u(i.Alert, "warningIconColor", w("palette-warning-main")), u(i.AppBar, "defaultBg", w("palette-grey-100")), u(i.Avatar, "defaultBg", w("palette-grey-400")), u(i.Button, "inheritContainedBg", w("palette-grey-300")), u(i.Button, "inheritContainedHoverBg", w("palette-grey-A100")), u(i.Chip, "defaultBorder", w("palette-grey-400")), u(i.Chip, "defaultAvatarColor", w("palette-grey-700")), u(i.Chip, "defaultIconColor", w("palette-grey-700")), u(i.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), u(i.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), u(i.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), u(i.LinearProgress, "primaryBg", S(U, i.primary.main, 0.62)), u(i.LinearProgress, "secondaryBg", S(U, i.secondary.main, 0.62)), u(i.LinearProgress, "errorBg", S(U, i.error.main, 0.62)), u(i.LinearProgress, "infoBg", S(U, i.info.main, 0.62)), u(i.LinearProgress, "successBg", S(U, i.success.main, 0.62)), u(i.LinearProgress, "warningBg", S(U, i.warning.main, 0.62)), u(i.Skeleton, "bg", T ? S(be, i.text.primary, 0.11) : `rgba(${w("palette-text-primaryChannel")} / 0.11)`), u(i.Slider, "primaryTrack", S(U, i.primary.main, 0.62)), u(i.Slider, "secondaryTrack", S(U, i.secondary.main, 0.62)), u(i.Slider, "errorTrack", S(U, i.error.main, 0.62)), u(i.Slider, "infoTrack", S(U, i.info.main, 0.62)), u(i.Slider, "successTrack", S(U, i.success.main, 0.62)), u(i.Slider, "warningTrack", S(U, i.warning.main, 0.62));
+      const j = T ? S(Y, i.background.default, 0.6825) : Be(i.background.default, 0.8);
+      u(i.SnackbarContent, "bg", j), u(i.SnackbarContent, "color", ue(() => T ? pr.text.primary : i.getContrastText(j))), u(i.SpeedDialAction, "fabHoverBg", Be(i.background.paper, 0.15)), u(i.StepConnector, "border", w("palette-grey-400")), u(i.StepContent, "border", w("palette-grey-400")), u(i.Switch, "defaultColor", w("palette-common-white")), u(i.Switch, "defaultDisabledColor", w("palette-grey-100")), u(i.Switch, "primaryDisabledColor", S(U, i.primary.main, 0.62)), u(i.Switch, "secondaryDisabledColor", S(U, i.secondary.main, 0.62)), u(i.Switch, "errorDisabledColor", S(U, i.error.main, 0.62)), u(i.Switch, "infoDisabledColor", S(U, i.info.main, 0.62)), u(i.Switch, "successDisabledColor", S(U, i.success.main, 0.62)), u(i.Switch, "warningDisabledColor", S(U, i.warning.main, 0.62)), u(i.TableCell, "border", S(U, S(be, i.divider, 1), 0.88)), u(i.Tooltip, "bg", S(be, i.grey[700], 0.92));
+    }
+    if (i.mode === "dark") {
+      u(i.Alert, "errorColor", S(U, i.error.light, 0.6)), u(i.Alert, "infoColor", S(U, i.info.light, 0.6)), u(i.Alert, "successColor", S(U, i.success.light, 0.6)), u(i.Alert, "warningColor", S(U, i.warning.light, 0.6)), u(i.Alert, "errorFilledBg", w("palette-error-dark")), u(i.Alert, "infoFilledBg", w("palette-info-dark")), u(i.Alert, "successFilledBg", w("palette-success-dark")), u(i.Alert, "warningFilledBg", w("palette-warning-dark")), u(i.Alert, "errorFilledColor", ue(() => i.getContrastText(i.error.dark))), u(i.Alert, "infoFilledColor", ue(() => i.getContrastText(i.info.dark))), u(i.Alert, "successFilledColor", ue(() => i.getContrastText(i.success.dark))), u(i.Alert, "warningFilledColor", ue(() => i.getContrastText(i.warning.dark))), u(i.Alert, "errorStandardBg", S(Y, i.error.light, 0.9)), u(i.Alert, "infoStandardBg", S(Y, i.info.light, 0.9)), u(i.Alert, "successStandardBg", S(Y, i.success.light, 0.9)), u(i.Alert, "warningStandardBg", S(Y, i.warning.light, 0.9)), u(i.Alert, "errorIconColor", w("palette-error-main")), u(i.Alert, "infoIconColor", w("palette-info-main")), u(i.Alert, "successIconColor", w("palette-success-main")), u(i.Alert, "warningIconColor", w("palette-warning-main")), u(i.AppBar, "defaultBg", w("palette-grey-900")), u(i.AppBar, "darkBg", w("palette-background-paper")), u(i.AppBar, "darkColor", w("palette-text-primary")), u(i.Avatar, "defaultBg", w("palette-grey-600")), u(i.Button, "inheritContainedBg", w("palette-grey-800")), u(i.Button, "inheritContainedHoverBg", w("palette-grey-700")), u(i.Chip, "defaultBorder", w("palette-grey-700")), u(i.Chip, "defaultAvatarColor", w("palette-grey-300")), u(i.Chip, "defaultIconColor", w("palette-grey-300")), u(i.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), u(i.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), u(i.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), u(i.LinearProgress, "primaryBg", S(Y, i.primary.main, 0.5)), u(i.LinearProgress, "secondaryBg", S(Y, i.secondary.main, 0.5)), u(i.LinearProgress, "errorBg", S(Y, i.error.main, 0.5)), u(i.LinearProgress, "infoBg", S(Y, i.info.main, 0.5)), u(i.LinearProgress, "successBg", S(Y, i.success.main, 0.5)), u(i.LinearProgress, "warningBg", S(Y, i.warning.main, 0.5)), u(i.Skeleton, "bg", T ? S(be, i.text.primary, 0.13) : `rgba(${w("palette-text-primaryChannel")} / 0.13)`), u(i.Slider, "primaryTrack", S(Y, i.primary.main, 0.5)), u(i.Slider, "secondaryTrack", S(Y, i.secondary.main, 0.5)), u(i.Slider, "errorTrack", S(Y, i.error.main, 0.5)), u(i.Slider, "infoTrack", S(Y, i.info.main, 0.5)), u(i.Slider, "successTrack", S(Y, i.success.main, 0.5)), u(i.Slider, "warningTrack", S(Y, i.warning.main, 0.5));
+      const j = T ? S(U, i.background.default, 0.985) : Be(i.background.default, 0.98);
+      u(i.SnackbarContent, "bg", j), u(i.SnackbarContent, "color", ue(() => T ? tt.text.primary : i.getContrastText(j))), u(i.SpeedDialAction, "fabHoverBg", Be(i.background.paper, 0.15)), u(i.StepConnector, "border", w("palette-grey-600")), u(i.StepContent, "border", w("palette-grey-600")), u(i.Switch, "defaultColor", w("palette-grey-300")), u(i.Switch, "defaultDisabledColor", w("palette-grey-600")), u(i.Switch, "primaryDisabledColor", S(Y, i.primary.main, 0.55)), u(i.Switch, "secondaryDisabledColor", S(Y, i.secondary.main, 0.55)), u(i.Switch, "errorDisabledColor", S(Y, i.error.main, 0.55)), u(i.Switch, "infoDisabledColor", S(Y, i.info.main, 0.55)), u(i.Switch, "successDisabledColor", S(Y, i.success.main, 0.55)), u(i.Switch, "warningDisabledColor", S(Y, i.warning.main, 0.55)), u(i.TableCell, "border", S(Y, S(be, i.divider, 1), 0.68)), u(i.Tooltip, "bg", S(be, i.grey[700], 0.92));
+    }
+    de(i.background, "default"), de(i.background, "paper"), de(i.common, "background"), de(i.common, "onBackground"), de(i, "divider"), Object.keys(i).forEach((j) => {
+      const V = i[j];
+      j !== "tonalOffset" && V && typeof V == "object" && (V.main && u(i[j], "mainChannel", Oe(Ae(V.main))), V.light && u(i[j], "lightChannel", Oe(Ae(V.light))), V.dark && u(i[j], "darkChannel", Oe(Ae(V.dark))), V.contrastText && u(i[j], "contrastTextChannel", Oe(Ae(V.contrastText))), j === "text" && (de(i[j], "primary"), de(i[j], "secondary")), j === "action" && (V.active && de(i[j], "active"), V.selected && de(i[j], "selected")));
+    });
+  }), x = r.reduce((X, i) => oe(X, i), x);
+  const se = {
+    prefix: a,
+    disableCssColorScheme: o,
+    shouldSkipGeneratingVar: l,
+    getSelector: Eo(x),
+    enableContrastVars: s
+  }, {
+    vars: fe,
+    generateThemeVars: J,
+    generateStyleSheets: ee
+  } = Kn(x, se);
+  return x.vars = fe, Object.entries(x.colorSchemes[x.defaultColorScheme]).forEach(([X, i]) => {
+    x[X] = i;
+  }), x.generateThemeVars = J, x.generateStyleSheets = ee, x.generateSpacing = function() {
+    return St(p.spacing, vr(this));
+  }, x.getColorSchemeSelector = Qn(f), x.spacing = x.generateSpacing(), x.shouldSkipGeneratingVar = l, x.unstable_sxConfig = {
+    ...Ze,
+    ...p?.unstable_sxConfig
+  }, x.unstable_sx = function(i) {
+    return er({
+      sx: i,
+      theme: this
+    });
+  }, x.toRuntimeSource = ct, x;
+}
+function Kr(e, r, t) {
+  e.colorSchemes && t && (e.colorSchemes[r] = {
+    ...t !== !0 && t,
+    palette: yr({
+      ...t === !0 ? {} : t.palette,
+      mode: r
+    })
+    // cast type to skip module augmentation test
+  });
+}
+function _o(e = {}, ...r) {
+  const {
+    palette: t,
+    cssVariables: n = !1,
+    colorSchemes: o = t ? void 0 : {
+      light: !0
+    },
+    defaultColorScheme: a = t?.mode,
+    ...s
+  } = e, l = a || "light", f = o?.[l], d = {
+    ...o,
+    ...t ? {
+      [l]: {
+        ...typeof f != "boolean" && f,
+        palette: t
+      }
+    } : void 0
+  };
+  if (n === !1) {
+    if (!("colorSchemes" in e))
+      return mr(e, ...r);
+    let p = t;
+    "palette" in e || d[l] && (d[l] !== !0 ? p = d[l].palette : l === "dark" && (p = {
+      mode: "dark"
+    }));
+    const m = mr({
+      ...e,
+      palette: p
+    }, ...r);
+    return m.defaultColorScheme = l, m.colorSchemes = d, m.palette.mode === "light" && (m.colorSchemes.light = {
+      ...d.light !== !0 && d.light,
+      palette: m.palette
+    }, Kr(m, "dark", d.dark)), m.palette.mode === "dark" && (m.colorSchemes.dark = {
+      ...d.dark !== !0 && d.dark,
+      palette: m.palette
+    }, Kr(m, "light", d.light)), m;
+  }
+  return !t && !("light" in d) && l === "light" && (d.light = !0), wo({
+    ...s,
+    colorSchemes: d,
+    defaultColorScheme: l,
+    ...typeof n != "boolean" && n
+  }, ...r);
+}
+const Oo = _o();
+function Ao() {
+  const e = Et(Oo);
+  return process.env.NODE_ENV !== "production" && gr.useDebugValue(e), e[Tt] || e;
+}
+const Lo = ({
+  hijos: e,
+  children: r,
+  titulo: t,
+  estiloContenido: n,
+  conFondo: o = !0,
+  cerrarAlClicFuera: a = !1,
+  alCerrar: s,
+  transicion: l = !0,
+  abierto: f,
+  colocacion: d = "bottom-start",
+  placement: p,
+  elementoAncla: m,
+  anchorEl: g,
+  distancia: v = 4,
+  ...y
+}) => {
+  const c = Ao(), C = e || r, O = d || p, N = m || g, I = /* @__PURE__ */ ft(Me, { sx: [{ p: o ? 2 : 0 }, ...Array.isArray(n) ? n : n ? [n] : []], children: [
+    t && /* @__PURE__ */ Z(pt, { variant: "subtitle2", sx: { mb: 1, fontWeight: 600 }, children: t }),
+    C
+  ] }), T = o ? /* @__PURE__ */ Z(gt, { elevation: 3, sx: { overflow: "hidden", borderRadius: 1 }, children: I }) : I, b = /* @__PURE__ */ Z(
+    mt,
+    {
+      open: f,
+      placement: O,
+      transition: l,
+      anchorEl: N,
+      sx: { zIndex: c.zIndex.tooltip },
+      modifiers: [
+        {
+          name: "offset",
+          options: {
+            offset: [0, v]
+          }
+        }
+      ],
+      ...y,
+      children: ({ TransitionProps: x }) => l ? /* @__PURE__ */ Z(Hr, { ...x, timeout: 350, children: /* @__PURE__ */ Z(Me, { children: T }) }) : /* @__PURE__ */ Z(Me, { children: T })
+    }
+  );
+  return a && s ? /* @__PURE__ */ Z(Qr, { onClickAway: s, children: /* @__PURE__ */ Z(Me, { component: "span", sx: { display: "inline-block" }, children: b }) }) : b;
+}, Vo = ({
+  children: e,
+  alClicFuera: r,
+  eventoMouse: t = "onClick",
+  eventoToque: n = "onTouchEnd",
+  deshabilitarArbolReact: o = !1
+}) => /* @__PURE__ */ Z(
+  Qr,
+  {
+    onClickAway: r,
+    mouseEvent: t === "false" ? !1 : t,
+    touchEvent: n === "false" ? !1 : n,
+    disableReactTree: o,
+    children: e
+  }
+), fr = {
+  enter: 300,
+  exit: 200
+}, rr = (e, r, t) => r !== void 0 || t !== void 0 ? {
+  enter: r ?? (typeof e == "object" ? e.enter : e) ?? fr.enter,
+  exit: t ?? (typeof e == "object" ? e.exit : e) ?? fr.exit
+} : e ?? fr, Ro = ve.forwardRef(({
+  duracion: e = "auto",
+  visible: r,
+  activo: t,
+  in: n,
+  ...o
+}, a) => /* @__PURE__ */ Z(
+  ht,
+  {
+    ref: a,
+    timeout: e,
+    in: r ?? t ?? n,
+    ...o
+  }
+));
+Ro.displayName = "CodeplexColapso";
+const Po = ve.forwardRef(({
+  duracion: e,
+  entrada: r,
+  salida: t,
+  visible: n,
+  activo: o,
+  in: a,
+  ...s
+}, l) => {
+  const f = rr(e, r, t);
+  return /* @__PURE__ */ Z(
+    Hr,
+    {
+      ref: l,
+      timeout: f,
+      in: n ?? o ?? a,
+      ...s
+    }
+  );
+});
+Po.displayName = "CodeplexDesvanecimiento";
+const ko = ve.forwardRef(({
+  duracion: e,
+  entrada: r,
+  salida: t,
+  visible: n,
+  activo: o,
+  in: a,
+  ...s
+}, l) => {
+  const f = rr(e, r, t);
+  return /* @__PURE__ */ Z(
+    yt,
+    {
+      ref: l,
+      timeout: f,
+      in: n ?? o ?? a,
+      ...s
+    }
+  );
+});
+ko.displayName = "CodeplexCrecimiento";
+const Io = ve.forwardRef(({
+  duracion: e,
+  entrada: r,
+  salida: t,
+  direccion: n = "arriba",
+  visible: o,
+  activo: a,
+  in: s,
+  ...l
+}, f) => {
+  const d = rr(e, r, t);
+  return /* @__PURE__ */ Z(
+    bt,
+    {
+      ref: f,
+      timeout: d,
+      direction: {
+        abajo: "down",
+        arriba: "up",
+        izquierda: "left",
+        derecha: "right"
+      }[n],
+      in: o ?? a ?? s,
+      ...l
+    }
+  );
+});
+Io.displayName = "CodeplexDeslizamiento";
+const No = ve.forwardRef(({
+  duracion: e,
+  entrada: r,
+  salida: t,
+  visible: n,
+  activo: o,
+  in: a,
+  ...s
+}, l) => {
+  const f = rr(e, r, t);
+  return /* @__PURE__ */ Z(
+    vt,
+    {
+      ref: l,
+      timeout: f,
+      in: n ?? o ?? a,
+      ...s
+    }
+  );
+});
+No.displayName = "CodeplexZoom";
+export {
+  Ro as CodeplexColapso,
+  ko as CodeplexCrecimiento,
+  Io as CodeplexDeslizamiento,
+  Po as CodeplexDesvanecimiento,
+  Vo as CodeplexDetectorClicFuera,
+  Fo as CodeplexPortal,
+  Lo as CodeplexPosicionador,
+  No as CodeplexZoom
+};