@illinois-grad/grad-vue 3.0.18 → 3.0.19

package/dist/{grad-vue-B8w4p-cK.js → grad-vue-6hV02JpW.js}

@@ -1,8 +1,8 @@
 import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, getCurrentInstance as d, guardReactiveProps as f, inject as p, mergeModels as m, mergeProps as h, nextTick as g, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeMount as b, onBeforeUnmount as x, onMounted as S, onUnmounted as C, openBlock as w, provide as T, reactive as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as A, shallowReactive as j, shallowRef as M, toDisplayString as N, toRaw as P, toRef as F, toValue as I, unref as L, useAttrs as R, useId as z, useModel as B, useSlots as V, useTemplateRef as H, vModelCheckbox as U, vModelText as W, vShow as ee, watch as G, watchEffect as K, withCtx as q, withDirectives as J, withModifiers as Y } from "vue";
-import { createEventHook as X, toArray as Z, tryOnScopeDispose as te, unrefElement as ne, useClipboard as re, useDebounceFn as ie, useFocusWithin as ae, useIntersectionObserver as oe, useMediaQuery as se, useMutationObserver as ce, useResizeObserver as le, useSessionStorage as ue } from "@vueuse/core";
-import { createFocusTrap as de } from "focus-trap";
+import { createEventHook as te, toArray as X, tryOnScopeDispose as ne, unrefElement as re, useClipboard as ie, useDebounceFn as ae, useFocusWithin as oe, useIntersectionObserver as se, useMediaQuery as ce, useMutationObserver as le, useResizeObserver as ue, useSessionStorage as de } from "@vueuse/core";
+import { createFocusTrap as fe } from "focus-trap";
 //#region src/compose/useCustomElementAttrs.ts
-function fe() {
+function Z() {
 	return globalThis.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ === !0;
 }
 function pe(e = {}) {
@@ -116,7 +116,7 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 	},
 	setup(e) {
 		let t = e, n = V(), l = d(), u = z(), f = (l?.ce)?._slots?.heading?.length > 0, p = r(() => !!t.heading || !!n.heading || f);
-		T("g-tree-menu-list-type", t.listType), T("g-tree-menu-expanded-storage", t.storageKey ? ue(t.storageKey, {}) : null);
+		T("g-tree-menu-list-type", t.listType), T("g-tree-menu-expanded-storage", t.storageKey ? de(t.storageKey, {}) : null);
 		let m = E(/* @__PURE__ */ new Map());
 		T("g-tree-menu-expandable-items", m);
 		let g = D({
@@ -168,7 +168,7 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 	name: "GTreeMenuList",
 	props: { listType: { default: void 0 } },
 	setup(e) {
-		let t = e, n = p("g-tree-menu-list-type", "ul"), a = r(() => t.listType ?? n ?? "ul"), o = fe(), s = d();
+		let t = e, n = p("g-tree-menu-list-type", "ul"), a = r(() => t.listType ?? n ?? "ul"), o = Z(), s = d();
 		return S(() => {
 			if (!o) return;
 			let e = s?.ce;
@@ -245,7 +245,7 @@ var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PUR
 		function F(e) {
 			e.target.closest("a, button") || T();
 		}
-		let I = fe(), B = u?.ce;
+		let I = Z(), B = u?.ce;
 		S(() => {
 			I && B && B.setAttribute("role", "listitem");
 		});
@@ -347,7 +347,7 @@ function Ae(e = "default") {
 //#endregion
 //#region src/compose/useFormField.ts
 function $(e) {
-	let t = R(), n = typeof t["form-key"] == "string" ? t["form-key"] : void 0, i = e.formKey ?? n ?? "default", a = p("form", null) ?? (fe() ? Ae(i) : null), o = r(() => {
+	let t = R(), n = typeof t["form-key"] == "string" ? t["form-key"] : void 0, i = e.formKey ?? n ?? "default", a = p("form", null) ?? (Z() ? Ae(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;
@@ -556,11 +556,11 @@ var Xe = (e) => e != null;
 //#region ../../node_modules/@vueuse/integrations/dist/useFocusTrap-lXZ_YG-8.js
 function Ze(e, t = {}) {
 	let n, { immediate: i, ...a } = t, o = M(!1), s = M(!1), c = (e) => n && n.activate(e), l = (e) => n && n.deactivate(e);
-	return G(r(() => Z(I(e)).map((e) => {
+	return G(r(() => X(I(e)).map((e) => {
 		let t = I(e);
-		return typeof t == "string" ? t : ne(t);
+		return typeof t == "string" ? t : re(t);
 	}).filter(Xe)), (e) => {
-		if (e.length) if (!n) n = de(e, {
+		if (e.length) if (!n) n = fe(e, {
 			...a,
 			onActivate() {
 				o.value = !0, t.onActivate && t.onActivate();
@@ -573,7 +573,7 @@ function Ze(e, t = {}) {
 			let t = n?.active;
 			n?.updateContainerElements(e), !t && i && c();
 		}
-	}, { flush: "post" }), te(() => l()), {
+	}, { flush: "post" }), ne(() => l()), {
 		hasFocus: o,
 		isPaused: s,
 		activate: c,
@@ -681,7 +681,7 @@ function tt(e, t, n, r) {
 var nt = /* @__PURE__ */ u({
 	__name: "GClientOnly",
 	setup(e) {
-		let t = D(fe());
+		let t = D(Z());
 		return S(() => {
 			t.value = !0;
 		}), (e, n) => t.value ? k(e.$slots, "default", { key: 0 }) : k(e.$slots, "fallback", { key: 1 });
@@ -727,16 +727,16 @@ var nt = /* @__PURE__ */ u({
 			top: 0,
 			left: 0
 		}), U = D({ left: "50%" }), W = D(!1), K = D(!1), Y = null;
-		function X() {
+		function te() {
 			if (v.value) return v.value;
 			let e = b.value?.parentElement ?? null;
 			for (; e && e.tagName.toLowerCase() !== "g-popover";) e = e.parentElement;
 			let t = e?.previousElementSibling;
 			return t instanceof HTMLElement ? t : null;
 		}
-		function Z() {
+		function X() {
 			if (!b.value) return;
-			let e = new DOMRect(0, 0, b.value.offsetWidth, b.value.offsetHeight), t = new DOMRect(0, 0, window.innerWidth, window.innerHeight), n = X();
+			let e = new DOMRect(0, 0, b.value.offsetWidth, b.value.offsetHeight), t = new DOMRect(0, 0, window.innerWidth, window.innerHeight), n = te();
 			if (!n) {
 				B.value = {
 					top: Math.max((t.height - e.height) / 2, 8),
@@ -756,10 +756,10 @@ var nt = /* @__PURE__ */ u({
 		}
 		return G(p, (e) => {
 			e ? g(() => {
-				Z(), window.addEventListener("resize", Z), window.addEventListener("scroll", Z, { capture: !0 }), b.value && (Y && Y.disconnect(), Y = new ResizeObserver(() => Z()), Y.observe(b.value));
-			}) : (window.removeEventListener("resize", Z), window.removeEventListener("scroll", Z, { capture: !0 }), Y && Y.disconnect());
+				X(), window.addEventListener("resize", X), window.addEventListener("scroll", X, { capture: !0 }), b.value && (Y && Y.disconnect(), Y = new ResizeObserver(() => X()), Y.observe(b.value));
+			}) : (window.removeEventListener("resize", X), window.removeEventListener("scroll", X, { capture: !0 }), Y && Y.disconnect());
 		}), x(() => {
-			window.removeEventListener("resize", Z), window.removeEventListener("scroll", Z, { capture: !0 }), Y && Y.disconnect();
+			window.removeEventListener("resize", X), window.removeEventListener("scroll", X, { capture: !0 }), Y && Y.disconnect();
 		}), c({
 			show: P,
 			hide: I,
@@ -1331,16 +1331,16 @@ var Ft = ["id"], It = {
 			}
 			t && m.value && m.value.contains(t) || (i.searchable && (I.value = ""), U());
 		}
-		function X(e) {
+		function te(e) {
 			let t = R.value[e];
 			t && t.value !== d.value && (d.value = t.value, u("change", t.value)), S.value = !0, U(), setTimeout(() => {
 				S.value = !1;
 			}, 100);
 		}
-		function Z() {
+		function X() {
 			i.disabled || (y.value ? U() : H());
 		}
-		function te(e) {
+		function ne(e) {
 			if (i.disabled) return;
 			let t = R.value.length - 1;
 			if (!y.value && [
@@ -1367,7 +1367,7 @@ var Ft = ["id"], It = {
 					break;
 				case "Enter":
 				case " ":
-					e.preventDefault(), y.value ? X(b.value) : H();
+					e.preventDefault(), y.value ? te(b.value) : H();
 					break;
 				case "Escape":
 					j.value && (e.preventDefault(), setTimeout(() => {
@@ -1376,14 +1376,14 @@ var Ft = ["id"], It = {
 					break;
 			}
 		}
-		function ne(e) {
-			X(e);
+		function re(e) {
+			te(e);
 		}
-		function re() {
+		function ie() {
 			x.value = !0;
 		}
-		let ie = r(() => i.clearButton && d.value !== null && d.value !== void 0 && !i.disabled);
-		function ae() {
+		let ae = r(() => i.clearButton && d.value !== null && d.value !== void 0 && !i.disabled);
+		function oe() {
 			i.disabled || (d.value = null, u("change", null), i.searchable && (I.value = ""));
 		}
 		return (n, r) => (w(), o("div", { class: _(["g-select-root g-select-combo", {
@@ -1412,7 +1412,7 @@ var Ft = ["id"], It = {
 					disabled: i.disabled,
 					onFocus: W,
 					onInput: K,
-					onKeydown: te,
+					onKeydown: ne,
 					onBlur: q,
 					"aria-autocomplete": "list",
 					"aria-controls": L(f) + "-listbox",
@@ -1424,11 +1424,11 @@ var Ft = ["id"], It = {
 					role: "combobox",
 					autocomplete: "off"
 				}), null, 16, zt),
-				ie.value ? (w(), o("button", {
+				ae.value ? (w(), o("button", {
 					key: 0,
 					type: "button",
 					class: "g-select-clear-btn",
-					onClick: ae
+					onClick: oe
 				}, [...r[0] ||= [s("svg", {
 					role: "img",
 					"aria-label": "Clear Selection",
@@ -1463,17 +1463,17 @@ var Ft = ["id"], It = {
 			}, t.hiddenLabel ? { "aria-label": i.label } : { "aria-labelledby": L(f) + "-label" }, {
 				"aria-activedescendant": y.value ? L(f) + "-option-" + b.value : void 0,
 				tabindex: "0",
-				onClick: Z,
-				onKeydown: te,
+				onClick: X,
+				onKeydown: ne,
 				onFocus: W,
 				onBlur: q
 			}), [
 				c(N(P.value[V.value] ? P.value[V.value].label : "") + " ", 1),
-				ie.value ? (w(), o("button", {
+				ae.value ? (w(), o("button", {
 					key: 0,
 					type: "button",
 					class: "g-select-clear-btn",
-					onClick: Y(ae, ["stop"])
+					onClick: Y(oe, ["stop"])
 				}, [...r[2] ||= [s("svg", {
 					role: "img",
 					"aria-label": "Clear Selection",
@@ -1510,8 +1510,8 @@ var Ft = ["id"], It = {
 				}]),
 				role: "option",
 				"aria-selected": e.value === d.value ? "true" : "false",
-				onMousedown: re,
-				onClick: (e) => ne(t)
+				onMousedown: ie,
+				onClick: (e) => re(t)
 			}, [k(n.$slots, "option", {
 				option: e,
 				selected: e.value === d.value,
@@ -1571,7 +1571,7 @@ var Ft = ["id"], It = {
 				e && e.scrollIntoView({ block: "nearest" });
 			});
 		}
-		let { focused: S } = ae(f);
+		let { focused: S } = oe(f);
 		function C(e) {
 			let t = e.altKey;
 			if (e.key === "ArrowDown") {
@@ -1595,7 +1595,7 @@ var Ft = ["id"], It = {
 		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 = ae(() => {
 			d("submit", l.value);
 		}, 300);
 		G(() => l.value, (e) => {
@@ -1725,7 +1725,7 @@ function pn(e = "default", t) {
 			id: `g-wc-sidebar-${e}`,
 			open: D(!1),
 			breakpoint: t,
-			isCollapsible: se(t, { ssrWidth: 1e3 }),
+			isCollapsible: ce(t, { ssrWidth: 1e3 }),
 			toggle: () => void 0
 		});
 	}
@@ -1758,7 +1758,7 @@ function pn(e = "default", t) {
 //#endregion
 //#region src/compose/useScrollRestore.ts
 function mn(e, t) {
-	let n = t ? ue(`${t}:scroll`, 0, { writeDefaults: !1 }) : null, r = D(!!(n?.value && n.value > 0)), i = null, a = null, o = null, s = !1;
+	let n = t ? de(`${t}:scroll`, 0, { writeDefaults: !1 }) : null, r = D(!!(n?.value && n.value > 0)), i = null, a = null, o = null, s = !1;
 	function c(e) {
 		let t = window.getComputedStyle(e);
 		return t.overflowY === "auto" || t.overflowY === "scroll";
@@ -1854,7 +1854,7 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 		storageKey: {}
 	},
 	setup(e) {
-		let t = e, n = p("sidebar", () => void 0, !0) ?? (fe() ? pn(t.sidebarKey, F(t, "mediaQuery")) : void 0), i = r(() => t.backgroundImage ? t.backgroundImage : t.theme === "light" ? "none" : "url('https://gradcdn.blob.core.windows.net/public/sidebar-bg2.jpg')"), a = r(() => t.backgroundColor ? t.backgroundColor : t.theme === "light" ? "#f9f9f9" : "#030913"), s = r(() => t.topOffsetVar ? `var(${t.topOffsetVar})` : t.topOffset ? t.topOffset : "var(--g-toolbar-height)"), c = z(), { isPendingScrollRestore: l } = mn(H("sidebar-ref"), t.storageKey);
+		let t = e, n = p("sidebar", () => void 0, !0) ?? (Z() ? pn(t.sidebarKey, F(t, "mediaQuery")) : void 0), i = r(() => t.backgroundImage ? t.backgroundImage : t.theme === "light" ? "none" : "url('https://gradcdn.blob.core.windows.net/public/sidebar-bg2.jpg')"), a = r(() => t.backgroundColor ? t.backgroundColor : t.theme === "light" ? "#f9f9f9" : "#030913"), s = r(() => t.topOffsetVar ? `var(${t.topOffsetVar})` : t.topOffset ? t.topOffset : "var(--g-toolbar-height)"), c = z(), { isPendingScrollRestore: l } = mn(H("sidebar-ref"), t.storageKey);
 		function u(e) {
 			e.key === "Escape" && n?.isCollapsible?.value && n?.open?.value && (n.open.value = !1, document.getElementById(`${n.id}-hamburger`)?.focus());
 		}
@@ -2016,7 +2016,7 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 		copyLabel: {}
 	},
 	setup(t) {
-		let n = t, r = xn, { text: i, copy: l, copied: u, isSupported: d } = re({ source: n.text }), f = D(n.copyLabel ?? "Copy to clipboard"), p = () => {
+		let n = t, r = xn, { text: i, copy: l, copied: u, isSupported: d } = ie({ 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";
@@ -2070,9 +2070,9 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 		}
 		S(() => {
 			g(f);
-		}), le(i, () => {
+		}), ue(i, () => {
 			u.value && f();
-		}), le(c, () => {
+		}), ue(c, () => {
 			u.value && f();
 		}), G(() => n.entries, async () => {
 			u.value && (await g(), f());
@@ -2537,7 +2537,7 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 		function q() {
 			i.disabled || y.value || V();
 		}
-		function X(e) {
+		function te(e) {
 			if (S.value) {
 				S.value = !1;
 				return;
@@ -2545,13 +2545,13 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 			let t = e.relatedTarget;
 			t && v.value?.contains(t) || t && m.value?.contains(t) || H();
 		}
-		function Z(e) {
+		function X(e) {
 			e.preventDefault();
 		}
-		function te() {
+		function ne() {
 			S.value = !0;
 		}
-		function ne(e) {
+		function re(e) {
 			if (i.disabled) return;
 			let t = P.value.length - 1;
 			switch (e.key) {
@@ -2581,9 +2581,9 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 					break;
 			}
 		}
-		let re = r(() => `${f}-input`), ie = r(() => `${f}-label`), ae = r(() => `${f}-instructions`), oe = r(() => `error-message-${f}`), se = r(() => {
+		let ie = r(() => `${f}-input`), ae = r(() => `${f}-label`), oe = r(() => `${f}-instructions`), se = r(() => `error-message-${f}`), ce = r(() => {
 			let e = [];
-			return i.instructions && e.push(ae.value), T.value && e.push(oe.value), e.length > 0 ? e.join(" ") : void 0;
+			return i.instructions && e.push(oe.value), T.value && e.push(se.value), e.length > 0 ? e.join(" ") : void 0;
 		});
 		return (n, r) => (w(), o("div", { class: _(["g-multiselect-root", {
 			"g-multiselect-open": y.value,
@@ -2591,13 +2591,13 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 		}]) }, [
 			t.hiddenLabel ? a("", !0) : (w(), o("label", {
 				key: 0,
-				id: ie.value,
-				for: re.value,
+				id: ae.value,
+				for: ie.value,
 				class: "g-multiselect-label"
 			}, [c(N(t.label), 1), t.required ? (w(), o("span", or, " *")) : a("", !0)], 8, ar)),
 			t.instructions ? (w(), o("div", {
 				key: 1,
-				id: ae.value,
+				id: oe.value,
 				class: "g-multiselect-instructions"
 			}, N(t.instructions), 9, sr)) : a("", !0),
 			s("div", {
@@ -2609,7 +2609,7 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 				d.value.length ? (w(), o("ul", {
 					key: 0,
 					class: "g-multiselect-chips",
-					"aria-labelledby": ie.value
+					"aria-labelledby": ae.value
 				}, [(w(!0), o(e, null, O(d.value, (e) => (w(), o("li", {
 					key: e,
 					class: "g-multiselect-chip"
@@ -2618,7 +2618,7 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 					class: "g-multiselect-chip-remove",
 					"aria-label": `Remove ${R(e)}`,
 					disabled: t.disabled,
-					onMousedown: te,
+					onMousedown: ne,
 					onClick: Y((t) => W(e), ["stop"])
 				}, [...r[0] ||= [s("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
@@ -2635,7 +2635,7 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 					type: "text",
 					role: "combobox",
 					class: "g-multiselect-input",
-					id: re.value,
+					id: ie.value,
 					value: x.value,
 					placeholder: d.value.length === 0 ? t.placeholder : void 0,
 					disabled: t.disabled,
@@ -2646,12 +2646,12 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 					"aria-controls": L(f) + "-listbox",
 					"aria-activedescendant": y.value && P.value.length > 0 ? L(f) + "-option-" + b.value : void 0
 				}, t.hiddenLabel ? { "aria-label": t.label } : void 0, {
-					"aria-describedby": se.value,
+					"aria-describedby": ce.value,
 					"aria-required": t.required ? "true" : void 0,
 					onInput: K,
-					onKeydown: ne,
+					onKeydown: re,
 					onFocus: q,
-					onBlur: X
+					onBlur: te
 				}), null, 16, dr),
 				r[2] ||= s("svg", {
 					class: "g-multiselect-caret",
@@ -2669,7 +2669,7 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 					id: L(f) + "-listbox",
 					role: "listbox",
 					"aria-multiselectable": "true"
-				}, t.hiddenLabel ? { "aria-label": t.label } : { "aria-labelledby": ie.value }, {
+				}, t.hiddenLabel ? { "aria-label": t.label } : { "aria-labelledby": ae.value }, {
 					class: ["g-multiselect-listbox", { "g-multiselect-listbox--above": L(E) === "above" }],
 					style: L(k),
 					tabindex: "-1"
@@ -2682,41 +2682,159 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 						"g-multiselect-option--selected": I(e.value)
 					}]),
 					"aria-selected": I(e.value) ? "true" : "false",
-					onMousedown: Z,
+					onMousedown: X,
 					onClick: (e) => U(t)
 				}, [s("span", mr, [I(e.value) ? (w(), o("svg", hr, [...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", gr, [s("span", _r, N(e.label), 1), e.description ? (w(), o("span", vr, N(e.description), 1)) : a("", !0)])], 42, pr))), 128)) : (w(), o("div", yr, " No results found. "))], 16, fr), [[ee, y.value]])
 			], 2),
 			l(Me, {
 				errors: L(C),
-				id: oe.value
+				id: se.value
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
+}), xr = {
+	key: 0,
+	class: "g-checkbox-group__legend"
+}, Sr = {
+	key: 0,
+	class: "g-checkbox-group__required",
+	"aria-hidden": "true"
+}, Cr = {
+	key: 1,
+	class: "g-checkbox-group__label"
+}, wr = {
+	key: 0,
+	class: "g-checkbox-group__required",
+	"aria-hidden": "true"
+}, Tr = ["id"], Er = { class: "g-checkbox-group__options" }, Dr = ["for"], Or = [
+	"id",
+	"type",
+	"name",
+	"value",
+	"checked",
+	"disabled",
+	"required",
+	"onChange"
+], kr = { class: "g-checkbox-group__label-text" }, Ar = ["id"], jr = /* @__PURE__ */ u({
+	__name: "GCheckboxGroup",
+	props: /*@__PURE__*/ m({
+		label: { default: void 0 },
+		options: {},
+		instructions: { default: "" },
+		errors: { default: () => [] },
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		radio: {
+			type: Boolean,
+			default: !1
+		},
+		name: { default: void 0 },
+		formKey: { default: void 0 }
+	}, {
+		modelValue: { default: () => [] },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
+	setup(t, { emit: n }) {
+		let u = t, d = B(t, "modelValue"), f = z(), { displayErrors: p, hasErrors: m } = $({
+			name: u.name,
+			value: d,
+			errors: F(u, "errors"),
+			formKey: u.formKey
+		}), g = n;
+		function v(e) {
+			return d.value.includes(e);
+		}
+		function y(e, t) {
+			let n;
+			n = u.radio ? t ? [e] : [] : t ? d.value.includes(e) ? d.value : [...d.value, e] : d.value.filter((t) => t !== e), d.value = n, g("change", n);
+		}
+		let b = r(() => u.radio ? "radio" : "checkbox"), x = r(() => `error-message-${f}`), S = r(() => `instructions-${f}`), C = r(() => u.radio || u.options.length > 1), T = r(() => {
+			let e = [];
+			return u.instructions && e.push(S.value), u.radio ? {
+				role: "radiogroup",
+				"aria-invalid": m.value ? "true" : void 0,
+				"aria-errormessage": m.value ? x.value : void 0,
+				"aria-describedby": e.length ? e.join(" ") : void 0
+			} : { "aria-describedby": e.length ? e.join(" ") : void 0 };
+		});
+		function E(e) {
+			return `${f}-hint-${e}`;
+		}
+		function D(e) {
+			return `${f}-input-${e}`;
+		}
+		function k(e, t) {
+			let n = [];
+			return !u.radio && u.instructions && n.push(S.value), e.hint && n.push(E(t)), u.radio ? { "aria-describedby": n.length ? n.join(" ") : void 0 } : {
+				"aria-describedby": n.length ? n.join(" ") : void 0,
+				"aria-invalid": m.value ? "true" : "false",
+				"aria-errormessage": m.value ? x.value : void 0
+			};
+		}
+		return (n, r) => (w(), i(A(C.value ? "fieldset" : "div"), h({ class: ["g-checkbox-group", { "g-checkbox-group--error": L(m) }] }, T.value), {
+			default: q(() => [
+				C.value && t.label ? (w(), o("legend", xr, [c(N(t.label), 1), t.required ? (w(), o("span", Sr, "\xA0*")) : a("", !0)])) : !C.value && t.label ? (w(), o("div", Cr, [c(N(t.label), 1), t.required ? (w(), o("span", wr, "\xA0*")) : a("", !0)])) : a("", !0),
+				t.instructions ? (w(), o("div", {
+					key: 2,
+					id: S.value,
+					class: "g-checkbox-group__instructions"
+				}, N(t.instructions), 9, Tr)) : a("", !0),
+				s("div", Er, [(w(!0), o(e, null, O(t.options, (e, n) => (w(), o("div", {
+					key: e.value,
+					class: _(["g-checkbox-group__option-wrapper", { "g-checkbox-group__option-wrapper--disabled": e.disabled }])
+				}, [s("label", {
+					class: _(["g-checkbox-group__option", { "g-checkbox-group__option--checked": v(e.value) }]),
+					for: D(n)
+				}, [s("input", h({
+					id: D(n),
+					type: b.value,
+					name: t.name || L(f),
+					value: e.value,
+					checked: v(e.value),
+					disabled: e.disabled,
+					required: t.required && (t.radio && n === 0 || !t.radio && t.options.length === 1),
+					class: "g-checkbox-group__input"
+				}, { ref_for: !0 }, k(e, n), { onChange: (t) => y(e.value, t.target.checked) }), null, 16, Or), s("span", kr, N(e.label), 1)], 10, Dr), e.hint ? (w(), o("div", {
+					key: 0,
+					id: E(n),
+					class: "g-checkbox-group__hint"
+				}, N(e.hint), 9, Ar)) : a("", !0)], 2))), 128))]),
+				l(Me, {
+					errors: L(p),
+					id: x.value
+				}, null, 8, ["errors", "id"])
+			]),
+			_: 1
+		}, 16, ["class"]));
+	}
 });
 //#endregion
 //#region src/compose/useFiltering.ts
-function xr(e) {
+function Mr(e) {
 	if (!(Array.isArray(e) && e.length === 0) && !(e === null || e === !1 || e === "")) return e;
 }
-function Sr(e) {
+function Nr(e) {
 	return Object.fromEntries(Object.entries(e).filter(([e, t]) => t && (!Array.isArray(t) || t.length > 0)));
 }
-function Cr(e) {
+function Pr(e) {
 	if (e != null) return Array.isArray(e) ? e.filter((e) => e != null) : [e];
 }
-function wr(e) {
+function Fr(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(P(e))) Array.isArray(r) ? r.length > 0 && (t[n] = r) : r === !0 ? t[n] = "true" : t[n] = r || void 0;
 	return t;
 }
-function Tr(e) {
+function Ir(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 Er(e, t = {}) {
+function Lr(e, t = {}) {
 	let n = E(Object.fromEntries(Object.entries(e).map(([e, t]) => [e, t]))), i = t.syncWith;
 	if (i) {
 		if (i.value) {
@@ -2729,13 +2847,13 @@ function Er(e, t = {}) {
 			});
 		}
 		G(n, (e) => {
-			i.value = Tr(e);
+			i.value = Ir(e);
 		}, { deep: !0 });
 	}
 	return {
 		filters: n,
 		isFiltered: r(() => {
-			for (let t of Object.keys(e)) if (xr(n[t])) return !0;
+			for (let t of Object.keys(e)) if (Mr(n[t])) return !0;
 			return !1;
 		}),
 		clearFilters: () => {
@@ -2745,59 +2863,52 @@ function Er(e, t = {}) {
 		},
 		filteredColumns: r(() => {
 			let t = {};
-			for (let r of Object.keys(e)) t[r] = !!xr(n[r]);
+			for (let r of Object.keys(e)) t[r] = !!Mr(n[r]);
 			return t;
 		})
 	};
 }
 //#endregion
 //#region src/components/GTable.vue?vue&type=script&setup=true&lang.ts
-var Dr = { class: "g-table-outer-wrap" }, Or = {
+var Rr = { class: "g-table-outer-wrap" }, zr = {
 	key: 0,
 	class: "g-table-controls"
-}, kr = { class: "g-clear-filters-wrap" }, Ar = {
+}, Br = { class: "g-clear-filters-wrap" }, Vr = {
 	key: 0,
 	class: "pagination"
-}, jr = { class: "g-result-count" }, Mr = ["aria-label", "aria-rowcount"], Nr = { class: "g-table-head" }, Pr = { "aria-rowindex": "1" }, Fr = {
+}, Hr = { class: "g-result-count" }, Ur = ["aria-label", "aria-rowcount"], Wr = { class: "g-table-head" }, Gr = { "aria-rowindex": "1" }, Kr = {
 	key: 0,
 	scope: "col",
 	class: "g-th g-th-checkbox"
-}, Ir = [
+}, qr = [
 	"checked",
 	"indeterminate",
 	"aria-label"
-], Lr = ["id", "aria-sort"], Rr = { class: "th-inner" }, zr = ["onClick"], Br = {
+], Jr = ["id", "aria-sort"], Yr = { class: "th-inner" }, Xr = ["onClick"], Zr = {
 	key: 0,
 	class: "sort-indicator"
-}, Vr = ["aria-label"], Hr = {
+}, Qr = ["aria-label"], $r = {
 	key: 1,
 	class: "g-column-head"
-}, Ur = ["onClick", "aria-label"], Wr = {
+}, ei = ["onClick", "aria-label"], ti = {
 	key: 1,
 	class: "g-filter-search",
 	role: "search"
-}, Gr = [
+}, ni = [
 	"onUpdate:modelValue",
 	"placeholder",
 	"aria-label"
-], Kr = { key: 2 }, qr = { class: "g-filter-toggle" }, Jr = [
+], ri = { key: 2 }, ii = { class: "g-filter-toggle" }, ai = [
 	"onUpdate:modelValue",
 	"id",
 	"aria-describedby"
-], Yr = ["for"], Xr = ["id"], Zr = {
+], oi = ["for"], si = ["id"], ci = {
 	key: 4,
 	class: "g-multi-select"
-}, Qr = [
-	"onUpdate:modelValue",
-	"id",
-	"value"
-], $r = ["for"], ei = { class: "g-multi-select-option-label" }, ti = {
-	key: 0,
-	class: "g-multi-select-option-description"
-}, ni = {
+}, li = {
 	key: 1,
 	class: "g-bulk-actions-toolbar"
-}, ri = { class: "g-selected-count" }, ii = { class: "g-bulk-actions" }, ai = /* @__PURE__ */ u({
+}, ui = { class: "g-selected-count" }, di = { class: "g-bulk-actions" }, fi = /* @__PURE__ */ u({
 	__name: "GTable",
 	props: /*@__PURE__*/ m({
 		label: {},
@@ -2846,7 +2957,7 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 			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 ||= Er({});
+		v ||= Lr({});
 		let { filters: b, filteredColumns: x, isFiltered: C, clearFilters: T } = v, E = r(() => m.data.map((e) => e.key)), A = r(() => p.value.filter((e) => E.value.includes(e))), j = r(() => !m.bulkSelectionEnabled || m.data.length === 0 ? !1 : A.value.length === E.value.length), M = r(() => !m.bulkSelectionEnabled || m.data.length === 0 ? !1 : A.value.length > 0 && A.value.length < E.value.length), F = D(null);
 		function I() {
 			if (j.value) p.value = p.value.filter((e) => !E.value.includes(e));
@@ -2871,7 +2982,7 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 		function ee(e) {
 			h("bulk-action", e, p.value);
 		}
-		function K(e) {
+		function G(e) {
 			let t = e.value, n = e.column.key, r = P(e.row[n]);
 			e.column.editable?.inputAttributes?.type === "number" && (t = e.value === "" ? null : Number(e.value)), e.row[n] = t;
 			let i = {
@@ -2882,21 +2993,20 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 			};
 			h("cell-change", i);
 		}
-		let X = z(), Z = V(), te = r(() => m.showPagination ? !0 : !!Z.pagination), ne = r(() => !!(C.value || te.value));
+		let K = z(), te = V(), X = r(() => m.showPagination ? !0 : !!te.pagination), ne = r(() => !!(C.value || X.value));
+		function re(e) {
+			return e.filter?.type === "multi-select" ? e.filter.options.map((e) => ({
+				label: e.label,
+				value: e.value,
+				hint: e.description
+			})) : [];
+		}
 		return S(() => {
 			m.rowClickable && m.bulkSelectionEnabled && console.warn("GTable: rowClickable and bulkSelectionEnabled cannot be used together. rowClickable will be ignored.");
-			for (let e of m.columns) if (e.editable && e.display && console.warn(`GTable: Column "${String(e.key)}" has both 'editable' and 'display' configured. 'display' will be ignored.`), e.filter && e.filter.type === "multi-select" && !Array.isArray(f.value[e.key])) {
-				let t = f.value[e.key];
-				f.value[e.key] = t ? [t] : [];
-			}
-		}), G(() => m.columns, (e) => {
-			for (let t of e) if (t.filter && t.filter.type === "multi-select" && !Array.isArray(f.value[t.key])) {
-				let e = f.value[t.key];
-				f.value[t.key] = e ? [e] : [];
-			}
-		}, { immediate: !0 }), (n, r) => (w(), o("div", Dr, [
-			ne.value ? (w(), o("div", Or, [
-				s("div", kr, [L(C) ? (w(), i(Q, {
+			for (let e of m.columns) e.editable && e.display && console.warn(`GTable: Column "${String(e.key)}" has both 'editable' and 'display' configured. 'display' will be ignored.`);
+		}), (n, r) => (w(), o("div", Rr, [
+			ne.value ? (w(), o("div", zr, [
+				s("div", Br, [L(C) ? (w(), i(Q, {
 					key: 0,
 					outlined: "",
 					size: "small",
@@ -2914,37 +3024,37 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 					})], -1), s("span", { class: "g-clear-filters-text" }, " Clear Filters ", -1)]]),
 					_: 1
 				}, 8, ["onClick"])) : a("", !0)]),
-				te.value ? (w(), o("div", Ar, [k(n.$slots, "pagination")])) : a("", !0),
-				s("span", jr, N(m.resultCount || t.data.length) + " results", 1)
+				X.value ? (w(), o("div", Vr, [k(n.$slots, "pagination")])) : a("", !0),
+				s("span", Hr, N(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", Nr, [s("tr", Pr, [t.bulkSelectionEnabled ? (w(), o("th", Fr, [s("input", {
+			}, [s("thead", Wr, [s("tr", Gr, [t.bulkSelectionEnabled ? (w(), o("th", Kr, [s("input", {
 				type: "checkbox",
 				checked: j.value,
 				indeterminate: M.value,
 				onChange: I,
 				"aria-label": j.value ? "Deselect all rows" : "Select all rows",
 				class: "g-bulk-select-checkbox"
-			}, null, 40, Ir)])) : a("", !0), (w(!0), o(e, null, O(t.columns, (t) => (w(), o("th", {
-				key: t.key,
-				id: `${L(X)}-th-${String(t.key)}`,
-				"aria-sort": u.value === t.key ? d.value === 1 ? "ascending" : "descending" : "none",
+			}, null, 40, qr)])) : a("", !0), (w(!0), o(e, null, O(t.columns, (e) => (w(), o("th", {
+				key: e.key,
+				id: `${L(K)}-th-${String(e.key)}`,
+				"aria-sort": u.value === e.key ? d.value === 1 ? "ascending" : "descending" : "none",
 				class: _([
 					"g-th",
-					{ sorted: u.value === t.key },
-					{ filtered: L(x)[t.key] }
+					{ sorted: u.value === e.key },
+					{ filtered: L(x)[e.key] }
 				]),
 				scope: "col"
-			}, [s("div", Rr, [t.sortable ? (w(), o("button", {
+			}, [s("div", Yr, [e.sortable ? (w(), o("button", {
 				key: 0,
 				type: "button",
 				class: "g-column-head",
-				onClick: (e) => g(t)
-			}, [c(N(t.label) + " ", 1), u.value === t.key ? (w(), o("span", Br, [(w(), o("svg", {
+				onClick: (t) => g(e)
+			}, [c(N(e.label) + " ", 1), u.value === e.key ? (w(), o("span", Zr, [(w(), o("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				viewBox: "0 0 640 640",
 				height: "1.5em",
@@ -2954,11 +3064,11 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 			}, [...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, Vr))])) : a("", !0)], 8, zr)) : (w(), o("span", Hr, N(t.label), 1)), t.filter ? (w(), i(ot, { key: 2 }, {
-				trigger: q(({ toggle: e }) => [s("button", {
-					onClick: Y(e, ["stop"]),
-					"aria-label": L(x)[t.key] ? "Column Filtered" : "Filter Column",
-					class: _(["g-filter-btn", { "g-active": L(x)[t.key] }]),
+			}, null, -1)]], 12, Qr))])) : a("", !0)], 8, Xr)) : (w(), o("span", $r, N(e.label), 1)), e.filter ? (w(), i(ot, { key: 2 }, {
+				trigger: q(({ toggle: t }) => [s("button", {
+					onClick: Y(t, ["stop"]),
+					"aria-label": L(x)[e.key] ? "Column Filtered" : "Filter Column",
+					class: _(["g-filter-btn", { "g-active": L(x)[e.key] }]),
 					type: "button"
 				}, [...r[2] ||= [s("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
@@ -2968,23 +3078,23 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 				}, [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, Ur)]),
-				default: q(() => [t.filter.type === "select" ? (w(), i(Kt, {
+				})], -1)]], 10, ei)]),
+				default: q(() => [e.filter.type === "select" ? (w(), i(Kt, {
 					key: 0,
-					modelValue: f.value[t.key],
-					"onUpdate:modelValue": (e) => f.value[t.key] = e,
-					options: t.filter.options,
+					modelValue: f.value[e.key],
+					"onUpdate:modelValue": (t) => f.value[e.key] = t,
+					options: e.filter.options,
 					class: "g-filter-select",
 					label: "Filter select",
 					searchable: "",
-					"search-description": t.filter.searchDescription,
+					"search-description": e.filter.searchDescription,
 					"clear-button": ""
 				}, null, 8, [
 					"modelValue",
 					"onUpdate:modelValue",
 					"options",
 					"search-description"
-				])) : t.filter.type === "search" ? (w(), o("div", Wr, [r[3] ||= s("span", {
+				])) : e.filter.type === "search" ? (w(), o("div", ti, [r[3] ||= s("span", {
 					class: "g-filter-search-icon",
 					"aria-hidden": "true"
 				}, [s("svg", {
@@ -2997,30 +3107,30 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 				})])], -1), J(s("input", {
 					type: "search",
 					class: "g-filter-search-input",
-					"onUpdate:modelValue": (e) => f.value[t.key] = e,
-					placeholder: t.filter.placeholder,
-					"aria-label": `Search ${t.label}`
-				}, null, 8, Gr), [[W, f.value[t.key]]])])) : t.filter.type === "toggle" ? (w(), o("div", Kr, [s("div", qr, [
+					"onUpdate:modelValue": (t) => f.value[e.key] = t,
+					placeholder: e.filter.placeholder,
+					"aria-label": `Search ${e.label}`
+				}, null, 8, ni), [[W, f.value[e.key]]])])) : e.filter.type === "toggle" ? (w(), o("div", ri, [s("div", ii, [
 					J(s("input", {
 						type: "checkbox",
-						"onUpdate:modelValue": (e) => f.value[t.key] = e,
-						id: `${L(X)}-filter-${String(t.key)}`,
-						"aria-describedby": t.filter.description ? `${L(X)}-filter-description-${String(t.key)}` : void 0
-					}, null, 8, Jr), [[U, f.value[t.key]]]),
-					s("label", { for: `${L(X)}-filter-${String(t.key)}` }, N(t.filter.label), 9, Yr),
-					t.filter.description ? (w(), o("span", {
+						"onUpdate:modelValue": (t) => f.value[e.key] = t,
+						id: `${L(K)}-filter-${String(e.key)}`,
+						"aria-describedby": e.filter.description ? `${L(K)}-filter-description-${String(e.key)}` : void 0
+					}, null, 8, ai), [[U, f.value[e.key]]]),
+					s("label", { for: `${L(K)}-filter-${String(e.key)}` }, N(e.filter.label), 9, oi),
+					e.filter.description ? (w(), o("span", {
 						key: 0,
 						class: "g-filter-description",
-						id: `${L(X)}-filter-description-${String(t.key)}`
-					}, N(t.filter.description), 9, Xr)) : a("", !0)
-				])])) : t.filter.type === "multi-select" && t.filter.searchable ? (w(), i(br, {
+						id: `${L(K)}-filter-description-${String(e.key)}`
+					}, N(e.filter.description), 9, si)) : a("", !0)
+				])])) : e.filter.type === "multi-select" && e.filter.searchable ? (w(), i(br, {
 					key: 3,
-					modelValue: f.value[t.key],
-					"onUpdate:modelValue": (e) => f.value[t.key] = e,
-					options: t.filter.options,
+					modelValue: f.value[e.key],
+					"onUpdate:modelValue": (t) => f.value[e.key] = t,
+					options: e.filter.options,
 					label: "Include values",
-					placeholder: t.filter.placeholder,
-					"search-description": t.filter.searchDescription,
+					placeholder: e.filter.placeholder,
+					"search-description": e.filter.searchDescription,
 					class: "g-multi-select-searchable"
 				}, null, 8, [
 					"modelValue",
@@ -3028,31 +3138,27 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 					"options",
 					"placeholder",
 					"search-description"
-				])) : t.filter.type === "multi-select" ? (w(), o("fieldset", Zr, [
-					r[5] ||= s("legend", { class: "g-multi-select-legend" }, " Include values ", -1),
-					(w(!0), o(e, null, O(t.filter.options, (e) => (w(), o("div", {
-						key: e.value,
-						class: "g-multi-select-option"
-					}, [J(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, Qr), [[U, f.value[t.key]]]), s("label", { for: `filter-${String(t.key)}-${e.value}` }, [s("span", ei, N(e.label), 1), e.description ? (w(), o("span", ti, N(e.description), 1)) : a("", !0)], 8, $r)]))), 128)),
-					f.value[t.key] && f.value[t.key].length ? (w(), i(Q, {
-						key: 0,
-						class: "clear-multiselect-btn",
-						theme: "accent",
-						size: "small",
-						onClick: (e) => f.value[t.key] = []
-					}, {
-						default: q(() => [...r[4] ||= [c(" Clear ", -1)]]),
-						_: 1
-					}, 8, ["onClick"])) : a("", !0)
-				])) : a("", !0)]),
+				])) : e.filter.type === "multi-select" ? (w(), o("div", ci, [l(jr, {
+					modelValue: f.value[e.key],
+					"onUpdate:modelValue": (t) => f.value[e.key] = t,
+					options: re(e),
+					label: "Include values"
+				}, null, 8, [
+					"modelValue",
+					"onUpdate:modelValue",
+					"options"
+				]), f.value[e.key]?.length ? (w(), i(Q, {
+					key: 0,
+					class: "clear-multiselect-btn",
+					theme: "accent",
+					size: "small",
+					onClick: (t) => f.value[e.key] = []
+				}, {
+					default: q(() => [...r[4] ||= [c(" Clear ", -1)]]),
+					_: 1
+				}, 8, ["onClick"])) : a("", !0)])) : a("", !0)]),
 				_: 2
-			}, 1024)) : a("", !0)])], 10, Lr))), 128))])]), l(ir, {
+			}, 1024)) : a("", !0)])], 10, Jr))), 128))])]), l(ir, {
 				data: t.data,
 				columns: t.columns,
 				"group-by": t.groupBy,
@@ -3062,11 +3168,11 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 				"start-index": t.startIndex,
 				"bulk-selection-enabled": t.bulkSelectionEnabled,
 				"selected-rows": p.value,
-				"table-id": L(X),
+				"table-id": L(K),
 				"change-tracker": t.changeTracker,
 				onRowClick: H,
 				onToggleRow: R,
-				onCellChange: K
+				onCellChange: G
 			}, null, 8, [
 				"data",
 				"columns",
@@ -3079,8 +3185,8 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 				"selected-rows",
 				"table-id",
 				"change-tracker"
-			])], 8, Mr),
-			t.bulkSelectionEnabled && p.value.length > 0 ? (w(), o("div", ni, [s("span", ri, N(p.value.length) + " row" + N(p.value.length === 1 ? "" : "s") + " selected", 1), s("ul", ii, [(w(!0), o(e, null, O(t.bulkActions, (e) => (w(), o("li", { key: e.id }, [l(Q, {
+			])], 8, Ur),
+			t.bulkSelectionEnabled && p.value.length > 0 ? (w(), o("div", li, [s("span", ui, N(p.value.length) + " row" + N(p.value.length === 1 ? "" : "s") + " selected", 1), s("ul", di, [(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"
@@ -3090,10 +3196,10 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 			}, 1032, ["theme", "onClick"])]))), 128))])])) : a("", !0)
 		]));
 	}
-}), oi = {
+}), pi = {
 	class: "g-pagination",
 	"aria-label": "Pagination"
-}, si = ["disabled"], ci = ["disabled"], li = { class: "page-range" }, ui = ["disabled"], di = ["disabled"], fi = ["value"], pi = ["value"], mi = /* @__PURE__ */ u({
+}, mi = ["disabled"], hi = ["disabled"], gi = { class: "page-range" }, _i = ["disabled"], vi = ["disabled"], yi = ["value"], bi = ["value"], xi = /* @__PURE__ */ u({
 	__name: "GTablePagination",
 	props: /*@__PURE__*/ m({
 		start: {},
@@ -3115,7 +3221,7 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 		function h(e) {
 			c.value = parseInt(e.target.value, 10);
 		}
-		return (t, r) => (w(), o("nav", oi, [
+		return (t, r) => (w(), o("nav", pi, [
 			s("button", {
 				class: "first-page g-pagination-button",
 				disabled: p.value === 1,
@@ -3140,7 +3246,7 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 				}),
 				s("path", { d: "M11 7l-5 5l5 5" }),
 				s("path", { d: "M17 7l-5 5l5 5" })
-			], -1)]], 8, si),
+			], -1)]], 8, mi),
 			s("button", {
 				class: "prev-page g-pagination-button",
 				disabled: p.value === 1,
@@ -3161,8 +3267,8 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
-			}), s("path", { d: "M15 6l-6 6l6 6" })], -1)]], 8, ci),
-			s("span", li, N(d.value) + " to " + N(f.value), 1),
+			}), s("path", { d: "M15 6l-6 6l6 6" })], -1)]], 8, hi),
+			s("span", gi, N(d.value) + " to " + N(f.value), 1),
 			s("button", {
 				class: "next-page g-pagination-button",
 				disabled: p.value === i.value,
@@ -3183,7 +3289,7 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
-			}), s("path", { d: "M9 6l6 6l-6 6" })], -1)]], 8, ui),
+			}), s("path", { d: "M9 6l6 6l-6 6" })], -1)]], 8, _i),
 			s("button", {
 				class: "last-page g-pagination-button",
 				disabled: p.value === i.value,
@@ -3208,7 +3314,7 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 				}),
 				s("path", { d: "M7 7l5 5l-5 5" }),
 				s("path", { d: "M13 7l5 5l-5 5" })
-			], -1)]], 8, di),
+			], -1)]], 8, vi),
 			s("select", {
 				id: "page-size-select",
 				class: "page-size-select",
@@ -3222,14 +3328,14 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 			], (e) => (w(), o("option", {
 				key: e,
 				value: e
-			}, N(e), 9, pi))), 128))], 40, fi),
+			}, N(e), 9, bi))), 128))], 40, yi),
 			r[8] ||= s("label", {
 				class: "page-size-label",
 				for: "page-size-select"
 			}, "per page", -1)
 		]));
 	}
-}), hi = ["id"], gi = { class: "g-modal-inner" }, _i = { class: "g-modal-header" }, vi = ["id"], yi = ["id"], bi = /* @__PURE__ */ u({
+}), Si = ["id"], Ci = { class: "g-modal-inner" }, wi = { class: "g-modal-header" }, Ti = ["id"], Ei = ["id"], Di = /* @__PURE__ */ u({
 	__name: "GModal",
 	props: {
 		label: {},
@@ -3273,12 +3379,12 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 				ref_key: "dialog",
 				ref: f,
 				style: { zIndex: L(y) }
-			}), [s("div", gi, [s("div", _i, [e.hiddenLabel ? a("", !0) : (w(), o("h2", {
+			}), [s("div", Ci, [s("div", wi, [e.hiddenLabel ? a("", !0) : (w(), o("h2", {
 				key: 0,
 				id: "modal-label-" + L(m),
 				class: "g-modal-label",
 				tabindex: "-1"
-			}, N(e.label), 9, vi)), s("button", {
+			}, N(e.label), 9, Ti)), s("button", {
 				class: "g-modal-close",
 				onClick: T,
 				"aria-label": "Close"
@@ -3293,19 +3399,19 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 			})], -1)]])]), s("div", {
 				id: "modal-description-" + L(m),
 				class: "g-modal-content"
-			}, [k(r.$slots, "default")], 8, yi)])], 16, hi)]),
+			}, [k(r.$slots, "default")], 8, Ei)])], 16, Si)]),
 			_: 3
 		})]));
 	}
-}), xi = [
+}), Oi = [
 	"id",
 	"aria-expanded",
 	"aria-label",
 	"aria-controls"
-], Si = {
+], ki = {
 	key: 0,
 	class: "g-hamburger-label"
-}, Ci = /* @__PURE__ */ u({
+}, Ai = /* @__PURE__ */ u({
 	__name: "GHamburgerMenu",
 	props: {
 		label: { default: "Main Navigation" },
@@ -3318,7 +3424,7 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 	},
 	emits: ["toggle"],
 	setup(e, { emit: t }) {
-		let n = e, r = p("sidebar") ?? (fe() ? pn(n.sidebarKey, F(n, "mediaQuery")) : void 0), i = t;
+		let n = e, r = p("sidebar") ?? (Z() ? pn(n.sidebarKey, F(n, "mediaQuery")) : void 0), i = t;
 		function c() {
 			i("toggle"), r?.toggle();
 		}
@@ -3341,34 +3447,34 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 51.26 51.26",
 			role: "none"
-		}, [s("g", { fill: "currentColor" }, [s("path", { d: "M11.6 16.52h28.06a3.24 3.24 0 1 0 0-6.48H11.6a3.24 3.24 0 0 0 0 6.48ZM39.66 22.07H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48ZM39.66 34.1H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48Z" })])], -1), e.labelVisible ? (w(), o("span", Si, N(e.label), 1)) : a("", !0)], 42, xi));
+		}, [s("g", { fill: "currentColor" }, [s("path", { d: "M11.6 16.52h28.06a3.24 3.24 0 1 0 0-6.48H11.6a3.24 3.24 0 0 0 0 6.48ZM39.66 22.07H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48ZM39.66 34.1H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48Z" })])], -1), e.labelVisible ? (w(), o("span", ki, N(e.label), 1)) : a("", !0)], 42, Oi));
 	}
-}), wi = /* @__PURE__ */ u({
+}), ji = /* @__PURE__ */ u({
 	__name: "GDetailList",
 	props: { variant: { default: "grid" } },
 	setup(e) {
 		let t = e;
 		return (e, n) => (w(), o("dl", { class: _(["g-detail-list", `g-detail-list--${t.variant}`]) }, [k(e.$slots, "default")], 2));
 	}
-}), Ti = { class: "g-detail-list-item" }, Ei = { class: "g-detail-list-item__label" }, Di = { class: "g-detail-list-item__value" }, Oi = /* @__PURE__ */ u({
+}), Mi = { class: "g-detail-list-item" }, Ni = { class: "g-detail-list-item__label" }, Pi = { class: "g-detail-list-item__value" }, Fi = /* @__PURE__ */ u({
 	__name: "GDetailListItem",
 	props: { label: {} },
 	setup(e) {
-		return (t, n) => (w(), o("div", Ti, [s("dt", Ei, [k(t.$slots, "label", {}, () => [c(N(e.label), 1)])]), s("dd", Di, [k(t.$slots, "default")])]));
+		return (t, n) => (w(), o("div", Mi, [s("dt", Ni, [k(t.$slots, "label", {}, () => [c(N(e.label), 1)])]), s("dd", Pi, [k(t.$slots, "default")])]));
 	}
-}), ki = {
+}), Ii = {
 	key: 0,
 	class: "g-scroll-lock-overlay"
-}, Ai = /* @__PURE__ */ u({
+}, Li = /* @__PURE__ */ u({
 	__name: "GOverlay",
 	setup(e) {
 		let { hasScrollLock: t } = Je();
 		return (e, r) => (w(), i(n, { name: "g-fade" }, {
-			default: q(() => [L(t) ? (w(), o("div", ki)) : a("", !0)]),
+			default: q(() => [L(t) ? (w(), o("div", Ii)) : a("", !0)]),
 			_: 1
 		}));
 	}
-}), ji = { class: "popover-content" }, Mi = { class: "year-dropdown" }, Ni = { class: "month-selector" }, Pi = /* @__PURE__ */ u({
+}), Ri = { class: "popover-content" }, zi = { class: "year-dropdown" }, Bi = { class: "month-selector" }, Vi = /* @__PURE__ */ u({
 	__name: "GTermSelectorControl",
 	props: /*@__PURE__*/ m({
 		termYears: { default: () => ["2026"] },
@@ -3389,7 +3495,7 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = B(e, "modelValue");
-		return (n, r) => (w(), o("div", ji, [s("div", Mi, [l(Kt, {
+		return (n, r) => (w(), o("div", Ri, [s("div", zi, [l(Kt, {
 			modelValue: t.value.year,
 			"onUpdate:modelValue": r[0] ||= (e) => t.value.year = e,
 			options: e.termYears,
@@ -3398,7 +3504,7 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 			"modelValue",
 			"options",
 			"label"
-		])]), s("div", Ni, [l(xt, {
+		])]), s("div", Bi, [l(xt, {
 			modelValue: t.value.name,
 			"onUpdate:modelValue": r[1] ||= (e) => t.value.name = e,
 			options: e.termNames,
@@ -3410,10 +3516,10 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 			"label"
 		])])]));
 	}
-}), Fi = { class: "g-term-selector" }, Ii = { class: "g-term-label" }, Li = {
+}), Hi = { class: "g-term-selector" }, Ui = { class: "g-term-label" }, Wi = {
 	class: "g-popover-title",
 	tabindex: "-1"
-}, Ri = /* @__PURE__ */ u({
+}, Gi = /* @__PURE__ */ u({
 	__name: "GTermSelector",
 	props: /*@__PURE__*/ m({
 		heading: { default: "Period Selection" },
@@ -3435,7 +3541,7 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = B(e, "modelValue");
-		return (n, r) => (w(), o("div", Fi, [l(ot, null, {
+		return (n, r) => (w(), o("div", Hi, [l(ot, null, {
 			trigger: q(({ toggle: e }) => [l(Q, {
 				class: "g-term-selector-button",
 				theme: "none",
@@ -3448,7 +3554,7 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 						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", Ii, N(t.value?.name) + " " + N(t.value?.year), 1),
+					s("span", Ui, N(t.value?.name) + " " + N(t.value?.year), 1),
 					r[1] ||= s("span", { class: "g-caret" }, [s("svg", {
 						role: "none",
 						xmlns: "http://www.w3.org/2000/svg",
@@ -3457,15 +3563,15 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 				]),
 				_: 1
 			}, 8, ["onClick"])]),
-			default: q(() => [s("h2", Li, N(e.heading), 1), l(Pi, v(f(n.$props)), null, 16)]),
+			default: q(() => [s("h2", Wi, N(e.heading), 1), l(Vi, v(f(n.$props)), null, 16)]),
 			_: 1
 		})]));
 	}
-}), zi = { class: "g-user-menu" }, Bi = [
+}), Ki = { class: "g-user-menu" }, qi = [
 	"aria-label",
 	"aria-expanded",
 	"onClick"
-], Vi = { class: "g-user-menu__popover" }, Hi = { class: "g-user-menu__list" }, Ui = /* @__PURE__ */ u({
+], Ji = { class: "g-user-menu__popover" }, Yi = { class: "g-user-menu__list" }, Xi = /* @__PURE__ */ u({
 	__name: "GUserMenu",
 	props: {
 		initials: {},
@@ -3477,7 +3583,7 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 		let n = `${z()}-email`, r = D(!1), a = H("emailHeading");
 		d()?.appContext?.components?.RouterLink;
 		let c = V();
-		return (u, d) => (w(), o("div", zi, [l(ot, {
+		return (u, d) => (w(), o("div", Ki, [l(ot, {
 			modelValue: r.value,
 			"onUpdate:modelValue": d[0] ||= (e) => r.value = e,
 			minimal: ""
@@ -3489,8 +3595,8 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 				"aria-expanded": r.value,
 				"aria-haspopup": "menu",
 				onClick: e
-			}, N(t.initials), 13, Bi)]),
-			default: q(() => [s("div", Vi, [s("h2", {
+			}, N(t.initials), 13, qi)]),
+			default: q(() => [s("div", Ji, [s("h2", {
 				id: n,
 				ref_key: "emailHeading",
 				ref: a,
@@ -3499,11 +3605,11 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 			}, N(t.email), 513), s("nav", {
 				class: "g-user-menu__nav",
 				"aria-labelledby": n
-			}, [s("ul", Hi, [(w(!0), o(e, null, O(c.default(), (e, t) => (w(), o("li", { key: t }, [(w(), i(A(e)))]))), 128))])])])]),
+			}, [s("ul", Yi, [(w(!0), o(e, null, O(c.default(), (e, t) => (w(), o("li", { key: t }, [(w(), i(A(e)))]))), 128))])])])]),
 			_: 1
 		}, 8, ["modelValue"])]));
 	}
-}), Wi = /* @__PURE__ */ u({
+}), Zi = /* @__PURE__ */ u({
 	__name: "GCurrencyInput",
 	props: /*@__PURE__*/ m({
 		label: { default: void 0 },
@@ -3554,7 +3660,7 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 			"form-key"
 		]));
 	}
-}), Gi = /* @__PURE__ */ u({
+}), Qi = /* @__PURE__ */ u({
 	__name: "GEmailInput",
 	props: /*@__PURE__*/ m({
 		label: { default: void 0 },
@@ -3599,13 +3705,13 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 			"instructions"
 		]));
 	}
-}), Ki = ["for"], qi = {
+}), $i = ["for"], ea = {
 	key: 0,
 	class: "g-file-input-required"
-}, Ji = {
+}, ta = {
 	key: 0,
 	class: "g-file-input-box-header"
-}, Yi = ["id"], Xi = [
+}, na = ["id"], ra = [
 	"id",
 	"disabled",
 	"required",
@@ -3614,11 +3720,11 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 	"aria-invalid",
 	"aria-describedby",
 	"aria-errormessage"
-], Zi = {
+], ia = {
 	key: 1,
 	class: "g-file-input-pills",
 	"aria-label": "Selected files"
-}, Qi = /* @__PURE__ */ u({
+}, aa = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GFileInput",
 	props: /*@__PURE__*/ m({
@@ -3675,12 +3781,12 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 				key: 0,
 				for: L(d),
 				class: "g-file-input-label"
-			}, [c(N(t.label) + " ", 1), t.required ? (w(), o("span", qi, "*")) : a("", !0)], 8, Ki)) : a("", !0),
+			}, [c(N(t.label) + " ", 1), t.required ? (w(), o("span", ea, "*")) : a("", !0)], 8, $i)) : a("", !0),
 			s("div", { class: _(["g-file-input-box", { "g-file-input-box--disabled": t.disabled }]) }, [
-				t.instructions ? (w(), o("div", Ji, [s("span", {
+				t.instructions ? (w(), o("div", ta, [s("span", {
 					id: "instructions-" + L(d),
 					class: "g-file-input-instructions"
-				}, N(t.instructions), 9, Yi)])) : a("", !0),
+				}, N(t.instructions), 9, na)])) : a("", !0),
 				s("input", {
 					id: L(d),
 					type: "file",
@@ -3693,8 +3799,8 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 					"aria-describedby": t.instructions ? "instructions-" + L(d) : void 0,
 					"aria-errormessage": y.value ? "error-message-" + L(d) : void 0,
 					onChange: g
-				}, null, 40, Xi),
-				t.multiple && b.value.length > 0 ? (w(), o("ul", Zi, [(w(!0), o(e, null, O(b.value, (e) => (w(), o("li", {
+				}, null, 40, ra),
+				t.multiple && b.value.length > 0 ? (w(), o("ul", ia, [(w(!0), o(e, null, O(b.value, (e) => (w(), o("li", {
 					key: e,
 					class: "g-file-input-pill"
 				}, [r[0] ||= s("svg", {
@@ -3710,7 +3816,7 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), $i = /* @__PURE__ */ u({
+}), oa = /* @__PURE__ */ u({
 	__name: "GDateInput",
 	props: /*@__PURE__*/ m({
 		label: { default: void 0 },
@@ -3758,21 +3864,21 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 			"form-key"
 		]));
 	}
-}), ea = { class: "g-date-range-input" }, ta = {
+}), sa = { class: "g-date-range-input" }, ca = {
 	key: 0,
 	class: "g-date-range-input__label"
-}, na = {
+}, la = {
 	key: 0,
 	class: "g-date-range-input__required",
 	"aria-hidden": "true"
-}, ra = {
+}, ua = {
 	key: 1,
 	class: "g-date-range-input__instructions"
-}, ia = { class: "g-date-range-input__fields" }, aa = {
+}, da = { class: "g-date-range-input__fields" }, fa = {
 	key: 2,
 	class: "g-date-range-input__errors",
 	role: "alert"
-}, oa = /* @__PURE__ */ u({
+}, pa = /* @__PURE__ */ u({
 	__name: "GDateRangeInput",
 	props: /*@__PURE__*/ m({
 		label: { default: void 0 },
@@ -3812,10 +3918,10 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 			};
 		}), G(r, (e) => {
 			e.start !== i.value && (i.value = e.start), e.end !== u.value && (u.value = e.end);
-		}, { deep: !0 }), (t, r) => (w(), o("div", ea, [
-			n.label ? (w(), o("div", ta, [c(N(n.label), 1), n.required ? (w(), o("span", na, " *")) : a("", !0)])) : a("", !0),
-			n.instructions ? (w(), o("div", ra, N(n.instructions), 1)) : a("", !0),
-			s("div", ia, [l($i, {
+		}, { deep: !0 }), (t, r) => (w(), o("div", sa, [
+			n.label ? (w(), o("div", ca, [c(N(n.label), 1), n.required ? (w(), o("span", la, " *")) : a("", !0)])) : a("", !0),
+			n.instructions ? (w(), o("div", ua, N(n.instructions), 1)) : a("", !0),
+			s("div", da, [l(oa, {
 				modelValue: i.value,
 				"onUpdate:modelValue": r[0] ||= (e) => i.value = e,
 				label: n.startLabel,
@@ -3827,7 +3933,7 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 				"label",
 				"disabled",
 				"required"
-			]), l($i, {
+			]), l(oa, {
 				modelValue: u.value,
 				"onUpdate:modelValue": r[1] ||= (e) => u.value = e,
 				label: n.endLabel,
@@ -3840,13 +3946,13 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 				"disabled",
 				"required"
 			])]),
-			L(d).length > 0 ? (w(), o("div", aa, [(w(!0), o(e, null, O(L(d), (e, t) => (w(), o("div", {
+			L(d).length > 0 ? (w(), o("div", fa, [(w(!0), o(e, null, O(L(d), (e, t) => (w(), o("div", {
 				key: t,
 				class: "g-date-range-input__error"
 			}, N(e), 1))), 128))])) : a("", !0)
 		]));
 	}
-}), sa = ["action", "method"], ca = /* @__PURE__ */ u({
+}), ma = ["action", "method"], ha = /* @__PURE__ */ u({
 	__name: "GForm",
 	props: /*@__PURE__*/ m({
 		action: { default: void 0 },
@@ -3858,7 +3964,7 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 	}),
 	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() ? Ae(n.formKey) : Oe());
+		let n = e, r = B(e, "modelValue"), i = t, a = p("form", null), s = a ?? (Z() ? Ae(n.formKey) : Oe());
 		a || T("form", s), G(() => s.values.value, (e) => {
 			r.value = { ...e };
 		}, { deep: !0 }), G(() => r.value, (e) => {
@@ -3886,9 +3992,9 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 			hasErrors: L(s).hasErrors.value,
 			values: L(s).values.value,
 			errors: L(s).errors.value
-		})], 40, sa));
+		})], 40, ma));
 	}
-}), la = /* @__PURE__ */ u({
+}), ga = /* @__PURE__ */ u({
 	__name: "GSubmitButton",
 	props: {
 		disabled: {
@@ -3900,7 +4006,7 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 		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() ? Ae(o) : null), u = r(() => t.disabled || (l?.isSubmitting.value ?? !1)), d = r(() => l?.isSubmitting.value ?? !1);
+		let t = e, n = R(), a = typeof n["form-key"] == "string" ? n["form-key"] : void 0, o = t.formKey || a || "default", l = p("form", null) ?? (Z() ? Ae(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,
@@ -3911,129 +4017,11 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 			_: 3
 		}, 8, ["disabled", "variant"]));
 	}
-}), ua = {
-	key: 0,
-	class: "g-checkbox-group__legend"
-}, da = {
-	key: 0,
-	class: "g-checkbox-group__required",
-	"aria-hidden": "true"
-}, fa = {
-	key: 1,
-	class: "g-checkbox-group__label"
-}, pa = {
-	key: 0,
-	class: "g-checkbox-group__required",
-	"aria-hidden": "true"
-}, ma = ["id"], ha = { class: "g-checkbox-group__options" }, ga = ["for"], _a = [
-	"id",
-	"type",
-	"name",
-	"value",
-	"checked",
-	"disabled",
-	"required",
-	"onChange"
-], va = { class: "g-checkbox-group__label-text" }, ya = ["id"], ba = /* @__PURE__ */ u({
-	__name: "GCheckboxGroup",
-	props: /*@__PURE__*/ m({
-		label: { default: void 0 },
-		options: {},
-		instructions: { default: "" },
-		errors: { default: () => [] },
-		required: {
-			type: Boolean,
-			default: !1
-		},
-		radio: {
-			type: Boolean,
-			default: !1
-		},
-		name: { default: void 0 },
-		formKey: { default: void 0 }
-	}, {
-		modelValue: { default: () => [] },
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
-	setup(t, { emit: n }) {
-		let u = t, d = B(t, "modelValue"), f = z(), { displayErrors: p, hasErrors: m } = $({
-			name: u.name,
-			value: d,
-			errors: F(u, "errors"),
-			formKey: u.formKey
-		}), g = n;
-		function v(e) {
-			return d.value.includes(e);
-		}
-		function y(e, t) {
-			let n;
-			n = u.radio ? t ? [e] : [] : t ? d.value.includes(e) ? d.value : [...d.value, e] : d.value.filter((t) => t !== e), d.value = n, g("change", n);
-		}
-		let b = r(() => u.radio ? "radio" : "checkbox"), x = r(() => `error-message-${f}`), S = r(() => `instructions-${f}`), C = r(() => u.radio || u.options.length > 1), T = r(() => {
-			let e = [];
-			return u.instructions && e.push(S.value), u.radio ? {
-				role: "radiogroup",
-				"aria-invalid": m.value ? "true" : void 0,
-				"aria-errormessage": m.value ? x.value : void 0,
-				"aria-describedby": e.length ? e.join(" ") : void 0
-			} : { "aria-describedby": e.length ? e.join(" ") : void 0 };
-		});
-		function E(e) {
-			return `${f}-hint-${e}`;
-		}
-		function D(e) {
-			return `${f}-input-${e}`;
-		}
-		function k(e, t) {
-			let n = [];
-			return !u.radio && u.instructions && n.push(S.value), e.hint && n.push(E(t)), u.radio ? { "aria-describedby": n.length ? n.join(" ") : void 0 } : {
-				"aria-describedby": n.length ? n.join(" ") : void 0,
-				"aria-invalid": m.value ? "true" : "false",
-				"aria-errormessage": m.value ? x.value : void 0
-			};
-		}
-		return (n, r) => (w(), i(A(C.value ? "fieldset" : "div"), h({ class: ["g-checkbox-group", { "g-checkbox-group--error": L(m) }] }, T.value), {
-			default: q(() => [
-				C.value && t.label ? (w(), o("legend", ua, [c(N(t.label), 1), t.required ? (w(), o("span", da, "\xA0*")) : a("", !0)])) : !C.value && t.label ? (w(), o("div", fa, [c(N(t.label), 1), t.required ? (w(), o("span", pa, "\xA0*")) : a("", !0)])) : a("", !0),
-				t.instructions ? (w(), o("div", {
-					key: 2,
-					id: S.value,
-					class: "g-checkbox-group__instructions"
-				}, N(t.instructions), 9, ma)) : a("", !0),
-				s("div", ha, [(w(!0), o(e, null, O(t.options, (e, n) => (w(), o("div", {
-					key: e.value,
-					class: _(["g-checkbox-group__option-wrapper", { "g-checkbox-group__option-wrapper--disabled": e.disabled }])
-				}, [s("label", {
-					class: _(["g-checkbox-group__option", { "g-checkbox-group__option--checked": v(e.value) }]),
-					for: D(n)
-				}, [s("input", h({
-					id: D(n),
-					type: b.value,
-					name: t.name || L(f),
-					value: e.value,
-					checked: v(e.value),
-					disabled: e.disabled,
-					required: t.required && (t.radio && n === 0 || !t.radio && t.options.length === 1),
-					class: "g-checkbox-group__input"
-				}, { ref_for: !0 }, k(e, n), { onChange: (t) => y(e.value, t.target.checked) }), null, 16, _a), s("span", va, N(e.label), 1)], 10, ga), e.hint ? (w(), o("div", {
-					key: 0,
-					id: E(n),
-					class: "g-checkbox-group__hint"
-				}, N(e.hint), 9, ya)) : a("", !0)], 2))), 128))]),
-				l(Me, {
-					errors: L(p),
-					id: x.value
-				}, null, 8, ["errors", "id"])
-			]),
-			_: 1
-		}, 16, ["class"]));
-	}
-}), xa = ["for"], Sa = {
+}), _a = ["for"], va = {
 	key: 0,
 	class: "g-textarea-required",
 	"aria-hidden": "true"
-}, Ca = ["id"], wa = [
+}, ya = ["id"], ba = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -4042,11 +4030,11 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 	"rows",
 	"maxlength",
 	"aria-invalid"
-], Ta = {
+], xa = {
 	key: 2,
 	class: "g-textarea-char-count",
 	"aria-live": "polite"
-}, Ea = /* @__PURE__ */ u({
+}, Sa = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GTextarea",
 	props: /*@__PURE__*/ m({
@@ -4120,12 +4108,12 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 				key: 0,
 				for: m.value,
 				class: "g-textarea-label"
-			}, [c(N(n.label), 1), n.required ? (w(), o("span", Sa, " *")) : a("", !0)], 8, xa)) : a("", !0),
+			}, [c(N(n.label), 1), n.required ? (w(), o("span", va, " *")) : a("", !0)], 8, _a)) : a("", !0),
 			t.$slots.instructions || e.instructions ? (w(), o("div", {
 				key: 1,
 				id: "instructions-" + L(u),
 				class: "g-textarea-instructions"
-			}, [k(t.$slots, "instructions", {}, () => [c(N(e.instructions), 1)])], 8, Ca)) : a("", !0),
+			}, [k(t.$slots, "instructions", {}, () => [c(N(e.instructions), 1)])], 8, ya)) : a("", !0),
 			s("textarea", h({
 				ref: "textareaEl",
 				value: i.value ?? "",
@@ -4146,8 +4134,8 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 				onInput: T,
 				onBlur: E,
 				onPaste: D
-			}), null, 16, wa),
-			n.maxlength === void 0 ? a("", !0) : (w(), o("div", Ta, N((i.value ?? "").length) + " / " + N(n.maxlength), 1)),
+			}), null, 16, ba),
+			n.maxlength === void 0 ? a("", !0) : (w(), o("div", xa, N((i.value ?? "").length) + " / " + N(n.maxlength), 1)),
 			l(Me, {
 				errors: L(v),
 				id: "error-message-" + L(u)
@@ -4157,18 +4145,18 @@ var Dr = { class: "g-table-outer-wrap" }, Or = {
 });
 //#endregion
 //#region src/compose/useActiveLink.ts
-function Da(e, t, n) {
+function Ca(e, t, n) {
 	let r = [
 		0,
 		.25,
 		.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(re(e)?.children || []));
+	le(e, () => {
+		o.value = Array.from(re(e)?.children || []);
 	}, { childList: !0 });
-	let { stop: s } = oe(o, (e) => {
+	let { stop: s } = se(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;
@@ -4187,8 +4175,8 @@ function Da(e, t, n) {
 }
 //#endregion
 //#region src/compose/useSidebar.ts
-function Oa(e = "(max-width: 800px)") {
-	let t = z(), n = D(!1), r = se(e, { ssrWidth: 1e3 });
+function wa(e = "(max-width: 800px)") {
+	let t = z(), n = D(!1), r = ce(e, { ssrWidth: 1e3 });
 	function i(e) {
 		if (!r.value || !n.value) return;
 		let i = e.target, a = document.getElementById(`${t}-sidebar`), o = document.getElementById(`${t}-hamburger`);
@@ -4218,8 +4206,8 @@ function Oa(e = "(max-width: 800px)") {
 }
 //#endregion
 //#region src/compose/useTableChanges.ts
-function ka() {
-	let e = j(/* @__PURE__ */ new Map()), t = X(), n = (n) => {
+function Ta() {
+	let e = j(/* @__PURE__ */ new Map()), t = te(), n = (n) => {
 		let r = n.column.key, i = n.row.key, a = n.value, o = n.previousValue;
 		e.has(i) || e.set(i, j(/* @__PURE__ */ new Map()));
 		let s = e.get(i), c = s.get(r), l = c ? c.previousValue : o, u = c?.error;
@@ -4321,6 +4309,6 @@ function ka() {
 	};
 }
 //#endregion
-export { $, ir as A, nn as B, Cr as C, Tr as D, Sr as E, bn as F, mt as G, Mt as H, gn as I, et as J, ot as K, mn as L, On as M, Cn as N, Er as O, xn as P, ze as Q, pn as R, ai as S, wr as T, Et as U, Kt as V, xt as W, qe as X, $e as Y, Je as Z, Oi as _, ba as a, Q as at, bi as b, oa as c, Gi as d, Ae as et, Wi as f, Ai as g, Pi as h, Ea as i, be as it, Un as j, br as k, $i as l, Ri as m, Oa as n, De as nt, la as o, Ui as p, tt as q, Da as r, xe as rt, ca as s, ka as t, Oe as tt, Qi as u, wi as v, xr as w, mi as x, Ci as y, un as z };
+export { $, ir as A, nn as B, Mr as C, Lr as D, Ir as E, bn as F, mt as G, Mt as H, gn as I, et as J, ot as K, mn as L, On as M, Cn as N, jr as O, xn as P, ze as Q, pn as R, Pr as S, Nr as T, Et as U, Kt as V, xt as W, qe as X, $e as Y, Je as Z, ji as _, ga as a, Q as at, xi as b, oa as c, Zi as d, Ae as et, Xi as f, Fi as g, Li as h, Sa as i, be as it, Un as j, br as k, aa as l, Vi as m, wa as n, De as nt, ha as o, Gi as p, tt as q, Ca as r, xe as rt, pa as s, Ta as t, Oe as tt, Qi as u, Ai as v, Fr as w, fi as x, Di as y, un as z };
 
-//# sourceMappingURL=grad-vue-B8w4p-cK.js.map
+//# sourceMappingURL=grad-vue-6hV02JpW.js.map