@illinois-grad/grad-vue 2.5.2 → 2.5.3

package/dist/{grad-vue-_KJazv6D.js → grad-vue-D4cwVtpD.js}

@@ -1,11 +1,11 @@
-import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, getCurrentInstance as d, guardReactiveProps as f, inject as p, mergeModels as m, mergeProps as h, nextTick as g, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeMount as b, onBeforeUnmount as x, onMounted as S, openBlock as C, provide as w, reactive as T, ref as E, renderList as D, renderSlot as O, resolveComponent as k, resolveDynamicComponent as A, shallowReactive as j, shallowRef as M, toDisplayString as N, toRaw as P, toRef as F, toValue as I, unref as L, useAttrs as R, useId as z, useModel as B, useSlots as V, useTemplateRef as H, vModelCheckbox as ee, vShow as te, watch as U, watchEffect as W, withCtx as G, withDirectives as ne, withModifiers as K } from "vue";
-import { createEventHook as q, toArray as re, tryOnScopeDispose as J, unrefElement as Y, useClipboard as ie, useDebounceFn as ae, useFocusWithin as oe, useIntersectionObserver as se, useMediaQuery as ce, useMutationObserver as le, useResizeObserver as ue } from "@vueuse/core";
-import { createFocusTrap as de } from "focus-trap";
+import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, getCurrentInstance as d, guardReactiveProps as f, inject as p, mergeModels as m, mergeProps as h, nextTick as g, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeMount as b, onBeforeUnmount as x, onMounted as S, openBlock as C, provide as w, reactive as T, ref as E, renderList as D, renderSlot as O, resolveComponent as k, resolveDynamicComponent as A, shallowReactive as j, shallowRef as M, toDisplayString as N, toRaw as P, toRef as F, toValue as I, unref as L, useAttrs as R, useId as z, useModel as B, useSlots as V, useTemplateRef as H, vModelCheckbox as U, vShow as ee, watch as W, watchEffect as G, withCtx as K, withDirectives as q, withModifiers as J } from "vue";
+import { createEventHook as Y, toArray as te, tryOnScopeDispose as X, unrefElement as ne, useClipboard as re, useDebounceFn as ie, useFocusWithin as ae, useIntersectionObserver as oe, useMediaQuery as se, useMutationObserver as ce, useResizeObserver as le } from "@vueuse/core";
+import { createFocusTrap as ue } from "focus-trap";
 //#region src/compose/useCustomElementAttrs.ts
-function fe() {
+function de() {
 	return globalThis.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ === !0;
 }
-function X(e = {}) {
+function fe(e = {}) {
 	let t = R(), n = globalThis.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ === !0, i = e.omitInCustomElement ?? [];
 	return {
 		attrs: t,
@@ -51,7 +51,7 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, Z = /* @__PUR
 		"mouseleave"
 	],
 	setup(t) {
-		let n = t, a = V(), { forwardedAttrs: c } = X({ omitInCustomElement: ["id"] }), l = r(() => [
+		let n = t, a = V(), { forwardedAttrs: c } = fe({ omitInCustomElement: ["id"] }), l = r(() => [
 			"g-btn",
 			`g-btn--${n.size}`,
 			`g-btn--${n.theme}`,
@@ -79,7 +79,7 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, Z = /* @__PUR
 			onMouseenter: u[7] ||= (e) => r.$emit("mouseenter", e),
 			onMouseleave: u[8] ||= (e) => r.$emit("mouseleave", e)
 		}), {
-			default: G(() => [t.icon || a.icon ? (C(), o(e, { key: 0 }, [s("span", pe, [a.icon ? O(r.$slots, "icon", { key: 0 }) : (C(), o("span", {
+			default: K(() => [t.icon || a.icon ? (C(), o(e, { key: 0 }, [s("span", pe, [a.icon ? O(r.$slots, "icon", { key: 0 }) : (C(), o("span", {
 				key: 1,
 				class: _(t.icon + " g-btn--icon-span"),
 				"aria-hidden": "true"
@@ -127,7 +127,7 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, Z = /* @__PUR
 		return (n, r) => {
 			let l = k("GTreeMenuList", !0);
 			return C(), i(A(t.listType), { class: "g-tree-menu__list" }, {
-				default: G(() => [(C(!0), o(e, null, D(t.items, (e, n) => (C(), o("li", {
+				default: K(() => [(C(!0), o(e, null, D(t.items, (e, n) => (C(), o("li", {
 					key: n,
 					class: "g-tree-menu__item",
 					"data-tree-item-key": m(n),
@@ -169,7 +169,7 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, Z = /* @__PUR
 					to: e.to,
 					"data-tree-primary": ""
 				}, {
-					default: G(() => [c(N(e.label), 1)]),
+					default: K(() => [c(N(e.label), 1)]),
 					_: 2
 				}, 1032, ["aria-expanded", "to"])) : (C(), o("a", {
 					key: 1,
@@ -183,7 +183,7 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, Z = /* @__PUR
 					to: e.to,
 					"data-tree-primary": ""
 				}, {
-					default: G(() => [r[3] ||= s("span", { class: "g-tree-menu__spacer" }, null, -1), c(N(e.label), 1)]),
+					default: K(() => [r[3] ||= s("span", { class: "g-tree-menu__spacer" }, null, -1), c(N(e.label), 1)]),
 					_: 2
 				}, 1032, ["to"])) : e.href ? (C(), o("a", {
 					key: 1,
@@ -211,7 +211,7 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, Z = /* @__PUR
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, we = /* @__PURE__ */ Q(Ce, [["__scopeId", "data-v-bd57ee22"]]), Te = ["id"], Ee = { class: "g-tree-menu__content" }, De = /* @__PURE__ */ Q(/* @__PURE__ */ u({
+}, we = /* @__PURE__ */ Q(Ce, [["__scopeId", "data-v-657b989c"]]), Te = ["id"], Ee = { class: "g-tree-menu__content" }, De = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 	__name: "GTreeMenu",
 	props: {
 		title: {},
@@ -304,7 +304,7 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, Z = /* @__PUR
 			])])
 		], 16));
 	}
-}), [["__scopeId", "data-v-90f5aa37"]]);
+}), [["__scopeId", "data-v-277cf6db"]]);
 //#endregion
 //#region src/compose/useForm.ts
 function Oe() {
@@ -360,7 +360,7 @@ function Ae(e = "default") {
 //#endregion
 //#region src/compose/useFormField.ts
 function $(e) {
-	let t = R(), 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 = R(), n = typeof t["form-key"] == "string" ? t["form-key"] : void 0, i = e.formKey ?? n ?? "default", a = p("form", null) ?? (de() ? Ae(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;
@@ -437,7 +437,7 @@ var je = ["id"], Me = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 	}),
 	emits: /* @__PURE__ */ m(["change"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, i = B(e, "modelValue"), u = z(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = X({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: g, hasErrors: v } = $({
+		let n = e, i = B(e, "modelValue"), u = z(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = fe({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: g, hasErrors: v } = $({
 			name: n.name,
 			value: i,
 			errors: F(n, "errors"),
@@ -506,7 +506,7 @@ var je = ["id"], Me = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), [["__scopeId", "data-v-203302d7"]]), ze = 100, Be = 200, Ve = 102, He = E([]), Ue = E([]), We = E([]);
+}), [["__scopeId", "data-v-6707dd23"]]), ze = 100, Be = 200, Ve = 102, He = E([]), Ue = E([]), We = E([]);
 function Ge() {
 	if (!(typeof document > "u")) if (We.value.length > 0) {
 		let e = window.innerWidth - document.documentElement.clientWidth;
@@ -557,11 +557,11 @@ var Ye = (e) => e != null;
 //#region ../../node_modules/@vueuse/integrations/dist/useFocusTrap-lXZ_YG-8.js
 function Xe(e, t = {}) {
 	let n, { immediate: i, ...a } = t, o = M(!1), s = M(!1), c = (e) => n && n.activate(e), l = (e) => n && n.deactivate(e);
-	return U(r(() => re(I(e)).map((e) => {
+	return W(r(() => te(I(e)).map((e) => {
 		let t = I(e);
-		return typeof t == "string" ? t : Y(t);
+		return typeof t == "string" ? t : ne(t);
 	}).filter(Ye)), (e) => {
-		if (e.length) if (!n) n = de(e, {
+		if (e.length) if (!n) n = ue(e, {
 			...a,
 			onActivate() {
 				o.value = !0, t.onActivate && t.onActivate();
@@ -574,7 +574,7 @@ function Xe(e, t = {}) {
 			let t = n?.active;
 			n?.updateContainerElements(e), !t && i && c();
 		}
-	}, { flush: "post" }), J(() => l()), {
+	}, { flush: "post" }), X(() => l()), {
 		hasFocus: o,
 		isPaused: s,
 		activate: c,
@@ -620,7 +620,7 @@ function Qe(e, t, n = !1) {
 			});
 		}
 	});
-	return U(t, (e) => {
+	return W(t, (e) => {
 		e ? g(() => {
 			i() && c();
 		}).catch((e) => {
@@ -698,11 +698,11 @@ var tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "ari
 	],
 	setup(e, { expose: c, emit: u }) {
 		let d = e, f = u, p = E(d.modelValue);
-		U(F(d, "modelValue"), (e) => {
+		W(F(d, "modelValue"), (e) => {
 			p.value = e;
 		});
-		let m = V(), h = r(() => !!m.trigger), v = H("triggerRef"), b = H("popoverRef"), { isCustomElement: S } = X(), w = S, T = z(), { push: D, pop: k, isTop: A, zIndex: j } = Ke(T, !0), { activate: M, deactivate: N } = Qe(b, A, !0);
-		$e([b, v], A, p, I, k), U(p, (e) => {
+		let m = V(), h = r(() => !!m.trigger), v = H("triggerRef"), b = H("popoverRef"), { isCustomElement: S } = fe(), w = S, T = z(), { push: D, pop: k, isTop: A, zIndex: j } = Ke(T, !0), { activate: M, deactivate: N } = Qe(b, A, !0);
+		$e([b, v], A, p, I, k), W(p, (e) => {
 			e ? (g(() => {
 				g(() => M());
 			}), D(), f("show")) : (N(), k(), f("hide"));
@@ -719,40 +719,40 @@ var tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "ari
 		let B = E({
 			top: 0,
 			left: 0
-		}), ee = E({ left: "50%" }), W = E(!1), K = E(!1), q = null;
-		function re() {
+		}), U = E({ left: "50%" }), G = E(!1), J = E(!1), Y = null;
+		function te() {
 			if (v.value) return v.value;
 			let e = b.value?.parentElement ?? null;
 			for (; e && e.tagName.toLowerCase() !== "g-popover";) e = e.parentElement;
 			let t = e?.previousElementSibling;
 			return t instanceof HTMLElement ? t : null;
 		}
-		function J() {
+		function X() {
 			if (!b.value) return;
-			let e = new DOMRect(0, 0, b.value.offsetWidth, b.value.offsetHeight), t = new DOMRect(0, 0, window.innerWidth, window.innerHeight), n = re();
+			let e = new DOMRect(0, 0, b.value.offsetWidth, b.value.offsetHeight), t = new DOMRect(0, 0, window.innerWidth, window.innerHeight), n = te();
 			if (!n) {
 				B.value = {
 					top: Math.max((t.height - e.height) / 2, 8),
 					left: Math.max((t.width - e.width) / 2, 8)
-				}, K.value = !1, W.value = !1, ee.value = { left: "50%" };
+				}, J.value = !1, G.value = !1, U.value = { left: "50%" };
 				return;
 			}
 			let { top: r, left: i, xOffset: a, placedAbove: o, overlay: s } = et(n.getBoundingClientRect(), e, t, { gap: d.minimal ? 0 : 8 });
 			B.value = {
 				top: r,
 				left: i
-			}, ee.value = {
+			}, U.value = {
 				left: `${e.width / 2 - a}px`,
 				top: o ? "auto" : void 0,
 				bottom: o ? "-8px" : void 0
-			}, W.value = o, K.value = s;
+			}, G.value = o, J.value = s;
 		}
-		return U(p, (e) => {
+		return W(p, (e) => {
 			e ? g(() => {
-				J(), window.addEventListener("resize", J), window.addEventListener("scroll", J, { capture: !0 }), b.value && (q && q.disconnect(), q = new ResizeObserver(() => J()), q.observe(b.value));
-			}) : (window.removeEventListener("resize", J), window.removeEventListener("scroll", J, { capture: !0 }), q && q.disconnect());
+				X(), window.addEventListener("resize", X), window.addEventListener("scroll", X, { capture: !0 }), b.value && (Y && Y.disconnect(), Y = new ResizeObserver(() => X()), Y.observe(b.value));
+			}) : (window.removeEventListener("resize", X), window.removeEventListener("scroll", X, { capture: !0 }), Y && Y.disconnect());
 		}), x(() => {
-			window.removeEventListener("resize", J), window.removeEventListener("scroll", J, { capture: !0 }), q && q.disconnect();
+			window.removeEventListener("resize", X), window.removeEventListener("scroll", X, { capture: !0 }), Y && Y.disconnect();
 		}), c({
 			show: P,
 			hide: I,
@@ -770,14 +770,14 @@ var tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "ari
 			name: "g-popover-expand",
 			appear: ""
 		}, {
-			default: G(() => [L(S) || p.value ? ne((C(), o("div", {
+			default: K(() => [L(S) || p.value ? q((C(), 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-above": G.value,
+					"g-popover-below": !G.value,
 					"g-popover-minimal": e.minimal
 				}),
 				role: "dialog",
@@ -790,10 +790,10 @@ var tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "ari
 					zIndex: L(j)
 				})
 			}, [
-				!K.value && !e.minimal ? (C(), o("div", {
+				!J.value && !e.minimal ? (C(), o("div", {
 					key: 0,
-					class: _(["g-popover-arrow", { "g-popover-arrow-above": W.value }]),
-					style: y(ee.value),
+					class: _(["g-popover-arrow", { "g-popover-arrow-above": G.value }]),
+					style: y(U.value),
 					"aria-hidden": "true"
 				}, null, 6)) : a("", !0),
 				O(r.$slots, "default", {}, void 0, !0),
@@ -812,11 +812,11 @@ var tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "ari
 					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)), [[te, p.value]]) : a("", !0)]),
+			], 14, rt)), [[ee, p.value]]) : a("", !0)]),
 			_: 3
 		})], 8, ["disabled"]))]));
 	}
-}), [["__scopeId", "data-v-8237f6e3"]]), at = 1;
+}), [["__scopeId", "data-v-7510826c"]]), at = 1;
 function ot(e = "v-gtooltip") {
 	return `${e}-${++at}`;
 }
@@ -902,15 +902,15 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 		function I(e) {
 			(e.key === "Escape" || e.key === "Esc") && (p.value = !1, m.value = !1);
 		}
-		return U(() => [
+		return W(() => [
 			u.value,
 			d.value,
 			l.value
 		], () => {
 			A(b()), S();
-		}, { immediate: !0 }), U(() => i.text, (e) => {
+		}, { immediate: !0 }), W(() => i.text, (e) => {
 			f.value && (f.value.textContent = e);
-		}), U(() => p.value || m.value, (e) => {
+		}), W(() => p.value || m.value, (e) => {
 			if (e) {
 				S(), f.value && y && ut(y, f.value), g ||= (window.addEventListener("scroll", w, { capture: !0 }), !0);
 				return;
@@ -1101,7 +1101,7 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 			name: "g-fade",
 			appear: ""
 		}, {
-			default: G(() => [s("div", {
+			default: K(() => [s("div", {
 				id: "alertdialog-" + L(f),
 				class: "g-alertdialog",
 				role: "alertdialog",
@@ -1124,40 +1124,93 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 					outlined: "",
 					onClick: r[0] ||= (e) => o("cancel")
 				}, {
-					default: G(() => [...r[2] ||= [c("Cancel", -1)]]),
+					default: K(() => [...r[2] ||= [c("Cancel", -1)]]),
 					_: 1
 				}), l(Z, {
 					theme: a.buttonColor,
 					onClick: r[1] ||= (e) => o("confirm")
 				}, {
-					default: G(() => [c(N(a.buttonText), 1)]),
+					default: K(() => [c(N(a.buttonText), 1)]),
 					_: 1
 				}, 8, ["theme"])])
 			])], 12, wt)]),
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-144faf08"]]), At = ["id"], jt = { class: "g-select-input-wrap" }, Mt = ["id"], Nt = [
+}), [["__scopeId", "data-v-144faf08"]]);
+//#endregion
+//#region src/compose/useSelectDropdown.ts
+function At(e) {
+	return e.map((e) => typeof e == "string" ? {
+		label: e,
+		value: e
+	} : e);
+}
+function jt({ open: e, anchorRef: t, listboxRef: n, baseId: i, activeIndex: a }) {
+	let { push: o, pop: s, isTop: c } = Ke(i), l = E("below"), u = E(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;
+	});
+	function f() {
+		if (!e.value || !t.value) return;
+		let r = t.value.getBoundingClientRect(), i = window.innerHeight - r.bottom, a = r.top, o = n.value?.scrollHeight ?? 200;
+		i >= Math.min(200, o) ? (l.value = "below", u.value = Math.max(0, Math.floor(i - 8))) : a > i ? (l.value = "above", u.value = Math.max(0, Math.floor(a - 8))) : (l.value = "below", u.value = Math.max(0, Math.floor(i - 8)));
+	}
+	let p = null;
+	function m() {
+		if (p) return;
+		let e = () => f();
+		window.addEventListener("resize", e, { passive: !0 }), window.addEventListener("scroll", e, {
+			passive: !0,
+			capture: !0
+		}), p = () => {
+			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0), p = null;
+		};
+	}
+	function h() {
+		p && p();
+	}
+	W(e, (e) => {
+		e ? (o(), m(), g(() => f())) : (s(), h(), l.value = "below", u.value = null);
+	}), x(() => {
+		h();
+	});
+	function _() {
+		g(() => {
+			let e = document.getElementById(`${i}-option-${a.value}`);
+			e && e.scrollIntoView({ block: "nearest" });
+		});
+	}
+	return {
+		menuPlacement: l,
+		menuStyle: d,
+		isTop: c,
+		scrollOptionIntoView: _
+	};
+}
+//#endregion
+//#region src/components/GSelect.vue?vue&type=script&setup=true&lang.ts
+var Mt = ["id"], Nt = { class: "g-select-input-wrap" }, Pt = ["id"], Ft = [
 	"value",
 	"placeholder",
 	"disabled",
 	"aria-controls",
 	"aria-expanded",
 	"aria-activedescendant"
-], Pt = [
+], It = [
 	"id",
 	"aria-controls",
 	"aria-expanded",
 	"aria-activedescendant"
-], Ft = ["id"], It = [
+], Lt = ["id"], Rt = [
 	"id",
 	"aria-selected",
 	"onClick"
-], Lt = {
+], zt = {
 	key: 1,
 	"aria-live": "polite",
 	class: "g-select-combo-option g-select-option g-select-no-results"
-}, Rt = /* @__PURE__ */ Q(/* @__PURE__ */ u({
+}, Bt = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 	__name: "GSelect",
 	props: /* @__PURE__ */ m({
 		options: {},
@@ -1168,7 +1221,7 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 			type: Boolean,
 			default: !1
 		},
-		name: { default: void 0 },
+		name: {},
 		searchable: {
 			type: Boolean,
 			default: !1
@@ -1179,184 +1232,134 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 			default: !1
 		},
 		errors: { default: () => [] },
-		formKey: { default: void 0 }
+		formKey: {}
 	}, {
 		modelValue: {},
 		modelModifiers: {}
 	}),
 	emits: /* @__PURE__ */ m(["change"], ["update:modelValue"]),
 	setup(t, { emit: n }) {
-		let i = t, u = n, d = B(t, "modelValue"), f = z(), p = E(null), m = E(null), v = E(!1), y = E(0), b = E(!1), S = E(!1), { push: w, pop: T, isTop: k } = Ke(f), { displayErrors: A, hasErrors: j } = $({
+		let i = t, u = n, d = B(t, "modelValue"), f = z(), p = E(null), m = E(null), v = E(null), y = E(!1), b = E(0), x = E(!1), S = E(!1), { displayErrors: w, hasErrors: T } = $({
 			name: i.name,
 			value: d,
 			errors: F(i, "errors"),
 			formKey: i.formKey
-		}), M = E("below"), P = E(null), I = r(() => {
-			let e = {};
-			return P.value !== null && (e.maxHeight = `${P.value}px`), M.value === "above" ? (e.top = "auto", e.bottom = "100%") : (e.top = "100%", e.bottom = "auto"), e;
+		}), { menuPlacement: k, menuStyle: A, isTop: j, scrollOptionIntoView: M } = jt({
+			open: y,
+			anchorRef: p,
+			listboxRef: m,
+			baseId: f,
+			activeIndex: b
+		}), P = r(() => At(i.options)), I = E(""), R = r(() => {
+			if (!i.searchable || !y.value || !I.value) return P.value;
+			let e = I.value.toLowerCase();
+			return P.value.filter((t) => t.label.toLowerCase().includes(e));
+		}), V = r(() => R.value.findIndex((e) => e.value === d.value));
+		W(() => d.value, (e) => {
+			let t = R.value.findIndex((t) => t.value === e);
+			t !== -1 && (b.value = t);
 		});
-		function R() {
-			if (!v.value || !p.value) return;
-			let e = p.value.getBoundingClientRect(), t = window.innerHeight - e.bottom, n = e.top, r = m.value?.scrollHeight ?? 200, i = Math.min(200, r);
-			if (t >= i) {
-				M.value = "below", P.value = Math.max(0, Math.floor(t - 8));
-				return;
-			}
-			if (t < i && n > t) {
-				M.value = "above", P.value = Math.max(0, Math.floor(n - 8));
-				return;
-			}
-			M.value = "below", P.value = Math.max(0, Math.floor(t - 8));
-		}
-		let V = null;
 		function H() {
-			if (V) return;
-			let e = () => {
-				R();
-			};
-			window.addEventListener("resize", e, { passive: !0 }), window.addEventListener("scroll", e, {
-				passive: !0,
-				capture: !0
-			}), V = () => {
-				window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0), V = null;
-			};
-		}
-		function ee() {
-			V && V();
-		}
-		let W = r(() => i.options.map((e) => typeof e == "string" ? {
-			label: e,
-			value: e
-		} : e)), G = E(""), q = r(() => {
-			if (!i.searchable || !v.value || !G.value) return W.value;
-			let e = G.value.toLowerCase();
-			return W.value.filter((t) => t.label.toLowerCase().includes(e));
-		}), re = r(() => q.value.findIndex((e) => e.value === d.value));
-		U(() => d.value, (e) => {
-			let t = q.value.findIndex((t) => t.value === e);
-			t !== -1 && (y.value = t);
-		}), U(v, (e) => {
-			e ? w() : T();
-		}), U(v, (e) => {
-			e ? (H(), g(() => {
-				R();
-			})) : (ee(), M.value = "below", P.value = null);
-		});
-		function J() {
-			if (!i.disabled && (v.value = !0, g(() => {
-				R();
-			}), i.searchable)) {
-				G.value = "";
-				let e = q.value.findIndex((e) => e.value === d.value);
-				y.value = e === -1 ? 0 : e, g(() => {
-					ie.value && ie.value.focus();
+			if (!i.disabled && (y.value = !0, i.searchable)) {
+				I.value = "";
+				let e = R.value.findIndex((e) => e.value === d.value);
+				b.value = e === -1 ? 0 : e, g(() => {
+					v.value && v.value.focus();
 				});
 			}
 		}
-		function Y() {
-			v.value = !1, i.searchable && (G.value = "");
+		function U() {
+			y.value = !1, i.searchable && (I.value = "");
 		}
-		x(() => {
-			ee();
-		});
-		let ie = E(null);
-		function ae(e) {
+		function G(e) {
 			if (!i.disabled && i.searchable) {
 				if (S.value) {
 					S.value = !1;
 					return;
 				}
-				J();
+				H();
 			}
 		}
-		function oe(e) {
+		function K(e) {
 			if (!i.searchable) return;
-			v.value || J(), G.value = e.target.value;
-			let t = q.value.findIndex((e) => e.value === d.value);
-			y.value = t === -1 ? 0 : t;
+			y.value || H(), I.value = e.target.value;
+			let t = R.value.findIndex((e) => e.value === d.value);
+			b.value = t === -1 ? 0 : t;
 		}
-		function se(e) {
+		function Y(e) {
 			let t = e.relatedTarget;
-			if (b.value) {
-				b.value = !1;
+			if (x.value) {
+				x.value = !1;
 				return;
 			}
-			t && m.value && m.value.contains(t) || (i.searchable && (G.value = ""), Y());
+			t && m.value && m.value.contains(t) || (i.searchable && (I.value = ""), U());
 		}
-		function ce(e) {
-			let t = q.value[e];
-			t && t.value !== d.value && (d.value = t.value, u("change", t.value)), S.value = !0, Y(), setTimeout(() => {
+		function te(e) {
+			let t = R.value[e];
+			t && t.value !== d.value && (d.value = t.value, u("change", t.value)), S.value = !0, U(), setTimeout(() => {
 				S.value = !1;
 			}, 100);
 		}
-		function le() {
-			i.disabled || (v.value ? Y() : J());
+		function X() {
+			i.disabled || (y.value ? U() : H());
 		}
-		function ue(e) {
+		function ne(e) {
 			if (i.disabled) return;
-			let t = q.value.length - 1;
-			if (!v.value && [
+			let t = R.value.length - 1;
+			if (!y.value && [
 				"ArrowDown",
 				"ArrowUp",
 				"Enter",
 				" "
 			].includes(e.key)) {
-				e.preventDefault(), J();
+				e.preventDefault(), H();
 				return;
 			}
 			switch (e.key) {
 				case "ArrowDown":
-					e.preventDefault(), v.value ? (y.value = Math.min(t, y.value + 1), X()) : J();
+					e.preventDefault(), y.value ? (b.value = Math.min(t, b.value + 1), M()) : H();
 					break;
 				case "ArrowUp":
-					e.preventDefault(), v.value ? (y.value = Math.max(0, y.value - 1), X()) : J();
+					e.preventDefault(), y.value ? (b.value = Math.max(0, b.value - 1), M()) : H();
 					break;
 				case "Home":
-					e.preventDefault(), y.value = 0, X();
+					e.preventDefault(), b.value = 0, M();
 					break;
 				case "End":
-					e.preventDefault(), y.value = t, X();
+					e.preventDefault(), b.value = t, M();
 					break;
 				case "Enter":
 				case " ":
-					e.preventDefault(), v.value ? ce(y.value) : J();
+					e.preventDefault(), y.value ? te(b.value) : H();
 					break;
 				case "Escape":
-					k.value && (e.preventDefault(), setTimeout(() => {
-						Y();
+					j.value && (e.preventDefault(), setTimeout(() => {
+						U();
 					}, 0));
 					break;
 			}
 		}
-		function de(e) {
-			ce(e);
+		function re(e) {
+			te(e);
 		}
-		function fe() {
-			b.value = !0;
+		function ie() {
+			x.value = !0;
 		}
-		function X() {
-			g(() => {
-				let e = document.getElementById(`${f}-option-${y.value}`);
-				e && e.scrollIntoView({ block: "nearest" });
-			});
+		let ae = r(() => i.clearButton && d.value !== null && d.value !== void 0 && !i.disabled);
+		function oe() {
+			i.disabled || (d.value = null, u("change", null), i.searchable && (I.value = ""));
 		}
-		let pe = r(() => i.clearButton && d.value !== null && d.value !== void 0 && !i.disabled);
-		function me() {
-			i.disabled || (d.value = null, u("change", null), i.searchable && (G.value = ""));
-		}
-		return x(() => {
-			T();
-		}), (n, r) => (C(), o("div", { class: _(["g-select-root g-select-combo", {
-			"g-select-open": v.value,
+		return (n, r) => (C(), o("div", { class: _(["g-select-root g-select-combo", {
+			"g-select-open": y.value,
 			"g-select-compact": t.compact,
-			"g-select-has-error": L(j)
+			"g-select-has-error": L(T)
 		}]) }, [
 			t.hiddenLabel ? a("", !0) : (C(), o("div", {
 				key: 0,
 				id: L(f) + "-label",
 				class: "g-select-combo-label g-select-label"
-			}, N(i.label), 9, At)),
-			s("div", jt, [i.searchable ? (C(), o("div", {
+			}, N(i.label), 9, Mt)),
+			s("div", Nt, [i.searchable ? (C(), o("div", {
 				key: 0,
 				class: "g-select-combo-input g-select-control",
 				id: L(f)
@@ -1367,27 +1370,27 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 					type: "text",
 					name: "comboInput",
 					class: ["g-select-search-input", { "g-select-clearable": t.clearButton }],
-					value: v.value ? G.value : W.value[re.value] ? W.value[re.value].label : "",
-					placeholder: v.value ? "" : t.placeholder,
+					value: y.value ? I.value : P.value[V.value] ? P.value[V.value].label : "",
+					placeholder: y.value ? "" : t.placeholder,
 					disabled: i.disabled,
-					onFocus: ae,
-					onInput: oe,
-					onKeydown: ue,
-					onBlur: se,
+					onFocus: G,
+					onInput: K,
+					onKeydown: ne,
+					onBlur: Y,
 					"aria-autocomplete": "list",
 					"aria-controls": L(f) + "-listbox",
-					"aria-expanded": v.value ? "true" : "false",
+					"aria-expanded": y.value ? "true" : "false",
 					"aria-haspopup": "listbox",
-					"aria-activedescendant": v.value ? L(f) + "-option-" + y.value : void 0
+					"aria-activedescendant": y.value ? L(f) + "-option-" + b.value : void 0
 				}, t.hiddenLabel ? { "aria-label": i.label } : { "aria-labelledby": L(f) + "-label" }, {
 					role: "combobox",
 					autocomplete: "off"
-				}), null, 16, Nt),
-				pe.value ? (C(), o("button", {
+				}), null, 16, Ft),
+				ae.value ? (C(), o("button", {
 					key: 0,
 					type: "button",
 					class: "g-select-clear-btn",
-					onClick: me
+					onClick: oe
 				}, [...r[0] ||= [s("svg", {
 					role: "img",
 					"aria-label": "Clear Selection",
@@ -1408,7 +1411,7 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 					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, Mt)) : (C(), o("div", h({
+			], 8, Pt)) : (C(), o("div", h({
 				key: 1,
 				ref_key: "comboRef",
 				ref: p,
@@ -1416,22 +1419,22 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 				class: ["g-select-combo-button g-select-control", { "g-select-clearable": t.clearButton }],
 				role: "combobox",
 				"aria-controls": L(f) + "-listbox",
-				"aria-expanded": v.value ? "true" : "false",
+				"aria-expanded": y.value ? "true" : "false",
 				"aria-haspopup": "listbox"
 			}, t.hiddenLabel ? { "aria-label": i.label } : { "aria-labelledby": L(f) + "-label" }, {
-				"aria-activedescendant": v.value ? L(f) + "-option-" + y.value : void 0,
+				"aria-activedescendant": y.value ? L(f) + "-option-" + b.value : void 0,
 				tabindex: "0",
-				onClick: le,
-				onKeydown: ue,
-				onFocus: ae,
-				onBlur: se
+				onClick: X,
+				onKeydown: ne,
+				onFocus: G,
+				onBlur: Y
 			}), [
-				c(N(W.value[re.value] ? W.value[re.value].label : "") + " ", 1),
-				pe.value ? (C(), o("button", {
+				c(N(P.value[V.value] ? P.value[V.value].label : "") + " ", 1),
+				ae.value ? (C(), o("button", {
 					key: 0,
 					type: "button",
 					class: "g-select-clear-btn",
-					onClick: K(me, ["stop"])
+					onClick: J(oe, ["stop"])
 				}, [...r[2] ||= [s("svg", {
 					role: "img",
 					"aria-label": "Clear Selection",
@@ -1452,56 +1455,56 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 					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, Pt)), ne(s("div", h({
+			], 16, It)), q(s("div", h({
 				ref_key: "listboxRef",
 				ref: m,
-				class: ["g-select-combo-menu g-select-list", { "g-select-combo-menu--above": M.value === "above" }],
-				style: I.value,
+				class: ["g-select-combo-menu g-select-list", { "g-select-combo-menu--above": L(k) === "above" }],
+				style: L(A),
 				role: "listbox",
 				id: L(f) + "-listbox"
-			}, t.hiddenLabel ? { "aria-label": i.label } : { "aria-labelledby": L(f) + "-label" }, { tabindex: "-1" }), [q.value.length > 0 ? (C(!0), o(e, { key: 0 }, D(q.value, (e, t) => (C(), o("div", {
+			}, t.hiddenLabel ? { "aria-label": i.label } : { "aria-labelledby": L(f) + "-label" }, { tabindex: "-1" }), [R.value.length > 0 ? (C(!0), o(e, { key: 0 }, D(R.value, (e, t) => (C(), o("div", {
 				key: e.value,
 				id: L(f) + "-option-" + t,
 				class: _(["g-select-combo-option g-select-option", {
-					"g-select-option-current": t === y.value,
+					"g-select-option-current": t === b.value,
 					"ilw-theme-blue": e.value === d.value
 				}]),
 				role: "option",
 				"aria-selected": e.value === d.value ? "true" : "false",
-				onMousedown: fe,
-				onClick: (e) => de(t)
+				onMousedown: ie,
+				onClick: (e) => re(t)
 			}, [O(n.$slots, "option", {
 				option: e,
 				selected: e.value === d.value,
 				index: t
-			}, () => [c(N(e.label), 1)], !0)], 42, It))), 128)) : (C(), o("div", Lt, " No results found. "))], 16, Ft), [[te, v.value]])]),
+			}, () => [c(N(e.label), 1)], !0)], 42, Rt))), 128)) : (C(), o("div", zt, " No results found. "))], 16, Lt), [[ee, y.value]])]),
 			l(Me, {
-				errors: L(A),
+				errors: L(w),
 				id: "error-message-" + L(f)
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), [["__scopeId", "data-v-2ec8a53b"]]), zt = ["aria-label"], Bt = [
+}), [["__scopeId", "data-v-b72848f6"]]), Vt = ["aria-label"], Ht = [
 	"placeholder",
 	"value",
 	"aria-expanded",
 	"aria-controls",
 	"aria-activedescendant"
-], Vt = {
+], Ut = {
 	key: 0,
 	class: "g-search-dropdown"
-}, Ht = {
+}, Wt = {
 	"aria-live": "polite",
 	class: "g-search-result-count"
-}, Ut = ["id"], Wt = ["aria-label"], Gt = { class: "g-search-group-label" }, Kt = [
+}, Gt = ["id"], Kt = ["aria-label"], qt = { class: "g-search-group-label" }, Jt = [
 	"id",
 	"onMousedown",
 	"aria-selected"
-], qt = [
+], Yt = [
 	"id",
 	"onMousedown",
 	"aria-selected"
-], Jt = /* @__PURE__ */ u({
+], Xt = /* @__PURE__ */ u({
 	__name: "GSearch",
 	props: /* @__PURE__ */ m({
 		results: {},
@@ -1529,7 +1532,7 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 				e && e.scrollIntoView({ block: "nearest" });
 			});
 		}
-		let { focused: S } = oe(f);
+		let { focused: S } = ae(f);
 		function w(e) {
 			let t = e.altKey;
 			if (e.key === "ArrowDown") {
@@ -1553,10 +1556,10 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 		function T(e) {
 			d("select", e), l.value = "", m.value = !0, h.value = -1;
 		}
-		let k = r(() => !!u.loading), A = r(() => S.value && !m.value), j = ae(() => {
+		let k = r(() => !!u.loading), A = r(() => S.value && !m.value), j = ie(() => {
 			d("submit", l.value);
 		}, 300);
-		U(() => l.value, (e) => {
+		W(() => l.value, (e) => {
 			e ? u.auto && j() : h.value = -1;
 		});
 		let M = z();
@@ -1566,7 +1569,7 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 			"aria-label": u.label
 		}, [s("form", {
 			class: "g-search-form",
-			onSubmit: n[0] ||= K((e) => T(null), ["prevent"])
+			onSubmit: n[0] ||= J((e) => T(null), ["prevent"])
 		}, [s("input", {
 			ref_key: "inputRef",
 			ref: f,
@@ -1582,7 +1585,7 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 			"aria-autocomplete": "list",
 			"aria-controls": `${L(M)}-list`,
 			"aria-activedescendant": h.value >= 0 ? "g-search-option-" + v.value[h.value].id : void 0
-		}, null, 40, Bt), s("button", {
+		}, null, 40, Ht), s("button", {
 			type: "submit",
 			class: "g-search-submit",
 			"aria-label": "Submit search",
@@ -1598,7 +1601,7 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 		}, [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), A.value ? (C(), o("div", Vt, [s("div", Ht, [k.value ? a("", !0) : (C(), o(e, { key: 0 }, [c(N(y.value) + " result" + N(y.value === 1 ? "" : "s"), 1)], 64))]), s("div", {
+		})], -1)], 32)], 32), A.value ? (C(), o("div", Ut, [s("div", Wt, [k.value ? a("", !0) : (C(), o(e, { key: 0 }, [c(N(y.value) + " result" + N(y.value === 1 ? "" : "s"), 1)], 64))]), s("div", {
 			role: "listbox",
 			id: `${L(M)}-list`,
 			ref_key: "listboxRef",
@@ -1609,29 +1612,29 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 			class: "g-search-group",
 			role: "group",
 			"aria-label": n.label
-		}, [O(t.$slots, "group", { group: n }, () => [s("div", Gt, N(n.label), 1)]), (C(!0), o(e, null, D(n.items, (e, n) => (C(), o("div", {
+		}, [O(t.$slots, "group", { group: n }, () => [s("div", qt, N(n.label), 1)]), (C(!0), o(e, null, D(n.items, (e, n) => (C(), 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: K((t) => T(e), ["prevent"]),
+			onMousedown: J((t) => T(e), ["prevent"]),
 			"aria-selected": v.value[h.value] && v.value[h.value].id === e.id
-		}, [O(t.$slots, "option", { option: e }, () => [c(N(e.title), 1)])], 42, Kt))), 128))], 8, Wt))), 128)) : y.value > 0 ? (C(!0), o(e, { key: 1 }, D(v.value, (e, n) => (C(), o("div", {
+		}, [O(t.$slots, "option", { option: e }, () => [c(N(e.title), 1)])], 42, Jt))), 128))], 8, Kt))), 128)) : y.value > 0 ? (C(!0), o(e, { key: 1 }, D(v.value, (e, n) => (C(), 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: K((t) => T(e), ["prevent"]),
+			onMousedown: J((t) => T(e), ["prevent"]),
 			"aria-selected": h.value === n
-		}, [O(t.$slots, "option", { option: e }, () => [c(N(e.title), 1)])], 42, qt))), 128)) : a("", !0)], 8, Ut)])) : a("", !0)], 8, zt));
+		}, [O(t.$slots, "option", { option: e }, () => [c(N(e.title), 1)])], 42, Yt))), 128)) : a("", !0)], 8, Gt)])) : a("", !0)], 8, Vt));
 	}
-}), Yt = { class: /* @__PURE__ */ _({ "g-app-header": !0 }) }, Xt = { class: "g-app-header__brand" }, Zt = {
+}), Zt = { class: /* @__PURE__ */ _({ "g-app-header": !0 }) }, Qt = { class: "g-app-header__brand" }, $t = {
 	class: "g-app-header__brand-text",
 	href: "/"
-}, Qt = {
+}, en = {
 	key: 0,
 	class: "g-app-header__block-i-container"
-}, $t = { class: "g-app-header__title" }, en = { class: "g-app-header__app-controls-wrap" }, tn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
+}, tn = { class: "g-app-header__title" }, nn = { class: "g-app-header__app-controls-wrap" }, rn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 	__name: "GAppHeader",
 	props: {
 		illinois: {
@@ -1641,10 +1644,10 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 		brand: { default: "GRAD" }
 	},
 	setup(e) {
-		return (t, n) => (C(), o("header", Yt, [
+		return (t, n) => (C(), o("header", Zt, [
 			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", Xt, [O(t.$slots, "left", {}, () => [s("a", Zt, N(e.brand), 1)], !0)]),
-			e.illinois ? (C(), o("div", Qt, [...n[0] ||= [s("svg", {
+			s("div", Qt, [O(t.$slots, "left", {}, () => [s("a", $t, N(e.brand), 1)], !0)]),
+			e.illinois ? (C(), o("div", en, [...n[0] ||= [s("svg", {
 				class: "g-app-header__block-i",
 				role: "img",
 				width: "55",
@@ -1661,28 +1664,28 @@ var ft = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 					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)]])) : O(t.$slots, "icon", { key: 1 }, void 0, !0),
-			s("div", $t, [O(t.$slots, "title", {}, void 0, !0)]),
-			s("div", en, [O(t.$slots, "app-controls", { class: "g-app-header__app-controls" }, void 0, !0)])
+			s("div", tn, [O(t.$slots, "title", {}, void 0, !0)]),
+			s("div", nn, [O(t.$slots, "app-controls", { class: "g-app-header__app-controls" }, void 0, !0)])
 		]));
 	}
 }), [["__scopeId", "data-v-9ccf6042"]]);
 //#endregion
 //#region src/compose/useWebComponentSidebar.ts
-function nn(e) {
+function an(e) {
 	return e.replace(/[^a-zA-Z0-9_-]/g, "-");
 }
-function rn() {
+function on() {
 	let e = globalThis;
 	return e.__GRAD_VUE_WC_SIDEBAR_CHANNELS__ ||= /* @__PURE__ */ new Map(), e.__GRAD_VUE_WC_SIDEBAR_CHANNELS__;
 }
-function an(e = "default", t = "(max-width: 800px)") {
-	let n = rn(), r = e || "default";
+function sn(e = "default", t = "(max-width: 800px)") {
+	let n = on(), r = e || "default";
 	if (!n.has(r)) {
-		let e = nn(r);
+		let e = an(r);
 		n.set(r, {
 			id: `g-wc-sidebar-${e}`,
 			open: E(!1),
-			isCollapsible: ce(t, { ssrWidth: 1e3 }),
+			isCollapsible: se(t, { ssrWidth: 1e3 }),
 			toggle: () => void 0
 		});
 	}
@@ -1703,7 +1706,7 @@ function an(e = "default", t = "(max-width: 800px)") {
 		}, 5));
 	}
 	return S(() => {
-		U(i.isCollapsible, (e) => {
+		W(i.isCollapsible, (e) => {
 			e ? (document.addEventListener("mousedown", a), document.addEventListener("focusin", o)) : (document.removeEventListener("mousedown", a), document.removeEventListener("focusin", o));
 		}, { immediate: !0 });
 	}), x(() => {
@@ -1712,7 +1715,7 @@ function an(e = "default", t = "(max-width: 800px)") {
 }
 //#endregion
 //#region src/components/GSidebar.vue?vue&type=script&setup=true&lang.ts
-var on = ["id"], sn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
+var cn = ["id"], ln = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 	__name: "GSidebar",
 	props: {
 		backgroundColor: { default: "" },
@@ -1724,7 +1727,7 @@ var on = ["id"], sn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 		sidebarKey: { default: "default" }
 	},
 	setup(e) {
-		let t = e, n = p("sidebar", () => void 0, !0) ?? (fe() ? an(t.sidebarKey) : 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 = z();
+		let t = e, n = p("sidebar", () => void 0, !0) ?? (de() ? sn(t.sidebarKey) : 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 = z();
 		function l(e) {
 			e.key === "Escape" && n?.isCollapsible?.value && n?.open?.value && (n.open.value = !1, document.getElementById(`${n.id}-hamburger`)?.focus());
 		}
@@ -1744,13 +1747,13 @@ var on = ["id"], sn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 				width: "var(--g-sidebar-width)"
 			}),
 			onKeydown: l
-		}, [O(t.$slots, "default", {}, void 0, !0)], 46, on));
+		}, [O(t.$slots, "default", {}, void 0, !0)], 46, cn));
 	}
-}), [["__scopeId", "data-v-88c7169f"]]), cn = ["id"], ln = { class: "g-sidebar-menu__list" }, un = [
+}), [["__scopeId", "data-v-88c7169f"]]), un = ["id"], dn = { class: "g-sidebar-menu__list" }, fn = [
 	"href",
 	"aria-current",
 	"onClick"
-], dn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
+], pn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 	__name: "GSidebarMenu",
 	props: /* @__PURE__ */ m({
 		title: {},
@@ -1776,7 +1779,7 @@ var on = ["id"], sn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 	setup(t) {
 		let n = t, l = B(t, "modelValue"), u = r(() => n.spy && l.value ? "#" + l.value : null), f = H("content");
 		S(() => {
-			U(l, () => {
+			W(l, () => {
 				g(() => {
 					let e = f.value?.querySelector(".g-sidebar-menu__is-active");
 					e && e.scrollIntoView({ block: "nearest" });
@@ -1798,13 +1801,13 @@ var on = ["id"], sn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 				key: 0,
 				id: L(y),
 				class: "g-sidebar-menu__title"
-			}, N(t.title), 9, cn)) : a("", !0),
+			}, N(t.title), 9, un)) : a("", !0),
 			l[0] ||= s("div", { class: "g-sidebar-menu__divider" }, null, -1),
 			s("div", {
 				class: "g-sidebar-menu__content",
 				ref_key: "content",
 				ref: f
-			}, [s("ul", ln, [(C(!0), o(e, null, D(t.items, (e) => (C(), o("li", {
+			}, [s("ul", dn, [(C(!0), o(e, null, D(t.items, (e) => (C(), o("li", {
 				key: e.href || e.to,
 				class: "g-sidebar-menu__item",
 				ref_for: !0,
@@ -1814,7 +1817,7 @@ var on = ["id"], sn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 				class: "g-sidebar-menu__link",
 				to: e.to
 			}, {
-				default: G(() => [c(N(e.label), 1)]),
+				default: K(() => [c(N(e.label), 1)]),
 				_: 2
 			}, 1032, ["to"])) : (C(), o("a", {
 				key: 1,
@@ -1822,23 +1825,23 @@ var on = ["id"], sn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 				href: e.href || e.to || "#",
 				"aria-current": u.value === (e.href || "") ? "location" : void 0,
 				onClick: (t) => v(t, e)
-			}, N(e.label), 11, un))]))), 128))])], 512)
+			}, N(e.label), 11, fn))]))), 128))])], 512)
 		], 16));
 	}
-}), [["__scopeId", "data-v-e228c589"]]), fn = {
+}), [["__scopeId", "data-v-330a0664"]]), mn = {
 	mounted(e, t) {
 		let n = E(null), r = E(!1), i = E(!1), a = E(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));
 		};
-		W(() => {
+		G(() => {
 			n.value && (n.value.textContent = a.value);
 		});
 		let u = () => {
 			n.value && (r.value || i.value) && ut(e, n.value);
 		};
-		W(() => {
+		G(() => {
 			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)));
@@ -1877,7 +1880,7 @@ var on = ["id"], sn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 		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");
 	}
-}, pn = { class: "g-clipboard-text" }, mn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
+}, hn = { class: "g-clipboard-text" }, gn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 	__name: "GClipboard",
 	props: {
 		text: {},
@@ -1885,12 +1888,12 @@ var on = ["id"], sn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 		copyLabel: {}
 	},
 	setup(t) {
-		let n = t, r = fn, { text: i, copy: l, copied: u, isSupported: d } = ie({ source: n.text }), f = E(n.copyLabel ?? "Copy to clipboard"), p = () => {
+		let n = t, r = mn, { text: i, copy: l, copied: u, isSupported: d } = re({ source: n.text }), f = E(n.copyLabel ?? "Copy to clipboard"), p = () => {
 			d.value ? (l(), f.value = "Copied") : f.value = "Copy not supported";
 		}, m = () => {
 			f.value = n.copyLabel ?? "Copy to clipboard";
 		};
-		return (i, l) => (C(), o("div", pn, [t.hideText ? a("", !0) : (C(), o(e, { key: 0 }, [c(N(n.text), 1)], 64)), ne((C(), o("button", {
+		return (i, l) => (C(), o("div", hn, [t.hideText ? a("", !0) : (C(), o(e, { key: 0 }, [c(N(n.text), 1)], 64)), q((C(), o("button", {
 			type: "button",
 			"aria-label": "Copy",
 			onClick: p,
@@ -1907,15 +1910,15 @@ var on = ["id"], sn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 			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)), [[L(r), f.value]])]));
 	}
-}), [["__scopeId", "data-v-8c42c870"]]), hn = { class: "g-history-scroller-wrapper" }, gn = {
+}), [["__scopeId", "data-v-bd5d31d2"]]), _n = { class: "g-history-scroller-wrapper" }, vn = {
 	key: 0,
 	class: "g-history-shadow g-history-shadow--top",
 	"aria-hidden": "true"
-}, _n = {
+}, yn = {
 	key: 1,
 	class: "g-history-shadow g-history-shadow--bottom",
 	"aria-hidden": "true"
-}, vn = ["role", "aria-label"], yn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
+}, bn = ["role", "aria-label"], xn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 	__name: "GHistoryScroller",
 	props: {
 		label: {},
@@ -1939,17 +1942,17 @@ var on = ["id"], sn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 		}
 		S(() => {
 			g(f);
-		}), ue(i, () => {
+		}), le(i, () => {
 			u.value && f();
-		}), ue(c, () => {
+		}), le(c, () => {
 			u.value && f();
-		}), U(() => n.entries, async () => {
+		}), W(() => n.entries, async () => {
 			u.value && (await g(), f());
 		});
 		let m = r(() => [...n.entries].reverse());
-		return (n, r) => (C(), o("div", hn, [
-			d.value ? a("", !0) : (C(), o("div", gn)),
-			u.value ? a("", !0) : (C(), o("div", _n)),
+		return (n, r) => (C(), o("div", _n, [
+			d.value ? a("", !0) : (C(), o("div", vn)),
+			u.value ? a("", !0) : (C(), o("div", yn)),
 			s("div", {
 				ref_key: "scrollerRef",
 				ref: i,
@@ -1964,7 +1967,7 @@ var on = ["id"], sn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 				onClick: r[0] ||= () => f({ focusLast: !0 }),
 				"aria-label": "Jump to Latest"
 			}, {
-				default: G(() => [...r[1] ||= [s("svg", {
+				default: K(() => [...r[1] ||= [s("svg", {
 					"aria-hidden": "true",
 					xmlns: "http://www.w3.org/2000/svg",
 					viewBox: "0 0 640 640",
@@ -1984,31 +1987,31 @@ var on = ["id"], sn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 				key: e.id,
 				class: "g-history-entry",
 				tabindex: "-1"
-			}, [O(n.$slots, "default", { entry: e }, void 0, !0)]))), 128))], 512)], 40, vn)
+			}, [O(n.$slots, "default", { entry: e }, void 0, !0)]))), 128))], 512)], 40, bn)
 		]));
 	}
-}), [["__scopeId", "data-v-dde35ac8"]]), bn = { class: "g-three-way-toggle-wrapper" }, xn = { class: "g-three-way-toggle-control" }, Sn = ["id"], Cn = [
+}), [["__scopeId", "data-v-dde35ac8"]]), Sn = { class: "g-three-way-toggle-wrapper" }, Cn = { class: "g-three-way-toggle-control" }, wn = ["id"], Tn = [
 	"aria-labelledby",
 	"aria-describedby",
 	"disabled",
 	"aria-invalid",
 	"aria-errormessage"
-], wn = { key: 0 }, Tn = { key: 1 }, En = { key: 2 }, Dn = ["for"], On = [
+], En = { key: 0 }, Dn = { key: 1 }, On = { key: 2 }, kn = ["for"], An = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], kn = ["for"], An = [
+], jn = ["for"], Mn = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], jn = ["for"], Mn = [
+], Nn = ["for"], Pn = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], Nn = ["id"], Pn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
+], Fn = ["id"], In = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 	__name: "GThreeWayToggle",
 	props: /* @__PURE__ */ m({
 		label: {},
@@ -2042,10 +2045,10 @@ var on = ["id"], sn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 		function b(e) {
 			n.disabled || (e.key === "n" || e.key === "N" ? (u(!1), e.preventDefault()) : (e.key === "y" || e.key === "Y") && (u(!0), e.preventDefault()));
 		}
-		return (t, n) => (C(), o("div", bn, [s("div", xn, [s("span", {
+		return (t, n) => (C(), o("div", Sn, [s("div", Cn, [s("span", {
 			class: "g-label",
 			id: L(p)
-		}, [O(t.$slots, "label", {}, () => [c(N(e.label), 1)], !0)], 8, Sn), s("fieldset", {
+		}, [O(t.$slots, "label", {}, () => [c(N(e.label), 1)], !0)], 8, wn), s("fieldset", {
 			class: _(["g-three-way-toggle", { "g-has-error": e.error }]),
 			role: "radiogroup",
 			"aria-labelledby": L(p),
@@ -2057,7 +2060,7 @@ var on = ["id"], sn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 			s("span", {
 				class: _(["g-toggle-thumb", y.value]),
 				"aria-hidden": "true"
-			}, [i.value === !1 ? (C(), o("span", wn, "NO")) : i.value === !0 ? (C(), o("span", Tn, "YES")) : (C(), o("span", En))], 2),
+			}, [i.value === !1 ? (C(), o("span", En, "NO")) : i.value === !0 ? (C(), o("span", Dn, "YES")) : (C(), o("span", On))], 2),
 			s("label", {
 				for: L(h),
 				class: "g-toggle-option g-left",
@@ -2071,7 +2074,7 @@ var on = ["id"], sn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 				value: "false",
 				disabled: e.disabled,
 				onChange: n[0] ||= (e) => d(!1)
-			}, null, 40, On), n[5] ||= s("span", { class: "ilw-sr-only" }, "No", -1)], 40, Dn),
+			}, null, 40, An), n[5] ||= s("span", { class: "ilw-sr-only" }, "No", -1)], 40, kn),
 			s("label", {
 				for: L(g),
 				class: "g-toggle-option g-center",
@@ -2083,7 +2086,7 @@ var on = ["id"], sn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 				checked: i.value === null,
 				disabled: e.disabled,
 				onChange: n[2] ||= (e) => d(null)
-			}, null, 40, An), n[6] ||= s("span", { class: "ilw-sr-only" }, "Unset", -1)], 40, kn),
+			}, null, 40, Mn), n[6] ||= s("span", { class: "ilw-sr-only" }, "Unset", -1)], 40, jn),
 			s("label", {
 				for: L(v),
 				class: "g-toggle-option g-right",
@@ -2097,53 +2100,53 @@ var on = ["id"], sn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 				checked: i.value === !0,
 				disabled: e.disabled,
 				onChange: n[3] ||= (e) => d(!0)
-			}, null, 40, Mn), n[7] ||= s("span", { class: "ilw-sr-only" }, "Yes", -1)], 40, jn)
-		], 2)], 10, Cn)]), e.error ? (C(), o("div", {
+			}, null, 40, Pn), n[7] ||= s("span", { class: "ilw-sr-only" }, "Yes", -1)], 40, Nn)
+		], 2)], 10, Tn)]), e.error ? (C(), o("div", {
 			key: 0,
 			id: `${L(p)}-error`,
 			class: "g-form-error",
 			role: "alert",
 			"aria-atomic": "true"
-		}, N(e.error), 9, Nn)) : a("", !0)]));
+		}, N(e.error), 9, Fn)) : a("", !0)]));
 	}
-}), [["__scopeId", "data-v-b5b2babc"]]), Fn = {
+}), [["__scopeId", "data-v-b5b2babc"]]), Ln = {
 	ref: "tableBodyRef",
 	class: "efficient-table-body"
-}, In = ["aria-rowindex"], Ln = {
+}, Rn = ["aria-rowindex"], zn = {
 	key: 0,
 	class: "table-group-checkbox"
-}, Rn = ["colspan"], zn = [
+}, Bn = ["colspan"], Vn = [
 	"aria-rowindex",
 	"onMousedown",
 	"onClick"
-], Bn = [
+], Hn = [
 	"checked",
 	"onClick",
 	"aria-label",
 	"name"
-], Vn = ["id"], Hn = {
+], Un = ["id"], Wn = {
 	key: 0,
 	class: "editable-cell"
-}, Un = {
+}, Gn = {
 	key: 0,
 	class: "cell-prefix"
-}, Wn = [
+}, Kn = [
 	"value",
 	"onChange",
 	"aria-labelledby",
 	"aria-invalid",
 	"name"
-], Gn = ["value"], Kn = [
+], qn = ["value"], Jn = [
 	"value",
 	"onInput",
 	"aria-labelledby",
 	"aria-invalid",
 	"aria-errormessage",
 	"name"
-], qn = {
+], Yn = {
 	key: 3,
 	class: "cell-suffix"
-}, Jn = ["id"], Yn = /* @__PURE__ */ u({
+}, Xn = ["id"], Zn = /* @__PURE__ */ u({
 	__name: "GTableBody",
 	props: {
 		data: {},
@@ -2212,13 +2215,13 @@ var on = ["id"], sn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 		function w(e, t) {
 			if (l.changeTracker) return l.changeTracker.getError(e.key, t.key);
 		}
-		return (n, r) => (C(), o("tbody", Fn, [(C(!0), o(e, null, D(t.data, (n, l) => (C(), o(e, { key: n.key }, [t.groupBy && (l === 0 || n[t.groupBy] !== t.data[l - 1][t.groupBy]) ? (C(), o("tr", {
+		return (n, r) => (C(), o("tbody", Ln, [(C(!0), o(e, null, D(t.data, (n, l) => (C(), o(e, { key: n.key }, [t.groupBy && (l === 0 || n[t.groupBy] !== t.data[l - 1][t.groupBy]) ? (C(), o("tr", {
 			key: 0,
 			"aria-rowindex": t.startIndex + l + 2
-		}, [t.bulkSelectionEnabled ? (C(), o("td", Ln)) : a("", !0), s("td", {
+		}, [t.bulkSelectionEnabled ? (C(), o("td", zn)) : a("", !0), s("td", {
 			colspan: t.columns.length,
 			class: "table-group-row"
-		}, [t.groupRender ? (C(), i(A(t.groupRender(n[t.groupBy], n)), { key: 0 })) : (C(), o(e, { key: 1 }, [c(N(n[t.groupBy]), 1)], 64))], 8, Rn)], 8, In)) : a("", !0), s("tr", {
+		}, [t.groupRender ? (C(), i(A(t.groupRender(n[t.groupBy], n)), { key: 0 })) : (C(), o(e, { key: 1 }, [c(N(n[t.groupBy]), 1)], 64))], 8, Bn)], 8, Rn)) : a("", !0), s("tr", {
 			class: _([
 				"efficient-table-row",
 				{
@@ -2233,7 +2236,7 @@ var on = ["id"], sn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 		}, [t.bulkSelectionEnabled ? (C(), o("td", {
 			key: 0,
 			class: "td-checkbox",
-			onClick: r[0] ||= K(() => {}, ["stop"])
+			onClick: r[0] ||= J(() => {}, ["stop"])
 		}, [s("input", {
 			type: "checkbox",
 			checked: p(n.key),
@@ -2241,7 +2244,7 @@ var on = ["id"], sn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 			"aria-label": `Select row ${n.key}`,
 			name: `row-${n.key}-checkbox`,
 			class: "g-bulk-select-checkbox"
-		}, null, 8, Bn)])) : a("", !0), (C(!0), o(e, null, D(t.columns, (r) => (C(), o("td", {
+		}, null, 8, Hn)])) : a("", !0), (C(!0), o(e, null, D(t.columns, (r) => (C(), o("td", {
 			key: r.key,
 			id: b(r) ? `${t.tableId}-td-${n.key}-${String(r.key)}` : void 0,
 			class: _([
@@ -2250,8 +2253,8 @@ var on = ["id"], sn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 				S(n, r) ? "g-cell-error" : "",
 				typeof r.tdClass == "function" ? r.tdClass(n) : r.tdClass
 			])
-		}, [r.editable ? (C(), o("div", Hn, [
-			r.editable.prefix ? (C(), o("span", Un, N(r.editable.prefix), 1)) : a("", !0),
+		}, [r.editable ? (C(), o("div", Wn, [
+			r.editable.prefix ? (C(), o("span", Gn, N(r.editable.prefix), 1)) : a("", !0),
 			r.editable.type === "select" ? (C(), o("select", {
 				key: 1,
 				value: n[r.key],
@@ -2263,7 +2266,7 @@ var on = ["id"], sn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 			}, [(C(!0), o(e, null, D(r.editable.options, (e) => (C(), o("option", {
 				key: e.value,
 				value: e.value
-			}, N(e.label), 9, Gn))), 128))], 40, Wn)) : (C(), o("input", h({
+			}, N(e.label), 9, qn))), 128))], 40, Kn)) : (C(), o("input", h({
 				key: 2,
 				value: n[r.key]
 			}, { ref_for: !0 }, r.editable.inputAttributes, {
@@ -2277,40 +2280,40 @@ var on = ["id"], sn = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 					paddingLeft: r.editable.prefix ? "1.5rem" : void 0,
 					paddingRight: r.editable.suffix ? "2rem" : void 0
 				}
-			}), null, 16, Kn)),
-			r.editable.suffix ? (C(), o("span", qn, N(r.editable.suffix), 1)) : a("", !0)
+			}), null, 16, Jn)),
+			r.editable.suffix ? (C(), o("span", Yn, N(r.editable.suffix), 1)) : a("", !0)
 		])) : r.display ? (C(), i(A(r.display(n)), { key: 1 })) : (C(), o(e, { key: 2 }, [c(N(n[r.key]), 1)], 64)), S(n, r) ? (C(), o("div", {
 			key: 3,
 			role: "alert",
 			class: "g-cell-error-message",
 			id: `${t.tableId}-error-${n.key}-${String(r.key)}`
-		}, N(w(n, r)), 9, Jn)) : a("", !0)], 10, Vn))), 128))], 42, zn)], 64))), 128))], 512));
+		}, N(w(n, r)), 9, Xn)) : a("", !0)], 10, Un))), 128))], 42, Vn)], 64))), 128))], 512));
 	}
 });
 //#endregion
 //#region src/compose/useFiltering.ts
-function Xn(e) {
+function Qn(e) {
 	if (!(Array.isArray(e) && e.length === 0) && !(e === null || e === !1 || e === "")) return e;
 }
-function Zn(e) {
+function $n(e) {
 	return Object.fromEntries(Object.entries(e).filter(([e, t]) => t && (!Array.isArray(t) || t.length > 0)));
 }
-function Qn(e) {
+function er(e) {
 	if (e != null) return Array.isArray(e) ? e.filter((e) => e != null) : [e];
 }
-function $n(e) {
+function tr(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(P(e))) Array.isArray(r) ? r.length > 0 && (t[n] = r) : r === !0 ? t[n] = "true" : t[n] = r || void 0;
 	return t;
 }
-function er(e) {
+function nr(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 tr(e, t = {}) {
+function rr(e, t = {}) {
 	let n = T(Object.fromEntries(Object.entries(e).map(([e, t]) => [e, t]))), i = t.syncWith;
 	if (i) {
 		if (i.value) {
@@ -2322,14 +2325,14 @@ function tr(e, t = {}) {
 				}
 			});
 		}
-		U(n, (e) => {
-			i.value = er(e);
+		W(n, (e) => {
+			i.value = nr(e);
 		}, { deep: !0 });
 	}
 	return {
 		filters: n,
 		isFiltered: r(() => {
-			for (let t of Object.keys(e)) if (Xn(n[t])) return !0;
+			for (let t of Object.keys(e)) if (Qn(n[t])) return !0;
 			return !1;
 		}),
 		clearFilters: () => {
@@ -2339,48 +2342,48 @@ function tr(e, t = {}) {
 		},
 		filteredColumns: r(() => {
 			let t = {};
-			for (let r of Object.keys(e)) t[r] = !!Xn(n[r]);
+			for (let r of Object.keys(e)) t[r] = !!Qn(n[r]);
 			return t;
 		})
 	};
 }
 //#endregion
 //#region src/components/GTable.vue?vue&type=script&setup=true&lang.ts
-var nr = { class: "g-table-outer-wrap" }, rr = {
+var ir = { class: "g-table-outer-wrap" }, ar = {
 	key: 0,
 	class: "g-table-controls"
-}, ir = { class: "g-clear-filters-wrap" }, ar = {
+}, or = { class: "g-clear-filters-wrap" }, sr = {
 	key: 0,
 	class: "pagination"
-}, or = { class: "g-result-count" }, sr = ["aria-label", "aria-rowcount"], cr = { class: "g-table-head" }, lr = { "aria-rowindex": "1" }, ur = {
+}, cr = { class: "g-result-count" }, lr = ["aria-label", "aria-rowcount"], ur = { class: "g-table-head" }, dr = { "aria-rowindex": "1" }, fr = {
 	key: 0,
 	scope: "col",
 	class: "g-th g-th-checkbox"
-}, dr = [
+}, pr = [
 	"checked",
 	"indeterminate",
 	"aria-label"
-], fr = ["id", "aria-sort"], pr = { class: "th-inner" }, mr = ["onClick"], hr = {
+], mr = ["id", "aria-sort"], hr = { class: "th-inner" }, gr = ["onClick"], _r = {
 	key: 0,
 	class: "sort-indicator"
-}, gr = ["aria-label"], _r = {
+}, vr = ["aria-label"], yr = {
 	key: 1,
 	class: "g-column-head"
-}, vr = ["onClick", "aria-label"], yr = { key: 1 }, br = { class: "g-filter-toggle" }, xr = [
+}, br = ["onClick", "aria-label"], xr = { key: 1 }, Sr = { class: "g-filter-toggle" }, Cr = [
 	"onUpdate:modelValue",
 	"id",
 	"aria-describedby"
-], Sr = ["for"], Cr = ["id"], wr = {
+], wr = ["for"], Tr = ["id"], Er = {
 	key: 2,
 	class: "g-multi-select"
-}, Tr = [
+}, Dr = [
 	"onUpdate:modelValue",
 	"id",
 	"value"
-], Er = ["for"], Dr = {
+], Or = ["for"], kr = {
 	key: 1,
 	class: "g-bulk-actions-toolbar"
-}, Or = { class: "g-selected-count" }, kr = { class: "g-bulk-actions" }, Ar = /* @__PURE__ */ Q(/* @__PURE__ */ u({
+}, Ar = { class: "g-selected-count" }, jr = { class: "g-bulk-actions" }, Mr = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 	__name: "GTable",
 	props: /* @__PURE__ */ m({
 		label: {},
@@ -2429,7 +2432,7 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 			e.sortable && (u.value === e.key ? d.value === 1 ? d.value = -1 : d.value === -1 && (u.value = void 0, d.value = 1) : (u.value = e.key, d.value = 1));
 		}
 		let v = m.filtering;
-		v ||= tr({});
+		v ||= rr({});
 		let { filters: b, filteredColumns: x, isFiltered: w, clearFilters: T } = v, k = r(() => m.data.map((e) => e.key)), A = r(() => p.value.filter((e) => k.value.includes(e))), j = r(() => !m.bulkSelectionEnabled || m.data.length === 0 ? !1 : A.value.length === k.value.length), M = r(() => !m.bulkSelectionEnabled || m.data.length === 0 ? !1 : A.value.length > 0 && A.value.length < k.value.length), F = E(null);
 		function I() {
 			if (j.value) p.value = p.value.filter((e) => !k.value.includes(e));
@@ -2451,10 +2454,10 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 		function H(e) {
 			h("row-click", e);
 		}
-		function te(e) {
+		function ee(e) {
 			h("bulk-action", e, p.value);
 		}
-		function W(e) {
+		function G(e) {
 			let t = e.value, n = e.column.key, r = P(e.row[n]);
 			e.column.editable?.inputAttributes?.type === "number" && (t = e.value === "" ? null : Number(e.value)), e.row[n] = t, h("cell-change", {
 				row: e.row,
@@ -2463,28 +2466,28 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 				previousValue: r
 			});
 		}
-		let q = z(), re = V(), J = r(() => m.showPagination ? !0 : !!re.pagination), Y = r(() => !!(w.value || J.value));
+		let Y = z(), te = V(), X = r(() => m.showPagination ? !0 : !!te.pagination), ne = r(() => !!(w.value || X.value));
 		return S(() => {
 			m.rowClickable && m.bulkSelectionEnabled && console.warn("GTable: rowClickable and bulkSelectionEnabled cannot be used together. rowClickable will be ignored.");
 			for (let e of m.columns) if (e.editable && e.display && console.warn(`GTable: Column "${String(e.key)}" has both 'editable' and 'display' configured. 'display' will be ignored.`), e.filter && e.filter.type === "multi-select" && !Array.isArray(f.value[e.key])) {
 				let t = f.value[e.key];
 				f.value[e.key] = t ? [t] : [];
 			}
-		}), U(() => m.columns, (e) => {
+		}), W(() => m.columns, (e) => {
 			for (let t of e) if (t.filter && t.filter.type === "multi-select" && !Array.isArray(f.value[t.key])) {
 				let e = f.value[t.key];
 				f.value[t.key] = e ? [e] : [];
 			}
-		}, { immediate: !0 }), (n, r) => (C(), o("div", nr, [
-			Y.value ? (C(), o("div", rr, [
-				s("div", ir, [L(w) ? (C(), i(Z, {
+		}, { immediate: !0 }), (n, r) => (C(), o("div", ir, [
+			ne.value ? (C(), o("div", ar, [
+				s("div", or, [L(w) ? (C(), i(Z, {
 					key: 0,
 					outlined: "",
 					size: "small",
 					class: "clear-filters",
 					onClick: L(T)
 				}, {
-					default: G(() => [...r[0] ||= [s("svg", {
+					default: K(() => [...r[0] ||= [s("svg", {
 						xmlns: "http://www.w3.org/2000/svg",
 						viewBox: "0 0 51.26 51.26",
 						height: "1em",
@@ -2495,24 +2498,24 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 					})], -1), s("span", { class: "g-clear-filters-text" }, " Clear Filters ", -1)]]),
 					_: 1
 				}, 8, ["onClick"])) : a("", !0)]),
-				J.value ? (C(), o("div", ar, [O(n.$slots, "pagination", {}, void 0, !0)])) : a("", !0),
-				s("span", or, N(m.resultCount || t.data.length) + " results", 1)
+				X.value ? (C(), o("div", sr, [O(n.$slots, "pagination", {}, void 0, !0)])) : a("", !0),
+				s("span", cr, N(m.resultCount || t.data.length) + " results", 1)
 			])) : a("", !0),
 			s("table", {
 				class: "g-table",
 				ref: "tableRef",
 				"aria-label": t.label,
 				"aria-rowcount": m.resultCount || t.data.length
-			}, [s("thead", cr, [s("tr", lr, [t.bulkSelectionEnabled ? (C(), o("th", ur, [s("input", {
+			}, [s("thead", ur, [s("tr", dr, [t.bulkSelectionEnabled ? (C(), o("th", fr, [s("input", {
 				type: "checkbox",
 				checked: j.value,
 				indeterminate: M.value,
 				onChange: I,
 				"aria-label": j.value ? "Deselect all rows" : "Select all rows",
 				class: "g-bulk-select-checkbox"
-			}, null, 40, dr)])) : a("", !0), (C(!0), o(e, null, D(t.columns, (t) => (C(), o("th", {
+			}, null, 40, pr)])) : a("", !0), (C(!0), o(e, null, D(t.columns, (t) => (C(), o("th", {
 				key: t.key,
-				id: `${L(q)}-th-${String(t.key)}`,
+				id: `${L(Y)}-th-${String(t.key)}`,
 				"aria-sort": u.value === t.key ? d.value === 1 ? "ascending" : "descending" : "none",
 				class: _([
 					"g-th",
@@ -2520,12 +2523,12 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 					{ filtered: L(x)[t.key] }
 				]),
 				scope: "col"
-			}, [s("div", pr, [t.sortable ? (C(), o("button", {
+			}, [s("div", hr, [t.sortable ? (C(), o("button", {
 				key: 0,
 				type: "button",
 				class: "g-column-head",
 				onClick: (e) => g(t)
-			}, [c(N(t.label) + " ", 1), u.value === t.key ? (C(), o("span", hr, [(C(), o("svg", {
+			}, [c(N(t.label) + " ", 1), u.value === t.key ? (C(), o("span", _r, [(C(), o("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				viewBox: "0 0 640 640",
 				height: "1.5em",
@@ -2535,9 +2538,9 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 			}, [...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, gr))])) : a("", !0)], 8, mr)) : (C(), o("span", _r, N(t.label), 1)), t.filter ? (C(), i(it, { key: 2 }, {
-				trigger: G(({ toggle: e }) => [s("button", {
-					onClick: K(e, ["stop"]),
+			}, null, -1)]], 12, vr))])) : a("", !0)], 8, gr)) : (C(), o("span", yr, N(t.label), 1)), t.filter ? (C(), i(it, { key: 2 }, {
+				trigger: K(({ toggle: e }) => [s("button", {
+					onClick: J(e, ["stop"]),
 					"aria-label": L(x)[t.key] ? "Column Filtered" : "Filter Column",
 					class: _(["g-filter-btn", { "g-active": L(x)[t.key] }]),
 					type: "button"
@@ -2549,8 +2552,8 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 				}, [s("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, vr)]),
-				default: G(() => [t.filter.type === "select" ? (C(), i(Rt, {
+				})], -1)]], 10, br)]),
+				default: K(() => [t.filter.type === "select" ? (C(), i(Bt, {
 					key: 0,
 					modelValue: f.value[t.key],
 					"onUpdate:modelValue": (e) => f.value[t.key] = e,
@@ -2563,28 +2566,28 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 					"modelValue",
 					"onUpdate:modelValue",
 					"options"
-				])) : t.filter.type === "toggle" ? (C(), o("div", yr, [s("div", br, [
-					ne(s("input", {
+				])) : t.filter.type === "toggle" ? (C(), o("div", xr, [s("div", Sr, [
+					q(s("input", {
 						type: "checkbox",
 						"onUpdate:modelValue": (e) => f.value[t.key] = e,
-						id: `${L(q)}-filter-${String(t.key)}`,
-						"aria-describedby": t.filter.description ? `${L(q)}-filter-description-${String(t.key)}` : void 0
-					}, null, 8, xr), [[ee, f.value[t.key]]]),
-					s("label", { for: `${L(q)}-filter-${String(t.key)}` }, N(t.filter.label), 9, Sr),
+						id: `${L(Y)}-filter-${String(t.key)}`,
+						"aria-describedby": t.filter.description ? `${L(Y)}-filter-description-${String(t.key)}` : void 0
+					}, null, 8, Cr), [[U, f.value[t.key]]]),
+					s("label", { for: `${L(Y)}-filter-${String(t.key)}` }, N(t.filter.label), 9, wr),
 					t.filter.description ? (C(), o("span", {
 						key: 0,
 						class: "g-filter-description",
-						id: `${L(q)}-filter-description-${String(t.key)}`
-					}, N(t.filter.description), 9, Cr)) : a("", !0)
-				])])) : t.filter.type === "multi-select" ? (C(), o("fieldset", wr, [
+						id: `${L(Y)}-filter-description-${String(t.key)}`
+					}, N(t.filter.description), 9, Tr)) : a("", !0)
+				])])) : t.filter.type === "multi-select" ? (C(), o("fieldset", Er, [
 					r[4] ||= s("legend", { class: "g-multi-select-legend" }, " Include values ", -1),
-					(C(!0), o(e, null, D(t.filter.options, (e) => (C(), o("div", { key: e.value }, [ne(s("input", {
+					(C(!0), o(e, null, D(t.filter.options, (e) => (C(), o("div", { key: e.value }, [q(s("input", {
 						type: "checkbox",
 						"onUpdate:modelValue": (e) => f.value[t.key] = e,
 						id: `filter-${String(t.key)}-${e.value}`,
 						value: e.value,
 						name: "filter-multiselect"
-					}, null, 8, Tr), [[ee, f.value[t.key]]]), s("label", { for: `filter-${String(t.key)}-${e.value}` }, N(e.label), 9, Er)]))), 128)),
+					}, null, 8, Dr), [[U, f.value[t.key]]]), s("label", { for: `filter-${String(t.key)}-${e.value}` }, N(e.label), 9, Or)]))), 128)),
 					f.value[t.key] && f.value[t.key].length ? (C(), i(Z, {
 						key: 0,
 						class: "clear-multiselect-btn",
@@ -2592,12 +2595,12 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 						size: "small",
 						onClick: (e) => f.value[t.key] = []
 					}, {
-						default: G(() => [...r[3] ||= [c(" Clear ", -1)]]),
+						default: K(() => [...r[3] ||= [c(" Clear ", -1)]]),
 						_: 1
 					}, 8, ["onClick"])) : a("", !0)
 				])) : a("", !0)]),
 				_: 2
-			}, 1024)) : a("", !0)])], 10, fr))), 128))])]), l(Yn, {
+			}, 1024)) : a("", !0)])], 10, mr))), 128))])]), l(Zn, {
 				data: t.data,
 				columns: t.columns,
 				"group-by": t.groupBy,
@@ -2607,11 +2610,11 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 				"start-index": t.startIndex,
 				"bulk-selection-enabled": t.bulkSelectionEnabled,
 				"selected-rows": p.value,
-				"table-id": L(q),
+				"table-id": L(Y),
 				"change-tracker": t.changeTracker,
 				onRowClick: H,
 				onToggleRow: R,
-				onCellChange: W
+				onCellChange: G
 			}, null, 8, [
 				"data",
 				"columns",
@@ -2624,21 +2627,21 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 				"selected-rows",
 				"table-id",
 				"change-tracker"
-			])], 8, sr),
-			t.bulkSelectionEnabled && p.value.length > 0 ? (C(), o("div", Dr, [s("span", Or, N(p.value.length) + " row" + N(p.value.length === 1 ? "" : "s") + " selected", 1), s("ul", kr, [(C(!0), o(e, null, D(t.bulkActions, (e) => (C(), o("li", { key: e.id }, [l(Z, {
+			])], 8, lr),
+			t.bulkSelectionEnabled && p.value.length > 0 ? (C(), o("div", kr, [s("span", Ar, N(p.value.length) + " row" + N(p.value.length === 1 ? "" : "s") + " selected", 1), s("ul", jr, [(C(!0), o(e, null, D(t.bulkActions, (e) => (C(), o("li", { key: e.id }, [l(Z, {
 				theme: e.theme || "accent",
-				onClick: (t) => te(e.id),
+				onClick: (t) => ee(e.id),
 				size: "small"
 			}, {
-				default: G(() => [c(N(e.label) + " " + N(p.value.length) + " row" + N(p.value.length === 1 ? "" : "s"), 1)]),
+				default: K(() => [c(N(e.label) + " " + N(p.value.length) + " row" + N(p.value.length === 1 ? "" : "s"), 1)]),
 				_: 2
 			}, 1032, ["theme", "onClick"])]))), 128))])])) : a("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-8ca5e7b3"]]), jr = {
+}), [["__scopeId", "data-v-32760cb5"]]), Nr = {
 	class: "g-pagination",
 	"aria-label": "Pagination"
-}, Mr = ["disabled"], Nr = ["disabled"], Pr = { class: "page-range" }, Fr = ["disabled"], Ir = ["disabled"], Lr = ["value"], Rr = ["value"], zr = /* @__PURE__ */ Q(/* @__PURE__ */ u({
+}, Pr = ["disabled"], Fr = ["disabled"], Ir = { class: "page-range" }, Lr = ["disabled"], Rr = ["disabled"], zr = ["value"], Br = ["value"], Vr = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 	__name: "GTablePagination",
 	props: /* @__PURE__ */ m({
 		start: {},
@@ -2660,7 +2663,7 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 		function h(e) {
 			c.value = parseInt(e.target.value, 10);
 		}
-		return (t, r) => (C(), o("nav", jr, [
+		return (t, r) => (C(), o("nav", Nr, [
 			s("button", {
 				class: "first-page g-pagination-button",
 				disabled: p.value === 1,
@@ -2685,7 +2688,7 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 				}),
 				s("path", { d: "M11 7l-5 5l5 5" }),
 				s("path", { d: "M17 7l-5 5l5 5" })
-			], -1)]], 8, Mr),
+			], -1)]], 8, Pr),
 			s("button", {
 				class: "prev-page g-pagination-button",
 				disabled: p.value === 1,
@@ -2706,8 +2709,8 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
-			}), s("path", { d: "M15 6l-6 6l6 6" })], -1)]], 8, Nr),
-			s("span", Pr, N(d.value) + " to " + N(f.value), 1),
+			}), s("path", { d: "M15 6l-6 6l6 6" })], -1)]], 8, Fr),
+			s("span", Ir, N(d.value) + " to " + N(f.value), 1),
 			s("button", {
 				class: "next-page g-pagination-button",
 				disabled: p.value === i.value,
@@ -2728,7 +2731,7 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
-			}), s("path", { d: "M9 6l6 6l-6 6" })], -1)]], 8, Fr),
+			}), s("path", { d: "M9 6l6 6l-6 6" })], -1)]], 8, Lr),
 			s("button", {
 				class: "last-page g-pagination-button",
 				disabled: p.value === i.value,
@@ -2753,7 +2756,7 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 				}),
 				s("path", { d: "M7 7l5 5l-5 5" }),
 				s("path", { d: "M13 7l5 5l-5 5" })
-			], -1)]], 8, Ir),
+			], -1)]], 8, Rr),
 			s("select", {
 				id: "page-size-select",
 				class: "page-size-select",
@@ -2767,14 +2770,14 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 			], (e) => (C(), o("option", {
 				key: e,
 				value: e
-			}, N(e), 9, Rr))), 128))], 40, Lr),
+			}, N(e), 9, Br))), 128))], 40, zr),
 			r[8] ||= s("label", {
 				class: "page-size-label",
 				for: "page-size-select"
 			}, "per page", -1)
 		]));
 	}
-}), [["__scopeId", "data-v-d0b070eb"]]), Br = ["id"], Vr = { class: "g-modal-inner" }, Hr = { class: "g-modal-header" }, Ur = ["id"], Wr = ["id"], Gr = /* @__PURE__ */ Q(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-ae2bd887"]]), Hr = ["id"], Ur = { class: "g-modal-inner" }, Wr = { class: "g-modal-header" }, Gr = ["id"], Kr = ["id"], qr = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 	__name: "GModal",
 	props: {
 		label: {},
@@ -2805,7 +2808,7 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 			name: "g-fade",
 			appear: ""
 		}, {
-			default: G(() => [s("div", h({
+			default: K(() => [s("div", h({
 				id: "modal-" + L(m),
 				class: ["g-modal", D.value],
 				role: "dialog",
@@ -2818,12 +2821,12 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 				ref_key: "dialog",
 				ref: f,
 				style: { zIndex: L(y) }
-			}), [s("div", Vr, [s("div", Hr, [e.hiddenLabel ? a("", !0) : (C(), o("h2", {
+			}), [s("div", Ur, [s("div", Wr, [e.hiddenLabel ? a("", !0) : (C(), o("h2", {
 				key: 0,
 				id: "modal-label-" + L(m),
 				class: "g-modal-label",
 				tabindex: "-1"
-			}, N(e.label), 9, Ur)), s("button", {
+			}, N(e.label), 9, Gr)), s("button", {
 				class: "g-modal-close",
 				onClick: T,
 				"aria-label": "Close"
@@ -2838,16 +2841,16 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 			})], -1)]])]), s("div", {
 				id: "modal-description-" + L(m),
 				class: "g-modal-content"
-			}, [O(r.$slots, "default", {}, void 0, !0)], 8, Wr)])], 16, Br)]),
+			}, [O(r.$slots, "default", {}, void 0, !0)], 8, Kr)])], 16, Hr)]),
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-6a519f3d"]]), Kr = [
+}), [["__scopeId", "data-v-1b1aed31"]]), Jr = [
 	"id",
 	"aria-expanded",
 	"aria-label",
 	"aria-controls"
-], qr = /* @__PURE__ */ Q(/* @__PURE__ */ u({
+], Yr = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 	__name: "GHamburgerMenu",
 	props: {
 		label: { default: "Main Navigation" },
@@ -2855,7 +2858,7 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 	},
 	emits: ["toggle"],
 	setup(e, { emit: t }) {
-		let n = e, r = p("sidebar") ?? (fe() ? an(n.sidebarKey) : void 0), i = t;
+		let n = e, r = p("sidebar") ?? (de() ? sn(n.sidebarKey) : void 0), i = t;
 		function a() {
 			i("toggle"), r?.toggle();
 		}
@@ -2877,34 +2880,34 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 		}, [...n[0] ||= [s("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 51.26 51.26"
-		}, [s("g", { fill: "currentColor" }, [s("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)]], 42, Kr));
+		}, [s("g", { fill: "currentColor" }, [s("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)]], 42, Jr));
 	}
-}), [["__scopeId", "data-v-ae00d60c"]]), Jr = /* @__PURE__ */ Q(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-2ff52853"]]), Xr = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 	__name: "GDetailList",
 	props: { variant: { default: "grid" } },
 	setup(e) {
 		let t = e;
 		return (e, n) => (C(), o("dl", { class: _(["g-detail-list", `g-detail-list--${t.variant}`]) }, [O(e.$slots, "default", {}, void 0, !0)], 2));
 	}
-}), [["__scopeId", "data-v-b851df7b"]]), Yr = { class: "g-detail-list-item" }, Xr = { class: "g-detail-list-item__label" }, Zr = { class: "g-detail-list-item__value" }, Qr = /* @__PURE__ */ u({
+}), [["__scopeId", "data-v-b851df7b"]]), Zr = { class: "g-detail-list-item" }, Qr = { class: "g-detail-list-item__label" }, $r = { class: "g-detail-list-item__value" }, ei = /* @__PURE__ */ u({
 	__name: "GDetailListItem",
 	props: { label: {} },
 	setup(e) {
-		return (t, n) => (C(), o("div", Yr, [s("dt", Xr, [O(t.$slots, "label", {}, () => [c(N(e.label), 1)])]), s("dd", Zr, [O(t.$slots, "default")])]));
+		return (t, n) => (C(), o("div", Zr, [s("dt", Qr, [O(t.$slots, "label", {}, () => [c(N(e.label), 1)])]), s("dd", $r, [O(t.$slots, "default")])]));
 	}
-}), $r = {
+}), ti = {
 	key: 0,
 	class: "g-scroll-lock-overlay"
-}, ei = /* @__PURE__ */ u({
+}, ni = /* @__PURE__ */ u({
 	__name: "GOverlay",
 	setup(e) {
 		let { hasScrollLock: t } = qe();
 		return (e, r) => (C(), i(n, { name: "g-fade" }, {
-			default: G(() => [L(t) ? (C(), o("div", $r)) : a("", !0)]),
+			default: K(() => [L(t) ? (C(), o("div", ti)) : a("", !0)]),
 			_: 1
 		}));
 	}
-}), ti = { class: "popover-content" }, ni = { class: "year-dropdown" }, ri = { class: "month-selector" }, ii = /* @__PURE__ */ Q(/* @__PURE__ */ u({
+}), ri = { class: "popover-content" }, ii = { class: "year-dropdown" }, ai = { class: "month-selector" }, oi = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 	__name: "GTermSelectorControl",
 	props: /* @__PURE__ */ m({
 		termYears: { default: () => ["2026"] },
@@ -2925,7 +2928,7 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = B(e, "modelValue");
-		return (n, r) => (C(), o("div", ti, [s("div", ni, [l(Rt, {
+		return (n, r) => (C(), o("div", ri, [s("div", ii, [l(Bt, {
 			modelValue: t.value.year,
 			"onUpdate:modelValue": r[0] ||= (e) => t.value.year = e,
 			options: e.termYears,
@@ -2934,7 +2937,7 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 			"modelValue",
 			"options",
 			"label"
-		])]), s("div", ri, [l(vt, {
+		])]), s("div", ai, [l(vt, {
 			modelValue: t.value.name,
 			"onUpdate:modelValue": r[1] ||= (e) => t.value.name = e,
 			options: e.termNames,
@@ -2946,10 +2949,10 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 			"label"
 		])])]));
 	}
-}), [["__scopeId", "data-v-43c70980"]]), ai = { class: "g-term-selector" }, oi = { class: "g-term-label" }, si = {
+}), [["__scopeId", "data-v-43c70980"]]), si = { class: "g-term-selector" }, ci = { class: "g-term-label" }, li = {
 	class: "popover-title",
 	tabindex: "-1"
-}, ci = /* @__PURE__ */ Q(/* @__PURE__ */ u({
+}, ui = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 	__name: "GTermSelector",
 	props: /* @__PURE__ */ m({
 		title: { default: "Period Selection" },
@@ -2971,20 +2974,20 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = B(e, "modelValue");
-		return (n, r) => (C(), o("div", ai, [l(it, null, {
-			trigger: G(({ toggle: e }) => [l(Z, {
+		return (n, r) => (C(), o("div", si, [l(it, null, {
+			trigger: K(({ toggle: e }) => [l(Z, {
 				class: "g-term-selector-button",
 				theme: "none",
 				outlined: "",
 				onClick: e
 			}, {
-				default: G(() => [
+				default: K(() => [
 					r[0] ||= s("span", { class: "g-calendar-icon" }, [s("svg", {
 						role: "none presentation",
 						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", oi, N(t.value?.name) + " " + N(t.value?.year), 1),
+					s("span", ci, N(t.value?.name) + " " + N(t.value?.year), 1),
 					r[1] ||= s("span", { class: "g-caret" }, [s("svg", {
 						role: "none presentation",
 						xmlns: "http://www.w3.org/2000/svg",
@@ -2993,15 +2996,15 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 				]),
 				_: 1
 			}, 8, ["onClick"])]),
-			default: G(() => [s("h2", si, N(e.title), 1), l(ii, v(f(n.$props)), null, 16)]),
+			default: K(() => [s("h2", li, N(e.title), 1), l(oi, v(f(n.$props)), null, 16)]),
 			_: 1
 		})]));
 	}
-}), [["__scopeId", "data-v-674777ba"]]), li = { class: "g-user-menu" }, ui = [
+}), [["__scopeId", "data-v-47e0fca1"]]), di = { class: "g-user-menu" }, fi = [
 	"aria-label",
 	"aria-expanded",
 	"onClick"
-], di = { class: "g-user-menu__popover" }, fi = { class: "g-user-menu__list" }, pi = /* @__PURE__ */ Q(/* @__PURE__ */ u({
+], pi = { class: "g-user-menu__popover" }, mi = { class: "g-user-menu__list" }, hi = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 	__name: "GUserMenu",
 	props: {
 		initials: {},
@@ -3013,20 +3016,20 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 		let n = `${z()}-email`, r = E(!1), a = H("emailHeading");
 		d()?.appContext?.components?.RouterLink;
 		let c = V();
-		return (u, d) => (C(), o("div", li, [l(it, {
+		return (u, d) => (C(), o("div", di, [l(it, {
 			modelValue: r.value,
 			"onUpdate:modelValue": d[0] ||= (e) => r.value = e,
 			minimal: ""
 		}, {
-			trigger: G(({ toggle: e }) => [s("button", {
+			trigger: K(({ toggle: e }) => [s("button", {
 				class: "g-user-menu__avatar",
 				style: y({ backgroundColor: t.color }),
 				"aria-label": t.initials + " - " + t.label,
 				"aria-expanded": r.value,
 				"aria-haspopup": "menu",
 				onClick: e
-			}, N(t.initials), 13, ui)]),
-			default: G(() => [s("div", di, [s("h2", {
+			}, N(t.initials), 13, fi)]),
+			default: K(() => [s("div", pi, [s("h2", {
 				id: n,
 				ref_key: "emailHeading",
 				ref: a,
@@ -3035,11 +3038,11 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 			}, N(t.email), 513), s("nav", {
 				class: "g-user-menu__nav",
 				"aria-labelledby": n
-			}, [s("ul", fi, [(C(!0), o(e, null, D(c.default(), (e, t) => (C(), o("li", { key: t }, [(C(), i(A(e)))]))), 128))])])])]),
+			}, [s("ul", mi, [(C(!0), o(e, null, D(c.default(), (e, t) => (C(), o("li", { key: t }, [(C(), i(A(e)))]))), 128))])])])]),
 			_: 1
 		}, 8, ["modelValue"])]));
 	}
-}), [["__scopeId", "data-v-63bcc080"]]), mi = /* @__PURE__ */ Q(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-cedd2d44"]]), gi = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 	__name: "GCurrencyInput",
 	props: /* @__PURE__ */ m({
 		label: { default: void 0 },
@@ -3084,7 +3087,7 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 			"form-key"
 		]));
 	}
-}), [["__scopeId", "data-v-2b4443c8"]]), hi = /* @__PURE__ */ Q(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-2b4443c8"]]), _i = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 	__name: "GEmailInput",
 	props: /* @__PURE__ */ m({
 		label: { default: void 0 },
@@ -3123,13 +3126,13 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 			"instructions"
 		]));
 	}
-}), [["__scopeId", "data-v-6873e4b7"]]), gi = ["for"], _i = {
+}), [["__scopeId", "data-v-6873e4b7"]]), vi = ["for"], yi = {
 	key: 0,
 	class: "g-file-input-required"
-}, vi = {
+}, bi = {
 	key: 0,
 	class: "g-file-input-box-header"
-}, yi = ["id"], bi = [
+}, xi = ["id"], Si = [
 	"id",
 	"disabled",
 	"required",
@@ -3138,11 +3141,11 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 	"aria-invalid",
 	"aria-describedby",
 	"aria-errormessage"
-], xi = {
+], Ci = {
 	key: 1,
 	class: "g-file-input-pills",
 	"aria-label": "Selected files"
-}, Si = /* @__PURE__ */ Q(/* @__PURE__ */ u({
+}, wi = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GFileInput",
 	props: /* @__PURE__ */ m({
@@ -3199,12 +3202,12 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 				key: 0,
 				for: L(d),
 				class: "g-file-input-label"
-			}, [c(N(t.label) + " ", 1), t.required ? (C(), o("span", _i, "*")) : a("", !0)], 8, gi)) : a("", !0),
+			}, [c(N(t.label) + " ", 1), t.required ? (C(), o("span", yi, "*")) : a("", !0)], 8, vi)) : a("", !0),
 			s("div", { class: _(["g-file-input-box", { "g-file-input-box--disabled": t.disabled }]) }, [
-				t.instructions ? (C(), o("div", vi, [s("span", {
+				t.instructions ? (C(), o("div", bi, [s("span", {
 					id: "instructions-" + L(d),
 					class: "g-file-input-instructions"
-				}, N(t.instructions), 9, yi)])) : a("", !0),
+				}, N(t.instructions), 9, xi)])) : a("", !0),
 				s("input", {
 					id: L(d),
 					type: "file",
@@ -3217,8 +3220,8 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 					"aria-describedby": t.instructions ? "instructions-" + L(d) : void 0,
 					"aria-errormessage": y.value ? "error-message-" + L(d) : void 0,
 					onChange: g
-				}, null, 40, bi),
-				t.multiple && b.value.length > 0 ? (C(), o("ul", xi, [(C(!0), o(e, null, D(b.value, (e) => (C(), o("li", {
+				}, null, 40, Si),
+				t.multiple && b.value.length > 0 ? (C(), o("ul", Ci, [(C(!0), o(e, null, D(b.value, (e) => (C(), o("li", {
 					key: e,
 					class: "g-file-input-pill"
 				}, [r[0] ||= s("svg", {
@@ -3234,7 +3237,7 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), [["__scopeId", "data-v-a5d09412"]]), Ci = /* @__PURE__ */ Q(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-0c8c7f65"]]), Ti = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 	__name: "GDateInput",
 	props: /* @__PURE__ */ m({
 		label: { default: void 0 },
@@ -3276,17 +3279,17 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 			"form-key"
 		]));
 	}
-}), [["__scopeId", "data-v-f4ee29c8"]]), wi = { class: "g-date-range-input" }, Ti = {
+}), [["__scopeId", "data-v-f4ee29c8"]]), Ei = { class: "g-date-range-input" }, Di = {
 	key: 0,
 	class: "g-date-range-input__label"
-}, Ei = {
+}, Oi = {
 	key: 1,
 	class: "g-date-range-input__instructions"
-}, Di = { class: "g-date-range-input__fields" }, Oi = {
+}, ki = { class: "g-date-range-input__fields" }, Ai = {
 	key: 2,
 	class: "g-date-range-input__errors",
 	role: "alert"
-}, ki = /* @__PURE__ */ Q(/* @__PURE__ */ u({
+}, ji = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 	__name: "GDateRangeInput",
 	props: /* @__PURE__ */ m({
 		label: { default: void 0 },
@@ -3315,17 +3318,17 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 			errors: F(n, "errors"),
 			formKey: n.formKey
 		});
-		return U([i, c], () => {
+		return W([i, c], () => {
 			r.value = {
 				start: i.value,
 				end: c.value
 			};
-		}), U(r, (e) => {
+		}), W(r, (e) => {
 			e.start !== i.value && (i.value = e.start), e.end !== c.value && (c.value = e.end);
-		}, { deep: !0 }), (t, r) => (C(), o("div", wi, [
-			n.label ? (C(), o("div", Ti, N(n.label), 1)) : a("", !0),
-			n.instructions ? (C(), o("div", Ei, N(n.instructions), 1)) : a("", !0),
-			s("div", Di, [l(Ci, {
+		}, { deep: !0 }), (t, r) => (C(), o("div", Ei, [
+			n.label ? (C(), o("div", Di, N(n.label), 1)) : a("", !0),
+			n.instructions ? (C(), o("div", Oi, N(n.instructions), 1)) : a("", !0),
+			s("div", ki, [l(Ti, {
 				modelValue: i.value,
 				"onUpdate:modelValue": r[0] ||= (e) => i.value = e,
 				label: n.startLabel,
@@ -3335,7 +3338,7 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 				"modelValue",
 				"label",
 				"disabled"
-			]), l(Ci, {
+			]), l(Ti, {
 				modelValue: c.value,
 				"onUpdate:modelValue": r[1] ||= (e) => c.value = e,
 				label: n.endLabel,
@@ -3346,13 +3349,13 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 				"label",
 				"disabled"
 			])]),
-			L(u).length > 0 ? (C(), o("div", Oi, [(C(!0), o(e, null, D(L(u), (e, t) => (C(), o("div", {
+			L(u).length > 0 ? (C(), o("div", Ai, [(C(!0), o(e, null, D(L(u), (e, t) => (C(), o("div", {
 				key: t,
 				class: "g-date-range-input__error"
 			}, N(e), 1))), 128))])) : a("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-210e354e"]]), Ai = ["action", "method"], ji = /* @__PURE__ */ Q(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-210e354e"]]), Mi = ["action", "method"], Ni = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 	__name: "GForm",
 	props: /* @__PURE__ */ m({
 		action: { default: void 0 },
@@ -3364,10 +3367,10 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 	}),
 	emits: /* @__PURE__ */ m(["submit"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, r = B(e, "modelValue"), i = t, a = p("form", null), s = a ?? (fe() ? Ae(n.formKey) : Oe());
-		a || w("form", s), U(() => s.values.value, (e) => {
+		let n = e, r = B(e, "modelValue"), i = t, a = p("form", null), s = a ?? (de() ? Ae(n.formKey) : Oe());
+		a || w("form", s), W(() => s.values.value, (e) => {
 			r.value = { ...e };
-		}, { deep: !0 }), U(() => r.value, (e) => {
+		}, { deep: !0 }), W(() => r.value, (e) => {
 			e && Object.entries(e).forEach(([e, t]) => {
 				let n = s.fields[e];
 				n && n.value.value !== t && (n.value.value = t);
@@ -3392,9 +3395,9 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 			hasErrors: L(s).hasErrors.value,
 			values: L(s).values.value,
 			errors: L(s).errors.value
-		}, void 0, !0)], 40, Ai));
+		}, void 0, !0)], 40, Mi));
 	}
-}), [["__scopeId", "data-v-3f5a6392"]]), Mi = /* @__PURE__ */ Q(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-3f5a6392"]]), Pi = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 	__name: "GSubmitButton",
 	props: {
 		disabled: {
@@ -3406,32 +3409,32 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 		formKey: { default: "default" }
 	},
 	setup(e) {
-		let t = e, n = R(), 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 = R(), a = typeof n["form-key"] == "string" ? n["form-key"] : void 0, o = t.formKey || a || "default", l = p("form", null) ?? (de() ? Ae(o) : null), u = r(() => t.disabled || (l?.isSubmitting.value ?? !1)), d = r(() => l?.isSubmitting.value ?? !1);
 		return (e, n) => (C(), i(Z, {
 			type: "submit",
 			disabled: u.value,
 			variant: t.variant,
 			class: "g-submit-button"
 		}, {
-			default: G(() => [ne(s("span", null, N(t.loadingText), 513), [[te, d.value]]), ne(s("span", null, [O(e.$slots, "default", {}, () => [n[0] ||= c("Submit", -1)], !0)], 512), [[te, !d.value]])]),
+			default: K(() => [q(s("span", null, N(t.loadingText), 513), [[ee, d.value]]), q(s("span", null, [O(e.$slots, "default", {}, () => [n[0] ||= c("Submit", -1)], !0)], 512), [[ee, !d.value]])]),
 			_: 3
 		}, 8, ["disabled", "variant"]));
 	}
-}), [["__scopeId", "data-v-053621d8"]]), Ni = {
+}), [["__scopeId", "data-v-053621d8"]]), Fi = {
 	key: 0,
 	class: "g-checkbox-group__legend"
-}, Pi = {
+}, Ii = {
 	key: 0,
 	class: "g-checkbox-group__required",
 	"aria-hidden": "true"
-}, Fi = {
+}, Li = {
 	key: 1,
 	class: "g-checkbox-group__label"
-}, Ii = {
+}, Ri = {
 	key: 0,
 	class: "g-checkbox-group__required",
 	"aria-hidden": "true"
-}, Li = ["id"], Ri = { class: "g-checkbox-group__options" }, zi = ["for"], Bi = [
+}, zi = ["id"], Bi = { class: "g-checkbox-group__options" }, Vi = ["for"], Hi = [
 	"id",
 	"type",
 	"name",
@@ -3439,7 +3442,7 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 	"checked",
 	"disabled",
 	"onChange"
-], Vi = { class: "g-checkbox-group__label-text" }, Hi = ["id"], Ui = /* @__PURE__ */ Q(/* @__PURE__ */ u({
+], Ui = { class: "g-checkbox-group__label-text" }, Wi = ["id"], Gi = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 	__name: "GCheckboxGroup",
 	props: /* @__PURE__ */ m({
 		label: { default: void 0 },
@@ -3500,14 +3503,14 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 			};
 		}
 		return (n, r) => (C(), i(A(w.value ? "fieldset" : "div"), h({ class: ["g-checkbox-group", { "g-checkbox-group--error": L(m) }] }, T.value), {
-			default: G(() => [
-				w.value && t.label ? (C(), o("legend", Ni, [c(N(t.label), 1), t.required ? (C(), o("span", Pi, "\xA0*")) : a("", !0)])) : !w.value && t.label ? (C(), o("div", Fi, [c(N(t.label), 1), t.required ? (C(), o("span", Ii, "\xA0*")) : a("", !0)])) : a("", !0),
+			default: K(() => [
+				w.value && t.label ? (C(), o("legend", Fi, [c(N(t.label), 1), t.required ? (C(), o("span", Ii, "\xA0*")) : a("", !0)])) : !w.value && t.label ? (C(), o("div", Li, [c(N(t.label), 1), t.required ? (C(), o("span", Ri, "\xA0*")) : a("", !0)])) : a("", !0),
 				t.instructions ? (C(), o("div", {
 					key: 2,
 					id: S.value,
 					class: "g-checkbox-group__instructions"
-				}, N(t.instructions), 9, Li)) : a("", !0),
-				s("div", Ri, [(C(!0), o(e, null, D(t.options, (e, n) => (C(), o("div", {
+				}, N(t.instructions), 9, zi)) : a("", !0),
+				s("div", Bi, [(C(!0), o(e, null, D(t.options, (e, n) => (C(), o("div", {
 					key: e.value,
 					class: _(["g-checkbox-group__option-wrapper", { "g-checkbox-group__option-wrapper--disabled": e.disabled }])
 				}, [s("label", {
@@ -3521,11 +3524,11 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 					checked: v(e.value),
 					disabled: e.disabled,
 					class: "g-checkbox-group__input"
-				}, { ref_for: !0 }, k(e, n), { onChange: (t) => y(e.value, t.target.checked) }), null, 16, Bi), s("span", Vi, N(e.label), 1)], 10, zi), e.hint ? (C(), o("div", {
+				}, { ref_for: !0 }, k(e, n), { onChange: (t) => y(e.value, t.target.checked) }), null, 16, Hi), s("span", Ui, N(e.label), 1)], 10, Vi), e.hint ? (C(), o("div", {
 					key: 0,
 					id: E(n),
 					class: "g-checkbox-group__hint"
-				}, N(e.hint), 9, Hi)) : a("", !0)], 2))), 128))]),
+				}, N(e.hint), 9, Wi)) : a("", !0)], 2))), 128))]),
 				l(Me, {
 					errors: L(p),
 					id: x.value
@@ -3534,11 +3537,11 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 			_: 1
 		}, 16, ["class"]));
 	}
-}), [["__scopeId", "data-v-93586f5f"]]), Wi = ["for"], Gi = {
+}), [["__scopeId", "data-v-4ddc0ac8"]]), Ki = ["for"], qi = {
 	key: 0,
 	class: "g-textarea-required",
 	"aria-hidden": "true"
-}, Ki = ["id"], qi = [
+}, Ji = ["id"], Yi = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -3546,11 +3549,11 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 	"rows",
 	"maxlength",
 	"aria-invalid"
-], Ji = {
+], Xi = {
 	key: 2,
 	class: "g-textarea-char-count",
 	"aria-live": "polite"
-}, Yi = /* @__PURE__ */ Q(/* @__PURE__ */ u({
+}, Zi = /* @__PURE__ */ Q(/* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GTextarea",
 	props: /* @__PURE__ */ m({
@@ -3584,7 +3587,7 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 	}),
 	emits: /* @__PURE__ */ m(["change"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, i = B(e, "modelValue"), u = z(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = X({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: v, hasErrors: y } = $({
+		let n = e, i = B(e, "modelValue"), u = z(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = fe({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: v, hasErrors: y } = $({
 			name: n.name,
 			value: i,
 			errors: F(n, "errors"),
@@ -3594,7 +3597,7 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 			let e = x.value;
 			e && (e.style.height = "auto", e.style.height = `${e.scrollHeight}px`);
 		}
-		U(() => i.value, () => {
+		W(() => i.value, () => {
 			n.autoGrow && g(S);
 		});
 		function w(e) {
@@ -3623,12 +3626,12 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 				key: 0,
 				for: m.value,
 				class: "g-textarea-label"
-			}, [c(N(n.label), 1), n.required ? (C(), o("span", Gi, " *")) : a("", !0)], 8, Wi)) : a("", !0),
+			}, [c(N(n.label), 1), n.required ? (C(), o("span", qi, " *")) : a("", !0)], 8, Ki)) : a("", !0),
 			t.$slots.instructions || e.instructions ? (C(), o("div", {
 				key: 1,
 				id: "instructions-" + L(u),
 				class: "g-textarea-instructions"
-			}, [O(t.$slots, "instructions", {}, () => [c(N(e.instructions), 1)], !0)], 8, Ki)) : a("", !0),
+			}, [O(t.$slots, "instructions", {}, () => [c(N(e.instructions), 1)], !0)], 8, Ji)) : a("", !0),
 			s("textarea", h({
 				ref: "textareaEl",
 				value: i.value ?? "",
@@ -3649,29 +3652,284 @@ var nr = { class: "g-table-outer-wrap" }, rr = {
 				onInput: T,
 				onBlur: E,
 				onPaste: D
-			}), null, 16, qi),
-			n.maxlength === void 0 ? a("", !0) : (C(), o("div", Ji, N((i.value ?? "").length) + " / " + N(n.maxlength), 1)),
+			}), null, 16, Yi),
+			n.maxlength === void 0 ? a("", !0) : (C(), o("div", Xi, N((i.value ?? "").length) + " / " + N(n.maxlength), 1)),
 			l(Me, {
 				errors: L(v),
 				id: "error-message-" + L(u)
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), [["__scopeId", "data-v-e94b36e3"]]);
+}), [["__scopeId", "data-v-29e2f23f"]]), Qi = ["id", "for"], $i = ["id"], ea = ["aria-labelledby"], ta = { class: "g-multiselect-chip-label" }, na = [
+	"aria-label",
+	"disabled",
+	"onClick"
+], ra = [
+	"id",
+	"value",
+	"placeholder",
+	"disabled",
+	"aria-expanded",
+	"aria-controls",
+	"aria-activedescendant",
+	"aria-describedby"
+], ia = ["id"], aa = [
+	"id",
+	"aria-selected",
+	"onClick"
+], oa = {
+	class: "g-multiselect-option-check",
+	"aria-hidden": "true"
+}, sa = {
+	key: 0,
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 640 640",
+	width: "1.25em"
+}, ca = {
+	key: 1,
+	"aria-live": "polite",
+	class: "g-multiselect-option g-multiselect-no-results"
+}, la = /* @__PURE__ */ Q(/* @__PURE__ */ u({
+	__name: "GMultiSelect",
+	props: /* @__PURE__ */ m({
+		options: {},
+		label: {},
+		hiddenLabel: {
+			type: Boolean,
+			default: !1
+		},
+		placeholder: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		name: {},
+		errors: { default: () => [] },
+		instructions: {},
+		formKey: {}
+	}, {
+		modelValue: { default: () => [] },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ m(["change"], ["update:modelValue"]),
+	setup(t, { emit: n }) {
+		let i = t, u = n, d = B(t, "modelValue"), f = z(), p = E(null), m = E(null), v = E(null), y = E(!1), b = E(0), x = E(""), S = E(!1), { displayErrors: w, hasErrors: T } = $({
+			name: i.name,
+			value: d,
+			errors: F(i, "errors"),
+			formKey: i.formKey
+		}), { menuPlacement: O, menuStyle: k, isTop: A, scrollOptionIntoView: j } = jt({
+			open: y,
+			anchorRef: m,
+			listboxRef: v,
+			baseId: f,
+			activeIndex: b
+		}), M = r(() => At(i.options)), P = r(() => {
+			if (!x.value) return M.value;
+			let e = x.value.toLowerCase();
+			return M.value.filter((t) => t.label.toLowerCase().includes(e));
+		});
+		function I(e) {
+			return d.value.includes(e);
+		}
+		function R(e) {
+			let t = M.value.find((t) => t.value === e);
+			return t ? t.label : String(e);
+		}
+		function V() {
+			i.disabled || (y.value = !0, b.value = 0);
+		}
+		function H() {
+			y.value = !1, x.value = "";
+		}
+		function U(e) {
+			let t = P.value[e];
+			if (!t) return;
+			let n = d.value, r = I(t.value) ? n.filter((e) => e !== t.value) : [...n, t.value];
+			d.value = r, u("change", r), g(() => p.value?.focus());
+		}
+		function W(e) {
+			if (i.disabled) return;
+			let t = d.value.filter((t) => t !== e);
+			d.value = t, u("change", t);
+		}
+		function G() {
+			i.disabled || (p.value?.focus(), y.value || V());
+		}
+		function K(e) {
+			x.value = e.target.value, b.value = 0, y.value || V();
+		}
+		function Y() {
+			i.disabled || y.value || V();
+		}
+		function te(e) {
+			if (S.value) {
+				S.value = !1;
+				return;
+			}
+			let t = e.relatedTarget;
+			t && v.value?.contains(t) || t && m.value?.contains(t) || H();
+		}
+		function X(e) {
+			e.preventDefault();
+		}
+		function ne() {
+			S.value = !0;
+		}
+		function re(e) {
+			if (i.disabled) return;
+			let t = P.value.length - 1;
+			switch (e.key) {
+				case "ArrowDown":
+					e.preventDefault(), y.value ? (b.value = Math.min(t, b.value + 1), j()) : V();
+					break;
+				case "ArrowUp":
+					e.preventDefault(), y.value ? (b.value = Math.max(0, b.value - 1), j()) : V();
+					break;
+				case "Home":
+					e.preventDefault(), b.value = 0, j();
+					break;
+				case "End":
+					e.preventDefault(), b.value = t, j();
+					break;
+				case "Enter":
+					e.preventDefault(), y.value && P.value.length > 0 ? U(b.value) : y.value || V();
+					break;
+				case " ":
+					y.value && !x.value && (e.preventDefault(), P.value.length > 0 && U(b.value));
+					break;
+				case "Escape":
+					A.value && (e.preventDefault(), setTimeout(() => H(), 0));
+					break;
+				case "Backspace":
+					!x.value && d.value.length > 0 && W(d.value[d.value.length - 1]);
+					break;
+			}
+		}
+		let ie = r(() => `${f}-input`), ae = r(() => `${f}-label`), oe = r(() => `${f}-instructions`), se = r(() => `error-message-${f}`), ce = r(() => {
+			let e = [];
+			return i.instructions && e.push(oe.value), T.value && e.push(se.value), e.length > 0 ? e.join(" ") : void 0;
+		});
+		return (n, r) => (C(), o("div", { class: _(["g-multiselect-root", {
+			"g-multiselect-open": y.value,
+			"g-multiselect-has-error": L(T)
+		}]) }, [
+			t.hiddenLabel ? a("", !0) : (C(), o("label", {
+				key: 0,
+				id: ae.value,
+				for: ie.value,
+				class: "g-multiselect-label"
+			}, N(t.label), 9, Qi)),
+			t.instructions ? (C(), o("div", {
+				key: 1,
+				id: oe.value,
+				class: "g-multiselect-instructions"
+			}, N(t.instructions), 9, $i)) : a("", !0),
+			s("div", {
+				ref_key: "controlRef",
+				ref: m,
+				class: _(["g-multiselect-control", { "g-multiselect-control--disabled": t.disabled }]),
+				onClick: G
+			}, [
+				s("ul", {
+					class: "g-multiselect-chips",
+					"aria-labelledby": ae.value
+				}, [(C(!0), o(e, null, D(d.value, (e) => (C(), o("li", {
+					key: e,
+					class: "g-multiselect-chip"
+				}, [s("span", ta, N(R(e)), 1), s("button", {
+					type: "button",
+					class: "g-multiselect-chip-remove",
+					"aria-label": `Remove ${R(e)}`,
+					disabled: t.disabled,
+					onMousedown: ne,
+					onClick: J((t) => W(e), ["stop"])
+				}, [...r[0] ||= [s("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					viewBox: "0 0 51.26 51.26",
+					width: "1em",
+					role: "none presentation"
+				}, [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, na)]))), 128))], 8, ea),
+				s("input", h({
+					ref_key: "inputRef",
+					ref: p,
+					type: "text",
+					role: "combobox",
+					class: "g-multiselect-input",
+					id: ie.value,
+					value: x.value,
+					placeholder: d.value.length === 0 ? t.placeholder : void 0,
+					disabled: t.disabled,
+					autocomplete: "off",
+					"aria-autocomplete": "list",
+					"aria-expanded": y.value ? "true" : "false",
+					"aria-haspopup": "listbox",
+					"aria-controls": L(f) + "-listbox",
+					"aria-activedescendant": y.value && P.value.length > 0 ? L(f) + "-option-" + b.value : void 0
+				}, t.hiddenLabel ? { "aria-label": t.label } : void 0, {
+					"aria-describedby": ce.value,
+					onInput: K,
+					onKeydown: re,
+					onFocus: Y,
+					onBlur: te
+				}), null, 16, ra),
+				r[2] ||= s("svg", {
+					class: "g-multiselect-caret",
+					xmlns: "http://www.w3.org/2000/svg",
+					viewBox: "0 0 51.26 51.26",
+					"aria-hidden": "true",
+					width: "1.125em"
+				}, [s("path", {
+					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),
+				q(s("div", h({
+					ref_key: "listboxRef",
+					ref: v,
+					id: L(f) + "-listbox",
+					role: "listbox",
+					"aria-multiselectable": "true"
+				}, t.hiddenLabel ? { "aria-label": t.label } : { "aria-labelledby": ae.value }, {
+					class: ["g-multiselect-listbox", { "g-multiselect-listbox--above": L(O) === "above" }],
+					style: L(k),
+					tabindex: "-1"
+				}), [P.value.length > 0 ? (C(!0), o(e, { key: 0 }, D(P.value, (e, t) => (C(), o("div", {
+					key: e.value,
+					id: L(f) + "-option-" + t,
+					role: "option",
+					class: _(["g-multiselect-option", {
+						"g-multiselect-option--active": t === b.value,
+						"g-multiselect-option--selected": I(e.value)
+					}]),
+					"aria-selected": I(e.value) ? "true" : "false",
+					onMousedown: X,
+					onClick: (e) => U(t)
+				}, [s("span", oa, [I(e.value) ? (C(), o("svg", sa, [...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(" " + N(e.label), 1)], 42, aa))), 128)) : (C(), o("div", ca, " No results found. "))], 16, ia), [[ee, y.value]])
+			], 2),
+			l(Me, {
+				errors: L(w),
+				id: se.value
+			}, null, 8, ["errors", "id"])
+		], 2));
+	}
+}), [["__scopeId", "data-v-b5f1ff3e"]]);
 //#endregion
 //#region src/compose/useActiveLink.ts
-function Xi(e, t, n) {
+function ua(e, t, n) {
 	let r = [
 		0,
 		.25,
 		.5,
 		.75,
 		1
-	], i = `${-t}px 0px 0px 0px`, a = /* @__PURE__ */ new Map(), o = E(Array.from(Y(e)?.children || []));
-	le(e, () => {
-		o.value = Array.from(Y(e)?.children || []);
+	], i = `${-t}px 0px 0px 0px`, a = /* @__PURE__ */ new Map(), o = E(Array.from(ne(e)?.children || []));
+	ce(e, () => {
+		o.value = Array.from(ne(e)?.children || []);
 	}, { childList: !0 });
-	let { stop: s } = se(o, (e) => {
+	let { stop: s } = oe(o, (e) => {
 		let t = o.value[o.value.length - 1];
 		for (let n of e) a.set(n.target, n.isIntersecting ? Math.ceil(100 * n.intersectionRatio) / 100 : 0), n.target === t && n.intersectionRatio === 1 && a.set(n.target, Infinity);
 		let r = null, i = 0;
@@ -3690,8 +3948,8 @@ function Xi(e, t, n) {
 }
 //#endregion
 //#region src/compose/useSidebar.ts
-function Zi(e = "(max-width: 800px)") {
-	let t = z(), n = E(!1), r = ce(e, { ssrWidth: 1e3 });
+function da(e = "(max-width: 800px)") {
+	let t = z(), n = E(!1), r = se(e, { ssrWidth: 1e3 });
 	function i(e) {
 		if (!r.value || !n.value) return;
 		let i = e.target, a = document.getElementById(`${t}-sidebar`);
@@ -3707,7 +3965,7 @@ function Zi(e = "(max-width: 800px)") {
 		}, 5));
 	}
 	return S(() => {
-		U(r, (e) => {
+		W(r, (e) => {
 			e ? (document.addEventListener("mousedown", i), document.addEventListener("focusin", a)) : (document.removeEventListener("mousedown", i), document.removeEventListener("focusin", a));
 		}, { immediate: !0 });
 	}), x(() => {
@@ -3721,8 +3979,8 @@ function Zi(e = "(max-width: 800px)") {
 }
 //#endregion
 //#region src/compose/useTableChanges.ts
-function Qi() {
-	let e = j(/* @__PURE__ */ new Map()), t = q(), n = (n) => {
+function fa() {
+	let e = j(/* @__PURE__ */ new Map()), t = Y(), n = (n) => {
 		let r = n.column.key, i = n.row.key, a = n.value, o = n.previousValue;
 		e.has(i) || e.set(i, j(/* @__PURE__ */ new Map()));
 		let s = e.get(i), c = s.get(r), l = c ? c.previousValue : o, u = c?.error;
@@ -3824,6 +4082,6 @@ function Qi() {
 	};
 }
 //#endregion
-export { Oe as $, Pn as A, kt as B, Qn as C, er as D, Zn as E, sn as F, et as G, vt as H, an as I, Ke as J, $e as K, tn as L, mn as M, fn as N, tr as O, dn as P, Ae as Q, Jt as R, Ar as S, $n as T, ft as U, Ct as V, it as W, Re as X, qe as Y, $ as Z, Qr as _, Ui as a, Gr as b, ki as c, hi as d, De as et, mi as f, ei as g, ii as h, Yi as i, yn as j, Yn as k, Ci as l, ci as m, Zi as n, Mi as o, pi as p, Qe as q, Xi as r, ji as s, Qi as t, Z as tt, Si as u, Jr as v, Xn as w, zr as x, qr as y, Rt as z };
+export { Ae as $, Zn as A, Bt as B, Mr as C, $n as D, tr as E, pn as F, it as G, Ct as H, ln as I, Qe as J, et as K, sn as L, xn as M, gn as N, nr as O, mn as P, $ as Q, rn as R, Vr as S, Qn as T, vt as U, kt as V, ft as W, qe as X, Ke as Y, Re as Z, ni as _, Zi as a, Yr as b, Ni as c, wi as d, Oe as et, _i as f, oi as g, ui as h, la as i, In as j, rr as k, ji as l, hi as m, da as n, Z as nt, Gi as o, gi as p, $e as q, ua as r, Pi as s, fa as t, De as tt, Ti as u, ei as v, er as w, qr as x, Xr as y, Xt as z };
 
-//# sourceMappingURL=grad-vue-_KJazv6D.js.map
+//# sourceMappingURL=grad-vue-D4cwVtpD.js.map