@aham.ro/ui-designer 0.1.3 → 0.1.5

package/dist/iam-designer.js

@@ -1,22 +1,1816 @@
-import { Fragment as e, Teleport as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, getCurrentInstance as c, nextTick as l, normalizeStyle as u, onBeforeUnmount as d, onMounted as f, openBlock as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, watch as y, withModifiers as b } from "vue";
+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";
 //#region src/composables/useTranslation.ts
-function x() {
-	let e = c()?.appContext.config.globalProperties, t = e?.$t, n = typeof t == "function" ? t.bind(e) : void 0;
+function P() {
+	let e = d()?.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;
 	};
 }
 //#endregion
-//#region src/widgets/header/IconButton.vue?vue&type=script&setup=true&lang.ts
-var S = [
+//#region node_modules/overlayscrollbars/overlayscrollbars.mjs
+var F = (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), [
+			a,
+			c,
+			o
+		];
+	};
+	return [t ? (e) => s(t(a, o), e) : s, (e) => [
+		a,
+		!!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) => {
+	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;
+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) => {
+	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) => {
+	let t = String(e || "");
+	return t ? t[0].toUpperCase() + t.slice(1) : "";
+}, Ve = (e, t, n, r) => {
+	if (e && t) {
+		let r = !0;
+		return G(n, ((n) => {
+			e[n] !== t[n] && (r = !1);
+		})), 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, [
+	"t",
+	"r",
+	"b",
+	"l"
+]), J = (e, ...t) => e.bind(0, ...t), Ge = (e) => {
+	let t, n = e ? ie : re, r = e ? ae : ne;
+	return [(i) => {
+		r(t), t = n((() => i()), H(e) ? e() : e);
+	}, () => r(t)];
+}, Ke = (e) => {
+	let t = H(e) ? e() : e;
+	if (pe(t)) {
+		let e = t ? ie : re, n = t ? ae : ne;
+		return (r) => {
+			let i = e((() => r()), t);
+			return () => {
+				n(i);
+			};
+		};
+	}
+	return t && t._;
+}, qe = (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);
+		if (t) {
+			let n = typeof i == "function" ? i() : i, a = Ke(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) => {
+	let s = [
+		t,
+		n,
+		r,
+		i,
+		a,
+		o
+	];
+	return (typeof e != "object" || fe(e)) && !H(e) && (e = {}), G(s, ((t) => {
+		G(t, ((n, r) => {
+			let i = t[r];
+			if (e === i) return !0;
+			let a = U(i);
+			if (i && ve(i)) {
+				let t = e[r], n = t;
+				a && !U(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) => {
+		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) => {
+		let r = new Set(n);
+		return G($e(e), ((e) => {
+			r[t](e);
+		})), Se(r).join(" ");
+	};
+	return {
+		C: (e) => r(i(e, "delete")),
+		$: (e) => r(i(e, "add")),
+		H: (e) => {
+			let t = $e(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;
+	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);
+		e && t && t.removeChild(e);
+	}));
+}, Z = (e, t) => J(xt, e && t && G(Ce(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;
+}, 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 = 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) {
+	e && t && G(t, ((t, n) => {
+		try {
+			let r = e.style, i = fe(t) || he(t) ? "" : pe(t) ? jt(t) : t;
+			n.indexOf("--") === 0 ? r.setProperty(n, i) : r[n] = i;
+		} catch {}
+	}));
+}
+function Nt(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);
+	}
+	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, [
+		a,
+		o,
+		s,
+		c
+	]);
+	return {
+		t: kt(l[a]),
+		r: kt(l[o]),
+		b: kt(l[s]),
+		l: kt(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 = {
+	w: 0,
+	h: 0
+}, Rt = (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;
+	return {
+		w: t - z(t),
+		h: n - z(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) => {
+		e && e.removeEventListener(t, n, r);
+	}));
+}, Q = (e, t, n, r) => {
+	let i = (r && r.D) ?? !0, a = r && r.I || !1, o = r && r.A || !1, s = {
+		passive: i,
+		capture: a
+	};
+	return J(q, $e(t).map(((t) => {
+		let r = o ? (i) => {
+			Jt(e, t, r, a), n && n(i);
+		} : n;
+		return e && e.addEventListener(t, r, s), J(Jt, e, t, r, a);
+	})));
+}, Yt = (e) => e.stopPropagation(), Xt = (e) => e.preventDefault(), Zt = (e) => Yt(e) || Xt(e), Qt = (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) => ({
+	x: e.scrollLeft,
+	y: e.scrollTop
+}), en = () => ({
+	T: {
+		x: 0,
+		y: 0
+	},
+	k: {
+		x: 0,
+		y: 0
+	}
+}), tn = (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;
+		if (r === i) {
+			let n = B(e), a = B(t);
+			i = n > a ? 0 : i, r = n < a ? 0 : r;
+		}
+		return r = r === i ? 0 : r, [r + 0, i + 0];
+	}, [s, c] = o(n.x, r.x, i), [l, u] = o(n.y, r.y, a);
+	return {
+		T: {
+			x: s,
+			y: l
+		},
+		k: {
+			x: c,
+			y: u
+		}
+	};
+}, nn = ({ 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);
+	return {
+		x: r(e.x, t.x, n.x),
+		y: r(e.y, t.y, n.y)
+	};
+}, an = (e) => {
+	e && e.focus && e.focus({
+		preventScroll: !0,
+		focusVisible: !1
+	});
+}, on = (e, t) => {
+	G(Ce(t), e);
+}, sn = (e) => {
+	let t = /* @__PURE__ */ new Map(), n = (e, n) => {
+		if (e) {
+			let r = t.get(e);
+			on(((e) => {
+				r && r[e ? "delete" : "clear"](e);
+			}), n);
+		} else t.forEach(((e) => {
+			e.clear();
+		})), t.clear();
+	}, 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);
+			}), i), J(n, e, i);
+		}
+		he(i) && i && n();
+		let a = Y(e), o = [];
+		return G(a, ((t) => {
+			let n = e[t];
+			n && K(o, r(t, n));
+		})), J(q, o);
+	};
+	return r(e || {}), [
+		r,
+		n,
+		(e, n) => {
+			G(Se(t.get(e)), ((e) => {
+				n && !we(n) ? e.apply(0, n) : e();
+			}));
+		}
+	];
+}, cn = {}, ln = {}, un = (e) => {
+	G(e, ((e) => G(e, ((t, n) => {
+		cn[n] = e[n];
+	}))));
+}, dn = (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;
+	}
+})), 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) => {
+	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;
+	return [
+		Re,
+		ze,
+		Le
+	].includes(n) ? n : Re;
+}, ir = (e, t) => {
+	let { overflowX: n, overflowY: r } = Nt(e, [Ne, Pe]);
+	return {
+		x: rr(n, t.x),
+		y: rr(r, t.y)
+	};
+}, ar = "__osScrollbarsHidingPlugin", or = "__osClickScrollPlugin", sr = (e) => JSON.stringify(e, ((e, t) => {
+	if (H(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 = [
+	222,
+	666,
+	!0
+], fr = {
+	paddingAbsolute: !1,
+	showNativeOverlaidScrollbars: !1,
+	update: {
+		elementEvents: [["img", "load"]],
+		debounce: {
+			mutation: lr,
+			resize: null,
+			event: ur,
+			env: dr
+		},
+		attributes: null,
+		ignoreMutation: null,
+		flowDirectionStyles: null
+	},
+	overflow: {
+		x: "scroll",
+		y: "scroll"
+	},
+	scrollbars: {
+		theme: "os-theme-dark",
+		visibility: "auto",
+		autoHide: "never",
+		autoHideDelay: 1300,
+		autoHideSuspend: !1,
+		dragScroll: !0,
+		clickScroll: !1,
+		pointers: [
+			"mouse",
+			"touch",
+			"pen"
+		]
+	}
+}, pr = (e, t) => {
+	let n = {};
+	return G(xe(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) {
+			let e = !0;
+			if (U(i) || U(a)) try {
+				sr(i) === sr(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 = () => {
+	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), {
+			x: i.h - r.h + a.h,
+			y: i.w - r.w + a.w
+		};
+	}, t = (e) => {
+		let t = !1, n = dt(e, _n);
+		try {
+			t = Nt(e, "scrollbar-width") === "none" || Nt(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();
+	a && (i.nonce = a);
+	let [o, , s] = sn(), [c, l] = F({
+		o: e(n, r),
+		i: Ue
+	}, J(e, n, r, !0)), [u] = l(), d = t(n), f = {
+		x: u.x === 0,
+		y: u.y === 0
+	}, p = {
+		elements: {
+			host: null,
+			padding: !d,
+			viewport: (e) => d && ht(e) && e,
+			content: !1
+		},
+		scrollbars: { slot: !0 },
+		cancel: {
+			nativeScrollbarsOverlaid: !1,
+			body: null
+		}
+	}, m = X({}, fr), h = J(X, {}, m), g = J(X, {}, p), _ = {
+		U: u,
+		M: f,
+		P: d,
+		J: !!ue,
+		G: J(o, "r"),
+		K: g,
+		Z: (e) => X(p, e) && g(),
+		tt: h,
+		nt: (e) => X(m, e) && h(),
+		ot: X({}, p),
+		st: X({}, m)
+	};
+	if (rt(n, "style"), xt(n), Q(I, "resize", (() => {
+		s("r", []);
+	})), H(I.matchMedia) && !d && (!f.x || !f.y)) {
+		let e = (t) => {
+			Q(I.matchMedia(`(resolution: ${I.devicePixelRatio}dppx)`), "change", (() => {
+				t(), e(t);
+			}), { A: !0 });
+		};
+		e((() => {
+			let [e, t] = c();
+			X(_.U, e), s("r", [t]);
+		}));
+	}
+	return _;
+}, br = () => (vr ||= yr(), vr), xr = (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];
+		})), ((n) => G(n[0], ((a) => {
+			let o = n[1], s = i.get(a) || [];
+			if (e.contains(a) && o) {
+				let e = Q(a, o, ((n) => {
+					r ? (e(), i.delete(a)) : t(n);
+				}));
+				i.set(a, K(s, e));
+			} else q(s), i.delete(a);
+		}))));
+	};
+	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;
+			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;
+				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);
+					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];
+				return i || n.apply(0, e), e;
+			}
+		}
+	}, _ = new se(J(g, !1));
+	return [() => (_.observe(e, {
+		attributes: !0,
+		attributeOldValue: !0,
+		attributeFilter: h,
+		subtree: t,
+		childList: t,
+		characterData: t
+	}), i = !0, () => {
+		i &&= (d(), _.disconnect(), !1);
+	}), () => {
+		if (i) return g(!0, _.takeRecords());
+	}];
+}, Cr = null, wr = (e, t, n) => {
+	let { ft: r } = n || {}, i = pn($n), [a] = F({
+		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;
+			if (n) {
+				let t = e[0], [n, , o] = a(t.contentRect), s = Kt(n);
+				i = qt(n, o), r = !i && !s;
+			} else i = e === !0;
+			r || t({
+				_t: !0,
+				ft: i
+			});
+		};
+		if (le) {
+			if (!he(Cr)) {
+				let t = new le(Ze);
+				t.observe(e, { get box() {
+					Cr = !0;
+				} }), Cr ||= !1, t.disconnect();
+			}
+			let t = qe(c, {
+				p: 0,
+				v: 0
+			}), r = (e) => t(e), i = new le(r);
+			if (i.observe(Cr ? e : s), K(n, [() => {
+				i.disconnect();
+			}, !Cr && Z(e, o)]), Cr) {
+				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),
+				Q(o, "animationstart", t),
+				Z(e, o)
+			], a));
+		} else return Ze;
+		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) => {
+		if (e) {
+			let i = a(r(e)), [, o] = i;
+			return o && !n && t(i) && [i];
+		}
+	}, s = (e, t) => o(t.pop(), e);
+	return [() => {
+		let t = [];
+		if (ce) n = new ce(J(s, !1), { root: e }), n.observe(i), K(t, (() => {
+			n.disconnect();
+		}));
+		else {
+			let e = () => {
+				let e = Bt(i);
+				o(e);
+			};
+			K(t, wr(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 = [
+		"id",
+		"class",
+		"style",
+		"open",
+		"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, {
+			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)), {})];
+			}
+		}), a = (r, a) => {
+			if (U(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);
+			i(r);
+		};
+		return a.O = i.O, a;
+	}, D = {
+		Ot: !1,
+		B: T(h)
+	}, O = br(), k = pn(ar), [A] = F({
+		i: He,
+		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(), {
+			w: u.w + d.w,
+			h: u.h + d.h
+		};
+	})), j = E(), M = (e) => {
+		let t = T(h);
+		X(e, { Ct: d !== t }), X(D, { B: t }), d = t;
+	}, ee = (e, t) => {
+		let [n, i] = e, a = { $t: i };
+		return X(D, { Ot: n }), t || r(a), a;
+	}, N = ({ _t: e, ft: t }) => {
+		let n = t ? r : j, i = {
+			_t: e || t,
+			ft: t
+		};
+		M(i), n(i, a);
+	}, te = (e, t) => {
+		let [, n] = A(), r = { xt: n };
+		return M(r), n && !t && j(r, e ? o : i), r;
+	}, P = (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, {
+		ct: m,
+		et: m
+	}), V = b && le && new le(((e) => {
+		let t = e[e.length - 1].contentRect;
+		N({
+			_t: !0,
+			ft: qt(t, u)
+		}), u = t;
+	}));
+	return [
+		() => {
+			V && V.observe(g);
+			let e = R && R(), t = I && I(), n = z(), r = O.G(((e) => {
+				let [, t] = A();
+				j({
+					Et: e,
+					xt: t,
+					_t: x
+				}, s);
+			}));
+			return () => {
+				V && V.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);
+			if (C) {
+				c && c(), l && l();
+				let [e, t] = Sr(y || _, !0, te, {
+					et: xe(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);
+					}
+				});
+				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));
+			}
+			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);
+	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);
+	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([
+		s,
+		c,
+		l
+	], (() => p && f ? s : c), o, h), b = (e) => {
+		if (ue) {
+			let t = null, r = [], i = new ue({
+				source: d,
+				axis: e
+			}), a = () => {
+				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();
+				return r[0] === d[0] && r[1] === d[1] ? a : (r = d, a(), t = o.kt.animate({
+					clear: ["left"],
+					transform: d
+				}, { timeline: i }), a);
+			} };
+		}
+	}, x = {
+		x: b("x"),
+		y: b("y")
+	}, S = () => {
+		let { Rt: e, Vt: t } = n, r = (e, t) => Qe(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;
+		G(e, ((e) => {
+			r(e.Lt, t);
+		}));
+	}, w = (e, t) => {
+		G(e, ((e) => {
+			let [n, r] = t(e);
+			Mt(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) + "" }];
+		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) + "" }];
+			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" }];
+		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 r = t * e;
+					return jt(n ? r : -r);
+				};
+				return [a, a && { transform: Ft({
+					x: o(i.x, e.x, r.x),
+					y: o(i.y, e.y, r.y)
+				}) }];
+			};
+			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 = {
+			Lt: n,
+			Pt: i,
+			kt: a
+		}, s = x[t];
+		return K(e ? _ : v, o), K(g, [
+			Z(n, i),
+			Z(i, a),
+			J(xt, n),
+			s && s.Mt(o),
+			r(o, T, e)
+		]), o;
+	}, j = J(A, !0), M = J(A, !1);
+	return j(), M(), [{
+		Ut: E,
+		Nt: D,
+		qt: O,
+		Bt: k,
+		Ft: T,
+		jt: {
+			Xt: _,
+			Yt: j,
+			Wt: J(w, _)
+		},
+		Jt: {
+			Xt: v,
+			Yt: M,
+			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({
+			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 = [];
+		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;
+			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 });
+				}, O = (e) => {
+					let { Rt: t } = n, r = Bt(h)[c] - Bt(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 = {
+							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));
+					})
+				];
+				if (_.setPointerCapture(r.pointerId), e) O(N);
+				else if (!m) {
+					let e = pn(or);
+					if (e) {
+						let { Vt: t } = n, r = e(D, O, J(w), N, t[l], S, !!s, ((e) => {
+							e ? I() : K(L, I);
+						}));
+						K(L, r), K(u, J(r, !0));
+					}
+				}
+			}
+		})));
+	}, C = !0;
+	return J(q, [
+		Q(g, "pointermove pointerleave", r(i)),
+		Q(m, "pointerenter", r((() => {
+			o(Kn, !0);
+		}))),
+		Q(m, "pointerleave pointercancel", r((() => {
+			o(Kn, !1);
+		}))),
+		Q(m, "wheel", r(((e) => {
+			let { deltaX: t, deltaY: n, deltaMode: r } = e;
+			C && r === 0 && _t(m) === c && x({
+				x: t,
+				y: n
+			}), C = !1, o(Xn, !0), _((() => {
+				C = !0, o(Xn);
+			})), Xt(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);
+		}))),
+		Q(m, "pointerdown", (() => {
+			let e = Q(f, "click", ((e) => {
+				t(), Zt(e);
+			}), {
+				A: !0,
+				I: !0,
+				D: !1
+			}), t = Q(f, "pointerup pointercancel", (() => {
+				t(), setTimeout(e, 150);
+			}), {
+				I: !0,
+				D: !0
+			});
+		}), {
+			I: !0,
+			D: !0
+		}),
+		S(),
+		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) => {
+		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) => {
+		w();
+		let r = (e) => {
+			n.Kt || A(Yn, 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 = (e) => {
+		g(e) && (s = !0, !n.Kt && l && te(!0));
+	}, I = (e) => {
+		g(e) && (s = !1, !n.Kt && l && te(!1));
+	}, L = (e) => {
+		A(Jn, e, !0), A(Jn, e, !1);
+	}, R = [
+		w,
+		b,
+		S,
+		v,
+		() => f(),
+		Q(D, "pointerover", F, { A: !0 }),
+		Q(D, "pointerenter", F),
+		Q(D, "pointerleave", I),
+		Q(D, "pointermove", h(((e) => {
+			g(e) && c && P();
+		}))),
+		Q(O, "scroll", h(((e) => {
+			_((() => {
+				M(), P();
+			})), o(e), N();
+		})))
+	], z = pn(ar);
+	return [
+		() => J(q, K(R, 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;
+			};
+			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));
+			}
+			de && (M(), j(), N(), g && ee(), A(qn, !w.x, !0), A(qn, !w.y, !1), A(zn, 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);
+	}, 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 = {
+		dt: p,
+		vt: A,
+		L: k,
+		ln: j,
+		ht: M,
+		gt: P,
+		Qt: E ? h : k,
+		an: m ? g : te,
+		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([
+		V,
+		B,
+		z,
+		R,
+		L
+	].find(((e) => e && !N(e)))), ie = E ? L : V || B, ae = J(q, ne);
+	return [
+		F,
+		() => {
+			let e = _(), t = yt(), r = (e) => {
+				Z(_t(e), gt(e)), xt(e);
+			}, i = (e) => Q(e, "focusin focusout focus blur", Zt, {
+				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;
+		},
+		ae
+	];
+}, Fr = ({ 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", ""));
+	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");
+		(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,
+				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)`
+			}, s = {
+				[Ee]: e ? u.t : 0,
+				[De]: e ? u.r : 0,
+				[ke]: e ? u.b : 0,
+				[Oe]: e ? u.l : 0
+			};
+			Mt(t || n, o), Mt(n, s), X(i, {
+				ln: u,
+				_n: !e,
+				F: t ? s : X({}, o, s)
+			});
+		}
+		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 = {
+		display: () => !1,
+		direction: (e) => e !== "ltr",
+		flexDirection: (e) => e.endsWith("-reverse"),
+		writingMode: (e) => e !== "horizontal-tb"
+	}, g = Y(h), _ = {
+		i: He,
+		o: {
+			w: 0,
+			h: 0
+		}
+	}, v = {
+		i: Ue,
+		o: {}
+	}, y = (e) => {
+		u(Dn, !p && e);
+	}, b = () => Nt(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 {
+			T: {
+				x: 0,
+				y: 0
+			},
+			k: {
+				x: 1,
+				y: 1
+			}
+		};
+		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);
+		}), {
+			I: !0,
+			A: !0
+		}), l = u(An, !0);
+		Qt(c, {
+			x: 0,
+			y: 0
+		}), l();
+		let d = $t(c), f = Ht(c);
+		Qt(c, {
+			x: f.w,
+			y: f.h
+		});
+		let p = $t(c), m = {
+			x: p.x - d.x,
+			y: p.y - d.y
+		};
+		Qt(c, {
+			x: -f.w,
+			y: -f.h
+		});
+		let _ = $t(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
+		};
+		return Qt(c, i), re((() => o())), {
+			T: d,
+			k: b
+		};
+	}, S = (e, t) => {
+		let n = I.devicePixelRatio % 1 == 0 ? 0 : 1, r = {
+			w: m(e.w - t.w),
+			h: m(e.h - t.h)
+		};
+		return {
+			w: r.w > n ? r.w : 0,
+			h: r.h > n ? r.h : 0
+		};
+	}, 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;
+		};
+		return {
+			x: n(t.x, e.x, t.y, e.y),
+			y: n(t.y, e.y, t.x, e.x)
+		};
+	}, w = (e) => {
+		let t = (e) => [
+			Le,
+			Re,
+			ze
+		].map(((t) => V(rr(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)))),
+		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)}`;
+	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 = {
+				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,
+			Vt: {
+				x: me.w,
+				y: me.h
+			},
+			Rt: {
+				x: H.w,
+				y: H.h
+			},
+			j: W,
+			Tt: tn(Ce, H)
+		}), {
+			en: Ee,
+			nn: he,
+			sn: U,
+			cn: we || U
+		};
+	};
+}, Rr = (e) => {
+	let [t, n, r] = Pr(e), i = {
+		ln: {
+			t: 0,
+			r: 0,
+			b: 0,
+			l: 0
+		},
+		_n: !1,
+		F: {
+			[je]: 0,
+			[Me]: 0,
+			[Ae]: 0,
+			[Ee]: 0,
+			[De]: 0,
+			[ke]: 0,
+			[Oe]: 0
+		},
+		Vt: {
+			x: 0,
+			y: 0
+		},
+		Rt: {
+			x: 0,
+			y: 0
+		},
+		rn: {
+			x: Re,
+			y: Re
+		},
+		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)
+	];
+	return [
+		n,
+		(e) => {
+			let t = {}, n = d && $t(o), r = n && c();
+			return G(f, ((n) => {
+				X(t, n(e, t) || {});
+			})), Qt(o, n), r && r(), s || Qt(a, 0), t;
+		},
+		i,
+		t,
+		r
+	];
+}, zr = (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) => {
+		y({}, e);
+	})), [h, g, , _] = Nr(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),
+			vn: f,
+			It: h
+		}, y = r || p(X({}, _, { zt: d })), b = c(X({}, _, {
+			fn: m,
+			Zt: y
+		}));
+		g(X({}, _, {
+			Zt: y,
+			tn: b
+		}));
+		let x = v(y), S = v(b), C = x || S || !Xe(f) || h;
+		return i = !0, C && n(e, {
+			Zt: y,
+			tn: b
+		}), C;
+	};
+	return [
+		() => {
+			let { an: e, gt: t, St: n } = u, r = $t(e), i = [
+				f(),
+				s(),
+				h(),
+				() => {
+					a.pn = !0;
+				}
+			], o = n();
+			return Qt(t, r), o(), J(q, i);
+		},
+		y,
+		(e) => {
+			let t = a.Kt;
+			a.Kt = e, !e && t !== e && y({
+				It: !0,
+				zt: !0
+			});
+		},
+		() => {
+			g({
+				Dt: mr(t, {}, !1),
+				vn: {},
+				It: !1
+			});
+		},
+		() => ({
+			gn: a,
+			hn: m,
+			bn: l
+		}),
+		{
+			yn: u,
+			wn: _
+		},
+		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);
+	if (t && !o) {
+		let o = [], s = {}, c = (e) => {
+			let t = Ye(e), n = pn(mn);
+			return n ? n(t, !0) : t;
+		}, l = X({}, r(), c(t)), [u, d, f] = sn(), [p, m, h] = sn(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 }) => {
+			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: {
+					sizeChanged: !!i,
+					directionChanged: !!a,
+					heightIntrinsicChanged: !!o,
+					overflowEdgeChanged: !!u,
+					overflowAmountChanged: !!d,
+					overflowStyleChanged: !!f,
+					scrollCoordinatesChanged: !!p,
+					contentMutation: !!s,
+					hostMutation: !!c,
+					appear: !!l
+				},
+				changedOptions: e || {},
+				force: !!t
+			}]);
+		}), ((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());
+		}, 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 }));
+				}
+				return X({}, l);
+			},
+			on: p,
+			off: (e, t) => {
+				e && t && m(e, t);
+			},
+			state() {
+				let { gn: e, hn: t, bn: n } = x(), { pn: r, Kt: i } = e, { B: a } = t, { Vt: o, Rt: s, rn: c, j: l, ln: u, _n: d, Tt: f } = n;
+				return X({}, {
+					overflowEdge: o,
+					overflowAmount: s,
+					overflowStyle: c,
+					hasOverflow: l,
+					scrollCoordinates: {
+						start: f.T,
+						end: f.k
+					},
+					padding: u,
+					paddingAbsolute: d,
+					directionRTL: a,
+					sleeping: i,
+					destroyed: r
+				});
+			},
+			elements() {
+				let { dt: e, vt: t, ln: n, L: r, ht: i, gt: a, Qt: o } = S.yn, { jt: s, Jt: c } = S.wn, l = (e) => {
+					let { kt: t, Pt: n, Lt: r } = e;
+					return {
+						scrollbar: r,
+						track: n,
+						handle: t
+					};
+				}, u = (e) => {
+					let { Xt: t, Yt: n } = e;
+					return X({}, l(t[0]), { clone: () => {
+						let e = l(n());
+						return b(), e;
+					} });
+				};
+				return X({}, {
+					target: e,
+					host: t,
+					padding: n || r,
+					viewport: r,
+					content: i || r,
+					scrollOffsetElement: a,
+					scrollEventElement: o,
+					scrollbarHorizontal: u(s),
+					scrollbarVertical: u(c)
+				});
+			},
+			update: (e) => v({
+				It: e,
+				zt: !0
+			}),
+			destroy: J(w, !1),
+			sleep: y,
+			plugin: (e) => s[Y(e)[0]]
+		};
+		return K(o, [C]), Vr(a, T), dn(cn, Wr, [
+			T,
+			u,
+			s
+		]), Ar(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();
+	return X({}, {
+		scrollbarsSize: e,
+		scrollbarsOverlaid: t,
+		scrollbarsHiding: n,
+		scrollTimeline: r,
+		staticDefaultInitialization: i,
+		staticDefaultOptions: a,
+		getDefaultInitialization: o,
+		setDefaultInitialization: s,
+		getDefaultOptions: c,
+		setDefaultOptions: l
+	});
+}, Wr.nonce = _r, Wr.trustedTypePolicy = wt;
+//#endregion
+//#region node_modules/overlayscrollbars-vue/overlayscrollbars-vue.mjs
+var Gr = () => {
+	if (typeof window > "u") {
+		let e = () => {};
+		return [e, e];
+	}
+	let e, t, n = window, r = typeof n.requestIdleCallback == "function", i = n.requestAnimationFrame, a = n.cancelAnimationFrame, o = r ? n.requestIdleCallback : i, s = r ? n.cancelIdleCallback : a, c = () => {
+		s(e), a(t);
+	};
+	return [(n, a) => {
+		c(), e = o(r ? () => {
+			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) => {
+		i = e;
+	}, {
+		deep: !0,
+		immediate: !0
+	}), k(() => D(a.value?.options), (e) => {
+		n = e, Wr.valid(t) && t.options(n || {}, !0);
+	}, {
+		deep: !0,
+		immediate: !0
+	}), k(() => D(a.value?.events), (e) => {
+		r = e, Wr.valid(t) && t.on(
+			/* c8 ignore next */
+			r || {},
+			!0
+		);
+	}, {
+		deep: !0,
+		immediate: !0
+	}), _(() => {
+		s(), t?.destroy();
+	}), [(e) => {
+		if (Wr.valid(t)) return t;
+		let a = () => t = Wr(e, n || {}, r || {});
+		i ? o(a, i) : a();
+	}, () => t];
+}, qr = /* @__PURE__ */ u({
+	__name: "OverlayScrollbarsComponent",
+	props: {
+		element: {
+			type: [String, Object],
+			default: "div"
+		},
+		options: { type: Object },
+		events: { type: Object },
+		defer: { type: [Boolean, Object] }
+	},
+	emits: [
+		"osInitialized",
+		"osUpdated",
+		"osDestroyed",
+		"osScroll"
+	],
+	setup(e, { expose: t, emit: n }) {
+		let i = e, o = {
+			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({
+			options: c,
+			events: p,
+			defer: u
+		});
+		return t({
+			osInstance: h,
+			getElement: () => d.value
+		}), A((e) => {
+			let { value: t } = d, { value: n } = f;
+			t && (m(s.value === "body" ? {
+				target: t,
+				cancel: { body: null }
+			} : {
+				target: t,
+				elements: {
+					viewport: n,
+					content: n
+				}
+			}), e(() => h()?.destroy()));
+		}), k(() => D(l), (e) => {
+			let t = e || {};
+			p.value = Object.keys(o).reduce((e, r) => {
+				let i = t[r];
+				return e[r] = [(...e) => n(o[r], ...e), ...(Array.isArray(i) ? i : [i]).filter(Boolean)], e;
+			}, {});
+		}, {
+			deep: !0,
+			immediate: !0
+		}), (e, t) => (v(), r(C(D(s)), {
+			"data-overlayscrollbars-initialize": "",
+			ref_key: "elementRef",
+			ref: d
+		}, {
+			default: j(() => [D(s) === "body" ? x(e.$slots, "default", { key: 0 }) : (v(), a("div", {
+				key: 1,
+				"data-overlayscrollbars-contents": "",
+				ref_key: "slotRef",
+				ref: f
+			}, [x(e.$slots, "default")], 512))]),
+			_: 3
+		}, 512));
+	}
+}), Jr = /*@__PURE__*/ u({
+	__name: "TextScroller",
+	props: {
+		delay: { default: 500 },
+		repeatDelay: { default: 1e3 },
+		speed: { default: 35 },
+		active: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = e, n = y(), r = y(), i = y(!1), s = y(0), c = y(!1), l;
+		function u() {
+			return c.value || t.active;
+		}
+		function d() {
+			l &&= (clearTimeout(l), void 0), i.value = !1, s.value = 0;
+		}
+		function g() {
+			let e = n.value?.clientWidth ?? 0, t = r.value?.scrollWidth ?? 0;
+			s.value = Math.max(0, t - e), i.value = s.value > 0;
+		}
+		function _() {
+			d(), l = setTimeout(async () => {
+				await f(), u() && g();
+			}, t.delay);
+		}
+		function b() {
+			u() && (i.value = !1, l = setTimeout(() => {
+				u() && g();
+			}, t.repeatDelay));
+		}
+		return k(() => t.active, (e) => {
+			e ? _() : c.value || d();
+		}), h(d), (e, l) => (v(), a("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`
+			}),
+			onMouseenter: l[0] ||= (e) => {
+				c.value = !0, t.active || _();
+			},
+			onMouseleave: l[1] ||= (e) => {
+				c.value = !1, t.active || d();
+			}
+		}, [o("span", {
+			ref_key: "content",
+			ref: r,
+			class: "text-scroller-content",
+			onAnimationend: b
+		}, [x(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 = {
+	key: 0,
+	class: "component-groups"
+}, ti = { class: "group-label" }, ni = { class: "component-items" }, ri = [
+	"aria-label",
+	"onMouseenter",
+	"onClick"
+], ii = { class: "component-icon icon" }, ai = {
+	key: 1,
+	class: "component-empty"
+}, oi = /*#__PURE__*/ $(/* @__PURE__ */ u({
+	__name: "ComponenList",
+	emits: ["select"],
+	setup(t, { emit: r }) {
+		let i = r, s = P(), u = y(""), d = y(), f = {
+			overflow: {
+				x: "hidden",
+				y: "scroll"
+			},
+			scrollbars: {
+				autoHide: "scroll",
+				autoHideDelay: 800
+			}
+		}, p = [
+			{
+				type: "container",
+				key: "container",
+				label: "Container",
+				group: "Layout",
+				groupKey: "component-layout",
+				icon: "view_agenda"
+			},
+			{
+				type: "card",
+				key: "card",
+				label: "Card",
+				group: "Layout",
+				groupKey: "component-layout",
+				icon: "web_asset"
+			},
+			{
+				type: "spacer",
+				key: "spacer",
+				label: "Spacer",
+				group: "Layout",
+				groupKey: "component-layout",
+				icon: "height"
+			},
+			{
+				type: "divider",
+				key: "divider",
+				label: "Divider",
+				group: "Layout",
+				groupKey: "component-layout",
+				icon: "horizontal_rule"
+			},
+			{
+				type: "layout",
+				key: "layout",
+				label: "Layout",
+				group: "Layout",
+				groupKey: "component-layout",
+				icon: "view_column"
+			},
+			{
+				type: "layoutRef",
+				key: "layout-ref",
+				label: "Layout Reference",
+				group: "Layout",
+				groupKey: "component-layout",
+				icon: "view_quilt"
+			},
+			{
+				type: "emailInput",
+				key: "email-input",
+				label: "Email Input",
+				group: "Inputs",
+				groupKey: "component-inputs",
+				icon: "mail"
+			},
+			{
+				type: "textInput",
+				key: "text-input",
+				label: "Text Input",
+				group: "Inputs",
+				groupKey: "component-inputs",
+				icon: "text_fields"
+			},
+			{
+				type: "passwordInput",
+				key: "password-input",
+				label: "Password Input",
+				group: "Inputs",
+				groupKey: "component-inputs",
+				icon: "lock"
+			},
+			{
+				type: "otpInput",
+				key: "otp-input",
+				label: "OTP Input",
+				group: "Inputs",
+				groupKey: "component-inputs",
+				icon: "pin"
+			},
+			{
+				type: "checkbox",
+				key: "checkbox",
+				label: "Checkbox",
+				group: "Inputs",
+				groupKey: "component-inputs",
+				icon: "check_box"
+			},
+			{
+				type: "submitButton",
+				key: "submit-button",
+				label: "Submit Button",
+				group: "Actions",
+				groupKey: "component-actions",
+				icon: "send"
+			},
+			{
+				type: "socialButton",
+				key: "social-button",
+				label: "Social Button",
+				group: "Actions",
+				groupKey: "component-actions",
+				icon: "group"
+			},
+			{
+				type: "textLink",
+				key: "text-link",
+				label: "Text Link",
+				group: "Actions",
+				groupKey: "component-actions",
+				icon: "link"
+			},
+			{
+				type: "heading",
+				key: "heading",
+				label: "Heading",
+				group: "Content",
+				groupKey: "component-content",
+				icon: "title"
+			},
+			{
+				type: "text",
+				key: "text",
+				label: "Text",
+				group: "Content",
+				groupKey: "component-content",
+				icon: "subject"
+			},
+			{
+				type: "image",
+				key: "image",
+				label: "Image",
+				group: "Content",
+				groupKey: "component-content",
+				icon: "image"
+			},
+			{
+				type: "alert",
+				key: "alert",
+				label: "Alert",
+				group: "Content",
+				groupKey: "component-content",
+				icon: "warning"
+			},
+			{
+				type: "content",
+				key: "layout-content",
+				label: "Layout Content",
+				group: "Content",
+				groupKey: "component-content",
+				icon: "dashboard"
+			},
+			{
+				type: "consentCard",
+				key: "consent-card",
+				label: "Consent Card",
+				group: "OAuth",
+				groupKey: "component-oauth",
+				icon: "verified_user"
+			},
+			{
+				type: "scopeList",
+				key: "scope-list",
+				label: "Scope List",
+				group: "OAuth",
+				groupKey: "component-oauth",
+				icon: "checklist"
+			}
+		], m = n(() => {
+			let e = u.value.trim().toLowerCase();
+			return e ? p.filter((t) => `${t.label} ${t.type}`.toLowerCase().includes(e)) : p;
+		}), h = n(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of m.value) {
+				let n = e.get(t.group) ?? [];
+				n.push(t), e.set(t.group, n);
+			}
+			return [...e].map(([e, t]) => ({
+				name: e,
+				key: t[0].groupKey,
+				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,
+				type: "search",
+				placeholder: "Search components...",
+				"aria-label": "Search components"
+			}, null, 512), [[O, u.value]])]),
+			l(D(qr), {
+				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", {
+					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", {
+					key: e.type,
+					type: "button",
+					class: "component-item",
+					"aria-label": `${D(s)("add-component", "Add")} ${D(s)(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, {
+					class: "component-label",
+					active: d.value === e.type
+				}, {
+					default: j(() => [c(T(D(s)(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))]),
+				_: 1
+			})
+		]));
+	}
+}), [["__scopeId", "data-v-29d47f96"]]), si = [
 	"title",
 	"aria-label",
 	"disabled"
-], C = {
+], ci = {
 	class: "icon",
 	"aria-hidden": "true"
-}, w = /*@__PURE__*/ s({
+}, li = /*#__PURE__*/ $(/* @__PURE__ */ u({
 	__name: "IconButton",
 	props: {
 		icon: { default: "settings" },
@@ -27,103 +1821,99 @@ var S = [
 		}
 	},
 	setup(e) {
-		return (t, n) => (p(), i("button", {
+		return (t, n) => (v(), a("button", {
 			class: "icon-button",
 			type: "button",
 			title: e.title,
 			"aria-label": e.title,
 			disabled: e.disabled
-		}, [a("span", C, _(e.icon), 1)], 8, S));
+		}, [o("span", ci, T(e.icon), 1)], 8, si));
 	}
-}), T = (e, t) => {
-	let n = e.__vccOpts || e;
-	for (let [e, r] of t) n[e] = r;
-	return n;
-}, E = /*#__PURE__*/ T(w, [["__scopeId", "data-v-b3b6390f"]]), D = [
+}), [["__scopeId", "data-v-b3b6390f"]]), ui = [
 	"title",
 	"aria-label",
 	"aria-expanded"
-], O = ["disabled", "onClick"], k = {
+], di = ["disabled", "onClick"], fi = {
 	key: 0,
 	class: "icon",
 	"aria-hidden": "true"
-}, A = /*#__PURE__*/ T(/* @__PURE__ */ s({
+}, pi = /*#__PURE__*/ $(/* @__PURE__ */ u({
 	__name: "MoreButton",
 	props: { items: {} },
 	emits: ["select"],
-	setup(o, { emit: s }) {
-		let c = s, S = m(!1), C = m(), w = m(), T = m(), E = m({
+	setup(n, { emit: s }) {
+		let c = s, l = y(!1), u = y(), d = y(), p = y(), _ = y({
 			top: 0,
 			right: 0
-		}), A = x()("tooltip-sidebar-more", "More");
-		function j() {
-			if (!w.value) return;
-			let e = w.value.getBoundingClientRect();
-			E.value = {
+		}), S = P()("tooltip-sidebar-more", "More");
+		function C() {
+			if (!d.value) return;
+			let e = d.value.getBoundingClientRect();
+			_.value = {
 				top: e.bottom + 6,
 				right: Math.max(8, window.innerWidth - e.right)
 			};
 		}
-		function M() {
-			S.value = !S.value;
+		function w() {
+			l.value = !l.value;
 		}
-		function N(e) {
-			e.disabled || (c("select", e.id), S.value = !1);
+		function E(e) {
+			e.disabled || (c("select", e.id), l.value = !1);
 		}
-		function P(e) {
+		function O(e) {
 			let t = e.target;
-			C.value && !C.value.contains(t) && !T.value?.contains(t) && (S.value = !1);
-		}
-		function F(e) {
-			e.key === "Escape" && (S.value = !1);
-		}
-		return f(() => {
-			document.addEventListener("click", P), document.addEventListener("keydown", F), window.addEventListener("resize", j), window.addEventListener("scroll", j, !0);
-		}), d(() => {
-			document.removeEventListener("click", P), document.removeEventListener("keydown", F), window.removeEventListener("resize", j), window.removeEventListener("scroll", j, !0);
-		}), y(S, async (e) => {
-			e && (await l(), j());
-		}), (s, c) => (p(), i("div", {
+			u.value && !u.value.contains(t) && !p.value?.contains(t) && (l.value = !1);
+		}
+		function A(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", {
 			ref_key: "root",
-			ref: C,
+			ref: u,
 			class: "more-menu"
-		}, [a("button", {
+		}, [o("button", {
 			ref_key: "button",
-			ref: w,
+			ref: d,
 			class: "more-button",
 			type: "button",
-			title: v(A),
-			"aria-label": v(A),
-			"aria-expanded": S.value,
+			title: D(S),
+			"aria-label": D(S),
+			"aria-expanded": l.value,
 			"aria-haspopup": "menu",
-			onClick: b(M, ["stop"])
-		}, [...c[0] ||= [a("span", {
+			onClick: N(w, ["stop"])
+		}, [...c[0] ||= [o("span", {
 			class: "icon",
 			"aria-hidden": "true"
-		}, "more_vert", -1)]], 8, D), (p(), n(t, { to: "body" }, [S.value ? (p(), i("div", {
+		}, "more_vert", -1)]], 8, ui), (v(), r(t, { to: "body" }, [l.value ? (v(), a("div", {
 			key: 0,
 			ref_key: "dropdown",
-			ref: T,
+			ref: p,
 			class: "dropdown",
 			role: "menu",
-			style: u({
-				top: `${E.value.top}px`,
-				right: `${E.value.right}px`
+			style: m({
+				top: `${_.value.top}px`,
+				right: `${_.value.right}px`
 			})
-		}, [o.items?.length ? (p(!0), i(e, { key: 0 }, h(o.items, (e) => (p(), i("button", {
+		}, [n.items?.length ? (v(!0), a(e, { key: 0 }, b(n.items, (e) => (v(), a("button", {
 			key: e.id,
 			class: "menu-item",
 			type: "button",
 			role: "menuitem",
 			disabled: e.disabled,
-			onClick: (t) => N(e)
-		}, [e.icon ? (p(), i("span", k, _(e.icon), 1)) : r("", !0), a("span", null, _(e.label), 1)], 8, O))), 128)) : g(s.$slots, "menu", { close: () => S.value = !1 }, void 0, !0, 1)], 4)) : r("", !0)]))], 512));
+			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));
 	}
-}), [["__scopeId", "data-v-923fea1e"]]), j = ["disabled", "aria-busy"], M = {
+}), [["__scopeId", "data-v-923fea1e"]]), mi = ["disabled", "aria-busy"], hi = {
 	key: 0,
 	class: "spinner",
 	"aria-hidden": "true"
-}, N = /*#__PURE__*/ T(/* @__PURE__ */ s({
+}, gi = /*#__PURE__*/ $(/* @__PURE__ */ u({
 	__name: "SaveButton",
 	props: {
 		disabled: {
@@ -136,15 +1926,15 @@ var S = [
 		}
 	},
 	setup(e) {
-		let t = x();
-		return (n, o) => (p(), i("button", {
+		let t = P();
+		return (n, r) => (v(), a("button", {
 			class: "save-button",
 			type: "button",
 			disabled: e.disabled || e.working,
 			"aria-busy": e.working
-		}, [e.working ? (p(), i("span", M)) : r("", !0), a("span", null, _(v(t)("save-changes", "Save changes")), 1)], 8, j));
+		}, [e.working ? (v(), a("span", hi)) : i("", !0), o("span", null, T(D(t)("save-changes", "Save changes")), 1)], 8, mi));
 	}
-}), [["__scopeId", "data-v-4a359870"]]), P = { class: "branding" }, F = { class: "title" }, I = { class: "subject" }, L = { class: "document-name" }, R = ["title"], z = { class: "actions" }, B = /*#__PURE__*/ T(/* @__PURE__ */ s({
+}), [["__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({
 	__name: "Header",
 	props: {
 		subject: {},
@@ -154,72 +1944,723 @@ var S = [
 	},
 	emits: ["moreSelect"],
 	setup(e, { emit: t }) {
-		let s = e, c = t, l = x();
-		return (t, u) => (p(), i("header", null, [
-			a("div", P, [u[1] ||= a("span", { class: "icon" }, "design_services", -1), a("span", F, _(v(l)("designer", "Designer")), 1)]),
-			a("div", I, [a("span", L, _(e.subject), 1), e.shared ? (p(), i("span", {
+		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", {
 				key: 0,
 				class: "shared icon",
-				title: v(l)("shared", "Shared")
-			}, "groups", 8, R)) : r("", !0)]),
-			a("div", z, [
-				o(E, {
+				title: D(c)("shared", "Shared")
+			}, "groups", 8, xi)) : i("", !0)]),
+			o("div", Si, [
+				l(li, {
 					icon: "translate",
-					title: v(l)("translations", "Translations")
+					title: D(c)("translations", "Translations")
 				}, null, 8, ["title"]),
-				o(E, {
+				l(li, {
 					icon: "palette",
-					title: v(l)("change-theme", "Change theme")
+					title: D(c)("change-theme", "Change theme")
 				}, null, 8, ["title"]),
-				s.themeChangeable === !1 ? r("", !0) : (p(), n(E, {
+				n.themeChangeable === !1 ? i("", !0) : (v(), r(li, {
 					key: 0,
 					icon: "dark_mode",
-					title: v(l)("toggle-theme", "Toggle theme")
+					title: D(c)("toggle-theme", "Toggle theme")
 				}, null, 8, ["title"])),
-				o(E, {
+				l(li, {
 					icon: "visibility",
-					title: v(l)("preview", "Preview")
+					title: D(c)("preview", "Preview")
 				}, null, 8, ["title"]),
-				o(N, {
+				l(gi, {
 					disabled: !1,
 					working: !1
 				}),
-				o(A, {
-					items: s.moreItems,
-					onSelect: u[0] ||= (e) => c("moreSelect", e)
+				l(pi, {
+					items: n.moreItems,
+					onSelect: u[0] ||= (e) => s("moreSelect", e)
 				}, null, 8, ["items"])
 			])
 		]));
 	}
-}), [["__scopeId", "data-v-b6ce5e30"]]), V = { class: "iam-designer" }, H = /*#__PURE__*/ T(/* @__PURE__ */ s({
+}), [["__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)]]);
+}
+var Di = /*#__PURE__*/ $(wi, [["render", Ei], ["__scopeId", "data-v-d42babf5"]]), Oi = { class: "side-info" }, ki = /*#__PURE__*/ $(/* @__PURE__ */ u({
+	__name: "SideInfo",
+	props: { items: { default: () => [{
+		id: "configure-screen",
+		label: "Configure the selected screen",
+		complete: !1
+	}, {
+		id: "preview-screen",
+		label: "Preview before saving",
+		complete: !1
+	}] } },
+	setup(t) {
+		return (n, r) => (v(), a("section", Oi, [r[0] ||= o("div", { class: "info-title" }, "Checklist", -1), (v(!0), a(e, null, b(t.items, (e) => (v(), a("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))]));
+	}
+}), [["__scopeId", "data-v-f439ecfe"]]), Ai = { class: "template-list" }, ji = { class: "section-head" }, Mi = ["title"], Ni = ["aria-label", "title"], Pi = ["onClick"], Fi = {
+	class: "tab-icon icon",
+	"aria-hidden": "true"
+}, Ii = ["onKeydown", "onBlur"], Li = { class: "tab-channel" }, Ri = { class: "tab-version" }, zi = {
+	key: 2,
+	class: "tab-changed",
+	"aria-label": "Unsaved changes"
+}, Bi = {
+	key: 0,
+	class: "empty-list"
+}, Vi = /*#__PURE__*/ $(/* @__PURE__ */ u({
+	__name: "TemplateList",
+	props: {
+		templates: {},
+		focusedTemplateId: {}
+	},
+	emits: [
+		"add",
+		"rename",
+		"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);
+		}
+		async function S(e) {
+			await f(), m.get(e)?.scrollIntoView({ block: "nearest" });
+		}
+		function C(e) {
+			h.value = e.id, g.value = e.name, f(() => _.value?.select());
+		}
+		function w(e) {
+			let t = g.value.trim();
+			h.value = void 0, t && t !== e.name && u("rename", e.id, t);
+		}
+		function E() {
+			h.value = void 0;
+		}
+		return k(() => s.focusedTemplateId, (e) => {
+			e && S(e);
+		}, { immediate: !0 }), (n, s) => (v(), a("section", Ai, [o("div", ji, [o("span", { title: D(d)("screens", "Screens") }, T(D(d)("screens", "Screens")), 9, Mi), o("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, Ni)]), l(D(qr), {
+			class: "template-tabs",
+			options: {
+				overflow: {
+					x: "hidden",
+					y: "scroll"
+				},
+				scrollbars: { autoHide: "never" }
+			},
+			defer: ""
+		}, {
+			default: j(() => [(v(!0), a(e, null, b(t.templates ?? [], (e, n) => (v(), a("button", {
+				key: e.id,
+				ref_for: !0,
+				ref: (t) => x(e.id, t),
+				type: "button",
+				class: p(["template-tab", { active: t.focusedTemplateId ? e.id === t.focusedTemplateId : n === 0 }]),
+				onClick: (t) => u("select", e.id)
+			}, [
+				o("span", Fi, T(e.icon), 1),
+				h.value === e.id ? M((v(), a("input", {
+					key: 0,
+					ref_for: !0,
+					ref_key: "editInput",
+					ref: _,
+					"onUpdate:modelValue": s[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"])],
+					onBlur: (t) => w(e)
+				}, null, 40, Ii)), [[O, g.value]]) : (v(), r(Yr, {
+					key: 1,
+					class: "tab-label",
+					onDblclick: N((t) => e.type === "dynamic" && C(e), ["stop"])
+				}, {
+					default: j(() => [c(T(e.name), 1)]),
+					_: 2
+				}, 1032, ["onDblclick"])),
+				o("span", Li, T(e.channel.charAt(0).toUpperCase()), 1),
+				o("span", Ri, T(e.version), 1),
+				e.changed ? (v(), a("span", zi)) : i("", !0)
+			], 10, Pi))), 128)), t.templates?.length ? i("", !0) : (v(), a("p", Bi, "No screens yet."))]),
+			_: 1
+		})]));
+	}
+}), [["__scopeId", "data-v-927e0835"]]), Hi = { class: "iam-designer" }, Ui = { class: "contents" }, Wi = "aham-ui-designer-screens-height", Gi = /*#__PURE__*/ $(/* @__PURE__ */ u({
 	__name: "Designer",
 	props: {
 		value: {},
 		options: {}
 	},
-	emits: ["moreSelect"],
+	emits: [
+		"moreSelect",
+		"screenSelect",
+		"screenAdd",
+		"screenRename"
+	],
 	setup(e, { emit: t }) {
-		let n = t;
-		function r(e) {
-			n("moreSelect", e);
+		let n = e, r = t, i = y(), s = y([]), c = y(), u = y(50), d = !1;
+		k(() => n.options?.templates, (e) => {
+			s.value = e ? [...e] : [], !c.value && s.value[0] && (c.value = s.value[0].id);
+		}, { immediate: !0 });
+		function f() {
+			let e = s.value.filter((e) => e.icon === "view_column").length, t = `layout-${Date.now()}`, n = {
+				id: t,
+				name: e ? `New Layout ${e + 1}` : "New Layout",
+				version: "1",
+				channel: "ui",
+				icon: "view_column",
+				changed: !0,
+				type: "dynamic"
+			};
+			s.value.push(n), c.value = t, r("screenAdd", n), r("screenSelect", n);
+		}
+		function p(e, t) {
+			let n = s.value.find((t) => t.id === e);
+			n && (n.name = t, r("screenRename", e, t));
+		}
+		function _(e) {
+			let t = s.value.find((t) => t.id === e);
+			t && (c.value = e, r("screenSelect", t));
+		}
+		function b(e) {
+			r("moreSelect", e);
+		}
+		function x() {
+			d && (d = !1, document.body.style.removeProperty("cursor"), document.removeEventListener("pointermove", C), document.removeEventListener("pointerup", x));
 		}
-		return (t, n) => (p(), i("section", V, [
-			o(B, {
+		function C(e) {
+			let t = i.value?.getBoundingClientRect();
+			if (!t) return;
+			let n = (e.clientY - t.top) / t.height * 100;
+			u.value = Math.min(80, Math.max(20, n));
+		}
+		function w(e) {
+			d = !0, document.body.style.cursor = "row-resize", document.addEventListener("pointermove", C), document.addEventListener("pointerup", x), e.currentTarget.setPointerCapture?.(e.pointerId);
+		}
+		return g(() => {
+			let e = Number(localStorage.getItem(Wi));
+			Number.isFinite(e) && (u.value = Math.min(80, Math.max(20, e)));
+		}), k(u, (e) => {
+			localStorage.setItem(Wi, String(e));
+		}), h(x), (t, n) => {
+			let r = S("Workspace");
+			return v(), a("section", Hi, [l(Ci, {
 				subject: e.options?.subject ?? "",
 				shared: e.options?.shared,
 				"theme-changeable": e.options?.theme?.changeable,
 				"more-items": e.options?.moreItems,
-				onMoreSelect: r
+				onMoreSelect: b
 			}, null, 8, [
 				"subject",
 				"shared",
 				"theme-changeable",
 				"more-items"
-			]),
-			n[0] ||= a("h2", null, "UI Designer", -1),
-			a("p", null, "Value: " + _(e.value), 1)
-		]));
+			]), o("div", Ui, [
+				o("aside", null, [o("div", {
+					ref_key: "sidebarPanels",
+					ref: i,
+					class: "sidebar-panels",
+					style: m({ "--screens-height": `${u.value}%` })
+				}, [
+					l(Vi, {
+						templates: s.value,
+						"focused-template-id": c.value,
+						onAdd: f,
+						onRename: p,
+						onSelect: _
+					}, null, 8, ["templates", "focused-template-id"]),
+					o("button", {
+						type: "button",
+						class: "panel-resizer",
+						"aria-label": "Resize screens and components panels",
+						onPointerdown: w
+					}, [...n[0] ||= [o("span", { "aria-hidden": "true" }, null, -1)]], 32),
+					l(oi)
+				], 4), l(ki, { items: e.options?.checklist }, null, 8, ["items"])]),
+				l(r, {
+					class: "workspace",
+					subject: e.options?.subject ?? ""
+				}, null, 8, ["subject"]),
+				l(Di, { class: "properties" })
+			])]);
+		};
+	}
+}), [["__scopeId", "data-v-95006144"]]), Ki = te("checklist", {
+	state: () => ({ items: [{
+		id: "configure-screen",
+		label: "Configure the selected screen",
+		complete: !1
+	}, {
+		id: "preview-screen",
+		label: "Preview before saving",
+		complete: !1
+	}] }),
+	actions: {
+		setComplete(e, t = !0) {
+			let n = this.items.find((t) => t.id === e);
+			n && (n.complete = t);
+		},
+		reset() {
+			this.items.forEach((e) => {
+				e.complete = !1;
+			});
+		}
+	}
+}), qi = te("screens", {
+	state: () => ({
+		screens: [],
+		screen: null
+	}),
+	actions: {
+		setScreens(e) {
+			this.screens = e, this.screen = e[0] ?? null;
+		},
+		setActive(e) {
+			this.screen = this.screens.find((t) => t.id === e) ?? this.screen;
+		},
+		addDynamicLayout(e) {
+			let t = this.screens.filter((e) => e.type === "dynamic").length, n = e ?? {
+				id: `layout-${Date.now()}`,
+				name: t ? `New Layout ${t + 1}` : "New Layout",
+				icon: "view_column",
+				channel: "ui",
+				version: "1",
+				changed: !0,
+				type: "dynamic"
+			};
+			this.screens.push(n), this.screen = n;
+		},
+		rename(e, t) {
+			let n = this.screens.find((t) => t.id === e);
+			n && (n.name = t);
+		},
+		clear() {
+			this.screens = [], this.screen = null;
+		}
+	}
+});
+//#endregion
+//#region src/widgets/components/types.ts
+function Ji(e) {
+	if (e !== void 0 && e !== "") return typeof e == "number" || /^-?\d+(?:\.\d+)?$/.test(String(e)) ? `${e}px` : String(e);
+}
+function Yi(e) {
+	let t = {};
+	for (let n of [
+		"width",
+		"height",
+		"margin",
+		"padding",
+		"gap",
+		"borderWidth",
+		"radius"
+	]) {
+		let r = Ji(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 = Ji(e.gap) || "0"), e.borderStyle && e.borderStyle !== "none" && (t.border = `${Ji(e.borderWidth) || "1px"} ${e.borderStyle} ${e.borderColor || "currentColor"}`), e.position) {
+		t.position = e.position;
+		for (let n of [
+			"left",
+			"top",
+			"right",
+			"bottom"
+		]) {
+			let r = Ji(e[n]);
+			r && (t[n] = r);
+		}
+	}
+	return t;
+}
+//#endregion
+//#region src/widgets/components/Container.vue
+var Xi = /*#__PURE__*/ $(/* @__PURE__ */ u({
+	__name: "Container",
+	props: {
+		width: {},
+		height: {},
+		margin: {},
+		padding: { default: 18 },
+		layout: { default: "flex" },
+		direction: { default: "column" },
+		gap: { default: 12 },
+		columns: { default: "1fr 1fr" },
+		align: { default: "stretch" },
+		justify: { default: "flex-start" },
+		background: {},
+		borderStyle: { default: "none" },
+		borderColor: {},
+		borderWidth: {},
+		radius: { default: 14 },
+		position: { default: "relative" },
+		left: {},
+		top: {},
+		right: {},
+		bottom: {}
+	},
+	setup(e) {
+		let t = e, r = n(() => Yi(t));
+		return (e, t) => (v(), a("div", {
+			class: "container-component",
+			style: m(r.value)
+		}, [x(e.$slots, "default", {}, () => [t[0] ||= o("div", { class: "empty" }, "Drop components here", -1)], !0)], 4));
+	}
+}), [["__scopeId", "data-v-42c23412"]]), Zi = /*#__PURE__*/ $(/* @__PURE__ */ u({
+	__name: "Card",
+	props: {
+		shadow: {
+			type: Boolean,
+			default: !0
+		},
+		width: {},
+		height: {},
+		margin: {},
+		padding: { default: 18 },
+		layout: { default: "flex" },
+		direction: { default: "column" },
+		gap: { default: 12 },
+		columns: { default: "1fr 1fr" },
+		align: { default: "stretch" },
+		justify: { default: "flex-start" },
+		background: {},
+		borderStyle: { default: "none" },
+		borderColor: {},
+		borderWidth: {},
+		radius: { default: 14 },
+		position: { default: "relative" },
+		left: {},
+		top: {},
+		right: {},
+		bottom: {}
+	},
+	setup(e) {
+		let t = e, r = n(() => ({
+			...Yi(t),
+			boxShadow: t.shadow ? "var(--shadow-soft, 0 8px 24px rgb(0 0 0 / 10%))" : "none"
+		}));
+		return (e, t) => (v(), a("div", {
+			class: "card-component",
+			style: m(r.value)
+		}, [x(e.$slots, "default", {}, () => [t[0] ||= o("div", { class: "empty" }, "Drop components here", -1)], !0)], 4));
+	}
+}), [["__scopeId", "data-v-b06c1052"]]), Qi = /* @__PURE__ */ u({
+	__name: "Spacer",
+	props: { height: { default: 20 } },
+	setup(e) {
+		return (t, n) => (v(), a("div", {
+			class: "spacer-component",
+			style: m({ height: typeof e.height == "number" ? `${e.height}px` : e.height }),
+			"aria-hidden": "true"
+		}, null, 4));
+	}
+}), $i = { class: "divider-component" }, ea = { key: 0 }, ta = /*#__PURE__*/ $(/* @__PURE__ */ u({
+	__name: "Divider",
+	props: { label: { default: "or" } },
+	setup(e) {
+		return (t, n) => (v(), a("div", $i, [e.label ? (v(), a("span", ea, T(e.label), 1)) : i("", !0)]));
+	}
+}), [["__scopeId", "data-v-a6e861b8"]]), na = /*#__PURE__*/ $(/* @__PURE__ */ u({
+	__name: "Layout",
+	props: {
+		direction: { default: "column" },
+		gap: { default: 12 },
+		padding: { default: 12 }
+	},
+	setup(e) {
+		let t = e, r = n(() => ({
+			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", {
+			class: "layout-component",
+			style: m(r.value)
+		}, [x(e.$slots, "default", {}, () => [t[0] ||= o("div", { class: "empty" }, "Drop components here", -1)], !0)], 4));
+	}
+}), [["__scopeId", "data-v-be209bd5"]]), ra = { class: "layout-ref-component" }, ia = { class: "badge" }, aa = { key: 0 }, oa = /*#__PURE__*/ $(/* @__PURE__ */ u({
+	__name: "LayoutRef",
+	props: {
+		layoutKey: { default: "" },
+		label: { default: "Layout" }
+	},
+	setup(e) {
+		return (t, n) => (v(), a("div", ra, [o("div", ia, [c("◆ " + T(e.label), 1), e.layoutKey ? (v(), a("span", aa, " · " + T(e.layoutKey), 1)) : i("", !0)]), x(t.$slots, "default", {}, () => [n[0] ||= o("div", { class: "empty" }, "Drop components here", -1)], !0)]));
+	}
+}), [["__scopeId", "data-v-d41ee6eb"]]), sa = { class: "field-component" }, ca = { class: "label" }, la = { key: 0 }, ua = ["value", "placeholder"], da = /*#__PURE__*/ $(/* @__PURE__ */ u({
+	__name: "EmailInput",
+	props: {
+		label: { default: "Email" },
+		placeholder: { default: "you@example.com" },
+		required: {
+			type: Boolean,
+			default: !0
+		},
+		modelValue: {}
+	},
+	setup(e) {
+		return (t, n) => (v(), a("label", sa, [o("span", ca, [c(T(e.label), 1), e.required ? (v(), a("b", la, "*")) : i("", !0)]), o("input", {
+			value: e.modelValue,
+			type: "email",
+			placeholder: e.placeholder,
+			readonly: ""
+		}, null, 8, ua)]));
+	}
+}), [["__scopeId", "data-v-c7f2e797"]]), fa = { class: "field-component" }, pa = { class: "label" }, ma = { key: 0 }, ha = ["value", "placeholder"], ga = /*#__PURE__*/ $(/* @__PURE__ */ u({
+	__name: "TextInput",
+	props: {
+		label: { default: "Full name" },
+		placeholder: { default: "Jane Doe" },
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		modelValue: {}
+	},
+	setup(e) {
+		return (t, n) => (v(), a("label", fa, [o("span", pa, [c(T(e.label), 1), e.required ? (v(), a("b", ma, "*")) : i("", !0)]), o("input", {
+			value: e.modelValue,
+			type: "text",
+			placeholder: e.placeholder,
+			readonly: ""
+		}, null, 8, ha)]));
+	}
+}), [["__scopeId", "data-v-b5ed7071"]]), _a = { class: "field-component" }, va = { class: "field-row" }, ya = { class: "label" }, ba = { key: 0 }, xa = ["value", "placeholder"], Sa = /*#__PURE__*/ $(/* @__PURE__ */ u({
+	__name: "PasswordInput",
+	props: {
+		label: { default: "Password" },
+		placeholder: { default: "••••••••" },
+		required: {
+			type: Boolean,
+			default: !0
+		},
+		showForgot: {
+			type: Boolean,
+			default: !1
+		},
+		modelValue: {}
+	},
+	setup(e) {
+		return (t, n) => (v(), a("label", _a, [o("span", va, [o("span", ya, [c(T(e.label), 1), e.required ? (v(), a("b", ba, "*")) : i("", !0)]), e.showForgot ? (v(), a("a", {
+			key: 0,
+			href: "#",
+			onClick: n[0] ||= N(() => {}, ["prevent"])
+		}, "Forgot?")) : i("", !0)]), o("input", {
+			value: e.modelValue,
+			type: "password",
+			placeholder: e.placeholder,
+			readonly: ""
+		}, null, 8, xa)]));
+	}
+}), [["__scopeId", "data-v-ad9dff41"]]), Ca = { class: "field-component" }, wa = { class: "label" }, Ta = { class: "otp-row" }, Ea = /*#__PURE__*/ $(/* @__PURE__ */ u({
+	__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", Ca, [o("span", wa, T(t.label), 1), o("div", Ta, [(v(!0), a(e, null, b(i.value, (e, t) => (v(), a("span", {
+			key: t,
+			class: "otp-box"
+		}))), 128))])]));
+	}
+}), [["__scopeId", "data-v-1914959e"]]), Da = { class: "checkbox-component" }, Oa = ["checked"], ka = /*#__PURE__*/ $(/* @__PURE__ */ u({
+	__name: "Checkbox",
+	props: {
+		label: { default: "Remember me" },
+		checked: {
+			type: Boolean,
+			default: !1
+		},
+		modelValue: { type: Boolean }
+	},
+	setup(e) {
+		return (t, n) => (v(), a("label", Da, [o("input", {
+			type: "checkbox",
+			checked: e.modelValue ?? e.checked,
+			readonly: ""
+		}, null, 8, Oa), o("span", null, T(e.label), 1)]));
+	}
+}), [["__scopeId", "data-v-3d492d6d"]]), Aa = /*#__PURE__*/ $(/* @__PURE__ */ u({
+	__name: "SubmitButton",
+	props: {
+		text: { default: "Sign in" },
+		style: { default: "primary" }
+	},
+	setup(e) {
+		return (t, n) => (v(), a("button", {
+			type: "button",
+			class: p(["submit-button", e.style])
+		}, T(e.text), 3));
+	}
+}), [["__scopeId", "data-v-9807299a"]]), ja = {
+	type: "button",
+	class: "social-button"
+}, Ma = /*#__PURE__*/ $(/* @__PURE__ */ u({
+	__name: "SocialButton",
+	props: {
+		provider: { default: "google" },
+		text: { default: "Continue with Google" }
+	},
+	setup(e) {
+		let t = e, r = {
+			google: {
+				letter: "G",
+				color: "#4285f4"
+			},
+			github: {
+				letter: "◆",
+				color: "#24292f"
+			},
+			microsoft: {
+				letter: "▦",
+				color: "#7fba00"
+			},
+			apple: {
+				letter: "●",
+				color: "#111"
+			}
+		}, i = n(() => r[t.provider]);
+		return (t, n) => (v(), a("button", ja, [o("span", {
+			class: "social-icon",
+			style: m({ background: i.value.color })
+		}, T(i.value.letter), 5), c(T(e.text), 1)]));
+	}
+}), [["__scopeId", "data-v-3045616f"]]), Na = [
+	"href",
+	"target",
+	"rel"
+], Pa = /*#__PURE__*/ $(/* @__PURE__ */ u({
+	__name: "TextLink",
+	props: {
+		text: { default: "Forgot password?" },
+		href: { default: "#" },
+		target: { default: "_self" }
+	},
+	setup(e) {
+		return (t, n) => (v(), a("a", {
+			class: "text-link",
+			href: e.href,
+			target: e.target,
+			rel: e.target === "_blank" ? "noopener noreferrer" : void 0
+		}, T(e.text), 9, Na));
+	}
+}), [["__scopeId", "data-v-8d18edb1"]]), Fa = /*#__PURE__*/ $(/* @__PURE__ */ u({
+	__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)]),
+			_: 1
+		}, 8, ["class"]));
+	}
+}), [["__scopeId", "data-v-1c78b10f"]]), Ia = { class: "text-component" }, La = /*#__PURE__*/ $(/* @__PURE__ */ u({
+	__name: "Text",
+	props: { text: { default: "Enter your details to continue." } },
+	setup(e) {
+		return (t, n) => (v(), a("p", Ia, T(e.text), 1));
+	}
+}), [["__scopeId", "data-v-3be0c0c9"]]), Ra = [
+	"href",
+	"target",
+	"rel"
+], za = ["src", "alt"], Ba = { key: 1 }, Va = ["src", "alt"], Ha = { key: 1 }, Ua = /*#__PURE__*/ $(/* @__PURE__ */ u({
+	__name: "Image",
+	props: {
+		src: { default: "" },
+		alt: { default: "Illustration" },
+		width: { default: "100%" },
+		height: { default: 120 },
+		radius: { default: 0 },
+		href: { default: "" },
+		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),
+			maxWidth: "100%",
+			height: r(t.height),
+			borderRadius: r(t.radius)
+		}));
+		return (t, n) => e.href ? (v(), a("a", {
+			key: 0,
+			class: "image-link",
+			href: e.href,
+			target: e.hrefTarget,
+			rel: e.hrefTarget === "_blank" ? "noopener noreferrer" : void 0
+		}, [o("div", {
+			class: "image-component",
+			style: m(i.value)
+		}, [e.src ? (v(), a("img", {
+			key: 0,
+			src: e.src,
+			alt: e.alt
+		}, null, 8, za)) : (v(), a("span", Ba, T(e.alt), 1))], 4)], 8, Ra)) : (v(), a("div", {
+			key: 1,
+			class: "image-component",
+			style: m(i.value)
+		}, [e.src ? (v(), a("img", {
+			key: 0,
+			src: e.src,
+			alt: e.alt
+		}, null, 8, Va)) : (v(), a("span", Ha, T(e.alt), 1))], 4));
+	}
+}), [["__scopeId", "data-v-ecc98881"]]), Wa = { "aria-hidden": "true" }, Ga = /*#__PURE__*/ $(/* @__PURE__ */ u({
+	__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", Wa, T(e.tone === "error" ? "⚠" : e.tone === "success" ? "✓" : "ⓘ"), 1), o("span", null, T(e.text), 1)], 2));
+	}
+}), [["__scopeId", "data-v-bf171873"]]), Ka = { class: "content-component" }, qa = { class: "empty" }, Ja = /*#__PURE__*/ $(/* @__PURE__ */ u({
+	__name: "Content",
+	props: { note: { default: "Page content goes here" } },
+	setup(e) {
+		return (t, n) => (v(), a("div", Ka, [x(t.$slots, "default", {}, () => [o("div", qa, T(e.note), 1)], !0)]));
+	}
+}), [["__scopeId", "data-v-1c551f9d"]]), Ya = { class: "consent-card" }, Xa = /*#__PURE__*/ $(/* @__PURE__ */ u({
+	__name: "ConsentCard",
+	props: {
+		appName: { default: "Acme Analytics" },
+		requestedBy: { default: "acme.io" }
+	},
+	setup(e) {
+		return (t, n) => (v(), a("div", Ya, [n[0] ||= o("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)])]));
+	}
+}), [["__scopeId", "data-v-9008f821"]]), Za = { class: "scope-list" }, Qa = /*#__PURE__*/ $(/* @__PURE__ */ u({
+	__name: "ScopeList",
+	props: { scopes: { default: () => [
+		"Read your profile",
+		"View your email address",
+		"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", Za, [(v(!0), a(e, null, b(i.value, (e) => (v(), a("div", {
+			key: e,
+			class: "scope"
+		}, [n[0] ||= o("span", { "aria-hidden": "true" }, "✓", -1), o("span", null, T(e), 1)]))), 128))]));
 	}
-}), [["__scopeId", "data-v-6baee9bc"]]);
+}), [["__scopeId", "data-v-cdebac9d"]]);
 //#endregion
-export { H as Designer };
+export { Ga as Alert, Zi as Card, ka as Checkbox, Xa as ConsentCard, Xi as Container, Ja as Content, Gi as Designer, ta as Divider, da as EmailInput, Fa as Heading, Ua as Image, na as Layout, oa as LayoutRef, Ea as OtpInput, Sa as PasswordInput, Qa as ScopeList, Ma as SocialButton, Qi as Spacer, Aa as SubmitButton, La as Text, ga as TextInput, Pa as TextLink, Yr as TextScroller, Ki as useChecklistStore, qi as useScreensStore };