@shtabapp/ui-kit 1.79.0 → 1.80.0

package/dist/{STable-BTKXjbrB.js → STable-Dbr1oX01.js}

@@ -1,19 +1,19 @@
 import { n as e, t } from "./contrastSurfaceTextColor-BDlLSSXC.js";
 import { t as n } from "./colorValue-CSh0chxp.js";
-import { i as r, n as i, r as a, t as o } from "./SButton-B21hubD2.js";
+import { i as r, n as i, r as a, t as o } from "./SButton-D-dmK8Cm.js";
 import { i as s, t as c } from "./SCheckbox-Dulusx5v.js";
 import { s as l } from "./useFloatingOverlay-TxzVisMJ.js";
-import { t as u } from "./SDropdown-DvPW3_WP.js";
+import { t as u } from "./SDropdown-aWjZrahp.js";
 import { t as d } from "./SDropdownMenu-2koPU6IG.js";
 import { a as f, o as p, r as m } from "./treeKeyboardNavigation-SmxTdnDz.js";
-import { t as h } from "./SListItem-B3MQgu4Q.js";
+import { t as h } from "./SListItem-Bw0OXPVk.js";
 import { n as g, r as _, t as v } from "./SToggle-MSdprnRP.js";
-import { Fragment as y, computed as b, createBlock as x, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createSlots as T, createTextVNode as E, createVNode as D, defineComponent as O, isMemoSame as k, markRaw as A, mergeModels as j, mergeProps as M, nextTick as ee, normalizeClass as N, normalizeStyle as P, onBeforeUnmount as F, onMounted as I, openBlock as L, ref as R, renderList as z, renderSlot as B, shallowRef as V, toDisplayString as H, toRaw as te, toValue as U, unref as W, useId as ne, useModel as re, useSlots as ie, useTemplateRef as ae, watch as G, withCtx as K, withModifiers as oe } from "vue";
-import { ESSkeletonType as se, SIcon as ce, SSeparator as le, SSkeleton as ue, useUiKitI18n as de } from "@shtabapp/ui-kit-primitives";
-import { tryOnScopeDispose as fe, useElementSize as pe, useEventListener as me, useRafFn as he, useResizeObserver as ge, useTimeoutFn as _e } from "@vueuse/core";
+import { Fragment as y, computed as b, createBlock as x, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createSlots as T, createTextVNode as E, createVNode as D, defineComponent as O, isMemoSame as k, markRaw as A, mergeModels as j, mergeProps as M, nextTick as ee, normalizeClass as N, normalizeStyle as P, onBeforeUnmount as F, onMounted as te, openBlock as I, ref as L, renderList as R, renderSlot as z, shallowRef as B, toDisplayString as V, toRaw as ne, toValue as H, unref as U, useId as re, useModel as ie, useSlots as ae, useTemplateRef as oe, watch as W, withCtx as G, withModifiers as se } from "vue";
+import { ESSkeletonType as ce, SIcon as le, SSeparator as ue, SSkeleton as de, useUiKitI18n as fe } from "@shtabapp/ui-kit-primitives";
+import { tryOnScopeDispose as pe, useElementSize as me, useEventListener as K, useRafFn as he, useResizeObserver as ge, useTimeoutFn as _e } from "@vueuse/core";
 import { elementScroll as ve, observeElementOffset as ye, useVirtualizer as be } from "@tanstack/vue-virtual";
-import { combine as q } from "@atlaskit/pragmatic-drag-and-drop/combine";
-import { draggable as xe, dropTargetForElements as Se, monitorForElements as Ce } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
+import { combine as xe } from "@atlaskit/pragmatic-drag-and-drop/combine";
+import { draggable as q, dropTargetForElements as Se, monitorForElements as Ce } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
 import { setCustomNativeDragPreview as we } from "@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview";
 import { pointerOutsideOfPreview as Te } from "@atlaskit/pragmatic-drag-and-drop/element/pointer-outside-of-preview";
 import { attachClosestEdge as Ee, extractClosestEdge as De } from "@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge";
@@ -61,20 +61,20 @@ var J = /* @__PURE__ */ function(e) {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = re(e, "modelValue"), n = ae("checkboxRef");
-		return G([n, () => e.screenReaderLabel], () => {
+		let t = ie(e, "modelValue"), n = oe("checkboxRef");
+		return W([n, () => e.screenReaderLabel], () => {
 			let t = n.value?.$el, r = t instanceof HTMLElement ? t.querySelector("input") : void 0;
 			r && (r.tabIndex = -1, r.setAttribute("aria-label", e.screenReaderLabel));
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), (r, i) => (L(), x(W(c), {
+		}), (r, i) => (I(), x(U(c), {
 			ref_key: "checkboxRef",
 			ref: n,
 			modelValue: t.value,
 			"onUpdate:modelValue": i[0] ||= (e) => t.value = e,
 			indeterminate: e.indeterminate,
-			size: W(s).EXTRA_SMALL
+			size: U(s).EXTRA_SMALL
 		}, null, 8, [
 			"modelValue",
 			"indeterminate",
@@ -102,7 +102,7 @@ var J = /* @__PURE__ */ function(e) {
 		focusColumnKey: {}
 	},
 	setup(e) {
-		return (t, n) => (L(), C("tr", null, [(L(!0), C(y, null, z(e.cells, ({ key: n, cellPlan: r }) => (L(), C(y, { key: n }, [r ? (L(), C("td", {
+		return (t, n) => (I(), C("tr", null, [(I(!0), C(y, null, R(e.cells, ({ key: n, cellPlan: r }) => (I(), C(y, { key: n }, [r ? (I(), C("td", {
 			key: 1,
 			id: `${e.cellIdPrefix}${e.rowKey ?? ""}-${r.descriptor.key}`,
 			class: N([r.cellClass, e.cellClass]),
@@ -112,11 +112,11 @@ var J = /* @__PURE__ */ function(e) {
 			"data-row-key": e.rowKey,
 			"data-section": e.section,
 			tabindex: r.descriptor.key === e.focusColumnKey ? 0 : -1
-		}, [r.descriptor.key === e.contentColumnKey ? (L(), C("div", {
+		}, [r.descriptor.key === e.contentColumnKey ? (I(), C("div", {
 			key: 0,
 			class: N(e.contentClass),
 			style: P(e.contentStyle)
-		}, [B(t.$slots, "default")], 6)) : S("", !0)], 14, Ge)) : (L(), C("td", {
+		}, [z(t.$slots, "default")], 6)) : S("", !0)], 14, Ge)) : (I(), C("td", {
 			key: 0,
 			class: N([
 				"s-ui-table__cell",
@@ -165,10 +165,10 @@ var J = /* @__PURE__ */ function(e) {
 	});
 }, ct = ({ columns: e, columnOrder: t, columnWidths: n, hiddenColumns: r, hasIndicator: i, hasCheckbox: a, hasRightEdge: o, hasColumnsManager: s, columnsManagerWidth: c = 32, columnsResizable: l, columnsDraggable: u, viewportWidth: d }) => {
 	let f = b(() => {
-		let t = U(e);
+		let t = H(e);
 		return t.find((e) => e.primary)?.key ?? t[0]?.key;
 	}), p = b(() => {
-		let n = U(e), i = new Set(r.value ?? []), a = t.value, o = new Map(n.map((e) => [e.key, e])), s = [];
+		let n = H(e), i = new Set(r.value ?? []), a = t.value, o = new Map(n.map((e) => [e.key, e])), s = [];
 		a ? (a.forEach((e) => {
 			o.has(e) && s.push(e);
 		}), n.forEach((e) => {
@@ -204,9 +204,9 @@ var J = /* @__PURE__ */ function(e) {
 			flexible: e.sticky !== J.RIGHT
 		};
 	}, h = (e) => {
-		U(o) && e("rightEdge", 40), U(s) && e("columnsManager", U(c));
+		H(o) && e("rightEdge", 40), H(s) && e("columnsManager", H(c));
 	}, g = b(() => {
-		let e = [], t = U(l), n = U(u), r = (t, n) => {
+		let e = [], t = H(l), n = H(u), r = (t, n) => {
 			let r = Xe(t);
 			e.push({
 				key: `__s-ui-table-${t}`,
@@ -232,7 +232,7 @@ var J = /* @__PURE__ */ function(e) {
 				firstStickyRight: !1
 			});
 		};
-		U(i) && r("indicator", 2), U(a) && r("checkbox", 24), p.value.forEach((r) => {
+		H(i) && r("indicator", 2), H(a) && r("checkbox", 24), p.value.forEach((r) => {
 			let i = r.key === f.value, a = !!r.leading && !i, o = i || a ? J.LEFT : r.sticky, { baseWidth: s, flexible: c } = m(r, i);
 			e.push({
 				key: r.key,
@@ -264,7 +264,7 @@ var J = /* @__PURE__ */ function(e) {
 		}), e.forEach((e) => {
 			e.sticky === J.RIGHT && (o += 1, e.colIndex = o);
 		}), at(e), e;
-	}), _ = b(() => st(g.value, U(d))), v = b(() => _.value.reduce((e, t) => e + t.width, 0)), y = b(() => {
+	}), _ = b(() => st(g.value, H(d))), v = b(() => _.value.reduce((e, t) => e + t.width, 0)), y = b(() => {
 		let e = {}, t = 0;
 		_.value.forEach((n) => {
 			e[n.widthVar] = `${n.width}px`, n.sticky === J.LEFT && n.stickyOffsetVar && (e[n.stickyOffsetVar] = `${t}px`, t += n.width);
@@ -285,122 +285,122 @@ var J = /* @__PURE__ */ function(e) {
 	};
 }, $ = /* @__PURE__ */ function(e) {
 	return e.HEADER = "h", e.BODY = "b", e.CREATION = "c", e.AGGREGATE = "a", e;
-}({}), lt = "button, a[href], input, select, textarea, [tabindex]", ut = Object.values($), dt = (e) => ut.find((t) => t === e), ft = ({ tableRootElement: e, tableElement: t, scrollElement: n, columnDescriptors: r, flatRows: i, snapshot: a, groupColumnKey: o, depthFooterColumnKey: s, loadMoreColumnKey: c, creationColumnKey: l, hasCreationRow: u, hasAggregateRow: d, isRowNavigable: f, pageSize: p, buildCellDomId: m, onBodyRowFocused: h, scrollToRowIndex: g }) => {
-	let _ = V(), v = V(), y = V(!1), x = V(0), S = b(() => r.value.filter((e) => e.service !== qe.INDICATOR).map((e) => e.key)), C = b(() => r.value.filter((e) => e.service !== qe.INDICATOR && e.service !== qe.COLUMNS_MANAGER).map((e) => e.key)), w = (e) => {
+}({}), lt = "button, a[href], input, select, textarea, [tabindex]", ut = Object.values($), dt = (e) => ut.find((t) => t === e), ft = ({ tableRootElement: e, tableElement: t, exitElement: n, scrollElement: r, columnDescriptors: i, flatRows: a, snapshot: o, groupColumnKey: s, depthFooterColumnKey: c, loadMoreColumnKey: l, creationColumnKey: u, hasCreationRow: d, hasAggregateRow: f, isRowNavigable: p, pageSize: m, buildCellDomId: h, onBodyRowFocused: g, scrollToRowIndex: _ }) => {
+	let v = B(), y = B(), x = B(!1), S = B(0), C = b(() => i.value.filter((e) => e.service !== qe.INDICATOR).map((e) => e.key)), w = b(() => i.value.filter((e) => e.service !== qe.INDICATOR && e.service !== qe.COLUMNS_MANAGER).map((e) => e.key)), T = (e) => {
 		if (!e) return;
-		let t = a.value.getRowIndexByKey(e);
-		return t === void 0 ? void 0 : i.value[t];
-	}, T = (e) => {
-		if (e.kind === Q.ROW) return C.value;
+		let t = o.value.getRowIndexByKey(e);
+		return t === void 0 ? void 0 : a.value[t];
+	}, E = (e) => {
+		if (e.kind === Q.ROW) return w.value;
 		let t = {
 			[Q.ROW]: void 0,
-			[Q.GROUP]: U(o),
-			[Q.DEPTH_FOOTER]: U(s),
-			[Q.LOAD_MORE]: U(c)
+			[Q.GROUP]: H(s),
+			[Q.DEPTH_FOOTER]: H(c),
+			[Q.LOAD_MORE]: H(l)
 		}[e.kind];
 		return t ? [t] : [];
-	}, E = (e) => {
-		if (e.section === "h") return S.value;
+	}, D = (e) => {
+		if (e.section === "h") return C.value;
 		if (e.section === "c") {
-			let e = U(l);
-			return U(u) && e ? [e] : [];
+			let e = H(u);
+			return H(d) && e ? [e] : [];
 		}
-		if (e.section === "a") return U(d) ? C.value : [];
-		let t = w(e.rowKey);
-		return t && f(t) ? T(t) : [];
-	}, D = (e, t) => {
+		if (e.section === "a") return H(f) ? w.value : [];
+		let t = T(e.rowKey);
+		return t && p(t) ? E(t) : [];
+	}, O = (e, t) => {
 		if (t && e.includes(t)) return t;
-		let n = S.value, r = t ? n.indexOf(t) : -1, i = e[0] ?? "";
+		let n = C.value, r = t ? n.indexOf(t) : -1, i = e[0] ?? "";
 		if (r === -1) return i;
 		let a = i, o = Infinity;
 		return e.forEach((e) => {
 			let t = Math.abs(n.indexOf(e) - r);
 			t < o && (o = t, a = e);
 		}), a;
-	}, O = b(() => ({
+	}, k = b(() => ({
 		section: "h",
-		columnKey: D(S.value, v.value)
-	})), k = b(() => {
-		let e = _.value;
-		if (!e) return O.value;
-		let t = E(e);
-		return t.length === 0 ? O.value : t.includes(e.columnKey) ? e : {
+		columnKey: O(C.value, y.value)
+	})), A = b(() => {
+		let e = v.value;
+		if (!e) return k.value;
+		let t = D(e);
+		return t.length === 0 ? k.value : t.includes(e.columnKey) ? e : {
 			...e,
-			columnKey: D(t, e.columnKey)
+			columnKey: O(t, e.columnKey)
 		};
-	}), A = b(() => i.value.length), j = b(() => A.value + +!!U(u) + +!!U(d)), M = (e) => {
+	}), j = b(() => a.value.length), M = b(() => j.value + +!!H(d) + +!!H(f)), N = (e) => {
 		if (e.section === "h") return 0;
-		if (e.section === "c") return A.value + 1;
-		if (e.section === "a") return A.value + 1 + +!!U(u);
-		let t = e.rowKey === void 0 ? void 0 : a.value.getRowIndexByKey(e.rowKey);
+		if (e.section === "c") return j.value + 1;
+		if (e.section === "a") return j.value + 1 + +!!H(d);
+		let t = e.rowKey === void 0 ? void 0 : o.value.getRowIndexByKey(e.rowKey);
 		return t === void 0 ? void 0 : t + 1;
-	}, N = (e, t) => {
+	}, P = (e, t) => {
 		if (e <= 0) return {
 			section: "h",
-			columnKey: D(S.value, t)
+			columnKey: O(C.value, t)
 		};
-		if (e <= A.value) {
-			let n = i.value[e - 1];
-			if (!n || !f(n)) return;
-			let r = T(n);
+		if (e <= j.value) {
+			let n = a.value[e - 1];
+			if (!n || !p(n)) return;
+			let r = E(n);
 			return r.length === 0 ? void 0 : {
 				section: "b",
 				rowKey: n.key,
-				columnKey: D(r, t)
+				columnKey: O(r, t)
 			};
 		}
-		if (U(u) && e === A.value + 1) {
-			let e = U(l);
+		if (H(d) && e === j.value + 1) {
+			let e = H(u);
 			return e ? {
 				section: "c",
 				columnKey: e
 			} : void 0;
 		}
-		if (U(d) && e === j.value) return {
+		if (H(f) && e === M.value) return {
 			section: "a",
-			columnKey: D(S.value, t)
+			columnKey: O(C.value, t)
 		};
-	}, P = (e, t) => {
+	}, F = (e, t) => {
 		let n = e;
-		for (; n >= 0 && n <= j.value;) {
-			let e = N(n, v.value);
+		for (; n >= 0 && n <= M.value;) {
+			let e = P(n, y.value);
 			if (e) return e;
 			n += t;
 		}
-	}, F = (e) => document.getElementById(m(e)) ?? void 0, I = () => F(k.value), L = () => {
-		let t = n.value, r = I();
-		if (!t || !r || r.classList.contains("s-ui-table__cell--sticky-left") || r.classList.contains("s-ui-table__cell--sticky-right")) return;
+	}, te = (e) => document.getElementById(h(e)) ?? void 0, I = () => te(A.value), L = () => {
+		let t = r.value, n = I();
+		if (!t || !n || n.classList.contains("s-ui-table__cell--sticky-left") || n.classList.contains("s-ui-table__cell--sticky-right")) return;
 		let i = t.getBoundingClientRect(), a = e.value, o = i.left, s = i.right, c = a?.querySelector("th.s-ui-table__cell--last-sticky-left");
 		c && (o = Math.max(o, c.getBoundingClientRect().right));
 		let l = a?.querySelector("th.s-ui-table__cell--first-sticky-right");
 		l && (s = Math.min(s, l.getBoundingClientRect().left));
-		let u = r.getBoundingClientRect();
+		let u = n.getBoundingClientRect();
 		if (u.left < o) {
 			t.scrollLeft -= o - u.left;
 			return;
 		}
 		u.right > s && (t.scrollLeft += u.right - s);
 	}, R = (e, t) => {
-		_.value = e, t && (v.value = e.columnKey);
-		let n = M(e);
-		n !== void 0 && (x.value = n);
+		v.value = e, t && (y.value = e.columnKey);
+		let n = N(e);
+		n !== void 0 && (S.value = n);
 	}, z = (e, t) => {
-		let n = E(e), r = n.length > 0 && !n.includes(e.columnKey) ? {
+		let n = D(e), r = n.length > 0 && !n.includes(e.columnKey) ? {
 			...e,
-			columnKey: D(n, e.columnKey)
+			columnKey: O(n, e.columnKey)
 		} : e;
-		if (R(r, t?.updateDesired ?? !0), y.value = !1, r.section === "b" && r.rowKey) {
-			h(r.rowKey);
-			let e = a.value.getRowIndexByKey(r.rowKey);
-			(t?.scroll ?? !0) && e !== void 0 && g(e);
+		if (R(r, t?.updateDesired ?? !0), x.value = !1, r.section === "b" && r.rowKey) {
+			g(r.rowKey);
+			let e = o.value.getRowIndexByKey(r.rowKey);
+			(t?.scroll ?? !0) && e !== void 0 && _(e);
 		}
 		t?.focusElement !== !1 && ee(() => {
 			I()?.focus({ preventScroll: !0 }), L();
 		});
-	}, B = (e, t) => {
-		let n = k.value;
+	}, V = (e, t) => {
+		let n = A.value;
 		if (t !== 0) {
-			let e = E(n), r = e[e.indexOf(n.columnKey) + t];
+			let e = D(n), r = e[e.indexOf(n.columnKey) + t];
 			r && z({
 				...n,
 				columnKey: r
@@ -408,53 +408,53 @@ var J = /* @__PURE__ */ function(e) {
 			return;
 		}
 		if (e === 0) return;
-		let r = e > 0 ? 1 : -1, i = P((M(n) ?? x.value) + r, r);
+		let r = e > 0 ? 1 : -1, i = F((N(n) ?? S.value) + r, r);
 		i && z(i, { updateDesired: !1 });
-	}, H = (e) => {
-		let t = k.value, n = E(t), r = e === "start" ? n[0] : n[n.length - 1];
+	}, ne = (e) => {
+		let t = A.value, n = D(t), r = e === "start" ? n[0] : n[n.length - 1];
 		r && z({
 			...t,
 			columnKey: r
 		});
-	}, te = (e) => {
-		let t = e === "first" ? P(0, 1) : P(j.value, -1);
+	}, U = (e) => {
+		let t = e === "first" ? F(0, 1) : F(M.value, -1);
 		if (!t) return;
-		let n = E(t), r = e === "first" ? n[0] : n[n.length - 1];
+		let n = D(t), r = e === "first" ? n[0] : n[n.length - 1];
 		z(r ? {
 			...t,
 			columnKey: r
 		} : t);
-	}, W = (e) => {
-		let t = M(k.value) ?? x.value, n = Math.max(1, Math.round(U(p))), r = Math.min(j.value, Math.max(0, t + e * n)), i = P(r, e) ?? P(r, e === 1 ? -1 : 1);
+	}, re = (e) => {
+		let t = N(A.value) ?? S.value, n = Math.max(1, Math.round(H(m))), r = Math.min(M.value, Math.max(0, t + e * n)), i = F(r, e) ?? F(r, e === 1 ? -1 : 1);
 		i && z(i, { updateDesired: !1 });
-	}, ne = (e) => {
+	}, ie = (e) => {
 		let t = [];
 		return e.querySelectorAll(lt).forEach((e) => {
 			!(e instanceof HTMLElement) || e.offsetParent === null || e.hasAttribute("disabled") || e.closest("[aria-hidden=\"true\"]") || t.push(e);
 		}), t;
-	}, re = () => {
-		let e = I(), t = e ? ne(e)[0] : void 0;
-		return t ? (y.value = !0, t.focus(), !0) : !1;
-	}, ie = () => {
-		y.value = !1, I()?.focus({ preventScroll: !0 });
-	}, ae = (e) => {
-		let t = I(), n = t ? ne(t) : [];
-		if (n.length === 0) return;
-		let r = document.activeElement, i = n.findIndex((e) => e === r || r instanceof Node && e.contains(r));
-		n[i === -1 ? e === 1 ? 0 : n.length - 1 : (i + e + n.length) % n.length]?.focus();
-	}, K = () => {
-		let e = k.value, n = E(e);
+	}, ae = () => {
+		let e = I(), t = e ? ie(e)[0] : void 0;
+		return t ? (x.value = !0, t.focus(), !0) : !1;
+	}, oe = () => {
+		x.value = !1, I()?.focus({ preventScroll: !0 });
+	}, G = (e) => {
+		let t = I(), n = t ? ie(t) : [], r = document.activeElement, i = n.findIndex((e) => e === r || r instanceof Node && e.contains(r)), a = i === -1 ? void 0 : n[i + e];
+		return a ? (a.focus(), !0) : !1;
+	}, se = (e) => {
+		x.value = !1, (e === 1 ? n.value : t.value)?.focus({ preventScroll: !0 });
+	}, ce = () => {
+		let e = A.value, n = D(e);
 		if (n.length > 0) {
 			z({
 				...e,
-				columnKey: D(n, v.value)
+				columnKey: O(n, y.value)
 			}, {
 				scroll: !1,
 				updateDesired: !1
 			});
 			return;
 		}
-		let r = Math.min(x.value, j.value), i = P(r, -1) ?? P(r, 1);
+		let r = Math.min(S.value, M.value), i = F(r, -1) ?? F(r, 1);
 		if (i) {
 			z(i, {
 				scroll: !1,
@@ -462,8 +462,8 @@ var J = /* @__PURE__ */ function(e) {
 			});
 			return;
 		}
-		if (S.value.length > 0) {
-			z(O.value, {
+		if (C.value.length > 0) {
+			z(k.value, {
 				scroll: !1,
 				updateDesired: !1
 			});
@@ -471,41 +471,42 @@ var J = /* @__PURE__ */ function(e) {
 		}
 		t.value?.focus();
 	};
-	G(() => {
-		let e = _.value?.rowKey;
-		return e === void 0 ? void 0 : a.value.getRowIndexByKey(e);
+	W(() => {
+		let e = v.value?.rowKey;
+		return e === void 0 ? void 0 : o.value.getRowIndexByKey(e);
 	}, (e, t) => {
-		t === void 0 || e !== void 0 || document.activeElement === document.body && K();
+		t === void 0 || e !== void 0 || document.activeElement === document.body && ce();
 	}, { flush: "post" });
-	let oe = (e, t) => {
-		R(e, !0), y.value = t, e.section === "b" && e.rowKey && h(e.rowKey);
-	}, se = (e, t, n) => {
-		let r = k.value;
+	let le = (e, t) => {
+		R(e, !0), x.value = t, e.section === "b" && e.rowKey && g(e.rowKey);
+	}, ue = (e, t, n) => {
+		let r = A.value;
 		return r.section === e && r.rowKey === t && r.columnKey === n;
-	}, ce = (e, t, n) => se(e, t, n) ? 0 : -1, le = b(() => {
-		let e = k.value;
+	}, de = (e, t, n) => ue(e, t, n) ? 0 : -1, fe = b(() => {
+		let e = A.value;
 		return e.section === "b" ? e.rowKey : void 0;
 	});
 	return {
-		focusAddress: k,
-		focusedBodyRowKey: le,
+		focusAddress: A,
+		focusedBodyRowKey: fe,
 		focusBodyRowIndex: b(() => {
-			let e = le.value;
-			return e === void 0 ? void 0 : a.value.getRowIndexByKey(e);
+			let e = fe.value;
+			return e === void 0 ? void 0 : o.value.getRowIndexByKey(e);
 		}),
-		cellEntered: y,
-		isCellFocused: se,
-		getCellTabIndex: ce,
-		moveFocus: B,
-		moveToRowEdge: H,
-		moveToGridEdge: te,
-		moveByPage: W,
+		cellEntered: x,
+		isCellFocused: ue,
+		getCellTabIndex: de,
+		moveFocus: V,
+		moveToRowEdge: ne,
+		moveToGridEdge: U,
+		moveByPage: re,
 		focusAddressNow: z,
-		syncFocusAddress: oe,
-		enterCell: re,
-		exitCell: ie,
-		cycleCellFocus: ae,
-		restoreFocusAfterUnmount: K,
+		syncFocusAddress: le,
+		enterCell: ae,
+		exitCell: oe,
+		moveCellFocus: G,
+		leaveGrid: se,
+		restoreFocusAfterUnmount: ce,
 		ensureFocusedCellVisibleHorizontally: L,
 		queryFocusedCellElement: I
 	};
@@ -566,7 +567,7 @@ var J = /* @__PURE__ */ function(e) {
 		"menuOpen"
 	],
 	setup(e, { emit: t }) {
-		let n = t, s = ie(), { t: c } = de(), f = R(!1), p = (e) => {
+		let n = t, s = ae(), { t: c } = fe(), f = L(!1), p = (e) => {
 			n("menuOpen"), e();
 		}, m = b(() => ({
 			"s-ui-table__group-row--active": e.active,
@@ -579,7 +580,7 @@ var J = /* @__PURE__ */ function(e) {
 		})), h = b(() => {
 			if (e.row.depth !== 0) return { paddingInlineStart: `calc(var(--s-ui-dimension-4) + ${e.row.depth * e.treeIndent}px)` };
 		}), g = b(() => e.total === void 0 ? String(e.count) : `${e.count}/${e.total}`), _ = b(() => e.expanded ? "chevronMiniDown" : "chevronMiniRight"), v = b(() => e.expanded ? c("table.collapse") : c("table.expand"));
-		return (t, b) => (L(), C("tr", {
+		return (t, b) => (I(), C("tr", {
 			ref: e.dndRef,
 			class: N(["s-ui-table__group-row", m.value]),
 			style: P(e.extraRowStyle),
@@ -589,7 +590,7 @@ var J = /* @__PURE__ */ function(e) {
 			"aria-expanded": e.treegrid && e.row.hasChildren ? e.expanded : void 0,
 			onClick: b[3] ||= (e) => n("rowClick", e)
 		}, [
-			(L(!0), C(y, null, z(e.leadingPlans, (m) => (L(), C("td", {
+			(I(!0), C(y, null, R(e.leadingPlans, (m) => (I(), C("td", {
 				id: `${e.cellIdPrefix}${e.row.key}-${m.descriptor.key}`,
 				key: m.descriptor.key,
 				class: N([m.cellClass, "s-ui-table__group-cell"]),
@@ -597,22 +598,22 @@ var J = /* @__PURE__ */ function(e) {
 				"aria-colindex": m.descriptor.colIndex,
 				"data-column-key": m.descriptor.key,
 				"data-row-key": e.row.key,
-				"data-section": W($).BODY,
+				"data-section": U($).BODY,
 				tabindex: m.descriptor.key === e.focusColumnKey ? 0 : -1
-			}, [m.descriptor.key === e.groupColumnKey ? (L(), C("div", {
+			}, [m.descriptor.key === e.groupColumnKey ? (I(), C("div", {
 				key: 1,
 				class: "s-ui-table__group-content",
 				style: P(h.value)
-			}, [B(t.$slots, "row", {}, () => [
-				D(W(o), {
+			}, [z(t.$slots, "row", {}, () => [
+				D(U(o), {
 					class: "s-ui-table__group-chevron",
-					appearance: W(i).BARE,
-					variant: W(r).NEUTRAL,
-					size: W(a).SMALL,
+					appearance: U(i).BARE,
+					variant: U(r).NEUTRAL,
+					size: U(a).SMALL,
 					icon: _.value,
 					"aria-label": v.value,
 					tabindex: "-1",
-					onClick: b[0] ||= oe((e) => n("toggle"), ["stop"])
+					onClick: b[0] ||= se((e) => n("toggle"), ["stop"])
 				}, null, 8, [
 					"appearance",
 					"variant",
@@ -620,24 +621,24 @@ var J = /* @__PURE__ */ function(e) {
 					"icon",
 					"aria-label"
 				]),
-				w("div", ht, [B(t.$slots, "title", {}, () => [w("span", gt, H(e.title), 1)]), w("span", _t, H(g.value), 1)]),
+				w("div", ht, [z(t.$slots, "title", {}, () => [w("span", gt, V(e.title), 1)]), w("span", _t, V(g.value), 1)]),
 				w("div", {
 					class: "s-ui-table__group-actions",
-					onClick: b[2] ||= oe(() => {}, ["stop"])
-				}, [B(t.$slots, "actions"), W(s).menu ? (L(), x(W(u), {
+					onClick: b[2] ||= se(() => {}, ["stop"])
+				}, [z(t.$slots, "actions"), U(s).menu ? (I(), x(U(u), {
 					key: 0,
 					modelValue: f.value,
 					"onUpdate:modelValue": b[1] ||= (e) => f.value = e,
-					placement: W(l).BOTTOM_END,
+					placement: U(l).BOTTOM_END,
 					"teleport-to": !1
 				}, {
-					trigger: K(({ toggle: e }) => [D(W(o), {
+					trigger: G(({ toggle: e }) => [D(U(o), {
 						class: N(["s-ui-table__group-kebab", { "s-ui-table__group-kebab--open": f.value }]),
-						appearance: W(i).BARE,
-						variant: W(r).NEUTRAL,
-						size: W(a).SMALL,
+						appearance: U(i).BARE,
+						variant: U(r).NEUTRAL,
+						size: U(a).SMALL,
 						icon: "menu",
-						"aria-label": W(c)("table.groupMenu"),
+						"aria-label": U(c)("table.groupMenu"),
 						tabindex: "-1",
 						onClick: (t) => p(e)
 					}, null, 8, [
@@ -648,13 +649,13 @@ var J = /* @__PURE__ */ function(e) {
 						"aria-label",
 						"onClick"
 					])]),
-					content: K(() => [D(W(d), { width: 220 }, {
-						default: K(() => [B(t.$slots, "menu")]),
+					content: G(() => [D(U(d), { width: 220 }, {
+						default: G(() => [z(t.$slots, "menu")]),
 						_: 3
 					})]),
 					_: 3
 				}, 8, ["modelValue", "placement"])) : S("", !0)])
-			])], 4)) : B(t.$slots, "group-cell", {
+			])], 4)) : z(t.$slots, "group-cell", {
 				key: 0,
 				columnKey: m.descriptor.key
 			})], 14, mt))), 128)),
@@ -662,7 +663,7 @@ var J = /* @__PURE__ */ function(e) {
 				class: "s-ui-table__cell s-ui-table__filler-cell s-ui-table__group-cell",
 				role: "presentation"
 			}, null, -1),
-			(L(!0), C(y, null, z(e.trailingPlans, (t) => (L(), C("td", {
+			(I(!0), C(y, null, R(e.trailingPlans, (t) => (I(), C("td", {
 				id: `${e.cellIdPrefix}${e.row.key}-${t.descriptor.key}`,
 				key: t.descriptor.key,
 				class: N([t.cellClass, "s-ui-table__group-cell"]),
@@ -670,7 +671,7 @@ var J = /* @__PURE__ */ function(e) {
 				"aria-colindex": t.descriptor.colIndex,
 				"data-column-key": t.descriptor.key,
 				"data-row-key": e.row.key,
-				"data-section": W($).BODY,
+				"data-section": U($).BODY,
 				tabindex: t.descriptor.key === e.focusColumnKey ? 0 : -1
 			}, null, 14, vt))), 128))
 		], 14, pt));
@@ -683,19 +684,19 @@ var J = /* @__PURE__ */ function(e) {
 	__name: "STableHint",
 	props: { text: {} },
 	setup(e) {
-		let t = R(!1);
-		return (n, r) => (L(), C("span", {
+		let t = L(!1);
+		return (n, r) => (I(), C("span", {
 			class: "s-ui-table__hint",
 			tabindex: "-1",
 			onPointerenter: r[0] ||= (e) => t.value = !0,
 			onPointerleave: r[1] ||= (e) => t.value = !1,
 			onFocusin: r[2] ||= (e) => t.value = !0,
 			onFocusout: r[3] ||= (e) => t.value = !1
-		}, [D(W(ce), {
+		}, [D(U(le), {
 			class: "s-ui-table__hint-icon",
 			name: "infoCircle",
 			size: 16
-		}), t.value ? (L(), C("span", bt, H(e.text), 1)) : S("", !0)], 32));
+		}), t.value ? (I(), C("span", bt, V(e.text), 1)) : S("", !0)], 32));
 	}
 }), St = {
 	key: 0,
@@ -729,7 +730,7 @@ var J = /* @__PURE__ */ function(e) {
 		"hide"
 	],
 	setup(e, { emit: t }) {
-		let n = t, s = ie(), { t: c } = de(), f = b(() => e.menuEnabled === !1 ? !1 : !!s.menu || e.descriptor.sortable || e.descriptor.hideable), p = b(() => ({
+		let n = t, s = ae(), { t: c } = fe(), f = b(() => e.menuEnabled === !1 ? !1 : !!s.menu || e.descriptor.sortable || e.descriptor.hideable), p = b(() => ({
 			"s-ui-table__header-plaque--sorted": !!e.sortDirection,
 			"s-ui-table__header-plaque--sortable": e.descriptor.sortable,
 			"s-ui-table__header-plaque--align-center": e.descriptor.align === Y.CENTER,
@@ -741,19 +742,19 @@ var J = /* @__PURE__ */ function(e) {
 		}, T = (e) => {
 			n("hide"), e();
 		};
-		return (t, b) => (L(), C("div", {
+		return (t, b) => (I(), C("div", {
 			class: N(["s-ui-table__header-plaque", p.value]),
 			onClick: _
 		}, [
-			e.descriptor.draggable ? (L(), C("span", St, [D(W(o), {
+			e.descriptor.draggable ? (I(), C("span", St, [D(U(o), {
 				class: "s-ui-table__header-grip",
-				appearance: W(i).BARE,
-				variant: W(r).NEUTRAL,
-				size: W(a).SMALL,
+				appearance: U(i).BARE,
+				variant: U(r).NEUTRAL,
+				size: U(a).SMALL,
 				icon: "dragAndDrop",
-				"aria-label": W(c)("table.dragColumn"),
+				"aria-label": U(c)("table.dragColumn"),
 				tabindex: "-1",
-				onClick: b[0] ||= oe(() => {}, ["stop"])
+				onClick: b[0] ||= se(() => {}, ["stop"])
 			}, null, 8, [
 				"appearance",
 				"variant",
@@ -761,25 +762,25 @@ var J = /* @__PURE__ */ function(e) {
 				"aria-label"
 			])])) : S("", !0),
 			w("span", Ct, [
-				w("span", wt, [B(t.$slots, "default", {}, () => [E(H(e.descriptor.column?.title), 1)])]),
-				e.descriptor.column?.description ? (L(), x(xt, {
+				w("span", wt, [z(t.$slots, "default", {}, () => [E(V(e.descriptor.column?.title), 1)])]),
+				e.descriptor.column?.description ? (I(), x(xt, {
 					key: 0,
 					text: e.descriptor.column.description
 				}, null, 8, ["text"])) : S("", !0),
-				e.sortDirection ? (L(), C("span", Tt, [D(W(ce), {
+				e.sortDirection ? (I(), C("span", Tt, [D(U(le), {
 					name: g.value,
 					size: 16
-				}, null, 8, ["name"]), e.sortIndex === void 0 ? S("", !0) : (L(), C("span", Et, H(e.sortIndex), 1))])) : S("", !0),
-				e.descriptor.sortable && !e.sortDirection ? (L(), x(W(o), {
+				}, null, 8, ["name"]), e.sortIndex === void 0 ? S("", !0) : (I(), C("span", Et, V(e.sortIndex), 1))])) : S("", !0),
+				e.descriptor.sortable && !e.sortDirection ? (I(), x(U(o), {
 					key: 2,
 					class: "s-ui-table__header-sort-button",
-					appearance: W(i).BARE,
-					variant: W(r).NEUTRAL,
-					size: W(a).SMALL,
+					appearance: U(i).BARE,
+					variant: U(r).NEUTRAL,
+					size: U(a).SMALL,
 					icon: "ascending",
-					"aria-label": W(c)("table.sortAsc"),
+					"aria-label": U(c)("table.sortAsc"),
 					tabindex: "-1",
-					onClick: b[1] ||= oe((e) => n("sortToggle", e.shiftKey || e.ctrlKey || e.metaKey), ["stop"])
+					onClick: b[1] ||= se((e) => n("sortToggle", e.shiftKey || e.ctrlKey || e.metaKey), ["stop"])
 				}, null, 8, [
 					"appearance",
 					"variant",
@@ -787,23 +788,23 @@ var J = /* @__PURE__ */ function(e) {
 					"aria-label"
 				])) : S("", !0)
 			]),
-			f.value ? (L(), C("span", {
+			f.value ? (I(), C("span", {
 				key: 1,
 				class: N(["s-ui-table__header-actions", m.value]),
-				onClick: b[3] ||= oe(() => {}, ["stop"])
-			}, [D(W(u), {
+				onClick: b[3] ||= se(() => {}, ["stop"])
+			}, [D(U(u), {
 				"model-value": e.menuOpen,
-				placement: W(l).BOTTOM_END,
+				placement: U(l).BOTTOM_END,
 				"teleport-to": !1,
 				"onUpdate:modelValue": b[2] ||= (e) => n("update:menuOpen", e)
 			}, {
-				trigger: K(({ toggle: e }) => [D(W(o), {
+				trigger: G(({ toggle: e }) => [D(U(o), {
 					class: "s-ui-table__header-kebab",
-					appearance: W(i).BARE,
-					variant: W(r).NEUTRAL,
-					size: W(a).SMALL,
+					appearance: U(i).BARE,
+					variant: U(r).NEUTRAL,
+					size: U(a).SMALL,
 					icon: "menu",
-					"aria-label": W(c)("table.columnMenu"),
+					"aria-label": U(c)("table.columnMenu"),
 					tabindex: "-1",
 					onClick: (t) => e()
 				}, null, 8, [
@@ -813,39 +814,39 @@ var J = /* @__PURE__ */ function(e) {
 					"aria-label",
 					"onClick"
 				])]),
-				content: K(({ close: n }) => [D(W(d), { width: 220 }, {
-					default: K(() => [W(s).menu ? B(t.$slots, "menu", { key: 0 }) : (L(), C(y, { key: 1 }, [
-						e.descriptor.sortable ? (L(), x(W(h), {
+				content: G(({ close: n }) => [D(U(d), { width: 220 }, {
+					default: G(() => [U(s).menu ? z(t.$slots, "menu", { key: 0 }) : (I(), C(y, { key: 1 }, [
+						e.descriptor.sortable ? (I(), x(U(h), {
 							key: 0,
-							title: W(c)("table.sortAsc"),
+							title: U(c)("table.sortAsc"),
 							"icon-left": "ascending",
-							selected: e.sortDirection === W(X).ASC,
-							onClick: (e) => v(W(X).ASC, n)
+							selected: e.sortDirection === U(X).ASC,
+							onClick: (e) => v(U(X).ASC, n)
 						}, null, 8, [
 							"title",
 							"selected",
 							"onClick"
 						])) : S("", !0),
-						e.descriptor.sortable ? (L(), x(W(h), {
+						e.descriptor.sortable ? (I(), x(U(h), {
 							key: 1,
-							title: W(c)("table.sortDesc"),
+							title: U(c)("table.sortDesc"),
 							"icon-left": "descending",
-							selected: e.sortDirection === W(X).DESC,
-							onClick: (e) => v(W(X).DESC, n)
+							selected: e.sortDirection === U(X).DESC,
+							onClick: (e) => v(U(X).DESC, n)
 						}, null, 8, [
 							"title",
 							"selected",
 							"onClick"
 						])) : S("", !0),
-						e.descriptor.sortable && e.sortDirection ? (L(), x(W(h), {
+						e.descriptor.sortable && e.sortDirection ? (I(), x(U(h), {
 							key: 2,
-							title: W(c)("table.sortReset"),
+							title: U(c)("table.sortReset"),
 							"icon-left": "closeMini",
 							onClick: (e) => v(void 0, n)
 						}, null, 8, ["title", "onClick"])) : S("", !0),
-						e.descriptor.hideable ? (L(), x(W(h), {
+						e.descriptor.hideable ? (I(), x(U(h), {
 							key: 3,
-							title: W(c)("table.hideColumn"),
+							title: U(c)("table.hideColumn"),
 							"icon-left": "eyeOff",
 							onClick: (e) => T(n)
 						}, null, 8, ["title", "onClick"])) : S("", !0)
@@ -873,19 +874,19 @@ var J = /* @__PURE__ */ function(e) {
 	},
 	setup(e) {
 		let t = b(() => e.rowHeight ? { height: `${e.rowHeight}px` } : void 0);
-		return (n, r) => (L(), C("tr", {
+		return (n, r) => (I(), C("tr", {
 			class: "s-ui-table__row s-ui-table__row--placeholder",
 			style: P(t.value),
 			"data-index": e.rowIndex,
 			"aria-rowindex": e.rowIndex + 2,
 			"data-placeholder": "true"
-		}, [(L(!0), C(y, null, z(e.cells, (t) => (L(), C(y, { key: t.key }, [t.cellPlan ? (L(), C("td", {
+		}, [(I(!0), C(y, null, R(e.cells, (t) => (I(), C(y, { key: t.key }, [t.cellPlan ? (I(), C("td", {
 			key: 1,
 			class: N(t.cellPlan.cellClass),
 			style: P(t.cellPlan.style),
 			"data-column-key": t.cellPlan.descriptor.key,
 			"data-row-key": e.rowKey
-		}, [t.cellPlan.descriptor.service ? S("", !0) : (L(), C("div", jt, [...r[0] ||= [w("span", { class: "s-ui-table__placeholder-bar" }, null, -1)]]))], 14, At)) : (L(), C("td", kt))], 64))), 128))], 12, Ot));
+		}, [t.cellPlan.descriptor.service ? S("", !0) : (I(), C("div", jt, [...r[0] ||= [w("span", { class: "s-ui-table__placeholder-bar" }, null, -1)]]))], 14, At)) : (I(), C("td", kt))], 64))), 128))], 12, Ot));
 	}
 }), Nt = (t) => e(t) || n(t), Pt = (e) => Nt(e) ? void 0 : `s-ui-table__row--color-${e}`, Ft = (n) => {
 	if (!Nt(n)) return;
@@ -946,7 +947,7 @@ var J = /* @__PURE__ */ function(e) {
 			expandableKeys: i
 		});
 	}, l = b(() => {
-		let r = te(U(e)), i = U(t), a = U(n), o = s.get(r);
+		let r = ne(H(e)), i = H(t), a = H(n), o = s.get(r);
 		if (o && o.itemKeyValue === i && o.childrenKeyValue === a) return o.index;
 		let l = c(r, i, a);
 		return s.set(r, {
@@ -960,7 +961,7 @@ var J = /* @__PURE__ */ function(e) {
 		let n = /* @__PURE__ */ new Map();
 		return d.set(e, n), n;
 	}, p = b(() => {
-		let t = te(U(e)), { roots: n, nodeByKey: i } = l.value, s = U(r), c = U(a), d = U(o), p = u.value, m = c ? new Set(c.depths) : void 0, h = c?.show ?? (() => !0), g = f(t), _ = [], v = [], y = /* @__PURE__ */ new Map(), b = (e, t, n, r) => (e.index = _.length, e.kind = t, e.hasChildren = n, e.expanded = r, e.subtreeEnd = e.index, _.push(e), e), x = (e, t, n, r) => (e.row ||= Gt(e.key, e.item, e.depth, e.parentKey), b(e.row, t, n, r)), S = (e, t, n) => {
+		let t = ne(H(e)), { roots: n, nodeByKey: i } = l.value, s = H(r), c = H(a), d = H(o), p = u.value, m = c ? new Set(c.depths) : void 0, h = c?.show ?? (() => !0), g = f(t), _ = [], v = [], y = /* @__PURE__ */ new Map(), b = (e, t, n, r) => (e.index = _.length, e.kind = t, e.hasChildren = n, e.expanded = r, e.subtreeEnd = e.index, _.push(e), e), x = (e, t, n, r) => (e.row ||= Gt(e.key, e.item, e.depth, e.parentKey), b(e.row, t, n, r)), S = (e, t, n) => {
 			let r = g.get(e);
 			return r || (r = Gt(e, t.item, t.depth + 1, t.key), g.set(e, r)), b(r, n, !1, !1);
 		}, C = (e) => {
@@ -1031,7 +1032,7 @@ var J = /* @__PURE__ */ function(e) {
 	},
 	setup(e) {
 		let t = b(() => Ut(e.item, e.column.value ?? e.column.key)), n = b(() => t.value !== void 0 && t.value !== "");
-		return (r, i) => n.value ? (L(), C("span", qt, H(t.value), 1)) : e.column.placeholder ? (L(), C("span", Jt, H(e.column.placeholder), 1)) : S("", !0);
+		return (r, i) => n.value ? (I(), C("span", qt, V(t.value), 1)) : e.column.placeholder ? (I(), C("span", Jt, V(e.column.placeholder), 1)) : S("", !0);
 	}
 }), Xt = [
 	"id",
@@ -1133,7 +1134,7 @@ var J = /* @__PURE__ */ function(e) {
 		"toggleSelected"
 	],
 	setup(e, { emit: t }) {
-		let n = t, s = ie(), { t: c } = de(), l = $.BODY, u = (t) => `${e.cellIdPrefix}${e.row.key}-${t}`, d = (t) => t === e.focusColumnKey ? 0 : -1, f = b(() => [
+		let n = t, s = ae(), { t: c } = fe(), l = $.BODY, u = (t) => `${e.cellIdPrefix}${e.row.key}-${t}`, d = (t) => t === e.focusColumnKey ? 0 : -1, f = b(() => [
 			{
 				"s-ui-table__row--selected": e.selected,
 				"s-ui-table__row--active": e.active,
@@ -1199,7 +1200,7 @@ var J = /* @__PURE__ */ function(e) {
 			}
 			n("rowClick", e);
 		};
-		return (t, p) => (L(), C("tr", {
+		return (t, p) => (I(), C("tr", {
 			id: e.domId,
 			ref: e.dndRef,
 			class: N(["s-ui-table__row", f.value]),
@@ -1212,7 +1213,7 @@ var J = /* @__PURE__ */ function(e) {
 			onClick: F,
 			onContextmenu: p[3] ||= (e) => n("rowContextMenu", e)
 		}, [
-			(L(!0), C(y, null, z(e.leadingPlans, (f) => (L(), C("td", {
+			(I(!0), C(y, null, R(e.leadingPlans, (f) => (I(), C("td", {
 				id: u(f.descriptor.key),
 				key: f.descriptor.key,
 				class: N(f.cellClass),
@@ -1220,73 +1221,73 @@ var J = /* @__PURE__ */ function(e) {
 				"aria-colindex": f.descriptor.colIndex,
 				"data-column-key": f.descriptor.key,
 				"data-row-key": e.row.key,
-				"data-section": W(l),
+				"data-section": U(l),
 				"aria-disabled": D(f),
 				"aria-readonly": O(f),
 				tabindex: d(f.descriptor.key)
-			}, [f.descriptor.service === W(qe).INDICATOR ? (L(), C(y, { key: 0 }, [e.placeholder ? S("", !0) : B(t.$slots, "indicator", M({
+			}, [f.descriptor.service === U(qe).INDICATOR ? (I(), C(y, { key: 0 }, [e.placeholder ? S("", !0) : z(t.$slots, "indicator", M({
 				key: 0,
 				ref_for: !0
-			}, A()))], 64)) : f.descriptor.service === W(qe).CHECKBOX ? (L(), C(y, { key: 1 }, [W(s).checkbox && !e.placeholder ? B(t.$slots, "checkbox", M({
+			}, A()))], 64)) : f.descriptor.service === U(qe).CHECKBOX ? (I(), C(y, { key: 1 }, [U(s).checkbox && !e.placeholder ? z(t.$slots, "checkbox", M({
 				key: 0,
 				ref_for: !0
-			}, A())) : e.rowSelectable && !e.placeholder ? (L(), x(We, {
+			}, A())) : e.rowSelectable && !e.placeholder ? (I(), x(We, {
 				key: 1,
 				class: N(["s-ui-table__row-checkbox", { "s-ui-table__row-checkbox--active": e.selected || e.indeterminate }]),
 				"model-value": e.selected,
 				indeterminate: e.indeterminate,
-				"screen-reader-label": W(c)("table.selectRow"),
+				"screen-reader-label": U(c)("table.selectRow"),
 				"onUpdate:modelValue": p[0] ||= (e) => n("toggleSelected"),
-				onClick: p[1] ||= oe(() => {}, ["stop"])
+				onClick: p[1] ||= se(() => {}, ["stop"])
 			}, null, 8, [
 				"class",
 				"model-value",
 				"indeterminate",
 				"screen-reader-label"
-			])) : S("", !0)], 64)) : e.placeholder ? (L(), C("div", {
+			])) : S("", !0)], 64)) : e.placeholder ? (I(), C("div", {
 				key: 2,
 				class: "s-ui-table__cell-body",
 				style: P(g(f))
-			}, [...p[4] ||= [w("span", { class: "s-ui-table__placeholder-bar" }, null, -1)]], 4)) : (L(), C("div", {
+			}, [...p[4] ||= [w("span", { class: "s-ui-table__placeholder-bar" }, null, -1)]], 4)) : (I(), C("div", {
 				key: 3,
 				class: N(["s-ui-table__cell-body", E(f)]),
 				style: P(g(f))
 			}, [
-				f.chevron ? (L(), C(y, { key: 0 }, [W(s).chevron ? B(t.$slots, "chevron", M({
+				f.chevron ? (I(), C(y, { key: 0 }, [U(s).chevron ? z(t.$slots, "chevron", M({
 					key: 0,
 					ref_for: !0
-				}, A())) : e.row.hasChildren ? (L(), x(W(o), {
+				}, A())) : e.row.hasChildren ? (I(), x(U(o), {
 					key: 1,
 					class: "s-ui-table__chevron",
-					appearance: W(i).BARE,
-					variant: W(r).NEUTRAL,
-					size: W(a).SMALL,
+					appearance: U(i).BARE,
+					variant: U(r).NEUTRAL,
+					size: U(a).SMALL,
 					icon: e.rowExpanded ? "chevronMiniDown" : "chevronMiniRight",
-					"aria-label": e.rowExpanded ? W(c)("table.collapse") : W(c)("table.expand"),
+					"aria-label": e.rowExpanded ? U(c)("table.collapse") : U(c)("table.expand"),
 					tabindex: "-1",
-					onClick: p[2] ||= oe((e) => n("toggleExpand"), ["stop"])
+					onClick: p[2] ||= se((e) => n("toggleExpand"), ["stop"])
 				}, null, 8, [
 					"appearance",
 					"variant",
 					"size",
 					"icon",
 					"aria-label"
-				])) : (L(), C("span", Qt))], 64)) : S("", !0),
-				W(s)[`cell:${f.descriptor.key}`] ? B(t.$slots, `cell:${f.descriptor.key}`, M({
+				])) : (I(), C("span", Qt))], 64)) : S("", !0),
+				U(s)[`cell:${f.descriptor.key}`] ? z(t.$slots, `cell:${f.descriptor.key}`, M({
 					key: 1,
 					ref_for: !0
-				}, j(f))) : f.descriptor.column ? (L(), x(Yt, {
+				}, j(f))) : f.descriptor.column ? (I(), x(Yt, {
 					key: 2,
 					column: f.descriptor.column,
 					item: e.row.item
 				}, null, 8, ["column", "item"])) : S("", !0),
-				W(s)["cell-actions"] && !e.placeholder ? (L(), C("span", $t, [B(t.$slots, "cell-actions", M({ ref_for: !0 }, j(f)))])) : S("", !0)
+				U(s)["cell-actions"] && !e.placeholder ? (I(), C("span", $t, [z(t.$slots, "cell-actions", M({ ref_for: !0 }, j(f)))])) : S("", !0)
 			], 6))], 14, Zt))), 128)),
 			p[6] ||= w("td", {
 				class: "s-ui-table__cell s-ui-table__filler-cell",
 				role: "presentation"
 			}, null, -1),
-			(L(!0), C(y, null, z(e.trailingPlans, (n) => (L(), C("td", {
+			(I(!0), C(y, null, R(e.trailingPlans, (n) => (I(), C("td", {
 				id: u(n.descriptor.key),
 				key: n.descriptor.key,
 				class: N(n.cellClass),
@@ -1294,26 +1295,26 @@ var J = /* @__PURE__ */ function(e) {
 				"aria-colindex": n.descriptor.colIndex,
 				"data-column-key": n.descriptor.key,
 				"data-row-key": e.row.key,
-				"data-section": W(l),
+				"data-section": U(l),
 				"aria-disabled": D(n),
 				"aria-readonly": O(n),
 				tabindex: d(n.descriptor.key)
-			}, [n.descriptor.service === W(qe).RIGHT_EDGE ? (L(), C(y, { key: 0 }, [e.placeholder ? S("", !0) : (L(), C("div", tn, [B(t.$slots, "right-edge", M({ ref_for: !0 }, A()))]))], 64)) : e.placeholder ? (L(), C("div", {
+			}, [n.descriptor.service === U(qe).RIGHT_EDGE ? (I(), C(y, { key: 0 }, [e.placeholder ? S("", !0) : (I(), C("div", tn, [z(t.$slots, "right-edge", M({ ref_for: !0 }, A()))]))], 64)) : e.placeholder ? (I(), C("div", {
 				key: 1,
 				class: "s-ui-table__cell-body",
 				style: P(g(n))
-			}, [...p[5] ||= [w("span", { class: "s-ui-table__placeholder-bar" }, null, -1)]], 4)) : (L(), C("div", {
+			}, [...p[5] ||= [w("span", { class: "s-ui-table__placeholder-bar" }, null, -1)]], 4)) : (I(), C("div", {
 				key: 2,
 				class: N(["s-ui-table__cell-body", E(n)]),
 				style: P(g(n))
-			}, [W(s)[`cell:${n.descriptor.key}`] ? B(t.$slots, `cell:${n.descriptor.key}`, M({
+			}, [U(s)[`cell:${n.descriptor.key}`] ? z(t.$slots, `cell:${n.descriptor.key}`, M({
 				key: 0,
 				ref_for: !0
-			}, j(n))) : n.descriptor.column ? (L(), x(Yt, {
+			}, j(n))) : n.descriptor.column ? (I(), x(Yt, {
 				key: 1,
 				column: n.descriptor.column,
 				item: e.row.item
-			}, null, 8, ["column", "item"])) : S("", !0), W(s)["cell-actions"] && !e.placeholder ? (L(), C("span", nn, [B(t.$slots, "cell-actions", M({ ref_for: !0 }, j(n)))])) : S("", !0)], 6))], 14, en))), 128))
+			}, null, 8, ["column", "item"])) : S("", !0), U(s)["cell-actions"] && !e.placeholder ? (I(), C("span", nn, [z(t.$slots, "cell-actions", M({ ref_for: !0 }, j(n)))])) : S("", !0)], 6))], 14, en))), 128))
 		], 46, Xt));
 	}
 }), an = {
@@ -1326,23 +1327,23 @@ var J = /* @__PURE__ */ function(e) {
 		trailingPlans: {}
 	},
 	setup(e) {
-		return (t, n) => (L(), C("tr", an, [
-			(L(!0), C(y, null, z(e.leadingPlans, (e) => (L(), C("td", {
+		return (t, n) => (I(), C("tr", an, [
+			(I(!0), C(y, null, R(e.leadingPlans, (e) => (I(), C("td", {
 				key: e.descriptor.key,
 				class: N(e.cellClass),
 				style: P(e.style)
-			}, [e.descriptor.column ? B(t.$slots, "default", {
+			}, [e.descriptor.column ? z(t.$slots, "default", {
 				key: 0,
 				descriptor: e.descriptor
-			}, () => [w("div", on, [D(W(ue), {
+			}, () => [w("div", on, [D(U(de), {
 				class: "s-ui-table__skeleton",
-				type: e.descriptor.primary ? W(se).S_TABLE_ROW : W(se).S_TABLE_CELL
+				type: e.descriptor.primary ? U(ce).S_TABLE_ROW : U(ce).S_TABLE_CELL
 			}, null, 8, ["type"])])]) : S("", !0)], 6))), 128)),
 			n[0] ||= w("td", {
 				class: "s-ui-table__cell s-ui-table__filler-cell",
 				role: "presentation"
 			}, null, -1),
-			(L(!0), C(y, null, z(e.trailingPlans, (e) => (L(), C("td", {
+			(I(!0), C(y, null, R(e.trailingPlans, (e) => (I(), C("td", {
 				key: e.descriptor.key,
 				class: N(e.cellClass),
 				style: P(e.style)
@@ -1350,7 +1351,7 @@ var J = /* @__PURE__ */ function(e) {
 		]));
 	}
 }), cn = "s-ui-table-column", ln = "s-ui-table-row", un = (e, t) => e.type === "s-ui-table-column" && e.tableId === t, dn = (e, t) => e.type === "s-ui-table-row" && e.tableId === t, fn = ({ tableId: e, tableRootElement: t, enabled: n, columnDescriptors: r, onReorder: i, isResizing: a }) => {
-	let o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), c = V(), l = V(), u = (e) => r.value.find((t) => t.key === e), d = (e, t) => {
+	let o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), c = B(), l = B(), u = (e) => r.value.find((t) => t.key === e), d = (e, t) => {
 		let n = u(e), r = u(t);
 		if (!n || !r || r.primary) return !1;
 		let i = (e) => e.sticky ?? "regular";
@@ -1364,11 +1365,11 @@ var J = /* @__PURE__ */ function(e) {
 		}
 		if (s.get(r) === t) return;
 		o.get(r)?.(), s.set(r, t);
-		let i = q(xe({
+		let i = xe(q({
 			element: r,
 			canDrag: () => {
 				let e = u(t);
-				return !!(U(n) && e?.draggable && !U(a));
+				return !!(H(n) && e?.draggable && !H(a));
 			},
 			getInitialData: () => ({
 				type: cn,
@@ -1433,8 +1434,8 @@ var J = /* @__PURE__ */ function(e) {
 			e();
 		}), o.clear(), s.clear();
 	});
-	let m = V();
-	return G(l, (e) => {
+	let m = B();
+	return W(l, (e) => {
 		let n = t.value, r = e ? n?.querySelector(`th[data-column-key="${e.targetKey}"]`) : void 0;
 		if (!e || !n || !r) {
 			m.value = void 0;
@@ -1485,9 +1486,9 @@ var J = /* @__PURE__ */ function(e) {
 			[pn[e.align]]: !!e.column
 		};
 	}, l = (e) => {
-		if (!U(t) || !e.column) return !1;
-		let i = U(n);
-		return e.key === (i ?? U(r));
+		if (!H(t) || !e.column) return !1;
+		let i = H(n);
+		return e.key === (i ?? H(r));
 	}, u = (e) => {
 		let t = ["s-ui-table__cell"];
 		return Object.entries(c(e)).forEach(([e, n]) => {
@@ -1523,7 +1524,7 @@ var J = /* @__PURE__ */ function(e) {
 		})
 	};
 }, hn = ({ tableRootElement: e, scrollElement: t, columnDescriptors: n, columnWidths: r, enabled: i, onResizeEnd: a, remeasureRows: o }) => {
-	let s = R(), c = b(() => s.value?.columnKey), l = (e, t) => {
+	let s = L(), c = b(() => s.value?.columnKey), l = (e, t) => {
 		let n = Math.max(e.minWidth, t);
 		return e.maxWidth ? Math.min(e.maxWidth, n) : n;
 	}, u = (t, r) => {
@@ -1553,25 +1554,25 @@ var J = /* @__PURE__ */ function(e) {
 		let t = s.value;
 		t && (s.value = void 0, e && f(t.columnKey, t.liveWidth), d());
 	};
-	return me("pointermove", (e) => {
+	return K("pointermove", (e) => {
 		let t = s.value;
 		if (!t || e.pointerId !== t.pointerId) return;
 		let r = n.value.find((e) => e.key === t.columnKey);
 		if (!r) return;
 		let i = l(r, t.startWidth + (e.clientX - t.startClientX));
 		i !== t.liveWidth && (t.liveWidth = i, u(t.columnKey, i));
-	}), me("pointerup", (e) => {
+	}), K("pointerup", (e) => {
 		s.value && e.pointerId === s.value.pointerId && p(!0);
-	}), me("pointercancel", () => {
+	}), K("pointercancel", () => {
 		p(!1);
-	}), me("blur", () => {
+	}), K("blur", () => {
 		p(!1);
-	}), me("keydown", (e) => {
+	}), K("keydown", (e) => {
 		s.value && e.key === "Escape" && (e.preventDefault(), p(!1));
 	}), {
 		resizingColumnKey: c,
 		handleResizeHandlePointerdown: (e, t) => {
-			if (!U(i)) return;
+			if (!H(i)) return;
 			let r = n.value.find((e) => e.key === t);
 			r?.resizable && (e.preventDefault(), e.stopPropagation(), e.isTrusted && e.target instanceof Element && e.target.setPointerCapture(e.pointerId), s.value = {
 				columnKey: t,
@@ -1582,7 +1583,7 @@ var J = /* @__PURE__ */ function(e) {
 			});
 		},
 		handleResizeHandleKeydown: (e, t) => {
-			if (!U(i) || e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
+			if (!H(i) || e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
 			let r = n.value.find((e) => e.key === t);
 			if (!r?.resizable) return;
 			e.preventDefault();
@@ -1590,7 +1591,7 @@ var J = /* @__PURE__ */ function(e) {
 			s !== r.width && f(t, s);
 		},
 		handleResizeHandleDblclick: (e) => {
-			if (!U(i)) return;
+			if (!H(i)) return;
 			let r = n.value.find((t) => t.key === e), a = t.value;
 			if (!r?.resizable || !a) return;
 			let o = r.minWidth;
@@ -1601,25 +1602,35 @@ var J = /* @__PURE__ */ function(e) {
 			s !== r.width && f(e, s);
 		}
 	};
-}, gn = ({ gridFocus: e, columnDescriptors: t, flatRows: n, expandColumnKey: r, primaryColumnKey: i, groupColumnKey: a, selectable: o, openMenuColumnKey: s, toggleExpanded: c, toggleRowSelected: l, applySortCycle: u, setColumnMenuOpen: d, resizeColumnByKeyboard: f, onDepthFooterActivate: p, onLoadMoreActivate: h, onRowActivate: g }) => {
+}, gn = "input, textarea, select, [contenteditable=\"true\"]", _n = ({ gridFocus: e, columnDescriptors: t, flatRows: n, expandColumnKey: r, primaryColumnKey: i, groupColumnKey: a, selectable: o, openMenuColumnKey: s, toggleExpanded: c, toggleRowSelected: l, applySortCycle: u, setColumnMenuOpen: d, resizeColumnByKeyboard: f, onDepthFooterActivate: p, onLoadMoreActivate: h, onRowActivate: g }) => {
 	let _ = () => {
 		let n = e.focusAddress.value.columnKey;
 		return t.value.find((e) => e.key === n);
 	}, v = () => {
 		let t = e.focusBodyRowIndex.value;
 		return t === void 0 ? void 0 : n.value[t];
-	}, y = (e) => e.kind === Q.GROUP ? U(a) : U(r) ?? U(i), b = (t) => {
+	}, y = (e) => e.kind === Q.GROUP ? H(a) : H(r) ?? H(i), b = (t, n, r) => {
+		let i = t.currentTarget, a = t.relatedTarget;
+		return !(i instanceof Node && a instanceof Node && i.contains(a)) && n.matches(":focus-visible") && !n.matches(gn) && !e.isCellFocused(r.section, r.rowKey, r.columnKey);
+	}, x = (e) => {
+		let t = dt(e.dataset.section ?? null), n = e.dataset.columnKey;
+		return !t || !n ? null : {
+			section: t,
+			rowKey: e.dataset.rowKey,
+			columnKey: n
+		};
+	}, S = (t) => {
 		let n = t.target;
 		if (!(n instanceof HTMLElement)) return;
-		let r = n.closest("[data-section]");
-		if (!(r instanceof HTMLElement)) return;
-		let i = dt(r.dataset.section ?? null), a = r.dataset.columnKey;
-		!i || !a || e.syncFocusAddress({
-			section: i,
-			rowKey: r.dataset.rowKey,
-			columnKey: a
-		}, r !== n);
-	}, x = (t) => {
+		let r = n.closest("[data-section]"), i = r instanceof HTMLElement ? x(r) : null;
+		if (!i) return;
+		let a = r !== n;
+		if (a && b(t, n, i)) {
+			e.focusAddressNow(e.focusAddress.value, { scroll: !1 });
+			return;
+		}
+		e.syncFocusAddress(i, a);
+	}, C = (t) => {
 		let r = e.focusAddress.value;
 		if (r.section !== $.BODY || !r.rowKey) return !1;
 		let i = v();
@@ -1630,7 +1641,7 @@ var J = /* @__PURE__ */ function(e) {
 			rowKey: a.rowKey,
 			columnKey: r.columnKey
 		}), !0) : (c(a.rowKey), !0) : !1;
-	}, S = (t) => {
+	}, w = (t) => {
 		let n = e.focusAddress.value;
 		if (n.section === $.HEADER) {
 			let n = _();
@@ -1659,33 +1670,41 @@ var J = /* @__PURE__ */ function(e) {
 			return;
 		}
 		e.enterCell() || g(r, t);
-	}, C = (t) => {
-		if (t.key === "Escape") {
-			t.preventDefault(), e.exitCell();
+	}, T = (t) => {
+		if (t.defaultPrevented) return;
+		let n = t.shiftKey ? -1 : 1;
+		if (e.cellEntered.value && e.moveCellFocus(n)) {
+			t.preventDefault();
 			return;
 		}
-		t.key === "Tab" && (t.preventDefault(), e.cycleCellFocus(t.shiftKey ? -1 : 1));
-	}, w = (t) => {
+		e.leaveGrid(n);
+	}, E = (t) => {
+		t.key === "Escape" && (t.preventDefault(), e.exitCell());
+	}, D = (t) => {
 		let n = _();
 		if (!n) return !1;
 		let r = t.key === "ArrowLeft" || t.key === "ArrowRight";
 		if (t.altKey && t.shiftKey && r) return t.preventDefault(), f(n, t.key === "ArrowRight" ? 1 : -1), !0;
 		let i = t.altKey && t.key === "ArrowDown" || t.key === "ContextMenu", a = e.focusAddress.value.section === $.HEADER;
-		return n.column && a && i ? (t.preventDefault(), d(n.key, U(s) !== n.key), !0) : !1;
+		return n.column && a && i ? (t.preventDefault(), d(n.key, H(s) !== n.key), !0) : !1;
 	};
 	return {
-		handleGridFocusIn: b,
+		handleGridFocusIn: S,
 		handleGridKeydown: (t) => {
+			if (t.key === "Tab") {
+				T(t);
+				return;
+			}
 			if (e.cellEntered.value) {
-				C(t);
+				E(t);
 				return;
 			}
-			if (!w(t)) switch (t.key) {
+			if (!D(t)) switch (t.key) {
 				case "ArrowRight":
-					t.preventDefault(), x("ArrowRight") || e.moveFocus(0, 1);
+					t.preventDefault(), C("ArrowRight") || e.moveFocus(0, 1);
 					break;
 				case "ArrowLeft":
-					t.preventDefault(), x("ArrowLeft") || e.moveFocus(0, -1);
+					t.preventDefault(), C("ArrowLeft") || e.moveFocus(0, -1);
 					break;
 				case "ArrowDown":
 					t.preventDefault(), e.moveFocus(1, 0);
@@ -1709,13 +1728,13 @@ var J = /* @__PURE__ */ function(e) {
 					t.preventDefault(), e.enterCell();
 					break;
 				case "Enter":
-					t.preventDefault(), S(t);
+					t.preventDefault(), w(t);
 					break;
 				case " ":
 				case "Spacebar": {
 					t.preventDefault();
 					let n = e.focusedBodyRowKey.value;
-					if (!U(o) || !n) break;
+					if (!H(o) || !n) break;
 					l(n);
 					break;
 				}
@@ -1723,14 +1742,14 @@ var J = /* @__PURE__ */ function(e) {
 			}
 		}
 	};
-}, _n = ({ tableId: e, enabled: t, dragMode: n, snapshot: r, scrollElement: i, isRowDraggable: a, dragExpandDelayMs: o, dragInsideDelayMs: s, isExpanded: c, onHoverExpand: l, onReorder: u, onTreeDrop: d, resolveRowPreviewTitle: f }) => {
-	let p = /* @__PURE__ */ new Map(), m = V(), h = V(), g = V(), _ = (e) => {
+}, vn = ({ tableId: e, enabled: t, dragMode: n, snapshot: r, scrollElement: i, isRowDraggable: a, dragExpandDelayMs: o, dragInsideDelayMs: s, isExpanded: c, onHoverExpand: l, onReorder: u, onTreeDrop: d, resolveRowPreviewTitle: f }) => {
+	let p = /* @__PURE__ */ new Map(), m = B(), h = B(), g = B(), _ = (e) => {
 		if (!(e instanceof HTMLElement)) return;
 		let t = Number(e.dataset.index);
 		if (Number.isInteger(t)) return r.value.flatRows[t];
 	}, v = (e) => {
-		if (!e || !U(t) || e.kind !== Q.ROW && e.kind !== Q.GROUP) return !1;
-		let n = U(a);
+		if (!e || !H(t) || e.kind !== Q.ROW && e.kind !== Q.GROUP) return !1;
+		let n = H(a);
 		return n ? n(e.item) !== !1 : !0;
 	}, y = (e, t) => {
 		let { getSubtreeRangeByKey: n, getRowIndexByKey: i } = r.value, a = n(e), o = i(t);
@@ -1738,14 +1757,14 @@ var J = /* @__PURE__ */ function(e) {
 	}, b = _e(() => {
 		let e = x.value;
 		e && !c(e) && l(e);
-	}, () => U(o) ?? 500, { immediate: !1 }), x = V(), S = _e(() => {
+	}, () => H(o) ?? 500, { immediate: !1 }), x = B(), S = _e(() => {
 		w.value = C.value;
-	}, () => U(s) ?? 1300, { immediate: !1 }), C = V(), w = V(), T = (e) => {
+	}, () => H(s) ?? 1300, { immediate: !1 }), C = B(), w = B(), T = (e) => {
 		!(e.hasChildren || e.kind === Q.GROUP) || e.expanded || x.value !== e.key && (x.value = e.key, b.stop(), b.start());
 	}, E = () => {
 		b.stop(), x.value = void 0, S.stop(), C.value = void 0, w.value = void 0;
 	}, D = (e, t, r, i) => {
-		if (U(n) === Pe.TREE) {
+		if (H(n) === Pe.TREE) {
 			let n = t.getBoundingClientRect(), i = Ve * n.height / 2;
 			if (Math.abs(r - (n.top + n.height / 2)) <= i) {
 				if (e.kind === Q.GROUP || w.value === e.key) return Fe.CHILD;
@@ -1778,7 +1797,7 @@ var J = /* @__PURE__ */ function(e) {
 		P(), O = document.createElement("div"), O.className = "s-ui-table__row-drag-layer", O.appendChild(e), document.body.appendChild(O), document.addEventListener("dragover", ee), M(t, n);
 	}, P = () => {
 		document.removeEventListener("dragover", ee), O?.remove(), O = void 0;
-	}, I = (t) => {
+	}, te = (t) => {
 		if (!(t instanceof HTMLElement)) {
 			p.forEach((e, t) => {
 				t.isConnected || (e(), p.delete(t));
@@ -1786,7 +1805,7 @@ var J = /* @__PURE__ */ function(e) {
 			return;
 		}
 		if (p.has(t)) return;
-		let n = q(xe({
+		let n = xe(q({
 			element: t,
 			canDrag: () => v(_(t)),
 			getInitialData: () => {
@@ -1841,14 +1860,14 @@ var J = /* @__PURE__ */ function(e) {
 			}
 		}));
 		p.set(t, n);
-	}, L = Ce({
+	}, I = Ce({
 		canMonitor: ({ source: t }) => dn(t.data, e),
 		onDrop: ({ source: t, location: i }) => {
 			let a = g.value;
 			if (g.value = void 0, m.value = void 0, h.value = void 0, E(), !i.current.dropTargets[0] || !a || !dn(t.data, e)) return;
 			let { flatRows: o, getRowIndexByKey: s } = r.value, c = s(t.data.rowKey), l = s(a.targetKey), f = c === void 0 ? void 0 : o[c], p = l === void 0 ? void 0 : o[l];
 			if (!f || !p || f.key === p.key || y(f.key, p.key)) return;
-			if (U(n) === Pe.FLAT) {
+			if (H(n) === Pe.FLAT) {
 				if (a.action === Fe.CHILD) return;
 				u({
 					action: a.action,
@@ -1873,22 +1892,22 @@ var J = /* @__PURE__ */ function(e) {
 				depth: _ ? p.depth + 1 : p.depth
 			});
 		}
-	}), R;
-	return G(i, (t) => {
-		R?.(), R = void 0, t && (R = ke({
+	}), L;
+	return W(i, (t) => {
+		L?.(), L = void 0, t && (L = ke({
 			element: t,
 			canScroll: ({ source: t }) => dn(t.data, e)
 		}));
 	}, { immediate: !0 }), F(() => {
-		L(), R?.(), P(), p.forEach((e) => {
+		I(), L?.(), P(), p.forEach((e) => {
 			e();
 		}), p.clear();
 	}), {
-		registerRowElement: I,
+		registerRowElement: te,
 		draggingRowKey: m,
 		dropIndicator: h
 	};
-}, vn = ({ flatRows: e, virtualEnabled: t, windowIndexes: n, uiTotalSize: r, getRowUiOffset: i, activeGroupRowIndex: a, activeDepthFooterRowIndexes: o, leavingDepthFooterRowIndex: s, slidingDepthFooterRowIndexes: c, farDepthFooterRowIndexes: l, activeRowIndex: u }) => {
+}, yn = ({ flatRows: e, virtualEnabled: t, windowIndexes: n, uiTotalSize: r, getRowUiOffset: i, activeGroupRowIndex: a, activeDepthFooterRowIndexes: o, leavingDepthFooterRowIndex: s, slidingDepthFooterRowIndexes: c, farDepthFooterRowIndexes: l, activeRowIndex: u }) => {
 	let d = b(() => {
 		let e = [];
 		return a.value !== void 0 && e.push(a.value), e.push(...o.value), u.value !== void 0 && e.push(u.value), e;
@@ -1908,7 +1927,7 @@ var J = /* @__PURE__ */ function(e) {
 				rowHeight: t ? t.end - t.start : void 0
 			});
 		};
-		if (!U(t)) return u.forEach(x), y;
+		if (!H(t)) return u.forEach(x), y;
 		let S = r.value, C = n.value.filter((e) => {
 			let t = i(e);
 			return !t || t.end > 0 && t.start < S;
@@ -1952,11 +1971,11 @@ var J = /* @__PURE__ */ function(e) {
 			k = r + n;
 		}), A(S - k), y;
 	}) };
-}, yn = ({ selected: e, cascade: t, treeIndex: n, groupRow: r, disabledKey: i, isItemSelectable: a }) => {
+}, bn = ({ selected: e, cascade: t, treeIndex: n, groupRow: r, disabledKey: i, isItemSelectable: a }) => {
 	let o = b(() => new Set(e.value)), s = (e) => n.value.nodeByKey.get(e)?.parentKey, c = (e) => {
 		let t = n.value.nodeByKey.get(e);
-		if (!t || Ht(t.item, U(r)) || Ht(t.item, U(i))) return !1;
-		let o = U(a);
+		if (!t || Ht(t.item, H(r)) || Ht(t.item, H(i))) return !1;
+		let o = H(a);
 		return o ? o(t.item) !== !1 : !0;
 	}, l = b(() => {
 		let e = [];
@@ -1989,7 +2008,7 @@ var J = /* @__PURE__ */ function(e) {
 	}, _ = (n) => {
 		if (!c(n)) return;
 		let r = new Set(e.value);
-		if (!U(t)) {
+		if (!H(t)) {
 			r.has(n) ? r.delete(n) : r.add(n), e.value = [...r];
 			return;
 		}
@@ -2020,11 +2039,11 @@ var J = /* @__PURE__ */ function(e) {
 			e.value = [];
 		}
 	};
-}, bn = ({ columns: e, primaryColumnKey: t, treeNodeByKey: n, groupTotalKey: r, depthFooter: i, groupContentColumnKey: a, creationContentColumnKey: o, loadMoreContentColumnKey: s, treeIndent: c, loadingMoreChildrenKeys: l, footerValues: u, stuckDepthFooterRowIndex: d, onDepthFooterClick: f, onLoadMoreChildren: p }) => {
-	let m = b(() => U(e).find((e) => e.key === t.value)), h = b(() => U(i)?.columnKey ?? t.value), g = b(() => U(a) ?? t.value), _ = b(() => U(o) ?? t.value), v = b(() => U(s) ?? t.value), y = (e) => n.value.get(e.key)?.subtreeSize ?? 0, x = (e) => Wt(e.item, U(r)), S = (e) => {
+}, xn = ({ columns: e, primaryColumnKey: t, treeNodeByKey: n, groupTotalKey: r, depthFooter: i, groupContentColumnKey: a, creationContentColumnKey: o, loadMoreContentColumnKey: s, treeIndent: c, loadingMoreChildrenKeys: l, footerValues: u, stuckDepthFooterRowIndex: d, onDepthFooterClick: f, onLoadMoreChildren: p }) => {
+	let m = b(() => H(e).find((e) => e.key === t.value)), h = b(() => H(i)?.columnKey ?? t.value), g = b(() => H(a) ?? t.value), _ = b(() => H(o) ?? t.value), v = b(() => H(s) ?? t.value), y = (e) => n.value.get(e.key)?.subtreeSize ?? 0, x = (e) => Wt(e.item, H(r)), S = (e) => {
 		let t = Ut(e.item, m.value?.value ?? m.value?.key);
 		return t === void 0 ? void 0 : String(t);
-	}, C = (e) => ({ paddingInlineStart: `calc(var(--s-ui-dimension-4) + ${e * U(c)}px)` }), w = (e) => {
+	}, C = (e) => ({ paddingInlineStart: `calc(var(--s-ui-dimension-4) + ${e * H(c)}px)` }), w = (e) => {
 		f({
 			parentKey: e.parentKey ?? "",
 			parentItem: e.item,
@@ -2038,7 +2057,7 @@ var J = /* @__PURE__ */ function(e) {
 		click: () => {
 			w(e);
 		}
-	}), E = b(() => new Set(U(l))), D = (e) => e.parentKey ? E.value.has(e.parentKey) : !1, O = (e) => {
+	}), E = b(() => new Set(H(l))), D = (e) => e.parentKey ? E.value.has(e.parentKey) : !1, O = (e) => {
 		!e.parentKey || D(e) || p({
 			key: e.parentKey,
 			item: e.item
@@ -2051,7 +2070,7 @@ var J = /* @__PURE__ */ function(e) {
 		loadMore: () => {
 			O(e);
 		}
-	}), A = (e) => U(u)?.[e];
+	}), A = (e) => H(u)?.[e];
 	return {
 		depthFooterColumnKey: h,
 		groupColumnKey: g,
@@ -2075,11 +2094,11 @@ var J = /* @__PURE__ */ function(e) {
 			return t ? `s-ui-table__aggregate-cell--tone-${t}` : void 0;
 		},
 		getFooterSlotScope: (t) => ({
-			column: U(e).find((e) => e.key === t) ?? { key: t },
+			column: H(e).find((e) => e.key === t) ?? { key: t },
 			footerValue: A(t)
 		})
 	};
-}, xn = ({ sortState: e, onSortChange: t }) => {
+}, Sn = ({ sortState: e, onSortChange: t }) => {
 	let n = b(() => new Map(e.value.map((e) => [e.key, e]))), r = (e) => n.value.get(e)?.direction, i = (t) => {
 		if (e.value.length < 2) return;
 		let n = e.value.findIndex((e) => e.key === t);
@@ -2127,8 +2146,8 @@ var J = /* @__PURE__ */ function(e) {
 			sortIndex: i(e.key)
 		} : { column: { key: e.key } }
 	};
-}, Sn = ({ windowIndexes: e, visibleRange: t, getRowKey: n, rowsVersion: r, pinnedRowKey: i, enabled: a }) => {
-	let o = /* @__PURE__ */ new Set(), s = V(/* @__PURE__ */ new Set()), c = [], l = 12, u = 0, d = !1, f = !1, p = 0, m = "", h = () => {
+}, Cn = ({ windowIndexes: e, visibleRange: t, getRowKey: n, rowsVersion: r, pinnedRowKey: i, enabled: a }) => {
+	let o = /* @__PURE__ */ new Set(), s = B(/* @__PURE__ */ new Set()), c = [], l = 12, u = 0, d = !1, f = !1, p = 0, m = "", h = () => {
 		u = performance.now(), d = !0, s.value = new Set(o);
 	}, g = (e) => {
 		let t = c.splice(0, e);
@@ -2155,7 +2174,7 @@ var J = /* @__PURE__ */ function(e) {
 			r !== void 0 && !o.has(r) && t.push(r);
 		}), t;
 	}, S = (e) => {
-		let t = U(i), n = t === void 0 ? -1 : e.indexOf(t);
+		let t = H(i), n = t === void 0 ? -1 : e.indexOf(t);
 		return n > 0 && (e.splice(n, 1), e.unshift(t ?? "")), e;
 	}, C = (e) => {
 		let t = new Set(e.map(n)), r = 0;
@@ -2168,27 +2187,27 @@ var J = /* @__PURE__ */ function(e) {
 		(c.length > 0 || e > 0) && y.resume();
 	}, E = (e) => e.map((e) => n(e) ?? "").join("\0"), D = (e) => {
 		let t = E(e);
-		if (!U(a) || t === m) return;
+		if (!H(a) || t === m) return;
 		m = t, c = S(x(e));
 		let n = C(e), r = g(Math.max(0, l - p));
 		p += r, w(n + r), T(r);
 	};
-	return G(e, D, {
+	return W(e, D, {
 		flush: "sync",
 		immediate: !0
-	}), G(() => U(r), () => D(e.value), { flush: "sync" }), G(() => U(a), () => {
+	}), W(() => H(r), () => D(e.value), { flush: "sync" }), W(() => H(a), () => {
 		m = "", D(e.value);
 	}), {
-		isRowHydrated: (e) => !U(a) || e === U(i) || s.value.has(e),
+		isRowHydrated: (e) => !H(a) || e === H(i) || s.value.has(e),
 		hydratedKeys: s
 	};
-}, Cn = {
+}, wn = {
 	pinned: [],
 	sliding: []
-}, wn = ({ snapshot: e, visibleRange: t, groupRowSticky: n, depthFooterSticky: r, bottomVisibleRowIndex: i, getRowOffset: a }) => {
+}, Tn = ({ snapshot: e, visibleRange: t, groupRowSticky: n, depthFooterSticky: r, bottomVisibleRowIndex: i, getRowOffset: a }) => {
 	let o = b(() => {
 		let r = t.value;
-		if (!r || !U(n)) return;
+		if (!r || !H(n)) return;
 		let { flatRows: i, getRowIndexByKey: a } = e.value, o = i[r.startIndex];
 		if (!o) return;
 		let s = o.kind === Q.GROUP ? o.key : o.parentKey;
@@ -2227,7 +2246,7 @@ var J = /* @__PURE__ */ function(e) {
 		return [t - 2, t - 1].filter((e) => r[e]?.kind === Q.DEPTH_FOOTER && !n.includes(e));
 	}, m = b(() => {
 		let e = i.value;
-		if (!U(r) || e === void 0) return Cn;
+		if (!H(r) || e === void 0) return wn;
 		let t = f(e);
 		return {
 			pinned: t,
@@ -2248,9 +2267,9 @@ var J = /* @__PURE__ */ function(e) {
 		slidingDepthFooterRowIndexes: b(() => m.value.sliding),
 		farDepthFooterRowIndexes: b(() => m.value.pinned.slice(2))
 	};
-}, Tn = (e) => typeof e == "number" ? `${e}px` : e || void 0, En = ({ tfootBarStackHeight: e, hasFooterValues: t, scrollClientWidth: n, columnCssVars: r, totalWidth: i, height: a, maxHeight: o }) => ({
+}, En = (e) => typeof e == "number" ? `${e}px` : e || void 0, Dn = ({ tfootBarStackHeight: e, hasFooterValues: t, scrollClientWidth: n, columnCssVars: r, totalWidth: i, height: a, maxHeight: o }) => ({
 	rootStyle: b(() => {
-		let i = U(n);
+		let i = H(n);
 		return {
 			"--s-ui-table-header-height": "40px",
 			"--s-ui-table-row-min-height": "40px",
@@ -2259,30 +2278,30 @@ var J = /* @__PURE__ */ function(e) {
 			"--s-ui-table-bottom-stack": `${e.value}px`,
 			"--s-ui-table-footer-bar-height": "40px",
 			"--s-ui-table-create-row-height": "40px",
-			"--s-ui-table-aggregate-offset": U(t) ? "40px" : "0px",
+			"--s-ui-table-aggregate-offset": H(t) ? "40px" : "0px",
 			...i > 0 ? { "--s-ui-table-viewport-width": `${i}px` } : {},
 			...r.value
 		};
 	}),
 	scrollStyle: b(() => ({
-		height: Tn(U(a)),
-		maxHeight: Tn(U(o))
+		height: En(H(a)),
+		maxHeight: En(H(o))
 	})),
 	tableStyle: b(() => ({ width: `max(100%, ${i.value}px)` }))
-}), Dn, On = () => {
-	if (Dn !== void 0) return Dn;
-	if (typeof document > "u") return Dn = Le, Dn;
+}), On, kn = () => {
+	if (On !== void 0) return On;
+	if (typeof document > "u") return On = Le, On;
 	let e = document.createElement("div");
 	e.style.cssText = `position:absolute;visibility:hidden;pointer-events:none;width:1px;height:${ze}px`, document.body.appendChild(e);
 	let t = e.offsetHeight;
-	return e.remove(), Dn = t > 0 ? t : Le, Dn;
-}, kn = (e) => e > 16e6 ? On() - Re : Infinity, An = (e, t, n) => {
+	return e.remove(), On = t > 0 ? t : Le, On;
+}, An = (e) => e > 16e6 ? kn() - Re : Infinity, jn = (e, t, n) => {
 	if (!e) return 0;
 	let r = Math.max(t, Be);
 	return n > 4 * r ? r : 0;
-}, jn = (e, t) => !e.active || t <= e.edgeZone ? t : t >= e.maxUiScrollTop - e.edgeZone ? Math.min(e.maxModelScrollTop, e.maxModelScrollTop - (e.maxUiScrollTop - t)) : e.edgeZone + (t - e.edgeZone) * e.ratio, Mn = (e, t) => e.active ? t <= e.edgeZone ? Math.max(0, t) : t >= e.maxModelScrollTop - e.edgeZone ? Math.min(e.maxUiScrollTop, e.maxUiScrollTop - (e.maxModelScrollTop - t)) : e.edgeZone + (t - e.edgeZone) / e.ratio : t, Nn = (e, t) => e.active === t.active && e.maxUiScrollTop === t.maxUiScrollTop && e.maxModelScrollTop === t.maxModelScrollTop && e.edgeZone === t.edgeZone, Pn = (e, t) => !Nn(e, t) && (e.active || t.active), Fn = ({ scrollElement: e, totalSize: t, viewportHeight: n, extraHeight: r, onRescale: i }) => {
-	let a = V(0), o = b(() => {
-		let e = U(t), i = U(r), a = U(n), o = kn(e), s = e > o, c = s ? o : e, l = Math.max(1, c + i - a), u = Math.max(0, e + i - a), d = An(s, a, l);
+}, Mn = (e, t) => !e.active || t <= e.edgeZone ? t : t >= e.maxUiScrollTop - e.edgeZone ? Math.min(e.maxModelScrollTop, e.maxModelScrollTop - (e.maxUiScrollTop - t)) : e.edgeZone + (t - e.edgeZone) * e.ratio, Nn = (e, t) => e.active ? t <= e.edgeZone ? Math.max(0, t) : t >= e.maxModelScrollTop - e.edgeZone ? Math.min(e.maxUiScrollTop, e.maxUiScrollTop - (e.maxModelScrollTop - t)) : e.edgeZone + (t - e.edgeZone) / e.ratio : t, Pn = (e, t) => e.active === t.active && e.maxUiScrollTop === t.maxUiScrollTop && e.maxModelScrollTop === t.maxModelScrollTop && e.edgeZone === t.edgeZone, Fn = (e, t) => !Pn(e, t) && (e.active || t.active), In = ({ scrollElement: e, totalSize: t, viewportHeight: n, extraHeight: r, onRescale: i }) => {
+	let a = B(0), o = b(() => {
+		let e = H(t), i = H(r), a = H(n), o = An(e), s = e > o, c = s ? o : e, l = Math.max(1, c + i - a), u = Math.max(0, e + i - a), d = jn(s, a, l);
 		return {
 			active: s,
 			uiHeight: c,
@@ -2291,32 +2310,32 @@ var J = /* @__PURE__ */ function(e) {
 			edgeZone: d,
 			ratio: s ? (u - 2 * d) / (l - 2 * d) : 1
 		};
-	}), s = (e) => jn(o.value, e), c = (e) => Mn(o.value, e), l = V(0), u = V(-1);
-	me(e, "scroll", () => {
+	}), s = (e) => Mn(o.value, e), c = (e) => Nn(o.value, e), l = B(0), u = B(-1);
+	K(e, "scroll", () => {
 		let t = e.value;
 		t && (a.value = t.scrollTop, t.scrollTop !== u.value && (u.value = t.scrollTop, l.value = s(t.scrollTop)));
 	}, { passive: !0 });
 	let d = (e) => e.scrollTop === u.value ? l.value : s(e.scrollTop), f = b(() => o.value.active ? l.value : s(a.value)), p = b(() => o.value.active ? f.value - a.value : 0), m = b(() => o.value.uiHeight), h = b(() => o.value.maxModelScrollTop), g = b(() => o.value.active), _ = (e, t, n) => {
 		e.scrollTop = t, a.value = e.scrollTop, u.value = e.scrollTop, l.value = n !== void 0 && Math.abs(e.scrollTop - t) <= 4 ? Math.max(0, Math.min(o.value.maxModelScrollTop, n)) : s(e.scrollTop);
-	}, v = (t) => t === "y" ? U(n) : e.value?.clientWidth ?? 0, y = (e, t) => e === WheelEvent.DOM_DELTA_LINE ? 40 : e === WheelEvent.DOM_DELTA_PAGE ? v(t) : 1, x = (e, t) => (t === "x" ? e.deltaX : e.deltaY) * y(e.deltaMode, t), S = (e) => o.value.active && e.deltaY !== 0 && !e.ctrlKey, C = (t) => {
+	}, v = (t) => t === "y" ? H(n) : e.value?.clientWidth ?? 0, y = (e, t) => e === WheelEvent.DOM_DELTA_LINE ? 40 : e === WheelEvent.DOM_DELTA_PAGE ? v(t) : 1, x = (e, t) => (t === "x" ? e.deltaX : e.deltaY) * y(e.deltaMode, t), S = (e) => o.value.active && e.deltaY !== 0 && !e.ctrlKey, C = (t) => {
 		let n = e.value;
 		if (!n || !S(t)) return;
 		let { maxModelScrollTop: r } = o.value, i = d(n), a = Math.max(0, Math.min(r, i + x(t, "y")));
 		a !== i && (t.preventDefault(), _(n, c(a), a), n.scrollLeft += x(t, "x"));
 	}, w, T = (t) => {
-		w?.(), w = t ? me(e, "wheel", C, { passive: !1 }) : void 0;
+		w?.(), w = t ? K(e, "wheel", C, { passive: !1 }) : void 0;
 	};
-	fe(() => {
+	pe(() => {
 		w?.();
 	});
-	let E = (e, t) => e.scrollTop === u.value ? l.value : jn(t, e.scrollTop);
-	return I(() => {
-		G(o, (t, n) => {
+	let E = (e, t) => e.scrollTop === u.value ? l.value : Mn(t, e.scrollTop);
+	return te(() => {
+		W(o, (t, n) => {
 			let r = e.value;
-			if (!r || !Pn(t, n)) return;
+			if (!r || !Fn(t, n)) return;
 			let a = E(r, n);
-			_(r, Mn(t, a), a), i?.(a);
-		}), G(g, T, { immediate: !0 });
+			_(r, Nn(t, a), a), i?.(a);
+		}), W(g, T, { immediate: !0 });
 	}), {
 		uiScrollTop: a,
 		modelScrollOffset: f,
@@ -2329,8 +2348,8 @@ var J = /* @__PURE__ */ function(e) {
 		resolveModelOffset: d,
 		setScrollTop: _
 	};
-}, In = ({ rowCount: e, enabled: t, autoMeasure: n, estimateRowSize: r, estimateRowSizeByIndex: i, overscan: a, scrollElement: o, getRowKey: s, rowsVersion: c, viewportHeight: l, extraHeight: u, headerHeight: d }) => {
-	let f, p = Fn({
+}, Ln = ({ rowCount: e, enabled: t, autoMeasure: n, estimateRowSize: r, estimateRowSizeByIndex: i, overscan: a, scrollElement: o, getRowKey: s, rowsVersion: c, viewportHeight: l, extraHeight: u, headerHeight: d }) => {
+	let f, p = In({
 		scrollElement: o,
 		totalSize: () => _.value.getTotalSize(),
 		viewportHeight: l,
@@ -2338,18 +2357,18 @@ var J = /* @__PURE__ */ function(e) {
 		onRescale: (e) => {
 			f?.(e, !1);
 		}
-	}), m = V(0), h = 0, g = (e, t, n) => {
+	}), m = B(0), h = 0, g = (e, t, n) => {
 		let r = Math.round((e - h) / n);
 		h = e, m.value = t ? Math.max(-24, Math.min(24, r)) : 0;
 	}, _ = be(b(() => {
-		let n = U(r);
+		let n = H(r);
 		return {
-			count: U(e),
-			enabled: U(t),
+			count: H(e),
+			enabled: H(t),
 			getScrollElement: () => o.value,
 			estimateSize: (e) => i?.(e) ?? n,
 			getItemKey: s,
-			overscan: U(a),
+			overscan: H(a),
 			shouldAdjustScrollPositionOnItemSizeChange: () => !1,
 			observeElementOffset: (e, t) => (f = t, ye(e, (e, r) => {
 				let i = p.uiToModel(e);
@@ -2359,9 +2378,9 @@ var J = /* @__PURE__ */ function(e) {
 				ve(p.modelToUi(e + (t.adjustments ?? 0)), { behavior: t.behavior }, n);
 			}
 		};
-	})), v = b(() => U(t) ? _.value.getVirtualItems() : []), y = b(() => _.value.getTotalSize()), x = (e, t) => Array.from({ length: Math.max(0, t - e + 1) }, (t, n) => e + n), S = (t, n) => {
+	})), v = b(() => H(t) ? _.value.getVirtualItems() : []), y = b(() => _.value.getTotalSize()), x = (e, t) => Array.from({ length: Math.max(0, t - e + 1) }, (t, n) => e + n), S = (t, n) => {
 		let r = t[0], i = t[t.length - 1];
-		if (!(!r || !i)) return n > 0 ? [i.index + 1, Math.min(U(e) - 1, i.index + n)] : [Math.max(0, r.index + n), r.index - 1];
+		if (!(!r || !i)) return n > 0 ? [i.index + 1, Math.min(H(e) - 1, i.index + n)] : [Math.max(0, r.index + n), r.index - 1];
 	}, C = b(() => {
 		let e = v.value, t = e.map((e) => e.index), n = m.value, r = n === 0 ? void 0 : S(e, n);
 		if (!r) return t;
@@ -2372,7 +2391,7 @@ var J = /* @__PURE__ */ function(e) {
 		let t = Number(e.dataset.index);
 		return Number.isInteger(t) ? t : void 0;
 	}, E = (e) => {
-		if (!U(t) || !U(n)) return;
+		if (!H(t) || !H(n)) return;
 		let r = o.value;
 		if (!r) return;
 		let i = r.querySelectorAll("tr[data-index]"), a = [];
@@ -2380,7 +2399,7 @@ var J = /* @__PURE__ */ function(e) {
 			let n = T(t);
 			n === void 0 || !(t instanceof HTMLElement) || (!e || !w.has(s(n))) && a.push(t);
 		}), a.length === 0) return;
-		let c = _.value.measurementsCache, l = r.getBoundingClientRect().top + U(d), u = p.resolveModelOffset(r), f = [], m = Infinity;
+		let c = _.value.measurementsCache, l = r.getBoundingClientRect().top + H(d), u = p.resolveModelOffset(r), f = [], m = Infinity;
 		a.forEach((e) => {
 			let t = Number(e.dataset.index), n = e.getBoundingClientRect();
 			f.push([t, Math.round(n.height)]), n.bottom > l + 1 && t < m && (m = t);
@@ -2393,7 +2412,7 @@ var J = /* @__PURE__ */ function(e) {
 			e < m && n !== void 0 && (h += t - n), _.value.resizeItem(e, t);
 		}), h !== 0 && p.setScrollTop(r, p.modelToUi(u + h), u + h);
 	};
-	G(C, () => E(!0), { flush: "post" });
+	W(C, () => E(!0), { flush: "post" });
 	let D = () => {
 		E(!0);
 	}, O = () => {
@@ -2401,15 +2420,15 @@ var J = /* @__PURE__ */ function(e) {
 	};
 	ge(o, () => {
 		O();
-	}), G(() => U(c), () => {
+	}), W(() => H(c), () => {
 		w.clear(), E(!1);
 	}, { flush: "post" });
 	let k = (e, t) => {
 		if (e !== "auto") return e;
-		let n = U(l) - U(u), r = p.modelScrollOffset.value;
+		let n = H(l) - H(u), r = p.modelScrollOffset.value;
 		return t.end >= r + n ? "end" : t.start <= r ? "start" : void 0;
 	}, A = (e, t) => {
-		let n = U(l) - U(u);
+		let n = H(l) - H(u);
 		return e === "start" ? t.start : e === "end" ? t.end - n : t.start - (n - t.size) / 2;
 	}, j = (e, t) => {
 		let n = _.value.measurementsCache, r = n[Math.max(0, Math.min(e, n.length - 1))];
@@ -2427,7 +2446,7 @@ var J = /* @__PURE__ */ function(e) {
 		let r = j(e, t);
 		r !== void 0 && p.setScrollTop(n, p.modelToUi(r), r);
 	}, ee = b(() => {
-		if (!(!U(t) || v.value.length === 0)) return _.value.range ?? void 0;
+		if (!(!H(t) || v.value.length === 0)) return _.value.range ?? void 0;
 	}), N = (e) => {
 		let t = _.value.measurementsCache;
 		if (t.length === 0) return;
@@ -2469,29 +2488,29 @@ var J = /* @__PURE__ */ function(e) {
 		},
 		getRowIndexAtOffset: N
 	};
-}, Ln = [
+}, Rn = [
 	"role",
 	"aria-rowcount",
 	"aria-colcount",
 	"aria-busy"
-], Rn = { class: "s-ui-table__head" }, zn = {
+], zn = { class: "s-ui-table__head" }, Bn = {
 	class: "s-ui-table__head-row",
 	"aria-rowindex": 1
-}, Bn = {
+}, Vn = {
 	key: 0,
 	class: "s-ui-table__header-cell s-ui-table__filler-cell",
 	role: "presentation"
-}, Vn = [
+}, Hn = [
 	"id",
 	"data-column-key",
 	"data-section",
 	"aria-colindex",
 	"aria-sort",
 	"tabindex"
-], Hn = {
+], Un = {
 	key: 2,
 	class: "s-ui-table__columns-manager"
-}, Un = { class: "s-ui-table__columns-item-main" }, Wn = { class: "s-ui-table__columns-item-title" }, Gn = [
+}, Wn = { class: "s-ui-table__columns-item-main" }, Gn = { class: "s-ui-table__columns-item-title" }, Kn = [
 	"aria-label",
 	"aria-valuenow",
 	"aria-valuemin",
@@ -2500,31 +2519,31 @@ var J = /* @__PURE__ */ function(e) {
 	"onPointerdown",
 	"onKeydown",
 	"onDblclick"
-], Kn = { class: "s-ui-table__body" }, qn = {
+], qn = { class: "s-ui-table__body" }, Jn = {
 	key: 0,
 	class: "s-ui-table__empty-row",
 	"aria-rowindex": 2
-}, Jn = ["colspan"], Yn = { class: "s-ui-table__empty-content" }, Xn = { class: "s-ui-table__empty-text" }, Zn = {
+}, Yn = ["colspan"], Xn = { class: "s-ui-table__empty-content" }, Zn = { class: "s-ui-table__empty-text" }, Qn = {
 	key: 0,
 	class: "s-ui-table__spacer",
 	"aria-hidden": "true"
-}, Qn = ["colspan"], $n = {
+}, $n = ["colspan"], er = {
 	key: 0,
 	class: "s-ui-table__foot"
-}, er = ["aria-rowindex"], tr = {
+}, tr = ["aria-rowindex"], nr = {
 	key: 0,
 	class: "s-ui-table__aggregate-cell s-ui-table__filler-cell",
 	role: "presentation"
-}, nr = [
+}, rr = [
 	"id",
 	"aria-colindex",
 	"data-column-key",
 	"data-section",
 	"tabindex"
-], rr = {
+], ir = {
 	key: 1,
 	class: "s-ui-table__aggregate-text"
-}, ir = /* @__PURE__ */ O({
+}, ar = /* @__PURE__ */ O({
 	__name: "STable",
 	props: /*@__PURE__*/ j({
 		items: {},
@@ -2660,7 +2679,7 @@ var J = /* @__PURE__ */ function(e) {
 		"update:sortState"
 	]),
 	setup(e, { expose: t, emit: n }) {
-		let s = re(e, "modelValue"), c = re(e, "selected"), p = re(e, "expanded"), m = re(e, "columnOrder"), h = re(e, "columnWidths"), O = re(e, "hiddenColumns"), A = re(e, "sortState"), j = n, F = ie(), { t: I } = de(), R = ne(), te = ae("scrollElementRef"), U = ae("tableElementRef"), se = ae("tableRootRef"), { width: ue, height: fe } = pe(te), { primaryColumnKey: me, columnDescriptors: he, columnCssVars: ge, totalWidth: _e, columnCount: ve } = ct({
+		let s = ie(e, "modelValue"), c = ie(e, "selected"), p = ie(e, "expanded"), m = ie(e, "columnOrder"), h = ie(e, "columnWidths"), O = ie(e, "hiddenColumns"), A = ie(e, "sortState"), j = n, F = ae(), { t: te } = fe(), L = re(), ne = oe("scrollElementRef"), H = oe("tableElementRef"), ce = oe("gridExitRef"), de = oe("tableRootRef"), { width: pe, height: K } = me(ne), { primaryColumnKey: he, columnDescriptors: ge, columnCssVars: _e, totalWidth: ve, columnCount: ye } = ct({
 			columns: () => e.columns,
 			columnOrder: m,
 			columnWidths: h,
@@ -2672,8 +2691,8 @@ var J = /* @__PURE__ */ function(e) {
 			columnsManagerWidth: () => e.columnsManagerWidth,
 			columnsResizable: () => e.columnsResizable,
 			columnsDraggable: () => e.columnsDraggable,
-			viewportWidth: () => ue.value
-		}), { treeIndex: ye, snapshot: be, flatRows: q, toggleExpanded: xe, expandAll: Se, collapseAll: Ce } = Kt({
+			viewportWidth: () => pe.value
+		}), { treeIndex: be, snapshot: xe, flatRows: q, toggleExpanded: Se, expandAll: Ce, collapseAll: we } = Kt({
 			items: () => e.items,
 			itemKey: () => e.itemKey,
 			childrenKey: () => e.childrenKey,
@@ -2681,50 +2700,50 @@ var J = /* @__PURE__ */ function(e) {
 			expanded: p,
 			depthFooter: () => e.depthFooter,
 			hasMoreChildrenKey: () => e.hasMoreChildrenKey
-		}), { leadingDescriptors: we, trailingDescriptors: Te, headerCells: Ee, getStickyCellStyle: De, getHeaderCellClasses: Oe, leadingCellPlans: ke, trailingCellPlans: J, rowCellPlans: Y } = mn({
-			columnDescriptors: he,
-			hasTreeStructure: () => Ae.value,
+		}), { leadingDescriptors: Te, trailingDescriptors: Ee, headerCells: De, getStickyCellStyle: Oe, getHeaderCellClasses: ke, leadingCellPlans: J, trailingCellPlans: Y, rowCellPlans: X } = mn({
+			columnDescriptors: ge,
+			hasTreeStructure: () => je.value,
 			expandColumnKey: () => e.expandColumnKey,
-			primaryColumnKey: me
-		}), X = b(() => he.value.length + 1), Ae = b(() => ye.value.expandableKeys.length > 0), je = b(() => Ae.value ? "treegrid" : "grid"), Me = b(() => q.value.length + 1 + +!!e.creationRow + +!!e.footerValues), Ie = b(() => e.virtual), Le = b(() => ({
+			primaryColumnKey: he
+		}), Ae = b(() => ge.value.length + 1), je = b(() => be.value.expandableKeys.length > 0), Me = b(() => je.value ? "treegrid" : "grid"), Ie = b(() => q.value.length + 1 + +!!e.creationRow + +!!e.footerValues), Le = b(() => e.virtual), Re = b(() => ({
 			"s-ui-table--rows-fixed": e.rowHeightMode === Ne.FIXED,
 			"s-ui-table--columns-manager-body-static": !e.columnsManagerBodySticky
-		})), Re = b(() => {
+		})), ze = b(() => {
 			let t = 0;
 			return e.footerValues && (t += 40), e.creationRow && (t += 40), t;
-		}), ze = [];
-		G(q, (e) => {
-			ze = e;
+		}), Be = [];
+		W(q, (e) => {
+			Be = e;
 		}, {
 			flush: "sync",
 			immediate: !0
 		});
-		let { windowIndexes: Be, uiTotalSize: Ve, modelScrollOffset: He, scrollToIndex: Ue, visibleRange: Ge, getRowOffset: Je, getRowUiOffset: Ye, getRowIndexAtOffset: Xe, measureWindowRows: Ze, measureNewRows: Qe } = In({
+		let { windowIndexes: Ve, uiTotalSize: He, modelScrollOffset: Ue, scrollToIndex: Ge, visibleRange: Je, getRowOffset: Ye, getRowUiOffset: Xe, getRowIndexAtOffset: Ze, measureWindowRows: Qe, measureNewRows: $e } = Ln({
 			rowCount: () => q.value.length,
-			enabled: Ie,
+			enabled: Le,
 			autoMeasure: () => e.rowHeightMode === Ne.AUTO,
 			estimateRowSize: () => e.estimateRowSize,
 			estimateRowSizeByIndex: void 0,
 			overscan: () => e.overscan,
-			scrollElement: te,
-			getRowKey: (e) => ze[e]?.key ?? e,
+			scrollElement: ne,
+			getRowKey: (e) => Be[e]?.key ?? e,
 			rowsVersion: q,
-			viewportHeight: () => fe.value,
-			extraHeight: () => 40 + Re.value,
+			viewportHeight: () => K.value,
+			extraHeight: () => 40 + ze.value,
 			headerHeight: () => 40
-		}), { isRowHydrated: $e, hydratedKeys: et } = Sn({
-			windowIndexes: Be,
-			visibleRange: Ge,
-			getRowKey: (e) => ze[e]?.key,
+		}), { isRowHydrated: et, hydratedKeys: tt } = Cn({
+			windowIndexes: Ve,
+			visibleRange: Je,
+			getRowKey: (e) => Be[e]?.key,
 			rowsVersion: q,
 			pinnedRowKey: () => s.value,
-			enabled: () => Ie.value && e.scrollSeekPlaceholders
+			enabled: () => Le.value && e.scrollSeekPlaceholders
 		});
-		G(et, Qe, { flush: "post" });
-		let { resizingColumnKey: tt, handleResizeHandlePointerdown: nt, handleResizeHandleKeydown: rt, handleResizeHandleDblclick: it } = hn({
-			tableRootElement: se,
-			scrollElement: te,
-			columnDescriptors: he,
+		W(tt, $e, { flush: "post" });
+		let { resizingColumnKey: nt, handleResizeHandlePointerdown: rt, handleResizeHandleKeydown: it, handleResizeHandleDblclick: at } = hn({
+			tableRootElement: de,
+			scrollElement: ne,
+			columnDescriptors: ge,
 			columnWidths: h,
 			enabled: () => e.columnsResizable,
 			onResizeEnd: (e, t) => {
@@ -2734,13 +2753,13 @@ var J = /* @__PURE__ */ function(e) {
 				});
 			},
 			remeasureRows: () => {
-				Ze();
+				Qe();
 			}
-		}), at = b(() => e.rowsDragMode ? e.rowsDragMode : Ae.value ? Pe.TREE : Pe.FLAT), { registerColumnHeaderElement: ot, draggingColumnKey: st, dropLineStyle: lt } = fn({
-			tableId: R,
-			tableRootElement: se,
+		}), ot = b(() => e.rowsDragMode ? e.rowsDragMode : je.value ? Pe.TREE : Pe.FLAT), { registerColumnHeaderElement: st, draggingColumnKey: lt, dropLineStyle: ut } = fn({
+			tableId: L,
+			tableRootElement: de,
 			enabled: () => e.columnsDraggable,
-			columnDescriptors: he,
+			columnDescriptors: ge,
 			onReorder: (t, n, r) => {
 				let i = m.value?.length ? [...m.value] : e.columns.map((e) => e.key);
 				e.columns.forEach((e) => {
@@ -2755,21 +2774,21 @@ var J = /* @__PURE__ */ function(e) {
 					order: a
 				});
 			},
-			isResizing: () => !!tt.value
-		}), ut = (e, t) => {
-			(e instanceof Element || e === null) && ot(t, e);
-		}, { registerRowElement: dt, draggingRowKey: pt, dropIndicator: mt } = _n({
-			tableId: R,
+			isResizing: () => !!nt.value
+		}), dt = (e, t) => {
+			(e instanceof Element || e === null) && st(t, e);
+		}, { registerRowElement: pt, draggingRowKey: mt, dropIndicator: ht } = vn({
+			tableId: L,
 			enabled: () => e.rowsDraggable,
-			dragMode: at,
-			snapshot: be,
-			scrollElement: te,
+			dragMode: ot,
+			snapshot: xe,
+			scrollElement: ne,
 			isRowDraggable: () => e.isRowDraggable,
 			dragExpandDelayMs: () => e.dragExpandDelayMs,
 			dragInsideDelayMs: () => e.dragInsideDelayMs,
 			isExpanded: (e) => p.value.includes(e),
 			onHoverExpand: (e) => {
-				xe(e);
+				Se(e);
 			},
 			onReorder: (e) => {
 				j("rowsReorder", e);
@@ -2777,56 +2796,56 @@ var J = /* @__PURE__ */ function(e) {
 			onTreeDrop: (e) => {
 				j("rowsDrop", e);
 			},
-			resolveRowPreviewTitle: (e) => On(e) ?? e.key
-		}), ht = (e) => {
-			(e instanceof Element || e === null) && dt(e);
-		}, gt = (e) => {
-			let t = mt.value;
+			resolveRowPreviewTitle: (e) => kn(e) ?? e.key
+		}), gt = (e) => {
+			(e instanceof Element || e === null) && pt(e);
+		}, _t = (e) => {
+			let t = ht.value;
 			if (!(!t || t.targetKey !== e)) return t.action === Fe.CHILD ? "inside" : t.action === Fe.BEFORE ? "before" : "after";
-		}, { activeGroupRowIndex: _t, activeDepthFooterRowIndex: vt, activeDepthFooterRowIndexes: bt, leavingDepthFooterRowIndex: xt, slidingDepthFooterRowIndexes: St, farDepthFooterRowIndexes: Ct } = wn({
-			snapshot: be,
-			visibleRange: Ge,
+		}, { activeGroupRowIndex: vt, activeDepthFooterRowIndex: bt, activeDepthFooterRowIndexes: xt, leavingDepthFooterRowIndex: St, slidingDepthFooterRowIndexes: Ct, farDepthFooterRowIndexes: wt } = Tn({
+			snapshot: xe,
+			visibleRange: Je,
 			groupRowSticky: () => e.groupRowSticky,
 			depthFooterSticky: () => e.depthFooter?.sticky !== !1,
 			bottomVisibleRowIndex: b(() => {
-				if (!Ie.value || fe.value === 0) return;
-				let e = He.value + fe.value - 40 - Re.value;
-				return Xe(Math.max(0, e));
+				if (!Le.value || K.value === 0) return;
+				let e = Ue.value + K.value - 40 - ze.value;
+				return Ze(Math.max(0, e));
 			}),
-			getRowOffset: Je
-		}), { renderEntries: wt } = vn({
+			getRowOffset: Ye
+		}), { renderEntries: Tt } = yn({
 			flatRows: q,
-			virtualEnabled: Ie,
-			windowIndexes: Be,
-			uiTotalSize: Ve,
-			getRowUiOffset: Ye,
-			activeGroupRowIndex: _t,
-			activeDepthFooterRowIndexes: bt,
-			leavingDepthFooterRowIndex: xt,
-			slidingDepthFooterRowIndexes: St,
-			farDepthFooterRowIndexes: Ct,
+			virtualEnabled: Le,
+			windowIndexes: Ve,
+			uiTotalSize: He,
+			getRowUiOffset: Xe,
+			activeGroupRowIndex: vt,
+			activeDepthFooterRowIndexes: xt,
+			leavingDepthFooterRowIndex: St,
+			slidingDepthFooterRowIndexes: Ct,
+			farDepthFooterRowIndexes: wt,
 			activeRowIndex: b(() => {
-				if (s.value) return be.value.getRowIndexByKey(s.value);
+				if (s.value) return xe.value.getRowIndexByKey(s.value);
 			})
-		}), Tt = b(() => !e.loading && q.value.length === 0), { rootStyle: Et, scrollStyle: Ot, tableStyle: kt } = En({
-			tfootBarStackHeight: Re,
+		}), Et = b(() => !e.loading && q.value.length === 0), { rootStyle: Ot, scrollStyle: kt, tableStyle: At } = Dn({
+			tfootBarStackHeight: ze,
 			hasFooterValues: () => !!e.footerValues,
-			scrollClientWidth: () => ue.value,
-			columnCssVars: ge,
-			totalWidth: _e,
+			scrollClientWidth: () => pe.value,
+			columnCssVars: _e,
+			totalWidth: ve,
 			height: () => e.height,
 			maxHeight: () => e.maxHeight
-		}), { getColumnSortDirection: At, getColumnSortIndex: jt, applySortCycle: Nt, applySortExact: Pt, getHeaderAriaSort: Ft, getHeaderSlotScope: It } = xn({
+		}), { getColumnSortDirection: jt, getColumnSortIndex: Nt, applySortCycle: Pt, applySortExact: Ft, getHeaderAriaSort: It, getHeaderSlotScope: Lt } = Sn({
 			sortState: A,
 			onSortChange: (e) => {
 				j("sortChange", e);
 			}
-		}), Lt = V(), Rt = (e, t) => {
-			Lt.value = t ? e : void 0;
-		}, zt = (e) => {
+		}), Rt = B(), zt = (e, t) => {
+			Rt.value = t ? e : void 0;
+		}, Bt = (e) => {
 			let t = e.column?.title;
-			return t ? I("table.resizeNamedColumn", { title: t }) : I("table.resizeColumn");
-		}, Bt = (t, n) => {
+			return t ? te("table.resizeNamedColumn", { title: t }) : te("table.resizeColumn");
+		}, Vt = (t, n) => {
 			if (!e.columnsResizable || !t.resizable) return;
 			let r = Math.min(t.maxWidth ?? Infinity, Math.max(t.minWidth, t.width + n * 8));
 			r !== t.width && (h.value = {
@@ -2836,9 +2855,9 @@ var J = /* @__PURE__ */ function(e) {
 				key: t.key,
 				width: r
 			}));
-		}, Vt = V(!1), Ut = b(() => e.columns.filter((e) => e.key !== me.value && (e.hideable ?? !0))), Wt = (e) => (O.value ?? []).includes(e), Gt = b(() => {
-			let e = Ut.value.map((e) => {
-				let t = Wt(e.key);
+		}, Ut = B(!1), Wt = b(() => e.columns.filter((e) => e.key !== he.value && (e.hideable ?? !0))), Gt = (e) => (O.value ?? []).includes(e), qt = b(() => {
+			let e = Wt.value.map((e) => {
+				let t = Gt(e.key);
 				return {
 					column: e,
 					hidden: t,
@@ -2846,22 +2865,22 @@ var J = /* @__PURE__ */ function(e) {
 				};
 			});
 			return [e.filter((e) => !e.hidden), e.filter((e) => e.hidden)].filter((e) => e.length > 0);
-		}), qt = (e) => {
+		}), Jt = (e) => {
 			let t = new Set(O.value ?? []);
 			t.has(e) ? t.delete(e) : t.add(e), O.value = [...t];
-		}, Jt = (e) => {
+		}, Yt = (e) => {
 			let t = new Set(O.value ?? []);
 			t.add(e), O.value = [...t];
-		}, Yt = yn({
+		}, Xt = bn({
 			selected: c,
 			cascade: () => e.cascadeSelection,
-			treeIndex: ye,
+			treeIndex: be,
 			groupRow: () => e.groupRow,
 			disabledKey: () => e.disabledKey,
 			isItemSelectable: () => e.isItemSelectable
-		}), Xt = Yt.headerCheckState, Zt = (e) => Yt.isSelected(e), Qt = (t) => e.cascadeSelection && Yt.getCheckState(t) === Z.INDETERMINATE, $t = (e) => {
-			Yt.toggleRow(e);
-		}, en = (t) => Ht(t.item, e.disabledKey), tn = ({ row: t, spacerHeight: n, rowHeight: r, stuckTop: i, stuckBottom: a, stuckBottomLeaving: o, stuckBottomSliding: c, stuckBottomCoverHeight: l, stuckBottomFar: u }, d) => [
+		}), Zt = Xt.headerCheckState, Qt = (e) => Xt.isSelected(e), $t = (t) => e.cascadeSelection && Xt.getCheckState(t) === Z.INDETERMINATE, en = (e) => {
+			Xt.toggleRow(e);
+		}, tn = (t) => Ht(t.item, e.disabledKey), nn = ({ row: t, spacerHeight: n, rowHeight: r, stuckTop: i, stuckBottom: a, stuckBottomLeaving: o, stuckBottomSliding: c, stuckBottomCoverHeight: l, stuckBottomFar: u }, d) => [
 			t ?? n,
 			t?.index,
 			t?.expanded,
@@ -2870,12 +2889,12 @@ var J = /* @__PURE__ */ function(e) {
 			t?.hasChildren,
 			t?.depth,
 			t?.parentKey,
-			t ? Zt(t.key) : !1,
 			t ? Qt(t.key) : !1,
+			t ? $t(t.key) : !1,
 			t ? s.value === t.key : !1,
-			t ? vr(t.key) : void 0,
-			t ? pt.value === t.key : !1,
-			t ? gt(t.key) : void 0,
+			t ? yr(t.key) : void 0,
+			t ? mt.value === t.key : !1,
+			t ? _t(t.key) : void 0,
 			r,
 			i,
 			a,
@@ -2883,9 +2902,9 @@ var J = /* @__PURE__ */ function(e) {
 			c,
 			l,
 			u,
-			he.value,
-			un.value,
-			Cn.value,
+			ge.value,
+			dn.value,
+			wn.value,
 			d,
 			e.loadingMoreChildrenKeys,
 			e.treeIndent,
@@ -2896,33 +2915,33 @@ var J = /* @__PURE__ */ function(e) {
 			e.selectable,
 			e.cascadeSelection,
 			e.rowsDraggable,
-			Ae.value
-		], nn = (e) => {
+			je.value
+		], an = (e) => {
 			if (e !== void 0) return { "--s-ui-table-stuck-cover-height": `${e}px` };
-		}, an = b(() => wt.value.map((e) => {
-			let t = e.row?.kind === Q.ROW && !$e(e.row.key);
+		}, on = b(() => Tt.value.map((e) => {
+			let t = e.row?.kind === Q.ROW && !et(e.row.key);
 			return {
 				...e,
 				placeholder: t,
-				memoKeys: tn(e, t)
+				memoKeys: nn(e, t)
 			};
-		})), on = b(() => Object.keys(F).filter((e) => e.startsWith("cell:"))), cn = (e) => `s-ui-table-${R}-row-${e}`, ln = (e) => ({
+		})), cn = b(() => Object.keys(F).filter((e) => e.startsWith("cell:"))), ln = (e) => `s-ui-table-${L}-row-${e}`, un = (e) => ({
 			...e,
-			selected: Zt(e.key),
+			selected: Qt(e.key),
 			indeterminate: !1,
 			active: s.value === e.key,
-			disabled: en(e),
+			disabled: tn(e),
 			group: e.kind === Q.GROUP,
 			toggleExpanded: () => {
-				xe(e.key);
+				Se(e.key);
 			},
 			toggleSelected: () => {
-				$t(e.key);
+				en(e.key);
 			}
-		}), { depthFooterColumnKey: un, groupColumnKey: dn, creationColumnKey: pn, loadMoreColumnKey: Cn, getGroupCount: Tn, getGroupTotal: Dn, getGroupTitle: On, getDepthIndentStyle: kn, emitDepthFooterClick: An, getDepthFooterSlotScope: jn, isLoadMoreRowLoading: Mn, emitLoadMoreChildren: Nn, getLoadMoreSlotScope: Pn, getFooterValueText: Fn, getFooterToneClass: ir, getFooterSlotScope: ar } = bn({
+		}), { depthFooterColumnKey: dn, groupColumnKey: pn, creationColumnKey: gn, loadMoreColumnKey: wn, getGroupCount: En, getGroupTotal: On, getGroupTitle: kn, getDepthIndentStyle: An, emitDepthFooterClick: jn, getDepthFooterSlotScope: Mn, isLoadMoreRowLoading: Nn, emitLoadMoreChildren: Pn, getLoadMoreSlotScope: Fn, getFooterValueText: In, getFooterToneClass: ar, getFooterSlotScope: or } = xn({
 			columns: () => e.columns,
-			primaryColumnKey: me,
-			treeNodeByKey: b(() => ye.value.nodeByKey),
+			primaryColumnKey: he,
+			treeNodeByKey: b(() => be.value.nodeByKey),
 			groupTotalKey: () => e.groupTotalKey,
 			depthFooter: () => e.depthFooter,
 			groupContentColumnKey: () => e.groupContentColumnKey,
@@ -2931,105 +2950,106 @@ var J = /* @__PURE__ */ function(e) {
 			treeIndent: () => e.treeIndent,
 			loadingMoreChildrenKeys: () => e.loadingMoreChildrenKeys,
 			footerValues: () => e.footerValues,
-			stuckDepthFooterRowIndex: vt,
+			stuckDepthFooterRowIndex: bt,
 			onDepthFooterClick: (e) => {
 				j("depthFooterClick", e);
 			},
 			onLoadMoreChildren: (e) => {
 				j("loadMoreChildren", e);
 			}
-		}), or = (e) => ({
-			...ln(e),
-			count: Tn(e),
-			total: Dn(e)
-		}), sr = (t, n) => {
-			en(t) || (s.value = t.key, e.expandOnClick && (t.hasChildren || t.kind === Q.GROUP) && xe(t.key), j("rowClick", {
+		}), sr = (e) => ({
+			...un(e),
+			count: En(e),
+			total: On(e)
+		}), cr = (t, n) => {
+			tn(t) || (s.value = t.key, e.expandOnClick && (t.hasChildren || t.kind === Q.GROUP) && Se(t.key), j("rowClick", {
 				key: t.key,
 				item: t.item,
 				event: n
 			}));
-		}, cr = (e, t) => {
+		}, lr = (e, t) => {
 			j("rowContextMenu", {
 				key: e.key,
 				item: e.item,
 				event: t
 			});
-		}, lr = b(() => {
+		}, ur = b(() => {
 			let e = /* @__PURE__ */ new Set();
-			return he.value.forEach((t) => {
+			return ge.value.forEach((t) => {
 				t.column && e.add(t.key);
 			}), e;
-		}), ur = (e, t, n) => {
-			!lr.value.has(t) || en(e) || j("cellClick", {
+		}), dr = (e, t, n) => {
+			!ur.value.has(t) || tn(e) || j("cellClick", {
 				key: e.key,
 				item: e.item,
 				columnKey: t,
 				event: n
 			});
-		}, dr = (e) => e ? !en(e) : !1, fr = b(() => {
-			let t = fe.value - 40 - Re.value;
+		}, fr = (e) => e ? !tn(e) : !1, pr = b(() => {
+			let t = K.value - 40 - ze.value;
 			return Math.max(1, Math.floor(t / e.estimateRowSize));
 		});
-		f(() => te.value, {
+		f(() => ne.value, {
 			distance: () => e.endReachedDistance,
 			canLoadMore: () => e.canLoadMore?.() ?? !0,
 			onEndReached: () => {
 				j("endReached", { direction: "bottom" });
 			}
 		});
-		let pr = (e, t) => {
-			let n = be.value.getRowIndexByKey(e);
+		let mr = (e, t) => {
+			let n = xe.value.getRowIndexByKey(e);
 			if (n !== void 0) {
-				if (Ie.value) {
-					Ue(n, t?.align ?? "auto");
+				if (Le.value) {
+					Ge(n, t?.align ?? "auto");
 					return;
 				}
-				document.getElementById(cn(e))?.scrollIntoView({ block: t?.align === "center" ? "center" : "nearest" });
+				document.getElementById(ln(e))?.scrollIntoView({ block: t?.align === "center" ? "center" : "nearest" });
 			}
-		}, mr = (e) => `s-ui-table-${R}-cell-${e.section}-${e.rowKey ?? ""}-${e.columnKey}`, hr = ft({
-			tableRootElement: se,
-			tableElement: U,
-			scrollElement: te,
-			columnDescriptors: he,
+		}, hr = (e) => `s-ui-table-${L}-cell-${e.section}-${e.rowKey ?? ""}-${e.columnKey}`, gr = ft({
+			tableRootElement: de,
+			tableElement: H,
+			exitElement: ce,
+			scrollElement: ne,
+			columnDescriptors: ge,
 			flatRows: q,
-			snapshot: be,
-			groupColumnKey: dn,
-			depthFooterColumnKey: un,
-			loadMoreColumnKey: Cn,
-			creationColumnKey: pn,
+			snapshot: xe,
+			groupColumnKey: pn,
+			depthFooterColumnKey: dn,
+			loadMoreColumnKey: wn,
+			creationColumnKey: gn,
 			hasCreationRow: () => !!e.creationRow,
 			hasAggregateRow: () => !!e.footerValues,
-			isRowNavigable: dr,
-			pageSize: fr,
-			buildCellDomId: mr,
+			isRowNavigable: fr,
+			pageSize: pr,
+			buildCellDomId: hr,
 			onBodyRowFocused: (e) => {
 				s.value = e;
 			},
 			scrollToRowIndex: (e) => {
 				let t = q.value[e];
-				t && pr(t.key);
+				t && mr(t.key);
 			}
-		}), gr = `s-ui-table-${R}-cell-${$.BODY}-`, _r = `s-ui-table-${R}-cell-${$.CREATION}-`, vr = (e) => hr.focusedBodyRowKey.value === e ? hr.focusAddress.value.columnKey : void 0, yr = (e) => {
-			let t = hr.focusAddress.value;
+		}), _r = `s-ui-table-${L}-cell-${$.BODY}-`, vr = `s-ui-table-${L}-cell-${$.CREATION}-`, yr = (e) => gr.focusedBodyRowKey.value === e ? gr.focusAddress.value.columnKey : void 0, br = (e) => {
+			let t = gr.focusAddress.value;
 			return t.section === e ? t.columnKey : void 0;
-		}, br = (e, t, n) => hr.getCellTabIndex(e, t, n), { handleGridFocusIn: xr, handleGridKeydown: Sr } = gn({
-			gridFocus: hr,
-			columnDescriptors: he,
+		}, xr = (e, t, n) => gr.getCellTabIndex(e, t, n), { handleGridFocusIn: Sr, handleGridKeydown: Cr } = _n({
+			gridFocus: gr,
+			columnDescriptors: ge,
 			flatRows: q,
 			expandColumnKey: () => e.expandColumnKey,
-			primaryColumnKey: me,
-			groupColumnKey: dn,
+			primaryColumnKey: he,
+			groupColumnKey: pn,
 			selectable: () => e.selectable,
-			openMenuColumnKey: Lt,
-			toggleExpanded: xe,
+			openMenuColumnKey: Rt,
+			toggleExpanded: Se,
 			toggleRowSelected: (e) => {
-				Yt.toggleRow(e);
+				Xt.toggleRow(e);
 			},
-			applySortCycle: Nt,
-			setColumnMenuOpen: Rt,
-			resizeColumnByKeyboard: Bt,
-			onDepthFooterActivate: An,
-			onLoadMoreActivate: Nn,
+			applySortCycle: Pt,
+			setColumnMenuOpen: zt,
+			resizeColumnByKeyboard: Vt,
+			onDepthFooterActivate: jn,
+			onLoadMoreActivate: Pn,
 			onRowActivate: (e, t) => {
 				j("rowClick", {
 					key: e.key,
@@ -3040,487 +3060,497 @@ var J = /* @__PURE__ */ function(e) {
 		});
 		return t({
 			focusNavigation: async () => {
-				hr.focusAddressNow(hr.focusAddress.value), await ee();
+				gr.focusAddressNow(gr.focusAddress.value), await ee();
 			},
-			scrollToRow: pr,
-			expandAll: Se,
-			collapseAll: Ce,
+			scrollToRow: mr,
+			expandAll: Ce,
+			collapseAll: we,
 			clearSelection: () => {
-				Yt.clearSelection();
+				Xt.clearSelection();
 			},
-			getScrollElement: () => te.value ?? void 0
-		}), (t, n) => (L(), C("div", {
+			getScrollElement: () => ne.value ?? void 0
+		}), (t, n) => (I(), C("div", {
 			ref_key: "tableRootRef",
-			ref: se,
-			class: N(["s-ui-table", Le.value]),
-			style: P(W(Et))
-		}, [w("div", {
-			ref_key: "scrollElementRef",
-			ref: te,
-			class: "s-ui-table__scroll",
-			style: P(W(Ot))
-		}, [w("table", {
-			class: "s-ui-table__table",
-			style: P(W(kt)),
-			role: je.value,
-			"aria-rowcount": Me.value,
-			"aria-colcount": W(ve),
-			"aria-busy": e.loading || e.loadingMore || void 0,
-			ref_key: "tableElementRef",
-			ref: U,
-			tabindex: "-1",
-			onKeydown: n[5] ||= (...e) => W(Sr) && W(Sr)(...e),
-			onFocusin: n[6] ||= (...e) => W(xr) && W(xr)(...e)
+			ref: de,
+			class: N(["s-ui-table", Re.value]),
+			style: P(U(Ot))
 		}, [
-			w("colgroup", null, [
-				(L(!0), C(y, null, z(W(we), (e) => (L(), C("col", {
-					key: e.key,
-					style: P({ width: `var(${e.liveWidthVar}, var(${e.widthVar}))` })
-				}, null, 4))), 128)),
-				n[7] ||= w("col", { class: "s-ui-table__filler-col" }, null, -1),
-				(L(!0), C(y, null, z(W(Te), (e) => (L(), C("col", {
-					key: e.key,
-					style: P({ width: `var(${e.liveWidthVar}, var(${e.widthVar}))` })
-				}, null, 4))), 128))
-			]),
-			w("thead", Rn, [w("tr", zn, [(L(!0), C(y, null, z(W(Ee), ({ key: s, descriptor: c }) => (L(), C(y, { key: s }, [c ? (L(), C("th", {
-				key: 1,
-				id: mr({
-					section: W($).HEADER,
-					columnKey: c.key
-				}),
-				ref_for: !0,
-				ref: (e) => ut(e, c.key),
-				class: N(["s-ui-table__header-cell", [W(Oe)(c), { "s-ui-table__header-cell--dragging": W(st) === c.key }]]),
-				style: P(W(De)(c)),
-				"data-column-key": c.key,
-				"data-section": W($).HEADER,
-				"aria-colindex": c.colIndex,
-				"aria-sort": W(Ft)(c),
-				tabindex: br(W($).HEADER, void 0, c.key),
-				scope: "col"
-			}, [c.column ? (L(), x(Dt, {
-				key: 0,
-				descriptor: c,
-				"sort-direction": W(At)(c.key),
-				"sort-index": W(jt)(c.key),
-				"menu-enabled": e.columnMenu,
-				"menu-open": Lt.value === c.key,
-				"onUpdate:menuOpen": (e) => Rt(c.key, e),
-				onSortToggle: (e) => W(Nt)(c.key, e),
-				onSortSet: (e) => W(Pt)(c.key, e),
-				onHide: (e) => Jt(c.key)
-			}, T({ _: 2 }, [W(F)[`header:${c.key}`] ? {
-				name: "default",
-				fn: K(() => [B(t.$slots, `header:${c.key}`, M({ ref_for: !0 }, W(It)(c)))]),
-				key: "0"
-			} : void 0, W(F)[`header-menu:${c.key}`] ? {
-				name: "menu",
-				fn: K(() => [B(t.$slots, `header-menu:${c.key}`, M({ ref_for: !0 }, W(It)(c)))]),
-				key: "1"
-			} : void 0]), 1032, [
-				"descriptor",
-				"sort-direction",
-				"sort-index",
-				"menu-enabled",
-				"menu-open",
-				"onUpdate:menuOpen",
-				"onSortToggle",
-				"onSortSet",
-				"onHide"
-			])) : c.service === W(qe).CHECKBOX ? (L(), x(We, {
-				key: 1,
-				class: N(["s-ui-table__header-checkbox", { "s-ui-table__header-checkbox--active": W(Xt) !== W(Z).UNCHECKED }]),
-				"model-value": W(Xt) === W(Z).CHECKED,
-				indeterminate: W(Xt) === W(Z).INDETERMINATE,
-				"screen-reader-label": W(Xt) === W(Z).CHECKED ? W(I)("table.deselectAll") : W(I)("table.selectAll"),
-				"onUpdate:modelValue": n[0] ||= (e) => W(Yt).toggleSelectAll()
-			}, null, 8, [
-				"class",
-				"model-value",
-				"indeterminate",
-				"screen-reader-label"
-			])) : c.service === W(qe).COLUMNS_MANAGER ? (L(), C("div", Hn, [D(W(u), {
-				modelValue: Vt.value,
-				"onUpdate:modelValue": n[1] ||= (e) => Vt.value = e,
-				placement: W(l).BOTTOM_END,
-				shift: "",
-				"fit-viewport": ""
-			}, {
-				trigger: K(({ toggle: e }) => [D(W(o), {
-					class: "s-ui-table__columns-manager-button",
-					appearance: W(i).BARE,
-					variant: W(r).MAIN,
-					size: W(a).SMALL,
-					icon: "tablePlus",
-					"aria-label": W(I)("table.manageColumns"),
-					tabindex: "-1",
-					onClick: (t) => e()
-				}, null, 8, [
-					"appearance",
-					"variant",
-					"size",
-					"aria-label",
-					"onClick"
-				])]),
-				content: K(() => [D(W(d), {
-					class: "s-ui-table__columns-menu",
-					width: 300
-				}, {
-					default: K(() => [B(t.$slots, "columns-menu", {
-						columns: Ut.value,
-						isColumnHidden: Wt,
-						toggleColumn: qt
-					}, () => [(L(!0), C(y, null, z(Gt.value, (e, t) => (L(), C(y, { key: t }, [t > 0 ? (L(), x(W(le), {
-						key: 0,
-						class: "s-ui-table__columns-separator"
-					})) : S("", !0), (L(!0), C(y, null, z(e, (e) => (L(), x(W(v), {
-						key: e.column.key,
-						class: N(["s-ui-table__columns-item", e.classes]),
-						size: W(_).SMALL,
-						"label-placement": W(g).LEFT,
-						"model-value": !e.hidden,
-						"onUpdate:modelValue": (t) => qt(e.column.key)
-					}, {
-						default: K(() => [w("span", Un, [e.column.icon ? (L(), x(W(ce), {
-							key: 0,
-							name: e.column.icon,
-							size: 16
-						}, null, 8, ["name"])) : S("", !0), w("span", Wn, H(e.column.title ?? e.column.key), 1)])]),
-						_: 2
-					}, 1032, [
-						"class",
-						"size",
-						"label-placement",
-						"model-value",
-						"onUpdate:modelValue"
-					]))), 128))], 64))), 128))])]),
-					_: 3
-				})]),
-				_: 3
-			}, 8, ["modelValue", "placement"])])) : S("", !0), c.resizable ? (L(), C("span", {
-				key: 3,
-				class: N(["s-ui-table__resize-handle", { "s-ui-table__resize-handle--active": W(tt) === c.key }]),
-				role: "separator",
-				"aria-orientation": "vertical",
-				"aria-label": zt(c),
-				"aria-valuenow": c.width,
-				"aria-valuemin": c.minWidth,
-				"aria-valuemax": c.maxWidth,
-				"aria-valuetext": W(I)("table.columnWidth", { width: String(c.width) }),
+			w("div", {
+				ref_key: "scrollElementRef",
+				ref: ne,
+				class: "s-ui-table__scroll",
+				style: P(U(kt))
+			}, [w("table", {
+				class: "s-ui-table__table",
+				style: P(U(At)),
+				role: Me.value,
+				"aria-rowcount": Ie.value,
+				"aria-colcount": U(ye),
+				"aria-busy": e.loading || e.loadingMore || void 0,
+				ref_key: "tableElementRef",
+				ref: H,
 				tabindex: "-1",
-				onPointerdown: (e) => W(nt)(e, c.key),
-				onKeydown: (e) => W(rt)(e, c.key),
-				onDblclick: (e) => W(it)(c.key),
-				onClick: n[2] ||= oe(() => {}, ["stop"])
-			}, null, 42, Gn)) : S("", !0)], 14, Vn)) : (L(), C("th", Bn))], 64))), 128))])]),
-			w("tbody", Kn, [
-				Tt.value ? (L(), C("tr", qn, [w("td", {
-					class: "s-ui-table__empty-cell",
-					colspan: X.value
-				}, [w("div", Yn, [B(t.$slots, "empty", {}, () => [w("span", Xn, H(W(I)("table.empty")), 1)])])], 8, Jn)])) : S("", !0),
-				e.loading ? (L(!0), C(y, { key: 1 }, z(e.skeletonRowCount, (e) => (L(), x(sn, {
-					key: `skeleton-${e}`,
-					"leading-plans": W(ke),
-					"trailing-plans": W(J)
-				}, T({ _: 2 }, [W(F)["skeleton-row"] ? {
+				onKeydown: n[5] ||= (...e) => U(Cr) && U(Cr)(...e),
+				onFocusin: n[6] ||= (...e) => U(Sr) && U(Sr)(...e)
+			}, [
+				w("colgroup", null, [
+					(I(!0), C(y, null, R(U(Te), (e) => (I(), C("col", {
+						key: e.key,
+						style: P({ width: `var(${e.liveWidthVar}, var(${e.widthVar}))` })
+					}, null, 4))), 128)),
+					n[7] ||= w("col", { class: "s-ui-table__filler-col" }, null, -1),
+					(I(!0), C(y, null, R(U(Ee), (e) => (I(), C("col", {
+						key: e.key,
+						style: P({ width: `var(${e.liveWidthVar}, var(${e.widthVar}))` })
+					}, null, 4))), 128))
+				]),
+				w("thead", zn, [w("tr", Bn, [(I(!0), C(y, null, R(U(De), ({ key: s, descriptor: c }) => (I(), C(y, { key: s }, [c ? (I(), C("th", {
+					key: 1,
+					id: hr({
+						section: U($).HEADER,
+						columnKey: c.key
+					}),
+					ref_for: !0,
+					ref: (e) => dt(e, c.key),
+					class: N(["s-ui-table__header-cell", [U(ke)(c), { "s-ui-table__header-cell--dragging": U(lt) === c.key }]]),
+					style: P(U(Oe)(c)),
+					"data-column-key": c.key,
+					"data-section": U($).HEADER,
+					"aria-colindex": c.colIndex,
+					"aria-sort": U(It)(c),
+					tabindex: xr(U($).HEADER, void 0, c.key),
+					scope: "col"
+				}, [c.column ? (I(), x(Dt, {
+					key: 0,
+					descriptor: c,
+					"sort-direction": U(jt)(c.key),
+					"sort-index": U(Nt)(c.key),
+					"menu-enabled": e.columnMenu,
+					"menu-open": Rt.value === c.key,
+					"onUpdate:menuOpen": (e) => zt(c.key, e),
+					onSortToggle: (e) => U(Pt)(c.key, e),
+					onSortSet: (e) => U(Ft)(c.key, e),
+					onHide: (e) => Yt(c.key)
+				}, T({ _: 2 }, [U(F)[`header:${c.key}`] ? {
 					name: "default",
-					fn: K((e) => [B(t.$slots, "skeleton-row", { column: e.descriptor.column })]),
+					fn: G(() => [z(t.$slots, `header:${c.key}`, M({ ref_for: !0 }, U(Lt)(c)))]),
 					key: "0"
-				} : void 0]), 1032, ["leading-plans", "trailing-plans"]))), 128)) : (L(!0), C(y, { key: 2 }, z(an.value, ({ row: n, renderKey: c, spacer: l, spacerHeight: u, rowHeight: d, stuckTop: f, stuckBottom: p, stuckBottomLeaving: m, stuckBottomSliding: h, stuckBottomCoverHeight: g, stuckBottomFar: _, placeholder: v, memoKeys: b }, O, A, ee) => {
-					let R = b;
-					if (ee && ee.el && ee.key === c && k(ee, R)) return ee;
-					let V = (L(), C(y, { key: c }, [l ? (L(), C("tr", Zn, [w("td", {
-						class: "s-ui-table__spacer-cell",
-						colspan: X.value,
-						style: P({ height: `${u}px` })
-					}, null, 12, Qn)])) : n && n.kind === W(Q).GROUP ? (L(), x(yt, {
-						key: 1,
-						id: cn(n.key),
-						stuck: f,
-						row: n,
-						"dnd-ref": e.rowsDraggable ? ht : void 0,
-						dragging: W(pt) === n.key,
-						"drop-position": gt(n.key),
-						"row-index": n.index,
-						"leading-plans": W(ke),
-						"trailing-plans": W(J),
-						"group-column-key": W(dn),
-						"tree-indent": e.treeIndent,
-						count: W(Tn)(n),
-						total: W(Dn)(n),
-						title: W(On)(n),
-						"extra-row-style": e.rowStyle?.(n.item, n),
-						expanded: n.expanded,
-						active: s.value === n.key,
-						"cell-id-prefix": gr,
-						"focus-column-key": vr(n.key),
-						treegrid: Ae.value,
-						onToggle: (e) => W(xe)(n.key),
-						onRowClick: (e) => sr(n, e),
-						onMenuOpen: (e) => j("groupMenuOpen", {
-							key: n.key,
-							item: n.item
-						})
-					}, T({ _: 2 }, [
-						W(F)["group-menu"] ? {
-							name: "menu",
-							fn: K(() => [B(t.$slots, "group-menu", M({ ref_for: !0 }, or(n)))]),
-							key: "0"
-						} : void 0,
-						W(F)["group-row"] ? {
-							name: "row",
-							fn: K(() => [B(t.$slots, "group-row", M({ ref_for: !0 }, or(n)))]),
-							key: "1"
-						} : void 0,
-						W(F)["group-cell"] ? {
-							name: "group-cell",
-							fn: K((e) => [B(t.$slots, "group-cell", M({ ref_for: !0 }, {
-								...or(n),
-								...e
-							}))]),
-							key: "2"
-						} : void 0,
-						W(F)["group-title"] ? {
-							name: "title",
-							fn: K(() => [B(t.$slots, "group-title", M({ ref_for: !0 }, or(n)))]),
-							key: "3"
-						} : void 0,
-						W(F)["group-actions"] ? {
-							name: "actions",
-							fn: K(() => [B(t.$slots, "group-actions", M({ ref_for: !0 }, or(n)))]),
-							key: "4"
-						} : void 0
-					]), 1032, [
-						"id",
-						"stuck",
-						"row",
-						"dnd-ref",
-						"dragging",
-						"drop-position",
-						"row-index",
-						"leading-plans",
-						"trailing-plans",
-						"group-column-key",
-						"tree-indent",
-						"count",
-						"total",
-						"title",
-						"extra-row-style",
-						"expanded",
-						"active",
-						"focus-column-key",
-						"treegrid",
-						"onToggle",
-						"onRowClick",
-						"onMenuOpen"
-					])) : n && n.kind === W(Q).DEPTH_FOOTER ? (L(), x(Ke, {
-						key: 2,
-						class: N(["s-ui-table__depth-footer-row", {
-							"s-ui-table__depth-footer-row--stuck": p,
-							"s-ui-table__depth-footer-row--stuck-leaving": m,
-							"s-ui-table__depth-footer-row--stuck-sliding": h,
-							"s-ui-table__depth-footer-row--stuck-covered": g !== void 0,
-							"s-ui-table__depth-footer-row--stuck-covered-far": _
-						}]),
-						style: P(nn(g)),
-						"data-index": n.index,
-						"aria-rowindex": n.index + 2,
-						cells: W(Y),
-						"content-column-key": W(un),
-						"cell-class": "s-ui-table__depth-footer-cell",
-						"content-class": "s-ui-table__depth-footer-content",
-						"content-style": W(kn)(n.depth),
-						section: W($).BODY,
-						"row-key": n.key,
-						"cell-id-prefix": gr,
-						"focus-column-key": vr(n.key)
-					}, {
-						default: K(() => [B(t.$slots, "depth-footer", M({ ref_for: !0 }, W(jn)(n)))]),
-						_: 2
-					}, 1032, [
-						"class",
-						"style",
-						"data-index",
-						"aria-rowindex",
-						"cells",
-						"content-column-key",
-						"content-style",
-						"section",
-						"row-key",
-						"focus-column-key"
-					])) : n && n.kind === W(Q).LOAD_MORE ? (L(), x(Ke, {
-						key: 3,
-						class: "s-ui-table__load-more-row",
-						"data-index": n.index,
-						"aria-rowindex": n.index + 2,
-						cells: W(Y),
-						"content-column-key": W(Cn),
-						"content-class": "s-ui-table__load-more-content",
-						"content-style": W(kn)(n.depth),
-						section: W($).BODY,
-						"row-key": n.key,
-						"cell-id-prefix": gr,
-						"focus-column-key": vr(n.key)
+				} : void 0, U(F)[`header-menu:${c.key}`] ? {
+					name: "menu",
+					fn: G(() => [z(t.$slots, `header-menu:${c.key}`, M({ ref_for: !0 }, U(Lt)(c)))]),
+					key: "1"
+				} : void 0]), 1032, [
+					"descriptor",
+					"sort-direction",
+					"sort-index",
+					"menu-enabled",
+					"menu-open",
+					"onUpdate:menuOpen",
+					"onSortToggle",
+					"onSortSet",
+					"onHide"
+				])) : c.service === U(qe).CHECKBOX ? (I(), x(We, {
+					key: 1,
+					class: N(["s-ui-table__header-checkbox", { "s-ui-table__header-checkbox--active": U(Zt) !== U(Z).UNCHECKED }]),
+					"model-value": U(Zt) === U(Z).CHECKED,
+					indeterminate: U(Zt) === U(Z).INDETERMINATE,
+					"screen-reader-label": U(Zt) === U(Z).CHECKED ? U(te)("table.deselectAll") : U(te)("table.selectAll"),
+					"onUpdate:modelValue": n[0] ||= (e) => U(Xt).toggleSelectAll()
+				}, null, 8, [
+					"class",
+					"model-value",
+					"indeterminate",
+					"screen-reader-label"
+				])) : c.service === U(qe).COLUMNS_MANAGER ? (I(), C("div", Un, [D(U(u), {
+					modelValue: Ut.value,
+					"onUpdate:modelValue": n[1] ||= (e) => Ut.value = e,
+					placement: U(l).BOTTOM_END,
+					shift: "",
+					"fit-viewport": ""
+				}, {
+					trigger: G(({ toggle: e }) => [D(U(o), {
+						class: "s-ui-table__columns-manager-button",
+						appearance: U(i).BARE,
+						variant: U(r).MAIN,
+						size: U(a).SMALL,
+						icon: "tablePlus",
+						"aria-label": U(te)("table.manageColumns"),
+						tabindex: "-1",
+						onClick: (t) => e()
+					}, null, 8, [
+						"appearance",
+						"variant",
+						"size",
+						"aria-label",
+						"onClick"
+					])]),
+					content: G(() => [D(U(d), {
+						class: "s-ui-table__columns-menu",
+						width: 300
 					}, {
-						default: K(() => [B(t.$slots, "load-more", M({ ref_for: !0 }, W(Pn)(n)), () => [D(W(o), {
-							appearance: W(i).BARE,
-							variant: W(r).NEUTRAL,
-							size: W(a).SMALL,
-							loading: W(Mn)(n),
-							tabindex: "-1",
-							onClick: (e) => W(Nn)(n)
+						default: G(() => [z(t.$slots, "columns-menu", {
+							columns: Wt.value,
+							isColumnHidden: Gt,
+							toggleColumn: Jt
+						}, () => [(I(!0), C(y, null, R(qt.value, (e, t) => (I(), C(y, { key: t }, [t > 0 ? (I(), x(U(ue), {
+							key: 0,
+							class: "s-ui-table__columns-separator"
+						})) : S("", !0), (I(!0), C(y, null, R(e, (e) => (I(), x(U(v), {
+							key: e.column.key,
+							class: N(["s-ui-table__columns-item", e.classes]),
+							size: U(_).SMALL,
+							"label-placement": U(g).LEFT,
+							"model-value": !e.hidden,
+							"onUpdate:modelValue": (t) => Jt(e.column.key)
 						}, {
-							default: K(() => [E(H(W(I)("table.loadMore")), 1)]),
-							_: 1
-						}, 8, [
-							"appearance",
-							"variant",
+							default: G(() => [w("span", Wn, [e.column.icon ? (I(), x(U(le), {
+								key: 0,
+								name: e.column.icon,
+								size: 16
+							}, null, 8, ["name"])) : S("", !0), w("span", Gn, V(e.column.title ?? e.column.key), 1)])]),
+							_: 2
+						}, 1032, [
+							"class",
 							"size",
-							"loading",
-							"onClick"
-						])])]),
-						_: 2
-					}, 1032, [
-						"data-index",
-						"aria-rowindex",
-						"cells",
-						"content-column-key",
-						"content-style",
-						"section",
-						"row-key",
-						"focus-column-key"
-					])) : n && v ? (L(), x(Mt, {
-						key: 4,
-						"row-index": n.index,
-						"row-key": n.key,
-						cells: W(Y),
-						"row-height": d
-					}, null, 8, [
-						"row-index",
-						"row-key",
-						"cells",
-						"row-height"
-					])) : n ? (L(), x(rn, {
-						key: 5,
-						row: n,
-						"row-index": n.index,
-						"row-expanded": n.expanded,
-						"leading-plans": W(ke),
-						"trailing-plans": W(J),
-						"dnd-ref": e.rowsDraggable ? ht : void 0,
-						dragging: W(pt) === n.key,
-						"drop-position": gt(n.key),
-						"placeholder-height": d,
-						"dom-id": cn(n.key),
-						selected: Zt(n.key),
-						indeterminate: Qt(n.key),
-						"row-selectable": e.selectable && W(Yt).isNodeSelectable(n.key),
-						active: s.value === n.key,
-						disabled: en(n),
-						"tree-indent": e.treeIndent,
-						"row-state": e.rowState?.(n.item),
-						"row-color": e.rowColor?.(n.item, n),
-						"extra-row-class": e.rowClass?.(n.item, n),
-						"extra-row-style": e.rowStyle?.(n.item, n),
-						"cell-id-prefix": gr,
-						"focus-column-key": vr(n.key),
-						treegrid: Ae.value,
-						onRowClick: (e) => sr(n, e),
-						onRowContextMenu: (e) => cr(n, e),
-						onCellClick: (e, t) => ur(n, e, t),
-						onToggleExpand: (e) => W(xe)(n.key),
-						onToggleSelected: (e) => $t(n.key)
-					}, T({ _: 2 }, [
-						z(on.value, (e) => ({
-							name: e,
-							fn: K((n) => [B(t.$slots, e, M({ ref_for: !0 }, n))])
-						})),
-						W(F).chevron ? {
-							name: "chevron",
-							fn: K((e) => [B(t.$slots, "chevron", M({ ref_for: !0 }, e))]),
-							key: "0"
-						} : void 0,
-						W(F)["cell-actions"] ? {
-							name: "cell-actions",
-							fn: K((e) => [B(t.$slots, "cell-actions", M({ ref_for: !0 }, e))]),
-							key: "1"
-						} : void 0,
-						W(F).indicator ? {
-							name: "indicator",
-							fn: K((e) => [B(t.$slots, "indicator", M({ ref_for: !0 }, e))]),
-							key: "2"
-						} : void 0,
-						W(F).checkbox ? {
-							name: "checkbox",
-							fn: K((e) => [B(t.$slots, "checkbox", M({ ref_for: !0 }, e))]),
-							key: "3"
-						} : void 0,
-						W(F)["right-edge"] ? {
-							name: "right-edge",
-							fn: K((e) => [B(t.$slots, "right-edge", M({ ref_for: !0 }, e))]),
-							key: "4"
-						} : void 0
-					]), 1032, /* @__PURE__ */ "row.row-index.row-expanded.leading-plans.trailing-plans.dnd-ref.dragging.drop-position.placeholder-height.dom-id.selected.indeterminate.row-selectable.active.disabled.tree-indent.row-state.row-color.extra-row-class.extra-row-style.focus-column-key.treegrid.onRowClick.onRowContextMenu.onCellClick.onToggleExpand.onToggleSelected".split("."))) : S("", !0)], 64));
-					return V.memo = R, V;
-				}, n, 3), 128)),
-				e.loadingMore && !e.loading ? (L(!0), C(y, { key: 3 }, z(Math.min(3, e.skeletonRowCount), (e) => (L(), x(sn, {
-					key: `skeleton-more-${e}`,
-					"leading-plans": W(ke),
-					"trailing-plans": W(J)
-				}, T({ _: 2 }, [W(F)["skeleton-row"] ? {
-					name: "default",
-					fn: K((e) => [B(t.$slots, "skeleton-row", { column: e.descriptor.column })]),
-					key: "0"
-				} : void 0]), 1032, ["leading-plans", "trailing-plans"]))), 128)) : S("", !0)
-			]),
-			e.creationRow || e.footerValues ? (L(), C("tfoot", $n, [e.creationRow ? (L(), x(Ke, {
-				key: 0,
-				class: "s-ui-table__create-row",
-				"aria-rowindex": W(q).length + 2,
-				cells: W(Y),
-				"content-column-key": W(pn),
-				"cell-class": "s-ui-table__create-cell",
-				"content-class": "s-ui-table__create-content",
-				section: W($).CREATION,
-				"cell-id-prefix": _r,
-				"focus-column-key": yr(W($).CREATION)
-			}, {
-				default: K(() => [B(t.$slots, "creation-row")]),
-				_: 3
-			}, 8, [
-				"aria-rowindex",
-				"cells",
-				"content-column-key",
-				"section",
-				"focus-column-key"
-			])) : S("", !0), e.footerValues ? (L(), C("tr", {
-				key: 1,
-				class: "s-ui-table__aggregate-row",
-				"aria-rowindex": W(q).length + 2 + +!!e.creationRow
-			}, [(L(!0), C(y, null, z(W(Y), ({ key: e, cellPlan: n }) => (L(), C(y, { key: e }, [n ? (L(), C("td", {
-				key: 1,
-				id: mr({
-					section: W($).AGGREGATE,
-					columnKey: n.descriptor.key
-				}),
-				class: N(["s-ui-table__aggregate-cell", [n.cellClass, W(ir)(n.descriptor.key)]]),
-				style: P(n.style),
-				"aria-colindex": n.descriptor.colIndex,
-				"data-column-key": n.descriptor.key,
-				"data-section": W($).AGGREGATE,
-				tabindex: br(W($).AGGREGATE, void 0, n.descriptor.key)
-			}, [n.descriptor.column ? (L(), C(y, { key: 0 }, [W(F)[`footer:${n.descriptor.key}`] ? B(t.$slots, `footer:${n.descriptor.key}`, M({
+							"label-placement",
+							"model-value",
+							"onUpdate:modelValue"
+						]))), 128))], 64))), 128))])]),
+						_: 3
+					})]),
+					_: 3
+				}, 8, ["modelValue", "placement"])])) : S("", !0), c.resizable ? (I(), C("span", {
+					key: 3,
+					class: N(["s-ui-table__resize-handle", { "s-ui-table__resize-handle--active": U(nt) === c.key }]),
+					role: "separator",
+					"aria-orientation": "vertical",
+					"aria-label": Bt(c),
+					"aria-valuenow": c.width,
+					"aria-valuemin": c.minWidth,
+					"aria-valuemax": c.maxWidth,
+					"aria-valuetext": U(te)("table.columnWidth", { width: String(c.width) }),
+					tabindex: "-1",
+					onPointerdown: (e) => U(rt)(e, c.key),
+					onKeydown: (e) => U(it)(e, c.key),
+					onDblclick: (e) => U(at)(c.key),
+					onClick: n[2] ||= se(() => {}, ["stop"])
+				}, null, 42, Kn)) : S("", !0)], 14, Hn)) : (I(), C("th", Vn))], 64))), 128))])]),
+				w("tbody", qn, [
+					Et.value ? (I(), C("tr", Jn, [w("td", {
+						class: "s-ui-table__empty-cell",
+						colspan: Ae.value
+					}, [w("div", Xn, [z(t.$slots, "empty", {}, () => [w("span", Zn, V(U(te)("table.empty")), 1)])])], 8, Yn)])) : S("", !0),
+					e.loading ? (I(!0), C(y, { key: 1 }, R(e.skeletonRowCount, (e) => (I(), x(sn, {
+						key: `skeleton-${e}`,
+						"leading-plans": U(J),
+						"trailing-plans": U(Y)
+					}, T({ _: 2 }, [U(F)["skeleton-row"] ? {
+						name: "default",
+						fn: G((e) => [z(t.$slots, "skeleton-row", { column: e.descriptor.column })]),
+						key: "0"
+					} : void 0]), 1032, ["leading-plans", "trailing-plans"]))), 128)) : (I(!0), C(y, { key: 2 }, R(on.value, ({ row: n, renderKey: c, spacer: l, spacerHeight: u, rowHeight: d, stuckTop: f, stuckBottom: p, stuckBottomLeaving: m, stuckBottomSliding: h, stuckBottomCoverHeight: g, stuckBottomFar: _, placeholder: v, memoKeys: b }, O, A, ee) => {
+						let L = b;
+						if (ee && ee.el && ee.key === c && k(ee, L)) return ee;
+						let B = (I(), C(y, { key: c }, [l ? (I(), C("tr", Qn, [w("td", {
+							class: "s-ui-table__spacer-cell",
+							colspan: Ae.value,
+							style: P({ height: `${u}px` })
+						}, null, 12, $n)])) : n && n.kind === U(Q).GROUP ? (I(), x(yt, {
+							key: 1,
+							id: ln(n.key),
+							stuck: f,
+							row: n,
+							"dnd-ref": e.rowsDraggable ? gt : void 0,
+							dragging: U(mt) === n.key,
+							"drop-position": _t(n.key),
+							"row-index": n.index,
+							"leading-plans": U(J),
+							"trailing-plans": U(Y),
+							"group-column-key": U(pn),
+							"tree-indent": e.treeIndent,
+							count: U(En)(n),
+							total: U(On)(n),
+							title: U(kn)(n),
+							"extra-row-style": e.rowStyle?.(n.item, n),
+							expanded: n.expanded,
+							active: s.value === n.key,
+							"cell-id-prefix": _r,
+							"focus-column-key": yr(n.key),
+							treegrid: je.value,
+							onToggle: (e) => U(Se)(n.key),
+							onRowClick: (e) => cr(n, e),
+							onMenuOpen: (e) => j("groupMenuOpen", {
+								key: n.key,
+								item: n.item
+							})
+						}, T({ _: 2 }, [
+							U(F)["group-menu"] ? {
+								name: "menu",
+								fn: G(() => [z(t.$slots, "group-menu", M({ ref_for: !0 }, sr(n)))]),
+								key: "0"
+							} : void 0,
+							U(F)["group-row"] ? {
+								name: "row",
+								fn: G(() => [z(t.$slots, "group-row", M({ ref_for: !0 }, sr(n)))]),
+								key: "1"
+							} : void 0,
+							U(F)["group-cell"] ? {
+								name: "group-cell",
+								fn: G((e) => [z(t.$slots, "group-cell", M({ ref_for: !0 }, {
+									...sr(n),
+									...e
+								}))]),
+								key: "2"
+							} : void 0,
+							U(F)["group-title"] ? {
+								name: "title",
+								fn: G(() => [z(t.$slots, "group-title", M({ ref_for: !0 }, sr(n)))]),
+								key: "3"
+							} : void 0,
+							U(F)["group-actions"] ? {
+								name: "actions",
+								fn: G(() => [z(t.$slots, "group-actions", M({ ref_for: !0 }, sr(n)))]),
+								key: "4"
+							} : void 0
+						]), 1032, [
+							"id",
+							"stuck",
+							"row",
+							"dnd-ref",
+							"dragging",
+							"drop-position",
+							"row-index",
+							"leading-plans",
+							"trailing-plans",
+							"group-column-key",
+							"tree-indent",
+							"count",
+							"total",
+							"title",
+							"extra-row-style",
+							"expanded",
+							"active",
+							"focus-column-key",
+							"treegrid",
+							"onToggle",
+							"onRowClick",
+							"onMenuOpen"
+						])) : n && n.kind === U(Q).DEPTH_FOOTER ? (I(), x(Ke, {
+							key: 2,
+							class: N(["s-ui-table__depth-footer-row", {
+								"s-ui-table__depth-footer-row--stuck": p,
+								"s-ui-table__depth-footer-row--stuck-leaving": m,
+								"s-ui-table__depth-footer-row--stuck-sliding": h,
+								"s-ui-table__depth-footer-row--stuck-covered": g !== void 0,
+								"s-ui-table__depth-footer-row--stuck-covered-far": _
+							}]),
+							style: P(an(g)),
+							"data-index": n.index,
+							"aria-rowindex": n.index + 2,
+							cells: U(X),
+							"content-column-key": U(dn),
+							"cell-class": "s-ui-table__depth-footer-cell",
+							"content-class": "s-ui-table__depth-footer-content",
+							"content-style": U(An)(n.depth),
+							section: U($).BODY,
+							"row-key": n.key,
+							"cell-id-prefix": _r,
+							"focus-column-key": yr(n.key)
+						}, {
+							default: G(() => [z(t.$slots, "depth-footer", M({ ref_for: !0 }, U(Mn)(n)))]),
+							_: 2
+						}, 1032, [
+							"class",
+							"style",
+							"data-index",
+							"aria-rowindex",
+							"cells",
+							"content-column-key",
+							"content-style",
+							"section",
+							"row-key",
+							"focus-column-key"
+						])) : n && n.kind === U(Q).LOAD_MORE ? (I(), x(Ke, {
+							key: 3,
+							class: "s-ui-table__load-more-row",
+							"data-index": n.index,
+							"aria-rowindex": n.index + 2,
+							cells: U(X),
+							"content-column-key": U(wn),
+							"content-class": "s-ui-table__load-more-content",
+							"content-style": U(An)(n.depth),
+							section: U($).BODY,
+							"row-key": n.key,
+							"cell-id-prefix": _r,
+							"focus-column-key": yr(n.key)
+						}, {
+							default: G(() => [z(t.$slots, "load-more", M({ ref_for: !0 }, U(Fn)(n)), () => [D(U(o), {
+								appearance: U(i).BARE,
+								variant: U(r).NEUTRAL,
+								size: U(a).SMALL,
+								loading: U(Nn)(n),
+								tabindex: "-1",
+								onClick: (e) => U(Pn)(n)
+							}, {
+								default: G(() => [E(V(U(te)("table.loadMore")), 1)]),
+								_: 1
+							}, 8, [
+								"appearance",
+								"variant",
+								"size",
+								"loading",
+								"onClick"
+							])])]),
+							_: 2
+						}, 1032, [
+							"data-index",
+							"aria-rowindex",
+							"cells",
+							"content-column-key",
+							"content-style",
+							"section",
+							"row-key",
+							"focus-column-key"
+						])) : n && v ? (I(), x(Mt, {
+							key: 4,
+							"row-index": n.index,
+							"row-key": n.key,
+							cells: U(X),
+							"row-height": d
+						}, null, 8, [
+							"row-index",
+							"row-key",
+							"cells",
+							"row-height"
+						])) : n ? (I(), x(rn, {
+							key: 5,
+							row: n,
+							"row-index": n.index,
+							"row-expanded": n.expanded,
+							"leading-plans": U(J),
+							"trailing-plans": U(Y),
+							"dnd-ref": e.rowsDraggable ? gt : void 0,
+							dragging: U(mt) === n.key,
+							"drop-position": _t(n.key),
+							"placeholder-height": d,
+							"dom-id": ln(n.key),
+							selected: Qt(n.key),
+							indeterminate: $t(n.key),
+							"row-selectable": e.selectable && U(Xt).isNodeSelectable(n.key),
+							active: s.value === n.key,
+							disabled: tn(n),
+							"tree-indent": e.treeIndent,
+							"row-state": e.rowState?.(n.item),
+							"row-color": e.rowColor?.(n.item, n),
+							"extra-row-class": e.rowClass?.(n.item, n),
+							"extra-row-style": e.rowStyle?.(n.item, n),
+							"cell-id-prefix": _r,
+							"focus-column-key": yr(n.key),
+							treegrid: je.value,
+							onRowClick: (e) => cr(n, e),
+							onRowContextMenu: (e) => lr(n, e),
+							onCellClick: (e, t) => dr(n, e, t),
+							onToggleExpand: (e) => U(Se)(n.key),
+							onToggleSelected: (e) => en(n.key)
+						}, T({ _: 2 }, [
+							R(cn.value, (e) => ({
+								name: e,
+								fn: G((n) => [z(t.$slots, e, M({ ref_for: !0 }, n))])
+							})),
+							U(F).chevron ? {
+								name: "chevron",
+								fn: G((e) => [z(t.$slots, "chevron", M({ ref_for: !0 }, e))]),
+								key: "0"
+							} : void 0,
+							U(F)["cell-actions"] ? {
+								name: "cell-actions",
+								fn: G((e) => [z(t.$slots, "cell-actions", M({ ref_for: !0 }, e))]),
+								key: "1"
+							} : void 0,
+							U(F).indicator ? {
+								name: "indicator",
+								fn: G((e) => [z(t.$slots, "indicator", M({ ref_for: !0 }, e))]),
+								key: "2"
+							} : void 0,
+							U(F).checkbox ? {
+								name: "checkbox",
+								fn: G((e) => [z(t.$slots, "checkbox", M({ ref_for: !0 }, e))]),
+								key: "3"
+							} : void 0,
+							U(F)["right-edge"] ? {
+								name: "right-edge",
+								fn: G((e) => [z(t.$slots, "right-edge", M({ ref_for: !0 }, e))]),
+								key: "4"
+							} : void 0
+						]), 1032, /* @__PURE__ */ "row.row-index.row-expanded.leading-plans.trailing-plans.dnd-ref.dragging.drop-position.placeholder-height.dom-id.selected.indeterminate.row-selectable.active.disabled.tree-indent.row-state.row-color.extra-row-class.extra-row-style.focus-column-key.treegrid.onRowClick.onRowContextMenu.onCellClick.onToggleExpand.onToggleSelected".split("."))) : S("", !0)], 64));
+						return B.memo = L, B;
+					}, n, 3), 128)),
+					e.loadingMore && !e.loading ? (I(!0), C(y, { key: 3 }, R(Math.min(3, e.skeletonRowCount), (e) => (I(), x(sn, {
+						key: `skeleton-more-${e}`,
+						"leading-plans": U(J),
+						"trailing-plans": U(Y)
+					}, T({ _: 2 }, [U(F)["skeleton-row"] ? {
+						name: "default",
+						fn: G((e) => [z(t.$slots, "skeleton-row", { column: e.descriptor.column })]),
+						key: "0"
+					} : void 0]), 1032, ["leading-plans", "trailing-plans"]))), 128)) : S("", !0)
+				]),
+				e.creationRow || e.footerValues ? (I(), C("tfoot", er, [e.creationRow ? (I(), x(Ke, {
+					key: 0,
+					class: "s-ui-table__create-row",
+					"aria-rowindex": U(q).length + 2,
+					cells: U(X),
+					"content-column-key": U(gn),
+					"cell-class": "s-ui-table__create-cell",
+					"content-class": "s-ui-table__create-content",
+					section: U($).CREATION,
+					"cell-id-prefix": vr,
+					"focus-column-key": br(U($).CREATION)
+				}, {
+					default: G(() => [z(t.$slots, "creation-row")]),
+					_: 3
+				}, 8, [
+					"aria-rowindex",
+					"cells",
+					"content-column-key",
+					"section",
+					"focus-column-key"
+				])) : S("", !0), e.footerValues ? (I(), C("tr", {
+					key: 1,
+					class: "s-ui-table__aggregate-row",
+					"aria-rowindex": U(q).length + 2 + +!!e.creationRow
+				}, [(I(!0), C(y, null, R(U(X), ({ key: e, cellPlan: n }) => (I(), C(y, { key: e }, [n ? (I(), C("td", {
+					key: 1,
+					id: hr({
+						section: U($).AGGREGATE,
+						columnKey: n.descriptor.key
+					}),
+					class: N(["s-ui-table__aggregate-cell", [n.cellClass, U(ar)(n.descriptor.key)]]),
+					style: P(n.style),
+					"aria-colindex": n.descriptor.colIndex,
+					"data-column-key": n.descriptor.key,
+					"data-section": U($).AGGREGATE,
+					tabindex: xr(U($).AGGREGATE, void 0, n.descriptor.key)
+				}, [n.descriptor.column ? (I(), C(y, { key: 0 }, [U(F)[`footer:${n.descriptor.key}`] ? z(t.$slots, `footer:${n.descriptor.key}`, M({
+					key: 0,
+					ref_for: !0
+				}, U(or)(n.descriptor.key))) : (I(), C("span", ir, V(U(In)(n.descriptor.key)), 1))], 64)) : S("", !0)], 14, rr)) : (I(), C("td", nr))], 64))), 128))], 8, tr)) : S("", !0)])) : S("", !0)
+			], 44, Rn)], 4),
+			w("span", {
+				ref_key: "gridExitRef",
+				ref: ce,
+				class: "s-ui-table__grid-exit",
+				tabindex: "-1",
+				"aria-hidden": "true"
+			}, null, 512),
+			U(ut) ? (I(), C("div", {
 				key: 0,
-				ref_for: !0
-			}, W(ar)(n.descriptor.key))) : (L(), C("span", rr, H(W(Fn)(n.descriptor.key)), 1))], 64)) : S("", !0)], 14, nr)) : (L(), C("td", tr))], 64))), 128))], 8, er)) : S("", !0)])) : S("", !0)
-		], 44, Ln)], 4), W(lt) ? (L(), C("div", {
-			key: 0,
-			class: "s-ui-table__column-drop-line",
-			style: P(W(lt)),
-			"aria-hidden": "true"
-		}, null, 4)) : S("", !0)], 6));
+				class: "s-ui-table__column-drop-line",
+				style: P(U(ut)),
+				"aria-hidden": "true"
+			}, null, 4)) : S("", !0)
+		], 6));
 	}
 });
 //#endregion
-export { J as a, je as c, Ae as d, Pe as f, Y as i, Ne as l, Me as n, Fe as o, X as p, Z as r, Ie as s, ir as t, Q as u };
+export { J as a, je as c, Ae as d, Pe as f, Y as i, Ne as l, Me as n, Fe as o, X as p, Z as r, Ie as s, ar as t, Q as u };