@illinois-grad/grad-vue 3.0.10 → 3.0.12

package/dist/{grad-vue-SmHF581D.js → grad-vue-85A5znlz.js}

@@ -91,95 +91,13 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 			"type"
 		]));
 	}
-});
-//#endregion
-//#region src/compose/useScrollRestore.ts
-function ge(e, t) {
-	let n = t ? ue(`${t}:scroll`, 0, { writeDefaults: !1 }) : null, r = O(!!(n?.value && n.value > 0)), i = null, a = null, o = null, s = !1;
-	function c(e) {
-		if (typeof window > "u") return null;
-		let t = e.parentElement;
-		for (; t && t !== document.documentElement && t !== document.body;) {
-			let e = window.getComputedStyle(t);
-			if (e.overflowY === "auto" || e.overflowY === "scroll") return t;
-			t = t.parentElement;
-		}
-		return null;
-	}
-	function l() {
-		n && i && (n.value = i.scrollTop);
-	}
-	function u() {
-		a &&= (a.disconnect(), null), o &&= (o.disconnect(), null);
-	}
-	function d() {
-		r.value = !1;
-	}
-	function f() {
-		return !e.value || !i ? !1 : e.value.getClientRects().length > 0 && i.getClientRects().length > 0 && i.clientHeight > 0;
-	}
-	function p() {
-		if (!n || !i || s) {
-			d();
-			return;
-		}
-		if (n.value <= 0) {
-			d();
-			return;
-		}
-		if (f()) {
-			if (i.scrollHeight - i.clientHeight <= 0) {
-				d(), u();
-				return;
-			}
-			i.scrollTop = n.value, s = i.scrollTop > 0, s && (d(), u());
-		}
-	}
-	function m(e) {
-		if (typeof MutationObserver > "u") return;
-		o = new MutationObserver(() => {
-			p();
-		});
-		let t = e;
-		for (; t;) o.observe(t, {
-			attributes: !0,
-			attributeFilter: [
-				"class",
-				"style",
-				"hidden",
-				"open"
-			]
-		}), t = t.parentElement;
-	}
-	return S(() => {
-		if (!e.value) {
-			d();
-			return;
-		}
-		if (!n) {
-			d();
-			return;
-		}
-		if (i = c(e.value), !i) {
-			d();
-			return;
-		}
-		p(), typeof ResizeObserver < "u" && (a = new ResizeObserver(() => {
-			p();
-		}), a.observe(e.value), a.observe(i)), m(e.value), i.addEventListener("scroll", l);
-	}), C(() => {
-		u(), i &&= (i.removeEventListener("scroll", l), null), s = !1;
-	}), { isPendingScrollRestore: r };
-}
-//#endregion
-//#region src/components/GTreeMenu.vue?vue&type=script&setup=true&lang.ts
-var _e = { class: "g-tree-menu__divider" }, ve = {
+}), ge = { class: "g-tree-menu__divider" }, _e = {
 	key: 0,
 	class: "g-tree-menu__divider-line"
-}, ye = {
+}, ve = {
 	key: 1,
 	class: "g-tree-menu__expand-all-wrapper"
-}, be = { class: "g-tree-menu__content" }, xe = /* @__PURE__ */ u({
+}, ye = { class: "g-tree-menu__content" }, be = /* @__PURE__ */ u({
 	__name: "GTreeMenu",
 	props: {
 		heading: {},
@@ -199,31 +117,31 @@ var _e = { class: "g-tree-menu__divider" }, ve = {
 	setup(e) {
 		let t = e, n = B();
 		E("g-tree-menu-list-type", t.listType), E("g-tree-menu-expanded-storage", t.storageKey ? ue(t.storageKey, {}) : null);
-		let { isPendingScrollRestore: l } = ge(U("nav-el"), t.storageKey), u = D(/* @__PURE__ */ new Map());
-		E("g-tree-menu-expandable-items", u);
-		let d = O({
+		let l = D(/* @__PURE__ */ new Map());
+		E("g-tree-menu-expandable-items", l);
+		let u = O({
 			expanded: !0,
 			version: 0
 		});
-		E("g-tree-menu-expand-all-signal", d);
-		let f = r(() => {
-			if (u.size === 0) return !1;
-			for (let e of u.values()) if (!e) return !1;
+		E("g-tree-menu-expand-all-signal", u);
+		let d = r(() => {
+			if (l.size === 0) return !1;
+			for (let e of l.values()) if (!e) return !1;
 			return !0;
 		});
-		function p() {
-			d.value = {
-				expanded: !f.value,
-				version: d.value.version + 1
+		function f() {
+			u.value = {
+				expanded: !d.value,
+				version: u.value.version + 1
 			};
 		}
-		function m(e) {
+		function p(e) {
 			return e.querySelector("a, button, [tabindex='0']") || e;
 		}
-		function v(e) {
+		function m(e) {
 			return Array.from(e.querySelectorAll("[data-tree-primary]"));
 		}
-		function y(e) {
+		function v(e) {
 			let t = e.currentTarget, n = document.activeElement;
 			if (!t.contains(n) || ![
 				"ArrowUp",
@@ -233,16 +151,16 @@ var _e = { class: "g-tree-menu__divider" }, ve = {
 				"Home",
 				"End"
 			].includes(e.key)) return;
-			let r = n.closest(".g-tree-menu__item"), i = r?.querySelector("[data-tree-primary]") ?? null, a = v(t), o = i ? a.indexOf(i) : -1;
+			let r = n.closest(".g-tree-menu__item"), i = r?.querySelector("[data-tree-primary]") ?? null, a = m(t), o = i ? a.indexOf(i) : -1;
 			switch (e.key) {
 				case "ArrowDown": {
 					let e = a[o + 1];
-					e && m(e).focus();
+					e && p(e).focus();
 					break;
 				}
 				case "ArrowUp": {
 					let e = a[o - 1];
-					e && m(e).focus();
+					e && p(e).focus();
 					break;
 				}
 				case "ArrowRight":
@@ -252,42 +170,35 @@ var _e = { class: "g-tree-menu__divider" }, ve = {
 						e && e.click();
 					} else {
 						let e = a[o + 1];
-						e && m(e).focus();
+						e && p(e).focus();
 					}
 					break;
 				case "ArrowLeft":
 					if (!r) break;
 					if (r.querySelector("[aria-expanded='true']") !== null) {
 						let e = r.querySelector(".g-tree-menu__toggle-btn");
-						e && e.click(), i && g(() => m(i).focus());
+						e && e.click(), i && g(() => p(i).focus());
 					} else {
 						let e = r.parentElement?.closest(".g-tree-menu__item");
 						if (e) {
 							let t = e.querySelector("[data-tree-primary]");
-							t && m(t).focus();
+							t && p(t).focus();
 						}
 					}
 					break;
 				case "Home":
-					a.length > 0 && m(a[0]).focus();
+					a.length > 0 && p(a[0]).focus();
 					break;
 				case "End":
-					a.length > 0 && m(a[a.length - 1]).focus();
+					a.length > 0 && p(a[a.length - 1]).focus();
 					break;
 			}
 			e.preventDefault();
 		}
-		return (r, u) => (T(), o("nav", h({
-			ref: "nav-el",
-			class: ["g-tree-menu", [
-				`g-tree-menu--${t.theme}`,
-				{ "g-tree-menu--restore-pending": R(l) },
-				{ "g-tree-menu--small-heading": e.smallHeading }
-			]]
-		}, {
+		return (r, l) => (T(), o("nav", h({ class: ["g-tree-menu", [`g-tree-menu--${t.theme}`, { "g-tree-menu--small-heading": e.smallHeading }]] }, {
 			"aria-labelledby": e.heading ? R(n) : void 0,
 			"aria-label": e.heading ? void 0 : "Tree Menu"
-		}, { onKeydown: y }), [
+		}, { onKeydown: v }), [
 			e.heading ? (T(), i(j(e.headingLevel), {
 				key: 0,
 				id: R(n),
@@ -296,11 +207,11 @@ var _e = { class: "g-tree-menu__divider" }, ve = {
 				default: J(() => [c(P(e.heading), 1)]),
 				_: 1
 			}, 8, ["id"])) : a("", !0),
-			s("div", _e, [e.smallHeading ? a("", !0) : (T(), o("div", ve)), e.showExpandAll ? (T(), o("div", ye, [s("button", {
+			s("div", ge, [e.smallHeading ? a("", !0) : (T(), o("div", _e)), e.showExpandAll ? (T(), o("div", ve, [s("button", {
 				class: "g-tree-menu__expand-all-btn",
-				onClick: p
+				onClick: f
 			}, [(T(), o("svg", {
-				class: _(["g-tree-menu__expand-all-icon", { "g-tree-menu__expand-all-icon--collapse": f.value }]),
+				class: _(["g-tree-menu__expand-all-icon", { "g-tree-menu__expand-all-icon--collapse": d.value }]),
 				role: "none",
 				viewBox: "0 0 24 24",
 				fill: "none",
@@ -308,11 +219,11 @@ var _e = { class: "g-tree-menu__divider" }, ve = {
 				"stroke-width": "2.5",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [...u[0] ||= [s("polyline", { points: "7 8 12 13 17 8" }, null, -1), s("polyline", { points: "7 13 12 18 17 13" }, null, -1)]], 2)), c(" " + P(f.value ? "Collapse all" : "Expand all"), 1)])])) : a("", !0)]),
-			s("div", be, [A(r.$slots, "default")])
+			}, [...l[0] ||= [s("polyline", { points: "7 8 12 13 17 8" }, null, -1), s("polyline", { points: "7 13 12 18 17 13" }, null, -1)]], 2)), c(" " + P(d.value ? "Collapse all" : "Expand all"), 1)])])) : a("", !0)]),
+			s("div", ye, [A(r.$slots, "default")])
 		], 16));
 	}
-}), Se = /* @__PURE__ */ u({
+}), xe = /* @__PURE__ */ u({
 	name: "GTreeMenuList",
 	props: { listType: { default: void 0 } },
 	setup(e) {
@@ -329,16 +240,13 @@ var _e = { class: "g-tree-menu__divider" }, ve = {
 			_: 3
 		}, 8, ["role"]));
 	}
-}), Ce = {
+}), Se = {
 	key: 0,
 	class: "g-tree-menu__row"
-}, we = { class: "g-tree-menu__row-content-text" }, Te = {
+}, Ce = { class: "g-tree-menu__row-content-text" }, we = {
 	key: 1,
 	class: "g-tree-menu__row g-tree-menu__row--leaf"
-}, Ee = {
-	class: "g-tree-menu__row-content",
-	"data-tree-primary": ""
-}, De = /* @__PURE__ */ u({
+}, Te = /* @__PURE__ */ u({
 	name: "GTreeMenuItem",
 	inheritAttrs: !1,
 	props: {
@@ -410,12 +318,12 @@ var _e = { class: "g-tree-menu__divider" }, ve = {
 			class: "g-tree-menu__item",
 			"data-tree-expandable": g.value ? "true" : void 0
 		}), {
-			default: J(() => [g.value ? (T(), o("div", Ce, [s("div", {
+			default: J(() => [g.value ? (T(), o("div", Se, [s("div", {
 				class: "g-tree-menu__toggle-btn",
 				onClick: D
 			}, [(T(), o("svg", {
 				class: _(["g-tree-menu__chevron", { "g-tree-menu__chevron--expanded": b.value }]),
-				role: "none presentation",
+				role: "none",
 				viewBox: "0 0 24 24",
 				fill: "none",
 				stroke: "currentColor",
@@ -429,7 +337,12 @@ var _e = { class: "g-tree-menu__divider" }, ve = {
 				"data-tree-primary": "",
 				onClick: L,
 				onKeydown: V
-			}, [s("span", we, [A(e.$slots, "default")])], 544)])) : (T(), o("div", Te, [t[1] ||= s("span", { class: "g-tree-menu__spacer" }, null, -1), s("span", Ee, [A(e.$slots, "default")])])), g.value && b.value ? (T(), i(Se, {
+			}, [s("span", Ce, [A(e.$slots, "default")])], 544)])) : (T(), o("div", we, [t[1] ||= s("span", { class: "g-tree-menu__spacer" }, null, -1), s("span", {
+				class: "g-tree-menu__row-content",
+				ref_key: "contentRef",
+				ref: C,
+				"data-tree-primary": ""
+			}, [A(e.$slots, "default")], 512)])), g.value && b.value ? (T(), i(xe, {
 				key: 2,
 				id: R(f) + "-children"
 			}, {
@@ -442,7 +355,7 @@ var _e = { class: "g-tree-menu__divider" }, ve = {
 });
 //#endregion
 //#region src/compose/useForm.ts
-function Oe() {
+function Ee() {
 	let e = M({}), t = O(!1), n = r(() => {
 		let t = {};
 		return Object.entries(e).forEach(([e, n]) => {
@@ -484,18 +397,18 @@ function Oe() {
 }
 //#endregion
 //#region src/compose/useWebComponentForm.ts
-function ke() {
+function De() {
 	let e = globalThis;
 	return e.__GRAD_VUE_WC_FORMS__ ||= /* @__PURE__ */ new Map(), e.__GRAD_VUE_WC_FORMS__;
 }
-function Ae(e = "default") {
-	let t = ke(), n = e || "default";
-	return t.has(n) || t.set(n, Oe()), t.get(n);
+function Oe(e = "default") {
+	let t = De(), n = e || "default";
+	return t.has(n) || t.set(n, Ee()), t.get(n);
 }
 //#endregion
 //#region src/compose/useFormField.ts
 function $(e) {
-	let t = z(), n = typeof t["form-key"] == "string" ? t["form-key"] : void 0, i = e.formKey ?? n ?? "default", a = p("form", null) ?? (fe() ? Ae(i) : null), o = r(() => {
+	let t = z(), n = typeof t["form-key"] == "string" ? t["form-key"] : void 0, i = e.formKey ?? n ?? "default", a = p("form", null) ?? (fe() ? Oe(i) : null), o = r(() => {
 		let t = [];
 		return e.errors && t.push(...e.errors.value.filter(Boolean)), t;
 	}), s = r(() => o.value.length > 0), c = e.name;
@@ -514,7 +427,7 @@ function $(e) {
 }
 //#endregion
 //#region src/components/form/GFormErrorMessages.vue?vue&type=script&setup=true&lang.ts
-var je = ["id"], Me = /* @__PURE__ */ u({
+var ke = ["id"], Ae = /* @__PURE__ */ u({
 	__name: "GFormErrorMessages",
 	props: {
 		errors: {},
@@ -531,30 +444,31 @@ var je = ["id"], Me = /* @__PURE__ */ u({
 			class: "g-form-error-message"
 		}, [r[0] ||= s("svg", {
 			class: "g-form-error-icon",
+			role: "none",
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 640 640"
 		}, [s("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), c(" " + P(e), 1)]))), 128))], 8, je)) : a("", !0);
+		})], -1), c(" " + P(e), 1)]))), 128))], 8, ke)) : a("", !0);
 	}
-}), Ne = ["for"], Pe = {
+}), je = ["for"], Me = {
 	key: 0,
 	class: "g-text-input-required",
 	"aria-hidden": "true"
-}, Fe = ["id"], Ie = {
+}, Ne = ["id"], Pe = {
 	key: 0,
 	class: "g-text-input-prefix"
-}, Le = [
+}, Fe = [
 	"value",
 	"placeholder",
 	"disabled",
 	"required",
 	"aria-invalid"
-], Re = {
+], Ie = {
 	key: 1,
 	class: "g-text-input-suffix"
-}, ze = /* @__PURE__ */ u({
+}, Le = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GTextInput",
 	props: /*@__PURE__*/ m({
@@ -618,14 +532,14 @@ var je = ["id"], Me = /* @__PURE__ */ u({
 				key: 0,
 				for: m.value,
 				class: "g-text-input-label"
-			}, [c(P(n.label), 1), n.required ? (T(), o("span", Pe, " *")) : a("", !0)], 8, Ne)) : a("", !0),
+			}, [c(P(n.label), 1), n.required ? (T(), o("span", Me, " *")) : a("", !0)], 8, je)) : a("", !0),
 			t.$slots.instructions || e.instructions ? (T(), o("div", {
 				key: 1,
 				id: "instructions-" + R(u),
 				class: "g-text-input-instructions"
-			}, [A(t.$slots, "instructions", {}, () => [c(P(e.instructions), 1)])], 8, Fe)) : a("", !0),
+			}, [A(t.$slots, "instructions", {}, () => [c(P(e.instructions), 1)])], 8, Ne)) : a("", !0),
 			s("div", { class: _([{ "g-text-input-field-wrapper": !0 }, `g-text-input-field-wrapper--${e.name || "nameless"}`]) }, [
-				n.prefix ? (T(), o("span", Ie, P(n.prefix), 1)) : a("", !0),
+				n.prefix ? (T(), o("span", Pe, P(n.prefix), 1)) : a("", !0),
 				s("input", h({
 					value: i.value,
 					placeholder: n.placeholder,
@@ -642,37 +556,37 @@ var je = ["id"], Me = /* @__PURE__ */ u({
 					id: m.value,
 					"aria-describedby": t.$slots.instructions || e.instructions ? "instructions-" + R(u) : void 0,
 					"aria-errormessage": R(v) ? "error-message-" + R(u) : void 0
-				}, { "aria-invalid": R(v) ? "true" : "false" }), null, 16, Le),
-				n.suffix ? (T(), o("span", Re, P(n.suffix), 1)) : a("", !0)
+				}, { "aria-invalid": R(v) ? "true" : "false" }), null, 16, Fe),
+				n.suffix ? (T(), o("span", Ie, P(n.suffix), 1)) : a("", !0)
 			], 2),
-			l(Me, {
+			l(Ae, {
 				errors: R(g),
 				id: "error-message-" + R(u)
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), Be = 100, Ve = 200, He = 102, Ue = O([]), We = O([]), Ge = O([]);
-function Ke() {
-	if (!(typeof document > "u")) if (Ge.value.length > 0) {
+}), Re = 100, ze = 200, Be = 102, Ve = O([]), He = O([]), Ue = O([]);
+function We() {
+	if (!(typeof document > "u")) if (Ue.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 qe(e, t = !1, n = !1) {
+function Ge(e, t = !1, n = !1) {
 	if (typeof document > "u") return {};
-	let i = t ? We : Ue;
+	let i = t ? He : Ve;
 	function a() {
-		i.value.push(e), n && !Ge.value.includes(e) && (Ge.value.push(e), Ke());
+		i.value.push(e), n && !Ue.value.includes(e) && (Ue.value.push(e), We());
 	}
 	function o() {
 		let t = i.value.lastIndexOf(e);
 		t !== -1 && i.value.splice(t, 1);
-		let n = Ge.value.lastIndexOf(e);
-		n !== -1 && (Ge.value.splice(n, 1), Ke());
+		let n = Ue.value.lastIndexOf(e);
+		n !== -1 && (Ue.value.splice(n, 1), We());
 	}
-	let s = r(() => !t && We.value.length > 0 ? !1 : i.value.length > 0 && i.value[i.value.length - 1] === e), c = r(() => {
+	let s = r(() => !t && He.value.length > 0 ? !1 : i.value.length > 0 && i.value[i.value.length - 1] === e), c = r(() => {
 		let n = i.value.indexOf(e);
-		return n === -1 ? 0 : (t ? Ve : Be) + n;
+		return n === -1 ? 0 : (t ? ze : Re) + n;
 	});
 	return x(o), {
 		push: a,
@@ -681,31 +595,31 @@ function qe(e, t = !1, n = !1) {
 		zIndex: c
 	};
 }
-function Je() {
+function Ke() {
 	return typeof document > "u" ? {} : {
-		hasModal: r(() => We.value.length > 0),
-		hasOverlay: r(() => Ue.value.length > 0 || We.value.length > 0),
-		hasScrollLock: r(() => Ge.value.length > 0)
+		hasModal: r(() => He.value.length > 0),
+		hasOverlay: r(() => Ve.value.length > 0 || He.value.length > 0),
+		hasScrollLock: r(() => Ue.value.length > 0)
 	};
 }
-function Ye() {
+function qe() {
 	let e = 0;
-	return Ue.value.forEach((t, n) => {
-		e = Math.max(e, Be + n);
-	}), We.value.forEach((t, n) => {
-		e = Math.max(e, Ve + n);
-	}), e > 0 ? e + 1 : He;
+	return Ve.value.forEach((t, n) => {
+		e = Math.max(e, Re + n);
+	}), He.value.forEach((t, n) => {
+		e = Math.max(e, ze + n);
+	}), e > 0 ? e + 1 : Be;
 }
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-var Xe = (e) => e != null;
+var Je = (e) => e != null;
 //#endregion
 //#region ../../node_modules/@vueuse/integrations/dist/useFocusTrap-lXZ_YG-8.js
-function Ze(e, t = {}) {
+function Ye(e, t = {}) {
 	let n, { immediate: i, ...a } = t, o = N(!1), s = N(!1), c = (e) => n && n.activate(e), l = (e) => n && n.deactivate(e);
 	return K(r(() => Z(L(e)).map((e) => {
 		let t = L(e);
 		return typeof t == "string" ? t : ne(t);
-	}).filter(Xe)), (e) => {
+	}).filter(Je)), (e) => {
 		if (e.length) if (!n) n = de(e, {
 			...a,
 			onActivate() {
@@ -734,7 +648,7 @@ function Ze(e, t = {}) {
 }
 //#endregion
 //#region src/compose/useOverlayFocus.ts
-var Qe = [
+var Xe = [
 	"a[href]",
 	"button:not([disabled])",
 	"input:not([disabled])",
@@ -743,8 +657,8 @@ var Qe = [
 	"[tabindex]:not([tabindex='-1'])",
 	"[contenteditable='true']"
 ].join(",");
-function $e(e, t, n = !1) {
-	let r = O(!1), i = () => !!e.value?.querySelector(Qe), { activate: a, deactivate: o, pause: s, unpause: c } = Ze(e, {
+function Ze(e, t, n = !1) {
+	let r = O(!1), i = () => !!e.value?.querySelector(Xe), { activate: a, deactivate: o, pause: s, unpause: c } = Ye(e, {
 		immediate: !1,
 		clickOutsideDeactivates: n,
 		initialFocus: () => {
@@ -788,7 +702,7 @@ function $e(e, t, n = !1) {
 }
 //#endregion
 //#region src/compose/useOverlayEscape.ts
-function et(e, t, n, r, i) {
+function Qe(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;
@@ -808,7 +722,7 @@ function et(e, t, n, r, i) {
 }
 //#endregion
 //#region src/compose/popoverPosition.ts
-function tt(e, t, n, r) {
+function $e(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;
@@ -823,8 +737,16 @@ function tt(e, t, n, r) {
 	};
 }
 //#endregion
-//#region src/components/GPopover.vue?vue&type=script&setup=true&lang.ts
-var nt = { class: "g-popover-wrap" }, rt = ["id"], it = ["aria-labelledby", "aria-label"], at = /* @__PURE__ */ u({
+//#region src/components/GClientOnly.vue
+var et = /* @__PURE__ */ u({
+	__name: "GClientOnly",
+	setup(e) {
+		let t = O(fe());
+		return S(() => {
+			t.value = !0;
+		}), (e, n) => t.value ? A(e.$slots, "default", { key: 0 }) : A(e.$slots, "fallback", { key: 1 });
+	}
+}), tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "aria-label"], it = /* @__PURE__ */ u({
 	__name: "GPopover",
 	props: {
 		minimal: {
@@ -846,8 +768,8 @@ var nt = { class: "g-popover-wrap" }, rt = ["id"], it = ["aria-labelledby", "ari
 		K(I(d, "modelValue"), (e) => {
 			p.value = e;
 		});
-		let m = H(), h = r(() => !!m.trigger), v = U("triggerRef"), b = U("popoverRef"), { isCustomElement: S } = pe(), C = S, w = B(), { push: E, pop: D, isTop: k, zIndex: j } = qe(w, !0), { activate: M, deactivate: N } = $e(b, k, !0);
-		et([b, v], k, p, F, D), K(p, (e) => {
+		let m = H(), h = r(() => !!m.trigger), v = U("triggerRef"), b = U("popoverRef"), { isCustomElement: S } = pe(), C = S, w = B(), { push: E, pop: D, isTop: k, zIndex: j } = Ge(w, !0), { activate: M, deactivate: N } = Ze(b, k, !0);
+		Qe([b, v], k, p, F, D), K(p, (e) => {
 			e ? (g(() => {
 				g(() => M());
 			}), E(), f("show")) : (N(), D(), f("hide"));
@@ -882,7 +804,7 @@ var nt = { class: "g-popover-wrap" }, rt = ["id"], it = ["aria-labelledby", "ari
 				}, q.value = !1, W.value = !1, V.value = { left: "50%" };
 				return;
 			}
-			let { top: r, left: i, xOffset: a, placedAbove: o, overlay: s } = tt(n.getBoundingClientRect(), e, t, { gap: d.minimal ? 0 : 8 });
+			let { top: r, left: i, xOffset: a, placedAbove: o, overlay: s } = $e(n.getBoundingClientRect(), e, t, { gap: d.minimal ? 0 : 8 });
 			z.value = {
 				top: r,
 				left: i
@@ -902,96 +824,99 @@ var nt = { class: "g-popover-wrap" }, rt = ["id"], it = ["aria-labelledby", "ari
 			show: P,
 			hide: F,
 			toggle: L
-		}), (r, c) => (T(), o("div", nt, [h.value ? (T(), o("div", {
+		}), (r, c) => (T(), o("div", tt, [h.value ? (T(), o("div", {
 			key: 0,
 			ref_key: "triggerRef",
 			ref: v,
 			class: "g-popover-trigger",
 			id: `${R(w)}-trigger`
-		}, [A(r.$slots, "trigger", { toggle: L })], 8, rt)) : a("", !0), (T(), i(t, {
-			to: "#modal-root",
-			disabled: R(C)
-		}, [l(n, {
-			name: "g-popover-expand",
-			appear: ""
-		}, {
-			default: J(() => [R(S) || p.value ? Y((T(), o("div", {
-				key: 0,
-				ref_key: "popoverRef",
-				ref: b,
-				class: _({
-					"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": h.value ? `${R(w)}-trigger` : void 0,
-				"aria-label": h.value ? void 0 : "Popover",
-				style: y({
-					top: z.value.top + "px",
-					left: z.value.left + "px",
-					zIndex: R(j)
-				})
-			}, [
-				!q.value && !e.minimal ? (T(), o("div", {
+		}, [A(r.$slots, "trigger", { toggle: L })], 8, nt)) : a("", !0), l(et, null, {
+			default: J(() => [(T(), i(t, {
+				to: "#modal-root",
+				disabled: R(C)
+			}, [l(n, {
+				name: "g-popover-expand",
+				appear: ""
+			}, {
+				default: J(() => [R(S) || p.value ? Y((T(), o("div", {
 					key: 0,
-					class: _(["g-popover-arrow", { "g-popover-arrow-above": W.value }]),
-					style: y(V.value),
-					"aria-hidden": "true"
-				}, null, 6)) : a("", !0),
-				A(r.$slots, "default"),
-				e.minimal ? a("", !0) : (T(), o("button", {
-					key: 1,
-					class: "g-popover-close",
-					type: "button",
-					"aria-label": "Close popover",
-					onClick: F
-				}, [...c[0] ||= [s("svg", {
-					class: "g-popover-close-icon",
-					xmlns: "http://www.w3.org/2000/svg",
-					viewBox: "0 0 51.26 51.26",
-					"aria-hidden": "true"
-				}, [s("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, it)), [[G, p.value]]) : a("", !0)]),
+					ref_key: "popoverRef",
+					ref: b,
+					class: _({
+						"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": h.value ? `${R(w)}-trigger` : void 0,
+					"aria-label": h.value ? void 0 : "Popover",
+					style: y({
+						top: z.value.top + "px",
+						left: z.value.left + "px",
+						zIndex: R(j)
+					})
+				}, [
+					!q.value && !e.minimal ? (T(), o("div", {
+						key: 0,
+						class: _(["g-popover-arrow", { "g-popover-arrow-above": W.value }]),
+						style: y(V.value),
+						"aria-hidden": "true"
+					}, null, 6)) : a("", !0),
+					A(r.$slots, "default"),
+					e.minimal ? a("", !0) : (T(), o("button", {
+						key: 1,
+						class: "g-popover-close",
+						type: "button",
+						"aria-label": "Close popover",
+						onClick: F
+					}, [...c[0] ||= [s("svg", {
+						class: "g-popover-close-icon",
+						xmlns: "http://www.w3.org/2000/svg",
+						viewBox: "0 0 51.26 51.26",
+						"aria-hidden": "true"
+					}, [s("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, rt)), [[G, p.value]]) : a("", !0)]),
+				_: 3
+			})], 8, ["disabled"]))]),
 			_: 3
-		})], 8, ["disabled"]))]));
+		})]));
 	}
-}), ot = 1;
-function st(e = "v-gtooltip") {
-	return `${e}-${++ot}`;
+}), at = 1;
+function ot(e = "v-gtooltip") {
+	return `${e}-${++at}`;
 }
-function ct(e, t = "v-gtooltip") {
+function st(e, t = "v-gtooltip") {
 	let n = e.getAttribute("aria-describedby");
 	if (n) return n;
-	let r = st(t);
+	let r = ot(t);
 	return e.setAttribute("aria-describedby", r), r;
 }
-function lt(e, t) {
+function ct(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 ut(e) {
+function lt(e) {
 	(document.getElementById("modal-root") ?? document.body).appendChild(e);
 }
-function dt(e, t) {
-	let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), { top: i, left: a, placedAbove: o } = tt(n, r, new DOMRect(0, 0, window.innerWidth, window.innerHeight), {
+function ut(e, t) {
+	let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), { top: i, left: a, placedAbove: o } = $e(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 = `${Ye()}`, 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 = `${qe()}`, t.style.visibility = "visible", t.style.opacity = "1";
 }
-function ft(e) {
-	e.style.opacity = "0";
+function dt(e) {
+	e.style.opacity = "0", e.style.visibility = "hidden";
 }
 //#endregion
 //#region src/components/GTooltip.vue
-var pt = /* @__PURE__ */ u({
+var ft = /* @__PURE__ */ u({
 	__name: "GTooltip",
 	props: { text: {} },
 	emits: ["tooltip-hide"],
@@ -1006,12 +931,12 @@ var pt = /* @__PURE__ */ u({
 			return t instanceof HTMLElement ? t : null;
 		}
 		function S() {
-			y && (v || (v = l.value ? st("g-tooltip") : ct(y, "g-tooltip"), l.value && y.setAttribute("aria-describedby", v)), f.value || (f.value = lt(i.text, v), ut(f.value), h = new ResizeObserver(() => {
-				f.value && (p.value || m.value) && y && dt(y, f.value);
+			y && (v || (v = l.value ? ot("g-tooltip") : st(y, "g-tooltip"), l.value && y.setAttribute("aria-describedby", v)), f.value || (f.value = ct(i.text, v), lt(f.value), h = new ResizeObserver(() => {
+				f.value && (p.value || m.value) && y && ut(y, f.value);
 			}), h.observe(f.value)));
 		}
 		function C() {
-			f.value && (p.value || m.value) && y && dt(y, f.value);
+			f.value && (p.value || m.value) && y && ut(y, f.value);
 		}
 		function w() {
 			p.value = !0;
@@ -1057,10 +982,10 @@ var pt = /* @__PURE__ */ u({
 			f.value && (f.value.textContent = e);
 		}), K(() => p.value || m.value, (e) => {
 			if (e) {
-				S(), f.value && y && dt(y, f.value), g ||= (window.addEventListener("scroll", C, { capture: !0 }), !0);
+				S(), f.value && y && ut(y, f.value), g ||= (window.addEventListener("scroll", C, { capture: !0 }), !0);
 				return;
 			}
-			g &&= (window.removeEventListener("scroll", C, { capture: !0 }), !1), f.value && (ft(f.value), _ && clearTimeout(_), _ = window.setTimeout(() => {
+			g &&= (window.removeEventListener("scroll", C, { capture: !0 }), !1), f.value && (dt(f.value), _ && clearTimeout(_), _ = window.setTimeout(() => {
 				s("tooltip-hide");
 			}, 150));
 		}), x(() => {
@@ -1080,11 +1005,11 @@ var pt = /* @__PURE__ */ u({
 			class: "g-tooltip-trigger"
 		}, [A(e.$slots, "trigger")], 512)) : a("", !0)], 512));
 	}
-}), mt = ["disabled"], ht = { class: "g-select-btn-legend" }, gt = {
+}), pt = ["disabled"], mt = { class: "g-select-btn-legend" }, ht = {
 	key: 0,
 	class: "g-select-btn-required",
 	"aria-hidden": "true"
-}, _t = { class: "g-select-btn-row" }, vt = [
+}, gt = { class: "g-select-btn-row" }, _t = [
 	"id",
 	"name",
 	"value",
@@ -1092,7 +1017,7 @@ var pt = /* @__PURE__ */ u({
 	"disabled",
 	"required",
 	"onChange"
-], yt = ["for"], bt = /* @__PURE__ */ u({
+], vt = ["for"], yt = /* @__PURE__ */ u({
 	__name: "GSelectButton",
 	props: /*@__PURE__*/ m({
 		options: {},
@@ -1134,7 +1059,7 @@ var pt = /* @__PURE__ */ u({
 		return (t, n) => (T(), o("fieldset", {
 			class: _(g.value),
 			disabled: i.disabled
-		}, [s("legend", ht, [c(P(i.label), 1), i.required ? (T(), o("span", gt, " *")) : a("", !0)]), s("div", { class: _(["g-select-btn-wrapper", { "g-select-btn-has-error": R(m) }]) }, [s("div", _t, [(T(!0), o(e, null, k(h.value, (t, n) => (T(), o(e, { key: t.value }, [s("input", {
+		}, [s("legend", mt, [c(P(i.label), 1), i.required ? (T(), o("span", ht, " *")) : a("", !0)]), s("div", { class: _(["g-select-btn-wrapper", { "g-select-btn-has-error": R(m) }]) }, [s("div", gt, [(T(!0), o(e, null, k(h.value, (t, n) => (T(), o(e, { key: t.value }, [s("input", {
 			class: "g-select-btn-radio",
 			type: "radio",
 			id: `${R(f)}-${t.value}`,
@@ -1144,29 +1069,29 @@ var pt = /* @__PURE__ */ u({
 			disabled: i.disabled,
 			required: i.required && n === 0,
 			onChange: (e) => y(t.value)
-		}, null, 40, vt), s("label", {
+		}, null, 40, _t), s("label", {
 			for: `${R(f)}-${t.value}`,
 			class: _(v(t.value === d.value))
-		}, P(t.label), 11, yt)], 64))), 128))]), l(Me, {
+		}, P(t.label), 11, vt)], 64))), 128))]), l(Ae, {
 			errors: R(p),
 			id: "error-message-" + R(f)
-		}, null, 8, ["errors", "id"])], 2)], 10, mt));
+		}, null, 8, ["errors", "id"])], 2)], 10, pt));
 	}
-}), xt = ["width", "height"], St = [
+}), bt = ["width", "height"], xt = [
 	"cx",
 	"cy",
 	"r"
-], Ct = [
+], St = [
 	"cx",
 	"cy",
 	"r",
 	"stroke-dasharray",
 	"stroke-dashoffset"
-], wt = [
+], Ct = [
 	"cx",
 	"cy",
 	"r"
-], Tt = /* @__PURE__ */ u({
+], wt = /* @__PURE__ */ u({
 	__name: "GProgress",
 	props: {
 		label: { default: "Loading" },
@@ -1207,7 +1132,7 @@ var pt = /* @__PURE__ */ u({
 			r: i.value,
 			"stroke-width": 4,
 			fill: "none"
-		}, null, 8, St), n.value ? (T(), o("circle", {
+		}, null, 8, xt), n.value ? (T(), o("circle", {
 			key: 0,
 			class: "g-progress__value",
 			cx: i.value + 4 / 2,
@@ -1221,7 +1146,7 @@ var pt = /* @__PURE__ */ u({
 				transform: "rotate(-90deg)",
 				"transform-origin": "center"
 			}
-		}, null, 8, Ct)) : (T(), o("circle", {
+		}, null, 8, St)) : (T(), o("circle", {
 			key: 1,
 			class: "g-progress__spinner",
 			cx: i.value + 4 / 2,
@@ -1229,13 +1154,13 @@ var pt = /* @__PURE__ */ u({
 			r: i.value,
 			"stroke-width": 4,
 			fill: "none"
-		}, null, 8, wt))], 10, xt))], 16));
+		}, null, 8, Ct))], 10, bt))], 16));
 	}
-}), Et = [
+}), Tt = [
 	"id",
 	"aria-labelledby",
 	"aria-describedby"
-], Dt = { class: "g-alertdialog-inner" }, Ot = ["id"], kt = ["id"], At = { class: "g-alertdialog-actions" }, jt = /* @__PURE__ */ u({
+], Et = { class: "g-alertdialog-inner" }, Dt = ["id"], Ot = ["id"], kt = { class: "g-alertdialog-actions" }, At = /* @__PURE__ */ u({
 	__name: "GAlertDialog",
 	props: {
 		label: { default: "Confirmation" },
@@ -1244,11 +1169,11 @@ var pt = /* @__PURE__ */ u({
 	},
 	emits: ["cancel", "confirm"],
 	setup(e, { emit: r }) {
-		let a = e, o = r, u = O(null), d = O(!0), f = B(), { pop: p, push: m, isTop: h, zIndex: g } = qe(f, !0, !0), { deactivate: _, activate: v } = $e(u, h);
+		let a = e, o = r, u = O(null), d = O(!0), f = B(), { pop: p, push: m, isTop: h, zIndex: g } = Ge(f, !0, !0), { deactivate: _, activate: v } = Ze(u, h);
 		function x() {
 			o("cancel");
 		}
-		return et([u], h, d, x, p), S(() => {
+		return Qe([u], h, d, x, p), S(() => {
 			m(), v();
 		}), b(() => {
 			p(), _();
@@ -1266,16 +1191,16 @@ var pt = /* @__PURE__ */ u({
 				ref_key: "dialog",
 				ref: u,
 				style: y({ zIndex: R(g) })
-			}, [s("div", Dt, [
+			}, [s("div", Et, [
 				s("h2", {
 					id: "alertdialog-label-" + R(f),
 					class: "g-alertdialog-label"
-				}, P(a.label), 9, Ot),
+				}, P(a.label), 9, Dt),
 				s("div", {
 					id: "alertdialog-description-" + R(f),
 					class: "g-alertdialog-content"
-				}, [A(e.$slots, "default")], 8, kt),
-				s("div", At, [l(Q, {
+				}, [A(e.$slots, "default")], 8, Ot),
+				s("div", kt, [l(Q, {
 					outlined: "",
 					onClick: r[0] ||= (e) => o("cancel")
 				}, {
@@ -1288,21 +1213,21 @@ var pt = /* @__PURE__ */ u({
 					default: J(() => [c(P(a.buttonText), 1)]),
 					_: 1
 				}, 8, ["theme"])])
-			])], 12, Et)]),
+			])], 12, Tt)]),
 			_: 3
 		})]));
 	}
 });
 //#endregion
 //#region src/compose/useSelectDropdown.ts
-function Mt(e) {
+function jt(e) {
 	return e.map((e) => typeof e == "string" ? {
 		label: e,
 		value: e
 	} : e);
 }
-function Nt({ open: e, anchorRef: t, listboxRef: n, baseId: i, activeIndex: a }) {
-	let { push: o, pop: s, isTop: c } = qe(i), l = O("below"), u = O(null), d = r(() => {
+function Mt({ open: e, anchorRef: t, listboxRef: n, baseId: i, activeIndex: a }) {
+	let { push: o, pop: s, isTop: c } = Ge(i), l = O("below"), u = O(null), d = r(() => {
 		let e = {};
 		return u.value !== null && (e.maxHeight = `${u.value}px`), l.value === "above" ? (e.top = "auto", e.bottom = "100%") : (e.top = "100%", e.bottom = "auto"), e;
 	});
@@ -1345,11 +1270,11 @@ function Nt({ open: e, anchorRef: t, listboxRef: n, baseId: i, activeIndex: a })
 }
 //#endregion
 //#region src/components/GSelect.vue?vue&type=script&setup=true&lang.ts
-var Pt = ["id"], Ft = {
+var Nt = ["id"], Pt = {
 	key: 0,
 	class: "g-select-required",
 	"aria-hidden": "true"
-}, It = { class: "g-select-input-wrap" }, Lt = ["id"], Rt = [
+}, Ft = { class: "g-select-input-wrap" }, It = ["id"], Lt = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -1357,21 +1282,21 @@ var Pt = ["id"], Ft = {
 	"aria-expanded",
 	"aria-required",
 	"aria-activedescendant"
-], zt = [
+], Rt = [
 	"id",
 	"aria-controls",
 	"aria-expanded",
 	"aria-required",
 	"aria-activedescendant"
-], Bt = ["id"], Vt = [
+], zt = ["id"], Bt = [
 	"id",
 	"aria-selected",
 	"onClick"
-], Ht = {
+], Vt = {
 	key: 1,
 	"aria-live": "polite",
 	class: "g-select-combo-option g-select-option g-select-no-results"
-}, Ut = /* @__PURE__ */ u({
+}, Ht = /* @__PURE__ */ u({
 	__name: "GSelect",
 	props: /*@__PURE__*/ m({
 		options: {},
@@ -1409,13 +1334,13 @@ var Pt = ["id"], Ft = {
 			value: d,
 			errors: I(i, "errors"),
 			formKey: i.formKey
-		}), { menuPlacement: E, menuStyle: D, isTop: j, scrollOptionIntoView: M } = Nt({
+		}), { menuPlacement: E, menuStyle: D, isTop: j, scrollOptionIntoView: M } = Mt({
 			open: y,
 			anchorRef: p,
 			listboxRef: m,
 			baseId: f,
 			activeIndex: b
-		}), N = r(() => Mt(i.options)), F = O(""), L = r(() => {
+		}), N = r(() => jt(i.options)), F = O(""), L = r(() => {
 			if (!i.searchable || !y.value || !F.value) return N.value;
 			let e = F.value.toLowerCase();
 			return N.value.filter((t) => t.label.toLowerCase().includes(e));
@@ -1523,8 +1448,8 @@ var Pt = ["id"], Ft = {
 				key: 0,
 				id: R(f) + "-label",
 				class: "g-select-combo-label g-select-label"
-			}, [c(P(i.label), 1), i.required ? (T(), o("span", Ft, " *")) : a("", !0)], 8, Pt)),
-			s("div", It, [i.searchable ? (T(), o("div", {
+			}, [c(P(i.label), 1), i.required ? (T(), o("span", Pt, " *")) : a("", !0)], 8, Nt)),
+			s("div", Ft, [i.searchable ? (T(), o("div", {
 				key: 0,
 				class: "g-select-combo-input g-select-control",
 				id: R(f)
@@ -1551,7 +1476,7 @@ var Pt = ["id"], Ft = {
 				}, t.hiddenLabel ? { "aria-label": i.label } : { "aria-labelledby": R(f) + "-label" }, {
 					role: "combobox",
 					autocomplete: "off"
-				}), null, 16, Rt),
+				}), null, 16, Lt),
 				ie.value ? (T(), o("button", {
 					key: 0,
 					type: "button",
@@ -1577,7 +1502,7 @@ var Pt = ["id"], Ft = {
 					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, Lt)) : (T(), o("div", h({
+			], 8, It)) : (T(), o("div", h({
 				key: 1,
 				ref_key: "comboRef",
 				ref: p,
@@ -1622,7 +1547,7 @@ var Pt = ["id"], Ft = {
 					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, zt)), Y(s("div", h({
+			], 16, Rt)), Y(s("div", h({
 				ref_key: "listboxRef",
 				ref: m,
 				class: ["g-select-combo-menu g-select-list", { "g-select-combo-menu--above": R(E) === "above" }],
@@ -1644,34 +1569,34 @@ var Pt = ["id"], Ft = {
 				option: e,
 				selected: e.value === d.value,
 				index: t
-			}, () => [c(P(e.label), 1)])], 42, Vt))), 128)) : (T(), o("div", Ht, " No results found. "))], 16, Bt), [[G, y.value]])]),
-			l(Me, {
+			}, () => [c(P(e.label), 1)])], 42, Bt))), 128)) : (T(), o("div", Vt, " No results found. "))], 16, zt), [[G, y.value]])]),
+			l(Ae, {
 				errors: R(C),
 				id: "error-message-" + R(f)
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), Wt = ["aria-label"], Gt = [
+}), Ut = ["aria-label"], Wt = [
 	"placeholder",
 	"value",
 	"aria-expanded",
 	"aria-controls",
 	"aria-activedescendant"
-], Kt = {
+], Gt = {
 	key: 0,
 	class: "g-search-dropdown"
-}, qt = {
+}, Kt = {
 	"aria-live": "polite",
 	class: "g-search-result-count"
-}, Jt = ["id"], Yt = ["aria-label"], Xt = { class: "g-search-group-label" }, Zt = [
+}, qt = ["id"], Jt = ["aria-label"], Yt = { class: "g-search-group-label" }, Xt = [
 	"id",
 	"onMousedown",
 	"aria-selected"
-], Qt = [
+], Zt = [
 	"id",
 	"onMousedown",
 	"aria-selected"
-], $t = /* @__PURE__ */ u({
+], Qt = /* @__PURE__ */ u({
 	__name: "GSearch",
 	props: /*@__PURE__*/ m({
 		results: {},
@@ -1752,12 +1677,12 @@ var Pt = ["id"], Ft = {
 			"aria-autocomplete": "list",
 			"aria-controls": `${R(M)}-list`,
 			"aria-activedescendant": h.value >= 0 ? "g-search-option-" + v.value[h.value].id : void 0
-		}, null, 40, Gt), s("button", {
+		}, null, 40, Wt), s("button", {
 			type: "submit",
 			class: "g-search-submit",
 			"aria-label": "Submit search",
 			onKeydown: C
-		}, [E.value ? (T(), i(Tt, {
+		}, [E.value ? (T(), i(wt, {
 			key: 0,
 			size: "tiny"
 		})) : a("", !0), n[1] ||= s("svg", {
@@ -1768,7 +1693,7 @@ var Pt = ["id"], Ft = {
 		}, [s("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), D.value ? (T(), o("div", Kt, [s("div", qt, [E.value ? a("", !0) : (T(), o(e, { key: 0 }, [c(P(y.value) + " result" + P(y.value === 1 ? "" : "s"), 1)], 64))]), s("div", {
+		})], -1)], 32)], 32), D.value ? (T(), o("div", Gt, [s("div", Kt, [E.value ? a("", !0) : (T(), o(e, { key: 0 }, [c(P(y.value) + " result" + P(y.value === 1 ? "" : "s"), 1)], 64))]), s("div", {
 			role: "listbox",
 			id: `${R(M)}-list`,
 			ref_key: "listboxRef",
@@ -1779,29 +1704,29 @@ var Pt = ["id"], Ft = {
 			class: "g-search-group",
 			role: "group",
 			"aria-label": n.label
-		}, [A(t.$slots, "group", { group: n }, () => [s("div", Xt, P(n.label), 1)]), (T(!0), o(e, null, k(n.items, (e, n) => (T(), o("div", {
+		}, [A(t.$slots, "group", { group: n }, () => [s("div", Yt, P(n.label), 1)]), (T(!0), o(e, null, k(n.items, (e, n) => (T(), o("div", {
 			key: e.id,
 			id: "g-search-option-" + e.id,
 			class: _(["g-search-option", { "g-search-option-active": v.value[h.value] && v.value[h.value].id === e.id }]),
 			role: "option",
 			onMousedown: X((t) => w(e), ["prevent"]),
 			"aria-selected": v.value[h.value] && v.value[h.value].id === e.id
-		}, [A(t.$slots, "option", { option: e }, () => [c(P(e.title), 1)])], 42, Zt))), 128))], 8, Yt))), 128)) : y.value > 0 ? (T(!0), o(e, { key: 1 }, k(v.value, (e, n) => (T(), o("div", {
+		}, [A(t.$slots, "option", { option: e }, () => [c(P(e.title), 1)])], 42, Xt))), 128))], 8, Jt))), 128)) : y.value > 0 ? (T(!0), o(e, { key: 1 }, k(v.value, (e, n) => (T(), o("div", {
 			key: e.id,
 			id: "g-search-option-" + e.id,
 			class: _(["g-search-option", { "g-search-option-active": h.value === n }]),
 			role: "option",
 			onMousedown: X((t) => w(e), ["prevent"]),
 			"aria-selected": h.value === n
-		}, [A(t.$slots, "option", { option: e }, () => [c(P(e.title), 1)])], 42, Qt))), 128)) : a("", !0)], 8, Jt)])) : a("", !0)], 8, Wt));
+		}, [A(t.$slots, "option", { option: e }, () => [c(P(e.title), 1)])], 42, Zt))), 128)) : a("", !0)], 8, qt)])) : a("", !0)], 8, Ut));
 	}
-}), en = { class: /*@__PURE__*/ _({ "g-app-header": !0 }) }, tn = { class: "g-app-header__brand" }, nn = {
+}), $t = { class: /*@__PURE__*/ _({ "g-app-header": !0 }) }, en = { class: "g-app-header__brand" }, tn = {
 	class: "g-app-header__brand-text",
 	href: "/"
-}, rn = {
+}, nn = {
 	key: 0,
 	class: "g-app-header__block-i-container"
-}, an = { class: "g-app-header__title" }, on = { class: "g-app-header__app-controls-wrap" }, sn = /* @__PURE__ */ u({
+}, rn = { class: "g-app-header__title" }, an = { class: "g-app-header__app-controls-wrap" }, on = /* @__PURE__ */ u({
 	__name: "GAppHeader",
 	props: {
 		illinois: {
@@ -1811,10 +1736,10 @@ var Pt = ["id"], Ft = {
 		brand: { default: "GRAD" }
 	},
 	setup(e) {
-		return (t, n) => (T(), o("header", en, [
+		return (t, n) => (T(), o("header", $t, [
 			n[1] ||= s("div", { class: "g-app-header__background" }, [s("div", { class: "g-app-header__background-pattern" }), s("div", { class: "g-app-header__background-gradient" })], -1),
-			s("div", tn, [A(t.$slots, "left", {}, () => [s("a", nn, P(e.brand), 1)])]),
-			e.illinois ? (T(), o("div", rn, [...n[0] ||= [s("svg", {
+			s("div", en, [A(t.$slots, "left", {}, () => [s("a", tn, P(e.brand), 1)])]),
+			e.illinois ? (T(), o("div", nn, [...n[0] ||= [s("svg", {
 				class: "g-app-header__block-i",
 				role: "img",
 				width: "55",
@@ -1831,24 +1756,24 @@ var Pt = ["id"], Ft = {
 					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)]])) : A(t.$slots, "icon", { key: 1 }),
-			s("div", an, [A(t.$slots, "title")]),
-			s("div", on, [A(t.$slots, "app-controls", { class: "g-app-header__app-controls" })])
+			s("div", rn, [A(t.$slots, "title")]),
+			s("div", an, [A(t.$slots, "app-controls", { class: "g-app-header__app-controls" })])
 		]));
 	}
 });
 //#endregion
 //#region src/compose/useWebComponentSidebar.ts
-function cn(e) {
+function sn(e) {
 	return e.replace(/[^a-zA-Z0-9_-]/g, "-");
 }
-function ln() {
+function cn() {
 	let e = globalThis;
 	return e.__GRAD_VUE_WC_SIDEBAR_CHANNELS__ ||= /* @__PURE__ */ new Map(), e.__GRAD_VUE_WC_SIDEBAR_CHANNELS__;
 }
-function un(e = "default", t) {
-	let n = ln(), r = e || "default", i = typeof t == "string" ? t : t?.value, a = i && i.trim() ? i : "(max-width: 800px)";
+function ln(e = "default", t) {
+	let n = cn(), r = e || "default", i = typeof t == "string" ? t : t?.value, a = i && i.trim() ? i : "(max-width: 800px)";
 	if (!n.has(r)) {
-		let e = cn(r), t = O(a);
+		let e = sn(r), t = O(a);
 		n.set(r, {
 			id: `g-wc-sidebar-${e}`,
 			open: O(!1),
@@ -1884,6 +1809,89 @@ function un(e = "default", t) {
 	}), o;
 }
 //#endregion
+//#region src/compose/useScrollRestore.ts
+function un(e, t) {
+	let n = t ? ue(`${t}:scroll`, 0, { writeDefaults: !1 }) : null, r = O(!!(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";
+	}
+	function l(e) {
+		if (typeof window > "u") return null;
+		if (c(e)) return e;
+		let t = e.parentElement;
+		for (; t && t !== document.documentElement && t !== document.body;) {
+			if (c(t)) return t;
+			t = t.parentElement;
+		}
+		return null;
+	}
+	function u() {
+		n && i && (n.value = i.scrollTop);
+	}
+	function d() {
+		a &&= (a.disconnect(), null), o &&= (o.disconnect(), null);
+	}
+	function f() {
+		r.value = !1;
+	}
+	function p() {
+		return !e.value || !i ? !1 : e.value.getClientRects().length > 0 && i.getClientRects().length > 0 && i.clientHeight > 0;
+	}
+	function m() {
+		if (!n || !i || s) {
+			f();
+			return;
+		}
+		if (n.value <= 0) {
+			f();
+			return;
+		}
+		if (p()) {
+			if (i.scrollHeight - i.clientHeight <= 0) {
+				f(), d();
+				return;
+			}
+			i.scrollTop = n.value, s = i.scrollTop > 0, s && (f(), d());
+		}
+	}
+	function h(e) {
+		if (typeof MutationObserver > "u") return;
+		o = new MutationObserver(() => {
+			m();
+		});
+		let t = e;
+		for (; t;) o.observe(t, {
+			attributes: !0,
+			attributeFilter: [
+				"class",
+				"style",
+				"hidden",
+				"open"
+			]
+		}), t = t.parentElement;
+	}
+	return S(() => {
+		if (!e.value) {
+			f();
+			return;
+		}
+		if (!n) {
+			f();
+			return;
+		}
+		if (i = l(e.value), !i) {
+			f();
+			return;
+		}
+		m(), typeof ResizeObserver < "u" && (a = new ResizeObserver(() => {
+			m();
+		}), a.observe(e.value), a.observe(i)), h(e.value), i.addEventListener("scroll", u);
+	}), C(() => {
+		d(), i &&= (i.removeEventListener("scroll", u), null), s = !1;
+	}), { isPendingScrollRestore: r };
+}
+//#endregion
 //#region src/components/GSidebar.vue?vue&type=script&setup=true&lang.ts
 var dn = ["id"], fn = /* @__PURE__ */ u({
 	__name: "GSidebar",
@@ -1895,11 +1903,12 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 		topOffsetVar: { default: "" },
 		width: { default: "300px" },
 		sidebarKey: { default: "default" },
-		mediaQuery: {}
+		mediaQuery: {},
+		storageKey: {}
 	},
 	setup(e) {
-		let t = e, n = p("sidebar", () => void 0, !0) ?? (fe() ? un(t.sidebarKey, I(t, "mediaQuery")) : void 0), i = r(() => t.backgroundImage ? t.backgroundImage : t.theme === "light" ? "none" : "url('https://gradcdn.blob.core.windows.net/public/sidebar-bg2.jpg')"), a = r(() => t.backgroundColor ? t.backgroundColor : t.theme === "light" ? "#f9f9f9" : "#030913"), s = r(() => t.topOffsetVar ? `var(${t.topOffsetVar})` : t.topOffset ? t.topOffset : "var(--g-toolbar-height)"), c = B();
-		function l(e) {
+		let t = e, n = p("sidebar", () => void 0, !0) ?? (fe() ? ln(t.sidebarKey, I(t, "mediaQuery")) : void 0), i = r(() => t.backgroundImage ? t.backgroundImage : t.theme === "light" ? "none" : "url('https://gradcdn.blob.core.windows.net/public/sidebar-bg2.jpg')"), a = r(() => t.backgroundColor ? t.backgroundColor : t.theme === "light" ? "#f9f9f9" : "#030913"), s = r(() => t.topOffsetVar ? `var(${t.topOffsetVar})` : t.topOffset ? t.topOffset : "var(--g-toolbar-height)"), c = B(), { isPendingScrollRestore: l } = un(U("sidebar-ref"), t.storageKey);
+		function u(e) {
 			e.key === "Escape" && n?.isCollapsible?.value && n?.open?.value && (n.open.value = !1, document.getElementById(`${n.id}-hamburger`)?.focus());
 		}
 		return (t, r) => (T(), o("div", {
@@ -1908,7 +1917,8 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 			class: _(["g-sidebar", [`g-sidebar__${e.theme}`, {
 				"g-sidebar--collapsible": R(n)?.isCollapsible?.value,
 				"g-sidebar--closed": !R(n)?.open?.value && R(n)?.isCollapsible?.value,
-				"g-sidebar--open": R(n)?.open?.value && R(n)?.isCollapsible?.value
+				"g-sidebar--open": R(n)?.open?.value && R(n)?.isCollapsible?.value,
+				"g-sidebar--restore-pending": R(l)
 			}]]),
 			style: y({
 				backgroundImage: i.value,
@@ -1917,7 +1927,7 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 				"--g-sidebar-width": e.width ?? "300px",
 				width: "var(--g-sidebar-width)"
 			}),
-			onKeydown: l
+			onKeydown: u
 		}, [A(t.$slots, "default")], 46, dn));
 	}
 }), pn = ["id"], mn = { class: "g-sidebar-menu__list" }, hn = [
@@ -2001,19 +2011,19 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 	}
 }), _n = {
 	mounted(e, t) {
-		let n = O(null), r = O(!1), i = O(!1), a = O(t.value), o = null, s = !1, c = ct(e), l = () => {
-			n.value || (n.value = lt(a.value, c), ut(n.value), o = new ResizeObserver(() => {
-				n.value && (r.value || i.value) && dt(e, n.value);
+		let n = O(null), r = O(!1), i = O(!1), a = O(t.value), o = null, s = !1, c = st(e), l = () => {
+			n.value || (n.value = ct(a.value, c), lt(n.value), o = new ResizeObserver(() => {
+				n.value && (r.value || i.value) && ut(e, n.value);
 			}), o.observe(n.value));
 		};
 		q(() => {
 			n.value && (n.value.textContent = a.value);
 		});
 		let u = () => {
-			n.value && (r.value || i.value) && dt(e, n.value);
+			n.value && (r.value || i.value) && ut(e, n.value);
 		};
 		q(() => {
-			r.value || i.value ? (l(), n.value && dt(e, n.value), s ||= (window.addEventListener("scroll", u, { capture: !0 }), !0)) : (s &&= (window.removeEventListener("scroll", u, { capture: !0 }), !1), n.value && (ft(n.value), setTimeout(() => {
+			r.value || i.value ? (l(), n.value && ut(e, n.value), s ||= (window.addEventListener("scroll", u, { capture: !0 }), !0)) : (s &&= (window.removeEventListener("scroll", u, { capture: !0 }), !1), n.value && (dt(n.value), setTimeout(() => {
 				e.dispatchEvent(new CustomEvent("tooltip-hide"));
 			}, 150)));
 		});
@@ -2075,7 +2085,7 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 640 640",
 			height: "1.125rem",
-			role: "none presentation"
+			role: "none"
 		}, [s("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"
@@ -2306,6 +2316,7 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 	"onChange",
 	"aria-labelledby",
 	"aria-invalid",
+	"aria-errormessage",
 	"name"
 ], Xn = ["value"], Zn = [
 	"value",
@@ -2432,6 +2443,7 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 				onChange: (e) => g(e, n, r),
 				"aria-labelledby": v(n, r),
 				"aria-invalid": S(n, r),
+				"aria-errormessage": S(n, r) ? `${t.tableId}-error-${n.key}-${String(r.key)}` : void 0,
 				name: `row-${n.key}-${String(r.key)}-select`,
 				class: "editable-input editable-select"
 			}, [(T(!0), o(e, null, k(r.editable.options, (e) => (T(), o("option", {
@@ -2527,13 +2539,13 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 			value: d,
 			errors: I(i, "errors"),
 			formKey: i.formKey
-		}), { menuPlacement: E, menuStyle: D, isTop: A, scrollOptionIntoView: j } = Nt({
+		}), { menuPlacement: E, menuStyle: D, isTop: A, scrollOptionIntoView: j } = Mt({
 			open: y,
 			anchorRef: m,
 			listboxRef: v,
 			baseId: f,
 			activeIndex: b
-		}), M = r(() => Mt(i.options)), N = r(() => {
+		}), M = r(() => jt(i.options)), N = r(() => {
 			if (!x.value) return M.value;
 			let e = x.value.toLowerCase();
 			return M.value.filter((t) => t.label.toLowerCase().includes(e));
@@ -2640,7 +2652,8 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 				class: _(["g-multiselect-control", { "g-multiselect-control--disabled": t.disabled }]),
 				onClick: K
 			}, [
-				s("ul", {
+				d.value.length ? (T(), o("ul", {
+					key: 0,
 					class: "g-multiselect-chips",
 					"aria-labelledby": ie.value
 				}, [(T(!0), o(e, null, k(d.value, (e) => (T(), o("li", {
@@ -2657,11 +2670,11 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 					xmlns: "http://www.w3.org/2000/svg",
 					viewBox: "0 0 51.26 51.26",
 					width: "1em",
-					role: "none presentation"
+					role: "none"
 				}, [s("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, or)]))), 128))], 8, ir),
+				})], -1)]], 40, or)]))), 128))], 8, ir)) : a("", !0),
 				s("input", h({
 					ref_key: "inputRef",
 					ref: p,
@@ -2719,7 +2732,7 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 					onClick: (e) => U(t)
 				}, [s("span", ur, [F(e.value) ? (T(), o("svg", dr, [...r[1] ||= [s("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)]])) : a("", !0)]), c(" " + P(e.label), 1)], 42, lr))), 128)) : (T(), o("div", fr, " No results found. "))], 16, cr), [[G, y.value]])
 			], 2),
-			l(Me, {
+			l(Ae, {
 				errors: R(C),
 				id: oe.value
 			}, null, 8, ["errors", "id"])
@@ -2974,7 +2987,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 			}, [...r[1] ||= [s("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, Pr))])) : a("", !0)], 8, Mr)) : (T(), o("span", Fr, P(t.label), 1)), t.filter ? (T(), i(at, { key: 2 }, {
+			}, null, -1)]], 12, Pr))])) : a("", !0)], 8, Mr)) : (T(), o("span", Fr, P(t.label), 1)), t.filter ? (T(), i(it, { key: 2 }, {
 				trigger: J(({ toggle: e }) => [s("button", {
 					onClick: X(e, ["stop"]),
 					"aria-label": R(x)[t.key] ? "Column Filtered" : "Filter Column",
@@ -2989,7 +3002,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 					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, Ir)]),
-				default: J(() => [t.filter.type === "select" ? (T(), i(Ut, {
+				default: J(() => [t.filter.type === "select" ? (T(), i(Ht, {
 					key: 0,
 					modelValue: f.value[t.key],
 					"onUpdate:modelValue": (e) => f.value[t.key] = e,
@@ -3240,11 +3253,11 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 	},
 	emits: ["close"],
 	setup(e, { emit: c }) {
-		let u = e, d = c, f = U("dialog"), p = O(!0), m = B(), { pop: g, push: _, isTop: v, zIndex: y } = qe(m, !0, !0), { deactivate: x, activate: C } = $e(f, v);
+		let u = e, d = c, f = U("dialog"), p = O(!0), m = B(), { pop: g, push: _, isTop: v, zIndex: y } = Ge(m, !0, !0), { deactivate: x, activate: C } = Ze(f, v);
 		function w() {
 			d("close");
 		}
-		et([f], v, p, w, g), S(() => {
+		Qe([f], v, p, w, g), S(() => {
 			_(), C();
 		}), b(() => {
 			g(), x();
@@ -3315,7 +3328,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 	},
 	emits: ["toggle"],
 	setup(e, { emit: t }) {
-		let n = e, r = p("sidebar") ?? (fe() ? un(n.sidebarKey, I(n, "mediaQuery")) : void 0), i = t;
+		let n = e, r = p("sidebar") ?? (fe() ? ln(n.sidebarKey, I(n, "mediaQuery")) : void 0), i = t;
 		function c() {
 			i("toggle"), r?.toggle();
 		}
@@ -3359,7 +3372,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 }, yi = /* @__PURE__ */ u({
 	__name: "GOverlay",
 	setup(e) {
-		let { hasScrollLock: t } = Je();
+		let { hasScrollLock: t } = Ke();
 		return (e, r) => (T(), i(n, { name: "g-fade" }, {
 			default: J(() => [R(t) ? (T(), o("div", vi)) : a("", !0)]),
 			_: 1
@@ -3386,7 +3399,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = V(e, "modelValue");
-		return (n, r) => (T(), o("div", bi, [s("div", xi, [l(Ut, {
+		return (n, r) => (T(), o("div", bi, [s("div", xi, [l(Ht, {
 			modelValue: t.value.year,
 			"onUpdate:modelValue": r[0] ||= (e) => t.value.year = e,
 			options: e.termYears,
@@ -3395,7 +3408,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 			"modelValue",
 			"options",
 			"label"
-		])]), s("div", Si, [l(bt, {
+		])]), s("div", Si, [l(yt, {
 			modelValue: t.value.name,
 			"onUpdate:modelValue": r[1] ||= (e) => t.value.name = e,
 			options: e.termNames,
@@ -3432,7 +3445,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = V(e, "modelValue");
-		return (n, r) => (T(), o("div", wi, [l(at, null, {
+		return (n, r) => (T(), o("div", wi, [l(it, null, {
 			trigger: J(({ toggle: e }) => [l(Q, {
 				class: "g-term-selector-button",
 				theme: "none",
@@ -3441,13 +3454,13 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 			}, {
 				default: J(() => [
 					r[0] ||= s("span", { class: "g-calendar-icon" }, [s("svg", {
-						role: "none presentation",
+						role: "none",
 						xmlns: "http://www.w3.org/2000/svg",
 						viewBox: "0 0 640 640"
 					}, [s("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),
 					s("span", Ti, P(t.value?.name) + " " + P(t.value?.year), 1),
 					r[1] ||= s("span", { class: "g-caret" }, [s("svg", {
-						role: "none presentation",
+						role: "none",
 						xmlns: "http://www.w3.org/2000/svg",
 						viewBox: "0 0 640 640"
 					}, [s("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)
@@ -3474,7 +3487,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 		let n = `${B()}-email`, r = O(!1), a = U("emailHeading");
 		d()?.appContext?.components?.RouterLink;
 		let c = H();
-		return (u, d) => (T(), o("div", Oi, [l(at, {
+		return (u, d) => (T(), o("div", Oi, [l(it, {
 			modelValue: r.value,
 			"onUpdate:modelValue": d[0] ||= (e) => r.value = e,
 			minimal: ""
@@ -3524,7 +3537,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = e, n = V(e, "modelValue");
-		return (e, r) => (T(), i(ze, h({
+		return (e, r) => (T(), i(Le, h({
 			modelValue: n.value,
 			"onUpdate:modelValue": r[0] ||= (e) => n.value = e,
 			name: t.name,
@@ -3574,7 +3587,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = V(e, "modelValue");
-		return (n, r) => (T(), i(ze, h({
+		return (n, r) => (T(), i(Le, h({
 			modelValue: t.value,
 			"onUpdate:modelValue": r[0] ||= (e) => t.value = e,
 			name: e.name,
@@ -3696,12 +3709,12 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 					class: "g-file-input-pill"
 				}, [r[0] ||= s("svg", {
 					class: "g-file-input-pill-icon",
-					role: "none presentation",
+					role: "none",
 					xmlns: "http://www.w3.org/2000/svg",
 					viewBox: "0 0 640 640"
 				}, [s("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), c(" " + P(e), 1)]))), 128))])) : a("", !0)
 			], 2),
-			l(Me, {
+			l(Ae, {
 				errors: v.value,
 				id: "error-message-" + R(d)
 			}, null, 8, ["errors", "id"])
@@ -3731,7 +3744,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = e, n = V(e, "modelValue");
-		return (e, r) => (T(), i(ze, h({
+		return (e, r) => (T(), i(Le, h({
 			modelValue: n.value,
 			"onUpdate:modelValue": r[0] ||= (e) => n.value = e,
 			name: t.name,
@@ -3855,7 +3868,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 	}),
 	emits: /*@__PURE__*/ m(["submit"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, r = V(e, "modelValue"), i = t, a = p("form", null), s = a ?? (fe() ? Ae(n.formKey) : Oe());
+		let n = e, r = V(e, "modelValue"), i = t, a = p("form", null), s = a ?? (fe() ? Oe(n.formKey) : Ee());
 		a || E("form", s), K(() => s.values.value, (e) => {
 			r.value = { ...e };
 		}, { deep: !0 }), K(() => r.value, (e) => {
@@ -3897,7 +3910,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 		formKey: { default: "default" }
 	},
 	setup(e) {
-		let t = e, n = z(), a = typeof n["form-key"] == "string" ? n["form-key"] : void 0, o = t.formKey || a || "default", l = p("form", null) ?? (fe() ? Ae(o) : null), u = r(() => t.disabled || (l?.isSubmitting.value ?? !1)), d = r(() => l?.isSubmitting.value ?? !1);
+		let t = e, n = z(), a = typeof n["form-key"] == "string" ? n["form-key"] : void 0, o = t.formKey || a || "default", l = p("form", null) ?? (fe() ? Oe(o) : null), u = r(() => t.disabled || (l?.isSubmitting.value ?? !1)), d = r(() => l?.isSubmitting.value ?? !1);
 		return (e, n) => (T(), i(Q, {
 			type: "submit",
 			disabled: u.value,
@@ -3986,7 +3999,6 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 			let n = [];
 			return !u.radio && u.instructions && n.push(S.value), e.hint && n.push(E(t)), u.radio ? { "aria-describedby": n.length ? n.join(" ") : void 0 } : {
 				"aria-describedby": n.length ? n.join(" ") : void 0,
-				"aria-required": u.required && u.options.length > 1 ? "true" : void 0,
 				"aria-invalid": m.value ? "true" : "false",
 				"aria-errormessage": m.value ? x.value : void 0
 			};
@@ -4019,7 +4031,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 					id: E(n),
 					class: "g-checkbox-group__hint"
 				}, P(e.hint), 9, ca)) : a("", !0)], 2))), 128))]),
-				l(Me, {
+				l(Ae, {
 					errors: R(p),
 					id: x.value
 				}, null, 8, ["errors", "id"])
@@ -4145,7 +4157,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 				onPaste: D
 			}), null, 16, pa),
 			n.maxlength === void 0 ? a("", !0) : (T(), o("div", ma, P((i.value ?? "").length) + " / " + P(n.maxlength), 1)),
-			l(Me, {
+			l(Ae, {
 				errors: R(v),
 				id: "error-message-" + R(u)
 			}, null, 8, ["errors", "id"])
@@ -4318,6 +4330,6 @@ function va() {
 	};
 }
 //#endregion
-export { Ae as $, er as A, Ut as B, gr as C, vr as D, hr as E, gn as F, at as G, Tt as H, fn as I, $e as J, tt as K, un as L, wn as M, yn as N, yr as O, _n as P, $ as Q, sn as R, Jr as S, _r as T, bt as U, jt as V, pt as W, Je as X, qe as Y, ze as Z, _i as _, la as a, Q as at, li as b, Yi as c, Pi as d, Oe as et, Ni as f, yi as g, Ci as h, ha as i, ge as it, zn as j, pr as k, Hi as l, Di as m, _a as n, Se as nt, Qi as o, Mi as p, et as q, ga as r, xe as rt, Zi as s, va as t, De as tt, Vi as u, pi as v, mr as w, ri as x, fi as y, $t as z };
+export { $, er as A, Qt as B, gr as C, vr as D, hr as E, gn as F, ft as G, At as H, fn as I, Qe as J, it as K, un as L, wn as M, yn as N, yr as O, _n as P, Le as Q, ln as R, Jr as S, _r as T, wt as U, Ht as V, yt as W, Ge as X, Ze as Y, Ke as Z, _i as _, la as a, Q as at, li as b, Yi as c, Pi as d, Oe as et, Ni as f, yi as g, Ci as h, ha as i, be as it, zn as j, pr as k, Hi as l, Di as m, _a as n, Te as nt, Qi as o, Mi as p, $e as q, ga as r, xe as rt, Zi as s, va as t, Ee as tt, Vi as u, pi as v, mr as w, ri as x, fi as y, on as z };
 
-//# sourceMappingURL=grad-vue-SmHF581D.js.map
+//# sourceMappingURL=grad-vue-85A5znlz.js.map