@illinois-grad/grad-vue 5.0.0 → 5.0.2

package/dist/{grad-vue-DId9tLsv.js → grad-vue-qPzpBTuo.js}

@@ -1,11 +1,11 @@
-import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, getCurrentInstance as d, guardReactiveProps as f, inject as p, mergeModels as m, mergeProps as h, nextTick as g, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeMount as b, onBeforeUnmount as x, onMounted as S, onUnmounted as C, 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 te, withCtx as K, withDirectives as ne, withModifiers as q } from "vue";
-import { createEventHook as re, toArray as J, tryOnScopeDispose as Y, unrefElement as X, useClipboard as ie, useDebounceFn as ae, useFocusWithin as Z, useIntersectionObserver as Q, useMediaQuery as oe, useMutationObserver as se, useResizeObserver as ce, useSessionStorage as le } from "@vueuse/core";
-import { createFocusTrap as ue } from "focus-trap";
+import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, getCurrentInstance as d, guardReactiveProps as f, inject as p, mergeModels as m, mergeProps as h, nextTick as g, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeMount as b, onBeforeUnmount as x, onMounted as S, onUnmounted as C, 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 ee, vShow as te, watch as W, watchEffect as ne, withCtx as G, withDirectives as re, withModifiers as K } from "vue";
+import { createEventHook as ie, toArray as q, tryOnScopeDispose as ae, unrefElement as J, useClipboard as oe, useDebounceFn as se, useFocusWithin as ce, useIntersectionObserver as le, useMediaQuery as Y, useMutationObserver as ue, useResizeObserver as de, useSessionStorage as fe } from "@vueuse/core";
+import { createFocusTrap as X } from "focus-trap";
 //#region src/compose/useCustomElementAttrs.ts
-function de() {
+function Z() {
 	return globalThis.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ === !0;
 }
-function fe(e = {}) {
+function pe(e = {}) {
 	let t = R(), n = globalThis.__GRAD_VUE_IS_WEB_COMPONENTS_BUILD__ === !0, i = e.omitInCustomElement ?? [];
 	return {
 		attrs: t,
@@ -20,7 +20,7 @@ function fe(e = {}) {
 }
 //#endregion
 //#region src/components/GButton.vue?vue&type=script&setup=true&lang.ts
-var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, $ = /* @__PURE__ */ u({
+var me = { class: "g-btn--icon" }, he = { class: "g-btn--label" }, Q = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GButton",
 	props: {
@@ -51,7 +51,7 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, $ = /* @__PUR
 		"mouseleave"
 	],
 	setup(t) {
-		let n = t, a = V(), { forwardedAttrs: c } = fe({ omitInCustomElement: ["id"] }), l = r(() => [
+		let n = t, a = V(), { forwardedAttrs: c } = pe({ omitInCustomElement: ["id"] }), l = r(() => [
 			"g-btn",
 			`g-btn--${n.size}`,
 			`g-btn--${n.theme}`,
@@ -79,11 +79,11 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, $ = /* @__PUR
 			onMouseenter: u[7] ||= (e) => r.$emit("mouseenter", e),
 			onMouseleave: u[8] ||= (e) => r.$emit("mouseleave", e)
 		}), {
-			default: K(() => [t.icon || a.icon ? (w(), o(e, { key: 0 }, [s("span", pe, [a.icon ? k(r.$slots, "icon", {}, void 0, void 0, 0) : (w(), o("span", {
+			default: G(() => [t.icon || a.icon ? (w(), o(e, { key: 0 }, [s("span", me, [a.icon ? k(r.$slots, "icon", {}, void 0, void 0, 0) : (w(), o("span", {
 				key: 1,
 				class: _(t.icon + " g-btn--icon-span"),
 				"aria-hidden": "true"
-			}, null, 2))]), s("span", me, [k(r.$slots, "default")])], 64)) : k(r.$slots, "default", {}, void 0, void 0, 1)]),
+			}, null, 2))]), s("span", he, [k(r.$slots, "default")])], 64)) : k(r.$slots, "default", {}, void 0, void 0, 1)]),
 			_: 3
 		}, 16, [
 			"to",
@@ -91,13 +91,13 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, $ = /* @__PUR
 			"type"
 		]));
 	}
-}), he = { class: "g-tree-menu__divider" }, ge = {
+}), ge = { class: "g-tree-menu__divider" }, _e = {
 	key: 0,
 	class: "g-tree-menu__divider-line"
-}, _e = {
+}, ve = {
 	key: 1,
 	class: "g-tree-menu__expand-all-wrapper"
-}, ve = { class: "g-tree-menu__content" }, ye = /* @__PURE__ */ u({
+}, ye = { class: "g-tree-menu__content" }, be = /* @__PURE__ */ u({
 	__name: "GTreeMenu",
 	props: {
 		heading: {},
@@ -117,7 +117,7 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, $ = /* @__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);
-		let m = t.storageKey ? le(t.storageKey, {}) : null;
+		let m = t.storageKey ? fe(t.storageKey, {}) : null;
 		T("g-tree-menu-expanded-storage", m);
 		let g = E(/* @__PURE__ */ new Map());
 		T("g-tree-menu-expandable-items", g);
@@ -147,10 +147,10 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, $ = /* @__PUR
 				id: L(u),
 				class: "g-tree-menu__title"
 			}, {
-				default: K(() => [k(n.$slots, "heading", {}, () => [c(N(e.heading), 1)])]),
+				default: G(() => [k(n.$slots, "heading", {}, () => [c(N(e.heading), 1)])]),
 				_: 3
 			}, 8, ["id"])) : a("", !0),
-			s("div", he, [e.smallHeading ? a("", !0) : (w(), o("div", ge)), e.showExpandAll ? (w(), o("div", _e, [s("button", {
+			s("div", ge, [e.smallHeading ? a("", !0) : (w(), o("div", _e)), e.showExpandAll ? (w(), o("div", ve, [s("button", {
 				class: "g-tree-menu__expand-all-btn",
 				onClick: b
 			}, [(w(), o("svg", {
@@ -163,14 +163,14 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, $ = /* @__PUR
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
 			}, [...r[0] ||= [s("polyline", { points: "7 8 12 13 17 8" }, null, -1), s("polyline", { points: "7 13 12 18 17 13" }, null, -1)]], 2)), c(" " + N(y.value ? "Collapse all" : "Expand all"), 1)])])) : a("", !0)]),
-			s("div", ve, [k(n.$slots, "default")])
+			s("div", ye, [k(n.$slots, "default")])
 		], 16));
 	}
-}), be = /* @__PURE__ */ u({
+}), xe = /* @__PURE__ */ u({
 	name: "GTreeMenuList",
 	props: { listType: { default: void 0 } },
 	setup(e) {
-		let t = e, n = p("g-tree-menu-list-type", "ul"), a = r(() => t.listType ?? n ?? "ul"), o = de(), 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;
@@ -179,24 +179,24 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, $ = /* @__PUR
 			role: L(o) ? "list" : void 0,
 			class: "g-tree-menu__list"
 		}, {
-			default: K(() => [k(e.$slots, "default")]),
+			default: G(() => [k(e.$slots, "default")]),
 			_: 3
 		}, 8, ["role"]));
 	}
-}), xe = {
+}), Se = {
 	key: 0,
 	class: "g-tree-menu__row"
-}, Se = { class: "g-tree-menu__row-content-text" }, Ce = [
+}, Ce = { class: "g-tree-menu__row-content-text" }, we = [
 	"aria-controls",
 	"aria-expanded",
 	"aria-label"
-], we = {
+], Te = {
 	key: 1,
 	class: "g-tree-menu__row g-tree-menu__row--leaf"
-}, Te = {
+}, Ee = {
 	class: "g-tree-menu__row-content",
 	"data-tree-primary": ""
-}, Ee = /* @__PURE__ */ u({
+}, De = /* @__PURE__ */ u({
 	name: "GTreeMenuItem",
 	inheritAttrs: !1,
 	props: {
@@ -220,9 +220,9 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, $ = /* @__PUR
 			return n.expanded;
 		}
 		let C = D(b());
-		G(() => n.expanded, (e) => {
+		W(() => n.expanded, (e) => {
 			v && n.label !== void 0 || (C.value = e);
-		}), G(C, (e) => {
+		}), W(C, (e) => {
 			v && n.label !== void 0 && (e ? v.value[n.label] = !0 : delete v.value[n.label]);
 		});
 		function T() {
@@ -235,9 +235,9 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, $ = /* @__PUR
 		function P() {
 			O?.delete(E);
 		}
-		G(C, (e) => {
+		W(C, (e) => {
 			O && g.value && O.set(E, e);
-		}), j && G(() => j.value.version, () => {
+		}), j && W(() => j.value.version, () => {
 			g.value && (C.value = j.value.expanded, M.value = j.value.version);
 		}), S(() => {
 			N(), j && g.value && j.value.version > M.value && j.value.expanded && (C.value = !0, M.value = j.value.version);
@@ -247,7 +247,7 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, $ = /* @__PUR
 		function F(e) {
 			e.target.closest("a, button") || T();
 		}
-		let I = de(), B = u?.ce;
+		let I = Z(), B = u?.ce;
 		S(() => {
 			I && B && B.setAttribute("role", "listitem");
 		});
@@ -261,11 +261,11 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, $ = /* @__PUR
 			class: "g-tree-menu__item",
 			"data-tree-expandable": g.value ? "true" : void 0
 		}), {
-			default: K(() => [g.value ? (w(), o("div", xe, [s("span", {
+			default: G(() => [g.value ? (w(), o("div", Se, [s("span", {
 				class: "g-tree-menu__row-content",
 				"data-tree-primary": "",
 				onClick: F
-			}, [s("span", Se, [k(e.$slots, "default")])]), s("button", {
+			}, [s("span", Ce, [k(e.$slots, "default")])]), s("button", {
 				type: "button",
 				class: "g-tree-menu__toggle-btn",
 				"aria-controls": L(f) + "-children",
@@ -283,11 +283,11 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, $ = /* @__PUR
 				"stroke-width": "2.5",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [...t[0] ||= [s("polyline", { points: "9 18 15 12 9 6" }, null, -1)]], 2))], 8, Ce)])) : (w(), o("div", we, [t[1] ||= s("span", { class: "g-tree-menu__spacer" }, null, -1), s("span", Te, [k(e.$slots, "default")])])), g.value && C.value ? (w(), i(be, {
+			}, [...t[0] ||= [s("polyline", { points: "9 18 15 12 9 6" }, null, -1)]], 2))], 8, we)])) : (w(), o("div", Te, [t[1] ||= s("span", { class: "g-tree-menu__spacer" }, null, -1), s("span", Ee, [k(e.$slots, "default")])])), g.value && C.value ? (w(), i(xe, {
 				key: 2,
 				id: L(f) + "-children"
 			}, {
-				default: K(() => [k(e.$slots, "children")]),
+				default: G(() => [k(e.$slots, "children")]),
 				_: 3
 			}, 8, ["id"])) : a("", !0)]),
 			_: 3
@@ -296,7 +296,7 @@ var pe = { class: "g-btn--icon" }, me = { class: "g-btn--label" }, $ = /* @__PUR
 });
 //#endregion
 //#region src/compose/useForm.ts
-function De() {
+function Oe() {
 	let e = j({}), t = D(!1), n = r(() => {
 		let t = {};
 		return Object.entries(e).forEach(([e, n]) => {
@@ -338,18 +338,18 @@ function De() {
 }
 //#endregion
 //#region src/compose/useWebComponentForm.ts
-function Oe() {
+function ke() {
 	let e = globalThis;
 	return e.__GRAD_VUE_WC_FORMS__ ||= /* @__PURE__ */ new Map(), e.__GRAD_VUE_WC_FORMS__;
 }
-function ke(e = "default") {
-	let t = Oe(), n = e || "default";
-	return t.has(n) || t.set(n, De()), t.get(n);
+function Ae(e = "default") {
+	let t = ke(), n = e || "default";
+	return t.has(n) || t.set(n, Oe()), t.get(n);
 }
 //#endregion
 //#region src/compose/useFormField.ts
-function Ae(e) {
-	let t = R(), n = typeof t["form-key"] == "string" ? t["form-key"] : void 0, i = e.formKey ?? n ?? "default", a = p("form", null) ?? (de() ? ke(i) : null), o = r(() => {
+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) ?? (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;
@@ -436,7 +436,7 @@ var je = ["id"], Me = /* @__PURE__ */ u({
 	}),
 	emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, i = B(e, "modelValue"), u = z(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = fe({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: g, hasErrors: v } = Ae({
+		let n = e, i = B(e, "modelValue"), u = z(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = pe({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: g, hasErrors: v } = $({
 			name: n.name,
 			value: i,
 			errors: F(n, "errors"),
@@ -560,12 +560,12 @@ 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(() => J(I(e)).map((e) => {
+	return W(r(() => q(I(e)).map((e) => {
 		let t = I(e);
-		return typeof t == "string" ? t : X(t);
+		return typeof t == "string" ? t : J(t);
 	}).filter(Xe)), (e) => {
 		if (e.length) {
-			if (!n) n = ue(e, {
+			if (!n) n = X(e, {
 				...a,
 				onActivate() {
 					o.value = !0, t.onActivate && t.onActivate();
@@ -579,7 +579,7 @@ function Ze(e, t = {}) {
 				n?.updateContainerElements(e), !t && i && c();
 			}
 		}
-	}, { flush: "post" }), Y(() => l()), {
+	}, { flush: "post" }), ae(() => l()), {
 		hasFocus: o,
 		isPaused: s,
 		activate: c,
@@ -625,7 +625,7 @@ function $e(e, t, n = !1) {
 			});
 		}
 	});
-	return G(t, (e) => {
+	return W(t, (e) => {
 		e ? g(() => {
 			i() && c();
 		}).catch((e) => {
@@ -687,7 +687,7 @@ function tt(e, t, n, r) {
 var nt = /* @__PURE__ */ u({
 	__name: "GClientOnly",
 	setup(e) {
-		let t = D(de());
+		let t = D(Z());
 		return S(() => {
 			t.value = !0;
 		}), (e, n) => t.value ? k(e.$slots, "default", {}, void 0, void 0, 0) : k(e.$slots, "fallback", {}, void 0, void 0, 1);
@@ -711,14 +711,14 @@ var nt = /* @__PURE__ */ u({
 	],
 	setup(e, { expose: c, emit: u }) {
 		let d = e, f = u, p = D(d.modelValue);
-		G(F(d, "modelValue"), (e) => {
+		W(F(d, "modelValue"), (e) => {
 			p.value = e;
 		});
-		let m = V(), h = r(() => !!m.trigger), v = H("triggerRef"), b = H("popoverRef"), { isCustomElement: S } = fe(), C = S, T = z(), { push: E, pop: O, isTop: A, zIndex: j } = qe(T, !0), { activate: M, deactivate: N } = $e(b, A, !0);
-		et([b, v], A, p, I, O), G(p, (e) => {
+		let m = V(), h = r(() => !!m.trigger), v = H("triggerRef"), b = H("popoverRef"), { isCustomElement: S } = pe(), C = S, T = z(), { push: E, pop: O, isTop: A, zIndex: j } = qe(T, !0), { activate: M, deactivate: N } = $e(b, A, !0);
+		et([b, v], A, p, I, O), W(p, (e) => {
 			e ? (g(() => {
 				g(() => M());
-			}), E(), f("show")) : (N(), O(), f("hide"), q.value = !1, re.value = null);
+			}), E(), f("show")) : (N(), O(), f("hide"), K.value = !1, ie.value = null);
 		});
 		function P() {
 			p.value = !0, f("update:modelValue", !0);
@@ -732,24 +732,24 @@ var nt = /* @__PURE__ */ u({
 		let B = D({
 			top: 0,
 			left: 0
-		}), U = D({ left: "50%" }), W = D(!1), te = D(!1), q = D(!1), re = D(null), J = null;
-		function Y() {
+		}), U = D({ left: "50%" }), ee = D(!1), ne = D(!1), K = D(!1), ie = D(null), q = null;
+		function ae() {
 			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 X() {
+		function J() {
 			if (!b.value) return;
 			let e = b.value, t = new DOMRect(0, 0, window.innerWidth, window.innerHeight), n = Math.max(t.height - 32, 0), r = e.scrollHeight;
-			q.value = r > n, re.value = q.value ? n : null;
-			let i = new DOMRect(0, 0, e.offsetWidth, Math.min(r, n)), a = Y();
+			K.value = r > n, ie.value = K.value ? n : null;
+			let i = new DOMRect(0, 0, e.offsetWidth, Math.min(r, n)), a = ae();
 			if (!a) {
 				B.value = {
 					top: Math.max((t.height - i.height) / 2, 16),
 					left: Math.max((t.width - i.width) / 2, 16)
-				}, te.value = !1, W.value = !1, U.value = { left: "50%" };
+				}, ne.value = !1, ee.value = !1, U.value = { left: "50%" };
 				return;
 			}
 			let { top: o, left: s, xOffset: c, placedAbove: l, overlay: u } = tt(a.getBoundingClientRect(), i, t, { gap: d.minimal ? 0 : 8 });
@@ -760,14 +760,14 @@ var nt = /* @__PURE__ */ u({
 				left: `${i.width / 2 - c}px`,
 				top: l ? "auto" : void 0,
 				bottom: l ? "-8px" : void 0
-			}, W.value = l, te.value = u;
+			}, ee.value = l, ne.value = u;
 		}
-		return G(p, (e) => {
+		return W(p, (e) => {
 			e ? g(() => {
-				X(), window.addEventListener("resize", X), window.addEventListener("scroll", X, { capture: !0 }), b.value && (J && J.disconnect(), J = new ResizeObserver(() => X()), J.observe(b.value));
-			}) : (window.removeEventListener("resize", X), window.removeEventListener("scroll", X, { capture: !0 }), J && J.disconnect());
+				J(), window.addEventListener("resize", J), window.addEventListener("scroll", J, { capture: !0 }), b.value && (q && q.disconnect(), q = new ResizeObserver(() => J()), q.observe(b.value));
+			}) : (window.removeEventListener("resize", J), window.removeEventListener("scroll", J, { capture: !0 }), q && q.disconnect());
 		}), x(() => {
-			window.removeEventListener("resize", X), window.removeEventListener("scroll", X, { capture: !0 }), J && J.disconnect();
+			window.removeEventListener("resize", J), window.removeEventListener("scroll", J, { capture: !0 }), q && q.disconnect();
 		}), c({
 			show: P,
 			hide: I,
@@ -779,23 +779,23 @@ var nt = /* @__PURE__ */ u({
 			class: "g-popover-trigger",
 			id: `${L(T)}-trigger`
 		}, [k(r.$slots, "trigger", { toggle: R })], 8, it)) : a("", !0), l(nt, null, {
-			default: K(() => [(w(), i(t, {
+			default: G(() => [(w(), i(t, {
 				to: "#modal-root",
 				disabled: L(C)
 			}, [l(n, {
 				name: "g-popover-expand",
 				appear: ""
 			}, {
-				default: K(() => [L(S) || p.value ? ne((w(), o("div", {
+				default: G(() => [L(S) || p.value ? re((w(), o("div", {
 					key: 0,
 					ref_key: "popoverRef",
 					ref: b,
 					class: _({
 						"g-popover": !0,
-						"g-popover-above": W.value,
-						"g-popover-below": !W.value,
+						"g-popover-above": ee.value,
+						"g-popover-below": !ee.value,
 						"g-popover-minimal": e.minimal,
-						"g-popover-scrollable": q.value
+						"g-popover-scrollable": K.value
 					}),
 					role: "dialog",
 					"aria-modal": "true",
@@ -805,12 +805,12 @@ var nt = /* @__PURE__ */ u({
 						top: B.value.top + "px",
 						left: B.value.left + "px",
 						zIndex: L(j),
-						maxHeight: re.value === null ? void 0 : `${re.value}px`
+						maxHeight: ie.value === null ? void 0 : `${ie.value}px`
 					})
 				}, [
-					!te.value && !e.minimal && !q.value ? (w(), o("div", {
+					!ne.value && !e.minimal && !K.value ? (w(), o("div", {
 						key: 0,
-						class: _(["g-popover-arrow", { "g-popover-arrow-above": W.value }]),
+						class: _(["g-popover-arrow", { "g-popover-arrow-above": ee.value }]),
 						style: y(U.value),
 						"aria-hidden": "true"
 					}, null, 6)) : a("", !0),
@@ -830,7 +830,7 @@ var nt = /* @__PURE__ */ u({
 						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, at)), [[ee, p.value]]) : a("", !0)]),
+				], 14, at)), [[te, p.value]]) : a("", !0)]),
 				_: 3
 			})], 8, ["disabled"]))]),
 			_: 3
@@ -922,15 +922,15 @@ var mt = /* @__PURE__ */ u({
 		function I(e) {
 			(e.key === "Escape" || e.key === "Esc") && (p.value = !1, m.value = !1);
 		}
-		return G(() => [
+		return W(() => [
 			u.value,
 			d.value,
 			l.value
 		], () => {
 			A(b()), S();
-		}, { immediate: !0 }), G(() => i.text, (e) => {
+		}, { immediate: !0 }), W(() => i.text, (e) => {
 			f.value && (f.value.textContent = e);
-		}), G(() => p.value || m.value, (e) => {
+		}), W(() => p.value || m.value, (e) => {
 			if (e) {
 				S(), f.value && y && ft(y, f.value), g ||= (window.addEventListener("scroll", C, { capture: !0 }), !0);
 				return;
@@ -990,7 +990,7 @@ var mt = /* @__PURE__ */ u({
 	}),
 	emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
 	setup(t, { emit: n }) {
-		let i = t, u = n, d = B(t, "modelValue"), f = z(), { displayErrors: p, hasErrors: m } = Ae({
+		let i = t, u = n, d = B(t, "modelValue"), f = z(), { displayErrors: p, hasErrors: m } = $({
 			name: i.name,
 			value: d,
 			errors: F(i, "errors"),
@@ -1131,7 +1131,7 @@ var mt = /* @__PURE__ */ u({
 			name: "g-fade",
 			appear: ""
 		}, {
-			default: K(() => [s("div", {
+			default: G(() => [s("div", {
 				id: "alertdialog-" + L(f),
 				class: "g-alertdialog",
 				role: "alertdialog",
@@ -1150,17 +1150,17 @@ var mt = /* @__PURE__ */ u({
 					id: "alertdialog-description-" + L(f),
 					class: "g-alertdialog-content"
 				}, [k(e.$slots, "default")], 8, At),
-				s("div", jt, [l($, {
+				s("div", jt, [l(Q, {
 					outlined: "",
 					onClick: r[0] ||= (e) => o("cancel")
 				}, {
-					default: K(() => [...r[2] ||= [c("Cancel", -1)]]),
+					default: G(() => [...r[2] ||= [c("Cancel", -1)]]),
 					_: 1
-				}), l($, {
+				}), l(Q, {
 					theme: a.buttonColor,
 					onClick: r[1] ||= (e) => o("confirm")
 				}, {
-					default: K(() => [c(N(a.buttonText), 1)]),
+					default: G(() => [c(N(a.buttonText), 1)]),
 					_: 1
 				}, 8, ["theme"])])
 			])], 12, Dt)]),
@@ -1200,7 +1200,7 @@ function Pt({ open: e, anchorRef: t, listboxRef: n, baseId: i, activeIndex: a })
 	function h() {
 		p && p();
 	}
-	G(e, (e) => {
+	W(e, (e) => {
 		e ? (o(), m(), g(() => f())) : (s(), h(), l.value = "below", u.value = null);
 	}), x(() => {
 		h();
@@ -1286,7 +1286,7 @@ var Ft = ["id"], It = {
 	}),
 	emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
 	setup(t, { emit: n }) {
-		let i = t, u = n, d = B(t, "modelValue"), f = z(), p = D(null), m = D(null), v = D(null), y = D(!1), b = D(0), x = D(!1), S = D(!1), { displayErrors: C, hasErrors: T } = Ae({
+		let i = t, u = n, d = B(t, "modelValue"), f = z(), p = D(null), m = D(null), v = D(null), y = D(!1), b = D(0), x = D(!1), S = D(!1), { displayErrors: C, hasErrors: T } = $({
 			name: i.name,
 			value: d,
 			errors: F(i, "errors"),
@@ -1302,7 +1302,7 @@ var Ft = ["id"], It = {
 			let e = I.value.toLowerCase();
 			return P.value.filter((t) => t.label.toLowerCase().includes(e) || i.searchDescription && !!t.description && t.description.toLowerCase().includes(e));
 		}), V = r(() => R.value.findIndex((e) => e.value === d.value));
-		G(() => d.value, (e) => {
+		W(() => d.value, (e) => {
 			let t = R.value.findIndex((t) => t.value === e);
 			t !== -1 && (b.value = t);
 		});
@@ -1318,7 +1318,7 @@ var Ft = ["id"], It = {
 		function U() {
 			y.value = !1, i.searchable && (I.value = "");
 		}
-		function W(e) {
+		function ee(e) {
 			if (!i.disabled && i.searchable) {
 				if (S.value) {
 					S.value = !1;
@@ -1327,13 +1327,13 @@ var Ft = ["id"], It = {
 				H();
 			}
 		}
-		function te(e) {
+		function ne(e) {
 			if (!i.searchable) return;
 			y.value || H(), I.value = e.target.value;
 			let t = R.value.findIndex((e) => e.value === d.value);
 			b.value = t === -1 ? 0 : t;
 		}
-		function K(e) {
+		function G(e) {
 			let t = e.relatedTarget;
 			if (x.value) {
 				x.value = !1;
@@ -1341,16 +1341,16 @@ var Ft = ["id"], It = {
 			}
 			t && m.value && m.value.contains(t) || (i.searchable && (I.value = ""), U());
 		}
-		function re(e) {
+		function ie(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 J() {
+		function q() {
 			i.disabled || (y.value ? U() : H());
 		}
-		function Y(e) {
+		function ae(e) {
 			if (i.disabled) return;
 			let t = R.value.length - 1;
 			if (!y.value && [
@@ -1377,21 +1377,21 @@ var Ft = ["id"], It = {
 					break;
 				case "Enter":
 				case " ":
-					e.preventDefault(), y.value ? re(b.value) : H();
+					e.preventDefault(), y.value ? ie(b.value) : H();
 					break;
 				case "Escape": j.value && (e.preventDefault(), setTimeout(() => {
 					U();
 				}, 0));
 			}
 		}
-		function X(e) {
-			re(e);
+		function J(e) {
+			ie(e);
 		}
-		function ie() {
+		function oe() {
 			x.value = !0;
 		}
-		let ae = r(() => i.clearButton && d.value !== null && d.value !== void 0 && !i.disabled);
-		function Z() {
+		let se = r(() => i.clearButton && d.value !== null && d.value !== void 0 && !i.disabled);
+		function ce() {
 			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", {
@@ -1418,10 +1418,10 @@ var Ft = ["id"], It = {
 					value: y.value ? I.value : P.value[V.value] ? P.value[V.value].label : "",
 					placeholder: y.value ? "" : t.placeholder,
 					disabled: i.disabled,
-					onFocus: W,
-					onInput: te,
-					onKeydown: Y,
-					onBlur: K,
+					onFocus: ee,
+					onInput: ne,
+					onKeydown: ae,
+					onBlur: G,
 					"aria-autocomplete": "list",
 					"aria-controls": L(f) + "-listbox",
 					"aria-expanded": y.value ? "true" : "false",
@@ -1432,11 +1432,11 @@ var Ft = ["id"], It = {
 					role: "combobox",
 					autocomplete: "off"
 				}), null, 16, zt),
-				ae.value ? (w(), o("button", {
+				se.value ? (w(), o("button", {
 					key: 0,
 					type: "button",
 					class: "g-select-clear-btn",
-					onClick: Z
+					onClick: ce
 				}, [...r[0] ||= [s("svg", {
 					role: "img",
 					"aria-label": "Clear Selection",
@@ -1471,17 +1471,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: J,
-				onKeydown: Y,
-				onFocus: W,
-				onBlur: K
+				onClick: q,
+				onKeydown: ae,
+				onFocus: ee,
+				onBlur: G
 			}), [
 				c(N(P.value[V.value] ? P.value[V.value].label : "") + " ", 1),
-				ae.value ? (w(), o("button", {
+				se.value ? (w(), o("button", {
 					key: 0,
 					type: "button",
 					class: "g-select-clear-btn",
-					onClick: q(Z, ["stop"])
+					onClick: K(ce, ["stop"])
 				}, [...r[2] ||= [s("svg", {
 					role: "img",
 					"aria-label": "Clear Selection",
@@ -1502,7 +1502,7 @@ var Ft = ["id"], It = {
 					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, Bt)), ne(s("div", h({
+			], 16, Bt)), re(s("div", h({
 				ref_key: "listboxRef",
 				ref: m,
 				class: ["g-select-combo-menu g-select-list", { "g-select-combo-menu--above": L(E) === "above" }],
@@ -1518,13 +1518,13 @@ var Ft = ["id"], It = {
 				}]),
 				role: "option",
 				"aria-selected": e.value === d.value ? "true" : "false",
-				onMousedown: ie,
-				onClick: (e) => X(t)
+				onMousedown: oe,
+				onClick: (e) => J(t)
 			}, [k(n.$slots, "option", {
 				option: e,
 				selected: e.value === d.value,
 				index: t
-			}, () => [s("span", Ut, N(e.label), 1), e.description ? (w(), o("span", Wt, N(e.description), 1)) : a("", !0)])], 42, Ht))), 128)) : (w(), o("div", Gt, " No results found. "))], 16, Vt), [[ee, y.value]])]),
+			}, () => [s("span", Ut, N(e.label), 1), e.description ? (w(), o("span", Wt, N(e.description), 1)) : a("", !0)])], 42, Ht))), 128)) : (w(), o("div", Gt, " No results found. "))], 16, Vt), [[te, y.value]])]),
 			l(Me, {
 				errors: L(C),
 				id: "error-message-" + L(f)
@@ -1579,7 +1579,7 @@ var Ft = ["id"], It = {
 				e && e.scrollIntoView({ block: "nearest" });
 			});
 		}
-		let { focused: S } = Z(f);
+		let { focused: S } = ce(f);
 		function C(e) {
 			let t = e.altKey;
 			if (e.key === "ArrowDown") {
@@ -1603,10 +1603,10 @@ 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 = ae(() => {
+		let E = r(() => !!u.loading), A = r(() => S.value && !m.value), j = se(() => {
 			d("submit", l.value);
 		}, 300);
-		G(() => l.value, (e) => {
+		W(() => l.value, (e) => {
 			e ? u.auto && j() : h.value = -1;
 		});
 		let M = z();
@@ -1616,7 +1616,7 @@ var Ft = ["id"], It = {
 			"aria-label": u.label
 		}, [s("form", {
 			class: "g-search-form",
-			onSubmit: n[0] ||= q((e) => T(null), ["prevent"])
+			onSubmit: n[0] ||= K((e) => T(null), ["prevent"])
 		}, [s("input", {
 			ref_key: "inputRef",
 			ref: f,
@@ -1664,14 +1664,14 @@ var Ft = ["id"], It = {
 			id: "g-search-option-" + e.id,
 			class: _(["g-search-option", { "g-search-option-active": v.value[h.value] && v.value[h.value].id === e.id }]),
 			role: "option",
-			onMousedown: q((t) => T(e), ["prevent"]),
+			onMousedown: K((t) => T(e), ["prevent"]),
 			"aria-selected": v.value[h.value] && v.value[h.value].id === e.id
 		}, [k(t.$slots, "option", { option: e }, () => [c(N(e.title), 1)])], 42, en))), 128))], 8, Qt))), 128)) : y.value > 0 ? (w(!0), o(e, { key: 1 }, O(v.value, (e, n) => (w(), o("div", {
 			key: e.id,
 			id: "g-search-option-" + e.id,
 			class: _(["g-search-option", { "g-search-option-active": h.value === n }]),
 			role: "option",
-			onMousedown: q((t) => T(e), ["prevent"]),
+			onMousedown: K((t) => T(e), ["prevent"]),
 			"aria-selected": h.value === n
 		}, [k(t.$slots, "option", { option: e }, () => [c(N(e.title), 1)])], 42, tn))), 128)) : a("", !0)], 8, Zt)])) : a("", !0)], 8, qt));
 	}
@@ -1733,12 +1733,12 @@ function pn(e = "default", t) {
 			id: `g-wc-sidebar-${e}`,
 			open: D(!1),
 			breakpoint: t,
-			isCollapsible: oe(t, { ssrWidth: 1e3 }),
+			isCollapsible: Y(t, { ssrWidth: 1e3 }),
 			toggle: () => void 0
 		});
 	}
 	let o = n.get(r);
-	o.toggle = () => o.open.value = !o.open.value, typeof t == "string" ? t.trim() && (o.breakpoint.value = t) : t && G(t, (e) => {
+	o.toggle = () => o.open.value = !o.open.value, typeof t == "string" ? t.trim() && (o.breakpoint.value = t) : t && W(t, (e) => {
 		e && e.trim() && (o.breakpoint.value = e);
 	}, { immediate: !0 });
 	function s(e) {
@@ -1756,7 +1756,7 @@ function pn(e = "default", t) {
 		}, 5));
 	}
 	return S(() => {
-		G(o.isCollapsible, (e) => {
+		W(o.isCollapsible, (e) => {
 			e ? (document.addEventListener("mousedown", s), document.addEventListener("focusin", c)) : (document.removeEventListener("mousedown", s), document.removeEventListener("focusin", c));
 		}, { immediate: !0 });
 	}), x(() => {
@@ -1766,7 +1766,7 @@ function pn(e = "default", t) {
 //#endregion
 //#region src/compose/useScrollRestore.ts
 function mn(e, t) {
-	let n = t ? le(`${t}:scroll`, 0, { writeDefaults: !1 }) : null, r = D(!!(n?.value && n.value > 0)), i = null, a = null, o = null, s = !1;
+	let n = t ? fe(`${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";
@@ -1862,7 +1862,7 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 		storageKey: {}
 	},
 	setup(e) {
-		let t = e, n = p("sidebar", () => void 0, !0) ?? (de() ? 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());
 		}
@@ -1915,7 +1915,7 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 	setup(t) {
 		let n = t, l = B(t, "modelValue"), u = r(() => n.spy && l.value ? "#" + l.value : null), f = H("content");
 		S(() => {
-			G(l, () => {
+			W(l, () => {
 				g(() => {
 					let e = f.value?.querySelector(".g-sidebar-menu__is-active");
 					e && e.scrollIntoView({ block: "nearest" });
@@ -1953,7 +1953,7 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 				class: "g-sidebar-menu__link",
 				to: e.to
 			}, {
-				default: K(() => [c(N(e.label), 1)]),
+				default: G(() => [c(N(e.label), 1)]),
 				_: 2
 			}, 1032, ["to"])) : (w(), o("a", {
 				key: 1,
@@ -1971,13 +1971,13 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 				n.value && (r.value || i.value) && ft(e, n.value);
 			}), o.observe(n.value));
 		};
-		te(() => {
+		ne(() => {
 			n.value && (n.value.textContent = a.value);
 		});
 		let u = () => {
 			n.value && (r.value || i.value) && ft(e, n.value);
 		};
-		te(() => {
+		ne(() => {
 			r.value || i.value ? (l(), n.value && ft(e, n.value), s ||= (window.addEventListener("scroll", u, { capture: !0 }), !0)) : (s &&= (window.removeEventListener("scroll", u, { capture: !0 }), !1), n.value && (pt(n.value), setTimeout(() => {
 				e.dispatchEvent(new CustomEvent("tooltip-hide"));
 			}, 150)));
@@ -2024,12 +2024,12 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 		copyLabel: {}
 	},
 	setup(t) {
-		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 = () => {
+		let n = t, r = xn, { text: i, copy: l, copied: u, isSupported: d } = oe({ 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";
 		};
-		return (i, l) => (w(), o("div", Sn, [t.hideText ? a("", !0) : (w(), o(e, { key: 0 }, [c(N(n.text), 1)], 64)), ne((w(), o("button", {
+		return (i, l) => (w(), o("div", Sn, [t.hideText ? a("", !0) : (w(), o(e, { key: 0 }, [c(N(n.text), 1)], 64)), re((w(), o("button", {
 			type: "button",
 			"aria-label": "Copy",
 			onClick: p,
@@ -2078,11 +2078,11 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 		}
 		S(() => {
 			g(f);
-		}), ce(i, () => {
+		}), de(i, () => {
 			u.value && f();
-		}), ce(c, () => {
+		}), de(c, () => {
 			u.value && f();
-		}), G(() => n.entries, async () => {
+		}), W(() => n.entries, async () => {
 			u.value && (await g(), f());
 		});
 		let m = r(() => [...n.entries].reverse());
@@ -2096,14 +2096,14 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 				role: t.label ? "log" : void 0,
 				"aria-label": t.label,
 				onScroll: p
-			}, [l($, {
+			}, [l(Q, {
 				class: _(["g-scroll-to-bottom-btn", { "scroll-to-bottom-btn--hidden": u.value }]),
 				size: "small",
 				type: "button",
 				onClick: r[0] ||= () => f({ focusLast: !0 }),
 				"aria-label": "Jump to Latest"
 			}, {
-				default: K(() => [...r[1] ||= [s("svg", {
+				default: G(() => [...r[1] ||= [s("svg", {
 					"aria-hidden": "true",
 					xmlns: "http://www.w3.org/2000/svg",
 					viewBox: "0 0 640 640",
@@ -2373,7 +2373,7 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 		}, [t.bulkSelectionEnabled ? (w(), o("td", {
 			key: 0,
 			class: "td-checkbox",
-			onClick: r[0] ||= q(() => {}, ["stop"])
+			onClick: r[0] ||= K(() => {}, ["stop"])
 		}, [s("input", {
 			type: "checkbox",
 			checked: p(n.key),
@@ -2496,7 +2496,7 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 	}),
 	emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
 	setup(t, { emit: n }) {
-		let i = t, u = n, d = B(t, "modelValue"), f = z(), p = D(null), m = D(null), v = D(null), y = D(!1), b = D(0), x = D(""), S = D(!1), { displayErrors: C, hasErrors: T } = Ae({
+		let i = t, u = n, d = B(t, "modelValue"), f = z(), p = D(null), m = D(null), v = D(null), y = D(!1), b = D(0), x = D(""), S = D(!1), { displayErrors: C, hasErrors: T } = $({
 			name: i.name,
 			value: d,
 			errors: F(i, "errors"),
@@ -2531,21 +2531,21 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 			let n = d.value, r = I(t.value) ? n.filter((e) => e !== t.value) : [...n, t.value];
 			d.value = r, u("change", r), g(() => p.value?.focus());
 		}
-		function W(e) {
+		function ee(e) {
 			if (i.disabled) return;
 			let t = d.value.filter((t) => t !== e);
 			d.value = t, u("change", t);
 		}
-		function G() {
+		function W() {
 			i.disabled || (p.value?.focus(), y.value || V());
 		}
-		function te(e) {
+		function ne(e) {
 			x.value = e.target.value, b.value = 0, y.value || V();
 		}
-		function K() {
+		function G() {
 			i.disabled || y.value || V();
 		}
-		function re(e) {
+		function ie(e) {
 			if (S.value) {
 				S.value = !1;
 				return;
@@ -2553,13 +2553,13 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 			let t = e.relatedTarget;
 			t && v.value?.contains(t) || t && m.value?.contains(t) || H();
 		}
-		function J(e) {
+		function q(e) {
 			e.preventDefault();
 		}
-		function Y() {
+		function ae() {
 			S.value = !0;
 		}
-		function X(e) {
+		function J(e) {
 			if (i.disabled) return;
 			let t = P.value.length - 1;
 			switch (e.key) {
@@ -2584,12 +2584,12 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 				case "Escape":
 					A.value && (e.preventDefault(), setTimeout(() => H(), 0));
 					break;
-				case "Backspace": !x.value && d.value.length > 0 && W(d.value[d.value.length - 1]);
+				case "Backspace": !x.value && d.value.length > 0 && ee(d.value[d.value.length - 1]);
 			}
 		}
-		let ie = r(() => `${f}-input`), ae = r(() => `${f}-label`), Z = r(() => `${f}-instructions`), Q = r(() => `error-message-${f}`), oe = r(() => {
+		let oe = r(() => `${f}-input`), se = r(() => `${f}-label`), ce = r(() => `${f}-instructions`), le = r(() => `error-message-${f}`), Y = r(() => {
 			let e = [];
-			return i.instructions && e.push(Z.value), T.value && e.push(Q.value), e.length > 0 ? e.join(" ") : void 0;
+			return i.instructions && e.push(ce.value), T.value && e.push(le.value), e.length > 0 ? e.join(" ") : void 0;
 		});
 		return (n, r) => (w(), o("div", { class: _(["g-multiselect-root", {
 			"g-multiselect-open": y.value,
@@ -2597,25 +2597,25 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 		}]) }, [
 			t.hiddenLabel ? a("", !0) : (w(), o("label", {
 				key: 0,
-				id: ae.value,
-				for: ie.value,
+				id: se.value,
+				for: oe.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: Z.value,
+				id: ce.value,
 				class: "g-multiselect-instructions"
 			}, N(t.instructions), 9, sr)) : a("", !0),
 			s("div", {
 				ref_key: "controlRef",
 				ref: m,
 				class: _(["g-multiselect-control", { "g-multiselect-control--disabled": t.disabled }]),
-				onClick: G
+				onClick: W
 			}, [
 				d.value.length ? (w(), o("ul", {
 					key: 0,
 					class: "g-multiselect-chips",
-					"aria-labelledby": ae.value
+					"aria-labelledby": se.value
 				}, [(w(!0), o(e, null, O(d.value, (e) => (w(), o("li", {
 					key: e,
 					class: "g-multiselect-chip"
@@ -2624,8 +2624,8 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 					class: "g-multiselect-chip-remove",
 					"aria-label": `Remove ${R(e)}`,
 					disabled: t.disabled,
-					onMousedown: Y,
-					onClick: q((t) => W(e), ["stop"])
+					onMousedown: ae,
+					onClick: K((t) => ee(e), ["stop"])
 				}, [...r[0] ||= [s("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					viewBox: "0 0 51.26 51.26",
@@ -2641,7 +2641,7 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 					type: "text",
 					role: "combobox",
 					class: "g-multiselect-input",
-					id: ie.value,
+					id: oe.value,
 					value: x.value,
 					placeholder: d.value.length === 0 ? t.placeholder : void 0,
 					disabled: t.disabled,
@@ -2652,12 +2652,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": oe.value,
+					"aria-describedby": Y.value,
 					"aria-required": t.required ? "true" : void 0,
-					onInput: te,
-					onKeydown: X,
-					onFocus: K,
-					onBlur: re
+					onInput: ne,
+					onKeydown: J,
+					onFocus: G,
+					onBlur: ie
 				}), null, 16, dr),
 				r[2] ||= s("svg", {
 					class: "g-multiselect-caret",
@@ -2669,13 +2669,13 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 					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),
-				ne(s("div", h({
+				re(s("div", h({
 					ref_key: "listboxRef",
 					ref: v,
 					id: L(f) + "-listbox",
 					role: "listbox",
 					"aria-multiselectable": "true"
-				}, t.hiddenLabel ? { "aria-label": t.label } : { "aria-labelledby": ae.value }, {
+				}, t.hiddenLabel ? { "aria-label": t.label } : { "aria-labelledby": se.value }, {
 					class: ["g-multiselect-listbox", { "g-multiselect-listbox--above": L(E) === "above" }],
 					style: L(k),
 					tabindex: "-1"
@@ -2688,13 +2688,13 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 						"g-multiselect-option--selected": I(e.value)
 					}]),
 					"aria-selected": I(e.value) ? "true" : "false",
-					onMousedown: J,
+					onMousedown: q,
 					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]])
+				}, [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), [[te, y.value]])
 			], 2),
 			l(Me, {
 				errors: L(C),
-				id: Q.value
+				id: le.value
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
@@ -2744,7 +2744,7 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 	}),
 	emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
 	setup(t, { emit: n }) {
-		let u = t, d = B(t, "modelValue"), f = z(), { displayErrors: p, hasErrors: m } = Ae({
+		let u = t, d = B(t, "modelValue"), f = z(), { displayErrors: p, hasErrors: m } = $({
 			name: u.name,
 			value: d,
 			errors: F(u, "errors"),
@@ -2781,7 +2781,7 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 			};
 		}
 		return (n, r) => (w(), i(A(C.value ? "fieldset" : "div"), h({ class: ["g-checkbox-group", { "g-checkbox-group--error": L(m) }] }, T.value), {
-			default: K(() => [
+			default: G(() => [
 				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,
@@ -2968,7 +2968,7 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 				for: L(d)
 			}, " per page ", 8, Hr)]),
 			s("div", Ur, [l(ot, null, {
-				trigger: K(({ toggle: e }) => [s("button", {
+				trigger: G(({ toggle: e }) => [s("button", {
 					type: "button",
 					class: "g-pagination-button g-pagination-overflow-trigger",
 					"aria-label": "More pagination options",
@@ -2983,7 +2983,7 @@ var hn = ["id"], gn = /* @__PURE__ */ u({
 					fill: "currentColor",
 					d: "M96 320C96 284.7 124.7 256 160 256C195.3 256 224 284.7 224 320C224 355.3 195.3 384 160 384C124.7 384 96 355.3 96 320zM256 320C256 284.7 284.7 256 320 256C355.3 256 384 284.7 384 320C384 355.3 355.3 384 320 384C284.7 384 256 355.3 256 320zM480 256C515.3 256 544 284.7 544 320C544 355.3 515.3 384 480 384C444.7 384 416 355.3 416 320C416 284.7 444.7 256 480 256z"
 				})], -1)]], 8, Wr)]),
-				default: K(() => [s("div", Gr, [
+				default: G(() => [s("div", Gr, [
 					n[15] ||= s("h2", {
 						class: "g-pagination-overflow-title",
 						tabindex: "-1",
@@ -3106,7 +3106,7 @@ function oi(e, t = {}) {
 				}
 			});
 		}
-		G(n, (e) => {
+		W(n, (e) => {
 			i.value = ai(e);
 		}, { deep: !0 });
 	}
@@ -3177,43 +3177,51 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 }, Ri = { class: "g-clear-filters-wrap" }, zi = {
 	key: 0,
 	class: "pagination"
-}, Bi = { class: "g-result-count" }, Vi = { class: "g-table-table-wrap" }, Hi = ["aria-label", "aria-rowcount"], Ui = { class: "g-table-head" }, Wi = { "aria-rowindex": "1" }, Gi = {
+}, Bi = { class: "g-result-count" }, Vi = ["aria-label", "aria-rowcount"], Hi = { key: 0 }, Ui = ["data-column-key"], Wi = { class: "g-table-head" }, Gi = { "aria-rowindex": "1" }, Ki = {
 	key: 0,
 	scope: "col",
 	class: "g-th g-th-checkbox"
-}, Ki = [
+}, qi = [
 	"checked",
 	"indeterminate",
 	"aria-label"
-], qi = ["id", "aria-sort"], Ji = { class: "th-inner" }, Yi = ["onClick"], Xi = {
+], Ji = ["id", "aria-sort"], Yi = { class: "th-inner" }, Xi = ["onClick"], Zi = {
 	key: 0,
 	class: "sort-indicator",
 	"aria-hidden": "true"
-}, Zi = {
+}, Qi = {
 	key: 1,
 	class: "g-visually-hidden"
-}, Qi = {
+}, $i = {
 	key: 1,
 	class: "g-column-head"
-}, $i = ["onClick", "aria-label"], ea = {
+}, ea = ["onClick", "aria-label"], ta = {
 	key: 1,
 	class: "g-filter-search",
 	role: "search"
-}, ta = [
+}, na = [
 	"onUpdate:modelValue",
 	"placeholder",
 	"aria-label"
-], na = { key: 2 }, ra = { class: "g-filter-toggle" }, ia = [
+], ra = { key: 2 }, ia = { class: "g-filter-toggle" }, aa = [
 	"onUpdate:modelValue",
 	"id",
 	"aria-describedby"
-], aa = ["for"], oa = ["id"], sa = {
+], oa = ["for"], sa = ["id"], ca = {
 	key: 4,
 	class: "g-multi-select"
-}, ca = {
+}, la = [
+	"data-column-key",
+	"aria-label",
+	"aria-valuemax",
+	"aria-valuenow",
+	"aria-valuetext",
+	"onKeydown",
+	"onPointerdown"
+], ua = {
 	key: 1,
 	class: "g-bulk-actions-toolbar"
-}, la = { class: "g-selected-count" }, ua = { class: "g-bulk-actions" }, da = /* @__PURE__ */ u({
+}, da = { class: "g-selected-count" }, fa = { class: "g-bulk-actions" }, pa = /* @__PURE__ */ u({
 	__name: "GTable",
 	props: /*@__PURE__*/ m({
 		label: {},
@@ -3242,14 +3250,18 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 		pagination: {
 			type: Boolean,
 			default: !1
+		},
+		resizableColumns: {
+			type: Boolean,
+			default: !1
 		}
 	}, {
 		sorts: { default: () => [] },
 		sortsModifiers: {},
 		filter: { default: () => ({}) },
 		filterModifiers: {},
-		columnVisibility: { default: () => ({}) },
-		columnVisibilityModifiers: {},
+		columnState: { default: () => ({}) },
+		columnStateModifiers: {},
 		selectedRows: { default: () => [] },
 		selectedRowsModifiers: {}
 	}),
@@ -3262,37 +3274,37 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 	], [
 		"update:sorts",
 		"update:filter",
-		"update:columnVisibility",
+		"update:columnState",
 		"update:selectedRows"
 	]),
 	setup(t, { emit: n }) {
-		let u = B(t, "sorts"), f = B(t, "filter"), p = B(t, "columnVisibility"), m = B(t, "selectedRows"), h = t, v = n, b = h.filtering;
+		let u = B(t, "sorts"), f = B(t, "filter"), p = B(t, "columnState"), m = B(t, "selectedRows"), h = t, v = n, b = h.filtering;
 		b ||= oi({});
-		let { filters: x, filteredColumns: C, isFiltered: T, clearFilters: E } = b, A = r(() => h.data.map((e) => e.key)), j = r(() => m.value.filter((e) => A.value.includes(e))), M = r(() => !h.bulkSelectionEnabled || h.data.length === 0 ? !1 : j.value.length === A.value.length), F = r(() => !h.bulkSelectionEnabled || h.data.length === 0 ? !1 : j.value.length > 0 && j.value.length < A.value.length), I = D(null);
-		function R() {
-			if (M.value) m.value = m.value.filter((e) => !A.value.includes(e));
+		let { filters: C, filteredColumns: T, isFiltered: E, clearFilters: A } = b, j = r(() => h.data.map((e) => e.key)), M = r(() => m.value.filter((e) => j.value.includes(e))), F = r(() => !h.bulkSelectionEnabled || h.data.length === 0 ? !1 : M.value.length === j.value.length), I = r(() => !h.bulkSelectionEnabled || h.data.length === 0 ? !1 : M.value.length > 0 && M.value.length < j.value.length), R = D(null);
+		function H() {
+			if (F.value) m.value = m.value.filter((e) => !j.value.includes(e));
 			else {
 				let e = new Set(m.value);
-				A.value.forEach((t) => e.add(t)), m.value = Array.from(e);
+				j.value.forEach((t) => e.add(t)), m.value = Array.from(e);
 			}
 		}
-		function H(e, t = !1) {
-			if (t && I.value) {
-				let t = A.value.indexOf(I.value), n = A.value.indexOf(e);
+		function te(e, t = !1) {
+			if (t && R.value) {
+				let t = j.value.indexOf(R.value), n = j.value.indexOf(e);
 				if (t !== -1 && n !== -1) {
-					let e = Math.min(t, n), r = Math.max(t, n), i = A.value.slice(e, r + 1), a = new Set(m.value);
+					let e = Math.min(t, n), r = Math.max(t, n), i = j.value.slice(e, r + 1), a = new Set(m.value);
 					i.forEach((e) => a.add(e)), m.value = Array.from(a);
 				}
 			} else m.value.includes(e) ? m.value = m.value.filter((t) => t !== e) : m.value = [...m.value, e];
-			I.value = e;
+			R.value = e;
 		}
-		function ee(e) {
+		function W(e) {
 			v("row-click", e);
 		}
-		function G(e) {
+		function ne(e) {
 			v("bulk-action", e, m.value);
 		}
-		function te(e) {
+		function ie(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 = {
@@ -3303,127 +3315,215 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 			};
 			v("cell-change", i);
 		}
-		function re(e) {
+		function q(e) {
 			v("update:startIndex", e ?? 0);
 		}
-		function J(e) {
+		function ae(e) {
 			e !== void 0 && v("update:pageSize", e);
 		}
-		let Y = z(), X = d(), ie = D(null);
-		function ae(e) {
+		let J = z(), oe = d(), se = D(null), ce = D(null), le = D(null), Y = D(null), ue = `${J}-table`;
+		function de(e) {
 			let t = /* @__PURE__ */ new Set();
 			return e.filter((e) => !e?.key || t.has(String(e.key)) ? !1 : (t.add(String(e.key)), e.order === 1 || e.order === -1));
 		}
-		function Z(e, t) {
+		function fe(e, t) {
 			return {
 				key: e,
 				order: t
 			};
 		}
-		let Q = r(() => ae(u.value));
-		function oe(e) {
-			u.value = ae(e);
+		let X = r(() => de(u.value));
+		function Z(e) {
+			u.value = de(e);
 		}
-		let se = r(() => h.columns.filter((e) => e.sortable)), ce = r(() => se.value.length > 1), le = r(() => {
-			let e = new Set(Q.value.map((e) => String(e.key)));
-			return se.value.filter((t) => !e.has(String(t.key)));
+		let pe = r(() => h.columns.filter((e) => e.sortable)), me = r(() => pe.value.length > 1), he = r(() => {
+			let e = new Set(X.value.map((e) => String(e.key)));
+			return pe.value.filter((t) => !e.has(String(t.key)));
 		});
-		function ue(e) {
-			return Q.value.findIndex((t) => t.key === e);
+		function ge(e) {
+			return X.value.findIndex((t) => t.key === e);
 		}
-		function de(e) {
-			return Q.value.find((t) => t.key === e);
+		function _e(e) {
+			return X.value.find((t) => t.key === e);
 		}
-		function fe(e) {
+		function ve(e) {
 			return h.columns.find((t) => t.key === e)?.label || String(e);
 		}
-		function pe(e) {
-			let t = ue(e);
-			return t === -1 ? "none" : t > 0 ? "other" : Q.value[0]?.order === 1 ? "ascending" : "descending";
+		function ye(e) {
+			let t = ge(e);
+			return t === -1 ? "none" : t > 0 ? "other" : X.value[0]?.order === 1 ? "ascending" : "descending";
 		}
-		function me(e) {
-			let t = ue(e);
+		function be(e) {
+			let t = ge(e);
 			if (t === -1) return "";
-			let n = Q.value[t].order === 1 ? "ascending" : "descending";
-			return Q.value.length > 1 ? `Sorted ${n}, priority ${t + 1}` : `Sorted ${n}`;
+			let n = X.value[t].order === 1 ? "ascending" : "descending";
+			return X.value.length > 1 ? `Sorted ${n}, priority ${t + 1}` : `Sorted ${n}`;
 		}
-		function he(e) {
+		function xe(e) {
 			return e === 1 ? "Ascending" : "Descending";
 		}
-		function ge(e) {
-			let t = Q.value[0]?.key === e ? Q.value[0] : void 0;
-			return t ? t.order === 1 ? [Z(e, -1)] : [] : [Z(e, 1)];
+		function Se(e) {
+			let t = X.value[0]?.key === e ? X.value[0] : void 0;
+			return t ? t.order === 1 ? [fe(e, -1)] : [] : [fe(e, 1)];
 		}
-		function _e(e) {
-			let t = [...Q.value], n = t.findIndex((t) => t.key === e);
-			return n === -1 ? (t.push(Z(e, 1)), t) : t[n].order === 1 ? (t[n] = Z(e, -1), t) : (t.splice(n, 1), t);
+		function Ce(e) {
+			let t = [...X.value], n = t.findIndex((t) => t.key === e);
+			return n === -1 ? (t.push(fe(e, 1)), t) : t[n].order === 1 ? (t[n] = fe(e, -1), t) : (t.splice(n, 1), t);
 		}
-		function ve(e, t = !1) {
+		function we(e, t = !1) {
 			if (!e.sortable) return;
 			let n = e.key;
-			oe(t ? _e(n) : ge(n));
+			Z(t ? Ce(n) : Se(n));
 		}
-		function ye(e, t) {
-			oe([...Q.value, Z(e, t)]), g(() => {
-				let t = ie.value;
+		function Te(e, t) {
+			Z([...X.value, fe(e, t)]), g(() => {
+				let t = se.value;
 				t && (t.querySelector(`[data-sort-row-key="${String(e)}"]`) ?? t)?.focus();
 			}).catch((e) => {
 				console.error(e);
 			});
 		}
-		function be(e) {
-			oe(Q.value.map((t) => t.key === e ? Z(t.key, t.order === 1 ? -1 : 1) : t));
+		function Ee(e) {
+			Z(X.value.map((t) => t.key === e ? fe(t.key, t.order === 1 ? -1 : 1) : t));
 		}
-		function xe(e) {
-			oe(Q.value.filter((t) => t.key !== e));
-		}
-		function Se() {
-			oe([]);
-		}
-		let Ce = r(() => {
-			let e = X?.vnode.props ?? {};
-			return "columnVisibility" in e || "column-visibility" in e || "onUpdate:columnVisibility" in e;
-		}), we = r(() => {
-			let e = p.value;
-			return h.columns.filter((t) => e[t.key] !== !1);
-		}), Te = V(), Ee = r(() => we.value.length !== h.columns.length), De = r(() => Ce.value && h.columns.length > 0), Oe = r(() => !!Te.controls), ke = r(() => h.resultCount ?? h.data.length);
-		function Ae(e) {
-			return p.value[e.key] !== !1;
-		}
-		function je(e, t) {
+		function De(e) {
+			Z(X.value.filter((t) => t.key !== e));
+		}
+		function Oe() {
+			Z([]);
+		}
+		function ke(e) {
+			return p.value[e] ?? {};
+		}
+		function Ae(e, t) {
 			p.value = {
 				...p.value,
-				[e.key]: t
+				[e]: {
+					...ke(e),
+					...t
+				}
 			};
 		}
-		function Me() {
+		function $(e) {
+			return Math.max(50, Math.round(e));
+		}
+		function je(e) {
+			let t = ke(e).width;
+			if (!(typeof t != "number" || !Number.isFinite(t))) return $(t);
+		}
+		function Me(e) {
+			return document.getElementById(`${J}-th-${String(e)}`);
+		}
+		function Ne(e) {
+			let t = Me(e)?.getBoundingClientRect().width;
+			return $(t ?? 50);
+		}
+		function Pe(e) {
+			return je(e) ?? Ne(e);
+		}
+		function Fe(e) {
+			let t = Pe(e), n = le.value?.getBoundingClientRect().width ?? ce.value?.getBoundingClientRect().width ?? t;
+			return $(Math.max(t, n));
+		}
+		function Ie(e, t) {
+			Ae(e, { width: $(t) });
+		}
+		function Le(e, t) {
+			Ie(e, Pe(e) + t);
+		}
+		function Re() {
+			Y.value = null, window.removeEventListener("pointermove", ze), window.removeEventListener("pointerup", Re), window.removeEventListener("pointercancel", Re);
+		}
+		function ze(e) {
+			if (!Y.value) return;
+			let t = Y.value.startWidth + (e.clientX - Y.value.startX);
+			Ie(Y.value.key, t);
+		}
+		function Be(e, t) {
+			if (!h.resizableColumns) return;
+			e.preventDefault(), e.stopPropagation();
+			let n = Pe(t);
+			Ie(t, n), Y.value = {
+				key: t,
+				startX: e.clientX,
+				startWidth: n
+			}, e.currentTarget?.focus(), window.addEventListener("pointermove", ze), window.addEventListener("pointerup", Re), window.addEventListener("pointercancel", Re);
+		}
+		function Ve(e, t) {
+			let n = e.shiftKey ? 48 : 16;
+			switch (e.key) {
+				case "ArrowLeft":
+					e.preventDefault(), Le(t, -n);
+					return;
+				case "ArrowRight":
+					e.preventDefault(), Le(t, n);
+					return;
+				case "Home":
+					e.preventDefault(), Ie(t, 50);
+					return;
+				case "End":
+					e.preventDefault(), Ie(t, Fe(t));
+					return;
+				default: return;
+			}
+		}
+		function He(e) {
+			if (!h.resizableColumns) return;
+			let t = je(e.key);
+			if (t !== void 0) return {
+				width: `${t}px`,
+				minWidth: `${t}px`
+			};
+		}
+		function Ue(e) {
+			return Pe(e);
+		}
+		function We(e) {
+			return `${Ue(e)} pixels`;
+		}
+		let Ge = r(() => {
+			let e = oe?.vnode.props ?? {};
+			return "columnState" in e || "column-state" in e || "onUpdate:columnState" in e;
+		}), Ke = r(() => h.columns.filter((e) => ke(e.key).visible !== !1)), qe = V(), Je = r(() => Ke.value.length !== h.columns.length), Ye = r(() => Ge.value && h.columns.length > 0), Xe = r(() => !!qe.controls), Ze = r(() => h.resultCount ?? h.data.length);
+		function Qe(e) {
+			return ke(e.key).visible !== !1;
+		}
+		function $e(e, t) {
+			Ae(e.key, { visible: t });
+		}
+		function et() {
 			p.value = h.columns.reduce((e, t) => ({
 				...e,
-				[t.key]: !0
+				[t.key]: {
+					...ke(t.key),
+					visible: !0
+				}
 			}), { ...p.value });
 		}
-		let Ne = r(() => h.pagination && typeof h.pageSize == "number"), Pe = r(() => !!(ce.value || T.value || Ne.value || De.value || Oe.value));
-		function Fe(e) {
+		let tt = r(() => h.pagination && typeof h.pageSize == "number"), nt = r(() => !!(me.value || E.value || tt.value || Ye.value || Xe.value));
+		function rt(e) {
 			return e.filter?.type === "multi-select" ? e.filter.options.map((e) => ({
 				label: e.label,
 				value: e.value,
 				hint: e.description
 			})) : [];
 		}
-		return S(() => {
+		return x(() => {
+			Re();
+		}), S(() => {
 			h.rowClickable && h.bulkSelectionEnabled && console.warn("GTable: rowClickable and bulkSelectionEnabled cannot be used together. rowClickable will be ignored.");
 			for (let e of h.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", si, [
-			Pe.value ? (w(), o("div", ci, [
+			nt.value ? (w(), o("div", ci, [
 				s("div", li, [
-					ce.value ? (w(), o("div", ui, [l(ot, null, {
-						trigger: K(({ toggle: e }) => [l($, {
+					me.value ? (w(), o("div", ui, [l(ot, null, {
+						trigger: G(({ toggle: e }) => [l(Q, {
 							size: "small",
-							class: _(["g-sort-builder-trigger", { "g-sort-builder-trigger--active": Q.value.length > 0 }]),
+							class: _(["g-sort-builder-trigger", { "g-sort-builder-trigger--active": X.value.length > 0 }]),
 							"aria-label": "Choose sort order",
 							onClick: e
 						}, {
-							default: K(() => [r[0] ||= s("svg", {
+							default: G(() => [r[1] ||= s("svg", {
 								class: "g-sort-builder-trigger-icon",
 								xmlns: "http://www.w3.org/2000/svg",
 								viewBox: "0 0 640 640",
@@ -3432,57 +3532,57 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 							}, [s("path", {
 								fill: "currentColor",
 								d: "M130.4 268.2C135.4 280.2 147 288 160 288L480 288C492.9 288 504.6 280.2 509.6 268.2C514.6 256.2 511.8 242.5 502.7 233.3L342.7 73.3C330.2 60.8 309.9 60.8 297.4 73.3L137.4 233.3C128.2 242.5 125.5 256.2 130.5 268.2zM130.4 371.7C125.4 383.7 128.2 397.4 137.3 406.6L297.3 566.6C309.8 579.1 330.1 579.1 342.6 566.6L502.6 406.6C511.8 397.4 514.5 383.7 509.5 371.7C504.5 359.7 492.9 352 480 352L160 352C147.1 352 135.4 359.8 130.4 371.8z"
-							})], -1), Q.value.length ? (w(), o("span", di, N(Q.value.length), 1)) : a("", !0)]),
+							})], -1), X.value.length ? (w(), o("span", di, N(X.value.length), 1)) : a("", !0)]),
 							_: 1
 						}, 8, ["class", "onClick"])]),
-						default: K(() => [s("fieldset", {
+						default: G(() => [s("fieldset", {
 							ref_key: "sortBuilderRef",
-							ref: ie,
+							ref: se,
 							class: "g-sort-builder-popover",
 							tabindex: "-1",
 							"popover-focus": ""
 						}, [
-							r[7] ||= s("legend", { class: "g-sort-builder-legend" }, " Sort order ", -1),
-							r[8] ||= s("p", { class: "g-sort-builder-help" }, " Click a column header to change the primary sort. Use Shift-click as a shortcut to add or update secondary sorts. ", -1),
-							Q.value.length ? (w(), o("ol", fi, [(w(!0), o(e, null, O(Q.value, (e, t) => (w(), o("li", {
+							r[8] ||= s("legend", { class: "g-sort-builder-legend" }, " Sort order ", -1),
+							r[9] ||= s("p", { class: "g-sort-builder-help" }, " Click a column header to change the primary sort. Use Shift-click as a shortcut to add or update secondary sorts. ", -1),
+							X.value.length ? (w(), o("ol", fi, [(w(!0), o(e, null, O(X.value, (e, t) => (w(), o("li", {
 								key: e.key,
 								class: "g-sort-builder-rule",
 								tabindex: "-1",
 								"data-sort-row-key": String(e.key),
-								"aria-label": `${fe(e.key)} ${he(e.order)} sort, priority ${t + 1}`
+								"aria-label": `${ve(e.key)} ${xe(e.order)} sort, priority ${t + 1}`
 							}, [
 								s("span", mi, N(t + 1), 1),
-								s("span", hi, N(fe(e.key)), 1),
+								s("span", hi, N(ve(e.key)), 1),
 								s("button", {
 									type: "button",
 									class: "g-sort-builder-direction",
-									"aria-label": `Toggle ${fe(e.key)} sort direction`,
-									onClick: (t) => be(e.key)
-								}, [s("span", _i, N(he(e.order)), 1), s("span", vi, [(w(), o("svg", {
+									"aria-label": `Toggle ${ve(e.key)} sort direction`,
+									onClick: (t) => Ee(e.key)
+								}, [s("span", _i, N(xe(e.order)), 1), s("span", vi, [(w(), o("svg", {
 									xmlns: "http://www.w3.org/2000/svg",
 									viewBox: "0 0 640 640",
 									height: "1.25em",
 									style: y({ transform: `rotate(${e.order === 1 ? 0 : 180}deg)` })
-								}, [...r[1] ||= [s("path", {
+								}, [...r[2] ||= [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)]], 4))])], 8, gi),
 								s("button", {
 									type: "button",
 									class: "g-sort-builder-remove",
-									"aria-label": `Remove ${fe(e.key)} sort`,
-									onClick: (t) => xe(e.key)
+									"aria-label": `Remove ${ve(e.key)} sort`,
+									onClick: (t) => De(e.key)
 								}, " Remove ", 8, yi)
 							], 8, pi))), 128))])) : (w(), o("p", bi, " No active sort rules. ")),
-							le.value.length ? (w(), o("div", xi, [r[5] ||= s("p", { class: "g-sort-builder-add-label" }, " Add sort column ", -1), s("ul", Si, [(w(!0), o(e, null, O(le.value, (e) => (w(), o("li", {
+							he.value.length ? (w(), o("div", xi, [r[6] ||= s("p", { class: "g-sort-builder-add-label" }, " Add sort column ", -1), s("ul", Si, [(w(!0), o(e, null, O(he.value, (e) => (w(), o("li", {
 								key: e.key,
 								class: "g-sort-builder-add-item"
 							}, [s("span", Ci, N(e.label), 1), s("div", wi, [s("button", {
 								type: "button",
 								class: "g-sort-builder-direction",
 								"aria-label": `Add ${e.label} ascending sort`,
-								onClick: (t) => ye(e.key, 1)
-							}, [...r[2] ||= [s("span", { class: "g-visually-hidden" }, " Add ascending sort ", -1), s("span", {
+								onClick: (t) => Te(e.key, 1)
+							}, [...r[3] ||= [s("span", { class: "g-visually-hidden" }, " Add ascending sort ", -1), s("span", {
 								class: "sort-indicator",
 								"aria-hidden": "true"
 							}, [s("svg", {
@@ -3496,71 +3596,71 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 								type: "button",
 								class: "g-sort-builder-direction",
 								"aria-label": `Add ${e.label} descending sort`,
-								onClick: (t) => ye(e.key, -1)
-							}, [r[4] ||= s("span", { class: "g-visually-hidden" }, " Add descending sort ", -1), s("span", Di, [(w(), o("svg", Oi, [...r[3] ||= [s("path", {
+								onClick: (t) => Te(e.key, -1)
+							}, [r[5] ||= s("span", { class: "g-visually-hidden" }, " Add descending sort ", -1), s("span", Di, [(w(), o("svg", Oi, [...r[4] ||= [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)]]))])], 8, Ei)])]))), 128))])])) : a("", !0),
-							Q.value.length ? (w(), i($, {
+							X.value.length ? (w(), i(Q, {
 								key: 3,
 								outlined: "",
 								size: "small",
 								class: "g-sort-builder-clear",
-								onClick: Se
+								onClick: Oe
 							}, {
-								default: K(() => [...r[6] ||= [c(" Clear sort ", -1)]]),
+								default: G(() => [...r[7] ||= [c(" Clear sort ", -1)]]),
 								_: 1
 							})) : a("", !0)
 						], 512)]),
 						_: 1
 					})])) : a("", !0),
-					De.value ? (w(), o("div", ki, [l(ot, null, {
-						trigger: K(({ toggle: e }) => [l($, {
+					Ye.value ? (w(), o("div", ki, [l(ot, null, {
+						trigger: G(({ toggle: e }) => [l(Q, {
 							size: "small",
-							class: _(["g-column-visibility-trigger", { "g-column-visibility-trigger--active": Ee.value }]),
+							class: _(["g-column-visibility-trigger", { "g-column-visibility-trigger--active": Je.value }]),
 							"aria-label": "Choose visible columns",
 							onClick: e
 						}, {
-							default: K(() => [(w(), o("svg", Ai, [...r[9] ||= [s("path", {
+							default: G(() => [(w(), o("svg", Ai, [...r[10] ||= [s("path", {
 								fill: "currentColor",
 								d: "M64 160C64 142.3 78.3 128 96 128L480 128C497.7 128 512 142.3 512 160C512 177.7 497.7 192 480 192L96 192C78.3 192 64 177.7 64 160zM128 320C128 302.3 142.3 288 160 288L544 288C561.7 288 576 302.3 576 320C576 337.7 561.7 352 544 352L160 352C142.3 352 128 337.7 128 320zM512 480C512 497.7 497.7 512 480 512L96 512C78.3 512 64 497.7 64 480C64 462.3 78.3 448 96 448L480 448C497.7 448 512 462.3 512 480z"
 							}, null, -1)]]))]),
 							_: 1
 						}, 8, ["class", "onClick"])]),
-						default: K(() => [s("fieldset", {
+						default: G(() => [s("fieldset", {
 							class: "g-column-visibility-popover",
-							"aria-labelledby": `${L(Y)}-column-visibility-heading`
+							"aria-labelledby": `${L(J)}-column-visibility-heading`
 						}, [s("div", Mi, [s("span", {
-							id: `${L(Y)}-column-visibility-heading`,
+							id: `${L(J)}-column-visibility-heading`,
 							class: "g-column-visibility-heading"
-						}, " Shown columns ", 8, Ni), s("span", Pi, [l($, {
+						}, " Shown columns ", 8, Ni), s("span", Pi, [l(Q, {
 							text: "",
 							size: "small",
-							class: _(["g-column-visibility-show-all", { "g-column-visibility-show-all--hidden": !Ee.value }]),
-							onClick: Me
+							class: _(["g-column-visibility-show-all", { "g-column-visibility-show-all--hidden": !Je.value }]),
+							onClick: et
 						}, {
-							default: K(() => [...r[10] ||= [c(" Show All ", -1)]]),
+							default: G(() => [...r[11] ||= [c(" Show All ", -1)]]),
 							_: 1
 						}, 8, ["class"])])]), s("div", Fi, [(w(!0), o(e, null, O(t.columns, (e) => (w(), o("label", {
 							key: e.key,
 							class: "g-column-visibility-option"
 						}, [s("input", {
-							checked: Ae(e),
+							checked: Qe(e),
 							type: "checkbox",
-							onChange: (t) => je(e, t.target.checked)
+							onChange: (t) => $e(e, t.target.checked)
 						}, null, 40, Ii), s("span", null, N(e.label), 1)]))), 128))])], 8, ji)]),
 						_: 1
 					})])) : a("", !0),
-					Oe.value ? (w(), o("div", Li, [k(n.$slots, "controls")])) : a("", !0),
-					s("div", Ri, [L(T) ? (w(), i($, {
+					Xe.value ? (w(), o("div", Li, [k(n.$slots, "controls")])) : a("", !0),
+					s("div", Ri, [L(E) ? (w(), i(Q, {
 						key: 0,
 						outlined: "",
 						size: "small",
 						class: "clear-filters",
 						"aria-label": "Clear Filters",
-						onClick: L(E)
+						onClick: L(A)
 					}, {
-						default: K(() => [...r[11] ||= [s("svg", {
+						default: G(() => [...r[12] ||= [s("svg", {
 							xmlns: "http://www.w3.org/2000/svg",
 							viewBox: "0 0 640 640",
 							height: "1.5em",
@@ -3572,193 +3672,224 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 						_: 1
 					}, 8, ["onClick"])) : a("", !0)])
 				]),
-				Ne.value ? (w(), o("div", zi, [l(ei, {
+				tt.value ? (w(), o("div", zi, [l(ei, {
 					start: t.startIndex,
 					"page-size": t.pageSize,
 					"page-sizes": t.pageSizes,
-					total: ke.value,
-					"onUpdate:start": re,
-					"onUpdate:pageSize": J
+					total: Ze.value,
+					"onUpdate:start": q,
+					"onUpdate:pageSize": ae
 				}, null, 8, [
 					"start",
 					"page-size",
 					"page-sizes",
 					"total"
 				])])) : a("", !0),
-				s("span", Bi, N(ke.value) + " results", 1)
+				s("span", Bi, N(Ze.value) + " results", 1)
 			])) : a("", !0),
-			s("div", Vi, [s("table", {
-				class: "g-table",
-				ref: "tableRef",
+			s("div", {
+				ref_key: "tableWrapRef",
+				ref: le,
+				class: "g-table-table-wrap"
+			}, [s("table", {
+				id: ue,
+				class: _(["g-table", { "g-table--resizable": t.resizableColumns }]),
+				ref_key: "tableRef",
+				ref: ce,
 				"aria-label": t.label,
-				"aria-rowcount": ke.value
-			}, [s("thead", Ui, [s("tr", Wi, [t.bulkSelectionEnabled ? (w(), o("th", Gi, [s("input", {
-				type: "checkbox",
-				checked: M.value,
-				indeterminate: F.value,
-				onChange: R,
-				"aria-label": M.value ? "Deselect all rows" : "Select all rows",
-				class: "g-bulk-select-checkbox"
-			}, null, 40, Ki)])) : a("", !0), (w(!0), o(e, null, O(we.value, (e) => (w(), o("th", {
-				key: e.key,
-				id: `${L(Y)}-th-${String(e.key)}`,
-				"aria-sort": pe(e.key),
-				class: _([
-					"g-th",
-					{ sorted: ue(e.key) !== -1 },
-					{ filtered: L(C)[e.key] }
-				]),
-				scope: "col"
-			}, [s("div", Ji, [e.sortable ? (w(), o("button", {
-				key: 0,
-				type: "button",
-				class: "g-column-head",
-				onClick: (t) => ve(e, t.shiftKey)
+				"aria-rowcount": Ze.value
 			}, [
-				c(N(e.label) + " ", 1),
-				ue(e.key) === -1 ? a("", !0) : (w(), o("span", Xi, [(w(), o("svg", {
-					xmlns: "http://www.w3.org/2000/svg",
-					viewBox: "0 0 640 640",
-					height: "1.5em",
-					style: y({ transform: `rotate(${de(e.key)?.order === 1 ? 0 : 180}deg)` })
-				}, [...r[12] ||= [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)]], 4))])),
-				ue(e.key) === -1 ? a("", !0) : (w(), o("span", Zi, N(me(e.key)), 1))
-			], 8, Yi)) : (w(), o("span", Qi, N(e.label), 1)), e.filter ? (w(), i(ot, { key: 2 }, {
-				trigger: K(({ toggle: t }) => [s("button", {
-					onClick: q(t, ["stop"]),
-					"aria-label": L(C)[e.key] ? "Column Filtered" : "Filter Column",
-					class: _(["g-filter-btn", { "g-active": L(C)[e.key] }]),
-					type: "button"
-				}, [...r[13] ||= [s("svg", {
-					xmlns: "http://www.w3.org/2000/svg",
-					viewBox: "0 0 640 640",
-					height: "1.5em",
-					"aria-hidden": "true"
-				}, [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, $i)]),
-				default: K(() => [e.filter.type === "select" ? (w(), i(Kt, {
+				s("colgroup", null, [t.bulkSelectionEnabled ? (w(), o("col", Hi)) : a("", !0), (w(!0), o(e, null, O(Ke.value, (e) => (w(), o("col", {
+					key: e.key,
+					"data-column-key": String(e.key),
+					style: y(He(e))
+				}, null, 12, Ui))), 128))]),
+				s("thead", Wi, [s("tr", Gi, [t.bulkSelectionEnabled ? (w(), o("th", Ki, [s("input", {
+					type: "checkbox",
+					checked: F.value,
+					indeterminate: I.value,
+					onChange: H,
+					"aria-label": F.value ? "Deselect all rows" : "Select all rows",
+					class: "g-bulk-select-checkbox"
+				}, null, 40, qi)])) : a("", !0), (w(!0), o(e, null, O(Ke.value, (e) => (w(), o("th", {
+					key: e.key,
+					id: `${L(J)}-th-${String(e.key)}`,
+					"aria-sort": ye(e.key),
+					class: _([
+						"g-th",
+						{ "g-th--resizable": t.resizableColumns },
+						{ sorted: ge(e.key) !== -1 },
+						{ filtered: L(T)[e.key] }
+					]),
+					scope: "col"
+				}, [s("div", Yi, [e.sortable ? (w(), o("button", {
 					key: 0,
-					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": e.filter.searchDescription,
-					"clear-button": ""
-				}, null, 8, [
-					"modelValue",
-					"onUpdate:modelValue",
-					"options",
-					"search-description"
-				])) : e.filter.type === "search" ? (w(), o("div", ea, [r[14] ||= s("span", {
-					class: "g-filter-search-icon",
-					"aria-hidden": "true"
-				}, [s("svg", {
-					xmlns: "http://www.w3.org/2000/svg",
-					viewBox: "0 0 51.26 51.26",
-					height: "1em"
-				}, [s("path", {
-					fill: "currentColor",
-					d: "M30 9.76A14.05 14.05 0 1 0 28.3 31l11.3 13a3.34 3.34 0 0 0 4.72-4.72L31.44 27.86A14.05 14.05 0 0 0 30 9.76ZM27.27 27a10.26 10.26 0 1 1 0-14.5 10.25 10.25 0 0 1 0 14.5Z"
-				})])], -1), ne(s("input", {
-					type: "search",
-					class: "g-filter-search-input",
-					"onUpdate:modelValue": (t) => f.value[e.key] = t,
-					placeholder: e.filter.placeholder,
-					"aria-label": `Search ${e.label}`
-				}, null, 8, ta), [[W, f.value[e.key]]])])) : e.filter.type === "toggle" ? (w(), o("div", na, [s("div", ra, [
-					ne(s("input", {
-						type: "checkbox",
+					type: "button",
+					class: "g-column-head",
+					onClick: (t) => we(e, t.shiftKey)
+				}, [
+					c(N(e.label) + " ", 1),
+					ge(e.key) === -1 ? a("", !0) : (w(), o("span", Zi, [(w(), o("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						viewBox: "0 0 640 640",
+						height: "1.5em",
+						style: y({ transform: `rotate(${_e(e.key)?.order === 1 ? 0 : 180}deg)` })
+					}, [...r[13] ||= [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)]], 4))])),
+					ge(e.key) === -1 ? a("", !0) : (w(), o("span", Qi, N(be(e.key)), 1))
+				], 8, Xi)) : (w(), o("span", $i, N(e.label), 1)), e.filter ? (w(), i(ot, { key: 2 }, {
+					trigger: G(({ toggle: t }) => [s("button", {
+						onClick: K(t, ["stop"]),
+						"aria-label": L(T)[e.key] ? "Column Filtered" : "Filter Column",
+						class: _(["g-filter-btn", { "g-active": L(T)[e.key] }]),
+						type: "button"
+					}, [...r[14] ||= [s("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						viewBox: "0 0 640 640",
+						height: "1.5em",
+						"aria-hidden": "true"
+					}, [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, ea)]),
+					default: G(() => [e.filter.type === "select" ? (w(), i(Kt, {
+						key: 0,
+						modelValue: f.value[e.key],
 						"onUpdate:modelValue": (t) => f.value[e.key] = t,
-						id: `${L(Y)}-filter-${String(e.key)}`,
-						"aria-describedby": e.filter.description ? `${L(Y)}-filter-description-${String(e.key)}` : void 0
-					}, null, 8, ia), [[U, f.value[e.key]]]),
-					s("label", { for: `${L(Y)}-filter-${String(e.key)}` }, N(e.filter.label), 9, aa),
-					e.filter.description ? (w(), o("span", {
+						options: e.filter.options,
+						class: "g-filter-select",
+						label: "Filter select",
+						searchable: "",
+						"search-description": e.filter.searchDescription,
+						"clear-button": ""
+					}, null, 8, [
+						"modelValue",
+						"onUpdate:modelValue",
+						"options",
+						"search-description"
+					])) : e.filter.type === "search" ? (w(), o("div", ta, [r[15] ||= s("span", {
+						class: "g-filter-search-icon",
+						"aria-hidden": "true"
+					}, [s("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						viewBox: "0 0 51.26 51.26",
+						height: "1em"
+					}, [s("path", {
+						fill: "currentColor",
+						d: "M30 9.76A14.05 14.05 0 1 0 28.3 31l11.3 13a3.34 3.34 0 0 0 4.72-4.72L31.44 27.86A14.05 14.05 0 0 0 30 9.76ZM27.27 27a10.26 10.26 0 1 1 0-14.5 10.25 10.25 0 0 1 0 14.5Z"
+					})])], -1), re(s("input", {
+						type: "search",
+						class: "g-filter-search-input",
+						"onUpdate:modelValue": (t) => f.value[e.key] = t,
+						placeholder: e.filter.placeholder,
+						"aria-label": `Search ${e.label}`
+					}, null, 8, na), [[ee, f.value[e.key]]])])) : e.filter.type === "toggle" ? (w(), o("div", ra, [s("div", ia, [
+						re(s("input", {
+							type: "checkbox",
+							"onUpdate:modelValue": (t) => f.value[e.key] = t,
+							id: `${L(J)}-filter-${String(e.key)}`,
+							"aria-describedby": e.filter.description ? `${L(J)}-filter-description-${String(e.key)}` : void 0
+						}, null, 8, aa), [[U, f.value[e.key]]]),
+						s("label", { for: `${L(J)}-filter-${String(e.key)}` }, N(e.filter.label), 9, oa),
+						e.filter.description ? (w(), o("span", {
+							key: 0,
+							class: "g-filter-description",
+							id: `${L(J)}-filter-description-${String(e.key)}`
+						}, N(e.filter.description), 9, sa)) : a("", !0)
+					])])) : e.filter.type === "multi-select" && e.filter.searchable ? (w(), i(br, {
+						key: 3,
+						modelValue: f.value[e.key],
+						"onUpdate:modelValue": (t) => f.value[e.key] = t,
+						options: e.filter.options,
+						label: "Include values",
+						placeholder: e.filter.placeholder,
+						"search-description": e.filter.searchDescription,
+						class: "g-multi-select-searchable"
+					}, null, 8, [
+						"modelValue",
+						"onUpdate:modelValue",
+						"options",
+						"placeholder",
+						"search-description"
+					])) : e.filter.type === "multi-select" ? (w(), o("div", ca, [l(jr, {
+						modelValue: f.value[e.key],
+						"onUpdate:modelValue": (t) => f.value[e.key] = t,
+						options: rt(e),
+						label: "Include values"
+					}, null, 8, [
+						"modelValue",
+						"onUpdate:modelValue",
+						"options"
+					]), f.value[e.key]?.length ? (w(), i(Q, {
 						key: 0,
-						class: "g-filter-description",
-						id: `${L(Y)}-filter-description-${String(e.key)}`
-					}, N(e.filter.description), 9, oa)) : a("", !0)
-				])])) : e.filter.type === "multi-select" && e.filter.searchable ? (w(), i(br, {
-					key: 3,
-					modelValue: f.value[e.key],
-					"onUpdate:modelValue": (t) => f.value[e.key] = t,
-					options: e.filter.options,
-					label: "Include values",
-					placeholder: e.filter.placeholder,
-					"search-description": e.filter.searchDescription,
-					class: "g-multi-select-searchable"
-				}, null, 8, [
-					"modelValue",
-					"onUpdate:modelValue",
-					"options",
-					"placeholder",
-					"search-description"
-				])) : e.filter.type === "multi-select" ? (w(), o("div", sa, [l(jr, {
-					modelValue: f.value[e.key],
-					"onUpdate:modelValue": (t) => f.value[e.key] = t,
-					options: Fe(e),
-					label: "Include values"
-				}, null, 8, [
-					"modelValue",
-					"onUpdate:modelValue",
-					"options"
-				]), f.value[e.key]?.length ? (w(), i($, {
+						class: "clear-multiselect-btn",
+						theme: "accent",
+						size: "small",
+						onClick: (t) => f.value[e.key] = []
+					}, {
+						default: G(() => [...r[16] ||= [c(" Clear ", -1)]]),
+						_: 1
+					}, 8, ["onClick"])) : a("", !0)])) : a("", !0)]),
+					_: 2
+				}, 1024)) : a("", !0)]), t.resizableColumns ? (w(), o("div", {
 					key: 0,
-					class: "clear-multiselect-btn",
-					theme: "accent",
-					size: "small",
-					onClick: (t) => f.value[e.key] = []
-				}, {
-					default: K(() => [...r[15] ||= [c(" Clear ", -1)]]),
-					_: 1
-				}, 8, ["onClick"])) : a("", !0)])) : a("", !0)]),
-				_: 2
-			}, 1024)) : a("", !0)])], 10, qi))), 128))])]), l(ir, {
-				data: t.data,
-				columns: we.value,
-				"group-by": t.groupBy,
-				"group-render": t.groupRender,
-				"row-clickable": t.rowClickable,
-				"row-class": t.rowClass,
-				"start-index": t.startIndex,
-				"bulk-selection-enabled": t.bulkSelectionEnabled,
-				"selected-rows": m.value,
-				"table-id": L(Y),
-				"change-tracker": t.changeTracker,
-				onRowClick: ee,
-				onToggleRow: H,
-				onCellChange: te
-			}, null, 8, [
-				"data",
-				"columns",
-				"group-by",
-				"group-render",
-				"row-clickable",
-				"row-class",
-				"start-index",
-				"bulk-selection-enabled",
-				"selected-rows",
-				"table-id",
-				"change-tracker"
-			])], 8, Hi)]),
-			t.bulkSelectionEnabled && m.value.length > 0 ? (w(), o("div", ca, [s("span", la, N(m.value.length) + " row" + N(m.value.length === 1 ? "" : "s") + " selected", 1), s("ul", ua, [(w(!0), o(e, null, O(t.bulkActions, (e) => (w(), o("li", { key: e.id }, [l($, {
+					"data-column-key": String(e.key),
+					class: _(["g-column-resize-handle", { "g-column-resize-handle--active": Y.value?.key === e.key }]),
+					role: "separator",
+					tabindex: "0",
+					"aria-orientation": "vertical",
+					"aria-controls": ue,
+					"aria-label": `Resize ${e.label} column`,
+					"aria-valuemin": 50,
+					"aria-valuemax": Fe(e.key),
+					"aria-valuenow": Ue(e.key),
+					"aria-valuetext": We(e.key),
+					onClick: r[0] ||= K(() => {}, ["stop", "prevent"]),
+					onKeydown: (t) => Ve(t, e.key),
+					onPointerdown: (t) => Be(t, e.key)
+				}, null, 42, la)) : a("", !0)], 10, Ji))), 128))])]),
+				l(ir, {
+					data: t.data,
+					columns: Ke.value,
+					"group-by": t.groupBy,
+					"group-render": t.groupRender,
+					"row-clickable": t.rowClickable,
+					"row-class": t.rowClass,
+					"start-index": t.startIndex,
+					"bulk-selection-enabled": t.bulkSelectionEnabled,
+					"selected-rows": m.value,
+					"table-id": L(J),
+					"change-tracker": t.changeTracker,
+					onRowClick: W,
+					onToggleRow: te,
+					onCellChange: ie
+				}, null, 8, [
+					"data",
+					"columns",
+					"group-by",
+					"group-render",
+					"row-clickable",
+					"row-class",
+					"start-index",
+					"bulk-selection-enabled",
+					"selected-rows",
+					"table-id",
+					"change-tracker"
+				])
+			], 10, Vi)], 512),
+			t.bulkSelectionEnabled && m.value.length > 0 ? (w(), o("div", ua, [s("span", da, N(m.value.length) + " row" + N(m.value.length === 1 ? "" : "s") + " selected", 1), s("ul", fa, [(w(!0), o(e, null, O(t.bulkActions, (e) => (w(), o("li", { key: e.id }, [l(Q, {
 				theme: e.theme || "accent",
-				onClick: (t) => G(e.id),
+				onClick: (t) => ne(e.id),
 				size: "small"
 			}, {
-				default: K(() => [c(N(e.label) + " " + N(m.value.length) + " row" + N(m.value.length === 1 ? "" : "s"), 1)]),
+				default: G(() => [c(N(e.label) + " " + N(m.value.length) + " row" + N(m.value.length === 1 ? "" : "s"), 1)]),
 				_: 2
 			}, 1032, ["theme", "onClick"])]))), 128))])])) : a("", !0)
 		]));
 	}
-}), fa = ["id"], pa = { class: "g-modal-inner" }, ma = { class: "g-modal-header" }, ha = ["id"], ga = ["id"], _a = /* @__PURE__ */ u({
+}), ma = ["id"], ha = { class: "g-modal-inner" }, ga = { class: "g-modal-header" }, _a = ["id"], va = ["id"], ya = /* @__PURE__ */ u({
 	__name: "GModal",
 	props: {
 		label: {},
@@ -3789,7 +3920,7 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 			name: "g-fade",
 			appear: ""
 		}, {
-			default: K(() => [s("div", h({
+			default: G(() => [s("div", h({
 				id: "modal-" + L(m),
 				class: ["g-modal", E.value],
 				role: "dialog",
@@ -3802,12 +3933,12 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 				ref_key: "dialog",
 				ref: f,
 				style: { zIndex: L(y) }
-			}), [s("div", pa, [s("div", ma, [e.hiddenLabel ? a("", !0) : (w(), o("h2", {
+			}), [s("div", ha, [s("div", ga, [e.hiddenLabel ? a("", !0) : (w(), o("h2", {
 				key: 0,
 				id: "modal-label-" + L(m),
 				class: "g-modal-label",
 				tabindex: "-1"
-			}, N(e.label), 9, ha)), s("button", {
+			}, N(e.label), 9, _a)), s("button", {
 				class: "g-modal-close",
 				onClick: T,
 				"aria-label": "Close"
@@ -3822,19 +3953,19 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 			})], -1)]])]), s("div", {
 				id: "modal-description-" + L(m),
 				class: "g-modal-content"
-			}, [k(r.$slots, "default")], 8, ga)])], 16, fa)]),
+			}, [k(r.$slots, "default")], 8, va)])], 16, ma)]),
 			_: 3
 		})]));
 	}
-}), va = [
+}), ba = [
 	"id",
 	"aria-expanded",
 	"aria-label",
 	"aria-controls"
-], ya = {
+], xa = {
 	key: 0,
 	class: "g-hamburger-label"
-}, ba = /* @__PURE__ */ u({
+}, Sa = /* @__PURE__ */ u({
 	__name: "GHamburgerMenu",
 	props: {
 		label: { default: "Main Navigation" },
@@ -3847,7 +3978,7 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 	},
 	emits: ["toggle"],
 	setup(e, { emit: t }) {
-		let n = e, r = p("sidebar") ?? (de() ? 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();
 		}
@@ -3870,34 +4001,34 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 			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", ya, N(e.label), 1)) : a("", !0)], 42, va));
+		}, [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", xa, N(e.label), 1)) : a("", !0)], 42, ba));
 	}
-}), xa = /* @__PURE__ */ u({
+}), Ca = /* @__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));
 	}
-}), Sa = { class: "g-detail-list-item" }, Ca = { class: "g-detail-list-item__label" }, wa = { class: "g-detail-list-item__value" }, Ta = /* @__PURE__ */ u({
+}), wa = { class: "g-detail-list-item" }, Ta = { class: "g-detail-list-item__label" }, Ea = { class: "g-detail-list-item__value" }, Da = /* @__PURE__ */ u({
 	__name: "GDetailListItem",
 	props: { label: {} },
 	setup(e) {
-		return (t, n) => (w(), o("div", Sa, [s("dt", Ca, [k(t.$slots, "label", {}, () => [c(N(e.label), 1)])]), s("dd", wa, [k(t.$slots, "default")])]));
+		return (t, n) => (w(), o("div", wa, [s("dt", Ta, [k(t.$slots, "label", {}, () => [c(N(e.label), 1)])]), s("dd", Ea, [k(t.$slots, "default")])]));
 	}
-}), Ea = {
+}), Oa = {
 	key: 0,
 	class: "g-scroll-lock-overlay"
-}, Da = /* @__PURE__ */ u({
+}, ka = /* @__PURE__ */ u({
 	__name: "GOverlay",
 	setup(e) {
 		let { hasScrollLock: t } = Je();
 		return (e, r) => (w(), i(n, { name: "g-fade" }, {
-			default: K(() => [L(t) ? (w(), o("div", Ea)) : a("", !0)]),
+			default: G(() => [L(t) ? (w(), o("div", Oa)) : a("", !0)]),
 			_: 1
 		}));
 	}
-}), Oa = { class: "popover-content" }, ka = { class: "year-dropdown" }, Aa = { class: "month-selector" }, ja = /* @__PURE__ */ u({
+}), Aa = { class: "popover-content" }, ja = { class: "year-dropdown" }, Ma = { class: "month-selector" }, Na = /* @__PURE__ */ u({
 	__name: "GTermSelectorControl",
 	props: /*@__PURE__*/ m({
 		termYears: { default: () => ["2026"] },
@@ -3918,7 +4049,7 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = B(e, "modelValue");
-		return (n, r) => (w(), o("div", Oa, [s("div", ka, [l(Kt, {
+		return (n, r) => (w(), o("div", Aa, [s("div", ja, [l(Kt, {
 			modelValue: t.value.year,
 			"onUpdate:modelValue": r[0] ||= (e) => t.value.year = e,
 			options: e.termYears,
@@ -3927,7 +4058,7 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 			"modelValue",
 			"options",
 			"label"
-		])]), s("div", Aa, [l(xt, {
+		])]), s("div", Ma, [l(xt, {
 			modelValue: t.value.name,
 			"onUpdate:modelValue": r[1] ||= (e) => t.value.name = e,
 			options: e.termNames,
@@ -3939,10 +4070,10 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 			"label"
 		])])]));
 	}
-}), Ma = { class: "g-term-selector" }, Na = { class: "g-term-label" }, Pa = {
+}), Pa = { class: "g-term-selector" }, Fa = { class: "g-term-label" }, Ia = {
 	class: "g-popover-title",
 	tabindex: "-1"
-}, Fa = /* @__PURE__ */ u({
+}, La = /* @__PURE__ */ u({
 	__name: "GTermSelector",
 	props: /*@__PURE__*/ m({
 		heading: { default: "Period Selection" },
@@ -3964,20 +4095,20 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = B(e, "modelValue");
-		return (n, r) => (w(), o("div", Ma, [l(ot, null, {
-			trigger: K(({ toggle: e }) => [l($, {
+		return (n, r) => (w(), o("div", Pa, [l(ot, null, {
+			trigger: G(({ toggle: e }) => [l(Q, {
 				class: "g-term-selector-button",
 				theme: "none",
 				outlined: "",
 				onClick: e
 			}, {
-				default: K(() => [
+				default: G(() => [
 					r[0] ||= s("span", { class: "g-calendar-icon" }, [s("svg", {
 						role: "none",
 						xmlns: "http://www.w3.org/2000/svg",
 						viewBox: "0 0 640 640"
 					}, [s("path", { d: "M224 64C206.3 64 192 78.3 192 96L192 128L160 128C124.7 128 96 156.7 96 192L96 240L544 240L544 192C544 156.7 515.3 128 480 128L448 128L448 96C448 78.3 433.7 64 416 64C398.3 64 384 78.3 384 96L384 128L256 128L256 96C256 78.3 241.7 64 224 64zM96 288L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 288L96 288z" })])], -1),
-					s("span", Na, N(t.value?.name) + " " + N(t.value?.year), 1),
+					s("span", Fa, 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",
@@ -3986,15 +4117,15 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 				]),
 				_: 1
 			}, 8, ["onClick"])]),
-			default: K(() => [s("h2", Pa, N(e.heading), 1), l(ja, v(f(n.$props)), null, 16)]),
+			default: G(() => [s("h2", Ia, N(e.heading), 1), l(Na, v(f(n.$props)), null, 16)]),
 			_: 1
 		})]));
 	}
-}), Ia = { class: "g-user-menu" }, La = [
+}), Ra = { class: "g-user-menu" }, za = [
 	"aria-label",
 	"aria-expanded",
 	"onClick"
-], Ra = { class: "g-user-menu__popover" }, za = { class: "g-user-menu__list" }, Ba = /* @__PURE__ */ u({
+], Ba = { class: "g-user-menu__popover" }, Va = { class: "g-user-menu__list" }, Ha = /* @__PURE__ */ u({
 	__name: "GUserMenu",
 	props: {
 		initials: {},
@@ -4006,20 +4137,20 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 		let n = `${z()}-email`, r = D(!1), a = H("emailHeading");
 		d()?.appContext?.components?.RouterLink;
 		let c = V();
-		return (u, d) => (w(), o("div", Ia, [l(ot, {
+		return (u, d) => (w(), o("div", Ra, [l(ot, {
 			modelValue: r.value,
 			"onUpdate:modelValue": d[0] ||= (e) => r.value = e,
 			minimal: ""
 		}, {
-			trigger: K(({ toggle: e }) => [s("button", {
+			trigger: G(({ toggle: e }) => [s("button", {
 				class: "g-user-menu__avatar",
 				style: y({ backgroundColor: t.color }),
 				"aria-label": t.initials + " - " + t.label,
 				"aria-expanded": r.value,
 				"aria-haspopup": "menu",
 				onClick: e
-			}, N(t.initials), 13, La)]),
-			default: K(() => [s("div", Ra, [s("h2", {
+			}, N(t.initials), 13, za)]),
+			default: G(() => [s("div", Ba, [s("h2", {
 				id: n,
 				ref_key: "emailHeading",
 				ref: a,
@@ -4028,11 +4159,11 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 			}, N(t.email), 513), s("nav", {
 				class: "g-user-menu__nav",
 				"aria-labelledby": n
-			}, [s("ul", za, [(w(!0), o(e, null, O(c.default(), (e, t) => (w(), o("li", { key: t }, [(w(), i(A(e)))]))), 128))])])])]),
+			}, [s("ul", Va, [(w(!0), o(e, null, O(c.default(), (e, t) => (w(), o("li", { key: t }, [(w(), i(A(e)))]))), 128))])])])]),
 			_: 1
 		}, 8, ["modelValue"])]));
 	}
-}), Va = /* @__PURE__ */ u({
+}), Ua = /* @__PURE__ */ u({
 	__name: "GCurrencyInput",
 	props: /*@__PURE__*/ m({
 		label: { default: void 0 },
@@ -4083,7 +4214,7 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 			"form-key"
 		]));
 	}
-}), Ha = /* @__PURE__ */ u({
+}), Wa = /* @__PURE__ */ u({
 	__name: "GEmailInput",
 	props: /*@__PURE__*/ m({
 		label: { default: void 0 },
@@ -4128,13 +4259,13 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 			"instructions"
 		]));
 	}
-}), Ua = ["for"], Wa = {
+}), Ga = ["for"], Ka = {
 	key: 0,
 	class: "g-file-input-required"
-}, Ga = {
+}, qa = {
 	key: 0,
 	class: "g-file-input-box-header"
-}, Ka = ["id"], qa = [
+}, Ja = ["id"], Ya = [
 	"id",
 	"disabled",
 	"required",
@@ -4143,11 +4274,11 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 	"aria-invalid",
 	"aria-describedby",
 	"aria-errormessage"
-], Ja = {
+], Xa = {
 	key: 1,
 	class: "g-file-input-pills",
 	"aria-label": "Selected files"
-}, Ya = /* @__PURE__ */ u({
+}, Za = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GFileInput",
 	props: /*@__PURE__*/ m({
@@ -4177,7 +4308,7 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 	}),
 	emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
 	setup(t, { emit: n }) {
-		let i = t, u = B(t, "modelValue"), d = z(), { displayErrors: f } = Ae({
+		let i = t, u = B(t, "modelValue"), d = z(), { displayErrors: f } = $({
 			name: i.name,
 			value: u,
 			errors: F(i, "errors"),
@@ -4204,12 +4335,12 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 				key: 0,
 				for: L(d),
 				class: "g-file-input-label"
-			}, [c(N(t.label) + " ", 1), t.required ? (w(), o("span", Wa, "*")) : a("", !0)], 8, Ua)) : a("", !0),
+			}, [c(N(t.label) + " ", 1), t.required ? (w(), o("span", Ka, "*")) : a("", !0)], 8, Ga)) : a("", !0),
 			s("div", { class: _(["g-file-input-box", { "g-file-input-box--disabled": t.disabled }]) }, [
-				t.instructions ? (w(), o("div", Ga, [s("span", {
+				t.instructions ? (w(), o("div", qa, [s("span", {
 					id: "instructions-" + L(d),
 					class: "g-file-input-instructions"
-				}, N(t.instructions), 9, Ka)])) : a("", !0),
+				}, N(t.instructions), 9, Ja)])) : a("", !0),
 				s("input", {
 					id: L(d),
 					type: "file",
@@ -4222,8 +4353,8 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 					"aria-describedby": t.instructions ? "instructions-" + L(d) : void 0,
 					"aria-errormessage": y.value ? "error-message-" + L(d) : void 0,
 					onChange: g
-				}, null, 40, qa),
-				t.multiple && b.value.length > 0 ? (w(), o("ul", Ja, [(w(!0), o(e, null, O(b.value, (e) => (w(), o("li", {
+				}, null, 40, Ya),
+				t.multiple && b.value.length > 0 ? (w(), o("ul", Xa, [(w(!0), o(e, null, O(b.value, (e) => (w(), o("li", {
 					key: e,
 					class: "g-file-input-pill"
 				}, [r[0] ||= s("svg", {
@@ -4239,7 +4370,7 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), Xa = /* @__PURE__ */ u({
+}), Qa = /* @__PURE__ */ u({
 	__name: "GDateInput",
 	props: /*@__PURE__*/ m({
 		label: { default: void 0 },
@@ -4287,21 +4418,21 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 			"form-key"
 		]));
 	}
-}), Za = { class: "g-date-range-input" }, Qa = {
+}), $a = { class: "g-date-range-input" }, eo = {
 	key: 0,
 	class: "g-date-range-input__label"
-}, $a = {
+}, to = {
 	key: 0,
 	class: "g-date-range-input__required",
 	"aria-hidden": "true"
-}, eo = {
+}, no = {
 	key: 1,
 	class: "g-date-range-input__instructions"
-}, to = { class: "g-date-range-input__fields" }, no = {
+}, ro = { class: "g-date-range-input__fields" }, io = {
 	key: 2,
 	class: "g-date-range-input__errors",
 	role: "alert"
-}, ro = /* @__PURE__ */ u({
+}, ao = /* @__PURE__ */ u({
 	__name: "GDateRangeInput",
 	props: /*@__PURE__*/ m({
 		label: { default: void 0 },
@@ -4328,23 +4459,23 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 	}),
 	emits: ["update:modelValue"],
 	setup(t) {
-		let n = t, r = B(t, "modelValue"), i = D(r.value.start || null), u = D(r.value.end || null), { displayErrors: d } = Ae({
+		let n = t, r = B(t, "modelValue"), i = D(r.value.start || null), u = D(r.value.end || null), { displayErrors: d } = $({
 			name: n.name,
 			value: r,
 			errors: F(n, "errors"),
 			formKey: n.formKey
 		});
-		return G([i, u], () => {
+		return W([i, u], () => {
 			r.value = {
 				start: i.value,
 				end: u.value
 			};
-		}), G(r, (e) => {
+		}), W(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", Za, [
-			n.label ? (w(), o("div", Qa, [c(N(n.label), 1), n.required ? (w(), o("span", $a, " *")) : a("", !0)])) : a("", !0),
-			n.instructions ? (w(), o("div", eo, N(n.instructions), 1)) : a("", !0),
-			s("div", to, [l(Xa, {
+		}, { deep: !0 }), (t, r) => (w(), o("div", $a, [
+			n.label ? (w(), o("div", eo, [c(N(n.label), 1), n.required ? (w(), o("span", to, " *")) : a("", !0)])) : a("", !0),
+			n.instructions ? (w(), o("div", no, N(n.instructions), 1)) : a("", !0),
+			s("div", ro, [l(Qa, {
 				modelValue: i.value,
 				"onUpdate:modelValue": r[0] ||= (e) => i.value = e,
 				label: n.startLabel,
@@ -4356,7 +4487,7 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 				"label",
 				"disabled",
 				"required"
-			]), l(Xa, {
+			]), l(Qa, {
 				modelValue: u.value,
 				"onUpdate:modelValue": r[1] ||= (e) => u.value = e,
 				label: n.endLabel,
@@ -4369,13 +4500,13 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 				"disabled",
 				"required"
 			])]),
-			L(d).length > 0 ? (w(), o("div", no, [(w(!0), o(e, null, O(L(d), (e, t) => (w(), o("div", {
+			L(d).length > 0 ? (w(), o("div", io, [(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)
 		]));
 	}
-}), io = ["action", "method"], ao = /* @__PURE__ */ u({
+}), oo = ["action", "method"], so = /* @__PURE__ */ u({
 	__name: "GForm",
 	props: /*@__PURE__*/ m({
 		action: { default: void 0 },
@@ -4387,10 +4518,10 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 	}),
 	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 ?? (de() ? ke(n.formKey) : De());
-		a || T("form", s), G(() => s.values.value, (e) => {
+		let n = e, r = B(e, "modelValue"), i = t, a = p("form", null), s = a ?? (Z() ? Ae(n.formKey) : Oe());
+		a || T("form", s), W(() => s.values.value, (e) => {
 			r.value = { ...e };
-		}, { deep: !0 }), G(() => r.value, (e) => {
+		}, { deep: !0 }), W(() => r.value, (e) => {
 			e && Object.entries(e).forEach(([e, t]) => {
 				let n = s.fields[e];
 				n && n.value.value !== t && (n.value.value = t);
@@ -4415,9 +4546,9 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 			hasErrors: L(s).hasErrors.value,
 			values: L(s).values.value,
 			errors: L(s).errors.value
-		})], 40, io));
+		})], 40, oo));
 	}
-}), oo = /* @__PURE__ */ u({
+}), co = /* @__PURE__ */ u({
 	__name: "GSubmitButton",
 	props: {
 		disabled: {
@@ -4429,22 +4560,22 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 		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) ?? (de() ? ke(o) : null), u = r(() => t.disabled || (l?.isSubmitting.value ?? !1)), d = r(() => l?.isSubmitting.value ?? !1);
-		return (e, n) => (w(), i($, {
+		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,
 			variant: t.variant,
 			class: "g-submit-button"
 		}, {
-			default: K(() => [ne(s("span", null, N(t.loadingText), 513), [[ee, d.value]]), ne(s("span", null, [k(e.$slots, "default", {}, () => [n[0] ||= c("Submit", -1)])], 512), [[ee, !d.value]])]),
+			default: G(() => [re(s("span", null, N(t.loadingText), 513), [[te, d.value]]), re(s("span", null, [k(e.$slots, "default", {}, () => [n[0] ||= c("Submit", -1)])], 512), [[te, !d.value]])]),
 			_: 3
 		}, 8, ["disabled", "variant"]));
 	}
-}), so = ["for"], co = {
+}), lo = ["for"], uo = {
 	key: 0,
 	class: "g-textarea-required",
 	"aria-hidden": "true"
-}, lo = ["id"], uo = [
+}, fo = ["id"], po = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -4453,11 +4584,11 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 	"rows",
 	"maxlength",
 	"aria-invalid"
-], fo = {
+], mo = {
 	key: 2,
 	class: "g-textarea-char-count",
 	"aria-live": "polite"
-}, po = /* @__PURE__ */ u({
+}, ho = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "GTextarea",
 	props: /*@__PURE__*/ m({
@@ -4491,7 +4622,7 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 	}),
 	emits: /*@__PURE__*/ m(["change"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, i = B(e, "modelValue"), u = z(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = fe({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: v, hasErrors: y } = Ae({
+		let n = e, i = B(e, "modelValue"), u = z(), { attrs: d, isCustomElement: f, forwardedAttrs: p } = pe({ omitInCustomElement: ["id"] }), m = r(() => f ? u : d.id || u), { displayErrors: v, hasErrors: y } = $({
 			name: n.name,
 			value: i,
 			errors: F(n, "errors"),
@@ -4501,7 +4632,7 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 			let e = x.value;
 			e && (e.style.height = "auto", e.style.height = `${e.scrollHeight}px`);
 		}
-		G(() => i.value, () => {
+		W(() => i.value, () => {
 			n.autoGrow && g(S);
 		});
 		function C(e) {
@@ -4531,12 +4662,12 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 				key: 0,
 				for: m.value,
 				class: "g-textarea-label"
-			}, [c(N(n.label), 1), n.required ? (w(), o("span", co, " *")) : a("", !0)], 8, so)) : a("", !0),
+			}, [c(N(n.label), 1), n.required ? (w(), o("span", uo, " *")) : a("", !0)], 8, lo)) : 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, lo)) : a("", !0),
+			}, [k(t.$slots, "instructions", {}, () => [c(N(e.instructions), 1)])], 8, fo)) : a("", !0),
 			s("textarea", h({
 				ref: "textareaEl",
 				value: i.value ?? "",
@@ -4557,8 +4688,8 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 				onInput: T,
 				onBlur: E,
 				onPaste: D
-			}), null, 16, uo),
-			n.maxlength === void 0 ? a("", !0) : (w(), o("div", fo, N((i.value ?? "").length) + " / " + N(n.maxlength), 1)),
+			}), null, 16, po),
+			n.maxlength === void 0 ? a("", !0) : (w(), o("div", mo, N((i.value ?? "").length) + " / " + N(n.maxlength), 1)),
 			l(Me, {
 				errors: L(v),
 				id: "error-message-" + L(u)
@@ -4568,18 +4699,18 @@ var si = { class: "g-table-outer-wrap" }, ci = {
 });
 //#endregion
 //#region src/compose/useActiveLink.ts
-function mo(e, t, n) {
+function go(e, t, n) {
 	let r = [
 		0,
 		.25,
 		.5,
 		.75,
 		1
-	], i = `${-t}px 0px 0px 0px`, a = /* @__PURE__ */ new Map(), o = D(Array.from(X(e)?.children || []));
-	se(e, () => {
-		o.value = Array.from(X(e)?.children || []);
+	], i = `${-t}px 0px 0px 0px`, a = /* @__PURE__ */ new Map(), o = D(Array.from(J(e)?.children || []));
+	ue(e, () => {
+		o.value = Array.from(J(e)?.children || []);
 	}, { childList: !0 });
-	let { stop: s } = Q(o, (e) => {
+	let { stop: s } = le(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;
@@ -4598,8 +4729,8 @@ function mo(e, t, n) {
 }
 //#endregion
 //#region src/compose/useSidebar.ts
-function ho(e = "(max-width: 800px)") {
-	let t = z(), n = D(!1), r = oe(e, { ssrWidth: 1e3 });
+function _o(e = "(max-width: 800px)") {
+	let t = z(), n = D(!1), r = Y(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`);
@@ -4615,7 +4746,7 @@ function ho(e = "(max-width: 800px)") {
 		}, 5));
 	}
 	return S(() => {
-		G(r, (e) => {
+		W(r, (e) => {
 			e ? (document.addEventListener("mousedown", i), document.addEventListener("focusin", a)) : (document.removeEventListener("mousedown", i), document.removeEventListener("focusin", a));
 		}, { immediate: !0 });
 	}), x(() => {
@@ -4629,8 +4760,8 @@ function ho(e = "(max-width: 800px)") {
 }
 //#endregion
 //#region src/compose/useTableChanges.ts
-function go() {
-	let e = j(/* @__PURE__ */ new Map()), t = re(), n = (n) => {
+function vo() {
+	let e = j(/* @__PURE__ */ new Map()), t = ie(), 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;
@@ -4732,6 +4863,6 @@ function go() {
 	};
 }
 //#endregion
-export { ke as $, Un as A, Kt as B, ii as C, jr as D, oi as E, gn as F, ot as G, Et as H, mn as I, $e as J, tt as K, pn as L, Cn as M, xn as N, br as O, bn as P, Ae as Q, un as R, ti as S, ai as T, xt as U, Mt as V, mt as W, Je as X, qe as Y, ze as Z, xa as _, oo as a, da as b, Xa as c, Va as d, De as et, Ba as f, Ta as g, Da as h, po as i, $ as it, On as j, ir as k, Ya as l, ja as m, ho as n, be as nt, ao as o, Fa as p, et as q, mo as r, ye as rt, ro as s, go as t, Ee as tt, Ha as u, ba as v, ni as w, ri as x, _a as y, nn as z };
+export { Ae as $, Un as A, Kt as B, ii as C, jr as D, oi as E, gn as F, ot as G, Et as H, mn as I, $e as J, tt as K, pn as L, Cn as M, xn as N, br as O, bn as P, $ as Q, un as R, ti as S, ai as T, xt as U, Mt as V, mt as W, Je as X, qe as Y, ze as Z, Ca as _, co as a, pa as b, Qa as c, Ua as d, Oe as et, Ha as f, Da as g, ka as h, ho as i, Q as it, On as j, ir as k, Za as l, Na as m, _o as n, xe as nt, so as o, La as p, et as q, go as r, be as rt, ao as s, vo as t, De as tt, Wa as u, Sa as v, ni as w, ri as x, ya as y, nn as z };
 
-//# sourceMappingURL=grad-vue-DId9tLsv.js.map
+//# sourceMappingURL=grad-vue-qPzpBTuo.js.map