@visio-io/design-system 1.0.0

package/dist/index.es.js

@@ -0,0 +1,2838 @@
+import * as jr from "react";
+import Jr, { forwardRef as Xr } from "react";
+import { Button as Zr, CircularProgress as Qr } from "@mui/material";
+function Pe(e) {
+  let r = "https://mui.com/production-error/?code=" + e;
+  for (let t = 1; t < arguments.length; t += 1)
+    r += "&args[]=" + encodeURIComponent(arguments[t]);
+  return "Minified MUI error #" + e + "; visit " + r + " for the full message.";
+}
+const et = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Pe
+}, Symbol.toStringTag, { value: "Module" }));
+function V() {
+  return V = Object.assign ? Object.assign.bind() : function(e) {
+    for (var r = 1; r < arguments.length; r++) {
+      var t = arguments[r];
+      for (var n in t) ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
+    }
+    return e;
+  }, V.apply(null, arguments);
+}
+function ve(e, r) {
+  if (e == null) return {};
+  var t = {};
+  for (var n in e) if ({}.hasOwnProperty.call(e, n)) {
+    if (r.indexOf(n) !== -1) continue;
+    t[n] = e[n];
+  }
+  return t;
+}
+function rt(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+function Ir(e) {
+  if (e.__esModule) return e;
+  var r = e.default;
+  if (typeof r == "function") {
+    var t = function n() {
+      return this instanceof n ? Reflect.construct(r, arguments, this.constructor) : r.apply(this, arguments);
+    };
+    t.prototype = r.prototype;
+  } else t = {};
+  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(n) {
+    var a = Object.getOwnPropertyDescriptor(e, n);
+    Object.defineProperty(t, n, a.get ? a : {
+      enumerable: !0,
+      get: function() {
+        return e[n];
+      }
+    });
+  }), t;
+}
+var Ze = { exports: {} }, Ie = { exports: {} }, k = {};
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var cr;
+function tt() {
+  if (cr) return k;
+  cr = 1;
+  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, h = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, b = e ? Symbol.for("react.suspense") : 60113, f = e ? Symbol.for("react.suspense_list") : 60120, x = e ? Symbol.for("react.memo") : 60115, _ = e ? Symbol.for("react.lazy") : 60116, l = e ? Symbol.for("react.block") : 60121, O = e ? Symbol.for("react.fundamental") : 60117, $ = e ? Symbol.for("react.responder") : 60118, L = e ? Symbol.for("react.scope") : 60119;
+  function j(m) {
+    if (typeof m == "object" && m !== null) {
+      var Q = m.$$typeof;
+      switch (Q) {
+        case r:
+          switch (m = m.type, m) {
+            case h:
+            case d:
+            case n:
+            case i:
+            case a:
+            case b:
+              return m;
+            default:
+              switch (m = m && m.$$typeof, m) {
+                case c:
+                case y:
+                case _:
+                case x:
+                case s:
+                  return m;
+                default:
+                  return Q;
+              }
+          }
+        case t:
+          return Q;
+      }
+    }
+  }
+  function I(m) {
+    return j(m) === d;
+  }
+  return k.AsyncMode = h, k.ConcurrentMode = d, k.ContextConsumer = c, k.ContextProvider = s, k.Element = r, k.ForwardRef = y, k.Fragment = n, k.Lazy = _, k.Memo = x, k.Portal = t, k.Profiler = i, k.StrictMode = a, k.Suspense = b, k.isAsyncMode = function(m) {
+    return I(m) || j(m) === h;
+  }, k.isConcurrentMode = I, k.isContextConsumer = function(m) {
+    return j(m) === c;
+  }, k.isContextProvider = function(m) {
+    return j(m) === s;
+  }, k.isElement = function(m) {
+    return typeof m == "object" && m !== null && m.$$typeof === r;
+  }, k.isForwardRef = function(m) {
+    return j(m) === y;
+  }, k.isFragment = function(m) {
+    return j(m) === n;
+  }, k.isLazy = function(m) {
+    return j(m) === _;
+  }, k.isMemo = function(m) {
+    return j(m) === x;
+  }, k.isPortal = function(m) {
+    return j(m) === t;
+  }, k.isProfiler = function(m) {
+    return j(m) === i;
+  }, k.isStrictMode = function(m) {
+    return j(m) === a;
+  }, k.isSuspense = function(m) {
+    return j(m) === b;
+  }, k.isValidElementType = function(m) {
+    return typeof m == "string" || typeof m == "function" || m === n || m === d || m === i || m === a || m === b || m === f || typeof m == "object" && m !== null && (m.$$typeof === _ || m.$$typeof === x || m.$$typeof === s || m.$$typeof === c || m.$$typeof === y || m.$$typeof === O || m.$$typeof === $ || m.$$typeof === L || m.$$typeof === l);
+  }, k.typeOf = j, k;
+}
+var A = {};
+/** @license React v16.13.1
+ * react-is.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var fr;
+function nt() {
+  return fr || (fr = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, h = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, b = e ? Symbol.for("react.suspense") : 60113, f = e ? Symbol.for("react.suspense_list") : 60120, x = e ? Symbol.for("react.memo") : 60115, _ = e ? Symbol.for("react.lazy") : 60116, l = e ? Symbol.for("react.block") : 60121, O = e ? Symbol.for("react.fundamental") : 60117, $ = e ? Symbol.for("react.responder") : 60118, L = e ? Symbol.for("react.scope") : 60119;
+    function j(g) {
+      return typeof g == "string" || typeof g == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      g === n || g === d || g === i || g === a || g === b || g === f || typeof g == "object" && g !== null && (g.$$typeof === _ || g.$$typeof === x || g.$$typeof === s || g.$$typeof === c || g.$$typeof === y || g.$$typeof === O || g.$$typeof === $ || g.$$typeof === L || g.$$typeof === l);
+    }
+    function I(g) {
+      if (typeof g == "object" && g !== null) {
+        var Z = g.$$typeof;
+        switch (Z) {
+          case r:
+            var je = g.type;
+            switch (je) {
+              case h:
+              case d:
+              case n:
+              case i:
+              case a:
+              case b:
+                return je;
+              default:
+                var ur = je && je.$$typeof;
+                switch (ur) {
+                  case c:
+                  case y:
+                  case _:
+                  case x:
+                  case s:
+                    return ur;
+                  default:
+                    return Z;
+                }
+            }
+          case t:
+            return Z;
+        }
+      }
+    }
+    var m = h, Q = d, Te = c, xe = s, oe = r, _e = y, ce = n, ae = _, fe = x, te = t, ie = i, q = a, X = b, se = !1;
+    function le(g) {
+      return se || (se = !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.")), u(g) || I(g) === h;
+    }
+    function u(g) {
+      return I(g) === d;
+    }
+    function o(g) {
+      return I(g) === c;
+    }
+    function p(g) {
+      return I(g) === s;
+    }
+    function E(g) {
+      return typeof g == "object" && g !== null && g.$$typeof === r;
+    }
+    function v(g) {
+      return I(g) === y;
+    }
+    function C(g) {
+      return I(g) === n;
+    }
+    function S(g) {
+      return I(g) === _;
+    }
+    function T(g) {
+      return I(g) === x;
+    }
+    function R(g) {
+      return I(g) === t;
+    }
+    function P(g) {
+      return I(g) === i;
+    }
+    function w(g) {
+      return I(g) === a;
+    }
+    function F(g) {
+      return I(g) === b;
+    }
+    A.AsyncMode = m, A.ConcurrentMode = Q, A.ContextConsumer = Te, A.ContextProvider = xe, A.Element = oe, A.ForwardRef = _e, A.Fragment = ce, A.Lazy = ae, A.Memo = fe, A.Portal = te, A.Profiler = ie, A.StrictMode = q, A.Suspense = X, A.isAsyncMode = le, A.isConcurrentMode = u, A.isContextConsumer = o, A.isContextProvider = p, A.isElement = E, A.isForwardRef = v, A.isFragment = C, A.isLazy = S, A.isMemo = T, A.isPortal = R, A.isProfiler = P, A.isStrictMode = w, A.isSuspense = F, A.isValidElementType = j, A.typeOf = I;
+  }()), A;
+}
+var lr;
+function Nr() {
+  return lr || (lr = 1, process.env.NODE_ENV === "production" ? Ie.exports = tt() : Ie.exports = nt()), Ie.exports;
+}
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var Fe, dr;
+function ot() {
+  if (dr) return Fe;
+  dr = 1;
+  var e = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
+  function n(i) {
+    if (i == null)
+      throw new TypeError("Object.assign cannot be called with null or undefined");
+    return Object(i);
+  }
+  function a() {
+    try {
+      if (!Object.assign)
+        return !1;
+      var i = new String("abc");
+      if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
+        return !1;
+      for (var s = {}, c = 0; c < 10; c++)
+        s["_" + String.fromCharCode(c)] = c;
+      var h = Object.getOwnPropertyNames(s).map(function(y) {
+        return s[y];
+      });
+      if (h.join("") !== "0123456789")
+        return !1;
+      var d = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(y) {
+        d[y] = y;
+      }), Object.keys(Object.assign({}, d)).join("") === "abcdefghijklmnopqrst";
+    } catch {
+      return !1;
+    }
+  }
+  return Fe = a() ? Object.assign : function(i, s) {
+    for (var c, h = n(i), d, y = 1; y < arguments.length; y++) {
+      c = Object(arguments[y]);
+      for (var b in c)
+        r.call(c, b) && (h[b] = c[b]);
+      if (e) {
+        d = e(c);
+        for (var f = 0; f < d.length; f++)
+          t.call(c, d[f]) && (h[d[f]] = c[d[f]]);
+      }
+    }
+    return h;
+  }, Fe;
+}
+var qe, pr;
+function er() {
+  if (pr) return qe;
+  pr = 1;
+  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  return qe = e, qe;
+}
+var He, mr;
+function Mr() {
+  return mr || (mr = 1, He = Function.call.bind(Object.prototype.hasOwnProperty)), He;
+}
+var Ge, yr;
+function at() {
+  if (yr) return Ge;
+  yr = 1;
+  var e = function() {
+  };
+  if (process.env.NODE_ENV !== "production") {
+    var r = er(), t = {}, n = Mr();
+    e = function(i) {
+      var s = "Warning: " + i;
+      typeof console < "u" && console.error(s);
+      try {
+        throw new Error(s);
+      } catch {
+      }
+    };
+  }
+  function a(i, s, c, h, d) {
+    if (process.env.NODE_ENV !== "production") {
+      for (var y in i)
+        if (n(i, y)) {
+          var b;
+          try {
+            if (typeof i[y] != "function") {
+              var f = Error(
+                (h || "React class") + ": " + c + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+              );
+              throw f.name = "Invariant Violation", f;
+            }
+            b = i[y](s, y, h, c, null, r);
+          } catch (_) {
+            b = _;
+          }
+          if (b && !(b instanceof Error) && e(
+            (h || "React class") + ": type specification of " + c + " `" + y + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof b + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), b instanceof Error && !(b.message in t)) {
+            t[b.message] = !0;
+            var x = d ? d() : "";
+            e(
+              "Failed " + c + " type: " + b.message + (x ?? "")
+            );
+          }
+        }
+    }
+  }
+  return a.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (t = {});
+  }, Ge = a, Ge;
+}
+var Ke, gr;
+function it() {
+  if (gr) return Ke;
+  gr = 1;
+  var e = Nr(), r = ot(), t = er(), n = Mr(), a = at(), i = function() {
+  };
+  process.env.NODE_ENV !== "production" && (i = function(c) {
+    var h = "Warning: " + c;
+    typeof console < "u" && console.error(h);
+    try {
+      throw new Error(h);
+    } catch {
+    }
+  });
+  function s() {
+    return null;
+  }
+  return Ke = function(c, h) {
+    var d = typeof Symbol == "function" && Symbol.iterator, y = "@@iterator";
+    function b(u) {
+      var o = u && (d && u[d] || u[y]);
+      if (typeof o == "function")
+        return o;
+    }
+    var f = "<<anonymous>>", x = {
+      array: $("array"),
+      bigint: $("bigint"),
+      bool: $("boolean"),
+      func: $("function"),
+      number: $("number"),
+      object: $("object"),
+      string: $("string"),
+      symbol: $("symbol"),
+      any: L(),
+      arrayOf: j,
+      element: I(),
+      elementType: m(),
+      instanceOf: Q,
+      node: _e(),
+      objectOf: xe,
+      oneOf: Te,
+      oneOfType: oe,
+      shape: ae,
+      exact: fe
+    };
+    function _(u, o) {
+      return u === o ? u !== 0 || 1 / u === 1 / o : u !== u && o !== o;
+    }
+    function l(u, o) {
+      this.message = u, this.data = o && typeof o == "object" ? o : {}, this.stack = "";
+    }
+    l.prototype = Error.prototype;
+    function O(u) {
+      if (process.env.NODE_ENV !== "production")
+        var o = {}, p = 0;
+      function E(C, S, T, R, P, w, F) {
+        if (R = R || f, w = w || T, F !== t) {
+          if (h) {
+            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;
+          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
+            var Z = R + ":" + T;
+            !o[Z] && // Avoid spamming the console because they are often not actionable except for lib authors
+            p < 3 && (i(
+              "You are manually calling a React.PropTypes validation function for the `" + w + "` prop on `" + R + "`. 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."
+            ), o[Z] = !0, p++);
+          }
+        }
+        return S[T] == null ? C ? S[T] === null ? new l("The " + P + " `" + w + "` is marked as required " + ("in `" + R + "`, but its value is `null`.")) : new l("The " + P + " `" + w + "` is marked as required in " + ("`" + R + "`, but its value is `undefined`.")) : null : u(S, T, R, P, w);
+      }
+      var v = E.bind(null, !1);
+      return v.isRequired = E.bind(null, !0), v;
+    }
+    function $(u) {
+      function o(p, E, v, C, S, T) {
+        var R = p[E], P = q(R);
+        if (P !== u) {
+          var w = X(R);
+          return new l(
+            "Invalid " + C + " `" + S + "` of type " + ("`" + w + "` supplied to `" + v + "`, expected ") + ("`" + u + "`."),
+            { expectedType: u }
+          );
+        }
+        return null;
+      }
+      return O(o);
+    }
+    function L() {
+      return O(s);
+    }
+    function j(u) {
+      function o(p, E, v, C, S) {
+        if (typeof u != "function")
+          return new l("Property `" + S + "` of component `" + v + "` has invalid PropType notation inside arrayOf.");
+        var T = p[E];
+        if (!Array.isArray(T)) {
+          var R = q(T);
+          return new l("Invalid " + C + " `" + S + "` of type " + ("`" + R + "` supplied to `" + v + "`, expected an array."));
+        }
+        for (var P = 0; P < T.length; P++) {
+          var w = u(T, P, v, C, S + "[" + P + "]", t);
+          if (w instanceof Error)
+            return w;
+        }
+        return null;
+      }
+      return O(o);
+    }
+    function I() {
+      function u(o, p, E, v, C) {
+        var S = o[p];
+        if (!c(S)) {
+          var T = q(S);
+          return new l("Invalid " + v + " `" + C + "` of type " + ("`" + T + "` supplied to `" + E + "`, expected a single ReactElement."));
+        }
+        return null;
+      }
+      return O(u);
+    }
+    function m() {
+      function u(o, p, E, v, C) {
+        var S = o[p];
+        if (!e.isValidElementType(S)) {
+          var T = q(S);
+          return new l("Invalid " + v + " `" + C + "` of type " + ("`" + T + "` supplied to `" + E + "`, expected a single ReactElement type."));
+        }
+        return null;
+      }
+      return O(u);
+    }
+    function Q(u) {
+      function o(p, E, v, C, S) {
+        if (!(p[E] instanceof u)) {
+          var T = u.name || f, R = le(p[E]);
+          return new l("Invalid " + C + " `" + S + "` of type " + ("`" + R + "` supplied to `" + v + "`, expected ") + ("instance of `" + T + "`."));
+        }
+        return null;
+      }
+      return O(o);
+    }
+    function Te(u) {
+      if (!Array.isArray(u))
+        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
+          "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
+        ) : i("Invalid argument supplied to oneOf, expected an array.")), s;
+      function o(p, E, v, C, S) {
+        for (var T = p[E], R = 0; R < u.length; R++)
+          if (_(T, u[R]))
+            return null;
+        var P = JSON.stringify(u, function(F, g) {
+          var Z = X(g);
+          return Z === "symbol" ? String(g) : g;
+        });
+        return new l("Invalid " + C + " `" + S + "` of value `" + String(T) + "` " + ("supplied to `" + v + "`, expected one of " + P + "."));
+      }
+      return O(o);
+    }
+    function xe(u) {
+      function o(p, E, v, C, S) {
+        if (typeof u != "function")
+          return new l("Property `" + S + "` of component `" + v + "` has invalid PropType notation inside objectOf.");
+        var T = p[E], R = q(T);
+        if (R !== "object")
+          return new l("Invalid " + C + " `" + S + "` of type " + ("`" + R + "` supplied to `" + v + "`, expected an object."));
+        for (var P in T)
+          if (n(T, P)) {
+            var w = u(T, P, v, C, S + "." + P, t);
+            if (w instanceof Error)
+              return w;
+          }
+        return null;
+      }
+      return O(o);
+    }
+    function oe(u) {
+      if (!Array.isArray(u))
+        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), s;
+      for (var o = 0; o < u.length; o++) {
+        var p = u[o];
+        if (typeof p != "function")
+          return i(
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + se(p) + " at index " + o + "."
+          ), s;
+      }
+      function E(v, C, S, T, R) {
+        for (var P = [], w = 0; w < u.length; w++) {
+          var F = u[w], g = F(v, C, S, T, R, t);
+          if (g == null)
+            return null;
+          g.data && n(g.data, "expectedType") && P.push(g.data.expectedType);
+        }
+        var Z = P.length > 0 ? ", expected one of type [" + P.join(", ") + "]" : "";
+        return new l("Invalid " + T + " `" + R + "` supplied to " + ("`" + S + "`" + Z + "."));
+      }
+      return O(E);
+    }
+    function _e() {
+      function u(o, p, E, v, C) {
+        return te(o[p]) ? null : new l("Invalid " + v + " `" + C + "` supplied to " + ("`" + E + "`, expected a ReactNode."));
+      }
+      return O(u);
+    }
+    function ce(u, o, p, E, v) {
+      return new l(
+        (u || "React class") + ": " + o + " type `" + p + "." + E + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + v + "`."
+      );
+    }
+    function ae(u) {
+      function o(p, E, v, C, S) {
+        var T = p[E], R = q(T);
+        if (R !== "object")
+          return new l("Invalid " + C + " `" + S + "` of type `" + R + "` " + ("supplied to `" + v + "`, expected `object`."));
+        for (var P in u) {
+          var w = u[P];
+          if (typeof w != "function")
+            return ce(v, C, S, P, X(w));
+          var F = w(T, P, v, C, S + "." + P, t);
+          if (F)
+            return F;
+        }
+        return null;
+      }
+      return O(o);
+    }
+    function fe(u) {
+      function o(p, E, v, C, S) {
+        var T = p[E], R = q(T);
+        if (R !== "object")
+          return new l("Invalid " + C + " `" + S + "` of type `" + R + "` " + ("supplied to `" + v + "`, expected `object`."));
+        var P = r({}, p[E], u);
+        for (var w in P) {
+          var F = u[w];
+          if (n(u, w) && typeof F != "function")
+            return ce(v, C, S, w, X(F));
+          if (!F)
+            return new l(
+              "Invalid " + C + " `" + S + "` key `" + w + "` supplied to `" + v + "`.\nBad object: " + JSON.stringify(p[E], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(u), null, "  ")
+            );
+          var g = F(T, w, v, C, S + "." + w, t);
+          if (g)
+            return g;
+        }
+        return null;
+      }
+      return O(o);
+    }
+    function te(u) {
+      switch (typeof u) {
+        case "number":
+        case "string":
+        case "undefined":
+          return !0;
+        case "boolean":
+          return !u;
+        case "object":
+          if (Array.isArray(u))
+            return u.every(te);
+          if (u === null || c(u))
+            return !0;
+          var o = b(u);
+          if (o) {
+            var p = o.call(u), E;
+            if (o !== u.entries) {
+              for (; !(E = p.next()).done; )
+                if (!te(E.value))
+                  return !1;
+            } else
+              for (; !(E = p.next()).done; ) {
+                var v = E.value;
+                if (v && !te(v[1]))
+                  return !1;
+              }
+          } else
+            return !1;
+          return !0;
+        default:
+          return !1;
+      }
+    }
+    function ie(u, o) {
+      return u === "symbol" ? !0 : o ? o["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && o instanceof Symbol : !1;
+    }
+    function q(u) {
+      var o = typeof u;
+      return Array.isArray(u) ? "array" : u instanceof RegExp ? "object" : ie(o, u) ? "symbol" : o;
+    }
+    function X(u) {
+      if (typeof u > "u" || u === null)
+        return "" + u;
+      var o = q(u);
+      if (o === "object") {
+        if (u instanceof Date)
+          return "date";
+        if (u instanceof RegExp)
+          return "regexp";
+      }
+      return o;
+    }
+    function se(u) {
+      var o = X(u);
+      switch (o) {
+        case "array":
+        case "object":
+          return "an " + o;
+        case "boolean":
+        case "date":
+        case "regexp":
+          return "a " + o;
+        default:
+          return o;
+      }
+    }
+    function le(u) {
+      return !u.constructor || !u.constructor.name ? f : u.constructor.name;
+    }
+    return x.checkPropTypes = a, x.resetWarningCache = a.resetWarningCache, x.PropTypes = x, x;
+  }, Ke;
+}
+var Je, hr;
+function st() {
+  if (hr) return Je;
+  hr = 1;
+  var e = er();
+  function r() {
+  }
+  function t() {
+  }
+  return t.resetWarningCache = r, Je = function() {
+    function n(s, c, h, d, y, b) {
+      if (b !== e) {
+        var f = 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 f.name = "Invariant Violation", f;
+      }
+    }
+    n.isRequired = n;
+    function a() {
+      return n;
+    }
+    var i = {
+      array: n,
+      bigint: n,
+      bool: n,
+      func: n,
+      number: n,
+      object: n,
+      string: n,
+      symbol: n,
+      any: n,
+      arrayOf: a,
+      element: n,
+      elementType: n,
+      instanceOf: a,
+      node: n,
+      objectOf: a,
+      oneOf: a,
+      oneOfType: a,
+      shape: a,
+      exact: a,
+      checkPropTypes: t,
+      resetWarningCache: r
+    };
+    return i.PropTypes = i, i;
+  }, Je;
+}
+if (process.env.NODE_ENV !== "production") {
+  var ut = Nr(), ct = !0;
+  Ze.exports = it()(ut.isElement, ct);
+} else
+  Ze.exports = st()();
+var ft = Ze.exports;
+const Oe = /* @__PURE__ */ rt(ft);
+var Qe = { exports: {} }, Se = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var br;
+function lt() {
+  if (br) return Se;
+  br = 1;
+  var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
+  function t(n, a, i) {
+    var s = null;
+    if (i !== void 0 && (s = "" + i), a.key !== void 0 && (s = "" + a.key), "key" in a) {
+      i = {};
+      for (var c in a)
+        c !== "key" && (i[c] = a[c]);
+    } else i = a;
+    return a = i.ref, {
+      $$typeof: e,
+      type: n,
+      key: s,
+      ref: a !== void 0 ? a : null,
+      props: i
+    };
+  }
+  return Se.Fragment = r, Se.jsx = t, Se.jsxs = t, Se;
+}
+var Re = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var vr;
+function dt() {
+  return vr || (vr = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(o) {
+      if (o == null) return null;
+      if (typeof o == "function")
+        return o.$$typeof === ce ? null : o.displayName || o.name || null;
+      if (typeof o == "string") return o;
+      switch (o) {
+        case O:
+          return "Fragment";
+        case L:
+          return "Profiler";
+        case $:
+          return "StrictMode";
+        case Q:
+          return "Suspense";
+        case Te:
+          return "SuspenseList";
+        case _e:
+          return "Activity";
+      }
+      if (typeof o == "object")
+        switch (typeof o.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), o.$$typeof) {
+          case l:
+            return "Portal";
+          case I:
+            return o.displayName || "Context";
+          case j:
+            return (o._context.displayName || "Context") + ".Consumer";
+          case m:
+            var p = o.render;
+            return o = o.displayName, o || (o = p.displayName || p.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+          case xe:
+            return p = o.displayName || null, p !== null ? p : e(o.type) || "Memo";
+          case oe:
+            p = o._payload, o = o._init;
+            try {
+              return e(o(p));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function r(o) {
+      return "" + o;
+    }
+    function t(o) {
+      try {
+        r(o);
+        var p = !1;
+      } catch {
+        p = !0;
+      }
+      if (p) {
+        p = console;
+        var E = p.error, v = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return E.call(
+          p,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          v
+        ), r(o);
+      }
+    }
+    function n(o) {
+      if (o === O) return "<>";
+      if (typeof o == "object" && o !== null && o.$$typeof === oe)
+        return "<...>";
+      try {
+        var p = e(o);
+        return p ? "<" + p + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function a() {
+      var o = ae.A;
+      return o === null ? null : o.getOwner();
+    }
+    function i() {
+      return Error("react-stack-top-frame");
+    }
+    function s(o) {
+      if (fe.call(o, "key")) {
+        var p = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (p && p.isReactWarning) return !1;
+      }
+      return o.key !== void 0;
+    }
+    function c(o, p) {
+      function E() {
+        q || (q = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          p
+        ));
+      }
+      E.isReactWarning = !0, Object.defineProperty(o, "key", {
+        get: E,
+        configurable: !0
+      });
+    }
+    function h() {
+      var o = e(this.type);
+      return X[o] || (X[o] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), o = this.props.ref, o !== void 0 ? o : null;
+    }
+    function d(o, p, E, v, C, S) {
+      var T = E.ref;
+      return o = {
+        $$typeof: _,
+        type: o,
+        key: p,
+        props: E,
+        _owner: v
+      }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(o, "ref", {
+        enumerable: !1,
+        get: h
+      }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(o, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(o, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: C
+      }), Object.defineProperty(o, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: S
+      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
+    }
+    function y(o, p, E, v, C, S) {
+      var T = p.children;
+      if (T !== void 0)
+        if (v)
+          if (te(T)) {
+            for (v = 0; v < T.length; v++)
+              b(T[v]);
+            Object.freeze && Object.freeze(T);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else b(T);
+      if (fe.call(p, "key")) {
+        T = e(o);
+        var R = Object.keys(p).filter(function(w) {
+          return w !== "key";
+        });
+        v = 0 < R.length ? "{key: someKey, " + R.join(": ..., ") + ": ...}" : "{key: someKey}", u[T + v] || (R = 0 < R.length ? "{" + R.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          v,
+          T,
+          R,
+          T
+        ), u[T + v] = !0);
+      }
+      if (T = null, E !== void 0 && (t(E), T = "" + E), s(p) && (t(p.key), T = "" + p.key), "key" in p) {
+        E = {};
+        for (var P in p)
+          P !== "key" && (E[P] = p[P]);
+      } else E = p;
+      return T && c(
+        E,
+        typeof o == "function" ? o.displayName || o.name || "Unknown" : o
+      ), d(
+        o,
+        T,
+        E,
+        a(),
+        C,
+        S
+      );
+    }
+    function b(o) {
+      f(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === oe && (o._payload.status === "fulfilled" ? f(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
+    }
+    function f(o) {
+      return typeof o == "object" && o !== null && o.$$typeof === _;
+    }
+    var x = Jr, _ = Symbol.for("react.transitional.element"), l = Symbol.for("react.portal"), O = Symbol.for("react.fragment"), $ = Symbol.for("react.strict_mode"), L = Symbol.for("react.profiler"), j = Symbol.for("react.consumer"), I = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), Q = Symbol.for("react.suspense"), Te = Symbol.for("react.suspense_list"), xe = Symbol.for("react.memo"), oe = Symbol.for("react.lazy"), _e = Symbol.for("react.activity"), ce = Symbol.for("react.client.reference"), ae = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, fe = Object.prototype.hasOwnProperty, te = Array.isArray, ie = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    x = {
+      react_stack_bottom_frame: function(o) {
+        return o();
+      }
+    };
+    var q, X = {}, se = x.react_stack_bottom_frame.bind(
+      x,
+      i
+    )(), le = ie(n(i)), u = {};
+    Re.Fragment = O, Re.jsx = function(o, p, E) {
+      var v = 1e4 > ae.recentlyCreatedOwnerStacks++;
+      return y(
+        o,
+        p,
+        E,
+        !1,
+        v ? Error("react-stack-top-frame") : se,
+        v ? ie(n(o)) : le
+      );
+    }, Re.jsxs = function(o, p, E) {
+      var v = 1e4 > ae.recentlyCreatedOwnerStacks++;
+      return y(
+        o,
+        p,
+        E,
+        !0,
+        v ? Error("react-stack-top-frame") : se,
+        v ? ie(n(o)) : le
+      );
+    };
+  }()), Re;
+}
+process.env.NODE_ENV === "production" ? Qe.exports = lt() : Qe.exports = dt();
+var Er = Qe.exports;
+function he(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 Dr(e) {
+  if (/* @__PURE__ */ jr.isValidElement(e) || !he(e))
+    return e;
+  const r = {};
+  return Object.keys(e).forEach((t) => {
+    r[t] = Dr(e[t]);
+  }), r;
+}
+function ee(e, r, t = {
+  clone: !0
+}) {
+  const n = t.clone ? V({}, e) : e;
+  return he(e) && he(r) && Object.keys(r).forEach((a) => {
+    /* @__PURE__ */ jr.isValidElement(r[a]) ? n[a] = r[a] : he(r[a]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(e, a) && he(e[a]) ? n[a] = ee(e[a], r[a], t) : t.clone ? n[a] = he(r[a]) ? Dr(r[a]) : r[a] : n[a] = r[a];
+  }), n;
+}
+const pt = ["values", "unit", "step"], mt = (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) => V({}, t, {
+    [n.key]: n.val
+  }), {});
+};
+function yt(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
+  } = e, a = ve(e, pt), i = mt(r), s = Object.keys(i);
+  function c(f) {
+    return `@media (min-width:${typeof r[f] == "number" ? r[f] : f}${t})`;
+  }
+  function h(f) {
+    return `@media (max-width:${(typeof r[f] == "number" ? r[f] : f) - n / 100}${t})`;
+  }
+  function d(f, x) {
+    const _ = s.indexOf(x);
+    return `@media (min-width:${typeof r[f] == "number" ? r[f] : f}${t}) and (max-width:${(_ !== -1 && typeof r[s[_]] == "number" ? r[s[_]] : x) - n / 100}${t})`;
+  }
+  function y(f) {
+    return s.indexOf(f) + 1 < s.length ? d(f, s[s.indexOf(f) + 1]) : c(f);
+  }
+  function b(f) {
+    const x = s.indexOf(f);
+    return x === 0 ? c(s[1]) : x === s.length - 1 ? h(s[x]) : d(f, s[s.indexOf(f) + 1]).replace("@media", "@media not all and");
+  }
+  return V({
+    keys: s,
+    values: i,
+    up: c,
+    down: h,
+    between: d,
+    only: y,
+    not: b,
+    unit: t
+  }, a);
+}
+const gt = {
+  borderRadius: 4
+}, ne = process.env.NODE_ENV !== "production" ? Oe.oneOfType([Oe.number, Oe.string, Oe.object, Oe.array]) : {};
+function we(e, r) {
+  return r ? ee(e, r, {
+    clone: !1
+    // No need to clone deep, it's way faster.
+  }) : e;
+}
+const rr = {
+  xs: 0,
+  // phone
+  sm: 600,
+  // tablet
+  md: 900,
+  // small laptop
+  lg: 1200,
+  // desktop
+  xl: 1536
+  // large screen
+}, Tr = {
+  // 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:${rr[e]}px)`
+};
+function re(e, r, t) {
+  const n = e.theme || {};
+  if (Array.isArray(r)) {
+    const i = n.breakpoints || Tr;
+    return r.reduce((s, c, h) => (s[i.up(i.keys[h])] = t(r[h]), s), {});
+  }
+  if (typeof r == "object") {
+    const i = n.breakpoints || Tr;
+    return Object.keys(r).reduce((s, c) => {
+      if (Object.keys(i.values || rr).indexOf(c) !== -1) {
+        const h = i.up(c);
+        s[h] = t(r[c], c);
+      } else {
+        const h = c;
+        s[h] = r[h];
+      }
+      return s;
+    }, {});
+  }
+  return t(r);
+}
+function ht(e = {}) {
+  var r;
+  return ((r = e.keys) == null ? void 0 : r.reduce((n, a) => {
+    const i = e.up(a);
+    return n[i] = {}, n;
+  }, {})) || {};
+}
+function xr(e, r) {
+  return e.reduce((t, n) => {
+    const a = t[n];
+    return (!a || Object.keys(a).length === 0) && delete t[n], t;
+  }, r);
+}
+function Wr(e) {
+  if (typeof e != "string")
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : Pe(7));
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+function De(e, r, t = !0) {
+  if (!r || typeof r != "string")
+    return null;
+  if (e && e.vars && t) {
+    const n = `vars.${r}`.split(".").reduce((a, i) => a && a[i] ? a[i] : null, e);
+    if (n != null)
+      return n;
+  }
+  return r.split(".").reduce((n, a) => n && n[a] != null ? n[a] : null, e);
+}
+function Ne(e, r, t, n = t) {
+  let a;
+  return typeof e == "function" ? a = e(t) : Array.isArray(e) ? a = e[t] || n : a = De(e, t) || n, r && (a = r(a, n, e)), a;
+}
+function B(e) {
+  const {
+    prop: r,
+    cssProperty: t = e.prop,
+    themeKey: n,
+    transform: a
+  } = e, i = (s) => {
+    if (s[r] == null)
+      return null;
+    const c = s[r], h = s.theme, d = De(h, n) || {};
+    return re(s, c, (b) => {
+      let f = Ne(d, a, b);
+      return b === f && typeof b == "string" && (f = Ne(d, a, `${r}${b === "default" ? "" : Wr(b)}`, b)), t === !1 ? f : {
+        [t]: f
+      };
+    });
+  };
+  return i.propTypes = process.env.NODE_ENV !== "production" ? {
+    [r]: ne
+  } : {}, i.filterProps = [r], i;
+}
+function bt(e) {
+  const r = {};
+  return (t) => (r[t] === void 0 && (r[t] = e(t)), r[t]);
+}
+const vt = {
+  m: "margin",
+  p: "padding"
+}, Et = {
+  t: "Top",
+  r: "Right",
+  b: "Bottom",
+  l: "Left",
+  x: ["Left", "Right"],
+  y: ["Top", "Bottom"]
+}, _r = {
+  marginX: "mx",
+  marginY: "my",
+  paddingX: "px",
+  paddingY: "py"
+}, Tt = bt((e) => {
+  if (e.length > 2)
+    if (_r[e])
+      e = _r[e];
+    else
+      return [e];
+  const [r, t] = e.split(""), n = vt[r], a = Et[t] || "";
+  return Array.isArray(a) ? a.map((i) => n + i) : [n + a];
+}), We = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], ze = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], xt = [...We, ...ze];
+function ke(e, r, t, n) {
+  var a;
+  const i = (a = De(e, r, !1)) != null ? a : t;
+  return typeof i == "number" ? (s) => typeof s == "string" ? s : (process.env.NODE_ENV !== "production" && typeof s != "number" && console.error(`MUI: Expected ${n} argument to be a number or a string, got ${s}.`), i * s) : Array.isArray(i) ? (s) => typeof s == "string" ? s : (process.env.NODE_ENV !== "production" && (Number.isInteger(s) ? s > i.length - 1 && console.error([`MUI: The value provided (${s}) overflows.`, `The supported values are: ${JSON.stringify(i)}.`, `${s} > ${i.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(`
+`))), i[s]) : typeof i == "function" ? i : (process.env.NODE_ENV !== "production" && console.error([`MUI: The \`theme.${r}\` value (${i}) is invalid.`, "It should be a number, an array or a function."].join(`
+`)), () => {
+  });
+}
+function zr(e) {
+  return ke(e, "spacing", 8, "spacing");
+}
+function Ae(e, r) {
+  if (typeof r == "string" || r == null)
+    return r;
+  const t = Math.abs(r), n = e(t);
+  return r >= 0 ? n : typeof n == "number" ? -n : `-${n}`;
+}
+function _t(e, r) {
+  return (t) => e.reduce((n, a) => (n[a] = Ae(r, t), n), {});
+}
+function Ot(e, r, t, n) {
+  if (r.indexOf(t) === -1)
+    return null;
+  const a = Tt(t), i = _t(a, n), s = e[t];
+  return re(e, s, i);
+}
+function Br(e, r) {
+  const t = zr(e.theme);
+  return Object.keys(e).map((n) => Ot(e, r, n, t)).reduce(we, {});
+}
+function M(e) {
+  return Br(e, We);
+}
+M.propTypes = process.env.NODE_ENV !== "production" ? We.reduce((e, r) => (e[r] = ne, e), {}) : {};
+M.filterProps = We;
+function D(e) {
+  return Br(e, ze);
+}
+D.propTypes = process.env.NODE_ENV !== "production" ? ze.reduce((e, r) => (e[r] = ne, e), {}) : {};
+D.filterProps = ze;
+process.env.NODE_ENV !== "production" && xt.reduce((e, r) => (e[r] = ne, e), {});
+function St(e = 8) {
+  if (e.mui)
+    return e;
+  const r = zr({
+    spacing: e
+  }), 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((i) => {
+    const s = r(i);
+    return typeof s == "number" ? `${s}px` : s;
+  }).join(" "));
+  return t.mui = !0, t;
+}
+function Be(...e) {
+  const r = e.reduce((n, a) => (a.filterProps.forEach((i) => {
+    n[i] = a;
+  }), n), {}), t = (n) => Object.keys(n).reduce((a, i) => r[i] ? we(a, r[i](n)) : a, {});
+  return t.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((n, a) => Object.assign(n, a.propTypes), {}) : {}, t.filterProps = e.reduce((n, a) => n.concat(a.filterProps), []), t;
+}
+function G(e) {
+  return typeof e != "number" ? e : `${e}px solid`;
+}
+function J(e, r) {
+  return B({
+    prop: e,
+    themeKey: "borders",
+    transform: r
+  });
+}
+const Rt = J("border", G), Ct = J("borderTop", G), wt = J("borderRight", G), Pt = J("borderBottom", G), $t = J("borderLeft", G), kt = J("borderColor"), At = J("borderTopColor"), jt = J("borderRightColor"), It = J("borderBottomColor"), Nt = J("borderLeftColor"), Mt = J("outline", G), Dt = J("outlineColor"), Ue = (e) => {
+  if (e.borderRadius !== void 0 && e.borderRadius !== null) {
+    const r = ke(e.theme, "shape.borderRadius", 4, "borderRadius"), t = (n) => ({
+      borderRadius: Ae(r, n)
+    });
+    return re(e, e.borderRadius, t);
+  }
+  return null;
+};
+Ue.propTypes = process.env.NODE_ENV !== "production" ? {
+  borderRadius: ne
+} : {};
+Ue.filterProps = ["borderRadius"];
+Be(Rt, Ct, wt, Pt, $t, kt, At, jt, It, Nt, Ue, Mt, Dt);
+const Ve = (e) => {
+  if (e.gap !== void 0 && e.gap !== null) {
+    const r = ke(e.theme, "spacing", 8, "gap"), t = (n) => ({
+      gap: Ae(r, n)
+    });
+    return re(e, e.gap, t);
+  }
+  return null;
+};
+Ve.propTypes = process.env.NODE_ENV !== "production" ? {
+  gap: ne
+} : {};
+Ve.filterProps = ["gap"];
+const Ye = (e) => {
+  if (e.columnGap !== void 0 && e.columnGap !== null) {
+    const r = ke(e.theme, "spacing", 8, "columnGap"), t = (n) => ({
+      columnGap: Ae(r, n)
+    });
+    return re(e, e.columnGap, t);
+  }
+  return null;
+};
+Ye.propTypes = process.env.NODE_ENV !== "production" ? {
+  columnGap: ne
+} : {};
+Ye.filterProps = ["columnGap"];
+const Le = (e) => {
+  if (e.rowGap !== void 0 && e.rowGap !== null) {
+    const r = ke(e.theme, "spacing", 8, "rowGap"), t = (n) => ({
+      rowGap: Ae(r, n)
+    });
+    return re(e, e.rowGap, t);
+  }
+  return null;
+};
+Le.propTypes = process.env.NODE_ENV !== "production" ? {
+  rowGap: ne
+} : {};
+Le.filterProps = ["rowGap"];
+const Wt = B({
+  prop: "gridColumn"
+}), zt = B({
+  prop: "gridRow"
+}), Bt = B({
+  prop: "gridAutoFlow"
+}), Ut = B({
+  prop: "gridAutoColumns"
+}), Vt = B({
+  prop: "gridAutoRows"
+}), Yt = B({
+  prop: "gridTemplateColumns"
+}), Lt = B({
+  prop: "gridTemplateRows"
+}), Ft = B({
+  prop: "gridTemplateAreas"
+}), qt = B({
+  prop: "gridArea"
+});
+Be(Ve, Ye, Le, Wt, zt, Bt, Ut, Vt, Yt, Lt, Ft, qt);
+function be(e, r) {
+  return r === "grey" ? r : e;
+}
+const Ht = B({
+  prop: "color",
+  themeKey: "palette",
+  transform: be
+}), Gt = B({
+  prop: "bgcolor",
+  cssProperty: "backgroundColor",
+  themeKey: "palette",
+  transform: be
+}), Kt = B({
+  prop: "backgroundColor",
+  themeKey: "palette",
+  transform: be
+});
+Be(Ht, Gt, Kt);
+function H(e) {
+  return e <= 1 && e !== 0 ? `${e * 100}%` : e;
+}
+const Jt = B({
+  prop: "width",
+  transform: H
+}), tr = (e) => {
+  if (e.maxWidth !== void 0 && e.maxWidth !== null) {
+    const r = (t) => {
+      var n, a;
+      const i = ((n = e.theme) == null || (n = n.breakpoints) == null || (n = n.values) == null ? void 0 : n[t]) || rr[t];
+      return i ? ((a = e.theme) == null || (a = a.breakpoints) == null ? void 0 : a.unit) !== "px" ? {
+        maxWidth: `${i}${e.theme.breakpoints.unit}`
+      } : {
+        maxWidth: i
+      } : {
+        maxWidth: H(t)
+      };
+    };
+    return re(e, e.maxWidth, r);
+  }
+  return null;
+};
+tr.filterProps = ["maxWidth"];
+const Xt = B({
+  prop: "minWidth",
+  transform: H
+}), Zt = B({
+  prop: "height",
+  transform: H
+}), Qt = B({
+  prop: "maxHeight",
+  transform: H
+}), en = B({
+  prop: "minHeight",
+  transform: H
+});
+B({
+  prop: "size",
+  cssProperty: "width",
+  transform: H
+});
+B({
+  prop: "size",
+  cssProperty: "height",
+  transform: H
+});
+const rn = B({
+  prop: "boxSizing"
+});
+Be(Jt, tr, Xt, Zt, Qt, en, rn);
+const nr = {
+  // borders
+  border: {
+    themeKey: "borders",
+    transform: G
+  },
+  borderTop: {
+    themeKey: "borders",
+    transform: G
+  },
+  borderRight: {
+    themeKey: "borders",
+    transform: G
+  },
+  borderBottom: {
+    themeKey: "borders",
+    transform: G
+  },
+  borderLeft: {
+    themeKey: "borders",
+    transform: G
+  },
+  borderColor: {
+    themeKey: "palette"
+  },
+  borderTopColor: {
+    themeKey: "palette"
+  },
+  borderRightColor: {
+    themeKey: "palette"
+  },
+  borderBottomColor: {
+    themeKey: "palette"
+  },
+  borderLeftColor: {
+    themeKey: "palette"
+  },
+  outline: {
+    themeKey: "borders",
+    transform: G
+  },
+  outlineColor: {
+    themeKey: "palette"
+  },
+  borderRadius: {
+    themeKey: "shape.borderRadius",
+    style: Ue
+  },
+  // palette
+  color: {
+    themeKey: "palette",
+    transform: be
+  },
+  bgcolor: {
+    themeKey: "palette",
+    cssProperty: "backgroundColor",
+    transform: be
+  },
+  backgroundColor: {
+    themeKey: "palette",
+    transform: be
+  },
+  // spacing
+  p: {
+    style: D
+  },
+  pt: {
+    style: D
+  },
+  pr: {
+    style: D
+  },
+  pb: {
+    style: D
+  },
+  pl: {
+    style: D
+  },
+  px: {
+    style: D
+  },
+  py: {
+    style: D
+  },
+  padding: {
+    style: D
+  },
+  paddingTop: {
+    style: D
+  },
+  paddingRight: {
+    style: D
+  },
+  paddingBottom: {
+    style: D
+  },
+  paddingLeft: {
+    style: D
+  },
+  paddingX: {
+    style: D
+  },
+  paddingY: {
+    style: D
+  },
+  paddingInline: {
+    style: D
+  },
+  paddingInlineStart: {
+    style: D
+  },
+  paddingInlineEnd: {
+    style: D
+  },
+  paddingBlock: {
+    style: D
+  },
+  paddingBlockStart: {
+    style: D
+  },
+  paddingBlockEnd: {
+    style: D
+  },
+  m: {
+    style: M
+  },
+  mt: {
+    style: M
+  },
+  mr: {
+    style: M
+  },
+  mb: {
+    style: M
+  },
+  ml: {
+    style: M
+  },
+  mx: {
+    style: M
+  },
+  my: {
+    style: M
+  },
+  margin: {
+    style: M
+  },
+  marginTop: {
+    style: M
+  },
+  marginRight: {
+    style: M
+  },
+  marginBottom: {
+    style: M
+  },
+  marginLeft: {
+    style: M
+  },
+  marginX: {
+    style: M
+  },
+  marginY: {
+    style: M
+  },
+  marginInline: {
+    style: M
+  },
+  marginInlineStart: {
+    style: M
+  },
+  marginInlineEnd: {
+    style: M
+  },
+  marginBlock: {
+    style: M
+  },
+  marginBlockStart: {
+    style: M
+  },
+  marginBlockEnd: {
+    style: M
+  },
+  // 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: Ve
+  },
+  rowGap: {
+    style: Le
+  },
+  columnGap: {
+    style: Ye
+  },
+  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: H
+  },
+  maxWidth: {
+    style: tr
+  },
+  minWidth: {
+    transform: H
+  },
+  height: {
+    transform: H
+  },
+  maxHeight: {
+    transform: H
+  },
+  minHeight: {
+    transform: H
+  },
+  boxSizing: {},
+  // typography
+  fontFamily: {
+    themeKey: "typography"
+  },
+  fontSize: {
+    themeKey: "typography"
+  },
+  fontStyle: {
+    themeKey: "typography"
+  },
+  fontWeight: {
+    themeKey: "typography"
+  },
+  letterSpacing: {},
+  textTransform: {},
+  lineHeight: {},
+  textAlign: {},
+  typography: {
+    cssProperty: !1,
+    themeKey: "typography"
+  }
+};
+function tn(...e) {
+  const r = e.reduce((n, a) => n.concat(Object.keys(a)), []), t = new Set(r);
+  return e.every((n) => t.size === Object.keys(n).length);
+}
+function nn(e, r) {
+  return typeof e == "function" ? e(r) : e;
+}
+function on() {
+  function e(t, n, a, i) {
+    const s = {
+      [t]: n,
+      theme: a
+    }, c = i[t];
+    if (!c)
+      return {
+        [t]: n
+      };
+    const {
+      cssProperty: h = t,
+      themeKey: d,
+      transform: y,
+      style: b
+    } = c;
+    if (n == null)
+      return null;
+    if (d === "typography" && n === "inherit")
+      return {
+        [t]: n
+      };
+    const f = De(a, d) || {};
+    return b ? b(s) : re(s, n, (_) => {
+      let l = Ne(f, y, _);
+      return _ === l && typeof _ == "string" && (l = Ne(f, y, `${t}${_ === "default" ? "" : Wr(_)}`, _)), h === !1 ? l : {
+        [h]: l
+      };
+    });
+  }
+  function r(t) {
+    var n;
+    const {
+      sx: a,
+      theme: i = {},
+      nested: s
+    } = t || {};
+    if (!a)
+      return null;
+    const c = (n = i.unstable_sxConfig) != null ? n : nr;
+    function h(d) {
+      let y = d;
+      if (typeof d == "function")
+        y = d(i);
+      else if (typeof d != "object")
+        return d;
+      if (!y)
+        return null;
+      const b = ht(i.breakpoints), f = Object.keys(b);
+      let x = b;
+      return Object.keys(y).forEach((_) => {
+        const l = nn(y[_], i);
+        if (l != null)
+          if (typeof l == "object")
+            if (c[_])
+              x = we(x, e(_, l, i, c));
+            else {
+              const O = re({
+                theme: i
+              }, l, ($) => ({
+                [_]: $
+              }));
+              tn(O, l) ? x[_] = r({
+                sx: l,
+                theme: i,
+                nested: !0
+              }) : x = we(x, O);
+            }
+          else
+            x = we(x, e(_, l, i, c));
+      }), !s && i.modularCssLayers ? {
+        "@layer sx": xr(f, x)
+      } : xr(f, x);
+    }
+    return Array.isArray(a) ? a.map(h) : h(a);
+  }
+  return r;
+}
+const or = on();
+or.filterProps = ["sx"];
+function an(e, r) {
+  const t = this;
+  return t.vars && typeof t.getColorSchemeSelector == "function" ? {
+    [t.getColorSchemeSelector(e).replace(/(\[[^\]]+\])/, "*:where($1)")]: r
+  } : t.palette.mode === e ? r : {};
+}
+const sn = ["breakpoints", "palette", "spacing", "shape"];
+function un(e = {}, ...r) {
+  const {
+    breakpoints: t = {},
+    palette: n = {},
+    spacing: a,
+    shape: i = {}
+  } = e, s = ve(e, sn), c = yt(t), h = St(a);
+  let d = ee({
+    breakpoints: c,
+    direction: "ltr",
+    components: {},
+    // Inject component definitions.
+    palette: V({
+      mode: "light"
+    }, n),
+    spacing: h,
+    shape: V({}, gt, i)
+  }, s);
+  return d.applyStyles = an, d = r.reduce((y, b) => ee(y, b), d), d.unstable_sxConfig = V({}, nr, s == null ? void 0 : s.unstable_sxConfig), d.unstable_sx = function(b) {
+    return or({
+      sx: b,
+      theme: this
+    });
+  }, d;
+}
+const Or = (e) => e, cn = () => {
+  let e = Or;
+  return {
+    configure(r) {
+      e = r;
+    },
+    generate(r) {
+      return e(r);
+    },
+    reset() {
+      e = Or;
+    }
+  };
+}, fn = cn(), ln = {
+  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 dn(e, r, t = "Mui") {
+  const n = ln[r];
+  return n ? `${t}-${n}` : `${fn.generate(e)}-${r}`;
+}
+function pn(e, r = Number.MIN_SAFE_INTEGER, t = Number.MAX_SAFE_INTEGER) {
+  return Math.max(r, Math.min(e, t));
+}
+const mn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: pn
+}, Symbol.toStringTag, { value: "Module" }));
+function yn(e, r) {
+  return V({
+    toolbar: {
+      minHeight: 56,
+      [e.up("xs")]: {
+        "@media (orientation: landscape)": {
+          minHeight: 48
+        }
+      },
+      [e.up("sm")]: {
+        minHeight: 64
+      }
+    }
+  }, r);
+}
+var U = {}, Ur = { exports: {} };
+(function(e) {
+  function r(t) {
+    return t && t.__esModule ? t : {
+      default: t
+    };
+  }
+  e.exports = r, e.exports.__esModule = !0, e.exports.default = e.exports;
+})(Ur);
+var gn = Ur.exports;
+const hn = /* @__PURE__ */ Ir(et), bn = /* @__PURE__ */ Ir(mn);
+var Vr = gn;
+Object.defineProperty(U, "__esModule", {
+  value: !0
+});
+U.alpha = qr;
+U.blend = $n;
+U.colorChannel = void 0;
+var vn = U.darken = ir;
+U.decomposeColor = K;
+U.emphasize = Hr;
+var Sr = U.getContrastRatio = Sn;
+U.getLuminance = Me;
+U.hexToRgb = Yr;
+U.hslToRgb = Fr;
+var En = U.lighten = sr;
+U.private_safeAlpha = Rn;
+U.private_safeColorChannel = void 0;
+U.private_safeDarken = Cn;
+U.private_safeEmphasize = Pn;
+U.private_safeLighten = wn;
+U.recomposeColor = Ee;
+U.rgbToHex = On;
+var Rr = Vr(hn), Tn = Vr(bn);
+function ar(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}].`), (0, Tn.default)(e, r, t);
+}
+function Yr(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)), t ? `rgb${t.length === 4 ? "a" : ""}(${t.map((n, a) => a < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
+}
+function xn(e) {
+  const r = e.toString(16);
+  return r.length === 1 ? `0${r}` : r;
+}
+function K(e) {
+  if (e.type)
+    return e;
+  if (e.charAt(0) === "#")
+    return K(Yr(e));
+  const r = e.indexOf("("), t = e.substring(0, r);
+  if (["rgb", "rgba", "hsl", "hsla", "color"].indexOf(t) === -1)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
+The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : (0, Rr.default)(9, e));
+  let n = e.substring(r + 1, e.length - 1), a;
+  if (t === "color") {
+    if (n = n.split(" "), a = n.shift(), n.length === 4 && n[3].charAt(0) === "/" && (n[3] = n[3].slice(1)), ["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].indexOf(a) === -1)
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${a}\` color space.
+The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : (0, Rr.default)(10, a));
+  } else
+    n = n.split(",");
+  return n = n.map((i) => parseFloat(i)), {
+    type: t,
+    values: n,
+    colorSpace: a
+  };
+}
+const Lr = (e) => {
+  const r = K(e);
+  return r.values.slice(0, 3).map((t, n) => r.type.indexOf("hsl") !== -1 && n !== 0 ? `${t}%` : t).join(" ");
+};
+U.colorChannel = Lr;
+const _n = (e, r) => {
+  try {
+    return Lr(e);
+  } catch {
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
+  }
+};
+U.private_safeColorChannel = _n;
+function Ee(e) {
+  const {
+    type: r,
+    colorSpace: t
+  } = e;
+  let {
+    values: n
+  } = e;
+  return r.indexOf("rgb") !== -1 ? n = n.map((a, i) => i < 3 ? parseInt(a, 10) : a) : r.indexOf("hsl") !== -1 && (n[1] = `${n[1]}%`, n[2] = `${n[2]}%`), r.indexOf("color") !== -1 ? n = `${t} ${n.join(" ")}` : n = `${n.join(", ")}`, `${r}(${n})`;
+}
+function On(e) {
+  if (e.indexOf("#") === 0)
+    return e;
+  const {
+    values: r
+  } = K(e);
+  return `#${r.map((t, n) => xn(n === 3 ? Math.round(255 * t) : t)).join("")}`;
+}
+function Fr(e) {
+  e = K(e);
+  const {
+    values: r
+  } = e, t = r[0], n = r[1] / 100, a = r[2] / 100, i = n * Math.min(a, 1 - a), s = (d, y = (d + t / 30) % 12) => a - i * Math.max(Math.min(y - 3, 9 - y, 1), -1);
+  let c = "rgb";
+  const h = [Math.round(s(0) * 255), Math.round(s(8) * 255), Math.round(s(4) * 255)];
+  return e.type === "hsla" && (c += "a", h.push(r[3])), Ee({
+    type: c,
+    values: h
+  });
+}
+function Me(e) {
+  e = K(e);
+  let r = e.type === "hsl" || e.type === "hsla" ? K(Fr(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 Sn(e, r) {
+  const t = Me(e), n = Me(r);
+  return (Math.max(t, n) + 0.05) / (Math.min(t, n) + 0.05);
+}
+function qr(e, r) {
+  return e = K(e), r = ar(r), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${r}` : e.values[3] = r, Ee(e);
+}
+function Rn(e, r, t) {
+  try {
+    return qr(e, r);
+  } catch {
+    return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
+  }
+}
+function ir(e, r) {
+  if (e = K(e), r = ar(r), e.type.indexOf("hsl") !== -1)
+    e.values[2] *= 1 - r;
+  else if (e.type.indexOf("rgb") !== -1 || e.type.indexOf("color") !== -1)
+    for (let t = 0; t < 3; t += 1)
+      e.values[t] *= 1 - r;
+  return Ee(e);
+}
+function Cn(e, r, t) {
+  try {
+    return ir(e, r);
+  } catch {
+    return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
+  }
+}
+function sr(e, r) {
+  if (e = K(e), r = ar(r), e.type.indexOf("hsl") !== -1)
+    e.values[2] += (100 - e.values[2]) * r;
+  else if (e.type.indexOf("rgb") !== -1)
+    for (let t = 0; t < 3; t += 1)
+      e.values[t] += (255 - e.values[t]) * r;
+  else if (e.type.indexOf("color") !== -1)
+    for (let t = 0; t < 3; t += 1)
+      e.values[t] += (1 - e.values[t]) * r;
+  return Ee(e);
+}
+function wn(e, r, t) {
+  try {
+    return sr(e, r);
+  } catch {
+    return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
+  }
+}
+function Hr(e, r = 0.15) {
+  return Me(e) > 0.5 ? ir(e, r) : sr(e, r);
+}
+function Pn(e, r, t) {
+  try {
+    return Hr(e, r);
+  } catch {
+    return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
+  }
+}
+function $n(e, r, t, n = 1) {
+  const a = (h, d) => Math.round((h ** (1 / n) * (1 - t) + d ** (1 / n) * t) ** n), i = K(e), s = K(r), c = [a(i.values[0], s.values[0]), a(i.values[1], s.values[1]), a(i.values[2], s.values[2])];
+  return Ee({
+    type: "rgb",
+    values: c
+  });
+}
+const $e = {
+  black: "#000",
+  white: "#fff"
+}, kn = {
+  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"
+}, de = {
+  50: "#f3e5f5",
+  200: "#ce93d8",
+  300: "#ba68c8",
+  400: "#ab47bc",
+  500: "#9c27b0",
+  700: "#7b1fa2"
+}, pe = {
+  300: "#e57373",
+  400: "#ef5350",
+  500: "#f44336",
+  700: "#d32f2f",
+  800: "#c62828"
+}, Ce = {
+  300: "#ffb74d",
+  400: "#ffa726",
+  500: "#ff9800",
+  700: "#f57c00",
+  900: "#e65100"
+}, me = {
+  50: "#e3f2fd",
+  200: "#90caf9",
+  400: "#42a5f5",
+  700: "#1976d2",
+  800: "#1565c0"
+}, ye = {
+  300: "#4fc3f7",
+  400: "#29b6f6",
+  500: "#03a9f4",
+  700: "#0288d1",
+  900: "#01579b"
+}, ge = {
+  300: "#81c784",
+  400: "#66bb6a",
+  500: "#4caf50",
+  700: "#388e3c",
+  800: "#2e7d32",
+  900: "#1b5e20"
+}, An = ["mode", "contrastThreshold", "tonalOffset"], Cr = {
+  // 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: $e.white,
+    default: $e.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
+  }
+}, Xe = {
+  text: {
+    primary: $e.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: $e.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
+  }
+};
+function wr(e, r, t, n) {
+  const a = n.light || n, i = n.dark || n * 1.5;
+  e[r] || (e.hasOwnProperty(t) ? e[r] = e[t] : r === "light" ? e.light = En(e.main, a) : r === "dark" && (e.dark = vn(e.main, i)));
+}
+function jn(e = "light") {
+  return e === "dark" ? {
+    main: me[200],
+    light: me[50],
+    dark: me[400]
+  } : {
+    main: me[700],
+    light: me[400],
+    dark: me[800]
+  };
+}
+function In(e = "light") {
+  return e === "dark" ? {
+    main: de[200],
+    light: de[50],
+    dark: de[400]
+  } : {
+    main: de[500],
+    light: de[300],
+    dark: de[700]
+  };
+}
+function Nn(e = "light") {
+  return e === "dark" ? {
+    main: pe[500],
+    light: pe[300],
+    dark: pe[700]
+  } : {
+    main: pe[700],
+    light: pe[400],
+    dark: pe[800]
+  };
+}
+function Mn(e = "light") {
+  return e === "dark" ? {
+    main: ye[400],
+    light: ye[300],
+    dark: ye[700]
+  } : {
+    main: ye[700],
+    light: ye[500],
+    dark: ye[900]
+  };
+}
+function Dn(e = "light") {
+  return e === "dark" ? {
+    main: ge[400],
+    light: ge[300],
+    dark: ge[700]
+  } : {
+    main: ge[800],
+    light: ge[500],
+    dark: ge[900]
+  };
+}
+function Wn(e = "light") {
+  return e === "dark" ? {
+    main: Ce[400],
+    light: Ce[300],
+    dark: Ce[700]
+  } : {
+    main: "#ed6c02",
+    // closest to orange[800] that pass 3:1.
+    light: Ce[500],
+    dark: Ce[900]
+  };
+}
+function zn(e) {
+  const {
+    mode: r = "light",
+    contrastThreshold: t = 3,
+    tonalOffset: n = 0.2
+  } = e, a = ve(e, An), i = e.primary || jn(r), s = e.secondary || In(r), c = e.error || Nn(r), h = e.info || Mn(r), d = e.success || Dn(r), y = e.warning || Wn(r);
+  function b(l) {
+    const O = Sr(l, Xe.text.primary) >= t ? Xe.text.primary : Cr.text.primary;
+    if (process.env.NODE_ENV !== "production") {
+      const $ = Sr(l, O);
+      $ < 3 && console.error([`MUI: The contrast ratio of ${$}:1 for ${O} on ${l}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
+`));
+    }
+    return O;
+  }
+  const f = ({
+    color: l,
+    name: O,
+    mainShade: $ = 500,
+    lightShade: L = 300,
+    darkShade: j = 700
+  }) => {
+    if (l = V({}, l), !l.main && l[$] && (l.main = l[$]), !l.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 \`${$}\` property.` : Pe(11, O ? ` (${O})` : "", $));
+    if (typeof l.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(l.main)}\` was provided instead.
+
+Did you intend to use one of the following approaches?
+
+import { green } from "@mui/material/colors";
+
+const theme1 = createTheme({ palette: {
+  primary: green,
+} });
+
+const theme2 = createTheme({ palette: {
+  primary: { main: green[500] },
+} });` : Pe(12, O ? ` (${O})` : "", JSON.stringify(l.main)));
+    return wr(l, "light", L, n), wr(l, "dark", j, n), l.contrastText || (l.contrastText = b(l.main)), l;
+  }, x = {
+    dark: Xe,
+    light: Cr
+  };
+  return process.env.NODE_ENV !== "production" && (x[r] || console.error(`MUI: The palette mode \`${r}\` is not supported.`)), ee(V({
+    // A collection of common colors.
+    common: V({}, $e),
+    // 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: f({
+      color: i,
+      name: "primary"
+    }),
+    // The colors used to represent secondary interface elements for a user.
+    secondary: f({
+      color: s,
+      name: "secondary",
+      mainShade: "A400",
+      lightShade: "A200",
+      darkShade: "A700"
+    }),
+    // The colors used to represent interface elements that the user should be made aware of.
+    error: f({
+      color: c,
+      name: "error"
+    }),
+    // The colors used to represent potentially dangerous actions or important messages.
+    warning: f({
+      color: y,
+      name: "warning"
+    }),
+    // The colors used to present information to the user that is neutral and not necessarily important.
+    info: f({
+      color: h,
+      name: "info"
+    }),
+    // The colors used to indicate the successful completion of an action that user triggered.
+    success: f({
+      color: d,
+      name: "success"
+    }),
+    // The grey colors.
+    grey: kn,
+    // 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: b,
+    // Generate a rich color object.
+    augmentColor: f,
+    // 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
+  }, x[r]), a);
+}
+const Bn = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
+function Un(e) {
+  return Math.round(e * 1e5) / 1e5;
+}
+const Pr = {
+  textTransform: "uppercase"
+}, $r = '"Roboto", "Helvetica", "Arial", sans-serif';
+function Vn(e, r) {
+  const t = typeof r == "function" ? r(e) : r, {
+    fontFamily: n = $r,
+    // The default font size of the Material Specification.
+    fontSize: a = 14,
+    // px
+    fontWeightLight: i = 300,
+    fontWeightRegular: s = 400,
+    fontWeightMedium: c = 500,
+    fontWeightBold: h = 700,
+    // Tell MUI what's the font-size on the html element.
+    // 16px is the default font-size used by browsers.
+    htmlFontSize: d = 16,
+    // Apply the CSS properties to all the variants.
+    allVariants: y,
+    pxToRem: b
+  } = t, f = ve(t, Bn);
+  process.env.NODE_ENV !== "production" && (typeof a != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof d != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
+  const x = a / 14, _ = b || (($) => `${$ / d * x}rem`), l = ($, L, j, I, m) => V({
+    fontFamily: n,
+    fontWeight: $,
+    fontSize: _(L),
+    // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
+    lineHeight: j
+  }, n === $r ? {
+    letterSpacing: `${Un(I / L)}em`
+  } : {}, m, y), O = {
+    h1: l(i, 96, 1.167, -1.5),
+    h2: l(i, 60, 1.2, -0.5),
+    h3: l(s, 48, 1.167, 0),
+    h4: l(s, 34, 1.235, 0.25),
+    h5: l(s, 24, 1.334, 0),
+    h6: l(c, 20, 1.6, 0.15),
+    subtitle1: l(s, 16, 1.75, 0.15),
+    subtitle2: l(c, 14, 1.57, 0.1),
+    body1: l(s, 16, 1.5, 0.15),
+    body2: l(s, 14, 1.43, 0.15),
+    button: l(c, 14, 1.75, 0.4, Pr),
+    caption: l(s, 12, 1.66, 0.4),
+    overline: l(s, 12, 2.66, 1, Pr),
+    // 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 ee(V({
+    htmlFontSize: d,
+    pxToRem: _,
+    fontFamily: n,
+    fontSize: a,
+    fontWeightLight: i,
+    fontWeightRegular: s,
+    fontWeightMedium: c,
+    fontWeightBold: h
+  }, O), f, {
+    clone: !1
+    // No need to clone deep
+  });
+}
+const Yn = 0.2, Ln = 0.14, Fn = 0.12;
+function N(...e) {
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${Yn})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${Ln})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${Fn})`].join(",");
+}
+const qn = ["none", N(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), N(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), N(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), N(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), N(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), N(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), N(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), N(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), N(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), N(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), N(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), N(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), N(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), N(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), N(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), N(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), N(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), N(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), N(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), N(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), N(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), N(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), N(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), N(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], Hn = ["duration", "easing", "delay"], Gn = {
+  // 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)"
+}, Kn = {
+  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 kr(e) {
+  return `${Math.round(e)}ms`;
+}
+function Jn(e) {
+  if (!e)
+    return 0;
+  const r = e / 36;
+  return Math.round((4 + 15 * r ** 0.25 + r / 5) * 10);
+}
+function Xn(e) {
+  const r = V({}, Gn, e.easing), t = V({}, Kn, e.duration);
+  return V({
+    getAutoHeightDuration: Jn,
+    create: (a = ["all"], i = {}) => {
+      const {
+        duration: s = t.standard,
+        easing: c = r.easeInOut,
+        delay: h = 0
+      } = i, d = ve(i, Hn);
+      if (process.env.NODE_ENV !== "production") {
+        const y = (f) => typeof f == "string", b = (f) => !isNaN(parseFloat(f));
+        !y(a) && !Array.isArray(a) && console.error('MUI: Argument "props" must be a string or Array.'), !b(s) && !y(s) && console.error(`MUI: Argument "duration" must be a number or a string but found ${s}.`), y(c) || console.error('MUI: Argument "easing" must be a string.'), !b(h) && !y(h) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof i != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
+`)), Object.keys(d).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(d).join(",")}].`);
+      }
+      return (Array.isArray(a) ? a : [a]).map((y) => `${y} ${typeof s == "string" ? s : kr(s)} ${c} ${typeof h == "string" ? h : kr(h)}`).join(",");
+    }
+  }, e, {
+    easing: r,
+    duration: t
+  });
+}
+const Zn = {
+  mobileStepper: 1e3,
+  fab: 1050,
+  speedDial: 1050,
+  appBar: 1100,
+  drawer: 1200,
+  modal: 1300,
+  snackbar: 1400,
+  tooltip: 1500
+}, Qn = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
+function Gr(e = {}, ...r) {
+  const {
+    mixins: t = {},
+    palette: n = {},
+    transitions: a = {},
+    typography: i = {}
+  } = e, s = ve(e, Qn);
+  if (e.vars && // The error should throw only for the root theme creation because user is not allowed to use a custom node `vars`.
+  // `generateCssVars` is the closest identifier for checking that the `options` is a result of `extendTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
+  e.generateCssVars === 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." : Pe(18));
+  const c = zn(n), h = un(e);
+  let d = ee(h, {
+    mixins: yn(h.breakpoints, t),
+    palette: c,
+    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
+    shadows: qn.slice(),
+    typography: Vn(c, i),
+    transitions: Xn(a),
+    zIndex: V({}, Zn)
+  });
+  if (d = ee(d, s), d = r.reduce((y, b) => ee(y, b), d), process.env.NODE_ENV !== "production") {
+    const y = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], b = (f, x) => {
+      let _;
+      for (_ in f) {
+        const l = f[_];
+        if (y.indexOf(_) !== -1 && Object.keys(l).length > 0) {
+          if (process.env.NODE_ENV !== "production") {
+            const O = dn("", _);
+            console.error([`MUI: The \`${x}\` component increases the CSS specificity of the \`${_}\` internal state.`, "You can not override it like this: ", JSON.stringify(f, null, 2), "", `Instead, you need to use the '&.${O}' syntax:`, JSON.stringify({
+              root: {
+                [`&.${O}`]: l
+              }
+            }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
+`));
+          }
+          f[_] = {};
+        }
+      }
+    };
+    Object.keys(d.components).forEach((f) => {
+      const x = d.components[f].styleOverrides;
+      x && f.indexOf("Mui") === 0 && b(x, f);
+    });
+  }
+  return d.unstable_sxConfig = V({}, nr, s == null ? void 0 : s.unstable_sxConfig), d.unstable_sx = function(b) {
+    return or({
+      sx: b,
+      theme: this
+    });
+  }, d;
+}
+const W = {
+  primary: "#006399",
+  onPrimary: "#ffffff",
+  primaryContainer: "#cfe5ff",
+  onPrimaryContainer: "#001d33",
+  secondary: "#526070",
+  onSecondary: "#ffffff",
+  secondaryContainer: "#d5e4f7",
+  onSecondaryContainer: "#0f1d2a",
+  tertiary: "#68587a",
+  onTertiary: "#ffffff",
+  tertiaryContainer: "#eedcff",
+  onTertiaryContainer: "#231533",
+  error: "#ba1a1a",
+  onError: "#ffffff",
+  errorContainer: "#ffdad6",
+  onErrorContainer: "#410002",
+  surface: "#fdfcff",
+  onSurface: "#1a1c1e",
+  surfaceVariant: "#dee3eb",
+  onSurfaceVariant: "#42474e",
+  outline: "#72787e",
+  inverseSurface: "#2f3033",
+  inverseOnSurface: "#f1f0f4",
+  inversePrimary: "#98cbff"
+}, z = {
+  primary: "#98cbff",
+  onPrimary: "#003354",
+  primaryContainer: "#004a78",
+  onPrimaryContainer: "#cfe5ff",
+  secondary: "#b9c8da",
+  onSecondary: "#233241",
+  secondaryContainer: "#3a4a58",
+  onSecondaryContainer: "#d5e4f7",
+  tertiary: "#d3bee5",
+  onTertiary: "#382a4a",
+  tertiaryContainer: "#4f4062",
+  onTertiaryContainer: "#eedcff",
+  error: "#ffb4ab",
+  onError: "#690005",
+  errorContainer: "#93000a",
+  onErrorContainer: "#ffdad6",
+  surface: "#1a1c1e",
+  onSurface: "#e2e2e6",
+  surfaceVariant: "#42474e",
+  onSurfaceVariant: "#c2c7cf",
+  outline: "#8c9198",
+  inverseSurface: "#e2e2e6",
+  inverseOnSurface: "#2f3033",
+  inversePrimary: "#006399"
+}, Y = {
+  fontFamily: '"Inter", "Helvetica", "Arial", sans-serif',
+  fontSize: {
+    xs: 12,
+    sm: 14,
+    md: 16,
+    lg: 18,
+    xl: 20,
+    xxl: 24
+  },
+  fontWeight: {
+    regular: 400,
+    medium: 500,
+    semibold: 600,
+    bold: 700
+  },
+  lineHeight: {
+    tight: 1.2,
+    normal: 1.5,
+    relaxed: 1.7
+  }
+}, eo = {
+  xxs: 2,
+  xs: 4,
+  sm: 8,
+  md: 12,
+  lg: 16,
+  xl: 24,
+  xxl: 32
+}, Ar = {
+  sm: 4,
+  md: 8,
+  lg: 12,
+  xl: 16,
+  pill: 999
+}, Kr = {
+  shape: {
+    borderRadius: Ar.md
+  },
+  spacing: 8,
+  components: {
+    MuiButton: {
+      styleOverrides: {
+        root: {
+          borderRadius: Ar.md,
+          fontWeight: Y.fontWeight.medium,
+          letterSpacing: "0.2px",
+          textTransform: "none",
+          "&:focus-visible": {
+            outline: "2px solid currentColor",
+            outlineOffset: "2px"
+          },
+          "&.Mui-disabled": {
+            opacity: 0.6
+          }
+        }
+      },
+      variants: [
+        {
+          props: { variant: "contained", color: "primary" },
+          style: {
+            boxShadow: "none"
+          }
+        }
+      ]
+    }
+  },
+  typography: {
+    fontFamily: Y.fontFamily,
+    fontWeightRegular: Y.fontWeight.regular,
+    fontWeightMedium: Y.fontWeight.medium,
+    fontWeightBold: Y.fontWeight.bold,
+    h1: {
+      fontSize: Y.fontSize.xxl,
+      fontWeight: Y.fontWeight.bold,
+      lineHeight: Y.lineHeight.tight
+    },
+    h2: {
+      fontSize: Y.fontSize.xl,
+      fontWeight: Y.fontWeight.bold,
+      lineHeight: Y.lineHeight.tight
+    },
+    body1: {
+      fontSize: Y.fontSize.md,
+      lineHeight: Y.lineHeight.normal
+    },
+    body2: {
+      fontSize: Y.fontSize.sm,
+      lineHeight: Y.lineHeight.normal
+    },
+    button: {
+      fontWeight: Y.fontWeight.semibold,
+      textTransform: "none"
+    }
+  }
+}, mo = Gr({
+  ...Kr,
+  palette: {
+    mode: "light",
+    primary: {
+      main: W.primary,
+      contrastText: W.onPrimary
+    },
+    secondary: {
+      main: W.secondary,
+      contrastText: W.onSecondary
+    },
+    error: {
+      main: W.error,
+      contrastText: W.onError
+    },
+    background: {
+      default: W.surface,
+      paper: W.surface
+    },
+    text: {
+      primary: W.onSurface,
+      secondary: W.onSurfaceVariant
+    },
+    divider: W.outline
+  },
+  visio: {
+    surfaceVariant: W.surfaceVariant,
+    onSurfaceVariant: W.onSurfaceVariant,
+    inverseSurface: W.inverseSurface,
+    inverseOnSurface: W.inverseOnSurface,
+    inversePrimary: W.inversePrimary,
+    outline: W.outline,
+    tertiary: {
+      main: W.tertiary,
+      contrastText: W.onTertiary,
+      container: W.tertiaryContainer,
+      onContainer: W.onTertiaryContainer
+    }
+  }
+}), yo = Gr({
+  ...Kr,
+  palette: {
+    mode: "dark",
+    primary: {
+      main: z.primary,
+      contrastText: z.onPrimary
+    },
+    secondary: {
+      main: z.secondary,
+      contrastText: z.onSecondary
+    },
+    error: {
+      main: z.error,
+      contrastText: z.onError
+    },
+    background: {
+      default: z.surface,
+      paper: z.surface
+    },
+    text: {
+      primary: z.onSurface,
+      secondary: z.onSurfaceVariant
+    },
+    divider: z.outline
+  },
+  visio: {
+    surfaceVariant: z.surfaceVariant,
+    onSurfaceVariant: z.onSurfaceVariant,
+    inverseSurface: z.inverseSurface,
+    inverseOnSurface: z.inverseOnSurface,
+    inversePrimary: z.inversePrimary,
+    outline: z.outline,
+    tertiary: {
+      main: z.tertiary,
+      contrastText: z.onTertiary,
+      container: z.tertiaryContainer,
+      onContainer: z.onTertiaryContainer
+    }
+  }
+}), go = eo, ro = "_button_1x96v_1", to = "_borderRadiusNone_1x96v_8", no = "_borderRadiusSmall_1x96v_12", oo = "_borderRadiusMedium_1x96v_16", ao = "_borderRadiusLarge_1x96v_20", io = "_borderRadiusRound_1x96v_24", ue = {
+  button: ro,
+  borderRadiusNone: to,
+  borderRadiusSmall: no,
+  borderRadiusMedium: oo,
+  borderRadiusLarge: ao,
+  borderRadiusRound: io
+}, so = (e, r = "medium") => {
+  const t = e ?? r;
+  if (typeof t == "number")
+    return "";
+  switch (t) {
+    case "none":
+      return ue.borderRadiusNone;
+    case "small":
+      return ue.borderRadiusSmall;
+    case "medium":
+      return ue.borderRadiusMedium;
+    case "large":
+      return ue.borderRadiusLarge;
+    case "round":
+      return ue.borderRadiusRound;
+    default:
+      return ue.borderRadiusMedium;
+  }
+}, uo = (e) => {
+  if (typeof e == "number")
+    return `${e}px`;
+}, co = (e, r, t) => {
+  const n = t || r;
+  if (n)
+    return (a) => {
+      if (e) {
+        a.preventDefault();
+        return;
+      }
+      n(a);
+    };
+}, fo = Xr(
+  ({
+    children: e,
+    loading: r = !1,
+    loadingText: t,
+    startIcon: n,
+    endIcon: a,
+    variant: i = "contained",
+    size: s = "medium",
+    color: c = "primary",
+    borderRadius: h = "medium",
+    fullWidth: d = !1,
+    disabled: y = !1,
+    type: b = "button",
+    className: f,
+    onClick: x,
+    onAction: _,
+    ...l
+  }, O) => {
+    const $ = y || r, L = so(h), j = uo(h), I = co($, x, _), m = `${ue.button} ${L} ${f || ""}`.trim();
+    return /* @__PURE__ */ Er.jsx(
+      Zr,
+      {
+        ref: O,
+        variant: i,
+        size: s,
+        color: c,
+        fullWidth: d,
+        disabled: $,
+        type: b,
+        onClick: I,
+        startIcon: r ? /* @__PURE__ */ Er.jsx(Qr, { size: s === "small" ? 16 : s === "medium" ? 20 : 24, color: "inherit" }) : n,
+        endIcon: r ? void 0 : a,
+        className: m,
+        style: j ? { borderRadius: j } : void 0,
+        ...l,
+        children: r && t ? t : e
+      }
+    );
+  }
+);
+fo.displayName = "Button";
+export {
+  fo as Button,
+  z as darkColors,
+  yo as darkTheme,
+  W as lightColors,
+  mo as lightTheme,
+  Ar as radiiTokens,
+  go as spacingScale,
+  eo as spacingTokens,
+  Y as typographyTokens
+};
+//# sourceMappingURL=index.es.js.map