melonykit 0.16.3 → 0.17.0

package/dist/index.js

@@ -1,19 +1,19 @@
-import { n as e, t } from "./browser-CFswWLIi.js";
-import { r as n, v as r } from "./functions-CGixFbFT.js";
+import { n as e, t } from "./browser-BBrs7hJl.js";
+import { _ as n, n as r } from "./functions-CSuMpnOY.js";
 import { useSignal as i } from "@preact/signals";
-import { useEffect as a, useId as o, useRef as s, useState as c } from "preact/hooks";
-import { Fragment as l, jsx as u, jsxs as d } from "preact/jsx-runtime";
+import { useEffect as a, useId as o, useRef as s } from "preact/hooks";
+import { Fragment as c, jsx as l, jsxs as u } from "preact/jsx-runtime";
 //#region node_modules/@emotion/sheet/dist/emotion-sheet.esm.js
-function f(e) {
+function d(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 p(e) {
+function f(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 m = /*#__PURE__*/ function() {
+var p = /*#__PURE__*/ function() {
 	function e(e) {
 		var t = this;
 		this._insertTag = function(e) {
@@ -25,10 +25,10 @@ var m = /*#__PURE__*/ function() {
 	return t.hydrate = function(e) {
 		e.forEach(this._insertTag);
 	}, t.insert = function(e) {
-		this.ctr % (this.isSpeedy ? 65e3 : 1) == 0 && this._insertTag(p(this));
+		this.ctr % (this.isSpeedy ? 65e3 : 1) == 0 && this._insertTag(f(this));
 		var t = this.tags[this.tags.length - 1];
 		if (this.isSpeedy) {
-			var n = f(t);
+			var n = d(t);
 			try {
 				n.insertRule(e, n.cssRules.length);
 			} catch {}
@@ -39,44 +39,44 @@ var m = /*#__PURE__*/ function() {
 			return e.parentNode?.removeChild(e);
 		}), this.tags = [], this.ctr = 0;
 	}, e;
-}(), h = "-ms-", g = "-moz-", _ = "-webkit-", v = "comm", y = "rule", b = "decl", x = "@import", S = "@keyframes", C = "@layer", ee = Math.abs, w = String.fromCharCode, te = Object.assign;
-function ne(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;
+}(), m = "-ms-", h = "-moz-", g = "-webkit-", _ = "comm", v = "rule", y = "decl", b = "@import", x = "@keyframes", S = "@layer", C = Math.abs, w = String.fromCharCode, T = Object.assign;
+function ee(e, t) {
+	return D(e, 0) ^ 45 ? (((t << 2 ^ D(e, 0)) << 2 ^ D(e, 1)) << 2 ^ D(e, 2)) << 2 ^ D(e, 3) : 0;
 }
-function re(e) {
+function te(e) {
 	return e.trim();
 }
-function ie(e, t) {
+function ne(e, t) {
 	return (e = t.exec(e)) ? e[0] : e;
 }
-function T(e, t, n) {
+function E(e, t, n) {
 	return e.replace(t, n);
 }
-function ae(e, t) {
+function re(e, t) {
 	return e.indexOf(t);
 }
-function E(e, t) {
+function D(e, t) {
 	return e.charCodeAt(t) | 0;
 }
-function oe(e, t, n) {
+function O(e, t, n) {
 	return e.slice(t, n);
 }
-function D(e) {
+function k(e) {
 	return e.length;
 }
-function se(e) {
+function ie(e) {
 	return e.length;
 }
-function ce(e, t) {
+function ae(e, t) {
 	return t.push(e), e;
 }
-function le(e, t) {
+function oe(e, t) {
 	return e.map(t).join("");
 }
 //#endregion
 //#region node_modules/stylis/src/Tokenizer.js
-var ue = 1, O = 1, de = 0, k = 0, A = 0, j = "";
-function fe(e, t, n, r, i, a, o) {
+var se = 1, A = 1, ce = 0, j = 0, M = 0, N = "";
+function le(e, t, n, r, i, a, o) {
 	return {
 		value: e,
 		root: t,
@@ -84,34 +84,34 @@ function fe(e, t, n, r, i, a, o) {
 		type: r,
 		props: i,
 		children: a,
-		line: ue,
-		column: O,
+		line: se,
+		column: A,
 		length: o,
 		return: ""
 	};
 }
-function M(e, t) {
-	return te(fe("", null, null, "", null, null, 0), e, { length: -e.length }, t);
+function P(e, t) {
+	return T(le("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
-function pe() {
-	return A;
+function ue() {
+	return M;
 }
-function me() {
-	return A = k > 0 ? E(j, --k) : 0, O--, A === 10 && (O = 1, ue--), A;
+function de() {
+	return M = j > 0 ? D(N, --j) : 0, A--, M === 10 && (A = 1, se--), M;
 }
-function N() {
-	return A = k < de ? E(j, k++) : 0, O++, A === 10 && (O = 1, ue++), A;
+function F() {
+	return M = j < ce ? D(N, j++) : 0, A++, M === 10 && (A = 1, se++), M;
 }
-function P() {
-	return E(j, k);
+function I() {
+	return D(N, j);
 }
-function he() {
-	return k;
+function fe() {
+	return j;
 }
-function F(e, t) {
-	return oe(j, e, t);
+function pe(e, t) {
+	return O(N, e, t);
 }
-function I(e) {
+function L(e) {
 	switch (e) {
 		case 0:
 		case 9:
@@ -138,80 +138,80 @@ function I(e) {
 	}
 	return 0;
 }
+function me(e) {
+	return se = A = 1, ce = k(N = e), j = 0, [];
+}
+function he(e) {
+	return N = "", e;
+}
 function ge(e) {
-	return ue = O = 1, de = D(j = e), k = 0, [];
+	return te(pe(j - 1, ye(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function _e(e) {
-	return j = "", e;
+	for (; (M = I()) && M < 33;) F();
+	return L(e) > 2 || L(M) > 3 ? "" : " ";
 }
-function ve(e) {
-	return re(F(k - 1, xe(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+function ve(e, t) {
+	for (; --t && F() && !(M < 48 || M > 102 || M > 57 && M < 65 || M > 70 && M < 97););
+	return pe(e, fe() + (t < 6 && I() == 32 && F() == 32));
 }
 function ye(e) {
-	for (; (A = P()) && A < 33;) N();
-	return I(e) > 2 || I(A) > 3 ? "" : " ";
-}
-function be(e, t) {
-	for (; --t && N() && !(A < 48 || A > 102 || A > 57 && A < 65 || A > 70 && A < 97););
-	return F(e, he() + (t < 6 && P() == 32 && N() == 32));
-}
-function xe(e) {
-	for (; N();) switch (A) {
-		case e: return k;
+	for (; F();) switch (M) {
+		case e: return j;
 		case 34:
 		case 39:
-			e !== 34 && e !== 39 && xe(A);
+			e !== 34 && e !== 39 && ye(M);
 			break;
 		case 40:
-			e === 41 && xe(e);
+			e === 41 && ye(e);
 			break;
-		case 92: N();
+		case 92: F();
 	}
-	return k;
+	return j;
 }
-function Se(e, t) {
-	for (; N() && e + A !== 57 && (e + A !== 84 || P() !== 47););
-	return "/*" + F(t, k - 1) + "*" + w(e === 47 ? e : N());
+function be(e, t) {
+	for (; F() && e + M !== 57 && (e + M !== 84 || I() !== 47););
+	return "/*" + pe(t, j - 1) + "*" + w(e === 47 ? e : F());
 }
-function Ce(e) {
-	for (; !I(P());) N();
-	return F(e, k);
+function xe(e) {
+	for (; !L(I());) F();
+	return pe(e, j);
 }
 //#endregion
 //#region node_modules/stylis/src/Parser.js
-function we(e) {
-	return _e(Te("", null, null, null, [""], e = ge(e), 0, [0], e));
+function Se(e) {
+	return he(Ce("", null, null, null, [""], e = me(e), 0, [0], e));
 }
-function Te(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, S = r, C = y; g;) switch (m = v, v = N()) {
-		case 40: if (m != 108 && E(C, d - 1) == 58) {
-			ae(C += T(ve(v), "&", "&\f"), "&\f") != -1 && (_ = -1);
+function Ce(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, S = r, C = y; g;) switch (m = v, v = F()) {
+		case 40: if (m != 108 && D(C, d - 1) == 58) {
+			re(C += E(ge(v), "&", "&\f"), "&\f") != -1 && (_ = -1);
 			break;
 		}
 		case 34:
 		case 39:
 		case 91:
-			C += ve(v);
+			C += ge(v);
 			break;
 		case 9:
 		case 10:
 		case 13:
 		case 32:
-			C += ye(m);
+			C += _e(m);
 			break;
 		case 92:
-			C += be(he() - 1, 7);
+			C += ve(fe() - 1, 7);
 			continue;
 		case 47:
-			switch (P()) {
+			switch (I()) {
 				case 42:
 				case 47:
-					ce(De(Se(N(), he()), t, n), c);
+					ae(Te(be(F(), fe()), t, n), c);
 					break;
 				default: C += "/";
 			}
 			break;
-		case 123 * h: s[l++] = D(C) * _;
+		case 123 * h: s[l++] = k(C) * _;
 		case 125 * h:
 		case 59:
 		case 0:
@@ -219,89 +219,89 @@ function Te(e, t, n, r, i, a, o, s, c) {
 				case 0:
 				case 125: g = 0;
 				case 59 + u:
-					_ == -1 && (C = T(C, /\f/g, "")), p > 0 && D(C) - d && ce(p > 32 ? Oe(C + ";", r, n, d - 1) : Oe(T(C, " ", "") + ";", r, n, d - 2), c);
+					_ == -1 && (C = E(C, /\f/g, "")), p > 0 && k(C) - d && ae(p > 32 ? Ee(C + ";", r, n, d - 1) : Ee(E(C, " ", "") + ";", r, n, d - 2), c);
 					break;
 				case 59: C += ";";
-				default: if (ce(S = Ee(C, t, n, l, u, i, s, y, b = [], x = [], d), a), v === 123) {
-					if (u === 0) Te(C, t, S, S, b, a, d, s, x);
-					else switch (f === 99 && E(C, 3) === 110 ? 100 : f) {
+				default: if (ae(S = we(C, t, n, l, u, i, s, y, b = [], x = [], d), a), v === 123) {
+					if (u === 0) Ce(C, t, S, S, b, a, d, s, x);
+					else switch (f === 99 && D(C, 3) === 110 ? 100 : f) {
 						case 100:
 						case 108:
 						case 109:
 						case 115:
-							Te(e, S, S, r && ce(Ee(e, S, S, 0, 0, i, s, y, i, b = [], d), x), i, x, d, s, r ? b : x);
+							Ce(e, S, S, r && ae(we(e, S, S, 0, 0, i, s, y, i, b = [], d), x), i, x, d, s, r ? b : x);
 							break;
-						default: Te(C, S, S, S, [""], x, 0, s, x);
+						default: Ce(C, S, S, S, [""], x, 0, s, x);
 					}
 				}
 			}
 			l = u = p = 0, h = _ = 1, y = C = "", d = o;
 			break;
-		case 58: d = 1 + D(C), p = m;
+		case 58: d = 1 + k(C), p = m;
 		default:
 			if (h < 1) {
 				if (v == 123) --h;
-				else if (v == 125 && h++ == 0 && me() == 125) continue;
+				else if (v == 125 && h++ == 0 && de() == 125) continue;
 			}
 			switch (C += w(v), v * h) {
 				case 38:
 					_ = u > 0 ? 1 : (C += "\f", -1);
 					break;
 				case 44:
-					s[l++] = (D(C) - 1) * _, _ = 1;
+					s[l++] = (k(C) - 1) * _, _ = 1;
 					break;
 				case 64:
-					P() === 45 && (C += ve(N())), f = P(), u = d = D(y = C += Ce(he())), v++;
+					I() === 45 && (C += ge(F())), f = I(), u = d = k(y = C += xe(fe())), v++;
 					break;
-				case 45: m === 45 && D(C) == 2 && (h = 0);
+				case 45: m === 45 && k(C) == 2 && (h = 0);
 			}
 	}
 	return a;
 }
-function Ee(e, t, n, r, i, a, o, s, c, l, u) {
-	for (var d = i - 1, f = i === 0 ? a : [""], p = se(f), m = 0, h = 0, g = 0; m < r; ++m) for (var _ = 0, v = oe(e, d + 1, d = ee(h = o[m])), b = e; _ < p; ++_) (b = re(h > 0 ? f[_] + " " + v : T(v, /&\f/g, f[_]))) && (c[g++] = b);
-	return fe(e, t, n, i === 0 ? y : s, c, l, u);
+function we(e, t, n, r, i, a, o, s, c, l, u) {
+	for (var d = i - 1, f = i === 0 ? a : [""], p = ie(f), m = 0, h = 0, g = 0; m < r; ++m) for (var _ = 0, y = O(e, d + 1, d = C(h = o[m])), b = e; _ < p; ++_) (b = te(h > 0 ? f[_] + " " + y : E(y, /&\f/g, f[_]))) && (c[g++] = b);
+	return le(e, t, n, i === 0 ? v : s, c, l, u);
 }
-function De(e, t, n) {
-	return fe(e, t, n, v, w(pe()), oe(e, 2, -2), 0);
+function Te(e, t, n) {
+	return le(e, t, n, _, w(ue()), O(e, 2, -2), 0);
 }
-function Oe(e, t, n, r) {
-	return fe(e, t, n, b, oe(e, 0, r), oe(e, r + 1, -1), r);
+function Ee(e, t, n, r) {
+	return le(e, t, n, y, O(e, 0, r), O(e, r + 1, -1), r);
 }
 //#endregion
 //#region node_modules/stylis/src/Serializer.js
-function L(e, t) {
-	for (var n = "", r = se(e), i = 0; i < r; i++) n += t(e[i], i, e, t) || "";
+function R(e, t) {
+	for (var n = "", r = ie(e), i = 0; i < r; i++) n += t(e[i], i, e, t) || "";
 	return n;
 }
-function ke(e, t, n, r) {
+function De(e, t, n, r) {
 	switch (e.type) {
-		case C: if (e.children.length) break;
-		case x:
-		case b: return e.return = e.return || e.value;
-		case v: return "";
-		case S: return e.return = e.value + "{" + L(e.children, r) + "}";
-		case y: e.value = e.props.join(",");
+		case S: if (e.children.length) break;
+		case b:
+		case y: return e.return = e.return || e.value;
+		case _: return "";
+		case x: return e.return = e.value + "{" + R(e.children, r) + "}";
+		case v: e.value = e.props.join(",");
 	}
-	return D(n = L(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
+	return k(n = R(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
 }
 //#endregion
 //#region node_modules/stylis/src/Middleware.js
-function Ae(e) {
-	var t = se(e);
+function Oe(e) {
+	var t = ie(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 je(e) {
+function ke(e) {
 	return function(t) {
 		t.root || (t = t.return) && e(t);
 	};
 }
 //#endregion
 //#region node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
-function Me(e) {
+function Ae(e) {
 	var t = Object.create(null);
 	return function(n) {
 		return t[n] === void 0 && (t[n] = e(n)), t[n];
@@ -309,46 +309,46 @@ function Me(e) {
 }
 //#endregion
 //#region node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js
-var Ne = function(e, t, n) {
-	for (var r = 0, i = 0; r = i, i = P(), r === 38 && i === 12 && (t[n] = 1), !I(i);) N();
-	return F(e, k);
-}, Pe = function(e, t) {
+var je = function(e, t, n) {
+	for (var r = 0, i = 0; r = i, i = I(), r === 38 && i === 12 && (t[n] = 1), !L(i);) F();
+	return pe(e, j);
+}, Me = function(e, t) {
 	var n = -1, r = 44;
 	do
-		switch (I(r)) {
+		switch (L(r)) {
 			case 0:
-				r === 38 && P() === 12 && (t[n] = 1), e[n] += Ne(k - 1, t, n);
+				r === 38 && I() === 12 && (t[n] = 1), e[n] += je(j - 1, t, n);
 				break;
 			case 2:
-				e[n] += ve(r);
+				e[n] += ge(r);
 				break;
 			case 4: if (r === 44) {
-				e[++n] = P() === 58 ? "&\f" : "", t[n] = e[n].length;
+				e[++n] = I() === 58 ? "&\f" : "", t[n] = e[n].length;
 				break;
 			}
 			default: e[n] += w(r);
 		}
-	while (r = N());
+	while (r = F());
 	return e;
-}, Fe = function(e, t) {
-	return _e(Pe(ge(e), t));
-}, Ie = /* #__PURE__ */ new WeakMap(), Le = function(e) {
+}, Ne = function(e, t) {
+	return he(Me(me(e), t));
+}, Pe = /* #__PURE__ */ new WeakMap(), Fe = 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 || Ie.get(n)) && !r) {
-			Ie.set(e, !0);
-			for (var i = [], a = Fe(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 || Pe.get(n)) && !r) {
+			Pe.set(e, !0);
+			for (var i = [], a = Ne(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];
 		}
 	}
-}, Re = function(e) {
+}, Ie = function(e) {
 	if (e.type === "decl") {
 		var t = e.value;
 		t.charCodeAt(0) === 108 && t.charCodeAt(2) === 98 && (e.return = "", e.value = "");
 	}
 };
-function ze(e, t) {
-	switch (ne(e, t)) {
-		case 5103: return _ + "print-" + e + e;
+function Le(e, t) {
+	switch (ee(e, t)) {
+		case 5103: return g + "print-" + e + e;
 		case 5737:
 		case 4201:
 		case 3177:
@@ -373,30 +373,30 @@ function ze(e, t) {
 		case 5109:
 		case 5365:
 		case 5621:
-		case 3829: return _ + e + e;
+		case 3829: return g + e + e;
 		case 5349:
 		case 4246:
 		case 4810:
 		case 6968:
-		case 2756: return _ + e + g + e + h + e + e;
+		case 2756: return g + e + h + e + m + e + e;
 		case 6828:
-		case 4268: return _ + e + h + e + e;
-		case 6165: return _ + e + h + "flex-" + e + e;
-		case 5187: return _ + e + T(e, /(\w+).+(:[^]+)/, _ + "box-$1$2" + h + "flex-$1$2") + e;
-		case 5443: return _ + e + h + "flex-item-" + T(e, /flex-|-self/, "") + e;
-		case 4675: return _ + e + h + "flex-line-pack" + T(e, /align-content|flex-|-self/, "") + e;
-		case 5548: return _ + e + h + T(e, "shrink", "negative") + e;
-		case 5292: return _ + e + h + T(e, "basis", "preferred-size") + e;
-		case 6060: return _ + "box-" + T(e, "-grow", "") + _ + e + h + T(e, "grow", "positive") + e;
-		case 4554: return _ + T(e, /([^-])(transform)/g, "$1" + _ + "$2") + e;
-		case 6187: return T(T(T(e, /(zoom-|grab)/, _ + "$1"), /(image-set)/, _ + "$1"), e, "") + e;
+		case 4268: return g + e + m + e + e;
+		case 6165: return g + e + m + "flex-" + e + e;
+		case 5187: return g + e + E(e, /(\w+).+(:[^]+)/, g + "box-$1$2" + m + "flex-$1$2") + e;
+		case 5443: return g + e + m + "flex-item-" + E(e, /flex-|-self/, "") + e;
+		case 4675: return g + e + m + "flex-line-pack" + E(e, /align-content|flex-|-self/, "") + e;
+		case 5548: return g + e + m + E(e, "shrink", "negative") + e;
+		case 5292: return g + e + m + E(e, "basis", "preferred-size") + e;
+		case 6060: return g + "box-" + E(e, "-grow", "") + g + e + m + E(e, "grow", "positive") + e;
+		case 4554: return g + E(e, /([^-])(transform)/g, "$1" + g + "$2") + e;
+		case 6187: return E(E(E(e, /(zoom-|grab)/, g + "$1"), /(image-set)/, g + "$1"), e, "") + e;
 		case 5495:
-		case 3959: return T(e, /(image-set\([^]*)/, _ + "$1$`$1");
-		case 4968: return T(T(e, /(.+:)(flex-)?(.*)/, _ + "box-pack:$3" + h + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + _ + e + e;
+		case 3959: return E(e, /(image-set\([^]*)/, g + "$1$`$1");
+		case 4968: return E(E(e, /(.+:)(flex-)?(.*)/, g + "box-pack:$3" + m + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + g + e + e;
 		case 4095:
 		case 3583:
 		case 4068:
-		case 2532: return T(e, /(.+)-inline(.+)/, _ + "$1$2") + e;
+		case 2532: return E(e, /(.+)-inline(.+)/, g + "$1$2") + e;
 		case 8116:
 		case 7059:
 		case 5753:
@@ -409,49 +409,49 @@ function ze(e, t) {
 		case 5789:
 		case 5021:
 		case 4765:
-			if (D(e) - 1 - t > 6) switch (E(e, t + 1)) {
-				case 109: if (E(e, t + 4) !== 45) break;
-				case 102: return T(e, /(.+:)(.+)-([^]+)/, "$1" + _ + "$2-$3$1" + g + (E(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
-				case 115: return ~ae(e, "stretch") ? ze(T(e, "stretch", "fill-available"), t) + e : e;
+			if (k(e) - 1 - t > 6) switch (D(e, t + 1)) {
+				case 109: if (D(e, t + 4) !== 45) break;
+				case 102: return E(e, /(.+:)(.+)-([^]+)/, "$1" + g + "$2-$3$1" + h + (D(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+				case 115: return ~re(e, "stretch") ? Le(E(e, "stretch", "fill-available"), t) + e : e;
 			}
 			break;
-		case 4949: if (E(e, t + 1) !== 115) break;
+		case 4949: if (D(e, t + 1) !== 115) break;
 		case 6444:
-			switch (E(e, D(e) - 3 - (~ae(e, "!important") && 10))) {
-				case 107: return T(e, ":", ":" + _) + e;
-				case 101: return T(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + _ + (E(e, 14) === 45 ? "inline-" : "") + "box$3$1" + _ + "$2$3$1" + h + "$2box$3") + e;
+			switch (D(e, k(e) - 3 - (~re(e, "!important") && 10))) {
+				case 107: return E(e, ":", ":" + g) + e;
+				case 101: return E(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + g + (D(e, 14) === 45 ? "inline-" : "") + "box$3$1" + g + "$2$3$1" + m + "$2box$3") + e;
 			}
 			break;
 		case 5936:
-			switch (E(e, t + 11)) {
-				case 114: return _ + e + h + T(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
-				case 108: return _ + e + h + T(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
-				case 45: return _ + e + h + T(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+			switch (D(e, t + 11)) {
+				case 114: return g + e + m + E(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+				case 108: return g + e + m + E(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+				case 45: return g + e + m + E(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
 			}
-			return _ + e + h + e + e;
+			return g + e + m + e + e;
 	}
 	return e;
 }
-var Be = [function(e, t, n, r) {
+var Re = [function(e, t, n, r) {
 	if (e.length > -1 && !e.return) switch (e.type) {
-		case b:
-			e.return = ze(e.value, e.length);
+		case y:
+			e.return = Le(e.value, e.length);
 			break;
-		case S: return L([M(e, { value: T(e.value, "@", "@" + _) })], r);
-		case y: if (e.length) return le(e.props, function(t) {
-			switch (ie(t, /(::plac\w+|:read-\w+)/)) {
+		case x: return R([P(e, { value: E(e.value, "@", "@" + g) })], r);
+		case v: if (e.length) return oe(e.props, function(t) {
+			switch (ne(t, /(::plac\w+|:read-\w+)/)) {
 				case ":read-only":
-				case ":read-write": return L([M(e, { props: [T(t, /:(read-\w+)/, ":" + g + "$1")] })], r);
-				case "::placeholder": return L([
-					M(e, { props: [T(t, /:(plac\w+)/, ":" + _ + "input-$1")] }),
-					M(e, { props: [T(t, /:(plac\w+)/, ":" + g + "$1")] }),
-					M(e, { props: [T(t, /:(plac\w+)/, h + "input-$1")] })
+				case ":read-write": return R([P(e, { props: [E(t, /:(read-\w+)/, ":" + h + "$1")] })], r);
+				case "::placeholder": return R([
+					P(e, { props: [E(t, /:(plac\w+)/, ":" + g + "input-$1")] }),
+					P(e, { props: [E(t, /:(plac\w+)/, ":" + h + "$1")] }),
+					P(e, { props: [E(t, /:(plac\w+)/, m + "input-$1")] })
 				], r);
 			}
 			return "";
 		});
 	}
-}], Ve = function(e) {
+}], ze = function(e) {
 	var t = e.key;
 	if (t === "css") {
 		var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
@@ -459,22 +459,22 @@ var Be = [function(e, t, n, r) {
 			e.getAttribute("data-emotion").indexOf(" ") !== -1 && (document.head.appendChild(e), e.setAttribute("data-s", ""));
 		});
 	}
-	var r = e.stylisPlugins || Be, i = {}, a, o = [];
+	var r = e.stylisPlugins || Re, 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 = [Le, Re], l, u = [ke, je(function(e) {
+	var s, c = [Fe, Ie], l, u = [De, ke(function(e) {
 		l.insert(e);
-	})], d = Ae(c.concat(r, u)), f = function(e) {
-		return L(we(e), d);
+	})], d = Oe(c.concat(r, u)), f = function(e) {
+		return R(Se(e), d);
 	};
 	s = function(e, t, n, r) {
-		l = n, f(e ? e + "{" + t.styles + "}" : t.styles), r && (p.inserted[t.name] = !0);
+		l = n, f(e ? e + "{" + t.styles + "}" : t.styles), r && (m.inserted[t.name] = !0);
 	};
-	var p = {
+	var m = {
 		key: t,
-		sheet: new m({
+		sheet: new p({
 			key: t,
 			container: a,
 			nonce: e.nonce,
@@ -487,11 +487,11 @@ var Be = [function(e, t, n, r) {
 		registered: {},
 		insert: s
 	};
-	return p.sheet.hydrate(o), p;
+	return m.sheet.hydrate(o), m;
 };
 //#endregion
 //#region node_modules/@emotion/hash/dist/emotion-hash.esm.js
-function He(e) {
+function Be(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;
@@ -502,7 +502,7 @@ function He(e) {
 }
 //#endregion
 //#region node_modules/@emotion/unitless/dist/emotion-unitless.esm.js
-var Ue = {
+var Ve = {
 	animationIterationCount: 1,
 	aspectRatio: 1,
 	borderImageOutset: 1,
@@ -550,26 +550,26 @@ var Ue = {
 	strokeMiterlimit: 1,
 	strokeOpacity: 1,
 	strokeWidth: 1
-}, We = /[A-Z]|^ms/g, Ge = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Ke = function(e) {
+}, He = /[A-Z]|^ms/g, Ue = /_EMO_([^_]+?)_([^]*?)_EMO_/g, We = function(e) {
 	return e.charCodeAt(1) === 45;
-}, qe = function(e) {
+}, Ge = function(e) {
 	return e != null && typeof e != "boolean";
-}, Je = /* #__PURE__ */ Me(function(e) {
-	return Ke(e) ? e : e.replace(We, "-$&").toLowerCase();
-}), Ye = function(e, t) {
+}, Ke = /* #__PURE__ */ Ae(function(e) {
+	return We(e) ? e : e.replace(He, "-$&").toLowerCase();
+}), qe = function(e, t) {
 	switch (e) {
 		case "animation":
-		case "animationName": if (typeof t == "string") return t.replace(Ge, function(e, t, n) {
-			return z = {
+		case "animationName": if (typeof t == "string") return t.replace(Ue, function(e, t, n) {
+			return B = {
 				name: t,
 				styles: n,
-				next: z
+				next: B
 			}, t;
 		});
 	}
-	return Ue[e] !== 1 && !Ke(e) && typeof t == "number" && t !== 0 ? t + "px" : t;
+	return Ve[e] !== 1 && !We(e) && typeof t == "number" && t !== 0 ? t + "px" : t;
 };
-function R(e, t, n) {
+function z(e, t, n) {
 	if (n == null) return "";
 	var r = n;
 	if (r.__emotion_styles !== void 0) return r;
@@ -577,25 +577,25 @@ function R(e, t, n) {
 		case "boolean": return "";
 		case "object":
 			var i = n;
-			if (i.anim === 1) return z = {
+			if (i.anim === 1) return B = {
 				name: i.name,
 				styles: i.styles,
-				next: z
+				next: B
 			}, i.name;
 			var a = n;
 			if (a.styles !== void 0) {
 				var o = a.next;
-				if (o !== void 0) for (; o !== void 0;) z = {
+				if (o !== void 0) for (; o !== void 0;) B = {
 					name: o.name,
 					styles: o.styles,
-					next: z
+					next: B
 				}, o = o.next;
 				return a.styles + ";";
 			}
-			return Xe(e, t, n);
+			return Je(e, t, n);
 		case "function": if (e !== void 0) {
-			var s = z, c = n(e);
-			return z = s, R(e, t, c);
+			var s = B, c = n(e);
+			return B = s, z(e, t, c);
 		}
 	}
 	var l = n;
@@ -603,21 +603,21 @@ function R(e, t, n) {
 	var u = t[l];
 	return u === void 0 ? l : u;
 }
-function Xe(e, t, n) {
+function Je(e, t, n) {
 	var r = "";
-	if (Array.isArray(n)) for (var i = 0; i < n.length; i++) r += R(e, t, n[i]) + ";";
+	if (Array.isArray(n)) for (var i = 0; i < n.length; i++) r += z(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] + "}" : qe(s) && (r += Je(a) + ":" + Ye(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++) qe(o[c]) && (r += Je(a) + ":" + Ye(a, o[c]) + ";");
+			t != null && t[s] !== void 0 ? r += a + "{" + t[s] + "}" : Ge(s) && (r += Ke(a) + ":" + qe(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++) Ge(o[c]) && (r += Ke(a) + ":" + qe(a, o[c]) + ";");
 		else {
-			var l = R(e, t, o);
+			var l = z(e, t, o);
 			switch (a) {
 				case "animation":
 				case "animationName":
-					r += Je(a) + ":" + l + ";";
+					r += Ke(a) + ":" + l + ";";
 					break;
 				default: r += a + "{" + l + "}";
 			}
@@ -625,35 +625,35 @@ function Xe(e, t, n) {
 	}
 	return r;
 }
-var Ze = /label:\s*([^\s;{]+)\s*(;|$)/g, z;
-function Qe(e, t, n) {
+var Ye = /label:\s*([^\s;{]+)\s*(;|$)/g, B;
+function Xe(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 = "";
-	z = void 0;
+	B = void 0;
 	var a = e[0];
-	a == null || a.raw === void 0 ? (r = !1, i += R(n, t, a)) : i += a[0];
-	for (var o = 1; o < e.length; o++) i += R(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 += z(n, t, a)) : i += a[0];
+	for (var o = 1; o < e.length; o++) i += z(n, t, e[o]), r && (i += a[o]);
+	Ye.lastIndex = 0;
+	for (var s = "", c; (c = Ye.exec(i)) !== null;) s += "-" + c[1];
 	return {
-		name: He(i) + s,
+		name: Be(i) + s,
 		styles: i,
-		next: z
+		next: B
 	};
 }
 //#endregion
 //#region node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js
-function $e(e, t, n) {
+function Ze(e, t, n) {
 	var r = "";
 	return n.split(" ").forEach(function(n) {
 		e[n] === void 0 ? n && (r += n + " ") : t.push(e[n] + ";");
 	}), r;
 }
-var et = function(e, t, n) {
+var Qe = function(e, t, n) {
 	var r = e.key + "-" + t.name;
 	n === !1 && e.registered[r] === void 0 && (e.registered[r] = t.styles);
-}, tt = function(e, t, n) {
-	et(e, t, n);
+}, $e = function(e, t, n) {
+	Qe(e, t, n);
 	var r = e.key + "-" + t.name;
 	if (e.inserted[t.name] === void 0) {
 		var i = t;
@@ -664,34 +664,34 @@ var et = function(e, t, n) {
 };
 //#endregion
 //#region node_modules/@emotion/css/create-instance/dist/emotion-css-create-instance.esm.js
-function nt(e, t) {
+function et(e, t) {
 	if (e.inserted[t.name] === void 0) return e.insert("", t, e.sheet, !0);
 }
-function rt(e, t, n) {
-	var r = [], i = $e(e, r, n);
+function tt(e, t, n) {
+	var r = [], i = Ze(e, r, n);
 	return r.length < 2 ? n : i + t(r);
 }
-var it = function(e) {
-	var t = Ve(e);
+var nt = function(e) {
+	var t = ze(e);
 	t.sheet.speedy = function(e) {
 		this.isSpeedy = e;
 	}, t.compat = !0;
 	var n = function() {
-		var e = Qe([...arguments], t.registered, void 0);
-		return tt(t, e, !1), t.key + "-" + e.name;
+		var e = Xe([...arguments], t.registered, void 0);
+		return $e(t, e, !1), t.key + "-" + e.name;
 	};
 	return {
 		css: n,
 		cx: function() {
 			var e = [...arguments];
-			return rt(t.registered, n, at(e));
+			return tt(t.registered, n, rt(e));
 		},
 		injectGlobal: function() {
-			nt(t, Qe([...arguments], t.registered));
+			et(t, Xe([...arguments], t.registered));
 		},
 		keyframes: function() {
-			var e = Qe([...arguments], t.registered), n = "animation-" + e.name;
-			return nt(t, {
+			var e = Xe([...arguments], t.registered), n = "animation-" + e.name;
+			return et(t, {
 				name: e.name,
 				styles: "@keyframes " + n + "{" + e.styles + "}"
 			}), n;
@@ -706,10 +706,10 @@ var it = function(e) {
 		},
 		sheet: t.sheet,
 		cache: t,
-		getRegisteredStyles: $e.bind(null, t.registered),
-		merge: rt.bind(null, t.registered, n)
+		getRegisteredStyles: Ze.bind(null, t.registered),
+		merge: tt.bind(null, t.registered, n)
 	};
-}, at = function e(t) {
+}, rt = function e(t) {
 	for (var n = "", r = 0; r < t.length; r++) {
 		var i = t[r];
 		if (i != null) {
@@ -726,15 +726,15 @@ var it = function(e) {
 		}
 	}
 	return n;
-}, B = it({ key: "css" });
-B.flush, B.hydrate;
-var V = B.cx;
-B.merge, B.getRegisteredStyles;
-var ot = B.injectGlobal, st = B.keyframes, H = B.css;
-B.sheet, B.cache;
+}, V = nt({ key: "css" });
+V.flush, V.hydrate;
+var H = V.cx;
+V.merge, V.getRegisteredStyles;
+var it = V.injectGlobal, at = V.keyframes, U = V.css;
+V.sheet, V.cache;
 //#endregion
 //#region \0virtual:svg-sprite
-var ct = "<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-badge-check\" viewBox=\"0 0 24 24\"><path d=\"m9 12 2 2 4-4\"/><path d=\"m14.394 3-.246-.209a3.31 3.31 0 0 0-4.296 0l-.246.21a4 4 0 0 1-2.276.943l-.323.025A3.31 3.31 0 0 0 3.97 7.007l-.025.323A4 4 0 0 1 3 9.606l-.21.246a3.31 3.31 0 0 0 0 4.296l.21.246a4 4 0 0 1 .943 2.276l.025.323a3.31 3.31 0 0 0 3.038 3.038l.323.025A4 4 0 0 1 9.606 21l.246.21a3.31 3.31 0 0 0 4.296 0l.246-.21a4 4 0 0 1 2.276-.943l.323-.025a3.31 3.31 0 0 0 3.038-3.038l.025-.323A4 4 0 0 1 21 14.394l.21-.246a3.31 3.31 0 0 0 0-4.296L21 9.606a4 4 0 0 1-.943-2.276l-.025-.323a3.31 3.31 0 0 0-3.038-3.038l-.323-.025A4 4 0 0 1 14.394 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-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-chevron-left\" viewBox=\"0 0 24 24\"><path d=\"M15 18s-6-4.419-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-chevron-right\" viewBox=\"0 0 24 24\"><path d=\"M9 18s6-4.419 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-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-external\" viewBox=\"0 0 24 24\"><path d=\"M11.1 3.002c-3.648.007-5.56.096-6.78 1.317C3.002 5.637 3.002 7.758 3.002 12s0 6.363 1.318 7.681c1.317 1.318 3.438 1.318 7.68 1.318s6.363 0 7.68-1.318c1.222-1.22 1.312-3.132 1.318-6.78\"/><path d=\"m20.48 3.518-5.549 5.534m5.55-5.534c-.495-.495-3.822-.449-4.526-.439m4.525.439c.494.494.448 3.825.438 4.53\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-filter\" viewBox=\"0 0 24 24\"><path d=\"M8.857 12.506C6.37 10.646 4.596 8.6 3.627 7.45c-.3-.356-.398-.617-.457-1.076-.202-1.572-.303-2.358.158-2.866S4.604 3 6.234 3h11.532c1.63 0 2.445 0 2.906.507.461.508.36 1.294.158 2.866-.06.459-.158.72-.457 1.076-.97 1.152-2.747 3.202-5.24 5.065a1.05 1.05 0 0 0-.402.747c-.247 2.731-.475 4.227-.617 4.983-.229 1.222-1.96 1.957-2.888 2.612-.552.39-1.222-.074-1.293-.678a196 196 0 0 1-.674-6.917 1.05 1.05 0 0 0-.402-.755\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-home\" viewBox=\"0 0 24 24\"><path d=\"M3 11.99v2.51c0 3.3 0 4.95 1.025 5.975S6.7 21.5 10 21.5h4c3.3 0 4.95 0 5.975-1.025S21 17.8 21 14.5v-2.51c0-1.682 0-2.522-.356-3.25s-1.02-1.244-2.346-2.276l-2-1.555C14.233 3.303 13.2 2.5 12 2.5s-2.233.803-4.298 2.409l-2 1.555C4.375 7.496 3.712 8.012 3.356 8.74S3 10.308 3 11.99\"/><path d=\"M15 17c-.8.622-1.85 1-3 1s-2.2-.378-3-1\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-info\" viewBox=\"0 0 24 24\"><path d=\"M2.5 12c0-4.478 0-6.718 1.391-8.109S7.521 2.5 12 2.5c4.478 0 6.718 0 8.109 1.391S21.5 7.521 21.5 12c0 4.478 0 6.718-1.391 8.109S16.479 21.5 12 21.5c-4.478 0-6.718 0-8.109-1.391S2.5 16.479 2.5 12\"/><path d=\"M12 16v-4\"/><path d=\"M12.125 8.25H12m.25 0a.25.25 0 1 0-.5 0 .25.25 0 0 0 .5 0\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-menu\" viewBox=\"0 0 24 24\"><path d=\"M4 9h16\"/><path d=\"M4 15h10\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-plus\" viewBox=\"0 0 24 24\"><path d=\"M11.992 4v16m8-8h-16\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-skull\" viewBox=\"0 0 24 24\"><path d=\"M12 3c-4.97 0-9 3.582-9 8 0 2.37 1.16 4.5 3.002 5.964l.29.232c.5.423.687.811.707 1.467l.001.203c0 .124 0 .187.003.239a2 2 0 0 0 1.892 1.892c.052.003.115.003.239.003h5.732c.124 0 .187 0 .239-.003a2 2 0 0 0 1.892-1.892c.003-.052.003-.115.003-.239v-.203c.02-.656.208-1.044.709-1.467.023-.02.111-.09.29-.232C19.84 15.5 21 13.37 21 11c0-4.418-4.03-8-9-8\"/><path d=\"M10 21v-2\"/><path d=\"M14 21v-2\"/><path d=\"M8 11v-.5m1 .5a1 1 0 1 1-2 0 1 1 0 0 1 2 0\"/><path d=\"M16 11v-.5m1 .5a1 1 0 1 1-2 0 1 1 0 0 1 2 0\"/><path d=\"m12.5 15-.5-1-.5 1z\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-squares-cog\" viewBox=\"0 0 24 24\"><path d=\"M17.25 3v1.34m0 0c.666 0 1.268.27 1.704.706M17.25 4.34c-.666 0-1.268.27-1.704.706M17.25 9.16v1.34m0-1.339c.666 0 1.268-.27 1.705-.706m-1.705.706c-.666 0-1.268-.27-1.705-.706M21 6.75h-1.34m0 0c0 .666-.27 1.269-.705 1.705m.706-1.705a2.4 2.4 0 0 0-.707-1.704M14.84 6.75H13.5m1.34 0c0-.665.27-1.268.706-1.704m-.707 1.704c0 .666.27 1.269.706 1.705m4.357-4.357-.948.948m-4.356 4.356.947-.947m4.357.947-.947-.947m-4.357-4.357.947.948\"/><path d=\"M13.69 19.457c-.19-.46-.19-1.042-.19-2.207s0-1.747.19-2.207a2.5 2.5 0 0 1 1.353-1.353c.46-.19 1.042-.19 2.207-.19s1.747 0 2.207.19a2.5 2.5 0 0 1 1.353 1.353c.19.46.19 1.042.19 2.207s0 1.747-.19 2.207a2.5 2.5 0 0 1-1.353 1.353c-.46.19-1.042.19-2.207.19s-1.747 0-2.207-.19a2.5 2.5 0 0 1-1.353-1.353\"/><path d=\"M3.19 19.457C3 18.997 3 18.415 3 17.25s0-1.747.19-2.207a2.5 2.5 0 0 1 1.353-1.353c.46-.19 1.042-.19 2.207-.19s1.747 0 2.207.19a2.5 2.5 0 0 1 1.353 1.353c.19.46.19 1.042.19 2.207s0 1.747-.19 2.207a2.5 2.5 0 0 1-1.353 1.353c-.46.19-1.042.19-2.207.19s-1.747 0-2.207-.19a2.5 2.5 0 0 1-1.353-1.353\"/><path d=\"M3.19 8.957C3 8.497 3 7.915 3 6.75s0-1.747.19-2.207A2.5 2.5 0 0 1 4.543 3.19C5.003 3 5.585 3 6.75 3s1.747 0 2.207.19a2.5 2.5 0 0 1 1.353 1.353c.19.46.19 1.042.19 2.207s0 1.747-.19 2.207a2.5 2.5 0 0 1-1.353 1.353c-.46.19-1.042.19-2.207.19s-1.747 0-2.207-.19A2.5 2.5 0 0 1 3.19 8.957\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-stack\" viewBox=\"0 0 24 24\"><path d=\"M21 14c0 1.4 0 2.1-.273 2.635a2.5 2.5 0 0 1-1.092 1.092C19.1 18 18.4 18 17 18H7c-1.4 0-2.1 0-2.635-.273a2.5 2.5 0 0 1-1.093-1.092C3 16.1 3 15.4 3 14\"/><path d=\"M6 14h12\"/><path d=\"M6 10h12\"/><path d=\"M6 6h12\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-terminal\" viewBox=\"0 0 24 24\"><path d=\"M7.492 7.5 8.72 8.557c.515.445.773.667.773.943s-.258.498-.773.943L7.492 11.5\"/><path d=\"M11.492 12.5h4\"/><path d=\"M11.992 21c3.75 0 5.625 0 6.94-.955a5 5 0 0 0 1.105-1.106c.955-1.314.955-3.19.955-6.939s0-5.625-.955-6.939a5 5 0 0 0-1.106-1.106C17.617 3 15.741 3 11.992 3s-5.624 0-6.939.955A5 5 0 0 0 3.947 5.06c-.955 1.314-.955 3.19-.955 6.939s0 5.625.955 6.939a5 5 0 0 0 1.106 1.106c1.315.955 3.19.955 6.94.955\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-vertical-ellipsis\" viewBox=\"0 0 24 24\"><path d=\"M12 12v-.5M12 5v-.5M12 19v-.5m1-6.5a1 1 0 1 0-2 0 1 1 0 0 0 2 0m0-7a1 1 0 1 0-2 0 1 1 0 0 0 2 0m0 14a1 1 0 1 0-2 0 1 1 0 0 0 2 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-x\" viewBox=\"0 0 24 24\"><path d=\"m18 6-6 6m0 0-6 6m6-6 6 6m-6-6L6 6\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-bookmark\" viewBox=\"0 0 24 24\"><path stroke-linejoin=\"round\" d=\"M11 2C7.229 2 5.343 2 4.172 3.129 3 4.257 3 6.074 3 9.708v8.273c0 2.306 0 3.459.773 3.871 1.496.8 4.304-1.867 5.637-2.67.773-.465 1.16-.698 1.59-.698s.817.233 1.59.698c1.333.803 4.14 3.47 5.637 2.67.773-.412.773-1.565.773-3.871V13\"/><path d=\"M17 10V2m-4 4h8\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-bug\" viewBox=\"0 0 24 24\"><path d=\"M3.012 6.597c-.12 1.06.646 3.598 2.865 3.658\"/><path d=\"M18.29 10.195c1.078.06 2.697-1.2 2.697-3.598\"/><path d=\"M20.088 20.988c.06-1.38-.84-3.514-2.579-3.574\"/><path d=\"M3.901 20.988c-.06-1.388.858-3.537 2.636-3.597\"/><path d=\"M3.012 13.793h2.206\"/><path d=\"M21 13.793h-2.172\"/><path d=\"M11.993 13.793v-2.938M16.49 3l-1.799 1.799m-7.195-1.8 1.799 1.8\"/><path d=\"M6.956 8.612c1.619 1.163 5.636 2.842 10.014.072\"/><path d=\"M16.826 7.677c-3.574-4.977-8.13-2.579-9.75.144-1.055 1.774-2.698 6.068.42 10.745 3.358 4.1 7.315 2.242 8.934.083 1.56-1.858 3.094-6.655.396-10.972Z\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-eye-off\" viewBox=\"0 0 24 24\"><path stroke-linejoin=\"round\" d=\"M6.434 6.52C4.22 7.89 2.933 9.865 2.319 11.034c-.213.404-.319.606-.319.974s.106.57.318.973c1.01 1.926 3.849 6.039 9.649 6.039 2.278 0 4.1-.635 5.533-1.523\"/><path d=\"M9.879 9.879a3 3 0 1 0 4.243 4.243\"/><path stroke-linejoin=\"round\" d=\"m2 2 20 20\"/><path stroke-linejoin=\"round\" d=\"M10 5.148A12 12 0 0 1 11.894 5c5.88 0 8.759 4.054 9.784 5.952.215.397.322.596.322.959 0 .362-.108.562-.323.96A12.4 12.4 0 0 1 20.217 15\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-loader\" viewBox=\"0 0 24 24\"><path d=\"M11.996 3v3\"/><path d=\"M11.996 18v3\"/><path d=\"M20.996 12h-3\"/><path d=\"M5.996 12h-3\"/><path d=\"m18.36 5.637-2.122 2.121\"/><path d=\"m7.754 16.242-2.121 2.121\"/><path d=\"m18.36 18.364-2.122-2.122\"/><path d=\"M7.754 7.758 5.633 5.637\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-trash\" viewBox=\"0 0 24 24\"><path d=\"m19.5 5.5-.62 10.025c-.158 2.561-.237 3.842-.88 4.763a4 4 0 0 1-1.2 1.128c-.957.584-2.24.584-4.806.584-2.57 0-3.855 0-4.814-.585a4 4 0 0 1-1.2-1.13c-.642-.922-.72-2.205-.874-4.77L4.5 5.5\"/><path d=\"M3 5.5h18m-4.944 0-.683-1.408c-.453-.936-.68-1.403-1.071-1.695a2 2 0 0 0-.275-.172C13.594 2 13.074 2 12.035 2c-1.066 0-1.599 0-2.04.234a2 2 0 0 0-.278.18c-.395.303-.616.788-1.058 1.757L8.053 5.5\"/><path d=\"M9.5 16.5v-6\"/><path d=\"M14.5 16.5v-6\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-award\" viewBox=\"0 0 24 24\"><path d=\"M9.426 3.063C10.684 2.354 11.312 2 12 2s1.316.354 2.574 1.063l1.75.986c1.305.735 1.958 1.103 2.317 1.718S19 7.132 19 8.632v1.736c0 1.5 0 2.25-.36 2.865-.358.615-1.01.983-2.316 1.718l-1.75.986C13.316 16.646 12.688 17 12 17s-1.316-.354-2.574-1.063l-1.75-.986c-1.305-.735-1.958-1.103-2.317-1.718S5 11.868 5 10.368V8.632c0-1.5 0-2.25.36-2.865.358-.615 1.01-.983 2.316-1.718z\"/><path stroke-linecap=\"round\" d=\"m16.883 15 .67 3.21c.43 2.062.646 3.093.203 3.582-.442.489-1.21.069-2.746-.772l-2.274-1.245c-.363-.198-.544-.298-.736-.298s-.373.1-.736.298L8.99 21.02c-1.536.84-2.304 1.261-2.746.772s-.227-1.52.203-3.582l.67-3.21\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-list-play\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" d=\"M3 5h18\"/><path stroke-linecap=\"round\" d=\"M3 12h6\"/><path d=\"M20.945 15.451c-.176.716-1.012 1.223-2.682 2.235-1.615.979-2.422 1.468-3.073 1.271a1.6 1.6 0 0 1-.712-.448C14 17.994 14 16.996 14 15s0-2.994.478-3.509c.198-.212.443-.367.712-.448.65-.197 1.458.293 3.073 1.271 1.67 1.012 2.506 1.518 2.682 2.235a1.9 1.9 0 0 1 0 .902Z\"/><path stroke-linecap=\"round\" d=\"M3 19h6\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-play\" viewBox=\"0 0 24 24\"><path d=\"M18.89 12.846c-.353 1.343-2.023 2.292-5.364 4.19-3.23 1.835-4.845 2.752-6.146 2.384a3.25 3.25 0 0 1-1.424-.841C5 17.614 5 15.743 5 12s0-5.614.956-6.579a3.25 3.25 0 0 1 1.424-.84c1.301-.37 2.916.548 6.146 2.383 3.34 1.898 5.011 2.847 5.365 4.19a3.3 3.3 0 0 1 0 1.692Z\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-sparkles\" viewBox=\"0 0 24 24\"><path d=\"m15 2 .539 2.392a5.39 5.39 0 0 0 4.07 4.07L22 9l-2.392.539a5.39 5.39 0 0 0-4.07 4.07L15 16l-.539-2.392a5.39 5.39 0 0 0-4.07-4.07L8 9l2.392-.539a5.39 5.39 0 0 0 4.07-4.07z\"/><path d=\"m7 12 .385 1.708a3.85 3.85 0 0 0 2.907 2.907L12 17l-1.708.385a3.85 3.85 0 0 0-2.907 2.907L7 22l-.385-1.708a3.85 3.85 0 0 0-2.907-2.907L2 17l1.708-.385a3.85 3.85 0 0 0 2.907-2.907z\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-clock\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 8v4l2 2\"/></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><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-stop\" viewBox=\"0 0 24 24\"><path d=\"M4 12c0-3.28 0-4.919.814-6.081a4.5 4.5 0 0 1 1.105-1.105C7.08 4 8.72 4 12 4s4.919 0 6.081.814a4.5 4.5 0 0 1 1.105 1.105C20 7.08 20 8.72 20 12s0 4.919-.814 6.081a4.5 4.5 0 0 1-1.105 1.105C16.92 20 15.28 20 12 20s-4.919 0-6.081-.814a4.5 4.5 0 0 1-1.105-1.105C4 16.92 4 15.28 4 12Z\"/></symbol></svg>", lt = !1, ut = new URL("./assets/manrope.woff2", import.meta.url).href ?? "/fonts/manrope.woff2", U = {
+var ot = "<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-badge-check\" viewBox=\"0 0 24 24\"><path d=\"m9 12 2 2 4-4\"/><path d=\"m14.394 3-.246-.209a3.31 3.31 0 0 0-4.296 0l-.246.21a4 4 0 0 1-2.276.943l-.323.025A3.31 3.31 0 0 0 3.97 7.007l-.025.323A4 4 0 0 1 3 9.606l-.21.246a3.31 3.31 0 0 0 0 4.296l.21.246a4 4 0 0 1 .943 2.276l.025.323a3.31 3.31 0 0 0 3.038 3.038l.323.025A4 4 0 0 1 9.606 21l.246.21a3.31 3.31 0 0 0 4.296 0l.246-.21a4 4 0 0 1 2.276-.943l.323-.025a3.31 3.31 0 0 0 3.038-3.038l.025-.323A4 4 0 0 1 21 14.394l.21-.246a3.31 3.31 0 0 0 0-4.296L21 9.606a4 4 0 0 1-.943-2.276l-.025-.323a3.31 3.31 0 0 0-3.038-3.038l-.323-.025A4 4 0 0 1 14.394 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-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-chevron-left\" viewBox=\"0 0 24 24\"><path d=\"M15 18s-6-4.419-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-chevron-right\" viewBox=\"0 0 24 24\"><path d=\"M9 18s6-4.419 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-collapse\" viewBox=\"0 0 24 24\"><path stroke-miterlimit=\"16\" d=\"M13 4v3c0 1.886 0 2.828.586 3.414S15.114 11 17 11h3\"/><path stroke-miterlimit=\"16\" d=\"M11 20v-3c0-1.886 0-2.828-.586-3.414S8.886 13 7 13H4\"/></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-expand\" viewBox=\"0 0 24 24\"><path stroke-miterlimit=\"16\" d=\"M19 12V9c0-1.886 0-2.828-.586-3.414S16.886 5 15 5h-3\"/><path stroke-miterlimit=\"16\" d=\"M5 12v3c0 1.886 0 2.828.586 3.414S7.114 19 9 19h3\"/></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-external\" viewBox=\"0 0 24 24\"><path d=\"M11.1 3.002c-3.648.007-5.56.096-6.78 1.317C3.002 5.637 3.002 7.758 3.002 12s0 6.363 1.318 7.681c1.317 1.318 3.438 1.318 7.68 1.318s6.363 0 7.68-1.318c1.222-1.22 1.312-3.132 1.318-6.78\"/><path d=\"m20.48 3.518-5.549 5.534m5.55-5.534c-.495-.495-3.822-.449-4.526-.439m4.525.439c.494.494.448 3.825.438 4.53\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-filter\" viewBox=\"0 0 24 24\"><path d=\"M8.857 12.506C6.37 10.646 4.596 8.6 3.627 7.45c-.3-.356-.398-.617-.457-1.076-.202-1.572-.303-2.358.158-2.866S4.604 3 6.234 3h11.532c1.63 0 2.445 0 2.906.507.461.508.36 1.294.158 2.866-.06.459-.158.72-.457 1.076-.97 1.152-2.747 3.202-5.24 5.065a1.05 1.05 0 0 0-.402.747c-.247 2.731-.475 4.227-.617 4.983-.229 1.222-1.96 1.957-2.888 2.612-.552.39-1.222-.074-1.293-.678a196 196 0 0 1-.674-6.917 1.05 1.05 0 0 0-.402-.755\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-home\" viewBox=\"0 0 24 24\"><path d=\"M3 11.99v2.51c0 3.3 0 4.95 1.025 5.975S6.7 21.5 10 21.5h4c3.3 0 4.95 0 5.975-1.025S21 17.8 21 14.5v-2.51c0-1.682 0-2.522-.356-3.25s-1.02-1.244-2.346-2.276l-2-1.555C14.233 3.303 13.2 2.5 12 2.5s-2.233.803-4.298 2.409l-2 1.555C4.375 7.496 3.712 8.012 3.356 8.74S3 10.308 3 11.99\"/><path d=\"M15 17c-.8.622-1.85 1-3 1s-2.2-.378-3-1\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-info\" viewBox=\"0 0 24 24\"><path d=\"M2.5 12c0-4.478 0-6.718 1.391-8.109S7.521 2.5 12 2.5c4.478 0 6.718 0 8.109 1.391S21.5 7.521 21.5 12c0 4.478 0 6.718-1.391 8.109S16.479 21.5 12 21.5c-4.478 0-6.718 0-8.109-1.391S2.5 16.479 2.5 12\"/><path d=\"M12 16v-4\"/><path d=\"M12.125 8.25H12m.25 0a.25.25 0 1 0-.5 0 .25.25 0 0 0 .5 0\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-menu\" viewBox=\"0 0 24 24\"><path d=\"M4 9h16\"/><path d=\"M4 15h10\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-plus\" viewBox=\"0 0 24 24\"><path d=\"M11.992 4v16m8-8h-16\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-skull\" viewBox=\"0 0 24 24\"><path d=\"M12 3c-4.97 0-9 3.582-9 8 0 2.37 1.16 4.5 3.002 5.964l.29.232c.5.423.687.811.707 1.467l.001.203c0 .124 0 .187.003.239a2 2 0 0 0 1.892 1.892c.052.003.115.003.239.003h5.732c.124 0 .187 0 .239-.003a2 2 0 0 0 1.892-1.892c.003-.052.003-.115.003-.239v-.203c.02-.656.208-1.044.709-1.467.023-.02.111-.09.29-.232C19.84 15.5 21 13.37 21 11c0-4.418-4.03-8-9-8\"/><path d=\"M10 21v-2\"/><path d=\"M14 21v-2\"/><path d=\"M8 11v-.5m1 .5a1 1 0 1 1-2 0 1 1 0 0 1 2 0\"/><path d=\"M16 11v-.5m1 .5a1 1 0 1 1-2 0 1 1 0 0 1 2 0\"/><path d=\"m12.5 15-.5-1-.5 1z\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-squares-cog\" viewBox=\"0 0 24 24\"><path d=\"M17.25 3v1.34m0 0c.666 0 1.268.27 1.704.706M17.25 4.34c-.666 0-1.268.27-1.704.706M17.25 9.16v1.34m0-1.339c.666 0 1.268-.27 1.705-.706m-1.705.706c-.666 0-1.268-.27-1.705-.706M21 6.75h-1.34m0 0c0 .666-.27 1.269-.705 1.705m.706-1.705a2.4 2.4 0 0 0-.707-1.704M14.84 6.75H13.5m1.34 0c0-.665.27-1.268.706-1.704m-.707 1.704c0 .666.27 1.269.706 1.705m4.357-4.357-.948.948m-4.356 4.356.947-.947m4.357.947-.947-.947m-4.357-4.357.947.948\"/><path d=\"M13.69 19.457c-.19-.46-.19-1.042-.19-2.207s0-1.747.19-2.207a2.5 2.5 0 0 1 1.353-1.353c.46-.19 1.042-.19 2.207-.19s1.747 0 2.207.19a2.5 2.5 0 0 1 1.353 1.353c.19.46.19 1.042.19 2.207s0 1.747-.19 2.207a2.5 2.5 0 0 1-1.353 1.353c-.46.19-1.042.19-2.207.19s-1.747 0-2.207-.19a2.5 2.5 0 0 1-1.353-1.353\"/><path d=\"M3.19 19.457C3 18.997 3 18.415 3 17.25s0-1.747.19-2.207a2.5 2.5 0 0 1 1.353-1.353c.46-.19 1.042-.19 2.207-.19s1.747 0 2.207.19a2.5 2.5 0 0 1 1.353 1.353c.19.46.19 1.042.19 2.207s0 1.747-.19 2.207a2.5 2.5 0 0 1-1.353 1.353c-.46.19-1.042.19-2.207.19s-1.747 0-2.207-.19a2.5 2.5 0 0 1-1.353-1.353\"/><path d=\"M3.19 8.957C3 8.497 3 7.915 3 6.75s0-1.747.19-2.207A2.5 2.5 0 0 1 4.543 3.19C5.003 3 5.585 3 6.75 3s1.747 0 2.207.19a2.5 2.5 0 0 1 1.353 1.353c.19.46.19 1.042.19 2.207s0 1.747-.19 2.207a2.5 2.5 0 0 1-1.353 1.353c-.46.19-1.042.19-2.207.19s-1.747 0-2.207-.19A2.5 2.5 0 0 1 3.19 8.957\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-stack\" viewBox=\"0 0 24 24\"><path d=\"M21 14c0 1.4 0 2.1-.273 2.635a2.5 2.5 0 0 1-1.092 1.092C19.1 18 18.4 18 17 18H7c-1.4 0-2.1 0-2.635-.273a2.5 2.5 0 0 1-1.093-1.092C3 16.1 3 15.4 3 14\"/><path d=\"M6 14h12\"/><path d=\"M6 10h12\"/><path d=\"M6 6h12\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-terminal\" viewBox=\"0 0 24 24\"><path d=\"M7.492 7.5 8.72 8.557c.515.445.773.667.773.943s-.258.498-.773.943L7.492 11.5\"/><path d=\"M11.492 12.5h4\"/><path d=\"M11.992 21c3.75 0 5.625 0 6.94-.955a5 5 0 0 0 1.105-1.106c.955-1.314.955-3.19.955-6.939s0-5.625-.955-6.939a5 5 0 0 0-1.106-1.106C17.617 3 15.741 3 11.992 3s-5.624 0-6.939.955A5 5 0 0 0 3.947 5.06c-.955 1.314-.955 3.19-.955 6.939s0 5.625.955 6.939a5 5 0 0 0 1.106 1.106c1.315.955 3.19.955 6.94.955\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-vertical-ellipsis\" viewBox=\"0 0 24 24\"><path d=\"M12 12v-.5M12 5v-.5M12 19v-.5m1-6.5a1 1 0 1 0-2 0 1 1 0 0 0 2 0m0-7a1 1 0 1 0-2 0 1 1 0 0 0 2 0m0 14a1 1 0 1 0-2 0 1 1 0 0 0 2 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-x\" viewBox=\"0 0 24 24\"><path d=\"m18 6-6 6m0 0-6 6m6-6 6 6m-6-6L6 6\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-bookmark\" viewBox=\"0 0 24 24\"><path stroke-linejoin=\"round\" d=\"M11 2C7.229 2 5.343 2 4.172 3.129 3 4.257 3 6.074 3 9.708v8.273c0 2.306 0 3.459.773 3.871 1.496.8 4.304-1.867 5.637-2.67.773-.465 1.16-.698 1.59-.698s.817.233 1.59.698c1.333.803 4.14 3.47 5.637 2.67.773-.412.773-1.565.773-3.871V13\"/><path d=\"M17 10V2m-4 4h8\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-bug\" viewBox=\"0 0 24 24\"><path d=\"M3.012 6.597c-.12 1.06.646 3.598 2.865 3.658\"/><path d=\"M18.29 10.195c1.078.06 2.697-1.2 2.697-3.598\"/><path d=\"M20.088 20.988c.06-1.38-.84-3.514-2.579-3.574\"/><path d=\"M3.901 20.988c-.06-1.388.858-3.537 2.636-3.597\"/><path d=\"M3.012 13.793h2.206\"/><path d=\"M21 13.793h-2.172\"/><path d=\"M11.993 13.793v-2.938M16.49 3l-1.799 1.799m-7.195-1.8 1.799 1.8\"/><path d=\"M6.956 8.612c1.619 1.163 5.636 2.842 10.014.072\"/><path d=\"M16.826 7.677c-3.574-4.977-8.13-2.579-9.75.144-1.055 1.774-2.698 6.068.42 10.745 3.358 4.1 7.315 2.242 8.934.083 1.56-1.858 3.094-6.655.396-10.972Z\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-eye-off\" viewBox=\"0 0 24 24\"><path stroke-linejoin=\"round\" d=\"M6.434 6.52C4.22 7.89 2.933 9.865 2.319 11.034c-.213.404-.319.606-.319.974s.106.57.318.973c1.01 1.926 3.849 6.039 9.649 6.039 2.278 0 4.1-.635 5.533-1.523\"/><path d=\"M9.879 9.879a3 3 0 1 0 4.243 4.243\"/><path stroke-linejoin=\"round\" d=\"m2 2 20 20\"/><path stroke-linejoin=\"round\" d=\"M10 5.148A12 12 0 0 1 11.894 5c5.88 0 8.759 4.054 9.784 5.952.215.397.322.596.322.959 0 .362-.108.562-.323.96A12.4 12.4 0 0 1 20.217 15\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-loader\" viewBox=\"0 0 24 24\"><path d=\"M11.996 3v3\"/><path d=\"M11.996 18v3\"/><path d=\"M20.996 12h-3\"/><path d=\"M5.996 12h-3\"/><path d=\"m18.36 5.637-2.122 2.121\"/><path d=\"m7.754 16.242-2.121 2.121\"/><path d=\"m18.36 18.364-2.122-2.122\"/><path d=\"M7.754 7.758 5.633 5.637\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-trash\" viewBox=\"0 0 24 24\"><path d=\"m19.5 5.5-.62 10.025c-.158 2.561-.237 3.842-.88 4.763a4 4 0 0 1-1.2 1.128c-.957.584-2.24.584-4.806.584-2.57 0-3.855 0-4.814-.585a4 4 0 0 1-1.2-1.13c-.642-.922-.72-2.205-.874-4.77L4.5 5.5\"/><path d=\"M3 5.5h18m-4.944 0-.683-1.408c-.453-.936-.68-1.403-1.071-1.695a2 2 0 0 0-.275-.172C13.594 2 13.074 2 12.035 2c-1.066 0-1.599 0-2.04.234a2 2 0 0 0-.278.18c-.395.303-.616.788-1.058 1.757L8.053 5.5\"/><path d=\"M9.5 16.5v-6\"/><path d=\"M14.5 16.5v-6\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-award\" viewBox=\"0 0 24 24\"><path d=\"M9.426 3.063C10.684 2.354 11.312 2 12 2s1.316.354 2.574 1.063l1.75.986c1.305.735 1.958 1.103 2.317 1.718S19 7.132 19 8.632v1.736c0 1.5 0 2.25-.36 2.865-.358.615-1.01.983-2.316 1.718l-1.75.986C13.316 16.646 12.688 17 12 17s-1.316-.354-2.574-1.063l-1.75-.986c-1.305-.735-1.958-1.103-2.317-1.718S5 11.868 5 10.368V8.632c0-1.5 0-2.25.36-2.865.358-.615 1.01-.983 2.316-1.718z\"/><path stroke-linecap=\"round\" d=\"m16.883 15 .67 3.21c.43 2.062.646 3.093.203 3.582-.442.489-1.21.069-2.746-.772l-2.274-1.245c-.363-.198-.544-.298-.736-.298s-.373.1-.736.298L8.99 21.02c-1.536.84-2.304 1.261-2.746.772s-.227-1.52.203-3.582l.67-3.21\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-list-play\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" d=\"M3 5h18\"/><path stroke-linecap=\"round\" d=\"M3 12h6\"/><path d=\"M20.945 15.451c-.176.716-1.012 1.223-2.682 2.235-1.615.979-2.422 1.468-3.073 1.271a1.6 1.6 0 0 1-.712-.448C14 17.994 14 16.996 14 15s0-2.994.478-3.509c.198-.212.443-.367.712-.448.65-.197 1.458.293 3.073 1.271 1.67 1.012 2.506 1.518 2.682 2.235a1.9 1.9 0 0 1 0 .902Z\"/><path stroke-linecap=\"round\" d=\"M3 19h6\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-play\" viewBox=\"0 0 24 24\"><path d=\"M18.89 12.846c-.353 1.343-2.023 2.292-5.364 4.19-3.23 1.835-4.845 2.752-6.146 2.384a3.25 3.25 0 0 1-1.424-.841C5 17.614 5 15.743 5 12s0-5.614.956-6.579a3.25 3.25 0 0 1 1.424-.84c1.301-.37 2.916.548 6.146 2.383 3.34 1.898 5.011 2.847 5.365 4.19a3.3 3.3 0 0 1 0 1.692Z\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-sparkles\" viewBox=\"0 0 24 24\"><path d=\"m15 2 .539 2.392a5.39 5.39 0 0 0 4.07 4.07L22 9l-2.392.539a5.39 5.39 0 0 0-4.07 4.07L15 16l-.539-2.392a5.39 5.39 0 0 0-4.07-4.07L8 9l2.392-.539a5.39 5.39 0 0 0 4.07-4.07z\"/><path d=\"m7 12 .385 1.708a3.85 3.85 0 0 0 2.907 2.907L12 17l-1.708.385a3.85 3.85 0 0 0-2.907 2.907L7 22l-.385-1.708a3.85 3.85 0 0 0-2.907-2.907L2 17l1.708-.385a3.85 3.85 0 0 0 2.907-2.907z\"/></symbol><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-clock\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 8v4l2 2\"/></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><symbol xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" color=\"currentColor\" id=\"icon-stop\" viewBox=\"0 0 24 24\"><path d=\"M4 12c0-3.28 0-4.919.814-6.081a4.5 4.5 0 0 1 1.105-1.105C7.08 4 8.72 4 12 4s4.919 0 6.081.814a4.5 4.5 0 0 1 1.105 1.105C20 7.08 20 8.72 20 12s0 4.919-.814 6.081a4.5 4.5 0 0 1-1.105 1.105C16.92 20 15.28 20 12 20s-4.919 0-6.081-.814a4.5 4.5 0 0 1-1.105-1.105C4 16.92 4 15.28 4 12Z\"/></symbol></svg>", st = !1, ct = new URL("./assets/manrope.woff2", import.meta.url).href ?? "/fonts/manrope.woff2", W = {
 	fontFamily: "Manrope",
 	zIndex: {
 		front: 1,
@@ -771,10 +771,10 @@ var ct = "<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() {
-		lt || typeof document > "u" || (ot(`
+		st || typeof document > "u" || (it(`
             @font-face {
                 font-family: 'Manrope';
-                src: url('${ut}') format('woff2');
+                src: url('${ct}') format('woff2');
                 font-weight: 100 900;
                 font-style: normal;
                 font-display: swap;
@@ -856,55 +856,55 @@ var ct = "<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", ct), lt = !0));
+        `), !document.getElementById("svg-sprite") && document.body && (document.body.insertAdjacentHTML("afterbegin", ot), st = !0));
 	}
 };
 //#endregion
 //#region src/components/_icon.jsx
-function W({ className: e, size: t = "1.25rem", color: n = U.colors.fore.primary, iconName: r, isSpinning: i }) {
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u("svg", {
-		className: V(dt.base, e),
+function G({ className: e, size: t = "1.25rem", color: n = W.colors.fore.primary, iconName: r, isSpinning: i }) {
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l("svg", {
+		className: H(lt.base, e),
 		style: {
 			color: n,
 			width: t,
 			height: t
 		},
 		"is-spinning": i || void 0,
-		children: /* @__PURE__ */ u("use", { href: `#icon-${r}` })
+		children: /* @__PURE__ */ l("use", { href: `#icon-${r}` })
 	}) });
 }
-var dt = { base: H`
+var lt = { base: U`
         fill: currentColor;
         display: inline-block;
         flex-shrink: 0;
         will-change: transform;
         transition: transform .1s linear;
 
-        &[is-spinning] { animation: ${st`
+        &[is-spinning] { animation: ${at`
     from { transform: rotate(0deg); }
     to { transform: rotate(360deg); }
 `} 3s linear infinite; }
     ` };
 //#endregion
 //#region src/components/_popup-box.jsx
-function ft({ className: e, trigger: t, children: n, isOpen: r = !1, origin: i = "center", width: a }) {
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ d("div", {
-		className: pt.base,
-		children: [t, r && /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u("div", {
-			className: V(pt.popup, pt[i] ?? pt.center, e),
+function ut({ className: e, trigger: t, children: n, isOpen: r = !1, origin: i = "center", width: a }) {
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ u("div", {
+		className: dt.base,
+		children: [t, r && /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l("div", {
+			className: H(dt.popup, dt[i] ?? dt.center, e),
 			style: { width: a },
 			children: n
 		}) })]
 	}) });
 }
-var pt = {
-	base: H`
+var dt = {
+	base: U`
         display: inline-block;
         position: relative;
     `,
-	popup: H`
+	popup: U`
         position: absolute;
-        z-index: ${U.zIndex.front + 1};
+        z-index: ${W.zIndex.front + 1};
         top: calc(100% + .5rem);
         min-width: 100%;
         width: max-content;
@@ -912,39 +912,39 @@ var pt = {
         padding: .5rem;
         border: solid 1px #e5e7e9;
         border-radius: 10px;
-        color: ${U.colors.fore.primary};
-        background-color: ${U.colors.back.primary};
+        color: ${W.colors.fore.primary};
+        background-color: ${W.colors.back.primary};
         box-shadow: 0 6px 20px rgb(22 24 38 / 10%);
-        font-family: ${U.fontFamily}, sans-serif;
+        font-family: ${W.fontFamily}, sans-serif;
     `,
-	center: H`
+	center: U`
         left: 50%;
         transform: translateX(-50%);
     `,
-	left: H`
+	left: U`
         left: 0;
     `,
-	right: H`
+	right: U`
         right: 0;
     `,
-	leftSide: H`
+	leftSide: U`
         top: 0;
         right: calc(100% + 1rem);
     `,
-	rightSide: H`
+	rightSide: U`
         top: 0;
         left: calc(100% + 1rem);
     `
 };
 //#endregion
 //#region src/components/_actions.jsx
-function mt({ items: e = [] }) {
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u("nav", {
-		className: G.base,
-		children: e.map((e) => /* @__PURE__ */ u(ht, { item: e }))
+function ft({ items: e = [] }) {
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l("nav", {
+		className: K.base,
+		children: e.map((e) => /* @__PURE__ */ l(pt, { item: e }))
 	}) });
 }
-function ht({ item: e }) {
+function pt({ item: e }) {
 	let t = s(null), n = i(!1), r = e.subActions ?? e.items ?? [], o = r.length > 0;
 	a(() => {
 		if (!n.value) return;
@@ -953,7 +953,7 @@ function ht({ item: e }) {
 		}
 		return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
 	}, [n.value]);
-	function c(t) {
+	function d(t) {
 		if (o) {
 			n.value = !n.value;
 			return;
@@ -963,74 +963,74 @@ function ht({ item: e }) {
 	function f(e, t) {
 		e.stopPropagation(), e.preventDefault(), n.value = !1, t.onClick?.(e);
 	}
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u("div", {
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l("div", {
 		ref: t,
-		className: G.action,
-		children: /* @__PURE__ */ u(ft, {
-			className: G.popup,
-			trigger: /* @__PURE__ */ d("button", {
+		className: K.action,
+		children: /* @__PURE__ */ l(ut, {
+			className: K.popup,
+			trigger: /* @__PURE__ */ u("button", {
 				type: "button",
-				className: V(G.button, !e.label && G.iconOnly),
+				className: H(K.button, !e.label && K.iconOnly),
 				disabled: e.isDisabled,
 				"is-clickable": !e.isDisabled || void 0,
 				"is-disabled": e.isDisabled || void 0,
-				onClick: c,
-				children: [e.iconName && /* @__PURE__ */ u(W, {
+				onClick: d,
+				children: [e.iconName && /* @__PURE__ */ l(G, {
 					iconName: e.iconName,
 					size: "1rem"
-				}), e.label && /* @__PURE__ */ u("span", { children: e.label })]
+				}), e.label && /* @__PURE__ */ l("span", { children: e.label })]
 			}),
 			isOpen: n.value,
 			origin: "right",
-			children: r.map((e, t) => /* @__PURE__ */ d("button", {
+			children: r.map((e, t) => /* @__PURE__ */ u("button", {
 				type: "button",
-				className: G.option,
+				className: K.option,
 				disabled: e.isDisabled,
 				onClick: (t) => f(t, e),
-				children: [e.iconName && /* @__PURE__ */ u(W, {
+				children: [e.iconName && /* @__PURE__ */ l(G, {
 					iconName: e.iconName,
 					size: "1rem"
-				}), e.label && /* @__PURE__ */ u("span", { children: e.label })]
+				}), e.label && /* @__PURE__ */ l("span", { children: e.label })]
 			}, e.label ?? t))
 		})
 	}) });
 }
-var G = {
-	base: H`
+var K = {
+	base: U`
         display: flex;
         align-items: center;
         gap: .5rem;
     `,
-	button: H`
+	button: U`
         display: flex;
         align-items: center;
         gap: .4rem;
         min-height: 2.3rem;
         padding: .6rem .8rem;
         border-radius: 8px;
-        background-color: ${U.colors.back.secondary};
-        color: ${U.colors.fore.primary};
+        background-color: ${W.colors.back.secondary};
+        color: ${W.colors.fore.primary};
         letter-spacing: 1px;
         font-weight: 500;
         white-space: nowrap;
     `,
-	iconOnly: H`
+	iconOnly: U`
         width: 2.3rem;
         justify-content: center;
     `,
-	popup: H`
+	popup: U`
         display: grid;
         gap: .125rem;
         min-width: 10rem;
     `,
-	option: H`
+	option: U`
         display: flex;
         align-items: center;
         gap: .5rem;
         width: 100%;
         padding: .6rem .75rem;
         border-radius: 7px;
-        color: ${U.colors.fore.primary};
+        color: ${W.colors.fore.primary};
         font-weight: 500;
         text-align: left;
         white-space: nowrap;
@@ -1038,63 +1038,63 @@ var G = {
 };
 //#endregion
 //#region src/components/_text.jsx
-function gt({ as: e = "span", className: t, size: n = "normal", color: r = U.colors.fore.primary, children: i }) {
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u(e, {
-		className: V(_t.base, _t[n] ?? _t.normal, t),
+function mt({ as: e = "span", className: t, size: n = "normal", color: r = W.colors.fore.primary, children: i }) {
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l(e, {
+		className: H(ht.base, ht[n] ?? ht.normal, t),
 		style: { color: r },
 		children: i
 	}) });
 }
-var _t = {
-	base: H`
+var ht = {
+	base: U`
         font-weight: 500;
         letter-spacing: 1px;
     `,
-	normal: H`
+	normal: U`
         font-size: 1rem;
         line-height: 1.125rem;
     `,
-	small: H`
+	small: U`
         font-size: .75rem;
         line-height: 1rem;
     `,
-	tiny: H`
+	tiny: U`
         font-size: .65rem;
         line-height: 1rem;
     `
 };
 //#endregion
 //#region src/components/_app-wrapper.jsx
-function vt({ className: e, maxWidth: t = "67.5rem", logo: n, version: r, actions: i = [], children: a }) {
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ d("div", {
-		className: V(K.base, e),
+function gt({ className: e, maxWidth: t = "67.5rem", logo: n, version: r, actions: i = [], children: a }) {
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ u("div", {
+		className: H(_t.base, e),
 		children: [
-			/* @__PURE__ */ d("header", {
-				className: K.header,
-				children: [n && /* @__PURE__ */ u("a", {
+			/* @__PURE__ */ u("header", {
+				className: _t.header,
+				children: [n && /* @__PURE__ */ l("a", {
 					href: "/",
-					children: /* @__PURE__ */ u("img", {
-						className: K.logo,
+					children: /* @__PURE__ */ l("img", {
+						className: _t.logo,
 						src: n
 					})
-				}), i.length > 0 && /* @__PURE__ */ u(mt, { items: i })]
+				}), i.length > 0 && /* @__PURE__ */ l(ft, { items: i })]
 			}),
-			/* @__PURE__ */ u("div", {
-				className: K.inner,
+			/* @__PURE__ */ l("div", {
+				className: _t.inner,
 				style: { maxWidth: t },
 				children: a
 			}),
-			r && /* @__PURE__ */ u(l, { children: /* @__PURE__ */ d(gt, {
-				className: K.version,
+			r && /* @__PURE__ */ l(c, { children: /* @__PURE__ */ u(mt, {
+				className: _t.version,
 				size: "small",
-				color: U.colors.fore.secondary,
+				color: W.colors.fore.secondary,
 				children: ["v", r]
 			}) })
 		]
 	}) });
 }
-var K = {
-	base: H`
+var _t = {
+	base: U`
         // 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,
@@ -1102,7 +1102,7 @@ var K = {
         // 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.
-        ${U.extends.stretch}
+        ${W.extends.stretch}
         overflow-y: scroll;
         overflow-x: hidden;
         scroll-behavior: smooth;
@@ -1141,24 +1141,24 @@ var K = {
             auto,
             auto;
     `,
-	header: H`
+	header: U`
         display: flex;
         align-items: center;
         justify-content: space-between;
     `,
-	logo: H`
+	logo: U`
         display: block;
         pointer-events: auto;
         display: block;
         max-width: 8rem;
         max-height: 3rem;
     `,
-	inner: H`
+	inner: U`
         position: relative;
         padding: 4rem 0;
         margin: 0 auto;
     `,
-	version: H`
+	version: U`
         position: fixed;
         left: 2rem;
         bottom: 2rem;
@@ -1166,26 +1166,26 @@ var K = {
 };
 //#endregion
 //#region src/components/_toolbar.jsx
-function yt({ items: e = [], side: t = "left", width: n, maxHeight: r }) {
+function vt({ items: e = [], side: t = "left", width: n, maxHeight: r }) {
 	let a = i(null), o = t === "right" ? "rightSide" : "leftSide";
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ d("nav", {
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ u("nav", {
 		className: q.base,
 		style: { maxHeight: r },
-		children: [/* @__PURE__ */ u("div", {
+		children: [/* @__PURE__ */ l("div", {
 			className: q.buttons,
-			children: e.map((e, t) => /* @__PURE__ */ u(bt, {
+			children: e.map((e, t) => /* @__PURE__ */ l(yt, {
 				item: e,
 				isOpen: a.value === t,
 				onToggle: () => a.value = a.value === t ? null : t
 			}, e.iconName ?? t))
-		}), a.value != null && /* @__PURE__ */ u(xt, {
+		}), a.value != null && /* @__PURE__ */ l(bt, {
 			content: e[a.value]?.content ?? e[a.value]?.children,
 			side: o,
 			width: n
 		})]
 	}) });
 }
-function bt({ item: e, isOpen: t, onToggle: n }) {
+function yt({ item: e, isOpen: t, onToggle: n }) {
 	let r = (e.content ?? e.children) != null;
 	function i(t) {
 		if (!r) {
@@ -1194,33 +1194,33 @@ function bt({ item: e, isOpen: t, onToggle: n }) {
 		}
 		t.preventDefault(), n();
 	}
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u("div", {
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l("div", {
 		className: q.item,
-		children: /* @__PURE__ */ u("button", {
+		children: /* @__PURE__ */ l("button", {
 			type: "button",
-			className: V(q.button, t && q.active),
+			className: H(q.button, t && q.active),
 			disabled: e.isDisabled,
 			"is-clickable": !e.isDisabled || void 0,
 			"is-disabled": e.isDisabled || void 0,
 			onClick: i,
-			children: /* @__PURE__ */ u(W, {
+			children: /* @__PURE__ */ l(G, {
 				iconName: e.iconName,
 				size: "1.5rem"
 			})
 		})
 	}) });
 }
-function xt({ content: e, side: t, width: n }) {
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u("div", {
-		className: V(q.popup, t === "rightSide" ? q.right : q.left),
+function bt({ content: e, side: t, width: n }) {
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l("div", {
+		className: H(q.popup, t === "rightSide" ? q.right : q.left),
 		style: { width: n },
 		children: e
 	}) });
 }
 var q = {
-	base: H`
+	base: U`
         position: fixed;
-        z-index: ${U.zIndex.front};
+        z-index: ${W.zIndex.front};
         top: 40%;
         right: 0;
         display: flex;
@@ -1229,70 +1229,70 @@ var q = {
         padding: .5rem;
         border-right: 0;
         border-radius: 10px 0 0 10px;
-        background-color: ${U.colors.back.primary};
+        background-color: ${W.colors.back.primary};
         box-shadow: 0 6px 20px rgb(22 24 38 / 10%);
         transform: translateY(-50%);
     `,
-	buttons: H`
+	buttons: U`
         display: flex;
         flex-direction: column;
         gap: .5rem;
         max-height: inherit;
         overflow-y: auto;
     `,
-	item: H`
+	item: U`
         position: relative;
     `,
-	button: H`
+	button: U`
         display: grid;
         width: 2.75rem;
         height: 2.75rem;
         place-items: center;
         border-radius: 8px;
-        color: ${U.colors.fore.primary};
-        background-color: ${U.colors.back.secondary};
+        color: ${W.colors.fore.primary};
+        background-color: ${W.colors.back.secondary};
         transition: background-color .1s linear, color .1s linear;
     `,
-	active: H`
-        color: ${U.colors.fore.primary};
-        background-color: ${U.colors.primary};
+	active: U`
+        color: ${W.colors.fore.primary};
+        background-color: ${W.colors.primary};
     `,
-	popup: H`
+	popup: U`
         position: absolute;
-        z-index: ${U.zIndex.front + 1};
+        z-index: ${W.zIndex.front + 1};
         top: .5rem;
         min-width: 12rem;
         max-width: calc(100vw - 2rem);
         padding: 2rem 1.5rem;
         border: solid 1px #e5e7e9;
         border-radius: 10px;
-        color: ${U.colors.fore.primary};
-        background-color: ${U.colors.back.primary};
+        color: ${W.colors.fore.primary};
+        background-color: ${W.colors.back.primary};
         box-shadow: 0 6px 20px rgb(22 24 38 / 10%);
-        font-family: ${U.fontFamily}, sans-serif;
+        font-family: ${W.fontFamily}, sans-serif;
     `,
-	left: H`
+	left: U`
         right: calc(100% + .5rem);
     `,
-	right: H`
+	right: U`
         left: calc(100% + .5rem);
     `
-}, St = ({ type: e = "normal", width: t = "100%", value: n = 0 }) => /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u("div", {
-	className: Ct.base,
+}, xt = ({ type: e = "normal", width: t = "100%", value: n = 0 }) => /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l("div", {
+	className: St.base,
 	style: { width: t },
-	children: /* @__PURE__ */ u("div", {
-		className: V(Ct.value, Ct[e] ?? Ct.normal),
+	children: /* @__PURE__ */ l("div", {
+		className: H(St.value, St[e] ?? St.normal),
 		style: { width: `${n}%` }
 	})
-}) }), Ct = {
-	base: H`
+}) }), St = {
+	base: U`
         position: relative;
         border-radius: 16px;
         height: .625rem;
-        border: solid 1px ${U.colors.border};
-        background-color: ${U.colors.back.secondary};
+        border: solid 1px ${W.colors.border};
+        background-color: ${W.colors.back.secondary};
     `,
-	value: H`
+	value: U`
         position: absolute;
         top: -1px;
         bottom: -1px;
@@ -1301,24 +1301,24 @@ var q = {
         will-change: width;
         transition: width .3s ease;
     `,
-	normal: H`
-        border: solid 1px ${r(U.colors.primary, .3)};
-        background-color: ${U.colors.primary};
+	normal: U`
+        border: solid 1px ${n(W.colors.primary, .3)};
+        background-color: ${W.colors.primary};
     `,
-	warn: H`
-        border: solid 1px ${r(U.colors.secondary, .2)};
-        background-color: ${U.colors.secondary};
+	warn: U`
+        border: solid 1px ${n(W.colors.secondary, .2)};
+        background-color: ${W.colors.secondary};
     `,
-	danger: H`
-        border: solid 1px ${r(U.colors.danger, .3)};
-        background-color: ${U.colors.danger};
+	danger: U`
+        border: solid 1px ${n(W.colors.danger, .3)};
+        background-color: ${W.colors.danger};
     `
 };
 //#endregion
 //#region src/components/_box.jsx
-function wt({ className: e, type: t = "primary", width: n, height: r, children: i }) {
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u("div", {
-		className: V(Tt.base, Tt[t] ?? Tt.primary, e),
+function Ct({ className: e, type: t = "primary", width: n, height: r, children: i }) {
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l("div", {
+		className: H(wt.base, wt[t] ?? wt.primary, e),
 		style: {
 			width: n,
 			height: r
@@ -1326,8 +1326,8 @@ function wt({ className: e, type: t = "primary", width: n, height: r, children:
 		children: i
 	}) });
 }
-var Tt = {
-	base: H`
+var wt = {
+	base: U`
         position: relative;
         border: solid 1px #dce0e4;
         border-radius: 12px;
@@ -1335,30 +1335,30 @@ var Tt = {
         box-shadow: 0 1px 0 rgb(22 24 38 / .08),
             0 4px 10px rgb(22 24 38 / .045);
     `,
-	primary: H`
-        background-color: ${U.colors.back.primary};
+	primary: U`
+        background-color: ${W.colors.back.primary};
     `,
-	secondary: H`
+	secondary: U`
         background-color: #fafafa;
     `
 };
 //#endregion
 //#region src/components/_button.jsx
-function Et({ type: e = "primary", label: t, iconName: n, isDisabled: r = !1, isLoading: a = !1, onClick: o }) {
-	let s = n || a, c = i(null);
+function Tt({ type: e = "primary", label: t, iconName: n, isDisabled: r = !1, isLoading: a = !1, onClick: o }) {
+	let s = n || a, d = i(null);
 	function f(e) {
 		if (r || a) return;
 		e.stopPropagation(), e.preventDefault();
 		let t = e.currentTarget.getBoundingClientRect();
-		c.value = {
+		d.value = {
 			x: e.clientX - t.left,
 			y: e.clientY - t.top,
 			size: Math.max(t.width, t.height) * 2
 		}, o?.(e);
 	}
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ d("button", {
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ u("button", {
 		type: "button",
-		className: V(Ot.base, Ot[e] ?? Ot.normal),
+		className: H(Dt.base, Dt[e] ?? Dt.normal),
 		"has-icon": s,
 		"is-disabled": r || void 0,
 		"is-loading": a || void 0,
@@ -1366,32 +1366,32 @@ function Et({ type: e = "primary", label: t, iconName: n, isDisabled: r = !1, is
 		disabled: r || a,
 		onClick: f,
 		children: [
-			s && /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u("div", {
-				className: H`
-                    ${U.extends.verticalCenter}
+			s && /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l("div", {
+				className: U`
+                    ${W.extends.verticalCenter}
 
                     left: .6rem;
                 `,
-				children: a ? /* @__PURE__ */ u(W, {
+				children: a ? /* @__PURE__ */ l(G, {
 					iconName: "loader",
 					isSpinning: !0
-				}) : /* @__PURE__ */ u(W, { iconName: n })
+				}) : /* @__PURE__ */ l(G, { iconName: n })
 			}) }),
 			t,
-			c.value && /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u("span", {
-				className: Ot.ripple,
+			d.value && /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l("span", {
+				className: Dt.ripple,
 				style: {
-					left: c.value.x,
-					top: c.value.y,
-					width: c.value.size,
-					height: c.value.size
+					left: d.value.x,
+					top: d.value.y,
+					width: d.value.size,
+					height: d.value.size
 				},
-				onAnimationEnd: () => c.value = null
+				onAnimationEnd: () => d.value = null
 			}) })
 		]
 	}) });
 }
-var Dt = st`
+var Et = at`
     from {
         opacity: .4;
         transform: translate(-50%, -50%) scale(0);
@@ -1401,8 +1401,8 @@ var Dt = st`
         opacity: 0;
         transform: translate(-50%, -50%) scale(1);
     }
-`, Ot = {
-	base: H`
+`, Dt = {
+	base: U`
         font-size: .9rem;
         display: inline-block;
         position: relative;
@@ -1414,7 +1414,7 @@ var Dt = st`
         border-radius: 12px;
         will-change: transform, border;
         transition: transform .1s linear, border .1s linear;
-        font-family: ${U.fontFamily}, sans-serif;
+        font-family: ${W.fontFamily}, sans-serif;
 
         &:active {
             transform: translateY(2px);
@@ -1423,30 +1423,30 @@ var Dt = st`
 
         &[has-icon] { padding-left: 2rem; }
     `,
-	primary: H`
-        color: ${r(U.colors.primary, .5)};
-        border-bottom: solid 3px ${r(U.colors.primary, .25)};
-        background-color: ${U.colors.primary};
+	primary: U`
+        color: ${n(W.colors.primary, .5)};
+        border-bottom: solid 3px ${n(W.colors.primary, .25)};
+        background-color: ${W.colors.primary};
     `,
-	secondary: H`
-        color: ${r(U.colors.secondary, .5)};
-        border-bottom: solid 3px ${r(U.colors.secondary, .25)};
-        background-color: ${U.colors.secondary};
+	secondary: U`
+        color: ${n(W.colors.secondary, .5)};
+        border-bottom: solid 3px ${n(W.colors.secondary, .25)};
+        background-color: ${W.colors.secondary};
     `,
-	ripple: H`
+	ripple: U`
         position: absolute;
         z-index: 1;
         border-radius: 50%;
         pointer-events: none;
         background-color: currentColor;
-        animation: ${Dt} .5s ease-out forwards;
+        animation: ${Et} .5s ease-out forwards;
     `
 };
 //#endregion
 //#region src/components/_layout.jsx
-function kt({ className: e, height: t, direction: n = "row", justify: r, align: i, gap: a, children: o }) {
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u("div", {
-		className: V(At.base, e),
+function Ot({ className: e, height: t, direction: n = "row", justify: r, align: i, gap: a, children: o }) {
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l("div", {
+		className: H(kt.base, e),
 		style: {
 			height: t,
 			flexDirection: n,
@@ -1457,33 +1457,33 @@ function kt({ className: e, height: t, direction: n = "row", justify: r, align:
 		children: o
 	}) });
 }
-var At = { base: H`
+var kt = { base: U`
         display: flex;
     ` };
 //#endregion
 //#region src/components/_headline.jsx
-function jt({ as: e = "h2", className: t, size: n = "normal", color: r = U.colors.fore.primary, children: i }) {
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u(e, {
-		className: V(Mt.base, Mt[n] ?? Mt.normal, t),
+function At({ as: e = "h2", className: t, size: n = "normal", color: r = W.colors.fore.primary, children: i }) {
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l(e, {
+		className: H(jt.base, jt[n] ?? jt.normal, t),
 		style: { color: r },
 		children: i
 	}) });
 }
-var Mt = {
-	base: H`
+var jt = {
+	base: U`
         letter-spacing: 1px;
     `,
-	normal: H`
+	normal: U`
         font-weight: 500;
         font-size: 1rem;
         line-height: 1.2rem;
     `,
-	large: H`
+	large: U`
         font-weight: 600;
         font-size: 1.4rem;
         line-height: 1.2;
     `,
-	small: H`
+	small: U`
         font-weight: 500;
         font-size: .9rem;
         line-height: 1.2rem;
@@ -1491,68 +1491,68 @@ var Mt = {
 };
 //#endregion
 //#region src/components/_space.jsx
-function Nt({ size: e = 1 }) {
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u("div", { style: {
+function Mt({ size: e = 1 }) {
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l("div", { style: {
 		height: e > 0 ? `${e}rem` : 0,
 		marginTop: e < 0 ? `${e}rem` : 0
 	} }) });
 }
 //#endregion
 //#region src/components/_text-field.jsx
-function Pt({ label: e, placeholder: t, value: n, width: r, isDisabled: i, onChange: s }) {
-	let f = o(), [p, m] = c(n ?? "");
+function Nt({ label: e, placeholder: t, value: n, width: r, isDisabled: s, onChange: d }) {
+	let f = o(), p = i(n ?? "");
 	a(() => {
-		m(n ?? "");
+		p.value = n ?? "";
 	}, [n]);
-	function h({ target: e }) {
+	function m({ target: e }) {
 		let t = e.value;
-		m(t), s?.(t);
+		p.value = t, d?.(t);
 	}
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ u("div", {
 		className: J.base,
 		style: { width: r },
-		"is-disabled": i,
-		children: [e && /* @__PURE__ */ u("label", {
+		"is-disabled": s,
+		children: [e && /* @__PURE__ */ l("label", {
 			className: J.topLabel,
 			htmlFor: f,
 			children: e
-		}), /* @__PURE__ */ d("div", {
+		}), /* @__PURE__ */ u("div", {
 			className: J.field,
-			children: [!p && t && (e ? /* @__PURE__ */ u("span", {
+			children: [!p.value && t && (e ? /* @__PURE__ */ l("span", {
 				className: J.placeholder,
 				children: t
-			}) : /* @__PURE__ */ u("label", {
+			}) : /* @__PURE__ */ l("label", {
 				className: J.placeholder,
 				htmlFor: f,
 				children: t
-			})), /* @__PURE__ */ u("input", {
+			})), /* @__PURE__ */ l("input", {
 				id: f,
 				name: f,
 				className: J.input,
-				value: p,
-				disabled: i,
+				value: p.value,
+				disabled: s,
 				autocomplete: "off",
-				onInput: h
+				onInput: m
 			})]
 		})]
 	}) });
 }
 var J = {
-	base: H`
+	base: U`
         display: grid;
         gap: .5rem;
     `,
-	topLabel: H`
-        color: ${U.colors.fore.secondary};
+	topLabel: U`
+        color: ${W.colors.fore.secondary};
         font-size: .75rem;
         font-weight: 500;
         letter-spacing: 1px;
-        font-family: ${U.fontFamily}, sans-serif;
+        font-family: ${W.fontFamily}, sans-serif;
     `,
-	field: H`
+	field: U`
         position: relative;
     `,
-	placeholder: H`
+	placeholder: U`
         font-size: .875rem;
         font-weight: 500;
         opacity: .5;
@@ -1561,10 +1561,10 @@ var J = {
         top: .75rem;
         pointer-events: none;
         letter-spacing: 1px;
-        font-family: ${U.fontFamily}, sans-serif;
-        color: ${U.colors.fore.primary};
+        font-family: ${W.fontFamily}, sans-serif;
+        color: ${W.colors.fore.primary};
     `,
-	input: H`
+	input: U`
         font-size: .875rem;
         font-weight: 500;
         color: rgb(58, 58, 58);
@@ -1575,21 +1575,21 @@ var J = {
         width: 100%;
         border-radius: 8px;
         letter-spacing: 1px;
-        font-family: ${U.fontFamily}, sans-serif;
-        color: ${U.colors.fore.primary};
-        background-color: ${U.colors.back.secondary};
+        font-family: ${W.fontFamily}, sans-serif;
+        color: ${W.colors.fore.primary};
+        background-color: ${W.colors.back.secondary};
     `
 };
 //#endregion
 //#region src/components/_dropdown.jsx
-function Ft({ items: e = [], value: t, width: n, isDisabled: r = !1, onChange: o }) {
-	let c = s(null), f = s(null), p = i(t ?? e[0]?.value ?? ""), m = i(!1), h = e[e.findIndex((e) => e.value === p.value)] ?? e[0], g = r || e.length === 0;
+function Pt({ items: e = [], value: t, width: n, isDisabled: r = !1, onChange: o }) {
+	let d = s(null), f = s(null), p = i(t ?? e[0]?.value ?? ""), m = i(!1), h = e[e.findIndex((e) => e.value === p.value)] ?? e[0], g = r || e.length === 0;
 	a(() => {
 		t !== void 0 && (p.value = t);
 	}, [t]), a(() => {
 		if (!m.value) return;
 		function e({ target: e }) {
-			c.current?.contains(e) || (m.value = !1);
+			d.current?.contains(e) || (m.value = !1);
 		}
 		return document.addEventListener("pointerdown", e), () => {
 			document.removeEventListener("pointerdown", e);
@@ -1608,7 +1608,7 @@ function Ft({ items: e = [], value: t, width: n, isDisabled: r = !1, onChange: o
 	function y(e) {
 		p.value = e.value, m.value = !1, f.current?.focus(), o?.(e.value, e);
 	}
-	let b = /* @__PURE__ */ d("button", {
+	let b = /* @__PURE__ */ u("button", {
 		ref: f,
 		type: "button",
 		className: Y.trigger,
@@ -1616,34 +1616,34 @@ function Ft({ items: e = [], value: t, width: n, isDisabled: r = !1, onChange: o
 		disabled: g,
 		onClick: v,
 		children: [
-			/* @__PURE__ */ u("span", {
+			/* @__PURE__ */ l("span", {
 				className: Y.sizer,
-				children: e.map((e) => /* @__PURE__ */ u("span", {
+				children: e.map((e) => /* @__PURE__ */ l("span", {
 					className: Y.sizerValue,
 					children: e.label
 				}, e.value))
 			}),
-			/* @__PURE__ */ u("span", {
+			/* @__PURE__ */ l("span", {
 				className: Y.label,
 				children: h?.label
 			}),
-			/* @__PURE__ */ u(W, {
-				className: V(Y.icon, m.value && Y.iconOpen),
+			/* @__PURE__ */ l(G, {
+				className: H(Y.icon, m.value && Y.iconOpen),
 				iconName: "down",
 				size: "1rem"
 			})
 		]
 	});
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u("div", {
-		ref: c,
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l("div", {
+		ref: d,
 		className: Y.base,
 		"is-disabled": g || void 0,
-		children: /* @__PURE__ */ u(ft, {
+		children: /* @__PURE__ */ l(ut, {
 			className: Y.popup,
 			trigger: b,
 			isOpen: m.value,
 			origin: "left",
-			children: e.map((e) => /* @__PURE__ */ u("button", {
+			children: e.map((e) => /* @__PURE__ */ l("button", {
 				type: "button",
 				className: Y.option,
 				"is-selected": e.value === p.value || void 0,
@@ -1654,10 +1654,10 @@ function Ft({ items: e = [], value: t, width: n, isDisabled: r = !1, onChange: o
 	}) });
 }
 var Y = {
-	base: H`
+	base: U`
         display: inline-block;
     `,
-	trigger: H`
+	trigger: U`
         display: inline-grid;
         position: relative;
         align-items: center;
@@ -1670,47 +1670,47 @@ var Y = {
         font-size: .875rem;
         font-weight: 500;
         letter-spacing: 1px;
-        color: ${U.colors.fore.primary};
-        background-color: ${U.colors.back.secondary};
-        font-family: ${U.fontFamily}, sans-serif;
+        color: ${W.colors.fore.primary};
+        background-color: ${W.colors.back.secondary};
+        font-family: ${W.fontFamily}, sans-serif;
 
         &:focus-visible {
-            box-shadow: 0 0 0 2px ${U.colors.primary};
+            box-shadow: 0 0 0 2px ${W.colors.primary};
         }
 
         &:disabled { cursor: default; }
     `,
-	sizer: H`
+	sizer: U`
         display: inline-grid;
         visibility: hidden;
         grid-area: 1 / 1;
     `,
-	sizerValue: H`
+	sizerValue: U`
         grid-area: 1 / 1;
         white-space: nowrap;
     `,
-	label: H`
+	label: U`
         grid-area: 1 / 1;
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
     `,
-	icon: H`
-        ${U.extends.verticalCenter}
+	icon: U`
+        ${W.extends.verticalCenter}
 
         right: .75rem;
         pointer-events: none;
     `,
-	iconOpen: H`
+	iconOpen: U`
         transform: translateY(-50%) rotate(180deg);
     `,
-	popup: H`
+	popup: U`
         display: grid;
         gap: .125rem;
         min-width: 0;
         padding: .25rem;
     `,
-	option: H`
+	option: U`
         width: 100%;
         padding: .6rem .75rem;
         border-radius: 7px;
@@ -1718,19 +1718,19 @@ var Y = {
         text-align: left;
         white-space: nowrap;
         font-size: .825rem;
-        color: ${U.colors.fore.primary};
-        font-family: ${U.fontFamily}, sans-serif;
+        color: ${W.colors.fore.primary};
+        font-family: ${W.fontFamily}, sans-serif;
 
         &:hover,
         &:focus-visible,
         &[is-selected] {
-            background-color: ${U.colors.back.secondary};
+            background-color: ${W.colors.back.secondary};
         }
     `
 };
 //#endregion
 //#region src/components/_slider.jsx
-function It({ label: e, items: t = [], value: n, isDisabled: r = !1, onSlide: s, onChange: c }) {
+function Ft({ label: e, items: t = [], value: n, isDisabled: r = !1, onSlide: s, onChange: d }) {
 	let f = o(), p = i(n ?? t[0]?.value), m = Math.max(t.findIndex((e) => e.value === p.value), 0);
 	t[m];
 	let h = r || t.length < 2;
@@ -1746,20 +1746,20 @@ function It({ label: e, items: t = [], value: n, isDisabled: r = !1, onSlide: s,
 	}
 	function v(e) {
 		let t = g(e);
-		t && c?.(t.value, t);
+		t && d?.(t.value, t);
 	}
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ d("div", {
-		className: Lt.base,
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ u("div", {
+		className: It.base,
 		children: [
-			e && /* @__PURE__ */ u("label", {
-				className: Lt.label,
+			e && /* @__PURE__ */ l("label", {
+				className: It.label,
 				htmlFor: f,
 				children: e
 			}),
-			/* @__PURE__ */ u("input", {
+			/* @__PURE__ */ l("input", {
 				id: f,
 				type: "range",
-				className: Lt.input,
+				className: It.input,
 				min: "0",
 				max: Math.max(t.length - 1, 0),
 				step: "1",
@@ -1768,27 +1768,27 @@ function It({ label: e, items: t = [], value: n, isDisabled: r = !1, onSlide: s,
 				onInput: _,
 				onChange: v
 			}),
-			/* @__PURE__ */ u("div", {
-				className: Lt.items,
-				children: t.map((e) => /* @__PURE__ */ u("span", { children: e.label }, e.value))
+			/* @__PURE__ */ l("div", {
+				className: It.items,
+				children: t.map((e) => /* @__PURE__ */ l("span", { children: e.label }, e.value))
 			})
 		]
 	}) });
 }
-var Lt = {
-	base: H`
+var It = {
+	base: U`
         display: grid;
         gap: .5rem;
         width: 100%;
-        font-family: ${U.fontFamily}, sans-serif;
+        font-family: ${W.fontFamily}, sans-serif;
     `,
-	label: H`
-        color: ${U.colors.fore.secondary};
+	label: U`
+        color: ${W.colors.fore.secondary};
         font-size: .75rem;
         font-weight: 500;
         letter-spacing: 1px;
     `,
-	input: H`
+	input: U`
         appearance: none;
         width: 100%;
         height: 1.25rem;
@@ -1799,7 +1799,7 @@ var Lt = {
         &::-webkit-slider-runnable-track {
             height: .25rem;
             border-radius: 1rem;
-            background-color: ${U.colors.back.secondary};
+            background-color: ${W.colors.back.secondary};
         }
 
         &::-webkit-slider-thumb {
@@ -1807,48 +1807,48 @@ var Lt = {
             width: 1rem;
             height: 1rem;
             margin-top: -.375rem;
-            border: solid 2px ${U.colors.back.primary};
+            border: solid 2px ${W.colors.back.primary};
             border-radius: 50%;
-            border: solid 1px ${r(U.colors.primary, .3)};
-            background-color: ${U.colors.primary};
+            border: solid 1px ${n(W.colors.primary, .3)};
+            background-color: ${W.colors.primary};
         }
 
         &:disabled::-webkit-slider-thumb {
-            border-color: ${U.colors.border};
-            background-color: ${U.colors.border};
+            border-color: ${W.colors.border};
+            background-color: ${W.colors.border};
         }
 
         &::-moz-range-track {
             height: .25rem;
             border-radius: 1rem;
-            background-color: ${U.colors.back.secondary};
+            background-color: ${W.colors.back.secondary};
         }
 
         &::-moz-range-thumb {
             width: .75rem;
             height: .75rem;
-            border: solid 2px ${U.colors.back.primary};
+            border: solid 2px ${W.colors.back.primary};
             border-radius: 50%;
-            background-color: ${U.colors.primary};
+            background-color: ${W.colors.primary};
         }
 
         &:disabled::-moz-range-thumb {
-            border-color: ${U.colors.border};
-            background-color: ${U.colors.border};
+            border-color: ${W.colors.border};
+            background-color: ${W.colors.border};
         }
 
         &:focus-visible {
-            outline: solid 2px ${U.colors.primary};
+            outline: solid 2px ${W.colors.primary};
             outline-offset: .25rem;
             border-radius: 1rem;
         }
 
         &:disabled { cursor: default; }
     `,
-	items: H`
+	items: U`
         display: flex;
         justify-content: space-between;
-        color: ${U.colors.fore.secondary};
+        color: ${W.colors.fore.secondary};
         font-size: .65rem;
         font-weight: 500;
         letter-spacing: .6px;
@@ -1856,49 +1856,49 @@ var Lt = {
 };
 //#endregion
 //#region src/components/_option-group.jsx
-function Rt({ label: e, items: t = [], value: n, width: r, isDisabled: i = !1, onChange: s }) {
-	let f = o(), p = `${f}-label`, [m, h] = c(n);
+function Lt({ label: e, items: t = [], value: n, width: r, isDisabled: s = !1, onChange: d }) {
+	let f = o(), p = `${f}-label`, m = i(n);
 	a(() => {
-		n !== void 0 && h(n);
+		n !== void 0 && (m.value = n);
 	}, [n]);
-	function g(e) {
-		let t = m === e.value ? void 0 : e.value;
-		h(t), s?.(t, t === void 0 ? void 0 : e);
+	function h(e) {
+		let t = m.value === e.value ? void 0 : e.value;
+		m.value = t, d?.(t, t === void 0 ? void 0 : e);
 	}
-	function _(e, t) {
-		e.preventDefault(), g(t);
+	function g(e, t) {
+		e.preventDefault(), h(t);
 	}
-	function v(e, t) {
-		e.key === " " && m === t.value && (e.preventDefault(), g(t));
+	function _(e, t) {
+		e.key === " " && m.value === t.value && (e.preventDefault(), h(t));
 	}
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ u("div", {
 		className: X.base,
 		style: { width: r },
-		children: [e && /* @__PURE__ */ u("span", {
+		children: [e && /* @__PURE__ */ l("span", {
 			id: p,
 			className: X.groupLabel,
 			children: e
-		}), /* @__PURE__ */ u("div", {
+		}), /* @__PURE__ */ l("div", {
 			className: X.options,
 			role: "radiogroup",
 			"aria-labelledby": e ? p : void 0,
 			children: t.map((e, t) => {
-				let n = `${f}-${t}`, r = i || e.isDisabled;
-				return /* @__PURE__ */ d("div", {
+				let n = `${f}-${t}`, r = s || e.isDisabled;
+				return /* @__PURE__ */ u("div", {
 					className: X.option,
-					children: [/* @__PURE__ */ u("input", {
+					children: [/* @__PURE__ */ l("input", {
 						id: n,
 						type: "radio",
 						name: f,
 						className: X.input,
-						checked: e.value === m,
+						checked: e.value === m.value,
 						disabled: r,
-						onChange: () => g(e),
-						onKeyDown: (t) => v(t, e)
-					}), /* @__PURE__ */ u("label", {
+						onChange: () => h(e),
+						onKeyDown: (t) => _(t, e)
+					}), /* @__PURE__ */ l("label", {
 						className: X.optionLabel,
 						htmlFor: n,
-						onClick: (t) => _(t, e),
+						onClick: (t) => g(t, e),
 						children: e.label
 					})]
 				}, e.value);
@@ -1907,25 +1907,25 @@ function Rt({ label: e, items: t = [], value: n, width: r, isDisabled: i = !1, o
 	}) });
 }
 var X = {
-	base: H`
+	base: U`
         display: grid;
         gap: .5rem;
         width: 100%;
-        font-family: ${U.fontFamily}, sans-serif;
+        font-family: ${W.fontFamily}, sans-serif;
     `,
-	groupLabel: H`
-        color: ${U.colors.fore.secondary};
+	groupLabel: U`
+        color: ${W.colors.fore.secondary};
         font-size: .75rem;
         font-weight: 500;
         letter-spacing: 1px;
     `,
-	options: H`
+	options: U`
         display: flex;
         overflow: hidden;
         border-radius: 8px;
-        background-color: ${U.colors.back.secondary};
+        background-color: ${W.colors.back.secondary};
     `,
-	input: H`
+	input: U`
         position: absolute;
         width: 1px;
         height: 1px;
@@ -1935,12 +1935,12 @@ var X = {
         white-space: nowrap;
 
         &:checked + label {
-            color: ${U.colors.fore.primary};
-            background-color: ${U.colors.primary};
+            color: ${W.colors.fore.primary};
+            background-color: ${W.colors.primary};
         }
 
         &:focus-visible + label {
-            box-shadow: inset 0 0 0 2px ${U.colors.fore.primary};
+            box-shadow: inset 0 0 0 2px ${W.colors.fore.primary};
         }
 
         &:disabled + label {
@@ -1948,18 +1948,18 @@ var X = {
             opacity: .5;
         }
     `,
-	option: H`
+	option: U`
         display: grid;
         flex: 1;
         min-width: 0;
     `,
-	optionLabel: H`
+	optionLabel: U`
         display: grid;
         min-height: 2.5rem;
         padding: .5rem .75rem;
         place-items: center;
         cursor: pointer;
-        color: ${U.colors.fore.secondary};
+        color: ${W.colors.fore.secondary};
         font-size: .75rem;
         font-weight: 500;
         letter-spacing: 1px;
@@ -1969,45 +1969,45 @@ var X = {
 };
 //#endregion
 //#region src/components/_checkbox.jsx
-function zt({ label: e, isChecked: t = !1, isDisabled: n = !1, onChange: r }) {
-	let s = o(), c = i(t);
+function Rt({ label: e, isChecked: t = !1, isDisabled: n = !1, onChange: r }) {
+	let s = o(), d = i(t);
 	a(() => {
-		c.value = t;
+		d.value = t;
 	}, [t]);
 	function f() {
-		let e = !c.value;
-		c.value = e, r?.(e);
+		let e = !d.value;
+		d.value = e, r?.(e);
 	}
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ d("div", {
-		className: Bt.base,
-		children: [/* @__PURE__ */ u("input", {
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ u("div", {
+		className: zt.base,
+		children: [/* @__PURE__ */ l("input", {
 			id: s,
 			type: "checkbox",
-			className: Bt.input,
-			checked: c.value,
+			className: zt.input,
+			checked: d.value,
 			disabled: n,
 			onChange: f
-		}), /* @__PURE__ */ d("label", {
-			className: Bt.label,
+		}), /* @__PURE__ */ u("label", {
+			className: zt.label,
 			htmlFor: s,
-			children: [/* @__PURE__ */ u("span", {
-				className: Bt.indicator,
-				children: /* @__PURE__ */ u(W, {
-					className: Bt.icon,
+			children: [/* @__PURE__ */ l("span", {
+				className: zt.indicator,
+				children: /* @__PURE__ */ l(G, {
+					className: zt.icon,
 					iconName: "check",
 					size: ".75rem"
 				})
-			}), e && /* @__PURE__ */ u("span", { children: e })]
+			}), e && /* @__PURE__ */ l("span", { children: e })]
 		})]
 	}) });
 }
-var Bt = {
-	base: H`
+var zt = {
+	base: U`
         position: relative;
         display: inline-block;
-        font-family: ${U.fontFamily}, sans-serif;
+        font-family: ${W.fontFamily}, sans-serif;
     `,
-	input: H`
+	input: U`
         position: absolute;
         width: 1px;
         height: 1px;
@@ -2017,14 +2017,14 @@ var Bt = {
         white-space: nowrap;
 
         &:checked + label > span:first-child {
-            border-color: ${U.colors.primary};
-            background-color: ${U.colors.primary};
+            border-color: ${W.colors.primary};
+            background-color: ${W.colors.primary};
         }
 
         &:checked + label svg { opacity: 1; }
 
         &:focus-visible + label > span:first-child {
-            box-shadow: 0 0 0 2px ${U.colors.primary};
+            box-shadow: 0 0 0 2px ${W.colors.primary};
         }
 
         &:disabled + label {
@@ -2032,95 +2032,95 @@ var Bt = {
             opacity: .5;
         }
     `,
-	label: H`
+	label: U`
         display: inline-flex;
         gap: .5rem;
         align-items: center;
         cursor: pointer;
         user-select: none;
-        color: ${U.colors.fore.secondary};
+        color: ${W.colors.fore.secondary};
         font-size: .75rem;
         font-weight: 500;
         letter-spacing: 1px;
     `,
-	indicator: H`
+	indicator: U`
         display: grid;
         place-items: center;
         box-sizing: border-box;
         width: 1rem;
         height: 1rem;
-        border: solid 1px ${U.colors.border};
+        border: solid 1px ${W.colors.border};
         border-radius: 4px;
-        background-color: ${U.colors.back.primary};
+        background-color: ${W.colors.back.primary};
         transition: background-color .15s ease, border-color .15s ease;
     `,
-	icon: H`
+	icon: U`
         opacity: 0;
-        color: ${U.colors.fore.primary};
+        color: ${W.colors.fore.primary};
         transition: opacity .15s ease;
     `
-}, Vt = 28, Ht = 3, Ut = 11;
-function Wt({ label: e, isChecked: t, isDisabled: n, onChange: r }) {
-	let s = o(), c = i(t);
-	a(() => c.value = t, [t]);
+}, Bt = 28, Vt = 3, Ht = 11;
+function Ut({ label: e, isChecked: t, isDisabled: n, onChange: r }) {
+	let s = o(), d = i(t);
+	a(() => d.value = t, [t]);
 	function f() {
-		let e = !c.value;
-		c.value = e, r?.(e);
+		let e = !d.value;
+		d.value = e, r?.(e);
 	}
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ d("div", {
-		className: Gt.base,
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ u("div", {
+		className: Wt.base,
 		children: [
-			/* @__PURE__ */ u("label", {
-				className: Gt.label,
+			/* @__PURE__ */ l("label", {
+				className: Wt.label,
 				htmlFor: s,
 				"is-disabled": n,
 				children: e
 			}),
-			/* @__PURE__ */ u("input", {
+			/* @__PURE__ */ l("input", {
 				id: s,
 				type: "checkbox",
-				className: Gt.checkbox,
-				checked: c.value,
+				className: Wt.checkbox,
+				checked: d.value,
 				disabled: n,
 				onChange: f
 			}),
-			/* @__PURE__ */ u("label", {
-				className: Gt.value,
+			/* @__PURE__ */ l("label", {
+				className: Wt.value,
 				htmlFor: s,
 				"is-disabled": n
 			})
 		]
 	}) });
 }
-var Gt = {
-	base: H`
+var Wt = {
+	base: U`
         position: relative;
         display: flex;
         gap: .5rem;
     `,
-	label: H`
+	label: U`
         display: inline-block;
         font-size: .75rem;
         line-height: 1.2rem;
         cursor: pointer;
         user-select: none;
         font-weight: 500;
-        font-family: ${U.fontFamily}, sans-serif;
-        color: ${U.colors.fore.secondary};
+        font-family: ${W.fontFamily}, sans-serif;
+        color: ${W.colors.fore.secondary};
     `,
-	checkbox: H`
+	checkbox: U`
         display: none;
 
         &:checked ~ label {
             background-color: #e1e1e1;
 
             &:before {
-                right: ${Ht}px;
+                right: ${Vt}px;
                 background-color: #3a3a3a;
             }
         }
     `,
-	value: H`
+	value: U`
         display: inline-block;
         position: relative;
         height: 1.1rem;
@@ -2128,8 +2128,8 @@ var Gt = {
         cursor: pointer;
         user-select: none;
         transition: background .3s ease;
-        width: ${Vt}px;
-        background-color: ${U.colors.back.secondary};
+        width: ${Bt}px;
+        background-color: ${W.colors.back.secondary};
 
         &:before {
             background-color: #e1e1e1;
@@ -2138,30 +2138,30 @@ var Gt = {
             position: absolute;
             transition: background .3s ease, right .3s ease;
             border-radius: 50%;
-            top: ${Ht}px;
+            top: ${Vt}px;
             right: ${14}px;
-            width: ${Ut}px;
-            height: ${Ut}px;
+            width: ${Ht}px;
+            height: ${Ht}px;
         }
     `
 };
 //#endregion
 //#region src/components/_tag.jsx
-function Kt({ className: e, variant: t = "normal", iconName: r = "", label: i }) {
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ d("div", {
-		className: V(qt.base, qt[t] ?? qt.normal, e),
-		"has-icon": !n(r),
-		children: [r && /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u(W, {
-			className: H`
-                        ${U.extends.verticalCenter}
+function Gt({ className: e, variant: t = "normal", iconName: n = "", label: i }) {
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ u("div", {
+		className: H(Kt.base, Kt[t] ?? Kt.normal, e),
+		"has-icon": !r(n),
+		children: [n && /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l(G, {
+			className: U`
+                        ${W.extends.verticalCenter}
                         left: .3rem;
                     `,
-			iconName: r,
+			iconName: n,
 			size: ".9rem"
 		}) }), i]
 	}) });
 }
-var qt = { base: H`
+var Kt = { base: U`
         position: relative;
         display: inline-block;
         padding: .3rem .5rem;
@@ -2169,49 +2169,49 @@ var qt = { base: H`
         white-space: pre-wrap;
         font-size: .7rem;
         font-weight: 600;
-        border: solid 1px ${U.colors.border};
-        background-color: ${U.colors.back.secondary};
-        color: ${U.colors.fore.primary};
+        border: solid 1px ${W.colors.border};
+        background-color: ${W.colors.back.secondary};
+        color: ${W.colors.fore.primary};
 
         &[has-icon="true"] { padding-left: 1.5rem; }
     ` };
 //#endregion
 //#region src/components/_icon-button.jsx
-function Jt({ iconName: e, color: t, ariaLabel: n, isDisabled: r, onClick: i }) {
+function qt({ iconName: e, color: t, ariaLabel: n, isDisabled: r, onClick: i }) {
 	function a(e) {
 		r || (e.stopPropagation(), e.preventDefault(), i?.(e));
 	}
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u("button", {
-		className: Yt.base,
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l("button", {
+		className: Jt.base,
 		"is-disabled": r || void 0,
 		"is-clickable": !!i || void 0,
 		"aria-label": n,
 		disabled: r,
 		onClick: a,
-		children: /* @__PURE__ */ u(W, {
+		children: /* @__PURE__ */ l(G, {
 			color: t,
-			className: H`${U.extends.centrate}`,
+			className: U`${W.extends.centrate}`,
 			iconName: e,
 			isDisabled: r
 		})
 	}) });
 }
-var Yt = { base: H`
+var Jt = { base: U`
         position: relative;
         width: 2.25rem;
         height: 2.25rem;
         border-radius: 8px;
-        background-color: ${U.colors.back.secondary};
+        background-color: ${W.colors.back.secondary};
     ` };
 //#endregion
 //#region src/components/_counter.jsx
-function Xt({ value: e }) {
-	return e == null ? /* @__PURE__ */ u(l, {}) : /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u("span", {
-		className: Zt.base,
+function Yt({ value: e }) {
+	return e == null ? /* @__PURE__ */ l(c, {}) : /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l("span", {
+		className: Xt.base,
 		children: e
 	}) });
 }
-var Zt = { base: H`
+var Xt = { base: U`
         display: inline-flex;
         align-items: center;
         justify-content: center;
@@ -2219,7 +2219,7 @@ var Zt = { base: H`
         height: 1.2rem;
         padding: 0 .2rem;
         border-radius: 50%;
-        color: ${U.colors.fore.primary};
+        color: ${W.colors.fore.primary};
         background-color: #e1e1e1;
         font-size: .7rem;
         font-weight: 700;
@@ -2227,31 +2227,31 @@ var Zt = { base: H`
     ` };
 //#endregion
 //#region src/components/_tab-box.jsx
-function Qt({ className: e, width: t, height: n, initialIndex: r = 0, items: a = [], onChange: o }) {
-	let s = Math.max(a.length - 1, 0), c = i(Math.min(Math.max(r, 0), s)), f = Math.min(c.value, s);
+function Zt({ className: e, width: t, height: n, initialIndex: r = 0, items: a = [], onChange: o }) {
+	let s = Math.max(a.length - 1, 0), d = i(Math.min(Math.max(r, 0), s)), f = Math.min(d.value, s);
 	function p(e) {
-		e !== f && (c.value = e, o?.(e, a[e]));
+		e !== f && (d.value = e, o?.(e, a[e]));
 	}
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ d("div", {
-		className: V(Z.base, e),
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ u("div", {
+		className: H(Z.base, e),
 		style: { width: t },
-		children: [/* @__PURE__ */ u(wt, {
+		children: [/* @__PURE__ */ l(Ct, {
 			className: Z.box,
 			height: n,
-			children: /* @__PURE__ */ u("div", {
+			children: /* @__PURE__ */ l("div", {
 				className: Z.track,
 				style: { transform: `translateX(-${f * 100}%)` },
-				children: a.map((e, t) => /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u("div", {
+				children: a.map((e, t) => /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l("div", {
 					className: Z.panel,
 					inert: t !== f || void 0,
 					children: e.content
 				}, e.id ?? t) }))
 			})
-		}), a.length > 0 && /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u("div", {
+		}), a.length > 0 && /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l("div", {
 			className: Z.tabs,
 			children: a.map((e, t) => {
 				let n = t === f, r = e.counter ?? e.notification;
-				return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ d("button", {
+				return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ u("button", {
 					className: Z.tab,
 					style: e.width == null ? void 0 : {
 						flex: `0 0 ${e.width}`,
@@ -2261,12 +2261,12 @@ function Qt({ className: e, width: t, height: n, initialIndex: r = 0, items: a =
 					"is-active": n || void 0,
 					onClick: () => p(t),
 					children: [
-						e.iconName && /* @__PURE__ */ u(W, {
+						e.iconName && /* @__PURE__ */ l(G, {
 							iconName: e.iconName,
 							size: "1rem"
 						}),
-						e.label && /* @__PURE__ */ u("span", { children: e.label }),
-						/* @__PURE__ */ u(Xt, { value: r })
+						e.label && /* @__PURE__ */ l("span", { children: e.label }),
+						/* @__PURE__ */ l(Yt, { value: r })
 					]
 				}, e.id ?? t) });
 			})
@@ -2274,17 +2274,17 @@ function Qt({ className: e, width: t, height: n, initialIndex: r = 0, items: a =
 	}) });
 }
 var Z = {
-	base: H`
+	base: U`
         position: relative;
         max-width: 100%;
     `,
-	box: H`
-        z-index: ${U.zIndex.front};
+	box: U`
+        z-index: ${W.zIndex.front};
         width: 100%;
         padding: 0;
         overflow: hidden;
     `,
-	track: H`
+	track: U`
         display: flex;
         width: 100%;
         min-height: 100%;
@@ -2293,12 +2293,12 @@ var Z = {
 
         @media (prefers-reduced-motion: reduce) { transition: none; }
     `,
-	panel: H`
+	panel: U`
         flex: 0 0 100%;
         min-width: 0;
         padding: 1.875rem 1.25rem;
     `,
-	tabs: H`
+	tabs: U`
         display: flex;
         position: relative;
         margin-top: -1rem;
@@ -2306,9 +2306,9 @@ var Z = {
         border: solid 2px #eee;
         border-top: 0;
         border-radius: 0 0 18px 18px;
-        background-color: ${U.colors.back.secondary};
+        background-color: ${W.colors.back.secondary};
     `,
-	tab: H`
+	tab: U`
         display: flex;
         flex: 1 1 0;
         align-items: center;
@@ -2321,63 +2321,63 @@ var Z = {
         font-size: .8rem;
         font-weight: 600;
         transition: color .2s ease, background-color .2s ease;
-        color: ${U.colors.fore.secondary};
-        font-family: ${U.fontFamily}, sans-serif;
+        color: ${W.colors.fore.secondary};
+        font-family: ${W.fontFamily}, sans-serif;
 
         & + & { border-left: solid 1px #e5e7e9; }
 
         &[is-active] {
-            color: ${U.colors.fore.primary};
-            background-color: ${U.colors.back.primary};
+            color: ${W.colors.fore.primary};
+            background-color: ${W.colors.back.primary};
         }
     `
 };
 //#endregion
 //#region src/components/_tab-container.jsx
-function $t({ className: e, initialIndex: t = 0, isTabsFullWidth: n = !0, items: r = [], onChange: a, width: o }) {
-	let s = Math.max(r.length - 1, 0), c = i(Math.min(Math.max(t, 0), s)), f = Math.min(c.value, s), p = r[f];
+function Qt({ className: e, initialIndex: t = 0, isTabsFullWidth: n = !0, items: r = [], onChange: a, width: o }) {
+	let s = Math.max(r.length - 1, 0), d = i(Math.min(Math.max(t, 0), s)), f = Math.min(d.value, s), p = r[f];
 	function m(e) {
-		e !== f && (c.value = e, a?.(e, r[e]));
+		e !== f && (d.value = e, a?.(e, r[e]));
 	}
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u("div", {
-		className: V(Q.base, e),
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l("div", {
+		className: H(Q.base, e),
 		style: { width: o },
-		children: r.length > 0 && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", {
-			className: V(Q.tabs, !n && Q.tabsCompact),
+		children: r.length > 0 && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("div", {
+			className: H(Q.tabs, !n && Q.tabsCompact),
 			children: r.map((e, t) => {
 				let r = t === f, i = e.counter ?? e.notification;
-				return /* @__PURE__ */ d("button", {
-					className: V(Q.tab, !n && Q.tabCompact),
+				return /* @__PURE__ */ u("button", {
+					className: H(Q.tab, !n && Q.tabCompact),
 					type: "button",
 					"is-active": r || void 0,
 					onClick: () => m(t),
-					children: [e.label, /* @__PURE__ */ u(Xt, { value: i })]
+					children: [e.label, /* @__PURE__ */ l(Yt, { value: i })]
 				}, e.id ?? t);
 			})
-		}), /* @__PURE__ */ u("div", {
+		}), /* @__PURE__ */ l("div", {
 			className: Q.panel,
 			children: p?.content
 		})] })
 	}) });
 }
 var Q = {
-	base: H`
+	base: U`
         position: relative;
         width: 100%;
         max-width: 100%;
     `,
-	tabs: H`
+	tabs: U`
         display: flex;
         gap: .25rem;
         padding: .25rem;
         border-radius: 12px;
-        background-color: ${U.colors.back.secondary};
+        background-color: ${W.colors.back.secondary};
     `,
-	tabsCompact: H`
+	tabsCompact: U`
         display: inline-flex;
         max-width: 100%;
     `,
-	tab: H`
+	tab: U`
         display: flex;
         flex: 1 1 0;
         align-items: center;
@@ -2387,108 +2387,123 @@ var Q = {
         min-height: 2.5rem;
         padding: .5rem .75rem;
         border-radius: 9px;
-        color: ${U.colors.fore.secondary};
+        color: ${W.colors.fore.secondary};
         cursor: pointer;
-        font-family: ${U.fontFamily}, sans-serif;
+        font-family: ${W.fontFamily}, sans-serif;
         font-size: .8rem;
         font-weight: 600;
         transition: color .2s ease, background-color .2s ease;
 
         &[is-active] {
-            color: ${U.colors.fore.primary};
-            background-color: ${U.colors.back.primary};
+            color: ${W.colors.fore.primary};
+            background-color: ${W.colors.back.primary};
             box-shadow: 0 2px 8px rgb(22 24 38 / 7%);
         }
     `,
-	tabCompact: H`
+	tabCompact: U`
         flex: 0 0 auto;
     `,
-	panel: H`
+	panel: U`
         width: 100%;
         min-width: 0;
         padding: 2rem 0;
     `
-};
-//#endregion
-//#region src/components/_table.jsx
-function en({ id: e, tableId: t, sortColumns: n, settings: r, title: i, columns: a = [], rows: o = [], width: s, height: c, hasLineNumbers: f = !0, sortBy: p, sortDirection: m = "asc", onRowClick: h, className: g }) {
-	if (e) return /* @__PURE__ */ u(tn, {
+}, $t = {
+	showRowNumbers: !0,
+	showFilter: !1,
+	showCollapse: !1
+}, en = /* @__PURE__ */ new WeakSet();
+function tn({ id: e, tableId: t, sortColumns: n, settings: r, headerContent: i, title: a, description: o, columns: s = [], rows: d = [], width: f, height: p, sortBy: m, sortDirection: h = "asc", onRowClick: g, onScrollEnd: _, className: v }) {
+	let y = {
+		...$t,
+		...r
+	};
+	if (e) return /* @__PURE__ */ l(nn, {
 		id: e,
-		title: i,
-		columns: a,
-		rows: o,
-		width: s,
-		height: c,
-		sortBy: p,
-		sortDirection: m,
-		onRowClick: h,
-		className: g
+		settings: y,
+		headerContent: i,
+		title: a,
+		description: o,
+		columns: s,
+		rows: d,
+		width: f,
+		height: p,
+		sortBy: m,
+		sortDirection: h,
+		onRowClick: g,
+		onScrollEnd: _,
+		className: v
 	});
-	let _ = fn(o, n ?? a, p, m);
-	function v(e, t, n) {
-		mn(e) || h?.(e, t, n);
+	let b = mn(d, n ?? s, m, h);
+	function x(e, t, n) {
+		gn(e) || g?.(e, t, n);
 	}
-	function y(e, t, n) {
-		["Enter", " "].includes(e.key) && (mn(e) || (e.preventDefault(), v(e, t, n)));
+	function S(e, t, n) {
+		["Enter", " "].includes(e.key) && (gn(e) || (e.preventDefault(), x(e, t, n)));
 	}
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ d("div", {
-		className: V($.base, g),
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ u("div", {
+		className: H($.base, v),
 		style: {
-			width: s,
-			height: c
+			width: f,
+			height: y.isCollapsed ? void 0 : p
 		},
-		children: [(i || r) && /* @__PURE__ */ d("header", {
+		onScroll: (e) => on(e, _),
+		children: [(a || o || i) && /* @__PURE__ */ u("header", {
 			className: $.header,
-			children: [i && /* @__PURE__ */ d("div", {
+			children: [(a || o) && /* @__PURE__ */ u("div", {
 				className: $.heading,
-				children: [/* @__PURE__ */ u(jt, {
+				children: [a && /* @__PURE__ */ l(At, {
 					size: "large",
-					children: i
-				}), /* @__PURE__ */ u(gt, {
+					children: a
+				}), o && /* @__PURE__ */ l(mt, {
 					size: "small",
-					color: U.colors.fore.secondary,
-					children: o.length
+					color: W.colors.fore.secondary,
+					children: o
 				})]
-			}), r]
-		}), /* @__PURE__ */ d("table", {
+			}), i && /* @__PURE__ */ l("div", {
+				className: $.headerContent,
+				children: i
+			})]
+		}), /* @__PURE__ */ u("table", {
 			id: t ?? e,
 			className: $.table,
+			"is-collapsed": y.isCollapsed || void 0,
 			children: [
-				/* @__PURE__ */ d("colgroup", { children: [f && /* @__PURE__ */ u("col", { className: $.line }), a.map((e) => /* @__PURE__ */ u("col", { style: an(e) }, e.key))] }),
-				/* @__PURE__ */ u("thead", { children: /* @__PURE__ */ d("tr", { children: [f && /* @__PURE__ */ u("th", {
+				/* @__PURE__ */ u("colgroup", { children: [y.showRowNumbers && /* @__PURE__ */ l("col", { className: $.line }), s.map((e) => /* @__PURE__ */ l("col", { style: sn(e) }, e.key))] }),
+				/* @__PURE__ */ l("thead", { children: /* @__PURE__ */ u("tr", { children: [y.showRowNumbers && /* @__PURE__ */ l("th", {
 					className: $.number,
 					children: "#"
-				}), a.map((e) => /* @__PURE__ */ u("th", {
-					style: on(e),
+				}), s.map((e) => /* @__PURE__ */ l("th", {
+					style: cn(e),
 					"is-clickable": !!e.onClick || void 0,
 					onClick: (t) => e.onClick?.(t, e),
 					children: e.label
 				}, e.key))] }) }),
-				/* @__PURE__ */ u("tbody", { children: _.length === 0 ? /* @__PURE__ */ u("tr", {
+				/* @__PURE__ */ l("tbody", { children: b.length === 0 ? /* @__PURE__ */ l("tr", {
 					"is-empty": !0,
-					children: /* @__PURE__ */ u("td", {
+					children: /* @__PURE__ */ l("td", {
 						className: $.empty,
 						"is-empty": !0,
-						colSpan: Math.max(a.length + Number(f), 1),
-						children: /* @__PURE__ */ u("span", {
+						colSpan: Math.max(s.length + Number(y.showRowNumbers), 1),
+						children: /* @__PURE__ */ l("span", {
 							className: $.emptyContent,
 							children: "Keine Einträge ..."
 						})
 					})
-				}) : _.map((e, t) => /* @__PURE__ */ d("tr", {
-					"is-clickable": h ? !0 : void 0,
-					tabIndex: h ? 0 : void 0,
-					onClick: h ? (n) => v(n, e, t) : void 0,
-					onKeyDown: h ? (n) => y(n, e, t) : void 0,
-					children: [f && /* @__PURE__ */ u("td", {
+				}) : b.map((e, t) => /* @__PURE__ */ u("tr", {
+					"is-clickable": g ? !0 : void 0,
+					tabIndex: g ? 0 : void 0,
+					onClick: g ? (n) => x(n, e, t) : void 0,
+					onKeyDown: g ? (n) => S(n, e, t) : void 0,
+					children: [y.showRowNumbers && /* @__PURE__ */ l("td", {
 						className: $.number,
 						children: t + 1
-					}), a.map((n) => /* @__PURE__ */ u("td", {
-						style: sn(n, e, t),
-						children: /* @__PURE__ */ u("span", {
+					}), s.map((n) => /* @__PURE__ */ l("td", {
+						style: ln(n, e, t),
+						children: /* @__PURE__ */ l("span", {
 							className: $.cellContent,
-							style: dn(n),
-							children: un(n, e, t)
+							style: pn(n),
+							children: fn(n, e, t)
 						})
 					}, n.key))]
 				}, e.key ?? t)) })
@@ -2496,92 +2511,105 @@ function en({ id: e, tableId: t, sortColumns: n, settings: r, title: i, columns:
 		})]
 	}) });
 }
-function tn({ id: e, title: n, columns: r, rows: i, width: o, height: f, sortBy: p, sortDirection: m, onRowClick: h, className: g }) {
-	let _ = s(null), [v, y] = c(!1), [b, x] = c(() => nn(e)), S = r.filter((e) => b[e.key] !== !1), C = b.lineNumbers !== !1;
+function nn({ id: e, settings: n, headerContent: r, title: o, description: d, columns: f, rows: p, width: m, height: h, sortBy: g, sortDirection: _, onRowClick: v, onScrollEnd: y, className: b }) {
+	let x = s(null), S = i(!1), C = i(rn(e)), w = f.filter((e) => C.value[e.key] !== !1), T = C.value.isCollapsed ?? !1, ee = r || n.showFilter || n.showCollapse;
 	a(() => {
-		x(nn(e));
+		C.value = rn(e);
 	}, [e]), a(() => {
-		if (!v) return;
+		if (!S.value) return;
 		function e({ target: e }) {
-			_.current?.contains(e) || y(!1);
+			x.current?.contains(e) || (S.value = !1);
 		}
 		function t(e) {
-			e.key === "Escape" && y(!1);
+			e.key === "Escape" && (S.value = !1);
 		}
 		return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
 			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
 		};
-	}, [v]);
-	function ee(n, r) {
+	}, [S.value]);
+	function te(n, r) {
 		let i = {
-			...b,
+			...C.value,
 			[n]: r
 		};
-		x(i), t(rn(e), i);
+		C.value = i, t(an(e), i);
 	}
-	function w(e) {
-		ee("lineNumbers", e);
-	}
-	return /* @__PURE__ */ u(l, { children: /* @__PURE__ */ u(en, {
+	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l(tn, {
 		tableId: e,
-		sortColumns: r,
-		settings: /* @__PURE__ */ u("div", {
-			ref: _,
-			className: $.settings,
-			children: /* @__PURE__ */ d(ft, {
-				className: $.popup,
-				trigger: /* @__PURE__ */ u(Jt, {
-					ariaLabel: "Spalten auswählen",
-					iconName: "vertical-ellipsis",
-					onClick: () => y(!v)
-				}),
-				isOpen: v,
-				origin: "right",
-				children: [/* @__PURE__ */ u(zt, {
-					label: "#",
-					isChecked: C,
-					onChange: w
-				}), r.map((e) => /* @__PURE__ */ u(zt, {
-					label: e.label ?? e.key,
-					isChecked: b[e.key] !== !1,
-					onChange: (t) => ee(e.key, t)
-				}, e.key))]
+		sortColumns: f,
+		settings: {
+			...n,
+			isCollapsed: T
+		},
+		headerContent: ee && /* @__PURE__ */ u(c, { children: [
+			r,
+			n.showFilter && /* @__PURE__ */ l("div", {
+				ref: x,
+				className: $.settings,
+				children: /* @__PURE__ */ l(ut, {
+					className: $.popup,
+					trigger: /* @__PURE__ */ l(qt, {
+						ariaLabel: "Spalten auswählen",
+						iconName: "vertical-ellipsis",
+						onClick: () => {
+							S.value = !S.value;
+						}
+					}),
+					isOpen: S.value,
+					origin: "right",
+					children: f.map((e) => /* @__PURE__ */ l(Rt, {
+						label: e.label ?? e.key,
+						isChecked: C.value[e.key] !== !1,
+						onChange: (t) => te(e.key, t)
+					}, e.key))
+				})
+			}),
+			n.showCollapse && /* @__PURE__ */ l(qt, {
+				ariaLabel: T ? "Tabelle ausklappen" : "Tabelle einklappen",
+				iconName: T ? "expand" : "collapse",
+				onClick: () => te("isCollapsed", !T)
 			})
-		}),
-		title: n,
-		columns: S,
-		rows: i,
-		width: o,
-		height: f,
-		hasLineNumbers: C,
-		sortBy: p,
-		sortDirection: m,
-		onRowClick: h,
-		className: g
+		] }),
+		title: o,
+		description: d,
+		columns: w,
+		rows: p,
+		width: m,
+		height: h,
+		sortBy: g,
+		sortDirection: _,
+		onRowClick: v,
+		className: b,
+		onScrollEnd: y
 	}) });
 }
-function nn(t) {
-	return t ? e(rn(t), {}) : {};
-}
-function rn(e) {
-	return `tables:${e}:column-visibility`;
+function rn(t) {
+	return t ? e(an(t), {}) : {};
 }
 function an(e) {
+	return `tables:${e}:settings`;
+}
+function on(e, t) {
+	if (!t) return;
+	let { clientHeight: n, scrollHeight: r, scrollTop: i } = e.currentTarget, a = r > n && i + n >= r - 1;
+	a && !en.has(e.currentTarget) && (en.add(e.currentTarget), t()), a || en.delete(e.currentTarget);
+}
+function sn(e) {
 	if (e.width !== void 0) return {
 		width: e.width,
 		minWidth: e.width,
 		maxWidth: e.width
 	};
 }
-function on(e) {
-	let t = ln(e.align), n = cn(e.backgroundColor);
+function cn(e) {
+	let t = dn(e.align), n = un(e.backgroundColor);
 	return t || n ? {
 		textAlign: t,
 		backgroundColor: n
 	} : void 0;
 }
-function sn(e, t, n) {
-	let r = t[e.key], i = ln(typeof e.align == "function" ? e.align(r, t, n) : e.align), a = cn(typeof e.backgroundColor == "function" ? e.backgroundColor(r, t, n) : e.backgroundColor), o = e.width;
+function ln(e, t, n) {
+	let r = t[e.key], i = dn(typeof e.align == "function" ? e.align(r, t, n) : e.align), a = un(typeof e.backgroundColor == "function" ? e.backgroundColor(r, t, n) : e.backgroundColor), o = e.width;
 	return i || a || o !== void 0 ? {
 		width: o,
 		minWidth: o,
@@ -2590,56 +2618,56 @@ function sn(e, t, n) {
 		backgroundColor: a
 	} : void 0;
 }
-function cn(e) {
+function un(e) {
 	return typeof e == "string" ? e : void 0;
 }
-function ln(e) {
+function dn(e) {
 	return [
 		"left",
 		"center",
 		"right"
 	].includes(e) ? e : void 0;
 }
-function un(e, t, n) {
+function fn(e, t, n) {
 	let r = t[e.key];
 	return e.render?.(r, t, n) ?? r;
 }
-function dn(e) {
+function pn(e) {
 	return e.width === void 0 ? void 0 : { maxWidth: e.width };
 }
-function fn(e, t, n, r) {
+function mn(e, t, n, r) {
 	let i = t.find((e) => e.key === n);
 	if (!i) return e;
 	let a = r === "desc" ? -1 : 1;
 	return [...e].sort((e, t) => {
-		let n = pn(i, e), r = pn(i, t);
+		let n = hn(i, e), r = hn(i, t);
 		return a * String(n).localeCompare(String(r), void 0, {
 			numeric: !0,
 			sensitivity: "base"
 		});
 	});
 }
-function pn(e, t) {
+function hn(e, t) {
 	let n = t[e.key];
 	return e.sortValue?.(n, t) ?? n ?? "";
 }
-function mn(e) {
+function gn(e) {
 	return e.target instanceof Element && e.target.closest("a, button, input, select, textarea, label, summary, [contenteditable=\"true\"], [role=\"button\"], [role=\"link\"], [role=\"checkbox\"], [role=\"switch\"]");
 }
 var $ = {
-	base: H`
+	base: U`
         display: block;
         position: relative;
         max-width: 100%;
         overflow: auto;
     `,
-	table: H`
+	table: U`
         width: max-content;
         min-width: 100%;
         border-spacing: 0;
         table-layout: fixed;
-        color: ${U.colors.fore.primary};
-        font-family: ${U.fontFamily}, sans-serif;
+        color: ${W.colors.fore.primary};
+        font-family: ${W.fontFamily}, sans-serif;
         font-size: .75rem;
         font-weight: 500;
         letter-spacing: .4px;
@@ -2656,10 +2684,10 @@ var $ = {
 
         th {
             position: sticky;
-            z-index: ${U.zIndex.front};
+            z-index: ${W.zIndex.front};
             top: 0;
-            color: ${U.colors.fore.secondary};
-            background-color: ${U.colors.back.primary};
+            color: ${W.colors.fore.secondary};
+            background-color: ${W.colors.back.primary};
             font-size: .65rem;
             font-weight: 700;
             letter-spacing: .8px;
@@ -2670,49 +2698,51 @@ var $ = {
         tbody tr { transition: background-color .15s ease; }
 
         tbody tr[is-clickable]:hover {
-            background-color: ${U.colors.back.secondary};
+            background-color: ${W.colors.back.secondary};
         }
 
         tbody tr[is-clickable] { cursor: pointer; }
 
         tbody tr[is-clickable]:focus-visible {
-            outline: solid 2px ${U.colors.primary};
+            outline: solid 2px ${W.colors.primary};
             outline-offset: -2px;
         }
 
         tbody tr:last-child td { border-bottom: 0; }
+
+        &[is-collapsed] { display: none; }
     `,
-	line: H`
+	line: U`
         width: 3rem;
     `,
-	number: H`
+	number: U`
         width: 3rem;
-        color: ${U.colors.fore.secondary};
+        color: ${W.colors.fore.secondary};
         text-align: right;
     `,
-	empty: H`
+	empty: U`
         position: relative;
         height: 3.25rem;
         padding: 0;
-        color: ${U.colors.fore.secondary};
+        color: ${W.colors.fore.secondary};
         text-align: center;
     `,
-	emptyContent: H`
+	emptyContent: U`
         display: grid;
         position: absolute;
         inset: 0;
         place-items: center;
     `,
-	cellContent: H`
+	cellContent: U`
         display: block;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
     `,
-	settings: H`
+	settings: U`
         flex: none;
     `,
-	header: H`
+	header: U`
         display: flex;
         align-items: center;
         justify-content: space-between;
@@ -2722,15 +2752,22 @@ var $ = {
         min-height: 3.25rem;
         padding: .5rem 0;
     `,
-	heading: H`
+	heading: U`
+        display: flex;
+        flex-direction: column;
+        gap: .25rem;
+    `,
+	headerContent: U`
         display: flex;
         gap: .5rem;
+        align-items: center;
+        margin-left: auto;
     `,
-	popup: H`
+	popup: U`
         display: grid;
         gap: .5rem;
         min-width: 11rem;
     `
 };
 //#endregion
-export { mt as Actions, vt as AppWrapper, St as Bar, wt as Box, Et as Button, zt as Checkbox, Xt as Counter, Ft as Dropdown, jt as Headline, W as Icon, Jt as IconButton, kt as Layout, Rt as OptionGroup, ft as PopupBox, It as Slider, Nt as Space, Wt as Switch, Qt as TabBox, $t as TabContainer, en as Table, Kt as Tag, gt as Text, Pt as TextField, U as Theme, yt as Toolbar };
+export { ft as Actions, gt as AppWrapper, xt as Bar, Ct as Box, Tt as Button, Rt as Checkbox, Yt as Counter, Pt as Dropdown, At as Headline, G as Icon, qt as IconButton, Ot as Layout, Lt as OptionGroup, ut as PopupBox, Ft as Slider, Mt as Space, Ut as Switch, Zt as TabBox, Qt as TabContainer, tn as Table, Gt as Tag, mt as Text, Nt as TextField, W as Theme, vt as Toolbar };