@illinois-grad/grad-vue 3.0.1 → 3.0.2

package/dist/{grad-vue-CCVxlgyA.js → grad-vue-SX-RHHr3.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, onUpdated as C, openBlock as w, provide as T, reactive as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as A, shallowReactive as j, shallowRef as M, toDisplayString as N, toRaw as P, toRef as F, toValue as I, unref as L, useAttrs as R, useId as z, useModel as B, useSlots as V, useTemplateRef as H, vModelCheckbox as U, vShow as ee, watch as W, watchEffect as G, withCtx as K, withDirectives as q, withModifiers as J } from "vue";
-import { createEventHook as Y, toArray as te, tryOnScopeDispose as X, unrefElement as ne, useClipboard as re, useDebounceFn as ie, useFocusWithin as ae, useIntersectionObserver as oe, useMediaQuery as se, useMutationObserver as ce, useResizeObserver as le, useSessionStorage as ue } from "@vueuse/core";
-import { createFocusTrap as de } from "focus-trap";
+import { createEventHook as Y, toArray as te, tryOnScopeDispose as X, unrefElement as Z, useClipboard as ne, useDebounceFn as re, useFocusWithin as ie, useIntersectionObserver as ae, useMediaQuery as oe, useMutationObserver as se, useResizeObserver as ce, useSessionStorage as le } from "@vueuse/core";
+import { createFocusTrap as ue } from "focus-trap";
 //#region src/compose/useCustomElementAttrs.ts
-function fe() {
+function de() {
 	return globalThis.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ === !0;
 }
-function pe(e = {}) {
+function fe(e = {}) {
 	let t = R(), n = globalThis.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ === !0, i = e.omitInCustomElement ?? [];
 	return {
 		attrs: t,
@@ -20,7 +20,7 @@ function pe(e = {}) {
 }
 //#endregion
 //#region src/components/GButton.vue?vue&type=script&setup=true&lang.ts
-var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Z = /* @__PURE__ */ u({
+var pe = { class: "g-btn--icon" }, me = { 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" }, Z = /* @__PUR
 		"mouseleave"
 	],
 	setup(t) {
-		let n = t, a = V(), { forwardedAttrs: c } = pe({ omitInCustomElement: ["id"] }), l = r(() => [
+		let n = t, a = V(), { forwardedAttrs: c } = fe({ omitInCustomElement: ["id"] }), l = r(() => [
 			"g-btn",
 			`g-btn--${n.size}`,
 			`g-btn--${n.theme}`,
@@ -79,11 +79,11 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Z = /* @__PUR
 			onMouseenter: u[7] ||= (e) => r.$emit("mouseenter", e),
 			onMouseleave: u[8] ||= (e) => r.$emit("mouseleave", e)
 		}), {
-			default: K(() => [t.icon || a.icon ? (w(), o(e, { key: 0 }, [s("span", me, [a.icon ? k(r.$slots, "icon", { key: 0 }) : (w(), o("span", {
+			default: K(() => [t.icon || a.icon ? (w(), o(e, { key: 0 }, [s("span", pe, [a.icon ? k(r.$slots, "icon", { key: 0 }) : (w(), o("span", {
 				key: 1,
 				class: _(t.icon + " g-btn--icon-span"),
 				"aria-hidden": "true"
-			}, null, 2))]), s("span", he, [k(r.$slots, "default")])], 64)) : k(r.$slots, "default", { key: 1 })]),
+			}, null, 2))]), s("span", me, [k(r.$slots, "default")])], 64)) : k(r.$slots, "default", { key: 1 })]),
 			_: 3
 		}, 16, [
 			"to",
@@ -91,24 +91,49 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Z = /* @__PUR
 			"type"
 		]));
 	}
-}), ge = ["id"], _e = { class: "g-tree-menu__content" }, ve = /* @__PURE__ */ u({
+}), he = ["id"], ge = { class: "g-tree-menu__divider" }, _e = {
+	key: 0,
+	class: "g-tree-menu__expand-all-wrapper"
+}, ve = { class: "g-tree-menu__content" }, ye = /* @__PURE__ */ u({
 	__name: "GTreeMenu",
 	props: {
 		heading: {},
 		listType: { default: "ul" },
 		theme: { default: "light" },
-		storageKey: {}
+		storageKey: {},
+		showExpandAll: {
+			type: Boolean,
+			default: !1
+		}
 	},
 	setup(e) {
 		let t = e, n = z();
-		T("g-tree-menu-list-type", t.listType), T("g-tree-menu-expanded-storage", t.storageKey ? ue(t.storageKey, {}) : null);
-		function r(e) {
+		T("g-tree-menu-list-type", t.listType), T("g-tree-menu-expanded-storage", t.storageKey ? le(t.storageKey, {}) : null);
+		let i = E(/* @__PURE__ */ new Map());
+		T("g-tree-menu-expandable-items", i);
+		let l = D({
+			expanded: !0,
+			version: 0
+		});
+		T("g-tree-menu-expand-all-signal", l);
+		let u = r(() => {
+			if (i.size === 0) return !1;
+			for (let e of i.values()) if (!e) return !1;
+			return !0;
+		});
+		function d() {
+			l.value = {
+				expanded: !u.value,
+				version: l.value.version + 1
+			};
+		}
+		function f(e) {
 			return e.querySelector("a, button, [tabindex='0']") || e;
 		}
-		function i(e) {
+		function p(e) {
 			return Array.from(e.querySelectorAll("[data-tree-primary]"));
 		}
-		function c(e) {
+		function m(e) {
 			let t = e.currentTarget, n = document.activeElement;
 			if (!t.contains(n) || ![
 				"ArrowUp",
@@ -118,46 +143,46 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Z = /* @__PUR
 				"Home",
 				"End"
 			].includes(e.key)) return;
-			let a = n.closest(".g-tree-menu__item"), o = a?.querySelector("[data-tree-primary]") ?? null, s = i(t), c = o ? s.indexOf(o) : -1;
+			let r = n.closest(".g-tree-menu__item"), i = r?.querySelector("[data-tree-primary]") ?? null, a = p(t), o = i ? a.indexOf(i) : -1;
 			switch (e.key) {
 				case "ArrowDown": {
-					let e = s[c + 1];
-					e && r(e).focus();
+					let e = a[o + 1];
+					e && f(e).focus();
 					break;
 				}
 				case "ArrowUp": {
-					let e = s[c - 1];
-					e && r(e).focus();
+					let e = a[o - 1];
+					e && f(e).focus();
 					break;
 				}
 				case "ArrowRight":
-					if (!a || a.dataset.treeExpandable !== "true") break;
-					if (a.querySelector("[aria-expanded='true']") === null) {
-						let e = a.querySelector(".g-tree-menu__toggle-btn");
+					if (!r || r.dataset.treeExpandable !== "true") break;
+					if (r.querySelector("[aria-expanded='true']") === null) {
+						let e = r.querySelector(".g-tree-menu__toggle-btn");
 						e && e.click();
 					} else {
-						let e = s[c + 1];
-						e && r(e).focus();
+						let e = a[o + 1];
+						e && f(e).focus();
 					}
 					break;
 				case "ArrowLeft":
-					if (!a) break;
-					if (a.querySelector("[aria-expanded='true']") !== null) {
-						let e = a.querySelector(".g-tree-menu__toggle-btn");
-						e && e.click(), o && g(() => r(o).focus());
+					if (!r) break;
+					if (r.querySelector("[aria-expanded='true']") !== null) {
+						let e = r.querySelector(".g-tree-menu__toggle-btn");
+						e && e.click(), i && g(() => f(i).focus());
 					} else {
-						let e = a.parentElement?.closest(".g-tree-menu__item");
+						let e = r.parentElement?.closest(".g-tree-menu__item");
 						if (e) {
 							let t = e.querySelector("[data-tree-primary]");
-							t && r(t).focus();
+							t && f(t).focus();
 						}
 					}
 					break;
 				case "Home":
-					s.length > 0 && r(s[0]).focus();
+					a.length > 0 && f(a[0]).focus();
 					break;
 				case "End":
-					s.length > 0 && r(s[s.length - 1]).focus();
+					a.length > 0 && f(a[a.length - 1]).focus();
 					break;
 			}
 			e.preventDefault();
@@ -165,17 +190,29 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Z = /* @__PUR
 		return (r, i) => (w(), o("nav", h({ class: ["g-tree-menu", `g-tree-menu--${t.theme}`] }, {
 			"aria-labelledby": e.heading ? L(n) : void 0,
 			"aria-label": e.heading ? void 0 : "Tree Menu"
-		}, { onKeydown: c }), [
+		}, { onKeydown: m }), [
 			e.heading ? (w(), o("h2", {
 				key: 0,
 				id: L(n),
 				class: "g-tree-menu__title"
-			}, N(e.heading), 9, ge)) : a("", !0),
-			i[0] ||= s("div", { class: "g-tree-menu__divider" }, null, -1),
-			s("div", _e, [k(r.$slots, "default")])
+			}, N(e.heading), 9, he)) : a("", !0),
+			s("div", ge, [i[1] ||= s("div", { class: "g-tree-menu__divider-line" }, null, -1), e.showExpandAll ? (w(), o("div", _e, [s("button", {
+				class: "g-tree-menu__expand-all-btn",
+				onClick: d
+			}, [(w(), o("svg", {
+				class: _(["g-tree-menu__expand-all-icon", { "g-tree-menu__expand-all-icon--collapse": u.value }]),
+				role: "none presentation",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2.5",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, [...i[0] ||= [s("polyline", { points: "7 8 12 13 17 8" }, null, -1), s("polyline", { points: "7 13 12 18 17 13" }, null, -1)]], 2)), c(" " + N(u.value ? "Collapse all" : "Expand all"), 1)])])) : a("", !0)]),
+			s("div", ve, [k(r.$slots, "default")])
 		], 16));
 	}
-}), ye = /* @__PURE__ */ u({
+}), be = /* @__PURE__ */ u({
 	name: "GTreeMenuList",
 	props: { listType: { default: void 0 } },
 	setup(e) {
@@ -185,16 +222,16 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Z = /* @__PUR
 			_: 3
 		}));
 	}
-}), be = ["data-tree-expandable"], xe = {
+}), xe = ["data-tree-expandable"], Se = {
 	key: 0,
 	class: "g-tree-menu__row"
-}, Se = { class: "g-tree-menu__row-content-text" }, Ce = {
+}, Ce = { class: "g-tree-menu__row-content-text" }, we = {
 	key: 1,
 	class: "g-tree-menu__row g-tree-menu__row--leaf"
-}, we = {
+}, Te = {
 	class: "g-tree-menu__row-content",
 	"data-tree-primary": ""
-}, Te = /* @__PURE__ */ u({
+}, Ee = /* @__PURE__ */ u({
 	name: "GTreeMenuItem",
 	props: {
 		label: {},
@@ -207,36 +244,56 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Z = /* @__PUR
 	setup(e, { emit: t }) {
 		let n = e, c = t, l = V(), u = d(), f = z(), m = (u?.ce)?._slots?.children?.length > 0, h = r(() => !!l.children || m), g = p("g-tree-menu-expanded-storage", null);
 		function v() {
-			return g && n.label !== void 0 && g.value[n.label] === !0 ? !0 : n.expanded;
+			if (g && n.label !== void 0) {
+				if (g.value[n.label] === !0) return !0;
+				n.expanded && (g.value[n.label] = !0);
+			}
+			return n.expanded;
 		}
 		let y = D(v());
 		W(() => n.expanded, (e) => {
 			g && n.label !== void 0 || (y.value = e);
 		}), W(y, (e) => {
-			g && n.label !== void 0 && (e ? g.value[n.label] = !0 : delete g.value[n.label]), x();
+			g && n.label !== void 0 && (e ? g.value[n.label] = !0 : delete g.value[n.label]), T();
 		});
 		let b = D(null);
-		function x() {
+		function T() {
 			if (!h.value || !b.value) return;
 			let e = b.value.querySelector("a, button");
 			e ? (e.setAttribute("aria-controls", f + "-children"), e.setAttribute("aria-expanded", y.value ? "true" : "false")) : console.warn("No focusable element found for GTreeMenuItem with label:", n.label, "Every item must at least have a plain button to properly work for accessibility.");
 		}
-		S(x), C(x);
-		function T() {
+		S(T), C(T);
+		function E() {
 			y.value = !y.value, y.value ? c("expand") : c("collapse");
 		}
-		function E(e) {
-			e.target.closest("a") || T();
+		let O = Symbol(), A = p("g-tree-menu-expandable-items", null), j = p("g-tree-menu-expand-all-signal", null), M = D(0);
+		function N() {
+			A && h.value && A.set(O, y.value);
 		}
-		function O(e) {
-			(e.key === "Enter" || e.key === " ") && (T(), e.preventDefault());
+		function P() {
+			A?.delete(O);
+		}
+		W(y, (e) => {
+			A && h.value && A.set(O, e);
+		}), j && W(() => j.value.version, () => {
+			h.value && (y.value = j.value.expanded, M.value = j.value.version);
+		}), S(() => {
+			N(), j && h.value && j.value.version > M.value && j.value.expanded && (y.value = !0, M.value = j.value.version);
+		}), x(() => {
+			P();
+		});
+		function F(e) {
+			e.target.closest("a") || E();
+		}
+		function I(e) {
+			(e.key === "Enter" || e.key === " ") && (E(), e.preventDefault());
 		}
 		return (e, t) => (w(), o("li", {
 			class: "g-tree-menu__item",
 			"data-tree-expandable": h.value ? "true" : void 0
-		}, [h.value ? (w(), o("div", xe, [s("div", {
+		}, [h.value ? (w(), o("div", Se, [s("div", {
 			class: "g-tree-menu__toggle-btn",
-			onClick: T
+			onClick: E
 		}, [(w(), o("svg", {
 			class: _(["g-tree-menu__chevron", { "g-tree-menu__chevron--expanded": y.value }]),
 			role: "none presentation",
@@ -251,20 +308,20 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Z = /* @__PUR
 			ref: b,
 			class: "g-tree-menu__row-content",
 			"data-tree-primary": "",
-			onClick: E,
-			onKeydown: O
-		}, [s("span", Se, [k(e.$slots, "default")])], 544)])) : (w(), o("div", Ce, [t[1] ||= s("span", { class: "g-tree-menu__spacer" }, null, -1), s("span", we, [k(e.$slots, "default")])])), h.value && y.value ? (w(), i(ye, {
+			onClick: F,
+			onKeydown: I
+		}, [s("span", Ce, [k(e.$slots, "default")])], 544)])) : (w(), o("div", we, [t[1] ||= s("span", { class: "g-tree-menu__spacer" }, null, -1), s("span", Te, [k(e.$slots, "default")])])), h.value && y.value ? (w(), i(be, {
 			key: 2,
 			id: L(f) + "-children"
 		}, {
 			default: K(() => [k(e.$slots, "children")]),
 			_: 3
-		}, 8, ["id"])) : a("", !0)], 8, be));
+		}, 8, ["id"])) : a("", !0)], 8, xe));
 	}
 });
 //#endregion
 //#region src/compose/useForm.ts
-function Ee() {
+function De() {
 	let e = j({}), t = D(!1), n = r(() => {
 		let t = {};
 		return Object.entries(e).forEach(([e, n]) => {
@@ -306,18 +363,18 @@ function Ee() {
 }
 //#endregion
 //#region src/compose/useWebComponentForm.ts
-function De() {
+function Oe() {
 	let e = globalThis;
 	return e.__GRAD_VUE_WC_FORMS__ ||= /* @__PURE__ */ new Map(), e.__GRAD_VUE_WC_FORMS__;
 }
-function Oe(e = "default") {
-	let t = De(), n = e || "default";
-	return t.has(n) || t.set(n, Ee()), t.get(n);
+function ke(e = "default") {
+	let t = Oe(), n = e || "default";
+	return t.has(n) || t.set(n, De()), t.get(n);
 }
 //#endregion
 //#region src/compose/useFormField.ts
-function Q(e) {
-	let t = R(), n = typeof t["form-key"] == "string" ? t["form-key"] : void 0, i = e.formKey ?? n ?? "default", a = p("form", null) ?? (fe() ? Oe(i) : null), o = r(() => {
+function $(e) {
+	let t = R(), n = typeof t["form-key"] == "string" ? t["form-key"] : void 0, i = e.formKey ?? n ?? "default", a = p("form", null) ?? (de() ? 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;
@@ -336,7 +393,7 @@ function Q(e) {
 }
 //#endregion
 //#region src/components/form/GFormErrorMessages.vue?vue&type=script&setup=true&lang.ts
-var ke = ["id"], Ae = /* @__PURE__ */ u({
+var Ae = ["id"], je = /* @__PURE__ */ u({
 	__name: "GFormErrorMessages",
 	props: {
 		errors: {},
@@ -358,13 +415,9 @@ var ke = ["id"], Ae = /* @__PURE__ */ u({
 		}, [s("path", {
 			fill: "currentColor",
 			d: "M320 64C334.7 64 348.2 72.1 355.2 85L571.2 485C577.9 497.4 577.6 512.4 570.4 524.5C563.2 536.6 550.1 544 536 544L104 544C89.9 544 76.8 536.6 69.6 524.5C62.4 512.4 62.1 497.4 68.8 485L284.8 85C291.8 72.1 305.3 64 320 64zM320 416C302.3 416 288 430.3 288 448C288 465.7 302.3 480 320 480C337.7 480 352 465.7 352 448C352 430.3 337.7 416 320 416zM320 224C301.8 224 287.3 239.5 288.6 257.7L296 361.7C296.9 374.2 307.4 384 319.9 384C332.5 384 342.9 374.3 343.8 361.7L351.2 257.7C352.5 239.5 338.1 224 319.8 224z"
-		})], -1), c(" " + N(e), 1)]))), 128))], 8, ke)) : a("", !0);
+		})], -1), c(" " + N(e), 1)]))), 128))], 8, Ae)) : a("", !0);
 	}
-}), $ = (e, t) => {
-	let n = e.__vccOpts || e;
-	for (let [e, r] of t) n[e] = r;
-	return n;
-}, je = /* @__PURE__ */ $(Ae, [["__scopeId", "data-v-8d738358"]]), Me = ["for"], Ne = {
+}), Me = ["for"], Ne = {
 	key: 0,
 	class: "g-text-input-required",
 	"aria-hidden": "true"
@@ -380,7 +433,7 @@ var ke = ["id"], Ae = /* @__PURE__ */ u({
 ], Le = {
 	key: 1,
 	class: "g-text-input-suffix"
-}, Re = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}, Re = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GTextInput",
 	props: /* @__PURE__ */ m({
@@ -407,7 +460,7 @@ var ke = ["id"], Ae = /* @__PURE__ */ u({
 	}),
 	emits: /* @__PURE__ */ m(["change"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, i = B(e, "modelValue"), u = z(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = pe({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: g, hasErrors: v } = Q({
+		let n = e, i = B(e, "modelValue"), u = z(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = fe({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: g, hasErrors: v } = $({
 			name: n.name,
 			value: i,
 			errors: F(n, "errors"),
@@ -449,7 +502,7 @@ var ke = ["id"], Ae = /* @__PURE__ */ u({
 				key: 1,
 				id: "instructions-" + L(u),
 				class: "g-text-input-instructions"
-			}, [k(t.$slots, "instructions", {}, () => [c(N(e.instructions), 1)], !0)], 8, Pe)) : a("", !0),
+			}, [k(t.$slots, "instructions", {}, () => [c(N(e.instructions), 1)])], 8, Pe)) : a("", !0),
 			s("div", { class: _([{ "g-text-input-field-wrapper": !0 }, `g-text-input-field-wrapper--${e.name || "nameless"}`]) }, [
 				n.prefix ? (w(), o("span", Fe, N(n.prefix), 1)) : a("", !0),
 				s("input", h({
@@ -477,7 +530,7 @@ var ke = ["id"], Ae = /* @__PURE__ */ u({
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), [["__scopeId", "data-v-eac54424"]]), ze = 100, Be = 200, Ve = 102, He = D([]), Ue = D([]), We = D([]);
+}), ze = 100, Be = 200, Ve = 102, He = D([]), Ue = D([]), We = D([]);
 function Ge() {
 	if (!(typeof document > "u")) if (We.value.length > 0) {
 		let e = window.innerWidth - document.documentElement.clientWidth;
@@ -530,9 +583,9 @@ function Xe(e, t = {}) {
 	let n, { immediate: i, ...a } = t, o = M(!1), s = M(!1), c = (e) => n && n.activate(e), l = (e) => n && n.deactivate(e);
 	return W(r(() => te(I(e)).map((e) => {
 		let t = I(e);
-		return typeof t == "string" ? t : ne(t);
+		return typeof t == "string" ? t : Z(t);
 	}).filter(Ye)), (e) => {
-		if (e.length) if (!n) n = de(e, {
+		if (e.length) if (!n) n = ue(e, {
 			...a,
 			onActivate() {
 				o.value = !0, t.onActivate && t.onActivate();
@@ -650,7 +703,7 @@ 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__ */ $(/* @__PURE__ */ u({
+var tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "aria-label"], it = /* @__PURE__ */ u({
 	__name: "GPopover",
 	props: {
 		minimal: {
@@ -672,7 +725,7 @@ var tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "ari
 		W(F(d, "modelValue"), (e) => {
 			p.value = e;
 		});
-		let m = V(), h = r(() => !!m.trigger), v = H("triggerRef"), b = H("popoverRef"), { isCustomElement: S } = pe(), C = S, T = z(), { push: E, pop: O, isTop: A, zIndex: j } = Ke(T, !0), { activate: M, deactivate: N } = Qe(b, A, !0);
+		let m = V(), h = r(() => !!m.trigger), v = H("triggerRef"), b = H("popoverRef"), { isCustomElement: S } = fe(), C = S, T = z(), { push: E, pop: O, isTop: A, zIndex: j } = Ke(T, !0), { activate: M, deactivate: N } = Qe(b, A, !0);
 		$e([b, v], A, p, I, O), W(p, (e) => {
 			e ? (g(() => {
 				g(() => M());
@@ -734,7 +787,7 @@ var tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "ari
 			ref: v,
 			class: "g-popover-trigger",
 			id: `${L(T)}-trigger`
-		}, [k(r.$slots, "trigger", { toggle: R }, void 0, !0)], 8, nt)) : a("", !0), (w(), i(t, {
+		}, [k(r.$slots, "trigger", { toggle: R })], 8, nt)) : a("", !0), (w(), i(t, {
 			to: "#modal-root",
 			disabled: L(C)
 		}, [l(n, {
@@ -767,7 +820,7 @@ var tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "ari
 					style: y(U.value),
 					"aria-hidden": "true"
 				}, null, 6)) : a("", !0),
-				k(r.$slots, "default", {}, void 0, !0),
+				k(r.$slots, "default"),
 				e.minimal ? a("", !0) : (w(), o("button", {
 					key: 1,
 					class: "g-popover-close",
@@ -787,7 +840,7 @@ var tt = { class: "g-popover-wrap" }, nt = ["id"], rt = ["aria-labelledby", "ari
 			_: 3
 		})], 8, ["disabled"]))]));
 	}
-}), [["__scopeId", "data-v-ff1430b9"]]), at = 1;
+}), at = 1;
 function ot(e = "v-gtooltip") {
 	return `${e}-${++at}`;
 }
@@ -817,7 +870,7 @@ function dt(e) {
 }
 //#endregion
 //#region src/components/GTooltip.vue
-var ft = /* @__PURE__ */ $(/* @__PURE__ */ u({
+var ft = /* @__PURE__ */ u({
 	__name: "GTooltip",
 	props: { text: {} },
 	emits: ["tooltip-hide"],
@@ -904,9 +957,9 @@ var ft = /* @__PURE__ */ $(/* @__PURE__ */ u({
 			ref_key: "triggerRef",
 			ref: d,
 			class: "g-tooltip-trigger"
-		}, [k(e.$slots, "trigger", {}, void 0, !0)], 512)) : a("", !0)], 512));
+		}, [k(e.$slots, "trigger")], 512)) : a("", !0)], 512));
 	}
-}), [["__scopeId", "data-v-55b17d52"]]), pt = ["disabled"], mt = { class: "g-select-btn-legend" }, ht = {
+}), pt = ["disabled"], mt = { class: "g-select-btn-legend" }, ht = {
 	key: 0,
 	class: "g-select-btn-required",
 	"aria-hidden": "true"
@@ -918,7 +971,7 @@ var ft = /* @__PURE__ */ $(/* @__PURE__ */ u({
 	"disabled",
 	"required",
 	"onChange"
-], vt = ["for"], yt = /* @__PURE__ */ $(/* @__PURE__ */ u({
+], vt = ["for"], yt = /* @__PURE__ */ u({
 	__name: "GSelectButton",
 	props: /* @__PURE__ */ m({
 		options: {},
@@ -941,7 +994,7 @@ var ft = /* @__PURE__ */ $(/* @__PURE__ */ u({
 	}),
 	emits: /* @__PURE__ */ m(["change"], ["update:modelValue"]),
 	setup(t, { emit: n }) {
-		let i = t, u = n, d = B(t, "modelValue"), f = z(), { displayErrors: p, hasErrors: m } = Q({
+		let i = t, u = n, d = B(t, "modelValue"), f = z(), { displayErrors: p, hasErrors: m } = $({
 			name: i.name,
 			value: d,
 			errors: F(i, "errors"),
@@ -978,7 +1031,7 @@ var ft = /* @__PURE__ */ $(/* @__PURE__ */ u({
 			id: "error-message-" + L(f)
 		}, null, 8, ["errors", "id"])], 2)], 10, pt));
 	}
-}), [["__scopeId", "data-v-1fa1740f"]]), bt = ["width", "height"], xt = [
+}), bt = ["width", "height"], xt = [
 	"cx",
 	"cy",
 	"r"
@@ -992,7 +1045,7 @@ var ft = /* @__PURE__ */ $(/* @__PURE__ */ u({
 	"cx",
 	"cy",
 	"r"
-], wt = /* @__PURE__ */ $(/* @__PURE__ */ u({
+], wt = /* @__PURE__ */ u({
 	__name: "GProgress",
 	props: {
 		label: { default: "Loading" },
@@ -1057,11 +1110,11 @@ var ft = /* @__PURE__ */ $(/* @__PURE__ */ u({
 			fill: "none"
 		}, null, 8, Ct))], 10, bt))], 16));
 	}
-}), [["__scopeId", "data-v-5e3715c1"]]), Tt = [
+}), Tt = [
 	"id",
 	"aria-labelledby",
 	"aria-describedby"
-], Et = { class: "g-alertdialog-inner" }, Dt = ["id"], Ot = ["id"], kt = { class: "g-alertdialog-actions" }, At = /* @__PURE__ */ $(/* @__PURE__ */ u({
+], Et = { class: "g-alertdialog-inner" }, Dt = ["id"], Ot = ["id"], kt = { class: "g-alertdialog-actions" }, At = /* @__PURE__ */ u({
 	__name: "GAlertDialog",
 	props: {
 		label: { default: "Confirmation" },
@@ -1100,14 +1153,14 @@ var ft = /* @__PURE__ */ $(/* @__PURE__ */ u({
 				s("div", {
 					id: "alertdialog-description-" + L(f),
 					class: "g-alertdialog-content"
-				}, [k(e.$slots, "default", {}, void 0, !0)], 8, Ot),
-				s("div", kt, [l(Z, {
+				}, [k(e.$slots, "default")], 8, Ot),
+				s("div", kt, [l(Q, {
 					outlined: "",
 					onClick: r[0] ||= (e) => o("cancel")
 				}, {
 					default: K(() => [...r[2] ||= [c("Cancel", -1)]]),
 					_: 1
-				}), l(Z, {
+				}), l(Q, {
 					theme: a.buttonColor,
 					onClick: r[1] ||= (e) => o("confirm")
 				}, {
@@ -1118,7 +1171,7 @@ var ft = /* @__PURE__ */ $(/* @__PURE__ */ u({
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-144faf08"]]);
+});
 //#endregion
 //#region src/compose/useSelectDropdown.ts
 function jt(e) {
@@ -1197,7 +1250,7 @@ var Nt = ["id"], Pt = {
 	key: 1,
 	"aria-live": "polite",
 	class: "g-select-combo-option g-select-option g-select-no-results"
-}, Ht = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}, Ht = /* @__PURE__ */ u({
 	__name: "GSelect",
 	props: /* @__PURE__ */ m({
 		options: {},
@@ -1230,7 +1283,7 @@ var Nt = ["id"], Pt = {
 	}),
 	emits: /* @__PURE__ */ m(["change"], ["update:modelValue"]),
 	setup(t, { emit: n }) {
-		let i = t, u = n, d = B(t, "modelValue"), f = z(), p = D(null), m = D(null), v = D(null), y = D(!1), b = D(0), x = D(!1), S = D(!1), { displayErrors: C, hasErrors: T } = Q({
+		let i = t, u = n, d = B(t, "modelValue"), f = z(), p = D(null), m = D(null), v = D(null), y = D(!1), b = D(0), x = D(!1), S = D(!1), { displayErrors: C, hasErrors: T } = $({
 			name: i.name,
 			value: d,
 			errors: F(i, "errors"),
@@ -1294,7 +1347,7 @@ var Nt = ["id"], Pt = {
 		function X() {
 			i.disabled || (y.value ? U() : H());
 		}
-		function ne(e) {
+		function Z(e) {
 			if (i.disabled) return;
 			let t = R.value.length - 1;
 			if (!y.value && [
@@ -1330,14 +1383,14 @@ var Nt = ["id"], Pt = {
 					break;
 			}
 		}
-		function re(e) {
+		function ne(e) {
 			te(e);
 		}
-		function ie() {
+		function re() {
 			x.value = !0;
 		}
-		let ae = r(() => i.clearButton && d.value !== null && d.value !== void 0 && !i.disabled);
-		function oe() {
+		let ie = r(() => i.clearButton && d.value !== null && d.value !== void 0 && !i.disabled);
+		function ae() {
 			i.disabled || (d.value = null, u("change", null), i.searchable && (I.value = ""));
 		}
 		return (n, r) => (w(), o("div", { class: _(["g-select-root g-select-combo", {
@@ -1366,7 +1419,7 @@ var Nt = ["id"], Pt = {
 					disabled: i.disabled,
 					onFocus: G,
 					onInput: K,
-					onKeydown: ne,
+					onKeydown: Z,
 					onBlur: Y,
 					"aria-autocomplete": "list",
 					"aria-controls": L(f) + "-listbox",
@@ -1378,11 +1431,11 @@ var Nt = ["id"], Pt = {
 					role: "combobox",
 					autocomplete: "off"
 				}), null, 16, Lt),
-				ae.value ? (w(), o("button", {
+				ie.value ? (w(), o("button", {
 					key: 0,
 					type: "button",
 					class: "g-select-clear-btn",
-					onClick: oe
+					onClick: ae
 				}, [...r[0] ||= [s("svg", {
 					role: "img",
 					"aria-label": "Clear Selection",
@@ -1418,16 +1471,16 @@ var Nt = ["id"], Pt = {
 				"aria-activedescendant": y.value ? L(f) + "-option-" + b.value : void 0,
 				tabindex: "0",
 				onClick: X,
-				onKeydown: ne,
+				onKeydown: Z,
 				onFocus: G,
 				onBlur: Y
 			}), [
 				c(N(P.value[V.value] ? P.value[V.value].label : "") + " ", 1),
-				ae.value ? (w(), o("button", {
+				ie.value ? (w(), o("button", {
 					key: 0,
 					type: "button",
 					class: "g-select-clear-btn",
-					onClick: J(oe, ["stop"])
+					onClick: J(ae, ["stop"])
 				}, [...r[2] ||= [s("svg", {
 					role: "img",
 					"aria-label": "Clear Selection",
@@ -1464,20 +1517,20 @@ var Nt = ["id"], Pt = {
 				}]),
 				role: "option",
 				"aria-selected": e.value === d.value ? "true" : "false",
-				onMousedown: ie,
-				onClick: (e) => re(t)
+				onMousedown: re,
+				onClick: (e) => ne(t)
 			}, [k(n.$slots, "option", {
 				option: e,
 				selected: e.value === d.value,
 				index: t
-			}, () => [c(N(e.label), 1)], !0)], 42, Bt))), 128)) : (w(), o("div", Vt, " No results found. "))], 16, zt), [[ee, y.value]])]),
+			}, () => [c(N(e.label), 1)])], 42, Bt))), 128)) : (w(), o("div", Vt, " No results found. "))], 16, zt), [[ee, y.value]])]),
 			l(je, {
 				errors: L(C),
 				id: "error-message-" + L(f)
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), [["__scopeId", "data-v-02abe093"]]), Ut = ["aria-label"], Wt = [
+}), Ut = ["aria-label"], Wt = [
 	"placeholder",
 	"value",
 	"aria-expanded",
@@ -1525,7 +1578,7 @@ var Nt = ["id"], Pt = {
 				e && e.scrollIntoView({ block: "nearest" });
 			});
 		}
-		let { focused: S } = ae(f);
+		let { focused: S } = ie(f);
 		function C(e) {
 			let t = e.altKey;
 			if (e.key === "ArrowDown") {
@@ -1549,7 +1602,7 @@ var Nt = ["id"], Pt = {
 		function T(e) {
 			d("select", e), l.value = "", m.value = !0, h.value = -1;
 		}
-		let E = r(() => !!u.loading), A = r(() => S.value && !m.value), j = ie(() => {
+		let E = r(() => !!u.loading), A = r(() => S.value && !m.value), j = re(() => {
 			d("submit", l.value);
 		}, 300);
 		W(() => l.value, (e) => {
@@ -1627,7 +1680,7 @@ var Nt = ["id"], Pt = {
 }, nn = {
 	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__ */ $(/* @__PURE__ */ u({
+}, rn = { class: "g-app-header__title" }, an = { class: "g-app-header__app-controls-wrap" }, on = /* @__PURE__ */ u({
 	__name: "GAppHeader",
 	props: {
 		illinois: {
@@ -1639,7 +1692,7 @@ var Nt = ["id"], Pt = {
 	setup(e) {
 		return (t, n) => (w(), o("header", $t, [
 			n[1] ||= s("div", { class: "g-app-header__background" }, [s("div", { class: "g-app-header__background-pattern" }), s("div", { class: "g-app-header__background-gradient" })], -1),
-			s("div", en, [k(t.$slots, "left", {}, () => [s("a", tn, N(e.brand), 1)], !0)]),
+			s("div", en, [k(t.$slots, "left", {}, () => [s("a", tn, N(e.brand), 1)])]),
 			e.illinois ? (w(), o("div", nn, [...n[0] ||= [s("svg", {
 				class: "g-app-header__block-i",
 				role: "img",
@@ -1656,12 +1709,12 @@ var Nt = ["id"], Pt = {
 					class: "g-app-header__block-i-fill",
 					d: "M42.1 18.1h9V3H3v15h9c1.7 0 3 1.3 3 3v36.1c0 1.7-1.3 3-3 3H3v15h48.1v-15h-9c-1.7 0-3-1.3-3-3v-36c0-1.7 1.4-3 3-3z"
 				})
-			], -1)]])) : k(t.$slots, "icon", { key: 1 }, void 0, !0),
-			s("div", rn, [k(t.$slots, "title", {}, void 0, !0)]),
-			s("div", an, [k(t.$slots, "app-controls", { class: "g-app-header__app-controls" }, void 0, !0)])
+			], -1)]])) : k(t.$slots, "icon", { key: 1 }),
+			s("div", rn, [k(t.$slots, "title")]),
+			s("div", an, [k(t.$slots, "app-controls", { class: "g-app-header__app-controls" })])
 		]));
 	}
-}), [["__scopeId", "data-v-f63e7e0f"]]);
+});
 //#endregion
 //#region src/compose/useWebComponentSidebar.ts
 function sn(e) {
@@ -1678,7 +1731,7 @@ function ln(e = "default", t = "(max-width: 800px)") {
 		n.set(r, {
 			id: `g-wc-sidebar-${e}`,
 			open: D(!1),
-			isCollapsible: se(t, { ssrWidth: 1e3 }),
+			isCollapsible: oe(t, { ssrWidth: 1e3 }),
 			toggle: () => void 0
 		});
 	}
@@ -1720,7 +1773,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
 		sidebarKey: { default: "default" }
 	},
 	setup(e) {
-		let t = e, n = p("sidebar", () => void 0, !0) ?? (fe() ? ln(t.sidebarKey) : void 0), i = r(() => t.backgroundImage ? t.backgroundImage : t.theme === "light" ? "none" : "url('https://gradcdn.blob.core.windows.net/public/sidebar-bg2.jpg')"), a = r(() => t.backgroundColor ? t.backgroundColor : t.theme === "light" ? "#f9f9f9" : "#030913"), s = r(() => t.topOffsetVar ? `var(${t.topOffsetVar})` : t.topOffset ? t.topOffset : "var(--g-toolbar-height)"), c = z();
+		let t = e, n = p("sidebar", () => void 0, !0) ?? (de() ? ln(t.sidebarKey) : void 0), i = r(() => t.backgroundImage ? t.backgroundImage : t.theme === "light" ? "none" : "url('https://gradcdn.blob.core.windows.net/public/sidebar-bg2.jpg')"), a = r(() => t.backgroundColor ? t.backgroundColor : t.theme === "light" ? "#f9f9f9" : "#030913"), s = r(() => t.topOffsetVar ? `var(${t.topOffsetVar})` : t.topOffset ? t.topOffset : "var(--g-toolbar-height)"), c = z();
 		function l(e) {
 			e.key === "Escape" && n?.isCollapsible?.value && n?.open?.value && (n.open.value = !1, document.getElementById(`${n.id}-hamburger`)?.focus());
 		}
@@ -1746,7 +1799,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
 	"href",
 	"aria-current",
 	"onClick"
-], hn = /* @__PURE__ */ $(/* @__PURE__ */ u({
+], hn = /* @__PURE__ */ u({
 	__name: "GSidebarMenu",
 	props: /* @__PURE__ */ m({
 		heading: {},
@@ -1821,7 +1874,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
 			}, N(e.label), 11, mn))]))), 128))])], 512)
 		], 16));
 	}
-}), [["__scopeId", "data-v-b7d64d0d"]]), gn = {
+}), gn = {
 	mounted(e, t) {
 		let n = D(null), r = D(!1), i = D(!1), a = D(t.value), o = null, s = !1, c = st(e), l = () => {
 			n.value || (n.value = ct(a.value, c), lt(n.value), o = new ResizeObserver(() => {
@@ -1873,7 +1926,7 @@ var un = ["id"], dn = /* @__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");
 	}
-}, _n = { class: "g-clipboard-text" }, vn = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}, _n = { class: "g-clipboard-text" }, vn = /* @__PURE__ */ u({
 	__name: "GClipboard",
 	props: {
 		text: {},
@@ -1881,7 +1934,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
 		copyLabel: {}
 	},
 	setup(t) {
-		let n = t, r = gn, { text: i, copy: l, copied: u, isSupported: d } = re({ source: n.text }), f = D(n.copyLabel ?? "Copy to clipboard"), p = () => {
+		let n = t, r = gn, { text: i, copy: l, copied: u, isSupported: d } = ne({ source: n.text }), f = D(n.copyLabel ?? "Copy to clipboard"), p = () => {
 			d.value ? (l(), f.value = "Copied") : f.value = "Copy not supported";
 		}, m = () => {
 			f.value = n.copyLabel ?? "Copy to clipboard";
@@ -1903,7 +1956,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
 			d: "M480 400L288 400C279.2 400 272 392.8 272 384L272 128C272 119.2 279.2 112 288 112L421.5 112C425.7 112 429.8 113.7 432.8 116.7L491.3 175.2C494.3 178.2 496 182.3 496 186.5L496 384C496 392.8 488.8 400 480 400zM288 448L480 448C515.3 448 544 419.3 544 384L544 186.5C544 169.5 537.3 153.2 525.3 141.2L466.7 82.7C454.7 70.7 438.5 64 421.5 64L288 64C252.7 64 224 92.7 224 128L224 384C224 419.3 252.7 448 288 448zM160 192C124.7 192 96 220.7 96 256L96 512C96 547.3 124.7 576 160 576L352 576C387.3 576 416 547.3 416 512L416 496L368 496L368 512C368 520.8 360.8 528 352 528L160 528C151.2 528 144 520.8 144 512L144 256C144 247.2 151.2 240 160 240L176 240L176 192L160 192z"
 		})], -1)]], 32)), [[L(r), f.value]])]));
 	}
-}), [["__scopeId", "data-v-9bc99389"]]), yn = { class: "g-history-scroller-wrapper" }, bn = {
+}), yn = { class: "g-history-scroller-wrapper" }, bn = {
 	key: 0,
 	class: "g-history-shadow g-history-shadow--top",
 	"aria-hidden": "true"
@@ -1911,7 +1964,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
 	key: 1,
 	class: "g-history-shadow g-history-shadow--bottom",
 	"aria-hidden": "true"
-}, Sn = ["role", "aria-label"], Cn = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}, Sn = ["role", "aria-label"], Cn = /* @__PURE__ */ u({
 	__name: "GHistoryScroller",
 	props: {
 		label: {},
@@ -1935,9 +1988,9 @@ var un = ["id"], dn = /* @__PURE__ */ u({
 		}
 		S(() => {
 			g(f);
-		}), le(i, () => {
+		}), ce(i, () => {
 			u.value && f();
-		}), le(c, () => {
+		}), ce(c, () => {
 			u.value && f();
 		}), W(() => n.entries, async () => {
 			u.value && (await g(), f());
@@ -1953,7 +2006,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
 				role: t.label ? "log" : void 0,
 				"aria-label": t.label,
 				onScroll: p
-			}, [l(Z, {
+			}, [l(Q, {
 				class: _(["g-scroll-to-bottom-btn", { "scroll-to-bottom-btn--hidden": u.value }]),
 				size: "small",
 				type: "button",
@@ -1980,10 +2033,10 @@ var un = ["id"], dn = /* @__PURE__ */ u({
 				key: e.id,
 				class: "g-history-entry",
 				tabindex: "-1"
-			}, [k(n.$slots, "default", { entry: e }, void 0, !0)]))), 128))], 512)], 40, Sn)
+			}, [k(n.$slots, "default", { entry: e })]))), 128))], 512)], 40, Sn)
 		]));
 	}
-}), [["__scopeId", "data-v-6ab298fe"]]), wn = { class: "g-three-way-toggle-wrapper" }, Tn = { class: "g-three-way-toggle-control" }, En = ["id"], Dn = [
+}), wn = { class: "g-three-way-toggle-wrapper" }, Tn = { class: "g-three-way-toggle-control" }, En = ["id"], Dn = [
 	"aria-labelledby",
 	"aria-describedby",
 	"disabled",
@@ -2004,7 +2057,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
 	"name",
 	"checked",
 	"disabled"
-], Ln = ["id"], Rn = /* @__PURE__ */ $(/* @__PURE__ */ u({
+], Ln = ["id"], Rn = /* @__PURE__ */ u({
 	__name: "GThreeWayToggle",
 	props: /* @__PURE__ */ m({
 		label: {},
@@ -2041,7 +2094,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
 		return (t, n) => (w(), o("div", wn, [s("div", Tn, [s("span", {
 			class: "g-label",
 			id: L(p)
-		}, [k(t.$slots, "label", {}, () => [c(N(e.label), 1)], !0)], 8, En), s("fieldset", {
+		}, [k(t.$slots, "label", {}, () => [c(N(e.label), 1)])], 8, En), s("fieldset", {
 			class: _(["g-three-way-toggle", { "g-has-error": e.error }]),
 			role: "radiogroup",
 			"aria-labelledby": L(p),
@@ -2102,7 +2155,7 @@ var un = ["id"], dn = /* @__PURE__ */ u({
 			"aria-atomic": "true"
 		}, N(e.error), 9, Ln)) : a("", !0)]));
 	}
-}), [["__scopeId", "data-v-891622f8"]]), zn = {
+}), zn = {
 	ref: "tableBodyRef",
 	class: "efficient-table-body"
 }, Bn = ["aria-rowindex"], Vn = {
@@ -2376,7 +2429,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 ], Ar = ["for"], jr = {
 	key: 1,
 	class: "g-bulk-actions-toolbar"
-}, Mr = { class: "g-selected-count" }, Nr = { class: "g-bulk-actions" }, Pr = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}, Mr = { class: "g-selected-count" }, Nr = { class: "g-bulk-actions" }, Pr = /* @__PURE__ */ u({
 	__name: "GTable",
 	props: /* @__PURE__ */ m({
 		label: {},
@@ -2459,7 +2512,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 				previousValue: r
 			});
 		}
-		let Y = z(), te = V(), X = r(() => m.showPagination ? !0 : !!te.pagination), ne = r(() => !!(C.value || X.value));
+		let Y = z(), te = V(), X = r(() => m.showPagination ? !0 : !!te.pagination), Z = r(() => !!(C.value || X.value));
 		return S(() => {
 			m.rowClickable && m.bulkSelectionEnabled && console.warn("GTable: rowClickable and bulkSelectionEnabled cannot be used together. rowClickable will be ignored.");
 			for (let e of m.columns) if (e.editable && e.display && console.warn(`GTable: Column "${String(e.key)}" has both 'editable' and 'display' configured. 'display' will be ignored.`), e.filter && e.filter.type === "multi-select" && !Array.isArray(f.value[e.key])) {
@@ -2472,8 +2525,8 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 				f.value[t.key] = e ? [e] : [];
 			}
 		}, { immediate: !0 }), (n, r) => (w(), o("div", or, [
-			ne.value ? (w(), o("div", sr, [
-				s("div", cr, [L(C) ? (w(), i(Z, {
+			Z.value ? (w(), o("div", sr, [
+				s("div", cr, [L(C) ? (w(), i(Q, {
 					key: 0,
 					outlined: "",
 					size: "small",
@@ -2491,7 +2544,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 					})], -1), s("span", { class: "g-clear-filters-text" }, " Clear Filters ", -1)]]),
 					_: 1
 				}, 8, ["onClick"])) : a("", !0)]),
-				X.value ? (w(), o("div", lr, [k(n.$slots, "pagination", {}, void 0, !0)])) : a("", !0),
+				X.value ? (w(), o("div", lr, [k(n.$slots, "pagination")])) : a("", !0),
 				s("span", ur, N(m.resultCount || t.data.length) + " results", 1)
 			])) : a("", !0),
 			s("table", {
@@ -2581,7 +2634,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 						value: e.value,
 						name: "filter-multiselect"
 					}, null, 8, kr), [[U, f.value[t.key]]]), s("label", { for: `filter-${String(t.key)}-${e.value}` }, N(e.label), 9, Ar)]))), 128)),
-					f.value[t.key] && f.value[t.key].length ? (w(), i(Z, {
+					f.value[t.key] && f.value[t.key].length ? (w(), i(Q, {
 						key: 0,
 						class: "clear-multiselect-btn",
 						theme: "accent",
@@ -2621,7 +2674,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 				"table-id",
 				"change-tracker"
 			])], 8, dr),
-			t.bulkSelectionEnabled && p.value.length > 0 ? (w(), o("div", jr, [s("span", Mr, N(p.value.length) + " row" + N(p.value.length === 1 ? "" : "s") + " selected", 1), s("ul", Nr, [(w(!0), o(e, null, O(t.bulkActions, (e) => (w(), o("li", { key: e.id }, [l(Z, {
+			t.bulkSelectionEnabled && p.value.length > 0 ? (w(), o("div", jr, [s("span", Mr, N(p.value.length) + " row" + N(p.value.length === 1 ? "" : "s") + " selected", 1), s("ul", Nr, [(w(!0), o(e, null, O(t.bulkActions, (e) => (w(), o("li", { key: e.id }, [l(Q, {
 				theme: e.theme || "accent",
 				onClick: (t) => ee(e.id),
 				size: "small"
@@ -2631,10 +2684,10 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			}, 1032, ["theme", "onClick"])]))), 128))])])) : a("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-f9897dcf"]]), Fr = {
+}), Fr = {
 	class: "g-pagination",
 	"aria-label": "Pagination"
-}, Ir = ["disabled"], Lr = ["disabled"], Rr = { class: "page-range" }, zr = ["disabled"], Br = ["disabled"], Vr = ["value"], Hr = ["value"], Ur = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}, Ir = ["disabled"], Lr = ["disabled"], Rr = { class: "page-range" }, zr = ["disabled"], Br = ["disabled"], Vr = ["value"], Hr = ["value"], Ur = /* @__PURE__ */ u({
 	__name: "GTablePagination",
 	props: /* @__PURE__ */ m({
 		start: {},
@@ -2770,7 +2823,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			}, "per page", -1)
 		]));
 	}
-}), [["__scopeId", "data-v-ae2bd887"]]), Wr = ["id"], Gr = { class: "g-modal-inner" }, Kr = { class: "g-modal-header" }, qr = ["id"], Jr = ["id"], Yr = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}), Wr = ["id"], Gr = { class: "g-modal-inner" }, Kr = { class: "g-modal-header" }, qr = ["id"], Jr = ["id"], Yr = /* @__PURE__ */ u({
 	__name: "GModal",
 	props: {
 		label: {},
@@ -2834,16 +2887,16 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			})], -1)]])]), s("div", {
 				id: "modal-description-" + L(m),
 				class: "g-modal-content"
-			}, [k(r.$slots, "default", {}, void 0, !0)], 8, Jr)])], 16, Wr)]),
+			}, [k(r.$slots, "default")], 8, Jr)])], 16, Wr)]),
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-1b1aed31"]]), Xr = [
+}), Xr = [
 	"id",
 	"aria-expanded",
 	"aria-label",
 	"aria-controls"
-], Zr = /* @__PURE__ */ $(/* @__PURE__ */ u({
+], Zr = /* @__PURE__ */ u({
 	__name: "GHamburgerMenu",
 	props: {
 		label: { default: "Main Navigation" },
@@ -2851,7 +2904,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 	},
 	emits: ["toggle"],
 	setup(e, { emit: t }) {
-		let n = e, r = p("sidebar") ?? (fe() ? ln(n.sidebarKey) : void 0), i = t;
+		let n = e, r = p("sidebar") ?? (de() ? ln(n.sidebarKey) : void 0), i = t;
 		function a() {
 			i("toggle"), r?.toggle();
 		}
@@ -2875,14 +2928,14 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			viewBox: "0 0 51.26 51.26"
 		}, [s("g", { fill: "currentColor" }, [s("path", { d: "M11.6 16.52h28.06a3.24 3.24 0 1 0 0-6.48H11.6a3.24 3.24 0 0 0 0 6.48ZM39.66 22.07H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48ZM39.66 34.1H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48Z" })])], -1)]], 42, Xr));
 	}
-}), [["__scopeId", "data-v-0f050e0d"]]), Qr = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}), Qr = /* @__PURE__ */ u({
 	__name: "GDetailList",
 	props: { variant: { default: "grid" } },
 	setup(e) {
 		let t = e;
-		return (e, n) => (w(), o("dl", { class: _(["g-detail-list", `g-detail-list--${t.variant}`]) }, [k(e.$slots, "default", {}, void 0, !0)], 2));
+		return (e, n) => (w(), o("dl", { class: _(["g-detail-list", `g-detail-list--${t.variant}`]) }, [k(e.$slots, "default")], 2));
 	}
-}), [["__scopeId", "data-v-483dfe5a"]]), $r = { class: "g-detail-list-item" }, ei = { class: "g-detail-list-item__label" }, ti = { class: "g-detail-list-item__value" }, ni = /* @__PURE__ */ u({
+}), $r = { class: "g-detail-list-item" }, ei = { class: "g-detail-list-item__label" }, ti = { class: "g-detail-list-item__value" }, ni = /* @__PURE__ */ u({
 	__name: "GDetailListItem",
 	props: { label: {} },
 	setup(e) {
@@ -2900,7 +2953,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			_: 1
 		}));
 	}
-}), ai = { class: "popover-content" }, oi = { class: "year-dropdown" }, si = { class: "month-selector" }, ci = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}), ai = { class: "popover-content" }, oi = { class: "year-dropdown" }, si = { class: "month-selector" }, ci = /* @__PURE__ */ u({
 	__name: "GTermSelectorControl",
 	props: /* @__PURE__ */ m({
 		termYears: { default: () => ["2026"] },
@@ -2942,10 +2995,10 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			"label"
 		])])]));
 	}
-}), [["__scopeId", "data-v-43c70980"]]), li = { class: "g-term-selector" }, ui = { class: "g-term-label" }, di = {
-	class: "popover-title",
+}), li = { class: "g-term-selector" }, ui = { class: "g-term-label" }, di = {
+	class: "g-popover-title",
 	tabindex: "-1"
-}, fi = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}, fi = /* @__PURE__ */ u({
 	__name: "GTermSelector",
 	props: /* @__PURE__ */ m({
 		heading: { default: "Period Selection" },
@@ -2968,7 +3021,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 	setup(e) {
 		let t = B(e, "modelValue");
 		return (n, r) => (w(), o("div", li, [l(it, null, {
-			trigger: K(({ toggle: e }) => [l(Z, {
+			trigger: K(({ toggle: e }) => [l(Q, {
 				class: "g-term-selector-button",
 				theme: "none",
 				outlined: "",
@@ -2993,11 +3046,11 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			_: 1
 		})]));
 	}
-}), [["__scopeId", "data-v-654fee32"]]), pi = { class: "g-user-menu" }, mi = [
+}), pi = { class: "g-user-menu" }, mi = [
 	"aria-label",
 	"aria-expanded",
 	"onClick"
-], hi = { class: "g-user-menu__popover" }, gi = { class: "g-user-menu__list" }, _i = /* @__PURE__ */ $(/* @__PURE__ */ u({
+], hi = { class: "g-user-menu__popover" }, gi = { class: "g-user-menu__list" }, _i = /* @__PURE__ */ u({
 	__name: "GUserMenu",
 	props: {
 		initials: {},
@@ -3035,7 +3088,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			_: 1
 		}, 8, ["modelValue"])]));
 	}
-}), [["__scopeId", "data-v-a8faaa6a"]]), vi = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}), vi = /* @__PURE__ */ u({
 	__name: "GCurrencyInput",
 	props: /* @__PURE__ */ m({
 		label: { default: void 0 },
@@ -3086,7 +3139,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			"form-key"
 		]));
 	}
-}), [["__scopeId", "data-v-350291e5"]]), yi = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}), yi = /* @__PURE__ */ u({
 	__name: "GEmailInput",
 	props: /* @__PURE__ */ m({
 		label: { default: void 0 },
@@ -3131,7 +3184,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			"instructions"
 		]));
 	}
-}), [["__scopeId", "data-v-be41be01"]]), bi = ["for"], xi = {
+}), bi = ["for"], xi = {
 	key: 0,
 	class: "g-file-input-required"
 }, Si = {
@@ -3150,7 +3203,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 	key: 1,
 	class: "g-file-input-pills",
 	"aria-label": "Selected files"
-}, Ei = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}, Ei = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GFileInput",
 	props: /* @__PURE__ */ m({
@@ -3180,7 +3233,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 	}),
 	emits: /* @__PURE__ */ m(["change"], ["update:modelValue"]),
 	setup(t, { emit: n }) {
-		let i = t, u = B(t, "modelValue"), d = z(), { displayErrors: f } = Q({
+		let i = t, u = B(t, "modelValue"), d = z(), { displayErrors: f } = $({
 			name: i.name,
 			value: u,
 			errors: F(i, "errors"),
@@ -3242,7 +3295,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), [["__scopeId", "data-v-636fce77"]]), Di = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}), Di = /* @__PURE__ */ u({
 	__name: "GDateInput",
 	props: /* @__PURE__ */ m({
 		label: { default: void 0 },
@@ -3290,7 +3343,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			"form-key"
 		]));
 	}
-}), [["__scopeId", "data-v-28023f8d"]]), Oi = { class: "g-date-range-input" }, ki = {
+}), Oi = { class: "g-date-range-input" }, ki = {
 	key: 0,
 	class: "g-date-range-input__label"
 }, Ai = {
@@ -3304,7 +3357,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 	key: 2,
 	class: "g-date-range-input__errors",
 	role: "alert"
-}, Pi = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}, Pi = /* @__PURE__ */ u({
 	__name: "GDateRangeInput",
 	props: /* @__PURE__ */ m({
 		label: { default: void 0 },
@@ -3331,7 +3384,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 	}),
 	emits: ["update:modelValue"],
 	setup(t) {
-		let n = t, r = B(t, "modelValue"), i = D(r.value.start || null), u = D(r.value.end || null), { displayErrors: d } = Q({
+		let n = t, r = B(t, "modelValue"), i = D(r.value.start || null), u = D(r.value.end || null), { displayErrors: d } = $({
 			name: n.name,
 			value: r,
 			errors: F(n, "errors"),
@@ -3378,7 +3431,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			}, N(e), 1))), 128))])) : a("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-8bc7eea1"]]), Fi = ["action", "method"], Ii = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}), Fi = ["action", "method"], Ii = /* @__PURE__ */ u({
 	__name: "GForm",
 	props: /* @__PURE__ */ m({
 		action: { default: void 0 },
@@ -3390,7 +3443,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 	}),
 	emits: /* @__PURE__ */ m(["submit"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, r = B(e, "modelValue"), i = t, a = p("form", null), s = a ?? (fe() ? Oe(n.formKey) : Ee());
+		let n = e, r = B(e, "modelValue"), i = t, a = p("form", null), s = a ?? (de() ? ke(n.formKey) : De());
 		a || T("form", s), W(() => s.values.value, (e) => {
 			r.value = { ...e };
 		}, { deep: !0 }), W(() => r.value, (e) => {
@@ -3418,9 +3471,9 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			hasErrors: L(s).hasErrors.value,
 			values: L(s).values.value,
 			errors: L(s).errors.value
-		}, void 0, !0)], 40, Fi));
+		})], 40, Fi));
 	}
-}), [["__scopeId", "data-v-fb48f889"]]), Li = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}), Li = /* @__PURE__ */ u({
 	__name: "GSubmitButton",
 	props: {
 		disabled: {
@@ -3432,18 +3485,18 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 		formKey: { default: "default" }
 	},
 	setup(e) {
-		let t = e, n = R(), a = typeof n["form-key"] == "string" ? n["form-key"] : void 0, o = t.formKey || a || "default", l = p("form", null) ?? (fe() ? Oe(o) : null), u = r(() => t.disabled || (l?.isSubmitting.value ?? !1)), d = r(() => l?.isSubmitting.value ?? !1);
-		return (e, n) => (w(), i(Z, {
+		let t = e, n = R(), a = typeof n["form-key"] == "string" ? n["form-key"] : void 0, o = t.formKey || a || "default", l = p("form", null) ?? (de() ? ke(o) : null), u = r(() => t.disabled || (l?.isSubmitting.value ?? !1)), d = r(() => l?.isSubmitting.value ?? !1);
+		return (e, n) => (w(), i(Q, {
 			type: "submit",
 			disabled: u.value,
 			variant: t.variant,
 			class: "g-submit-button"
 		}, {
-			default: K(() => [q(s("span", null, N(t.loadingText), 513), [[ee, d.value]]), q(s("span", null, [k(e.$slots, "default", {}, () => [n[0] ||= c("Submit", -1)], !0)], 512), [[ee, !d.value]])]),
+			default: K(() => [q(s("span", null, N(t.loadingText), 513), [[ee, d.value]]), q(s("span", null, [k(e.$slots, "default", {}, () => [n[0] ||= c("Submit", -1)])], 512), [[ee, !d.value]])]),
 			_: 3
 		}, 8, ["disabled", "variant"]));
 	}
-}), [["__scopeId", "data-v-50613b67"]]), Ri = {
+}), Ri = {
 	key: 0,
 	class: "g-checkbox-group__legend"
 }, zi = {
@@ -3466,7 +3519,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 	"disabled",
 	"required",
 	"onChange"
-], Ki = { class: "g-checkbox-group__label-text" }, qi = ["id"], Ji = /* @__PURE__ */ $(/* @__PURE__ */ u({
+], Ki = { class: "g-checkbox-group__label-text" }, qi = ["id"], Ji = /* @__PURE__ */ u({
 	__name: "GCheckboxGroup",
 	props: /* @__PURE__ */ m({
 		label: { default: void 0 },
@@ -3489,7 +3542,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 	}),
 	emits: /* @__PURE__ */ m(["change"], ["update:modelValue"]),
 	setup(t, { emit: n }) {
-		let u = t, d = B(t, "modelValue"), f = z(), { displayErrors: p, hasErrors: m } = Q({
+		let u = t, d = B(t, "modelValue"), f = z(), { displayErrors: p, hasErrors: m } = $({
 			name: u.name,
 			value: d,
 			errors: F(u, "errors"),
@@ -3562,7 +3615,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			_: 1
 		}, 16, ["class"]));
 	}
-}), [["__scopeId", "data-v-8579d4e4"]]), Yi = ["for"], Xi = {
+}), Yi = ["for"], Xi = {
 	key: 0,
 	class: "g-textarea-required",
 	"aria-hidden": "true"
@@ -3579,7 +3632,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 	key: 2,
 	class: "g-textarea-char-count",
 	"aria-live": "polite"
-}, ea = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}, ea = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GTextarea",
 	props: /* @__PURE__ */ m({
@@ -3613,7 +3666,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 	}),
 	emits: /* @__PURE__ */ m(["change"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, i = B(e, "modelValue"), u = z(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = pe({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: v, hasErrors: y } = Q({
+		let n = e, i = B(e, "modelValue"), u = z(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = fe({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: v, hasErrors: y } = $({
 			name: n.name,
 			value: i,
 			errors: F(n, "errors"),
@@ -3657,7 +3710,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 				key: 1,
 				id: "instructions-" + L(u),
 				class: "g-textarea-instructions"
-			}, [k(t.$slots, "instructions", {}, () => [c(N(e.instructions), 1)], !0)], 8, Zi)) : a("", !0),
+			}, [k(t.$slots, "instructions", {}, () => [c(N(e.instructions), 1)])], 8, Zi)) : a("", !0),
 			s("textarea", h({
 				ref: "textareaEl",
 				value: i.value ?? "",
@@ -3686,7 +3739,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), [["__scopeId", "data-v-c188d107"]]), ta = ["id", "for"], na = {
+}), ta = ["id", "for"], na = {
 	key: 0,
 	class: "g-multiselect-required",
 	"aria-hidden": "true"
@@ -3720,7 +3773,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 	key: 1,
 	"aria-live": "polite",
 	class: "g-multiselect-option g-multiselect-no-results"
-}, pa = /* @__PURE__ */ $(/* @__PURE__ */ u({
+}, pa = /* @__PURE__ */ u({
 	__name: "GMultiSelect",
 	props: /* @__PURE__ */ m({
 		options: {},
@@ -3748,7 +3801,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 	}),
 	emits: /* @__PURE__ */ m(["change"], ["update:modelValue"]),
 	setup(t, { emit: n }) {
-		let i = t, u = n, d = B(t, "modelValue"), f = z(), p = D(null), m = D(null), v = D(null), y = D(!1), b = D(0), x = D(""), S = D(!1), { displayErrors: C, hasErrors: T } = Q({
+		let i = t, u = n, d = B(t, "modelValue"), f = z(), p = D(null), m = D(null), v = D(null), y = D(!1), b = D(0), x = D(""), S = D(!1), { displayErrors: C, hasErrors: T } = $({
 			name: i.name,
 			value: d,
 			errors: F(i, "errors"),
@@ -3808,10 +3861,10 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 		function X(e) {
 			e.preventDefault();
 		}
-		function ne() {
+		function Z() {
 			S.value = !0;
 		}
-		function re(e) {
+		function ne(e) {
 			if (i.disabled) return;
 			let t = P.value.length - 1;
 			switch (e.key) {
@@ -3841,9 +3894,9 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 					break;
 			}
 		}
-		let ie = r(() => `${f}-input`), ae = r(() => `${f}-label`), oe = r(() => `${f}-instructions`), se = r(() => `error-message-${f}`), ce = r(() => {
+		let re = r(() => `${f}-input`), ie = r(() => `${f}-label`), ae = r(() => `${f}-instructions`), oe = r(() => `error-message-${f}`), se = r(() => {
 			let e = [];
-			return i.instructions && e.push(oe.value), T.value && e.push(se.value), e.length > 0 ? e.join(" ") : void 0;
+			return i.instructions && e.push(ae.value), T.value && e.push(oe.value), e.length > 0 ? e.join(" ") : void 0;
 		});
 		return (n, r) => (w(), o("div", { class: _(["g-multiselect-root", {
 			"g-multiselect-open": y.value,
@@ -3851,13 +3904,13 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 		}]) }, [
 			t.hiddenLabel ? a("", !0) : (w(), o("label", {
 				key: 0,
-				id: ae.value,
-				for: ie.value,
+				id: ie.value,
+				for: re.value,
 				class: "g-multiselect-label"
 			}, [c(N(t.label), 1), t.required ? (w(), o("span", na, " *")) : a("", !0)], 8, ta)),
 			t.instructions ? (w(), o("div", {
 				key: 1,
-				id: oe.value,
+				id: ae.value,
 				class: "g-multiselect-instructions"
 			}, N(t.instructions), 9, ra)) : a("", !0),
 			s("div", {
@@ -3868,7 +3921,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			}, [
 				s("ul", {
 					class: "g-multiselect-chips",
-					"aria-labelledby": ae.value
+					"aria-labelledby": ie.value
 				}, [(w(!0), o(e, null, O(d.value, (e) => (w(), o("li", {
 					key: e,
 					class: "g-multiselect-chip"
@@ -3877,7 +3930,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 					class: "g-multiselect-chip-remove",
 					"aria-label": `Remove ${R(e)}`,
 					disabled: t.disabled,
-					onMousedown: ne,
+					onMousedown: Z,
 					onClick: J((t) => W(e), ["stop"])
 				}, [...r[0] ||= [s("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
@@ -3894,7 +3947,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 					type: "text",
 					role: "combobox",
 					class: "g-multiselect-input",
-					id: ie.value,
+					id: re.value,
 					value: x.value,
 					placeholder: d.value.length === 0 ? t.placeholder : void 0,
 					disabled: t.disabled,
@@ -3905,10 +3958,10 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 					"aria-controls": L(f) + "-listbox",
 					"aria-activedescendant": y.value && P.value.length > 0 ? L(f) + "-option-" + b.value : void 0
 				}, t.hiddenLabel ? { "aria-label": t.label } : void 0, {
-					"aria-describedby": ce.value,
+					"aria-describedby": se.value,
 					"aria-required": t.required ? "true" : void 0,
 					onInput: K,
-					onKeydown: re,
+					onKeydown: ne,
 					onFocus: Y,
 					onBlur: te
 				}), null, 16, sa),
@@ -3928,7 +3981,7 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 					id: L(f) + "-listbox",
 					role: "listbox",
 					"aria-multiselectable": "true"
-				}, t.hiddenLabel ? { "aria-label": t.label } : { "aria-labelledby": ae.value }, {
+				}, t.hiddenLabel ? { "aria-label": t.label } : { "aria-labelledby": ie.value }, {
 					class: ["g-multiselect-listbox", { "g-multiselect-listbox--above": L(E) === "above" }],
 					style: L(k),
 					tabindex: "-1"
@@ -3947,11 +4000,11 @@ var or = { class: "g-table-outer-wrap" }, sr = {
 			], 2),
 			l(je, {
 				errors: L(C),
-				id: se.value
+				id: oe.value
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), [["__scopeId", "data-v-5516c2ba"]]);
+});
 //#endregion
 //#region src/compose/useActiveLink.ts
 function ma(e, t, n) {
@@ -3961,11 +4014,11 @@ function ma(e, t, n) {
 		.5,
 		.75,
 		1
-	], i = `${-t}px 0px 0px 0px`, a = /* @__PURE__ */ new Map(), o = D(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 = D(Array.from(Z(e)?.children || []));
+	se(e, () => {
+		o.value = Array.from(Z(e)?.children || []);
 	}, { childList: !0 });
-	let { stop: s } = oe(o, (e) => {
+	let { stop: s } = ae(o, (e) => {
 		let t = o.value[o.value.length - 1];
 		for (let n of e) a.set(n.target, n.isIntersecting ? Math.ceil(100 * n.intersectionRatio) / 100 : 0), n.target === t && n.intersectionRatio === 1 && a.set(n.target, Infinity);
 		let r = null, i = 0;
@@ -3985,7 +4038,7 @@ function ma(e, t, n) {
 //#endregion
 //#region src/compose/useSidebar.ts
 function ha(e = "(max-width: 800px)") {
-	let t = z(), n = D(!1), r = se(e, { ssrWidth: 1e3 });
+	let t = z(), n = D(!1), r = oe(e, { ssrWidth: 1e3 });
 	function i(e) {
 		if (!r.value || !n.value) return;
 		let i = e.target, a = document.getElementById(`${t}-sidebar`);
@@ -4118,6 +4171,6 @@ function ga() {
 	};
 }
 //#endregion
-export { Oe as $, $n as A, Ht as B, Pr as C, tr as D, rr as E, hn as F, it as G, wt as H, dn as I, Qe as J, et as K, ln as L, Cn as M, vn as N, ir as O, gn as P, Q, on as R, Ur as S, er as T, yt as U, At as V, ft as W, qe as X, Ke as Y, Re as Z, ii as _, ea as a, Zr as b, Ii as c, Ei as d, Ee as et, yi as f, ci as g, fi as h, pa as i, Z as it, Rn as j, ar as k, Pi as l, _i as m, ha as n, ye as nt, Ji as o, vi as p, $e as q, ma as r, ve as rt, Li as s, ga as t, Te as tt, Di as u, ni as v, nr as w, Yr as x, Qr as y, Qt as z };
+export { ke as $, $n as A, Ht as B, Pr as C, tr as D, rr as E, hn as F, it as G, wt as H, dn as I, Qe as J, et as K, ln as L, Cn as M, vn as N, ir as O, gn as P, $ as Q, on as R, Ur as S, er as T, yt as U, At as V, ft as W, qe as X, Ke as Y, Re as Z, ii as _, ea as a, Zr as b, Ii as c, Ei as d, De as et, yi as f, ci as g, fi as h, pa as i, Q as it, Rn as j, ar as k, Pi as l, _i as m, ha as n, be as nt, Ji as o, vi as p, $e as q, ma as r, ye as rt, Li as s, ga as t, Ee as tt, Di as u, ni as v, nr as w, Yr as x, Qr as y, Qt as z };
 
-//# sourceMappingURL=grad-vue-CCVxlgyA.js.map
+//# sourceMappingURL=grad-vue-SX-RHHr3.js.map