vibe-spec-overlay 0.1.0

package/dist/index.es.js

@@ -0,0 +1,3295 @@
+import * as e from "react";
+import { createContext as t, useContext as n, useEffect as r, useMemo as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import l from "@emotion/styled";
+import "@emotion/react";
+import { Box as u, Chip as d, Divider as f, Drawer as p, IconButton as m, List as h, ListItem as g, ListItemText as _, Popover as v, Stack as y, Tooltip as b, Typography as x, alpha as S } from "@mui/material";
+//#region \0rolldown/runtime.js
+var ee = Object.create, te = Object.defineProperty, ne = Object.getOwnPropertyDescriptor, re = Object.getOwnPropertyNames, ie = Object.getPrototypeOf, ae = Object.prototype.hasOwnProperty, C = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), w = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = re(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !ae.call(e, s) && s !== n && te(e, s, {
+		get: ((e) => t[e]).bind(null, s),
+		enumerable: !(r = ne(t, s)) || r.enumerable
+	});
+	return e;
+}, oe = (e, t, n) => (n = e == null ? {} : ee(ie(e)), w(t || !e || !e.__esModule ? te(n, "default", {
+	value: e,
+	enumerable: !0
+}) : n, e)), T = t(null);
+//#endregion
+//#region src/SpecContext.tsx
+function E({ children: e, specsMap: t = {} }) {
+	let [n, r] = o(!0), [a, c] = o(void 0), l = i(() => ({
+		enabled: n,
+		toggleEnabled: () => r((e) => !e),
+		selected: a,
+		setSelected: c,
+		specsMap: t
+	}), [
+		n,
+		a,
+		t
+	]);
+	return /* @__PURE__ */ s(T.Provider, {
+		value: l,
+		children: e
+	});
+}
+//#endregion
+//#region src/spec-context.ts
+function se() {
+	let e = n(T);
+	if (!e) throw Error("useSpecContext must be used inside SpecProvider");
+	return e;
+}
+//#endregion
+//#region node_modules/@mui/utils/esm/ClassNameGenerator/ClassNameGenerator.js
+var ce = (e) => e, le = (() => {
+	let e = ce;
+	return {
+		configure(t) {
+			e = t;
+		},
+		generate(t) {
+			return e(t);
+		},
+		reset() {
+			e = ce;
+		}
+	};
+})();
+//#endregion
+//#region node_modules/@mui/utils/esm/formatMuiErrorMessage/formatMuiErrorMessage.js
+function D(e, ...t) {
+	let n = new URL(`https://mui.com/production-error/?code=${e}`);
+	return t.forEach((e) => n.searchParams.append("args[]", e)), `Minified MUI error #${e}; visit ${n} for the full message.`;
+}
+//#endregion
+//#region node_modules/@mui/utils/esm/capitalize/capitalize.js
+function ue(e) {
+	if (typeof e != "string") throw Error(process.env.NODE_ENV === "production" ? D(7) : "MUI: `capitalize(string)` expects a string argument.");
+	return e.charAt(0).toUpperCase() + e.slice(1);
+}
+//#endregion
+//#region node_modules/@mui/material/esm/utils/capitalize.js
+var de = ue, fe = /* @__PURE__ */ C(((e) => {
+	var t = typeof Symbol == "function" && Symbol.for, n = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, s = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, m = t ? Symbol.for("react.memo") : 60115, h = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, y = t ? Symbol.for("react.scope") : 60119;
+	function b(e) {
+		if (typeof e == "object" && e) {
+			var t = e.$$typeof;
+			switch (t) {
+				case n: switch (e = e.type, e) {
+					case l:
+					case u:
+					case i:
+					case o:
+					case a:
+					case f: return e;
+					default: switch (e &&= e.$$typeof, e) {
+						case c:
+						case d:
+						case h:
+						case m:
+						case s: return e;
+						default: return t;
+					}
+				}
+				case r: return t;
+			}
+		}
+	}
+	function x(e) {
+		return b(e) === u;
+	}
+	e.AsyncMode = l, e.ConcurrentMode = u, e.ContextConsumer = c, e.ContextProvider = s, e.Element = n, e.ForwardRef = d, e.Fragment = i, e.Lazy = h, e.Memo = m, e.Portal = r, e.Profiler = o, e.StrictMode = a, e.Suspense = f, e.isAsyncMode = function(e) {
+		return x(e) || b(e) === l;
+	}, e.isConcurrentMode = x, e.isContextConsumer = function(e) {
+		return b(e) === c;
+	}, e.isContextProvider = function(e) {
+		return b(e) === s;
+	}, e.isElement = function(e) {
+		return typeof e == "object" && !!e && e.$$typeof === n;
+	}, e.isForwardRef = function(e) {
+		return b(e) === d;
+	}, e.isFragment = function(e) {
+		return b(e) === i;
+	}, e.isLazy = function(e) {
+		return b(e) === h;
+	}, e.isMemo = function(e) {
+		return b(e) === m;
+	}, e.isPortal = function(e) {
+		return b(e) === r;
+	}, e.isProfiler = function(e) {
+		return b(e) === o;
+	}, e.isStrictMode = function(e) {
+		return b(e) === a;
+	}, e.isSuspense = function(e) {
+		return b(e) === f;
+	}, e.isValidElementType = function(e) {
+		return typeof e == "string" || typeof e == "function" || e === i || e === u || e === o || e === a || e === f || e === p || typeof e == "object" && !!e && (e.$$typeof === h || e.$$typeof === m || e.$$typeof === s || e.$$typeof === c || e.$$typeof === d || e.$$typeof === _ || e.$$typeof === v || e.$$typeof === y || e.$$typeof === g);
+	}, e.typeOf = b;
+})), pe = /* @__PURE__ */ C(((e) => {
+	process.env.NODE_ENV !== "production" && (function() {
+		var t = typeof Symbol == "function" && Symbol.for, n = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, s = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, m = t ? Symbol.for("react.memo") : 60115, h = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, y = t ? Symbol.for("react.scope") : 60119;
+		function b(e) {
+			return typeof e == "string" || typeof e == "function" || e === i || e === u || e === o || e === a || e === f || e === p || typeof e == "object" && !!e && (e.$$typeof === h || e.$$typeof === m || e.$$typeof === s || e.$$typeof === c || e.$$typeof === d || e.$$typeof === _ || e.$$typeof === v || e.$$typeof === y || e.$$typeof === g);
+		}
+		function x(e) {
+			if (typeof e == "object" && e) {
+				var t = e.$$typeof;
+				switch (t) {
+					case n:
+						var p = e.type;
+						switch (p) {
+							case l:
+							case u:
+							case i:
+							case o:
+							case a:
+							case f: return p;
+							default:
+								var g = p && p.$$typeof;
+								switch (g) {
+									case c:
+									case d:
+									case h:
+									case m:
+									case s: return g;
+									default: return t;
+								}
+						}
+					case r: return t;
+				}
+			}
+		}
+		var S = l, ee = u, te = c, ne = s, re = n, ie = d, ae = i, C = h, w = m, oe = r, T = o, E = a, se = f, ce = !1;
+		function le(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.")), D(e) || x(e) === l;
+		}
+		function D(e) {
+			return x(e) === u;
+		}
+		function ue(e) {
+			return x(e) === c;
+		}
+		function de(e) {
+			return x(e) === s;
+		}
+		function fe(e) {
+			return typeof e == "object" && !!e && e.$$typeof === n;
+		}
+		function pe(e) {
+			return x(e) === d;
+		}
+		function me(e) {
+			return x(e) === i;
+		}
+		function he(e) {
+			return x(e) === h;
+		}
+		function ge(e) {
+			return x(e) === m;
+		}
+		function _e(e) {
+			return x(e) === r;
+		}
+		function ve(e) {
+			return x(e) === o;
+		}
+		function ye(e) {
+			return x(e) === a;
+		}
+		function be(e) {
+			return x(e) === f;
+		}
+		e.AsyncMode = S, e.ConcurrentMode = ee, e.ContextConsumer = te, e.ContextProvider = ne, e.Element = re, e.ForwardRef = ie, e.Fragment = ae, e.Lazy = C, e.Memo = w, e.Portal = oe, e.Profiler = T, e.StrictMode = E, e.Suspense = se, e.isAsyncMode = le, e.isConcurrentMode = D, e.isContextConsumer = ue, e.isContextProvider = de, e.isElement = fe, e.isForwardRef = pe, e.isFragment = me, e.isLazy = he, e.isMemo = ge, e.isPortal = _e, e.isProfiler = ve, e.isStrictMode = ye, e.isSuspense = be, e.isValidElementType = b, e.typeOf = x;
+	})();
+})), me = /* @__PURE__ */ C(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = fe() : t.exports = pe();
+})), he = /* @__PURE__ */ C(((e, t) => {
+	var n = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, i = Object.prototype.propertyIsEnumerable;
+	function a(e) {
+		if (e == null) throw TypeError("Object.assign cannot be called with null or undefined");
+		return Object(e);
+	}
+	function o() {
+		try {
+			if (!Object.assign) return !1;
+			var e = /* @__PURE__ */ new String("abc");
+			if (e[5] = "de", Object.getOwnPropertyNames(e)[0] === "5") return !1;
+			for (var t = {}, n = 0; n < 10; n++) t["_" + String.fromCharCode(n)] = n;
+			if (Object.getOwnPropertyNames(t).map(function(e) {
+				return t[e];
+			}).join("") !== "0123456789") return !1;
+			var r = {};
+			return "abcdefghijklmnopqrst".split("").forEach(function(e) {
+				r[e] = e;
+			}), Object.keys(Object.assign({}, r)).join("") === "abcdefghijklmnopqrst";
+		} catch {
+			return !1;
+		}
+	}
+	t.exports = o() ? Object.assign : function(e, t) {
+		for (var o, s = a(e), c, l = 1; l < arguments.length; l++) {
+			for (var u in o = Object(arguments[l]), o) r.call(o, u) && (s[u] = o[u]);
+			if (n) {
+				c = n(o);
+				for (var d = 0; d < c.length; d++) i.call(o, c[d]) && (s[c[d]] = o[c[d]]);
+			}
+		}
+		return s;
+	};
+})), ge = /* @__PURE__ */ C(((e, t) => {
+	t.exports = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+})), _e = /* @__PURE__ */ C(((e, t) => {
+	t.exports = Function.call.bind(Object.prototype.hasOwnProperty);
+})), ve = /* @__PURE__ */ C(((e, t) => {
+	var n = function() {};
+	if (process.env.NODE_ENV !== "production") {
+		var r = ge(), i = {}, a = _e();
+		n = function(e) {
+			var t = "Warning: " + e;
+			typeof console < "u" && console.error(t);
+			try {
+				throw Error(t);
+			} catch {}
+		};
+	}
+	function o(e, t, o, s, c) {
+		if (process.env.NODE_ENV !== "production") {
+			for (var l in e) if (a(e, l)) {
+				var u;
+				try {
+					if (typeof e[l] != "function") {
+						var d = Error((s || "React class") + ": " + o + " type `" + l + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[l] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+						throw d.name = "Invariant Violation", d;
+					}
+					u = e[l](t, l, s, o, null, r);
+				} catch (e) {
+					u = e;
+				}
+				if (u && !(u instanceof Error) && n((s || "React class") + ": type specification of " + o + " `" + l + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof u + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."), u instanceof Error && !(u.message in i)) {
+					i[u.message] = !0;
+					var f = c ? c() : "";
+					n("Failed " + o + " type: " + u.message + (f ?? ""));
+				}
+			}
+		}
+	}
+	o.resetWarningCache = function() {
+		process.env.NODE_ENV !== "production" && (i = {});
+	}, t.exports = o;
+})), ye = /* @__PURE__ */ C(((e, t) => {
+	var n = me(), r = he(), i = ge(), a = _e(), o = ve(), s = function() {};
+	process.env.NODE_ENV !== "production" && (s = function(e) {
+		var t = "Warning: " + e;
+		typeof console < "u" && console.error(t);
+		try {
+			throw Error(t);
+		} catch {}
+	});
+	function c() {
+		return null;
+	}
+	t.exports = function(e, t) {
+		var l = typeof Symbol == "function" && Symbol.iterator, u = "@@iterator";
+		function d(e) {
+			var t = e && (l && e[l] || e[u]);
+			if (typeof t == "function") return t;
+		}
+		var f = "<<anonymous>>", p = {
+			array: _("array"),
+			bigint: _("bigint"),
+			bool: _("boolean"),
+			func: _("function"),
+			number: _("number"),
+			object: _("object"),
+			string: _("string"),
+			symbol: _("symbol"),
+			any: v(),
+			arrayOf: y,
+			element: b(),
+			elementType: x(),
+			instanceOf: S,
+			node: re(),
+			objectOf: te,
+			oneOf: ee,
+			oneOfType: ne,
+			shape: ae,
+			exact: C
+		};
+		function m(e, t) {
+			return e === t ? e !== 0 || 1 / e == 1 / t : e !== e && t !== t;
+		}
+		function h(e, t) {
+			this.message = e, this.data = t && typeof t == "object" ? t : {}, this.stack = "";
+		}
+		h.prototype = Error.prototype;
+		function g(e) {
+			if (process.env.NODE_ENV !== "production") var n = {}, r = 0;
+			function a(a, o, c, l, u, d, p) {
+				if (l ||= f, d ||= c, p !== i) {
+					if (t) {
+						var m = /* @__PURE__ */ Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");
+						throw m.name = "Invariant Violation", m;
+					} else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
+						var g = l + ":" + c;
+						!n[g] && r < 3 && (s("You are manually calling a React.PropTypes validation function for the `" + d + "` prop on `" + l + "`. 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."), n[g] = !0, r++);
+					}
+				}
+				return o[c] == null ? a ? o[c] === null ? new h("The " + u + " `" + d + "` is marked as required " + ("in `" + l + "`, but its value is `null`.")) : new h("The " + u + " `" + d + "` is marked as required in " + ("`" + l + "`, but its value is `undefined`.")) : null : e(o, c, l, u, d);
+			}
+			var o = a.bind(null, !1);
+			return o.isRequired = a.bind(null, !0), o;
+		}
+		function _(e) {
+			function t(t, n, r, i, a, o) {
+				var s = t[n];
+				if (T(s) !== e) {
+					var c = E(s);
+					return new h("Invalid " + i + " `" + a + "` of type " + ("`" + c + "` supplied to `" + r + "`, expected ") + ("`" + e + "`."), { expectedType: e });
+				}
+				return null;
+			}
+			return g(t);
+		}
+		function v() {
+			return g(c);
+		}
+		function y(e) {
+			function t(t, n, r, a, o) {
+				if (typeof e != "function") return new h("Property `" + o + "` of component `" + r + "` has invalid PropType notation inside arrayOf.");
+				var s = t[n];
+				if (!Array.isArray(s)) {
+					var c = T(s);
+					return new h("Invalid " + a + " `" + o + "` of type " + ("`" + c + "` supplied to `" + r + "`, expected an array."));
+				}
+				for (var l = 0; l < s.length; l++) {
+					var u = e(s, l, r, a, o + "[" + l + "]", i);
+					if (u instanceof Error) return u;
+				}
+				return null;
+			}
+			return g(t);
+		}
+		function b() {
+			function t(t, n, r, i, a) {
+				var o = t[n];
+				if (!e(o)) {
+					var s = T(o);
+					return new h("Invalid " + i + " `" + a + "` of type " + ("`" + s + "` supplied to `" + r + "`, expected a single ReactElement."));
+				}
+				return null;
+			}
+			return g(t);
+		}
+		function x() {
+			function e(e, t, r, i, a) {
+				var o = e[t];
+				if (!n.isValidElementType(o)) {
+					var s = T(o);
+					return new h("Invalid " + i + " `" + a + "` of type " + ("`" + s + "` supplied to `" + r + "`, expected a single ReactElement type."));
+				}
+				return null;
+			}
+			return g(e);
+		}
+		function S(e) {
+			function t(t, n, r, i, a) {
+				if (!(t[n] instanceof e)) {
+					var o = e.name || f, s = ce(t[n]);
+					return new h("Invalid " + i + " `" + a + "` of type " + ("`" + s + "` supplied to `" + r + "`, expected ") + ("instance of `" + o + "`."));
+				}
+				return null;
+			}
+			return g(t);
+		}
+		function ee(e) {
+			if (!Array.isArray(e)) return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? s("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]).") : s("Invalid argument supplied to oneOf, expected an array.")), c;
+			function t(t, n, r, i, a) {
+				for (var o = t[n], s = 0; s < e.length; s++) if (m(o, e[s])) return null;
+				var c = JSON.stringify(e, function(e, t) {
+					return E(t) === "symbol" ? String(t) : t;
+				});
+				return new h("Invalid " + i + " `" + a + "` of value `" + String(o) + "` " + ("supplied to `" + r + "`, expected one of " + c + "."));
+			}
+			return g(t);
+		}
+		function te(e) {
+			function t(t, n, r, o, s) {
+				if (typeof e != "function") return new h("Property `" + s + "` of component `" + r + "` has invalid PropType notation inside objectOf.");
+				var c = t[n], l = T(c);
+				if (l !== "object") return new h("Invalid " + o + " `" + s + "` of type " + ("`" + l + "` supplied to `" + r + "`, expected an object."));
+				for (var u in c) if (a(c, u)) {
+					var d = e(c, u, r, o, s + "." + u, i);
+					if (d instanceof Error) return d;
+				}
+				return null;
+			}
+			return g(t);
+		}
+		function ne(e) {
+			if (!Array.isArray(e)) return process.env.NODE_ENV !== "production" && s("Invalid argument supplied to oneOfType, expected an instance of array."), c;
+			for (var t = 0; t < e.length; t++) {
+				var n = e[t];
+				if (typeof n != "function") return s("Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + se(n) + " at index " + t + "."), c;
+			}
+			function r(t, n, r, o, s) {
+				for (var c = [], l = 0; l < e.length; l++) {
+					var u = e[l], d = u(t, n, r, o, s, i);
+					if (d == null) return null;
+					d.data && a(d.data, "expectedType") && c.push(d.data.expectedType);
+				}
+				var f = c.length > 0 ? ", expected one of type [" + c.join(", ") + "]" : "";
+				return new h("Invalid " + o + " `" + s + "` supplied to " + ("`" + r + "`" + f + "."));
+			}
+			return g(r);
+		}
+		function re() {
+			function e(e, t, n, r, i) {
+				return w(e[t]) ? null : new h("Invalid " + r + " `" + i + "` supplied to " + ("`" + n + "`, expected a ReactNode."));
+			}
+			return g(e);
+		}
+		function ie(e, t, n, r, i) {
+			return new h((e || "React class") + ": " + t + " type `" + n + "." + r + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + i + "`.");
+		}
+		function ae(e) {
+			function t(t, n, r, a, o) {
+				var s = t[n], c = T(s);
+				if (c !== "object") return new h("Invalid " + a + " `" + o + "` of type `" + c + "` " + ("supplied to `" + r + "`, expected `object`."));
+				for (var l in e) {
+					var u = e[l];
+					if (typeof u != "function") return ie(r, a, o, l, E(u));
+					var d = u(s, l, r, a, o + "." + l, i);
+					if (d) return d;
+				}
+				return null;
+			}
+			return g(t);
+		}
+		function C(e) {
+			function t(t, n, o, s, c) {
+				var l = t[n], u = T(l);
+				if (u !== "object") return new h("Invalid " + s + " `" + c + "` of type `" + u + "` " + ("supplied to `" + o + "`, expected `object`."));
+				for (var d in r({}, t[n], e)) {
+					var f = e[d];
+					if (a(e, d) && typeof f != "function") return ie(o, s, c, d, E(f));
+					if (!f) return new h("Invalid " + s + " `" + c + "` key `" + d + "` supplied to `" + o + "`.\nBad object: " + JSON.stringify(t[n], null, "  ") + "\nValid keys: " + JSON.stringify(Object.keys(e), null, "  "));
+					var p = f(l, d, o, s, c + "." + d, i);
+					if (p) return p;
+				}
+				return null;
+			}
+			return g(t);
+		}
+		function w(t) {
+			switch (typeof t) {
+				case "number":
+				case "string":
+				case "undefined": return !0;
+				case "boolean": return !t;
+				case "object":
+					if (Array.isArray(t)) return t.every(w);
+					if (t === null || e(t)) return !0;
+					var n = d(t);
+					if (n) {
+						var r = n.call(t), i;
+						if (n !== t.entries) {
+							for (; !(i = r.next()).done;) if (!w(i.value)) return !1;
+						} else for (; !(i = r.next()).done;) {
+							var a = i.value;
+							if (a && !w(a[1])) return !1;
+						}
+					} else return !1;
+					return !0;
+				default: return !1;
+			}
+		}
+		function oe(e, t) {
+			return e === "symbol" ? !0 : t ? t["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && t instanceof Symbol : !1;
+		}
+		function T(e) {
+			var t = typeof e;
+			return Array.isArray(e) ? "array" : e instanceof RegExp ? "object" : oe(t, e) ? "symbol" : t;
+		}
+		function E(e) {
+			if (e == null) return "" + e;
+			var t = T(e);
+			if (t === "object") {
+				if (e instanceof Date) return "date";
+				if (e instanceof RegExp) return "regexp";
+			}
+			return t;
+		}
+		function se(e) {
+			var t = E(e);
+			switch (t) {
+				case "array":
+				case "object": return "an " + t;
+				case "boolean":
+				case "date":
+				case "regexp": return "a " + t;
+				default: return t;
+			}
+		}
+		function ce(e) {
+			return !e.constructor || !e.constructor.name ? f : e.constructor.name;
+		}
+		return p.checkPropTypes = o, p.resetWarningCache = o.resetWarningCache, p.PropTypes = p, p;
+	};
+})), be = /* @__PURE__ */ C(((e, t) => {
+	var n = ge();
+	function r() {}
+	function i() {}
+	i.resetWarningCache = r, t.exports = function() {
+		function e(e, t, r, i, a, o) {
+			if (o !== n) {
+				var s = /* @__PURE__ */ 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 s.name = "Invariant Violation", s;
+			}
+		}
+		e.isRequired = e;
+		function t() {
+			return e;
+		}
+		var a = {
+			array: e,
+			bigint: e,
+			bool: e,
+			func: e,
+			number: e,
+			object: e,
+			string: e,
+			symbol: e,
+			any: e,
+			arrayOf: t,
+			element: e,
+			elementType: e,
+			instanceOf: t,
+			node: e,
+			objectOf: t,
+			oneOf: t,
+			oneOfType: t,
+			shape: t,
+			exact: t,
+			checkPropTypes: i,
+			resetWarningCache: r
+		};
+		return a.PropTypes = a, a;
+	};
+})), xe = /* @__PURE__ */ C(((e, t) => {
+	if (process.env.NODE_ENV !== "production") {
+		var n = me();
+		t.exports = ye()(n.isElement, !0);
+	} else t.exports = be()();
+}));
+//#endregion
+//#region node_modules/clsx/dist/clsx.mjs
+function Se(e) {
+	var t, n, r = "";
+	if (typeof e == "string" || typeof e == "number") r += e;
+	else if (typeof e == "object") if (Array.isArray(e)) {
+		var i = e.length;
+		for (t = 0; t < i; t++) e[t] && (n = Se(e[t])) && (r && (r += " "), r += n);
+	} else for (n in e) e[n] && (r && (r += " "), r += n);
+	return r;
+}
+function Ce() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = Se(e)) && (r && (r += " "), r += t);
+	return r;
+}
+//#endregion
+//#region node_modules/@mui/utils/esm/composeClasses/composeClasses.js
+function we(e, t, n = void 0) {
+	let r = {};
+	for (let i in e) {
+		let a = e[i], o = "", s = !0;
+		for (let e = 0; e < a.length; e += 1) {
+			let r = a[e];
+			r && (o += (s === !0 ? "" : " ") + t(r), s = !1, n && n[r] && (o += " " + n[r]));
+		}
+		r[i] = o;
+	}
+	return r;
+}
+//#endregion
+//#region node_modules/react-is/cjs/react-is.production.js
+var Te = /* @__PURE__ */ C(((e) => {
+	var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), o = Symbol.for("react.consumer"), s = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), p = Symbol.for("react.view_transition"), m = Symbol.for("react.client.reference");
+	function h(e) {
+		if (typeof e == "object" && e) {
+			var m = e.$$typeof;
+			switch (m) {
+				case t: switch (e = e.type, e) {
+					case r:
+					case a:
+					case i:
+					case l:
+					case u:
+					case p: return e;
+					default: switch (e &&= e.$$typeof, e) {
+						case s:
+						case c:
+						case f:
+						case d: return e;
+						case o: return e;
+						default: return m;
+					}
+				}
+				case n: return m;
+			}
+		}
+	}
+	e.ContextConsumer = o, e.ContextProvider = s, e.Element = t, e.ForwardRef = c, e.Fragment = r, e.Lazy = f, e.Memo = d, e.Portal = n, e.Profiler = a, e.StrictMode = i, e.Suspense = l, e.SuspenseList = u, e.isContextConsumer = function(e) {
+		return h(e) === o;
+	}, e.isContextProvider = function(e) {
+		return h(e) === s;
+	}, e.isElement = function(e) {
+		return typeof e == "object" && !!e && e.$$typeof === t;
+	}, e.isForwardRef = function(e) {
+		return h(e) === c;
+	}, e.isFragment = function(e) {
+		return h(e) === r;
+	}, e.isLazy = function(e) {
+		return h(e) === f;
+	}, e.isMemo = function(e) {
+		return h(e) === d;
+	}, e.isPortal = function(e) {
+		return h(e) === n;
+	}, e.isProfiler = function(e) {
+		return h(e) === a;
+	}, e.isStrictMode = function(e) {
+		return h(e) === i;
+	}, e.isSuspense = function(e) {
+		return h(e) === l;
+	}, e.isSuspenseList = function(e) {
+		return h(e) === u;
+	}, e.isValidElementType = function(e) {
+		return !!(typeof e == "string" || typeof e == "function" || e === r || e === a || e === i || e === l || e === u || typeof e == "object" && e && (e.$$typeof === f || e.$$typeof === d || e.$$typeof === s || e.$$typeof === o || e.$$typeof === c || e.$$typeof === m || e.getModuleId !== void 0));
+	}, e.typeOf = h;
+})), Ee = /* @__PURE__ */ C(((e) => {
+	process.env.NODE_ENV !== "production" && (function() {
+		function t(e) {
+			if (typeof e == "object" && e) {
+				var t = e.$$typeof;
+				switch (t) {
+					case n: switch (e = e.type, e) {
+						case i:
+						case o:
+						case a:
+						case u:
+						case d:
+						case m: return e;
+						default: switch (e &&= e.$$typeof, e) {
+							case c:
+							case l:
+							case p:
+							case f: return e;
+							case s: return e;
+							default: return t;
+						}
+					}
+					case r: return t;
+				}
+			}
+		}
+		var n = Symbol.for("react.transitional.element"), r = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), s = Symbol.for("react.consumer"), c = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), m = Symbol.for("react.view_transition"), h = Symbol.for("react.client.reference");
+		e.ContextConsumer = s, e.ContextProvider = c, e.Element = n, e.ForwardRef = l, e.Fragment = i, e.Lazy = p, e.Memo = f, e.Portal = r, e.Profiler = o, e.StrictMode = a, e.Suspense = u, e.SuspenseList = d, e.isContextConsumer = function(e) {
+			return t(e) === s;
+		}, e.isContextProvider = function(e) {
+			return t(e) === c;
+		}, e.isElement = function(e) {
+			return typeof e == "object" && !!e && e.$$typeof === n;
+		}, e.isForwardRef = function(e) {
+			return t(e) === l;
+		}, e.isFragment = function(e) {
+			return t(e) === i;
+		}, e.isLazy = function(e) {
+			return t(e) === p;
+		}, e.isMemo = function(e) {
+			return t(e) === f;
+		}, e.isPortal = function(e) {
+			return t(e) === r;
+		}, e.isProfiler = function(e) {
+			return t(e) === o;
+		}, e.isStrictMode = function(e) {
+			return t(e) === a;
+		}, e.isSuspense = function(e) {
+			return t(e) === u;
+		}, e.isSuspenseList = function(e) {
+			return t(e) === d;
+		}, e.isValidElementType = function(e) {
+			return !!(typeof e == "string" || typeof e == "function" || e === i || e === o || e === a || e === u || e === d || typeof e == "object" && e && (e.$$typeof === p || e.$$typeof === f || e.$$typeof === c || e.$$typeof === s || e.$$typeof === l || e.$$typeof === h || e.getModuleId !== void 0));
+		}, e.typeOf = t;
+	})();
+})), De = (/* @__PURE__ */ C(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = Te() : t.exports = Ee();
+})))();
+function O(e) {
+	if (typeof e != "object" || !e) return !1;
+	let t = Object.getPrototypeOf(e);
+	return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
+}
+function Oe(t) {
+	if (/* @__PURE__ */ e.isValidElement(t) || (0, De.isValidElementType)(t) || !O(t)) return t;
+	let n = {};
+	return Object.keys(t).forEach((e) => {
+		n[e] = Oe(t[e]);
+	}), n;
+}
+function k(t, n, r = { clone: !0 }) {
+	let i = r.clone ? { ...t } : t;
+	return O(t) && O(n) && Object.keys(n).forEach((a) => {
+		/* @__PURE__ */ e.isValidElement(n[a]) || (0, De.isValidElementType)(n[a]) ? i[a] = n[a] : O(n[a]) && Object.prototype.hasOwnProperty.call(t, a) && O(t[a]) ? i[a] = k(t[a], n[a], r) : r.clone ? i[a] = O(n[a]) ? Oe(n[a]) : n[a] : i[a] = n[a];
+	}), i;
+}
+//#endregion
+//#region node_modules/@mui/system/esm/merge/merge.js
+function ke(e, t) {
+	return t ? k(e, t, { clone: !1 }) : e;
+}
+//#endregion
+//#region node_modules/@mui/system/esm/responsivePropType/responsivePropType.js
+var A = /* @__PURE__ */ oe(xe()), j = process.env.NODE_ENV === "production" ? {} : A.default.oneOfType([
+	A.default.number,
+	A.default.string,
+	A.default.object,
+	A.default.array
+]);
+//#endregion
+//#region node_modules/@mui/system/esm/cssContainerQueries/cssContainerQueries.js
+function Ae(e, t) {
+	if (!e.containerQueries) return t;
+	let n = Object.keys(t).filter((e) => e.startsWith("@container")).sort((e, t) => {
+		let n = /min-width:\s*([0-9.]+)/;
+		return (e.match(n)?.[1] || 0) - +(t.match(n)?.[1] || 0);
+	});
+	return n.length ? n.reduce((e, n) => {
+		let r = t[n];
+		return delete e[n], e[n] = r, e;
+	}, { ...t }) : t;
+}
+function je(e, t) {
+	return t === "@" || t.startsWith("@") && (e.some((e) => t.startsWith(`@${e}`)) || !!t.match(/^@\d/));
+}
+function Me(e, t) {
+	let n = t.match(/^@([^/]+)?\/?(.+)?$/);
+	if (!n) {
+		if (process.env.NODE_ENV !== "production") throw Error(`MUI: The provided shorthand ${`(${t})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.\nFor example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.`);
+		return null;
+	}
+	let [, r, i] = n, a = Number.isNaN(+r) ? r || 0 : +r;
+	return e.containerQueries(i).up(a);
+}
+function Ne(e) {
+	let t = (e, t) => e.replace("@media", t ? `@container ${t}` : "@container");
+	function n(n, r) {
+		n.up = (...n) => t(e.breakpoints.up(...n), r), n.down = (...n) => t(e.breakpoints.down(...n), r), n.between = (...n) => t(e.breakpoints.between(...n), r), n.only = (...n) => t(e.breakpoints.only(...n), r), n.not = (...n) => {
+			let i = t(e.breakpoints.not(...n), r);
+			return i.includes("not all and") ? i.replace("not all and ", "").replace("min-width:", "width<").replace("max-width:", "width>").replace("and", "or") : i;
+		};
+	}
+	let r = {}, i = (e) => (n(r, e), r);
+	return n(i), {
+		...e,
+		containerQueries: i
+	};
+}
+//#endregion
+//#region node_modules/@mui/system/esm/breakpoints/breakpoints.js
+var Pe = {
+	xs: 0,
+	sm: 600,
+	md: 900,
+	lg: 1200,
+	xl: 1536
+}, Fe = {
+	keys: [
+		"xs",
+		"sm",
+		"md",
+		"lg",
+		"xl"
+	],
+	up: (e) => `@media (min-width:${Pe[e]}px)`
+}, Ie = { containerQueries: (e) => ({ up: (t) => {
+	let n = typeof t == "number" ? t : Pe[t] || t;
+	return typeof n == "number" && (n = `${n}px`), e ? `@container ${e} (min-width:${n})` : `@container (min-width:${n})`;
+} }) };
+function M(e, t, n) {
+	let r = e.theme || {};
+	if (Array.isArray(t)) {
+		let e = r.breakpoints || Fe;
+		return t.reduce((r, i, a) => (r[e.up(e.keys[a])] = n(t[a]), r), {});
+	}
+	if (typeof t == "object") {
+		let e = r.breakpoints || Fe;
+		return Object.keys(t).reduce((i, a) => {
+			if (je(e.keys, a)) {
+				let e = Me(r.containerQueries ? r : Ie, a);
+				e && (i[e] = n(t[a], a));
+			} else if (Object.keys(e.values || Pe).includes(a)) {
+				let r = e.up(a);
+				i[r] = n(t[a], a);
+			} else {
+				let e = a;
+				i[e] = t[e];
+			}
+			return i;
+		}, {});
+	}
+	return n(t);
+}
+function Le(e = {}) {
+	return e.keys?.reduce((t, n) => {
+		let r = e.up(n);
+		return t[r] = {}, t;
+	}, {}) || {};
+}
+function Re(e, t) {
+	return e.reduce((e, t) => {
+		let n = e[t];
+		return (!n || Object.keys(n).length === 0) && delete e[t], e;
+	}, t);
+}
+//#endregion
+//#region node_modules/@mui/system/esm/style/style.js
+function ze(e, t, n = !0) {
+	if (!t || typeof t != "string") return null;
+	if (e && e.vars && n) {
+		let n = `vars.${t}`.split(".").reduce((e, t) => e && e[t] ? e[t] : null, e);
+		if (n != null) return n;
+	}
+	return t.split(".").reduce((e, t) => e && e[t] != null ? e[t] : null, e);
+}
+function Be(e, t, n, r = n) {
+	let i;
+	return i = typeof e == "function" ? e(n) : Array.isArray(e) ? e[n] || r : ze(e, n) || r, t && (i = t(i, r, e)), i;
+}
+function N(e) {
+	let { prop: t, cssProperty: n = e.prop, themeKey: r, transform: i } = e, a = (e) => {
+		if (e[t] == null) return null;
+		let a = e[t], o = e.theme, s = ze(o, r) || {};
+		return M(e, a, (e) => {
+			let r = Be(s, i, e);
+			return e === r && typeof e == "string" && (r = Be(s, i, `${t}${e === "default" ? "" : ue(e)}`, e)), n === !1 ? r : { [n]: r };
+		});
+	};
+	return a.propTypes = process.env.NODE_ENV === "production" ? {} : { [t]: j }, a.filterProps = [t], a;
+}
+//#endregion
+//#region node_modules/@mui/system/esm/memoize/memoize.js
+function Ve(e) {
+	let t = {};
+	return (n) => (t[n] === void 0 && (t[n] = e(n)), t[n]);
+}
+//#endregion
+//#region node_modules/@mui/system/esm/spacing/spacing.js
+var He = {
+	m: "margin",
+	p: "padding"
+}, Ue = {
+	t: "Top",
+	r: "Right",
+	b: "Bottom",
+	l: "Left",
+	x: ["Left", "Right"],
+	y: ["Top", "Bottom"]
+}, We = {
+	marginX: "mx",
+	marginY: "my",
+	paddingX: "px",
+	paddingY: "py"
+}, Ge = Ve((e) => {
+	if (e.length > 2) if (We[e]) e = We[e];
+	else return [e];
+	let [t, n] = e.split(""), r = He[t], i = Ue[n] || "";
+	return Array.isArray(i) ? i.map((e) => r + e) : [r + i];
+}), Ke = [
+	"m",
+	"mt",
+	"mr",
+	"mb",
+	"ml",
+	"mx",
+	"my",
+	"margin",
+	"marginTop",
+	"marginRight",
+	"marginBottom",
+	"marginLeft",
+	"marginX",
+	"marginY",
+	"marginInline",
+	"marginInlineStart",
+	"marginInlineEnd",
+	"marginBlock",
+	"marginBlockStart",
+	"marginBlockEnd"
+], qe = [
+	"p",
+	"pt",
+	"pr",
+	"pb",
+	"pl",
+	"px",
+	"py",
+	"padding",
+	"paddingTop",
+	"paddingRight",
+	"paddingBottom",
+	"paddingLeft",
+	"paddingX",
+	"paddingY",
+	"paddingInline",
+	"paddingInlineStart",
+	"paddingInlineEnd",
+	"paddingBlock",
+	"paddingBlockStart",
+	"paddingBlockEnd"
+], Je = [...Ke, ...qe];
+function Ye(e, t, n, r) {
+	let i = ze(e, t, !0) ?? n;
+	return typeof i == "number" || typeof i == "string" ? (e) => typeof e == "string" ? e : (process.env.NODE_ENV !== "production" && typeof e != "number" && console.error(`MUI: Expected ${r} argument to be a number or a string, got ${e}.`), typeof i == "string" ? i.startsWith("var(") && e === 0 ? 0 : i.startsWith("var(") && e === 1 ? i : `calc(${e} * ${i})` : i * e) : Array.isArray(i) ? (e) => {
+		if (typeof e == "string") return e;
+		let n = Math.abs(e);
+		process.env.NODE_ENV !== "production" && (Number.isInteger(n) ? n > i.length - 1 && console.error([
+			`MUI: The value provided (${n}) overflows.`,
+			`The supported values are: ${JSON.stringify(i)}.`,
+			`${n} > ${i.length - 1}, you need to add the missing values.`
+		].join("\n")) : console.error([`MUI: The \`theme.${t}\` array type cannot be combined with non integer values.You should either use an integer value that can be used as index, or define the \`theme.${t}\` as a number.`].join("\n")));
+		let r = i[n];
+		return e >= 0 ? r : typeof r == "number" ? -r : typeof r == "string" && r.startsWith("var(") ? `calc(-1 * ${r})` : `-${r}`;
+	} : typeof i == "function" ? i : (process.env.NODE_ENV !== "production" && console.error([`MUI: The \`theme.${t}\` value (${i}) is invalid.`, "It should be a number, an array or a function."].join("\n")), () => void 0);
+}
+function Xe(e) {
+	return Ye(e, "spacing", 8, "spacing");
+}
+function Ze(e, t) {
+	return typeof t == "string" || t == null ? t : e(t);
+}
+function Qe(e, t) {
+	return (n) => e.reduce((e, r) => (e[r] = Ze(t, n), e), {});
+}
+function $e(e, t, n, r) {
+	if (!t.includes(n)) return null;
+	let i = Qe(Ge(n), r), a = e[n];
+	return M(e, a, i);
+}
+function et(e, t) {
+	let n = Xe(e.theme);
+	return Object.keys(e).map((r) => $e(e, t, r, n)).reduce(ke, {});
+}
+function P(e) {
+	return et(e, Ke);
+}
+P.propTypes = process.env.NODE_ENV === "production" ? {} : Ke.reduce((e, t) => (e[t] = j, e), {}), P.filterProps = Ke;
+function F(e) {
+	return et(e, qe);
+}
+F.propTypes = process.env.NODE_ENV === "production" ? {} : qe.reduce((e, t) => (e[t] = j, e), {}), F.filterProps = qe;
+function tt(e) {
+	return et(e, Je);
+}
+tt.propTypes = process.env.NODE_ENV === "production" ? {} : Je.reduce((e, t) => (e[t] = j, e), {}), tt.filterProps = Je;
+//#endregion
+//#region node_modules/@mui/system/esm/compose/compose.js
+function nt(...e) {
+	let t = e.reduce((e, t) => (t.filterProps.forEach((n) => {
+		e[n] = t;
+	}), e), {}), n = (e) => Object.keys(e).reduce((n, r) => t[r] ? ke(n, t[r](e)) : n, {});
+	return n.propTypes = process.env.NODE_ENV === "production" ? {} : e.reduce((e, t) => Object.assign(e, t.propTypes), {}), n.filterProps = e.reduce((e, t) => e.concat(t.filterProps), []), n;
+}
+//#endregion
+//#region node_modules/@mui/system/esm/borders/borders.js
+function I(e) {
+	return typeof e == "number" ? `${e}px solid` : e;
+}
+function L(e, t) {
+	return N({
+		prop: e,
+		themeKey: "borders",
+		transform: t
+	});
+}
+var rt = L("border", I), it = L("borderTop", I), at = L("borderRight", I), ot = L("borderBottom", I), st = L("borderLeft", I), ct = L("borderColor"), lt = L("borderTopColor"), ut = L("borderRightColor"), dt = L("borderBottomColor"), ft = L("borderLeftColor"), pt = L("outline", I), mt = L("outlineColor"), ht = (e) => {
+	if (e.borderRadius !== void 0 && e.borderRadius !== null) {
+		let t = Ye(e.theme, "shape.borderRadius", 4, "borderRadius");
+		return M(e, e.borderRadius, (e) => ({ borderRadius: Ze(t, e) }));
+	}
+	return null;
+};
+ht.propTypes = process.env.NODE_ENV === "production" ? {} : { borderRadius: j }, ht.filterProps = ["borderRadius"], nt(rt, it, at, ot, st, ct, lt, ut, dt, ft, ht, pt, mt);
+//#endregion
+//#region node_modules/@mui/system/esm/cssGrid/cssGrid.js
+var gt = (e) => {
+	if (e.gap !== void 0 && e.gap !== null) {
+		let t = Ye(e.theme, "spacing", 8, "gap");
+		return M(e, e.gap, (e) => ({ gap: Ze(t, e) }));
+	}
+	return null;
+};
+gt.propTypes = process.env.NODE_ENV === "production" ? {} : { gap: j }, gt.filterProps = ["gap"];
+var _t = (e) => {
+	if (e.columnGap !== void 0 && e.columnGap !== null) {
+		let t = Ye(e.theme, "spacing", 8, "columnGap");
+		return M(e, e.columnGap, (e) => ({ columnGap: Ze(t, e) }));
+	}
+	return null;
+};
+_t.propTypes = process.env.NODE_ENV === "production" ? {} : { columnGap: j }, _t.filterProps = ["columnGap"];
+var vt = (e) => {
+	if (e.rowGap !== void 0 && e.rowGap !== null) {
+		let t = Ye(e.theme, "spacing", 8, "rowGap");
+		return M(e, e.rowGap, (e) => ({ rowGap: Ze(t, e) }));
+	}
+	return null;
+};
+vt.propTypes = process.env.NODE_ENV === "production" ? {} : { rowGap: j }, vt.filterProps = ["rowGap"], nt(gt, _t, vt, N({ prop: "gridColumn" }), N({ prop: "gridRow" }), N({ prop: "gridAutoFlow" }), N({ prop: "gridAutoColumns" }), N({ prop: "gridAutoRows" }), N({ prop: "gridTemplateColumns" }), N({ prop: "gridTemplateRows" }), N({ prop: "gridTemplateAreas" }), N({ prop: "gridArea" }));
+//#endregion
+//#region node_modules/@mui/system/esm/palette/palette.js
+function R(e, t) {
+	return t === "grey" ? t : e;
+}
+nt(N({
+	prop: "color",
+	themeKey: "palette",
+	transform: R
+}), N({
+	prop: "bgcolor",
+	cssProperty: "backgroundColor",
+	themeKey: "palette",
+	transform: R
+}), N({
+	prop: "backgroundColor",
+	themeKey: "palette",
+	transform: R
+}));
+//#endregion
+//#region node_modules/@mui/system/esm/sizing/sizing.js
+function z(e) {
+	return e <= 1 && e !== 0 ? `${e * 100}%` : e;
+}
+var yt = N({
+	prop: "width",
+	transform: z
+}), bt = (e) => e.maxWidth !== void 0 && e.maxWidth !== null ? M(e, e.maxWidth, (t) => {
+	let n = e.theme?.breakpoints?.values?.[t] || Pe[t];
+	return n ? e.theme?.breakpoints?.unit === "px" ? { maxWidth: n } : { maxWidth: `${n}${e.theme.breakpoints.unit}` } : { maxWidth: z(t) };
+}) : null;
+bt.filterProps = ["maxWidth"];
+var xt = N({
+	prop: "minWidth",
+	transform: z
+}), St = N({
+	prop: "height",
+	transform: z
+}), Ct = N({
+	prop: "maxHeight",
+	transform: z
+}), wt = N({
+	prop: "minHeight",
+	transform: z
+});
+N({
+	prop: "size",
+	cssProperty: "width",
+	transform: z
+}), N({
+	prop: "size",
+	cssProperty: "height",
+	transform: z
+}), nt(yt, bt, xt, St, Ct, wt, N({ prop: "boxSizing" }));
+//#endregion
+//#region node_modules/@mui/system/esm/styleFunctionSx/defaultSxConfig.js
+var Tt = {
+	border: {
+		themeKey: "borders",
+		transform: I
+	},
+	borderTop: {
+		themeKey: "borders",
+		transform: I
+	},
+	borderRight: {
+		themeKey: "borders",
+		transform: I
+	},
+	borderBottom: {
+		themeKey: "borders",
+		transform: I
+	},
+	borderLeft: {
+		themeKey: "borders",
+		transform: I
+	},
+	borderColor: { themeKey: "palette" },
+	borderTopColor: { themeKey: "palette" },
+	borderRightColor: { themeKey: "palette" },
+	borderBottomColor: { themeKey: "palette" },
+	borderLeftColor: { themeKey: "palette" },
+	outline: {
+		themeKey: "borders",
+		transform: I
+	},
+	outlineColor: { themeKey: "palette" },
+	borderRadius: {
+		themeKey: "shape.borderRadius",
+		style: ht
+	},
+	color: {
+		themeKey: "palette",
+		transform: R
+	},
+	bgcolor: {
+		themeKey: "palette",
+		cssProperty: "backgroundColor",
+		transform: R
+	},
+	backgroundColor: {
+		themeKey: "palette",
+		transform: R
+	},
+	p: { style: F },
+	pt: { style: F },
+	pr: { style: F },
+	pb: { style: F },
+	pl: { style: F },
+	px: { style: F },
+	py: { style: F },
+	padding: { style: F },
+	paddingTop: { style: F },
+	paddingRight: { style: F },
+	paddingBottom: { style: F },
+	paddingLeft: { style: F },
+	paddingX: { style: F },
+	paddingY: { style: F },
+	paddingInline: { style: F },
+	paddingInlineStart: { style: F },
+	paddingInlineEnd: { style: F },
+	paddingBlock: { style: F },
+	paddingBlockStart: { style: F },
+	paddingBlockEnd: { style: F },
+	m: { style: P },
+	mt: { style: P },
+	mr: { style: P },
+	mb: { style: P },
+	ml: { style: P },
+	mx: { style: P },
+	my: { style: P },
+	margin: { style: P },
+	marginTop: { style: P },
+	marginRight: { style: P },
+	marginBottom: { style: P },
+	marginLeft: { style: P },
+	marginX: { style: P },
+	marginY: { style: P },
+	marginInline: { style: P },
+	marginInlineStart: { style: P },
+	marginInlineEnd: { style: P },
+	marginBlock: { style: P },
+	marginBlockStart: { style: P },
+	marginBlockEnd: { style: P },
+	displayPrint: {
+		cssProperty: !1,
+		transform: (e) => ({ "@media print": { display: e } })
+	},
+	display: {},
+	overflow: {},
+	textOverflow: {},
+	visibility: {},
+	whiteSpace: {},
+	flexBasis: {},
+	flexDirection: {},
+	flexWrap: {},
+	justifyContent: {},
+	alignItems: {},
+	alignContent: {},
+	order: {},
+	flex: {},
+	flexGrow: {},
+	flexShrink: {},
+	alignSelf: {},
+	justifyItems: {},
+	justifySelf: {},
+	gap: { style: gt },
+	rowGap: { style: vt },
+	columnGap: { style: _t },
+	gridColumn: {},
+	gridRow: {},
+	gridAutoFlow: {},
+	gridAutoColumns: {},
+	gridAutoRows: {},
+	gridTemplateColumns: {},
+	gridTemplateRows: {},
+	gridTemplateAreas: {},
+	gridArea: {},
+	position: {},
+	zIndex: { themeKey: "zIndex" },
+	top: {},
+	right: {},
+	bottom: {},
+	left: {},
+	boxShadow: { themeKey: "shadows" },
+	width: { transform: z },
+	maxWidth: { style: bt },
+	minWidth: { transform: z },
+	height: { transform: z },
+	maxHeight: { transform: z },
+	minHeight: { transform: z },
+	boxSizing: {},
+	font: { themeKey: "font" },
+	fontFamily: { themeKey: "typography" },
+	fontSize: { themeKey: "typography" },
+	fontStyle: { themeKey: "typography" },
+	fontWeight: { themeKey: "typography" },
+	letterSpacing: {},
+	textTransform: {},
+	lineHeight: {},
+	textAlign: {},
+	typography: {
+		cssProperty: !1,
+		themeKey: "typography"
+	}
+};
+//#endregion
+//#region node_modules/@mui/system/esm/styleFunctionSx/styleFunctionSx.js
+function Et(...e) {
+	let t = e.reduce((e, t) => e.concat(Object.keys(t)), []), n = new Set(t);
+	return e.every((e) => n.size === Object.keys(e).length);
+}
+function Dt(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function Ot() {
+	function e(e, t, n, r) {
+		let i = {
+			[e]: t,
+			theme: n
+		}, a = r[e];
+		if (!a) return { [e]: t };
+		let { cssProperty: o = e, themeKey: s, transform: c, style: l } = a;
+		if (t == null) return null;
+		if (s === "typography" && t === "inherit") return { [e]: t };
+		let u = ze(n, s) || {};
+		return l ? l(i) : M(i, t, (t) => {
+			let n = Be(u, c, t);
+			return t === n && typeof t == "string" && (n = Be(u, c, `${e}${t === "default" ? "" : ue(t)}`, t)), o === !1 ? n : { [o]: n };
+		});
+	}
+	function t(n) {
+		let { sx: r, theme: i = {}, nested: a } = n || {};
+		if (!r) return null;
+		let o = i.unstable_sxConfig ?? Tt;
+		function s(n) {
+			let r = n;
+			if (typeof n == "function") r = n(i);
+			else if (typeof n != "object") return n;
+			if (!r) return null;
+			let s = Le(i.breakpoints), c = Object.keys(s), l = s;
+			return Object.keys(r).forEach((n) => {
+				let a = Dt(r[n], i);
+				if (a != null) if (typeof a == "object") if (o[n]) l = ke(l, e(n, a, i, o));
+				else {
+					let e = M({ theme: i }, a, (e) => ({ [n]: e }));
+					Et(e, a) ? l[n] = t({
+						sx: a,
+						theme: i,
+						nested: !0
+					}) : l = ke(l, e);
+				}
+				else l = ke(l, e(n, a, i, o));
+			}), !a && i.modularCssLayers ? { "@layer sx": Ae(i, Re(c, l)) } : Ae(i, Re(c, l));
+		}
+		return Array.isArray(r) ? r.map(s) : s(r);
+	}
+	return t;
+}
+var B = Ot();
+B.filterProps = ["sx"];
+//#endregion
+//#region node_modules/@emotion/hash/dist/emotion-hash.esm.js
+function kt(e) {
+	for (var t = 0, n, r = 0, i = e.length; i >= 4; ++r, i -= 4) n = e.charCodeAt(r) & 255 | (e.charCodeAt(++r) & 255) << 8 | (e.charCodeAt(++r) & 255) << 16 | (e.charCodeAt(++r) & 255) << 24, n = (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16), n ^= n >>> 24, t = (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16) ^ (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
+	switch (i) {
+		case 3: t ^= (e.charCodeAt(r + 2) & 255) << 16;
+		case 2: t ^= (e.charCodeAt(r + 1) & 255) << 8;
+		case 1: t ^= e.charCodeAt(r) & 255, t = (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
+	}
+	return t ^= t >>> 13, t = (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
+}
+//#endregion
+//#region node_modules/@emotion/unitless/dist/emotion-unitless.esm.js
+var At = {
+	animationIterationCount: 1,
+	aspectRatio: 1,
+	borderImageOutset: 1,
+	borderImageSlice: 1,
+	borderImageWidth: 1,
+	boxFlex: 1,
+	boxFlexGroup: 1,
+	boxOrdinalGroup: 1,
+	columnCount: 1,
+	columns: 1,
+	flex: 1,
+	flexGrow: 1,
+	flexPositive: 1,
+	flexShrink: 1,
+	flexNegative: 1,
+	flexOrder: 1,
+	gridRow: 1,
+	gridRowEnd: 1,
+	gridRowSpan: 1,
+	gridRowStart: 1,
+	gridColumn: 1,
+	gridColumnEnd: 1,
+	gridColumnSpan: 1,
+	gridColumnStart: 1,
+	msGridRow: 1,
+	msGridRowSpan: 1,
+	msGridColumn: 1,
+	msGridColumnSpan: 1,
+	fontWeight: 1,
+	lineHeight: 1,
+	opacity: 1,
+	order: 1,
+	orphans: 1,
+	scale: 1,
+	tabSize: 1,
+	widows: 1,
+	zIndex: 1,
+	zoom: 1,
+	WebkitLineClamp: 1,
+	fillOpacity: 1,
+	floodOpacity: 1,
+	stopOpacity: 1,
+	strokeDasharray: 1,
+	strokeDashoffset: 1,
+	strokeMiterlimit: 1,
+	strokeOpacity: 1,
+	strokeWidth: 1
+};
+//#endregion
+//#region node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
+function jt(e) {
+	var t = Object.create(null);
+	return function(n) {
+		return t[n] === void 0 && (t[n] = e(n)), t[n];
+	};
+}
+//#endregion
+//#region node_modules/@emotion/serialize/dist/emotion-serialize.esm.js
+var Mt = !1, Nt = /[A-Z]|^ms/g, Pt = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Ft = function(e) {
+	return e.charCodeAt(1) === 45;
+}, It = function(e) {
+	return e != null && typeof e != "boolean";
+}, Lt = /* @__PURE__ */ jt(function(e) {
+	return Ft(e) ? e : e.replace(Nt, "-$&").toLowerCase();
+}), Rt = function(e, t) {
+	switch (e) {
+		case "animation":
+		case "animationName": if (typeof t == "string") return t.replace(Pt, function(e, t, n) {
+			return V = {
+				name: t,
+				styles: n,
+				next: V
+			}, t;
+		});
+	}
+	return At[e] !== 1 && !Ft(e) && typeof t == "number" && t !== 0 ? t + "px" : t;
+}, zt = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
+function Bt(e, t, n) {
+	if (n == null) return "";
+	var r = n;
+	if (r.__emotion_styles !== void 0) return r;
+	switch (typeof n) {
+		case "boolean": return "";
+		case "object":
+			var i = n;
+			if (i.anim === 1) return V = {
+				name: i.name,
+				styles: i.styles,
+				next: V
+			}, i.name;
+			var a = n;
+			if (a.styles !== void 0) {
+				var o = a.next;
+				if (o !== void 0) for (; o !== void 0;) V = {
+					name: o.name,
+					styles: o.styles,
+					next: V
+				}, o = o.next;
+				return a.styles + ";";
+			}
+			return Vt(e, t, n);
+		case "function":
+			if (e !== void 0) {
+				var s = V, c = n(e);
+				return V = s, Bt(e, t, c);
+			}
+			break;
+	}
+	var l = n;
+	if (t == null) return l;
+	var u = t[l];
+	return u === void 0 ? l : u;
+}
+function Vt(e, t, n) {
+	var r = "";
+	if (Array.isArray(n)) for (var i = 0; i < n.length; i++) r += Bt(e, t, n[i]) + ";";
+	else for (var a in n) {
+		var o = n[a];
+		if (typeof o != "object") {
+			var s = o;
+			t != null && t[s] !== void 0 ? r += a + "{" + t[s] + "}" : It(s) && (r += Lt(a) + ":" + Rt(a, s) + ";");
+		} else {
+			if (a === "NO_COMPONENT_SELECTOR" && Mt) throw Error(zt);
+			if (Array.isArray(o) && typeof o[0] == "string" && (t == null || t[o[0]] === void 0)) for (var c = 0; c < o.length; c++) It(o[c]) && (r += Lt(a) + ":" + Rt(a, o[c]) + ";");
+			else {
+				var l = Bt(e, t, o);
+				switch (a) {
+					case "animation":
+					case "animationName":
+						r += Lt(a) + ":" + l + ";";
+						break;
+					default: r += a + "{" + l + "}";
+				}
+			}
+		}
+	}
+	return r;
+}
+var Ht = /label:\s*([^\s;{]+)\s*(;|$)/g, V;
+function Ut(e, t, n) {
+	if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0) return e[0];
+	var r = !0, i = "";
+	V = void 0;
+	var a = e[0];
+	a == null || a.raw === void 0 ? (r = !1, i += Bt(n, t, a)) : i += a[0];
+	for (var o = 1; o < e.length; o++) i += Bt(n, t, e[o]), r && (i += a[o]);
+	Ht.lastIndex = 0;
+	for (var s = "", c; (c = Ht.exec(i)) !== null;) s += "-" + c[1];
+	return {
+		name: kt(i) + s,
+		styles: i,
+		next: V
+	};
+}
+//#endregion
+//#region node_modules/@mui/styled-engine/esm/index.js
+function Wt(e, t) {
+	let n = l(e, t);
+	return process.env.NODE_ENV === "production" ? n : (...t) => {
+		let r = typeof e == "string" ? `"${e}"` : "component";
+		return t.length === 0 ? console.error([`MUI: Seems like you called \`styled(${r})()\` without a \`style\` argument.`, "You must provide a `styles` argument: `styled(\"div\")(styleYouForgotToPass)`."].join("\n")) : t.some((e) => e === void 0) && console.error(`MUI: the styled(${r})(...args) API requires all its args to be defined.`), n(...t);
+	};
+}
+function Gt(e, t) {
+	Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
+}
+var Kt = [];
+function H(e) {
+	return Kt[0] = e, Ut(Kt);
+}
+//#endregion
+//#region node_modules/@mui/system/esm/createBreakpoints/createBreakpoints.js
+var qt = (e) => {
+	let t = Object.keys(e).map((t) => ({
+		key: t,
+		val: e[t]
+	})) || [];
+	return t.sort((e, t) => e.val - t.val), t.reduce((e, t) => ({
+		...e,
+		[t.key]: t.val
+	}), {});
+};
+function Jt(e) {
+	let { values: t = {
+		xs: 0,
+		sm: 600,
+		md: 900,
+		lg: 1200,
+		xl: 1536
+	}, unit: n = "px", step: r = 5, ...i } = e, a = qt(t), o = Object.keys(a);
+	function s(e) {
+		return `@media (min-width:${typeof t[e] == "number" ? t[e] : e}${n})`;
+	}
+	function c(e) {
+		return `@media (max-width:${(typeof t[e] == "number" ? t[e] : e) - r / 100}${n})`;
+	}
+	function l(e, i) {
+		let a = o.indexOf(i);
+		return `@media (min-width:${typeof t[e] == "number" ? t[e] : e}${n}) and (max-width:${(a !== -1 && typeof t[o[a]] == "number" ? t[o[a]] : i) - r / 100}${n})`;
+	}
+	function u(e) {
+		return o.indexOf(e) + 1 < o.length ? l(e, o[o.indexOf(e) + 1]) : s(e);
+	}
+	function d(e) {
+		let t = o.indexOf(e);
+		return t === 0 ? s(o[1]) : t === o.length - 1 ? c(o[t]) : l(e, o[o.indexOf(e) + 1]).replace("@media", "@media not all and");
+	}
+	return {
+		keys: o,
+		values: a,
+		up: s,
+		down: c,
+		between: l,
+		only: u,
+		not: d,
+		unit: n,
+		...i
+	};
+}
+//#endregion
+//#region node_modules/@mui/system/esm/createTheme/shape.js
+var Yt = { borderRadius: 4 };
+//#endregion
+//#region node_modules/@mui/system/esm/createTheme/createSpacing.js
+function Xt(e = 8, t = Xe({ spacing: e })) {
+	if (e.mui) return e;
+	let n = (...e) => (process.env.NODE_ENV !== "production" && (e.length <= 4 || console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${e.length}`)), (e.length === 0 ? [1] : e).map((e) => {
+		let n = t(e);
+		return typeof n == "number" ? `${n}px` : n;
+	}).join(" "));
+	return n.mui = !0, n;
+}
+//#endregion
+//#region node_modules/@mui/system/esm/createTheme/applyStyles.js
+function Zt(e, t) {
+	let n = this;
+	if (n.vars) {
+		if (!n.colorSchemes?.[e] || typeof n.getColorSchemeSelector != "function") return {};
+		let r = n.getColorSchemeSelector(e);
+		return r === "&" ? t : ((r.includes("data-") || r.includes(".")) && (r = `*:where(${r.replace(/\s*&$/, "")}) &`), { [r]: t });
+	}
+	return n.palette.mode === e ? t : {};
+}
+//#endregion
+//#region node_modules/@mui/system/esm/createTheme/createTheme.js
+function Qt(e = {}, ...t) {
+	let { breakpoints: n = {}, palette: r = {}, spacing: i, shape: a = {}, ...o } = e, s = Jt(n), c = Xt(i), l = k({
+		breakpoints: s,
+		direction: "ltr",
+		components: {},
+		palette: {
+			mode: "light",
+			...r
+		},
+		spacing: c,
+		shape: {
+			...Yt,
+			...a
+		}
+	}, o);
+	return l = Ne(l), l.applyStyles = Zt, l = t.reduce((e, t) => k(e, t), l), l.unstable_sxConfig = {
+		...Tt,
+		...o?.unstable_sxConfig
+	}, l.unstable_sx = function(e) {
+		return B({
+			sx: e,
+			theme: this
+		});
+	}, l;
+}
+//#endregion
+//#region node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js
+var $t = {
+	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 en(e, t, n = "Mui") {
+	let r = $t[t];
+	return r ? `${n}-${r}` : `${le.generate(e)}-${t}`;
+}
+//#endregion
+//#region node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js
+function tn(e, t, n = "Mui") {
+	let r = {};
+	return t.forEach((t) => {
+		r[t] = en(e, t, n);
+	}), r;
+}
+//#endregion
+//#region node_modules/@mui/utils/esm/getDisplayName/getDisplayName.js
+function nn(e, t = "") {
+	return e.displayName || e.name || t;
+}
+function rn(e, t, n) {
+	let r = nn(t);
+	return e.displayName || (r === "" ? n : `${n}(${r})`);
+}
+function an(e) {
+	if (e != null) {
+		if (typeof e == "string") return e;
+		if (typeof e == "function") return nn(e, "Component");
+		if (typeof e == "object") switch (e.$$typeof) {
+			case De.ForwardRef: return rn(e, e.render, "ForwardRef");
+			case De.Memo: return rn(e, e.type, "memo");
+			default: return;
+		}
+	}
+}
+//#endregion
+//#region node_modules/@mui/system/esm/preprocessStyles.js
+function on(e) {
+	let { variants: t, ...n } = e, r = {
+		variants: t,
+		style: H(n),
+		isProcessed: !0
+	};
+	return r.style === n || t && t.forEach((e) => {
+		typeof e.style != "function" && (e.style = H(e.style));
+	}), r;
+}
+//#endregion
+//#region node_modules/@mui/system/esm/createStyled/createStyled.js
+var sn = Qt();
+function cn(e) {
+	return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+function U(e, t) {
+	return t && e && typeof e == "object" && e.styles && !e.styles.startsWith("@layer") && (e.styles = `@layer ${t}{${String(e.styles)}}`), e;
+}
+function ln(e) {
+	return e ? (t, n) => n[e] : null;
+}
+function un(e, t, n) {
+	e.theme = gn(e.theme) ? n : e.theme[t] || e.theme;
+}
+function dn(e, t, n) {
+	let r = typeof t == "function" ? t(e) : t;
+	if (Array.isArray(r)) return r.flatMap((t) => dn(e, t, n));
+	if (Array.isArray(r?.variants)) {
+		let t;
+		if (r.isProcessed) t = n ? U(r.style, n) : r.style;
+		else {
+			let { variants: e, ...i } = r;
+			t = n ? U(H(i), n) : i;
+		}
+		return fn(e, r.variants, [t], n);
+	}
+	return r?.isProcessed ? n ? U(H(r.style), n) : r.style : n ? U(H(r), n) : r;
+}
+function fn(e, t, n = [], r = void 0) {
+	let i;
+	variantLoop: for (let a = 0; a < t.length; a += 1) {
+		let o = t[a];
+		if (typeof o.props == "function") {
+			if (i ??= {
+				...e,
+				...e.ownerState,
+				ownerState: e.ownerState
+			}, !o.props(i)) continue;
+		} else for (let t in o.props) if (e[t] !== o.props[t] && e.ownerState?.[t] !== o.props[t]) continue variantLoop;
+		typeof o.style == "function" ? (i ??= {
+			...e,
+			...e.ownerState,
+			ownerState: e.ownerState
+		}, n.push(r ? U(H(o.style(i)), r) : o.style(i))) : n.push(r ? U(H(o.style), r) : o.style);
+	}
+	return n;
+}
+function pn(e = {}) {
+	let { themeId: t, defaultTheme: n = sn, rootShouldForwardProp: r = cn, slotShouldForwardProp: i = cn } = e;
+	function a(e) {
+		un(e, t, n);
+	}
+	return (e, t = {}) => {
+		Gt(e, (e) => e.filter((e) => e !== B));
+		let { name: n, slot: o, skipVariantsResolver: s, skipSx: c, overridesResolver: l = ln(vn(o)), ...u } = t, d = n && n.startsWith("Mui") || o ? "components" : "custom", f = s === void 0 ? o && o !== "Root" && o !== "root" || !1 : s, p = c || !1, m = cn;
+		o === "Root" || o === "root" ? m = r : o ? m = i : _n(e) && (m = void 0);
+		let h = Wt(e, {
+			shouldForwardProp: m,
+			label: hn(n, o),
+			...u
+		}), g = (e) => {
+			if (e.__emotion_real === e) return e;
+			if (typeof e == "function") return function(t) {
+				return dn(t, e, t.theme.modularCssLayers ? d : void 0);
+			};
+			if (O(e)) {
+				let t = on(e);
+				return function(e) {
+					return t.variants ? dn(e, t, e.theme.modularCssLayers ? d : void 0) : e.theme.modularCssLayers ? U(t.style, d) : t.style;
+				};
+			}
+			return e;
+		}, _ = (...t) => {
+			let r = [], i = t.map(g), s = [];
+			if (r.push(a), n && l && s.push(function(e) {
+				let t = e.theme.components?.[n]?.styleOverrides;
+				if (!t) return null;
+				let r = {};
+				for (let n in t) r[n] = dn(e, t[n], e.theme.modularCssLayers ? "theme" : void 0);
+				return l(e, r);
+			}), n && !f && s.push(function(e) {
+				let t = e.theme?.components?.[n]?.variants;
+				return t ? fn(e, t, [], e.theme.modularCssLayers ? "theme" : void 0) : null;
+			}), p || s.push(B), Array.isArray(i[0])) {
+				let e = i.shift(), t = Array(r.length).fill(""), n = Array(s.length).fill(""), a;
+				a = [
+					...t,
+					...e,
+					...n
+				], a.raw = [
+					...t,
+					...e.raw,
+					...n
+				], r.unshift(a);
+			}
+			let c = h(...r, ...i, ...s);
+			return e.muiName && (c.muiName = e.muiName), process.env.NODE_ENV !== "production" && (c.displayName = mn(n, o, e)), c;
+		};
+		return h.withConfig && (_.withConfig = h.withConfig), _;
+	};
+}
+function mn(e, t, n) {
+	return e ? `${e}${ue(t || "")}` : `Styled(${an(n)})`;
+}
+function hn(e, t) {
+	let n;
+	return process.env.NODE_ENV !== "production" && e && (n = `${e}-${vn(t || "Root")}`), n;
+}
+function gn(e) {
+	for (let t in e) return !1;
+	return !0;
+}
+function _n(e) {
+	return typeof e == "string" && e.charCodeAt(0) > 96;
+}
+function vn(e) {
+	return e && e.charAt(0).toLowerCase() + e.slice(1);
+}
+//#endregion
+//#region node_modules/@mui/utils/esm/resolveProps/resolveProps.js
+function yn(e, t, n = !1) {
+	let r = { ...t };
+	for (let i in e) if (Object.prototype.hasOwnProperty.call(e, i)) {
+		let a = i;
+		if (a === "components" || a === "slots") r[a] = {
+			...e[a],
+			...r[a]
+		};
+		else if (a === "componentsProps" || a === "slotProps") {
+			let i = e[a], o = t[a];
+			if (!o) r[a] = i || {};
+			else if (!i) r[a] = o;
+			else {
+				r[a] = { ...o };
+				for (let e in i) if (Object.prototype.hasOwnProperty.call(i, e)) {
+					let t = e;
+					r[a][t] = yn(i[t], o[t], n);
+				}
+			}
+		} else a === "className" && n && t.className ? r.className = Ce(e?.className, t?.className) : a === "style" && n && t.style ? r.style = {
+			...e?.style,
+			...t?.style
+		} : r[a] === void 0 && (r[a] = e[a]);
+	}
+	return r;
+}
+//#endregion
+//#region node_modules/@mui/utils/esm/clamp/clamp.js
+function bn(e, t = -(2 ** 53 - 1), n = 2 ** 53 - 1) {
+	return Math.max(t, Math.min(e, n));
+}
+//#endregion
+//#region node_modules/@mui/system/esm/colorManipulator/colorManipulator.js
+function xn(e, t = 0, n = 1) {
+	return process.env.NODE_ENV !== "production" && (e < t || e > n) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${n}].`), bn(e, t, n);
+}
+function Sn(e) {
+	e = e.slice(1);
+	let t = RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g"), n = e.match(t);
+	return n && n[0].length === 1 && (n = n.map((e) => e + e)), 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.`), n ? `rgb${n.length === 4 ? "a" : ""}(${n.map((e, t) => t < 3 ? parseInt(e, 16) : Math.round(parseInt(e, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
+}
+function W(e) {
+	if (e.type) return e;
+	if (e.charAt(0) === "#") return W(Sn(e));
+	let t = e.indexOf("("), n = e.substring(0, t);
+	if (![
+		"rgb",
+		"rgba",
+		"hsl",
+		"hsla",
+		"color"
+	].includes(n)) throw Error(process.env.NODE_ENV === "production" ? D(9, e) : `MUI: Unsupported \`${e}\` color.\nThe following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().`);
+	let r = e.substring(t + 1, e.length - 1), i;
+	if (n === "color") {
+		if (r = r.split(" "), i = r.shift(), r.length === 4 && r[3].charAt(0) === "/" && (r[3] = r[3].slice(1)), ![
+			"srgb",
+			"display-p3",
+			"a98-rgb",
+			"prophoto-rgb",
+			"rec-2020"
+		].includes(i)) throw Error(process.env.NODE_ENV === "production" ? D(10, i) : `MUI: unsupported \`${i}\` color space.\nThe following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.`);
+	} else r = r.split(",");
+	return r = r.map((e) => parseFloat(e)), {
+		type: n,
+		values: r,
+		colorSpace: i
+	};
+}
+var Cn = (e) => {
+	let t = W(e);
+	return t.values.slice(0, 3).map((e, n) => t.type.includes("hsl") && n !== 0 ? `${e}%` : e).join(" ");
+}, wn = (e, t) => {
+	try {
+		return Cn(e);
+	} catch {
+		return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
+	}
+};
+function Tn(e) {
+	let { type: t, colorSpace: n } = e, { values: r } = e;
+	return t.includes("rgb") ? r = r.map((e, t) => t < 3 ? parseInt(e, 10) : e) : t.includes("hsl") && (r[1] = `${r[1]}%`, r[2] = `${r[2]}%`), r = t.includes("color") ? `${n} ${r.join(" ")}` : `${r.join(", ")}`, `${t}(${r})`;
+}
+function En(e) {
+	e = W(e);
+	let { values: t } = e, n = t[0], r = t[1] / 100, i = t[2] / 100, a = r * Math.min(i, 1 - i), o = (e, t = (e + n / 30) % 12) => i - a * Math.max(Math.min(t - 3, 9 - t, 1), -1), s = "rgb", c = [
+		Math.round(o(0) * 255),
+		Math.round(o(8) * 255),
+		Math.round(o(4) * 255)
+	];
+	return e.type === "hsla" && (s += "a", c.push(t[3])), Tn({
+		type: s,
+		values: c
+	});
+}
+function Dn(e) {
+	e = W(e);
+	let t = e.type === "hsl" || e.type === "hsla" ? W(En(e)).values : e.values;
+	return t = t.map((t) => (e.type !== "color" && (t /= 255), t <= .03928 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4)), Number((.2126 * t[0] + .7152 * t[1] + .0722 * t[2]).toFixed(3));
+}
+function On(e, t) {
+	let n = Dn(e), r = Dn(t);
+	return (Math.max(n, r) + .05) / (Math.min(n, r) + .05);
+}
+function kn(e, t) {
+	return e = W(e), t = xn(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, Tn(e);
+}
+function G(e, t, n) {
+	try {
+		return kn(e, t);
+	} catch {
+		return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
+	}
+}
+function An(e, t) {
+	if (e = W(e), t = xn(t), e.type.includes("hsl")) e.values[2] *= 1 - t;
+	else if (e.type.includes("rgb") || e.type.includes("color")) for (let n = 0; n < 3; n += 1) e.values[n] *= 1 - t;
+	return Tn(e);
+}
+function K(e, t, n) {
+	try {
+		return An(e, t);
+	} catch {
+		return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
+	}
+}
+function jn(e, t) {
+	if (e = W(e), t = xn(t), e.type.includes("hsl")) e.values[2] += (100 - e.values[2]) * t;
+	else if (e.type.includes("rgb")) for (let n = 0; n < 3; n += 1) e.values[n] += (255 - e.values[n]) * t;
+	else if (e.type.includes("color")) for (let n = 0; n < 3; n += 1) e.values[n] += (1 - e.values[n]) * t;
+	return Tn(e);
+}
+function q(e, t, n) {
+	try {
+		return jn(e, t);
+	} catch {
+		return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
+	}
+}
+function Mn(e, t = .15) {
+	return Dn(e) > .5 ? An(e, t) : jn(e, t);
+}
+function Nn(e, t, n) {
+	try {
+		return Mn(e, t);
+	} catch {
+		return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
+	}
+}
+//#endregion
+//#region node_modules/@mui/system/esm/DefaultPropsProvider/DefaultPropsProvider.js
+var Pn = /* @__PURE__ */ e.createContext(void 0);
+function Fn({ value: e, children: t }) {
+	return /* @__PURE__ */ s(Pn.Provider, {
+		value: e,
+		children: t
+	});
+}
+process.env.NODE_ENV !== "production" && (Fn.propTypes = {
+	children: A.default.node,
+	value: A.default.object
+});
+function In(e) {
+	let { theme: t, name: n, props: r } = e;
+	if (!t || !t.components || !t.components[n]) return r;
+	let i = t.components[n];
+	return i.defaultProps ? yn(i.defaultProps, r, t.components.mergeClassNameAndStyle) : !i.styleOverrides && !i.variants ? yn(i, r, t.components.mergeClassNameAndStyle) : r;
+}
+function Ln({ props: t, name: n }) {
+	return In({
+		props: t,
+		name: n,
+		theme: { components: e.useContext(Pn) }
+	});
+}
+//#endregion
+//#region node_modules/@mui/system/esm/memoTheme.js
+var Rn = { theme: void 0 };
+function zn(e) {
+	let t, n;
+	return function(r) {
+		let i = t;
+		return (i === void 0 || r.theme !== n) && (Rn.theme = r.theme, i = on(e(Rn)), t = i, n = r.theme), i;
+	};
+}
+//#endregion
+//#region node_modules/@mui/system/esm/cssVars/createGetCssVar.js
+function Bn(e = "") {
+	function t(...n) {
+		if (!n.length) return "";
+		let r = n[0];
+		return typeof r == "string" && !r.match(/(#|\(|\)|(-?(\d*\.)?\d+)(px|em|%|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc))|^(-?(\d*\.)?\d+)$|(\d+ \d+ \d+)/) ? `, var(--${e ? `${e}-` : ""}${r}${t(...n.slice(1))})` : `, ${r}`;
+	}
+	return (n, ...r) => `var(--${e ? `${e}-` : ""}${n}${t(...r)})`;
+}
+//#endregion
+//#region node_modules/@mui/system/esm/cssVars/cssVarsParser.js
+var Vn = (e, t, n, r = []) => {
+	let i = e;
+	t.forEach((e, a) => {
+		a === t.length - 1 ? Array.isArray(i) ? i[Number(e)] = n : i && typeof i == "object" && (i[e] = n) : i && typeof i == "object" && (i[e] || (i[e] = r.includes(e) ? [] : {}), i = i[e]);
+	});
+}, Hn = (e, t, n) => {
+	function r(e, i = [], a = []) {
+		Object.entries(e).forEach(([e, o]) => {
+			(!n || n && !n([...i, e])) && o != null && (typeof o == "object" && Object.keys(o).length > 0 ? r(o, [...i, e], Array.isArray(o) ? [...a, e] : a) : t([...i, e], o, a));
+		});
+	}
+	r(e);
+}, Un = (e, t) => typeof t == "number" ? [
+	"lineHeight",
+	"fontWeight",
+	"opacity",
+	"zIndex"
+].some((t) => e.includes(t)) || e[e.length - 1].toLowerCase().includes("opacity") ? t : `${t}px` : t;
+function Wn(e, t) {
+	let { prefix: n, shouldSkipGeneratingVar: r } = t || {}, i = {}, a = {}, o = {};
+	return Hn(e, (e, t, s) => {
+		if ((typeof t == "string" || typeof t == "number") && (!r || !r(e, t))) {
+			let r = `--${n ? `${n}-` : ""}${e.join("-")}`, c = Un(e, t);
+			Object.assign(i, { [r]: c }), Vn(a, e, `var(${r})`, s), Vn(o, e, `var(${r}, ${c})`, s);
+		}
+	}, (e) => e[0] === "vars"), {
+		css: i,
+		vars: a,
+		varsWithDefaults: o
+	};
+}
+//#endregion
+//#region node_modules/@mui/system/esm/cssVars/prepareCssVars.js
+function Gn(e, t = {}) {
+	let { getSelector: n = _, disableCssColorScheme: r, colorSchemeSelector: i, enableContrastVars: a } = t, { colorSchemes: o = {}, components: s, defaultColorScheme: c = "light", ...l } = e, { vars: u, css: d, varsWithDefaults: f } = Wn(l, t), p = f, m = {}, { [c]: h, ...g } = o;
+	if (Object.entries(g || {}).forEach(([e, n]) => {
+		let { vars: r, css: i, varsWithDefaults: a } = Wn(n, t);
+		p = k(p, a), m[e] = {
+			css: i,
+			vars: r
+		};
+	}), h) {
+		let { css: e, vars: n, varsWithDefaults: r } = Wn(h, t);
+		p = k(p, r), m[c] = {
+			css: e,
+			vars: n
+		};
+	}
+	function _(t, n) {
+		let r = i;
+		if (i === "class" && (r = ".%s"), i === "data" && (r = "[data-%s]"), i?.startsWith("data-") && !i.includes("%s") && (r = `[${i}="%s"]`), t) {
+			if (r === "media") return e.defaultColorScheme === t ? ":root" : { [`@media (prefers-color-scheme: ${o[t]?.palette?.mode || t})`]: { ":root": n } };
+			if (r) return e.defaultColorScheme === t ? `:root, ${r.replace("%s", String(t))}` : r.replace("%s", String(t));
+		}
+		return ":root";
+	}
+	return {
+		vars: p,
+		generateThemeVars: () => {
+			let e = { ...u };
+			return Object.entries(m).forEach(([, { vars: t }]) => {
+				e = k(e, t);
+			}), e;
+		},
+		generateStyleSheets: () => {
+			let t = [], i = e.defaultColorScheme || "light";
+			function s(e, n) {
+				Object.keys(n).length && t.push(typeof e == "string" ? { [e]: { ...n } } : e);
+			}
+			s(n(void 0, { ...d }), d);
+			let { [i]: c, ...l } = m;
+			if (c) {
+				let { css: e } = c, t = o[i]?.palette?.mode, a = !r && t ? {
+					colorScheme: t,
+					...e
+				} : { ...e };
+				s(n(i, { ...a }), a);
+			}
+			return Object.entries(l).forEach(([e, { css: t }]) => {
+				let i = o[e]?.palette?.mode, a = !r && i ? {
+					colorScheme: i,
+					...t
+				} : { ...t };
+				s(n(e, { ...a }), a);
+			}), a && t.push({ ":root": {
+				"--__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)"
+			} }), t;
+		}
+	};
+}
+//#endregion
+//#region node_modules/@mui/system/esm/cssVars/getColorSchemeSelector.js
+function Kn(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)} &` : "&";
+	};
+}
+//#endregion
+//#region node_modules/@mui/material/esm/colors/common.js
+var qn = {
+	black: "#000",
+	white: "#fff"
+}, Jn = {
+	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"
+}, J = {
+	50: "#f3e5f5",
+	100: "#e1bee7",
+	200: "#ce93d8",
+	300: "#ba68c8",
+	400: "#ab47bc",
+	500: "#9c27b0",
+	600: "#8e24aa",
+	700: "#7b1fa2",
+	800: "#6a1b9a",
+	900: "#4a148c",
+	A100: "#ea80fc",
+	A200: "#e040fb",
+	A400: "#d500f9",
+	A700: "#aa00ff"
+}, Y = {
+	50: "#ffebee",
+	100: "#ffcdd2",
+	200: "#ef9a9a",
+	300: "#e57373",
+	400: "#ef5350",
+	500: "#f44336",
+	600: "#e53935",
+	700: "#d32f2f",
+	800: "#c62828",
+	900: "#b71c1c",
+	A100: "#ff8a80",
+	A200: "#ff5252",
+	A400: "#ff1744",
+	A700: "#d50000"
+}, Yn = {
+	50: "#fff3e0",
+	100: "#ffe0b2",
+	200: "#ffcc80",
+	300: "#ffb74d",
+	400: "#ffa726",
+	500: "#ff9800",
+	600: "#fb8c00",
+	700: "#f57c00",
+	800: "#ef6c00",
+	900: "#e65100",
+	A100: "#ffd180",
+	A200: "#ffab40",
+	A400: "#ff9100",
+	A700: "#ff6d00"
+}, Xn = {
+	50: "#e3f2fd",
+	100: "#bbdefb",
+	200: "#90caf9",
+	300: "#64b5f6",
+	400: "#42a5f5",
+	500: "#2196f3",
+	600: "#1e88e5",
+	700: "#1976d2",
+	800: "#1565c0",
+	900: "#0d47a1",
+	A100: "#82b1ff",
+	A200: "#448aff",
+	A400: "#2979ff",
+	A700: "#2962ff"
+}, Zn = {
+	50: "#e1f5fe",
+	100: "#b3e5fc",
+	200: "#81d4fa",
+	300: "#4fc3f7",
+	400: "#29b6f6",
+	500: "#03a9f4",
+	600: "#039be5",
+	700: "#0288d1",
+	800: "#0277bd",
+	900: "#01579b",
+	A100: "#80d8ff",
+	A200: "#40c4ff",
+	A400: "#00b0ff",
+	A700: "#0091ea"
+}, Qn = {
+	50: "#e8f5e9",
+	100: "#c8e6c9",
+	200: "#a5d6a7",
+	300: "#81c784",
+	400: "#66bb6a",
+	500: "#4caf50",
+	600: "#43a047",
+	700: "#388e3c",
+	800: "#2e7d32",
+	900: "#1b5e20",
+	A100: "#b9f6ca",
+	A200: "#69f0ae",
+	A400: "#00e676",
+	A700: "#00c853"
+};
+//#endregion
+//#region node_modules/@mui/material/esm/styles/createPalette.js
+function $n() {
+	return {
+		text: {
+			primary: "rgba(0, 0, 0, 0.87)",
+			secondary: "rgba(0, 0, 0, 0.6)",
+			disabled: "rgba(0, 0, 0, 0.38)"
+		},
+		divider: "rgba(0, 0, 0, 0.12)",
+		background: {
+			paper: qn.white,
+			default: qn.white
+		},
+		action: {
+			active: "rgba(0, 0, 0, 0.54)",
+			hover: "rgba(0, 0, 0, 0.04)",
+			hoverOpacity: .04,
+			selected: "rgba(0, 0, 0, 0.08)",
+			selectedOpacity: .08,
+			disabled: "rgba(0, 0, 0, 0.26)",
+			disabledBackground: "rgba(0, 0, 0, 0.12)",
+			disabledOpacity: .38,
+			focus: "rgba(0, 0, 0, 0.12)",
+			focusOpacity: .12,
+			activatedOpacity: .12
+		}
+	};
+}
+var er = $n();
+function tr() {
+	return {
+		text: {
+			primary: qn.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: qn.white,
+			hover: "rgba(255, 255, 255, 0.08)",
+			hoverOpacity: .08,
+			selected: "rgba(255, 255, 255, 0.16)",
+			selectedOpacity: .16,
+			disabled: "rgba(255, 255, 255, 0.3)",
+			disabledBackground: "rgba(255, 255, 255, 0.12)",
+			disabledOpacity: .38,
+			focus: "rgba(255, 255, 255, 0.12)",
+			focusOpacity: .12,
+			activatedOpacity: .24
+		}
+	};
+}
+var nr = tr();
+function rr(e, t, n, r) {
+	let i = r.light || r, a = r.dark || r * 1.5;
+	e[t] || (e.hasOwnProperty(n) ? e[t] = e[n] : t === "light" ? e.light = jn(e.main, i) : t === "dark" && (e.dark = An(e.main, a)));
+}
+function ir(e, t, n, r, i) {
+	let a = i.light || i, o = i.dark || i * 1.5;
+	t[n] || (t.hasOwnProperty(r) ? t[n] = t[r] : n === "light" ? t.light = `color-mix(in ${e}, ${t.main}, #fff ${(a * 100).toFixed(0)}%)` : n === "dark" && (t.dark = `color-mix(in ${e}, ${t.main}, #000 ${(o * 100).toFixed(0)}%)`));
+}
+function ar(e = "light") {
+	return e === "dark" ? {
+		main: Xn[200],
+		light: Xn[50],
+		dark: Xn[400]
+	} : {
+		main: Xn[700],
+		light: Xn[400],
+		dark: Xn[800]
+	};
+}
+function or(e = "light") {
+	return e === "dark" ? {
+		main: J[200],
+		light: J[50],
+		dark: J[400]
+	} : {
+		main: J[500],
+		light: J[300],
+		dark: J[700]
+	};
+}
+function sr(e = "light") {
+	return e === "dark" ? {
+		main: Y[500],
+		light: Y[300],
+		dark: Y[700]
+	} : {
+		main: Y[700],
+		light: Y[400],
+		dark: Y[800]
+	};
+}
+function cr(e = "light") {
+	return e === "dark" ? {
+		main: Zn[400],
+		light: Zn[300],
+		dark: Zn[700]
+	} : {
+		main: Zn[700],
+		light: Zn[500],
+		dark: Zn[900]
+	};
+}
+function lr(e = "light") {
+	return e === "dark" ? {
+		main: Qn[400],
+		light: Qn[300],
+		dark: Qn[700]
+	} : {
+		main: Qn[800],
+		light: Qn[500],
+		dark: Qn[900]
+	};
+}
+function ur(e = "light") {
+	return e === "dark" ? {
+		main: Yn[400],
+		light: Yn[300],
+		dark: Yn[700]
+	} : {
+		main: "#ed6c02",
+		light: Yn[500],
+		dark: Yn[900]
+	};
+}
+function dr(e) {
+	return `oklch(from ${e} var(--__l) 0 h / var(--__a))`;
+}
+function fr(e) {
+	let { mode: t = "light", contrastThreshold: n = 3, tonalOffset: r = .2, colorSpace: i, ...a } = e, o = e.primary || ar(t), s = e.secondary || or(t), c = e.error || sr(t), l = e.info || cr(t), u = e.success || lr(t), d = e.warning || ur(t);
+	function f(e) {
+		if (i) return dr(e);
+		let t = On(e, nr.text.primary) >= n ? nr.text.primary : er.text.primary;
+		if (process.env.NODE_ENV !== "production") {
+			let n = On(e, t);
+			n < 3 && console.error([
+				`MUI: The contrast ratio of ${n}:1 for ${t} on ${e}`,
+				"falls below the WCAG recommended absolute minimum contrast ratio of 3:1.",
+				"https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"
+			].join("\n"));
+		}
+		return t;
+	}
+	let p = ({ color: e, name: t, mainShade: n = 500, lightShade: a = 300, darkShade: o = 700 }) => {
+		if (e = { ...e }, !e.main && e[n] && (e.main = e[n]), !e.hasOwnProperty("main")) throw Error(process.env.NODE_ENV === "production" ? D(11, t ? ` (${t})` : "", n) : `MUI: The color${t ? ` (${t})` : ""} provided to augmentColor(color) is invalid.\nThe color object needs to have a \`main\` property or a \`${n}\` property.`);
+		if (typeof e.main != "string") throw Error(process.env.NODE_ENV === "production" ? D(12, t ? ` (${t})` : "", JSON.stringify(e.main)) : `MUI: The color${t ? ` (${t})` : ""} provided to augmentColor(color) is invalid.\n\`color.main\` should be a string, but \`${JSON.stringify(e.main)}\` was provided instead.\n
+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] },
+} });`);
+		return i ? (ir(i, e, "light", a, r), ir(i, e, "dark", o, r)) : (rr(e, "light", a, r), rr(e, "dark", o, r)), e.contrastText ||= f(e.main), e;
+	}, m;
+	return t === "light" ? m = $n() : t === "dark" && (m = tr()), process.env.NODE_ENV !== "production" && (m || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), k({
+		common: { ...qn },
+		mode: t,
+		primary: p({
+			color: o,
+			name: "primary"
+		}),
+		secondary: p({
+			color: s,
+			name: "secondary",
+			mainShade: "A400",
+			lightShade: "A200",
+			darkShade: "A700"
+		}),
+		error: p({
+			color: c,
+			name: "error"
+		}),
+		warning: p({
+			color: d,
+			name: "warning"
+		}),
+		info: p({
+			color: l,
+			name: "info"
+		}),
+		success: p({
+			color: u,
+			name: "success"
+		}),
+		grey: Jn,
+		contrastThreshold: n,
+		getContrastText: f,
+		augmentColor: p,
+		tonalOffset: r,
+		...m
+	}, a);
+}
+//#endregion
+//#region node_modules/@mui/system/esm/cssVars/prepareTypographyVars.js
+function pr(e) {
+	let t = {};
+	return Object.entries(e).forEach((e) => {
+		let [n, r] = e;
+		typeof r == "object" && (t[n] = `${r.fontStyle ? `${r.fontStyle} ` : ""}${r.fontVariant ? `${r.fontVariant} ` : ""}${r.fontWeight ? `${r.fontWeight} ` : ""}${r.fontStretch ? `${r.fontStretch} ` : ""}${r.fontSize || ""}${r.lineHeight ? `/${r.lineHeight} ` : ""}${r.fontFamily || ""}`);
+	}), t;
+}
+//#endregion
+//#region node_modules/@mui/material/esm/styles/createMixins.js
+function mr(e, t) {
+	return {
+		toolbar: {
+			minHeight: 56,
+			[e.up("xs")]: { "@media (orientation: landscape)": { minHeight: 48 } },
+			[e.up("sm")]: { minHeight: 64 }
+		},
+		...t
+	};
+}
+//#endregion
+//#region node_modules/@mui/material/esm/styles/createTypography.js
+function hr(e) {
+	return Math.round(e * 1e5) / 1e5;
+}
+var gr = { textTransform: "uppercase" }, _r = "\"Roboto\", \"Helvetica\", \"Arial\", sans-serif";
+function vr(e, t) {
+	let { fontFamily: n = _r, fontSize: r = 14, fontWeightLight: i = 300, fontWeightRegular: a = 400, fontWeightMedium: o = 500, fontWeightBold: s = 700, htmlFontSize: c = 16, allVariants: l, pxToRem: u, ...d } = typeof t == "function" ? t(e) : t;
+	process.env.NODE_ENV !== "production" && (typeof r != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof c != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
+	let f = r / 14, p = u || ((e) => `${e / c * f}rem`), m = (e, t, r, i, a) => ({
+		fontFamily: n,
+		fontWeight: e,
+		fontSize: p(t),
+		lineHeight: r,
+		...n === _r ? { letterSpacing: `${hr(i / t)}em` } : {},
+		...a,
+		...l
+	});
+	return k({
+		htmlFontSize: c,
+		pxToRem: p,
+		fontFamily: n,
+		fontSize: r,
+		fontWeightLight: i,
+		fontWeightRegular: a,
+		fontWeightMedium: o,
+		fontWeightBold: s,
+		h1: m(i, 96, 1.167, -1.5),
+		h2: m(i, 60, 1.2, -.5),
+		h3: m(a, 48, 1.167, 0),
+		h4: m(a, 34, 1.235, .25),
+		h5: m(a, 24, 1.334, 0),
+		h6: m(o, 20, 1.6, .15),
+		subtitle1: m(a, 16, 1.75, .15),
+		subtitle2: m(o, 14, 1.57, .1),
+		body1: m(a, 16, 1.5, .15),
+		body2: m(a, 14, 1.43, .15),
+		button: m(o, 14, 1.75, .4, gr),
+		caption: m(a, 12, 1.66, .4),
+		overline: m(a, 12, 2.66, 1, gr),
+		inherit: {
+			fontFamily: "inherit",
+			fontWeight: "inherit",
+			fontSize: "inherit",
+			lineHeight: "inherit",
+			letterSpacing: "inherit"
+		}
+	}, d, { clone: !1 });
+}
+//#endregion
+//#region node_modules/@mui/material/esm/styles/shadows.js
+var yr = .2, br = .14, xr = .12;
+function X(...e) {
+	return [
+		`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${yr})`,
+		`${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${br})`,
+		`${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${xr})`
+	].join(",");
+}
+var Sr = [
+	"none",
+	X(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0),
+	X(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0),
+	X(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0),
+	X(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0),
+	X(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0),
+	X(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0),
+	X(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1),
+	X(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2),
+	X(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2),
+	X(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3),
+	X(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3),
+	X(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4),
+	X(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4),
+	X(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4),
+	X(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5),
+	X(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5),
+	X(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5),
+	X(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6),
+	X(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6),
+	X(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7),
+	X(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7),
+	X(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7),
+	X(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8),
+	X(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)
+], Cr = {
+	easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
+	easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
+	easeIn: "cubic-bezier(0.4, 0, 1, 1)",
+	sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
+}, wr = {
+	shortest: 150,
+	shorter: 200,
+	short: 250,
+	standard: 300,
+	complex: 375,
+	enteringScreen: 225,
+	leavingScreen: 195
+};
+function Tr(e) {
+	return `${Math.round(e)}ms`;
+}
+function Er(e) {
+	if (!e) return 0;
+	let t = e / 36;
+	return Math.min(Math.round((4 + 15 * t ** .25 + t / 5) * 10), 3e3);
+}
+function Dr(e) {
+	let t = {
+		...Cr,
+		...e.easing
+	}, n = {
+		...wr,
+		...e.duration
+	};
+	return {
+		getAutoHeightDuration: Er,
+		create: (e = ["all"], r = {}) => {
+			let { duration: i = n.standard, easing: a = t.easeInOut, delay: o = 0, ...s } = r;
+			if (process.env.NODE_ENV !== "production") {
+				let t = (e) => typeof e == "string", n = (e) => !Number.isNaN(parseFloat(e));
+				!t(e) && !Array.isArray(e) && console.error("MUI: Argument \"props\" must be a string or Array."), !n(i) && !t(i) && console.error(`MUI: Argument "duration" must be a number or a string but found ${i}.`), t(a) || console.error("MUI: Argument \"easing\" must be a string."), !n(o) && !t(o) && console.error("MUI: Argument \"delay\" must be a number or a string."), typeof r != "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("\n")), Object.keys(s).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(s).join(",")}].`);
+			}
+			return (Array.isArray(e) ? e : [e]).map((e) => `${e} ${typeof i == "string" ? i : Tr(i)} ${a} ${typeof o == "string" ? o : Tr(o)}`).join(",");
+		},
+		...e,
+		easing: t,
+		duration: n
+	};
+}
+//#endregion
+//#region node_modules/@mui/material/esm/styles/zIndex.js
+var Or = {
+	mobileStepper: 1e3,
+	fab: 1050,
+	speedDial: 1050,
+	appBar: 1100,
+	drawer: 1200,
+	modal: 1300,
+	snackbar: 1400,
+	tooltip: 1500
+};
+//#endregion
+//#region node_modules/@mui/material/esm/styles/stringifyTheme.js
+function kr(e) {
+	return O(e) || e === void 0 || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
+}
+function Ar(e = {}) {
+	let t = { ...e };
+	function n(e) {
+		let t = Object.entries(e);
+		for (let r = 0; r < t.length; r++) {
+			let [i, a] = t[r];
+			!kr(a) || i.startsWith("unstable_") ? delete e[i] : O(a) && (e[i] = { ...a }, n(e[i]));
+		}
+	}
+	return n(t), `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';
+
+const theme = ${JSON.stringify(t, null, 2)};
+
+theme.breakpoints = createBreakpoints(theme.breakpoints || {});
+theme.transitions = createTransitions(theme.transitions || {});
+
+export default theme;`;
+}
+//#endregion
+//#region node_modules/@mui/material/esm/styles/createThemeNoVars.js
+function jr(e) {
+	return typeof e == "number" ? `${(e * 100).toFixed(0)}%` : `calc((${e}) * 100%)`;
+}
+var Mr = (e) => {
+	if (!Number.isNaN(+e)) return +e;
+	let t = e.match(/\d*\.?\d+/g);
+	if (!t) return 0;
+	let n = 0;
+	for (let e = 0; e < t.length; e += 1) n += +t[e];
+	return n;
+};
+function Nr(e) {
+	Object.assign(e, {
+		alpha(t, n) {
+			let r = this || e;
+			return r.colorSpace ? `oklch(from ${t} l c h / ${typeof n == "string" ? `calc(${n})` : n})` : r.vars ? `rgba(${t.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g, "var(--$1Channel)")} / ${typeof n == "string" ? `calc(${n})` : n})` : kn(t, Mr(n));
+		},
+		lighten(t, n) {
+			let r = this || e;
+			return r.colorSpace ? `color-mix(in ${r.colorSpace}, ${t}, #fff ${jr(n)})` : jn(t, n);
+		},
+		darken(t, n) {
+			let r = this || e;
+			return r.colorSpace ? `color-mix(in ${r.colorSpace}, ${t}, #000 ${jr(n)})` : An(t, n);
+		}
+	});
+}
+function Pr(e = {}, ...t) {
+	let { breakpoints: n, mixins: r = {}, spacing: i, palette: a = {}, transitions: o = {}, typography: s = {}, shape: c, colorSpace: l, ...u } = e;
+	if (e.vars && e.generateThemeVars === void 0) throw Error(process.env.NODE_ENV === "production" ? D(20) : "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.");
+	let d = fr({
+		...a,
+		colorSpace: l
+	}), f = Qt(e), p = k(f, {
+		mixins: mr(f.breakpoints, r),
+		palette: d,
+		shadows: Sr.slice(),
+		typography: vr(d, s),
+		transitions: Dr(o),
+		zIndex: { ...Or }
+	});
+	if (p = k(p, u), p = t.reduce((e, t) => k(e, t), p), process.env.NODE_ENV !== "production") {
+		let e = [
+			"active",
+			"checked",
+			"completed",
+			"disabled",
+			"error",
+			"expanded",
+			"focused",
+			"focusVisible",
+			"required",
+			"selected"
+		], t = (t, n) => {
+			let r;
+			for (r in t) {
+				let i = t[r];
+				if (e.includes(r) && Object.keys(i).length > 0) {
+					if (process.env.NODE_ENV !== "production") {
+						let e = en("", r);
+						console.error([
+							`MUI: The \`${n}\` component increases the CSS specificity of the \`${r}\` internal state.`,
+							"You can not override it like this: ",
+							JSON.stringify(t, null, 2),
+							"",
+							`Instead, you need to use the '&.${e}' syntax:`,
+							JSON.stringify({ root: { [`&.${e}`]: i } }, null, 2),
+							"",
+							"https://mui.com/r/state-classes-guide"
+						].join("\n"));
+					}
+					t[r] = {};
+				}
+			}
+		};
+		Object.keys(p.components).forEach((e) => {
+			let n = p.components[e].styleOverrides;
+			n && e.startsWith("Mui") && t(n, e);
+		});
+	}
+	return p.unstable_sxConfig = {
+		...Tt,
+		...u?.unstable_sxConfig
+	}, p.unstable_sx = function(e) {
+		return B({
+			sx: e,
+			theme: this
+		});
+	}, p.toRuntimeSource = Ar, Nr(p), p;
+}
+//#endregion
+//#region node_modules/@mui/material/esm/styles/getOverlayAlpha.js
+function Fr(e) {
+	let t;
+	return t = e < 1 ? 5.11916 * e ** 2 : 4.5 * Math.log(e + 1) + 2, Math.round(t * 10) / 1e3;
+}
+//#endregion
+//#region node_modules/@mui/material/esm/styles/createColorScheme.js
+var Ir = [...Array(25)].map((e, t) => {
+	if (t === 0) return "none";
+	let n = Fr(t);
+	return `linear-gradient(rgba(255 255 255 / ${n}), rgba(255 255 255 / ${n}))`;
+});
+function Lr(e) {
+	return {
+		inputPlaceholder: e === "dark" ? .5 : .42,
+		inputUnderline: e === "dark" ? .7 : .42,
+		switchTrackDisabled: e === "dark" ? .2 : .12,
+		switchTrack: e === "dark" ? .3 : .38
+	};
+}
+function Rr(e) {
+	return e === "dark" ? Ir : [];
+}
+function zr(e) {
+	let { palette: t = { mode: "light" }, opacity: n, overlays: r, colorSpace: i, ...a } = e, o = fr({
+		...t,
+		colorSpace: i
+	});
+	return {
+		palette: o,
+		opacity: {
+			...Lr(o.mode),
+			...n
+		},
+		overlays: r || Rr(o.mode),
+		...a
+	};
+}
+//#endregion
+//#region node_modules/@mui/material/esm/styles/shouldSkipGeneratingVar.js
+function Br(e) {
+	return !!e[0].match(/(cssVarPrefix|colorSchemeSelector|modularCssLayers|rootSelector|typography|mixins|breakpoints|direction|transitions)/) || !!e[0].match(/sxConfig$/) || e[0] === "palette" && !!e[1]?.match(/(mode|contrastThreshold|tonalOffset)/);
+}
+//#endregion
+//#region node_modules/@mui/material/esm/styles/excludeVariablesFromRoot.js
+var Vr = (e) => [
+	...[...Array(25)].map((t, n) => `--${e ? `${e}-` : ""}overlays-${n}`),
+	`--${e ? `${e}-` : ""}palette-AppBar-darkBg`,
+	`--${e ? `${e}-` : ""}palette-AppBar-darkColor`
+], Hr = (e) => (t, n) => {
+	let r = e.rootSelector || ":root", i = e.colorSchemeSelector, a = i;
+	if (i === "class" && (a = ".%s"), i === "data" && (a = "[data-%s]"), i?.startsWith("data-") && !i.includes("%s") && (a = `[${i}="%s"]`), e.defaultColorScheme === t) {
+		if (t === "dark") {
+			let i = {};
+			return Vr(e.cssVarPrefix).forEach((e) => {
+				i[e] = n[e], delete n[e];
+			}), a === "media" ? {
+				[r]: n,
+				"@media (prefers-color-scheme: dark)": { [r]: i }
+			} : a ? {
+				[a.replace("%s", t)]: i,
+				[`${r}, ${a.replace("%s", t)}`]: n
+			} : { [r]: {
+				...n,
+				...i
+			} };
+		}
+		if (a && a !== "media") return `${r}, ${a.replace("%s", String(t))}`;
+	} else if (t) {
+		if (a === "media") return { [`@media (prefers-color-scheme: ${String(t)})`]: { [r]: n } };
+		if (a) return a.replace("%s", String(t));
+	}
+	return r;
+};
+//#endregion
+//#region node_modules/@mui/material/esm/styles/createThemeWithVars.js
+function Ur(e, t) {
+	t.forEach((t) => {
+		e[t] || (e[t] = {});
+	});
+}
+function Z(e, t, n) {
+	!e[t] && n && (e[t] = n);
+}
+function Wr(e) {
+	return typeof e != "string" || !e.startsWith("hsl") ? e : En(e);
+}
+function Q(e, t) {
+	`${t}Channel` in e || (e[`${t}Channel`] = wn(Wr(e[t]), `MUI: Can't create \`palette.${t}Channel\` because \`palette.${t}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
+To suppress this warning, you need to explicitly provide the \`palette.${t}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`));
+}
+function Gr(e) {
+	return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
+}
+var $ = (e) => {
+	try {
+		return e();
+	} catch {}
+}, Kr = (e = "mui") => Bn(e);
+function qr(e, t, n, r, i) {
+	if (!n) return;
+	n = n === !0 ? {} : n;
+	let a = i === "dark" ? "dark" : "light";
+	if (!r) {
+		t[i] = zr({
+			...n,
+			palette: {
+				mode: a,
+				...n?.palette
+			},
+			colorSpace: e
+		});
+		return;
+	}
+	let { palette: o, ...s } = Pr({
+		...r,
+		palette: {
+			mode: a,
+			...n?.palette
+		},
+		colorSpace: e
+	});
+	return t[i] = {
+		...n,
+		palette: o,
+		opacity: {
+			...Lr(a),
+			...n?.opacity
+		},
+		overlays: n?.overlays || Rr(a)
+	}, s;
+}
+function Jr(e = {}, ...t) {
+	let { colorSchemes: n = { light: !0 }, defaultColorScheme: r, disableCssColorScheme: i = !1, cssVarPrefix: a = "mui", nativeColor: o = !1, shouldSkipGeneratingVar: s = Br, colorSchemeSelector: c = n.light && n.dark ? "media" : void 0, rootSelector: l = ":root", ...u } = e, d = Object.keys(n)[0], f = r || (n.light && d !== "light" ? "light" : d), p = Kr(a), { [f]: m, light: h, dark: g, ..._ } = n, v = { ..._ }, y = m;
+	if ((f === "dark" && !("dark" in n) || f === "light" && !("light" in n)) && (y = !0), !y) throw Error(process.env.NODE_ENV === "production" ? D(21, f) : `MUI: The \`colorSchemes.${f}\` option is either missing or invalid.`);
+	let b;
+	o && (b = "oklch");
+	let x = qr(b, v, y, u, f);
+	h && !v.light && qr(b, v, h, void 0, "light"), g && !v.dark && qr(b, v, g, void 0, "dark");
+	let S = {
+		defaultColorScheme: f,
+		...x,
+		cssVarPrefix: a,
+		colorSchemeSelector: c,
+		rootSelector: l,
+		getCssVar: p,
+		colorSchemes: v,
+		font: {
+			...pr(x.typography),
+			...x.font
+		},
+		spacing: Gr(u.spacing)
+	};
+	Object.keys(S.colorSchemes).forEach((e) => {
+		let t = S.colorSchemes[e].palette, n = (e) => {
+			let n = e.split("-"), r = n[1], i = n[2];
+			return p(e, t[r][i]);
+		};
+		t.mode === "light" && (Z(t.common, "background", "#fff"), Z(t.common, "onBackground", "#000")), t.mode === "dark" && (Z(t.common, "background", "#000"), Z(t.common, "onBackground", "#fff"));
+		function r(e, t, n) {
+			if (b) {
+				let r;
+				return e === G && (r = `transparent ${((1 - n) * 100).toFixed(0)}%`), e === K && (r = `#000 ${(n * 100).toFixed(0)}%`), e === q && (r = `#fff ${(n * 100).toFixed(0)}%`), `color-mix(in ${b}, ${t}, ${r})`;
+			}
+			return e(t, n);
+		}
+		if (Ur(t, [
+			"Alert",
+			"AppBar",
+			"Avatar",
+			"Button",
+			"Chip",
+			"FilledInput",
+			"LinearProgress",
+			"Skeleton",
+			"Slider",
+			"SnackbarContent",
+			"SpeedDialAction",
+			"StepConnector",
+			"StepContent",
+			"Switch",
+			"TableCell",
+			"Tooltip"
+		]), t.mode === "light") {
+			Z(t.Alert, "errorColor", r(K, o ? p("palette-error-light") : t.error.light, .6)), Z(t.Alert, "infoColor", r(K, o ? p("palette-info-light") : t.info.light, .6)), Z(t.Alert, "successColor", r(K, o ? p("palette-success-light") : t.success.light, .6)), Z(t.Alert, "warningColor", r(K, o ? p("palette-warning-light") : t.warning.light, .6)), Z(t.Alert, "errorFilledBg", n("palette-error-main")), Z(t.Alert, "infoFilledBg", n("palette-info-main")), Z(t.Alert, "successFilledBg", n("palette-success-main")), Z(t.Alert, "warningFilledBg", n("palette-warning-main")), Z(t.Alert, "errorFilledColor", $(() => t.getContrastText(t.error.main))), Z(t.Alert, "infoFilledColor", $(() => t.getContrastText(t.info.main))), Z(t.Alert, "successFilledColor", $(() => t.getContrastText(t.success.main))), Z(t.Alert, "warningFilledColor", $(() => t.getContrastText(t.warning.main))), Z(t.Alert, "errorStandardBg", r(q, o ? p("palette-error-light") : t.error.light, .9)), Z(t.Alert, "infoStandardBg", r(q, o ? p("palette-info-light") : t.info.light, .9)), Z(t.Alert, "successStandardBg", r(q, o ? p("palette-success-light") : t.success.light, .9)), Z(t.Alert, "warningStandardBg", r(q, o ? p("palette-warning-light") : t.warning.light, .9)), Z(t.Alert, "errorIconColor", n("palette-error-main")), Z(t.Alert, "infoIconColor", n("palette-info-main")), Z(t.Alert, "successIconColor", n("palette-success-main")), Z(t.Alert, "warningIconColor", n("palette-warning-main")), Z(t.AppBar, "defaultBg", n("palette-grey-100")), Z(t.Avatar, "defaultBg", n("palette-grey-400")), Z(t.Button, "inheritContainedBg", n("palette-grey-300")), Z(t.Button, "inheritContainedHoverBg", n("palette-grey-A100")), Z(t.Chip, "defaultBorder", n("palette-grey-400")), Z(t.Chip, "defaultAvatarColor", n("palette-grey-700")), Z(t.Chip, "defaultIconColor", n("palette-grey-700")), Z(t.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), Z(t.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), Z(t.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), Z(t.LinearProgress, "primaryBg", r(q, o ? p("palette-primary-main") : t.primary.main, .62)), Z(t.LinearProgress, "secondaryBg", r(q, o ? p("palette-secondary-main") : t.secondary.main, .62)), Z(t.LinearProgress, "errorBg", r(q, o ? p("palette-error-main") : t.error.main, .62)), Z(t.LinearProgress, "infoBg", r(q, o ? p("palette-info-main") : t.info.main, .62)), Z(t.LinearProgress, "successBg", r(q, o ? p("palette-success-main") : t.success.main, .62)), Z(t.LinearProgress, "warningBg", r(q, o ? p("palette-warning-light") : t.warning.main, .62)), Z(t.Skeleton, "bg", b ? r(G, o ? p("palette-text-primary") : t.text.primary, .11) : `rgba(${n("palette-text-primaryChannel")} / 0.11)`), Z(t.Slider, "primaryTrack", r(q, o ? p("palette-primary-main") : t.primary.main, .62)), Z(t.Slider, "secondaryTrack", r(q, o ? p("palette-secondary-main") : t.secondary.main, .62)), Z(t.Slider, "errorTrack", r(q, o ? p("palette-error-main") : t.error.main, .62)), Z(t.Slider, "infoTrack", r(q, o ? p("palette-info-main") : t.info.main, .62)), Z(t.Slider, "successTrack", r(q, o ? p("palette-success-main") : t.success.main, .62)), Z(t.Slider, "warningTrack", r(q, o ? p("palette-warning-main") : t.warning.main, .62));
+			let e = b ? r(K, o ? p("palette-background-default") : t.background.default, .6825) : Nn(t.background.default, .8);
+			Z(t.SnackbarContent, "bg", e), Z(t.SnackbarContent, "color", $(() => b ? nr.text.primary : t.getContrastText(e))), Z(t.SpeedDialAction, "fabHoverBg", Nn(t.background.paper, .15)), Z(t.StepConnector, "border", n("palette-grey-400")), Z(t.StepContent, "border", n("palette-grey-400")), Z(t.Switch, "defaultColor", n("palette-common-white")), Z(t.Switch, "defaultDisabledColor", n("palette-grey-100")), Z(t.Switch, "primaryDisabledColor", r(q, o ? p("palette-primary-main") : t.primary.main, .62)), Z(t.Switch, "secondaryDisabledColor", r(q, o ? p("palette-secondary-main") : t.secondary.main, .62)), Z(t.Switch, "errorDisabledColor", r(q, o ? p("palette-error-main") : t.error.main, .62)), Z(t.Switch, "infoDisabledColor", r(q, o ? p("palette-info-main") : t.info.main, .62)), Z(t.Switch, "successDisabledColor", r(q, o ? p("palette-success-main") : t.success.main, .62)), Z(t.Switch, "warningDisabledColor", r(q, o ? p("palette-warning-main") : t.warning.main, .62)), Z(t.TableCell, "border", r(q, G(o ? p("palette-divider") : t.divider, 1), .88)), Z(t.Tooltip, "bg", r(G, o ? p("palette-grey-700") : t.grey[700], .92));
+		}
+		if (t.mode === "dark") {
+			Z(t.Alert, "errorColor", r(q, o ? p("palette-error-light") : t.error.light, .6)), Z(t.Alert, "infoColor", r(q, o ? p("palette-info-light") : t.info.light, .6)), Z(t.Alert, "successColor", r(q, o ? p("palette-success-light") : t.success.light, .6)), Z(t.Alert, "warningColor", r(q, o ? p("palette-warning-light") : t.warning.light, .6)), Z(t.Alert, "errorFilledBg", n("palette-error-dark")), Z(t.Alert, "infoFilledBg", n("palette-info-dark")), Z(t.Alert, "successFilledBg", n("palette-success-dark")), Z(t.Alert, "warningFilledBg", n("palette-warning-dark")), Z(t.Alert, "errorFilledColor", $(() => t.getContrastText(t.error.dark))), Z(t.Alert, "infoFilledColor", $(() => t.getContrastText(t.info.dark))), Z(t.Alert, "successFilledColor", $(() => t.getContrastText(t.success.dark))), Z(t.Alert, "warningFilledColor", $(() => t.getContrastText(t.warning.dark))), Z(t.Alert, "errorStandardBg", r(K, o ? p("palette-error-light") : t.error.light, .9)), Z(t.Alert, "infoStandardBg", r(K, o ? p("palette-info-light") : t.info.light, .9)), Z(t.Alert, "successStandardBg", r(K, o ? p("palette-success-light") : t.success.light, .9)), Z(t.Alert, "warningStandardBg", r(K, o ? p("palette-warning-light") : t.warning.light, .9)), Z(t.Alert, "errorIconColor", n("palette-error-main")), Z(t.Alert, "infoIconColor", n("palette-info-main")), Z(t.Alert, "successIconColor", n("palette-success-main")), Z(t.Alert, "warningIconColor", n("palette-warning-main")), Z(t.AppBar, "defaultBg", n("palette-grey-900")), Z(t.AppBar, "darkBg", n("palette-background-paper")), Z(t.AppBar, "darkColor", n("palette-text-primary")), Z(t.Avatar, "defaultBg", n("palette-grey-600")), Z(t.Button, "inheritContainedBg", n("palette-grey-800")), Z(t.Button, "inheritContainedHoverBg", n("palette-grey-700")), Z(t.Chip, "defaultBorder", n("palette-grey-700")), Z(t.Chip, "defaultAvatarColor", n("palette-grey-300")), Z(t.Chip, "defaultIconColor", n("palette-grey-300")), Z(t.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), Z(t.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), Z(t.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), Z(t.LinearProgress, "primaryBg", r(K, o ? p("palette-primary-main") : t.primary.main, .5)), Z(t.LinearProgress, "secondaryBg", r(K, o ? p("palette-secondary-main") : t.secondary.main, .5)), Z(t.LinearProgress, "errorBg", r(K, o ? p("palette-error-main") : t.error.main, .5)), Z(t.LinearProgress, "infoBg", r(K, o ? p("palette-info-main") : t.info.main, .5)), Z(t.LinearProgress, "successBg", r(K, o ? p("palette-success-main") : t.success.main, .5)), Z(t.LinearProgress, "warningBg", r(K, o ? p("palette-warning-main") : t.warning.main, .5)), Z(t.Skeleton, "bg", b ? r(G, o ? p("palette-text-primary") : t.text.primary, .13) : `rgba(${n("palette-text-primaryChannel")} / 0.13)`), Z(t.Slider, "primaryTrack", r(K, o ? p("palette-primary-main") : t.primary.main, .5)), Z(t.Slider, "secondaryTrack", r(K, o ? p("palette-secondary-main") : t.secondary.main, .5)), Z(t.Slider, "errorTrack", r(K, o ? p("palette-error-main") : t.error.main, .5)), Z(t.Slider, "infoTrack", r(K, o ? p("palette-info-main") : t.info.main, .5)), Z(t.Slider, "successTrack", r(K, o ? p("palette-success-main") : t.success.main, .5)), Z(t.Slider, "warningTrack", r(K, o ? p("palette-warning-light") : t.warning.main, .5));
+			let e = b ? r(q, o ? p("palette-background-default") : t.background.default, .985) : Nn(t.background.default, .98);
+			Z(t.SnackbarContent, "bg", e), Z(t.SnackbarContent, "color", $(() => b ? er.text.primary : t.getContrastText(e))), Z(t.SpeedDialAction, "fabHoverBg", Nn(t.background.paper, .15)), Z(t.StepConnector, "border", n("palette-grey-600")), Z(t.StepContent, "border", n("palette-grey-600")), Z(t.Switch, "defaultColor", n("palette-grey-300")), Z(t.Switch, "defaultDisabledColor", n("palette-grey-600")), Z(t.Switch, "primaryDisabledColor", r(K, o ? p("palette-primary-main") : t.primary.main, .55)), Z(t.Switch, "secondaryDisabledColor", r(K, o ? p("palette-secondary-main") : t.secondary.main, .55)), Z(t.Switch, "errorDisabledColor", r(K, o ? p("palette-error-main") : t.error.main, .55)), Z(t.Switch, "infoDisabledColor", r(K, o ? p("palette-info-main") : t.info.main, .55)), Z(t.Switch, "successDisabledColor", r(K, o ? p("palette-success-main") : t.success.main, .55)), Z(t.Switch, "warningDisabledColor", r(K, o ? p("palette-warning-light") : t.warning.main, .55)), Z(t.TableCell, "border", r(K, G(o ? p("palette-divider") : t.divider, 1), .68)), Z(t.Tooltip, "bg", r(G, o ? p("palette-grey-700") : t.grey[700], .92));
+		}
+		Q(t.background, "default"), Q(t.background, "paper"), Q(t.common, "background"), Q(t.common, "onBackground"), Q(t, "divider"), Object.keys(t).forEach((e) => {
+			let n = t[e];
+			e !== "tonalOffset" && n && typeof n == "object" && (n.main && Z(t[e], "mainChannel", wn(Wr(n.main))), n.light && Z(t[e], "lightChannel", wn(Wr(n.light))), n.dark && Z(t[e], "darkChannel", wn(Wr(n.dark))), n.contrastText && Z(t[e], "contrastTextChannel", wn(Wr(n.contrastText))), e === "text" && (Q(t[e], "primary"), Q(t[e], "secondary")), e === "action" && (n.active && Q(t[e], "active"), n.selected && Q(t[e], "selected")));
+		});
+	}), S = t.reduce((e, t) => k(e, t), S);
+	let ee = {
+		prefix: a,
+		disableCssColorScheme: i,
+		shouldSkipGeneratingVar: s,
+		getSelector: Hr(S),
+		enableContrastVars: o
+	}, { vars: te, generateThemeVars: ne, generateStyleSheets: re } = Gn(S, ee);
+	return S.vars = te, Object.entries(S.colorSchemes[S.defaultColorScheme]).forEach(([e, t]) => {
+		S[e] = t;
+	}), S.generateThemeVars = ne, S.generateStyleSheets = re, S.generateSpacing = function() {
+		return Xt(u.spacing, Xe(this));
+	}, S.getColorSchemeSelector = Kn(c), S.spacing = S.generateSpacing(), S.shouldSkipGeneratingVar = s, S.unstable_sxConfig = {
+		...Tt,
+		...u?.unstable_sxConfig
+	}, S.unstable_sx = function(e) {
+		return B({
+			sx: e,
+			theme: this
+		});
+	}, S.toRuntimeSource = Ar, S;
+}
+//#endregion
+//#region node_modules/@mui/material/esm/styles/createTheme.js
+function Yr(e, t, n) {
+	e.colorSchemes && n && (e.colorSchemes[t] = {
+		...n !== !0 && n,
+		palette: fr({
+			...n === !0 ? {} : n.palette,
+			mode: t
+		})
+	});
+}
+function Xr(e = {}, ...t) {
+	let { palette: n, cssVariables: r = !1, colorSchemes: i = n ? void 0 : { light: !0 }, defaultColorScheme: a = n?.mode, ...o } = e, s = a || "light", c = i?.[s], l = {
+		...i,
+		...n ? { [s]: {
+			...typeof c != "boolean" && c,
+			palette: n
+		} } : void 0
+	};
+	if (r === !1) {
+		if (!("colorSchemes" in e)) return Pr(e, ...t);
+		let r = n;
+		"palette" in e || l[s] && (l[s] === !0 ? s === "dark" && (r = { mode: "dark" }) : r = l[s].palette);
+		let i = Pr({
+			...e,
+			palette: r
+		}, ...t);
+		return i.defaultColorScheme = s, i.colorSchemes = l, i.palette.mode === "light" && (i.colorSchemes.light = {
+			...l.light !== !0 && l.light,
+			palette: i.palette
+		}, Yr(i, "dark", l.dark)), i.palette.mode === "dark" && (i.colorSchemes.dark = {
+			...l.dark !== !0 && l.dark,
+			palette: i.palette
+		}, Yr(i, "light", l.light)), i;
+	}
+	return !n && !("light" in l) && s === "light" && (l.light = !0), Jr({
+		...o,
+		colorSchemes: l,
+		defaultColorScheme: s,
+		...typeof r != "boolean" && r
+	}, ...t);
+}
+//#endregion
+//#region node_modules/@mui/material/esm/styles/defaultTheme.js
+var Zr = Xr(), Qr = "$$material";
+//#endregion
+//#region node_modules/@mui/material/esm/styles/slotShouldForwardProp.js
+function $r(e) {
+	return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+//#endregion
+//#region node_modules/@mui/material/esm/styles/styled.js
+var ei = pn({
+	themeId: Qr,
+	defaultTheme: Zr,
+	rootShouldForwardProp: (e) => $r(e) && e !== "classes"
+}), ti = zn;
+//#endregion
+//#region node_modules/@mui/material/esm/DefaultPropsProvider/DefaultPropsProvider.js
+function ni(e) {
+	return /* @__PURE__ */ s(Fn, { ...e });
+}
+process.env.NODE_ENV !== "production" && (ni.propTypes = {
+	children: A.default.node,
+	value: A.default.object.isRequired
+});
+function ri(e) {
+	return Ln(e);
+}
+//#endregion
+//#region node_modules/@mui/material/esm/SvgIcon/svgIconClasses.js
+function ii(e) {
+	return en("MuiSvgIcon", e);
+}
+tn("MuiSvgIcon", [
+	"root",
+	"colorPrimary",
+	"colorSecondary",
+	"colorAction",
+	"colorError",
+	"colorDisabled",
+	"fontSizeInherit",
+	"fontSizeSmall",
+	"fontSizeMedium",
+	"fontSizeLarge"
+]);
+//#endregion
+//#region node_modules/@mui/material/esm/SvgIcon/SvgIcon.js
+var ai = (e) => {
+	let { color: t, fontSize: n, classes: r } = e;
+	return we({ root: [
+		"root",
+		t !== "inherit" && `color${de(t)}`,
+		`fontSize${de(n)}`
+	] }, ii, r);
+}, oi = ei("svg", {
+	name: "MuiSvgIcon",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			n.color !== "inherit" && t[`color${de(n.color)}`],
+			t[`fontSize${de(n.fontSize)}`]
+		];
+	}
+})(ti(({ theme: e }) => ({
+	userSelect: "none",
+	width: "1em",
+	height: "1em",
+	display: "inline-block",
+	flexShrink: 0,
+	transition: e.transitions?.create?.("fill", { duration: (e.vars ?? e).transitions?.duration?.shorter }),
+	variants: [
+		{
+			props: (e) => !e.hasSvgAsChild,
+			style: { fill: "currentColor" }
+		},
+		{
+			props: { fontSize: "inherit" },
+			style: { fontSize: "inherit" }
+		},
+		{
+			props: { fontSize: "small" },
+			style: { fontSize: e.typography?.pxToRem?.(20) || "1.25rem" }
+		},
+		{
+			props: { fontSize: "medium" },
+			style: { fontSize: e.typography?.pxToRem?.(24) || "1.5rem" }
+		},
+		{
+			props: { fontSize: "large" },
+			style: { fontSize: e.typography?.pxToRem?.(35) || "2.1875rem" }
+		},
+		...Object.entries((e.vars ?? e).palette).filter(([, e]) => e && e.main).map(([t]) => ({
+			props: { color: t },
+			style: { color: (e.vars ?? e).palette?.[t]?.main }
+		})),
+		{
+			props: { color: "action" },
+			style: { color: (e.vars ?? e).palette?.action?.active }
+		},
+		{
+			props: { color: "disabled" },
+			style: { color: (e.vars ?? e).palette?.action?.disabled }
+		},
+		{
+			props: { color: "inherit" },
+			style: { color: void 0 }
+		}
+	]
+}))), si = /* @__PURE__ */ e.forwardRef(function(t, n) {
+	let r = ri({
+		props: t,
+		name: "MuiSvgIcon"
+	}), { children: i, className: a, color: o = "inherit", component: l = "svg", fontSize: u = "medium", htmlColor: d, inheritViewBox: f = !1, titleAccess: p, viewBox: m = "0 0 24 24", ...h } = r, g = /* @__PURE__ */ e.isValidElement(i) && i.type === "svg", _ = {
+		...r,
+		color: o,
+		component: l,
+		fontSize: u,
+		instanceFontSize: t.fontSize,
+		inheritViewBox: f,
+		viewBox: m,
+		hasSvgAsChild: g
+	}, v = {};
+	return f || (v.viewBox = m), /* @__PURE__ */ c(oi, {
+		as: l,
+		className: Ce(ai(_).root, a),
+		focusable: "false",
+		color: d,
+		"aria-hidden": p ? void 0 : !0,
+		role: p ? "img" : void 0,
+		ref: n,
+		...v,
+		...h,
+		...g && i.props,
+		ownerState: _,
+		children: [g ? i.props.children : i, p ? /* @__PURE__ */ s("title", { children: p }) : null]
+	});
+});
+process.env.NODE_ENV !== "production" && (si.propTypes = {
+	children: A.default.node,
+	classes: A.default.object,
+	className: A.default.string,
+	color: A.default.oneOfType([A.default.oneOf([
+		"inherit",
+		"action",
+		"disabled",
+		"primary",
+		"secondary",
+		"error",
+		"info",
+		"success",
+		"warning"
+	]), A.default.string]),
+	component: A.default.elementType,
+	fontSize: A.default.oneOfType([A.default.oneOf([
+		"inherit",
+		"large",
+		"medium",
+		"small"
+	]), A.default.string]),
+	htmlColor: A.default.string,
+	inheritViewBox: A.default.bool,
+	shapeRendering: A.default.string,
+	sx: A.default.oneOfType([
+		A.default.arrayOf(A.default.oneOfType([
+			A.default.func,
+			A.default.object,
+			A.default.bool
+		])),
+		A.default.func,
+		A.default.object
+	]),
+	titleAccess: A.default.string,
+	viewBox: A.default.string
+}), si.muiName = "SvgIcon";
+//#endregion
+//#region node_modules/@mui/material/esm/utils/createSvgIcon.js
+function ci(t, n) {
+	function r(e, r) {
+		return /* @__PURE__ */ s(si, {
+			"data-testid": process.env.NODE_ENV === "production" ? void 0 : `${n}Icon`,
+			ref: r,
+			...e,
+			children: t
+		});
+	}
+	return process.env.NODE_ENV !== "production" && (r.displayName = `${n}Icon`), r.muiName = si.muiName, /* @__PURE__ */ e.memo(/* @__PURE__ */ e.forwardRef(r));
+}
+//#endregion
+//#region node_modules/@mui/icons-material/esm/InfoOutlined.js
+var li = ci(/* @__PURE__ */ s("path", { d: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8" }), "InfoOutlined");
+//#endregion
+//#region src/SpecAnchor.tsx
+function ui({ spec: e, children: t }) {
+	let { enabled: n, setSelected: i } = se(), [l, f] = o(null), p = a(null), h = !!l;
+	return r(() => {
+		if (!h) return;
+		let e = (e) => {
+			let t = p.current;
+			if (!t) return;
+			let n = t.getBoundingClientRect();
+			e.clientX >= n.left && e.clientX <= n.right && e.clientY >= n.top && e.clientY <= n.bottom || f(null);
+		}, t = () => f(null);
+		return window.addEventListener("pointermove", e), window.addEventListener("scroll", t, !0), window.addEventListener("blur", t), () => {
+			window.removeEventListener("pointermove", e), window.removeEventListener("scroll", t, !0), window.removeEventListener("blur", t);
+		};
+	}, [h]), /* @__PURE__ */ c(u, {
+		ref: p,
+		sx: {
+			position: "relative",
+			outline: n && h ? `1px dashed ${S("#6366f1", .6)}` : "none",
+			outlineOffset: -1,
+			borderRadius: 2,
+			transition: "outline .08s ease"
+		},
+		onPointerEnter: (e) => n && f(e.currentTarget),
+		onPointerLeave: () => f(null),
+		onClick: () => n && i(e),
+		children: [
+			n && h && /* @__PURE__ */ s(b, {
+				title: "기능 설명 보기",
+				children: /* @__PURE__ */ s(m, {
+					size: "small",
+					sx: {
+						position: "absolute",
+						top: 2,
+						right: 2,
+						zIndex: 1,
+						bgcolor: "background.paper"
+					},
+					children: /* @__PURE__ */ s(li, { fontSize: "inherit" })
+				})
+			}),
+			t,
+			/* @__PURE__ */ s(v, {
+				open: !!l && n,
+				anchorEl: l,
+				onClose: () => f(null),
+				anchorOrigin: {
+					vertical: "bottom",
+					horizontal: "left"
+				},
+				transformOrigin: {
+					vertical: "top",
+					horizontal: "left"
+				},
+				disableRestoreFocus: !0,
+				slotProps: { paper: { sx: { pointerEvents: "none" } } },
+				children: /* @__PURE__ */ s(u, {
+					sx: {
+						p: 2,
+						width: 320
+					},
+					children: /* @__PURE__ */ c(y, {
+						spacing: 1,
+						children: [/* @__PURE__ */ c(y, {
+							direction: "row",
+							spacing: 1,
+							alignItems: "center",
+							children: [/* @__PURE__ */ s(x, {
+								fontWeight: 700,
+								children: e.title
+							}), e.priority && /* @__PURE__ */ s(d, {
+								size: "small",
+								label: e.priority
+							})]
+						}), /* @__PURE__ */ s(x, {
+							variant: "body2",
+							color: "text.secondary",
+							children: e.description
+						})]
+					})
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/SpecPanel.tsx
+function di({ title: e, items: t }) {
+	return t?.length ? /* @__PURE__ */ c(u, { children: [/* @__PURE__ */ s(x, {
+		variant: "subtitle2",
+		fontWeight: 700,
+		sx: { mt: 1 },
+		children: e
+	}), /* @__PURE__ */ s(h, {
+		dense: !0,
+		sx: { pt: 0 },
+		children: t.map((t, n) => /* @__PURE__ */ s(g, {
+			sx: { py: 0 },
+			children: /* @__PURE__ */ s(_, { primary: `• ${t}` })
+		}, `${e}-${n}`))
+	})] }) : null;
+}
+function fi(e) {
+	return Array.from(new Set(e));
+}
+function pi(e, t) {
+	let n = [e], r = e, i = new Set([e.id]);
+	for (; r.parentId;) {
+		let e = t[r.parentId];
+		if (!e || i.has(e.id)) break;
+		n.push(e), i.add(e.id), r = e;
+	}
+	return n.reverse();
+}
+function mi() {
+	let { selected: e, setSelected: t, specsMap: n } = se();
+	if (!e) return /* @__PURE__ */ s(p, {
+		anchor: "right",
+		open: !1,
+		onClose: () => t(void 0)
+	});
+	let r = pi(e, n), i = fi(r.flatMap((e) => e.inputs ?? [])), a = fi(r.flatMap((e) => e.outputs ?? [])), o = fi(r.flatMap((e) => e.validation ?? [])), l = fi(r.flatMap((e) => e.edgeCases ?? []));
+	return /* @__PURE__ */ s(p, {
+		anchor: "right",
+		open: !!e,
+		onClose: () => t(void 0),
+		children: /* @__PURE__ */ s(u, {
+			sx: {
+				width: 380,
+				p: 2
+			},
+			children: /* @__PURE__ */ c(y, {
+				spacing: 1,
+				children: [
+					/* @__PURE__ */ s(x, {
+						variant: "h6",
+						fontWeight: 800,
+						children: e.title
+					}),
+					/* @__PURE__ */ s(y, {
+						direction: "row",
+						spacing: .8,
+						flexWrap: "wrap",
+						useFlexGap: !0,
+						children: r.map((e) => /* @__PURE__ */ s(d, {
+							size: "small",
+							variant: "outlined",
+							label: e.title
+						}, e.id))
+					}),
+					/* @__PURE__ */ s(x, {
+						color: "text.secondary",
+						children: e.description
+					}),
+					/* @__PURE__ */ s(f, { sx: { my: 1 } }),
+					/* @__PURE__ */ s(di, {
+						title: "입력 (상위 포함)",
+						items: i
+					}),
+					/* @__PURE__ */ s(di, {
+						title: "출력 (상위 포함)",
+						items: a
+					}),
+					/* @__PURE__ */ s(di, {
+						title: "검증 (상위 포함)",
+						items: o
+					}),
+					/* @__PURE__ */ s(di, {
+						title: "예외/주의 (상위 포함)",
+						items: l
+					})
+				]
+			})
+		})
+	});
+}
+//#endregion
+export { ui as SpecAnchor, mi as SpecPanel, E as SpecProvider, se as useSpecContext };