comins-table 0.1.4 → 0.1.6

package/dist/index.js

@@ -1,92 +1,49 @@
-import { addCominsRows as e, applyCominsColumnLayout as t, clearCominsCellRange as n, clearCominsSelection as r, clearCominsSortState as i, copyCominsCell as a, copyCominsCellRange as o, copyCominsRow as s, createCominsTableState as c, deleteCominsRows as l, exportCominsRowsToCsv as u, exportCominsRowsToJson as d, fillCominsCellRange as f, formatCominsCellValue as p, getCominsCellClassName as m, getCominsCellStyle as h, getCominsCellValue as g, getCominsHeaderRows as ee, getCominsPageRows as _, getCominsSelectedCellRange as te, getCominsSortedRowIndexes as v, getCominsVirtualRows as y, getCominsVisibleColumns as ne, isCominsCellDisabled as b, isCominsCellInSelectedRange as x, isCominsCellSelected as S, isCominsRowSelected as re, moveCominsColumn as ie, moveCominsColumnGroup as C, moveCominsRow as w, pasteCominsCell as ae, pasteCominsCellRange as oe, pasteCominsRow as se, queryCominsRows as ce, replaceCominsRows as le, selectCell as ue, selectCellRange as de, selectRow as T, selectRows as fe, serializeCominsColumnLayout as pe, setCominsColumnGroupHidden as me, setCominsColumnGroupWidth as he, setCominsColumnHidden as ge, setCominsColumnWidth as _e, setCominsHeaderVisible as ve, setCominsPagination as ye, setCominsSortModel as be, setCominsSortState as xe, setCominsTableTheme as Se, sortCominsRows as Ce, updateCominsRows as we } from "./core.js";
-import { Fragment as Te, createContext as Ee, createElement as De, forwardRef as Oe, useContext as ke, useEffect as E, useId as Ae, useImperativeHandle as je, useLayoutEffect as Me, useMemo as D, useRef as O, useState as k } from "react";
+import { addCominsRows as e, applyCominsColumnLayout as t, clearCominsCellRange as n, clearCominsSelection as r, clearCominsSortState as i, copyCominsCell as a, copyCominsCellRange as o, copyCominsRow as s, createCominsTableState as c, deleteCominsRows as l, exportCominsRowsToCsv as u, exportCominsRowsToJson as d, fillCominsCellRange as f, formatCominsCellValue as p, getCominsCellClassName as m, getCominsCellStyle as h, getCominsCellValue as g, getCominsHeaderRows as _, getCominsPageRows as v, getCominsSelectedCellRange as y, getCominsSortedRowIndexes as b, getCominsVirtualRows as ee, getCominsVisibleColumns as te, isCominsCellDisabled as ne, isCominsCellInSelectedRange as re, isCominsCellSelected as ie, isCominsRowSelected as x, moveCominsColumn as S, moveCominsColumnGroup as C, moveCominsRow as w, pasteCominsCell as ae, pasteCominsCellRange as T, pasteCominsRow as oe, queryCominsRows as se, replaceCominsRows as ce, selectCell as le, selectCellRange as ue, selectRow as de, selectRows as fe, serializeCominsColumnLayout as pe, setCominsColumnGroupHidden as me, setCominsColumnGroupWidth as he, setCominsColumnHidden as ge, setCominsColumnWidth as _e, setCominsHeaderVisible as ve, setCominsPagination as ye, setCominsSortModel as be, setCominsSortState as xe, setCominsTableTheme as Se, sortCominsRows as Ce, updateCominsRows as we } from "./core.js";
+import * as Te from "react";
+import { Fragment as Ee, createElement as De, forwardRef as Oe, isValidElement as ke, useEffect as E, useId as Ae, useImperativeHandle as je, useLayoutEffect as Me, useMemo as D, useRef as O, useState as k } from "react";
 import { jsx as A, jsxs as j } from "react/jsx-runtime";
-//#region node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.mjs
-var Ne = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), Pe = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Fe = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), Ie = (e) => {
-	let t = Fe(e);
-	return t.charAt(0).toUpperCase() + t.slice(1);
-}, M = {
-	xmlns: "http://www.w3.org/2000/svg",
-	width: 24,
-	height: 24,
-	viewBox: "0 0 24 24",
-	fill: "none",
-	stroke: "currentColor",
-	strokeWidth: 2,
-	strokeLinecap: "round",
-	strokeLinejoin: "round"
-}, Le = (e) => {
-	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
-	return !1;
-}, Re = Ee({}), ze = () => ke(Re), N = Oe(({ color: e, size: t, strokeWidth: n, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: o, ...s }, c) => {
-	let { size: l = 24, strokeWidth: u = 2, absoluteStrokeWidth: d = !1, color: f = "currentColor", className: p = "" } = ze() ?? {}, m = r ?? d ? Number(n ?? u) * 24 / Number(t ?? l) : n ?? u;
-	return De("svg", {
-		ref: c,
-		...M,
-		width: t ?? l ?? M.width,
-		height: t ?? l ?? M.height,
-		stroke: e ?? f,
-		strokeWidth: m,
-		className: Ne("lucide", p, i),
-		...!a && !Le(s) && { "aria-hidden": "true" },
-		...s
-	}, [...o.map(([e, t]) => De(e, t)), ...Array.isArray(a) ? a : [a]]);
-}), Be = ((e, t) => {
-	let n = Oe(({ className: n, ...r }, i) => De(N, {
-		ref: i,
-		iconNode: t,
-		className: Ne(`lucide-${Pe(Ie(e))}`, `lucide-${e}`, n),
-		...r
-	}));
-	return n.displayName = Ie(e), n;
-})("arrow-up", [["path", {
-	d: "m5 12 7-7 7 7",
-	key: "hav0vg"
-}], ["path", {
-	d: "M12 19V5",
-	key: "x0mq9r"
-}]]);
-function Ve({ clientX: e, clientY: t, startX: n, startY: r }) {
+import { CaretSortIcon as Ne, ChevronRightIcon as Pe, DragHandleDots2Icon as Fe, ThickArrowDownIcon as Ie, ThickArrowUpIcon as Le } from "@radix-ui/react-icons";
+function Re({ clientX: e, clientY: t, startX: n, startY: r }) {
 	let i = Math.abs(e - n), a = Math.abs(t - r);
 	return i >= 6 && i > a ? "activate" : a >= 6 && a >= i ? "cancel" : "pending";
 }
 //#endregion
 //#region src/component-renderer.tsx
-function P(...e) {
+function M(...e) {
 	return e.filter(Boolean).join(" ");
 }
-function F(e, t) {
+function N(e, t) {
 	return typeof e == "function" ? e(t) : e ?? {};
 }
-function He(e, t) {
+function ze(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function Ue(e, t) {
+function Be(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function I(e, t) {
+function Ve(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function We(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : Array.isArray(e) ? e.map(We).join(" ") : "";
+function He(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : Array.isArray(e) ? e.map(He).join(" ") : "";
 }
-function L(e) {
+function Ue(e) {
 	return e.type !== "divider" && e.type !== "label";
 }
-function R(e, t) {
+function We(e, t) {
 	return !!(e && t instanceof Node && e.contains(t));
 }
-function z(e) {
+function P(e) {
 	e.stopPropagation();
 }
-function B(e) {
+function F(e) {
 	e.preventDefault(), e.stopPropagation();
 }
 function Ge(e) {
 	return e == null ? "" : String(e);
 }
-function V({ component: e, payload: t }) {
-	let n = F(e.props, t), { defaultValue: r, onBlur: i, onChange: a, onClick: o, onKeyDown: s, onMouseDown: c, onPointerDown: l, value: u, ...d } = n, f = Ge(u ?? r), [p, m] = k(f), h = O(f);
+function Ke({ component: e, payload: t }) {
+	let n = N(e.props, t), { defaultValue: r, onBlur: i, onChange: a, onClick: o, onKeyDown: s, onMouseDown: c, onPointerDown: l, value: u, ...d } = n, f = Ge(u ?? r), [p, m] = k(f), h = O(f);
 	E(() => {
 		m(f), h.current = f;
 	}, [f]);
@@ -102,53 +59,53 @@ function V({ component: e, payload: t }) {
 	};
 	return /* @__PURE__ */ A("input", {
 		...d,
-		className: P("comins-table__component", "comins-table__component-input", n.className),
+		className: M("comins-table__component", "comins-table__component-input", n.className),
 		onBlur: (e) => {
-			i?.(e), z(e), g(e);
+			i?.(e), P(e), g(e);
 		},
 		onChange: (e) => {
-			z(e), m(e.currentTarget.value);
+			P(e), m(e.currentTarget.value);
 		},
 		onClick: (e) => {
-			o?.(e), z(e);
+			o?.(e), P(e);
 		},
 		onKeyDown: (e) => {
-			s?.(e), z(e), e.key === "Enter" && (e.preventDefault(), g(e), e.currentTarget.blur());
+			s?.(e), P(e), e.key === "Enter" && (e.preventDefault(), g(e), e.currentTarget.blur());
 		},
 		onMouseDown: (e) => {
-			c?.(e), z(e);
+			c?.(e), P(e);
 		},
 		onPointerDown: (e) => {
-			l?.(e), z(e);
+			l?.(e), P(e);
 		},
 		value: p
 	});
 }
-function Ke({ component: e, payload: t }) {
-	let n = F(e.props, t), { checked: r, defaultChecked: i, onChange: a, onClick: o, onKeyDown: s, onMouseDown: c, onPointerDown: l, style: u, ...d } = n, [f, p] = k(!!(r ?? i));
+function qe({ component: e, payload: t }) {
+	let n = N(e.props, t), { checked: r, defaultChecked: i, onChange: a, onClick: o, onKeyDown: s, onMouseDown: c, onPointerDown: l, style: u, ...d } = n, [f, p] = k(!!(r ?? i));
 	return E(() => {
 		r !== void 0 && p(!!r);
 	}, [r]), /* @__PURE__ */ A("input", {
 		...d,
 		checked: f,
-		className: P("comins-table__component", "comins-table__component-checkbox", n.className),
+		className: M("comins-table__component", "comins-table__component-checkbox", n.className),
 		onClick: (e) => {
-			o?.(e), z(e);
+			o?.(e), P(e);
 		},
 		onChange: (n) => {
-			a?.(n), z(n), p(n.currentTarget.checked), e.onCheckedChange?.({
+			a?.(n), P(n), p(n.currentTarget.checked), e.onCheckedChange?.({
 				...t,
 				checked: n.currentTarget.checked
 			});
 		},
 		onKeyDown: (e) => {
-			s?.(e), z(e);
+			s?.(e), P(e);
 		},
 		onMouseDown: (e) => {
-			c?.(e), z(e);
+			c?.(e), P(e);
 		},
 		onPointerDown: (e) => {
-			l?.(e), z(e);
+			l?.(e), P(e);
 		},
 		style: {
 			height: 20,
@@ -158,8 +115,8 @@ function Ke({ component: e, payload: t }) {
 		type: "checkbox"
 	});
 }
-function qe({ component: e, payload: t }) {
-	let { checked: n, ...r } = F(e.props, t), { onClick: i, onKeyDown: a, onMouseDown: o, onPointerDown: s, ...c } = r, [l, u] = k(!!n);
+function Je({ component: e, payload: t }) {
+	let { checked: n, ...r } = N(e.props, t), { onClick: i, onKeyDown: a, onMouseDown: o, onPointerDown: s, ...c } = r, [l, u] = k(!!n);
 	E(() => {
 		n !== void 0 && u(!!n);
 	}, [n]);
@@ -167,9 +124,9 @@ function qe({ component: e, payload: t }) {
 	return /* @__PURE__ */ A("button", {
 		...c,
 		"aria-pressed": l,
-		className: P("comins-table__component", "comins-table__component-toggle", r.className),
+		className: M("comins-table__component", "comins-table__component-toggle", r.className),
 		onClick: (n) => {
-			i?.(n), z(n);
+			i?.(n), P(n);
 			let r = !l;
 			u(r), e.onCheckedChange?.({
 				...t,
@@ -177,24 +134,24 @@ function qe({ component: e, payload: t }) {
 			});
 		},
 		onKeyDown: (e) => {
-			a?.(e), z(e);
+			a?.(e), P(e);
 		},
 		onMouseDown: (e) => {
-			o?.(e), z(e);
+			o?.(e), P(e);
 		},
 		onPointerDown: (e) => {
-			s?.(e), z(e);
+			s?.(e), P(e);
 		},
 		type: r.type ?? "button",
 		children: d
 	});
 }
-function Je({ component: e, payload: t }) {
+function Ye({ component: e, payload: t }) {
 	let [n, r] = k(!1), i = Ae(), a = O(null), o = O(null), [s, c] = k({
 		left: 0,
 		position: "fixed",
 		top: 0
-	}), l = F(e.props, t), u = D(() => Ue(e.items, t), [e.items, t]), d = () => {
+	}), l = N(e.props, t), u = D(() => Be(e.items, t), [e.items, t]), d = () => {
 		let e = a.current;
 		if (!e || typeof window > "u") return;
 		let t = e.getBoundingClientRect(), n = Math.max(o.current?.offsetWidth ?? 136, 136);
@@ -218,7 +175,7 @@ function Je({ component: e, payload: t }) {
 	E(() => {
 		if (!n) return;
 		let e = (e) => {
-			R(a.current, e.target) || R(o.current, e.target) || f(!1, e);
+			We(a.current, e.target) || We(o.current, e.target) || f(!1, e);
 		}, t = (e) => {
 			e.key === "Escape" && (f(!1, e), a.current?.focus());
 		};
@@ -249,16 +206,16 @@ function Je({ component: e, payload: t }) {
 			className: "comins-table__component-menu-item",
 			disabled: n.disabled,
 			onClick: (r) => {
-				B(r), !(n.disabled || !L(n)) && (f(!1, r), e.onSelect?.({
+				F(r), !(n.disabled || !Ue(n)) && (f(!1, r), e.onSelect?.({
 					...t,
 					event: r,
 					item: n,
 					value: n.value
 				}));
 			},
-			onKeyDown: z,
-			onMouseDown: z,
-			onPointerDown: z,
+			onKeyDown: P,
+			onMouseDown: P,
+			onPointerDown: P,
 			role: "menuitem",
 			type: "button",
 			children: n.label
@@ -272,20 +229,20 @@ function Je({ component: e, payload: t }) {
 			"aria-expanded": n,
 			"aria-haspopup": "menu",
 			"aria-label": l["aria-label"] ?? "Header menu",
-			className: P("comins-table__component-menu-trigger", l.className),
+			className: M("comins-table__component-menu-trigger", l.className),
 			onClick: (e) => {
-				B(e), f(!n, e);
+				F(e), f(!n, e);
 			},
 			onKeyDown: (e) => {
 				if (l.onKeyDown?.(e), e.key === "Escape" && n) {
-					B(e), f(!1, e);
+					F(e), f(!1, e);
 					return;
 				}
-				z(e);
+				P(e);
 			},
-			onMouseDown: z,
+			onMouseDown: P,
 			onPointerDown: (e) => {
-				l.onPointerDown?.(e), z(e);
+				l.onPointerDown?.(e), P(e);
 			},
 			ref: a,
 			type: l.type ?? "button",
@@ -293,28 +250,28 @@ function Je({ component: e, payload: t }) {
 		}), p]
 	});
 }
-function H({ component: e, interaction: t, payload: n }) {
-	let { height: r, itemHeight: i, limit: a, more: o = !1, searchable: s = !1, style: c, ...l } = F(e.props, n), u = D(() => I(e.items, n), [e.items, n]), d = Math.max(1, Number(a ?? 5)), f = Math.max(1, Number(i ?? 28)), p = f * 5, m = r !== void 0 || c?.height !== void 0, [h, g] = k(""), [ee, _] = k(!1), [te, v] = k(0), [y, ne] = k(null), [b, x] = k(p), S = O(null), re = n.row.selected && n.selection.selectedRowCount === 1, ie = !!(s && re), C = ie ? h : "";
+function Xe({ component: e, interaction: t, payload: n }) {
+	let { height: r, itemHeight: i, limit: a, more: o = !1, searchable: s = !1, style: c, ...l } = N(e.props, n), u = D(() => Ve(e.items, n), [e.items, n]), d = Math.max(1, Number(a ?? 5)), f = Math.max(1, Number(i ?? 28)), p = f * 5, m = r !== void 0 || c?.height !== void 0, [h, g] = k(""), [_, v] = k(!1), [y, b] = k(0), [ee, te] = k(null), [ne, re] = k(p), ie = O(null), x = n.row.selected && n.selection.selectedRowCount === 1, S = !!(s && x), C = S ? h : "";
 	E(() => {
-		_(!1), v(0);
+		v(!1), b(0);
 	}, [u.length, d]), Me(() => {
-		let e = S.current;
+		let e = ie.current;
 		if (!e) return;
 		let t = e.clientHeight > 0 ? e.clientHeight : p;
-		x(m ? t : Math.min(t, p));
+		re(m ? t : Math.min(t, p));
 	}, [
 		p,
-		ee,
+		_,
 		C,
 		m
 	]), E(() => {
-		let e = S.current;
-		e && (e.scrollTop = 0, v(0));
+		let e = ie.current;
+		e && (e.scrollTop = 0, b(0));
 	}, [C]), E(() => {
-		if (re) return;
-		let e = S.current;
-		e && (e.scrollTop = 0), _(!1), g(""), v(0);
-	}, [re]);
+		if (x) return;
+		let e = ie.current;
+		e && (e.scrollTop = 0), v(!1), g(""), b(0);
+	}, [x]);
 	let w = D(() => {
 		let t = C.trim().toLowerCase();
 		return u.map((e, t) => ({
@@ -324,12 +281,12 @@ function H({ component: e, interaction: t, payload: n }) {
 			item: n,
 			itemIndex: r,
 			value: C
-		}) : We(n.label).toLowerCase().includes(t) : !0);
+		}) : He(n.label).toLowerCase().includes(t) : !0);
 	}, [
 		C,
 		e,
 		u
-	]), ae = w.length > d, oe = !!(re && (ee || C.trim().length > 0 || !o && ae)), se = ae && !oe, ce = ie && !ee ? 0 : 2, le = Math.max(f, m ? b || p : Math.min(b || p, p)), ue = Math.max(0, Math.floor(Math.max(0, te) / f) - ce), de = Math.min(w.length, Math.ceil((Math.max(0, te) + le) / f) + ce), T = oe ? w.slice(ue, de) : w.slice(0, ae ? d : w.length), fe = oe ? ue * f : 0, pe = oe ? Math.max(0, w.length - de) * f : 0, me = `${String(n.row.id)}-${n.column.id}`, he = {
+	]), ae = w.length > d, T = !!(x && (_ || C.trim().length > 0 || !o && ae)), oe = ae && !T, se = S && !_ ? 0 : 2, ce = Math.max(f, m ? ne || p : Math.min(ne || p, p)), le = Math.max(0, Math.floor(Math.max(0, y) / f) - se), ue = Math.min(w.length, Math.ceil((Math.max(0, y) + ce) / f) + se), de = T ? w.slice(le, ue) : w.slice(0, ae ? d : w.length), fe = T ? le * f : 0, pe = T ? Math.max(0, w.length - ue) * f : 0, me = `${String(n.row.id)}-${n.column.id}`, he = {
 		...c,
 		"--comins-table-virtual-list-item-height": `${f}px`,
 		height: r ?? c?.height ?? p
@@ -337,7 +294,7 @@ function H({ component: e, interaction: t, payload: n }) {
 		r.disabled || t?.requestRowSelection?.({
 			event: a,
 			mode: "row-click"
-		}) !== !1 && (ne(r.value), e.onClickItem?.({
+		}) !== !1 && (te(r.value), e.onClickItem?.({
 			...n,
 			event: a,
 			item: r,
@@ -348,50 +305,50 @@ function H({ component: e, interaction: t, payload: n }) {
 	return /* @__PURE__ */ j("div", {
 		...l,
 		"aria-label": l["aria-label"] ?? "Virtual list",
-		className: P("comins-table__component", "comins-table__component-virtual-list", l.className),
-		"data-comins-virtual-list-expanded": oe ? "true" : void 0,
-		"data-comins-virtual-list-visible-count": T.length,
+		className: M("comins-table__component", "comins-table__component-virtual-list", l.className),
+		"data-comins-virtual-list-expanded": T ? "true" : void 0,
+		"data-comins-virtual-list-visible-count": de.length,
 		"data-testid": `virtual-list-${me}`,
 		onClick: (e) => {
-			l.onClick?.(e), z(e);
+			l.onClick?.(e), P(e);
 		},
-		onKeyDown: z,
-		onMouseDown: z,
-		onContextMenu: z,
-		onDoubleClick: z,
-		onMouseUp: z,
-		onPointerUp: z,
-		onPointerMove: z,
-		onPointerEnter: z,
-		onMouseOver: z,
-		onMouseOut: z,
-		onPointerLeave: z,
-		onBlur: z,
-		onFocus: z,
-		onInput: z,
-		onChange: z,
-		onMouseMove: z,
-		onMouseEnter: z,
-		onMouseLeave: z,
-		onTouchStart: z,
-		onTouchMove: z,
-		onTouchEnd: z,
+		onKeyDown: P,
+		onMouseDown: P,
+		onContextMenu: P,
+		onDoubleClick: P,
+		onMouseUp: P,
+		onPointerUp: P,
+		onPointerMove: P,
+		onPointerEnter: P,
+		onMouseOver: P,
+		onMouseOut: P,
+		onPointerLeave: P,
+		onBlur: P,
+		onFocus: P,
+		onInput: P,
+		onChange: P,
+		onMouseMove: P,
+		onMouseEnter: P,
+		onMouseLeave: P,
+		onTouchStart: P,
+		onTouchMove: P,
+		onTouchEnd: P,
 		onWheel: (e) => {
-			l.onWheel?.(e), z(e);
+			l.onWheel?.(e), P(e);
 		},
 		onPointerDown: (e) => {
-			l.onPointerDown?.(e), z(e);
+			l.onPointerDown?.(e), P(e);
 		},
 		role: "listbox",
 		style: he,
 		children: [/* @__PURE__ */ j("div", {
 			className: "comins-table__component-virtual-list-items",
 			onScroll: (e) => {
-				z(e), v(e.currentTarget.scrollTop);
+				P(e), b(e.currentTarget.scrollTop);
 				let t = e.currentTarget.clientHeight > 0 ? e.currentTarget.clientHeight : p;
-				x(m ? t : Math.min(t, p));
+				re(m ? t : Math.min(t, p));
 			},
-			ref: S,
+			ref: ie,
 			role: "presentation",
 			children: [
 				fe > 0 ? /* @__PURE__ */ A("span", {
@@ -399,16 +356,16 @@ function H({ component: e, interaction: t, payload: n }) {
 					className: "comins-table__component-virtual-list-spacer",
 					style: { height: fe }
 				}) : null,
-				T.map(({ item: t, itemIndex: r }) => /* @__PURE__ */ A("button", {
-					"aria-selected": y === t.value,
+				de.map(({ item: t, itemIndex: r }) => /* @__PURE__ */ A("button", {
+					"aria-selected": ee === t.value,
 					className: "comins-table__component-virtual-list-item",
 					"data-comins-virtual-list-item": "true",
 					disabled: t.disabled,
 					onClick: (e) => {
-						B(e), ge(t, r, e);
+						F(e), ge(t, r, e);
 					},
 					onContextMenu: (i) => {
-						z(i), !t.disabled && e.onContextMenuItem?.({
+						P(i), !t.disabled && e.onContextMenuItem?.({
 							...n,
 							event: i,
 							item: t,
@@ -417,10 +374,10 @@ function H({ component: e, interaction: t, payload: n }) {
 						});
 					},
 					onKeyDown: (e) => {
-						z(e), (e.key === "Enter" || e.key === " " || e.key === "Spacebar") && (e.preventDefault(), ge(t, r, e));
+						P(e), (e.key === "Enter" || e.key === " " || e.key === "Spacebar") && (e.preventDefault(), ge(t, r, e));
 					},
-					onMouseDown: z,
-					onPointerDown: z,
+					onMouseDown: P,
+					onPointerDown: P,
 					role: "option",
 					type: "button",
 					children: /* @__PURE__ */ A("span", {
@@ -437,106 +394,106 @@ function H({ component: e, interaction: t, payload: n }) {
 		}), /* @__PURE__ */ j("div", {
 			className: "comins-table__component-virtual-list-controls",
 			children: [o && ae ? /* @__PURE__ */ A("button", {
-				"aria-expanded": oe,
+				"aria-expanded": T,
 				"aria-label": "전체 목록 보기",
 				className: "comins-table__component-virtual-list-overflow comins-table__component-virtual-list-more",
 				"data-testid": `virtual-list-overflow-${me}`,
 				onClick: (e) => {
-					B(e), t?.requestRowSelection?.({
+					F(e), t?.requestRowSelection?.({
 						event: e,
 						mode: "exclusive"
-					}) !== !1 && _(!0);
+					}) !== !1 && v(!0);
 				},
-				onKeyDown: z,
-				onMouseDown: z,
-				onPointerDown: z,
+				onKeyDown: P,
+				onMouseDown: P,
+				onPointerDown: P,
 				type: "button",
 				children: "..."
-			}) : se ? /* @__PURE__ */ A("span", {
+			}) : oe ? /* @__PURE__ */ A("span", {
 				"aria-hidden": "true",
 				className: "comins-table__component-virtual-list-overflow comins-table__component-virtual-list-more",
 				"data-testid": `virtual-list-overflow-${me}`,
 				children: "..."
-			}) : null, ie ? /* @__PURE__ */ A("input", {
+			}) : null, S ? /* @__PURE__ */ A("input", {
 				"aria-label": `${l["aria-label"] ?? "Virtual list"} 검색`,
 				className: "comins-table__component-virtual-list-search",
 				"data-testid": `virtual-list-search-${me}`,
 				onChange: (e) => {
-					z(e), g(e.currentTarget.value);
+					P(e), g(e.currentTarget.value);
 				},
-				onClick: z,
-				onKeyDown: z,
-				onMouseDown: z,
-				onPointerDown: z,
+				onClick: P,
+				onKeyDown: P,
+				onMouseDown: P,
+				onPointerDown: P,
 				placeholder: "검색",
 				value: h
 			}) : null]
 		})]
 	});
 }
-function Ye(e, t, n) {
-	if (e.type === "menu") return /* @__PURE__ */ A(Je, {
+function Ze(e, t, n) {
+	if (e.type === "menu") return /* @__PURE__ */ A(Ye, {
 		component: e,
 		payload: t
 	});
-	if (e.type === "virtual-list") return /* @__PURE__ */ A(H, {
+	if (e.type === "virtual-list") return /* @__PURE__ */ A(Xe, {
 		component: e,
 		interaction: n,
 		payload: t
 	});
 	if (e.type === "button") {
-		let n = F(e.props, t), { onClick: r, onKeyDown: i, onMouseDown: a, onPointerDown: o, ...s } = n;
+		let n = N(e.props, t), { onClick: r, onKeyDown: i, onMouseDown: a, onPointerDown: o, ...s } = n;
 		return /* @__PURE__ */ A("button", {
 			...s,
-			className: P("comins-table__component", "comins-table__component-button", n.className),
+			className: M("comins-table__component", "comins-table__component-button", n.className),
 			onClick: (n) => {
-				r?.(n), z(n), e.onClick?.({
+				r?.(n), P(n), e.onClick?.({
 					...t,
 					event: n
 				});
 			},
 			onKeyDown: (e) => {
-				i?.(e), z(e);
+				i?.(e), P(e);
 			},
 			onMouseDown: (e) => {
-				a?.(e), z(e);
+				a?.(e), P(e);
 			},
 			onPointerDown: (e) => {
-				o?.(e), z(e);
+				o?.(e), P(e);
 			},
 			type: n.type ?? "button"
 		});
 	}
-	if (e.type === "input") return /* @__PURE__ */ A(V, {
+	if (e.type === "input") return /* @__PURE__ */ A(Ke, {
 		component: e,
 		payload: t
 	});
-	if (e.type === "checkbox") return /* @__PURE__ */ A(Ke, {
+	if (e.type === "checkbox") return /* @__PURE__ */ A(qe, {
 		component: e,
 		payload: t
 	});
 	if (e.type === "select") {
-		let n = F(e.props, t), r = He(e.options, t), { onChange: i, onClick: a, onKeyDown: o, onMouseDown: s, onPointerDown: c, ...l } = n;
+		let n = N(e.props, t), r = ze(e.options, t), { onChange: i, onClick: a, onKeyDown: o, onMouseDown: s, onPointerDown: c, ...l } = n;
 		return /* @__PURE__ */ A("select", {
 			...l,
-			className: P("comins-table__component", "comins-table__component-select", n.className),
+			className: M("comins-table__component", "comins-table__component-select", n.className),
 			onClick: (e) => {
-				a?.(e), z(e);
+				a?.(e), P(e);
 			},
 			onChange: (n) => {
-				i?.(n), z(n), e.onValueChange?.({
+				i?.(n), P(n), e.onValueChange?.({
 					...t,
 					value: n.currentTarget.value
 				});
 			},
 			onKeyDown: (e) => {
-				o?.(e), z(e);
+				o?.(e), P(e);
 			},
 			onMouseDown: (e) => {
-				s?.(e), z(e);
+				s?.(e), P(e);
 			},
 			onPointerDown: (e) => {
-				c?.(e), z(e);
+				c?.(e), P(e);
 			},
 			children: r.map((e) => /* @__PURE__ */ A("option", {
 				disabled: e.disabled,
@@ -546,40 +503,40 @@ function Ye(e, t, n) {
 		});
 	}
 	if (e.type === "radio") {
-		let n = F(e.props, t), r = He(e.options, t), i = n.value ?? ("value" in t ? t.value : void 0), a = "row" in t ? `${t.column.id}-${String(t.row.id)}-radio` : `${t.column.id}-header-radio`, { value: o, ...s } = n;
+		let n = N(e.props, t), r = ze(e.options, t), i = n.value ?? ("value" in t ? t.value : void 0), a = "row" in t ? `${t.column.id}-${String(t.row.id)}-radio` : `${t.column.id}-header-radio`, { value: o, ...s } = n;
 		return /* @__PURE__ */ A("div", {
 			...s,
-			className: P("comins-table__component", "comins-table__component-radio", s.className),
+			className: M("comins-table__component", "comins-table__component-radio", s.className),
 			onClick: (e) => {
-				s.onClick?.(e), z(e);
+				s.onClick?.(e), P(e);
 			},
 			onKeyDown: (e) => {
-				s.onKeyDown?.(e), z(e);
+				s.onKeyDown?.(e), P(e);
 			},
 			onMouseDown: (e) => {
-				s.onMouseDown?.(e), z(e);
+				s.onMouseDown?.(e), P(e);
 			},
 			onPointerDown: (e) => {
-				s.onPointerDown?.(e), z(e);
+				s.onPointerDown?.(e), P(e);
 			},
 			role: "radiogroup",
 			children: r.map((n) => /* @__PURE__ */ j("label", {
-				onClick: z,
-				onMouseDown: z,
+				onClick: P,
+				onMouseDown: P,
 				children: [/* @__PURE__ */ A("input", {
 					checked: i === void 0 ? void 0 : String(i) === String(n.value),
 					disabled: n.disabled,
 					name: a,
-					onClick: z,
+					onClick: P,
 					onChange: (r) => {
-						z(r), r.currentTarget.checked && e.onValueChange?.({
+						P(r), r.currentTarget.checked && e.onValueChange?.({
 							...t,
 							value: String(n.value)
 						});
 					},
-					onKeyDown: z,
-					onMouseDown: z,
-					onPointerDown: z,
+					onKeyDown: P,
+					onMouseDown: P,
+					onPointerDown: P,
 					style: {
 						height: 20,
 						width: 20
@@ -590,49 +547,134 @@ function Ye(e, t, n) {
 			}, String(n.value)))
 		});
 	}
-	if (e.type === "toggle") return /* @__PURE__ */ A(qe, {
+	if (e.type === "toggle") return /* @__PURE__ */ A(Je, {
 		component: e,
 		payload: t
 	});
-	let r = F(e.props, t), i = Number(r.value ?? 0), a = Math.max(1, Number(r.max ?? 100)), o = Math.max(0, Math.min(100, i / a * 100));
+	let r = N(e.props, t), i = Number(r.value ?? 0), a = Math.max(1, Number(r.max ?? 100)), o = Math.max(0, Math.min(100, i / a * 100));
 	return /* @__PURE__ */ A("div", {
 		...r,
 		"aria-valuemax": a,
 		"aria-valuemin": 0,
 		"aria-valuenow": i,
-		className: P("comins-table__component", "comins-table__component-progress", r.className),
-		onClick: z,
-		onKeyDown: z,
-		onMouseDown: z,
-		onPointerDown: z,
+		className: M("comins-table__component", "comins-table__component-progress", r.className),
+		onClick: P,
+		onKeyDown: P,
+		onMouseDown: P,
+		onPointerDown: P,
 		role: "progressbar",
 		children: /* @__PURE__ */ A("span", { style: { width: `${o}%` } })
 	});
 }
 //#endregion
+//#region src/table-icons.tsx
+var I = {
+	columnMove: Fe,
+	disclosureCollapsed: Pe,
+	disclosureExpanded: Pe,
+	sortAscending: Le,
+	sortDescending: Ie,
+	sortUnsorted: Ne
+};
+function Qe({ className: e, name: t }) {
+	let n = I[t];
+	return /* @__PURE__ */ A(n, {
+		"aria-hidden": "true",
+		className: ["comins-table-icon", e].filter(Boolean).join(" "),
+		"data-comins-icon": t,
+		focusable: "false"
+	});
+}
+var $e = Te.forwardRef(function({ className: e, icon: t, type: n = "button", ...r }, i) {
+	return /* @__PURE__ */ A("button", {
+		className: ["comins-table-icon-button", e].filter(Boolean).join(" "),
+		ref: i,
+		type: n,
+		...r,
+		children: /* @__PURE__ */ A(Qe, { name: t })
+	});
+});
+//#endregion
+//#region src/row-detail.tsx
+function et(e) {
+	return /* @__PURE__ */ A($e, {
+		"aria-controls": e.expanded ? e.controlsId : void 0,
+		"aria-expanded": e.expanded,
+		"aria-label": e.label,
+		className: "comins-row-detail-expander",
+		"data-comins-row-leading-control": "disclosure",
+		"data-testid": e.testId,
+		disabled: e.disabled,
+		icon: e.expanded ? "disclosureExpanded" : "disclosureCollapsed",
+		id: e.id,
+		onClick: (t) => {
+			t.preventDefault(), t.stopPropagation(), e.onToggle();
+		},
+		onKeyDown: (e) => e.stopPropagation(),
+		onMouseDown: (e) => e.stopPropagation(),
+		onPointerDown: (e) => e.stopPropagation(),
+		ref: e.onElement
+	});
+}
+function tt(e) {
+	let t = O(null), n = O(e.getToggleElement), r = O(e.onContentElement), i = e.fixedHeight === void 0;
+	return n.current = e.getToggleElement, r.current = e.onContentElement, Me(() => {
+		let e = t.current;
+		return r.current(e), () => r.current(null);
+	}, [i]), Me(() => {
+		let e = t.current;
+		return () => {
+			if (e?.contains(document.activeElement)) {
+				let e = () => {
+					let e = n.current();
+					e?.isConnected && e.focus();
+				};
+				e(), window.requestAnimationFrame(e);
+			}
+		};
+	}, []), /* @__PURE__ */ A("tr", {
+		className: "comins-table__detail-row",
+		"data-detail-for": e.ownerId,
+		children: /* @__PURE__ */ A("td", {
+			className: "comins-table__detail-cell",
+			colSpan: Math.max(1, e.colSpan),
+			children: /* @__PURE__ */ A("div", {
+				"aria-labelledby": e.labelId,
+				className: "comins-table__detail-content",
+				"data-testid": e.testId,
+				id: e.contentId,
+				ref: t,
+				role: "region",
+				style: e.fixedHeight === void 0 ? void 0 : { height: e.fixedHeight },
+				children: e.children
+			})
+		})
+	});
+}
+//#endregion
 //#region src/summary.ts
-function Xe(e, t) {
+function nt(e, t) {
 	return t.split(".").reduce((e, t) => {
 		if (!(typeof e != "object" || !e)) return e[t];
 	}, e);
 }
-function Ze(e) {
+function L(e) {
 	return e.filter((e) => typeof e == "number" && Number.isFinite(e));
 }
-function Qe(e, t) {
+function R(e, t) {
 	if (e === "count") return t.length;
-	let n = Ze(t);
+	let n = L(t);
 	return n.length === 0 ? null : e === "sum" ? n.reduce((e, t) => e + t, 0) : e === "avg" ? n.reduce((e, t) => e + t, 0) / n.length : e === "min" ? Math.min(...n) : Math.max(...n);
 }
-function $e(e, t, n) {
+function rt(e, t, n) {
 	return Object.entries(n.columns).reduce((n, [r, i]) => {
 		let a = t.find((e) => e.id === r);
 		if (!a || !i) return n;
-		let o = typeof i == "object" && i ? i : void 0, s = typeof i == "object" && i ? i.aggregate : i, c = e.map((e) => Xe(e, a.field)), l = typeof s == "function" ? s({
+		let o = typeof i == "object" && i ? i : void 0, s = typeof i == "object" && i ? i.aggregate : i, c = e.map((e) => nt(e, a.field)), l = typeof s == "function" ? s({
 			column: a,
 			rows: e,
 			values: c
-		}) : Qe(s, c);
+		}) : R(s, c);
 		return n[r] = o?.format ? o.format({
 			column: a,
 			rows: e,
@@ -643,15 +685,15 @@ function $e(e, t, n) {
 }
 //#endregion
 //#region src/tree.ts
-function et(e) {
+function it(e) {
 	return e.join(".");
 }
-function U(e, t) {
+function z(e, t) {
 	let n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), i = 0, a = (e, o) => {
 		e.forEach((e, s) => {
 			let c = [...o, s], l = t(e.item, i);
 			if (i += 1, n.has(l)) throw Error(`Duplicate tree row id: ${String(l)}`);
-			n.set(l, c), r.set(et(c), l), e.children?.length && a(e.children, c);
+			n.set(l, c), r.set(it(c), l), e.children?.length && a(e.children, c);
 		});
 	};
 	return a(e, []), {
@@ -659,17 +701,17 @@ function U(e, t) {
 		idByPath: r
 	};
 }
-function W(e, t, n) {
+function at(e, t, n) {
 	let [r, ...i] = t;
 	return r === void 0 ? [...e] : e.map((e, t) => t === r ? i.length === 0 ? n(e) : e.children ? {
 		...e,
-		children: W(e.children, i, n)
+		children: at(e.children, i, n)
 	} : e : e);
 }
-function G(e, t, n = {}) {
-	let r = U(e, t), i = [], a = (e, t, o) => {
+function B(e, t, n = {}) {
+	let r = z(e, t), i = [], a = (e, t, o) => {
 		e.forEach((e, s) => {
-			let c = [...o, s], l = e.children ?? [], u = l.length > 0, d = e.expand ?? n.defaultExpandAll ?? !1, f = r.idByPath.get(et(c));
+			let c = [...o, s], l = e.children ?? [], u = l.length > 0, d = e.expand ?? n.defaultExpandAll ?? !1, f = r.idByPath.get(it(c));
 			f !== void 0 && (i.push({
 				depth: t,
 				expanded: d,
@@ -682,33 +724,171 @@ function G(e, t, n = {}) {
 	};
 	return a(e, 0, []), i;
 }
-function tt(e) {
-	return e.flatMap((e) => e.children?.length ? tt(e.children) : [e.item]);
+function ot(e) {
+	return e.flatMap((e) => e.children?.length ? ot(e.children) : [e.item]);
 }
-function nt(e, t, n, r = {}) {
-	let i = U(e, n).byId.get(t);
-	return i ? W(e, i, (e) => ({
+function st(e, t, n, r = {}) {
+	let i = z(e, n).byId.get(t);
+	return i ? at(e, i, (e) => ({
 		...e,
 		expand: !(e.expand ?? r.defaultExpandAll ?? !1)
 	})) : [...e];
 }
-function rt(e, t, n, r) {
-	let i = U(e, n).byId.get(t);
-	return i ? W(e, i, (e) => ({
+function ct(e, t, n, r) {
+	let i = z(e, n).byId.get(t);
+	return i ? at(e, i, (e) => ({
 		...e,
 		item: r(e.item)
 	})) : [...e];
 }
-function it(e, t) {
+function lt(e, t) {
 	return [...e].sort((e, n) => t(e.item, n.item)).map((e) => ({
 		...e,
-		children: e.children ? it(e.children, t) : void 0
+		children: e.children ? lt(e.children, t) : void 0
 	}));
 }
 //#endregion
+//#region src/virtual-layout.ts
+var V = 15e5;
+function ut(e) {
+	return `data:${typeof e}:${encodeURIComponent(String(e))}`;
+}
+function dt(e) {
+	return {
+		dataIndex: e.dataIndex,
+		...e.detail ? { detail: e.detail } : {},
+		key: ut(e.rowId),
+		kind: "data",
+		row: e.row,
+		rowId: e.rowId,
+		visibleIndex: e.visibleIndex
+	};
+}
+function ft(e, t) {
+	return typeof e == "number" && Number.isFinite(e) && e > 0 ? e : Math.max(1, t);
+}
+function pt(e) {
+	return typeof e == "number" && Number.isFinite(e) && e > 0 ? {
+		height: e,
+		mode: "fixed"
+	} : { mode: "auto" };
+}
+var mt = class e {
+	heights;
+	tree;
+	totalHeight;
+	constructor(e) {
+		this.heights = Float64Array.from(e, (e) => Math.max(0, e)), this.tree = new Float64Array(this.heights.length + 1), this.totalHeight = 0;
+		for (let e = 0; e < this.heights.length; e += 1) {
+			let t = e + 1, n = this.heights[e] ?? 0, r = t + (t & -t);
+			this.tree[t] = (this.tree[t] ?? 0) + n, this.totalHeight += n, r < this.tree.length && (this.tree[r] = (this.tree[r] ?? 0) + (this.tree[t] ?? 0));
+		}
+	}
+	static from(t) {
+		return new e(t);
+	}
+	add(e, t) {
+		for (let n = e + 1; n < this.tree.length; n += n & -n) this.tree[n] = (this.tree[n] ?? 0) + t;
+	}
+	getHeight(e) {
+		return this.heights[e] ?? 0;
+	}
+	getPrefixHeight(e) {
+		let t = 0;
+		for (let n = Math.min(this.heights.length, Math.max(0, e)); n > 0; n -= n & -n) t += this.tree[n] ?? 0;
+		return t;
+	}
+	getTotalHeight() {
+		return this.totalHeight;
+	}
+	findIndexAtOffset(e) {
+		if (this.heights.length === 0 || this.totalHeight <= 0) return 0;
+		let t = Math.min(Math.max(0, e), Math.max(0, this.getTotalHeight() - 2 ** -52)), n = 0, r = 0, i = 1;
+		for (; i * 2 < this.tree.length;) i *= 2;
+		for (; i > 0; i = Math.floor(i / 2)) {
+			let e = n + i, a = r + (this.tree[e] ?? 0);
+			e < this.tree.length && a <= t && (n = e, r = a);
+		}
+		return Math.min(this.heights.length - 1, n);
+	}
+	updateHeight(e, t) {
+		let n = Math.max(0, t), r = this.heights[e];
+		if (r === void 0) return 0;
+		let i = n - r;
+		return this.heights[e] = n, this.totalHeight += i, this.add(e, i), i;
+	}
+};
+function ht(e, t) {
+	return e.kind === "group" ? e.height : t + (e.detail?.height ?? 0);
+}
+function H(e, t) {
+	let n = Math.min(e, V), r = Math.max(0, e - t), i = Math.max(0, n - t);
+	return {
+		logicalScrollableHeight: r,
+		physicalScrollableHeight: i,
+		physicalScrollHeight: n,
+		scrollScale: r > 0 && i > 0 ? r / i : 1
+	};
+}
+function gt(e) {
+	let t = H(e.heightIndex.getTotalHeight(), e.viewportHeight), n = Math.min(t.physicalScrollableHeight, Math.max(0, e.physicalScrollTop)), r = Math.min(t.logicalScrollableHeight, n * t.scrollScale), i = e.heightIndex.findIndexAtOffset(r), a = e.heightIndex.findIndexAtOffset(r + Math.max(0, e.viewportHeight)), o = Math.max(0, i - Math.max(0, e.overscan)), s = Math.min(a + Math.max(0, e.overscan) + 1, e.heightIndex.findIndexAtOffset(Infinity) + 1), c = e.heightIndex.getPrefixHeight(o);
+	return {
+		endIndex: s,
+		logicalScrollTop: r,
+		logicalStartOffset: c,
+		physicalScrollHeight: t.physicalScrollHeight,
+		renderOffset: n - (r - c),
+		scrollScale: t.scrollScale,
+		startIndex: o
+	};
+}
+function _t(e, t, n, r) {
+	let i = e.get(t);
+	return i && i.width === Math.round(n) ? {
+		estimated: !1,
+		height: i.height
+	} : {
+		estimated: !0,
+		height: r
+	};
+}
+function vt(e, t) {
+	for (let n of e.keys()) t.has(n) || e.delete(n);
+}
+function yt(e) {
+	if (e.keys.length === 0) return;
+	let t = e.heightIndex.findIndexAtOffset(e.logicalScrollTop), n = e.keys[t];
+	if (n === void 0) return;
+	let r = e.heightIndex.getPrefixHeight(t);
+	return {
+		key: n,
+		offsetWithinSlot: Math.max(0, e.logicalScrollTop - r),
+		previousIndex: t
+	};
+}
+function bt(e) {
+	let t = e.nextKeys.indexOf(e.anchor.key);
+	if (t === -1) for (let n = Math.min(e.anchor.previousIndex - 1, e.previousKeys.length - 1); n >= 0 && (t = e.nextKeys.indexOf(e.previousKeys[n] ?? ""), t === -1); --n);
+	if (t === -1) for (let n = Math.max(0, e.anchor.previousIndex + 1); n < e.previousKeys.length && (t = e.nextKeys.indexOf(e.previousKeys[n] ?? ""), t === -1); n += 1);
+	if (t !== -1) return {
+		index: t,
+		offsetWithinSlot: Math.min(Math.max(0, e.anchor.offsetWithinSlot), Math.max(0, e.getNextHeight(t)))
+	};
+}
+function xt(e, t, n) {
+	let r = H(t, n);
+	return Math.min(r.physicalScrollableHeight, Math.max(0, e) / r.scrollScale);
+}
+//#endregion
 //#region src/index.tsx
-var at = 50;
-function ot(e, t, n, r, i) {
+var St = 88;
+function Ct(e, t, n) {
+	return e.id === t.id && e.kind === t.kind ? "neutral" : e.depth !== t.depth || e.parentGroupId !== t.parentGroupId ? "invalid" : n ? "valid" : "invalid";
+}
+function wt(e, t) {
+	return e.selection.rowIds.includes(t) ? e : de(e, t);
+}
+function Tt(e, t, n, r, i) {
 	let a = Math.max(0, r), o = e?.length ?? t.length, s = Math.min(o, Math.max(a, i)), c = [];
 	for (let r = a; r < s; r += 1) {
 		let i = e?.[r] ?? r, a = t[i], o = n[i];
@@ -721,26 +901,62 @@ function ot(e, t, n, r, i) {
 	}
 	return c;
 }
-function st(e) {
+function Et(e) {
+	return e.mixed ? e.keys : e.projectedDataIndexes.flatMap((t) => {
+		let n = e.rowIds[t];
+		return n === void 0 ? [] : [ut(n)];
+	});
+}
+function Dt(e) {
+	let t = Et(e.projection), n = e.logicalScrollTop ?? (e.projection.mixed ? gt({
+		heightIndex: e.projection.heightIndex,
+		overscan: 0,
+		physicalScrollTop: e.physicalScrollTop,
+		viewportHeight: e.viewportHeight
+	}).logicalScrollTop : (() => {
+		let t = H(e.projection.visibleRowCount * e.projection.rowHeight, e.viewportHeight);
+		return Math.min(t.logicalScrollableHeight, Math.max(0, e.physicalScrollTop) * t.scrollScale);
+	})()), r = e.projection.mixed ? yt({
+		heightIndex: e.projection.heightIndex,
+		keys: t,
+		logicalScrollTop: n
+	}) : (() => {
+		if (e.projection.visibleRowCount === 0) return;
+		let r = Math.min(e.projection.visibleRowCount - 1, Math.floor(n / e.projection.rowHeight)), i = t[r];
+		return i === void 0 ? void 0 : {
+			key: i,
+			offsetWithinSlot: n - r * e.projection.rowHeight,
+			previousIndex: r
+		};
+	})();
+	return r ? {
+		anchor: r,
+		previousKeys: t,
+		previousLogicalScrollTop: n,
+		previousPhysicalScrollTop: e.physicalScrollTop,
+		previousViewportHeight: e.viewportHeight
+	} : void 0;
+}
+function Ot(e) {
 	return !e || typeof e == "string" ? e : Object.entries(e).filter(([, e]) => e).map(([e]) => e).join(" ");
 }
-function K(e, t, n) {
+function kt(e, t, n) {
 	return typeof e == "function" ? e(t, n) : e;
 }
-function ct(e, t, n) {
-	let r = K(e?.disabled, t, n) === !0;
+function At(e, t, n) {
+	let r = kt(e?.disabled, t, n) === !0;
 	return {
-		className: st(K(e?.className, t, n)),
+		className: Ot(kt(e?.className, t, n)),
 		disabled: r,
-		draggable: !r && K(e?.draggable, t, n) !== !1,
-		style: K(e?.style, t, n)
+		draggable: !r && kt(e?.draggable, t, n) !== !1,
+		style: kt(e?.style, t, n)
 	};
 }
-function lt(e) {
+function jt(e) {
 	let t = e?.background ?? e?.backgroundColor;
 	return typeof t == "string" || typeof t == "number" ? t : void 0;
 }
-function ut(e, t, n) {
+function Mt(e, t, n) {
 	let r = {
 		height: e,
 		...t
@@ -750,7 +966,7 @@ function ut(e, t, n) {
 		"--comins-table-row-custom-background": n
 	};
 }
-function dt(e) {
+function Nt(e) {
 	return {
 		data: e.row,
 		dataIndex: e.dataIndex,
@@ -758,7 +974,7 @@ function dt(e) {
 		index: e.visibleIndex
 	};
 }
-function q(e, t) {
+function U(e, t) {
 	return {
 		definition: e,
 		field: e.field,
@@ -767,23 +983,23 @@ function q(e, t) {
 		label: e.label
 	};
 }
-function ft(e, t) {
+function Pt(e, t) {
 	return {
 		event: e,
 		index: t.visibleIndex,
-		row: dt(t)
+		row: Nt(t)
 	};
 }
-function pt(e, t, n, r, i) {
+function Ft(e, t, n, r, i) {
 	return {
-		column: q(n, r),
+		column: U(n, r),
 		event: e,
 		index: t.visibleIndex,
-		row: dt(t),
+		row: Nt(t),
 		value: i
 	};
 }
-function mt(e, t) {
+function W(e, t) {
 	return {
 		definition: e,
 		field: e.field,
@@ -792,9 +1008,9 @@ function mt(e, t) {
 		label: e.label
 	};
 }
-function ht(e, t, n, r, i, a, o) {
+function It(e, t, n, r, i, a, o) {
 	return {
-		column: mt(i, a),
+		column: W(i, a),
 		row: {
 			data: e.row,
 			dataIndex: e.dataIndex,
@@ -807,31 +1023,31 @@ function ht(e, t, n, r, i, a, o) {
 		value: o
 	};
 }
-function gt(e, t) {
+function Lt(e, t) {
 	let n = e.cell?.props;
 	return typeof n == "function" ? n(t) : n;
 }
-function _t(e, t) {
+function Rt(e, t) {
 	return e === void 0 ? !0 : typeof e == "boolean" ? e : e(t);
 }
-function vt(e, t) {
-	return e?.disabled !== void 0 && _t(e.disabled, t) === !0;
+function zt(e, t) {
+	return e?.disabled !== void 0 && Rt(e.disabled, t) === !0;
 }
-function yt(e, t) {
+function Bt(e, t) {
 	let n = e?.className;
 	return typeof n == "function" ? n(t) : n;
 }
-function bt(e, t) {
+function Vt(e, t) {
 	let n = e?.style;
 	return typeof n == "function" ? n(t) : n;
 }
-function xt(e, t, n) {
+function Ht(e, t, n) {
 	return e.cell?.format ? e.cell.format(n) : t == null ? "" : String(t);
 }
-function St(e, t, n) {
-	let r = e.columnState[t.id], i = Ft(e.sortModel, t.id);
+function Ut(e, t, n) {
+	let r = e.columnState[t.id], i = un(e.sortModel, t.id);
 	return {
-		column: mt(t, n),
+		column: W(t, n),
 		layout: {
 			hidden: r?.hidden === !0 || t.hidden === !0,
 			width: r?.width ?? t.width
@@ -844,17 +1060,17 @@ function St(e, t, n) {
 		}
 	};
 }
-function Ct(e) {
+function Wt(e) {
 	return "row" in e && "selection" in e;
 }
-function wt(e, t) {
-	return !Ct(t) || e.type !== "input" && e.type !== "select" || t.selection.selectedRowCount === 1 && t.row.selected;
+function Gt(e, t) {
+	return !Wt(t) || e.type !== "input" && e.type !== "select" || t.selection.selectedRowCount === 1 && t.row.selected;
 }
-function Tt(e, t) {
-	return (e ?? []).filter((e) => wt(e, t));
+function Kt(e, t) {
+	return (e ?? []).filter((e) => Gt(e, t));
 }
-function Et(e, t, n, r) {
-	return Tt(e, t).map((e, t) => ({
+function qt(e, t, n, r) {
+	return Kt(e, t).map((e, t) => ({
 		component: e,
 		index: t
 	})).filter(({ component: e }) => (e.direction ?? "left") === n).map(({ component: e, index: i }) => /* @__PURE__ */ A("span", {
@@ -862,14 +1078,64 @@ function Et(e, t, n, r) {
 		"data-comins-component-align": e.align ?? "center",
 		"data-comins-component-direction": n,
 		"data-comins-component-id": e.id ?? `${e.type}-${i}`,
-		children: Ye(e, t, r)
+		children: Ze(e, t, r)
 	}, e.id ?? `${e.type}-${i}`));
 }
-function Dt(e, t, n, r = {}) {
+function G(e) {
+	e.preventDefault(), e.stopPropagation();
+}
+function Jt(e) {
+	e.stopPropagation(), e.target instanceof HTMLElement && e.target.blur();
+}
+var Yt = /* @__PURE__ */ new WeakSet();
+function Xt(e) {
+	if (!e || Yt.has(e)) return;
+	let t = (t) => {
+		e.hasAttribute("inert") && e.getAttribute("aria-hidden") === "true" && (t.preventDefault(), t.stopPropagation());
+	};
+	e.addEventListener("change", t, !0), e.addEventListener("input", t, !0), Yt.add(e);
+}
+var Zt = {
+	onBeforeInputCapture: G,
+	onBlurCapture: G,
+	onChangeCapture: G,
+	onClickCapture: G,
+	onContextMenuCapture: G,
+	onDoubleClickCapture: G,
+	onFocusCapture: Jt,
+	onInputCapture: G,
+	onKeyDownCapture: G,
+	onKeyPressCapture: G,
+	onKeyUpCapture: G,
+	onMouseDownCapture: G,
+	onMouseMoveCapture: G,
+	onMouseOutCapture: G,
+	onMouseOverCapture: G,
+	onMouseUpCapture: G,
+	onPointerCancelCapture: G,
+	onPointerDownCapture: G,
+	onPointerMoveCapture: G,
+	onPointerOutCapture: G,
+	onPointerOverCapture: G,
+	onPointerUpCapture: G,
+	onResetCapture: G,
+	onScrollCapture: G,
+	onSubmitCapture: G,
+	onTouchCancelCapture: G,
+	onTouchEndCapture: G,
+	onTouchMoveCapture: G,
+	onTouchStartCapture: G,
+	onWheelCapture: G
+};
+function Qt(e, t) {
+	let n = (e) => typeof e == "string" || typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(n).join("") : ke(e) && typeof e.type == "string" ? n(e.props.children) : "";
+	return n(e).trim() || t;
+}
+function $t(e, t, n, r = {}) {
 	if (!t?.length) return e;
-	let i = r.showContent ?? !0, a = Tt(t, n);
+	let i = r.showContent ?? !0, a = Kt(t, n);
 	if (!a.length) return e;
-	let o = Et(a, n, "left", r.interaction), s = Et(a, n, "right", r.interaction);
+	let o = qt(a, n, "left", r.interaction), s = qt(a, n, "right", r.interaction);
 	return i ? /* @__PURE__ */ j("span", {
 		className: "comins-table__component-layout",
 		children: [
@@ -898,48 +1164,48 @@ function Dt(e, t, n, r = {}) {
 		})
 	});
 }
-function Ot(e) {
-	return Math.max(at, e.minWidth ?? at);
+function en(e) {
+	return Math.max(St, e.minWidth ?? St);
 }
-function J(e) {
+function tn(e) {
 	return e.maxWidth ?? Infinity;
 }
-function kt(e, t) {
+function nn(e, t) {
 	return e.columnState[t.id]?.width ?? t.width ?? 100;
 }
-function Y(e, t, n) {
+function rn(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function At(e, t, n) {
-	let r = t.map((t) => Y(kt(e, t), Ot(t), J(t))), i = new Set(t.map((e, t) => t)), a = t.map(Ot), o = t.map(J), s = Y(n, a.reduce((e, t) => e + t, 0), o.reduce((e, t) => e + t, 0));
+function an(e, t, n) {
+	let r = t.map((t) => rn(nn(e, t), en(t), tn(t))), i = new Set(t.map((e, t) => t)), a = t.map(en), o = t.map(tn), s = rn(n, a.reduce((e, t) => e + t, 0), o.reduce((e, t) => e + t, 0));
 	for (; i.size > 0;) {
 		let e = s - r.reduce((e, t) => e + t, 0);
 		if (Math.abs(e) < .001) break;
 		let t = [...i], n = t.reduce((e, t) => e + Math.max(r[t] ?? 0, 0), 0), c = !1;
 		for (let s of t) {
-			let l = r[s] ?? 0, u = l + e * (n > 0 ? l / n : 1 / t.length), d = Y(u, a[s] ?? 0, o[s] ?? Infinity);
+			let l = r[s] ?? 0, u = l + e * (n > 0 ? l / n : 1 / t.length), d = rn(u, a[s] ?? 0, o[s] ?? Infinity);
 			r[s] = d, Math.abs(d - u) > .001 && (i.delete(s), c = !0);
 		}
 		if (!c) break;
 	}
 	return r;
 }
-function jt(e, t, n) {
+function on(e, t, n) {
 	let r = e.columnGroups.find((e) => e.children.includes(t));
 	if (!r || e.columnGroupState[r.id]?.hidden === !0) return _e(e, t, n);
 	let i = r.children.map((t) => e.columns.find((e) => e.id === t)).filter((e) => !!e).filter((t) => e.columnState[t.id]?.hidden !== !0), a = i.find((e) => e.id === t);
 	if (!a) return _e(e, t, n);
 	let o = i.filter((e) => e.id !== t);
 	if (o.length === 0) {
-		let r = kt(e, a);
-		return _e(e, t, Y(n, Ot(a), Math.min(J(a), r)));
+		let r = nn(e, a);
+		return _e(e, t, rn(n, en(a), Math.min(tn(a), r)));
 	}
-	let s = i.reduce((t, n) => t + kt(e, n), 0), c = o.reduce((e, t) => e + Ot(t), 0), l = o.reduce((e, t) => e + J(t), 0), u = Math.max(Ot(a), s - l), d = Y(n, u, Math.max(u, Math.min(J(a), s - c))), f = At(e, o, s - d), p = _e(e, t, d);
+	let s = i.reduce((t, n) => t + nn(e, n), 0), c = o.reduce((e, t) => e + en(t), 0), l = o.reduce((e, t) => e + tn(t), 0), u = Math.max(en(a), s - l), d = rn(n, u, Math.max(u, Math.min(tn(a), s - c))), f = an(e, o, s - d), p = _e(e, t, d);
 	return o.forEach((e, t) => {
-		p = _e(p, e.id, f[t] ?? kt(p, e));
+		p = _e(p, e.id, f[t] ?? nn(p, e));
 	}), p;
 }
-function Mt(e, t, n) {
+function sn(e, t, n) {
 	if (!e || typeof e != "object") return e;
 	let r = t.split("."), [i] = r;
 	if (!i) return e;
@@ -953,7 +1219,7 @@ function Mt(e, t, n) {
 		o[e] = a, n && (o = a);
 	}), o[r.at(-1)] = n, a;
 }
-function Nt(e, t) {
+function cn(e, t) {
 	return e?.columnId === t ? e.direction === "asc" ? {
 		columnId: t,
 		direction: "desc"
@@ -962,60 +1228,60 @@ function Nt(e, t) {
 		direction: "asc"
 	};
 }
-function Pt(e, t, n) {
-	let r = e.findIndex((e) => e.columnId === t), i = Nt(r < 0 ? null : e[r] ?? null, t);
+function ln(e, t, n) {
+	let r = e.findIndex((e) => e.columnId === t), i = cn(r < 0 ? null : e[r] ?? null, t);
 	return n ? i ? r < 0 ? [...e, i] : e.map((e, t) => t === r ? i : e) : e.filter((e) => e.columnId !== t) : i ? [i] : [];
 }
-function Ft(e, t) {
+function un(e, t) {
 	let n = e.findIndex((e) => e.columnId === t);
 	return n < 0 ? null : {
 		priority: n + 1,
 		rule: e[n]
 	};
 }
-function It(e, t) {
-	let n = Ft(e, t)?.rule;
+function dn(e, t) {
+	let n = un(e, t)?.rule;
 	return n ? n.direction : "none";
 }
-function Lt(e, t) {
-	let n = Ft(e, t);
+function fn(e, t) {
+	let n = un(e, t);
 	if (!n) return e.length > 1 ? void 0 : "none";
 	if (!(n.priority > 1)) return n.rule.direction === "asc" ? "ascending" : "descending";
 }
-function Rt(e, t) {
+function pn(e, t) {
 	return !e || !t ? e === t : e.columnId === t.columnId && e.direction === t.direction;
 }
-function zt(e, t) {
+function mn(e, t) {
 	return e.length === t.length && e.every((e, n) => e.columnId === t[n]?.columnId && e.direction === t[n]?.direction);
 }
-function Bt(e, t) {
+function K(e, t) {
 	return e.length === t.length && e.every((e, n) => e === t[n]);
 }
-function Vt(e, t) {
-	if (!Bt(e.rowIds, t.rowIds)) return !1;
+function hn(e, t) {
+	if (!K(e.rowIds, t.rowIds)) return !1;
 	let n = new Set(t.columns.map((e) => e.id)), r = e.selection.cell, i = e.selection.range;
 	return !(r && !n.has(r.columnId) || i && (!n.has(i.anchor.columnId) || !n.has(i.focus.columnId)));
 }
-function Ht(e, t) {
+function gn(e, t) {
 	return t.split(".").reduce((e, t) => {
 		if (!(typeof e != "object" || !e)) return e[t];
 	}, e);
 }
-function Ut(e, t) {
+function _n(e, t) {
 	return typeof e == "number" && typeof t == "number" ? e - t : String(e ?? "").localeCompare(String(t ?? ""));
 }
-function Wt(e, t, n) {
-	return n.length === 0 ? e : it(e, (e, r) => {
+function vn(e, t, n) {
+	return n.length === 0 ? e : lt(e, (e, r) => {
 		for (let i of n) {
 			let n = t.find((e) => (e.id ?? e.field) === i.columnId);
 			if (!n?.sort) continue;
-			let a = Ht(e, n.field), o = Ht(r, n.field), s = typeof n.sort == "function" ? n.sort(a, o, e, r) : Ut(a, o);
+			let a = gn(e, n.field), o = gn(r, n.field), s = typeof n.sort == "function" ? n.sort(a, o, e, r) : _n(a, o);
 			if (s !== 0) return i.direction === "desc" ? s * -1 : s;
 		}
 		return 0;
 	});
 }
-function Gt(e, t, n, r, i) {
+function yn(e, t, n, r, i) {
 	if (t?.length === 0) return e;
 	let a = [], o = /* @__PURE__ */ new Map(), s = 0, c = (e, t) => {
 		e.forEach((e) => {
@@ -1047,185 +1313,504 @@ function Gt(e, t, n, r, i) {
 	};
 	return m(e);
 }
-function Kt({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroups: l, columns: u, data: d, "data-testid": f, emptyComponent: p, getRowId: m, hasMoreRows: h = !1, infiniteScroll: _ = !1, infiniteScrollThreshold: te = 160, lazyLoad: y = !1, lazyLoadBatchSize: b = 30, lazyLoadMode: S = "append", lazyLoadThreshold: re, loading: ce = !1, loadingComponent: le, loadingMore: me = !1, multiSort: ge = !1, onChangeColumnLayout: ve, onChangeData: ye, onChangeSelection: Se, onChangeSort: Ce, onChangeSortModel: Ee, onClickCell: Oe, onClickRow: ke, onContextMenuCell: Ae, onContextMenuRow: Me, onDoubleClickCell: Ne, onDoubleClickRow: Pe, onKeyDownCell: Fe, onKeyDownRow: Ie, onLazyLoad: M, onLoadMore: Le, pagination: Re, persistHeaderWhenEmpty: ze = !0, rowHeight: N = 36, rowProps: P, showHeader: F = !0, skeletonRowCount: He, style: Ue, summary: I, theme: We, treeContext: L, virtualized: R = !1 }, z) {
-	let B = O(null), Ge = O(null), V = O(null), Ke = O(null), qe = O(null), Je = O(null), H = O(null), Ye = O(null), Xe = O(null), Ze = O(null), Qe = O(0), et = O(d), U = O(void 0), W = O(null), G = O(null), tt = O(null), nt = O(null), rt = O(!1), it = O(null), at = O(0), K = O(null), dt = O(null), q = O(null), [mt, _t] = k(0), [Ct, wt] = k(0), [J, kt] = k(null), [Y, At] = k(null), [Nt, Bt] = k(null), [Ht, Ut] = k(null), [Wt, Gt] = k(null), [Kt, qt] = k(d), [Jt, Yt] = k(void 0), [Xt, Zt] = k(null), [Qt, $t] = k(null), [en, tn] = k(0), nn = y ? Kt : d, [X, rn] = k(() => c({
+function bn({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroups: l, columns: u, data: d, "data-testid": f, emptyComponent: p, estimatedRowDetailHeight: m, expandedRowIds: h, getRowDetailHeight: v, getRowId: y, hasMoreRows: ee = !1, infiniteScroll: ne = !1, infiniteScrollThreshold: ie = 160, lazyLoad: x = !1, lazyLoadBatchSize: se = 30, lazyLoadMode: ce = "append", lazyLoadThreshold: me, loading: ge = !1, loadingComponent: ve, loadingMore: ye = !1, multiSort: Se = !1, onChangeColumnLayout: Ce, onChangeData: Te, onChangeSelection: Oe, onChangeSort: ke, onChangeSortModel: Ne, onClickCell: Pe, onClickRow: Fe, onContextMenuCell: Ie, onContextMenuRow: Le, onChangeExpandedRowIds: M, onDoubleClickCell: N, onDoubleClickRow: ze, onKeyDownCell: Be, onKeyDownRow: Ve, onLazyLoad: He, onLoadMore: Ue, pagination: We, persistHeaderWhenEmpty: P = !0, rowHeight: F = 36, rowProps: Ge, isRowExpandable: Ke, renderRowDetail: qe, showColumnMoveHandle: Je = !0, showHeader: Ye = !0, skeletonRowCount: Xe, style: Ze, summary: I, theme: nt, treeContext: L, virtualized: R = !1 }, it) {
+	let z = O(null), at = O(null), B = O(null), ot = O(null), st = O(null), ct = O(null), lt = O(/* @__PURE__ */ new Map()), V = O(/* @__PURE__ */ new Map()), ut = O(/* @__PURE__ */ new Set()), H = O(null), yt = O(/* @__PURE__ */ new Set()), St = O(null), kt = O(/* @__PURE__ */ new Map()), U = O(null), W = O(null), Rt = O(null), Wt = O(null), Gt = O(/* @__PURE__ */ new Map()), G = O(null), Jt = O(null), Yt = O(null), nn = O(He), an = O(0), cn = O(null), K = O(null), gn = O(null), _n = O(null), vn = O(!1), yn = O(null), bn = O(0), xn = O(null), q = O(null), Sn = O(0), Cn = O(null), wn = O(null), Tn = O(null), En = O(null), [Dn, On] = k(0), [kn, An] = k(0), [jn, Mn] = k(0), [Nn, Pn] = k(null), [Fn, In] = k(null), [Ln, Rn] = k(null), [zn, Bn] = k(null), [Vn, Hn] = k(null), [Un, Wn] = k(null), [Gn, Kn] = k(null), [qn, Jn] = k(0), Yn = Ae(), Xn = d, [J, Zn] = k(() => c({
 		columnGroups: l,
 		columns: u,
-		getRowId: m,
-		pagination: Re,
-		rows: nn,
-		showHeader: F,
-		theme: We
-	})), Z = O(X), an = O({
+		getRowId: y,
+		pagination: We,
+		rows: Xn,
+		showHeader: Ye,
+		theme: nt
+	})), Y = O(J), Qn = O({
 		columnGroups: l,
 		columns: u,
-		data: nn,
-		getRowId: m,
-		pagination: Re,
-		showHeader: F
-	}), on = Math.max(0, Math.floor(Number.isFinite(e) ? Number(e) : 10)), sn = Math.max(1, Math.floor(b)), cn = Math.max(0, Math.floor(re ?? te)), ln = (e) => {
-		if (!y || S !== "append" || !M || Ze.current) return;
-		let t = Z.current.rows.length;
-		if (e === "scroll" && U.current !== void 0 && t >= U.current) return;
-		let n = new AbortController(), r = Qe.current + 1, i = e === "scroll" ? t : 0;
-		Qe.current = r, Xe.current?.abort(), Xe.current = n, Ze.current = e, e !== "scroll" && (at.current = 0, tn(0), B.current && (B.current.scrollTop = 0)), Gt(e), M({
-			limit: sn,
-			offset: i,
-			reason: e,
-			signal: n.signal
-		}).then((t) => {
-			if (n.signal.aborted || Qe.current !== r) return;
-			let i = e === "scroll" ? [...et.current, ...t.rows] : [...t.rows];
-			et.current = i, U.current = t.total, qt(i), Yt(t.total);
-		}).catch(() => {}).finally(() => {
-			Qe.current === r && (Ze.current = null, Xe.current = null, Gt(null));
+		data: Xn,
+		getRowId: y,
+		pagination: We,
+		showHeader: Ye
+	}), $n = Math.max(0, Math.floor(Number.isFinite(e) ? Number(e) : 10)), er = Math.max(1, Math.floor(se)), tr = Math.max(0, Math.floor(me ?? ie)), nr = typeof He == "function", rr = typeof qe == "function" && !L, ir = D(() => {
+		let e = /* @__PURE__ */ new Set();
+		return (h ?? []).filter((t) => e.has(t) ? !1 : (e.add(t), !0));
+	}, [h]), ar = D(() => new Set(ir), [ir]), or = (e, t) => {
+		!rr || !t || !M || M(ar.has(e) ? ir.filter((t) => t !== e) : [...ir, e]);
+	}, sr = () => {
+		let e = U.current;
+		U.current = null, e?.();
+	}, cr = (e) => {
+		sr(), U.current = e;
+	};
+	Me(() => {
+		nn.current = He;
+	}, [He]);
+	let lr = (e) => {
+		let t = nn.current;
+		if (!x || ce !== "append" || !t || Yt.current) return;
+		let n = Y.current.rows.length;
+		if (e === "scroll" && (!ee || ge || ye)) return;
+		let r = new AbortController(), i = an.current + 1, a = e === "scroll" ? n : 0;
+		an.current = i, Jt.current?.abort(), Jt.current = r, Yt.current = e, e !== "scroll" && (Sn.current = 0, Jn(0), z.current && (z.current.scrollTop = 0));
+		let o;
+		try {
+			o = t({
+				limit: er,
+				offset: a,
+				reason: e,
+				signal: r.signal
+			});
+		} catch {
+			Yt.current = null, Jt.current = null;
+			return;
+		}
+		Promise.resolve(o).catch(() => {}).finally(() => {
+			an.current === i && (Yt.current = null, Jt.current = null);
 		});
 	};
 	E(() => {
-		et.current = Kt;
-	}, [Kt]), E(() => {
-		U.current = Jt;
-	}, [Jt]), E(() => {
-		y || (et.current = d, qt(d), U.current = void 0, Yt(void 0));
-	}, [d, y]), E(() => {
-		if (!(!y || !M)) return ln("initial"), () => {
-			Qe.current += 1, Ze.current = null, Xe.current?.abort(), Xe.current = null;
+		if (!(!x || !nr)) return lr("initial"), () => {
+			an.current += 1, Yt.current = null, Jt.current?.abort(), Jt.current = null;
 		};
 	}, [
-		y,
-		M,
-		sn
+		nr,
+		x,
+		er
 	]), E(() => {
-		let e = an.current;
-		if (e.columns === u && e.columnGroups === l && e.data === nn && e.getRowId === m && e.pagination === Re && e.showHeader === F) return;
-		an.current = {
+		let e = Qn.current;
+		if (e.columns === u && e.columnGroups === l && e.data === Xn && e.getRowId === y && e.pagination === We && e.showHeader === Ye) return;
+		Qn.current = {
 			columnGroups: l,
 			columns: u,
-			data: nn,
-			getRowId: m,
-			pagination: Re,
-			showHeader: F
+			data: Xn,
+			getRowId: y,
+			pagination: We,
+			showHeader: Ye
 		};
-		let t = Z.current, n = c({
+		let t = Y.current, n = c({
 			columnLayout: pe(t),
 			columnGroups: l,
 			columns: u,
-			getRowId: m,
-			pagination: Re ?? t.pagination,
-			rows: nn,
-			showHeader: F,
+			getRowId: y,
+			pagination: We ?? t.pagination,
+			rows: Xn,
+			showHeader: Ye,
 			sortModel: t.sortModel,
 			theme: t.theme
-		}), r = Vt(t, n) ? {
+		}), r = hn(t, n) ? {
 			...n,
 			selection: t.selection
 		} : n;
-		Z.current = r, rn(r), Rt(r.sort, t.sort) || Ce?.(r.sort), zt(r.sortModel, t.sortModel) || Ee?.(r.sortModel);
+		if (e.getRowId !== y) {
+			let e = new Map(t.rowIds.map((e, n) => [e, t.rows[n]]));
+			r.rowIds.forEach((t, n) => {
+				e.has(t) && e.get(t) !== r.rows[n] && lt.current.delete(t);
+			});
+		}
+		Y.current = r, Zn(r), pn(r.sort, t.sort) || ke?.(r.sort), mn(r.sortModel, t.sortModel) || Ne?.(r.sortModel);
 	}, [
 		l,
 		u,
-		nn,
-		m,
-		Re,
-		F
+		Xn,
+		y,
+		We,
+		Ye
 	]), E(() => {
-		Z.current = X;
-	}, [X]), E(() => {
-		W.current !== null && W.current !== X.rows.length && (W.current = null);
-	}, [X.rows.length]), E(() => () => {
-		dt.current !== null && window.cancelAnimationFrame(dt.current), K.current !== null && window.clearTimeout(K.current);
+		Y.current = J;
+	}, [J]), E(() => {
+		cn.current !== null && cn.current !== J.rows.length && (cn.current = null);
+	}, [J.rows.length]), E(() => () => {
+		sr(), Tn.current !== null && window.cancelAnimationFrame(Tn.current), wn.current !== null && window.clearTimeout(wn.current);
 	}, []), E(() => {
-		let e = B.current;
+		let e = z.current;
 		if (!e || typeof ResizeObserver > "u") return;
 		let t = new ResizeObserver(([e]) => {
-			e && (_t(e.contentRect.height), wt(e.contentRect.width));
+			e && (On(e.contentRect.height), An(e.contentRect.width));
 		});
 		return t.observe(e), () => t.disconnect();
+	}, []), E(() => {
+		vt(lt.current, new Set(J.rowIds));
+	}, [J.rowIds]);
+	let ur = (e, t, n, r) => {
+		let i = e.projection;
+		if (!i || r !== e.contentWidth) return !1;
+		let a = i.slotIndexByRowId.get(t), o = a === void 0 ? void 0 : i.slots[a];
+		if (a === void 0 || o?.detail?.mode !== "auto") return !1;
+		let s = i.heightIndex.getHeight(a) - o.detail.height + n, c = i.heightIndex.updateHeight(a, s);
+		return o.detail.estimated = !1, o.detail.height = n, c !== 0;
+	}, dr = (e) => {
+		let t = St.current;
+		if (!t) return;
+		let n = e.filter(({ height: e, rowId: t, width: n }) => {
+			let r = lt.current.get(t);
+			return !r || r.width !== n || Math.abs(r.height - e) >= .5;
+		});
+		if (n.length === 0) return;
+		let r = t.projection, i = z.current, a = i?.clientHeight || t.viewportHeight, o = q.current, s = o?.status === "pending" ? o : !o && r && i ? Dt({
+			logicalScrollTop: xn.current && Math.abs(i.scrollTop - xn.current.actualPhysical) <= .5 ? xn.current.targetLogical : void 0,
+			physicalScrollTop: i.scrollTop,
+			projection: {
+				heightIndex: r.heightIndex,
+				keys: r.keys,
+				mixed: !0
+			},
+			viewportHeight: a
+		}) : void 0, c = !1;
+		for (let e of n) lt.current.set(e.rowId, {
+			height: e.height,
+			width: e.width
+		}), c = ur(t, e.rowId, e.height, e.width) || c;
+		if (s && c && o?.status !== "pending") {
+			let e = bn.current + 1;
+			bn.current = e, q.current = {
+				...s,
+				revision: e,
+				status: "pending"
+			};
+		}
+		(c || !r) && Mn((e) => e + 1);
+	}, fr = () => {
+		if (typeof ResizeObserver > "u") return null;
+		let e = new ResizeObserver((e) => {
+			let t = [];
+			for (let n of e) {
+				let e = V.current.get(n.target);
+				if (!e) continue;
+				let r = (Array.isArray(n.borderBoxSize) ? n.borderBoxSize[0] : n.borderBoxSize)?.blockSize ?? n.target.getBoundingClientRect().height, i = Math.round(n.target.getBoundingClientRect().width);
+				Number.isFinite(r) && r > 0 && t.push({
+					height: r,
+					rowId: e.rowId,
+					width: i
+				});
+			}
+			dr(t);
+		});
+		H.current = e;
+		for (let t of V.current.values()) yt.current.add(t.element), e.observe(t.element);
+		return e;
+	};
+	Me(() => () => {
+		H.current?.disconnect(), H.current = null, yt.current.clear(), V.current.clear(), ut.current.clear(), St.current = null;
 	}, []);
-	let un = (e, t, n = {}) => {
-		t.rows !== e.rows && ye?.(t.rows), t.selection !== e.selection && Se?.(t.selection), n.columnLayoutChanged && ve?.(pe(t)), Rt(t.sort, e.sort) || Ce?.(t.sort), zt(t.sortModel, e.sortModel) || Ee?.(t.sortModel);
-	}, Q = (e, t = {}) => {
-		let n = Z.current, r = typeof e == "function" ? e(n) : e;
-		Z.current = r, rn(r), un(n, r, t);
-	}, $ = D(() => ne(X), [X]), dn = D(() => ee(X), [X]), fn = D(() => I ? $e(L?.summaryRows ?? X.rows, $, I) : null, [
-		X.rows,
+	let pr = () => {
+		V.current.size === 0 && (H.current?.disconnect(), H.current = null, yt.current.clear());
+	}, mr = (e, t, n) => {
+		for (let [t, r] of V.current) r.rowId === e && t !== n && (H.current?.unobserve(t), yt.current.delete(t), V.current.delete(t), ut.current.delete(t));
+		if (!n || t === "fixed") {
+			pr();
+			return;
+		}
+		V.current.set(n, {
+			element: n,
+			rowId: e
+		});
+	}, hr = (e, t, n = {}) => {
+		t.rows !== e.rows && Te?.(t.rows), t.selection !== e.selection && Oe?.(t.selection), n.columnLayoutChanged && Ce?.(pe(t)), pn(t.sort, e.sort) || ke?.(t.sort), mn(t.sortModel, e.sortModel) || Ne?.(t.sortModel);
+	}, X = (e, t = {}) => {
+		let n = Y.current, r = typeof e == "function" ? e(n) : e;
+		Y.current = r, Zn(r), hr(n, r, t);
+	}, Z = D(() => te(J), [J]), gr = /* @__PURE__ */ new Map();
+	E(() => {
+		Gt.current = gr;
+	});
+	let _r = D(() => {
+		let e = Z.length;
+		if (e === 0) return [];
+		let t = Z.map((e) => J.columnState[e.id]?.width ?? e.width);
+		if (kn <= 0) {
+			let n = `${100 / e}%`;
+			return t.map((e, t) => {
+				if (e === void 0) return n;
+				let r = Z[t];
+				return rn(e, en(r), tn(r));
+			});
+		}
+		let n = 0;
+		for (let e of t) n += e ?? 0;
+		let r = Z.filter((e, n) => t[n] === void 0), i = r.length > 0 ? Math.max(0, (kn - n) / r.length) : 0;
+		return Z.map((e, n) => {
+			let r = t[n] ?? i, a = en(e), o = e.maxWidth ?? Infinity;
+			return Math.min(o, Math.max(a, r));
+		});
+	}, [
+		kn,
+		J.columnState,
+		Z
+	]), vr = D(() => {
+		let e = 0;
+		for (let t of _r) {
+			if (typeof t != "number") return;
+			e += t;
+		}
+		return e;
+	}, [_r]), yr = D(() => {
+		if (typeof vr == "number") return Math.max(kn, vr);
+	}, [vr, kn]), br = typeof yr == "number" && Number.isFinite(yr) ? Math.round(yr) : 0, xr = D(() => _(J), [J]), Sr = D(() => I ? rt(L?.summaryRows ?? J.rows, Z, I) : null, [
+		J.rows,
 		I,
 		L?.summaryRows,
-		$
-	]), pn = D(() => {
+		Z
+	]), Cr = D(() => {
 		if (!I) return [];
 		let e = [], t = 0;
-		for (; t < $.length;) {
-			let n = $[t], r = I.columns[n.id], i = typeof r == "object" && r ? r : void 0, a = i?.colSpan, o = Math.min(typeof a == "number" && Number.isFinite(a) ? Math.max(1, Math.floor(a)) : 1, $.length - t);
+		for (; t < Z.length;) {
+			let n = Z[t], r = I.columns[n.id], i = typeof r == "object" && r ? r : void 0, a = i?.colSpan, o = Math.min(typeof a == "number" && Number.isFinite(a) ? Math.max(1, Math.floor(a)) : 1, Z.length - t);
 			e.push({
 				className: i?.className,
 				colSpan: o,
 				column: n,
 				style: i?.style,
-				value: fn?.[n.id] ?? (e.length === 0 ? I.label : null)
+				value: Sr?.[n.id] ?? (e.length === 0 ? I.label : null)
 			}), t += o;
 		}
 		return e;
 	}, [
 		I,
-		fn,
-		$
-	]), mn = D(() => L || X.sortModel.length === 0 ? null : v(X), [X, L]), hn = mn?.length ?? X.rows.length, gn = Math.max(0, X.pagination.pageIndex) * Math.max(1, X.pagination.pageSize), _n = D(() => {
+		Sr,
+		Z
+	]), wr = D(() => L || J.sortModel.length === 0 ? null : b(J), [J, L]), Tr = D(() => wr ?? J.rows.map((e, t) => t), [wr, J.rows]), Er = Tr.length, Dr = Math.max(1, J.pagination.pageSize), Or = Math.max(0, J.pagination.pageIndex) * Dr, kr = D(() => {
+		if (!rr) return /* @__PURE__ */ new Set();
+		let e = /* @__PURE__ */ new Set(), t = R ? 0 : Or, n = R ? Tr.length : Math.min(Tr.length, Or + Dr);
+		for (let r = t; r < n; r += 1) {
+			let t = Tr[r];
+			if (t === void 0) continue;
+			let n = J.rows[t], i = J.rowIds[t];
+			if (n === void 0 || i === void 0 || !ar.has(i)) continue;
+			let a = { row: Nt({
+				dataIndex: t,
+				row: n,
+				rowId: i,
+				visibleIndex: r
+			}) };
+			Ke?.(a) !== !1 && e.add(i);
+		}
+		return e;
+	}, [
+		ar,
+		Ke,
+		Dr,
+		Or,
+		Tr,
+		rr,
+		J.rowIds,
+		J.rows,
+		R
+	]), Ar = D(() => {
+		if (!R || kr.size === 0) return null;
+		let e = Math.max(1, F), t = Tr.flatMap((t, n) => {
+			let r = J.rows[t], i = J.rowIds[t];
+			if (r === void 0 || i === void 0) return [];
+			let a = null;
+			if (kr.has(i)) {
+				let e = { row: Nt({
+					dataIndex: t,
+					row: r,
+					rowId: i,
+					visibleIndex: n
+				}) }, o = pt(v?.(e));
+				a = o.mode === "auto" ? {
+					..._t(lt.current, i, br, ft(m, F)),
+					mode: "auto"
+				} : {
+					estimated: !1,
+					height: o.height,
+					mode: "fixed"
+				};
+			}
+			return [dt({
+				dataIndex: t,
+				detail: a,
+				row: r,
+				rowHeight: e,
+				rowId: i,
+				visibleIndex: n
+			})];
+		}), n = mt.from(t.map((t) => ht(t, e))), r = /* @__PURE__ */ new Map();
+		for (let e = 0; e < t.length; e += 1) {
+			let n = t[e]?.rowId;
+			n !== void 0 && !r.has(n) && r.set(n, e);
+		}
+		return {
+			heightIndex: n,
+			keys: t.map((e) => e.key),
+			slotIndexByRowId: r,
+			slots: t
+		};
+	}, [
+		kr,
+		br,
+		m,
+		v,
+		Tr,
+		F,
+		J.rowIds,
+		J.rows,
+		R
+	]), jr = D(() => ({
+		contentWidth: br,
+		projection: Ar,
+		viewportHeight: Dn || Math.max(1, F) * 12
+	}), [
+		Dn,
+		br,
+		Ar,
+		F
+	]);
+	Me(() => {
+		if (St.current = jr, V.current.size === 0) {
+			pr();
+			return;
+		}
+		if (typeof ResizeObserver < "u") {
+			let e = H.current, t = e ?? fr();
+			if (e) for (let e of V.current.values()) yt.current.has(e.element) || (yt.current.add(e.element), t?.observe(e.element));
+			return;
+		}
+		let e = [];
+		for (let t of V.current.values()) {
+			if (ut.current.has(t.element)) continue;
+			ut.current.add(t.element);
+			let n = t.element.getBoundingClientRect();
+			Number.isFinite(n.height) && n.height > 0 && e.push({
+				height: n.height,
+				rowId: t.rowId,
+				width: Math.round(n.width)
+			});
+		}
+		dr(e);
+	});
+	let Mr = D(() => {
 		if (R) {
-			let e = Math.max(1, N), t = mt || N * 12, n = hn * e, r = Math.min(n, 15e5), i = Math.max(0, n - t), a = Math.max(0, r - t), o = i > 0 && a > 0 ? i / a : 1, s = Math.min(i, Math.max(0, en) * o), c = Math.max(0, Math.floor(s / e) - on), l = Math.min(hn, Math.ceil((s + Math.max(0, t)) / e) + on), u = c * e, d = o > 0 ? u / o : u;
+			let e = Math.max(1, F), t = Dn || F * 12;
+			if (Ar) {
+				let e = Vn && Math.abs(qn - Vn.actualPhysical) <= .5 ? Vn : null, n = gt({
+					heightIndex: Ar.heightIndex,
+					overscan: $n,
+					physicalScrollTop: e?.requestedPhysical ?? qn,
+					viewportHeight: t
+				});
+				return {
+					mixed: !0,
+					renderOffset: e ? e.actualPhysical - (e.targetLogical - n.logicalStartOffset) : n.renderOffset,
+					scrollHeight: n.physicalScrollHeight,
+					slots: Ar.slots.slice(n.startIndex, n.endIndex)
+				};
+			}
+			let n = Er * e, r = Math.min(n, 15e5), i = Math.max(0, n - t), a = Math.max(0, r - t), o = i > 0 && a > 0 ? i / a : 1, s = Math.min(i, Math.max(0, qn) * o), c = Math.max(0, Math.floor(s / e) - $n), l = Math.min(Er, Math.ceil((s + Math.max(0, t)) / e) + $n), u = c * e;
 			return {
-				entries: ot(mn, X.rows, X.rowIds, c, l),
-				renderOffset: d,
-				scrollHeight: r
+				mixed: !1,
+				renderOffset: o > 0 ? u / o : u,
+				scrollHeight: r,
+				slots: Tt(wr, J.rows, J.rowIds, c, l).map((t) => dt({
+					...t,
+					detail: null,
+					rowHeight: e
+				}))
 			};
 		}
 		return {
-			entries: ot(mn, X.rows, X.rowIds, gn, gn + Math.max(1, X.pagination.pageSize)),
+			mixed: !1,
 			renderOffset: 0,
-			scrollHeight: 0
+			scrollHeight: 0,
+			slots: Tt(wr, J.rows, J.rowIds, Or, Or + Dr).map((e) => {
+				let t = null;
+				if (kr.has(e.rowId)) {
+					let n = { row: Nt(e) }, r = pt(v?.(n));
+					t = r.mode === "auto" ? {
+						..._t(lt.current, e.rowId, br, ft(m, F)),
+						mode: "auto"
+					} : {
+						estimated: !1,
+						height: r.height,
+						mode: "fixed"
+					};
+				}
+				return dt({
+					...e,
+					detail: t,
+					rowHeight: F
+				});
+			})
 		};
 	}, [
-		mt,
-		gn,
-		N,
-		en,
-		mn,
-		X.pagination.pageSize,
-		X.rowIds,
-		X.rows,
-		on,
+		Dn,
+		br,
+		jn,
+		kr,
+		m,
+		v,
+		Vn,
+		Ar,
+		Or,
+		F,
+		qn,
+		Dr,
+		wr,
+		J.rowIds,
+		J.rows,
+		$n,
 		R,
-		hn
-	]), vn = We ?? X.theme, yn = vn.density === "compact" ? "text-[11px]" : vn.density === "spacious" ? "text-[13px]" : "text-[length:var(--comins-font-size-base,12px)]", bn = D(() => new Set(X.selection.rowIds), [X.selection.rowIds]), xn = D(() => {
-		let e = $.length;
-		if (e === 0) return [];
-		let t = $.map((e) => X.columnState[e.id]?.width ?? e.width);
-		if (Ct <= 0) {
-			let n = `${100 / e}%`;
-			return t.map((e) => e ?? n);
+		Er
+	]), Q = D(() => R ? Ar ? {
+		heightIndex: Ar.heightIndex,
+		keys: Ar.keys,
+		mixed: !0
+	} : {
+		mixed: !1,
+		projectedDataIndexes: Tr,
+		rowHeight: Math.max(1, F),
+		rowIds: J.rowIds,
+		visibleRowCount: Er
+	} : null, [
+		Ar,
+		Tr,
+		F,
+		J.rowIds,
+		R,
+		Er
+	]), Nr = Cn.current, $ = q.current, Pr = !$ && Q && Nr && Q !== Nr && z.current ? Dt({
+		logicalScrollTop: Vn && Math.abs(z.current.scrollTop - Vn.actualPhysical) <= .5 ? Vn.targetLogical : void 0,
+		physicalScrollTop: z.current.scrollTop,
+		projection: Nr,
+		viewportHeight: z.current.clientHeight || Dn || F * 12
+	}) : void 0, Fr = $?.status === "pending" ? $ : Pr;
+	Me(() => {
+		if (!Q) {
+			Cn.current = null, q.current = null, xn.current = null, Hn(null);
+			return;
 		}
-		let n = 0;
-		for (let e of t) n += e ?? 0;
-		let r = $.filter((e, n) => t[n] === void 0), i = r.length > 0 ? Math.max(0, (Ct - n) / r.length) : 0;
-		return $.map((e, n) => {
-			let r = t[n] ?? i, a = Ot(e), o = e.maxWidth ?? Infinity;
-			return Math.min(o, Math.max(a, r));
-		});
-	}, [
-		Ct,
-		X.columnState,
-		$
-	]), Sn = D(() => {
-		let e = 0;
-		for (let t of xn) {
-			if (typeof t != "number") return;
-			e += t;
+		if (Cn.current = Q, $?.status === "cancelled") {
+			let e = q.current;
+			e?.revision === $.revision && e.status === "cancelled" && (q.current = null);
+			return;
 		}
-		return e;
-	}, [xn]), Cn = D(() => {
-		if (typeof Sn == "number") return Math.max(Ct, Sn);
-	}, [Sn, Ct]), wn = typeof Sn == "number" && Ct > 0 && Sn > Ct + 1, Tn = y ? y && (Jt === void 0 || hn < Jt) : h, En = ce || Wt === "initial" || Wt === "refresh", Dn = me || Wt === "scroll", On = hn === 0, kn = En && On, An = !En && On, jn = (_ || y) && Dn && Tn && !On, Mn = Math.max(1, Math.floor(He ?? Math.min(Math.max(1, X.pagination.pageSize), 5))), Nn = (kn ? Mn : +!!An) + +!!jn, Pn = (_n.entries.length + Nn) * N, Fn = R ? 0 : Math.max(0, mt - Pn), In = X.showHeader && (ze || !On || En), Ln = (e, t) => (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === t, Rn = (e) => _n.entries[e], zn = (e, t, n) => {
-		let r = (L ? e.rows.map((e, t) => t) : v(e)).flatMap((t, n) => {
+		let e = z.current;
+		if (!e || !Fr) return;
+		let t = Et(Q), n = bt({
+			anchor: Fr.anchor,
+			getNextHeight: (e) => Q.mixed ? Q.heightIndex.getHeight(e) : Q.rowHeight,
+			nextKeys: t,
+			previousKeys: Fr.previousKeys
+		}), r = n ? (Q.mixed ? Q.heightIndex.getPrefixHeight(n.index) : n.index * Q.rowHeight) + n.offsetWithinSlot : 0, i = xt(r, Q.mixed ? Q.heightIndex.getTotalHeight() : Q.visibleRowCount * Q.rowHeight, e.clientHeight || Fr.previousViewportHeight);
+		if ($) {
+			let e = q.current;
+			if (e?.revision !== $.revision || e.status !== "pending") return;
+		}
+		if (Tn.current !== null && (window.cancelAnimationFrame(Tn.current), Tn.current = null), e.scrollTop = i, $) {
+			let e = q.current;
+			if (e?.revision !== $.revision || e.status !== "pending") return;
+		}
+		let a = e.scrollTop, o = $?.revision ?? bn.current + 1, s = Q.mixed ? {
+			actualPhysical: a,
+			requestedPhysical: i,
+			revision: o,
+			targetLogical: r
+		} : null;
+		bn.current = Math.max(bn.current, o), $ && (q.current = null), xn.current = s, Sn.current = a, Hn(s), Jn(a);
+	}, [Q, Fr]);
+	let Ir = nt ?? J.theme, Lr = Ir.density === "compact" ? "text-[11px]" : Ir.density === "spacious" ? "text-[13px]" : "text-[length:var(--comins-font-size-base,12px)]", Rr = D(() => new Set(J.selection.rowIds), [J.selection.rowIds]), zr = typeof vr == "number" && kn > 0 && vr > kn + 1, Br = ee, Vr = ge, Hr = ye, Ur = Er === 0, Wr = Vr && Ur, Gr = !Vr && Ur, Kr = (ne || x) && Hr && Br && !Ur, qr = Math.max(1, Math.floor(Xe ?? Math.min(Math.max(1, J.pagination.pageSize), 5))), Jr = (Wr ? qr : +!!Gr) + +!!Kr, Yr = Mr.slots.reduce((e, t) => e + ht(t, F), 0) + Jr * F, Xr = R ? 0 : Math.max(0, Dn - Yr), Zr = J.showHeader && (P || !Ur || Vr), Qr = (e, t) => (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === t, $r = (e) => {
+		let t = Mr.slots[e];
+		return t?.kind === "data" ? t : void 0;
+	}, ei = (e, t, n) => {
+		let r = (L ? e.rows.map((e, t) => t) : b(e)).flatMap((t, n) => {
 			let r = e.rows[t], i = e.rowIds[t];
 			return r === void 0 || i === void 0 ? [] : [{
 				dataIndex: t,
@@ -1237,54 +1822,68 @@ function Kt({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 		if (i < 0 || a < 0) return [n];
 		let o = Math.min(i, a), s = Math.max(i, a);
 		return r.slice(o, s + 1).map((e) => e.rowId);
-	}, Bn = (e, t) => {
-		Q((n) => fe(n, zn(n, e, t)));
-	}, Vn = (e) => {
-		Q((t) => fe(t, e.flatMap((e) => {
-			let t = Rn(e);
+	}, ti = (e, t) => {
+		X((n) => fe(n, ei(n, e, t)));
+	}, ni = (e) => {
+		X((t) => fe(t, e.flatMap((e) => {
+			let t = $r(e);
 			return t ? [t.rowId] : [];
 		})));
-	}, Hn = () => {
-		let e = q.current;
-		e && (e.cleanup(), e.timer !== null && window.clearTimeout(e.timer), q.current = null);
-	}, Un = (e) => {
-		q.current?.columnId !== e && (Hn(), q.current = {
+	}, ri = () => {
+		let e = En.current;
+		e && (e.cleanup(), e.timer !== null && window.clearTimeout(e.timer), En.current = null);
+	}, ii = (e) => {
+		En.current?.columnId !== e && (ri(), En.current = {
 			cleanup: () => void 0,
 			columnId: e,
 			timer: null
 		});
-	}, Wn = () => {
-		let e = q.current;
+	}, ai = () => {
+		let e = En.current;
 		e && (e.cleanup(), e.cleanup = () => void 0, e.timer = window.setTimeout(() => {
-			q.current === e && (q.current = null);
+			En.current === e && (En.current = null);
 		}, 0));
-	}, Gn = () => {
-		let e = q.current;
+	}, oi = () => {
+		let e = En.current;
 		if (!e) return;
-		let t = () => Wn(), n = () => Hn(), r = () => Hn();
+		let t = () => ai(), n = () => ri(), r = () => ri();
 		e.cleanup(), e.cleanup = () => {
 			window.removeEventListener("pointerup", t), window.removeEventListener("pointercancel", n), window.removeEventListener("blur", r);
 		}, window.addEventListener("pointerup", t, { once: !0 }), window.addEventListener("pointercancel", n, { once: !0 }), window.addEventListener("blur", r, { once: !0 });
-	}, Kn = (e) => q.current?.columnId === e ? (Hn(), !0) : !1, qn = (e, t) => {
-		e.sort && Q((n) => be(n, Pt(n.sortModel, e.id, ge && t)));
-	}, Jn = (e, t) => {
+	}, si = (e) => En.current?.columnId === e ? (ri(), !0) : !1, ci = (e, t) => {
+		e.sort && X((n) => be(n, ln(n.sortModel, e.id, Se && t)));
+	}, li = (e, t) => {
 		let n = document.elementFromPoint(e, t)?.closest("[data-comins-column-id], [data-comins-column-group-id]");
 		if (!n) return null;
-		if (n.dataset.cominsColumnId) return n.dataset.cominsColumnId;
-		let r = n.dataset.cominsColumnGroupId;
-		return (r ? Z.current.columnGroups.find((e) => e.id === r) : void 0)?.children.find((e) => $.some((t) => t.id === e)) ?? null;
+		let r = Number(n.dataset.cominsColumnDepth);
+		if (r !== 0 && r !== 1) return null;
+		if (n.dataset.cominsColumnId) return {
+			depth: r,
+			id: n.dataset.cominsColumnId,
+			kind: "column",
+			parentGroupId: n.dataset.cominsColumnParentGroupId
+		};
+		let i = n.dataset.cominsColumnGroupId;
+		return i ? {
+			depth: r,
+			id: i,
+			kind: "group"
+		} : null;
+	}, ui = (e) => {
+		let t = e.kind === "column" ? e.id : Y.current.columnGroups.find((t) => t.id === e.id)?.children.find((e) => Z.some((t) => t.id === e));
+		return t ? Z.findIndex((e) => e.id === t) : -1;
 	};
-	je(z, () => ({
-		clearSort: () => Q((e) => i(e)),
+	je(it, () => ({
+		clearSort: () => X((e) => i(e)),
 		expand: (e) => L?.onExpand(e),
 		fold: (e) => L?.onFold(e),
-		getColumnLayout: () => pe(X),
-		getSortModel: () => X.sortModel,
-		getSortState: () => X.sort,
-		setColumnLayout: (e) => Q((n) => t(n, e), { columnLayoutChanged: !0 }),
-		setMoveTargetRow: (e, t) => Q((n) => {
+		getColumnLayout: () => pe(J),
+		getSortModel: () => J.sortModel,
+		getSortState: () => J.sort,
+		setColumnLayout: (e) => X((n) => t(n, e), { columnLayoutChanged: !0 }),
+		setMoveTargetRow: (e, t) => X((n) => {
 			if (L) return n;
-			let r = v(n).flatMap((e) => {
+			let r = b(n).flatMap((e) => {
 				let t = n.rowIds[e];
 				return t === void 0 ? [] : [t];
 			}), i = r[t];
@@ -1303,65 +1902,105 @@ function Kt({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 				sortModel: []
 			} : n;
 		}),
-		setSelectedRow: (e) => Vn([e]),
-		setSelectedRows: (e) => Vn(e),
-		setSortModel: (e) => Q((t) => be(t, e)),
-		setSortState: (e) => Q((t) => xe(t, e))
+		setSelectedRow: (e) => ni([e]),
+		setSelectedRows: (e) => ni(e),
+		setSortModel: (e) => X((t) => be(t, e)),
+		setSortState: (e) => X((t) => xe(t, e))
 	}), [
-		_n.entries,
-		X,
+		Mr.slots,
+		J,
 		L
 	]);
-	let Yn = () => {
-		let e = H.current;
-		e && (e.cleanup(), e.timer !== null && window.clearTimeout(e.timer)), H.current = null, kt(null), At(null), Bt(null), Ut(null);
+	let di = () => {
+		let e = W.current;
+		e && (e.cleanup(), e.timer !== null && window.clearTimeout(e.timer)), W.current = null, Pn(null), In(null), Rn(null), Bn(null);
 	};
 	E(() => () => {
-		Yn(), Hn();
+		di(), ri(), Rt.current?.();
 	}, []);
-	let Xn = (e) => {
+	let fi = () => {
+		if (Rt.current?.(), Rt.current = null, Wt.current = null, typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
+		let e = [
+			B.current,
+			z.current,
+			at.current
+		].flatMap((e) => e ? Array.from(e.querySelectorAll("[data-comins-column-id], [data-comins-cell-column-id], [data-comins-summary-column-id]")) : []), t = /* @__PURE__ */ new Map();
+		for (let n of e) t.set(n, n.getBoundingClientRect().left);
+		Wt.current = t;
+	};
+	Me(() => {
+		let e = Wt.current;
+		if (Wt.current = null, !e) return;
+		let t = [];
+		for (let [n, r] of e) {
+			if (!n.isConnected) continue;
+			let e = r - n.getBoundingClientRect().left;
+			Math.abs(e) < .5 || (n.dataset.columnMoveAnimating = "prepare", n.style.setProperty("--comins-column-move-offset", `${e}px`), t.push(n));
+		}
+		if (t.length === 0) return;
+		t[0]?.getBoundingClientRect();
+		let n = 0, r = 0, i = () => {
+			window.cancelAnimationFrame(n), window.clearTimeout(r);
+			for (let e of t) delete e.dataset.columnMoveAnimating, e.style.removeProperty("--comins-column-move-offset");
+			Rt.current === i && (Rt.current = null);
+		};
+		return Rt.current = i, n = window.requestAnimationFrame(() => {
+			for (let e of t) e.dataset.columnMoveAnimating = "true", e.style.setProperty("--comins-column-move-offset", "0px");
+		}), r = window.setTimeout(i, 220), i;
+	}, [J.columnOrder]);
+	let pi = (e) => {
 		if (e.event.button !== 0) return;
 		let t = e.event.pointerType, n = t === "mouse" || t === "", r = () => {
-			e.sortColumnId && Un(e.sortColumnId);
+			e.sortColumnId && ii(e.sortColumnId);
 		}, i = (t, n) => {
-			let i = H.current;
-			!i || i !== u || i.active || i.blocked || (i.active = !0, i.cancelSort = !0, r(), e.activate(t, n));
-		}, a = (e) => {
-			let t = H.current;
-			if (!(!t || t !== u)) {
-				if (!t.active && !t.blocked && n) {
-					let n = Ve({
-						clientX: e.clientX,
-						clientY: e.clientY,
-						startX: t.startX,
-						startY: t.startY
+			let i = W.current;
+			!i || i !== u || i.active || i.blocked || (i.active = !0, i.cancelSort = !0, r(), e.activate(t, n), Bn({
+				...e.source,
+				status: "neutral"
+			}));
+		}, a = (t) => {
+			let a = W.current;
+			if (!(!a || a !== u)) {
+				if (!a.active && !a.blocked && n) {
+					let e = Re({
+						clientX: t.clientX,
+						clientY: t.clientY,
+						startX: a.startX,
+						startY: a.startY
 					});
-					n === "activate" ? i(e.clientX, e.clientY) : n === "cancel" && (t.blocked = !0, t.cancelSort = !0, r());
+					e === "activate" ? i(t.clientX, t.clientY) : e === "cancel" && (a.blocked = !0, a.cancelSort = !0, r());
+				}
+				if (!a.active && !a.blocked && !n && Math.hypot(t.clientX - a.startX, t.clientY - a.startY) > 4 && (a.blocked = !0, a.cancelSort = !0, window.clearTimeout(a.timer ?? void 0), r()), a.active) {
+					t.preventDefault(), Rn({
+						x: t.clientX,
+						y: t.clientY
+					});
+					let n = li(t.clientX, t.clientY);
+					Bn(n ? {
+						...n,
+						status: e.resolveTarget(n)
+					} : null);
 				}
-				!t.active && !t.blocked && !n && Math.hypot(e.clientX - t.startX, e.clientY - t.startY) > 4 && (t.blocked = !0, t.cancelSort = !0, window.clearTimeout(t.timer ?? void 0), r()), t.active && (e.preventDefault(), Bt({
-					x: e.clientX,
-					y: e.clientY
-				}), Ut(Jn(e.clientX, e.clientY)));
 			}
 		}, o = (t) => {
-			let n = H.current;
+			let n = W.current;
 			if (n === u && n.active) {
-				let n = Jn(t.clientX, t.clientY);
-				n && e.commitTarget(n);
+				let n = li(t.clientX, t.clientY);
+				n && e.resolveTarget(n) === "valid" && e.commitTarget(n);
 			}
-			n === u && n.cancelSort && Wn(), Yn();
+			n === u && n.cancelSort && ai(), di();
 		}, s = () => {
-			Hn(), Yn();
+			ri(), di();
 		}, c = (e) => {
-			e.key === "Escape" && (e.preventDefault(), H.current === u && u.cancelSort && Gn(), Yn());
+			e.key === "Escape" && (e.preventDefault(), W.current === u && u.cancelSort && oi(), di());
 		}, l = () => {
-			Hn(), Yn();
+			ri(), di();
 		}, u = {
 			active: !1,
 			blocked: !1,
 			cancelSort: !1,
 			cleanup: () => {
-				window.removeEventListener("pointermove", a), window.removeEventListener("pointerup", o), window.removeEventListener("pointercancel", s), window.removeEventListener("keydown", c), window.removeEventListener("blur", l);
+				window.removeEventListener("pointermove", a, !0), window.removeEventListener("pointerup", o, !0), window.removeEventListener("pointercancel", s, !0), window.removeEventListener("keydown", c), window.removeEventListener("blur", l);
 			},
 			id: e.id,
 			kind: e.kind,
@@ -1370,123 +2009,155 @@ function Kt({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 			startY: e.event.clientY,
 			timer: null
 		};
-		Yn(), Hn(), n || (u.timer = window.setTimeout(() => {
-			let e = H.current;
+		di(), ri(), n || (u.timer = window.setTimeout(() => {
+			let e = W.current;
 			e === u && !e.active && !e.blocked && i(e.startX, e.startY);
-		}, 1e3)), H.current = u, window.addEventListener("pointermove", a), window.addEventListener("pointerup", o), window.addEventListener("pointercancel", s), window.addEventListener("keydown", c), window.addEventListener("blur", l);
-	}, Zn = (e, t) => {
-		Xn({
-			activate: (e, n) => {
-				Bt({
+		}, 1e3)), W.current = u, window.addEventListener("pointermove", a, !0), window.addEventListener("pointerup", o, !0), window.addEventListener("pointercancel", s, !0), window.addEventListener("keydown", c), window.addEventListener("blur", l), e.activateImmediately && i(u.startX, u.startY);
+	}, mi = (e, t, n = !1) => {
+		let r = t.column;
+		if (r.lockPosition) return;
+		let i = {
+			depth: +!!t.groupId,
+			id: r.id,
+			kind: "column",
+			parentGroupId: t.groupId
+		};
+		pi({
+			activateImmediately: n,
+			activate: (e, t) => {
+				Rn({
 					x: e,
-					y: n
-				}), Ut(t.id), At(null), kt(t.id);
+					y: t
+				}), In(null), Pn(r.id);
 			},
 			commitTarget: (e) => {
-				if (e === t.id) return;
-				let n = $.findIndex((t) => t.id === e);
-				if (n >= 0) {
-					let e = Z.current, r = ie(e, t.id, n);
-					r !== e && r.columnOrder.some((t, n) => t !== e.columnOrder[n]) && Q(r, { columnLayoutChanged: !0 });
+				let t = ui(e);
+				if (t >= 0) {
+					let e = Y.current, n = S(e, r.id, t);
+					n !== e && n.columnOrder.some((t, n) => t !== e.columnOrder[n]) && (fi(), X(n, { columnLayoutChanged: !0 }));
 				}
 			},
 			event: e,
-			id: t.id,
+			id: r.id,
 			kind: "column",
-			sortColumnId: t.id
+			resolveTarget: (e) => {
+				let t = ui(e);
+				if (t < 0) return "invalid";
+				let n = Y.current, a = S(n, r.id, t);
+				return Ct(i, e, a.columnOrder.some((e, t) => e !== n.columnOrder[t]));
+			},
+			sortColumnId: r.id,
+			source: i
 		});
-	}, Qn = (e, t) => {
-		Xn({
+	}, hi = (e, t, n = !1) => {
+		if (t.lockPosition) return;
+		let r = {
+			depth: 0,
+			id: t.id,
+			kind: "group"
+		};
+		pi({
+			activateImmediately: n,
 			activate: (e, n) => {
-				Bt({
+				Rn({
 					x: e,
 					y: n
-				}), Ut(t.children[0] ?? null), kt(null), At(t.id);
+				}), Pn(null), In(t.id);
 			},
 			commitTarget: (e) => {
-				if (t.children.includes(e)) return;
-				let n = $.findIndex((t) => t.id === e);
+				let n = ui(e);
 				if (n >= 0) {
-					let e = Z.current, r = C(e, t.id, n);
-					r !== e && r.columnOrder.some((t, n) => t !== e.columnOrder[n]) && Q(r, { columnLayoutChanged: !0 });
+					let e = Y.current, r = C(e, t.id, n);
+					r !== e && r.columnOrder.some((t, n) => t !== e.columnOrder[n]) && (fi(), X(r, { columnLayoutChanged: !0 }));
 				}
 			},
 			event: e,
 			id: t.id,
-			kind: "group"
+			kind: "group",
+			resolveTarget: (e) => {
+				let n = ui(e);
+				if (n < 0) return "invalid";
+				let i = Y.current, a = C(i, t.id, n);
+				return Ct(r, e, a.columnOrder.some((e, t) => e !== i.columnOrder[t]));
+			},
+			source: r
 		});
-	}, $n = (e, t) => {
-		if (e.shiftKey && G.current !== null) {
-			Bn(G.current, t.rowId), G.current = t.rowId;
+	}, gi = (e, t) => {
+		if (e.shiftKey && K.current !== null) {
+			ti(K.current, t.rowId), K.current = t.rowId;
 			return;
 		}
-		Q((n) => T(n, t.rowId, {
+		X((n) => de(n, t.rowId, {
 			multi: e.ctrlKey || e.metaKey,
 			toggle: e.ctrlKey || e.metaKey
-		})), G.current = t.rowId;
-	}, er = (e, t, n) => {
+		})), K.current = t.rowId;
+	}, _i = (e, t, n) => {
 		if (n) {
 			e.preventDefault();
 			return;
 		}
-		if (Ie?.(ft(e, t)), !(e.defaultPrevented || e.target !== e.currentTarget)) {
-			if (L && (Ln(e, "c") || Ln(e, "v"))) {
+		if (Ve?.(Pt(e, t)), !(e.defaultPrevented || e.target !== e.currentTarget)) {
+			if (L && (Qr(e, "c") || Qr(e, "v"))) {
 				e.preventDefault();
 				return;
 			}
-			if (Ln(e, "c")) {
-				e.preventDefault(), Je.current = s(X, t.rowId);
+			if (Qr(e, "c")) {
+				e.preventDefault(), ct.current = s(J, t.rowId);
 				return;
 			}
-			Ln(e, "v") && Je.current && (e.preventDefault(), Q((e) => se(e, Je.current, {
+			Qr(e, "v") && ct.current && (e.preventDefault(), X((e) => oe(e, ct.current, {
 				mode: "insert-after",
 				targetRowId: t.rowId
 			})));
 		}
-	}, tr = (e, t, n, r, i, s) => {
+	}, vi = (e, t, n, r, i, s) => {
 		if (s) {
 			e.preventDefault(), e.stopPropagation();
 			return;
 		}
-		if (Fe?.(pt(e, t, n, r, g(X, t.row, n.id))), !e.defaultPrevented) {
-			if (Ln(e, "c")) {
-				e.preventDefault(), e.stopPropagation(), qe.current = X.selection.range ? o(X) : null, Ke.current = qe.current ? null : a(X, i);
+		if (Be?.(Ft(e, t, n, r, g(J, t.row, n.id))), !e.defaultPrevented) {
+			if (Qr(e, "c")) {
+				e.preventDefault(), e.stopPropagation(), st.current = J.selection.range ? o(J) : null, ot.current = st.current ? null : a(J, i);
 				return;
 			}
-			Ln(e, "v") && (qe.current || Ke.current) && (e.preventDefault(), e.stopPropagation(), Q((e) => qe.current ? oe(e, i, qe.current) : ae(e, i, Ke.current)));
+			Qr(e, "v") && (st.current || ot.current) && (e.preventDefault(), e.stopPropagation(), X((e) => st.current ? T(e, i, st.current) : ae(e, i, ot.current)));
 		}
-	}, nr = (e, t, r) => {
-		n && (r || e.button !== 0 || e.shiftKey || (tt.current = t, nt.current = t, rt.current = !1));
-	}, rr = (e, t) => {
-		let n = document.elementFromPoint(e, t)?.closest("[data-comins-cell-column-id][data-comins-data-index]"), r = n?.dataset.cominsCellColumnId, i = n?.dataset.cominsDataIndex === void 0 ? NaN : Number(n.dataset.cominsDataIndex), a = Number.isInteger(i) ? X.rowIds[i] : void 0;
+	}, yi = (e, t, r) => {
+		n && (r || e.button !== 0 || e.shiftKey || (gn.current = t, _n.current = t, vn.current = !1));
+	}, bi = (e, t) => {
+		let n = document.elementFromPoint(e, t)?.closest("[data-comins-cell-column-id][data-comins-data-index]"), r = n?.dataset.cominsCellColumnId, i = n?.dataset.cominsDataIndex === void 0 ? NaN : Number(n.dataset.cominsDataIndex), a = Number.isInteger(i) ? J.rowIds[i] : void 0;
 		return r && a !== void 0 ? {
 			columnId: r,
 			rowId: a
 		} : null;
-	}, ir = (e) => {
+	}, xi = (e) => {
 		if (!n) return;
-		let t = tt.current;
-		!t || t.rowId === e.rowId && t.columnId === e.columnId || (rt.current = !0, nt.current = e, Ye.current = t, Q((n) => de(n, {
+		let t = gn.current;
+		!t || t.rowId === e.rowId && t.columnId === e.columnId || (vn.current = !0, _n.current = e, G.current = t, X((n) => ue(n, {
 			anchor: t,
 			focus: e
 		})));
-	}, ar = () => {
-		n && (tt.current = null, nt.current = null);
-	}, or = (e, t, n) => {
-		if (nr(e, t, n), n || e.button !== 0 || e.shiftKey) return;
+	}, Si = () => {
+		n && (gn.current = null, _n.current = null);
+	}, Ci = (e, t, n) => {
+		if (yi(e, t, n), n || e.button !== 0 || e.shiftKey) return;
 		let r = (e) => {
 			if (e.buttons !== 1) return;
-			let t = rr(e.clientX, e.clientY);
-			t && ir(t);
+			let t = bi(e.clientX, e.clientY);
+			t && xi(t);
 		}, i = () => {
-			ar(), window.removeEventListener("pointermove", r), window.removeEventListener("pointerup", i);
+			window.removeEventListener("pointermove", r), window.removeEventListener("pointerup", a), window.removeEventListener("pointercancel", o), window.removeEventListener("blur", o), U.current === i && (U.current = null);
+		}, a = () => {
+			i(), Si();
+		}, o = () => {
+			i(), Si();
 		};
-		e.preventDefault(), window.addEventListener("pointermove", r), window.addEventListener("pointerup", i);
-	}, sr = (e, t, n, r) => {
+		e.preventDefault(), cr(i), window.addEventListener("pointermove", r), window.addEventListener("pointerup", a), window.addEventListener("pointercancel", o), window.addEventListener("blur", o);
+	}, wi = (e, t, n, r) => {
 		if (n || !r || e.button !== 0) return;
 		e.preventDefault(), e.stopPropagation();
 		let i = t.rowId, a = (e) => {
-			it.current = e, $t(e);
+			yn.current = e, Kn(e);
 		}, o = (e, t) => {
 			let n = document.elementFromPoint(e, t)?.closest("[data-comins-row-data-index]");
 			if (!n || n.dataset.cominsRowDataIndex === void 0) return;
@@ -1497,120 +2168,190 @@ function Kt({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 			});
 		}, s = (e) => {
 			e.buttons === 1 && o(e.clientX, e.clientY);
-		}, c = (e) => {
-			window.removeEventListener("pointermove", s), window.removeEventListener("pointerup", c), o(e.clientX, e.clientY);
-			let t = it.current?.targetDataIndex;
-			a(null), t !== void 0 && Q((e) => w(e, i, t));
+		}, c = () => {
+			window.removeEventListener("pointermove", s), window.removeEventListener("pointerup", l), window.removeEventListener("pointercancel", u), window.removeEventListener("blur", u), U.current === c && (U.current = null);
+		}, l = (e) => {
+			c(), o(e.clientX, e.clientY);
+			let t = yn.current?.targetDataIndex;
+			a(null), t !== void 0 && X((e) => w(e, i, t));
+		}, u = () => {
+			c(), a(null);
 		};
-		o(e.clientX, e.clientY), window.addEventListener("pointermove", s), window.addEventListener("pointerup", c);
-	}, cr = J ? $.find((e) => e.id === J) : void 0, lr = Y ? X.columnGroups.find((e) => e.id === Y) : void 0, ur = cr?.label ?? lr?.label, dr = (e, t) => {
-		if (e.kind === "group") return /* @__PURE__ */ j("th", {
-			className: ["comins-table__th comins-table__group-th px-3 py-2 text-left font-semibold", Y === e.groupId ? "comins-column-moving" : void 0].filter(Boolean).join(" "),
-			colSpan: e.colSpan,
-			"data-column-moving": Y === e.groupId ? "true" : void 0,
-			"data-column-placeholder": Y === e.groupId ? "true" : void 0,
-			"data-comins-column-group-id": e.groupId,
-			"data-testid": `header-group-${e.groupId}`,
-			onPointerDown: (t) => Qn(t, e.group),
-			rowSpan: e.rowSpan,
-			scope: "colgroup",
-			children: [
-				/* @__PURE__ */ A("span", {
-					"aria-hidden": "true",
-					className: "comins-column-drop-marker"
-				}),
-				/* @__PURE__ */ A("span", {
-					className: "comins-table__header-content",
-					"data-comins-header-body": "true",
-					children: /* @__PURE__ */ A("span", {
-						className: "comins-table__header-label",
-						children: e.group.label
+		o(e.clientX, e.clientY), cr(c), window.addEventListener("pointermove", s), window.addEventListener("pointerup", l), window.addEventListener("pointercancel", u), window.addEventListener("blur", u);
+	}, Ti = Nn ? Z.find((e) => e.id === Nn) : void 0, Ei = Fn ? J.columnGroups.find((e) => e.id === Fn) : void 0, Di = Ti ? Qt(Ti.label, Ti.id) : Ei ? Qt(Ei.label, Ei.id) : void 0, Oi = (e, t) => {
+		if (e.kind === "group") {
+			let t = zn?.kind === "group" && zn.id === e.groupId, n = Fn === e.groupId, r = e.group.lockPosition === !0, i = Qt(e.group.label, e.groupId);
+			return /* @__PURE__ */ j("th", {
+				"aria-label": n ? i : void 0,
+				className: ["comins-table__th comins-table__group-th px-3 py-2 text-left font-semibold", n ? "comins-column-moving" : void 0].filter(Boolean).join(" "),
+				colSpan: e.colSpan,
+				"data-column-drop-target": t ? "true" : void 0,
+				"data-column-drop-valid": t && zn.status !== "neutral" ? zn.status === "valid" ? "true" : "false" : void 0,
+				"data-column-moving": n ? "true" : void 0,
+				"data-column-placeholder": n ? "true" : void 0,
+				"data-column-position-locked": r ? "true" : void 0,
+				"data-comins-column-depth": "0",
+				"data-comins-column-group-id": e.groupId,
+				"data-testid": `header-group-${e.groupId}`,
+				onPointerDown: (t) => hi(t, e.group),
+				rowSpan: e.rowSpan,
+				scope: "colgroup",
+				children: [
+					/* @__PURE__ */ A("span", {
+						"aria-hidden": "true",
+						className: "comins-column-drop-marker"
+					}),
+					/* @__PURE__ */ j("span", {
+						...n ? Zt : {},
+						"aria-hidden": n ? "true" : void 0,
+						className: "comins-table__header-content",
+						"data-comins-header-body": "true",
+						inert: n ? !0 : void 0,
+						ref: Xt,
+						children: [Je && !r ? /* @__PURE__ */ A("span", {
+							"aria-hidden": "true",
+							className: "comins-column-move-handle",
+							"data-comins-column-move-handle": "true",
+							"data-testid": `column-group-move-handle-${e.groupId}`,
+							draggable: !1,
+							onClick: (e) => e.stopPropagation(),
+							onPointerDown: (t) => {
+								t.preventDefault(), t.stopPropagation(), hi(t, e.group, !0);
+							},
+							children: /* @__PURE__ */ A(Qe, { name: "columnMove" })
+						}) : null, /* @__PURE__ */ A("span", {
+							className: "comins-table__header-label",
+							children: n ? null : e.group.label
+						})]
+					}),
+					n ? /* @__PURE__ */ A("span", {
+						"aria-hidden": "true",
+						className: "comins-column-placeholder-label",
+						children: i
+					}) : null,
+					/* @__PURE__ */ A("span", {
+						"aria-hidden": "true",
+						className: "comins-table__resize",
+						"data-resizing": Un === e.groupId ? "true" : void 0,
+						"data-testid": `resize-group-${e.groupId}`,
+						onClick: (e) => e.stopPropagation(),
+						onPointerDown: (t) => {
+							t.preventDefault(), t.stopPropagation();
+							let n = t.clientX, r = t.currentTarget.closest("th")?.getBoundingClientRect().width, i = /* @__PURE__ */ new Map();
+							for (let t of e.group.children) {
+								let e = Z.find((e) => e.id === t);
+								if (!e) continue;
+								let n = Array.from(B.current?.querySelectorAll("[data-comins-column-id]") ?? []).find((t) => t.dataset.cominsColumnId === e.id)?.getBoundingClientRect().width, r = Y.current.columnState[e.id]?.width ?? e.width ?? 160;
+								i.set(e.id, n && Number.isFinite(n) ? n : r);
+							}
+							let a = [...i.values()].reduce((e, t) => e + t, 0), o = r && Number.isFinite(r) ? r : Math.max(1, a);
+							Wn(e.groupId);
+							let s = (t) => {
+								X((r) => {
+									let a = r;
+									for (let [e, t] of i) a = _e(a, e, t);
+									return he(a, e.groupId, o + t.clientX - n);
+								}, { columnLayoutChanged: !0 });
+							}, c = () => {
+								window.removeEventListener("pointermove", s), window.removeEventListener("pointerup", l), window.removeEventListener("pointercancel", u), window.removeEventListener("blur", u), U.current === c && (U.current = null);
+							}, l = () => {
+								c(), Wn(null);
+							}, u = () => {
+								c(), Wn(null);
+							};
+							cr(c), window.addEventListener("pointermove", s), window.addEventListener("pointerup", l), window.addEventListener("pointercancel", u), window.addEventListener("blur", u);
+						},
+						children: /* @__PURE__ */ A("span", { className: "comins-table__resize-line" })
 					})
-				}),
-				/* @__PURE__ */ A("span", {
-					"aria-hidden": "true",
-					className: "comins-table__resize",
-					"data-resizing": Xt === e.groupId ? "true" : void 0,
-					"data-testid": `resize-group-${e.groupId}`,
-					onClick: (e) => e.stopPropagation(),
-					onPointerDown: (t) => {
-						t.preventDefault(), t.stopPropagation();
-						let n = t.clientX, r = t.currentTarget.closest("th")?.getBoundingClientRect().width, i = /* @__PURE__ */ new Map();
-						for (let t of e.group.children) {
-							let e = $.find((e) => e.id === t);
-							if (!e) continue;
-							let n = Array.from(V.current?.querySelectorAll("[data-comins-column-id]") ?? []).find((t) => t.dataset.cominsColumnId === e.id)?.getBoundingClientRect().width, r = Z.current.columnState[e.id]?.width ?? e.width ?? 160;
-							i.set(e.id, n && Number.isFinite(n) ? n : r);
-						}
-						let a = [...i.values()].reduce((e, t) => e + t, 0), o = r && Number.isFinite(r) ? r : Math.max(1, a);
-						Zt(e.groupId);
-						let s = (t) => {
-							Q((r) => {
-								let a = r;
-								for (let [e, t] of i) a = _e(a, e, t);
-								return he(a, e.groupId, o + t.clientX - n);
-							}, { columnLayoutChanged: !0 });
-						}, c = () => {
-							Zt(null), window.removeEventListener("pointermove", s), window.removeEventListener("pointerup", c);
-						};
-						window.addEventListener("pointermove", s), window.addEventListener("pointerup", c);
-					},
-					children: /* @__PURE__ */ A("span", { className: "comins-table__resize-line" })
-				})
-			]
-		}, `group-${e.groupId}`);
-		let n = e.column, r = $.findIndex((e) => e.id === n.id), i = r >= 0 ? r : t, a = X.columnState[n.id], o = n.header?.props ?? {}, s = Ft(X.sortModel, n.id), c = It(X.sortModel, n.id), l = c === "asc" || c === "desc", u = s !== null && X.sortModel.length > 1, d = !!lr?.children.includes(n.id), f = J === n.id || d, p = [
+				]
+			}, `group-${e.groupId}`);
+		}
+		let n = e.column, r = Z.findIndex((e) => e.id === n.id), i = r >= 0 ? r : t, a = J.columnState[n.id], o = n.header?.props ?? {}, s = un(J.sortModel, n.id), c = dn(J.sortModel, n.id), l = c === "asc" || c === "desc", u = s !== null && J.sortModel.length > 1, d = !!Ei?.children.includes(n.id), f = Nn === n.id || d, p = Qt(n.label, n.id), m = [
 			"comins-table__th px-3 py-2 text-left font-semibold",
-			J === n.id ? "comins-column-moving" : void 0,
+			Nn === n.id ? "comins-column-moving" : void 0,
 			o.className
-		].filter(Boolean).join(" "), m = St(X, n, i), h = n.header?.renderer ? n.header.renderer(m) : null, g = n.header?.renderer ? [] : Et(n.header?.components, m, "left"), ee = n.header?.renderer ? [] : Et(n.header?.components, m, "right"), _ = g.length > 0 || ee.length > 0;
+		].filter(Boolean).join(" "), h = Ut(J, n, i), g = n.header?.renderer, _ = g ? Gt.current.get(n.id) : void 0, v = !!g && (!f || _?.renderer !== g), y = g ? v ? g(h) : _?.body : null;
+		g && v ? gr.set(n.id, {
+			body: y,
+			renderer: g
+		}) : g && _ && gr.set(n.id, _);
+		let b = n.header?.renderer ? [] : qt(n.header?.components, h, "left"), ee = n.header?.renderer ? [] : qt(n.header?.components, h, "right"), te = b.length > 0 || ee.length > 0, ne = zn?.kind === "column" && zn.id === n.id, re = n.lockPosition === !0;
 		return /* @__PURE__ */ De("th", {
 			...o,
-			className: p,
+			"aria-label": f ? p : o["aria-label"],
+			"aria-labelledby": f ? void 0 : o["aria-labelledby"],
+			className: m,
 			colSpan: e.colSpan,
-			"data-column-drop-target": Ht === n.id ? "true" : void 0,
-			"data-column-moving": J === n.id ? "true" : void 0,
+			"data-column-drop-target": ne ? "true" : void 0,
+			"data-column-drop-valid": ne && zn.status !== "neutral" ? zn.status === "valid" ? "true" : "false" : void 0,
+			"data-column-moving": Nn === n.id ? "true" : void 0,
 			"data-column-placeholder": f ? "true" : void 0,
+			"data-column-position-locked": re ? "true" : void 0,
+			"data-comins-column-depth": e.groupId ? "1" : "0",
 			"data-comins-column-id": n.id,
 			"data-comins-column-index": i,
-			"data-sort-count": s ? X.sortModel.length : void 0,
+			"data-comins-column-parent-group-id": e.groupId,
+			"data-sort-count": s ? J.sortModel.length : void 0,
 			"data-sort-direction": s?.rule.direction,
 			"data-sort-priority": s?.priority,
 			"data-sortable": n.sort ? "true" : "false",
 			"data-testid": `header-${n.id}`,
-			"aria-sort": n.sort ? Lt(X.sortModel, n.id) : void 0,
+			"aria-sort": n.sort ? fn(J.sortModel, n.id) : void 0,
 			key: `column-${n.id}`,
 			onClick: (e) => {
-				o.onClick?.(e), !(e.defaultPrevented || !n.sort) && (Kn(n.id) || qn(n, e.shiftKey));
+				if (f) {
+					e.preventDefault();
+					return;
+				}
+				o.onClick?.(e), !(e.defaultPrevented || !n.sort) && (si(n.id) || ci(n, e.shiftKey));
 			},
 			onKeyDown: (e) => {
-				o.onKeyDown?.(e), !(e.defaultPrevented || !n.sort) && (e.key === "Enter" || e.key === " " || e.key === "Spacebar") && (e.preventDefault(), qn(n, e.shiftKey));
+				if (f) {
+					e.preventDefault();
+					return;
+				}
+				o.onKeyDown?.(e), !(e.defaultPrevented || !n.sort) && (e.key === "Enter" || e.key === " " || e.key === "Spacebar") && (e.preventDefault(), ci(n, e.shiftKey));
 			},
-			onPointerDown: (e) => Zn(e, n),
+			onPointerDown: (t) => mi(t, e),
 			rowSpan: e.rowSpan,
 			scope: "col",
 			style: {
 				width: a?.width ?? n.width,
 				...o.style
 			},
-			tabIndex: n.sort ? 0 : void 0
+			tabIndex: n.sort && !f ? 0 : void 0
 		}, /* @__PURE__ */ A("span", {
 			"aria-hidden": "true",
 			className: "comins-column-drop-marker"
 		}), /* @__PURE__ */ j("span", {
+			...f ? Zt : {},
+			"aria-hidden": f ? "true" : void 0,
 			className: "comins-table__header-content",
 			"data-comins-header-body": "true",
-			"data-comins-header-components": _ ? "true" : void 0,
+			"data-comins-header-components": te ? "true" : void 0,
 			"data-comins-sort-indicator-visible": l ? "true" : void 0,
+			inert: f ? !0 : void 0,
+			ref: Xt,
 			children: [
-				/* @__PURE__ */ A("span", {
+				/* @__PURE__ */ j("span", {
 					className: "comins-table__header-slot",
 					"data-comins-header-slot": "left",
-					children: g
+					children: [Je && !re ? /* @__PURE__ */ A("span", {
+						"aria-hidden": "true",
+						className: "comins-column-move-handle",
+						"data-comins-column-move-handle": "true",
+						"data-testid": `column-move-handle-${n.id}`,
+						draggable: !1,
+						onClick: (e) => e.stopPropagation(),
+						onPointerDown: (t) => {
+							t.preventDefault(), t.stopPropagation(), mi(t, e, !0);
+						},
+						children: /* @__PURE__ */ A(Qe, { name: "columnMove" })
+					}) : null, b]
 				}),
 				/* @__PURE__ */ A("span", {
 					className: "comins-table__header-label",
-					children: n.header?.renderer ? h : n.label
+					children: n.header?.renderer ? y : f ? null : n.label
 				}),
 				/* @__PURE__ */ j("span", {
 					className: "comins-sort-meta",
@@ -1621,12 +2362,7 @@ function Kt({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 						"data-sort-state": c,
 						"data-sort-visible": l ? "true" : void 0,
 						"data-testid": `sort-indicator-${n.id}`,
-						children: /* @__PURE__ */ A(Be, {
-							className: "comins-sort-icon",
-							focusable: "false",
-							size: 14,
-							strokeWidth: 2.25
-						})
+						children: /* @__PURE__ */ A(Qe, { name: c === "asc" ? "sortAscending" : c === "desc" ? "sortDescending" : "sortUnsorted" })
 					}), u ? /* @__PURE__ */ A("span", {
 						"aria-hidden": "true",
 						className: "comins-sort-priority",
@@ -1636,7 +2372,7 @@ function Kt({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 				}),
 				u ? /* @__PURE__ */ A("span", {
 					className: "comins-table__sort-status",
-					children: `Sorted ${s.rule.direction === "asc" ? "ascending" : "descending"}, priority ${s.priority} of ${X.sortModel.length}`
+					children: `Sorted ${s.rule.direction === "asc" ? "ascending" : "descending"}, priority ${s.priority} of ${J.sortModel.length}`
 				}) : null,
 				/* @__PURE__ */ A("span", {
 					className: "comins-table__header-slot",
@@ -1644,126 +2380,137 @@ function Kt({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 					children: ee
 				})
 			]
-		}), /* @__PURE__ */ A("span", {
+		}), f ? /* @__PURE__ */ A("span", {
+			"aria-hidden": "true",
+			className: "comins-column-placeholder-label",
+			children: p
+		}) : null, /* @__PURE__ */ A("span", {
 			"aria-hidden": "true",
 			className: "comins-table__resize",
-			"data-resizing": Xt === n.id ? "true" : void 0,
+			"data-resizing": Un === n.id ? "true" : void 0,
 			"data-testid": `resize-${n.id}`,
 			onClick: (e) => e.stopPropagation(),
 			onPointerDown: (e) => {
 				e.preventDefault(), e.stopPropagation();
 				let t = e.clientX, r = e.currentTarget.closest("th")?.getBoundingClientRect().width, i = /* @__PURE__ */ new Map();
-				for (let e of $) {
-					let t = Array.from(V.current?.querySelectorAll("[data-comins-column-id]") ?? []).find((t) => t.dataset.cominsColumnId === e.id)?.getBoundingClientRect().width, n = Z.current.columnState[e.id]?.width ?? e.width ?? 160;
+				for (let e of Z) {
+					let t = Array.from(B.current?.querySelectorAll("[data-comins-column-id]") ?? []).find((t) => t.dataset.cominsColumnId === e.id)?.getBoundingClientRect().width, n = Y.current.columnState[e.id]?.width ?? e.width ?? 160;
 					i.set(e.id, t && Number.isFinite(t) ? t : n);
 				}
 				let o = i.get(n.id) ?? (r && Number.isFinite(r) ? r : a?.width ?? n.width ?? 160);
-				Zt(n.id);
+				Wn(n.id);
 				let s = (e) => {
-					Q((r) => {
+					X((r) => {
 						let a = r;
 						for (let [e, t] of i) a = _e(a, e, t);
-						return jt(a, n.id, Math.max(Ot(n), o + e.clientX - t));
+						return on(a, n.id, Math.max(en(n), o + e.clientX - t));
 					}, { columnLayoutChanged: !0 });
 				}, c = () => {
-					Zt(null), window.removeEventListener("pointermove", s), window.removeEventListener("pointerup", c);
+					window.removeEventListener("pointermove", s), window.removeEventListener("pointerup", l), window.removeEventListener("pointercancel", u), window.removeEventListener("blur", u), U.current === c && (U.current = null);
+				}, l = () => {
+					c(), Wn(null);
+				}, u = () => {
+					c(), Wn(null);
 				};
-				window.addEventListener("pointermove", s), window.addEventListener("pointerup", c);
+				cr(c), window.addEventListener("pointermove", s), window.addEventListener("pointerup", l), window.addEventListener("pointercancel", u), window.addEventListener("blur", u);
 			},
 			children: /* @__PURE__ */ A("span", { className: "comins-table__resize-line" })
 		}));
-	}, fr = () => /* @__PURE__ */ A("colgroup", { children: $.map((e, t) => /* @__PURE__ */ A("col", { style: { width: xn[t] } }, e.id)) }), pr = () => {
-		tn((e) => {
-			let t = at.current;
+	}, ki = () => /* @__PURE__ */ A("colgroup", { children: Z.map((e, t) => /* @__PURE__ */ A("col", { style: { width: _r[t] } }, e.id)) }), Ai = () => {
+		Jn((e) => {
+			let t = Sn.current;
 			return Math.abs(e - t) > .5 ? t : e;
 		});
-	}, mr = (e) => {
-		if (y) {
-			if (!M || Ze.current) return;
-			e.scrollHeight - e.scrollTop - e.clientHeight <= cn && ln("scroll");
+	}, ji = (e) => {
+		if (x) {
+			if (!He || Yt.current) return;
+			e.scrollHeight - e.scrollTop - e.clientHeight <= tr && lr("scroll");
 			return;
 		}
-		if (!_ || !h || me || !Le) return;
-		let t = Math.max(0, te);
+		if (!ne || !ee || ye || !Ue) return;
+		let t = Math.max(0, ie);
 		if (e.scrollHeight - e.scrollTop - e.clientHeight > t) return;
-		let n = Z.current.rows.length;
-		W.current !== n && (W.current = n, Le());
-	}, hr = (e) => {
-		let t = e.currentTarget;
-		at.current = t.scrollTop, mr(t), K.current !== null && (window.clearTimeout(K.current), K.current = null), dt.current === null && (dt.current = window.requestAnimationFrame(() => {
-			dt.current = null, pr();
+		let n = Y.current.rows.length;
+		cn.current !== n && (cn.current = n, Ue());
+	}, Mi = (e) => {
+		let t = e.currentTarget, n = xn.current, r = q.current;
+		Sn.current = t.scrollTop, r?.status === "pending" && Math.abs(t.scrollTop - r.previousPhysicalScrollTop) > .5 && (q.current = {
+			...r,
+			status: "cancelled"
+		}), n && Math.abs(t.scrollTop - n.actualPhysical) > .5 && (xn.current = null, Hn(null)), ji(t), wn.current !== null && (window.clearTimeout(wn.current), wn.current = null), Tn.current === null && (Tn.current = window.requestAnimationFrame(() => {
+			Tn.current = null, Ai();
 		}));
-		let n = Math.max(0, t.scrollLeft);
-		if (V.current) {
-			let e = Math.max(0, V.current.scrollWidth - V.current.clientWidth), r = Math.max(0, t.scrollWidth - t.clientWidth);
-			n = Math.min(Math.min(e, r), n), Math.abs(t.scrollLeft - n) > .5 && (t.scrollLeft = n), V.current.scrollLeft = n;
+		let i = Math.max(0, t.scrollLeft);
+		if (B.current) {
+			let e = Math.max(0, B.current.scrollWidth - B.current.clientWidth), n = Math.max(0, t.scrollWidth - t.clientWidth);
+			i = Math.min(Math.min(e, n), i), Math.abs(t.scrollLeft - i) > .5 && (t.scrollLeft = i), B.current.scrollLeft = i;
 		}
-		Ge.current && (Ge.current.scrollLeft = n);
+		at.current && (at.current.scrollLeft = i);
 	};
 	return /* @__PURE__ */ j("div", {
 		className: [
 			"comins-table comins-typography-base h-full w-full overflow-hidden",
-			yn,
-			vn.className,
+			Lr,
+			Ir.className,
 			r
 		].filter(Boolean).join(" "),
-		"aria-busy": En || Dn ? "true" : void 0,
-		"data-loading": En || Dn ? "true" : void 0,
-		"data-show-header": In ? "true" : void 0,
+		"aria-busy": Vr || Hr ? "true" : void 0,
+		"data-loading": Vr || Hr ? "true" : void 0,
+		"data-show-header": Zr ? "true" : void 0,
 		style: {
-			...vn.style,
-			...Ue
+			...Ir.style,
+			...Ze
 		},
 		children: [
-			In ? /* @__PURE__ */ A("div", {
+			Zr ? /* @__PURE__ */ A("div", {
 				className: "comins-table__header",
-				ref: V,
+				ref: B,
 				children: /* @__PURE__ */ j("table", {
 					className: "comins-table__table comins-table__header-table min-w-full table-fixed",
-					style: { width: Cn },
-					children: [fr(), /* @__PURE__ */ A("thead", {
+					style: { width: yr },
+					children: [ki(), /* @__PURE__ */ A("thead", {
 						className: "comins-table__thead",
-						children: dn.map((e, t) => /* @__PURE__ */ A("tr", { children: e.map((e, t) => dr(e, t)) }, `header-row-${t}`))
+						children: xr.map((e, t) => /* @__PURE__ */ A("tr", { children: e.map((e, t) => Oi(e, t)) }, `header-row-${t}`))
 					})]
 				})
 			}) : null,
 			/* @__PURE__ */ j("div", {
 				className: "comins-table__body-viewport",
-				"data-horizontal-overflow": wn ? "true" : void 0,
+				"data-horizontal-overflow": zr ? "true" : void 0,
 				"data-virtualized": R ? "true" : void 0,
 				"data-testid": f,
-				onScroll: hr,
-				ref: B,
+				onScroll: Mi,
+				ref: z,
 				children: [
 					/* @__PURE__ */ j("table", {
 						className: ["comins-table__table comins-table__body-table min-w-full table-fixed", R ? "comins-table__body-table--virtualized" : void 0].filter(Boolean).join(" "),
 						style: R ? {
-							transform: `translate3d(0, ${_n.renderOffset}px, 0)`,
-							width: Cn
-						} : { width: Cn },
-						children: [fr(), /* @__PURE__ */ j("tbody", { children: [
-							kn ? Array.from({ length: Mn }).map((e, t) => /* @__PURE__ */ A("tr", {
+							transform: `translate3d(0, ${Mr.renderOffset}px, 0)`,
+							width: yr
+						} : { width: yr },
+						children: [ki(), /* @__PURE__ */ j("tbody", { children: [
+							Wr ? Array.from({ length: qr }).map((e, t) => /* @__PURE__ */ A("tr", {
 								"aria-hidden": "true",
 								className: "comins-table__tr comins-table__skeleton-row",
 								"data-comins-row-parity": t % 2 == 0 ? "even" : "odd",
 								"data-testid": "loading-skeleton-row",
-								style: { height: N },
-								children: $.length > 0 ? $.map((e) => /* @__PURE__ */ A("td", {
+								style: { height: F },
+								children: Z.length > 0 ? Z.map((e) => /* @__PURE__ */ A("td", {
 									className: "comins-table__td comins-table__skeleton-cell px-3 py-2",
 									"data-testid": `loading-skeleton-cell-${t}-${e.id}`,
-									style: { height: N },
+									style: { height: F },
 									children: /* @__PURE__ */ A("span", { className: "comins-table__skeleton-block" })
 								}, e.id)) : /* @__PURE__ */ A("td", {
 									className: "comins-table__td comins-table__skeleton-cell px-3 py-2",
 									children: /* @__PURE__ */ A("span", { className: "comins-table__skeleton-block" })
 								})
 							}, `loading-skeleton-${t}`)) : null,
-							An ? /* @__PURE__ */ A("tr", {
+							Gr ? /* @__PURE__ */ A("tr", {
 								className: "comins-table__tr comins-table__empty-state-row",
-								style: { height: N },
+								style: { height: F },
 								children: /* @__PURE__ */ A("td", {
 									className: "comins-table__td comins-table__empty-state-cell",
-									colSpan: Math.max(1, $.length),
+									colSpan: Math.max(1, Z.length),
 									children: /* @__PURE__ */ A("div", {
 										"data-testid": "data-table-empty-state",
 										className: "comins-table__empty-state",
@@ -1771,195 +2518,245 @@ function Kt({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 									})
 								})
 							}) : null,
-							_n.entries.map((e, t) => {
-								let r = ct(P, e.row, e.visibleIndex), i = bn.has(e.rowId), a = Fn === 0 && t === _n.entries.length - 1, o = lt(r.style), s = R ? `virtual-row-slot-${t}` : String(e.rowId);
-								return /* @__PURE__ */ j(Te, { children: [Qt?.targetDataIndex === e.dataIndex && Qt.sourceRowId !== e.rowId ? /* @__PURE__ */ A("tr", {
-									"aria-hidden": "true",
-									className: "comins-row-move-placeholder",
-									children: /* @__PURE__ */ A("td", {
-										colSpan: Math.max(1, $.length),
-										"data-testid": "row-move-placeholder",
-										children: "이 위치로 이동"
-									})
-								}) : null, /* @__PURE__ */ A("tr", {
-									"aria-disabled": r.disabled ? "true" : void 0,
-									"aria-selected": i,
-									className: [
-										"comins-table__tr",
-										a ? "comins-table__tr--viewport-end" : void 0,
-										i ? "comins-row-selected" : void 0,
-										r.className
-									].filter(Boolean).join(" "),
-									"data-disabled": r.disabled ? "true" : void 0,
-									"data-comins-row-custom-background": o === void 0 ? void 0 : "true",
-									"data-comins-row-data-index": e.dataIndex,
-									"data-comins-row-parity": e.visibleIndex % 2 == 0 ? "even" : "odd",
-									"data-row-draggable": r.draggable ? "true" : "false",
-									"data-selected-row": i ? "true" : void 0,
-									"data-testid": `row-${String(e.rowId)}`,
-									draggable: !1,
-									onClick: (t) => {
-										if (r.disabled) {
-											t.preventDefault();
-											return;
-										}
-										t.__cominsCellSelectionHandled || $n(t, e), ke?.(ft(t, e));
-									},
-									onContextMenu: (t) => {
-										if (r.disabled) {
-											t.preventDefault();
-											return;
-										}
-										Q((t) => T(t, e.rowId)), G.current = e.rowId, Me?.(ft(t, e));
-									},
-									onDoubleClick: (t) => {
-										if (r.disabled) {
-											t.preventDefault();
-											return;
-										}
-										Pe?.(ft(t, e));
-									},
-									onKeyDown: (t) => er(t, e, r.disabled),
-									style: ut(N, r.style, o),
-									tabIndex: r.disabled ? -1 : 0,
-									children: $.map((t, a) => {
-										let o = g(X, e.row, t.id), s = {
-											columnId: t.id,
-											rowId: e.rowId
-										}, c = n && x(X, s), l = n && X.selection.cell?.rowId === e.rowId && X.selection.cell.columnId === t.id, u = ht(e, r.disabled, i, X.selection.rowIds.length, t, a, o), d = gt(t, u), f = r.disabled || vt(d, u), p = { requestRowSelection: ({ event: t, mode: n }) => f ? !1 : n === "exclusive" ? (Q((t) => T(t, e.rowId)), G.current = e.rowId, !0) : ($n(t, e), !0) }, m = st(yt(d, u)), h = bt(d, u), ee = !!t.cell?.components?.length, _ = xt(t, o, u), te = t.cell?.components?.map((e) => {
-											if (e.type !== "input") return e;
-											let t = e.onValueChange;
-											return {
-												...e,
-												onValueChange: (e) => {
-													Q((t) => we(t, [{
-														id: e.row.id,
-														patch: (t) => Mt(t, e.column.field, e.value)
-													}])), t?.(e);
-												}
-											};
-										}), v = Tt(te, u), y = t.cell?.renderer ? t.cell.renderer(u) : ee ? Dt(_, te, u, {
-											interaction: p,
-											showContent: !1
-										}) : /* @__PURE__ */ A("span", {
-											className: "comins-table__cell-value",
-											children: _
-										}), ne = typeof t.cell?.tooltip == "function" ? t.cell.tooltip(u) : t.cell?.tooltip, b = a === 0 ? L?.entriesByRowId.get(e.rowId) : void 0, S = b ? /* @__PURE__ */ j("span", {
-											className: "comins-tree-cell-content",
-											style: { "--comins-tree-depth": b.depth },
-											children: [b.hasChildren ? /* @__PURE__ */ A("button", {
-												"aria-expanded": b.expanded,
-												"aria-label": `${b.expanded ? "Collapse" : "Expand"} ${String(e.rowId)}`,
-												className: "comins-tree-expander",
-												"data-testid": `tree-expander-${String(e.rowId)}`,
-												onClick: (t) => {
-													t.preventDefault(), t.stopPropagation(), L?.onToggle(e.rowId);
-												},
-												onMouseDown: (e) => e.stopPropagation(),
-												onPointerDown: (e) => e.stopPropagation(),
-												type: "button",
-												children: b.expanded ? "▾" : "▸"
+							Mr.slots.map((e, t) => {
+								if (e.kind !== "data") return null;
+								let r = e, i = At(Ge, r.row, r.visibleIndex), a = Rr.has(r.rowId), o = t === Mr.slots.length - 1, s = r.visibleIndex === Er - 1, c = Mr.scrollHeight >= Dn - 1, l = o && (R ? s && c : Xr === 0), u = jt(i.style), d = R && Mr.mixed ? r.key : R ? `virtual-row-slot-${t}` : String(r.rowId), f = { row: Nt(r) }, p = rr && (Ke?.(f) ?? !0), m = p && kr.has(r.rowId), h = m && r.detail?.mode === "fixed" ? r.detail.height : void 0, _ = r.detail?.mode ?? "fixed", v = `${typeof r.rowId}-${encodeURIComponent(String(r.rowId))}`, y = `comins-row-detail-${encodeURIComponent(Yn)}-${v}`, b = `${y}-content`, ee = `${y}-toggle`;
+								return /* @__PURE__ */ j(Ee, { children: [
+									Gn?.targetDataIndex === r.dataIndex && Gn.sourceRowId !== r.rowId ? /* @__PURE__ */ A("tr", {
+										"aria-hidden": "true",
+										className: "comins-row-move-placeholder",
+										children: /* @__PURE__ */ A("td", {
+											colSpan: Math.max(1, Z.length),
+											"data-testid": "row-move-placeholder",
+											children: "이 위치로 이동"
+										})
+									}) : null,
+									/* @__PURE__ */ A("tr", {
+										"aria-disabled": i.disabled ? "true" : void 0,
+										"aria-selected": a,
+										className: [
+											"comins-table__tr",
+											l && !m ? "comins-table__tr--viewport-end" : void 0,
+											a ? "comins-row-selected" : void 0,
+											i.className
+										].filter(Boolean).join(" "),
+										"data-disabled": i.disabled ? "true" : void 0,
+										"data-comins-row-custom-background": u === void 0 ? void 0 : "true",
+										"data-comins-row-data-index": r.dataIndex,
+										"data-comins-row-parity": r.visibleIndex % 2 == 0 ? "even" : "odd",
+										"data-row-draggable": i.draggable ? "true" : "false",
+										"data-selected-row": a ? "true" : void 0,
+										"data-testid": `row-${String(r.rowId)}`,
+										draggable: !1,
+										onClick: (e) => {
+											if (i.disabled) {
+												e.preventDefault();
+												return;
+											}
+											e.__cominsCellSelectionHandled || gi(e, r), Fe?.(Pt(e, r));
+										},
+										onContextMenu: (e) => {
+											if (i.disabled) {
+												e.preventDefault();
+												return;
+											}
+											X((e) => wt(e, r.rowId)), K.current = r.rowId, Le?.(Pt(e, r));
+										},
+										onDoubleClick: (e) => {
+											if (i.disabled) {
+												e.preventDefault();
+												return;
+											}
+											ze?.(Pt(e, r));
+										},
+										onKeyDown: (e) => _i(e, r, i.disabled),
+										style: Mt(F, i.style, u),
+										tabIndex: i.disabled ? -1 : 0,
+										children: Z.map((e, t) => {
+											let o = g(J, r.row, e.id), s = {
+												columnId: e.id,
+												rowId: r.rowId
+											}, c = n && re(J, s), l = n && J.selection.cell?.rowId === r.rowId && J.selection.cell.columnId === e.id, u = It(r, i.disabled, a, J.selection.rowIds.length, e, t, o), d = Lt(e, u), f = i.disabled || zt(d, u), h = { requestRowSelection: ({ event: e, mode: t }) => f ? !1 : t === "exclusive" ? (X((e) => de(e, r.rowId)), K.current = r.rowId, !0) : (gi(e, r), !0) }, _ = Ot(Bt(d, u)), v = Vt(d, u), y = !!e.cell?.components?.length, te = Ht(e, o, u), ne = e.cell?.components?.map((e) => {
+												if (e.type !== "input") return e;
+												let t = e.onValueChange;
+												return {
+													...e,
+													onValueChange: (e) => {
+														X((t) => we(t, [{
+															id: e.row.id,
+															patch: (t) => sn(t, e.column.field, e.value)
+														}])), t?.(e);
+													}
+												};
+											}), ie = Kt(ne, u), x = e.cell?.renderer ? e.cell.renderer(u) : y ? $t(te, ne, u, {
+												interaction: h,
+												showContent: !1
 											}) : /* @__PURE__ */ A("span", {
-												"aria-hidden": "true",
-												className: "comins-tree-expander-spacer"
-											}), /* @__PURE__ */ A("span", {
-												className: "comins-tree-cell-value",
-												children: y
-											})]
-										}) : y;
-										return /* @__PURE__ */ j("td", {
-											"aria-disabled": f ? "true" : void 0,
-											className: [
-												"comins-table__td px-3 py-2",
-												a === 0 ? "comins-table__td--with-row-handle" : void 0,
-												c ? "comins-cell-range-selected" : void 0,
-												m
-											].filter(Boolean).join(" "),
-											"data-disabled": f ? "true" : void 0,
-											"data-comins-cell-column-id": t.id,
-											"data-comins-component-cell": v.length > 0 ? "true" : void 0,
-											"data-comins-data-index": e.dataIndex,
-											"data-range-selected": c ? "true" : void 0,
-											"data-selected": l ? "true" : void 0,
-											"data-testid": `cell-${String(e.rowId)}-${t.id}`,
-											draggable: !1,
-											onClick: (r) => {
-												if (Oe && r.stopPropagation(), f) {
-													r.preventDefault(), r.stopPropagation();
-													return;
-												}
-												if (rt.current) {
-													rt.current = !1, r.__cominsCellSelectionHandled = !0;
-													return;
-												}
-												let i = n ? X.selection.cell ?? Ye.current : null;
-												if (r.shiftKey && i) {
-													r.__cominsCellSelectionHandled = !0, Ye.current = i, Q((t) => de(G.current === null ? T(t, e.rowId) : fe(t, zn(t, G.current, e.rowId)), {
-														anchor: i,
-														focus: s
-													})), G.current = e.rowId;
-													return;
-												}
-												n && (Ye.current = s), Q((t) => {
-													let i = T(t, e.rowId, {
-														multi: r.ctrlKey || r.metaKey,
-														toggle: r.ctrlKey || r.metaKey
-													});
-													return n ? ue(i, s) : i;
-												}), r.__cominsCellSelectionHandled = !0, G.current = e.rowId, Oe?.(pt(r, e, t, a, o));
-											},
-											onContextMenu: (r) => {
-												if (f) {
-													r.preventDefault(), r.stopPropagation();
-													return;
-												}
-												Q((t) => {
-													let r = T(t, e.rowId);
-													return n ? ue(r, s) : r;
-												}), G.current = e.rowId, n && (Ye.current = s), Ae && (r.stopPropagation(), Ae(pt(r, e, t, a, o)));
-											},
-											onDoubleClick: (n) => {
-												if (Ne && n.stopPropagation(), f) {
-													n.preventDefault(), n.stopPropagation();
-													return;
-												}
-												Ne?.(pt(n, e, t, a, o));
-											},
-											onKeyDown: (n) => tr(n, e, t, a, s, f),
-											onMouseDown: (e) => nr(e, s, f),
-											onMouseOver: () => ir(s),
-											onMouseUp: ar,
-											onPointerDown: (e) => or(e, s, f),
-											onPointerEnter: () => ir(s),
-											onPointerMove: (e) => {
-												e.buttons === 1 && ir(s);
-											},
-											onPointerUp: ar,
-											style: {
-												height: N,
-												...h
-											},
-											title: typeof ne == "string" ? ne : void 0,
-											tabIndex: f ? -1 : 0,
-											children: [a === 0 && r.draggable ? /* @__PURE__ */ A("span", {
-												"aria-hidden": "true",
-												className: "comins-row-drag-handle",
-												"data-testid": `row-drag-handle-${String(e.rowId)}`,
+												className: "comins-table__cell-value",
+												children: te
+											}), S = typeof e.cell?.tooltip == "function" ? e.cell.tooltip(u) : e.cell?.tooltip, C = e.id === L?.treeColumnId ? L.entriesByRowId.get(r.rowId) : void 0, w = C ? /* @__PURE__ */ j("span", {
+												className: "comins-tree-cell-content",
+												style: { "--comins-tree-depth": C.depth },
+												children: [C.hasChildren ? /* @__PURE__ */ A($e, {
+													"aria-expanded": C.expanded,
+													"aria-label": `${C.expanded ? "Collapse" : "Expand"} ${String(r.rowId)}`,
+													className: "comins-tree-expander",
+													"data-testid": `tree-expander-${String(r.rowId)}`,
+													icon: C.expanded ? "disclosureExpanded" : "disclosureCollapsed",
+													onClick: (e) => {
+														e.preventDefault(), e.stopPropagation(), L?.onToggle(r.rowId);
+													},
+													onMouseDown: (e) => e.stopPropagation(),
+													onPointerDown: (e) => e.stopPropagation()
+												}) : /* @__PURE__ */ A("span", {
+													"aria-hidden": "true",
+													className: "comins-tree-expander-spacer"
+												}), /* @__PURE__ */ A("span", {
+													className: "comins-tree-cell-value",
+													children: x
+												})]
+											}) : x;
+											return /* @__PURE__ */ A("td", {
+												"aria-disabled": f ? "true" : void 0,
+												className: [
+													"comins-table__td px-3 py-2",
+													c ? "comins-cell-range-selected" : void 0,
+													_
+												].filter(Boolean).join(" "),
+												"data-disabled": f ? "true" : void 0,
+												"data-comins-cell-column-id": e.id,
+												"data-comins-component-cell": ie.length > 0 ? "true" : void 0,
+												"data-comins-data-index": r.dataIndex,
+												"data-range-selected": c ? "true" : void 0,
+												"data-selected": l ? "true" : void 0,
+												"data-testid": `cell-${String(r.rowId)}-${e.id}`,
 												draggable: !1,
-												onClick: (e) => e.stopPropagation(),
-												onMouseDown: (e) => e.stopPropagation(),
-												onPointerDown: (t) => sr(t, e, r.disabled, r.draggable)
-											}) : null, S]
-										}, t.id);
-									})
-								}, s)] }, s);
+												onClick: (i) => {
+													if (Pe && i.stopPropagation(), f) {
+														i.preventDefault(), i.stopPropagation();
+														return;
+													}
+													if (vn.current) {
+														vn.current = !1, i.__cominsCellSelectionHandled = !0;
+														return;
+													}
+													let a = n ? J.selection.cell ?? G.current : null;
+													if (i.shiftKey && a) {
+														i.__cominsCellSelectionHandled = !0, G.current = a, X((e) => ue(K.current === null ? de(e, r.rowId) : fe(e, ei(e, K.current, r.rowId)), {
+															anchor: a,
+															focus: s
+														})), K.current = r.rowId;
+														return;
+													}
+													n && (G.current = s), X((e) => {
+														let t = de(e, r.rowId, {
+															multi: i.ctrlKey || i.metaKey,
+															toggle: i.ctrlKey || i.metaKey
+														});
+														return n ? le(t, s) : t;
+													}), i.__cominsCellSelectionHandled = !0, K.current = r.rowId, Pe?.(Ft(i, r, e, t, o));
+												},
+												onContextMenu: (i) => {
+													if (i.target.closest(".comins-row-detail-expander")) {
+														i.stopPropagation();
+														return;
+													}
+													if (f) {
+														i.preventDefault(), i.stopPropagation();
+														return;
+													}
+													X((e) => {
+														let t = wt(e, r.rowId);
+														return n ? le(t, s) : t;
+													}), K.current = r.rowId, n && (G.current = s), Ie && (i.stopPropagation(), Ie(Ft(i, r, e, t, o)));
+												},
+												onDoubleClick: (n) => {
+													if (n.target.closest(".comins-row-detail-expander")) {
+														n.stopPropagation();
+														return;
+													}
+													if (N && n.stopPropagation(), f) {
+														n.preventDefault(), n.stopPropagation();
+														return;
+													}
+													N?.(Ft(n, r, e, t, o));
+												},
+												onKeyDown: (n) => vi(n, r, e, t, s, f),
+												onMouseDown: (e) => yi(e, s, f),
+												onMouseOver: (e) => {
+													e.buttons === 1 && !U.current && xi(s);
+												},
+												onMouseUp: Si,
+												onPointerDown: (e) => Ci(e, s, f),
+												onPointerEnter: (e) => {
+													e.buttons === 1 && xi(s);
+												},
+												onPointerMove: (e) => {
+													e.buttons === 1 && xi(s);
+												},
+												onPointerUp: Si,
+												style: {
+													height: F,
+													...v
+												},
+												title: typeof S == "string" ? S : void 0,
+												tabIndex: f ? -1 : 0,
+												children: t === 0 && (rr || i.draggable) ? /* @__PURE__ */ j("div", {
+													className: "comins-row-cell-content",
+													children: [/* @__PURE__ */ j("span", {
+														className: "comins-row-leading-controls",
+														children: [rr ? p ? /* @__PURE__ */ A(et, {
+															controlsId: b,
+															disabled: !M,
+															expanded: m,
+															id: ee,
+															label: `${m ? "Collapse" : "Expand"} ${String(r.rowId)} details`,
+															onElement: (e) => {
+																e ? kt.current.set(r.rowId, e) : kt.current.delete(r.rowId);
+															},
+															onToggle: () => or(r.rowId, p),
+															testId: `row-detail-toggle-${String(r.rowId)}`
+														}) : /* @__PURE__ */ A("span", {
+															"aria-hidden": "true",
+															className: "comins-row-detail-expander-spacer",
+															"data-comins-row-leading-control": "disclosure"
+														}) : null, i.draggable ? /* @__PURE__ */ A("span", {
+															"aria-hidden": "true",
+															className: "comins-row-drag-handle",
+															"data-comins-row-leading-control": "drag",
+															"data-testid": `row-drag-handle-${String(r.rowId)}`,
+															draggable: !1,
+															onClick: (e) => e.stopPropagation(),
+															onMouseDown: (e) => e.stopPropagation(),
+															onPointerDown: (e) => wi(e, r, i.disabled, i.draggable)
+														}) : null]
+													}), /* @__PURE__ */ A("div", {
+														className: "comins-row-cell-content__value",
+														children: w
+													})]
+												}) : w
+											}, e.id);
+										})
+									}, d),
+									m ? /* @__PURE__ */ A(tt, {
+										colSpan: Z.length,
+										contentId: b,
+										fixedHeight: h,
+										labelId: ee,
+										onContentElement: (e) => mr(r.rowId, _, e),
+										ownerId: String(r.rowId),
+										testId: `row-detail-content-${String(r.rowId)}`,
+										getToggleElement: () => kt.current.get(r.rowId) ?? null,
+										children: qe?.(f)
+									}) : null
+								] }, d);
 							}),
-							jn ? /* @__PURE__ */ A("tr", {
+							Kr ? /* @__PURE__ */ A("tr", {
 								className: "comins-table__tr comins-table__infinite-loading-row",
-								style: { height: N },
+								style: { height: F },
 								children: /* @__PURE__ */ j("td", {
 									className: "comins-table__td comins-table__infinite-loading-cell",
-									colSpan: Math.max(1, $.length),
+									colSpan: Math.max(1, Z.length),
 									"data-testid": "data-table-infinite-loading-row",
 									children: [/* @__PURE__ */ A("span", {
 										className: "comins-table__loading-spinner",
@@ -1967,13 +2764,13 @@ function Kt({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 									}), /* @__PURE__ */ A("span", { children: "데이터를 불러오는 중입니다." })]
 								})
 							}) : null,
-							Fn > 0 ? /* @__PURE__ */ A("tr", {
+							Xr > 0 ? /* @__PURE__ */ A("tr", {
 								"aria-hidden": "true",
 								className: "comins-table-empty-filler",
 								children: /* @__PURE__ */ A("td", {
-									colSpan: Math.max(1, $.length),
+									colSpan: Math.max(1, Z.length),
 									"data-testid": "table-empty-filler",
-									style: { height: Fn }
+									style: { height: Xr }
 								})
 							}) : null
 						] })]
@@ -1982,35 +2779,36 @@ function Kt({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 						"aria-hidden": "true",
 						className: "comins-table__body-virtual-sizer",
 						style: {
-							height: _n.scrollHeight,
-							width: Cn
+							height: Mr.scrollHeight,
+							width: yr
 						}
 					}) : null,
-					En && !On ? /* @__PURE__ */ j("div", {
+					Vr && !Ur ? /* @__PURE__ */ j("div", {
 						className: "comins-table__loading-overlay",
 						"data-testid": "data-table-loading-overlay",
 						role: "status",
-						style: en > 0 ? { transform: `translateY(${en}px)` } : void 0,
+						style: qn > 0 ? { transform: `translateY(${qn}px)` } : void 0,
 						children: [/* @__PURE__ */ A("span", {
 							className: "comins-table__loading-spinner",
 							"data-testid": "data-table-loading-spinner"
-						}), /* @__PURE__ */ A("span", { children: le ?? "불러오는 중입니다." })]
+						}), /* @__PURE__ */ A("span", { children: ve ?? "불러오는 중입니다." })]
 					}) : null
 				]
 			}),
 			I ? /* @__PURE__ */ A("div", {
 				"aria-label": "Table summary",
 				className: "comins-table__summary",
-				ref: Ge,
+				ref: at,
 				children: /* @__PURE__ */ j("table", {
 					className: "comins-table__table comins-table__summary-table min-w-full table-fixed",
-					style: { width: Cn },
-					children: [fr(), /* @__PURE__ */ A("tfoot", { children: /* @__PURE__ */ A("tr", {
+					style: { width: yr },
+					children: [ki(), /* @__PURE__ */ A("tfoot", { children: /* @__PURE__ */ A("tr", {
 						className: ["comins-table__summary-row", I.className].filter(Boolean).join(" "),
 						style: I.style,
-						children: pn.map((e) => /* @__PURE__ */ A("td", {
+						children: Cr.map((e) => /* @__PURE__ */ A("td", {
 							className: ["comins-table__summary-cell px-3 py-2", e.className].filter(Boolean).join(" "),
 							colSpan: e.colSpan,
+							"data-comins-summary-column-id": e.column.id,
 							"data-testid": `summary-cell-${e.column.id}`,
 							style: e.style,
 							children: e.value
@@ -2018,57 +2816,66 @@ function Kt({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 					}) })]
 				})
 			}) : null,
-			ur && Nt ? /* @__PURE__ */ A("div", {
+			Di && Ln ? /* @__PURE__ */ j("div", {
 				"aria-hidden": "true",
 				className: "comins-column-move-ghost",
 				"data-testid": "column-move-ghost",
 				style: {
-					left: Nt.x + 12,
-					top: Nt.y + 12
+					left: Ln.x + 12,
+					top: Ln.y + 12
 				},
-				children: ur
+				children: [/* @__PURE__ */ A(Qe, { name: "columnMove" }), /* @__PURE__ */ A("span", {
+					className: "comins-column-move-ghost__label",
+					children: Di
+				})]
 			}) : null
 		]
 	});
 }
-function qt({ data: e, defaultExpandAll: t = !0, getRowId: n, hasMoreRows: r, infiniteScroll: i, infiniteScrollThreshold: a, lazyLoad: o, lazyLoadBatchSize: s, lazyLoadMode: c, lazyLoadThreshold: l, loadingMore: u, onChangeData: d, onChangeSort: f, onChangeSortModel: p, onLazyLoad: m, onLoadMore: h, rowProps: g, tree: ee, ..._ }, te) {
-	let v = O(t).current, [y, ne] = k([]), b = D(() => Wt(e, _.columns, y), [
+function xn({ data: e, defaultExpandAll: t = !0, estimatedRowDetailHeight: n, expandedRowIds: r, getRowDetailHeight: i, getRowId: a, hasMoreRows: o, infiniteScroll: s, infiniteScrollThreshold: c, lazyLoad: l, lazyLoadBatchSize: u, lazyLoadMode: d, lazyLoadThreshold: f, loadingMore: p, onChangeData: m, onChangeExpandedRowIds: h, onChangeSort: g, onChangeSortModel: _, onLazyLoad: v, onLoadMore: y, rowProps: b, isRowExpandable: ee, renderRowDetail: te, tree: ne, ...re }, ie) {
+	let x = O(t).current, [S, C] = k([]), w = D(() => re.columns.map((e, t) => t === 0 ? {
+		...e,
+		lockPosition: !0
+	} : e), [re.columns]), ae = w[0]?.id ?? w[0]?.field ?? null, T = D(() => vn(e, w, S), [
 		e,
-		_.columns,
-		y
-	]), x = D(() => G(b, n, { defaultExpandAll: v }), [
-		n,
-		v,
-		b
-	]), S = D(() => new Map(x.map((e) => [e.rowId, e])), [x]), re = D(() => ({
-		entriesByRowId: S,
+		w,
+		S
+	]), oe = D(() => B(T, a, { defaultExpandAll: x }), [
+		a,
+		x,
+		T
+	]), se = D(() => new Map(oe.map((e) => [e.rowId, e])), [oe]), ce = D(() => ({
+		entriesByRowId: se,
 		onExpand: (t) => {
-			let r = Gt(e, t, !0, n, v);
-			r !== e && d?.([...r]);
+			let n = yn(e, t, !0, a, x);
+			n !== e && m?.([...n]);
 		},
 		onFold: (t) => {
-			let r = Gt(e, t, !1, n, v);
-			r !== e && d?.([...r]);
+			let n = yn(e, t, !1, a, x);
+			n !== e && m?.([...n]);
 		},
-		onToggle: (t) => d?.(nt(e, t, n, { defaultExpandAll: v })),
-		summaryRows: tt(e)
+		onToggle: (t) => m?.(st(e, t, a, { defaultExpandAll: x })),
+		summaryRows: ot(e),
+		treeColumnId: ae
 	}), [
 		e,
-		S,
-		n,
-		v,
-		d
-	]), ie = (t) => {
-		let r = e;
+		se,
+		a,
+		x,
+		m,
+		ae
+	]), le = (t) => {
+		let n = e;
 		t.forEach((e, t) => {
-			let i = x[t];
-			i && i.item !== e && (r = rt(r, i.rowId, n, () => e));
-		}), r !== e && d?.([...r]);
+			let r = oe[t];
+			r && r.item !== e && (n = ct(n, r.rowId, a, () => e));
+		}), n !== e && m?.([...n]);
 	};
-	return /* @__PURE__ */ A(Jt, {
-		..._,
-		data: x.map((e) => e.item),
-		getRowId: n,
+	return /* @__PURE__ */ A(q, {
+		...re,
+		columns: w,
+		data: oe.map((e) => e.item),
+		getRowId: a,
 		hasMoreRows: !1,
 		infiniteScroll: !1,
 		infiniteScrollThreshold: void 0,
@@ -2077,38 +2884,38 @@ function qt({ data: e, defaultExpandAll: t = !0, getRowId: n, hasMoreRows: r, in
 		lazyLoadMode: void 0,
 		lazyLoadThreshold: void 0,
 		loadingMore: !1,
-		onChangeData: ie,
-		onChangeSort: f,
+		onChangeData: le,
+		onChangeSort: g,
 		onChangeSortModel: (e) => {
-			ne(e), p?.(e);
+			C(e), _?.(e);
 		},
 		onLazyLoad: void 0,
 		onLoadMore: void 0,
 		pagination: {
 			pageIndex: 0,
-			pageSize: Math.max(1, x.length)
+			pageSize: Math.max(1, oe.length)
 		},
 		rowProps: {
-			...g,
+			...b,
 			draggable: !1
 		},
 		tree: !1,
-		ref: te,
-		treeContext: re
+		ref: ie,
+		treeContext: ce
 	});
 }
-var Jt = Oe(Kt), Yt = Oe(qt);
-function Xt(e, t) {
-	return e.tree ? /* @__PURE__ */ A(Yt, {
+var q = Oe(bn), Sn = Oe(xn);
+function Cn(e, t) {
+	return e.tree ? /* @__PURE__ */ A(Sn, {
 		...e,
 		ref: t
-	}) : /* @__PURE__ */ A(Jt, {
+	}) : /* @__PURE__ */ A(q, {
 		...e,
 		ref: t
 	});
 }
-var Zt = Oe(Xt), Qt = "comins-table";
+var wn = Oe(Cn), Tn = "comins-table";
 //#endregion
-export { Zt as CominsTable, e as addCominsRows, t as applyCominsColumnLayout, n as clearCominsCellRange, r as clearCominsSelection, i as clearCominsSortState, Qt as cominsTablePackage, a as copyCominsCell, o as copyCominsCellRange, s as copyCominsRow, c as createCominsTableState, l as deleteCominsRows, u as exportCominsRowsToCsv, d as exportCominsRowsToJson, f as fillCominsCellRange, G as flattenCominsTree, p as formatCominsCellValue, m as getCominsCellClassName, h as getCominsCellStyle, g as getCominsCellValue, ee as getCominsHeaderRows, _ as getCominsPageRows, te as getCominsSelectedCellRange, v as getCominsSortedRowIndexes, $e as getCominsSummaryValues, tt as getCominsTreeLeafItems, y as getCominsVirtualRows, ne as getCominsVisibleColumns, b as isCominsCellDisabled, x as isCominsCellInSelectedRange, S as isCominsCellSelected, re as isCominsRowSelected, ie as moveCominsColumn, C as moveCominsColumnGroup, w as moveCominsRow, ae as pasteCominsCell, oe as pasteCominsCellRange, se as pasteCominsRow, ce as queryCominsRows, le as replaceCominsRows, ue as selectCell, de as selectCellRange, T as selectRow, fe as selectRows, pe as serializeCominsColumnLayout, me as setCominsColumnGroupHidden, he as setCominsColumnGroupWidth, ge as setCominsColumnHidden, _e as setCominsColumnWidth, ve as setCominsHeaderVisible, ye as setCominsPagination, be as setCominsSortModel, xe as setCominsSortState, Se as setCominsTableTheme, Ce as sortCominsRows, it as sortCominsTreeSiblings, nt as toggleCominsTreeNode, we as updateCominsRows, rt as updateCominsTreeItem };
+export { wn as CominsTable, e as addCominsRows, t as applyCominsColumnLayout, n as clearCominsCellRange, r as clearCominsSelection, i as clearCominsSortState, Tn as cominsTablePackage, a as copyCominsCell, o as copyCominsCellRange, s as copyCominsRow, c as createCominsTableState, l as deleteCominsRows, u as exportCominsRowsToCsv, d as exportCominsRowsToJson, f as fillCominsCellRange, B as flattenCominsTree, p as formatCominsCellValue, m as getCominsCellClassName, h as getCominsCellStyle, g as getCominsCellValue, _ as getCominsHeaderRows, v as getCominsPageRows, y as getCominsSelectedCellRange, b as getCominsSortedRowIndexes, rt as getCominsSummaryValues, ot as getCominsTreeLeafItems, ee as getCominsVirtualRows, te as getCominsVisibleColumns, ne as isCominsCellDisabled, re as isCominsCellInSelectedRange, ie as isCominsCellSelected, x as isCominsRowSelected, S as moveCominsColumn, C as moveCominsColumnGroup, w as moveCominsRow, ae as pasteCominsCell, T as pasteCominsCellRange, oe as pasteCominsRow, se as queryCominsRows, ce as replaceCominsRows, le as selectCell, ue as selectCellRange, de as selectRow, fe as selectRows, pe as serializeCominsColumnLayout, me as setCominsColumnGroupHidden, he as setCominsColumnGroupWidth, ge as setCominsColumnHidden, _e as setCominsColumnWidth, ve as setCominsHeaderVisible, ye as setCominsPagination, be as setCominsSortModel, xe as setCominsSortState, Se as setCominsTableTheme, Ce as sortCominsRows, lt as sortCominsTreeSiblings, st as toggleCominsTreeNode, we as updateCominsRows, ct as updateCominsTreeItem };
 
 //# sourceMappingURL=index.js.map