@illinois-grad/grad-vue 3.0.11 → 3.0.13

package/dist/grad-vue-elements.js

@@ -3219,8 +3219,8 @@ function ys(e, t, n) {
 	return i.def = r, i;
 }
 var bs = typeof HTMLElement < "u" ? HTMLElement : class {}, xs = class e extends bs {
-	constructor(e, t = {}, n = Fs) {
-		super(), this._def = e, this._props = t, this._createApp = n, this._isVueCE = !0, this._instance = null, this._app = null, this._nonce = this._def.nonce, this._connected = !1, this._resolved = !1, this._patching = !1, this._dirty = !1, this._numberProps = null, this._styleChildren = /* @__PURE__ */ new WeakSet(), this._ob = null, this.shadowRoot && n !== Fs ? this._root = this.shadowRoot : e.shadowRoot === !1 ? this._root = this : (this.attachShadow(s({}, e.shadowRootOptions, { mode: "open" })), this._root = this.shadowRoot);
+	constructor(e, t = {}, n = zs) {
+		super(), this._def = e, this._props = t, this._createApp = n, this._isVueCE = !0, this._instance = null, this._app = null, this._nonce = this._def.nonce, this._connected = !1, this._resolved = !1, this._patching = !1, this._dirty = !1, this._numberProps = null, this._styleChildren = /* @__PURE__ */ new WeakSet(), this._ob = null, this.shadowRoot && n !== zs ? this._root = this.shadowRoot : e.shadowRoot === !1 ? this._root = this : (this.attachShadow(s({}, e.shadowRootOptions, { mode: "open" })), this._root = this.shadowRoot);
 	}
 	connectedCallback() {
 		if (!this.isConnected) return;
@@ -3298,7 +3298,7 @@ var bs = typeof HTMLElement < "u" ? HTMLElement : class {}, xs = class e extends
 	}
 	_update() {
 		let e = this._createVNode();
-		this._app && (e.appContext = this._app._context), Ps(e, this._root);
+		this._app && (e.appContext = this._app._context), Rs(e, this._root);
 	}
 	_createVNode() {
 		let e = {};
@@ -3376,11 +3376,41 @@ var bs = typeof HTMLElement < "u" ? HTMLElement : class {}, xs = class e extends
 }, Ss = (e) => {
 	let t = e.props["onUpdate:modelValue"] || !1;
 	return d(t) ? (e) => ae(t, e) : t;
-}, Cs = /* @__PURE__ */ Symbol("_assign"), ws = {
+};
+function Cs(e) {
+	e.target.composing = !0;
+}
+function ws(e) {
+	let t = e.target;
+	t.composing && (t.composing = !1, t.dispatchEvent(new Event("input")));
+}
+var Ts = /* @__PURE__ */ Symbol("_assign");
+function Es(e, t, n) {
+	return t && (e = e.trim()), n && (e = se(e)), e;
+}
+var Ds = {
+	created(e, { modifiers: { lazy: t, trim: n, number: r } }, i) {
+		e[Ts] = Ss(i);
+		let a = r || i.props && i.props.type === "number";
+		is(e, t ? "change" : "input", (t) => {
+			t.target.composing || e[Ts](Es(e.value, n, a));
+		}), (n || a) && is(e, "change", () => {
+			e.value = Es(e.value, n, a);
+		}), t || (is(e, "compositionstart", Cs), is(e, "compositionend", ws), is(e, "change", ws));
+	},
+	mounted(e, { value: t }) {
+		e.value = t ?? "";
+	},
+	beforeUpdate(e, { value: t, oldValue: n, modifiers: { lazy: r, trim: i, number: a } }, o) {
+		if (e[Ts] = Ss(o), e.composing) return;
+		let s = (a || e.type === "number") && !/^0\d/.test(e.value) ? se(e.value) : e.value, c = t ?? "";
+		s !== c && (document.activeElement === e && e.type !== "range" && (r && t === n || i && e.value.trim() === c) || (e.value = c));
+	}
+}, Os = {
 	deep: !0,
 	created(e, t, n) {
-		e[Cs] = Ss(n), is(e, "change", () => {
-			let t = e._modelValue, n = Es(e), r = e.checked, i = e[Cs];
+		e[Ts] = Ss(n), is(e, "change", () => {
+			let t = e._modelValue, n = As(e), r = e.checked, i = e[Ts];
 			if (d(t)) {
 				let e = Se(t, n), a = e !== -1;
 				if (r && !a) i(t.concat(n));
@@ -3391,38 +3421,38 @@ var bs = typeof HTMLElement < "u" ? HTMLElement : class {}, xs = class e extends
 			} else if (p(t)) {
 				let e = new Set(t);
 				r ? e.add(n) : e.delete(n), i(e);
-			} else i(Ds(e, r));
+			} else i(js(e, r));
 		});
 	},
-	mounted: Ts,
+	mounted: ks,
 	beforeUpdate(e, t, n) {
-		e[Cs] = Ss(n), Ts(e, t, n);
+		e[Ts] = Ss(n), ks(e, t, n);
 	}
 };
-function Ts(e, { value: t, oldValue: n }, r) {
+function ks(e, { value: t, oldValue: n }, r) {
 	e._modelValue = t;
 	let i;
 	if (d(t)) i = Se(t, r.props.value) > -1;
 	else if (p(t)) i = t.has(r.props.value);
 	else {
 		if (t === n) return;
-		i = xe(t, Ds(e, !0));
+		i = xe(t, js(e, !0));
 	}
 	e.checked !== i && (e.checked = i);
 }
-function Es(e) {
+function As(e) {
 	return "_value" in e ? e._value : e.value;
 }
-function Ds(e, t) {
+function js(e, t) {
 	let n = t ? "_trueValue" : "_falseValue";
 	return n in e ? e[n] : t;
 }
-var Os = [
+var Ms = [
 	"ctrl",
 	"shift",
 	"alt",
 	"meta"
-], ks = {
+], Ns = {
 	stop: (e) => e.stopPropagation(),
 	prevent: (e) => e.preventDefault(),
 	self: (e) => e.target !== e.currentTarget,
@@ -3433,65 +3463,65 @@ var Os = [
 	left: (e) => "button" in e && e.button !== 0,
 	middle: (e) => "button" in e && e.button !== 1,
 	right: (e) => "button" in e && e.button !== 2,
-	exact: (e, t) => Os.some((n) => e[`${n}Key`] && !t.includes(n))
-}, As = (e, t) => {
+	exact: (e, t) => Ms.some((n) => e[`${n}Key`] && !t.includes(n))
+}, Ps = (e, t) => {
 	if (!e) return e;
 	let n = e._withMods ||= {}, r = t.join(".");
 	return n[r] || (n[r] = ((n, ...r) => {
 		for (let e = 0; e < t.length; e++) {
-			let r = ks[t[e]];
+			let r = Ns[t[e]];
 			if (r && r(n, t)) return;
 		}
 		return e(n, ...r);
 	}));
-}, js = /* @__PURE__ */ s({ patchProp: gs }, xo), Ms;
-function Ns() {
-	return Ms ||= ua(js);
-}
-var Ps = ((...e) => {
-	Ns().render(...e);
-}), Fs = ((...e) => {
-	let t = Ns().createApp(...e), { mount: n } = t;
+}, Fs = /* @__PURE__ */ s({ patchProp: gs }, xo), Is;
+function Ls() {
+	return Is ||= ua(Fs);
+}
+var Rs = ((...e) => {
+	Ls().render(...e);
+}), zs = ((...e) => {
+	let t = Ls().createApp(...e), { mount: n } = t;
 	return t.mount = (e) => {
-		let r = Ls(e);
+		let r = Vs(e);
 		if (!r) return;
 		let i = t._component;
 		!h(i) && !i.render && !i.template && (i.template = r.innerHTML), r.nodeType === 1 && (r.textContent = "");
-		let a = n(r, !1, Is(r));
+		let a = n(r, !1, Bs(r));
 		return r instanceof Element && (r.removeAttribute("v-cloak"), r.setAttribute("data-v-app", "")), a;
 	}, t;
 });
-function Is(e) {
+function Bs(e) {
 	if (e instanceof SVGElement) return "svg";
 	if (typeof MathMLElement == "function" && e instanceof MathMLElement) return "mathml";
 }
-function Ls(e) {
+function Vs(e) {
 	return g(e) ? document.querySelector(e) : e;
 }
 //#endregion
 //#region src/compose/useOverlayStack.ts
-var Rs = 100, zs = 200, Bs = 102, Vs = /* @__PURE__ */ N([]), Hs = /* @__PURE__ */ N([]), Us = /* @__PURE__ */ N([]);
-function Ws() {
-	if (!(typeof document > "u")) if (Us.value.length > 0) {
+var Hs = 100, Us = 200, Ws = 102, Gs = /* @__PURE__ */ N([]), Ks = /* @__PURE__ */ N([]), qs = /* @__PURE__ */ N([]);
+function Js() {
+	if (!(typeof document > "u")) if (qs.value.length > 0) {
 		let e = window.innerWidth - document.documentElement.clientWidth;
 		document.body.classList.add("g-scroll-lock"), document.body.style.paddingRight = `${e}px`, document.body.style.setProperty("--g-scrollbar-width", `${e}px`);
 	} else document.body.style.paddingRight = "0", document.body.classList.remove("g-scroll-lock"), document.body.style.removeProperty("--g-scrollbar-width");
 }
-function Gs(e, t = !1, n = !1) {
+function Ys(e, t = !1, n = !1) {
 	if (typeof document > "u") return {};
-	let r = t ? Hs : Vs;
+	let r = t ? Ks : Gs;
 	function i() {
-		r.value.push(e), n && !Us.value.includes(e) && (Us.value.push(e), Ws());
+		r.value.push(e), n && !qs.value.includes(e) && (qs.value.push(e), Js());
 	}
 	function a() {
 		let t = r.value.lastIndexOf(e);
 		t !== -1 && r.value.splice(t, 1);
-		let n = Us.value.lastIndexOf(e);
-		n !== -1 && (Us.value.splice(n, 1), Ws());
+		let n = qs.value.lastIndexOf(e);
+		n !== -1 && (qs.value.splice(n, 1), Js());
 	}
-	let o = Q(() => !t && Hs.value.length > 0 ? !1 : r.value.length > 0 && r.value[r.value.length - 1] === e), s = Q(() => {
+	let o = Q(() => !t && Ks.value.length > 0 ? !1 : r.value.length > 0 && r.value[r.value.length - 1] === e), s = Q(() => {
 		let n = r.value.indexOf(e);
-		return n === -1 ? 0 : (t ? zs : Rs) + n;
+		return n === -1 ? 0 : (t ? Us : Hs) + n;
 	});
 	return Jr(a), {
 		push: i,
@@ -3500,42 +3530,42 @@ function Gs(e, t = !1, n = !1) {
 		zIndex: s
 	};
 }
-function Ks() {
+function Xs() {
 	return typeof document > "u" ? {} : {
-		hasModal: Q(() => Hs.value.length > 0),
-		hasOverlay: Q(() => Vs.value.length > 0 || Hs.value.length > 0),
-		hasScrollLock: Q(() => Us.value.length > 0)
+		hasModal: Q(() => Ks.value.length > 0),
+		hasOverlay: Q(() => Gs.value.length > 0 || Ks.value.length > 0),
+		hasScrollLock: Q(() => qs.value.length > 0)
 	};
 }
-function qs() {
+function Zs() {
 	let e = 0;
-	return Vs.value.forEach((t, n) => {
-		e = Math.max(e, Rs + n);
-	}), Hs.value.forEach((t, n) => {
-		e = Math.max(e, zs + n);
-	}), e > 0 ? e + 1 : Bs;
+	return Gs.value.forEach((t, n) => {
+		e = Math.max(e, Hs + n);
+	}), Ks.value.forEach((t, n) => {
+		e = Math.max(e, Us + n);
+	}), e > 0 ? e + 1 : Ws;
 }
 //#endregion
 //#region ../../node_modules/@vueuse/shared/dist/index.js
-function Js(e, t) {
+function Qs(e, t) {
 	return Oe() ? (ke(e, t), !0) : !1;
 }
-var Ys = /* @__PURE__ */ new WeakMap(), Xs = (...e) => {
+var $s = /* @__PURE__ */ new WeakMap(), ec = (...e) => {
 	let t = e[0], n = qa()?.proxy ?? Oe();
 	if (n == null && !Jn()) throw Error("injectLocal must be called in setup");
-	return n && Ys.has(n) && t in Ys.get(n) ? Ys.get(n)[t] : qn(...e);
-}, Zs = typeof window < "u" && typeof document < "u";
+	return n && $s.has(n) && t in $s.get(n) ? $s.get(n)[t] : qn(...e);
+}, tc = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-var Qs = (e) => e != null, $s = Object.prototype.toString, ec = (e) => $s.call(e) === "[object Object]", tc = () => {};
-function nc(...e) {
+var nc = (e) => e != null, rc = Object.prototype.toString, ic = (e) => rc.call(e) === "[object Object]", ac = () => {};
+function oc(...e) {
 	if (e.length !== 1) return /* @__PURE__ */ fn(...e);
 	let t = e[0];
 	return typeof t == "function" ? /* @__PURE__ */ Wt(ln(() => ({
 		get: t,
-		set: tc
+		set: ac
 	}))) : /* @__PURE__ */ N(t);
 }
-function rc(e, t) {
+function sc(e, t) {
 	function n(...n) {
 		return new Promise((r, i) => {
 			Promise.resolve(e(() => t.apply(this, n), {
@@ -3547,10 +3577,10 @@ function rc(e, t) {
 	}
 	return n;
 }
-var ic = (e) => e();
-function ac(e, t = {}) {
-	let n, r, i = tc, a = (e) => {
-		clearTimeout(e), i(), i = tc;
+var cc = (e) => e();
+function lc(e, t = {}) {
+	let n, r, i = ac, a = (e) => {
+		clearTimeout(e), i(), i = ac;
 	}, o;
 	return (s) => {
 		let c = an(e), l = an(t.maxWait);
@@ -3563,8 +3593,8 @@ function ac(e, t = {}) {
 		});
 	};
 }
-function oc(e = ic, t = {}) {
-	let { initialState: n = "active" } = t, r = nc(n === "active");
+function uc(e = cc, t = {}) {
+	let { initialState: n = "active" } = t, r = oc(n === "active");
 	function i() {
 		r.value = !1;
 	}
@@ -3580,7 +3610,7 @@ function oc(e = ic, t = {}) {
 		}
 	};
 }
-function sc(e) {
+function dc(e) {
 	let t;
 	function n() {
 		return t ||= e(), t;
@@ -3590,26 +3620,26 @@ function sc(e) {
 		t = void 0, e && await e;
 	}, n;
 }
-function cc(e) {
+function fc(e) {
 	return e.endsWith("rem") ? Number.parseFloat(e) * 16 : Number.parseFloat(e);
 }
-function lc(e) {
+function pc(e) {
 	return Array.isArray(e) ? e : [e];
 }
-function uc(e) {
+function mc(e) {
 	return e || qa();
 }
-function dc(e, t = 200, n = {}) {
-	return rc(ac(t, n), e);
+function hc(e, t = 200, n = {}) {
+	return sc(lc(t, n), e);
 }
-function fc(e, t, n = {}) {
-	let { eventFilter: r = ic, ...i } = n;
-	return L(e, rc(r, t), i);
+function gc(e, t, n = {}) {
+	let { eventFilter: r = cc, ...i } = n;
+	return L(e, sc(r, t), i);
 }
-function pc(e, t, n = {}) {
-	let { eventFilter: r, initialState: i = "active", ...a } = n, { eventFilter: o, pause: s, resume: c, isActive: l } = oc(r, { initialState: i });
+function _c(e, t, n = {}) {
+	let { eventFilter: r, initialState: i = "active", ...a } = n, { eventFilter: o, pause: s, resume: c, isActive: l } = uc(r, { initialState: i });
 	return {
-		stop: fc(e, t, {
+		stop: gc(e, t, {
 			...a,
 			eventFilter: o
 		}),
@@ -3618,10 +3648,10 @@ function pc(e, t, n = {}) {
 		isActive: l
 	};
 }
-function mc(e, t = !0, n) {
-	uc(n) ? Gr(e, n) : t ? e() : F(e);
+function vc(e, t = !0, n) {
+	mc(n) ? Gr(e, n) : t ? e() : F(e);
 }
-function hc(e, t, n = {}) {
+function yc(e, t, n = {}) {
 	let { immediate: r = !0, immediateCallback: i = !1 } = n, a = /* @__PURE__ */ tn(!1), o;
 	function s() {
 		o &&= (clearTimeout(o), void 0);
@@ -3634,13 +3664,13 @@ function hc(e, t, n = {}) {
 			a.value = !1, o = void 0, e(...n);
 		}, an(t));
 	}
-	return r && (a.value = !0, Zs && l()), Js(c), {
+	return r && (a.value = !0, tc && l()), Qs(c), {
 		isPending: /* @__PURE__ */ Gt(a),
 		start: l,
 		stop: c
 	};
 }
-function gc(e, t, n) {
+function bc(e, t, n) {
 	return L(e, t, {
 		...n,
 		immediate: !0
@@ -3648,48 +3678,48 @@ function gc(e, t, n) {
 }
 //#endregion
 //#region ../../node_modules/@vueuse/core/dist/index.js
-var _c = Zs ? window : void 0;
-Zs && window.document;
-var vc = Zs ? window.navigator : void 0;
-Zs && window.location;
-function yc(e) {
+var xc = tc ? window : void 0;
+tc && window.document;
+var Sc = tc ? window.navigator : void 0;
+tc && window.location;
+function Cc(e) {
 	let t = an(e);
 	return t?.$el ?? t;
 }
-function bc(...e) {
+function wc(...e) {
 	let t = (e, t, n, r) => (e.addEventListener(t, n, r), () => e.removeEventListener(t, n, r)), n = Q(() => {
-		let t = lc(an(e[0])).filter((e) => e != null);
+		let t = pc(an(e[0])).filter((e) => e != null);
 		return t.every((e) => typeof e != "string") ? t : void 0;
 	});
-	return gc(() => [
-		n.value?.map((e) => yc(e)) ?? [_c].filter((e) => e != null),
-		lc(an(n.value ? e[1] : e[0])),
-		lc(P(n.value ? e[2] : e[1])),
+	return bc(() => [
+		n.value?.map((e) => Cc(e)) ?? [xc].filter((e) => e != null),
+		pc(an(n.value ? e[1] : e[0])),
+		pc(P(n.value ? e[2] : e[1])),
 		an(n.value ? e[3] : e[2])
 	], ([e, n, r, i], a, o) => {
 		if (!e?.length || !n?.length || !r?.length) return;
-		let s = ec(i) ? { ...i } : i, c = e.flatMap((e) => n.flatMap((n) => r.map((r) => t(e, n, r, s))));
+		let s = ic(i) ? { ...i } : i, c = e.flatMap((e) => n.flatMap((n) => r.map((r) => t(e, n, r, s))));
 		o(() => {
 			c.forEach((e) => e());
 		});
 	}, { flush: "post" });
 }
-function xc() {
+function Tc() {
 	let e = /* @__PURE__ */ tn(!1), t = qa();
 	return t && Gr(() => {
 		e.value = !0;
 	}, t), e;
 }
 /* @__NO_SIDE_EFFECTS__ */
-function Sc(e) {
-	let t = xc();
+function Ec(e) {
+	let t = Tc();
 	return Q(() => (t.value, !!e()));
 }
-function Cc(e, t, n = {}) {
-	let { window: r = _c, ...i } = n, a, o = /* @__PURE__ */ Sc(() => r && "MutationObserver" in r), s = () => {
+function Dc(e, t, n = {}) {
+	let { window: r = xc, ...i } = n, a, o = /* @__PURE__ */ Ec(() => r && "MutationObserver" in r), s = () => {
 		a &&= (a.disconnect(), void 0);
 	}, c = L(Q(() => {
-		let t = lc(an(e)).map(yc).filter(Qs);
+		let t = pc(an(e)).map(Cc).filter(nc);
 		return new Set(t);
 	}), (e) => {
 		s(), o.value && e.size && (a = new MutationObserver(t), e.forEach((e) => a.observe(e, i)));
@@ -3699,21 +3729,21 @@ function Cc(e, t, n = {}) {
 	}), l = () => a?.takeRecords(), u = () => {
 		c(), s();
 	};
-	return Js(u), {
+	return Qs(u), {
 		isSupported: o,
 		stop: u,
 		takeRecords: l
 	};
 }
-function wc(e, t, n = {}) {
-	let { window: r = _c, document: i = r?.document, flush: a = "sync" } = n;
-	if (!r || !i) return tc;
+function Oc(e, t, n = {}) {
+	let { window: r = xc, document: i = r?.document, flush: a = "sync" } = n;
+	if (!r || !i) return ac;
 	let o, s = (e) => {
 		o?.(), o = e;
 	}, c = Zn(() => {
-		let n = yc(e);
+		let n = Cc(e);
 		if (n) {
-			let { stop: e } = Cc(i, (e) => {
+			let { stop: e } = Dc(i, (e) => {
 				e.map((e) => [...e.removedNodes]).flat().some((e) => e === n || e.contains(n)) && t(e);
 			}, {
 				window: r,
@@ -3725,10 +3755,10 @@ function wc(e, t, n = {}) {
 	}, { flush: a }), l = () => {
 		c(), s();
 	};
-	return Js(l), l;
+	return Qs(l), l;
 }
-function Tc(e = {}) {
-	let { window: t = _c, deep: n = !0, triggerOnRemoval: r = !1 } = e, i = e.document ?? t?.document, a = () => {
+function kc(e = {}) {
+	let { window: t = xc, deep: n = !0, triggerOnRemoval: r = !1 } = e, i = e.document ?? t?.document, a = () => {
 		let e = i?.activeElement;
 		if (n) for (var t; e?.shadowRoot;) e = e == null || (t = e.shadowRoot) == null ? void 0 : t.activeElement;
 		return e;
@@ -3740,39 +3770,39 @@ function Tc(e = {}) {
 			capture: !0,
 			passive: !0
 		};
-		bc(t, "blur", (e) => {
+		wc(t, "blur", (e) => {
 			e.relatedTarget === null && s();
-		}, e), bc(t, "focus", s, e);
+		}, e), wc(t, "focus", s, e);
 	}
-	return r && wc(o, s, { document: i }), s(), o;
+	return r && Oc(o, s, { document: i }), s(), o;
 }
-var Ec = Symbol("vueuse-ssr-width");
+var Ac = Symbol("vueuse-ssr-width");
 /* @__NO_SIDE_EFFECTS__ */
-function Dc() {
-	let e = Jn() ? Xs(Ec, null) : null;
+function jc() {
+	let e = Jn() ? ec(Ac, null) : null;
 	return typeof e == "number" ? e : void 0;
 }
-function Oc(e, t = {}) {
-	let { window: n = _c, ssrWidth: r = /* @__PURE__ */ Dc() } = t, i = /* @__PURE__ */ Sc(() => n && "matchMedia" in n && typeof n.matchMedia == "function"), a = /* @__PURE__ */ tn(typeof r == "number"), o = /* @__PURE__ */ tn(), s = /* @__PURE__ */ tn(!1);
+function Mc(e, t = {}) {
+	let { window: n = xc, ssrWidth: r = /* @__PURE__ */ jc() } = t, i = /* @__PURE__ */ Ec(() => n && "matchMedia" in n && typeof n.matchMedia == "function"), a = /* @__PURE__ */ tn(typeof r == "number"), o = /* @__PURE__ */ tn(), s = /* @__PURE__ */ tn(!1);
 	return Zn(() => {
 		if (a.value) {
 			a.value = !i.value, s.value = an(e).split(",").some((e) => {
 				let t = e.includes("not all"), n = e.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), i = e.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), a = !!(n || i);
-				return n && a && (a = r >= cc(n[1])), i && a && (a = r <= cc(i[1])), t ? !a : a;
+				return n && a && (a = r >= fc(n[1])), i && a && (a = r <= fc(i[1])), t ? !a : a;
 			});
 			return;
 		}
 		i.value && (o.value = n.matchMedia(an(e)), s.value = o.value.matches);
-	}), bc(o, "change", (e) => {
+	}), wc(o, "change", (e) => {
 		s.value = e.matches;
 	}, { passive: !0 }), Q(() => s.value);
 }
-function kc(e, t = {}) {
-	let { controls: n = !1, navigator: r = vc } = t, i = /* @__PURE__ */ Sc(() => r && "permissions" in r), a = /* @__PURE__ */ tn(), o = typeof e == "string" ? { name: e } : e, s = /* @__PURE__ */ tn(), c = () => {
+function Nc(e, t = {}) {
+	let { controls: n = !1, navigator: r = Sc } = t, i = /* @__PURE__ */ Ec(() => r && "permissions" in r), a = /* @__PURE__ */ tn(), o = typeof e == "string" ? { name: e } : e, s = /* @__PURE__ */ tn(), c = () => {
 		s.value = a.value?.state ?? "prompt";
 	};
-	bc(a, "change", c, { passive: !0 });
-	let l = sc(async () => {
+	wc(a, "change", c, { passive: !0 });
+	let l = dc(async () => {
 		if (i.value) {
 			if (!a.value) try {
 				a.value = await r.permissions.query(o);
@@ -3790,8 +3820,8 @@ function kc(e, t = {}) {
 		query: l
 	} : s;
 }
-function Ac(e = {}) {
-	let { navigator: t = vc, read: n = !1, source: r, copiedDuring: i = 1500, legacy: a = !1 } = e, o = /* @__PURE__ */ Sc(() => t && "clipboard" in t), s = kc("clipboard-read"), c = kc("clipboard-write"), l = Q(() => o.value || a), u = /* @__PURE__ */ tn(""), d = /* @__PURE__ */ tn(!1), f = hc(() => d.value = !1, i, { immediate: !1 });
+function Pc(e = {}) {
+	let { navigator: t = Sc, read: n = !1, source: r, copiedDuring: i = 1500, legacy: a = !1 } = e, o = /* @__PURE__ */ Ec(() => t && "clipboard" in t), s = Nc("clipboard-read"), c = Nc("clipboard-write"), l = Q(() => o.value || a), u = /* @__PURE__ */ tn(""), d = /* @__PURE__ */ tn(!1), f = yc(() => d.value = !1, i, { immediate: !1 });
 	async function p() {
 		let e = !(o.value && _(s.value));
 		if (!e) try {
@@ -3801,7 +3831,7 @@ function Ac(e = {}) {
 		}
 		e && (u.value = g());
 	}
-	l.value && n && bc(["copy", "cut"], p, { passive: !0 });
+	l.value && n && wc(["copy", "cut"], p, { passive: !0 });
 	async function m(e = an(r)) {
 		if (l.value && e != null) {
 			let n = !(o.value && _(c.value));
@@ -3831,17 +3861,17 @@ function Ac(e = {}) {
 		copy: m
 	};
 }
-var jc = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Mc = "__vueuse_ssr_handlers__", Nc = /* @__PURE__ */ Pc();
-function Pc() {
-	return Mc in jc || (jc[Mc] = jc[Mc] || {}), jc[Mc];
+var Fc = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Ic = "__vueuse_ssr_handlers__", Lc = /* @__PURE__ */ Rc();
+function Rc() {
+	return Ic in Fc || (Fc[Ic] = Fc[Ic] || {}), Fc[Ic];
 }
-function Fc(e, t) {
-	return Nc[e] || t;
+function zc(e, t) {
+	return Lc[e] || t;
 }
-function Ic(e) {
+function Bc(e) {
 	return e == null ? "any" : e instanceof Set ? "set" : e instanceof Map ? "map" : e instanceof Date ? "date" : typeof e == "boolean" ? "boolean" : typeof e == "string" ? "string" : typeof e == "object" ? "object" : Number.isNaN(e) ? "any" : "number";
 }
-var Lc = {
+var Vc = {
 	boolean: {
 		read: (e) => e === "true",
 		write: (e) => String(e)
@@ -3874,29 +3904,29 @@ var Lc = {
 		read: (e) => new Date(e),
 		write: (e) => e.toISOString()
 	}
-}, Rc = "vueuse-storage";
-function zc(e, t, n, r = {}) {
-	let { flush: i = "pre", deep: a = !0, listenToStorageChanges: o = !0, writeDefaults: s = !0, mergeDefaults: c = !1, shallow: l, window: u = _c, eventFilter: d, onError: f = (e) => {
+}, Hc = "vueuse-storage";
+function Uc(e, t, n, r = {}) {
+	let { flush: i = "pre", deep: a = !0, listenToStorageChanges: o = !0, writeDefaults: s = !0, mergeDefaults: c = !1, shallow: l, window: u = xc, eventFilter: d, onError: f = (e) => {
 		console.error(e);
 	}, initOnMounted: p } = r, m = (l ? tn : N)(typeof t == "function" ? t() : t), h = Q(() => an(e));
 	if (!n) try {
-		n = Fc("getDefaultStorage", () => _c?.localStorage)();
+		n = zc("getDefaultStorage", () => xc?.localStorage)();
 	} catch (e) {
 		f(e);
 	}
 	if (!n) return m;
-	let g = an(t), _ = Ic(g), v = r.serializer ?? Lc[_], { pause: y, resume: b } = pc(m, (e) => C(e), {
+	let g = an(t), _ = Bc(g), v = r.serializer ?? Vc[_], { pause: y, resume: b } = _c(m, (e) => C(e), {
 		flush: i,
 		deep: a,
 		eventFilter: d
 	});
 	L(h, () => T(), { flush: i });
 	let x = !1;
-	u && o && (n instanceof Storage ? bc(u, "storage", (e) => {
+	u && o && (n instanceof Storage ? wc(u, "storage", (e) => {
 		p && !x || T(e);
-	}, { passive: !0 }) : bc(u, Rc, (e) => {
+	}, { passive: !0 }) : wc(u, Hc, (e) => {
 		p && !x || E(e);
-	})), p ? mc(() => {
+	})), p ? vc(() => {
 		x = !0, T();
 	}) : T();
 	function S(e, t) {
@@ -3907,7 +3937,7 @@ function zc(e, t, n, r = {}) {
 				newValue: t,
 				storageArea: n
 			};
-			u.dispatchEvent(n instanceof Storage ? new StorageEvent("storage", r) : new CustomEvent(Rc, { detail: r }));
+			u.dispatchEvent(n instanceof Storage ? new StorageEvent("storage", r) : new CustomEvent(Hc, { detail: r }));
 		}
 	}
 	function C(e) {
@@ -3958,12 +3988,12 @@ function zc(e, t, n, r = {}) {
 	}
 	return m;
 }
-function Bc(e, t, n = {}) {
-	let { window: r = _c, ...i } = n, a, o = /* @__PURE__ */ Sc(() => r && "ResizeObserver" in r), s = () => {
+function Wc(e, t, n = {}) {
+	let { window: r = xc, ...i } = n, a, o = /* @__PURE__ */ Ec(() => r && "ResizeObserver" in r), s = () => {
 		a &&= (a.disconnect(), void 0);
 	}, c = L(Q(() => {
 		let t = an(e);
-		return Array.isArray(t) ? t.map((e) => yc(e)) : [yc(t)];
+		return Array.isArray(t) ? t.map((e) => Cc(e)) : [Cc(t)];
 	}), (e) => {
 		if (s(), o.value && r) {
 			a = new ResizeObserver(t);
@@ -3975,28 +4005,28 @@ function Bc(e, t, n = {}) {
 	}), l = () => {
 		s(), c();
 	};
-	return Js(l), {
+	return Qs(l), {
 		isSupported: o,
 		stop: l
 	};
 }
-var Vc = "focusin", Hc = "focusout", Uc = ":focus-within";
-function Wc(e, t = {}) {
-	let { window: n = _c } = t, r = Q(() => yc(e)), i = /* @__PURE__ */ tn(!1), a = Q(() => i.value), o = Tc(t);
+var Gc = "focusin", Kc = "focusout", qc = ":focus-within";
+function Jc(e, t = {}) {
+	let { window: n = xc } = t, r = Q(() => Cc(e)), i = /* @__PURE__ */ tn(!1), a = Q(() => i.value), o = kc(t);
 	if (!n || !o.value) return { focused: a };
 	let s = { passive: !0 };
-	return bc(r, Vc, () => i.value = !0, s), bc(r, Hc, () => {
+	return wc(r, Gc, () => i.value = !0, s), wc(r, Kc, () => {
 		var e, t;
-		return i.value = ((e = r.value) == null || (t = e.matches) == null ? void 0 : t.call(e, Uc)) ?? !1;
+		return i.value = ((e = r.value) == null || (t = e.matches) == null ? void 0 : t.call(e, qc)) ?? !1;
 	}, s), { focused: a };
 }
-function Gc(e, t, n = {}) {
-	let { window: r = _c } = n;
-	return zc(e, t, r?.sessionStorage, n);
+function Yc(e, t, n = {}) {
+	let { window: r = xc } = n;
+	return Uc(e, t, r?.sessionStorage, n);
 }
 //#endregion
 //#region ../../node_modules/tabbable/dist/index.esm.js
-var Kc = [
+var Xc = [
 	"input:not([inert]):not([inert] *)",
 	"select:not([inert]):not([inert] *)",
 	"textarea:not([inert]):not([inert] *)",
@@ -4008,35 +4038,35 @@ var Kc = [
 	"[contenteditable]:not([contenteditable=\"false\"]):not([inert]):not([inert] *)",
 	"details>summary:first-of-type:not([inert]):not([inert] *)",
 	"details:not([inert]):not([inert] *)"
-], qc = /* #__PURE__ */ Kc.join(","), Jc = typeof Element > "u", Yc = Jc ? function() {} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, Xc = !Jc && Element.prototype.getRootNode ? function(e) {
+], Zc = /* #__PURE__ */ Xc.join(","), Qc = typeof Element > "u", $c = Qc ? function() {} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, el = !Qc && Element.prototype.getRootNode ? function(e) {
 	return e?.getRootNode?.call(e);
 } : function(e) {
 	return e?.ownerDocument;
-}, Zc = function(e, t) {
+}, tl = function(e, t) {
 	t === void 0 && (t = !0);
 	var n = e?.getAttribute?.call(e, "inert");
-	return n === "" || n === "true" || t && e && (typeof e.closest == "function" ? e.closest("[inert]") : Zc(e.parentNode));
-}, Qc = function(e) {
+	return n === "" || n === "true" || t && e && (typeof e.closest == "function" ? e.closest("[inert]") : tl(e.parentNode));
+}, nl = function(e) {
 	var t = e?.getAttribute?.call(e, "contenteditable");
 	return t === "" || t === "true";
-}, $c = function(e, t, n) {
-	if (Zc(e)) return [];
-	var r = Array.prototype.slice.apply(e.querySelectorAll(qc));
-	return t && Yc.call(e, qc) && r.unshift(e), r = r.filter(n), r;
-}, el = function(e, t, n) {
+}, rl = function(e, t, n) {
+	if (tl(e)) return [];
+	var r = Array.prototype.slice.apply(e.querySelectorAll(Zc));
+	return t && $c.call(e, Zc) && r.unshift(e), r = r.filter(n), r;
+}, il = function(e, t, n) {
 	for (var r = [], i = Array.from(e); i.length;) {
 		var a = i.shift();
-		if (!Zc(a, !1)) if (a.tagName === "SLOT") {
-			var o = a.assignedElements(), s = el(o.length ? o : a.children, !0, n);
+		if (!tl(a, !1)) if (a.tagName === "SLOT") {
+			var o = a.assignedElements(), s = il(o.length ? o : a.children, !0, n);
 			n.flatten ? r.push.apply(r, s) : r.push({
 				scopeParent: a,
 				candidates: s
 			});
 		} else {
-			Yc.call(a, qc) && n.filter(a) && (t || !e.includes(a)) && r.push(a);
-			var c = a.shadowRoot || typeof n.getShadowRoot == "function" && n.getShadowRoot(a), l = !Zc(c, !1) && (!n.shadowRootFilter || n.shadowRootFilter(a));
+			$c.call(a, Zc) && n.filter(a) && (t || !e.includes(a)) && r.push(a);
+			var c = a.shadowRoot || typeof n.getShadowRoot == "function" && n.getShadowRoot(a), l = !tl(c, !1) && (!n.shadowRootFilter || n.shadowRootFilter(a));
 			if (c && l) {
-				var u = el(c === !0 ? a.children : c.children, !0, n);
+				var u = il(c === !0 ? a.children : c.children, !0, n);
 				n.flatten ? r.push.apply(r, u) : r.push({
 					scopeParent: a,
 					candidates: u
@@ -4045,29 +4075,29 @@ var Kc = [
 		}
 	}
 	return r;
-}, tl = function(e) {
+}, al = function(e) {
 	return !isNaN(parseInt(e.getAttribute("tabindex"), 10));
-}, nl = function(e) {
+}, ol = function(e) {
 	if (!e) throw Error("No node provided");
-	return e.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName) || Qc(e)) && !tl(e) ? 0 : e.tabIndex;
-}, rl = function(e, t) {
-	var n = nl(e);
-	return n < 0 && t && !tl(e) ? 0 : n;
-}, il = function(e, t) {
+	return e.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName) || nl(e)) && !al(e) ? 0 : e.tabIndex;
+}, sl = function(e, t) {
+	var n = ol(e);
+	return n < 0 && t && !al(e) ? 0 : n;
+}, cl = function(e, t) {
 	return e.tabIndex === t.tabIndex ? e.documentOrder - t.documentOrder : e.tabIndex - t.tabIndex;
-}, al = function(e) {
+}, ll = function(e) {
 	return e.tagName === "INPUT";
-}, ol = function(e) {
-	return al(e) && e.type === "hidden";
-}, sl = function(e) {
+}, ul = function(e) {
+	return ll(e) && e.type === "hidden";
+}, dl = function(e) {
 	return e.tagName === "DETAILS" && Array.prototype.slice.apply(e.children).some(function(e) {
 		return e.tagName === "SUMMARY";
 	});
-}, cl = function(e, t) {
+}, fl = function(e, t) {
 	for (var n = 0; n < e.length; n++) if (e[n].checked && e[n].form === t) return e[n];
-}, ll = function(e) {
+}, pl = function(e) {
 	if (!e.name) return !0;
-	var t = e.form || Xc(e), n = function(e) {
+	var t = e.form || el(e), n = function(e) {
 		return t.querySelectorAll("input[type=\"radio\"][name=\"" + e + "\"]");
 	}, r;
 	if (typeof window < "u" && window.CSS !== void 0 && typeof window.CSS.escape == "function") r = n(window.CSS.escape(e.name));
@@ -4076,26 +4106,26 @@ var Kc = [
 	} catch (e) {
 		return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", e.message), !1;
 	}
-	var i = cl(r, e.form);
+	var i = fl(r, e.form);
 	return !i || i === e;
-}, ul = function(e) {
-	return al(e) && e.type === "radio";
-}, dl = function(e) {
-	return ul(e) && !ll(e);
-}, fl = function(e) {
-	var t = e && Xc(e), n = t?.host, r = !1;
+}, ml = function(e) {
+	return ll(e) && e.type === "radio";
+}, hl = function(e) {
+	return ml(e) && !pl(e);
+}, gl = function(e) {
+	var t = e && el(e), n = t?.host, r = !1;
 	if (t && t !== e) {
 		var i, a, o;
 		for (r = !!((i = n) != null && (a = i.ownerDocument) != null && a.contains(n) || e != null && (o = e.ownerDocument) != null && o.contains(e)); !r && n;) {
 			var s, c;
-			t = Xc(n), n = t?.host, r = !!((s = n) != null && (c = s.ownerDocument) != null && c.contains(n));
+			t = el(n), n = t?.host, r = !!((s = n) != null && (c = s.ownerDocument) != null && c.contains(n));
 		}
 	}
 	return r;
-}, pl = function(e) {
+}, _l = function(e) {
 	var t = e.getBoundingClientRect(), n = t.width, r = t.height;
 	return n === 0 && r === 0;
-}, ml = function(e, t) {
+}, vl = function(e, t) {
 	var n = t.displayCheck, r = t.getShadowRoot;
 	if (n === "full-native" && "checkVisibility" in e) return !e.checkVisibility({
 		checkOpacity: !1,
@@ -4105,44 +4135,44 @@ var Kc = [
 		checkVisibilityCSS: !0
 	});
 	if (getComputedStyle(e).visibility === "hidden") return !0;
-	var i = Yc.call(e, "details>summary:first-of-type") ? e.parentElement : e;
-	if (Yc.call(i, "details:not([open]) *")) return !0;
+	var i = $c.call(e, "details>summary:first-of-type") ? e.parentElement : e;
+	if ($c.call(i, "details:not([open]) *")) return !0;
 	if (!n || n === "full" || n === "full-native" || n === "legacy-full") {
 		if (typeof r == "function") {
 			for (var a = e; e;) {
-				var o = e.parentElement, s = Xc(e);
-				if (o && !o.shadowRoot && r(o) === !0) return pl(e);
+				var o = e.parentElement, s = el(e);
+				if (o && !o.shadowRoot && r(o) === !0) return _l(e);
 				e = e.assignedSlot ? e.assignedSlot : !o && s !== e.ownerDocument ? s.host : o;
 			}
 			e = a;
 		}
-		if (fl(e)) return !e.getClientRects().length;
+		if (gl(e)) return !e.getClientRects().length;
 		if (n !== "legacy-full") return !0;
-	} else if (n === "non-zero-area") return pl(e);
+	} else if (n === "non-zero-area") return _l(e);
 	return !1;
-}, hl = function(e) {
+}, yl = function(e) {
 	if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName)) for (var t = e.parentElement; t;) {
 		if (t.tagName === "FIELDSET" && t.disabled) {
 			for (var n = 0; n < t.children.length; n++) {
 				var r = t.children.item(n);
-				if (r.tagName === "LEGEND") return Yc.call(t, "fieldset[disabled] *") ? !0 : !r.contains(e);
+				if (r.tagName === "LEGEND") return $c.call(t, "fieldset[disabled] *") ? !0 : !r.contains(e);
 			}
 			return !0;
 		}
 		t = t.parentElement;
 	}
 	return !1;
-}, gl = function(e, t) {
-	return !(t.disabled || ol(t) || ml(t, e) || sl(t) || hl(t));
-}, _l = function(e, t) {
-	return !(dl(t) || nl(t) < 0 || !gl(e, t));
-}, vl = function(e) {
+}, bl = function(e, t) {
+	return !(t.disabled || ul(t) || vl(t, e) || dl(t) || yl(t));
+}, xl = function(e, t) {
+	return !(hl(t) || ol(t) < 0 || !bl(e, t));
+}, Sl = function(e) {
 	var t = parseInt(e.getAttribute("tabindex"), 10);
 	return !!(isNaN(t) || t >= 0);
-}, yl = function(e) {
+}, Cl = function(e) {
 	var t = [], n = [];
 	return e.forEach(function(e, r) {
-		var i = !!e.scopeParent, a = i ? e.scopeParent : e, o = rl(a, i), s = i ? yl(e.candidates) : a;
+		var i = !!e.scopeParent, a = i ? e.scopeParent : e, o = sl(a, i), s = i ? Cl(e.candidates) : a;
 		o === 0 ? i ? t.push.apply(t, s) : t.push(a) : n.push({
 			documentOrder: r,
 			tabIndex: o,
@@ -4150,43 +4180,43 @@ var Kc = [
 			isScope: i,
 			content: s
 		});
-	}), n.sort(il).reduce(function(e, t) {
+	}), n.sort(cl).reduce(function(e, t) {
 		return t.isScope ? e.push.apply(e, t.content) : e.push(t.content), e;
 	}, []).concat(t);
-}, bl = function(e, t) {
-	return t ||= {}, yl(t.getShadowRoot ? el([e], t.includeContainer, {
-		filter: _l.bind(null, t),
+}, wl = function(e, t) {
+	return t ||= {}, Cl(t.getShadowRoot ? il([e], t.includeContainer, {
+		filter: xl.bind(null, t),
 		flatten: !1,
 		getShadowRoot: t.getShadowRoot,
-		shadowRootFilter: vl
-	}) : $c(e, t.includeContainer, _l.bind(null, t)));
-}, xl = function(e, t) {
-	return t ||= {}, t.getShadowRoot ? el([e], t.includeContainer, {
-		filter: gl.bind(null, t),
+		shadowRootFilter: Sl
+	}) : rl(e, t.includeContainer, xl.bind(null, t)));
+}, Tl = function(e, t) {
+	return t ||= {}, t.getShadowRoot ? il([e], t.includeContainer, {
+		filter: bl.bind(null, t),
 		flatten: !0,
 		getShadowRoot: t.getShadowRoot
-	}) : $c(e, t.includeContainer, gl.bind(null, t));
-}, Sl = function(e, t) {
+	}) : rl(e, t.includeContainer, bl.bind(null, t));
+}, El = function(e, t) {
 	if (t ||= {}, !e) throw Error("No node provided");
-	return Yc.call(e, qc) === !1 ? !1 : _l(t, e);
-}, Cl = /* #__PURE__ */ Kc.concat("iframe:not([inert]):not([inert] *)").join(","), wl = function(e, t) {
+	return $c.call(e, Zc) === !1 ? !1 : xl(t, e);
+}, Dl = /* #__PURE__ */ Xc.concat("iframe:not([inert]):not([inert] *)").join(","), Ol = function(e, t) {
 	if (t ||= {}, !e) throw Error("No node provided");
-	return Yc.call(e, Cl) === !1 ? !1 : gl(t, e);
+	return $c.call(e, Dl) === !1 ? !1 : bl(t, e);
 };
 //#endregion
 //#region ../../node_modules/focus-trap/dist/focus-trap.esm.js
-function Tl(e, t) {
+function kl(e, t) {
 	(t == null || t > e.length) && (t = e.length);
 	for (var n = 0, r = Array(t); n < t; n++) r[n] = e[n];
 	return r;
 }
-function El(e) {
-	if (Array.isArray(e)) return Tl(e);
+function Al(e) {
+	if (Array.isArray(e)) return kl(e);
 }
-function Dl(e, t) {
+function jl(e, t) {
 	var n = typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
 	if (!n) {
-		if (Array.isArray(e) || (n = Il(e)) || t) {
+		if (Array.isArray(e) || (n = Bl(e)) || t) {
 			n && (e = n);
 			var r = 0, i = function() {};
 			return {
@@ -4226,21 +4256,21 @@ function Dl(e, t) {
 		}
 	};
 }
-function Ol(e, t, n) {
-	return (t = Fl(t)) in e ? Object.defineProperty(e, t, {
+function Ml(e, t, n) {
+	return (t = zl(t)) in e ? Object.defineProperty(e, t, {
 		value: n,
 		enumerable: !0,
 		configurable: !0,
 		writable: !0
 	}) : e[t] = n, e;
 }
-function kl(e) {
+function Nl(e) {
 	if (typeof Symbol < "u" && e[Symbol.iterator] != null || e["@@iterator"] != null) return Array.from(e);
 }
-function Al() {
+function Pl() {
 	throw TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function jl(e, t) {
+function Fl(e, t) {
 	var n = Object.keys(e);
 	if (Object.getOwnPropertySymbols) {
 		var r = Object.getOwnPropertySymbols(e);
@@ -4250,21 +4280,21 @@ function jl(e, t) {
 	}
 	return n;
 }
-function Ml(e) {
+function Il(e) {
 	for (var t = 1; t < arguments.length; t++) {
 		var n = arguments[t] == null ? {} : arguments[t];
-		t % 2 ? jl(Object(n), !0).forEach(function(t) {
-			Ol(e, t, n[t]);
-		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : jl(Object(n)).forEach(function(t) {
+		t % 2 ? Fl(Object(n), !0).forEach(function(t) {
+			Ml(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Fl(Object(n)).forEach(function(t) {
 			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
 		});
 	}
 	return e;
 }
-function Nl(e) {
-	return El(e) || kl(e) || Il(e) || Al();
+function Ll(e) {
+	return Al(e) || Nl(e) || Bl(e) || Pl();
 }
-function Pl(e, t) {
+function Rl(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -4274,62 +4304,62 @@ function Pl(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function Fl(e) {
-	var t = Pl(e, "string");
+function zl(e) {
+	var t = Rl(e, "string");
 	return typeof t == "symbol" ? t : t + "";
 }
-function Il(e, t) {
+function Bl(e, t) {
 	if (e) {
-		if (typeof e == "string") return Tl(e, t);
+		if (typeof e == "string") return kl(e, t);
 		var n = {}.toString.call(e).slice(8, -1);
-		return n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set" ? Array.from(e) : n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? Tl(e, t) : void 0;
+		return n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set" ? Array.from(e) : n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? kl(e, t) : void 0;
 	}
 }
-var Ll = {
+var Vl = {
 	getActiveTrap: function(e) {
 		return e?.length > 0 ? e[e.length - 1] : null;
 	},
 	activateTrap: function(e, t) {
-		t !== Ll.getActiveTrap(e) && Ll.pauseTrap(e);
+		t !== Vl.getActiveTrap(e) && Vl.pauseTrap(e);
 		var n = e.indexOf(t);
 		n === -1 || e.splice(n, 1), e.push(t);
 	},
 	deactivateTrap: function(e, t) {
 		var n = e.indexOf(t);
-		n !== -1 && e.splice(n, 1), Ll.unpauseTrap(e);
+		n !== -1 && e.splice(n, 1), Vl.unpauseTrap(e);
 	},
 	pauseTrap: function(e) {
-		Ll.getActiveTrap(e)?._setPausedState(!0);
+		Vl.getActiveTrap(e)?._setPausedState(!0);
 	},
 	unpauseTrap: function(e) {
-		var t = Ll.getActiveTrap(e);
+		var t = Vl.getActiveTrap(e);
 		t && !t._isManuallyPaused() && t._setPausedState(!1);
 	}
-}, Rl = function(e) {
+}, Hl = function(e) {
 	return e.tagName && e.tagName.toLowerCase() === "input" && typeof e.select == "function";
-}, zl = function(e) {
+}, Ul = function(e) {
 	return e?.key === "Escape" || e?.key === "Esc" || e?.keyCode === 27;
-}, Bl = function(e) {
+}, Wl = function(e) {
 	return e?.key === "Tab" || e?.keyCode === 9;
-}, Vl = function(e) {
-	return Bl(e) && !e.shiftKey;
-}, Hl = function(e) {
-	return Bl(e) && e.shiftKey;
-}, Ul = function(e) {
+}, Gl = function(e) {
+	return Wl(e) && !e.shiftKey;
+}, Kl = function(e) {
+	return Wl(e) && e.shiftKey;
+}, ql = function(e) {
 	return setTimeout(e, 0);
-}, Wl = function(e) {
+}, Jl = function(e) {
 	var t = [...arguments].slice(1);
 	return typeof e == "function" ? e.apply(void 0, t) : e;
-}, Gl = function(e) {
+}, Yl = function(e) {
 	return e.target.shadowRoot && typeof e.composedPath == "function" ? e.composedPath()[0] : e.target;
-}, Kl = [], ql = function(e, t) {
-	var n = t?.document || document, r = t?.trapStack || Kl, i = Ml({
+}, Xl = [], Zl = function(e, t) {
+	var n = t?.document || document, r = t?.trapStack || Xl, i = Il({
 		returnFocusOnDeactivate: !0,
 		escapeDeactivates: !0,
 		delayInitialFocus: !0,
 		isolateSubtrees: !1,
-		isKeyForward: Vl,
-		isKeyBackward: Hl
+		isKeyForward: Gl,
+		isKeyBackward: Kl
 	}, t), a = {
 		containers: [],
 		containerGroups: [],
@@ -4355,7 +4385,7 @@ var Ll = {
 		});
 	}, l = function(e) {
 		var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = t.hasFallback, a = r === void 0 ? !1 : r, o = t.params, s = o === void 0 ? [] : o, c = i[e];
-		if (typeof c == "function" && (c = c.apply(void 0, Nl(s))), c === !0 && (c = void 0), !c) {
+		if (typeof c == "function" && (c = c.apply(void 0, Ll(s))), c === !0 && (c = void 0), !c) {
 			if (c === void 0 || c === !1) return c;
 			throw Error(`\`${e}\` was specified but was not a node, or did not return a node`);
 		}
@@ -4372,7 +4402,7 @@ var Ll = {
 	}, u = function() {
 		var e = l("initialFocus", { hasFallback: !0 });
 		if (e === !1) return !1;
-		if (e === void 0 || e && !wl(e, i.tabbableOptions)) if (c(n.activeElement) >= 0) e = n.activeElement;
+		if (e === void 0 || e && !Ol(e, i.tabbableOptions)) if (c(n.activeElement) >= 0) e = n.activeElement;
 		else {
 			var t = a.tabbableGroups[0];
 			e = t && t.firstTabbableNode || l("fallbackFocus");
@@ -4382,17 +4412,17 @@ var Ll = {
 		return e;
 	}, d = function() {
 		if (a.containerGroups = a.containers.map(function(e) {
-			var t = bl(e, i.tabbableOptions), n = xl(e, i.tabbableOptions), r = t.length > 0 ? t[0] : void 0, a = t.length > 0 ? t[t.length - 1] : void 0, o = n.find(function(e) {
-				return Sl(e);
+			var t = wl(e, i.tabbableOptions), n = Tl(e, i.tabbableOptions), r = t.length > 0 ? t[0] : void 0, a = t.length > 0 ? t[t.length - 1] : void 0, o = n.find(function(e) {
+				return El(e);
 			}), s = n.slice().reverse().find(function(e) {
-				return Sl(e);
+				return El(e);
 			});
 			return {
 				container: e,
 				tabbableNodes: t,
 				focusableNodes: n,
 				posTabIndexesFound: !!t.find(function(e) {
-					return nl(e) > 0;
+					return ol(e) > 0;
 				}),
 				firstTabbableNode: r,
 				lastTabbableNode: a,
@@ -4401,9 +4431,9 @@ var Ll = {
 				nextTabbableNode: function(e) {
 					var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, i = t.indexOf(e);
 					return i < 0 ? r ? n.slice(n.indexOf(e) + 1).find(function(e) {
-						return Sl(e);
+						return El(e);
 					}) : n.slice(0, n.indexOf(e)).reverse().find(function(e) {
-						return Sl(e);
+						return El(e);
 					}) : t[i + (r ? 1 : -1)];
 				}
 			};
@@ -4422,14 +4452,14 @@ var Ll = {
 				p(u());
 				return;
 			}
-			e.focus({ preventScroll: !!i.preventScroll }), a.mostRecentlyFocusedNode = e, Rl(e) && e.select();
+			e.focus({ preventScroll: !!i.preventScroll }), a.mostRecentlyFocusedNode = e, Hl(e) && e.select();
 		}
 	}, m = function(e) {
 		var t = l("setReturnFocus", { params: [e] });
 		return t || (t === !1 ? !1 : e);
 	}, h = function(e) {
 		var t = e.target, n = e.event, r = e.isBackward, o = r === void 0 ? !1 : r;
-		t ||= Gl(n), d();
+		t ||= Yl(n), d();
 		var s = null;
 		if (a.tabbableGroups.length > 0) {
 			var u = c(t, n), f = u >= 0 ? a.containerGroups[u] : void 0;
@@ -4439,37 +4469,37 @@ var Ll = {
 					var n = e.firstTabbableNode;
 					return t === n;
 				});
-				if (p < 0 && (f.container === t || wl(t, i.tabbableOptions) && !Sl(t, i.tabbableOptions) && !f.nextTabbableNode(t, !1)) && (p = u), p >= 0) {
+				if (p < 0 && (f.container === t || Ol(t, i.tabbableOptions) && !El(t, i.tabbableOptions) && !f.nextTabbableNode(t, !1)) && (p = u), p >= 0) {
 					var m = p === 0 ? a.tabbableGroups.length - 1 : p - 1, h = a.tabbableGroups[m];
-					s = nl(t) >= 0 ? h.lastTabbableNode : h.lastDomTabbableNode;
-				} else Bl(n) || (s = f.nextTabbableNode(t, !1));
+					s = ol(t) >= 0 ? h.lastTabbableNode : h.lastDomTabbableNode;
+				} else Wl(n) || (s = f.nextTabbableNode(t, !1));
 			} else {
 				var g = a.tabbableGroups.findIndex(function(e) {
 					var n = e.lastTabbableNode;
 					return t === n;
 				});
-				if (g < 0 && (f.container === t || wl(t, i.tabbableOptions) && !Sl(t, i.tabbableOptions) && !f.nextTabbableNode(t)) && (g = u), g >= 0) {
+				if (g < 0 && (f.container === t || Ol(t, i.tabbableOptions) && !El(t, i.tabbableOptions) && !f.nextTabbableNode(t)) && (g = u), g >= 0) {
 					var _ = g === a.tabbableGroups.length - 1 ? 0 : g + 1, v = a.tabbableGroups[_];
-					s = nl(t) >= 0 ? v.firstTabbableNode : v.firstDomTabbableNode;
-				} else Bl(n) || (s = f.nextTabbableNode(t));
+					s = ol(t) >= 0 ? v.firstTabbableNode : v.firstDomTabbableNode;
+				} else Wl(n) || (s = f.nextTabbableNode(t));
 			}
 		} else s = l("fallbackFocus");
 		return s;
 	}, g = function(e) {
-		if (!(c(Gl(e), e) >= 0)) {
-			if (Wl(i.clickOutsideDeactivates, e)) {
+		if (!(c(Yl(e), e) >= 0)) {
+			if (Jl(i.clickOutsideDeactivates, e)) {
 				o.deactivate({ returnFocus: i.returnFocusOnDeactivate });
 				return;
 			}
-			Wl(i.allowOutsideClick, e) || e.preventDefault();
+			Jl(i.allowOutsideClick, e) || e.preventDefault();
 		}
 	}, _ = function(e) {
-		var t = Gl(e), n = c(t, e) >= 0;
+		var t = Yl(e), n = c(t, e) >= 0;
 		if (n || t instanceof Document) n && (a.mostRecentlyFocusedNode = t);
 		else {
 			e.stopImmediatePropagation();
 			var r, o = !0;
-			if (a.mostRecentlyFocusedNode) if (nl(a.mostRecentlyFocusedNode) > 0) {
+			if (a.mostRecentlyFocusedNode) if (ol(a.mostRecentlyFocusedNode) > 0) {
 				var s = c(a.mostRecentlyFocusedNode), l = a.containerGroups[s].tabbableNodes;
 				if (l.length > 0) {
 					var d = l.findIndex(function(e) {
@@ -4479,7 +4509,7 @@ var Ll = {
 				}
 			} else a.containerGroups.some(function(e) {
 				return e.tabbableNodes.some(function(e) {
-					return nl(e) > 0;
+					return ol(e) > 0;
 				});
 			}) || (o = !1);
 			else o = !1;
@@ -4496,15 +4526,15 @@ var Ll = {
 			event: e,
 			isBackward: t
 		});
-		n && (Bl(e) && e.preventDefault(), p(n));
+		n && (Wl(e) && e.preventDefault(), p(n));
 	}, y = function(e) {
 		(i.isKeyForward(e) || i.isKeyBackward(e)) && v(e, i.isKeyBackward(e));
 	}, b = function(e) {
-		zl(e) && Wl(i.escapeDeactivates, e) !== !1 && (e.preventDefault(), o.deactivate());
+		Ul(e) && Jl(i.escapeDeactivates, e) !== !1 && (e.preventDefault(), o.deactivate());
 	}, x = function(e) {
-		c(Gl(e), e) >= 0 || Wl(i.clickOutsideDeactivates, e) || Wl(i.allowOutsideClick, e) || (e.preventDefault(), e.stopImmediatePropagation());
+		c(Yl(e), e) >= 0 || Jl(i.clickOutsideDeactivates, e) || Jl(i.allowOutsideClick, e) || (e.preventDefault(), e.stopImmediatePropagation());
 	}, S = function() {
-		if (a.active) return Ll.activateTrap(r, o), a.delayInitialFocusTimer = i.delayInitialFocus ? Ul(function() {
+		if (a.active) return Vl.activateTrap(r, o), a.delayInitialFocusTimer = i.delayInitialFocus ? ql(function() {
 			p(u());
 		}) : p(u()), n.addEventListener("focusin", _, !0), n.addEventListener("mousedown", g, {
 			capture: !0,
@@ -4521,7 +4551,7 @@ var Ll = {
 		}), n.addEventListener("keydown", b), o;
 	}, C = function(e) {
 		a.active && !a.paused && o._setSubtreeIsolation(!1), a.adjacentElements.clear(), a.alreadySilent.clear();
-		var t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), r = Dl(e), i;
+		var t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), r = jl(e), i;
 		try {
 			for (r.s(); !(i = r.n()).done;) {
 				var s = i.value;
@@ -4530,7 +4560,7 @@ var Ll = {
 					t.add(l);
 					var u = l.parentElement, d = [];
 					u ? d = u.children : !u && c && (d = l.getRootNode().children, u = l.getRootNode().host, c = typeof ShadowRoot < "u" && u.getRootNode() instanceof ShadowRoot);
-					var f = Dl(d), p;
+					var f = jl(d), p;
 					try {
 						for (f.s(); !(p = f.n()).done;) {
 							var m = p.value;
@@ -4577,7 +4607,7 @@ var Ll = {
 		},
 		activate: function(e) {
 			if (a.active) return this;
-			var t = s(e, "onActivate"), c = s(e, "onPostActivate"), l = s(e, "checkCanFocusTrap"), u = Ll.getActiveTrap(r), p = !1;
+			var t = s(e, "onActivate"), c = s(e, "onPostActivate"), l = s(e, "checkCanFocusTrap"), u = Vl.getActiveTrap(r), p = !1;
 			if (u && !u.paused) {
 				var m;
 				(m = u._setSubtreeIsolation) == null || m.call(u, !1), p = !0;
@@ -4590,7 +4620,7 @@ var Ll = {
 				if (l) return l(a.containers.concat()).then(h, h), this;
 				h();
 			} catch (e) {
-				if (u === Ll.getActiveTrap(r) && p) {
+				if (u === Vl.getActiveTrap(r) && p) {
 					var g;
 					(g = u._setSubtreeIsolation) == null || g.call(u, !0);
 				}
@@ -4600,16 +4630,16 @@ var Ll = {
 		},
 		deactivate: function(e) {
 			if (!a.active) return this;
-			var t = Ml({
+			var t = Il({
 				onDeactivate: i.onDeactivate,
 				onPostDeactivate: i.onPostDeactivate,
 				checkCanReturnFocus: i.checkCanReturnFocus
 			}, e);
-			clearTimeout(a.delayInitialFocusTimer), a.delayInitialFocusTimer = void 0, a.paused || o._setSubtreeIsolation(!1), a.alreadySilent.clear(), w(), a.active = !1, a.paused = !1, E(), Ll.deactivateTrap(r, o);
+			clearTimeout(a.delayInitialFocusTimer), a.delayInitialFocusTimer = void 0, a.paused || o._setSubtreeIsolation(!1), a.alreadySilent.clear(), w(), a.active = !1, a.paused = !1, E(), Vl.deactivateTrap(r, o);
 			var n = s(t, "onDeactivate"), c = s(t, "onPostDeactivate"), l = s(t, "checkCanReturnFocus"), u = s(t, "returnFocus", "returnFocusOnDeactivate");
 			n?.();
 			var d = function() {
-				Ul(function() {
+				ql(function() {
 					u && p(m(a.nodeFocusedBeforeActivation)), c?.();
 				});
 			};
@@ -4665,13 +4695,13 @@ var Ll = {
 };
 //#endregion
 //#region ../../node_modules/@vueuse/integrations/dist/useFocusTrap-lXZ_YG-8.js
-function Jl(e, t = {}) {
+function Ql(e, t = {}) {
 	let n, { immediate: r, ...i } = t, a = /* @__PURE__ */ tn(!1), o = /* @__PURE__ */ tn(!1), s = (e) => n && n.activate(e), c = (e) => n && n.deactivate(e);
-	return L(Q(() => lc(an(e)).map((e) => {
+	return L(Q(() => pc(an(e)).map((e) => {
 		let t = an(e);
-		return typeof t == "string" ? t : yc(t);
-	}).filter(Qs)), (e) => {
-		if (e.length) if (!n) n = ql(e, {
+		return typeof t == "string" ? t : Cc(t);
+	}).filter(nc)), (e) => {
+		if (e.length) if (!n) n = Zl(e, {
 			...i,
 			onActivate() {
 				a.value = !0, t.onActivate && t.onActivate();
@@ -4684,7 +4714,7 @@ function Jl(e, t = {}) {
 			let t = n?.active;
 			n?.updateContainerElements(e), !t && r && s();
 		}
-	}, { flush: "post" }), Js(() => c()), {
+	}, { flush: "post" }), Qs(() => c()), {
 		hasFocus: a,
 		isPaused: o,
 		activate: s,
@@ -4699,7 +4729,7 @@ function Jl(e, t = {}) {
 }
 //#endregion
 //#region src/compose/useOverlayFocus.ts
-var Yl = [
+var $l = [
 	"a[href]",
 	"button:not([disabled])",
 	"input:not([disabled])",
@@ -4708,8 +4738,8 @@ var Yl = [
 	"[tabindex]:not([tabindex='-1'])",
 	"[contenteditable='true']"
 ].join(",");
-function Xl(e, t, n = !1) {
-	let r = /* @__PURE__ */ N(!1), i = () => !!e.value?.querySelector(Yl), { activate: a, deactivate: o, pause: s, unpause: c } = Jl(e, {
+function eu(e, t, n = !1) {
+	let r = /* @__PURE__ */ N(!1), i = () => !!e.value?.querySelector($l), { activate: a, deactivate: o, pause: s, unpause: c } = Ql(e, {
 		immediate: !1,
 		clickOutsideDeactivates: n,
 		initialFocus: () => {
@@ -4753,7 +4783,7 @@ function Xl(e, t, n = !1) {
 }
 //#endregion
 //#region src/compose/useOverlayEscape.ts
-function Zl(e, t, n, r, i) {
+function tu(e, t, n, r, i) {
 	function a(i) {
 		if (!(!n.value || !t.value)) {
 			for (let t of e) if (t.value?.contains(i.target)) return;
@@ -4773,10 +4803,10 @@ function Zl(e, t, n, r, i) {
 }
 //#endregion
 //#region src/compose/useCustomElementAttrs.ts
-function Ql() {
+function nu() {
 	return globalThis.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ === !0;
 }
-function $l(e = {}) {
+function ru(e = {}) {
 	let t = di(), n = globalThis.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ === !0, r = e.omitInCustomElement ?? [];
 	return {
 		attrs: t,
@@ -4791,7 +4821,7 @@ function $l(e = {}) {
 }
 //#endregion
 //#region src/components/GButton.vue?vue&type=script&setup=true&lang.ts
-var eu = { class: "g-btn--icon" }, tu = { class: "g-btn--label" }, nu = /*@__PURE__*/ R({
+var iu = { class: "g-btn--icon" }, au = { class: "g-btn--label" }, ou = /*@__PURE__*/ R({
 	inheritAttrs: !1,
 	__name: "GButton",
 	props: {
@@ -4840,7 +4870,7 @@ var eu = { class: "g-btn--icon" }, tu = { class: "g-btn--label" }, nu = /*@__PUR
 		"mouseleave"
 	],
 	setup(e) {
-		let t = e, n = ui(), { forwardedAttrs: r } = $l({ omitInCustomElement: ["id"] }), i = Q(() => [
+		let t = e, n = ui(), { forwardedAttrs: r } = ru({ omitInCustomElement: ["id"] }), i = Q(() => [
 			"g-btn",
 			`g-btn--${t.size}`,
 			`g-btn--${t.theme}`,
@@ -4868,11 +4898,11 @@ var eu = { class: "g-btn--icon" }, tu = { class: "g-btn--label" }, nu = /*@__PUR
 			onMouseenter: o[7] ||= (e) => a.$emit("mouseenter", e),
 			onMouseleave: o[8] ||= (e) => a.$emit("mouseleave", e)
 		}), {
-			default: I(() => [e.icon || n.icon ? (G(), K(W, { key: 0 }, [J("span", eu, [n.icon ? V(a.$slots, "icon", { key: 0 }) : (G(), K("span", {
+			default: I(() => [e.icon || n.icon ? (G(), K(W, { key: 0 }, [J("span", iu, [n.icon ? V(a.$slots, "icon", { key: 0 }) : (G(), K("span", {
 				key: 1,
 				class: k(e.icon + " g-btn--icon-span"),
 				"aria-hidden": "true"
-			}, null, 2))]), J("span", tu, [V(a.$slots, "default")])], 64)) : V(a.$slots, "default", { key: 1 })]),
+			}, null, 2))]), J("span", au, [V(a.$slots, "default")])], 64)) : V(a.$slots, "default", { key: 1 })]),
 			_: 3
 		}, 16, [
 			"to",
@@ -4884,11 +4914,11 @@ var eu = { class: "g-btn--icon" }, tu = { class: "g-btn--label" }, nu = /*@__PUR
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, ru = /*#__PURE__*/ $(nu, [["styles", [""]]]), iu = [
+}, su = /*#__PURE__*/ $(ou, [["styles", [""]]]), cu = [
 	"id",
 	"aria-labelledby",
 	"aria-describedby"
-], au = { class: "g-alertdialog-inner" }, ou = ["id"], su = ["id"], cu = { class: "g-alertdialog-actions" }, lu = /*#__PURE__*/ $(/* @__PURE__ */ R({
+], lu = { class: "g-alertdialog-inner" }, uu = ["id"], du = ["id"], fu = { class: "g-alertdialog-actions" }, pu = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GAlertDialog",
 	props: {
 		label: {
@@ -4906,11 +4936,11 @@ var eu = { class: "g-btn--icon" }, tu = { class: "g-btn--label" }, nu = /*@__PUR
 	},
 	emits: ["cancel", "confirm"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = /* @__PURE__ */ N(null), a = /* @__PURE__ */ N(!0), o = z(), { pop: s, push: c, isTop: l, zIndex: u } = Gs(o, !0, !0), { deactivate: d, activate: f } = Xl(i, l);
+		let n = e, r = t, i = /* @__PURE__ */ N(null), a = /* @__PURE__ */ N(!0), o = z(), { pop: s, push: c, isTop: l, zIndex: u } = Ys(o, !0, !0), { deactivate: d, activate: f } = eu(i, l);
 		function p() {
 			r("cancel");
 		}
-		return Zl([i], l, a, p, s), Gr(() => {
+		return tu([i], l, a, p, s), Gr(() => {
 			c(), f();
 		}), Wr(() => {
 			s(), d();
@@ -4928,39 +4958,39 @@ var eu = { class: "g-btn--icon" }, tu = { class: "g-btn--label" }, nu = /*@__PUR
 				ref_key: "dialog",
 				ref: i,
 				style: de({ zIndex: P(u) })
-			}, [J("div", au, [
+			}, [J("div", lu, [
 				J("h2", {
 					id: "alertdialog-label-" + P(o),
 					class: "g-alertdialog-label"
-				}, A(n.label), 9, ou),
+				}, A(n.label), 9, uu),
 				J("div", {
 					id: "alertdialog-description-" + P(o),
 					class: "g-alertdialog-content"
-				}, [V(e.$slots, "default")], 8, su),
-				J("div", cu, [Y(ru, {
+				}, [V(e.$slots, "default")], 8, du),
+				J("div", fu, [Y(su, {
 					outlined: "",
 					onClick: t[0] ||= (e) => r("cancel")
 				}, {
 					default: I(() => [...t[2] ||= [X("Cancel", -1)]]),
 					_: 1
-				}), Y(ru, {
+				}), Y(su, {
 					theme: n.buttonColor,
 					onClick: t[1] ||= (e) => r("confirm")
 				}, {
 					default: I(() => [X(A(n.buttonText), 1)]),
 					_: 1
 				}, 8, ["theme"])])
-			])], 12, iu)]),
+			])], 12, cu)]),
 			_: 3
 		})]));
 	}
-}), [["styles", [""]]]), uu = { class: /*@__PURE__*/ k({ "g-app-header": !0 }) }, du = { class: "g-app-header__brand" }, fu = {
+}), [["styles", [""]]]), mu = { class: /*@__PURE__*/ k({ "g-app-header": !0 }) }, hu = { class: "g-app-header__brand" }, gu = {
 	class: "g-app-header__brand-text",
 	href: "/"
-}, pu = {
+}, _u = {
 	key: 0,
 	class: "g-app-header__block-i-container"
-}, mu = { class: "g-app-header__title" }, hu = { class: "g-app-header__app-controls-wrap" }, gu = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}, vu = { class: "g-app-header__title" }, yu = { class: "g-app-header__app-controls-wrap" }, bu = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GAppHeader",
 	props: {
 		illinois: {
@@ -4973,10 +5003,10 @@ var eu = { class: "g-btn--icon" }, tu = { class: "g-btn--label" }, nu = /*@__PUR
 		}
 	},
 	setup(e) {
-		return (t, n) => (G(), K("header", uu, [
+		return (t, n) => (G(), K("header", mu, [
 			n[1] ||= J("div", { class: "g-app-header__background" }, [J("div", { class: "g-app-header__background-pattern" }), J("div", { class: "g-app-header__background-gradient" })], -1),
-			J("div", du, [V(t.$slots, "left", {}, () => [J("a", fu, A(e.brand), 1)])]),
-			e.illinois ? (G(), K("div", pu, [...n[0] ||= [J("svg", {
+			J("div", hu, [V(t.$slots, "left", {}, () => [J("a", gu, A(e.brand), 1)])]),
+			e.illinois ? (G(), K("div", _u, [...n[0] ||= [J("svg", {
 				class: "g-app-header__block-i",
 				role: "img",
 				width: "55",
@@ -4993,14 +5023,14 @@ var eu = { class: "g-btn--icon" }, tu = { class: "g-btn--label" }, nu = /*@__PUR
 					d: "M42.1 18.1h9V3H3v15h9c1.7 0 3 1.3 3 3v36.1c0 1.7-1.3 3-3 3H3v15h48.1v-15h-9c-1.7 0-3-1.3-3-3v-36c0-1.7 1.4-3 3-3z"
 				})
 			], -1)]])) : V(t.$slots, "icon", { key: 1 }),
-			J("div", mu, [V(t.$slots, "title")]),
-			J("div", hu, [V(t.$slots, "app-controls", { class: "g-app-header__app-controls" })])
+			J("div", vu, [V(t.$slots, "title")]),
+			J("div", yu, [V(t.$slots, "app-controls", { class: "g-app-header__app-controls" })])
 		]));
 	}
 }), [["styles", [""]]]);
 //#endregion
 //#region src/compose/useForm.ts
-function _u() {
+function xu() {
 	let e = /* @__PURE__ */ Ut({}), t = /* @__PURE__ */ N(!1), n = Q(() => {
 		let t = {};
 		return Object.entries(e).forEach(([e, n]) => {
@@ -5042,18 +5072,18 @@ function _u() {
 }
 //#endregion
 //#region src/compose/useWebComponentForm.ts
-function vu() {
+function Su() {
 	let e = globalThis;
 	return e.__GRAD_VUE_WC_FORMS__ ||= /* @__PURE__ */ new Map(), e.__GRAD_VUE_WC_FORMS__;
 }
-function yu(e = "default") {
-	let t = vu(), n = e || "default";
-	return t.has(n) || t.set(n, _u()), t.get(n);
+function Cu(e = "default") {
+	let t = Su(), n = e || "default";
+	return t.has(n) || t.set(n, xu()), t.get(n);
 }
 //#endregion
 //#region src/compose/useFormField.ts
-function bu(e) {
-	let t = di(), n = typeof t["form-key"] == "string" ? t["form-key"] : void 0, r = e.formKey ?? n ?? "default", i = qn("form", null) ?? (Ql() ? yu(r) : null), a = Q(() => {
+function wu(e) {
+	let t = di(), n = typeof t["form-key"] == "string" ? t["form-key"] : void 0, r = e.formKey ?? n ?? "default", i = qn("form", null) ?? (nu() ? Cu(r) : null), a = Q(() => {
 		let t = [];
 		return e.errors && t.push(...e.errors.value.filter(Boolean)), t;
 	}), o = Q(() => a.value.length > 0), s = e.name;
@@ -5072,7 +5102,7 @@ function bu(e) {
 }
 //#endregion
 //#region src/components/form/GFormErrorMessages.vue?vue&type=script&setup=true&lang.ts
-var xu = ["id"], Su = /*#__PURE__*/ $(/* @__PURE__ */ R({
+var Tu = ["id"], Eu = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GFormErrorMessages",
 	props: {
 		errors: { type: Array },
@@ -5089,28 +5119,29 @@ var xu = ["id"], Su = /*#__PURE__*/ $(/* @__PURE__ */ R({
 			class: "g-form-error-message"
 		}, [n[0] ||= J("svg", {
 			class: "g-form-error-icon",
+			role: "none",
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 640 640"
 		}, [J("path", {
 			fill: "currentColor",
 			d: "M320 64C334.7 64 348.2 72.1 355.2 85L571.2 485C577.9 497.4 577.6 512.4 570.4 524.5C563.2 536.6 550.1 544 536 544L104 544C89.9 544 76.8 536.6 69.6 524.5C62.4 512.4 62.1 497.4 68.8 485L284.8 85C291.8 72.1 305.3 64 320 64zM320 416C302.3 416 288 430.3 288 448C288 465.7 302.3 480 320 480C337.7 480 352 465.7 352 448C352 430.3 337.7 416 320 416zM320 224C301.8 224 287.3 239.5 288.6 257.7L296 361.7C296.9 374.2 307.4 384 319.9 384C332.5 384 342.9 374.3 343.8 361.7L351.2 257.7C352.5 239.5 338.1 224 319.8 224z"
-		})], -1), X(" " + A(e), 1)]))), 128))], 8, xu)) : Z("", !0);
+		})], -1), X(" " + A(e), 1)]))), 128))], 8, Tu)) : Z("", !0);
 	}
-}), [["styles", [""]]]), Cu = {
+}), [["styles", [""]]]), Du = {
 	key: 0,
 	class: "g-checkbox-group__legend"
-}, wu = {
+}, Ou = {
 	key: 0,
 	class: "g-checkbox-group__required",
 	"aria-hidden": "true"
-}, Tu = {
+}, ku = {
 	key: 1,
 	class: "g-checkbox-group__label"
-}, Eu = {
+}, Au = {
 	key: 0,
 	class: "g-checkbox-group__required",
 	"aria-hidden": "true"
-}, Du = ["id"], Ou = { class: "g-checkbox-group__options" }, ku = ["for"], Au = [
+}, ju = ["id"], Mu = { class: "g-checkbox-group__options" }, Nu = ["for"], Pu = [
 	"id",
 	"type",
 	"name",
@@ -5119,7 +5150,7 @@ var xu = ["id"], Su = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	"disabled",
 	"required",
 	"onChange"
-], ju = { class: "g-checkbox-group__label-text" }, Mu = ["id"], Nu = /*#__PURE__*/ $(/* @__PURE__ */ R({
+], Fu = { class: "g-checkbox-group__label-text" }, Iu = ["id"], Lu = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GCheckboxGroup",
 	props: /*@__PURE__*/ H({
 		label: {
@@ -5157,7 +5188,7 @@ var xu = ["id"], Su = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	}),
 	emits: /*@__PURE__*/ H(["change"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, r = U(e, "modelValue"), i = z(), { displayErrors: a, hasErrors: o } = bu({
+		let n = e, r = U(e, "modelValue"), i = z(), { displayErrors: a, hasErrors: o } = wu({
 			name: n.name,
 			value: r,
 			errors: /* @__PURE__ */ fn(n, "errors"),
@@ -5189,20 +5220,19 @@ var xu = ["id"], Su = /*#__PURE__*/ $(/* @__PURE__ */ R({
 			let r = [];
 			return !n.radio && n.instructions && r.push(f.value), e.hint && r.push(h(t)), n.radio ? { "aria-describedby": r.length ? r.join(" ") : void 0 } : {
 				"aria-describedby": r.length ? r.join(" ") : void 0,
-				"aria-required": n.required && n.options.length > 1 ? "true" : void 0,
 				"aria-invalid": o.value ? "true" : "false",
 				"aria-errormessage": o.value ? d.value : void 0
 			};
 		}
 		return (t, n) => (G(), q(ni(p.value ? "fieldset" : "div"), Va({ class: ["g-checkbox-group", { "g-checkbox-group--error": P(o) }] }, m.value), {
 			default: I(() => [
-				p.value && e.label ? (G(), K("legend", Cu, [X(A(e.label), 1), e.required ? (G(), K("span", wu, "\xA0*")) : Z("", !0)])) : !p.value && e.label ? (G(), K("div", Tu, [X(A(e.label), 1), e.required ? (G(), K("span", Eu, "\xA0*")) : Z("", !0)])) : Z("", !0),
+				p.value && e.label ? (G(), K("legend", Du, [X(A(e.label), 1), e.required ? (G(), K("span", Ou, "\xA0*")) : Z("", !0)])) : !p.value && e.label ? (G(), K("div", ku, [X(A(e.label), 1), e.required ? (G(), K("span", Au, "\xA0*")) : Z("", !0)])) : Z("", !0),
 				e.instructions ? (G(), K("div", {
 					key: 2,
 					id: f.value,
 					class: "g-checkbox-group__instructions"
-				}, A(e.instructions), 9, Du)) : Z("", !0),
-				J("div", Ou, [(G(!0), K(W, null, B(e.options, (t, n) => (G(), K("div", {
+				}, A(e.instructions), 9, ju)) : Z("", !0),
+				J("div", Mu, [(G(!0), K(W, null, B(e.options, (t, n) => (G(), K("div", {
 					key: t.value,
 					class: k(["g-checkbox-group__option-wrapper", { "g-checkbox-group__option-wrapper--disabled": t.disabled }])
 				}, [J("label", {
@@ -5217,12 +5247,12 @@ var xu = ["id"], Su = /*#__PURE__*/ $(/* @__PURE__ */ R({
 					disabled: t.disabled,
 					required: e.required && (e.radio && n === 0 || !e.radio && e.options.length === 1),
 					class: "g-checkbox-group__input"
-				}, { ref_for: !0 }, _(t, n), { onChange: (e) => l(t.value, e.target.checked) }), null, 16, Au), J("span", ju, A(t.label), 1)], 10, ku), t.hint ? (G(), K("div", {
+				}, { ref_for: !0 }, _(t, n), { onChange: (e) => l(t.value, e.target.checked) }), null, 16, Pu), J("span", Fu, A(t.label), 1)], 10, Nu), t.hint ? (G(), K("div", {
 					key: 0,
 					id: h(n),
 					class: "g-checkbox-group__hint"
-				}, A(t.hint), 9, Mu)) : Z("", !0)], 2))), 128))]),
-				Y(Su, {
+				}, A(t.hint), 9, Iu)) : Z("", !0)], 2))), 128))]),
+				Y(Eu, {
 					errors: P(a),
 					id: d.value
 				}, null, 8, ["errors", "id"])
@@ -5233,7 +5263,7 @@ var xu = ["id"], Su = /*#__PURE__*/ $(/* @__PURE__ */ R({
 }), [["styles", [""]]]);
 //#endregion
 //#region src/compose/popoverPosition.ts
-function Pu(e, t, n, r) {
+function Ru(e, t, n, r) {
 	let i = r?.gap ?? 8, a = r?.margin ?? 16, o = r?.preferAbove ?? !1, s = !1, c = !1, l;
 	o ? e.top - t.height - i > n.top + a ? (l = e.top - t.height - i, s = !0) : e.bottom + t.height + i <= n.bottom - a ? l = e.bottom + i : (l = n.top + a, c = !0) : e.bottom + t.height + i > n.bottom - a && e.top - t.height - i > n.top + a ? (l = e.top - t.height - i, s = !0) : e.bottom + t.height + i > n.bottom - a && e.top - t.height - i <= n.top + a ? (l = n.top + a, c = !0) : l = e.bottom + i;
 	let u = e.left + (e.width - t.width) / 2;
@@ -5249,51 +5279,51 @@ function Pu(e, t, n, r) {
 }
 //#endregion
 //#region src/compose/tooltipDom.ts
-var Fu = 1;
-function Iu(e = "v-gtooltip") {
-	return `${e}-${++Fu}`;
+var zu = 1;
+function Bu(e = "v-gtooltip") {
+	return `${e}-${++zu}`;
 }
-function Lu(e, t = "v-gtooltip") {
+function Vu(e, t = "v-gtooltip") {
 	let n = e.getAttribute("aria-describedby");
 	if (n) return n;
-	let r = Iu(t);
+	let r = Bu(t);
 	return e.setAttribute("aria-describedby", r), r;
 }
-function Ru(e, t) {
+function Hu(e, t) {
 	let n = document.createElement("div");
 	return n.className = "v-gtooltip", n.textContent = e, n.setAttribute("role", "tooltip"), n.setAttribute("id", t), n;
 }
-function zu(e) {
+function Uu(e) {
 	(document.getElementById("modal-root") ?? document.body).appendChild(e);
 }
-function Bu(e, t) {
-	let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), { top: i, left: a, placedAbove: o } = Pu(n, r, new DOMRect(0, 0, window.innerWidth, window.innerHeight), {
+function Wu(e, t) {
+	let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), { top: i, left: a, placedAbove: o } = Ru(n, r, new DOMRect(0, 0, window.innerWidth, window.innerHeight), {
 		gap: 8,
 		margin: 8,
 		preferAbove: !0
 	}), s = (n.left + n.width / 2 - a) / r.width * 100;
-	t.style.setProperty("--v-gtooltip-arrow-x", `${s}%`), t.classList.remove("v-gtooltip-bottom"), o || t.classList.add("v-gtooltip-bottom"), t.style.left = `${a}px`, t.style.top = `${i}px`, t.style.zIndex = `${qs()}`, t.style.opacity = "1";
+	t.style.setProperty("--v-gtooltip-arrow-x", `${s}%`), t.classList.remove("v-gtooltip-bottom"), o || t.classList.add("v-gtooltip-bottom"), t.style.left = `${a}px`, t.style.top = `${i}px`, t.style.zIndex = `${Zs()}`, t.style.visibility = "visible", t.style.opacity = "1";
 }
-function Vu(e) {
-	e.style.opacity = "0";
+function Gu(e) {
+	e.style.opacity = "0", e.style.visibility = "hidden";
 }
 //#endregion
 //#region src/directives/v-gtooltip.ts
-var Hu = {
+var Ku = {
 	mounted(e, t) {
-		let n = /* @__PURE__ */ N(null), r = /* @__PURE__ */ N(!1), i = /* @__PURE__ */ N(!1), a = /* @__PURE__ */ N(t.value), o = null, s = !1, c = Lu(e), l = () => {
-			n.value || (n.value = Ru(a.value, c), zu(n.value), o = new ResizeObserver(() => {
-				n.value && (r.value || i.value) && Bu(e, n.value);
+		let n = /* @__PURE__ */ N(null), r = /* @__PURE__ */ N(!1), i = /* @__PURE__ */ N(!1), a = /* @__PURE__ */ N(t.value), o = null, s = !1, c = Vu(e), l = () => {
+			n.value || (n.value = Hu(a.value, c), Uu(n.value), o = new ResizeObserver(() => {
+				n.value && (r.value || i.value) && Wu(e, n.value);
 			}), o.observe(n.value));
 		};
 		Zn(() => {
 			n.value && (n.value.textContent = a.value);
 		});
 		let u = () => {
-			n.value && (r.value || i.value) && Bu(e, n.value);
+			n.value && (r.value || i.value) && Wu(e, n.value);
 		};
 		Zn(() => {
-			r.value || i.value ? (l(), n.value && Bu(e, n.value), s ||= (window.addEventListener("scroll", u, { capture: !0 }), !0)) : (s &&= (window.removeEventListener("scroll", u, { capture: !0 }), !1), n.value && (Vu(n.value), setTimeout(() => {
+			r.value || i.value ? (l(), n.value && Wu(e, n.value), s ||= (window.addEventListener("scroll", u, { capture: !0 }), !0)) : (s &&= (window.removeEventListener("scroll", u, { capture: !0 }), !1), n.value && (Gu(n.value), setTimeout(() => {
 				e.dispatchEvent(new CustomEvent("tooltip-hide"));
 			}, 150)));
 		});
@@ -5331,7 +5361,7 @@ var Hu = {
 		let t = e._v_gtooltip;
 		t && t.tooltip && t.tooltip.value && (t.resizeObserver && t.resizeObserver.disconnect(), t.tooltip.value.remove(), t.tooltip.value = null), t && t.onScroll && window.removeEventListener("scroll", t.onScroll, { capture: !0 }), e.removeEventListener("mouseenter", t.onMouseEnter), e.removeEventListener("mouseleave", t.onMouseLeave), e.removeEventListener("focus", t.onFocus), e.removeEventListener("blur", t.onBlur), e.removeEventListener("keydown", t.onKeyDown), e.removeAttribute("aria-describedby");
 	}
-}, Uu = { class: "g-clipboard-text" }, Wu = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}, qu = { class: "g-clipboard-text" }, Ju = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GClipboard",
 	props: {
 		text: { type: String },
@@ -5339,12 +5369,12 @@ var Hu = {
 		copyLabel: { type: String }
 	},
 	setup(e) {
-		let t = e, n = Hu, { text: r, copy: i, copied: a, isSupported: o } = Ac({ source: t.text }), s = /* @__PURE__ */ N(t.copyLabel ?? "Copy to clipboard"), c = () => {
+		let t = e, n = Ku, { text: r, copy: i, copied: a, isSupported: o } = Pc({ source: t.text }), s = /* @__PURE__ */ N(t.copyLabel ?? "Copy to clipboard"), c = () => {
 			o.value ? (i(), s.value = "Copied") : s.value = "Copy not supported";
 		}, l = () => {
 			s.value = t.copyLabel ?? "Copy to clipboard";
 		};
-		return (r, i) => (G(), K("div", Uu, [e.hideText ? Z("", !0) : (G(), K(W, { key: 0 }, [X(A(t.text), 1)], 64)), Wn((G(), K("button", {
+		return (r, i) => (G(), K("div", qu, [e.hideText ? Z("", !0) : (G(), K(W, { key: 0 }, [X(A(t.text), 1)], 64)), Wn((G(), K("button", {
 			type: "button",
 			"aria-label": "Copy",
 			onClick: c,
@@ -5355,29 +5385,29 @@ var Hu = {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 640 640",
 			height: "1.125rem",
-			role: "none presentation"
+			role: "none"
 		}, [J("path", {
 			fill: "currentColor",
 			d: "M480 400L288 400C279.2 400 272 392.8 272 384L272 128C272 119.2 279.2 112 288 112L421.5 112C425.7 112 429.8 113.7 432.8 116.7L491.3 175.2C494.3 178.2 496 182.3 496 186.5L496 384C496 392.8 488.8 400 480 400zM288 448L480 448C515.3 448 544 419.3 544 384L544 186.5C544 169.5 537.3 153.2 525.3 141.2L466.7 82.7C454.7 70.7 438.5 64 421.5 64L288 64C252.7 64 224 92.7 224 128L224 384C224 419.3 252.7 448 288 448zM160 192C124.7 192 96 220.7 96 256L96 512C96 547.3 124.7 576 160 576L352 576C387.3 576 416 547.3 416 512L416 496L368 496L368 512C368 520.8 360.8 528 352 528L160 528C151.2 528 144 520.8 144 512L144 256C144 247.2 151.2 240 160 240L176 240L176 192L160 192z"
 		})], -1)]], 32)), [[P(n), s.value]])]));
 	}
-}), [["styles", [""]]]), Gu = ["for"], Ku = {
+}), [["styles", [""]]]), Yu = ["for"], Xu = {
 	key: 0,
 	class: "g-text-input-required",
 	"aria-hidden": "true"
-}, qu = ["id"], Ju = {
+}, Zu = ["id"], Qu = {
 	key: 0,
 	class: "g-text-input-prefix"
-}, Yu = [
+}, $u = [
 	"value",
 	"placeholder",
 	"disabled",
 	"required",
 	"aria-invalid"
-], Xu = {
+], ed = {
 	key: 1,
 	class: "g-text-input-suffix"
-}, Zu = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}, td = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	inheritAttrs: !1,
 	__name: "GTextInput",
 	props: /*@__PURE__*/ H({
@@ -5431,7 +5461,7 @@ var Hu = {
 	}),
 	emits: /*@__PURE__*/ H(["change"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, r = U(e, "modelValue"), i = z(), { attrs: a, isCustomElement: o, forwardedAttrs: s } = $l({ omitInCustomElement: ["id"] }), c = Q(() => o ? i : a.id || i), { displayErrors: l, hasErrors: u } = bu({
+		let n = e, r = U(e, "modelValue"), i = z(), { attrs: a, isCustomElement: o, forwardedAttrs: s } = ru({ omitInCustomElement: ["id"] }), c = Q(() => o ? i : a.id || i), { displayErrors: l, hasErrors: u } = wu({
 			name: n.name,
 			value: r,
 			errors: /* @__PURE__ */ fn(n, "errors"),
@@ -5468,14 +5498,14 @@ var Hu = {
 				key: 0,
 				for: c.value,
 				class: "g-text-input-label"
-			}, [X(A(n.label), 1), n.required ? (G(), K("span", Ku, " *")) : Z("", !0)], 8, Gu)) : Z("", !0),
+			}, [X(A(n.label), 1), n.required ? (G(), K("span", Xu, " *")) : Z("", !0)], 8, Yu)) : Z("", !0),
 			t.$slots.instructions || e.instructions ? (G(), K("div", {
 				key: 1,
 				id: "instructions-" + P(i),
 				class: "g-text-input-instructions"
-			}, [V(t.$slots, "instructions", {}, () => [X(A(e.instructions), 1)])], 8, qu)) : Z("", !0),
+			}, [V(t.$slots, "instructions", {}, () => [X(A(e.instructions), 1)])], 8, Zu)) : Z("", !0),
 			J("div", { class: k([{ "g-text-input-field-wrapper": !0 }, `g-text-input-field-wrapper--${e.name || "nameless"}`]) }, [
-				n.prefix ? (G(), K("span", Ju, A(n.prefix), 1)) : Z("", !0),
+				n.prefix ? (G(), K("span", Qu, A(n.prefix), 1)) : Z("", !0),
 				J("input", Va({
 					value: r.value,
 					placeholder: n.placeholder,
@@ -5492,16 +5522,16 @@ var Hu = {
 					id: c.value,
 					"aria-describedby": t.$slots.instructions || e.instructions ? "instructions-" + P(i) : void 0,
 					"aria-errormessage": P(u) ? "error-message-" + P(i) : void 0
-				}, { "aria-invalid": P(u) ? "true" : "false" }), null, 16, Yu),
-				n.suffix ? (G(), K("span", Xu, A(n.suffix), 1)) : Z("", !0)
+				}, { "aria-invalid": P(u) ? "true" : "false" }), null, 16, $u),
+				n.suffix ? (G(), K("span", ed, A(n.suffix), 1)) : Z("", !0)
 			], 2),
-			Y(Su, {
+			Y(Eu, {
 				errors: P(l),
 				id: "error-message-" + P(i)
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), [["styles", [""]]]), Qu = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}), [["styles", [""]]]), nd = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GCurrencyInput",
 	props: /*@__PURE__*/ H({
 		label: {
@@ -5543,7 +5573,7 @@ var Hu = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = e, n = U(e, "modelValue");
-		return (e, r) => (G(), q(Zu, Va({
+		return (e, r) => (G(), q(td, Va({
 			modelValue: n.value,
 			"onUpdate:modelValue": r[0] ||= (e) => n.value = e,
 			name: t.name,
@@ -5570,7 +5600,7 @@ var Hu = {
 			"form-key"
 		]));
 	}
-}), [["styles", [""]]]), $u = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}), [["styles", [""]]]), rd = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GDateInput",
 	props: /*@__PURE__*/ H({
 		label: {
@@ -5612,7 +5642,7 @@ var Hu = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = e, n = U(e, "modelValue");
-		return (e, r) => (G(), q(Zu, Va({
+		return (e, r) => (G(), q(td, Va({
 			modelValue: n.value,
 			"onUpdate:modelValue": r[0] ||= (e) => n.value = e,
 			name: t.name,
@@ -5636,21 +5666,21 @@ var Hu = {
 			"form-key"
 		]));
 	}
-}), [["styles", [""]]]), ed = { class: "g-date-range-input" }, td = {
+}), [["styles", [""]]]), id = { class: "g-date-range-input" }, ad = {
 	key: 0,
 	class: "g-date-range-input__label"
-}, nd = {
+}, od = {
 	key: 0,
 	class: "g-date-range-input__required",
 	"aria-hidden": "true"
-}, rd = {
+}, sd = {
 	key: 1,
 	class: "g-date-range-input__instructions"
-}, id = { class: "g-date-range-input__fields" }, ad = {
+}, cd = { class: "g-date-range-input__fields" }, ld = {
 	key: 2,
 	class: "g-date-range-input__errors",
 	role: "alert"
-}, od = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}, ud = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GDateRangeInput",
 	props: /*@__PURE__*/ H({
 		label: {
@@ -5698,7 +5728,7 @@ var Hu = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = e, n = U(e, "modelValue"), r = /* @__PURE__ */ N(n.value.start || null), i = /* @__PURE__ */ N(n.value.end || null), { displayErrors: a } = bu({
+		let t = e, n = U(e, "modelValue"), r = /* @__PURE__ */ N(n.value.start || null), i = /* @__PURE__ */ N(n.value.end || null), { displayErrors: a } = wu({
 			name: t.name,
 			value: n,
 			errors: /* @__PURE__ */ fn(t, "errors"),
@@ -5711,10 +5741,10 @@ var Hu = {
 			};
 		}), L(n, (e) => {
 			e.start !== r.value && (r.value = e.start), e.end !== i.value && (i.value = e.end);
-		}, { deep: !0 }), (e, n) => (G(), K("div", ed, [
-			t.label ? (G(), K("div", td, [X(A(t.label), 1), t.required ? (G(), K("span", nd, " *")) : Z("", !0)])) : Z("", !0),
-			t.instructions ? (G(), K("div", rd, A(t.instructions), 1)) : Z("", !0),
-			J("div", id, [Y($u, {
+		}, { deep: !0 }), (e, n) => (G(), K("div", id, [
+			t.label ? (G(), K("div", ad, [X(A(t.label), 1), t.required ? (G(), K("span", od, " *")) : Z("", !0)])) : Z("", !0),
+			t.instructions ? (G(), K("div", sd, A(t.instructions), 1)) : Z("", !0),
+			J("div", cd, [Y(rd, {
 				modelValue: r.value,
 				"onUpdate:modelValue": n[0] ||= (e) => r.value = e,
 				label: t.startLabel,
@@ -5726,7 +5756,7 @@ var Hu = {
 				"label",
 				"disabled",
 				"required"
-			]), Y($u, {
+			]), Y(rd, {
 				modelValue: i.value,
 				"onUpdate:modelValue": n[1] ||= (e) => i.value = e,
 				label: t.endLabel,
@@ -5739,13 +5769,13 @@ var Hu = {
 				"disabled",
 				"required"
 			])]),
-			P(a).length > 0 ? (G(), K("div", ad, [(G(!0), K(W, null, B(P(a), (e, t) => (G(), K("div", {
+			P(a).length > 0 ? (G(), K("div", ld, [(G(!0), K(W, null, B(P(a), (e, t) => (G(), K("div", {
 				key: t,
 				class: "g-date-range-input__error"
 			}, A(e), 1))), 128))])) : Z("", !0)
 		]));
 	}
-}), [["styles", [""]]]), sd = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}), [["styles", [""]]]), dd = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GDetailList",
 	props: { variant: {
 		default: "grid",
@@ -5755,13 +5785,13 @@ var Hu = {
 		let t = e;
 		return (e, n) => (G(), K("dl", { class: k(["g-detail-list", `g-detail-list--${t.variant}`]) }, [V(e.$slots, "default")], 2));
 	}
-}), [["styles", [""]]]), cd = { class: "g-detail-list-item" }, ld = { class: "g-detail-list-item__label" }, ud = { class: "g-detail-list-item__value" }, dd = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}), [["styles", [""]]]), fd = { class: "g-detail-list-item" }, pd = { class: "g-detail-list-item__label" }, md = { class: "g-detail-list-item__value" }, hd = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GDetailListItem",
 	props: { label: { type: String } },
 	setup(e) {
-		return (t, n) => (G(), K("div", cd, [J("dt", ld, [V(t.$slots, "label", {}, () => [X(A(e.label), 1)])]), J("dd", ud, [V(t.$slots, "default")])]));
+		return (t, n) => (G(), K("div", fd, [J("dt", pd, [V(t.$slots, "label", {}, () => [X(A(e.label), 1)])]), J("dd", md, [V(t.$slots, "default")])]));
 	}
-}), [["styles", [""]]]), fd = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}), [["styles", [""]]]), gd = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GEmailInput",
 	props: /*@__PURE__*/ H({
 		label: {
@@ -5799,7 +5829,7 @@ var Hu = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = U(e, "modelValue");
-		return (n, r) => (G(), q(Zu, Va({
+		return (n, r) => (G(), q(td, Va({
 			modelValue: t.value,
 			"onUpdate:modelValue": r[0] ||= (e) => t.value = e,
 			name: e.name,
@@ -5821,13 +5851,13 @@ var Hu = {
 			"instructions"
 		]));
 	}
-}), [["styles", [""]]]), pd = ["for"], md = {
+}), [["styles", [""]]]), _d = ["for"], vd = {
 	key: 0,
 	class: "g-file-input-required"
-}, hd = {
+}, yd = {
 	key: 0,
 	class: "g-file-input-box-header"
-}, gd = ["id"], _d = [
+}, bd = ["id"], xd = [
 	"id",
 	"disabled",
 	"required",
@@ -5836,11 +5866,11 @@ var Hu = {
 	"aria-invalid",
 	"aria-describedby",
 	"aria-errormessage"
-], vd = {
+], Sd = {
 	key: 1,
 	class: "g-file-input-pills",
 	"aria-label": "Selected files"
-}, yd = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}, Cd = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	inheritAttrs: !1,
 	__name: "GFileInput",
 	props: /*@__PURE__*/ H({
@@ -5876,7 +5906,7 @@ var Hu = {
 	}),
 	emits: /*@__PURE__*/ H(["change"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, r = U(e, "modelValue"), i = z(), { displayErrors: a } = bu({
+		let n = e, r = U(e, "modelValue"), i = z(), { displayErrors: a } = wu({
 			name: n.name,
 			value: r,
 			errors: /* @__PURE__ */ fn(n, "errors"),
@@ -5903,12 +5933,12 @@ var Hu = {
 				key: 0,
 				for: P(i),
 				class: "g-file-input-label"
-			}, [X(A(e.label) + " ", 1), e.required ? (G(), K("span", md, "*")) : Z("", !0)], 8, pd)) : Z("", !0),
+			}, [X(A(e.label) + " ", 1), e.required ? (G(), K("span", vd, "*")) : Z("", !0)], 8, _d)) : Z("", !0),
 			J("div", { class: k(["g-file-input-box", { "g-file-input-box--disabled": e.disabled }]) }, [
-				e.instructions ? (G(), K("div", hd, [J("span", {
+				e.instructions ? (G(), K("div", yd, [J("span", {
 					id: "instructions-" + P(i),
 					class: "g-file-input-instructions"
-				}, A(e.instructions), 9, gd)])) : Z("", !0),
+				}, A(e.instructions), 9, bd)])) : Z("", !0),
 				J("input", {
 					id: P(i),
 					type: "file",
@@ -5921,24 +5951,24 @@ var Hu = {
 					"aria-describedby": e.instructions ? "instructions-" + P(i) : void 0,
 					"aria-errormessage": d.value ? "error-message-" + P(i) : void 0,
 					onChange: l
-				}, null, 40, _d),
-				e.multiple && f.value.length > 0 ? (G(), K("ul", vd, [(G(!0), K(W, null, B(f.value, (e) => (G(), K("li", {
+				}, null, 40, xd),
+				e.multiple && f.value.length > 0 ? (G(), K("ul", Sd, [(G(!0), K(W, null, B(f.value, (e) => (G(), K("li", {
 					key: e,
 					class: "g-file-input-pill"
 				}, [n[0] ||= J("svg", {
 					class: "g-file-input-pill-icon",
-					role: "none presentation",
+					role: "none",
 					xmlns: "http://www.w3.org/2000/svg",
 					viewBox: "0 0 640 640"
 				}, [J("path", { d: "M192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 234.5C512 217.5 505.3 201.2 493.3 189.2L386.7 82.7C374.7 70.7 358.5 64 341.5 64L192 64zM453.5 240L360 240C346.7 240 336 229.3 336 216L336 122.5L453.5 240z" })], -1), X(" " + A(e), 1)]))), 128))])) : Z("", !0)
 			], 2),
-			Y(Su, {
+			Y(Eu, {
 				errors: u.value,
 				id: "error-message-" + P(i)
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), [["styles", [""]]]), bd = ["action", "method"], xd = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}), [["styles", [""]]]), wd = ["action", "method"], Td = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GForm",
 	props: /*@__PURE__*/ H({
 		action: {
@@ -5959,7 +5989,7 @@ var Hu = {
 	}),
 	emits: /*@__PURE__*/ H(["submit"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, r = U(e, "modelValue"), i = t, a = qn("form", null), o = a ?? (Ql() ? yu(n.formKey) : _u());
+		let n = e, r = U(e, "modelValue"), i = t, a = qn("form", null), o = a ?? (nu() ? Cu(n.formKey) : xu());
 		a || Kn("form", o), L(() => o.values.value, (e) => {
 			r.value = { ...e };
 		}, { deep: !0 }), L(() => r.value, (e) => {
@@ -5987,27 +6017,27 @@ var Hu = {
 			hasErrors: P(o).hasErrors.value,
 			values: P(o).values.value,
 			errors: P(o).errors.value
-		})], 40, bd));
+		})], 40, wd));
 	}
 }), [["styles", [""]]]);
 //#endregion
 //#region src/compose/useWebComponentSidebar.ts
-function Sd(e) {
+function Ed(e) {
 	return e.replace(/[^a-zA-Z0-9_-]/g, "-");
 }
-function Cd() {
+function Dd() {
 	let e = globalThis;
 	return e.__GRAD_VUE_WC_SIDEBAR_CHANNELS__ ||= /* @__PURE__ */ new Map(), e.__GRAD_VUE_WC_SIDEBAR_CHANNELS__;
 }
-function wd(e = "default", t) {
-	let n = Cd(), r = e || "default", i = typeof t == "string" ? t : t?.value, a = i && i.trim() ? i : "(max-width: 800px)";
+function Od(e = "default", t) {
+	let n = Dd(), r = e || "default", i = typeof t == "string" ? t : t?.value, a = i && i.trim() ? i : "(max-width: 800px)";
 	if (!n.has(r)) {
-		let e = Sd(r), t = /* @__PURE__ */ N(a);
+		let e = Ed(r), t = /* @__PURE__ */ N(a);
 		n.set(r, {
 			id: `g-wc-sidebar-${e}`,
 			open: /* @__PURE__ */ N(!1),
 			breakpoint: t,
-			isCollapsible: Oc(t, { ssrWidth: 1e3 }),
+			isCollapsible: Mc(t, { ssrWidth: 1e3 }),
 			toggle: () => void 0
 		});
 	}
@@ -6039,15 +6069,15 @@ function wd(e = "default", t) {
 }
 //#endregion
 //#region src/components/GHamburgerMenu.vue?vue&type=script&setup=true&lang.ts
-var Td = [
+var kd = [
 	"id",
 	"aria-expanded",
 	"aria-label",
 	"aria-controls"
-], Ed = {
+], Ad = {
 	key: 0,
 	class: "g-hamburger-label"
-}, Dd = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}, jd = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GHamburgerMenu",
 	props: {
 		label: {
@@ -6066,7 +6096,7 @@ var Td = [
 	},
 	emits: ["toggle"],
 	setup(e, { emit: t }) {
-		let n = e, r = qn("sidebar") ?? (Ql() ? wd(n.sidebarKey, /* @__PURE__ */ fn(n, "mediaQuery")) : void 0), i = t;
+		let n = e, r = qn("sidebar") ?? (nu() ? Od(n.sidebarKey, /* @__PURE__ */ fn(n, "mediaQuery")) : void 0), i = t;
 		function a() {
 			i("toggle"), r?.toggle();
 		}
@@ -6089,17 +6119,17 @@ var Td = [
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 51.26 51.26",
 			role: "none"
-		}, [J("g", { fill: "currentColor" }, [J("path", { d: "M11.6 16.52h28.06a3.24 3.24 0 1 0 0-6.48H11.6a3.24 3.24 0 0 0 0 6.48ZM39.66 22.07H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48ZM39.66 34.1H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48Z" })])], -1), e.labelVisible ? (G(), K("span", Ed, A(e.label), 1)) : Z("", !0)], 42, Td));
+		}, [J("g", { fill: "currentColor" }, [J("path", { d: "M11.6 16.52h28.06a3.24 3.24 0 1 0 0-6.48H11.6a3.24 3.24 0 0 0 0 6.48ZM39.66 22.07H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48ZM39.66 34.1H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48Z" })])], -1), e.labelVisible ? (G(), K("span", Ad, A(e.label), 1)) : Z("", !0)], 42, kd));
 	}
-}), [["styles", [""]]]), Od = { class: "g-history-scroller-wrapper" }, kd = {
+}), [["styles", [""]]]), Md = { class: "g-history-scroller-wrapper" }, Nd = {
 	key: 0,
 	class: "g-history-shadow g-history-shadow--top",
 	"aria-hidden": "true"
-}, Ad = {
+}, Pd = {
 	key: 1,
 	class: "g-history-shadow g-history-shadow--bottom",
 	"aria-hidden": "true"
-}, jd = ["role", "aria-label"], Md = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}, Fd = ["role", "aria-label"], Id = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GHistoryScroller",
 	props: {
 		label: { type: String },
@@ -6126,17 +6156,17 @@ var Td = [
 		}
 		Gr(() => {
 			F(o);
-		}), Bc(n, () => {
+		}), Wc(n, () => {
 			i.value && o();
-		}), Bc(r, () => {
+		}), Wc(r, () => {
 			i.value && o();
 		}), L(() => t.entries, async () => {
 			i.value && (await F(), o());
 		});
 		let c = Q(() => [...t.entries].reverse());
-		return (t, l) => (G(), K("div", Od, [
-			a.value ? Z("", !0) : (G(), K("div", kd)),
-			i.value ? Z("", !0) : (G(), K("div", Ad)),
+		return (t, l) => (G(), K("div", Md, [
+			a.value ? Z("", !0) : (G(), K("div", Nd)),
+			i.value ? Z("", !0) : (G(), K("div", Pd)),
 			J("div", {
 				ref_key: "scrollerRef",
 				ref: n,
@@ -6144,7 +6174,7 @@ var Td = [
 				role: e.label ? "log" : void 0,
 				"aria-label": e.label,
 				onScroll: s
-			}, [Y(ru, {
+			}, [Y(su, {
 				class: k(["g-scroll-to-bottom-btn", { "scroll-to-bottom-btn--hidden": i.value }]),
 				size: "small",
 				type: "button",
@@ -6171,10 +6201,10 @@ var Td = [
 				key: e.id,
 				class: "g-history-entry",
 				tabindex: "-1"
-			}, [V(t.$slots, "default", { entry: e })]))), 128))], 512)], 40, jd)
+			}, [V(t.$slots, "default", { entry: e })]))), 128))], 512)], 40, Fd)
 		]));
 	}
-}), [["styles", [""]]]), Nd = ["id"], Pd = { class: "g-modal-inner" }, Fd = { class: "g-modal-header" }, Id = ["id"], Ld = ["id"], Rd = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}), [["styles", [""]]]), Ld = ["id"], Rd = { class: "g-modal-inner" }, zd = { class: "g-modal-header" }, Bd = ["id"], Vd = ["id"], Hd = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GModal",
 	props: {
 		label: { type: String },
@@ -6194,11 +6224,11 @@ var Td = [
 	},
 	emits: ["close"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = jr("dialog"), a = /* @__PURE__ */ N(!0), o = z(), { pop: s, push: c, isTop: l, zIndex: u } = Gs(o, !0, !0), { deactivate: d, activate: f } = Xl(i, l);
+		let n = e, r = t, i = jr("dialog"), a = /* @__PURE__ */ N(!0), o = z(), { pop: s, push: c, isTop: l, zIndex: u } = Ys(o, !0, !0), { deactivate: d, activate: f } = eu(i, l);
 		function p() {
 			r("close");
 		}
-		Zl([i], l, a, p, s), Gr(() => {
+		tu([i], l, a, p, s), Gr(() => {
 			c(), f();
 		}), Wr(() => {
 			s(), d();
@@ -6224,12 +6254,12 @@ var Td = [
 				ref_key: "dialog",
 				ref: i,
 				style: { zIndex: P(u) }
-			}), [J("div", Pd, [J("div", Fd, [e.hiddenLabel ? Z("", !0) : (G(), K("h2", {
+			}), [J("div", Rd, [J("div", zd, [e.hiddenLabel ? Z("", !0) : (G(), K("h2", {
 				key: 0,
 				id: "modal-label-" + P(o),
 				class: "g-modal-label",
 				tabindex: "-1"
-			}, A(e.label), 9, Id)), J("button", {
+			}, A(e.label), 9, Bd)), J("button", {
 				class: "g-modal-close",
 				onClick: p,
 				"aria-label": "Close"
@@ -6244,21 +6274,21 @@ var Td = [
 			})], -1)]])]), J("div", {
 				id: "modal-description-" + P(o),
 				class: "g-modal-content"
-			}, [V(t.$slots, "default")], 8, Ld)])], 16, Nd)]),
+			}, [V(t.$slots, "default")], 8, Vd)])], 16, Ld)]),
 			_: 3
 		})]));
 	}
 }), [["styles", [""]]]);
 //#endregion
 //#region src/compose/useSelectDropdown.ts
-function zd(e) {
+function Ud(e) {
 	return e.map((e) => typeof e == "string" ? {
 		label: e,
 		value: e
 	} : e);
 }
-function Bd({ open: e, anchorRef: t, listboxRef: n, baseId: r, activeIndex: i }) {
-	let { push: a, pop: o, isTop: s } = Gs(r), c = /* @__PURE__ */ N("below"), l = /* @__PURE__ */ N(null), u = Q(() => {
+function Wd({ open: e, anchorRef: t, listboxRef: n, baseId: r, activeIndex: i }) {
+	let { push: a, pop: o, isTop: s } = Ys(r), c = /* @__PURE__ */ N("below"), l = /* @__PURE__ */ N(null), u = Q(() => {
 		let e = {};
 		return l.value !== null && (e.maxHeight = `${l.value}px`), c.value === "above" ? (e.top = "auto", e.bottom = "100%") : (e.top = "100%", e.bottom = "auto"), e;
 	});
@@ -6301,15 +6331,15 @@ function Bd({ open: e, anchorRef: t, listboxRef: n, baseId: r, activeIndex: i })
 }
 //#endregion
 //#region src/components/GMultiSelect.vue?vue&type=script&setup=true&lang.ts
-var Vd = ["id", "for"], Hd = {
+var Gd = ["id", "for"], Kd = {
 	key: 0,
 	class: "g-multiselect-required",
 	"aria-hidden": "true"
-}, Ud = ["id"], Wd = ["aria-labelledby"], Gd = { class: "g-multiselect-chip-label" }, Kd = [
+}, qd = ["id"], Jd = ["aria-labelledby"], Yd = { class: "g-multiselect-chip-label" }, Xd = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], qd = [
+], Zd = [
 	"id",
 	"value",
 	"placeholder",
@@ -6319,23 +6349,23 @@ var Vd = ["id", "for"], Hd = {
 	"aria-activedescendant",
 	"aria-describedby",
 	"aria-required"
-], Jd = ["id"], Yd = [
+], Qd = ["id"], $d = [
 	"id",
 	"aria-selected",
 	"onClick"
-], Xd = {
+], ef = {
 	class: "g-multiselect-option-check",
 	"aria-hidden": "true"
-}, Zd = {
+}, tf = {
 	key: 0,
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 640 640",
 	width: "1.25em"
-}, Qd = {
+}, nf = {
 	key: 1,
 	"aria-live": "polite",
 	class: "g-multiselect-option g-multiselect-no-results"
-}, $d = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}, rf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GMultiSelect",
 	props: /*@__PURE__*/ H({
 		options: { type: Array },
@@ -6366,18 +6396,18 @@ var Vd = ["id", "for"], Hd = {
 	}),
 	emits: /*@__PURE__*/ H(["change"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = U(e, "modelValue"), a = z(), o = /* @__PURE__ */ N(null), s = /* @__PURE__ */ N(null), c = /* @__PURE__ */ N(null), l = /* @__PURE__ */ N(!1), u = /* @__PURE__ */ N(0), d = /* @__PURE__ */ N(""), f = /* @__PURE__ */ N(!1), { displayErrors: p, hasErrors: m } = bu({
+		let n = e, r = t, i = U(e, "modelValue"), a = z(), o = /* @__PURE__ */ N(null), s = /* @__PURE__ */ N(null), c = /* @__PURE__ */ N(null), l = /* @__PURE__ */ N(!1), u = /* @__PURE__ */ N(0), d = /* @__PURE__ */ N(""), f = /* @__PURE__ */ N(!1), { displayErrors: p, hasErrors: m } = wu({
 			name: n.name,
 			value: i,
 			errors: /* @__PURE__ */ fn(n, "errors"),
 			formKey: n.formKey
-		}), { menuPlacement: h, menuStyle: g, isTop: _, scrollOptionIntoView: v } = Bd({
+		}), { menuPlacement: h, menuStyle: g, isTop: _, scrollOptionIntoView: v } = Wd({
 			open: l,
 			anchorRef: s,
 			listboxRef: c,
 			baseId: a,
 			activeIndex: u
-		}), y = Q(() => zd(n.options)), b = Q(() => {
+		}), y = Q(() => Ud(n.options)), b = Q(() => {
 			if (!d.value) return y.value;
 			let e = d.value.toLowerCase();
 			return y.value.filter((t) => t.label.toLowerCase().includes(e));
@@ -6472,40 +6502,41 @@ var Vd = ["id", "for"], Hd = {
 				id: oe.value,
 				for: ae.value,
 				class: "g-multiselect-label"
-			}, [X(A(e.label), 1), e.required ? (G(), K("span", Hd, " *")) : Z("", !0)], 8, Vd)),
+			}, [X(A(e.label), 1), e.required ? (G(), K("span", Kd, " *")) : Z("", !0)], 8, Gd)),
 			e.instructions ? (G(), K("div", {
 				key: 1,
 				id: se.value,
 				class: "g-multiselect-instructions"
-			}, A(e.instructions), 9, Ud)) : Z("", !0),
+			}, A(e.instructions), 9, qd)) : Z("", !0),
 			J("div", {
 				ref_key: "controlRef",
 				ref: s,
 				class: k(["g-multiselect-control", { "g-multiselect-control--disabled": e.disabled }]),
 				onClick: ee
 			}, [
-				J("ul", {
+				i.value.length ? (G(), K("ul", {
+					key: 0,
 					class: "g-multiselect-chips",
 					"aria-labelledby": oe.value
 				}, [(G(!0), K(W, null, B(i.value, (t) => (G(), K("li", {
 					key: t,
 					class: "g-multiselect-chip"
-				}, [J("span", Gd, A(S(t)), 1), J("button", {
+				}, [J("span", Yd, A(S(t)), 1), J("button", {
 					type: "button",
 					class: "g-multiselect-chip-remove",
 					"aria-label": `Remove ${S(t)}`,
 					disabled: e.disabled,
 					onMousedown: re,
-					onClick: As((e) => E(t), ["stop"])
+					onClick: Ps((e) => E(t), ["stop"])
 				}, [...n[0] ||= [J("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					viewBox: "0 0 51.26 51.26",
 					width: "1em",
-					role: "none presentation"
+					role: "none"
 				}, [J("path", {
 					fill: "currentColor",
 					d: "m37.84 32.94-7.63-7.63 7.63-7.63a3.24 3.24 0 0 0-4.58-4.58l-7.63 7.63L18 13.1a3.24 3.24 0 0 0-4.58 4.58L21 25.31l-7.62 7.63A3.24 3.24 0 1 0 18 37.52l7.63-7.63 7.63 7.63a3.24 3.24 0 0 0 4.58-4.58Z"
-				})], -1)]], 40, Kd)]))), 128))], 8, Wd),
+				})], -1)]], 40, Xd)]))), 128))], 8, Jd)) : Z("", !0),
 				J("input", Va({
 					ref_key: "inputRef",
 					ref: o,
@@ -6529,7 +6560,7 @@ var Vd = ["id", "for"], Hd = {
 					onKeydown: ie,
 					onFocus: te,
 					onBlur: O
-				}), null, 16, qd),
+				}), null, 16, Zd),
 				n[2] ||= J("svg", {
 					class: "g-multiselect-caret",
 					xmlns: "http://www.w3.org/2000/svg",
@@ -6561,27 +6592,35 @@ var Vd = ["id", "for"], Hd = {
 					"aria-selected": x(e.value) ? "true" : "false",
 					onMousedown: ne,
 					onClick: (e) => T(t)
-				}, [J("span", Xd, [x(e.value) ? (G(), K("svg", Zd, [...n[1] ||= [J("path", { d: "M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z" }, null, -1)]])) : Z("", !0)]), X(" " + A(e.label), 1)], 42, Yd))), 128)) : (G(), K("div", Qd, " No results found. "))], 16, Jd), [[Go, l.value]])
+				}, [J("span", ef, [x(e.value) ? (G(), K("svg", tf, [...n[1] ||= [J("path", { d: "M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z" }, null, -1)]])) : Z("", !0)]), X(" " + A(e.label), 1)], 42, $d))), 128)) : (G(), K("div", nf, " No results found. "))], 16, Qd), [[Go, l.value]])
 			], 2),
-			Y(Su, {
+			Y(Eu, {
 				errors: P(p),
 				id: ce.value
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), [["styles", [""]]]), ef = {
+}), [["styles", [""]]]), af = {
 	key: 0,
 	class: "g-scroll-lock-overlay"
-}, tf = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}, of = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GOverlay",
 	setup(e) {
-		let { hasScrollLock: t } = Ks();
+		let { hasScrollLock: t } = Xs();
 		return (e, n) => (G(), q(Do, { name: "g-fade" }, {
-			default: I(() => [P(t) ? (G(), K("div", ef)) : Z("", !0)]),
+			default: I(() => [P(t) ? (G(), K("div", af)) : Z("", !0)]),
 			_: 1
 		}));
 	}
-}), [["styles", [""]]]), nf = { class: "g-popover-wrap" }, rf = ["id"], af = ["aria-labelledby", "aria-label"], of = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}), [["styles", [""]]]), sf = /* @__PURE__ */ R({
+	__name: "GClientOnly",
+	setup(e) {
+		let t = /* @__PURE__ */ N(nu());
+		return Gr(() => {
+			t.value = !0;
+		}), (e, n) => t.value ? V(e.$slots, "default", { key: 0 }) : V(e.$slots, "fallback", { key: 1 });
+	}
+}), cf = { class: "g-popover-wrap" }, lf = ["id"], uf = ["aria-labelledby", "aria-label"], df = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GPopover",
 	props: {
 		minimal: {
@@ -6603,8 +6642,8 @@ var Vd = ["id", "for"], Hd = {
 		L(/* @__PURE__ */ fn(r, "modelValue"), (e) => {
 			a.value = e;
 		});
-		let o = ui(), s = Q(() => !!o.trigger), c = jr("triggerRef"), l = jr("popoverRef"), { isCustomElement: u } = $l(), d = u, f = z(), { push: p, pop: m, isTop: h, zIndex: g } = Gs(f, !0), { activate: _, deactivate: v } = Xl(l, h, !0);
-		Zl([l, c], h, a, b, m), L(a, (e) => {
+		let o = ui(), s = Q(() => !!o.trigger), c = jr("triggerRef"), l = jr("popoverRef"), { isCustomElement: u } = ru(), d = u, f = z(), { push: p, pop: m, isTop: h, zIndex: g } = Ys(f, !0), { activate: _, deactivate: v } = eu(l, h, !0);
+		tu([l, c], h, a, b, m), L(a, (e) => {
 			e ? (F(() => {
 				F(() => _());
 			}), p(), i("show")) : (v(), m(), i("hide"));
@@ -6639,7 +6678,7 @@ var Vd = ["id", "for"], Hd = {
 				}, T.value = !1, w.value = !1, C.value = { left: "50%" };
 				return;
 			}
-			let { top: i, left: a, xOffset: o, placedAbove: s, overlay: c } = Pu(n.getBoundingClientRect(), e, t, { gap: r.minimal ? 0 : 8 });
+			let { top: i, left: a, xOffset: o, placedAbove: s, overlay: c } = Ru(n.getBoundingClientRect(), e, t, { gap: r.minimal ? 0 : 8 });
 			S.value = {
 				top: i,
 				left: a
@@ -6659,66 +6698,69 @@ var Vd = ["id", "for"], Hd = {
 			show: y,
 			hide: b,
 			toggle: x
-		}), (t, n) => (G(), K("div", nf, [s.value ? (G(), K("div", {
+		}), (t, n) => (G(), K("div", cf, [s.value ? (G(), K("div", {
 			key: 0,
 			ref_key: "triggerRef",
 			ref: c,
 			class: "g-popover-trigger",
 			id: `${P(f)}-trigger`
-		}, [V(t.$slots, "trigger", { toggle: x })], 8, rf)) : Z("", !0), (G(), q(fr, {
-			to: "#modal-root",
-			disabled: P(d)
-		}, [Y(Do, {
-			name: "g-popover-expand",
-			appear: ""
-		}, {
-			default: I(() => [P(u) || a.value ? Wn((G(), K("div", {
-				key: 0,
-				ref_key: "popoverRef",
-				ref: l,
-				class: k({
-					"g-popover": !0,
-					"g-popover-above": w.value,
-					"g-popover-below": !w.value,
-					"g-popover-minimal": e.minimal
-				}),
-				role: "dialog",
-				"aria-modal": "true",
-				"aria-labelledby": s.value ? `${P(f)}-trigger` : void 0,
-				"aria-label": s.value ? void 0 : "Popover",
-				style: de({
-					top: S.value.top + "px",
-					left: S.value.left + "px",
-					zIndex: P(g)
-				})
-			}, [
-				!T.value && !e.minimal ? (G(), K("div", {
+		}, [V(t.$slots, "trigger", { toggle: x })], 8, lf)) : Z("", !0), Y(sf, null, {
+			default: I(() => [(G(), q(fr, {
+				to: "#modal-root",
+				disabled: P(d)
+			}, [Y(Do, {
+				name: "g-popover-expand",
+				appear: ""
+			}, {
+				default: I(() => [P(u) || a.value ? Wn((G(), K("div", {
 					key: 0,
-					class: k(["g-popover-arrow", { "g-popover-arrow-above": w.value }]),
-					style: de(C.value),
-					"aria-hidden": "true"
-				}, null, 6)) : Z("", !0),
-				V(t.$slots, "default"),
-				e.minimal ? Z("", !0) : (G(), K("button", {
-					key: 1,
-					class: "g-popover-close",
-					type: "button",
-					"aria-label": "Close popover",
-					onClick: b
-				}, [...n[0] ||= [J("svg", {
-					class: "g-popover-close-icon",
-					xmlns: "http://www.w3.org/2000/svg",
-					viewBox: "0 0 51.26 51.26",
-					"aria-hidden": "true"
-				}, [J("path", {
-					fill: "currentColor",
-					d: "m37.84 32.94-7.63-7.63 7.63-7.63a3.24 3.24 0 0 0-4.58-4.58l-7.63 7.63L18 13.1a3.24 3.24 0 0 0-4.58 4.58L21 25.31l-7.62 7.63A3.24 3.24 0 1 0 18 37.52l7.63-7.63 7.63 7.63a3.24 3.24 0 0 0 4.58-4.58Z"
-				})], -1)]]))
-			], 14, af)), [[Go, a.value]]) : Z("", !0)]),
+					ref_key: "popoverRef",
+					ref: l,
+					class: k({
+						"g-popover": !0,
+						"g-popover-above": w.value,
+						"g-popover-below": !w.value,
+						"g-popover-minimal": e.minimal
+					}),
+					role: "dialog",
+					"aria-modal": "true",
+					"aria-labelledby": s.value ? `${P(f)}-trigger` : void 0,
+					"aria-label": s.value ? void 0 : "Popover",
+					style: de({
+						top: S.value.top + "px",
+						left: S.value.left + "px",
+						zIndex: P(g)
+					})
+				}, [
+					!T.value && !e.minimal ? (G(), K("div", {
+						key: 0,
+						class: k(["g-popover-arrow", { "g-popover-arrow-above": w.value }]),
+						style: de(C.value),
+						"aria-hidden": "true"
+					}, null, 6)) : Z("", !0),
+					V(t.$slots, "default"),
+					e.minimal ? Z("", !0) : (G(), K("button", {
+						key: 1,
+						class: "g-popover-close",
+						type: "button",
+						"aria-label": "Close popover",
+						onClick: b
+					}, [...n[0] ||= [J("svg", {
+						class: "g-popover-close-icon",
+						xmlns: "http://www.w3.org/2000/svg",
+						viewBox: "0 0 51.26 51.26",
+						"aria-hidden": "true"
+					}, [J("path", {
+						fill: "currentColor",
+						d: "m37.84 32.94-7.63-7.63 7.63-7.63a3.24 3.24 0 0 0-4.58-4.58l-7.63 7.63L18 13.1a3.24 3.24 0 0 0-4.58 4.58L21 25.31l-7.62 7.63A3.24 3.24 0 1 0 18 37.52l7.63-7.63 7.63 7.63a3.24 3.24 0 0 0 4.58-4.58Z"
+					})], -1)]]))
+				], 14, uf)), [[Go, a.value]]) : Z("", !0)]),
+				_: 3
+			})], 8, ["disabled"]))]),
 			_: 3
-		})], 8, ["disabled"]))]));
+		})]));
 	}
-}), [["styles", [""]]]), sf = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}), [["styles", [""]]]), ff = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GTooltip",
 	props: { text: { type: String } },
 	emits: ["tooltip-hide"],
@@ -6733,12 +6775,12 @@ var Vd = ["id", "for"], Hd = {
 			return t instanceof HTMLElement ? t : null;
 		}
 		function v() {
-			g && (h || (h = o.value ? Iu("g-tooltip") : Lu(g, "g-tooltip"), o.value && g.setAttribute("aria-describedby", h)), l.value || (l.value = Ru(r.text, h), zu(l.value), f = new ResizeObserver(() => {
-				l.value && (u.value || d.value) && g && Bu(g, l.value);
+			g && (h || (h = o.value ? Bu("g-tooltip") : Vu(g, "g-tooltip"), o.value && g.setAttribute("aria-describedby", h)), l.value || (l.value = Hu(r.text, h), Uu(l.value), f = new ResizeObserver(() => {
+				l.value && (u.value || d.value) && g && Wu(g, l.value);
 			}), f.observe(l.value)));
 		}
 		function y() {
-			l.value && (u.value || d.value) && g && Bu(g, l.value);
+			l.value && (u.value || d.value) && g && Wu(g, l.value);
 		}
 		function b() {
 			u.value = !0;
@@ -6784,10 +6826,10 @@ var Vd = ["id", "for"], Hd = {
 			l.value && (l.value.textContent = e);
 		}), L(() => u.value || d.value, (e) => {
 			if (e) {
-				v(), l.value && g && Bu(g, l.value), p ||= (window.addEventListener("scroll", y, { capture: !0 }), !0);
+				v(), l.value && g && Wu(g, l.value), p ||= (window.addEventListener("scroll", y, { capture: !0 }), !0);
 				return;
 			}
-			p &&= (window.removeEventListener("scroll", y, { capture: !0 }), !1), l.value && (Vu(l.value), m && clearTimeout(m), m = window.setTimeout(() => {
+			p &&= (window.removeEventListener("scroll", y, { capture: !0 }), !1), l.value && (Gu(l.value), m && clearTimeout(m), m = window.setTimeout(() => {
 				i("tooltip-hide");
 			}, 150));
 		}), Jr(() => {
@@ -6807,21 +6849,21 @@ var Vd = ["id", "for"], Hd = {
 			class: "g-tooltip-trigger"
 		}, [V(e.$slots, "trigger")], 512)) : Z("", !0)], 512));
 	}
-}), [["styles", [""]]]), cf = ["width", "height"], lf = [
+}), [["styles", [""]]]), pf = ["width", "height"], mf = [
 	"cx",
 	"cy",
 	"r"
-], uf = [
+], hf = [
 	"cx",
 	"cy",
 	"r",
 	"stroke-dasharray",
 	"stroke-dashoffset"
-], df = [
+], gf = [
 	"cx",
 	"cy",
 	"r"
-], ff = /*#__PURE__*/ $(/* @__PURE__ */ R({
+], _f = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GProgress",
 	props: {
 		label: {
@@ -6871,7 +6913,7 @@ var Vd = ["id", "for"], Hd = {
 			r: r.value,
 			"stroke-width": 4,
 			fill: "none"
-		}, null, 8, lf), n.value ? (G(), K("circle", {
+		}, null, 8, mf), n.value ? (G(), K("circle", {
 			key: 0,
 			class: "g-progress__value",
 			cx: r.value + 4 / 2,
@@ -6885,7 +6927,7 @@ var Vd = ["id", "for"], Hd = {
 				transform: "rotate(-90deg)",
 				"transform-origin": "center"
 			}
-		}, null, 8, uf)) : (G(), K("circle", {
+		}, null, 8, hf)) : (G(), K("circle", {
 			key: 1,
 			class: "g-progress__spinner",
 			cx: r.value + 4 / 2,
@@ -6893,29 +6935,29 @@ var Vd = ["id", "for"], Hd = {
 			r: r.value,
 			"stroke-width": 4,
 			fill: "none"
-		}, null, 8, df))], 10, cf))], 16));
+		}, null, 8, gf))], 10, pf))], 16));
 	}
-}), [["styles", [""]]]), pf = ["aria-label"], mf = [
+}), [["styles", [""]]]), vf = ["aria-label"], yf = [
 	"placeholder",
 	"value",
 	"aria-expanded",
 	"aria-controls",
 	"aria-activedescendant"
-], hf = {
+], bf = {
 	key: 0,
 	class: "g-search-dropdown"
-}, gf = {
+}, xf = {
 	"aria-live": "polite",
 	class: "g-search-result-count"
-}, _f = ["id"], vf = ["aria-label"], yf = { class: "g-search-group-label" }, bf = [
+}, Sf = ["id"], Cf = ["aria-label"], wf = { class: "g-search-group-label" }, Tf = [
 	"id",
 	"onMousedown",
 	"aria-selected"
-], xf = [
+], Ef = [
 	"id",
 	"onMousedown",
 	"aria-selected"
-], Sf = /*#__PURE__*/ $(/* @__PURE__ */ R({
+], Df = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GSearch",
 	props: /*@__PURE__*/ H({
 		results: { type: Array },
@@ -6949,7 +6991,7 @@ var Vd = ["id", "for"], Hd = {
 				e && e.scrollIntoView({ block: "nearest" });
 			});
 		}
-		let { focused: p } = Wc(a);
+		let { focused: p } = Jc(a);
 		function m(e) {
 			let t = e.altKey;
 			if (e.key === "ArrowDown") {
@@ -6973,7 +7015,7 @@ var Vd = ["id", "for"], Hd = {
 		function h(e) {
 			i("select", e), n.value = "", s.value = !0, c.value = -1;
 		}
-		let g = Q(() => !!r.loading), _ = Q(() => p.value && !s.value), v = dc(() => {
+		let g = Q(() => !!r.loading), _ = Q(() => p.value && !s.value), v = hc(() => {
 			i("submit", n.value);
 		}, 300);
 		L(() => n.value, (e) => {
@@ -6986,7 +7028,7 @@ var Vd = ["id", "for"], Hd = {
 			"aria-label": r.label
 		}, [J("form", {
 			class: "g-search-form",
-			onSubmit: t[0] ||= As((e) => h(null), ["prevent"])
+			onSubmit: t[0] ||= Ps((e) => h(null), ["prevent"])
 		}, [J("input", {
 			ref_key: "inputRef",
 			ref: a,
@@ -7002,12 +7044,12 @@ var Vd = ["id", "for"], Hd = {
 			"aria-autocomplete": "list",
 			"aria-controls": `${P(y)}-list`,
 			"aria-activedescendant": c.value >= 0 ? "g-search-option-" + l.value[c.value].id : void 0
-		}, null, 40, mf), J("button", {
+		}, null, 40, yf), J("button", {
 			type: "submit",
 			class: "g-search-submit",
 			"aria-label": "Submit search",
 			onKeydown: m
-		}, [g.value ? (G(), q(ff, {
+		}, [g.value ? (G(), q(_f, {
 			key: 0,
 			size: "tiny"
 		})) : Z("", !0), t[1] ||= J("svg", {
@@ -7018,7 +7060,7 @@ var Vd = ["id", "for"], Hd = {
 		}, [J("path", {
 			fill: "currentColor",
 			d: "M30 9.76A14.05 14.05 0 1 0 28.3 31l11.3 13a3.34 3.34 0 0 0 4.72-4.72L31.44 27.86A14.05 14.05 0 0 0 30 9.76ZM27.27 27a10.26 10.26 0 1 1 0-14.5 10.25 10.25 0 0 1 0 14.5Z"
-		})], -1)], 32)], 32), _.value ? (G(), K("div", hf, [J("div", gf, [g.value ? Z("", !0) : (G(), K(W, { key: 0 }, [X(A(u.value) + " result" + A(u.value === 1 ? "" : "s"), 1)], 64))]), J("div", {
+		})], -1)], 32)], 32), _.value ? (G(), K("div", bf, [J("div", xf, [g.value ? Z("", !0) : (G(), K(W, { key: 0 }, [X(A(u.value) + " result" + A(u.value === 1 ? "" : "s"), 1)], 64))]), J("div", {
 			role: "listbox",
 			id: `${P(y)}-list`,
 			ref_key: "listboxRef",
@@ -7029,27 +7071,27 @@ var Vd = ["id", "for"], Hd = {
 			class: "g-search-group",
 			role: "group",
 			"aria-label": t.label
-		}, [V(e.$slots, "group", { group: t }, () => [J("div", yf, A(t.label), 1)]), (G(!0), K(W, null, B(t.items, (t, n) => (G(), K("div", {
+		}, [V(e.$slots, "group", { group: t }, () => [J("div", wf, A(t.label), 1)]), (G(!0), K(W, null, B(t.items, (t, n) => (G(), K("div", {
 			key: t.id,
 			id: "g-search-option-" + t.id,
 			class: k(["g-search-option", { "g-search-option-active": l.value[c.value] && l.value[c.value].id === t.id }]),
 			role: "option",
-			onMousedown: As((e) => h(t), ["prevent"]),
+			onMousedown: Ps((e) => h(t), ["prevent"]),
 			"aria-selected": l.value[c.value] && l.value[c.value].id === t.id
-		}, [V(e.$slots, "option", { option: t }, () => [X(A(t.title), 1)])], 42, bf))), 128))], 8, vf))), 128)) : u.value > 0 ? (G(!0), K(W, { key: 1 }, B(l.value, (t, n) => (G(), K("div", {
+		}, [V(e.$slots, "option", { option: t }, () => [X(A(t.title), 1)])], 42, Tf))), 128))], 8, Cf))), 128)) : u.value > 0 ? (G(!0), K(W, { key: 1 }, B(l.value, (t, n) => (G(), K("div", {
 			key: t.id,
 			id: "g-search-option-" + t.id,
 			class: k(["g-search-option", { "g-search-option-active": c.value === n }]),
 			role: "option",
-			onMousedown: As((e) => h(t), ["prevent"]),
+			onMousedown: Ps((e) => h(t), ["prevent"]),
 			"aria-selected": c.value === n
-		}, [V(e.$slots, "option", { option: t }, () => [X(A(t.title), 1)])], 42, xf))), 128)) : Z("", !0)], 8, _f)])) : Z("", !0)], 8, pf));
+		}, [V(e.$slots, "option", { option: t }, () => [X(A(t.title), 1)])], 42, Ef))), 128)) : Z("", !0)], 8, Sf)])) : Z("", !0)], 8, vf));
 	}
-}), [["styles", [""]]]), Cf = ["id"], wf = {
+}), [["styles", [""]]]), Of = ["id"], kf = {
 	key: 0,
 	class: "g-select-required",
 	"aria-hidden": "true"
-}, Tf = { class: "g-select-input-wrap" }, Ef = ["id"], Df = [
+}, Af = { class: "g-select-input-wrap" }, jf = ["id"], Mf = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -7057,21 +7099,21 @@ var Vd = ["id", "for"], Hd = {
 	"aria-expanded",
 	"aria-required",
 	"aria-activedescendant"
-], Of = [
+], Nf = [
 	"id",
 	"aria-controls",
 	"aria-expanded",
 	"aria-required",
 	"aria-activedescendant"
-], kf = ["id"], Af = [
+], Pf = ["id"], Ff = [
 	"id",
 	"aria-selected",
 	"onClick"
-], jf = {
+], If = {
 	key: 1,
 	"aria-live": "polite",
 	class: "g-select-combo-option g-select-option g-select-no-results"
-}, Mf = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}, Lf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GSelect",
 	props: /*@__PURE__*/ H({
 		options: { type: Array },
@@ -7107,18 +7149,18 @@ var Vd = ["id", "for"], Hd = {
 	}),
 	emits: /*@__PURE__*/ H(["change"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = U(e, "modelValue"), a = z(), o = /* @__PURE__ */ N(null), s = /* @__PURE__ */ N(null), c = /* @__PURE__ */ N(null), l = /* @__PURE__ */ N(!1), u = /* @__PURE__ */ N(0), d = /* @__PURE__ */ N(!1), f = /* @__PURE__ */ N(!1), { displayErrors: p, hasErrors: m } = bu({
+		let n = e, r = t, i = U(e, "modelValue"), a = z(), o = /* @__PURE__ */ N(null), s = /* @__PURE__ */ N(null), c = /* @__PURE__ */ N(null), l = /* @__PURE__ */ N(!1), u = /* @__PURE__ */ N(0), d = /* @__PURE__ */ N(!1), f = /* @__PURE__ */ N(!1), { displayErrors: p, hasErrors: m } = wu({
 			name: n.name,
 			value: i,
 			errors: /* @__PURE__ */ fn(n, "errors"),
 			formKey: n.formKey
-		}), { menuPlacement: h, menuStyle: g, isTop: _, scrollOptionIntoView: v } = Bd({
+		}), { menuPlacement: h, menuStyle: g, isTop: _, scrollOptionIntoView: v } = Wd({
 			open: l,
 			anchorRef: o,
 			listboxRef: s,
 			baseId: a,
 			activeIndex: u
-		}), y = Q(() => zd(n.options)), b = /* @__PURE__ */ N(""), x = Q(() => {
+		}), y = Q(() => Ud(n.options)), b = /* @__PURE__ */ N(""), x = Q(() => {
 			if (!n.searchable || !l.value || !b.value) return y.value;
 			let e = b.value.toLowerCase();
 			return y.value.filter((t) => t.label.toLowerCase().includes(e));
@@ -7226,8 +7268,8 @@ var Vd = ["id", "for"], Hd = {
 				key: 0,
 				id: P(a) + "-label",
 				class: "g-select-combo-label g-select-label"
-			}, [X(A(n.label), 1), n.required ? (G(), K("span", wf, " *")) : Z("", !0)], 8, Cf)),
-			J("div", Tf, [n.searchable ? (G(), K("div", {
+			}, [X(A(n.label), 1), n.required ? (G(), K("span", kf, " *")) : Z("", !0)], 8, Of)),
+			J("div", Af, [n.searchable ? (G(), K("div", {
 				key: 0,
 				class: "g-select-combo-input g-select-control",
 				id: P(a)
@@ -7254,7 +7296,7 @@ var Vd = ["id", "for"], Hd = {
 				}, e.hiddenLabel ? { "aria-label": n.label } : { "aria-labelledby": P(a) + "-label" }, {
 					role: "combobox",
 					autocomplete: "off"
-				}), null, 16, Df),
+				}), null, 16, Mf),
 				ie.value ? (G(), K("button", {
 					key: 0,
 					type: "button",
@@ -7280,7 +7322,7 @@ var Vd = ["id", "for"], Hd = {
 					fill: "currentColor",
 					d: "M38.75 24.13a1.36 1.36 0 0 1 0 2.36l-12.44 7.18-12.43 7.18a1.36 1.36 0 0 1-2.05-1.18V11a1.36 1.36 0 0 1 2.05-1.18L26.31 17Z"
 				})], -1)
-			], 8, Ef)) : (G(), K("div", Va({
+			], 8, jf)) : (G(), K("div", Va({
 				key: 1,
 				ref_key: "comboRef",
 				ref: o,
@@ -7304,7 +7346,7 @@ var Vd = ["id", "for"], Hd = {
 					key: 0,
 					type: "button",
 					class: "g-select-clear-btn",
-					onClick: As(ae, ["stop"])
+					onClick: Ps(ae, ["stop"])
 				}, [...r[2] ||= [J("svg", {
 					role: "img",
 					"aria-label": "Clear Selection",
@@ -7325,7 +7367,7 @@ var Vd = ["id", "for"], Hd = {
 					fill: "currentColor",
 					d: "M38.75 24.13a1.36 1.36 0 0 1 0 2.36l-12.44 7.18-12.43 7.18a1.36 1.36 0 0 1-2.05-1.18V11a1.36 1.36 0 0 1 2.05-1.18L26.31 17Z"
 				})], -1)
-			], 16, Of)), Wn(J("div", Va({
+			], 16, Nf)), Wn(J("div", Va({
 				ref_key: "listboxRef",
 				ref: s,
 				class: ["g-select-combo-menu g-select-list", { "g-select-combo-menu--above": P(h) === "above" }],
@@ -7347,18 +7389,18 @@ var Vd = ["id", "for"], Hd = {
 				option: e,
 				selected: e.value === i.value,
 				index: n
-			}, () => [X(A(e.label), 1)])], 42, Af))), 128)) : (G(), K("div", jf, " No results found. "))], 16, kf), [[Go, l.value]])]),
-			Y(Su, {
+			}, () => [X(A(e.label), 1)])], 42, Ff))), 128)) : (G(), K("div", If, " No results found. "))], 16, Pf), [[Go, l.value]])]),
+			Y(Eu, {
 				errors: P(p),
 				id: "error-message-" + P(a)
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), [["styles", [""]]]), Nf = ["disabled"], Pf = { class: "g-select-btn-legend" }, Ff = {
+}), [["styles", [""]]]), Rf = ["disabled"], zf = { class: "g-select-btn-legend" }, Bf = {
 	key: 0,
 	class: "g-select-btn-required",
 	"aria-hidden": "true"
-}, If = { class: "g-select-btn-row" }, Lf = [
+}, Vf = { class: "g-select-btn-row" }, Hf = [
 	"id",
 	"name",
 	"value",
@@ -7366,7 +7408,7 @@ var Vd = ["id", "for"], Hd = {
 	"disabled",
 	"required",
 	"onChange"
-], Rf = ["for"], zf = /*#__PURE__*/ $(/* @__PURE__ */ R({
+], Uf = ["for"], Wf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GSelectButton",
 	props: /*@__PURE__*/ H({
 		options: { type: Array },
@@ -7401,7 +7443,7 @@ var Vd = ["id", "for"], Hd = {
 	}),
 	emits: /*@__PURE__*/ H(["change"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = U(e, "modelValue"), a = z(), { displayErrors: o, hasErrors: s } = bu({
+		let n = e, r = t, i = U(e, "modelValue"), a = z(), { displayErrors: o, hasErrors: s } = wu({
 			name: n.name,
 			value: i,
 			errors: /* @__PURE__ */ fn(n, "errors"),
@@ -7420,7 +7462,7 @@ var Vd = ["id", "for"], Hd = {
 		return (e, t) => (G(), K("fieldset", {
 			class: k(l.value),
 			disabled: n.disabled
-		}, [J("legend", Pf, [X(A(n.label), 1), n.required ? (G(), K("span", Ff, " *")) : Z("", !0)]), J("div", { class: k(["g-select-btn-wrapper", { "g-select-btn-has-error": P(s) }]) }, [J("div", If, [(G(!0), K(W, null, B(c.value, (e, t) => (G(), K(W, { key: e.value }, [J("input", {
+		}, [J("legend", zf, [X(A(n.label), 1), n.required ? (G(), K("span", Bf, " *")) : Z("", !0)]), J("div", { class: k(["g-select-btn-wrapper", { "g-select-btn-has-error": P(s) }]) }, [J("div", Vf, [(G(!0), K(W, null, B(c.value, (e, t) => (G(), K(W, { key: e.value }, [J("input", {
 			class: "g-select-btn-radio",
 			type: "radio",
 			id: `${P(a)}-${e.value}`,
@@ -7430,19 +7472,19 @@ var Vd = ["id", "for"], Hd = {
 			disabled: n.disabled,
 			required: n.required && t === 0,
 			onChange: (t) => d(e.value)
-		}, null, 40, Lf), J("label", {
+		}, null, 40, Hf), J("label", {
 			for: `${P(a)}-${e.value}`,
 			class: k(u(e.value === i.value))
-		}, A(e.label), 11, Rf)], 64))), 128))]), Y(Su, {
+		}, A(e.label), 11, Uf)], 64))), 128))]), Y(Eu, {
 			errors: P(o),
 			id: "error-message-" + P(a)
-		}, null, 8, ["errors", "id"])], 2)], 10, Nf));
+		}, null, 8, ["errors", "id"])], 2)], 10, Rf));
 	}
 }), [["styles", [""]]]);
 //#endregion
 //#region src/compose/useScrollRestore.ts
-function Bf(e, t) {
-	let n = t ? Gc(`${t}:scroll`, 0, { writeDefaults: !1 }) : null, r = /* @__PURE__ */ N(!!(n?.value && n.value > 0)), i = null, a = null, o = null, s = !1;
+function Gf(e, t) {
+	let n = t ? Yc(`${t}:scroll`, 0, { writeDefaults: !1 }) : null, r = /* @__PURE__ */ N(!!(n?.value && n.value > 0)), i = null, a = null, o = null, s = !1;
 	function c(e) {
 		let t = window.getComputedStyle(e);
 		return t.overflowY === "auto" || t.overflowY === "scroll";
@@ -7524,7 +7566,7 @@ function Bf(e, t) {
 }
 //#endregion
 //#region src/components/GSidebar.vue?vue&type=script&setup=true&lang.ts
-var Vf = ["id"], Hf = /*#__PURE__*/ $(/* @__PURE__ */ R({
+var Kf = ["id"], qf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GSidebar",
 	props: {
 		backgroundColor: {
@@ -7559,7 +7601,7 @@ var Vf = ["id"], Hf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 		storageKey: { type: String }
 	},
 	setup(e) {
-		let t = e, n = qn("sidebar", () => void 0, !0) ?? (Ql() ? wd(t.sidebarKey, /* @__PURE__ */ fn(t, "mediaQuery")) : void 0), r = Q(() => t.backgroundImage ? t.backgroundImage : t.theme === "light" ? "none" : "url('https://gradcdn.blob.core.windows.net/public/sidebar-bg2.jpg')"), i = Q(() => t.backgroundColor ? t.backgroundColor : t.theme === "light" ? "#f9f9f9" : "#030913"), a = Q(() => t.topOffsetVar ? `var(${t.topOffsetVar})` : t.topOffset ? t.topOffset : "var(--g-toolbar-height)"), o = z(), { isPendingScrollRestore: s } = Bf(jr("sidebar-ref"), t.storageKey);
+		let t = e, n = qn("sidebar", () => void 0, !0) ?? (nu() ? Od(t.sidebarKey, /* @__PURE__ */ fn(t, "mediaQuery")) : void 0), r = Q(() => t.backgroundImage ? t.backgroundImage : t.theme === "light" ? "none" : "url('https://gradcdn.blob.core.windows.net/public/sidebar-bg2.jpg')"), i = Q(() => t.backgroundColor ? t.backgroundColor : t.theme === "light" ? "#f9f9f9" : "#030913"), a = Q(() => t.topOffsetVar ? `var(${t.topOffsetVar})` : t.topOffset ? t.topOffset : "var(--g-toolbar-height)"), o = z(), { isPendingScrollRestore: s } = Gf(jr("sidebar-ref"), t.storageKey);
 		function c(e) {
 			e.key === "Escape" && n?.isCollapsible?.value && n?.open?.value && (n.open.value = !1, document.getElementById(`${n.id}-hamburger`)?.focus());
 		}
@@ -7580,13 +7622,13 @@ var Vf = ["id"], Hf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 				width: "var(--g-sidebar-width)"
 			}),
 			onKeydown: c
-		}, [V(t.$slots, "default")], 46, Vf));
+		}, [V(t.$slots, "default")], 46, Kf));
 	}
-}), [["styles", [""]]]), Uf = ["id"], Wf = { class: "g-sidebar-menu__list" }, Gf = [
+}), [["styles", [""]]]), Jf = ["id"], Yf = { class: "g-sidebar-menu__list" }, Xf = [
 	"href",
 	"aria-current",
 	"onClick"
-], Kf = /*#__PURE__*/ $(/* @__PURE__ */ R({
+], Zf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GSidebarMenu",
 	props: /*@__PURE__*/ H({
 		heading: { type: String },
@@ -7640,13 +7682,13 @@ var Vf = ["id"], Hf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 				key: 0,
 				id: P(c),
 				class: "g-sidebar-menu__title"
-			}, A(e.heading), 9, Uf)) : Z("", !0),
+			}, A(e.heading), 9, Jf)) : Z("", !0),
 			a[0] ||= J("div", { class: "g-sidebar-menu__divider" }, null, -1),
 			J("div", {
 				class: "g-sidebar-menu__content",
 				ref_key: "content",
 				ref: i
-			}, [J("ul", Wf, [(G(!0), K(W, null, B(e.items, (e) => (G(), K("li", {
+			}, [J("ul", Yf, [(G(!0), K(W, null, B(e.items, (e) => (G(), K("li", {
 				key: e.href || e.to,
 				class: "g-sidebar-menu__item",
 				ref_for: !0,
@@ -7664,10 +7706,10 @@ var Vf = ["id"], Hf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 				href: e.href || e.to || "#",
 				"aria-current": r.value === (e.href || "") ? "location" : void 0,
 				onClick: (t) => s(t, e)
-			}, A(e.label), 11, Gf))]))), 128))])], 512)
+			}, A(e.label), 11, Xf))]))), 128))])], 512)
 		], 16));
 	}
-}), [["styles", [""]]]), qf = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}), [["styles", [""]]]), Qf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GSubmitButton",
 	props: {
 		disabled: {
@@ -7688,8 +7730,8 @@ var Vf = ["id"], Hf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 		}
 	},
 	setup(e) {
-		let t = e, n = di(), r = typeof n["form-key"] == "string" ? n["form-key"] : void 0, i = t.formKey || r || "default", a = qn("form", null) ?? (Ql() ? yu(i) : null), o = Q(() => t.disabled || (a?.isSubmitting.value ?? !1)), s = Q(() => a?.isSubmitting.value ?? !1);
-		return (e, n) => (G(), q(ru, {
+		let t = e, n = di(), r = typeof n["form-key"] == "string" ? n["form-key"] : void 0, i = t.formKey || r || "default", a = qn("form", null) ?? (nu() ? Cu(i) : null), o = Q(() => t.disabled || (a?.isSubmitting.value ?? !1)), s = Q(() => a?.isSubmitting.value ?? !1);
+		return (e, n) => (G(), q(su, {
 			type: "submit",
 			disabled: o.value,
 			variant: t.variant,
@@ -7699,44 +7741,45 @@ var Vf = ["id"], Hf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 			_: 3
 		}, 8, ["disabled", "variant"]));
 	}
-}), [["styles", [""]]]), Jf = {
+}), [["styles", [""]]]), $f = {
 	ref: "tableBodyRef",
 	class: "efficient-table-body"
-}, Yf = ["aria-rowindex"], Xf = {
+}, ep = ["aria-rowindex"], tp = {
 	key: 0,
 	class: "table-group-checkbox"
-}, Zf = ["colspan"], Qf = [
+}, np = ["colspan"], rp = [
 	"aria-rowindex",
 	"onMousedown",
 	"onClick"
-], $f = [
+], ip = [
 	"checked",
 	"onClick",
 	"aria-label",
 	"name"
-], ep = ["id"], tp = {
+], ap = ["id"], op = {
 	key: 0,
 	class: "editable-cell"
-}, np = {
+}, sp = {
 	key: 0,
 	class: "cell-prefix"
-}, rp = [
+}, cp = [
 	"value",
 	"onChange",
 	"aria-labelledby",
 	"aria-invalid",
+	"aria-errormessage",
 	"name"
-], ip = ["value"], ap = [
+], lp = ["value"], up = [
 	"value",
 	"onInput",
 	"aria-labelledby",
 	"aria-invalid",
 	"aria-errormessage",
 	"name"
-], op = {
+], dp = {
 	key: 3,
 	class: "cell-suffix"
-}, sp = ["id"], cp = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}, fp = ["id"], pp = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GTableBody",
 	props: {
 		data: { type: Array },
@@ -7805,13 +7848,13 @@ var Vf = ["id"], Hf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 		function m(e, t) {
 			if (n.changeTracker) return n.changeTracker.getError(e.key, t.key);
 		}
-		return (t, n) => (G(), K("tbody", Jf, [(G(!0), K(W, null, B(e.data, (t, r) => (G(), K(W, { key: t.key }, [e.groupBy && (r === 0 || t[e.groupBy] !== e.data[r - 1][e.groupBy]) ? (G(), K("tr", {
+		return (t, n) => (G(), K("tbody", $f, [(G(!0), K(W, null, B(e.data, (t, r) => (G(), K(W, { key: t.key }, [e.groupBy && (r === 0 || t[e.groupBy] !== e.data[r - 1][e.groupBy]) ? (G(), K("tr", {
 			key: 0,
 			"aria-rowindex": e.startIndex + r + 2
-		}, [e.bulkSelectionEnabled ? (G(), K("td", Xf)) : Z("", !0), J("td", {
+		}, [e.bulkSelectionEnabled ? (G(), K("td", tp)) : Z("", !0), J("td", {
 			colspan: e.columns.length,
 			class: "table-group-row"
-		}, [e.groupRender ? (G(), q(ni(e.groupRender(t[e.groupBy], t)), { key: 0 })) : (G(), K(W, { key: 1 }, [X(A(t[e.groupBy]), 1)], 64))], 8, Zf)], 8, Yf)) : Z("", !0), J("tr", {
+		}, [e.groupRender ? (G(), q(ni(e.groupRender(t[e.groupBy], t)), { key: 0 })) : (G(), K(W, { key: 1 }, [X(A(t[e.groupBy]), 1)], 64))], 8, np)], 8, ep)) : Z("", !0), J("tr", {
 			class: k([
 				"efficient-table-row",
 				{
@@ -7826,7 +7869,7 @@ var Vf = ["id"], Hf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 		}, [e.bulkSelectionEnabled ? (G(), K("td", {
 			key: 0,
 			class: "td-checkbox",
-			onClick: n[0] ||= As(() => {}, ["stop"])
+			onClick: n[0] ||= Ps(() => {}, ["stop"])
 		}, [J("input", {
 			type: "checkbox",
 			checked: o(t.key),
@@ -7834,7 +7877,7 @@ var Vf = ["id"], Hf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 			"aria-label": `Select row ${t.key}`,
 			name: `row-${t.key}-checkbox`,
 			class: "g-bulk-select-checkbox"
-		}, null, 8, $f)])) : Z("", !0), (G(!0), K(W, null, B(e.columns, (n) => (G(), K("td", {
+		}, null, 8, ip)])) : Z("", !0), (G(!0), K(W, null, B(e.columns, (n) => (G(), K("td", {
 			key: n.key,
 			id: d(n) ? `${e.tableId}-td-${t.key}-${String(n.key)}` : void 0,
 			class: k([
@@ -7843,20 +7886,21 @@ var Vf = ["id"], Hf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 				p(t, n) ? "g-cell-error" : "",
 				typeof n.tdClass == "function" ? n.tdClass(t) : n.tdClass
 			])
-		}, [n.editable ? (G(), K("div", tp, [
-			n.editable.prefix ? (G(), K("span", np, A(n.editable.prefix), 1)) : Z("", !0),
+		}, [n.editable ? (G(), K("div", op, [
+			n.editable.prefix ? (G(), K("span", sp, A(n.editable.prefix), 1)) : Z("", !0),
 			n.editable.type === "select" ? (G(), K("select", {
 				key: 1,
 				value: t[n.key],
 				onChange: (e) => c(e, t, n),
 				"aria-labelledby": l(t, n),
 				"aria-invalid": p(t, n),
+				"aria-errormessage": p(t, n) ? `${e.tableId}-error-${t.key}-${String(n.key)}` : void 0,
 				name: `row-${t.key}-${String(n.key)}-select`,
 				class: "editable-input editable-select"
 			}, [(G(!0), K(W, null, B(n.editable.options, (e) => (G(), K("option", {
 				key: e.value,
 				value: e.value
-			}, A(e.label), 9, ip))), 128))], 40, rp)) : (G(), K("input", Va({
+			}, A(e.label), 9, lp))), 128))], 40, cp)) : (G(), K("input", Va({
 				key: 2,
 				value: t[n.key]
 			}, { ref_for: !0 }, n.editable.inputAttributes, {
@@ -7870,29 +7914,29 @@ var Vf = ["id"], Hf = /*#__PURE__*/ $(/* @__PURE__ */ R({
 					paddingLeft: n.editable.prefix ? "1.5rem" : void 0,
 					paddingRight: n.editable.suffix ? "2rem" : void 0
 				}
-			}), null, 16, ap)),
-			n.editable.suffix ? (G(), K("span", op, A(n.editable.suffix), 1)) : Z("", !0)
+			}), null, 16, up)),
+			n.editable.suffix ? (G(), K("span", dp, A(n.editable.suffix), 1)) : Z("", !0)
 		])) : n.display ? (G(), q(ni(n.display(t)), { key: 1 })) : (G(), K(W, { key: 2 }, [X(A(t[n.key]), 1)], 64)), p(t, n) ? (G(), K("div", {
 			key: 3,
 			role: "alert",
 			class: "g-cell-error-message",
 			id: `${e.tableId}-error-${t.key}-${String(n.key)}`
-		}, A(m(t, n)), 9, sp)) : Z("", !0)], 10, ep))), 128))], 42, Qf)], 64))), 128))], 512));
+		}, A(m(t, n)), 9, fp)) : Z("", !0)], 10, ap))), 128))], 42, rp)], 64))), 128))], 512));
 	}
 }), [["styles", [""]]]);
 //#endregion
 //#region src/compose/useFiltering.ts
-function lp(e) {
+function mp(e) {
 	if (!(Array.isArray(e) && e.length === 0) && !(e === null || e === !1 || e === "")) return e;
 }
-function up(e) {
+function hp(e) {
 	let t = {};
 	return Object.keys(e).forEach((n) => {
 		let r = e[n];
 		r != null && r !== "" && r !== !1 && (Array.isArray(r) ? r.length > 0 && (t[n] = r.map((e) => String(e))) : t[n] = String(r));
 	}), t;
 }
-function dp(e, t = {}) {
+function gp(e, t = {}) {
 	let n = /* @__PURE__ */ Ht(Object.fromEntries(Object.entries(e).map(([e, t]) => [e, t]))), r = t.syncWith;
 	if (r) {
 		if (r.value) {
@@ -7905,13 +7949,13 @@ function dp(e, t = {}) {
 			});
 		}
 		L(n, (e) => {
-			r.value = up(e);
+			r.value = hp(e);
 		}, { deep: !0 });
 	}
 	return {
 		filters: n,
 		isFiltered: Q(() => {
-			for (let t of Object.keys(e)) if (lp(n[t])) return !0;
+			for (let t of Object.keys(e)) if (mp(n[t])) return !0;
 			return !1;
 		}),
 		clearFilters: () => {
@@ -7921,48 +7965,56 @@ function dp(e, t = {}) {
 		},
 		filteredColumns: Q(() => {
 			let t = {};
-			for (let r of Object.keys(e)) t[r] = !!lp(n[r]);
+			for (let r of Object.keys(e)) t[r] = !!mp(n[r]);
 			return t;
 		})
 	};
 }
 //#endregion
 //#region src/components/GTable.vue?vue&type=script&setup=true&lang.ts
-var fp = { class: "g-table-outer-wrap" }, pp = {
+var _p = { class: "g-table-outer-wrap" }, vp = {
 	key: 0,
 	class: "g-table-controls"
-}, mp = { class: "g-clear-filters-wrap" }, hp = {
+}, yp = { class: "g-clear-filters-wrap" }, bp = {
 	key: 0,
 	class: "pagination"
-}, gp = { class: "g-result-count" }, _p = ["aria-label", "aria-rowcount"], vp = { class: "g-table-head" }, yp = { "aria-rowindex": "1" }, bp = {
+}, xp = { class: "g-result-count" }, Sp = ["aria-label", "aria-rowcount"], Cp = { class: "g-table-head" }, wp = { "aria-rowindex": "1" }, Tp = {
 	key: 0,
 	scope: "col",
 	class: "g-th g-th-checkbox"
-}, xp = [
+}, Ep = [
 	"checked",
 	"indeterminate",
 	"aria-label"
-], Sp = ["id", "aria-sort"], Cp = { class: "th-inner" }, wp = ["onClick"], Tp = {
+], Dp = ["id", "aria-sort"], Op = { class: "th-inner" }, kp = ["onClick"], Ap = {
 	key: 0,
 	class: "sort-indicator"
-}, Ep = ["aria-label"], Dp = {
+}, jp = ["aria-label"], Mp = {
 	key: 1,
 	class: "g-column-head"
-}, Op = ["onClick", "aria-label"], kp = { key: 1 }, Ap = { class: "g-filter-toggle" }, jp = [
+}, Np = ["onClick", "aria-label"], Pp = {
+	key: 1,
+	class: "g-filter-search",
+	role: "search"
+}, Fp = [
+	"onUpdate:modelValue",
+	"placeholder",
+	"aria-label"
+], Ip = { key: 2 }, Lp = { class: "g-filter-toggle" }, Rp = [
 	"onUpdate:modelValue",
 	"id",
 	"aria-describedby"
-], Mp = ["for"], Np = ["id"], Pp = {
-	key: 3,
+], zp = ["for"], Bp = ["id"], Vp = {
+	key: 4,
 	class: "g-multi-select"
-}, Fp = [
+}, Hp = [
 	"onUpdate:modelValue",
 	"id",
 	"value"
-], Ip = ["for"], Lp = {
+], Up = ["for"], Wp = {
 	key: 1,
 	class: "g-bulk-actions-toolbar"
-}, Rp = { class: "g-selected-count" }, zp = { class: "g-bulk-actions" }, Bp = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}, Gp = { class: "g-selected-count" }, Kp = { class: "g-bulk-actions" }, qp = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GTable",
 	props: /*@__PURE__*/ H({
 		label: { type: String },
@@ -8014,7 +8066,7 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 			e.sortable && (n.value === e.key ? r.value === 1 ? r.value = -1 : r.value === -1 && (n.value = void 0, r.value = 1) : (n.value = e.key, r.value = 1));
 		}
 		let l = o.filtering;
-		l ||= dp({});
+		l ||= gp({});
 		let { filters: u, filteredColumns: d, isFiltered: f, clearFilters: p } = l, m = Q(() => o.data.map((e) => e.key)), h = Q(() => a.value.filter((e) => m.value.includes(e))), g = Q(() => !o.bulkSelectionEnabled || o.data.length === 0 ? !1 : h.value.length === m.value.length), _ = Q(() => !o.bulkSelectionEnabled || o.data.length === 0 ? !1 : h.value.length > 0 && h.value.length < m.value.length), v = /* @__PURE__ */ N(null);
 		function y() {
 			if (g.value) a.value = a.value.filter((e) => !m.value.includes(e));
@@ -8060,9 +8112,9 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 				let e = i.value[t.key];
 				i.value[t.key] = e ? [e] : [];
 			}
-		}, { immediate: !0 }), (t, s) => (G(), K("div", fp, [
-			ee.value ? (G(), K("div", pp, [
-				J("div", mp, [P(f) ? (G(), q(ru, {
+		}, { immediate: !0 }), (t, s) => (G(), K("div", _p, [
+			ee.value ? (G(), K("div", vp, [
+				J("div", yp, [P(f) ? (G(), q(su, {
 					key: 0,
 					outlined: "",
 					size: "small",
@@ -8080,22 +8132,22 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 					})], -1), J("span", { class: "g-clear-filters-text" }, " Clear Filters ", -1)]]),
 					_: 1
 				}, 8, ["onClick"])) : Z("", !0)]),
-				E.value ? (G(), K("div", hp, [V(t.$slots, "pagination")])) : Z("", !0),
-				J("span", gp, A(o.resultCount || e.data.length) + " results", 1)
+				E.value ? (G(), K("div", bp, [V(t.$slots, "pagination")])) : Z("", !0),
+				J("span", xp, A(o.resultCount || e.data.length) + " results", 1)
 			])) : Z("", !0),
 			J("table", {
 				class: "g-table",
 				ref: "tableRef",
 				"aria-label": e.label,
 				"aria-rowcount": o.resultCount || e.data.length
-			}, [J("thead", vp, [J("tr", yp, [e.bulkSelectionEnabled ? (G(), K("th", bp, [J("input", {
+			}, [J("thead", Cp, [J("tr", wp, [e.bulkSelectionEnabled ? (G(), K("th", Tp, [J("input", {
 				type: "checkbox",
 				checked: g.value,
 				indeterminate: _.value,
 				onChange: y,
 				"aria-label": g.value ? "Deselect all rows" : "Select all rows",
 				class: "g-bulk-select-checkbox"
-			}, null, 40, xp)])) : Z("", !0), (G(!0), K(W, null, B(e.columns, (e) => (G(), K("th", {
+			}, null, 40, Ep)])) : Z("", !0), (G(!0), K(W, null, B(e.columns, (e) => (G(), K("th", {
 				key: e.key,
 				id: `${P(w)}-th-${String(e.key)}`,
 				"aria-sort": n.value === e.key ? r.value === 1 ? "ascending" : "descending" : "none",
@@ -8105,12 +8157,12 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 					{ filtered: P(d)[e.key] }
 				]),
 				scope: "col"
-			}, [J("div", Cp, [e.sortable ? (G(), K("button", {
+			}, [J("div", Op, [e.sortable ? (G(), K("button", {
 				key: 0,
 				type: "button",
 				class: "g-column-head",
 				onClick: (t) => c(e)
-			}, [X(A(e.label) + " ", 1), n.value === e.key ? (G(), K("span", Tp, [(G(), K("svg", {
+			}, [X(A(e.label) + " ", 1), n.value === e.key ? (G(), K("span", Ap, [(G(), K("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				viewBox: "0 0 640 640",
 				height: "1.5em",
@@ -8120,9 +8172,9 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 			}, [...s[1] ||= [J("path", {
 				fill: "currentColor",
 				d: "M300.3 199.2C312.9 188.9 331.4 189.7 343.1 201.4L471.1 329.4C480.3 338.6 483 352.3 478 364.3C473 376.3 461.4 384 448.5 384L192.5 384C179.6 384 167.9 376.2 162.9 364.2C157.9 352.2 160.7 338.5 169.9 329.4L297.9 201.4L300.3 199.2z"
-			}, null, -1)]], 12, Ep))])) : Z("", !0)], 8, wp)) : (G(), K("span", Dp, A(e.label), 1)), e.filter ? (G(), q(of, { key: 2 }, {
+			}, null, -1)]], 12, jp))])) : Z("", !0)], 8, kp)) : (G(), K("span", Mp, A(e.label), 1)), e.filter ? (G(), q(df, { key: 2 }, {
 				trigger: I(({ toggle: t }) => [J("button", {
-					onClick: As(t, ["stop"]),
+					onClick: Ps(t, ["stop"]),
 					"aria-label": P(d)[e.key] ? "Column Filtered" : "Filter Column",
 					class: k(["g-filter-btn", { "g-active": P(d)[e.key] }]),
 					type: "button"
@@ -8134,8 +8186,8 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 				}, [J("path", {
 					fill: "currentColor",
 					d: "M96 128C83.1 128 71.4 135.8 66.4 147.8C61.4 159.8 64.2 173.5 73.4 182.6L256 365.3L256 480C256 488.5 259.4 496.6 265.4 502.6L329.4 566.6C338.6 575.8 352.3 578.5 364.3 573.5C376.3 568.5 384 556.9 384 544L384 365.3L566.6 182.7C575.8 173.5 578.5 159.8 573.5 147.8C568.5 135.8 556.9 128 544 128L96 128z"
-				})], -1)]], 10, Op)]),
-				default: I(() => [e.filter.type === "select" ? (G(), q(Mf, {
+				})], -1)]], 10, Np)]),
+				default: I(() => [e.filter.type === "select" ? (G(), q(Lf, {
 					key: 0,
 					modelValue: i.value[e.key],
 					"onUpdate:modelValue": (t) => i.value[e.key] = t,
@@ -8148,21 +8200,37 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 					"modelValue",
 					"onUpdate:modelValue",
 					"options"
-				])) : e.filter.type === "toggle" ? (G(), K("div", kp, [J("div", Ap, [
+				])) : e.filter.type === "search" ? (G(), K("div", Pp, [s[3] ||= J("span", {
+					class: "g-filter-search-icon",
+					"aria-hidden": "true"
+				}, [J("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					viewBox: "0 0 51.26 51.26",
+					height: "1em"
+				}, [J("path", {
+					fill: "currentColor",
+					d: "M30 9.76A14.05 14.05 0 1 0 28.3 31l11.3 13a3.34 3.34 0 0 0 4.72-4.72L31.44 27.86A14.05 14.05 0 0 0 30 9.76ZM27.27 27a10.26 10.26 0 1 1 0-14.5 10.25 10.25 0 0 1 0 14.5Z"
+				})])], -1), Wn(J("input", {
+					type: "search",
+					class: "g-filter-search-input",
+					"onUpdate:modelValue": (t) => i.value[e.key] = t,
+					placeholder: e.filter.placeholder,
+					"aria-label": `Search ${e.label}`
+				}, null, 8, Fp), [[Ds, i.value[e.key]]])])) : e.filter.type === "toggle" ? (G(), K("div", Ip, [J("div", Lp, [
 					Wn(J("input", {
 						type: "checkbox",
 						"onUpdate:modelValue": (t) => i.value[e.key] = t,
 						id: `${P(w)}-filter-${String(e.key)}`,
 						"aria-describedby": e.filter.description ? `${P(w)}-filter-description-${String(e.key)}` : void 0
-					}, null, 8, jp), [[ws, i.value[e.key]]]),
-					J("label", { for: `${P(w)}-filter-${String(e.key)}` }, A(e.filter.label), 9, Mp),
+					}, null, 8, Rp), [[Os, i.value[e.key]]]),
+					J("label", { for: `${P(w)}-filter-${String(e.key)}` }, A(e.filter.label), 9, zp),
 					e.filter.description ? (G(), K("span", {
 						key: 0,
 						class: "g-filter-description",
 						id: `${P(w)}-filter-description-${String(e.key)}`
-					}, A(e.filter.description), 9, Np)) : Z("", !0)
-				])])) : e.filter.type === "multi-select" && e.filter.searchable ? (G(), q($d, {
-					key: 2,
+					}, A(e.filter.description), 9, Bp)) : Z("", !0)
+				])])) : e.filter.type === "multi-select" && e.filter.searchable ? (G(), q(rf, {
+					key: 3,
 					modelValue: i.value[e.key],
 					"onUpdate:modelValue": (t) => i.value[e.key] = t,
 					options: e.filter.options,
@@ -8174,28 +8242,28 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 					"onUpdate:modelValue",
 					"options",
 					"placeholder"
-				])) : e.filter.type === "multi-select" ? (G(), K("fieldset", Pp, [
-					s[4] ||= J("legend", { class: "g-multi-select-legend" }, " Include values ", -1),
+				])) : e.filter.type === "multi-select" ? (G(), K("fieldset", Vp, [
+					s[5] ||= J("legend", { class: "g-multi-select-legend" }, " Include values ", -1),
 					(G(!0), K(W, null, B(e.filter.options, (t) => (G(), K("div", { key: t.value }, [Wn(J("input", {
 						type: "checkbox",
 						"onUpdate:modelValue": (t) => i.value[e.key] = t,
 						id: `filter-${String(e.key)}-${t.value}`,
 						value: t.value,
 						name: "filter-multiselect"
-					}, null, 8, Fp), [[ws, i.value[e.key]]]), J("label", { for: `filter-${String(e.key)}-${t.value}` }, A(t.label), 9, Ip)]))), 128)),
-					i.value[e.key] && i.value[e.key].length ? (G(), q(ru, {
+					}, null, 8, Hp), [[Os, i.value[e.key]]]), J("label", { for: `filter-${String(e.key)}-${t.value}` }, A(t.label), 9, Up)]))), 128)),
+					i.value[e.key] && i.value[e.key].length ? (G(), q(su, {
 						key: 0,
 						class: "clear-multiselect-btn",
 						theme: "accent",
 						size: "small",
 						onClick: (t) => i.value[e.key] = []
 					}, {
-						default: I(() => [...s[3] ||= [X(" Clear ", -1)]]),
+						default: I(() => [...s[4] ||= [X(" Clear ", -1)]]),
 						_: 1
 					}, 8, ["onClick"])) : Z("", !0)
 				])) : Z("", !0)]),
 				_: 2
-			}, 1024)) : Z("", !0)])], 10, Sp))), 128))])]), Y(cp, {
+			}, 1024)) : Z("", !0)])], 10, Dp))), 128))])]), Y(pp, {
 				data: e.data,
 				columns: e.columns,
 				"group-by": e.groupBy,
@@ -8222,8 +8290,8 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 				"selected-rows",
 				"table-id",
 				"change-tracker"
-			])], 8, _p),
-			e.bulkSelectionEnabled && a.value.length > 0 ? (G(), K("div", Lp, [J("span", Rp, A(a.value.length) + " row" + A(a.value.length === 1 ? "" : "s") + " selected", 1), J("ul", zp, [(G(!0), K(W, null, B(e.bulkActions, (e) => (G(), K("li", { key: e.id }, [Y(ru, {
+			])], 8, Sp),
+			e.bulkSelectionEnabled && a.value.length > 0 ? (G(), K("div", Wp, [J("span", Gp, A(a.value.length) + " row" + A(a.value.length === 1 ? "" : "s") + " selected", 1), J("ul", Kp, [(G(!0), K(W, null, B(e.bulkActions, (e) => (G(), K("li", { key: e.id }, [Y(su, {
 				theme: e.theme || "accent",
 				onClick: (t) => S(e.id),
 				size: "small"
@@ -8233,10 +8301,10 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 			}, 1032, ["theme", "onClick"])]))), 128))])])) : Z("", !0)
 		]));
 	}
-}), [["styles", [""]]]), Vp = {
+}), [["styles", [""]]]), Jp = {
 	class: "g-pagination",
 	"aria-label": "Pagination"
-}, Hp = ["disabled"], Up = ["disabled"], Wp = { class: "page-range" }, Gp = ["disabled"], Kp = ["disabled"], qp = ["value"], Jp = ["value"], Yp = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}, Yp = ["disabled"], Xp = ["disabled"], Zp = { class: "page-range" }, Qp = ["disabled"], $p = ["disabled"], em = ["value"], tm = ["value"], nm = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GTablePagination",
 	props: /*@__PURE__*/ H({
 		start: { type: Number },
@@ -8258,7 +8326,7 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 		function d(e) {
 			i.value = parseInt(e.target.value, 10);
 		}
-		return (e, r) => (G(), K("nav", Vp, [
+		return (e, r) => (G(), K("nav", Jp, [
 			J("button", {
 				class: "first-page g-pagination-button",
 				disabled: l.value === 1,
@@ -8283,7 +8351,7 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 				}),
 				J("path", { d: "M11 7l-5 5l5 5" }),
 				J("path", { d: "M17 7l-5 5l5 5" })
-			], -1)]], 8, Hp),
+			], -1)]], 8, Yp),
 			J("button", {
 				class: "prev-page g-pagination-button",
 				disabled: l.value === 1,
@@ -8304,8 +8372,8 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
-			}), J("path", { d: "M15 6l-6 6l6 6" })], -1)]], 8, Up),
-			J("span", Wp, A(s.value) + " to " + A(c.value), 1),
+			}), J("path", { d: "M15 6l-6 6l6 6" })], -1)]], 8, Xp),
+			J("span", Zp, A(s.value) + " to " + A(c.value), 1),
 			J("button", {
 				class: "next-page g-pagination-button",
 				disabled: l.value === n.value,
@@ -8326,7 +8394,7 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
-			}), J("path", { d: "M9 6l6 6l-6 6" })], -1)]], 8, Gp),
+			}), J("path", { d: "M9 6l6 6l-6 6" })], -1)]], 8, Qp),
 			J("button", {
 				class: "last-page g-pagination-button",
 				disabled: l.value === n.value,
@@ -8351,7 +8419,7 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 				}),
 				J("path", { d: "M7 7l5 5l-5 5" }),
 				J("path", { d: "M13 7l5 5l-5 5" })
-			], -1)]], 8, Kp),
+			], -1)]], 8, $p),
 			J("select", {
 				id: "page-size-select",
 				class: "page-size-select",
@@ -8365,14 +8433,14 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 			], (e) => (G(), K("option", {
 				key: e,
 				value: e
-			}, A(e), 9, Jp))), 128))], 40, qp),
+			}, A(e), 9, tm))), 128))], 40, em),
 			r[8] ||= J("label", {
 				class: "page-size-label",
 				for: "page-size-select"
 			}, "per page", -1)
 		]));
 	}
-}), [["styles", [""]]]), Xp = { class: "popover-content" }, Zp = { class: "year-dropdown" }, Qp = { class: "month-selector" }, $p = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}), [["styles", [""]]]), rm = { class: "popover-content" }, im = { class: "year-dropdown" }, am = { class: "month-selector" }, om = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GTermSelectorControl",
 	props: /*@__PURE__*/ H({
 		termYears: {
@@ -8405,7 +8473,7 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = U(e, "modelValue");
-		return (n, r) => (G(), K("div", Xp, [J("div", Zp, [Y(Mf, {
+		return (n, r) => (G(), K("div", rm, [J("div", im, [Y(Lf, {
 			modelValue: t.value.year,
 			"onUpdate:modelValue": r[0] ||= (e) => t.value.year = e,
 			options: e.termYears,
@@ -8414,7 +8482,7 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 			"modelValue",
 			"options",
 			"label"
-		])]), J("div", Qp, [Y(zf, {
+		])]), J("div", am, [Y(Wf, {
 			modelValue: t.value.name,
 			"onUpdate:modelValue": r[1] ||= (e) => t.value.name = e,
 			options: e.termNames,
@@ -8426,10 +8494,10 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 			"label"
 		])])]));
 	}
-}), [["styles", [""]]]), em = { class: "g-term-selector" }, tm = { class: "g-term-label" }, nm = {
+}), [["styles", [""]]]), sm = { class: "g-term-selector" }, cm = { class: "g-term-label" }, lm = {
 	class: "g-popover-title",
 	tabindex: "-1"
-}, rm = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}, um = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GTermSelector",
 	props: /*@__PURE__*/ H({
 		heading: {
@@ -8460,8 +8528,8 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = U(e, "modelValue");
-		return (n, r) => (G(), K("div", em, [Y(of, null, {
-			trigger: I(({ toggle: e }) => [Y(ru, {
+		return (n, r) => (G(), K("div", sm, [Y(df, null, {
+			trigger: I(({ toggle: e }) => [Y(su, {
 				class: "g-term-selector-button",
 				theme: "none",
 				outlined: "",
@@ -8469,28 +8537,28 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 			}, {
 				default: I(() => [
 					r[0] ||= J("span", { class: "g-calendar-icon" }, [J("svg", {
-						role: "none presentation",
+						role: "none",
 						xmlns: "http://www.w3.org/2000/svg",
 						viewBox: "0 0 640 640"
 					}, [J("path", { d: "M224 64C206.3 64 192 78.3 192 96L192 128L160 128C124.7 128 96 156.7 96 192L96 240L544 240L544 192C544 156.7 515.3 128 480 128L448 128L448 96C448 78.3 433.7 64 416 64C398.3 64 384 78.3 384 96L384 128L256 128L256 96C256 78.3 241.7 64 224 64zM96 288L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 288L96 288z" })])], -1),
-					J("span", tm, A(t.value?.name) + " " + A(t.value?.year), 1),
+					J("span", cm, A(t.value?.name) + " " + A(t.value?.year), 1),
 					r[1] ||= J("span", { class: "g-caret" }, [J("svg", {
-						role: "none presentation",
+						role: "none",
 						xmlns: "http://www.w3.org/2000/svg",
 						viewBox: "0 0 640 640"
 					}, [J("path", { d: "M300.3 440.8C312.9 451 331.4 450.3 343.1 438.6L471.1 310.6C480.3 301.4 483 287.7 478 275.7C473 263.7 461.4 256 448.5 256L192.5 256C179.6 256 167.9 263.8 162.9 275.8C157.9 287.8 160.7 301.5 169.9 310.6L297.9 438.6L300.3 440.8z" })])], -1)
 				]),
 				_: 1
 			}, 8, ["onClick"])]),
-			default: I(() => [J("h2", nm, A(e.heading), 1), Y($p, ge(Ia(n.$props)), null, 16)]),
+			default: I(() => [J("h2", lm, A(e.heading), 1), Y(om, ge(Ia(n.$props)), null, 16)]),
 			_: 1
 		})]));
 	}
-}), [["styles", [""]]]), im = ["for"], am = {
+}), [["styles", [""]]]), dm = ["for"], fm = {
 	key: 0,
 	class: "g-textarea-required",
 	"aria-hidden": "true"
-}, om = ["id"], sm = [
+}, pm = ["id"], mm = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -8499,11 +8567,11 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 	"rows",
 	"maxlength",
 	"aria-invalid"
-], cm = {
+], hm = {
 	key: 2,
 	class: "g-textarea-char-count",
 	"aria-live": "polite"
-}, lm = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}, gm = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	inheritAttrs: !1,
 	__name: "GTextarea",
 	props: /*@__PURE__*/ H({
@@ -8561,7 +8629,7 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 	}),
 	emits: /*@__PURE__*/ H(["change"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, r = U(e, "modelValue"), i = z(), { attrs: a, isCustomElement: o, forwardedAttrs: s } = $l({ omitInCustomElement: ["id"] }), c = Q(() => o ? i : a.id || i), { displayErrors: l, hasErrors: u } = bu({
+		let n = e, r = U(e, "modelValue"), i = z(), { attrs: a, isCustomElement: o, forwardedAttrs: s } = ru({ omitInCustomElement: ["id"] }), c = Q(() => o ? i : a.id || i), { displayErrors: l, hasErrors: u } = wu({
 			name: n.name,
 			value: r,
 			errors: /* @__PURE__ */ fn(n, "errors"),
@@ -8600,12 +8668,12 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 				key: 0,
 				for: c.value,
 				class: "g-textarea-label"
-			}, [X(A(n.label), 1), n.required ? (G(), K("span", am, " *")) : Z("", !0)], 8, im)) : Z("", !0),
+			}, [X(A(n.label), 1), n.required ? (G(), K("span", fm, " *")) : Z("", !0)], 8, dm)) : Z("", !0),
 			t.$slots.instructions || e.instructions ? (G(), K("div", {
 				key: 1,
 				id: "instructions-" + P(i),
 				class: "g-textarea-instructions"
-			}, [V(t.$slots, "instructions", {}, () => [X(A(e.instructions), 1)])], 8, om)) : Z("", !0),
+			}, [V(t.$slots, "instructions", {}, () => [X(A(e.instructions), 1)])], 8, pm)) : Z("", !0),
 			J("textarea", Va({
 				ref: "textareaEl",
 				value: r.value ?? "",
@@ -8626,36 +8694,36 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 				onInput: h,
 				onBlur: g,
 				onPaste: _
-			}), null, 16, sm),
-			n.maxlength === void 0 ? Z("", !0) : (G(), K("div", cm, A((r.value ?? "").length) + " / " + A(n.maxlength), 1)),
-			Y(Su, {
+			}), null, 16, mm),
+			n.maxlength === void 0 ? Z("", !0) : (G(), K("div", hm, A((r.value ?? "").length) + " / " + A(n.maxlength), 1)),
+			Y(Eu, {
 				errors: P(l),
 				id: "error-message-" + P(i)
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), [["styles", [""]]]), um = { class: "g-three-way-toggle-wrapper" }, dm = { class: "g-three-way-toggle-control" }, fm = ["id"], pm = [
+}), [["styles", [""]]]), _m = { class: "g-three-way-toggle-wrapper" }, vm = { class: "g-three-way-toggle-control" }, ym = ["id"], bm = [
 	"aria-labelledby",
 	"aria-describedby",
 	"disabled",
 	"aria-invalid",
 	"aria-errormessage"
-], mm = { key: 0 }, hm = { key: 1 }, gm = { key: 2 }, _m = ["for"], vm = [
+], xm = { key: 0 }, Sm = { key: 1 }, Cm = { key: 2 }, wm = ["for"], Tm = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], ym = ["for"], bm = [
+], Em = ["for"], Dm = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], xm = ["for"], Sm = [
+], Om = ["for"], km = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], Cm = ["id"], wm = /*#__PURE__*/ $(/* @__PURE__ */ R({
+], Am = ["id"], jm = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GThreeWayToggle",
 	props: /*@__PURE__*/ H({
 		label: { type: String },
@@ -8689,10 +8757,10 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 		function m(e) {
 			n.disabled || (e.key === "n" || e.key === "N" ? (a(!1), e.preventDefault()) : (e.key === "y" || e.key === "Y") && (a(!0), e.preventDefault()));
 		}
-		return (t, n) => (G(), K("div", um, [J("div", dm, [J("span", {
+		return (t, n) => (G(), K("div", _m, [J("div", vm, [J("span", {
 			class: "g-label",
 			id: P(c)
-		}, [V(t.$slots, "label", {}, () => [X(A(e.label), 1)])], 8, fm), J("fieldset", {
+		}, [V(t.$slots, "label", {}, () => [X(A(e.label), 1)])], 8, ym), J("fieldset", {
 			class: k(["g-three-way-toggle", { "g-has-error": e.error }]),
 			role: "radiogroup",
 			"aria-labelledby": P(c),
@@ -8704,7 +8772,7 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 			J("span", {
 				class: k(["g-toggle-thumb", p.value]),
 				"aria-hidden": "true"
-			}, [r.value === !1 ? (G(), K("span", mm, "NO")) : r.value === !0 ? (G(), K("span", hm, "YES")) : (G(), K("span", gm))], 2),
+			}, [r.value === !1 ? (G(), K("span", xm, "NO")) : r.value === !0 ? (G(), K("span", Sm, "YES")) : (G(), K("span", Cm))], 2),
 			J("label", {
 				for: P(u),
 				class: "g-toggle-option g-left",
@@ -8718,7 +8786,7 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 				value: "false",
 				disabled: e.disabled,
 				onChange: n[0] ||= (e) => o(!1)
-			}, null, 40, vm), n[5] ||= J("span", { class: "ilw-sr-only" }, "No", -1)], 40, _m),
+			}, null, 40, Tm), n[5] ||= J("span", { class: "ilw-sr-only" }, "No", -1)], 40, wm),
 			J("label", {
 				for: P(d),
 				class: "g-toggle-option g-center",
@@ -8730,7 +8798,7 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 				checked: r.value === null,
 				disabled: e.disabled,
 				onChange: n[2] ||= (e) => o(null)
-			}, null, 40, bm), n[6] ||= J("span", { class: "ilw-sr-only" }, "Unset", -1)], 40, ym),
+			}, null, 40, Dm), n[6] ||= J("span", { class: "ilw-sr-only" }, "Unset", -1)], 40, Em),
 			J("label", {
 				for: P(f),
 				class: "g-toggle-option g-right",
@@ -8744,22 +8812,22 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 				checked: r.value === !0,
 				disabled: e.disabled,
 				onChange: n[3] ||= (e) => o(!0)
-			}, null, 40, Sm), n[7] ||= J("span", { class: "ilw-sr-only" }, "Yes", -1)], 40, xm)
-		], 2)], 10, pm)]), e.error ? (G(), K("div", {
+			}, null, 40, km), n[7] ||= J("span", { class: "ilw-sr-only" }, "Yes", -1)], 40, Om)
+		], 2)], 10, bm)]), e.error ? (G(), K("div", {
 			key: 0,
 			id: `${P(c)}-error`,
 			class: "g-form-error",
 			role: "alert",
 			"aria-atomic": "true"
-		}, A(e.error), 9, Cm)) : Z("", !0)]));
+		}, A(e.error), 9, Am)) : Z("", !0)]));
 	}
-}), [["styles", [""]]]), Tm = { class: "g-tree-menu__divider" }, Em = {
+}), [["styles", [""]]]), Mm = { class: "g-tree-menu__divider" }, Nm = {
 	key: 0,
 	class: "g-tree-menu__divider-line"
-}, Dm = {
+}, Pm = {
 	key: 1,
 	class: "g-tree-menu__expand-all-wrapper"
-}, Om = { class: "g-tree-menu__content" }, km = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}, Fm = { class: "g-tree-menu__content" }, Im = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GTreeMenu",
 	props: {
 		heading: { type: String },
@@ -8787,7 +8855,7 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 	},
 	setup(e) {
 		let t = e, n = z();
-		Kn("g-tree-menu-list-type", t.listType), Kn("g-tree-menu-expanded-storage", t.storageKey ? Gc(t.storageKey, {}) : null);
+		Kn("g-tree-menu-list-type", t.listType), Kn("g-tree-menu-expanded-storage", t.storageKey ? Yc(t.storageKey, {}) : null);
 		let r = /* @__PURE__ */ Ht(/* @__PURE__ */ new Map());
 		Kn("g-tree-menu-expandable-items", r);
 		let i = /* @__PURE__ */ N({
@@ -8878,7 +8946,7 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 				default: I(() => [X(A(e.heading), 1)]),
 				_: 1
 			}, 8, ["id"])) : Z("", !0),
-			J("div", Tm, [e.smallHeading ? Z("", !0) : (G(), K("div", Em)), e.showExpandAll ? (G(), K("div", Dm, [J("button", {
+			J("div", Mm, [e.smallHeading ? Z("", !0) : (G(), K("div", Nm)), e.showExpandAll ? (G(), K("div", Pm, [J("button", {
 				class: "g-tree-menu__expand-all-btn",
 				onClick: o
 			}, [(G(), K("svg", {
@@ -8891,17 +8959,17 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
 			}, [...i[0] ||= [J("polyline", { points: "7 8 12 13 17 8" }, null, -1), J("polyline", { points: "7 13 12 18 17 13" }, null, -1)]], 2)), X(" " + A(a.value ? "Collapse all" : "Expand all"), 1)])])) : Z("", !0)]),
-			J("div", Om, [V(r.$slots, "default")])
+			J("div", Fm, [V(r.$slots, "default")])
 		], 16));
 	}
-}), [["styles", [""]]]), Am = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}), [["styles", [""]]]), Lm = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	name: "GTreeMenuList",
 	props: { listType: {
 		default: void 0,
 		type: String
 	} },
 	setup(e) {
-		let t = e, n = qn("g-tree-menu-list-type", "ul"), r = Q(() => t.listType ?? n ?? "ul"), i = Ql(), a = qa();
+		let t = e, n = qn("g-tree-menu-list-type", "ul"), r = Q(() => t.listType ?? n ?? "ul"), i = nu(), a = qa();
 		return Gr(() => {
 			if (!i) return;
 			let e = a?.ce;
@@ -8914,16 +8982,13 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 			_: 3
 		}, 8, ["role"]));
 	}
-}), [["styles", [""]]]), jm = {
+}), [["styles", [""]]]), Rm = {
 	key: 0,
 	class: "g-tree-menu__row"
-}, Mm = { class: "g-tree-menu__row-content-text" }, Nm = {
+}, zm = { class: "g-tree-menu__row-content-text" }, Bm = {
 	key: 1,
 	class: "g-tree-menu__row g-tree-menu__row--leaf"
-}, Pm = {
-	class: "g-tree-menu__row-content",
-	"data-tree-primary": ""
-}, Fm = /*#__PURE__*/ $(/* @__PURE__ */ R({
+}, Vm = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	name: "GTreeMenuItem",
 	inheritAttrs: !1,
 	props: {
@@ -8981,7 +9046,7 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 		function S(e) {
 			(e.key === "Enter" || e.key === " ") && (m(), e.preventDefault());
 		}
-		let C = Ql(), w = a?.ce;
+		let C = nu(), w = a?.ce;
 		Gr(() => {
 			C && w && w.setAttribute("role", "listitem");
 		});
@@ -8995,12 +9060,12 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 			class: "g-tree-menu__item",
 			"data-tree-expandable": c.value ? "true" : void 0
 		}), {
-			default: I(() => [c.value ? (G(), K("div", jm, [J("div", {
+			default: I(() => [c.value ? (G(), K("div", Rm, [J("div", {
 				class: "g-tree-menu__toggle-btn",
 				onClick: m
 			}, [(G(), K("svg", {
 				class: k(["g-tree-menu__chevron", { "g-tree-menu__chevron--expanded": d.value }]),
-				role: "none presentation",
+				role: "none",
 				viewBox: "0 0 24 24",
 				fill: "none",
 				stroke: "currentColor",
@@ -9014,7 +9079,12 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 				"data-tree-primary": "",
 				onClick: x,
 				onKeydown: S
-			}, [J("span", Mm, [V(e.$slots, "default")])], 544)])) : (G(), K("div", Nm, [t[1] ||= J("span", { class: "g-tree-menu__spacer" }, null, -1), J("span", Pm, [V(e.$slots, "default")])])), c.value && d.value ? (G(), q(Am, {
+			}, [J("span", zm, [V(e.$slots, "default")])], 544)])) : (G(), K("div", Bm, [t[1] ||= J("span", { class: "g-tree-menu__spacer" }, null, -1), J("span", {
+				class: "g-tree-menu__row-content",
+				ref_key: "contentRef",
+				ref: f,
+				"data-tree-primary": ""
+			}, [V(e.$slots, "default")], 512)])), c.value && d.value ? (G(), q(Lm, {
 				key: 2,
 				id: P(o) + "-children"
 			}, {
@@ -9024,11 +9094,11 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 			_: 3
 		}, 16, ["role", "data-tree-expandable"]));
 	}
-}), [["styles", [""]]]), Im = { class: "g-user-menu" }, Lm = [
+}), [["styles", [""]]]), Hm = { class: "g-user-menu" }, Um = [
 	"aria-label",
 	"aria-expanded",
 	"onClick"
-], Rm = { class: "g-user-menu__popover" }, zm = { class: "g-user-menu__list" }, Bm = /*#__PURE__*/ $(/* @__PURE__ */ R({
+], Wm = { class: "g-user-menu__popover" }, Gm = { class: "g-user-menu__list" }, Km = /*#__PURE__*/ $(/* @__PURE__ */ R({
 	__name: "GUserMenu",
 	props: {
 		initials: { type: String },
@@ -9046,7 +9116,7 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 		let t = `${z()}-email`, n = /* @__PURE__ */ N(!1), r = jr("emailHeading");
 		qa()?.appContext?.components?.RouterLink;
 		let i = ui();
-		return (a, o) => (G(), K("div", Im, [Y(of, {
+		return (a, o) => (G(), K("div", Hm, [Y(df, {
 			modelValue: n.value,
 			"onUpdate:modelValue": o[0] ||= (e) => n.value = e,
 			minimal: ""
@@ -9058,8 +9128,8 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 				"aria-expanded": n.value,
 				"aria-haspopup": "menu",
 				onClick: t
-			}, A(e.initials), 13, Lm)]),
-			default: I(() => [J("div", Rm, [J("h2", {
+			}, A(e.initials), 13, Um)]),
+			default: I(() => [J("div", Wm, [J("h2", {
 				id: t,
 				ref_key: "emailHeading",
 				ref: r,
@@ -9068,61 +9138,61 @@ var fp = { class: "g-table-outer-wrap" }, pp = {
 			}, A(e.email), 513), J("nav", {
 				class: "g-user-menu__nav",
 				"aria-labelledby": t
-			}, [J("ul", zm, [(G(!0), K(W, null, B(i.default(), (e, t) => (G(), K("li", { key: t }, [(G(), q(ni(e)))]))), 128))])])])]),
+			}, [J("ul", Gm, [(G(!0), K(W, null, B(i.default(), (e, t) => (G(), K("li", { key: t }, [(G(), q(ni(e)))]))), 128))])])])]),
 			_: 1
 		}, 8, ["modelValue"])]));
 	}
-}), [["styles", [""]]]), Vm = globalThis;
-Vm.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ = !0;
-var Hm = {
+}), [["styles", [""]]]), qm = globalThis;
+qm.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ = !0;
+var Jm = {
 	shadowRoot: !1,
 	configureApp(e) {
-		let t = (Vm.__GRAD_VUE_WC_APP_ID__ ?? 0) + 1;
-		Vm.__GRAD_VUE_WC_APP_ID__ = t, e.config.idPrefix = `g-wc-${t}-`;
-	}
-}, Um = [
-	["g-alert-dialog", lu],
-	["g-app-header", gu],
-	["g-button", ru],
-	["g-checkbox-group", Nu],
-	["g-clipboard", Wu],
-	["g-currency-input", Qu],
-	["g-date-input", $u],
-	["g-date-range-input", od],
-	["g-detail-list", sd],
-	["g-detail-list-item", dd],
-	["g-email-input", fd],
-	["g-file-input", yd],
-	["g-form", xd],
-	["g-hamburger-menu", Dd],
-	["g-history-scroller", Md],
-	["g-modal", Rd],
-	["g-multi-select", $d],
-	["g-overlay", tf],
-	["g-popover", of],
-	["g-tooltip", sf],
-	["g-progress", ff],
-	["g-search", Sf],
-	["g-select", Mf],
-	["g-select-button", zf],
-	["g-sidebar", Hf],
-	["g-sidebar-menu", Kf],
-	["g-submit-button", qf],
-	["g-table", Bp],
-	["g-table-body", cp],
-	["g-table-pagination", Yp],
-	["g-term-selector", rm],
-	["g-term-selector-control", $p],
-	["g-text-input", Zu],
-	["g-textarea", lm],
-	["g-three-way-toggle", wm],
-	["g-tree-menu", km],
-	["g-tree-menu-list", Am],
-	["g-tree-menu-item", Fm],
-	["g-user-menu", Bm]
+		let t = (qm.__GRAD_VUE_WC_APP_ID__ ?? 0) + 1;
+		qm.__GRAD_VUE_WC_APP_ID__ = t, e.config.idPrefix = `g-wc-${t}-`;
+	}
+}, Ym = [
+	["g-alert-dialog", pu],
+	["g-app-header", bu],
+	["g-button", su],
+	["g-checkbox-group", Lu],
+	["g-clipboard", Ju],
+	["g-currency-input", nd],
+	["g-date-input", rd],
+	["g-date-range-input", ud],
+	["g-detail-list", dd],
+	["g-detail-list-item", hd],
+	["g-email-input", gd],
+	["g-file-input", Cd],
+	["g-form", Td],
+	["g-hamburger-menu", jd],
+	["g-history-scroller", Id],
+	["g-modal", Hd],
+	["g-multi-select", rf],
+	["g-overlay", of],
+	["g-popover", df],
+	["g-tooltip", ff],
+	["g-progress", _f],
+	["g-search", Df],
+	["g-select", Lf],
+	["g-select-button", Wf],
+	["g-sidebar", qf],
+	["g-sidebar-menu", Zf],
+	["g-submit-button", Qf],
+	["g-table", qp],
+	["g-table-body", pp],
+	["g-table-pagination", nm],
+	["g-term-selector", um],
+	["g-term-selector-control", om],
+	["g-text-input", td],
+	["g-textarea", gm],
+	["g-three-way-toggle", jm],
+	["g-tree-menu", Im],
+	["g-tree-menu-list", Lm],
+	["g-tree-menu-item", Vm],
+	["g-user-menu", Km]
 ];
-for (let [e, t] of Um) {
-	let n = /* @__PURE__ */ ys(t, Hm);
+for (let [e, t] of Ym) {
+	let n = /* @__PURE__ */ ys(t, Jm);
 	customElements.define(e, n);
 }
 //#endregion