@illinois-grad/grad-vue 3.0.7 → 3.0.8

package/dist/grad-vue-elements.js

@@ -6017,8 +6017,8 @@ function wd(e = "default", t) {
 	}, { immediate: !0 });
 	function s(e) {
 		if (!o.isCollapsible.value || !o.open.value) return;
-		let t = e.target, n = document.getElementById(`${o.id}-sidebar`);
-		n && (n.contains(t) || setTimeout(() => {
+		let t = e.target, n = document.getElementById(`${o.id}-sidebar`), r = document.getElementById(`${o.id}-hamburger`);
+		n && (n.contains(t) || r?.contains(t) || setTimeout(() => {
 			o.open.value = !1;
 		}, 5));
 	}
@@ -6044,7 +6044,10 @@ var Td = [
 	"aria-expanded",
 	"aria-label",
 	"aria-controls"
-], Ed = /* @__PURE__ */ $(/* @__PURE__ */ R({
+], Ed = {
+	key: 0,
+	class: "g-hamburger-label"
+}, Dd = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "GHamburgerMenu",
 	props: {
 		label: {
@@ -6055,7 +6058,11 @@ var Td = [
 			default: "default",
 			type: String
 		},
-		mediaQuery: { type: String }
+		mediaQuery: { type: String },
+		labelVisible: {
+			type: Boolean,
+			default: !1
+		}
 	},
 	emits: ["toggle"],
 	setup(e, { emit: t }) {
@@ -6076,22 +6083,23 @@ var Td = [
 			onClick: a,
 			onKeydown: o,
 			"aria-expanded": P(r)?.open?.value ? "true" : "false",
-			"aria-label": e.label,
+			"aria-label": e.labelVisible ? void 0 : e.label,
 			"aria-controls": P(r) ? `${P(r).id}-sidebar` : void 0
-		}, [...n[0] ||= [J("svg", {
+		}, [n[0] ||= J("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 51.26 51.26"
-		}, [J("g", { fill: "currentColor" }, [J("path", { d: "M11.6 16.52h28.06a3.24 3.24 0 1 0 0-6.48H11.6a3.24 3.24 0 0 0 0 6.48ZM39.66 22.07H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48ZM39.66 34.1H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48Z" })])], -1)]], 42, Td));
+			viewBox: "0 0 51.26 51.26",
+			role: "none"
+		}, [J("g", { fill: "currentColor" }, [J("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 ? (G(), K("span", Ed, A(e.label), 1)) : Z("", !0)], 42, Td));
 	}
-}), [["styles", [""]]]), Dd = { class: "g-history-scroller-wrapper" }, Od = {
+}), [["styles", [""]]]), Od = { class: "g-history-scroller-wrapper" }, kd = {
 	key: 0,
 	class: "g-history-shadow g-history-shadow--top",
 	"aria-hidden": "true"
-}, kd = {
+}, Ad = {
 	key: 1,
 	class: "g-history-shadow g-history-shadow--bottom",
 	"aria-hidden": "true"
-}, Ad = ["role", "aria-label"], jd = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}, jd = ["role", "aria-label"], Md = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "GHistoryScroller",
 	props: {
 		label: { type: String },
@@ -6126,9 +6134,9 @@ var Td = [
 			i.value && (await F(), o());
 		});
 		let c = Q(() => [...t.entries].reverse());
-		return (t, l) => (G(), K("div", Dd, [
-			a.value ? Z("", !0) : (G(), K("div", Od)),
-			i.value ? Z("", !0) : (G(), K("div", kd)),
+		return (t, l) => (G(), K("div", Od, [
+			a.value ? Z("", !0) : (G(), K("div", kd)),
+			i.value ? Z("", !0) : (G(), K("div", Ad)),
 			J("div", {
 				ref_key: "scrollerRef",
 				ref: n,
@@ -6163,10 +6171,10 @@ var Td = [
 				key: e.id,
 				class: "g-history-entry",
 				tabindex: "-1"
-			}, [V(t.$slots, "default", { entry: e })]))), 128))], 512)], 40, Ad)
+			}, [V(t.$slots, "default", { entry: e })]))), 128))], 512)], 40, jd)
 		]));
 	}
-}), [["styles", [""]]]), Md = ["id"], Nd = { class: "g-modal-inner" }, Pd = { class: "g-modal-header" }, Fd = ["id"], Id = ["id"], Ld = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}), [["styles", [""]]]), Nd = ["id"], Pd = { class: "g-modal-inner" }, Fd = { class: "g-modal-header" }, Id = ["id"], Ld = ["id"], Rd = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "GModal",
 	props: {
 		label: { type: String },
@@ -6216,12 +6224,12 @@ var Td = [
 				ref_key: "dialog",
 				ref: i,
 				style: { zIndex: P(u) }
-			}), [J("div", Nd, [J("div", Pd, [e.hiddenLabel ? Z("", !0) : (G(), K("h2", {
+			}), [J("div", Pd, [J("div", Fd, [e.hiddenLabel ? Z("", !0) : (G(), K("h2", {
 				key: 0,
 				id: "modal-label-" + P(o),
 				class: "g-modal-label",
 				tabindex: "-1"
-			}, A(e.label), 9, Fd)), J("button", {
+			}, A(e.label), 9, Id)), J("button", {
 				class: "g-modal-close",
 				onClick: p,
 				"aria-label": "Close"
@@ -6236,20 +6244,20 @@ var Td = [
 			})], -1)]])]), J("div", {
 				id: "modal-description-" + P(o),
 				class: "g-modal-content"
-			}, [V(t.$slots, "default")], 8, Id)])], 16, Md)]),
+			}, [V(t.$slots, "default")], 8, Ld)])], 16, Nd)]),
 			_: 3
 		})]));
 	}
 }), [["styles", [""]]]);
 //#endregion
 //#region src/compose/useSelectDropdown.ts
-function Rd(e) {
+function zd(e) {
 	return e.map((e) => typeof e == "string" ? {
 		label: e,
 		value: e
 	} : e);
 }
-function zd({ open: e, anchorRef: t, listboxRef: n, baseId: r, activeIndex: i }) {
+function Bd({ open: e, anchorRef: t, listboxRef: n, baseId: r, activeIndex: i }) {
 	let { push: a, pop: o, isTop: s } = Gs(r), c = /* @__PURE__ */ N("below"), l = /* @__PURE__ */ N(null), u = Q(() => {
 		let e = {};
 		return l.value !== null && (e.maxHeight = `${l.value}px`), c.value === "above" ? (e.top = "auto", e.bottom = "100%") : (e.top = "100%", e.bottom = "auto"), e;
@@ -6293,15 +6301,15 @@ function zd({ open: e, anchorRef: t, listboxRef: n, baseId: r, activeIndex: i })
 }
 //#endregion
 //#region src/components/GMultiSelect.vue?vue&type=script&setup=true&lang.ts
-var Bd = ["id", "for"], Vd = {
+var Vd = ["id", "for"], Hd = {
 	key: 0,
 	class: "g-multiselect-required",
 	"aria-hidden": "true"
-}, Hd = ["id"], Ud = ["aria-labelledby"], Wd = { class: "g-multiselect-chip-label" }, Gd = [
+}, Ud = ["id"], Wd = ["aria-labelledby"], Gd = { class: "g-multiselect-chip-label" }, Kd = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], Kd = [
+], qd = [
 	"id",
 	"value",
 	"placeholder",
@@ -6311,23 +6319,23 @@ var Bd = ["id", "for"], Vd = {
 	"aria-activedescendant",
 	"aria-describedby",
 	"aria-required"
-], qd = ["id"], Jd = [
+], Jd = ["id"], Yd = [
 	"id",
 	"aria-selected",
 	"onClick"
-], Yd = {
+], Xd = {
 	class: "g-multiselect-option-check",
 	"aria-hidden": "true"
-}, Xd = {
+}, Zd = {
 	key: 0,
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 640 640",
 	width: "1.25em"
-}, Zd = {
+}, Qd = {
 	key: 1,
 	"aria-live": "polite",
 	class: "g-multiselect-option g-multiselect-no-results"
-}, Qd = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}, $d = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "GMultiSelect",
 	props: /* @__PURE__ */ H({
 		options: { type: Array },
@@ -6363,13 +6371,13 @@ var Bd = ["id", "for"], Vd = {
 			value: i,
 			errors: /* @__PURE__ */ fn(n, "errors"),
 			formKey: n.formKey
-		}), { menuPlacement: h, menuStyle: g, isTop: _, scrollOptionIntoView: v } = zd({
+		}), { menuPlacement: h, menuStyle: g, isTop: _, scrollOptionIntoView: v } = Bd({
 			open: l,
 			anchorRef: s,
 			listboxRef: c,
 			baseId: a,
 			activeIndex: u
-		}), y = Q(() => Rd(n.options)), b = Q(() => {
+		}), y = Q(() => zd(n.options)), b = Q(() => {
 			if (!d.value) return y.value;
 			let e = d.value.toLowerCase();
 			return y.value.filter((t) => t.label.toLowerCase().includes(e));
@@ -6464,12 +6472,12 @@ var Bd = ["id", "for"], Vd = {
 				id: oe.value,
 				for: ae.value,
 				class: "g-multiselect-label"
-			}, [X(A(e.label), 1), e.required ? (G(), K("span", Vd, " *")) : Z("", !0)], 8, Bd)),
+			}, [X(A(e.label), 1), e.required ? (G(), K("span", Hd, " *")) : Z("", !0)], 8, Vd)),
 			e.instructions ? (G(), K("div", {
 				key: 1,
 				id: se.value,
 				class: "g-multiselect-instructions"
-			}, A(e.instructions), 9, Hd)) : Z("", !0),
+			}, A(e.instructions), 9, Ud)) : Z("", !0),
 			J("div", {
 				ref_key: "controlRef",
 				ref: s,
@@ -6482,7 +6490,7 @@ var Bd = ["id", "for"], Vd = {
 				}, [(G(!0), K(W, null, B(i.value, (t) => (G(), K("li", {
 					key: t,
 					class: "g-multiselect-chip"
-				}, [J("span", Wd, A(S(t)), 1), J("button", {
+				}, [J("span", Gd, A(S(t)), 1), J("button", {
 					type: "button",
 					class: "g-multiselect-chip-remove",
 					"aria-label": `Remove ${S(t)}`,
@@ -6497,7 +6505,7 @@ var Bd = ["id", "for"], Vd = {
 				}, [J("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, Gd)]))), 128))], 8, Ud),
+				})], -1)]], 40, Kd)]))), 128))], 8, Wd),
 				J("input", Va({
 					ref_key: "inputRef",
 					ref: o,
@@ -6521,7 +6529,7 @@ var Bd = ["id", "for"], Vd = {
 					onKeydown: ie,
 					onFocus: te,
 					onBlur: O
-				}), null, 16, Kd),
+				}), null, 16, qd),
 				n[2] ||= J("svg", {
 					class: "g-multiselect-caret",
 					xmlns: "http://www.w3.org/2000/svg",
@@ -6553,7 +6561,7 @@ var Bd = ["id", "for"], Vd = {
 					"aria-selected": x(e.value) ? "true" : "false",
 					onMousedown: ne,
 					onClick: (e) => T(t)
-				}, [J("span", Yd, [x(e.value) ? (G(), K("svg", Xd, [...n[1] ||= [J("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)]])) : Z("", !0)]), X(" " + A(e.label), 1)], 42, Jd))), 128)) : (G(), K("div", Zd, " No results found. "))], 16, qd), [[Go, l.value]])
+				}, [J("span", Xd, [x(e.value) ? (G(), K("svg", Zd, [...n[1] ||= [J("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)]])) : Z("", !0)]), X(" " + A(e.label), 1)], 42, Yd))), 128)) : (G(), K("div", Qd, " No results found. "))], 16, Jd), [[Go, l.value]])
 			], 2),
 			Y(Su, {
 				errors: P(p),
@@ -6561,19 +6569,19 @@ var Bd = ["id", "for"], Vd = {
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), [["styles", [""]]]), $d = {
+}), [["styles", [""]]]), ef = {
 	key: 0,
 	class: "g-scroll-lock-overlay"
-}, ef = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}, tf = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "GOverlay",
 	setup(e) {
 		let { hasScrollLock: t } = Ks();
 		return (e, n) => (G(), q(Do, { name: "g-fade" }, {
-			default: I(() => [P(t) ? (G(), K("div", $d)) : Z("", !0)]),
+			default: I(() => [P(t) ? (G(), K("div", ef)) : Z("", !0)]),
 			_: 1
 		}));
 	}
-}), [["styles", [""]]]), tf = { class: "g-popover-wrap" }, nf = ["id"], rf = ["aria-labelledby", "aria-label"], af = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}), [["styles", [""]]]), nf = { class: "g-popover-wrap" }, rf = ["id"], af = ["aria-labelledby", "aria-label"], of = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "GPopover",
 	props: {
 		minimal: {
@@ -6651,13 +6659,13 @@ var Bd = ["id", "for"], Vd = {
 			show: y,
 			hide: b,
 			toggle: x
-		}), (t, n) => (G(), K("div", tf, [s.value ? (G(), K("div", {
+		}), (t, n) => (G(), K("div", nf, [s.value ? (G(), K("div", {
 			key: 0,
 			ref_key: "triggerRef",
 			ref: c,
 			class: "g-popover-trigger",
 			id: `${P(f)}-trigger`
-		}, [V(t.$slots, "trigger", { toggle: x })], 8, nf)) : Z("", !0), (G(), q(fr, {
+		}, [V(t.$slots, "trigger", { toggle: x })], 8, rf)) : Z("", !0), (G(), q(fr, {
 			to: "#modal-root",
 			disabled: P(d)
 		}, [Y(Do, {
@@ -6706,11 +6714,11 @@ var Bd = ["id", "for"], Vd = {
 					fill: "currentColor",
 					d: "m37.84 32.94-7.63-7.63 7.63-7.63a3.24 3.24 0 0 0-4.58-4.58l-7.63 7.63L18 13.1a3.24 3.24 0 0 0-4.58 4.58L21 25.31l-7.62 7.63A3.24 3.24 0 1 0 18 37.52l7.63-7.63 7.63 7.63a3.24 3.24 0 0 0 4.58-4.58Z"
 				})], -1)]]))
-			], 14, rf)), [[Go, a.value]]) : Z("", !0)]),
+			], 14, af)), [[Go, a.value]]) : Z("", !0)]),
 			_: 3
 		})], 8, ["disabled"]))]));
 	}
-}), [["styles", [""]]]), of = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}), [["styles", [""]]]), sf = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "GTooltip",
 	props: { text: { type: String } },
 	emits: ["tooltip-hide"],
@@ -6799,21 +6807,21 @@ var Bd = ["id", "for"], Vd = {
 			class: "g-tooltip-trigger"
 		}, [V(e.$slots, "trigger")], 512)) : Z("", !0)], 512));
 	}
-}), [["styles", [""]]]), sf = ["width", "height"], cf = [
+}), [["styles", [""]]]), cf = ["width", "height"], lf = [
 	"cx",
 	"cy",
 	"r"
-], lf = [
+], uf = [
 	"cx",
 	"cy",
 	"r",
 	"stroke-dasharray",
 	"stroke-dashoffset"
-], uf = [
+], df = [
 	"cx",
 	"cy",
 	"r"
-], df = /* @__PURE__ */ $(/* @__PURE__ */ R({
+], ff = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "GProgress",
 	props: {
 		label: {
@@ -6863,7 +6871,7 @@ var Bd = ["id", "for"], Vd = {
 			r: r.value,
 			"stroke-width": 4,
 			fill: "none"
-		}, null, 8, cf), n.value ? (G(), K("circle", {
+		}, null, 8, lf), n.value ? (G(), K("circle", {
 			key: 0,
 			class: "g-progress__value",
 			cx: r.value + 4 / 2,
@@ -6877,7 +6885,7 @@ var Bd = ["id", "for"], Vd = {
 				transform: "rotate(-90deg)",
 				"transform-origin": "center"
 			}
-		}, null, 8, lf)) : (G(), K("circle", {
+		}, null, 8, uf)) : (G(), K("circle", {
 			key: 1,
 			class: "g-progress__spinner",
 			cx: r.value + 4 / 2,
@@ -6885,29 +6893,29 @@ var Bd = ["id", "for"], Vd = {
 			r: r.value,
 			"stroke-width": 4,
 			fill: "none"
-		}, null, 8, uf))], 10, sf))], 16));
+		}, null, 8, df))], 10, cf))], 16));
 	}
-}), [["styles", [""]]]), ff = ["aria-label"], pf = [
+}), [["styles", [""]]]), pf = ["aria-label"], mf = [
 	"placeholder",
 	"value",
 	"aria-expanded",
 	"aria-controls",
 	"aria-activedescendant"
-], mf = {
+], hf = {
 	key: 0,
 	class: "g-search-dropdown"
-}, hf = {
+}, gf = {
 	"aria-live": "polite",
 	class: "g-search-result-count"
-}, gf = ["id"], _f = ["aria-label"], vf = { class: "g-search-group-label" }, yf = [
+}, _f = ["id"], vf = ["aria-label"], yf = { class: "g-search-group-label" }, bf = [
 	"id",
 	"onMousedown",
 	"aria-selected"
-], bf = [
+], xf = [
 	"id",
 	"onMousedown",
 	"aria-selected"
-], xf = /* @__PURE__ */ $(/* @__PURE__ */ R({
+], Sf = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "GSearch",
 	props: /* @__PURE__ */ H({
 		results: { type: Array },
@@ -6994,12 +7002,12 @@ var Bd = ["id", "for"], Vd = {
 			"aria-autocomplete": "list",
 			"aria-controls": `${P(y)}-list`,
 			"aria-activedescendant": c.value >= 0 ? "g-search-option-" + l.value[c.value].id : void 0
-		}, null, 40, pf), J("button", {
+		}, null, 40, mf), J("button", {
 			type: "submit",
 			class: "g-search-submit",
 			"aria-label": "Submit search",
 			onKeydown: m
-		}, [g.value ? (G(), q(df, {
+		}, [g.value ? (G(), q(ff, {
 			key: 0,
 			size: "tiny"
 		})) : Z("", !0), t[1] ||= J("svg", {
@@ -7010,7 +7018,7 @@ var Bd = ["id", "for"], Vd = {
 		}, [J("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), _.value ? (G(), K("div", mf, [J("div", hf, [g.value ? Z("", !0) : (G(), K(W, { key: 0 }, [X(A(u.value) + " result" + A(u.value === 1 ? "" : "s"), 1)], 64))]), J("div", {
+		})], -1)], 32)], 32), _.value ? (G(), K("div", hf, [J("div", gf, [g.value ? Z("", !0) : (G(), K(W, { key: 0 }, [X(A(u.value) + " result" + A(u.value === 1 ? "" : "s"), 1)], 64))]), J("div", {
 			role: "listbox",
 			id: `${P(y)}-list`,
 			ref_key: "listboxRef",
@@ -7021,27 +7029,27 @@ var Bd = ["id", "for"], Vd = {
 			class: "g-search-group",
 			role: "group",
 			"aria-label": t.label
-		}, [V(e.$slots, "group", { group: t }, () => [J("div", vf, A(t.label), 1)]), (G(!0), K(W, null, B(t.items, (t, n) => (G(), K("div", {
+		}, [V(e.$slots, "group", { group: t }, () => [J("div", yf, A(t.label), 1)]), (G(!0), K(W, null, B(t.items, (t, n) => (G(), K("div", {
 			key: t.id,
 			id: "g-search-option-" + t.id,
 			class: k(["g-search-option", { "g-search-option-active": l.value[c.value] && l.value[c.value].id === t.id }]),
 			role: "option",
 			onMousedown: As((e) => h(t), ["prevent"]),
 			"aria-selected": l.value[c.value] && l.value[c.value].id === t.id
-		}, [V(e.$slots, "option", { option: t }, () => [X(A(t.title), 1)])], 42, yf))), 128))], 8, _f))), 128)) : u.value > 0 ? (G(!0), K(W, { key: 1 }, B(l.value, (t, n) => (G(), K("div", {
+		}, [V(e.$slots, "option", { option: t }, () => [X(A(t.title), 1)])], 42, bf))), 128))], 8, vf))), 128)) : u.value > 0 ? (G(!0), K(W, { key: 1 }, B(l.value, (t, n) => (G(), K("div", {
 			key: t.id,
 			id: "g-search-option-" + t.id,
 			class: k(["g-search-option", { "g-search-option-active": c.value === n }]),
 			role: "option",
 			onMousedown: As((e) => h(t), ["prevent"]),
 			"aria-selected": c.value === n
-		}, [V(e.$slots, "option", { option: t }, () => [X(A(t.title), 1)])], 42, bf))), 128)) : Z("", !0)], 8, gf)])) : Z("", !0)], 8, ff));
+		}, [V(e.$slots, "option", { option: t }, () => [X(A(t.title), 1)])], 42, xf))), 128)) : Z("", !0)], 8, _f)])) : Z("", !0)], 8, pf));
 	}
-}), [["styles", [""]]]), Sf = ["id"], Cf = {
+}), [["styles", [""]]]), Cf = ["id"], wf = {
 	key: 0,
 	class: "g-select-required",
 	"aria-hidden": "true"
-}, wf = { class: "g-select-input-wrap" }, Tf = ["id"], Ef = [
+}, Tf = { class: "g-select-input-wrap" }, Ef = ["id"], Df = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -7049,21 +7057,21 @@ var Bd = ["id", "for"], Vd = {
 	"aria-expanded",
 	"aria-required",
 	"aria-activedescendant"
-], Df = [
+], Of = [
 	"id",
 	"aria-controls",
 	"aria-expanded",
 	"aria-required",
 	"aria-activedescendant"
-], Of = ["id"], kf = [
+], kf = ["id"], Af = [
 	"id",
 	"aria-selected",
 	"onClick"
-], Af = {
+], jf = {
 	key: 1,
 	"aria-live": "polite",
 	class: "g-select-combo-option g-select-option g-select-no-results"
-}, jf = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}, Mf = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "GSelect",
 	props: /* @__PURE__ */ H({
 		options: { type: Array },
@@ -7104,13 +7112,13 @@ var Bd = ["id", "for"], Vd = {
 			value: i,
 			errors: /* @__PURE__ */ fn(n, "errors"),
 			formKey: n.formKey
-		}), { menuPlacement: h, menuStyle: g, isTop: _, scrollOptionIntoView: v } = zd({
+		}), { menuPlacement: h, menuStyle: g, isTop: _, scrollOptionIntoView: v } = Bd({
 			open: l,
 			anchorRef: o,
 			listboxRef: s,
 			baseId: a,
 			activeIndex: u
-		}), y = Q(() => Rd(n.options)), b = /* @__PURE__ */ N(""), x = Q(() => {
+		}), y = Q(() => zd(n.options)), b = /* @__PURE__ */ N(""), x = Q(() => {
 			if (!n.searchable || !l.value || !b.value) return y.value;
 			let e = b.value.toLowerCase();
 			return y.value.filter((t) => t.label.toLowerCase().includes(e));
@@ -7218,8 +7226,8 @@ var Bd = ["id", "for"], Vd = {
 				key: 0,
 				id: P(a) + "-label",
 				class: "g-select-combo-label g-select-label"
-			}, [X(A(n.label), 1), n.required ? (G(), K("span", Cf, " *")) : Z("", !0)], 8, Sf)),
-			J("div", wf, [n.searchable ? (G(), K("div", {
+			}, [X(A(n.label), 1), n.required ? (G(), K("span", wf, " *")) : Z("", !0)], 8, Cf)),
+			J("div", Tf, [n.searchable ? (G(), K("div", {
 				key: 0,
 				class: "g-select-combo-input g-select-control",
 				id: P(a)
@@ -7246,7 +7254,7 @@ var Bd = ["id", "for"], Vd = {
 				}, e.hiddenLabel ? { "aria-label": n.label } : { "aria-labelledby": P(a) + "-label" }, {
 					role: "combobox",
 					autocomplete: "off"
-				}), null, 16, Ef),
+				}), null, 16, Df),
 				ie.value ? (G(), K("button", {
 					key: 0,
 					type: "button",
@@ -7272,7 +7280,7 @@ var Bd = ["id", "for"], Vd = {
 					fill: "currentColor",
 					d: "M38.75 24.13a1.36 1.36 0 0 1 0 2.36l-12.44 7.18-12.43 7.18a1.36 1.36 0 0 1-2.05-1.18V11a1.36 1.36 0 0 1 2.05-1.18L26.31 17Z"
 				})], -1)
-			], 8, Tf)) : (G(), K("div", Va({
+			], 8, Ef)) : (G(), K("div", Va({
 				key: 1,
 				ref_key: "comboRef",
 				ref: o,
@@ -7317,7 +7325,7 @@ var Bd = ["id", "for"], Vd = {
 					fill: "currentColor",
 					d: "M38.75 24.13a1.36 1.36 0 0 1 0 2.36l-12.44 7.18-12.43 7.18a1.36 1.36 0 0 1-2.05-1.18V11a1.36 1.36 0 0 1 2.05-1.18L26.31 17Z"
 				})], -1)
-			], 16, Df)), Wn(J("div", Va({
+			], 16, Of)), Wn(J("div", Va({
 				ref_key: "listboxRef",
 				ref: s,
 				class: ["g-select-combo-menu g-select-list", { "g-select-combo-menu--above": P(h) === "above" }],
@@ -7339,18 +7347,18 @@ var Bd = ["id", "for"], Vd = {
 				option: e,
 				selected: e.value === i.value,
 				index: n
-			}, () => [X(A(e.label), 1)])], 42, kf))), 128)) : (G(), K("div", Af, " No results found. "))], 16, Of), [[Go, l.value]])]),
+			}, () => [X(A(e.label), 1)])], 42, Af))), 128)) : (G(), K("div", jf, " No results found. "))], 16, kf), [[Go, l.value]])]),
 			Y(Su, {
 				errors: P(p),
 				id: "error-message-" + P(a)
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), [["styles", [""]]]), Mf = ["disabled"], Nf = { class: "g-select-btn-legend" }, Pf = {
+}), [["styles", [""]]]), Nf = ["disabled"], Pf = { class: "g-select-btn-legend" }, Ff = {
 	key: 0,
 	class: "g-select-btn-required",
 	"aria-hidden": "true"
-}, Ff = { class: "g-select-btn-row" }, If = [
+}, If = { class: "g-select-btn-row" }, Lf = [
 	"id",
 	"name",
 	"value",
@@ -7358,7 +7366,7 @@ var Bd = ["id", "for"], Vd = {
 	"disabled",
 	"required",
 	"onChange"
-], Lf = ["for"], Rf = /* @__PURE__ */ $(/* @__PURE__ */ R({
+], Rf = ["for"], zf = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "GSelectButton",
 	props: /* @__PURE__ */ H({
 		options: { type: Array },
@@ -7412,7 +7420,7 @@ var Bd = ["id", "for"], Vd = {
 		return (e, t) => (G(), K("fieldset", {
 			class: k(l.value),
 			disabled: n.disabled
-		}, [J("legend", Nf, [X(A(n.label), 1), n.required ? (G(), K("span", Pf, " *")) : Z("", !0)]), J("div", { class: k(["g-select-btn-wrapper", { "g-select-btn-has-error": P(s) }]) }, [J("div", Ff, [(G(!0), K(W, null, B(c.value, (e, t) => (G(), K(W, { key: e.value }, [J("input", {
+		}, [J("legend", Pf, [X(A(n.label), 1), n.required ? (G(), K("span", Ff, " *")) : Z("", !0)]), J("div", { class: k(["g-select-btn-wrapper", { "g-select-btn-has-error": P(s) }]) }, [J("div", If, [(G(!0), K(W, null, B(c.value, (e, t) => (G(), K(W, { key: e.value }, [J("input", {
 			class: "g-select-btn-radio",
 			type: "radio",
 			id: `${P(a)}-${e.value}`,
@@ -7422,15 +7430,15 @@ var Bd = ["id", "for"], Vd = {
 			disabled: n.disabled,
 			required: n.required && t === 0,
 			onChange: (t) => d(e.value)
-		}, null, 40, If), J("label", {
+		}, null, 40, Lf), J("label", {
 			for: `${P(a)}-${e.value}`,
 			class: k(u(e.value === i.value))
-		}, A(e.label), 11, Lf)], 64))), 128))]), Y(Su, {
+		}, A(e.label), 11, Rf)], 64))), 128))]), Y(Su, {
 			errors: P(o),
 			id: "error-message-" + P(a)
-		}, null, 8, ["errors", "id"])], 2)], 10, Mf));
+		}, null, 8, ["errors", "id"])], 2)], 10, Nf));
 	}
-}), [["styles", [""]]]), zf = ["id"], Bf = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}), [["styles", [""]]]), Bf = ["id"], Vf = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "GSidebar",
 	props: {
 		backgroundColor: {
@@ -7484,13 +7492,13 @@ var Bd = ["id", "for"], Vd = {
 				width: "var(--g-sidebar-width)"
 			}),
 			onKeydown: s
-		}, [V(t.$slots, "default")], 46, zf));
+		}, [V(t.$slots, "default")], 46, Bf));
 	}
-}), [["styles", [""]]]), Vf = ["id"], Hf = { class: "g-sidebar-menu__list" }, Uf = [
+}), [["styles", [""]]]), Hf = ["id"], Uf = { class: "g-sidebar-menu__list" }, Wf = [
 	"href",
 	"aria-current",
 	"onClick"
-], Wf = /* @__PURE__ */ $(/* @__PURE__ */ R({
+], Gf = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "GSidebarMenu",
 	props: /* @__PURE__ */ H({
 		heading: { type: String },
@@ -7544,13 +7552,13 @@ var Bd = ["id", "for"], Vd = {
 				key: 0,
 				id: P(c),
 				class: "g-sidebar-menu__title"
-			}, A(e.heading), 9, Vf)) : Z("", !0),
+			}, A(e.heading), 9, Hf)) : Z("", !0),
 			a[0] ||= J("div", { class: "g-sidebar-menu__divider" }, null, -1),
 			J("div", {
 				class: "g-sidebar-menu__content",
 				ref_key: "content",
 				ref: i
-			}, [J("ul", Hf, [(G(!0), K(W, null, B(e.items, (e) => (G(), K("li", {
+			}, [J("ul", Uf, [(G(!0), K(W, null, B(e.items, (e) => (G(), K("li", {
 				key: e.href || e.to,
 				class: "g-sidebar-menu__item",
 				ref_for: !0,
@@ -7568,10 +7576,10 @@ var Bd = ["id", "for"], Vd = {
 				href: e.href || e.to || "#",
 				"aria-current": r.value === (e.href || "") ? "location" : void 0,
 				onClick: (t) => s(t, e)
-			}, A(e.label), 11, Uf))]))), 128))])], 512)
+			}, A(e.label), 11, Wf))]))), 128))])], 512)
 		], 16));
 	}
-}), [["styles", [""]]]), Gf = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}), [["styles", [""]]]), Kf = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "GSubmitButton",
 	props: {
 		disabled: {
@@ -7603,44 +7611,44 @@ var Bd = ["id", "for"], Vd = {
 			_: 3
 		}, 8, ["disabled", "variant"]));
 	}
-}), [["styles", [""]]]), Kf = {
+}), [["styles", [""]]]), qf = {
 	ref: "tableBodyRef",
 	class: "efficient-table-body"
-}, qf = ["aria-rowindex"], Jf = {
+}, Jf = ["aria-rowindex"], Yf = {
 	key: 0,
 	class: "table-group-checkbox"
-}, Yf = ["colspan"], Xf = [
+}, Xf = ["colspan"], Zf = [
 	"aria-rowindex",
 	"onMousedown",
 	"onClick"
-], Zf = [
+], Qf = [
 	"checked",
 	"onClick",
 	"aria-label",
 	"name"
-], Qf = ["id"], $f = {
+], $f = ["id"], ep = {
 	key: 0,
 	class: "editable-cell"
-}, ep = {
+}, tp = {
 	key: 0,
 	class: "cell-prefix"
-}, tp = [
+}, np = [
 	"value",
 	"onChange",
 	"aria-labelledby",
 	"aria-invalid",
 	"name"
-], np = ["value"], rp = [
+], rp = ["value"], ip = [
 	"value",
 	"onInput",
 	"aria-labelledby",
 	"aria-invalid",
 	"aria-errormessage",
 	"name"
-], ip = {
+], ap = {
 	key: 3,
 	class: "cell-suffix"
-}, ap = ["id"], op = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}, op = ["id"], sp = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "GTableBody",
 	props: {
 		data: { type: Array },
@@ -7709,13 +7717,13 @@ var Bd = ["id", "for"], Vd = {
 		function m(e, t) {
 			if (n.changeTracker) return n.changeTracker.getError(e.key, t.key);
 		}
-		return (t, n) => (G(), K("tbody", Kf, [(G(!0), K(W, null, B(e.data, (t, r) => (G(), K(W, { key: t.key }, [e.groupBy && (r === 0 || t[e.groupBy] !== e.data[r - 1][e.groupBy]) ? (G(), K("tr", {
+		return (t, n) => (G(), K("tbody", qf, [(G(!0), K(W, null, B(e.data, (t, r) => (G(), K(W, { key: t.key }, [e.groupBy && (r === 0 || t[e.groupBy] !== e.data[r - 1][e.groupBy]) ? (G(), K("tr", {
 			key: 0,
 			"aria-rowindex": e.startIndex + r + 2
-		}, [e.bulkSelectionEnabled ? (G(), K("td", Jf)) : Z("", !0), J("td", {
+		}, [e.bulkSelectionEnabled ? (G(), K("td", Yf)) : Z("", !0), J("td", {
 			colspan: e.columns.length,
 			class: "table-group-row"
-		}, [e.groupRender ? (G(), q(ni(e.groupRender(t[e.groupBy], t)), { key: 0 })) : (G(), K(W, { key: 1 }, [X(A(t[e.groupBy]), 1)], 64))], 8, Yf)], 8, qf)) : Z("", !0), J("tr", {
+		}, [e.groupRender ? (G(), q(ni(e.groupRender(t[e.groupBy], t)), { key: 0 })) : (G(), K(W, { key: 1 }, [X(A(t[e.groupBy]), 1)], 64))], 8, Xf)], 8, Jf)) : Z("", !0), J("tr", {
 			class: k([
 				"efficient-table-row",
 				{
@@ -7738,7 +7746,7 @@ var Bd = ["id", "for"], Vd = {
 			"aria-label": `Select row ${t.key}`,
 			name: `row-${t.key}-checkbox`,
 			class: "g-bulk-select-checkbox"
-		}, null, 8, Zf)])) : Z("", !0), (G(!0), K(W, null, B(e.columns, (n) => (G(), K("td", {
+		}, null, 8, Qf)])) : Z("", !0), (G(!0), K(W, null, B(e.columns, (n) => (G(), K("td", {
 			key: n.key,
 			id: d(n) ? `${e.tableId}-td-${t.key}-${String(n.key)}` : void 0,
 			class: k([
@@ -7747,8 +7755,8 @@ var Bd = ["id", "for"], Vd = {
 				p(t, n) ? "g-cell-error" : "",
 				typeof n.tdClass == "function" ? n.tdClass(t) : n.tdClass
 			])
-		}, [n.editable ? (G(), K("div", $f, [
-			n.editable.prefix ? (G(), K("span", ep, A(n.editable.prefix), 1)) : Z("", !0),
+		}, [n.editable ? (G(), K("div", ep, [
+			n.editable.prefix ? (G(), K("span", tp, A(n.editable.prefix), 1)) : Z("", !0),
 			n.editable.type === "select" ? (G(), K("select", {
 				key: 1,
 				value: t[n.key],
@@ -7760,7 +7768,7 @@ var Bd = ["id", "for"], Vd = {
 			}, [(G(!0), K(W, null, B(n.editable.options, (e) => (G(), K("option", {
 				key: e.value,
 				value: e.value
-			}, A(e.label), 9, np))), 128))], 40, tp)) : (G(), K("input", Va({
+			}, A(e.label), 9, rp))), 128))], 40, np)) : (G(), K("input", Va({
 				key: 2,
 				value: t[n.key]
 			}, { ref_for: !0 }, n.editable.inputAttributes, {
@@ -7774,29 +7782,29 @@ var Bd = ["id", "for"], Vd = {
 					paddingLeft: n.editable.prefix ? "1.5rem" : void 0,
 					paddingRight: n.editable.suffix ? "2rem" : void 0
 				}
-			}), null, 16, rp)),
-			n.editable.suffix ? (G(), K("span", ip, A(n.editable.suffix), 1)) : Z("", !0)
+			}), null, 16, ip)),
+			n.editable.suffix ? (G(), K("span", ap, A(n.editable.suffix), 1)) : Z("", !0)
 		])) : n.display ? (G(), q(ni(n.display(t)), { key: 1 })) : (G(), K(W, { key: 2 }, [X(A(t[n.key]), 1)], 64)), p(t, n) ? (G(), K("div", {
 			key: 3,
 			role: "alert",
 			class: "g-cell-error-message",
 			id: `${e.tableId}-error-${t.key}-${String(n.key)}`
-		}, A(m(t, n)), 9, ap)) : Z("", !0)], 10, Qf))), 128))], 42, Xf)], 64))), 128))], 512));
+		}, A(m(t, n)), 9, op)) : Z("", !0)], 10, $f))), 128))], 42, Zf)], 64))), 128))], 512));
 	}
 }), [["styles", [""]]]);
 //#endregion
 //#region src/compose/useFiltering.ts
-function sp(e) {
+function cp(e) {
 	if (!(Array.isArray(e) && e.length === 0) && !(e === null || e === !1 || e === "")) return e;
 }
-function cp(e) {
+function lp(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 lp(e, t = {}) {
+function up(e, t = {}) {
 	let n = /* @__PURE__ */ Ht(Object.fromEntries(Object.entries(e).map(([e, t]) => [e, t]))), r = t.syncWith;
 	if (r) {
 		if (r.value) {
@@ -7809,13 +7817,13 @@ function lp(e, t = {}) {
 			});
 		}
 		L(n, (e) => {
-			r.value = cp(e);
+			r.value = lp(e);
 		}, { deep: !0 });
 	}
 	return {
 		filters: n,
 		isFiltered: Q(() => {
-			for (let t of Object.keys(e)) if (sp(n[t])) return !0;
+			for (let t of Object.keys(e)) if (cp(n[t])) return !0;
 			return !1;
 		}),
 		clearFilters: () => {
@@ -7825,48 +7833,48 @@ function lp(e, t = {}) {
 		},
 		filteredColumns: Q(() => {
 			let t = {};
-			for (let r of Object.keys(e)) t[r] = !!sp(n[r]);
+			for (let r of Object.keys(e)) t[r] = !!cp(n[r]);
 			return t;
 		})
 	};
 }
 //#endregion
 //#region src/components/GTable.vue?vue&type=script&setup=true&lang.ts
-var up = { class: "g-table-outer-wrap" }, dp = {
+var dp = { class: "g-table-outer-wrap" }, fp = {
 	key: 0,
 	class: "g-table-controls"
-}, fp = { class: "g-clear-filters-wrap" }, pp = {
+}, pp = { class: "g-clear-filters-wrap" }, mp = {
 	key: 0,
 	class: "pagination"
-}, mp = { class: "g-result-count" }, hp = ["aria-label", "aria-rowcount"], gp = { class: "g-table-head" }, _p = { "aria-rowindex": "1" }, vp = {
+}, hp = { class: "g-result-count" }, gp = ["aria-label", "aria-rowcount"], _p = { class: "g-table-head" }, vp = { "aria-rowindex": "1" }, yp = {
 	key: 0,
 	scope: "col",
 	class: "g-th g-th-checkbox"
-}, yp = [
+}, bp = [
 	"checked",
 	"indeterminate",
 	"aria-label"
-], bp = ["id", "aria-sort"], xp = { class: "th-inner" }, Sp = ["onClick"], Cp = {
+], xp = ["id", "aria-sort"], Sp = { class: "th-inner" }, Cp = ["onClick"], wp = {
 	key: 0,
 	class: "sort-indicator"
-}, wp = ["aria-label"], Tp = {
+}, Tp = ["aria-label"], Ep = {
 	key: 1,
 	class: "g-column-head"
-}, Ep = ["onClick", "aria-label"], Dp = { key: 1 }, Op = { class: "g-filter-toggle" }, kp = [
+}, Dp = ["onClick", "aria-label"], Op = { key: 1 }, kp = { class: "g-filter-toggle" }, Ap = [
 	"onUpdate:modelValue",
 	"id",
 	"aria-describedby"
-], Ap = ["for"], jp = ["id"], Mp = {
+], jp = ["for"], Mp = ["id"], Np = {
 	key: 3,
 	class: "g-multi-select"
-}, Np = [
+}, Pp = [
 	"onUpdate:modelValue",
 	"id",
 	"value"
-], Pp = ["for"], Fp = {
+], Fp = ["for"], Ip = {
 	key: 1,
 	class: "g-bulk-actions-toolbar"
-}, Ip = { class: "g-selected-count" }, Lp = { class: "g-bulk-actions" }, Rp = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}, Lp = { class: "g-selected-count" }, Rp = { class: "g-bulk-actions" }, zp = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "GTable",
 	props: /* @__PURE__ */ H({
 		label: { type: String },
@@ -7918,7 +7926,7 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 			e.sortable && (n.value === e.key ? r.value === 1 ? r.value = -1 : r.value === -1 && (n.value = void 0, r.value = 1) : (n.value = e.key, r.value = 1));
 		}
 		let l = o.filtering;
-		l ||= lp({});
+		l ||= up({});
 		let { filters: u, filteredColumns: d, isFiltered: f, clearFilters: p } = l, m = Q(() => o.data.map((e) => e.key)), h = Q(() => a.value.filter((e) => m.value.includes(e))), g = Q(() => !o.bulkSelectionEnabled || o.data.length === 0 ? !1 : h.value.length === m.value.length), _ = Q(() => !o.bulkSelectionEnabled || o.data.length === 0 ? !1 : h.value.length > 0 && h.value.length < m.value.length), v = /* @__PURE__ */ N(null);
 		function y() {
 			if (g.value) a.value = a.value.filter((e) => !m.value.includes(e));
@@ -7964,9 +7972,9 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 				let e = i.value[t.key];
 				i.value[t.key] = e ? [e] : [];
 			}
-		}, { immediate: !0 }), (t, s) => (G(), K("div", up, [
-			ee.value ? (G(), K("div", dp, [
-				J("div", fp, [P(f) ? (G(), q(ru, {
+		}, { immediate: !0 }), (t, s) => (G(), K("div", dp, [
+			ee.value ? (G(), K("div", fp, [
+				J("div", pp, [P(f) ? (G(), q(ru, {
 					key: 0,
 					outlined: "",
 					size: "small",
@@ -7984,22 +7992,22 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 					})], -1), J("span", { class: "g-clear-filters-text" }, " Clear Filters ", -1)]]),
 					_: 1
 				}, 8, ["onClick"])) : Z("", !0)]),
-				E.value ? (G(), K("div", pp, [V(t.$slots, "pagination")])) : Z("", !0),
-				J("span", mp, A(o.resultCount || e.data.length) + " results", 1)
+				E.value ? (G(), K("div", mp, [V(t.$slots, "pagination")])) : Z("", !0),
+				J("span", hp, A(o.resultCount || e.data.length) + " results", 1)
 			])) : Z("", !0),
 			J("table", {
 				class: "g-table",
 				ref: "tableRef",
 				"aria-label": e.label,
 				"aria-rowcount": o.resultCount || e.data.length
-			}, [J("thead", gp, [J("tr", _p, [e.bulkSelectionEnabled ? (G(), K("th", vp, [J("input", {
+			}, [J("thead", _p, [J("tr", vp, [e.bulkSelectionEnabled ? (G(), K("th", yp, [J("input", {
 				type: "checkbox",
 				checked: g.value,
 				indeterminate: _.value,
 				onChange: y,
 				"aria-label": g.value ? "Deselect all rows" : "Select all rows",
 				class: "g-bulk-select-checkbox"
-			}, null, 40, yp)])) : Z("", !0), (G(!0), K(W, null, B(e.columns, (e) => (G(), K("th", {
+			}, null, 40, bp)])) : Z("", !0), (G(!0), K(W, null, B(e.columns, (e) => (G(), K("th", {
 				key: e.key,
 				id: `${P(w)}-th-${String(e.key)}`,
 				"aria-sort": n.value === e.key ? r.value === 1 ? "ascending" : "descending" : "none",
@@ -8009,12 +8017,12 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 					{ filtered: P(d)[e.key] }
 				]),
 				scope: "col"
-			}, [J("div", xp, [e.sortable ? (G(), K("button", {
+			}, [J("div", Sp, [e.sortable ? (G(), K("button", {
 				key: 0,
 				type: "button",
 				class: "g-column-head",
 				onClick: (t) => c(e)
-			}, [X(A(e.label) + " ", 1), n.value === e.key ? (G(), K("span", Cp, [(G(), K("svg", {
+			}, [X(A(e.label) + " ", 1), n.value === e.key ? (G(), K("span", wp, [(G(), K("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				viewBox: "0 0 640 640",
 				height: "1.5em",
@@ -8024,7 +8032,7 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 			}, [...s[1] ||= [J("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, wp))])) : Z("", !0)], 8, Sp)) : (G(), K("span", Tp, A(e.label), 1)), e.filter ? (G(), q(af, { key: 2 }, {
+			}, null, -1)]], 12, Tp))])) : Z("", !0)], 8, Cp)) : (G(), K("span", Ep, A(e.label), 1)), e.filter ? (G(), q(of, { key: 2 }, {
 				trigger: I(({ toggle: t }) => [J("button", {
 					onClick: As(t, ["stop"]),
 					"aria-label": P(d)[e.key] ? "Column Filtered" : "Filter Column",
@@ -8038,8 +8046,8 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 				}, [J("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, Ep)]),
-				default: I(() => [e.filter.type === "select" ? (G(), q(jf, {
+				})], -1)]], 10, Dp)]),
+				default: I(() => [e.filter.type === "select" ? (G(), q(Mf, {
 					key: 0,
 					modelValue: i.value[e.key],
 					"onUpdate:modelValue": (t) => i.value[e.key] = t,
@@ -8052,20 +8060,20 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 					"modelValue",
 					"onUpdate:modelValue",
 					"options"
-				])) : e.filter.type === "toggle" ? (G(), K("div", Dp, [J("div", Op, [
+				])) : e.filter.type === "toggle" ? (G(), K("div", Op, [J("div", kp, [
 					Wn(J("input", {
 						type: "checkbox",
 						"onUpdate:modelValue": (t) => i.value[e.key] = t,
 						id: `${P(w)}-filter-${String(e.key)}`,
 						"aria-describedby": e.filter.description ? `${P(w)}-filter-description-${String(e.key)}` : void 0
-					}, null, 8, kp), [[ws, i.value[e.key]]]),
-					J("label", { for: `${P(w)}-filter-${String(e.key)}` }, A(e.filter.label), 9, Ap),
+					}, null, 8, Ap), [[ws, i.value[e.key]]]),
+					J("label", { for: `${P(w)}-filter-${String(e.key)}` }, A(e.filter.label), 9, jp),
 					e.filter.description ? (G(), K("span", {
 						key: 0,
 						class: "g-filter-description",
 						id: `${P(w)}-filter-description-${String(e.key)}`
-					}, A(e.filter.description), 9, jp)) : Z("", !0)
-				])])) : e.filter.type === "multi-select" && e.filter.searchable ? (G(), q(Qd, {
+					}, A(e.filter.description), 9, Mp)) : Z("", !0)
+				])])) : e.filter.type === "multi-select" && e.filter.searchable ? (G(), q($d, {
 					key: 2,
 					modelValue: i.value[e.key],
 					"onUpdate:modelValue": (t) => i.value[e.key] = t,
@@ -8078,7 +8086,7 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 					"onUpdate:modelValue",
 					"options",
 					"placeholder"
-				])) : e.filter.type === "multi-select" ? (G(), K("fieldset", Mp, [
+				])) : e.filter.type === "multi-select" ? (G(), K("fieldset", Np, [
 					s[4] ||= J("legend", { class: "g-multi-select-legend" }, " Include values ", -1),
 					(G(!0), K(W, null, B(e.filter.options, (t) => (G(), K("div", { key: t.value }, [Wn(J("input", {
 						type: "checkbox",
@@ -8086,7 +8094,7 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 						id: `filter-${String(e.key)}-${t.value}`,
 						value: t.value,
 						name: "filter-multiselect"
-					}, null, 8, Np), [[ws, i.value[e.key]]]), J("label", { for: `filter-${String(e.key)}-${t.value}` }, A(t.label), 9, Pp)]))), 128)),
+					}, null, 8, Pp), [[ws, i.value[e.key]]]), J("label", { for: `filter-${String(e.key)}-${t.value}` }, A(t.label), 9, Fp)]))), 128)),
 					i.value[e.key] && i.value[e.key].length ? (G(), q(ru, {
 						key: 0,
 						class: "clear-multiselect-btn",
@@ -8099,7 +8107,7 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 					}, 8, ["onClick"])) : Z("", !0)
 				])) : Z("", !0)]),
 				_: 2
-			}, 1024)) : Z("", !0)])], 10, bp))), 128))])]), Y(op, {
+			}, 1024)) : Z("", !0)])], 10, xp))), 128))])]), Y(sp, {
 				data: e.data,
 				columns: e.columns,
 				"group-by": e.groupBy,
@@ -8126,8 +8134,8 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 				"selected-rows",
 				"table-id",
 				"change-tracker"
-			])], 8, hp),
-			e.bulkSelectionEnabled && a.value.length > 0 ? (G(), K("div", Fp, [J("span", Ip, A(a.value.length) + " row" + A(a.value.length === 1 ? "" : "s") + " selected", 1), J("ul", Lp, [(G(!0), K(W, null, B(e.bulkActions, (e) => (G(), K("li", { key: e.id }, [Y(ru, {
+			])], 8, gp),
+			e.bulkSelectionEnabled && a.value.length > 0 ? (G(), K("div", Ip, [J("span", Lp, A(a.value.length) + " row" + A(a.value.length === 1 ? "" : "s") + " selected", 1), J("ul", Rp, [(G(!0), K(W, null, B(e.bulkActions, (e) => (G(), K("li", { key: e.id }, [Y(ru, {
 				theme: e.theme || "accent",
 				onClick: (t) => S(e.id),
 				size: "small"
@@ -8137,10 +8145,10 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 			}, 1032, ["theme", "onClick"])]))), 128))])])) : Z("", !0)
 		]));
 	}
-}), [["styles", [""]]]), zp = {
+}), [["styles", [""]]]), Bp = {
 	class: "g-pagination",
 	"aria-label": "Pagination"
-}, Bp = ["disabled"], Vp = ["disabled"], Hp = { class: "page-range" }, Up = ["disabled"], Wp = ["disabled"], Gp = ["value"], Kp = ["value"], qp = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}, Vp = ["disabled"], Hp = ["disabled"], Up = { class: "page-range" }, Wp = ["disabled"], Gp = ["disabled"], Kp = ["value"], qp = ["value"], Jp = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "GTablePagination",
 	props: /* @__PURE__ */ H({
 		start: { type: Number },
@@ -8162,7 +8170,7 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 		function d(e) {
 			i.value = parseInt(e.target.value, 10);
 		}
-		return (e, r) => (G(), K("nav", zp, [
+		return (e, r) => (G(), K("nav", Bp, [
 			J("button", {
 				class: "first-page g-pagination-button",
 				disabled: l.value === 1,
@@ -8187,7 +8195,7 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 				}),
 				J("path", { d: "M11 7l-5 5l5 5" }),
 				J("path", { d: "M17 7l-5 5l5 5" })
-			], -1)]], 8, Bp),
+			], -1)]], 8, Vp),
 			J("button", {
 				class: "prev-page g-pagination-button",
 				disabled: l.value === 1,
@@ -8208,8 +8216,8 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
-			}), J("path", { d: "M15 6l-6 6l6 6" })], -1)]], 8, Vp),
-			J("span", Hp, A(s.value) + " to " + A(c.value), 1),
+			}), J("path", { d: "M15 6l-6 6l6 6" })], -1)]], 8, Hp),
+			J("span", Up, A(s.value) + " to " + A(c.value), 1),
 			J("button", {
 				class: "next-page g-pagination-button",
 				disabled: l.value === n.value,
@@ -8230,7 +8238,7 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
-			}), J("path", { d: "M9 6l6 6l-6 6" })], -1)]], 8, Up),
+			}), J("path", { d: "M9 6l6 6l-6 6" })], -1)]], 8, Wp),
 			J("button", {
 				class: "last-page g-pagination-button",
 				disabled: l.value === n.value,
@@ -8255,7 +8263,7 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 				}),
 				J("path", { d: "M7 7l5 5l-5 5" }),
 				J("path", { d: "M13 7l5 5l-5 5" })
-			], -1)]], 8, Wp),
+			], -1)]], 8, Gp),
 			J("select", {
 				id: "page-size-select",
 				class: "page-size-select",
@@ -8269,14 +8277,14 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 			], (e) => (G(), K("option", {
 				key: e,
 				value: e
-			}, A(e), 9, Kp))), 128))], 40, Gp),
+			}, A(e), 9, qp))), 128))], 40, Kp),
 			r[8] ||= J("label", {
 				class: "page-size-label",
 				for: "page-size-select"
 			}, "per page", -1)
 		]));
 	}
-}), [["styles", [""]]]), Jp = { class: "popover-content" }, Yp = { class: "year-dropdown" }, Xp = { class: "month-selector" }, Zp = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}), [["styles", [""]]]), Yp = { class: "popover-content" }, Xp = { class: "year-dropdown" }, Zp = { class: "month-selector" }, Qp = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "GTermSelectorControl",
 	props: /* @__PURE__ */ H({
 		termYears: {
@@ -8309,7 +8317,7 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = U(e, "modelValue");
-		return (n, r) => (G(), K("div", Jp, [J("div", Yp, [Y(jf, {
+		return (n, r) => (G(), K("div", Yp, [J("div", Xp, [Y(Mf, {
 			modelValue: t.value.year,
 			"onUpdate:modelValue": r[0] ||= (e) => t.value.year = e,
 			options: e.termYears,
@@ -8318,7 +8326,7 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 			"modelValue",
 			"options",
 			"label"
-		])]), J("div", Xp, [Y(Rf, {
+		])]), J("div", Zp, [Y(zf, {
 			modelValue: t.value.name,
 			"onUpdate:modelValue": r[1] ||= (e) => t.value.name = e,
 			options: e.termNames,
@@ -8330,10 +8338,10 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 			"label"
 		])])]));
 	}
-}), [["styles", [""]]]), Qp = { class: "g-term-selector" }, $p = { class: "g-term-label" }, em = {
+}), [["styles", [""]]]), $p = { class: "g-term-selector" }, em = { class: "g-term-label" }, tm = {
 	class: "g-popover-title",
 	tabindex: "-1"
-}, tm = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}, nm = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "GTermSelector",
 	props: /* @__PURE__ */ H({
 		heading: {
@@ -8364,7 +8372,7 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = U(e, "modelValue");
-		return (n, r) => (G(), K("div", Qp, [Y(af, null, {
+		return (n, r) => (G(), K("div", $p, [Y(of, null, {
 			trigger: I(({ toggle: e }) => [Y(ru, {
 				class: "g-term-selector-button",
 				theme: "none",
@@ -8377,7 +8385,7 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 						xmlns: "http://www.w3.org/2000/svg",
 						viewBox: "0 0 640 640"
 					}, [J("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),
-					J("span", $p, A(t.value?.name) + " " + A(t.value?.year), 1),
+					J("span", em, A(t.value?.name) + " " + A(t.value?.year), 1),
 					r[1] ||= J("span", { class: "g-caret" }, [J("svg", {
 						role: "none presentation",
 						xmlns: "http://www.w3.org/2000/svg",
@@ -8386,15 +8394,15 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 				]),
 				_: 1
 			}, 8, ["onClick"])]),
-			default: I(() => [J("h2", em, A(e.heading), 1), Y(Zp, ge(Ia(n.$props)), null, 16)]),
+			default: I(() => [J("h2", tm, A(e.heading), 1), Y(Qp, ge(Ia(n.$props)), null, 16)]),
 			_: 1
 		})]));
 	}
-}), [["styles", [""]]]), nm = ["for"], rm = {
+}), [["styles", [""]]]), rm = ["for"], im = {
 	key: 0,
 	class: "g-textarea-required",
 	"aria-hidden": "true"
-}, im = ["id"], am = [
+}, am = ["id"], om = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -8403,11 +8411,11 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 	"rows",
 	"maxlength",
 	"aria-invalid"
-], om = {
+], sm = {
 	key: 2,
 	class: "g-textarea-char-count",
 	"aria-live": "polite"
-}, sm = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}, cm = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	inheritAttrs: !1,
 	__name: "GTextarea",
 	props: /* @__PURE__ */ H({
@@ -8504,12 +8512,12 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 				key: 0,
 				for: c.value,
 				class: "g-textarea-label"
-			}, [X(A(n.label), 1), n.required ? (G(), K("span", rm, " *")) : Z("", !0)], 8, nm)) : Z("", !0),
+			}, [X(A(n.label), 1), n.required ? (G(), K("span", im, " *")) : Z("", !0)], 8, rm)) : Z("", !0),
 			t.$slots.instructions || e.instructions ? (G(), K("div", {
 				key: 1,
 				id: "instructions-" + P(i),
 				class: "g-textarea-instructions"
-			}, [V(t.$slots, "instructions", {}, () => [X(A(e.instructions), 1)])], 8, im)) : Z("", !0),
+			}, [V(t.$slots, "instructions", {}, () => [X(A(e.instructions), 1)])], 8, am)) : Z("", !0),
 			J("textarea", Va({
 				ref: "textareaEl",
 				value: r.value ?? "",
@@ -8530,36 +8538,36 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 				onInput: h,
 				onBlur: g,
 				onPaste: _
-			}), null, 16, am),
-			n.maxlength === void 0 ? Z("", !0) : (G(), K("div", om, A((r.value ?? "").length) + " / " + A(n.maxlength), 1)),
+			}), null, 16, om),
+			n.maxlength === void 0 ? Z("", !0) : (G(), K("div", sm, A((r.value ?? "").length) + " / " + A(n.maxlength), 1)),
 			Y(Su, {
 				errors: P(l),
 				id: "error-message-" + P(i)
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), [["styles", [""]]]), cm = { class: "g-three-way-toggle-wrapper" }, lm = { class: "g-three-way-toggle-control" }, um = ["id"], dm = [
+}), [["styles", [""]]]), lm = { class: "g-three-way-toggle-wrapper" }, um = { class: "g-three-way-toggle-control" }, dm = ["id"], fm = [
 	"aria-labelledby",
 	"aria-describedby",
 	"disabled",
 	"aria-invalid",
 	"aria-errormessage"
-], fm = { key: 0 }, pm = { key: 1 }, mm = { key: 2 }, hm = ["for"], gm = [
+], pm = { key: 0 }, mm = { key: 1 }, hm = { key: 2 }, gm = ["for"], _m = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], _m = ["for"], vm = [
+], vm = ["for"], ym = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], ym = ["for"], bm = [
+], bm = ["for"], xm = [
 	"id",
 	"name",
 	"checked",
 	"disabled"
-], xm = ["id"], Sm = /* @__PURE__ */ $(/* @__PURE__ */ R({
+], Sm = ["id"], Cm = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "GThreeWayToggle",
 	props: /* @__PURE__ */ H({
 		label: { type: String },
@@ -8593,10 +8601,10 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 		function m(e) {
 			n.disabled || (e.key === "n" || e.key === "N" ? (a(!1), e.preventDefault()) : (e.key === "y" || e.key === "Y") && (a(!0), e.preventDefault()));
 		}
-		return (t, n) => (G(), K("div", cm, [J("div", lm, [J("span", {
+		return (t, n) => (G(), K("div", lm, [J("div", um, [J("span", {
 			class: "g-label",
 			id: P(c)
-		}, [V(t.$slots, "label", {}, () => [X(A(e.label), 1)])], 8, um), J("fieldset", {
+		}, [V(t.$slots, "label", {}, () => [X(A(e.label), 1)])], 8, dm), J("fieldset", {
 			class: k(["g-three-way-toggle", { "g-has-error": e.error }]),
 			role: "radiogroup",
 			"aria-labelledby": P(c),
@@ -8608,7 +8616,7 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 			J("span", {
 				class: k(["g-toggle-thumb", p.value]),
 				"aria-hidden": "true"
-			}, [r.value === !1 ? (G(), K("span", fm, "NO")) : r.value === !0 ? (G(), K("span", pm, "YES")) : (G(), K("span", mm))], 2),
+			}, [r.value === !1 ? (G(), K("span", pm, "NO")) : r.value === !0 ? (G(), K("span", mm, "YES")) : (G(), K("span", hm))], 2),
 			J("label", {
 				for: P(u),
 				class: "g-toggle-option g-left",
@@ -8622,7 +8630,7 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 				value: "false",
 				disabled: e.disabled,
 				onChange: n[0] ||= (e) => o(!1)
-			}, null, 40, gm), n[5] ||= J("span", { class: "ilw-sr-only" }, "No", -1)], 40, hm),
+			}, null, 40, _m), n[5] ||= J("span", { class: "ilw-sr-only" }, "No", -1)], 40, gm),
 			J("label", {
 				for: P(d),
 				class: "g-toggle-option g-center",
@@ -8634,7 +8642,7 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 				checked: r.value === null,
 				disabled: e.disabled,
 				onChange: n[2] ||= (e) => o(null)
-			}, null, 40, vm), n[6] ||= J("span", { class: "ilw-sr-only" }, "Unset", -1)], 40, _m),
+			}, null, 40, ym), n[6] ||= J("span", { class: "ilw-sr-only" }, "Unset", -1)], 40, vm),
 			J("label", {
 				for: P(f),
 				class: "g-toggle-option g-right",
@@ -8648,19 +8656,22 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 				checked: r.value === !0,
 				disabled: e.disabled,
 				onChange: n[3] ||= (e) => o(!0)
-			}, null, 40, bm), n[7] ||= J("span", { class: "ilw-sr-only" }, "Yes", -1)], 40, ym)
-		], 2)], 10, dm)]), e.error ? (G(), K("div", {
+			}, null, 40, xm), n[7] ||= J("span", { class: "ilw-sr-only" }, "Yes", -1)], 40, bm)
+		], 2)], 10, fm)]), e.error ? (G(), K("div", {
 			key: 0,
 			id: `${P(c)}-error`,
 			class: "g-form-error",
 			role: "alert",
 			"aria-atomic": "true"
-		}, A(e.error), 9, xm)) : Z("", !0)]));
+		}, A(e.error), 9, Sm)) : Z("", !0)]));
 	}
-}), [["styles", [""]]]), Cm = ["id"], wm = { class: "g-tree-menu__divider" }, Tm = {
+}), [["styles", [""]]]), wm = { class: "g-tree-menu__divider" }, Tm = {
 	key: 0,
+	class: "g-tree-menu__divider-line"
+}, Em = {
+	key: 1,
 	class: "g-tree-menu__expand-all-wrapper"
-}, Em = { class: "g-tree-menu__content" }, Dm = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}, Dm = { class: "g-tree-menu__content" }, Om = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "GTreeMenu",
 	props: {
 		heading: { type: String },
@@ -8676,6 +8687,14 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 		showExpandAll: {
 			type: Boolean,
 			default: !1
+		},
+		headingLevel: {
+			default: "h2",
+			type: String
+		},
+		smallHeading: {
+			type: Boolean,
+			default: !1
 		}
 	},
 	setup(e) {
@@ -8806,17 +8825,20 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 		}
 		return (r, i) => (G(), K("nav", Va({
 			ref: "nav-el",
-			class: ["g-tree-menu", `g-tree-menu--${t.theme}`]
+			class: ["g-tree-menu", [`g-tree-menu--${t.theme}`, { "g-tree-menu--small-heading": e.smallHeading }]]
 		}, {
 			"aria-labelledby": e.heading ? P(n) : void 0,
 			"aria-label": e.heading ? void 0 : "Tree Menu"
 		}, { onKeydown: b }), [
-			e.heading ? (G(), K("h2", {
+			e.heading ? (G(), q(ni(e.headingLevel), {
 				key: 0,
 				id: P(n),
 				class: "g-tree-menu__title"
-			}, A(e.heading), 9, Cm)) : Z("", !0),
-			J("div", wm, [i[1] ||= J("div", { class: "g-tree-menu__divider-line" }, null, -1), e.showExpandAll ? (G(), K("div", Tm, [J("button", {
+			}, {
+				default: I(() => [X(A(e.heading), 1)]),
+				_: 1
+			}, 8, ["id"])) : Z("", !0),
+			J("div", wm, [e.smallHeading ? Z("", !0) : (G(), K("div", Tm)), e.showExpandAll ? (G(), K("div", Em, [J("button", {
 				class: "g-tree-menu__expand-all-btn",
 				onClick: _
 			}, [(G(), K("svg", {
@@ -8829,10 +8851,10 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
 			}, [...i[0] ||= [J("polyline", { points: "7 8 12 13 17 8" }, null, -1), J("polyline", { points: "7 13 12 18 17 13" }, null, -1)]], 2)), X(" " + A(g.value ? "Collapse all" : "Expand all"), 1)])])) : Z("", !0)]),
-			J("div", Em, [V(r.$slots, "default")])
+			J("div", Dm, [V(r.$slots, "default")])
 		], 16));
 	}
-}), [["styles", [""]]]), Om = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}), [["styles", [""]]]), km = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	name: "GTreeMenuList",
 	props: { listType: {
 		default: void 0,
@@ -8852,16 +8874,16 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 			_: 3
 		}, 8, ["role"]));
 	}
-}), [["styles", [""]]]), km = {
+}), [["styles", [""]]]), Am = {
 	key: 0,
 	class: "g-tree-menu__row"
-}, Am = { class: "g-tree-menu__row-content-text" }, jm = {
+}, jm = { class: "g-tree-menu__row-content-text" }, Mm = {
 	key: 1,
 	class: "g-tree-menu__row g-tree-menu__row--leaf"
-}, Mm = {
+}, Nm = {
 	class: "g-tree-menu__row-content",
 	"data-tree-primary": ""
-}, Nm = /* @__PURE__ */ $(/* @__PURE__ */ R({
+}, Pm = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	name: "GTreeMenuItem",
 	inheritAttrs: !1,
 	props: {
@@ -8933,7 +8955,7 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 			class: "g-tree-menu__item",
 			"data-tree-expandable": c.value ? "true" : void 0
 		}), {
-			default: I(() => [c.value ? (G(), K("div", km, [J("div", {
+			default: I(() => [c.value ? (G(), K("div", Am, [J("div", {
 				class: "g-tree-menu__toggle-btn",
 				onClick: m
 			}, [(G(), K("svg", {
@@ -8952,7 +8974,7 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 				"data-tree-primary": "",
 				onClick: x,
 				onKeydown: S
-			}, [J("span", Am, [V(e.$slots, "default")])], 544)])) : (G(), K("div", jm, [t[1] ||= J("span", { class: "g-tree-menu__spacer" }, null, -1), J("span", Mm, [V(e.$slots, "default")])])), c.value && d.value ? (G(), q(Om, {
+			}, [J("span", jm, [V(e.$slots, "default")])], 544)])) : (G(), K("div", Mm, [t[1] ||= J("span", { class: "g-tree-menu__spacer" }, null, -1), J("span", Nm, [V(e.$slots, "default")])])), c.value && d.value ? (G(), q(km, {
 				key: 2,
 				id: P(o) + "-children"
 			}, {
@@ -8962,11 +8984,11 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 			_: 3
 		}, 16, ["role", "data-tree-expandable"]));
 	}
-}), [["styles", [""]]]), Pm = { class: "g-user-menu" }, Fm = [
+}), [["styles", [""]]]), Fm = { class: "g-user-menu" }, Im = [
 	"aria-label",
 	"aria-expanded",
 	"onClick"
-], Im = { class: "g-user-menu__popover" }, Lm = { class: "g-user-menu__list" }, Rm = /* @__PURE__ */ $(/* @__PURE__ */ R({
+], Lm = { class: "g-user-menu__popover" }, Rm = { class: "g-user-menu__list" }, zm = /* @__PURE__ */ $(/* @__PURE__ */ R({
 	__name: "GUserMenu",
 	props: {
 		initials: { type: String },
@@ -8984,7 +9006,7 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 		let t = `${z()}-email`, n = /* @__PURE__ */ N(!1), r = jr("emailHeading");
 		qa()?.appContext?.components?.RouterLink;
 		let i = ui();
-		return (a, o) => (G(), K("div", Pm, [Y(af, {
+		return (a, o) => (G(), K("div", Fm, [Y(of, {
 			modelValue: n.value,
 			"onUpdate:modelValue": o[0] ||= (e) => n.value = e,
 			minimal: ""
@@ -8996,8 +9018,8 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 				"aria-expanded": n.value,
 				"aria-haspopup": "menu",
 				onClick: t
-			}, A(e.initials), 13, Fm)]),
-			default: I(() => [J("div", Im, [J("h2", {
+			}, A(e.initials), 13, Im)]),
+			default: I(() => [J("div", Lm, [J("h2", {
 				id: t,
 				ref_key: "emailHeading",
 				ref: r,
@@ -9006,19 +9028,19 @@ var up = { class: "g-table-outer-wrap" }, dp = {
 			}, A(e.email), 513), J("nav", {
 				class: "g-user-menu__nav",
 				"aria-labelledby": t
-			}, [J("ul", Lm, [(G(!0), K(W, null, B(i.default(), (e, t) => (G(), K("li", { key: t }, [(G(), q(ni(e)))]))), 128))])])])]),
+			}, [J("ul", Rm, [(G(!0), K(W, null, B(i.default(), (e, t) => (G(), K("li", { key: t }, [(G(), q(ni(e)))]))), 128))])])])]),
 			_: 1
 		}, 8, ["modelValue"])]));
 	}
-}), [["styles", [""]]]), zm = globalThis;
-zm.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ = !0;
-var Bm = {
+}), [["styles", [""]]]), Bm = globalThis;
+Bm.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ = !0;
+var Vm = {
 	shadowRoot: !1,
 	configureApp(e) {
-		let t = (zm.__GRAD_VUE_WC_APP_ID__ ?? 0) + 1;
-		zm.__GRAD_VUE_WC_APP_ID__ = t, e.config.idPrefix = `g-wc-${t}-`;
+		let t = (Bm.__GRAD_VUE_WC_APP_ID__ ?? 0) + 1;
+		Bm.__GRAD_VUE_WC_APP_ID__ = t, e.config.idPrefix = `g-wc-${t}-`;
 	}
-}, Vm = [
+}, Hm = [
 	["g-alert-dialog", lu],
 	["g-app-header", gu],
 	["g-button", ru],
@@ -9032,35 +9054,35 @@ var Bm = {
 	["g-email-input", fd],
 	["g-file-input", yd],
 	["g-form", xd],
-	["g-hamburger-menu", Ed],
-	["g-history-scroller", jd],
-	["g-modal", Ld],
-	["g-multi-select", Qd],
-	["g-overlay", ef],
-	["g-popover", af],
-	["g-tooltip", of],
-	["g-progress", df],
-	["g-search", xf],
-	["g-select", jf],
-	["g-select-button", Rf],
-	["g-sidebar", Bf],
-	["g-sidebar-menu", Wf],
-	["g-submit-button", Gf],
-	["g-table", Rp],
-	["g-table-body", op],
-	["g-table-pagination", qp],
-	["g-term-selector", tm],
-	["g-term-selector-control", Zp],
+	["g-hamburger-menu", Dd],
+	["g-history-scroller", Md],
+	["g-modal", Rd],
+	["g-multi-select", $d],
+	["g-overlay", tf],
+	["g-popover", of],
+	["g-tooltip", sf],
+	["g-progress", ff],
+	["g-search", Sf],
+	["g-select", Mf],
+	["g-select-button", zf],
+	["g-sidebar", Vf],
+	["g-sidebar-menu", Gf],
+	["g-submit-button", Kf],
+	["g-table", zp],
+	["g-table-body", sp],
+	["g-table-pagination", Jp],
+	["g-term-selector", nm],
+	["g-term-selector-control", Qp],
 	["g-text-input", Zu],
-	["g-textarea", sm],
-	["g-three-way-toggle", Sm],
-	["g-tree-menu", Dm],
-	["g-tree-menu-list", Om],
-	["g-tree-menu-item", Nm],
-	["g-user-menu", Rm]
+	["g-textarea", cm],
+	["g-three-way-toggle", Cm],
+	["g-tree-menu", Om],
+	["g-tree-menu-list", km],
+	["g-tree-menu-item", Pm],
+	["g-user-menu", zm]
 ];
-for (let [e, t] of Vm) {
-	let n = /* @__PURE__ */ ys(t, Bm);
+for (let [e, t] of Hm) {
+	let n = /* @__PURE__ */ ys(t, Vm);
 	customElements.define(e, n);
 }
 //#endregion