melonykit 0.11.2 → 0.13.0

package/dist/index.js

@@ -40,7 +40,7 @@ var d = /*#__PURE__*/ function() {
 	}, e;
 }(), f = "-ms-", p = "-moz-", m = "-webkit-", h = "comm", g = "rule", _ = "decl", v = "@import", y = "@keyframes", b = "@layer", x = Math.abs, S = String.fromCharCode, C = Object.assign;
 function w(e, t) {
-	return D(e, 0) ^ 45 ? (((t << 2 ^ D(e, 0)) << 2 ^ D(e, 1)) << 2 ^ D(e, 2)) << 2 ^ D(e, 3) : 0;
+	return E(e, 0) ^ 45 ? (((t << 2 ^ E(e, 0)) << 2 ^ E(e, 1)) << 2 ^ E(e, 2)) << 2 ^ E(e, 3) : 0;
 }
 function ee(e) {
 	return e.trim();
@@ -51,31 +51,31 @@ function te(e, t) {
 function T(e, t, n) {
 	return e.replace(t, n);
 }
-function E(e, t) {
+function ne(e, t) {
 	return e.indexOf(t);
 }
-function D(e, t) {
+function E(e, t) {
 	return e.charCodeAt(t) | 0;
 }
-function O(e, t, n) {
+function D(e, t, n) {
 	return e.slice(t, n);
 }
-function k(e) {
+function O(e) {
 	return e.length;
 }
-function ne(e) {
+function re(e) {
 	return e.length;
 }
-function re(e, t) {
+function ie(e, t) {
 	return t.push(e), e;
 }
-function ie(e, t) {
+function ae(e, t) {
 	return e.map(t).join("");
 }
 //#endregion
 //#region node_modules/stylis/src/Tokenizer.js
-var ae = 1, A = 1, oe = 0, j = 0, M = 0, N = "";
-function P(e, t, n, r, i, a, o) {
+var oe = 1, k = 1, se = 0, A = 0, j = 0, M = "";
+function ce(e, t, n, r, i, a, o) {
 	return {
 		value: e,
 		root: t,
@@ -83,34 +83,34 @@ function P(e, t, n, r, i, a, o) {
 		type: r,
 		props: i,
 		children: a,
-		line: ae,
-		column: A,
+		line: oe,
+		column: k,
 		length: o,
 		return: ""
 	};
 }
-function F(e, t) {
-	return C(P("", null, null, "", null, null, 0), e, { length: -e.length }, t);
+function N(e, t) {
+	return C(ce("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
-function se() {
-	return M;
+function le() {
+	return j;
 }
-function ce() {
-	return M = j > 0 ? D(N, --j) : 0, A--, M === 10 && (A = 1, ae--), M;
+function ue() {
+	return j = A > 0 ? E(M, --A) : 0, k--, j === 10 && (k = 1, oe--), j;
 }
-function I() {
-	return M = j < oe ? D(N, j++) : 0, A++, M === 10 && (A = 1, ae++), M;
+function P() {
+	return j = A < se ? E(M, A++) : 0, k++, j === 10 && (k = 1, oe++), j;
 }
-function L() {
-	return D(N, j);
+function F() {
+	return E(M, A);
 }
-function le() {
-	return j;
+function de() {
+	return A;
 }
-function R(e, t) {
-	return O(N, e, t);
+function I(e, t) {
+	return D(M, e, t);
 }
-function z(e) {
+function L(e) {
 	switch (e) {
 		case 0:
 		case 9:
@@ -137,82 +137,82 @@ function z(e) {
 	}
 	return 0;
 }
-function ue(e) {
-	return ae = A = 1, oe = k(N = e), j = 0, [];
-}
-function de(e) {
-	return N = "", e;
-}
 function fe(e) {
-	return ee(R(j - 1, he(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+	return oe = k = 1, se = O(M = e), A = 0, [];
 }
 function pe(e) {
-	for (; (M = L()) && M < 33;) I();
-	return z(e) > 2 || z(M) > 3 ? "" : " ";
+	return M = "", e;
+}
+function R(e) {
+	return ee(I(A - 1, ge(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
-function me(e, t) {
-	for (; --t && I() && !(M < 48 || M > 102 || M > 57 && M < 65 || M > 70 && M < 97););
-	return R(e, le() + (t < 6 && L() == 32 && I() == 32));
+function me(e) {
+	for (; (j = F()) && j < 33;) P();
+	return L(e) > 2 || L(j) > 3 ? "" : " ";
 }
-function he(e) {
-	for (; I();) switch (M) {
-		case e: return j;
+function he(e, t) {
+	for (; --t && P() && !(j < 48 || j > 102 || j > 57 && j < 65 || j > 70 && j < 97););
+	return I(e, de() + (t < 6 && F() == 32 && P() == 32));
+}
+function ge(e) {
+	for (; P();) switch (j) {
+		case e: return A;
 		case 34:
 		case 39:
-			e !== 34 && e !== 39 && he(M);
+			e !== 34 && e !== 39 && ge(j);
 			break;
 		case 40:
-			e === 41 && he(e);
+			e === 41 && ge(e);
 			break;
 		case 92:
-			I();
+			P();
 			break;
 	}
-	return j;
+	return A;
 }
-function ge(e, t) {
-	for (; I() && e + M !== 57 && (e + M !== 84 || L() !== 47););
-	return "/*" + R(t, j - 1) + "*" + S(e === 47 ? e : I());
+function _e(e, t) {
+	for (; P() && e + j !== 57 && (e + j !== 84 || F() !== 47););
+	return "/*" + I(t, A - 1) + "*" + S(e === 47 ? e : P());
 }
-function _e(e) {
-	for (; !z(L());) I();
-	return R(e, j);
+function ve(e) {
+	for (; !L(F());) P();
+	return I(e, A);
 }
 //#endregion
 //#region node_modules/stylis/src/Parser.js
-function ve(e) {
-	return de(B("", null, null, null, [""], e = ue(e), 0, [0], e));
+function ye(e) {
+	return pe(z("", null, null, null, [""], e = fe(e), 0, [0], e));
 }
-function B(e, t, n, r, i, a, o, s, c) {
-	for (var l = 0, u = 0, d = o, f = 0, p = 0, m = 0, h = 1, g = 1, _ = 1, v = 0, y = "", b = i, x = a, C = r, w = y; g;) switch (m = v, v = I()) {
-		case 40: if (m != 108 && D(w, d - 1) == 58) {
-			E(w += T(fe(v), "&", "&\f"), "&\f") != -1 && (_ = -1);
+function z(e, t, n, r, i, a, o, s, c) {
+	for (var l = 0, u = 0, d = o, f = 0, p = 0, m = 0, h = 1, g = 1, _ = 1, v = 0, y = "", b = i, x = a, C = r, w = y; g;) switch (m = v, v = P()) {
+		case 40: if (m != 108 && E(w, d - 1) == 58) {
+			ne(w += T(R(v), "&", "&\f"), "&\f") != -1 && (_ = -1);
 			break;
 		}
 		case 34:
 		case 39:
 		case 91:
-			w += fe(v);
+			w += R(v);
 			break;
 		case 9:
 		case 10:
 		case 13:
 		case 32:
-			w += pe(m);
+			w += me(m);
 			break;
 		case 92:
-			w += me(le() - 1, 7);
+			w += he(de() - 1, 7);
 			continue;
 		case 47:
-			switch (L()) {
+			switch (F()) {
 				case 42:
 				case 47:
-					re(be(ge(I(), le()), t, n), c);
+					ie(xe(_e(P(), de()), t, n), c);
 					break;
 				default: w += "/";
 			}
 			break;
-		case 123 * h: s[l++] = k(w) * _;
+		case 123 * h: s[l++] = O(w) * _;
 		case 125 * h:
 		case 59:
 		case 0:
@@ -220,89 +220,89 @@ function B(e, t, n, r, i, a, o, s, c) {
 				case 0:
 				case 125: g = 0;
 				case 59 + u:
-					_ == -1 && (w = T(w, /\f/g, "")), p > 0 && k(w) - d && re(p > 32 ? xe(w + ";", r, n, d - 1) : xe(T(w, " ", "") + ";", r, n, d - 2), c);
+					_ == -1 && (w = T(w, /\f/g, "")), p > 0 && O(w) - d && ie(p > 32 ? Se(w + ";", r, n, d - 1) : Se(T(w, " ", "") + ";", r, n, d - 2), c);
 					break;
 				case 59: w += ";";
-				default: if (re(C = ye(w, t, n, l, u, i, s, y, b = [], x = [], d), a), v === 123) {
-					if (u === 0) B(w, t, C, C, b, a, d, s, x);
-					else switch (f === 99 && D(w, 3) === 110 ? 100 : f) {
+				default: if (ie(C = be(w, t, n, l, u, i, s, y, b = [], x = [], d), a), v === 123) {
+					if (u === 0) z(w, t, C, C, b, a, d, s, x);
+					else switch (f === 99 && E(w, 3) === 110 ? 100 : f) {
 						case 100:
 						case 108:
 						case 109:
 						case 115:
-							B(e, C, C, r && re(ye(e, C, C, 0, 0, i, s, y, i, b = [], d), x), i, x, d, s, r ? b : x);
+							z(e, C, C, r && ie(be(e, C, C, 0, 0, i, s, y, i, b = [], d), x), i, x, d, s, r ? b : x);
 							break;
-						default: B(w, C, C, C, [""], x, 0, s, x);
+						default: z(w, C, C, C, [""], x, 0, s, x);
 					}
 				}
 			}
 			l = u = p = 0, h = _ = 1, y = w = "", d = o;
 			break;
-		case 58: d = 1 + k(w), p = m;
+		case 58: d = 1 + O(w), p = m;
 		default:
 			if (h < 1) {
 				if (v == 123) --h;
-				else if (v == 125 && h++ == 0 && ce() == 125) continue;
+				else if (v == 125 && h++ == 0 && ue() == 125) continue;
 			}
 			switch (w += S(v), v * h) {
 				case 38:
 					_ = u > 0 ? 1 : (w += "\f", -1);
 					break;
 				case 44:
-					s[l++] = (k(w) - 1) * _, _ = 1;
+					s[l++] = (O(w) - 1) * _, _ = 1;
 					break;
 				case 64:
-					L() === 45 && (w += fe(I())), f = L(), u = d = k(y = w += _e(le())), v++;
+					F() === 45 && (w += R(P())), f = F(), u = d = O(y = w += ve(de())), v++;
 					break;
-				case 45: m === 45 && k(w) == 2 && (h = 0);
+				case 45: m === 45 && O(w) == 2 && (h = 0);
 			}
 	}
 	return a;
 }
-function ye(e, t, n, r, i, a, o, s, c, l, u) {
-	for (var d = i - 1, f = i === 0 ? a : [""], p = ne(f), m = 0, h = 0, _ = 0; m < r; ++m) for (var v = 0, y = O(e, d + 1, d = x(h = o[m])), b = e; v < p; ++v) (b = ee(h > 0 ? f[v] + " " + y : T(y, /&\f/g, f[v]))) && (c[_++] = b);
-	return P(e, t, n, i === 0 ? g : s, c, l, u);
+function be(e, t, n, r, i, a, o, s, c, l, u) {
+	for (var d = i - 1, f = i === 0 ? a : [""], p = re(f), m = 0, h = 0, _ = 0; m < r; ++m) for (var v = 0, y = D(e, d + 1, d = x(h = o[m])), b = e; v < p; ++v) (b = ee(h > 0 ? f[v] + " " + y : T(y, /&\f/g, f[v]))) && (c[_++] = b);
+	return ce(e, t, n, i === 0 ? g : s, c, l, u);
 }
-function be(e, t, n) {
-	return P(e, t, n, h, S(se()), O(e, 2, -2), 0);
+function xe(e, t, n) {
+	return ce(e, t, n, h, S(le()), D(e, 2, -2), 0);
 }
-function xe(e, t, n, r) {
-	return P(e, t, n, _, O(e, 0, r), O(e, r + 1, -1), r);
+function Se(e, t, n, r) {
+	return ce(e, t, n, _, D(e, 0, r), D(e, r + 1, -1), r);
 }
 //#endregion
 //#region node_modules/stylis/src/Serializer.js
-function V(e, t) {
-	for (var n = "", r = ne(e), i = 0; i < r; i++) n += t(e[i], i, e, t) || "";
+function B(e, t) {
+	for (var n = "", r = re(e), i = 0; i < r; i++) n += t(e[i], i, e, t) || "";
 	return n;
 }
-function Se(e, t, n, r) {
+function Ce(e, t, n, r) {
 	switch (e.type) {
 		case b: if (e.children.length) break;
 		case v:
 		case _: return e.return = e.return || e.value;
 		case h: return "";
-		case y: return e.return = e.value + "{" + V(e.children, r) + "}";
+		case y: return e.return = e.value + "{" + B(e.children, r) + "}";
 		case g: e.value = e.props.join(",");
 	}
-	return k(n = V(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
+	return O(n = B(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
 }
 //#endregion
 //#region node_modules/stylis/src/Middleware.js
-function Ce(e) {
-	var t = ne(e);
+function we(e) {
+	var t = re(e);
 	return function(n, r, i, a) {
 		for (var o = "", s = 0; s < t; s++) o += e[s](n, r, i, a) || "";
 		return o;
 	};
 }
-function we(e) {
+function Te(e) {
 	return function(t) {
 		t.root || (t = t.return) && e(t);
 	};
 }
 //#endregion
 //#region node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
-function Te(e) {
+function Ee(e) {
 	var t = Object.create(null);
 	return function(n) {
 		return t[n] === void 0 && (t[n] = e(n)), t[n];
@@ -310,44 +310,44 @@ function Te(e) {
 }
 //#endregion
 //#region node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js
-var Ee = function(e, t, n) {
-	for (var r = 0, i = 0; r = i, i = L(), r === 38 && i === 12 && (t[n] = 1), !z(i);) I();
-	return R(e, j);
-}, De = function(e, t) {
+var De = function(e, t, n) {
+	for (var r = 0, i = 0; r = i, i = F(), r === 38 && i === 12 && (t[n] = 1), !L(i);) P();
+	return I(e, A);
+}, Oe = function(e, t) {
 	var n = -1, r = 44;
 	do
-		switch (z(r)) {
+		switch (L(r)) {
 			case 0:
-				r === 38 && L() === 12 && (t[n] = 1), e[n] += Ee(j - 1, t, n);
+				r === 38 && F() === 12 && (t[n] = 1), e[n] += De(A - 1, t, n);
 				break;
 			case 2:
-				e[n] += fe(r);
+				e[n] += R(r);
 				break;
 			case 4: if (r === 44) {
-				e[++n] = L() === 58 ? "&\f" : "", t[n] = e[n].length;
+				e[++n] = F() === 58 ? "&\f" : "", t[n] = e[n].length;
 				break;
 			}
 			default: e[n] += S(r);
 		}
-	while (r = I());
+	while (r = P());
 	return e;
-}, Oe = function(e, t) {
-	return de(De(ue(e), t));
-}, ke = /* #__PURE__ */ new WeakMap(), Ae = function(e) {
+}, ke = function(e, t) {
+	return pe(Oe(fe(e), t));
+}, Ae = /* #__PURE__ */ new WeakMap(), je = function(e) {
 	if (!(e.type !== "rule" || !e.parent || e.length < 1)) {
 		for (var t = e.value, n = e.parent, r = e.column === n.column && e.line === n.line; n.type !== "rule";) if (n = n.parent, !n) return;
-		if (!(e.props.length === 1 && t.charCodeAt(0) !== 58 && !ke.get(n)) && !r) {
-			ke.set(e, !0);
-			for (var i = [], a = Oe(t, i), o = n.props, s = 0, c = 0; s < a.length; s++) for (var l = 0; l < o.length; l++, c++) e.props[c] = i[s] ? a[s].replace(/&\f/g, o[l]) : o[l] + " " + a[s];
+		if (!(e.props.length === 1 && t.charCodeAt(0) !== 58 && !Ae.get(n)) && !r) {
+			Ae.set(e, !0);
+			for (var i = [], a = ke(t, i), o = n.props, s = 0, c = 0; s < a.length; s++) for (var l = 0; l < o.length; l++, c++) e.props[c] = i[s] ? a[s].replace(/&\f/g, o[l]) : o[l] + " " + a[s];
 		}
 	}
-}, je = function(e) {
+}, Me = function(e) {
 	if (e.type === "decl") {
 		var t = e.value;
 		t.charCodeAt(0) === 108 && t.charCodeAt(2) === 98 && (e.return = "", e.value = "");
 	}
 };
-function Me(e, t) {
+function Ne(e, t) {
 	switch (w(e, t)) {
 		case 5103: return m + "print-" + e + e;
 		case 5737:
@@ -410,21 +410,21 @@ function Me(e, t) {
 		case 5789:
 		case 5021:
 		case 4765:
-			if (k(e) - 1 - t > 6) switch (D(e, t + 1)) {
-				case 109: if (D(e, t + 4) !== 45) break;
-				case 102: return T(e, /(.+:)(.+)-([^]+)/, "$1" + m + "$2-$3$1" + p + (D(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
-				case 115: return ~E(e, "stretch") ? Me(T(e, "stretch", "fill-available"), t) + e : e;
+			if (O(e) - 1 - t > 6) switch (E(e, t + 1)) {
+				case 109: if (E(e, t + 4) !== 45) break;
+				case 102: return T(e, /(.+:)(.+)-([^]+)/, "$1" + m + "$2-$3$1" + p + (E(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+				case 115: return ~ne(e, "stretch") ? Ne(T(e, "stretch", "fill-available"), t) + e : e;
 			}
 			break;
-		case 4949: if (D(e, t + 1) !== 115) break;
+		case 4949: if (E(e, t + 1) !== 115) break;
 		case 6444:
-			switch (D(e, k(e) - 3 - (~E(e, "!important") && 10))) {
+			switch (E(e, O(e) - 3 - (~ne(e, "!important") && 10))) {
 				case 107: return T(e, ":", ":" + m) + e;
-				case 101: return T(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + m + (D(e, 14) === 45 ? "inline-" : "") + "box$3$1" + m + "$2$3$1" + f + "$2box$3") + e;
+				case 101: return T(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + m + (E(e, 14) === 45 ? "inline-" : "") + "box$3$1" + m + "$2$3$1" + f + "$2box$3") + e;
 			}
 			break;
 		case 5936:
-			switch (D(e, t + 11)) {
+			switch (E(e, t + 11)) {
 				case 114: return m + e + f + T(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
 				case 108: return m + e + f + T(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
 				case 45: return m + e + f + T(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
@@ -433,26 +433,26 @@ function Me(e, t) {
 	}
 	return e;
 }
-var Ne = [function(e, t, n, r) {
+var Pe = [function(e, t, n, r) {
 	if (e.length > -1 && !e.return) switch (e.type) {
 		case _:
-			e.return = Me(e.value, e.length);
+			e.return = Ne(e.value, e.length);
 			break;
-		case y: return V([F(e, { value: T(e.value, "@", "@" + m) })], r);
-		case g: if (e.length) return ie(e.props, function(t) {
+		case y: return B([N(e, { value: T(e.value, "@", "@" + m) })], r);
+		case g: if (e.length) return ae(e.props, function(t) {
 			switch (te(t, /(::plac\w+|:read-\w+)/)) {
 				case ":read-only":
-				case ":read-write": return V([F(e, { props: [T(t, /:(read-\w+)/, ":" + p + "$1")] })], r);
-				case "::placeholder": return V([
-					F(e, { props: [T(t, /:(plac\w+)/, ":" + m + "input-$1")] }),
-					F(e, { props: [T(t, /:(plac\w+)/, ":" + p + "$1")] }),
-					F(e, { props: [T(t, /:(plac\w+)/, f + "input-$1")] })
+				case ":read-write": return B([N(e, { props: [T(t, /:(read-\w+)/, ":" + p + "$1")] })], r);
+				case "::placeholder": return B([
+					N(e, { props: [T(t, /:(plac\w+)/, ":" + m + "input-$1")] }),
+					N(e, { props: [T(t, /:(plac\w+)/, ":" + p + "$1")] }),
+					N(e, { props: [T(t, /:(plac\w+)/, f + "input-$1")] })
 				], r);
 			}
 			return "";
 		});
 	}
-}], Pe = function(e) {
+}], Fe = function(e) {
 	var t = e.key;
 	if (t === "css") {
 		var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
@@ -460,15 +460,15 @@ var Ne = [function(e, t, n, r) {
 			e.getAttribute("data-emotion").indexOf(" ") !== -1 && (document.head.appendChild(e), e.setAttribute("data-s", ""));
 		});
 	}
-	var r = e.stylisPlugins || Ne, i = {}, a, o = [];
+	var r = e.stylisPlugins || Pe, i = {}, a, o = [];
 	a = e.container || document.head, Array.prototype.forEach.call(document.querySelectorAll("style[data-emotion^=\"" + t + " \"]"), function(e) {
 		for (var t = e.getAttribute("data-emotion").split(" "), n = 1; n < t.length; n++) i[t[n]] = !0;
 		o.push(e);
 	});
-	var s, c = [Ae, je], l, u = [Se, we(function(e) {
+	var s, c = [je, Me], l, u = [Ce, Te(function(e) {
 		l.insert(e);
-	})], f = Ce(c.concat(r, u)), p = function(e) {
-		return V(ve(e), f);
+	})], f = we(c.concat(r, u)), p = function(e) {
+		return B(ye(e), f);
 	};
 	s = function(e, t, n, r) {
 		l = n, p(e ? e + "{" + t.styles + "}" : t.styles), r && (m.inserted[t.name] = !0);
@@ -492,7 +492,7 @@ var Ne = [function(e, t, n, r) {
 };
 //#endregion
 //#region node_modules/@emotion/hash/dist/emotion-hash.esm.js
-function Fe(e) {
+function Ie(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;
@@ -503,7 +503,7 @@ function Fe(e) {
 }
 //#endregion
 //#region node_modules/@emotion/unitless/dist/emotion-unitless.esm.js
-var Ie = {
+var Le = {
 	animationIterationCount: 1,
 	aspectRatio: 1,
 	borderImageOutset: 1,
@@ -551,26 +551,26 @@ var Ie = {
 	strokeMiterlimit: 1,
 	strokeOpacity: 1,
 	strokeWidth: 1
-}, Le = /[A-Z]|^ms/g, Re = /_EMO_([^_]+?)_([^]*?)_EMO_/g, ze = function(e) {
+}, Re = /[A-Z]|^ms/g, ze = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Be = function(e) {
 	return e.charCodeAt(1) === 45;
-}, Be = function(e) {
+}, Ve = function(e) {
 	return e != null && typeof e != "boolean";
-}, Ve = /* #__PURE__ */ Te(function(e) {
-	return ze(e) ? e : e.replace(Le, "-$&").toLowerCase();
-}), He = function(e, t) {
+}, He = /* #__PURE__ */ Ee(function(e) {
+	return Be(e) ? e : e.replace(Re, "-$&").toLowerCase();
+}), Ue = function(e, t) {
 	switch (e) {
 		case "animation":
-		case "animationName": if (typeof t == "string") return t.replace(Re, function(e, t, n) {
-			return U = {
+		case "animationName": if (typeof t == "string") return t.replace(ze, function(e, t, n) {
+			return H = {
 				name: t,
 				styles: n,
-				next: U
+				next: H
 			}, t;
 		});
 	}
-	return Ie[e] !== 1 && !ze(e) && typeof t == "number" && t !== 0 ? t + "px" : t;
+	return Le[e] !== 1 && !Be(e) && typeof t == "number" && t !== 0 ? t + "px" : t;
 };
-function H(e, t, n) {
+function V(e, t, n) {
 	if (n == null) return "";
 	var r = n;
 	if (r.__emotion_styles !== void 0) return r;
@@ -578,25 +578,25 @@ function H(e, t, n) {
 		case "boolean": return "";
 		case "object":
 			var i = n;
-			if (i.anim === 1) return U = {
+			if (i.anim === 1) return H = {
 				name: i.name,
 				styles: i.styles,
-				next: U
+				next: H
 			}, i.name;
 			var a = n;
 			if (a.styles !== void 0) {
 				var o = a.next;
-				if (o !== void 0) for (; o !== void 0;) U = {
+				if (o !== void 0) for (; o !== void 0;) H = {
 					name: o.name,
 					styles: o.styles,
-					next: U
+					next: H
 				}, o = o.next;
 				return a.styles + ";";
 			}
-			return Ue(e, t, n);
+			return We(e, t, n);
 		case "function": if (e !== void 0) {
-			var s = U, c = n(e);
-			return U = s, H(e, t, c);
+			var s = H, c = n(e);
+			return H = s, V(e, t, c);
 		}
 	}
 	var l = n;
@@ -604,21 +604,21 @@ function H(e, t, n) {
 	var u = t[l];
 	return u === void 0 ? l : u;
 }
-function Ue(e, t, n) {
+function We(e, t, n) {
 	var r = "";
-	if (Array.isArray(n)) for (var i = 0; i < n.length; i++) r += H(e, t, n[i]) + ";";
+	if (Array.isArray(n)) for (var i = 0; i < n.length; i++) r += V(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] + "}" : Be(s) && (r += Ve(a) + ":" + He(a, s) + ";");
-		} else if (Array.isArray(o) && typeof o[0] == "string" && (t == null || t[o[0]] === void 0)) for (var c = 0; c < o.length; c++) Be(o[c]) && (r += Ve(a) + ":" + He(a, o[c]) + ";");
+			t != null && t[s] !== void 0 ? r += a + "{" + t[s] + "}" : Ve(s) && (r += He(a) + ":" + Ue(a, s) + ";");
+		} else if (Array.isArray(o) && typeof o[0] == "string" && (t == null || t[o[0]] === void 0)) for (var c = 0; c < o.length; c++) Ve(o[c]) && (r += He(a) + ":" + Ue(a, o[c]) + ";");
 		else {
-			var l = H(e, t, o);
+			var l = V(e, t, o);
 			switch (a) {
 				case "animation":
 				case "animationName":
-					r += Ve(a) + ":" + l + ";";
+					r += He(a) + ":" + l + ";";
 					break;
 				default: r += a + "{" + l + "}";
 			}
@@ -626,35 +626,35 @@ function Ue(e, t, n) {
 	}
 	return r;
 }
-var We = /label:\s*([^\s;{]+)\s*(;|$)/g, U;
-function Ge(e, t, n) {
+var Ge = /label:\s*([^\s;{]+)\s*(;|$)/g, H;
+function Ke(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 = "";
-	U = void 0;
+	H = void 0;
 	var a = e[0];
-	a == null || a.raw === void 0 ? (r = !1, i += H(n, t, a)) : i += a[0];
-	for (var o = 1; o < e.length; o++) i += H(n, t, e[o]), r && (i += a[o]);
-	We.lastIndex = 0;
-	for (var s = "", c; (c = We.exec(i)) !== null;) s += "-" + c[1];
+	a == null || a.raw === void 0 ? (r = !1, i += V(n, t, a)) : i += a[0];
+	for (var o = 1; o < e.length; o++) i += V(n, t, e[o]), r && (i += a[o]);
+	Ge.lastIndex = 0;
+	for (var s = "", c; (c = Ge.exec(i)) !== null;) s += "-" + c[1];
 	return {
-		name: Fe(i) + s,
+		name: Ie(i) + s,
 		styles: i,
-		next: U
+		next: H
 	};
 }
 //#endregion
 //#region node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js
-function Ke(e, t, n) {
+function qe(e, t, n) {
 	var r = "";
 	return n.split(" ").forEach(function(n) {
 		e[n] === void 0 ? n && (r += n + " ") : t.push(e[n] + ";");
 	}), r;
 }
-var qe = function(e, t, n) {
+var Je = function(e, t, n) {
 	var r = e.key + "-" + t.name;
 	n === !1 && e.registered[r] === void 0 && (e.registered[r] = t.styles);
-}, Je = function(e, t, n) {
-	qe(e, t, n);
+}, Ye = function(e, t, n) {
+	Je(e, t, n);
 	var r = e.key + "-" + t.name;
 	if (e.inserted[t.name] === void 0) {
 		var i = t;
@@ -665,34 +665,34 @@ var qe = function(e, t, n) {
 };
 //#endregion
 //#region node_modules/@emotion/css/create-instance/dist/emotion-css-create-instance.esm.js
-function Ye(e, t) {
+function Xe(e, t) {
 	if (e.inserted[t.name] === void 0) return e.insert("", t, e.sheet, !0);
 }
-function Xe(e, t, n) {
-	var r = [], i = Ke(e, r, n);
+function Ze(e, t, n) {
+	var r = [], i = qe(e, r, n);
 	return r.length < 2 ? n : i + t(r);
 }
-var Ze = function(e) {
-	var t = Pe(e);
+var Qe = function(e) {
+	var t = Fe(e);
 	t.sheet.speedy = function(e) {
 		this.isSpeedy = e;
 	}, t.compat = !0;
 	var n = function() {
-		var e = Ge([...arguments], t.registered, void 0);
-		return Je(t, e, !1), t.key + "-" + e.name;
+		var e = Ke([...arguments], t.registered, void 0);
+		return Ye(t, e, !1), t.key + "-" + e.name;
 	};
 	return {
 		css: n,
 		cx: function() {
 			var e = [...arguments];
-			return Xe(t.registered, n, Qe(e));
+			return Ze(t.registered, n, $e(e));
 		},
 		injectGlobal: function() {
-			Ye(t, Ge([...arguments], t.registered));
+			Xe(t, Ke([...arguments], t.registered));
 		},
 		keyframes: function() {
-			var e = Ge([...arguments], t.registered), n = "animation-" + e.name;
-			return Ye(t, {
+			var e = Ke([...arguments], t.registered), n = "animation-" + e.name;
+			return Xe(t, {
 				name: e.name,
 				styles: "@keyframes " + n + "{" + e.styles + "}"
 			}), n;
@@ -707,10 +707,10 @@ var Ze = function(e) {
 		},
 		sheet: t.sheet,
 		cache: t,
-		getRegisteredStyles: Ke.bind(null, t.registered),
-		merge: Xe.bind(null, t.registered, n)
+		getRegisteredStyles: qe.bind(null, t.registered),
+		merge: Ze.bind(null, t.registered, n)
 	};
-}, Qe = function e(t) {
+}, $e = function e(t) {
 	for (var n = "", r = 0; r < t.length; r++) {
 		var i = t[r];
 		if (i != null) {
@@ -727,15 +727,15 @@ var Ze = function(e) {
 		}
 	}
 	return n;
-}, W = Ze({ key: "css" });
-W.flush, W.hydrate;
-var G = W.cx;
-W.merge, W.getRegisteredStyles;
-var $e = W.injectGlobal, et = W.keyframes, K = W.css;
-W.sheet, W.cache;
+}, U = Qe({ key: "css" });
+U.flush, U.hydrate;
+var W = U.cx;
+U.merge, U.getRegisteredStyles;
+var et = U.injectGlobal, tt = U.keyframes, G = U.css;
+U.sheet, U.cache;
 //#endregion
 //#region \0virtual:svg-sprite
-var tt = "<svg xmlns=\"http://www.w3.org/2000/svg\" style=\"position:absolute;width:0;height:0;\" id=\"svg-sprite\"><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-bars-corner\" viewBox=\"0 0 24 24\"><path d=\"M7 15v1a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1\"/><path d=\"M7 8v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1\"/><path d=\"M3 3v10c0 3.771 0 5.657 1.172 6.828S7.229 21 11 21h10\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-check\" viewBox=\"0 0 24 24\"><path d=\"m5 13.26 2.586 2.697C8.252 16.652 8.586 17 9 17s.748-.348 1.414-1.043L19 7\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-down\" viewBox=\"0 0 24 24\"><path d=\"M18 9s-4.419 6-6 6-6-6-6-6\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-exclamation-triangle\" viewBox=\"0 0 24 24\"><path d=\"M13.925 21h-3.85c-4.63 0-6.945 0-7.799-1.506-.853-1.506.331-3.503 2.7-7.495L6.9 8.753C9.176 4.918 10.313 3 12 3s2.824 1.918 5.1 5.753L19.023 12c2.369 3.992 3.553 5.989 2.7 7.495C20.87 21 18.555 21 13.924 21\"/><path d=\"M12 9v4\"/><path d=\"M12.125 16.75H12m.25 0a.25.25 0 1 1-.5 0 .25.25 0 0 1 .5 0\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-home\" viewBox=\"0 0 24 24\"><path d=\"M3 11.99v2.51c0 3.3 0 4.95 1.025 5.975S6.7 21.5 10 21.5h4c3.3 0 4.95 0 5.975-1.025S21 17.8 21 14.5v-2.51c0-1.682 0-2.522-.356-3.25s-1.02-1.244-2.346-2.276l-2-1.555C14.233 3.303 13.2 2.5 12 2.5s-2.233.803-4.298 2.409l-2 1.555C4.375 7.496 3.712 8.012 3.356 8.74S3 10.308 3 11.99\"/><path d=\"M15 17c-.8.622-1.85 1-3 1s-2.2-.378-3-1\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-hourglass\" viewBox=\"0 0 24 24\"><path d=\"M4 3h16\"/><path d=\"M5.5 3v2.03A4 4 0 0 0 7.061 8.2L12 12l4.939-3.8A4 4 0 0 0 18.5 5.03V3\"/><path d=\"M5.5 21v-2.03a4 4 0 0 1 1.561-3.17L12 12l4.939 3.8a4 4 0 0 1 1.561 3.17V21\"/><path d=\"M4 21h16\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-info\" viewBox=\"0 0 24 24\"><path d=\"M2.5 12c0-4.478 0-6.718 1.391-8.109S7.521 2.5 12 2.5c4.478 0 6.718 0 8.109 1.391S21.5 7.521 21.5 12c0 4.478 0 6.718-1.391 8.109S16.479 21.5 12 21.5c-4.478 0-6.718 0-8.109-1.391S2.5 16.479 2.5 12\"/><path d=\"M12 16v-4\"/><path d=\"M12.125 8.25H12m.25 0a.25.25 0 1 0-.5 0 .25.25 0 0 0 .5 0\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-menu\" viewBox=\"0 0 24 24\"><path d=\"M4 9h16\"/><path d=\"M4 15h10\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-plus\" viewBox=\"0 0 24 24\"><path d=\"M11.992 4v16m8-8h-16\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-squares-cog\" viewBox=\"0 0 24 24\"><path d=\"M17.25 3v1.34m0 0c.666 0 1.268.27 1.704.706M17.25 4.34c-.666 0-1.268.27-1.704.706M17.25 9.16v1.34m0-1.339c.666 0 1.268-.27 1.705-.706m-1.705.706c-.666 0-1.268-.27-1.705-.706M21 6.75h-1.34m0 0c0 .666-.27 1.269-.705 1.705m.706-1.705a2.4 2.4 0 0 0-.707-1.704M14.84 6.75H13.5m1.34 0c0-.665.27-1.268.706-1.704m-.707 1.704c0 .666.27 1.269.706 1.705m4.357-4.357-.948.948m-4.356 4.356.947-.947m4.357.947-.947-.947m-4.357-4.357.947.948\"/><path d=\"M13.69 19.457c-.19-.46-.19-1.042-.19-2.207s0-1.747.19-2.207a2.5 2.5 0 0 1 1.353-1.353c.46-.19 1.042-.19 2.207-.19s1.747 0 2.207.19a2.5 2.5 0 0 1 1.353 1.353c.19.46.19 1.042.19 2.207s0 1.747-.19 2.207a2.5 2.5 0 0 1-1.353 1.353c-.46.19-1.042.19-2.207.19s-1.747 0-2.207-.19a2.5 2.5 0 0 1-1.353-1.353\"/><path d=\"M3.19 19.457C3 18.997 3 18.415 3 17.25s0-1.747.19-2.207a2.5 2.5 0 0 1 1.353-1.353c.46-.19 1.042-.19 2.207-.19s1.747 0 2.207.19a2.5 2.5 0 0 1 1.353 1.353c.19.46.19 1.042.19 2.207s0 1.747-.19 2.207a2.5 2.5 0 0 1-1.353 1.353c-.46.19-1.042.19-2.207.19s-1.747 0-2.207-.19a2.5 2.5 0 0 1-1.353-1.353\"/><path d=\"M3.19 8.957C3 8.497 3 7.915 3 6.75s0-1.747.19-2.207A2.5 2.5 0 0 1 4.543 3.19C5.003 3 5.585 3 6.75 3s1.747 0 2.207.19a2.5 2.5 0 0 1 1.353 1.353c.19.46.19 1.042.19 2.207s0 1.747-.19 2.207a2.5 2.5 0 0 1-1.353 1.353c-.46.19-1.042.19-2.207.19s-1.747 0-2.207-.19A2.5 2.5 0 0 1 3.19 8.957\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-stack\" viewBox=\"0 0 24 24\"><path d=\"M21 14c0 1.4 0 2.1-.273 2.635a2.5 2.5 0 0 1-1.092 1.092C19.1 18 18.4 18 17 18H7c-1.4 0-2.1 0-2.635-.273a2.5 2.5 0 0 1-1.093-1.092C3 16.1 3 15.4 3 14\"/><path d=\"M6 14h12\"/><path d=\"M6 10h12\"/><path d=\"M6 6h12\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-terminal\" viewBox=\"0 0 24 24\"><path d=\"M7.492 7.5 8.72 8.557c.515.445.773.667.773.943s-.258.498-.773.943L7.492 11.5\"/><path d=\"M11.492 12.5h4\"/><path d=\"M11.992 21c3.75 0 5.625 0 6.94-.955a5 5 0 0 0 1.105-1.106c.955-1.314.955-3.19.955-6.939s0-5.625-.955-6.939a5 5 0 0 0-1.106-1.106C17.617 3 15.741 3 11.992 3s-5.624 0-6.939.955A5 5 0 0 0 3.947 5.06c-.955 1.314-.955 3.19-.955 6.939s0 5.625.955 6.939a5 5 0 0 0 1.106 1.106c1.315.955 3.19.955 6.94.955\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-x\" viewBox=\"0 0 24 24\"><path d=\"m18 6-6 6m0 0-6 6m6-6 6 6m-6-6L6 6\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-bookmark\" viewBox=\"0 0 24 24\"><path stroke-linejoin=\"round\" d=\"M11 2C7.229 2 5.343 2 4.172 3.129 3 4.257 3 6.074 3 9.708v8.273c0 2.306 0 3.459.773 3.871 1.496.8 4.304-1.867 5.637-2.67.773-.465 1.16-.698 1.59-.698s.817.233 1.59.698c1.333.803 4.14 3.47 5.637 2.67.773-.412.773-1.565.773-3.871V13\"/><path d=\"M17 10V2m-4 4h8\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-bug\" viewBox=\"0 0 24 24\"><path d=\"M3.012 6.597c-.12 1.06.646 3.598 2.865 3.658\"/><path d=\"M18.29 10.195c1.078.06 2.697-1.2 2.697-3.598\"/><path d=\"M20.088 20.988c.06-1.38-.84-3.514-2.579-3.574\"/><path d=\"M3.901 20.988c-.06-1.388.858-3.537 2.636-3.597\"/><path d=\"M3.012 13.793h2.206\"/><path d=\"M21 13.793h-2.172\"/><path d=\"M11.993 13.793v-2.938M16.49 3l-1.799 1.799m-7.195-1.8 1.799 1.8\"/><path d=\"M6.956 8.612c1.619 1.163 5.636 2.842 10.014.072\"/><path d=\"M16.826 7.677c-3.574-4.977-8.13-2.579-9.75.144-1.055 1.774-2.698 6.068.42 10.745 3.358 4.1 7.315 2.242 8.934.083 1.56-1.858 3.094-6.655.396-10.972Z\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-trash\" viewBox=\"0 0 24 24\"><path d=\"m19.5 5.5-.62 10.025c-.158 2.561-.237 3.842-.88 4.763a4 4 0 0 1-1.2 1.128c-.957.584-2.24.584-4.806.584-2.57 0-3.855 0-4.814-.585a4 4 0 0 1-1.2-1.13c-.642-.922-.72-2.205-.874-4.77L4.5 5.5\"/><path d=\"M3 5.5h18m-4.944 0-.683-1.408c-.453-.936-.68-1.403-1.071-1.695a2 2 0 0 0-.275-.172C13.594 2 13.074 2 12.035 2c-1.066 0-1.599 0-2.04.234a2 2 0 0 0-.278.18c-.395.303-.616.788-1.058 1.757L8.053 5.5\"/><path d=\"M9.5 16.5v-6\"/><path d=\"M14.5 16.5v-6\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-award\" viewBox=\"0 0 24 24\"><path d=\"M9.426 3.063C10.684 2.354 11.312 2 12 2s1.316.354 2.574 1.063l1.75.986c1.305.735 1.958 1.103 2.317 1.718S19 7.132 19 8.632v1.736c0 1.5 0 2.25-.36 2.865-.358.615-1.01.983-2.316 1.718l-1.75.986C13.316 16.646 12.688 17 12 17s-1.316-.354-2.574-1.063l-1.75-.986c-1.305-.735-1.958-1.103-2.317-1.718S5 11.868 5 10.368V8.632c0-1.5 0-2.25.36-2.865.358-.615 1.01-.983 2.316-1.718z\"/><path stroke-linecap=\"round\" d=\"m16.883 15 .67 3.21c.43 2.062.646 3.093.203 3.582-.442.489-1.21.069-2.746-.772l-2.274-1.245c-.363-.198-.544-.298-.736-.298s-.373.1-.736.298L8.99 21.02c-1.536.84-2.304 1.261-2.746.772s-.227-1.52.203-3.582l.67-3.21\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-list-play\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" d=\"M3 5h18\"/><path stroke-linecap=\"round\" d=\"M3 12h6\"/><path d=\"M20.945 15.451c-.176.716-1.012 1.223-2.682 2.235-1.615.979-2.422 1.468-3.073 1.271a1.6 1.6 0 0 1-.712-.448C14 17.994 14 16.996 14 15s0-2.994.478-3.509c.198-.212.443-.367.712-.448.65-.197 1.458.293 3.073 1.271 1.67 1.012 2.506 1.518 2.682 2.235a1.9 1.9 0 0 1 0 .902Z\"/><path stroke-linecap=\"round\" d=\"M3 19h6\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-play\" viewBox=\"0 0 24 24\"><path d=\"M18.89 12.846c-.353 1.343-2.023 2.292-5.364 4.19-3.23 1.835-4.845 2.752-6.146 2.384a3.25 3.25 0 0 1-1.424-.841C5 17.614 5 15.743 5 12s0-5.614.956-6.579a3.25 3.25 0 0 1 1.424-.84c1.301-.37 2.916.548 6.146 2.383 3.34 1.898 5.011 2.847 5.365 4.19a3.3 3.3 0 0 1 0 1.692Z\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-sparkles\" viewBox=\"0 0 24 24\"><path d=\"m15 2 .539 2.392a5.39 5.39 0 0 0 4.07 4.07L22 9l-2.392.539a5.39 5.39 0 0 0-4.07 4.07L15 16l-.539-2.392a5.39 5.39 0 0 0-4.07-4.07L8 9l2.392-.539a5.39 5.39 0 0 0 4.07-4.07z\"/><path d=\"m7 12 .385 1.708a3.85 3.85 0 0 0 2.907 2.907L12 17l-1.708.385a3.85 3.85 0 0 0-2.907 2.907L7 22l-.385-1.708a3.85 3.85 0 0 0-2.907-2.907L2 17l1.708-.385a3.85 3.85 0 0 0 2.907-2.907z\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-eye\" viewBox=\"0 0 24 24\"><path d=\"M21.544 11.045c.304.426.456.64.456.955 0 .316-.152.529-.456.955C20.178 14.871 16.689 19 12 19c-4.69 0-8.178-4.13-9.544-6.045C2.152 12.529 2 12.315 2 12c0-.316.152-.529.456-.955C3.822 9.129 7.311 5 12 5c4.69 0 8.178 4.13 9.544 6.045Z\"/><path d=\"M15 12a3 3 0 1 0-6 0 3 3 0 0 0 6 0Z\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-sliders\" viewBox=\"0 0 24 24\"><path stroke-linejoin=\"round\" d=\"M2.5 12c0-4.478 0-6.718 1.391-8.109S7.521 2.5 12 2.5c4.478 0 6.718 0 8.109 1.391S21.5 7.521 21.5 12c0 4.478 0 6.718-1.391 8.109S16.479 21.5 12 21.5c-4.478 0-6.718 0-8.109-1.391S2.5 16.479 2.5 12Z\"/><path d=\"M8.5 10a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z\"/><path d=\"M15.5 17a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z\"/><path stroke-linecap=\"round\" d=\"M10 8.5h7\"/><path stroke-linecap=\"round\" d=\"M14 15.5H7\"/></symbol></svg>", nt = !1, rt = new URL("./assets/manrope.woff2", import.meta.url).href ?? "/fonts/manrope.woff2", q = {
+var nt = "<svg xmlns=\"http://www.w3.org/2000/svg\" style=\"position:absolute;width:0;height:0;\" id=\"svg-sprite\"><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-bars-corner\" viewBox=\"0 0 24 24\"><path d=\"M7 15v1a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1\"/><path d=\"M7 8v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1\"/><path d=\"M3 3v10c0 3.771 0 5.657 1.172 6.828S7.229 21 11 21h10\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-check\" viewBox=\"0 0 24 24\"><path d=\"m5 13.26 2.586 2.697C8.252 16.652 8.586 17 9 17s.748-.348 1.414-1.043L19 7\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-down\" viewBox=\"0 0 24 24\"><path d=\"M18 9s-4.419 6-6 6-6-6-6-6\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-exclamation-triangle\" viewBox=\"0 0 24 24\"><path d=\"M13.925 21h-3.85c-4.63 0-6.945 0-7.799-1.506-.853-1.506.331-3.503 2.7-7.495L6.9 8.753C9.176 4.918 10.313 3 12 3s2.824 1.918 5.1 5.753L19.023 12c2.369 3.992 3.553 5.989 2.7 7.495C20.87 21 18.555 21 13.924 21\"/><path d=\"M12 9v4\"/><path d=\"M12.125 16.75H12m.25 0a.25.25 0 1 1-.5 0 .25.25 0 0 1 .5 0\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-filter\" viewBox=\"0 0 24 24\"><path d=\"M8.857 12.506C6.37 10.646 4.596 8.6 3.627 7.45c-.3-.356-.398-.617-.457-1.076-.202-1.572-.303-2.358.158-2.866S4.604 3 6.234 3h11.532c1.63 0 2.445 0 2.906.507.461.508.36 1.294.158 2.866-.06.459-.158.72-.457 1.076-.97 1.152-2.747 3.202-5.24 5.065a1.05 1.05 0 0 0-.402.747c-.247 2.731-.475 4.227-.617 4.983-.229 1.222-1.96 1.957-2.888 2.612-.552.39-1.222-.074-1.293-.678a196 196 0 0 1-.674-6.917 1.05 1.05 0 0 0-.402-.755\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-home\" viewBox=\"0 0 24 24\"><path d=\"M3 11.99v2.51c0 3.3 0 4.95 1.025 5.975S6.7 21.5 10 21.5h4c3.3 0 4.95 0 5.975-1.025S21 17.8 21 14.5v-2.51c0-1.682 0-2.522-.356-3.25s-1.02-1.244-2.346-2.276l-2-1.555C14.233 3.303 13.2 2.5 12 2.5s-2.233.803-4.298 2.409l-2 1.555C4.375 7.496 3.712 8.012 3.356 8.74S3 10.308 3 11.99\"/><path d=\"M15 17c-.8.622-1.85 1-3 1s-2.2-.378-3-1\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-hourglass\" viewBox=\"0 0 24 24\"><path d=\"M4 3h16\"/><path d=\"M5.5 3v2.03A4 4 0 0 0 7.061 8.2L12 12l4.939-3.8A4 4 0 0 0 18.5 5.03V3\"/><path d=\"M5.5 21v-2.03a4 4 0 0 1 1.561-3.17L12 12l4.939 3.8a4 4 0 0 1 1.561 3.17V21\"/><path d=\"M4 21h16\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-info\" viewBox=\"0 0 24 24\"><path d=\"M2.5 12c0-4.478 0-6.718 1.391-8.109S7.521 2.5 12 2.5c4.478 0 6.718 0 8.109 1.391S21.5 7.521 21.5 12c0 4.478 0 6.718-1.391 8.109S16.479 21.5 12 21.5c-4.478 0-6.718 0-8.109-1.391S2.5 16.479 2.5 12\"/><path d=\"M12 16v-4\"/><path d=\"M12.125 8.25H12m.25 0a.25.25 0 1 0-.5 0 .25.25 0 0 0 .5 0\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-menu\" viewBox=\"0 0 24 24\"><path d=\"M4 9h16\"/><path d=\"M4 15h10\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-plus\" viewBox=\"0 0 24 24\"><path d=\"M11.992 4v16m8-8h-16\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-squares-cog\" viewBox=\"0 0 24 24\"><path d=\"M17.25 3v1.34m0 0c.666 0 1.268.27 1.704.706M17.25 4.34c-.666 0-1.268.27-1.704.706M17.25 9.16v1.34m0-1.339c.666 0 1.268-.27 1.705-.706m-1.705.706c-.666 0-1.268-.27-1.705-.706M21 6.75h-1.34m0 0c0 .666-.27 1.269-.705 1.705m.706-1.705a2.4 2.4 0 0 0-.707-1.704M14.84 6.75H13.5m1.34 0c0-.665.27-1.268.706-1.704m-.707 1.704c0 .666.27 1.269.706 1.705m4.357-4.357-.948.948m-4.356 4.356.947-.947m4.357.947-.947-.947m-4.357-4.357.947.948\"/><path d=\"M13.69 19.457c-.19-.46-.19-1.042-.19-2.207s0-1.747.19-2.207a2.5 2.5 0 0 1 1.353-1.353c.46-.19 1.042-.19 2.207-.19s1.747 0 2.207.19a2.5 2.5 0 0 1 1.353 1.353c.19.46.19 1.042.19 2.207s0 1.747-.19 2.207a2.5 2.5 0 0 1-1.353 1.353c-.46.19-1.042.19-2.207.19s-1.747 0-2.207-.19a2.5 2.5 0 0 1-1.353-1.353\"/><path d=\"M3.19 19.457C3 18.997 3 18.415 3 17.25s0-1.747.19-2.207a2.5 2.5 0 0 1 1.353-1.353c.46-.19 1.042-.19 2.207-.19s1.747 0 2.207.19a2.5 2.5 0 0 1 1.353 1.353c.19.46.19 1.042.19 2.207s0 1.747-.19 2.207a2.5 2.5 0 0 1-1.353 1.353c-.46.19-1.042.19-2.207.19s-1.747 0-2.207-.19a2.5 2.5 0 0 1-1.353-1.353\"/><path d=\"M3.19 8.957C3 8.497 3 7.915 3 6.75s0-1.747.19-2.207A2.5 2.5 0 0 1 4.543 3.19C5.003 3 5.585 3 6.75 3s1.747 0 2.207.19a2.5 2.5 0 0 1 1.353 1.353c.19.46.19 1.042.19 2.207s0 1.747-.19 2.207a2.5 2.5 0 0 1-1.353 1.353c-.46.19-1.042.19-2.207.19s-1.747 0-2.207-.19A2.5 2.5 0 0 1 3.19 8.957\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-stack\" viewBox=\"0 0 24 24\"><path d=\"M21 14c0 1.4 0 2.1-.273 2.635a2.5 2.5 0 0 1-1.092 1.092C19.1 18 18.4 18 17 18H7c-1.4 0-2.1 0-2.635-.273a2.5 2.5 0 0 1-1.093-1.092C3 16.1 3 15.4 3 14\"/><path d=\"M6 14h12\"/><path d=\"M6 10h12\"/><path d=\"M6 6h12\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-terminal\" viewBox=\"0 0 24 24\"><path d=\"M7.492 7.5 8.72 8.557c.515.445.773.667.773.943s-.258.498-.773.943L7.492 11.5\"/><path d=\"M11.492 12.5h4\"/><path d=\"M11.992 21c3.75 0 5.625 0 6.94-.955a5 5 0 0 0 1.105-1.106c.955-1.314.955-3.19.955-6.939s0-5.625-.955-6.939a5 5 0 0 0-1.106-1.106C17.617 3 15.741 3 11.992 3s-5.624 0-6.939.955A5 5 0 0 0 3.947 5.06c-.955 1.314-.955 3.19-.955 6.939s0 5.625.955 6.939a5 5 0 0 0 1.106 1.106c1.315.955 3.19.955 6.94.955\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-x\" viewBox=\"0 0 24 24\"><path d=\"m18 6-6 6m0 0-6 6m6-6 6 6m-6-6L6 6\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-bookmark\" viewBox=\"0 0 24 24\"><path stroke-linejoin=\"round\" d=\"M11 2C7.229 2 5.343 2 4.172 3.129 3 4.257 3 6.074 3 9.708v8.273c0 2.306 0 3.459.773 3.871 1.496.8 4.304-1.867 5.637-2.67.773-.465 1.16-.698 1.59-.698s.817.233 1.59.698c1.333.803 4.14 3.47 5.637 2.67.773-.412.773-1.565.773-3.871V13\"/><path d=\"M17 10V2m-4 4h8\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-bug\" viewBox=\"0 0 24 24\"><path d=\"M3.012 6.597c-.12 1.06.646 3.598 2.865 3.658\"/><path d=\"M18.29 10.195c1.078.06 2.697-1.2 2.697-3.598\"/><path d=\"M20.088 20.988c.06-1.38-.84-3.514-2.579-3.574\"/><path d=\"M3.901 20.988c-.06-1.388.858-3.537 2.636-3.597\"/><path d=\"M3.012 13.793h2.206\"/><path d=\"M21 13.793h-2.172\"/><path d=\"M11.993 13.793v-2.938M16.49 3l-1.799 1.799m-7.195-1.8 1.799 1.8\"/><path d=\"M6.956 8.612c1.619 1.163 5.636 2.842 10.014.072\"/><path d=\"M16.826 7.677c-3.574-4.977-8.13-2.579-9.75.144-1.055 1.774-2.698 6.068.42 10.745 3.358 4.1 7.315 2.242 8.934.083 1.56-1.858 3.094-6.655.396-10.972Z\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-trash\" viewBox=\"0 0 24 24\"><path d=\"m19.5 5.5-.62 10.025c-.158 2.561-.237 3.842-.88 4.763a4 4 0 0 1-1.2 1.128c-.957.584-2.24.584-4.806.584-2.57 0-3.855 0-4.814-.585a4 4 0 0 1-1.2-1.13c-.642-.922-.72-2.205-.874-4.77L4.5 5.5\"/><path d=\"M3 5.5h18m-4.944 0-.683-1.408c-.453-.936-.68-1.403-1.071-1.695a2 2 0 0 0-.275-.172C13.594 2 13.074 2 12.035 2c-1.066 0-1.599 0-2.04.234a2 2 0 0 0-.278.18c-.395.303-.616.788-1.058 1.757L8.053 5.5\"/><path d=\"M9.5 16.5v-6\"/><path d=\"M14.5 16.5v-6\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-award\" viewBox=\"0 0 24 24\"><path d=\"M9.426 3.063C10.684 2.354 11.312 2 12 2s1.316.354 2.574 1.063l1.75.986c1.305.735 1.958 1.103 2.317 1.718S19 7.132 19 8.632v1.736c0 1.5 0 2.25-.36 2.865-.358.615-1.01.983-2.316 1.718l-1.75.986C13.316 16.646 12.688 17 12 17s-1.316-.354-2.574-1.063l-1.75-.986c-1.305-.735-1.958-1.103-2.317-1.718S5 11.868 5 10.368V8.632c0-1.5 0-2.25.36-2.865.358-.615 1.01-.983 2.316-1.718z\"/><path stroke-linecap=\"round\" d=\"m16.883 15 .67 3.21c.43 2.062.646 3.093.203 3.582-.442.489-1.21.069-2.746-.772l-2.274-1.245c-.363-.198-.544-.298-.736-.298s-.373.1-.736.298L8.99 21.02c-1.536.84-2.304 1.261-2.746.772s-.227-1.52.203-3.582l.67-3.21\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-list-play\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" d=\"M3 5h18\"/><path stroke-linecap=\"round\" d=\"M3 12h6\"/><path d=\"M20.945 15.451c-.176.716-1.012 1.223-2.682 2.235-1.615.979-2.422 1.468-3.073 1.271a1.6 1.6 0 0 1-.712-.448C14 17.994 14 16.996 14 15s0-2.994.478-3.509c.198-.212.443-.367.712-.448.65-.197 1.458.293 3.073 1.271 1.67 1.012 2.506 1.518 2.682 2.235a1.9 1.9 0 0 1 0 .902Z\"/><path stroke-linecap=\"round\" d=\"M3 19h6\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-play\" viewBox=\"0 0 24 24\"><path d=\"M18.89 12.846c-.353 1.343-2.023 2.292-5.364 4.19-3.23 1.835-4.845 2.752-6.146 2.384a3.25 3.25 0 0 1-1.424-.841C5 17.614 5 15.743 5 12s0-5.614.956-6.579a3.25 3.25 0 0 1 1.424-.84c1.301-.37 2.916.548 6.146 2.383 3.34 1.898 5.011 2.847 5.365 4.19a3.3 3.3 0 0 1 0 1.692Z\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-sparkles\" viewBox=\"0 0 24 24\"><path d=\"m15 2 .539 2.392a5.39 5.39 0 0 0 4.07 4.07L22 9l-2.392.539a5.39 5.39 0 0 0-4.07 4.07L15 16l-.539-2.392a5.39 5.39 0 0 0-4.07-4.07L8 9l2.392-.539a5.39 5.39 0 0 0 4.07-4.07z\"/><path d=\"m7 12 .385 1.708a3.85 3.85 0 0 0 2.907 2.907L12 17l-1.708.385a3.85 3.85 0 0 0-2.907 2.907L7 22l-.385-1.708a3.85 3.85 0 0 0-2.907-2.907L2 17l1.708-.385a3.85 3.85 0 0 0 2.907-2.907z\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-eye\" viewBox=\"0 0 24 24\"><path d=\"M21.544 11.045c.304.426.456.64.456.955 0 .316-.152.529-.456.955C20.178 14.871 16.689 19 12 19c-4.69 0-8.178-4.13-9.544-6.045C2.152 12.529 2 12.315 2 12c0-.316.152-.529.456-.955C3.822 9.129 7.311 5 12 5c4.69 0 8.178 4.13 9.544 6.045Z\"/><path d=\"M15 12a3 3 0 1 0-6 0 3 3 0 0 0 6 0Z\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-sliders\" viewBox=\"0 0 24 24\"><path stroke-linejoin=\"round\" d=\"M2.5 12c0-4.478 0-6.718 1.391-8.109S7.521 2.5 12 2.5c4.478 0 6.718 0 8.109 1.391S21.5 7.521 21.5 12c0 4.478 0 6.718-1.391 8.109S16.479 21.5 12 21.5c-4.478 0-6.718 0-8.109-1.391S2.5 16.479 2.5 12Z\"/><path d=\"M8.5 10a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z\"/><path d=\"M15.5 17a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z\"/><path stroke-linecap=\"round\" d=\"M10 8.5h7\"/><path stroke-linecap=\"round\" d=\"M14 15.5H7\"/></symbol></svg>", rt = !1, it = new URL("./assets/manrope.woff2", import.meta.url).href ?? "/fonts/manrope.woff2", K = {
 	fontFamily: "Manrope",
 	zIndex: {
 		front: 1,
@@ -772,10 +772,10 @@ var tt = "<svg xmlns=\"http://www.w3.org/2000/svg\" style=\"position:absolute;wi
 		stretch: "\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            left: 0;\n        "
 	},
 	load() {
-		nt || typeof document > "u" || ($e(`
+		rt || typeof document > "u" || (et(`
             @font-face {
                 font-family: 'Manrope';
-                src: url('${rt}') format('woff2');
+                src: url('${it}') format('woff2');
                 font-weight: 100 900;
                 font-style: normal;
                 font-display: swap;
@@ -857,14 +857,14 @@ var tt = "<svg xmlns=\"http://www.w3.org/2000/svg\" style=\"position:absolute;wi
 
             [is-loading] { cursor: default !important; }
             [is-clickable] { cursor: pointer; }
-        `), !(document.getElementById("svg-sprite") || !document.body) && (document.body.insertAdjacentHTML("afterbegin", tt), nt = !0));
+        `), !(document.getElementById("svg-sprite") || !document.body) && (document.body.insertAdjacentHTML("afterbegin", nt), rt = !0));
 	}
 };
 //#endregion
 //#region src/components/_icon.jsx
-function J({ className: e, size: t = "1.25rem", color: n = q.colors.fore.primary, iconName: r, isSpinning: i }) {
+function q({ className: e, size: t = "1.25rem", color: n = K.colors.fore.primary, iconName: r, isSpinning: i }) {
 	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("svg", {
-		className: G(it.base, e),
+		className: W(at.base, e),
 		style: {
 			color: n,
 			width: t,
@@ -875,14 +875,14 @@ function J({ className: e, size: t = "1.25rem", color: n = q.colors.fore.primary
 		children: /* @__PURE__ */ s("use", { href: `#icon-${r}` })
 	}) });
 }
-var it = { base: K`
+var at = { base: G`
         fill: currentColor;
         display: inline-block;
         flex-shrink: 0;
         will-change: transform;
         transition: transform .1s linear;
 
-        &[is-spinning] { animation: ${et`
+        &[is-spinning] { animation: ${tt`
     0% {
         transform: rotate(0deg);
         animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -901,26 +901,26 @@ var it = { base: K`
     ` };
 //#endregion
 //#region src/components/_popup-box.jsx
-function at({ className: e, trigger: t, children: n, id: r, isOpen: i = !1, origin: a = "center", role: l, width: u }) {
+function ot({ className: e, trigger: t, children: n, id: r, isOpen: i = !1, origin: a = "center", role: l, width: u }) {
 	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("div", {
-		className: ot.base,
+		className: st.base,
 		children: [t, i && /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
 			id: r,
-			className: G(ot.popup, ot[a] ?? ot.center, e),
+			className: W(st.popup, st[a] ?? st.center, e),
 			style: { width: u },
 			role: l,
 			children: n
 		}) })]
 	}) });
 }
-var ot = {
-	base: K`
+var st = {
+	base: G`
         display: inline-block;
         position: relative;
     `,
-	popup: K`
+	popup: G`
         position: absolute;
-        z-index: ${q.zIndex.front + 1};
+        z-index: ${K.zIndex.front + 1};
         top: calc(100% + .5rem);
         min-width: 100%;
         width: max-content;
@@ -928,31 +928,39 @@ var ot = {
         padding: .5rem;
         border: solid 1px #e5e7e9;
         border-radius: 10px;
-        color: ${q.colors.fore.primary};
-        background-color: ${q.colors.back.primary};
+        color: ${K.colors.fore.primary};
+        background-color: ${K.colors.back.primary};
         box-shadow: 0 6px 20px rgb(22 24 38 / 10%);
-        font-family: ${q.fontFamily}, sans-serif;
+        font-family: ${K.fontFamily}, sans-serif;
     `,
-	center: K`
+	center: G`
         left: 50%;
         transform: translateX(-50%);
     `,
-	left: K`
+	left: G`
         left: 0;
     `,
-	right: K`
+	right: G`
         right: 0;
+    `,
+	leftSide: G`
+        top: 0;
+        right: calc(100% + 1rem);
+    `,
+	rightSide: G`
+        top: 0;
+        left: calc(100% + 1rem);
     `
 };
 //#endregion
 //#region src/components/_actions.jsx
-function st({ items: e = [] }) {
+function ct({ items: e = [] }) {
 	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("nav", {
-		className: Y.base,
-		children: e.map((e) => /* @__PURE__ */ s(ct, { item: e }))
+		className: J.base,
+		children: e.map((e) => /* @__PURE__ */ s(lt, { item: e }))
 	}) });
 }
-function ct({ item: e }) {
+function lt({ item: e }) {
 	let t = i(), l = a(null), u = a(null), d = a([]), f = n(!1), p = e.subActions ?? e.items ?? [], m = p.length > 0;
 	r(() => {
 		if (!f.value) return;
@@ -1009,19 +1017,19 @@ function ct({ item: e }) {
 	}
 	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
 		ref: l,
-		className: Y.action,
-		children: /* @__PURE__ */ s(at, {
-			className: Y.popup,
+		className: J.action,
+		children: /* @__PURE__ */ s(ot, {
+			className: J.popup,
 			trigger: /* @__PURE__ */ c("button", {
 				ref: u,
 				type: "button",
-				className: G(Y.button, !e.label && Y.iconOnly),
+				className: W(J.button, !e.label && J.iconOnly),
 				disabled: e.isDisabled,
 				"is-clickable": !e.isDisabled || void 0,
 				"is-disabled": e.isDisabled || void 0,
 				onClick: h,
 				onKeyDown: _,
-				children: [e.iconName && /* @__PURE__ */ s(J, {
+				children: [e.iconName && /* @__PURE__ */ s(q, {
 					iconName: e.iconName,
 					size: "1rem"
 				}), e.label && /* @__PURE__ */ s("span", { children: e.label })]
@@ -1034,11 +1042,11 @@ function ct({ item: e }) {
 				ref: (e) => d.current[t] = e,
 				type: "button",
 				role: "menuitem",
-				className: Y.option,
+				className: J.option,
 				disabled: e.isDisabled,
 				onClick: (t) => v(t, e),
 				onKeyDown: (e) => y(e, t),
-				children: [e.iconName && /* @__PURE__ */ s(J, {
+				children: [e.iconName && /* @__PURE__ */ s(q, {
 					iconName: e.iconName,
 					size: "1rem"
 				}), e.label && /* @__PURE__ */ s("span", { children: e.label })]
@@ -1046,42 +1054,42 @@ function ct({ item: e }) {
 		})
 	}) });
 }
-var Y = {
-	base: K`
+var J = {
+	base: G`
         display: flex;
         align-items: center;
         gap: .5rem;
     `,
-	button: K`
+	button: G`
         display: flex;
         align-items: center;
         gap: .4rem;
         min-height: 2.3rem;
         padding: .6rem .8rem;
         border-radius: 8px;
-        background-color: ${q.colors.back.secondary};
-        color: ${q.colors.fore.primary};
+        background-color: ${K.colors.back.secondary};
+        color: ${K.colors.fore.primary};
         letter-spacing: 1px;
         font-weight: 500;
         white-space: nowrap;
     `,
-	iconOnly: K`
+	iconOnly: G`
         width: 2.3rem;
         justify-content: center;
     `,
-	popup: K`
+	popup: G`
         display: grid;
         gap: .125rem;
         min-width: 10rem;
     `,
-	option: K`
+	option: G`
         display: flex;
         align-items: center;
         gap: .5rem;
         width: 100%;
         padding: .6rem .75rem;
         border-radius: 7px;
-        color: ${q.colors.fore.primary};
+        color: ${K.colors.fore.primary};
         font-weight: 500;
         text-align: left;
         white-space: nowrap;
@@ -1089,63 +1097,63 @@ var Y = {
 };
 //#endregion
 //#region src/components/_text.jsx
-function lt({ as: e = "span", className: t, size: n = "normal", color: r = q.colors.fore.primary, children: i }) {
+function ut({ as: e = "span", className: t, size: n = "normal", color: r = K.colors.fore.primary, children: i }) {
 	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s(e, {
-		className: G(ut.base, ut[n] ?? ut.normal, t),
+		className: W(dt.base, dt[n] ?? dt.normal, t),
 		style: { color: r },
 		children: i
 	}) });
 }
-var ut = {
-	base: K`
+var dt = {
+	base: G`
         font-weight: 500;
         letter-spacing: 1px;
     `,
-	normal: K`
+	normal: G`
         font-size: 1rem;
         line-height: 1.125rem;
     `,
-	small: K`
+	small: G`
         font-size: .75rem;
         line-height: 1rem;
     `,
-	tiny: K`
+	tiny: G`
         font-size: .65rem;
         line-height: 1rem;
     `
 };
 //#endregion
 //#region src/components/_app-wrapper.jsx
-function dt({ maxWidth: e = "67.5rem", logo: t, version: n, actions: r = [], children: i }) {
+function ft({ maxWidth: e = "67.5rem", logo: t, version: n, actions: r = [], children: i }) {
 	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("div", {
-		className: X.base,
+		className: Y.base,
 		children: [
 			/* @__PURE__ */ c("header", {
-				className: X.header,
+				className: Y.header,
 				children: [t && /* @__PURE__ */ s("a", {
 					href: "/",
 					children: /* @__PURE__ */ s("img", {
-						className: X.logo,
+						className: Y.logo,
 						src: t
 					})
-				}), r.length > 0 && /* @__PURE__ */ s(st, { items: r })]
+				}), r.length > 0 && /* @__PURE__ */ s(ct, { items: r })]
 			}),
 			/* @__PURE__ */ s("div", {
-				className: X.inner,
+				className: Y.inner,
 				style: { maxWidth: e },
 				children: i
 			}),
-			n && /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c(lt, {
-				className: X.version,
+			n && /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c(ut, {
+				className: Y.version,
 				size: "small",
-				color: q.colors.fore.secondary,
+				color: K.colors.fore.secondary,
 				children: ["Version: ", n]
 			}) })
 		]
 	}) });
 }
-var X = {
-	base: K`
+var Y = {
+	base: G`
         // The template is stretched over the entire viewport, and the vertical
         // scrollbar is enabled manually.
         // This is necessary so that the modal overlays can cover the scrollbar,
@@ -1153,50 +1161,146 @@ var X = {
         // when it's displayed or not.
         // Normally, we'd use the body element for this, but the modal overlay
         // can't cover the scrollbar of the body element.
-        ${q.extends.stretch}
+        ${K.extends.stretch}
         overflow-y: scroll;
         overflow-x: hidden;
         scroll-behavior: smooth;
     `,
-	header: K`
+	header: G`
         display: flex;
         padding: 4rem 5rem;
         align-items: center;
         justify-content: space-between;
     `,
-	logo: K`
+	logo: G`
         display: block;
         pointer-events: auto;
         display: block;
         max-width: 8rem;
         max-height: 3rem;
     `,
-	inner: K`
+	inner: G`
         position: relative;
         padding: 4rem 0;
         margin: 0 auto;
     `,
-	version: K`
+	version: G`
         position: absolute;
         left: 2rem;
         bottom: 2rem;
     `
-}, ft = ({ type: e = "normal", width: t = "100%", value: n = 0 }) => /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
-	className: pt.base,
+};
+//#endregion
+//#region src/components/_toolbar.jsx
+function pt({ items: e = [], side: t = "left", width: i }) {
+	let c = a(null), l = n(null), u = t === "right" ? "rightSide" : "leftSide";
+	return r(() => {
+		function e({ target: e }) {
+			c.current?.contains(e) || (l.value = null);
+		}
+		return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
+	}, []), /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("nav", {
+		ref: c,
+		className: X.base,
+		children: e.map((e, t) => /* @__PURE__ */ s(mt, {
+			item: e,
+			index: t,
+			isOpen: l.value === t,
+			onToggle: () => l.value = l.value === t ? null : t,
+			popupSide: u,
+			width: i
+		}, e.iconName ?? t))
+	}) });
+}
+function mt({ item: e, index: t, isOpen: n, onToggle: r, popupSide: i, width: a }) {
+	let c = e.content ?? e.children, l = c != null, u = `toolbar-popup-${e.iconName ?? t}`;
+	function d(t) {
+		if (!l) {
+			e.onClick?.(t);
+			return;
+		}
+		t.preventDefault(), r();
+	}
+	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
+		className: X.item,
+		children: /* @__PURE__ */ s(ot, {
+			className: W(X.popup, G`top: calc(-1 * ${t} * var(--toolbar-step));`),
+			trigger: /* @__PURE__ */ s("button", {
+				type: "button",
+				className: W(X.button, n && X.active),
+				disabled: e.isDisabled,
+				"is-clickable": !e.isDisabled || void 0,
+				"is-disabled": e.isDisabled || void 0,
+				onClick: d,
+				children: /* @__PURE__ */ s(q, {
+					iconName: e.iconName,
+					size: "1.5rem"
+				})
+			}),
+			id: u,
+			isOpen: n && l,
+			origin: i,
+			role: "dialog",
+			width: a,
+			children: c
+		})
+	}) });
+}
+var X = {
+	base: G`
+        --toolbar-step: 3.25rem;
+        position: fixed;
+        z-index: ${K.zIndex.front};
+        top: 40%;
+        right: 0;
+        display: flex;
+        flex-direction: column;
+        gap: .5rem;
+        padding: .5rem;
+        border-right: 0;
+        border-radius: 10px 0 0 10px;
+        box-shadow: 0 6px 20px rgb(22 24 38 / 10%);
+        transform: translateY(-50%);
+    `,
+	item: G`
+        position: relative;
+    `,
+	button: G`
+        display: grid;
+        width: 2.75rem;
+        height: 2.75rem;
+        place-items: center;
+        border-radius: 8px;
+        color: ${K.colors.fore.primary};
+        background-color: ${K.colors.back.secondary};
+        transition: background-color .1s linear, color .1s linear;
+    `,
+	active: G`
+        color: ${K.colors.fore.primary};
+        background-color: ${K.colors.primary};
+    `,
+	popup: G`
+        display: grid;
+        min-width: 12rem;
+        padding: 2rem 1.5rem;
+        margin-right: 1rem;
+    `
+}, ht = ({ type: e = "normal", width: t = "100%", value: n = 0 }) => /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
+	className: gt.base,
 	style: { width: t },
 	children: /* @__PURE__ */ s("div", {
-		className: G(pt.value, pt[e] ?? pt.normal),
+		className: W(gt.value, gt[e] ?? gt.normal),
 		style: { width: `${n}%` }
 	})
-}) }), pt = {
-	base: K`
+}) }), gt = {
+	base: G`
         position: relative;
         border-radius: 16px;
         height: .625rem;
-        border: solid 1px ${q.colors.border};
-        background-color: ${q.colors.back.secondary};
+        border: solid 1px ${K.colors.border};
+        background-color: ${K.colors.back.secondary};
     `,
-	value: K`
+	value: G`
         position: absolute;
         top: -1px;
         bottom: -1px;
@@ -1205,24 +1309,24 @@ var X = {
         will-change: width;
         transition: width .3s ease;
     `,
-	normal: K`
-        border: solid 1px ${e(q.colors.primary, .3)};
-        background-color: ${q.colors.primary};
+	normal: G`
+        border: solid 1px ${e(K.colors.primary, .3)};
+        background-color: ${K.colors.primary};
     `,
-	warn: K`
-        border: solid 1px ${e(q.colors.secondary, .2)};
-        background-color: ${q.colors.secondary};
+	warn: G`
+        border: solid 1px ${e(K.colors.secondary, .2)};
+        background-color: ${K.colors.secondary};
     `,
-	danger: K`
-        border: solid 1px ${e(q.colors.danger, .3)};
-        background-color: ${q.colors.danger};
+	danger: G`
+        border: solid 1px ${e(K.colors.danger, .3)};
+        background-color: ${K.colors.danger};
     `
 };
 //#endregion
 //#region src/components/_box.jsx
-function mt({ type: e = "normal", className: t, width: n, height: r, children: i }) {
+function _t({ type: e = "normal", className: t, width: n, height: r, children: i }) {
 	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
-		className: G(ht.base, ht[e] ?? ht.normal, t),
+		className: W(vt.base, vt[e] ?? vt.normal, t),
 		style: {
 			width: n,
 			height: r
@@ -1230,24 +1334,24 @@ function mt({ type: e = "normal", className: t, width: n, height: r, children: i
 		children: i
 	}) });
 }
-var ht = {
-	base: K`
+var vt = {
+	base: G`
         position: relative;
         border-radius: 18px;
         border: solid 2px #eee;
         padding: 1.875rem 1.25rem;
-        box-shadow: ${q.colors.shadow.primary};
+        box-shadow: ${K.colors.shadow.primary};
     `,
-	normal: K`
-        background-color: ${q.colors.back.primary};
+	normal: G`
+        background-color: ${K.colors.back.primary};
     `,
-	alternative: K`
+	alternative: G`
         background-color: #fafafa;
     `
 };
 //#endregion
 //#region src/components/_button.jsx
-function gt({ type: e = "primary", label: t, iconName: r, isDisabled: i = !1, isLoading: a = !1, onClick: l }) {
+function yt({ type: e = "primary", label: t, iconName: r, isDisabled: i = !1, isLoading: a = !1, onClick: l }) {
 	let u = r || a, d = n(null);
 	function f(e) {
 		if (i || a) return;
@@ -1261,7 +1365,7 @@ function gt({ type: e = "primary", label: t, iconName: r, isDisabled: i = !1, is
 	}
 	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("button", {
 		type: "button",
-		className: G(Z.base, Z[e] ?? Z.normal),
+		className: W(Z.base, Z[e] ?? Z.normal),
 		"has-icon": u,
 		"is-disabled": i || void 0,
 		"is-loading": a || void 0,
@@ -1270,15 +1374,15 @@ function gt({ type: e = "primary", label: t, iconName: r, isDisabled: i = !1, is
 		onClick: f,
 		children: [
 			u && /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
-				className: K`
-                    ${q.extends.verticalCenter}
+				className: G`
+                    ${K.extends.verticalCenter}
 
                     left: .6rem;
                 `,
-				children: a ? /* @__PURE__ */ s(J, {
+				children: a ? /* @__PURE__ */ s(q, {
 					iconName: "loader",
 					isSpinning: !0
-				}) : /* @__PURE__ */ s(J, { iconName: r })
+				}) : /* @__PURE__ */ s(q, { iconName: r })
 			}) }),
 			t,
 			d.value && /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("span", {
@@ -1294,7 +1398,7 @@ function gt({ type: e = "primary", label: t, iconName: r, isDisabled: i = !1, is
 		]
 	}) });
 }
-var _t = et`
+var bt = tt`
     from {
         opacity: .4;
         transform: translate(-50%, -50%) scale(0);
@@ -1305,7 +1409,7 @@ var _t = et`
         transform: translate(-50%, -50%) scale(1);
     }
 `, Z = {
-	base: K`
+	base: G`
         font-size: .9rem;
         display: inline-block;
         position: relative;
@@ -1317,7 +1421,7 @@ var _t = et`
         border-radius: 12px;
         will-change: transform, border;
         transition: transform .1s linear, border .1s linear;
-        font-family: ${q.fontFamily}, sans-serif;
+        font-family: ${K.fontFamily}, sans-serif;
 
         &:active {
             transform: translateY(2px);
@@ -1326,30 +1430,30 @@ var _t = et`
 
         &[has-icon] { padding-left: 2rem; }
     `,
-	primary: K`
-        color: ${e(q.colors.primary, .5)};
-        border-bottom: solid 3px ${e(q.colors.primary, .25)};
-        background-color: ${q.colors.primary};
+	primary: G`
+        color: ${e(K.colors.primary, .5)};
+        border-bottom: solid 3px ${e(K.colors.primary, .25)};
+        background-color: ${K.colors.primary};
     `,
-	secondary: K`
-        color: ${e(q.colors.secondary, .5)};
-        border-bottom: solid 3px ${e(q.colors.secondary, .25)};
-        background-color: ${q.colors.secondary};
+	secondary: G`
+        color: ${e(K.colors.secondary, .5)};
+        border-bottom: solid 3px ${e(K.colors.secondary, .25)};
+        background-color: ${K.colors.secondary};
     `,
-	ripple: K`
+	ripple: G`
         position: absolute;
         z-index: 1;
         border-radius: 50%;
         pointer-events: none;
         background-color: currentColor;
-        animation: ${_t} .5s ease-out forwards;
+        animation: ${bt} .5s ease-out forwards;
     `
 };
 //#endregion
 //#region src/components/_layout.jsx
-function vt({ className: e, height: t, direction: n = "row", justify: r, align: i, gap: a, children: c }) {
+function xt({ className: e, height: t, direction: n = "row", justify: r, align: i, gap: a, children: c }) {
 	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
-		className: G(yt.base, e),
+		className: W(St.base, e),
 		style: {
 			height: t,
 			flexDirection: n,
@@ -1360,33 +1464,33 @@ function vt({ className: e, height: t, direction: n = "row", justify: r, align:
 		children: c
 	}) });
 }
-var yt = { base: K`
+var St = { base: G`
         display: flex;
     ` };
 //#endregion
 //#region src/components/_headline.jsx
-function bt({ as: e = "h2", className: t, size: n = "normal", color: r = q.colors.fore.primary, children: i }) {
+function Ct({ as: e = "h2", className: t, size: n = "normal", color: r = K.colors.fore.primary, children: i }) {
 	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s(e, {
-		className: G(xt.base, xt[n] ?? xt.normal, t),
+		className: W(wt.base, wt[n] ?? wt.normal, t),
 		style: { color: r },
 		children: i
 	}) });
 }
-var xt = {
-	base: K`
+var wt = {
+	base: G`
         letter-spacing: 1px;
     `,
-	normal: K`
+	normal: G`
         font-weight: 500;
         font-size: 1rem;
         line-height: 1.2rem;
     `,
-	large: K`
+	large: G`
         font-weight: 600;
         font-size: 1.4rem;
         line-height: 1.2;
     `,
-	small: K`
+	small: G`
         font-weight: 500;
         font-size: .9rem;
         line-height: 1.2rem;
@@ -1394,7 +1498,7 @@ var xt = {
 };
 //#endregion
 //#region src/components/_space.jsx
-function St({ size: e = 1 }) {
+function Tt({ size: e = 1 }) {
 	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
 		"aria-hidden": "true",
 		style: {
@@ -1405,23 +1509,23 @@ function St({ size: e = 1 }) {
 }
 //#endregion
 //#region src/components/_text-field.jsx
-function Ct({ placeholder: e, value: t, width: r, isDisabled: a, onChange: l }) {
+function Et({ placeholder: e, value: t, width: r, isDisabled: a, onChange: l }) {
 	let u = i(), d = n(t);
 	function f({ target: e }) {
 		d.value = e.value, l?.(d.value);
 	}
 	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("div", {
-		className: wt.base,
+		className: Dt.base,
 		style: { width: r },
 		"is-disabled": a,
 		children: [!d.value && e && /* @__PURE__ */ s("label", {
-			className: wt.label,
+			className: Dt.label,
 			htmlFor: u,
 			children: e
 		}), /* @__PURE__ */ s("input", {
 			id: u,
 			name: u,
-			className: wt.input,
+			className: Dt.input,
 			value: d.value,
 			disabled: a,
 			autocomplete: "off",
@@ -1429,11 +1533,11 @@ function Ct({ placeholder: e, value: t, width: r, isDisabled: a, onChange: l })
 		})]
 	}) });
 }
-var wt = {
-	base: K`
+var Dt = {
+	base: G`
         position: relative;
     `,
-	label: K`
+	label: G`
         font-size: .875rem;
         font-weight: 500;
         opacity: .5;
@@ -1442,10 +1546,10 @@ var wt = {
         top: .75rem;
         pointer-events: none;
         letter-spacing: 1px;
-        font-family: ${q.fontFamily}, sans-serif;
-        color: ${q.colors.fore.primary};
+        font-family: ${K.fontFamily}, sans-serif;
+        color: ${K.colors.fore.primary};
     `,
-	input: K`
+	input: G`
         font-size: .875rem;
         font-weight: 500;
         color: rgb(58, 58, 58);
@@ -1456,14 +1560,14 @@ var wt = {
         width: 100%;
         border-radius: 8px;
         letter-spacing: 1px;
-        font-family: ${q.fontFamily}, sans-serif;
-        color: ${q.colors.fore.primary};
-        background-color: ${q.colors.back.secondary};
+        font-family: ${K.fontFamily}, sans-serif;
+        color: ${K.colors.fore.primary};
+        background-color: ${K.colors.back.secondary};
     `
 };
 //#endregion
 //#region src/components/_dropdown.jsx
-function Tt({ items: e = [], value: t, width: l, isDisabled: u = !1, onChange: d }) {
+function Ot({ items: e = [], value: t, width: l, isDisabled: u = !1, onChange: d }) {
 	let f = i(), p = a(null), m = a(null), h = a([]), g = n(t ?? e[0]?.value ?? ""), _ = n(!1), v = e.findIndex((e) => e.value === g.value), y = e[v] ?? e[0], b = u || e.length === 0;
 	r(() => {
 		t !== void 0 && (g.value = t);
@@ -1518,7 +1622,7 @@ function Tt({ items: e = [], value: t, width: l, isDisabled: u = !1, onChange: d
 	function T(e) {
 		g.value = e.value, _.value = !1, m.current?.focus(), d?.(e.value, e);
 	}
-	let E = /* @__PURE__ */ c("button", {
+	let ne = /* @__PURE__ */ c("button", {
 		ref: m,
 		type: "button",
 		className: Q.trigger,
@@ -1543,8 +1647,8 @@ function Tt({ items: e = [], value: t, width: l, isDisabled: u = !1, onChange: d
 				className: Q.label,
 				children: y?.label
 			}),
-			/* @__PURE__ */ s(J, {
-				className: G(Q.icon, _.value && Q.iconOpen),
+			/* @__PURE__ */ s(q, {
+				className: W(Q.icon, _.value && Q.iconOpen),
 				iconName: "down",
 				size: "1rem"
 			})
@@ -1554,9 +1658,9 @@ function Tt({ items: e = [], value: t, width: l, isDisabled: u = !1, onChange: d
 		ref: p,
 		className: Q.base,
 		"is-disabled": b || void 0,
-		children: /* @__PURE__ */ s(at, {
+		children: /* @__PURE__ */ s(ot, {
 			className: Q.popup,
-			trigger: E,
+			trigger: ne,
 			id: f,
 			isOpen: _.value,
 			origin: "left",
@@ -1575,10 +1679,10 @@ function Tt({ items: e = [], value: t, width: l, isDisabled: u = !1, onChange: d
 	}) });
 }
 var Q = {
-	base: K`
+	base: G`
         display: inline-block;
     `,
-	trigger: K`
+	trigger: G`
         display: inline-grid;
         position: relative;
         align-items: center;
@@ -1591,47 +1695,47 @@ var Q = {
         font-size: .875rem;
         font-weight: 500;
         letter-spacing: 1px;
-        color: ${q.colors.fore.primary};
-        background-color: ${q.colors.back.secondary};
-        font-family: ${q.fontFamily}, sans-serif;
+        color: ${K.colors.fore.primary};
+        background-color: ${K.colors.back.secondary};
+        font-family: ${K.fontFamily}, sans-serif;
 
         &:focus-visible {
-            box-shadow: 0 0 0 2px ${q.colors.primary};
+            box-shadow: 0 0 0 2px ${K.colors.primary};
         }
 
         &:disabled { cursor: default; }
     `,
-	sizer: K`
+	sizer: G`
         display: inline-grid;
         visibility: hidden;
         grid-area: 1 / 1;
     `,
-	sizerValue: K`
+	sizerValue: G`
         grid-area: 1 / 1;
         white-space: nowrap;
     `,
-	label: K`
+	label: G`
         grid-area: 1 / 1;
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
     `,
-	icon: K`
-        ${q.extends.verticalCenter}
+	icon: G`
+        ${K.extends.verticalCenter}
 
         right: .75rem;
         pointer-events: none;
     `,
-	iconOpen: K`
+	iconOpen: G`
         transform: translateY(-50%) rotate(180deg);
     `,
-	popup: K`
+	popup: G`
         display: grid;
         gap: .125rem;
         min-width: 0;
         padding: .25rem;
     `,
-	option: K`
+	option: G`
         width: 100%;
         padding: .6rem .75rem;
         border-radius: 7px;
@@ -1639,17 +1743,17 @@ var Q = {
         text-align: left;
         white-space: nowrap;
         font-size: .825rem;
-        color: ${q.colors.fore.primary};
-        font-family: ${q.fontFamily}, sans-serif;
+        color: ${K.colors.fore.primary};
+        font-family: ${K.fontFamily}, sans-serif;
 
         &:hover,
         &:focus-visible,
         &[aria-selected="true"] {
-            background-color: ${q.colors.back.secondary};
+            background-color: ${K.colors.back.secondary};
         }
     `
-}, Et = 28, Dt = 3, Ot = 11;
-function kt({ label: e, isChecked: t, isDisabled: a, onChange: l }) {
+}, kt = 28, At = 3, jt = 11;
+function Mt({ label: e, isChecked: t, isDisabled: a, onChange: l }) {
 	let u = i(), d = n(t);
 	r(() => d.value = t, [t]);
 	function f() {
@@ -1657,10 +1761,10 @@ function kt({ label: e, isChecked: t, isDisabled: a, onChange: l }) {
 		d.value = e, l?.(e);
 	}
 	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("div", {
-		className: At.base,
+		className: Nt.base,
 		children: [
 			/* @__PURE__ */ s("label", {
-				className: At.label,
+				className: Nt.label,
 				htmlFor: u,
 				"is-disabled": a,
 				children: e
@@ -1668,48 +1772,48 @@ function kt({ label: e, isChecked: t, isDisabled: a, onChange: l }) {
 			/* @__PURE__ */ s("input", {
 				id: u,
 				type: "checkbox",
-				className: At.checkbox,
+				className: Nt.checkbox,
 				checked: d.value,
 				disabled: a,
 				onChange: f
 			}),
 			/* @__PURE__ */ s("label", {
-				className: At.value,
+				className: Nt.value,
 				htmlFor: u,
 				"is-disabled": a
 			})
 		]
 	}) });
 }
-var At = {
-	base: K`
+var Nt = {
+	base: G`
         position: relative;
         display: flex;
         gap: .5rem;
     `,
-	label: K`
+	label: G`
         display: inline-block;
         font-size: .75rem;
         line-height: 1.2rem;
         cursor: pointer;
         user-select: none;
         font-weight: 500;
-        font-family: ${q.fontFamily}, sans-serif;
-        color: ${q.colors.fore.secondary};
+        font-family: ${K.fontFamily}, sans-serif;
+        color: ${K.colors.fore.secondary};
     `,
-	checkbox: K`
+	checkbox: G`
         display: none;
 
         &:checked ~ label {
             background-color: #e1e1e1;
 
             &:before {
-                right: ${Dt}px;
+                right: ${At}px;
                 background-color: #3a3a3a;
             }
         }
     `,
-	value: K`
+	value: G`
         display: inline-block;
         position: relative;
         height: 1.1rem;
@@ -1717,8 +1821,8 @@ var At = {
         cursor: pointer;
         user-select: none;
         transition: background .3s ease;
-        width: ${Et}px;
-        background-color: ${q.colors.back.secondary};
+        width: ${kt}px;
+        background-color: ${K.colors.back.secondary};
 
         &:before {
             background-color: #e1e1e1;
@@ -1727,22 +1831,22 @@ var At = {
             position: absolute;
             transition: background .3s ease, right .3s ease;
             border-radius: 50%;
-            top: ${Dt}px;
+            top: ${At}px;
             right: ${14}px;
-            width: ${Ot}px;
-            height: ${Ot}px;
+            width: ${jt}px;
+            height: ${jt}px;
         }
     `
 };
 //#endregion
 //#region src/components/_tag.jsx
-function jt({ className: e, variant: n = "normal", iconName: r = "", label: i }) {
+function Pt({ className: e, variant: n = "normal", iconName: r = "", label: i }) {
 	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("div", {
-		className: G(Mt.base, Mt[n] ?? Mt.normal, e),
+		className: W(Ft.base, Ft[n] ?? Ft.normal, e),
 		"has-icon": !t(r),
-		children: [r && /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s(J, {
-			className: K`
-                        ${q.extends.verticalCenter}
+		children: [r && /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s(q, {
+			className: G`
+                        ${K.extends.verticalCenter}
                         left: .3rem;
                     `,
 			iconName: r,
@@ -1750,7 +1854,7 @@ function jt({ className: e, variant: n = "normal", iconName: r = "", label: i })
 		}) }), i]
 	}) });
 }
-var Mt = { base: K`
+var Ft = { base: G`
         position: relative;
         display: inline-block;
         padding: .3rem .5rem;
@@ -1758,50 +1862,72 @@ var Mt = { base: K`
         white-space: pre-wrap;
         font-size: .7rem;
         font-weight: 600;
-        border: solid 1px ${q.colors.border};
-        background-color: ${q.colors.back.secondary};
-        color: ${q.colors.fore.primary};
+        border: solid 1px ${K.colors.border};
+        background-color: ${K.colors.back.secondary};
+        color: ${K.colors.fore.primary};
 
         &[has-icon="true"] { padding-left: 1.5rem; }
     ` };
 //#endregion
 //#region src/components/_icon-button.jsx
-function Nt({ iconName: e, color: t, isDisabled: n, onClick: r }) {
+function It({ iconName: e, color: t, isDisabled: n, onClick: r }) {
 	function i(e) {
 		n || (e.stopPropagation(), e.preventDefault(), r?.(e));
 	}
 	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("button", {
-		className: Pt.base,
+		className: Lt.base,
 		"is-disabled": n || void 0,
 		"is-clickable": !!r || void 0,
 		disabled: n,
 		onClick: i,
-		children: /* @__PURE__ */ s(J, {
+		children: /* @__PURE__ */ s(q, {
 			color: t,
-			className: K`${q.extends.centrate}`,
+			className: G`${K.extends.centrate}`,
 			iconName: e,
 			isDisabled: n
 		})
 	}) });
 }
-var Pt = { base: K`
+var Lt = { base: G`
         position: relative;
         width: 2.25rem;
         height: 2.25rem;
         border-radius: 8px;
-        background-color: ${q.colors.back.secondary};
+        background-color: ${K.colors.back.secondary};
+    ` };
+//#endregion
+//#region src/components/_counter.jsx
+function Rt({ value: e }) {
+	return e == null ? /* @__PURE__ */ s(o, {}) : /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("span", {
+		className: zt.base,
+		children: e
+	}) });
+}
+var zt = { base: G`
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        min-width: 1.2rem;
+        height: 1.2rem;
+        padding: 0 .2rem;
+        border-radius: 50%;
+        color: ${K.colors.fore.primary};
+        background-color: #e1e1e1;
+        font-size: .7rem;
+        font-weight: 700;
+        line-height: 1;
     ` };
 //#endregion
 //#region src/components/_tab-box.jsx
-function Ft({ className: e, width: t, height: r, initialIndex: a = 0, items: l = [], onChange: u }) {
+function Bt({ className: e, width: t, height: r, initialIndex: a = 0, items: l = [], onChange: u }) {
 	let d = i(), f = Math.max(l.length - 1, 0), p = n(Math.min(Math.max(a, 0), f)), m = Math.min(p.value, f);
 	function h(e) {
 		e !== m && (p.value = e, u?.(e, l[e]));
 	}
 	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("div", {
-		className: G($.base, e),
+		className: W($.base, e),
 		style: { width: t },
-		children: [/* @__PURE__ */ s(mt, {
+		children: [/* @__PURE__ */ s(_t, {
 			className: $.box,
 			height: r,
 			children: /* @__PURE__ */ s("div", {
@@ -1821,7 +1947,7 @@ function Ft({ className: e, width: t, height: r, initialIndex: a = 0, items: l =
 			className: $.tabs,
 			role: "tablist",
 			children: l.map((e, t) => {
-				let n = t === m, r = e.notification != null;
+				let n = t === m, r = e.counter ?? e.notification;
 				return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("button", {
 					id: `${d}-tab-${t}`,
 					className: $.tab,
@@ -1838,16 +1964,12 @@ function Ft({ className: e, width: t, height: r, initialIndex: a = 0, items: l =
 					"is-active": n || void 0,
 					onClick: () => h(t),
 					children: [
-						e.iconName && /* @__PURE__ */ s(J, {
+						e.iconName && /* @__PURE__ */ s(q, {
 							iconName: e.iconName,
 							size: "1rem"
 						}),
 						e.label && /* @__PURE__ */ s("span", { children: e.label }),
-						r && /* @__PURE__ */ s("span", {
-							className: $.notification,
-							"aria-label": `${e.notification} notifications`,
-							children: e.notification
-						})
+						/* @__PURE__ */ s(Rt, { value: r })
 					]
 				}, e.id ?? t) });
 			})
@@ -1855,17 +1977,17 @@ function Ft({ className: e, width: t, height: r, initialIndex: a = 0, items: l =
 	}) });
 }
 var $ = {
-	base: K`
+	base: G`
         position: relative;
         max-width: 100%;
     `,
-	box: K`
-        z-index: ${q.zIndex.front};
+	box: G`
+        z-index: ${K.zIndex.front};
         width: 100%;
         padding: 0;
         overflow: hidden;
     `,
-	track: K`
+	track: G`
         display: flex;
         width: 100%;
         min-height: 100%;
@@ -1874,12 +1996,12 @@ var $ = {
 
         @media (prefers-reduced-motion: reduce) { transition: none; }
     `,
-	panel: K`
+	panel: G`
         flex: 0 0 100%;
         min-width: 0;
         padding: 1.875rem 1.25rem;
     `,
-	tabs: K`
+	tabs: G`
         display: flex;
         position: relative;
         margin-top: -1rem;
@@ -1887,9 +2009,9 @@ var $ = {
         border: solid 2px #eee;
         border-top: 0;
         border-radius: 0 0 18px 18px;
-        background-color: ${q.colors.back.secondary};
+        background-color: ${K.colors.back.secondary};
     `,
-	tab: K`
+	tab: G`
         display: flex;
         flex: 1 1 0;
         align-items: center;
@@ -1902,30 +2024,95 @@ var $ = {
         font-size: .8rem;
         font-weight: 600;
         transition: color .2s ease, background-color .2s ease;
-        color: ${q.colors.fore.secondary};
-        font-family: ${q.fontFamily}, sans-serif;
+        color: ${K.colors.fore.secondary};
+        font-family: ${K.fontFamily}, sans-serif;
 
         & + & { border-left: solid 1px #e5e7e9; }
 
         &[is-active] {
-            color: ${q.colors.fore.primary};
-            background-color: ${q.colors.back.primary};
+            color: ${K.colors.fore.primary};
+            background-color: ${K.colors.back.primary};
         }
+    `
+};
+//#endregion
+//#region src/components/_tab-container.jsx
+function Vt({ className: e, initialIndex: t = 0, items: r = [], onChange: a, width: l }) {
+	let u = i(), d = Math.max(r.length - 1, 0), f = n(Math.min(Math.max(t, 0), d)), p = Math.min(f.value, d), m = r[p];
+	function h(e) {
+		e !== p && (f.value = e, a?.(e, r[e]));
+	}
+	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
+		className: W(Ht.base, e),
+		style: { width: l },
+		children: r.length > 0 && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("div", {
+			className: Ht.tabs,
+			role: "tablist",
+			children: r.map((e, t) => {
+				let n = t === p, r = e.counter ?? e.notification;
+				return /* @__PURE__ */ c("button", {
+					id: `${u}-tab-${t}`,
+					className: Ht.tab,
+					type: "button",
+					role: "tab",
+					"aria-controls": `${u}-panel`,
+					"aria-selected": n,
+					tabIndex: n ? 0 : -1,
+					"is-active": n || void 0,
+					onClick: () => h(t),
+					children: [e.label, /* @__PURE__ */ s(Rt, { value: r })]
+				}, e.id ?? t);
+			})
+		}), /* @__PURE__ */ s("div", {
+			id: `${u}-panel`,
+			className: Ht.panel,
+			role: "tabpanel",
+			"aria-labelledby": `${u}-tab-${p}`,
+			children: m?.content
+		})] })
+	}) });
+}
+var Ht = {
+	base: G`
+        position: relative;
+        width: 100%;
+        max-width: 100%;
     `,
-	notification: K`
-        display: inline-flex;
+	tabs: G`
+        display: flex;
+        gap: .25rem;
+        padding: .25rem;
+        border-radius: 12px;
+        background-color: ${K.colors.back.secondary};
+    `,
+	tab: G`
+        display: flex;
+        flex: 1 1 0;
         align-items: center;
         justify-content: center;
-        min-width: 1.2rem;
-        height: 1.2rem;
-        padding: 0 .2rem;
-        border-radius: 50%;
-        font-size: .7rem;
-        font-weight: 700;
-        line-height: 1;
-        color: ${q.colors.fore.primary};
-        background-color: #e1e1e1;
+        gap: .4rem;
+        min-width: 0;
+        min-height: 2.5rem;
+        padding: .5rem .75rem;
+        border-radius: 9px;
+        color: ${K.colors.fore.secondary};
+        cursor: pointer;
+        font-family: ${K.fontFamily}, sans-serif;
+        font-size: .8rem;
+        font-weight: 600;
+        transition: color .2s ease, background-color .2s ease;
+
+        &[is-active] {
+            color: ${K.colors.fore.primary};
+            background-color: ${K.colors.back.primary};
+            box-shadow: 0 2px 8px rgb(22 24 38 / 7%);
+        }
+    `,
+	panel: G`
+        width: 100%;
+        min-width: 0;
+        padding: 1.5rem 1.25rem;
     `
 };
 //#endregion
-export { st as Actions, dt as AppWrapper, ft as Bar, mt as Box, gt as Button, Tt as Dropdown, bt as Headline, J as Icon, Nt as IconButton, vt as Layout, at as PopupBox, St as Space, kt as Switch, Ft as TabBox, jt as Tag, lt as Text, Ct as TextField, q as Theme };
+export { ct as Actions, ft as AppWrapper, ht as Bar, _t as Box, yt as Button, Rt as Counter, Ot as Dropdown, Ct as Headline, q as Icon, It as IconButton, xt as Layout, ot as PopupBox, Tt as Space, Mt as Switch, Bt as TabBox, Vt as TabContainer, Pt as Tag, ut as Text, Et as TextField, K as Theme, pt as Toolbar };