@illinois-grad/grad-vue 3.0.11 → 3.0.13

package/dist/{grad-vue-sy7R1DvD.js → grad-vue-BkZSETi2.js}

@@ -1,11 +1,11 @@
-import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, getCurrentInstance as d, guardReactiveProps as f, inject as p, mergeModels as m, mergeProps as h, nextTick as g, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeMount as b, onBeforeUnmount as x, onMounted as S, onUnmounted as C, 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";
+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, vModelText as G, vShow as ee, watch as K, watchEffect as q, withCtx as J, withDirectives as Y, withModifiers as te } from "vue";
+import { createEventHook as X, toArray as ne, tryOnScopeDispose as re, unrefElement as ie, useClipboard as ae, useDebounceFn as oe, useFocusWithin as se, useIntersectionObserver as ce, useMediaQuery as le, useMutationObserver as ue, useResizeObserver as de, useSessionStorage as fe } from "@vueuse/core";
+import { createFocusTrap as pe } from "focus-trap";
 //#region src/compose/useCustomElementAttrs.ts
-function fe() {
+function Z() {
 	return globalThis.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ === !0;
 }
-function pe(e = {}) {
+function me(e = {}) {
 	let t = z(), n = globalThis.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ === !0, i = e.omitInCustomElement ?? [];
 	return {
 		attrs: t,
@@ -20,7 +20,7 @@ function pe(e = {}) {
 }
 //#endregion
 //#region src/components/GButton.vue?vue&type=script&setup=true&lang.ts
-var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PURE__ */ u({
+var he = { class: "g-btn--icon" }, ge = { class: "g-btn--label" }, Q = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GButton",
 	props: {
@@ -51,7 +51,7 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 		"mouseleave"
 	],
 	setup(t) {
-		let n = t, a = H(), { forwardedAttrs: c } = pe({ omitInCustomElement: ["id"] }), l = r(() => [
+		let n = t, a = H(), { forwardedAttrs: c } = me({ omitInCustomElement: ["id"] }), l = r(() => [
 			"g-btn",
 			`g-btn--${n.size}`,
 			`g-btn--${n.theme}`,
@@ -79,11 +79,11 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 			onMouseenter: u[7] ||= (e) => r.$emit("mouseenter", e),
 			onMouseleave: u[8] ||= (e) => r.$emit("mouseleave", e)
 		}), {
-			default: J(() => [t.icon || a.icon ? (T(), o(e, { key: 0 }, [s("span", me, [a.icon ? A(r.$slots, "icon", { key: 0 }) : (T(), o("span", {
+			default: J(() => [t.icon || a.icon ? (T(), o(e, { key: 0 }, [s("span", he, [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", he, [A(r.$slots, "default")])], 64)) : A(r.$slots, "default", { key: 1 })]),
+			}, null, 2))]), s("span", ge, [A(r.$slots, "default")])], 64)) : A(r.$slots, "default", { key: 1 })]),
 			_: 3
 		}, 16, [
 			"to",
@@ -91,13 +91,13 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 			"type"
 		]));
 	}
-}), ge = { class: "g-tree-menu__divider" }, _e = {
+}), _e = { class: "g-tree-menu__divider" }, ve = {
 	key: 0,
 	class: "g-tree-menu__divider-line"
-}, ve = {
+}, ye = {
 	key: 1,
 	class: "g-tree-menu__expand-all-wrapper"
-}, ye = { class: "g-tree-menu__content" }, be = /* @__PURE__ */ u({
+}, be = { class: "g-tree-menu__content" }, xe = /* @__PURE__ */ u({
 	__name: "GTreeMenu",
 	props: {
 		heading: {},
@@ -116,7 +116,7 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 	},
 	setup(e) {
 		let t = e, n = B();
-		E("g-tree-menu-list-type", t.listType), E("g-tree-menu-expanded-storage", t.storageKey ? ue(t.storageKey, {}) : null);
+		E("g-tree-menu-list-type", t.listType), E("g-tree-menu-expanded-storage", t.storageKey ? fe(t.storageKey, {}) : null);
 		let l = D(/* @__PURE__ */ new Map());
 		E("g-tree-menu-expandable-items", l);
 		let u = O({
@@ -207,7 +207,7 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 				default: J(() => [c(P(e.heading), 1)]),
 				_: 1
 			}, 8, ["id"])) : a("", !0),
-			s("div", ge, [e.smallHeading ? a("", !0) : (T(), o("div", _e)), e.showExpandAll ? (T(), o("div", ve, [s("button", {
+			s("div", _e, [e.smallHeading ? a("", !0) : (T(), o("div", ve)), e.showExpandAll ? (T(), o("div", ye, [s("button", {
 				class: "g-tree-menu__expand-all-btn",
 				onClick: f
 			}, [(T(), o("svg", {
@@ -220,14 +220,14 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
 			}, [...l[0] ||= [s("polyline", { points: "7 8 12 13 17 8" }, null, -1), s("polyline", { points: "7 13 12 18 17 13" }, null, -1)]], 2)), c(" " + P(d.value ? "Collapse all" : "Expand all"), 1)])])) : a("", !0)]),
-			s("div", ye, [A(r.$slots, "default")])
+			s("div", be, [A(r.$slots, "default")])
 		], 16));
 	}
-}), xe = /* @__PURE__ */ u({
+}), Se = /* @__PURE__ */ u({
 	name: "GTreeMenuList",
 	props: { listType: { default: void 0 } },
 	setup(e) {
-		let t = e, n = p("g-tree-menu-list-type", "ul"), a = r(() => t.listType ?? n ?? "ul"), o = fe(), s = d();
+		let t = e, n = p("g-tree-menu-list-type", "ul"), a = r(() => t.listType ?? n ?? "ul"), o = Z(), s = d();
 		return S(() => {
 			if (!o) return;
 			let e = s?.ce;
@@ -240,15 +240,12 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 			_: 3
 		}, 8, ["role"]));
 	}
-}), Se = {
+}), Ce = {
 	key: 0,
 	class: "g-tree-menu__row"
-}, Ce = { class: "g-tree-menu__row-content-text" }, we = {
+}, we = { class: "g-tree-menu__row-content-text" }, Te = {
 	key: 1,
 	class: "g-tree-menu__row g-tree-menu__row--leaf"
-}, Te = {
-	class: "g-tree-menu__row-content",
-	"data-tree-primary": ""
 }, Ee = /* @__PURE__ */ u({
 	name: "GTreeMenuItem",
 	inheritAttrs: !1,
@@ -307,26 +304,26 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 		function V(e) {
 			(e.key === "Enter" || e.key === " ") && (D(), e.preventDefault());
 		}
-		let U = fe(), W = u?.ce;
+		let U = Z(), W = u?.ce;
 		S(() => {
 			U && W && W.setAttribute("role", "listitem");
 		});
-		let G = z(), q = r(() => {
+		let G = z(), ee = r(() => {
 			if (!U) return G;
 			let { role: e, ...t } = G;
 			return t;
 		});
-		return (e, t) => (T(), i(j(R(U) ? "div" : "li"), h(q.value, {
+		return (e, t) => (T(), i(j(R(U) ? "div" : "li"), h(ee.value, {
 			role: R(U) ? "presentation" : void 0,
 			class: "g-tree-menu__item",
 			"data-tree-expandable": g.value ? "true" : void 0
 		}), {
-			default: J(() => [g.value ? (T(), o("div", Se, [s("div", {
+			default: J(() => [g.value ? (T(), o("div", Ce, [s("div", {
 				class: "g-tree-menu__toggle-btn",
 				onClick: D
 			}, [(T(), o("svg", {
 				class: _(["g-tree-menu__chevron", { "g-tree-menu__chevron--expanded": b.value }]),
-				role: "none presentation",
+				role: "none",
 				viewBox: "0 0 24 24",
 				fill: "none",
 				stroke: "currentColor",
@@ -340,7 +337,12 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 				"data-tree-primary": "",
 				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, {
+			}, [s("span", we, [A(e.$slots, "default")])], 544)])) : (T(), o("div", Te, [t[1] ||= s("span", { class: "g-tree-menu__spacer" }, null, -1), s("span", {
+				class: "g-tree-menu__row-content",
+				ref_key: "contentRef",
+				ref: C,
+				"data-tree-primary": ""
+			}, [A(e.$slots, "default")], 512)])), g.value && b.value ? (T(), i(Se, {
 				key: 2,
 				id: R(f) + "-children"
 			}, {
@@ -406,7 +408,7 @@ function ke(e = "default") {
 //#endregion
 //#region src/compose/useFormField.ts
 function $(e) {
-	let t = z(), n = typeof t["form-key"] == "string" ? t["form-key"] : void 0, i = e.formKey ?? n ?? "default", a = p("form", null) ?? (fe() ? ke(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) ?? (Z() ? 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;
@@ -442,6 +444,7 @@ var Ae = ["id"], je = /* @__PURE__ */ u({
 			class: "g-form-error-message"
 		}, [r[0] ||= s("svg", {
 			class: "g-form-error-icon",
+			role: "none",
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 640 640"
 		}, [s("path", {
@@ -492,7 +495,7 @@ var Ae = ["id"], je = /* @__PURE__ */ u({
 	}),
 	emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, i = V(e, "modelValue"), u = B(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = pe({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: g, hasErrors: v } = $({
+		let n = e, i = V(e, "modelValue"), u = B(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = me({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: g, hasErrors: v } = $({
 			name: n.name,
 			value: i,
 			errors: I(n, "errors"),
@@ -613,11 +616,11 @@ var Ye = (e) => e != null;
 //#region ../../node_modules/@vueuse/integrations/dist/useFocusTrap-lXZ_YG-8.js
 function Xe(e, t = {}) {
 	let n, { immediate: i, ...a } = t, o = 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) => {
+	return K(r(() => ne(L(e)).map((e) => {
 		let t = L(e);
-		return typeof t == "string" ? t : ne(t);
+		return typeof t == "string" ? t : ie(t);
 	}).filter(Ye)), (e) => {
-		if (e.length) if (!n) n = de(e, {
+		if (e.length) if (!n) n = pe(e, {
 			...a,
 			onActivate() {
 				o.value = !0, t.onActivate && t.onActivate();
@@ -630,7 +633,7 @@ function Xe(e, t = {}) {
 			let t = n?.active;
 			n?.updateContainerElements(e), !t && i && c();
 		}
-	}, { flush: "post" }), te(() => l()), {
+	}, { flush: "post" }), re(() => l()), {
 		hasFocus: o,
 		isPaused: s,
 		activate: c,
@@ -734,8 +737,16 @@ function et(e, t, n, r) {
 	};
 }
 //#endregion
-//#region src/components/GPopover.vue?vue&type=script&setup=true&lang.ts
-var tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "aria-label"], it = /* @__PURE__ */ u({
+//#region src/components/GClientOnly.vue
+var tt = /* @__PURE__ */ u({
+	__name: "GClientOnly",
+	setup(e) {
+		let t = O(Z());
+		return S(() => {
+			t.value = !0;
+		}), (e, n) => t.value ? A(e.$slots, "default", { key: 0 }) : A(e.$slots, "fallback", { key: 1 });
+	}
+}), nt = { class: "g-popover-wrap" }, rt = ["id"], it = ["aria-labelledby", "aria-label"], at = /* @__PURE__ */ u({
 	__name: "GPopover",
 	props: {
 		minimal: {
@@ -757,7 +768,7 @@ var tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "ari
 		K(I(d, "modelValue"), (e) => {
 			p.value = e;
 		});
-		let m = H(), h = r(() => !!m.trigger), v = U("triggerRef"), b = U("popoverRef"), { isCustomElement: S } = pe(), C = S, w = B(), { push: E, pop: D, isTop: k, zIndex: j } = Ke(w, !0), { activate: M, deactivate: N } = Qe(b, k, !0);
+		let m = H(), h = r(() => !!m.trigger), v = U("triggerRef"), b = U("popoverRef"), { isCustomElement: S } = me(), 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());
@@ -775,22 +786,22 @@ var tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "ari
 		let z = O({
 			top: 0,
 			left: 0
-		}), V = O({ left: "50%" }), W = O(!1), q = O(!1), X = null;
-		function ee() {
+		}), V = O({ left: "50%" }), W = O(!1), G = O(!1), q = null;
+		function te() {
 			if (v.value) return v.value;
 			let e = b.value?.parentElement ?? null;
 			for (; e && e.tagName.toLowerCase() !== "g-popover";) e = e.parentElement;
 			let t = e?.previousElementSibling;
 			return t instanceof HTMLElement ? t : null;
 		}
-		function Z() {
+		function X() {
 			if (!b.value) return;
-			let e = new DOMRect(0, 0, b.value.offsetWidth, b.value.offsetHeight), t = new DOMRect(0, 0, window.innerWidth, window.innerHeight), n = ee();
+			let e = new DOMRect(0, 0, b.value.offsetWidth, b.value.offsetHeight), t = new DOMRect(0, 0, window.innerWidth, window.innerHeight), n = te();
 			if (!n) {
 				z.value = {
 					top: Math.max((t.height - e.height) / 2, 8),
 					left: Math.max((t.width - e.width) / 2, 8)
-				}, q.value = !1, W.value = !1, V.value = { left: "50%" };
+				}, G.value = !1, W.value = !1, V.value = { left: "50%" };
 				return;
 			}
 			let { top: r, left: i, xOffset: a, placedAbove: o, overlay: s } = et(n.getBoundingClientRect(), e, t, { gap: d.minimal ? 0 : 8 });
@@ -801,108 +812,111 @@ var tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "ari
 				left: `${e.width / 2 - a}px`,
 				top: o ? "auto" : void 0,
 				bottom: o ? "-8px" : void 0
-			}, W.value = o, q.value = s;
+			}, W.value = o, G.value = s;
 		}
 		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());
+				X(), window.addEventListener("resize", X), window.addEventListener("scroll", X, { capture: !0 }), b.value && (q && q.disconnect(), q = new ResizeObserver(() => X()), q.observe(b.value));
+			}) : (window.removeEventListener("resize", X), window.removeEventListener("scroll", X, { capture: !0 }), q && q.disconnect());
 		}), x(() => {
-			window.removeEventListener("resize", Z), window.removeEventListener("scroll", Z, { capture: !0 }), X && X.disconnect();
+			window.removeEventListener("resize", X), window.removeEventListener("scroll", X, { capture: !0 }), q && q.disconnect();
 		}), c({
 			show: P,
 			hide: F,
 			toggle: L
-		}), (r, c) => (T(), o("div", tt, [h.value ? (T(), o("div", {
+		}), (r, c) => (T(), o("div", nt, [h.value ? (T(), o("div", {
 			key: 0,
 			ref_key: "triggerRef",
 			ref: v,
 			class: "g-popover-trigger",
 			id: `${R(w)}-trigger`
-		}, [A(r.$slots, "trigger", { toggle: L })], 8, nt)) : a("", !0), (T(), i(t, {
-			to: "#modal-root",
-			disabled: R(C)
-		}, [l(n, {
-			name: "g-popover-expand",
-			appear: ""
-		}, {
-			default: J(() => [R(S) || p.value ? Y((T(), o("div", {
-				key: 0,
-				ref_key: "popoverRef",
-				ref: b,
-				class: _({
-					"g-popover": !0,
-					"g-popover-above": W.value,
-					"g-popover-below": !W.value,
-					"g-popover-minimal": e.minimal
-				}),
-				role: "dialog",
-				"aria-modal": "true",
-				"aria-labelledby": h.value ? `${R(w)}-trigger` : void 0,
-				"aria-label": h.value ? void 0 : "Popover",
-				style: y({
-					top: z.value.top + "px",
-					left: z.value.left + "px",
-					zIndex: R(j)
-				})
-			}, [
-				!q.value && !e.minimal ? (T(), o("div", {
+		}, [A(r.$slots, "trigger", { toggle: L })], 8, rt)) : a("", !0), l(tt, null, {
+			default: J(() => [(T(), i(t, {
+				to: "#modal-root",
+				disabled: R(C)
+			}, [l(n, {
+				name: "g-popover-expand",
+				appear: ""
+			}, {
+				default: J(() => [R(S) || p.value ? Y((T(), o("div", {
 					key: 0,
-					class: _(["g-popover-arrow", { "g-popover-arrow-above": W.value }]),
-					style: y(V.value),
-					"aria-hidden": "true"
-				}, null, 6)) : a("", !0),
-				A(r.$slots, "default"),
-				e.minimal ? a("", !0) : (T(), o("button", {
-					key: 1,
-					class: "g-popover-close",
-					type: "button",
-					"aria-label": "Close popover",
-					onClick: F
-				}, [...c[0] ||= [s("svg", {
-					class: "g-popover-close-icon",
-					xmlns: "http://www.w3.org/2000/svg",
-					viewBox: "0 0 51.26 51.26",
-					"aria-hidden": "true"
-				}, [s("path", {
-					fill: "currentColor",
-					d: "m37.84 32.94-7.63-7.63 7.63-7.63a3.24 3.24 0 0 0-4.58-4.58l-7.63 7.63L18 13.1a3.24 3.24 0 0 0-4.58 4.58L21 25.31l-7.62 7.63A3.24 3.24 0 1 0 18 37.52l7.63-7.63 7.63 7.63a3.24 3.24 0 0 0 4.58-4.58Z"
-				})], -1)]]))
-			], 14, rt)), [[G, p.value]]) : a("", !0)]),
+					ref_key: "popoverRef",
+					ref: b,
+					class: _({
+						"g-popover": !0,
+						"g-popover-above": W.value,
+						"g-popover-below": !W.value,
+						"g-popover-minimal": e.minimal
+					}),
+					role: "dialog",
+					"aria-modal": "true",
+					"aria-labelledby": h.value ? `${R(w)}-trigger` : void 0,
+					"aria-label": h.value ? void 0 : "Popover",
+					style: y({
+						top: z.value.top + "px",
+						left: z.value.left + "px",
+						zIndex: R(j)
+					})
+				}, [
+					!G.value && !e.minimal ? (T(), o("div", {
+						key: 0,
+						class: _(["g-popover-arrow", { "g-popover-arrow-above": W.value }]),
+						style: y(V.value),
+						"aria-hidden": "true"
+					}, null, 6)) : a("", !0),
+					A(r.$slots, "default"),
+					e.minimal ? a("", !0) : (T(), o("button", {
+						key: 1,
+						class: "g-popover-close",
+						type: "button",
+						"aria-label": "Close popover",
+						onClick: F
+					}, [...c[0] ||= [s("svg", {
+						class: "g-popover-close-icon",
+						xmlns: "http://www.w3.org/2000/svg",
+						viewBox: "0 0 51.26 51.26",
+						"aria-hidden": "true"
+					}, [s("path", {
+						fill: "currentColor",
+						d: "m37.84 32.94-7.63-7.63 7.63-7.63a3.24 3.24 0 0 0-4.58-4.58l-7.63 7.63L18 13.1a3.24 3.24 0 0 0-4.58 4.58L21 25.31l-7.62 7.63A3.24 3.24 0 1 0 18 37.52l7.63-7.63 7.63 7.63a3.24 3.24 0 0 0 4.58-4.58Z"
+					})], -1)]]))
+				], 14, it)), [[ee, p.value]]) : a("", !0)]),
+				_: 3
+			})], 8, ["disabled"]))]),
 			_: 3
-		})], 8, ["disabled"]))]));
+		})]));
 	}
-}), at = 1;
-function ot(e = "v-gtooltip") {
-	return `${e}-${++at}`;
+}), ot = 1;
+function st(e = "v-gtooltip") {
+	return `${e}-${++ot}`;
 }
-function st(e, t = "v-gtooltip") {
+function ct(e, t = "v-gtooltip") {
 	let n = e.getAttribute("aria-describedby");
 	if (n) return n;
-	let r = ot(t);
+	let r = st(t);
 	return e.setAttribute("aria-describedby", r), r;
 }
-function ct(e, t) {
+function lt(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 lt(e) {
+function ut(e) {
 	(document.getElementById("modal-root") ?? document.body).appendChild(e);
 }
-function ut(e, t) {
+function dt(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 = `${Je()}`, 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.visibility = "visible", t.style.opacity = "1";
 }
-function dt(e) {
-	e.style.opacity = "0";
+function ft(e) {
+	e.style.opacity = "0", e.style.visibility = "hidden";
 }
 //#endregion
 //#region src/components/GTooltip.vue
-var ft = /* @__PURE__ */ u({
+var pt = /* @__PURE__ */ u({
 	__name: "GTooltip",
 	props: { text: {} },
 	emits: ["tooltip-hide"],
@@ -917,12 +931,12 @@ var ft = /* @__PURE__ */ u({
 			return t instanceof HTMLElement ? t : null;
 		}
 		function S() {
-			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);
+			y && (v || (v = l.value ? st("g-tooltip") : ct(y, "g-tooltip"), l.value && y.setAttribute("aria-describedby", v)), f.value || (f.value = lt(i.text, v), ut(f.value), h = new ResizeObserver(() => {
+				f.value && (p.value || m.value) && y && dt(y, f.value);
 			}), h.observe(f.value)));
 		}
 		function C() {
-			f.value && (p.value || m.value) && y && ut(y, f.value);
+			f.value && (p.value || m.value) && y && dt(y, f.value);
 		}
 		function w() {
 			p.value = !0;
@@ -968,10 +982,10 @@ var ft = /* @__PURE__ */ u({
 			f.value && (f.value.textContent = e);
 		}), K(() => p.value || m.value, (e) => {
 			if (e) {
-				S(), f.value && y && ut(y, f.value), g ||= (window.addEventListener("scroll", C, { capture: !0 }), !0);
+				S(), f.value && y && dt(y, f.value), g ||= (window.addEventListener("scroll", C, { capture: !0 }), !0);
 				return;
 			}
-			g &&= (window.removeEventListener("scroll", C, { capture: !0 }), !1), f.value && (dt(f.value), _ && clearTimeout(_), _ = window.setTimeout(() => {
+			g &&= (window.removeEventListener("scroll", C, { capture: !0 }), !1), f.value && (ft(f.value), _ && clearTimeout(_), _ = window.setTimeout(() => {
 				s("tooltip-hide");
 			}, 150));
 		}), x(() => {
@@ -991,11 +1005,11 @@ var ft = /* @__PURE__ */ u({
 			class: "g-tooltip-trigger"
 		}, [A(e.$slots, "trigger")], 512)) : a("", !0)], 512));
 	}
-}), pt = ["disabled"], mt = { class: "g-select-btn-legend" }, ht = {
+}), mt = ["disabled"], ht = { class: "g-select-btn-legend" }, gt = {
 	key: 0,
 	class: "g-select-btn-required",
 	"aria-hidden": "true"
-}, gt = { class: "g-select-btn-row" }, _t = [
+}, _t = { class: "g-select-btn-row" }, vt = [
 	"id",
 	"name",
 	"value",
@@ -1003,7 +1017,7 @@ var ft = /* @__PURE__ */ u({
 	"disabled",
 	"required",
 	"onChange"
-], vt = ["for"], yt = /* @__PURE__ */ u({
+], yt = ["for"], bt = /* @__PURE__ */ u({
 	__name: "GSelectButton",
 	props: /*@__PURE__*/ m({
 		options: {},
@@ -1045,7 +1059,7 @@ var ft = /* @__PURE__ */ u({
 		return (t, n) => (T(), o("fieldset", {
 			class: _(g.value),
 			disabled: i.disabled
-		}, [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", {
+		}, [s("legend", ht, [c(P(i.label), 1), i.required ? (T(), o("span", gt, " *")) : a("", !0)]), s("div", { class: _(["g-select-btn-wrapper", { "g-select-btn-has-error": R(m) }]) }, [s("div", _t, [(T(!0), o(e, null, k(h.value, (t, n) => (T(), o(e, { key: t.value }, [s("input", {
 			class: "g-select-btn-radio",
 			type: "radio",
 			id: `${R(f)}-${t.value}`,
@@ -1055,29 +1069,29 @@ var ft = /* @__PURE__ */ u({
 			disabled: i.disabled,
 			required: i.required && n === 0,
 			onChange: (e) => y(t.value)
-		}, null, 40, _t), s("label", {
+		}, null, 40, vt), s("label", {
 			for: `${R(f)}-${t.value}`,
 			class: _(v(t.value === d.value))
-		}, P(t.label), 11, vt)], 64))), 128))]), l(je, {
+		}, P(t.label), 11, yt)], 64))), 128))]), l(je, {
 			errors: R(p),
 			id: "error-message-" + R(f)
-		}, null, 8, ["errors", "id"])], 2)], 10, pt));
+		}, null, 8, ["errors", "id"])], 2)], 10, mt));
 	}
-}), bt = ["width", "height"], xt = [
+}), xt = ["width", "height"], St = [
 	"cx",
 	"cy",
 	"r"
-], St = [
+], Ct = [
 	"cx",
 	"cy",
 	"r",
 	"stroke-dasharray",
 	"stroke-dashoffset"
-], Ct = [
+], wt = [
 	"cx",
 	"cy",
 	"r"
-], wt = /* @__PURE__ */ u({
+], Tt = /* @__PURE__ */ u({
 	__name: "GProgress",
 	props: {
 		label: { default: "Loading" },
@@ -1118,7 +1132,7 @@ var ft = /* @__PURE__ */ u({
 			r: i.value,
 			"stroke-width": 4,
 			fill: "none"
-		}, null, 8, xt), n.value ? (T(), o("circle", {
+		}, null, 8, St), n.value ? (T(), o("circle", {
 			key: 0,
 			class: "g-progress__value",
 			cx: i.value + 4 / 2,
@@ -1132,7 +1146,7 @@ var ft = /* @__PURE__ */ u({
 				transform: "rotate(-90deg)",
 				"transform-origin": "center"
 			}
-		}, null, 8, St)) : (T(), o("circle", {
+		}, null, 8, Ct)) : (T(), o("circle", {
 			key: 1,
 			class: "g-progress__spinner",
 			cx: i.value + 4 / 2,
@@ -1140,13 +1154,13 @@ var ft = /* @__PURE__ */ u({
 			r: i.value,
 			"stroke-width": 4,
 			fill: "none"
-		}, null, 8, Ct))], 10, bt))], 16));
+		}, null, 8, wt))], 10, xt))], 16));
 	}
-}), Tt = [
+}), Et = [
 	"id",
 	"aria-labelledby",
 	"aria-describedby"
-], Et = { class: "g-alertdialog-inner" }, Dt = ["id"], Ot = ["id"], kt = { class: "g-alertdialog-actions" }, At = /* @__PURE__ */ u({
+], Dt = { class: "g-alertdialog-inner" }, Ot = ["id"], kt = ["id"], At = { class: "g-alertdialog-actions" }, jt = /* @__PURE__ */ u({
 	__name: "GAlertDialog",
 	props: {
 		label: { default: "Confirmation" },
@@ -1177,16 +1191,16 @@ var ft = /* @__PURE__ */ u({
 				ref_key: "dialog",
 				ref: u,
 				style: y({ zIndex: R(g) })
-			}, [s("div", Et, [
+			}, [s("div", Dt, [
 				s("h2", {
 					id: "alertdialog-label-" + R(f),
 					class: "g-alertdialog-label"
-				}, P(a.label), 9, Dt),
+				}, P(a.label), 9, Ot),
 				s("div", {
 					id: "alertdialog-description-" + R(f),
 					class: "g-alertdialog-content"
-				}, [A(e.$slots, "default")], 8, Ot),
-				s("div", kt, [l(Q, {
+				}, [A(e.$slots, "default")], 8, kt),
+				s("div", At, [l(Q, {
 					outlined: "",
 					onClick: r[0] ||= (e) => o("cancel")
 				}, {
@@ -1199,20 +1213,20 @@ var ft = /* @__PURE__ */ u({
 					default: J(() => [c(P(a.buttonText), 1)]),
 					_: 1
 				}, 8, ["theme"])])
-			])], 12, Tt)]),
+			])], 12, Et)]),
 			_: 3
 		})]));
 	}
 });
 //#endregion
 //#region src/compose/useSelectDropdown.ts
-function jt(e) {
+function Mt(e) {
 	return e.map((e) => typeof e == "string" ? {
 		label: e,
 		value: e
 	} : e);
 }
-function Mt({ open: e, anchorRef: t, listboxRef: n, baseId: i, activeIndex: a }) {
+function Nt({ 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;
@@ -1256,11 +1270,11 @@ function Mt({ open: e, anchorRef: t, listboxRef: n, baseId: i, activeIndex: a })
 }
 //#endregion
 //#region src/components/GSelect.vue?vue&type=script&setup=true&lang.ts
-var Nt = ["id"], Pt = {
+var Pt = ["id"], Ft = {
 	key: 0,
 	class: "g-select-required",
 	"aria-hidden": "true"
-}, Ft = { class: "g-select-input-wrap" }, It = ["id"], Lt = [
+}, It = { class: "g-select-input-wrap" }, Lt = ["id"], Rt = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -1268,21 +1282,21 @@ var Nt = ["id"], Pt = {
 	"aria-expanded",
 	"aria-required",
 	"aria-activedescendant"
-], Rt = [
+], zt = [
 	"id",
 	"aria-controls",
 	"aria-expanded",
 	"aria-required",
 	"aria-activedescendant"
-], zt = ["id"], Bt = [
+], Bt = ["id"], Vt = [
 	"id",
 	"aria-selected",
 	"onClick"
-], Vt = {
+], Ht = {
 	key: 1,
 	"aria-live": "polite",
 	class: "g-select-combo-option g-select-option g-select-no-results"
-}, Ht = /* @__PURE__ */ u({
+}, Ut = /* @__PURE__ */ u({
 	__name: "GSelect",
 	props: /*@__PURE__*/ m({
 		options: {},
@@ -1320,13 +1334,13 @@ var Nt = ["id"], Pt = {
 			value: d,
 			errors: I(i, "errors"),
 			formKey: i.formKey
-		}), { menuPlacement: E, menuStyle: D, isTop: j, scrollOptionIntoView: M } = Mt({
+		}), { menuPlacement: E, menuStyle: D, isTop: j, scrollOptionIntoView: M } = Nt({
 			open: y,
 			anchorRef: p,
 			listboxRef: m,
 			baseId: f,
 			activeIndex: b
-		}), N = r(() => jt(i.options)), F = O(""), L = r(() => {
+		}), N = r(() => Mt(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));
@@ -1356,13 +1370,13 @@ var Nt = ["id"], Pt = {
 				H();
 			}
 		}
-		function q(e) {
+		function G(e) {
 			if (!i.searchable) return;
 			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 J(e) {
+		function q(e) {
 			let t = e.relatedTarget;
 			if (x.value) {
 				x.value = !1;
@@ -1370,16 +1384,16 @@ var Nt = ["id"], Pt = {
 			}
 			t && m.value && m.value.contains(t) || (i.searchable && (F.value = ""), U());
 		}
-		function ee(e) {
+		function J(e) {
 			let t = L.value[e];
 			t && t.value !== d.value && (d.value = t.value, u("change", t.value)), S.value = !0, U(), setTimeout(() => {
 				S.value = !1;
 			}, 100);
 		}
-		function Z() {
+		function X() {
 			i.disabled || (y.value ? U() : H());
 		}
-		function te(e) {
+		function ne(e) {
 			if (i.disabled) return;
 			let t = L.value.length - 1;
 			if (!y.value && [
@@ -1406,7 +1420,7 @@ var Nt = ["id"], Pt = {
 					break;
 				case "Enter":
 				case " ":
-					e.preventDefault(), y.value ? ee(b.value) : H();
+					e.preventDefault(), y.value ? J(b.value) : H();
 					break;
 				case "Escape":
 					j.value && (e.preventDefault(), setTimeout(() => {
@@ -1415,14 +1429,14 @@ var Nt = ["id"], Pt = {
 					break;
 			}
 		}
-		function ne(e) {
-			ee(e);
+		function re(e) {
+			J(e);
 		}
-		function re() {
+		function ie() {
 			x.value = !0;
 		}
-		let ie = r(() => i.clearButton && d.value !== null && d.value !== void 0 && !i.disabled);
-		function ae() {
+		let ae = r(() => i.clearButton && d.value !== null && d.value !== void 0 && !i.disabled);
+		function oe() {
 			i.disabled || (d.value = null, u("change", null), i.searchable && (F.value = ""));
 		}
 		return (n, r) => (T(), o("div", { class: _(["g-select-root g-select-combo", {
@@ -1434,8 +1448,8 @@ var Nt = ["id"], Pt = {
 				key: 0,
 				id: R(f) + "-label",
 				class: "g-select-combo-label g-select-label"
-			}, [c(P(i.label), 1), i.required ? (T(), o("span", Pt, " *")) : a("", !0)], 8, Nt)),
-			s("div", Ft, [i.searchable ? (T(), o("div", {
+			}, [c(P(i.label), 1), i.required ? (T(), o("span", Ft, " *")) : a("", !0)], 8, Pt)),
+			s("div", It, [i.searchable ? (T(), o("div", {
 				key: 0,
 				class: "g-select-combo-input g-select-control",
 				id: R(f)
@@ -1450,9 +1464,9 @@ var Nt = ["id"], Pt = {
 					placeholder: y.value ? "" : t.placeholder,
 					disabled: i.disabled,
 					onFocus: W,
-					onInput: q,
-					onKeydown: te,
-					onBlur: J,
+					onInput: G,
+					onKeydown: ne,
+					onBlur: q,
 					"aria-autocomplete": "list",
 					"aria-controls": R(f) + "-listbox",
 					"aria-expanded": y.value ? "true" : "false",
@@ -1462,12 +1476,12 @@ var Nt = ["id"], Pt = {
 				}, t.hiddenLabel ? { "aria-label": i.label } : { "aria-labelledby": R(f) + "-label" }, {
 					role: "combobox",
 					autocomplete: "off"
-				}), null, 16, Lt),
-				ie.value ? (T(), o("button", {
+				}), null, 16, Rt),
+				ae.value ? (T(), o("button", {
 					key: 0,
 					type: "button",
 					class: "g-select-clear-btn",
-					onClick: ae
+					onClick: oe
 				}, [...r[0] ||= [s("svg", {
 					role: "img",
 					"aria-label": "Clear Selection",
@@ -1488,7 +1502,7 @@ var Nt = ["id"], Pt = {
 					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, It)) : (T(), o("div", h({
+			], 8, Lt)) : (T(), o("div", h({
 				key: 1,
 				ref_key: "comboRef",
 				ref: p,
@@ -1502,17 +1516,17 @@ var Nt = ["id"], Pt = {
 			}, 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,
+				onClick: X,
+				onKeydown: ne,
 				onFocus: W,
-				onBlur: J
+				onBlur: q
 			}), [
 				c(P(N.value[z.value] ? N.value[z.value].label : "") + " ", 1),
-				ie.value ? (T(), o("button", {
+				ae.value ? (T(), o("button", {
 					key: 0,
 					type: "button",
 					class: "g-select-clear-btn",
-					onClick: X(ae, ["stop"])
+					onClick: te(oe, ["stop"])
 				}, [...r[2] ||= [s("svg", {
 					role: "img",
 					"aria-label": "Clear Selection",
@@ -1533,7 +1547,7 @@ var Nt = ["id"], Pt = {
 					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, Rt)), Y(s("div", h({
+			], 16, zt)), Y(s("div", h({
 				ref_key: "listboxRef",
 				ref: m,
 				class: ["g-select-combo-menu g-select-list", { "g-select-combo-menu--above": R(E) === "above" }],
@@ -1549,40 +1563,40 @@ var Nt = ["id"], Pt = {
 				}]),
 				role: "option",
 				"aria-selected": e.value === d.value ? "true" : "false",
-				onMousedown: re,
-				onClick: (e) => ne(t)
+				onMousedown: ie,
+				onClick: (e) => re(t)
 			}, [A(n.$slots, "option", {
 				option: e,
 				selected: e.value === d.value,
 				index: t
-			}, () => [c(P(e.label), 1)])], 42, Bt))), 128)) : (T(), o("div", Vt, " No results found. "))], 16, zt), [[G, y.value]])]),
+			}, () => [c(P(e.label), 1)])], 42, Vt))), 128)) : (T(), o("div", Ht, " No results found. "))], 16, Bt), [[ee, y.value]])]),
 			l(je, {
 				errors: R(C),
 				id: "error-message-" + R(f)
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), Ut = ["aria-label"], Wt = [
+}), Wt = ["aria-label"], Gt = [
 	"placeholder",
 	"value",
 	"aria-expanded",
 	"aria-controls",
 	"aria-activedescendant"
-], Gt = {
+], Kt = {
 	key: 0,
 	class: "g-search-dropdown"
-}, Kt = {
+}, qt = {
 	"aria-live": "polite",
 	class: "g-search-result-count"
-}, qt = ["id"], Jt = ["aria-label"], Yt = { class: "g-search-group-label" }, Xt = [
+}, Jt = ["id"], Yt = ["aria-label"], Xt = { class: "g-search-group-label" }, Zt = [
 	"id",
 	"onMousedown",
 	"aria-selected"
-], Zt = [
+], Qt = [
 	"id",
 	"onMousedown",
 	"aria-selected"
-], Qt = /* @__PURE__ */ u({
+], $t = /* @__PURE__ */ u({
 	__name: "GSearch",
 	props: /*@__PURE__*/ m({
 		results: {},
@@ -1610,7 +1624,7 @@ var Nt = ["id"], Pt = {
 				e && e.scrollIntoView({ block: "nearest" });
 			});
 		}
-		let { focused: S } = ae(f);
+		let { focused: S } = se(f);
 		function C(e) {
 			let t = e.altKey;
 			if (e.key === "ArrowDown") {
@@ -1634,7 +1648,7 @@ var Nt = ["id"], Pt = {
 		function w(e) {
 			d("select", e), l.value = "", m.value = !0, h.value = -1;
 		}
-		let E = r(() => !!u.loading), D = r(() => S.value && !m.value), j = ie(() => {
+		let E = r(() => !!u.loading), D = r(() => S.value && !m.value), j = oe(() => {
 			d("submit", l.value);
 		}, 300);
 		K(() => l.value, (e) => {
@@ -1647,7 +1661,7 @@ var Nt = ["id"], Pt = {
 			"aria-label": u.label
 		}, [s("form", {
 			class: "g-search-form",
-			onSubmit: n[0] ||= X((e) => w(null), ["prevent"])
+			onSubmit: n[0] ||= te((e) => w(null), ["prevent"])
 		}, [s("input", {
 			ref_key: "inputRef",
 			ref: f,
@@ -1663,12 +1677,12 @@ var Nt = ["id"], Pt = {
 			"aria-autocomplete": "list",
 			"aria-controls": `${R(M)}-list`,
 			"aria-activedescendant": h.value >= 0 ? "g-search-option-" + v.value[h.value].id : void 0
-		}, null, 40, Wt), s("button", {
+		}, null, 40, Gt), s("button", {
 			type: "submit",
 			class: "g-search-submit",
 			"aria-label": "Submit search",
 			onKeydown: C
-		}, [E.value ? (T(), i(wt, {
+		}, [E.value ? (T(), i(Tt, {
 			key: 0,
 			size: "tiny"
 		})) : a("", !0), n[1] ||= s("svg", {
@@ -1679,7 +1693,7 @@ var Nt = ["id"], Pt = {
 		}, [s("path", {
 			fill: "currentColor",
 			d: "M30 9.76A14.05 14.05 0 1 0 28.3 31l11.3 13a3.34 3.34 0 0 0 4.72-4.72L31.44 27.86A14.05 14.05 0 0 0 30 9.76ZM27.27 27a10.26 10.26 0 1 1 0-14.5 10.25 10.25 0 0 1 0 14.5Z"
-		})], -1)], 32)], 32), D.value ? (T(), o("div", 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", {
+		})], -1)], 32)], 32), D.value ? (T(), o("div", Kt, [s("div", qt, [E.value ? a("", !0) : (T(), o(e, { key: 0 }, [c(P(y.value) + " result" + P(y.value === 1 ? "" : "s"), 1)], 64))]), s("div", {
 			role: "listbox",
 			id: `${R(M)}-list`,
 			ref_key: "listboxRef",
@@ -1690,29 +1704,29 @@ var Nt = ["id"], Pt = {
 			class: "g-search-group",
 			role: "group",
 			"aria-label": n.label
-		}, [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", {
+		}, [A(t.$slots, "group", { group: n }, () => [s("div", Xt, P(n.label), 1)]), (T(!0), o(e, null, k(n.items, (e, n) => (T(), o("div", {
 			key: e.id,
 			id: "g-search-option-" + e.id,
 			class: _(["g-search-option", { "g-search-option-active": v.value[h.value] && v.value[h.value].id === e.id }]),
 			role: "option",
-			onMousedown: X((t) => w(e), ["prevent"]),
+			onMousedown: te((t) => w(e), ["prevent"]),
 			"aria-selected": v.value[h.value] && v.value[h.value].id === e.id
-		}, [A(t.$slots, "option", { option: e }, () => [c(P(e.title), 1)])], 42, Xt))), 128))], 8, Jt))), 128)) : y.value > 0 ? (T(!0), o(e, { key: 1 }, k(v.value, (e, n) => (T(), o("div", {
+		}, [A(t.$slots, "option", { option: e }, () => [c(P(e.title), 1)])], 42, Zt))), 128))], 8, Yt))), 128)) : y.value > 0 ? (T(!0), o(e, { key: 1 }, k(v.value, (e, n) => (T(), o("div", {
 			key: e.id,
 			id: "g-search-option-" + e.id,
 			class: _(["g-search-option", { "g-search-option-active": h.value === n }]),
 			role: "option",
-			onMousedown: X((t) => w(e), ["prevent"]),
+			onMousedown: te((t) => w(e), ["prevent"]),
 			"aria-selected": h.value === n
-		}, [A(t.$slots, "option", { option: e }, () => [c(P(e.title), 1)])], 42, Zt))), 128)) : a("", !0)], 8, qt)])) : a("", !0)], 8, Ut));
+		}, [A(t.$slots, "option", { option: e }, () => [c(P(e.title), 1)])], 42, Qt))), 128)) : a("", !0)], 8, Jt)])) : a("", !0)], 8, Wt));
 	}
-}), $t = { class: /*@__PURE__*/ _({ "g-app-header": !0 }) }, en = { class: "g-app-header__brand" }, tn = {
+}), en = { class: /*@__PURE__*/ _({ "g-app-header": !0 }) }, tn = { class: "g-app-header__brand" }, nn = {
 	class: "g-app-header__brand-text",
 	href: "/"
-}, nn = {
+}, rn = {
 	key: 0,
 	class: "g-app-header__block-i-container"
-}, rn = { class: "g-app-header__title" }, an = { class: "g-app-header__app-controls-wrap" }, on = /* @__PURE__ */ u({
+}, an = { class: "g-app-header__title" }, on = { class: "g-app-header__app-controls-wrap" }, sn = /* @__PURE__ */ u({
 	__name: "GAppHeader",
 	props: {
 		illinois: {
@@ -1722,10 +1736,10 @@ var Nt = ["id"], Pt = {
 		brand: { default: "GRAD" }
 	},
 	setup(e) {
-		return (t, n) => (T(), o("header", $t, [
+		return (t, n) => (T(), o("header", en, [
 			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", en, [A(t.$slots, "left", {}, () => [s("a", tn, P(e.brand), 1)])]),
-			e.illinois ? (T(), o("div", nn, [...n[0] ||= [s("svg", {
+			s("div", tn, [A(t.$slots, "left", {}, () => [s("a", nn, P(e.brand), 1)])]),
+			e.illinois ? (T(), o("div", rn, [...n[0] ||= [s("svg", {
 				class: "g-app-header__block-i",
 				role: "img",
 				width: "55",
@@ -1742,29 +1756,29 @@ var Nt = ["id"], Pt = {
 					d: "M42.1 18.1h9V3H3v15h9c1.7 0 3 1.3 3 3v36.1c0 1.7-1.3 3-3 3H3v15h48.1v-15h-9c-1.7 0-3-1.3-3-3v-36c0-1.7 1.4-3 3-3z"
 				})
 			], -1)]])) : A(t.$slots, "icon", { key: 1 }),
-			s("div", rn, [A(t.$slots, "title")]),
-			s("div", an, [A(t.$slots, "app-controls", { class: "g-app-header__app-controls" })])
+			s("div", an, [A(t.$slots, "title")]),
+			s("div", on, [A(t.$slots, "app-controls", { class: "g-app-header__app-controls" })])
 		]));
 	}
 });
 //#endregion
 //#region src/compose/useWebComponentSidebar.ts
-function sn(e) {
+function cn(e) {
 	return e.replace(/[^a-zA-Z0-9_-]/g, "-");
 }
-function cn() {
+function ln() {
 	let e = globalThis;
 	return e.__GRAD_VUE_WC_SIDEBAR_CHANNELS__ ||= /* @__PURE__ */ new Map(), e.__GRAD_VUE_WC_SIDEBAR_CHANNELS__;
 }
-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)";
+function un(e = "default", t) {
+	let n = ln(), r = e || "default", i = typeof t == "string" ? t : t?.value, a = i && i.trim() ? i : "(max-width: 800px)";
 	if (!n.has(r)) {
-		let e = sn(r), t = O(a);
+		let e = cn(r), t = O(a);
 		n.set(r, {
 			id: `g-wc-sidebar-${e}`,
 			open: O(!1),
 			breakpoint: t,
-			isCollapsible: se(t, { ssrWidth: 1e3 }),
+			isCollapsible: le(t, { ssrWidth: 1e3 }),
 			toggle: () => void 0
 		});
 	}
@@ -1796,8 +1810,8 @@ function ln(e = "default", t) {
 }
 //#endregion
 //#region src/compose/useScrollRestore.ts
-function un(e, t) {
-	let n = t ? ue(`${t}:scroll`, 0, { writeDefaults: !1 }) : null, r = O(!!(n?.value && n.value > 0)), i = null, a = null, o = null, s = !1;
+function dn(e, t) {
+	let n = t ? fe(`${t}:scroll`, 0, { writeDefaults: !1 }) : null, r = O(!!(n?.value && n.value > 0)), i = null, a = null, o = null, s = !1;
 	function c(e) {
 		let t = window.getComputedStyle(e);
 		return t.overflowY === "auto" || t.overflowY === "scroll";
@@ -1879,7 +1893,7 @@ function un(e, t) {
 }
 //#endregion
 //#region src/components/GSidebar.vue?vue&type=script&setup=true&lang.ts
-var dn = ["id"], fn = /* @__PURE__ */ u({
+var fn = ["id"], pn = /* @__PURE__ */ u({
 	__name: "GSidebar",
 	props: {
 		backgroundColor: { default: "" },
@@ -1893,7 +1907,7 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 		storageKey: {}
 	},
 	setup(e) {
-		let t = e, n = p("sidebar", () => void 0, !0) ?? (fe() ? ln(t.sidebarKey, I(t, "mediaQuery")) : void 0), i = r(() => t.backgroundImage ? t.backgroundImage : t.theme === "light" ? "none" : "url('https://gradcdn.blob.core.windows.net/public/sidebar-bg2.jpg')"), a = r(() => t.backgroundColor ? t.backgroundColor : t.theme === "light" ? "#f9f9f9" : "#030913"), s = r(() => t.topOffsetVar ? `var(${t.topOffsetVar})` : t.topOffset ? t.topOffset : "var(--g-toolbar-height)"), c = B(), { isPendingScrollRestore: l } = un(U("sidebar-ref"), t.storageKey);
+		let t = e, n = p("sidebar", () => void 0, !0) ?? (Z() ? un(t.sidebarKey, I(t, "mediaQuery")) : void 0), i = r(() => t.backgroundImage ? t.backgroundImage : t.theme === "light" ? "none" : "url('https://gradcdn.blob.core.windows.net/public/sidebar-bg2.jpg')"), a = r(() => t.backgroundColor ? t.backgroundColor : t.theme === "light" ? "#f9f9f9" : "#030913"), s = r(() => t.topOffsetVar ? `var(${t.topOffsetVar})` : t.topOffset ? t.topOffset : "var(--g-toolbar-height)"), c = B(), { isPendingScrollRestore: l } = dn(U("sidebar-ref"), t.storageKey);
 		function u(e) {
 			e.key === "Escape" && n?.isCollapsible?.value && n?.open?.value && (n.open.value = !1, document.getElementById(`${n.id}-hamburger`)?.focus());
 		}
@@ -1914,13 +1928,13 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 				width: "var(--g-sidebar-width)"
 			}),
 			onKeydown: u
-		}, [A(t.$slots, "default")], 46, dn));
+		}, [A(t.$slots, "default")], 46, fn));
 	}
-}), pn = ["id"], mn = { class: "g-sidebar-menu__list" }, hn = [
+}), mn = ["id"], hn = { class: "g-sidebar-menu__list" }, gn = [
 	"href",
 	"aria-current",
 	"onClick"
-], gn = /* @__PURE__ */ u({
+], _n = /* @__PURE__ */ u({
 	__name: "GSidebarMenu",
 	props: /*@__PURE__*/ m({
 		heading: {},
@@ -1968,13 +1982,13 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 				key: 0,
 				id: R(y),
 				class: "g-sidebar-menu__title"
-			}, P(t.heading), 9, pn)) : a("", !0),
+			}, P(t.heading), 9, mn)) : 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", mn, [(T(!0), o(e, null, k(t.items, (e) => (T(), o("li", {
+			}, [s("ul", hn, [(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,
@@ -1992,24 +2006,24 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 				href: e.href || e.to || "#",
 				"aria-current": u.value === (e.href || "") ? "location" : void 0,
 				onClick: (t) => v(t, e)
-			}, P(e.label), 11, hn))]))), 128))])], 512)
+			}, P(e.label), 11, gn))]))), 128))])], 512)
 		], 16));
 	}
-}), _n = {
+}), vn = {
 	mounted(e, t) {
-		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);
+		let n = O(null), r = O(!1), i = O(!1), a = O(t.value), o = null, s = !1, c = ct(e), l = () => {
+			n.value || (n.value = lt(a.value, c), ut(n.value), o = new ResizeObserver(() => {
+				n.value && (r.value || i.value) && dt(e, n.value);
 			}), o.observe(n.value));
 		};
 		q(() => {
 			n.value && (n.value.textContent = a.value);
 		});
 		let u = () => {
-			n.value && (r.value || i.value) && ut(e, n.value);
+			n.value && (r.value || i.value) && dt(e, n.value);
 		};
 		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(() => {
+			r.value || i.value ? (l(), n.value && dt(e, n.value), s ||= (window.addEventListener("scroll", u, { capture: !0 }), !0)) : (s &&= (window.removeEventListener("scroll", u, { capture: !0 }), !1), n.value && (ft(n.value), setTimeout(() => {
 				e.dispatchEvent(new CustomEvent("tooltip-hide"));
 			}, 150)));
 		});
@@ -2047,7 +2061,7 @@ var dn = ["id"], fn = /* @__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");
 	}
-}, vn = { class: "g-clipboard-text" }, yn = /* @__PURE__ */ u({
+}, yn = { class: "g-clipboard-text" }, bn = /* @__PURE__ */ u({
 	__name: "GClipboard",
 	props: {
 		text: {},
@@ -2055,12 +2069,12 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 		copyLabel: {}
 	},
 	setup(t) {
-		let n = t, r = _n, { text: i, copy: l, copied: u, isSupported: d } = re({ source: n.text }), f = O(n.copyLabel ?? "Copy to clipboard"), p = () => {
+		let n = t, r = vn, { text: i, copy: l, copied: u, isSupported: d } = ae({ 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) => (T(), o("div", vn, [t.hideText ? a("", !0) : (T(), o(e, { key: 0 }, [c(P(n.text), 1)], 64)), Y((T(), o("button", {
+		return (i, l) => (T(), o("div", yn, [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,
@@ -2071,21 +2085,21 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 640 640",
 			height: "1.125rem",
-			role: "none presentation"
+			role: "none"
 		}, [s("path", {
 			fill: "currentColor",
 			d: "M480 400L288 400C279.2 400 272 392.8 272 384L272 128C272 119.2 279.2 112 288 112L421.5 112C425.7 112 429.8 113.7 432.8 116.7L491.3 175.2C494.3 178.2 496 182.3 496 186.5L496 384C496 392.8 488.8 400 480 400zM288 448L480 448C515.3 448 544 419.3 544 384L544 186.5C544 169.5 537.3 153.2 525.3 141.2L466.7 82.7C454.7 70.7 438.5 64 421.5 64L288 64C252.7 64 224 92.7 224 128L224 384C224 419.3 252.7 448 288 448zM160 192C124.7 192 96 220.7 96 256L96 512C96 547.3 124.7 576 160 576L352 576C387.3 576 416 547.3 416 512L416 496L368 496L368 512C368 520.8 360.8 528 352 528L160 528C151.2 528 144 520.8 144 512L144 256C144 247.2 151.2 240 160 240L176 240L176 192L160 192z"
 		})], -1)]], 32)), [[R(r), f.value]])]));
 	}
-}), bn = { class: "g-history-scroller-wrapper" }, xn = {
+}), xn = { class: "g-history-scroller-wrapper" }, Sn = {
 	key: 0,
 	class: "g-history-shadow g-history-shadow--top",
 	"aria-hidden": "true"
-}, Sn = {
+}, Cn = {
 	key: 1,
 	class: "g-history-shadow g-history-shadow--bottom",
 	"aria-hidden": "true"
-}, Cn = ["role", "aria-label"], wn = /* @__PURE__ */ u({
+}, wn = ["role", "aria-label"], Tn = /* @__PURE__ */ u({
 	__name: "GHistoryScroller",
 	props: {
 		label: {},
@@ -2109,17 +2123,17 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 		}
 		S(() => {
 			g(f);
-		}), le(i, () => {
+		}), de(i, () => {
 			u.value && f();
-		}), le(c, () => {
+		}), de(c, () => {
 			u.value && f();
 		}), K(() => n.entries, async () => {
 			u.value && (await g(), f());
 		});
 		let m = r(() => [...n.entries].reverse());
-		return (n, r) => (T(), o("div", bn, [
-			d.value ? a("", !0) : (T(), o("div", xn)),
-			u.value ? a("", !0) : (T(), o("div", Sn)),
+		return (n, r) => (T(), o("div", xn, [
+			d.value ? a("", !0) : (T(), o("div", Sn)),
+			u.value ? a("", !0) : (T(), o("div", Cn)),
 			s("div", {
 				ref_key: "scrollerRef",
 				ref: i,
@@ -2154,31 +2168,31 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 				key: e.id,
 				class: "g-history-entry",
 				tabindex: "-1"
-			}, [A(n.$slots, "default", { entry: e })]))), 128))], 512)], 40, Cn)
+			}, [A(n.$slots, "default", { entry: e })]))), 128))], 512)], 40, wn)
 		]));
 	}
-}), Tn = { class: "g-three-way-toggle-wrapper" }, En = { class: "g-three-way-toggle-control" }, Dn = ["id"], On = [
+}), En = { class: "g-three-way-toggle-wrapper" }, Dn = { class: "g-three-way-toggle-control" }, On = ["id"], kn = [
 	"aria-labelledby",
 	"aria-describedby",
 	"disabled",
 	"aria-invalid",
 	"aria-errormessage"
-], kn = { key: 0 }, An = { key: 1 }, jn = { key: 2 }, Mn = ["for"], Nn = [
+], An = { key: 0 }, jn = { key: 1 }, Mn = { key: 2 }, Nn = ["for"], Pn = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], Pn = ["for"], Fn = [
+], Fn = ["for"], In = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], In = ["for"], Ln = [
+], Ln = ["for"], Rn = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], Rn = ["id"], zn = /* @__PURE__ */ u({
+], zn = ["id"], Bn = /* @__PURE__ */ u({
 	__name: "GThreeWayToggle",
 	props: /*@__PURE__*/ m({
 		label: {},
@@ -2212,10 +2226,10 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 		function b(e) {
 			n.disabled || (e.key === "n" || e.key === "N" ? (u(!1), e.preventDefault()) : (e.key === "y" || e.key === "Y") && (u(!0), e.preventDefault()));
 		}
-		return (t, n) => (T(), o("div", Tn, [s("div", En, [s("span", {
+		return (t, n) => (T(), o("div", En, [s("div", Dn, [s("span", {
 			class: "g-label",
 			id: R(p)
-		}, [A(t.$slots, "label", {}, () => [c(P(e.label), 1)])], 8, Dn), s("fieldset", {
+		}, [A(t.$slots, "label", {}, () => [c(P(e.label), 1)])], 8, On), s("fieldset", {
 			class: _(["g-three-way-toggle", { "g-has-error": e.error }]),
 			role: "radiogroup",
 			"aria-labelledby": R(p),
@@ -2227,7 +2241,7 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 			s("span", {
 				class: _(["g-toggle-thumb", y.value]),
 				"aria-hidden": "true"
-			}, [i.value === !1 ? (T(), o("span", kn, "NO")) : i.value === !0 ? (T(), o("span", An, "YES")) : (T(), o("span", jn))], 2),
+			}, [i.value === !1 ? (T(), o("span", An, "NO")) : i.value === !0 ? (T(), o("span", jn, "YES")) : (T(), o("span", Mn))], 2),
 			s("label", {
 				for: R(h),
 				class: "g-toggle-option g-left",
@@ -2241,7 +2255,7 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 				value: "false",
 				disabled: e.disabled,
 				onChange: n[0] ||= (e) => d(!1)
-			}, null, 40, Nn), n[5] ||= s("span", { class: "ilw-sr-only" }, "No", -1)], 40, Mn),
+			}, null, 40, Pn), n[5] ||= s("span", { class: "ilw-sr-only" }, "No", -1)], 40, Nn),
 			s("label", {
 				for: R(g),
 				class: "g-toggle-option g-center",
@@ -2253,7 +2267,7 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 				checked: i.value === null,
 				disabled: e.disabled,
 				onChange: n[2] ||= (e) => d(null)
-			}, null, 40, Fn), n[6] ||= s("span", { class: "ilw-sr-only" }, "Unset", -1)], 40, Pn),
+			}, null, 40, In), n[6] ||= s("span", { class: "ilw-sr-only" }, "Unset", -1)], 40, Fn),
 			s("label", {
 				for: R(v),
 				class: "g-toggle-option g-right",
@@ -2267,53 +2281,54 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 				checked: i.value === !0,
 				disabled: e.disabled,
 				onChange: n[3] ||= (e) => d(!0)
-			}, null, 40, Ln), n[7] ||= s("span", { class: "ilw-sr-only" }, "Yes", -1)], 40, In)
-		], 2)], 10, On)]), e.error ? (T(), o("div", {
+			}, null, 40, Rn), n[7] ||= s("span", { class: "ilw-sr-only" }, "Yes", -1)], 40, Ln)
+		], 2)], 10, kn)]), e.error ? (T(), o("div", {
 			key: 0,
 			id: `${R(p)}-error`,
 			class: "g-form-error",
 			role: "alert",
 			"aria-atomic": "true"
-		}, P(e.error), 9, Rn)) : a("", !0)]));
+		}, P(e.error), 9, zn)) : a("", !0)]));
 	}
-}), Bn = {
+}), Vn = {
 	ref: "tableBodyRef",
 	class: "efficient-table-body"
-}, Vn = ["aria-rowindex"], Hn = {
+}, Hn = ["aria-rowindex"], Un = {
 	key: 0,
 	class: "table-group-checkbox"
-}, Un = ["colspan"], Wn = [
+}, Wn = ["colspan"], Gn = [
 	"aria-rowindex",
 	"onMousedown",
 	"onClick"
-], Gn = [
+], Kn = [
 	"checked",
 	"onClick",
 	"aria-label",
 	"name"
-], Kn = ["id"], qn = {
+], qn = ["id"], Jn = {
 	key: 0,
 	class: "editable-cell"
-}, Jn = {
+}, Yn = {
 	key: 0,
 	class: "cell-prefix"
-}, Yn = [
+}, Xn = [
 	"value",
 	"onChange",
 	"aria-labelledby",
 	"aria-invalid",
+	"aria-errormessage",
 	"name"
-], Xn = ["value"], Zn = [
+], Zn = ["value"], Qn = [
 	"value",
 	"onInput",
 	"aria-labelledby",
 	"aria-invalid",
 	"aria-errormessage",
 	"name"
-], Qn = {
+], $n = {
 	key: 3,
 	class: "cell-suffix"
-}, $n = ["id"], er = /* @__PURE__ */ u({
+}, er = ["id"], tr = /* @__PURE__ */ u({
 	__name: "GTableBody",
 	props: {
 		data: {},
@@ -2382,13 +2397,13 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 		function C(e, t) {
 			if (l.changeTracker) return l.changeTracker.getError(e.key, t.key);
 		}
-		return (n, r) => (T(), o("tbody", Bn, [(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", {
+		return (n, r) => (T(), o("tbody", Vn, [(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 ? (T(), o("td", Hn)) : a("", !0), s("td", {
+		}, [t.bulkSelectionEnabled ? (T(), o("td", Un)) : a("", !0), s("td", {
 			colspan: t.columns.length,
 			class: "table-group-row"
-		}, [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, Un)], 8, Vn)) : 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, Wn)], 8, Hn)) : a("", !0), s("tr", {
 			class: _([
 				"efficient-table-row",
 				{
@@ -2403,7 +2418,7 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 		}, [t.bulkSelectionEnabled ? (T(), o("td", {
 			key: 0,
 			class: "td-checkbox",
-			onClick: r[0] ||= X(() => {}, ["stop"])
+			onClick: r[0] ||= te(() => {}, ["stop"])
 		}, [s("input", {
 			type: "checkbox",
 			checked: p(n.key),
@@ -2411,7 +2426,7 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 			"aria-label": `Select row ${n.key}`,
 			name: `row-${n.key}-checkbox`,
 			class: "g-bulk-select-checkbox"
-		}, null, 8, Gn)])) : a("", !0), (T(!0), o(e, null, k(t.columns, (r) => (T(), o("td", {
+		}, null, 8, Kn)])) : 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: _([
@@ -2420,20 +2435,21 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 				S(n, r) ? "g-cell-error" : "",
 				typeof r.tdClass == "function" ? r.tdClass(n) : r.tdClass
 			])
-		}, [r.editable ? (T(), o("div", qn, [
-			r.editable.prefix ? (T(), o("span", Jn, P(r.editable.prefix), 1)) : a("", !0),
+		}, [r.editable ? (T(), o("div", Jn, [
+			r.editable.prefix ? (T(), o("span", Yn, 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),
 				"aria-labelledby": v(n, r),
 				"aria-invalid": S(n, r),
+				"aria-errormessage": S(n, r) ? `${t.tableId}-error-${n.key}-${String(r.key)}` : void 0,
 				name: `row-${n.key}-${String(r.key)}-select`,
 				class: "editable-input editable-select"
 			}, [(T(!0), o(e, null, k(r.editable.options, (e) => (T(), o("option", {
 				key: e.value,
 				value: e.value
-			}, P(e.label), 9, Xn))), 128))], 40, Yn)) : (T(), o("input", h({
+			}, P(e.label), 9, Zn))), 128))], 40, Xn)) : (T(), o("input", h({
 				key: 2,
 				value: n[r.key]
 			}, { ref_for: !0 }, r.editable.inputAttributes, {
@@ -2447,24 +2463,24 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 					paddingLeft: r.editable.prefix ? "1.5rem" : void 0,
 					paddingRight: r.editable.suffix ? "2rem" : void 0
 				}
-			}), null, 16, Zn)),
-			r.editable.suffix ? (T(), o("span", Qn, P(r.editable.suffix), 1)) : a("", !0)
+			}), null, 16, Qn)),
+			r.editable.suffix ? (T(), o("span", $n, 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)}`
-		}, P(C(n, r)), 9, $n)) : a("", !0)], 10, Kn))), 128))], 42, Wn)], 64))), 128))], 512));
+		}, P(C(n, r)), 9, er)) : a("", !0)], 10, qn))), 128))], 42, Gn)], 64))), 128))], 512));
 	}
-}), tr = ["id", "for"], nr = {
+}), nr = ["id", "for"], rr = {
 	key: 0,
 	class: "g-multiselect-required",
 	"aria-hidden": "true"
-}, rr = ["id"], ir = ["aria-labelledby"], ar = { class: "g-multiselect-chip-label" }, or = [
+}, ir = ["id"], ar = ["aria-labelledby"], or = { class: "g-multiselect-chip-label" }, sr = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], sr = [
+], cr = [
 	"id",
 	"value",
 	"placeholder",
@@ -2474,23 +2490,23 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 	"aria-activedescendant",
 	"aria-describedby",
 	"aria-required"
-], cr = ["id"], lr = [
+], lr = ["id"], ur = [
 	"id",
 	"aria-selected",
 	"onClick"
-], ur = {
+], dr = {
 	class: "g-multiselect-option-check",
 	"aria-hidden": "true"
-}, dr = {
+}, fr = {
 	key: 0,
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 640 640",
 	width: "1.25em"
-}, fr = {
+}, pr = {
 	key: 1,
 	"aria-live": "polite",
 	class: "g-multiselect-option g-multiselect-no-results"
-}, pr = /* @__PURE__ */ u({
+}, mr = /* @__PURE__ */ u({
 	__name: "GMultiSelect",
 	props: /*@__PURE__*/ m({
 		options: {},
@@ -2523,13 +2539,13 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 			value: d,
 			errors: I(i, "errors"),
 			formKey: i.formKey
-		}), { menuPlacement: E, menuStyle: D, isTop: A, scrollOptionIntoView: j } = Mt({
+		}), { menuPlacement: E, menuStyle: D, isTop: A, scrollOptionIntoView: j } = Nt({
 			open: y,
 			anchorRef: m,
 			listboxRef: v,
 			baseId: f,
 			activeIndex: b
-		}), M = r(() => jt(i.options)), N = r(() => {
+		}), M = r(() => Mt(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));
@@ -2558,16 +2574,16 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 			let t = d.value.filter((t) => t !== e);
 			d.value = t, u("change", t);
 		}
-		function K() {
+		function G() {
 			i.disabled || (p.value?.focus(), y.value || z());
 		}
-		function q(e) {
+		function K(e) {
 			x.value = e.target.value, b.value = 0, y.value || z();
 		}
-		function J() {
+		function q() {
 			i.disabled || y.value || z();
 		}
-		function ee(e) {
+		function J(e) {
 			if (S.value) {
 				S.value = !1;
 				return;
@@ -2575,13 +2591,13 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 			let t = e.relatedTarget;
 			t && v.value?.contains(t) || t && m.value?.contains(t) || H();
 		}
-		function Z(e) {
+		function X(e) {
 			e.preventDefault();
 		}
-		function te() {
+		function ne() {
 			S.value = !0;
 		}
-		function ne(e) {
+		function re(e) {
 			if (i.disabled) return;
 			let t = N.value.length - 1;
 			switch (e.key) {
@@ -2611,9 +2627,9 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 					break;
 			}
 		}
-		let re = r(() => `${f}-input`), ie = r(() => `${f}-label`), ae = r(() => `${f}-instructions`), oe = r(() => `error-message-${f}`), se = r(() => {
+		let ie = r(() => `${f}-input`), ae = r(() => `${f}-label`), oe = r(() => `${f}-instructions`), se = r(() => `error-message-${f}`), ce = r(() => {
 			let e = [];
-			return i.instructions && e.push(ae.value), w.value && e.push(oe.value), e.length > 0 ? e.join(" ") : void 0;
+			return i.instructions && e.push(oe.value), w.value && e.push(se.value), e.length > 0 ? e.join(" ") : void 0;
 		});
 		return (n, r) => (T(), o("div", { class: _(["g-multiselect-root", {
 			"g-multiselect-open": y.value,
@@ -2621,50 +2637,51 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 		}]) }, [
 			t.hiddenLabel ? a("", !0) : (T(), o("label", {
 				key: 0,
-				id: ie.value,
-				for: re.value,
+				id: ae.value,
+				for: ie.value,
 				class: "g-multiselect-label"
-			}, [c(P(t.label), 1), t.required ? (T(), o("span", nr, " *")) : a("", !0)], 8, tr)),
+			}, [c(P(t.label), 1), t.required ? (T(), o("span", rr, " *")) : a("", !0)], 8, nr)),
 			t.instructions ? (T(), o("div", {
 				key: 1,
-				id: ae.value,
+				id: oe.value,
 				class: "g-multiselect-instructions"
-			}, P(t.instructions), 9, rr)) : a("", !0),
+			}, P(t.instructions), 9, ir)) : a("", !0),
 			s("div", {
 				ref_key: "controlRef",
 				ref: m,
 				class: _(["g-multiselect-control", { "g-multiselect-control--disabled": t.disabled }]),
-				onClick: K
+				onClick: G
 			}, [
-				s("ul", {
+				d.value.length ? (T(), o("ul", {
+					key: 0,
 					class: "g-multiselect-chips",
-					"aria-labelledby": ie.value
+					"aria-labelledby": ae.value
 				}, [(T(!0), o(e, null, k(d.value, (e) => (T(), o("li", {
 					key: e,
 					class: "g-multiselect-chip"
-				}, [s("span", ar, P(L(e)), 1), s("button", {
+				}, [s("span", or, P(L(e)), 1), s("button", {
 					type: "button",
 					class: "g-multiselect-chip-remove",
 					"aria-label": `Remove ${L(e)}`,
 					disabled: t.disabled,
-					onMousedown: te,
-					onClick: X((t) => W(e), ["stop"])
+					onMousedown: ne,
+					onClick: te((t) => W(e), ["stop"])
 				}, [...r[0] ||= [s("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					viewBox: "0 0 51.26 51.26",
 					width: "1em",
-					role: "none presentation"
+					role: "none"
 				}, [s("path", {
 					fill: "currentColor",
 					d: "m37.84 32.94-7.63-7.63 7.63-7.63a3.24 3.24 0 0 0-4.58-4.58l-7.63 7.63L18 13.1a3.24 3.24 0 0 0-4.58 4.58L21 25.31l-7.62 7.63A3.24 3.24 0 1 0 18 37.52l7.63-7.63 7.63 7.63a3.24 3.24 0 0 0 4.58-4.58Z"
-				})], -1)]], 40, or)]))), 128))], 8, ir),
+				})], -1)]], 40, sr)]))), 128))], 8, ar)) : a("", !0),
 				s("input", h({
 					ref_key: "inputRef",
 					ref: p,
 					type: "text",
 					role: "combobox",
 					class: "g-multiselect-input",
-					id: re.value,
+					id: ie.value,
 					value: x.value,
 					placeholder: d.value.length === 0 ? t.placeholder : void 0,
 					disabled: t.disabled,
@@ -2675,13 +2692,13 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 					"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-describedby": ce.value,
 					"aria-required": t.required ? "true" : void 0,
-					onInput: q,
-					onKeydown: ne,
-					onFocus: J,
-					onBlur: ee
-				}), null, 16, sr),
+					onInput: K,
+					onKeydown: re,
+					onFocus: q,
+					onBlur: J
+				}), null, 16, cr),
 				r[2] ||= s("svg", {
 					class: "g-multiselect-caret",
 					xmlns: "http://www.w3.org/2000/svg",
@@ -2698,7 +2715,7 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 					id: R(f) + "-listbox",
 					role: "listbox",
 					"aria-multiselectable": "true"
-				}, t.hiddenLabel ? { "aria-label": t.label } : { "aria-labelledby": ie.value }, {
+				}, t.hiddenLabel ? { "aria-label": t.label } : { "aria-labelledby": ae.value }, {
 					class: ["g-multiselect-listbox", { "g-multiselect-listbox--above": R(E) === "above" }],
 					style: R(D),
 					tabindex: "-1"
@@ -2711,41 +2728,41 @@ var dn = ["id"], fn = /* @__PURE__ */ u({
 						"g-multiselect-option--selected": F(e.value)
 					}]),
 					"aria-selected": F(e.value) ? "true" : "false",
-					onMousedown: Z,
+					onMousedown: X,
 					onClick: (e) => U(t)
-				}, [s("span", ur, [F(e.value) ? (T(), o("svg", dr, [...r[1] ||= [s("path", { d: "M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z" }, null, -1)]])) : a("", !0)]), c(" " + P(e.label), 1)], 42, lr))), 128)) : (T(), o("div", fr, " No results found. "))], 16, cr), [[G, y.value]])
+				}, [s("span", dr, [F(e.value) ? (T(), o("svg", fr, [...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, ur))), 128)) : (T(), o("div", pr, " No results found. "))], 16, lr), [[ee, y.value]])
 			], 2),
 			l(je, {
 				errors: R(C),
-				id: oe.value
+				id: se.value
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
 });
 //#endregion
 //#region src/compose/useFiltering.ts
-function mr(e) {
+function hr(e) {
 	if (!(Array.isArray(e) && e.length === 0) && !(e === null || e === !1 || e === "")) return e;
 }
-function hr(e) {
+function gr(e) {
 	return Object.fromEntries(Object.entries(e).filter(([e, t]) => t && (!Array.isArray(t) || t.length > 0)));
 }
-function gr(e) {
+function _r(e) {
 	if (e != null) return Array.isArray(e) ? e.filter((e) => e != null) : [e];
 }
-function _r(e) {
+function vr(e) {
 	let t = {};
 	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 vr(e) {
+function yr(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 yr(e, t = {}) {
+function br(e, t = {}) {
 	let n = D(Object.fromEntries(Object.entries(e).map(([e, t]) => [e, t]))), i = t.syncWith;
 	if (i) {
 		if (i.value) {
@@ -2758,13 +2775,13 @@ function yr(e, t = {}) {
 			});
 		}
 		K(n, (e) => {
-			i.value = vr(e);
+			i.value = yr(e);
 		}, { deep: !0 });
 	}
 	return {
 		filters: n,
 		isFiltered: r(() => {
-			for (let t of Object.keys(e)) if (mr(n[t])) return !0;
+			for (let t of Object.keys(e)) if (hr(n[t])) return !0;
 			return !1;
 		}),
 		clearFilters: () => {
@@ -2774,48 +2791,56 @@ function yr(e, t = {}) {
 		},
 		filteredColumns: r(() => {
 			let t = {};
-			for (let r of Object.keys(e)) t[r] = !!mr(n[r]);
+			for (let r of Object.keys(e)) t[r] = !!hr(n[r]);
 			return t;
 		})
 	};
 }
 //#endregion
 //#region src/components/GTable.vue?vue&type=script&setup=true&lang.ts
-var br = { class: "g-table-outer-wrap" }, xr = {
+var xr = { class: "g-table-outer-wrap" }, Sr = {
 	key: 0,
 	class: "g-table-controls"
-}, Sr = { class: "g-clear-filters-wrap" }, Cr = {
+}, Cr = { class: "g-clear-filters-wrap" }, wr = {
 	key: 0,
 	class: "pagination"
-}, wr = { class: "g-result-count" }, Tr = ["aria-label", "aria-rowcount"], Er = { class: "g-table-head" }, Dr = { "aria-rowindex": "1" }, Or = {
+}, Tr = { class: "g-result-count" }, Er = ["aria-label", "aria-rowcount"], Dr = { class: "g-table-head" }, Or = { "aria-rowindex": "1" }, kr = {
 	key: 0,
 	scope: "col",
 	class: "g-th g-th-checkbox"
-}, kr = [
+}, Ar = [
 	"checked",
 	"indeterminate",
 	"aria-label"
-], Ar = ["id", "aria-sort"], jr = { class: "th-inner" }, Mr = ["onClick"], Nr = {
+], jr = ["id", "aria-sort"], Mr = { class: "th-inner" }, Nr = ["onClick"], Pr = {
 	key: 0,
 	class: "sort-indicator"
-}, Pr = ["aria-label"], Fr = {
+}, Fr = ["aria-label"], Ir = {
 	key: 1,
 	class: "g-column-head"
-}, Ir = ["onClick", "aria-label"], Lr = { key: 1 }, Rr = { class: "g-filter-toggle" }, zr = [
+}, Lr = ["onClick", "aria-label"], Rr = {
+	key: 1,
+	class: "g-filter-search",
+	role: "search"
+}, zr = [
+	"onUpdate:modelValue",
+	"placeholder",
+	"aria-label"
+], Br = { key: 2 }, Vr = { class: "g-filter-toggle" }, Hr = [
 	"onUpdate:modelValue",
 	"id",
 	"aria-describedby"
-], Br = ["for"], Vr = ["id"], Hr = {
-	key: 3,
+], Ur = ["for"], Wr = ["id"], Gr = {
+	key: 4,
 	class: "g-multi-select"
-}, Ur = [
+}, Kr = [
 	"onUpdate:modelValue",
 	"id",
 	"value"
-], Wr = ["for"], Gr = {
+], qr = ["for"], Jr = {
 	key: 1,
 	class: "g-bulk-actions-toolbar"
-}, Kr = { class: "g-selected-count" }, qr = { class: "g-bulk-actions" }, Jr = /* @__PURE__ */ u({
+}, Yr = { class: "g-selected-count" }, Xr = { class: "g-bulk-actions" }, Zr = /* @__PURE__ */ u({
 	__name: "GTable",
 	props: /*@__PURE__*/ m({
 		label: {},
@@ -2864,7 +2889,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 			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 ||= yr({});
+		v ||= br({});
 		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));
@@ -2889,7 +2914,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 		function U(e) {
 			h("bulk-action", e, p.value);
 		}
-		function G(e) {
+		function ee(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,
@@ -2898,7 +2923,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 				previousValue: r
 			});
 		}
-		let q = B(), ee = H(), Z = r(() => m.showPagination ? !0 : !!ee.pagination), te = r(() => !!(C.value || Z.value));
+		let q = B(), X = H(), ne = r(() => m.showPagination ? !0 : !!X.pagination), re = r(() => !!(C.value || ne.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])) {
@@ -2910,9 +2935,9 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 				let e = f.value[t.key];
 				f.value[t.key] = e ? [e] : [];
 			}
-		}, { immediate: !0 }), (n, r) => (T(), o("div", br, [
-			te.value ? (T(), o("div", xr, [
-				s("div", Sr, [R(C) ? (T(), i(Q, {
+		}, { immediate: !0 }), (n, r) => (T(), o("div", xr, [
+			re.value ? (T(), o("div", Sr, [
+				s("div", Cr, [R(C) ? (T(), i(Q, {
 					key: 0,
 					outlined: "",
 					size: "small",
@@ -2930,22 +2955,22 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 					})], -1), s("span", { class: "g-clear-filters-text" }, " Clear Filters ", -1)]]),
 					_: 1
 				}, 8, ["onClick"])) : a("", !0)]),
-				Z.value ? (T(), o("div", Cr, [A(n.$slots, "pagination")])) : a("", !0),
-				s("span", wr, P(m.resultCount || t.data.length) + " results", 1)
+				ne.value ? (T(), o("div", wr, [A(n.$slots, "pagination")])) : a("", !0),
+				s("span", Tr, 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", Er, [s("tr", Dr, [t.bulkSelectionEnabled ? (T(), o("th", Or, [s("input", {
+			}, [s("thead", Dr, [s("tr", Or, [t.bulkSelectionEnabled ? (T(), o("th", kr, [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, kr)])) : a("", !0), (T(!0), o(e, null, k(t.columns, (t) => (T(), o("th", {
+			}, null, 40, Ar)])) : a("", !0), (T(!0), o(e, null, k(t.columns, (t) => (T(), o("th", {
 				key: t.key,
 				id: `${R(q)}-th-${String(t.key)}`,
 				"aria-sort": u.value === t.key ? d.value === 1 ? "ascending" : "descending" : "none",
@@ -2955,12 +2980,12 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 					{ filtered: R(x)[t.key] }
 				]),
 				scope: "col"
-			}, [s("div", jr, [t.sortable ? (T(), o("button", {
+			}, [s("div", Mr, [t.sortable ? (T(), o("button", {
 				key: 0,
 				type: "button",
 				class: "g-column-head",
 				onClick: (e) => g(t)
-			}, [c(P(t.label) + " ", 1), u.value === t.key ? (T(), o("span", Nr, [(T(), o("svg", {
+			}, [c(P(t.label) + " ", 1), u.value === t.key ? (T(), o("span", Pr, [(T(), o("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				viewBox: "0 0 640 640",
 				height: "1.5em",
@@ -2970,9 +2995,9 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 			}, [...r[1] ||= [s("path", {
 				fill: "currentColor",
 				d: "M300.3 199.2C312.9 188.9 331.4 189.7 343.1 201.4L471.1 329.4C480.3 338.6 483 352.3 478 364.3C473 376.3 461.4 384 448.5 384L192.5 384C179.6 384 167.9 376.2 162.9 364.2C157.9 352.2 160.7 338.5 169.9 329.4L297.9 201.4L300.3 199.2z"
-			}, null, -1)]], 12, Pr))])) : a("", !0)], 8, Mr)) : (T(), o("span", Fr, P(t.label), 1)), t.filter ? (T(), i(it, { key: 2 }, {
+			}, null, -1)]], 12, Fr))])) : a("", !0)], 8, Nr)) : (T(), o("span", Ir, P(t.label), 1)), t.filter ? (T(), i(at, { key: 2 }, {
 				trigger: J(({ toggle: e }) => [s("button", {
-					onClick: X(e, ["stop"]),
+					onClick: te(e, ["stop"]),
 					"aria-label": R(x)[t.key] ? "Column Filtered" : "Filter Column",
 					class: _(["g-filter-btn", { "g-active": R(x)[t.key] }]),
 					type: "button"
@@ -2984,8 +3009,8 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 				}, [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, Ir)]),
-				default: J(() => [t.filter.type === "select" ? (T(), i(Ht, {
+				})], -1)]], 10, Lr)]),
+				default: J(() => [t.filter.type === "select" ? (T(), i(Ut, {
 					key: 0,
 					modelValue: f.value[t.key],
 					"onUpdate:modelValue": (e) => f.value[t.key] = e,
@@ -2998,21 +3023,37 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 					"modelValue",
 					"onUpdate:modelValue",
 					"options"
-				])) : t.filter.type === "toggle" ? (T(), o("div", Lr, [s("div", Rr, [
+				])) : t.filter.type === "search" ? (T(), o("div", Rr, [r[3] ||= s("span", {
+					class: "g-filter-search-icon",
+					"aria-hidden": "true"
+				}, [s("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					viewBox: "0 0 51.26 51.26",
+					height: "1em"
+				}, [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), Y(s("input", {
+					type: "search",
+					class: "g-filter-search-input",
+					"onUpdate:modelValue": (e) => f.value[t.key] = e,
+					placeholder: t.filter.placeholder,
+					"aria-label": `Search ${t.label}`
+				}, null, 8, zr), [[G, f.value[t.key]]])])) : t.filter.type === "toggle" ? (T(), o("div", Br, [s("div", Vr, [
 					Y(s("input", {
 						type: "checkbox",
 						"onUpdate:modelValue": (e) => f.value[t.key] = e,
 						id: `${R(q)}-filter-${String(t.key)}`,
 						"aria-describedby": t.filter.description ? `${R(q)}-filter-description-${String(t.key)}` : void 0
-					}, null, 8, zr), [[W, f.value[t.key]]]),
-					s("label", { for: `${R(q)}-filter-${String(t.key)}` }, P(t.filter.label), 9, Br),
+					}, null, 8, Hr), [[W, f.value[t.key]]]),
+					s("label", { for: `${R(q)}-filter-${String(t.key)}` }, P(t.filter.label), 9, Ur),
 					t.filter.description ? (T(), o("span", {
 						key: 0,
 						class: "g-filter-description",
 						id: `${R(q)}-filter-description-${String(t.key)}`
-					}, P(t.filter.description), 9, Vr)) : a("", !0)
-				])])) : t.filter.type === "multi-select" && t.filter.searchable ? (T(), i(pr, {
-					key: 2,
+					}, P(t.filter.description), 9, Wr)) : a("", !0)
+				])])) : t.filter.type === "multi-select" && t.filter.searchable ? (T(), i(mr, {
+					key: 3,
 					modelValue: f.value[t.key],
 					"onUpdate:modelValue": (e) => f.value[t.key] = e,
 					options: t.filter.options,
@@ -3024,15 +3065,15 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 					"onUpdate:modelValue",
 					"options",
 					"placeholder"
-				])) : t.filter.type === "multi-select" ? (T(), o("fieldset", Hr, [
-					r[4] ||= s("legend", { class: "g-multi-select-legend" }, " Include values ", -1),
+				])) : t.filter.type === "multi-select" ? (T(), o("fieldset", Gr, [
+					r[5] ||= s("legend", { class: "g-multi-select-legend" }, " Include values ", -1),
 					(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, Ur), [[W, f.value[t.key]]]), s("label", { for: `filter-${String(t.key)}-${e.value}` }, P(e.label), 9, Wr)]))), 128)),
+					}, null, 8, Kr), [[W, f.value[t.key]]]), s("label", { for: `filter-${String(t.key)}-${e.value}` }, P(e.label), 9, qr)]))), 128)),
 					f.value[t.key] && f.value[t.key].length ? (T(), i(Q, {
 						key: 0,
 						class: "clear-multiselect-btn",
@@ -3040,12 +3081,12 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 						size: "small",
 						onClick: (e) => f.value[t.key] = []
 					}, {
-						default: J(() => [...r[3] ||= [c(" Clear ", -1)]]),
+						default: J(() => [...r[4] ||= [c(" Clear ", -1)]]),
 						_: 1
 					}, 8, ["onClick"])) : a("", !0)
 				])) : a("", !0)]),
 				_: 2
-			}, 1024)) : a("", !0)])], 10, Ar))), 128))])]), l(er, {
+			}, 1024)) : a("", !0)])], 10, jr))), 128))])]), l(tr, {
 				data: t.data,
 				columns: t.columns,
 				"group-by": t.groupBy,
@@ -3059,7 +3100,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 				"change-tracker": t.changeTracker,
 				onRowClick: z,
 				onToggleRow: L,
-				onCellChange: G
+				onCellChange: ee
 			}, null, 8, [
 				"data",
 				"columns",
@@ -3072,8 +3113,8 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 				"selected-rows",
 				"table-id",
 				"change-tracker"
-			])], 8, Tr),
-			t.bulkSelectionEnabled && p.value.length > 0 ? (T(), o("div", Gr, [s("span", Kr, P(p.value.length) + " row" + P(p.value.length === 1 ? "" : "s") + " selected", 1), s("ul", qr, [(T(!0), o(e, null, k(t.bulkActions, (e) => (T(), o("li", { key: e.id }, [l(Q, {
+			])], 8, Er),
+			t.bulkSelectionEnabled && p.value.length > 0 ? (T(), o("div", Jr, [s("span", Yr, P(p.value.length) + " row" + P(p.value.length === 1 ? "" : "s") + " selected", 1), s("ul", Xr, [(T(!0), o(e, null, k(t.bulkActions, (e) => (T(), o("li", { key: e.id }, [l(Q, {
 				theme: e.theme || "accent",
 				onClick: (t) => U(e.id),
 				size: "small"
@@ -3083,10 +3124,10 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 			}, 1032, ["theme", "onClick"])]))), 128))])])) : a("", !0)
 		]));
 	}
-}), Yr = {
+}), Qr = {
 	class: "g-pagination",
 	"aria-label": "Pagination"
-}, Xr = ["disabled"], Zr = ["disabled"], Qr = { class: "page-range" }, $r = ["disabled"], ei = ["disabled"], ti = ["value"], ni = ["value"], ri = /* @__PURE__ */ u({
+}, $r = ["disabled"], ei = ["disabled"], ti = { class: "page-range" }, ni = ["disabled"], ri = ["disabled"], ii = ["value"], ai = ["value"], oi = /* @__PURE__ */ u({
 	__name: "GTablePagination",
 	props: /*@__PURE__*/ m({
 		start: {},
@@ -3108,7 +3149,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 		function h(e) {
 			c.value = parseInt(e.target.value, 10);
 		}
-		return (t, r) => (T(), o("nav", Yr, [
+		return (t, r) => (T(), o("nav", Qr, [
 			s("button", {
 				class: "first-page g-pagination-button",
 				disabled: p.value === 1,
@@ -3133,7 +3174,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 				}),
 				s("path", { d: "M11 7l-5 5l5 5" }),
 				s("path", { d: "M17 7l-5 5l5 5" })
-			], -1)]], 8, Xr),
+			], -1)]], 8, $r),
 			s("button", {
 				class: "prev-page g-pagination-button",
 				disabled: p.value === 1,
@@ -3154,8 +3195,8 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
-			}), s("path", { d: "M15 6l-6 6l6 6" })], -1)]], 8, Zr),
-			s("span", Qr, P(d.value) + " to " + P(f.value), 1),
+			}), s("path", { d: "M15 6l-6 6l6 6" })], -1)]], 8, ei),
+			s("span", ti, P(d.value) + " to " + P(f.value), 1),
 			s("button", {
 				class: "next-page g-pagination-button",
 				disabled: p.value === i.value,
@@ -3176,7 +3217,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
-			}), s("path", { d: "M9 6l6 6l-6 6" })], -1)]], 8, $r),
+			}), s("path", { d: "M9 6l6 6l-6 6" })], -1)]], 8, ni),
 			s("button", {
 				class: "last-page g-pagination-button",
 				disabled: p.value === i.value,
@@ -3201,7 +3242,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 				}),
 				s("path", { d: "M7 7l5 5l-5 5" }),
 				s("path", { d: "M13 7l5 5l-5 5" })
-			], -1)]], 8, ei),
+			], -1)]], 8, ri),
 			s("select", {
 				id: "page-size-select",
 				class: "page-size-select",
@@ -3215,14 +3256,14 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 			], (e) => (T(), o("option", {
 				key: e,
 				value: e
-			}, P(e), 9, ni))), 128))], 40, ti),
+			}, P(e), 9, ai))), 128))], 40, ii),
 			r[8] ||= s("label", {
 				class: "page-size-label",
 				for: "page-size-select"
 			}, "per page", -1)
 		]));
 	}
-}), ii = ["id"], ai = { class: "g-modal-inner" }, oi = { class: "g-modal-header" }, si = ["id"], ci = ["id"], li = /* @__PURE__ */ u({
+}), si = ["id"], ci = { class: "g-modal-inner" }, li = { class: "g-modal-header" }, ui = ["id"], di = ["id"], fi = /* @__PURE__ */ u({
 	__name: "GModal",
 	props: {
 		label: {},
@@ -3266,12 +3307,12 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 				ref_key: "dialog",
 				ref: f,
 				style: { zIndex: R(y) }
-			}), [s("div", ai, [s("div", oi, [e.hiddenLabel ? a("", !0) : (T(), o("h2", {
+			}), [s("div", ci, [s("div", li, [e.hiddenLabel ? a("", !0) : (T(), o("h2", {
 				key: 0,
 				id: "modal-label-" + R(m),
 				class: "g-modal-label",
 				tabindex: "-1"
-			}, P(e.label), 9, si)), s("button", {
+			}, P(e.label), 9, ui)), s("button", {
 				class: "g-modal-close",
 				onClick: w,
 				"aria-label": "Close"
@@ -3286,19 +3327,19 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 			})], -1)]])]), s("div", {
 				id: "modal-description-" + R(m),
 				class: "g-modal-content"
-			}, [A(r.$slots, "default")], 8, ci)])], 16, ii)]),
+			}, [A(r.$slots, "default")], 8, di)])], 16, si)]),
 			_: 3
 		})]));
 	}
-}), ui = [
+}), pi = [
 	"id",
 	"aria-expanded",
 	"aria-label",
 	"aria-controls"
-], di = {
+], mi = {
 	key: 0,
 	class: "g-hamburger-label"
-}, fi = /* @__PURE__ */ u({
+}, hi = /* @__PURE__ */ u({
 	__name: "GHamburgerMenu",
 	props: {
 		label: { default: "Main Navigation" },
@@ -3311,7 +3352,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 	},
 	emits: ["toggle"],
 	setup(e, { emit: t }) {
-		let n = e, r = p("sidebar") ?? (fe() ? ln(n.sidebarKey, I(n, "mediaQuery")) : void 0), i = t;
+		let n = e, r = p("sidebar") ?? (Z() ? un(n.sidebarKey, I(n, "mediaQuery")) : void 0), i = t;
 		function c() {
 			i("toggle"), r?.toggle();
 		}
@@ -3334,34 +3375,34 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 51.26 51.26",
 			role: "none"
-		}, [s("g", { fill: "currentColor" }, [s("path", { d: "M11.6 16.52h28.06a3.24 3.24 0 1 0 0-6.48H11.6a3.24 3.24 0 0 0 0 6.48ZM39.66 22.07H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48ZM39.66 34.1H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48Z" })])], -1), e.labelVisible ? (T(), o("span", di, P(e.label), 1)) : a("", !0)], 42, ui));
+		}, [s("g", { fill: "currentColor" }, [s("path", { d: "M11.6 16.52h28.06a3.24 3.24 0 1 0 0-6.48H11.6a3.24 3.24 0 0 0 0 6.48ZM39.66 22.07H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48ZM39.66 34.1H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48Z" })])], -1), e.labelVisible ? (T(), o("span", mi, P(e.label), 1)) : a("", !0)], 42, pi));
 	}
-}), pi = /* @__PURE__ */ u({
+}), gi = /* @__PURE__ */ u({
 	__name: "GDetailList",
 	props: { variant: { default: "grid" } },
 	setup(e) {
 		let t = e;
 		return (e, n) => (T(), o("dl", { class: _(["g-detail-list", `g-detail-list--${t.variant}`]) }, [A(e.$slots, "default")], 2));
 	}
-}), mi = { class: "g-detail-list-item" }, hi = { class: "g-detail-list-item__label" }, gi = { class: "g-detail-list-item__value" }, _i = /* @__PURE__ */ u({
+}), _i = { class: "g-detail-list-item" }, vi = { class: "g-detail-list-item__label" }, yi = { class: "g-detail-list-item__value" }, bi = /* @__PURE__ */ u({
 	__name: "GDetailListItem",
 	props: { label: {} },
 	setup(e) {
-		return (t, n) => (T(), o("div", mi, [s("dt", hi, [A(t.$slots, "label", {}, () => [c(P(e.label), 1)])]), s("dd", gi, [A(t.$slots, "default")])]));
+		return (t, n) => (T(), o("div", _i, [s("dt", vi, [A(t.$slots, "label", {}, () => [c(P(e.label), 1)])]), s("dd", yi, [A(t.$slots, "default")])]));
 	}
-}), vi = {
+}), xi = {
 	key: 0,
 	class: "g-scroll-lock-overlay"
-}, yi = /* @__PURE__ */ u({
+}, Si = /* @__PURE__ */ u({
 	__name: "GOverlay",
 	setup(e) {
 		let { hasScrollLock: t } = qe();
 		return (e, r) => (T(), i(n, { name: "g-fade" }, {
-			default: J(() => [R(t) ? (T(), o("div", vi)) : a("", !0)]),
+			default: J(() => [R(t) ? (T(), o("div", xi)) : a("", !0)]),
 			_: 1
 		}));
 	}
-}), bi = { class: "popover-content" }, xi = { class: "year-dropdown" }, Si = { class: "month-selector" }, Ci = /* @__PURE__ */ u({
+}), Ci = { class: "popover-content" }, wi = { class: "year-dropdown" }, Ti = { class: "month-selector" }, Ei = /* @__PURE__ */ u({
 	__name: "GTermSelectorControl",
 	props: /*@__PURE__*/ m({
 		termYears: { default: () => ["2026"] },
@@ -3382,7 +3423,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = V(e, "modelValue");
-		return (n, r) => (T(), o("div", bi, [s("div", xi, [l(Ht, {
+		return (n, r) => (T(), o("div", Ci, [s("div", wi, [l(Ut, {
 			modelValue: t.value.year,
 			"onUpdate:modelValue": r[0] ||= (e) => t.value.year = e,
 			options: e.termYears,
@@ -3391,7 +3432,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 			"modelValue",
 			"options",
 			"label"
-		])]), s("div", Si, [l(yt, {
+		])]), s("div", Ti, [l(bt, {
 			modelValue: t.value.name,
 			"onUpdate:modelValue": r[1] ||= (e) => t.value.name = e,
 			options: e.termNames,
@@ -3403,10 +3444,10 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 			"label"
 		])])]));
 	}
-}), wi = { class: "g-term-selector" }, Ti = { class: "g-term-label" }, Ei = {
+}), Di = { class: "g-term-selector" }, Oi = { class: "g-term-label" }, ki = {
 	class: "g-popover-title",
 	tabindex: "-1"
-}, Di = /* @__PURE__ */ u({
+}, Ai = /* @__PURE__ */ u({
 	__name: "GTermSelector",
 	props: /*@__PURE__*/ m({
 		heading: { default: "Period Selection" },
@@ -3428,7 +3469,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = V(e, "modelValue");
-		return (n, r) => (T(), o("div", wi, [l(it, null, {
+		return (n, r) => (T(), o("div", Di, [l(at, null, {
 			trigger: J(({ toggle: e }) => [l(Q, {
 				class: "g-term-selector-button",
 				theme: "none",
@@ -3437,28 +3478,28 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 			}, {
 				default: J(() => [
 					r[0] ||= s("span", { class: "g-calendar-icon" }, [s("svg", {
-						role: "none presentation",
+						role: "none",
 						xmlns: "http://www.w3.org/2000/svg",
 						viewBox: "0 0 640 640"
 					}, [s("path", { d: "M224 64C206.3 64 192 78.3 192 96L192 128L160 128C124.7 128 96 156.7 96 192L96 240L544 240L544 192C544 156.7 515.3 128 480 128L448 128L448 96C448 78.3 433.7 64 416 64C398.3 64 384 78.3 384 96L384 128L256 128L256 96C256 78.3 241.7 64 224 64zM96 288L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 288L96 288z" })])], -1),
-					s("span", Ti, P(t.value?.name) + " " + P(t.value?.year), 1),
+					s("span", Oi, P(t.value?.name) + " " + P(t.value?.year), 1),
 					r[1] ||= s("span", { class: "g-caret" }, [s("svg", {
-						role: "none presentation",
+						role: "none",
 						xmlns: "http://www.w3.org/2000/svg",
 						viewBox: "0 0 640 640"
 					}, [s("path", { d: "M300.3 440.8C312.9 451 331.4 450.3 343.1 438.6L471.1 310.6C480.3 301.4 483 287.7 478 275.7C473 263.7 461.4 256 448.5 256L192.5 256C179.6 256 167.9 263.8 162.9 275.8C157.9 287.8 160.7 301.5 169.9 310.6L297.9 438.6L300.3 440.8z" })])], -1)
 				]),
 				_: 1
 			}, 8, ["onClick"])]),
-			default: J(() => [s("h2", Ei, P(e.heading), 1), l(Ci, v(f(n.$props)), null, 16)]),
+			default: J(() => [s("h2", ki, P(e.heading), 1), l(Ei, v(f(n.$props)), null, 16)]),
 			_: 1
 		})]));
 	}
-}), Oi = { class: "g-user-menu" }, ki = [
+}), ji = { class: "g-user-menu" }, Mi = [
 	"aria-label",
 	"aria-expanded",
 	"onClick"
-], Ai = { class: "g-user-menu__popover" }, ji = { class: "g-user-menu__list" }, Mi = /* @__PURE__ */ u({
+], Ni = { class: "g-user-menu__popover" }, Pi = { class: "g-user-menu__list" }, Fi = /* @__PURE__ */ u({
 	__name: "GUserMenu",
 	props: {
 		initials: {},
@@ -3470,7 +3511,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 		let n = `${B()}-email`, r = O(!1), a = U("emailHeading");
 		d()?.appContext?.components?.RouterLink;
 		let c = H();
-		return (u, d) => (T(), o("div", Oi, [l(it, {
+		return (u, d) => (T(), o("div", ji, [l(at, {
 			modelValue: r.value,
 			"onUpdate:modelValue": d[0] ||= (e) => r.value = e,
 			minimal: ""
@@ -3482,8 +3523,8 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 				"aria-expanded": r.value,
 				"aria-haspopup": "menu",
 				onClick: e
-			}, P(t.initials), 13, ki)]),
-			default: J(() => [s("div", Ai, [s("h2", {
+			}, P(t.initials), 13, Mi)]),
+			default: J(() => [s("div", Ni, [s("h2", {
 				id: n,
 				ref_key: "emailHeading",
 				ref: a,
@@ -3492,11 +3533,11 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 			}, P(t.email), 513), s("nav", {
 				class: "g-user-menu__nav",
 				"aria-labelledby": n
-			}, [s("ul", ji, [(T(!0), o(e, null, k(c.default(), (e, t) => (T(), o("li", { key: t }, [(T(), i(j(e)))]))), 128))])])])]),
+			}, [s("ul", Pi, [(T(!0), o(e, null, k(c.default(), (e, t) => (T(), o("li", { key: t }, [(T(), i(j(e)))]))), 128))])])])]),
 			_: 1
 		}, 8, ["modelValue"])]));
 	}
-}), Ni = /* @__PURE__ */ u({
+}), Ii = /* @__PURE__ */ u({
 	__name: "GCurrencyInput",
 	props: /*@__PURE__*/ m({
 		label: { default: void 0 },
@@ -3547,7 +3588,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 			"form-key"
 		]));
 	}
-}), Pi = /* @__PURE__ */ u({
+}), Li = /* @__PURE__ */ u({
 	__name: "GEmailInput",
 	props: /*@__PURE__*/ m({
 		label: { default: void 0 },
@@ -3592,13 +3633,13 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 			"instructions"
 		]));
 	}
-}), Fi = ["for"], Ii = {
+}), Ri = ["for"], zi = {
 	key: 0,
 	class: "g-file-input-required"
-}, Li = {
+}, Bi = {
 	key: 0,
 	class: "g-file-input-box-header"
-}, Ri = ["id"], zi = [
+}, Vi = ["id"], Hi = [
 	"id",
 	"disabled",
 	"required",
@@ -3607,11 +3648,11 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 	"aria-invalid",
 	"aria-describedby",
 	"aria-errormessage"
-], Bi = {
+], Ui = {
 	key: 1,
 	class: "g-file-input-pills",
 	"aria-label": "Selected files"
-}, Vi = /* @__PURE__ */ u({
+}, Wi = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GFileInput",
 	props: /*@__PURE__*/ m({
@@ -3668,12 +3709,12 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 				key: 0,
 				for: R(d),
 				class: "g-file-input-label"
-			}, [c(P(t.label) + " ", 1), t.required ? (T(), o("span", Ii, "*")) : a("", !0)], 8, Fi)) : a("", !0),
+			}, [c(P(t.label) + " ", 1), t.required ? (T(), o("span", zi, "*")) : a("", !0)], 8, Ri)) : a("", !0),
 			s("div", { class: _(["g-file-input-box", { "g-file-input-box--disabled": t.disabled }]) }, [
-				t.instructions ? (T(), o("div", Li, [s("span", {
+				t.instructions ? (T(), o("div", Bi, [s("span", {
 					id: "instructions-" + R(d),
 					class: "g-file-input-instructions"
-				}, P(t.instructions), 9, Ri)])) : a("", !0),
+				}, P(t.instructions), 9, Vi)])) : a("", !0),
 				s("input", {
 					id: R(d),
 					type: "file",
@@ -3686,13 +3727,13 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 					"aria-describedby": t.instructions ? "instructions-" + R(d) : void 0,
 					"aria-errormessage": y.value ? "error-message-" + R(d) : void 0,
 					onChange: g
-				}, null, 40, zi),
-				t.multiple && b.value.length > 0 ? (T(), o("ul", Bi, [(T(!0), o(e, null, k(b.value, (e) => (T(), o("li", {
+				}, null, 40, Hi),
+				t.multiple && b.value.length > 0 ? (T(), o("ul", Ui, [(T(!0), o(e, null, k(b.value, (e) => (T(), o("li", {
 					key: e,
 					class: "g-file-input-pill"
 				}, [r[0] ||= s("svg", {
 					class: "g-file-input-pill-icon",
-					role: "none presentation",
+					role: "none",
 					xmlns: "http://www.w3.org/2000/svg",
 					viewBox: "0 0 640 640"
 				}, [s("path", { d: "M192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 234.5C512 217.5 505.3 201.2 493.3 189.2L386.7 82.7C374.7 70.7 358.5 64 341.5 64L192 64zM453.5 240L360 240C346.7 240 336 229.3 336 216L336 122.5L453.5 240z" })], -1), c(" " + P(e), 1)]))), 128))])) : a("", !0)
@@ -3703,7 +3744,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), Hi = /* @__PURE__ */ u({
+}), Gi = /* @__PURE__ */ u({
 	__name: "GDateInput",
 	props: /*@__PURE__*/ m({
 		label: { default: void 0 },
@@ -3751,21 +3792,21 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 			"form-key"
 		]));
 	}
-}), Ui = { class: "g-date-range-input" }, Wi = {
+}), Ki = { class: "g-date-range-input" }, qi = {
 	key: 0,
 	class: "g-date-range-input__label"
-}, Gi = {
+}, Ji = {
 	key: 0,
 	class: "g-date-range-input__required",
 	"aria-hidden": "true"
-}, Ki = {
+}, Yi = {
 	key: 1,
 	class: "g-date-range-input__instructions"
-}, qi = { class: "g-date-range-input__fields" }, Ji = {
+}, Xi = { class: "g-date-range-input__fields" }, Zi = {
 	key: 2,
 	class: "g-date-range-input__errors",
 	role: "alert"
-}, Yi = /* @__PURE__ */ u({
+}, Qi = /* @__PURE__ */ u({
 	__name: "GDateRangeInput",
 	props: /*@__PURE__*/ m({
 		label: { default: void 0 },
@@ -3805,10 +3846,10 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 			};
 		}), K(r, (e) => {
 			e.start !== i.value && (i.value = e.start), e.end !== u.value && (u.value = e.end);
-		}, { deep: !0 }), (t, r) => (T(), o("div", Ui, [
-			n.label ? (T(), o("div", Wi, [c(P(n.label), 1), n.required ? (T(), o("span", Gi, " *")) : a("", !0)])) : a("", !0),
-			n.instructions ? (T(), o("div", Ki, P(n.instructions), 1)) : a("", !0),
-			s("div", qi, [l(Hi, {
+		}, { deep: !0 }), (t, r) => (T(), o("div", Ki, [
+			n.label ? (T(), o("div", qi, [c(P(n.label), 1), n.required ? (T(), o("span", Ji, " *")) : a("", !0)])) : a("", !0),
+			n.instructions ? (T(), o("div", Yi, P(n.instructions), 1)) : a("", !0),
+			s("div", Xi, [l(Gi, {
 				modelValue: i.value,
 				"onUpdate:modelValue": r[0] ||= (e) => i.value = e,
 				label: n.startLabel,
@@ -3820,7 +3861,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 				"label",
 				"disabled",
 				"required"
-			]), l(Hi, {
+			]), l(Gi, {
 				modelValue: u.value,
 				"onUpdate:modelValue": r[1] ||= (e) => u.value = e,
 				label: n.endLabel,
@@ -3833,13 +3874,13 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 				"disabled",
 				"required"
 			])]),
-			R(d).length > 0 ? (T(), o("div", Ji, [(T(!0), o(e, null, k(R(d), (e, t) => (T(), o("div", {
+			R(d).length > 0 ? (T(), o("div", Zi, [(T(!0), o(e, null, k(R(d), (e, t) => (T(), o("div", {
 				key: t,
 				class: "g-date-range-input__error"
 			}, P(e), 1))), 128))])) : a("", !0)
 		]));
 	}
-}), Xi = ["action", "method"], Zi = /* @__PURE__ */ u({
+}), $i = ["action", "method"], ea = /* @__PURE__ */ u({
 	__name: "GForm",
 	props: /*@__PURE__*/ m({
 		action: { default: void 0 },
@@ -3851,7 +3892,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 	}),
 	emits: /*@__PURE__*/ m(["submit"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, r = V(e, "modelValue"), i = t, a = p("form", null), s = a ?? (fe() ? ke(n.formKey) : De());
+		let n = e, r = V(e, "modelValue"), i = t, a = p("form", null), s = a ?? (Z() ? ke(n.formKey) : De());
 		a || E("form", s), K(() => s.values.value, (e) => {
 			r.value = { ...e };
 		}, { deep: !0 }), K(() => r.value, (e) => {
@@ -3879,9 +3920,9 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 			hasErrors: R(s).hasErrors.value,
 			values: R(s).values.value,
 			errors: R(s).errors.value
-		})], 40, Xi));
+		})], 40, $i));
 	}
-}), Qi = /* @__PURE__ */ u({
+}), ta = /* @__PURE__ */ u({
 	__name: "GSubmitButton",
 	props: {
 		disabled: {
@@ -3893,32 +3934,32 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 		formKey: { default: "default" }
 	},
 	setup(e) {
-		let t = e, n = z(), a = typeof n["form-key"] == "string" ? n["form-key"] : void 0, o = t.formKey || a || "default", l = p("form", null) ?? (fe() ? ke(o) : null), u = r(() => t.disabled || (l?.isSubmitting.value ?? !1)), d = r(() => l?.isSubmitting.value ?? !1);
+		let t = e, n = z(), a = typeof n["form-key"] == "string" ? n["form-key"] : void 0, o = t.formKey || a || "default", l = p("form", null) ?? (Z() ? 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: 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]])]),
+			default: J(() => [Y(s("span", null, P(t.loadingText), 513), [[ee, d.value]]), Y(s("span", null, [A(e.$slots, "default", {}, () => [n[0] ||= c("Submit", -1)])], 512), [[ee, !d.value]])]),
 			_: 3
 		}, 8, ["disabled", "variant"]));
 	}
-}), $i = {
+}), na = {
 	key: 0,
 	class: "g-checkbox-group__legend"
-}, ea = {
+}, ra = {
 	key: 0,
 	class: "g-checkbox-group__required",
 	"aria-hidden": "true"
-}, ta = {
+}, ia = {
 	key: 1,
 	class: "g-checkbox-group__label"
-}, na = {
+}, aa = {
 	key: 0,
 	class: "g-checkbox-group__required",
 	"aria-hidden": "true"
-}, ra = ["id"], ia = { class: "g-checkbox-group__options" }, aa = ["for"], oa = [
+}, oa = ["id"], sa = { class: "g-checkbox-group__options" }, ca = ["for"], la = [
 	"id",
 	"type",
 	"name",
@@ -3927,7 +3968,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 	"disabled",
 	"required",
 	"onChange"
-], sa = { class: "g-checkbox-group__label-text" }, ca = ["id"], la = /* @__PURE__ */ u({
+], ua = { class: "g-checkbox-group__label-text" }, da = ["id"], fa = /* @__PURE__ */ u({
 	__name: "GCheckboxGroup",
 	props: /*@__PURE__*/ m({
 		label: { default: void 0 },
@@ -3982,20 +4023,19 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 			let n = [];
 			return !u.radio && u.instructions && n.push(S.value), e.hint && n.push(E(t)), u.radio ? { "aria-describedby": n.length ? n.join(" ") : void 0 } : {
 				"aria-describedby": n.length ? n.join(" ") : void 0,
-				"aria-required": u.required && u.options.length > 1 ? "true" : void 0,
 				"aria-invalid": m.value ? "true" : "false",
 				"aria-errormessage": m.value ? x.value : void 0
 			};
 		}
 		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", $i, [c(P(t.label), 1), t.required ? (T(), o("span", ea, "\xA0*")) : a("", !0)])) : !C.value && t.label ? (T(), o("div", ta, [c(P(t.label), 1), t.required ? (T(), o("span", na, "\xA0*")) : a("", !0)])) : a("", !0),
+				C.value && t.label ? (T(), o("legend", na, [c(P(t.label), 1), t.required ? (T(), o("span", ra, "\xA0*")) : a("", !0)])) : !C.value && t.label ? (T(), o("div", ia, [c(P(t.label), 1), t.required ? (T(), o("span", aa, "\xA0*")) : a("", !0)])) : a("", !0),
 				t.instructions ? (T(), o("div", {
 					key: 2,
 					id: S.value,
 					class: "g-checkbox-group__instructions"
-				}, P(t.instructions), 9, ra)) : a("", !0),
-				s("div", ia, [(T(!0), o(e, null, k(t.options, (e, n) => (T(), o("div", {
+				}, P(t.instructions), 9, oa)) : a("", !0),
+				s("div", sa, [(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", {
@@ -4010,11 +4050,11 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 					disabled: e.disabled,
 					required: t.required && (t.radio && n === 0 || !t.radio && t.options.length === 1),
 					class: "g-checkbox-group__input"
-				}, { ref_for: !0 }, O(e, n), { onChange: (t) => y(e.value, t.target.checked) }), null, 16, oa), s("span", sa, P(e.label), 1)], 10, aa), e.hint ? (T(), o("div", {
+				}, { ref_for: !0 }, O(e, n), { onChange: (t) => y(e.value, t.target.checked) }), null, 16, la), s("span", ua, P(e.label), 1)], 10, ca), e.hint ? (T(), o("div", {
 					key: 0,
 					id: E(n),
 					class: "g-checkbox-group__hint"
-				}, P(e.hint), 9, ca)) : a("", !0)], 2))), 128))]),
+				}, P(e.hint), 9, da)) : a("", !0)], 2))), 128))]),
 				l(je, {
 					errors: R(p),
 					id: x.value
@@ -4023,11 +4063,11 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 			_: 1
 		}, 16, ["class"]));
 	}
-}), ua = ["for"], da = {
+}), pa = ["for"], ma = {
 	key: 0,
 	class: "g-textarea-required",
 	"aria-hidden": "true"
-}, fa = ["id"], pa = [
+}, ha = ["id"], ga = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -4036,11 +4076,11 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 	"rows",
 	"maxlength",
 	"aria-invalid"
-], ma = {
+], _a = {
 	key: 2,
 	class: "g-textarea-char-count",
 	"aria-live": "polite"
-}, ha = /* @__PURE__ */ u({
+}, va = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GTextarea",
 	props: /*@__PURE__*/ m({
@@ -4074,7 +4114,7 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 	}),
 	emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, i = V(e, "modelValue"), u = B(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = pe({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: v, hasErrors: y } = $({
+		let n = e, i = V(e, "modelValue"), u = B(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = me({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: v, hasErrors: y } = $({
 			name: n.name,
 			value: i,
 			errors: I(n, "errors"),
@@ -4113,12 +4153,12 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 				key: 0,
 				for: m.value,
 				class: "g-textarea-label"
-			}, [c(P(n.label), 1), n.required ? (T(), o("span", da, " *")) : a("", !0)], 8, ua)) : a("", !0),
+			}, [c(P(n.label), 1), n.required ? (T(), o("span", ma, " *")) : a("", !0)], 8, pa)) : a("", !0),
 			t.$slots.instructions || e.instructions ? (T(), o("div", {
 				key: 1,
 				id: "instructions-" + R(u),
 				class: "g-textarea-instructions"
-			}, [A(t.$slots, "instructions", {}, () => [c(P(e.instructions), 1)])], 8, fa)) : a("", !0),
+			}, [A(t.$slots, "instructions", {}, () => [c(P(e.instructions), 1)])], 8, ha)) : a("", !0),
 			s("textarea", h({
 				ref: "textareaEl",
 				value: i.value ?? "",
@@ -4139,8 +4179,8 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 				onInput: w,
 				onBlur: E,
 				onPaste: D
-			}), null, 16, pa),
-			n.maxlength === void 0 ? a("", !0) : (T(), o("div", ma, P((i.value ?? "").length) + " / " + P(n.maxlength), 1)),
+			}), null, 16, ga),
+			n.maxlength === void 0 ? a("", !0) : (T(), o("div", _a, P((i.value ?? "").length) + " / " + P(n.maxlength), 1)),
 			l(je, {
 				errors: R(v),
 				id: "error-message-" + R(u)
@@ -4150,18 +4190,18 @@ var br = { class: "g-table-outer-wrap" }, xr = {
 });
 //#endregion
 //#region src/compose/useActiveLink.ts
-function ga(e, t, n) {
+function ya(e, t, n) {
 	let r = [
 		0,
 		.25,
 		.5,
 		.75,
 		1
-	], 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 || []);
+	], i = `${-t}px 0px 0px 0px`, a = /* @__PURE__ */ new Map(), o = O(Array.from(ie(e)?.children || []));
+	ue(e, () => {
+		o.value = Array.from(ie(e)?.children || []);
 	}, { childList: !0 });
-	let { stop: s } = oe(o, (e) => {
+	let { stop: s } = ce(o, (e) => {
 		let t = o.value[o.value.length - 1];
 		for (let n of e) a.set(n.target, n.isIntersecting ? Math.ceil(100 * n.intersectionRatio) / 100 : 0), n.target === t && n.intersectionRatio === 1 && a.set(n.target, Infinity);
 		let r = null, i = 0;
@@ -4180,8 +4220,8 @@ function ga(e, t, n) {
 }
 //#endregion
 //#region src/compose/useSidebar.ts
-function _a(e = "(max-width: 800px)") {
-	let t = B(), n = O(!1), r = se(e, { ssrWidth: 1e3 });
+function ba(e = "(max-width: 800px)") {
+	let t = B(), n = O(!1), r = le(e, { ssrWidth: 1e3 });
 	function i(e) {
 		if (!r.value || !n.value) return;
 		let i = e.target, a = document.getElementById(`${t}-sidebar`), o = document.getElementById(`${t}-hamburger`);
@@ -4211,8 +4251,8 @@ function _a(e = "(max-width: 800px)") {
 }
 //#endregion
 //#region src/compose/useTableChanges.ts
-function va() {
-	let e = M(/* @__PURE__ */ new Map()), t = ee(), n = (n) => {
+function xa() {
+	let e = M(/* @__PURE__ */ new Map()), t = X(), n = (n) => {
 		let r = n.column.key, i = n.row.key, a = n.value, o = n.previousValue;
 		e.has(i) || e.set(i, M(/* @__PURE__ */ new Map()));
 		let s = e.get(i), c = s.get(r), l = c ? c.previousValue : o, u = c?.error;
@@ -4314,6 +4354,6 @@ function va() {
 	};
 }
 //#endregion
-export { $, er as A, Qt as B, gr as C, vr as D, hr as E, gn as F, ft as G, At as H, fn as I, $e as J, it as K, un as L, wn as M, yn as N, yr as O, _n as P, Re as Q, ln as R, Jr as S, _r as T, wt as U, Ht as V, yt as W, Ke as X, Qe as Y, qe as Z, _i as _, la as a, Q as at, li as b, Yi as c, Pi as d, ke as et, Ni as f, yi as g, Ci as h, ha as i, be as it, zn as j, pr as k, Hi as l, Di as m, _a as n, Ee as nt, Qi as o, Mi as p, et as q, ga as r, xe as rt, Zi as s, va as t, De as tt, Vi as u, pi as v, mr as w, ri as x, fi as y, on as z };
+export { $, tr as A, $t as B, _r as C, yr as D, gr as E, _n as F, pt as G, jt as H, pn as I, $e as J, at as K, dn as L, Tn as M, bn as N, br as O, vn as P, Re as Q, un as R, Zr as S, vr as T, Tt as U, Ut as V, bt as W, Ke as X, Qe as Y, qe as Z, bi as _, fa as a, Q as at, fi as b, Qi as c, Li as d, ke as et, Ii as f, Si as g, Ei as h, va as i, xe as it, Bn as j, mr as k, Gi as l, Ai as m, ba as n, Ee as nt, ta as o, Fi as p, et as q, ya as r, Se as rt, ea as s, xa as t, De as tt, Wi as u, gi as v, hr as w, oi as x, hi as y, sn as z };
 
-//# sourceMappingURL=grad-vue-sy7R1DvD.js.map
+//# sourceMappingURL=grad-vue-BkZSETi2.js.map