@illinois-grad/grad-vue 7.2.0 → 7.2.2

package/dist/{grad-vue-Cx1uTli6.js → grad-vue-B8FlsuZs.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, getCurrentScope as f, inject as p, mergeModels as m, mergeProps as h, nextTick as g, normalizeClass as _, normalizeStyle as v, onBeforeMount as y, onBeforeUnmount as b, onMounted as x, onScopeDispose as S, onUnmounted as C, openBlock as w, provide as T, reactive as E, readonly as D, ref as O, renderList as k, renderSlot as A, resolveDynamicComponent as j, shallowReactive as M, shallowRef as N, toDisplayString as P, toRaw as F, toRef as I, toValue as L, unref as R, useAttrs as z, useId as B, useModel as V, useSlots as H, useTemplateRef as U, vShow as ee, watch as W, watchEffect as G, withCtx as K, withDirectives as te, withModifiers as q } from "vue";
-import { createEventHook as ne, toArray as re, tryOnScopeDispose as ie, unrefElement as J, useClipboard as ae, useDebounceFn as Y, useFocusWithin as X, useIntersectionObserver as Z, useLocalStorage as oe, useMediaQuery as se, useMutationObserver as ce, useResizeObserver as le, useSessionStorage as ue } from "@vueuse/core";
-import { createFocusTrap as de } from "focus-trap";
+import { createEventHook as ne, toArray as J, tryOnScopeDispose as re, unrefElement as Y, useClipboard as ie, useDebounceFn as X, useFocusWithin as Z, useIntersectionObserver as ae, useLocalStorage as oe, useMediaQuery as se, useMutationObserver as Q, useResizeObserver as ce, useSessionStorage 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 pe(e = {}) {
+function fe(e = {}) {
 	let t = z(), n = globalThis.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ === !0, i = e.omitInCustomElement ?? [];
 	return {
 		attrs: t,
@@ -20,7 +20,7 @@ function pe(e = {}) {
 }
 //#endregion
 //#region src/components/GButton.vue?vue&type=script&setup=true&lang.ts
-var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PURE__ */ u({
+var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, $ = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GButton",
 	props: {
@@ -55,7 +55,7 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 		"mouseleave"
 	],
 	setup(t, { emit: n }) {
-		let a = t, c = H(), l = n, { forwardedAttrs: u } = pe({ omitInCustomElement: ["id"] }), d = r(() => [
+		let a = t, c = H(), l = n, { forwardedAttrs: u } = fe({ omitInCustomElement: ["id"] }), d = r(() => [
 			"g-btn",
 			`g-btn--${a.size}`,
 			`g-btn--${a.theme}`,
@@ -71,11 +71,7 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 			}
 		]);
 		function f(e) {
-			if (a.disabled) {
-				e.preventDefault(), e.stopPropagation();
-				return;
-			}
-			l("click", e);
+			a.disabled ? (e.preventDefault(), e.stopPropagation()) : l("click", e);
 		}
 		return (n, r) => (w(), i(j(a.component ? a.component : "button"), h(R(u), {
 			to: a.to,
@@ -93,11 +89,11 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 			onMouseenter: r[6] ||= (e) => n.$emit("mouseenter", e),
 			onMouseleave: r[7] ||= (e) => n.$emit("mouseleave", e)
 		}), {
-			default: K(() => [t.icon || c.icon ? (w(), o(e, { key: 0 }, [s("span", me, [c.icon ? A(n.$slots, "icon", {}, void 0, void 0, 0) : (w(), o("span", {
+			default: K(() => [t.icon || c.icon ? (w(), o(e, { key: 0 }, [s("span", pe, [c.icon ? A(n.$slots, "icon", {}, void 0, void 0, 0) : (w(), o("span", {
 				key: 1,
 				class: _(t.icon + " g-btn--icon-span"),
 				"aria-hidden": "true"
-			}, null, 2))]), s("span", he, [A(n.$slots, "default")])], 64)) : A(n.$slots, "default", {}, void 0, void 0, 1)]),
+			}, null, 2))]), s("span", me, [A(n.$slots, "default")])], 64)) : A(n.$slots, "default", {}, void 0, void 0, 1)]),
 			_: 3
 		}, 16, [
 			"to",
@@ -107,13 +103,13 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 			"aria-disabled"
 		]));
 	}
-}), ge = { class: "g-tree-menu__divider" }, _e = {
+}), he = { class: "g-tree-menu__divider" }, ge = {
 	key: 0,
 	class: "g-tree-menu__divider-line"
-}, ve = {
+}, _e = {
 	key: 1,
 	class: "g-tree-menu__expand-all-wrapper"
-}, ye = { class: "g-tree-menu__content" }, be = /* @__PURE__ */ u({
+}, ve = { class: "g-tree-menu__content" }, ye = /* @__PURE__ */ u({
 	__name: "GTreeMenu",
 	props: {
 		heading: {},
@@ -133,7 +129,7 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 	setup(e) {
 		let t = e, n = H(), l = d(), u = B(), f = (l?.ce)?._slots?.heading?.length > 0, p = r(() => !!t.heading || !!n.heading || f);
 		T("g-tree-menu-list-type", t.listType);
-		let m = t.storageKey ? ue(t.storageKey, {}) : null;
+		let m = t.storageKey ? le(t.storageKey, {}) : null;
 		T("g-tree-menu-expanded-storage", m);
 		let g = E(/* @__PURE__ */ new Map());
 		T("g-tree-menu-expandable-items", g);
@@ -166,7 +162,7 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 				default: K(() => [A(n.$slots, "heading", {}, () => [c(P(e.heading), 1)])]),
 				_: 3
 			}, 8, ["id"])) : a("", !0),
-			s("div", ge, [e.smallHeading ? a("", !0) : (w(), o("div", _e)), e.showExpandAll ? (w(), o("div", ve, [s("button", {
+			s("div", he, [e.smallHeading ? a("", !0) : (w(), o("div", ge)), e.showExpandAll ? (w(), o("div", _e, [s("button", {
 				class: "g-tree-menu__expand-all-btn",
 				onClick: b
 			}, [(w(), o("svg", {
@@ -179,14 +175,14 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
 			}, [...r[0] ||= [s("polyline", { points: "7 8 12 13 17 8" }, null, -1), s("polyline", { points: "7 13 12 18 17 13" }, null, -1)]], 2)), c(" " + P(y.value ? "Collapse all" : "Expand all"), 1)])])) : a("", !0)]),
-			s("div", ye, [A(n.$slots, "default")])
+			s("div", ve, [A(n.$slots, "default")])
 		], 16));
 	}
-}), xe = /* @__PURE__ */ u({
+}), be = /* @__PURE__ */ u({
 	name: "GTreeMenuList",
 	props: { listType: { default: void 0 } },
 	setup(e) {
-		let t = e, n = p("g-tree-menu-list-type", "ul"), a = r(() => t.listType ?? n ?? "ul"), o = fe(), s = d();
+		let t = e, n = p("g-tree-menu-list-type", "ul"), a = r(() => t.listType ?? n ?? "ul"), o = de(), s = d();
 		return x(() => {
 			if (!o) return;
 			let e = s?.ce;
@@ -199,20 +195,20 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 			_: 3
 		}, 8, ["role"]));
 	}
-}), Se = {
+}), xe = {
 	key: 0,
 	class: "g-tree-menu__row"
-}, Ce = { class: "g-tree-menu__row-content-text" }, we = [
+}, Se = { class: "g-tree-menu__row-content-text" }, Ce = [
 	"aria-controls",
 	"aria-expanded",
 	"aria-label"
-], Te = {
+], we = {
 	key: 1,
 	class: "g-tree-menu__row g-tree-menu__row--leaf"
-}, Ee = {
+}, Te = {
 	class: "g-tree-menu__row-content",
 	"data-tree-primary": ""
-}, De = /* @__PURE__ */ u({
+}, Ee = /* @__PURE__ */ u({
 	name: "GTreeMenuItem",
 	inheritAttrs: !1,
 	props: {
@@ -263,7 +259,7 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 		function F(e) {
 			e.target.closest("a, button") || T();
 		}
-		let I = fe(), L = u?.ce;
+		let I = de(), L = u?.ce;
 		x(() => {
 			I && L && L.setAttribute("role", "listitem");
 		});
@@ -277,11 +273,11 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 			class: "g-tree-menu__item",
 			"data-tree-expandable": g.value ? "true" : void 0
 		}), {
-			default: K(() => [g.value ? (w(), o("div", Se, [s("span", {
+			default: K(() => [g.value ? (w(), o("div", xe, [s("span", {
 				class: "g-tree-menu__row-content",
 				"data-tree-primary": "",
 				onClick: F
-			}, [s("span", Ce, [A(e.$slots, "default")])]), s("button", {
+			}, [s("span", Se, [A(e.$slots, "default")])]), s("button", {
 				type: "button",
 				class: "g-tree-menu__toggle-btn",
 				"aria-controls": R(f) + "-children",
@@ -299,7 +295,7 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 				"stroke-width": "2.5",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [...t[0] ||= [s("polyline", { points: "9 18 15 12 9 6" }, null, -1)]], 2))], 8, we)])) : (w(), o("div", Te, [t[1] ||= s("span", { class: "g-tree-menu__spacer" }, null, -1), s("span", Ee, [A(e.$slots, "default")])])), g.value && C.value ? (w(), i(xe, {
+			}, [...t[0] ||= [s("polyline", { points: "9 18 15 12 9 6" }, null, -1)]], 2))], 8, Ce)])) : (w(), o("div", we, [t[1] ||= s("span", { class: "g-tree-menu__spacer" }, null, -1), s("span", Te, [A(e.$slots, "default")])])), g.value && C.value ? (w(), i(be, {
 				key: 2,
 				id: R(f) + "-children"
 			}, {
@@ -312,7 +308,7 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 });
 //#endregion
 //#region src/compose/useForm.ts
-function Oe() {
+function De() {
 	let e = M({}), t = O(!1), n = r(() => {
 		let t = {};
 		return Object.entries(e).forEach(([e, n]) => {
@@ -354,18 +350,18 @@ function Oe() {
 }
 //#endregion
 //#region src/compose/useWebComponentForm.ts
-function ke() {
+function Oe() {
 	let e = globalThis;
 	return e.__GRAD_VUE_WC_FORMS__ ||= /* @__PURE__ */ new Map(), e.__GRAD_VUE_WC_FORMS__;
 }
-function Ae(e = "default") {
-	let t = ke(), n = e || "default";
-	return t.has(n) || t.set(n, Oe()), t.get(n);
+function ke(e = "default") {
+	let t = Oe(), n = e || "default";
+	return t.has(n) || t.set(n, De()), t.get(n);
 }
 //#endregion
 //#region src/compose/useFormField.ts
-function $(e) {
-	let t = z(), n = typeof t["form-key"] == "string" ? t["form-key"] : void 0, i = e.formKey ?? n ?? "default", a = p("form", null) ?? (fe() ? Ae(i) : null), o = r(() => {
+function Ae(e) {
+	let t = z(), n = typeof t["form-key"] == "string" ? t["form-key"] : void 0, i = e.formKey ?? n ?? "default", a = p("form", null) ?? (de() ? ke(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;
@@ -452,7 +448,7 @@ var je = ["id"], Me = /* @__PURE__ */ u({
 	}),
 	emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, i = V(e, "modelValue"), u = B(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = pe({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: g, hasErrors: v } = $({
+		let n = e, i = V(e, "modelValue"), u = B(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = fe({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: g, hasErrors: v } = Ae({
 			name: n.name,
 			value: i,
 			errors: I(n, "errors"),
@@ -581,14 +577,14 @@ function Ze(e, t = {}) {
 		n && (n.unpause(), s.value = !1);
 	}, f = r(() => {
 		let t = L(e);
-		return re(t).map((e) => {
+		return J(t).map((e) => {
 			let t = L(e);
-			return typeof t == "string" ? t : J(t);
+			return typeof t == "string" ? t : Y(t);
 		}).filter(Xe);
 	});
 	return W(f, (e) => {
 		if (e.length) {
-			if (!n) n = de(e, {
+			if (!n) n = ue(e, {
 				...a,
 				onActivate(e) {
 					o.value = !0, t.onActivate && t.onActivate(e);
@@ -602,7 +598,7 @@ function Ze(e, t = {}) {
 				n?.updateContainerElements(e), !t && i && c();
 			}
 		}
-	}, { flush: "post" }), ie(() => l()), {
+	}, { flush: "post" }), re(() => l()), {
 		hasFocus: o,
 		isPaused: s,
 		activate: c,
@@ -715,7 +711,7 @@ function rt(e, t, n, r) {
 var it = /* @__PURE__ */ u({
 	__name: "GClientOnly",
 	setup(e) {
-		let t = O(fe());
+		let t = O(de());
 		return x(() => {
 			t.value = !0;
 		}), (e, n) => t.value ? A(e.$slots, "default", {}, void 0, void 0, 0) : A(e.$slots, "fallback", {}, void 0, void 0, 1);
@@ -747,11 +743,11 @@ var it = /* @__PURE__ */ u({
 		W(I(d, "modelValue"), (e) => {
 			p.value = e;
 		});
-		let m = H(), h = r(() => !!m.trigger), y = U("triggerRef"), x = U("popoverRef"), S = U("popoverContentRef"), { isCustomElement: C } = pe(), T = C, E = B(), { push: D, pop: k, isTop: j, zIndex: M } = qe(E, !0), { activate: N, deactivate: P } = tt(x, j, !0);
+		let m = H(), h = r(() => !!m.trigger), y = U("triggerRef"), x = U("popoverRef"), S = U("popoverContentRef"), { isCustomElement: C } = fe(), T = C, E = B(), { push: D, pop: k, isTop: j, zIndex: M } = qe(E, !0), { activate: N, deactivate: P } = tt(x, j, !0);
 		nt([x, y], j, p, L, k), W(p, (e) => {
 			e ? (g(() => {
 				g(() => N());
-			}), D(), f("show")) : (P(), k(), f("hide"), re.value = !1, ie.value = null);
+			}), D(), f("show")) : (P(), k(), f("hide"), J.value = !1, re.value = null);
 		});
 		function F() {
 			p.value = !0, f("update:modelValue", !0);
@@ -765,19 +761,19 @@ var it = /* @__PURE__ */ u({
 		let V = O({
 			top: 0,
 			left: 0
-		}), G = O({ left: "50%" }), q = O(!1), ne = O(!1), re = O(!1), ie = O(null), J = null;
-		function ae() {
+		}), G = O({ left: "50%" }), q = O(!1), ne = O(!1), J = O(!1), re = O(null), Y = null;
+		function ie() {
 			if (y.value) return y.value;
 			let e = x.value?.parentElement ?? null;
 			for (; e && e.tagName.toLowerCase() !== "g-popover";) e = e.parentElement;
 			let t = e?.previousElementSibling;
 			return t instanceof HTMLElement ? t : null;
 		}
-		function Y() {
+		function X() {
 			if (!x.value || !S.value) return;
 			let e = x.value, t = S.value, n = new DOMRect(0, 0, window.innerWidth, window.innerHeight), r = Math.max(n.height - 32, 0), i = window.getComputedStyle(e), a = t.offsetHeight + Number.parseFloat(i.paddingTop) + Number.parseFloat(i.paddingBottom) + Number.parseFloat(i.borderTopWidth) + Number.parseFloat(i.borderBottomWidth);
-			re.value = a > r, ie.value = re.value ? r : null;
-			let o = new DOMRect(0, 0, e.offsetWidth, Math.min(a, r)), s = ae();
+			J.value = a > r, re.value = J.value ? r : null;
+			let o = new DOMRect(0, 0, e.offsetWidth, Math.min(a, r)), s = ie();
 			if (!s) {
 				V.value = {
 					top: Math.max((n.height - o.height) / 2, 16),
@@ -797,10 +793,10 @@ var it = /* @__PURE__ */ u({
 		}
 		return W(p, (e) => {
 			e ? g(() => {
-				Y(), window.addEventListener("resize", Y), window.addEventListener("scroll", Y, { capture: !0 }), x.value && (J && J.disconnect(), J = new ResizeObserver(() => Y()), S.value && J.observe(S.value));
-			}) : (window.removeEventListener("resize", Y), window.removeEventListener("scroll", Y, { capture: !0 }), J && J.disconnect());
+				X(), window.addEventListener("resize", X), window.addEventListener("scroll", X, { capture: !0 }), x.value && (Y && Y.disconnect(), Y = new ResizeObserver(() => X()), S.value && Y.observe(S.value));
+			}) : (window.removeEventListener("resize", X), window.removeEventListener("scroll", X, { capture: !0 }), Y && Y.disconnect());
 		}), b(() => {
-			window.removeEventListener("resize", Y), window.removeEventListener("scroll", Y, { capture: !0 }), J && J.disconnect();
+			window.removeEventListener("resize", X), window.removeEventListener("scroll", X, { capture: !0 }), Y && Y.disconnect();
 		}), c({
 			show: F,
 			hide: L,
@@ -833,7 +829,7 @@ var it = /* @__PURE__ */ u({
 						"g-popover-above": q.value,
 						"g-popover-below": !q.value,
 						"g-popover-minimal": e.minimal,
-						"g-popover-scrollable": re.value
+						"g-popover-scrollable": J.value
 					}),
 					role: "dialog",
 					"aria-modal": "true",
@@ -843,10 +839,10 @@ var it = /* @__PURE__ */ u({
 						top: V.value.top + "px",
 						left: V.value.left + "px",
 						zIndex: R(M),
-						maxHeight: ie.value === null ? void 0 : `${ie.value}px`
+						maxHeight: re.value === null ? void 0 : `${re.value}px`
 					})
 				}, [
-					!ne.value && !e.minimal && !re.value ? (w(), o("div", {
+					!ne.value && !e.minimal && !J.value ? (w(), o("div", {
 						key: 0,
 						class: _(["g-popover-arrow", { "g-popover-arrow-above": q.value }]),
 						style: v(G.value),
@@ -937,11 +933,7 @@ var gt = /* @__PURE__ */ u({
 			p.value = !1, m.value = !1;
 		}
 		function D() {
-			if (p.value || m.value) {
-				E();
-				return;
-			}
-			T();
+			p.value || m.value ? E() : T();
 		}
 		function k(e) {
 			y !== e && (j(), y = e, y && (y.addEventListener("mouseenter", M), y.addEventListener("mouseleave", N), y.addEventListener("focusin", P), y.addEventListener("focusout", F), y.addEventListener("keydown", I)));
@@ -973,13 +965,9 @@ var gt = /* @__PURE__ */ u({
 		}, { immediate: !0 }), W(() => i.text, (e) => {
 			f.value && (f.value.textContent = e);
 		}), W(() => p.value || m.value, (e) => {
-			if (e) {
-				S(), f.value && y && mt(y, f.value), g ||= (window.addEventListener("scroll", C, { capture: !0 }), !0);
-				return;
-			}
-			g &&= (window.removeEventListener("scroll", C, { capture: !0 }), !1), f.value && (ht(f.value), _ && clearTimeout(_), _ = window.setTimeout(() => {
+			e ? (S(), f.value && y && mt(y, f.value), g ||= (window.addEventListener("scroll", C, { capture: !0 }), !0)) : (g &&= (window.removeEventListener("scroll", C, { capture: !0 }), !1), f.value && (ht(f.value), _ && clearTimeout(_), _ = window.setTimeout(() => {
 				s("tooltip-hide");
-			}, 150));
+			}, 150)));
 		}), b(() => {
 			g && window.removeEventListener("scroll", C, { capture: !0 }), h && h.disconnect(), f.value &&= (f.value.remove(), null), _ && clearTimeout(_), l.value && y && y.removeAttribute("aria-describedby"), j();
 		}), t({
@@ -1032,7 +1020,7 @@ var gt = /* @__PURE__ */ u({
 	}),
 	emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
 	setup(t, { emit: n }) {
-		let i = t, u = n, d = V(t, "modelValue"), f = B(), { displayErrors: p, hasErrors: m } = $({
+		let i = t, u = n, d = V(t, "modelValue"), f = B(), { displayErrors: p, hasErrors: m } = Ae({
 			name: i.name,
 			value: d,
 			errors: I(i, "errors"),
@@ -1192,13 +1180,13 @@ var gt = /* @__PURE__ */ u({
 					id: "alertdialog-description-" + R(f),
 					class: "g-alertdialog-content"
 				}, [A(e.$slots, "default")], 8, Mt),
-				s("div", Nt, [l(Q, {
+				s("div", Nt, [l($, {
 					outlined: "",
 					onClick: r[0] ||= (e) => o("cancel")
 				}, {
 					default: K(() => [...r[2] ||= [c("Cancel", -1)]]),
 					_: 1
-				}), l(Q, {
+				}), l($, {
 					theme: a.buttonColor,
 					onClick: r[1] ||= (e) => o("confirm")
 				}, {
@@ -1328,7 +1316,7 @@ var Lt = ["id"], Rt = {
 	}),
 	emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
 	setup(t, { emit: n }) {
-		let i = t, u = n, d = V(t, "modelValue"), f = B(), p = O(null), m = O(null), v = O(null), y = O(!1), b = O(0), x = O(!1), S = O(!1), { displayErrors: C, hasErrors: T } = $({
+		let i = t, u = n, d = V(t, "modelValue"), f = B(), p = O(null), m = O(null), v = O(null), y = O(!1), b = O(0), x = O(!1), S = O(!1), { displayErrors: C, hasErrors: T } = Ae({
 			name: i.name,
 			value: d,
 			errors: I(i, "errors"),
@@ -1377,22 +1365,18 @@ var Lt = ["id"], Rt = {
 		}
 		function ne(e) {
 			let t = e.relatedTarget;
-			if (x.value) {
-				x.value = !1;
-				return;
-			}
-			t && m.value && m.value.contains(t) || (i.searchable && (F.value = ""), U());
+			x.value ? x.value = !1 : t && m.value && m.value.contains(t) || (i.searchable && (F.value = ""), U());
 		}
-		function re(e) {
+		function J(e) {
 			let t = L.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 ie() {
+		function re() {
 			i.disabled || (y.value ? U() : H());
 		}
-		function J(e) {
+		function Y(e) {
 			if (i.disabled) return;
 			let t = L.value.length - 1;
 			if (!y.value && [
@@ -1400,11 +1384,8 @@ var Lt = ["id"], Rt = {
 				"ArrowUp",
 				"Enter",
 				" "
-			].includes(e.key)) {
-				e.preventDefault(), H();
-				return;
-			}
-			switch (e.key) {
+			].includes(e.key)) e.preventDefault(), H();
+			else switch (e.key) {
 				case "ArrowDown":
 					e.preventDefault(), y.value ? (b.value = Math.min(t, b.value + 1), M()) : H();
 					break;
@@ -1418,21 +1399,21 @@ var Lt = ["id"], Rt = {
 					e.preventDefault(), b.value = t, M();
 					break;
 				case "Enter":
-					e.preventDefault(), y.value ? re(b.value) : H();
+					e.preventDefault(), y.value ? J(b.value) : H();
 					break;
 				case "Escape": j.value && (e.preventDefault(), setTimeout(() => {
 					U();
 				}, 0));
 			}
 		}
-		function ae(e) {
-			re(e);
+		function ie(e) {
+			J(e);
 		}
-		function Y() {
+		function X() {
 			x.value = !0;
 		}
-		let X = r(() => i.clearButton && d.value !== null && d.value !== void 0 && !i.disabled);
-		function Z() {
+		let Z = r(() => i.clearButton && d.value !== null && d.value !== void 0 && !i.disabled);
+		function ae() {
 			i.disabled || (d.value = null, u("change", null), i.searchable && (F.value = ""));
 		}
 		return (n, r) => (w(), o("div", { class: _(["g-select-root g-select-combo", {
@@ -1461,7 +1442,7 @@ var Lt = ["id"], Rt = {
 					disabled: i.disabled,
 					onFocus: G,
 					onInput: K,
-					onKeydown: J,
+					onKeydown: Y,
 					onBlur: ne,
 					"aria-autocomplete": "list",
 					"aria-controls": R(f) + "-listbox",
@@ -1473,11 +1454,11 @@ var Lt = ["id"], Rt = {
 					role: "combobox",
 					autocomplete: "off"
 				}), null, 16, Vt),
-				X.value ? (w(), o("button", {
+				Z.value ? (w(), o("button", {
 					key: 0,
 					type: "button",
 					class: "g-select-clear-btn",
-					onClick: Z
+					onClick: ae
 				}, [...r[0] ||= [s("svg", {
 					role: "img",
 					"aria-label": "Clear Selection",
@@ -1512,17 +1493,17 @@ var Lt = ["id"], Rt = {
 			}, t.hiddenLabel ? { "aria-label": i.label } : { "aria-labelledby": R(f) + "-label" }, {
 				"aria-activedescendant": y.value ? R(f) + "-option-" + b.value : void 0,
 				tabindex: "0",
-				onClick: ie,
-				onKeydown: J,
+				onClick: re,
+				onKeydown: Y,
 				onFocus: G,
 				onBlur: ne
 			}), [
 				c(P(N.value[z.value] ? N.value[z.value].label : "") + " ", 1),
-				X.value ? (w(), o("button", {
+				Z.value ? (w(), o("button", {
 					key: 0,
 					type: "button",
 					class: "g-select-clear-btn",
-					onClick: q(Z, ["stop"])
+					onClick: q(ae, ["stop"])
 				}, [...r[2] ||= [s("svg", {
 					role: "img",
 					"aria-label": "Clear Selection",
@@ -1559,8 +1540,8 @@ var Lt = ["id"], Rt = {
 				}]),
 				role: "option",
 				"aria-selected": e.value === d.value ? "true" : "false",
-				onMousedown: Y,
-				onClick: (e) => ae(t)
+				onMousedown: X,
+				onClick: (e) => ie(t)
 			}, [A(n.$slots, "option", {
 				option: e,
 				selected: e.value === d.value,
@@ -1621,7 +1602,7 @@ var Lt = ["id"], Rt = {
 				e && e.scrollIntoView({ block: "nearest" });
 			});
 		}
-		let { focused: S } = X(f);
+		let { focused: S } = Z(f);
 		function C(e) {
 			let t = e.altKey;
 			if (e.key === "ArrowDown") {
@@ -1645,7 +1626,7 @@ var Lt = ["id"], Rt = {
 		function T(e) {
 			d("select", e), l.value = "", m.value = !0, h.value = -1;
 		}
-		let E = r(() => !!u.loading), D = r(() => S.value && !m.value), j = Y(() => {
+		let E = r(() => !!u.loading), D = r(() => S.value && !m.value), j = X(() => {
 			d("submit", l.value);
 		}, 300);
 		W(() => l.value, (e) => {
@@ -1829,7 +1810,7 @@ var ln = [
 	},
 	emits: ["toggle", "update:modelValue"],
 	setup(e, { expose: t, emit: n }) {
-		let a = e, o = p("sidebar", void 0) ?? (fe() ? cn(a.sidebarKey, I(a, "mediaQuery")) : void 0), c = n, u = r(() => a.mode === "popover"), d = O(a.modelValue);
+		let a = e, o = p("sidebar", void 0) ?? (de() ? cn(a.sidebarKey, I(a, "mediaQuery")) : void 0), c = n, u = r(() => a.mode === "popover"), d = O(a.modelValue);
 		W(I(a, "modelValue"), (e) => {
 			d.value = e;
 		});
@@ -1838,25 +1819,13 @@ var ln = [
 			d.value !== e && (d.value = e, c("update:modelValue", e));
 		}
 		function _() {
-			if (u.value) {
-				h(!0);
-				return;
-			}
-			o?.open && (o.open.value = !0);
+			u.value ? h(!0) : o?.open && (o.open.value = !0);
 		}
 		function v() {
-			if (u.value) {
-				h(!1);
-				return;
-			}
-			o?.open && (o.open.value = !1);
+			u.value ? h(!1) : o?.open && (o.open.value = !1);
 		}
 		function y() {
-			if (c("toggle"), u.value) {
-				h(!d.value);
-				return;
-			}
-			o?.toggle();
+			c("toggle"), u.value ? h(!d.value) : o?.toggle();
 		}
 		function b(e) {
 			e.key === "Escape" && v();
@@ -1967,9 +1936,7 @@ var ln = [
 				if (e) {
 					if (t < 0) return;
 					await g(), r.value?.show(), await r.value?.focusItem(t);
-					return;
-				}
-				r.value?.hide(), !(t < 0) && (await g(), l(t));
+				} else r.value?.hide(), !(t < 0) && (await g(), l(t));
 			}
 		}), (c, l) => (w(), o("header", { class: _(["g-app-header", { "g-app-header--no-app-controls": !c.$slots["app-controls"] }]) }, [
 			l[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),
@@ -2019,7 +1986,7 @@ var ln = [
 //#endregion
 //#region src/compose/useScrollRestore.ts
 function Sn(e, t) {
-	let n = t ? ue(`${t}:scroll`, 0, { writeDefaults: !1 }) : null, r = O(!!(n?.value && n.value > 0)), i = null, a = null, o = null, s = !1;
+	let n = t ? le(`${t}:scroll`, 0, { writeDefaults: !1 }) : null, r = O(!!(n?.value && n.value > 0)), i = null, a = null, o = null, s = !1;
 	function c(e) {
 		let t = window.getComputedStyle(e);
 		return t.overflowY === "auto" || t.overflowY === "scroll";
@@ -2047,21 +2014,7 @@ function Sn(e, t) {
 		return !e.value || !i ? !1 : e.value.getClientRects().length > 0 && i.getClientRects().length > 0 && i.clientHeight > 0;
 	}
 	function m() {
-		if (!n || !i || s) {
-			f();
-			return;
-		}
-		if (n.value <= 0) {
-			f();
-			return;
-		}
-		if (p()) {
-			if (i.scrollHeight - i.clientHeight <= 0) {
-				f(), d();
-				return;
-			}
-			i.scrollTop = n.value, s = i.scrollTop > 0, s && (f(), d());
-		}
+		!n || !i || s || n.value <= 0 ? f() : p() && (i.scrollHeight - i.clientHeight <= 0 ? (f(), d()) : (i.scrollTop = n.value, s = i.scrollTop > 0, s && (f(), d())));
 	}
 	function h(e) {
 		if (typeof MutationObserver > "u") return;
@@ -2080,21 +2033,9 @@ function Sn(e, t) {
 		}), t = t.parentElement;
 	}
 	return x(() => {
-		if (!e.value) {
-			f();
-			return;
-		}
-		if (!n) {
-			f();
-			return;
-		}
-		if (i = l(e.value), !i) {
-			f();
-			return;
-		}
-		m(), typeof ResizeObserver < "u" && (a = new ResizeObserver(() => {
+		e.value && n ? (i = l(e.value), i ? (m(), typeof ResizeObserver < "u" && (a = new ResizeObserver(() => {
 			m();
-		}), a.observe(e.value), a.observe(i)), h(e.value), i.addEventListener("scroll", u);
+		}), a.observe(e.value), a.observe(i)), h(e.value), i.addEventListener("scroll", u)) : f()) : f();
 	}), C(() => {
 		d(), i &&= (i.removeEventListener("scroll", u), null), s = !1;
 	}), { isPendingScrollRestore: r };
@@ -2115,7 +2056,7 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 		storageKey: {}
 	},
 	setup(e) {
-		let t = e, n = p("sidebar", () => void 0, !0) ?? (fe() ? cn(t.sidebarKey, I(t, "mediaQuery")) : void 0), i = r(() => t.backgroundImage ? t.backgroundImage : t.theme === "light" ? "none" : "url('https://gradcdn.blob.core.windows.net/public/sidebar-bg2.jpg')"), a = r(() => t.backgroundColor ? t.backgroundColor : t.theme === "light" ? "#f9f9f9" : "#030913"), s = r(() => t.topOffsetVar ? `var(${t.topOffsetVar})` : t.topOffset ? t.topOffset : "var(--g-toolbar-height)"), c = B(), { isPendingScrollRestore: l } = Sn(U("sidebar-ref"), t.storageKey);
+		let t = e, n = p("sidebar", () => void 0, !0) ?? (de() ? cn(t.sidebarKey, I(t, "mediaQuery")) : void 0), i = r(() => t.backgroundImage ? t.backgroundImage : t.theme === "light" ? "none" : "url('https://gradcdn.blob.core.windows.net/public/sidebar-bg2.jpg')"), a = r(() => t.backgroundColor ? t.backgroundColor : t.theme === "light" ? "#f9f9f9" : "#030913"), s = r(() => t.topOffsetVar ? `var(${t.topOffsetVar})` : t.topOffset ? t.topOffset : "var(--g-toolbar-height)"), c = B(), { isPendingScrollRestore: l } = Sn(U("sidebar-ref"), t.storageKey);
 		function u(e) {
 			e.key === "Escape" && n?.isCollapsible?.value && n?.open?.value && (n.open.value = !1, document.getElementById(`${n.id}-hamburger`)?.focus());
 		}
@@ -2277,7 +2218,7 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 		copyLabel: {}
 	},
 	setup(t) {
-		let n = t, r = kn, { text: i, copy: l, copied: u, isSupported: d } = ae({ source: n.text }), f = O(n.copyLabel ?? "Copy to clipboard"), p = () => {
+		let n = t, r = kn, { text: i, copy: l, copied: u, isSupported: d } = ie({ source: n.text }), f = O(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";
@@ -2331,9 +2272,9 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 		}
 		x(() => {
 			g(f);
-		}), le(i, () => {
+		}), ce(i, () => {
 			u.value && f();
-		}), le(c, () => {
+		}), ce(c, () => {
 			u.value && f();
 		}), W(() => n.entries, async () => {
 			u.value && (await g(), f());
@@ -2349,7 +2290,7 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 				role: t.label ? "log" : void 0,
 				"aria-label": t.label,
 				onScroll: p
-			}, [l(Q, {
+			}, [l($, {
 				class: _(["g-scroll-to-bottom-btn", { "scroll-to-bottom-btn--hidden": u.value }]),
 				size: "small",
 				type: "button",
@@ -2558,27 +2499,31 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 	],
 	setup(t, { emit: n }) {
 		let l = t, u = n;
-		function d(e, t) {
-			l.bulkSelectionEnabled && e.shiftKey && !e.target.closest("a,button,[tabindex],input") && e.preventDefault();
+		function d(e) {
+			let t = e.currentTarget, n = e.target.closest("a,button,[tabindex],input");
+			return !!n && t.contains(n);
 		}
 		function f(e, t) {
-			if (!l.rowClickable && !l.bulkSelectionEnabled || e.target.closest("a,button,[tabindex],input")) return;
+			l.bulkSelectionEnabled && e.shiftKey && !d(e) && e.preventDefault();
+		}
+		function p(e, t) {
+			if (!l.rowClickable && !l.bulkSelectionEnabled || d(e)) return;
 			let n = e.target.closest("tr");
 			if (n) {
-				if (l.bulkSelectionEnabled) n.querySelector("input[type=checkbox]") && m(t, e.shiftKey);
+				if (l.bulkSelectionEnabled) n.querySelector("input[type=checkbox]") && g(t, e.shiftKey);
 				else if (l.rowClickable) {
 					let e = n.querySelector("a[href]")?.getAttribute("href");
 					e && u("row-click", e);
 				}
 			}
 		}
-		function p(e) {
+		function m(e) {
 			return l.selectedRows?.includes(e) ?? !1;
 		}
-		function m(e, t = !1) {
+		function g(e, t = !1) {
 			u("toggle-row", e, t);
 		}
-		function g(e, t, n) {
+		function v(e, t, n) {
 			let r = e.target.value;
 			u("cell-change", {
 				row: t,
@@ -2586,30 +2531,30 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 				value: r
 			});
 		}
-		function v(e, t) {
+		function y(e, t) {
 			let n = `${l.tableId}-th-${String(t.key)}`;
 			return t.editable?.labelKey ? `${`${l.tableId}-td-${e.key}-${t.editable.labelKey}`} ${n} ` : n;
 		}
-		let y = r(() => {
+		let b = r(() => {
 			for (let e of l.columns) if (e.editable?.labelKey) return e.editable.labelKey;
-		}), b = r(() => Math.max(l.columns.length, 1));
-		function x(e) {
-			return e.key === y.value;
+		}), x = r(() => Math.max(l.columns.length, 1));
+		function S(e) {
+			return e.key === b.value;
 		}
-		function S(e, t) {
+		function C(e, t) {
 			return l.changeTracker ? l.changeTracker.hasChange(e.key, t.key) : !1;
 		}
-		function C(e, t) {
+		function T(e, t) {
 			return l.changeTracker ? l.changeTracker.hasError(e.key, t.key) : !1;
 		}
-		function T(e, t) {
+		function E(e, t) {
 			if (l.changeTracker) return l.changeTracker.getError(e.key, t.key);
 		}
 		return (n, r) => (w(), o("tbody", Qn, [(w(!0), o(e, null, k(t.data, (n, l) => (w(), o(e, { key: n.key }, [t.groupBy && (l === 0 || n[t.groupBy] !== t.data[l - 1][t.groupBy]) ? (w(), o("tr", {
 			key: 0,
 			"aria-rowindex": t.startIndex + l + 2
 		}, [t.bulkSelectionEnabled ? (w(), o("td", er)) : a("", !0), s("td", {
-			colspan: b.value,
+			colspan: x.value,
 			class: "table-group-row"
 		}, [t.groupRender ? (w(), i(j(t.groupRender(n[t.groupBy], n)), { key: 0 })) : (w(), o(e, { key: 1 }, [c(P(n[t.groupBy]), 1)], 64))], 8, tr)], 8, $n)) : a("", !0), s("tr", {
 			class: _([
@@ -2621,26 +2566,26 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 				t.rowClass ? t.rowClass(n) : void 0
 			]),
 			"aria-rowindex": t.startIndex + l + 2,
-			onMousedown: (e) => d(e, n.key),
-			onClick: (e) => f(e, n.key)
+			onMousedown: (e) => f(e, n.key),
+			onClick: (e) => p(e, n.key)
 		}, [t.bulkSelectionEnabled ? (w(), o("td", {
 			key: 0,
 			class: "td-checkbox",
 			onClick: r[0] ||= q(() => {}, ["stop"])
 		}, [s("input", {
 			type: "checkbox",
-			checked: p(n.key),
-			onClick: (e) => m(n.key, e.shiftKey),
+			checked: m(n.key),
+			onClick: (e) => g(n.key, e.shiftKey),
 			"aria-label": `Select row ${n.key}`,
 			name: `row-${n.key}-checkbox`,
 			class: "g-bulk-select-checkbox"
 		}, null, 8, rr)])) : a("", !0), (w(!0), o(e, null, k(t.columns, (r) => (w(), o("td", {
 			key: r.key,
-			id: x(r) ? `${t.tableId}-td-${n.key}-${String(r.key)}` : void 0,
+			id: S(r) ? `${t.tableId}-td-${n.key}-${String(r.key)}` : void 0,
 			class: _([
 				r.editable ? "editable-td" : "",
-				S(n, r) ? "g-cell-changed" : "",
-				C(n, r) ? "g-cell-error" : "",
+				C(n, r) ? "g-cell-changed" : "",
+				T(n, r) ? "g-cell-error" : "",
 				typeof r.tdClass == "function" ? r.tdClass(n) : r.tdClass
 			])
 		}, [r.editable ? (w(), o("div", ar, [
@@ -2648,10 +2593,10 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 			r.editable.type === "select" ? (w(), o("select", {
 				key: 1,
 				value: n[r.key],
-				onChange: (e) => g(e, n, r),
-				"aria-labelledby": v(n, r),
-				"aria-invalid": C(n, r),
-				"aria-errormessage": C(n, r) ? `${t.tableId}-error-${n.key}-${String(r.key)}` : void 0,
+				onChange: (e) => v(e, n, r),
+				"aria-labelledby": y(n, r),
+				"aria-invalid": T(n, r),
+				"aria-errormessage": T(n, r) ? `${t.tableId}-error-${n.key}-${String(r.key)}` : void 0,
 				name: `row-${n.key}-${String(r.key)}-select`,
 				class: "editable-input editable-select"
 			}, [(w(!0), o(e, null, k(r.editable.options, (e) => (w(), o("option", {
@@ -2661,10 +2606,10 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 				key: 2,
 				value: n[r.key]
 			}, { ref_for: !0 }, r.editable.inputAttributes, {
-				onInput: (e) => g(e, n, r),
-				"aria-labelledby": v(n, r),
-				"aria-invalid": C(n, r),
-				"aria-errormessage": C(n, r) ? `${t.tableId}-error-${n.key}-${String(r.key)}` : void 0,
+				onInput: (e) => v(e, n, r),
+				"aria-labelledby": y(n, r),
+				"aria-invalid": T(n, r),
+				"aria-errormessage": T(n, r) ? `${t.tableId}-error-${n.key}-${String(r.key)}` : void 0,
 				name: `row-${n.key}-${String(r.key)}-input`,
 				class: "editable-input",
 				style: {
@@ -2673,12 +2618,12 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 				}
 			}), null, 16, lr)),
 			r.editable.suffix ? (w(), o("span", ur, P(r.editable.suffix), 1)) : a("", !0)
-		])) : r.display ? (w(), i(j(r.display(n)), { key: 1 })) : (w(), o(e, { key: 2 }, [c(P(n[r.key]), 1)], 64)), C(n, r) ? (w(), o("div", {
+		])) : r.display ? (w(), i(j(r.display(n)), { key: 1 })) : (w(), o(e, { key: 2 }, [c(P(n[r.key]), 1)], 64)), T(n, r) ? (w(), o("div", {
 			key: 3,
 			role: "alert",
 			class: "g-cell-error-message",
 			id: `${t.tableId}-error-${n.key}-${String(r.key)}`
-		}, P(T(n, r)), 9, dr)) : a("", !0)], 10, ir))), 128))], 42, nr)], 64))), 128))], 512));
+		}, P(E(n, r)), 9, dr)) : a("", !0)], 10, ir))), 128))], 42, nr)], 64))), 128))], 512));
 	}
 });
 //#endregion
@@ -2821,7 +2766,7 @@ var Cr = ["id", "for"], wr = {
 	}),
 	emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
 	setup(t, { emit: n }) {
-		let i = t, u = n, d = V(t, "modelValue"), f = B(), p = O(null), m = O(null), v = O(null), y = O(!1), b = O(0), x = O(""), S = O(!1), { displayErrors: C, hasErrors: T } = $({
+		let i = t, u = n, d = V(t, "modelValue"), f = B(), p = O(null), m = O(null), v = O(null), y = O(!1), b = O(0), x = O(""), S = O(!1), { displayErrors: C, hasErrors: T } = Ae({
 			name: i.name,
 			value: d,
 			errors: I(i, "errors"),
@@ -2870,7 +2815,7 @@ var Cr = ["id", "for"], wr = {
 		function ne() {
 			i.disabled || y.value || z();
 		}
-		function re(e) {
+		function J(e) {
 			if (S.value) {
 				S.value = !1;
 				return;
@@ -2878,13 +2823,13 @@ var Cr = ["id", "for"], wr = {
 			let t = e.relatedTarget;
 			t && v.value?.contains(t) || t && m.value?.contains(t) || H();
 		}
-		function ie(e) {
+		function re(e) {
 			e.preventDefault();
 		}
-		function J() {
+		function Y() {
 			S.value = !0;
 		}
-		function ae(e) {
+		function ie(e) {
 			if (i.disabled) return;
 			let t = N.value.length - 1;
 			switch (e.key) {
@@ -2912,9 +2857,9 @@ var Cr = ["id", "for"], wr = {
 				case "Backspace": !x.value && d.value.length > 0 && W(d.value[d.value.length - 1]);
 			}
 		}
-		let Y = r(() => `${f}-input`), X = r(() => `${f}-label`), Z = r(() => `${f}-instructions`), oe = r(() => `error-message-${f}`), se = r(() => {
+		let X = r(() => `${f}-input`), Z = r(() => `${f}-label`), ae = r(() => `${f}-instructions`), oe = r(() => `error-message-${f}`), se = r(() => {
 			let e = [];
-			return i.instructions && e.push(Z.value), T.value && e.push(oe.value), e.length > 0 ? e.join(" ") : void 0;
+			return i.instructions && e.push(ae.value), T.value && e.push(oe.value), e.length > 0 ? e.join(" ") : void 0;
 		});
 		return (n, r) => (w(), o("div", { class: _(["g-multiselect-root", {
 			"g-multiselect-open": y.value,
@@ -2922,13 +2867,13 @@ var Cr = ["id", "for"], wr = {
 		}]) }, [
 			t.hiddenLabel ? a("", !0) : (w(), o("label", {
 				key: 0,
-				id: X.value,
-				for: Y.value,
+				id: Z.value,
+				for: X.value,
 				class: "g-multiselect-label"
 			}, [c(P(t.label), 1), t.required ? (w(), o("span", wr, " *")) : a("", !0)], 8, Cr)),
 			t.instructions ? (w(), o("div", {
 				key: 1,
-				id: Z.value,
+				id: ae.value,
 				class: "g-multiselect-instructions"
 			}, P(t.instructions), 9, Tr)) : a("", !0),
 			s("div", {
@@ -2940,7 +2885,7 @@ var Cr = ["id", "for"], wr = {
 				d.value.length ? (w(), o("ul", {
 					key: 0,
 					class: "g-multiselect-chips",
-					"aria-labelledby": X.value
+					"aria-labelledby": Z.value
 				}, [(w(!0), o(e, null, k(d.value, (e) => (w(), o("li", {
 					key: e,
 					class: "g-multiselect-chip"
@@ -2949,7 +2894,7 @@ var Cr = ["id", "for"], wr = {
 					class: "g-multiselect-chip-remove",
 					"aria-label": `Remove ${L(e)}`,
 					disabled: t.disabled,
-					onMousedown: J,
+					onMousedown: Y,
 					onClick: q((t) => W(e), ["stop"])
 				}, [...r[0] ||= [s("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
@@ -2966,7 +2911,7 @@ var Cr = ["id", "for"], wr = {
 					type: "text",
 					role: "combobox",
 					class: "g-multiselect-input",
-					id: Y.value,
+					id: X.value,
 					value: x.value,
 					placeholder: d.value.length === 0 ? t.placeholder : void 0,
 					disabled: t.disabled,
@@ -2980,9 +2925,9 @@ var Cr = ["id", "for"], wr = {
 					"aria-describedby": se.value,
 					"aria-required": t.required ? "true" : void 0,
 					onInput: K,
-					onKeydown: ae,
+					onKeydown: ie,
 					onFocus: ne,
-					onBlur: re
+					onBlur: J
 				}), null, 16, kr),
 				r[2] ||= s("svg", {
 					class: "g-multiselect-caret",
@@ -3000,7 +2945,7 @@ var Cr = ["id", "for"], wr = {
 					id: R(f) + "-listbox",
 					role: "listbox",
 					"aria-multiselectable": "true"
-				}, t.hiddenLabel ? { "aria-label": t.label } : { "aria-labelledby": X.value }, {
+				}, t.hiddenLabel ? { "aria-label": t.label } : { "aria-labelledby": Z.value }, {
 					class: ["g-multiselect-listbox", { "g-multiselect-listbox--above": R(E) === "above" }],
 					style: R(D),
 					tabindex: "-1"
@@ -3013,7 +2958,7 @@ var Cr = ["id", "for"], wr = {
 						"g-multiselect-option--selected": F(e.value)
 					}]),
 					"aria-selected": F(e.value) ? "true" : "false",
-					onMousedown: ie,
+					onMousedown: re,
 					onClick: (e) => U(t)
 				}, [s("span", Mr, [F(e.value) ? (w(), o("svg", Nr, [...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)]), s("span", Pr, [s("span", Fr, P(e.label), 1), e.description ? (w(), o("span", Ir, P(e.description), 1)) : a("", !0)])], 42, jr))), 128)) : (w(), o("div", Lr, " No results found. "))], 16, Ar), [[ee, y.value]])
 			], 2),
@@ -3069,7 +3014,7 @@ var Cr = ["id", "for"], wr = {
 	}),
 	emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
 	setup(t, { emit: n }) {
-		let u = t, d = V(t, "modelValue"), f = B(), { displayErrors: p, hasErrors: m } = $({
+		let u = t, d = V(t, "modelValue"), f = B(), { displayErrors: p, hasErrors: m } = Ae({
 			name: u.name,
 			value: d,
 			errors: I(u, "errors"),
@@ -3548,89 +3493,86 @@ function Ri(e, t = {}) {
 }
 //#endregion
 //#region src/components/GTable.vue?vue&type=script&setup=true&lang.ts
-var zi = { class: "g-table-outer-wrap" }, Bi = {
-	key: 0,
-	class: "g-table-controls"
-}, Vi = { class: "g-table-control-actions" }, Hi = {
+var zi = { class: "g-table-inner-wrap" }, Bi = { class: "g-table-control-actions" }, Vi = {
 	key: 0,
 	class: "g-sort-builder-wrap"
-}, Ui = {
+}, Hi = {
 	key: 0,
 	class: "g-sort-builder-count"
-}, Wi = {
+}, Ui = {
 	key: 0,
 	class: "g-sort-builder-list"
-}, Gi = ["data-sort-row-key", "aria-label"], Ki = {
+}, Wi = ["data-sort-row-key", "aria-label"], Gi = {
 	class: "g-sort-builder-rule-priority",
 	"aria-hidden": "true"
-}, qi = { class: "g-sort-builder-rule-label" }, Ji = ["aria-label", "onClick"], Yi = { class: "g-visually-hidden" }, Xi = {
+}, Ki = { class: "g-sort-builder-rule-label" }, qi = ["aria-label", "onClick"], Ji = { class: "g-visually-hidden" }, Yi = {
 	class: "sort-indicator",
 	"aria-hidden": "true"
-}, Zi = ["aria-label", "onClick"], Qi = {
+}, Xi = ["aria-label", "onClick"], Zi = {
 	key: 1,
 	class: "g-sort-builder-empty"
-}, $i = {
+}, Qi = {
 	key: 2,
 	class: "g-sort-builder-add"
-}, ea = { class: "g-sort-builder-add-list" }, ta = { class: "g-sort-builder-add-name" }, na = { class: "g-sort-builder-add-actions" }, ra = ["aria-label", "onClick"], ia = ["aria-label", "onClick"], aa = {
+}, $i = { class: "g-sort-builder-add-list" }, ea = { class: "g-sort-builder-add-name" }, ta = { class: "g-sort-builder-add-actions" }, na = ["aria-label", "onClick"], ra = ["aria-label", "onClick"], ia = {
 	class: "sort-indicator",
 	"aria-hidden": "true"
-}, oa = {
+}, aa = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 640 640",
 	height: "1.25em",
 	style: { transform: "rotate(180deg)" }
-}, sa = {
+}, oa = {
 	key: 1,
 	class: "g-column-visibility-wrap"
-}, ca = {
+}, sa = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 640 640",
 	height: "1.5em",
 	style: { transform: "rotate(90deg)" },
 	"aria-hidden": "true"
-}, la = ["aria-labelledby"], ua = { class: "g-column-visibility-header" }, da = ["id"], fa = { class: "g-column-visibility-legend-action" }, pa = { class: "g-column-visibility-list" }, ma = ["checked", "onChange"], ha = {
+}, ca = ["aria-labelledby"], la = { class: "g-column-visibility-header" }, ua = ["id"], da = { class: "g-column-visibility-legend-action" }, fa = { class: "g-column-visibility-list" }, pa = ["checked", "onChange"], ma = {
 	key: 2,
 	class: "g-table-custom-controls"
-}, ga = { class: "g-clear-filters-wrap" }, _a = {
+}, ha = { class: "g-clear-filters-wrap" }, ga = {
 	key: 0,
 	class: "pagination"
-}, va = { class: "g-table-controls-right" }, ya = { class: "g-result-count" }, ba = ["aria-label", "aria-rowcount"], xa = { key: 0 }, Sa = ["data-column-key"], Ca = { class: "g-table-head" }, wa = { "aria-rowindex": "1" }, Ta = {
+}, _a = { class: "g-table-controls-right" }, va = { class: "g-result-count" }, ya = ["aria-label", "aria-rowcount"], ba = { key: 0 }, xa = ["data-column-key"], Sa = { class: "g-table-head" }, Ca = { "aria-rowindex": "1" }, wa = {
 	key: 0,
 	scope: "col",
 	class: "g-th g-th-checkbox"
-}, Ea = [
+}, Ta = [
 	"checked",
 	"indeterminate",
 	"aria-label"
-], Da = ["id", "aria-sort"], Oa = { class: "th-inner" }, ka = ["onClick"], Aa = {
+], Ea = ["id", "aria-sort"], Da = { class: "th-inner" }, Oa = ["onClick"], ka = {
 	key: 0,
 	class: "sort-indicator",
 	"aria-hidden": "true"
-}, ja = {
+}, Aa = {
 	key: 1,
 	class: "g-visually-hidden"
-}, Ma = {
+}, ja = {
 	key: 1,
 	class: "g-column-head"
-}, Na = ["onClick", "aria-label"], Pa = {
+}, Ma = ["onClick", "aria-label"], Na = {
 	key: 1,
 	class: "g-filter-search",
 	role: "search"
-}, Fa = [
+}, Pa = [
 	"value",
 	"onInput",
 	"placeholder",
 	"aria-label"
-], Ia = { key: 2 }, La = { class: "g-filter-toggle" }, Ra = [
+], Fa = { key: 2 }, Ia = { class: "g-filter-toggle" }, La = [
 	"checked",
 	"onChange",
 	"id",
 	"aria-describedby"
-], za = ["for"], Ba = ["id"], Va = {
+], Ra = ["for"], za = ["id"], Ba = {
 	key: 4,
 	class: "g-multi-select"
-}, Ha = [
+}, Va = [
 	"data-column-key",
 	"aria-label",
 	"aria-valuemax",
@@ -3638,10 +3580,10 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 	"aria-valuetext",
 	"onKeydown",
 	"onPointerdown"
-], Ua = { key: 0 }, Wa = { "aria-rowindex": "2" }, Ga = ["colspan"], Ka = {
+], Ha = { key: 0 }, Ua = { "aria-rowindex": "2" }, Wa = ["colspan"], Ga = {
 	key: 1,
 	class: "g-bulk-actions-toolbar"
-}, qa = { class: "g-selected-count" }, Ja = { class: "g-bulk-actions" }, Ya = /* @__PURE__ */ u({
+}, Ka = { class: "g-selected-count" }, qa = { class: "g-bulk-actions" }, Ja = /* @__PURE__ */ u({
 	__name: "GTable",
 	props: /*@__PURE__*/ m({
 		label: {},
@@ -3739,247 +3681,262 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 		function W(e) {
 			e !== void 0 && y("update:pageSize", e);
 		}
-		let G = B(), te = d(), ne = O(null), re = O(null), ie = O(null), J = O(null), ae = `${G}-table`;
-		function Y(e) {
+		let G = B(), te = d(), ne = O(null), J = O(null), re = O(null), Y = O(null), ie = O(null), X = O(0);
+		ce(ie, (e) => {
+			let t = e[0];
+			X.value = t?.borderBoxSize?.[0]?.blockSize ?? t?.target.getBoundingClientRect().height ?? 0;
+		});
+		let Z = O(null), ae = `${G}-table`;
+		function oe(e) {
 			let t = /* @__PURE__ */ new Set();
 			return e.filter((e) => !e?.key || t.has(String(e.key)) ? !1 : (t.add(String(e.key)), e.order === 1 || e.order === -1));
 		}
-		function X(e, t) {
+		function se(e, t) {
 			return {
 				key: e,
 				order: t
 			};
 		}
-		let Z = r(() => Y(u.value));
-		function oe(e) {
-			u.value = Y(e);
+		let Q = r(() => oe(u.value));
+		function le(e) {
+			u.value = oe(e);
 		}
-		let se = r(() => h.columns.filter((e) => e.sortable)), ce = r(() => se.value.length > 1), le = r(() => {
-			let e = new Set(Z.value.map((e) => String(e.key)));
-			return se.value.filter((t) => !e.has(String(t.key)));
+		let ue = r(() => h.columns.filter((e) => e.sortable)), de = r(() => ue.value.length > 1), fe = r(() => {
+			let e = new Set(Q.value.map((e) => String(e.key)));
+			return ue.value.filter((t) => !e.has(String(t.key)));
 		});
-		function ue(e) {
-			return Z.value.findIndex((t) => t.key === e);
+		function pe(e) {
+			return Q.value.findIndex((t) => t.key === e);
 		}
-		function de(e) {
-			return Z.value.find((t) => t.key === e);
+		function me(e) {
+			return Q.value.find((t) => t.key === e);
 		}
-		function fe(e) {
+		function he(e) {
 			return h.columns.find((t) => t.key === e)?.label || String(e);
 		}
-		function pe(e) {
-			let t = ue(e);
-			return t === -1 ? "none" : t > 0 ? "other" : Z.value[0]?.order === 1 ? "ascending" : "descending";
+		function ge(e) {
+			let t = pe(e);
+			return t === -1 ? "none" : t > 0 ? "other" : Q.value[0]?.order === 1 ? "ascending" : "descending";
 		}
-		function me(e) {
-			let t = ue(e);
+		function _e(e) {
+			let t = pe(e);
 			if (t === -1) return "";
-			let n = Z.value[t].order === 1 ? "ascending" : "descending";
-			return Z.value.length > 1 ? `Sorted ${n}, priority ${t + 1}` : `Sorted ${n}`;
+			let n = Q.value[t].order === 1 ? "ascending" : "descending";
+			return Q.value.length > 1 ? `Sorted ${n}, priority ${t + 1}` : `Sorted ${n}`;
 		}
-		function he(e) {
+		function ve(e) {
 			return e === 1 ? "Ascending" : "Descending";
 		}
-		function ge(e) {
-			let t = Z.value[0]?.key === e ? Z.value[0] : void 0;
-			return t ? t.order === 1 ? [X(e, -1)] : [] : [X(e, 1)];
+		function ye(e) {
+			let t = Q.value[0]?.key === e ? Q.value[0] : void 0;
+			return t ? t.order === 1 ? [se(e, -1)] : [] : [se(e, 1)];
 		}
-		function _e(e) {
-			let t = [...Z.value], n = t.findIndex((t) => t.key === e);
-			return n === -1 ? (t.push(X(e, 1)), t) : t[n].order === 1 ? (t[n] = X(e, -1), t) : (t.splice(n, 1), t);
+		function be(e) {
+			let t = [...Q.value], n = t.findIndex((t) => t.key === e);
+			return n === -1 ? (t.push(se(e, 1)), t) : t[n].order === 1 ? (t[n] = se(e, -1), t) : (t.splice(n, 1), t);
 		}
-		function ve(e, t = !1) {
+		function xe(e, t = !1) {
 			if (!e.sortable) return;
 			let n = e.key;
-			oe(t ? _e(n) : ge(n));
+			le(t ? be(n) : ye(n));
 		}
-		function ye(e, t) {
-			oe([...Z.value, X(e, t)]), g(() => {
+		function Se(e, t) {
+			le([...Q.value, se(e, t)]), g(() => {
 				let t = ne.value;
 				t && (t.querySelector(`[data-sort-row-key="${String(e)}"]`) ?? t)?.focus();
 			}).catch((e) => {
 				console.error(e);
 			});
 		}
-		function be(e) {
-			oe(Z.value.map((t) => t.key === e ? X(t.key, t.order === 1 ? -1 : 1) : t));
+		function Ce(e) {
+			le(Q.value.map((t) => t.key === e ? se(t.key, t.order === 1 ? -1 : 1) : t));
 		}
-		function xe(e) {
-			oe(Z.value.filter((t) => t.key !== e));
+		function we(e) {
+			le(Q.value.filter((t) => t.key !== e));
 		}
-		function Se() {
-			oe([]);
+		function Te() {
+			le([]);
 		}
-		function Ce(e) {
+		function Ee(e) {
 			return p.value[e] ?? {};
 		}
-		function we(e, t) {
+		function De(e, t) {
 			p.value = {
 				...p.value,
 				[e]: {
-					...Ce(e),
+					...Ee(e),
 					...t
 				}
 			};
 		}
-		function Te(e) {
+		function Oe(e) {
 			return Math.max(50, Math.round(e));
 		}
-		function Ee(e) {
-			let t = Ce(e).width;
-			if (typeof t == "number" && Number.isFinite(t)) return Te(t);
+		function ke(e) {
+			let t = Ee(e).width;
+			if (typeof t == "number" && Number.isFinite(t)) return Oe(t);
 		}
-		function De(e) {
+		function Ae(e) {
 			return document.getElementById(`${G}-th-${String(e)}`);
 		}
-		function Oe(e) {
-			let t = De(e)?.getBoundingClientRect().width;
-			return Te(t ?? 50);
+		function je(e) {
+			let t = Ae(e)?.getBoundingClientRect().width;
+			return Oe(t ?? 50);
 		}
-		function ke(e) {
-			return Ee(e) ?? Oe(e);
+		function Me(e) {
+			return ke(e) ?? je(e);
 		}
-		function Ae(e) {
-			let t = ke(e), n = ie.value?.getBoundingClientRect().width ?? re.value?.getBoundingClientRect().width ?? t;
-			return Te(Math.max(t, n));
+		function Ne(e) {
+			let t = Me(e), n = re.value?.getBoundingClientRect().width ?? J.value?.getBoundingClientRect().width ?? t;
+			return Oe(Math.max(t, n));
 		}
-		function $(e, t) {
-			we(e, { width: Te(t) });
+		function Pe(e, t) {
+			De(e, { width: Oe(t) });
 		}
-		function je(e, t) {
-			$(e, ke(e) + t);
+		function Fe(e, t) {
+			Pe(e, Me(e) + t);
 		}
-		function Me() {
-			J.value = null, window.removeEventListener("pointermove", Ne), window.removeEventListener("pointerup", Me), window.removeEventListener("pointercancel", Me);
+		function Ie() {
+			Z.value = null, window.removeEventListener("pointermove", Le), window.removeEventListener("pointerup", Ie), window.removeEventListener("pointercancel", Ie);
 		}
-		function Ne(e) {
-			if (!J.value) return;
-			let t = J.value.startWidth + (e.clientX - J.value.startX);
-			$(J.value.key, t);
+		function Le(e) {
+			if (!Z.value) return;
+			let t = Z.value.startWidth + (e.clientX - Z.value.startX);
+			Pe(Z.value.key, t);
 		}
-		function Pe(e, t) {
+		function Re(e, t) {
 			if (!h.resizableColumns) return;
 			e.preventDefault(), e.stopPropagation();
-			let n = ke(t);
-			$(t, n), J.value = {
+			let n = Me(t);
+			Pe(t, n), Z.value = {
 				key: t,
 				startX: e.clientX,
 				startWidth: n
-			}, e.currentTarget?.focus(), window.addEventListener("pointermove", Ne), window.addEventListener("pointerup", Me), window.addEventListener("pointercancel", Me);
+			}, e.currentTarget?.focus(), window.addEventListener("pointermove", Le), window.addEventListener("pointerup", Ie), window.addEventListener("pointercancel", Ie);
 		}
-		function Fe(e, t) {
+		function ze(e, t) {
 			let n = e.shiftKey ? 48 : 16;
 			switch (e.key) {
 				case "ArrowLeft":
-					e.preventDefault(), je(t, -n);
+					e.preventDefault(), Fe(t, -n);
 					return;
 				case "ArrowRight":
-					e.preventDefault(), je(t, n);
+					e.preventDefault(), Fe(t, n);
 					return;
 				case "Home":
-					e.preventDefault(), $(t, 50);
+					e.preventDefault(), Pe(t, 50);
 					return;
 				case "End":
-					e.preventDefault(), $(t, Ae(t));
+					e.preventDefault(), Pe(t, Ne(t));
 					return;
 				default: return;
 			}
 		}
-		function Ie(e) {
+		function Be(e) {
 			if (!h.resizableColumns) return;
-			let t = Ee(e.key);
+			let t = ke(e.key);
 			if (t !== void 0) return {
 				width: `${t}px`,
 				minWidth: `${t}px`
 			};
 		}
-		function Le(e) {
-			return ke(e);
+		function Ve(e) {
+			return Me(e);
 		}
-		function Re(e) {
-			return `${Le(e)} pixels`;
+		function He(e) {
+			return `${Ve(e)} pixels`;
 		}
-		let ze = r(() => {
+		let Ue = r(() => {
 			let e = te?.vnode.props ?? {};
 			return "columnState" in e || "column-state" in e || "onUpdate:columnState" in e;
-		}), Be = r(() => h.columns.filter((e) => Ce(e.key).visible !== !1)), Ve = H(), He = r(() => Be.value.length !== h.columns.length), Ue = r(() => ze.value && h.columns.length > 0), We = r(() => !!Ve.controls || !!Ve["right-controls"]), Ge = r(() => h.resultCount ?? h.data.length);
-		function Ke(e) {
-			return Ce(e.key).visible !== !1;
+		}), We = r(() => h.columns.filter((e) => Ee(e.key).visible !== !1)), Ge = H(), Ke = r(() => We.value.length !== h.columns.length), qe = r(() => Ue.value && h.columns.length > 0), Je = r(() => !!Ge.controls || !!Ge["right-controls"]), Ye = r(() => h.resultCount ?? h.data.length);
+		function Xe(e) {
+			return Ee(e.key).visible !== !1;
 		}
-		function qe(e, t) {
-			we(e.key, { visible: t });
+		function Ze(e, t) {
+			De(e.key, { visible: t });
 		}
-		function Je() {
+		function Qe() {
 			p.value = h.columns.reduce((e, t) => ({
 				...e,
 				[t.key]: {
-					...Ce(t.key),
+					...Ee(t.key),
 					visible: !0
 				}
 			}), { ...p.value });
 		}
-		let Ye = r(() => h.pagination && typeof h.pageSize == "number"), Xe = r(() => !!(ce.value || S.value || Ye.value || Ue.value || We.value));
-		function Ze() {
+		let $e = r(() => h.pagination && typeof h.pageSize == "number"), et = r(() => !!(de.value || S.value || $e.value || qe.value || Je.value));
+		function tt() {
 			return f.value;
 		}
-		function Qe(e) {
-			if (e.filter) return yr(e.filter, Ze()[pr(e)]);
+		function nt(e) {
+			if (e.filter) return yr(e.filter, tt()[pr(e)]);
 		}
-		function $e(e, t) {
-			e.filter && (Ze()[pr(e)] = br(e.filter, t));
+		function rt(e, t) {
+			e.filter && (tt()[pr(e)] = br(e.filter, t));
 		}
-		function et(e) {
-			return e.filter ? xr(e.filter, Ze()[pr(e)]) : !1;
+		function it(e) {
+			return e.filter ? xr(e.filter, tt()[pr(e)]) : !1;
 		}
-		function tt(e) {
+		function at(e) {
 			return e.filter?.type !== "select" && e.filter?.type !== "multi-select" ? [] : e.filter.options;
 		}
-		function nt(e, t) {
-			let n = tt(e).findIndex((e) => e.value === t);
+		function ot(e, t) {
+			let n = at(e).findIndex((e) => e.value === t);
 			return n === -1 ? void 0 : String(n);
 		}
-		function rt(e, t) {
-			return tt(e)[Number(t)]?.value;
+		function st(e, t) {
+			return at(e)[Number(t)]?.value;
 		}
-		function it(e) {
-			return tt(e).map((e, t) => ({
+		function lt(e) {
+			return at(e).map((e, t) => ({
 				label: e.label,
 				value: String(t),
 				description: e.description
 			}));
 		}
-		function at(e) {
-			return tt(e).map((e, t) => ({
+		function ut(e) {
+			return at(e).map((e, t) => ({
 				label: e.label,
 				value: String(t),
 				hint: e.description
 			}));
 		}
-		function ot(e) {
-			return nt(e, Qe(e)) ?? null;
+		function dt(e) {
+			return ot(e, nt(e)) ?? null;
 		}
-		function st(e, t) {
-			$e(e, t == null ? void 0 : rt(e, t));
+		function ft(e, t) {
+			rt(e, t == null ? void 0 : st(e, t));
 		}
-		function lt(e) {
-			let t = Qe(e);
-			return Array.isArray(t) ? t.map((t) => nt(e, t)).filter((e) => e !== void 0) : [];
+		function pt(e) {
+			let t = nt(e);
+			return Array.isArray(t) ? t.map((t) => ot(e, t)).filter((e) => e !== void 0) : [];
 		}
-		function ut(e, t) {
-			$e(e, t.map((t) => rt(e, t)));
+		function mt(e, t) {
+			rt(e, t.map((t) => st(e, t)));
 		}
 		return b(() => {
-			Me();
+			Ie();
 		}), x(() => {
 			h.rowClickable && h.bulkSelectionEnabled && console.warn("GTable: rowClickable and bulkSelectionEnabled cannot be used together. rowClickable will be ignored.");
 			for (let e of h.columns) e.editable && e.display && console.warn(`GTable: Column "${String(e.key)}" has both 'editable' and 'display' configured. 'display' will be ignored.`);
-		}), (n, r) => (w(), o("div", zi, [
-			Xe.value ? (w(), o("div", Bi, [
-				s("div", Vi, [
-					ce.value ? (w(), o("div", Hi, [l(ct, null, {
-						trigger: K(({ toggle: e }) => [l(Q, {
+		}), (n, r) => (w(), o("div", {
+			ref_key: "outerWrapRef",
+			ref: re,
+			class: "g-table-outer-wrap",
+			style: v({ "--g-table-controls-height": `${et.value ? X.value : 0}px` })
+		}, [s("div", zi, [
+			et.value ? (w(), o("div", {
+				key: 0,
+				ref_key: "controlsRef",
+				ref: ie,
+				class: "g-table-controls"
+			}, [
+				s("div", Bi, [
+					de.value ? (w(), o("div", Vi, [l(ct, null, {
+						trigger: K(({ toggle: e }) => [l($, {
 							size: "small",
-							class: _(["g-sort-builder-trigger", { "g-sort-builder-trigger--active": Z.value.length > 0 }]),
+							class: _(["g-sort-builder-trigger", { "g-sort-builder-trigger--active": Q.value.length > 0 }]),
 							"aria-label": "Choose sort order",
 							onClick: e
 						}, {
@@ -3992,7 +3949,7 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 							}, [s("path", {
 								fill: "currentColor",
 								d: "M130.4 268.2C135.4 280.2 147 288 160 288L480 288C492.9 288 504.6 280.2 509.6 268.2C514.6 256.2 511.8 242.5 502.7 233.3L342.7 73.3C330.2 60.8 309.9 60.8 297.4 73.3L137.4 233.3C128.2 242.5 125.5 256.2 130.5 268.2zM130.4 371.7C125.4 383.7 128.2 397.4 137.3 406.6L297.3 566.6C309.8 579.1 330.1 579.1 342.6 566.6L502.6 406.6C511.8 397.4 514.5 383.7 509.5 371.7C504.5 359.7 492.9 352 480 352L160 352C147.1 352 135.4 359.8 130.4 371.8z"
-							})], -1), Z.value.length ? (w(), o("span", Ui, P(Z.value.length), 1)) : a("", !0)]),
+							})], -1), Q.value.length ? (w(), o("span", Hi, P(Q.value.length), 1)) : a("", !0)]),
 							_: 1
 						}, 8, ["class", "onClick"])]),
 						default: K(() => [s("fieldset", {
@@ -4004,21 +3961,21 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 						}, [
 							r[8] ||= s("legend", { class: "g-sort-builder-legend" }, " Sort order ", -1),
 							r[9] ||= s("p", { class: "g-sort-builder-help" }, " Click a column header to change the primary sort. Use Shift-click as a shortcut to add or update secondary sorts. ", -1),
-							Z.value.length ? (w(), o("ol", Wi, [(w(!0), o(e, null, k(Z.value, (e, t) => (w(), o("li", {
+							Q.value.length ? (w(), o("ol", Ui, [(w(!0), o(e, null, k(Q.value, (e, t) => (w(), o("li", {
 								key: e.key,
 								class: "g-sort-builder-rule",
 								tabindex: "-1",
 								"data-sort-row-key": String(e.key),
-								"aria-label": `${fe(e.key)} ${he(e.order)} sort, priority ${t + 1}`
+								"aria-label": `${he(e.key)} ${ve(e.order)} sort, priority ${t + 1}`
 							}, [
-								s("span", Ki, P(t + 1), 1),
-								s("span", qi, P(fe(e.key)), 1),
+								s("span", Gi, P(t + 1), 1),
+								s("span", Ki, P(he(e.key)), 1),
 								s("button", {
 									type: "button",
 									class: "g-sort-builder-direction",
-									"aria-label": `Toggle ${fe(e.key)} sort direction`,
-									onClick: (t) => be(e.key)
-								}, [s("span", Yi, P(he(e.order)), 1), s("span", Xi, [(w(), o("svg", {
+									"aria-label": `Toggle ${he(e.key)} sort direction`,
+									onClick: (t) => Ce(e.key)
+								}, [s("span", Ji, P(ve(e.order)), 1), s("span", Yi, [(w(), o("svg", {
 									xmlns: "http://www.w3.org/2000/svg",
 									viewBox: "0 0 640 640",
 									height: "1.25em",
@@ -4026,22 +3983,22 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 								}, [...r[2] ||= [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)]], 4))])], 8, Ji),
+								}, null, -1)]], 4))])], 8, qi),
 								s("button", {
 									type: "button",
 									class: "g-sort-builder-remove",
-									"aria-label": `Remove ${fe(e.key)} sort`,
-									onClick: (t) => xe(e.key)
-								}, " Remove ", 8, Zi)
-							], 8, Gi))), 128))])) : (w(), o("p", Qi, " No active sort rules. ")),
-							le.value.length ? (w(), o("div", $i, [r[6] ||= s("p", { class: "g-sort-builder-add-label" }, " Add sort column ", -1), s("ul", ea, [(w(!0), o(e, null, k(le.value, (e) => (w(), o("li", {
+									"aria-label": `Remove ${he(e.key)} sort`,
+									onClick: (t) => we(e.key)
+								}, " Remove ", 8, Xi)
+							], 8, Wi))), 128))])) : (w(), o("p", Zi, " No active sort rules. ")),
+							fe.value.length ? (w(), o("div", Qi, [r[6] ||= s("p", { class: "g-sort-builder-add-label" }, " Add sort column ", -1), s("ul", $i, [(w(!0), o(e, null, k(fe.value, (e) => (w(), o("li", {
 								key: e.key,
 								class: "g-sort-builder-add-item"
-							}, [s("span", ta, P(e.label), 1), s("div", na, [s("button", {
+							}, [s("span", ea, P(e.label), 1), s("div", ta, [s("button", {
 								type: "button",
 								class: "g-sort-builder-direction",
 								"aria-label": `Add ${e.label} ascending sort`,
-								onClick: (t) => ye(e.key, 1)
+								onClick: (t) => Se(e.key, 1)
 							}, [...r[3] ||= [s("span", { class: "g-visually-hidden" }, " Add ascending sort ", -1), s("span", {
 								class: "sort-indicator",
 								"aria-hidden": "true"
@@ -4052,21 +4009,21 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 							}, [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"
-							})])], -1)]], 8, ra), s("button", {
+							})])], -1)]], 8, na), s("button", {
 								type: "button",
 								class: "g-sort-builder-direction",
 								"aria-label": `Add ${e.label} descending sort`,
-								onClick: (t) => ye(e.key, -1)
-							}, [r[5] ||= s("span", { class: "g-visually-hidden" }, " Add descending sort ", -1), s("span", aa, [(w(), o("svg", oa, [...r[4] ||= [s("path", {
+								onClick: (t) => Se(e.key, -1)
+							}, [r[5] ||= s("span", { class: "g-visually-hidden" }, " Add descending sort ", -1), s("span", ia, [(w(), o("svg", aa, [...r[4] ||= [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)]]))])], 8, ia)])]))), 128))])])) : a("", !0),
-							Z.value.length ? (w(), i(Q, {
+							}, null, -1)]]))])], 8, ra)])]))), 128))])])) : a("", !0),
+							Q.value.length ? (w(), i($, {
 								key: 3,
 								outlined: "",
 								size: "small",
 								class: "g-sort-builder-clear",
-								onClick: Se
+								onClick: Te
 							}, {
 								default: K(() => [...r[7] ||= [c(" Clear sort ", -1)]]),
 								_: 1
@@ -4074,14 +4031,14 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 						], 512)]),
 						_: 1
 					})])) : a("", !0),
-					Ue.value ? (w(), o("div", sa, [l(ct, null, {
-						trigger: K(({ toggle: e }) => [l(Q, {
+					qe.value ? (w(), o("div", oa, [l(ct, null, {
+						trigger: K(({ toggle: e }) => [l($, {
 							size: "small",
-							class: _(["g-column-visibility-trigger", { "g-column-visibility-trigger--active": He.value }]),
+							class: _(["g-column-visibility-trigger", { "g-column-visibility-trigger--active": Ke.value }]),
 							"aria-label": "Choose visible columns",
 							onClick: e
 						}, {
-							default: K(() => [(w(), o("svg", ca, [...r[10] ||= [s("path", {
+							default: K(() => [(w(), o("svg", sa, [...r[10] ||= [s("path", {
 								fill: "currentColor",
 								d: "M64 160C64 142.3 78.3 128 96 128L480 128C497.7 128 512 142.3 512 160C512 177.7 497.7 192 480 192L96 192C78.3 192 64 177.7 64 160zM128 320C128 302.3 142.3 288 160 288L544 288C561.7 288 576 302.3 576 320C576 337.7 561.7 352 544 352L160 352C142.3 352 128 337.7 128 320zM512 480C512 497.7 497.7 512 480 512L96 512C78.3 512 64 497.7 64 480C64 462.3 78.3 448 96 448L480 448C497.7 448 512 462.3 512 480z"
 							}, null, -1)]]))]),
@@ -4090,29 +4047,29 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 						default: K(() => [s("fieldset", {
 							class: "g-column-visibility-popover",
 							"aria-labelledby": `${R(G)}-column-visibility-heading`
-						}, [s("div", ua, [s("span", {
+						}, [s("div", la, [s("span", {
 							id: `${R(G)}-column-visibility-heading`,
 							class: "g-column-visibility-heading"
-						}, " Shown columns ", 8, da), s("span", fa, [l(Q, {
+						}, " Shown columns ", 8, ua), s("span", da, [l($, {
 							text: "",
 							size: "small",
-							class: _(["g-column-visibility-show-all", { "g-column-visibility-show-all--hidden": !He.value }]),
-							onClick: Je
+							class: _(["g-column-visibility-show-all", { "g-column-visibility-show-all--hidden": !Ke.value }]),
+							onClick: Qe
 						}, {
 							default: K(() => [...r[11] ||= [c(" Show All ", -1)]]),
 							_: 1
-						}, 8, ["class"])])]), s("div", pa, [(w(!0), o(e, null, k(t.columns, (e) => (w(), o("label", {
+						}, 8, ["class"])])]), s("div", fa, [(w(!0), o(e, null, k(t.columns, (e) => (w(), o("label", {
 							key: e.key,
 							class: "g-column-visibility-option"
 						}, [s("input", {
-							checked: Ke(e),
+							checked: Xe(e),
 							type: "checkbox",
-							onChange: (t) => qe(e, t.target.checked)
-						}, null, 40, ma), s("span", null, P(e.label), 1)]))), 128))])], 8, la)]),
+							onChange: (t) => Ze(e, t.target.checked)
+						}, null, 40, pa), s("span", null, P(e.label), 1)]))), 128))])], 8, ca)]),
 						_: 1
 					})])) : a("", !0),
-					We.value ? (w(), o("div", ha, [A(n.$slots, "controls")])) : a("", !0),
-					s("div", ga, [R(S) ? (w(), i(Q, {
+					Je.value ? (w(), o("div", ma, [A(n.$slots, "controls")])) : a("", !0),
+					s("div", ha, [R(S) ? (w(), i($, {
 						key: 0,
 						outlined: "",
 						size: "small",
@@ -4132,11 +4089,11 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 						_: 1
 					}, 8, ["onClick"])) : a("", !0)])
 				]),
-				Ye.value ? (w(), o("div", _a, [l(yi, {
+				$e.value ? (w(), o("div", ga, [l(yi, {
 					start: t.startIndex,
 					"page-size": t.pageSize,
 					"page-sizes": t.pageSizes,
-					total: Ge.value,
+					total: Ye.value,
 					"onUpdate:start": ee,
 					"onUpdate:pageSize": W
 				}, null, 8, [
@@ -4145,66 +4102,66 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 					"page-sizes",
 					"total"
 				])])) : a("", !0),
-				s("div", va, [s("span", ya, P(Ge.value) + " results", 1), A(n.$slots, "right-controls")])
-			])) : a("", !0),
+				s("div", _a, [s("span", va, P(Ye.value) + " results", 1), A(n.$slots, "right-controls")])
+			], 512)) : a("", !0),
 			s("div", {
 				ref_key: "tableWrapRef",
-				ref: ie,
+				ref: Y,
 				class: "g-table-table-wrap"
 			}, [s("table", {
 				id: ae,
 				class: _(["g-table", { "g-table--resizable": t.resizableColumns }]),
 				ref_key: "tableRef",
-				ref: re,
+				ref: J,
 				"aria-label": t.label,
-				"aria-rowcount": Ge.value
+				"aria-rowcount": Ye.value
 			}, [
-				s("colgroup", null, [t.bulkSelectionEnabled ? (w(), o("col", xa)) : a("", !0), (w(!0), o(e, null, k(Be.value, (e) => (w(), o("col", {
+				s("colgroup", null, [t.bulkSelectionEnabled ? (w(), o("col", ba)) : a("", !0), (w(!0), o(e, null, k(We.value, (e) => (w(), o("col", {
 					key: e.key,
 					"data-column-key": String(e.key),
-					style: v(Ie(e))
-				}, null, 12, Sa))), 128))]),
-				s("thead", Ca, [s("tr", wa, [t.bulkSelectionEnabled ? (w(), o("th", Ta, [s("input", {
+					style: v(Be(e))
+				}, null, 12, xa))), 128))]),
+				s("thead", Sa, [s("tr", Ca, [t.bulkSelectionEnabled ? (w(), o("th", wa, [s("input", {
 					type: "checkbox",
 					checked: D.value,
 					indeterminate: j.value,
 					onChange: N,
 					"aria-label": D.value ? "Deselect all rows" : "Select all rows",
 					class: "g-bulk-select-checkbox"
-				}, null, 40, Ea)])) : a("", !0), (w(!0), o(e, null, k(Be.value, (e) => (w(), o("th", {
+				}, null, 40, Ta)])) : a("", !0), (w(!0), o(e, null, k(We.value, (e) => (w(), o("th", {
 					key: e.key,
 					id: `${R(G)}-th-${String(e.key)}`,
-					"aria-sort": pe(e.key),
+					"aria-sort": ge(e.key),
 					class: _([
 						"g-th",
 						{ "g-th--resizable": t.resizableColumns },
-						{ sorted: ue(e.key) !== -1 },
-						{ filtered: et(e) }
+						{ sorted: pe(e.key) !== -1 },
+						{ filtered: it(e) }
 					]),
 					scope: "col"
-				}, [s("div", Oa, [e.sortable ? (w(), o("button", {
+				}, [s("div", Da, [e.sortable ? (w(), o("button", {
 					key: 0,
 					type: "button",
 					class: "g-column-head",
-					onClick: (t) => ve(e, t.shiftKey)
+					onClick: (t) => xe(e, t.shiftKey)
 				}, [
 					r[14] ||= s("span", { class: "g-visually-hidden" }, "Sort by ", -1),
 					c(" " + P(e.label) + " ", 1),
-					ue(e.key) === -1 ? a("", !0) : (w(), o("span", Aa, [(w(), o("svg", {
+					pe(e.key) === -1 ? a("", !0) : (w(), o("span", ka, [(w(), o("svg", {
 						xmlns: "http://www.w3.org/2000/svg",
 						viewBox: "0 0 640 640",
 						height: "1.5em",
-						style: v({ transform: `rotate(${de(e.key)?.order === 1 ? 0 : 180}deg)` })
+						style: v({ transform: `rotate(${me(e.key)?.order === 1 ? 0 : 180}deg)` })
 					}, [...r[13] ||= [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)]], 4))])),
-					ue(e.key) === -1 ? a("", !0) : (w(), o("span", ja, P(me(e.key)), 1))
-				], 8, ka)) : (w(), o("span", Ma, P(e.label), 1)), e.filter ? (w(), i(ct, { key: 2 }, {
+					pe(e.key) === -1 ? a("", !0) : (w(), o("span", Aa, P(_e(e.key)), 1))
+				], 8, Oa)) : (w(), o("span", ja, P(e.label), 1)), e.filter ? (w(), i(ct, { key: 2 }, {
 					trigger: K(({ toggle: t }) => [s("button", {
 						onClick: q(t, ["stop"]),
-						"aria-label": et(e) ? `Filter ${e.label} column (filtered)` : `Filter ${e.label} column`,
-						class: _(["g-filter-btn", { "g-active": et(e) }]),
+						"aria-label": it(e) ? `Filter ${e.label} column (filtered)` : `Filter ${e.label} column`,
+						class: _(["g-filter-btn", { "g-active": it(e) }]),
 						type: "button"
 					}, [...r[15] ||= [s("svg", {
 						xmlns: "http://www.w3.org/2000/svg",
@@ -4214,12 +4171,12 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 					}, [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, Na)]),
+					})], -1)]], 10, Ma)]),
 					default: K(() => [e.filter.type === "select" ? (w(), i(Jt, {
 						key: 0,
-						"model-value": ot(e),
-						"onUpdate:modelValue": (t) => st(e, t),
-						options: it(e),
+						"model-value": dt(e),
+						"onUpdate:modelValue": (t) => ft(e, t),
+						options: lt(e),
 						class: "g-filter-select",
 						label: "Filter select",
 						searchable: "",
@@ -4230,7 +4187,7 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 						"onUpdate:modelValue",
 						"options",
 						"search-description"
-					])) : e.filter.type === "search" ? (w(), o("div", Pa, [r[16] ||= s("span", {
+					])) : e.filter.type === "search" ? (w(), o("div", Na, [r[16] ||= s("span", {
 						class: "g-filter-search-icon",
 						"aria-hidden": "true"
 					}, [s("svg", {
@@ -4243,29 +4200,29 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 					})])], -1), s("input", {
 						type: "search",
 						class: "g-filter-search-input",
-						value: Qe(e),
-						onInput: (t) => $e(e, t.target.value),
+						value: nt(e),
+						onInput: (t) => rt(e, t.target.value),
 						placeholder: e.filter.placeholder,
 						"aria-label": `Search ${e.label}`
-					}, null, 40, Fa)])) : e.filter.type === "toggle" ? (w(), o("div", Ia, [s("div", La, [
+					}, null, 40, Pa)])) : e.filter.type === "toggle" ? (w(), o("div", Fa, [s("div", Ia, [
 						s("input", {
 							type: "checkbox",
-							checked: Qe(e) === !0,
-							onChange: (t) => $e(e, t.target.checked),
+							checked: nt(e) === !0,
+							onChange: (t) => rt(e, t.target.checked),
 							id: `${R(G)}-filter-${String(e.key)}`,
 							"aria-describedby": e.filter.description ? `${R(G)}-filter-description-${String(e.key)}` : void 0
-						}, null, 40, Ra),
-						s("label", { for: `${R(G)}-filter-${String(e.key)}` }, P(e.filter.label), 9, za),
+						}, null, 40, La),
+						s("label", { for: `${R(G)}-filter-${String(e.key)}` }, P(e.filter.label), 9, Ra),
 						e.filter.description ? (w(), o("span", {
 							key: 0,
 							class: "g-filter-description",
 							id: `${R(G)}-filter-description-${String(e.key)}`
-						}, P(e.filter.description), 9, Ba)) : a("", !0)
+						}, P(e.filter.description), 9, za)) : a("", !0)
 					])])) : e.filter.type === "multi-select" && e.filter.searchable ? (w(), i(Rr, {
 						key: 3,
-						"model-value": lt(e),
-						"onUpdate:modelValue": (t) => ut(e, t),
-						options: it(e),
+						"model-value": pt(e),
+						"onUpdate:modelValue": (t) => mt(e, t),
+						options: lt(e),
 						label: "Include values",
 						placeholder: e.filter.placeholder,
 						"search-description": e.filter.searchDescription,
@@ -4276,21 +4233,21 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 						"options",
 						"placeholder",
 						"search-description"
-					])) : e.filter.type === "multi-select" ? (w(), o("div", Va, [l(Yr, {
-						"model-value": lt(e),
-						"onUpdate:modelValue": (t) => ut(e, t),
-						options: at(e),
+					])) : e.filter.type === "multi-select" ? (w(), o("div", Ba, [l(Yr, {
+						"model-value": pt(e),
+						"onUpdate:modelValue": (t) => mt(e, t),
+						options: ut(e),
 						label: "Include values"
 					}, null, 8, [
 						"model-value",
 						"onUpdate:modelValue",
 						"options"
-					]), et(e) ? (w(), i(Q, {
+					]), it(e) ? (w(), i($, {
 						key: 0,
 						class: "clear-multiselect-btn",
 						theme: "accent",
 						size: "small",
-						onClick: (t) => $e(e, [])
+						onClick: (t) => rt(e, [])
 					}, {
 						default: K(() => [...r[17] ||= [c(" Clear ", -1)]]),
 						_: 1
@@ -4299,27 +4256,27 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 				}, 1024)) : a("", !0)]), t.resizableColumns ? (w(), o("div", {
 					key: 0,
 					"data-column-key": String(e.key),
-					class: _(["g-column-resize-handle", { "g-column-resize-handle--active": J.value?.key === e.key }]),
+					class: _(["g-column-resize-handle", { "g-column-resize-handle--active": Z.value?.key === e.key }]),
 					role: "separator",
 					tabindex: "0",
 					"aria-orientation": "vertical",
 					"aria-controls": ae,
 					"aria-label": `Resize ${e.label} column`,
 					"aria-valuemin": 50,
-					"aria-valuemax": Ae(e.key),
-					"aria-valuenow": Le(e.key),
-					"aria-valuetext": Re(e.key),
+					"aria-valuemax": Ne(e.key),
+					"aria-valuenow": Ve(e.key),
+					"aria-valuetext": He(e.key),
 					onClick: r[0] ||= q(() => {}, ["stop", "prevent"]),
-					onKeydown: (t) => Fe(t, e.key),
-					onPointerdown: (t) => Pe(t, e.key)
-				}, null, 42, Ha)) : a("", !0)], 10, Da))), 128))])]),
-				t.data.length === 0 ? (w(), o("tbody", Ua, [s("tr", Wa, [s("td", {
+					onKeydown: (t) => ze(t, e.key),
+					onPointerdown: (t) => Re(t, e.key)
+				}, null, 42, Va)) : a("", !0)], 10, Ea))), 128))])]),
+				t.data.length === 0 ? (w(), o("tbody", Ha, [s("tr", Ua, [s("td", {
 					class: "g-table-empty",
-					colspan: Be.value.length + +!!t.bulkSelectionEnabled
-				}, [A(n.$slots, "empty")], 8, Ga)])])) : (w(), i(fr, {
+					colspan: We.value.length + +!!t.bulkSelectionEnabled
+				}, [A(n.$slots, "empty")], 8, Wa)])])) : (w(), i(fr, {
 					key: 1,
 					data: t.data,
-					columns: Be.value,
+					columns: We.value,
 					"group-by": t.groupBy,
 					"group-render": t.groupRender,
 					"row-clickable": t.rowClickable,
@@ -4345,8 +4302,8 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 					"table-id",
 					"change-tracker"
 				]))
-			], 10, ba)], 512),
-			t.bulkSelectionEnabled && m.value.length > 0 ? (w(), o("div", Ka, [s("span", qa, P(m.value.length) + " row" + P(m.value.length === 1 ? "" : "s") + " selected", 1), s("ul", Ja, [(w(!0), o(e, null, k(t.bulkActions, (e) => (w(), o("li", { key: e.id }, [l(Q, {
+			], 10, ya)], 512),
+			t.bulkSelectionEnabled && m.value.length > 0 ? (w(), o("div", Ga, [s("span", Ka, P(m.value.length) + " row" + P(m.value.length === 1 ? "" : "s") + " selected", 1), s("ul", qa, [(w(!0), o(e, null, k(t.bulkActions, (e) => (w(), o("li", { key: e.id }, [l($, {
 				theme: e.theme || "accent",
 				onClick: (t) => z(e.id),
 				size: "small"
@@ -4354,9 +4311,9 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 				default: K(() => [c(P(e.label) + " " + P(m.value.length) + " row" + P(m.value.length === 1 ? "" : "s"), 1)]),
 				_: 2
 			}, 1032, ["theme", "onClick"])]))), 128))])])) : a("", !0)
-		]));
+		])], 4));
 	}
-}), Xa = ["id"], Za = { class: "g-modal-inner" }, Qa = { class: "g-modal-header" }, $a = ["id"], eo = ["id"], to = /* @__PURE__ */ u({
+}), Ya = ["id"], Xa = { class: "g-modal-inner" }, Za = { class: "g-modal-header" }, Qa = ["id"], $a = ["id"], eo = /* @__PURE__ */ u({
 	__name: "GModal",
 	props: {
 		label: {},
@@ -4400,12 +4357,12 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 				ref_key: "dialog",
 				ref: f,
 				style: { zIndex: R(b) }
-			}), [s("div", Za, [s("div", Qa, [e.hiddenLabel ? a("", !0) : (w(), o("h2", {
+			}), [s("div", Xa, [s("div", Za, [e.hiddenLabel ? a("", !0) : (w(), o("h2", {
 				key: 0,
 				id: "modal-label-" + R(m),
 				class: "g-modal-label",
 				tabindex: "-1"
-			}, P(e.label), 9, $a)), s("button", {
+			}, P(e.label), 9, Qa)), s("button", {
 				class: "g-modal-close",
 				onClick: T,
 				"aria-label": "Close"
@@ -4420,36 +4377,36 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 			})], -1)]])]), s("div", {
 				id: "modal-description-" + R(m),
 				class: "g-modal-content"
-			}, [A(r.$slots, "default")], 8, eo)])], 16, Xa)]),
+			}, [A(r.$slots, "default")], 8, $a)])], 16, Ya)]),
 			_: 3
 		})]));
 	}
-}), no = /* @__PURE__ */ u({
+}), to = /* @__PURE__ */ u({
 	__name: "GDetailList",
 	props: { variant: { default: "grid" } },
 	setup(e) {
 		let t = e;
 		return (e, n) => (w(), o("dl", { class: _(["g-detail-list", `g-detail-list--${t.variant}`]) }, [A(e.$slots, "default")], 2));
 	}
-}), ro = { class: "g-detail-list-item" }, io = { class: "g-detail-list-item__label" }, ao = { class: "g-detail-list-item__value" }, oo = /* @__PURE__ */ u({
+}), no = { class: "g-detail-list-item" }, ro = { class: "g-detail-list-item__label" }, io = { class: "g-detail-list-item__value" }, ao = /* @__PURE__ */ u({
 	__name: "GDetailListItem",
 	props: { label: {} },
 	setup(e) {
-		return (t, n) => (w(), o("div", ro, [s("dt", io, [A(t.$slots, "label", {}, () => [c(P(e.label), 1)])]), s("dd", ao, [A(t.$slots, "default")])]));
+		return (t, n) => (w(), o("div", no, [s("dt", ro, [A(t.$slots, "label", {}, () => [c(P(e.label), 1)])]), s("dd", io, [A(t.$slots, "default")])]));
 	}
-}), so = {
+}), oo = {
 	key: 0,
 	class: "g-scroll-lock-overlay"
-}, co = /* @__PURE__ */ u({
+}, so = /* @__PURE__ */ u({
 	__name: "GOverlay",
 	setup(e) {
 		let { hasScrollLock: t } = Je();
 		return (e, r) => (w(), i(n, { name: "g-fade" }, {
-			default: K(() => [R(t) ? (w(), o("div", so)) : a("", !0)]),
+			default: K(() => [R(t) ? (w(), o("div", oo)) : a("", !0)]),
 			_: 1
 		}));
 	}
-}), lo = { class: "popover-content" }, uo = { class: "year-dropdown" }, fo = { class: "month-selector" }, po = /* @__PURE__ */ u({
+}), co = { class: "popover-content" }, lo = { class: "year-dropdown" }, uo = { class: "month-selector" }, fo = /* @__PURE__ */ u({
 	__name: "GTermSelectorControl",
 	props: /*@__PURE__*/ m({
 		termYears: { default: () => ["2026"] },
@@ -4470,7 +4427,7 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = V(e, "modelValue");
-		return (n, r) => (w(), o("div", lo, [s("div", uo, [l(Jt, {
+		return (n, r) => (w(), o("div", co, [s("div", lo, [l(Jt, {
 			modelValue: t.value.year,
 			"onUpdate:modelValue": r[0] ||= (e) => t.value.year = e,
 			options: e.termYears,
@@ -4479,7 +4436,7 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 			"modelValue",
 			"options",
 			"label"
-		])]), s("div", fo, [l(Ct, {
+		])]), s("div", uo, [l(Ct, {
 			modelValue: t.value.name,
 			"onUpdate:modelValue": r[1] ||= (e) => t.value.name = e,
 			options: e.termNames,
@@ -4491,7 +4448,7 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 			"label"
 		])])]));
 	}
-}), mo = { class: "g-term-selector" }, ho = { class: "g-term-label" }, go = /* @__PURE__ */ u({
+}), po = { class: "g-term-selector" }, mo = { class: "g-term-label" }, ho = /* @__PURE__ */ u({
 	__name: "GTermSelector",
 	props: /*@__PURE__*/ m({
 		heading: { default: "Period Selection" },
@@ -4513,8 +4470,8 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = V(e, "modelValue"), n = `${B()}-heading`;
-		return (r, i) => (w(), o("div", mo, [l(ct, { "aria-labelledby": n }, {
-			trigger: K(({ toggle: e, open: n, popoverId: r }) => [l(Q, {
+		return (r, i) => (w(), o("div", po, [l(ct, { "aria-labelledby": n }, {
+			trigger: K(({ toggle: e, open: n, popoverId: r }) => [l($, {
 				class: "g-term-selector-button",
 				theme: "none",
 				outlined: "",
@@ -4529,7 +4486,7 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 						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", ho, P(t.value?.name) + " " + P(t.value?.year), 1),
+					s("span", mo, P(t.value?.name) + " " + P(t.value?.year), 1),
 					i[2] ||= s("span", { class: "g-caret" }, [s("svg", {
 						role: "none",
 						xmlns: "http://www.w3.org/2000/svg",
@@ -4546,18 +4503,18 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 				id: n,
 				class: "g-popover-title",
 				tabindex: "-1"
-			}, P(e.heading), 1), l(po, h(r.$props, {
+			}, P(e.heading), 1), l(fo, h(r.$props, {
 				modelValue: t.value,
 				"onUpdate:modelValue": i[0] ||= (e) => t.value = e
 			}), null, 16, ["modelValue"])]),
 			_: 1
 		})]));
 	}
-}), _o = { class: "g-user-menu" }, vo = [
+}), go = { class: "g-user-menu" }, _o = [
 	"aria-label",
 	"aria-expanded",
 	"onClick"
-], yo = { class: "g-user-menu__popover" }, bo = { class: "g-user-menu__list" }, xo = /* @__PURE__ */ u({
+], vo = { class: "g-user-menu__popover" }, yo = { class: "g-user-menu__list" }, bo = /* @__PURE__ */ u({
 	__name: "GUserMenu",
 	props: {
 		initials: {},
@@ -4572,7 +4529,7 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 			e.target?.closest("a") && (r.value = !1);
 		}
 		let u = H();
-		return (d, f) => (w(), o("div", _o, [l(ct, {
+		return (d, f) => (w(), o("div", go, [l(ct, {
 			modelValue: r.value,
 			"onUpdate:modelValue": f[0] ||= (e) => r.value = e,
 			minimal: ""
@@ -4584,8 +4541,8 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 				"aria-expanded": r.value,
 				"aria-haspopup": "menu",
 				onClick: e
-			}, P(t.initials), 13, vo)]),
-			default: K(() => [s("div", yo, [s("h2", {
+			}, P(t.initials), 13, _o)]),
+			default: K(() => [s("div", vo, [s("h2", {
 				id: n,
 				ref_key: "emailHeading",
 				ref: a,
@@ -4595,11 +4552,11 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 				class: "g-user-menu__nav",
 				"aria-labelledby": n,
 				onClick: c
-			}, [s("ul", bo, [(w(!0), o(e, null, k(u.default(), (e, t) => (w(), o("li", { key: t }, [(w(), i(j(e)))]))), 128))])])])]),
+			}, [s("ul", yo, [(w(!0), o(e, null, k(u.default(), (e, t) => (w(), o("li", { key: t }, [(w(), i(j(e)))]))), 128))])])])]),
 			_: 1
 		}, 8, ["modelValue"])]));
 	}
-}), So = /* @__PURE__ */ u({
+}), xo = /* @__PURE__ */ u({
 	__name: "GCurrencyInput",
 	props: /*@__PURE__*/ m({
 		label: { default: void 0 },
@@ -4650,7 +4607,7 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 			"form-key"
 		]));
 	}
-}), Co = /* @__PURE__ */ u({
+}), So = /* @__PURE__ */ u({
 	__name: "GEmailInput",
 	props: /*@__PURE__*/ m({
 		label: { default: void 0 },
@@ -4695,13 +4652,13 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 			"instructions"
 		]));
 	}
-}), wo = ["for"], To = {
+}), Co = ["for"], wo = {
 	key: 0,
 	class: "g-file-input-required"
-}, Eo = {
+}, To = {
 	key: 0,
 	class: "g-file-input-box-header"
-}, Do = ["id"], Oo = [
+}, Eo = ["id"], Do = [
 	"id",
 	"disabled",
 	"required",
@@ -4710,11 +4667,11 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 	"aria-invalid",
 	"aria-describedby",
 	"aria-errormessage"
-], ko = {
+], Oo = {
 	key: 1,
 	class: "g-file-input-pills",
 	"aria-label": "Selected files"
-}, Ao = /* @__PURE__ */ u({
+}, ko = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GFileInput",
 	props: /*@__PURE__*/ m({
@@ -4744,7 +4701,7 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 	}),
 	emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
 	setup(t, { emit: n }) {
-		let i = t, u = V(t, "modelValue"), d = B(), { displayErrors: f } = $({
+		let i = t, u = V(t, "modelValue"), d = B(), { displayErrors: f } = Ae({
 			name: i.name,
 			value: u,
 			errors: I(i, "errors"),
@@ -4771,12 +4728,12 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 				key: 0,
 				for: R(d),
 				class: "g-file-input-label"
-			}, [c(P(t.label) + " ", 1), t.required ? (w(), o("span", To, "*")) : a("", !0)], 8, wo)) : a("", !0),
+			}, [c(P(t.label) + " ", 1), t.required ? (w(), o("span", wo, "*")) : a("", !0)], 8, Co)) : a("", !0),
 			s("div", { class: _(["g-file-input-box", { "g-file-input-box--disabled": t.disabled }]) }, [
-				t.instructions ? (w(), o("div", Eo, [s("span", {
+				t.instructions ? (w(), o("div", To, [s("span", {
 					id: "instructions-" + R(d),
 					class: "g-file-input-instructions"
-				}, P(t.instructions), 9, Do)])) : a("", !0),
+				}, P(t.instructions), 9, Eo)])) : a("", !0),
 				s("input", {
 					id: R(d),
 					type: "file",
@@ -4789,8 +4746,8 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 					"aria-describedby": t.instructions ? "instructions-" + R(d) : void 0,
 					"aria-errormessage": y.value ? "error-message-" + R(d) : void 0,
 					onChange: g
-				}, null, 40, Oo),
-				t.multiple && b.value.length > 0 ? (w(), o("ul", ko, [(w(!0), o(e, null, k(b.value, (e) => (w(), o("li", {
+				}, null, 40, Do),
+				t.multiple && b.value.length > 0 ? (w(), o("ul", Oo, [(w(!0), o(e, null, k(b.value, (e) => (w(), o("li", {
 					key: e,
 					class: "g-file-input-pill"
 				}, [r[0] ||= s("svg", {
@@ -4806,7 +4763,7 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), jo = /* @__PURE__ */ u({
+}), Ao = /* @__PURE__ */ u({
 	__name: "GDateInput",
 	props: /*@__PURE__*/ m({
 		label: { default: void 0 },
@@ -4854,21 +4811,21 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 			"form-key"
 		]));
 	}
-}), Mo = { class: "g-date-range-input" }, No = {
+}), jo = { class: "g-date-range-input" }, Mo = {
 	key: 0,
 	class: "g-date-range-input__label"
-}, Po = {
+}, No = {
 	key: 0,
 	class: "g-date-range-input__required",
 	"aria-hidden": "true"
-}, Fo = {
+}, Po = {
 	key: 1,
 	class: "g-date-range-input__instructions"
-}, Io = { class: "g-date-range-input__fields" }, Lo = {
+}, Fo = { class: "g-date-range-input__fields" }, Io = {
 	key: 2,
 	class: "g-date-range-input__errors",
 	role: "alert"
-}, Ro = /* @__PURE__ */ u({
+}, Lo = /* @__PURE__ */ u({
 	__name: "GDateRangeInput",
 	props: /*@__PURE__*/ m({
 		label: { default: void 0 },
@@ -4895,7 +4852,7 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 	}),
 	emits: ["update:modelValue"],
 	setup(t) {
-		let n = t, r = V(t, "modelValue"), i = O(r.value.start || null), u = O(r.value.end || null), { displayErrors: d } = $({
+		let n = t, r = V(t, "modelValue"), i = O(r.value.start || null), u = O(r.value.end || null), { displayErrors: d } = Ae({
 			name: n.name,
 			value: r,
 			errors: I(n, "errors"),
@@ -4908,10 +4865,10 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 			};
 		}), W(r, (e) => {
 			e.start !== i.value && (i.value = e.start), e.end !== u.value && (u.value = e.end);
-		}, { deep: !0 }), (t, r) => (w(), o("div", Mo, [
-			n.label ? (w(), o("div", No, [c(P(n.label), 1), n.required ? (w(), o("span", Po, " *")) : a("", !0)])) : a("", !0),
-			n.instructions ? (w(), o("div", Fo, P(n.instructions), 1)) : a("", !0),
-			s("div", Io, [l(jo, {
+		}, { deep: !0 }), (t, r) => (w(), o("div", jo, [
+			n.label ? (w(), o("div", Mo, [c(P(n.label), 1), n.required ? (w(), o("span", No, " *")) : a("", !0)])) : a("", !0),
+			n.instructions ? (w(), o("div", Po, P(n.instructions), 1)) : a("", !0),
+			s("div", Fo, [l(Ao, {
 				modelValue: i.value,
 				"onUpdate:modelValue": r[0] ||= (e) => i.value = e,
 				label: n.startLabel,
@@ -4923,7 +4880,7 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 				"label",
 				"disabled",
 				"required"
-			]), l(jo, {
+			]), l(Ao, {
 				modelValue: u.value,
 				"onUpdate:modelValue": r[1] ||= (e) => u.value = e,
 				label: n.endLabel,
@@ -4936,13 +4893,13 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 				"disabled",
 				"required"
 			])]),
-			R(d).length > 0 ? (w(), o("div", Lo, [(w(!0), o(e, null, k(R(d), (e, t) => (w(), o("div", {
+			R(d).length > 0 ? (w(), o("div", Io, [(w(!0), o(e, null, k(R(d), (e, t) => (w(), o("div", {
 				key: t,
 				class: "g-date-range-input__error"
 			}, P(e), 1))), 128))])) : a("", !0)
 		]));
 	}
-}), zo = ["action", "method"], Bo = /* @__PURE__ */ u({
+}), Ro = ["action", "method"], zo = /* @__PURE__ */ u({
 	__name: "GForm",
 	props: /*@__PURE__*/ m({
 		action: { default: void 0 },
@@ -4954,7 +4911,7 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 	}),
 	emits: /*@__PURE__*/ m(["submit"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, r = V(e, "modelValue"), i = t, a = p("form", null), s = a ?? (fe() ? Ae(n.formKey) : Oe());
+		let n = e, r = V(e, "modelValue"), i = t, a = p("form", null), s = a ?? (de() ? ke(n.formKey) : De());
 		a || T("form", s), W(() => s.values.value, (e) => {
 			r.value = { ...e };
 		}, { deep: !0 }), W(() => r.value, (e) => {
@@ -4982,9 +4939,9 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 			hasErrors: R(s).hasErrors.value,
 			values: R(s).values.value,
 			errors: R(s).errors.value
-		})], 40, zo));
+		})], 40, Ro));
 	}
-}), Vo = /* @__PURE__ */ u({
+}), Bo = /* @__PURE__ */ u({
 	__name: "GSubmitButton",
 	props: {
 		disabled: {
@@ -4996,8 +4953,8 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 		formKey: { default: "default" }
 	},
 	setup(e) {
-		let t = e, n = z(), a = typeof n["form-key"] == "string" ? n["form-key"] : void 0, o = t.formKey || a || "default", l = p("form", null) ?? (fe() ? Ae(o) : null), u = r(() => t.disabled || (l?.isSubmitting.value ?? !1)), d = r(() => l?.isSubmitting.value ?? !1);
-		return (e, n) => (w(), i(Q, {
+		let t = e, n = z(), a = typeof n["form-key"] == "string" ? n["form-key"] : void 0, o = t.formKey || a || "default", l = p("form", null) ?? (de() ? ke(o) : null), u = r(() => t.disabled || (l?.isSubmitting.value ?? !1)), d = r(() => l?.isSubmitting.value ?? !1);
+		return (e, n) => (w(), i($, {
 			type: "submit",
 			disabled: u.value,
 			variant: t.variant,
@@ -5007,11 +4964,11 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 			_: 3
 		}, 8, ["disabled", "variant"]));
 	}
-}), Ho = ["for"], Uo = {
+}), Vo = ["for"], Ho = {
 	key: 0,
 	class: "g-textarea-required",
 	"aria-hidden": "true"
-}, Wo = ["id"], Go = [
+}, Uo = ["id"], Wo = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -5020,11 +4977,11 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 	"rows",
 	"maxlength",
 	"aria-invalid"
-], Ko = {
+], Go = {
 	key: 2,
 	class: "g-textarea-char-count",
 	"aria-live": "polite"
-}, qo = /* @__PURE__ */ u({
+}, Ko = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GTextarea",
 	props: /*@__PURE__*/ m({
@@ -5058,7 +5015,7 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 	}),
 	emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, i = V(e, "modelValue"), u = B(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = pe({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: v, hasErrors: y } = $({
+		let n = e, i = V(e, "modelValue"), u = B(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = fe({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: v, hasErrors: y } = Ae({
 			name: n.name,
 			value: i,
 			errors: I(n, "errors"),
@@ -5098,12 +5055,12 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 				key: 0,
 				for: m.value,
 				class: "g-textarea-label"
-			}, [c(P(n.label), 1), n.required ? (w(), o("span", Uo, " *")) : a("", !0)], 8, Ho)) : a("", !0),
+			}, [c(P(n.label), 1), n.required ? (w(), o("span", Ho, " *")) : a("", !0)], 8, Vo)) : a("", !0),
 			t.$slots.instructions || e.instructions ? (w(), o("div", {
 				key: 1,
 				id: "instructions-" + R(u),
 				class: "g-textarea-instructions"
-			}, [A(t.$slots, "instructions", {}, () => [c(P(e.instructions), 1)])], 8, Wo)) : a("", !0),
+			}, [A(t.$slots, "instructions", {}, () => [c(P(e.instructions), 1)])], 8, Uo)) : a("", !0),
 			s("textarea", h({
 				ref: "textareaEl",
 				value: i.value ?? "",
@@ -5124,15 +5081,15 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 				onInput: T,
 				onBlur: E,
 				onPaste: D
-			}), null, 16, Go),
-			n.maxlength === void 0 ? a("", !0) : (w(), o("div", Ko, P((i.value ?? "").length) + " / " + P(n.maxlength), 1)),
+			}), null, 16, Wo),
+			n.maxlength === void 0 ? a("", !0) : (w(), o("div", Go, P((i.value ?? "").length) + " / " + P(n.maxlength), 1)),
 			l(Me, {
 				errors: R(v),
 				id: "error-message-" + R(u)
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), Jo = { class: "g-toggle-wrapper" }, Yo = ["for"], Xo = [
+}), qo = { class: "g-toggle-wrapper" }, Jo = ["for"], Yo = [
 	"id",
 	"checked",
 	"disabled",
@@ -5140,7 +5097,7 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 	"aria-describedby",
 	"aria-invalid",
 	"aria-errormessage"
-], Zo = ["id"], Qo = /* @__PURE__ */ u({
+], Xo = ["id"], Zo = /* @__PURE__ */ u({
 	__name: "GToggle",
 	props: /*@__PURE__*/ m({
 		label: {},
@@ -5175,11 +5132,11 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 			n.disabled || (e.key === "n" || e.key === "N" || e.key === "ArrowLeft" ? (l(!1), e.preventDefault()) : (e.key === "y" || e.key === "Y" || e.key === "ArrowRight") && (l(!0), e.preventDefault()));
 		}
 		let p = B(), m = B();
-		return (t, n) => (w(), o("div", Jo, [s("div", { class: _(["g-toggle-control", { "g-external-label": e.externalLabel }]) }, [e.externalLabel ? a("", !0) : (w(), o("label", {
+		return (t, n) => (w(), o("div", qo, [s("div", { class: _(["g-toggle-control", { "g-external-label": e.externalLabel }]) }, [e.externalLabel ? a("", !0) : (w(), o("label", {
 			key: 0,
 			class: "g-label",
 			for: R(m)
-		}, [A(t.$slots, "label", {}, () => [c(P(e.label), 1)])], 8, Yo)), s("div", { class: _(["g-toggle", { "g-has-error": e.error }]) }, [s("div", { class: _(["g-toggle-track", [r.value ? "g-right" : "g-left", { "g-disabled": e.disabled }]]) }, [s("span", {
+		}, [A(t.$slots, "label", {}, () => [c(P(e.label), 1)])], 8, Jo)), s("div", { class: _(["g-toggle", { "g-has-error": e.error }]) }, [s("div", { class: _(["g-toggle-track", [r.value ? "g-right" : "g-left", { "g-disabled": e.disabled }]]) }, [s("span", {
 			class: _(["g-toggle-thumb", r.value ? "g-right" : "g-left"]),
 			"aria-hidden": "true"
 		}, null, 2), s("input", {
@@ -5193,34 +5150,34 @@ var zi = { class: "g-table-outer-wrap" }, Bi = {
 			"aria-errormessage": e.error ? R(p) + "-error" : void 0,
 			onChange: d,
 			onKeydown: f
-		}, null, 40, Xo)], 2)], 2)], 2), e.error ? (w(), o("div", {
+		}, null, 40, Yo)], 2)], 2)], 2), e.error ? (w(), o("div", {
 			key: 0,
 			id: `${R(p)}-error`,
 			class: "g-form-error",
 			role: "alert",
 			"aria-atomic": "true"
-		}, P(e.error), 9, Zo)) : a("", !0)]));
+		}, P(e.error), 9, Xo)) : a("", !0)]));
 	}
-}), $o = "g-route-announcer";
-function es(e) {
+}), Qo = "g-route-announcer";
+function $o(e) {
 	return document.getElementById(e) ?? document.querySelector("main");
 }
-function ts(e = "main-content", t = !0) {
+function es(e = "main-content", t = !0) {
 	if (typeof document > "u") return !1;
-	let n = es(e);
+	let n = $o(e);
 	if (!n) return !1;
 	let r = t ? n.querySelector("h1") : null;
 	for (let e of [r, n]) if (e && (e.hasAttribute("tabindex") || e.setAttribute("tabindex", "-1"), e.focus({ preventScroll: t }), document.activeElement === e)) return !0;
 	return !1;
 }
-function ns() {
-	let e = document.getElementById($o);
+function ts() {
+	let e = document.getElementById(Qo);
 	if (e) return {
 		el: e,
 		created: !1
 	};
 	let t = document.createElement("div");
-	return t.id = $o, t.setAttribute("aria-live", "polite"), t.setAttribute("aria-atomic", "true"), Object.assign(t.style, {
+	return t.id = Qo, t.setAttribute("aria-live", "polite"), t.setAttribute("aria-atomic", "true"), Object.assign(t.style, {
 		position: "absolute",
 		width: "1px",
 		height: "1px",
@@ -5235,10 +5192,10 @@ function ns() {
 		created: !0
 	};
 }
-function rs() {
+function ns() {
 	return new Promise((e) => requestAnimationFrame(() => e()));
 }
-function is(e, t = {}) {
+function rs(e, t = {}) {
 	let n = O(""), { mainId: r = "main-content", isNewPage: i = (e, t) => e.path !== t.path, focus: a = !0, ready: o, message: s = (e, t) => t ? `Navigated to ${t}` : "" } = t;
 	if (typeof window > "u") return {
 		message: D(n),
@@ -5247,7 +5204,7 @@ function is(e, t = {}) {
 	};
 	let c = null, l, u = 0;
 	function d(e) {
-		n.value = e, c ??= ns();
+		n.value = e, c ??= ts();
 		let t = c.el;
 		t.textContent = "", clearTimeout(l), l = setTimeout(() => {
 			t.textContent = e;
@@ -5256,9 +5213,9 @@ function is(e, t = {}) {
 	let p = e.afterEach(async (e, t, n) => {
 		if (n || !t.matched?.length || !i(e, t)) return;
 		let c = ++u, l = document.activeElement;
-		if (await g(), await rs(), o && (await o(e, t), await g(), await rs()), c !== u) return;
-		let f = typeof a == "function" ? a(e, t) : a, p = document.activeElement, m = !!p && p !== l && !!es(r)?.contains(p);
-		f && !e.hash && !m && ts(r);
+		if (await g(), await ns(), o && (await o(e, t), await g(), await ns()), c !== u) return;
+		let f = typeof a == "function" ? a(e, t) : a, p = document.activeElement, m = !!p && p !== l && !!$o(r)?.contains(p);
+		f && !e.hash && !m && es(r);
 		let h = s(e, document.title);
 		h && d(h);
 	});
@@ -5273,7 +5230,7 @@ function is(e, t = {}) {
 }
 //#endregion
 //#region src/components/GSkipLink.vue?vue&type=script&setup=true&lang.ts
-var as = ["href"], os = /*@__PURE__*/ u({
+var is = ["href"], as = /*@__PURE__*/ u({
 	__name: "GSkipLink",
 	props: {
 		target: { default: "main-content" },
@@ -5282,19 +5239,19 @@ var as = ["href"], os = /*@__PURE__*/ u({
 	setup(e) {
 		let t = e;
 		function n(e) {
-			ts(t.target, !1) && e.preventDefault();
+			es(t.target, !1) && e.preventDefault();
 		}
 		return (e, r) => (w(), o("a", {
 			class: "g-skip-link",
 			href: `#${t.target}`,
 			onClick: n
-		}, [A(e.$slots, "default", {}, () => [c(P(t.label), 1)], !0)], 8, as));
+		}, [A(e.$slots, "default", {}, () => [c(P(t.label), 1)], !0)], 8, is));
 	}
-}), ss = (e, t) => {
+}), os = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, cs = /*#__PURE__*/ ss(os, [["__scopeId", "data-v-1d350630"]]), ls = ["id"], us = /*#__PURE__*/ ss(/* @__PURE__ */ u({
+}, ss = /*#__PURE__*/ os(as, [["__scopeId", "data-v-1d350630"]]), cs = ["id"], ls = /*#__PURE__*/ os(/* @__PURE__ */ u({
 	__name: "GMain",
 	props: { id: { default: "main-content" } },
 	setup(e) {
@@ -5303,30 +5260,30 @@ var as = ["href"], os = /*@__PURE__*/ u({
 			id: t.id,
 			class: "g-main",
 			tabindex: "-1"
-		}, [A(e.$slots, "default", {}, void 0, !0)], 8, ls));
+		}, [A(e.$slots, "default", {}, void 0, !0)], 8, cs));
 	}
 }), [["__scopeId", "data-v-84dc2f3f"]]);
 //#endregion
 //#region src/compose/useActiveLink.ts
-function ds(e, t, n) {
+function us(e, t, n) {
 	let r = [
 		0,
 		.25,
 		.5,
 		.75,
 		1
-	], i = `${-t}px 0px 0px 0px`, a = /* @__PURE__ */ new Map(), o = O(Array.from(J(e)?.children || [])), s = () => {
-		let t = Array.from(J(e)?.children || []), n = new Set(t);
+	], i = `${-t}px 0px 0px 0px`, a = /* @__PURE__ */ new Map(), o = O(Array.from(Y(e)?.children || [])), s = () => {
+		let t = Array.from(Y(e)?.children || []), n = new Set(t);
 		for (let e of a.keys()) n.has(e) || a.delete(e);
 		o.value = t;
 	};
-	W(() => J(e), () => {
+	W(() => Y(e), () => {
 		s();
 	}, {
 		immediate: !0,
 		flush: "post"
-	}), ce(e, s, { childList: !0 });
-	let { stop: c } = Z(o, (e) => {
+	}), Q(e, s, { childList: !0 });
+	let { stop: c } = ae(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;
@@ -5345,7 +5302,7 @@ function ds(e, t, n) {
 }
 //#endregion
 //#region src/compose/useSidebar.ts
-function fs(e = "(max-width: 800px)") {
+function ds(e = "(max-width: 800px)") {
 	let t = B(), n = O(!1), r = se(e, { ssrWidth: 1e3 });
 	function i(e) {
 		if (!r.value || !n.value) return;
@@ -5376,41 +5333,41 @@ function fs(e = "(max-width: 800px)") {
 }
 //#endregion
 //#region src/compose/usePaging.ts
-function ps(e) {
+function fs(e) {
 	let t = /* @__PURE__ */ new Set();
 	return (e ?? []).filter((e) => !e?.key || t.has(e.key) || e.order !== 1 && e.order !== -1 ? !1 : (t.add(e.key), !0));
 }
-function ms(e) {
-	return e == null ? [] : ps((typeof e == "string" ? e.split(",") : e).filter((e) => e !== null).map((e) => e.trim()).filter(Boolean).map((e) => ({
+function ps(e) {
+	return e == null ? [] : fs((typeof e == "string" ? e.split(",") : e).filter((e) => e !== null).map((e) => e.trim()).filter(Boolean).map((e) => ({
 		key: e.replace(/^-/, ""),
 		order: e.startsWith("-") ? -1 : 1
 	})));
 }
-function hs(e) {
-	let t = ps(e);
+function ms(e) {
+	let t = fs(e);
 	if (t.length !== 0) return t.map(({ key: e, order: t }) => `${t === -1 ? "-" : ""}${e}`);
 }
-function gs(e, t = []) {
-	let n = ps(e);
+function hs(e, t = []) {
+	let n = fs(e);
 	if (n.length === 0) return;
 	let r = n.map(({ key: e, order: t }) => `${t === -1 ? "-" : ""}${e}`), i = new Set(n.map(({ key: e }) => String(e))), a = n.length === 1 && n[0].order === -1 ? "-" : "";
 	return t.forEach((e) => {
 		i.has(e) || r.push(`${a}${e}`);
 	}), r.join(",");
 }
-function _s(e) {
+function gs(e) {
 	return Array.isArray(e) ? [...e] : e;
 }
-function vs(e, t) {
+function _s(e, t) {
 	return Array.isArray(e) || Array.isArray(t) ? !Array.isArray(e) || !Array.isArray(t) ? !1 : e.length === t.length && e.every((e, n) => e === t[n]) : e === t;
 }
-function ys(e, t) {
+function vs(e, t) {
 	return e.length === t.length && e.every((e, n) => {
 		let r = t[n];
 		return e.key === r?.key && e.order === r?.order;
 	});
 }
-function bs(e, t) {
+function ys(e, t) {
 	if (typeof e == "string") return Number(e);
 	if (Array.isArray(e)) {
 		let n = e.find((e) => e !== null);
@@ -5418,35 +5375,35 @@ function bs(e, t) {
 	}
 	return t;
 }
-function xs(e = {}) {
+function bs(e = {}) {
 	let t = e.defaultPageSize ?? 50, n = e.defaultPageOffset ?? 0, i = e.sortKey ?? "sort", a = e.pageSizeKey ?? "pageSize", o = e.pageOffsetKey ?? "pageOffset", s = N([]), c = O(t), l = O(n);
 	return e.route && e.router && (W(() => e.route?.query[i], (e) => {
-		let t = ms(e);
-		ys(s.value, t) || (s.value = t);
+		let t = ps(e);
+		vs(s.value, t) || (s.value = t);
 	}, { immediate: !0 }), W(() => e.route?.query[a], (e) => {
-		let n = bs(e, t);
+		let n = ys(e, t);
 		c.value !== n && (c.value = n);
 	}, { immediate: !0 }), W(() => e.route?.query[o], (e) => {
-		let t = bs(e, n);
+		let t = ys(e, n);
 		l.value !== t && (l.value = t);
 	}, { immediate: !0 }), W([
 		s,
 		c,
 		l
 	], ([r, s, c]) => {
-		let l = { ...e.route.query }, u = hs(r);
-		u === void 0 ? delete l[i] : l[i] = _s(u), s === t || s === void 0 ? delete l[a] : l[a] = String(s), c === n || c === void 0 ? delete l[o] : l[o] = String(c);
+		let l = { ...e.route.query }, u = ms(r);
+		u === void 0 ? delete l[i] : l[i] = gs(u), s === t || s === void 0 ? delete l[a] : l[a] = String(s), c === n || c === void 0 ? delete l[o] : l[o] = String(c);
 		let d = /* @__PURE__ */ new Set([...Object.keys(e.route.query), ...Object.keys(l)]), f = !1;
-		for (let t of d) if (!vs(e.route.query[t], l[t])) {
+		for (let t of d) if (!_s(e.route.query[t], l[t])) {
 			f = !0;
 			break;
 		}
 		f && e.router.replace({ query: l });
 	})), {
 		sort: r({
-			get: () => ps(s.value),
+			get: () => fs(s.value),
 			set: (e) => {
-				s.value = ps(e);
+				s.value = fs(e);
 			}
 		}),
 		pageSize: c,
@@ -5455,7 +5412,7 @@ function xs(e = {}) {
 }
 //#endregion
 //#region src/compose/useTableChanges.ts
-function Ss() {
+function xs() {
 	let e = M(/* @__PURE__ */ new Map()), t = ne(), n = (n) => {
 		let r = n.column.key, i = n.row.key, a = n.value, o = n.previousValue;
 		e.has(i) || e.set(i, M(/* @__PURE__ */ new Map()));
@@ -5559,7 +5516,7 @@ function Ss() {
 }
 //#endregion
 //#region src/compose/usePersistentTableColumnState.ts
-function Cs(e, t) {
+function Ss(e, t) {
 	if (!e || typeof e != "object" || Array.isArray(e)) return {};
 	let n = new Set(t.map(({ key: e }) => String(e))), r = {};
 	for (let [t, i] of Object.entries(e)) {
@@ -5569,13 +5526,13 @@ function Cs(e, t) {
 	}
 	return r;
 }
-function ws(e, t) {
+function Cs(e, t) {
 	let n = oe(e, {});
 	return W(() => L(t).map(({ key: e }) => String(e)), () => {
-		n.value = Cs(n.value, L(t));
+		n.value = Ss(n.value, L(t));
 	}, { immediate: !0 }), { columnState: n };
 }
 //#endregion
-export { pn as $, Ya as A, Ri as B, xo as C, oo as D, co as E, ji as F, Zn as G, Yr as H, xi as I, kn as J, In as K, Mi as L, Ai as M, bi as N, no as O, Fi as P, xn as Q, Ii as R, So as S, po as T, Rr as U, Li as V, fr as W, wn as X, On as Y, Sn as Z, Bo as _, De as _t, ms as a, Ct as at, Ao as b, Q as bt, fs as c, rt as ct, cs as d, qe as dt, cn as et, ts as f, Je as ft, Vo as g, Oe as gt, qo as h, Ae as ht, ps as i, Ot as it, Si as j, to as k, ds as l, nt as lt, Qo as m, $ as mt, Ss as n, Jt as nt, hs as o, gt as ot, is as p, ze as pt, jn as q, gs as r, Pt as rt, xs as s, ct as st, ws as t, an as tt, us as u, tt as ut, Ro as v, xe as vt, go as w, Co as x, jo as y, be as yt, Ci as z };
+export { pn as $, Ja as A, Ri as B, bo as C, ao as D, so as E, ji as F, Zn as G, Yr as H, xi as I, kn as J, In as K, Mi as L, Ai as M, bi as N, to as O, Fi as P, xn as Q, Ii as R, xo as S, fo as T, Rr as U, Li as V, fr as W, wn as X, On as Y, Sn as Z, zo as _, Ee as _t, ps as a, Ct as at, ko as b, $ as bt, ds as c, rt as ct, ss as d, qe as dt, cn as et, es as f, Je as ft, Bo as g, De as gt, Ko as h, ke as ht, fs as i, Ot as it, Si as j, eo as k, us as l, nt as lt, Zo as m, Ae as mt, xs as n, Jt as nt, ms as o, gt as ot, rs as p, ze as pt, jn as q, hs as r, Pt as rt, bs as s, ct as st, Cs as t, an as tt, ls as u, tt as ut, Lo as v, be as vt, ho as w, So as x, Ao as y, ye as yt, Ci as z };
 
-//# sourceMappingURL=grad-vue-Cx1uTli6.js.map
+//# sourceMappingURL=grad-vue-B8FlsuZs.js.map