@illinois-grad/grad-vue 6.0.4 → 6.0.6

package/dist/{grad-vue-Bd30K3vh.js → grad-vue-HOjq8hB5.js}

@@ -1,11 +1,11 @@
-import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, getCurrentInstance as d, guardReactiveProps as f, inject as p, mergeModels as m, mergeProps as h, nextTick as g, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeMount as b, onBeforeUnmount as x, onMounted as S, onUnmounted as C, openBlock as w, provide as T, reactive as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as A, shallowReactive as j, shallowRef as M, toDisplayString as N, toRaw as P, toRef as F, toValue as I, unref as L, useAttrs as R, useId as z, useModel as B, useSlots as V, useTemplateRef as H, vModelCheckbox as U, vModelText as ee, vShow as te, watch as W, watchEffect as ne, withCtx as G, withDirectives as re, withModifiers as K } from "vue";
-import { createEventHook as ie, toArray as q, tryOnScopeDispose as ae, unrefElement as J, useClipboard as oe, useDebounceFn as se, useFocusWithin as ce, useIntersectionObserver as le, useMediaQuery as Y, useMutationObserver as ue, useResizeObserver as de, useSessionStorage as fe } from "@vueuse/core";
-import { createFocusTrap as X } from "focus-trap";
+import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, getCurrentInstance as d, guardReactiveProps as f, inject as p, mergeModels as m, mergeProps as h, nextTick as g, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeMount as b, onBeforeUnmount as x, onMounted as S, onUnmounted as C, openBlock as w, provide as T, reactive as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as A, shallowReactive as j, shallowRef as M, toDisplayString as N, toRaw as P, toRef as F, toValue as I, unref as L, useAttrs as R, useId as z, useModel as B, useSlots as V, useTemplateRef as H, vModelCheckbox as U, vModelText as W, vShow as ee, watch as G, watchEffect as te, withCtx as K, withDirectives as ne, withModifiers as q } from "vue";
+import { createEventHook as re, toArray as J, tryOnScopeDispose as ie, unrefElement as Y, useClipboard as ae, useDebounceFn as oe, useFocusWithin as se, useIntersectionObserver as ce, useLocalStorage as le, useMediaQuery as ue, useMutationObserver as de, useResizeObserver as fe, useSessionStorage as X } from "@vueuse/core";
+import { createFocusTrap as pe } from "focus-trap";
 //#region src/compose/useCustomElementAttrs.ts
 function Z() {
 	return globalThis.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ === !0;
 }
-function pe(e = {}) {
+function me(e = {}) {
 	let t = R(), 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 he = { class: "g-btn--icon" }, ge = { class: "g-btn--label" }, Q = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GButton",
 	props: {
@@ -51,7 +51,7 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 		"mouseleave"
 	],
 	setup(t) {
-		let n = t, a = V(), { forwardedAttrs: c } = pe({ omitInCustomElement: ["id"] }), l = r(() => [
+		let n = t, a = V(), { forwardedAttrs: c } = me({ omitInCustomElement: ["id"] }), l = r(() => [
 			"g-btn",
 			`g-btn--${n.size}`,
 			`g-btn--${n.theme}`,
@@ -79,11 +79,11 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 			onMouseenter: u[7] ||= (e) => r.$emit("mouseenter", e),
 			onMouseleave: u[8] ||= (e) => r.$emit("mouseleave", e)
 		}), {
-			default: G(() => [t.icon || a.icon ? (w(), o(e, { key: 0 }, [s("span", me, [a.icon ? k(r.$slots, "icon", {}, void 0, void 0, 0) : (w(), o("span", {
+			default: K(() => [t.icon || a.icon ? (w(), o(e, { key: 0 }, [s("span", he, [a.icon ? k(r.$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, [k(r.$slots, "default")])], 64)) : k(r.$slots, "default", {}, void 0, void 0, 1)]),
+			}, null, 2))]), s("span", ge, [k(r.$slots, "default")])], 64)) : k(r.$slots, "default", {}, void 0, void 0, 1)]),
 			_: 3
 		}, 16, [
 			"to",
@@ -91,13 +91,13 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 			"type"
 		]));
 	}
-}), ge = { class: "g-tree-menu__divider" }, _e = {
+}), _e = { class: "g-tree-menu__divider" }, ve = {
 	key: 0,
 	class: "g-tree-menu__divider-line"
-}, ve = {
+}, ye = {
 	key: 1,
 	class: "g-tree-menu__expand-all-wrapper"
-}, ye = { class: "g-tree-menu__content" }, be = /* @__PURE__ */ u({
+}, be = { class: "g-tree-menu__content" }, xe = /* @__PURE__ */ u({
 	__name: "GTreeMenu",
 	props: {
 		heading: {},
@@ -117,7 +117,7 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 	setup(e) {
 		let t = e, n = V(), l = d(), u = z(), 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 ? fe(t.storageKey, {}) : null;
+		let m = t.storageKey ? X(t.storageKey, {}) : null;
 		T("g-tree-menu-expanded-storage", m);
 		let g = E(/* @__PURE__ */ new Map());
 		T("g-tree-menu-expandable-items", g);
@@ -147,10 +147,10 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 				id: L(u),
 				class: "g-tree-menu__title"
 			}, {
-				default: G(() => [k(n.$slots, "heading", {}, () => [c(N(e.heading), 1)])]),
+				default: K(() => [k(n.$slots, "heading", {}, () => [c(N(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", _e, [e.smallHeading ? a("", !0) : (w(), o("div", ve)), e.showExpandAll ? (w(), o("div", ye, [s("button", {
 				class: "g-tree-menu__expand-all-btn",
 				onClick: b
 			}, [(w(), o("svg", {
@@ -163,10 +163,10 @@ 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(" " + N(y.value ? "Collapse all" : "Expand all"), 1)])])) : a("", !0)]),
-			s("div", ye, [k(n.$slots, "default")])
+			s("div", be, [k(n.$slots, "default")])
 		], 16));
 	}
-}), xe = /* @__PURE__ */ u({
+}), Se = /* @__PURE__ */ u({
 	name: "GTreeMenuList",
 	props: { listType: { default: void 0 } },
 	setup(e) {
@@ -179,24 +179,24 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 			role: L(o) ? "list" : void 0,
 			class: "g-tree-menu__list"
 		}, {
-			default: G(() => [k(e.$slots, "default")]),
+			default: K(() => [k(e.$slots, "default")]),
 			_: 3
 		}, 8, ["role"]));
 	}
-}), Se = {
+}), Ce = {
 	key: 0,
 	class: "g-tree-menu__row"
-}, Ce = { class: "g-tree-menu__row-content-text" }, we = [
+}, we = { class: "g-tree-menu__row-content-text" }, Te = [
 	"aria-controls",
 	"aria-expanded",
 	"aria-label"
-], Te = {
+], Ee = {
 	key: 1,
 	class: "g-tree-menu__row g-tree-menu__row--leaf"
-}, Ee = {
+}, De = {
 	class: "g-tree-menu__row-content",
 	"data-tree-primary": ""
-}, De = /* @__PURE__ */ u({
+}, Oe = /* @__PURE__ */ u({
 	name: "GTreeMenuItem",
 	inheritAttrs: !1,
 	props: {
@@ -220,9 +220,9 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 			return n.expanded;
 		}
 		let C = D(b());
-		W(() => n.expanded, (e) => {
+		G(() => n.expanded, (e) => {
 			v && n.label !== void 0 || (C.value = e);
-		}), W(C, (e) => {
+		}), G(C, (e) => {
 			v && n.label !== void 0 && (e ? v.value[n.label] = !0 : delete v.value[n.label]);
 		});
 		function T() {
@@ -235,9 +235,9 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 		function P() {
 			O?.delete(E);
 		}
-		W(C, (e) => {
+		G(C, (e) => {
 			O && g.value && O.set(E, e);
-		}), j && W(() => j.value.version, () => {
+		}), j && G(() => j.value.version, () => {
 			g.value && (C.value = j.value.expanded, M.value = j.value.version);
 		}), S(() => {
 			N(), j && g.value && j.value.version > M.value && j.value.expanded && (C.value = !0, M.value = j.value.version);
@@ -261,11 +261,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: G(() => [g.value ? (w(), o("div", Se, [s("span", {
+			default: K(() => [g.value ? (w(), o("div", Ce, [s("span", {
 				class: "g-tree-menu__row-content",
 				"data-tree-primary": "",
 				onClick: F
-			}, [s("span", Ce, [k(e.$slots, "default")])]), s("button", {
+			}, [s("span", we, [k(e.$slots, "default")])]), s("button", {
 				type: "button",
 				class: "g-tree-menu__toggle-btn",
 				"aria-controls": L(f) + "-children",
@@ -283,11 +283,11 @@ 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, [k(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, Te)])) : (w(), o("div", Ee, [t[1] ||= s("span", { class: "g-tree-menu__spacer" }, null, -1), s("span", De, [k(e.$slots, "default")])])), g.value && C.value ? (w(), i(Se, {
 				key: 2,
 				id: L(f) + "-children"
 			}, {
-				default: G(() => [k(e.$slots, "children")]),
+				default: K(() => [k(e.$slots, "children")]),
 				_: 3
 			}, 8, ["id"])) : a("", !0)]),
 			_: 3
@@ -296,7 +296,7 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 });
 //#endregion
 //#region src/compose/useForm.ts
-function Oe() {
+function ke() {
 	let e = j({}), t = D(!1), n = r(() => {
 		let t = {};
 		return Object.entries(e).forEach(([e, n]) => {
@@ -338,18 +338,18 @@ function Oe() {
 }
 //#endregion
 //#region src/compose/useWebComponentForm.ts
-function ke() {
+function Ae() {
 	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 je(e = "default") {
+	let t = Ae(), n = e || "default";
+	return t.has(n) || t.set(n, ke()), t.get(n);
 }
 //#endregion
 //#region src/compose/useFormField.ts
 function $(e) {
-	let t = R(), n = typeof t["form-key"] == "string" ? t["form-key"] : void 0, i = e.formKey ?? n ?? "default", a = p("form", null) ?? (Z() ? Ae(i) : null), o = r(() => {
+	let t = R(), n = typeof t["form-key"] == "string" ? t["form-key"] : void 0, i = e.formKey ?? n ?? "default", a = p("form", null) ?? (Z() ? je(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;
@@ -368,7 +368,7 @@ function $(e) {
 }
 //#endregion
 //#region src/components/form/GFormErrorMessages.vue?vue&type=script&setup=true&lang.ts
-var je = ["id"], Me = /* @__PURE__ */ u({
+var Me = ["id"], Ne = /* @__PURE__ */ u({
 	__name: "GFormErrorMessages",
 	props: {
 		errors: {},
@@ -391,25 +391,25 @@ var je = ["id"], Me = /* @__PURE__ */ u({
 		}, [s("path", {
 			fill: "currentColor",
 			d: "M320 64C334.7 64 348.2 72.1 355.2 85L571.2 485C577.9 497.4 577.6 512.4 570.4 524.5C563.2 536.6 550.1 544 536 544L104 544C89.9 544 76.8 536.6 69.6 524.5C62.4 512.4 62.1 497.4 68.8 485L284.8 85C291.8 72.1 305.3 64 320 64zM320 416C302.3 416 288 430.3 288 448C288 465.7 302.3 480 320 480C337.7 480 352 465.7 352 448C352 430.3 337.7 416 320 416zM320 224C301.8 224 287.3 239.5 288.6 257.7L296 361.7C296.9 374.2 307.4 384 319.9 384C332.5 384 342.9 374.3 343.8 361.7L351.2 257.7C352.5 239.5 338.1 224 319.8 224z"
-		})], -1), c(" " + N(e), 1)]))), 128))], 8, je)) : a("", !0);
+		})], -1), c(" " + N(e), 1)]))), 128))], 8, Me)) : a("", !0);
 	}
-}), Ne = ["for"], Pe = {
+}), Pe = ["for"], Fe = {
 	key: 0,
 	class: "g-text-input-required",
 	"aria-hidden": "true"
-}, Fe = ["id"], Ie = {
+}, Ie = ["id"], Le = {
 	key: 0,
 	class: "g-text-input-prefix"
-}, Le = [
+}, Re = [
 	"value",
 	"placeholder",
 	"disabled",
 	"required",
 	"aria-invalid"
-], Re = {
+], ze = {
 	key: 1,
 	class: "g-text-input-suffix"
-}, ze = /* @__PURE__ */ u({
+}, Be = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GTextInput",
 	props: /*@__PURE__*/ m({
@@ -436,7 +436,7 @@ var je = ["id"], Me = /* @__PURE__ */ u({
 	}),
 	emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, i = B(e, "modelValue"), u = z(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = pe({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: g, hasErrors: v } = $({
+		let n = e, i = B(e, "modelValue"), u = z(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = me({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: g, hasErrors: v } = $({
 			name: n.name,
 			value: i,
 			errors: F(n, "errors"),
@@ -474,14 +474,14 @@ var je = ["id"], Me = /* @__PURE__ */ u({
 				key: 0,
 				for: m.value,
 				class: "g-text-input-label"
-			}, [c(N(n.label), 1), n.required ? (w(), o("span", Pe, " *")) : a("", !0)], 8, Ne)) : a("", !0),
+			}, [c(N(n.label), 1), n.required ? (w(), o("span", Fe, " *")) : a("", !0)], 8, Pe)) : a("", !0),
 			t.$slots.instructions || e.instructions ? (w(), o("div", {
 				key: 1,
 				id: "instructions-" + L(u),
 				class: "g-text-input-instructions"
-			}, [k(t.$slots, "instructions", {}, () => [c(N(e.instructions), 1)])], 8, Fe)) : a("", !0),
+			}, [k(t.$slots, "instructions", {}, () => [c(N(e.instructions), 1)])], 8, Ie)) : a("", !0),
 			s("div", { class: _([{ "g-text-input-field-wrapper": !0 }, `g-text-input-field-wrapper--${e.name || "nameless"}`]) }, [
-				n.prefix ? (w(), o("span", Ie, N(n.prefix), 1)) : a("", !0),
+				n.prefix ? (w(), o("span", Le, N(n.prefix), 1)) : a("", !0),
 				s("input", h({
 					value: i.value,
 					placeholder: n.placeholder,
@@ -498,39 +498,39 @@ var je = ["id"], Me = /* @__PURE__ */ u({
 					id: m.value,
 					"aria-describedby": t.$slots.instructions || e.instructions ? "instructions-" + L(u) : void 0,
 					"aria-errormessage": L(v) ? "error-message-" + L(u) : void 0
-				}, { "aria-invalid": L(v) ? "true" : "false" }), null, 16, Le),
-				n.suffix ? (w(), o("span", Re, N(n.suffix), 1)) : a("", !0)
+				}, { "aria-invalid": L(v) ? "true" : "false" }), null, 16, Re),
+				n.suffix ? (w(), o("span", ze, N(n.suffix), 1)) : a("", !0)
 			], 2),
-			l(Me, {
+			l(Ne, {
 				errors: L(g),
 				id: "error-message-" + L(u)
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), Be = 100, Ve = 200, He = 102, Ue = D([]), We = D([]), Ge = D([]);
-function Ke() {
+}), Ve = 100, He = 200, Ue = 102, We = D([]), Ge = D([]), Ke = D([]);
+function qe() {
 	if (!(typeof document > "u")) {
-		if (Ge.value.length > 0) {
+		if (Ke.value.length > 0) {
 			let e = window.innerWidth - document.documentElement.clientWidth;
 			document.body.classList.add("g-scroll-lock"), document.body.style.paddingRight = `${e}px`, document.body.style.setProperty("--g-scrollbar-width", `${e}px`);
 		} else document.body.style.paddingRight = "0", document.body.classList.remove("g-scroll-lock"), document.body.style.removeProperty("--g-scrollbar-width");
 	}
 }
-function qe(e, t = !1, n = !1) {
+function Je(e, t = !1, n = !1) {
 	if (typeof document > "u") return {};
-	let i = t ? We : Ue;
+	let i = t ? Ge : We;
 	function a() {
-		i.value.push(e), n && !Ge.value.includes(e) && (Ge.value.push(e), Ke());
+		i.value.push(e), n && !Ke.value.includes(e) && (Ke.value.push(e), qe());
 	}
 	function o() {
 		let t = i.value.lastIndexOf(e);
 		t !== -1 && i.value.splice(t, 1);
-		let n = Ge.value.lastIndexOf(e);
-		n !== -1 && (Ge.value.splice(n, 1), Ke());
+		let n = Ke.value.lastIndexOf(e);
+		n !== -1 && (Ke.value.splice(n, 1), qe());
 	}
-	let s = r(() => !t && We.value.length > 0 ? !1 : i.value.length > 0 && i.value[i.value.length - 1] === e), c = r(() => {
+	let s = r(() => !t && Ge.value.length > 0 ? !1 : i.value.length > 0 && i.value[i.value.length - 1] === e), c = r(() => {
 		let n = i.value.indexOf(e);
-		return n === -1 ? 0 : (t ? Ve : Be) + n;
+		return n === -1 ? 0 : (t ? He : Ve) + n;
 	});
 	return x(o), {
 		push: a,
@@ -539,33 +539,33 @@ function qe(e, t = !1, n = !1) {
 		zIndex: c
 	};
 }
-function Je() {
+function Ye() {
 	return typeof document > "u" ? {} : {
-		hasModal: r(() => We.value.length > 0),
-		hasOverlay: r(() => Ue.value.length > 0 || We.value.length > 0),
-		hasScrollLock: r(() => Ge.value.length > 0)
+		hasModal: r(() => Ge.value.length > 0),
+		hasOverlay: r(() => We.value.length > 0 || Ge.value.length > 0),
+		hasScrollLock: r(() => Ke.value.length > 0)
 	};
 }
-function Ye() {
+function Xe() {
 	let e = 0;
-	return Ue.value.forEach((t, n) => {
-		e = Math.max(e, Be + n);
-	}), We.value.forEach((t, n) => {
+	return We.value.forEach((t, n) => {
 		e = Math.max(e, Ve + n);
-	}), e > 0 ? e + 1 : He;
+	}), Ge.value.forEach((t, n) => {
+		e = Math.max(e, He + n);
+	}), e > 0 ? e + 1 : Ue;
 }
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-var Xe = (e) => e != null;
+var Ze = (e) => e != null;
 //#endregion
 //#region ../../node_modules/@vueuse/integrations/dist/useFocusTrap-lXZ_YG-8.js
-function Ze(e, t = {}) {
+function Qe(e, t = {}) {
 	let n, { immediate: i, ...a } = t, o = M(!1), s = M(!1), c = (e) => n && n.activate(e), l = (e) => n && n.deactivate(e);
-	return W(r(() => q(I(e)).map((e) => {
+	return G(r(() => J(I(e)).map((e) => {
 		let t = I(e);
-		return typeof t == "string" ? t : J(t);
-	}).filter(Xe)), (e) => {
+		return typeof t == "string" ? t : Y(t);
+	}).filter(Ze)), (e) => {
 		if (e.length) {
-			if (!n) n = X(e, {
+			if (!n) n = pe(e, {
 				...a,
 				onActivate() {
 					o.value = !0, t.onActivate && t.onActivate();
@@ -579,7 +579,7 @@ function Ze(e, t = {}) {
 				n?.updateContainerElements(e), !t && i && c();
 			}
 		}
-	}, { flush: "post" }), ae(() => l()), {
+	}, { flush: "post" }), ie(() => l()), {
 		hasFocus: o,
 		isPaused: s,
 		activate: c,
@@ -594,7 +594,7 @@ function Ze(e, t = {}) {
 }
 //#endregion
 //#region src/compose/focusable.ts
-var Qe = [
+var $e = [
 	"a[href]",
 	"button:not([disabled])",
 	"input:not([disabled])",
@@ -603,17 +603,17 @@ var Qe = [
 	"[tabindex]:not([tabindex='-1'])",
 	"[contenteditable='true']"
 ].join(",");
-function $e(e) {
-	return e ? Array.from(e.querySelectorAll(Qe)) : [];
-}
 function et(e) {
+	return e ? Array.from(e.querySelectorAll($e)) : [];
+}
+function tt(e) {
 	let t = document.activeElement;
 	return t ? e.findIndex((e) => e === t || e.contains(t)) : -1;
 }
 //#endregion
 //#region src/compose/useOverlayFocus.ts
-function tt(e, t, n = !1) {
-	let r = D(!1), i = () => !!e.value?.querySelector(Qe), { activate: a, deactivate: o, pause: s, unpause: c } = Ze(e, {
+function nt(e, t, n = !1) {
+	let r = D(!1), i = () => !!e.value?.querySelector($e), { activate: a, deactivate: o, pause: s, unpause: c } = Qe(e, {
 		immediate: !1,
 		clickOutsideDeactivates: n,
 		initialFocus: () => {
@@ -634,7 +634,7 @@ function tt(e, t, n = !1) {
 			});
 		}
 	});
-	return W(t, (e) => {
+	return G(t, (e) => {
 		e ? g(() => {
 			i() && c();
 		}).catch((e) => {
@@ -657,7 +657,7 @@ function tt(e, t, n = !1) {
 }
 //#endregion
 //#region src/compose/useOverlayEscape.ts
-function nt(e, t, n, r, i) {
+function rt(e, t, n, r, i) {
 	function a(i) {
 		if (!(!n.value || !t.value)) {
 			for (let t of e) if (t.value?.contains(i.target)) return;
@@ -677,7 +677,7 @@ function nt(e, t, n, r, i) {
 }
 //#endregion
 //#region src/compose/popoverPosition.ts
-function rt(e, t, n, r) {
+function it(e, t, n, r) {
 	let i = r?.gap ?? 8, a = r?.margin ?? 16, o = r?.preferAbove ?? !1, s = !1, c = !1, l;
 	o ? e.top - t.height - i > n.top + a ? (l = e.top - t.height - i, s = !0) : e.bottom + t.height + i <= n.bottom - a ? l = e.bottom + i : (l = n.top + a, c = !0) : e.bottom + t.height + i > n.bottom - a && e.top - t.height - i > n.top + a ? (l = e.top - t.height - i, s = !0) : e.bottom + t.height + i > n.bottom - a && e.top - t.height - i <= n.top + a ? (l = n.top + a, c = !0) : l = e.bottom + i;
 	let u = e.left + (e.width - t.width) / 2;
@@ -693,7 +693,7 @@ function rt(e, t, n, r) {
 }
 //#endregion
 //#region src/components/GClientOnly.vue
-var it = /* @__PURE__ */ u({
+var at = /* @__PURE__ */ u({
 	__name: "GClientOnly",
 	setup(e) {
 		let t = D(Z());
@@ -701,7 +701,7 @@ var it = /* @__PURE__ */ u({
 			t.value = !0;
 		}), (e, n) => t.value ? k(e.$slots, "default", {}, void 0, void 0, 0) : k(e.$slots, "fallback", {}, void 0, void 0, 1);
 	}
-}), at = { class: "g-popover-wrap" }, ot = ["id"], st = ["aria-labelledby", "aria-label"], ct = /* @__PURE__ */ u({
+}), ot = { class: "g-popover-wrap" }, st = ["id"], ct = ["aria-labelledby", "aria-label"], lt = /* @__PURE__ */ u({
 	__name: "GPopover",
 	props: {
 		minimal: {
@@ -720,14 +720,14 @@ var it = /* @__PURE__ */ u({
 	],
 	setup(e, { expose: c, emit: u }) {
 		let d = e, f = u, p = D(d.modelValue);
-		W(F(d, "modelValue"), (e) => {
+		G(F(d, "modelValue"), (e) => {
 			p.value = e;
 		});
-		let m = V(), h = r(() => !!m.trigger), v = H("triggerRef"), b = H("popoverRef"), { isCustomElement: S } = pe(), C = S, T = z(), { push: E, pop: O, isTop: A, zIndex: j } = qe(T, !0), { activate: M, deactivate: N } = tt(b, A, !0);
-		nt([b, v], A, p, I, O), W(p, (e) => {
+		let m = V(), h = r(() => !!m.trigger), v = H("triggerRef"), b = H("popoverRef"), { isCustomElement: S } = me(), C = S, T = z(), { push: E, pop: O, isTop: A, zIndex: j } = Je(T, !0), { activate: M, deactivate: N } = nt(b, A, !0);
+		rt([b, v], A, p, I, O), G(p, (e) => {
 			e ? (g(() => {
 				g(() => M());
-			}), E(), f("show")) : (N(), O(), f("hide"), K.value = !1, ie.value = null);
+			}), E(), f("show")) : (N(), O(), f("hide"), q.value = !1, re.value = null);
 		});
 		function P() {
 			p.value = !0, f("update:modelValue", !0);
@@ -741,27 +741,27 @@ var it = /* @__PURE__ */ u({
 		let B = D({
 			top: 0,
 			left: 0
-		}), U = D({ left: "50%" }), ee = D(!1), ne = D(!1), K = D(!1), ie = D(null), q = null;
-		function ae() {
+		}), U = D({ left: "50%" }), W = D(!1), te = D(!1), q = D(!1), re = D(null), J = null;
+		function ie() {
 			if (v.value) return v.value;
 			let e = b.value?.parentElement ?? null;
 			for (; e && e.tagName.toLowerCase() !== "g-popover";) e = e.parentElement;
 			let t = e?.previousElementSibling;
 			return t instanceof HTMLElement ? t : null;
 		}
-		function J() {
+		function Y() {
 			if (!b.value) return;
 			let e = b.value, t = new DOMRect(0, 0, window.innerWidth, window.innerHeight), n = Math.max(t.height - 32, 0), r = e.scrollHeight;
-			K.value = r > n, ie.value = K.value ? n : null;
-			let i = new DOMRect(0, 0, e.offsetWidth, Math.min(r, n)), a = ae();
+			q.value = r > n, re.value = q.value ? n : null;
+			let i = new DOMRect(0, 0, e.offsetWidth, Math.min(r, n)), a = ie();
 			if (!a) {
 				B.value = {
 					top: Math.max((t.height - i.height) / 2, 16),
 					left: Math.max((t.width - i.width) / 2, 16)
-				}, ne.value = !1, ee.value = !1, U.value = { left: "50%" };
+				}, te.value = !1, W.value = !1, U.value = { left: "50%" };
 				return;
 			}
-			let { top: o, left: s, xOffset: c, placedAbove: l, overlay: u } = rt(a.getBoundingClientRect(), i, t, { gap: d.minimal ? 0 : 8 });
+			let { top: o, left: s, xOffset: c, placedAbove: l, overlay: u } = it(a.getBoundingClientRect(), i, t, { gap: d.minimal ? 0 : 8 });
 			B.value = {
 				top: o,
 				left: s
@@ -769,42 +769,42 @@ var it = /* @__PURE__ */ u({
 				left: `${i.width / 2 - c}px`,
 				top: l ? "auto" : void 0,
 				bottom: l ? "-8px" : void 0
-			}, ee.value = l, ne.value = u;
+			}, W.value = l, te.value = u;
 		}
-		return W(p, (e) => {
+		return G(p, (e) => {
 			e ? g(() => {
-				J(), window.addEventListener("resize", J), window.addEventListener("scroll", J, { capture: !0 }), b.value && (q && q.disconnect(), q = new ResizeObserver(() => J()), q.observe(b.value));
-			}) : (window.removeEventListener("resize", J), window.removeEventListener("scroll", J, { capture: !0 }), q && q.disconnect());
+				Y(), window.addEventListener("resize", Y), window.addEventListener("scroll", Y, { capture: !0 }), b.value && (J && J.disconnect(), J = new ResizeObserver(() => Y()), J.observe(b.value));
+			}) : (window.removeEventListener("resize", Y), window.removeEventListener("scroll", Y, { capture: !0 }), J && J.disconnect());
 		}), x(() => {
-			window.removeEventListener("resize", J), window.removeEventListener("scroll", J, { capture: !0 }), q && q.disconnect();
+			window.removeEventListener("resize", Y), window.removeEventListener("scroll", Y, { capture: !0 }), J && J.disconnect();
 		}), c({
 			show: P,
 			hide: I,
 			toggle: R
-		}), (r, c) => (w(), o("div", at, [h.value ? (w(), o("div", {
+		}), (r, c) => (w(), o("div", ot, [h.value ? (w(), o("div", {
 			key: 0,
 			ref_key: "triggerRef",
 			ref: v,
 			class: "g-popover-trigger",
 			id: `${L(T)}-trigger`
-		}, [k(r.$slots, "trigger", { toggle: R })], 8, ot)) : a("", !0), l(it, null, {
-			default: G(() => [(w(), i(t, {
+		}, [k(r.$slots, "trigger", { toggle: R })], 8, st)) : a("", !0), l(at, null, {
+			default: K(() => [(w(), i(t, {
 				to: "#modal-root",
 				disabled: L(C)
 			}, [l(n, {
 				name: "g-popover-expand",
 				appear: ""
 			}, {
-				default: G(() => [L(S) || p.value ? re((w(), o("div", {
+				default: K(() => [L(S) || p.value ? ne((w(), o("div", {
 					key: 0,
 					ref_key: "popoverRef",
 					ref: b,
 					class: _({
 						"g-popover": !0,
-						"g-popover-above": ee.value,
-						"g-popover-below": !ee.value,
+						"g-popover-above": W.value,
+						"g-popover-below": !W.value,
 						"g-popover-minimal": e.minimal,
-						"g-popover-scrollable": K.value
+						"g-popover-scrollable": q.value
 					}),
 					role: "dialog",
 					"aria-modal": "true",
@@ -814,12 +814,12 @@ var it = /* @__PURE__ */ u({
 						top: B.value.top + "px",
 						left: B.value.left + "px",
 						zIndex: L(j),
-						maxHeight: ie.value === null ? void 0 : `${ie.value}px`
+						maxHeight: re.value === null ? void 0 : `${re.value}px`
 					})
 				}, [
-					!ne.value && !e.minimal && !K.value ? (w(), o("div", {
+					!te.value && !e.minimal && !q.value ? (w(), o("div", {
 						key: 0,
-						class: _(["g-popover-arrow", { "g-popover-arrow-above": ee.value }]),
+						class: _(["g-popover-arrow", { "g-popover-arrow-above": W.value }]),
 						style: y(U.value),
 						"aria-hidden": "true"
 					}, null, 6)) : a("", !0),
@@ -839,43 +839,43 @@ var it = /* @__PURE__ */ u({
 						fill: "currentColor",
 						d: "m37.84 32.94-7.63-7.63 7.63-7.63a3.24 3.24 0 0 0-4.58-4.58l-7.63 7.63L18 13.1a3.24 3.24 0 0 0-4.58 4.58L21 25.31l-7.62 7.63A3.24 3.24 0 1 0 18 37.52l7.63-7.63 7.63 7.63a3.24 3.24 0 0 0 4.58-4.58Z"
 					})], -1)]]))
-				], 14, st)), [[te, p.value]]) : a("", !0)]),
+				], 14, ct)), [[ee, p.value]]) : a("", !0)]),
 				_: 3
 			})], 8, ["disabled"]))]),
 			_: 3
 		})]));
 	}
-}), lt = 1;
-function ut(e = "v-gtooltip") {
-	return `${e}-${++lt}`;
+}), ut = 1;
+function dt(e = "v-gtooltip") {
+	return `${e}-${++ut}`;
 }
-function dt(e, t = "v-gtooltip") {
+function ft(e, t = "v-gtooltip") {
 	let n = e.getAttribute("aria-describedby");
 	if (n) return n;
-	let r = ut(t);
+	let r = dt(t);
 	return e.setAttribute("aria-describedby", r), r;
 }
-function ft(e, t) {
+function pt(e, t) {
 	let n = document.createElement("div");
 	return n.className = "v-gtooltip", n.textContent = e, n.setAttribute("role", "tooltip"), n.setAttribute("id", t), n;
 }
-function pt(e) {
+function mt(e) {
 	(document.getElementById("modal-root") ?? document.body).appendChild(e);
 }
-function mt(e, t) {
-	let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), { top: i, left: a, placedAbove: o } = rt(n, r, new DOMRect(0, 0, window.innerWidth, window.innerHeight), {
+function ht(e, t) {
+	let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), { top: i, left: a, placedAbove: o } = it(n, r, new DOMRect(0, 0, window.innerWidth, window.innerHeight), {
 		gap: 8,
 		margin: 8,
 		preferAbove: !0
 	}), s = (n.left + n.width / 2 - a) / r.width * 100;
-	t.style.setProperty("--v-gtooltip-arrow-x", `${s}%`), t.classList.remove("v-gtooltip-bottom"), o || t.classList.add("v-gtooltip-bottom"), t.style.left = `${a}px`, t.style.top = `${i}px`, t.style.zIndex = `${Ye()}`, t.style.visibility = "visible", t.style.opacity = "1";
+	t.style.setProperty("--v-gtooltip-arrow-x", `${s}%`), t.classList.remove("v-gtooltip-bottom"), o || t.classList.add("v-gtooltip-bottom"), t.style.left = `${a}px`, t.style.top = `${i}px`, t.style.zIndex = `${Xe()}`, t.style.visibility = "visible", t.style.opacity = "1";
 }
-function ht(e) {
+function gt(e) {
 	e.style.opacity = "0", e.style.visibility = "hidden";
 }
 //#endregion
 //#region src/components/GTooltip.vue
-var gt = /* @__PURE__ */ u({
+var _t = /* @__PURE__ */ u({
 	__name: "GTooltip",
 	props: { text: {} },
 	emits: ["tooltip-hide"],
@@ -890,12 +890,12 @@ var gt = /* @__PURE__ */ u({
 			return t instanceof HTMLElement ? t : null;
 		}
 		function S() {
-			y && (v || (v = l.value ? ut("g-tooltip") : dt(y, "g-tooltip"), l.value && y.setAttribute("aria-describedby", v)), f.value || (f.value = ft(i.text, v), pt(f.value), h = new ResizeObserver(() => {
-				f.value && (p.value || m.value) && y && mt(y, f.value);
+			y && (v || (v = l.value ? dt("g-tooltip") : ft(y, "g-tooltip"), l.value && y.setAttribute("aria-describedby", v)), f.value || (f.value = pt(i.text, v), mt(f.value), h = new ResizeObserver(() => {
+				f.value && (p.value || m.value) && y && ht(y, f.value);
 			}), h.observe(f.value)));
 		}
 		function C() {
-			f.value && (p.value || m.value) && y && mt(y, f.value);
+			f.value && (p.value || m.value) && y && ht(y, f.value);
 		}
 		function T() {
 			p.value = !0;
@@ -931,20 +931,20 @@ var gt = /* @__PURE__ */ u({
 		function I(e) {
 			(e.key === "Escape" || e.key === "Esc") && (p.value = !1, m.value = !1);
 		}
-		return W(() => [
+		return G(() => [
 			u.value,
 			d.value,
 			l.value
 		], () => {
 			A(b()), S();
-		}, { immediate: !0 }), W(() => i.text, (e) => {
+		}, { immediate: !0 }), G(() => i.text, (e) => {
 			f.value && (f.value.textContent = e);
-		}), W(() => p.value || m.value, (e) => {
+		}), G(() => p.value || m.value, (e) => {
 			if (e) {
-				S(), f.value && y && mt(y, f.value), g ||= (window.addEventListener("scroll", C, { capture: !0 }), !0);
+				S(), f.value && y && ht(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(() => {
+			g &&= (window.removeEventListener("scroll", C, { capture: !0 }), !1), f.value && (gt(f.value), _ && clearTimeout(_), _ = window.setTimeout(() => {
 				s("tooltip-hide");
 			}, 150));
 		}), x(() => {
@@ -964,11 +964,11 @@ var gt = /* @__PURE__ */ u({
 			class: "g-tooltip-trigger"
 		}, [k(e.$slots, "trigger")], 512)) : a("", !0)], 512));
 	}
-}), _t = ["disabled"], vt = { class: "g-select-btn-legend" }, yt = {
+}), vt = ["disabled"], yt = { class: "g-select-btn-legend" }, bt = {
 	key: 0,
 	class: "g-select-btn-required",
 	"aria-hidden": "true"
-}, bt = { class: "g-select-btn-row" }, xt = [
+}, xt = { class: "g-select-btn-row" }, St = [
 	"id",
 	"name",
 	"value",
@@ -976,7 +976,7 @@ var gt = /* @__PURE__ */ u({
 	"disabled",
 	"required",
 	"onChange"
-], St = ["for"], Ct = /* @__PURE__ */ u({
+], Ct = ["for"], wt = /* @__PURE__ */ u({
 	__name: "GSelectButton",
 	props: /*@__PURE__*/ m({
 		options: {},
@@ -1018,7 +1018,7 @@ var gt = /* @__PURE__ */ u({
 		return (t, n) => (w(), o("fieldset", {
 			class: _(g.value),
 			disabled: i.disabled
-		}, [s("legend", vt, [c(N(i.label), 1), i.required ? (w(), o("span", yt, " *")) : a("", !0)]), s("div", { class: _(["g-select-btn-wrapper", { "g-select-btn-has-error": L(m) }]) }, [s("div", bt, [(w(!0), o(e, null, O(h.value, (t, n) => (w(), o(e, { key: t.value }, [s("input", {
+		}, [s("legend", yt, [c(N(i.label), 1), i.required ? (w(), o("span", bt, " *")) : a("", !0)]), s("div", { class: _(["g-select-btn-wrapper", { "g-select-btn-has-error": L(m) }]) }, [s("div", xt, [(w(!0), o(e, null, O(h.value, (t, n) => (w(), o(e, { key: t.value }, [s("input", {
 			class: "g-select-btn-radio",
 			type: "radio",
 			id: `${L(f)}-${t.value}`,
@@ -1028,29 +1028,29 @@ var gt = /* @__PURE__ */ u({
 			disabled: i.disabled,
 			required: i.required && n === 0,
 			onChange: (e) => y(t.value)
-		}, null, 40, xt), s("label", {
+		}, null, 40, St), s("label", {
 			for: `${L(f)}-${t.value}`,
 			class: _(v(t.value === d.value))
-		}, N(t.label), 11, St)], 64))), 128))]), l(Me, {
+		}, N(t.label), 11, Ct)], 64))), 128))]), l(Ne, {
 			errors: L(p),
 			id: "error-message-" + L(f)
-		}, null, 8, ["errors", "id"])], 2)], 10, _t));
+		}, null, 8, ["errors", "id"])], 2)], 10, vt));
 	}
-}), wt = ["width", "height"], Tt = [
+}), Tt = ["width", "height"], Et = [
 	"cx",
 	"cy",
 	"r"
-], Et = [
+], Dt = [
 	"cx",
 	"cy",
 	"r",
 	"stroke-dasharray",
 	"stroke-dashoffset"
-], Dt = [
+], Ot = [
 	"cx",
 	"cy",
 	"r"
-], Ot = /* @__PURE__ */ u({
+], kt = /* @__PURE__ */ u({
 	__name: "GProgress",
 	props: {
 		label: { default: "Loading" },
@@ -1091,7 +1091,7 @@ var gt = /* @__PURE__ */ u({
 			r: i.value,
 			"stroke-width": 4,
 			fill: "none"
-		}, null, 8, Tt), n.value ? (w(), o("circle", {
+		}, null, 8, Et), n.value ? (w(), o("circle", {
 			key: 0,
 			class: "g-progress__value",
 			cx: i.value + 2,
@@ -1105,7 +1105,7 @@ var gt = /* @__PURE__ */ u({
 				transform: "rotate(-90deg)",
 				"transform-origin": "center"
 			}
-		}, null, 8, Et)) : (w(), o("circle", {
+		}, null, 8, Dt)) : (w(), o("circle", {
 			key: 1,
 			class: "g-progress__spinner",
 			cx: i.value + 2,
@@ -1113,13 +1113,13 @@ var gt = /* @__PURE__ */ u({
 			r: i.value,
 			"stroke-width": 4,
 			fill: "none"
-		}, null, 8, Dt))], 10, wt))], 16));
+		}, null, 8, Ot))], 10, Tt))], 16));
 	}
-}), kt = [
+}), At = [
 	"id",
 	"aria-labelledby",
 	"aria-describedby"
-], At = { class: "g-alertdialog-inner" }, jt = ["id"], Mt = ["id"], Nt = { class: "g-alertdialog-actions" }, Pt = /* @__PURE__ */ u({
+], jt = { class: "g-alertdialog-inner" }, Mt = ["id"], Nt = ["id"], Pt = { class: "g-alertdialog-actions" }, Ft = /* @__PURE__ */ u({
 	__name: "GAlertDialog",
 	props: {
 		label: { default: "Confirmation" },
@@ -1128,11 +1128,11 @@ var gt = /* @__PURE__ */ u({
 	},
 	emits: ["cancel", "confirm"],
 	setup(e, { emit: r }) {
-		let a = e, o = r, u = D(null), d = D(!0), f = z(), { pop: p, push: m, isTop: h, zIndex: g } = qe(f, !0, !0), { deactivate: _, activate: v } = tt(u, h);
+		let a = e, o = r, u = D(null), d = D(!0), f = z(), { pop: p, push: m, isTop: h, zIndex: g } = Je(f, !0, !0), { deactivate: _, activate: v } = nt(u, h);
 		function x() {
 			o("cancel");
 		}
-		return nt([u], h, d, x, p), S(() => {
+		return rt([u], h, d, x, p), S(() => {
 			m(), v();
 		}), b(() => {
 			p(), _();
@@ -1140,7 +1140,7 @@ var gt = /* @__PURE__ */ u({
 			name: "g-fade",
 			appear: ""
 		}, {
-			default: G(() => [s("div", {
+			default: K(() => [s("div", {
 				id: "alertdialog-" + L(f),
 				class: "g-alertdialog",
 				role: "alertdialog",
@@ -1150,43 +1150,43 @@ var gt = /* @__PURE__ */ u({
 				ref_key: "dialog",
 				ref: u,
 				style: y({ zIndex: L(g) })
-			}, [s("div", At, [
+			}, [s("div", jt, [
 				s("h2", {
 					id: "alertdialog-label-" + L(f),
 					class: "g-alertdialog-label"
-				}, N(a.label), 9, jt),
+				}, N(a.label), 9, Mt),
 				s("div", {
 					id: "alertdialog-description-" + L(f),
 					class: "g-alertdialog-content"
-				}, [k(e.$slots, "default")], 8, Mt),
-				s("div", Nt, [l(Q, {
+				}, [k(e.$slots, "default")], 8, Nt),
+				s("div", Pt, [l(Q, {
 					outlined: "",
 					onClick: r[0] ||= (e) => o("cancel")
 				}, {
-					default: G(() => [...r[2] ||= [c("Cancel", -1)]]),
+					default: K(() => [...r[2] ||= [c("Cancel", -1)]]),
 					_: 1
 				}), l(Q, {
 					theme: a.buttonColor,
 					onClick: r[1] ||= (e) => o("confirm")
 				}, {
-					default: G(() => [c(N(a.buttonText), 1)]),
+					default: K(() => [c(N(a.buttonText), 1)]),
 					_: 1
 				}, 8, ["theme"])])
-			])], 12, kt)]),
+			])], 12, At)]),
 			_: 3
 		})]));
 	}
 });
 //#endregion
 //#region src/compose/useSelectDropdown.ts
-function Ft(e) {
+function It(e) {
 	return e.map((e) => typeof e == "string" ? {
 		label: e,
 		value: e
 	} : e);
 }
-function It({ open: e, anchorRef: t, listboxRef: n, baseId: i, activeIndex: a }) {
-	let { push: o, pop: s, isTop: c } = qe(i), l = D("below"), u = D(null), d = r(() => {
+function Lt({ open: e, anchorRef: t, listboxRef: n, baseId: i, activeIndex: a }) {
+	let { push: o, pop: s, isTop: c } = Je(i), l = D("below"), u = D(null), d = r(() => {
 		let e = {};
 		return u.value !== null && (e.maxHeight = `${u.value}px`), l.value === "above" ? (e.top = "auto", e.bottom = "100%") : (e.top = "100%", e.bottom = "auto"), e;
 	});
@@ -1209,7 +1209,7 @@ function It({ open: e, anchorRef: t, listboxRef: n, baseId: i, activeIndex: a })
 	function h() {
 		p && p();
 	}
-	W(e, (e) => {
+	G(e, (e) => {
 		e ? (o(), m(), g(() => f())) : (s(), h(), l.value = "below", u.value = null);
 	}), x(() => {
 		h();
@@ -1229,11 +1229,11 @@ function It({ open: e, anchorRef: t, listboxRef: n, baseId: i, activeIndex: a })
 }
 //#endregion
 //#region src/components/GSelect.vue?vue&type=script&setup=true&lang.ts
-var Lt = ["id"], Rt = {
+var Rt = ["id"], zt = {
 	key: 0,
 	class: "g-select-required",
 	"aria-hidden": "true"
-}, zt = { class: "g-select-input-wrap" }, Bt = ["id"], Vt = [
+}, Bt = { class: "g-select-input-wrap" }, Vt = ["id"], Ht = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -1241,24 +1241,24 @@ var Lt = ["id"], Rt = {
 	"aria-expanded",
 	"aria-required",
 	"aria-activedescendant"
-], Ht = [
+], Ut = [
 	"id",
 	"aria-controls",
 	"aria-expanded",
 	"aria-required",
 	"aria-activedescendant"
-], Ut = ["id"], Wt = [
+], Wt = ["id"], Gt = [
 	"id",
 	"aria-selected",
 	"onClick"
-], Gt = { class: "g-select-option-label" }, Kt = {
+], Kt = { class: "g-select-option-label" }, qt = {
 	key: 0,
 	class: "g-select-option-description"
-}, qt = {
+}, Jt = {
 	key: 1,
 	"aria-live": "polite",
 	class: "g-select-combo-option g-select-option g-select-no-results"
-}, Jt = /* @__PURE__ */ u({
+}, Yt = /* @__PURE__ */ u({
 	__name: "GSelect",
 	props: /*@__PURE__*/ m({
 		options: {},
@@ -1300,18 +1300,18 @@ var Lt = ["id"], Rt = {
 			value: d,
 			errors: F(i, "errors"),
 			formKey: i.formKey
-		}), { menuPlacement: E, menuStyle: A, isTop: j, scrollOptionIntoView: M } = It({
+		}), { menuPlacement: E, menuStyle: A, isTop: j, scrollOptionIntoView: M } = Lt({
 			open: y,
 			anchorRef: p,
 			listboxRef: m,
 			baseId: f,
 			activeIndex: b
-		}), P = r(() => Ft(i.options)), I = D(""), R = r(() => {
+		}), P = r(() => It(i.options)), I = D(""), R = r(() => {
 			if (!i.searchable || !y.value || !I.value) return P.value;
 			let e = I.value.toLowerCase();
 			return P.value.filter((t) => t.label.toLowerCase().includes(e) || i.searchDescription && !!t.description && t.description.toLowerCase().includes(e));
 		}), V = r(() => R.value.findIndex((e) => e.value === d.value));
-		W(() => d.value, (e) => {
+		G(() => d.value, (e) => {
 			let t = R.value.findIndex((t) => t.value === e);
 			t !== -1 && (b.value = t);
 		});
@@ -1327,7 +1327,7 @@ var Lt = ["id"], Rt = {
 		function U() {
 			y.value = !1, i.searchable && (I.value = "");
 		}
-		function ee(e) {
+		function W(e) {
 			if (!i.disabled && i.searchable) {
 				if (S.value) {
 					S.value = !1;
@@ -1336,13 +1336,13 @@ var Lt = ["id"], Rt = {
 				H();
 			}
 		}
-		function ne(e) {
+		function te(e) {
 			if (!i.searchable) return;
 			y.value || H(), I.value = e.target.value;
 			let t = R.value.findIndex((e) => e.value === d.value);
 			b.value = t === -1 ? 0 : t;
 		}
-		function G(e) {
+		function K(e) {
 			let t = e.relatedTarget;
 			if (x.value) {
 				x.value = !1;
@@ -1350,16 +1350,16 @@ var Lt = ["id"], Rt = {
 			}
 			t && m.value && m.value.contains(t) || (i.searchable && (I.value = ""), U());
 		}
-		function ie(e) {
+		function re(e) {
 			let t = R.value[e];
 			t && t.value !== d.value && (d.value = t.value, u("change", t.value)), S.value = !0, U(), setTimeout(() => {
 				S.value = !1;
 			}, 100);
 		}
-		function q() {
+		function J() {
 			i.disabled || (y.value ? U() : H());
 		}
-		function ae(e) {
+		function ie(e) {
 			if (i.disabled) return;
 			let t = R.value.length - 1;
 			if (!y.value && [
@@ -1385,21 +1385,21 @@ var Lt = ["id"], Rt = {
 					e.preventDefault(), b.value = t, M();
 					break;
 				case "Enter":
-					e.preventDefault(), y.value ? ie(b.value) : H();
+					e.preventDefault(), y.value ? re(b.value) : H();
 					break;
 				case "Escape": j.value && (e.preventDefault(), setTimeout(() => {
 					U();
 				}, 0));
 			}
 		}
-		function J(e) {
-			ie(e);
+		function Y(e) {
+			re(e);
 		}
-		function oe() {
+		function ae() {
 			x.value = !0;
 		}
-		let se = r(() => i.clearButton && d.value !== null && d.value !== void 0 && !i.disabled);
-		function ce() {
+		let oe = r(() => i.clearButton && d.value !== null && d.value !== void 0 && !i.disabled);
+		function se() {
 			i.disabled || (d.value = null, u("change", null), i.searchable && (I.value = ""));
 		}
 		return (n, r) => (w(), o("div", { class: _(["g-select-root g-select-combo", {
@@ -1411,8 +1411,8 @@ var Lt = ["id"], Rt = {
 				key: 0,
 				id: L(f) + "-label",
 				class: "g-select-combo-label g-select-label"
-			}, [c(N(i.label), 1), i.required ? (w(), o("span", Rt, " *")) : a("", !0)], 8, Lt)),
-			s("div", zt, [i.searchable ? (w(), o("div", {
+			}, [c(N(i.label), 1), i.required ? (w(), o("span", zt, " *")) : a("", !0)], 8, Rt)),
+			s("div", Bt, [i.searchable ? (w(), o("div", {
 				key: 0,
 				class: "g-select-combo-input g-select-control",
 				id: L(f)
@@ -1426,10 +1426,10 @@ var Lt = ["id"], Rt = {
 					value: y.value ? I.value : P.value[V.value] ? P.value[V.value].label : "",
 					placeholder: y.value ? "" : t.placeholder,
 					disabled: i.disabled,
-					onFocus: ee,
-					onInput: ne,
-					onKeydown: ae,
-					onBlur: G,
+					onFocus: W,
+					onInput: te,
+					onKeydown: ie,
+					onBlur: K,
 					"aria-autocomplete": "list",
 					"aria-controls": L(f) + "-listbox",
 					"aria-expanded": y.value ? "true" : "false",
@@ -1439,12 +1439,12 @@ var Lt = ["id"], Rt = {
 				}, t.hiddenLabel ? { "aria-label": i.label } : { "aria-labelledby": L(f) + "-label" }, {
 					role: "combobox",
 					autocomplete: "off"
-				}), null, 16, Vt),
-				se.value ? (w(), o("button", {
+				}), null, 16, Ht),
+				oe.value ? (w(), o("button", {
 					key: 0,
 					type: "button",
 					class: "g-select-clear-btn",
-					onClick: ce
+					onClick: se
 				}, [...r[0] ||= [s("svg", {
 					role: "img",
 					"aria-label": "Clear Selection",
@@ -1465,7 +1465,7 @@ var Lt = ["id"], Rt = {
 					fill: "currentColor",
 					d: "M38.75 24.13a1.36 1.36 0 0 1 0 2.36l-12.44 7.18-12.43 7.18a1.36 1.36 0 0 1-2.05-1.18V11a1.36 1.36 0 0 1 2.05-1.18L26.31 17Z"
 				})], -1)
-			], 8, Bt)) : (w(), o("div", h({
+			], 8, Vt)) : (w(), o("div", h({
 				key: 1,
 				ref_key: "comboRef",
 				ref: p,
@@ -1479,17 +1479,17 @@ var Lt = ["id"], Rt = {
 			}, t.hiddenLabel ? { "aria-label": i.label } : { "aria-labelledby": L(f) + "-label" }, {
 				"aria-activedescendant": y.value ? L(f) + "-option-" + b.value : void 0,
 				tabindex: "0",
-				onClick: q,
-				onKeydown: ae,
-				onFocus: ee,
-				onBlur: G
+				onClick: J,
+				onKeydown: ie,
+				onFocus: W,
+				onBlur: K
 			}), [
 				c(N(P.value[V.value] ? P.value[V.value].label : "") + " ", 1),
-				se.value ? (w(), o("button", {
+				oe.value ? (w(), o("button", {
 					key: 0,
 					type: "button",
 					class: "g-select-clear-btn",
-					onClick: K(ce, ["stop"])
+					onClick: q(se, ["stop"])
 				}, [...r[2] ||= [s("svg", {
 					role: "img",
 					"aria-label": "Clear Selection",
@@ -1510,7 +1510,7 @@ var Lt = ["id"], Rt = {
 					fill: "currentColor",
 					d: "M38.75 24.13a1.36 1.36 0 0 1 0 2.36l-12.44 7.18-12.43 7.18a1.36 1.36 0 0 1-2.05-1.18V11a1.36 1.36 0 0 1 2.05-1.18L26.31 17Z"
 				})], -1)
-			], 16, Ht)), re(s("div", h({
+			], 16, Ut)), ne(s("div", h({
 				ref_key: "listboxRef",
 				ref: m,
 				class: ["g-select-combo-menu g-select-list", { "g-select-combo-menu--above": L(E) === "above" }],
@@ -1526,40 +1526,40 @@ var Lt = ["id"], Rt = {
 				}]),
 				role: "option",
 				"aria-selected": e.value === d.value ? "true" : "false",
-				onMousedown: oe,
-				onClick: (e) => J(t)
+				onMousedown: ae,
+				onClick: (e) => Y(t)
 			}, [k(n.$slots, "option", {
 				option: e,
 				selected: e.value === d.value,
 				index: t
-			}, () => [s("span", Gt, N(e.label), 1), e.description ? (w(), o("span", Kt, N(e.description), 1)) : a("", !0)])], 42, Wt))), 128)) : (w(), o("div", qt, " No results found. "))], 16, Ut), [[te, y.value]])]),
-			l(Me, {
+			}, () => [s("span", Kt, N(e.label), 1), e.description ? (w(), o("span", qt, N(e.description), 1)) : a("", !0)])], 42, Gt))), 128)) : (w(), o("div", Jt, " No results found. "))], 16, Wt), [[ee, y.value]])]),
+			l(Ne, {
 				errors: L(C),
 				id: "error-message-" + L(f)
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), Yt = ["aria-label"], Xt = [
+}), Xt = ["aria-label"], Zt = [
 	"placeholder",
 	"value",
 	"aria-expanded",
 	"aria-controls",
 	"aria-activedescendant"
-], Zt = {
+], Qt = {
 	key: 0,
 	class: "g-search-dropdown"
-}, Qt = {
+}, $t = {
 	"aria-live": "polite",
 	class: "g-search-result-count"
-}, $t = ["id"], en = ["aria-label"], tn = { class: "g-search-group-label" }, nn = [
+}, en = ["id"], tn = ["aria-label"], nn = { class: "g-search-group-label" }, rn = [
 	"id",
 	"onMousedown",
 	"aria-selected"
-], rn = [
+], an = [
 	"id",
 	"onMousedown",
 	"aria-selected"
-], an = /* @__PURE__ */ u({
+], on = /* @__PURE__ */ u({
 	__name: "GSearch",
 	props: /*@__PURE__*/ m({
 		results: {},
@@ -1587,7 +1587,7 @@ var Lt = ["id"], Rt = {
 				e && e.scrollIntoView({ block: "nearest" });
 			});
 		}
-		let { focused: S } = ce(f);
+		let { focused: S } = se(f);
 		function C(e) {
 			let t = e.altKey;
 			if (e.key === "ArrowDown") {
@@ -1611,10 +1611,10 @@ var Lt = ["id"], Rt = {
 		function T(e) {
 			d("select", e), l.value = "", m.value = !0, h.value = -1;
 		}
-		let E = r(() => !!u.loading), A = r(() => S.value && !m.value), j = se(() => {
+		let E = r(() => !!u.loading), A = r(() => S.value && !m.value), j = oe(() => {
 			d("submit", l.value);
 		}, 300);
-		W(() => l.value, (e) => {
+		G(() => l.value, (e) => {
 			e ? u.auto && j() : h.value = -1;
 		});
 		let M = z();
@@ -1624,7 +1624,7 @@ var Lt = ["id"], Rt = {
 			"aria-label": u.label
 		}, [s("form", {
 			class: "g-search-form",
-			onSubmit: n[0] ||= K((e) => T(null), ["prevent"])
+			onSubmit: n[0] ||= q((e) => T(null), ["prevent"])
 		}, [s("input", {
 			ref_key: "inputRef",
 			ref: f,
@@ -1640,12 +1640,12 @@ var Lt = ["id"], Rt = {
 			"aria-autocomplete": "list",
 			"aria-controls": `${L(M)}-list`,
 			"aria-activedescendant": h.value >= 0 ? "g-search-option-" + v.value[h.value].id : void 0
-		}, null, 40, Xt), s("button", {
+		}, null, 40, Zt), s("button", {
 			type: "submit",
 			class: "g-search-submit",
 			"aria-label": "Submit search",
 			onKeydown: C
-		}, [E.value ? (w(), i(Ot, {
+		}, [E.value ? (w(), i(kt, {
 			key: 0,
 			size: "tiny"
 		})) : a("", !0), n[1] ||= s("svg", {
@@ -1656,7 +1656,7 @@ var Lt = ["id"], Rt = {
 		}, [s("path", {
 			fill: "currentColor",
 			d: "M30 9.76A14.05 14.05 0 1 0 28.3 31l11.3 13a3.34 3.34 0 0 0 4.72-4.72L31.44 27.86A14.05 14.05 0 0 0 30 9.76ZM27.27 27a10.26 10.26 0 1 1 0-14.5 10.25 10.25 0 0 1 0 14.5Z"
-		})], -1)], 32)], 32), A.value ? (w(), o("div", Zt, [s("div", Qt, [E.value ? a("", !0) : (w(), o(e, { key: 0 }, [c(N(y.value) + " result" + N(y.value === 1 ? "" : "s"), 1)], 64))]), s("div", {
+		})], -1)], 32)], 32), A.value ? (w(), o("div", Qt, [s("div", $t, [E.value ? a("", !0) : (w(), o(e, { key: 0 }, [c(N(y.value) + " result" + N(y.value === 1 ? "" : "s"), 1)], 64))]), s("div", {
 			role: "listbox",
 			id: `${L(M)}-list`,
 			ref_key: "listboxRef",
@@ -1667,46 +1667,46 @@ var Lt = ["id"], Rt = {
 			class: "g-search-group",
 			role: "group",
 			"aria-label": n.label
-		}, [k(t.$slots, "group", { group: n }, () => [s("div", tn, N(n.label), 1)]), (w(!0), o(e, null, O(n.items, (e, n) => (w(), o("div", {
+		}, [k(t.$slots, "group", { group: n }, () => [s("div", nn, N(n.label), 1)]), (w(!0), o(e, null, O(n.items, (e, n) => (w(), o("div", {
 			key: e.id,
 			id: "g-search-option-" + e.id,
 			class: _(["g-search-option", { "g-search-option-active": v.value[h.value] && v.value[h.value].id === e.id }]),
 			role: "option",
-			onMousedown: K((t) => T(e), ["prevent"]),
+			onMousedown: q((t) => T(e), ["prevent"]),
 			"aria-selected": v.value[h.value] && v.value[h.value].id === e.id
-		}, [k(t.$slots, "option", { option: e }, () => [c(N(e.title), 1)])], 42, nn))), 128))], 8, en))), 128)) : y.value > 0 ? (w(!0), o(e, { key: 1 }, O(v.value, (e, n) => (w(), o("div", {
+		}, [k(t.$slots, "option", { option: e }, () => [c(N(e.title), 1)])], 42, rn))), 128))], 8, tn))), 128)) : y.value > 0 ? (w(!0), o(e, { key: 1 }, O(v.value, (e, n) => (w(), o("div", {
 			key: e.id,
 			id: "g-search-option-" + e.id,
 			class: _(["g-search-option", { "g-search-option-active": h.value === n }]),
 			role: "option",
-			onMousedown: K((t) => T(e), ["prevent"]),
+			onMousedown: q((t) => T(e), ["prevent"]),
 			"aria-selected": h.value === n
-		}, [k(t.$slots, "option", { option: e }, () => [c(N(e.title), 1)])], 42, rn))), 128)) : a("", !0)], 8, $t)])) : a("", !0)], 8, Yt));
+		}, [k(t.$slots, "option", { option: e }, () => [c(N(e.title), 1)])], 42, an))), 128)) : a("", !0)], 8, en)])) : a("", !0)], 8, Xt));
 	}
 });
 //#endregion
 //#region src/compose/useWebComponentSidebar.ts
-function on(e) {
+function sn(e) {
 	return e.replace(/[^a-zA-Z0-9_-]/g, "-");
 }
-function sn() {
+function cn() {
 	let e = globalThis;
 	return e.__GRAD_VUE_WC_SIDEBAR_CHANNELS__ ||= /* @__PURE__ */ new Map(), e.__GRAD_VUE_WC_SIDEBAR_CHANNELS__;
 }
-function cn(e = "default", t) {
-	let n = sn(), r = e || "default", i = typeof t == "string" ? t : t?.value, a = i && i.trim() ? i : "(max-width: 800px)";
+function ln(e = "default", t) {
+	let n = cn(), r = e || "default", i = typeof t == "string" ? t : t?.value, a = i && i.trim() ? i : "(max-width: 800px)";
 	if (!n.has(r)) {
-		let e = on(r), t = D(a);
+		let e = sn(r), t = D(a);
 		n.set(r, {
 			id: `g-wc-sidebar-${e}`,
 			open: D(!1),
 			breakpoint: t,
-			isCollapsible: Y(t, { ssrWidth: 1e3 }),
+			isCollapsible: ue(t, { ssrWidth: 1e3 }),
 			toggle: () => void 0
 		});
 	}
 	let o = n.get(r);
-	o.toggle = () => o.open.value = !o.open.value, typeof t == "string" ? t.trim() && (o.breakpoint.value = t) : t && W(t, (e) => {
+	o.toggle = () => o.open.value = !o.open.value, typeof t == "string" ? t.trim() && (o.breakpoint.value = t) : t && G(t, (e) => {
 		e && e.trim() && (o.breakpoint.value = e);
 	}, { immediate: !0 });
 	function s(e) {
@@ -1724,7 +1724,7 @@ function cn(e = "default", t) {
 		}, 5));
 	}
 	return S(() => {
-		W(o.isCollapsible, (e) => {
+		G(o.isCollapsible, (e) => {
 			e ? (document.addEventListener("mousedown", s), document.addEventListener("focusin", c)) : (document.removeEventListener("mousedown", s), document.removeEventListener("focusin", c));
 		}, { immediate: !0 });
 	}), x(() => {
@@ -1733,16 +1733,16 @@ function cn(e = "default", t) {
 }
 //#endregion
 //#region src/components/hamburger/GHamburgerMenuButton.vue?vue&type=script&setup=true&lang.ts
-var ln = [
+var un = [
 	"id",
 	"aria-controls",
 	"aria-expanded",
 	"aria-haspopup",
 	"aria-label"
-], un = {
+], dn = {
 	key: 0,
 	class: "g-hamburger-label"
-}, dn = /* @__PURE__ */ u({
+}, fn = /* @__PURE__ */ u({
 	__name: "GHamburgerMenuButton",
 	props: {
 		id: {},
@@ -1775,9 +1775,9 @@ var ln = [
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 51.26 51.26",
 			role: "none"
-		}, [s("g", { fill: "currentColor" }, [s("path", { d: "M11.6 16.52h28.06a3.24 3.24 0 1 0 0-6.48H11.6a3.24 3.24 0 0 0 0 6.48ZM39.66 22.07H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48ZM39.66 34.1H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48Z" })])], -1), e.labelVisible ? (w(), o("span", un, N(e.label), 1)) : a("", !0)], 10, ln));
+		}, [s("g", { fill: "currentColor" }, [s("path", { d: "M11.6 16.52h28.06a3.24 3.24 0 1 0 0-6.48H11.6a3.24 3.24 0 0 0 0 6.48ZM39.66 22.07H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48ZM39.66 34.1H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48Z" })])], -1), e.labelVisible ? (w(), o("span", dn, N(e.label), 1)) : a("", !0)], 10, un));
 	}
-}), fn = ["id"], pn = /* @__PURE__ */ u({
+}), pn = ["id"], mn = /* @__PURE__ */ u({
 	__name: "GHamburgerMenu",
 	props: {
 		label: { default: "Main Navigation" },
@@ -1795,8 +1795,8 @@ var ln = [
 	},
 	emits: ["toggle", "update:modelValue"],
 	setup(e, { expose: t, emit: n }) {
-		let a = e, o = p("sidebar", void 0) ?? (Z() ? cn(a.sidebarKey, F(a, "mediaQuery")) : void 0), c = n, u = r(() => a.mode === "popover"), d = D(a.modelValue);
-		W(F(a, "modelValue"), (e) => {
+		let a = e, o = p("sidebar", void 0) ?? (Z() ? ln(a.sidebarKey, F(a, "mediaQuery")) : void 0), c = n, u = r(() => a.mode === "popover"), d = D(a.modelValue);
+		G(F(a, "modelValue"), (e) => {
 			d.value = e;
 		});
 		let f = H("triggerButtonRef"), m = H("popoverMenuRef");
@@ -1829,12 +1829,12 @@ var ln = [
 		}
 		let x = z(), S = r(() => `${o?.id ?? x}-hamburger`), C = r(() => u.value ? d.value : !!o?.open?.value), T = r(() => u.value ? `${x}-popover` : o ? `${o.id}-sidebar` : void 0);
 		function E() {
-			return et($e(m.value));
+			return tt(et(m.value));
 		}
 		async function O(e) {
 			if (e < 0) return !1;
 			await g();
-			let t = $e(m.value)[e];
+			let t = et(m.value)[e];
 			return t ? (t.focus(), !0) : !1;
 		}
 		function A() {
@@ -1847,13 +1847,13 @@ var ln = [
 			focusItem: O,
 			focusTrigger: A,
 			getFocusedItemIndex: E
-		}), (t, n) => u.value ? (w(), i(ct, {
+		}), (t, n) => u.value ? (w(), i(lt, {
 			key: 0,
 			minimal: "",
 			"model-value": d.value,
 			"onUpdate:modelValue": h
 		}, {
-			trigger: G(() => [l(dn, {
+			trigger: K(() => [l(fn, {
 				ref_key: "triggerButtonRef",
 				ref: f,
 				id: S.value,
@@ -1871,14 +1871,14 @@ var ln = [
 				"label",
 				"label-visible"
 			])]),
-			default: G(() => [s("div", {
+			default: K(() => [s("div", {
 				id: T.value,
 				ref_key: "popoverMenuRef",
 				ref: m,
 				class: "g-hamburger-popover"
-			}, [k(t.$slots, "default")], 8, fn)]),
+			}, [k(t.$slots, "default")], 8, pn)]),
 			_: 3
-		}, 8, ["model-value"])) : (w(), i(dn, {
+		}, 8, ["model-value"])) : (w(), i(fn, {
 			key: 1,
 			ref_key: "triggerButtonRef",
 			ref: f,
@@ -1899,16 +1899,16 @@ var ln = [
 			"collapsible"
 		]));
 	}
-}), mn = { class: "g-app-header__brand" }, hn = {
+}), hn = { class: "g-app-header__brand" }, gn = {
 	class: "g-app-header__brand-text",
 	href: "/"
-}, gn = {
+}, _n = {
 	key: 0,
 	class: "g-app-header__block-i-container"
-}, _n = { class: "g-app-header__title" }, vn = ["aria-label"], yn = ["aria-label"], bn = {
+}, vn = { class: "g-app-header__title" }, yn = ["aria-label"], bn = ["aria-label"], xn = {
 	key: 4,
 	class: "g-app-header__app-controls-wrap"
-}, xn = /* @__PURE__ */ u({
+}, Sn = /* @__PURE__ */ u({
 	__name: "GAppHeader",
 	props: {
 		illinois: {
@@ -1920,15 +1920,15 @@ var ln = [
 		navigationMediaQuery: { default: "(max-width: 800px)" }
 	},
 	setup(e) {
-		let t = Y(F(e, "navigationMediaQuery"), { ssrWidth: 1e3 }), n = H("desktopNavigationRef"), r = H("mobileNavigationRef");
+		let t = ue(F(e, "navigationMediaQuery"), { ssrWidth: 1e3 }), n = H("desktopNavigationRef"), r = H("mobileNavigationRef");
 		function c() {
-			return $e(n.value);
+			return et(n.value);
 		}
 		function l(e) {
 			e < 0 || c()[e]?.focus();
 		}
-		return W(t, async (e) => {
-			let t = e ? et(c()) : r.value?.getFocusedItemIndex() ?? -1;
+		return G(t, async (e) => {
+			let t = e ? tt(c()) : r.value?.getFocusedItemIndex() ?? -1;
 			if (t !== -1) {
 				if (e) {
 					if (t < 0) return;
@@ -1939,8 +1939,8 @@ var ln = [
 			}
 		}), (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),
-			s("div", mn, [k(c.$slots, "left", {}, () => [s("a", hn, N(e.brand), 1)])]),
-			e.illinois ? (w(), o("div", gn, [...l[0] ||= [s("svg", {
+			s("div", hn, [k(c.$slots, "left", {}, () => [s("a", gn, N(e.brand), 1)])]),
+			e.illinois ? (w(), o("div", _n, [...l[0] ||= [s("svg", {
 				class: "g-app-header__block-i",
 				role: "img",
 				width: "55",
@@ -1957,14 +1957,14 @@ var ln = [
 					d: "M42.1 18.1h9V3H3v15h9c1.7 0 3 1.3 3 3v36.1c0 1.7-1.3 3-3 3H3v15h48.1v-15h-9c-1.7 0-3-1.3-3-3v-36c0-1.7 1.4-3 3-3z"
 				})
 			], -1)]])) : k(c.$slots, "icon", {}, void 0, void 0, 1),
-			s("div", _n, [k(c.$slots, "title")]),
+			s("div", vn, [k(c.$slots, "title")]),
 			c.$slots.navigation && !L(t) ? (w(), o("nav", {
 				key: 2,
 				ref_key: "desktopNavigationRef",
 				ref: n,
 				class: "g-app-header__navigation",
 				"aria-label": e.navigationLabel
-			}, [k(c.$slots, "navigation")], 8, vn)) : c.$slots.navigation ? (w(), i(pn, {
+			}, [k(c.$slots, "navigation")], 8, yn)) : c.$slots.navigation ? (w(), i(mn, {
 				key: 3,
 				ref_key: "mobileNavigationRef",
 				ref: r,
@@ -1972,20 +1972,20 @@ var ln = [
 				label: e.navigationLabel,
 				mode: "popover"
 			}, {
-				default: G(() => [s("nav", {
+				default: K(() => [s("nav", {
 					class: "g-app-header__navigation-popover",
 					"aria-label": e.navigationLabel
-				}, [k(c.$slots, "navigation")], 8, yn)]),
+				}, [k(c.$slots, "navigation")], 8, bn)]),
 				_: 3
 			}, 8, ["label"])) : a("", !0),
-			c.$slots["app-controls"] ? (w(), o("div", bn, [k(c.$slots, "app-controls")])) : a("", !0)
+			c.$slots["app-controls"] ? (w(), o("div", xn, [k(c.$slots, "app-controls")])) : a("", !0)
 		], 2));
 	}
 });
 //#endregion
 //#region src/compose/useScrollRestore.ts
-function Sn(e, t) {
-	let n = t ? fe(`${t}:scroll`, 0, { writeDefaults: !1 }) : null, r = D(!!(n?.value && n.value > 0)), i = null, a = null, o = null, s = !1;
+function Cn(e, t) {
+	let n = t ? X(`${t}:scroll`, 0, { writeDefaults: !1 }) : null, r = D(!!(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";
@@ -2067,7 +2067,7 @@ function Sn(e, t) {
 }
 //#endregion
 //#region src/components/GSidebar.vue?vue&type=script&setup=true&lang.ts
-var Cn = ["id"], wn = /* @__PURE__ */ u({
+var wn = ["id"], Tn = /* @__PURE__ */ u({
 	__name: "GSidebar",
 	props: {
 		backgroundColor: { default: "" },
@@ -2081,7 +2081,7 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 		storageKey: {}
 	},
 	setup(e) {
-		let t = e, n = p("sidebar", () => void 0, !0) ?? (Z() ? cn(t.sidebarKey, F(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 = z(), { isPendingScrollRestore: l } = Sn(H("sidebar-ref"), t.storageKey);
+		let t = e, n = p("sidebar", () => void 0, !0) ?? (Z() ? ln(t.sidebarKey, F(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 = z(), { isPendingScrollRestore: l } = Cn(H("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());
 		}
@@ -2102,13 +2102,13 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 				width: "var(--g-sidebar-width)"
 			}),
 			onKeydown: u
-		}, [k(t.$slots, "default")], 46, Cn));
+		}, [k(t.$slots, "default")], 46, wn));
 	}
-}), Tn = ["id"], En = { class: "g-sidebar-menu__list" }, Dn = [
+}), En = ["id"], Dn = { class: "g-sidebar-menu__list" }, On = [
 	"href",
 	"aria-current",
 	"onClick"
-], On = /* @__PURE__ */ u({
+], kn = /* @__PURE__ */ u({
 	__name: "GSidebarMenu",
 	props: /*@__PURE__*/ m({
 		heading: {},
@@ -2134,7 +2134,7 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 	setup(t) {
 		let n = t, l = B(t, "modelValue"), u = r(() => n.spy && l.value ? "#" + l.value : null), f = H("content");
 		S(() => {
-			W(l, () => {
+			G(l, () => {
 				g(() => {
 					let e = f.value?.querySelector(".g-sidebar-menu__is-active");
 					e && e.scrollIntoView({ block: "nearest" });
@@ -2156,13 +2156,13 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 				key: 0,
 				id: L(y),
 				class: "g-sidebar-menu__title"
-			}, N(t.heading), 9, Tn)) : a("", !0),
+			}, N(t.heading), 9, En)) : a("", !0),
 			l[0] ||= s("div", { class: "g-sidebar-menu__divider" }, null, -1),
 			s("div", {
 				class: "g-sidebar-menu__content",
 				ref_key: "content",
 				ref: f
-			}, [s("ul", En, [(w(!0), o(e, null, O(t.items, (e) => (w(), o("li", {
+			}, [s("ul", Dn, [(w(!0), o(e, null, O(t.items, (e) => (w(), o("li", {
 				key: e.href || e.to,
 				class: "g-sidebar-menu__item",
 				ref_for: !0,
@@ -2172,7 +2172,7 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 				class: "g-sidebar-menu__link",
 				to: e.to
 			}, {
-				default: G(() => [c(N(e.label), 1)]),
+				default: K(() => [c(N(e.label), 1)]),
 				_: 2
 			}, 1032, ["to"])) : (w(), o("a", {
 				key: 1,
@@ -2180,24 +2180,24 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 				href: e.href || e.to || "#",
 				"aria-current": u.value === (e.href || "") ? "location" : void 0,
 				onClick: (t) => v(t, e)
-			}, N(e.label), 11, Dn))]))), 128))])], 512)
+			}, N(e.label), 11, On))]))), 128))])], 512)
 		], 16));
 	}
-}), kn = {
+}), An = {
 	mounted(e, t) {
-		let n = D(null), r = D(!1), i = D(!1), a = D(t.value), o = null, s = !1, c = dt(e), l = () => {
-			n.value || (n.value = ft(a.value, c), pt(n.value), o = new ResizeObserver(() => {
-				n.value && (r.value || i.value) && mt(e, n.value);
+		let n = D(null), r = D(!1), i = D(!1), a = D(t.value), o = null, s = !1, c = ft(e), l = () => {
+			n.value || (n.value = pt(a.value, c), mt(n.value), o = new ResizeObserver(() => {
+				n.value && (r.value || i.value) && ht(e, n.value);
 			}), o.observe(n.value));
 		};
-		ne(() => {
+		te(() => {
 			n.value && (n.value.textContent = a.value);
 		});
 		let u = () => {
-			n.value && (r.value || i.value) && mt(e, n.value);
+			n.value && (r.value || i.value) && ht(e, n.value);
 		};
-		ne(() => {
-			r.value || i.value ? (l(), n.value && mt(e, n.value), s ||= (window.addEventListener("scroll", u, { capture: !0 }), !0)) : (s &&= (window.removeEventListener("scroll", u, { capture: !0 }), !1), n.value && (ht(n.value), setTimeout(() => {
+		te(() => {
+			r.value || i.value ? (l(), n.value && ht(e, n.value), s ||= (window.addEventListener("scroll", u, { capture: !0 }), !0)) : (s &&= (window.removeEventListener("scroll", u, { capture: !0 }), !1), n.value && (gt(n.value), setTimeout(() => {
 				e.dispatchEvent(new CustomEvent("tooltip-hide"));
 			}, 150)));
 		});
@@ -2235,7 +2235,7 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 		let t = e._v_gtooltip;
 		t && t.tooltip && t.tooltip.value && (t.resizeObserver && t.resizeObserver.disconnect(), t.tooltip.value.remove(), t.tooltip.value = null), t && t.onScroll && window.removeEventListener("scroll", t.onScroll, { capture: !0 }), e.removeEventListener("mouseenter", t.onMouseEnter), e.removeEventListener("mouseleave", t.onMouseLeave), e.removeEventListener("focus", t.onFocus), e.removeEventListener("blur", t.onBlur), e.removeEventListener("keydown", t.onKeyDown), e.removeAttribute("aria-describedby");
 	}
-}, An = { class: "g-clipboard-text" }, jn = /* @__PURE__ */ u({
+}, jn = { class: "g-clipboard-text" }, Mn = /* @__PURE__ */ u({
 	__name: "GClipboard",
 	props: {
 		text: {},
@@ -2243,12 +2243,12 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 		copyLabel: {}
 	},
 	setup(t) {
-		let n = t, r = kn, { text: i, copy: l, copied: u, isSupported: d } = oe({ source: n.text }), f = D(n.copyLabel ?? "Copy to clipboard"), p = () => {
+		let n = t, r = An, { text: i, copy: l, copied: u, isSupported: d } = ae({ source: n.text }), f = D(n.copyLabel ?? "Copy to clipboard"), p = () => {
 			d.value ? (l(), f.value = "Copied") : f.value = "Copy not supported";
 		}, m = () => {
 			f.value = n.copyLabel ?? "Copy to clipboard";
 		};
-		return (i, l) => (w(), o("div", An, [t.hideText ? a("", !0) : (w(), o(e, { key: 0 }, [c(N(n.text), 1)], 64)), re((w(), o("button", {
+		return (i, l) => (w(), o("div", jn, [t.hideText ? a("", !0) : (w(), o(e, { key: 0 }, [c(N(n.text), 1)], 64)), ne((w(), o("button", {
 			type: "button",
 			"aria-label": "Copy",
 			onClick: p,
@@ -2265,15 +2265,15 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 			d: "M480 400L288 400C279.2 400 272 392.8 272 384L272 128C272 119.2 279.2 112 288 112L421.5 112C425.7 112 429.8 113.7 432.8 116.7L491.3 175.2C494.3 178.2 496 182.3 496 186.5L496 384C496 392.8 488.8 400 480 400zM288 448L480 448C515.3 448 544 419.3 544 384L544 186.5C544 169.5 537.3 153.2 525.3 141.2L466.7 82.7C454.7 70.7 438.5 64 421.5 64L288 64C252.7 64 224 92.7 224 128L224 384C224 419.3 252.7 448 288 448zM160 192C124.7 192 96 220.7 96 256L96 512C96 547.3 124.7 576 160 576L352 576C387.3 576 416 547.3 416 512L416 496L368 496L368 512C368 520.8 360.8 528 352 528L160 528C151.2 528 144 520.8 144 512L144 256C144 247.2 151.2 240 160 240L176 240L176 192L160 192z"
 		})], -1)]], 32)), [[L(r), f.value]])]));
 	}
-}), Mn = { class: "g-history-scroller-wrapper" }, Nn = {
+}), Nn = { class: "g-history-scroller-wrapper" }, Pn = {
 	key: 0,
 	class: "g-history-shadow g-history-shadow--top",
 	"aria-hidden": "true"
-}, Pn = {
+}, Fn = {
 	key: 1,
 	class: "g-history-shadow g-history-shadow--bottom",
 	"aria-hidden": "true"
-}, Fn = ["role", "aria-label"], In = /* @__PURE__ */ u({
+}, In = ["role", "aria-label"], Ln = /* @__PURE__ */ u({
 	__name: "GHistoryScroller",
 	props: {
 		label: {},
@@ -2297,17 +2297,17 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 		}
 		S(() => {
 			g(f);
-		}), de(i, () => {
+		}), fe(i, () => {
 			u.value && f();
-		}), de(c, () => {
+		}), fe(c, () => {
 			u.value && f();
-		}), W(() => n.entries, async () => {
+		}), G(() => n.entries, async () => {
 			u.value && (await g(), f());
 		});
 		let m = r(() => [...n.entries].reverse());
-		return (n, r) => (w(), o("div", Mn, [
-			d.value ? a("", !0) : (w(), o("div", Nn)),
-			u.value ? a("", !0) : (w(), o("div", Pn)),
+		return (n, r) => (w(), o("div", Nn, [
+			d.value ? a("", !0) : (w(), o("div", Pn)),
+			u.value ? a("", !0) : (w(), o("div", Fn)),
 			s("div", {
 				ref_key: "scrollerRef",
 				ref: i,
@@ -2322,7 +2322,7 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 				onClick: r[0] ||= () => f({ focusLast: !0 }),
 				"aria-label": "Jump to Latest"
 			}, {
-				default: G(() => [...r[1] ||= [s("svg", {
+				default: K(() => [...r[1] ||= [s("svg", {
 					"aria-hidden": "true",
 					xmlns: "http://www.w3.org/2000/svg",
 					viewBox: "0 0 640 640",
@@ -2342,31 +2342,31 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 				key: e.id,
 				class: "g-history-entry",
 				tabindex: "-1"
-			}, [k(n.$slots, "default", { entry: e })]))), 128))], 512)], 40, Fn)
+			}, [k(n.$slots, "default", { entry: e })]))), 128))], 512)], 40, In)
 		]));
 	}
-}), Ln = { class: "g-three-way-toggle-wrapper" }, Rn = { class: "g-three-way-toggle-control" }, zn = ["id"], Bn = [
+}), Rn = { class: "g-three-way-toggle-wrapper" }, zn = { class: "g-three-way-toggle-control" }, Bn = ["id"], Vn = [
 	"aria-labelledby",
 	"aria-describedby",
 	"disabled",
 	"aria-invalid",
 	"aria-errormessage"
-], Vn = { key: 0 }, Hn = { key: 1 }, Un = { key: 2 }, Wn = ["for"], Gn = [
+], Hn = { key: 0 }, Un = { key: 1 }, Wn = { key: 2 }, Gn = ["for"], Kn = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], Kn = ["for"], qn = [
+], qn = ["for"], Jn = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], Jn = ["for"], Yn = [
+], Yn = ["for"], Xn = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], Xn = ["id"], Zn = /* @__PURE__ */ u({
+], Zn = ["id"], Qn = /* @__PURE__ */ u({
 	__name: "GThreeWayToggle",
 	props: /*@__PURE__*/ m({
 		label: {},
@@ -2400,10 +2400,10 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 		function b(e) {
 			n.disabled || (e.key === "n" || e.key === "N" ? (u(!1), e.preventDefault()) : (e.key === "y" || e.key === "Y") && (u(!0), e.preventDefault()));
 		}
-		return (t, n) => (w(), o("div", Ln, [s("div", Rn, [s("span", {
+		return (t, n) => (w(), o("div", Rn, [s("div", zn, [s("span", {
 			class: "g-label",
 			id: L(p)
-		}, [k(t.$slots, "label", {}, () => [c(N(e.label), 1)])], 8, zn), s("fieldset", {
+		}, [k(t.$slots, "label", {}, () => [c(N(e.label), 1)])], 8, Bn), s("fieldset", {
 			class: _(["g-three-way-toggle", { "g-has-error": e.error }]),
 			role: "radiogroup",
 			"aria-labelledby": L(p),
@@ -2415,7 +2415,7 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 			s("span", {
 				class: _(["g-toggle-thumb", y.value]),
 				"aria-hidden": "true"
-			}, [i.value === !1 ? (w(), o("span", Vn, "NO")) : i.value === !0 ? (w(), o("span", Hn, "YES")) : (w(), o("span", Un))], 2),
+			}, [i.value === !1 ? (w(), o("span", Hn, "NO")) : i.value === !0 ? (w(), o("span", Un, "YES")) : (w(), o("span", Wn))], 2),
 			s("label", {
 				for: L(h),
 				class: "g-toggle-option g-left",
@@ -2429,7 +2429,7 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 				value: "false",
 				disabled: e.disabled,
 				onChange: n[0] ||= (e) => d(!1)
-			}, null, 40, Gn), n[5] ||= s("span", { class: "ilw-sr-only" }, "No", -1)], 40, Wn),
+			}, null, 40, Kn), n[5] ||= s("span", { class: "ilw-sr-only" }, "No", -1)], 40, Gn),
 			s("label", {
 				for: L(g),
 				class: "g-toggle-option g-center",
@@ -2441,7 +2441,7 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 				checked: i.value === null,
 				disabled: e.disabled,
 				onChange: n[2] ||= (e) => d(null)
-			}, null, 40, qn), n[6] ||= s("span", { class: "ilw-sr-only" }, "Unset", -1)], 40, Kn),
+			}, null, 40, Jn), n[6] ||= s("span", { class: "ilw-sr-only" }, "Unset", -1)], 40, qn),
 			s("label", {
 				for: L(v),
 				class: "g-toggle-option g-right",
@@ -2455,54 +2455,54 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 				checked: i.value === !0,
 				disabled: e.disabled,
 				onChange: n[3] ||= (e) => d(!0)
-			}, null, 40, Yn), n[7] ||= s("span", { class: "ilw-sr-only" }, "Yes", -1)], 40, Jn)
-		], 2)], 10, Bn)]), e.error ? (w(), o("div", {
+			}, null, 40, Xn), n[7] ||= s("span", { class: "ilw-sr-only" }, "Yes", -1)], 40, Yn)
+		], 2)], 10, Vn)]), e.error ? (w(), o("div", {
 			key: 0,
 			id: `${L(p)}-error`,
 			class: "g-form-error",
 			role: "alert",
 			"aria-atomic": "true"
-		}, N(e.error), 9, Xn)) : a("", !0)]));
+		}, N(e.error), 9, Zn)) : a("", !0)]));
 	}
-}), Qn = {
+}), $n = {
 	ref: "tableBodyRef",
 	class: "efficient-table-body"
-}, $n = ["aria-rowindex"], er = {
+}, er = ["aria-rowindex"], tr = {
 	key: 0,
 	class: "table-group-checkbox"
-}, tr = ["colspan"], nr = [
+}, nr = ["colspan"], rr = [
 	"aria-rowindex",
 	"onMousedown",
 	"onClick"
-], rr = [
+], ir = [
 	"checked",
 	"onClick",
 	"aria-label",
 	"name"
-], ir = ["id"], ar = {
+], ar = ["id"], or = {
 	key: 0,
 	class: "editable-cell"
-}, or = {
+}, sr = {
 	key: 0,
 	class: "cell-prefix"
-}, sr = [
+}, cr = [
 	"value",
 	"onChange",
 	"aria-labelledby",
 	"aria-invalid",
 	"aria-errormessage",
 	"name"
-], cr = ["value"], lr = [
+], lr = ["value"], ur = [
 	"value",
 	"onInput",
 	"aria-labelledby",
 	"aria-invalid",
 	"aria-errormessage",
 	"name"
-], ur = {
+], dr = {
 	key: 3,
 	class: "cell-suffix"
-}, dr = ["id"], fr = /* @__PURE__ */ u({
+}, fr = ["id"], pr = /* @__PURE__ */ u({
 	__name: "GTableBody",
 	props: {
 		data: {},
@@ -2571,13 +2571,13 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 		function T(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, O(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", {
+		return (n, r) => (w(), o("tbody", $n, [(w(!0), o(e, null, O(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", {
+		}, [t.bulkSelectionEnabled ? (w(), o("td", tr)) : a("", !0), s("td", {
 			colspan: b.value,
 			class: "table-group-row"
-		}, [t.groupRender ? (w(), i(A(t.groupRender(n[t.groupBy], n)), { key: 0 })) : (w(), o(e, { key: 1 }, [c(N(n[t.groupBy]), 1)], 64))], 8, tr)], 8, $n)) : a("", !0), s("tr", {
+		}, [t.groupRender ? (w(), i(A(t.groupRender(n[t.groupBy], n)), { key: 0 })) : (w(), o(e, { key: 1 }, [c(N(n[t.groupBy]), 1)], 64))], 8, nr)], 8, er)) : a("", !0), s("tr", {
 			class: _([
 				"efficient-table-row",
 				{
@@ -2592,7 +2592,7 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 		}, [t.bulkSelectionEnabled ? (w(), o("td", {
 			key: 0,
 			class: "td-checkbox",
-			onClick: r[0] ||= K(() => {}, ["stop"])
+			onClick: r[0] ||= q(() => {}, ["stop"])
 		}, [s("input", {
 			type: "checkbox",
 			checked: p(n.key),
@@ -2600,7 +2600,7 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 			"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, O(t.columns, (r) => (w(), o("td", {
+		}, null, 8, ir)])) : a("", !0), (w(!0), o(e, null, O(t.columns, (r) => (w(), o("td", {
 			key: r.key,
 			id: x(r) ? `${t.tableId}-td-${n.key}-${String(r.key)}` : void 0,
 			class: _([
@@ -2609,8 +2609,8 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 				C(n, r) ? "g-cell-error" : "",
 				typeof r.tdClass == "function" ? r.tdClass(n) : r.tdClass
 			])
-		}, [r.editable ? (w(), o("div", ar, [
-			r.editable.prefix ? (w(), o("span", or, N(r.editable.prefix), 1)) : a("", !0),
+		}, [r.editable ? (w(), o("div", or, [
+			r.editable.prefix ? (w(), o("span", sr, N(r.editable.prefix), 1)) : a("", !0),
 			r.editable.type === "select" ? (w(), o("select", {
 				key: 1,
 				value: n[r.key],
@@ -2623,7 +2623,7 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 			}, [(w(!0), o(e, null, O(r.editable.options, (e) => (w(), o("option", {
 				key: e.value,
 				value: e.value
-			}, N(e.label), 9, cr))), 128))], 40, sr)) : (w(), o("input", h({
+			}, N(e.label), 9, lr))), 128))], 40, cr)) : (w(), o("input", h({
 				key: 2,
 				value: n[r.key]
 			}, { ref_for: !0 }, r.editable.inputAttributes, {
@@ -2637,24 +2637,24 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 					paddingLeft: r.editable.prefix ? "1.5rem" : void 0,
 					paddingRight: r.editable.suffix ? "2rem" : void 0
 				}
-			}), null, 16, lr)),
-			r.editable.suffix ? (w(), o("span", ur, N(r.editable.suffix), 1)) : a("", !0)
+			}), null, 16, ur)),
+			r.editable.suffix ? (w(), o("span", dr, N(r.editable.suffix), 1)) : a("", !0)
 		])) : r.display ? (w(), i(A(r.display(n)), { key: 1 })) : (w(), o(e, { key: 2 }, [c(N(n[r.key]), 1)], 64)), C(n, r) ? (w(), o("div", {
 			key: 3,
 			role: "alert",
 			class: "g-cell-error-message",
 			id: `${t.tableId}-error-${n.key}-${String(r.key)}`
-		}, N(T(n, r)), 9, dr)) : a("", !0)], 10, ir))), 128))], 42, nr)], 64))), 128))], 512));
+		}, N(T(n, r)), 9, fr)) : a("", !0)], 10, ar))), 128))], 42, rr)], 64))), 128))], 512));
 	}
-}), pr = ["id", "for"], mr = {
+}), mr = ["id", "for"], hr = {
 	key: 0,
 	class: "g-multiselect-required",
 	"aria-hidden": "true"
-}, hr = ["id"], gr = ["aria-labelledby"], _r = { class: "g-multiselect-chip-label" }, vr = [
+}, gr = ["id"], _r = ["aria-labelledby"], vr = { class: "g-multiselect-chip-label" }, yr = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], yr = [
+], br = [
 	"id",
 	"value",
 	"placeholder",
@@ -2664,26 +2664,26 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 	"aria-activedescendant",
 	"aria-describedby",
 	"aria-required"
-], br = ["id"], xr = [
+], xr = ["id"], Sr = [
 	"id",
 	"aria-selected",
 	"onClick"
-], Sr = {
+], Cr = {
 	class: "g-multiselect-option-check",
 	"aria-hidden": "true"
-}, Cr = {
+}, wr = {
 	key: 0,
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 640 640",
 	width: "1.25em"
-}, wr = { class: "g-multiselect-option-text" }, Tr = { class: "g-multiselect-option-label" }, Er = {
+}, Tr = { class: "g-multiselect-option-text" }, Er = { class: "g-multiselect-option-label" }, Dr = {
 	key: 0,
 	class: "g-multiselect-option-description"
-}, Dr = {
+}, Or = {
 	key: 1,
 	"aria-live": "polite",
 	class: "g-multiselect-option g-multiselect-no-results"
-}, Or = /* @__PURE__ */ u({
+}, kr = /* @__PURE__ */ u({
 	__name: "GMultiSelect",
 	props: /*@__PURE__*/ m({
 		options: {},
@@ -2720,13 +2720,13 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 			value: d,
 			errors: F(i, "errors"),
 			formKey: i.formKey
-		}), { menuPlacement: E, menuStyle: k, isTop: A, scrollOptionIntoView: j } = It({
+		}), { menuPlacement: E, menuStyle: k, isTop: A, scrollOptionIntoView: j } = Lt({
 			open: y,
 			anchorRef: m,
 			listboxRef: v,
 			baseId: f,
 			activeIndex: b
-		}), M = r(() => Ft(i.options)), P = r(() => {
+		}), M = r(() => It(i.options)), P = r(() => {
 			if (!x.value) return M.value;
 			let e = x.value.toLowerCase();
 			return M.value.filter((t) => t.label.toLowerCase().includes(e) || i.searchDescription && !!t.description && t.description.toLowerCase().includes(e));
@@ -2750,21 +2750,21 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 			let n = d.value, r = I(t.value) ? n.filter((e) => e !== t.value) : [...n, t.value];
 			d.value = r, u("change", r), g(() => p.value?.focus());
 		}
-		function ee(e) {
+		function W(e) {
 			if (i.disabled) return;
 			let t = d.value.filter((t) => t !== e);
 			d.value = t, u("change", t);
 		}
-		function W() {
+		function G() {
 			i.disabled || (p.value?.focus(), y.value || V());
 		}
-		function ne(e) {
+		function te(e) {
 			x.value = e.target.value, b.value = 0, y.value || V();
 		}
-		function G() {
+		function K() {
 			i.disabled || y.value || V();
 		}
-		function ie(e) {
+		function re(e) {
 			if (S.value) {
 				S.value = !1;
 				return;
@@ -2772,13 +2772,13 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 			let t = e.relatedTarget;
 			t && v.value?.contains(t) || t && m.value?.contains(t) || H();
 		}
-		function q(e) {
+		function J(e) {
 			e.preventDefault();
 		}
-		function ae() {
+		function ie() {
 			S.value = !0;
 		}
-		function J(e) {
+		function Y(e) {
 			if (i.disabled) return;
 			let t = P.value.length - 1;
 			switch (e.key) {
@@ -2803,12 +2803,12 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 				case "Escape":
 					A.value && (e.preventDefault(), setTimeout(() => H(), 0));
 					break;
-				case "Backspace": !x.value && d.value.length > 0 && ee(d.value[d.value.length - 1]);
+				case "Backspace": !x.value && d.value.length > 0 && W(d.value[d.value.length - 1]);
 			}
 		}
-		let oe = r(() => `${f}-input`), se = r(() => `${f}-label`), ce = r(() => `${f}-instructions`), le = r(() => `error-message-${f}`), Y = r(() => {
+		let ae = r(() => `${f}-input`), oe = r(() => `${f}-label`), se = r(() => `${f}-instructions`), ce = r(() => `error-message-${f}`), le = r(() => {
 			let e = [];
-			return i.instructions && e.push(ce.value), T.value && e.push(le.value), e.length > 0 ? e.join(" ") : void 0;
+			return i.instructions && e.push(se.value), T.value && e.push(ce.value), e.length > 0 ? e.join(" ") : void 0;
 		});
 		return (n, r) => (w(), o("div", { class: _(["g-multiselect-root", {
 			"g-multiselect-open": y.value,
@@ -2816,35 +2816,35 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 		}]) }, [
 			t.hiddenLabel ? a("", !0) : (w(), o("label", {
 				key: 0,
-				id: se.value,
-				for: oe.value,
+				id: oe.value,
+				for: ae.value,
 				class: "g-multiselect-label"
-			}, [c(N(t.label), 1), t.required ? (w(), o("span", mr, " *")) : a("", !0)], 8, pr)),
+			}, [c(N(t.label), 1), t.required ? (w(), o("span", hr, " *")) : a("", !0)], 8, mr)),
 			t.instructions ? (w(), o("div", {
 				key: 1,
-				id: ce.value,
+				id: se.value,
 				class: "g-multiselect-instructions"
-			}, N(t.instructions), 9, hr)) : a("", !0),
+			}, N(t.instructions), 9, gr)) : a("", !0),
 			s("div", {
 				ref_key: "controlRef",
 				ref: m,
 				class: _(["g-multiselect-control", { "g-multiselect-control--disabled": t.disabled }]),
-				onClick: W
+				onClick: G
 			}, [
 				d.value.length ? (w(), o("ul", {
 					key: 0,
 					class: "g-multiselect-chips",
-					"aria-labelledby": se.value
+					"aria-labelledby": oe.value
 				}, [(w(!0), o(e, null, O(d.value, (e) => (w(), o("li", {
 					key: e,
 					class: "g-multiselect-chip"
-				}, [s("span", _r, N(R(e)), 1), s("button", {
+				}, [s("span", vr, N(R(e)), 1), s("button", {
 					type: "button",
 					class: "g-multiselect-chip-remove",
 					"aria-label": `Remove ${R(e)}`,
 					disabled: t.disabled,
-					onMousedown: ae,
-					onClick: K((t) => ee(e), ["stop"])
+					onMousedown: ie,
+					onClick: q((t) => W(e), ["stop"])
 				}, [...r[0] ||= [s("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					viewBox: "0 0 51.26 51.26",
@@ -2853,14 +2853,14 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 				}, [s("path", {
 					fill: "currentColor",
 					d: "m37.84 32.94-7.63-7.63 7.63-7.63a3.24 3.24 0 0 0-4.58-4.58l-7.63 7.63L18 13.1a3.24 3.24 0 0 0-4.58 4.58L21 25.31l-7.62 7.63A3.24 3.24 0 1 0 18 37.52l7.63-7.63 7.63 7.63a3.24 3.24 0 0 0 4.58-4.58Z"
-				})], -1)]], 40, vr)]))), 128))], 8, gr)) : a("", !0),
+				})], -1)]], 40, yr)]))), 128))], 8, _r)) : a("", !0),
 				s("input", h({
 					ref_key: "inputRef",
 					ref: p,
 					type: "text",
 					role: "combobox",
 					class: "g-multiselect-input",
-					id: oe.value,
+					id: ae.value,
 					value: x.value,
 					placeholder: d.value.length === 0 ? t.placeholder : void 0,
 					disabled: t.disabled,
@@ -2871,13 +2871,13 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 					"aria-controls": L(f) + "-listbox",
 					"aria-activedescendant": y.value && P.value.length > 0 ? L(f) + "-option-" + b.value : void 0
 				}, t.hiddenLabel ? { "aria-label": t.label } : void 0, {
-					"aria-describedby": Y.value,
+					"aria-describedby": le.value,
 					"aria-required": t.required ? "true" : void 0,
-					onInput: ne,
-					onKeydown: J,
-					onFocus: G,
-					onBlur: ie
-				}), null, 16, yr),
+					onInput: te,
+					onKeydown: Y,
+					onFocus: K,
+					onBlur: re
+				}), null, 16, br),
 				r[2] ||= s("svg", {
 					class: "g-multiselect-caret",
 					xmlns: "http://www.w3.org/2000/svg",
@@ -2888,13 +2888,13 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 					fill: "currentColor",
 					d: "M38.75 24.13a1.36 1.36 0 0 1 0 2.36l-12.44 7.18-12.43 7.18a1.36 1.36 0 0 1-2.05-1.18V11a1.36 1.36 0 0 1 2.05-1.18L26.31 17Z"
 				})], -1),
-				re(s("div", h({
+				ne(s("div", h({
 					ref_key: "listboxRef",
 					ref: v,
 					id: L(f) + "-listbox",
 					role: "listbox",
 					"aria-multiselectable": "true"
-				}, t.hiddenLabel ? { "aria-label": t.label } : { "aria-labelledby": se.value }, {
+				}, t.hiddenLabel ? { "aria-label": t.label } : { "aria-labelledby": oe.value }, {
 					class: ["g-multiselect-listbox", { "g-multiselect-listbox--above": L(E) === "above" }],
 					style: L(k),
 					tabindex: "-1"
@@ -2907,31 +2907,31 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 						"g-multiselect-option--selected": I(e.value)
 					}]),
 					"aria-selected": I(e.value) ? "true" : "false",
-					onMousedown: q,
+					onMousedown: J,
 					onClick: (e) => U(t)
-				}, [s("span", Sr, [I(e.value) ? (w(), o("svg", Cr, [...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", wr, [s("span", Tr, N(e.label), 1), e.description ? (w(), o("span", Er, N(e.description), 1)) : a("", !0)])], 42, xr))), 128)) : (w(), o("div", Dr, " No results found. "))], 16, br), [[te, y.value]])
+				}, [s("span", Cr, [I(e.value) ? (w(), o("svg", wr, [...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", Tr, [s("span", Er, N(e.label), 1), e.description ? (w(), o("span", Dr, N(e.description), 1)) : a("", !0)])], 42, Sr))), 128)) : (w(), o("div", Or, " No results found. "))], 16, xr), [[ee, y.value]])
 			], 2),
-			l(Me, {
+			l(Ne, {
 				errors: L(C),
-				id: le.value
+				id: ce.value
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), kr = {
+}), Ar = {
 	key: 0,
 	class: "g-checkbox-group__legend"
-}, Ar = {
+}, jr = {
 	key: 0,
 	class: "g-checkbox-group__required",
 	"aria-hidden": "true"
-}, jr = {
+}, Mr = {
 	key: 1,
 	class: "g-checkbox-group__label"
-}, Mr = {
+}, Nr = {
 	key: 0,
 	class: "g-checkbox-group__required",
 	"aria-hidden": "true"
-}, Nr = ["id"], Pr = { class: "g-checkbox-group__options" }, Fr = ["for"], Ir = [
+}, Pr = ["id"], Fr = { class: "g-checkbox-group__options" }, Ir = ["for"], Lr = [
 	"id",
 	"type",
 	"name",
@@ -2940,7 +2940,7 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 	"disabled",
 	"required",
 	"onChange"
-], Lr = { class: "g-checkbox-group__label-text" }, Rr = ["id"], zr = /* @__PURE__ */ u({
+], Rr = { class: "g-checkbox-group__label-text" }, zr = ["id"], Br = /* @__PURE__ */ u({
 	__name: "GCheckboxGroup",
 	props: /*@__PURE__*/ m({
 		label: { default: void 0 },
@@ -3000,14 +3000,14 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 			};
 		}
 		return (n, r) => (w(), i(A(C.value ? "fieldset" : "div"), h({ class: ["g-checkbox-group", { "g-checkbox-group--error": L(m) }] }, T.value), {
-			default: G(() => [
-				C.value && t.label ? (w(), o("legend", kr, [c(N(t.label), 1), t.required ? (w(), o("span", Ar, "\xA0*")) : a("", !0)])) : !C.value && t.label ? (w(), o("div", jr, [c(N(t.label), 1), t.required ? (w(), o("span", Mr, "\xA0*")) : a("", !0)])) : a("", !0),
+			default: K(() => [
+				C.value && t.label ? (w(), o("legend", Ar, [c(N(t.label), 1), t.required ? (w(), o("span", jr, "\xA0*")) : a("", !0)])) : !C.value && t.label ? (w(), o("div", Mr, [c(N(t.label), 1), t.required ? (w(), o("span", Nr, "\xA0*")) : a("", !0)])) : a("", !0),
 				t.instructions ? (w(), o("div", {
 					key: 2,
 					id: S.value,
 					class: "g-checkbox-group__instructions"
-				}, N(t.instructions), 9, Nr)) : a("", !0),
-				s("div", Pr, [(w(!0), o(e, null, O(t.options, (e, n) => (w(), o("div", {
+				}, N(t.instructions), 9, Pr)) : a("", !0),
+				s("div", Fr, [(w(!0), o(e, null, O(t.options, (e, n) => (w(), o("div", {
 					key: e.value,
 					class: _(["g-checkbox-group__option-wrapper", { "g-checkbox-group__option-wrapper--disabled": e.disabled }])
 				}, [s("label", {
@@ -3022,12 +3022,12 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 					disabled: e.disabled,
 					required: t.required && (t.radio && n === 0 || !t.radio && t.options.length === 1),
 					class: "g-checkbox-group__input"
-				}, { ref_for: !0 }, k(e, n), { onChange: (t) => y(e.value, t.target.checked) }), null, 16, Ir), s("span", Lr, N(e.label), 1)], 10, Fr), e.hint ? (w(), o("div", {
+				}, { ref_for: !0 }, k(e, n), { onChange: (t) => y(e.value, t.target.checked) }), null, 16, Lr), s("span", Rr, N(e.label), 1)], 10, Ir), e.hint ? (w(), o("div", {
 					key: 0,
 					id: E(n),
 					class: "g-checkbox-group__hint"
-				}, N(e.hint), 9, Rr)) : a("", !0)], 2))), 128))]),
-				l(Me, {
+				}, N(e.hint), 9, zr)) : a("", !0)], 2))), 128))]),
+				l(Ne, {
 					errors: L(p),
 					id: x.value
 				}, null, 8, ["errors", "id"])
@@ -3035,10 +3035,10 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 			_: 1
 		}, 16, ["class"]));
 	}
-}), Br = {
+}), Vr = {
 	class: "g-pagination",
 	"aria-label": "Pagination"
-}, Vr = ["disabled"], Hr = ["disabled"], Ur = { class: "page-range" }, Wr = ["disabled"], Gr = ["disabled"], Kr = { class: "g-pagination-page-size" }, qr = { class: "page-size-select-wrap" }, Jr = ["id", "value"], Yr = ["value"], Xr = ["for"], Zr = { class: "g-pagination-overflow" }, Qr = ["onClick"], $r = { class: "g-pagination-overflow-popover" }, ei = { class: "g-pagination-overflow-page-size" }, ti = ["for"], ni = { class: "page-size-select-wrap" }, ri = ["id", "value"], ii = ["value"], ai = { class: "g-pagination-overflow-actions" }, oi = ["disabled"], si = ["disabled"], ci = /* @__PURE__ */ u({
+}, Hr = ["disabled"], Ur = ["disabled"], Wr = { class: "page-range" }, Gr = ["disabled"], Kr = ["disabled"], qr = { class: "g-pagination-page-size" }, Jr = { class: "page-size-select-wrap" }, Yr = ["id", "value"], Xr = ["value"], Zr = ["for"], Qr = { class: "g-pagination-overflow" }, $r = ["onClick"], ei = { class: "g-pagination-overflow-popover" }, ti = { class: "g-pagination-overflow-page-size" }, ni = ["for"], ri = { class: "page-size-select-wrap" }, ii = ["id", "value"], ai = ["value"], oi = { class: "g-pagination-overflow-actions" }, si = ["disabled"], ci = ["disabled"], li = /* @__PURE__ */ u({
 	__name: "GTablePagination",
 	props: /*@__PURE__*/ m({
 		start: {},
@@ -3065,7 +3065,7 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 		function S(e) {
 			u.value = parseInt(e.target.value, 10), a.value = 0;
 		}
-		return (t, n) => (w(), o("nav", Br, [
+		return (t, n) => (w(), o("nav", Vr, [
 			s("button", {
 				class: "first-page g-pagination-button",
 				type: "button",
@@ -3091,7 +3091,7 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 				}),
 				s("path", { d: "M11 7l-5 5l5 5" }),
 				s("path", { d: "M17 7l-5 5l5 5" })
-			], -1)]], 8, Vr),
+			], -1)]], 8, Hr),
 			s("button", {
 				class: "prev-page g-pagination-button",
 				type: "button",
@@ -3113,8 +3113,8 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
-			}), s("path", { d: "M15 6l-6 6l6 6" })], -1)]], 8, Hr),
-			s("span", Ur, N(v.value) + " to " + N(y.value), 1),
+			}), s("path", { d: "M15 6l-6 6l6 6" })], -1)]], 8, Ur),
+			s("span", Wr, N(v.value) + " to " + N(y.value), 1),
 			s("button", {
 				class: "next-page g-pagination-button",
 				type: "button",
@@ -3136,7 +3136,7 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
-			}), s("path", { d: "M9 6l6 6l-6 6" })], -1)]], 8, Wr),
+			}), s("path", { d: "M9 6l6 6l-6 6" })], -1)]], 8, Gr),
 			s("button", {
 				class: "last-page g-pagination-button",
 				type: "button",
@@ -3162,8 +3162,8 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 				}),
 				s("path", { d: "M7 7l5 5l-5 5" }),
 				s("path", { d: "M13 7l5 5l-5 5" })
-			], -1)]], 8, Gr),
-			s("div", Kr, [s("div", qr, [s("select", {
+			], -1)]], 8, Kr),
+			s("div", qr, [s("div", Jr, [s("select", {
 				id: L(d),
 				class: "page-size-select",
 				value: m.value,
@@ -3171,7 +3171,7 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 			}, [(w(!0), o(e, null, O(h.value, (e) => (w(), o("option", {
 				key: e,
 				value: e
-			}, N(e), 9, Yr))), 128))], 40, Jr), n[10] ||= s("span", {
+			}, N(e), 9, Xr))), 128))], 40, Yr), n[10] ||= s("span", {
 				class: "page-size-select-caret",
 				"aria-hidden": "true"
 			}, [s("svg", {
@@ -3185,9 +3185,9 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 			})])], -1)]), s("label", {
 				class: "page-size-label",
 				for: L(d)
-			}, " per page ", 8, Xr)]),
-			s("div", Zr, [l(ct, null, {
-				trigger: G(({ toggle: e }) => [s("button", {
+			}, " per page ", 8, Zr)]),
+			s("div", Qr, [l(lt, null, {
+				trigger: K(({ toggle: e }) => [s("button", {
 					type: "button",
 					class: "g-pagination-button g-pagination-overflow-trigger",
 					"aria-label": "More pagination options",
@@ -3201,17 +3201,17 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 				}, [s("path", {
 					fill: "currentColor",
 					d: "M96 320C96 284.7 124.7 256 160 256C195.3 256 224 284.7 224 320C224 355.3 195.3 384 160 384C124.7 384 96 355.3 96 320zM256 320C256 284.7 284.7 256 320 256C355.3 256 384 284.7 384 320C384 355.3 355.3 384 320 384C284.7 384 256 355.3 256 320zM480 256C515.3 256 544 284.7 544 320C544 355.3 515.3 384 480 384C444.7 384 416 355.3 416 320C416 284.7 444.7 256 480 256z"
-				})], -1)]], 8, Qr)]),
-				default: G(() => [s("div", $r, [
+				})], -1)]], 8, $r)]),
+				default: K(() => [s("div", ei, [
 					n[15] ||= s("h2", {
 						class: "g-pagination-overflow-title",
 						tabindex: "-1",
 						"popover-focus": ""
 					}, " Pagination options ", -1),
-					s("div", ei, [s("label", {
+					s("div", ti, [s("label", {
 						class: "page-size-label",
 						for: L(f)
-					}, " Rows per page ", 8, ti), s("div", ni, [s("select", {
+					}, " Rows per page ", 8, ni), s("div", ri, [s("select", {
 						id: L(f),
 						class: "page-size-select",
 						value: m.value,
@@ -3219,7 +3219,7 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 					}, [(w(!0), o(e, null, O(h.value, (e) => (w(), o("option", {
 						key: `overflow-${e}`,
 						value: e
-					}, N(e), 9, ii))), 128))], 40, ri), n[12] ||= s("span", {
+					}, N(e), 9, ai))), 128))], 40, ii), n[12] ||= s("span", {
 						class: "page-size-select-caret",
 						"aria-hidden": "true"
 					}, [s("svg", {
@@ -3231,7 +3231,7 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 						fill: "currentColor",
 						d: "M300.3 439.8C312.8 450.1 331.3 449.3 343.1 437.6L471.1 309.6C480.3 300.4 483 286.7 478 274.7C473 262.7 461.4 255 448.5 255L192.5 255C179.6 255 167.9 262.8 162.9 274.8C157.9 286.8 160.7 300.5 169.9 309.6L297.9 437.6L300.3 439.8z"
 					})])], -1)])]),
-					s("div", ai, [s("button", {
+					s("div", oi, [s("button", {
 						type: "button",
 						class: "g-pagination-overflow-action",
 						disabled: g.value,
@@ -3257,7 +3257,7 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 						}),
 						s("path", { d: "M11 7l-5 5l5 5" }),
 						s("path", { d: "M17 7l-5 5l5 5" })
-					])], -1), c(" First Page ", -1)]], 8, oi), s("button", {
+					])], -1), c(" First Page ", -1)]], 8, si), s("button", {
 						type: "button",
 						class: "g-pagination-overflow-action",
 						disabled: _.value,
@@ -3283,7 +3283,7 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 						}),
 						s("path", { d: "M7 7l5 5l-5 5" }),
 						s("path", { d: "M13 7l5 5l-5 5" })
-					])], -1), c(" Last Page ", -1)]], 8, si)])
+					])], -1), c(" Last Page ", -1)]], 8, ci)])
 				])]),
 				_: 1
 			})])
@@ -3292,48 +3292,48 @@ var Cn = ["id"], wn = /* @__PURE__ */ u({
 });
 //#endregion
 //#region src/compose/useFiltering.ts
-function li(e) {
+function ui(e) {
 	if (!(Array.isArray(e) && e.length === 0) && e !== null && e !== !1 && e !== "") return e;
 }
-function ui(e) {
+function di(e) {
 	return Object.fromEntries(Object.entries(e).filter(([, e]) => e && (!Array.isArray(e) || e.length > 0)));
 }
-function di(e) {
+function fi(e) {
 	if (e != null) return Array.isArray(e) ? e.filter((e) => e != null) : [e];
 }
-function fi(e) {
+function pi(e) {
 	if (e == null) return;
 	if (typeof e == "string") return e.includes(",") ? e.split(",") : [e];
 	let t = [];
 	for (let n of e) n !== null && t.push(n);
 	return t.length > 0 ? t : void 0;
 }
-function pi(e) {
+function mi(e) {
 	return Array.isArray(e) ? [...e] : e;
 }
-function mi(e, t) {
+function hi(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 hi(e, t) {
+function gi(e, t) {
 	let n = /* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)]);
-	for (let r of n) if (!mi(e[r], t[r])) return !1;
+	for (let r of n) if (!hi(e[r], t[r])) return !1;
 	return !0;
 }
-function gi(e) {
+function _i(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(P(e))) Array.isArray(r) ? r.length > 0 && (t[n] = r) : t[n] = r === !0 ? "true" : r || void 0;
 	return t;
 }
-function _i(e) {
+function vi(e) {
 	let t = {};
 	return Object.keys(e).forEach((n) => {
 		let r = e[n];
 		r != null && r !== "" && r !== !1 && (Array.isArray(r) ? r.length > 0 && (t[n] = r.map((e) => String(e))) : t[n] = String(r));
 	}), t;
 }
-function vi(e, t) {
+function yi(e, t) {
 	let n = Object.keys(e), r = new Set(n.filter((t) => Array.isArray(e[t]))), i = new Set(t.booleanArrayKeys ?? []), a = (e, t) => {
-		if (t != null) return r.has(e) ? fi(t) : typeof t == "string" && t.includes(",") ? t.split(",") : pi(t);
+		if (t != null) return r.has(e) ? pi(t) : typeof t == "string" && t.includes(",") ? t.split(",") : mi(t);
 	}, o = (e) => {
 		let t = {};
 		for (let r of n) {
@@ -3341,25 +3341,25 @@ function vi(e, t) {
 			n !== void 0 && (t[r] = a(r, n));
 		}
 		return t;
-	}, s = D(o(t.route.query)), c = yi(e, { syncWith: s }), l = c.filters, u = (e, t) => {
+	}, s = D(o(t.route.query)), c = bi(e, { syncWith: s }), l = c.filters, u = (e, t) => {
 		let n = a(e, t);
 		return !i.has(e) || n === void 0 ? n : (Array.isArray(n) ? n : [n]).map((e) => {
 			if (e === "true") return !0;
 			if (e === "false") return !1;
 		}).filter((e) => e !== void 0);
 	};
-	return W(() => o(t.route.query), (e) => {
+	return G(() => o(t.route.query), (e) => {
 		for (let t of n) {
 			let n = u(t, e[t]);
-			mi(l[t], n) || (l[t] = n);
+			hi(l[t], n) || (l[t] = n);
 		}
-	}, { immediate: !0 }), W(s, (e) => {
+	}, { immediate: !0 }), G(s, (e) => {
 		let r = { ...t.route.query };
-		for (let t of n) e[t] === void 0 ? delete r[t] : r[t] = pi(e[t]);
-		hi(t.route.query, r) || t.router.replace({ query: r });
+		for (let t of n) e[t] === void 0 ? delete r[t] : r[t] = mi(e[t]);
+		gi(t.route.query, r) || t.router.replace({ query: r });
 	}), c;
 }
-function yi(e, t = {}) {
+function bi(e, t = {}) {
 	let n = E(Object.fromEntries(Object.entries(e).map(([e, t]) => [e, t]))), i = t.syncWith;
 	if (i) {
 		if (i.value) {
@@ -3371,14 +3371,14 @@ function yi(e, t = {}) {
 				}
 			});
 		}
-		W(n, (e) => {
-			i.value = _i(e);
+		G(n, (e) => {
+			i.value = vi(e);
 		}, { deep: !0 });
 	}
 	return {
 		filters: n,
 		isFiltered: r(() => {
-			for (let t of Object.keys(e)) if (li(n[t])) return !0;
+			for (let t of Object.keys(e)) if (ui(n[t])) return !0;
 			return !1;
 		}),
 		clearFilters: () => {
@@ -3388,94 +3388,94 @@ function yi(e, t = {}) {
 		},
 		filteredColumns: r(() => {
 			let t = {};
-			for (let r of Object.keys(e)) t[r] = !!li(n[r]);
+			for (let r of Object.keys(e)) t[r] = !!ui(n[r]);
 			return t;
 		})
 	};
 }
 //#endregion
 //#region src/components/GTable.vue?vue&type=script&setup=true&lang.ts
-var bi = { class: "g-table-outer-wrap" }, xi = {
+var xi = { class: "g-table-outer-wrap" }, Si = {
 	key: 0,
 	class: "g-table-controls"
-}, Si = { class: "g-table-control-actions" }, Ci = {
+}, Ci = { class: "g-table-control-actions" }, wi = {
 	key: 0,
 	class: "g-sort-builder-wrap"
-}, wi = {
+}, Ti = {
 	key: 0,
 	class: "g-sort-builder-count"
-}, Ti = {
+}, Ei = {
 	key: 0,
 	class: "g-sort-builder-list"
-}, Ei = ["data-sort-row-key", "aria-label"], Di = {
+}, Di = ["data-sort-row-key", "aria-label"], Oi = {
 	class: "g-sort-builder-rule-priority",
 	"aria-hidden": "true"
-}, Oi = { class: "g-sort-builder-rule-label" }, ki = ["aria-label", "onClick"], Ai = { class: "g-visually-hidden" }, ji = {
+}, ki = { class: "g-sort-builder-rule-label" }, Ai = ["aria-label", "onClick"], ji = { class: "g-visually-hidden" }, Mi = {
 	class: "sort-indicator",
 	"aria-hidden": "true"
-}, Mi = ["aria-label", "onClick"], Ni = {
+}, Ni = ["aria-label", "onClick"], Pi = {
 	key: 1,
 	class: "g-sort-builder-empty"
-}, Pi = {
+}, Fi = {
 	key: 2,
 	class: "g-sort-builder-add"
-}, Fi = { class: "g-sort-builder-add-list" }, Ii = { class: "g-sort-builder-add-name" }, Li = { class: "g-sort-builder-add-actions" }, Ri = ["aria-label", "onClick"], zi = ["aria-label", "onClick"], Bi = {
+}, Ii = { class: "g-sort-builder-add-list" }, Li = { class: "g-sort-builder-add-name" }, Ri = { class: "g-sort-builder-add-actions" }, zi = ["aria-label", "onClick"], Bi = ["aria-label", "onClick"], Vi = {
 	class: "sort-indicator",
 	"aria-hidden": "true"
-}, Vi = {
+}, Hi = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 640 640",
 	height: "1.25em",
 	style: { transform: "rotate(180deg)" }
-}, Hi = {
+}, Ui = {
 	key: 1,
 	class: "g-column-visibility-wrap"
-}, Ui = {
+}, Wi = {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 640 640",
 	height: "1.5em",
 	style: { transform: "rotate(90deg)" },
 	"aria-hidden": "true"
-}, Wi = ["aria-labelledby"], Gi = { class: "g-column-visibility-header" }, Ki = ["id"], qi = { class: "g-column-visibility-legend-action" }, Ji = { class: "g-column-visibility-list" }, Yi = ["checked", "onChange"], Xi = {
+}, Gi = ["aria-labelledby"], Ki = { class: "g-column-visibility-header" }, qi = ["id"], Ji = { class: "g-column-visibility-legend-action" }, Yi = { class: "g-column-visibility-list" }, Xi = ["checked", "onChange"], Zi = {
 	key: 2,
 	class: "g-table-custom-controls"
-}, Zi = { class: "g-clear-filters-wrap" }, Qi = {
+}, Qi = { class: "g-clear-filters-wrap" }, $i = {
 	key: 0,
 	class: "pagination"
-}, $i = { class: "g-table-controls-right" }, ea = { class: "g-result-count" }, ta = ["aria-label", "aria-rowcount"], na = { key: 0 }, ra = ["data-column-key"], ia = { class: "g-table-head" }, aa = { "aria-rowindex": "1" }, oa = {
+}, ea = { class: "g-table-controls-right" }, ta = { class: "g-result-count" }, na = ["aria-label", "aria-rowcount"], ra = { key: 0 }, ia = ["data-column-key"], aa = { class: "g-table-head" }, oa = { "aria-rowindex": "1" }, sa = {
 	key: 0,
 	scope: "col",
 	class: "g-th g-th-checkbox"
-}, sa = [
+}, ca = [
 	"checked",
 	"indeterminate",
 	"aria-label"
-], ca = ["id", "aria-sort"], la = { class: "th-inner" }, ua = ["onClick"], da = {
+], la = ["id", "aria-sort"], ua = { class: "th-inner" }, da = ["onClick"], fa = {
 	key: 0,
 	class: "sort-indicator",
 	"aria-hidden": "true"
-}, fa = {
+}, pa = {
 	key: 1,
 	class: "g-visually-hidden"
-}, pa = {
+}, ma = {
 	key: 1,
 	class: "g-column-head"
-}, ma = ["onClick", "aria-label"], ha = {
+}, ha = ["onClick", "aria-label"], ga = {
 	key: 1,
 	class: "g-filter-search",
 	role: "search"
-}, ga = [
+}, _a = [
 	"onUpdate:modelValue",
 	"placeholder",
 	"aria-label"
-], _a = { key: 2 }, va = { class: "g-filter-toggle" }, ya = [
+], va = { key: 2 }, ya = { class: "g-filter-toggle" }, ba = [
 	"onUpdate:modelValue",
 	"id",
 	"aria-describedby"
-], ba = ["for"], xa = ["id"], Sa = {
+], xa = ["for"], Sa = ["id"], Ca = {
 	key: 4,
 	class: "g-multi-select"
-}, Ca = [
+}, wa = [
 	"data-column-key",
 	"aria-label",
 	"aria-valuemax",
@@ -3483,10 +3483,10 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 	"aria-valuetext",
 	"onKeydown",
 	"onPointerdown"
-], wa = {
+], Ta = {
 	key: 1,
 	class: "g-bulk-actions-toolbar"
-}, Ta = { class: "g-selected-count" }, Ea = { class: "g-bulk-actions" }, Da = /* @__PURE__ */ u({
+}, Ea = { class: "g-selected-count" }, Da = { class: "g-bulk-actions" }, Oa = /* @__PURE__ */ u({
 	__name: "GTable",
 	props: /*@__PURE__*/ m({
 		label: {},
@@ -3544,7 +3544,7 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 	]),
 	setup(t, { emit: n }) {
 		let u = B(t, "sort"), f = B(t, "filter"), p = B(t, "columnState"), m = B(t, "selectedRows"), h = t, v = n, b = h.filtering;
-		b ||= yi({});
+		b ||= bi({});
 		let { filters: C, filteredColumns: T, isFiltered: E, clearFilters: A } = b, j = r(() => h.data.map((e) => e.key)), M = r(() => m.value.filter((e) => j.value.includes(e))), F = r(() => !h.bulkSelectionEnabled || h.data.length === 0 ? !1 : M.value.length === j.value.length), I = r(() => !h.bulkSelectionEnabled || h.data.length === 0 ? !1 : M.value.length > 0 && M.value.length < j.value.length), R = D(null);
 		function H() {
 			if (F.value) m.value = m.value.filter((e) => !j.value.includes(e));
@@ -3553,7 +3553,7 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 				j.value.forEach((t) => e.add(t)), m.value = Array.from(e);
 			}
 		}
-		function te(e, t = !1) {
+		function ee(e, t = !1) {
 			if (t && R.value) {
 				let t = j.value.indexOf(R.value), n = j.value.indexOf(e);
 				if (t !== -1 && n !== -1) {
@@ -3563,13 +3563,13 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 			} else m.value.includes(e) ? m.value = m.value.filter((t) => t !== e) : m.value = [...m.value, e];
 			R.value = e;
 		}
-		function W(e) {
+		function G(e) {
 			v("row-click", e);
 		}
-		function ne(e) {
+		function te(e) {
 			v("bulk-action", e, m.value);
 		}
-		function ie(e) {
+		function re(e) {
 			let t = e.value, n = e.column.key, r = P(e.row[n]);
 			e.column.editable?.inputAttributes?.type === "number" && (t = e.value === "" ? null : Number(e.value)), e.row[n] = t;
 			let i = {
@@ -3580,13 +3580,13 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 			};
 			v("cell-change", i);
 		}
-		function q(e) {
+		function J(e) {
 			v("update:startIndex", e ?? 0);
 		}
-		function ae(e) {
+		function ie(e) {
 			e !== void 0 && v("update:pageSize", e);
 		}
-		let J = z(), oe = d(), se = D(null), ce = D(null), le = D(null), Y = D(null), ue = `${J}-table`;
+		let Y = z(), ae = d(), oe = D(null), se = D(null), ce = D(null), le = D(null), ue = `${Y}-table`;
 		function de(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));
@@ -3598,12 +3598,12 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 			};
 		}
 		let X = r(() => de(u.value));
-		function Z(e) {
+		function pe(e) {
 			u.value = de(e);
 		}
-		let pe = r(() => h.columns.filter((e) => e.sortable)), me = r(() => pe.value.length > 1), he = r(() => {
+		let Z = r(() => h.columns.filter((e) => e.sortable)), me = r(() => Z.value.length > 1), he = r(() => {
 			let e = new Set(X.value.map((e) => String(e.key)));
-			return pe.value.filter((t) => !e.has(String(t.key)));
+			return Z.value.filter((t) => !e.has(String(t.key)));
 		});
 		function ge(e) {
 			return X.value.findIndex((t) => t.key === e);
@@ -3638,24 +3638,24 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 		function we(e, t = !1) {
 			if (!e.sortable) return;
 			let n = e.key;
-			Z(t ? Ce(n) : Se(n));
+			pe(t ? Ce(n) : Se(n));
 		}
 		function Te(e, t) {
-			Z([...X.value, fe(e, t)]), g(() => {
-				let t = se.value;
+			pe([...X.value, fe(e, t)]), g(() => {
+				let t = oe.value;
 				t && (t.querySelector(`[data-sort-row-key="${String(e)}"]`) ?? t)?.focus();
 			}).catch((e) => {
 				console.error(e);
 			});
 		}
 		function Ee(e) {
-			Z(X.value.map((t) => t.key === e ? fe(t.key, t.order === 1 ? -1 : 1) : t));
+			pe(X.value.map((t) => t.key === e ? fe(t.key, t.order === 1 ? -1 : 1) : t));
 		}
 		function De(e) {
-			Z(X.value.filter((t) => t.key !== e));
+			pe(X.value.filter((t) => t.key !== e));
 		}
 		function Oe() {
-			Z([]);
+			pe([]);
 		}
 		function ke(e) {
 			return p.value[e] ?? {};
@@ -3669,46 +3669,46 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 				}
 			};
 		}
-		function $(e) {
+		function je(e) {
 			return Math.max(50, Math.round(e));
 		}
-		function je(e) {
+		function $(e) {
 			let t = ke(e).width;
-			if (!(typeof t != "number" || !Number.isFinite(t))) return $(t);
+			if (!(typeof t != "number" || !Number.isFinite(t))) return je(t);
 		}
 		function Me(e) {
-			return document.getElementById(`${J}-th-${String(e)}`);
+			return document.getElementById(`${Y}-th-${String(e)}`);
 		}
 		function Ne(e) {
 			let t = Me(e)?.getBoundingClientRect().width;
-			return $(t ?? 50);
+			return je(t ?? 50);
 		}
 		function Pe(e) {
-			return je(e) ?? Ne(e);
+			return $(e) ?? Ne(e);
 		}
 		function Fe(e) {
-			let t = Pe(e), n = le.value?.getBoundingClientRect().width ?? ce.value?.getBoundingClientRect().width ?? t;
-			return $(Math.max(t, n));
+			let t = Pe(e), n = ce.value?.getBoundingClientRect().width ?? se.value?.getBoundingClientRect().width ?? t;
+			return je(Math.max(t, n));
 		}
 		function Ie(e, t) {
-			Ae(e, { width: $(t) });
+			Ae(e, { width: je(t) });
 		}
 		function Le(e, t) {
 			Ie(e, Pe(e) + t);
 		}
 		function Re() {
-			Y.value = null, window.removeEventListener("pointermove", ze), window.removeEventListener("pointerup", Re), window.removeEventListener("pointercancel", Re);
+			le.value = null, window.removeEventListener("pointermove", ze), window.removeEventListener("pointerup", Re), window.removeEventListener("pointercancel", Re);
 		}
 		function ze(e) {
-			if (!Y.value) return;
-			let t = Y.value.startWidth + (e.clientX - Y.value.startX);
-			Ie(Y.value.key, t);
+			if (!le.value) return;
+			let t = le.value.startWidth + (e.clientX - le.value.startX);
+			Ie(le.value.key, t);
 		}
 		function Be(e, t) {
 			if (!h.resizableColumns) return;
 			e.preventDefault(), e.stopPropagation();
 			let n = Pe(t);
-			Ie(t, n), Y.value = {
+			Ie(t, n), le.value = {
 				key: t,
 				startX: e.clientX,
 				startWidth: n
@@ -3734,7 +3734,7 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 		}
 		function He(e) {
 			if (!h.resizableColumns) return;
-			let t = je(e.key);
+			let t = $(e.key);
 			if (t !== void 0) return {
 				width: `${t}px`,
 				minWidth: `${t}px`
@@ -3747,7 +3747,7 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 			return `${Ue(e)} pixels`;
 		}
 		let Ge = r(() => {
-			let e = oe?.vnode.props ?? {};
+			let e = ae?.vnode.props ?? {};
 			return "columnState" in e || "column-state" in e || "onUpdate:columnState" in e;
 		}), Ke = r(() => h.columns.filter((e) => ke(e.key).visible !== !1)), qe = V(), Je = r(() => Ke.value.length !== h.columns.length), Ye = r(() => Ge.value && h.columns.length > 0), Xe = r(() => !!qe.controls || !!qe["right-controls"]), Ze = r(() => h.resultCount ?? h.data.length);
 		function Qe(e) {
@@ -3778,17 +3778,17 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 		}), S(() => {
 			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", bi, [
-			nt.value ? (w(), o("div", xi, [
-				s("div", Si, [
-					me.value ? (w(), o("div", Ci, [l(ct, null, {
-						trigger: G(({ toggle: e }) => [l(Q, {
+		}), (n, r) => (w(), o("div", xi, [
+			nt.value ? (w(), o("div", Si, [
+				s("div", Ci, [
+					me.value ? (w(), o("div", wi, [l(lt, null, {
+						trigger: K(({ toggle: e }) => [l(Q, {
 							size: "small",
 							class: _(["g-sort-builder-trigger", { "g-sort-builder-trigger--active": X.value.length > 0 }]),
 							"aria-label": "Choose sort order",
 							onClick: e
 						}, {
-							default: G(() => [r[1] ||= s("svg", {
+							default: K(() => [r[1] ||= s("svg", {
 								class: "g-sort-builder-trigger-icon",
 								xmlns: "http://www.w3.org/2000/svg",
 								viewBox: "0 0 640 640",
@@ -3797,33 +3797,33 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 							}, [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), X.value.length ? (w(), o("span", wi, N(X.value.length), 1)) : a("", !0)]),
+							})], -1), X.value.length ? (w(), o("span", Ti, N(X.value.length), 1)) : a("", !0)]),
 							_: 1
 						}, 8, ["class", "onClick"])]),
-						default: G(() => [s("fieldset", {
+						default: K(() => [s("fieldset", {
 							ref_key: "sortBuilderRef",
-							ref: se,
+							ref: oe,
 							class: "g-sort-builder-popover",
 							tabindex: "-1",
 							"popover-focus": ""
 						}, [
 							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),
-							X.value.length ? (w(), o("ol", Ti, [(w(!0), o(e, null, O(X.value, (e, t) => (w(), o("li", {
+							X.value.length ? (w(), o("ol", Ei, [(w(!0), o(e, null, O(X.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": `${ve(e.key)} ${xe(e.order)} sort, priority ${t + 1}`
 							}, [
-								s("span", Di, N(t + 1), 1),
-								s("span", Oi, N(ve(e.key)), 1),
+								s("span", Oi, N(t + 1), 1),
+								s("span", ki, N(ve(e.key)), 1),
 								s("button", {
 									type: "button",
 									class: "g-sort-builder-direction",
 									"aria-label": `Toggle ${ve(e.key)} sort direction`,
 									onClick: (t) => Ee(e.key)
-								}, [s("span", Ai, N(xe(e.order)), 1), s("span", ji, [(w(), o("svg", {
+								}, [s("span", ji, N(xe(e.order)), 1), s("span", Mi, [(w(), o("svg", {
 									xmlns: "http://www.w3.org/2000/svg",
 									viewBox: "0 0 640 640",
 									height: "1.25em",
@@ -3831,18 +3831,18 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 								}, [...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, ki),
+								}, null, -1)]], 4))])], 8, Ai),
 								s("button", {
 									type: "button",
 									class: "g-sort-builder-remove",
 									"aria-label": `Remove ${ve(e.key)} sort`,
 									onClick: (t) => De(e.key)
-								}, " Remove ", 8, Mi)
-							], 8, Ei))), 128))])) : (w(), o("p", Ni, " No active sort rules. ")),
-							he.value.length ? (w(), o("div", Pi, [r[6] ||= s("p", { class: "g-sort-builder-add-label" }, " Add sort column ", -1), s("ul", Fi, [(w(!0), o(e, null, O(he.value, (e) => (w(), o("li", {
+								}, " Remove ", 8, Ni)
+							], 8, Di))), 128))])) : (w(), o("p", Pi, " No active sort rules. ")),
+							he.value.length ? (w(), o("div", Fi, [r[6] ||= s("p", { class: "g-sort-builder-add-label" }, " Add sort column ", -1), s("ul", Ii, [(w(!0), o(e, null, O(he.value, (e) => (w(), o("li", {
 								key: e.key,
 								class: "g-sort-builder-add-item"
-							}, [s("span", Ii, N(e.label), 1), s("div", Li, [s("button", {
+							}, [s("span", Li, N(e.label), 1), s("div", Ri, [s("button", {
 								type: "button",
 								class: "g-sort-builder-direction",
 								"aria-label": `Add ${e.label} ascending sort`,
@@ -3857,15 +3857,15 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 							}, [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, Ri), s("button", {
+							})])], -1)]], 8, zi), s("button", {
 								type: "button",
 								class: "g-sort-builder-direction",
 								"aria-label": `Add ${e.label} descending sort`,
 								onClick: (t) => Te(e.key, -1)
-							}, [r[5] ||= s("span", { class: "g-visually-hidden" }, " Add descending sort ", -1), s("span", Bi, [(w(), o("svg", Vi, [...r[4] ||= [s("path", {
+							}, [r[5] ||= s("span", { class: "g-visually-hidden" }, " Add descending sort ", -1), s("span", Vi, [(w(), o("svg", Hi, [...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, zi)])]))), 128))])])) : a("", !0),
+							}, null, -1)]]))])], 8, Bi)])]))), 128))])])) : a("", !0),
 							X.value.length ? (w(), i(Q, {
 								key: 3,
 								outlined: "",
@@ -3873,51 +3873,51 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 								class: "g-sort-builder-clear",
 								onClick: Oe
 							}, {
-								default: G(() => [...r[7] ||= [c(" Clear sort ", -1)]]),
+								default: K(() => [...r[7] ||= [c(" Clear sort ", -1)]]),
 								_: 1
 							})) : a("", !0)
 						], 512)]),
 						_: 1
 					})])) : a("", !0),
-					Ye.value ? (w(), o("div", Hi, [l(ct, null, {
-						trigger: G(({ toggle: e }) => [l(Q, {
+					Ye.value ? (w(), o("div", Ui, [l(lt, null, {
+						trigger: K(({ toggle: e }) => [l(Q, {
 							size: "small",
 							class: _(["g-column-visibility-trigger", { "g-column-visibility-trigger--active": Je.value }]),
 							"aria-label": "Choose visible columns",
 							onClick: e
 						}, {
-							default: G(() => [(w(), o("svg", Ui, [...r[10] ||= [s("path", {
+							default: K(() => [(w(), o("svg", Wi, [...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)]]))]),
 							_: 1
 						}, 8, ["class", "onClick"])]),
-						default: G(() => [s("fieldset", {
+						default: K(() => [s("fieldset", {
 							class: "g-column-visibility-popover",
-							"aria-labelledby": `${L(J)}-column-visibility-heading`
-						}, [s("div", Gi, [s("span", {
-							id: `${L(J)}-column-visibility-heading`,
+							"aria-labelledby": `${L(Y)}-column-visibility-heading`
+						}, [s("div", Ki, [s("span", {
+							id: `${L(Y)}-column-visibility-heading`,
 							class: "g-column-visibility-heading"
-						}, " Shown columns ", 8, Ki), s("span", qi, [l(Q, {
+						}, " Shown columns ", 8, qi), s("span", Ji, [l(Q, {
 							text: "",
 							size: "small",
 							class: _(["g-column-visibility-show-all", { "g-column-visibility-show-all--hidden": !Je.value }]),
 							onClick: et
 						}, {
-							default: G(() => [...r[11] ||= [c(" Show All ", -1)]]),
+							default: K(() => [...r[11] ||= [c(" Show All ", -1)]]),
 							_: 1
-						}, 8, ["class"])])]), s("div", Ji, [(w(!0), o(e, null, O(t.columns, (e) => (w(), o("label", {
+						}, 8, ["class"])])]), s("div", Yi, [(w(!0), o(e, null, O(t.columns, (e) => (w(), o("label", {
 							key: e.key,
 							class: "g-column-visibility-option"
 						}, [s("input", {
 							checked: Qe(e),
 							type: "checkbox",
 							onChange: (t) => $e(e, t.target.checked)
-						}, null, 40, Yi), s("span", null, N(e.label), 1)]))), 128))])], 8, Wi)]),
+						}, null, 40, Xi), s("span", null, N(e.label), 1)]))), 128))])], 8, Gi)]),
 						_: 1
 					})])) : a("", !0),
-					Xe.value ? (w(), o("div", Xi, [k(n.$slots, "controls")])) : a("", !0),
-					s("div", Zi, [L(E) ? (w(), i(Q, {
+					Xe.value ? (w(), o("div", Zi, [k(n.$slots, "controls")])) : a("", !0),
+					s("div", Qi, [L(E) ? (w(), i(Q, {
 						key: 0,
 						outlined: "",
 						size: "small",
@@ -3925,7 +3925,7 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 						"aria-label": "Clear Filters",
 						onClick: L(A)
 					}, {
-						default: G(() => [...r[12] ||= [s("svg", {
+						default: K(() => [...r[12] ||= [s("svg", {
 							xmlns: "http://www.w3.org/2000/svg",
 							viewBox: "0 0 640 640",
 							height: "1.5em",
@@ -3937,48 +3937,48 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 						_: 1
 					}, 8, ["onClick"])) : a("", !0)])
 				]),
-				tt.value ? (w(), o("div", Qi, [l(ci, {
+				tt.value ? (w(), o("div", $i, [l(li, {
 					start: t.startIndex,
 					"page-size": t.pageSize,
 					"page-sizes": t.pageSizes,
 					total: Ze.value,
-					"onUpdate:start": q,
-					"onUpdate:pageSize": ae
+					"onUpdate:start": J,
+					"onUpdate:pageSize": ie
 				}, null, 8, [
 					"start",
 					"page-size",
 					"page-sizes",
 					"total"
 				])])) : a("", !0),
-				s("div", $i, [s("span", ea, N(Ze.value) + " results", 1), k(n.$slots, "right-controls")])
+				s("div", ea, [s("span", ta, N(Ze.value) + " results", 1), k(n.$slots, "right-controls")])
 			])) : a("", !0),
 			s("div", {
 				ref_key: "tableWrapRef",
-				ref: le,
+				ref: ce,
 				class: "g-table-table-wrap"
 			}, [s("table", {
 				id: ue,
 				class: _(["g-table", { "g-table--resizable": t.resizableColumns }]),
 				ref_key: "tableRef",
-				ref: ce,
+				ref: se,
 				"aria-label": t.label,
 				"aria-rowcount": Ze.value
 			}, [
-				s("colgroup", null, [t.bulkSelectionEnabled ? (w(), o("col", na)) : a("", !0), (w(!0), o(e, null, O(Ke.value, (e) => (w(), o("col", {
+				s("colgroup", null, [t.bulkSelectionEnabled ? (w(), o("col", ra)) : a("", !0), (w(!0), o(e, null, O(Ke.value, (e) => (w(), o("col", {
 					key: e.key,
 					"data-column-key": String(e.key),
 					style: y(He(e))
-				}, null, 12, ra))), 128))]),
-				s("thead", ia, [s("tr", aa, [t.bulkSelectionEnabled ? (w(), o("th", oa, [s("input", {
+				}, null, 12, ia))), 128))]),
+				s("thead", aa, [s("tr", oa, [t.bulkSelectionEnabled ? (w(), o("th", sa, [s("input", {
 					type: "checkbox",
 					checked: F.value,
 					indeterminate: I.value,
 					onChange: H,
 					"aria-label": F.value ? "Deselect all rows" : "Select all rows",
 					class: "g-bulk-select-checkbox"
-				}, null, 40, sa)])) : a("", !0), (w(!0), o(e, null, O(Ke.value, (e) => (w(), o("th", {
+				}, null, 40, ca)])) : a("", !0), (w(!0), o(e, null, O(Ke.value, (e) => (w(), o("th", {
 					key: e.key,
-					id: `${L(J)}-th-${String(e.key)}`,
+					id: `${L(Y)}-th-${String(e.key)}`,
 					"aria-sort": ye(e.key),
 					class: _([
 						"g-th",
@@ -3987,14 +3987,14 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 						{ filtered: L(T)[e.key] }
 					]),
 					scope: "col"
-				}, [s("div", la, [e.sortable ? (w(), o("button", {
+				}, [s("div", ua, [e.sortable ? (w(), o("button", {
 					key: 0,
 					type: "button",
 					class: "g-column-head",
 					onClick: (t) => we(e, t.shiftKey)
 				}, [
 					c(N(e.label) + " ", 1),
-					ge(e.key) === -1 ? a("", !0) : (w(), o("span", da, [(w(), o("svg", {
+					ge(e.key) === -1 ? a("", !0) : (w(), o("span", fa, [(w(), o("svg", {
 						xmlns: "http://www.w3.org/2000/svg",
 						viewBox: "0 0 640 640",
 						height: "1.5em",
@@ -4003,10 +4003,10 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 						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))])),
-					ge(e.key) === -1 ? a("", !0) : (w(), o("span", fa, N(be(e.key)), 1))
-				], 8, ua)) : (w(), o("span", pa, N(e.label), 1)), e.filter ? (w(), i(ct, { key: 2 }, {
-					trigger: G(({ toggle: t }) => [s("button", {
-						onClick: K(t, ["stop"]),
+					ge(e.key) === -1 ? a("", !0) : (w(), o("span", pa, N(be(e.key)), 1))
+				], 8, da)) : (w(), o("span", ma, N(e.label), 1)), e.filter ? (w(), i(lt, { key: 2 }, {
+					trigger: K(({ toggle: t }) => [s("button", {
+						onClick: q(t, ["stop"]),
 						"aria-label": L(T)[e.key] ? "Column Filtered" : "Filter Column",
 						class: _(["g-filter-btn", { "g-active": L(T)[e.key] }]),
 						type: "button"
@@ -4018,8 +4018,8 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 					}, [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, ma)]),
-					default: G(() => [e.filter.type === "select" ? (w(), i(Jt, {
+					})], -1)]], 10, ha)]),
+					default: K(() => [e.filter.type === "select" ? (w(), i(Yt, {
 						key: 0,
 						modelValue: f.value[e.key],
 						"onUpdate:modelValue": (t) => f.value[e.key] = t,
@@ -4034,7 +4034,7 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 						"onUpdate:modelValue",
 						"options",
 						"search-description"
-					])) : e.filter.type === "search" ? (w(), o("div", ha, [r[15] ||= s("span", {
+					])) : e.filter.type === "search" ? (w(), o("div", ga, [r[15] ||= s("span", {
 						class: "g-filter-search-icon",
 						"aria-hidden": "true"
 					}, [s("svg", {
@@ -4044,26 +4044,26 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 					}, [s("path", {
 						fill: "currentColor",
 						d: "M30 9.76A14.05 14.05 0 1 0 28.3 31l11.3 13a3.34 3.34 0 0 0 4.72-4.72L31.44 27.86A14.05 14.05 0 0 0 30 9.76ZM27.27 27a10.26 10.26 0 1 1 0-14.5 10.25 10.25 0 0 1 0 14.5Z"
-					})])], -1), re(s("input", {
+					})])], -1), ne(s("input", {
 						type: "search",
 						class: "g-filter-search-input",
 						"onUpdate:modelValue": (t) => f.value[e.key] = t,
 						placeholder: e.filter.placeholder,
 						"aria-label": `Search ${e.label}`
-					}, null, 8, ga), [[ee, f.value[e.key]]])])) : e.filter.type === "toggle" ? (w(), o("div", _a, [s("div", va, [
-						re(s("input", {
+					}, null, 8, _a), [[W, f.value[e.key]]])])) : e.filter.type === "toggle" ? (w(), o("div", va, [s("div", ya, [
+						ne(s("input", {
 							type: "checkbox",
 							"onUpdate:modelValue": (t) => f.value[e.key] = t,
-							id: `${L(J)}-filter-${String(e.key)}`,
-							"aria-describedby": e.filter.description ? `${L(J)}-filter-description-${String(e.key)}` : void 0
-						}, null, 8, ya), [[U, f.value[e.key]]]),
-						s("label", { for: `${L(J)}-filter-${String(e.key)}` }, N(e.filter.label), 9, ba),
+							id: `${L(Y)}-filter-${String(e.key)}`,
+							"aria-describedby": e.filter.description ? `${L(Y)}-filter-description-${String(e.key)}` : void 0
+						}, null, 8, ba), [[U, f.value[e.key]]]),
+						s("label", { for: `${L(Y)}-filter-${String(e.key)}` }, N(e.filter.label), 9, xa),
 						e.filter.description ? (w(), o("span", {
 							key: 0,
 							class: "g-filter-description",
-							id: `${L(J)}-filter-description-${String(e.key)}`
-						}, N(e.filter.description), 9, xa)) : a("", !0)
-					])])) : e.filter.type === "multi-select" && e.filter.searchable ? (w(), i(Or, {
+							id: `${L(Y)}-filter-description-${String(e.key)}`
+						}, N(e.filter.description), 9, Sa)) : a("", !0)
+					])])) : e.filter.type === "multi-select" && e.filter.searchable ? (w(), i(kr, {
 						key: 3,
 						modelValue: f.value[e.key],
 						"onUpdate:modelValue": (t) => f.value[e.key] = t,
@@ -4078,7 +4078,7 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 						"options",
 						"placeholder",
 						"search-description"
-					])) : e.filter.type === "multi-select" ? (w(), o("div", Sa, [l(zr, {
+					])) : e.filter.type === "multi-select" ? (w(), o("div", Ca, [l(Br, {
 						modelValue: f.value[e.key],
 						"onUpdate:modelValue": (t) => f.value[e.key] = t,
 						options: rt(e),
@@ -4094,14 +4094,14 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 						size: "small",
 						onClick: (t) => f.value[e.key] = []
 					}, {
-						default: G(() => [...r[16] ||= [c(" Clear ", -1)]]),
+						default: K(() => [...r[16] ||= [c(" Clear ", -1)]]),
 						_: 1
 					}, 8, ["onClick"])) : a("", !0)])) : a("", !0)]),
 					_: 2
 				}, 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": Y.value?.key === e.key }]),
+					class: _(["g-column-resize-handle", { "g-column-resize-handle--active": le.value?.key === e.key }]),
 					role: "separator",
 					tabindex: "0",
 					"aria-orientation": "vertical",
@@ -4111,11 +4111,11 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 					"aria-valuemax": Fe(e.key),
 					"aria-valuenow": Ue(e.key),
 					"aria-valuetext": We(e.key),
-					onClick: r[0] ||= K(() => {}, ["stop", "prevent"]),
+					onClick: r[0] ||= q(() => {}, ["stop", "prevent"]),
 					onKeydown: (t) => Ve(t, e.key),
 					onPointerdown: (t) => Be(t, e.key)
-				}, null, 42, Ca)) : a("", !0)], 10, ca))), 128))])]),
-				l(fr, {
+				}, null, 42, wa)) : a("", !0)], 10, la))), 128))])]),
+				l(pr, {
 					data: t.data,
 					columns: Ke.value,
 					"group-by": t.groupBy,
@@ -4125,11 +4125,11 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 					"start-index": t.startIndex,
 					"bulk-selection-enabled": t.bulkSelectionEnabled,
 					"selected-rows": m.value,
-					"table-id": L(J),
+					"table-id": L(Y),
 					"change-tracker": t.changeTracker,
-					onRowClick: W,
-					onToggleRow: te,
-					onCellChange: ie
+					onRowClick: G,
+					onToggleRow: ee,
+					onCellChange: re
 				}, null, 8, [
 					"data",
 					"columns",
@@ -4143,18 +4143,18 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 					"table-id",
 					"change-tracker"
 				])
-			], 10, ta)], 512),
-			t.bulkSelectionEnabled && m.value.length > 0 ? (w(), o("div", wa, [s("span", Ta, N(m.value.length) + " row" + N(m.value.length === 1 ? "" : "s") + " selected", 1), s("ul", Ea, [(w(!0), o(e, null, O(t.bulkActions, (e) => (w(), o("li", { key: e.id }, [l(Q, {
+			], 10, na)], 512),
+			t.bulkSelectionEnabled && m.value.length > 0 ? (w(), o("div", Ta, [s("span", Ea, N(m.value.length) + " row" + N(m.value.length === 1 ? "" : "s") + " selected", 1), s("ul", Da, [(w(!0), o(e, null, O(t.bulkActions, (e) => (w(), o("li", { key: e.id }, [l(Q, {
 				theme: e.theme || "accent",
-				onClick: (t) => ne(e.id),
+				onClick: (t) => te(e.id),
 				size: "small"
 			}, {
-				default: G(() => [c(N(e.label) + " " + N(m.value.length) + " row" + N(m.value.length === 1 ? "" : "s"), 1)]),
+				default: K(() => [c(N(e.label) + " " + N(m.value.length) + " row" + N(m.value.length === 1 ? "" : "s"), 1)]),
 				_: 2
 			}, 1032, ["theme", "onClick"])]))), 128))])])) : a("", !0)
 		]));
 	}
-}), Oa = ["id"], ka = { class: "g-modal-inner" }, Aa = { class: "g-modal-header" }, ja = ["id"], Ma = ["id"], Na = /* @__PURE__ */ u({
+}), ka = ["id"], Aa = { class: "g-modal-inner" }, ja = { class: "g-modal-header" }, Ma = ["id"], Na = ["id"], Pa = /* @__PURE__ */ u({
 	__name: "GModal",
 	props: {
 		label: {},
@@ -4168,11 +4168,11 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 	},
 	emits: ["close"],
 	setup(e, { emit: c }) {
-		let u = e, d = c, f = H("dialog"), p = D(!0), m = z(), { pop: g, push: _, isTop: v, zIndex: y } = qe(m, !0, !0), { deactivate: x, activate: C } = tt(f, v);
+		let u = e, d = c, f = H("dialog"), p = D(!0), m = z(), { pop: g, push: _, isTop: v, zIndex: y } = Je(m, !0, !0), { deactivate: x, activate: C } = nt(f, v);
 		function T() {
 			d("close");
 		}
-		nt([f], v, p, T, g), S(() => {
+		rt([f], v, p, T, g), S(() => {
 			_(), C();
 		}), b(() => {
 			g(), x();
@@ -4185,7 +4185,7 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 			name: "g-fade",
 			appear: ""
 		}, {
-			default: G(() => [s("div", h({
+			default: K(() => [s("div", h({
 				id: "modal-" + L(m),
 				class: ["g-modal", E.value],
 				role: "dialog",
@@ -4198,12 +4198,12 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 				ref_key: "dialog",
 				ref: f,
 				style: { zIndex: L(y) }
-			}), [s("div", ka, [s("div", Aa, [e.hiddenLabel ? a("", !0) : (w(), o("h2", {
+			}), [s("div", Aa, [s("div", ja, [e.hiddenLabel ? a("", !0) : (w(), o("h2", {
 				key: 0,
 				id: "modal-label-" + L(m),
 				class: "g-modal-label",
 				tabindex: "-1"
-			}, N(e.label), 9, ja)), s("button", {
+			}, N(e.label), 9, Ma)), s("button", {
 				class: "g-modal-close",
 				onClick: T,
 				"aria-label": "Close"
@@ -4218,36 +4218,36 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 			})], -1)]])]), s("div", {
 				id: "modal-description-" + L(m),
 				class: "g-modal-content"
-			}, [k(r.$slots, "default")], 8, Ma)])], 16, Oa)]),
+			}, [k(r.$slots, "default")], 8, Na)])], 16, ka)]),
 			_: 3
 		})]));
 	}
-}), Pa = /* @__PURE__ */ u({
+}), Fa = /* @__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}`]) }, [k(e.$slots, "default")], 2));
 	}
-}), Fa = { class: "g-detail-list-item" }, Ia = { class: "g-detail-list-item__label" }, La = { class: "g-detail-list-item__value" }, Ra = /* @__PURE__ */ u({
+}), Ia = { class: "g-detail-list-item" }, La = { class: "g-detail-list-item__label" }, Ra = { class: "g-detail-list-item__value" }, za = /* @__PURE__ */ u({
 	__name: "GDetailListItem",
 	props: { label: {} },
 	setup(e) {
-		return (t, n) => (w(), o("div", Fa, [s("dt", Ia, [k(t.$slots, "label", {}, () => [c(N(e.label), 1)])]), s("dd", La, [k(t.$slots, "default")])]));
+		return (t, n) => (w(), o("div", Ia, [s("dt", La, [k(t.$slots, "label", {}, () => [c(N(e.label), 1)])]), s("dd", Ra, [k(t.$slots, "default")])]));
 	}
-}), za = {
+}), Ba = {
 	key: 0,
 	class: "g-scroll-lock-overlay"
-}, Ba = /* @__PURE__ */ u({
+}, Va = /* @__PURE__ */ u({
 	__name: "GOverlay",
 	setup(e) {
-		let { hasScrollLock: t } = Je();
+		let { hasScrollLock: t } = Ye();
 		return (e, r) => (w(), i(n, { name: "g-fade" }, {
-			default: G(() => [L(t) ? (w(), o("div", za)) : a("", !0)]),
+			default: K(() => [L(t) ? (w(), o("div", Ba)) : a("", !0)]),
 			_: 1
 		}));
 	}
-}), Va = { class: "popover-content" }, Ha = { class: "year-dropdown" }, Ua = { class: "month-selector" }, Wa = /* @__PURE__ */ u({
+}), Ha = { class: "popover-content" }, Ua = { class: "year-dropdown" }, Wa = { class: "month-selector" }, Ga = /* @__PURE__ */ u({
 	__name: "GTermSelectorControl",
 	props: /*@__PURE__*/ m({
 		termYears: { default: () => ["2026"] },
@@ -4268,7 +4268,7 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = B(e, "modelValue");
-		return (n, r) => (w(), o("div", Va, [s("div", Ha, [l(Jt, {
+		return (n, r) => (w(), o("div", Ha, [s("div", Ua, [l(Yt, {
 			modelValue: t.value.year,
 			"onUpdate:modelValue": r[0] ||= (e) => t.value.year = e,
 			options: e.termYears,
@@ -4277,7 +4277,7 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 			"modelValue",
 			"options",
 			"label"
-		])]), s("div", Ua, [l(Ct, {
+		])]), s("div", Wa, [l(wt, {
 			modelValue: t.value.name,
 			"onUpdate:modelValue": r[1] ||= (e) => t.value.name = e,
 			options: e.termNames,
@@ -4289,10 +4289,10 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 			"label"
 		])])]));
 	}
-}), Ga = { class: "g-term-selector" }, Ka = { class: "g-term-label" }, qa = {
+}), Ka = { class: "g-term-selector" }, qa = { class: "g-term-label" }, Ja = {
 	class: "g-popover-title",
 	tabindex: "-1"
-}, Ja = /* @__PURE__ */ u({
+}, Ya = /* @__PURE__ */ u({
 	__name: "GTermSelector",
 	props: /*@__PURE__*/ m({
 		heading: { default: "Period Selection" },
@@ -4314,20 +4314,20 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = B(e, "modelValue");
-		return (n, r) => (w(), o("div", Ga, [l(ct, null, {
-			trigger: G(({ toggle: e }) => [l(Q, {
+		return (n, r) => (w(), o("div", Ka, [l(lt, null, {
+			trigger: K(({ toggle: e }) => [l(Q, {
 				class: "g-term-selector-button",
 				theme: "none",
 				outlined: "",
 				onClick: e
 			}, {
-				default: G(() => [
+				default: K(() => [
 					r[0] ||= s("span", { class: "g-calendar-icon" }, [s("svg", {
 						role: "none",
 						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", Ka, N(t.value?.name) + " " + N(t.value?.year), 1),
+					s("span", qa, N(t.value?.name) + " " + N(t.value?.year), 1),
 					r[1] ||= s("span", { class: "g-caret" }, [s("svg", {
 						role: "none",
 						xmlns: "http://www.w3.org/2000/svg",
@@ -4336,15 +4336,15 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 				]),
 				_: 1
 			}, 8, ["onClick"])]),
-			default: G(() => [s("h2", qa, N(e.heading), 1), l(Wa, v(f(n.$props)), null, 16)]),
+			default: K(() => [s("h2", Ja, N(e.heading), 1), l(Ga, v(f(n.$props)), null, 16)]),
 			_: 1
 		})]));
 	}
-}), Ya = { class: "g-user-menu" }, Xa = [
+}), Xa = { class: "g-user-menu" }, Za = [
 	"aria-label",
 	"aria-expanded",
 	"onClick"
-], Za = { class: "g-user-menu__popover" }, Qa = { class: "g-user-menu__list" }, $a = /* @__PURE__ */ u({
+], Qa = { class: "g-user-menu__popover" }, $a = { class: "g-user-menu__list" }, eo = /* @__PURE__ */ u({
 	__name: "GUserMenu",
 	props: {
 		initials: {},
@@ -4356,20 +4356,20 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 		let n = `${z()}-email`, r = D(!1), a = H("emailHeading");
 		d()?.appContext?.components?.RouterLink;
 		let c = V();
-		return (u, d) => (w(), o("div", Ya, [l(ct, {
+		return (u, d) => (w(), o("div", Xa, [l(lt, {
 			modelValue: r.value,
 			"onUpdate:modelValue": d[0] ||= (e) => r.value = e,
 			minimal: ""
 		}, {
-			trigger: G(({ toggle: e }) => [s("button", {
+			trigger: K(({ toggle: e }) => [s("button", {
 				class: "g-user-menu__avatar",
 				style: y({ backgroundColor: t.color }),
 				"aria-label": t.initials + " - " + t.label,
 				"aria-expanded": r.value,
 				"aria-haspopup": "menu",
 				onClick: e
-			}, N(t.initials), 13, Xa)]),
-			default: G(() => [s("div", Za, [s("h2", {
+			}, N(t.initials), 13, Za)]),
+			default: K(() => [s("div", Qa, [s("h2", {
 				id: n,
 				ref_key: "emailHeading",
 				ref: a,
@@ -4378,11 +4378,11 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 			}, N(t.email), 513), s("nav", {
 				class: "g-user-menu__nav",
 				"aria-labelledby": n
-			}, [s("ul", Qa, [(w(!0), o(e, null, O(c.default(), (e, t) => (w(), o("li", { key: t }, [(w(), i(A(e)))]))), 128))])])])]),
+			}, [s("ul", $a, [(w(!0), o(e, null, O(c.default(), (e, t) => (w(), o("li", { key: t }, [(w(), i(A(e)))]))), 128))])])])]),
 			_: 1
 		}, 8, ["modelValue"])]));
 	}
-}), eo = /* @__PURE__ */ u({
+}), to = /* @__PURE__ */ u({
 	__name: "GCurrencyInput",
 	props: /*@__PURE__*/ m({
 		label: { default: void 0 },
@@ -4406,7 +4406,7 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = e, n = B(e, "modelValue");
-		return (e, r) => (w(), i(ze, h({
+		return (e, r) => (w(), i(Be, h({
 			modelValue: n.value,
 			"onUpdate:modelValue": r[0] ||= (e) => n.value = e,
 			name: t.name,
@@ -4433,7 +4433,7 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 			"form-key"
 		]));
 	}
-}), to = /* @__PURE__ */ u({
+}), no = /* @__PURE__ */ u({
 	__name: "GEmailInput",
 	props: /*@__PURE__*/ m({
 		label: { default: void 0 },
@@ -4456,7 +4456,7 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = B(e, "modelValue");
-		return (n, r) => (w(), i(ze, h({
+		return (n, r) => (w(), i(Be, h({
 			modelValue: t.value,
 			"onUpdate:modelValue": r[0] ||= (e) => t.value = e,
 			name: e.name,
@@ -4478,13 +4478,13 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 			"instructions"
 		]));
 	}
-}), no = ["for"], ro = {
+}), ro = ["for"], io = {
 	key: 0,
 	class: "g-file-input-required"
-}, io = {
+}, ao = {
 	key: 0,
 	class: "g-file-input-box-header"
-}, ao = ["id"], oo = [
+}, oo = ["id"], so = [
 	"id",
 	"disabled",
 	"required",
@@ -4493,11 +4493,11 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 	"aria-invalid",
 	"aria-describedby",
 	"aria-errormessage"
-], so = {
+], co = {
 	key: 1,
 	class: "g-file-input-pills",
 	"aria-label": "Selected files"
-}, co = /* @__PURE__ */ u({
+}, lo = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GFileInput",
 	props: /*@__PURE__*/ m({
@@ -4554,12 +4554,12 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 				key: 0,
 				for: L(d),
 				class: "g-file-input-label"
-			}, [c(N(t.label) + " ", 1), t.required ? (w(), o("span", ro, "*")) : a("", !0)], 8, no)) : a("", !0),
+			}, [c(N(t.label) + " ", 1), t.required ? (w(), o("span", io, "*")) : a("", !0)], 8, ro)) : a("", !0),
 			s("div", { class: _(["g-file-input-box", { "g-file-input-box--disabled": t.disabled }]) }, [
-				t.instructions ? (w(), o("div", io, [s("span", {
+				t.instructions ? (w(), o("div", ao, [s("span", {
 					id: "instructions-" + L(d),
 					class: "g-file-input-instructions"
-				}, N(t.instructions), 9, ao)])) : a("", !0),
+				}, N(t.instructions), 9, oo)])) : a("", !0),
 				s("input", {
 					id: L(d),
 					type: "file",
@@ -4572,8 +4572,8 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 					"aria-describedby": t.instructions ? "instructions-" + L(d) : void 0,
 					"aria-errormessage": y.value ? "error-message-" + L(d) : void 0,
 					onChange: g
-				}, null, 40, oo),
-				t.multiple && b.value.length > 0 ? (w(), o("ul", so, [(w(!0), o(e, null, O(b.value, (e) => (w(), o("li", {
+				}, null, 40, so),
+				t.multiple && b.value.length > 0 ? (w(), o("ul", co, [(w(!0), o(e, null, O(b.value, (e) => (w(), o("li", {
 					key: e,
 					class: "g-file-input-pill"
 				}, [r[0] ||= s("svg", {
@@ -4583,13 +4583,13 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 					viewBox: "0 0 640 640"
 				}, [s("path", { d: "M192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 234.5C512 217.5 505.3 201.2 493.3 189.2L386.7 82.7C374.7 70.7 358.5 64 341.5 64L192 64zM453.5 240L360 240C346.7 240 336 229.3 336 216L336 122.5L453.5 240z" })], -1), c(" " + N(e), 1)]))), 128))])) : a("", !0)
 			], 2),
-			l(Me, {
+			l(Ne, {
 				errors: v.value,
 				id: "error-message-" + L(d)
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), lo = /* @__PURE__ */ u({
+}), uo = /* @__PURE__ */ u({
 	__name: "GDateInput",
 	props: /*@__PURE__*/ m({
 		label: { default: void 0 },
@@ -4613,7 +4613,7 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = e, n = B(e, "modelValue");
-		return (e, r) => (w(), i(ze, h({
+		return (e, r) => (w(), i(Be, h({
 			modelValue: n.value,
 			"onUpdate:modelValue": r[0] ||= (e) => n.value = e,
 			name: t.name,
@@ -4637,21 +4637,21 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 			"form-key"
 		]));
 	}
-}), uo = { class: "g-date-range-input" }, fo = {
+}), fo = { class: "g-date-range-input" }, po = {
 	key: 0,
 	class: "g-date-range-input__label"
-}, po = {
+}, mo = {
 	key: 0,
 	class: "g-date-range-input__required",
 	"aria-hidden": "true"
-}, mo = {
+}, ho = {
 	key: 1,
 	class: "g-date-range-input__instructions"
-}, ho = { class: "g-date-range-input__fields" }, go = {
+}, go = { class: "g-date-range-input__fields" }, _o = {
 	key: 2,
 	class: "g-date-range-input__errors",
 	role: "alert"
-}, _o = /* @__PURE__ */ u({
+}, vo = /* @__PURE__ */ u({
 	__name: "GDateRangeInput",
 	props: /*@__PURE__*/ m({
 		label: { default: void 0 },
@@ -4684,17 +4684,17 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 			errors: F(n, "errors"),
 			formKey: n.formKey
 		});
-		return W([i, u], () => {
+		return G([i, u], () => {
 			r.value = {
 				start: i.value,
 				end: u.value
 			};
-		}), W(r, (e) => {
+		}), G(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", uo, [
-			n.label ? (w(), o("div", fo, [c(N(n.label), 1), n.required ? (w(), o("span", po, " *")) : a("", !0)])) : a("", !0),
-			n.instructions ? (w(), o("div", mo, N(n.instructions), 1)) : a("", !0),
-			s("div", ho, [l(lo, {
+		}, { deep: !0 }), (t, r) => (w(), o("div", fo, [
+			n.label ? (w(), o("div", po, [c(N(n.label), 1), n.required ? (w(), o("span", mo, " *")) : a("", !0)])) : a("", !0),
+			n.instructions ? (w(), o("div", ho, N(n.instructions), 1)) : a("", !0),
+			s("div", go, [l(uo, {
 				modelValue: i.value,
 				"onUpdate:modelValue": r[0] ||= (e) => i.value = e,
 				label: n.startLabel,
@@ -4706,7 +4706,7 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 				"label",
 				"disabled",
 				"required"
-			]), l(lo, {
+			]), l(uo, {
 				modelValue: u.value,
 				"onUpdate:modelValue": r[1] ||= (e) => u.value = e,
 				label: n.endLabel,
@@ -4719,13 +4719,13 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 				"disabled",
 				"required"
 			])]),
-			L(d).length > 0 ? (w(), o("div", go, [(w(!0), o(e, null, O(L(d), (e, t) => (w(), o("div", {
+			L(d).length > 0 ? (w(), o("div", _o, [(w(!0), o(e, null, O(L(d), (e, t) => (w(), o("div", {
 				key: t,
 				class: "g-date-range-input__error"
 			}, N(e), 1))), 128))])) : a("", !0)
 		]));
 	}
-}), vo = ["action", "method"], yo = /* @__PURE__ */ u({
+}), yo = ["action", "method"], bo = /* @__PURE__ */ u({
 	__name: "GForm",
 	props: /*@__PURE__*/ m({
 		action: { default: void 0 },
@@ -4737,10 +4737,10 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 	}),
 	emits: /*@__PURE__*/ m(["submit"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, r = B(e, "modelValue"), i = t, a = p("form", null), s = a ?? (Z() ? Ae(n.formKey) : Oe());
-		a || T("form", s), W(() => s.values.value, (e) => {
+		let n = e, r = B(e, "modelValue"), i = t, a = p("form", null), s = a ?? (Z() ? je(n.formKey) : ke());
+		a || T("form", s), G(() => s.values.value, (e) => {
 			r.value = { ...e };
-		}, { deep: !0 }), W(() => r.value, (e) => {
+		}, { deep: !0 }), G(() => r.value, (e) => {
 			e && Object.entries(e).forEach(([e, t]) => {
 				let n = s.fields[e];
 				n && n.value.value !== t && (n.value.value = t);
@@ -4765,9 +4765,9 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 			hasErrors: L(s).hasErrors.value,
 			values: L(s).values.value,
 			errors: L(s).errors.value
-		})], 40, vo));
+		})], 40, yo));
 	}
-}), bo = /* @__PURE__ */ u({
+}), xo = /* @__PURE__ */ u({
 	__name: "GSubmitButton",
 	props: {
 		disabled: {
@@ -4779,22 +4779,22 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 		formKey: { default: "default" }
 	},
 	setup(e) {
-		let t = e, n = R(), a = typeof n["form-key"] == "string" ? n["form-key"] : void 0, o = t.formKey || a || "default", l = p("form", null) ?? (Z() ? Ae(o) : null), u = r(() => t.disabled || (l?.isSubmitting.value ?? !1)), d = r(() => l?.isSubmitting.value ?? !1);
+		let t = e, n = R(), a = typeof n["form-key"] == "string" ? n["form-key"] : void 0, o = t.formKey || a || "default", l = p("form", null) ?? (Z() ? je(o) : null), u = r(() => t.disabled || (l?.isSubmitting.value ?? !1)), d = r(() => l?.isSubmitting.value ?? !1);
 		return (e, n) => (w(), i(Q, {
 			type: "submit",
 			disabled: u.value,
 			variant: t.variant,
 			class: "g-submit-button"
 		}, {
-			default: G(() => [re(s("span", null, N(t.loadingText), 513), [[te, d.value]]), re(s("span", null, [k(e.$slots, "default", {}, () => [n[0] ||= c("Submit", -1)])], 512), [[te, !d.value]])]),
+			default: K(() => [ne(s("span", null, N(t.loadingText), 513), [[ee, d.value]]), ne(s("span", null, [k(e.$slots, "default", {}, () => [n[0] ||= c("Submit", -1)])], 512), [[ee, !d.value]])]),
 			_: 3
 		}, 8, ["disabled", "variant"]));
 	}
-}), xo = ["for"], So = {
+}), So = ["for"], Co = {
 	key: 0,
 	class: "g-textarea-required",
 	"aria-hidden": "true"
-}, Co = ["id"], wo = [
+}, wo = ["id"], To = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -4803,11 +4803,11 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 	"rows",
 	"maxlength",
 	"aria-invalid"
-], To = {
+], Eo = {
 	key: 2,
 	class: "g-textarea-char-count",
 	"aria-live": "polite"
-}, Eo = /* @__PURE__ */ u({
+}, Do = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GTextarea",
 	props: /*@__PURE__*/ m({
@@ -4841,7 +4841,7 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 	}),
 	emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, i = B(e, "modelValue"), u = z(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = pe({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: v, hasErrors: y } = $({
+		let n = e, i = B(e, "modelValue"), u = z(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = me({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: v, hasErrors: y } = $({
 			name: n.name,
 			value: i,
 			errors: F(n, "errors"),
@@ -4851,7 +4851,7 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 			let e = x.value;
 			e && (e.style.height = "auto", e.style.height = `${e.scrollHeight}px`);
 		}
-		W(() => i.value, () => {
+		G(() => i.value, () => {
 			n.autoGrow && g(S);
 		});
 		function C(e) {
@@ -4881,12 +4881,12 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 				key: 0,
 				for: m.value,
 				class: "g-textarea-label"
-			}, [c(N(n.label), 1), n.required ? (w(), o("span", So, " *")) : a("", !0)], 8, xo)) : a("", !0),
+			}, [c(N(n.label), 1), n.required ? (w(), o("span", Co, " *")) : a("", !0)], 8, So)) : a("", !0),
 			t.$slots.instructions || e.instructions ? (w(), o("div", {
 				key: 1,
 				id: "instructions-" + L(u),
 				class: "g-textarea-instructions"
-			}, [k(t.$slots, "instructions", {}, () => [c(N(e.instructions), 1)])], 8, Co)) : a("", !0),
+			}, [k(t.$slots, "instructions", {}, () => [c(N(e.instructions), 1)])], 8, wo)) : a("", !0),
 			s("textarea", h({
 				ref: "textareaEl",
 				value: i.value ?? "",
@@ -4907,36 +4907,101 @@ var bi = { class: "g-table-outer-wrap" }, xi = {
 				onInput: T,
 				onBlur: E,
 				onPaste: D
-			}), null, 16, wo),
-			n.maxlength === void 0 ? a("", !0) : (w(), o("div", To, N((i.value ?? "").length) + " / " + N(n.maxlength), 1)),
-			l(Me, {
+			}), null, 16, To),
+			n.maxlength === void 0 ? a("", !0) : (w(), o("div", Eo, N((i.value ?? "").length) + " / " + N(n.maxlength), 1)),
+			l(Ne, {
 				errors: L(v),
 				id: "error-message-" + L(u)
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
+}), Oo = { class: "g-toggle-wrapper" }, ko = { class: "g-toggle-control" }, Ao = ["for"], jo = [
+	"id",
+	"checked",
+	"disabled",
+	"aria-describedby",
+	"aria-invalid",
+	"aria-errormessage"
+], Mo = ["id"], No = /* @__PURE__ */ u({
+	__name: "GToggle",
+	props: /*@__PURE__*/ m({
+		label: {},
+		describedby: {},
+		error: {},
+		disabled: { type: Boolean }
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
+	setup(e, { emit: t }) {
+		let n = e, r = B(e, "modelValue"), i = t;
+		function l(e) {
+			let t = r.value;
+			r.value = e, e !== t && i("change", {
+				was: t,
+				to: e
+			});
+		}
+		function u(e) {
+			n.disabled || l(e);
+		}
+		function d(e) {
+			e.target instanceof HTMLInputElement && u(e.target.checked);
+		}
+		function f(e) {
+			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 = z(), m = z();
+		return (t, n) => (w(), o("div", Oo, [s("div", ko, [s("label", {
+			class: "g-label",
+			for: L(m)
+		}, [k(t.$slots, "label", {}, () => [c(N(e.label), 1)])], 8, Ao), 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", {
+			id: L(m),
+			type: "checkbox",
+			checked: r.value,
+			disabled: e.disabled,
+			"aria-describedby": e.describedby,
+			"aria-invalid": e.error ? "true" : void 0,
+			"aria-errormessage": e.error ? L(p) + "-error" : void 0,
+			onChange: d,
+			onKeydown: f
+		}, null, 40, jo)], 2)], 2)]), e.error ? (w(), o("div", {
+			key: 0,
+			id: `${L(p)}-error`,
+			class: "g-form-error",
+			role: "alert",
+			"aria-atomic": "true"
+		}, N(e.error), 9, Mo)) : a("", !0)]));
+	}
 });
 //#endregion
 //#region src/compose/useActiveLink.ts
-function Do(e, t, n) {
+function Po(e, t, n) {
 	let r = [
 		0,
 		.25,
 		.5,
 		.75,
 		1
-	], i = `${-t}px 0px 0px 0px`, a = /* @__PURE__ */ new Map(), o = D(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 = D(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), () => {
+	G(() => Y(e), () => {
 		s();
 	}, {
 		immediate: !0,
 		flush: "post"
-	}), ue(e, s, { childList: !0 });
-	let { stop: c } = le(o, (e) => {
+	}), de(e, s, { childList: !0 });
+	let { stop: c } = ce(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;
@@ -4955,8 +5020,8 @@ function Do(e, t, n) {
 }
 //#endregion
 //#region src/compose/useSidebar.ts
-function Oo(e = "(max-width: 800px)") {
-	let t = z(), n = D(!1), r = Y(e, { ssrWidth: 1e3 });
+function Fo(e = "(max-width: 800px)") {
+	let t = z(), n = D(!1), r = ue(e, { ssrWidth: 1e3 });
 	function i(e) {
 		if (!r.value || !n.value) return;
 		let i = e.target, a = document.getElementById(`${t}-sidebar`), o = document.getElementById(`${t}-hamburger`);
@@ -4972,7 +5037,7 @@ function Oo(e = "(max-width: 800px)") {
 		}, 5));
 	}
 	return S(() => {
-		W(r, (e) => {
+		G(r, (e) => {
 			e ? (document.addEventListener("mousedown", i), document.addEventListener("focusin", a)) : (document.removeEventListener("mousedown", i), document.removeEventListener("focusin", a));
 		}, { immediate: !0 });
 	}), x(() => {
@@ -4986,41 +5051,41 @@ function Oo(e = "(max-width: 800px)") {
 }
 //#endregion
 //#region src/compose/usePaging.ts
-function ko(e) {
+function Io(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 Ao(e) {
-	return e == null ? [] : ko((typeof e == "string" ? e.split(",") : e).filter((e) => e !== null).map((e) => e.trim()).filter(Boolean).map((e) => ({
+function Lo(e) {
+	return e == null ? [] : Io((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 jo(e) {
-	let t = ko(e);
+function Ro(e) {
+	let t = Io(e);
 	if (t.length !== 0) return t.map(({ key: e, order: t }) => `${t === -1 ? "-" : ""}${e}`);
 }
-function Mo(e, t = []) {
-	let n = ko(e);
+function zo(e, t = []) {
+	let n = Io(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 No(e) {
+function Bo(e) {
 	return Array.isArray(e) ? [...e] : e;
 }
-function Po(e, t) {
+function Vo(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 Fo(e, t) {
+function Ho(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 Io(e, t) {
+function Uo(e, t) {
 	if (typeof e == "string") return Number(e);
 	if (Array.isArray(e)) {
 		let n = e.find((e) => e !== null);
@@ -5028,35 +5093,35 @@ function Io(e, t) {
 	}
 	return t;
 }
-function Lo(e = {}) {
+function Wo(e = {}) {
 	let t = e.defaultPageSize ?? 50, n = e.defaultPageOffset ?? 0, i = e.sortKey ?? "sort", a = e.pageSizeKey ?? "pageSize", o = e.pageOffsetKey ?? "pageOffset", s = M([]), c = D(t), l = D(n);
-	return e.route && e.router && (W(() => e.route?.query[i], (e) => {
-		let t = Ao(e);
-		Fo(s.value, t) || (s.value = t);
-	}, { immediate: !0 }), W(() => e.route?.query[a], (e) => {
-		let n = Io(e, t);
+	return e.route && e.router && (G(() => e.route?.query[i], (e) => {
+		let t = Lo(e);
+		Ho(s.value, t) || (s.value = t);
+	}, { immediate: !0 }), G(() => e.route?.query[a], (e) => {
+		let n = Uo(e, t);
 		c.value !== n && (c.value = n);
-	}, { immediate: !0 }), W(() => e.route?.query[o], (e) => {
-		let t = Io(e, n);
+	}, { immediate: !0 }), G(() => e.route?.query[o], (e) => {
+		let t = Uo(e, n);
 		l.value !== t && (l.value = t);
-	}, { immediate: !0 }), W([
+	}, { immediate: !0 }), G([
 		s,
 		c,
 		l
 	], ([r, s, c]) => {
-		let l = { ...e.route.query }, u = jo(r);
-		u === void 0 ? delete l[i] : l[i] = No(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 = Ro(r);
+		u === void 0 ? delete l[i] : l[i] = Bo(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 (!Po(e.route.query[t], l[t])) {
+		for (let t of d) if (!Vo(e.route.query[t], l[t])) {
 			f = !0;
 			break;
 		}
 		f && e.router.replace({ query: l });
 	})), {
 		sort: r({
-			get: () => ko(s.value),
+			get: () => Io(s.value),
 			set: (e) => {
-				s.value = ko(e);
+				s.value = Io(e);
 			}
 		}),
 		pageSize: c,
@@ -5065,8 +5130,8 @@ function Lo(e = {}) {
 }
 //#endregion
 //#region src/compose/useTableChanges.ts
-function Ro() {
-	let e = j(/* @__PURE__ */ new Map()), t = ie(), n = (n) => {
+function Go() {
+	let e = j(/* @__PURE__ */ new Map()), t = re(), n = (n) => {
 		let r = n.column.key, i = n.row.key, a = n.value, o = n.previousValue;
 		e.has(i) || e.set(i, j(/* @__PURE__ */ new Map()));
 		let s = e.get(i), c = s.get(r), l = c ? c.previousValue : o, u = c?.error;
@@ -5168,6 +5233,24 @@ function Ro() {
 	};
 }
 //#endregion
-export { rt as $, fi as A, On as B, Na as C, gi as D, li as E, fr as F, cn as G, Sn as H, Zn as I, Pt as J, an as K, In as L, vi as M, zr as N, ui as O, Or as P, ct as Q, jn as R, Pa as S, di as T, xn as U, wn as V, pn as W, Ct as X, Ot as Y, gt as Z, $a as _, jo as a, $ as at, Ba as b, Do as c, De as ct, yo as d, Q as dt, nt as et, _o as f, eo as g, to as h, Ao as i, ze as it, yi as j, _i as k, Eo as l, xe as lt, co as m, Mo as n, qe as nt, Lo as o, Ae as ot, lo as p, Jt as q, ko as r, Je as rt, Oo as s, Oe as st, Ro as t, tt, bo as u, be as ut, Ja as v, Da as w, Ra as x, Wa as y, kn as z };
+//#region src/compose/usePersistentTableColumnState.ts
+function Ko(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)) {
+		if (!n.has(t) || !i || typeof i != "object" || Array.isArray(i)) continue;
+		let e = {};
+		"visible" in i && typeof i.visible == "boolean" && (e.visible = i.visible), "width" in i && typeof i.width == "number" && Number.isFinite(i.width) && (e.width = Math.max(50, Math.round(i.width))), Object.keys(e).length > 0 && (r[t] = e);
+	}
+	return r;
+}
+function qo(e, t) {
+	let n = le(e, {});
+	return G(() => I(t).map(({ key: e }) => String(e)), () => {
+		n.value = Ko(n.value, I(t));
+	}, { immediate: !0 }), { columnState: n };
+}
+//#endregion
+export { _t as $, di as A, Mn as B, za as C, fi as D, Oa as E, Br as F, Sn as G, kn as H, kr as I, on as J, mn as K, pr as L, pi as M, bi as N, ui as O, yi as P, wt as Q, Qn as R, Va as S, Pa as T, Tn as U, An as V, Cn as W, Ft as X, Yt as Y, kt as Z, no as _, Lo as a, Ye as at, Ya as b, Fo as c, je as ct, Do as d, Se as dt, lt as et, xo as f, xe as ft, lo as g, uo as h, Io as i, Je as it, vi as j, _i as k, Po as l, ke as lt, vo as m, Go as n, rt as nt, Ro as o, Be as ot, bo as p, Q as pt, ln as q, zo as r, nt as rt, Wo as s, $ as st, qo as t, it as tt, No as u, Oe as ut, to as v, Fa as w, Ga as x, eo as y, Ln as z };
 
-//# sourceMappingURL=grad-vue-Bd30K3vh.js.map
+//# sourceMappingURL=grad-vue-HOjq8hB5.js.map