melonykit 0.6.3 → 0.7.1

package/dist/index.js

@@ -1,18 +1,18 @@
 import { i as e, o as t } from "./functions-C8th2V6m.js";
 import { Fragment as n, jsx as r, jsxs as i } from "preact/jsx-runtime";
 import { useSignal as a } from "@preact/signals";
-import { useEffect as o } from "preact/hooks";
+import { useEffect as o, useId as s } from "preact/hooks";
 //#region node_modules/@emotion/sheet/dist/emotion-sheet.esm.js
-function s(e) {
+function c(e) {
 	if (e.sheet) return e.sheet;
 	/* istanbul ignore next */
 	for (var t = 0; t < document.styleSheets.length; t++) if (document.styleSheets[t].ownerNode === e) return document.styleSheets[t];
 }
-function c(e) {
+function l(e) {
 	var t = document.createElement("style");
 	return t.setAttribute("data-emotion", e.key), e.nonce !== void 0 && t.setAttribute("nonce", e.nonce), t.appendChild(document.createTextNode("")), t.setAttribute("data-s", ""), t;
 }
-var l = /*#__PURE__*/ function() {
+var u = /*#__PURE__*/ function() {
 	function e(e) {
 		var t = this;
 		this._insertTag = function(e) {
@@ -24,10 +24,10 @@ var l = /*#__PURE__*/ function() {
 	return t.hydrate = function(e) {
 		e.forEach(this._insertTag);
 	}, t.insert = function(e) {
-		this.ctr % (this.isSpeedy ? 65e3 : 1) == 0 && this._insertTag(c(this));
+		this.ctr % (this.isSpeedy ? 65e3 : 1) == 0 && this._insertTag(l(this));
 		var t = this.tags[this.tags.length - 1];
 		if (this.isSpeedy) {
-			var n = s(t);
+			var n = c(t);
 			try {
 				n.insertRule(e, n.cssRules.length);
 			} catch {}
@@ -38,20 +38,20 @@ var l = /*#__PURE__*/ function() {
 			return e.parentNode?.removeChild(e);
 		}), this.tags = [], this.ctr = 0;
 	}, e;
-}(), u = "-ms-", d = "-moz-", f = "-webkit-", p = "comm", m = "rule", h = "decl", g = "@import", _ = "@keyframes", v = "@layer", y = Math.abs, b = String.fromCharCode, x = Object.assign;
-function S(e, t) {
+}(), d = "-ms-", f = "-moz-", p = "-webkit-", m = "comm", h = "rule", g = "decl", _ = "@import", v = "@keyframes", y = "@layer", b = Math.abs, x = String.fromCharCode, S = Object.assign;
+function C(e, t) {
 	return E(e, 0) ^ 45 ? (((t << 2 ^ E(e, 0)) << 2 ^ E(e, 1)) << 2 ^ E(e, 2)) << 2 ^ E(e, 3) : 0;
 }
-function C(e) {
+function w(e) {
 	return e.trim();
 }
-function w(e, t) {
+function ee(e, t) {
 	return (e = t.exec(e)) ? e[0] : e;
 }
 function T(e, t, n) {
 	return e.replace(t, n);
 }
-function ee(e, t) {
+function te(e, t) {
 	return e.indexOf(t);
 }
 function E(e, t) {
@@ -63,19 +63,19 @@ function D(e, t, n) {
 function O(e) {
 	return e.length;
 }
-function te(e) {
+function ne(e) {
 	return e.length;
 }
 function k(e, t) {
 	return t.push(e), e;
 }
-function ne(e, t) {
+function re(e, t) {
 	return e.map(t).join("");
 }
 //#endregion
 //#region node_modules/stylis/src/Tokenizer.js
-var A = 1, j = 1, re = 0, M = 0, N = 0, P = "";
-function F(e, t, n, r, i, a, o) {
+var A = 1, j = 1, ie = 0, M = 0, N = 0, P = "";
+function ae(e, t, n, r, i, a, o) {
 	return {
 		value: e,
 		root: t,
@@ -89,28 +89,28 @@ function F(e, t, n, r, i, a, o) {
 		return: ""
 	};
 }
-function I(e, t) {
-	return x(F("", null, null, "", null, null, 0), e, { length: -e.length }, t);
+function F(e, t) {
+	return S(ae("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
-function ie() {
+function oe() {
 	return N;
 }
-function ae() {
+function se() {
 	return N = M > 0 ? E(P, --M) : 0, j--, N === 10 && (j = 1, A--), N;
 }
-function L() {
-	return N = M < re ? E(P, M++) : 0, j++, N === 10 && (j = 1, A++), N;
+function I() {
+	return N = M < ie ? E(P, M++) : 0, j++, N === 10 && (j = 1, A++), N;
 }
-function R() {
+function L() {
 	return E(P, M);
 }
-function z() {
+function R() {
 	return M;
 }
-function B(e, t) {
+function z(e, t) {
 	return D(P, e, t);
 }
-function V(e) {
+function B(e) {
 	switch (e) {
 		case 0:
 		case 9:
@@ -137,77 +137,77 @@ function V(e) {
 	}
 	return 0;
 }
-function oe(e) {
-	return A = j = 1, re = O(P = e), M = 0, [];
+function ce(e) {
+	return A = j = 1, ie = O(P = e), M = 0, [];
 }
-function se(e) {
+function le(e) {
 	return P = "", e;
 }
-function H(e) {
-	return C(B(M - 1, ue(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+function V(e) {
+	return w(z(M - 1, fe(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
-function ce(e) {
-	for (; (N = R()) && N < 33;) L();
-	return V(e) > 2 || V(N) > 3 ? "" : " ";
+function ue(e) {
+	for (; (N = L()) && N < 33;) I();
+	return B(e) > 2 || B(N) > 3 ? "" : " ";
 }
-function le(e, t) {
-	for (; --t && L() && !(N < 48 || N > 102 || N > 57 && N < 65 || N > 70 && N < 97););
-	return B(e, z() + (t < 6 && R() == 32 && L() == 32));
+function de(e, t) {
+	for (; --t && I() && !(N < 48 || N > 102 || N > 57 && N < 65 || N > 70 && N < 97););
+	return z(e, R() + (t < 6 && L() == 32 && I() == 32));
 }
-function ue(e) {
-	for (; L();) switch (N) {
+function fe(e) {
+	for (; I();) switch (N) {
 		case e: return M;
 		case 34:
 		case 39:
-			e !== 34 && e !== 39 && ue(N);
+			e !== 34 && e !== 39 && fe(N);
 			break;
 		case 40:
-			e === 41 && ue(e);
+			e === 41 && fe(e);
 			break;
 		case 92:
-			L();
+			I();
 			break;
 	}
 	return M;
 }
-function de(e, t) {
-	for (; L() && e + N !== 57 && (e + N !== 84 || R() !== 47););
-	return "/*" + B(t, M - 1) + "*" + b(e === 47 ? e : L());
+function pe(e, t) {
+	for (; I() && e + N !== 57 && (e + N !== 84 || L() !== 47););
+	return "/*" + z(t, M - 1) + "*" + x(e === 47 ? e : I());
 }
-function fe(e) {
-	for (; !V(R());) L();
-	return B(e, M);
+function me(e) {
+	for (; !B(L());) I();
+	return z(e, M);
 }
 //#endregion
 //#region node_modules/stylis/src/Parser.js
-function pe(e) {
-	return se(U("", null, null, null, [""], e = oe(e), 0, [0], e));
+function he(e) {
+	return le(H("", null, null, null, [""], e = ce(e), 0, [0], e));
 }
-function U(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 = "", x = i, S = a, C = r, w = y; g;) switch (m = v, v = L()) {
+function H(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, S = a, C = r, w = y; g;) switch (m = v, v = I()) {
 		case 40: if (m != 108 && E(w, d - 1) == 58) {
-			ee(w += T(H(v), "&", "&\f"), "&\f") != -1 && (_ = -1);
+			te(w += T(V(v), "&", "&\f"), "&\f") != -1 && (_ = -1);
 			break;
 		}
 		case 34:
 		case 39:
 		case 91:
-			w += H(v);
+			w += V(v);
 			break;
 		case 9:
 		case 10:
 		case 13:
 		case 32:
-			w += ce(m);
+			w += ue(m);
 			break;
 		case 92:
-			w += le(z() - 1, 7);
+			w += de(R() - 1, 7);
 			continue;
 		case 47:
-			switch (R()) {
+			switch (L()) {
 				case 42:
 				case 47:
-					k(he(de(L(), z()), t, n), c);
+					k(_e(pe(I(), R()), t, n), c);
 					break;
 				default: w += "/";
 			}
@@ -220,18 +220,18 @@ function U(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 && O(w) - d && k(p > 32 ? ge(w + ";", r, n, d - 1) : ge(T(w, " ", "") + ";", r, n, d - 2), c);
+					_ == -1 && (w = T(w, /\f/g, "")), p > 0 && O(w) - d && k(p > 32 ? ve(w + ";", r, n, d - 1) : ve(T(w, " ", "") + ";", r, n, d - 2), c);
 					break;
 				case 59: w += ";";
-				default: if (k(C = me(w, t, n, l, u, i, s, y, x = [], S = [], d), a), v === 123) if (u === 0) U(w, t, C, C, x, a, d, s, S);
+				default: if (k(C = ge(w, t, n, l, u, i, s, y, b = [], S = [], d), a), v === 123) if (u === 0) H(w, t, C, C, b, a, d, s, S);
 				else switch (f === 99 && E(w, 3) === 110 ? 100 : f) {
 					case 100:
 					case 108:
 					case 109:
 					case 115:
-						U(e, C, C, r && k(me(e, C, C, 0, 0, i, s, y, i, x = [], d), S), i, S, d, s, r ? x : S);
+						H(e, C, C, r && k(ge(e, C, C, 0, 0, i, s, y, i, b = [], d), S), i, S, d, s, r ? b : S);
 						break;
-					default: U(w, C, C, C, [""], S, 0, s, S);
+					default: H(w, C, C, C, [""], S, 0, s, S);
 				}
 			}
 			l = u = p = 0, h = _ = 1, y = w = "", d = o;
@@ -240,9 +240,9 @@ function U(e, t, n, r, i, a, o, s, c) {
 		default:
 			if (h < 1) {
 				if (v == 123) --h;
-				else if (v == 125 && h++ == 0 && ae() == 125) continue;
+				else if (v == 125 && h++ == 0 && se() == 125) continue;
 			}
-			switch (w += b(v), v * h) {
+			switch (w += x(v), v * h) {
 				case 38:
 					_ = u > 0 ? 1 : (w += "\f", -1);
 					break;
@@ -250,57 +250,57 @@ function U(e, t, n, r, i, a, o, s, c) {
 					s[l++] = (O(w) - 1) * _, _ = 1;
 					break;
 				case 64:
-					R() === 45 && (w += H(L())), f = R(), u = d = O(y = w += fe(z())), v++;
+					L() === 45 && (w += V(I())), f = L(), u = d = O(y = w += me(R())), v++;
 					break;
 				case 45: m === 45 && O(w) == 2 && (h = 0);
 			}
 	}
 	return a;
 }
-function me(e, t, n, r, i, a, o, s, c, l, u) {
-	for (var d = i - 1, f = i === 0 ? a : [""], p = te(f), h = 0, g = 0, _ = 0; h < r; ++h) for (var v = 0, b = D(e, d + 1, d = y(g = o[h])), x = e; v < p; ++v) (x = C(g > 0 ? f[v] + " " + b : T(b, /&\f/g, f[v]))) && (c[_++] = x);
-	return F(e, t, n, i === 0 ? m : s, c, l, u);
+function ge(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, g = 0, _ = 0; m < r; ++m) for (var v = 0, y = D(e, d + 1, d = b(g = o[m])), x = e; v < p; ++v) (x = w(g > 0 ? f[v] + " " + y : T(y, /&\f/g, f[v]))) && (c[_++] = x);
+	return ae(e, t, n, i === 0 ? h : s, c, l, u);
 }
-function he(e, t, n) {
-	return F(e, t, n, p, b(ie()), D(e, 2, -2), 0);
+function _e(e, t, n) {
+	return ae(e, t, n, m, x(oe()), D(e, 2, -2), 0);
 }
-function ge(e, t, n, r) {
-	return F(e, t, n, h, D(e, 0, r), D(e, r + 1, -1), r);
+function ve(e, t, n, r) {
+	return ae(e, t, n, g, D(e, 0, r), D(e, r + 1, -1), r);
 }
 //#endregion
 //#region node_modules/stylis/src/Serializer.js
-function W(e, t) {
-	for (var n = "", r = te(e), i = 0; i < r; i++) n += t(e[i], i, e, t) || "";
+function U(e, t) {
+	for (var n = "", r = ne(e), i = 0; i < r; i++) n += t(e[i], i, e, t) || "";
 	return n;
 }
-function _e(e, t, n, r) {
+function ye(e, t, n, r) {
 	switch (e.type) {
-		case v: if (e.children.length) break;
-		case g:
-		case h: return e.return = e.return || e.value;
-		case p: return "";
-		case _: return e.return = e.value + "{" + W(e.children, r) + "}";
-		case m: e.value = e.props.join(",");
+		case y: if (e.children.length) break;
+		case _:
+		case g: return e.return = e.return || e.value;
+		case m: return "";
+		case v: return e.return = e.value + "{" + U(e.children, r) + "}";
+		case h: e.value = e.props.join(",");
 	}
-	return O(n = W(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
+	return O(n = U(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
 }
 //#endregion
 //#region node_modules/stylis/src/Middleware.js
-function ve(e) {
-	var t = te(e);
+function be(e) {
+	var t = ne(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 ye(e) {
+function xe(e) {
 	return function(t) {
 		t.root || (t = t.return) && e(t);
 	};
 }
 //#endregion
 //#region node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
-function be(e) {
+function Se(e) {
 	var t = Object.create(null);
 	return function(n) {
 		return t[n] === void 0 && (t[n] = e(n)), t[n];
@@ -308,46 +308,46 @@ function be(e) {
 }
 //#endregion
 //#region node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js
-var xe = function(e, t, n) {
-	for (var r = 0, i = 0; r = i, i = R(), r === 38 && i === 12 && (t[n] = 1), !V(i);) L();
-	return B(e, M);
-}, Se = function(e, t) {
+var Ce = function(e, t, n) {
+	for (var r = 0, i = 0; r = i, i = L(), r === 38 && i === 12 && (t[n] = 1), !B(i);) I();
+	return z(e, M);
+}, we = function(e, t) {
 	var n = -1, r = 44;
 	do
-		switch (V(r)) {
+		switch (B(r)) {
 			case 0:
-				r === 38 && R() === 12 && (t[n] = 1), e[n] += xe(M - 1, t, n);
+				r === 38 && L() === 12 && (t[n] = 1), e[n] += Ce(M - 1, t, n);
 				break;
 			case 2:
-				e[n] += H(r);
+				e[n] += V(r);
 				break;
 			case 4: if (r === 44) {
-				e[++n] = R() === 58 ? "&\f" : "", t[n] = e[n].length;
+				e[++n] = L() === 58 ? "&\f" : "", t[n] = e[n].length;
 				break;
 			}
-			default: e[n] += b(r);
+			default: e[n] += x(r);
 		}
-	while (r = L());
+	while (r = I());
 	return e;
-}, Ce = function(e, t) {
-	return se(Se(oe(e), t));
-}, we = /* #__PURE__ */ new WeakMap(), Te = function(e) {
+}, Te = function(e, t) {
+	return le(we(ce(e), t));
+}, Ee = /* #__PURE__ */ new WeakMap(), De = 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 && !we.get(n)) && !r) {
-			we.set(e, !0);
-			for (var i = [], a = Ce(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 && !Ee.get(n)) && !r) {
+			Ee.set(e, !0);
+			for (var i = [], a = Te(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];
 		}
 	}
-}, Ee = function(e) {
+}, Oe = function(e) {
 	if (e.type === "decl") {
 		var t = e.value;
 		t.charCodeAt(0) === 108 && t.charCodeAt(2) === 98 && (e.return = "", e.value = "");
 	}
 };
-function De(e, t) {
-	switch (S(e, t)) {
-		case 5103: return f + "print-" + e + e;
+function ke(e, t) {
+	switch (C(e, t)) {
+		case 5103: return p + "print-" + e + e;
 		case 5737:
 		case 4201:
 		case 3177:
@@ -372,30 +372,30 @@ function De(e, t) {
 		case 5109:
 		case 5365:
 		case 5621:
-		case 3829: return f + e + e;
+		case 3829: return p + e + e;
 		case 5349:
 		case 4246:
 		case 4810:
 		case 6968:
-		case 2756: return f + e + d + e + u + e + e;
+		case 2756: return p + e + f + e + d + e + e;
 		case 6828:
-		case 4268: return f + e + u + e + e;
-		case 6165: return f + e + u + "flex-" + e + e;
-		case 5187: return f + e + T(e, /(\w+).+(:[^]+)/, f + "box-$1$2" + u + "flex-$1$2") + e;
-		case 5443: return f + e + u + "flex-item-" + T(e, /flex-|-self/, "") + e;
-		case 4675: return f + e + u + "flex-line-pack" + T(e, /align-content|flex-|-self/, "") + e;
-		case 5548: return f + e + u + T(e, "shrink", "negative") + e;
-		case 5292: return f + e + u + T(e, "basis", "preferred-size") + e;
-		case 6060: return f + "box-" + T(e, "-grow", "") + f + e + u + T(e, "grow", "positive") + e;
-		case 4554: return f + T(e, /([^-])(transform)/g, "$1" + f + "$2") + e;
-		case 6187: return T(T(T(e, /(zoom-|grab)/, f + "$1"), /(image-set)/, f + "$1"), e, "") + e;
+		case 4268: return p + e + d + e + e;
+		case 6165: return p + e + d + "flex-" + e + e;
+		case 5187: return p + e + T(e, /(\w+).+(:[^]+)/, p + "box-$1$2" + d + "flex-$1$2") + e;
+		case 5443: return p + e + d + "flex-item-" + T(e, /flex-|-self/, "") + e;
+		case 4675: return p + e + d + "flex-line-pack" + T(e, /align-content|flex-|-self/, "") + e;
+		case 5548: return p + e + d + T(e, "shrink", "negative") + e;
+		case 5292: return p + e + d + T(e, "basis", "preferred-size") + e;
+		case 6060: return p + "box-" + T(e, "-grow", "") + p + e + d + T(e, "grow", "positive") + e;
+		case 4554: return p + T(e, /([^-])(transform)/g, "$1" + p + "$2") + e;
+		case 6187: return T(T(T(e, /(zoom-|grab)/, p + "$1"), /(image-set)/, p + "$1"), e, "") + e;
 		case 5495:
-		case 3959: return T(e, /(image-set\([^]*)/, f + "$1$`$1");
-		case 4968: return T(T(e, /(.+:)(flex-)?(.*)/, f + "box-pack:$3" + u + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + f + e + e;
+		case 3959: return T(e, /(image-set\([^]*)/, p + "$1$`$1");
+		case 4968: return T(T(e, /(.+:)(flex-)?(.*)/, p + "box-pack:$3" + d + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + p + e + e;
 		case 4095:
 		case 3583:
 		case 4068:
-		case 2532: return T(e, /(.+)-inline(.+)/, f + "$1$2") + e;
+		case 2532: return T(e, /(.+)-inline(.+)/, p + "$1$2") + e;
 		case 8116:
 		case 7059:
 		case 5753:
@@ -410,47 +410,47 @@ function De(e, t) {
 		case 4765:
 			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" + f + "$2-$3$1" + d + (E(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
-				case 115: return ~ee(e, "stretch") ? De(T(e, "stretch", "fill-available"), t) + e : e;
+				case 102: return T(e, /(.+:)(.+)-([^]+)/, "$1" + p + "$2-$3$1" + f + (E(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+				case 115: return ~te(e, "stretch") ? ke(T(e, "stretch", "fill-available"), t) + e : e;
 			}
 			break;
 		case 4949: if (E(e, t + 1) !== 115) break;
 		case 6444:
-			switch (E(e, O(e) - 3 - (~ee(e, "!important") && 10))) {
-				case 107: return T(e, ":", ":" + f) + e;
-				case 101: return T(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + f + (E(e, 14) === 45 ? "inline-" : "") + "box$3$1" + f + "$2$3$1" + u + "$2box$3") + e;
+			switch (E(e, O(e) - 3 - (~te(e, "!important") && 10))) {
+				case 107: return T(e, ":", ":" + p) + e;
+				case 101: return T(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + p + (E(e, 14) === 45 ? "inline-" : "") + "box$3$1" + p + "$2$3$1" + d + "$2box$3") + e;
 			}
 			break;
 		case 5936:
 			switch (E(e, t + 11)) {
-				case 114: return f + e + u + T(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
-				case 108: return f + e + u + T(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
-				case 45: return f + e + u + T(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+				case 114: return p + e + d + T(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+				case 108: return p + e + d + T(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+				case 45: return p + e + d + T(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
 			}
-			return f + e + u + e + e;
+			return p + e + d + e + e;
 	}
 	return e;
 }
-var Oe = [function(e, t, n, r) {
+var Ae = [function(e, t, n, r) {
 	if (e.length > -1 && !e.return) switch (e.type) {
-		case h:
-			e.return = De(e.value, e.length);
+		case g:
+			e.return = ke(e.value, e.length);
 			break;
-		case _: return W([I(e, { value: T(e.value, "@", "@" + f) })], r);
-		case m: if (e.length) return ne(e.props, function(t) {
-			switch (w(t, /(::plac\w+|:read-\w+)/)) {
+		case v: return U([F(e, { value: T(e.value, "@", "@" + p) })], r);
+		case h: if (e.length) return re(e.props, function(t) {
+			switch (ee(t, /(::plac\w+|:read-\w+)/)) {
 				case ":read-only":
-				case ":read-write": return W([I(e, { props: [T(t, /:(read-\w+)/, ":" + d + "$1")] })], r);
-				case "::placeholder": return W([
-					I(e, { props: [T(t, /:(plac\w+)/, ":" + f + "input-$1")] }),
-					I(e, { props: [T(t, /:(plac\w+)/, ":" + d + "$1")] }),
-					I(e, { props: [T(t, /:(plac\w+)/, u + "input-$1")] })
+				case ":read-write": return U([F(e, { props: [T(t, /:(read-\w+)/, ":" + f + "$1")] })], r);
+				case "::placeholder": return U([
+					F(e, { props: [T(t, /:(plac\w+)/, ":" + p + "input-$1")] }),
+					F(e, { props: [T(t, /:(plac\w+)/, ":" + f + "$1")] }),
+					F(e, { props: [T(t, /:(plac\w+)/, d + "input-$1")] })
 				], r);
 			}
 			return "";
 		});
 	}
-}], ke = function(e) {
+}], je = function(e) {
 	var t = e.key;
 	if (t === "css") {
 		var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
@@ -458,22 +458,22 @@ var Oe = [function(e, t, n, r) {
 			e.getAttribute("data-emotion").indexOf(" ") !== -1 && (document.head.appendChild(e), e.setAttribute("data-s", ""));
 		});
 	}
-	var r = e.stylisPlugins || Oe, i = {}, a, o = [];
+	var r = e.stylisPlugins || Ae, 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 = [Te, Ee], u, d = [_e, ye(function(e) {
-		u.insert(e);
-	})], f = ve(c.concat(r, d)), p = function(e) {
-		return W(pe(e), f);
+	var s, c = [De, Oe], l, d = [ye, xe(function(e) {
+		l.insert(e);
+	})], f = be(c.concat(r, d)), p = function(e) {
+		return U(he(e), f);
 	};
 	s = function(e, t, n, r) {
-		u = n, p(e ? e + "{" + t.styles + "}" : t.styles), r && (m.inserted[t.name] = !0);
+		l = n, p(e ? e + "{" + t.styles + "}" : t.styles), r && (m.inserted[t.name] = !0);
 	};
 	var m = {
 		key: t,
-		sheet: new l({
+		sheet: new u({
 			key: t,
 			container: a,
 			nonce: e.nonce,
@@ -490,7 +490,7 @@ var Oe = [function(e, t, n, r) {
 };
 //#endregion
 //#region node_modules/@emotion/hash/dist/emotion-hash.esm.js
-function Ae(e) {
+function Me(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;
@@ -501,7 +501,7 @@ function Ae(e) {
 }
 //#endregion
 //#region node_modules/@emotion/unitless/dist/emotion-unitless.esm.js
-var je = {
+var Ne = {
 	animationIterationCount: 1,
 	aspectRatio: 1,
 	borderImageOutset: 1,
@@ -549,26 +549,26 @@ var je = {
 	strokeMiterlimit: 1,
 	strokeOpacity: 1,
 	strokeWidth: 1
-}, Me = /[A-Z]|^ms/g, Ne = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Pe = function(e) {
+}, Pe = /[A-Z]|^ms/g, Fe = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Ie = function(e) {
 	return e.charCodeAt(1) === 45;
-}, Fe = function(e) {
+}, Le = function(e) {
 	return e != null && typeof e != "boolean";
-}, Ie = /* #__PURE__ */ be(function(e) {
-	return Pe(e) ? e : e.replace(Me, "-$&").toLowerCase();
-}), Le = function(e, t) {
+}, Re = /* #__PURE__ */ Se(function(e) {
+	return Ie(e) ? e : e.replace(Pe, "-$&").toLowerCase();
+}), ze = function(e, t) {
 	switch (e) {
 		case "animation":
-		case "animationName": if (typeof t == "string") return t.replace(Ne, function(e, t, n) {
-			return K = {
+		case "animationName": if (typeof t == "string") return t.replace(Fe, function(e, t, n) {
+			return G = {
 				name: t,
 				styles: n,
-				next: K
+				next: G
 			}, t;
 		});
 	}
-	return je[e] !== 1 && !Pe(e) && typeof t == "number" && t !== 0 ? t + "px" : t;
+	return Ne[e] !== 1 && !Ie(e) && typeof t == "number" && t !== 0 ? t + "px" : t;
 };
-function G(e, t, n) {
+function W(e, t, n) {
 	if (n == null) return "";
 	var r = n;
 	if (r.__emotion_styles !== void 0) return r;
@@ -576,25 +576,25 @@ function G(e, t, n) {
 		case "boolean": return "";
 		case "object":
 			var i = n;
-			if (i.anim === 1) return K = {
+			if (i.anim === 1) return G = {
 				name: i.name,
 				styles: i.styles,
-				next: K
+				next: G
 			}, i.name;
 			var a = n;
 			if (a.styles !== void 0) {
 				var o = a.next;
-				if (o !== void 0) for (; o !== void 0;) K = {
+				if (o !== void 0) for (; o !== void 0;) G = {
 					name: o.name,
 					styles: o.styles,
-					next: K
+					next: G
 				}, o = o.next;
 				return a.styles + ";";
 			}
-			return Re(e, t, n);
+			return Be(e, t, n);
 		case "function": if (e !== void 0) {
-			var s = K, c = n(e);
-			return K = s, G(e, t, c);
+			var s = G, c = n(e);
+			return G = s, W(e, t, c);
 		}
 	}
 	var l = n;
@@ -602,21 +602,21 @@ function G(e, t, n) {
 	var u = t[l];
 	return u === void 0 ? l : u;
 }
-function Re(e, t, n) {
+function Be(e, t, n) {
 	var r = "";
-	if (Array.isArray(n)) for (var i = 0; i < n.length; i++) r += G(e, t, n[i]) + ";";
+	if (Array.isArray(n)) for (var i = 0; i < n.length; i++) r += W(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] + "}" : Fe(s) && (r += Ie(a) + ":" + Le(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++) Fe(o[c]) && (r += Ie(a) + ":" + Le(a, o[c]) + ";");
+			t != null && t[s] !== void 0 ? r += a + "{" + t[s] + "}" : Le(s) && (r += Re(a) + ":" + ze(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++) Le(o[c]) && (r += Re(a) + ":" + ze(a, o[c]) + ";");
 		else {
-			var l = G(e, t, o);
+			var l = W(e, t, o);
 			switch (a) {
 				case "animation":
 				case "animationName":
-					r += Ie(a) + ":" + l + ";";
+					r += Re(a) + ":" + l + ";";
 					break;
 				default: r += a + "{" + l + "}";
 			}
@@ -624,35 +624,35 @@ function Re(e, t, n) {
 	}
 	return r;
 }
-var ze = /label:\s*([^\s;{]+)\s*(;|$)/g, K;
-function Be(e, t, n) {
+var Ve = /label:\s*([^\s;{]+)\s*(;|$)/g, G;
+function He(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 = "";
-	K = void 0;
+	G = void 0;
 	var a = e[0];
-	a == null || a.raw === void 0 ? (r = !1, i += G(n, t, a)) : i += a[0];
-	for (var o = 1; o < e.length; o++) i += G(n, t, e[o]), r && (i += a[o]);
-	ze.lastIndex = 0;
-	for (var s = "", c; (c = ze.exec(i)) !== null;) s += "-" + c[1];
+	a == null || a.raw === void 0 ? (r = !1, i += W(n, t, a)) : i += a[0];
+	for (var o = 1; o < e.length; o++) i += W(n, t, e[o]), r && (i += a[o]);
+	Ve.lastIndex = 0;
+	for (var s = "", c; (c = Ve.exec(i)) !== null;) s += "-" + c[1];
 	return {
-		name: Ae(i) + s,
+		name: Me(i) + s,
 		styles: i,
-		next: K
+		next: G
 	};
 }
 //#endregion
 //#region node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js
-function Ve(e, t, n) {
+function Ue(e, t, n) {
 	var r = "";
 	return n.split(" ").forEach(function(n) {
 		e[n] === void 0 ? n && (r += n + " ") : t.push(e[n] + ";");
 	}), r;
 }
-var He = function(e, t, n) {
+var We = function(e, t, n) {
 	var r = e.key + "-" + t.name;
 	n === !1 && e.registered[r] === void 0 && (e.registered[r] = t.styles);
-}, Ue = function(e, t, n) {
-	He(e, t, n);
+}, Ge = function(e, t, n) {
+	We(e, t, n);
 	var r = e.key + "-" + t.name;
 	if (e.inserted[t.name] === void 0) {
 		var i = t;
@@ -663,34 +663,34 @@ var He = function(e, t, n) {
 };
 //#endregion
 //#region node_modules/@emotion/css/create-instance/dist/emotion-css-create-instance.esm.js
-function We(e, t) {
+function Ke(e, t) {
 	if (e.inserted[t.name] === void 0) return e.insert("", t, e.sheet, !0);
 }
-function Ge(e, t, n) {
-	var r = [], i = Ve(e, r, n);
+function qe(e, t, n) {
+	var r = [], i = Ue(e, r, n);
 	return r.length < 2 ? n : i + t(r);
 }
-var Ke = function(e) {
-	var t = ke(e);
+var Je = function(e) {
+	var t = je(e);
 	t.sheet.speedy = function(e) {
 		this.isSpeedy = e;
 	}, t.compat = !0;
 	var n = function() {
-		var e = Be([...arguments], t.registered, void 0);
-		return Ue(t, e, !1), t.key + "-" + e.name;
+		var e = He([...arguments], t.registered, void 0);
+		return Ge(t, e, !1), t.key + "-" + e.name;
 	};
 	return {
 		css: n,
 		cx: function() {
 			var e = [...arguments];
-			return Ge(t.registered, n, qe(e));
+			return qe(t.registered, n, Ye(e));
 		},
 		injectGlobal: function() {
-			We(t, Be([...arguments], t.registered));
+			Ke(t, He([...arguments], t.registered));
 		},
 		keyframes: function() {
-			var e = Be([...arguments], t.registered), n = "animation-" + e.name;
-			return We(t, {
+			var e = He([...arguments], t.registered), n = "animation-" + e.name;
+			return Ke(t, {
 				name: e.name,
 				styles: "@keyframes " + n + "{" + e.styles + "}"
 			}), n;
@@ -705,10 +705,10 @@ var Ke = function(e) {
 		},
 		sheet: t.sheet,
 		cache: t,
-		getRegisteredStyles: Ve.bind(null, t.registered),
-		merge: Ge.bind(null, t.registered, n)
+		getRegisteredStyles: Ue.bind(null, t.registered),
+		merge: qe.bind(null, t.registered, n)
 	};
-}, qe = function e(t) {
+}, Ye = function e(t) {
 	for (var n = "", r = 0; r < t.length; r++) {
 		var i = t[r];
 		if (i != null) {
@@ -725,15 +725,15 @@ var Ke = function(e) {
 		}
 	}
 	return n;
-}, q = Ke({ key: "css" });
-q.flush, q.hydrate;
-var J = q.cx;
-q.merge, q.getRegisteredStyles;
-var Je = q.injectGlobal, Ye = q.keyframes, Y = q.css;
-q.sheet, q.cache;
+}, K = Je({ key: "css" });
+K.flush, K.hydrate;
+var q = K.cx;
+K.merge, K.getRegisteredStyles;
+var Xe = K.injectGlobal, Ze = K.keyframes, J = K.css;
+K.sheet, K.cache;
 //#endregion
 //#region \0virtual:svg-sprite
-var Xe = "<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-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-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-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-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-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-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-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>", Ze = !1, Qe = new URL("./assets/manrope.woff2", import.meta.url).href ?? "/fonts/manrope.woff2", X = {
+var Qe = "<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-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-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-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-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-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-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>", $e = !1, et = new URL("./assets/manrope.woff2", import.meta.url).href ?? "/fonts/manrope.woff2", Y = {
 	fontFamily: "Manrope",
 	zIndex: {
 		front: 1,
@@ -770,10 +770,10 @@ var Xe = "<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() {
-		Ze || typeof document > "u" || (Je(`
+		$e || typeof document > "u" || (Xe(`
             @font-face {
                 font-family: 'Manrope';
-                src: url('${Qe}') format('woff2');
+                src: url('${et}') format('woff2');
                 font-weight: 100 900;
                 font-style: normal;
                 font-display: swap;
@@ -855,23 +855,23 @@ var Xe = "<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", Xe), Ze = !0));
+        `), !(document.getElementById("svg-sprite") || !document.body) && (document.body.insertAdjacentHTML("afterbegin", Qe), $e = !0));
 	}
 };
 //#endregion
 //#region src/components/_app-wrapper.jsx
-function $e({ maxWidth: e = "67.5rem", children: t }) {
+function tt({ maxWidth: e = "67.5rem", children: t }) {
 	return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r("div", {
-		className: et.base,
+		className: nt.base,
 		children: /* @__PURE__ */ r("div", {
-			className: et.inner,
+			className: nt.inner,
 			style: { maxWidth: e },
 			children: t
 		})
 	}) });
 }
-var et = {
-	base: Y`
+var nt = {
+	base: J`
         // 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,
@@ -879,32 +879,32 @@ var et = {
         // 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.
-        ${X.extends.stretch}
+        ${Y.extends.stretch}
         overflow-y: scroll;
         overflow-x: hidden;
         scroll-behavior: smooth;
     `,
-	inner: Y`
+	inner: J`
         position: relative;
         padding: 8rem 0;
         margin: 0 auto;
     `
-}, tt = ({ type: e = "normal", width: t = "100%", value: i = 0 }) => /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r("div", {
-	className: Z.base,
+}, rt = ({ type: e = "normal", width: t = "100%", value: i = 0 }) => /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r("div", {
+	className: X.base,
 	style: { width: t },
 	children: /* @__PURE__ */ r("div", {
-		className: J(Z.value, Z[e] ?? Z.normal),
+		className: q(X.value, X[e] ?? X.normal),
 		style: { width: `${i}%` }
 	})
-}) }), Z = {
-	base: Y`
+}) }), X = {
+	base: J`
         position: relative;
         border-radius: 16px;
         height: .625rem;
-        border: solid 1px ${X.colors.border};
-        background-color: ${X.colors.back.secondary};
+        border: solid 1px ${Y.colors.border};
+        background-color: ${Y.colors.back.secondary};
     `,
-	value: Y`
+	value: J`
         position: absolute;
         top: -1px;
         bottom: -1px;
@@ -913,20 +913,20 @@ var et = {
         will-change: width;
         transition: width .3s ease;
     `,
-	normal: Y`
-        border: solid 1px ${t(X.colors.primary, .3)};
-        background-color: ${X.colors.primary};
+	normal: J`
+        border: solid 1px ${t(Y.colors.primary, .3)};
+        background-color: ${Y.colors.primary};
     `,
-	danger: Y`
-        border: solid 1px ${t(X.colors.danger, .3)};
-        background-color: ${X.colors.danger};
+	danger: J`
+        border: solid 1px ${t(Y.colors.danger, .3)};
+        background-color: ${Y.colors.danger};
     `
 };
 //#endregion
 //#region src/components/_box.jsx
-function nt({ className: e, width: t, height: i, children: a }) {
+function it({ className: e, width: t, height: i, children: a }) {
 	return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r("div", {
-		className: J(rt.base, e),
+		className: q(at.base, e),
 		style: {
 			width: t,
 			height: i
@@ -934,19 +934,19 @@ function nt({ className: e, width: t, height: i, children: a }) {
 		children: a
 	}) });
 }
-var rt = { base: Y`
+var at = { base: J`
         position: relative;
         border-radius: 18px;
         border: solid 2px #eee;
         padding: 1.875rem 1.25rem;
-        background-color: ${X.colors.back.primary};
-        box-shadow: ${X.colors.shadow.primary};
+        background-color: ${Y.colors.back.primary};
+        box-shadow: ${Y.colors.shadow.primary};
     ` };
 //#endregion
 //#region src/components/_icon.jsx
-function Q({ className: e, size: t = "1.25rem", color: i = X.colors.fore.primary, iconName: a, isSpinning: o }) {
+function Z({ className: e, size: t = "1.25rem", color: i = Y.colors.fore.primary, iconName: a, isSpinning: o }) {
 	return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r("svg", {
-		className: J(it.base, e),
+		className: q(ot.base, e),
 		style: {
 			color: i,
 			width: t,
@@ -957,14 +957,14 @@ function Q({ className: e, size: t = "1.25rem", color: i = X.colors.fore.primary
 		children: /* @__PURE__ */ r("use", { href: `#icon-${a}` })
 	}) });
 }
-var it = { base: Y`
+var ot = { base: J`
         fill: currentColor;
         display: inline-block;
         flex-shrink: 0;
         will-change: transform;
         transition: transform .1s linear;
 
-        &[is-spinning] { animation: ${Ye`
+        &[is-spinning] { animation: ${Ze`
     0% {
         transform: rotate(0deg);
         animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -983,7 +983,7 @@ var it = { base: Y`
     ` };
 //#endregion
 //#region src/components/_button.jsx
-function at({ type: e = "primary", label: t, iconName: o, isDisabled: s = !1, isLoading: c = !1, onClick: l }) {
+function st({ type: e = "primary", label: t, iconName: o, isDisabled: s = !1, isLoading: c = !1, onClick: l }) {
 	let u = o || c, d = a(null);
 	function f(e) {
 		if (s || c) return;
@@ -997,7 +997,7 @@ function at({ type: e = "primary", label: t, iconName: o, isDisabled: s = !1, is
 	}
 	return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ i("button", {
 		type: "button",
-		className: J($.base, $[e] ?? $.normal),
+		className: q(Q.base, Q[e] ?? Q.normal),
 		"has-icon": u,
 		"is-disabled": s || void 0,
 		"is-loading": c || void 0,
@@ -1006,19 +1006,19 @@ function at({ type: e = "primary", label: t, iconName: o, isDisabled: s = !1, is
 		onClick: f,
 		children: [
 			u && /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r("div", {
-				className: Y`
-                    ${X.extends.verticalCenter}
+				className: J`
+                    ${Y.extends.verticalCenter}
 
                     left: .5rem;
                 `,
-				children: c ? /* @__PURE__ */ r(Q, {
+				children: c ? /* @__PURE__ */ r(Z, {
 					name: "loader",
 					isSpinning: !0
-				}) : /* @__PURE__ */ r(Q, { name: o })
+				}) : /* @__PURE__ */ r(Z, { name: o })
 			}) }),
 			t,
 			d.value && /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r("span", {
-				className: $.ripple,
+				className: Q.ripple,
 				style: {
 					left: d.value.x,
 					top: d.value.y,
@@ -1030,7 +1030,7 @@ function at({ type: e = "primary", label: t, iconName: o, isDisabled: s = !1, is
 		]
 	}) });
 }
-var ot = Ye`
+var ct = Ze`
     from {
         opacity: .4;
         transform: translate(-50%, -50%) scale(0);
@@ -1040,8 +1040,8 @@ var ot = Ye`
         opacity: 0;
         transform: translate(-50%, -50%) scale(1);
     }
-`, $ = {
-	base: Y`
+`, Q = {
+	base: J`
         font-size: .9rem;
         display: inline-block;
         position: relative;
@@ -1053,7 +1053,7 @@ var ot = Ye`
         border-radius: 12px;
         will-change: transform, border;
         transition: transform .2s ease, border .2s ease;
-        font-family: ${X.fontFamily}, sans-serif;
+        font-family: ${Y.fontFamily}, sans-serif;
 
         &:active {
             transform: translateY(2px);
@@ -1062,30 +1062,30 @@ var ot = Ye`
 
         &[has-icon] { padding-left: 1.8rem; }
     `,
-	primary: Y`
-        color: ${t(X.colors.primary, .6)};
-        border-bottom: solid 3px ${t(X.colors.primary, .25)};
-        background-color: ${X.colors.primary};
+	primary: J`
+        color: ${t(Y.colors.primary, .6)};
+        border-bottom: solid 3px ${t(Y.colors.primary, .25)};
+        background-color: ${Y.colors.primary};
     `,
-	secondary: Y`
-        color: ${X.colors.fore.secondary};
-        border-bottom: solid 3px ${t(X.colors.secondary, .25)};
-        background-color: ${X.colors.secondary};
+	secondary: J`
+        color: ${Y.colors.fore.secondary};
+        border-bottom: solid 3px ${t(Y.colors.secondary, .25)};
+        background-color: ${Y.colors.secondary};
     `,
-	ripple: Y`
+	ripple: J`
         position: absolute;
         z-index: 1;
         border-radius: 50%;
         pointer-events: none;
         background-color: currentColor;
-        animation: ${ot} .5s ease-out forwards;
+        animation: ${ct} .5s ease-out forwards;
     `
 };
 //#endregion
 //#region src/components/_layout.jsx
-function st({ className: e, height: t, direction: i = "row", justify: a, align: o, gap: s, children: c }) {
+function lt({ className: e, height: t, direction: i = "row", justify: a, align: o, gap: s, children: c }) {
 	return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r("div", {
-		className: J(ct.base, e),
+		className: q(ut.base, e),
 		style: {
 			height: t,
 			flexDirection: i,
@@ -1096,60 +1096,60 @@ function st({ className: e, height: t, direction: i = "row", justify: a, align:
 		children: c
 	}) });
 }
-var ct = { base: Y`
+var ut = { base: J`
         display: flex;
     ` };
 //#endregion
 //#region src/components/_text.jsx
-function lt({ as: e = "span", className: t, size: i = "normal", color: a = X.colors.fore.primary, children: o }) {
+function dt({ as: e = "span", className: t, size: i = "normal", color: a = Y.colors.fore.primary, children: o }) {
 	return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(e, {
-		className: J(ut.base, ut[i] ?? ut.normal, t),
+		className: q(ft.base, ft[i] ?? ft.normal, t),
 		style: { color: a },
 		children: o
 	}) });
 }
-var ut = {
-	base: Y`
+var ft = {
+	base: J`
         font-weight: 500;
         letter-spacing: 1px;
     `,
-	normal: Y`
+	normal: J`
         font-size: 1rem;
         line-height: 1.125rem;
     `,
-	small: Y`
+	small: J`
         font-size: 0.75rem;
         line-height: 1rem;
     `,
-	tiny: Y`
+	tiny: J`
         font-size: 0.65rem;
         line-height: 1rem;
     `
 };
 //#endregion
 //#region src/components/_headline.jsx
-function dt({ as: e = "h2", className: t, size: i = "normal", color: a = X.colors.fore.primary, children: o }) {
+function pt({ as: e = "h2", className: t, size: i = "normal", color: a = Y.colors.fore.primary, children: o }) {
 	return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(e, {
-		className: J(ft.base, ft[i] ?? ft.normal, t),
+		className: q(mt.base, mt[i] ?? mt.normal, t),
 		style: { color: a },
 		children: o
 	}) });
 }
-var ft = {
-	base: Y`
+var mt = {
+	base: J`
         letter-spacing: 1px;
     `,
-	normal: Y`
+	normal: J`
         font-weight: 500;
         font-size: 1rem;
         line-height: 1.2rem;
     `,
-	large: Y`
+	large: J`
         font-weight: 600;
         font-size: 1.4rem;
         line-height: 1.2;
     `,
-	small: Y`
+	small: J`
         font-weight: 500;
         font-size: .9rem;
         line-height: 1.2rem;
@@ -1157,7 +1157,7 @@ var ft = {
 };
 //#endregion
 //#region src/components/_space.jsx
-function pt({ size: e = 1 }) {
+function ht({ size: e = 1 }) {
 	return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r("div", {
 		"aria-hidden": "true",
 		style: {
@@ -1168,35 +1168,35 @@ function pt({ size: e = 1 }) {
 }
 //#endregion
 //#region src/components/_text-field.jsx
-function mt({ placeholder: e, value: t, width: o, isDisabled: s, onChange: c }) {
-	let l = a(Date.now()), u = a(t);
-	function d({ target: e }) {
-		u.value = e.value, c?.(u.value);
+function gt({ placeholder: e, value: t, width: o, isDisabled: c, onChange: l }) {
+	let u = s(), d = a(t);
+	function f({ target: e }) {
+		d.value = e.value, l?.(d.value);
 	}
 	return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ i("div", {
-		className: ht.base,
+		className: _t.base,
 		style: { width: o },
-		"is-disabled": s,
-		children: [!u.value && e && /* @__PURE__ */ r("label", {
-			className: ht.label,
-			for: l.value,
+		"is-disabled": c,
+		children: [!d.value && e && /* @__PURE__ */ r("label", {
+			className: _t.label,
+			htmlFor: u,
 			children: e
 		}), /* @__PURE__ */ r("input", {
-			id: l,
-			name: l,
-			className: ht.input,
-			value: u.value,
-			disabled: s,
+			id: u,
+			name: u,
+			className: _t.input,
+			value: d.value,
+			disabled: c,
 			autocomplete: "off",
-			onInput: d
+			onInput: f
 		})]
 	}) });
 }
-var ht = {
-	base: Y`
+var _t = {
+	base: J`
         position: relative;
     `,
-	label: Y`
+	label: J`
         font-size: .875rem;
         font-weight: 500;
         opacity: .5;
@@ -1205,10 +1205,10 @@ var ht = {
         top: .75rem;
         pointer-events: none;
         letter-spacing: 1px;
-        font-family: ${X.fontFamily}, sans-serif;
-        color: ${X.colors.fore.primary};
+        font-family: ${Y.fontFamily}, sans-serif;
+        color: ${Y.colors.fore.primary};
     `,
-	input: Y`
+	input: J`
         font-size: .875rem;
         font-weight: 500;
         color: rgb(58, 58, 58);
@@ -1219,73 +1219,73 @@ var ht = {
         width: 100%;
         border-radius: 8px;
         letter-spacing: 1px;
-        font-family: ${X.fontFamily}, sans-serif;
-        color: ${X.colors.fore.primary};
-        background-color: ${X.colors.back.secondary};
+        font-family: ${Y.fontFamily}, sans-serif;
+        color: ${Y.colors.fore.primary};
+        background-color: ${Y.colors.back.secondary};
     `
-}, gt = 28, _t = 3, vt = 11;
-function yt({ label: e, isChecked: t, isDisabled: s, onChange: c }) {
-	let l = a(Date.now()), u = a(t);
-	o(() => u.value = t, [t]);
-	function d() {
-		let e = !u.value;
-		u.value = e, c?.(e);
+}, vt = 28, yt = 3, bt = 11;
+function xt({ label: e, isChecked: t, isDisabled: c, onChange: l }) {
+	let u = s(), d = a(t);
+	o(() => d.value = t, [t]);
+	function f() {
+		let e = !d.value;
+		d.value = e, l?.(e);
 	}
 	return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ i("div", {
-		className: bt.base,
+		className: St.base,
 		children: [
 			/* @__PURE__ */ r("label", {
-				className: bt.label,
-				htmlFor: l.value,
-				"is-disabled": s,
+				className: St.label,
+				htmlFor: u,
+				"is-disabled": c,
 				children: e
 			}),
 			/* @__PURE__ */ r("input", {
-				id: l.value,
+				id: u,
 				type: "checkbox",
-				className: bt.checkbox,
-				checked: u.value,
-				disabled: s,
-				onChange: d
+				className: St.checkbox,
+				checked: d.value,
+				disabled: c,
+				onChange: f
 			}),
 			/* @__PURE__ */ r("label", {
-				className: bt.value,
-				htmlFor: l.value,
-				"is-disabled": s
+				className: St.value,
+				htmlFor: u,
+				"is-disabled": c
 			})
 		]
 	}) });
 }
-var bt = {
-	base: Y`
+var St = {
+	base: J`
         position: relative;
         display: flex;
         padding: .2rem 0 0 2rem;
         gap: .5rem;
     `,
-	label: Y`
+	label: J`
         display: inline-block;
         font-size: .75rem;
         line-height: 1.2rem;
         cursor: pointer;
         user-select: none;
         font-weight: 500;
-        font-family: ${X.fontFamily}, sans-serif;
-        color: ${X.colors.fore.secondary};
+        font-family: ${Y.fontFamily}, sans-serif;
+        color: ${Y.colors.fore.secondary};
     `,
-	checkbox: Y`
+	checkbox: J`
         display: none;
 
         &:checked ~ label {
             background-color: #e1e1e1;
 
             &:before {
-                right: ${_t}px;
+                right: ${yt}px;
                 background-color: #3a3a3a;
             }
         }
     `,
-	value: Y`
+	value: J`
         display: inline-block;
         position: relative;
         height: 1.1rem;
@@ -1294,7 +1294,7 @@ var bt = {
         cursor: pointer;
         user-select: none;
         transition: background .3s ease;
-        width: ${gt}px;
+        width: ${vt}px;
 
         &:before {
             background-color: #e1e1e1;
@@ -1303,22 +1303,22 @@ var bt = {
             position: absolute;
             transition: background .3s ease, right .3s ease;
             border-radius: 50%;
-            top: ${_t}px;
+            top: ${yt}px;
             right: ${14}px;
-            width: ${vt}px;
-            height: ${vt}px;
+            width: ${bt}px;
+            height: ${bt}px;
         }
     `
 };
 //#endregion
 //#region src/components/_tag.jsx
-function xt({ className: t, variant: a = "normal", iconName: o, label: s }) {
+function Ct({ className: t, variant: a = "normal", iconName: o, label: s }) {
 	return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ i("div", {
-		className: J(St.base, St[a] ?? St.normal, t),
+		className: q(wt.base, wt[a] ?? wt.normal, t),
 		"has-icon": !e(o),
-		children: [o && /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(Q, {
-			className: Y`
-                        ${X.extends.verticalCenter}
+		children: [o && /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(Z, {
+			className: J`
+                        ${Y.extends.verticalCenter}
                         left: .3rem;
                     `,
 			name: o,
@@ -1326,7 +1326,7 @@ function xt({ className: t, variant: a = "normal", iconName: o, label: s }) {
 		}) }), s]
 	}) });
 }
-var St = { base: Y`
+var wt = { base: J`
         position: relative;
         display: inline-block;
         padding: .3rem .5rem;
@@ -1334,41 +1334,41 @@ var St = { base: Y`
         white-space: pre-wrap;
         font-size: .7rem;
         font-weight: 600;
-        border: solid 1px ${X.colors.border};
-        background-color: ${X.colors.back.secondary};
-        color: ${X.colors.fore.primary};
+        border: solid 1px ${Y.colors.border};
+        background-color: ${Y.colors.back.secondary};
+        color: ${Y.colors.fore.primary};
 
         &[has-icon="true"] { padding-left: 1.5rem; }
     ` };
 //#endregion
 //#region src/components/_icon-button.jsx
-function Ct({ iconName: e, color: t, isDisabled: i, onClick: a }) {
+function Tt({ iconName: e, color: t, isDisabled: i, onClick: a }) {
 	function o(e) {
 		i || (e.stopPropagation(), e.preventDefault(), a?.(e));
 	}
 	return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r("button", {
-		className: wt.base,
+		className: Et.base,
 		"is-disabled": i || void 0,
 		"is-clickable": !!a || void 0,
 		disabled: i,
 		onClick: o,
-		children: /* @__PURE__ */ r(Q, {
+		children: /* @__PURE__ */ r(Z, {
 			color: t,
-			className: Y`${X.extends.centrate}`,
+			className: J`${Y.extends.centrate}`,
 			iconName: e,
 			isDisabled: i
 		})
 	}) });
 }
-var wt = { base: Y`
+var Et = { base: J`
         position: relative;
         width: 2.25rem;
         height: 2.25rem;
         border-radius: 8px;
         will-change: transform, border;
         transition: transform .1s ease, border .1s ease;
-        border-bottom: solid 2px ${X.colors.border};
-        background-color: ${X.colors.back.secondary};
+        border-bottom: solid 2px ${Y.colors.border};
+        background-color: ${Y.colors.back.secondary};
 
         &:active {
             transform: translateY(1px);
@@ -1376,4 +1376,136 @@ var wt = { base: Y`
         }
     ` };
 //#endregion
-export { $e as AppWrapper, tt as Bar, nt as Box, at as Button, dt as Headline, Q as Icon, Ct as IconButton, st as Layout, pt as Space, yt as Switch, xt as Tag, lt as Text, mt as TextField, X as Theme };
+//#region src/components/_tab-box.jsx
+function Dt({ className: e, width: t, height: o, initialIndex: c = 0, items: l = [], onChange: u }) {
+	let d = s(), f = Math.max(l.length - 1, 0), p = a(Math.min(Math.max(c, 0), f)), m = Math.min(p.value, f);
+	function h(e) {
+		e !== m && (p.value = e, u?.(e, l[e]));
+	}
+	return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ i("div", {
+		className: q($.base, e),
+		style: { width: t },
+		children: [/* @__PURE__ */ r(it, {
+			className: $.box,
+			height: o,
+			children: /* @__PURE__ */ r("div", {
+				className: $.track,
+				style: { transform: `translateX(-${m * 100}%)` },
+				children: l.map((e, t) => /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r("div", {
+					id: `${d}-panel-${t}`,
+					className: $.panel,
+					role: "tabpanel",
+					"aria-labelledby": `${d}-tab-${t}`,
+					"aria-hidden": t !== m,
+					inert: t !== m || void 0,
+					children: e.content
+				}, e.id ?? t) }))
+			})
+		}), l.length > 0 && /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r("div", {
+			className: $.tabs,
+			role: "tablist",
+			children: l.map((e, t) => {
+				let a = t === m, o = e.notification != null;
+				return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ i("button", {
+					id: `${d}-tab-${t}`,
+					className: $.tab,
+					type: "button",
+					role: "tab",
+					"aria-controls": `${d}-panel-${t}`,
+					"aria-label": e.label ?? `Tab ${t + 1}`,
+					"aria-selected": a,
+					tabIndex: a ? 0 : -1,
+					"is-active": a || void 0,
+					onClick: () => h(t),
+					children: [
+						e.iconName && /* @__PURE__ */ r(Z, {
+							iconName: e.iconName,
+							size: "1rem"
+						}),
+						e.label && /* @__PURE__ */ r("span", { children: e.label }),
+						o && /* @__PURE__ */ r("span", {
+							className: $.notification,
+							"aria-label": `${e.notification} notifications`,
+							children: e.notification
+						})
+					]
+				}, e.id ?? t) });
+			})
+		}) })]
+	}) });
+}
+var $ = {
+	base: J`
+        position: relative;
+        max-width: 100%;
+    `,
+	box: J`
+        z-index: ${Y.zIndex.front};
+        width: 100%;
+        padding: 0;
+        overflow: hidden;
+    `,
+	track: J`
+        display: flex;
+        width: 100%;
+        min-height: 100%;
+        will-change: transform;
+        transition: transform .35s cubic-bezier(.22, .61, .36, 1);
+
+        @media (prefers-reduced-motion: reduce) { transition: none; }
+    `,
+	panel: J`
+        flex: 0 0 100%;
+        min-width: 0;
+        padding: 1.875rem 1.25rem;
+    `,
+	tabs: J`
+        display: flex;
+        position: relative;
+        margin-top: -1rem;
+        overflow: hidden;
+        border: solid 2px #eee;
+        border-top: 0;
+        border-radius: 0 0 18px 18px;
+        background-color: ${Y.colors.back.secondary};
+    `,
+	tab: J`
+        display: flex;
+        flex: 1 1 0;
+        align-items: center;
+        justify-content: center;
+        gap: .4rem;
+        min-width: 0;
+        min-height: 3.6rem;
+        padding: 1.5rem .5rem .5rem .5rem;
+        cursor: pointer;
+        font-size: .8rem;
+        font-weight: 600;
+        transition: color .2s ease, background-color .2s ease;
+        color: ${Y.colors.fore.secondary};
+        font-family: ${Y.fontFamily}, sans-serif;
+
+        & + & { border-left: solid 1px #e5e7e9; }
+
+        &[is-active] {
+            color: ${Y.colors.fore.primary};
+            background-color: ${Y.colors.back.primary};
+        }
+    `,
+	notification: J`
+        display: inline-flex;
+        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: ${Y.colors.fore.primary};
+        background-color: ${Y.colors.back.primary};
+    `
+};
+//#endregion
+export { tt as AppWrapper, rt as Bar, it as Box, st as Button, pt as Headline, Z as Icon, Tt as IconButton, lt as Layout, ht as Space, xt as Switch, Dt as TabBox, Ct as Tag, dt as Text, gt as TextField, Y as Theme };