@shtabapp/ui-kit 1.67.0 → 1.68.0

package/dist/{STable-CJBdcrD2.js → STable-CMWr1QBp.js}

@@ -1,48 +1,52 @@
-import { i as e, n as t, r as n, t as r } from "./SButton-LAOBxpd4.js";
-import { i, t as a } from "./SCheckbox-BMkOc5cn.js";
-import { a as o } from "./useFloatingOverlay-b9_eDGNE.js";
-import { t as s } from "./SDropdown-xNcC6JDy.js";
-import { t as c } from "./SDropdownMenu-2koPU6IG.js";
-import { a as l, o as u, r as d } from "./treeKeyboardNavigation-SmxTdnDz.js";
-import { t as f } from "./SListItem-BOSQGRWA.js";
-import { n as p, r as m, t as h } from "./SToggle-sGw-LSNd.js";
-import { Fragment as g, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createSlots as S, createTextVNode as C, createVNode as w, defineComponent as T, isMemoSame as E, markRaw as D, mergeModels as O, mergeProps as k, nextTick as A, normalizeClass as j, normalizeStyle as M, onBeforeUnmount as N, onMounted as P, openBlock as F, ref as I, renderList as L, renderSlot as R, shallowRef as z, toDisplayString as B, toRaw as V, toValue as H, unref as U, useId as ee, useModel as te, useSlots as ne, useTemplateRef as re, watch as W, withCtx as G, withModifiers as ie } from "vue";
-import { ESSkeletonType as ae, SIcon as oe, SSeparator as se, SSkeleton as K, useUiKitI18n as ce } from "@shtabapp/ui-kit-primitives";
-import { tryOnScopeDispose as le, useElementSize as ue, useEventListener as de, useRafFn as fe, useResizeObserver as pe, useTimeoutFn as me } from "@vueuse/core";
-import { elementScroll as he, observeElementOffset as ge, useVirtualizer as _e } from "@tanstack/vue-virtual";
-import { combine as ve } from "@atlaskit/pragmatic-drag-and-drop/combine";
-import { draggable as ye, dropTargetForElements as be, monitorForElements as q } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
-import { setCustomNativeDragPreview as xe } from "@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview";
-import { pointerOutsideOfPreview as Se } from "@atlaskit/pragmatic-drag-and-drop/element/pointer-outside-of-preview";
-import { attachClosestEdge as Ce, extractClosestEdge as we } from "@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge";
-import { disableNativeDragPreview as Te } from "@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview";
-import { autoScrollForElements as Ee } from "@atlaskit/pragmatic-drag-and-drop-auto-scroll/element";
+import { n as e, t } from "./contrastSurfaceTextColor-BDlLSSXC.js";
+import { t as n } from "./colorValue-CSh0chxp.js";
+import { i as r, n as i, r as a, t as o } from "./SButton-LAOBxpd4.js";
+import { i as s, t as c } from "./SCheckbox-BMkOc5cn.js";
+import { a as l } from "./useFloatingOverlay-b9_eDGNE.js";
+import { t as u } from "./SDropdown-xNcC6JDy.js";
+import { t as d } from "./SDropdownMenu-2koPU6IG.js";
+import { a as f, o as p, r as m } from "./treeKeyboardNavigation-SmxTdnDz.js";
+import { t as h } from "./SListItem-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";
 //#region src/components/STable/STable.types.ts
-var J = /* @__PURE__ */ function(e) {
+var Y = /* @__PURE__ */ function(e) {
 	return e.LEFT = "left", e.RIGHT = "right", e;
-}({}), De = /* @__PURE__ */ function(e) {
+}({}), ke = /* @__PURE__ */ function(e) {
 	return e.LEFT = "left", e.CENTER = "center", e.RIGHT = "right", e;
-}({}), Y = /* @__PURE__ */ function(e) {
+}({}), X = /* @__PURE__ */ function(e) {
 	return e.ASC = "asc", e.DESC = "desc", e;
-}({}), Oe = /* @__PURE__ */ function(e) {
+}({}), Ae = /* @__PURE__ */ function(e) {
 	return e.DEFAULT = "default", e.COMPLETED = "completed", e;
-}({}), X = /* @__PURE__ */ function(e) {
+}({}), je = /* @__PURE__ */ function(e) {
+	return e.RED_ORANGE = "red-orange", e.ORANGE = "orange", e.YELLOW = "yellow", e.GREEN = "green", e.TEAL = "teal", e.CYAN = "cyan", e.BLUE = "blue", e.INDIGO = "indigo", e.VIOLET = "violet", e.MAGENTA = "magenta", e.PINK = "pink", e.RED = "red", e;
+}({}), Me = /* @__PURE__ */ function(e) {
 	return e.DEFAULT = "default", e.DISABLED = "disabled", e.READONLY = "readonly", e.EDITING = "editing", e;
-}({}), ke = /* @__PURE__ */ function(e) {
+}({}), Ne = /* @__PURE__ */ function(e) {
 	return e.AUTO = "auto", e.FIXED = "fixed", e;
-}({}), Ae = /* @__PURE__ */ function(e) {
+}({}), Pe = /* @__PURE__ */ function(e) {
 	return e.FLAT = "flat", e.TREE = "tree", e;
-}({}), je = /* @__PURE__ */ function(e) {
+}({}), Fe = /* @__PURE__ */ function(e) {
 	return e.BEFORE = "before", e.AFTER = "after", e.CHILD = "child", e;
-}({}), Me = /* @__PURE__ */ function(e) {
+}({}), Ie = /* @__PURE__ */ function(e) {
 	return e.NEUTRAL = "neutral", e.SUCCESS = "success", e.WARNING = "warning", e.DANGER = "danger", e;
 }({}), Z = /* @__PURE__ */ function(e) {
 	return e.UNCHECKED = "unchecked", e.CHECKED = "checked", e.INDETERMINATE = "indeterminate", e;
 }({}), Q = /* @__PURE__ */ function(e) {
 	return e.ROW = "row", e.GROUP = "group", e.DEPTH_FOOTER = "depthFooter", e.LOAD_MORE = "loadMore", e;
-}({}), Ne = 16e6, Pe = 1e5, Fe = 1e9, Ie = 2e3, Le = .3, Re = 1300, ze = "__s-ui-table-filler__", Be = /* @__PURE__ */ T({
+}({}), Le = 16e6, Re = 1e5, ze = 1e9, Be = 2e3, Ve = .3, He = 1300, Ue = "__s-ui-table-filler__", We = /* @__PURE__ */ O({
 	__name: "STableCheckbox",
-	props: /*@__PURE__*/ O({
+	props: /*@__PURE__*/ j({
 		screenReaderLabel: {},
 		indeterminate: {
 			type: Boolean,
@@ -57,34 +61,34 @@ var J = /* @__PURE__ */ function(e) {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = te(e, "modelValue"), n = re("checkboxRef");
-		return W([n, () => e.screenReaderLabel], () => {
+		let t = ne(e, "modelValue"), n = ie("checkboxRef");
+		return K([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, o) => (F(), v(U(a), {
+		}), (r, i) => (R(), x(G(c), {
 			ref_key: "checkboxRef",
 			ref: n,
 			modelValue: t.value,
-			"onUpdate:modelValue": o[0] ||= (e) => t.value = e,
+			"onUpdate:modelValue": i[0] ||= (e) => t.value = e,
 			indeterminate: e.indeterminate,
-			size: U(i).EXTRA_SMALL
+			size: G(s).EXTRA_SMALL
 		}, null, 8, [
 			"modelValue",
 			"indeterminate",
 			"size"
 		]));
 	}
-}), Ve = [
+}), Ge = [
 	"id",
 	"aria-colindex",
 	"data-column-key",
 	"data-row-key",
 	"data-section",
 	"tabindex"
-], He = /* @__PURE__ */ T({
+], Ke = /* @__PURE__ */ O({
 	__name: "STableContentRow",
 	props: {
 		cells: {},
@@ -98,23 +102,23 @@ var J = /* @__PURE__ */ function(e) {
 		focusColumnKey: {}
 	},
 	setup(e) {
-		return (t, n) => (F(), b("tr", null, [(F(!0), b(g, null, L(e.cells, ({ key: n, cellPlan: r }) => (F(), b(g, { key: n }, [r ? (F(), b("td", {
+		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", {
 			key: 1,
 			id: `${e.cellIdPrefix}${e.rowKey ?? ""}-${r.descriptor.key}`,
-			class: j([r.cellClass, e.cellClass]),
-			style: M(r.style),
+			class: P([r.cellClass, e.cellClass]),
+			style: F(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 ? (F(), b("div", {
+		}, [r.descriptor.key === e.contentColumnKey ? (R(), C("div", {
 			key: 0,
-			class: j(e.contentClass),
-			style: M(e.contentStyle)
-		}, [R(t.$slots, "default")], 6)) : y("", !0)], 14, Ve)) : (F(), b("td", {
+			class: P(e.contentClass),
+			style: F(e.contentStyle)
+		}, [V(t.$slots, "default")], 6)) : S("", !0)], 14, Ge)) : (R(), C("td", {
 			key: 0,
-			class: j([
+			class: P([
 				"s-ui-table__cell",
 				"s-ui-table__filler-cell",
 				e.cellClass
@@ -122,36 +126,36 @@ var J = /* @__PURE__ */ function(e) {
 			role: "presentation"
 		}, null, 2))], 64))), 128))]));
 	}
-}), Ue = /* @__PURE__ */ function(e) {
+}), qe = /* @__PURE__ */ function(e) {
 	return e.INDICATOR = "indicator", e.CHECKBOX = "checkbox", e.RIGHT_EDGE = "rightEdge", e.COLUMNS_MANAGER = "columnsManager", e;
-}({}), We = {
+}({}), Je = {
 	indicator: "indicator",
 	checkbox: "checkbox",
 	rightEdge: "right-edge",
 	columnsManager: "columns-manager"
-}, Ge = new Set(["rightEdge", "columnsManager"]), Ke = (e) => Ge.has(e) ? J.RIGHT : J.LEFT, qe = (e) => e.replace(/[^a-zA-Z0-9_-]/g, "-"), Je = (e) => `--s-ui-table-col-w-${qe(e)}`, Ye = (e) => `--s-ui-table-sticky-${qe(e)}`, Xe = (e) => `--s-ui-table-live-w-${qe(e)}`, Ze = (e) => `--s-ui-table-live-sticky-${qe(e)}`, Qe = (e, t) => e.maxWidth === void 0 ? Infinity : Math.max(0, e.maxWidth - e.baseWidth - t), $e = (e, t, n) => {
+}, 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) => {
 	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, Qe(a, c));
+		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;
-}, et = (e) => e ? 430 : 160, tt = (e) => {
-	let t = e.filter((e) => e.sticky === J.LEFT), n = t[t.length - 1];
+}, it = (e) => e ? 430 : 160, at = (e) => {
+	let t = e.filter((e) => e.sticky === Y.LEFT), n = t[t.length - 1];
 	n && (n.lastStickyLeft = !0);
-	let r = e.find((e) => e.sticky === J.RIGHT);
+	let r = e.find((e) => e.sticky === Y.RIGHT);
 	r && (r.firstStickyRight = !0);
-}, nt = (e, t) => {
+}, ot = (e, t) => {
 	let n = /* @__PURE__ */ new Map(), r = t;
 	for (let t = 0; t < e.length && r > 0; t += 1) {
-		let t = e.filter((e) => Qe(e, n.get(e.key) ?? 0) > 0);
+		let t = e.filter((e) => nt(e, n.get(e.key) ?? 0) > 0);
 		if (t.length === 0) return n;
-		r = $e(t, r, n);
+		r = rt(t, r, n);
 	}
 	return n;
-}, rt = (e, t) => {
+}, st = (e, t) => {
 	let n = e.reduce((e, t) => e + t.baseWidth, 0), r = e.filter((e) => e.flexible), i = Math.floor(t) - n;
 	if (i <= 0 || r.length === 0) return e;
-	let a = nt(r, i);
+	let a = ot(r, i);
 	return e.map((e) => {
 		let t = a.get(e.key);
 		return t ? {
@@ -159,12 +163,12 @@ var J = /* @__PURE__ */ function(e) {
 			width: e.baseWidth + t
 		} : e;
 	});
-}, it = ({ columns: e, columnOrder: t, columnWidths: n, hiddenColumns: r, hasIndicator: i, hasCheckbox: a, hasRightEdge: o, hasColumnsManager: s, columnsResizable: c, columnsDraggable: l, viewportWidth: u }) => {
-	let d = _(() => {
-		let t = H(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);
 		return t.find((e) => e.primary)?.key ?? t[0]?.key;
-	}), f = _(() => {
-		let n = H(e), i = new Set(r.value ?? []), a = t.value, o = new Map(n.map((e) => [e.key, e])), s = [];
+	}), f = b(() => {
+		let n = W(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) => {
@@ -179,7 +183,7 @@ var J = /* @__PURE__ */ function(e) {
 		});
 		let l = [], u = [], f = [], p = [];
 		return c.forEach((e) => {
-			e.key === d.value ? l.push(e) : e.sticky === J.LEFT ? u.push(e) : e.sticky === J.RIGHT ? p.push(e) : f.push(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);
 		}), [
 			...l,
 			...u,
@@ -195,14 +199,14 @@ var J = /* @__PURE__ */ function(e) {
 			baseWidth: e.width,
 			flexible: !1
 		} : {
-			baseWidth: et(t),
-			flexible: e.sticky !== J.RIGHT
+			baseWidth: it(t),
+			flexible: e.sticky !== Y.RIGHT
 		};
 	}, m = (e) => {
-		H(o) && e("rightEdge", 40), H(s) && e("columnsManager", 32);
-	}, h = _(() => {
-		let e = [], t = H(c), n = H(l), r = (t, n) => {
-			let r = Ke(t);
+		W(o) && e("rightEdge", 40), W(s) && e("columnsManager", 32);
+	}, h = b(() => {
+		let e = [], t = W(c), n = W(l), r = (t, n) => {
+			let r = Xe(t);
 			e.push({
 				key: `__s-ui-table-${t}`,
 				service: t,
@@ -212,23 +216,23 @@ var J = /* @__PURE__ */ function(e) {
 				minWidth: n,
 				maxWidth: n,
 				sticky: r,
-				align: De.LEFT,
+				align: ke.LEFT,
 				primary: !1,
 				resizable: !1,
 				draggable: !1,
 				sortable: !1,
 				hideable: !1,
 				colIndex: 0,
-				widthVar: Je(t),
-				liveWidthVar: Xe(t),
-				stickyOffsetVar: Ye(t),
-				liveStickyOffsetVar: Ze(t),
+				widthVar: Qe(t),
+				liveWidthVar: et(t),
+				stickyOffsetVar: $e(t),
+				liveStickyOffsetVar: tt(t),
 				lastStickyLeft: !1,
 				firstStickyRight: !1
 			});
 		};
-		H(i) && r("indicator", 2), H(a) && r("checkbox", 24), f.value.forEach((r) => {
-			let i = r.key === d.value, a = i ? J.LEFT : r.sticky, { baseWidth: o, flexible: s } = p(r, i);
+		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);
 			e.push({
 				key: r.key,
 				column: r,
@@ -238,50 +242,50 @@ var J = /* @__PURE__ */ function(e) {
 				minWidth: r.minWidth ?? 60,
 				maxWidth: r.maxWidth,
 				sticky: a,
-				align: r.align ?? De.LEFT,
+				align: r.align ?? ke.LEFT,
 				primary: i,
 				resizable: t && (r.resizable ?? !0),
 				draggable: n && !i && (r.draggable ?? !0),
 				sortable: r.sortable ?? !1,
 				hideable: !i && (r.hideable ?? !0),
 				colIndex: 0,
-				widthVar: Je(r.key),
-				liveWidthVar: Xe(r.key),
-				stickyOffsetVar: a ? Ye(r.key) : void 0,
-				liveStickyOffsetVar: a ? Ze(r.key) : void 0,
+				widthVar: Qe(r.key),
+				liveWidthVar: et(r.key),
+				stickyOffsetVar: a ? $e(r.key) : void 0,
+				liveStickyOffsetVar: a ? tt(r.key) : void 0,
 				lastStickyLeft: !1,
 				firstStickyRight: !1
 			});
 		}), m(r);
 		let o = 0;
 		return e.forEach((e) => {
-			e.sticky !== J.RIGHT && (o += 1, e.colIndex = o);
+			e.sticky !== Y.RIGHT && (o += 1, e.colIndex = o);
 		}), e.forEach((e) => {
-			e.sticky === J.RIGHT && (o += 1, e.colIndex = o);
-		}), tt(e), e;
-	}), g = _(() => rt(h.value, H(u))), v = _(() => g.value.reduce((e, t) => e + t.width, 0)), y = _(() => {
+			e.sticky === Y.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(() => {
 		let e = {}, t = 0;
 		g.value.forEach((n) => {
-			e[n.widthVar] = `${n.width}px`, n.sticky === J.LEFT && n.stickyOffsetVar && (e[n.stickyOffsetVar] = `${t}px`, t += n.width);
+			e[n.widthVar] = `${n.width}px`, n.sticky === Y.LEFT && n.stickyOffsetVar && (e[n.stickyOffsetVar] = `${t}px`, t += n.width);
 		});
 		let n = 0;
 		return [...g.value].reverse().forEach((t) => {
-			t.sticky === J.RIGHT && t.stickyOffsetVar && (e[t.stickyOffsetVar] = `${n}px`, n += t.width);
+			t.sticky === Y.RIGHT && t.stickyOffsetVar && (e[t.stickyOffsetVar] = `${n}px`, n += t.width);
 		}), e;
 	});
 	return {
 		primaryColumnKey: d,
 		orderedDataColumns: f,
 		columnDescriptors: g,
-		dataColumnDescriptors: _(() => g.value.filter((e) => e.column)),
-		columnCssVars: y,
-		totalWidth: v,
-		columnCount: _(() => g.value.length)
+		dataColumnDescriptors: b(() => g.value.filter((e) => e.column)),
+		columnCssVars: v,
+		totalWidth: _,
+		columnCount: b(() => g.value.length)
 	};
 }, $ = /* @__PURE__ */ function(e) {
 	return e.HEADER = "h", e.BODY = "b", e.CREATION = "c", e.AGGREGATE = "a", e;
-}({}), at = "button, a[href], input, select, textarea, [tabindex]", ot = Object.values($), st = (e) => ot.find((t) => t === e), ct = ({ tableRootElement: e, tableElement: t, scrollElement: n, columnDescriptors: r, flatRows: i, snapshot: a, groupColumnKey: o, depthFooterColumnKey: s, loadMoreColumnKey: c, creationColumnKey: l, hasCreationRow: u, hasAggregateRow: d, isRowNavigable: f, pageSize: p, buildCellDomId: m, onBodyRowFocused: h, scrollToRowIndex: g }) => {
-	let v = z(), y = z(), b = z(!1), x = z(0), S = _(() => r.value.filter((e) => e.service !== Ue.INDICATOR).map((e) => e.key)), C = _(() => r.value.filter((e) => e.service !== Ue.INDICATOR && e.service !== Ue.COLUMNS_MANAGER).map((e) => e.key)), w = (e) => {
+}({}), lt = "button, a[href], input, select, textarea, [tabindex]", ut = Object.values($), dt = (e) => ut.find((t) => t === e), ft = ({ tableRootElement: e, tableElement: t, 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) => {
 		if (!e) return;
 		let t = a.value.getRowIndexByKey(e);
 		return t === void 0 ? void 0 : i.value[t];
@@ -289,18 +293,18 @@ var J = /* @__PURE__ */ function(e) {
 		if (e.kind === Q.ROW) return C.value;
 		let t = {
 			[Q.ROW]: void 0,
-			[Q.GROUP]: H(o),
-			[Q.DEPTH_FOOTER]: H(s),
-			[Q.LOAD_MORE]: H(c)
+			[Q.GROUP]: W(o),
+			[Q.DEPTH_FOOTER]: W(s),
+			[Q.LOAD_MORE]: W(c)
 		}[e.kind];
 		return t ? [t] : [];
 	}, E = (e) => {
 		if (e.section === "h") return S.value;
 		if (e.section === "c") {
-			let e = H(l);
-			return H(u) && e ? [e] : [];
+			let e = W(l);
+			return W(u) && e ? [e] : [];
 		}
-		if (e.section === "a") return H(d) ? C.value : [];
+		if (e.section === "a") return W(d) ? C.value : [];
 		let t = w(e.rowKey);
 		return t && f(t) ? T(t) : [];
 	}, D = (e, t) => {
@@ -312,21 +316,21 @@ var J = /* @__PURE__ */ function(e) {
 			let t = Math.abs(n.indexOf(e) - r);
 			t < o && (o = t, a = e);
 		}), a;
-	}, O = _(() => ({
+	}, O = b(() => ({
 		section: "h",
-		columnKey: D(S.value, y.value)
-	})), k = _(() => {
-		let e = v.value;
+		columnKey: D(S.value, v.value)
+	})), k = b(() => {
+		let e = _.value;
 		if (!e) return O.value;
 		let t = E(e);
 		return t.length === 0 ? O.value : t.includes(e.columnKey) ? e : {
 			...e,
 			columnKey: D(t, e.columnKey)
 		};
-	}), j = _(() => i.value.length), M = _(() => j.value + +!!H(u) + +!!H(d)), N = (e) => {
+	}), A = b(() => i.value.length), j = b(() => A.value + +!!W(u) + +!!W(d)), M = (e) => {
 		if (e.section === "h") return 0;
-		if (e.section === "c") return j.value + 1;
-		if (e.section === "a") return j.value + 1 + +!!H(u);
+		if (e.section === "c") return A.value + 1;
+		if (e.section === "a") return A.value + 1 + +!!W(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) => {
@@ -334,7 +338,7 @@ var J = /* @__PURE__ */ function(e) {
 			section: "h",
 			columnKey: D(S.value, t)
 		};
-		if (e <= j.value) {
+		if (e <= A.value) {
 			let n = i.value[e - 1];
 			if (!n || !f(n)) return;
 			let r = T(n);
@@ -344,21 +348,21 @@ var J = /* @__PURE__ */ function(e) {
 				columnKey: D(r, t)
 			};
 		}
-		if (H(u) && e === j.value + 1) {
-			let e = H(l);
+		if (W(u) && e === A.value + 1) {
+			let e = W(l);
 			return e ? {
 				section: "c",
 				columnKey: e
 			} : void 0;
 		}
-		if (H(d) && e === M.value) return {
+		if (W(d) && e === j.value) return {
 			section: "a",
 			columnKey: D(S.value, t)
 		};
 	}, F = (e, t) => {
 		let n = e;
-		for (; n >= 0 && n <= M.value;) {
-			let e = P(n, y.value);
+		for (; n >= 0 && n <= j.value;) {
+			let e = P(n, v.value);
 			if (e) return e;
 			n += t;
 		}
@@ -375,90 +379,90 @@ var J = /* @__PURE__ */ function(e) {
 			return;
 		}
 		u.right > s && (t.scrollLeft += u.right - s);
-	}, B = (e, t) => {
-		v.value = e, t && (y.value = e.columnKey);
-		let n = N(e);
+	}, z = (e, t) => {
+		_.value = e, t && (v.value = e.columnKey);
+		let n = M(e);
 		n !== void 0 && (x.value = n);
-	}, V = (e, t) => {
+	}, B = (e, t) => {
 		let n = E(e), r = n.length > 0 && !n.includes(e.columnKey) ? {
 			...e,
 			columnKey: D(n, e.columnKey)
 		} : e;
-		if (B(r, t?.updateDesired ?? !0), b.value = !1, r.section === "b" && r.rowKey) {
+		if (z(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 && A(() => {
+		t?.focusElement !== !1 && N(() => {
 			L()?.focus({ preventScroll: !0 }), R();
 		});
-	}, U = (e, t) => {
+	}, V = (e, t) => {
 		let n = k.value;
 		if (t !== 0) {
 			let e = E(n), r = e[e.indexOf(n.columnKey) + t];
-			r && V({
+			r && B({
 				...n,
 				columnKey: r
 			});
 			return;
 		}
 		if (e === 0) return;
-		let r = e > 0 ? 1 : -1, i = F((N(n) ?? x.value) + r, r);
-		i && V(i, { updateDesired: !1 });
-	}, ee = (e) => {
+		let r = e > 0 ? 1 : -1, i = F((M(n) ?? x.value) + r, r);
+		i && B(i, { updateDesired: !1 });
+	}, U = (e) => {
 		let t = k.value, n = E(t), r = e === "start" ? n[0] : n[n.length - 1];
-		r && V({
+		r && B({
 			...t,
 			columnKey: r
 		});
-	}, te = (e) => {
-		let t = e === "first" ? F(0, 1) : F(M.value, -1);
+	}, ee = (e) => {
+		let t = e === "first" ? F(0, 1) : F(j.value, -1);
 		if (!t) return;
 		let n = E(t), r = e === "first" ? n[0] : n[n.length - 1];
-		V(r ? {
+		B(r ? {
 			...t,
 			columnKey: r
 		} : t);
-	}, ne = (e) => {
-		let t = N(k.value) ?? x.value, n = Math.max(1, Math.round(H(p))), r = Math.min(M.value, Math.max(0, t + e * n)), i = F(r, e) ?? F(r, e === 1 ? -1 : 1);
-		i && V(i, { updateDesired: !1 });
-	}, re = (e) => {
+	}, 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) => {
 		let t = [];
-		return e.querySelectorAll(at).forEach((e) => {
+		return e.querySelectorAll(lt).forEach((e) => {
 			!(e instanceof HTMLElement) || e.offsetParent === null || e.hasAttribute("disabled") || e.closest("[aria-hidden=\"true\"]") || t.push(e);
 		}), t;
-	}, G = () => {
-		let e = L(), t = e ? re(e)[0] : void 0;
-		return t ? (b.value = !0, t.focus(), !0) : !1;
-	}, ie = () => {
-		b.value = !1, L()?.focus({ preventScroll: !0 });
-	}, ae = (e) => {
-		let t = L(), n = t ? re(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) : [];
 		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();
-	}, oe = () => {
+	}, q = () => {
 		let e = k.value, n = E(e);
 		if (n.length > 0) {
-			V({
+			B({
 				...e,
-				columnKey: D(n, y.value)
+				columnKey: D(n, v.value)
 			}, {
 				scroll: !1,
 				updateDesired: !1
 			});
 			return;
 		}
-		let r = Math.min(x.value, M.value), i = F(r, -1) ?? F(r, 1);
+		let r = Math.min(x.value, j.value), i = F(r, -1) ?? F(r, 1);
 		if (i) {
-			V(i, {
+			B(i, {
 				scroll: !1,
 				updateDesired: !1
 			});
 			return;
 		}
 		if (S.value.length > 0) {
-			V(O.value, {
+			B(O.value, {
 				scroll: !1,
 				updateDesired: !1
 			});
@@ -466,64 +470,64 @@ var J = /* @__PURE__ */ function(e) {
 		}
 		t.value?.focus();
 	};
-	W(() => {
-		let e = v.value?.rowKey;
+	K(() => {
+		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 && oe();
+		t === void 0 || e !== void 0 || document.activeElement === document.body && q();
 	}, { flush: "post" });
-	let se = (e, t) => {
-		B(e, !0), b.value = t, e.section === "b" && e.rowKey && h(e.rowKey);
-	}, K = (e, t, n) => {
+	let ae = (e, t) => {
+		z(e, !0), y.value = t, e.section === "b" && e.rowKey && h(e.rowKey);
+	}, oe = (e, t, n) => {
 		let r = k.value;
 		return r.section === e && r.rowKey === t && r.columnKey === n;
-	}, ce = (e, t, n) => K(e, t, n) ? 0 : -1, le = _(() => {
+	}, se = (e, t, n) => oe(e, t, n) ? 0 : -1, ce = b(() => {
 		let e = k.value;
 		return e.section === "b" ? e.rowKey : void 0;
 	});
 	return {
 		focusAddress: k,
-		focusedBodyRowKey: le,
-		focusBodyRowIndex: _(() => {
-			let e = le.value;
+		focusedBodyRowKey: ce,
+		focusBodyRowIndex: b(() => {
+			let e = ce.value;
 			return e === void 0 ? void 0 : a.value.getRowIndexByKey(e);
 		}),
-		cellEntered: b,
-		isCellFocused: K,
-		getCellTabIndex: ce,
-		moveFocus: U,
-		moveToRowEdge: ee,
-		moveToGridEdge: te,
-		moveByPage: ne,
-		focusAddressNow: V,
-		syncFocusAddress: se,
-		enterCell: G,
-		exitCell: ie,
-		cycleCellFocus: ae,
-		restoreFocusAfterUnmount: oe,
+		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
 	};
-}, lt = [
+}, pt = [
 	"data-index",
 	"aria-rowindex",
 	"aria-level",
 	"aria-expanded"
-], ut = [
+], mt = [
 	"id",
 	"aria-colindex",
 	"data-column-key",
 	"data-row-key",
 	"data-section",
 	"tabindex"
-], dt = { class: "s-ui-table__group-main" }, ft = { class: "s-ui-table__group-title" }, pt = { class: "s-ui-table__group-counter" }, mt = [
+], ht = { class: "s-ui-table__group-main" }, gt = { class: "s-ui-table__group-title" }, _t = { class: "s-ui-table__group-counter" }, vt = [
 	"id",
 	"aria-colindex",
 	"data-column-key",
 	"data-row-key",
 	"data-section",
 	"tabindex"
-], ht = /* @__PURE__ */ T({
+], yt = /* @__PURE__ */ O({
 	__name: "STableGroupRow",
 	props: {
 		row: {},
@@ -555,53 +559,53 @@ var J = /* @__PURE__ */ function(e) {
 		"rowClick",
 		"menuOpen"
 	],
-	setup(i, { emit: a }) {
-		let l = a, u = ne(), { t: d } = ce(), f = I(!1), p = (e) => {
-			l("menuOpen"), e();
-		}, m = _(() => ({
-			"s-ui-table__group-row--active": i.active,
-			"s-ui-table__group-row--collapsed": !i.expanded,
-			"s-ui-table__group-row--stuck": i.stuck,
-			"s-ui-table__group-row--dragging": i.dragging,
-			"s-ui-table__group-row--drop-before": i.dropPosition === "before",
-			"s-ui-table__group-row--drop-after": i.dropPosition === "after",
-			"s-ui-table__group-row--drop-inside": i.dropPosition === "inside"
-		})), h = _(() => {
-			if (i.row.depth !== 0) return { paddingInlineStart: `calc(var(--s-ui-dimension-4) + ${i.row.depth * i.treeIndent}px)` };
-		}), S = _(() => i.total === void 0 ? String(i.count) : `${i.count}/${i.total}`), C = _(() => i.expanded ? "chevronMiniDown" : "chevronMiniRight"), T = _(() => i.expanded ? d("table.collapse") : d("table.expand"));
-		return (a, _) => (F(), b("tr", {
-			ref: i.dndRef,
-			class: j(["s-ui-table__group-row", m.value]),
-			"data-index": i.rowIndex,
-			"aria-rowindex": i.rowIndex + 2,
-			"aria-level": i.row.depth + 1,
-			"aria-expanded": i.row.hasChildren ? i.expanded : void 0,
-			onClick: _[3] ||= (e) => l("rowClick", e)
+	setup(e, { emit: t }) {
+		let n = t, s = re(), { t: c } = ue(), f = z(!1), p = (e) => {
+			n("menuOpen"), e();
+		}, m = b(() => ({
+			"s-ui-table__group-row--active": e.active,
+			"s-ui-table__group-row--collapsed": !e.expanded,
+			"s-ui-table__group-row--stuck": e.stuck,
+			"s-ui-table__group-row--dragging": e.dragging,
+			"s-ui-table__group-row--drop-before": e.dropPosition === "before",
+			"s-ui-table__group-row--drop-after": e.dropPosition === "after",
+			"s-ui-table__group-row--drop-inside": e.dropPosition === "inside"
+		})), 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", {
+			ref: e.dndRef,
+			class: P(["s-ui-table__group-row", m.value]),
+			"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)
 		}, [
-			(F(!0), b(g, null, L(i.leadingPlans, (m) => (F(), b("td", {
-				id: `${i.cellIdPrefix}${i.row.key}-${m.descriptor.key}`,
+			(R(!0), C(y, null, B(e.leadingPlans, (m) => (R(), C("td", {
+				id: `${e.cellIdPrefix}${e.row.key}-${m.descriptor.key}`,
 				key: m.descriptor.key,
-				class: j([m.cellClass, "s-ui-table__group-cell"]),
-				style: M(m.style),
+				class: P([m.cellClass, "s-ui-table__group-cell"]),
+				style: F(m.style),
 				"aria-colindex": m.descriptor.colIndex,
 				"data-column-key": m.descriptor.key,
-				"data-row-key": i.row.key,
-				"data-section": U($).BODY,
-				tabindex: m.descriptor.key === i.focusColumnKey ? 0 : -1
-			}, [m.descriptor.key === i.groupColumnKey ? (F(), b("div", {
+				"data-row-key": e.row.key,
+				"data-section": G($).BODY,
+				tabindex: m.descriptor.key === e.focusColumnKey ? 0 : -1
+			}, [m.descriptor.key === e.groupColumnKey ? (R(), C("div", {
 				key: 0,
 				class: "s-ui-table__group-content",
-				style: M(h.value)
-			}, [R(a.$slots, "row", {}, () => [
-				w(U(r), {
+				style: F(h.value)
+			}, [V(t.$slots, "row", {}, () => [
+				D(G(o), {
 					class: "s-ui-table__group-chevron",
-					appearance: U(t).BARE,
-					variant: U(e).NEUTRAL,
-					size: U(n).SMALL,
-					icon: C.value,
-					"aria-label": T.value,
+					appearance: G(i).BARE,
+					variant: G(r).NEUTRAL,
+					size: G(a).SMALL,
+					icon: _.value,
+					"aria-label": v.value,
 					tabindex: "-1",
-					onClick: _[0] ||= ie((e) => l("toggle"), ["stop"])
+					onClick: b[0] ||= ae((e) => n("toggle"), ["stop"])
 				}, null, 8, [
 					"appearance",
 					"variant",
@@ -609,26 +613,26 @@ var J = /* @__PURE__ */ function(e) {
 					"icon",
 					"aria-label"
 				]),
-				x("div", dt, [R(a.$slots, "title", {}, () => [x("span", ft, B(i.title), 1)]), x("span", pt, B(S.value), 1)]),
-				x("div", {
+				w("div", ht, [V(t.$slots, "title", {}, () => [w("span", gt, U(e.title), 1)]), w("span", _t, U(g.value), 1)]),
+				w("div", {
 					class: "s-ui-table__group-actions",
-					onClick: _[2] ||= ie(() => {}, ["stop"])
-				}, [R(a.$slots, "actions"), U(u).menu ? (F(), v(U(s), {
+					onClick: b[2] ||= ae(() => {}, ["stop"])
+				}, [V(t.$slots, "actions"), G(s).menu ? (R(), x(G(u), {
 					key: 0,
 					modelValue: f.value,
-					"onUpdate:modelValue": _[1] ||= (e) => f.value = e,
-					placement: U(o).BOTTOM_END,
+					"onUpdate:modelValue": b[1] ||= (e) => f.value = e,
+					placement: G(l).BOTTOM_END,
 					"teleport-to": !1
 				}, {
-					trigger: G(({ toggle: i }) => [w(U(r), {
-						class: j(["s-ui-table__group-kebab", { "s-ui-table__group-kebab--open": f.value }]),
-						appearance: U(t).BARE,
-						variant: U(e).NEUTRAL,
-						size: U(n).SMALL,
+					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,
 						icon: "menu",
-						"aria-label": U(d)("table.groupMenu"),
+						"aria-label": G(c)("table.groupMenu"),
 						tabindex: "-1",
-						onClick: (e) => p(i)
+						onClick: (t) => p(e)
 					}, null, 8, [
 						"class",
 						"appearance",
@@ -637,60 +641,60 @@ var J = /* @__PURE__ */ function(e) {
 						"aria-label",
 						"onClick"
 					])]),
-					content: G(() => [w(U(c), { width: 220 }, {
-						default: G(() => [R(a.$slots, "menu")]),
+					content: q(() => [D(G(d), { width: 220 }, {
+						default: q(() => [V(t.$slots, "menu")]),
 						_: 3
 					})]),
 					_: 3
-				}, 8, ["modelValue", "placement"])) : y("", !0)])
-			])], 4)) : y("", !0)], 14, ut))), 128)),
-			_[4] ||= x("td", {
+				}, 8, ["modelValue", "placement"])) : S("", !0)])
+			])], 4)) : S("", !0)], 14, mt))), 128)),
+			b[4] ||= w("td", {
 				class: "s-ui-table__cell s-ui-table__filler-cell s-ui-table__group-cell",
 				role: "presentation"
 			}, null, -1),
-			(F(!0), b(g, null, L(i.trailingPlans, (e) => (F(), b("td", {
-				id: `${i.cellIdPrefix}${i.row.key}-${e.descriptor.key}`,
-				key: e.descriptor.key,
-				class: j([e.cellClass, "s-ui-table__group-cell"]),
-				style: M(e.style),
-				"aria-colindex": e.descriptor.colIndex,
-				"data-column-key": e.descriptor.key,
-				"data-row-key": i.row.key,
-				"data-section": U($).BODY,
-				tabindex: e.descriptor.key === i.focusColumnKey ? 0 : -1
-			}, null, 14, mt))), 128))
-		], 10, lt));
+			(R(!0), C(y, null, B(e.trailingPlans, (t) => (R(), 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),
+				"aria-colindex": t.descriptor.colIndex,
+				"data-column-key": t.descriptor.key,
+				"data-row-key": e.row.key,
+				"data-section": G($).BODY,
+				tabindex: t.descriptor.key === e.focusColumnKey ? 0 : -1
+			}, null, 14, vt))), 128))
+		], 10, pt));
 	}
-}), gt = {
+}), bt = {
 	key: 0,
 	class: "s-ui-table__hint-bubble",
 	role: "tooltip"
-}, _t = /* @__PURE__ */ T({
+}, xt = /* @__PURE__ */ O({
 	__name: "STableHint",
 	props: { text: {} },
 	setup(e) {
-		let t = I(!1);
-		return (n, r) => (F(), b("span", {
+		let t = z(!1);
+		return (n, r) => (R(), 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
-		}, [w(U(oe), {
+		}, [D(G(se), {
 			class: "s-ui-table__hint-icon",
 			name: "infoCircle",
 			size: 16
-		}), t.value ? (F(), b("span", gt, B(e.text), 1)) : y("", !0)], 32));
+		}), t.value ? (R(), C("span", bt, U(e.text), 1)) : S("", !0)], 32));
 	}
-}), vt = {
+}), St = {
 	key: 0,
 	class: "s-ui-table__header-grip-area"
-}, yt = { class: "s-ui-table__header-name" }, bt = { class: "s-ui-table__header-title" }, xt = {
+}, Ct = { class: "s-ui-table__header-name" }, wt = { class: "s-ui-table__header-title" }, Tt = {
 	key: 1,
 	class: "s-ui-table__header-sort",
 	"aria-hidden": "true"
-}, St = { class: "s-ui-table__header-sort-badge" }, Ct = /* @__PURE__ */ T({
+}, Et = { class: "s-ui-table__header-sort-badge" }, Dt = /* @__PURE__ */ O({
 	__name: "STableHeaderCell",
 	props: {
 		descriptor: {},
@@ -707,82 +711,82 @@ var J = /* @__PURE__ */ function(e) {
 		"sortSet",
 		"hide"
 	],
-	setup(i, { emit: a }) {
-		let l = a, u = ne(), { t: d } = ce(), p = _(() => !!u.menu || i.descriptor.sortable || i.descriptor.hideable), m = _(() => ({
-			"s-ui-table__header-plaque--sorted": !!i.sortDirection,
-			"s-ui-table__header-plaque--sortable": i.descriptor.sortable
-		})), h = _(() => ({ "s-ui-table__header-actions--open": i.menuOpen })), S = _(() => i.sortDirection === Y.DESC ? "descending" : "ascending"), T = _(() => String(i.sortIndex ?? 1)), E = (e) => {
-			i.descriptor.sortable && l("sortToggle", e.shiftKey || e.ctrlKey || e.metaKey);
-		}, D = (e, t) => {
-			l("sortSet", e), t();
+	setup(e, { emit: t }) {
+		let n = t, s = re(), { t: c } = ue(), 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
+		})), 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) => {
+			n("sortSet", e), t();
 		}, O = (e) => {
-			l("hide"), e();
+			n("hide"), e();
 		};
-		return (a, _) => (F(), b("div", {
-			class: j(["s-ui-table__header-plaque", m.value]),
-			onClick: E
+		return (t, b) => (R(), C("div", {
+			class: P(["s-ui-table__header-plaque", p.value]),
+			onClick: v
 		}, [
-			i.descriptor.draggable ? (F(), b("span", vt, [w(U(r), {
+			e.descriptor.draggable ? (R(), C("span", St, [D(G(o), {
 				class: "s-ui-table__header-grip",
-				appearance: U(t).BARE,
-				variant: U(e).NEUTRAL,
-				size: U(n).SMALL,
+				appearance: G(i).BARE,
+				variant: G(r).NEUTRAL,
+				size: G(a).SMALL,
 				icon: "dragAndDrop",
-				"aria-label": U(d)("table.dragColumn"),
+				"aria-label": G(c)("table.dragColumn"),
 				tabindex: "-1",
-				onClick: _[0] ||= ie(() => {}, ["stop"])
+				onClick: b[0] ||= ae(() => {}, ["stop"])
 			}, null, 8, [
 				"appearance",
 				"variant",
 				"size",
 				"aria-label"
-			])])) : y("", !0),
-			x("span", yt, [
-				x("span", bt, [R(a.$slots, "default", {}, () => [C(B(i.descriptor.column?.title), 1)])]),
-				i.descriptor.column?.description ? (F(), v(_t, {
+			])])) : 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, {
 					key: 0,
-					text: i.descriptor.column.description
-				}, null, 8, ["text"])) : y("", !0),
-				i.sortDirection ? (F(), b("span", xt, [w(U(oe), {
-					name: S.value,
+					text: e.descriptor.column.description
+				}, null, 8, ["text"])) : S("", !0),
+				e.sortDirection ? (R(), C("span", Tt, [D(G(se), {
+					name: g.value,
 					size: 16
-				}, null, 8, ["name"]), x("span", St, B(T.value), 1)])) : y("", !0),
-				i.descriptor.sortable && !i.sortDirection ? (F(), v(U(r), {
+				}, null, 8, ["name"]), w("span", Et, U(_.value), 1)])) : S("", !0),
+				e.descriptor.sortable && !e.sortDirection ? (R(), x(G(o), {
 					key: 2,
 					class: "s-ui-table__header-sort-button",
-					appearance: U(t).BARE,
-					variant: U(e).NEUTRAL,
-					size: U(n).SMALL,
+					appearance: G(i).BARE,
+					variant: G(r).NEUTRAL,
+					size: G(a).SMALL,
 					icon: "ascending",
-					"aria-label": U(d)("table.sortAsc"),
+					"aria-label": G(c)("table.sortAsc"),
 					tabindex: "-1",
-					onClick: _[1] ||= ie((e) => l("sortToggle", e.shiftKey || e.ctrlKey || e.metaKey), ["stop"])
+					onClick: b[1] ||= ae((e) => n("sortToggle", e.shiftKey || e.ctrlKey || e.metaKey), ["stop"])
 				}, null, 8, [
 					"appearance",
 					"variant",
 					"size",
 					"aria-label"
-				])) : y("", !0)
+				])) : S("", !0)
 			]),
-			x("span", {
-				class: j(["s-ui-table__header-actions", h.value]),
-				onClick: _[3] ||= ie(() => {}, ["stop"])
-			}, [p.value ? (F(), v(U(s), {
+			w("span", {
+				class: P(["s-ui-table__header-actions", m.value]),
+				onClick: b[3] ||= ae(() => {}, ["stop"])
+			}, [f.value ? (R(), x(G(u), {
 				key: 0,
-				"model-value": i.menuOpen,
-				placement: U(o).BOTTOM_END,
+				"model-value": e.menuOpen,
+				placement: G(l).BOTTOM_END,
 				"teleport-to": !1,
-				"onUpdate:modelValue": _[2] ||= (e) => l("update:menuOpen", e)
+				"onUpdate:modelValue": b[2] ||= (e) => n("update:menuOpen", e)
 			}, {
-				trigger: G(({ toggle: i }) => [w(U(r), {
+				trigger: q(({ toggle: e }) => [D(G(o), {
 					class: "s-ui-table__header-kebab",
-					appearance: U(t).BARE,
-					variant: U(e).NEUTRAL,
-					size: U(n).SMALL,
+					appearance: G(i).BARE,
+					variant: G(r).NEUTRAL,
+					size: G(a).SMALL,
 					icon: "menu",
-					"aria-label": U(d)("table.columnMenu"),
+					"aria-label": G(c)("table.columnMenu"),
 					tabindex: "-1",
-					onClick: (e) => i()
+					onClick: (t) => e()
 				}, null, 8, [
 					"appearance",
 					"variant",
@@ -790,57 +794,57 @@ var J = /* @__PURE__ */ function(e) {
 					"aria-label",
 					"onClick"
 				])]),
-				content: G(({ close: e }) => [w(U(c), { width: 220 }, {
-					default: G(() => [U(u).menu ? R(a.$slots, "menu", { key: 0 }) : (F(), b(g, { key: 1 }, [
-						i.descriptor.sortable ? (F(), v(U(f), {
+				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), {
 							key: 0,
-							title: U(d)("table.sortAsc"),
+							title: G(c)("table.sortAsc"),
 							"icon-left": "ascending",
-							selected: i.sortDirection === U(Y).ASC,
-							onClick: (t) => D(U(Y).ASC, e)
+							selected: e.sortDirection === G(X).ASC,
+							onClick: (e) => T(G(X).ASC, n)
 						}, null, 8, [
 							"title",
 							"selected",
 							"onClick"
-						])) : y("", !0),
-						i.descriptor.sortable ? (F(), v(U(f), {
+						])) : S("", !0),
+						e.descriptor.sortable ? (R(), x(G(h), {
 							key: 1,
-							title: U(d)("table.sortDesc"),
+							title: G(c)("table.sortDesc"),
 							"icon-left": "descending",
-							selected: i.sortDirection === U(Y).DESC,
-							onClick: (t) => D(U(Y).DESC, e)
+							selected: e.sortDirection === G(X).DESC,
+							onClick: (e) => T(G(X).DESC, n)
 						}, null, 8, [
 							"title",
 							"selected",
 							"onClick"
-						])) : y("", !0),
-						i.descriptor.sortable && i.sortDirection ? (F(), v(U(f), {
+						])) : S("", !0),
+						e.descriptor.sortable && e.sortDirection ? (R(), x(G(h), {
 							key: 2,
-							title: U(d)("table.sortReset"),
+							title: G(c)("table.sortReset"),
 							"icon-left": "closeMini",
-							onClick: (t) => D(void 0, e)
-						}, null, 8, ["title", "onClick"])) : y("", !0),
-						i.descriptor.hideable ? (F(), v(U(f), {
+							onClick: (e) => T(void 0, n)
+						}, null, 8, ["title", "onClick"])) : S("", !0),
+						e.descriptor.hideable ? (R(), x(G(h), {
 							key: 3,
-							title: U(d)("table.hideColumn"),
+							title: G(c)("table.hideColumn"),
 							"icon-left": "eyeOff",
-							onClick: (t) => O(e)
-						}, null, 8, ["title", "onClick"])) : y("", !0)
+							onClick: (e) => O(n)
+						}, null, 8, ["title", "onClick"])) : S("", !0)
 					], 64))]),
 					_: 2
 				}, 1024)]),
 				_: 3
-			}, 8, ["model-value", "placement"])) : y("", !0)], 2)
+			}, 8, ["model-value", "placement"])) : S("", !0)], 2)
 		], 2));
 	}
-}), wt = ["data-index", "aria-rowindex"], Tt = {
+}), Ot = ["data-index", "aria-rowindex"], kt = {
 	key: 0,
 	class: "s-ui-table__cell s-ui-table__filler-cell",
 	role: "presentation"
-}, Et = ["data-column-key", "data-row-key"], Dt = {
+}, At = ["data-column-key", "data-row-key"], jt = {
 	key: 0,
 	class: "s-ui-table__cell-body"
-}, Ot = /* @__PURE__ */ T({
+}, Mt = /* @__PURE__ */ O({
 	__name: "STablePlaceholderRow",
 	props: {
 		rowIndex: {},
@@ -849,34 +853,38 @@ var J = /* @__PURE__ */ function(e) {
 		rowHeight: {}
 	},
 	setup(e) {
-		let t = _(() => e.rowHeight ? { height: `${e.rowHeight}px` } : void 0);
-		return (n, r) => (F(), b("tr", {
+		let t = b(() => e.rowHeight ? { height: `${e.rowHeight}px` } : void 0);
+		return (n, r) => (R(), C("tr", {
 			class: "s-ui-table__row s-ui-table__row--placeholder",
-			style: M(t.value),
+			style: F(t.value),
 			"data-index": e.rowIndex,
 			"aria-rowindex": e.rowIndex + 2,
 			"data-placeholder": "true"
-		}, [(F(!0), b(g, null, L(e.cells, (t) => (F(), b(g, { key: t.key }, [t.cellPlan ? (F(), b("td", {
+		}, [(R(!0), C(y, null, B(e.cells, (t) => (R(), C(y, { key: t.key }, [t.cellPlan ? (R(), C("td", {
 			key: 1,
-			class: j(t.cellPlan.cellClass),
-			style: M(t.cellPlan.style),
+			class: P(t.cellPlan.cellClass),
+			style: F(t.cellPlan.style),
 			"data-column-key": t.cellPlan.descriptor.key,
 			"data-row-key": e.rowKey
-		}, [t.cellPlan.descriptor.service ? y("", !0) : (F(), b("div", Dt, [...r[0] ||= [x("span", { class: "s-ui-table__placeholder-bar" }, null, -1)]]))], 14, Et)) : (F(), b("td", Tt))], 64))), 128))], 12, wt));
+		}, [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));
 	}
-}), kt = "__s-ui-table-load-more:", At = "__s-ui-table-depth-footer:", jt = (e) => `${kt}${e}`, Mt = (e) => `${At}${e}`, Nt = u, Pt = (e, t) => {
+}), Nt = (t) => e(t) || n(t), Pt = (e) => Nt(e) ? void 0 : `s-ui-table__row--color-${e}`, Ft = (n) => {
+	if (!Nt(n)) return;
+	let r = { "--s-ui-table-row-color": n };
+	return e(n) && (r["--s-ui-table-row-color-contrast"] = t(n)), r;
+}, It = "__s-ui-table-load-more:", Lt = "__s-ui-table-depth-footer:", Rt = (e) => `${It}${e}`, zt = (e) => `${Lt}${e}`, Bt = p, Vt = (e, t) => {
 	let n = e[t];
 	if (Array.isArray(n)) return n;
-}, Ft = (e, t) => t ? typeof t == "function" ? t(e) === !0 : e[t] === !0 : !1, It = (e, t) => {
+}, Ht = (e, t) => t ? typeof t == "function" ? t(e) === !0 : e[t] === !0 : !1, Ut = (e, t) => {
 	if (!t) return;
 	if (typeof t == "function") return t(e);
 	let n = e[t];
 	if (typeof n == "string" || typeof n == "number") return n;
-}, Lt = (e, t) => {
+}, Wt = (e, t) => {
 	if (!t) return;
 	let n = e[t];
 	return typeof n == "number" ? n : void 0;
-}, Rt = (e, t, n, r) => D({
+}, Gt = (e, t, n, r) => A({
 	key: e,
 	item: t,
 	depth: n,
@@ -886,10 +894,10 @@ var J = /* @__PURE__ */ function(e) {
 	expanded: !1,
 	parentKey: r,
 	subtreeEnd: 0
-}), zt = ({ items: e, itemKey: t, childrenKey: n, groupRow: r, expanded: i, depthFooter: a, hasMoreChildrenKey: o }) => {
+}), Kt = ({ items: e, itemKey: t, childrenKey: n, groupRow: r, expanded: i, depthFooter: a, hasMoreChildrenKey: o }) => {
 	let s = /* @__PURE__ */ new WeakMap(), c = (e, t, n) => {
 		let r = /* @__PURE__ */ new Map(), i = [], a = (e, i, a) => {
-			let s = Nt(e, t);
+			let s = Bt(e, t);
 			if (!s) return;
 			let c = {
 				key: s,
@@ -901,7 +909,7 @@ var J = /* @__PURE__ */ function(e) {
 				row: void 0
 			};
 			r.set(s, c);
-			let l = Pt(e, n);
+			let l = Vt(e, n);
 			return l && o(c, l), c;
 		}, o = (e, t) => {
 			let n = [];
@@ -913,13 +921,13 @@ var J = /* @__PURE__ */ function(e) {
 		return e.forEach((e) => {
 			let t = a(e, 0, void 0);
 			t && s.push(t);
-		}), D({
+		}), A({
 			nodeByKey: r,
 			roots: s,
 			expandableKeys: i
 		});
-	}, l = _(() => {
-		let r = V(H(e)), i = H(t), a = H(n), o = s.get(r);
+	}, l = b(() => {
+		let r = ee(W(e)), i = W(t), a = W(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, {
@@ -927,33 +935,33 @@ var J = /* @__PURE__ */ function(e) {
 			childrenKeyValue: a,
 			index: l
 		}), l;
-	}), u = _(() => new Set(i.value)), d = /* @__PURE__ */ new WeakMap(), f = (e) => {
+	}), u = b(() => new Set(i.value)), d = /* @__PURE__ */ new WeakMap(), f = (e) => {
 		let t = d.get(e);
 		if (t) return t;
 		let n = /* @__PURE__ */ new Map();
 		return d.set(e, n), n;
-	}, p = _(() => {
-		let t = V(H(e)), { roots: n, nodeByKey: i } = l.value, s = H(r), c = H(a), d = H(o), p = u.value, m = c ? new Set(c.depths) : void 0, h = c?.show ?? (() => !0), g = f(t), _ = [], v = [], y = /* @__PURE__ */ new Map(), b = (e, t, n, r) => (e.index = _.length, e.kind = t, e.hasChildren = n, e.expanded = r, e.subtreeEnd = e.index, _.push(e), e), x = (e, t, n, r) => (e.row ||= Rt(e.key, e.item, e.depth, e.parentKey), b(e.row, t, n, r)), S = (e, t, 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 r = g.get(e);
-			return r || (r = Rt(e, t.item, t.depth + 1, t.key), g.set(e, r)), b(r, n, !1, !1);
+			return r || (r = Gt(e, t.item, t.depth + 1, t.key), g.set(e, r)), b(r, n, !1, !1);
 		}, C = (e) => {
-			d && e.item[d] === !0 && S(jt(e.key), e, Q.LOAD_MORE);
+			d && e.item[d] === !0 && S(Rt(e.key), e, Q.LOAD_MORE);
 		}, w = (e) => {
 			if (m !== void 0 && m.has(e.depth) && h(e.item, e.depth)) {
-				let t = S(Mt(e.key), e, Q.DEPTH_FOOTER);
+				let t = S(zt(e.key), e, Q.DEPTH_FOOTER);
 				y.set(e.key, t.index);
 			}
-		}, T = (e) => s && Ft(e.item, s) ? Q.GROUP : Q.ROW, E = (e) => e.children !== void 0 && e.children.length > 0, O = (e, t, n) => (t || n) && p.has(e.key), k = (e) => {
-			let t = T(e), n = t === Q.GROUP, r = E(e), i = O(e, r, n), a = x(e, t, r, i);
-			n && v.push(a.index), i && (e.children?.forEach((e) => k(e)), C(e), w(e)), a.subtreeEnd = _.length - 1;
+		}, T = (e) => s && Ht(e.item, s) ? Q.GROUP : Q.ROW, E = (e) => e.children !== void 0 && e.children.length > 0, D = (e, t, n) => (t || n) && p.has(e.key), O = (e) => {
+			let t = T(e), n = t === Q.GROUP, r = E(e), i = D(e, r, n), a = x(e, t, r, i);
+			n && v.push(a.index), i && (e.children?.forEach((e) => O(e)), C(e), w(e)), a.subtreeEnd = _.length - 1;
 		};
-		n.forEach((e) => k(e));
-		let A = D(_), j = (e) => i.get(e)?.row ?? g.get(e), M = (e) => {
+		n.forEach((e) => O(e));
+		let k = A(_), j = (e) => i.get(e)?.row ?? g.get(e), M = (e) => {
 			let t = j(e);
-			return t && A[t.index] === t ? t : void 0;
+			return t && k[t.index] === t ? t : void 0;
 		};
-		return D({
-			flatRows: A,
+		return A({
+			flatRows: k,
 			getRowIndexByKey: (e) => M(e)?.index,
 			getSubtreeRangeByKey: (e) => {
 				let t = M(e);
@@ -962,7 +970,7 @@ var J = /* @__PURE__ */ function(e) {
 			groupRowIndexes: v,
 			depthFooterIndexByParentKey: y
 		});
-	}), m = _(() => p.value.flatRows), h = (e) => u.value.has(e), g = (e, t) => {
+	}), m = b(() => p.value.flatRows), h = (e) => u.value.has(e), g = (e, t) => {
 		l.value.nodeByKey.get(e)?.children?.forEach((e) => {
 			t.add(e.key), g(e.key, t);
 		});
@@ -990,30 +998,30 @@ var J = /* @__PURE__ */ function(e) {
 			i.value = [];
 		}
 	};
-}, Bt = {
+}, qt = {
 	key: 0,
 	class: "s-ui-table__cell-text"
-}, Vt = {
+}, Jt = {
 	key: 1,
 	class: "s-ui-table__cell-placeholder"
-}, Ht = /* @__PURE__ */ T({
+}, Yt = /* @__PURE__ */ O({
 	__name: "STableCellText",
 	props: {
 		column: {},
 		item: {}
 	},
 	setup(e) {
-		let t = _(() => It(e.item, e.column.value ?? e.column.key)), n = _(() => t.value !== void 0 && t.value !== "");
-		return (r, i) => n.value ? (F(), b("span", Bt, B(t.value), 1)) : e.column.placeholder ? (F(), b("span", Vt, B(e.column.placeholder), 1)) : y("", !0);
+		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);
 	}
-}), Ut = [
+}), Xt = [
 	"id",
 	"data-index",
 	"aria-rowindex",
 	"aria-level",
 	"aria-expanded",
 	"aria-selected"
-], Wt = [
+], Zt = [
 	"id",
 	"aria-colindex",
 	"data-column-key",
@@ -1022,13 +1030,13 @@ var J = /* @__PURE__ */ function(e) {
 	"aria-disabled",
 	"aria-readonly",
 	"tabindex"
-], Gt = {
+], Qt = {
 	key: 2,
 	class: "s-ui-table__chevron-spacer"
-}, Kt = {
+}, $t = {
 	key: 3,
 	class: "s-ui-table__cell-body-action"
-}, qt = [
+}, en = [
 	"id",
 	"aria-colindex",
 	"data-column-key",
@@ -1037,13 +1045,13 @@ var J = /* @__PURE__ */ function(e) {
 	"aria-disabled",
 	"aria-readonly",
 	"tabindex"
-], Jt = {
+], tn = {
 	key: 0,
 	class: "s-ui-table__right-edge"
-}, Yt = {
+}, nn = {
 	key: 2,
 	class: "s-ui-table__cell-body-action"
-}, Xt = /* @__PURE__ */ T({
+}, rn = /* @__PURE__ */ O({
 	__name: "STableRow",
 	props: {
 		row: {},
@@ -1077,6 +1085,7 @@ var J = /* @__PURE__ */ function(e) {
 		},
 		treeIndent: {},
 		rowState: {},
+		rowColor: {},
 		extraRowClass: {},
 		dndRef: { type: Function },
 		dragging: {
@@ -1099,218 +1108,224 @@ var J = /* @__PURE__ */ function(e) {
 		"toggleExpand",
 		"toggleSelected"
 	],
-	setup(i, { emit: a }) {
-		let o = a, s = ne(), { t: c } = ce(), l = $.BODY, u = (e) => `${i.cellIdPrefix}${i.row.key}-${e}`, d = (e) => e === i.focusColumnKey ? 0 : -1, f = _(() => [
+	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(() => [
 			{
-				"s-ui-table__row--selected": i.selected,
-				"s-ui-table__row--active": i.active,
-				"s-ui-table__row--disabled": i.disabled,
-				"s-ui-table__row--dragging": i.dragging,
-				"s-ui-table__row--drop-before": i.dropPosition === "before",
-				"s-ui-table__row--drop-after": i.dropPosition === "after",
-				"s-ui-table__row--drop-inside": i.dropPosition === "inside"
+				"s-ui-table__row--selected": e.selected,
+				"s-ui-table__row--active": e.active,
+				"s-ui-table__row--disabled": e.disabled,
+				"s-ui-table__row--dragging": e.dragging,
+				"s-ui-table__row--drop-before": e.dropPosition === "before",
+				"s-ui-table__row--drop-after": e.dropPosition === "after",
+				"s-ui-table__row--drop-inside": e.dropPosition === "inside",
+				"s-ui-table__row--colored": !!e.rowColor
 			},
-			D.value,
-			i.extraRowClass
-		]), p = _(() => {
-			if (!(!i.placeholder || !i.placeholderHeight)) return { height: `${i.placeholderHeight}px` };
-		}), m = (e) => {
-			if (!(!e.chevron || i.row.depth === 0)) return { paddingInlineStart: `calc(var(--s-ui-dimension-4) + ${i.row.depth * i.treeIndent}px)` };
-		}, h = {
-			[Oe.DEFAULT]: void 0,
-			[Oe.COMPLETED]: "s-ui-table__row--state-completed"
-		}, S = {
-			[X.DEFAULT]: void 0,
-			[X.DISABLED]: "s-ui-table__cell-body--state-disabled",
-			[X.READONLY]: "s-ui-table__cell-body--state-readonly",
-			[X.EDITING]: "s-ui-table__cell-body--state-editing"
-		}, C = (e) => {
-			let t = e.descriptor.column?.cellState;
-			return t ? typeof t == "function" ? t(i.row.item) : t : X.DEFAULT;
-		}, w = (e) => S[C(e)], T = (e) => C(e) === X.DISABLED || void 0, E = (e) => C(e) === X.READONLY || void 0, D = _(() => i.rowState ? h[i.rowState] : void 0), O = () => ({
-			...i.row,
-			selected: i.selected,
-			indeterminate: i.indeterminate,
-			active: i.active,
-			disabled: i.disabled,
-			group: i.row.kind === Q.GROUP,
+			k.value,
+			p.value,
+			e.extraRowClass
+		]), p = b(() => e.rowColor ? Pt(e.rowColor) : void 0), m = b(() => e.rowColor ? Ft(e.rowColor) : void 0), h = b(() => {
+			let t = e.placeholder && e.placeholderHeight ? { height: `${e.placeholderHeight}px` } : void 0;
+			if (!(!t && !m.value)) return {
+				...t,
+				...m.value
+			};
+		}), g = (t) => {
+			if (!(!t.chevron || e.row.depth === 0)) return { paddingInlineStart: `calc(var(--s-ui-dimension-4) + ${e.row.depth * e.treeIndent}px)` };
+		}, _ = {
+			[Ae.DEFAULT]: void 0,
+			[Ae.COMPLETED]: "s-ui-table__row--state-completed"
+		}, v = {
+			[Me.DEFAULT]: void 0,
+			[Me.DISABLED]: "s-ui-table__cell-body--state-disabled",
+			[Me.READONLY]: "s-ui-table__cell-body--state-readonly",
+			[Me.EDITING]: "s-ui-table__cell-body--state-editing"
+		}, T = (t) => {
+			let n = t.descriptor.column?.cellState;
+			return n ? typeof n == "function" ? n(e.row.item) : n : Me.DEFAULT;
+		}, E = (e) => v[T(e)], D = (e) => T(e) === Me.DISABLED || void 0, O = (e) => T(e) === Me.READONLY || void 0, k = b(() => e.rowState ? _[e.rowState] : void 0), A = () => ({
+			...e.row,
+			selected: e.selected,
+			indeterminate: e.indeterminate,
+			active: e.active,
+			disabled: e.disabled,
+			group: e.row.kind === Q.GROUP,
 			toggleExpanded: () => {
-				o("toggleExpand");
+				n("toggleExpand");
 			},
 			toggleSelected: () => {
-				o("toggleSelected");
+				n("toggleSelected");
 			}
-		}), A = (e) => {
-			let t = e.descriptor.column ?? { key: e.descriptor.key };
+		}), j = (t) => {
+			let n = t.descriptor.column ?? { key: t.descriptor.key };
 			return {
-				...O(),
-				column: t,
-				value: It(i.row.item, t.value ?? t.key),
-				cellState: C(e)
+				...A(),
+				column: n,
+				value: Ut(e.row.item, n.value ?? n.key),
+				cellState: T(t)
 			};
-		}, N = (e) => {
-			let t = [...i.leadingPlans, ...i.trailingPlans].find((t) => t.descriptor.key === e);
-			return t ? C(t) === X.DISABLED : !1;
-		}, P = (e) => {
+		}, N = (t) => {
+			let n = [...e.leadingPlans, ...e.trailingPlans].find((e) => e.descriptor.key === t);
+			return n ? T(n) === Me.DISABLED : !1;
+		}, I = (e) => {
 			let t = e.target;
 			if (t instanceof Element) {
-				let n = t.closest("td[data-column-key]")?.getAttribute("data-column-key");
-				n && !N(n) && o("cellClick", n, e);
+				let r = t.closest("td[data-column-key]")?.getAttribute("data-column-key");
+				r && !N(r) && n("cellClick", r, e);
 			}
-			o("rowClick", e);
+			n("rowClick", e);
 		};
-		return (a, h) => (F(), b("tr", {
-			id: i.domId,
-			ref: i.dndRef,
-			class: j(["s-ui-table__row", f.value]),
-			style: M(p.value),
-			"data-index": i.rowIndex,
-			"aria-rowindex": i.rowIndex + 2,
-			"aria-level": i.row.depth + 1,
-			"aria-expanded": i.row.hasChildren ? i.rowExpanded : void 0,
-			"aria-selected": i.selected || void 0,
-			onClick: P,
-			onContextmenu: h[3] ||= (e) => o("rowContextMenu", e)
+		return (t, p) => (R(), C("tr", {
+			id: e.domId,
+			ref: e.dndRef,
+			class: P(["s-ui-table__row", f.value]),
+			style: F(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,
+			onContextmenu: p[3] ||= (e) => n("rowContextMenu", e)
 		}, [
-			(F(!0), b(g, null, L(i.leadingPlans, (f) => (F(), b("td", {
+			(R(!0), C(y, null, B(e.leadingPlans, (f) => (R(), C("td", {
 				id: u(f.descriptor.key),
 				key: f.descriptor.key,
-				class: j(f.cellClass),
-				style: M(f.style),
+				class: P(f.cellClass),
+				style: F(f.style),
 				"aria-colindex": f.descriptor.colIndex,
 				"data-column-key": f.descriptor.key,
-				"data-row-key": i.row.key,
-				"data-section": U(l),
-				"aria-disabled": T(f),
-				"aria-readonly": E(f),
+				"data-row-key": e.row.key,
+				"data-section": G(l),
+				"aria-disabled": D(f),
+				"aria-readonly": O(f),
 				tabindex: d(f.descriptor.key)
-			}, [f.descriptor.service === U(Ue).INDICATOR ? (F(), b(g, { key: 0 }, [i.placeholder ? y("", !0) : R(a.$slots, "indicator", k({
+			}, [f.descriptor.service === G(qe).INDICATOR ? (R(), C(y, { key: 0 }, [e.placeholder ? S("", !0) : V(t.$slots, "indicator", M({
 				key: 0,
 				ref_for: !0
-			}, O()))], 64)) : f.descriptor.service === U(Ue).CHECKBOX ? (F(), b(g, { key: 1 }, [U(s).checkbox && !i.placeholder ? R(a.$slots, "checkbox", k({
+			}, A()))], 64)) : f.descriptor.service === G(qe).CHECKBOX ? (R(), C(y, { key: 1 }, [G(s).checkbox && !e.placeholder ? V(t.$slots, "checkbox", M({
 				key: 0,
 				ref_for: !0
-			}, O())) : i.rowSelectable && !i.placeholder ? (F(), v(Be, {
+			}, A())) : e.rowSelectable && !e.placeholder ? (R(), x(We, {
 				key: 1,
-				class: j(["s-ui-table__row-checkbox", { "s-ui-table__row-checkbox--active": i.selected || i.indeterminate }]),
-				"model-value": i.selected,
-				indeterminate: i.indeterminate,
-				"screen-reader-label": U(c)("table.selectRow"),
-				"onUpdate:modelValue": h[0] ||= (e) => o("toggleSelected"),
-				onClick: h[1] ||= ie(() => {}, ["stop"])
+				class: P(["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"),
+				"onUpdate:modelValue": p[0] ||= (e) => n("toggleSelected"),
+				onClick: p[1] ||= ae(() => {}, ["stop"])
 			}, null, 8, [
 				"class",
 				"model-value",
 				"indeterminate",
 				"screen-reader-label"
-			])) : y("", !0)], 64)) : i.placeholder ? (F(), b("div", {
+			])) : S("", !0)], 64)) : e.placeholder ? (R(), C("div", {
 				key: 2,
 				class: "s-ui-table__cell-body",
-				style: M(m(f))
-			}, [...h[4] ||= [x("span", { class: "s-ui-table__placeholder-bar" }, null, -1)]], 4)) : (F(), b("div", {
+				style: F(g(f))
+			}, [...p[4] ||= [w("span", { class: "s-ui-table__placeholder-bar" }, null, -1)]], 4)) : (R(), C("div", {
 				key: 3,
-				class: j(["s-ui-table__cell-body", w(f)]),
-				style: M(m(f))
+				class: P(["s-ui-table__cell-body", E(f)]),
+				style: F(g(f))
 			}, [
-				f.chevron ? (F(), b(g, { key: 0 }, [U(s).chevron ? R(a.$slots, "chevron", k({
+				f.chevron ? (R(), C(y, { key: 0 }, [G(s).chevron ? V(t.$slots, "chevron", M({
 					key: 0,
 					ref_for: !0
-				}, O())) : i.row.hasChildren ? (F(), v(U(r), {
+				}, A())) : e.row.hasChildren ? (R(), x(G(o), {
 					key: 1,
 					class: "s-ui-table__chevron",
-					appearance: U(t).BARE,
-					variant: U(e).NEUTRAL,
-					size: U(n).SMALL,
-					icon: i.rowExpanded ? "chevronMiniDown" : "chevronMiniRight",
-					"aria-label": i.rowExpanded ? U(c)("table.collapse") : U(c)("table.expand"),
+					appearance: G(i).BARE,
+					variant: G(r).NEUTRAL,
+					size: G(a).SMALL,
+					icon: e.rowExpanded ? "chevronMiniDown" : "chevronMiniRight",
+					"aria-label": e.rowExpanded ? G(c)("table.collapse") : G(c)("table.expand"),
 					tabindex: "-1",
-					onClick: h[2] ||= ie((e) => o("toggleExpand"), ["stop"])
+					onClick: p[2] ||= ae((e) => n("toggleExpand"), ["stop"])
 				}, null, 8, [
 					"appearance",
 					"variant",
 					"size",
 					"icon",
 					"aria-label"
-				])) : (F(), b("span", Gt))], 64)) : y("", !0),
-				U(s)[`cell:${f.descriptor.key}`] ? R(a.$slots, `cell:${f.descriptor.key}`, k({
+				])) : (R(), C("span", Qt))], 64)) : S("", !0),
+				G(s)[`cell:${f.descriptor.key}`] ? V(t.$slots, `cell:${f.descriptor.key}`, M({
 					key: 1,
 					ref_for: !0
-				}, A(f))) : f.descriptor.column ? (F(), v(Ht, {
+				}, j(f))) : f.descriptor.column ? (R(), x(Yt, {
 					key: 2,
 					column: f.descriptor.column,
-					item: i.row.item
-				}, null, 8, ["column", "item"])) : y("", !0),
-				U(s)["cell-actions"] && !i.placeholder ? (F(), b("span", Kt, [R(a.$slots, "cell-actions", k({ ref_for: !0 }, A(f)))])) : y("", !0)
-			], 6))], 14, Wt))), 128)),
-			h[6] ||= x("td", {
+					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)
+			], 6))], 14, Zt))), 128)),
+			p[6] ||= w("td", {
 				class: "s-ui-table__cell s-ui-table__filler-cell",
 				role: "presentation"
 			}, null, -1),
-			(F(!0), b(g, null, L(i.trailingPlans, (e) => (F(), b("td", {
-				id: u(e.descriptor.key),
-				key: e.descriptor.key,
-				class: j(e.cellClass),
-				style: M(e.style),
-				"aria-colindex": e.descriptor.colIndex,
-				"data-column-key": e.descriptor.key,
-				"data-row-key": i.row.key,
-				"data-section": U(l),
-				"aria-disabled": T(e),
-				"aria-readonly": E(e),
-				tabindex: d(e.descriptor.key)
-			}, [e.descriptor.service === U(Ue).RIGHT_EDGE ? (F(), b(g, { key: 0 }, [i.placeholder ? y("", !0) : (F(), b("div", Jt, [R(a.$slots, "right-edge", k({ ref_for: !0 }, O()))]))], 64)) : i.placeholder ? (F(), b("div", {
+			(R(!0), C(y, null, B(e.trailingPlans, (n) => (R(), C("td", {
+				id: u(n.descriptor.key),
+				key: n.descriptor.key,
+				class: P(n.cellClass),
+				style: F(n.style),
+				"aria-colindex": n.descriptor.colIndex,
+				"data-column-key": n.descriptor.key,
+				"data-row-key": e.row.key,
+				"data-section": G(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", {
 				key: 1,
 				class: "s-ui-table__cell-body",
-				style: M(m(e))
-			}, [...h[5] ||= [x("span", { class: "s-ui-table__placeholder-bar" }, null, -1)]], 4)) : (F(), b("div", {
+				style: F(g(n))
+			}, [...p[5] ||= [w("span", { class: "s-ui-table__placeholder-bar" }, null, -1)]], 4)) : (R(), C("div", {
 				key: 2,
-				class: j(["s-ui-table__cell-body", w(e)]),
-				style: M(m(e))
-			}, [U(s)[`cell:${e.descriptor.key}`] ? R(a.$slots, `cell:${e.descriptor.key}`, k({
+				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({
 				key: 0,
 				ref_for: !0
-			}, A(e))) : e.descriptor.column ? (F(), v(Ht, {
+			}, j(n))) : n.descriptor.column ? (R(), x(Yt, {
 				key: 1,
-				column: e.descriptor.column,
-				item: i.row.item
-			}, null, 8, ["column", "item"])) : y("", !0), U(s)["cell-actions"] && !i.placeholder ? (F(), b("span", Yt, [R(a.$slots, "cell-actions", k({ ref_for: !0 }, A(e)))])) : y("", !0)], 6))], 14, qt))), 128))
-		], 46, Ut));
+				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))
+		], 46, Xt));
 	}
-}), Zt = {
+}), an = {
 	class: "s-ui-table__row s-ui-table__row--skeleton",
 	"aria-hidden": "true"
-}, Qt = { class: "s-ui-table__cell-body" }, $t = /* @__PURE__ */ T({
+}, on = { class: "s-ui-table__cell-body" }, sn = /* @__PURE__ */ O({
 	__name: "STableSkeletonRow",
 	props: {
 		leadingPlans: {},
 		trailingPlans: {}
 	},
 	setup(e) {
-		return (t, n) => (F(), b("tr", Zt, [
-			(F(!0), b(g, null, L(e.leadingPlans, (e) => (F(), b("td", {
+		return (t, n) => (R(), C("tr", an, [
+			(R(!0), C(y, null, B(e.leadingPlans, (e) => (R(), C("td", {
 				key: e.descriptor.key,
-				class: j(e.cellClass),
-				style: M(e.style)
-			}, [e.descriptor.column ? R(t.$slots, "default", {
+				class: P(e.cellClass),
+				style: F(e.style)
+			}, [e.descriptor.column ? V(t.$slots, "default", {
 				key: 0,
 				descriptor: e.descriptor
-			}, () => [x("div", Qt, [w(U(K), {
+			}, () => [w("div", on, [D(G(le), {
 				class: "s-ui-table__skeleton",
-				type: e.descriptor.primary ? U(ae).S_TABLE_ROW : U(ae).S_TABLE_CELL
-			}, null, 8, ["type"])])]) : y("", !0)], 6))), 128)),
-			n[0] ||= x("td", {
+				type: e.descriptor.primary ? G(oe).S_TABLE_ROW : G(oe).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),
-			(F(!0), b(g, null, L(e.trailingPlans, (e) => (F(), b("td", {
+			(R(!0), C(y, null, B(e.trailingPlans, (e) => (R(), C("td", {
 				key: e.descriptor.key,
-				class: j(e.cellClass),
-				style: M(e.style)
+				class: P(e.cellClass),
+				style: F(e.style)
 			}, null, 6))), 128))
 		]));
 	}
-}), en = "s-ui-table-column", tn = "s-ui-table-row", nn = (e, t) => e.type === "s-ui-table-column" && e.tableId === t, rn = (e, t) => e.type === "s-ui-table-row" && e.tableId === t, an = ({ tableId: e, tableRootElement: t, enabled: n, columnDescriptors: r, onReorder: i, isResizing: a }) => {
-	let o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), c = z(), l = z(), u = (e) => r.value.find((t) => t.key === e), d = (e, t) => {
+}), 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 n = u(e), r = u(t);
 		if (!n || !r || r.primary) return !1;
 		let i = (e) => e.sticky ?? "regular";
@@ -1324,22 +1339,22 @@ var J = /* @__PURE__ */ function(e) {
 		}
 		if (s.get(r) === t) return;
 		o.get(r)?.(), s.set(r, t);
-		let i = ve(ye({
+		let i = J(be({
 			element: r,
 			canDrag: () => {
 				let e = u(t);
-				return !!(H(n) && e?.draggable && !H(a));
+				return !!(W(n) && e?.draggable && !W(a));
 			},
 			getInitialData: () => ({
-				type: en,
+				type: cn,
 				tableId: e,
 				columnKey: t
 			}),
 			onGenerateDragPreview: ({ nativeSetDragImage: e }) => {
 				let n = u(t);
-				xe({
+				Ce({
 					nativeSetDragImage: e,
-					getOffset: Se({
+					getOffset: we({
 						x: "8px",
 						y: "8px"
 					}),
@@ -1355,16 +1370,16 @@ var J = /* @__PURE__ */ function(e) {
 			onDrop: () => {
 				c.value = void 0, l.value = void 0;
 			}
-		}), be({
+		}), xe({
 			element: r,
-			canDrop: ({ source: n }) => nn(n.data, e) && n.data.columnKey !== t && d(n.data.columnKey, t),
-			getData: ({ input: e, element: n }) => Ce({ columnKey: t }, {
+			canDrop: ({ source: n }) => un(n.data, e) && n.data.columnKey !== t && d(n.data.columnKey, t),
+			getData: ({ input: e, element: n }) => Te({ columnKey: t }, {
 				input: e,
 				element: n,
 				allowedEdges: ["left", "right"]
 			}),
 			onDrag: ({ self: e }) => {
-				let n = we(e.data);
+				let n = Ee(e.data);
 				if (n === "left" || n === "right") {
 					let e = l.value;
 					(e?.targetKey !== t || e.edge !== n) && (l.value = {
@@ -1378,23 +1393,23 @@ var J = /* @__PURE__ */ function(e) {
 			}
 		}));
 		o.set(r, i);
-	}, p = q({
-		canMonitor: ({ source: t }) => nn(t.data, e),
+	}, p = Se({
+		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 || !nn(t.data, e)) return;
-			let a = r.data, o = a.columnKey, s = we(a);
+			if (!r || !un(t.data, e)) return;
+			let a = r.data, o = a.columnKey, s = Ee(a);
 			typeof o != "string" || s !== "left" && s !== "right" || o !== t.data.columnKey && i(t.data.columnKey, o, s);
 		}
 	});
-	N(() => {
+	I(() => {
 		p(), o.forEach((e) => {
 			e();
 		}), o.clear(), s.clear();
 	});
-	let m = z();
-	return W(l, (e) => {
+	let m = H();
+	return K(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;
@@ -1408,12 +1423,12 @@ var J = /* @__PURE__ */ function(e) {
 		dropIndicator: l,
 		dropLineStyle: m
 	};
-}, on = {
-	[De.LEFT]: "s-ui-table__cell--align-left",
-	[De.CENTER]: "s-ui-table__cell--align-center",
-	[De.RIGHT]: "s-ui-table__cell--align-right"
-}, sn = ({ columnDescriptors: e, hasTreeStructure: t, expandColumnKey: n, primaryColumnKey: r }) => {
-	let i = _(() => e.value.filter((e) => e.sticky !== J.RIGHT)), a = _(() => e.value.filter((e) => e.sticky === J.RIGHT)), o = _(() => {
+}, 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"
+}, 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 e = (e) => ({
 			key: e.key,
 			descriptor: e
@@ -1421,7 +1436,7 @@ var J = /* @__PURE__ */ function(e) {
 		return [
 			...i.value.map(e),
 			{
-				key: ze,
+				key: Ue,
 				descriptor: void 0
 			},
 			...a.value.map(e)
@@ -1429,22 +1444,25 @@ var J = /* @__PURE__ */ function(e) {
 	}), s = (e) => {
 		if (!e.sticky || !e.stickyOffsetVar || !e.liveStickyOffsetVar) return;
 		let t = `var(${e.liveStickyOffsetVar}, var(${e.stickyOffsetVar}))`;
-		return e.sticky === J.LEFT ? { left: t } : { right: t };
+		return e.sticky === Y.LEFT ? {
+			left: t,
+			"--s-ui-table-cell-inline-offset": t
+		} : { right: t };
 	}, c = (e) => {
-		let t = e.service ? We[e.service] : void 0;
+		let t = e.service ? Je[e.service] : void 0;
 		return {
-			"s-ui-table__cell--sticky-left": e.sticky === J.LEFT,
-			"s-ui-table__cell--sticky-right": e.sticky === J.RIGHT,
+			"s-ui-table__cell--sticky-left": e.sticky === Y.LEFT,
+			"s-ui-table__cell--sticky-right": e.sticky === Y.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,
 			[`s-ui-table__cell--service-${t}`]: !!t,
-			[on[e.align]]: !!e.column
+			[pn[e.align]]: !!e.column
 		};
 	}, l = (e) => {
-		if (!H(t) || !e.column) return !1;
-		let i = H(n);
-		return e.key === (i ?? H(r));
+		if (!W(t) || !e.column) return !1;
+		let i = W(n);
+		return e.key === (i ?? W(r));
 	}, u = (e) => {
 		let t = ["s-ui-table__cell"];
 		return Object.entries(c(e)).forEach(([e, n]) => {
@@ -1455,7 +1473,7 @@ var J = /* @__PURE__ */ function(e) {
 			style: s(e),
 			chevron: l(e)
 		};
-	}, d = _(() => i.value.map(u)), f = _(() => a.value.map(u));
+	}, d = b(() => i.value.map(u)), f = b(() => a.value.map(u));
 	return {
 		leadingDescriptors: i,
 		trailingDescriptors: a,
@@ -1464,7 +1482,7 @@ var J = /* @__PURE__ */ function(e) {
 		getHeaderCellClasses: c,
 		leadingCellPlans: d,
 		trailingCellPlans: f,
-		rowCellPlans: _(() => {
+		rowCellPlans: b(() => {
 			let e = (e) => ({
 				key: e.descriptor.key,
 				cellPlan: e
@@ -1472,15 +1490,15 @@ var J = /* @__PURE__ */ function(e) {
 			return [
 				...d.value.map(e),
 				{
-					key: ze,
+					key: Ue,
 					cellPlan: void 0
 				},
 				...f.value.map(e)
 			];
 		})
 	};
-}, cn = ({ tableRootElement: e, scrollElement: t, columnDescriptors: n, columnWidths: r, enabled: i, onResizeEnd: a, remeasureRows: o }) => {
-	let s = I(), c = _(() => s.value?.columnKey), l = (e, t) => {
+}, 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 n = Math.max(e.minWidth, t);
 		return e.maxWidth ? Math.min(e.maxWidth, n) : n;
 	}, u = (t, r) => {
@@ -1490,11 +1508,11 @@ var J = /* @__PURE__ */ function(e) {
 		s && i.style.setProperty(s.liveWidthVar, `${r}px`);
 		let c = 0;
 		o.forEach((e) => {
-			e.sticky === J.LEFT && e.liveStickyOffsetVar && (i.style.setProperty(e.liveStickyOffsetVar, `${c}px`), c += a(e));
+			e.sticky === Y.LEFT && e.liveStickyOffsetVar && (i.style.setProperty(e.liveStickyOffsetVar, `${c}px`), c += a(e));
 		});
 		let l = 0;
 		[...o].reverse().forEach((e) => {
-			e.sticky === J.RIGHT && e.liveStickyOffsetVar && (i.style.setProperty(e.liveStickyOffsetVar, `${l}px`), l += a(e));
+			e.sticky === Y.RIGHT && e.liveStickyOffsetVar && (i.style.setProperty(e.liveStickyOffsetVar, `${l}px`), l += a(e));
 		});
 	}, d = () => {
 		let t = e.value;
@@ -1510,25 +1528,25 @@ var J = /* @__PURE__ */ function(e) {
 		let t = s.value;
 		t && (s.value = void 0, e && f(t.columnKey, t.liveWidth), d());
 	};
-	return de("pointermove", (e) => {
+	return pe("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));
-	}), de("pointerup", (e) => {
+	}), pe("pointerup", (e) => {
 		s.value && e.pointerId === s.value.pointerId && p(!0);
-	}), de("pointercancel", () => {
+	}), pe("pointercancel", () => {
 		p(!1);
-	}), de("blur", () => {
+	}), pe("blur", () => {
 		p(!1);
-	}), de("keydown", (e) => {
+	}), pe("keydown", (e) => {
 		s.value && e.key === "Escape" && (e.preventDefault(), p(!1));
 	}), {
 		resizingColumnKey: c,
 		handleResizeHandlePointerdown: (e, t) => {
-			if (!H(i)) return;
+			if (!W(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,
@@ -1539,7 +1557,7 @@ var J = /* @__PURE__ */ function(e) {
 			});
 		},
 		handleResizeHandleKeydown: (e, t) => {
-			if (!H(i) || e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
+			if (!W(i) || e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
 			let r = n.value.find((e) => e.key === t);
 			if (!r?.resizable) return;
 			e.preventDefault();
@@ -1547,7 +1565,7 @@ var J = /* @__PURE__ */ function(e) {
 			s !== r.width && f(t, s);
 		},
 		handleResizeHandleDblclick: (e) => {
-			if (!H(i)) return;
+			if (!W(i)) return;
 			let r = n.value.find((t) => t.key === e), a = t.value;
 			if (!r?.resizable || !a) return;
 			let o = r.minWidth;
@@ -1558,19 +1576,19 @@ var J = /* @__PURE__ */ function(e) {
 			s !== r.width && f(e, s);
 		}
 	};
-}, ln = ({ gridFocus: e, columnDescriptors: t, flatRows: n, expandColumnKey: r, primaryColumnKey: i, groupColumnKey: a, selectable: o, openMenuColumnKey: s, toggleExpanded: c, toggleRowSelected: l, applySortCycle: u, setColumnMenuOpen: f, resizeColumnByKeyboard: p, onDepthFooterActivate: m, onLoadMoreActivate: h, onRowActivate: g }) => {
+}, gn = ({ gridFocus: e, columnDescriptors: t, flatRows: n, expandColumnKey: r, primaryColumnKey: i, groupColumnKey: a, selectable: o, openMenuColumnKey: s, toggleExpanded: c, toggleRowSelected: l, applySortCycle: u, setColumnMenuOpen: d, resizeColumnByKeyboard: f, onDepthFooterActivate: p, onLoadMoreActivate: h, onRowActivate: g }) => {
 	let _ = () => {
 		let n = e.focusAddress.value.columnKey;
 		return t.value.find((e) => e.key === n);
 	}, v = () => {
 		let t = e.focusBodyRowIndex.value;
 		return t === void 0 ? void 0 : n.value[t];
-	}, y = (e) => e.kind === Q.GROUP ? H(a) : H(r) ?? H(i), b = (t) => {
+	}, y = (e) => e.kind === Q.GROUP ? W(a) : W(r) ?? W(i), b = (t) => {
 		let n = t.target;
 		if (!(n instanceof HTMLElement)) return;
 		let r = n.closest("[data-section]");
 		if (!(r instanceof HTMLElement)) return;
-		let i = st(r.dataset.section ?? null), a = r.dataset.columnKey;
+		let i = dt(r.dataset.section ?? null), a = r.dataset.columnKey;
 		!i || !a || e.syncFocusAddress({
 			section: i,
 			rowKey: r.dataset.rowKey,
@@ -1581,7 +1599,7 @@ var J = /* @__PURE__ */ function(e) {
 		if (r.section !== $.BODY || !r.rowKey) return !1;
 		let i = v();
 		if (!i || i.kind === Q.DEPTH_FOOTER || r.columnKey !== y(i)) return !1;
-		let a = d(t, i.key, n.value);
+		let a = m(t, i.key, n.value);
 		return a ? a.type === "select" ? (e.focusAddressNow({
 			section: $.BODY,
 			rowKey: a.rowKey,
@@ -1604,7 +1622,7 @@ var J = /* @__PURE__ */ function(e) {
 			return;
 		}
 		if (r.kind === Q.DEPTH_FOOTER) {
-			m(r);
+			p(r);
 			return;
 		}
 		if (r.kind === Q.LOAD_MORE) {
@@ -1626,9 +1644,9 @@ var J = /* @__PURE__ */ function(e) {
 		let n = _();
 		if (!n) return !1;
 		let r = t.key === "ArrowLeft" || t.key === "ArrowRight";
-		if (t.altKey && t.shiftKey && r) return t.preventDefault(), p(n, t.key === "ArrowRight" ? 1 : -1), !0;
+		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(), f(n.key, H(s) !== n.key), !0) : !1;
+		return n.column && a && i ? (t.preventDefault(), d(n.key, W(s) !== n.key), !0) : !1;
 	};
 	return {
 		handleGridFocusIn: b,
@@ -1672,7 +1690,7 @@ var J = /* @__PURE__ */ function(e) {
 				case "Spacebar": {
 					t.preventDefault();
 					let n = e.focusedBodyRowKey.value;
-					if (!H(o) || !n) break;
+					if (!W(o) || !n) break;
 					l(n);
 					break;
 				}
@@ -1680,36 +1698,36 @@ var J = /* @__PURE__ */ function(e) {
 			}
 		}
 	};
-}, un = ({ 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 = z(), m = z(), h = (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) => {
 		if (!(e instanceof HTMLElement)) return;
 		let t = Number(e.dataset.index);
 		if (Number.isInteger(t)) return r.value.flatRows[t];
 	}, g = (e) => {
-		if (!e || !H(t) || e.kind !== Q.ROW && e.kind !== Q.GROUP) return !1;
-		let n = H(a);
+		if (!e || !W(t) || e.kind !== Q.ROW && e.kind !== Q.GROUP) return !1;
+		let n = W(a);
 		return n ? n(e.item) !== !1 : !0;
 	}, _ = (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 = me(() => {
+	}, v = ge(() => {
 		let e = y.value;
 		e && !s(e) && c(e);
-	}, () => H(o) ?? 500, { immediate: !1 }), y = z(), b = me(() => {
+	}, () => W(o) ?? 500, { immediate: !1 }), y = H(), b = ge(() => {
 		S.value = x.value;
-	}, Re, { immediate: !1 }), x = z(), S = z(), C = (e) => {
+	}, 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 (H(n) === Ae.TREE) {
-			let n = t.getBoundingClientRect(), i = Le * n.height / 2;
+		if (W(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 je.CHILD;
+				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);
 		}
-		return i === "top" ? je.BEFORE : je.AFTER;
+		return i === "top" ? Fe.BEFORE : Fe.AFTER;
 	}, E, D = (e) => {
 		[e, ...e.querySelectorAll("[id], [tabindex]")].forEach((e) => {
 			e.removeAttribute("id"), e.removeAttribute("tabindex");
@@ -1732,10 +1750,10 @@ var J = /* @__PURE__ */ function(e) {
 	}, j = (e) => {
 		A(e.clientX, e.clientY);
 	}, M = (e, t, n) => {
-		P(), 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);
-	}, P = () => {
+		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);
+	}, N = () => {
 		document.removeEventListener("dragover", j), E?.remove(), E = void 0;
-	}, F = (t) => {
+	}, P = (t) => {
 		if (!(t instanceof HTMLElement)) {
 			f.forEach((e, t) => {
 				t.isConnected || (e(), f.delete(t));
@@ -1743,13 +1761,13 @@ var J = /* @__PURE__ */ function(e) {
 			return;
 		}
 		if (f.has(t)) return;
-		let n = ve(ye({
+		let n = J(be({
 			element: t,
 			canDrag: () => g(h(t)),
 			getInitialData: () => {
 				let n = h(t);
 				return {
-					type: tn,
+					type: ln,
 					tableId: e,
 					rowKey: n?.key ?? "",
 					rowIndex: n?.index ?? -1
@@ -1757,22 +1775,22 @@ var J = /* @__PURE__ */ function(e) {
 			},
 			onGenerateDragPreview: ({ nativeSetDragImage: e, location: n }) => {
 				let r = k(t, h(t)), { clientX: i, clientY: a } = n.current.input;
-				Te({ nativeSetDragImage: e }), M(r, i, a);
+				De({ nativeSetDragImage: e }), M(r, i, a);
 			},
 			onDragStart: () => {
 				p.value = h(t)?.key;
 			},
 			onDrop: () => {
-				p.value = void 0, m.value = void 0, w(), P();
+				p.value = void 0, m.value = void 0, w(), N();
 			}
-		}), be({
+		}), xe({
 			element: t,
 			canDrop: ({ source: n }) => {
-				if (!rn(n.data, e)) return !1;
+				if (!dn(n.data, e)) return !1;
 				let r = h(t);
 				return !r || r.key === n.data.rowKey ? !1 : !_(n.data.rowKey, r.key);
 			},
-			getData: ({ input: e, element: t }) => Ce({ rowKey: h(t)?.key ?? "" }, {
+			getData: ({ input: e, element: t }) => Te({ rowKey: h(t)?.key ?? "" }, {
 				input: e,
 				element: t,
 				allowedEdges: ["top", "bottom"]
@@ -1781,7 +1799,7 @@ var J = /* @__PURE__ */ function(e) {
 				let r = h(t);
 				if (!r) return;
 				C(r);
-				let i = we(e.data), a = i === "top" || i === "bottom" ? i : null, o = T(r, t, n.current.input.clientY, a), s = o === je.CHILD ? r.depth + 1 : r.depth, c = m.value;
+				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;
 				(c?.targetKey !== r.key || c.action !== o || c.depth !== s) && (m.value = {
 					targetKey: r.key,
 					action: o,
@@ -1794,15 +1812,15 @@ var J = /* @__PURE__ */ function(e) {
 			}
 		}));
 		f.set(t, n);
-	}, I = q({
-		canMonitor: ({ source: t }) => rn(t.data, e),
+	}, F = Se({
+		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 || !rn(t.data, e)) return;
+			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 (H(n) === Ae.FLAT) {
-				if (a.action === je.CHILD) return;
+			if (W(n) === Pe.FLAT) {
+				if (a.action === Fe.CHILD) return;
 				l({
 					action: a.action,
 					sourceKey: f.key,
@@ -1814,7 +1832,7 @@ var J = /* @__PURE__ */ function(e) {
 				});
 				return;
 			}
-			let g = a.action === je.CHILD, v = g ? h.key : h.parentKey, y = v === void 0 ? void 0 : s(v), b = y === void 0 ? void 0 : o[y];
+			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];
 			u({
 				action: a.action,
 				sourceKey: f.key,
@@ -1827,26 +1845,26 @@ var J = /* @__PURE__ */ function(e) {
 			});
 		}
 	}), L;
-	return W(i, (t) => {
-		L?.(), L = void 0, t && (L = Ee({
+	return K(i, (t) => {
+		L?.(), L = void 0, t && (L = Oe({
 			element: t,
-			canScroll: ({ source: t }) => rn(t.data, e)
+			canScroll: ({ source: t }) => dn(t.data, e)
 		}));
-	}, { immediate: !0 }), N(() => {
-		I(), L?.(), P(), f.forEach((e) => {
+	}, { immediate: !0 }), I(() => {
+		F(), L?.(), N(), f.forEach((e) => {
 			e();
 		}), f.clear();
 	}), {
-		registerRowElement: F,
+		registerRowElement: P,
 		draggingRowKey: p,
 		dropIndicator: m
 	};
-}, dn = ({ flatRows: e, virtualEnabled: t, windowIndexes: n, uiTotalSize: r, getRowUiOffset: i, activeGroupRowIndex: a, activeDepthFooterRowIndexes: o, leavingDepthFooterRowIndex: s, slidingDepthFooterRowIndexes: c, farDepthFooterRowIndexes: l, activeRowIndex: u }) => {
-	let d = _(() => {
+}, vn = ({ flatRows: e, virtualEnabled: t, windowIndexes: n, uiTotalSize: r, getRowUiOffset: i, activeGroupRowIndex: a, activeDepthFooterRowIndexes: o, leavingDepthFooterRowIndex: s, slidingDepthFooterRowIndexes: c, farDepthFooterRowIndexes: l, activeRowIndex: u }) => {
+	let d = b(() => {
 		let e = [];
 		return a.value !== void 0 && e.push(a.value), e.push(...o.value), u.value !== void 0 && e.push(u.value), e;
 	});
-	return { renderEntries: _(() => {
+	return { renderEntries: b(() => {
 		let u = e.value, f = a.value, p = new Set(o.value), m = new Set(c.value), h = new Set(l.value), g = s.value, _ = g === void 0 ? void 0 : i(g), v = _ ? _.end - _.start : void 0, y = [], b = (e, t, n) => e && !t && !n ? v : void 0, x = (e) => {
 			let t = i(e.index), n = p.has(e.index), r = e.index === g, a = m.has(e.index);
 			y.push({
@@ -1861,7 +1879,7 @@ var J = /* @__PURE__ */ function(e) {
 				rowHeight: t ? t.end - t.start : void 0
 			});
 		};
-		if (!H(t)) return u.forEach(x), y;
+		if (!W(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;
@@ -1905,23 +1923,23 @@ var J = /* @__PURE__ */ function(e) {
 			k = r + n;
 		}), A(S - k), y;
 	}) };
-}, fn = ({ selected: e, cascade: t, treeIndex: n, groupRow: r, disabledKey: i, isItemSelectable: a }) => {
-	let o = _(() => new Set(e.value)), s = (e) => n.value.nodeByKey.get(e)?.parentKey, c = (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 || Ft(t.item, H(r)) || Ft(t.item, H(i))) return !1;
-		let o = H(a);
+		if (!t || Ht(t.item, W(r)) || Ht(t.item, W(i))) return !1;
+		let o = W(a);
 		return o ? o(t.item) !== !1 : !0;
-	}, l = _(() => {
+	}, l = b(() => {
 		let e = [];
 		return n.value.nodeByKey.forEach((t, n) => {
 			c(n) && e.push(n);
-		}), D(e);
-	}), u = _(() => {
+		}), A(e);
+	}), u = b(() => {
 		let e = /* @__PURE__ */ new Map();
 		return o.value.forEach((t) => {
 			let n = s(t);
 			for (; n;) e.set(n, (e.get(n) ?? 0) + 1), n = s(n);
-		}), D(e);
+		}), A(e);
 	}), d = (e) => o.value.has(e), f = (e) => o.value.has(e) ? Z.CHECKED : (u.value.get(e) ?? 0) > 0 ? Z.INDETERMINATE : Z.UNCHECKED, p = (e, t) => {
 		c(e) && t.push(e), n.value.nodeByKey.get(e)?.children?.forEach((e) => {
 			p(e.key, t);
@@ -1939,10 +1957,10 @@ var J = /* @__PURE__ */ function(e) {
 	}, g = (e, t) => {
 		let n = s(e);
 		for (; n;) t.delete(n), n = s(n);
-	}, v = (n) => {
+	}, _ = (n) => {
 		if (!c(n)) return;
 		let r = new Set(e.value);
-		if (!H(t)) {
+		if (!W(t)) {
 			r.has(n) ? r.delete(n) : r.add(n), e.value = [...r];
 			return;
 		}
@@ -1952,7 +1970,7 @@ var J = /* @__PURE__ */ function(e) {
 		}), h(n, r)) : (i.forEach((e) => {
 			r.delete(e);
 		}), g(n, r)), e.value = [...r];
-	}, y = _(() => {
+	}, v = b(() => {
 		let e = l.value.length, t = l.value.reduce((e, t) => o.value.has(t) ? e + 1 : e, 0);
 		return e === 0 || t === 0 ? Z.UNCHECKED : t >= e ? Z.CHECKED : Z.INDETERMINATE;
 	});
@@ -1960,10 +1978,10 @@ var J = /* @__PURE__ */ function(e) {
 		isSelected: d,
 		isNodeSelectable: c,
 		getCheckState: f,
-		toggleRow: v,
-		headerCheckState: y,
+		toggleRow: _,
+		headerCheckState: v,
 		toggleSelectAll: () => {
-			if (y.value === Z.CHECKED) {
+			if (v.value === Z.CHECKED) {
 				e.value = [];
 				return;
 			}
@@ -1973,11 +1991,11 @@ var J = /* @__PURE__ */ function(e) {
 			e.value = [];
 		}
 	};
-}, pn = ({ 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 = _(() => H(e).find((e) => e.key === t.value)), h = _(() => H(i)?.columnKey ?? t.value), g = _(() => H(a) ?? t.value), v = _(() => H(o) ?? t.value), y = _(() => H(s) ?? t.value), b = (e) => n.value.get(e.key)?.subtreeSize ?? 0, x = (e) => Lt(e.item, H(r)), S = (e) => {
-		let t = It(e.item, m.value?.value ?? m.value?.key);
+}, 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 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 * H(c)}px)` }), w = (e) => {
+	}, C = (e) => ({ paddingInlineStart: `calc(var(--s-ui-dimension-4) + ${e * W(c)}px)` }), w = (e) => {
 		f({
 			parentKey: e.parentKey ?? "",
 			parentItem: e.item,
@@ -1991,7 +2009,7 @@ var J = /* @__PURE__ */ function(e) {
 		click: () => {
 			w(e);
 		}
-	}), E = _(() => new Set(H(l))), D = (e) => e.parentKey ? E.value.has(e.parentKey) : !1, O = (e) => {
+	}), E = b(() => new Set(W(l))), D = (e) => e.parentKey ? E.value.has(e.parentKey) : !1, O = (e) => {
 		!e.parentKey || D(e) || p({
 			key: e.parentKey,
 			item: e.item
@@ -2004,13 +2022,13 @@ var J = /* @__PURE__ */ function(e) {
 		loadMore: () => {
 			O(e);
 		}
-	}), A = (e) => H(u)?.[e];
+	}), A = (e) => W(u)?.[e];
 	return {
 		depthFooterColumnKey: h,
 		groupColumnKey: g,
-		creationColumnKey: v,
-		loadMoreColumnKey: y,
-		getGroupCount: b,
+		creationColumnKey: _,
+		loadMoreColumnKey: v,
+		getGroupCount: y,
 		getGroupTotal: x,
 		getGroupTitle: S,
 		getDepthIndentStyle: C,
@@ -2028,12 +2046,12 @@ var J = /* @__PURE__ */ function(e) {
 			return t ? `s-ui-table__aggregate-cell--tone-${t}` : void 0;
 		},
 		getFooterSlotScope: (t) => ({
-			column: H(e).find((e) => e.key === t) ?? { key: t },
+			column: W(e).find((e) => e.key === t) ?? { key: t },
 			footerValue: A(t)
 		})
 	};
-}, mn = ({ sortState: e, onSortChange: t }) => {
-	let n = _(() => new Map(e.value.map((e) => [e.key, e]))), r = (e) => n.value.get(e)?.direction, i = (t) => {
+}, xn = ({ sortState: e, onSortChange: t }) => {
+	let n = b(() => new Map(e.value.map((e) => [e.key, e]))), r = (e) => n.value.get(e)?.direction, i = (t) => {
 		if (e.value.length < 2) return;
 		let n = e.value.findIndex((e) => e.key === t);
 		return n === -1 ? void 0 : n + 1;
@@ -2044,12 +2062,12 @@ var J = /* @__PURE__ */ function(e) {
 		getColumnSortDirection: r,
 		getColumnSortIndex: i,
 		applySortCycle: (t, n) => {
-			let r = [...e.value], i = r.findIndex((e) => e.key === t), o = i === -1 ? void 0 : r[i], s = o ? o.direction === Y.ASC ? {
+			let r = [...e.value], i = r.findIndex((e) => e.key === t), o = i === -1 ? void 0 : r[i], s = o ? o.direction === X.ASC ? {
 				key: t,
-				direction: Y.DESC
+				direction: X.DESC
 			} : void 0 : {
 				key: t,
-				direction: Y.ASC
+				direction: X.ASC
 			};
 			if (!n) {
 				a(s ? [s] : []);
@@ -2072,7 +2090,7 @@ var J = /* @__PURE__ */ function(e) {
 		getHeaderAriaSort: (e) => {
 			if (!e.column) return;
 			let t = r(e.key);
-			if (t) return t === Y.ASC ? "ascending" : "descending";
+			if (t) return t === X.ASC ? "ascending" : "descending";
 		},
 		getHeaderSlotScope: (e) => e.column ? {
 			column: e.column,
@@ -2080,8 +2098,8 @@ var J = /* @__PURE__ */ function(e) {
 			sortIndex: i(e.key)
 		} : { column: { key: e.key } }
 	};
-}, hn = ({ windowIndexes: e, visibleRange: t, getRowKey: n, pinnedRowKey: r, enabled: i }) => {
-	let a = /* @__PURE__ */ new Set(), o = z(/* @__PURE__ */ new Set()), s = [], c = 12, l = 0, u = !1, d = !1, f = 0, p = "", m = () => {
+}, 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 = () => {
 		l = performance.now(), u = !0, o.value = new Set(a);
 	}, h = (e) => {
 		let t = s.splice(0, e);
@@ -2096,7 +2114,7 @@ var J = /* @__PURE__ */ function(e) {
 		e < 20 && (c = Math.min(64, c + 2));
 	}, _ = () => {
 		u && (u = !1, g(performance.now() - l));
-	}, v = fe(() => {
+	}, v = me(() => {
 		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;
@@ -2108,7 +2126,7 @@ var J = /* @__PURE__ */ function(e) {
 			r !== void 0 && !a.has(r) && t.push(r);
 		}), t;
 	}, x = (e) => {
-		let t = H(r), n = t === void 0 ? -1 : e.indexOf(t);
+		let t = W(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;
@@ -2121,25 +2139,25 @@ var J = /* @__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 (!H(i) || t === p) return;
+		if (!W(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 W(e, E, {
+	return K(e, E, {
 		flush: "sync",
 		immediate: !0
-	}), W(() => H(i), () => {
+	}), K(() => W(i), () => {
 		p = "", E(e.value);
 	}), {
-		isRowHydrated: (e) => !H(i) || e === H(r) || o.value.has(e),
+		isRowHydrated: (e) => !W(i) || e === W(r) || o.value.has(e),
 		hydratedKeys: o
 	};
-}, gn = {
+}, Cn = {
 	pinned: [],
 	sliding: []
-}, _n = ({ snapshot: e, visibleRange: t, depthFooterSticky: n, bottomVisibleRowIndex: r, getRowOffset: i }) => {
-	let a = _(() => {
+}, 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];
@@ -2178,32 +2196,32 @@ var J = /* @__PURE__ */ function(e) {
 	}, f = (t, n) => {
 		let { flatRows: r } = e.value;
 		return [t - 2, t - 1].filter((e) => r[e]?.kind === Q.DEPTH_FOOTER && !n.includes(e));
-	}, p = _(() => {
+	}, p = b(() => {
 		let e = r.value;
-		if (!H(n) || e === void 0) return gn;
+		if (!W(n) || e === void 0) return Cn;
 		let t = d(e);
 		return {
 			pinned: t,
 			sliding: f(e, t)
 		};
-	}), m = _(() => {
+	}), m = b(() => {
 		let { pinned: e, sliding: t } = p.value;
 		return [...t, ...e];
 	});
 	return {
 		activeGroupRowIndex: a,
-		activeDepthFooterRowIndex: _(() => p.value.pinned[0]),
+		activeDepthFooterRowIndex: b(() => p.value.pinned[0]),
 		activeDepthFooterRowIndexes: m,
-		leavingDepthFooterRowIndex: _(() => {
+		leavingDepthFooterRowIndex: b(() => {
 			let [e, t] = p.value.pinned;
 			return t === void 0 ? void 0 : e;
 		}),
-		slidingDepthFooterRowIndexes: _(() => p.value.sliding),
-		farDepthFooterRowIndexes: _(() => p.value.pinned.slice(2))
+		slidingDepthFooterRowIndexes: b(() => p.value.sliding),
+		farDepthFooterRowIndexes: b(() => p.value.pinned.slice(2))
 	};
-}, vn = (e) => typeof e == "number" ? `${e}px` : e || void 0, yn = ({ tfootBarStackHeight: e, hasFooterValues: t, scrollClientWidth: n, columnCssVars: r, totalWidth: i, height: a, maxHeight: o }) => ({
-	rootStyle: _(() => {
-		let i = H(n);
+}, 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);
 		return {
 			"--s-ui-table-header-height": "40px",
 			"--s-ui-table-row-min-height": "40px",
@@ -2212,30 +2230,30 @@ var J = /* @__PURE__ */ function(e) {
 			"--s-ui-table-bottom-stack": `${e.value}px`,
 			"--s-ui-table-footer-bar-height": "40px",
 			"--s-ui-table-create-row-height": "40px",
-			"--s-ui-table-aggregate-offset": H(t) ? "40px" : "0px",
+			"--s-ui-table-aggregate-offset": W(t) ? "40px" : "0px",
 			...i > 0 ? { "--s-ui-table-viewport-width": `${i}px` } : {},
 			...r.value
 		};
 	}),
-	scrollStyle: _(() => ({
-		height: vn(H(a)),
-		maxHeight: vn(H(o))
+	scrollStyle: b(() => ({
+		height: Tn(W(a)),
+		maxHeight: Tn(W(o))
 	})),
-	tableStyle: _(() => ({ width: `max(100%, ${i.value}px)` }))
-}), bn, xn = () => {
-	if (bn !== void 0) return bn;
-	if (typeof document > "u") return bn = Ne, bn;
+	tableStyle: b(() => ({ width: `max(100%, ${i.value}px)` }))
+}), Dn, On = () => {
+	if (Dn !== void 0) return Dn;
+	if (typeof document > "u") return Dn = Le, Dn;
 	let e = document.createElement("div");
-	e.style.cssText = `position:absolute;visibility:hidden;pointer-events:none;width:1px;height:${Fe}px`, document.body.appendChild(e);
+	e.style.cssText = `position:absolute;visibility:hidden;pointer-events:none;width:1px;height:${ze}px`, document.body.appendChild(e);
 	let t = e.offsetHeight;
-	return e.remove(), bn = t > 0 ? t : Ne, bn;
-}, Sn = (e) => e > 16e6 ? xn() - Pe : Infinity, Cn = (e, t, n) => {
+	return e.remove(), Dn = t > 0 ? t : Le, Dn;
+}, kn = (e) => e > 16e6 ? On() - Re : Infinity, An = (e, t, n) => {
 	if (!e) return 0;
-	let r = Math.max(t, Ie);
+	let r = Math.max(t, Be);
 	return n > 4 * r ? r : 0;
-}, wn = (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, Tn = (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, En = (e, t) => e.active === t.active && e.maxUiScrollTop === t.maxUiScrollTop && e.maxModelScrollTop === t.maxModelScrollTop && e.edgeZone === t.edgeZone, Dn = (e, t) => !En(e, t) && (e.active || t.active), On = ({ scrollElement: e, totalSize: t, viewportHeight: n, extraHeight: r, onRescale: i }) => {
-	let a = z(0), o = _(() => {
-		let e = H(t), i = H(r), a = H(n), o = Sn(e), s = e > o, c = s ? o : e, l = Math.max(1, c + i - a), u = Math.max(0, e + i - a), d = Cn(s, a, l);
+}, 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);
 		return {
 			active: s,
 			uiHeight: c,
@@ -2244,32 +2262,32 @@ var J = /* @__PURE__ */ function(e) {
 			edgeZone: d,
 			ratio: s ? (u - 2 * d) / (l - 2 * d) : 1
 		};
-	}), s = (e) => wn(o.value, e), c = (e) => Tn(o.value, e), l = z(0), u = z(-1);
-	de(e, "scroll", () => {
+	}), s = (e) => jn(o.value, e), c = (e) => Mn(o.value, e), l = H(0), u = H(-1);
+	pe(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 = _(() => o.value.active ? l.value : s(a.value)), p = _(() => o.value.active ? f.value - a.value : 0), m = _(() => o.value.uiHeight), h = _(() => o.value.maxModelScrollTop), g = _(() => o.value.active), v = (e, t, n) => {
+	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);
-	}, y = (t) => t === "y" ? H(n) : e.value?.clientWidth ?? 0, b = (e, t) => e === WheelEvent.DOM_DELTA_LINE ? 40 : e === WheelEvent.DOM_DELTA_PAGE ? y(t) : 1, x = (e, t) => (t === "x" ? e.deltaX : e.deltaY) * b(e.deltaMode, t), S = (e) => o.value.active && e.deltaY !== 0 && !e.ctrlKey, C = (t) => {
+	}, 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) => {
 		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(), v(n, c(a), a), n.scrollLeft += x(t, "x"));
+		a !== i && (t.preventDefault(), _(n, c(a), a), n.scrollLeft += x(t, "x"));
 	}, w, T = (t) => {
-		w?.(), w = t ? de(e, "wheel", C, { passive: !1 }) : void 0;
+		w?.(), w = t ? pe(e, "wheel", C, { passive: !1 }) : void 0;
 	};
-	le(() => {
+	de(() => {
 		w?.();
 	});
-	let E = (e, t) => e.scrollTop === u.value ? l.value : wn(t, e.scrollTop);
-	return P(() => {
-		W(o, (t, n) => {
+	let E = (e, t) => e.scrollTop === u.value ? l.value : jn(t, e.scrollTop);
+	return L(() => {
+		K(o, (t, n) => {
 			let r = e.value;
-			if (!r || !Dn(t, n)) return;
+			if (!r || !Pn(t, n)) return;
 			let a = E(r, n);
-			v(r, Tn(t, a), a), i?.(a);
-		}), W(g, T, { immediate: !0 });
+			_(r, Mn(t, a), a), i?.(a);
+		}), K(g, T, { immediate: !0 });
 	}), {
 		uiScrollTop: a,
 		modelScrollOffset: f,
@@ -2280,43 +2298,43 @@ var J = /* @__PURE__ */ function(e) {
 		uiToModel: s,
 		modelToUi: c,
 		resolveModelOffset: d,
-		setScrollTop: v
+		setScrollTop: _
 	};
-}, kn = ({ rowCount: e, enabled: t, autoMeasure: n, estimateRowSize: r, estimateRowSizeByIndex: i, overscan: a, scrollElement: o, getRowKey: s, rowsVersion: c, viewportHeight: l, extraHeight: u, headerHeight: d }) => {
-	let f, p = On({
+}, In = ({ rowCount: e, enabled: t, autoMeasure: n, estimateRowSize: r, estimateRowSizeByIndex: i, overscan: a, scrollElement: o, getRowKey: s, rowsVersion: c, viewportHeight: l, extraHeight: u, headerHeight: d }) => {
+	let f, p = Fn({
 		scrollElement: o,
-		totalSize: () => v.value.getTotalSize(),
+		totalSize: () => _.value.getTotalSize(),
 		viewportHeight: l,
 		extraHeight: u,
 		onRescale: (e) => {
 			f?.(e, !1);
 		}
-	}), m = z(0), h = 0, g = (e, t, n) => {
+	}), m = H(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;
-	}, v = _e(_(() => {
-		let n = H(r);
+	}, _ = ye(b(() => {
+		let n = W(r);
 		return {
-			count: H(e),
-			enabled: H(t),
+			count: W(e),
+			enabled: W(t),
 			getScrollElement: () => o.value,
 			estimateSize: (e) => i?.(e) ?? n,
 			getItemKey: s,
-			overscan: H(a),
+			overscan: W(a),
 			shouldAdjustScrollPositionOnItemSizeChange: () => !1,
-			observeElementOffset: (e, t) => (f = t, ge(e, (e, r) => {
+			observeElementOffset: (e, t) => (f = t, ve(e, (e, r) => {
 				let i = p.uiToModel(e);
 				g(i, r, n), t(i, r);
 			})),
 			scrollToFn: (e, t, n) => {
-				he(p.modelToUi(e + (t.adjustments ?? 0)), { behavior: t.behavior }, n);
+				_e(p.modelToUi(e + (t.adjustments ?? 0)), { behavior: t.behavior }, n);
 			}
 		};
-	})), y = _(() => H(t) ? v.value.getVirtualItems() : []), b = _(() => v.value.getTotalSize()), x = (e, t) => Array.from({ length: Math.max(0, t - e + 1) }, (t, n) => e + n), S = (t, 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) => {
 		let r = t[0], i = t[t.length - 1];
-		if (!(!r || !i)) return n > 0 ? [i.index + 1, Math.min(H(e) - 1, i.index + n)] : [Math.max(0, r.index + n), r.index - 1];
-	}, C = _(() => {
-		let e = y.value, t = e.map((e) => e.index), n = m.value, r = n === 0 ? void 0 : S(e, n);
+		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];
+	}, 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;
 		let i = x(r[0], r[1]);
 		return n > 0 ? [...t, ...i] : [...i, ...t];
@@ -2325,7 +2343,7 @@ var J = /* @__PURE__ */ function(e) {
 		let t = Number(e.dataset.index);
 		return Number.isInteger(t) ? t : void 0;
 	}, E = (e) => {
-		if (!H(t) || !H(n)) return;
+		if (!W(t) || !W(n)) return;
 		let r = o.value;
 		if (!r) return;
 		let i = r.querySelectorAll("tr[data-index]"), a = [];
@@ -2333,7 +2351,7 @@ var J = /* @__PURE__ */ function(e) {
 			let n = T(t);
 			n === void 0 || !(t instanceof HTMLElement) || (!e || !w.has(s(n))) && a.push(t);
 		}), a.length === 0) return;
-		let c = v.value.measurementsCache, l = r.getBoundingClientRect().top + H(d), u = p.resolveModelOffset(r), f = [], m = Infinity;
+		let c = _.value.measurementsCache, l = r.getBoundingClientRect().top + W(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);
@@ -2343,29 +2361,29 @@ var J = /* @__PURE__ */ function(e) {
 			if (t <= 0) return;
 			w.add(s(e));
 			let n = c[e]?.size;
-			e < m && n !== void 0 && (h += t - n), v.value.resizeItem(e, t);
+			e < m && n !== void 0 && (h += t - n), _.value.resizeItem(e, t);
 		}), h !== 0 && p.setScrollTop(r, p.modelToUi(u + h), u + h);
 	};
-	W(C, () => E(!0), { flush: "post" });
+	K(C, () => E(!0), { flush: "post" });
 	let D = () => {
 		E(!0);
 	}, O = () => {
 		w.clear(), E(!1);
 	};
-	pe(o, () => {
+	he(o, () => {
 		O();
-	}), W(() => H(c), () => {
+	}), K(() => W(c), () => {
 		w.clear(), E(!1);
 	}, { flush: "post" });
 	let k = (e, t) => {
 		if (e !== "auto") return e;
-		let n = H(l) - H(u), r = p.modelScrollOffset.value;
+		let n = W(l) - W(u), r = p.modelScrollOffset.value;
 		return t.end >= r + n ? "end" : t.start <= r ? "start" : void 0;
 	}, A = (e, t) => {
-		let n = H(l) - H(u);
+		let n = W(l) - W(u);
 		return e === "start" ? t.start : e === "end" ? t.end - n : t.start - (n - t.size) / 2;
 	}, j = (e, t) => {
-		let n = v.value.measurementsCache, r = n[Math.max(0, Math.min(e, n.length - 1))];
+		let n = _.value.measurementsCache, r = n[Math.max(0, Math.min(e, n.length - 1))];
 		if (!r) return;
 		let i = k(t, r);
 		if (!i) return;
@@ -2374,15 +2392,15 @@ var J = /* @__PURE__ */ function(e) {
 	}, M = (e, t = "auto") => {
 		let n = o.value;
 		if (!p.active.value || !n) {
-			v.value.scrollToIndex(e, { align: t });
+			_.value.scrollToIndex(e, { align: t });
 			return;
 		}
 		let r = j(e, t);
 		r !== void 0 && p.setScrollTop(n, p.modelToUi(r), r);
-	}, N = _(() => {
-		if (!(!H(t) || y.value.length === 0)) return v.value.range ?? void 0;
+	}, N = b(() => {
+		if (!(!W(t) || v.value.length === 0)) return _.value.range ?? void 0;
 	}), P = (e) => {
-		let t = v.value.measurementsCache;
+		let t = _.value.measurementsCache;
 		if (t.length === 0) return;
 		let n = 0, r = t.length - 1;
 		for (; n < r;) {
@@ -2392,17 +2410,17 @@ var J = /* @__PURE__ */ function(e) {
 		}
 		return n;
 	}, F = (e) => {
-		let t = v.value.measurementsCache[e];
+		let t = _.value.measurementsCache[e];
 		if (t) return {
 			start: t.start,
 			end: t.end
 		};
 	};
 	return {
-		rowVirtualizer: v,
-		virtualItems: y,
+		rowVirtualizer: _,
+		virtualItems: v,
 		windowIndexes: C,
-		totalSize: b,
+		totalSize: y,
 		uiTotalSize: p.uiTotalSize,
 		modelScrollOffset: p.modelScrollOffset,
 		scrollCompressed: p.active,
@@ -2422,60 +2440,60 @@ var J = /* @__PURE__ */ function(e) {
 		},
 		getRowIndexAtOffset: P
 	};
-}, An = [
+}, Ln = [
 	"role",
 	"aria-rowcount",
 	"aria-colcount",
 	"aria-busy"
-], jn = { class: "s-ui-table__head" }, Mn = {
+], Rn = { class: "s-ui-table__head" }, zn = {
 	class: "s-ui-table__head-row",
 	"aria-rowindex": 1
-}, Nn = {
+}, Bn = {
 	key: 0,
 	class: "s-ui-table__header-cell s-ui-table__filler-cell",
 	role: "presentation"
-}, Pn = [
+}, Vn = [
 	"id",
 	"data-column-key",
 	"data-section",
 	"aria-colindex",
 	"aria-sort",
 	"tabindex"
-], Fn = {
+], Hn = {
 	key: 2,
 	class: "s-ui-table__columns-manager"
-}, In = { class: "s-ui-table__columns-item-main" }, Ln = { class: "s-ui-table__columns-item-title" }, Rn = [
+}, Un = { class: "s-ui-table__columns-item-main" }, Wn = { class: "s-ui-table__columns-item-title" }, Gn = [
 	"aria-label",
 	"onPointerdown",
 	"onKeydown",
 	"onDblclick"
-], zn = { class: "s-ui-table__body" }, Bn = {
+], Kn = { class: "s-ui-table__body" }, qn = {
 	key: 0,
 	class: "s-ui-table__empty-row",
 	"aria-rowindex": 2
-}, Vn = ["colspan"], Hn = { class: "s-ui-table__empty-content" }, Un = { class: "s-ui-table__empty-text" }, Wn = {
+}, Jn = ["colspan"], Yn = { class: "s-ui-table__empty-content" }, Xn = { class: "s-ui-table__empty-text" }, Zn = {
 	key: 0,
 	class: "s-ui-table__spacer",
 	"aria-hidden": "true"
-}, Gn = ["colspan"], Kn = {
+}, Qn = ["colspan"], $n = {
 	key: 0,
 	class: "s-ui-table__foot"
-}, qn = ["aria-rowindex"], Jn = {
+}, er = ["aria-rowindex"], tr = {
 	key: 0,
 	class: "s-ui-table__aggregate-cell s-ui-table__filler-cell",
 	role: "presentation"
-}, Yn = [
+}, nr = [
 	"id",
 	"aria-colindex",
 	"data-column-key",
 	"data-section",
 	"tabindex"
-], Xn = {
+], rr = {
 	key: 1,
 	class: "s-ui-table__aggregate-text"
-}, Zn = /* @__PURE__ */ T({
+}, ir = /* @__PURE__ */ O({
 	__name: "STable",
-	props: /*@__PURE__*/ O({
+	props: /*@__PURE__*/ j({
 		items: {},
 		columns: {},
 		itemKey: {
@@ -2498,6 +2516,7 @@ var J = /* @__PURE__ */ function(e) {
 		isItemSelectable: { type: Function },
 		columnsManageable: { type: Boolean },
 		rowState: { type: Function },
+		rowColor: { type: Function },
 		expandColumnKey: {},
 		expandOnClick: {
 			type: Boolean,
@@ -2515,7 +2534,7 @@ var J = /* @__PURE__ */ function(e) {
 			type: Boolean,
 			default: !0
 		},
-		rowHeightMode: { default: () => ke.AUTO },
+		rowHeightMode: { default: () => Ne.AUTO },
 		estimateRowSize: { default: () => 40 },
 		overscan: { default: () => 8 },
 		height: {},
@@ -2570,7 +2589,7 @@ var J = /* @__PURE__ */ function(e) {
 		sortState: { default: () => [] },
 		sortStateModifiers: {}
 	}),
-	emits: /*@__PURE__*/ O([
+	emits: /*@__PURE__*/ j([
 		"rowClick",
 		"rowContextMenu",
 		"cellClick",
@@ -2592,71 +2611,71 @@ var J = /* @__PURE__ */ function(e) {
 		"update:hiddenColumns",
 		"update:sortState"
 	]),
-	setup(i, { expose: a, emit: u }) {
-		let d = te(i, "modelValue"), f = te(i, "selected"), T = te(i, "expanded"), D = te(i, "columnOrder"), O = te(i, "columnWidths"), N = te(i, "hiddenColumns"), P = te(i, "sortState"), I = u, V = ne(), { t: H } = ce(), ae = ee(), K = re("scrollElementRef"), le = re("tableElementRef"), de = re("tableRootRef"), { width: fe, height: pe } = ue(K), { primaryColumnKey: me, columnDescriptors: he, columnCssVars: ge, totalWidth: _e, columnCount: ve } = it({
-			columns: () => i.columns,
-			columnOrder: D,
-			columnWidths: O,
-			hiddenColumns: N,
-			hasIndicator: () => !!V.indicator,
-			hasCheckbox: () => i.selectable,
-			hasRightEdge: () => !!V["right-edge"],
-			hasColumnsManager: () => i.columnsManageable,
-			columnsResizable: () => i.columnsResizable,
-			columnsDraggable: () => i.columnsDraggable,
-			viewportWidth: () => fe.value
-		}), { treeIndex: ye, snapshot: be, flatRows: q, toggleExpanded: xe, expandAll: Se, collapseAll: Ce } = zt({
-			items: () => i.items,
-			itemKey: () => i.itemKey,
-			childrenKey: () => i.childrenKey,
-			groupRow: () => i.groupRow,
-			expanded: T,
-			depthFooter: () => i.depthFooter,
-			hasMoreChildrenKey: () => i.hasMoreChildrenKey
-		}), { leadingDescriptors: we, trailingDescriptors: Te, headerCells: Ee, getStickyCellStyle: J, getHeaderCellClasses: De, leadingCellPlans: Y, trailingCellPlans: Oe, rowCellPlans: X } = sn({
-			columnDescriptors: he,
-			hasTreeStructure: () => Ne.value,
-			expandColumnKey: () => i.expandColumnKey,
-			primaryColumnKey: me
-		}), Me = _(() => he.value.length + 1), Ne = _(() => ye.value.expandableKeys.length > 0), Pe = _(() => Ne.value ? "treegrid" : "grid"), Fe = _(() => q.value.length + 1 + +!!i.creationRow + +!!i.footerValues), Ie = _(() => i.virtual), Le = _(() => ({ "s-ui-table--rows-fixed": i.rowHeightMode === ke.FIXED })), Re = _(() => {
-			let e = 0;
-			return i.footerValues && (e += 40), i.creationRow && (e += 40), e;
+	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({
+			columns: () => e.columns,
+			columnOrder: m,
+			columnWidths: h,
+			hiddenColumns: O,
+			hasIndicator: () => !!I.indicator,
+			hasCheckbox: () => e.selectable,
+			hasRightEdge: () => !!I["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({
+			items: () => e.items,
+			itemKey: () => e.itemKey,
+			childrenKey: () => e.childrenKey,
+			groupRow: () => e.groupRow,
+			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,
+			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(() => {
+			let t = 0;
+			return e.footerValues && (t += 40), e.creationRow && (t += 40), t;
 		}), ze = [];
-		W(q, (e) => {
+		K(J, (e) => {
 			ze = e;
 		}, {
 			flush: "sync",
 			immediate: !0
 		});
-		let { windowIndexes: Ve, uiTotalSize: We, modelScrollOffset: Ge, scrollToIndex: Ke, visibleRange: qe, getRowOffset: Je, getRowUiOffset: Ye, getRowIndexAtOffset: Xe, measureWindowRows: Ze, measureNewRows: Qe } = kn({
-			rowCount: () => q.value.length,
+		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,
 			enabled: Ie,
-			autoMeasure: () => i.rowHeightMode === ke.AUTO,
-			estimateRowSize: () => i.estimateRowSize,
+			autoMeasure: () => e.rowHeightMode === Ne.AUTO,
+			estimateRowSize: () => e.estimateRowSize,
 			estimateRowSizeByIndex: void 0,
-			overscan: () => i.overscan,
-			scrollElement: K,
+			overscan: () => e.overscan,
+			scrollElement: ee,
 			getRowKey: (e) => ze[e]?.key ?? e,
-			rowsVersion: q,
-			viewportHeight: () => pe.value,
+			rowsVersion: J,
+			viewportHeight: () => de.value,
 			extraHeight: () => 40 + Re.value,
 			headerHeight: () => 40
-		}), { isRowHydrated: $e, hydratedKeys: et } = hn({
-			windowIndexes: Ve,
-			visibleRange: qe,
+		}), { isRowHydrated: $e, hydratedKeys: et } = Sn({
+			windowIndexes: Be,
+			visibleRange: Ge,
 			getRowKey: (e) => ze[e]?.key,
-			pinnedRowKey: () => d.value,
-			enabled: () => Ie.value && i.scrollSeekPlaceholders
+			pinnedRowKey: () => s.value,
+			enabled: () => Ie.value && e.scrollSeekPlaceholders
 		});
-		W(et, Qe, { flush: "post" });
-		let { resizingColumnKey: tt, handleResizeHandlePointerdown: nt, handleResizeHandleKeydown: rt, handleResizeHandleDblclick: at } = cn({
-			tableRootElement: de,
-			scrollElement: K,
-			columnDescriptors: he,
-			columnWidths: O,
-			enabled: () => i.columnsResizable,
+		K(et, Qe, { flush: "post" });
+		let { resizingColumnKey: tt, handleResizeHandlePointerdown: nt, handleResizeHandleKeydown: rt, handleResizeHandleDblclick: it } = hn({
+			tableRootElement: oe,
+			scrollElement: ee,
+			columnDescriptors: me,
+			columnWidths: h,
+			enabled: () => e.columnsResizable,
 			onResizeEnd: (e, t) => {
-				I("columnResizeEnd", {
+				j("columnResizeEnd", {
 					key: e,
 					width: t
 				});
@@ -2664,104 +2683,104 @@ var J = /* @__PURE__ */ function(e) {
 			remeasureRows: () => {
 				Ze();
 			}
-		}), ot = _(() => i.rowsDragMode ? i.rowsDragMode : Ne.value ? Ae.TREE : Ae.FLAT), { registerColumnHeaderElement: st, draggingColumnKey: lt, dropLineStyle: ut } = an({
-			tableId: ae,
-			tableRootElement: de,
-			enabled: () => i.columnsDraggable,
-			columnDescriptors: he,
-			onReorder: (e, t, n) => {
-				let r = D.value?.length ? [...D.value] : i.columns.map((e) => e.key);
-				i.columns.forEach((e) => {
-					r.includes(e.key) || r.push(e.key);
+		}), at = b(() => e.rowsDragMode ? e.rowsDragMode : Ae.value ? Pe.TREE : Pe.FLAT), { registerColumnHeaderElement: ot, draggingColumnKey: st, dropLineStyle: lt } = fn({
+			tableId: z,
+			tableRootElement: oe,
+			enabled: () => e.columnsDraggable,
+			columnDescriptors: me,
+			onReorder: (t, n, r) => {
+				let i = m.value?.length ? [...m.value] : e.columns.map((e) => e.key);
+				e.columns.forEach((e) => {
+					i.includes(e.key) || i.push(e.key);
 				});
-				let a = r.filter((t) => t !== e), o = a.indexOf(t);
+				let a = i.filter((e) => e !== t), o = a.indexOf(n);
 				if (o === -1) return;
-				let s = n === "left" ? o : o + 1;
-				a.splice(s, 0, e), D.value = a, I("columnReorder", {
-					key: e,
+				let s = r === "left" ? o : o + 1;
+				a.splice(s, 0, t), m.value = a, j("columnReorder", {
+					key: t,
 					toIndex: s,
 					order: a
 				});
 			},
 			isResizing: () => !!tt.value
-		}), dt = (e, t) => {
-			(e instanceof Element || e === null) && st(t, e);
-		}, { registerRowElement: ft, draggingRowKey: pt, dropIndicator: mt } = un({
-			tableId: ae,
-			enabled: () => i.rowsDraggable,
-			dragMode: ot,
-			snapshot: be,
-			scrollElement: K,
-			isRowDraggable: () => i.isRowDraggable,
-			dragExpandDelayMs: () => i.dragExpandDelayMs,
-			isExpanded: (e) => T.value.includes(e),
+		}), ut = (e, t) => {
+			(e instanceof Element || e === null) && ot(t, e);
+		}, { registerRowElement: dt, draggingRowKey: pt, dropIndicator: mt } = _n({
+			tableId: z,
+			enabled: () => e.rowsDraggable,
+			dragMode: at,
+			snapshot: ye,
+			scrollElement: ee,
+			isRowDraggable: () => e.isRowDraggable,
+			dragExpandDelayMs: () => e.dragExpandDelayMs,
+			isExpanded: (e) => p.value.includes(e),
 			onHoverExpand: (e) => {
-				xe(e);
+				be(e);
 			},
 			onReorder: (e) => {
-				I("rowsReorder", e);
+				j("rowsReorder", e);
 			},
 			onTreeDrop: (e) => {
-				I("rowsDrop", e);
+				j("rowsDrop", e);
 			},
 			resolveRowPreviewTitle: (e) => Dn(e) ?? e.key
-		}), gt = (e) => {
-			(e instanceof Element || e === null) && ft(e);
-		}, _t = (e) => {
+		}), ht = (e) => {
+			(e instanceof Element || e === null) && dt(e);
+		}, gt = (e) => {
 			let t = mt.value;
-			if (!(!t || t.targetKey !== e)) return t.action === je.CHILD ? "inside" : t.action === je.BEFORE ? "before" : "after";
-		}, { activeGroupRowIndex: vt, activeDepthFooterRowIndex: yt, activeDepthFooterRowIndexes: bt, leavingDepthFooterRowIndex: xt, slidingDepthFooterRowIndexes: St, farDepthFooterRowIndexes: wt } = _n({
-			snapshot: be,
-			visibleRange: qe,
-			depthFooterSticky: () => i.depthFooter?.sticky !== !1,
-			bottomVisibleRowIndex: _(() => {
-				if (!Ie.value || pe.value === 0) return;
-				let e = Ge.value + pe.value - 40 - Re.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,
+			visibleRange: Ge,
+			depthFooterSticky: () => e.depthFooter?.sticky !== !1,
+			bottomVisibleRowIndex: b(() => {
+				if (!Ie.value || de.value === 0) return;
+				let e = He.value + de.value - 40 - Re.value;
 				return Xe(Math.max(0, e));
 			}),
 			getRowOffset: Je
-		}), { renderEntries: Tt } = dn({
-			flatRows: q,
+		}), { renderEntries: wt } = vn({
+			flatRows: J,
 			virtualEnabled: Ie,
-			windowIndexes: Ve,
-			uiTotalSize: We,
+			windowIndexes: Be,
+			uiTotalSize: Ve,
 			getRowUiOffset: Ye,
-			activeGroupRowIndex: vt,
+			activeGroupRowIndex: _t,
 			activeDepthFooterRowIndexes: bt,
 			leavingDepthFooterRowIndex: xt,
 			slidingDepthFooterRowIndexes: St,
-			farDepthFooterRowIndexes: wt,
-			activeRowIndex: _(() => {
-				if (d.value) return be.value.getRowIndexByKey(d.value);
+			farDepthFooterRowIndexes: Ct,
+			activeRowIndex: b(() => {
+				if (s.value) return ye.value.getRowIndexByKey(s.value);
 			})
-		}), Et = _(() => !i.loading && q.value.length === 0), { rootStyle: Dt, scrollStyle: kt, tableStyle: At } = yn({
+		}), Tt = b(() => !e.loading && J.value.length === 0), { rootStyle: Et, scrollStyle: Ot, tableStyle: kt } = En({
 			tfootBarStackHeight: Re,
-			hasFooterValues: () => !!i.footerValues,
-			scrollClientWidth: () => fe.value,
-			columnCssVars: ge,
-			totalWidth: _e,
-			height: () => i.height,
-			maxHeight: () => i.maxHeight
-		}), { getColumnSortDirection: jt, getColumnSortIndex: Mt, applySortCycle: Nt, applySortExact: Pt, getHeaderAriaSort: It, getHeaderSlotScope: Lt } = mn({
-			sortState: P,
+			hasFooterValues: () => !!e.footerValues,
+			scrollClientWidth: () => le.value,
+			columnCssVars: he,
+			totalWidth: ge,
+			height: () => e.height,
+			maxHeight: () => e.maxHeight
+		}), { getColumnSortDirection: At, getColumnSortIndex: jt, applySortCycle: Nt, applySortExact: Pt, getHeaderAriaSort: Ft, getHeaderSlotScope: It } = xn({
+			sortState: A,
 			onSortChange: (e) => {
-				I("sortChange", e);
+				j("sortChange", e);
 			}
-		}), Rt = z(), Bt = (e, t) => {
-			Rt.value = t ? e : void 0;
-		}, Vt = (e, t) => {
-			if (!i.columnsResizable || !e.resizable) return;
-			let n = Math.min(e.maxWidth ?? Infinity, Math.max(e.minWidth, e.width + t * 8));
-			n !== e.width && (O.value = {
-				...O.value,
-				[e.key]: n
-			}, I("columnResizeEnd", {
-				key: e.key,
-				width: n
+		}), Lt = H(), Rt = (e, t) => {
+			Lt.value = t ? e : void 0;
+		}, zt = (t, n) => {
+			if (!e.columnsResizable || !t.resizable) return;
+			let r = Math.min(t.maxWidth ?? Infinity, Math.max(t.minWidth, t.width + n * 8));
+			r !== t.width && (h.value = {
+				...h.value,
+				[t.key]: r
+			}, j("columnResizeEnd", {
+				key: t.key,
+				width: r
 			}));
-		}, Ht = z(!1), Ut = _(() => i.columns.filter((e) => e.key !== me.value && (e.hideable ?? !0))), Wt = (e) => (N.value ?? []).includes(e), Gt = _(() => {
-			let e = Ut.value.map((e) => {
-				let t = Wt(e.key);
+		}, Bt = H(!1), Vt = b(() => e.columns.filter((e) => e.key !== pe.value && (e.hideable ?? !0))), Ut = (e) => (O.value ?? []).includes(e), Wt = b(() => {
+			let e = Vt.value.map((e) => {
+				let t = Ut(e.key);
 				return {
 					column: e,
 					hidden: t,
@@ -2769,273 +2788,274 @@ var J = /* @__PURE__ */ function(e) {
 				};
 			});
 			return [e.filter((e) => !e.hidden), e.filter((e) => e.hidden)].filter((e) => e.length > 0);
-		}), Kt = (e) => {
-			let t = new Set(N.value ?? []);
-			t.has(e) ? t.delete(e) : t.add(e), N.value = [...t];
+		}), Gt = (e) => {
+			let t = new Set(O.value ?? []);
+			t.has(e) ? t.delete(e) : t.add(e), O.value = [...t];
 		}, qt = (e) => {
-			let t = new Set(N.value ?? []);
-			t.add(e), N.value = [...t];
-		}, Jt = fn({
-			selected: f,
-			cascade: () => i.cascadeSelection,
-			treeIndex: ye,
-			groupRow: () => i.groupRow,
-			disabledKey: () => i.disabledKey,
-			isItemSelectable: () => i.isItemSelectable
-		}), Yt = Jt.headerCheckState, Zt = (e) => Jt.isSelected(e), Qt = (e) => i.cascadeSelection && Jt.getCheckState(e) === Z.INDETERMINATE, en = (e) => {
+			let t = new Set(O.value ?? []);
+			t.add(e), O.value = [...t];
+		}, Jt = yn({
+			selected: c,
+			cascade: () => e.cascadeSelection,
+			treeIndex: ve,
+			groupRow: () => e.groupRow,
+			disabledKey: () => e.disabledKey,
+			isItemSelectable: () => e.isItemSelectable
+		}), Yt = Jt.headerCheckState, Xt = (e) => Jt.isSelected(e), Zt = (t) => e.cascadeSelection && Jt.getCheckState(t) === Z.INDETERMINATE, Qt = (e) => {
 			Jt.toggleRow(e);
-		}, tn = (e) => Ft(e.item, i.disabledKey), nn = ({ row: e, spacerHeight: t, rowHeight: n, stuckTop: r, stuckBottom: a, stuckBottomLeaving: o, stuckBottomSliding: s, stuckBottomCoverHeight: c, stuckBottomFar: l }, u) => [
-			e ?? t,
-			e?.index,
-			e?.expanded,
-			e?.item,
-			e?.kind,
-			e?.hasChildren,
-			e?.depth,
-			e?.parentKey,
-			e ? Zt(e.key) : !1,
-			e ? Qt(e.key) : !1,
-			e ? d.value === e.key : !1,
-			e ? _r(e.key) : void 0,
-			e ? pt.value === e.key : !1,
-			e ? _t(e.key) : void 0,
-			n,
+		}, $t = (t) => Ht(t.item, e.disabledKey), en = ({ row: t, spacerHeight: n, rowHeight: r, stuckTop: i, stuckBottom: a, stuckBottomLeaving: o, stuckBottomSliding: c, stuckBottomCoverHeight: l, stuckBottomFar: u }, d) => [
+			t ?? n,
+			t?.index,
+			t?.expanded,
+			t?.item,
+			t?.kind,
+			t?.hasChildren,
+			t?.depth,
+			t?.parentKey,
+			t ? Xt(t.key) : !1,
+			t ? Zt(t.key) : !1,
+			t ? s.value === t.key : !1,
+			t ? _r(t.key) : void 0,
+			t ? pt.value === t.key : !1,
+			t ? gt(t.key) : void 0,
 			r,
+			i,
 			a,
 			o,
-			s,
 			c,
 			l,
-			he.value,
-			xn.value,
-			wn.value,
 			u,
-			i.loadingMoreChildrenKeys,
-			i.treeIndent,
-			i.rowClass,
-			i.rowState,
-			i.selectable,
-			i.cascadeSelection,
-			i.rowsDraggable
-		], rn = (e) => {
+			me.value,
+			ln.value,
+			pn.value,
+			d,
+			e.loadingMoreChildrenKeys,
+			e.treeIndent,
+			e.rowClass,
+			e.rowState,
+			e.rowColor,
+			e.selectable,
+			e.cascadeSelection,
+			e.rowsDraggable
+		], tn = (e) => {
 			if (e !== void 0) return { "--s-ui-table-stuck-cover-height": `${e}px` };
-		}, on = _(() => Tt.value.map((e) => {
+		}, nn = b(() => wt.value.map((e) => {
 			let t = e.row?.kind === Q.ROW && !$e(e.row.key);
 			return {
 				...e,
 				placeholder: t,
-				memoKeys: nn(e, t)
+				memoKeys: en(e, t)
 			};
-		})), gn = _(() => Object.keys(V).filter((e) => e.startsWith("cell:"))), vn = (e) => `s-ui-table-${ae}-row-${e}`, bn = (e) => ({
+		})), an = b(() => Object.keys(I).filter((e) => e.startsWith("cell:"))), on = (e) => `s-ui-table-${z}-row-${e}`, cn = (e) => ({
 			...e,
-			selected: Zt(e.key),
+			selected: Xt(e.key),
 			indeterminate: !1,
-			active: d.value === e.key,
-			disabled: tn(e),
+			active: s.value === e.key,
+			disabled: $t(e),
 			group: e.kind === Q.GROUP,
 			toggleExpanded: () => {
-				xe(e.key);
+				be(e.key);
 			},
 			toggleSelected: () => {
-				en(e.key);
+				Qt(e.key);
 			}
-		}), { depthFooterColumnKey: xn, groupColumnKey: Sn, creationColumnKey: Cn, loadMoreColumnKey: wn, getGroupCount: Tn, getGroupTotal: En, getGroupTitle: Dn, getDepthIndentStyle: On, emitDepthFooterClick: Zn, getDepthFooterSlotScope: Qn, isLoadMoreRowLoading: $n, emitLoadMoreChildren: er, getLoadMoreSlotScope: tr, getFooterValueText: nr, getFooterToneClass: rr, getFooterSlotScope: ir } = pn({
-			columns: () => i.columns,
-			primaryColumnKey: me,
-			treeNodeByKey: _(() => ye.value.nodeByKey),
-			groupTotalKey: () => i.groupTotalKey,
-			depthFooter: () => i.depthFooter,
-			groupContentColumnKey: () => i.groupContentColumnKey,
-			creationContentColumnKey: () => i.creationContentColumnKey,
-			loadMoreContentColumnKey: () => i.loadMoreContentColumnKey,
-			treeIndent: () => i.treeIndent,
-			loadingMoreChildrenKeys: () => i.loadingMoreChildrenKeys,
-			footerValues: () => i.footerValues,
-			stuckDepthFooterRowIndex: yt,
+		}), { 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),
+			groupTotalKey: () => e.groupTotalKey,
+			depthFooter: () => e.depthFooter,
+			groupContentColumnKey: () => e.groupContentColumnKey,
+			creationContentColumnKey: () => e.creationContentColumnKey,
+			loadMoreContentColumnKey: () => e.loadMoreContentColumnKey,
+			treeIndent: () => e.treeIndent,
+			loadingMoreChildrenKeys: () => e.loadingMoreChildrenKeys,
+			footerValues: () => e.footerValues,
+			stuckDepthFooterRowIndex: vt,
 			onDepthFooterClick: (e) => {
-				I("depthFooterClick", e);
+				j("depthFooterClick", e);
 			},
 			onLoadMoreChildren: (e) => {
-				I("loadMoreChildren", e);
+				j("loadMoreChildren", e);
 			}
 		}), ar = (e) => ({
-			...bn(e),
-			count: Tn(e),
-			total: En(e)
-		}), or = (e, t) => {
-			tn(e) || (d.value = e.key, i.expandOnClick && (e.hasChildren || e.kind === Q.GROUP) && xe(e.key), I("rowClick", {
-				key: e.key,
-				item: e.item,
-				event: t
+			...cn(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", {
+				key: t.key,
+				item: t.item,
+				event: n
 			}));
 		}, sr = (e, t) => {
-			I("rowContextMenu", {
+			j("rowContextMenu", {
 				key: e.key,
 				item: e.item,
 				event: t
 			});
-		}, cr = _(() => {
+		}, cr = b(() => {
 			let e = /* @__PURE__ */ new Set();
-			return he.value.forEach((t) => {
+			return me.value.forEach((t) => {
 				t.column && e.add(t.key);
 			}), e;
 		}), lr = (e, t, n) => {
-			!cr.value.has(t) || tn(e) || I("cellClick", {
+			!cr.value.has(t) || $t(e) || j("cellClick", {
 				key: e.key,
 				item: e.item,
 				columnKey: t,
 				event: n
 			});
-		}, ur = (e) => e ? !tn(e) : !1, dr = _(() => {
-			let e = pe.value - 40 - Re.value;
-			return Math.max(1, Math.floor(e / i.estimateRowSize));
+		}, ur = (e) => e ? !$t(e) : !1, dr = b(() => {
+			let t = de.value - 40 - Re.value;
+			return Math.max(1, Math.floor(t / e.estimateRowSize));
 		});
-		l(() => K.value, {
-			distance: () => i.endReachedDistance,
-			canLoadMore: () => i.canLoadMore?.() ?? !0,
+		f(() => ee.value, {
+			distance: () => e.endReachedDistance,
+			canLoadMore: () => e.canLoadMore?.() ?? !0,
 			onEndReached: () => {
-				I("endReached", { direction: "bottom" });
+				j("endReached", { direction: "bottom" });
 			}
 		});
 		let fr = (e, t) => {
-			let n = be.value.getRowIndexByKey(e);
+			let n = ye.value.getRowIndexByKey(e);
 			if (n !== void 0) {
 				if (Ie.value) {
-					Ke(n, t?.align ?? "auto");
+					Ue(n, t?.align ?? "auto");
 					return;
 				}
-				document.getElementById(vn(e))?.scrollIntoView({ block: t?.align === "center" ? "center" : "nearest" });
+				document.getElementById(on(e))?.scrollIntoView({ block: t?.align === "center" ? "center" : "nearest" });
 			}
-		}, pr = (e) => `s-ui-table-${ae}-cell-${e.section}-${e.rowKey ?? ""}-${e.columnKey}`, mr = ct({
-			tableRootElement: de,
-			tableElement: le,
-			scrollElement: K,
-			columnDescriptors: he,
-			flatRows: q,
-			snapshot: be,
-			groupColumnKey: Sn,
-			depthFooterColumnKey: xn,
-			loadMoreColumnKey: wn,
-			creationColumnKey: Cn,
-			hasCreationRow: () => !!i.creationRow,
-			hasAggregateRow: () => !!i.footerValues,
+		}, 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,
+			groupColumnKey: un,
+			depthFooterColumnKey: ln,
+			loadMoreColumnKey: pn,
+			creationColumnKey: dn,
+			hasCreationRow: () => !!e.creationRow,
+			hasAggregateRow: () => !!e.footerValues,
 			isRowNavigable: ur,
 			pageSize: dr,
 			buildCellDomId: pr,
 			onBodyRowFocused: (e) => {
-				d.value = e;
+				s.value = e;
 			},
 			scrollToRowIndex: (e) => {
-				let t = q.value[e];
+				let t = J.value[e];
 				t && fr(t.key);
 			}
-		}), hr = `s-ui-table-${ae}-cell-${$.BODY}-`, gr = `s-ui-table-${ae}-cell-${$.CREATION}-`, _r = (e) => mr.focusedBodyRowKey.value === e ? mr.focusAddress.value.columnKey : void 0, vr = (e) => {
+		}), 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) => {
 			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 } = ln({
+		}, yr = (e, t, n) => mr.getCellTabIndex(e, t, n), { handleGridFocusIn: br, handleGridKeydown: xr } = gn({
 			gridFocus: mr,
-			columnDescriptors: he,
-			flatRows: q,
-			expandColumnKey: () => i.expandColumnKey,
-			primaryColumnKey: me,
-			groupColumnKey: Sn,
-			selectable: () => i.selectable,
-			openMenuColumnKey: Rt,
-			toggleExpanded: xe,
+			columnDescriptors: me,
+			flatRows: J,
+			expandColumnKey: () => e.expandColumnKey,
+			primaryColumnKey: pe,
+			groupColumnKey: un,
+			selectable: () => e.selectable,
+			openMenuColumnKey: Lt,
+			toggleExpanded: be,
 			toggleRowSelected: (e) => {
 				Jt.toggleRow(e);
 			},
 			applySortCycle: Nt,
-			setColumnMenuOpen: Bt,
-			resizeColumnByKeyboard: Vt,
-			onDepthFooterActivate: Zn,
-			onLoadMoreActivate: er,
+			setColumnMenuOpen: Rt,
+			resizeColumnByKeyboard: zt,
+			onDepthFooterActivate: kn,
+			onLoadMoreActivate: Mn,
 			onRowActivate: (e, t) => {
-				I("rowClick", {
+				j("rowClick", {
 					key: e.key,
 					item: e.item,
 					event: t
 				});
 			}
 		});
-		return a({
+		return t({
 			focusNavigation: async () => {
-				mr.focusAddressNow(mr.focusAddress.value), await A();
+				mr.focusAddressNow(mr.focusAddress.value), await N();
 			},
 			scrollToRow: fr,
-			expandAll: Se,
-			collapseAll: Ce,
+			expandAll: xe,
+			collapseAll: Se,
 			clearSelection: () => {
 				Jt.clearSelection();
 			},
-			getScrollElement: () => K.value ?? void 0
-		}), (a, l) => (F(), b("div", {
+			getScrollElement: () => ee.value ?? void 0
+		}), (t, n) => (R(), C("div", {
 			ref_key: "tableRootRef",
-			ref: de,
-			class: j(["s-ui-table", Le.value]),
-			style: M(U(Dt))
-		}, [x("div", {
+			ref: oe,
+			class: P(["s-ui-table", Le.value]),
+			style: F(G(Et))
+		}, [w("div", {
 			ref_key: "scrollElementRef",
-			ref: K,
+			ref: ee,
 			class: "s-ui-table__scroll",
-			style: M(U(kt))
-		}, [x("table", {
+			style: F(G(Ot))
+		}, [w("table", {
 			class: "s-ui-table__table",
-			style: M(U(At)),
-			role: Pe.value,
-			"aria-rowcount": Fe.value,
-			"aria-colcount": U(ve),
-			"aria-busy": i.loading || i.loadingMore || void 0,
+			style: F(G(kt)),
+			role: je.value,
+			"aria-rowcount": Me.value,
+			"aria-colcount": G(_e),
+			"aria-busy": e.loading || e.loadingMore || void 0,
 			ref_key: "tableElementRef",
-			ref: le,
+			ref: W,
 			tabindex: "-1",
-			onKeydown: l[5] ||= (...e) => U(xr) && U(xr)(...e),
-			onFocusin: l[6] ||= (...e) => U(br) && U(br)(...e)
+			onKeydown: n[5] ||= (...e) => G(xr) && G(xr)(...e),
+			onFocusin: n[6] ||= (...e) => G(br) && G(br)(...e)
 		}, [
-			x("colgroup", null, [
-				(F(!0), b(g, null, L(U(we), (e) => (F(), b("col", {
+			w("colgroup", null, [
+				(R(!0), C(y, null, B(G(Ce), (e) => (R(), C("col", {
 					key: e.key,
-					style: M({ width: `var(${e.liveWidthVar}, var(${e.widthVar}))` })
+					style: F({ width: `var(${e.liveWidthVar}, var(${e.widthVar}))` })
 				}, null, 4))), 128)),
-				l[7] ||= x("col", { class: "s-ui-table__filler-col" }, null, -1),
-				(F(!0), b(g, null, L(U(Te), (e) => (F(), b("col", {
+				n[7] ||= w("col", { class: "s-ui-table__filler-col" }, null, -1),
+				(R(!0), C(y, null, B(G(we), (e) => (R(), C("col", {
 					key: e.key,
-					style: M({ width: `var(${e.liveWidthVar}, var(${e.widthVar}))` })
+					style: F({ width: `var(${e.liveWidthVar}, var(${e.widthVar}))` })
 				}, null, 4))), 128))
 			]),
-			x("thead", jn, [x("tr", Mn, [(F(!0), b(g, null, L(U(Ee), ({ key: i, descriptor: u }) => (F(), b(g, { key: i }, [u ? (F(), b("th", {
+			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", {
 				key: 1,
 				id: pr({
-					section: U($).HEADER,
-					columnKey: u.key
+					section: G($).HEADER,
+					columnKey: s.key
 				}),
 				ref_for: !0,
-				ref: (e) => dt(e, u.key),
-				class: j(["s-ui-table__header-cell", [U(De)(u), { "s-ui-table__header-cell--dragging": U(lt) === u.key }]]),
-				style: M(U(J)(u)),
-				"data-column-key": u.key,
-				"data-section": U($).HEADER,
-				"aria-colindex": u.colIndex,
-				"aria-sort": U(It)(u),
-				tabindex: yr(U($).HEADER, void 0, u.key),
+				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)),
+				"data-column-key": s.key,
+				"data-section": G($).HEADER,
+				"aria-colindex": s.colIndex,
+				"aria-sort": G(Ft)(s),
+				tabindex: yr(G($).HEADER, void 0, s.key),
 				scope: "col"
-			}, [u.column ? (F(), v(Ct, {
+			}, [s.column ? (R(), x(Dt, {
 				key: 0,
-				descriptor: u,
-				"sort-direction": U(jt)(u.key),
-				"sort-index": U(Mt)(u.key),
-				"menu-open": Rt.value === u.key,
-				"onUpdate:menuOpen": (e) => Bt(u.key, e),
-				onSortToggle: (e) => U(Nt)(u.key, e),
-				onSortSet: (e) => U(Pt)(u.key, e),
-				onHide: (e) => qt(u.key)
-			}, S({ _: 2 }, [U(V)[`header:${u.key}`] ? {
+				descriptor: s,
+				"sort-direction": G(At)(s.key),
+				"sort-index": G(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),
+				onHide: (e) => qt(s.key)
+			}, T({ _: 2 }, [G(I)[`header:${s.key}`] ? {
 				name: "default",
-				fn: G(() => [R(a.$slots, `header:${u.key}`, k({ ref_for: !0 }, U(Lt)(u)))]),
+				fn: q(() => [V(t.$slots, `header:${s.key}`, M({ ref_for: !0 }, G(It)(s)))]),
 				key: "0"
-			} : void 0, U(V)[`header-menu:${u.key}`] ? {
+			} : void 0, G(I)[`header-menu:${s.key}`] ? {
 				name: "menu",
-				fn: G(() => [R(a.$slots, `header-menu:${u.key}`, k({ ref_for: !0 }, U(Lt)(u)))]),
+				fn: q(() => [V(t.$slots, `header-menu:${s.key}`, M({ ref_for: !0 }, G(It)(s)))]),
 				key: "1"
 			} : void 0]), 1032, [
 				"descriptor",
@@ -3046,34 +3066,34 @@ var J = /* @__PURE__ */ function(e) {
 				"onSortToggle",
 				"onSortSet",
 				"onHide"
-			])) : u.service === U(Ue).CHECKBOX ? (F(), v(Be, {
+			])) : s.service === G(qe).CHECKBOX ? (R(), x(We, {
 				key: 1,
-				class: j(["s-ui-table__header-checkbox", { "s-ui-table__header-checkbox--active": U(Yt) !== U(Z).UNCHECKED }]),
-				"model-value": U(Yt) === U(Z).CHECKED,
-				indeterminate: U(Yt) === U(Z).INDETERMINATE,
-				"screen-reader-label": U(Yt) === U(Z).CHECKED ? U(H)("table.deselectAll") : U(H)("table.selectAll"),
-				"onUpdate:modelValue": l[0] ||= (e) => U(Jt).toggleSelectAll()
+				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()
 			}, null, 8, [
 				"class",
 				"model-value",
 				"indeterminate",
 				"screen-reader-label"
-			])) : u.service === U(Ue).COLUMNS_MANAGER ? (F(), b("div", Fn, [w(U(s), {
-				modelValue: Ht.value,
-				"onUpdate:modelValue": l[1] ||= (e) => Ht.value = e,
-				placement: U(o).BOTTOM_END,
+			])) : s.service === G(qe).COLUMNS_MANAGER ? (R(), C("div", Hn, [D(G(u), {
+				modelValue: Bt.value,
+				"onUpdate:modelValue": n[1] ||= (e) => Bt.value = e,
+				placement: G(l).BOTTOM_END,
 				shift: "",
 				"fit-viewport": ""
 			}, {
-				trigger: G(({ toggle: i }) => [w(U(r), {
+				trigger: q(({ toggle: e }) => [D(G(o), {
 					class: "s-ui-table__columns-manager-button",
-					appearance: U(t).BARE,
-					variant: U(e).NEUTRAL,
-					size: U(n).SMALL,
+					appearance: G(i).BARE,
+					variant: G(r).NEUTRAL,
+					size: G(a).SMALL,
 					icon: "tablePlus",
-					"aria-label": U(H)("table.manageColumns"),
+					"aria-label": G(L)("table.manageColumns"),
 					tabindex: "-1",
-					onClick: (e) => i()
+					onClick: (t) => e()
 				}, null, 8, [
 					"appearance",
 					"variant",
@@ -3081,30 +3101,30 @@ var J = /* @__PURE__ */ function(e) {
 					"aria-label",
 					"onClick"
 				])]),
-				content: G(() => [w(U(c), {
+				content: q(() => [D(G(d), {
 					class: "s-ui-table__columns-menu",
 					width: 300
 				}, {
-					default: G(() => [R(a.$slots, "columns-menu", {
-						columns: Ut.value,
-						isColumnHidden: Wt,
-						toggleColumn: Kt
-					}, () => [(F(!0), b(g, null, L(Gt.value, (e, t) => (F(), b(g, { key: t }, [t > 0 ? (F(), v(U(se), {
+					default: q(() => [V(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), {
 						key: 0,
 						class: "s-ui-table__columns-separator"
-					})) : y("", !0), (F(!0), b(g, null, L(e, (e) => (F(), v(U(h), {
+					})) : S("", !0), (R(!0), C(y, null, B(e, (e) => (R(), x(G(v), {
 						key: e.column.key,
-						class: j(["s-ui-table__columns-item", e.classes]),
-						size: U(m).SMALL,
-						"label-placement": U(p).LEFT,
+						class: P(["s-ui-table__columns-item", e.classes]),
+						size: G(_).SMALL,
+						"label-placement": G(g).LEFT,
 						"model-value": !e.hidden,
-						"onUpdate:modelValue": (t) => Kt(e.column.key)
+						"onUpdate:modelValue": (t) => Gt(e.column.key)
 					}, {
-						default: G(() => [x("span", In, [e.column.icon ? (F(), v(U(oe), {
+						default: q(() => [w("span", Un, [e.column.icon ? (R(), x(G(se), {
 							key: 0,
 							name: e.column.icon,
 							size: 16
-						}, null, 8, ["name"])) : y("", !0), x("span", Ln, B(e.column.title ?? e.column.key), 1)])]),
+						}, null, 8, ["name"])) : S("", !0), w("span", Wn, U(e.column.title ?? e.column.key), 1)])]),
 						_: 2
 					}, 1032, [
 						"class",
@@ -3116,83 +3136,83 @@ var J = /* @__PURE__ */ function(e) {
 					_: 3
 				})]),
 				_: 3
-			}, 8, ["modelValue", "placement"])])) : y("", !0), u.resizable ? (F(), b("span", {
+			}, 8, ["modelValue", "placement"])])) : S("", !0), s.resizable ? (R(), C("span", {
 				key: 3,
-				class: j(["s-ui-table__resize-handle", { "s-ui-table__resize-handle--active": U(tt) === u.key }]),
+				class: P(["s-ui-table__resize-handle", { "s-ui-table__resize-handle--active": G(tt) === s.key }]),
 				role: "separator",
 				"aria-orientation": "vertical",
-				"aria-label": U(H)("table.resizeColumn"),
+				"aria-label": G(L)("table.resizeColumn"),
 				tabindex: "-1",
-				onPointerdown: (e) => U(nt)(e, u.key),
-				onKeydown: (e) => U(rt)(e, u.key),
-				onDblclick: (e) => U(at)(u.key),
-				onClick: l[2] ||= ie(() => {}, ["stop"])
-			}, null, 42, Rn)) : y("", !0)], 14, Pn)) : (F(), b("th", Nn))], 64))), 128))])]),
-			x("tbody", zn, [
-				Et.value ? (F(), b("tr", Bn, [x("td", {
+				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))])]),
+			w("tbody", Kn, [
+				Tt.value ? (R(), C("tr", qn, [w("td", {
 					class: "s-ui-table__empty-cell",
-					colspan: Me.value
-				}, [x("div", Hn, [R(a.$slots, "empty", {}, () => [x("span", Un, B(U(H)("table.empty")), 1)])])], 8, Vn)])) : y("", !0),
-				i.loading ? (F(!0), b(g, { key: 1 }, L(i.skeletonRowCount, (e) => (F(), v($t, {
+					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, {
 					key: `skeleton-${e}`,
-					"leading-plans": U(Y),
-					"trailing-plans": U(Oe)
-				}, S({ _: 2 }, [U(V)["skeleton-row"] ? {
+					"leading-plans": G(Oe),
+					"trailing-plans": G(Y)
+				}, T({ _: 2 }, [G(I)["skeleton-row"] ? {
 					name: "default",
-					fn: G((e) => [R(a.$slots, "skeleton-row", { column: e.descriptor.column })]),
+					fn: q((e) => [V(t.$slots, "skeleton-row", { column: e.descriptor.column })]),
 					key: "0"
-				} : void 0]), 1032, ["leading-plans", "trailing-plans"]))), 128)) : (F(!0), b(g, { key: 2 }, L(on.value, ({ row: o, renderKey: s, spacer: c, spacerHeight: l, rowHeight: u, stuckTop: f, stuckBottom: p, stuckBottomLeaving: m, stuckBottomSliding: h, stuckBottomCoverHeight: _, stuckBottomFar: T, placeholder: D, memoKeys: O }, A, N, P) => {
-					let z = O;
-					if (P && P.el && P.key === s && E(P, z)) return P;
-					let ee = (F(), b(g, { key: s }, [c ? (F(), b("tr", Wn, [x("td", {
+				} : 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", {
 						class: "s-ui-table__spacer-cell",
-						colspan: Me.value,
-						style: M({ height: `${l}px` })
-					}, null, 12, Gn)])) : o && o.kind === U(Q).GROUP ? (F(), v(ht, {
+						colspan: X.value,
+						style: F({ height: `${u}px` })
+					}, null, 12, Qn)])) : n && n.kind === G(Q).GROUP ? (R(), x(yt, {
 						key: 1,
-						id: vn(o.key),
+						id: on(n.key),
 						stuck: f,
-						row: o,
-						"dnd-ref": i.rowsDraggable ? gt : void 0,
-						dragging: U(pt) === o.key,
-						"drop-position": _t(o.key),
-						"row-index": o.index,
-						"leading-plans": U(Y),
-						"trailing-plans": U(Oe),
-						"group-column-key": U(Sn),
-						"tree-indent": i.treeIndent,
-						count: U(Tn)(o),
-						total: U(En)(o),
-						title: U(Dn)(o),
-						expanded: o.expanded,
-						active: d.value === o.key,
+						row: n,
+						"dnd-ref": e.rowsDraggable ? ht : void 0,
+						dragging: G(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),
+						"tree-indent": e.treeIndent,
+						count: G(Cn)(n),
+						total: G(Tn)(n),
+						title: G(Dn)(n),
+						expanded: n.expanded,
+						active: s.value === n.key,
 						"cell-id-prefix": hr,
-						"focus-column-key": _r(o.key),
-						onToggle: (e) => U(xe)(o.key),
-						onRowClick: (e) => or(o, e),
-						onMenuOpen: (e) => I("groupMenuOpen", {
-							key: o.key,
-							item: o.item
+						"focus-column-key": _r(n.key),
+						onToggle: (e) => G(be)(n.key),
+						onRowClick: (e) => or(n, e),
+						onMenuOpen: (e) => j("groupMenuOpen", {
+							key: n.key,
+							item: n.item
 						})
-					}, S({ _: 2 }, [
-						U(V)["group-menu"] ? {
+					}, T({ _: 2 }, [
+						G(I)["group-menu"] ? {
 							name: "menu",
-							fn: G(() => [R(a.$slots, "group-menu", k({ ref_for: !0 }, ar(o)))]),
+							fn: q(() => [V(t.$slots, "group-menu", M({ ref_for: !0 }, ar(n)))]),
 							key: "0"
 						} : void 0,
-						U(V)["group-row"] ? {
+						G(I)["group-row"] ? {
 							name: "row",
-							fn: G(() => [R(a.$slots, "group-row", k({ ref_for: !0 }, ar(o)))]),
+							fn: q(() => [V(t.$slots, "group-row", M({ ref_for: !0 }, ar(n)))]),
 							key: "1"
 						} : void 0,
-						U(V)["group-title"] ? {
+						G(I)["group-title"] ? {
 							name: "title",
-							fn: G(() => [R(a.$slots, "group-title", k({ ref_for: !0 }, ar(o)))]),
+							fn: q(() => [V(t.$slots, "group-title", M({ ref_for: !0 }, ar(n)))]),
 							key: "2"
 						} : void 0,
-						U(V)["group-actions"] ? {
+						G(I)["group-actions"] ? {
 							name: "actions",
-							fn: G(() => [R(a.$slots, "group-actions", k({ ref_for: !0 }, ar(o)))]),
+							fn: q(() => [V(t.$slots, "group-actions", M({ ref_for: !0 }, ar(n)))]),
 							key: "3"
 						} : void 0
 					]), 1032, [
@@ -3216,29 +3236,29 @@ var J = /* @__PURE__ */ function(e) {
 						"onToggle",
 						"onRowClick",
 						"onMenuOpen"
-					])) : o && o.kind === U(Q).DEPTH_FOOTER ? (F(), v(He, {
+					])) : n && n.kind === G(Q).DEPTH_FOOTER ? (R(), x(Ke, {
 						key: 2,
-						class: j(["s-ui-table__depth-footer-row", {
+						class: P(["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": _ !== void 0,
-							"s-ui-table__depth-footer-row--stuck-covered-far": T
+							"s-ui-table__depth-footer-row--stuck-covered": g !== void 0,
+							"s-ui-table__depth-footer-row--stuck-covered-far": _
 						}]),
-						style: M(rn(_)),
-						"data-index": o.index,
-						"aria-rowindex": o.index + 2,
-						cells: U(X),
-						"content-column-key": U(xn),
+						style: F(tn(g)),
+						"data-index": n.index,
+						"aria-rowindex": n.index + 2,
+						cells: G(ke),
+						"content-column-key": G(ln),
 						"cell-class": "s-ui-table__depth-footer-cell",
 						"content-class": "s-ui-table__depth-footer-content",
-						"content-style": U(On)(o.depth),
-						section: U($).BODY,
-						"row-key": o.key,
+						"content-style": G(On)(n.depth),
+						section: G($).BODY,
+						"row-key": n.key,
 						"cell-id-prefix": hr,
-						"focus-column-key": _r(o.key)
+						"focus-column-key": _r(n.key)
 					}, {
-						default: G(() => [R(a.$slots, "depth-footer", k({ ref_for: !0 }, U(Qn)(o)))]),
+						default: q(() => [V(t.$slots, "depth-footer", M({ ref_for: !0 }, G(An)(n)))]),
 						_: 2
 					}, 1032, [
 						"class",
@@ -3251,29 +3271,29 @@ var J = /* @__PURE__ */ function(e) {
 						"section",
 						"row-key",
 						"focus-column-key"
-					])) : o && o.kind === U(Q).LOAD_MORE ? (F(), v(He, {
+					])) : n && n.kind === G(Q).LOAD_MORE ? (R(), x(Ke, {
 						key: 3,
 						class: "s-ui-table__load-more-row",
-						"data-index": o.index,
-						"aria-rowindex": o.index + 2,
-						cells: U(X),
-						"content-column-key": U(wn),
+						"data-index": n.index,
+						"aria-rowindex": n.index + 2,
+						cells: G(ke),
+						"content-column-key": G(pn),
 						"content-class": "s-ui-table__load-more-content",
-						"content-style": U(On)(o.depth),
-						section: U($).BODY,
-						"row-key": o.key,
+						"content-style": G(On)(n.depth),
+						section: G($).BODY,
+						"row-key": n.key,
 						"cell-id-prefix": hr,
-						"focus-column-key": _r(o.key)
+						"focus-column-key": _r(n.key)
 					}, {
-						default: G(() => [R(a.$slots, "load-more", k({ ref_for: !0 }, U(tr)(o)), () => [w(U(r), {
-							appearance: U(t).BARE,
-							variant: U(e).NEUTRAL,
-							size: U(n).SMALL,
-							loading: U($n)(o),
+						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),
 							tabindex: "-1",
-							onClick: (e) => U(er)(o)
+							onClick: (e) => G(Mn)(n)
 						}, {
-							default: G(() => [C(B(U(H)("table.loadMore")), 1)]),
+							default: q(() => [E(U(G(L)("table.loadMore")), 1)]),
 							_: 1
 						}, 8, [
 							"appearance",
@@ -3292,72 +3312,73 @@ var J = /* @__PURE__ */ function(e) {
 						"section",
 						"row-key",
 						"focus-column-key"
-					])) : o && D ? (F(), v(Ot, {
+					])) : n && v ? (R(), x(Mt, {
 						key: 4,
-						"row-index": o.index,
-						"row-key": o.key,
-						cells: U(X),
-						"row-height": u
+						"row-index": n.index,
+						"row-key": n.key,
+						cells: G(ke),
+						"row-height": d
 					}, null, 8, [
 						"row-index",
 						"row-key",
 						"cells",
 						"row-height"
-					])) : o ? (F(), v(Xt, {
+					])) : n ? (R(), x(rn, {
 						key: 5,
-						row: o,
-						"row-index": o.index,
-						"row-expanded": o.expanded,
-						"leading-plans": U(Y),
-						"trailing-plans": U(Oe),
-						"dnd-ref": i.rowsDraggable ? gt : void 0,
-						dragging: U(pt) === o.key,
-						"drop-position": _t(o.key),
-						"placeholder-height": u,
-						"dom-id": vn(o.key),
-						selected: Zt(o.key),
-						indeterminate: Qt(o.key),
-						"row-selectable": i.selectable && U(Jt).isNodeSelectable(o.key),
-						active: d.value === o.key,
-						disabled: tn(o),
-						"tree-indent": i.treeIndent,
-						"row-state": i.rowState?.(o.item),
-						"extra-row-class": i.rowClass?.(o.item, o),
+						row: n,
+						"row-index": n.index,
+						"row-expanded": n.expanded,
+						"leading-plans": G(Oe),
+						"trailing-plans": G(Y),
+						"dnd-ref": e.rowsDraggable ? ht : void 0,
+						dragging: G(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),
+						active: s.value === n.key,
+						disabled: $t(n),
+						"tree-indent": e.treeIndent,
+						"row-state": e.rowState?.(n.item),
+						"row-color": e.rowColor?.(n.item, n),
+						"extra-row-class": e.rowClass?.(n.item, n),
 						"cell-id-prefix": hr,
-						"focus-column-key": _r(o.key),
-						onRowClick: (e) => or(o, e),
-						onRowContextMenu: (e) => sr(o, e),
-						onCellClick: (e, t) => lr(o, e, t),
-						onToggleExpand: (e) => U(xe)(o.key),
-						onToggleSelected: (e) => en(o.key)
-					}, S({ _: 2 }, [
-						L(gn.value, (e) => ({
+						"focus-column-key": _r(n.key),
+						onRowClick: (e) => or(n, e),
+						onRowContextMenu: (e) => sr(n, e),
+						onCellClick: (e, t) => lr(n, e, t),
+						onToggleExpand: (e) => G(be)(n.key),
+						onToggleSelected: (e) => Qt(n.key)
+					}, T({ _: 2 }, [
+						B(an.value, (e) => ({
 							name: e,
-							fn: G((t) => [R(a.$slots, e, k({ ref_for: !0 }, t))])
+							fn: q((n) => [V(t.$slots, e, M({ ref_for: !0 }, n))])
 						})),
-						U(V).chevron ? {
+						G(I).chevron ? {
 							name: "chevron",
-							fn: G((e) => [R(a.$slots, "chevron", k({ ref_for: !0 }, e))]),
+							fn: q((e) => [V(t.$slots, "chevron", M({ ref_for: !0 }, e))]),
 							key: "0"
 						} : void 0,
-						U(V)["cell-actions"] ? {
+						G(I)["cell-actions"] ? {
 							name: "cell-actions",
-							fn: G((e) => [R(a.$slots, "cell-actions", k({ ref_for: !0 }, e))]),
+							fn: q((e) => [V(t.$slots, "cell-actions", M({ ref_for: !0 }, e))]),
 							key: "1"
 						} : void 0,
-						U(V).indicator ? {
+						G(I).indicator ? {
 							name: "indicator",
-							fn: G((e) => [R(a.$slots, "indicator", k({ ref_for: !0 }, e))]),
+							fn: q((e) => [V(t.$slots, "indicator", M({ ref_for: !0 }, e))]),
 							key: "2"
 						} : void 0,
-						U(V).checkbox ? {
+						G(I).checkbox ? {
 							name: "checkbox",
-							fn: G((e) => [R(a.$slots, "checkbox", k({ ref_for: !0 }, e))]),
+							fn: q((e) => [V(t.$slots, "checkbox", M({ ref_for: !0 }, e))]),
 							key: "3"
 						} : void 0,
-						U(V)["right-edge"] ? {
+						G(I)["right-edge"] ? {
 							name: "right-edge",
-							fn: G((e) => [R(a.$slots, "right-edge", k({ ref_for: !0 }, e))]),
+							fn: q((e) => [V(t.$slots, "right-edge", M({ ref_for: !0 }, e))]),
 							key: "4"
 						} : void 0
 					]), 1032, [
@@ -3378,6 +3399,7 @@ var J = /* @__PURE__ */ function(e) {
 						"disabled",
 						"tree-indent",
 						"row-state",
+						"row-color",
 						"extra-row-class",
 						"focus-column-key",
 						"onRowClick",
@@ -3385,32 +3407,32 @@ var J = /* @__PURE__ */ function(e) {
 						"onCellClick",
 						"onToggleExpand",
 						"onToggleSelected"
-					])) : y("", !0)], 64));
-					return ee.memo = z, ee;
-				}, l, 3), 128)),
-				i.loadingMore && !i.loading ? (F(!0), b(g, { key: 3 }, L(Math.min(3, i.skeletonRowCount), (e) => (F(), v($t, {
+					])) : S("", !0)], 64));
+					return H.memo = z, H;
+				}, n, 3), 128)),
+				e.loadingMore && !e.loading ? (R(!0), C(y, { key: 3 }, B(Math.min(3, e.skeletonRowCount), (e) => (R(), x(sn, {
 					key: `skeleton-more-${e}`,
-					"leading-plans": U(Y),
-					"trailing-plans": U(Oe)
-				}, S({ _: 2 }, [U(V)["skeleton-row"] ? {
+					"leading-plans": G(Oe),
+					"trailing-plans": G(Y)
+				}, T({ _: 2 }, [G(I)["skeleton-row"] ? {
 					name: "default",
-					fn: G((e) => [R(a.$slots, "skeleton-row", { column: e.descriptor.column })]),
+					fn: q((e) => [V(t.$slots, "skeleton-row", { column: e.descriptor.column })]),
 					key: "0"
-				} : void 0]), 1032, ["leading-plans", "trailing-plans"]))), 128)) : y("", !0)
+				} : void 0]), 1032, ["leading-plans", "trailing-plans"]))), 128)) : S("", !0)
 			]),
-			i.creationRow || i.footerValues ? (F(), b("tfoot", Kn, [i.creationRow ? (F(), v(He, {
+			e.creationRow || e.footerValues ? (R(), C("tfoot", $n, [e.creationRow ? (R(), x(Ke, {
 				key: 0,
 				class: "s-ui-table__create-row",
-				"aria-rowindex": U(q).length + 2,
-				cells: U(X),
-				"content-column-key": U(Cn),
+				"aria-rowindex": G(J).length + 2,
+				cells: G(ke),
+				"content-column-key": G(dn),
 				"cell-class": "s-ui-table__create-cell",
 				"content-class": "s-ui-table__create-content",
-				section: U($).CREATION,
+				section: G($).CREATION,
 				"cell-id-prefix": gr,
-				"focus-column-key": vr(U($).CREATION)
+				"focus-column-key": vr(G($).CREATION)
 			}, {
-				default: G(() => [R(a.$slots, "creation-row")]),
+				default: q(() => [V(t.$slots, "creation-row")]),
 				_: 3
 			}, 8, [
 				"aria-rowindex",
@@ -3418,33 +3440,33 @@ var J = /* @__PURE__ */ function(e) {
 				"content-column-key",
 				"section",
 				"focus-column-key"
-			])) : y("", !0), i.footerValues ? (F(), b("tr", {
+			])) : S("", !0), e.footerValues ? (R(), C("tr", {
 				key: 1,
 				class: "s-ui-table__aggregate-row",
-				"aria-rowindex": U(q).length + 2 + +!!i.creationRow
-			}, [(F(!0), b(g, null, L(U(X), ({ key: e, cellPlan: t }) => (F(), b(g, { key: e }, [t ? (F(), b("td", {
+				"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", {
 				key: 1,
 				id: pr({
-					section: U($).AGGREGATE,
-					columnKey: t.descriptor.key
+					section: G($).AGGREGATE,
+					columnKey: n.descriptor.key
 				}),
-				class: j(["s-ui-table__aggregate-cell", [t.cellClass, U(rr)(t.descriptor.key)]]),
-				style: M(t.style),
-				"aria-colindex": t.descriptor.colIndex,
-				"data-column-key": t.descriptor.key,
-				"data-section": U($).AGGREGATE,
-				tabindex: yr(U($).AGGREGATE, void 0, t.descriptor.key)
-			}, [t.descriptor.column ? (F(), b(g, { key: 0 }, [U(V)[`footer:${t.descriptor.key}`] ? R(a.$slots, `footer:${t.descriptor.key}`, k({
+				class: P(["s-ui-table__aggregate-cell", [n.cellClass, G(Fn)(n.descriptor.key)]]),
+				style: F(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({
 				key: 0,
 				ref_for: !0
-			}, U(ir)(t.descriptor.key))) : (F(), b("span", Xn, B(U(nr)(t.descriptor.key)), 1))], 64)) : y("", !0)], 14, Yn)) : (F(), b("td", Jn))], 64))), 128))], 8, qn)) : y("", !0)])) : y("", !0)
-		], 44, An)], 4), U(ut) ? (F(), b("div", {
+			}, 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", {
 			key: 0,
 			class: "s-ui-table__column-drop-line",
-			style: M(U(ut)),
+			style: F(G(lt)),
 			"aria-hidden": "true"
-		}, null, 4)) : y("", !0)], 6));
+		}, null, 4)) : S("", !0)], 6));
 	}
 });
 //#endregion
-export { J as a, ke as c, Ae as d, Y as f, De as i, Q as l, X as n, je as o, Z as r, Me as s, Zn as t, Oe as u };
+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 };