@illinois-grad/grad-vue 3.0.13 → 3.0.15

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

@@ -130,8 +130,9 @@ var he = { class: "g-btn--icon" }, ge = { class: "g-btn--label" }, Q = /* @__PUR
 			return !0;
 		});
 		function f() {
+			let e = !d.value;
 			u.value = {
-				expanded: !d.value,
+				expanded: e,
 				version: u.value.version + 1
 			};
 		}
@@ -511,7 +512,8 @@ var Ae = ["id"], je = /* @__PURE__ */ u({
 			}
 		}
 		function C(e) {
-			b.value = e.target.value, x && clearTimeout(x), x = setTimeout(() => {
+			let t = e.target.value;
+			b.value = t, x && clearTimeout(x), x = setTimeout(() => {
 				S(b.value), x = null;
 			}, n.debounce);
 		}
@@ -1292,11 +1294,14 @@ var Pt = ["id"], Ft = {
 	"id",
 	"aria-selected",
 	"onClick"
-], Ht = {
+], Ht = { class: "g-select-option-label" }, Ut = {
+	key: 0,
+	class: "g-select-option-description"
+}, Wt = {
 	key: 1,
 	"aria-live": "polite",
 	class: "g-select-combo-option g-select-option g-select-no-results"
-}, Ut = /* @__PURE__ */ u({
+}, Gt = /* @__PURE__ */ u({
 	__name: "GSelect",
 	props: /*@__PURE__*/ m({
 		options: {},
@@ -1316,6 +1321,10 @@ var Pt = ["id"], Ft = {
 			type: Boolean,
 			default: !1
 		},
+		searchDescription: {
+			type: Boolean,
+			default: !0
+		},
 		clearButton: { type: Boolean },
 		compact: {
 			type: Boolean,
@@ -1343,7 +1352,7 @@ var Pt = ["id"], Ft = {
 		}), 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));
+			return N.value.filter((t) => t.label.toLowerCase().includes(e) || i.searchDescription && !!t.description && t.description.toLowerCase().includes(e));
 		}), z = r(() => L.value.findIndex((e) => e.value === d.value));
 		K(() => d.value, (e) => {
 			let t = L.value.findIndex((t) => t.value === e);
@@ -1569,34 +1578,34 @@ var Pt = ["id"], Ft = {
 				option: e,
 				selected: e.value === d.value,
 				index: t
-			}, () => [c(P(e.label), 1)])], 42, Vt))), 128)) : (T(), o("div", Ht, " No results found. "))], 16, Bt), [[ee, y.value]])]),
+			}, () => [s("span", Ht, P(e.label), 1), e.description ? (T(), o("span", Ut, P(e.description), 1)) : a("", !0)])], 42, Vt))), 128)) : (T(), o("div", Wt, " No results found. "))], 16, Bt), [[ee, y.value]])]),
 			l(je, {
 				errors: R(C),
 				id: "error-message-" + R(f)
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), Wt = ["aria-label"], Gt = [
+}), Kt = ["aria-label"], qt = [
 	"placeholder",
 	"value",
 	"aria-expanded",
 	"aria-controls",
 	"aria-activedescendant"
-], Kt = {
+], Jt = {
 	key: 0,
 	class: "g-search-dropdown"
-}, qt = {
+}, Yt = {
 	"aria-live": "polite",
 	class: "g-search-result-count"
-}, Jt = ["id"], Yt = ["aria-label"], Xt = { class: "g-search-group-label" }, Zt = [
+}, Xt = ["id"], Zt = ["aria-label"], Qt = { class: "g-search-group-label" }, $t = [
 	"id",
 	"onMousedown",
 	"aria-selected"
-], Qt = [
+], en = [
 	"id",
 	"onMousedown",
 	"aria-selected"
-], $t = /* @__PURE__ */ u({
+], tn = /* @__PURE__ */ u({
 	__name: "GSearch",
 	props: /*@__PURE__*/ m({
 		results: {},
@@ -1677,7 +1686,7 @@ var Pt = ["id"], Ft = {
 			"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, Gt), s("button", {
+		}, null, 40, qt), s("button", {
 			type: "submit",
 			class: "g-search-submit",
 			"aria-label": "Submit search",
@@ -1693,7 +1702,7 @@ var Pt = ["id"], Ft = {
 		}, [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", 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", {
+		})], -1)], 32)], 32), D.value ? (T(), o("div", Jt, [s("div", Yt, [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",
@@ -1704,29 +1713,29 @@ var Pt = ["id"], Ft = {
 			class: "g-search-group",
 			role: "group",
 			"aria-label": n.label
-		}, [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", {
+		}, [A(t.$slots, "group", { group: n }, () => [s("div", Qt, 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: 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, Zt))), 128))], 8, Yt))), 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, $t))), 128))], 8, Zt))), 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: te((t) => w(e), ["prevent"]),
 			"aria-selected": h.value === n
-		}, [A(t.$slots, "option", { option: e }, () => [c(P(e.title), 1)])], 42, Qt))), 128)) : a("", !0)], 8, Jt)])) : a("", !0)], 8, Wt));
+		}, [A(t.$slots, "option", { option: e }, () => [c(P(e.title), 1)])], 42, en))), 128)) : a("", !0)], 8, Xt)])) : a("", !0)], 8, Kt));
 	}
-}), en = { class: /*@__PURE__*/ _({ "g-app-header": !0 }) }, tn = { class: "g-app-header__brand" }, nn = {
+}), nn = { class: /*@__PURE__*/ _({ "g-app-header": !0 }) }, rn = { class: "g-app-header__brand" }, an = {
 	class: "g-app-header__brand-text",
 	href: "/"
-}, rn = {
+}, on = {
 	key: 0,
 	class: "g-app-header__block-i-container"
-}, an = { class: "g-app-header__title" }, on = { class: "g-app-header__app-controls-wrap" }, sn = /* @__PURE__ */ u({
+}, sn = { class: "g-app-header__title" }, cn = { class: "g-app-header__app-controls-wrap" }, ln = /* @__PURE__ */ u({
 	__name: "GAppHeader",
 	props: {
 		illinois: {
@@ -1736,10 +1745,10 @@ var Pt = ["id"], Ft = {
 		brand: { default: "GRAD" }
 	},
 	setup(e) {
-		return (t, n) => (T(), o("header", en, [
+		return (t, n) => (T(), o("header", nn, [
 			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", tn, [A(t.$slots, "left", {}, () => [s("a", nn, P(e.brand), 1)])]),
-			e.illinois ? (T(), o("div", rn, [...n[0] ||= [s("svg", {
+			s("div", rn, [A(t.$slots, "left", {}, () => [s("a", an, P(e.brand), 1)])]),
+			e.illinois ? (T(), o("div", on, [...n[0] ||= [s("svg", {
 				class: "g-app-header__block-i",
 				role: "img",
 				width: "55",
@@ -1756,24 +1765,24 @@ var Pt = ["id"], Ft = {
 					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", an, [A(t.$slots, "title")]),
-			s("div", on, [A(t.$slots, "app-controls", { class: "g-app-header__app-controls" })])
+			s("div", sn, [A(t.$slots, "title")]),
+			s("div", cn, [A(t.$slots, "app-controls", { class: "g-app-header__app-controls" })])
 		]));
 	}
 });
 //#endregion
 //#region src/compose/useWebComponentSidebar.ts
-function cn(e) {
+function un(e) {
 	return e.replace(/[^a-zA-Z0-9_-]/g, "-");
 }
-function ln() {
+function dn() {
 	let e = globalThis;
 	return e.__GRAD_VUE_WC_SIDEBAR_CHANNELS__ ||= /* @__PURE__ */ new Map(), e.__GRAD_VUE_WC_SIDEBAR_CHANNELS__;
 }
-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)";
+function fn(e = "default", t) {
+	let n = dn(), r = e || "default", i = typeof t == "string" ? t : t?.value, a = i && i.trim() ? i : "(max-width: 800px)";
 	if (!n.has(r)) {
-		let e = cn(r), t = O(a);
+		let e = un(r), t = O(a);
 		n.set(r, {
 			id: `g-wc-sidebar-${e}`,
 			open: O(!1),
@@ -1810,7 +1819,7 @@ function un(e = "default", t) {
 }
 //#endregion
 //#region src/compose/useScrollRestore.ts
-function dn(e, t) {
+function pn(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);
@@ -1893,7 +1902,7 @@ function dn(e, t) {
 }
 //#endregion
 //#region src/components/GSidebar.vue?vue&type=script&setup=true&lang.ts
-var fn = ["id"], pn = /* @__PURE__ */ u({
+var mn = ["id"], hn = /* @__PURE__ */ u({
 	__name: "GSidebar",
 	props: {
 		backgroundColor: { default: "" },
@@ -1907,7 +1916,7 @@ var fn = ["id"], pn = /* @__PURE__ */ u({
 		storageKey: {}
 	},
 	setup(e) {
-		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);
+		let t = e, n = p("sidebar", () => void 0, !0) ?? (Z() ? fn(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 } = pn(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());
 		}
@@ -1928,13 +1937,13 @@ var fn = ["id"], pn = /* @__PURE__ */ u({
 				width: "var(--g-sidebar-width)"
 			}),
 			onKeydown: u
-		}, [A(t.$slots, "default")], 46, fn));
+		}, [A(t.$slots, "default")], 46, mn));
 	}
-}), mn = ["id"], hn = { class: "g-sidebar-menu__list" }, gn = [
+}), gn = ["id"], _n = { class: "g-sidebar-menu__list" }, vn = [
 	"href",
 	"aria-current",
 	"onClick"
-], _n = /* @__PURE__ */ u({
+], yn = /* @__PURE__ */ u({
 	__name: "GSidebarMenu",
 	props: /*@__PURE__*/ m({
 		heading: {},
@@ -1982,13 +1991,13 @@ var fn = ["id"], pn = /* @__PURE__ */ u({
 				key: 0,
 				id: R(y),
 				class: "g-sidebar-menu__title"
-			}, P(t.heading), 9, mn)) : a("", !0),
+			}, P(t.heading), 9, gn)) : 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", hn, [(T(!0), o(e, null, k(t.items, (e) => (T(), o("li", {
+			}, [s("ul", _n, [(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,
@@ -2006,10 +2015,10 @@ var fn = ["id"], pn = /* @__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, gn))]))), 128))])], 512)
+			}, P(e.label), 11, vn))]))), 128))])], 512)
 		], 16));
 	}
-}), vn = {
+}), bn = {
 	mounted(e, t) {
 		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(() => {
@@ -2061,7 +2070,7 @@ var fn = ["id"], pn = /* @__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");
 	}
-}, yn = { class: "g-clipboard-text" }, bn = /* @__PURE__ */ u({
+}, xn = { class: "g-clipboard-text" }, Sn = /* @__PURE__ */ u({
 	__name: "GClipboard",
 	props: {
 		text: {},
@@ -2069,12 +2078,12 @@ var fn = ["id"], pn = /* @__PURE__ */ u({
 		copyLabel: {}
 	},
 	setup(t) {
-		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 = () => {
+		let n = t, r = bn, { 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", yn, [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", xn, [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,
@@ -2091,15 +2100,15 @@ var fn = ["id"], pn = /* @__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)), [[R(r), f.value]])]));
 	}
-}), xn = { class: "g-history-scroller-wrapper" }, Sn = {
+}), Cn = { class: "g-history-scroller-wrapper" }, wn = {
 	key: 0,
 	class: "g-history-shadow g-history-shadow--top",
 	"aria-hidden": "true"
-}, Cn = {
+}, Tn = {
 	key: 1,
 	class: "g-history-shadow g-history-shadow--bottom",
 	"aria-hidden": "true"
-}, wn = ["role", "aria-label"], Tn = /* @__PURE__ */ u({
+}, En = ["role", "aria-label"], Dn = /* @__PURE__ */ u({
 	__name: "GHistoryScroller",
 	props: {
 		label: {},
@@ -2131,9 +2140,9 @@ var fn = ["id"], pn = /* @__PURE__ */ u({
 			u.value && (await g(), f());
 		});
 		let m = r(() => [...n.entries].reverse());
-		return (n, r) => (T(), o("div", xn, [
-			d.value ? a("", !0) : (T(), o("div", Sn)),
-			u.value ? a("", !0) : (T(), o("div", Cn)),
+		return (n, r) => (T(), o("div", Cn, [
+			d.value ? a("", !0) : (T(), o("div", wn)),
+			u.value ? a("", !0) : (T(), o("div", Tn)),
 			s("div", {
 				ref_key: "scrollerRef",
 				ref: i,
@@ -2168,31 +2177,31 @@ var fn = ["id"], pn = /* @__PURE__ */ u({
 				key: e.id,
 				class: "g-history-entry",
 				tabindex: "-1"
-			}, [A(n.$slots, "default", { entry: e })]))), 128))], 512)], 40, wn)
+			}, [A(n.$slots, "default", { entry: e })]))), 128))], 512)], 40, En)
 		]));
 	}
-}), En = { class: "g-three-way-toggle-wrapper" }, Dn = { class: "g-three-way-toggle-control" }, On = ["id"], kn = [
+}), On = { class: "g-three-way-toggle-wrapper" }, kn = { class: "g-three-way-toggle-control" }, An = ["id"], jn = [
 	"aria-labelledby",
 	"aria-describedby",
 	"disabled",
 	"aria-invalid",
 	"aria-errormessage"
-], An = { key: 0 }, jn = { key: 1 }, Mn = { key: 2 }, Nn = ["for"], Pn = [
+], Mn = { key: 0 }, Nn = { key: 1 }, Pn = { key: 2 }, Fn = ["for"], In = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], Fn = ["for"], In = [
+], Ln = ["for"], Rn = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], Ln = ["for"], Rn = [
+], zn = ["for"], Bn = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], zn = ["id"], Bn = /* @__PURE__ */ u({
+], Vn = ["id"], Hn = /* @__PURE__ */ u({
 	__name: "GThreeWayToggle",
 	props: /*@__PURE__*/ m({
 		label: {},
@@ -2226,10 +2235,10 @@ var fn = ["id"], pn = /* @__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", En, [s("div", Dn, [s("span", {
+		return (t, n) => (T(), o("div", On, [s("div", kn, [s("span", {
 			class: "g-label",
 			id: R(p)
-		}, [A(t.$slots, "label", {}, () => [c(P(e.label), 1)])], 8, On), s("fieldset", {
+		}, [A(t.$slots, "label", {}, () => [c(P(e.label), 1)])], 8, An), s("fieldset", {
 			class: _(["g-three-way-toggle", { "g-has-error": e.error }]),
 			role: "radiogroup",
 			"aria-labelledby": R(p),
@@ -2241,7 +2250,7 @@ var fn = ["id"], pn = /* @__PURE__ */ u({
 			s("span", {
 				class: _(["g-toggle-thumb", y.value]),
 				"aria-hidden": "true"
-			}, [i.value === !1 ? (T(), o("span", An, "NO")) : i.value === !0 ? (T(), o("span", jn, "YES")) : (T(), o("span", Mn))], 2),
+			}, [i.value === !1 ? (T(), o("span", Mn, "NO")) : i.value === !0 ? (T(), o("span", Nn, "YES")) : (T(), o("span", Pn))], 2),
 			s("label", {
 				for: R(h),
 				class: "g-toggle-option g-left",
@@ -2255,7 +2264,7 @@ var fn = ["id"], pn = /* @__PURE__ */ u({
 				value: "false",
 				disabled: e.disabled,
 				onChange: n[0] ||= (e) => d(!1)
-			}, null, 40, Pn), n[5] ||= s("span", { class: "ilw-sr-only" }, "No", -1)], 40, Nn),
+			}, null, 40, In), n[5] ||= s("span", { class: "ilw-sr-only" }, "No", -1)], 40, Fn),
 			s("label", {
 				for: R(g),
 				class: "g-toggle-option g-center",
@@ -2267,7 +2276,7 @@ var fn = ["id"], pn = /* @__PURE__ */ u({
 				checked: i.value === null,
 				disabled: e.disabled,
 				onChange: n[2] ||= (e) => d(null)
-			}, null, 40, In), n[6] ||= s("span", { class: "ilw-sr-only" }, "Unset", -1)], 40, Fn),
+			}, null, 40, Rn), n[6] ||= s("span", { class: "ilw-sr-only" }, "Unset", -1)], 40, Ln),
 			s("label", {
 				for: R(v),
 				class: "g-toggle-option g-right",
@@ -2281,54 +2290,54 @@ var fn = ["id"], pn = /* @__PURE__ */ u({
 				checked: i.value === !0,
 				disabled: e.disabled,
 				onChange: n[3] ||= (e) => d(!0)
-			}, null, 40, Rn), n[7] ||= s("span", { class: "ilw-sr-only" }, "Yes", -1)], 40, Ln)
-		], 2)], 10, kn)]), e.error ? (T(), o("div", {
+			}, null, 40, Bn), n[7] ||= s("span", { class: "ilw-sr-only" }, "Yes", -1)], 40, zn)
+		], 2)], 10, jn)]), e.error ? (T(), o("div", {
 			key: 0,
 			id: `${R(p)}-error`,
 			class: "g-form-error",
 			role: "alert",
 			"aria-atomic": "true"
-		}, P(e.error), 9, zn)) : a("", !0)]));
+		}, P(e.error), 9, Vn)) : a("", !0)]));
 	}
-}), Vn = {
+}), Un = {
 	ref: "tableBodyRef",
 	class: "efficient-table-body"
-}, Hn = ["aria-rowindex"], Un = {
+}, Wn = ["aria-rowindex"], Gn = {
 	key: 0,
 	class: "table-group-checkbox"
-}, Wn = ["colspan"], Gn = [
+}, Kn = ["colspan"], qn = [
 	"aria-rowindex",
 	"onMousedown",
 	"onClick"
-], Kn = [
+], Jn = [
 	"checked",
 	"onClick",
 	"aria-label",
 	"name"
-], qn = ["id"], Jn = {
+], Yn = ["id"], Xn = {
 	key: 0,
 	class: "editable-cell"
-}, Yn = {
+}, Zn = {
 	key: 0,
 	class: "cell-prefix"
-}, Xn = [
+}, Qn = [
 	"value",
 	"onChange",
 	"aria-labelledby",
 	"aria-invalid",
 	"aria-errormessage",
 	"name"
-], Zn = ["value"], Qn = [
+], $n = ["value"], er = [
 	"value",
 	"onInput",
 	"aria-labelledby",
 	"aria-invalid",
 	"aria-errormessage",
 	"name"
-], $n = {
+], tr = {
 	key: 3,
 	class: "cell-suffix"
-}, er = ["id"], tr = /* @__PURE__ */ u({
+}, nr = ["id"], rr = /* @__PURE__ */ u({
 	__name: "GTableBody",
 	props: {
 		data: {},
@@ -2397,13 +2406,13 @@ var fn = ["id"], pn = /* @__PURE__ */ u({
 		function C(e, t) {
 			if (l.changeTracker) return l.changeTracker.getError(e.key, t.key);
 		}
-		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", {
+		return (n, r) => (T(), o("tbody", Un, [(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", Un)) : a("", !0), s("td", {
+		}, [t.bulkSelectionEnabled ? (T(), o("td", Gn)) : 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, Wn)], 8, Hn)) : 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, Kn)], 8, Wn)) : a("", !0), s("tr", {
 			class: _([
 				"efficient-table-row",
 				{
@@ -2426,7 +2435,7 @@ var fn = ["id"], pn = /* @__PURE__ */ u({
 			"aria-label": `Select row ${n.key}`,
 			name: `row-${n.key}-checkbox`,
 			class: "g-bulk-select-checkbox"
-		}, null, 8, Kn)])) : a("", !0), (T(!0), o(e, null, k(t.columns, (r) => (T(), o("td", {
+		}, null, 8, Jn)])) : 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: _([
@@ -2435,8 +2444,8 @@ var fn = ["id"], pn = /* @__PURE__ */ u({
 				S(n, r) ? "g-cell-error" : "",
 				typeof r.tdClass == "function" ? r.tdClass(n) : r.tdClass
 			])
-		}, [r.editable ? (T(), o("div", Jn, [
-			r.editable.prefix ? (T(), o("span", Yn, P(r.editable.prefix), 1)) : a("", !0),
+		}, [r.editable ? (T(), o("div", Xn, [
+			r.editable.prefix ? (T(), o("span", Zn, P(r.editable.prefix), 1)) : a("", !0),
 			r.editable.type === "select" ? (T(), o("select", {
 				key: 1,
 				value: n[r.key],
@@ -2449,7 +2458,7 @@ var fn = ["id"], pn = /* @__PURE__ */ u({
 			}, [(T(!0), o(e, null, k(r.editable.options, (e) => (T(), o("option", {
 				key: e.value,
 				value: e.value
-			}, P(e.label), 9, Zn))), 128))], 40, Xn)) : (T(), o("input", h({
+			}, P(e.label), 9, $n))), 128))], 40, Qn)) : (T(), o("input", h({
 				key: 2,
 				value: n[r.key]
 			}, { ref_for: !0 }, r.editable.inputAttributes, {
@@ -2463,24 +2472,24 @@ var fn = ["id"], pn = /* @__PURE__ */ u({
 					paddingLeft: r.editable.prefix ? "1.5rem" : void 0,
 					paddingRight: r.editable.suffix ? "2rem" : void 0
 				}
-			}), null, 16, Qn)),
-			r.editable.suffix ? (T(), o("span", $n, P(r.editable.suffix), 1)) : a("", !0)
+			}), null, 16, er)),
+			r.editable.suffix ? (T(), o("span", tr, 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, er)) : a("", !0)], 10, qn))), 128))], 42, Gn)], 64))), 128))], 512));
+		}, P(C(n, r)), 9, nr)) : a("", !0)], 10, Yn))), 128))], 42, qn)], 64))), 128))], 512));
 	}
-}), nr = ["id", "for"], rr = {
+}), ir = ["id", "for"], ar = {
 	key: 0,
 	class: "g-multiselect-required",
 	"aria-hidden": "true"
-}, ir = ["id"], ar = ["aria-labelledby"], or = { class: "g-multiselect-chip-label" }, sr = [
+}, or = ["id"], sr = ["aria-labelledby"], cr = { class: "g-multiselect-chip-label" }, lr = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], cr = [
+], ur = [
 	"id",
 	"value",
 	"placeholder",
@@ -2490,23 +2499,26 @@ var fn = ["id"], pn = /* @__PURE__ */ u({
 	"aria-activedescendant",
 	"aria-describedby",
 	"aria-required"
-], lr = ["id"], ur = [
+], dr = ["id"], fr = [
 	"id",
 	"aria-selected",
 	"onClick"
-], dr = {
+], pr = {
 	class: "g-multiselect-option-check",
 	"aria-hidden": "true"
-}, fr = {
+}, mr = {
 	key: 0,
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 640 640",
 	width: "1.25em"
-}, pr = {
+}, hr = { class: "g-multiselect-option-text" }, gr = { class: "g-multiselect-option-label" }, _r = {
+	key: 0,
+	class: "g-multiselect-option-description"
+}, vr = {
 	key: 1,
 	"aria-live": "polite",
 	class: "g-multiselect-option g-multiselect-no-results"
-}, mr = /* @__PURE__ */ u({
+}, yr = /* @__PURE__ */ u({
 	__name: "GMultiSelect",
 	props: /*@__PURE__*/ m({
 		options: {},
@@ -2525,6 +2537,10 @@ var fn = ["id"], pn = /* @__PURE__ */ u({
 			default: !1
 		},
 		name: {},
+		searchDescription: {
+			type: Boolean,
+			default: !0
+		},
 		errors: { default: () => [] },
 		instructions: {},
 		formKey: {}
@@ -2548,7 +2564,7 @@ var fn = ["id"], pn = /* @__PURE__ */ u({
 		}), 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));
+			return M.value.filter((t) => t.label.toLowerCase().includes(e) || i.searchDescription && !!t.description && t.description.toLowerCase().includes(e));
 		});
 		function F(e) {
 			return d.value.includes(e);
@@ -2640,12 +2656,12 @@ var fn = ["id"], pn = /* @__PURE__ */ u({
 				id: ae.value,
 				for: ie.value,
 				class: "g-multiselect-label"
-			}, [c(P(t.label), 1), t.required ? (T(), o("span", rr, " *")) : a("", !0)], 8, nr)),
+			}, [c(P(t.label), 1), t.required ? (T(), o("span", ar, " *")) : a("", !0)], 8, ir)),
 			t.instructions ? (T(), o("div", {
 				key: 1,
 				id: oe.value,
 				class: "g-multiselect-instructions"
-			}, P(t.instructions), 9, ir)) : a("", !0),
+			}, P(t.instructions), 9, or)) : a("", !0),
 			s("div", {
 				ref_key: "controlRef",
 				ref: m,
@@ -2659,7 +2675,7 @@ var fn = ["id"], pn = /* @__PURE__ */ u({
 				}, [(T(!0), o(e, null, k(d.value, (e) => (T(), o("li", {
 					key: e,
 					class: "g-multiselect-chip"
-				}, [s("span", or, P(L(e)), 1), s("button", {
+				}, [s("span", cr, P(L(e)), 1), s("button", {
 					type: "button",
 					class: "g-multiselect-chip-remove",
 					"aria-label": `Remove ${L(e)}`,
@@ -2674,7 +2690,7 @@ var fn = ["id"], pn = /* @__PURE__ */ u({
 				}, [s("path", {
 					fill: "currentColor",
 					d: "m37.84 32.94-7.63-7.63 7.63-7.63a3.24 3.24 0 0 0-4.58-4.58l-7.63 7.63L18 13.1a3.24 3.24 0 0 0-4.58 4.58L21 25.31l-7.62 7.63A3.24 3.24 0 1 0 18 37.52l7.63-7.63 7.63 7.63a3.24 3.24 0 0 0 4.58-4.58Z"
-				})], -1)]], 40, sr)]))), 128))], 8, ar)) : a("", !0),
+				})], -1)]], 40, lr)]))), 128))], 8, sr)) : a("", !0),
 				s("input", h({
 					ref_key: "inputRef",
 					ref: p,
@@ -2698,7 +2714,7 @@ var fn = ["id"], pn = /* @__PURE__ */ u({
 					onKeydown: re,
 					onFocus: q,
 					onBlur: J
-				}), null, 16, cr),
+				}), null, 16, ur),
 				r[2] ||= s("svg", {
 					class: "g-multiselect-caret",
 					xmlns: "http://www.w3.org/2000/svg",
@@ -2730,7 +2746,7 @@ var fn = ["id"], pn = /* @__PURE__ */ u({
 					"aria-selected": F(e.value) ? "true" : "false",
 					onMousedown: X,
 					onClick: (e) => U(t)
-				}, [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]])
+				}, [s("span", pr, [F(e.value) ? (T(), o("svg", mr, [...r[1] ||= [s("path", { d: "M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z" }, null, -1)]])) : a("", !0)]), s("span", hr, [s("span", gr, P(e.label), 1), e.description ? (T(), o("span", _r, P(e.description), 1)) : a("", !0)])], 42, fr))), 128)) : (T(), o("div", vr, " No results found. "))], 16, dr), [[ee, y.value]])
 			], 2),
 			l(je, {
 				errors: R(C),
@@ -2741,28 +2757,28 @@ var fn = ["id"], pn = /* @__PURE__ */ u({
 });
 //#endregion
 //#region src/compose/useFiltering.ts
-function hr(e) {
+function br(e) {
 	if (!(Array.isArray(e) && e.length === 0) && !(e === null || e === !1 || e === "")) return e;
 }
-function gr(e) {
+function xr(e) {
 	return Object.fromEntries(Object.entries(e).filter(([e, t]) => t && (!Array.isArray(t) || t.length > 0)));
 }
-function _r(e) {
+function Sr(e) {
 	if (e != null) return Array.isArray(e) ? e.filter((e) => e != null) : [e];
 }
-function vr(e) {
+function Cr(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 yr(e) {
+function wr(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 br(e, t = {}) {
+function Tr(e, t = {}) {
 	let n = D(Object.fromEntries(Object.entries(e).map(([e, t]) => [e, t]))), i = t.syncWith;
 	if (i) {
 		if (i.value) {
@@ -2775,13 +2791,13 @@ function br(e, t = {}) {
 			});
 		}
 		K(n, (e) => {
-			i.value = yr(e);
+			i.value = wr(e);
 		}, { deep: !0 });
 	}
 	return {
 		filters: n,
 		isFiltered: r(() => {
-			for (let t of Object.keys(e)) if (hr(n[t])) return !0;
+			for (let t of Object.keys(e)) if (br(n[t])) return !0;
 			return !1;
 		}),
 		clearFilters: () => {
@@ -2791,56 +2807,59 @@ function br(e, t = {}) {
 		},
 		filteredColumns: r(() => {
 			let t = {};
-			for (let r of Object.keys(e)) t[r] = !!hr(n[r]);
+			for (let r of Object.keys(e)) t[r] = !!br(n[r]);
 			return t;
 		})
 	};
 }
 //#endregion
 //#region src/components/GTable.vue?vue&type=script&setup=true&lang.ts
-var xr = { class: "g-table-outer-wrap" }, Sr = {
+var Er = { class: "g-table-outer-wrap" }, Dr = {
 	key: 0,
 	class: "g-table-controls"
-}, Cr = { class: "g-clear-filters-wrap" }, wr = {
+}, Or = { class: "g-clear-filters-wrap" }, kr = {
 	key: 0,
 	class: "pagination"
-}, Tr = { class: "g-result-count" }, Er = ["aria-label", "aria-rowcount"], Dr = { class: "g-table-head" }, Or = { "aria-rowindex": "1" }, kr = {
+}, Ar = { class: "g-result-count" }, jr = ["aria-label", "aria-rowcount"], Mr = { class: "g-table-head" }, Nr = { "aria-rowindex": "1" }, Pr = {
 	key: 0,
 	scope: "col",
 	class: "g-th g-th-checkbox"
-}, Ar = [
+}, Fr = [
 	"checked",
 	"indeterminate",
 	"aria-label"
-], jr = ["id", "aria-sort"], Mr = { class: "th-inner" }, Nr = ["onClick"], Pr = {
+], Ir = ["id", "aria-sort"], Lr = { class: "th-inner" }, Rr = ["onClick"], zr = {
 	key: 0,
 	class: "sort-indicator"
-}, Fr = ["aria-label"], Ir = {
+}, Br = ["aria-label"], Vr = {
 	key: 1,
 	class: "g-column-head"
-}, Lr = ["onClick", "aria-label"], Rr = {
+}, Hr = ["onClick", "aria-label"], Ur = {
 	key: 1,
 	class: "g-filter-search",
 	role: "search"
-}, zr = [
+}, Wr = [
 	"onUpdate:modelValue",
 	"placeholder",
 	"aria-label"
-], Br = { key: 2 }, Vr = { class: "g-filter-toggle" }, Hr = [
+], Gr = { key: 2 }, Kr = { class: "g-filter-toggle" }, qr = [
 	"onUpdate:modelValue",
 	"id",
 	"aria-describedby"
-], Ur = ["for"], Wr = ["id"], Gr = {
+], Jr = ["for"], Yr = ["id"], Xr = {
 	key: 4,
 	class: "g-multi-select"
-}, Kr = [
+}, Zr = [
 	"onUpdate:modelValue",
 	"id",
 	"value"
-], qr = ["for"], Jr = {
+], Qr = ["for"], $r = { class: "g-multi-select-option-label" }, ei = {
+	key: 0,
+	class: "g-multi-select-option-description"
+}, ti = {
 	key: 1,
 	class: "g-bulk-actions-toolbar"
-}, Yr = { class: "g-selected-count" }, Xr = { class: "g-bulk-actions" }, Zr = /* @__PURE__ */ u({
+}, ni = { class: "g-selected-count" }, ri = { class: "g-bulk-actions" }, ii = /* @__PURE__ */ u({
 	__name: "GTable",
 	props: /*@__PURE__*/ m({
 		label: {},
@@ -2889,7 +2908,7 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 			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 ||= br({});
+		v ||= Tr({});
 		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));
@@ -2916,12 +2935,14 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 		}
 		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", {
+			e.column.editable?.inputAttributes?.type === "number" && (t = e.value === "" ? null : Number(e.value)), e.row[n] = t;
+			let i = {
 				row: e.row,
 				column: e.column,
 				value: t,
 				previousValue: r
-			});
+			};
+			h("cell-change", i);
 		}
 		let q = B(), X = H(), ne = r(() => m.showPagination ? !0 : !!X.pagination), re = r(() => !!(C.value || ne.value));
 		return S(() => {
@@ -2935,9 +2956,9 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 				let e = f.value[t.key];
 				f.value[t.key] = e ? [e] : [];
 			}
-		}, { immediate: !0 }), (n, r) => (T(), o("div", xr, [
-			re.value ? (T(), o("div", Sr, [
-				s("div", Cr, [R(C) ? (T(), i(Q, {
+		}, { immediate: !0 }), (n, r) => (T(), o("div", Er, [
+			re.value ? (T(), o("div", Dr, [
+				s("div", Or, [R(C) ? (T(), i(Q, {
 					key: 0,
 					outlined: "",
 					size: "small",
@@ -2955,22 +2976,22 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 					})], -1), s("span", { class: "g-clear-filters-text" }, " Clear Filters ", -1)]]),
 					_: 1
 				}, 8, ["onClick"])) : a("", !0)]),
-				ne.value ? (T(), o("div", wr, [A(n.$slots, "pagination")])) : a("", !0),
-				s("span", Tr, P(m.resultCount || t.data.length) + " results", 1)
+				ne.value ? (T(), o("div", kr, [A(n.$slots, "pagination")])) : a("", !0),
+				s("span", Ar, 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", Dr, [s("tr", Or, [t.bulkSelectionEnabled ? (T(), o("th", kr, [s("input", {
+			}, [s("thead", Mr, [s("tr", Nr, [t.bulkSelectionEnabled ? (T(), o("th", Pr, [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, Ar)])) : a("", !0), (T(!0), o(e, null, k(t.columns, (t) => (T(), o("th", {
+			}, null, 40, Fr)])) : 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",
@@ -2980,12 +3001,12 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 					{ filtered: R(x)[t.key] }
 				]),
 				scope: "col"
-			}, [s("div", Mr, [t.sortable ? (T(), o("button", {
+			}, [s("div", Lr, [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", Pr, [(T(), o("svg", {
+			}, [c(P(t.label) + " ", 1), u.value === t.key ? (T(), o("span", zr, [(T(), o("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				viewBox: "0 0 640 640",
 				height: "1.5em",
@@ -2995,7 +3016,7 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 			}, [...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, Fr))])) : a("", !0)], 8, Nr)) : (T(), o("span", Ir, P(t.label), 1)), t.filter ? (T(), i(at, { key: 2 }, {
+			}, null, -1)]], 12, Br))])) : a("", !0)], 8, Rr)) : (T(), o("span", Vr, P(t.label), 1)), t.filter ? (T(), i(at, { key: 2 }, {
 				trigger: J(({ toggle: e }) => [s("button", {
 					onClick: te(e, ["stop"]),
 					"aria-label": R(x)[t.key] ? "Column Filtered" : "Filter Column",
@@ -3009,8 +3030,8 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 				}, [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, Lr)]),
-				default: J(() => [t.filter.type === "select" ? (T(), i(Ut, {
+				})], -1)]], 10, Hr)]),
+				default: J(() => [t.filter.type === "select" ? (T(), i(Gt, {
 					key: 0,
 					modelValue: f.value[t.key],
 					"onUpdate:modelValue": (e) => f.value[t.key] = e,
@@ -3018,12 +3039,14 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 					class: "g-filter-select",
 					label: "Filter select",
 					searchable: "",
+					"search-description": t.filter.searchDescription,
 					"clear-button": ""
 				}, null, 8, [
 					"modelValue",
 					"onUpdate:modelValue",
-					"options"
-				])) : t.filter.type === "search" ? (T(), o("div", Rr, [r[3] ||= s("span", {
+					"options",
+					"search-description"
+				])) : t.filter.type === "search" ? (T(), o("div", Ur, [r[3] ||= s("span", {
 					class: "g-filter-search-icon",
 					"aria-hidden": "true"
 				}, [s("svg", {
@@ -3039,41 +3062,46 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 					"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, [
+				}, null, 8, Wr), [[G, f.value[t.key]]])])) : t.filter.type === "toggle" ? (T(), o("div", Gr, [s("div", Kr, [
 					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, Hr), [[W, f.value[t.key]]]),
-					s("label", { for: `${R(q)}-filter-${String(t.key)}` }, P(t.filter.label), 9, Ur),
+					}, null, 8, qr), [[W, f.value[t.key]]]),
+					s("label", { for: `${R(q)}-filter-${String(t.key)}` }, P(t.filter.label), 9, Jr),
 					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, Wr)) : a("", !0)
-				])])) : t.filter.type === "multi-select" && t.filter.searchable ? (T(), i(mr, {
+					}, P(t.filter.description), 9, Yr)) : a("", !0)
+				])])) : t.filter.type === "multi-select" && t.filter.searchable ? (T(), i(yr, {
 					key: 3,
 					modelValue: f.value[t.key],
 					"onUpdate:modelValue": (e) => f.value[t.key] = e,
 					options: t.filter.options,
 					label: "Include values",
 					placeholder: t.filter.placeholder,
+					"search-description": t.filter.searchDescription,
 					class: "g-multi-select-searchable"
 				}, null, 8, [
 					"modelValue",
 					"onUpdate:modelValue",
 					"options",
-					"placeholder"
-				])) : t.filter.type === "multi-select" ? (T(), o("fieldset", Gr, [
+					"placeholder",
+					"search-description"
+				])) : t.filter.type === "multi-select" ? (T(), o("fieldset", Xr, [
 					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", {
+					(T(!0), o(e, null, k(t.filter.options, (e) => (T(), o("div", {
+						key: e.value,
+						class: "g-multi-select-option"
+					}, [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, Kr), [[W, f.value[t.key]]]), s("label", { for: `filter-${String(t.key)}-${e.value}` }, P(e.label), 9, qr)]))), 128)),
+					}, null, 8, Zr), [[W, f.value[t.key]]]), s("label", { for: `filter-${String(t.key)}-${e.value}` }, [s("span", $r, P(e.label), 1), e.description ? (T(), o("span", ei, P(e.description), 1)) : a("", !0)], 8, Qr)]))), 128)),
 					f.value[t.key] && f.value[t.key].length ? (T(), i(Q, {
 						key: 0,
 						class: "clear-multiselect-btn",
@@ -3086,7 +3114,7 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 					}, 8, ["onClick"])) : a("", !0)
 				])) : a("", !0)]),
 				_: 2
-			}, 1024)) : a("", !0)])], 10, jr))), 128))])]), l(tr, {
+			}, 1024)) : a("", !0)])], 10, Ir))), 128))])]), l(rr, {
 				data: t.data,
 				columns: t.columns,
 				"group-by": t.groupBy,
@@ -3113,8 +3141,8 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 				"selected-rows",
 				"table-id",
 				"change-tracker"
-			])], 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, {
+			])], 8, jr),
+			t.bulkSelectionEnabled && p.value.length > 0 ? (T(), o("div", ti, [s("span", ni, P(p.value.length) + " row" + P(p.value.length === 1 ? "" : "s") + " selected", 1), s("ul", ri, [(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"
@@ -3124,10 +3152,10 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 			}, 1032, ["theme", "onClick"])]))), 128))])])) : a("", !0)
 		]));
 	}
-}), Qr = {
+}), ai = {
 	class: "g-pagination",
 	"aria-label": "Pagination"
-}, $r = ["disabled"], ei = ["disabled"], ti = { class: "page-range" }, ni = ["disabled"], ri = ["disabled"], ii = ["value"], ai = ["value"], oi = /* @__PURE__ */ u({
+}, oi = ["disabled"], si = ["disabled"], ci = { class: "page-range" }, li = ["disabled"], ui = ["disabled"], di = ["value"], fi = ["value"], pi = /* @__PURE__ */ u({
 	__name: "GTablePagination",
 	props: /*@__PURE__*/ m({
 		start: {},
@@ -3149,7 +3177,7 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 		function h(e) {
 			c.value = parseInt(e.target.value, 10);
 		}
-		return (t, r) => (T(), o("nav", Qr, [
+		return (t, r) => (T(), o("nav", ai, [
 			s("button", {
 				class: "first-page g-pagination-button",
 				disabled: p.value === 1,
@@ -3174,7 +3202,7 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 				}),
 				s("path", { d: "M11 7l-5 5l5 5" }),
 				s("path", { d: "M17 7l-5 5l5 5" })
-			], -1)]], 8, $r),
+			], -1)]], 8, oi),
 			s("button", {
 				class: "prev-page g-pagination-button",
 				disabled: p.value === 1,
@@ -3195,8 +3223,8 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
-			}), s("path", { d: "M15 6l-6 6l6 6" })], -1)]], 8, ei),
-			s("span", ti, P(d.value) + " to " + P(f.value), 1),
+			}), s("path", { d: "M15 6l-6 6l6 6" })], -1)]], 8, si),
+			s("span", ci, P(d.value) + " to " + P(f.value), 1),
 			s("button", {
 				class: "next-page g-pagination-button",
 				disabled: p.value === i.value,
@@ -3217,7 +3245,7 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
-			}), s("path", { d: "M9 6l6 6l-6 6" })], -1)]], 8, ni),
+			}), s("path", { d: "M9 6l6 6l-6 6" })], -1)]], 8, li),
 			s("button", {
 				class: "last-page g-pagination-button",
 				disabled: p.value === i.value,
@@ -3242,7 +3270,7 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 				}),
 				s("path", { d: "M7 7l5 5l-5 5" }),
 				s("path", { d: "M13 7l5 5l-5 5" })
-			], -1)]], 8, ri),
+			], -1)]], 8, ui),
 			s("select", {
 				id: "page-size-select",
 				class: "page-size-select",
@@ -3256,14 +3284,14 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 			], (e) => (T(), o("option", {
 				key: e,
 				value: e
-			}, P(e), 9, ai))), 128))], 40, ii),
+			}, P(e), 9, fi))), 128))], 40, di),
 			r[8] ||= s("label", {
 				class: "page-size-label",
 				for: "page-size-select"
 			}, "per page", -1)
 		]));
 	}
-}), si = ["id"], ci = { class: "g-modal-inner" }, li = { class: "g-modal-header" }, ui = ["id"], di = ["id"], fi = /* @__PURE__ */ u({
+}), mi = ["id"], hi = { class: "g-modal-inner" }, gi = { class: "g-modal-header" }, _i = ["id"], vi = ["id"], yi = /* @__PURE__ */ u({
 	__name: "GModal",
 	props: {
 		label: {},
@@ -3307,12 +3335,12 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 				ref_key: "dialog",
 				ref: f,
 				style: { zIndex: R(y) }
-			}), [s("div", ci, [s("div", li, [e.hiddenLabel ? a("", !0) : (T(), o("h2", {
+			}), [s("div", hi, [s("div", gi, [e.hiddenLabel ? a("", !0) : (T(), o("h2", {
 				key: 0,
 				id: "modal-label-" + R(m),
 				class: "g-modal-label",
 				tabindex: "-1"
-			}, P(e.label), 9, ui)), s("button", {
+			}, P(e.label), 9, _i)), s("button", {
 				class: "g-modal-close",
 				onClick: w,
 				"aria-label": "Close"
@@ -3327,19 +3355,19 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 			})], -1)]])]), s("div", {
 				id: "modal-description-" + R(m),
 				class: "g-modal-content"
-			}, [A(r.$slots, "default")], 8, di)])], 16, si)]),
+			}, [A(r.$slots, "default")], 8, vi)])], 16, mi)]),
 			_: 3
 		})]));
 	}
-}), pi = [
+}), bi = [
 	"id",
 	"aria-expanded",
 	"aria-label",
 	"aria-controls"
-], mi = {
+], xi = {
 	key: 0,
 	class: "g-hamburger-label"
-}, hi = /* @__PURE__ */ u({
+}, Si = /* @__PURE__ */ u({
 	__name: "GHamburgerMenu",
 	props: {
 		label: { default: "Main Navigation" },
@@ -3352,7 +3380,7 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 	},
 	emits: ["toggle"],
 	setup(e, { emit: t }) {
-		let n = e, r = p("sidebar") ?? (Z() ? un(n.sidebarKey, I(n, "mediaQuery")) : void 0), i = t;
+		let n = e, r = p("sidebar") ?? (Z() ? fn(n.sidebarKey, I(n, "mediaQuery")) : void 0), i = t;
 		function c() {
 			i("toggle"), r?.toggle();
 		}
@@ -3375,34 +3403,34 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 			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", mi, P(e.label), 1)) : a("", !0)], 42, pi));
+		}, [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", xi, P(e.label), 1)) : a("", !0)], 42, bi));
 	}
-}), gi = /* @__PURE__ */ u({
+}), Ci = /* @__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));
 	}
-}), _i = { class: "g-detail-list-item" }, vi = { class: "g-detail-list-item__label" }, yi = { class: "g-detail-list-item__value" }, bi = /* @__PURE__ */ u({
+}), wi = { class: "g-detail-list-item" }, Ti = { class: "g-detail-list-item__label" }, Ei = { class: "g-detail-list-item__value" }, Di = /* @__PURE__ */ u({
 	__name: "GDetailListItem",
 	props: { label: {} },
 	setup(e) {
-		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")])]));
+		return (t, n) => (T(), o("div", wi, [s("dt", Ti, [A(t.$slots, "label", {}, () => [c(P(e.label), 1)])]), s("dd", Ei, [A(t.$slots, "default")])]));
 	}
-}), xi = {
+}), Oi = {
 	key: 0,
 	class: "g-scroll-lock-overlay"
-}, Si = /* @__PURE__ */ u({
+}, ki = /* @__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", xi)) : a("", !0)]),
+			default: J(() => [R(t) ? (T(), o("div", Oi)) : a("", !0)]),
 			_: 1
 		}));
 	}
-}), Ci = { class: "popover-content" }, wi = { class: "year-dropdown" }, Ti = { class: "month-selector" }, Ei = /* @__PURE__ */ u({
+}), Ai = { class: "popover-content" }, ji = { class: "year-dropdown" }, Mi = { class: "month-selector" }, Ni = /* @__PURE__ */ u({
 	__name: "GTermSelectorControl",
 	props: /*@__PURE__*/ m({
 		termYears: { default: () => ["2026"] },
@@ -3423,7 +3451,7 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = V(e, "modelValue");
-		return (n, r) => (T(), o("div", Ci, [s("div", wi, [l(Ut, {
+		return (n, r) => (T(), o("div", Ai, [s("div", ji, [l(Gt, {
 			modelValue: t.value.year,
 			"onUpdate:modelValue": r[0] ||= (e) => t.value.year = e,
 			options: e.termYears,
@@ -3432,7 +3460,7 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 			"modelValue",
 			"options",
 			"label"
-		])]), s("div", Ti, [l(bt, {
+		])]), s("div", Mi, [l(bt, {
 			modelValue: t.value.name,
 			"onUpdate:modelValue": r[1] ||= (e) => t.value.name = e,
 			options: e.termNames,
@@ -3444,10 +3472,10 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 			"label"
 		])])]));
 	}
-}), Di = { class: "g-term-selector" }, Oi = { class: "g-term-label" }, ki = {
+}), Pi = { class: "g-term-selector" }, Fi = { class: "g-term-label" }, Ii = {
 	class: "g-popover-title",
 	tabindex: "-1"
-}, Ai = /* @__PURE__ */ u({
+}, Li = /* @__PURE__ */ u({
 	__name: "GTermSelector",
 	props: /*@__PURE__*/ m({
 		heading: { default: "Period Selection" },
@@ -3469,7 +3497,7 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = V(e, "modelValue");
-		return (n, r) => (T(), o("div", Di, [l(at, null, {
+		return (n, r) => (T(), o("div", Pi, [l(at, null, {
 			trigger: J(({ toggle: e }) => [l(Q, {
 				class: "g-term-selector-button",
 				theme: "none",
@@ -3482,7 +3510,7 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 						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", Oi, P(t.value?.name) + " " + P(t.value?.year), 1),
+					s("span", Fi, P(t.value?.name) + " " + P(t.value?.year), 1),
 					r[1] ||= s("span", { class: "g-caret" }, [s("svg", {
 						role: "none",
 						xmlns: "http://www.w3.org/2000/svg",
@@ -3491,15 +3519,15 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 				]),
 				_: 1
 			}, 8, ["onClick"])]),
-			default: J(() => [s("h2", ki, P(e.heading), 1), l(Ei, v(f(n.$props)), null, 16)]),
+			default: J(() => [s("h2", Ii, P(e.heading), 1), l(Ni, v(f(n.$props)), null, 16)]),
 			_: 1
 		})]));
 	}
-}), ji = { class: "g-user-menu" }, Mi = [
+}), Ri = { class: "g-user-menu" }, zi = [
 	"aria-label",
 	"aria-expanded",
 	"onClick"
-], Ni = { class: "g-user-menu__popover" }, Pi = { class: "g-user-menu__list" }, Fi = /* @__PURE__ */ u({
+], Bi = { class: "g-user-menu__popover" }, Vi = { class: "g-user-menu__list" }, Hi = /* @__PURE__ */ u({
 	__name: "GUserMenu",
 	props: {
 		initials: {},
@@ -3511,7 +3539,7 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 		let n = `${B()}-email`, r = O(!1), a = U("emailHeading");
 		d()?.appContext?.components?.RouterLink;
 		let c = H();
-		return (u, d) => (T(), o("div", ji, [l(at, {
+		return (u, d) => (T(), o("div", Ri, [l(at, {
 			modelValue: r.value,
 			"onUpdate:modelValue": d[0] ||= (e) => r.value = e,
 			minimal: ""
@@ -3523,8 +3551,8 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 				"aria-expanded": r.value,
 				"aria-haspopup": "menu",
 				onClick: e
-			}, P(t.initials), 13, Mi)]),
-			default: J(() => [s("div", Ni, [s("h2", {
+			}, P(t.initials), 13, zi)]),
+			default: J(() => [s("div", Bi, [s("h2", {
 				id: n,
 				ref_key: "emailHeading",
 				ref: a,
@@ -3533,11 +3561,11 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 			}, P(t.email), 513), s("nav", {
 				class: "g-user-menu__nav",
 				"aria-labelledby": n
-			}, [s("ul", Pi, [(T(!0), o(e, null, k(c.default(), (e, t) => (T(), o("li", { key: t }, [(T(), i(j(e)))]))), 128))])])])]),
+			}, [s("ul", Vi, [(T(!0), o(e, null, k(c.default(), (e, t) => (T(), o("li", { key: t }, [(T(), i(j(e)))]))), 128))])])])]),
 			_: 1
 		}, 8, ["modelValue"])]));
 	}
-}), Ii = /* @__PURE__ */ u({
+}), Ui = /* @__PURE__ */ u({
 	__name: "GCurrencyInput",
 	props: /*@__PURE__*/ m({
 		label: { default: void 0 },
@@ -3588,7 +3616,7 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 			"form-key"
 		]));
 	}
-}), Li = /* @__PURE__ */ u({
+}), Wi = /* @__PURE__ */ u({
 	__name: "GEmailInput",
 	props: /*@__PURE__*/ m({
 		label: { default: void 0 },
@@ -3633,13 +3661,13 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 			"instructions"
 		]));
 	}
-}), Ri = ["for"], zi = {
+}), Gi = ["for"], Ki = {
 	key: 0,
 	class: "g-file-input-required"
-}, Bi = {
+}, qi = {
 	key: 0,
 	class: "g-file-input-box-header"
-}, Vi = ["id"], Hi = [
+}, Ji = ["id"], Yi = [
 	"id",
 	"disabled",
 	"required",
@@ -3648,11 +3676,11 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 	"aria-invalid",
 	"aria-describedby",
 	"aria-errormessage"
-], Ui = {
+], Xi = {
 	key: 1,
 	class: "g-file-input-pills",
 	"aria-label": "Selected files"
-}, Wi = /* @__PURE__ */ u({
+}, Zi = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GFileInput",
 	props: /*@__PURE__*/ m({
@@ -3709,12 +3737,12 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 				key: 0,
 				for: R(d),
 				class: "g-file-input-label"
-			}, [c(P(t.label) + " ", 1), t.required ? (T(), o("span", zi, "*")) : a("", !0)], 8, Ri)) : a("", !0),
+			}, [c(P(t.label) + " ", 1), t.required ? (T(), o("span", Ki, "*")) : a("", !0)], 8, Gi)) : a("", !0),
 			s("div", { class: _(["g-file-input-box", { "g-file-input-box--disabled": t.disabled }]) }, [
-				t.instructions ? (T(), o("div", Bi, [s("span", {
+				t.instructions ? (T(), o("div", qi, [s("span", {
 					id: "instructions-" + R(d),
 					class: "g-file-input-instructions"
-				}, P(t.instructions), 9, Vi)])) : a("", !0),
+				}, P(t.instructions), 9, Ji)])) : a("", !0),
 				s("input", {
 					id: R(d),
 					type: "file",
@@ -3727,8 +3755,8 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 					"aria-describedby": t.instructions ? "instructions-" + R(d) : void 0,
 					"aria-errormessage": y.value ? "error-message-" + R(d) : void 0,
 					onChange: g
-				}, 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", {
+				}, null, 40, Yi),
+				t.multiple && b.value.length > 0 ? (T(), o("ul", Xi, [(T(!0), o(e, null, k(b.value, (e) => (T(), o("li", {
 					key: e,
 					class: "g-file-input-pill"
 				}, [r[0] ||= s("svg", {
@@ -3744,7 +3772,7 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), Gi = /* @__PURE__ */ u({
+}), Qi = /* @__PURE__ */ u({
 	__name: "GDateInput",
 	props: /*@__PURE__*/ m({
 		label: { default: void 0 },
@@ -3792,21 +3820,21 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 			"form-key"
 		]));
 	}
-}), Ki = { class: "g-date-range-input" }, qi = {
+}), $i = { class: "g-date-range-input" }, ea = {
 	key: 0,
 	class: "g-date-range-input__label"
-}, Ji = {
+}, ta = {
 	key: 0,
 	class: "g-date-range-input__required",
 	"aria-hidden": "true"
-}, Yi = {
+}, na = {
 	key: 1,
 	class: "g-date-range-input__instructions"
-}, Xi = { class: "g-date-range-input__fields" }, Zi = {
+}, ra = { class: "g-date-range-input__fields" }, ia = {
 	key: 2,
 	class: "g-date-range-input__errors",
 	role: "alert"
-}, Qi = /* @__PURE__ */ u({
+}, aa = /* @__PURE__ */ u({
 	__name: "GDateRangeInput",
 	props: /*@__PURE__*/ m({
 		label: { default: void 0 },
@@ -3846,10 +3874,10 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 			};
 		}), 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", 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, {
+		}, { deep: !0 }), (t, r) => (T(), o("div", $i, [
+			n.label ? (T(), o("div", ea, [c(P(n.label), 1), n.required ? (T(), o("span", ta, " *")) : a("", !0)])) : a("", !0),
+			n.instructions ? (T(), o("div", na, P(n.instructions), 1)) : a("", !0),
+			s("div", ra, [l(Qi, {
 				modelValue: i.value,
 				"onUpdate:modelValue": r[0] ||= (e) => i.value = e,
 				label: n.startLabel,
@@ -3861,7 +3889,7 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 				"label",
 				"disabled",
 				"required"
-			]), l(Gi, {
+			]), l(Qi, {
 				modelValue: u.value,
 				"onUpdate:modelValue": r[1] ||= (e) => u.value = e,
 				label: n.endLabel,
@@ -3874,13 +3902,13 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 				"disabled",
 				"required"
 			])]),
-			R(d).length > 0 ? (T(), o("div", Zi, [(T(!0), o(e, null, k(R(d), (e, t) => (T(), o("div", {
+			R(d).length > 0 ? (T(), o("div", ia, [(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)
 		]));
 	}
-}), $i = ["action", "method"], ea = /* @__PURE__ */ u({
+}), oa = ["action", "method"], sa = /* @__PURE__ */ u({
 	__name: "GForm",
 	props: /*@__PURE__*/ m({
 		action: { default: void 0 },
@@ -3920,9 +3948,9 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 			hasErrors: R(s).hasErrors.value,
 			values: R(s).values.value,
 			errors: R(s).errors.value
-		})], 40, $i));
+		})], 40, oa));
 	}
-}), ta = /* @__PURE__ */ u({
+}), ca = /* @__PURE__ */ u({
 	__name: "GSubmitButton",
 	props: {
 		disabled: {
@@ -3945,21 +3973,21 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 			_: 3
 		}, 8, ["disabled", "variant"]));
 	}
-}), na = {
+}), la = {
 	key: 0,
 	class: "g-checkbox-group__legend"
-}, ra = {
+}, ua = {
 	key: 0,
 	class: "g-checkbox-group__required",
 	"aria-hidden": "true"
-}, ia = {
+}, da = {
 	key: 1,
 	class: "g-checkbox-group__label"
-}, aa = {
+}, fa = {
 	key: 0,
 	class: "g-checkbox-group__required",
 	"aria-hidden": "true"
-}, oa = ["id"], sa = { class: "g-checkbox-group__options" }, ca = ["for"], la = [
+}, pa = ["id"], ma = { class: "g-checkbox-group__options" }, ha = ["for"], ga = [
 	"id",
 	"type",
 	"name",
@@ -3968,7 +3996,7 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 	"disabled",
 	"required",
 	"onChange"
-], ua = { class: "g-checkbox-group__label-text" }, da = ["id"], fa = /* @__PURE__ */ u({
+], _a = { class: "g-checkbox-group__label-text" }, va = ["id"], ya = /* @__PURE__ */ u({
 	__name: "GCheckboxGroup",
 	props: /*@__PURE__*/ m({
 		label: { default: void 0 },
@@ -4029,13 +4057,13 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 		}
 		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", 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),
+				C.value && t.label ? (T(), o("legend", la, [c(P(t.label), 1), t.required ? (T(), o("span", ua, "\xA0*")) : a("", !0)])) : !C.value && t.label ? (T(), o("div", da, [c(P(t.label), 1), t.required ? (T(), o("span", fa, "\xA0*")) : a("", !0)])) : a("", !0),
 				t.instructions ? (T(), o("div", {
 					key: 2,
 					id: S.value,
 					class: "g-checkbox-group__instructions"
-				}, P(t.instructions), 9, oa)) : a("", !0),
-				s("div", sa, [(T(!0), o(e, null, k(t.options, (e, n) => (T(), o("div", {
+				}, P(t.instructions), 9, pa)) : a("", !0),
+				s("div", ma, [(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", {
@@ -4050,11 +4078,11 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 					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, la), s("span", ua, P(e.label), 1)], 10, ca), e.hint ? (T(), o("div", {
+				}, { ref_for: !0 }, O(e, n), { onChange: (t) => y(e.value, t.target.checked) }), null, 16, ga), s("span", _a, P(e.label), 1)], 10, ha), e.hint ? (T(), o("div", {
 					key: 0,
 					id: E(n),
 					class: "g-checkbox-group__hint"
-				}, P(e.hint), 9, da)) : a("", !0)], 2))), 128))]),
+				}, P(e.hint), 9, va)) : a("", !0)], 2))), 128))]),
 				l(je, {
 					errors: R(p),
 					id: x.value
@@ -4063,11 +4091,11 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 			_: 1
 		}, 16, ["class"]));
 	}
-}), pa = ["for"], ma = {
+}), ba = ["for"], xa = {
 	key: 0,
 	class: "g-textarea-required",
 	"aria-hidden": "true"
-}, ha = ["id"], ga = [
+}, Sa = ["id"], Ca = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -4076,11 +4104,11 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 	"rows",
 	"maxlength",
 	"aria-invalid"
-], _a = {
+], wa = {
 	key: 2,
 	class: "g-textarea-char-count",
 	"aria-live": "polite"
-}, va = /* @__PURE__ */ u({
+}, Ta = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GTextarea",
 	props: /*@__PURE__*/ m({
@@ -4137,7 +4165,8 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 			}
 		}
 		function w(e) {
-			i.value = e.target.value, n.autoGrow && S();
+			let t = e.target.value;
+			i.value = t, n.autoGrow && S();
 		}
 		function E(e) {
 			C(e.target.value);
@@ -4153,12 +4182,12 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 				key: 0,
 				for: m.value,
 				class: "g-textarea-label"
-			}, [c(P(n.label), 1), n.required ? (T(), o("span", ma, " *")) : a("", !0)], 8, pa)) : a("", !0),
+			}, [c(P(n.label), 1), n.required ? (T(), o("span", xa, " *")) : a("", !0)], 8, ba)) : 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, ha)) : a("", !0),
+			}, [A(t.$slots, "instructions", {}, () => [c(P(e.instructions), 1)])], 8, Sa)) : a("", !0),
 			s("textarea", h({
 				ref: "textareaEl",
 				value: i.value ?? "",
@@ -4179,8 +4208,8 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 				onInput: w,
 				onBlur: E,
 				onPaste: D
-			}), null, 16, ga),
-			n.maxlength === void 0 ? a("", !0) : (T(), o("div", _a, P((i.value ?? "").length) + " / " + P(n.maxlength), 1)),
+			}), null, 16, Ca),
+			n.maxlength === void 0 ? a("", !0) : (T(), o("div", wa, P((i.value ?? "").length) + " / " + P(n.maxlength), 1)),
 			l(je, {
 				errors: R(v),
 				id: "error-message-" + R(u)
@@ -4190,7 +4219,7 @@ var xr = { class: "g-table-outer-wrap" }, Sr = {
 });
 //#endregion
 //#region src/compose/useActiveLink.ts
-function ya(e, t, n) {
+function Ea(e, t, n) {
 	let r = [
 		0,
 		.25,
@@ -4220,7 +4249,7 @@ function ya(e, t, n) {
 }
 //#endregion
 //#region src/compose/useSidebar.ts
-function ba(e = "(max-width: 800px)") {
+function Da(e = "(max-width: 800px)") {
 	let t = B(), n = O(!1), r = le(e, { ssrWidth: 1e3 });
 	function i(e) {
 		if (!r.value || !n.value) return;
@@ -4251,7 +4280,7 @@ function ba(e = "(max-width: 800px)") {
 }
 //#endregion
 //#region src/compose/useTableChanges.ts
-function xa() {
+function Oa() {
 	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()));
@@ -4354,6 +4383,6 @@ function xa() {
 	};
 }
 //#endregion
-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 };
+export { $, rr as A, tn as B, Sr as C, wr as D, xr as E, yn as F, pt as G, jt as H, hn as I, $e as J, at as K, pn as L, Dn as M, Sn as N, Tr as O, bn as P, Re as Q, fn as R, ii as S, Cr as T, Tt as U, Gt as V, bt as W, Ke as X, Qe as Y, qe as Z, Di as _, ya as a, Q as at, yi as b, aa as c, Wi as d, ke as et, Ui as f, ki as g, Ni as h, Ta as i, xe as it, Hn as j, yr as k, Qi as l, Li as m, Da as n, Ee as nt, ca as o, Hi as p, et as q, Ea as r, Se as rt, sa as s, Oa as t, De as tt, Zi as u, Ci as v, br as w, pi as x, Si as y, ln as z };
 
-//# sourceMappingURL=grad-vue-BkZSETi2.js.map
+//# sourceMappingURL=grad-vue-N0uyBUx2.js.map