@shtabapp/ui-kit 1.71.2 → 1.73.0

package/dist/{STable-1Bfr6VLH.js → STable-DpH_h2-n.js}

@@ -8,21 +8,21 @@ 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-BOSQGRWA.js";
 import { n as g, r as _, t as v } from "./SToggle-sGw-LSNd.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 N, normalizeClass as P, normalizeStyle as F, onBeforeUnmount as I, onMounted as L, openBlock as R, ref as z, renderList as B, renderSlot as V, shallowRef as H, toDisplayString as U, toRaw as ee, toValue as W, unref as G, useId as te, useModel as ne, useSlots as re, useTemplateRef as ie, watch as K, withCtx as q, withModifiers as ae } from "vue";
-import { ESSkeletonType as oe, SIcon as se, SSeparator as ce, SSkeleton as le, useUiKitI18n as ue } from "@shtabapp/ui-kit-primitives";
-import { tryOnScopeDispose as de, useElementSize as fe, useEventListener as pe, useRafFn as me, useResizeObserver as he, useTimeoutFn as ge } from "@vueuse/core";
-import { elementScroll as _e, observeElementOffset as ve, useVirtualizer as ye } from "@tanstack/vue-virtual";
-import { combine as J } from "@atlaskit/pragmatic-drag-and-drop/combine";
-import { draggable as be, dropTargetForElements as xe, monitorForElements as Se } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
-import { setCustomNativeDragPreview as Ce } from "@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview";
-import { pointerOutsideOfPreview as we } from "@atlaskit/pragmatic-drag-and-drop/element/pointer-outside-of-preview";
-import { attachClosestEdge as Te, extractClosestEdge as Ee } from "@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge";
-import { disableNativeDragPreview as De } from "@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview";
-import { autoScrollForElements as Oe } from "@atlaskit/pragmatic-drag-and-drop-auto-scroll/element";
+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 { 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 { 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";
+import { disableNativeDragPreview as Oe } from "@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview";
+import { autoScrollForElements as ke } from "@atlaskit/pragmatic-drag-and-drop-auto-scroll/element";
 //#region src/components/STable/STable.types.ts
-var Y = /* @__PURE__ */ function(e) {
+var J = /* @__PURE__ */ function(e) {
 	return e.LEFT = "left", e.RIGHT = "right", e;
-}({}), ke = /* @__PURE__ */ function(e) {
+}({}), Y = /* @__PURE__ */ function(e) {
 	return e.LEFT = "left", e.CENTER = "center", e.RIGHT = "right", e;
 }({}), X = /* @__PURE__ */ function(e) {
 	return e.ASC = "asc", e.DESC = "desc", e;
@@ -61,20 +61,20 @@ var Y = /* @__PURE__ */ function(e) {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = ne(e, "modelValue"), n = ie("checkboxRef");
-		return K([n, () => e.screenReaderLabel], () => {
+		let t = re(e, "modelValue"), n = ae("checkboxRef");
+		return G([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) => (R(), x(G(c), {
+		}), (r, i) => (L(), x(W(c), {
 			ref_key: "checkboxRef",
 			ref: n,
 			modelValue: t.value,
 			"onUpdate:modelValue": i[0] ||= (e) => t.value = e,
 			indeterminate: e.indeterminate,
-			size: G(s).EXTRA_SMALL
+			size: W(s).EXTRA_SMALL
 		}, null, 8, [
 			"modelValue",
 			"indeterminate",
@@ -102,23 +102,23 @@ var Y = /* @__PURE__ */ function(e) {
 		focusColumnKey: {}
 	},
 	setup(e) {
-		return (t, n) => (R(), C("tr", null, [(R(!0), C(y, null, B(e.cells, ({ key: n, cellPlan: r }) => (R(), C(y, { key: n }, [r ? (R(), C("td", {
+		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", {
 			key: 1,
 			id: `${e.cellIdPrefix}${e.rowKey ?? ""}-${r.descriptor.key}`,
-			class: P([r.cellClass, e.cellClass]),
-			style: F(r.style),
+			class: N([r.cellClass, e.cellClass]),
+			style: P(r.style),
 			"aria-colindex": r.descriptor.colIndex,
 			"data-column-key": r.descriptor.key,
 			"data-row-key": e.rowKey,
 			"data-section": e.section,
 			tabindex: r.descriptor.key === e.focusColumnKey ? 0 : -1
-		}, [r.descriptor.key === e.contentColumnKey ? (R(), C("div", {
+		}, [r.descriptor.key === e.contentColumnKey ? (L(), C("div", {
 			key: 0,
-			class: P(e.contentClass),
-			style: F(e.contentStyle)
-		}, [V(t.$slots, "default")], 6)) : S("", !0)], 14, Ge)) : (R(), C("td", {
+			class: N(e.contentClass),
+			style: P(e.contentStyle)
+		}, [B(t.$slots, "default")], 6)) : S("", !0)], 14, Ge)) : (L(), C("td", {
 			key: 0,
-			class: P([
+			class: N([
 				"s-ui-table__cell",
 				"s-ui-table__filler-cell",
 				e.cellClass
@@ -133,16 +133,16 @@ var Y = /* @__PURE__ */ function(e) {
 	checkbox: "checkbox",
 	rightEdge: "right-edge",
 	columnsManager: "columns-manager"
-}, Ye = new Set(["rightEdge", "columnsManager"]), Xe = (e) => Ye.has(e) ? Y.RIGHT : Y.LEFT, Ze = (e) => e.replace(/[^a-zA-Z0-9_-]/g, "-"), Qe = (e) => `--s-ui-table-col-w-${Ze(e)}`, $e = (e) => `--s-ui-table-sticky-${Ze(e)}`, et = (e) => `--s-ui-table-live-w-${Ze(e)}`, tt = (e) => `--s-ui-table-live-sticky-${Ze(e)}`, nt = (e, t) => e.maxWidth === void 0 ? Infinity : Math.max(0, e.maxWidth - e.baseWidth - t), rt = (e, t, n) => {
+}, Ye = new Set(["rightEdge", "columnsManager"]), Xe = (e) => Ye.has(e) ? J.RIGHT : J.LEFT, Ze = (e) => e.replace(/[^a-zA-Z0-9_-]/g, "-"), Qe = (e) => `--s-ui-table-col-w-${Ze(e)}`, $e = (e) => `--s-ui-table-sticky-${Ze(e)}`, et = (e) => `--s-ui-table-live-w-${Ze(e)}`, tt = (e) => `--s-ui-table-live-sticky-${Ze(e)}`, nt = (e, t) => e.maxWidth === void 0 ? Infinity : Math.max(0, e.maxWidth - e.baseWidth - t), rt = (e, t, n) => {
 	let r = e.reduce((e, t) => e + t.baseWidth, 0), i = 0;
 	return e.forEach((a, o) => {
 		let s = o === e.length - 1 ? t - i : Math.floor(t * a.baseWidth / r), c = n.get(a.key) ?? 0, l = Math.min(s, nt(a, c));
 		n.set(a.key, c + l), i += l;
 	}), t - i;
 }, it = (e) => e ? 430 : 160, at = (e) => {
-	let t = e.filter((e) => e.sticky === Y.LEFT), n = t[t.length - 1];
+	let t = e.filter((e) => e.sticky === J.LEFT), n = t[t.length - 1];
 	n && (n.lastStickyLeft = !0);
-	let r = e.find((e) => e.sticky === Y.RIGHT);
+	let r = e.find((e) => e.sticky === J.RIGHT);
 	r && (r.firstStickyRight = !0);
 }, ot = (e, t) => {
 	let n = /* @__PURE__ */ new Map(), r = t;
@@ -165,10 +165,10 @@ var Y = /* @__PURE__ */ function(e) {
 	});
 }, ct = ({ columns: e, columnOrder: t, columnWidths: n, hiddenColumns: r, hasIndicator: i, hasCheckbox: a, hasRightEdge: o, hasColumnsManager: s, columnsResizable: c, columnsDraggable: l, viewportWidth: u }) => {
 	let d = b(() => {
-		let t = W(e);
+		let t = U(e);
 		return t.find((e) => e.primary)?.key ?? t[0]?.key;
 	}), f = b(() => {
-		let n = W(e), i = new Set(r.value ?? []), a = t.value, o = new Map(n.map((e) => [e.key, e])), s = [];
+		let n = U(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) => {
@@ -181,14 +181,15 @@ var Y = /* @__PURE__ */ function(e) {
 			let t = o.get(e);
 			t && (e !== d.value && i.has(e) || c.push(t));
 		});
-		let l = [], u = [], f = [], p = [];
+		let l = [], u = [], f = [], p = [], m = [];
 		return c.forEach((e) => {
-			e.key === d.value ? l.push(e) : e.sticky === Y.LEFT ? u.push(e) : e.sticky === Y.RIGHT ? p.push(e) : f.push(e);
+			e.key === d.value ? u.push(e) : e.leading ? l.push(e) : e.sticky === J.LEFT ? f.push(e) : e.sticky === J.RIGHT ? m.push(e) : p.push(e);
 		}), [
 			...l,
 			...u,
 			...f,
-			...p
+			...p,
+			...m
 		];
 	}), p = (e, t) => {
 		let r = n.value?.[e.key];
@@ -200,12 +201,12 @@ var Y = /* @__PURE__ */ function(e) {
 			flexible: !1
 		} : {
 			baseWidth: it(t),
-			flexible: e.sticky !== Y.RIGHT
+			flexible: e.sticky !== J.RIGHT
 		};
 	}, m = (e) => {
-		W(o) && e("rightEdge", 40), W(s) && e("columnsManager", 32);
+		U(o) && e("rightEdge", 40), U(s) && e("columnsManager", 32);
 	}, h = b(() => {
-		let e = [], t = W(c), n = W(l), r = (t, n) => {
+		let e = [], t = U(c), n = U(l), r = (t, n) => {
 			let r = Xe(t);
 			e.push({
 				key: `__s-ui-table-${t}`,
@@ -216,7 +217,7 @@ var Y = /* @__PURE__ */ function(e) {
 				minWidth: n,
 				maxWidth: n,
 				sticky: r,
-				align: ke.LEFT,
+				align: Y.LEFT,
 				primary: !1,
 				resizable: !1,
 				draggable: !1,
@@ -231,46 +232,46 @@ var Y = /* @__PURE__ */ function(e) {
 				firstStickyRight: !1
 			});
 		};
-		W(i) && r("indicator", 2), W(a) && r("checkbox", 24), f.value.forEach((r) => {
-			let i = r.key === d.value, a = i ? Y.LEFT : r.sticky, { baseWidth: o, flexible: s } = p(r, i);
+		U(i) && r("indicator", 2), U(a) && r("checkbox", 24), f.value.forEach((r) => {
+			let i = r.key === d.value, a = !!r.leading && !i, o = i || a ? J.LEFT : r.sticky, { baseWidth: s, flexible: c } = p(r, i);
 			e.push({
 				key: r.key,
 				column: r,
-				width: o,
-				baseWidth: o,
-				flexible: s,
+				width: s,
+				baseWidth: s,
+				flexible: c,
 				minWidth: r.minWidth ?? 60,
 				maxWidth: r.maxWidth,
-				sticky: a,
-				align: r.align ?? ke.LEFT,
+				sticky: o,
+				align: r.align ?? Y.LEFT,
 				primary: i,
 				resizable: t && (r.resizable ?? !0),
-				draggable: n && !i && (r.draggable ?? !0),
+				draggable: n && !i && !a && (r.draggable ?? !0),
 				sortable: r.sortable ?? !1,
-				hideable: !i && (r.hideable ?? !0),
+				hideable: !i && !a && (r.hideable ?? !0),
 				colIndex: 0,
 				widthVar: Qe(r.key),
 				liveWidthVar: et(r.key),
-				stickyOffsetVar: a ? $e(r.key) : void 0,
-				liveStickyOffsetVar: a ? tt(r.key) : void 0,
+				stickyOffsetVar: o ? $e(r.key) : void 0,
+				liveStickyOffsetVar: o ? tt(r.key) : void 0,
 				lastStickyLeft: !1,
 				firstStickyRight: !1
 			});
 		}), m(r);
 		let o = 0;
 		return e.forEach((e) => {
-			e.sticky !== Y.RIGHT && (o += 1, e.colIndex = o);
+			e.sticky !== J.RIGHT && (o += 1, e.colIndex = o);
 		}), e.forEach((e) => {
-			e.sticky === Y.RIGHT && (o += 1, e.colIndex = o);
+			e.sticky === J.RIGHT && (o += 1, e.colIndex = o);
 		}), at(e), e;
-	}), g = b(() => st(h.value, W(u))), _ = b(() => g.value.reduce((e, t) => e + t.width, 0)), v = b(() => {
+	}), g = b(() => st(h.value, U(u))), _ = b(() => g.value.reduce((e, t) => e + t.width, 0)), v = b(() => {
 		let e = {}, t = 0;
 		g.value.forEach((n) => {
-			e[n.widthVar] = `${n.width}px`, n.sticky === Y.LEFT && n.stickyOffsetVar && (e[n.stickyOffsetVar] = `${t}px`, t += n.width);
+			e[n.widthVar] = `${n.width}px`, n.sticky === J.LEFT && n.stickyOffsetVar && (e[n.stickyOffsetVar] = `${t}px`, t += n.width);
 		});
 		let n = 0;
 		return [...g.value].reverse().forEach((t) => {
-			t.sticky === Y.RIGHT && t.stickyOffsetVar && (e[t.stickyOffsetVar] = `${n}px`, n += t.width);
+			t.sticky === J.RIGHT && t.stickyOffsetVar && (e[t.stickyOffsetVar] = `${n}px`, n += t.width);
 		}), e;
 	});
 	return {
@@ -285,7 +286,7 @@ var Y = /* @__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 _ = H(), v = H(), y = H(!1), x = H(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) => {
+	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) => {
 		if (!e) return;
 		let t = a.value.getRowIndexByKey(e);
 		return t === void 0 ? void 0 : i.value[t];
@@ -293,18 +294,18 @@ var Y = /* @__PURE__ */ function(e) {
 		if (e.kind === Q.ROW) return C.value;
 		let t = {
 			[Q.ROW]: void 0,
-			[Q.GROUP]: W(o),
-			[Q.DEPTH_FOOTER]: W(s),
-			[Q.LOAD_MORE]: W(c)
+			[Q.GROUP]: U(o),
+			[Q.DEPTH_FOOTER]: U(s),
+			[Q.LOAD_MORE]: U(c)
 		}[e.kind];
 		return t ? [t] : [];
 	}, E = (e) => {
 		if (e.section === "h") return S.value;
 		if (e.section === "c") {
-			let e = W(l);
-			return W(u) && e ? [e] : [];
+			let e = U(l);
+			return U(u) && e ? [e] : [];
 		}
-		if (e.section === "a") return W(d) ? C.value : [];
+		if (e.section === "a") return U(d) ? C.value : [];
 		let t = w(e.rowKey);
 		return t && f(t) ? T(t) : [];
 	}, D = (e, t) => {
@@ -327,13 +328,13 @@ var Y = /* @__PURE__ */ function(e) {
 			...e,
 			columnKey: D(t, e.columnKey)
 		};
-	}), A = b(() => i.value.length), j = b(() => A.value + +!!W(u) + +!!W(d)), M = (e) => {
+	}), A = b(() => i.value.length), j = b(() => A.value + +!!U(u) + +!!U(d)), M = (e) => {
 		if (e.section === "h") return 0;
 		if (e.section === "c") return A.value + 1;
-		if (e.section === "a") return A.value + 1 + +!!W(u);
+		if (e.section === "a") return A.value + 1 + +!!U(u);
 		let t = e.rowKey === void 0 ? void 0 : a.value.getRowIndexByKey(e.rowKey);
 		return t === void 0 ? void 0 : t + 1;
-	}, P = (e, t) => {
+	}, N = (e, t) => {
 		if (e <= 0) return {
 			section: "h",
 			columnKey: D(S.value, t)
@@ -348,26 +349,26 @@ var Y = /* @__PURE__ */ function(e) {
 				columnKey: D(r, t)
 			};
 		}
-		if (W(u) && e === A.value + 1) {
-			let e = W(l);
+		if (U(u) && e === A.value + 1) {
+			let e = U(l);
 			return e ? {
 				section: "c",
 				columnKey: e
 			} : void 0;
 		}
-		if (W(d) && e === j.value) return {
+		if (U(d) && e === j.value) return {
 			section: "a",
 			columnKey: D(S.value, t)
 		};
-	}, F = (e, t) => {
+	}, P = (e, t) => {
 		let n = e;
 		for (; n >= 0 && n <= j.value;) {
-			let e = P(n, v.value);
+			let e = N(n, v.value);
 			if (e) return e;
 			n += t;
 		}
-	}, I = (e) => document.getElementById(m(e)) ?? void 0, L = () => I(k.value), R = () => {
-		let t = n.value, r = L();
+	}, 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;
 		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));
@@ -379,72 +380,72 @@ var Y = /* @__PURE__ */ function(e) {
 			return;
 		}
 		u.right > s && (t.scrollLeft += u.right - s);
-	}, z = (e, t) => {
+	}, R = (e, t) => {
 		_.value = e, t && (v.value = e.columnKey);
 		let n = M(e);
 		n !== void 0 && (x.value = n);
-	}, B = (e, t) => {
+	}, z = (e, t) => {
 		let n = E(e), r = n.length > 0 && !n.includes(e.columnKey) ? {
 			...e,
 			columnKey: D(n, e.columnKey)
 		} : e;
-		if (z(r, t?.updateDesired ?? !0), y.value = !1, r.section === "b" && r.rowKey) {
+		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);
 		}
-		t?.focusElement !== !1 && N(() => {
-			L()?.focus({ preventScroll: !0 }), R();
+		t?.focusElement !== !1 && ee(() => {
+			I()?.focus({ preventScroll: !0 }), L();
 		});
-	}, V = (e, t) => {
+	}, B = (e, t) => {
 		let n = k.value;
 		if (t !== 0) {
 			let e = E(n), r = e[e.indexOf(n.columnKey) + t];
-			r && B({
+			r && z({
 				...n,
 				columnKey: r
 			});
 			return;
 		}
 		if (e === 0) return;
-		let r = e > 0 ? 1 : -1, i = F((M(n) ?? x.value) + r, r);
-		i && B(i, { updateDesired: !1 });
-	}, U = (e) => {
+		let r = e > 0 ? 1 : -1, i = P((M(n) ?? x.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];
-		r && B({
+		r && z({
 			...t,
 			columnKey: r
 		});
-	}, ee = (e) => {
-		let t = e === "first" ? F(0, 1) : F(j.value, -1);
+	}, te = (e) => {
+		let t = e === "first" ? P(0, 1) : P(j.value, -1);
 		if (!t) return;
 		let n = E(t), r = e === "first" ? n[0] : n[n.length - 1];
-		B(r ? {
+		z(r ? {
 			...t,
 			columnKey: r
 		} : t);
-	}, G = (e) => {
-		let t = M(k.value) ?? x.value, n = Math.max(1, Math.round(W(p))), r = Math.min(j.value, Math.max(0, t + e * n)), i = F(r, e) ?? F(r, e === 1 ? -1 : 1);
-		i && B(i, { updateDesired: !1 });
-	}, te = (e) => {
+	}, 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);
+		i && z(i, { updateDesired: !1 });
+	}, ne = (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;
-	}, ne = () => {
-		let e = L(), t = e ? te(e)[0] : void 0;
-		return t ? (y.value = !0, t.focus(), !0) : !1;
 	}, re = () => {
-		y.value = !1, L()?.focus({ preventScroll: !0 });
-	}, ie = (e) => {
-		let t = L(), n = t ? te(t) : [];
+		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();
-	}, q = () => {
+	}, K = () => {
 		let e = k.value, n = E(e);
 		if (n.length > 0) {
-			B({
+			z({
 				...e,
 				columnKey: D(n, v.value)
 			}, {
@@ -453,16 +454,16 @@ var Y = /* @__PURE__ */ function(e) {
 			});
 			return;
 		}
-		let r = Math.min(x.value, j.value), i = F(r, -1) ?? F(r, 1);
+		let r = Math.min(x.value, j.value), i = P(r, -1) ?? P(r, 1);
 		if (i) {
-			B(i, {
+			z(i, {
 				scroll: !1,
 				updateDesired: !1
 			});
 			return;
 		}
 		if (S.value.length > 0) {
-			B(O.value, {
+			z(O.value, {
 				scroll: !1,
 				updateDesired: !1
 			});
@@ -470,43 +471,43 @@ var Y = /* @__PURE__ */ function(e) {
 		}
 		t.value?.focus();
 	};
-	K(() => {
+	G(() => {
 		let e = _.value?.rowKey;
 		return e === void 0 ? void 0 : a.value.getRowIndexByKey(e);
 	}, (e, t) => {
-		t === void 0 || e !== void 0 || document.activeElement === document.body && q();
+		t === void 0 || e !== void 0 || document.activeElement === document.body && K();
 	}, { flush: "post" });
-	let ae = (e, t) => {
-		z(e, !0), y.value = t, e.section === "b" && e.rowKey && h(e.rowKey);
-	}, oe = (e, t, n) => {
+	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;
 		return r.section === e && r.rowKey === t && r.columnKey === n;
-	}, se = (e, t, n) => oe(e, t, n) ? 0 : -1, ce = b(() => {
+	}, ce = (e, t, n) => se(e, t, n) ? 0 : -1, le = b(() => {
 		let e = k.value;
 		return e.section === "b" ? e.rowKey : void 0;
 	});
 	return {
 		focusAddress: k,
-		focusedBodyRowKey: ce,
+		focusedBodyRowKey: le,
 		focusBodyRowIndex: b(() => {
-			let e = ce.value;
+			let e = le.value;
 			return e === void 0 ? void 0 : a.value.getRowIndexByKey(e);
 		}),
 		cellEntered: y,
-		isCellFocused: oe,
-		getCellTabIndex: se,
-		moveFocus: V,
-		moveToRowEdge: U,
-		moveToGridEdge: ee,
-		moveByPage: G,
-		focusAddressNow: B,
-		syncFocusAddress: ae,
-		enterCell: ne,
-		exitCell: re,
-		cycleCellFocus: ie,
-		restoreFocusAfterUnmount: q,
-		ensureFocusedCellVisibleHorizontally: R,
-		queryFocusedCellElement: L
+		isCellFocused: se,
+		getCellTabIndex: ce,
+		moveFocus: B,
+		moveToRowEdge: H,
+		moveToGridEdge: te,
+		moveByPage: W,
+		focusAddressNow: z,
+		syncFocusAddress: oe,
+		enterCell: re,
+		exitCell: ie,
+		cycleCellFocus: ae,
+		restoreFocusAfterUnmount: K,
+		ensureFocusedCellVisibleHorizontally: L,
+		queryFocusedCellElement: I
 	};
 }, pt = [
 	"data-index",
@@ -561,7 +562,7 @@ var Y = /* @__PURE__ */ function(e) {
 		"menuOpen"
 	],
 	setup(e, { emit: t }) {
-		let n = t, s = re(), { t: c } = ue(), f = z(!1), p = (e) => {
+		let n = t, s = ie(), { t: c } = de(), f = R(!1), p = (e) => {
 			n("menuOpen"), e();
 		}, m = b(() => ({
 			"s-ui-table__group-row--active": e.active,
@@ -574,40 +575,40 @@ var Y = /* @__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) => (R(), C("tr", {
+		return (t, b) => (L(), C("tr", {
 			ref: e.dndRef,
-			class: P(["s-ui-table__group-row", m.value]),
-			style: F(e.extraRowStyle),
+			class: N(["s-ui-table__group-row", m.value]),
+			style: P(e.extraRowStyle),
 			"data-index": e.rowIndex,
 			"aria-rowindex": e.rowIndex + 2,
 			"aria-level": e.row.depth + 1,
 			"aria-expanded": e.row.hasChildren ? e.expanded : void 0,
 			onClick: b[3] ||= (e) => n("rowClick", e)
 		}, [
-			(R(!0), C(y, null, B(e.leadingPlans, (m) => (R(), C("td", {
+			(L(!0), C(y, null, z(e.leadingPlans, (m) => (L(), C("td", {
 				id: `${e.cellIdPrefix}${e.row.key}-${m.descriptor.key}`,
 				key: m.descriptor.key,
-				class: P([m.cellClass, "s-ui-table__group-cell"]),
-				style: F(m.style),
+				class: N([m.cellClass, "s-ui-table__group-cell"]),
+				style: P(m.style),
 				"aria-colindex": m.descriptor.colIndex,
 				"data-column-key": m.descriptor.key,
 				"data-row-key": e.row.key,
-				"data-section": G($).BODY,
+				"data-section": W($).BODY,
 				tabindex: m.descriptor.key === e.focusColumnKey ? 0 : -1
-			}, [m.descriptor.key === e.groupColumnKey ? (R(), C("div", {
+			}, [m.descriptor.key === e.groupColumnKey ? (L(), C("div", {
 				key: 0,
 				class: "s-ui-table__group-content",
-				style: F(h.value)
-			}, [V(t.$slots, "row", {}, () => [
-				D(G(o), {
+				style: P(h.value)
+			}, [B(t.$slots, "row", {}, () => [
+				D(W(o), {
 					class: "s-ui-table__group-chevron",
-					appearance: G(i).BARE,
-					variant: G(r).NEUTRAL,
-					size: G(a).SMALL,
+					appearance: W(i).BARE,
+					variant: W(r).NEUTRAL,
+					size: W(a).SMALL,
 					icon: _.value,
 					"aria-label": v.value,
 					tabindex: "-1",
-					onClick: b[0] ||= ae((e) => n("toggle"), ["stop"])
+					onClick: b[0] ||= oe((e) => n("toggle"), ["stop"])
 				}, null, 8, [
 					"appearance",
 					"variant",
@@ -615,24 +616,24 @@ var Y = /* @__PURE__ */ function(e) {
 					"icon",
 					"aria-label"
 				]),
-				w("div", ht, [V(t.$slots, "title", {}, () => [w("span", gt, U(e.title), 1)]), w("span", _t, U(g.value), 1)]),
+				w("div", ht, [B(t.$slots, "title", {}, () => [w("span", gt, H(e.title), 1)]), w("span", _t, H(g.value), 1)]),
 				w("div", {
 					class: "s-ui-table__group-actions",
-					onClick: b[2] ||= ae(() => {}, ["stop"])
-				}, [V(t.$slots, "actions"), G(s).menu ? (R(), x(G(u), {
+					onClick: b[2] ||= oe(() => {}, ["stop"])
+				}, [B(t.$slots, "actions"), W(s).menu ? (L(), x(W(u), {
 					key: 0,
 					modelValue: f.value,
 					"onUpdate:modelValue": b[1] ||= (e) => f.value = e,
-					placement: G(l).BOTTOM_END,
+					placement: W(l).BOTTOM_END,
 					"teleport-to": !1
 				}, {
-					trigger: q(({ toggle: e }) => [D(G(o), {
-						class: P(["s-ui-table__group-kebab", { "s-ui-table__group-kebab--open": f.value }]),
-						appearance: G(i).BARE,
-						variant: G(r).NEUTRAL,
-						size: G(a).SMALL,
+					trigger: K(({ toggle: e }) => [D(W(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,
 						icon: "menu",
-						"aria-label": G(c)("table.groupMenu"),
+						"aria-label": W(c)("table.groupMenu"),
 						tabindex: "-1",
 						onClick: (t) => p(e)
 					}, null, 8, [
@@ -643,8 +644,8 @@ var Y = /* @__PURE__ */ function(e) {
 						"aria-label",
 						"onClick"
 					])]),
-					content: q(() => [D(G(d), { width: 220 }, {
-						default: q(() => [V(t.$slots, "menu")]),
+					content: K(() => [D(W(d), { width: 220 }, {
+						default: K(() => [B(t.$slots, "menu")]),
 						_: 3
 					})]),
 					_: 3
@@ -654,15 +655,15 @@ var Y = /* @__PURE__ */ function(e) {
 				class: "s-ui-table__cell s-ui-table__filler-cell s-ui-table__group-cell",
 				role: "presentation"
 			}, null, -1),
-			(R(!0), C(y, null, B(e.trailingPlans, (t) => (R(), C("td", {
+			(L(!0), C(y, null, z(e.trailingPlans, (t) => (L(), C("td", {
 				id: `${e.cellIdPrefix}${e.row.key}-${t.descriptor.key}`,
 				key: t.descriptor.key,
-				class: P([t.cellClass, "s-ui-table__group-cell"]),
-				style: F(t.style),
+				class: N([t.cellClass, "s-ui-table__group-cell"]),
+				style: P(t.style),
 				"aria-colindex": t.descriptor.colIndex,
 				"data-column-key": t.descriptor.key,
 				"data-row-key": e.row.key,
-				"data-section": G($).BODY,
+				"data-section": W($).BODY,
 				tabindex: t.descriptor.key === e.focusColumnKey ? 0 : -1
 			}, null, 14, vt))), 128))
 		], 14, pt));
@@ -675,19 +676,19 @@ var Y = /* @__PURE__ */ function(e) {
 	__name: "STableHint",
 	props: { text: {} },
 	setup(e) {
-		let t = z(!1);
-		return (n, r) => (R(), C("span", {
+		let t = R(!1);
+		return (n, r) => (L(), 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(G(se), {
+		}, [D(W(ce), {
 			class: "s-ui-table__hint-icon",
 			name: "infoCircle",
 			size: 16
-		}), t.value ? (R(), C("span", bt, U(e.text), 1)) : S("", !0)], 32));
+		}), t.value ? (L(), C("span", bt, H(e.text), 1)) : S("", !0)], 32));
 	}
 }), St = {
 	key: 0,
@@ -714,9 +715,11 @@ var Y = /* @__PURE__ */ function(e) {
 		"hide"
 	],
 	setup(e, { emit: t }) {
-		let n = t, s = re(), { t: c } = ue(), f = b(() => !!s.menu || e.descriptor.sortable || e.descriptor.hideable), p = b(() => ({
+		let n = t, s = ie(), { t: c } = de(), f = b(() => !!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--sortable": e.descriptor.sortable,
+			"s-ui-table__header-plaque--align-center": e.descriptor.align === Y.CENTER,
+			"s-ui-table__header-plaque--align-right": e.descriptor.align === Y.RIGHT
 		})), m = b(() => ({ "s-ui-table__header-actions--open": e.menuOpen })), g = b(() => e.sortDirection === X.DESC ? "descending" : "ascending"), _ = b(() => String(e.sortIndex ?? 1)), v = (t) => {
 			e.descriptor.sortable && n("sortToggle", t.shiftKey || t.ctrlKey || t.metaKey);
 		}, T = (e, t) => {
@@ -724,19 +727,19 @@ var Y = /* @__PURE__ */ function(e) {
 		}, O = (e) => {
 			n("hide"), e();
 		};
-		return (t, b) => (R(), C("div", {
-			class: P(["s-ui-table__header-plaque", p.value]),
+		return (t, b) => (L(), C("div", {
+			class: N(["s-ui-table__header-plaque", p.value]),
 			onClick: v
 		}, [
-			e.descriptor.draggable ? (R(), C("span", St, [D(G(o), {
+			e.descriptor.draggable ? (L(), C("span", St, [D(W(o), {
 				class: "s-ui-table__header-grip",
-				appearance: G(i).BARE,
-				variant: G(r).NEUTRAL,
-				size: G(a).SMALL,
+				appearance: W(i).BARE,
+				variant: W(r).NEUTRAL,
+				size: W(a).SMALL,
 				icon: "dragAndDrop",
-				"aria-label": G(c)("table.dragColumn"),
+				"aria-label": W(c)("table.dragColumn"),
 				tabindex: "-1",
-				onClick: b[0] ||= ae(() => {}, ["stop"])
+				onClick: b[0] ||= oe(() => {}, ["stop"])
 			}, null, 8, [
 				"appearance",
 				"variant",
@@ -744,25 +747,25 @@ var Y = /* @__PURE__ */ function(e) {
 				"aria-label"
 			])])) : S("", !0),
 			w("span", Ct, [
-				w("span", wt, [V(t.$slots, "default", {}, () => [E(U(e.descriptor.column?.title), 1)])]),
-				e.descriptor.column?.description ? (R(), x(xt, {
+				w("span", wt, [B(t.$slots, "default", {}, () => [E(H(e.descriptor.column?.title), 1)])]),
+				e.descriptor.column?.description ? (L(), x(xt, {
 					key: 0,
 					text: e.descriptor.column.description
 				}, null, 8, ["text"])) : S("", !0),
-				e.sortDirection ? (R(), C("span", Tt, [D(G(se), {
+				e.sortDirection ? (L(), C("span", Tt, [D(W(ce), {
 					name: g.value,
 					size: 16
-				}, null, 8, ["name"]), w("span", Et, U(_.value), 1)])) : S("", !0),
-				e.descriptor.sortable && !e.sortDirection ? (R(), x(G(o), {
+				}, null, 8, ["name"]), w("span", Et, H(_.value), 1)])) : S("", !0),
+				e.descriptor.sortable && !e.sortDirection ? (L(), x(W(o), {
 					key: 2,
 					class: "s-ui-table__header-sort-button",
-					appearance: G(i).BARE,
-					variant: G(r).NEUTRAL,
-					size: G(a).SMALL,
+					appearance: W(i).BARE,
+					variant: W(r).NEUTRAL,
+					size: W(a).SMALL,
 					icon: "ascending",
-					"aria-label": G(c)("table.sortAsc"),
+					"aria-label": W(c)("table.sortAsc"),
 					tabindex: "-1",
-					onClick: b[1] ||= ae((e) => n("sortToggle", e.shiftKey || e.ctrlKey || e.metaKey), ["stop"])
+					onClick: b[1] ||= oe((e) => n("sortToggle", e.shiftKey || e.ctrlKey || e.metaKey), ["stop"])
 				}, null, 8, [
 					"appearance",
 					"variant",
@@ -770,23 +773,23 @@ var Y = /* @__PURE__ */ function(e) {
 					"aria-label"
 				])) : S("", !0)
 			]),
-			w("span", {
-				class: P(["s-ui-table__header-actions", m.value]),
-				onClick: b[3] ||= ae(() => {}, ["stop"])
-			}, [f.value ? (R(), x(G(u), {
-				key: 0,
+			f.value ? (L(), C("span", {
+				key: 1,
+				class: N(["s-ui-table__header-actions", m.value]),
+				onClick: b[3] ||= oe(() => {}, ["stop"])
+			}, [D(W(u), {
 				"model-value": e.menuOpen,
-				placement: G(l).BOTTOM_END,
+				placement: W(l).BOTTOM_END,
 				"teleport-to": !1,
 				"onUpdate:modelValue": b[2] ||= (e) => n("update:menuOpen", e)
 			}, {
-				trigger: q(({ toggle: e }) => [D(G(o), {
+				trigger: K(({ toggle: e }) => [D(W(o), {
 					class: "s-ui-table__header-kebab",
-					appearance: G(i).BARE,
-					variant: G(r).NEUTRAL,
-					size: G(a).SMALL,
+					appearance: W(i).BARE,
+					variant: W(r).NEUTRAL,
+					size: W(a).SMALL,
 					icon: "menu",
-					"aria-label": G(c)("table.columnMenu"),
+					"aria-label": W(c)("table.columnMenu"),
 					tabindex: "-1",
 					onClick: (t) => e()
 				}, null, 8, [
@@ -796,39 +799,39 @@ var Y = /* @__PURE__ */ function(e) {
 					"aria-label",
 					"onClick"
 				])]),
-				content: q(({ close: n }) => [D(G(d), { width: 220 }, {
-					default: q(() => [G(s).menu ? V(t.$slots, "menu", { key: 0 }) : (R(), C(y, { key: 1 }, [
-						e.descriptor.sortable ? (R(), x(G(h), {
+				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), {
 							key: 0,
-							title: G(c)("table.sortAsc"),
+							title: W(c)("table.sortAsc"),
 							"icon-left": "ascending",
-							selected: e.sortDirection === G(X).ASC,
-							onClick: (e) => T(G(X).ASC, n)
+							selected: e.sortDirection === W(X).ASC,
+							onClick: (e) => T(W(X).ASC, n)
 						}, null, 8, [
 							"title",
 							"selected",
 							"onClick"
 						])) : S("", !0),
-						e.descriptor.sortable ? (R(), x(G(h), {
+						e.descriptor.sortable ? (L(), x(W(h), {
 							key: 1,
-							title: G(c)("table.sortDesc"),
+							title: W(c)("table.sortDesc"),
 							"icon-left": "descending",
-							selected: e.sortDirection === G(X).DESC,
-							onClick: (e) => T(G(X).DESC, n)
+							selected: e.sortDirection === W(X).DESC,
+							onClick: (e) => T(W(X).DESC, n)
 						}, null, 8, [
 							"title",
 							"selected",
 							"onClick"
 						])) : S("", !0),
-						e.descriptor.sortable && e.sortDirection ? (R(), x(G(h), {
+						e.descriptor.sortable && e.sortDirection ? (L(), x(W(h), {
 							key: 2,
-							title: G(c)("table.sortReset"),
+							title: W(c)("table.sortReset"),
 							"icon-left": "closeMini",
 							onClick: (e) => T(void 0, n)
 						}, null, 8, ["title", "onClick"])) : S("", !0),
-						e.descriptor.hideable ? (R(), x(G(h), {
+						e.descriptor.hideable ? (L(), x(W(h), {
 							key: 3,
-							title: G(c)("table.hideColumn"),
+							title: W(c)("table.hideColumn"),
 							"icon-left": "eyeOff",
 							onClick: (e) => O(n)
 						}, null, 8, ["title", "onClick"])) : S("", !0)
@@ -836,7 +839,7 @@ var Y = /* @__PURE__ */ function(e) {
 					_: 2
 				}, 1024)]),
 				_: 3
-			}, 8, ["model-value", "placement"])) : S("", !0)], 2)
+			}, 8, ["model-value", "placement"])], 2)) : S("", !0)
 		], 2));
 	}
 }), Ot = ["data-index", "aria-rowindex"], kt = {
@@ -856,19 +859,19 @@ var Y = /* @__PURE__ */ function(e) {
 	},
 	setup(e) {
 		let t = b(() => e.rowHeight ? { height: `${e.rowHeight}px` } : void 0);
-		return (n, r) => (R(), C("tr", {
+		return (n, r) => (L(), C("tr", {
 			class: "s-ui-table__row s-ui-table__row--placeholder",
-			style: F(t.value),
+			style: P(t.value),
 			"data-index": e.rowIndex,
 			"aria-rowindex": e.rowIndex + 2,
 			"data-placeholder": "true"
-		}, [(R(!0), C(y, null, B(e.cells, (t) => (R(), C(y, { key: t.key }, [t.cellPlan ? (R(), C("td", {
+		}, [(L(!0), C(y, null, z(e.cells, (t) => (L(), C(y, { key: t.key }, [t.cellPlan ? (L(), C("td", {
 			key: 1,
-			class: P(t.cellPlan.cellClass),
-			style: F(t.cellPlan.style),
+			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) : (R(), C("div", jt, [...r[0] ||= [w("span", { class: "s-ui-table__placeholder-bar" }, null, -1)]]))], 14, At)) : (R(), C("td", kt))], 64))), 128))], 12, Ot));
+		}, [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));
 	}
 }), Nt = (t) => e(t) || n(t), Pt = (e) => Nt(e) ? void 0 : `s-ui-table__row--color-${e}`, Ft = (n) => {
 	if (!Nt(n)) return;
@@ -929,7 +932,7 @@ var Y = /* @__PURE__ */ function(e) {
 			expandableKeys: i
 		});
 	}, l = b(() => {
-		let r = ee(W(e)), i = W(t), a = W(n), o = s.get(r);
+		let r = te(U(e)), i = U(t), a = U(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, {
@@ -943,7 +946,7 @@ var Y = /* @__PURE__ */ function(e) {
 		let n = /* @__PURE__ */ new Map();
 		return d.set(e, n), n;
 	}, p = b(() => {
-		let t = ee(W(e)), { roots: n, nodeByKey: i } = l.value, s = W(r), c = W(a), d = W(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 = 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 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) => {
@@ -1014,7 +1017,7 @@ var Y = /* @__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 ? (R(), C("span", qt, U(t.value), 1)) : e.column.placeholder ? (R(), C("span", Jt, U(e.column.placeholder), 1)) : S("", !0);
+		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);
 	}
 }), Xt = [
 	"id",
@@ -1112,7 +1115,7 @@ var Y = /* @__PURE__ */ function(e) {
 		"toggleSelected"
 	],
 	setup(e, { emit: t }) {
-		let n = t, s = re(), { t: c } = ue(), l = $.BODY, u = (t) => `${e.cellIdPrefix}${e.row.key}-${t}`, d = (t) => t === e.focusColumnKey ? 0 : -1, f = b(() => [
+		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(() => [
 			{
 				"s-ui-table__row--selected": e.selected,
 				"s-ui-table__row--active": e.active,
@@ -1167,132 +1170,132 @@ var Y = /* @__PURE__ */ function(e) {
 				value: Ut(e.row.item, n.value ?? n.key),
 				cellState: T(t)
 			};
-		}, N = (t) => {
+		}, ee = (t) => {
 			let n = [...e.leadingPlans, ...e.trailingPlans].find((e) => e.descriptor.key === t);
 			return n ? T(n) === Me.DISABLED : !1;
-		}, I = (e) => {
+		}, F = (e) => {
 			let t = e.target;
 			if (t instanceof Element) {
 				let r = t.closest("td[data-column-key]")?.getAttribute("data-column-key");
-				r && !N(r) && n("cellClick", r, e);
+				r && !ee(r) && n("cellClick", r, e);
 			}
 			n("rowClick", e);
 		};
-		return (t, p) => (R(), C("tr", {
+		return (t, p) => (L(), C("tr", {
 			id: e.domId,
 			ref: e.dndRef,
-			class: P(["s-ui-table__row", f.value]),
-			style: F(h.value),
+			class: N(["s-ui-table__row", f.value]),
+			style: P(h.value),
 			"data-index": e.rowIndex,
 			"aria-rowindex": e.rowIndex + 2,
 			"aria-level": e.row.depth + 1,
 			"aria-expanded": e.row.hasChildren ? e.rowExpanded : void 0,
 			"aria-selected": e.selected || void 0,
-			onClick: I,
+			onClick: F,
 			onContextmenu: p[3] ||= (e) => n("rowContextMenu", e)
 		}, [
-			(R(!0), C(y, null, B(e.leadingPlans, (f) => (R(), C("td", {
+			(L(!0), C(y, null, z(e.leadingPlans, (f) => (L(), C("td", {
 				id: u(f.descriptor.key),
 				key: f.descriptor.key,
-				class: P(f.cellClass),
-				style: F(f.style),
+				class: N(f.cellClass),
+				style: P(f.style),
 				"aria-colindex": f.descriptor.colIndex,
 				"data-column-key": f.descriptor.key,
 				"data-row-key": e.row.key,
-				"data-section": G(l),
+				"data-section": W(l),
 				"aria-disabled": D(f),
 				"aria-readonly": O(f),
 				tabindex: d(f.descriptor.key)
-			}, [f.descriptor.service === G(qe).INDICATOR ? (R(), C(y, { key: 0 }, [e.placeholder ? S("", !0) : V(t.$slots, "indicator", M({
+			}, [f.descriptor.service === W(qe).INDICATOR ? (L(), C(y, { key: 0 }, [e.placeholder ? S("", !0) : B(t.$slots, "indicator", M({
 				key: 0,
 				ref_for: !0
-			}, A()))], 64)) : f.descriptor.service === G(qe).CHECKBOX ? (R(), C(y, { key: 1 }, [G(s).checkbox && !e.placeholder ? V(t.$slots, "checkbox", M({
+			}, A()))], 64)) : f.descriptor.service === W(qe).CHECKBOX ? (L(), C(y, { key: 1 }, [W(s).checkbox && !e.placeholder ? B(t.$slots, "checkbox", M({
 				key: 0,
 				ref_for: !0
-			}, A())) : e.rowSelectable && !e.placeholder ? (R(), x(We, {
+			}, A())) : e.rowSelectable && !e.placeholder ? (L(), x(We, {
 				key: 1,
-				class: P(["s-ui-table__row-checkbox", { "s-ui-table__row-checkbox--active": e.selected || e.indeterminate }]),
+				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": G(c)("table.selectRow"),
+				"screen-reader-label": W(c)("table.selectRow"),
 				"onUpdate:modelValue": p[0] ||= (e) => n("toggleSelected"),
-				onClick: p[1] ||= ae(() => {}, ["stop"])
+				onClick: p[1] ||= oe(() => {}, ["stop"])
 			}, null, 8, [
 				"class",
 				"model-value",
 				"indeterminate",
 				"screen-reader-label"
-			])) : S("", !0)], 64)) : e.placeholder ? (R(), C("div", {
+			])) : S("", !0)], 64)) : e.placeholder ? (L(), C("div", {
 				key: 2,
 				class: "s-ui-table__cell-body",
-				style: F(g(f))
-			}, [...p[4] ||= [w("span", { class: "s-ui-table__placeholder-bar" }, null, -1)]], 4)) : (R(), C("div", {
+				style: P(g(f))
+			}, [...p[4] ||= [w("span", { class: "s-ui-table__placeholder-bar" }, null, -1)]], 4)) : (L(), C("div", {
 				key: 3,
-				class: P(["s-ui-table__cell-body", E(f)]),
-				style: F(g(f))
+				class: N(["s-ui-table__cell-body", E(f)]),
+				style: P(g(f))
 			}, [
-				f.chevron ? (R(), C(y, { key: 0 }, [G(s).chevron ? V(t.$slots, "chevron", M({
+				f.chevron ? (L(), C(y, { key: 0 }, [W(s).chevron ? B(t.$slots, "chevron", M({
 					key: 0,
 					ref_for: !0
-				}, A())) : e.row.hasChildren ? (R(), x(G(o), {
+				}, A())) : e.row.hasChildren ? (L(), x(W(o), {
 					key: 1,
 					class: "s-ui-table__chevron",
-					appearance: G(i).BARE,
-					variant: G(r).NEUTRAL,
-					size: G(a).SMALL,
+					appearance: W(i).BARE,
+					variant: W(r).NEUTRAL,
+					size: W(a).SMALL,
 					icon: e.rowExpanded ? "chevronMiniDown" : "chevronMiniRight",
-					"aria-label": e.rowExpanded ? G(c)("table.collapse") : G(c)("table.expand"),
+					"aria-label": e.rowExpanded ? W(c)("table.collapse") : W(c)("table.expand"),
 					tabindex: "-1",
-					onClick: p[2] ||= ae((e) => n("toggleExpand"), ["stop"])
+					onClick: p[2] ||= oe((e) => n("toggleExpand"), ["stop"])
 				}, null, 8, [
 					"appearance",
 					"variant",
 					"size",
 					"icon",
 					"aria-label"
-				])) : (R(), C("span", Qt))], 64)) : S("", !0),
-				G(s)[`cell:${f.descriptor.key}`] ? V(t.$slots, `cell:${f.descriptor.key}`, M({
+				])) : (L(), C("span", Qt))], 64)) : S("", !0),
+				W(s)[`cell:${f.descriptor.key}`] ? B(t.$slots, `cell:${f.descriptor.key}`, M({
 					key: 1,
 					ref_for: !0
-				}, j(f))) : f.descriptor.column ? (R(), x(Yt, {
+				}, j(f))) : f.descriptor.column ? (L(), x(Yt, {
 					key: 2,
 					column: f.descriptor.column,
 					item: e.row.item
 				}, null, 8, ["column", "item"])) : S("", !0),
-				G(s)["cell-actions"] && !e.placeholder ? (R(), C("span", $t, [V(t.$slots, "cell-actions", M({ ref_for: !0 }, j(f)))])) : 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)
 			], 6))], 14, Zt))), 128)),
 			p[6] ||= w("td", {
 				class: "s-ui-table__cell s-ui-table__filler-cell",
 				role: "presentation"
 			}, null, -1),
-			(R(!0), C(y, null, B(e.trailingPlans, (n) => (R(), C("td", {
+			(L(!0), C(y, null, z(e.trailingPlans, (n) => (L(), C("td", {
 				id: u(n.descriptor.key),
 				key: n.descriptor.key,
-				class: P(n.cellClass),
-				style: F(n.style),
+				class: N(n.cellClass),
+				style: P(n.style),
 				"aria-colindex": n.descriptor.colIndex,
 				"data-column-key": n.descriptor.key,
 				"data-row-key": e.row.key,
-				"data-section": G(l),
+				"data-section": W(l),
 				"aria-disabled": D(n),
 				"aria-readonly": O(n),
 				tabindex: d(n.descriptor.key)
-			}, [n.descriptor.service === G(qe).RIGHT_EDGE ? (R(), C(y, { key: 0 }, [e.placeholder ? S("", !0) : (R(), C("div", tn, [V(t.$slots, "right-edge", M({ ref_for: !0 }, A()))]))], 64)) : e.placeholder ? (R(), C("div", {
+			}, [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", {
 				key: 1,
 				class: "s-ui-table__cell-body",
-				style: F(g(n))
-			}, [...p[5] ||= [w("span", { class: "s-ui-table__placeholder-bar" }, null, -1)]], 4)) : (R(), C("div", {
+				style: P(g(n))
+			}, [...p[5] ||= [w("span", { class: "s-ui-table__placeholder-bar" }, null, -1)]], 4)) : (L(), C("div", {
 				key: 2,
-				class: P(["s-ui-table__cell-body", E(n)]),
-				style: F(g(n))
-			}, [G(s)[`cell:${n.descriptor.key}`] ? V(t.$slots, `cell:${n.descriptor.key}`, M({
+				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({
 				key: 0,
 				ref_for: !0
-			}, j(n))) : n.descriptor.column ? (R(), x(Yt, {
+			}, j(n))) : n.descriptor.column ? (L(), x(Yt, {
 				key: 1,
 				column: n.descriptor.column,
 				item: e.row.item
-			}, null, 8, ["column", "item"])) : S("", !0), G(s)["cell-actions"] && !e.placeholder ? (R(), C("span", nn, [V(t.$slots, "cell-actions", M({ ref_for: !0 }, j(n)))])) : S("", !0)], 6))], 14, en))), 128))
+			}, 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))
 		], 46, Xt));
 	}
 }), an = {
@@ -1305,31 +1308,31 @@ var Y = /* @__PURE__ */ function(e) {
 		trailingPlans: {}
 	},
 	setup(e) {
-		return (t, n) => (R(), C("tr", an, [
-			(R(!0), C(y, null, B(e.leadingPlans, (e) => (R(), C("td", {
+		return (t, n) => (L(), C("tr", an, [
+			(L(!0), C(y, null, z(e.leadingPlans, (e) => (L(), C("td", {
 				key: e.descriptor.key,
-				class: P(e.cellClass),
-				style: F(e.style)
-			}, [e.descriptor.column ? V(t.$slots, "default", {
+				class: N(e.cellClass),
+				style: P(e.style)
+			}, [e.descriptor.column ? B(t.$slots, "default", {
 				key: 0,
 				descriptor: e.descriptor
-			}, () => [w("div", on, [D(G(le), {
+			}, () => [w("div", on, [D(W(ue), {
 				class: "s-ui-table__skeleton",
-				type: e.descriptor.primary ? G(oe).S_TABLE_ROW : G(oe).S_TABLE_CELL
+				type: e.descriptor.primary ? W(se).S_TABLE_ROW : W(se).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),
-			(R(!0), C(y, null, B(e.trailingPlans, (e) => (R(), C("td", {
+			(L(!0), C(y, null, z(e.trailingPlans, (e) => (L(), C("td", {
 				key: e.descriptor.key,
-				class: P(e.cellClass),
-				style: F(e.style)
+				class: N(e.cellClass),
+				style: P(e.style)
 			}, null, 6))), 128))
 		]));
 	}
 }), 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 = H(), l = H(), u = (e) => r.value.find((t) => t.key === e), d = (e, t) => {
+	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 n = u(e), r = u(t);
 		if (!n || !r || r.primary) return !1;
 		let i = (e) => e.sticky ?? "regular";
@@ -1343,11 +1346,11 @@ var Y = /* @__PURE__ */ function(e) {
 		}
 		if (s.get(r) === t) return;
 		o.get(r)?.(), s.set(r, t);
-		let i = J(be({
+		let i = q(xe({
 			element: r,
 			canDrag: () => {
 				let e = u(t);
-				return !!(W(n) && e?.draggable && !W(a));
+				return !!(U(n) && e?.draggable && !U(a));
 			},
 			getInitialData: () => ({
 				type: cn,
@@ -1356,9 +1359,9 @@ var Y = /* @__PURE__ */ function(e) {
 			}),
 			onGenerateDragPreview: ({ nativeSetDragImage: e }) => {
 				let n = u(t);
-				Ce({
+				we({
 					nativeSetDragImage: e,
-					getOffset: we({
+					getOffset: Te({
 						x: "8px",
 						y: "8px"
 					}),
@@ -1374,16 +1377,16 @@ var Y = /* @__PURE__ */ function(e) {
 			onDrop: () => {
 				c.value = void 0, l.value = void 0;
 			}
-		}), xe({
+		}), Se({
 			element: r,
 			canDrop: ({ source: n }) => un(n.data, e) && n.data.columnKey !== t && d(n.data.columnKey, t),
-			getData: ({ input: e, element: n }) => Te({ columnKey: t }, {
+			getData: ({ input: e, element: n }) => Ee({ columnKey: t }, {
 				input: e,
 				element: n,
 				allowedEdges: ["left", "right"]
 			}),
 			onDrag: ({ self: e }) => {
-				let n = Ee(e.data);
+				let n = De(e.data);
 				if (n === "left" || n === "right") {
 					let e = l.value;
 					(e?.targetKey !== t || e.edge !== n) && (l.value = {
@@ -1397,23 +1400,23 @@ var Y = /* @__PURE__ */ function(e) {
 			}
 		}));
 		o.set(r, i);
-	}, p = Se({
+	}, p = Ce({
 		canMonitor: ({ source: t }) => un(t.data, e),
 		onDrop: ({ source: t, location: n }) => {
 			c.value = void 0, l.value = void 0;
 			let r = n.current.dropTargets[0];
 			if (!r || !un(t.data, e)) return;
-			let a = r.data, o = a.columnKey, s = Ee(a);
+			let a = r.data, o = a.columnKey, s = De(a);
 			typeof o != "string" || s !== "left" && s !== "right" || o !== t.data.columnKey && i(t.data.columnKey, o, s);
 		}
 	});
-	I(() => {
+	F(() => {
 		p(), o.forEach((e) => {
 			e();
 		}), o.clear(), s.clear();
 	});
-	let m = H();
-	return K(l, (e) => {
+	let m = V();
+	return G(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;
@@ -1428,11 +1431,11 @@ var Y = /* @__PURE__ */ function(e) {
 		dropLineStyle: m
 	};
 }, pn = {
-	[ke.LEFT]: "s-ui-table__cell--align-left",
-	[ke.CENTER]: "s-ui-table__cell--align-center",
-	[ke.RIGHT]: "s-ui-table__cell--align-right"
+	[Y.LEFT]: "s-ui-table__cell--align-left",
+	[Y.CENTER]: "s-ui-table__cell--align-center",
+	[Y.RIGHT]: "s-ui-table__cell--align-right"
 }, mn = ({ columnDescriptors: e, hasTreeStructure: t, expandColumnKey: n, primaryColumnKey: r }) => {
-	let i = b(() => e.value.filter((e) => e.sticky !== Y.RIGHT)), a = b(() => e.value.filter((e) => e.sticky === Y.RIGHT)), o = b(() => {
+	let i = b(() => e.value.filter((e) => e.sticky !== J.RIGHT)), a = b(() => e.value.filter((e) => e.sticky === J.RIGHT)), o = b(() => {
 		let e = (e) => ({
 			key: e.key,
 			descriptor: e
@@ -1448,15 +1451,15 @@ var Y = /* @__PURE__ */ function(e) {
 	}), s = (e) => {
 		if (!e.sticky || !e.stickyOffsetVar || !e.liveStickyOffsetVar) return;
 		let t = `var(${e.liveStickyOffsetVar}, var(${e.stickyOffsetVar}))`;
-		return e.sticky === Y.LEFT ? {
+		return e.sticky === J.LEFT ? {
 			left: t,
 			"--s-ui-table-cell-inline-offset": t
 		} : { right: t };
 	}, c = (e) => {
 		let t = e.service ? Je[e.service] : void 0;
 		return {
-			"s-ui-table__cell--sticky-left": e.sticky === Y.LEFT,
-			"s-ui-table__cell--sticky-right": e.sticky === Y.RIGHT,
+			"s-ui-table__cell--sticky-left": e.sticky === J.LEFT,
+			"s-ui-table__cell--sticky-right": e.sticky === J.RIGHT,
 			"s-ui-table__cell--last-sticky-left": e.lastStickyLeft,
 			"s-ui-table__cell--first-sticky-right": e.firstStickyRight,
 			"s-ui-table__cell--primary": e.primary,
@@ -1464,9 +1467,9 @@ var Y = /* @__PURE__ */ function(e) {
 			[pn[e.align]]: !!e.column
 		};
 	}, l = (e) => {
-		if (!W(t) || !e.column) return !1;
-		let i = W(n);
-		return e.key === (i ?? W(r));
+		if (!U(t) || !e.column) return !1;
+		let i = U(n);
+		return e.key === (i ?? U(r));
 	}, u = (e) => {
 		let t = ["s-ui-table__cell"];
 		return Object.entries(c(e)).forEach(([e, n]) => {
@@ -1502,7 +1505,7 @@ var Y = /* @__PURE__ */ function(e) {
 		})
 	};
 }, hn = ({ tableRootElement: e, scrollElement: t, columnDescriptors: n, columnWidths: r, enabled: i, onResizeEnd: a, remeasureRows: o }) => {
-	let s = z(), c = b(() => s.value?.columnKey), l = (e, t) => {
+	let s = R(), 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) => {
@@ -1512,11 +1515,11 @@ var Y = /* @__PURE__ */ function(e) {
 		s && i.style.setProperty(s.liveWidthVar, `${r}px`);
 		let c = 0;
 		o.forEach((e) => {
-			e.sticky === Y.LEFT && e.liveStickyOffsetVar && (i.style.setProperty(e.liveStickyOffsetVar, `${c}px`), c += a(e));
+			e.sticky === J.LEFT && e.liveStickyOffsetVar && (i.style.setProperty(e.liveStickyOffsetVar, `${c}px`), c += a(e));
 		});
 		let l = 0;
 		[...o].reverse().forEach((e) => {
-			e.sticky === Y.RIGHT && e.liveStickyOffsetVar && (i.style.setProperty(e.liveStickyOffsetVar, `${l}px`), l += a(e));
+			e.sticky === J.RIGHT && e.liveStickyOffsetVar && (i.style.setProperty(e.liveStickyOffsetVar, `${l}px`), l += a(e));
 		});
 	}, d = () => {
 		let t = e.value;
@@ -1532,25 +1535,25 @@ var Y = /* @__PURE__ */ function(e) {
 		let t = s.value;
 		t && (s.value = void 0, e && f(t.columnKey, t.liveWidth), d());
 	};
-	return pe("pointermove", (e) => {
+	return me("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));
-	}), pe("pointerup", (e) => {
+	}), me("pointerup", (e) => {
 		s.value && e.pointerId === s.value.pointerId && p(!0);
-	}), pe("pointercancel", () => {
+	}), me("pointercancel", () => {
 		p(!1);
-	}), pe("blur", () => {
+	}), me("blur", () => {
 		p(!1);
-	}), pe("keydown", (e) => {
+	}), me("keydown", (e) => {
 		s.value && e.key === "Escape" && (e.preventDefault(), p(!1));
 	}), {
 		resizingColumnKey: c,
 		handleResizeHandlePointerdown: (e, t) => {
-			if (!W(i)) return;
+			if (!U(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,
@@ -1561,7 +1564,7 @@ var Y = /* @__PURE__ */ function(e) {
 			});
 		},
 		handleResizeHandleKeydown: (e, t) => {
-			if (!W(i) || e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
+			if (!U(i) || e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
 			let r = n.value.find((e) => e.key === t);
 			if (!r?.resizable) return;
 			e.preventDefault();
@@ -1569,7 +1572,7 @@ var Y = /* @__PURE__ */ function(e) {
 			s !== r.width && f(t, s);
 		},
 		handleResizeHandleDblclick: (e) => {
-			if (!W(i)) return;
+			if (!U(i)) return;
 			let r = n.value.find((t) => t.key === e), a = t.value;
 			if (!r?.resizable || !a) return;
 			let o = r.minWidth;
@@ -1587,7 +1590,7 @@ var Y = /* @__PURE__ */ function(e) {
 	}, v = () => {
 		let t = e.focusBodyRowIndex.value;
 		return t === void 0 ? void 0 : n.value[t];
-	}, y = (e) => e.kind === Q.GROUP ? W(a) : W(r) ?? W(i), b = (t) => {
+	}, y = (e) => e.kind === Q.GROUP ? U(a) : U(r) ?? U(i), b = (t) => {
 		let n = t.target;
 		if (!(n instanceof HTMLElement)) return;
 		let r = n.closest("[data-section]");
@@ -1650,7 +1653,7 @@ var Y = /* @__PURE__ */ function(e) {
 		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, W(s) !== n.key), !0) : !1;
+		return n.column && a && i ? (t.preventDefault(), d(n.key, U(s) !== n.key), !0) : !1;
 	};
 	return {
 		handleGridFocusIn: b,
@@ -1694,7 +1697,7 @@ var Y = /* @__PURE__ */ function(e) {
 				case "Spacebar": {
 					t.preventDefault();
 					let n = e.focusedBodyRowKey.value;
-					if (!W(o) || !n) break;
+					if (!U(o) || !n) break;
 					l(n);
 					break;
 				}
@@ -1703,60 +1706,60 @@ var Y = /* @__PURE__ */ function(e) {
 		}
 	};
 }, _n = ({ tableId: e, enabled: t, dragMode: n, snapshot: r, scrollElement: i, isRowDraggable: a, dragExpandDelayMs: o, isExpanded: s, onHoverExpand: c, onReorder: l, onTreeDrop: u, resolveRowPreviewTitle: d }) => {
-	let f = /* @__PURE__ */ new Map(), p = H(), m = H(), h = (e) => {
+	let f = /* @__PURE__ */ new Map(), p = V(), m = V(), h = V(), g = (e) => {
 		if (!(e instanceof HTMLElement)) return;
 		let t = Number(e.dataset.index);
 		if (Number.isInteger(t)) return r.value.flatRows[t];
-	}, g = (e) => {
-		if (!e || !W(t) || e.kind !== Q.ROW && e.kind !== Q.GROUP) return !1;
-		let n = W(a);
+	}, _ = (e) => {
+		if (!e || !U(t) || e.kind !== Q.ROW && e.kind !== Q.GROUP) return !1;
+		let n = U(a);
 		return n ? n(e.item) !== !1 : !0;
-	}, _ = (e, t) => {
+	}, v = (e, t) => {
 		let { getSubtreeRangeByKey: n, getRowIndexByKey: i } = r.value, a = n(e), o = i(t);
 		return !a || o === void 0 ? !1 : o >= a[0] && o <= a[1];
-	}, v = ge(() => {
-		let e = y.value;
+	}, y = _e(() => {
+		let e = b.value;
 		e && !s(e) && c(e);
-	}, () => W(o) ?? 500, { immediate: !1 }), y = H(), b = ge(() => {
-		S.value = x.value;
-	}, He, { immediate: !1 }), x = H(), S = H(), C = (e) => {
-		!(e.hasChildren || e.kind === Q.GROUP) || e.expanded || y.value !== e.key && (y.value = e.key, v.stop(), v.start());
-	}, w = () => {
-		v.stop(), y.value = void 0, b.stop(), x.value = void 0, S.value = void 0;
-	}, T = (e, t, r, i) => {
-		if (W(n) === Pe.TREE) {
+	}, () => U(o) ?? 500, { immediate: !1 }), b = V(), x = _e(() => {
+		C.value = S.value;
+	}, He, { immediate: !1 }), S = V(), C = V(), w = (e) => {
+		!(e.hasChildren || e.kind === Q.GROUP) || e.expanded || b.value !== e.key && (b.value = e.key, y.stop(), y.start());
+	}, T = () => {
+		y.stop(), b.value = void 0, x.stop(), S.value = void 0, C.value = void 0;
+	}, E = (e, t, r, i) => {
+		if (U(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 || S.value === e.key) return Fe.CHILD;
-				x.value !== e.key && (x.value = e.key, b.stop(), b.start());
-			} else x.value === e.key && (b.stop(), x.value = void 0, S.value = void 0);
+				if (e.kind === Q.GROUP || C.value === e.key) return Fe.CHILD;
+				S.value !== e.key && (S.value = e.key, x.stop(), x.start());
+			} else S.value === e.key && (x.stop(), S.value = void 0, C.value = void 0);
 		}
 		return i === "top" ? Fe.BEFORE : Fe.AFTER;
-	}, E, D = (e) => {
+	}, D, O = (e) => {
 		[e, ...e.querySelectorAll("[id], [tabindex]")].forEach((e) => {
 			e.removeAttribute("id"), e.removeAttribute("tabindex");
 		});
-	}, O = (e) => {
+	}, k = (e) => {
 		let t = e.querySelector(".s-ui-table__cell--primary .s-ui-table__cell-body, .s-ui-table__cell--primary .s-ui-table__group-content"), n = t?.closest("td");
 		return t && n ? {
 			content: t,
 			cell: n
 		} : void 0;
-	}, k = (e, t) => {
+	}, A = (e, t) => {
 		let n = document.createElement("div");
 		n.className = "s-ui-table__row-drag-preview", n.setAttribute("aria-hidden", "true");
-		let r = O(e);
+		let r = k(e);
 		if (!r) return n.textContent = t ? d(t) : "", n;
 		let i = r.content.cloneNode(!0);
-		return i instanceof Element && D(i), n.style.inlineSize = `${Math.round(r.cell.getBoundingClientRect().width)}px`, n.appendChild(i), n;
-	}, A = (e, t) => {
-		E && (E.style.transform = `translate(${e + 8}px, ${t + 8}px)`);
-	}, j = (e) => {
-		A(e.clientX, e.clientY);
-	}, M = (e, t, n) => {
-		N(), E = document.createElement("div"), E.className = "s-ui-table__row-drag-layer", E.appendChild(e), document.body.appendChild(E), document.addEventListener("dragover", j), A(t, n);
+		return i instanceof Element && O(i), n.style.inlineSize = `${Math.round(r.cell.getBoundingClientRect().width)}px`, n.appendChild(i), n;
+	}, j = (e, t) => {
+		D && (D.style.transform = `translate(${e + 8}px, ${t + 8}px)`);
+	}, M = (e) => {
+		j(e.clientX, e.clientY);
+	}, ee = (e, t, n) => {
+		N(), D = document.createElement("div"), D.className = "s-ui-table__row-drag-layer", D.appendChild(e), document.body.appendChild(D), document.addEventListener("dragover", M), j(t, n);
 	}, N = () => {
-		document.removeEventListener("dragover", j), E?.remove(), E = void 0;
+		document.removeEventListener("dragover", M), D?.remove(), D = void 0;
 	}, P = (t) => {
 		if (!(t instanceof HTMLElement)) {
 			f.forEach((e, t) => {
@@ -1765,11 +1768,11 @@ var Y = /* @__PURE__ */ function(e) {
 			return;
 		}
 		if (f.has(t)) return;
-		let n = J(be({
+		let n = q(xe({
 			element: t,
-			canDrag: () => g(h(t)),
+			canDrag: () => _(g(t)),
 			getInitialData: () => {
-				let n = h(t);
+				let n = g(t);
 				return {
 					type: ln,
 					tableId: e,
@@ -1778,84 +1781,88 @@ var Y = /* @__PURE__ */ function(e) {
 				};
 			},
 			onGenerateDragPreview: ({ nativeSetDragImage: e, location: n }) => {
-				let r = k(t, h(t)), { clientX: i, clientY: a } = n.current.input;
-				De({ nativeSetDragImage: e }), M(r, i, a);
+				let r = A(t, g(t)), { clientX: i, clientY: a } = n.current.input;
+				Oe({ nativeSetDragImage: e }), ee(r, i, a);
 			},
 			onDragStart: () => {
-				p.value = h(t)?.key;
+				p.value = g(t)?.key, h.value = void 0;
 			},
 			onDrop: () => {
-				p.value = void 0, m.value = void 0, w(), N();
+				p.value = void 0, m.value = void 0, T(), N();
 			}
-		}), xe({
+		}), Se({
 			element: t,
 			canDrop: ({ source: n }) => {
 				if (!dn(n.data, e)) return !1;
-				let r = h(t);
-				return !r || r.key === n.data.rowKey ? !1 : !_(n.data.rowKey, r.key);
+				let r = g(t);
+				return !r || r.key === n.data.rowKey ? !1 : !v(n.data.rowKey, r.key);
 			},
-			getData: ({ input: e, element: t }) => Te({ rowKey: h(t)?.key ?? "" }, {
+			getData: ({ input: e, element: t }) => Ee({ rowKey: g(t)?.key ?? "" }, {
 				input: e,
 				element: t,
 				allowedEdges: ["top", "bottom"]
 			}),
 			onDrag: ({ self: e, location: n }) => {
-				let r = h(t);
+				let r = g(t);
 				if (!r) return;
-				C(r);
-				let i = Ee(e.data), a = i === "top" || i === "bottom" ? i : null, o = T(r, t, n.current.input.clientY, a), s = o === Fe.CHILD ? r.depth + 1 : r.depth, c = m.value;
+				w(r);
+				let i = De(e.data), a = i === "top" || i === "bottom" ? i : null, o = E(r, t, n.current.input.clientY, a), s = o === Fe.CHILD ? r.depth + 1 : r.depth, c = m.value;
 				(c?.targetKey !== r.key || c.action !== o || c.depth !== s) && (m.value = {
 					targetKey: r.key,
 					action: o,
 					depth: s
-				});
+				}), h.value = {
+					targetKey: r.key,
+					action: o,
+					depth: s
+				};
 			},
 			onDragLeave: () => {
-				let e = h(t);
-				m.value?.targetKey === e?.key && (m.value = void 0), y.value === e?.key && (v.stop(), y.value = void 0);
+				let e = g(t);
+				m.value?.targetKey === e?.key && (m.value = void 0), b.value === e?.key && (y.stop(), b.value = void 0);
 			}
 		}));
 		f.set(t, n);
-	}, F = Se({
+	}, I = Ce({
 		canMonitor: ({ source: t }) => dn(t.data, e),
 		onDrop: ({ source: t, location: i }) => {
-			let a = m.value;
-			if (p.value = void 0, m.value = void 0, w(), !i.current.dropTargets[0] || !a || !dn(t.data, e)) return;
-			let { flatRows: o, getRowIndexByKey: s } = r.value, c = s(t.data.rowKey), d = s(a.targetKey), f = c === void 0 ? void 0 : o[c], h = d === void 0 ? void 0 : o[d];
-			if (!f || !h || f.key === h.key || _(f.key, h.key)) return;
-			if (W(n) === Pe.FLAT) {
+			let a = h.value;
+			if (h.value = void 0, p.value = void 0, m.value = void 0, T(), !i.current.dropTargets[0] || !a || !dn(t.data, e)) return;
+			let { flatRows: o, getRowIndexByKey: s } = r.value, c = s(t.data.rowKey), d = s(a.targetKey), f = c === void 0 ? void 0 : o[c], g = d === void 0 ? void 0 : o[d];
+			if (!f || !g || f.key === g.key || v(f.key, g.key)) return;
+			if (U(n) === Pe.FLAT) {
 				if (a.action === Fe.CHILD) return;
 				l({
 					action: a.action,
 					sourceKey: f.key,
 					sourceItem: f.item,
-					targetKey: h.key,
-					targetItem: h.item,
+					targetKey: g.key,
+					targetItem: g.item,
 					sourceIndex: f.index,
-					targetIndex: h.index
+					targetIndex: g.index
 				});
 				return;
 			}
-			let g = a.action === Fe.CHILD, v = g ? h.key : h.parentKey, y = v === void 0 ? void 0 : s(v), b = y === void 0 ? void 0 : o[y];
+			let _ = a.action === Fe.CHILD, y = _ ? g.key : g.parentKey, b = y === void 0 ? void 0 : s(y), x = b === void 0 ? void 0 : o[b];
 			u({
 				action: a.action,
 				sourceKey: f.key,
 				sourceItem: f.item,
-				targetKey: h.key,
-				targetItem: h.item,
-				parentKey: v,
-				parentItem: b?.item,
-				depth: g ? h.depth + 1 : h.depth
+				targetKey: g.key,
+				targetItem: g.item,
+				parentKey: y,
+				parentItem: x?.item,
+				depth: _ ? g.depth + 1 : g.depth
 			});
 		}
 	}), L;
-	return K(i, (t) => {
-		L?.(), L = void 0, t && (L = Oe({
+	return G(i, (t) => {
+		L?.(), L = void 0, t && (L = ke({
 			element: t,
 			canScroll: ({ source: t }) => dn(t.data, e)
 		}));
-	}, { immediate: !0 }), I(() => {
-		F(), L?.(), N(), f.forEach((e) => {
+	}, { immediate: !0 }), F(() => {
+		I(), L?.(), N(), f.forEach((e) => {
 			e();
 		}), f.clear();
 	}), {
@@ -1883,7 +1890,7 @@ var Y = /* @__PURE__ */ function(e) {
 				rowHeight: t ? t.end - t.start : void 0
 			});
 		};
-		if (!W(t)) return u.forEach(x), y;
+		if (!U(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;
@@ -1930,8 +1937,8 @@ var Y = /* @__PURE__ */ function(e) {
 }, yn = ({ 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, W(r)) || Ht(t.item, W(i))) return !1;
-		let o = W(a);
+		if (!t || Ht(t.item, U(r)) || Ht(t.item, U(i))) return !1;
+		let o = U(a);
 		return o ? o(t.item) !== !1 : !0;
 	}, l = b(() => {
 		let e = [];
@@ -1964,7 +1971,7 @@ var Y = /* @__PURE__ */ function(e) {
 	}, _ = (n) => {
 		if (!c(n)) return;
 		let r = new Set(e.value);
-		if (!W(t)) {
+		if (!U(t)) {
 			r.has(n) ? r.delete(n) : r.add(n), e.value = [...r];
 			return;
 		}
@@ -1996,10 +2003,10 @@ var Y = /* @__PURE__ */ function(e) {
 		}
 	};
 }, 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(() => W(e).find((e) => e.key === t.value)), h = b(() => W(i)?.columnKey ?? t.value), g = b(() => W(a) ?? t.value), _ = b(() => W(o) ?? t.value), v = b(() => W(s) ?? t.value), y = (e) => n.value.get(e.key)?.subtreeSize ?? 0, x = (e) => Wt(e.item, W(r)), S = (e) => {
+	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) => {
 		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 * W(c)}px)` }), w = (e) => {
+	}, C = (e) => ({ paddingInlineStart: `calc(var(--s-ui-dimension-4) + ${e * U(c)}px)` }), w = (e) => {
 		f({
 			parentKey: e.parentKey ?? "",
 			parentItem: e.item,
@@ -2013,7 +2020,7 @@ var Y = /* @__PURE__ */ function(e) {
 		click: () => {
 			w(e);
 		}
-	}), E = b(() => new Set(W(l))), D = (e) => e.parentKey ? E.value.has(e.parentKey) : !1, O = (e) => {
+	}), E = b(() => new Set(U(l))), D = (e) => e.parentKey ? E.value.has(e.parentKey) : !1, O = (e) => {
 		!e.parentKey || D(e) || p({
 			key: e.parentKey,
 			item: e.item
@@ -2026,7 +2033,7 @@ var Y = /* @__PURE__ */ function(e) {
 		loadMore: () => {
 			O(e);
 		}
-	}), A = (e) => W(u)?.[e];
+	}), A = (e) => U(u)?.[e];
 	return {
 		depthFooterColumnKey: h,
 		groupColumnKey: g,
@@ -2050,7 +2057,7 @@ var Y = /* @__PURE__ */ function(e) {
 			return t ? `s-ui-table__aggregate-cell--tone-${t}` : void 0;
 		},
 		getFooterSlotScope: (t) => ({
-			column: W(e).find((e) => e.key === t) ?? { key: t },
+			column: U(e).find((e) => e.key === t) ?? { key: t },
 			footerValue: A(t)
 		})
 	};
@@ -2103,7 +2110,7 @@ var Y = /* @__PURE__ */ function(e) {
 		} : { column: { key: e.key } }
 	};
 }, Sn = ({ windowIndexes: e, visibleRange: t, getRowKey: n, pinnedRowKey: r, enabled: i }) => {
-	let a = /* @__PURE__ */ new Set(), o = H(/* @__PURE__ */ new Set()), s = [], c = 12, l = 0, u = !1, d = !1, f = 0, p = "", m = () => {
+	let a = /* @__PURE__ */ new Set(), o = V(/* @__PURE__ */ new Set()), s = [], c = 12, l = 0, u = !1, d = !1, f = 0, p = "", m = () => {
 		l = performance.now(), u = !0, o.value = new Set(a);
 	}, h = (e) => {
 		let t = s.splice(0, e);
@@ -2118,7 +2125,7 @@ var Y = /* @__PURE__ */ function(e) {
 		e < 20 && (c = Math.min(64, c + 2));
 	}, _ = () => {
 		u && (u = !1, g(performance.now() - l));
-	}, v = me(() => {
+	}, v = he(() => {
 		f = 0, _(), d ? d = !1 : h(c) > 0 && m(), s.length === 0 && v.pause();
 	}, { immediate: !1 }), y = (e) => {
 		let n = t.value, r = n ? (n.startIndex + n.endIndex) / 2 : 0;
@@ -2130,7 +2137,7 @@ var Y = /* @__PURE__ */ function(e) {
 			r !== void 0 && !a.has(r) && t.push(r);
 		}), t;
 	}, x = (e) => {
-		let t = W(r), n = t === void 0 ? -1 : e.indexOf(t);
+		let t = U(r), n = t === void 0 ? -1 : e.indexOf(t);
 		return n > 0 && (e.splice(n, 1), e.unshift(t ?? "")), e;
 	}, S = (e) => {
 		let t = new Set(e.map(n)), r = 0;
@@ -2143,89 +2150,89 @@ var Y = /* @__PURE__ */ function(e) {
 		(s.length > 0 || e > 0) && v.resume();
 	}, T = (e) => `${e[0]}:${e[e.length - 1]}:${e.length}`, E = (e) => {
 		let t = T(e);
-		if (!W(i) || t === p) return;
+		if (!U(i) || t === p) return;
 		p = t, s = x(b(e));
 		let n = S(e), r = h(Math.max(0, c - f));
 		f += r, C(n + r), w(r);
 	};
-	return K(e, E, {
+	return G(e, E, {
 		flush: "sync",
 		immediate: !0
-	}), K(() => W(i), () => {
+	}), G(() => U(i), () => {
 		p = "", E(e.value);
 	}), {
-		isRowHydrated: (e) => !W(i) || e === W(r) || o.value.has(e),
+		isRowHydrated: (e) => !U(i) || e === U(r) || o.value.has(e),
 		hydratedKeys: o
 	};
 }, Cn = {
 	pinned: [],
 	sliding: []
-}, wn = ({ snapshot: e, visibleRange: t, depthFooterSticky: n, bottomVisibleRowIndex: r, getRowOffset: i }) => {
-	let a = b(() => {
-		let n = t.value;
-		if (!n) return;
-		let { flatRows: r, getRowIndexByKey: i } = e.value, a = r[n.startIndex];
-		if (!a) return;
-		let o = a.kind === Q.GROUP ? a.key : a.parentKey;
-		for (; o;) {
-			let e = i(o), t = e === void 0 ? void 0 : r[e];
+}, wn = ({ snapshot: e, visibleRange: t, groupRowSticky: n, depthFooterSticky: r, bottomVisibleRowIndex: i, getRowOffset: a }) => {
+	let o = b(() => {
+		let r = t.value;
+		if (!r || !U(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;
+		for (; s;) {
+			let e = a(s), t = e === void 0 ? void 0 : i[e];
 			if (!t) return;
 			if (t.kind === Q.GROUP) return t.index;
-			o = t.parentKey;
+			s = t.parentKey;
 		}
-	}), o = (e) => e.kind === Q.DEPTH_FOOTER || e.kind === Q.LOAD_MORE ? e.parentKey : e.key, s = (t) => {
+	}), s = (e) => e.kind === Q.DEPTH_FOOTER || e.kind === Q.LOAD_MORE ? e.parentKey : e.key, c = (t) => {
 		let { flatRows: n, getRowIndexByKey: r } = e.value, i = r(t);
 		return i === void 0 ? void 0 : n[i]?.parentKey;
-	}, c = (t) => {
-		let { flatRows: n, depthFooterIndexByParentKey: r } = e.value, i = n[t], a = i ? o(i) : void 0;
+	}, l = (t) => {
+		let { flatRows: n, depthFooterIndexByParentKey: r } = e.value, i = n[t], a = i ? s(i) : void 0;
 		for (; a;) {
 			let e = r.get(a);
 			if (e !== void 0) return e;
-			a = s(a);
+			a = c(a);
 		}
-	}, l = (e, t) => {
-		let n = i(e)?.start;
-		return n !== void 0 && n - t < 1200;
 	}, u = (e, t) => {
+		let n = a(e)?.start;
+		return n !== void 0 && n - t < 1200;
+	}, d = (e, t) => {
 		let n = [e], r = e;
-		for (; n.length < 6 && l(r, t);) {
-			let e = c(r + 1);
+		for (; n.length < 6 && u(r, t);) {
+			let e = l(r + 1);
 			if (e === void 0) return n;
 			n.push(e), r = e;
 		}
 		return n;
-	}, d = (e) => {
-		let t = c(e);
-		return t === void 0 ? [] : u(t, i(e)?.end ?? 0);
-	}, f = (t, n) => {
+	}, f = (e) => {
+		let t = l(e);
+		return t === void 0 ? [] : d(t, a(e)?.end ?? 0);
+	}, p = (t, n) => {
 		let { flatRows: r } = e.value;
 		return [t - 2, t - 1].filter((e) => r[e]?.kind === Q.DEPTH_FOOTER && !n.includes(e));
-	}, p = b(() => {
-		let e = r.value;
-		if (!W(n) || e === void 0) return Cn;
-		let t = d(e);
+	}, m = b(() => {
+		let e = i.value;
+		if (!U(r) || e === void 0) return Cn;
+		let t = f(e);
 		return {
 			pinned: t,
-			sliding: f(e, t)
+			sliding: p(e, t)
 		};
-	}), m = b(() => {
-		let { pinned: e, sliding: t } = p.value;
+	}), h = b(() => {
+		let { pinned: e, sliding: t } = m.value;
 		return [...t, ...e];
 	});
 	return {
-		activeGroupRowIndex: a,
-		activeDepthFooterRowIndex: b(() => p.value.pinned[0]),
-		activeDepthFooterRowIndexes: m,
+		activeGroupRowIndex: o,
+		activeDepthFooterRowIndex: b(() => m.value.pinned[0]),
+		activeDepthFooterRowIndexes: h,
 		leavingDepthFooterRowIndex: b(() => {
-			let [e, t] = p.value.pinned;
+			let [e, t] = m.value.pinned;
 			return t === void 0 ? void 0 : e;
 		}),
-		slidingDepthFooterRowIndexes: b(() => p.value.sliding),
-		farDepthFooterRowIndexes: b(() => p.value.pinned.slice(2))
+		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 }) => ({
 	rootStyle: b(() => {
-		let i = W(n);
+		let i = U(n);
 		return {
 			"--s-ui-table-header-height": "40px",
 			"--s-ui-table-row-min-height": "40px",
@@ -2234,14 +2241,14 @@ var Y = /* @__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": W(t) ? "40px" : "0px",
+			"--s-ui-table-aggregate-offset": U(t) ? "40px" : "0px",
 			...i > 0 ? { "--s-ui-table-viewport-width": `${i}px` } : {},
 			...r.value
 		};
 	}),
 	scrollStyle: b(() => ({
-		height: Tn(W(a)),
-		maxHeight: Tn(W(o))
+		height: Tn(U(a)),
+		maxHeight: Tn(U(o))
 	})),
 	tableStyle: b(() => ({ width: `max(100%, ${i.value}px)` }))
 }), Dn, On = () => {
@@ -2256,8 +2263,8 @@ var Y = /* @__PURE__ */ function(e) {
 	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 = H(0), o = b(() => {
-		let e = W(t), i = W(r), a = W(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);
+	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);
 		return {
 			active: s,
 			uiHeight: c,
@@ -2266,32 +2273,32 @@ var Y = /* @__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 = H(0), u = H(-1);
-	pe(e, "scroll", () => {
+	}), s = (e) => jn(o.value, e), c = (e) => Mn(o.value, e), l = V(0), u = V(-1);
+	me(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" ? W(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" ? 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) => {
 		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 ? pe(e, "wheel", C, { passive: !1 }) : void 0;
+		w?.(), w = t ? me(e, "wheel", C, { passive: !1 }) : void 0;
 	};
-	de(() => {
+	fe(() => {
 		w?.();
 	});
 	let E = (e, t) => e.scrollTop === u.value ? l.value : jn(t, e.scrollTop);
-	return L(() => {
-		K(o, (t, n) => {
+	return I(() => {
+		G(o, (t, n) => {
 			let r = e.value;
 			if (!r || !Pn(t, n)) return;
 			let a = E(r, n);
 			_(r, Mn(t, a), a), i?.(a);
-		}), K(g, T, { immediate: !0 });
+		}), G(g, T, { immediate: !0 });
 	}), {
 		uiScrollTop: a,
 		modelScrollOffset: f,
@@ -2313,30 +2320,30 @@ var Y = /* @__PURE__ */ function(e) {
 		onRescale: (e) => {
 			f?.(e, !1);
 		}
-	}), m = H(0), h = 0, g = (e, t, n) => {
+	}), m = V(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;
-	}, _ = ye(b(() => {
-		let n = W(r);
+	}, _ = be(b(() => {
+		let n = U(r);
 		return {
-			count: W(e),
-			enabled: W(t),
+			count: U(e),
+			enabled: U(t),
 			getScrollElement: () => o.value,
 			estimateSize: (e) => i?.(e) ?? n,
 			getItemKey: s,
-			overscan: W(a),
+			overscan: U(a),
 			shouldAdjustScrollPositionOnItemSizeChange: () => !1,
-			observeElementOffset: (e, t) => (f = t, ve(e, (e, r) => {
+			observeElementOffset: (e, t) => (f = t, ye(e, (e, r) => {
 				let i = p.uiToModel(e);
 				g(i, r, n), t(i, r);
 			})),
 			scrollToFn: (e, t, n) => {
-				_e(p.modelToUi(e + (t.adjustments ?? 0)), { behavior: t.behavior }, n);
+				ve(p.modelToUi(e + (t.adjustments ?? 0)), { behavior: t.behavior }, n);
 			}
 		};
-	})), v = b(() => W(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(() => 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) => {
 		let r = t[0], i = t[t.length - 1];
-		if (!(!r || !i)) return n > 0 ? [i.index + 1, Math.min(W(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(U(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;
@@ -2347,7 +2354,7 @@ var Y = /* @__PURE__ */ function(e) {
 		let t = Number(e.dataset.index);
 		return Number.isInteger(t) ? t : void 0;
 	}, E = (e) => {
-		if (!W(t) || !W(n)) return;
+		if (!U(t) || !U(n)) return;
 		let r = o.value;
 		if (!r) return;
 		let i = r.querySelectorAll("tr[data-index]"), a = [];
@@ -2355,7 +2362,7 @@ var Y = /* @__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 + W(d), u = p.resolveModelOffset(r), f = [], m = Infinity;
+		let c = _.value.measurementsCache, l = r.getBoundingClientRect().top + U(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);
@@ -2368,23 +2375,23 @@ var Y = /* @__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);
 	};
-	K(C, () => E(!0), { flush: "post" });
+	G(C, () => E(!0), { flush: "post" });
 	let D = () => {
 		E(!0);
 	}, O = () => {
 		w.clear(), E(!1);
 	};
-	he(o, () => {
+	ge(o, () => {
 		O();
-	}), K(() => W(c), () => {
+	}), G(() => U(c), () => {
 		w.clear(), E(!1);
 	}, { flush: "post" });
 	let k = (e, t) => {
 		if (e !== "auto") return e;
-		let n = W(l) - W(u), r = p.modelScrollOffset.value;
+		let n = U(l) - U(u), r = p.modelScrollOffset.value;
 		return t.end >= r + n ? "end" : t.start <= r ? "start" : void 0;
 	}, A = (e, t) => {
-		let n = W(l) - W(u);
+		let n = U(l) - U(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))];
@@ -2401,9 +2408,9 @@ var Y = /* @__PURE__ */ function(e) {
 		}
 		let r = j(e, t);
 		r !== void 0 && p.setScrollTop(n, p.modelToUi(r), r);
-	}, N = b(() => {
-		if (!(!W(t) || v.value.length === 0)) return _.value.range ?? void 0;
-	}), P = (e) => {
+	}, ee = b(() => {
+		if (!(!U(t) || v.value.length === 0)) return _.value.range ?? void 0;
+	}), N = (e) => {
 		let t = _.value.measurementsCache;
 		if (t.length === 0) return;
 		let n = 0, r = t.length - 1;
@@ -2413,7 +2420,7 @@ var Y = /* @__PURE__ */ function(e) {
 			a.end <= e ? n = i + 1 : r = i;
 		}
 		return n;
-	}, F = (e) => {
+	}, P = (e) => {
 		let t = _.value.measurementsCache[e];
 		if (t) return {
 			start: t.start,
@@ -2431,10 +2438,10 @@ var Y = /* @__PURE__ */ function(e) {
 		measureWindowRows: O,
 		measureNewRows: D,
 		scrollToIndex: M,
-		visibleRange: N,
-		getRowOffset: F,
+		visibleRange: ee,
+		getRowOffset: P,
 		getRowUiOffset: (e) => {
-			let t = F(e);
+			let t = P(e);
 			if (!t) return;
 			let n = p.uiShift.value;
 			return {
@@ -2442,7 +2449,7 @@ var Y = /* @__PURE__ */ function(e) {
 				end: t.end - n
 			};
 		},
-		getRowIndexAtOffset: P
+		getRowIndexAtOffset: N
 	};
 }, Ln = [
 	"role",
@@ -2506,6 +2513,14 @@ var Y = /* @__PURE__ */ function(e) {
 		},
 		childrenKey: { default: "children" },
 		groupRow: { type: [String, Function] },
+		groupRowSticky: {
+			type: Boolean,
+			default: !0
+		},
+		columnsManagerBodySticky: {
+			type: Boolean,
+			default: !0
+		},
 		groupTotalKey: {},
 		groupContentColumnKey: {},
 		disabledKey: {},
@@ -2617,19 +2632,19 @@ var Y = /* @__PURE__ */ function(e) {
 		"update:sortState"
 	]),
 	setup(e, { expose: t, emit: n }) {
-		let s = ne(e, "modelValue"), c = ne(e, "selected"), p = ne(e, "expanded"), m = ne(e, "columnOrder"), h = ne(e, "columnWidths"), O = ne(e, "hiddenColumns"), A = ne(e, "sortState"), j = n, I = re(), { t: L } = ue(), z = te(), ee = ie("scrollElementRef"), W = ie("tableElementRef"), oe = ie("tableRootRef"), { width: le, height: de } = fe(ee), { primaryColumnKey: pe, columnDescriptors: me, columnCssVars: he, totalWidth: ge, columnCount: _e } = ct({
+		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({
 			columns: () => e.columns,
 			columnOrder: m,
 			columnWidths: h,
 			hiddenColumns: O,
-			hasIndicator: () => !!I.indicator,
+			hasIndicator: () => !!F.indicator,
 			hasCheckbox: () => e.selectable,
-			hasRightEdge: () => !!I["right-edge"],
+			hasRightEdge: () => !!F["right-edge"],
 			hasColumnsManager: () => e.columnsManageable,
 			columnsResizable: () => e.columnsResizable,
 			columnsDraggable: () => e.columnsDraggable,
-			viewportWidth: () => le.value
-		}), { treeIndex: ve, snapshot: ye, flatRows: J, toggleExpanded: be, expandAll: xe, collapseAll: Se } = Kt({
+			viewportWidth: () => ue.value
+		}), { treeIndex: ye, snapshot: be, flatRows: q, toggleExpanded: xe, expandAll: Se, collapseAll: Ce } = Kt({
 			items: () => e.items,
 			itemKey: () => e.itemKey,
 			childrenKey: () => e.childrenKey,
@@ -2637,32 +2652,35 @@ var Y = /* @__PURE__ */ function(e) {
 			expanded: p,
 			depthFooter: () => e.depthFooter,
 			hasMoreChildrenKey: () => e.hasMoreChildrenKey
-		}), { leadingDescriptors: Ce, trailingDescriptors: we, headerCells: Te, getStickyCellStyle: Ee, getHeaderCellClasses: De, leadingCellPlans: Oe, trailingCellPlans: Y, rowCellPlans: ke } = mn({
-			columnDescriptors: me,
+		}), { leadingDescriptors: we, trailingDescriptors: Te, headerCells: Ee, getStickyCellStyle: De, getHeaderCellClasses: Oe, leadingCellPlans: ke, trailingCellPlans: J, rowCellPlans: Y } = mn({
+			columnDescriptors: he,
 			hasTreeStructure: () => Ae.value,
 			expandColumnKey: () => e.expandColumnKey,
-			primaryColumnKey: pe
-		}), X = b(() => me.value.length + 1), Ae = b(() => ve.value.expandableKeys.length > 0), je = b(() => Ae.value ? "treegrid" : "grid"), Me = b(() => J.value.length + 1 + +!!e.creationRow + +!!e.footerValues), Ie = b(() => e.virtual), Le = b(() => ({ "s-ui-table--rows-fixed": e.rowHeightMode === Ne.FIXED })), Re = b(() => {
+			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(() => ({
+			"s-ui-table--rows-fixed": e.rowHeightMode === Ne.FIXED,
+			"s-ui-table--columns-manager-body-static": !e.columnsManagerBodySticky
+		})), Re = b(() => {
 			let t = 0;
 			return e.footerValues && (t += 40), e.creationRow && (t += 40), t;
 		}), ze = [];
-		K(J, (e) => {
+		G(q, (e) => {
 			ze = 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({
-			rowCount: () => J.value.length,
+			rowCount: () => q.value.length,
 			enabled: Ie,
 			autoMeasure: () => e.rowHeightMode === Ne.AUTO,
 			estimateRowSize: () => e.estimateRowSize,
 			estimateRowSizeByIndex: void 0,
 			overscan: () => e.overscan,
-			scrollElement: ee,
+			scrollElement: te,
 			getRowKey: (e) => ze[e]?.key ?? e,
-			rowsVersion: J,
-			viewportHeight: () => de.value,
+			rowsVersion: q,
+			viewportHeight: () => fe.value,
 			extraHeight: () => 40 + Re.value,
 			headerHeight: () => 40
 		}), { isRowHydrated: $e, hydratedKeys: et } = Sn({
@@ -2672,11 +2690,11 @@ var Y = /* @__PURE__ */ function(e) {
 			pinnedRowKey: () => s.value,
 			enabled: () => Ie.value && e.scrollSeekPlaceholders
 		});
-		K(et, Qe, { flush: "post" });
+		G(et, Qe, { flush: "post" });
 		let { resizingColumnKey: tt, handleResizeHandlePointerdown: nt, handleResizeHandleKeydown: rt, handleResizeHandleDblclick: it } = hn({
-			tableRootElement: oe,
-			scrollElement: ee,
-			columnDescriptors: me,
+			tableRootElement: se,
+			scrollElement: te,
+			columnDescriptors: he,
 			columnWidths: h,
 			enabled: () => e.columnsResizable,
 			onResizeEnd: (e, t) => {
@@ -2689,10 +2707,10 @@ var Y = /* @__PURE__ */ function(e) {
 				Ze();
 			}
 		}), at = b(() => e.rowsDragMode ? e.rowsDragMode : Ae.value ? Pe.TREE : Pe.FLAT), { registerColumnHeaderElement: ot, draggingColumnKey: st, dropLineStyle: lt } = fn({
-			tableId: z,
-			tableRootElement: oe,
+			tableId: R,
+			tableRootElement: se,
 			enabled: () => e.columnsDraggable,
-			columnDescriptors: me,
+			columnDescriptors: he,
 			onReorder: (t, n, r) => {
 				let i = m.value?.length ? [...m.value] : e.columns.map((e) => e.key);
 				e.columns.forEach((e) => {
@@ -2711,16 +2729,16 @@ var Y = /* @__PURE__ */ function(e) {
 		}), ut = (e, t) => {
 			(e instanceof Element || e === null) && ot(t, e);
 		}, { registerRowElement: dt, draggingRowKey: pt, dropIndicator: mt } = _n({
-			tableId: z,
+			tableId: R,
 			enabled: () => e.rowsDraggable,
 			dragMode: at,
-			snapshot: ye,
-			scrollElement: ee,
+			snapshot: be,
+			scrollElement: te,
 			isRowDraggable: () => e.isRowDraggable,
 			dragExpandDelayMs: () => e.dragExpandDelayMs,
 			isExpanded: (e) => p.value.includes(e),
 			onHoverExpand: (e) => {
-				be(e);
+				xe(e);
 			},
 			onReorder: (e) => {
 				j("rowsReorder", e);
@@ -2735,17 +2753,18 @@ var Y = /* @__PURE__ */ function(e) {
 			let t = mt.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: ye,
+			snapshot: be,
 			visibleRange: Ge,
+			groupRowSticky: () => e.groupRowSticky,
 			depthFooterSticky: () => e.depthFooter?.sticky !== !1,
 			bottomVisibleRowIndex: b(() => {
-				if (!Ie.value || de.value === 0) return;
-				let e = He.value + de.value - 40 - Re.value;
+				if (!Ie.value || fe.value === 0) return;
+				let e = He.value + fe.value - 40 - Re.value;
 				return Xe(Math.max(0, e));
 			}),
 			getRowOffset: Je
 		}), { renderEntries: wt } = vn({
-			flatRows: J,
+			flatRows: q,
 			virtualEnabled: Ie,
 			windowIndexes: Be,
 			uiTotalSize: Ve,
@@ -2756,14 +2775,14 @@ var Y = /* @__PURE__ */ function(e) {
 			slidingDepthFooterRowIndexes: St,
 			farDepthFooterRowIndexes: Ct,
 			activeRowIndex: b(() => {
-				if (s.value) return ye.value.getRowIndexByKey(s.value);
+				if (s.value) return be.value.getRowIndexByKey(s.value);
 			})
-		}), Tt = b(() => !e.loading && J.value.length === 0), { rootStyle: Et, scrollStyle: Ot, tableStyle: kt } = En({
+		}), Tt = b(() => !e.loading && q.value.length === 0), { rootStyle: Et, scrollStyle: Ot, tableStyle: kt } = En({
 			tfootBarStackHeight: Re,
 			hasFooterValues: () => !!e.footerValues,
-			scrollClientWidth: () => le.value,
-			columnCssVars: he,
-			totalWidth: ge,
+			scrollClientWidth: () => ue.value,
+			columnCssVars: ge,
+			totalWidth: _e,
 			height: () => e.height,
 			maxHeight: () => e.maxHeight
 		}), { getColumnSortDirection: At, getColumnSortIndex: jt, applySortCycle: Nt, applySortExact: Pt, getHeaderAriaSort: Ft, getHeaderSlotScope: It } = xn({
@@ -2771,7 +2790,7 @@ var Y = /* @__PURE__ */ function(e) {
 			onSortChange: (e) => {
 				j("sortChange", e);
 			}
-		}), Lt = H(), Rt = (e, t) => {
+		}), Lt = V(), Rt = (e, t) => {
 			Lt.value = t ? e : void 0;
 		}, zt = (t, n) => {
 			if (!e.columnsResizable || !t.resizable) return;
@@ -2783,7 +2802,7 @@ var Y = /* @__PURE__ */ function(e) {
 				key: t.key,
 				width: r
 			}));
-		}, Bt = H(!1), Vt = b(() => e.columns.filter((e) => e.key !== pe.value && (e.hideable ?? !0))), Ut = (e) => (O.value ?? []).includes(e), Wt = b(() => {
+		}, Bt = V(!1), Vt = b(() => e.columns.filter((e) => e.key !== me.value && (e.hideable ?? !0))), Ut = (e) => (O.value ?? []).includes(e), Wt = b(() => {
 			let e = Vt.value.map((e) => {
 				let t = Ut(e.key);
 				return {
@@ -2802,7 +2821,7 @@ var Y = /* @__PURE__ */ function(e) {
 		}, Jt = yn({
 			selected: c,
 			cascade: () => e.cascadeSelection,
-			treeIndex: ve,
+			treeIndex: ye,
 			groupRow: () => e.groupRow,
 			disabledKey: () => e.disabledKey,
 			isItemSelectable: () => e.isItemSelectable
@@ -2830,7 +2849,7 @@ var Y = /* @__PURE__ */ function(e) {
 			c,
 			l,
 			u,
-			me.value,
+			he.value,
 			ln.value,
 			pn.value,
 			d,
@@ -2852,7 +2871,7 @@ var Y = /* @__PURE__ */ function(e) {
 				placeholder: t,
 				memoKeys: en(e, t)
 			};
-		})), an = b(() => Object.keys(I).filter((e) => e.startsWith("cell:"))), on = (e) => `s-ui-table-${z}-row-${e}`, cn = (e) => ({
+		})), an = b(() => Object.keys(F).filter((e) => e.startsWith("cell:"))), on = (e) => `s-ui-table-${R}-row-${e}`, cn = (e) => ({
 			...e,
 			selected: Xt(e.key),
 			indeterminate: !1,
@@ -2860,15 +2879,15 @@ var Y = /* @__PURE__ */ function(e) {
 			disabled: $t(e),
 			group: e.kind === Q.GROUP,
 			toggleExpanded: () => {
-				be(e.key);
+				xe(e.key);
 			},
 			toggleSelected: () => {
 				Qt(e.key);
 			}
 		}), { depthFooterColumnKey: ln, groupColumnKey: un, creationColumnKey: dn, loadMoreColumnKey: pn, getGroupCount: Cn, getGroupTotal: Tn, getGroupTitle: Dn, getDepthIndentStyle: On, emitDepthFooterClick: kn, getDepthFooterSlotScope: An, isLoadMoreRowLoading: jn, emitLoadMoreChildren: Mn, getLoadMoreSlotScope: Nn, getFooterValueText: Pn, getFooterToneClass: Fn, getFooterSlotScope: ir } = bn({
 			columns: () => e.columns,
-			primaryColumnKey: pe,
-			treeNodeByKey: b(() => ve.value.nodeByKey),
+			primaryColumnKey: me,
+			treeNodeByKey: b(() => ye.value.nodeByKey),
 			groupTotalKey: () => e.groupTotalKey,
 			depthFooter: () => e.depthFooter,
 			groupContentColumnKey: () => e.groupContentColumnKey,
@@ -2889,7 +2908,7 @@ var Y = /* @__PURE__ */ function(e) {
 			count: Cn(e),
 			total: Tn(e)
 		}), or = (t, n) => {
-			$t(t) || (s.value = t.key, e.expandOnClick && (t.hasChildren || t.kind === Q.GROUP) && be(t.key), j("rowClick", {
+			$t(t) || (s.value = t.key, e.expandOnClick && (t.hasChildren || t.kind === Q.GROUP) && xe(t.key), j("rowClick", {
 				key: t.key,
 				item: t.item,
 				event: n
@@ -2902,7 +2921,7 @@ var Y = /* @__PURE__ */ function(e) {
 			});
 		}, cr = b(() => {
 			let e = /* @__PURE__ */ new Set();
-			return me.value.forEach((t) => {
+			return he.value.forEach((t) => {
 				t.column && e.add(t.key);
 			}), e;
 		}), lr = (e, t, n) => {
@@ -2913,10 +2932,10 @@ var Y = /* @__PURE__ */ function(e) {
 				event: n
 			});
 		}, ur = (e) => e ? !$t(e) : !1, dr = b(() => {
-			let t = de.value - 40 - Re.value;
+			let t = fe.value - 40 - Re.value;
 			return Math.max(1, Math.floor(t / e.estimateRowSize));
 		});
-		f(() => ee.value, {
+		f(() => te.value, {
 			distance: () => e.endReachedDistance,
 			canLoadMore: () => e.canLoadMore?.() ?? !0,
 			onEndReached: () => {
@@ -2924,7 +2943,7 @@ var Y = /* @__PURE__ */ function(e) {
 			}
 		});
 		let fr = (e, t) => {
-			let n = ye.value.getRowIndexByKey(e);
+			let n = be.value.getRowIndexByKey(e);
 			if (n !== void 0) {
 				if (Ie.value) {
 					Ue(n, t?.align ?? "auto");
@@ -2932,13 +2951,13 @@ var Y = /* @__PURE__ */ function(e) {
 				}
 				document.getElementById(on(e))?.scrollIntoView({ block: t?.align === "center" ? "center" : "nearest" });
 			}
-		}, pr = (e) => `s-ui-table-${z}-cell-${e.section}-${e.rowKey ?? ""}-${e.columnKey}`, mr = ft({
-			tableRootElement: oe,
-			tableElement: W,
-			scrollElement: ee,
-			columnDescriptors: me,
-			flatRows: J,
-			snapshot: ye,
+		}, pr = (e) => `s-ui-table-${R}-cell-${e.section}-${e.rowKey ?? ""}-${e.columnKey}`, mr = ft({
+			tableRootElement: se,
+			tableElement: U,
+			scrollElement: te,
+			columnDescriptors: he,
+			flatRows: q,
+			snapshot: be,
 			groupColumnKey: un,
 			depthFooterColumnKey: ln,
 			loadMoreColumnKey: pn,
@@ -2952,22 +2971,22 @@ var Y = /* @__PURE__ */ function(e) {
 				s.value = e;
 			},
 			scrollToRowIndex: (e) => {
-				let t = J.value[e];
+				let t = q.value[e];
 				t && fr(t.key);
 			}
-		}), hr = `s-ui-table-${z}-cell-${$.BODY}-`, gr = `s-ui-table-${z}-cell-${$.CREATION}-`, _r = (e) => mr.focusedBodyRowKey.value === e ? mr.focusAddress.value.columnKey : void 0, vr = (e) => {
+		}), hr = `s-ui-table-${R}-cell-${$.BODY}-`, gr = `s-ui-table-${R}-cell-${$.CREATION}-`, _r = (e) => mr.focusedBodyRowKey.value === e ? mr.focusAddress.value.columnKey : void 0, vr = (e) => {
 			let t = mr.focusAddress.value;
 			return t.section === e ? t.columnKey : void 0;
 		}, yr = (e, t, n) => mr.getCellTabIndex(e, t, n), { handleGridFocusIn: br, handleGridKeydown: xr } = gn({
 			gridFocus: mr,
-			columnDescriptors: me,
-			flatRows: J,
+			columnDescriptors: he,
+			flatRows: q,
 			expandColumnKey: () => e.expandColumnKey,
-			primaryColumnKey: pe,
+			primaryColumnKey: me,
 			groupColumnKey: un,
 			selectable: () => e.selectable,
 			openMenuColumnKey: Lt,
-			toggleExpanded: be,
+			toggleExpanded: xe,
 			toggleRowSelected: (e) => {
 				Jt.toggleRow(e);
 			},
@@ -2986,82 +3005,82 @@ var Y = /* @__PURE__ */ function(e) {
 		});
 		return t({
 			focusNavigation: async () => {
-				mr.focusAddressNow(mr.focusAddress.value), await N();
+				mr.focusAddressNow(mr.focusAddress.value), await ee();
 			},
 			scrollToRow: fr,
-			expandAll: xe,
-			collapseAll: Se,
+			expandAll: Se,
+			collapseAll: Ce,
 			clearSelection: () => {
 				Jt.clearSelection();
 			},
-			getScrollElement: () => ee.value ?? void 0
-		}), (t, n) => (R(), C("div", {
+			getScrollElement: () => te.value ?? void 0
+		}), (t, n) => (L(), C("div", {
 			ref_key: "tableRootRef",
-			ref: oe,
-			class: P(["s-ui-table", Le.value]),
-			style: F(G(Et))
+			ref: se,
+			class: N(["s-ui-table", Le.value]),
+			style: P(W(Et))
 		}, [w("div", {
 			ref_key: "scrollElementRef",
-			ref: ee,
+			ref: te,
 			class: "s-ui-table__scroll",
-			style: F(G(Ot))
+			style: P(W(Ot))
 		}, [w("table", {
 			class: "s-ui-table__table",
-			style: F(G(kt)),
+			style: P(W(kt)),
 			role: je.value,
 			"aria-rowcount": Me.value,
-			"aria-colcount": G(_e),
+			"aria-colcount": W(ve),
 			"aria-busy": e.loading || e.loadingMore || void 0,
 			ref_key: "tableElementRef",
-			ref: W,
+			ref: U,
 			tabindex: "-1",
-			onKeydown: n[5] ||= (...e) => G(xr) && G(xr)(...e),
-			onFocusin: n[6] ||= (...e) => G(br) && G(br)(...e)
+			onKeydown: n[5] ||= (...e) => W(xr) && W(xr)(...e),
+			onFocusin: n[6] ||= (...e) => W(br) && W(br)(...e)
 		}, [
 			w("colgroup", null, [
-				(R(!0), C(y, null, B(G(Ce), (e) => (R(), C("col", {
+				(L(!0), C(y, null, z(W(we), (e) => (L(), C("col", {
 					key: e.key,
-					style: F({ width: `var(${e.liveWidthVar}, var(${e.widthVar}))` })
+					style: P({ width: `var(${e.liveWidthVar}, var(${e.widthVar}))` })
 				}, null, 4))), 128)),
 				n[7] ||= w("col", { class: "s-ui-table__filler-col" }, null, -1),
-				(R(!0), C(y, null, B(G(we), (e) => (R(), C("col", {
+				(L(!0), C(y, null, z(W(Te), (e) => (L(), C("col", {
 					key: e.key,
-					style: F({ width: `var(${e.liveWidthVar}, var(${e.widthVar}))` })
+					style: P({ width: `var(${e.liveWidthVar}, var(${e.widthVar}))` })
 				}, null, 4))), 128))
 			]),
-			w("thead", Rn, [w("tr", zn, [(R(!0), C(y, null, B(G(Te), ({ key: e, descriptor: s }) => (R(), C(y, { key: e }, [s ? (R(), C("th", {
+			w("thead", Rn, [w("tr", zn, [(L(!0), C(y, null, z(W(Ee), ({ key: e, descriptor: s }) => (L(), C(y, { key: e }, [s ? (L(), C("th", {
 				key: 1,
 				id: pr({
-					section: G($).HEADER,
+					section: W($).HEADER,
 					columnKey: s.key
 				}),
 				ref_for: !0,
 				ref: (e) => ut(e, s.key),
-				class: P(["s-ui-table__header-cell", [G(De)(s), { "s-ui-table__header-cell--dragging": G(st) === s.key }]]),
-				style: F(G(Ee)(s)),
+				class: N(["s-ui-table__header-cell", [W(Oe)(s), { "s-ui-table__header-cell--dragging": W(st) === s.key }]]),
+				style: P(W(De)(s)),
 				"data-column-key": s.key,
-				"data-section": G($).HEADER,
+				"data-section": W($).HEADER,
 				"aria-colindex": s.colIndex,
-				"aria-sort": G(Ft)(s),
-				tabindex: yr(G($).HEADER, void 0, s.key),
+				"aria-sort": W(Ft)(s),
+				tabindex: yr(W($).HEADER, void 0, s.key),
 				scope: "col"
-			}, [s.column ? (R(), x(Dt, {
+			}, [s.column ? (L(), x(Dt, {
 				key: 0,
 				descriptor: s,
-				"sort-direction": G(At)(s.key),
-				"sort-index": G(jt)(s.key),
+				"sort-direction": W(At)(s.key),
+				"sort-index": W(jt)(s.key),
 				"menu-open": Lt.value === s.key,
 				"onUpdate:menuOpen": (e) => Rt(s.key, e),
-				onSortToggle: (e) => G(Nt)(s.key, e),
-				onSortSet: (e) => G(Pt)(s.key, e),
+				onSortToggle: (e) => W(Nt)(s.key, e),
+				onSortSet: (e) => W(Pt)(s.key, e),
 				onHide: (e) => qt(s.key)
-			}, T({ _: 2 }, [G(I)[`header:${s.key}`] ? {
+			}, T({ _: 2 }, [W(F)[`header:${s.key}`] ? {
 				name: "default",
-				fn: q(() => [V(t.$slots, `header:${s.key}`, M({ ref_for: !0 }, G(It)(s)))]),
+				fn: K(() => [B(t.$slots, `header:${s.key}`, M({ ref_for: !0 }, W(It)(s)))]),
 				key: "0"
-			} : void 0, G(I)[`header-menu:${s.key}`] ? {
+			} : void 0, W(F)[`header-menu:${s.key}`] ? {
 				name: "menu",
-				fn: q(() => [V(t.$slots, `header-menu:${s.key}`, M({ ref_for: !0 }, G(It)(s)))]),
+				fn: K(() => [B(t.$slots, `header-menu:${s.key}`, M({ ref_for: !0 }, W(It)(s)))]),
 				key: "1"
 			} : void 0]), 1032, [
 				"descriptor",
@@ -3072,32 +3091,32 @@ var Y = /* @__PURE__ */ function(e) {
 				"onSortToggle",
 				"onSortSet",
 				"onHide"
-			])) : s.service === G(qe).CHECKBOX ? (R(), x(We, {
+			])) : s.service === W(qe).CHECKBOX ? (L(), x(We, {
 				key: 1,
-				class: P(["s-ui-table__header-checkbox", { "s-ui-table__header-checkbox--active": G(Yt) !== G(Z).UNCHECKED }]),
-				"model-value": G(Yt) === G(Z).CHECKED,
-				indeterminate: G(Yt) === G(Z).INDETERMINATE,
-				"screen-reader-label": G(Yt) === G(Z).CHECKED ? G(L)("table.deselectAll") : G(L)("table.selectAll"),
-				"onUpdate:modelValue": n[0] ||= (e) => G(Jt).toggleSelectAll()
+				class: N(["s-ui-table__header-checkbox", { "s-ui-table__header-checkbox--active": W(Yt) !== W(Z).UNCHECKED }]),
+				"model-value": W(Yt) === W(Z).CHECKED,
+				indeterminate: W(Yt) === W(Z).INDETERMINATE,
+				"screen-reader-label": W(Yt) === W(Z).CHECKED ? W(I)("table.deselectAll") : W(I)("table.selectAll"),
+				"onUpdate:modelValue": n[0] ||= (e) => W(Jt).toggleSelectAll()
 			}, null, 8, [
 				"class",
 				"model-value",
 				"indeterminate",
 				"screen-reader-label"
-			])) : s.service === G(qe).COLUMNS_MANAGER ? (R(), C("div", Hn, [D(G(u), {
+			])) : s.service === W(qe).COLUMNS_MANAGER ? (L(), C("div", Hn, [D(W(u), {
 				modelValue: Bt.value,
 				"onUpdate:modelValue": n[1] ||= (e) => Bt.value = e,
-				placement: G(l).BOTTOM_END,
+				placement: W(l).BOTTOM_END,
 				shift: "",
 				"fit-viewport": ""
 			}, {
-				trigger: q(({ toggle: e }) => [D(G(o), {
+				trigger: K(({ toggle: e }) => [D(W(o), {
 					class: "s-ui-table__columns-manager-button",
-					appearance: G(i).BARE,
-					variant: G(r).NEUTRAL,
-					size: G(a).SMALL,
+					appearance: W(i).BARE,
+					variant: W(r).MAIN,
+					size: W(a).SMALL,
 					icon: "tablePlus",
-					"aria-label": G(L)("table.manageColumns"),
+					"aria-label": W(I)("table.manageColumns"),
 					tabindex: "-1",
 					onClick: (t) => e()
 				}, null, 8, [
@@ -3107,30 +3126,30 @@ var Y = /* @__PURE__ */ function(e) {
 					"aria-label",
 					"onClick"
 				])]),
-				content: q(() => [D(G(d), {
+				content: K(() => [D(W(d), {
 					class: "s-ui-table__columns-menu",
 					width: 300
 				}, {
-					default: q(() => [V(t.$slots, "columns-menu", {
+					default: K(() => [B(t.$slots, "columns-menu", {
 						columns: Vt.value,
 						isColumnHidden: Ut,
 						toggleColumn: Gt
-					}, () => [(R(!0), C(y, null, B(Wt.value, (e, t) => (R(), C(y, { key: t }, [t > 0 ? (R(), x(G(ce), {
+					}, () => [(L(!0), C(y, null, z(Wt.value, (e, t) => (L(), C(y, { key: t }, [t > 0 ? (L(), x(W(le), {
 						key: 0,
 						class: "s-ui-table__columns-separator"
-					})) : S("", !0), (R(!0), C(y, null, B(e, (e) => (R(), x(G(v), {
+					})) : S("", !0), (L(!0), C(y, null, z(e, (e) => (L(), x(W(v), {
 						key: e.column.key,
-						class: P(["s-ui-table__columns-item", e.classes]),
-						size: G(_).SMALL,
-						"label-placement": G(g).LEFT,
+						class: N(["s-ui-table__columns-item", e.classes]),
+						size: W(_).SMALL,
+						"label-placement": W(g).LEFT,
 						"model-value": !e.hidden,
 						"onUpdate:modelValue": (t) => Gt(e.column.key)
 					}, {
-						default: q(() => [w("span", Un, [e.column.icon ? (R(), x(G(se), {
+						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, U(e.column.title ?? e.column.key), 1)])]),
+						}, null, 8, ["name"])) : S("", !0), w("span", Wn, H(e.column.title ?? e.column.key), 1)])]),
 						_: 2
 					}, 1032, [
 						"class",
@@ -3142,84 +3161,84 @@ var Y = /* @__PURE__ */ function(e) {
 					_: 3
 				})]),
 				_: 3
-			}, 8, ["modelValue", "placement"])])) : S("", !0), s.resizable ? (R(), C("span", {
+			}, 8, ["modelValue", "placement"])])) : S("", !0), s.resizable ? (L(), C("span", {
 				key: 3,
-				class: P(["s-ui-table__resize-handle", { "s-ui-table__resize-handle--active": G(tt) === s.key }]),
+				class: N(["s-ui-table__resize-handle", { "s-ui-table__resize-handle--active": W(tt) === s.key }]),
 				role: "separator",
 				"aria-orientation": "vertical",
-				"aria-label": G(L)("table.resizeColumn"),
+				"aria-label": W(I)("table.resizeColumn"),
 				tabindex: "-1",
-				onPointerdown: (e) => G(nt)(e, s.key),
-				onKeydown: (e) => G(rt)(e, s.key),
-				onDblclick: (e) => G(it)(s.key),
-				onClick: n[2] ||= ae(() => {}, ["stop"])
-			}, null, 42, Gn)) : S("", !0)], 14, Vn)) : (R(), C("th", Bn))], 64))), 128))])]),
+				onPointerdown: (e) => W(nt)(e, s.key),
+				onKeydown: (e) => W(rt)(e, s.key),
+				onDblclick: (e) => W(it)(s.key),
+				onClick: n[2] ||= oe(() => {}, ["stop"])
+			}, null, 42, Gn)) : S("", !0)], 14, Vn)) : (L(), C("th", Bn))], 64))), 128))])]),
 			w("tbody", Kn, [
-				Tt.value ? (R(), C("tr", qn, [w("td", {
+				Tt.value ? (L(), C("tr", qn, [w("td", {
 					class: "s-ui-table__empty-cell",
 					colspan: X.value
-				}, [w("div", Yn, [V(t.$slots, "empty", {}, () => [w("span", Xn, U(G(L)("table.empty")), 1)])])], 8, Jn)])) : S("", !0),
-				e.loading ? (R(!0), C(y, { key: 1 }, B(e.skeletonRowCount, (e) => (R(), x(sn, {
+				}, [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": G(Oe),
-					"trailing-plans": G(Y)
-				}, T({ _: 2 }, [G(I)["skeleton-row"] ? {
+					"leading-plans": W(ke),
+					"trailing-plans": W(J)
+				}, T({ _: 2 }, [W(F)["skeleton-row"] ? {
 					name: "default",
-					fn: q((e) => [V(t.$slots, "skeleton-row", { column: e.descriptor.column })]),
+					fn: K((e) => [B(t.$slots, "skeleton-row", { column: e.descriptor.column })]),
 					key: "0"
-				} : void 0]), 1032, ["leading-plans", "trailing-plans"]))), 128)) : (R(!0), C(y, { key: 2 }, B(nn.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, N) => {
-					let z = b;
-					if (N && N.el && N.key === c && k(N, z)) return N;
-					let H = (R(), C(y, { key: c }, [l ? (R(), C("tr", Zn, [w("td", {
+				} : void 0]), 1032, ["leading-plans", "trailing-plans"]))), 128)) : (L(!0), C(y, { key: 2 }, z(nn.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: F({ height: `${u}px` })
-					}, null, 12, Qn)])) : n && n.kind === G(Q).GROUP ? (R(), x(yt, {
+						style: P({ height: `${u}px` })
+					}, null, 12, Qn)])) : n && n.kind === W(Q).GROUP ? (L(), x(yt, {
 						key: 1,
 						id: on(n.key),
 						stuck: f,
 						row: n,
 						"dnd-ref": e.rowsDraggable ? ht : void 0,
-						dragging: G(pt) === n.key,
+						dragging: W(pt) === n.key,
 						"drop-position": gt(n.key),
 						"row-index": n.index,
-						"leading-plans": G(Oe),
-						"trailing-plans": G(Y),
-						"group-column-key": G(un),
+						"leading-plans": W(ke),
+						"trailing-plans": W(J),
+						"group-column-key": W(un),
 						"tree-indent": e.treeIndent,
-						count: G(Cn)(n),
-						total: G(Tn)(n),
-						title: G(Dn)(n),
+						count: W(Cn)(n),
+						total: W(Tn)(n),
+						title: W(Dn)(n),
 						"extra-row-style": e.rowStyle?.(n.item, n),
 						expanded: n.expanded,
 						active: s.value === n.key,
 						"cell-id-prefix": hr,
 						"focus-column-key": _r(n.key),
-						onToggle: (e) => G(be)(n.key),
+						onToggle: (e) => W(xe)(n.key),
 						onRowClick: (e) => or(n, e),
 						onMenuOpen: (e) => j("groupMenuOpen", {
 							key: n.key,
 							item: n.item
 						})
 					}, T({ _: 2 }, [
-						G(I)["group-menu"] ? {
+						W(F)["group-menu"] ? {
 							name: "menu",
-							fn: q(() => [V(t.$slots, "group-menu", M({ ref_for: !0 }, ar(n)))]),
+							fn: K(() => [B(t.$slots, "group-menu", M({ ref_for: !0 }, ar(n)))]),
 							key: "0"
 						} : void 0,
-						G(I)["group-row"] ? {
+						W(F)["group-row"] ? {
 							name: "row",
-							fn: q(() => [V(t.$slots, "group-row", M({ ref_for: !0 }, ar(n)))]),
+							fn: K(() => [B(t.$slots, "group-row", M({ ref_for: !0 }, ar(n)))]),
 							key: "1"
 						} : void 0,
-						G(I)["group-title"] ? {
+						W(F)["group-title"] ? {
 							name: "title",
-							fn: q(() => [V(t.$slots, "group-title", M({ ref_for: !0 }, ar(n)))]),
+							fn: K(() => [B(t.$slots, "group-title", M({ ref_for: !0 }, ar(n)))]),
 							key: "2"
 						} : void 0,
-						G(I)["group-actions"] ? {
+						W(F)["group-actions"] ? {
 							name: "actions",
-							fn: q(() => [V(t.$slots, "group-actions", M({ ref_for: !0 }, ar(n)))]),
+							fn: K(() => [B(t.$slots, "group-actions", M({ ref_for: !0 }, ar(n)))]),
 							key: "3"
 						} : void 0
 					]), 1032, [
@@ -3244,29 +3263,29 @@ var Y = /* @__PURE__ */ function(e) {
 						"onToggle",
 						"onRowClick",
 						"onMenuOpen"
-					])) : n && n.kind === G(Q).DEPTH_FOOTER ? (R(), x(Ke, {
+					])) : n && n.kind === W(Q).DEPTH_FOOTER ? (L(), x(Ke, {
 						key: 2,
-						class: P(["s-ui-table__depth-footer-row", {
+						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: F(tn(g)),
+						style: P(tn(g)),
 						"data-index": n.index,
 						"aria-rowindex": n.index + 2,
-						cells: G(ke),
-						"content-column-key": G(ln),
+						cells: W(Y),
+						"content-column-key": W(ln),
 						"cell-class": "s-ui-table__depth-footer-cell",
 						"content-class": "s-ui-table__depth-footer-content",
-						"content-style": G(On)(n.depth),
-						section: G($).BODY,
+						"content-style": W(On)(n.depth),
+						section: W($).BODY,
 						"row-key": n.key,
 						"cell-id-prefix": hr,
 						"focus-column-key": _r(n.key)
 					}, {
-						default: q(() => [V(t.$slots, "depth-footer", M({ ref_for: !0 }, G(An)(n)))]),
+						default: K(() => [B(t.$slots, "depth-footer", M({ ref_for: !0 }, W(An)(n)))]),
 						_: 2
 					}, 1032, [
 						"class",
@@ -3279,29 +3298,29 @@ var Y = /* @__PURE__ */ function(e) {
 						"section",
 						"row-key",
 						"focus-column-key"
-					])) : n && n.kind === G(Q).LOAD_MORE ? (R(), x(Ke, {
+					])) : 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: G(ke),
-						"content-column-key": G(pn),
+						cells: W(Y),
+						"content-column-key": W(pn),
 						"content-class": "s-ui-table__load-more-content",
-						"content-style": G(On)(n.depth),
-						section: G($).BODY,
+						"content-style": W(On)(n.depth),
+						section: W($).BODY,
 						"row-key": n.key,
 						"cell-id-prefix": hr,
 						"focus-column-key": _r(n.key)
 					}, {
-						default: q(() => [V(t.$slots, "load-more", M({ ref_for: !0 }, G(Nn)(n)), () => [D(G(o), {
-							appearance: G(i).BARE,
-							variant: G(r).NEUTRAL,
-							size: G(a).SMALL,
-							loading: G(jn)(n),
+						default: K(() => [B(t.$slots, "load-more", M({ ref_for: !0 }, W(Nn)(n)), () => [D(W(o), {
+							appearance: W(i).BARE,
+							variant: W(r).NEUTRAL,
+							size: W(a).SMALL,
+							loading: W(jn)(n),
 							tabindex: "-1",
-							onClick: (e) => G(Mn)(n)
+							onClick: (e) => W(Mn)(n)
 						}, {
-							default: q(() => [E(U(G(L)("table.loadMore")), 1)]),
+							default: K(() => [E(H(W(I)("table.loadMore")), 1)]),
 							_: 1
 						}, 8, [
 							"appearance",
@@ -3320,32 +3339,32 @@ var Y = /* @__PURE__ */ function(e) {
 						"section",
 						"row-key",
 						"focus-column-key"
-					])) : n && v ? (R(), x(Mt, {
+					])) : n && v ? (L(), x(Mt, {
 						key: 4,
 						"row-index": n.index,
 						"row-key": n.key,
-						cells: G(ke),
+						cells: W(Y),
 						"row-height": d
 					}, null, 8, [
 						"row-index",
 						"row-key",
 						"cells",
 						"row-height"
-					])) : n ? (R(), x(rn, {
+					])) : n ? (L(), x(rn, {
 						key: 5,
 						row: n,
 						"row-index": n.index,
 						"row-expanded": n.expanded,
-						"leading-plans": G(Oe),
-						"trailing-plans": G(Y),
+						"leading-plans": W(ke),
+						"trailing-plans": W(J),
 						"dnd-ref": e.rowsDraggable ? ht : void 0,
-						dragging: G(pt) === n.key,
+						dragging: W(pt) === n.key,
 						"drop-position": gt(n.key),
 						"placeholder-height": d,
 						"dom-id": on(n.key),
 						selected: Xt(n.key),
 						indeterminate: Zt(n.key),
-						"row-selectable": e.selectable && G(Jt).isNodeSelectable(n.key),
+						"row-selectable": e.selectable && W(Jt).isNodeSelectable(n.key),
 						active: s.value === n.key,
 						disabled: $t(n),
 						"tree-indent": e.treeIndent,
@@ -3358,64 +3377,64 @@ var Y = /* @__PURE__ */ function(e) {
 						onRowClick: (e) => or(n, e),
 						onRowContextMenu: (e) => sr(n, e),
 						onCellClick: (e, t) => lr(n, e, t),
-						onToggleExpand: (e) => G(be)(n.key),
+						onToggleExpand: (e) => W(xe)(n.key),
 						onToggleSelected: (e) => Qt(n.key)
 					}, T({ _: 2 }, [
-						B(an.value, (e) => ({
+						z(an.value, (e) => ({
 							name: e,
-							fn: q((n) => [V(t.$slots, e, M({ ref_for: !0 }, n))])
+							fn: K((n) => [B(t.$slots, e, M({ ref_for: !0 }, n))])
 						})),
-						G(I).chevron ? {
+						W(F).chevron ? {
 							name: "chevron",
-							fn: q((e) => [V(t.$slots, "chevron", M({ ref_for: !0 }, e))]),
+							fn: K((e) => [B(t.$slots, "chevron", M({ ref_for: !0 }, e))]),
 							key: "0"
 						} : void 0,
-						G(I)["cell-actions"] ? {
+						W(F)["cell-actions"] ? {
 							name: "cell-actions",
-							fn: q((e) => [V(t.$slots, "cell-actions", M({ ref_for: !0 }, e))]),
+							fn: K((e) => [B(t.$slots, "cell-actions", M({ ref_for: !0 }, e))]),
 							key: "1"
 						} : void 0,
-						G(I).indicator ? {
+						W(F).indicator ? {
 							name: "indicator",
-							fn: q((e) => [V(t.$slots, "indicator", M({ ref_for: !0 }, e))]),
+							fn: K((e) => [B(t.$slots, "indicator", M({ ref_for: !0 }, e))]),
 							key: "2"
 						} : void 0,
-						G(I).checkbox ? {
+						W(F).checkbox ? {
 							name: "checkbox",
-							fn: q((e) => [V(t.$slots, "checkbox", M({ ref_for: !0 }, e))]),
+							fn: K((e) => [B(t.$slots, "checkbox", M({ ref_for: !0 }, e))]),
 							key: "3"
 						} : void 0,
-						G(I)["right-edge"] ? {
+						W(F)["right-edge"] ? {
 							name: "right-edge",
-							fn: q((e) => [V(t.$slots, "right-edge", M({ ref_for: !0 }, e))]),
+							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.onRowClick.onRowContextMenu.onCellClick.onToggleExpand.onToggleSelected".split("."))) : S("", !0)], 64));
-					return H.memo = z, H;
+					return V.memo = R, V;
 				}, n, 3), 128)),
-				e.loadingMore && !e.loading ? (R(!0), C(y, { key: 3 }, B(Math.min(3, e.skeletonRowCount), (e) => (R(), x(sn, {
+				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": G(Oe),
-					"trailing-plans": G(Y)
-				}, T({ _: 2 }, [G(I)["skeleton-row"] ? {
+					"leading-plans": W(ke),
+					"trailing-plans": W(J)
+				}, T({ _: 2 }, [W(F)["skeleton-row"] ? {
 					name: "default",
-					fn: q((e) => [V(t.$slots, "skeleton-row", { column: e.descriptor.column })]),
+					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 ? (R(), C("tfoot", $n, [e.creationRow ? (R(), x(Ke, {
+			e.creationRow || e.footerValues ? (L(), C("tfoot", $n, [e.creationRow ? (L(), x(Ke, {
 				key: 0,
 				class: "s-ui-table__create-row",
-				"aria-rowindex": G(J).length + 2,
-				cells: G(ke),
-				"content-column-key": G(dn),
+				"aria-rowindex": W(q).length + 2,
+				cells: W(Y),
+				"content-column-key": W(dn),
 				"cell-class": "s-ui-table__create-cell",
 				"content-class": "s-ui-table__create-content",
-				section: G($).CREATION,
+				section: W($).CREATION,
 				"cell-id-prefix": gr,
-				"focus-column-key": vr(G($).CREATION)
+				"focus-column-key": vr(W($).CREATION)
 			}, {
-				default: q(() => [V(t.$slots, "creation-row")]),
+				default: K(() => [B(t.$slots, "creation-row")]),
 				_: 3
 			}, 8, [
 				"aria-rowindex",
@@ -3423,33 +3442,33 @@ var Y = /* @__PURE__ */ function(e) {
 				"content-column-key",
 				"section",
 				"focus-column-key"
-			])) : S("", !0), e.footerValues ? (R(), C("tr", {
+			])) : S("", !0), e.footerValues ? (L(), C("tr", {
 				key: 1,
 				class: "s-ui-table__aggregate-row",
-				"aria-rowindex": G(J).length + 2 + +!!e.creationRow
-			}, [(R(!0), C(y, null, B(G(ke), ({ key: e, cellPlan: n }) => (R(), C(y, { key: e }, [n ? (R(), C("td", {
+				"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: pr({
-					section: G($).AGGREGATE,
+					section: W($).AGGREGATE,
 					columnKey: n.descriptor.key
 				}),
-				class: P(["s-ui-table__aggregate-cell", [n.cellClass, G(Fn)(n.descriptor.key)]]),
-				style: F(n.style),
+				class: N(["s-ui-table__aggregate-cell", [n.cellClass, W(Fn)(n.descriptor.key)]]),
+				style: P(n.style),
 				"aria-colindex": n.descriptor.colIndex,
 				"data-column-key": n.descriptor.key,
-				"data-section": G($).AGGREGATE,
-				tabindex: yr(G($).AGGREGATE, void 0, n.descriptor.key)
-			}, [n.descriptor.column ? (R(), C(y, { key: 0 }, [G(I)[`footer:${n.descriptor.key}`] ? V(t.$slots, `footer:${n.descriptor.key}`, M({
+				"data-section": W($).AGGREGATE,
+				tabindex: yr(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({
 				key: 0,
 				ref_for: !0
-			}, G(ir)(n.descriptor.key))) : (R(), C("span", rr, U(G(Pn)(n.descriptor.key)), 1))], 64)) : S("", !0)], 14, nr)) : (R(), C("td", tr))], 64))), 128))], 8, er)) : S("", !0)])) : S("", !0)
-		], 44, Ln)], 4), G(lt) ? (R(), C("div", {
+			}, W(ir)(n.descriptor.key))) : (L(), C("span", rr, H(W(Pn)(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: F(G(lt)),
+			style: P(W(lt)),
 			"aria-hidden": "true"
 		}, null, 4)) : S("", !0)], 6));
 	}
 });
 //#endregion
-export { Y as a, je as c, Ae as d, Pe as f, ke 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, ir as t, Q as u };