@aham.ro/ui-designer 0.1.8 → 0.1.9

package/dist/ui-designer.js

@@ -1,8 +1,8 @@
-import { Fragment as e, Teleport as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createStaticVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, getCurrentInstance as d, nextTick as f, normalizeClass as p, normalizeStyle as m, onBeforeUnmount as h, onMounted as g, onUnmounted as _, openBlock as v, ref as y, renderList as b, renderSlot as x, resolveComponent as S, resolveDynamicComponent as C, shallowRef as w, toDisplayString as T, toRefs as E, unref as D, vModelText as O, watch as k, watchPostEffect as A, withCtx as j, withDirectives as M, withKeys as ee, withModifiers as N } from "vue";
-import { defineStore as te } from "pinia";
+import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createStaticVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, getCurrentInstance as f, nextTick as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as g, onMounted as _, onUnmounted as v, openBlock as y, ref as b, renderList as x, renderSlot as S, resolveComponent as C, resolveDynamicComponent as w, shallowRef as T, toDisplayString as E, toRefs as D, unref as O, vModelText as k, watch as A, watchPostEffect as j, withCtx as M, withDirectives as ee, withKeys as N, withModifiers as P } from "vue";
+import { defineStore as F } from "pinia";
 //#region src/composables/useTranslation.ts
-function P() {
-	let e = d()?.appContext.config.globalProperties, t = e?.$t, n = typeof t == "function" ? t.bind(e) : void 0;
+function I() {
+	let e = f()?.appContext.config.globalProperties, t = e?.$t, n = typeof t == "function" ? t.bind(e) : void 0;
 	return (e, t) => {
 		let r = n?.(e);
 		return r && r !== e ? r : t;
@@ -10,7 +10,7 @@ function P() {
 }
 //#endregion
 //#region node_modules/overlayscrollbars/overlayscrollbars.mjs
-var F = (e, t) => {
+var L = (e, t) => {
 	let { o: n, i: r, u: i } = e, a = n, o, s = (e, t) => {
 		let n = a, s = e, c = t || (r ? !r(n, s) : n !== s);
 		return (c || i) && (a = s, o = n), [
@@ -24,21 +24,21 @@ var F = (e, t) => {
 		!!e,
 		o
 	]];
-}, I = typeof window < "u" && typeof HTMLElement < "u" && window.document ? window : {}, L = Math.max, R = Math.min, z = Math.round, B = Math.abs, V = Math.sign, ne = I.cancelAnimationFrame, re = I.requestAnimationFrame, ie = I.setTimeout, ae = I.clearTimeout, oe = (e) => I[e] === void 0 ? void 0 : I[e], se = oe("MutationObserver"), ce = oe("IntersectionObserver"), le = oe("ResizeObserver"), ue = oe("ScrollTimeline"), de = (e) => e === void 0, fe = (e) => e === null, pe = (e) => typeof e == "number", me = (e) => typeof e == "string", he = (e) => typeof e == "boolean", H = (e) => typeof e == "function", U = (e) => Array.isArray(e), ge = (e) => typeof e == "object" && !U(e) && !fe(e), _e = (e) => {
+}, R = typeof window < "u" && typeof HTMLElement < "u" && window.document ? window : {}, z = Math.max, B = Math.min, V = Math.round, H = Math.abs, te = Math.sign, ne = R.cancelAnimationFrame, re = R.requestAnimationFrame, ie = R.setTimeout, ae = R.clearTimeout, oe = (e) => R[e] === void 0 ? void 0 : R[e], se = oe("MutationObserver"), ce = oe("IntersectionObserver"), le = oe("ResizeObserver"), ue = oe("ScrollTimeline"), de = (e) => e === void 0, fe = (e) => e === null, pe = (e) => typeof e == "number", me = (e) => typeof e == "string", he = (e) => typeof e == "boolean", U = (e) => typeof e == "function", W = (e) => Array.isArray(e), ge = (e) => typeof e == "object" && !W(e) && !fe(e), _e = (e) => {
 	let t = !!e && e.length, n = pe(t) && t > -1 && t % 1 == 0;
-	return U(e) || !H(e) && n ? t > 0 && ge(e) ? t - 1 in e : !0 : !1;
-}, ve = (e) => !!e && e.constructor === Object, ye = (e) => e instanceof HTMLElement, W = (e) => e instanceof Element;
+	return W(e) || !U(e) && n ? t > 0 && ge(e) ? t - 1 in e : !0 : !1;
+}, ve = (e) => !!e && e.constructor === Object, ye = (e) => e instanceof HTMLElement, be = (e) => e instanceof Element;
 function G(e, t) {
 	if (_e(e)) for (let n = 0; n < e.length && t(e[n], n, e) !== !1; n++);
 	else e && G(Object.keys(e), ((n) => t(e[n], n, e)));
 	return e;
 }
-var be = (e, t) => e.indexOf(t) >= 0, xe = (e, t) => e.concat(t), K = (e, t, n) => (!me(t) && _e(t) ? Array.prototype.push.apply(e, t) : e.push(t), e), Se = (e) => Array.from(e || []), Ce = (e) => U(e) ? e : !me(e) && _e(e) ? Se(e) : [e], we = (e) => !!e && !e.length, Te = (e) => Se(new Set(e)), q = (e, t, n) => {
+var xe = (e, t) => e.indexOf(t) >= 0, Se = (e, t) => e.concat(t), K = (e, t, n) => (!me(t) && _e(t) ? Array.prototype.push.apply(e, t) : e.push(t), e), Ce = (e) => Array.from(e || []), we = (e) => W(e) ? e : !me(e) && _e(e) ? Ce(e) : [e], Te = (e) => !!e && !e.length, Ee = (e) => Ce(new Set(e)), q = (e, t, n) => {
 	G(e, (e) => !e || e.apply(void 0, t || [])), n || (e.length = 0);
-}, Ee = "paddingTop", De = "paddingRight", Oe = "paddingLeft", ke = "paddingBottom", Ae = "marginLeft", je = "marginRight", Me = "marginBottom", Ne = "overflowX", Pe = "overflowY", Fe = "width", Ie = "height", Le = "visible", Re = "hidden", ze = "scroll", Be = (e) => {
+}, De = "paddingTop", Oe = "paddingRight", ke = "paddingLeft", Ae = "paddingBottom", je = "marginLeft", Me = "marginRight", Ne = "marginBottom", Pe = "overflowX", Fe = "overflowY", Ie = "width", Le = "height", Re = "visible", ze = "hidden", Be = "scroll", Ve = (e) => {
 	let t = String(e || "");
 	return t ? t[0].toUpperCase() + t.slice(1) : "";
-}, Ve = (e, t, n, r) => {
+}, He = (e, t, n, r) => {
 	if (e && t) {
 		let r = !0;
 		return G(n, ((n) => {
@@ -46,18 +46,18 @@ var be = (e, t) => e.indexOf(t) >= 0, xe = (e, t) => e.concat(t), K = (e, t, n)
 		})), r;
 	}
 	return !1;
-}, He = (e, t) => Ve(e, t, ["w", "h"]), Ue = (e, t) => Ve(e, t, ["x", "y"]), We = (e, t) => Ve(e, t, [
+}, Ue = (e, t) => He(e, t, ["w", "h"]), We = (e, t) => He(e, t, ["x", "y"]), Ge = (e, t) => He(e, t, [
 	"t",
 	"r",
 	"b",
 	"l"
-]), J = (e, ...t) => e.bind(0, ...t), Ge = (e) => {
+]), J = (e, ...t) => e.bind(0, ...t), Ke = (e) => {
 	let t, n = e ? ie : re, r = e ? ae : ne;
 	return [(i) => {
-		r(t), t = n((() => i()), H(e) ? e() : e);
+		r(t), t = n((() => i()), U(e) ? e() : e);
 	}, () => r(t)];
-}, Ke = (e) => {
-	let t = H(e) ? e() : e;
+}, qe = (e) => {
+	let t = U(e) ? e() : e;
 	if (pe(t)) {
 		let e = t ? ie : re, n = t ? ae : ne;
 		return (r) => {
@@ -68,20 +68,20 @@ var be = (e, t) => e.indexOf(t) >= 0, xe = (e, t) => e.concat(t), K = (e, t, n)
 		};
 	}
 	return t && t._;
-}, qe = (e, t) => {
+}, Je = (e, t) => {
 	let { p: n, v: r, S: i, m: a } = t || {}, o, s, c, l, u = function(t) {
 		s && s(), o && o(), l = s = o = c = void 0, e.apply(this, t);
 	}, d = (e) => a && c ? a(c, e) : e, f = () => {
 		s && c && u(d(c) || c);
 	}, p = function() {
-		let e = Se(arguments), t = Ke(n);
+		let e = Ce(arguments), t = qe(n);
 		if (t) {
-			let n = typeof i == "function" ? i() : i, a = Ke(r), p = d(e) || e, m = u.bind(0, p);
+			let n = typeof i == "function" ? i() : i, a = qe(r), p = d(e) || e, m = u.bind(0, p);
 			s && s(), n && !l ? (m(), l = !0, s = t((() => l = void 0))) : (s = t(m), a && !o && (o = a(f))), c = p;
 		} else u(e);
 	};
 	return p.O = f, p;
-}, Je = (e, t) => Object.prototype.hasOwnProperty.call(e, t), Y = (e) => e ? Object.keys(e) : [], X = (e, t, n, r, i, a, o) => {
+}, Ye = (e, t) => Object.prototype.hasOwnProperty.call(e, t), Y = (e) => e ? Object.keys(e) : [], X = (e, t, n, r, i, a, o) => {
 	let s = [
 		t,
 		n,
@@ -90,116 +90,116 @@ var be = (e, t) => e.indexOf(t) >= 0, xe = (e, t) => e.concat(t), K = (e, t, n)
 		a,
 		o
 	];
-	return (typeof e != "object" || fe(e)) && !H(e) && (e = {}), G(s, ((t) => {
+	return (typeof e != "object" || fe(e)) && !U(e) && (e = {}), G(s, ((t) => {
 		G(t, ((n, r) => {
 			let i = t[r];
 			if (e === i) return !0;
-			let a = U(i);
+			let a = W(i);
 			if (i && ve(i)) {
 				let t = e[r], n = t;
-				a && !U(t) ? n = [] : !a && !ve(t) && (n = {}), e[r] = X(n, i);
+				a && !W(t) ? n = [] : !a && !ve(t) && (n = {}), e[r] = X(n, i);
 			} else e[r] = a ? i.slice() : i;
 		}));
 	})), e;
-}, Ye = (e, t) => G(X({}, e), ((e, t, n) => {
-	e === void 0 ? delete n[t] : e && ve(e) && (n[t] = Ye(e));
-})), Xe = (e) => !Y(e).length, Ze = () => {}, Qe = (e, t, n) => L(e, R(t, n)), $e = (e) => Te((U(e) ? e : (e || "").split(" ")).filter(((e) => e))), et = (e, t) => e && e.getAttribute(t), tt = (e, t) => e && e.hasAttribute(t), nt = (e, t, n) => {
-	G($e(t), ((t) => {
+}, Xe = (e, t) => G(X({}, e), ((e, t, n) => {
+	e === void 0 ? delete n[t] : e && ve(e) && (n[t] = Xe(e));
+})), Ze = (e) => !Y(e).length, Qe = () => {}, $e = (e, t, n) => z(e, B(t, n)), et = (e) => Ee((W(e) ? e : (e || "").split(" ")).filter(((e) => e))), tt = (e, t) => e && e.getAttribute(t), nt = (e, t) => e && e.hasAttribute(t), rt = (e, t, n) => {
+	G(et(t), ((t) => {
 		e && e.setAttribute(t, String(n || ""));
 	}));
-}, rt = (e, t) => {
-	G($e(t), ((t) => e && e.removeAttribute(t)));
 }, it = (e, t) => {
-	let n = $e(et(e, t)), r = J(nt, e, t), i = (e, t) => {
+	G(et(t), ((t) => e && e.removeAttribute(t)));
+}, at = (e, t) => {
+	let n = et(tt(e, t)), r = J(rt, e, t), i = (e, t) => {
 		let r = new Set(n);
-		return G($e(e), ((e) => {
+		return G(et(e), ((e) => {
 			r[t](e);
-		})), Se(r).join(" ");
+		})), Ce(r).join(" ");
 	};
 	return {
 		C: (e) => r(i(e, "delete")),
 		$: (e) => r(i(e, "add")),
 		H: (e) => {
-			let t = $e(e);
+			let t = et(e);
 			return t.reduce(((e, t) => e && n.includes(t)), t.length > 0);
 		}
 	};
-}, at = (e, t, n) => (it(e, t).C(n), J(ot, e, t, n)), ot = (e, t, n) => (it(e, t).$(n), J(at, e, t, n)), st = (e, t, n, r) => (r ? ot : at)(e, t, n), ct = (e, t, n) => it(e, t).H(n), lt = (e) => it(e, "class"), ut = (e, t) => {
-	lt(e).C(t);
-}, dt = (e, t) => (lt(e).$(t), J(ut, e, t)), ft = (e, t) => {
-	let n = t ? W(t) && t : document;
-	return n ? Se(n.querySelectorAll(e)) : [];
-}, pt = (e, t) => {
-	let n = t ? W(t) && t : document;
+}, ot = (e, t, n) => (at(e, t).C(n), J(st, e, t, n)), st = (e, t, n) => (at(e, t).$(n), J(ot, e, t, n)), ct = (e, t, n, r) => (r ? st : ot)(e, t, n), lt = (e, t, n) => at(e, t).H(n), ut = (e) => at(e, "class"), dt = (e, t) => {
+	ut(e).C(t);
+}, ft = (e, t) => (ut(e).$(t), J(dt, e, t)), pt = (e, t) => {
+	let n = t ? be(t) && t : document;
+	return n ? Ce(n.querySelectorAll(e)) : [];
+}, mt = (e, t) => {
+	let n = t ? be(t) && t : document;
 	return n && n.querySelector(e);
-}, mt = (e, t) => W(e) && e.matches(t), ht = (e) => mt(e, "body"), gt = (e) => e ? Se(e.childNodes) : [], _t = (e) => e && e.parentElement, vt = (e, t) => W(e) && e.closest(t), yt = (e) => document.activeElement, bt = (e, t, n) => {
-	let r = vt(e, t), i = e && pt(n, r), a = vt(i, t) === r;
-	return r && i ? r === e || i === e || a && vt(vt(e, n), t) !== r : !1;
-}, xt = (e) => {
-	G(Ce(e), ((e) => {
-		let t = _t(e);
+}, ht = (e, t) => be(e) && e.matches(t), gt = (e) => ht(e, "body"), _t = (e) => e ? Ce(e.childNodes) : [], vt = (e) => e && e.parentElement, yt = (e, t) => be(e) && e.closest(t), bt = (e) => document.activeElement, xt = (e, t, n) => {
+	let r = yt(e, t), i = e && mt(n, r), a = yt(i, t) === r;
+	return r && i ? r === e || i === e || a && yt(yt(e, n), t) !== r : !1;
+}, St = (e) => {
+	G(we(e), ((e) => {
+		let t = vt(e);
 		e && t && t.removeChild(e);
 	}));
-}, Z = (e, t) => J(xt, e && t && G(Ce(t), ((t) => {
+}, Z = (e, t) => J(St, e && t && G(we(t), ((t) => {
 	t && e.appendChild(t);
-}))), St, Ct = () => St, wt = (e) => {
-	St = e;
-}, Tt = (e) => {
-	let t = document.createElement("div");
-	return nt(t, "class", e), t;
+}))), Ct, wt = () => Ct, Tt = (e) => {
+	Ct = e;
 }, Et = (e) => {
-	let t = Tt(), n = Ct(), r = e.trim();
-	return t.innerHTML = n ? n.createHTML(r) : r, G(gt(t), ((e) => xt(e)));
-}, Dt = (e, t) => e.getPropertyValue(t) || e[t] || "", Ot = (e) => {
+	let t = document.createElement("div");
+	return rt(t, "class", e), t;
+}, Dt = (e) => {
+	let t = Et(), n = wt(), r = e.trim();
+	return t.innerHTML = n ? n.createHTML(r) : r, G(_t(t), ((e) => St(e)));
+}, Ot = (e, t) => e.getPropertyValue(t) || e[t] || "", kt = (e) => {
 	let t = e || 0;
 	return isFinite(t) ? t : 0;
-}, kt = (e) => Ot(parseFloat(e || "")), At = (e) => Math.round(e * 1e4) / 1e4, jt = (e) => `${At(Ot(e))}px`;
-function Mt(e, t) {
+}, At = (e) => kt(parseFloat(e || "")), jt = (e) => Math.round(e * 1e4) / 1e4, Mt = (e) => `${jt(kt(e))}px`;
+function Nt(e, t) {
 	e && t && G(t, ((t, n) => {
 		try {
-			let r = e.style, i = fe(t) || he(t) ? "" : pe(t) ? jt(t) : t;
+			let r = e.style, i = fe(t) || he(t) ? "" : pe(t) ? Mt(t) : t;
 			n.indexOf("--") === 0 ? r.setProperty(n, i) : r[n] = i;
 		} catch {}
 	}));
 }
-function Nt(e, t, n) {
+function Pt(e, t, n) {
 	let r = me(t), i = r ? "" : {};
 	if (e) {
-		let a = I.getComputedStyle(e, n) || e.style;
-		i = r ? Dt(a, t) : Se(t).reduce(((e, t) => (e[t] = Dt(a, t), e)), i);
+		let a = R.getComputedStyle(e, n) || e.style;
+		i = r ? Ot(a, t) : Ce(t).reduce(((e, t) => (e[t] = Ot(a, t), e)), i);
 	}
 	return i;
 }
-var Pt = (e, t, n) => {
-	let r = t ? `${t}-` : "", i = n ? `-${n}` : "", a = `${r}top${i}`, o = `${r}right${i}`, s = `${r}bottom${i}`, c = `${r}left${i}`, l = Nt(e, [
+var Ft = (e, t, n) => {
+	let r = t ? `${t}-` : "", i = n ? `-${n}` : "", a = `${r}top${i}`, o = `${r}right${i}`, s = `${r}bottom${i}`, c = `${r}left${i}`, l = Pt(e, [
 		a,
 		o,
 		s,
 		c
 	]);
 	return {
-		t: kt(l[a]),
-		r: kt(l[o]),
-		b: kt(l[s]),
-		l: kt(l[c])
+		t: At(l[a]),
+		r: At(l[o]),
+		b: At(l[s]),
+		l: At(l[c])
 	};
-}, Ft = (e, t) => `translate${ge(e) ? `(${e.x},${e.y})` : `${t ? "X" : "Y"}(${e})`}`, It = (e) => !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length), Lt = {
+}, It = (e, t) => `translate${ge(e) ? `(${e.x},${e.y})` : `${t ? "X" : "Y"}(${e})`}`, Lt = (e) => !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length), Rt = {
 	w: 0,
 	h: 0
-}, Rt = (e, t) => t ? {
+}, zt = (e, t) => t ? {
 	w: t[`${e}Width`],
 	h: t[`${e}Height`]
-} : Lt, zt = (e) => Rt("inner", e || I), Bt = J(Rt, "offset"), Vt = J(Rt, "client"), Ht = J(Rt, "scroll"), Ut = (e) => {
-	let t = parseFloat(Nt(e, Fe)) || 0, n = parseFloat(Nt(e, Ie)) || 0;
+} : Rt, Bt = (e) => zt("inner", e || R), Vt = J(zt, "offset"), Ht = J(zt, "client"), Ut = J(zt, "scroll"), Wt = (e) => {
+	let t = parseFloat(Pt(e, Ie)) || 0, n = parseFloat(Pt(e, Le)) || 0;
 	return {
-		w: t - z(t),
-		h: n - z(n)
+		w: t - V(t),
+		h: n - V(n)
 	};
-}, Wt = (e) => e.getBoundingClientRect(), Gt = (e) => !!e && It(e), Kt = (e) => !!(e && (e[Ie] || e[Fe])), qt = (e, t) => {
-	let n = Kt(e);
-	return !Kt(t) && n;
-}, Jt = (e, t, n, r) => {
-	G($e(t), ((t) => {
+}, Gt = (e) => e.getBoundingClientRect(), Kt = (e) => !!e && Lt(e), qt = (e) => !!(e && (e[Le] || e[Ie])), Jt = (e, t) => {
+	let n = qt(e);
+	return !qt(t) && n;
+}, Yt = (e, t, n, r) => {
+	G(et(t), ((t) => {
 		e && e.removeEventListener(t, n, r);
 	}));
 }, Q = (e, t, n, r) => {
@@ -207,22 +207,22 @@ var Pt = (e, t, n) => {
 		passive: i,
 		capture: a
 	};
-	return J(q, $e(t).map(((t) => {
+	return J(q, et(t).map(((t) => {
 		let r = o ? (i) => {
-			Jt(e, t, r, a), n && n(i);
+			Yt(e, t, r, a), n && n(i);
 		} : n;
-		return e && e.addEventListener(t, r, s), J(Jt, e, t, r, a);
+		return e && e.addEventListener(t, r, s), J(Yt, e, t, r, a);
 	})));
-}, Yt = (e) => e.stopPropagation(), Xt = (e) => e.preventDefault(), Zt = (e) => Yt(e) || Xt(e), Qt = (e, t) => {
+}, Xt = (e) => e.stopPropagation(), Zt = (e) => e.preventDefault(), Qt = (e) => Xt(e) || Zt(e), $t = (e, t) => {
 	let { x: n, y: r } = pe(t) ? {
 		x: t,
 		y: t
 	} : t || {};
 	pe(n) && (e.scrollLeft = n), pe(r) && (e.scrollTop = r);
-}, $t = (e) => ({
+}, en = (e) => ({
 	x: e.scrollLeft,
 	y: e.scrollTop
-}), en = () => ({
+}), tn = () => ({
 	T: {
 		x: 0,
 		y: 0
@@ -231,11 +231,11 @@ var Pt = (e, t, n) => {
 		x: 0,
 		y: 0
 	}
-}), tn = (e, t) => {
+}), nn = (e, t) => {
 	let { T: n, k: r } = e, { w: i, h: a } = t, o = (e, t, n) => {
-		let r = V(e) * n, i = V(t) * n;
+		let r = te(e) * n, i = te(t) * n;
 		if (r === i) {
-			let n = B(e), a = B(t);
+			let n = H(e), a = H(t);
 			i = n > a ? 0 : i, r = n < a ? 0 : r;
 		}
 		return r = r === i ? 0 : r, [r + 0, i + 0];
@@ -250,30 +250,30 @@ var Pt = (e, t, n) => {
 			y: u
 		}
 	};
-}, nn = ({ T: e, k: t }) => {
+}, rn = ({ T: e, k: t }) => {
 	let n = (e, t) => e === 0 && e <= t;
 	return {
 		x: n(e.x, t.x),
 		y: n(e.y, t.y)
 	};
-}, rn = ({ T: e, k: t }, n) => {
-	let r = (e, t, n) => Qe(0, 1, (e - n) / (e - t) || 0);
+}, an = ({ T: e, k: t }, n) => {
+	let r = (e, t, n) => $e(0, 1, (e - n) / (e - t) || 0);
 	return {
 		x: r(e.x, t.x, n.x),
 		y: r(e.y, t.y, n.y)
 	};
-}, an = (e) => {
+}, on = (e) => {
 	e && e.focus && e.focus({
 		preventScroll: !0,
 		focusVisible: !1
 	});
-}, on = (e, t) => {
-	G(Ce(t), e);
-}, sn = (e) => {
+}, sn = (e, t) => {
+	G(we(t), e);
+}, cn = (e) => {
 	let t = /* @__PURE__ */ new Map(), n = (e, n) => {
 		if (e) {
 			let r = t.get(e);
-			on(((e) => {
+			sn(((e) => {
 				r && r[e ? "delete" : "clear"](e);
 			}), n);
 		} else t.forEach(((e) => {
@@ -282,8 +282,8 @@ var Pt = (e, t, n) => {
 	}, r = (e, i) => {
 		if (me(e)) {
 			let r = t.get(e) || /* @__PURE__ */ new Set();
-			return t.set(e, r), on(((e) => {
-				H(e) && r.add(e);
+			return t.set(e, r), sn(((e) => {
+				U(e) && r.add(e);
 			}), i), J(n, e, i);
 		}
 		he(i) && i && n();
@@ -297,57 +297,57 @@ var Pt = (e, t, n) => {
 		r,
 		n,
 		(e, n) => {
-			G(Se(t.get(e)), ((e) => {
-				n && !we(n) ? e.apply(0, n) : e();
+			G(Ce(t.get(e)), ((e) => {
+				n && !Te(n) ? e.apply(0, n) : e();
 			}));
 		}
 	];
-}, cn = {}, ln = {}, un = (e) => {
+}, ln = {}, un = {}, dn = (e) => {
 	G(e, ((e) => G(e, ((t, n) => {
-		cn[n] = e[n];
+		ln[n] = e[n];
 	}))));
-}, dn = (e, t, n) => Y(e).map(((r) => {
+}, fn = (e, t, n) => Y(e).map(((r) => {
 	let { static: i, instance: a } = e[r], [o, s, c] = n || [], l = n ? a : i;
 	if (l) {
 		let e = n ? l(o, s, t) : l(t);
-		return (c || ln)[r] = e;
+		return (c || un)[r] = e;
 	}
-})), fn = (e, t) => e[t], pn = (e) => fn(ln, e), mn = "__osOptionsValidationPlugin", hn = "data-overlayscrollbars", gn = "os-environment", _n = `${gn}-scrollbar-hidden`, vn = `${hn}-initialize`, yn = "noClipping", bn = `${hn}-body`, xn = hn, Sn = "host", Cn = `${hn}-viewport`, wn = Ne, Tn = Pe, En = "arrange", Dn = "measuring", On = "scrolling", kn = "scrollbarHidden", An = "noContent", jn = `${hn}-padding`, Mn = `${hn}-content`, Nn = "os-size-observer", Pn = `${Nn}-appear`, Fn = `${Nn}-listener`;
-`${Fn}`, `${Fn}`;
-var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn = `${Rn}-rtl`, Bn = `${Rn}-horizontal`, Vn = `${Rn}-vertical`, Hn = `${Rn}-track`, Un = `${Rn}-handle`, Wn = `${Rn}-visible`, Gn = `${Rn}-cornerless`, Kn = `${Rn}-interaction`, qn = `${Rn}-unusable`, Jn = `${Rn}-auto-hide`, Yn = `${Jn}-hidden`, Xn = `${Rn}-wheel`, Zn = `${Hn}-interactive`, Qn = `${Un}-interactive`, $n = "__osSizeObserverPlugin", er = (e, t) => {
+})), pn = (e, t) => e[t], mn = (e) => pn(un, e), hn = "__osOptionsValidationPlugin", gn = "data-overlayscrollbars", _n = "os-environment", vn = `${_n}-scrollbar-hidden`, yn = `${gn}-initialize`, bn = "noClipping", xn = `${gn}-body`, Sn = gn, Cn = "host", wn = `${gn}-viewport`, Tn = Pe, En = Fe, Dn = "arrange", On = "measuring", kn = "scrolling", An = "scrollbarHidden", jn = "noContent", Mn = `${gn}-padding`, Nn = `${gn}-content`, Pn = "os-size-observer", Fn = `${Pn}-appear`, In = `${Pn}-listener`;
+`${In}`, `${In}`;
+var Ln = "os-trinsic-observer", Rn = "os-theme-none", zn = "os-scrollbar", Bn = `${zn}-rtl`, Vn = `${zn}-horizontal`, Hn = `${zn}-vertical`, Un = `${zn}-track`, Wn = `${zn}-handle`, Gn = `${zn}-visible`, Kn = `${zn}-cornerless`, qn = `${zn}-interaction`, Jn = `${zn}-unusable`, Yn = `${zn}-auto-hide`, Xn = `${Yn}-hidden`, Zn = `${zn}-wheel`, Qn = `${Un}-interactive`, $n = `${Wn}-interactive`, er = "__osSizeObserverPlugin", tr = (e, t) => {
 	let { M: n } = t, [r, i] = e("showNativeOverlaidScrollbars");
 	return [r && n.x && n.y, i];
-}, tr = (e) => e.indexOf(Le) === 0, nr = (e) => e.replace(`${Le}-`, ""), rr = (e, t) => {
-	if (e === "auto") return t ? ze : Re;
-	let n = e || Re;
+}, nr = (e) => e.indexOf(Re) === 0, rr = (e) => e.replace(`${Re}-`, ""), ir = (e, t) => {
+	if (e === "auto") return t ? Be : ze;
+	let n = e || ze;
 	return [
-		Re,
 		ze,
-		Le
-	].includes(n) ? n : Re;
-}, ir = (e, t) => {
-	let { overflowX: n, overflowY: r } = Nt(e, [Ne, Pe]);
+		Be,
+		Re
+	].includes(n) ? n : ze;
+}, ar = (e, t) => {
+	let { overflowX: n, overflowY: r } = Pt(e, [Pe, Fe]);
 	return {
-		x: rr(n, t.x),
-		y: rr(r, t.y)
+		x: ir(n, t.x),
+		y: ir(r, t.y)
 	};
-}, ar = "__osScrollbarsHidingPlugin", or = "__osClickScrollPlugin", sr = (e) => JSON.stringify(e, ((e, t) => {
-	if (H(t)) throw 0;
+}, or = "__osScrollbarsHidingPlugin", sr = "__osClickScrollPlugin", cr = (e) => JSON.stringify(e, ((e, t) => {
+	if (U(t)) throw 0;
 	return t;
-})), cr = (e, t) => e ? `${t}`.split(".").reduce(((e, t) => e && Je(e, t) ? e[t] : void 0), e) : void 0, lr = [0, 33], ur = [33, 99], dr = [
+})), lr = (e, t) => e ? `${t}`.split(".").reduce(((e, t) => e && Ye(e, t) ? e[t] : void 0), e) : void 0, ur = [0, 33], dr = [33, 99], fr = [
 	222,
 	666,
 	!0
-], fr = {
+], pr = {
 	paddingAbsolute: !1,
 	showNativeOverlaidScrollbars: !1,
 	update: {
 		elementEvents: [["img", "load"]],
 		debounce: {
-			mutation: lr,
+			mutation: ur,
 			resize: null,
-			event: ur,
-			env: dr
+			event: dr,
+			env: fr
 		},
 		attributes: null,
 		ignoreMutation: null,
@@ -371,40 +371,40 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 			"pen"
 		]
 	}
-}, pr = (e, t) => {
+}, mr = (e, t) => {
 	let n = {};
-	return G(xe(Y(t), Y(e)), ((r) => {
+	return G(Se(Y(t), Y(e)), ((r) => {
 		let i = e[r], a = t[r];
-		if (ge(i) && ge(a)) X(n[r] = {}, pr(i, a)), Xe(n[r]) && delete n[r];
-		else if (Je(t, r) && a !== i) {
+		if (ge(i) && ge(a)) X(n[r] = {}, mr(i, a)), Ze(n[r]) && delete n[r];
+		else if (Ye(t, r) && a !== i) {
 			let e = !0;
-			if (U(i) || U(a)) try {
-				sr(i) === sr(a) && (e = !1);
+			if (W(i) || W(a)) try {
+				cr(i) === cr(a) && (e = !1);
 			} catch {}
 			e && (n[r] = a);
 		}
 	})), n;
-}, mr = (e, t, n) => (r) => [cr(e, r), n || cr(t, r) !== void 0], hr, gr = () => hr, _r = (e) => {
-	hr = e;
-}, vr, yr = () => {
+}, hr = (e, t, n) => (r) => [lr(e, r), n || lr(t, r) !== void 0], gr, _r = () => gr, vr = (e) => {
+	gr = e;
+}, yr, br = () => {
 	let e = (e, t, n) => {
 		Z(document.body, e), Z(document.body, e);
-		let r = Vt(e), i = Bt(e), a = Ut(t);
-		return n && xt(e), {
+		let r = Ht(e), i = Vt(e), a = Wt(t);
+		return n && St(e), {
 			x: i.h - r.h + a.h,
 			y: i.w - r.w + a.w
 		};
 	}, t = (e) => {
-		let t = !1, n = dt(e, _n);
+		let t = !1, n = ft(e, vn);
 		try {
-			t = Nt(e, "scrollbar-width") === "none" || Nt(e, "display", "::-webkit-scrollbar") === "none";
+			t = Pt(e, "scrollbar-width") === "none" || Pt(e, "display", "::-webkit-scrollbar") === "none";
 		} catch {}
 		return n(), t;
-	}, n = Et(`<div class="${gn}"><div></div><style>${`.${gn}{scroll-behavior:auto!important;position:fixed;opacity:0;visibility:hidden;overflow:scroll;height:200px;width:200px;z-index:-1}.${gn} div{width:200%;height:200%;margin:10px 0}.${_n}{scrollbar-width:none!important}.${_n}::-webkit-scrollbar,.${_n}::-webkit-scrollbar-corner{appearance:none!important;display:none!important;width:0!important;height:0!important}`}</style></div>`)[0], r = n.firstChild, i = n.lastChild, a = gr();
+	}, n = Dt(`<div class="${_n}"><div></div><style>${`.${_n}{scroll-behavior:auto!important;position:fixed;opacity:0;visibility:hidden;overflow:scroll;height:200px;width:200px;z-index:-1}.${_n} div{width:200%;height:200%;margin:10px 0}.${vn}{scrollbar-width:none!important}.${vn}::-webkit-scrollbar,.${vn}::-webkit-scrollbar-corner{appearance:none!important;display:none!important;width:0!important;height:0!important}`}</style></div>`)[0], r = n.firstChild, i = n.lastChild, a = _r();
 	a && (i.nonce = a);
-	let [o, , s] = sn(), [c, l] = F({
+	let [o, , s] = cn(), [c, l] = L({
 		o: e(n, r),
-		i: Ue
+		i: We
 	}, J(e, n, r, !0)), [u] = l(), d = t(n), f = {
 		x: u.x === 0,
 		y: u.y === 0
@@ -412,7 +412,7 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 		elements: {
 			host: null,
 			padding: !d,
-			viewport: (e) => d && ht(e) && e,
+			viewport: (e) => d && gt(e) && e,
 			content: !1
 		},
 		scrollbars: { slot: !0 },
@@ -420,7 +420,7 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 			nativeScrollbarsOverlaid: !1,
 			body: null
 		}
-	}, m = X({}, fr), h = J(X, {}, m), g = J(X, {}, p), _ = {
+	}, m = X({}, pr), h = J(X, {}, m), g = J(X, {}, p), _ = {
 		U: u,
 		M: f,
 		P: d,
@@ -433,11 +433,11 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 		ot: X({}, p),
 		st: X({}, m)
 	};
-	if (rt(n, "style"), xt(n), Q(I, "resize", (() => {
+	if (it(n, "style"), St(n), Q(R, "resize", (() => {
 		s("r", []);
-	})), H(I.matchMedia) && !d && (!f.x || !f.y)) {
+	})), U(R.matchMedia) && !d && (!f.x || !f.y)) {
 		let e = (t) => {
-			Q(I.matchMedia(`(resolution: ${I.devicePixelRatio}dppx)`), "change", (() => {
+			Q(R.matchMedia(`(resolution: ${R.devicePixelRatio}dppx)`), "change", (() => {
 				t(), e(t);
 			}), { A: !0 });
 		};
@@ -447,13 +447,13 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 		}));
 	}
 	return _;
-}, br = () => (vr ||= yr(), vr), xr = (e, t, n) => {
+}, xr = () => (yr ||= br(), yr), Sr = (e, t, n) => {
 	let r = !1, i = n ? /* @__PURE__ */ new WeakMap() : !1, a = () => {
 		r = !0;
 	}, o = (a) => {
 		i && n && G(n.map(((t) => {
 			let [n, r] = t || [];
-			return [r && n ? (a || ft)(n, e) : [], r];
+			return [r && n ? (a || pt)(n, e) : [], r];
 		})), ((n) => G(n[0], ((a) => {
 			let o = n[1], s = i.get(a) || [];
 			if (e.contains(a) && o) {
@@ -465,20 +465,20 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 		}))));
 	};
 	return o(), [a, o];
-}, Sr = (e, t, n, r) => {
-	let i = !1, { et: a, ct: o, rt: s, it: c, lt: l, ut: u } = r || {}, [d, f] = xr(e, (() => i && n(!0)), s), p = a || [], m = o || [], h = xe(p, m), g = (i, a) => {
-		if (!we(a)) {
-			let o = l || Ze, s = u || Ze, d = [], p = [], h = !1, g = !1;
+}, Cr = (e, t, n, r) => {
+	let i = !1, { et: a, ct: o, rt: s, it: c, lt: l, ut: u } = r || {}, [d, f] = Sr(e, (() => i && n(!0)), s), p = a || [], m = o || [], h = Se(p, m), g = (i, a) => {
+		if (!Te(a)) {
+			let o = l || Qe, s = u || Qe, d = [], p = [], h = !1, g = !1;
 			if (G(a, ((n) => {
-				let { attributeName: i, target: a, type: l, oldValue: u, addedNodes: f, removedNodes: _ } = n, v = l === "attributes", y = l === "childList", b = e === a, x = v && i, S = x && et(a, i || ""), C = me(S) ? S : null, w = x && u !== C, T = be(m, i) && w;
+				let { attributeName: i, target: a, type: l, oldValue: u, addedNodes: f, removedNodes: _ } = n, v = l === "attributes", y = l === "childList", b = e === a, x = v && i, S = x && tt(a, i || ""), C = me(S) ? S : null, w = x && u !== C, T = xe(m, i) && w;
 				if (t && (y || !b)) {
-					let t = v && w, l = t && c && mt(a, c), p = (l ? !o(a, i, u, C) : !v || t) && !s(n, !!l, e, r);
+					let t = v && w, l = t && c && ht(a, c), p = (l ? !o(a, i, u, C) : !v || t) && !s(n, !!l, e, r);
 					G(f, ((e) => K(d, e))), G(_, ((e) => K(d, e))), g ||= p;
 				}
 				!t && b && w && !o(a, i, u, C) && (K(p, i), h ||= T);
-			})), f(((e) => Te(d).reduce(((t, n) => (K(t, ft(e, n)), mt(n, e) ? K(t, n) : t)), []))), t) return !i && g && n(!1), [!1];
-			if (!we(p) || h) {
-				let e = [Te(p), h];
+			})), f(((e) => Ee(d).reduce(((t, n) => (K(t, pt(e, n)), ht(n, e) ? K(t, n) : t)), []))), t) return !i && g && n(!1), [!1];
+			if (!Te(p) || h) {
+				let e = [Ee(p), h];
 				return i || n.apply(0, e), e;
 			}
 		}
@@ -495,17 +495,17 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 	}), () => {
 		if (i) return g(!0, _.takeRecords());
 	}];
-}, Cr = null, wr = (e, t, n) => {
-	let { ft: r } = n || {}, i = pn($n), [a] = F({
+}, wr = null, Tr = (e, t, n) => {
+	let { ft: r } = n || {}, i = mn(er), [a] = L({
 		o: !1,
 		u: !0
 	});
 	return () => {
-		let n = [], o = Et(`<div class="${Nn}"><div class="${Fn}"></div></div>`)[0], s = o.firstChild, c = (e) => {
-			let n = U(e) && !we(e), r = !1, i = !1;
+		let n = [], o = Dt(`<div class="${Pn}"><div class="${In}"></div></div>`)[0], s = o.firstChild, c = (e) => {
+			let n = W(e) && !Te(e), r = !1, i = !1;
 			if (n) {
-				let t = e[0], [n, , o] = a(t.contentRect), s = Kt(n);
-				i = qt(n, o), r = !i && !s;
+				let t = e[0], [n, , o] = a(t.contentRect), s = qt(n);
+				i = Jt(n, o), r = !i && !s;
 			} else i = e === !0;
 			r || t({
 				_t: !0,
@@ -513,34 +513,34 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 			});
 		};
 		if (le) {
-			if (!he(Cr)) {
-				let t = new le(Ze);
+			if (!he(wr)) {
+				let t = new le(Qe);
 				t.observe(e, { get box() {
-					Cr = !0;
-				} }), Cr ||= !1, t.disconnect();
+					wr = !0;
+				} }), wr ||= !1, t.disconnect();
 			}
-			let t = qe(c, {
+			let t = Je(c, {
 				p: 0,
 				v: 0
 			}), r = (e) => t(e), i = new le(r);
-			if (i.observe(Cr ? e : s), K(n, [() => {
+			if (i.observe(wr ? e : s), K(n, [() => {
 				i.disconnect();
-			}, !Cr && Z(e, o)]), Cr) {
+			}, !wr && Z(e, o)]), wr) {
 				let t = new le(r);
 				t.observe(e, { box: "border-box" }), K(n, (() => t.disconnect()));
 			}
 		} else if (i) {
 			let [t, a] = i(s, c, r);
-			K(n, xe([
-				dt(o, Pn),
+			K(n, Se([
+				ft(o, Fn),
 				Q(o, "animationstart", t),
 				Z(e, o)
 			], a));
-		} else return Ze;
+		} else return Qe;
 		return J(q, n);
 	};
-}, Tr = (e, t) => {
-	let n, r = (e) => e.h === 0 || e.isIntersecting || e.intersectionRatio > 0, i = Tt(In), [a] = F({ o: !1 }), o = (e, n) => {
+}, Er = (e, t) => {
+	let n, r = (e) => e.h === 0 || e.isIntersecting || e.intersectionRatio > 0, i = Et(Ln), [a] = L({ o: !1 }), o = (e, n) => {
 		if (e) {
 			let i = a(r(e)), [, o] = i;
 			return o && !n && t(i) && [i];
@@ -553,15 +553,15 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 		}));
 		else {
 			let e = () => {
-				let e = Bt(i);
+				let e = Vt(i);
 				o(e);
 			};
-			K(t, wr(i, e)()), e();
+			K(t, Tr(i, e)()), e();
 		}
 		return J(q, K(t, Z(e, i)));
 	}, () => n && s(!0, n.takeRecords())];
-}, Er = (e, t, n, r) => {
-	let i, a, o, s, c, l, u, d, f = `[${xn}]`, p = `[${Cn}]`, m = [
+}, Dr = (e, t, n, r) => {
+	let i, a, o, s, c, l, u, d, f = `[${Sn}]`, p = `[${wn}]`, m = [
 		"id",
 		"class",
 		"style",
@@ -569,17 +569,17 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 		"wrap",
 		"cols",
 		"rows"
-	], { dt: h, vt: g, L: _, gt: v, ht: y, V: b, bt: x, yt: S, wt: C, St: w } = e, T = (e) => Nt(e, "direction") === "rtl", E = () => {
-		let e, t, n, i = qe(r, {
+	], { dt: h, vt: g, L: _, gt: v, ht: y, V: b, bt: x, yt: S, wt: C, St: w } = e, T = (e) => Pt(e, "direction") === "rtl", E = () => {
+		let e, t, n, i = Je(r, {
 			p: () => e,
 			v: () => t,
 			S: () => n,
 			m(e, t) {
 				let [n] = e, [r] = t;
-				return [xe(Y(n), Y(r)).reduce(((e, t) => (e[t] = n[t] || r[t], e)), {})];
+				return [Se(Y(n), Y(r)).reduce(((e, t) => (e[t] = n[t] || r[t], e)), {})];
 			}
 		}), a = (r, a) => {
-			if (U(a)) {
+			if (W(a)) {
 				let [r, i, o] = a;
 				e = r, t = i, n = o;
 			} else pe(a) ? (e = a, t = !1, n = !1) : (e = !1, t = !1, n = !1);
@@ -589,15 +589,15 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 	}, D = {
 		Ot: !1,
 		B: T(h)
-	}, O = br(), k = pn(ar), [A] = F({
-		i: He,
+	}, O = xr(), k = mn(or), [A] = L({
+		i: Ue,
 		o: {
 			w: 0,
 			h: 0
 		}
 	}, (() => {
-		let r = k && k.R(e, t, D, O, n).Y, i = !(x && b) && ct(g, xn, yn), a = !b && S(En), o = a && $t(v), s = o && w(), c = C(Dn, i), l = a && r && r(), u = Ht(_), d = Ut(_);
-		return l && l(), Qt(v, o), s && s(), i && c(), {
+		let r = k && k.R(e, t, D, O, n).Y, i = !(x && b) && lt(g, Sn, bn), a = !b && S(Dn), o = a && en(v), s = o && w(), c = C(On, i), l = a && r && r(), u = Ut(_), d = Wt(_);
+		return l && l(), $t(v, o), s && s(), i && c(), {
 			w: u.w + d.w,
 			h: u.h + d.h
 		};
@@ -613,26 +613,26 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 			ft: t
 		};
 		M(i), n(i, a);
-	}, te = (e, t) => {
+	}, P = (e, t) => {
 		let [, n] = A(), r = { xt: n };
 		return M(r), n && !t && j(r, e ? o : i), r;
-	}, P = (e, t, n) => {
+	}, F = (e, t, n) => {
 		let r = { Ht: t };
 		return M(r), t && !n && j(r, i), r;
-	}, [I, L] = y ? Tr(g, ee) : [], R = !b && wr(g, N, { ft: !0 }), [z, B] = Sr(g, !1, P, {
+	}, [I, R] = y ? Er(g, ee) : [], z = !b && Tr(g, N, { ft: !0 }), [B, V] = Cr(g, !1, F, {
 		ct: m,
 		et: m
-	}), V = b && le && new le(((e) => {
+	}), H = b && le && new le(((e) => {
 		let t = e[e.length - 1].contentRect;
 		N({
 			_t: !0,
-			ft: qt(t, u)
+			ft: Jt(t, u)
 		}), u = t;
 	}));
 	return [
 		() => {
-			V && V.observe(g);
-			let e = R && R(), t = I && I(), n = z(), r = O.G(((e) => {
+			H && H.observe(g);
+			let e = z && z(), t = I && I(), n = B(), r = O.G(((e) => {
 				let [, t] = A();
 				j({
 					Et: e,
@@ -641,40 +641,40 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 				}, s);
 			}));
 			return () => {
-				V && V.disconnect(), e && e(), t && t(), l && l(), n(), r();
+				H && H.disconnect(), e && e(), t && t(), l && l(), n(), r();
 			};
 		},
 		({ Dt: e, zt: t, It: n }) => {
-			let r = {}, [u] = e("update.ignoreMutation"), [d, h] = e("update.attributes"), [g, v] = e("update.elementEvents"), [x, S] = e("update.debounce"), C = v || h, w = t || n, T = (e) => H(u) && !!u(e);
+			let r = {}, [u] = e("update.ignoreMutation"), [d, h] = e("update.attributes"), [g, v] = e("update.elementEvents"), [x, S] = e("update.debounce"), C = v || h, w = t || n, T = (e) => U(u) && !!u(e);
 			if (C) {
 				c && c(), l && l();
-				let [e, t] = Sr(y || _, !0, te, {
-					et: xe(m, d || []),
+				let [e, t] = Cr(y || _, !0, P, {
+					et: Se(m, d || []),
 					rt: g,
 					it: f,
 					ut: (e, t) => {
 						let { target: n, attributeName: r } = e;
-						return (!t && r && !b ? bt(n, f, p) : !1) || !!vt(n, `.${Rn}`) || T(e);
+						return (!t && r && !b ? xt(n, f, p) : !1) || !!yt(n, `.${zn}`) || T(e);
 					}
 				});
 				l = e(), c = t;
 			}
-			if (S && (j.O(), U(x) || pe(x) ? (i = x, a = !1, o = ur, s = dr) : ve(x) ? (i = x.mutation, a = x.resize, o = x.event, s = x.env) : (i = !1, a = !1, o = !1, s = !1)), w) {
-				let e = B(), t = L && L(), n = c && c();
-				e && X(r, P(e[0], e[1], w)), t && X(r, ee(t[0], w)), n && X(r, te(n[0], w));
+			if (S && (j.O(), W(x) || pe(x) ? (i = x, a = !1, o = dr, s = fr) : ve(x) ? (i = x.mutation, a = x.resize, o = x.event, s = x.env) : (i = !1, a = !1, o = !1, s = !1)), w) {
+				let e = V(), t = R && R(), n = c && c();
+				e && X(r, F(e[0], e[1], w)), t && X(r, ee(t[0], w)), n && X(r, P(n[0], w));
 			}
 			return M(r), r;
 		},
 		D
 	];
-}, Dr = (e, t) => H(t) ? t.apply(0, e) : t, Or = (e, t, n, r) => Dr(e, de(r) ? n : r) || t.apply(0, e), kr = (e, t, n, r) => {
-	let i = Dr(e, de(r) ? n : r);
+}, Or = (e, t) => U(t) ? t.apply(0, e) : t, kr = (e, t, n, r) => Or(e, de(r) ? n : r) || t.apply(0, e), Ar = (e, t, n, r) => {
+	let i = Or(e, de(r) ? n : r);
 	return !!i && (ye(i) ? i : t.apply(0, e));
-}, Ar = (e, t) => {
-	let { nativeScrollbarsOverlaid: n, body: r } = t || {}, { M: i, P: a, K: o } = br(), { nativeScrollbarsOverlaid: s, body: c } = o().cancel, l = n ?? s, u = de(r) ? c : r, d = (i.x || i.y) && l, f = e && (fe(u) ? !a : u);
+}, jr = (e, t) => {
+	let { nativeScrollbarsOverlaid: n, body: r } = t || {}, { M: i, P: a, K: o } = xr(), { nativeScrollbarsOverlaid: s, body: c } = o().cancel, l = n ?? s, u = de(r) ? c : r, d = (i.x || i.y) && l, f = e && (fe(u) ? !a : u);
 	return !!d || !!f;
-}, jr = (e, t, n, r) => {
-	let { K: i } = br(), { scrollbars: a } = i(), { slot: o } = a, { dt: s, vt: c, L: l, At: u, gt: d, bt: f, V: p } = t, { scrollbars: m } = u ? {} : e, { slot: h } = m || {}, g = [], _ = [], v = [], y = kr([
+}, Mr = (e, t, n, r) => {
+	let { K: i } = xr(), { scrollbars: a } = i(), { slot: o } = a, { dt: s, vt: c, L: l, At: u, gt: d, bt: f, V: p } = t, { scrollbars: m } = u ? {} : e, { slot: h } = m || {}, g = [], _ = [], v = [], y = Ar([
 		s,
 		c,
 		l
@@ -687,7 +687,7 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 				t && t.cancel(), t = null;
 			};
 			return { Mt: (o) => {
-				let { Tt: s } = n, c = nn(s)[e], l = e === "x", u = [Ft(0, l), Ft(`calc(-100% + 100cq${l ? "w" : "h"})`, l)], d = c ? u : u.reverse();
+				let { Tt: s } = n, c = rn(s)[e], l = e === "x", u = [It(0, l), It(`calc(-100% + 100cq${l ? "w" : "h"})`, l)], d = c ? u : u.reverse();
 				return r[0] === d[0] && r[1] === d[1] ? a : (r = d, a(), t = o.kt.animate({
 					clear: ["left"],
 					transform: d
@@ -698,43 +698,43 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 		x: b("x"),
 		y: b("y")
 	}, S = () => {
-		let { Rt: e, Vt: t } = n, r = (e, t) => Qe(0, 1, e / (e + t) || 0);
+		let { Rt: e, Vt: t } = n, r = (e, t) => $e(0, 1, e / (e + t) || 0);
 		return {
 			x: r(t.x, e.x),
 			y: r(t.y, e.y)
 		};
 	}, C = (e, t, n) => {
-		let r = n ? dt : ut;
+		let r = n ? ft : dt;
 		G(e, ((e) => {
 			r(e.Lt, t);
 		}));
 	}, w = (e, t) => {
 		G(e, ((e) => {
 			let [n, r] = t(e);
-			Mt(n, r);
+			Nt(n, r);
 		}));
 	}, T = (e, t, n) => {
 		let r = he(n), i = !r || n, a = !r || !n;
 		i && C(_, e, t), a && C(v, e, t);
 	}, E = () => {
-		let e = S(), t = (e) => (t) => [t.Lt, { "--os-viewport-percent": At(e) + "" }];
+		let e = S(), t = (e) => (t) => [t.Lt, { "--os-viewport-percent": jt(e) + "" }];
 		w(_, t(e.x)), w(v, t(e.y));
 	}, D = () => {
 		if (!ue) {
-			let { Tt: e } = n, t = rn(e, $t(d)), r = (e) => (t) => [t.Lt, { "--os-scroll-percent": At(e) + "" }];
+			let { Tt: e } = n, t = an(e, en(d)), r = (e) => (t) => [t.Lt, { "--os-scroll-percent": jt(e) + "" }];
 			w(_, r(t.x)), w(v, r(t.y));
 		}
 	}, O = () => {
-		let { Tt: e } = n, t = nn(e), r = (e) => (t) => [t.Lt, { "--os-scroll-direction": e ? "0" : "1" }];
+		let { Tt: e } = n, t = rn(e), r = (e) => (t) => [t.Lt, { "--os-scroll-direction": e ? "0" : "1" }];
 		w(_, r(t.x)), w(v, r(t.y)), ue && (_.forEach(x.x.Mt), v.forEach(x.y.Mt));
 	}, k = () => {
 		if (p && !f) {
-			let { Rt: e, Tt: t } = n, r = nn(t), i = rn(t, $t(d)), a = (t) => {
-				let { Lt: n } = t, a = _t(n) === l && n, o = (e, t, n) => {
+			let { Rt: e, Tt: t } = n, r = rn(t), i = an(t, en(d)), a = (t) => {
+				let { Lt: n } = t, a = vt(n) === l && n, o = (e, t, n) => {
 					let r = t * e;
-					return jt(n ? r : -r);
+					return Mt(n ? r : -r);
 				};
-				return [a, a && { transform: Ft({
+				return [a, a && { transform: It({
 					x: o(i.x, e.x, r.x),
 					y: o(i.y, e.y, r.y)
 				}) }];
@@ -742,7 +742,7 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 			w(_, a), w(v, a);
 		}
 	}, A = (e) => {
-		let t = e ? "x" : "y", n = Tt(`${Rn} ${e ? Bn : Vn}`), i = Tt(Hn), a = Tt(Un), o = {
+		let t = e ? "x" : "y", n = Et(`${zn} ${e ? Vn : Hn}`), i = Et(Un), a = Et(Wn), o = {
 			Lt: n,
 			Pt: i,
 			kt: a
@@ -750,7 +750,7 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 		return K(e ? _ : v, o), K(g, [
 			Z(n, i),
 			Z(i, a),
-			J(xt, n),
+			J(St, n),
 			s && s.Mt(o),
 			r(o, T, e)
 		]), o;
@@ -772,49 +772,49 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 			Wt: J(w, v)
 		}
 	}, () => (Z(y, _[0].Lt), Z(y, v[0].Lt), J(q, g))];
-}, Mr = (e, t, n, r, i) => (a, o, s) => {
-	let { vt: c, L: l, V: u, gt: d, Gt: f, St: p } = t, { Lt: m, Pt: h, kt: g } = a, [_, v] = Ge(333), [y, b] = Ge(444), x = (e) => {
-		H(d.scrollBy) && d.scrollBy({
+}, Nr = (e, t, n, r, i) => (a, o, s) => {
+	let { vt: c, L: l, V: u, gt: d, Gt: f, St: p } = t, { Lt: m, Pt: h, kt: g } = a, [_, v] = Ke(333), [y, b] = Ke(444), x = (e) => {
+		U(d.scrollBy) && d.scrollBy({
 			behavior: "smooth",
 			left: e.x,
 			top: e.y
 		});
 	}, S = () => {
-		let t = "pointerup pointercancel lostpointercapture", i = `client${s ? "X" : "Y"}`, a = s ? Fe : Ie, o = s ? "left" : "top", c = s ? "w" : "h", l = s ? "x" : "y", u = [];
+		let t = "pointerup pointercancel lostpointercapture", i = `client${s ? "X" : "Y"}`, a = s ? Ie : Le, o = s ? "left" : "top", c = s ? "w" : "h", l = s ? "x" : "y", u = [];
 		return Q(h, "pointerdown", r(((r) => {
-			let m = vt(r.target, `.${Un}`) === g, _ = m ? g : h, v = e.scrollbars, S = v[m ? "dragScroll" : "clickScroll"], { button: C, isPrimary: w, pointerType: T } = r, { pointers: E } = v;
+			let m = yt(r.target, `.${Wn}`) === g, _ = m ? g : h, v = e.scrollbars, S = v[m ? "dragScroll" : "clickScroll"], { button: C, isPrimary: w, pointerType: T } = r, { pointers: E } = v;
 			if (C === 0 && w && S && (E || []).includes(T)) {
 				q(u), b();
-				let e = !m && (r.shiftKey || S === "instant"), v = J(Wt, g), C = J(Wt, h), w = (e, t) => (e || v())[o] - (t || C())[o], T = z(Wt(d)[a]) / Bt(d)[c] || 1, E = $t(d)[l], D = (e) => {
-					Qt(d, { [l]: E + e });
+				let e = !m && (r.shiftKey || S === "instant"), v = J(Gt, g), C = J(Gt, h), w = (e, t) => (e || v())[o] - (t || C())[o], T = V(Gt(d)[a]) / Vt(d)[c] || 1, E = en(d)[l], D = (e) => {
+					$t(d, { [l]: E + e });
 				}, O = (e) => {
-					let { Rt: t } = n, r = Bt(h)[c] - Bt(g)[c], i = 1 / T * e / r;
+					let { Rt: t } = n, r = Vt(h)[c] - Vt(g)[c], i = 1 / T * e / r;
 					D(i * t[l]);
-				}, k = r[i], A = v(), j = C(), M = A[a], ee = w(A, j) + M / 2, N = k - j[o] - ee, te = m ? 0 : N, P = (e) => {
-					q(L), _.releasePointerCapture(e.pointerId);
-				}, F = m || e, I = p(), L = [
-					Q(f, t, P),
-					Q(f, "selectstart", ((e) => Xt(e)), { D: !1 }),
-					Q(h, t, P),
-					F && Q(h, "pointermove", ((e) => O(te + e[i] - k))),
-					F && (() => {
-						let e = $t(d);
-						I();
-						let t = $t(d), n = {
+				}, k = r[i], A = v(), j = C(), M = A[a], ee = w(A, j) + M / 2, N = k - j[o] - ee, P = m ? 0 : N, F = (e) => {
+					q(R), _.releasePointerCapture(e.pointerId);
+				}, I = m || e, L = p(), R = [
+					Q(f, t, F),
+					Q(f, "selectstart", ((e) => Zt(e)), { D: !1 }),
+					Q(h, t, F),
+					I && Q(h, "pointermove", ((e) => O(P + e[i] - k))),
+					I && (() => {
+						let e = en(d);
+						L();
+						let t = en(d), n = {
 							x: t.x - e.x,
 							y: t.y - e.y
 						};
-						(B(n.x) > 3 || B(n.y) > 3) && (p(), Qt(d, e), x(n), y(I));
+						(H(n.x) > 3 || H(n.y) > 3) && (p(), $t(d, e), x(n), y(L));
 					})
 				];
 				if (_.setPointerCapture(r.pointerId), e) O(N);
 				else if (!m) {
-					let e = pn(or);
+					let e = mn(sr);
 					if (e) {
 						let { Vt: t } = n, r = e(D, O, J(w), N, t[l], S, !!s, ((e) => {
-							e ? I() : K(L, I);
+							e ? L() : K(R, L);
 						}));
-						K(L, r), K(u, J(r, !0));
+						K(R, r), K(u, J(r, !0));
 					}
 				}
 			}
@@ -823,30 +823,30 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 	return J(q, [
 		Q(g, "pointermove pointerleave", r(i)),
 		Q(m, "pointerenter", r((() => {
-			o(Kn, !0);
+			o(qn, !0);
 		}))),
 		Q(m, "pointerleave pointercancel", r((() => {
-			o(Kn, !1);
+			o(qn, !1);
 		}))),
 		Q(m, "wheel", r(((e) => {
 			let { deltaX: t, deltaY: n, deltaMode: r } = e;
-			C && r === 0 && _t(m) === c && x({
+			C && r === 0 && vt(m) === c && x({
 				x: t,
 				y: n
-			}), C = !1, o(Xn, !0), _((() => {
-				C = !0, o(Xn);
-			})), Xt(e);
+			}), C = !1, o(Zn, !0), _((() => {
+				C = !0, o(Zn);
+			})), Zt(e);
 		})), {
 			D: !1,
 			I: !0
 		}),
 		!u && Q(m, "mousedown", r((() => {
-			let e = yt();
-			(tt(e, Cn) || tt(e, xn) || e === document.body) && ie(J(an, l), 25);
+			let e = bt();
+			(nt(e, wn) || nt(e, Sn) || e === document.body) && ie(J(on, l), 25);
 		}))),
 		Q(m, "pointerdown", (() => {
 			let e = Q(f, "click", ((e) => {
-				t(), Zt(e);
+				t(), Qt(e);
 			}), {
 				A: !0,
 				I: !0,
@@ -865,144 +865,144 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 		v,
 		b
 	]);
-}, Nr = (e, t, n, r, i, a, o) => {
-	let s, c, l, u, d, f = Ze, p = 0, m = ["mouse", "pen"], h = (e) => (t) => {
+}, Pr = (e, t, n, r, i, a, o) => {
+	let s, c, l, u, d, f = Qe, p = 0, m = ["mouse", "pen"], h = (e) => (t) => {
 		n.Kt || e(t);
-	}, g = (e) => m.includes(e.pointerType), [_, v] = Ge(), [y, b] = Ge(100), [x, S] = Ge(50), [C, w] = Ge((() => p)), [T, E] = jr(e, a, i, Mr(t, a, i, h, ((e) => g(e) && P()))), { vt: D, Qt: O, bt: k } = a, { Ft: A, Ut: j, Nt: M, qt: ee, Bt: N } = T, te = (e, t) => {
+	}, g = (e) => m.includes(e.pointerType), [_, v] = Ke(), [y, b] = Ke(100), [x, S] = Ke(50), [C, w] = Ke((() => p)), [T, E] = Mr(e, a, i, Nr(t, a, i, h, ((e) => g(e) && F()))), { vt: D, Qt: O, bt: k } = a, { Ft: A, Ut: j, Nt: M, qt: ee, Bt: N } = T, P = (e, t) => {
 		w();
 		let r = (e) => {
-			n.Kt || A(Yn, e);
+			n.Kt || A(Xn, e);
 		};
 		if (e) r();
 		else {
 			let e = !l || !s;
 			p > 0 && !t ? C(J(r, e)) : r(e);
 		}
-	}, P = () => {
-		(l ? !s : !u) && (te(!0), y((() => {
-			te(!1);
+	}, F = () => {
+		(l ? !s : !u) && (P(!0), y((() => {
+			P(!1);
 		})));
-	}, F = (e) => {
-		g(e) && (s = !0, !n.Kt && l && te(!0));
 	}, I = (e) => {
-		g(e) && (s = !1, !n.Kt && l && te(!1));
+		g(e) && (s = !0, !n.Kt && l && P(!0));
 	}, L = (e) => {
-		A(Jn, e, !0), A(Jn, e, !1);
-	}, R = [
+		g(e) && (s = !1, !n.Kt && l && P(!1));
+	}, R = (e) => {
+		A(Yn, e, !0), A(Yn, e, !1);
+	}, z = [
 		w,
 		b,
 		S,
 		v,
 		() => f(),
-		Q(D, "pointerover", F, { A: !0 }),
-		Q(D, "pointerenter", F),
-		Q(D, "pointerleave", I),
+		Q(D, "pointerover", I, { A: !0 }),
+		Q(D, "pointerenter", I),
+		Q(D, "pointerleave", L),
 		Q(D, "pointermove", h(((e) => {
-			g(e) && c && P();
+			g(e) && c && F();
 		}))),
 		Q(O, "scroll", h(((e) => {
 			_((() => {
-				M(), P();
+				M(), F();
 			})), o(e), N();
 		})))
-	], z = pn(ar);
+	], B = mn(or);
 	return [
-		() => J(q, K(R, E())),
+		() => J(q, K(z, E())),
 		({ Dt: e, It: t, Zt: n, tn: a }) => {
-			let { nn: o, sn: s, en: m, cn: g } = a || {}, { Ct: _, ft: v } = n || {}, { B: y } = r, { M: b, P: S } = br(), { rn: C, j: w } = i, [T, E] = e("showNativeOverlaidScrollbars"), [D, P] = e("scrollbars.theme"), [F, I] = e("scrollbars.visibility"), [R, B] = e("scrollbars.autoHide"), [V, ne] = e("scrollbars.autoHideSuspend"), [re] = e("scrollbars.autoHideDelay"), [ie, ae] = e("scrollbars.dragScroll"), [oe, se] = e("scrollbars.clickScroll"), [ce, le] = e("overflow"), ue = v && !t, de = o || s || g || _ || t, fe = m || I || le, pe = T && b.x && b.y, me = !S && !z, he = pe || me, H = (e, t, n) => {
-				let r = e.includes(ze) && (F === Le || F === "auto" && t === ze);
-				return A(Wn, r, n), r;
+			let { nn: o, sn: s, en: m, cn: g } = a || {}, { Ct: _, ft: v } = n || {}, { B: y } = r, { M: b, P: S } = xr(), { rn: C, j: w } = i, [T, E] = e("showNativeOverlaidScrollbars"), [D, F] = e("scrollbars.theme"), [I, L] = e("scrollbars.visibility"), [z, V] = e("scrollbars.autoHide"), [H, te] = e("scrollbars.autoHideSuspend"), [ne] = e("scrollbars.autoHideDelay"), [re, ie] = e("scrollbars.dragScroll"), [ae, oe] = e("scrollbars.clickScroll"), [se, ce] = e("overflow"), le = v && !t, ue = o || s || g || _ || t, de = m || L || ce, fe = T && b.x && b.y, pe = !S && !B, me = fe || pe, he = (e, t, n) => {
+				let r = e.includes(Be) && (I === Re || I === "auto" && t === Be);
+				return A(Gn, r, n), r;
 			};
-			if (p = re, (E || me) && A(Ln, he), P && (A(d), A(D, !0), d = D), (ne || ue) && (L(!V), ue && V && (w.x || w.y ? (f(), x((() => {
-				f = Q(O, ze, h(J(L, !0)), { A: !0 });
-			}))) : L(!0))), B && (c = R === "move", l = R === "leave", u = R === "never", te(u, !0)), ae && A(Qn, ie), se && A(Zn, !!oe), fe) {
-				let e = H(ce.x, C.x, !0), t = H(ce.y, C.y, !1);
-				A(Gn, !(e && t));
+			if (p = ne, (E || pe) && A(Rn, me), F && (A(d), A(D, !0), d = D), (te || le) && (R(!H), le && H && (w.x || w.y ? (f(), x((() => {
+				f = Q(O, Be, h(J(R, !0)), { A: !0 });
+			}))) : R(!0))), V && (c = z === "move", l = z === "leave", u = z === "never", P(u, !0)), ie && A($n, re), oe && A(Qn, !!ae), de) {
+				let e = he(se.x, C.x, !0), t = he(se.y, C.y, !1);
+				A(Kn, !(e && t));
 			}
-			de && (M(), j(), N(), g && ee(), A(qn, !w.x, !0), A(qn, !w.y, !1), A(zn, y && !k));
+			ue && (M(), j(), N(), g && ee(), A(Jn, !w.x, !0), A(Jn, !w.y, !1), A(Bn, y && !k));
 		},
 		{},
 		T
 	];
-}, Pr = (e) => {
-	let { K: t, P: n } = br(), { elements: r } = t(), { padding: i, viewport: a, content: o } = r, s = ye(e), c = s ? {} : e, { elements: l } = c, { padding: u, viewport: d, content: f } = l || {}, p = s ? e : c.target, m = ht(p), h = p.ownerDocument, g = h.documentElement, _ = () => h.defaultView || I, v = J(Or, [p]), y = J(kr, [p]), b = J(Tt, ""), x = J(v, b, a), S = J(y, b, o), C = (e) => {
-		let t = Bt(e), n = Ht(e), r = Nt(e, Ne), i = Nt(e, Pe);
-		return n.w - t.w > 0 && !tr(r) || n.h - t.h > 0 && !tr(i);
+}, Fr = (e) => {
+	let { K: t, P: n } = xr(), { elements: r } = t(), { padding: i, viewport: a, content: o } = r, s = ye(e), c = s ? {} : e, { elements: l } = c, { padding: u, viewport: d, content: f } = l || {}, p = s ? e : c.target, m = gt(p), h = p.ownerDocument, g = h.documentElement, _ = () => h.defaultView || R, v = J(kr, [p]), y = J(Ar, [p]), b = J(Et, ""), x = J(v, b, a), S = J(y, b, o), C = (e) => {
+		let t = Vt(e), n = Ut(e), r = Pt(e, Pe), i = Pt(e, Fe);
+		return n.w - t.w > 0 && !nr(r) || n.h - t.h > 0 && !nr(i);
 	}, w = x(d), T = w === p, E = T && m, D = !T && S(f), O = !T && w === D, k = E ? g : w, A = E ? k : p, j = !T && y(b, i, u), M = !O && D, ee = [
 		M,
 		k,
 		j,
 		A
-	].map(((e) => ye(e) && !_t(e) && e)), N = (e) => e && be(ee, e), te = !N(k) && C(k) ? k : p, P = E ? g : k, F = {
+	].map(((e) => ye(e) && !vt(e) && e)), N = (e) => e && xe(ee, e), P = !N(k) && C(k) ? k : p, F = E ? g : k, I = {
 		dt: p,
 		vt: A,
 		L: k,
 		ln: j,
 		ht: M,
-		gt: P,
+		gt: F,
 		Qt: E ? h : k,
-		an: m ? g : te,
+		an: m ? g : P,
 		Gt: h,
 		bt: m,
 		At: s,
 		V: T,
 		un: _,
-		yt: (e) => ct(k, Cn, e),
-		wt: (e, t) => st(k, Cn, e, t),
-		St: () => st(P, Cn, On, !0)
-	}, { dt: L, vt: R, ln: z, L: B, ht: V } = F, ne = [() => {
-		rt(R, [xn, vn]), rt(L, vn), m && rt(g, [vn, xn]);
-	}], re = gt([
+		yt: (e) => lt(k, wn, e),
+		wt: (e, t) => ct(k, wn, e, t),
+		St: () => ct(F, wn, kn, !0)
+	}, { dt: L, vt: z, ln: B, L: V, ht: H } = I, te = [() => {
+		it(z, [Sn, yn]), it(L, yn), m && it(g, [yn, Sn]);
+	}], ne = _t([
+		H,
 		V,
 		B,
 		z,
-		R,
 		L
-	].find(((e) => e && !N(e)))), ie = E ? L : V || B, ae = J(q, ne);
+	].find(((e) => e && !N(e)))), re = E ? L : H || V, ie = J(q, te);
 	return [
-		F,
+		I,
 		() => {
-			let e = _(), t = yt(), r = (e) => {
-				Z(_t(e), gt(e)), xt(e);
-			}, i = (e) => Q(e, "focusin focusout focus blur", Zt, {
+			let e = _(), t = bt(), r = (e) => {
+				Z(vt(e), _t(e)), St(e);
+			}, i = (e) => Q(e, "focusin focusout focus blur", Qt, {
 				I: !0,
 				D: !1
-			}), a = "tabindex", o = et(B, a), s = i(t);
-			return nt(R, xn, T ? "" : Sn), nt(z, jn, ""), nt(B, Cn, ""), nt(V, Mn, ""), T || (nt(B, a, o || "-1"), m && nt(g, bn, "")), Z(ie, re), Z(R, z), Z(z || R, !T && B), Z(B, V), K(ne, [s, () => {
-				let e = yt(), t = N(B), n = t && e === B ? L : e, s = i(n);
-				rt(z, jn), rt(V, Mn), rt(B, Cn), m && rt(g, bn), o ? nt(B, a, o) : rt(B, a), N(V) && r(V), t && r(B), N(z) && r(z), an(n), s();
-			}]), n && !T && (ot(B, Cn, kn), K(ne, J(rt, B, Cn))), an(!T && m && t === L && e.top === e ? B : t), s(), re = 0, ae;
+			}), a = "tabindex", o = tt(V, a), s = i(t);
+			return rt(z, Sn, T ? "" : Cn), rt(B, Mn, ""), rt(V, wn, ""), rt(H, Nn, ""), T || (rt(V, a, o || "-1"), m && rt(g, xn, "")), Z(re, ne), Z(z, B), Z(B || z, !T && V), Z(V, H), K(te, [s, () => {
+				let e = bt(), t = N(V), n = t && e === V ? L : e, s = i(n);
+				it(B, Mn), it(H, Nn), it(V, wn), m && it(g, xn), o ? rt(V, a, o) : it(V, a), N(H) && r(H), t && r(V), N(B) && r(B), on(n), s();
+			}]), n && !T && (st(V, wn, An), K(te, J(it, V, wn))), on(!T && m && t === L && e.top === e ? V : t), s(), ne = 0, ie;
 		},
-		ae
+		ie
 	];
-}, Fr = ({ ht: e }) => ({ Zt: t, fn: n, It: r }) => {
+}, Ir = ({ ht: e }) => ({ Zt: t, fn: n, It: r }) => {
 	let { $t: i } = t || {}, { Ot: a } = n;
-	e && (i || r) && Mt(e, { [Ie]: a && "100%" });
-}, Ir = ({ vt: e, ln: t, L: n, V: r }, i) => {
-	let [a, o] = F({
-		i: We,
-		o: Pt()
-	}, J(Pt, e, "padding", ""));
+	e && (i || r) && Nt(e, { [Le]: a && "100%" });
+}, Lr = ({ vt: e, ln: t, L: n, V: r }, i) => {
+	let [a, o] = L({
+		i: Ge,
+		o: Ft()
+	}, J(Ft, e, "padding", ""));
 	return ({ Dt: e, Zt: s, fn: c, It: l }) => {
-		let [u, d] = o(l), { P: f } = br(), { _t: p, xt: m, Ct: h } = s || {}, { B: g } = c, [_, v] = e("paddingAbsolute");
+		let [u, d] = o(l), { P: f } = xr(), { _t: p, xt: m, Ct: h } = s || {}, { B: g } = c, [_, v] = e("paddingAbsolute");
 		(p || d || l || m) && ([u, d] = a(l));
 		let y = !r && (v || h || d);
 		if (y) {
 			let e = !_ || !t && !f, r = u.r + u.l, a = u.t + u.b, o = {
-				[je]: e && !g ? -r : 0,
-				[Me]: e ? -a : 0,
-				[Ae]: e && g ? -r : 0,
+				[Me]: e && !g ? -r : 0,
+				[Ne]: e ? -a : 0,
+				[je]: e && g ? -r : 0,
 				top: e ? -u.t : 0,
 				right: e ? g ? -u.r : "auto" : 0,
 				left: e ? g ? "auto" : -u.l : 0,
-				[Fe]: e && `calc(100% + ${r}px)`
+				[Ie]: e && `calc(100% + ${r}px)`
 			}, s = {
-				[Ee]: e ? u.t : 0,
-				[De]: e ? u.r : 0,
-				[ke]: e ? u.b : 0,
-				[Oe]: e ? u.l : 0
+				[De]: e ? u.t : 0,
+				[Oe]: e ? u.r : 0,
+				[Ae]: e ? u.b : 0,
+				[ke]: e ? u.l : 0
 			};
-			Mt(t || n, o), Mt(n, s), X(i, {
+			Nt(t || n, o), Nt(n, s), X(i, {
 				ln: u,
 				_n: !e,
 				F: t ? s : X({}, o, s)
@@ -1010,29 +1010,29 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 		}
 		return { dn: y };
 	};
-}, Lr = (e, t) => {
-	let n = br(), { vt: r, ln: i, L: a, V: o, Qt: s, gt: c, bt: l, wt: u, un: d } = e, { P: f } = n, p = l && o, m = J(L, 0), h = {
+}, Rr = (e, t) => {
+	let n = xr(), { vt: r, ln: i, L: a, V: o, Qt: s, gt: c, bt: l, wt: u, un: d } = e, { P: f } = n, p = l && o, m = J(z, 0), h = {
 		display: () => !1,
 		direction: (e) => e !== "ltr",
 		flexDirection: (e) => e.endsWith("-reverse"),
 		writingMode: (e) => e !== "horizontal-tb"
 	}, g = Y(h), _ = {
-		i: He,
+		i: Ue,
 		o: {
 			w: 0,
 			h: 0
 		}
 	}, v = {
-		i: Ue,
+		i: We,
 		o: {}
 	}, y = (e) => {
-		u(Dn, !p && e);
-	}, b = () => Nt(a, g), x = (e, t) => {
+		u(On, !p && e);
+	}, b = () => Pt(a, g), x = (e, t) => {
 		let n = !Y(e).length, r = t ? !0 : g.some(((t) => {
 			let n = e[t];
 			return me(n) && h[t](n);
 		}));
-		if (n || !r || !Gt(a)) return {
+		if (n || !r || !Kt(a)) return {
 			T: {
 				x: 0,
 				y: 0
@@ -1043,43 +1043,43 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 			}
 		};
 		y(!0);
-		let i = $t(c), o = Q(s, ze, ((e) => {
-			let t = $t(c);
-			e.isTrusted && t.x === i.x && t.y === i.y && Yt(e);
+		let i = en(c), o = Q(s, Be, ((e) => {
+			let t = en(c);
+			e.isTrusted && t.x === i.x && t.y === i.y && Xt(e);
 		}), {
 			I: !0,
 			A: !0
-		}), l = u(An, !0);
-		Qt(c, {
+		}), l = u(jn, !0);
+		$t(c, {
 			x: 0,
 			y: 0
 		}), l();
-		let d = $t(c), f = Ht(c);
-		Qt(c, {
+		let d = en(c), f = Ut(c);
+		$t(c, {
 			x: f.w,
 			y: f.h
 		});
-		let p = $t(c), m = {
+		let p = en(c), m = {
 			x: p.x - d.x,
 			y: p.y - d.y
 		};
-		Qt(c, {
+		$t(c, {
 			x: -f.w,
 			y: -f.h
 		});
-		let _ = $t(c), v = {
+		let _ = en(c), v = {
 			x: _.x - d.x,
 			y: _.y - d.y
 		}, b = {
-			x: B(m.x) >= B(v.x) ? p.x : _.x,
-			y: B(m.y) >= B(v.y) ? p.y : _.y
+			x: H(m.x) >= H(v.x) ? p.x : _.x,
+			y: H(m.y) >= H(v.y) ? p.y : _.y
 		};
-		return Qt(c, i), re((() => o())), {
+		return $t(c, i), re((() => o())), {
 			T: d,
 			k: b
 		};
 	}, S = (e, t) => {
-		let n = I.devicePixelRatio % 1 == 0 ? 0 : 1, r = {
+		let n = R.devicePixelRatio % 1 == 0 ? 0 : 1, r = {
 			w: m(e.w - t.w),
 			h: m(e.h - t.h)
 		};
@@ -1089,8 +1089,8 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 		};
 	}, C = (e, t) => {
 		let n = (e, t, n, r) => {
-			let i = e === Le ? Re : nr(e), a = tr(e), o = tr(n);
-			return !t && !r ? Re : a && o ? Le : a ? t && r ? i : t ? Le : Re : t ? i : o && r ? Le : Re;
+			let i = e === Re ? ze : rr(e), a = nr(e), o = nr(n);
+			return !t && !r ? ze : a && o ? Re : a ? t && r ? i : t ? Re : ze : t ? i : o && r ? Re : ze;
 		};
 		return {
 			x: n(t.x, e.x, t.y, e.y),
@@ -1098,58 +1098,58 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 		};
 	}, w = (e) => {
 		let t = (e) => [
-			Le,
 			Re,
-			ze
-		].map(((t) => V(rr(t), e))), n = t(!0).concat(t()).join(" ");
+			ze,
+			Be
+		].map(((t) => V(ir(t), e))), n = t(!0).concat(t()).join(" ");
 		u(n), u(Y(e).map(((t) => V(e[t], t === "x"))).join(" "), !0);
-	}, [T, E] = F(_, J(Ut, a)), [D, O] = F(_, J(Ht, a)), [k, A] = F(_), [j] = F(v), [M, ee] = F(_), [N] = F(v), [te] = F({
-		i: (e, t) => Ve(e, t, Te(xe(Y(e), Y(t)))),
+	}, [T, E] = L(_, J(Wt, a)), [D, O] = L(_, J(Ut, a)), [k, A] = L(_), [j] = L(v), [M, ee] = L(_), [N] = L(v), [P] = L({
+		i: (e, t) => He(e, t, Ee(Se(Y(e), Y(t)))),
 		o: {}
-	}), [P, R] = F({
-		i: (e, t) => Ue(e.T, t.T) && Ue(e.k, t.k),
-		o: en()
-	}), z = pn(ar), V = (e, t) => `${t ? wn : Tn}${Be(e)}`;
+	}), [F, I] = L({
+		i: (e, t) => We(e.T, t.T) && We(e.k, t.k),
+		o: tn()
+	}), B = mn(or), V = (e, t) => `${t ? Tn : En}${Ve(e)}`;
 	return ({ Dt: o, Zt: s, fn: c, It: l }, { dn: h }) => {
-		let { _t: g, Ht: _, xt: v, Ct: F, ft: I, Et: L } = s || {}, { X: B, Y: V, W: ne } = z && z.R(e, t, c, n, o) || {}, [re, ie] = er(o, n), [ae, oe] = o("overflow"), se = tr(ae.x), ce = tr(ae.y), le = g || h || v || F || L || ie, ue = E(l), de = O(l), fe = A(l), pe = ee(l);
-		if (ie && f && u(kn, !re), le) {
-			ct(r, xn, yn) && y(!0);
-			let e = V && V(), [t] = ue = T(l), [n] = de = D(l), i = Vt(a), o = p && zt(d()), s = {
+		let { _t: g, Ht: _, xt: v, Ct: L, ft: R, Et: z } = s || {}, { X: V, Y: H, W: te } = B && B.R(e, t, c, n, o) || {}, [ne, re] = tr(o, n), [ie, ae] = o("overflow"), oe = nr(ie.x), se = nr(ie.y), ce = g || h || v || L || z || re, le = E(l), ue = O(l), de = A(l), fe = ee(l);
+		if (re && f && u(An, !ne), ce) {
+			lt(r, Sn, bn) && y(!0);
+			let e = H && H(), [t] = le = T(l), [n] = ue = D(l), i = Ht(a), o = p && Bt(d()), s = {
 				w: m(n.w + t.w),
 				h: m(n.h + t.h)
 			}, c = {
 				w: m((o ? o.w : i.w + m(i.w - n.w)) + t.w),
 				h: m((o ? o.h : i.h + m(i.h - n.h)) + t.h)
 			};
-			e && e(), pe = M(c), fe = k(S(s, c), l);
-		}
-		let [me, he] = pe, [H, U] = fe, [ge, _e] = de, [ve, ye] = ue, [W] = j({
-			x: H.w > 0,
-			y: H.h > 0
-		}), G = se && ce && (W.x || W.y) || se && W.x && !W.y || ce && W.y && !W.x, be = h || F || L || ye || _e || he || U || oe || ie || le || _ && p, [xe] = o("update.flowDirectionStyles"), [K, Se] = te(xe ? xe(a) || {} : b(), l), [Ce, we] = F || I || Se || l ? P(x(K, !!xe), l) : R(), Te = C(W, ae);
-		y(!1), be && (w(Te), Te = ir(a, W), ne && B && (B(Te, ge, ve), Mt(a, ne(Te))));
-		let [q, Ee] = N(Te);
-		return st(r, xn, yn, G), st(i, jn, yn, G), X(t, {
-			rn: q,
+			e && e(), fe = M(c), de = k(S(s, c), l);
+		}
+		let [pe, me] = fe, [he, U] = de, [W, ge] = ue, [_e, ve] = le, [ye] = j({
+			x: he.w > 0,
+			y: he.h > 0
+		}), be = oe && se && (ye.x || ye.y) || oe && ye.x && !ye.y || se && ye.y && !ye.x, G = h || L || z || ve || ge || me || U || ae || re || ce || _ && p, [xe] = o("update.flowDirectionStyles"), [Se, K] = P(xe ? xe(a) || {} : b(), l), [Ce, we] = L || R || K || l ? F(x(Se, !!xe), l) : I(), Te = C(ye, ie);
+		y(!1), G && (w(Te), Te = ar(a, ye), te && V && (V(Te, W, _e), Nt(a, te(Te))));
+		let [Ee, q] = N(Te);
+		return ct(r, Sn, bn, be), ct(i, Mn, bn, be), X(t, {
+			rn: Ee,
 			Vt: {
-				x: me.w,
-				y: me.h
+				x: pe.w,
+				y: pe.h
 			},
 			Rt: {
-				x: H.w,
-				y: H.h
+				x: he.w,
+				y: he.h
 			},
-			j: W,
-			Tt: tn(Ce, H)
+			j: ye,
+			Tt: nn(Ce, he)
 		}), {
-			en: Ee,
-			nn: he,
+			en: q,
+			nn: me,
 			sn: U,
 			cn: we || U
 		};
 	};
-}, Rr = (e) => {
-	let [t, n, r] = Pr(e), i = {
+}, zr = (e) => {
+	let [t, n, r] = Fr(e), i = {
 		ln: {
 			t: 0,
 			r: 0,
@@ -1158,13 +1158,13 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 		},
 		_n: !1,
 		F: {
-			[je]: 0,
 			[Me]: 0,
-			[Ae]: 0,
-			[Ee]: 0,
+			[Ne]: 0,
+			[je]: 0,
 			[De]: 0,
-			[ke]: 0,
-			[Oe]: 0
+			[Oe]: 0,
+			[Ae]: 0,
+			[ke]: 0
 		},
 		Vt: {
 			x: 0,
@@ -1175,42 +1175,42 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 			y: 0
 		},
 		rn: {
-			x: Re,
-			y: Re
+			x: ze,
+			y: ze
 		},
 		j: {
 			x: !1,
 			y: !1
 		},
-		Tt: en()
-	}, { dt: a, gt: o, V: s, St: c } = t, { P: l, M: u } = br(), d = !l && (u.x || u.y), f = [
-		Fr(t),
-		Ir(t, i),
-		Lr(t, i)
+		Tt: tn()
+	}, { dt: a, gt: o, V: s, St: c } = t, { P: l, M: u } = xr(), d = !l && (u.x || u.y), f = [
+		Ir(t),
+		Lr(t, i),
+		Rr(t, i)
 	];
 	return [
 		n,
 		(e) => {
-			let t = {}, n = d && $t(o), r = n && c();
+			let t = {}, n = d && en(o), r = n && c();
 			return G(f, ((n) => {
 				X(t, n(e, t) || {});
-			})), Qt(o, n), r && r(), s || Qt(a, 0), t;
+			})), $t(o, n), r && r(), s || $t(a, 0), t;
 		},
 		i,
 		t,
 		r
 	];
-}, zr = (e, t, n, r) => {
+}, Br = (e, t, n, r) => {
 	let i = !1, a = {
 		Kt: !1,
 		pn: !1
-	}, o = mr(t, {}), [s, c, l, u, d] = Rr(e), [f, p, m] = Er(u, l, o, ((e) => {
+	}, o = hr(t, {}), [s, c, l, u, d] = zr(e), [f, p, m] = Dr(u, l, o, ((e) => {
 		y({}, e);
-	})), [h, g, , _] = Nr(e, t, a, m, l, u, r), v = (e) => Y(e).some(((t) => !!e[t])), y = (e, r) => {
+	})), [h, g, , _] = Pr(e, t, a, m, l, u, r), v = (e) => Y(e).some(((t) => !!e[t])), y = (e, r) => {
 		let { Kt: o, pn: s } = a;
 		if (s || o && i) return !1;
 		let { vn: l, It: u, zt: d } = e, f = l || {}, h = !!u || !i, _ = {
-			Dt: mr(t, f, h),
+			Dt: hr(t, f, h),
 			vn: f,
 			It: h
 		}, y = r || p(X({}, _, { zt: d })), b = c(X({}, _, {
@@ -1221,7 +1221,7 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 			Zt: y,
 			tn: b
 		}));
-		let x = v(y), S = v(b), C = x || S || !Xe(f) || h;
+		let x = v(y), S = v(b), C = x || S || !Ze(f) || h;
 		return i = !0, C && n(e, {
 			Zt: y,
 			tn: b
@@ -1229,7 +1229,7 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 	};
 	return [
 		() => {
-			let { an: e, gt: t, St: n } = u, r = $t(e), i = [
+			let { an: e, gt: t, St: n } = u, r = en(e), i = [
 				f(),
 				s(),
 				h(),
@@ -1237,7 +1237,7 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 					a.pn = !0;
 				}
 			], o = n();
-			return Qt(t, r), o(), J(q, i);
+			return $t(t, r), o(), J(q, i);
 		},
 		y,
 		(e) => {
@@ -1249,7 +1249,7 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 		},
 		() => {
 			g({
-				Dt: mr(t, {}, !1),
+				Dt: hr(t, {}, !1),
 				vn: {},
 				It: !1
 			});
@@ -1265,19 +1265,19 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 		},
 		d
 	];
-}, Br = /* @__PURE__ */ new WeakMap(), Vr = (e, t) => {
-	Br.set(e, t);
-}, Hr = (e) => {
-	Br.delete(e);
-}, Ur = (e) => Br.get(e), Wr = (e, t, n) => {
-	let { tt: r } = br(), i = ye(e), a = i ? e : e.target, o = Ur(a);
+}, Vr = /* @__PURE__ */ new WeakMap(), Hr = (e, t) => {
+	Vr.set(e, t);
+}, Ur = (e) => {
+	Vr.delete(e);
+}, Wr = (e) => Vr.get(e), Gr = (e, t, n) => {
+	let { tt: r } = xr(), i = ye(e), a = i ? e : e.target, o = Wr(a);
 	if (t && !o) {
 		let o = [], s = {}, c = (e) => {
-			let t = Ye(e), n = pn(mn);
+			let t = Xe(e), n = mn(hn);
 			return n ? n(t, !0) : t;
-		}, l = X({}, r(), c(t)), [u, d, f] = sn(), [p, m, h] = sn(n), g = (e, t) => {
+		}, l = X({}, r(), c(t)), [u, d, f] = cn(), [p, m, h] = cn(n), g = (e, t) => {
 			h(e, t), f(e, t);
-		}, [_, v, y, b, x, S, C] = zr(e, l, (({ vn: e, It: t }, { Zt: n, tn: r }) => {
+		}, [_, v, y, b, x, S, C] = Br(e, l, (({ vn: e, It: t }, { Zt: n, tn: r }) => {
 			let { _t: i, Ct: a, $t: o, xt: s, Ht: c, ft: l } = n, { nn: u, sn: d, en: f, cn: p } = r;
 			g("updated", [T, {
 				updateHints: {
@@ -1297,12 +1297,12 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 			}]);
 		}), ((e) => g("scroll", [T, e]))), w = (e) => {
 			let { gn: t } = x(), { pn: n } = t;
-			n || (Hr(a), q(o), g("destroyed", [T, e]), d(), m());
+			n || (Ur(a), q(o), g("destroyed", [T, e]), d(), m());
 		}, T = {
 			options(e, t) {
 				if (e) {
-					let n = t ? r() : {}, i = pr(l, X(n, c(e)));
-					Xe(i) || (X(l, i), v({ vn: i }));
+					let n = t ? r() : {}, i = mr(l, X(n, c(e)));
+					Ze(i) || (X(l, i), v({ vn: i }));
 				}
 				return X({}, l);
 			},
@@ -1363,22 +1363,22 @@ var In = "os-trinsic-observer", Ln = "os-theme-none", Rn = "os-scrollbar", zn =
 			sleep: y,
 			plugin: (e) => s[Y(e)[0]]
 		};
-		return K(o, [C]), Vr(a, T), dn(cn, Wr, [
+		return K(o, [C]), Hr(a, T), fn(ln, Gr, [
 			T,
 			u,
 			s
-		]), Ar(S.yn.bt, !i && e.cancel) ? (w(!0), T) : (K(o, _()), g("initialized", [T]), T.update(), T);
+		]), jr(S.yn.bt, !i && e.cancel) ? (w(!0), T) : (K(o, _()), g("initialized", [T]), T.update(), T);
 	}
 	return o;
 };
-Wr.plugin = (e) => {
-	let t = U(e), n = t ? e : [e], r = n.map(((e) => dn(e, Wr)[0]));
-	return un(n), t ? r : r[0];
-}, Wr.valid = (e) => {
-	let t = e && e.elements, n = H(t) && t();
-	return ve(n) && !!Ur(n.target);
-}, Wr.env = () => {
-	let { U: e, M: t, P: n, J: r, ot: i, st: a, K: o, Z: s, tt: c, nt: l } = br();
+Gr.plugin = (e) => {
+	let t = W(e), n = t ? e : [e], r = n.map(((e) => fn(e, Gr)[0]));
+	return dn(n), t ? r : r[0];
+}, Gr.valid = (e) => {
+	let t = e && e.elements, n = U(t) && t();
+	return ve(n) && !!Wr(n.target);
+}, Gr.env = () => {
+	let { U: e, M: t, P: n, J: r, ot: i, st: a, K: o, Z: s, tt: c, nt: l } = xr();
 	return X({}, {
 		scrollbarsSize: e,
 		scrollbarsOverlaid: t,
@@ -1391,10 +1391,10 @@ Wr.plugin = (e) => {
 		getDefaultOptions: c,
 		setDefaultOptions: l
 	});
-}, Wr.nonce = _r, Wr.trustedTypePolicy = wt;
+}, Gr.nonce = vr, Gr.trustedTypePolicy = Tt;
 //#endregion
 //#region node_modules/overlayscrollbars-vue/overlayscrollbars-vue.mjs
-var Gr = () => {
+var Kr = () => {
 	if (typeof window > "u") {
 		let e = () => {};
 		return [e, e];
@@ -1407,20 +1407,20 @@ var Gr = () => {
 			c(), t = i(n);
 		} : n, typeof a == "object" ? a : { timeout: 2233 });
 	}, c];
-}, Kr = (e) => {
-	let t = null, n, r, i, a = w(e || {}), [o, s] = Gr();
-	return k(() => D(a.value?.defer), (e) => {
+}, qr = (e) => {
+	let t = null, n, r, i, a = T(e || {}), [o, s] = Kr();
+	return A(() => O(a.value?.defer), (e) => {
 		i = e;
 	}, {
 		deep: !0,
 		immediate: !0
-	}), k(() => D(a.value?.options), (e) => {
-		n = e, Wr.valid(t) && t.options(n || {}, !0);
+	}), A(() => O(a.value?.options), (e) => {
+		n = e, Gr.valid(t) && t.options(n || {}, !0);
 	}, {
 		deep: !0,
 		immediate: !0
-	}), k(() => D(a.value?.events), (e) => {
-		r = e, Wr.valid(t) && t.on(
+	}), A(() => O(a.value?.events), (e) => {
+		r = e, Gr.valid(t) && t.on(
 			/* c8 ignore next */
 			r || {},
 			!0
@@ -1428,14 +1428,14 @@ var Gr = () => {
 	}, {
 		deep: !0,
 		immediate: !0
-	}), _(() => {
+	}), v(() => {
 		s(), t?.destroy();
 	}), [(e) => {
-		if (Wr.valid(t)) return t;
-		let a = () => t = Wr(e, n || {}, r || {});
+		if (Gr.valid(t)) return t;
+		let a = () => t = Gr(e, n || {}, r || {});
 		i ? o(a, i) : a();
 	}, () => t];
-}, qr = /* @__PURE__ */ u({
+}, Jr = /* @__PURE__ */ d({
 	__name: "OverlayScrollbarsComponent",
 	props: {
 		element: {
@@ -1453,12 +1453,12 @@ var Gr = () => {
 		"osScroll"
 	],
 	setup(e, { expose: t, emit: n }) {
-		let i = e, o = {
+		let r = e, a = {
 			initialized: "osInitialized",
 			updated: "osUpdated",
 			destroyed: "osDestroyed",
 			scroll: "osScroll"
-		}, { element: s, options: c, events: l, defer: u } = E(i), d = w(null), f = w(null), p = y(), [m, h] = Kr({
+		}, { element: s, options: c, events: l, defer: u } = D(r), d = T(null), f = T(null), p = b(), [m, h] = qr({
 			options: c,
 			events: p,
 			defer: u
@@ -1466,7 +1466,7 @@ var Gr = () => {
 		return t({
 			osInstance: h,
 			getElement: () => d.value
-		}), A((e) => {
+		}), j((e) => {
 			let { value: t } = d, { value: n } = f;
 			t && (m(s.value === "body" ? {
 				target: t,
@@ -1478,30 +1478,30 @@ var Gr = () => {
 					content: n
 				}
 			}), e(() => h()?.destroy()));
-		}), k(() => D(l), (e) => {
+		}), A(() => O(l), (e) => {
 			let t = e || {};
-			p.value = Object.keys(o).reduce((e, r) => {
+			p.value = Object.keys(a).reduce((e, r) => {
 				let i = t[r];
-				return e[r] = [(...e) => n(o[r], ...e), ...(Array.isArray(i) ? i : [i]).filter(Boolean)], e;
+				return e[r] = [(...e) => n(a[r], ...e), ...(Array.isArray(i) ? i : [i]).filter(Boolean)], e;
 			}, {});
 		}, {
 			deep: !0,
 			immediate: !0
-		}), (e, t) => (v(), r(C(D(s)), {
+		}), (e, t) => (y(), i(w(O(s)), {
 			"data-overlayscrollbars-initialize": "",
 			ref_key: "elementRef",
 			ref: d
 		}, {
-			default: j(() => [D(s) === "body" ? x(e.$slots, "default", { key: 0 }) : (v(), a("div", {
+			default: M(() => [O(s) === "body" ? S(e.$slots, "default", { key: 0 }) : (y(), o("div", {
 				key: 1,
 				"data-overlayscrollbars-contents": "",
 				ref_key: "slotRef",
 				ref: f
-			}, [x(e.$slots, "default")], 512))]),
+			}, [S(e.$slots, "default")], 512))]),
 			_: 3
 		}, 512));
 	}
-}), Jr = /*@__PURE__*/ u({
+}), Yr = /*@__PURE__*/ d({
 	__name: "TextScroller",
 	props: {
 		delay: { default: 500 },
@@ -1513,36 +1513,36 @@ var Gr = () => {
 		}
 	},
 	setup(e) {
-		let t = e, n = y(), r = y(), i = y(!1), s = y(0), c = y(!1), l;
+		let t = e, n = b(), r = b(), i = b(!1), a = b(0), c = b(!1), l;
 		function u() {
 			return c.value || t.active;
 		}
 		function d() {
-			l &&= (clearTimeout(l), void 0), i.value = !1, s.value = 0;
+			l &&= (clearTimeout(l), void 0), i.value = !1, a.value = 0;
 		}
-		function g() {
+		function f() {
 			let e = n.value?.clientWidth ?? 0, t = r.value?.scrollWidth ?? 0;
-			s.value = Math.max(0, t - e), i.value = s.value > 0;
+			a.value = Math.max(0, t - e), i.value = a.value > 0;
 		}
 		function _() {
 			d(), l = setTimeout(async () => {
-				await f(), u() && g();
+				await p(), u() && f();
 			}, t.delay);
 		}
-		function b() {
+		function v() {
 			u() && (i.value = !1, l = setTimeout(() => {
-				u() && g();
+				u() && f();
 			}, t.repeatDelay));
 		}
-		return k(() => t.active, (e) => {
+		return A(() => t.active, (e) => {
 			e ? _() : c.value || d();
-		}), h(d), (e, l) => (v(), a("span", {
+		}), g(d), (e, l) => (y(), o("span", {
 			ref_key: "viewport",
 			ref: n,
-			class: p(["text-scroller", { scrolling: i.value }]),
-			style: m({
-				"--scroll-distance": `${s.value}px`,
-				"--scroll-duration": `${Math.max(2, s.value / t.speed)}s`
+			class: m(["text-scroller", { scrolling: i.value }]),
+			style: h({
+				"--scroll-distance": `${a.value}px`,
+				"--scroll-duration": `${Math.max(2, a.value / t.speed)}s`
 			}),
 			onMouseenter: l[0] ||= (e) => {
 				c.value = !0, t.active || _();
@@ -1550,32 +1550,32 @@ var Gr = () => {
 			onMouseleave: l[1] ||= (e) => {
 				c.value = !1, t.active || d();
 			}
-		}, [o("span", {
+		}, [s("span", {
 			ref_key: "content",
 			ref: r,
 			class: "text-scroller-content",
-			onAnimationend: b
-		}, [x(e.$slots, "default", {}, void 0, !0)], 544)], 38));
+			onAnimationend: v
+		}, [S(e.$slots, "default", {}, void 0, !0)], 544)], 38));
 	}
 }), $ = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, Yr = /*#__PURE__*/ $(Jr, [["__scopeId", "data-v-8fac895b"]]), Xr = { class: "component-list" }, Zr = { class: "component-head" }, Qr = ["title"], $r = { class: "palette-search" }, ei = {
+}, Xr = /*#__PURE__*/ $(Yr, [["__scopeId", "data-v-8fac895b"]]), Zr = { class: "component-list" }, Qr = { class: "component-head" }, $r = ["title"], ei = { class: "palette-search" }, ti = {
 	key: 0,
 	class: "component-groups"
-}, ti = { class: "group-label" }, ni = { class: "component-items" }, ri = [
+}, ni = { class: "group-label" }, ri = { class: "component-items" }, ii = [
 	"aria-label",
 	"onMouseenter",
 	"onClick"
-], ii = { class: "component-icon icon" }, ai = {
+], ai = { class: "component-icon icon" }, oi = {
 	key: 1,
 	class: "component-empty"
-}, oi = /*#__PURE__*/ $(/* @__PURE__ */ u({
+}, si = /*#__PURE__*/ $(/* @__PURE__ */ d({
 	__name: "ComponenList",
 	emits: ["select"],
-	setup(t, { emit: r }) {
-		let i = r, s = P(), u = y(""), d = y(), f = {
+	setup(t, { emit: n }) {
+		let i = n, a = I(), c = b(""), d = b(), f = {
 			overflow: {
 				x: "hidden",
 				y: "scroll"
@@ -1753,10 +1753,10 @@ var Gr = () => {
 				groupKey: "component-oauth",
 				icon: "checklist"
 			}
-		], m = n(() => {
-			let e = u.value.trim().toLowerCase();
+		], m = r(() => {
+			let e = c.value.trim().toLowerCase();
 			return e ? p.filter((t) => `${t.label} ${t.type}`.toLowerCase().includes(e)) : p;
-		}), h = n(() => {
+		}), h = r(() => {
 			let e = /* @__PURE__ */ new Map();
 			for (let t of m.value) {
 				let n = e.get(t.group) ?? [];
@@ -1768,49 +1768,49 @@ var Gr = () => {
 				items: t
 			}));
 		});
-		return (t, n) => (v(), a("section", Xr, [
-			o("div", Zr, [o("span", { title: D(s)("components", "Components") }, T(D(s)("components", "Components")), 9, Qr)]),
-			o("div", $r, [n[2] ||= o("span", { class: "icon" }, "search", -1), M(o("input", {
-				"onUpdate:modelValue": n[0] ||= (e) => u.value = e,
+		return (t, n) => (y(), o("section", Zr, [
+			s("div", Qr, [s("span", { title: O(a)("components", "Components") }, E(O(a)("components", "Components")), 9, $r)]),
+			s("div", ei, [n[2] ||= s("span", { class: "icon" }, "search", -1), ee(s("input", {
+				"onUpdate:modelValue": n[0] ||= (e) => c.value = e,
 				type: "search",
 				placeholder: "Search components...",
 				"aria-label": "Search components"
-			}, null, 512), [[O, u.value]])]),
-			l(D(qr), {
+			}, null, 512), [[k, c.value]])]),
+			u(O(Jr), {
 				class: "component-content",
 				options: f,
 				defer: ""
 			}, {
-				default: j(() => [h.value.length ? (v(), a("div", ei, [(v(!0), a(e, null, b(h.value, (t) => (v(), a("section", {
+				default: M(() => [h.value.length ? (y(), o("div", ti, [(y(!0), o(e, null, x(h.value, (t) => (y(), o("section", {
 					key: t.name,
 					class: "component-group"
-				}, [o("div", ti, T(D(s)(t.key, t.name)), 1), o("div", ni, [(v(!0), a(e, null, b(t.items, (e) => (v(), a("button", {
+				}, [s("div", ni, E(O(a)(t.key, t.name)), 1), s("div", ri, [(y(!0), o(e, null, x(t.items, (e) => (y(), o("button", {
 					key: e.type,
 					type: "button",
 					class: "component-item",
-					"aria-label": `${D(s)("add-component", "Add")} ${D(s)(e.key, e.label)}`,
+					"aria-label": `${O(a)("add-component", "Add")} ${O(a)(e.key, e.label)}`,
 					onMouseenter: (t) => d.value = e.type,
 					onMouseleave: n[1] ||= (e) => d.value = void 0,
 					onClick: (t) => i("select", e.type)
-				}, [o("span", ii, T(e.icon), 1), l(Yr, {
+				}, [s("span", ai, E(e.icon), 1), u(Xr, {
 					class: "component-label",
 					active: d.value === e.type
 				}, {
-					default: j(() => [c(T(D(s)(e.key, e.label)), 1)]),
+					default: M(() => [l(E(O(a)(e.key, e.label)), 1)]),
 					_: 2
-				}, 1032, ["active"])], 40, ri))), 128))])]))), 128))])) : (v(), a("span", ai, T(D(s)("no-components-found", "No components found.")), 1))]),
+				}, 1032, ["active"])], 40, ii))), 128))])]))), 128))])) : (y(), o("span", oi, E(O(a)("no-components-found", "No components found.")), 1))]),
 				_: 1
 			})
 		]));
 	}
-}), [["__scopeId", "data-v-931b78ec"]]), si = [
+}), [["__scopeId", "data-v-874f9d09"]]), ci = [
 	"title",
 	"aria-label",
 	"disabled"
-], ci = {
+], li = {
 	class: "icon",
 	"aria-hidden": "true"
-}, li = /*#__PURE__*/ $(/* @__PURE__ */ u({
+}, ui = /*#__PURE__*/ $(/* @__PURE__ */ d({
 	__name: "IconButton",
 	props: {
 		icon: { default: "settings" },
@@ -1818,38 +1818,42 @@ var Gr = () => {
 		disabled: {
 			type: Boolean,
 			default: !1
+		},
+		active: {
+			type: Boolean,
+			default: !1
 		}
 	},
 	setup(e) {
-		return (t, n) => (v(), a("button", {
-			class: "icon-button",
+		return (t, n) => (y(), o("button", {
+			class: m(["icon-button", { active: e.active }]),
 			type: "button",
 			title: e.title,
 			"aria-label": e.title,
 			disabled: e.disabled
-		}, [o("span", ci, T(e.icon), 1)], 8, si));
+		}, [s("span", li, E(e.icon), 1)], 10, ci));
 	}
-}), [["__scopeId", "data-v-b3b6390f"]]), ui = [
+}), [["__scopeId", "data-v-5184fa46"]]), di = [
 	"title",
 	"aria-label",
 	"aria-expanded"
-], di = ["disabled", "onClick"], fi = {
+], fi = ["disabled", "onClick"], pi = {
 	key: 0,
 	class: "icon",
 	"aria-hidden": "true"
-}, pi = /*#__PURE__*/ $(/* @__PURE__ */ u({
+}, mi = /*#__PURE__*/ $(/* @__PURE__ */ d({
 	__name: "MoreButton",
 	props: { items: {} },
 	emits: ["select"],
-	setup(n, { emit: s }) {
-		let c = s, l = y(!1), u = y(), d = y(), p = y(), _ = y({
+	setup(n, { emit: r }) {
+		let c = r, l = b(!1), u = b(), d = b(), f = b(), m = b({
 			top: 0,
 			right: 0
-		}), S = P()("tooltip-sidebar-more", "More");
+		}), v = I()("tooltip-sidebar-more", "More");
 		function C() {
 			if (!d.value) return;
 			let e = d.value.getBoundingClientRect();
-			_.value = {
+			m.value = {
 				top: e.bottom + 6,
 				right: Math.max(8, window.innerWidth - e.right)
 			};
@@ -1857,63 +1861,63 @@ var Gr = () => {
 		function w() {
 			l.value = !l.value;
 		}
-		function E(e) {
+		function T(e) {
 			e.disabled || (c("select", e.id), l.value = !1);
 		}
-		function O(e) {
+		function D(e) {
 			let t = e.target;
-			u.value && !u.value.contains(t) && !p.value?.contains(t) && (l.value = !1);
+			u.value && !u.value.contains(t) && !f.value?.contains(t) && (l.value = !1);
 		}
-		function A(e) {
+		function k(e) {
 			e.key === "Escape" && (l.value = !1);
 		}
-		return g(() => {
-			document.addEventListener("click", O), document.addEventListener("keydown", A), window.addEventListener("resize", C), window.addEventListener("scroll", C, !0);
-		}), h(() => {
-			document.removeEventListener("click", O), document.removeEventListener("keydown", A), window.removeEventListener("resize", C), window.removeEventListener("scroll", C, !0);
-		}), k(l, async (e) => {
-			e && (await f(), C());
-		}), (s, c) => (v(), a("div", {
+		return _(() => {
+			document.addEventListener("click", D), document.addEventListener("keydown", k), window.addEventListener("resize", C), window.addEventListener("scroll", C, !0);
+		}), g(() => {
+			document.removeEventListener("click", D), document.removeEventListener("keydown", k), window.removeEventListener("resize", C), window.removeEventListener("scroll", C, !0);
+		}), A(l, async (e) => {
+			e && (await p(), C());
+		}), (r, c) => (y(), o("div", {
 			ref_key: "root",
 			ref: u,
 			class: "more-menu"
-		}, [o("button", {
+		}, [s("button", {
 			ref_key: "button",
 			ref: d,
 			class: "more-button",
 			type: "button",
-			title: D(S),
-			"aria-label": D(S),
+			title: O(v),
+			"aria-label": O(v),
 			"aria-expanded": l.value,
 			"aria-haspopup": "menu",
-			onClick: N(w, ["stop"])
-		}, [...c[0] ||= [o("span", {
+			onClick: P(w, ["stop"])
+		}, [...c[0] ||= [s("span", {
 			class: "icon",
 			"aria-hidden": "true"
-		}, "more_vert", -1)]], 8, ui), (v(), r(t, { to: "body" }, [l.value ? (v(), a("div", {
+		}, "more_vert", -1)]], 8, di), (y(), i(t, { to: "body" }, [l.value ? (y(), o("div", {
 			key: 0,
 			ref_key: "dropdown",
-			ref: p,
+			ref: f,
 			class: "dropdown",
 			role: "menu",
-			style: m({
-				top: `${_.value.top}px`,
-				right: `${_.value.right}px`
+			style: h({
+				top: `${m.value.top}px`,
+				right: `${m.value.right}px`
 			})
-		}, [n.items?.length ? (v(!0), a(e, { key: 0 }, b(n.items, (e) => (v(), a("button", {
+		}, [n.items?.length ? (y(!0), o(e, { key: 0 }, x(n.items, (e) => (y(), o("button", {
 			key: e.id,
 			class: "menu-item",
 			type: "button",
 			role: "menuitem",
 			disabled: e.disabled,
-			onClick: (t) => E(e)
-		}, [e.icon ? (v(), a("span", fi, T(e.icon), 1)) : i("", !0), o("span", null, T(e.label), 1)], 8, di))), 128)) : x(s.$slots, "menu", { close: () => l.value = !1 }, void 0, !0, 1)], 4)) : i("", !0)]))], 512));
+			onClick: (t) => T(e)
+		}, [e.icon ? (y(), o("span", pi, E(e.icon), 1)) : a("", !0), s("span", null, E(e.label), 1)], 8, fi))), 128)) : S(r.$slots, "menu", { close: () => l.value = !1 }, void 0, !0, 1)], 4)) : a("", !0)]))], 512));
 	}
-}), [["__scopeId", "data-v-923fea1e"]]), mi = ["disabled", "aria-busy"], hi = {
+}), [["__scopeId", "data-v-923fea1e"]]), hi = ["disabled", "aria-busy"], gi = {
 	key: 0,
 	class: "spinner",
 	"aria-hidden": "true"
-}, gi = /*#__PURE__*/ $(/* @__PURE__ */ u({
+}, _i = /*#__PURE__*/ $(/* @__PURE__ */ d({
 	__name: "SaveButton",
 	props: {
 		disabled: {
@@ -1926,81 +1930,94 @@ var Gr = () => {
 		}
 	},
 	setup(e) {
-		let t = P();
-		return (n, r) => (v(), a("button", {
+		let t = I();
+		return (n, r) => (y(), o("button", {
 			class: "save-button",
 			type: "button",
 			disabled: e.disabled || e.working,
 			"aria-busy": e.working
-		}, [e.working ? (v(), a("span", hi)) : i("", !0), o("span", null, T(D(t)("save-changes", "Save changes")), 1)], 8, mi));
+		}, [e.working ? (y(), o("span", gi)) : a("", !0), s("span", null, E(O(t)("save-changes", "Save changes")), 1)], 8, hi));
 	}
-}), [["__scopeId", "data-v-4a359870"]]), _i = { class: "branding" }, vi = { class: "title" }, yi = { class: "subject" }, bi = { class: "document-name" }, xi = ["title"], Si = { class: "actions" }, Ci = /*#__PURE__*/ $(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-4a359870"]]), vi = { class: "branding" }, yi = { class: "title" }, bi = { class: "subject" }, xi = { class: "document-name" }, Si = ["title"], Ci = { class: "actions" }, wi = /*#__PURE__*/ $(/* @__PURE__ */ d({
 	__name: "Header",
 	props: {
 		subject: {},
 		shared: { type: Boolean },
-		themeChangeable: { type: Boolean },
-		moreItems: {}
+		darkModeChangeable: { type: Boolean },
+		moreItems: {},
+		darkMode: { type: Boolean },
+		translationsOpen: { type: Boolean },
+		themeOpen: { type: Boolean }
 	},
-	emits: ["moreSelect"],
+	emits: [
+		"moreSelect",
+		"toggleTheme",
+		"toggleTranslations",
+		"toggleThemePanel"
+	],
 	setup(e, { emit: t }) {
-		let n = e, s = t, c = P();
-		return (t, u) => (v(), a("header", null, [
-			o("div", _i, [u[1] ||= o("span", { class: "icon" }, "design_services", -1), o("span", vi, T(D(c)("designer", "Designer")), 1)]),
-			o("div", yi, [o("span", bi, T(e.subject), 1), e.shared ? (v(), a("span", {
+		let n = e, r = t, c = I();
+		return (t, l) => (y(), o("header", null, [
+			s("div", vi, [l[4] ||= s("span", { class: "icon" }, "design_services", -1), s("span", yi, E(O(c)("designer", "Designer")), 1)]),
+			s("div", bi, [s("span", xi, E(e.subject), 1), e.shared ? (y(), o("span", {
 				key: 0,
 				class: "shared icon",
-				title: D(c)("shared", "Shared")
-			}, "groups", 8, xi)) : i("", !0)]),
-			o("div", Si, [
-				l(li, {
+				title: O(c)("shared", "Shared")
+			}, "groups", 8, Si)) : a("", !0)]),
+			s("div", Ci, [
+				u(ui, {
 					icon: "translate",
-					title: D(c)("translations", "Translations")
-				}, null, 8, ["title"]),
-				l(li, {
+					title: O(c)("translations", "Translations"),
+					active: n.translationsOpen,
+					onClick: l[0] ||= (e) => r("toggleTranslations")
+				}, null, 8, ["title", "active"]),
+				u(ui, {
 					icon: "palette",
-					title: D(c)("change-theme", "Change theme")
-				}, null, 8, ["title"]),
-				n.themeChangeable === !1 ? i("", !0) : (v(), r(li, {
+					title: O(c)("change-theme", "Change theme"),
+					active: n.themeOpen,
+					onClick: l[1] ||= (e) => r("toggleThemePanel")
+				}, null, 8, ["title", "active"]),
+				n.darkModeChangeable === !1 ? a("", !0) : (y(), i(ui, {
 					key: 0,
-					icon: "dark_mode",
-					title: D(c)("toggle-theme", "Toggle theme")
-				}, null, 8, ["title"])),
-				l(li, {
+					icon: n.darkMode ? "light_mode" : "dark_mode",
+					title: O(c)("toggle-theme", "Toggle theme"),
+					onClick: l[2] ||= (e) => r("toggleTheme")
+				}, null, 8, ["icon", "title"])),
+				u(ui, {
 					icon: "visibility",
-					title: D(c)("preview", "Preview")
+					title: O(c)("preview", "Preview")
 				}, null, 8, ["title"]),
-				l(gi, {
+				u(_i, {
 					disabled: !1,
 					working: !1
 				}),
-				l(pi, {
+				u(mi, {
 					items: n.moreItems,
-					onSelect: u[0] ||= (e) => s("moreSelect", e)
+					onSelect: l[3] ||= (e) => r("moreSelect", e)
 				}, null, 8, ["items"])
 			])
 		]));
 	}
-}), [["__scopeId", "data-v-b6ce5e30"]]), wi = {}, Ti = { class: "properties-panel" };
-function Ei(e, t) {
-	return v(), a("section", Ti, [...t[0] ||= [s("<div class=\"properties-head\" data-v-d42babf5><span class=\"property-icon icon\" data-v-d42babf5>radio_button_unchecked</span><strong data-v-d42babf5>No selection</strong></div><div class=\"properties-empty\" data-v-d42babf5>Select an element on the canvas, or add one from the left, to edit its properties here.</div><div class=\"layers\" data-v-d42babf5><div class=\"layers-title\" data-v-d42babf5>Layers</div><div class=\"layer-empty\" data-v-d42babf5>No layers yet.</div></div>", 3)]]);
+}), [["__scopeId", "data-v-4d3e05c9"]]), Ti = {}, Ei = { class: "properties-panel" };
+function Di(e, t) {
+	return y(), o("section", Ei, [...t[0] ||= [c("<div class=\"properties-head\" data-v-d42babf5><span class=\"property-icon icon\" data-v-d42babf5>radio_button_unchecked</span><strong data-v-d42babf5>No selection</strong></div><div class=\"properties-empty\" data-v-d42babf5>Select an element on the canvas, or add one from the left, to edit its properties here.</div><div class=\"layers\" data-v-d42babf5><div class=\"layers-title\" data-v-d42babf5>Layers</div><div class=\"layer-empty\" data-v-d42babf5>No layers yet.</div></div>", 3)]]);
 }
-var Di = /*#__PURE__*/ $(wi, [["render", Ei], ["__scopeId", "data-v-d42babf5"]]), Oi = {
+var Oi = /*#__PURE__*/ $(Ti, [["render", Di], ["__scopeId", "data-v-d42babf5"]]), ki = {
 	key: 0,
 	class: "side-info"
-}, ki = { class: "info-title" }, Ai = 102, ji = /*#__PURE__*/ $(/* @__PURE__ */ u({
+}, Ai = { class: "info-title" }, ji = 102, Mi = /*#__PURE__*/ $(/* @__PURE__ */ d({
 	__name: "SideInfo",
 	props: { items: {} },
 	setup(t) {
-		let s = t, c = P(), l = y(), u = y(0), d = n(() => (s.items?.length ?? 0) > 1 && u.value > Ai), m;
-		function _() {
+		let n = t, c = I(), l = b(), u = b(0), d = r(() => (n.items?.length ?? 0) > 1 && u.value > ji), f;
+		function h() {
 			u.value = l.value?.scrollHeight ?? 0;
 		}
-		return k(() => s.items, () => void f(_), { deep: !0 }), g(() => {
-			f(() => {
-				_(), m = new ResizeObserver(_), l.value && m.observe(l.value);
+		return A(() => n.items, () => void p(h), { deep: !0 }), _(() => {
+			p(() => {
+				h(), f = new ResizeObserver(h), l.value && f.observe(l.value);
 			});
-		}), h(() => m?.disconnect()), (t, n) => s.items?.length ? (v(), a("section", Oi, [o("div", ki, T(D(c)("checklist", "Checklist")), 1), d.value ? (v(), r(D(qr), {
+		}), g(() => f?.disconnect()), (t, r) => n.items?.length ? (y(), o("section", ki, [s("div", Ai, E(O(c)("checklist", "Checklist")), 1), d.value ? (y(), i(O(Jr), {
 			key: 0,
 			class: "info-list scrollable",
 			options: {
@@ -2012,35 +2029,35 @@ var Di = /*#__PURE__*/ $(wi, [["render", Ei], ["__scopeId", "data-v-d42babf5"]])
 			},
 			defer: ""
 		}, {
-			default: j(() => [o("div", {
+			default: M(() => [s("div", {
 				ref_key: "listElement",
 				ref: l
-			}, [(v(!0), a(e, null, b(s.items, (e) => (v(), a("div", {
+			}, [(y(!0), o(e, null, x(n.items, (e) => (y(), o("div", {
 				key: e.id,
 				class: "info-row"
-			}, [o("span", { class: p(["info-dot", { complete: e.complete }]) }, null, 2), o("span", null, T(e.label), 1)]))), 128))], 512)]),
+			}, [s("span", { class: m(["info-dot", { complete: e.complete }]) }, null, 2), s("span", null, E(e.label), 1)]))), 128))], 512)]),
 			_: 1
-		})) : (v(), a("div", {
+		})) : (y(), o("div", {
 			key: 1,
 			ref_key: "listElement",
 			ref: l,
 			class: "info-list"
-		}, [(v(!0), a(e, null, b(s.items, (e) => (v(), a("div", {
+		}, [(y(!0), o(e, null, x(n.items, (e) => (y(), o("div", {
 			key: e.id,
 			class: "info-row"
-		}, [o("span", { class: p(["info-dot", { complete: e.complete }]) }, null, 2), o("span", null, T(e.label), 1)]))), 128))], 512))])) : i("", !0);
+		}, [s("span", { class: m(["info-dot", { complete: e.complete }]) }, null, 2), s("span", null, E(e.label), 1)]))), 128))], 512))])) : a("", !0);
 	}
-}), [["__scopeId", "data-v-ee9b479a"]]), Mi = { class: "template-list" }, Ni = { class: "section-head" }, Pi = ["title"], Fi = ["aria-label", "title"], Ii = ["onClick"], Li = {
+}), [["__scopeId", "data-v-ee9b479a"]]), Ni = { class: "template-list" }, Pi = { class: "section-head" }, Fi = ["title"], Ii = ["aria-label", "title"], Li = ["onClick"], Ri = {
 	class: "tab-icon icon",
 	"aria-hidden": "true"
-}, Ri = ["onKeydown", "onBlur"], zi = { class: "tab-channel" }, Bi = { class: "tab-version" }, Vi = {
+}, zi = ["onKeydown", "onBlur"], Bi = { class: "tab-channel" }, Vi = { class: "tab-version" }, Hi = {
 	key: 2,
 	class: "tab-changed",
 	"aria-label": "Unsaved changes"
-}, Hi = {
+}, Ui = {
 	key: 0,
 	class: "empty-list"
-}, Ui = /*#__PURE__*/ $(/* @__PURE__ */ u({
+}, Wi = /*#__PURE__*/ $(/* @__PURE__ */ d({
 	__name: "TemplateList",
 	props: {
 		templates: {},
@@ -2052,31 +2069,31 @@ var Di = /*#__PURE__*/ $(wi, [["render", Ei], ["__scopeId", "data-v-d42babf5"]])
 		"select"
 	],
 	setup(t, { emit: n }) {
-		let s = t, u = n, d = P(), m = /* @__PURE__ */ new Map(), h = y(), g = y(""), _ = y();
-		function x(e, t) {
-			t instanceof HTMLElement ? m.set(e, t) : m.delete(e);
+		let r = t, c = n, d = I(), f = /* @__PURE__ */ new Map(), h = b(), g = b(""), _ = b();
+		function v(e, t) {
+			t instanceof HTMLElement ? f.set(e, t) : f.delete(e);
 		}
 		async function S(e) {
-			await f(), m.get(e)?.scrollIntoView({ block: "nearest" });
+			await p(), f.get(e)?.scrollIntoView({ block: "nearest" });
 		}
 		function C(e) {
-			h.value = e.id, g.value = e.name, f(() => _.value?.select());
+			h.value = e.id, g.value = e.name, p(() => _.value?.select());
 		}
 		function w(e) {
 			let t = g.value.trim();
-			h.value = void 0, t && t !== e.name && u("rename", e.id, t);
+			h.value = void 0, t && t !== e.name && c("rename", e.id, t);
 		}
-		function E() {
+		function T() {
 			h.value = void 0;
 		}
-		return k(() => s.focusedTemplateId, (e) => {
+		return A(() => r.focusedTemplateId, (e) => {
 			e && S(e);
-		}, { immediate: !0 }), (n, s) => (v(), a("section", Mi, [o("div", Ni, [o("span", { title: D(d)("screens", "Screens") }, T(D(d)("screens", "Screens")), 9, Pi), o("button", {
+		}, { immediate: !0 }), (n, r) => (y(), o("section", Ni, [s("div", Pi, [s("span", { title: O(d)("screens", "Screens") }, E(O(d)("screens", "Screens")), 9, Fi), s("button", {
 			type: "button",
-			"aria-label": D(d)("add-screen", "Add screen"),
-			title: D(d)("add-screen", "Add screen"),
-			onClick: s[0] ||= (e) => u("add")
-		}, [...s[4] ||= [o("span", { "aria-hidden": "true" }, "+", -1)]], 8, Fi)]), l(D(qr), {
+			"aria-label": O(d)("add-screen", "Add screen"),
+			title: O(d)("add-screen", "Add screen"),
+			onClick: r[0] ||= (e) => c("add")
+		}, [...r[4] ||= [s("span", { "aria-hidden": "true" }, "+", -1)]], 8, Ii)]), u(O(Jr), {
 			class: "template-tabs",
 			options: {
 				overflow: {
@@ -2087,43 +2104,346 @@ var Di = /*#__PURE__*/ $(wi, [["render", Ei], ["__scopeId", "data-v-d42babf5"]])
 			},
 			defer: ""
 		}, {
-			default: j(() => [(v(!0), a(e, null, b(t.templates ?? [], (e, n) => (v(), a("button", {
+			default: M(() => [(y(!0), o(e, null, x(t.templates ?? [], (e, n) => (y(), o("button", {
 				key: e.id,
 				ref_for: !0,
-				ref: (t) => x(e.id, t),
+				ref: (t) => v(e.id, t),
 				type: "button",
-				class: p(["template-tab", { active: t.focusedTemplateId ? e.id === t.focusedTemplateId : n === 0 }]),
-				onClick: (t) => u("select", e.id)
+				class: m(["template-tab", { active: t.focusedTemplateId ? e.id === t.focusedTemplateId : n === 0 }]),
+				onClick: (t) => c("select", e.id)
 			}, [
-				o("span", Li, T(e.icon), 1),
-				h.value === e.id ? M((v(), a("input", {
+				s("span", Ri, E(e.icon), 1),
+				h.value === e.id ? ee((y(), o("input", {
 					key: 0,
 					ref_for: !0,
 					ref_key: "editInput",
 					ref: _,
-					"onUpdate:modelValue": s[1] ||= (e) => g.value = e,
+					"onUpdate:modelValue": r[1] ||= (e) => g.value = e,
 					class: "tab-label tab-label-input",
 					type: "text",
-					onClick: s[2] ||= N(() => {}, ["stop"]),
-					onDblclick: s[3] ||= N(() => {}, ["stop"]),
-					onKeydown: [ee(N((t) => w(e), ["prevent"]), ["enter"]), ee(N(E, ["prevent"]), ["esc"])],
+					onClick: r[2] ||= P(() => {}, ["stop"]),
+					onDblclick: r[3] ||= P(() => {}, ["stop"]),
+					onKeydown: [N(P((t) => w(e), ["prevent"]), ["enter"]), N(P(T, ["prevent"]), ["esc"])],
 					onBlur: (t) => w(e)
-				}, null, 40, Ri)), [[O, g.value]]) : (v(), r(Yr, {
+				}, null, 40, zi)), [[k, g.value]]) : (y(), i(Xr, {
 					key: 1,
 					class: "tab-label",
-					onDblclick: N((t) => e.type === "dynamic" && C(e), ["stop"])
+					onDblclick: P((t) => e.type === "dynamic" && C(e), ["stop"])
 				}, {
-					default: j(() => [c(T(e.name), 1)]),
+					default: M(() => [l(E(e.name), 1)]),
 					_: 2
 				}, 1032, ["onDblclick"])),
-				o("span", zi, T(e.channel.charAt(0).toUpperCase()), 1),
-				o("span", Bi, T(e.version), 1),
-				e.changed ? (v(), a("span", Vi)) : i("", !0)
-			], 10, Ii))), 128)), t.templates?.length ? i("", !0) : (v(), a("p", Hi, "No screens yet."))]),
+				s("span", Bi, E(e.channel.charAt(0).toUpperCase()), 1),
+				s("span", Vi, E(e.version), 1),
+				e.changed ? (y(), o("span", Hi)) : a("", !0)
+			], 10, Li))), 128)), t.templates?.length ? a("", !0) : (y(), o("p", Ui, "No screens yet."))]),
 			_: 1
 		})]));
 	}
-}), [["__scopeId", "data-v-927e0835"]]), Wi = { class: "ui-designer" }, Gi = { class: "contents" }, Ki = "aham-ui-designer-screens-height", qi = /*#__PURE__*/ $(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-927e0835"]]);
+//#endregion
+//#region src/stores/translations.ts
+function Gi(e) {
+	return {
+		...e,
+		key: e.key ?? e.id,
+		translations: {
+			...e.value === void 0 ? {} : { en: e.value },
+			...e.translations
+		}
+	};
+}
+var Ki = F("translations", {
+	state: () => ({ items: [] }),
+	getters: { fields: (e) => e.items },
+	actions: {
+		setItems(e) {
+			this.items = e.map(Gi);
+		},
+		setScreenItems(e, t) {
+			this.items = [...this.items.filter((t) => t.screenId !== e), ...t.map((t) => Gi({
+				...t,
+				screenId: e
+			}))];
+		},
+		setComponentItems(e, t) {
+			this.items = [...this.items.filter((t) => t.componentId !== e), ...t.map((t) => Gi({
+				...t,
+				componentId: e
+			}))];
+		},
+		updateValue(e, t, n = "en") {
+			let r = this.items.find((t) => t.id === e);
+			r && (r.translations[n] = t);
+		},
+		getValue(e, t = "en") {
+			return this.items.find((t) => t.id === e)?.translations[t] ?? "";
+		},
+		remove(e) {
+			this.items = this.items.filter((t) => t.id !== e);
+		},
+		clear() {
+			this.items = [];
+		}
+	}
+}), qi = {
+	class: "translation-sidebar",
+	"aria-label": "Translations"
+}, Ji = { class: "translation-header" }, Yi = { class: "translation-heading" }, Xi = ["title"], Zi = { class: "translation-body" }, Qi = { class: "translation-controls" }, $i = { class: "language-row" }, ea = { class: "language-heading" }, ta = ["disabled", "title"], na = {
+	key: 0,
+	class: "translate-spinner",
+	"aria-hidden": "true"
+}, ra = { key: 1 }, ia = [
+	"aria-keyshortcuts",
+	"onClick",
+	"onKeydown"
+], aa = { class: "translation-search" }, oa = {
+	key: 0,
+	class: "translation-fields"
+}, sa = { class: "translation-field-heading" }, ca = { class: "field-language" }, la = { class: "field-path" }, ua = [
+	"value",
+	"aria-label",
+	"onInput"
+], da = {
+	key: 1,
+	class: "translation-empty"
+}, fa = /*#__PURE__*/ $(/* @__PURE__ */ d({
+	__name: "TranslationSidebar",
+	props: {
+		open: { type: Boolean },
+		fields: {}
+	},
+	emits: ["close", "update"],
+	setup(t, { emit: c }) {
+		let l = t, d = c, f = I(), h = Ki(), v = b(["en"]), S = b("en"), C = b(""), w = b(!1), T = b(""), D = b(!1), j = b(), F = b(), L = b(), R = b(), z = r(() => h.fields), B = r(() => {
+			let e = C.value.trim().toLowerCase();
+			return e ? z.value.filter((t) => [
+				t.key,
+				t.path,
+				t.source
+			].some((t) => t?.toLowerCase().includes(e))) : z.value;
+		});
+		A(() => l.fields, (e) => {
+			e && h.setItems(e);
+		}, { immediate: !0 });
+		function V(e, t) {
+			return h.getValue(e.id, t);
+		}
+		function H() {
+			D.value = !1, T.value = "", j.value = void 0;
+		}
+		function te() {
+			let e = T.value.trim().toLowerCase();
+			if (!e || v.value.includes(e)) {
+				H();
+				return;
+			}
+			v.value.push(e), S.value = e, H();
+		}
+		function ne(e) {
+			if (e === "en") return;
+			let t = v.value.indexOf(e);
+			if (t !== -1) {
+				if (j.value !== e) {
+					j.value = e;
+					return;
+				}
+				v.value.splice(t, 1), j.value = void 0, S.value === e && (S.value = v.value[Math.max(0, t - 1)] ?? "en");
+			}
+		}
+		function re() {
+			D.value = !0, p(() => L.value?.focus());
+		}
+		function ie(e) {
+			D.value && !F.value?.contains(e.target) && H(), R.value?.contains(e.target) || (j.value = void 0);
+		}
+		function ae(e) {
+			if (e.key === "Escape") {
+				j.value = void 0, D.value && H();
+				return;
+			}
+			!l.open || D.value || e.key !== "Delete" && e.key !== "Backspace" || e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement || ne(S.value);
+		}
+		async function oe() {
+			if (S.value === "en" || w.value || !z.value.length) return;
+			w.value = !0;
+			let e = z.value, t = e.map((e) => V(e, "en")).join("\n"), n = new URL("https://translate.googleapis.com/translate_a/single");
+			n.searchParams.set("client", "gtx"), n.searchParams.set("sl", "en"), n.searchParams.set("tl", S.value), n.searchParams.set("dt", "t"), n.searchParams.set("q", t);
+			try {
+				let t = await fetch(n);
+				if (!t.ok) throw Error(`Translation request failed with status ${t.status}.`);
+				let r = await t.json();
+				if (!Array.isArray(r) || !Array.isArray(r[0])) throw Error("Translation response has an unexpected format.");
+				let i = r[0].map((e) => Array.isArray(e) && typeof e[0] == "string" ? e[0] : "").join("").split("\n");
+				if (i.length !== e.length) throw Error("Translation response did not contain one value per label.");
+				i.forEach((t, n) => {
+					h.updateValue(e[n].id, t, S.value), d("update", e[n].id, t, S.value);
+				});
+			} finally {
+				w.value = !1;
+			}
+		}
+		return _(() => {
+			document.addEventListener("pointerdown", ie), document.addEventListener("keydown", ae);
+		}), g(() => {
+			document.removeEventListener("pointerdown", ie), document.removeEventListener("keydown", ae);
+		}), (r, c) => (y(), i(n, { name: "translation" }, {
+			default: M(() => [t.open ? (y(), o("div", {
+				key: 0,
+				class: "translation-overlay",
+				onClick: c[3] ||= P((e) => d("close"), ["self"])
+			}, [s("aside", qi, [s("div", Ji, [
+				c[4] ||= s("span", {
+					class: "translation-icon icon",
+					"aria-hidden": "true"
+				}, "translate", -1),
+				s("div", Yi, [s("strong", null, E(O(f)("translations", "Translations")), 1), s("span", null, E(O(f)("translations-subtitle", "Translate this screen")), 1)]),
+				s("button", {
+					type: "button",
+					class: "translation-close icon",
+					title: O(f)("close", "Close"),
+					onClick: c[0] ||= (e) => d("close")
+				}, "close", 8, Xi)
+			]), s("div", Zi, [s("div", Qi, [s("div", $i, [s("div", ea, [s("span", null, E(O(f)("language", "Language")), 1), s("button", {
+				type: "button",
+				class: "translate-labels-button",
+				disabled: S.value === "en" || w.value,
+				title: O(f)("auto-translate", "Auto-translate"),
+				onClick: oe
+			}, [c[5] ||= s("span", {
+				class: "icon",
+				"aria-hidden": "true"
+			}, "translate", -1), w.value ? (y(), o("span", na)) : (y(), o("span", ra, E(O(f)("auto-translate", "Auto-translate")), 1))], 8, ta)]), s("div", {
+				ref_key: "languageChips",
+				ref: R,
+				class: "language-chips"
+			}, [(y(!0), o(e, null, x(v.value, (e) => (y(), o("button", {
+				key: e,
+				type: "button",
+				class: m({
+					active: S.value === e,
+					"delete-armed": j.value === e
+				}),
+				"aria-keyshortcuts": e === "en" ? void 0 : "Delete",
+				onClick: (t) => {
+					S.value = e, j.value = void 0;
+				},
+				onKeydown: [N(P((t) => ne(e), ["prevent"]), ["delete"]), N(P((t) => ne(e), ["prevent"]), ["backspace"])]
+			}, E(e), 43, ia))), 128)), D.value ? (y(), o("span", {
+				key: 0,
+				ref_key: "languageAdder",
+				ref: F,
+				class: "add-language"
+			}, [s("form", { onSubmit: P(te, ["prevent"]) }, [ee(s("input", {
+				ref_key: "languageInput",
+				ref: L,
+				"onUpdate:modelValue": c[1] ||= (e) => T.value = e,
+				"aria-label": "New language"
+			}, null, 512), [[k, T.value]])], 32)], 512)) : (y(), o("button", {
+				key: 1,
+				type: "button",
+				class: "add-language-button",
+				"aria-label": "Add language",
+				onClick: re
+			}, "+"))], 512)]), s("div", aa, [c[6] ||= s("span", {
+				class: "icon",
+				"aria-hidden": "true"
+			}, "search", -1), ee(s("input", {
+				"onUpdate:modelValue": c[2] ||= (e) => C.value = e,
+				type: "search",
+				"aria-label": "Search translations",
+				placeholder: "Search translations..."
+			}, null, 512), [[k, C.value]])])]), u(O(Jr), {
+				class: "translation-scroll",
+				options: {
+					overflow: {
+						x: "hidden",
+						y: "scroll"
+					},
+					scrollbars: { autoHide: "never" }
+				},
+				defer: ""
+			}, {
+				default: M(() => [B.value.length ? (y(), o("div", oa, [(y(!0), o(e, null, x(B.value, (e) => (y(), o("div", {
+					key: e.id,
+					class: "translation-field"
+				}, [s("div", sa, [s("span", ca, E(V(e, "en")), 1), s("span", la, E(e.key ?? e.path), 1)]), s("input", {
+					value: V(e, S.value),
+					"aria-label": e.source,
+					onInput: (t) => d("update", e.id, t.target.value, S.value)
+				}, null, 40, ua)]))), 128))])) : (y(), o("p", da, E(O(f)("no-translations", "No translatable fields are available for this screen.")), 1))]),
+				_: 1
+			})])])])) : a("", !0)]),
+			_: 1
+		}));
+	}
+}), [["__scopeId", "data-v-618d6192"]]), pa = {
+	class: "theme-sidebar",
+	"aria-label": "Theme"
+}, ma = { class: "theme-header" }, ha = { class: "theme-heading" }, ga = ["title"], _a = { class: "theme-body" }, va = { class: "theme-label" }, ya = { class: "theme-presets" }, ba = ["aria-label", "onClick"], xa = {
+	class: "theme-label",
+	for: "designer-theme-color"
+}, Sa = { class: "theme-color-row" }, Ca = /*#__PURE__*/ $(/* @__PURE__ */ d({
+	__name: "ThemeSidebar",
+	props: {
+		open: { type: Boolean },
+		color: {}
+	},
+	emits: ["close", "update"],
+	setup(t, { emit: r }) {
+		let c = t, l = r, u = I(), d = [
+			"#3d7a68",
+			"#2563eb",
+			"#8b6fae",
+			"#c9973f",
+			"#b8564a"
+		], f = b(c.color ?? d[0]);
+		function p(e) {
+			f.value = e, l("update", e);
+		}
+		return (r, c) => (y(), i(n, { name: "theme" }, {
+			default: M(() => [t.open ? (y(), o("div", {
+				key: 0,
+				class: "theme-overlay",
+				onClick: c[5] ||= P((e) => l("close"), ["self"])
+			}, [s("aside", pa, [s("div", ma, [
+				c[6] ||= s("span", {
+					class: "theme-icon icon",
+					"aria-hidden": "true"
+				}, "palette", -1),
+				s("div", ha, [s("strong", null, E(O(u)("theme", "Theme")), 1), s("span", null, E(O(u)("theme-subtitle", "Colors used across every screen")), 1)]),
+				s("button", {
+					type: "button",
+					class: "theme-close icon",
+					title: O(u)("close", "Close"),
+					onClick: c[0] ||= (e) => l("close")
+				}, "close", 8, ga)
+			]), s("div", _a, [
+				s("span", va, E(O(u)("presets", "Presets")), 1),
+				s("div", ya, [(y(), o(e, null, x(d, (e) => s("button", {
+					key: e,
+					type: "button",
+					class: m({ active: f.value === e }),
+					style: h({ "--theme-color": e }),
+					"aria-label": e,
+					onClick: (t) => p(e)
+				}, [...c[7] ||= [s("span", null, null, -1)]], 14, ba)), 64))]),
+				s("label", xa, E(O(u)("primary-color", "Primary color")), 1),
+				s("div", Sa, [ee(s("input", {
+					id: "designer-theme-color",
+					"onUpdate:modelValue": c[1] ||= (e) => f.value = e,
+					type: "color",
+					onInput: c[2] ||= (e) => p(f.value)
+				}, null, 544), [[k, f.value]]), ee(s("input", {
+					"onUpdate:modelValue": c[3] ||= (e) => f.value = e,
+					type: "text",
+					onChange: c[4] ||= (e) => p(f.value)
+				}, null, 544), [[k, f.value]])])
+			])])])) : a("", !0)]),
+			_: 1
+		}));
+	}
+}), [["__scopeId", "data-v-2b2352d5"]]), wa = ["data-theme", "data-theme-mode"], Ta = { class: "contents" }, Ea = "aham-ui-designer-screens-height", Da = "aham-ui-designer-theme", Oa = /*#__PURE__*/ $(/* @__PURE__ */ d({
 	__name: "Designer",
 	props: {
 		value: {},
@@ -2131,19 +2451,31 @@ var Di = /*#__PURE__*/ $(wi, [["render", Ei], ["__scopeId", "data-v-d42babf5"]])
 	},
 	emits: [
 		"moreSelect",
+		"translationUpdate",
 		"screenSelect",
 		"screenAdd",
-		"screenRename"
+		"screenRename",
+		"themeUpdate"
 	],
 	setup(e, { emit: t }) {
-		let r = e, i = t, s = y(), c = y([]), u = y(), d = y(50), f = !1, p = n(() => r.options?.checklist?.map((e) => ({
+		let n = e, i = t, a = b(), c = b([]), l = b(), d = b(50), f = b(!1), p = b(!1), m = b(!1), v = b(n.options?.theme?.color), x = Ki(), S = !1, w = r(() => n.options?.theme?.mode ?? "default"), T = r(() => n.options?.checklist?.map((e) => ({
 			...e,
 			complete: e.check ? e.check({ templates: c.value }) : e.complete
 		})));
-		k(() => r.options?.templates, (e) => {
-			c.value = e ? [...e] : [], !u.value && c.value[0] && (u.value = c.value[0].id);
-		}, { immediate: !0 });
-		function _() {
+		A(() => n.options?.templates, (e) => {
+			c.value = e ? [...e] : [], !l.value && c.value[0] && (l.value = c.value[0].id);
+		}, { immediate: !0 }), A(() => n.options?.translations, (e) => {
+			e && x.setItems(e);
+		}, { immediate: !0 }), A(() => n.options?.translationScreens, (e) => {
+			Object.entries(e ?? {}).forEach(([e, t]) => {
+				x.setScreenItems(e, t);
+			});
+		}), A(() => n.options?.translationComponents, (e) => {
+			Object.entries(e ?? {}).forEach(([e, t]) => {
+				x.setComponentItems(e, t);
+			});
+		});
+		function E() {
 			let e = c.value.filter((e) => e.icon === "view_column").length, t = `layout-${Date.now()}`, n = {
 				id: t,
 				name: e ? `New Layout ${e + 1}` : "New Layout",
@@ -2153,80 +2485,125 @@ var Di = /*#__PURE__*/ $(wi, [["render", Ei], ["__scopeId", "data-v-d42babf5"]])
 				changed: !0,
 				type: "dynamic"
 			};
-			c.value.push(n), u.value = t, i("screenAdd", n), i("screenSelect", n);
+			c.value.push(n), l.value = t, i("screenAdd", n), i("screenSelect", n);
 		}
-		function b(e, t) {
+		function D(e, t) {
 			let n = c.value.find((t) => t.id === e);
 			n && (n.name = t, i("screenRename", e, t));
 		}
-		function x(e) {
+		function O(e) {
 			let t = c.value.find((t) => t.id === e);
-			t && (u.value = e, i("screenSelect", t));
+			t && (l.value = e, i("screenSelect", t));
 		}
-		function C(e) {
+		function k(e) {
 			i("moreSelect", e);
 		}
-		function w() {
-			f && (f = !1, document.body.style.removeProperty("cursor"), document.removeEventListener("pointermove", T), document.removeEventListener("pointerup", w));
+		function j() {
+			f.value = !f.value;
 		}
-		function T(e) {
-			let t = s.value?.getBoundingClientRect();
+		function M() {
+			p.value = !p.value, p.value && (m.value = !1);
+		}
+		function ee() {
+			m.value = !m.value, m.value && (p.value = !1);
+		}
+		function N(e) {
+			v.value = e, i("themeUpdate", e);
+		}
+		function P(e, t, n) {
+			x.updateValue(e, t, n), i("translationUpdate", e, t, n);
+		}
+		function F() {
+			S && (S = !1, document.body.style.removeProperty("cursor"), document.removeEventListener("pointermove", I), document.removeEventListener("pointerup", F));
+		}
+		function I(e) {
+			let t = a.value?.getBoundingClientRect();
 			if (!t) return;
 			let n = (e.clientY - t.top) / t.height * 100;
 			d.value = Math.min(80, Math.max(20, n));
 		}
-		function E(e) {
-			f = !0, document.body.style.cursor = "row-resize", document.addEventListener("pointermove", T), document.addEventListener("pointerup", w), e.currentTarget.setPointerCapture?.(e.pointerId);
-		}
-		return g(() => {
-			let e = Number(localStorage.getItem(Ki));
-			Number.isFinite(e) && (d.value = Math.min(80, Math.max(20, e)));
-		}), k(d, (e) => {
-			localStorage.setItem(Ki, String(e));
-		}), h(w), (t, n) => {
-			let r = S("Workspace");
-			return v(), a("section", Wi, [l(Ci, {
-				subject: e.options?.subject ?? "",
-				shared: e.options?.shared,
-				"theme-changeable": e.options?.theme?.changeable,
-				"more-items": e.options?.moreItems,
-				onMoreSelect: C
-			}, null, 8, [
-				"subject",
-				"shared",
-				"theme-changeable",
-				"more-items"
-			]), o("div", Gi, [
-				o("aside", null, [o("div", {
-					ref_key: "sidebarPanels",
-					ref: s,
-					class: "sidebar-panels",
-					style: m({ "--screens-height": `${d.value}%` })
-				}, [
-					l(Ui, {
-						templates: c.value,
-						"focused-template-id": u.value,
-						onAdd: _,
-						onRename: b,
-						onSelect: x
-					}, null, 8, ["templates", "focused-template-id"]),
-					o("button", {
-						type: "button",
-						class: "panel-resizer",
-						"aria-label": "Resize screens and components panels",
-						onPointerdown: E
-					}, [...n[0] ||= [o("span", { "aria-hidden": "true" }, null, -1)]], 32),
-					l(oi)
-				], 4), l(ji, { items: p.value }, null, 8, ["items"])]),
-				l(r, {
-					class: "workspace",
-					subject: e.options?.subject ?? ""
-				}, null, 8, ["subject"]),
-				l(Di, { class: "properties" })
-			])]);
+		function L(e) {
+			S = !0, document.body.style.cursor = "row-resize", document.addEventListener("pointermove", I), document.addEventListener("pointerup", F), e.currentTarget.setPointerCapture?.(e.pointerId);
+		}
+		return _(() => {
+			let e = Number(localStorage.getItem(Ea));
+			Number.isFinite(e) && (d.value = Math.min(80, Math.max(20, e))), f.value = w.value === "default" && localStorage.getItem(Da) === "dark";
+		}), A(d, (e) => {
+			localStorage.setItem(Ea, String(e));
+		}), A([f, w], ([e, t]) => {
+			t === "default" && localStorage.setItem(Da, e ? "dark" : "light");
+		}), g(F), (t, n) => {
+			let r = C("Workspace");
+			return y(), o("section", {
+				class: "ui-designer",
+				"data-theme": f.value ? "dark" : "light",
+				"data-theme-mode": w.value,
+				style: h(v.value ? { "--designer-primary": v.value } : void 0)
+			}, [
+				u(wi, {
+					subject: e.options?.subject ?? "",
+					shared: e.options?.shared,
+					"dark-mode-changeable": e.options?.theme?.darkModeChangeable,
+					"dark-mode": f.value,
+					"translations-open": p.value,
+					"theme-open": m.value,
+					"more-items": e.options?.moreItems,
+					onMoreSelect: k,
+					onToggleTheme: j,
+					onToggleTranslations: M,
+					onToggleThemePanel: ee
+				}, null, 8, [
+					"subject",
+					"shared",
+					"dark-mode-changeable",
+					"dark-mode",
+					"translations-open",
+					"theme-open",
+					"more-items"
+				]),
+				s("div", Ta, [
+					s("aside", null, [s("div", {
+						ref_key: "sidebarPanels",
+						ref: a,
+						class: "sidebar-panels",
+						style: h({ "--screens-height": `${d.value}%` })
+					}, [
+						u(Wi, {
+							templates: c.value,
+							"focused-template-id": l.value,
+							onAdd: E,
+							onRename: D,
+							onSelect: O
+						}, null, 8, ["templates", "focused-template-id"]),
+						s("button", {
+							type: "button",
+							class: "panel-resizer",
+							"aria-label": "Resize screens and components panels",
+							onPointerdown: L
+						}, [...n[2] ||= [s("span", { "aria-hidden": "true" }, null, -1)]], 32),
+						u(si)
+					], 4), u(Mi, { items: T.value }, null, 8, ["items"])]),
+					u(r, {
+						class: "workspace",
+						subject: e.options?.subject ?? ""
+					}, null, 8, ["subject"]),
+					u(Oi, { class: "properties" })
+				]),
+				u(fa, {
+					open: p.value,
+					onClose: n[0] ||= (e) => p.value = !1,
+					onUpdate: P
+				}, null, 8, ["open"]),
+				u(Ca, {
+					open: m.value,
+					color: v.value,
+					onClose: n[1] ||= (e) => m.value = !1,
+					onUpdate: N
+				}, null, 8, ["open", "color"])
+			], 12, wa);
 		};
 	}
-}), [["__scopeId", "data-v-9c3240d0"]]), Ji = te("checklist", {
+}), [["__scopeId", "data-v-90a0bee0"]]), ka = F("checklist", {
 	state: () => ({ items: [{
 		id: "all-screens-completed",
 		label: "All screens completed",
@@ -2244,7 +2621,7 @@ var Di = /*#__PURE__*/ $(wi, [["render", Ei], ["__scopeId", "data-v-d42babf5"]])
 			});
 		}
 	}
-}), Yi = te("screens", {
+}), Aa = F("screens", {
 	state: () => ({
 		screens: [],
 		screen: null
@@ -2279,10 +2656,10 @@ var Di = /*#__PURE__*/ $(wi, [["render", Ei], ["__scopeId", "data-v-d42babf5"]])
 });
 //#endregion
 //#region src/widgets/components/types.ts
-function Xi(e) {
+function ja(e) {
 	if (e !== void 0 && e !== "") return typeof e == "number" || /^-?\d+(?:\.\d+)?$/.test(String(e)) ? `${e}px` : String(e);
 }
-function Zi(e) {
+function Ma(e) {
 	let t = {};
 	for (let n of [
 		"width",
@@ -2293,10 +2670,10 @@ function Zi(e) {
 		"borderWidth",
 		"radius"
 	]) {
-		let r = Xi(e[n]);
+		let r = ja(e[n]);
 		r && (t[n === "radius" ? "borderRadius" : n] = r);
 	}
-	if (e.background && (t.background = e.background), e.layout === "grid" ? (t.display = "grid", t.gridTemplateColumns = e.columns || "1fr 1fr", t.alignItems = e.align || "stretch") : e.layout === "block" ? t.display = "block" : (t.display = "flex", t.flexDirection = e.direction || "column", t.alignItems = e.align || "stretch", t.justifyContent = e.justify || "flex-start"), e.layout !== "block" && e.gap !== void 0 && (t.gap = Xi(e.gap) || "0"), e.borderStyle && e.borderStyle !== "none" && (t.border = `${Xi(e.borderWidth) || "1px"} ${e.borderStyle} ${e.borderColor || "currentColor"}`), e.position) {
+	if (e.background && (t.background = e.background), e.layout === "grid" ? (t.display = "grid", t.gridTemplateColumns = e.columns || "1fr 1fr", t.alignItems = e.align || "stretch") : e.layout === "block" ? t.display = "block" : (t.display = "flex", t.flexDirection = e.direction || "column", t.alignItems = e.align || "stretch", t.justifyContent = e.justify || "flex-start"), e.layout !== "block" && e.gap !== void 0 && (t.gap = ja(e.gap) || "0"), e.borderStyle && e.borderStyle !== "none" && (t.border = `${ja(e.borderWidth) || "1px"} ${e.borderStyle} ${e.borderColor || "currentColor"}`), e.position) {
 		t.position = e.position;
 		for (let n of [
 			"left",
@@ -2304,7 +2681,7 @@ function Zi(e) {
 			"right",
 			"bottom"
 		]) {
-			let r = Xi(e[n]);
+			let r = ja(e[n]);
 			r && (t[n] = r);
 		}
 	}
@@ -2312,7 +2689,7 @@ function Zi(e) {
 }
 //#endregion
 //#region src/widgets/components/Container.vue
-var Qi = /*#__PURE__*/ $(/* @__PURE__ */ u({
+var Na = /*#__PURE__*/ $(/* @__PURE__ */ d({
 	__name: "Container",
 	props: {
 		width: {},
@@ -2337,13 +2714,13 @@ var Qi = /*#__PURE__*/ $(/* @__PURE__ */ u({
 		bottom: {}
 	},
 	setup(e) {
-		let t = e, r = n(() => Zi(t));
-		return (e, t) => (v(), a("div", {
+		let t = e, n = r(() => Ma(t));
+		return (e, t) => (y(), o("div", {
 			class: "container-component",
-			style: m(r.value)
-		}, [x(e.$slots, "default", {}, () => [t[0] ||= o("div", { class: "empty" }, "Drop components here", -1)], !0)], 4));
+			style: h(n.value)
+		}, [S(e.$slots, "default", {}, () => [t[0] ||= s("div", { class: "empty" }, "Drop components here", -1)], !0)], 4));
 	}
-}), [["__scopeId", "data-v-42c23412"]]), $i = /*#__PURE__*/ $(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-42c23412"]]), Pa = /*#__PURE__*/ $(/* @__PURE__ */ d({
 	__name: "Card",
 	props: {
 		shadow: {
@@ -2372,32 +2749,32 @@ var Qi = /*#__PURE__*/ $(/* @__PURE__ */ u({
 		bottom: {}
 	},
 	setup(e) {
-		let t = e, r = n(() => ({
-			...Zi(t),
+		let t = e, n = r(() => ({
+			...Ma(t),
 			boxShadow: t.shadow ? "var(--shadow-soft, 0 8px 24px rgb(0 0 0 / 10%))" : "none"
 		}));
-		return (e, t) => (v(), a("div", {
+		return (e, t) => (y(), o("div", {
 			class: "card-component",
-			style: m(r.value)
-		}, [x(e.$slots, "default", {}, () => [t[0] ||= o("div", { class: "empty" }, "Drop components here", -1)], !0)], 4));
+			style: h(n.value)
+		}, [S(e.$slots, "default", {}, () => [t[0] ||= s("div", { class: "empty" }, "Drop components here", -1)], !0)], 4));
 	}
-}), [["__scopeId", "data-v-b06c1052"]]), ea = /* @__PURE__ */ u({
+}), [["__scopeId", "data-v-b06c1052"]]), Fa = /* @__PURE__ */ d({
 	__name: "Spacer",
 	props: { height: { default: 20 } },
 	setup(e) {
-		return (t, n) => (v(), a("div", {
+		return (t, n) => (y(), o("div", {
 			class: "spacer-component",
-			style: m({ height: typeof e.height == "number" ? `${e.height}px` : e.height }),
+			style: h({ height: typeof e.height == "number" ? `${e.height}px` : e.height }),
 			"aria-hidden": "true"
 		}, null, 4));
 	}
-}), ta = { class: "divider-component" }, na = { key: 0 }, ra = /*#__PURE__*/ $(/* @__PURE__ */ u({
+}), Ia = { class: "divider-component" }, La = { key: 0 }, Ra = /*#__PURE__*/ $(/* @__PURE__ */ d({
 	__name: "Divider",
 	props: { label: { default: "or" } },
 	setup(e) {
-		return (t, n) => (v(), a("div", ta, [e.label ? (v(), a("span", na, T(e.label), 1)) : i("", !0)]));
+		return (t, n) => (y(), o("div", Ia, [e.label ? (y(), o("span", La, E(e.label), 1)) : a("", !0)]));
 	}
-}), [["__scopeId", "data-v-a6e861b8"]]), ia = /*#__PURE__*/ $(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-a6e861b8"]]), za = /*#__PURE__*/ $(/* @__PURE__ */ d({
 	__name: "Layout",
 	props: {
 		direction: { default: "column" },
@@ -2405,27 +2782,27 @@ var Qi = /*#__PURE__*/ $(/* @__PURE__ */ u({
 		padding: { default: 12 }
 	},
 	setup(e) {
-		let t = e, r = n(() => ({
+		let t = e, n = r(() => ({
 			display: "flex",
 			flexDirection: t.direction,
 			gap: typeof t.gap == "number" ? `${t.gap}px` : t.gap,
 			padding: typeof t.padding == "number" ? `${t.padding}px` : t.padding
 		}));
-		return (e, t) => (v(), a("div", {
+		return (e, t) => (y(), o("div", {
 			class: "layout-component",
-			style: m(r.value)
-		}, [x(e.$slots, "default", {}, () => [t[0] ||= o("div", { class: "empty" }, "Drop components here", -1)], !0)], 4));
+			style: h(n.value)
+		}, [S(e.$slots, "default", {}, () => [t[0] ||= s("div", { class: "empty" }, "Drop components here", -1)], !0)], 4));
 	}
-}), [["__scopeId", "data-v-be209bd5"]]), aa = { class: "layout-ref-component" }, oa = { class: "badge" }, sa = { key: 0 }, ca = /*#__PURE__*/ $(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-be209bd5"]]), Ba = { class: "layout-ref-component" }, Va = { class: "badge" }, Ha = { key: 0 }, Ua = /*#__PURE__*/ $(/* @__PURE__ */ d({
 	__name: "LayoutRef",
 	props: {
 		layoutKey: { default: "" },
 		label: { default: "Layout" }
 	},
 	setup(e) {
-		return (t, n) => (v(), a("div", aa, [o("div", oa, [c("◆ " + T(e.label), 1), e.layoutKey ? (v(), a("span", sa, " · " + T(e.layoutKey), 1)) : i("", !0)]), x(t.$slots, "default", {}, () => [n[0] ||= o("div", { class: "empty" }, "Drop components here", -1)], !0)]));
+		return (t, n) => (y(), o("div", Ba, [s("div", Va, [l("◆ " + E(e.label), 1), e.layoutKey ? (y(), o("span", Ha, " · " + E(e.layoutKey), 1)) : a("", !0)]), S(t.$slots, "default", {}, () => [n[0] ||= s("div", { class: "empty" }, "Drop components here", -1)], !0)]));
 	}
-}), [["__scopeId", "data-v-d41ee6eb"]]), la = { class: "field-component" }, ua = { class: "label" }, da = { key: 0 }, fa = ["value", "placeholder"], pa = /*#__PURE__*/ $(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-d41ee6eb"]]), Wa = { class: "field-component" }, Ga = { class: "label" }, Ka = { key: 0 }, qa = ["value", "placeholder"], Ja = /*#__PURE__*/ $(/* @__PURE__ */ d({
 	__name: "EmailInput",
 	props: {
 		label: { default: "Email" },
@@ -2437,14 +2814,14 @@ var Qi = /*#__PURE__*/ $(/* @__PURE__ */ u({
 		modelValue: {}
 	},
 	setup(e) {
-		return (t, n) => (v(), a("label", la, [o("span", ua, [c(T(e.label), 1), e.required ? (v(), a("b", da, "*")) : i("", !0)]), o("input", {
+		return (t, n) => (y(), o("label", Wa, [s("span", Ga, [l(E(e.label), 1), e.required ? (y(), o("b", Ka, "*")) : a("", !0)]), s("input", {
 			value: e.modelValue,
 			type: "email",
 			placeholder: e.placeholder,
 			readonly: ""
-		}, null, 8, fa)]));
+		}, null, 8, qa)]));
 	}
-}), [["__scopeId", "data-v-c7f2e797"]]), ma = { class: "field-component" }, ha = { class: "label" }, ga = { key: 0 }, _a = ["value", "placeholder"], va = /*#__PURE__*/ $(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-c7f2e797"]]), Ya = { class: "field-component" }, Xa = { class: "label" }, Za = { key: 0 }, Qa = ["value", "placeholder"], $a = /*#__PURE__*/ $(/* @__PURE__ */ d({
 	__name: "TextInput",
 	props: {
 		label: { default: "Full name" },
@@ -2456,14 +2833,14 @@ var Qi = /*#__PURE__*/ $(/* @__PURE__ */ u({
 		modelValue: {}
 	},
 	setup(e) {
-		return (t, n) => (v(), a("label", ma, [o("span", ha, [c(T(e.label), 1), e.required ? (v(), a("b", ga, "*")) : i("", !0)]), o("input", {
+		return (t, n) => (y(), o("label", Ya, [s("span", Xa, [l(E(e.label), 1), e.required ? (y(), o("b", Za, "*")) : a("", !0)]), s("input", {
 			value: e.modelValue,
 			type: "text",
 			placeholder: e.placeholder,
 			readonly: ""
-		}, null, 8, _a)]));
+		}, null, 8, Qa)]));
 	}
-}), [["__scopeId", "data-v-b5ed7071"]]), ya = { class: "field-component" }, ba = { class: "field-row" }, xa = { class: "label" }, Sa = { key: 0 }, Ca = ["value", "placeholder"], wa = /*#__PURE__*/ $(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-b5ed7071"]]), eo = { class: "field-component" }, to = { class: "field-row" }, no = { class: "label" }, ro = { key: 0 }, io = ["value", "placeholder"], ao = /*#__PURE__*/ $(/* @__PURE__ */ d({
 	__name: "PasswordInput",
 	props: {
 		label: { default: "Password" },
@@ -2479,31 +2856,31 @@ var Qi = /*#__PURE__*/ $(/* @__PURE__ */ u({
 		modelValue: {}
 	},
 	setup(e) {
-		return (t, n) => (v(), a("label", ya, [o("span", ba, [o("span", xa, [c(T(e.label), 1), e.required ? (v(), a("b", Sa, "*")) : i("", !0)]), e.showForgot ? (v(), a("a", {
+		return (t, n) => (y(), o("label", eo, [s("span", to, [s("span", no, [l(E(e.label), 1), e.required ? (y(), o("b", ro, "*")) : a("", !0)]), e.showForgot ? (y(), o("a", {
 			key: 0,
 			href: "#",
-			onClick: n[0] ||= N(() => {}, ["prevent"])
-		}, "Forgot?")) : i("", !0)]), o("input", {
+			onClick: n[0] ||= P(() => {}, ["prevent"])
+		}, "Forgot?")) : a("", !0)]), s("input", {
 			value: e.modelValue,
 			type: "password",
 			placeholder: e.placeholder,
 			readonly: ""
-		}, null, 8, Ca)]));
+		}, null, 8, io)]));
 	}
-}), [["__scopeId", "data-v-ad9dff41"]]), Ta = { class: "field-component" }, Ea = { class: "label" }, Da = { class: "otp-row" }, Oa = /*#__PURE__*/ $(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-ad9dff41"]]), oo = { class: "field-component" }, so = { class: "label" }, co = { class: "otp-row" }, lo = /*#__PURE__*/ $(/* @__PURE__ */ d({
 	__name: "OtpInput",
 	props: {
 		label: { default: "Verification code" },
 		digits: { default: 6 }
 	},
 	setup(t) {
-		let r = t, i = n(() => Array.from({ length: Math.max(1, r.digits) }));
-		return (n, r) => (v(), a("div", Ta, [o("span", Ea, T(t.label), 1), o("div", Da, [(v(!0), a(e, null, b(i.value, (e, t) => (v(), a("span", {
+		let n = t, i = r(() => Array.from({ length: Math.max(1, n.digits) }));
+		return (n, r) => (y(), o("div", oo, [s("span", so, E(t.label), 1), s("div", co, [(y(!0), o(e, null, x(i.value, (e, t) => (y(), o("span", {
 			key: t,
 			class: "otp-box"
 		}))), 128))])]));
 	}
-}), [["__scopeId", "data-v-1914959e"]]), ka = { class: "checkbox-component" }, Aa = ["checked"], ja = /*#__PURE__*/ $(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-1914959e"]]), uo = { class: "checkbox-component" }, fo = ["checked"], po = /*#__PURE__*/ $(/* @__PURE__ */ d({
 	__name: "Checkbox",
 	props: {
 		label: { default: "Remember me" },
@@ -2514,35 +2891,35 @@ var Qi = /*#__PURE__*/ $(/* @__PURE__ */ u({
 		modelValue: { type: Boolean }
 	},
 	setup(e) {
-		return (t, n) => (v(), a("label", ka, [o("input", {
+		return (t, n) => (y(), o("label", uo, [s("input", {
 			type: "checkbox",
 			checked: e.modelValue ?? e.checked,
 			readonly: ""
-		}, null, 8, Aa), o("span", null, T(e.label), 1)]));
+		}, null, 8, fo), s("span", null, E(e.label), 1)]));
 	}
-}), [["__scopeId", "data-v-3d492d6d"]]), Ma = /*#__PURE__*/ $(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-3d492d6d"]]), mo = /*#__PURE__*/ $(/* @__PURE__ */ d({
 	__name: "SubmitButton",
 	props: {
 		text: { default: "Sign in" },
 		style: { default: "primary" }
 	},
 	setup(e) {
-		return (t, n) => (v(), a("button", {
+		return (t, n) => (y(), o("button", {
 			type: "button",
-			class: p(["submit-button", e.style])
-		}, T(e.text), 3));
+			class: m(["submit-button", e.style])
+		}, E(e.text), 3));
 	}
-}), [["__scopeId", "data-v-9807299a"]]), Na = {
+}), [["__scopeId", "data-v-9807299a"]]), ho = {
 	type: "button",
 	class: "social-button"
-}, Pa = /*#__PURE__*/ $(/* @__PURE__ */ u({
+}, go = /*#__PURE__*/ $(/* @__PURE__ */ d({
 	__name: "SocialButton",
 	props: {
 		provider: { default: "google" },
 		text: { default: "Continue with Google" }
 	},
 	setup(e) {
-		let t = e, r = {
+		let t = e, n = {
 			google: {
 				letter: "G",
 				color: "#4285f4"
@@ -2559,17 +2936,17 @@ var Qi = /*#__PURE__*/ $(/* @__PURE__ */ u({
 				letter: "●",
 				color: "#111"
 			}
-		}, i = n(() => r[t.provider]);
-		return (t, n) => (v(), a("button", Na, [o("span", {
+		}, i = r(() => n[t.provider]);
+		return (t, n) => (y(), o("button", ho, [s("span", {
 			class: "social-icon",
-			style: m({ background: i.value.color })
-		}, T(i.value.letter), 5), c(T(e.text), 1)]));
+			style: h({ background: i.value.color })
+		}, E(i.value.letter), 5), l(E(e.text), 1)]));
 	}
-}), [["__scopeId", "data-v-3045616f"]]), Fa = [
+}), [["__scopeId", "data-v-3045616f"]]), _o = [
 	"href",
 	"target",
 	"rel"
-], Ia = /*#__PURE__*/ $(/* @__PURE__ */ u({
+], vo = /*#__PURE__*/ $(/* @__PURE__ */ d({
 	__name: "TextLink",
 	props: {
 		text: { default: "Forgot password?" },
@@ -2577,37 +2954,37 @@ var Qi = /*#__PURE__*/ $(/* @__PURE__ */ u({
 		target: { default: "_self" }
 	},
 	setup(e) {
-		return (t, n) => (v(), a("a", {
+		return (t, n) => (y(), o("a", {
 			class: "text-link",
 			href: e.href,
 			target: e.target,
 			rel: e.target === "_blank" ? "noopener noreferrer" : void 0
-		}, T(e.text), 9, Fa));
+		}, E(e.text), 9, _o));
 	}
-}), [["__scopeId", "data-v-8d18edb1"]]), La = /*#__PURE__*/ $(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-8d18edb1"]]), yo = /*#__PURE__*/ $(/* @__PURE__ */ d({
 	__name: "Heading",
 	props: {
 		text: { default: "Welcome back" },
 		size: { default: "lg" }
 	},
 	setup(e) {
-		let t = e, i = n(() => t.size === "xl" ? "h1" : t.size === "lg" ? "h2" : t.size === "md" ? "h3" : "h4");
-		return (t, n) => (v(), r(C(i.value), { class: p(["heading-component", e.size]) }, {
-			default: j(() => [c(T(e.text), 1)]),
+		let t = e, n = r(() => t.size === "xl" ? "h1" : t.size === "lg" ? "h2" : t.size === "md" ? "h3" : "h4");
+		return (t, r) => (y(), i(w(n.value), { class: m(["heading-component", e.size]) }, {
+			default: M(() => [l(E(e.text), 1)]),
 			_: 1
 		}, 8, ["class"]));
 	}
-}), [["__scopeId", "data-v-1c78b10f"]]), Ra = { class: "text-component" }, za = /*#__PURE__*/ $(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-1c78b10f"]]), bo = { class: "text-component" }, xo = /*#__PURE__*/ $(/* @__PURE__ */ d({
 	__name: "Text",
 	props: { text: { default: "Enter your details to continue." } },
 	setup(e) {
-		return (t, n) => (v(), a("p", Ra, T(e.text), 1));
+		return (t, n) => (y(), o("p", bo, E(e.text), 1));
 	}
-}), [["__scopeId", "data-v-3be0c0c9"]]), Ba = [
+}), [["__scopeId", "data-v-3be0c0c9"]]), So = [
 	"href",
 	"target",
 	"rel"
-], Va = ["src", "alt"], Ha = { key: 1 }, Ua = ["src", "alt"], Wa = { key: 1 }, Ga = /*#__PURE__*/ $(/* @__PURE__ */ u({
+], Co = ["src", "alt"], wo = { key: 1 }, To = ["src", "alt"], Eo = { key: 1 }, Do = /*#__PURE__*/ $(/* @__PURE__ */ d({
 	__name: "Image",
 	props: {
 		src: { default: "" },
@@ -2619,63 +2996,63 @@ var Qi = /*#__PURE__*/ $(/* @__PURE__ */ u({
 		hrefTarget: { default: "_self" }
 	},
 	setup(e) {
-		let t = e, r = (e) => typeof e == "number" || /^-?\d+(?:\.\d+)?$/.test(String(e)) ? `${e}px` : String(e), i = n(() => ({
-			width: r(t.width),
+		let t = e, n = (e) => typeof e == "number" || /^-?\d+(?:\.\d+)?$/.test(String(e)) ? `${e}px` : String(e), i = r(() => ({
+			width: n(t.width),
 			maxWidth: "100%",
-			height: r(t.height),
-			borderRadius: r(t.radius)
+			height: n(t.height),
+			borderRadius: n(t.radius)
 		}));
-		return (t, n) => e.href ? (v(), a("a", {
+		return (t, n) => e.href ? (y(), o("a", {
 			key: 0,
 			class: "image-link",
 			href: e.href,
 			target: e.hrefTarget,
 			rel: e.hrefTarget === "_blank" ? "noopener noreferrer" : void 0
-		}, [o("div", {
+		}, [s("div", {
 			class: "image-component",
-			style: m(i.value)
-		}, [e.src ? (v(), a("img", {
+			style: h(i.value)
+		}, [e.src ? (y(), o("img", {
 			key: 0,
 			src: e.src,
 			alt: e.alt
-		}, null, 8, Va)) : (v(), a("span", Ha, T(e.alt), 1))], 4)], 8, Ba)) : (v(), a("div", {
+		}, null, 8, Co)) : (y(), o("span", wo, E(e.alt), 1))], 4)], 8, So)) : (y(), o("div", {
 			key: 1,
 			class: "image-component",
-			style: m(i.value)
-		}, [e.src ? (v(), a("img", {
+			style: h(i.value)
+		}, [e.src ? (y(), o("img", {
 			key: 0,
 			src: e.src,
 			alt: e.alt
-		}, null, 8, Ua)) : (v(), a("span", Wa, T(e.alt), 1))], 4));
+		}, null, 8, To)) : (y(), o("span", Eo, E(e.alt), 1))], 4));
 	}
-}), [["__scopeId", "data-v-ecc98881"]]), Ka = { "aria-hidden": "true" }, qa = /*#__PURE__*/ $(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-ecc98881"]]), Oo = { "aria-hidden": "true" }, ko = /*#__PURE__*/ $(/* @__PURE__ */ d({
 	__name: "Alert",
 	props: {
 		tone: { default: "info" },
 		text: { default: "Check your inbox for the reset link." }
 	},
 	setup(e) {
-		return (t, n) => (v(), a("div", { class: p(["alert-component", e.tone]) }, [o("span", Ka, T(e.tone === "error" ? "⚠" : e.tone === "success" ? "✓" : "ⓘ"), 1), o("span", null, T(e.text), 1)], 2));
+		return (t, n) => (y(), o("div", { class: m(["alert-component", e.tone]) }, [s("span", Oo, E(e.tone === "error" ? "⚠" : e.tone === "success" ? "✓" : "ⓘ"), 1), s("span", null, E(e.text), 1)], 2));
 	}
-}), [["__scopeId", "data-v-bf171873"]]), Ja = { class: "content-component" }, Ya = { class: "empty" }, Xa = /*#__PURE__*/ $(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-bf171873"]]), Ao = { class: "content-component" }, jo = { class: "empty" }, Mo = /*#__PURE__*/ $(/* @__PURE__ */ d({
 	__name: "Content",
 	props: { note: { default: "Page content goes here" } },
 	setup(e) {
-		return (t, n) => (v(), a("div", Ja, [x(t.$slots, "default", {}, () => [o("div", Ya, T(e.note), 1)], !0)]));
+		return (t, n) => (y(), o("div", Ao, [S(t.$slots, "default", {}, () => [s("div", jo, E(e.note), 1)], !0)]));
 	}
-}), [["__scopeId", "data-v-1c551f9d"]]), Za = { class: "consent-card" }, Qa = /*#__PURE__*/ $(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-1c551f9d"]]), No = { class: "consent-card" }, Po = /*#__PURE__*/ $(/* @__PURE__ */ d({
 	__name: "ConsentCard",
 	props: {
 		appName: { default: "Acme Analytics" },
 		requestedBy: { default: "acme.io" }
 	},
 	setup(e) {
-		return (t, n) => (v(), a("div", Za, [n[0] ||= o("span", {
+		return (t, n) => (y(), o("div", No, [n[0] ||= s("span", {
 			class: "icon",
 			"aria-hidden": "true"
-		}, "✓", -1), o("div", null, [o("strong", null, T(e.appName), 1), o("span", null, "wants to access your account · " + T(e.requestedBy), 1)])]));
+		}, "✓", -1), s("div", null, [s("strong", null, E(e.appName), 1), s("span", null, "wants to access your account · " + E(e.requestedBy), 1)])]));
 	}
-}), [["__scopeId", "data-v-9008f821"]]), $a = { class: "scope-list" }, eo = /*#__PURE__*/ $(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-9008f821"]]), Fo = { class: "scope-list" }, Io = /*#__PURE__*/ $(/* @__PURE__ */ d({
 	__name: "ScopeList",
 	props: { scopes: { default: () => [
 		"Read your profile",
@@ -2683,12 +3060,12 @@ var Qi = /*#__PURE__*/ $(/* @__PURE__ */ u({
 		"Access your workspace list"
 	] } },
 	setup(t) {
-		let r = t, i = n(() => Array.isArray(r.scopes) ? r.scopes : r.scopes.split("\n").filter(Boolean));
-		return (t, n) => (v(), a("div", $a, [(v(!0), a(e, null, b(i.value, (e) => (v(), a("div", {
+		let n = t, i = r(() => Array.isArray(n.scopes) ? n.scopes : n.scopes.split("\n").filter(Boolean));
+		return (t, n) => (y(), o("div", Fo, [(y(!0), o(e, null, x(i.value, (e) => (y(), o("div", {
 			key: e,
 			class: "scope"
-		}, [n[0] ||= o("span", { "aria-hidden": "true" }, "✓", -1), o("span", null, T(e), 1)]))), 128))]));
+		}, [n[0] ||= s("span", { "aria-hidden": "true" }, "✓", -1), s("span", null, E(e), 1)]))), 128))]));
 	}
 }), [["__scopeId", "data-v-cdebac9d"]]);
 //#endregion
-export { qa as Alert, $i as Card, ja as Checkbox, Qa as ConsentCard, Qi as Container, Xa as Content, qi as Designer, ra as Divider, pa as EmailInput, La as Heading, Ga as Image, ia as Layout, ca as LayoutRef, Oa as OtpInput, wa as PasswordInput, eo as ScopeList, Pa as SocialButton, ea as Spacer, Ma as SubmitButton, za as Text, va as TextInput, Ia as TextLink, Yr as TextScroller, Ji as useChecklistStore, Yi as useScreensStore };
+export { ko as Alert, Pa as Card, po as Checkbox, Po as ConsentCard, Na as Container, Mo as Content, Oa as Designer, Ra as Divider, Ja as EmailInput, yo as Heading, Do as Image, za as Layout, Ua as LayoutRef, lo as OtpInput, ao as PasswordInput, Io as ScopeList, go as SocialButton, Fa as Spacer, mo as SubmitButton, xo as Text, $a as TextInput, vo as TextLink, Xr as TextScroller, Ca as ThemeSidebar, ka as useChecklistStore, Aa as useScreensStore, Ki as useTranslationStore };