@illinois-grad/grad-vue 3.0.5 → 3.0.7

package/dist/{grad-vue-DuwqGzJU.js → grad-vue-DmUhI4Ja.js}

@@ -1,12 +1,12 @@
-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, onUpdated 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, vShow as W, watch as G, watchEffect as K, withCtx as q, withDirectives as J, withModifiers as Y } from "vue";
-import { createEventHook as X, toArray as ee, tryOnScopeDispose as Z, unrefElement as te, useClipboard as ne, useDebounceFn as re, useFocusWithin as ie, useIntersectionObserver as ae, useMediaQuery as oe, useMutationObserver as se, useResizeObserver as ce, useSessionStorage as le } from "@vueuse/core";
-import { createFocusTrap as ue } 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, onUpdated as w, openBlock as T, provide as E, reactive as D, ref as O, renderList as k, renderSlot as A, resolveDynamicComponent as j, shallowReactive as M, shallowRef as N, toDisplayString as P, toRaw as F, toRef as I, toValue as L, unref as R, useAttrs as z, useId as B, useModel as V, useSlots as H, useTemplateRef as U, vModelCheckbox as W, vShow as G, watch as K, watchEffect as q, withCtx as J, withDirectives as Y, withModifiers as X } from "vue";
+import { createEventHook as ee, toArray as Z, tryOnScopeDispose as te, unrefElement as ne, useClipboard as re, useDebounceFn as ie, useFocusWithin as ae, useIntersectionObserver as oe, useMediaQuery as se, useMutationObserver as ce, useResizeObserver as le, useSessionStorage as ue } from "@vueuse/core";
+import { createFocusTrap as de } from "focus-trap";
 //#region src/compose/useCustomElementAttrs.ts
-function de() {
+function fe() {
 	return globalThis.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ === !0;
 }
-function fe(e = {}) {
-	let t = R(), n = globalThis.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ === !0, i = e.omitInCustomElement ?? [];
+function pe(e = {}) {
+	let t = z(), n = globalThis.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ === !0, i = e.omitInCustomElement ?? [];
 	return {
 		attrs: t,
 		isCustomElement: n,
@@ -20,7 +20,7 @@ function fe(e = {}) {
 }
 //#endregion
 //#region src/components/GButton.vue?vue&type=script&setup=true&lang.ts
-var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, Q = /* @__PURE__ */ u({
+var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GButton",
 	props: {
@@ -51,7 +51,7 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, Q = /* @__PUR
 		"mouseleave"
 	],
 	setup(t) {
-		let n = t, a = V(), { forwardedAttrs: c } = fe({ omitInCustomElement: ["id"] }), l = r(() => [
+		let n = t, a = H(), { forwardedAttrs: c } = pe({ omitInCustomElement: ["id"] }), l = r(() => [
 			"g-btn",
 			`g-btn--${n.size}`,
 			`g-btn--${n.theme}`,
@@ -65,7 +65,7 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, Q = /* @__PUR
 				"g-btn-has-icon-svg": !!a.icon
 			}
 		]);
-		return (r, u) => (w(), i(A(n.component ? n.component : "button"), h(L(c), {
+		return (r, u) => (T(), i(j(n.component ? n.component : "button"), h(R(c), {
 			to: n.to,
 			class: l.value,
 			type: n.to ? void 0 : n.type,
@@ -79,11 +79,11 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, Q = /* @__PUR
 			onMouseenter: u[7] ||= (e) => r.$emit("mouseenter", e),
 			onMouseleave: u[8] ||= (e) => r.$emit("mouseleave", e)
 		}), {
-			default: q(() => [t.icon || a.icon ? (w(), o(e, { key: 0 }, [s("span", pe, [a.icon ? k(r.$slots, "icon", { key: 0 }) : (w(), o("span", {
+			default: J(() => [t.icon || a.icon ? (T(), o(e, { key: 0 }, [s("span", me, [a.icon ? A(r.$slots, "icon", { key: 0 }) : (T(), o("span", {
 				key: 1,
 				class: _(t.icon + " g-btn--icon-span"),
 				"aria-hidden": "true"
-			}, null, 2))]), s("span", me, [k(r.$slots, "default")])], 64)) : k(r.$slots, "default", { key: 1 })]),
+			}, null, 2))]), s("span", he, [A(r.$slots, "default")])], 64)) : A(r.$slots, "default", { key: 1 })]),
 			_: 3
 		}, 16, [
 			"to",
@@ -91,10 +91,10 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, Q = /* @__PUR
 			"type"
 		]));
 	}
-}), he = ["id"], ge = { class: "g-tree-menu__divider" }, _e = {
+}), ge = ["id"], _e = { class: "g-tree-menu__divider" }, ve = {
 	key: 0,
 	class: "g-tree-menu__expand-all-wrapper"
-}, ve = { class: "g-tree-menu__content" }, ye = /* @__PURE__ */ u({
+}, ye = { class: "g-tree-menu__content" }, be = /* @__PURE__ */ u({
 	__name: "GTreeMenu",
 	props: {
 		heading: {},
@@ -107,33 +107,78 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, Q = /* @__PUR
 		}
 	},
 	setup(e) {
-		let t = e, n = z();
-		T("g-tree-menu-list-type", t.listType), T("g-tree-menu-expanded-storage", t.storageKey ? le(t.storageKey, {}) : null);
-		let i = E(/* @__PURE__ */ new Map());
-		T("g-tree-menu-expandable-items", i);
-		let l = D({
+		let t = e, n = B();
+		E("g-tree-menu-list-type", t.listType), E("g-tree-menu-expanded-storage", t.storageKey ? ue(t.storageKey, {}) : null);
+		let i = U("nav-el"), l = t.storageKey ? ue(`${t.storageKey}:scroll`, 0, { writeDefaults: !1 }) : null;
+		function u(e) {
+			let t = e.parentElement;
+			for (; t && t !== document.documentElement && t !== document.body;) {
+				let e = window.getComputedStyle(t);
+				if (e.overflowY === "auto" || e.overflowY === "scroll") return t;
+				t = t.parentElement;
+			}
+			return null;
+		}
+		let d = null, f = null, p = null, m = !1;
+		function v() {
+			l && d && (l.value = d.scrollTop);
+		}
+		function y() {
+			f &&= (f.disconnect(), null), p &&= (p.disconnect(), null);
+		}
+		function b() {
+			!l || !d || m || l.value <= 0 || (d.scrollTop = l.value, m = d.scrollTop > 0, m && y());
+		}
+		function x(e) {
+			if (typeof MutationObserver > "u") return;
+			p = new MutationObserver(() => {
+				b();
+			});
+			let t = e;
+			for (; t;) p.observe(t, {
+				attributes: !0,
+				attributeFilter: [
+					"class",
+					"style",
+					"hidden",
+					"open"
+				]
+			}), t = t.parentElement;
+		}
+		S(() => {
+			!l || !i.value || (d = u(i.value), d && (g(() => {
+				b();
+			}), typeof ResizeObserver < "u" && (f = new ResizeObserver(() => {
+				b();
+			}), f.observe(i.value), f.observe(d)), x(i.value), d.addEventListener("scroll", v)));
+		}), C(() => {
+			y(), d &&= (d.removeEventListener("scroll", v), null), m = !1;
+		});
+		let w = D(/* @__PURE__ */ new Map());
+		E("g-tree-menu-expandable-items", w);
+		let k = O({
 			expanded: !0,
 			version: 0
 		});
-		T("g-tree-menu-expand-all-signal", l);
-		let u = r(() => {
-			if (i.size === 0) return !1;
-			for (let e of i.values()) if (!e) return !1;
+		E("g-tree-menu-expand-all-signal", k);
+		let j = r(() => {
+			if (w.size === 0) return !1;
+			for (let e of w.values()) if (!e) return !1;
 			return !0;
 		});
-		function d() {
-			l.value = {
-				expanded: !u.value,
-				version: l.value.version + 1
+		function M() {
+			k.value = {
+				expanded: !j.value,
+				version: k.value.version + 1
 			};
 		}
-		function f(e) {
+		function N(e) {
 			return e.querySelector("a, button, [tabindex='0']") || e;
 		}
-		function p(e) {
+		function F(e) {
 			return Array.from(e.querySelectorAll("[data-tree-primary]"));
 		}
-		function m(e) {
+		function I(e) {
 			let t = e.currentTarget, n = document.activeElement;
 			if (!t.contains(n) || ![
 				"ArrowUp",
@@ -143,16 +188,16 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, Q = /* @__PUR
 				"Home",
 				"End"
 			].includes(e.key)) return;
-			let r = n.closest(".g-tree-menu__item"), i = r?.querySelector("[data-tree-primary]") ?? null, a = p(t), o = i ? a.indexOf(i) : -1;
+			let r = n.closest(".g-tree-menu__item"), i = r?.querySelector("[data-tree-primary]") ?? null, a = F(t), o = i ? a.indexOf(i) : -1;
 			switch (e.key) {
 				case "ArrowDown": {
 					let e = a[o + 1];
-					e && f(e).focus();
+					e && N(e).focus();
 					break;
 				}
 				case "ArrowUp": {
 					let e = a[o - 1];
-					e && f(e).focus();
+					e && N(e).focus();
 					break;
 				}
 				case "ArrowRight":
@@ -162,83 +207,86 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, Q = /* @__PUR
 						e && e.click();
 					} else {
 						let e = a[o + 1];
-						e && f(e).focus();
+						e && N(e).focus();
 					}
 					break;
 				case "ArrowLeft":
 					if (!r) break;
 					if (r.querySelector("[aria-expanded='true']") !== null) {
 						let e = r.querySelector(".g-tree-menu__toggle-btn");
-						e && e.click(), i && g(() => f(i).focus());
+						e && e.click(), i && g(() => N(i).focus());
 					} else {
 						let e = r.parentElement?.closest(".g-tree-menu__item");
 						if (e) {
 							let t = e.querySelector("[data-tree-primary]");
-							t && f(t).focus();
+							t && N(t).focus();
 						}
 					}
 					break;
 				case "Home":
-					a.length > 0 && f(a[0]).focus();
+					a.length > 0 && N(a[0]).focus();
 					break;
 				case "End":
-					a.length > 0 && f(a[a.length - 1]).focus();
+					a.length > 0 && N(a[a.length - 1]).focus();
 					break;
 			}
 			e.preventDefault();
 		}
-		return (r, i) => (w(), o("nav", h({ class: ["g-tree-menu", `g-tree-menu--${t.theme}`] }, {
-			"aria-labelledby": e.heading ? L(n) : void 0,
+		return (r, i) => (T(), o("nav", h({
+			ref: "nav-el",
+			class: ["g-tree-menu", `g-tree-menu--${t.theme}`]
+		}, {
+			"aria-labelledby": e.heading ? R(n) : void 0,
 			"aria-label": e.heading ? void 0 : "Tree Menu"
-		}, { onKeydown: m }), [
-			e.heading ? (w(), o("h2", {
+		}, { onKeydown: I }), [
+			e.heading ? (T(), o("h2", {
 				key: 0,
-				id: L(n),
+				id: R(n),
 				class: "g-tree-menu__title"
-			}, N(e.heading), 9, he)) : a("", !0),
-			s("div", ge, [i[1] ||= s("div", { class: "g-tree-menu__divider-line" }, null, -1), e.showExpandAll ? (w(), o("div", _e, [s("button", {
+			}, P(e.heading), 9, ge)) : a("", !0),
+			s("div", _e, [i[1] ||= s("div", { class: "g-tree-menu__divider-line" }, null, -1), e.showExpandAll ? (T(), o("div", ve, [s("button", {
 				class: "g-tree-menu__expand-all-btn",
-				onClick: d
-			}, [(w(), o("svg", {
-				class: _(["g-tree-menu__expand-all-icon", { "g-tree-menu__expand-all-icon--collapse": u.value }]),
-				role: "none presentation",
+				onClick: M
+			}, [(T(), o("svg", {
+				class: _(["g-tree-menu__expand-all-icon", { "g-tree-menu__expand-all-icon--collapse": j.value }]),
+				role: "none",
 				viewBox: "0 0 24 24",
 				fill: "none",
 				stroke: "currentColor",
 				"stroke-width": "2.5",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [...i[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(u.value ? "Collapse all" : "Expand all"), 1)])])) : a("", !0)]),
-			s("div", ve, [k(r.$slots, "default")])
+			}, [...i[0] ||= [s("polyline", { points: "7 8 12 13 17 8" }, null, -1), s("polyline", { points: "7 13 12 18 17 13" }, null, -1)]], 2)), c(" " + P(j.value ? "Collapse all" : "Expand all"), 1)])])) : a("", !0)]),
+			s("div", ye, [A(r.$slots, "default")])
 		], 16));
 	}
-}), be = /* @__PURE__ */ u({
+}), xe = /* @__PURE__ */ u({
 	name: "GTreeMenuList",
 	props: { listType: { default: void 0 } },
 	setup(e) {
-		let t = e, n = p("g-tree-menu-list-type", "ul"), a = r(() => t.listType ?? n ?? "ul"), o = de(), s = d();
+		let t = e, n = p("g-tree-menu-list-type", "ul"), a = r(() => t.listType ?? n ?? "ul"), o = fe(), s = d();
 		return S(() => {
 			if (!o) return;
 			let e = s?.ce;
 			e && e.setAttribute("data-list-type", a.value);
-		}), (e, t) => (w(), i(A(L(o) ? "div" : a.value), {
-			role: L(o) ? "list" : void 0,
+		}), (e, t) => (T(), i(j(R(o) ? "div" : a.value), {
+			role: R(o) ? "list" : void 0,
 			class: "g-tree-menu__list"
 		}, {
-			default: q(() => [k(e.$slots, "default")]),
+			default: J(() => [A(e.$slots, "default")]),
 			_: 3
 		}, 8, ["role"]));
 	}
-}), xe = {
+}), Se = {
 	key: 0,
 	class: "g-tree-menu__row"
-}, Se = { class: "g-tree-menu__row-content-text" }, Ce = {
+}, Ce = { class: "g-tree-menu__row-content-text" }, we = {
 	key: 1,
 	class: "g-tree-menu__row g-tree-menu__row--leaf"
-}, we = {
+}, Te = {
 	class: "g-tree-menu__row-content",
 	"data-tree-primary": ""
-}, Te = /* @__PURE__ */ u({
+}, Ee = /* @__PURE__ */ u({
 	name: "GTreeMenuItem",
 	inheritAttrs: !1,
 	props: {
@@ -250,7 +298,7 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, Q = /* @__PUR
 	},
 	emits: ["expand", "collapse"],
 	setup(e, { emit: t }) {
-		let n = e, c = t, l = V(), u = d(), f = z(), m = (u?.ce)?._slots?.children?.length > 0, g = r(() => !!l.children || m), v = p("g-tree-menu-expanded-storage", null);
+		let n = e, c = t, l = H(), u = d(), f = B(), m = (u?.ce)?._slots?.children?.length > 0, g = r(() => !!l.children || m), v = p("g-tree-menu-expanded-storage", null);
 		function y() {
 			if (v && n.label !== void 0) {
 				if (v.value[n.label] === !0) return !0;
@@ -258,62 +306,62 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, Q = /* @__PUR
 			}
 			return n.expanded;
 		}
-		let b = D(y());
-		G(() => n.expanded, (e) => {
+		let b = O(y());
+		K(() => n.expanded, (e) => {
 			v && n.label !== void 0 || (b.value = e);
-		}), G(b, (e) => {
+		}), K(b, (e) => {
 			v && n.label !== void 0 && (e ? v.value[n.label] = !0 : delete v.value[n.label]), E();
 		});
-		let T = D(null);
+		let C = O(null);
 		function E() {
-			if (!g.value || !T.value) return;
-			let e = T.value.querySelector("a, button");
+			if (!g.value || !C.value) return;
+			let e = C.value.querySelector("a, button");
 			e ? (e.setAttribute("aria-controls", f + "-children"), e.setAttribute("aria-expanded", b.value ? "true" : "false")) : console.warn("No focusable element found for GTreeMenuItem with label:", n.label, "Every item must at least have a plain button to properly work for accessibility.");
 		}
-		S(E), C(E);
-		function O() {
+		S(E), w(E);
+		function D() {
 			b.value = !b.value, b.value ? c("expand") : c("collapse");
 		}
-		let j = Symbol(), M = p("g-tree-menu-expandable-items", null), N = p("g-tree-menu-expand-all-signal", null), P = D(0);
+		let k = Symbol(), M = p("g-tree-menu-expandable-items", null), N = p("g-tree-menu-expand-all-signal", null), P = O(0);
 		function F() {
-			M && g.value && M.set(j, b.value);
+			M && g.value && M.set(k, b.value);
 		}
 		function I() {
-			M?.delete(j);
+			M?.delete(k);
 		}
-		G(b, (e) => {
-			M && g.value && M.set(j, e);
-		}), N && G(() => N.value.version, () => {
+		K(b, (e) => {
+			M && g.value && M.set(k, e);
+		}), N && K(() => N.value.version, () => {
 			g.value && (b.value = N.value.expanded, P.value = N.value.version);
 		}), S(() => {
 			F(), N && g.value && N.value.version > P.value && N.value.expanded && (b.value = !0, P.value = N.value.version);
 		}), x(() => {
 			I();
 		});
-		function B(e) {
-			e.target.closest("a") || O();
+		function L(e) {
+			e.target.closest("a") || D();
 		}
-		function H(e) {
-			(e.key === "Enter" || e.key === " ") && (O(), e.preventDefault());
+		function V(e) {
+			(e.key === "Enter" || e.key === " ") && (D(), e.preventDefault());
 		}
-		let U = de(), W = u?.ce;
+		let U = fe(), W = u?.ce;
 		S(() => {
 			U && W && W.setAttribute("role", "listitem");
 		});
-		let K = R(), J = r(() => {
-			if (!U) return K;
-			let { role: e, ...t } = K;
+		let G = z(), q = r(() => {
+			if (!U) return G;
+			let { role: e, ...t } = G;
 			return t;
 		});
-		return (e, t) => (w(), i(A(L(U) ? "div" : "li"), h(J.value, {
-			role: L(U) ? "presentation" : void 0,
+		return (e, t) => (T(), i(j(R(U) ? "div" : "li"), h(q.value, {
+			role: R(U) ? "presentation" : void 0,
 			class: "g-tree-menu__item",
 			"data-tree-expandable": g.value ? "true" : void 0
 		}), {
-			default: q(() => [g.value ? (w(), o("div", xe, [s("div", {
+			default: J(() => [g.value ? (T(), o("div", Se, [s("div", {
 				class: "g-tree-menu__toggle-btn",
-				onClick: O
-			}, [(w(), o("svg", {
+				onClick: D
+			}, [(T(), o("svg", {
 				class: _(["g-tree-menu__chevron", { "g-tree-menu__chevron--expanded": b.value }]),
 				role: "none presentation",
 				viewBox: "0 0 24 24",
@@ -324,16 +372,16 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, Q = /* @__PUR
 				"stroke-linejoin": "round"
 			}, [...t[0] ||= [s("polyline", { points: "9 18 15 12 9 6" }, null, -1)]], 2))]), s("span", {
 				ref_key: "contentRef",
-				ref: T,
+				ref: C,
 				class: "g-tree-menu__row-content",
 				"data-tree-primary": "",
-				onClick: B,
-				onKeydown: H
-			}, [s("span", Se, [k(e.$slots, "default")])], 544)])) : (w(), o("div", Ce, [t[1] ||= s("span", { class: "g-tree-menu__spacer" }, null, -1), s("span", we, [k(e.$slots, "default")])])), g.value && b.value ? (w(), i(be, {
+				onClick: L,
+				onKeydown: V
+			}, [s("span", Ce, [A(e.$slots, "default")])], 544)])) : (T(), o("div", we, [t[1] ||= s("span", { class: "g-tree-menu__spacer" }, null, -1), s("span", Te, [A(e.$slots, "default")])])), g.value && b.value ? (T(), i(xe, {
 				key: 2,
-				id: L(f) + "-children"
+				id: R(f) + "-children"
 			}, {
-				default: q(() => [k(e.$slots, "children")]),
+				default: J(() => [A(e.$slots, "children")]),
 				_: 3
 			}, 8, ["id"])) : a("", !0)]),
 			_: 3
@@ -342,8 +390,8 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, Q = /* @__PUR
 });
 //#endregion
 //#region src/compose/useForm.ts
-function Ee() {
-	let e = j({}), t = D(!1), n = r(() => {
+function De() {
+	let e = M({}), t = O(!1), n = r(() => {
 		let t = {};
 		return Object.entries(e).forEach(([e, n]) => {
 			n && n.value && (t[e] = n.value.value);
@@ -384,18 +432,18 @@ function Ee() {
 }
 //#endregion
 //#region src/compose/useWebComponentForm.ts
-function De() {
+function Oe() {
 	let e = globalThis;
 	return e.__GRAD_VUE_WC_FORMS__ ||= /* @__PURE__ */ new Map(), e.__GRAD_VUE_WC_FORMS__;
 }
-function Oe(e = "default") {
-	let t = De(), n = e || "default";
-	return t.has(n) || t.set(n, Ee()), t.get(n);
+function ke(e = "default") {
+	let t = Oe(), n = e || "default";
+	return t.has(n) || t.set(n, De()), t.get(n);
 }
 //#endregion
 //#region src/compose/useFormField.ts
 function $(e) {
-	let t = R(), n = typeof t["form-key"] == "string" ? t["form-key"] : void 0, i = e.formKey ?? n ?? "default", a = p("form", null) ?? (de() ? Oe(i) : null), o = r(() => {
+	let t = z(), n = typeof t["form-key"] == "string" ? t["form-key"] : void 0, i = e.formKey ?? n ?? "default", a = p("form", null) ?? (fe() ? ke(i) : null), o = r(() => {
 		let t = [];
 		return e.errors && t.push(...e.errors.value.filter(Boolean)), t;
 	}), s = r(() => o.value.length > 0), c = e.name;
@@ -414,19 +462,19 @@ function $(e) {
 }
 //#endregion
 //#region src/components/form/GFormErrorMessages.vue?vue&type=script&setup=true&lang.ts
-var ke = ["id"], Ae = /* @__PURE__ */ u({
+var Ae = ["id"], je = /* @__PURE__ */ u({
 	__name: "GFormErrorMessages",
 	props: {
 		errors: {},
 		id: {}
 	},
 	setup(t) {
-		return (n, r) => t.errors.length > 0 ? (w(), o("div", {
+		return (n, r) => t.errors.length > 0 ? (T(), o("div", {
 			key: 0,
 			class: "g-form-error-messages",
 			id: t.id,
 			role: "alert"
-		}, [(w(!0), o(e, null, O(t.errors, (e, t) => (w(), o("div", {
+		}, [(T(!0), o(e, null, k(t.errors, (e, t) => (T(), o("div", {
 			key: t,
 			class: "g-form-error-message"
 		}, [r[0] ||= s("svg", {
@@ -436,25 +484,25 @@ var ke = ["id"], Ae = /* @__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, ke)) : a("", !0);
+		})], -1), c(" " + P(e), 1)]))), 128))], 8, Ae)) : a("", !0);
 	}
-}), je = ["for"], Me = {
+}), Me = ["for"], Ne = {
 	key: 0,
 	class: "g-text-input-required",
 	"aria-hidden": "true"
-}, Ne = ["id"], Pe = {
+}, Pe = ["id"], Fe = {
 	key: 0,
 	class: "g-text-input-prefix"
-}, Fe = [
+}, Ie = [
 	"value",
 	"placeholder",
 	"disabled",
 	"required",
 	"aria-invalid"
-], Ie = {
+], Le = {
 	key: 1,
 	class: "g-text-input-suffix"
-}, Le = /* @__PURE__ */ u({
+}, Re = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GTextInput",
 	props: /* @__PURE__ */ m({
@@ -481,12 +529,12 @@ var ke = ["id"], Ae = /* @__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 } = fe({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: g, hasErrors: v } = $({
+		let n = e, i = V(e, "modelValue"), u = B(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = pe({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: g, hasErrors: v } = $({
 			name: n.name,
 			value: i,
-			errors: F(n, "errors"),
+			errors: I(n, "errors"),
 			formKey: n.formKey
-		}), y = t, b = D(i.value ?? ""), x = null;
+		}), y = t, b = O(i.value ?? ""), x = null;
 		function S(e) {
 			if (e !== i.value) {
 				let t = i.value;
@@ -501,7 +549,7 @@ var ke = ["id"], Ae = /* @__PURE__ */ u({
 				S(b.value), x = null;
 			}, n.debounce);
 		}
-		function T(e) {
+		function w(e) {
 			x &&= (clearTimeout(x), null), S(e.target.value);
 		}
 		function E(e) {
@@ -510,69 +558,69 @@ var ke = ["id"], Ae = /* @__PURE__ */ u({
 				S(t);
 			}, 0);
 		}
-		function O(e) {
+		function D(e) {
 			(e.key === "PageUp" || e.key === "PageDown") && (x &&= (clearTimeout(x), null), S(e.target.value)), e.key === "Enter" && S(e.target.value);
 		}
-		return (t, r) => (w(), o("div", { class: _(["g-text-input-wrap", { "g-text-input-has-error": L(v) }]) }, [
-			n.label ? (w(), o("label", {
+		return (t, r) => (T(), o("div", { class: _(["g-text-input-wrap", { "g-text-input-has-error": R(v) }]) }, [
+			n.label ? (T(), o("label", {
 				key: 0,
 				for: m.value,
 				class: "g-text-input-label"
-			}, [c(N(n.label), 1), n.required ? (w(), o("span", Me, " *")) : a("", !0)], 8, je)) : a("", !0),
-			t.$slots.instructions || e.instructions ? (w(), o("div", {
+			}, [c(P(n.label), 1), n.required ? (T(), o("span", Ne, " *")) : a("", !0)], 8, Me)) : a("", !0),
+			t.$slots.instructions || e.instructions ? (T(), o("div", {
 				key: 1,
-				id: "instructions-" + L(u),
+				id: "instructions-" + R(u),
 				class: "g-text-input-instructions"
-			}, [k(t.$slots, "instructions", {}, () => [c(N(e.instructions), 1)])], 8, Ne)) : a("", !0),
+			}, [A(t.$slots, "instructions", {}, () => [c(P(e.instructions), 1)])], 8, Pe)) : a("", !0),
 			s("div", { class: _([{ "g-text-input-field-wrapper": !0 }, `g-text-input-field-wrapper--${e.name || "nameless"}`]) }, [
-				n.prefix ? (w(), o("span", Pe, N(n.prefix), 1)) : a("", !0),
+				n.prefix ? (T(), o("span", Fe, P(n.prefix), 1)) : a("", !0),
 				s("input", h({
 					value: i.value,
 					placeholder: n.placeholder,
 					disabled: n.disabled,
 					required: n.required,
 					onInput: C,
-					onBlur: T,
+					onBlur: w,
 					onPaste: E,
-					onKeydown: O,
+					onKeydown: D,
 					type: "text",
 					class: "g-text-input"
 				}, {
-					...L(p),
+					...R(p),
 					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, Fe),
-				n.suffix ? (w(), o("span", Ie, N(n.suffix), 1)) : a("", !0)
+					"aria-describedby": t.$slots.instructions || e.instructions ? "instructions-" + R(u) : void 0,
+					"aria-errormessage": R(v) ? "error-message-" + R(u) : void 0
+				}, { "aria-invalid": R(v) ? "true" : "false" }), null, 16, Ie),
+				n.suffix ? (T(), o("span", Le, P(n.suffix), 1)) : a("", !0)
 			], 2),
-			l(Ae, {
-				errors: L(g),
-				id: "error-message-" + L(u)
+			l(je, {
+				errors: R(g),
+				id: "error-message-" + R(u)
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), Re = 100, ze = 200, Be = 102, Ve = D([]), He = D([]), Ue = D([]);
-function We() {
-	if (!(typeof document > "u")) if (Ue.value.length > 0) {
+}), ze = 100, Be = 200, Ve = 102, He = O([]), Ue = O([]), We = O([]);
+function Ge() {
+	if (!(typeof document > "u")) if (We.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 Ge(e, t = !1, n = !1) {
+function Ke(e, t = !1, n = !1) {
 	if (typeof document > "u") return {};
-	let i = t ? He : Ve;
+	let i = t ? Ue : He;
 	function a() {
-		i.value.push(e), n && !Ue.value.includes(e) && (Ue.value.push(e), We());
+		i.value.push(e), n && !We.value.includes(e) && (We.value.push(e), Ge());
 	}
 	function o() {
 		let t = i.value.lastIndexOf(e);
 		t !== -1 && i.value.splice(t, 1);
-		let n = Ue.value.lastIndexOf(e);
-		n !== -1 && (Ue.value.splice(n, 1), We());
+		let n = We.value.lastIndexOf(e);
+		n !== -1 && (We.value.splice(n, 1), Ge());
 	}
-	let s = r(() => !t && He.value.length > 0 ? !1 : i.value.length > 0 && i.value[i.value.length - 1] === e), c = r(() => {
+	let s = r(() => !t && Ue.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 ? ze : Re) + n;
+		return n === -1 ? 0 : (t ? Be : ze) + n;
 	});
 	return x(o), {
 		push: a,
@@ -581,32 +629,32 @@ function Ge(e, t = !1, n = !1) {
 		zIndex: c
 	};
 }
-function Ke() {
+function qe() {
 	return typeof document > "u" ? {} : {
-		hasModal: r(() => He.value.length > 0),
-		hasOverlay: r(() => Ve.value.length > 0 || He.value.length > 0),
-		hasScrollLock: r(() => Ue.value.length > 0)
+		hasModal: r(() => Ue.value.length > 0),
+		hasOverlay: r(() => He.value.length > 0 || Ue.value.length > 0),
+		hasScrollLock: r(() => We.value.length > 0)
 	};
 }
-function qe() {
+function Je() {
 	let e = 0;
-	return Ve.value.forEach((t, n) => {
-		e = Math.max(e, Re + n);
-	}), He.value.forEach((t, n) => {
+	return He.value.forEach((t, n) => {
 		e = Math.max(e, ze + n);
-	}), e > 0 ? e + 1 : Be;
+	}), Ue.value.forEach((t, n) => {
+		e = Math.max(e, Be + n);
+	}), e > 0 ? e + 1 : Ve;
 }
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-var Je = (e) => e != null;
+var Ye = (e) => e != null;
 //#endregion
 //#region ../../node_modules/@vueuse/integrations/dist/useFocusTrap-lXZ_YG-8.js
-function Ye(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 G(r(() => ee(I(e)).map((e) => {
-		let t = I(e);
-		return typeof t == "string" ? t : te(t);
-	}).filter(Je)), (e) => {
-		if (e.length) if (!n) n = ue(e, {
+function Xe(e, t = {}) {
+	let n, { immediate: i, ...a } = t, o = N(!1), s = N(!1), c = (e) => n && n.activate(e), l = (e) => n && n.deactivate(e);
+	return K(r(() => Z(L(e)).map((e) => {
+		let t = L(e);
+		return typeof t == "string" ? t : ne(t);
+	}).filter(Ye)), (e) => {
+		if (e.length) if (!n) n = de(e, {
 			...a,
 			onActivate() {
 				o.value = !0, t.onActivate && t.onActivate();
@@ -619,7 +667,7 @@ function Ye(e, t = {}) {
 			let t = n?.active;
 			n?.updateContainerElements(e), !t && i && c();
 		}
-	}, { flush: "post" }), Z(() => l()), {
+	}, { flush: "post" }), te(() => l()), {
 		hasFocus: o,
 		isPaused: s,
 		activate: c,
@@ -634,7 +682,7 @@ function Ye(e, t = {}) {
 }
 //#endregion
 //#region src/compose/useOverlayFocus.ts
-var Xe = [
+var Ze = [
 	"a[href]",
 	"button:not([disabled])",
 	"input:not([disabled])",
@@ -643,8 +691,8 @@ var Xe = [
 	"[tabindex]:not([tabindex='-1'])",
 	"[contenteditable='true']"
 ].join(",");
-function Ze(e, t, n = !1) {
-	let r = D(!1), i = () => !!e.value?.querySelector(Xe), { activate: a, deactivate: o, pause: s, unpause: c } = Ye(e, {
+function Qe(e, t, n = !1) {
+	let r = O(!1), i = () => !!e.value?.querySelector(Ze), { activate: a, deactivate: o, pause: s, unpause: c } = Xe(e, {
 		immediate: !1,
 		clickOutsideDeactivates: n,
 		initialFocus: () => {
@@ -665,7 +713,7 @@ function Ze(e, t, n = !1) {
 			});
 		}
 	});
-	return G(t, (e) => {
+	return K(t, (e) => {
 		e ? g(() => {
 			i() && c();
 		}).catch((e) => {
@@ -688,7 +736,7 @@ function Ze(e, t, n = !1) {
 }
 //#endregion
 //#region src/compose/useOverlayEscape.ts
-function Qe(e, t, n, r, i) {
+function $e(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;
@@ -708,7 +756,7 @@ function Qe(e, t, n, r, i) {
 }
 //#endregion
 //#region src/compose/popoverPosition.ts
-function $e(e, t, n, r) {
+function et(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;
@@ -724,7 +772,7 @@ function $e(e, t, n, r) {
 }
 //#endregion
 //#region src/components/GPopover.vue?vue&type=script&setup=true&lang.ts
-var et = { class: "g-popover-wrap" }, tt = ["id"], nt = ["aria-labelledby", "aria-label"], rt = /* @__PURE__ */ u({
+var tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "aria-label"], it = /* @__PURE__ */ u({
 	__name: "GPopover",
 	props: {
 		minimal: {
@@ -742,29 +790,29 @@ var et = { class: "g-popover-wrap" }, tt = ["id"], nt = ["aria-labelledby", "ari
 		"update:modelValue"
 	],
 	setup(e, { expose: c, emit: u }) {
-		let d = e, f = u, p = D(d.modelValue);
-		G(F(d, "modelValue"), (e) => {
+		let d = e, f = u, p = O(d.modelValue);
+		K(I(d, "modelValue"), (e) => {
 			p.value = e;
 		});
-		let m = V(), h = r(() => !!m.trigger), v = H("triggerRef"), b = H("popoverRef"), { isCustomElement: S } = fe(), C = S, T = z(), { push: E, pop: O, isTop: A, zIndex: j } = Ge(T, !0), { activate: M, deactivate: N } = Ze(b, A, !0);
-		Qe([b, v], A, p, I, O), G(p, (e) => {
+		let m = H(), h = r(() => !!m.trigger), v = U("triggerRef"), b = U("popoverRef"), { isCustomElement: S } = pe(), C = S, w = B(), { push: E, pop: D, isTop: k, zIndex: j } = Ke(w, !0), { activate: M, deactivate: N } = Qe(b, k, !0);
+		$e([b, v], k, p, F, D), K(p, (e) => {
 			e ? (g(() => {
 				g(() => M());
-			}), E(), f("show")) : (N(), O(), f("hide"));
+			}), E(), f("show")) : (N(), D(), f("hide"));
 		});
 		function P() {
 			p.value = !0, f("update:modelValue", !0);
 		}
-		function I() {
+		function F() {
 			p.value = !1, f("update:modelValue", !1);
 		}
-		function R() {
+		function L() {
 			p.value = !p.value, f("update:modelValue", p.value);
 		}
-		let B = D({
+		let z = O({
 			top: 0,
 			left: 0
-		}), U = D({ left: "50%" }), K = D(!1), Y = D(!1), X = null;
+		}), V = O({ left: "50%" }), W = O(!1), q = O(!1), X = null;
 		function ee() {
 			if (v.value) return v.value;
 			let e = b.value?.parentElement ?? null;
@@ -776,23 +824,23 @@ var et = { class: "g-popover-wrap" }, tt = ["id"], nt = ["aria-labelledby", "ari
 			if (!b.value) return;
 			let e = new DOMRect(0, 0, b.value.offsetWidth, b.value.offsetHeight), t = new DOMRect(0, 0, window.innerWidth, window.innerHeight), n = ee();
 			if (!n) {
-				B.value = {
+				z.value = {
 					top: Math.max((t.height - e.height) / 2, 8),
 					left: Math.max((t.width - e.width) / 2, 8)
-				}, Y.value = !1, K.value = !1, U.value = { left: "50%" };
+				}, q.value = !1, W.value = !1, V.value = { left: "50%" };
 				return;
 			}
-			let { top: r, left: i, xOffset: a, placedAbove: o, overlay: s } = $e(n.getBoundingClientRect(), e, t, { gap: d.minimal ? 0 : 8 });
-			B.value = {
+			let { top: r, left: i, xOffset: a, placedAbove: o, overlay: s } = et(n.getBoundingClientRect(), e, t, { gap: d.minimal ? 0 : 8 });
+			z.value = {
 				top: r,
 				left: i
-			}, U.value = {
+			}, V.value = {
 				left: `${e.width / 2 - a}px`,
 				top: o ? "auto" : void 0,
 				bottom: o ? "-8px" : void 0
-			}, K.value = o, Y.value = s;
+			}, W.value = o, q.value = s;
 		}
-		return G(p, (e) => {
+		return K(p, (e) => {
 			e ? g(() => {
 				Z(), window.addEventListener("resize", Z), window.addEventListener("scroll", Z, { capture: !0 }), b.value && (X && X.disconnect(), X = new ResizeObserver(() => Z()), X.observe(b.value));
 			}) : (window.removeEventListener("resize", Z), window.removeEventListener("scroll", Z, { capture: !0 }), X && X.disconnect());
@@ -800,54 +848,54 @@ var et = { class: "g-popover-wrap" }, tt = ["id"], nt = ["aria-labelledby", "ari
 			window.removeEventListener("resize", Z), window.removeEventListener("scroll", Z, { capture: !0 }), X && X.disconnect();
 		}), c({
 			show: P,
-			hide: I,
-			toggle: R
-		}), (r, c) => (w(), o("div", et, [h.value ? (w(), o("div", {
+			hide: F,
+			toggle: L
+		}), (r, c) => (T(), o("div", tt, [h.value ? (T(), o("div", {
 			key: 0,
 			ref_key: "triggerRef",
 			ref: v,
 			class: "g-popover-trigger",
-			id: `${L(T)}-trigger`
-		}, [k(r.$slots, "trigger", { toggle: R })], 8, tt)) : a("", !0), (w(), i(t, {
+			id: `${R(w)}-trigger`
+		}, [A(r.$slots, "trigger", { toggle: L })], 8, nt)) : a("", !0), (T(), i(t, {
 			to: "#modal-root",
-			disabled: L(C)
+			disabled: R(C)
 		}, [l(n, {
 			name: "g-popover-expand",
 			appear: ""
 		}, {
-			default: q(() => [L(S) || p.value ? J((w(), o("div", {
+			default: J(() => [R(S) || p.value ? Y((T(), o("div", {
 				key: 0,
 				ref_key: "popoverRef",
 				ref: b,
 				class: _({
 					"g-popover": !0,
-					"g-popover-above": K.value,
-					"g-popover-below": !K.value,
+					"g-popover-above": W.value,
+					"g-popover-below": !W.value,
 					"g-popover-minimal": e.minimal
 				}),
 				role: "dialog",
 				"aria-modal": "true",
-				"aria-labelledby": h.value ? `${L(T)}-trigger` : void 0,
+				"aria-labelledby": h.value ? `${R(w)}-trigger` : void 0,
 				"aria-label": h.value ? void 0 : "Popover",
 				style: y({
-					top: B.value.top + "px",
-					left: B.value.left + "px",
-					zIndex: L(j)
+					top: z.value.top + "px",
+					left: z.value.left + "px",
+					zIndex: R(j)
 				})
 			}, [
-				!Y.value && !e.minimal ? (w(), o("div", {
+				!q.value && !e.minimal ? (T(), o("div", {
 					key: 0,
-					class: _(["g-popover-arrow", { "g-popover-arrow-above": K.value }]),
-					style: y(U.value),
+					class: _(["g-popover-arrow", { "g-popover-arrow-above": W.value }]),
+					style: y(V.value),
 					"aria-hidden": "true"
 				}, null, 6)) : a("", !0),
-				k(r.$slots, "default"),
-				e.minimal ? a("", !0) : (w(), o("button", {
+				A(r.$slots, "default"),
+				e.minimal ? a("", !0) : (T(), o("button", {
 					key: 1,
 					class: "g-popover-close",
 					type: "button",
 					"aria-label": "Close popover",
-					onClick: I
+					onClick: F
 				}, [...c[0] ||= [s("svg", {
 					class: "g-popover-close-icon",
 					xmlns: "http://www.w3.org/2000/svg",
@@ -857,46 +905,46 @@ var et = { class: "g-popover-wrap" }, tt = ["id"], nt = ["aria-labelledby", "ari
 					fill: "currentColor",
 					d: "m37.84 32.94-7.63-7.63 7.63-7.63a3.24 3.24 0 0 0-4.58-4.58l-7.63 7.63L18 13.1a3.24 3.24 0 0 0-4.58 4.58L21 25.31l-7.62 7.63A3.24 3.24 0 1 0 18 37.52l7.63-7.63 7.63 7.63a3.24 3.24 0 0 0 4.58-4.58Z"
 				})], -1)]]))
-			], 14, nt)), [[W, p.value]]) : a("", !0)]),
+			], 14, rt)), [[G, p.value]]) : a("", !0)]),
 			_: 3
 		})], 8, ["disabled"]))]));
 	}
-}), it = 1;
-function at(e = "v-gtooltip") {
-	return `${e}-${++it}`;
+}), at = 1;
+function ot(e = "v-gtooltip") {
+	return `${e}-${++at}`;
 }
-function ot(e, t = "v-gtooltip") {
+function st(e, t = "v-gtooltip") {
 	let n = e.getAttribute("aria-describedby");
 	if (n) return n;
-	let r = at(t);
+	let r = ot(t);
 	return e.setAttribute("aria-describedby", r), r;
 }
-function st(e, t) {
+function ct(e, t) {
 	let n = document.createElement("div");
 	return n.className = "v-gtooltip", n.textContent = e, n.setAttribute("role", "tooltip"), n.setAttribute("id", t), n;
 }
-function ct(e) {
+function lt(e) {
 	(document.getElementById("modal-root") ?? document.body).appendChild(e);
 }
-function lt(e, t) {
-	let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), { top: i, left: a, placedAbove: o } = $e(n, r, new DOMRect(0, 0, window.innerWidth, window.innerHeight), {
+function ut(e, t) {
+	let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), { top: i, left: a, placedAbove: o } = et(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 = `${qe()}`, 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 = `${Je()}`, t.style.opacity = "1";
 }
-function ut(e) {
+function dt(e) {
 	e.style.opacity = "0";
 }
 //#endregion
 //#region src/components/GTooltip.vue
-var dt = /* @__PURE__ */ u({
+var ft = /* @__PURE__ */ u({
 	__name: "GTooltip",
 	props: { text: {} },
 	emits: ["tooltip-hide"],
 	setup(e, { expose: t, emit: n }) {
-		let i = e, s = n, c = V(), l = r(() => !!c.trigger), u = H("hostRef"), d = H("triggerRef"), f = D(null), p = D(!1), m = D(!1), h = null, g = !1, _ = null, v = null, y = null;
+		let i = e, s = n, c = H(), l = r(() => !!c.trigger), u = U("hostRef"), d = U("triggerRef"), f = O(null), p = O(!1), m = O(!1), h = null, g = !1, _ = null, v = null, y = null;
 		function b() {
 			if (l.value && d.value) {
 				let e = d.value.firstElementChild;
@@ -906,27 +954,27 @@ var dt = /* @__PURE__ */ u({
 			return t instanceof HTMLElement ? t : null;
 		}
 		function S() {
-			y && (v || (v = l.value ? at("g-tooltip") : ot(y, "g-tooltip"), l.value && y.setAttribute("aria-describedby", v)), f.value || (f.value = st(i.text, v), ct(f.value), h = new ResizeObserver(() => {
-				f.value && (p.value || m.value) && y && lt(y, f.value);
+			y && (v || (v = l.value ? ot("g-tooltip") : st(y, "g-tooltip"), l.value && y.setAttribute("aria-describedby", v)), f.value || (f.value = ct(i.text, v), lt(f.value), h = new ResizeObserver(() => {
+				f.value && (p.value || m.value) && y && ut(y, f.value);
 			}), h.observe(f.value)));
 		}
 		function C() {
-			f.value && (p.value || m.value) && y && lt(y, f.value);
+			f.value && (p.value || m.value) && y && ut(y, f.value);
 		}
-		function T() {
+		function w() {
 			p.value = !0;
 		}
 		function E() {
 			p.value = !1, m.value = !1;
 		}
-		function O() {
+		function D() {
 			if (p.value || m.value) {
 				E();
 				return;
 			}
-			T();
+			w();
 		}
-		function A(e) {
+		function k(e) {
 			y !== e && (j(), y = e, y && (y.addEventListener("mouseenter", M), y.addEventListener("mouseleave", N), y.addEventListener("focusin", P), y.addEventListener("focusout", F), y.addEventListener("keydown", I)));
 		}
 		function j() {
@@ -947,44 +995,44 @@ var dt = /* @__PURE__ */ u({
 		function I(e) {
 			(e.key === "Escape" || e.key === "Esc") && (p.value = !1, m.value = !1);
 		}
-		return G(() => [
+		return K(() => [
 			u.value,
 			d.value,
 			l.value
 		], () => {
-			A(b()), S();
-		}, { immediate: !0 }), G(() => i.text, (e) => {
+			k(b()), S();
+		}, { immediate: !0 }), K(() => i.text, (e) => {
 			f.value && (f.value.textContent = e);
-		}), G(() => p.value || m.value, (e) => {
+		}), K(() => p.value || m.value, (e) => {
 			if (e) {
-				S(), f.value && y && lt(y, f.value), g ||= (window.addEventListener("scroll", C, { capture: !0 }), !0);
+				S(), f.value && y && ut(y, f.value), g ||= (window.addEventListener("scroll", C, { capture: !0 }), !0);
 				return;
 			}
-			g &&= (window.removeEventListener("scroll", C, { capture: !0 }), !1), f.value && (ut(f.value), _ && clearTimeout(_), _ = window.setTimeout(() => {
+			g &&= (window.removeEventListener("scroll", C, { capture: !0 }), !1), f.value && (dt(f.value), _ && clearTimeout(_), _ = window.setTimeout(() => {
 				s("tooltip-hide");
 			}, 150));
 		}), x(() => {
 			g && window.removeEventListener("scroll", C, { capture: !0 }), h && h.disconnect(), f.value &&= (f.value.remove(), null), _ && clearTimeout(_), l.value && y && y.removeAttribute("aria-describedby"), j();
 		}), t({
-			show: T,
+			show: w,
 			hide: E,
-			toggle: O
-		}), (e, t) => (w(), o("div", {
+			toggle: D
+		}), (e, t) => (T(), o("div", {
 			ref_key: "hostRef",
 			ref: u,
 			class: "g-tooltip-host"
-		}, [l.value ? (w(), o("div", {
+		}, [l.value ? (T(), o("div", {
 			key: 0,
 			ref_key: "triggerRef",
 			ref: d,
 			class: "g-tooltip-trigger"
-		}, [k(e.$slots, "trigger")], 512)) : a("", !0)], 512));
+		}, [A(e.$slots, "trigger")], 512)) : a("", !0)], 512));
 	}
-}), ft = ["disabled"], pt = { class: "g-select-btn-legend" }, mt = {
+}), pt = ["disabled"], mt = { class: "g-select-btn-legend" }, ht = {
 	key: 0,
 	class: "g-select-btn-required",
 	"aria-hidden": "true"
-}, ht = { class: "g-select-btn-row" }, gt = [
+}, gt = { class: "g-select-btn-row" }, _t = [
 	"id",
 	"name",
 	"value",
@@ -992,7 +1040,7 @@ var dt = /* @__PURE__ */ u({
 	"disabled",
 	"required",
 	"onChange"
-], _t = ["for"], vt = /* @__PURE__ */ u({
+], vt = ["for"], yt = /* @__PURE__ */ u({
 	__name: "GSelectButton",
 	props: /* @__PURE__ */ m({
 		options: {},
@@ -1015,10 +1063,10 @@ var dt = /* @__PURE__ */ u({
 	}),
 	emits: /* @__PURE__ */ m(["change"], ["update:modelValue"]),
 	setup(t, { emit: n }) {
-		let i = t, u = n, d = B(t, "modelValue"), f = z(), { displayErrors: p, hasErrors: m } = $({
+		let i = t, u = n, d = V(t, "modelValue"), f = B(), { displayErrors: p, hasErrors: m } = $({
 			name: i.name,
 			value: d,
-			errors: F(i, "errors"),
+			errors: I(i, "errors"),
 			formKey: i.formKey
 		}), h = r(() => i.options.map((e) => typeof e == "string" ? {
 			label: e,
@@ -1031,42 +1079,42 @@ var dt = /* @__PURE__ */ u({
 		function y(e) {
 			!i.disabled && e !== d.value && (d.value = e, u("change", e));
 		}
-		return (t, n) => (w(), o("fieldset", {
+		return (t, n) => (T(), o("fieldset", {
 			class: _(g.value),
 			disabled: i.disabled
-		}, [s("legend", pt, [c(N(i.label), 1), i.required ? (w(), o("span", mt, " *")) : a("", !0)]), s("div", { class: _(["g-select-btn-wrapper", { "g-select-btn-has-error": L(m) }]) }, [s("div", ht, [(w(!0), o(e, null, O(h.value, (t, n) => (w(), o(e, { key: t.value }, [s("input", {
+		}, [s("legend", mt, [c(P(i.label), 1), i.required ? (T(), o("span", ht, " *")) : a("", !0)]), s("div", { class: _(["g-select-btn-wrapper", { "g-select-btn-has-error": R(m) }]) }, [s("div", gt, [(T(!0), o(e, null, k(h.value, (t, n) => (T(), o(e, { key: t.value }, [s("input", {
 			class: "g-select-btn-radio",
 			type: "radio",
-			id: `${L(f)}-${t.value}`,
-			name: i.name || L(f),
+			id: `${R(f)}-${t.value}`,
+			name: i.name || R(f),
 			value: t.value,
 			checked: t.value === d.value,
 			disabled: i.disabled,
 			required: i.required && n === 0,
 			onChange: (e) => y(t.value)
-		}, null, 40, gt), s("label", {
-			for: `${L(f)}-${t.value}`,
+		}, null, 40, _t), s("label", {
+			for: `${R(f)}-${t.value}`,
 			class: _(v(t.value === d.value))
-		}, N(t.label), 11, _t)], 64))), 128))]), l(Ae, {
-			errors: L(p),
-			id: "error-message-" + L(f)
-		}, null, 8, ["errors", "id"])], 2)], 10, ft));
+		}, P(t.label), 11, vt)], 64))), 128))]), l(je, {
+			errors: R(p),
+			id: "error-message-" + R(f)
+		}, null, 8, ["errors", "id"])], 2)], 10, pt));
 	}
-}), yt = ["width", "height"], bt = [
+}), bt = ["width", "height"], xt = [
 	"cx",
 	"cy",
 	"r"
-], xt = [
+], St = [
 	"cx",
 	"cy",
 	"r",
 	"stroke-dasharray",
 	"stroke-dashoffset"
-], St = [
+], Ct = [
 	"cx",
 	"cy",
 	"r"
-], Ct = /* @__PURE__ */ u({
+], wt = /* @__PURE__ */ u({
 	__name: "GProgress",
 	props: {
 		label: { default: "Loading" },
@@ -1091,7 +1139,7 @@ var dt = /* @__PURE__ */ u({
 			role: "status",
 			"aria-label": t.label
 		});
-		return (e, t) => (w(), o("span", h({ class: "g-progress" }, l.value), [(w(), o("svg", {
+		return (e, t) => (T(), o("span", h({ class: "g-progress" }, l.value), [(T(), o("svg", {
 			width: i.value * 2 + 4,
 			height: i.value * 2 + 4,
 			class: _(["g-progress__svg", {
@@ -1107,7 +1155,7 @@ var dt = /* @__PURE__ */ u({
 			r: i.value,
 			"stroke-width": 4,
 			fill: "none"
-		}, null, 8, bt), n.value ? (w(), o("circle", {
+		}, null, 8, xt), n.value ? (T(), o("circle", {
 			key: 0,
 			class: "g-progress__value",
 			cx: i.value + 4 / 2,
@@ -1121,7 +1169,7 @@ var dt = /* @__PURE__ */ u({
 				transform: "rotate(-90deg)",
 				"transform-origin": "center"
 			}
-		}, null, 8, xt)) : (w(), o("circle", {
+		}, null, 8, St)) : (T(), o("circle", {
 			key: 1,
 			class: "g-progress__spinner",
 			cx: i.value + 4 / 2,
@@ -1129,13 +1177,13 @@ var dt = /* @__PURE__ */ u({
 			r: i.value,
 			"stroke-width": 4,
 			fill: "none"
-		}, null, 8, St))], 10, yt))], 16));
+		}, null, 8, Ct))], 10, bt))], 16));
 	}
-}), wt = [
+}), Tt = [
 	"id",
 	"aria-labelledby",
 	"aria-describedby"
-], Tt = { class: "g-alertdialog-inner" }, Et = ["id"], Dt = ["id"], Ot = { class: "g-alertdialog-actions" }, kt = /* @__PURE__ */ u({
+], Et = { class: "g-alertdialog-inner" }, Dt = ["id"], Ot = ["id"], kt = { class: "g-alertdialog-actions" }, At = /* @__PURE__ */ u({
 	__name: "GAlertDialog",
 	props: {
 		label: { default: "Confirmation" },
@@ -1144,65 +1192,65 @@ var dt = /* @__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 } = Ge(f, !0, !0), { deactivate: _, activate: v } = Ze(u, h);
+		let a = e, o = r, u = O(null), d = O(!0), f = B(), { pop: p, push: m, isTop: h, zIndex: g } = Ke(f, !0, !0), { deactivate: _, activate: v } = Qe(u, h);
 		function x() {
 			o("cancel");
 		}
-		return Qe([u], h, d, x, p), S(() => {
+		return $e([u], h, d, x, p), S(() => {
 			m(), v();
 		}), b(() => {
 			p(), _();
-		}), (e, r) => (w(), i(t, { to: "#modal-root" }, [l(n, {
+		}), (e, r) => (T(), i(t, { to: "#modal-root" }, [l(n, {
 			name: "g-fade",
 			appear: ""
 		}, {
-			default: q(() => [s("div", {
-				id: "alertdialog-" + L(f),
+			default: J(() => [s("div", {
+				id: "alertdialog-" + R(f),
 				class: "g-alertdialog",
 				role: "alertdialog",
 				"aria-modal": "true",
-				"aria-labelledby": "alertdialog-label-" + L(f),
-				"aria-describedby": "alertdialog-description-" + L(f),
+				"aria-labelledby": "alertdialog-label-" + R(f),
+				"aria-describedby": "alertdialog-description-" + R(f),
 				ref_key: "dialog",
 				ref: u,
-				style: y({ zIndex: L(g) })
-			}, [s("div", Tt, [
+				style: y({ zIndex: R(g) })
+			}, [s("div", Et, [
 				s("h2", {
-					id: "alertdialog-label-" + L(f),
+					id: "alertdialog-label-" + R(f),
 					class: "g-alertdialog-label"
-				}, N(a.label), 9, Et),
+				}, P(a.label), 9, Dt),
 				s("div", {
-					id: "alertdialog-description-" + L(f),
+					id: "alertdialog-description-" + R(f),
 					class: "g-alertdialog-content"
-				}, [k(e.$slots, "default")], 8, Dt),
-				s("div", Ot, [l(Q, {
+				}, [A(e.$slots, "default")], 8, Ot),
+				s("div", kt, [l(Q, {
 					outlined: "",
 					onClick: r[0] ||= (e) => o("cancel")
 				}, {
-					default: q(() => [...r[2] ||= [c("Cancel", -1)]]),
+					default: J(() => [...r[2] ||= [c("Cancel", -1)]]),
 					_: 1
 				}), l(Q, {
 					theme: a.buttonColor,
 					onClick: r[1] ||= (e) => o("confirm")
 				}, {
-					default: q(() => [c(N(a.buttonText), 1)]),
+					default: J(() => [c(P(a.buttonText), 1)]),
 					_: 1
 				}, 8, ["theme"])])
-			])], 12, wt)]),
+			])], 12, Tt)]),
 			_: 3
 		})]));
 	}
 });
 //#endregion
 //#region src/compose/useSelectDropdown.ts
-function At(e) {
+function jt(e) {
 	return e.map((e) => typeof e == "string" ? {
 		label: e,
 		value: e
 	} : e);
 }
-function jt({ open: e, anchorRef: t, listboxRef: n, baseId: i, activeIndex: a }) {
-	let { push: o, pop: s, isTop: c } = Ge(i), l = D("below"), u = D(null), d = r(() => {
+function Mt({ open: e, anchorRef: t, listboxRef: n, baseId: i, activeIndex: a }) {
+	let { push: o, pop: s, isTop: c } = Ke(i), l = O("below"), u = O(null), d = r(() => {
 		let e = {};
 		return u.value !== null && (e.maxHeight = `${u.value}px`), l.value === "above" ? (e.top = "auto", e.bottom = "100%") : (e.top = "100%", e.bottom = "auto"), e;
 	});
@@ -1225,7 +1273,7 @@ function jt({ open: e, anchorRef: t, listboxRef: n, baseId: i, activeIndex: a })
 	function h() {
 		p && p();
 	}
-	G(e, (e) => {
+	K(e, (e) => {
 		e ? (o(), m(), g(() => f())) : (s(), h(), l.value = "below", u.value = null);
 	}), x(() => {
 		h();
@@ -1245,11 +1293,11 @@ function jt({ open: e, anchorRef: t, listboxRef: n, baseId: i, activeIndex: a })
 }
 //#endregion
 //#region src/components/GSelect.vue?vue&type=script&setup=true&lang.ts
-var Mt = ["id"], Nt = {
+var Nt = ["id"], Pt = {
 	key: 0,
 	class: "g-select-required",
 	"aria-hidden": "true"
-}, Pt = { class: "g-select-input-wrap" }, Ft = ["id"], It = [
+}, Ft = { class: "g-select-input-wrap" }, It = ["id"], Lt = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -1257,21 +1305,21 @@ var Mt = ["id"], Nt = {
 	"aria-expanded",
 	"aria-required",
 	"aria-activedescendant"
-], Lt = [
+], Rt = [
 	"id",
 	"aria-controls",
 	"aria-expanded",
 	"aria-required",
 	"aria-activedescendant"
-], Rt = ["id"], zt = [
+], zt = ["id"], Bt = [
 	"id",
 	"aria-selected",
 	"onClick"
-], Bt = {
+], Vt = {
 	key: 1,
 	"aria-live": "polite",
 	class: "g-select-combo-option g-select-option g-select-no-results"
-}, Vt = /* @__PURE__ */ u({
+}, Ht = /* @__PURE__ */ u({
 	__name: "GSelect",
 	props: /* @__PURE__ */ m({
 		options: {},
@@ -1304,39 +1352,39 @@ var Mt = ["id"], Nt = {
 	}),
 	emits: /* @__PURE__ */ m(["change"], ["update:modelValue"]),
 	setup(t, { emit: n }) {
-		let i = t, u = n, d = B(t, "modelValue"), f = z(), p = D(null), m = D(null), v = D(null), y = D(!1), b = D(0), x = D(!1), S = D(!1), { displayErrors: C, hasErrors: T } = $({
+		let i = t, u = n, d = V(t, "modelValue"), f = B(), p = O(null), m = O(null), v = O(null), y = O(!1), b = O(0), x = O(!1), S = O(!1), { displayErrors: C, hasErrors: w } = $({
 			name: i.name,
 			value: d,
-			errors: F(i, "errors"),
+			errors: I(i, "errors"),
 			formKey: i.formKey
-		}), { menuPlacement: E, menuStyle: A, isTop: j, scrollOptionIntoView: M } = jt({
+		}), { menuPlacement: E, menuStyle: D, isTop: j, scrollOptionIntoView: M } = Mt({
 			open: y,
 			anchorRef: p,
 			listboxRef: m,
 			baseId: f,
 			activeIndex: b
-		}), P = r(() => At(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));
-		}), V = r(() => R.value.findIndex((e) => e.value === d.value));
-		G(() => d.value, (e) => {
-			let t = R.value.findIndex((t) => t.value === e);
+		}), N = r(() => jt(i.options)), F = O(""), L = r(() => {
+			if (!i.searchable || !y.value || !F.value) return N.value;
+			let e = F.value.toLowerCase();
+			return N.value.filter((t) => t.label.toLowerCase().includes(e));
+		}), z = r(() => L.value.findIndex((e) => e.value === d.value));
+		K(() => d.value, (e) => {
+			let t = L.value.findIndex((t) => t.value === e);
 			t !== -1 && (b.value = t);
 		});
 		function H() {
 			if (!i.disabled && (y.value = !0, i.searchable)) {
-				I.value = "";
-				let e = R.value.findIndex((e) => e.value === d.value);
+				F.value = "";
+				let e = L.value.findIndex((e) => e.value === d.value);
 				b.value = e === -1 ? 0 : e, g(() => {
 					v.value && v.value.focus();
 				});
 			}
 		}
 		function U() {
-			y.value = !1, i.searchable && (I.value = "");
+			y.value = !1, i.searchable && (F.value = "");
 		}
-		function K(e) {
+		function W(e) {
 			if (!i.disabled && i.searchable) {
 				if (S.value) {
 					S.value = !1;
@@ -1347,20 +1395,20 @@ var Mt = ["id"], Nt = {
 		}
 		function q(e) {
 			if (!i.searchable) return;
-			y.value || H(), I.value = e.target.value;
-			let t = R.value.findIndex((e) => e.value === d.value);
+			y.value || H(), F.value = e.target.value;
+			let t = L.value.findIndex((e) => e.value === d.value);
 			b.value = t === -1 ? 0 : t;
 		}
-		function X(e) {
+		function J(e) {
 			let t = e.relatedTarget;
 			if (x.value) {
 				x.value = !1;
 				return;
 			}
-			t && m.value && m.value.contains(t) || (i.searchable && (I.value = ""), U());
+			t && m.value && m.value.contains(t) || (i.searchable && (F.value = ""), U());
 		}
 		function ee(e) {
-			let t = R.value[e];
+			let t = L.value[e];
 			t && t.value !== d.value && (d.value = t.value, u("change", t.value)), S.value = !0, U(), setTimeout(() => {
 				S.value = !1;
 			}, 100);
@@ -1370,7 +1418,7 @@ var Mt = ["id"], Nt = {
 		}
 		function te(e) {
 			if (i.disabled) return;
-			let t = R.value.length - 1;
+			let t = L.value.length - 1;
 			if (!y.value && [
 				"ArrowDown",
 				"ArrowUp",
@@ -1412,22 +1460,22 @@ var Mt = ["id"], Nt = {
 		}
 		let ie = r(() => i.clearButton && d.value !== null && d.value !== void 0 && !i.disabled);
 		function ae() {
-			i.disabled || (d.value = null, u("change", null), i.searchable && (I.value = ""));
+			i.disabled || (d.value = null, u("change", null), i.searchable && (F.value = ""));
 		}
-		return (n, r) => (w(), o("div", { class: _(["g-select-root g-select-combo", {
+		return (n, r) => (T(), o("div", { class: _(["g-select-root g-select-combo", {
 			"g-select-open": y.value,
 			"g-select-compact": t.compact,
-			"g-select-has-error": L(T)
+			"g-select-has-error": R(w)
 		}]) }, [
-			t.hiddenLabel ? a("", !0) : (w(), o("div", {
+			t.hiddenLabel ? a("", !0) : (T(), o("div", {
 				key: 0,
-				id: L(f) + "-label",
+				id: R(f) + "-label",
 				class: "g-select-combo-label g-select-label"
-			}, [c(N(i.label), 1), i.required ? (w(), o("span", Nt, " *")) : a("", !0)], 8, Mt)),
-			s("div", Pt, [i.searchable ? (w(), o("div", {
+			}, [c(P(i.label), 1), i.required ? (T(), o("span", Pt, " *")) : a("", !0)], 8, Nt)),
+			s("div", Ft, [i.searchable ? (T(), o("div", {
 				key: 0,
 				class: "g-select-combo-input g-select-control",
-				id: L(f)
+				id: R(f)
 			}, [
 				s("input", h({
 					ref_key: "comboRef",
@@ -1435,24 +1483,24 @@ var Mt = ["id"], Nt = {
 					type: "text",
 					name: "comboInput",
 					class: ["g-select-search-input", { "g-select-clearable": t.clearButton }],
-					value: y.value ? I.value : P.value[V.value] ? P.value[V.value].label : "",
+					value: y.value ? F.value : N.value[z.value] ? N.value[z.value].label : "",
 					placeholder: y.value ? "" : t.placeholder,
 					disabled: i.disabled,
-					onFocus: K,
+					onFocus: W,
 					onInput: q,
 					onKeydown: te,
-					onBlur: X,
+					onBlur: J,
 					"aria-autocomplete": "list",
-					"aria-controls": L(f) + "-listbox",
+					"aria-controls": R(f) + "-listbox",
 					"aria-expanded": y.value ? "true" : "false",
 					"aria-required": i.required ? "true" : void 0,
 					"aria-haspopup": "listbox",
-					"aria-activedescendant": y.value ? L(f) + "-option-" + b.value : void 0
-				}, t.hiddenLabel ? { "aria-label": i.label } : { "aria-labelledby": L(f) + "-label" }, {
+					"aria-activedescendant": y.value ? R(f) + "-option-" + b.value : void 0
+				}, t.hiddenLabel ? { "aria-label": i.label } : { "aria-labelledby": R(f) + "-label" }, {
 					role: "combobox",
 					autocomplete: "off"
-				}), null, 16, It),
-				ie.value ? (w(), o("button", {
+				}), null, 16, Lt),
+				ie.value ? (T(), o("button", {
 					key: 0,
 					type: "button",
 					class: "g-select-clear-btn",
@@ -1477,31 +1525,31 @@ var Mt = ["id"], Nt = {
 					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, Ft)) : (w(), o("div", h({
+			], 8, It)) : (T(), o("div", h({
 				key: 1,
 				ref_key: "comboRef",
 				ref: p,
-				id: L(f),
+				id: R(f),
 				class: ["g-select-combo-button g-select-control", { "g-select-clearable": t.clearButton }],
 				role: "combobox",
-				"aria-controls": L(f) + "-listbox",
+				"aria-controls": R(f) + "-listbox",
 				"aria-expanded": y.value ? "true" : "false",
 				"aria-required": i.required ? "true" : void 0,
 				"aria-haspopup": "listbox"
-			}, t.hiddenLabel ? { "aria-label": i.label } : { "aria-labelledby": L(f) + "-label" }, {
-				"aria-activedescendant": y.value ? L(f) + "-option-" + b.value : void 0,
+			}, t.hiddenLabel ? { "aria-label": i.label } : { "aria-labelledby": R(f) + "-label" }, {
+				"aria-activedescendant": y.value ? R(f) + "-option-" + b.value : void 0,
 				tabindex: "0",
 				onClick: Z,
 				onKeydown: te,
-				onFocus: K,
-				onBlur: X
+				onFocus: W,
+				onBlur: J
 			}), [
-				c(N(P.value[V.value] ? P.value[V.value].label : "") + " ", 1),
-				ie.value ? (w(), o("button", {
+				c(P(N.value[z.value] ? N.value[z.value].label : "") + " ", 1),
+				ie.value ? (T(), o("button", {
 					key: 0,
 					type: "button",
 					class: "g-select-clear-btn",
-					onClick: Y(ae, ["stop"])
+					onClick: X(ae, ["stop"])
 				}, [...r[2] ||= [s("svg", {
 					role: "img",
 					"aria-label": "Clear Selection",
@@ -1522,16 +1570,16 @@ var Mt = ["id"], Nt = {
 					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, Lt)), J(s("div", h({
+			], 16, Rt)), Y(s("div", h({
 				ref_key: "listboxRef",
 				ref: m,
-				class: ["g-select-combo-menu g-select-list", { "g-select-combo-menu--above": L(E) === "above" }],
-				style: L(A),
+				class: ["g-select-combo-menu g-select-list", { "g-select-combo-menu--above": R(E) === "above" }],
+				style: R(D),
 				role: "listbox",
-				id: L(f) + "-listbox"
-			}, t.hiddenLabel ? { "aria-label": i.label } : { "aria-labelledby": L(f) + "-label" }, { tabindex: "-1" }), [R.value.length > 0 ? (w(!0), o(e, { key: 0 }, O(R.value, (e, t) => (w(), o("div", {
+				id: R(f) + "-listbox"
+			}, t.hiddenLabel ? { "aria-label": i.label } : { "aria-labelledby": R(f) + "-label" }, { tabindex: "-1" }), [L.value.length > 0 ? (T(!0), o(e, { key: 0 }, k(L.value, (e, t) => (T(), o("div", {
 				key: e.value,
-				id: L(f) + "-option-" + t,
+				id: R(f) + "-option-" + t,
 				class: _(["g-select-combo-option g-select-option", {
 					"g-select-option-current": t === b.value,
 					"ilw-theme-blue": e.value === d.value
@@ -1540,38 +1588,38 @@ var Mt = ["id"], Nt = {
 				"aria-selected": e.value === d.value ? "true" : "false",
 				onMousedown: re,
 				onClick: (e) => ne(t)
-			}, [k(n.$slots, "option", {
+			}, [A(n.$slots, "option", {
 				option: e,
 				selected: e.value === d.value,
 				index: t
-			}, () => [c(N(e.label), 1)])], 42, zt))), 128)) : (w(), o("div", Bt, " No results found. "))], 16, Rt), [[W, y.value]])]),
-			l(Ae, {
-				errors: L(C),
-				id: "error-message-" + L(f)
+			}, () => [c(P(e.label), 1)])], 42, Bt))), 128)) : (T(), o("div", Vt, " No results found. "))], 16, zt), [[G, y.value]])]),
+			l(je, {
+				errors: R(C),
+				id: "error-message-" + R(f)
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), Ht = ["aria-label"], Ut = [
+}), Ut = ["aria-label"], Wt = [
 	"placeholder",
 	"value",
 	"aria-expanded",
 	"aria-controls",
 	"aria-activedescendant"
-], Wt = {
+], Gt = {
 	key: 0,
 	class: "g-search-dropdown"
-}, Gt = {
+}, Kt = {
 	"aria-live": "polite",
 	class: "g-search-result-count"
-}, Kt = ["id"], qt = ["aria-label"], Jt = { class: "g-search-group-label" }, Yt = [
+}, qt = ["id"], Jt = ["aria-label"], Yt = { class: "g-search-group-label" }, Xt = [
 	"id",
 	"onMousedown",
 	"aria-selected"
-], Xt = [
+], Zt = [
 	"id",
 	"onMousedown",
 	"aria-selected"
-], Zt = /* @__PURE__ */ u({
+], Qt = /* @__PURE__ */ u({
 	__name: "GSearch",
 	props: /* @__PURE__ */ m({
 		results: {},
@@ -1588,7 +1636,7 @@ var Mt = ["id"], Nt = {
 	}),
 	emits: /* @__PURE__ */ m(["select", "submit"], ["update:modelValue"]),
 	setup(t, { emit: n }) {
-		let l = B(t, "modelValue"), u = t, d = n, f = D(null), p = D(null), m = D(!0), h = D(-1), v = r(() => Array.isArray(u.results) && u.results.length && "items" in u.results[0] ? u.results.flatMap((e) => e.items) : u.results), y = r(() => v.value.length);
+		let l = V(t, "modelValue"), u = t, d = n, f = O(null), p = O(null), m = O(!0), h = O(-1), v = r(() => Array.isArray(u.results) && u.results.length && "items" in u.results[0] ? u.results.flatMap((e) => e.items) : u.results), y = r(() => v.value.length);
 		function b(e) {
 			let t = e.target.value;
 			l.value = t, u.auto && t.length > 1 && (m.value = !1);
@@ -1599,7 +1647,7 @@ var Mt = ["id"], Nt = {
 				e && e.scrollIntoView({ block: "nearest" });
 			});
 		}
-		let { focused: S } = ie(f);
+		let { focused: S } = ae(f);
 		function C(e) {
 			let t = e.altKey;
 			if (e.key === "ArrowDown") {
@@ -1608,10 +1656,10 @@ var Mt = ["id"], Nt = {
 			} else if (e.key === "ArrowUp") {
 				if (!y.value) return;
 				e.preventDefault(), m.value = !1, h.value = (h.value - 1 + y.value) % y.value, x();
-			} else if (e.key === "Enter") m.value ? (d("submit", l.value), m.value = !1, e.preventDefault()) : T(v.value[h.value]);
+			} else if (e.key === "Enter") m.value ? (d("submit", l.value), m.value = !1, e.preventDefault()) : w(v.value[h.value]);
 			else if (e.key === "Escape") {
 				if (!y.value) return;
-				e.preventDefault(), A.value || (l.value = ""), m.value = !0, h.value = -1;
+				e.preventDefault(), D.value || (l.value = ""), m.value = !0, h.value = -1;
 			}
 			[
 				"Backspace",
@@ -1620,23 +1668,23 @@ var Mt = ["id"], Nt = {
 				"Undo"
 			].includes(e.key) && (m.value = !0);
 		}
-		function T(e) {
+		function w(e) {
 			d("select", e), l.value = "", m.value = !0, h.value = -1;
 		}
-		let E = r(() => !!u.loading), A = r(() => S.value && !m.value), j = re(() => {
+		let E = r(() => !!u.loading), D = r(() => S.value && !m.value), j = ie(() => {
 			d("submit", l.value);
 		}, 300);
-		G(() => l.value, (e) => {
+		K(() => l.value, (e) => {
 			e ? u.auto && j() : h.value = -1;
 		});
-		let M = z();
-		return (t, n) => (w(), o("div", {
+		let M = B();
+		return (t, n) => (T(), o("div", {
 			class: "g-search",
 			role: "search",
 			"aria-label": u.label
 		}, [s("form", {
 			class: "g-search-form",
-			onSubmit: n[0] ||= Y((e) => T(null), ["prevent"])
+			onSubmit: n[0] ||= X((e) => w(null), ["prevent"])
 		}, [s("input", {
 			ref_key: "inputRef",
 			ref: f,
@@ -1648,16 +1696,16 @@ var Mt = ["id"], Nt = {
 			onInput: b,
 			onKeydown: C,
 			role: "combobox",
-			"aria-expanded": A.value,
+			"aria-expanded": D.value,
 			"aria-autocomplete": "list",
-			"aria-controls": `${L(M)}-list`,
+			"aria-controls": `${R(M)}-list`,
 			"aria-activedescendant": h.value >= 0 ? "g-search-option-" + v.value[h.value].id : void 0
-		}, null, 40, Ut), s("button", {
+		}, null, 40, Wt), s("button", {
 			type: "submit",
 			class: "g-search-submit",
 			"aria-label": "Submit search",
 			onKeydown: C
-		}, [E.value ? (w(), i(Ct, {
+		}, [E.value ? (T(), i(wt, {
 			key: 0,
 			size: "tiny"
 		})) : a("", !0), n[1] ||= s("svg", {
@@ -1668,40 +1716,40 @@ var Mt = ["id"], Nt = {
 		}, [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", Wt, [s("div", Gt, [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), D.value ? (T(), o("div", Gt, [s("div", Kt, [E.value ? a("", !0) : (T(), o(e, { key: 0 }, [c(P(y.value) + " result" + P(y.value === 1 ? "" : "s"), 1)], 64))]), s("div", {
 			role: "listbox",
-			id: `${L(M)}-list`,
+			id: `${R(M)}-list`,
 			ref_key: "listboxRef",
 			ref: p,
 			"aria-label": "Search results"
-		}, [y.value > 0 && "items" in u.results[0] ? (w(!0), o(e, { key: 0 }, O(u.results, (n, r) => (w(), o("div", {
+		}, [y.value > 0 && "items" in u.results[0] ? (T(!0), o(e, { key: 0 }, k(u.results, (n, r) => (T(), o("div", {
 			key: n.type,
 			class: "g-search-group",
 			role: "group",
 			"aria-label": n.label
-		}, [k(t.$slots, "group", { group: n }, () => [s("div", Jt, N(n.label), 1)]), (w(!0), o(e, null, O(n.items, (e, n) => (w(), o("div", {
+		}, [A(t.$slots, "group", { group: n }, () => [s("div", Yt, P(n.label), 1)]), (T(!0), o(e, null, k(n.items, (e, n) => (T(), o("div", {
 			key: e.id,
 			id: "g-search-option-" + e.id,
 			class: _(["g-search-option", { "g-search-option-active": v.value[h.value] && v.value[h.value].id === e.id }]),
 			role: "option",
-			onMousedown: Y((t) => T(e), ["prevent"]),
+			onMousedown: X((t) => w(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, Yt))), 128))], 8, qt))), 128)) : y.value > 0 ? (w(!0), o(e, { key: 1 }, O(v.value, (e, n) => (w(), o("div", {
+		}, [A(t.$slots, "option", { option: e }, () => [c(P(e.title), 1)])], 42, Xt))), 128))], 8, Jt))), 128)) : y.value > 0 ? (T(!0), o(e, { key: 1 }, k(v.value, (e, n) => (T(), o("div", {
 			key: e.id,
 			id: "g-search-option-" + e.id,
 			class: _(["g-search-option", { "g-search-option-active": h.value === n }]),
 			role: "option",
-			onMousedown: Y((t) => T(e), ["prevent"]),
+			onMousedown: X((t) => w(e), ["prevent"]),
 			"aria-selected": h.value === n
-		}, [k(t.$slots, "option", { option: e }, () => [c(N(e.title), 1)])], 42, Xt))), 128)) : a("", !0)], 8, Kt)])) : a("", !0)], 8, Ht));
+		}, [A(t.$slots, "option", { option: e }, () => [c(P(e.title), 1)])], 42, Zt))), 128)) : a("", !0)], 8, qt)])) : a("", !0)], 8, Ut));
 	}
-}), Qt = { class: /* @__PURE__ */ _({ "g-app-header": !0 }) }, $t = { class: "g-app-header__brand" }, en = {
+}), $t = { class: /* @__PURE__ */ _({ "g-app-header": !0 }) }, en = { class: "g-app-header__brand" }, tn = {
 	class: "g-app-header__brand-text",
 	href: "/"
-}, tn = {
+}, nn = {
 	key: 0,
 	class: "g-app-header__block-i-container"
-}, nn = { class: "g-app-header__title" }, rn = { class: "g-app-header__app-controls-wrap" }, an = /* @__PURE__ */ u({
+}, rn = { class: "g-app-header__title" }, an = { class: "g-app-header__app-controls-wrap" }, on = /* @__PURE__ */ u({
 	__name: "GAppHeader",
 	props: {
 		illinois: {
@@ -1711,10 +1759,10 @@ var Mt = ["id"], Nt = {
 		brand: { default: "GRAD" }
 	},
 	setup(e) {
-		return (t, n) => (w(), o("header", Qt, [
+		return (t, n) => (T(), o("header", $t, [
 			n[1] ||= s("div", { class: "g-app-header__background" }, [s("div", { class: "g-app-header__background-pattern" }), s("div", { class: "g-app-header__background-gradient" })], -1),
-			s("div", $t, [k(t.$slots, "left", {}, () => [s("a", en, N(e.brand), 1)])]),
-			e.illinois ? (w(), o("div", tn, [...n[0] ||= [s("svg", {
+			s("div", en, [A(t.$slots, "left", {}, () => [s("a", tn, P(e.brand), 1)])]),
+			e.illinois ? (T(), o("div", nn, [...n[0] ||= [s("svg", {
 				class: "g-app-header__block-i",
 				role: "img",
 				width: "55",
@@ -1730,59 +1778,62 @@ var Mt = ["id"], Nt = {
 					class: "g-app-header__block-i-fill",
 					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(t.$slots, "icon", { key: 1 }),
-			s("div", nn, [k(t.$slots, "title")]),
-			s("div", rn, [k(t.$slots, "app-controls", { class: "g-app-header__app-controls" })])
+			], -1)]])) : A(t.$slots, "icon", { key: 1 }),
+			s("div", rn, [A(t.$slots, "title")]),
+			s("div", an, [A(t.$slots, "app-controls", { class: "g-app-header__app-controls" })])
 		]));
 	}
 });
 //#endregion
 //#region src/compose/useWebComponentSidebar.ts
-function 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 = "(max-width: 800px)") {
-	let n = sn(), r = e || "default";
+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);
+		let e = sn(r), t = O(a);
 		n.set(r, {
 			id: `g-wc-sidebar-${e}`,
-			open: D(!1),
-			isCollapsible: oe(t, { ssrWidth: 1e3 }),
+			open: O(!1),
+			breakpoint: t,
+			isCollapsible: se(t, { ssrWidth: 1e3 }),
 			toggle: () => void 0
 		});
 	}
-	let i = n.get(r);
-	i.toggle = () => i.open.value = !i.open.value;
-	function a(e) {
-		if (!i.isCollapsible.value || !i.open.value) return;
-		let t = e.target, n = document.getElementById(`${i.id}-sidebar`);
+	let o = n.get(r);
+	o.toggle = () => o.open.value = !o.open.value, typeof t == "string" ? t.trim() && (o.breakpoint.value = t) : t && K(t, (e) => {
+		e && e.trim() && (o.breakpoint.value = e);
+	}, { immediate: !0 });
+	function s(e) {
+		if (!o.isCollapsible.value || !o.open.value) return;
+		let t = e.target, n = document.getElementById(`${o.id}-sidebar`);
 		n && (n.contains(t) || setTimeout(() => {
-			i.open.value = !1;
+			o.open.value = !1;
 		}, 5));
 	}
-	function o(e) {
-		if (!i.isCollapsible.value || !i.open.value) return;
-		let t = e.target, n = document.getElementById(`${i.id}-sidebar`), r = document.getElementById(`${i.id}-hamburger`);
+	function c(e) {
+		if (!o.isCollapsible.value || !o.open.value) return;
+		let t = e.target, n = document.getElementById(`${o.id}-sidebar`), r = document.getElementById(`${o.id}-hamburger`);
 		n && (n.contains(t) || r?.contains(t) || setTimeout(() => {
-			i.open.value = !1;
+			o.open.value = !1;
 		}, 5));
 	}
 	return S(() => {
-		G(i.isCollapsible, (e) => {
-			e ? (document.addEventListener("mousedown", a), document.addEventListener("focusin", o)) : (document.removeEventListener("mousedown", a), document.removeEventListener("focusin", o));
+		K(o.isCollapsible, (e) => {
+			e ? (document.addEventListener("mousedown", s), document.addEventListener("focusin", c)) : (document.removeEventListener("mousedown", s), document.removeEventListener("focusin", c));
 		}, { immediate: !0 });
 	}), x(() => {
-		document.removeEventListener("mousedown", a), document.removeEventListener("focusin", o);
-	}), i;
+		document.removeEventListener("mousedown", s), document.removeEventListener("focusin", c);
+	}), o;
 }
 //#endregion
 //#region src/components/GSidebar.vue?vue&type=script&setup=true&lang.ts
-var ln = ["id"], un = /* @__PURE__ */ u({
+var un = ["id"], dn = /* @__PURE__ */ u({
 	__name: "GSidebar",
 	props: {
 		backgroundColor: { default: "" },
@@ -1791,20 +1842,21 @@ var ln = ["id"], un = /* @__PURE__ */ u({
 		topOffset: { default: "" },
 		topOffsetVar: { default: "" },
 		width: { default: "300px" },
-		sidebarKey: { default: "default" }
+		sidebarKey: { default: "default" },
+		mediaQuery: {}
 	},
 	setup(e) {
-		let t = e, n = p("sidebar", () => void 0, !0) ?? (de() ? cn(t.sidebarKey) : void 0), i = r(() => t.backgroundImage ? t.backgroundImage : t.theme === "light" ? "none" : "url('https://gradcdn.blob.core.windows.net/public/sidebar-bg2.jpg')"), a = r(() => t.backgroundColor ? t.backgroundColor : t.theme === "light" ? "#f9f9f9" : "#030913"), s = r(() => t.topOffsetVar ? `var(${t.topOffsetVar})` : t.topOffset ? t.topOffset : "var(--g-toolbar-height)"), c = z();
+		let t = e, n = p("sidebar", () => void 0, !0) ?? (fe() ? ln(t.sidebarKey, I(t, "mediaQuery")) : void 0), i = r(() => t.backgroundImage ? t.backgroundImage : t.theme === "light" ? "none" : "url('https://gradcdn.blob.core.windows.net/public/sidebar-bg2.jpg')"), a = r(() => t.backgroundColor ? t.backgroundColor : t.theme === "light" ? "#f9f9f9" : "#030913"), s = r(() => t.topOffsetVar ? `var(${t.topOffsetVar})` : t.topOffset ? t.topOffset : "var(--g-toolbar-height)"), c = B();
 		function l(e) {
 			e.key === "Escape" && n?.isCollapsible?.value && n?.open?.value && (n.open.value = !1, document.getElementById(`${n.id}-hamburger`)?.focus());
 		}
-		return (t, r) => (w(), o("div", {
+		return (t, r) => (T(), o("div", {
 			ref: "sidebar-ref",
-			id: `${L(n)?.id ?? L(c)}-sidebar`,
+			id: `${R(n)?.id ?? R(c)}-sidebar`,
 			class: _(["g-sidebar", [`g-sidebar__${e.theme}`, {
-				"g-sidebar--collapsible": L(n)?.isCollapsible?.value,
-				"g-sidebar--closed": !L(n)?.open?.value && L(n)?.isCollapsible?.value,
-				"g-sidebar--open": L(n)?.open?.value && L(n)?.isCollapsible?.value
+				"g-sidebar--collapsible": R(n)?.isCollapsible?.value,
+				"g-sidebar--closed": !R(n)?.open?.value && R(n)?.isCollapsible?.value,
+				"g-sidebar--open": R(n)?.open?.value && R(n)?.isCollapsible?.value
 			}]]),
 			style: y({
 				backgroundImage: i.value,
@@ -1814,13 +1866,13 @@ var ln = ["id"], un = /* @__PURE__ */ u({
 				width: "var(--g-sidebar-width)"
 			}),
 			onKeydown: l
-		}, [k(t.$slots, "default")], 46, ln));
+		}, [A(t.$slots, "default")], 46, un));
 	}
-}), dn = ["id"], fn = { class: "g-sidebar-menu__list" }, pn = [
+}), fn = ["id"], pn = { class: "g-sidebar-menu__list" }, mn = [
 	"href",
 	"aria-current",
 	"onClick"
-], mn = /* @__PURE__ */ u({
+], hn = /* @__PURE__ */ u({
 	__name: "GSidebarMenu",
 	props: /* @__PURE__ */ m({
 		heading: {},
@@ -1844,9 +1896,9 @@ var ln = ["id"], un = /* @__PURE__ */ u({
 	}),
 	emits: ["update:modelValue"],
 	setup(t) {
-		let n = t, l = B(t, "modelValue"), u = r(() => n.spy && l.value ? "#" + l.value : null), f = H("content");
+		let n = t, l = V(t, "modelValue"), u = r(() => n.spy && l.value ? "#" + l.value : null), f = U("content");
 		S(() => {
-			G(l, () => {
+			K(l, () => {
 				g(() => {
 					let e = f.value?.querySelector(".g-sidebar-menu__is-active");
 					e && e.scrollIntoView({ block: "nearest" });
@@ -1859,57 +1911,57 @@ var ln = ["id"], un = /* @__PURE__ */ u({
 			let n = t.href.slice(1), r = document.getElementById(n)?.querySelector("h2, h3, h4, h5");
 			r && (e.preventDefault(), r.setAttribute("tabindex", "-1"), r.focus(), r.scrollIntoView({ block: "start" }), history.replaceState(null, "", t.href));
 		}
-		let y = z();
-		return (r, l) => (w(), o("nav", h({ class: ["g-sidebar-menu", [`g-sidebar-menu__${n.theme}`, { "g-sidebar-menu--compact": n.compact }]] }, {
-			"aria-labelledby": t.heading ? L(y) : void 0,
+		let y = B();
+		return (r, l) => (T(), o("nav", h({ class: ["g-sidebar-menu", [`g-sidebar-menu__${n.theme}`, { "g-sidebar-menu--compact": n.compact }]] }, {
+			"aria-labelledby": t.heading ? R(y) : void 0,
 			"aria-label": t.heading ? void 0 : "Sidebar Menu"
 		}), [
-			t.heading ? (w(), o("h2", {
+			t.heading ? (T(), o("h2", {
 				key: 0,
-				id: L(y),
+				id: R(y),
 				class: "g-sidebar-menu__title"
-			}, N(t.heading), 9, dn)) : a("", !0),
+			}, P(t.heading), 9, fn)) : 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", fn, [(w(!0), o(e, null, O(t.items, (e) => (w(), o("li", {
+			}, [s("ul", pn, [(T(!0), o(e, null, k(t.items, (e) => (T(), o("li", {
 				key: e.href || e.to,
 				class: "g-sidebar-menu__item",
 				ref_for: !0,
 				ref: "listItems"
-			}, [e.to && m.value ? (w(), i(A(m.value), {
+			}, [e.to && m.value ? (T(), i(j(m.value), {
 				key: 0,
 				class: "g-sidebar-menu__link",
 				to: e.to
 			}, {
-				default: q(() => [c(N(e.label), 1)]),
+				default: J(() => [c(P(e.label), 1)]),
 				_: 2
-			}, 1032, ["to"])) : (w(), o("a", {
+			}, 1032, ["to"])) : (T(), o("a", {
 				key: 1,
 				class: _(["g-sidebar-menu__link", { "g-sidebar-menu__is-active": u.value === (e.href || "") }]),
 				href: e.href || e.to || "#",
 				"aria-current": u.value === (e.href || "") ? "location" : void 0,
 				onClick: (t) => v(t, e)
-			}, N(e.label), 11, pn))]))), 128))])], 512)
+			}, P(e.label), 11, mn))]))), 128))])], 512)
 		], 16));
 	}
-}), hn = {
+}), gn = {
 	mounted(e, t) {
-		let n = D(null), r = D(!1), i = D(!1), a = D(t.value), o = null, s = !1, c = ot(e), l = () => {
-			n.value || (n.value = st(a.value, c), ct(n.value), o = new ResizeObserver(() => {
-				n.value && (r.value || i.value) && lt(e, n.value);
+		let n = O(null), r = O(!1), i = O(!1), a = O(t.value), o = null, s = !1, c = st(e), l = () => {
+			n.value || (n.value = ct(a.value, c), lt(n.value), o = new ResizeObserver(() => {
+				n.value && (r.value || i.value) && ut(e, n.value);
 			}), o.observe(n.value));
 		};
-		K(() => {
+		q(() => {
 			n.value && (n.value.textContent = a.value);
 		});
 		let u = () => {
-			n.value && (r.value || i.value) && lt(e, n.value);
+			n.value && (r.value || i.value) && ut(e, n.value);
 		};
-		K(() => {
-			r.value || i.value ? (l(), n.value && lt(e, n.value), s ||= (window.addEventListener("scroll", u, { capture: !0 }), !0)) : (s &&= (window.removeEventListener("scroll", u, { capture: !0 }), !1), n.value && (ut(n.value), setTimeout(() => {
+		q(() => {
+			r.value || i.value ? (l(), n.value && ut(e, n.value), s ||= (window.addEventListener("scroll", u, { capture: !0 }), !0)) : (s &&= (window.removeEventListener("scroll", u, { capture: !0 }), !1), n.value && (dt(n.value), setTimeout(() => {
 				e.dispatchEvent(new CustomEvent("tooltip-hide"));
 			}, 150)));
 		});
@@ -1947,7 +1999,7 @@ var ln = ["id"], un = /* @__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");
 	}
-}, gn = { class: "g-clipboard-text" }, _n = /* @__PURE__ */ u({
+}, _n = { class: "g-clipboard-text" }, vn = /* @__PURE__ */ u({
 	__name: "GClipboard",
 	props: {
 		text: {},
@@ -1955,12 +2007,12 @@ var ln = ["id"], un = /* @__PURE__ */ u({
 		copyLabel: {}
 	},
 	setup(t) {
-		let n = t, r = hn, { text: i, copy: l, copied: u, isSupported: d } = ne({ source: n.text }), f = D(n.copyLabel ?? "Copy to clipboard"), p = () => {
+		let n = t, r = gn, { text: i, copy: l, copied: u, isSupported: d } = re({ source: n.text }), f = O(n.copyLabel ?? "Copy to clipboard"), p = () => {
 			d.value ? (l(), f.value = "Copied") : f.value = "Copy not supported";
 		}, m = () => {
 			f.value = n.copyLabel ?? "Copy to clipboard";
 		};
-		return (i, l) => (w(), o("div", gn, [t.hideText ? a("", !0) : (w(), o(e, { key: 0 }, [c(N(n.text), 1)], 64)), J((w(), o("button", {
+		return (i, l) => (T(), o("div", _n, [t.hideText ? a("", !0) : (T(), o(e, { key: 0 }, [c(P(n.text), 1)], 64)), Y((T(), o("button", {
 			type: "button",
 			"aria-label": "Copy",
 			onClick: p,
@@ -1975,24 +2027,24 @@ var ln = ["id"], un = /* @__PURE__ */ u({
 		}, [s("path", {
 			fill: "currentColor",
 			d: "M480 400L288 400C279.2 400 272 392.8 272 384L272 128C272 119.2 279.2 112 288 112L421.5 112C425.7 112 429.8 113.7 432.8 116.7L491.3 175.2C494.3 178.2 496 182.3 496 186.5L496 384C496 392.8 488.8 400 480 400zM288 448L480 448C515.3 448 544 419.3 544 384L544 186.5C544 169.5 537.3 153.2 525.3 141.2L466.7 82.7C454.7 70.7 438.5 64 421.5 64L288 64C252.7 64 224 92.7 224 128L224 384C224 419.3 252.7 448 288 448zM160 192C124.7 192 96 220.7 96 256L96 512C96 547.3 124.7 576 160 576L352 576C387.3 576 416 547.3 416 512L416 496L368 496L368 512C368 520.8 360.8 528 352 528L160 528C151.2 528 144 520.8 144 512L144 256C144 247.2 151.2 240 160 240L176 240L176 192L160 192z"
-		})], -1)]], 32)), [[L(r), f.value]])]));
+		})], -1)]], 32)), [[R(r), f.value]])]));
 	}
-}), vn = { class: "g-history-scroller-wrapper" }, yn = {
+}), yn = { class: "g-history-scroller-wrapper" }, bn = {
 	key: 0,
 	class: "g-history-shadow g-history-shadow--top",
 	"aria-hidden": "true"
-}, bn = {
+}, xn = {
 	key: 1,
 	class: "g-history-shadow g-history-shadow--bottom",
 	"aria-hidden": "true"
-}, xn = ["role", "aria-label"], Sn = /* @__PURE__ */ u({
+}, Sn = ["role", "aria-label"], Cn = /* @__PURE__ */ u({
 	__name: "GHistoryScroller",
 	props: {
 		label: {},
 		entries: { default: () => [] }
 	},
 	setup(t) {
-		let n = t, i = D(null), c = D(null), u = D(!0), d = D(!0);
+		let n = t, i = O(null), c = O(null), u = O(!0), d = O(!0);
 		async function f({ focusLast: e = !1 } = {}) {
 			if (i.value && (i.value.scrollTop = i.value.scrollHeight), e && c.value) {
 				let e = c.value.querySelectorAll(".g-history-entry");
@@ -2009,17 +2061,17 @@ var ln = ["id"], un = /* @__PURE__ */ u({
 		}
 		S(() => {
 			g(f);
-		}), ce(i, () => {
+		}), le(i, () => {
 			u.value && f();
-		}), ce(c, () => {
+		}), le(c, () => {
 			u.value && f();
-		}), G(() => n.entries, async () => {
+		}), K(() => n.entries, async () => {
 			u.value && (await g(), f());
 		});
 		let m = r(() => [...n.entries].reverse());
-		return (n, r) => (w(), o("div", vn, [
-			d.value ? a("", !0) : (w(), o("div", yn)),
-			u.value ? a("", !0) : (w(), o("div", bn)),
+		return (n, r) => (T(), o("div", yn, [
+			d.value ? a("", !0) : (T(), o("div", bn)),
+			u.value ? a("", !0) : (T(), o("div", xn)),
 			s("div", {
 				ref_key: "scrollerRef",
 				ref: i,
@@ -2034,7 +2086,7 @@ var ln = ["id"], un = /* @__PURE__ */ u({
 				onClick: r[0] ||= () => f({ focusLast: !0 }),
 				"aria-label": "Jump to Latest"
 			}, {
-				default: q(() => [...r[1] ||= [s("svg", {
+				default: J(() => [...r[1] ||= [s("svg", {
 					"aria-hidden": "true",
 					xmlns: "http://www.w3.org/2000/svg",
 					viewBox: "0 0 640 640",
@@ -2049,36 +2101,36 @@ var ln = ["id"], un = /* @__PURE__ */ u({
 				ref_key: "contentRef",
 				ref: c,
 				class: "g-history-list"
-			}, [(w(!0), o(e, null, O(m.value, (e) => (w(), o("div", {
+			}, [(T(!0), o(e, null, k(m.value, (e) => (T(), o("div", {
 				role: "listitem",
 				key: e.id,
 				class: "g-history-entry",
 				tabindex: "-1"
-			}, [k(n.$slots, "default", { entry: e })]))), 128))], 512)], 40, xn)
+			}, [A(n.$slots, "default", { entry: e })]))), 128))], 512)], 40, Sn)
 		]));
 	}
-}), Cn = { class: "g-three-way-toggle-wrapper" }, wn = { class: "g-three-way-toggle-control" }, Tn = ["id"], En = [
+}), wn = { class: "g-three-way-toggle-wrapper" }, Tn = { class: "g-three-way-toggle-control" }, En = ["id"], Dn = [
 	"aria-labelledby",
 	"aria-describedby",
 	"disabled",
 	"aria-invalid",
 	"aria-errormessage"
-], Dn = { key: 0 }, On = { key: 1 }, kn = { key: 2 }, An = ["for"], jn = [
+], On = { key: 0 }, kn = { key: 1 }, An = { key: 2 }, jn = ["for"], Mn = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], Mn = ["for"], Nn = [
+], Nn = ["for"], Pn = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], Pn = ["for"], Fn = [
+], Fn = ["for"], In = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], In = ["id"], Ln = /* @__PURE__ */ u({
+], Ln = ["id"], Rn = /* @__PURE__ */ u({
 	__name: "GThreeWayToggle",
 	props: /* @__PURE__ */ m({
 		label: {},
@@ -2094,7 +2146,7 @@ var ln = ["id"], un = /* @__PURE__ */ u({
 	}),
 	emits: /* @__PURE__ */ m(["change"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, i = B(e, "modelValue"), l = t;
+		let n = e, i = V(e, "modelValue"), l = t;
 		function u(e) {
 			let t = i.value;
 			i.value = e, e !== t && l("change", {
@@ -2108,112 +2160,112 @@ var ln = ["id"], un = /* @__PURE__ */ u({
 		function f(e) {
 			n.disabled || i.value === e && u(null);
 		}
-		let p = z(), m = r(() => `g-three-way-toggle-${p}`), h = z(), g = z(), v = z(), y = r(() => i.value === !1 ? "g-left" : i.value === !0 ? "g-right" : "g-center");
+		let p = B(), m = r(() => `g-three-way-toggle-${p}`), h = B(), g = B(), v = B(), y = r(() => i.value === !1 ? "g-left" : i.value === !0 ? "g-right" : "g-center");
 		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", Cn, [s("div", wn, [s("span", {
+		return (t, n) => (T(), o("div", wn, [s("div", Tn, [s("span", {
 			class: "g-label",
-			id: L(p)
-		}, [k(t.$slots, "label", {}, () => [c(N(e.label), 1)])], 8, Tn), s("fieldset", {
+			id: R(p)
+		}, [A(t.$slots, "label", {}, () => [c(P(e.label), 1)])], 8, En), s("fieldset", {
 			class: _(["g-three-way-toggle", { "g-has-error": e.error }]),
 			role: "radiogroup",
-			"aria-labelledby": L(p),
+			"aria-labelledby": R(p),
 			"aria-describedby": e.describedby,
 			disabled: e.disabled,
 			"aria-invalid": e.error ? "true" : void 0,
-			"aria-errormessage": e.error ? L(p) + "-error" : void 0
+			"aria-errormessage": e.error ? R(p) + "-error" : void 0
 		}, [s("div", { class: _(["g-toggle-track", [y.value, { "g-disabled": e.disabled }]]) }, [
 			s("span", {
 				class: _(["g-toggle-thumb", y.value]),
 				"aria-hidden": "true"
-			}, [i.value === !1 ? (w(), o("span", Dn, "NO")) : i.value === !0 ? (w(), o("span", On, "YES")) : (w(), o("span", kn))], 2),
+			}, [i.value === !1 ? (T(), o("span", On, "NO")) : i.value === !0 ? (T(), o("span", kn, "YES")) : (T(), o("span", An))], 2),
 			s("label", {
-				for: L(h),
+				for: R(h),
 				class: "g-toggle-option g-left",
 				onClick: n[1] ||= (e) => f(!1),
 				onKeydown: b
 			}, [s("input", {
 				type: "radio",
-				id: L(h),
+				id: R(h),
 				name: m.value,
 				checked: i.value === !1,
 				value: "false",
 				disabled: e.disabled,
 				onChange: n[0] ||= (e) => d(!1)
-			}, null, 40, jn), n[5] ||= s("span", { class: "ilw-sr-only" }, "No", -1)], 40, An),
+			}, null, 40, Mn), n[5] ||= s("span", { class: "ilw-sr-only" }, "No", -1)], 40, jn),
 			s("label", {
-				for: L(g),
+				for: R(g),
 				class: "g-toggle-option g-center",
 				onKeydown: b
 			}, [s("input", {
 				type: "radio",
-				id: L(g),
+				id: R(g),
 				name: m.value,
 				checked: i.value === null,
 				disabled: e.disabled,
 				onChange: n[2] ||= (e) => d(null)
-			}, null, 40, Nn), n[6] ||= s("span", { class: "ilw-sr-only" }, "Unset", -1)], 40, Mn),
+			}, null, 40, Pn), n[6] ||= s("span", { class: "ilw-sr-only" }, "Unset", -1)], 40, Nn),
 			s("label", {
-				for: L(v),
+				for: R(v),
 				class: "g-toggle-option g-right",
 				onClick: n[4] ||= (e) => f(!0),
 				onKeydown: b
 			}, [s("input", {
 				type: "radio",
-				id: L(v),
+				id: R(v),
 				name: m.value,
 				value: "true",
 				checked: i.value === !0,
 				disabled: e.disabled,
 				onChange: n[3] ||= (e) => d(!0)
-			}, null, 40, Fn), n[7] ||= s("span", { class: "ilw-sr-only" }, "Yes", -1)], 40, Pn)
-		], 2)], 10, En)]), e.error ? (w(), o("div", {
+			}, null, 40, In), n[7] ||= s("span", { class: "ilw-sr-only" }, "Yes", -1)], 40, Fn)
+		], 2)], 10, Dn)]), e.error ? (T(), o("div", {
 			key: 0,
-			id: `${L(p)}-error`,
+			id: `${R(p)}-error`,
 			class: "g-form-error",
 			role: "alert",
 			"aria-atomic": "true"
-		}, N(e.error), 9, In)) : a("", !0)]));
+		}, P(e.error), 9, Ln)) : a("", !0)]));
 	}
-}), Rn = {
+}), zn = {
 	ref: "tableBodyRef",
 	class: "efficient-table-body"
-}, zn = ["aria-rowindex"], Bn = {
+}, Bn = ["aria-rowindex"], Vn = {
 	key: 0,
 	class: "table-group-checkbox"
-}, Vn = ["colspan"], Hn = [
+}, Hn = ["colspan"], Un = [
 	"aria-rowindex",
 	"onMousedown",
 	"onClick"
-], Un = [
+], Wn = [
 	"checked",
 	"onClick",
 	"aria-label",
 	"name"
-], Wn = ["id"], Gn = {
+], Gn = ["id"], Kn = {
 	key: 0,
 	class: "editable-cell"
-}, Kn = {
+}, qn = {
 	key: 0,
 	class: "cell-prefix"
-}, qn = [
+}, Jn = [
 	"value",
 	"onChange",
 	"aria-labelledby",
 	"aria-invalid",
 	"name"
-], Jn = ["value"], Yn = [
+], Yn = ["value"], Xn = [
 	"value",
 	"onInput",
 	"aria-labelledby",
 	"aria-invalid",
 	"aria-errormessage",
 	"name"
-], Xn = {
+], Zn = {
 	key: 3,
 	class: "cell-suffix"
-}, Zn = ["id"], Qn = /* @__PURE__ */ u({
+}, Qn = ["id"], $n = /* @__PURE__ */ u({
 	__name: "GTableBody",
 	props: {
 		data: {},
@@ -2282,13 +2334,13 @@ var ln = ["id"], un = /* @__PURE__ */ u({
 		function C(e, t) {
 			if (l.changeTracker) return l.changeTracker.getError(e.key, t.key);
 		}
-		return (n, r) => (w(), o("tbody", Rn, [(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) => (T(), o("tbody", zn, [(T(!0), o(e, null, k(t.data, (n, l) => (T(), o(e, { key: n.key }, [t.groupBy && (l === 0 || n[t.groupBy] !== t.data[l - 1][t.groupBy]) ? (T(), o("tr", {
 			key: 0,
 			"aria-rowindex": t.startIndex + l + 2
-		}, [t.bulkSelectionEnabled ? (w(), o("td", Bn)) : a("", !0), s("td", {
+		}, [t.bulkSelectionEnabled ? (T(), o("td", Vn)) : a("", !0), s("td", {
 			colspan: t.columns.length,
 			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, Vn)], 8, zn)) : a("", !0), s("tr", {
+		}, [t.groupRender ? (T(), i(j(t.groupRender(n[t.groupBy], n)), { key: 0 })) : (T(), o(e, { key: 1 }, [c(P(n[t.groupBy]), 1)], 64))], 8, Hn)], 8, Bn)) : a("", !0), s("tr", {
 			class: _([
 				"efficient-table-row",
 				{
@@ -2300,10 +2352,10 @@ var ln = ["id"], un = /* @__PURE__ */ u({
 			"aria-rowindex": t.startIndex + l + 2,
 			onMousedown: (e) => d(e, n.key),
 			onClick: (e) => f(e, n.key)
-		}, [t.bulkSelectionEnabled ? (w(), o("td", {
+		}, [t.bulkSelectionEnabled ? (T(), o("td", {
 			key: 0,
 			class: "td-checkbox",
-			onClick: r[0] ||= Y(() => {}, ["stop"])
+			onClick: r[0] ||= X(() => {}, ["stop"])
 		}, [s("input", {
 			type: "checkbox",
 			checked: p(n.key),
@@ -2311,7 +2363,7 @@ var ln = ["id"], un = /* @__PURE__ */ u({
 			"aria-label": `Select row ${n.key}`,
 			name: `row-${n.key}-checkbox`,
 			class: "g-bulk-select-checkbox"
-		}, null, 8, Un)])) : a("", !0), (w(!0), o(e, null, O(t.columns, (r) => (w(), o("td", {
+		}, null, 8, Wn)])) : a("", !0), (T(!0), o(e, null, k(t.columns, (r) => (T(), o("td", {
 			key: r.key,
 			id: b(r) ? `${t.tableId}-td-${n.key}-${String(r.key)}` : void 0,
 			class: _([
@@ -2320,9 +2372,9 @@ var ln = ["id"], un = /* @__PURE__ */ u({
 				S(n, r) ? "g-cell-error" : "",
 				typeof r.tdClass == "function" ? r.tdClass(n) : r.tdClass
 			])
-		}, [r.editable ? (w(), o("div", Gn, [
-			r.editable.prefix ? (w(), o("span", Kn, N(r.editable.prefix), 1)) : a("", !0),
-			r.editable.type === "select" ? (w(), o("select", {
+		}, [r.editable ? (T(), o("div", Kn, [
+			r.editable.prefix ? (T(), o("span", qn, P(r.editable.prefix), 1)) : a("", !0),
+			r.editable.type === "select" ? (T(), o("select", {
 				key: 1,
 				value: n[r.key],
 				onChange: (e) => g(e, n, r),
@@ -2330,10 +2382,10 @@ var ln = ["id"], un = /* @__PURE__ */ u({
 				"aria-invalid": S(n, r),
 				name: `row-${n.key}-${String(r.key)}-select`,
 				class: "editable-input editable-select"
-			}, [(w(!0), o(e, null, O(r.editable.options, (e) => (w(), o("option", {
+			}, [(T(!0), o(e, null, k(r.editable.options, (e) => (T(), o("option", {
 				key: e.value,
 				value: e.value
-			}, N(e.label), 9, Jn))), 128))], 40, qn)) : (w(), o("input", h({
+			}, P(e.label), 9, Yn))), 128))], 40, Jn)) : (T(), o("input", h({
 				key: 2,
 				value: n[r.key]
 			}, { ref_for: !0 }, r.editable.inputAttributes, {
@@ -2347,24 +2399,24 @@ var ln = ["id"], un = /* @__PURE__ */ u({
 					paddingLeft: r.editable.prefix ? "1.5rem" : void 0,
 					paddingRight: r.editable.suffix ? "2rem" : void 0
 				}
-			}), null, 16, Yn)),
-			r.editable.suffix ? (w(), o("span", Xn, 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)), S(n, r) ? (w(), o("div", {
+			}), null, 16, Xn)),
+			r.editable.suffix ? (T(), o("span", Zn, P(r.editable.suffix), 1)) : a("", !0)
+		])) : r.display ? (T(), i(j(r.display(n)), { key: 1 })) : (T(), o(e, { key: 2 }, [c(P(n[r.key]), 1)], 64)), S(n, r) ? (T(), o("div", {
 			key: 3,
 			role: "alert",
 			class: "g-cell-error-message",
 			id: `${t.tableId}-error-${n.key}-${String(r.key)}`
-		}, N(C(n, r)), 9, Zn)) : a("", !0)], 10, Wn))), 128))], 42, Hn)], 64))), 128))], 512));
+		}, P(C(n, r)), 9, Qn)) : a("", !0)], 10, Gn))), 128))], 42, Un)], 64))), 128))], 512));
 	}
-}), $n = ["id", "for"], er = {
+}), er = ["id", "for"], tr = {
 	key: 0,
 	class: "g-multiselect-required",
 	"aria-hidden": "true"
-}, tr = ["id"], nr = ["aria-labelledby"], rr = { class: "g-multiselect-chip-label" }, ir = [
+}, nr = ["id"], rr = ["aria-labelledby"], ir = { class: "g-multiselect-chip-label" }, ar = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], ar = [
+], or = [
 	"id",
 	"value",
 	"placeholder",
@@ -2374,23 +2426,23 @@ var ln = ["id"], un = /* @__PURE__ */ u({
 	"aria-activedescendant",
 	"aria-describedby",
 	"aria-required"
-], or = ["id"], sr = [
+], sr = ["id"], cr = [
 	"id",
 	"aria-selected",
 	"onClick"
-], cr = {
+], lr = {
 	class: "g-multiselect-option-check",
 	"aria-hidden": "true"
-}, lr = {
+}, ur = {
 	key: 0,
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 640 640",
 	width: "1.25em"
-}, ur = {
+}, dr = {
 	key: 1,
 	"aria-live": "polite",
 	class: "g-multiselect-option g-multiselect-no-results"
-}, dr = /* @__PURE__ */ u({
+}, fr = /* @__PURE__ */ u({
 	__name: "GMultiSelect",
 	props: /* @__PURE__ */ m({
 		options: {},
@@ -2418,54 +2470,54 @@ var ln = ["id"], un = /* @__PURE__ */ u({
 	}),
 	emits: /* @__PURE__ */ m(["change"], ["update:modelValue"]),
 	setup(t, { emit: n }) {
-		let i = t, u = n, d = B(t, "modelValue"), f = z(), p = D(null), m = D(null), v = D(null), y = D(!1), b = D(0), x = D(""), S = D(!1), { displayErrors: C, hasErrors: T } = $({
+		let i = t, u = n, d = V(t, "modelValue"), f = B(), p = O(null), m = O(null), v = O(null), y = O(!1), b = O(0), x = O(""), S = O(!1), { displayErrors: C, hasErrors: w } = $({
 			name: i.name,
 			value: d,
-			errors: F(i, "errors"),
+			errors: I(i, "errors"),
 			formKey: i.formKey
-		}), { menuPlacement: E, menuStyle: k, isTop: A, scrollOptionIntoView: j } = jt({
+		}), { menuPlacement: E, menuStyle: D, isTop: A, scrollOptionIntoView: j } = Mt({
 			open: y,
 			anchorRef: m,
 			listboxRef: v,
 			baseId: f,
 			activeIndex: b
-		}), M = r(() => At(i.options)), P = r(() => {
+		}), M = r(() => jt(i.options)), N = r(() => {
 			if (!x.value) return M.value;
 			let e = x.value.toLowerCase();
 			return M.value.filter((t) => t.label.toLowerCase().includes(e));
 		});
-		function I(e) {
+		function F(e) {
 			return d.value.includes(e);
 		}
-		function R(e) {
+		function L(e) {
 			let t = M.value.find((t) => t.value === e);
 			return t ? t.label : String(e);
 		}
-		function V() {
+		function z() {
 			i.disabled || (y.value = !0, b.value = 0);
 		}
 		function H() {
 			y.value = !1, x.value = "";
 		}
 		function U(e) {
-			let t = P.value[e];
+			let t = N.value[e];
 			if (!t) return;
-			let n = d.value, r = I(t.value) ? n.filter((e) => e !== t.value) : [...n, t.value];
+			let n = d.value, r = F(t.value) ? n.filter((e) => e !== t.value) : [...n, t.value];
 			d.value = r, u("change", r), g(() => p.value?.focus());
 		}
-		function G(e) {
+		function W(e) {
 			if (i.disabled) return;
 			let t = d.value.filter((t) => t !== e);
 			d.value = t, u("change", t);
 		}
 		function K() {
-			i.disabled || (p.value?.focus(), y.value || V());
+			i.disabled || (p.value?.focus(), y.value || z());
 		}
 		function q(e) {
-			x.value = e.target.value, b.value = 0, y.value || V();
+			x.value = e.target.value, b.value = 0, y.value || z();
 		}
-		function X() {
-			i.disabled || y.value || V();
+		function J() {
+			i.disabled || y.value || z();
 		}
 		function ee(e) {
 			if (S.value) {
@@ -2483,13 +2535,13 @@ var ln = ["id"], un = /* @__PURE__ */ u({
 		}
 		function ne(e) {
 			if (i.disabled) return;
-			let t = P.value.length - 1;
+			let t = N.value.length - 1;
 			switch (e.key) {
 				case "ArrowDown":
-					e.preventDefault(), y.value ? (b.value = Math.min(t, b.value + 1), j()) : V();
+					e.preventDefault(), y.value ? (b.value = Math.min(t, b.value + 1), j()) : z();
 					break;
 				case "ArrowUp":
-					e.preventDefault(), y.value ? (b.value = Math.max(0, b.value - 1), j()) : V();
+					e.preventDefault(), y.value ? (b.value = Math.max(0, b.value - 1), j()) : z();
 					break;
 				case "Home":
 					e.preventDefault(), b.value = 0, j();
@@ -2498,38 +2550,38 @@ var ln = ["id"], un = /* @__PURE__ */ u({
 					e.preventDefault(), b.value = t, j();
 					break;
 				case "Enter":
-					e.preventDefault(), y.value && P.value.length > 0 ? U(b.value) : y.value || V();
+					e.preventDefault(), y.value && N.value.length > 0 ? U(b.value) : y.value || z();
 					break;
 				case " ":
-					y.value && !x.value && (e.preventDefault(), P.value.length > 0 && U(b.value));
+					y.value && !x.value && (e.preventDefault(), N.value.length > 0 && U(b.value));
 					break;
 				case "Escape":
 					A.value && (e.preventDefault(), setTimeout(() => H(), 0));
 					break;
 				case "Backspace":
-					!x.value && d.value.length > 0 && G(d.value[d.value.length - 1]);
+					!x.value && d.value.length > 0 && W(d.value[d.value.length - 1]);
 					break;
 			}
 		}
 		let re = r(() => `${f}-input`), ie = r(() => `${f}-label`), ae = r(() => `${f}-instructions`), oe = r(() => `error-message-${f}`), se = r(() => {
 			let e = [];
-			return i.instructions && e.push(ae.value), T.value && e.push(oe.value), e.length > 0 ? e.join(" ") : void 0;
+			return i.instructions && e.push(ae.value), w.value && e.push(oe.value), e.length > 0 ? e.join(" ") : void 0;
 		});
-		return (n, r) => (w(), o("div", { class: _(["g-multiselect-root", {
+		return (n, r) => (T(), o("div", { class: _(["g-multiselect-root", {
 			"g-multiselect-open": y.value,
-			"g-multiselect-has-error": L(T)
+			"g-multiselect-has-error": R(w)
 		}]) }, [
-			t.hiddenLabel ? a("", !0) : (w(), o("label", {
+			t.hiddenLabel ? a("", !0) : (T(), o("label", {
 				key: 0,
 				id: ie.value,
 				for: re.value,
 				class: "g-multiselect-label"
-			}, [c(N(t.label), 1), t.required ? (w(), o("span", er, " *")) : a("", !0)], 8, $n)),
-			t.instructions ? (w(), o("div", {
+			}, [c(P(t.label), 1), t.required ? (T(), o("span", tr, " *")) : a("", !0)], 8, er)),
+			t.instructions ? (T(), o("div", {
 				key: 1,
 				id: ae.value,
 				class: "g-multiselect-instructions"
-			}, N(t.instructions), 9, tr)) : a("", !0),
+			}, P(t.instructions), 9, nr)) : a("", !0),
 			s("div", {
 				ref_key: "controlRef",
 				ref: m,
@@ -2539,16 +2591,16 @@ var ln = ["id"], un = /* @__PURE__ */ u({
 				s("ul", {
 					class: "g-multiselect-chips",
 					"aria-labelledby": ie.value
-				}, [(w(!0), o(e, null, O(d.value, (e) => (w(), o("li", {
+				}, [(T(!0), o(e, null, k(d.value, (e) => (T(), o("li", {
 					key: e,
 					class: "g-multiselect-chip"
-				}, [s("span", rr, N(R(e)), 1), s("button", {
+				}, [s("span", ir, P(L(e)), 1), s("button", {
 					type: "button",
 					class: "g-multiselect-chip-remove",
-					"aria-label": `Remove ${R(e)}`,
+					"aria-label": `Remove ${L(e)}`,
 					disabled: t.disabled,
 					onMousedown: te,
-					onClick: Y((t) => G(e), ["stop"])
+					onClick: X((t) => W(e), ["stop"])
 				}, [...r[0] ||= [s("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					viewBox: "0 0 51.26 51.26",
@@ -2557,7 +2609,7 @@ var ln = ["id"], un = /* @__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, ir)]))), 128))], 8, nr),
+				})], -1)]], 40, ar)]))), 128))], 8, rr),
 				s("input", h({
 					ref_key: "inputRef",
 					ref: p,
@@ -2572,16 +2624,16 @@ var ln = ["id"], un = /* @__PURE__ */ u({
 					"aria-autocomplete": "list",
 					"aria-expanded": y.value ? "true" : "false",
 					"aria-haspopup": "listbox",
-					"aria-controls": L(f) + "-listbox",
-					"aria-activedescendant": y.value && P.value.length > 0 ? L(f) + "-option-" + b.value : void 0
+					"aria-controls": R(f) + "-listbox",
+					"aria-activedescendant": y.value && N.value.length > 0 ? R(f) + "-option-" + b.value : void 0
 				}, t.hiddenLabel ? { "aria-label": t.label } : void 0, {
 					"aria-describedby": se.value,
 					"aria-required": t.required ? "true" : void 0,
 					onInput: q,
 					onKeydown: ne,
-					onFocus: X,
+					onFocus: J,
 					onBlur: ee
-				}), null, 16, ar),
+				}), null, 16, or),
 				r[2] ||= s("svg", {
 					class: "g-multiselect-caret",
 					xmlns: "http://www.w3.org/2000/svg",
@@ -2592,31 +2644,31 @@ var ln = ["id"], un = /* @__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),
-				J(s("div", h({
+				Y(s("div", h({
 					ref_key: "listboxRef",
 					ref: v,
-					id: L(f) + "-listbox",
+					id: R(f) + "-listbox",
 					role: "listbox",
 					"aria-multiselectable": "true"
 				}, t.hiddenLabel ? { "aria-label": t.label } : { "aria-labelledby": ie.value }, {
-					class: ["g-multiselect-listbox", { "g-multiselect-listbox--above": L(E) === "above" }],
-					style: L(k),
+					class: ["g-multiselect-listbox", { "g-multiselect-listbox--above": R(E) === "above" }],
+					style: R(D),
 					tabindex: "-1"
-				}), [P.value.length > 0 ? (w(!0), o(e, { key: 0 }, O(P.value, (e, t) => (w(), o("div", {
+				}), [N.value.length > 0 ? (T(!0), o(e, { key: 0 }, k(N.value, (e, t) => (T(), o("div", {
 					key: e.value,
-					id: L(f) + "-option-" + t,
+					id: R(f) + "-option-" + t,
 					role: "option",
 					class: _(["g-multiselect-option", {
 						"g-multiselect-option--active": t === b.value,
-						"g-multiselect-option--selected": I(e.value)
+						"g-multiselect-option--selected": F(e.value)
 					}]),
-					"aria-selected": I(e.value) ? "true" : "false",
+					"aria-selected": F(e.value) ? "true" : "false",
 					onMousedown: Z,
 					onClick: (e) => U(t)
-				}, [s("span", cr, [I(e.value) ? (w(), o("svg", lr, [...r[1] ||= [s("path", { d: "M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z" }, null, -1)]])) : a("", !0)]), c(" " + N(e.label), 1)], 42, sr))), 128)) : (w(), o("div", ur, " No results found. "))], 16, or), [[W, y.value]])
+				}, [s("span", lr, [F(e.value) ? (T(), o("svg", ur, [...r[1] ||= [s("path", { d: "M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z" }, null, -1)]])) : a("", !0)]), c(" " + P(e.label), 1)], 42, cr))), 128)) : (T(), o("div", dr, " No results found. "))], 16, sr), [[G, y.value]])
 			], 2),
-			l(Ae, {
-				errors: L(C),
+			l(je, {
+				errors: R(C),
 				id: oe.value
 			}, null, 8, ["errors", "id"])
 		], 2));
@@ -2624,32 +2676,32 @@ var ln = ["id"], un = /* @__PURE__ */ u({
 });
 //#endregion
 //#region src/compose/useFiltering.ts
-function fr(e) {
+function pr(e) {
 	if (!(Array.isArray(e) && e.length === 0) && !(e === null || e === !1 || e === "")) return e;
 }
-function pr(e) {
+function mr(e) {
 	return Object.fromEntries(Object.entries(e).filter(([e, t]) => t && (!Array.isArray(t) || t.length > 0)));
 }
-function mr(e) {
+function hr(e) {
 	if (e != null) return Array.isArray(e) ? e.filter((e) => e != null) : [e];
 }
-function hr(e) {
+function gr(e) {
 	let t = {};
-	for (let [n, r] of Object.entries(P(e))) Array.isArray(r) ? r.length > 0 && (t[n] = r) : r === !0 ? t[n] = "true" : t[n] = r || void 0;
+	for (let [n, r] of Object.entries(F(e))) Array.isArray(r) ? r.length > 0 && (t[n] = r) : r === !0 ? t[n] = "true" : t[n] = r || void 0;
 	return t;
 }
-function gr(e) {
+function _r(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 _r(e, t = {}) {
-	let n = E(Object.fromEntries(Object.entries(e).map(([e, t]) => [e, t]))), i = t.syncWith;
+function vr(e, t = {}) {
+	let n = D(Object.fromEntries(Object.entries(e).map(([e, t]) => [e, t]))), i = t.syncWith;
 	if (i) {
 		if (i.value) {
-			let t = I(i);
+			let t = L(i);
 			Object.keys(e).forEach((e) => {
 				if (t[e] !== void 0) {
 					let r = t[e];
@@ -2657,14 +2709,14 @@ function _r(e, t = {}) {
 				}
 			});
 		}
-		G(n, (e) => {
-			i.value = gr(e);
+		K(n, (e) => {
+			i.value = _r(e);
 		}, { deep: !0 });
 	}
 	return {
 		filters: n,
 		isFiltered: r(() => {
-			for (let t of Object.keys(e)) if (fr(n[t])) return !0;
+			for (let t of Object.keys(e)) if (pr(n[t])) return !0;
 			return !1;
 		}),
 		clearFilters: () => {
@@ -2674,48 +2726,48 @@ function _r(e, t = {}) {
 		},
 		filteredColumns: r(() => {
 			let t = {};
-			for (let r of Object.keys(e)) t[r] = !!fr(n[r]);
+			for (let r of Object.keys(e)) t[r] = !!pr(n[r]);
 			return t;
 		})
 	};
 }
 //#endregion
 //#region src/components/GTable.vue?vue&type=script&setup=true&lang.ts
-var vr = { class: "g-table-outer-wrap" }, yr = {
+var yr = { class: "g-table-outer-wrap" }, br = {
 	key: 0,
 	class: "g-table-controls"
-}, br = { class: "g-clear-filters-wrap" }, xr = {
+}, xr = { class: "g-clear-filters-wrap" }, Sr = {
 	key: 0,
 	class: "pagination"
-}, Sr = { class: "g-result-count" }, Cr = ["aria-label", "aria-rowcount"], wr = { class: "g-table-head" }, Tr = { "aria-rowindex": "1" }, Er = {
+}, Cr = { class: "g-result-count" }, wr = ["aria-label", "aria-rowcount"], Tr = { class: "g-table-head" }, Er = { "aria-rowindex": "1" }, Dr = {
 	key: 0,
 	scope: "col",
 	class: "g-th g-th-checkbox"
-}, Dr = [
+}, Or = [
 	"checked",
 	"indeterminate",
 	"aria-label"
-], Or = ["id", "aria-sort"], kr = { class: "th-inner" }, Ar = ["onClick"], jr = {
+], kr = ["id", "aria-sort"], Ar = { class: "th-inner" }, jr = ["onClick"], Mr = {
 	key: 0,
 	class: "sort-indicator"
-}, Mr = ["aria-label"], Nr = {
+}, Nr = ["aria-label"], Pr = {
 	key: 1,
 	class: "g-column-head"
-}, Pr = ["onClick", "aria-label"], Fr = { key: 1 }, Ir = { class: "g-filter-toggle" }, Lr = [
+}, Fr = ["onClick", "aria-label"], Ir = { key: 1 }, Lr = { class: "g-filter-toggle" }, Rr = [
 	"onUpdate:modelValue",
 	"id",
 	"aria-describedby"
-], Rr = ["for"], zr = ["id"], Br = {
+], zr = ["for"], Br = ["id"], Vr = {
 	key: 3,
 	class: "g-multi-select"
-}, Vr = [
+}, Hr = [
 	"onUpdate:modelValue",
 	"id",
 	"value"
-], Hr = ["for"], Ur = {
+], Ur = ["for"], Wr = {
 	key: 1,
 	class: "g-bulk-actions-toolbar"
-}, Wr = { class: "g-selected-count" }, Gr = { class: "g-bulk-actions" }, Kr = /* @__PURE__ */ u({
+}, Gr = { class: "g-selected-count" }, Kr = { class: "g-bulk-actions" }, qr = /* @__PURE__ */ u({
 	__name: "GTable",
 	props: /* @__PURE__ */ m({
 		label: {},
@@ -2759,13 +2811,13 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 		"update:selectedRows"
 	]),
 	setup(t, { emit: n }) {
-		let u = B(t, "sortField"), d = B(t, "sortOrder"), f = B(t, "filter"), p = B(t, "selectedRows"), m = t, h = n;
+		let u = V(t, "sortField"), d = V(t, "sortOrder"), f = V(t, "filter"), p = V(t, "selectedRows"), m = t, h = n;
 		function g(e) {
 			e.sortable && (u.value === e.key ? d.value === 1 ? d.value = -1 : d.value === -1 && (u.value = void 0, d.value = 1) : (u.value = e.key, d.value = 1));
 		}
 		let v = m.filtering;
-		v ||= _r({});
-		let { filters: b, filteredColumns: x, isFiltered: C, clearFilters: T } = v, E = r(() => m.data.map((e) => e.key)), A = r(() => p.value.filter((e) => E.value.includes(e))), j = r(() => !m.bulkSelectionEnabled || m.data.length === 0 ? !1 : A.value.length === E.value.length), M = r(() => !m.bulkSelectionEnabled || m.data.length === 0 ? !1 : A.value.length > 0 && A.value.length < E.value.length), F = D(null);
+		v ||= vr({});
+		let { filters: b, filteredColumns: x, isFiltered: C, clearFilters: w } = v, E = r(() => m.data.map((e) => e.key)), D = r(() => p.value.filter((e) => E.value.includes(e))), j = r(() => !m.bulkSelectionEnabled || m.data.length === 0 ? !1 : D.value.length === E.value.length), M = r(() => !m.bulkSelectionEnabled || m.data.length === 0 ? !1 : D.value.length > 0 && D.value.length < E.value.length), N = O(null);
 		function I() {
 			if (j.value) p.value = p.value.filter((e) => !E.value.includes(e));
 			else {
@@ -2773,24 +2825,24 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 				E.value.forEach((t) => e.add(t)), p.value = Array.from(e);
 			}
 		}
-		function R(e, t = !1) {
-			if (t && F.value) {
-				let t = E.value.indexOf(F.value), n = E.value.indexOf(e);
+		function L(e, t = !1) {
+			if (t && N.value) {
+				let t = E.value.indexOf(N.value), n = E.value.indexOf(e);
 				if (t !== -1 && n !== -1) {
 					let e = Math.min(t, n), r = Math.max(t, n), i = E.value.slice(e, r + 1), a = new Set(p.value);
 					i.forEach((e) => a.add(e)), p.value = Array.from(a);
 				}
 			} else p.value.includes(e) ? p.value = p.value.filter((t) => t !== e) : p.value = [...p.value, e];
-			F.value = e;
+			N.value = e;
 		}
-		function H(e) {
+		function z(e) {
 			h("row-click", e);
 		}
-		function W(e) {
+		function U(e) {
 			h("bulk-action", e, p.value);
 		}
-		function K(e) {
-			let t = e.value, n = e.column.key, r = P(e.row[n]);
+		function G(e) {
+			let t = e.value, n = e.column.key, r = F(e.row[n]);
 			e.column.editable?.inputAttributes?.type === "number" && (t = e.value === "" ? null : Number(e.value)), e.row[n] = t, h("cell-change", {
 				row: e.row,
 				column: e.column,
@@ -2798,28 +2850,28 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 				previousValue: r
 			});
 		}
-		let X = z(), ee = V(), Z = r(() => m.showPagination ? !0 : !!ee.pagination), te = r(() => !!(C.value || Z.value));
+		let q = B(), ee = H(), Z = r(() => m.showPagination ? !0 : !!ee.pagination), te = r(() => !!(C.value || Z.value));
 		return S(() => {
 			m.rowClickable && m.bulkSelectionEnabled && console.warn("GTable: rowClickable and bulkSelectionEnabled cannot be used together. rowClickable will be ignored.");
 			for (let e of m.columns) if (e.editable && e.display && console.warn(`GTable: Column "${String(e.key)}" has both 'editable' and 'display' configured. 'display' will be ignored.`), e.filter && e.filter.type === "multi-select" && !Array.isArray(f.value[e.key])) {
 				let t = f.value[e.key];
 				f.value[e.key] = t ? [t] : [];
 			}
-		}), G(() => m.columns, (e) => {
+		}), K(() => m.columns, (e) => {
 			for (let t of e) if (t.filter && t.filter.type === "multi-select" && !Array.isArray(f.value[t.key])) {
 				let e = f.value[t.key];
 				f.value[t.key] = e ? [e] : [];
 			}
-		}, { immediate: !0 }), (n, r) => (w(), o("div", vr, [
-			te.value ? (w(), o("div", yr, [
-				s("div", br, [L(C) ? (w(), i(Q, {
+		}, { immediate: !0 }), (n, r) => (T(), o("div", yr, [
+			te.value ? (T(), o("div", br, [
+				s("div", xr, [R(C) ? (T(), i(Q, {
 					key: 0,
 					outlined: "",
 					size: "small",
 					class: "clear-filters",
-					onClick: L(T)
+					onClick: R(w)
 				}, {
-					default: q(() => [...r[0] ||= [s("svg", {
+					default: J(() => [...r[0] ||= [s("svg", {
 						xmlns: "http://www.w3.org/2000/svg",
 						viewBox: "0 0 51.26 51.26",
 						height: "1em",
@@ -2830,37 +2882,37 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 					})], -1), s("span", { class: "g-clear-filters-text" }, " Clear Filters ", -1)]]),
 					_: 1
 				}, 8, ["onClick"])) : a("", !0)]),
-				Z.value ? (w(), o("div", xr, [k(n.$slots, "pagination")])) : a("", !0),
-				s("span", Sr, N(m.resultCount || t.data.length) + " results", 1)
+				Z.value ? (T(), o("div", Sr, [A(n.$slots, "pagination")])) : a("", !0),
+				s("span", Cr, P(m.resultCount || t.data.length) + " results", 1)
 			])) : a("", !0),
 			s("table", {
 				class: "g-table",
 				ref: "tableRef",
 				"aria-label": t.label,
 				"aria-rowcount": m.resultCount || t.data.length
-			}, [s("thead", wr, [s("tr", Tr, [t.bulkSelectionEnabled ? (w(), o("th", Er, [s("input", {
+			}, [s("thead", Tr, [s("tr", Er, [t.bulkSelectionEnabled ? (T(), o("th", Dr, [s("input", {
 				type: "checkbox",
 				checked: j.value,
 				indeterminate: M.value,
 				onChange: I,
 				"aria-label": j.value ? "Deselect all rows" : "Select all rows",
 				class: "g-bulk-select-checkbox"
-			}, null, 40, Dr)])) : a("", !0), (w(!0), o(e, null, O(t.columns, (t) => (w(), o("th", {
+			}, null, 40, Or)])) : a("", !0), (T(!0), o(e, null, k(t.columns, (t) => (T(), o("th", {
 				key: t.key,
-				id: `${L(X)}-th-${String(t.key)}`,
+				id: `${R(q)}-th-${String(t.key)}`,
 				"aria-sort": u.value === t.key ? d.value === 1 ? "ascending" : "descending" : "none",
 				class: _([
 					"g-th",
 					{ sorted: u.value === t.key },
-					{ filtered: L(x)[t.key] }
+					{ filtered: R(x)[t.key] }
 				]),
 				scope: "col"
-			}, [s("div", kr, [t.sortable ? (w(), o("button", {
+			}, [s("div", Ar, [t.sortable ? (T(), o("button", {
 				key: 0,
 				type: "button",
 				class: "g-column-head",
 				onClick: (e) => g(t)
-			}, [c(N(t.label) + " ", 1), u.value === t.key ? (w(), o("span", jr, [(w(), o("svg", {
+			}, [c(P(t.label) + " ", 1), u.value === t.key ? (T(), o("span", Mr, [(T(), o("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				viewBox: "0 0 640 640",
 				height: "1.5em",
@@ -2870,11 +2922,11 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 			}, [...r[1] ||= [s("path", {
 				fill: "currentColor",
 				d: "M300.3 199.2C312.9 188.9 331.4 189.7 343.1 201.4L471.1 329.4C480.3 338.6 483 352.3 478 364.3C473 376.3 461.4 384 448.5 384L192.5 384C179.6 384 167.9 376.2 162.9 364.2C157.9 352.2 160.7 338.5 169.9 329.4L297.9 201.4L300.3 199.2z"
-			}, null, -1)]], 12, Mr))])) : a("", !0)], 8, Ar)) : (w(), o("span", Nr, N(t.label), 1)), t.filter ? (w(), i(rt, { key: 2 }, {
-				trigger: q(({ toggle: e }) => [s("button", {
-					onClick: Y(e, ["stop"]),
-					"aria-label": L(x)[t.key] ? "Column Filtered" : "Filter Column",
-					class: _(["g-filter-btn", { "g-active": L(x)[t.key] }]),
+			}, null, -1)]], 12, Nr))])) : a("", !0)], 8, jr)) : (T(), o("span", Pr, P(t.label), 1)), t.filter ? (T(), i(it, { key: 2 }, {
+				trigger: J(({ toggle: e }) => [s("button", {
+					onClick: X(e, ["stop"]),
+					"aria-label": R(x)[t.key] ? "Column Filtered" : "Filter Column",
+					class: _(["g-filter-btn", { "g-active": R(x)[t.key] }]),
 					type: "button"
 				}, [...r[2] ||= [s("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
@@ -2884,8 +2936,8 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 				}, [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, Pr)]),
-				default: q(() => [t.filter.type === "select" ? (w(), i(Vt, {
+				})], -1)]], 10, Fr)]),
+				default: J(() => [t.filter.type === "select" ? (T(), i(Ht, {
 					key: 0,
 					modelValue: f.value[t.key],
 					"onUpdate:modelValue": (e) => f.value[t.key] = e,
@@ -2898,20 +2950,20 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 					"modelValue",
 					"onUpdate:modelValue",
 					"options"
-				])) : t.filter.type === "toggle" ? (w(), o("div", Fr, [s("div", Ir, [
-					J(s("input", {
+				])) : t.filter.type === "toggle" ? (T(), o("div", Ir, [s("div", Lr, [
+					Y(s("input", {
 						type: "checkbox",
 						"onUpdate:modelValue": (e) => f.value[t.key] = e,
-						id: `${L(X)}-filter-${String(t.key)}`,
-						"aria-describedby": t.filter.description ? `${L(X)}-filter-description-${String(t.key)}` : void 0
-					}, null, 8, Lr), [[U, f.value[t.key]]]),
-					s("label", { for: `${L(X)}-filter-${String(t.key)}` }, N(t.filter.label), 9, Rr),
-					t.filter.description ? (w(), o("span", {
+						id: `${R(q)}-filter-${String(t.key)}`,
+						"aria-describedby": t.filter.description ? `${R(q)}-filter-description-${String(t.key)}` : void 0
+					}, null, 8, Rr), [[W, f.value[t.key]]]),
+					s("label", { for: `${R(q)}-filter-${String(t.key)}` }, P(t.filter.label), 9, zr),
+					t.filter.description ? (T(), o("span", {
 						key: 0,
 						class: "g-filter-description",
-						id: `${L(X)}-filter-description-${String(t.key)}`
-					}, N(t.filter.description), 9, zr)) : a("", !0)
-				])])) : t.filter.type === "multi-select" && t.filter.searchable ? (w(), i(dr, {
+						id: `${R(q)}-filter-description-${String(t.key)}`
+					}, P(t.filter.description), 9, Br)) : a("", !0)
+				])])) : t.filter.type === "multi-select" && t.filter.searchable ? (T(), i(fr, {
 					key: 2,
 					modelValue: f.value[t.key],
 					"onUpdate:modelValue": (e) => f.value[t.key] = e,
@@ -2924,28 +2976,28 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 					"onUpdate:modelValue",
 					"options",
 					"placeholder"
-				])) : t.filter.type === "multi-select" ? (w(), o("fieldset", Br, [
+				])) : t.filter.type === "multi-select" ? (T(), o("fieldset", Vr, [
 					r[4] ||= s("legend", { class: "g-multi-select-legend" }, " Include values ", -1),
-					(w(!0), o(e, null, O(t.filter.options, (e) => (w(), o("div", { key: e.value }, [J(s("input", {
+					(T(!0), o(e, null, k(t.filter.options, (e) => (T(), o("div", { key: e.value }, [Y(s("input", {
 						type: "checkbox",
 						"onUpdate:modelValue": (e) => f.value[t.key] = e,
 						id: `filter-${String(t.key)}-${e.value}`,
 						value: e.value,
 						name: "filter-multiselect"
-					}, null, 8, Vr), [[U, f.value[t.key]]]), s("label", { for: `filter-${String(t.key)}-${e.value}` }, N(e.label), 9, Hr)]))), 128)),
-					f.value[t.key] && f.value[t.key].length ? (w(), i(Q, {
+					}, null, 8, Hr), [[W, f.value[t.key]]]), s("label", { for: `filter-${String(t.key)}-${e.value}` }, P(e.label), 9, Ur)]))), 128)),
+					f.value[t.key] && f.value[t.key].length ? (T(), i(Q, {
 						key: 0,
 						class: "clear-multiselect-btn",
 						theme: "accent",
 						size: "small",
 						onClick: (e) => f.value[t.key] = []
 					}, {
-						default: q(() => [...r[3] ||= [c(" Clear ", -1)]]),
+						default: J(() => [...r[3] ||= [c(" Clear ", -1)]]),
 						_: 1
 					}, 8, ["onClick"])) : a("", !0)
 				])) : a("", !0)]),
 				_: 2
-			}, 1024)) : a("", !0)])], 10, Or))), 128))])]), l(Qn, {
+			}, 1024)) : a("", !0)])], 10, kr))), 128))])]), l($n, {
 				data: t.data,
 				columns: t.columns,
 				"group-by": t.groupBy,
@@ -2955,11 +3007,11 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 				"start-index": t.startIndex,
 				"bulk-selection-enabled": t.bulkSelectionEnabled,
 				"selected-rows": p.value,
-				"table-id": L(X),
+				"table-id": R(q),
 				"change-tracker": t.changeTracker,
-				onRowClick: H,
-				onToggleRow: R,
-				onCellChange: K
+				onRowClick: z,
+				onToggleRow: L,
+				onCellChange: G
 			}, null, 8, [
 				"data",
 				"columns",
@@ -2972,21 +3024,21 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 				"selected-rows",
 				"table-id",
 				"change-tracker"
-			])], 8, Cr),
-			t.bulkSelectionEnabled && p.value.length > 0 ? (w(), o("div", Ur, [s("span", Wr, N(p.value.length) + " row" + N(p.value.length === 1 ? "" : "s") + " selected", 1), s("ul", Gr, [(w(!0), o(e, null, O(t.bulkActions, (e) => (w(), o("li", { key: e.id }, [l(Q, {
+			])], 8, wr),
+			t.bulkSelectionEnabled && p.value.length > 0 ? (T(), o("div", Wr, [s("span", Gr, P(p.value.length) + " row" + P(p.value.length === 1 ? "" : "s") + " selected", 1), s("ul", Kr, [(T(!0), o(e, null, k(t.bulkActions, (e) => (T(), o("li", { key: e.id }, [l(Q, {
 				theme: e.theme || "accent",
-				onClick: (t) => W(e.id),
+				onClick: (t) => U(e.id),
 				size: "small"
 			}, {
-				default: q(() => [c(N(e.label) + " " + N(p.value.length) + " row" + N(p.value.length === 1 ? "" : "s"), 1)]),
+				default: J(() => [c(P(e.label) + " " + P(p.value.length) + " row" + P(p.value.length === 1 ? "" : "s"), 1)]),
 				_: 2
 			}, 1032, ["theme", "onClick"])]))), 128))])])) : a("", !0)
 		]));
 	}
-}), qr = {
+}), Jr = {
 	class: "g-pagination",
 	"aria-label": "Pagination"
-}, Jr = ["disabled"], Yr = ["disabled"], Xr = { class: "page-range" }, Zr = ["disabled"], Qr = ["disabled"], $r = ["value"], ei = ["value"], ti = /* @__PURE__ */ u({
+}, Yr = ["disabled"], Xr = ["disabled"], Zr = { class: "page-range" }, Qr = ["disabled"], $r = ["disabled"], ei = ["value"], ti = ["value"], ni = /* @__PURE__ */ u({
 	__name: "GTablePagination",
 	props: /* @__PURE__ */ m({
 		start: {},
@@ -3001,14 +3053,14 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 	}),
 	emits: ["update:start", "update:pageSize"],
 	setup(t) {
-		let n = t, i = r(() => Math.max(1, Math.ceil(n.total / n.pageSize))), a = B(t, "start"), c = B(t, "pageSize"), l = r(() => a.value ?? n.start), u = r(() => c.value ?? n.pageSize), d = r(() => n.total === 0 ? 0 : l.value + 1), f = r(() => n.total === 0 ? 0 : Math.min(l.value + u.value, n.total)), p = r(() => Math.floor(l.value / u.value) + 1);
+		let n = t, i = r(() => Math.max(1, Math.ceil(n.total / n.pageSize))), a = V(t, "start"), c = V(t, "pageSize"), l = r(() => a.value ?? n.start), u = r(() => c.value ?? n.pageSize), d = r(() => n.total === 0 ? 0 : l.value + 1), f = r(() => n.total === 0 ? 0 : Math.min(l.value + u.value, n.total)), p = r(() => Math.floor(l.value / u.value) + 1);
 		function m(e) {
 			e < 1 || e > i.value || (a.value = (e - 1) * u.value);
 		}
 		function h(e) {
 			c.value = parseInt(e.target.value, 10);
 		}
-		return (t, r) => (w(), o("nav", qr, [
+		return (t, r) => (T(), o("nav", Jr, [
 			s("button", {
 				class: "first-page g-pagination-button",
 				disabled: p.value === 1,
@@ -3033,7 +3085,7 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 				}),
 				s("path", { d: "M11 7l-5 5l5 5" }),
 				s("path", { d: "M17 7l-5 5l5 5" })
-			], -1)]], 8, Jr),
+			], -1)]], 8, Yr),
 			s("button", {
 				class: "prev-page g-pagination-button",
 				disabled: p.value === 1,
@@ -3054,8 +3106,8 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
-			}), s("path", { d: "M15 6l-6 6l6 6" })], -1)]], 8, Yr),
-			s("span", Xr, N(d.value) + " to " + N(f.value), 1),
+			}), s("path", { d: "M15 6l-6 6l6 6" })], -1)]], 8, Xr),
+			s("span", Zr, P(d.value) + " to " + P(f.value), 1),
 			s("button", {
 				class: "next-page g-pagination-button",
 				disabled: p.value === i.value,
@@ -3076,7 +3128,7 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
-			}), s("path", { d: "M9 6l6 6l-6 6" })], -1)]], 8, Zr),
+			}), s("path", { d: "M9 6l6 6l-6 6" })], -1)]], 8, Qr),
 			s("button", {
 				class: "last-page g-pagination-button",
 				disabled: p.value === i.value,
@@ -3101,28 +3153,28 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 				}),
 				s("path", { d: "M7 7l5 5l-5 5" }),
 				s("path", { d: "M13 7l5 5l-5 5" })
-			], -1)]], 8, Qr),
+			], -1)]], 8, $r),
 			s("select", {
 				id: "page-size-select",
 				class: "page-size-select",
 				value: c.value,
 				onChange: h
-			}, [(w(!0), o(e, null, O(n.pageSizes || [
+			}, [(T(!0), o(e, null, k(n.pageSizes || [
 				10,
 				25,
 				50,
 				100
-			], (e) => (w(), o("option", {
+			], (e) => (T(), o("option", {
 				key: e,
 				value: e
-			}, N(e), 9, ei))), 128))], 40, $r),
+			}, P(e), 9, ti))), 128))], 40, ei),
 			r[8] ||= s("label", {
 				class: "page-size-label",
 				for: "page-size-select"
 			}, "per page", -1)
 		]));
 	}
-}), ni = ["id"], ri = { class: "g-modal-inner" }, ii = { class: "g-modal-header" }, ai = ["id"], oi = ["id"], si = /* @__PURE__ */ u({
+}), ri = ["id"], ii = { class: "g-modal-inner" }, ai = { class: "g-modal-header" }, oi = ["id"], si = ["id"], ci = /* @__PURE__ */ u({
 	__name: "GModal",
 	props: {
 		label: {},
@@ -3136,11 +3188,11 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 	},
 	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 } = Ge(m, !0, !0), { deactivate: x, activate: C } = Ze(f, v);
-		function T() {
+		let u = e, d = c, f = U("dialog"), p = O(!0), m = B(), { pop: g, push: _, isTop: v, zIndex: y } = Ke(m, !0, !0), { deactivate: x, activate: C } = Qe(f, v);
+		function w() {
 			d("close");
 		}
-		Qe([f], v, p, T, g), S(() => {
+		$e([f], v, p, w, g), S(() => {
 			_(), C();
 		}), b(() => {
 			g(), x();
@@ -3149,31 +3201,31 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 			let e = [`g-modal--${u.size}`];
 			return u.classes && (e = e.concat(Array.isArray(u.classes) ? u.classes : [u.classes])), e;
 		});
-		return (r, c) => (w(), i(t, { to: "#modal-root" }, [l(n, {
+		return (r, c) => (T(), i(t, { to: "#modal-root" }, [l(n, {
 			name: "g-fade",
 			appear: ""
 		}, {
-			default: q(() => [s("div", h({
-				id: "modal-" + L(m),
+			default: J(() => [s("div", h({
+				id: "modal-" + R(m),
 				class: ["g-modal", E.value],
 				role: "dialog",
 				"aria-modal": "true"
 			}, {
-				"aria-labelledby": e.hiddenLabel ? void 0 : "modal-label-" + L(m),
+				"aria-labelledby": e.hiddenLabel ? void 0 : "modal-label-" + R(m),
 				"aria-label": e.hiddenLabel ? e.label : void 0,
 				"aria-describedby": e.describedby ? e.describedby : void 0
 			}, {
 				ref_key: "dialog",
 				ref: f,
-				style: { zIndex: L(y) }
-			}), [s("div", ri, [s("div", ii, [e.hiddenLabel ? a("", !0) : (w(), o("h2", {
+				style: { zIndex: R(y) }
+			}), [s("div", ii, [s("div", ai, [e.hiddenLabel ? a("", !0) : (T(), o("h2", {
 				key: 0,
-				id: "modal-label-" + L(m),
+				id: "modal-label-" + R(m),
 				class: "g-modal-label",
 				tabindex: "-1"
-			}, N(e.label), 9, ai)), s("button", {
+			}, P(e.label), 9, oi)), s("button", {
 				class: "g-modal-close",
-				onClick: T,
+				onClick: w,
 				"aria-label": "Close"
 			}, [...c[0] ||= [s("svg", {
 				viewBox: "0 0 24 24",
@@ -3184,75 +3236,76 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 				fill: "currentColor",
 				d: "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"
 			})], -1)]])]), s("div", {
-				id: "modal-description-" + L(m),
+				id: "modal-description-" + R(m),
 				class: "g-modal-content"
-			}, [k(r.$slots, "default")], 8, oi)])], 16, ni)]),
+			}, [A(r.$slots, "default")], 8, si)])], 16, ri)]),
 			_: 3
 		})]));
 	}
-}), ci = [
+}), li = [
 	"id",
 	"aria-expanded",
 	"aria-label",
 	"aria-controls"
-], li = /* @__PURE__ */ u({
+], ui = /* @__PURE__ */ u({
 	__name: "GHamburgerMenu",
 	props: {
 		label: { default: "Main Navigation" },
-		sidebarKey: { default: "default" }
+		sidebarKey: { default: "default" },
+		mediaQuery: {}
 	},
 	emits: ["toggle"],
 	setup(e, { emit: t }) {
-		let n = e, r = p("sidebar") ?? (de() ? cn(n.sidebarKey) : void 0), i = t;
+		let n = e, r = p("sidebar") ?? (fe() ? ln(n.sidebarKey, I(n, "mediaQuery")) : void 0), i = t;
 		function a() {
 			i("toggle"), r?.toggle();
 		}
 		function c(e) {
 			e.key === "Escape" && r?.open?.value && (r.open.value = !1);
 		}
-		let l = z();
-		return (t, n) => (w(), o("button", {
-			id: `${L(r)?.id ?? L(l)}-hamburger`,
+		let l = B();
+		return (t, n) => (T(), o("button", {
+			id: `${R(r)?.id ?? R(l)}-hamburger`,
 			class: _(["g-hamburger-button", {
-				"g-hamburger-button--open": L(r)?.open?.value,
-				"g-hamburger-button--collapsible": L(r)?.isCollapsible?.value
+				"g-hamburger-button--open": R(r)?.open?.value,
+				"g-hamburger-button--collapsible": R(r)?.isCollapsible?.value
 			}]),
 			onClick: a,
 			onKeydown: c,
-			"aria-expanded": L(r)?.open?.value ? "true" : "false",
+			"aria-expanded": R(r)?.open?.value ? "true" : "false",
 			"aria-label": e.label,
-			"aria-controls": L(r) ? `${L(r).id}-sidebar` : void 0
+			"aria-controls": R(r) ? `${R(r).id}-sidebar` : void 0
 		}, [...n[0] ||= [s("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 51.26 51.26"
-		}, [s("g", { fill: "currentColor" }, [s("path", { d: "M11.6 16.52h28.06a3.24 3.24 0 1 0 0-6.48H11.6a3.24 3.24 0 0 0 0 6.48ZM39.66 22.07H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48ZM39.66 34.1H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48Z" })])], -1)]], 42, ci));
+		}, [s("g", { fill: "currentColor" }, [s("path", { d: "M11.6 16.52h28.06a3.24 3.24 0 1 0 0-6.48H11.6a3.24 3.24 0 0 0 0 6.48ZM39.66 22.07H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48ZM39.66 34.1H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48Z" })])], -1)]], 42, li));
 	}
-}), ui = /* @__PURE__ */ u({
+}), di = /* @__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));
+		return (e, n) => (T(), o("dl", { class: _(["g-detail-list", `g-detail-list--${t.variant}`]) }, [A(e.$slots, "default")], 2));
 	}
-}), di = { class: "g-detail-list-item" }, fi = { class: "g-detail-list-item__label" }, pi = { class: "g-detail-list-item__value" }, mi = /* @__PURE__ */ u({
+}), fi = { class: "g-detail-list-item" }, pi = { class: "g-detail-list-item__label" }, mi = { class: "g-detail-list-item__value" }, hi = /* @__PURE__ */ u({
 	__name: "GDetailListItem",
 	props: { label: {} },
 	setup(e) {
-		return (t, n) => (w(), o("div", di, [s("dt", fi, [k(t.$slots, "label", {}, () => [c(N(e.label), 1)])]), s("dd", pi, [k(t.$slots, "default")])]));
+		return (t, n) => (T(), o("div", fi, [s("dt", pi, [A(t.$slots, "label", {}, () => [c(P(e.label), 1)])]), s("dd", mi, [A(t.$slots, "default")])]));
 	}
-}), hi = {
+}), gi = {
 	key: 0,
 	class: "g-scroll-lock-overlay"
-}, gi = /* @__PURE__ */ u({
+}, _i = /* @__PURE__ */ u({
 	__name: "GOverlay",
 	setup(e) {
-		let { hasScrollLock: t } = Ke();
-		return (e, r) => (w(), i(n, { name: "g-fade" }, {
-			default: q(() => [L(t) ? (w(), o("div", hi)) : a("", !0)]),
+		let { hasScrollLock: t } = qe();
+		return (e, r) => (T(), i(n, { name: "g-fade" }, {
+			default: J(() => [R(t) ? (T(), o("div", gi)) : a("", !0)]),
 			_: 1
 		}));
 	}
-}), _i = { class: "popover-content" }, vi = { class: "year-dropdown" }, yi = { class: "month-selector" }, bi = /* @__PURE__ */ u({
+}), vi = { class: "popover-content" }, yi = { class: "year-dropdown" }, bi = { class: "month-selector" }, xi = /* @__PURE__ */ u({
 	__name: "GTermSelectorControl",
 	props: /* @__PURE__ */ m({
 		termYears: { default: () => ["2026"] },
@@ -3272,8 +3325,8 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = B(e, "modelValue");
-		return (n, r) => (w(), o("div", _i, [s("div", vi, [l(Vt, {
+		let t = V(e, "modelValue");
+		return (n, r) => (T(), o("div", vi, [s("div", yi, [l(Ht, {
 			modelValue: t.value.year,
 			"onUpdate:modelValue": r[0] ||= (e) => t.value.year = e,
 			options: e.termYears,
@@ -3282,7 +3335,7 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 			"modelValue",
 			"options",
 			"label"
-		])]), s("div", yi, [l(vt, {
+		])]), s("div", bi, [l(yt, {
 			modelValue: t.value.name,
 			"onUpdate:modelValue": r[1] ||= (e) => t.value.name = e,
 			options: e.termNames,
@@ -3294,10 +3347,10 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 			"label"
 		])])]));
 	}
-}), xi = { class: "g-term-selector" }, Si = { class: "g-term-label" }, Ci = {
+}), Si = { class: "g-term-selector" }, Ci = { class: "g-term-label" }, wi = {
 	class: "g-popover-title",
 	tabindex: "-1"
-}, wi = /* @__PURE__ */ u({
+}, Ti = /* @__PURE__ */ u({
 	__name: "GTermSelector",
 	props: /* @__PURE__ */ m({
 		heading: { default: "Period Selection" },
@@ -3318,21 +3371,21 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = B(e, "modelValue");
-		return (n, r) => (w(), o("div", xi, [l(rt, null, {
-			trigger: q(({ toggle: e }) => [l(Q, {
+		let t = V(e, "modelValue");
+		return (n, r) => (T(), o("div", Si, [l(it, null, {
+			trigger: J(({ toggle: e }) => [l(Q, {
 				class: "g-term-selector-button",
 				theme: "none",
 				outlined: "",
 				onClick: e
 			}, {
-				default: q(() => [
+				default: J(() => [
 					r[0] ||= s("span", { class: "g-calendar-icon" }, [s("svg", {
 						role: "none presentation",
 						xmlns: "http://www.w3.org/2000/svg",
 						viewBox: "0 0 640 640"
 					}, [s("path", { d: "M224 64C206.3 64 192 78.3 192 96L192 128L160 128C124.7 128 96 156.7 96 192L96 240L544 240L544 192C544 156.7 515.3 128 480 128L448 128L448 96C448 78.3 433.7 64 416 64C398.3 64 384 78.3 384 96L384 128L256 128L256 96C256 78.3 241.7 64 224 64zM96 288L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 288L96 288z" })])], -1),
-					s("span", Si, N(t.value?.name) + " " + N(t.value?.year), 1),
+					s("span", Ci, P(t.value?.name) + " " + P(t.value?.year), 1),
 					r[1] ||= s("span", { class: "g-caret" }, [s("svg", {
 						role: "none presentation",
 						xmlns: "http://www.w3.org/2000/svg",
@@ -3341,15 +3394,15 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 				]),
 				_: 1
 			}, 8, ["onClick"])]),
-			default: q(() => [s("h2", Ci, N(e.heading), 1), l(bi, v(f(n.$props)), null, 16)]),
+			default: J(() => [s("h2", wi, P(e.heading), 1), l(xi, v(f(n.$props)), null, 16)]),
 			_: 1
 		})]));
 	}
-}), Ti = { class: "g-user-menu" }, Ei = [
+}), Ei = { class: "g-user-menu" }, Di = [
 	"aria-label",
 	"aria-expanded",
 	"onClick"
-], Di = { class: "g-user-menu__popover" }, Oi = { class: "g-user-menu__list" }, ki = /* @__PURE__ */ u({
+], Oi = { class: "g-user-menu__popover" }, ki = { class: "g-user-menu__list" }, Ai = /* @__PURE__ */ u({
 	__name: "GUserMenu",
 	props: {
 		initials: {},
@@ -3358,36 +3411,36 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 		label: { default: "User menu" }
 	},
 	setup(t) {
-		let n = `${z()}-email`, r = D(!1), a = H("emailHeading");
+		let n = `${B()}-email`, r = O(!1), a = U("emailHeading");
 		d()?.appContext?.components?.RouterLink;
-		let c = V();
-		return (u, d) => (w(), o("div", Ti, [l(rt, {
+		let c = H();
+		return (u, d) => (T(), o("div", Ei, [l(it, {
 			modelValue: r.value,
 			"onUpdate:modelValue": d[0] ||= (e) => r.value = e,
 			minimal: ""
 		}, {
-			trigger: q(({ toggle: e }) => [s("button", {
+			trigger: J(({ 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, Ei)]),
-			default: q(() => [s("div", Di, [s("h2", {
+			}, P(t.initials), 13, Di)]),
+			default: J(() => [s("div", Oi, [s("h2", {
 				id: n,
 				ref_key: "emailHeading",
 				ref: a,
 				class: "g-user-menu__email",
 				tabindex: "-1"
-			}, N(t.email), 513), s("nav", {
+			}, P(t.email), 513), s("nav", {
 				class: "g-user-menu__nav",
 				"aria-labelledby": n
-			}, [s("ul", Oi, [(w(!0), o(e, null, O(c.default(), (e, t) => (w(), o("li", { key: t }, [(w(), i(A(e)))]))), 128))])])])]),
+			}, [s("ul", ki, [(T(!0), o(e, null, k(c.default(), (e, t) => (T(), o("li", { key: t }, [(T(), i(j(e)))]))), 128))])])])]),
 			_: 1
 		}, 8, ["modelValue"])]));
 	}
-}), Ai = /* @__PURE__ */ u({
+}), ji = /* @__PURE__ */ u({
 	__name: "GCurrencyInput",
 	props: /* @__PURE__ */ m({
 		label: { default: void 0 },
@@ -3410,8 +3463,8 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = e, n = B(e, "modelValue");
-		return (e, r) => (w(), i(Le, h({
+		let t = e, n = V(e, "modelValue");
+		return (e, r) => (T(), i(Re, h({
 			modelValue: n.value,
 			"onUpdate:modelValue": r[0] ||= (e) => n.value = e,
 			name: t.name,
@@ -3438,7 +3491,7 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 			"form-key"
 		]));
 	}
-}), ji = /* @__PURE__ */ u({
+}), Mi = /* @__PURE__ */ u({
 	__name: "GEmailInput",
 	props: /* @__PURE__ */ m({
 		label: { default: void 0 },
@@ -3460,8 +3513,8 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = B(e, "modelValue");
-		return (n, r) => (w(), i(Le, h({
+		let t = V(e, "modelValue");
+		return (n, r) => (T(), i(Re, h({
 			modelValue: t.value,
 			"onUpdate:modelValue": r[0] ||= (e) => t.value = e,
 			name: e.name,
@@ -3483,13 +3536,13 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 			"instructions"
 		]));
 	}
-}), Mi = ["for"], Ni = {
+}), Ni = ["for"], Pi = {
 	key: 0,
 	class: "g-file-input-required"
-}, Pi = {
+}, Fi = {
 	key: 0,
 	class: "g-file-input-box-header"
-}, Fi = ["id"], Ii = [
+}, Ii = ["id"], Li = [
 	"id",
 	"disabled",
 	"required",
@@ -3498,11 +3551,11 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 	"aria-invalid",
 	"aria-describedby",
 	"aria-errormessage"
-], Li = {
+], Ri = {
 	key: 1,
 	class: "g-file-input-pills",
 	"aria-label": "Selected files"
-}, Ri = /* @__PURE__ */ u({
+}, zi = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GFileInput",
 	props: /* @__PURE__ */ m({
@@ -3532,12 +3585,12 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 	}),
 	emits: /* @__PURE__ */ m(["change"], ["update:modelValue"]),
 	setup(t, { emit: n }) {
-		let i = t, u = B(t, "modelValue"), d = z(), { displayErrors: f } = $({
+		let i = t, u = V(t, "modelValue"), d = B(), { displayErrors: f } = $({
 			name: i.name,
 			value: u,
-			errors: F(i, "errors"),
+			errors: I(i, "errors"),
 			formKey: i.formKey
-		}), p = n, m = D([]);
+		}), p = n, m = O([]);
 		function h(e) {
 			let t = [];
 			if (i.maxFiles !== void 0 && e.length > i.maxFiles && t.push(`You may select at most ${i.maxFiles} file${i.maxFiles === 1 ? "" : "s"}.`), i.maxFileSize !== void 0) {
@@ -3554,19 +3607,19 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 			m.value = h(n), u.value = n, p("change", n);
 		}
 		let v = r(() => [...f.value, ...m.value]), y = r(() => v.value.length > 0), b = r(() => u.value.map((e) => e.name));
-		return (n, r) => (w(), o("div", { class: _(["g-file-input-wrap", { "g-file-input-has-error": y.value }]) }, [
-			t.label ? (w(), o("label", {
+		return (n, r) => (T(), o("div", { class: _(["g-file-input-wrap", { "g-file-input-has-error": y.value }]) }, [
+			t.label ? (T(), o("label", {
 				key: 0,
-				for: L(d),
+				for: R(d),
 				class: "g-file-input-label"
-			}, [c(N(t.label) + " ", 1), t.required ? (w(), o("span", Ni, "*")) : a("", !0)], 8, Mi)) : a("", !0),
+			}, [c(P(t.label) + " ", 1), t.required ? (T(), o("span", Pi, "*")) : a("", !0)], 8, Ni)) : a("", !0),
 			s("div", { class: _(["g-file-input-box", { "g-file-input-box--disabled": t.disabled }]) }, [
-				t.instructions ? (w(), o("div", Pi, [s("span", {
-					id: "instructions-" + L(d),
+				t.instructions ? (T(), o("div", Fi, [s("span", {
+					id: "instructions-" + R(d),
 					class: "g-file-input-instructions"
-				}, N(t.instructions), 9, Fi)])) : a("", !0),
+				}, P(t.instructions), 9, Ii)])) : a("", !0),
 				s("input", {
-					id: L(d),
+					id: R(d),
 					type: "file",
 					class: "g-file-input",
 					disabled: t.disabled,
@@ -3574,11 +3627,11 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 					accept: t.accept || void 0,
 					multiple: t.multiple,
 					"aria-invalid": y.value ? "true" : "false",
-					"aria-describedby": t.instructions ? "instructions-" + L(d) : void 0,
-					"aria-errormessage": y.value ? "error-message-" + L(d) : void 0,
+					"aria-describedby": t.instructions ? "instructions-" + R(d) : void 0,
+					"aria-errormessage": y.value ? "error-message-" + R(d) : void 0,
 					onChange: g
-				}, null, 40, Ii),
-				t.multiple && b.value.length > 0 ? (w(), o("ul", Li, [(w(!0), o(e, null, O(b.value, (e) => (w(), o("li", {
+				}, null, 40, Li),
+				t.multiple && b.value.length > 0 ? (T(), o("ul", Ri, [(T(!0), o(e, null, k(b.value, (e) => (T(), o("li", {
 					key: e,
 					class: "g-file-input-pill"
 				}, [r[0] ||= s("svg", {
@@ -3586,15 +3639,15 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 					role: "none presentation",
 					xmlns: "http://www.w3.org/2000/svg",
 					viewBox: "0 0 640 640"
-				}, [s("path", { d: "M192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 234.5C512 217.5 505.3 201.2 493.3 189.2L386.7 82.7C374.7 70.7 358.5 64 341.5 64L192 64zM453.5 240L360 240C346.7 240 336 229.3 336 216L336 122.5L453.5 240z" })], -1), c(" " + N(e), 1)]))), 128))])) : a("", !0)
+				}, [s("path", { d: "M192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 234.5C512 217.5 505.3 201.2 493.3 189.2L386.7 82.7C374.7 70.7 358.5 64 341.5 64L192 64zM453.5 240L360 240C346.7 240 336 229.3 336 216L336 122.5L453.5 240z" })], -1), c(" " + P(e), 1)]))), 128))])) : a("", !0)
 			], 2),
-			l(Ae, {
+			l(je, {
 				errors: v.value,
-				id: "error-message-" + L(d)
+				id: "error-message-" + R(d)
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), zi = /* @__PURE__ */ u({
+}), Bi = /* @__PURE__ */ u({
 	__name: "GDateInput",
 	props: /* @__PURE__ */ m({
 		label: { default: void 0 },
@@ -3617,8 +3670,8 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = e, n = B(e, "modelValue");
-		return (e, r) => (w(), i(Le, h({
+		let t = e, n = V(e, "modelValue");
+		return (e, r) => (T(), i(Re, h({
 			modelValue: n.value,
 			"onUpdate:modelValue": r[0] ||= (e) => n.value = e,
 			name: t.name,
@@ -3642,21 +3695,21 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 			"form-key"
 		]));
 	}
-}), Bi = { class: "g-date-range-input" }, Vi = {
+}), Vi = { class: "g-date-range-input" }, Hi = {
 	key: 0,
 	class: "g-date-range-input__label"
-}, Hi = {
+}, Ui = {
 	key: 0,
 	class: "g-date-range-input__required",
 	"aria-hidden": "true"
-}, Ui = {
+}, Wi = {
 	key: 1,
 	class: "g-date-range-input__instructions"
-}, Wi = { class: "g-date-range-input__fields" }, Gi = {
+}, Gi = { class: "g-date-range-input__fields" }, Ki = {
 	key: 2,
 	class: "g-date-range-input__errors",
 	role: "alert"
-}, Ki = /* @__PURE__ */ u({
+}, qi = /* @__PURE__ */ u({
 	__name: "GDateRangeInput",
 	props: /* @__PURE__ */ m({
 		label: { default: void 0 },
@@ -3683,23 +3736,23 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 	}),
 	emits: ["update:modelValue"],
 	setup(t) {
-		let n = t, r = B(t, "modelValue"), i = D(r.value.start || null), u = D(r.value.end || null), { displayErrors: d } = $({
+		let n = t, r = V(t, "modelValue"), i = O(r.value.start || null), u = O(r.value.end || null), { displayErrors: d } = $({
 			name: n.name,
 			value: r,
-			errors: F(n, "errors"),
+			errors: I(n, "errors"),
 			formKey: n.formKey
 		});
-		return G([i, u], () => {
+		return K([i, u], () => {
 			r.value = {
 				start: i.value,
 				end: u.value
 			};
-		}), G(r, (e) => {
+		}), K(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", Bi, [
-			n.label ? (w(), o("div", Vi, [c(N(n.label), 1), n.required ? (w(), o("span", Hi, " *")) : a("", !0)])) : a("", !0),
-			n.instructions ? (w(), o("div", Ui, N(n.instructions), 1)) : a("", !0),
-			s("div", Wi, [l(zi, {
+		}, { deep: !0 }), (t, r) => (T(), o("div", Vi, [
+			n.label ? (T(), o("div", Hi, [c(P(n.label), 1), n.required ? (T(), o("span", Ui, " *")) : a("", !0)])) : a("", !0),
+			n.instructions ? (T(), o("div", Wi, P(n.instructions), 1)) : a("", !0),
+			s("div", Gi, [l(Bi, {
 				modelValue: i.value,
 				"onUpdate:modelValue": r[0] ||= (e) => i.value = e,
 				label: n.startLabel,
@@ -3711,7 +3764,7 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 				"label",
 				"disabled",
 				"required"
-			]), l(zi, {
+			]), l(Bi, {
 				modelValue: u.value,
 				"onUpdate:modelValue": r[1] ||= (e) => u.value = e,
 				label: n.endLabel,
@@ -3724,13 +3777,13 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 				"disabled",
 				"required"
 			])]),
-			L(d).length > 0 ? (w(), o("div", Gi, [(w(!0), o(e, null, O(L(d), (e, t) => (w(), o("div", {
+			R(d).length > 0 ? (T(), o("div", Ki, [(T(!0), o(e, null, k(R(d), (e, t) => (T(), o("div", {
 				key: t,
 				class: "g-date-range-input__error"
-			}, N(e), 1))), 128))])) : a("", !0)
+			}, P(e), 1))), 128))])) : a("", !0)
 		]));
 	}
-}), qi = ["action", "method"], Ji = /* @__PURE__ */ u({
+}), Ji = ["action", "method"], Yi = /* @__PURE__ */ u({
 	__name: "GForm",
 	props: /* @__PURE__ */ m({
 		action: { default: void 0 },
@@ -3742,10 +3795,10 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 	}),
 	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 ?? (de() ? Oe(n.formKey) : Ee());
-		a || T("form", s), G(() => s.values.value, (e) => {
+		let n = e, r = V(e, "modelValue"), i = t, a = p("form", null), s = a ?? (fe() ? ke(n.formKey) : De());
+		a || E("form", s), K(() => s.values.value, (e) => {
 			r.value = { ...e };
-		}, { deep: !0 }), G(() => r.value, (e) => {
+		}, { deep: !0 }), K(() => r.value, (e) => {
 			e && Object.entries(e).forEach(([e, t]) => {
 				let n = s.fields[e];
 				n && n.value.value !== t && (n.value.value = t);
@@ -3759,20 +3812,20 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 				i("submit", e);
 			});
 		}
-		return (e, t) => (w(), o("form", {
+		return (e, t) => (T(), o("form", {
 			onSubmit: c,
 			action: n.action,
 			method: n.method,
 			class: "g-form",
 			novalidate: ""
-		}, [k(e.$slots, "default", {
-			isSubmitting: L(s).isSubmitting.value,
-			hasErrors: L(s).hasErrors.value,
-			values: L(s).values.value,
-			errors: L(s).errors.value
-		})], 40, qi));
+		}, [A(e.$slots, "default", {
+			isSubmitting: R(s).isSubmitting.value,
+			hasErrors: R(s).hasErrors.value,
+			values: R(s).values.value,
+			errors: R(s).errors.value
+		})], 40, Ji));
 	}
-}), Yi = /* @__PURE__ */ u({
+}), Xi = /* @__PURE__ */ u({
 	__name: "GSubmitButton",
 	props: {
 		disabled: {
@@ -3784,32 +3837,32 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 		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) ?? (de() ? Oe(o) : null), u = r(() => t.disabled || (l?.isSubmitting.value ?? !1)), d = r(() => l?.isSubmitting.value ?? !1);
-		return (e, n) => (w(), i(Q, {
+		let t = e, n = z(), a = typeof n["form-key"] == "string" ? n["form-key"] : void 0, o = t.formKey || a || "default", l = p("form", null) ?? (fe() ? ke(o) : null), u = r(() => t.disabled || (l?.isSubmitting.value ?? !1)), d = r(() => l?.isSubmitting.value ?? !1);
+		return (e, n) => (T(), i(Q, {
 			type: "submit",
 			disabled: u.value,
 			variant: t.variant,
 			class: "g-submit-button"
 		}, {
-			default: q(() => [J(s("span", null, N(t.loadingText), 513), [[W, d.value]]), J(s("span", null, [k(e.$slots, "default", {}, () => [n[0] ||= c("Submit", -1)])], 512), [[W, !d.value]])]),
+			default: J(() => [Y(s("span", null, P(t.loadingText), 513), [[G, d.value]]), Y(s("span", null, [A(e.$slots, "default", {}, () => [n[0] ||= c("Submit", -1)])], 512), [[G, !d.value]])]),
 			_: 3
 		}, 8, ["disabled", "variant"]));
 	}
-}), Xi = {
+}), Zi = {
 	key: 0,
 	class: "g-checkbox-group__legend"
-}, Zi = {
+}, Qi = {
 	key: 0,
 	class: "g-checkbox-group__required",
 	"aria-hidden": "true"
-}, Qi = {
+}, $i = {
 	key: 1,
 	class: "g-checkbox-group__label"
-}, $i = {
+}, ea = {
 	key: 0,
 	class: "g-checkbox-group__required",
 	"aria-hidden": "true"
-}, ea = ["id"], ta = { class: "g-checkbox-group__options" }, na = ["for"], ra = [
+}, ta = ["id"], na = { class: "g-checkbox-group__options" }, ra = ["for"], ia = [
 	"id",
 	"type",
 	"name",
@@ -3818,7 +3871,7 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 	"disabled",
 	"required",
 	"onChange"
-], ia = { class: "g-checkbox-group__label-text" }, aa = ["id"], oa = /* @__PURE__ */ u({
+], aa = { class: "g-checkbox-group__label-text" }, oa = ["id"], sa = /* @__PURE__ */ u({
 	__name: "GCheckboxGroup",
 	props: /* @__PURE__ */ m({
 		label: { default: void 0 },
@@ -3841,10 +3894,10 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 	}),
 	emits: /* @__PURE__ */ m(["change"], ["update:modelValue"]),
 	setup(t, { emit: n }) {
-		let u = t, d = B(t, "modelValue"), f = z(), { displayErrors: p, hasErrors: m } = $({
+		let u = t, d = V(t, "modelValue"), f = B(), { displayErrors: p, hasErrors: m } = $({
 			name: u.name,
 			value: d,
-			errors: F(u, "errors"),
+			errors: I(u, "errors"),
 			formKey: u.formKey
 		}), g = n;
 		function v(e) {
@@ -3854,7 +3907,7 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 			let n;
 			n = u.radio ? t ? [e] : [] : t ? d.value.includes(e) ? d.value : [...d.value, e] : d.value.filter((t) => t !== e), d.value = n, g("change", n);
 		}
-		let b = r(() => u.radio ? "radio" : "checkbox"), x = r(() => `error-message-${f}`), S = r(() => `instructions-${f}`), C = r(() => u.radio || u.options.length > 1), T = r(() => {
+		let b = r(() => u.radio ? "radio" : "checkbox"), x = r(() => `error-message-${f}`), S = r(() => `instructions-${f}`), C = r(() => u.radio || u.options.length > 1), w = r(() => {
 			let e = [];
 			return u.instructions && e.push(S.value), u.radio ? {
 				role: "radiogroup",
@@ -3869,7 +3922,7 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 		function D(e) {
 			return `${f}-input-${e}`;
 		}
-		function k(e, t) {
+		function O(e, t) {
 			let n = [];
 			return !u.radio && u.instructions && n.push(S.value), e.hint && n.push(E(t)), u.radio ? { "aria-describedby": n.length ? n.join(" ") : void 0 } : {
 				"aria-describedby": n.length ? n.join(" ") : void 0,
@@ -3878,15 +3931,15 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 				"aria-errormessage": m.value ? x.value : void 0
 			};
 		}
-		return (n, r) => (w(), i(A(C.value ? "fieldset" : "div"), h({ class: ["g-checkbox-group", { "g-checkbox-group--error": L(m) }] }, T.value), {
-			default: q(() => [
-				C.value && t.label ? (w(), o("legend", Xi, [c(N(t.label), 1), t.required ? (w(), o("span", Zi, "\xA0*")) : a("", !0)])) : !C.value && t.label ? (w(), o("div", Qi, [c(N(t.label), 1), t.required ? (w(), o("span", $i, "\xA0*")) : a("", !0)])) : a("", !0),
-				t.instructions ? (w(), o("div", {
+		return (n, r) => (T(), i(j(C.value ? "fieldset" : "div"), h({ class: ["g-checkbox-group", { "g-checkbox-group--error": R(m) }] }, w.value), {
+			default: J(() => [
+				C.value && t.label ? (T(), o("legend", Zi, [c(P(t.label), 1), t.required ? (T(), o("span", Qi, "\xA0*")) : a("", !0)])) : !C.value && t.label ? (T(), o("div", $i, [c(P(t.label), 1), t.required ? (T(), o("span", ea, "\xA0*")) : a("", !0)])) : a("", !0),
+				t.instructions ? (T(), o("div", {
 					key: 2,
 					id: S.value,
 					class: "g-checkbox-group__instructions"
-				}, N(t.instructions), 9, ea)) : a("", !0),
-				s("div", ta, [(w(!0), o(e, null, O(t.options, (e, n) => (w(), o("div", {
+				}, P(t.instructions), 9, ta)) : a("", !0),
+				s("div", na, [(T(!0), o(e, null, k(t.options, (e, n) => (T(), o("div", {
 					key: e.value,
 					class: _(["g-checkbox-group__option-wrapper", { "g-checkbox-group__option-wrapper--disabled": e.disabled }])
 				}, [s("label", {
@@ -3895,30 +3948,30 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 				}, [s("input", h({
 					id: D(n),
 					type: b.value,
-					name: t.name || L(f),
+					name: t.name || R(f),
 					value: e.value,
 					checked: v(e.value),
 					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, ra), s("span", ia, N(e.label), 1)], 10, na), e.hint ? (w(), o("div", {
+				}, { ref_for: !0 }, O(e, n), { onChange: (t) => y(e.value, t.target.checked) }), null, 16, ia), s("span", aa, P(e.label), 1)], 10, ra), e.hint ? (T(), o("div", {
 					key: 0,
 					id: E(n),
 					class: "g-checkbox-group__hint"
-				}, N(e.hint), 9, aa)) : a("", !0)], 2))), 128))]),
-				l(Ae, {
-					errors: L(p),
+				}, P(e.hint), 9, oa)) : a("", !0)], 2))), 128))]),
+				l(je, {
+					errors: R(p),
 					id: x.value
 				}, null, 8, ["errors", "id"])
 			]),
 			_: 1
 		}, 16, ["class"]));
 	}
-}), sa = ["for"], ca = {
+}), ca = ["for"], la = {
 	key: 0,
 	class: "g-textarea-required",
 	"aria-hidden": "true"
-}, la = ["id"], ua = [
+}, ua = ["id"], da = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -3927,11 +3980,11 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 	"rows",
 	"maxlength",
 	"aria-invalid"
-], da = {
+], fa = {
 	key: 2,
 	class: "g-textarea-char-count",
 	"aria-live": "polite"
-}, fa = /* @__PURE__ */ u({
+}, pa = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GTextarea",
 	props: /* @__PURE__ */ m({
@@ -3965,17 +4018,17 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 	}),
 	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 } = fe({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: v, hasErrors: y } = $({
+		let n = e, i = V(e, "modelValue"), u = B(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = pe({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: v, hasErrors: y } = $({
 			name: n.name,
 			value: i,
-			errors: F(n, "errors"),
+			errors: I(n, "errors"),
 			formKey: n.formKey
-		}), b = t, x = H("textareaEl");
+		}), b = t, x = U("textareaEl");
 		function S() {
 			let e = x.value;
 			e && (e.style.height = "auto", e.style.height = `${e.scrollHeight}px`);
 		}
-		G(() => i.value, () => {
+		K(() => i.value, () => {
 			n.autoGrow && g(S);
 		});
 		function C(e) {
@@ -3987,7 +4040,7 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 				});
 			}
 		}
-		function T(e) {
+		function w(e) {
 			i.value = e.target.value, n.autoGrow && S();
 		}
 		function E(e) {
@@ -3999,17 +4052,17 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 				C(t), n.autoGrow && S();
 			}, 0);
 		}
-		return (t, r) => (w(), o("div", { class: _(["g-textarea-wrap", { "g-textarea-has-error": L(y) }]) }, [
-			n.label ? (w(), o("label", {
+		return (t, r) => (T(), o("div", { class: _(["g-textarea-wrap", { "g-textarea-has-error": R(y) }]) }, [
+			n.label ? (T(), o("label", {
 				key: 0,
 				for: m.value,
 				class: "g-textarea-label"
-			}, [c(N(n.label), 1), n.required ? (w(), o("span", ca, " *")) : a("", !0)], 8, sa)) : a("", !0),
-			t.$slots.instructions || e.instructions ? (w(), o("div", {
+			}, [c(P(n.label), 1), n.required ? (T(), o("span", la, " *")) : a("", !0)], 8, ca)) : a("", !0),
+			t.$slots.instructions || e.instructions ? (T(), o("div", {
 				key: 1,
-				id: "instructions-" + L(u),
+				id: "instructions-" + R(u),
 				class: "g-textarea-instructions"
-			}, [k(t.$slots, "instructions", {}, () => [c(N(e.instructions), 1)])], 8, la)) : a("", !0),
+			}, [A(t.$slots, "instructions", {}, () => [c(P(e.instructions), 1)])], 8, ua)) : a("", !0),
 			s("textarea", h({
 				ref: "textareaEl",
 				value: i.value ?? "",
@@ -4021,38 +4074,38 @@ var vr = { class: "g-table-outer-wrap" }, yr = {
 				maxlength: n.maxlength ?? void 0,
 				class: "g-textarea"
 			}, {
-				...L(p),
+				...R(p),
 				id: m.value,
-				"aria-describedby": t.$slots.instructions || e.instructions ? "instructions-" + L(u) : void 0,
-				"aria-errormessage": L(y) ? "error-message-" + L(u) : void 0
+				"aria-describedby": t.$slots.instructions || e.instructions ? "instructions-" + R(u) : void 0,
+				"aria-errormessage": R(y) ? "error-message-" + R(u) : void 0
 			}, {
-				"aria-invalid": L(y) ? "true" : "false",
-				onInput: T,
+				"aria-invalid": R(y) ? "true" : "false",
+				onInput: w,
 				onBlur: E,
 				onPaste: D
-			}), null, 16, ua),
-			n.maxlength === void 0 ? a("", !0) : (w(), o("div", da, N((i.value ?? "").length) + " / " + N(n.maxlength), 1)),
-			l(Ae, {
-				errors: L(v),
-				id: "error-message-" + L(u)
+			}), null, 16, da),
+			n.maxlength === void 0 ? a("", !0) : (T(), o("div", fa, P((i.value ?? "").length) + " / " + P(n.maxlength), 1)),
+			l(je, {
+				errors: R(v),
+				id: "error-message-" + R(u)
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
 });
 //#endregion
 //#region src/compose/useActiveLink.ts
-function pa(e, t, n) {
+function ma(e, t, n) {
 	let r = [
 		0,
 		.25,
 		.5,
 		.75,
 		1
-	], i = `${-t}px 0px 0px 0px`, a = /* @__PURE__ */ new Map(), o = D(Array.from(te(e)?.children || []));
-	se(e, () => {
-		o.value = Array.from(te(e)?.children || []);
+	], i = `${-t}px 0px 0px 0px`, a = /* @__PURE__ */ new Map(), o = O(Array.from(ne(e)?.children || []));
+	ce(e, () => {
+		o.value = Array.from(ne(e)?.children || []);
 	}, { childList: !0 });
-	let { stop: s } = ae(o, (e) => {
+	let { stop: s } = oe(o, (e) => {
 		let t = o.value[o.value.length - 1];
 		for (let n of e) a.set(n.target, n.isIntersecting ? Math.ceil(100 * n.intersectionRatio) / 100 : 0), n.target === t && n.intersectionRatio === 1 && a.set(n.target, Infinity);
 		let r = null, i = 0;
@@ -4071,8 +4124,8 @@ function pa(e, t, n) {
 }
 //#endregion
 //#region src/compose/useSidebar.ts
-function ma(e = "(max-width: 800px)") {
-	let t = z(), n = D(!1), r = oe(e, { ssrWidth: 1e3 });
+function ha(e = "(max-width: 800px)") {
+	let t = B(), n = O(!1), r = se(e, { ssrWidth: 1e3 });
 	function i(e) {
 		if (!r.value || !n.value) return;
 		let i = e.target, a = document.getElementById(`${t}-sidebar`);
@@ -4088,7 +4141,7 @@ function ma(e = "(max-width: 800px)") {
 		}, 5));
 	}
 	return S(() => {
-		G(r, (e) => {
+		K(r, (e) => {
 			e ? (document.addEventListener("mousedown", i), document.addEventListener("focusin", a)) : (document.removeEventListener("mousedown", i), document.removeEventListener("focusin", a));
 		}, { immediate: !0 });
 	}), x(() => {
@@ -4102,10 +4155,10 @@ function ma(e = "(max-width: 800px)") {
 }
 //#endregion
 //#region src/compose/useTableChanges.ts
-function ha() {
-	let e = j(/* @__PURE__ */ new Map()), t = X(), n = (n) => {
+function ga() {
+	let e = M(/* @__PURE__ */ new Map()), t = ee(), 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()));
+		e.has(i) || e.set(i, M(/* @__PURE__ */ new Map()));
 		let s = e.get(i), c = s.get(r), l = c ? c.previousValue : o, u = c?.error;
 		if (a === l) s.delete(r), s.size === 0 && e.delete(i), t.trigger({
 			rowKey: i,
@@ -4205,6 +4258,6 @@ function ha() {
 	};
 }
 //#endregion
-export { Oe as $, Qn as A, Vt as B, mr as C, gr as D, pr as E, mn as F, rt as G, Ct as H, un as I, Ze as J, $e as K, cn as L, Sn as M, _n as N, _r as O, hn as P, $ as Q, an as R, Kr as S, hr as T, vt as U, kt as V, dt as W, Ke as X, Ge as Y, Le as Z, mi as _, oa as a, si as b, Ki as c, ji as d, Ee as et, Ai as f, gi as g, bi as h, fa as i, Q as it, Ln as j, dr as k, zi as l, wi as m, ma as n, be as nt, Yi as o, ki as p, Qe as q, pa as r, ye as rt, Ji as s, ha as t, Te as tt, Ri as u, ui as v, fr as w, ti as x, li as y, Zt as z };
+export { ke as $, $n as A, Ht as B, hr as C, _r as D, mr as E, hn as F, it as G, wt as H, dn as I, Qe as J, et as K, ln as L, Cn as M, vn as N, vr as O, gn as P, $ as Q, on as R, qr as S, gr as T, yt as U, At as V, ft as W, qe as X, Ke as Y, Re as Z, hi as _, sa as a, ci as b, qi as c, Mi as d, De as et, ji as f, _i as g, xi as h, pa as i, Q as it, Rn as j, fr as k, Bi as l, Ti as m, ha as n, xe as nt, Xi as o, Ai as p, $e as q, ma as r, be as rt, Yi as s, ga as t, Ee as tt, zi as u, di as v, pr as w, ni as x, ui as y, Qt as z };
 
-//# sourceMappingURL=grad-vue-DuwqGzJU.js.map
+//# sourceMappingURL=grad-vue-DmUhI4Ja.js.map