melonykit 0.8.3 → 0.9.1

package/dist/index.js

@@ -1,18 +1,18 @@
 import { i as e, o as t } from "./functions-ytrrWBDV.js";
 import { useSignal as n } from "@preact/signals";
-import { useEffect as r, useId as i } from "preact/hooks";
-import { Fragment as a, jsx as o, jsxs as s } from "preact/jsx-runtime";
+import { useEffect as r, useId as i, useRef as a } from "preact/hooks";
+import { Fragment as o, jsx as s, jsxs as c } from "preact/jsx-runtime";
 //#region node_modules/@emotion/sheet/dist/emotion-sheet.esm.js
-function c(e) {
+function l(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 l(e) {
+function u(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 u = /*#__PURE__*/ function() {
+var d = /*#__PURE__*/ function() {
 	function e(e) {
 		var t = this;
 		this._insertTag = function(e) {
@@ -24,10 +24,10 @@ var u = /*#__PURE__*/ function() {
 	return t.hydrate = function(e) {
 		e.forEach(this._insertTag);
 	}, t.insert = function(e) {
-		this.ctr % (this.isSpeedy ? 65e3 : 1) == 0 && this._insertTag(l(this));
+		this.ctr % (this.isSpeedy ? 65e3 : 1) == 0 && this._insertTag(u(this));
 		var t = this.tags[this.tags.length - 1];
 		if (this.isSpeedy) {
-			var n = c(t);
+			var n = l(t);
 			try {
 				n.insertRule(e, n.cssRules.length);
 			} catch {}
@@ -38,20 +38,20 @@ var u = /*#__PURE__*/ function() {
 			return e.parentNode?.removeChild(e);
 		}), this.tags = [], this.ctr = 0;
 	}, e;
-}(), 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) {
+}(), 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 E(e, 0) ^ 45 ? (((t << 2 ^ E(e, 0)) << 2 ^ E(e, 1)) << 2 ^ E(e, 2)) << 2 ^ E(e, 3) : 0;
 }
-function w(e) {
+function ee(e) {
 	return e.trim();
 }
-function ee(e, t) {
+function te(e, t) {
 	return (e = t.exec(e)) ? e[0] : e;
 }
 function T(e, t, n) {
 	return e.replace(t, n);
 }
-function te(e, t) {
+function ne(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 ne(e) {
+function re(e) {
 	return e.length;
 }
 function k(e, t) {
 	return t.push(e), e;
 }
-function re(e, t) {
+function ie(e, t) {
 	return e.map(t).join("");
 }
 //#endregion
 //#region node_modules/stylis/src/Tokenizer.js
-var A = 1, j = 1, ie = 0, M = 0, N = 0, P = "";
-function ae(e, t, n, r, i, a, o) {
+var A = 1, j = 1, ae = 0, M = 0, N = 0, P = "";
+function F(e, t, n, r, i, a, o) {
 	return {
 		value: e,
 		root: t,
@@ -89,8 +89,8 @@ function ae(e, t, n, r, i, a, o) {
 		return: ""
 	};
 }
-function F(e, t) {
-	return S(ae("", null, null, "", null, null, 0), e, { length: -e.length }, t);
+function I(e, t) {
+	return C(F("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
 function oe() {
 	return N;
@@ -98,19 +98,19 @@ function oe() {
 function se() {
 	return N = M > 0 ? 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 L() {
-	return E(P, M);
+	return N = M < ae ? E(P, M++) : 0, j++, N === 10 && (j = 1, A++), N;
 }
 function R() {
+	return E(P, M);
+}
+function z() {
 	return M;
 }
-function z(e, t) {
+function B(e, t) {
 	return D(P, e, t);
 }
-function B(e) {
+function V(e) {
 	switch (e) {
 		case 0:
 		case 9:
@@ -138,24 +138,24 @@ function B(e) {
 	return 0;
 }
 function ce(e) {
-	return A = j = 1, ie = O(P = e), M = 0, [];
+	return A = j = 1, ae = O(P = e), M = 0, [];
 }
 function le(e) {
 	return P = "", e;
 }
-function V(e) {
-	return w(z(M - 1, fe(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+function H(e) {
+	return ee(B(M - 1, fe(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function ue(e) {
-	for (; (N = L()) && N < 33;) I();
-	return B(e) > 2 || B(N) > 3 ? "" : " ";
+	for (; (N = R()) && N < 33;) L();
+	return V(e) > 2 || V(N) > 3 ? "" : " ";
 }
 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));
+	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 fe(e) {
-	for (; I();) switch (N) {
+	for (; L();) switch (N) {
 		case e: return M;
 		case 34:
 		case 39:
@@ -165,34 +165,34 @@ function fe(e) {
 			e === 41 && fe(e);
 			break;
 		case 92:
-			I();
+			L();
 			break;
 	}
 	return M;
 }
 function pe(e, t) {
-	for (; I() && e + N !== 57 && (e + N !== 84 || L() !== 47););
-	return "/*" + z(t, M - 1) + "*" + x(e === 47 ? e : I());
+	for (; L() && e + N !== 57 && (e + N !== 84 || R() !== 47););
+	return "/*" + B(t, M - 1) + "*" + S(e === 47 ? e : L());
 }
 function me(e) {
-	for (; !B(L());) I();
-	return z(e, M);
+	for (; !V(R());) L();
+	return B(e, M);
 }
 //#endregion
 //#region node_modules/stylis/src/Parser.js
 function he(e) {
-	return le(H("", null, null, null, [""], e = ce(e), 0, [0], e));
+	return le(U("", null, null, null, [""], e = ce(e), 0, [0], e));
 }
-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()) {
+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 = "", b = i, x = a, C = r, w = y; g;) switch (m = v, v = L()) {
 		case 40: if (m != 108 && E(w, d - 1) == 58) {
-			te(w += T(V(v), "&", "&\f"), "&\f") != -1 && (_ = -1);
+			ne(w += T(H(v), "&", "&\f"), "&\f") != -1 && (_ = -1);
 			break;
 		}
 		case 34:
 		case 39:
 		case 91:
-			w += V(v);
+			w += H(v);
 			break;
 		case 9:
 		case 10:
@@ -201,13 +201,13 @@ function H(e, t, n, r, i, a, o, s, c) {
 			w += ue(m);
 			break;
 		case 92:
-			w += de(R() - 1, 7);
+			w += de(z() - 1, 7);
 			continue;
 		case 47:
-			switch (L()) {
+			switch (R()) {
 				case 42:
 				case 47:
-					k(_e(pe(I(), R()), t, n), c);
+					k(_e(pe(L(), z()), t, n), c);
 					break;
 				default: w += "/";
 			}
@@ -223,16 +223,16 @@ function H(e, t, n, r, i, a, o, s, 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 = 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);
+				default: if (k(C = ge(w, t, n, l, u, i, s, y, b = [], x = [], d), a), v === 123) {
+					if (u === 0) U(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:
-							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);
+							U(e, C, C, r && k(ge(e, C, C, 0, 0, i, s, y, i, b = [], d), x), i, x, d, s, r ? b : x);
 							break;
-						default: H(w, C, C, C, [""], S, 0, s, S);
+						default: U(w, C, C, C, [""], x, 0, s, x);
 					}
 				}
 			}
@@ -244,7 +244,7 @@ function H(e, t, n, r, i, a, o, s, c) {
 				if (v == 123) --h;
 				else if (v == 125 && h++ == 0 && se() == 125) continue;
 			}
-			switch (w += x(v), v * h) {
+			switch (w += S(v), v * h) {
 				case 38:
 					_ = u > 0 ? 1 : (w += "\f", -1);
 					break;
@@ -252,7 +252,7 @@ function H(e, t, n, r, i, a, o, s, c) {
 					s[l++] = (O(w) - 1) * _, _ = 1;
 					break;
 				case 64:
-					L() === 45 && (w += V(I())), f = L(), u = d = O(y = w += me(R())), v++;
+					R() === 45 && (w += H(L())), f = R(), u = d = O(y = w += me(z())), v++;
 					break;
 				case 45: m === 45 && O(w) == 2 && (h = 0);
 			}
@@ -260,36 +260,36 @@ function H(e, t, n, r, i, a, o, s, c) {
 	return a;
 }
 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);
+	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 F(e, t, n, i === 0 ? g : s, c, l, u);
 }
 function _e(e, t, n) {
-	return ae(e, t, n, m, x(oe()), D(e, 2, -2), 0);
+	return F(e, t, n, h, S(oe()), D(e, 2, -2), 0);
 }
 function ve(e, t, n, r) {
-	return ae(e, t, n, g, D(e, 0, r), D(e, r + 1, -1), r);
+	return F(e, t, n, _, D(e, 0, r), D(e, r + 1, -1), r);
 }
 //#endregion
 //#region node_modules/stylis/src/Serializer.js
-function U(e, t) {
-	for (var n = "", r = ne(e), i = 0; i < r; i++) n += t(e[i], i, e, t) || "";
+function W(e, t) {
+	for (var n = "", r = re(e), i = 0; i < r; i++) n += t(e[i], i, e, t) || "";
 	return n;
 }
 function ye(e, t, n, r) {
 	switch (e.type) {
-		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(",");
+		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 + "{" + W(e.children, r) + "}";
+		case g: e.value = e.props.join(",");
 	}
-	return O(n = U(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
+	return O(n = W(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
 }
 //#endregion
 //#region node_modules/stylis/src/Middleware.js
 function be(e) {
-	var t = ne(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;
@@ -311,25 +311,25 @@ function Se(e) {
 //#endregion
 //#region node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js
 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);
+	for (var r = 0, i = 0; r = i, i = R(), r === 38 && i === 12 && (t[n] = 1), !V(i);) L();
+	return B(e, M);
 }, we = function(e, t) {
 	var n = -1, r = 44;
 	do
-		switch (B(r)) {
+		switch (V(r)) {
 			case 0:
-				r === 38 && L() === 12 && (t[n] = 1), e[n] += Ce(M - 1, t, n);
+				r === 38 && R() === 12 && (t[n] = 1), e[n] += Ce(M - 1, t, n);
 				break;
 			case 2:
-				e[n] += V(r);
+				e[n] += H(r);
 				break;
 			case 4: if (r === 44) {
-				e[++n] = L() === 58 ? "&\f" : "", t[n] = e[n].length;
+				e[++n] = R() === 58 ? "&\f" : "", t[n] = e[n].length;
 				break;
 			}
-			default: e[n] += x(r);
+			default: e[n] += S(r);
 		}
-	while (r = I());
+	while (r = L());
 	return e;
 }, Te = function(e, t) {
 	return le(we(ce(e), t));
@@ -348,8 +348,8 @@ var Ce = function(e, t, n) {
 	}
 };
 function ke(e, t) {
-	switch (C(e, t)) {
-		case 5103: return p + "print-" + e + e;
+	switch (w(e, t)) {
+		case 5103: return m + "print-" + e + e;
 		case 5737:
 		case 4201:
 		case 3177:
@@ -374,30 +374,30 @@ function ke(e, t) {
 		case 5109:
 		case 5365:
 		case 5621:
-		case 3829: return p + e + e;
+		case 3829: return m + e + e;
 		case 5349:
 		case 4246:
 		case 4810:
 		case 6968:
-		case 2756: return p + e + f + e + d + e + e;
+		case 2756: return m + e + p + e + f + e + e;
 		case 6828:
-		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 4268: return m + e + f + e + e;
+		case 6165: return m + e + f + "flex-" + e + e;
+		case 5187: return m + e + T(e, /(\w+).+(:[^]+)/, m + "box-$1$2" + f + "flex-$1$2") + e;
+		case 5443: return m + e + f + "flex-item-" + T(e, /flex-|-self/, "") + e;
+		case 4675: return m + e + f + "flex-line-pack" + T(e, /align-content|flex-|-self/, "") + e;
+		case 5548: return m + e + f + T(e, "shrink", "negative") + e;
+		case 5292: return m + e + f + T(e, "basis", "preferred-size") + e;
+		case 6060: return m + "box-" + T(e, "-grow", "") + m + e + f + T(e, "grow", "positive") + e;
+		case 4554: return m + T(e, /([^-])(transform)/g, "$1" + m + "$2") + e;
+		case 6187: return T(T(T(e, /(zoom-|grab)/, m + "$1"), /(image-set)/, m + "$1"), e, "") + e;
 		case 5495:
-		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 3959: return T(e, /(image-set\([^]*)/, m + "$1$`$1");
+		case 4968: return T(T(e, /(.+:)(flex-)?(.*)/, m + "box-pack:$3" + f + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + m + e + e;
 		case 4095:
 		case 3583:
 		case 4068:
-		case 2532: return T(e, /(.+)-inline(.+)/, p + "$1$2") + e;
+		case 2532: return T(e, /(.+)-inline(.+)/, m + "$1$2") + e;
 		case 8116:
 		case 7059:
 		case 5753:
@@ -412,41 +412,41 @@ function ke(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" + 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;
+				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") ? 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 - (~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;
+			switch (E(e, O(e) - 3 - (~ne(e, "!important") && 10))) {
+				case 107: return T(e, ":", ":" + m) + 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 (E(e, t + 11)) {
-				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;
+				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;
 			}
-			return p + e + d + e + e;
+			return m + e + f + e + e;
 	}
 	return e;
 }
 var Ae = [function(e, t, n, r) {
 	if (e.length > -1 && !e.return) switch (e.type) {
-		case g:
+		case _:
 			e.return = ke(e.value, e.length);
 			break;
-		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 y: return W([I(e, { value: T(e.value, "@", "@" + m) })], r);
+		case g: if (e.length) return ie(e.props, function(t) {
+			switch (te(t, /(::plac\w+|:read-\w+)/)) {
 				case ":read-only":
-				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")] })
+				case ":read-write": return W([I(e, { props: [T(t, /:(read-\w+)/, ":" + p + "$1")] })], r);
+				case "::placeholder": return W([
+					I(e, { props: [T(t, /:(plac\w+)/, ":" + m + "input-$1")] }),
+					I(e, { props: [T(t, /:(plac\w+)/, ":" + p + "$1")] }),
+					I(e, { props: [T(t, /:(plac\w+)/, f + "input-$1")] })
 				], r);
 			}
 			return "";
@@ -465,17 +465,17 @@ var Ae = [function(e, t, n, r) {
 		for (var t = e.getAttribute("data-emotion").split(" "), n = 1; n < t.length; n++) i[t[n]] = !0;
 		o.push(e);
 	});
-	var s, c = [De, Oe], l, d = [ye, xe(function(e) {
+	var s, c = [De, Oe], l, u = [ye, xe(function(e) {
 		l.insert(e);
-	})], f = be(c.concat(r, d)), p = function(e) {
-		return U(he(e), f);
+	})], f = be(c.concat(r, u)), p = function(e) {
+		return W(he(e), f);
 	};
 	s = function(e, t, n, r) {
 		l = n, p(e ? e + "{" + t.styles + "}" : t.styles), r && (m.inserted[t.name] = !0);
 	};
 	var m = {
 		key: t,
-		sheet: new u({
+		sheet: new d({
 			key: t,
 			container: a,
 			nonce: e.nonce,
@@ -561,16 +561,16 @@ var Ne = {
 	switch (e) {
 		case "animation":
 		case "animationName": if (typeof t == "string") return t.replace(Fe, function(e, t, n) {
-			return G = {
+			return K = {
 				name: t,
 				styles: n,
-				next: G
+				next: K
 			}, t;
 		});
 	}
 	return Ne[e] !== 1 && !Ie(e) && typeof t == "number" && t !== 0 ? t + "px" : t;
 };
-function W(e, t, n) {
+function G(e, t, n) {
 	if (n == null) return "";
 	var r = n;
 	if (r.__emotion_styles !== void 0) return r;
@@ -578,25 +578,25 @@ function W(e, t, n) {
 		case "boolean": return "";
 		case "object":
 			var i = n;
-			if (i.anim === 1) return G = {
+			if (i.anim === 1) return K = {
 				name: i.name,
 				styles: i.styles,
-				next: G
+				next: K
 			}, i.name;
 			var a = n;
 			if (a.styles !== void 0) {
 				var o = a.next;
-				if (o !== void 0) for (; o !== void 0;) G = {
+				if (o !== void 0) for (; o !== void 0;) K = {
 					name: o.name,
 					styles: o.styles,
-					next: G
+					next: K
 				}, o = o.next;
 				return a.styles + ";";
 			}
 			return Be(e, t, n);
 		case "function": if (e !== void 0) {
-			var s = G, c = n(e);
-			return G = s, W(e, t, c);
+			var s = K, c = n(e);
+			return K = s, G(e, t, c);
 		}
 	}
 	var l = n;
@@ -606,7 +606,7 @@ function W(e, t, n) {
 }
 function Be(e, t, n) {
 	var r = "";
-	if (Array.isArray(n)) for (var i = 0; i < n.length; i++) r += W(e, t, n[i]) + ";";
+	if (Array.isArray(n)) for (var i = 0; i < n.length; i++) r += G(e, t, n[i]) + ";";
 	else for (var a in n) {
 		var o = n[a];
 		if (typeof o != "object") {
@@ -614,7 +614,7 @@ function Be(e, t, n) {
 			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 = W(e, t, o);
+			var l = G(e, t, o);
 			switch (a) {
 				case "animation":
 				case "animationName":
@@ -626,20 +626,20 @@ function Be(e, t, n) {
 	}
 	return r;
 }
-var Ve = /label:\s*([^\s;{]+)\s*(;|$)/g, G;
+var Ve = /label:\s*([^\s;{]+)\s*(;|$)/g, K;
 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 = "";
-	G = void 0;
+	K = void 0;
 	var a = e[0];
-	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]);
+	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]);
 	Ve.lastIndex = 0;
 	for (var s = "", c; (c = Ve.exec(i)) !== null;) s += "-" + c[1];
 	return {
 		name: Me(i) + s,
 		styles: i,
-		next: G
+		next: K
 	};
 }
 //#endregion
@@ -727,15 +727,15 @@ var Je = function(e) {
 		}
 	}
 	return n;
-}, 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;
+}, q = Je({ key: "css" });
+q.flush, q.hydrate;
+var J = q.cx;
+q.merge, q.getRegisteredStyles;
+var Xe = q.injectGlobal, Ze = q.keyframes, Y = q.css;
+q.sheet, q.cache;
 //#endregion
 //#region \0virtual:svg-sprite
-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-eye-close\" viewBox=\"0 0 24 24\"><path d=\"M22 8c-2.202 3.023-5.86 5-10 5S4.202 11.023 2 8\"/><path d=\"m15 13 1.5 3\"/><path d=\"m20 11 2 2.5\"/><path d=\"M2 13.5 4 11\"/><path d=\"m9 13-1.5 3\"/></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 = {
+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-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-eye-close\" viewBox=\"0 0 24 24\"><path d=\"M22 8c-2.202 3.023-5.86 5-10 5S4.202 11.023 2 8\"/><path d=\"m15 13 1.5 3\"/><path d=\"m20 11 2 2.5\"/><path d=\"M2 13.5 4 11\"/><path d=\"m9 13-1.5 3\"/></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", X = {
 	fontFamily: "Manrope",
 	zIndex: {
 		front: 1,
@@ -863,9 +863,9 @@ var Qe = "<svg xmlns=\"http://www.w3.org/2000/svg\" style=\"position:absolute;wi
 //#endregion
 //#region src/components/_app-wrapper.jsx
 function tt({ maxWidth: e = "67.5rem", children: t }) {
-	return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o("div", {
+	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
 		className: nt.base,
-		children: /* @__PURE__ */ o("div", {
+		children: /* @__PURE__ */ s("div", {
 			className: nt.inner,
 			style: { maxWidth: e },
 			children: t
@@ -873,7 +873,7 @@ function tt({ maxWidth: e = "67.5rem", children: t }) {
 	}) });
 }
 var nt = {
-	base: J`
+	base: Y`
         // 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,
@@ -881,32 +881,32 @@ var nt = {
         // 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.
-        ${Y.extends.stretch}
+        ${X.extends.stretch}
         overflow-y: scroll;
         overflow-x: hidden;
         scroll-behavior: smooth;
     `,
-	inner: J`
+	inner: Y`
         position: relative;
         padding: 8rem 0;
         margin: 0 auto;
     `
-}, rt = ({ type: e = "normal", width: t = "100%", value: n = 0 }) => /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o("div", {
-	className: X.base,
+}, rt = ({ type: e = "normal", width: t = "100%", value: n = 0 }) => /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
+	className: it.base,
 	style: { width: t },
-	children: /* @__PURE__ */ o("div", {
-		className: q(X.value, X[e] ?? X.normal),
+	children: /* @__PURE__ */ s("div", {
+		className: J(it.value, it[e] ?? it.normal),
 		style: { width: `${n}%` }
 	})
-}) }), X = {
-	base: J`
+}) }), it = {
+	base: Y`
         position: relative;
         border-radius: 16px;
         height: .625rem;
-        border: solid 1px ${Y.colors.border};
-        background-color: ${Y.colors.back.secondary};
+        border: solid 1px ${X.colors.border};
+        background-color: ${X.colors.back.secondary};
     `,
-	value: J`
+	value: Y`
         position: absolute;
         top: -1px;
         bottom: -1px;
@@ -915,24 +915,24 @@ var nt = {
         will-change: width;
         transition: width .3s ease;
     `,
-	normal: J`
-        border: solid 1px ${t(Y.colors.primary, .3)};
-        background-color: ${Y.colors.primary};
+	normal: Y`
+        border: solid 1px ${t(X.colors.primary, .3)};
+        background-color: ${X.colors.primary};
     `,
-	warn: J`
-        border: solid 1px ${t(Y.colors.secondary, .2)};
-        background-color: ${Y.colors.secondary};
+	warn: Y`
+        border: solid 1px ${t(X.colors.secondary, .2)};
+        background-color: ${X.colors.secondary};
     `,
-	danger: J`
-        border: solid 1px ${t(Y.colors.danger, .3)};
-        background-color: ${Y.colors.danger};
+	danger: Y`
+        border: solid 1px ${t(X.colors.danger, .3)};
+        background-color: ${X.colors.danger};
     `
 };
 //#endregion
 //#region src/components/_box.jsx
-function it({ type: e = "normal", className: t, width: n, height: r, children: i }) {
-	return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o("div", {
-		className: q(at.base, at[e] ?? at.normal, t),
+function at({ type: e = "normal", className: t, width: n, height: r, children: i }) {
+	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
+		className: J(ot.base, ot[e] ?? ot.normal, t),
 		style: {
 			width: n,
 			height: r
@@ -940,26 +940,26 @@ function it({ type: e = "normal", className: t, width: n, height: r, children: i
 		children: i
 	}) });
 }
-var at = {
-	base: J`
+var ot = {
+	base: Y`
         position: relative;
         border-radius: 18px;
         border: solid 2px #eee;
         padding: 1.875rem 1.25rem;
-        box-shadow: ${Y.colors.shadow.primary};
+        box-shadow: ${X.colors.shadow.primary};
     `,
-	normal: J`
-        background-color: ${Y.colors.back.primary};
+	normal: Y`
+        background-color: ${X.colors.back.primary};
     `,
-	alternative: J`
+	alternative: Y`
         background-color: #fafafa;
     `
 };
 //#endregion
 //#region src/components/_icon.jsx
-function Z({ className: e, size: t = "1.25rem", color: n = Y.colors.fore.primary, iconName: r, isSpinning: i }) {
-	return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o("svg", {
-		className: q(ot.base, e),
+function Z({ className: e, size: t = "1.25rem", color: n = X.colors.fore.primary, iconName: r, isSpinning: i }) {
+	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("svg", {
+		className: J(st.base, e),
 		style: {
 			color: n,
 			width: t,
@@ -967,10 +967,10 @@ function Z({ className: e, size: t = "1.25rem", color: n = Y.colors.fore.primary
 		},
 		"aria-hidden": "true",
 		"is-spinning": i || void 0,
-		children: /* @__PURE__ */ o("use", { href: `#icon-${r}` })
+		children: /* @__PURE__ */ s("use", { href: `#icon-${r}` })
 	}) });
 }
-var ot = { base: J`
+var st = { base: Y`
         fill: currentColor;
         display: inline-block;
         flex-shrink: 0;
@@ -996,10 +996,10 @@ var ot = { base: J`
     ` };
 //#endregion
 //#region src/components/_button.jsx
-function st({ type: e = "primary", label: t, iconName: r, isDisabled: i = !1, isLoading: c = !1, onClick: l }) {
-	let u = r || c, d = n(null);
+function ct({ 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 || c) return;
+		if (i || a) return;
 		e.stopPropagation(), e.preventDefault();
 		let t = e.currentTarget.getBoundingClientRect();
 		d.value = {
@@ -1008,30 +1008,30 @@ function st({ type: e = "primary", label: t, iconName: r, isDisabled: i = !1, is
 			size: Math.max(t.width, t.height) * 2
 		}, l?.(e);
 	}
-	return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ s("button", {
+	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("button", {
 		type: "button",
-		className: q(Q.base, Q[e] ?? Q.normal),
+		className: J(ut.base, ut[e] ?? ut.normal),
 		"has-icon": u,
 		"is-disabled": i || void 0,
-		"is-loading": c || void 0,
+		"is-loading": a || void 0,
 		"is-clickable": !!l || void 0,
-		disabled: i || c,
+		disabled: i || a,
 		onClick: f,
 		children: [
-			u && /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o("div", {
-				className: J`
-                    ${Y.extends.verticalCenter}
+			u && /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
+				className: Y`
+                    ${X.extends.verticalCenter}
 
                     left: .6rem;
                 `,
-				children: c ? /* @__PURE__ */ o(Z, {
+				children: a ? /* @__PURE__ */ s(Z, {
 					iconName: "loader",
 					isSpinning: !0
-				}) : /* @__PURE__ */ o(Z, { iconName: r })
+				}) : /* @__PURE__ */ s(Z, { iconName: r })
 			}) }),
 			t,
-			d.value && /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o("span", {
-				className: Q.ripple,
+			d.value && /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("span", {
+				className: ut.ripple,
 				style: {
 					left: d.value.x,
 					top: d.value.y,
@@ -1043,7 +1043,7 @@ function st({ type: e = "primary", label: t, iconName: r, isDisabled: i = !1, is
 		]
 	}) });
 }
-var ct = Ze`
+var lt = Ze`
     from {
         opacity: .4;
         transform: translate(-50%, -50%) scale(0);
@@ -1053,8 +1053,8 @@ var ct = Ze`
         opacity: 0;
         transform: translate(-50%, -50%) scale(1);
     }
-`, Q = {
-	base: J`
+`, ut = {
+	base: Y`
         font-size: .9rem;
         display: inline-block;
         position: relative;
@@ -1066,7 +1066,7 @@ var ct = Ze`
         border-radius: 12px;
         will-change: transform, border;
         transition: transform .1s linear, border .1s linear;
-        font-family: ${Y.fontFamily}, sans-serif;
+        font-family: ${X.fontFamily}, sans-serif;
 
         &:active {
             transform: translateY(2px);
@@ -1075,94 +1075,94 @@ var ct = Ze`
 
         &[has-icon] { padding-left: 2rem; }
     `,
-	primary: J`
-        color: ${t(Y.colors.primary, .5)};
-        border-bottom: solid 3px ${t(Y.colors.primary, .25)};
-        background-color: ${Y.colors.primary};
+	primary: Y`
+        color: ${t(X.colors.primary, .5)};
+        border-bottom: solid 3px ${t(X.colors.primary, .25)};
+        background-color: ${X.colors.primary};
     `,
-	secondary: J`
-        color: ${t(Y.colors.secondary, .5)};
-        border-bottom: solid 3px ${t(Y.colors.secondary, .25)};
-        background-color: ${Y.colors.secondary};
+	secondary: Y`
+        color: ${t(X.colors.secondary, .5)};
+        border-bottom: solid 3px ${t(X.colors.secondary, .25)};
+        background-color: ${X.colors.secondary};
     `,
-	ripple: J`
+	ripple: Y`
         position: absolute;
         z-index: 1;
         border-radius: 50%;
         pointer-events: none;
         background-color: currentColor;
-        animation: ${ct} .5s ease-out forwards;
+        animation: ${lt} .5s ease-out forwards;
     `
 };
 //#endregion
 //#region src/components/_layout.jsx
-function lt({ className: e, height: t, direction: n = "row", justify: r, align: i, gap: s, children: c }) {
-	return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o("div", {
-		className: q(ut.base, e),
+function dt({ className: e, height: t, direction: n = "row", justify: r, align: i, gap: a, children: c }) {
+	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
+		className: J(ft.base, e),
 		style: {
 			height: t,
 			flexDirection: n,
 			justifyContent: r,
 			alignItems: i,
-			gap: s == null ? void 0 : `${s / 2}rem`
+			gap: a == null ? void 0 : `${a / 2}rem`
 		},
 		children: c
 	}) });
 }
-var ut = { base: J`
+var ft = { base: Y`
         display: flex;
     ` };
 //#endregion
 //#region src/components/_text.jsx
-function dt({ as: e = "span", className: t, size: n = "normal", color: r = Y.colors.fore.primary, children: i }) {
-	return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(e, {
-		className: q(ft.base, ft[n] ?? ft.normal, t),
+function pt({ as: e = "span", className: t, size: n = "normal", color: r = X.colors.fore.primary, children: i }) {
+	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s(e, {
+		className: J(mt.base, mt[n] ?? mt.normal, t),
 		style: { color: r },
 		children: i
 	}) });
 }
-var ft = {
-	base: J`
+var mt = {
+	base: Y`
         font-weight: 500;
         letter-spacing: 1px;
     `,
-	normal: J`
+	normal: Y`
         font-size: 1rem;
         line-height: 1.125rem;
     `,
-	small: J`
+	small: Y`
         font-size: .75rem;
         line-height: 1rem;
     `,
-	tiny: J`
+	tiny: Y`
         font-size: .65rem;
         line-height: 1rem;
     `
 };
 //#endregion
 //#region src/components/_headline.jsx
-function pt({ as: e = "h2", className: t, size: n = "normal", color: r = Y.colors.fore.primary, children: i }) {
-	return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(e, {
-		className: q(mt.base, mt[n] ?? mt.normal, t),
+function ht({ as: e = "h2", className: t, size: n = "normal", color: r = X.colors.fore.primary, children: i }) {
+	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s(e, {
+		className: J(gt.base, gt[n] ?? gt.normal, t),
 		style: { color: r },
 		children: i
 	}) });
 }
-var mt = {
-	base: J`
+var gt = {
+	base: Y`
         letter-spacing: 1px;
     `,
-	normal: J`
+	normal: Y`
         font-weight: 500;
         font-size: 1rem;
         line-height: 1.2rem;
     `,
-	large: J`
+	large: Y`
         font-weight: 600;
         font-size: 1.4rem;
         line-height: 1.2;
     `,
-	small: J`
+	small: Y`
         font-weight: 500;
         font-size: .9rem;
         line-height: 1.2rem;
@@ -1170,8 +1170,8 @@ var mt = {
 };
 //#endregion
 //#region src/components/_space.jsx
-function ht({ size: e = 1 }) {
-	return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o("div", {
+function _t({ size: e = 1 }) {
+	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
 		"aria-hidden": "true",
 		style: {
 			height: e > 0 ? `${e}rem` : 0,
@@ -1181,35 +1181,35 @@ function ht({ size: e = 1 }) {
 }
 //#endregion
 //#region src/components/_text-field.jsx
-function gt({ placeholder: e, value: t, width: r, isDisabled: c, onChange: l }) {
+function vt({ 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__ */ o(a, { children: /* @__PURE__ */ s("div", {
-		className: _t.base,
+	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("div", {
+		className: yt.base,
 		style: { width: r },
-		"is-disabled": c,
-		children: [!d.value && e && /* @__PURE__ */ o("label", {
-			className: _t.label,
+		"is-disabled": a,
+		children: [!d.value && e && /* @__PURE__ */ s("label", {
+			className: yt.label,
 			htmlFor: u,
 			children: e
-		}), /* @__PURE__ */ o("input", {
+		}), /* @__PURE__ */ s("input", {
 			id: u,
 			name: u,
-			className: _t.input,
+			className: yt.input,
 			value: d.value,
-			disabled: c,
+			disabled: a,
 			autocomplete: "off",
 			onInput: f
 		})]
 	}) });
 }
-var _t = {
-	base: J`
+var yt = {
+	base: Y`
         position: relative;
     `,
-	label: J`
+	label: Y`
         font-size: .875rem;
         font-weight: 500;
         opacity: .5;
@@ -1218,10 +1218,10 @@ var _t = {
         top: .75rem;
         pointer-events: none;
         letter-spacing: 1px;
-        font-family: ${Y.fontFamily}, sans-serif;
-        color: ${Y.colors.fore.primary};
+        font-family: ${X.fontFamily}, sans-serif;
+        color: ${X.colors.fore.primary};
     `,
-	input: J`
+	input: Y`
         font-size: .875rem;
         font-weight: 500;
         color: rgb(58, 58, 58);
@@ -1232,72 +1232,302 @@ var _t = {
         width: 100%;
         border-radius: 8px;
         letter-spacing: 1px;
-        font-family: ${Y.fontFamily}, sans-serif;
-        color: ${Y.colors.fore.primary};
-        background-color: ${Y.colors.back.secondary};
+        font-family: ${X.fontFamily}, sans-serif;
+        color: ${X.colors.fore.primary};
+        background-color: ${X.colors.back.secondary};
+    `
+};
+//#endregion
+//#region src/components/_popup-box.jsx
+function bt({ 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: xt.base,
+		children: [t, i && /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
+			id: r,
+			className: J(xt.popup, xt[a] ?? xt.center, e),
+			style: { width: u },
+			role: l,
+			children: n
+		}) })]
+	}) });
+}
+var xt = {
+	base: Y`
+        display: inline-block;
+        position: relative;
+    `,
+	popup: Y`
+        position: absolute;
+        z-index: ${X.zIndex.front + 1};
+        top: calc(100% + .5rem);
+        min-width: 100%;
+        width: max-content;
+        max-width: calc(100vw - 2rem);
+        padding: .5rem;
+        border: solid 1px #e5e7e9;
+        border-radius: 10px;
+        color: ${X.colors.fore.primary};
+        background-color: ${X.colors.back.primary};
+        box-shadow: 0 6px 20px rgb(22 24 38 / 10%);
+        font-family: ${X.fontFamily}, sans-serif;
+    `,
+	center: Y`
+        left: 50%;
+        transform: translateX(-50%);
+    `,
+	left: Y`
+        left: 0;
+    `
+};
+//#endregion
+//#region src/components/_dropdown.jsx
+function St({ 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);
+	}, [t]), r(() => {
+		if (!_.value) return;
+		function e({ target: e }) {
+			p.current?.contains(e) || (_.value = !1);
+		}
+		return document.addEventListener("pointerdown", e), () => {
+			document.removeEventListener("pointerdown", e);
+		};
+	}, [_.value]);
+	function x(e) {
+		requestAnimationFrame(() => h.current[e]?.focus());
+	}
+	function S(e = Math.max(v, 0)) {
+		b || (_.value = !0, x(e));
+	}
+	function C() {
+		_.value = !1, m.current?.focus();
+	}
+	function w() {
+		if (_.value) {
+			_.value = !1;
+			return;
+		}
+		S();
+	}
+	function ee(t) {
+		["ArrowDown", "ArrowUp"].includes(t.key) && (t.preventDefault(), S(t.key === "ArrowUp" ? e.length - 1 : Math.max(v, 0)));
+	}
+	function te(t, n) {
+		if (t.key === "Escape") {
+			t.preventDefault(), C();
+			return;
+		}
+		if (t.key === "Tab") {
+			_.value = !1;
+			return;
+		}
+		if ([
+			"ArrowDown",
+			"ArrowUp",
+			"Home",
+			"End"
+		].includes(t.key)) {
+			if (t.preventDefault(), t.key === "Home") return x(0);
+			if (t.key === "End") return x(e.length - 1);
+			x((n + (t.key === "ArrowDown" ? 1 : -1) + e.length) % e.length);
+		}
+	}
+	function T(e) {
+		g.value = e.value, _.value = !1, m.current?.focus(), d?.(e.value, e);
+	}
+	let ne = /* @__PURE__ */ c("button", {
+		ref: m,
+		type: "button",
+		className: Q.trigger,
+		style: { width: l },
+		role: "combobox",
+		"aria-controls": f,
+		"aria-expanded": _.value,
+		"aria-haspopup": "listbox",
+		disabled: b,
+		onClick: w,
+		onKeyDown: ee,
+		children: [
+			/* @__PURE__ */ s("span", {
+				className: Q.sizer,
+				"aria-hidden": "true",
+				children: e.map((e) => /* @__PURE__ */ s("span", {
+					className: Q.sizerValue,
+					children: e.label
+				}, e.value))
+			}),
+			/* @__PURE__ */ s("span", {
+				className: Q.label,
+				children: y?.label
+			}),
+			/* @__PURE__ */ s(Z, {
+				className: J(Q.icon, _.value && Q.iconOpen),
+				iconName: "down",
+				size: "1rem"
+			})
+		]
+	});
+	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
+		ref: p,
+		className: Q.base,
+		"is-disabled": b || void 0,
+		children: /* @__PURE__ */ s(bt, {
+			className: Q.popup,
+			trigger: ne,
+			id: f,
+			isOpen: _.value,
+			origin: "left",
+			role: "listbox",
+			children: e.map((e, t) => /* @__PURE__ */ s("button", {
+				ref: (e) => h.current[t] = e,
+				type: "button",
+				className: Q.option,
+				role: "option",
+				"aria-selected": e.value === g.value,
+				onClick: () => T(e),
+				onKeyDown: (e) => te(e, t),
+				children: e.label
+			}, e.value))
+		})
+	}) });
+}
+var Q = {
+	base: Y`
+        display: inline-block;
+    `,
+	trigger: Y`
+        display: inline-grid;
+        position: relative;
+        align-items: center;
+        grid-template-columns: minmax(0, 1fr);
+        height: 2.5rem;
+        padding: 0 2.25rem 0 1rem;
+        border-radius: 8px;
+        cursor: pointer;
+        text-align: left;
+        font-size: .875rem;
+        font-weight: 500;
+        letter-spacing: 1px;
+        color: ${X.colors.fore.primary};
+        background-color: ${X.colors.back.secondary};
+        font-family: ${X.fontFamily}, sans-serif;
+
+        &:focus-visible {
+            box-shadow: 0 0 0 2px ${X.colors.primary};
+        }
+
+        &:disabled { cursor: default; }
+    `,
+	sizer: Y`
+        display: inline-grid;
+        visibility: hidden;
+        grid-area: 1 / 1;
+    `,
+	sizerValue: Y`
+        grid-area: 1 / 1;
+        white-space: nowrap;
+    `,
+	label: Y`
+        grid-area: 1 / 1;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    `,
+	icon: Y`
+        ${X.extends.verticalCenter}
+
+        right: .75rem;
+        pointer-events: none;
+    `,
+	iconOpen: Y`
+        transform: translateY(-50%) rotate(180deg);
+    `,
+	popup: Y`
+        display: grid;
+        gap: .125rem;
+        min-width: 0;
+        padding: .25rem;
+    `,
+	option: Y`
+        width: 100%;
+        padding: .6rem .75rem;
+        border-radius: 7px;
+        cursor: pointer;
+        text-align: left;
+        white-space: nowrap;
+        font-size: .825rem;
+        color: ${X.colors.fore.primary};
+        font-family: ${X.fontFamily}, sans-serif;
+
+        &:hover,
+        &:focus-visible,
+        &[aria-selected="true"] {
+            background-color: ${X.colors.back.secondary};
+        }
     `
-}, vt = 28, yt = 3, bt = 11;
-function xt({ label: e, isChecked: t, isDisabled: c, onChange: l }) {
+}, Ct = 28, wt = 3, Tt = 11;
+function Et({ label: e, isChecked: t, isDisabled: a, onChange: l }) {
 	let u = i(), d = n(t);
 	r(() => d.value = t, [t]);
 	function f() {
 		let e = !d.value;
 		d.value = e, l?.(e);
 	}
-	return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ s("div", {
-		className: St.base,
+	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("div", {
+		className: Dt.base,
 		children: [
-			/* @__PURE__ */ o("label", {
-				className: St.label,
+			/* @__PURE__ */ s("label", {
+				className: Dt.label,
 				htmlFor: u,
-				"is-disabled": c,
+				"is-disabled": a,
 				children: e
 			}),
-			/* @__PURE__ */ o("input", {
+			/* @__PURE__ */ s("input", {
 				id: u,
 				type: "checkbox",
-				className: St.checkbox,
+				className: Dt.checkbox,
 				checked: d.value,
-				disabled: c,
+				disabled: a,
 				onChange: f
 			}),
-			/* @__PURE__ */ o("label", {
-				className: St.value,
+			/* @__PURE__ */ s("label", {
+				className: Dt.value,
 				htmlFor: u,
-				"is-disabled": c
+				"is-disabled": a
 			})
 		]
 	}) });
 }
-var St = {
-	base: J`
+var Dt = {
+	base: Y`
         position: relative;
         display: flex;
         gap: .5rem;
     `,
-	label: J`
+	label: Y`
         display: inline-block;
         font-size: .75rem;
         line-height: 1.2rem;
         cursor: pointer;
         user-select: none;
         font-weight: 500;
-        font-family: ${Y.fontFamily}, sans-serif;
-        color: ${Y.colors.fore.secondary};
+        font-family: ${X.fontFamily}, sans-serif;
+        color: ${X.colors.fore.secondary};
     `,
-	checkbox: J`
+	checkbox: Y`
         display: none;
 
         &:checked ~ label {
             background-color: #e1e1e1;
 
             &:before {
-                right: ${yt}px;
+                right: ${wt}px;
                 background-color: #3a3a3a;
             }
         }
     `,
-	value: J`
+	value: Y`
         display: inline-block;
         position: relative;
         height: 1.1rem;
@@ -1305,8 +1535,8 @@ var St = {
         cursor: pointer;
         user-select: none;
         transition: background .3s ease;
-        width: ${vt}px;
-        background-color: ${Y.colors.back.secondary};
+        width: ${Ct}px;
+        background-color: ${X.colors.back.secondary};
 
         &:before {
             background-color: #e1e1e1;
@@ -1315,22 +1545,22 @@ var St = {
             position: absolute;
             transition: background .3s ease, right .3s ease;
             border-radius: 50%;
-            top: ${yt}px;
+            top: ${wt}px;
             right: ${14}px;
-            width: ${bt}px;
-            height: ${bt}px;
+            width: ${Tt}px;
+            height: ${Tt}px;
         }
     `
 };
 //#endregion
 //#region src/components/_tag.jsx
-function Ct({ className: t, variant: n = "normal", iconName: r, label: i }) {
-	return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ s("div", {
-		className: q(wt.base, wt[n] ?? wt.normal, t),
+function Ot({ className: t, variant: n = "normal", iconName: r, label: i }) {
+	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("div", {
+		className: J(kt.base, kt[n] ?? kt.normal, t),
 		"has-icon": !e(r),
-		children: [r && /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(Z, {
-			className: J`
-                        ${Y.extends.verticalCenter}
+		children: [r && /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s(Z, {
+			className: Y`
+                        ${X.extends.verticalCenter}
                         left: .3rem;
                     `,
 			iconName: r,
@@ -1338,7 +1568,7 @@ function Ct({ className: t, variant: n = "normal", iconName: r, label: i }) {
 		}) }), i]
 	}) });
 }
-var wt = { base: J`
+var kt = { base: Y`
         position: relative;
         display: inline-block;
         padding: .3rem .5rem;
@@ -1346,56 +1576,56 @@ var wt = { base: J`
         white-space: pre-wrap;
         font-size: .7rem;
         font-weight: 600;
-        border: solid 1px ${Y.colors.border};
-        background-color: ${Y.colors.back.secondary};
-        color: ${Y.colors.fore.primary};
+        border: solid 1px ${X.colors.border};
+        background-color: ${X.colors.back.secondary};
+        color: ${X.colors.fore.primary};
 
         &[has-icon="true"] { padding-left: 1.5rem; }
     ` };
 //#endregion
 //#region src/components/_icon-button.jsx
-function Tt({ iconName: e, color: t, isDisabled: n, onClick: r }) {
+function At({ iconName: e, color: t, isDisabled: n, onClick: r }) {
 	function i(e) {
 		n || (e.stopPropagation(), e.preventDefault(), r?.(e));
 	}
-	return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o("button", {
-		className: Et.base,
+	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("button", {
+		className: jt.base,
 		"is-disabled": n || void 0,
 		"is-clickable": !!r || void 0,
 		disabled: n,
 		onClick: i,
-		children: /* @__PURE__ */ o(Z, {
+		children: /* @__PURE__ */ s(Z, {
 			color: t,
-			className: J`${Y.extends.centrate}`,
+			className: Y`${X.extends.centrate}`,
 			iconName: e,
 			isDisabled: n
 		})
 	}) });
 }
-var Et = { base: J`
+var jt = { base: Y`
         position: relative;
         width: 2.25rem;
         height: 2.25rem;
         border-radius: 8px;
-        background-color: ${Y.colors.back.secondary};
+        background-color: ${X.colors.back.secondary};
     ` };
 //#endregion
 //#region src/components/_tab-box.jsx
-function Dt({ className: e, width: t, height: r, initialIndex: c = 0, items: l = [], onChange: u }) {
-	let d = i(), f = Math.max(l.length - 1, 0), p = n(Math.min(Math.max(c, 0), f)), m = Math.min(p.value, f);
+function Mt({ 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__ */ o(a, { children: /* @__PURE__ */ s("div", {
-		className: q($.base, e),
+	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("div", {
+		className: J($.base, e),
 		style: { width: t },
-		children: [/* @__PURE__ */ o(it, {
+		children: [/* @__PURE__ */ s(at, {
 			className: $.box,
 			height: r,
-			children: /* @__PURE__ */ o("div", {
+			children: /* @__PURE__ */ s("div", {
 				className: $.track,
 				style: { transform: `translateX(-${m * 100}%)` },
-				children: l.map((e, t) => /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o("div", {
+				children: l.map((e, t) => /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
 					id: `${d}-panel-${t}`,
 					className: $.panel,
 					role: "tabpanel",
@@ -1405,12 +1635,12 @@ function Dt({ className: e, width: t, height: r, initialIndex: c = 0, items: l =
 					children: e.content
 				}, e.id ?? t) }))
 			})
-		}), l.length > 0 && /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o("div", {
+		}), l.length > 0 && /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
 			className: $.tabs,
 			role: "tablist",
 			children: l.map((e, t) => {
 				let n = t === m, r = e.notification != null;
-				return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ s("button", {
+				return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ c("button", {
 					id: `${d}-tab-${t}`,
 					className: $.tab,
 					style: e.width == null ? void 0 : {
@@ -1426,12 +1656,12 @@ function Dt({ className: e, width: t, height: r, initialIndex: c = 0, items: l =
 					"is-active": n || void 0,
 					onClick: () => h(t),
 					children: [
-						e.iconName && /* @__PURE__ */ o(Z, {
+						e.iconName && /* @__PURE__ */ s(Z, {
 							iconName: e.iconName,
 							size: "1rem"
 						}),
-						e.label && /* @__PURE__ */ o("span", { children: e.label }),
-						r && /* @__PURE__ */ o("span", {
+						e.label && /* @__PURE__ */ s("span", { children: e.label }),
+						r && /* @__PURE__ */ s("span", {
 							className: $.notification,
 							"aria-label": `${e.notification} notifications`,
 							children: e.notification
@@ -1443,17 +1673,17 @@ function Dt({ className: e, width: t, height: r, initialIndex: c = 0, items: l =
 	}) });
 }
 var $ = {
-	base: J`
+	base: Y`
         position: relative;
         max-width: 100%;
     `,
-	box: J`
-        z-index: ${Y.zIndex.front};
+	box: Y`
+        z-index: ${X.zIndex.front};
         width: 100%;
         padding: 0;
         overflow: hidden;
     `,
-	track: J`
+	track: Y`
         display: flex;
         width: 100%;
         min-height: 100%;
@@ -1462,12 +1692,12 @@ var $ = {
 
         @media (prefers-reduced-motion: reduce) { transition: none; }
     `,
-	panel: J`
+	panel: Y`
         flex: 0 0 100%;
         min-width: 0;
         padding: 1.875rem 1.25rem;
     `,
-	tabs: J`
+	tabs: Y`
         display: flex;
         position: relative;
         margin-top: -1rem;
@@ -1475,9 +1705,9 @@ var $ = {
         border: solid 2px #eee;
         border-top: 0;
         border-radius: 0 0 18px 18px;
-        background-color: ${Y.colors.back.secondary};
+        background-color: ${X.colors.back.secondary};
     `,
-	tab: J`
+	tab: Y`
         display: flex;
         flex: 1 1 0;
         align-items: center;
@@ -1490,17 +1720,17 @@ var $ = {
         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;
+        color: ${X.colors.fore.secondary};
+        font-family: ${X.fontFamily}, sans-serif;
 
         & + & { border-left: solid 1px #e5e7e9; }
 
         &[is-active] {
-            color: ${Y.colors.fore.primary};
-            background-color: ${Y.colors.back.primary};
+            color: ${X.colors.fore.primary};
+            background-color: ${X.colors.back.primary};
         }
     `,
-	notification: J`
+	notification: Y`
         display: inline-flex;
         align-items: center;
         justify-content: center;
@@ -1511,9 +1741,9 @@ var $ = {
         font-size: .7rem;
         font-weight: 700;
         line-height: 1;
-        color: ${Y.colors.fore.primary};
+        color: ${X.colors.fore.primary};
         background-color: #e1e1e1;
     `
 };
 //#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 };
+export { tt as AppWrapper, rt as Bar, at as Box, ct as Button, St as Dropdown, ht as Headline, Z as Icon, At as IconButton, dt as Layout, bt as PopupBox, _t as Space, Et as Switch, Mt as TabBox, Ot as Tag, pt as Text, vt as TextField, X as Theme };