comins-table 0.1.5 → 0.1.7

package/dist/index.js

@@ -1,48 +1,468 @@
-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 x, getCominsVisibleColumns as ee, isCominsCellDisabled as S, isCominsCellInSelectedRange as C, isCominsCellSelected as w, isCominsRowSelected as te, moveCominsColumn as ne, moveCominsColumnGroup as re, moveCominsRow as ie, pasteCominsCell as ae, pasteCominsCellRange as T, pasteCominsRow as oe, queryCominsRows as se, replaceCominsRows as ce, selectCell as le, selectCellRange as ue, selectRow as E, selectRows as de, serializeCominsColumnLayout as fe, setCominsColumnGroupHidden as pe, setCominsColumnGroupWidth as me, setCominsColumnHidden as he, setCominsColumnWidth as D, setCominsHeaderVisible as ge, setCominsPagination as _e, setCominsSortModel as ve, setCominsSortState as ye, setCominsTableTheme as be, sortCominsRows as xe, updateCominsRows as Se } from "./core.js";
-import { Fragment as Ce, createElement as we, forwardRef as Te, useEffect as O, useId as Ee, useImperativeHandle as De, useLayoutEffect as Oe, useMemo as k, useRef as A, useState as j } from "react";
-import { jsx as M, jsxs as N } from "react/jsx-runtime";
-function ke({ clientX: e, clientY: t, startX: n, startY: r }) {
+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 x, getCominsVisibleColumns as ee, isCominsCellDisabled as te, isCominsCellInSelectedRange as ne, isCominsCellSelected as re, isCominsRowSelected as S, moveCominsColumn as ie, moveCominsColumnGroup as C, moveCominsRow as ae, moveCominsRowToGroup as oe, pasteCominsCell as w, pasteCominsCellRange as se, pasteCominsRow as ce, queryCominsRows as T, replaceCominsRows as le, selectCell as ue, selectCellRange as de, selectRow as fe, selectRows as pe, serializeCominsColumnLayout as me, setCominsColumnGroupHidden as he, setCominsColumnGroupWidth as ge, setCominsColumnHidden as _e, setCominsColumnWidth as ve, setCominsHeaderVisible as ye, setCominsPagination as be, setCominsSortModel as xe, setCominsSortState as Se, setCominsTableTheme as Ce, sortCominsRows as we, updateCominsRows as Te } from "./core.js";
+import * as Ee from "react";
+import { Fragment as De, createElement as Oe, forwardRef as ke, isValidElement as Ae, useEffect as E, useId as je, useImperativeHandle as Me, useLayoutEffect as Ne, useMemo as D, useRef as O, useState as k } from "react";
+import { CaretSortIcon as Pe, ChevronRightIcon as Fe, DragHandleDots2Icon as Ie, MagnifyingGlassIcon as Le, ThickArrowDownIcon as Re, ThickArrowUpIcon as ze } from "@radix-ui/react-icons";
+import { Fragment as Be, jsx as A, jsxs as j } from "react/jsx-runtime";
+function Ve({ 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/filtering.ts
+var He = {
+	boolean: /* @__PURE__ */ new Set([
+		"equals",
+		"isEmpty",
+		"isNotEmpty",
+		"notEquals"
+	]),
+	date: /* @__PURE__ */ new Set([
+		"between",
+		"equals",
+		"greaterThan",
+		"greaterThanOrEqual",
+		"isEmpty",
+		"isNotEmpty",
+		"lessThan",
+		"lessThanOrEqual",
+		"notEquals"
+	]),
+	number: /* @__PURE__ */ new Set([
+		"between",
+		"equals",
+		"greaterThan",
+		"greaterThanOrEqual",
+		"isEmpty",
+		"isNotEmpty",
+		"lessThan",
+		"lessThanOrEqual",
+		"notEquals"
+	]),
+	text: /* @__PURE__ */ new Set([
+		"contains",
+		"endsWith",
+		"equals",
+		"isEmpty",
+		"isNotEmpty",
+		"notContains",
+		"notEquals",
+		"startsWith"
+	])
+};
+function Ue(e) {
+	return [...He[e]];
+}
+function We(e, t) {
+	return t.split(".").reduce((e, t) => {
+		if (!(typeof e != "object" || !e)) return e[t];
+	}, e);
+}
+function Ge(e) {
+	return e == null || e === "";
+}
+function Ke(e) {
+	if (typeof e == "string" && /^\d{4}-\d{2}-\d{2}$/u.test(e)) {
+		let [t, n, r] = e.split("-").map(Number), i = Date.UTC(t, n - 1, r), a = new Date(i);
+		return a.getUTCFullYear() === t && a.getUTCMonth() === n - 1 && a.getUTCDate() === r ? i : null;
+	}
+	let t = e instanceof Date ? e : typeof e == "number" || typeof e == "string" ? new Date(e) : null;
+	return !t || !Number.isFinite(t.getTime()) ? null : Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate());
+}
+function qe(e, t) {
+	switch (e) {
+		case "boolean": return typeof t == "boolean" ? t : null;
+		case "date": return Ke(t);
+		case "number": return typeof t == "number" && Number.isFinite(t) ? t : null;
+		case "text": {
+			if (t == null) return null;
+			let e = String(t);
+			return e.length > 0 ? e : null;
+		}
+	}
+}
+function Je(e) {
+	return e === "boolean" || e === "date" || e === "number" || e === "text";
+}
+function Ye(e) {
+	return typeof e == "string" && Object.values(He).some((t) => t.has(e));
+}
+function Xe({ columns: e, model: t }) {
+	if (!Array.isArray(t)) return [];
+	let n = new Map(e.map((e) => [e.id, e])), r = /* @__PURE__ */ new Set(), i = [];
+	for (let e of t) {
+		if (!e || typeof e != "object") continue;
+		let t = e, a = typeof t.columnId == "string" ? n.get(t.columnId) : void 0, o = a?.filter;
+		if (!a || !o || !Je(o.kind) || !Ye(t.operator) || !He[o.kind].has(t.operator) || r.has(a.id)) continue;
+		if (t.operator === "isEmpty" || t.operator === "isNotEmpty") {
+			r.add(a.id), i.push({
+				column: a,
+				config: o,
+				operator: t.operator
+			});
+			continue;
+		}
+		let s = qe(o.kind, t.value);
+		if (s !== null) {
+			if (t.operator === "between") {
+				let e = qe(o.kind, t.valueTo);
+				if (typeof s != "number" || typeof e != "number") continue;
+				r.add(a.id), i.push({
+					column: a,
+					config: o,
+					operator: t.operator,
+					value: Math.min(s, e),
+					valueTo: Math.max(s, e)
+				});
+				continue;
+			}
+			r.add(a.id), i.push({
+				column: a,
+				config: o,
+				operator: t.operator,
+				value: s
+			});
+		}
+	}
+	return i;
+}
+function Ze(e, t, n, r) {
+	switch (t) {
+		case "between": return typeof e == "number" && typeof n == "number" && r !== void 0 && e >= n && e <= r;
+		case "equals": return e === n;
+		case "greaterThan": return e > n;
+		case "greaterThanOrEqual": return e >= n;
+		case "lessThan": return e < n;
+		case "lessThanOrEqual": return e <= n;
+		case "notEquals": return e !== n;
+		default: return !1;
+	}
+}
+function M(e, t) {
+	let n = We(e.data, t.column.field), r = t.config.getValue ? t.config.getValue({
+		column: t.column,
+		row: e.data,
+		rowId: e.id,
+		value: n
+	}) : n;
+	if (t.operator === "isEmpty") return Ge(r);
+	if (t.operator === "isNotEmpty") return !Ge(r);
+	if (Ge(r) || t.value === void 0) return !1;
+	switch (t.config.kind) {
+		case "boolean": return typeof r == "boolean" && typeof t.value == "boolean" ? t.operator === "equals" ? r === t.value : r !== t.value : !1;
+		case "date": {
+			let e = Ke(r);
+			return e !== null && typeof t.value == "number" && Ze(e, t.operator, t.value, t.valueTo);
+		}
+		case "number": return typeof r == "number" && Number.isFinite(r) && typeof t.value == "number" ? Ze(r, t.operator, t.value, t.valueTo) : !1;
+		case "text": {
+			let e = String(r), n = String(t.value), i = t.config.caseSensitive ? e : e.toLocaleLowerCase(), a = t.config.caseSensitive ? n : n.toLocaleLowerCase();
+			switch (t.operator) {
+				case "contains": return i.includes(a);
+				case "endsWith": return i.endsWith(a);
+				case "equals": return i === a;
+				case "notContains": return !i.includes(a);
+				case "notEquals": return i !== a;
+				case "startsWith": return i.startsWith(a);
+				default: return !1;
+			}
+		}
+	}
+}
+function Qe({ columns: e, model: t, rows: n }) {
+	let r = Xe({
+		columns: e,
+		model: t
+	});
+	return r.length === 0 ? n.map((e) => e.dataIndex) : n.flatMap((e) => r.every((t) => M(e, t)) ? [e.dataIndex] : []);
+}
+//#endregion
+//#region src/table-icons.tsx
+var N = {
+	columnMove: Ie,
+	disclosureCollapsed: Fe,
+	disclosureExpanded: Fe,
+	filter: Le,
+	sortAscending: ze,
+	sortDescending: Re,
+	sortUnsorted: Pe
+};
+function $e({ className: e, name: t }) {
+	let n = N[t];
+	return /* @__PURE__ */ A(n, {
+		"aria-hidden": "true",
+		className: ["comins-table-icon", e].filter(Boolean).join(" "),
+		"data-comins-icon": t,
+		focusable: "false"
+	});
+}
+var et = Ee.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($e, { name: t })
+	});
+}), tt = {
+	between: "Between",
+	contains: "Contains",
+	endsWith: "Ends with",
+	equals: "Equals",
+	greaterThan: "Greater than",
+	greaterThanOrEqual: "Greater than or equal",
+	isEmpty: "Is empty",
+	isNotEmpty: "Is not empty",
+	lessThan: "Less than",
+	lessThanOrEqual: "Less than or equal",
+	notContains: "Does not contain",
+	notEquals: "Does not equal",
+	startsWith: "Starts with"
+};
+function nt(e) {
+	return e === "text" ? "contains" : "equals";
+}
+function rt(e, t) {
+	let n = e?.value;
+	return n === void 0 ? t === "boolean" ? "true" : "" : t === "date" && typeof n == "number" ? new Date(n).toISOString().slice(0, 10) : String(n);
+}
+function it(e, t) {
+	let n = e?.valueTo;
+	return n === void 0 ? "" : t === "date" ? new Date(n).toISOString().slice(0, 10) : String(n);
+}
+function at(e) {
+	if (!/^\d{4}-\d{2}-\d{2}$/u.test(e)) return !1;
+	let [t, n, r] = e.split("-").map(Number), i = new Date(Date.UTC(t, n - 1, r));
+	return i.getUTCFullYear() === t && i.getUTCMonth() === n - 1 && i.getUTCDate() === r;
+}
+function ot({ columnId: e, columnLabel: t, kind: n, onChangeRule: r, onOpenChange: i, open: a, rule: o }) {
+	let s = O(null), c = O(i), l = O(null), u = je(), [d, f] = k(o?.operator ?? nt(n)), [p, m] = k(() => rt(o, n)), [h, g] = k(() => it(o, n)), [_, v] = k({
+		left: 0,
+		top: 0
+	}), y = o !== void 0, b = typeof r != "function", x = d !== "isEmpty" && d !== "isNotEmpty";
+	Ne(() => {
+		c.current = i;
+	}, [i]), E(() => {
+		a && (f(o?.operator ?? nt(n)), m(rt(o, n)), g(it(o, n)));
+	}, [
+		n,
+		a,
+		o?.operator,
+		o?.value,
+		o?.valueTo
+	]), Ne(() => {
+		if (!a) return;
+		let e = () => {
+			let e = s.current, t = l.current;
+			if (!e) return;
+			let n = e.getBoundingClientRect(), r = t?.offsetWidth || 260, i = t?.offsetHeight || 220, a = Math.min(Math.max(8, n.left), Math.max(8, window.innerWidth - r - 8)), o = n.bottom + 6, c = o + i <= window.innerHeight - 8 ? o : Math.max(8, n.top - i - 6);
+			v({
+				left: a,
+				top: c
+			});
+		}, t = (e) => {
+			let t = e.target;
+			t instanceof Node && (s.current?.contains(t) || l.current?.contains(t)) || c.current?.(null);
+		}, n = (e) => {
+			e.key === "Escape" && (e.preventDefault(), c.current?.(null), s.current?.focus());
+		};
+		return e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), window.addEventListener("pointerdown", t, !0), window.addEventListener("keydown", n), () => {
+			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0), window.removeEventListener("pointerdown", t, !0), window.removeEventListener("keydown", n);
+		};
+	}, [a]);
+	let ee = (t, i, a) => {
+		if (!r) return;
+		if (t === "isEmpty" || t === "isNotEmpty") {
+			r({
+				columnId: e,
+				operator: t
+			});
+			return;
+		}
+		if (n === "text") {
+			r(i.length > 0 ? {
+				columnId: e,
+				operator: t,
+				value: i
+			} : null);
+			return;
+		}
+		if (n === "boolean") {
+			r(i === "true" || i === "false" ? {
+				columnId: e,
+				operator: t,
+				value: i === "true"
+			} : null);
+			return;
+		}
+		let o = n === "date" ? at(i) ? i : null : i !== "" && Number.isFinite(Number(i)) ? Number(i) : null;
+		if (o === null) {
+			if (t === "between") return;
+			r(null);
+			return;
+		}
+		if (t === "between") {
+			let i = n === "date" ? at(a) ? a : null : a !== "" && Number.isFinite(Number(a)) ? Number(a) : null;
+			if (i === null) return;
+			r({
+				columnId: e,
+				operator: t,
+				value: o,
+				valueTo: i
+			});
+			return;
+		}
+		r({
+			columnId: e,
+			operator: t,
+			value: o
+		});
+	};
+	return /* @__PURE__ */ j("span", {
+		className: "comins-column-filter",
+		"data-active": y ? "true" : void 0,
+		onClick: (e) => e.stopPropagation(),
+		onDoubleClick: (e) => e.stopPropagation(),
+		onKeyDown: (e) => {
+			e.stopPropagation(), e.key === "Escape" && (e.preventDefault(), i?.(null), s.current?.focus());
+		},
+		onPointerDown: (e) => e.stopPropagation(),
+		children: [/* @__PURE__ */ A(et, {
+			"aria-controls": a ? u : void 0,
+			"aria-expanded": a,
+			"aria-label": `Filter ${t}`,
+			className: "comins-column-filter__trigger",
+			"data-active": y ? "true" : void 0,
+			"data-testid": `column-filter-trigger-${e}`,
+			disabled: !i,
+			icon: "filter",
+			onClick: () => i?.(a ? null : e),
+			ref: s
+		}), a ? /* @__PURE__ */ j("span", {
+			"aria-label": `Filter ${t}`,
+			className: "comins-column-filter__popover",
+			"data-testid": `column-filter-popover-${e}`,
+			id: u,
+			ref: l,
+			role: "dialog",
+			style: _,
+			children: [
+				/* @__PURE__ */ A("strong", {
+					className: "comins-column-filter__title",
+					children: t
+				}),
+				/* @__PURE__ */ j("label", {
+					className: "comins-column-filter__field",
+					children: [/* @__PURE__ */ A("span", { children: "Operator" }), /* @__PURE__ */ A("select", {
+						"data-testid": `column-filter-operator-${e}`,
+						disabled: b,
+						onChange: (e) => {
+							let t = e.currentTarget.value;
+							f(t), ee(t, p, h);
+						},
+						value: d,
+						children: Ue(n).map((e) => /* @__PURE__ */ A("option", {
+							value: e,
+							children: tt[e]
+						}, e))
+					})]
+				}),
+				x && n === "boolean" ? /* @__PURE__ */ j("label", {
+					className: "comins-column-filter__field",
+					children: [/* @__PURE__ */ A("span", { children: "Value" }), /* @__PURE__ */ j("select", {
+						"data-testid": `column-filter-value-${e}`,
+						disabled: b,
+						onChange: (e) => {
+							let t = e.currentTarget.value;
+							m(t), ee(d, t, h);
+						},
+						value: p,
+						children: [/* @__PURE__ */ A("option", {
+							value: "true",
+							children: "True"
+						}), /* @__PURE__ */ A("option", {
+							value: "false",
+							children: "False"
+						})]
+					})]
+				}) : null,
+				x && n !== "boolean" ? /* @__PURE__ */ j("label", {
+					className: "comins-column-filter__field",
+					children: [/* @__PURE__ */ A("span", { children: d === "between" ? "From" : "Value" }), /* @__PURE__ */ A("input", {
+						"data-testid": `column-filter-value-${e}`,
+						disabled: b,
+						onChange: (e) => {
+							let t = e.currentTarget.value;
+							m(t), ee(d, t, h);
+						},
+						type: n === "date" ? "date" : n === "number" ? "number" : "text",
+						value: p
+					})]
+				}) : null,
+				x && d === "between" ? /* @__PURE__ */ j("label", {
+					className: "comins-column-filter__field",
+					children: [/* @__PURE__ */ A("span", { children: "To" }), /* @__PURE__ */ A("input", {
+						"data-testid": `column-filter-value-to-${e}`,
+						disabled: b,
+						onChange: (e) => {
+							let t = e.currentTarget.value;
+							g(t), ee(d, p, t);
+						},
+						type: n === "date" ? "date" : "number",
+						value: h
+					})]
+				}) : null,
+				/* @__PURE__ */ A("button", {
+					className: "comins-column-filter__clear",
+					"data-testid": `column-filter-clear-${e}`,
+					disabled: b || !y,
+					onClick: () => {
+						f(nt(n)), m(n === "boolean" ? "true" : ""), g(""), r?.(null);
+					},
+					type: "button",
+					children: "Clear"
+				})
+			]
+		}) : null]
+	});
+}
+//#endregion
 //#region src/component-renderer.tsx
-function P(...e) {
+function st(...e) {
 	return e.filter(Boolean).join(" ");
 }
-function F(e, t) {
+function ct(e, t) {
 	return typeof e == "function" ? e(t) : e ?? {};
 }
-function Ae(e, t) {
+function P(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function je(e, t) {
+function lt(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function Me(e, t) {
+function F(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function Ne(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : Array.isArray(e) ? e.map(Ne).join(" ") : "";
+function I(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : Array.isArray(e) ? e.map(I).join(" ") : "";
 }
-function Pe(e) {
+function ut(e) {
 	return e.type !== "divider" && e.type !== "label";
 }
-function Fe(e, t) {
+function L(e, t) {
 	return !!(e && t instanceof Node && e.contains(t));
 }
-function I(e) {
+function R(e) {
 	e.stopPropagation();
 }
-function Ie(e) {
+function z(e) {
 	e.preventDefault(), e.stopPropagation();
 }
-function L(e) {
+function dt(e) {
 	return e == null ? "" : String(e);
 }
-function Le({ 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 = L(u ?? r), [p, m] = j(f), h = A(f);
-	O(() => {
+function ft({ component: e, payload: t }) {
+	let n = ct(e.props, t), { defaultValue: r, onBlur: i, onChange: a, onClick: o, onKeyDown: s, onMouseDown: c, onPointerDown: l, value: u, ...d } = n, f = dt(u ?? r), [p, m] = k(f), h = O(f);
+	E(() => {
 		m(f), h.current = f;
 	}, [f]);
 	let g = (n) => {
@@ -55,55 +475,55 @@ function Le({ component: e, payload: t }) {
 			value: p
 		}));
 	};
-	return /* @__PURE__ */ M("input", {
+	return /* @__PURE__ */ A("input", {
 		...d,
-		className: P("comins-table__component", "comins-table__component-input", n.className),
+		className: st("comins-table__component", "comins-table__component-input", n.className),
 		onBlur: (e) => {
-			i?.(e), I(e), g(e);
+			i?.(e), R(e), g(e);
 		},
 		onChange: (e) => {
-			I(e), m(e.currentTarget.value);
+			R(e), m(e.currentTarget.value);
 		},
 		onClick: (e) => {
-			o?.(e), I(e);
+			o?.(e), R(e);
 		},
 		onKeyDown: (e) => {
-			s?.(e), I(e), e.key === "Enter" && (e.preventDefault(), g(e), e.currentTarget.blur());
+			s?.(e), R(e), e.key === "Enter" && (e.preventDefault(), g(e), e.currentTarget.blur());
 		},
 		onMouseDown: (e) => {
-			c?.(e), I(e);
+			c?.(e), R(e);
 		},
 		onPointerDown: (e) => {
-			l?.(e), I(e);
+			l?.(e), R(e);
 		},
 		value: p
 	});
 }
-function Re({ 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] = j(!!(r ?? i));
-	return O(() => {
+function pt({ component: e, payload: t }) {
+	let n = ct(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__ */ M("input", {
+	}, [r]), /* @__PURE__ */ A("input", {
 		...d,
 		checked: f,
-		className: P("comins-table__component", "comins-table__component-checkbox", n.className),
+		className: st("comins-table__component", "comins-table__component-checkbox", n.className),
 		onClick: (e) => {
-			o?.(e), I(e);
+			o?.(e), R(e);
 		},
 		onChange: (n) => {
-			a?.(n), I(n), p(n.currentTarget.checked), e.onCheckedChange?.({
+			a?.(n), R(n), p(n.currentTarget.checked), e.onCheckedChange?.({
 				...t,
 				checked: n.currentTarget.checked
 			});
 		},
 		onKeyDown: (e) => {
-			s?.(e), I(e);
+			s?.(e), R(e);
 		},
 		onMouseDown: (e) => {
-			c?.(e), I(e);
+			c?.(e), R(e);
 		},
 		onPointerDown: (e) => {
-			l?.(e), I(e);
+			l?.(e), R(e);
 		},
 		style: {
 			height: 20,
@@ -113,18 +533,18 @@ function Re({ component: e, payload: t }) {
 		type: "checkbox"
 	});
 }
-function ze({ component: e, payload: t }) {
-	let { checked: n, ...r } = F(e.props, t), { onClick: i, onKeyDown: a, onMouseDown: o, onPointerDown: s, ...c } = r, [l, u] = j(!!n);
-	O(() => {
+function mt({ component: e, payload: t }) {
+	let { checked: n, ...r } = ct(e.props, t), { onClick: i, onKeyDown: a, onMouseDown: o, onPointerDown: s, ...c } = r, [l, u] = k(!!n);
+	E(() => {
 		n !== void 0 && u(!!n);
 	}, [n]);
 	let d = typeof r.children == "string" && (r.children === "ON" || r.children === "OFF") ? l ? "ON" : "OFF" : r.children;
-	return /* @__PURE__ */ M("button", {
+	return /* @__PURE__ */ A("button", {
 		...c,
 		"aria-pressed": l,
-		className: P("comins-table__component", "comins-table__component-toggle", r.className),
+		className: st("comins-table__component", "comins-table__component-toggle", r.className),
 		onClick: (n) => {
-			i?.(n), I(n);
+			i?.(n), R(n);
 			let r = !l;
 			u(r), e.onCheckedChange?.({
 				...t,
@@ -132,24 +552,24 @@ function ze({ component: e, payload: t }) {
 			});
 		},
 		onKeyDown: (e) => {
-			a?.(e), I(e);
+			a?.(e), R(e);
 		},
 		onMouseDown: (e) => {
-			o?.(e), I(e);
+			o?.(e), R(e);
 		},
 		onPointerDown: (e) => {
-			s?.(e), I(e);
+			s?.(e), R(e);
 		},
 		type: r.type ?? "button",
 		children: d
 	});
 }
-function Be({ component: e, payload: t }) {
-	let [n, r] = j(!1), i = Ee(), a = A(null), o = A(null), [s, c] = j({
+function ht({ component: e, payload: t }) {
+	let [n, r] = k(!1), i = je(), a = O(null), o = O(null), [s, c] = k({
 		left: 0,
 		position: "fixed",
 		top: 0
-	}), l = F(e.props, t), u = k(() => je(e.items, t), [e.items, t]), d = () => {
+	}), l = ct(e.props, t), u = D(() => lt(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);
@@ -170,77 +590,77 @@ function Be({ component: e, payload: t }) {
 			open: i
 		}));
 	};
-	O(() => {
+	E(() => {
 		if (!n) return;
 		let e = (e) => {
-			Fe(a.current, e.target) || Fe(o.current, e.target) || f(!1, e);
+			L(a.current, e.target) || L(o.current, e.target) || f(!1, e);
 		}, t = (e) => {
 			e.key === "Escape" && (f(!1, e), a.current?.focus());
 		};
 		return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
 			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
 		};
-	}, [n]), Oe(() => {
+	}, [n]), Ne(() => {
 		if (n && (d(), !(typeof window > "u"))) return window.addEventListener("resize", d), window.addEventListener("scroll", d, !0), () => {
 			window.removeEventListener("resize", d), window.removeEventListener("scroll", d, !0);
 		};
 	}, [n]);
-	let p = n ? /* @__PURE__ */ M("span", {
+	let p = n ? /* @__PURE__ */ A("span", {
 		"aria-label": "Header menu",
 		className: "comins-table__component-menu-popover",
 		id: i,
 		ref: o,
 		role: "menu",
 		style: s,
-		children: u.map((n, r) => n.type === "divider" ? /* @__PURE__ */ M("span", {
+		children: u.map((n, r) => n.type === "divider" ? /* @__PURE__ */ A("span", {
 			"aria-orientation": "horizontal",
 			className: "comins-table__component-menu-divider",
 			role: "separator"
-		}, `divider-${r}`) : n.type === "label" ? /* @__PURE__ */ M("span", {
+		}, `divider-${r}`) : n.type === "label" ? /* @__PURE__ */ A("span", {
 			className: "comins-table__component-menu-label",
 			role: "presentation",
 			children: n.label
-		}, `label-${r}`) : /* @__PURE__ */ M("button", {
+		}, `label-${r}`) : /* @__PURE__ */ A("button", {
 			className: "comins-table__component-menu-item",
 			disabled: n.disabled,
 			onClick: (r) => {
-				Ie(r), !(n.disabled || !Pe(n)) && (f(!1, r), e.onSelect?.({
+				z(r), !(n.disabled || !ut(n)) && (f(!1, r), e.onSelect?.({
 					...t,
 					event: r,
 					item: n,
 					value: n.value
 				}));
 			},
-			onKeyDown: I,
-			onMouseDown: I,
-			onPointerDown: I,
+			onKeyDown: R,
+			onMouseDown: R,
+			onPointerDown: R,
 			role: "menuitem",
 			type: "button",
 			children: n.label
 		}, `${String(n.value)}-${r}`))
 	}) : null;
-	return /* @__PURE__ */ N("span", {
+	return /* @__PURE__ */ j("span", {
 		className: "comins-table__component comins-table__component-menu",
-		children: [/* @__PURE__ */ M("button", {
+		children: [/* @__PURE__ */ A("button", {
 			...l,
 			"aria-controls": n ? i : void 0,
 			"aria-expanded": n,
 			"aria-haspopup": "menu",
 			"aria-label": l["aria-label"] ?? "Header menu",
-			className: P("comins-table__component-menu-trigger", l.className),
+			className: st("comins-table__component-menu-trigger", l.className),
 			onClick: (e) => {
-				Ie(e), f(!n, e);
+				z(e), f(!n, e);
 			},
 			onKeyDown: (e) => {
 				if (l.onKeyDown?.(e), e.key === "Escape" && n) {
-					Ie(e), f(!1, e);
+					z(e), f(!1, e);
 					return;
 				}
-				I(e);
+				R(e);
 			},
-			onMouseDown: I,
+			onMouseDown: R,
 			onPointerDown: (e) => {
-				l.onPointerDown?.(e), I(e);
+				l.onPointerDown?.(e), R(e);
 			},
 			ref: a,
 			type: l.type ?? "button",
@@ -248,47 +668,47 @@ function Be({ component: e, payload: t }) {
 		}), p]
 	});
 }
-function R({ 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 = k(() => Me(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] = j(""), [_, v] = j(!1), [y, b] = j(0), [x, ee] = j(null), [S, C] = j(p), w = A(null), te = n.row.selected && n.selection.selectedRowCount === 1, ne = !!(s && te), re = ne ? h : "";
-	O(() => {
+function gt({ component: e, interaction: t, payload: n }) {
+	let { height: r, itemHeight: i, limit: a, more: o = !1, searchable: s = !1, style: c, ...l } = ct(e.props, n), u = D(() => F(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), [x, ee] = k(null), [te, ne] = k(p), re = O(null), S = n.row.selected && n.selection.selectedRowCount === 1, ie = !!(s && S), C = ie ? h : "";
+	E(() => {
 		v(!1), b(0);
-	}, [u.length, d]), Oe(() => {
-		let e = w.current;
+	}, [u.length, d]), Ne(() => {
+		let e = re.current;
 		if (!e) return;
 		let t = e.clientHeight > 0 ? e.clientHeight : p;
-		C(m ? t : Math.min(t, p));
+		ne(m ? t : Math.min(t, p));
 	}, [
 		p,
 		_,
-		re,
+		C,
 		m
-	]), O(() => {
-		let e = w.current;
+	]), E(() => {
+		let e = re.current;
 		e && (e.scrollTop = 0, b(0));
-	}, [re]), O(() => {
-		if (te) return;
-		let e = w.current;
+	}, [C]), E(() => {
+		if (S) return;
+		let e = re.current;
 		e && (e.scrollTop = 0), v(!1), g(""), b(0);
-	}, [te]);
-	let ie = k(() => {
-		let t = re.trim().toLowerCase();
+	}, [S]);
+	let ae = D(() => {
+		let t = C.trim().toLowerCase();
 		return u.map((e, t) => ({
 			item: e,
 			itemIndex: t
 		})).filter(({ item: n, itemIndex: r }) => t ? e.searchFilter ? e.searchFilter({
 			item: n,
 			itemIndex: r,
-			value: re
-		}) : Ne(n.label).toLowerCase().includes(t) : !0);
+			value: C
+		}) : I(n.label).toLowerCase().includes(t) : !0);
 	}, [
-		re,
+		C,
 		e,
 		u
-	]), ae = ie.length > d, T = !!(te && (_ || re.trim().length > 0 || !o && ae)), oe = ae && !T, se = ne && !_ ? 0 : 2, ce = Math.max(f, m ? S || p : Math.min(S || p, p)), le = Math.max(0, Math.floor(Math.max(0, y) / f) - se), ue = Math.min(ie.length, Math.ceil((Math.max(0, y) + ce) / f) + se), E = T ? ie.slice(le, ue) : ie.slice(0, ae ? d : ie.length), de = T ? le * f : 0, fe = T ? Math.max(0, ie.length - ue) * f : 0, pe = `${String(n.row.id)}-${n.column.id}`, me = {
+	]), oe = ae.length > d, w = !!(S && (_ || C.trim().length > 0 || !o && oe)), se = oe && !w, ce = ie && !_ ? 0 : 2, T = Math.max(f, m ? te || p : Math.min(te || p, p)), le = Math.max(0, Math.floor(Math.max(0, y) / f) - ce), ue = Math.min(ae.length, Math.ceil((Math.max(0, y) + T) / f) + ce), de = w ? ae.slice(le, ue) : ae.slice(0, oe ? d : ae.length), fe = w ? le * f : 0, pe = w ? Math.max(0, ae.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
-	}, he = (r, i, a) => {
+	}, ge = (r, i, a) => {
 		r.disabled || t?.requestRowSelection?.({
 			event: a,
 			mode: "row-click"
@@ -300,70 +720,70 @@ function R({ component: e, interaction: t, payload: n }) {
 			value: r.value
 		}));
 	};
-	return /* @__PURE__ */ N("div", {
+	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": T ? "true" : void 0,
-		"data-comins-virtual-list-visible-count": E.length,
-		"data-testid": `virtual-list-${pe}`,
+		className: st("comins-table__component", "comins-table__component-virtual-list", l.className),
+		"data-comins-virtual-list-expanded": w ? "true" : void 0,
+		"data-comins-virtual-list-visible-count": de.length,
+		"data-testid": `virtual-list-${me}`,
 		onClick: (e) => {
-			l.onClick?.(e), I(e);
+			l.onClick?.(e), R(e);
 		},
-		onKeyDown: I,
-		onMouseDown: I,
-		onContextMenu: I,
-		onDoubleClick: I,
-		onMouseUp: I,
-		onPointerUp: I,
-		onPointerMove: I,
-		onPointerEnter: I,
-		onMouseOver: I,
-		onMouseOut: I,
-		onPointerLeave: I,
-		onBlur: I,
-		onFocus: I,
-		onInput: I,
-		onChange: I,
-		onMouseMove: I,
-		onMouseEnter: I,
-		onMouseLeave: I,
-		onTouchStart: I,
-		onTouchMove: I,
-		onTouchEnd: I,
+		onKeyDown: R,
+		onMouseDown: R,
+		onContextMenu: R,
+		onDoubleClick: R,
+		onMouseUp: R,
+		onPointerUp: R,
+		onPointerMove: R,
+		onPointerEnter: R,
+		onMouseOver: R,
+		onMouseOut: R,
+		onPointerLeave: R,
+		onBlur: R,
+		onFocus: R,
+		onInput: R,
+		onChange: R,
+		onMouseMove: R,
+		onMouseEnter: R,
+		onMouseLeave: R,
+		onTouchStart: R,
+		onTouchMove: R,
+		onTouchEnd: R,
 		onWheel: (e) => {
-			l.onWheel?.(e), I(e);
+			l.onWheel?.(e), R(e);
 		},
 		onPointerDown: (e) => {
-			l.onPointerDown?.(e), I(e);
+			l.onPointerDown?.(e), R(e);
 		},
 		role: "listbox",
-		style: me,
-		children: [/* @__PURE__ */ N("div", {
+		style: he,
+		children: [/* @__PURE__ */ j("div", {
 			className: "comins-table__component-virtual-list-items",
 			onScroll: (e) => {
-				I(e), b(e.currentTarget.scrollTop);
+				R(e), b(e.currentTarget.scrollTop);
 				let t = e.currentTarget.clientHeight > 0 ? e.currentTarget.clientHeight : p;
-				C(m ? t : Math.min(t, p));
+				ne(m ? t : Math.min(t, p));
 			},
-			ref: w,
+			ref: re,
 			role: "presentation",
 			children: [
-				de > 0 ? /* @__PURE__ */ M("span", {
+				fe > 0 ? /* @__PURE__ */ A("span", {
 					"aria-hidden": "true",
 					className: "comins-table__component-virtual-list-spacer",
-					style: { height: de }
+					style: { height: fe }
 				}) : null,
-				E.map(({ item: t, itemIndex: r }) => /* @__PURE__ */ M("button", {
+				de.map(({ item: t, itemIndex: r }) => /* @__PURE__ */ A("button", {
 					"aria-selected": x === t.value,
 					className: "comins-table__component-virtual-list-item",
 					"data-comins-virtual-list-item": "true",
 					disabled: t.disabled,
 					onClick: (e) => {
-						Ie(e), he(t, r, e);
+						z(e), ge(t, r, e);
 					},
 					onContextMenu: (i) => {
-						I(i), !t.disabled && e.onContextMenuItem?.({
+						R(i), !t.disabled && e.onContextMenuItem?.({
 							...n,
 							event: i,
 							item: t,
@@ -372,128 +792,128 @@ function R({ component: e, interaction: t, payload: n }) {
 						});
 					},
 					onKeyDown: (e) => {
-						I(e), (e.key === "Enter" || e.key === " " || e.key === "Spacebar") && (e.preventDefault(), he(t, r, e));
+						R(e), (e.key === "Enter" || e.key === " " || e.key === "Spacebar") && (e.preventDefault(), ge(t, r, e));
 					},
-					onMouseDown: I,
-					onPointerDown: I,
+					onMouseDown: R,
+					onPointerDown: R,
 					role: "option",
 					type: "button",
-					children: /* @__PURE__ */ M("span", {
+					children: /* @__PURE__ */ A("span", {
 						className: "comins-table__component-virtual-list-item-label",
 						children: t.label
 					})
 				}, `${String(t.value)}-${r}`)),
-				fe > 0 ? /* @__PURE__ */ M("span", {
+				pe > 0 ? /* @__PURE__ */ A("span", {
 					"aria-hidden": "true",
 					className: "comins-table__component-virtual-list-spacer",
-					style: { height: fe }
+					style: { height: pe }
 				}) : null
 			]
-		}), /* @__PURE__ */ N("div", {
+		}), /* @__PURE__ */ j("div", {
 			className: "comins-table__component-virtual-list-controls",
-			children: [o && ae ? /* @__PURE__ */ M("button", {
-				"aria-expanded": T,
+			children: [o && oe ? /* @__PURE__ */ A("button", {
+				"aria-expanded": w,
 				"aria-label": "전체 목록 보기",
 				className: "comins-table__component-virtual-list-overflow comins-table__component-virtual-list-more",
-				"data-testid": `virtual-list-overflow-${pe}`,
+				"data-testid": `virtual-list-overflow-${me}`,
 				onClick: (e) => {
-					Ie(e), t?.requestRowSelection?.({
+					z(e), t?.requestRowSelection?.({
 						event: e,
 						mode: "exclusive"
 					}) !== !1 && v(!0);
 				},
-				onKeyDown: I,
-				onMouseDown: I,
-				onPointerDown: I,
+				onKeyDown: R,
+				onMouseDown: R,
+				onPointerDown: R,
 				type: "button",
 				children: "..."
-			}) : oe ? /* @__PURE__ */ M("span", {
+			}) : se ? /* @__PURE__ */ A("span", {
 				"aria-hidden": "true",
 				className: "comins-table__component-virtual-list-overflow comins-table__component-virtual-list-more",
-				"data-testid": `virtual-list-overflow-${pe}`,
+				"data-testid": `virtual-list-overflow-${me}`,
 				children: "..."
-			}) : null, ne ? /* @__PURE__ */ M("input", {
+			}) : null, ie ? /* @__PURE__ */ A("input", {
 				"aria-label": `${l["aria-label"] ?? "Virtual list"} 검색`,
 				className: "comins-table__component-virtual-list-search",
-				"data-testid": `virtual-list-search-${pe}`,
+				"data-testid": `virtual-list-search-${me}`,
 				onChange: (e) => {
-					I(e), g(e.currentTarget.value);
+					R(e), g(e.currentTarget.value);
 				},
-				onClick: I,
-				onKeyDown: I,
-				onMouseDown: I,
-				onPointerDown: I,
+				onClick: R,
+				onKeyDown: R,
+				onMouseDown: R,
+				onPointerDown: R,
 				placeholder: "검색",
 				value: h
 			}) : null]
 		})]
 	});
 }
-function Ve(e, t, n) {
-	if (e.type === "menu") return /* @__PURE__ */ M(Be, {
+function _t(e, t, n) {
+	if (e.type === "menu") return /* @__PURE__ */ A(ht, {
 		component: e,
 		payload: t
 	});
-	if (e.type === "virtual-list") return /* @__PURE__ */ M(R, {
+	if (e.type === "virtual-list") return /* @__PURE__ */ A(gt, {
 		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;
-		return /* @__PURE__ */ M("button", {
+		let n = ct(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: st("comins-table__component", "comins-table__component-button", n.className),
 			onClick: (n) => {
-				r?.(n), I(n), e.onClick?.({
+				r?.(n), R(n), e.onClick?.({
 					...t,
 					event: n
 				});
 			},
 			onKeyDown: (e) => {
-				i?.(e), I(e);
+				i?.(e), R(e);
 			},
 			onMouseDown: (e) => {
-				a?.(e), I(e);
+				a?.(e), R(e);
 			},
 			onPointerDown: (e) => {
-				o?.(e), I(e);
+				o?.(e), R(e);
 			},
 			type: n.type ?? "button"
 		});
 	}
-	if (e.type === "input") return /* @__PURE__ */ M(Le, {
+	if (e.type === "input") return /* @__PURE__ */ A(ft, {
 		component: e,
 		payload: t
 	});
-	if (e.type === "checkbox") return /* @__PURE__ */ M(Re, {
+	if (e.type === "checkbox") return /* @__PURE__ */ A(pt, {
 		component: e,
 		payload: t
 	});
 	if (e.type === "select") {
-		let n = F(e.props, t), r = Ae(e.options, t), { onChange: i, onClick: a, onKeyDown: o, onMouseDown: s, onPointerDown: c, ...l } = n;
-		return /* @__PURE__ */ M("select", {
+		let n = ct(e.props, t), r = P(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: st("comins-table__component", "comins-table__component-select", n.className),
 			onClick: (e) => {
-				a?.(e), I(e);
+				a?.(e), R(e);
 			},
 			onChange: (n) => {
-				i?.(n), I(n), e.onValueChange?.({
+				i?.(n), R(n), e.onValueChange?.({
 					...t,
 					value: n.currentTarget.value
 				});
 			},
 			onKeyDown: (e) => {
-				o?.(e), I(e);
+				o?.(e), R(e);
 			},
 			onMouseDown: (e) => {
-				s?.(e), I(e);
+				s?.(e), R(e);
 			},
 			onPointerDown: (e) => {
-				c?.(e), I(e);
+				c?.(e), R(e);
 			},
-			children: r.map((e) => /* @__PURE__ */ M("option", {
+			children: r.map((e) => /* @__PURE__ */ A("option", {
 				disabled: e.disabled,
 				value: String(e.value),
 				children: e.label
@@ -501,40 +921,40 @@ function Ve(e, t, n) {
 		});
 	}
 	if (e.type === "radio") {
-		let n = F(e.props, t), r = Ae(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__ */ M("div", {
+		let n = ct(e.props, t), r = P(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: st("comins-table__component", "comins-table__component-radio", s.className),
 			onClick: (e) => {
-				s.onClick?.(e), I(e);
+				s.onClick?.(e), R(e);
 			},
 			onKeyDown: (e) => {
-				s.onKeyDown?.(e), I(e);
+				s.onKeyDown?.(e), R(e);
 			},
 			onMouseDown: (e) => {
-				s.onMouseDown?.(e), I(e);
+				s.onMouseDown?.(e), R(e);
 			},
 			onPointerDown: (e) => {
-				s.onPointerDown?.(e), I(e);
+				s.onPointerDown?.(e), R(e);
 			},
 			role: "radiogroup",
-			children: r.map((n) => /* @__PURE__ */ N("label", {
-				onClick: I,
-				onMouseDown: I,
-				children: [/* @__PURE__ */ M("input", {
+			children: r.map((n) => /* @__PURE__ */ j("label", {
+				onClick: R,
+				onMouseDown: R,
+				children: [/* @__PURE__ */ A("input", {
 					checked: i === void 0 ? void 0 : String(i) === String(n.value),
 					disabled: n.disabled,
 					name: a,
-					onClick: I,
+					onClick: R,
 					onChange: (r) => {
-						I(r), r.currentTarget.checked && e.onValueChange?.({
+						R(r), r.currentTarget.checked && e.onValueChange?.({
 							...t,
 							value: String(n.value)
 						});
 					},
-					onKeyDown: I,
-					onMouseDown: I,
-					onPointerDown: I,
+					onKeyDown: R,
+					onMouseDown: R,
+					onPointerDown: R,
 					style: {
 						height: 20,
 						width: 20
@@ -545,49 +965,282 @@ function Ve(e, t, n) {
 			}, String(n.value)))
 		});
 	}
-	if (e.type === "toggle") return /* @__PURE__ */ M(ze, {
+	if (e.type === "toggle") return /* @__PURE__ */ A(mt, {
 		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));
-	return /* @__PURE__ */ M("div", {
+	let r = ct(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: I,
-		onKeyDown: I,
-		onMouseDown: I,
-		onPointerDown: I,
+		className: st("comins-table__component", "comins-table__component-progress", r.className),
+		onClick: R,
+		onKeyDown: R,
+		onMouseDown: R,
+		onPointerDown: R,
 		role: "progressbar",
-		children: /* @__PURE__ */ M("span", { style: { width: `${o}%` } })
+		children: /* @__PURE__ */ A("span", { style: { width: `${o}%` } })
 	});
 }
 //#endregion
-//#region src/summary.ts
-function z(e, t) {
+//#region src/row-detail.tsx
+function vt(e) {
+	return /* @__PURE__ */ A(et, {
+		"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 yt(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, Ne(() => {
+		let e = t.current;
+		return r.current(e), () => r.current(null);
+	}, [i]), Ne(() => {
+		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/grouping.ts
+var bt = /* @__PURE__ */ new Set([
+	"avg",
+	"count",
+	"max",
+	"min",
+	"sum"
+]);
+function xt(e, t) {
 	return t.split(".").reduce((e, t) => {
 		if (!(typeof e != "object" || !e)) return e[t];
 	}, e);
 }
+function St(e, t) {
+	return xt(e, t.field);
+}
 function B(e) {
+	switch (e) {
+		case "avg": return {
+			count: 0,
+			kind: "avg",
+			sum: 0
+		};
+		case "count": return {
+			count: 0,
+			kind: "count"
+		};
+		case "max":
+		case "min": return {
+			hasValue: !1,
+			kind: e,
+			value: 0
+		};
+		case "sum": return {
+			count: 0,
+			kind: "sum",
+			sum: 0
+		};
+	}
+}
+function Ct(e, t) {
+	if (e.kind === "count") {
+		e.count += 1;
+		return;
+	}
+	if (!(typeof t != "number" || !Number.isFinite(t))) {
+		if (e.kind === "avg" || e.kind === "sum") {
+			e.count += 1, e.sum += t;
+			return;
+		}
+		if (!e.hasValue) {
+			e.hasValue = !0, e.value = t;
+			return;
+		}
+		e.value = e.kind === "min" ? Math.min(e.value, t) : Math.max(e.value, t);
+	}
+}
+function wt(e) {
+	switch (e.kind) {
+		case "avg": return e.count === 0 ? null : e.sum / e.count;
+		case "count": return e.count;
+		case "max":
+		case "min": return e.hasValue ? e.value : null;
+		case "sum": return e.count === 0 ? null : e.sum;
+	}
+}
+function Tt(e) {
+	return `group:${typeof e}:${encodeURIComponent(String(e))}`;
+}
+function Et(e) {
+	let t = new Map(e.columns.map((e) => [e.id, e])), n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
+	for (let [i, a] of Object.entries(e.config.aggregations ?? {})) t.has(i) && typeof a == "string" && bt.has(a) && (n.set(i, a), r.set(i, t.get(i)));
+	let i = [], a = /* @__PURE__ */ new Map(), o = Array.isArray(e.config.groups) ? e.config.groups : [];
+	for (let t of o) {
+		let n = e.config.getGroupId(t);
+		if (a.has(n)) continue;
+		let r = {
+			group: t,
+			groupId: n,
+			groupIndex: i.length,
+			label: e.config.getGroupLabel?.(t) ?? String(n)
+		};
+		i.push(n), a.set(n, r);
+	}
+	return {
+		aggregationColumns: r,
+		aggregations: n,
+		groupIds: i,
+		groupsById: a
+	};
+}
+function Dt(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of e.groupIds) {
+		let r = e.groupsById.get(n);
+		if (!r) continue;
+		let i = /* @__PURE__ */ new Map();
+		for (let [t, n] of e.aggregations) i.set(t, B(n));
+		t.set(n, {
+			...r,
+			aggregationState: i,
+			leafSourceIndexes: []
+		});
+	}
+	for (let n of e.rows) {
+		let r = e.getRowGroupId(n.data, n.dataIndex), i = t.get(r);
+		if (i) {
+			i.leafSourceIndexes.push(n.dataIndex);
+			for (let [t, r] of i.aggregationState) {
+				let i = e.aggregationColumns?.get(t);
+				Ct(r, i ? St(n.data, i) : xt(n.data, t));
+			}
+		}
+	}
+	return {
+		groupIds: [...e.groupIds],
+		groupsById: t
+	};
+}
+function Ot(e, t) {
+	return typeof e == "number" && typeof t == "number" ? e - t : String(e ?? "").localeCompare(String(t ?? ""));
+}
+function kt(e) {
+	let t = new Map(e.columns.map((e) => [e.id, e])), n = /* @__PURE__ */ new Map(), r = (n) => [...n].sort((n, r) => {
+		let i = e.rows[n], a = e.rows[r];
+		if (i === void 0 || a === void 0) return n - r;
+		for (let n of e.sortModel) {
+			let e = t.get(n.columnId);
+			if (!e?.sort) continue;
+			let r = St(i, e), o = St(a, e), s = typeof e.sort == "function" ? e.sort(r, o, i, a) : Ot(r, o);
+			if (s !== 0) return n.direction === "desc" ? s * -1 : s;
+		}
+		return n - r;
+	});
+	for (let t of e.model.groupIds) {
+		let i = e.model.groupsById.get(t);
+		i && n.set(t, r(i.leafSourceIndexes));
+	}
+	return {
+		...e.model,
+		groupIds: [...e.model.groupIds],
+		orderedLeafSourceIndexesById: n
+	};
+}
+function At(e) {
+	let t = [], n = new Set(e.expandedGroupIds), r = [];
+	for (let i of e.model.groupIds) if (e.model.groupsById.get(i) && (t.push({
+		groupId: i,
+		key: Tt(i),
+		kind: "group"
+	}), n.has(i))) for (let n of e.model.orderedLeafSourceIndexesById.get(i) ?? []) {
+		let i = e.rowIds[n];
+		if (i === void 0) continue;
+		let a = r.length;
+		r.push(i), t.push({
+			dataIndex: n,
+			key: `data:${typeof i}:${encodeURIComponent(String(i))}`,
+			kind: "data",
+			rowId: i,
+			visibleLeafIndex: a
+		});
+	}
+	return {
+		entries: t,
+		visibleLeafRowIds: r
+	};
+}
+function jt(e) {
+	let t = [...e.groups], n = t.findIndex((t) => e.getGroupId(t) === e.sourceGroupId);
+	if (n < 0 || e.sourceGroupId === e.targetGroupId) return t;
+	let [r] = t.splice(n, 1), i = t.findIndex((t) => e.getGroupId(t) === e.targetGroupId);
+	if (r === void 0 || i < 0) return [...e.groups];
+	let a = e.position === "after" ? i + 1 : i;
+	return t.splice(a, 0, r), t;
+}
+//#endregion
+//#region src/summary.ts
+function Mt(e, t) {
+	return t.split(".").reduce((e, t) => {
+		if (!(typeof e != "object" || !e)) return e[t];
+	}, e);
+}
+function Nt(e) {
 	return e.filter((e) => typeof e == "number" && Number.isFinite(e));
 }
-function He(e, t) {
+function Pt(e, t) {
 	if (e === "count") return t.length;
-	let n = B(t);
+	let n = Nt(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 Ue(e, t, n) {
+function Ft(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) => z(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) => Mt(e, a.field)), l = typeof s == "function" ? s({
 			column: a,
 			rows: e,
 			values: c
-		}) : He(s, c);
+		}) : Pt(s, c);
 		return n[r] = o?.format ? o.format({
 			column: a,
 			rows: e,
@@ -598,15 +1251,15 @@ function Ue(e, t, n) {
 }
 //#endregion
 //#region src/tree.ts
-function We(e) {
+function It(e) {
 	return e.join(".");
 }
-function Ge(e, t) {
+function Lt(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(We(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, []), {
@@ -614,17 +1267,17 @@ function Ge(e, t) {
 		idByPath: r
 	};
 }
-function V(e, t, n) {
+function Rt(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: V(e.children, i, n)
+		children: Rt(e.children, i, n)
 	} : e : e);
 }
-function Ke(e, t, n = {}) {
-	let r = Ge(e, t), i = [], a = (e, t, o) => {
+function zt(e, t, n = {}) {
+	let r = Lt(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(We(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,
@@ -637,65 +1290,223 @@ function Ke(e, t, n = {}) {
 	};
 	return a(e, 0, []), i;
 }
-function H(e) {
-	return e.flatMap((e) => e.children?.length ? H(e.children) : [e.item]);
+function V(e) {
+	return e.flatMap((e) => e.children?.length ? V(e.children) : [e.item]);
 }
-function qe(e, t, n, r = {}) {
-	let i = Ge(e, n).byId.get(t);
-	return i ? V(e, i, (e) => ({
+function Bt(e, t, n, r = {}) {
+	let i = Lt(e, n).byId.get(t);
+	return i ? Rt(e, i, (e) => ({
 		...e,
 		expand: !(e.expand ?? r.defaultExpandAll ?? !1)
 	})) : [...e];
 }
-function U(e, t, n, r) {
-	let i = Ge(e, n).byId.get(t);
-	return i ? V(e, i, (e) => ({
+function Vt(e, t, n, r) {
+	let i = Lt(e, n).byId.get(t);
+	return i ? Rt(e, i, (e) => ({
 		...e,
 		item: r(e.item)
 	})) : [...e];
 }
-function W(e, t) {
+function Ht(e, t) {
 	return [...e].sort((e, n) => t(e.item, n.item)).map((e) => ({
 		...e,
-		children: e.children ? W(e.children, t) : void 0
+		children: e.children ? Ht(e.children, t) : void 0
 	}));
 }
 //#endregion
-//#region src/index.tsx
-var Je = 50;
-function Ye(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];
-		a !== void 0 && o !== void 0 && c.push({
-			dataIndex: i,
-			row: a,
-			rowId: o,
-			visibleIndex: r
-		});
+//#region src/virtual-layout.ts
+var Ut = 15e5;
+function Wt(e) {
+	return `data:${typeof e}:${encodeURIComponent(String(e))}`;
+}
+function Gt(e) {
+	return {
+		dataIndex: e.dataIndex,
+		...e.detail ? { detail: e.detail } : {},
+		key: Wt(e.rowId),
+		kind: "data",
+		row: e.row,
+		rowId: e.rowId,
+		visibleIndex: e.visibleIndex
+	};
+}
+function Kt(e, t) {
+	return typeof e == "number" && Number.isFinite(e) && e > 0 ? e : Math.max(1, t);
+}
+function qt(e) {
+	return typeof e == "number" && Number.isFinite(e) && e > 0 ? {
+		height: e,
+		mode: "fixed"
+	} : { mode: "auto" };
+}
+var Jt = 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;
 	}
-	return c;
+	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 Yt(e, t) {
+	return e.kind === "group" ? e.height : t + (e.detail?.height ?? 0);
 }
-function Xe(e) {
+function Xt(e, t) {
+	let n = Math.min(e, Ut), 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 Zt(e) {
+	let t = Xt(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 Qt(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 $t(e, t) {
+	for (let n of e.keys()) t.has(n) || e.delete(n);
+}
+function en(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 tn(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 nn(e, t, n) {
+	let r = Xt(t, n);
+	return Math.min(r.physicalScrollableHeight, Math.max(0, e) / r.scrollScale);
+}
+//#endregion
+//#region src/index.tsx
+var rn = 88;
+function an(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 on(e, t) {
+	return e.selection.rowIds.includes(t) ? e : fe(e, t);
+}
+function sn(e) {
+	return e.mixed, e.keys;
+}
+function cn(e) {
+	let t = sn(e.projection), n = e.logicalScrollTop ?? (e.projection.mixed ? Zt({
+		heightIndex: e.projection.heightIndex,
+		overscan: 0,
+		physicalScrollTop: e.physicalScrollTop,
+		viewportHeight: e.viewportHeight
+	}).logicalScrollTop : (() => {
+		let t = Xt(e.projection.visibleRowCount * e.projection.rowHeight, e.viewportHeight);
+		return Math.min(t.logicalScrollableHeight, Math.max(0, e.physicalScrollTop) * t.scrollScale);
+	})()), r = e.projection.mixed ? en({
+		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 ln(e) {
 	return !e || typeof e == "string" ? e : Object.entries(e).filter(([, e]) => e).map(([e]) => e).join(" ");
 }
-function G(e, t, n) {
+function un(e, t, n) {
 	return typeof e == "function" ? e(t, n) : e;
 }
-function Ze(e, t, n) {
-	let r = G(e?.disabled, t, n) === !0;
+function dn(e, t, n) {
+	let r = un(e?.disabled, t, n) === !0;
 	return {
-		className: Xe(G(e?.className, t, n)),
+		className: ln(un(e?.className, t, n)),
 		disabled: r,
-		draggable: !r && G(e?.draggable, t, n) !== !1,
-		style: G(e?.style, t, n)
+		draggable: !r && un(e?.draggable, t, n) !== !1,
+		style: un(e?.style, t, n)
 	};
 }
-function Qe(e) {
+function fn(e) {
 	let t = e?.background ?? e?.backgroundColor;
 	return typeof t == "string" || typeof t == "number" ? t : void 0;
 }
-function $e(e, t, n) {
+function pn(e, t, n) {
 	let r = {
 		height: e,
 		...t
@@ -705,7 +1516,7 @@ function $e(e, t, n) {
 		"--comins-table-row-custom-background": n
 	};
 }
-function et(e) {
+function mn(e) {
 	return {
 		data: e.row,
 		dataIndex: e.dataIndex,
@@ -713,7 +1524,7 @@ function et(e) {
 		index: e.visibleIndex
 	};
 }
-function tt(e, t) {
+function hn(e, t) {
 	return {
 		definition: e,
 		field: e.field,
@@ -722,23 +1533,23 @@ function tt(e, t) {
 		label: e.label
 	};
 }
-function nt(e, t) {
+function gn(e, t) {
 	return {
 		event: e,
 		index: t.visibleIndex,
-		row: et(t)
+		row: mn(t)
 	};
 }
-function rt(e, t, n, r, i) {
+function _n(e, t, n, r, i) {
 	return {
-		column: tt(n, r),
+		column: hn(n, r),
 		event: e,
 		index: t.visibleIndex,
-		row: et(t),
+		row: mn(t),
 		value: i
 	};
 }
-function it(e, t) {
+function vn(e, t) {
 	return {
 		definition: e,
 		field: e.field,
@@ -747,9 +1558,9 @@ function it(e, t) {
 		label: e.label
 	};
 }
-function at(e, t, n, r, i, a, o) {
+function yn(e, t, n, r, i, a, o) {
 	return {
-		column: it(i, a),
+		column: vn(i, a),
 		row: {
 			data: e.row,
 			dataIndex: e.dataIndex,
@@ -762,31 +1573,31 @@ function at(e, t, n, r, i, a, o) {
 		value: o
 	};
 }
-function ot(e, t) {
+function bn(e, t) {
 	let n = e.cell?.props;
 	return typeof n == "function" ? n(t) : n;
 }
-function st(e, t) {
+function xn(e, t) {
 	return e === void 0 ? !0 : typeof e == "boolean" ? e : e(t);
 }
-function ct(e, t) {
-	return e?.disabled !== void 0 && st(e.disabled, t) === !0;
+function Sn(e, t) {
+	return e?.disabled !== void 0 && xn(e.disabled, t) === !0;
 }
-function lt(e, t) {
+function Cn(e, t) {
 	let n = e?.className;
 	return typeof n == "function" ? n(t) : n;
 }
-function ut(e, t) {
+function wn(e, t) {
 	let n = e?.style;
 	return typeof n == "function" ? n(t) : n;
 }
-function dt(e, t, n) {
+function Tn(e, t, n) {
 	return e.cell?.format ? e.cell.format(n) : t == null ? "" : String(t);
 }
-function ft(e, t, n) {
-	let r = e.columnState[t.id], i = Tt(e.sortModel, t.id);
+function En(e, t, n) {
+	let r = e.columnState[t.id], i = Wn(e.sortModel, t.id);
 	return {
-		column: it(t, n),
+		column: vn(t, n),
 		layout: {
 			hidden: r?.hidden === !0 || t.hidden === !0,
 			width: r?.width ?? t.width
@@ -799,102 +1610,152 @@ function ft(e, t, n) {
 		}
 	};
 }
-function pt(e) {
+function H(e) {
 	return "row" in e && "selection" in e;
 }
-function K(e, t) {
-	return !pt(t) || e.type !== "input" && e.type !== "select" || t.selection.selectedRowCount === 1 && t.row.selected;
+function Dn(e, t) {
+	return !H(t) || e.type !== "input" && e.type !== "select" || t.selection.selectedRowCount === 1 && t.row.selected;
 }
-function mt(e, t) {
-	return (e ?? []).filter((e) => K(e, t));
+function On(e, t) {
+	return (e ?? []).filter((e) => Dn(e, t));
 }
-function ht(e, t, n, r) {
-	return mt(e, t).map((e, t) => ({
+function kn(e, t, n, r) {
+	return On(e, t).map((e, t) => ({
 		component: e,
 		index: t
-	})).filter(({ component: e }) => (e.direction ?? "left") === n).map(({ component: e, index: i }) => /* @__PURE__ */ M("span", {
+	})).filter(({ component: e }) => (e.direction ?? "left") === n).map(({ component: e, index: i }) => /* @__PURE__ */ A("span", {
 		className: "comins-table__component-slot",
 		"data-comins-component-align": e.align ?? "center",
 		"data-comins-component-direction": n,
 		"data-comins-component-id": e.id ?? `${e.type}-${i}`,
-		children: Ve(e, t, r)
+		children: _t(e, t, r)
 	}, e.id ?? `${e.type}-${i}`));
 }
-function gt(e, t, n, r = {}) {
+function U(e) {
+	e.preventDefault(), e.stopPropagation();
+}
+function An(e) {
+	e.stopPropagation(), e.target instanceof HTMLElement && e.target.blur();
+}
+var jn = /* @__PURE__ */ new WeakSet();
+function Mn(e) {
+	if (!e || jn.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), jn.add(e);
+}
+var Nn = {
+	onBeforeInputCapture: U,
+	onBlurCapture: U,
+	onChangeCapture: U,
+	onClickCapture: U,
+	onContextMenuCapture: U,
+	onDoubleClickCapture: U,
+	onFocusCapture: An,
+	onInputCapture: U,
+	onKeyDownCapture: U,
+	onKeyPressCapture: U,
+	onKeyUpCapture: U,
+	onMouseDownCapture: U,
+	onMouseMoveCapture: U,
+	onMouseOutCapture: U,
+	onMouseOverCapture: U,
+	onMouseUpCapture: U,
+	onPointerCancelCapture: U,
+	onPointerDownCapture: U,
+	onPointerMoveCapture: U,
+	onPointerOutCapture: U,
+	onPointerOverCapture: U,
+	onPointerUpCapture: U,
+	onResetCapture: U,
+	onScrollCapture: U,
+	onSubmitCapture: U,
+	onTouchCancelCapture: U,
+	onTouchEndCapture: U,
+	onTouchMoveCapture: U,
+	onTouchStartCapture: U,
+	onWheelCapture: U
+};
+function Pn(e, t) {
+	let n = (e) => typeof e == "string" || typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(n).join("") : Ae(e) && typeof e.type == "string" ? n(e.props.children) : "";
+	return n(e).trim() || t;
+}
+function Fn(e, t, n, r = {}) {
 	if (!t?.length) return e;
-	let i = r.showContent ?? !0, a = mt(t, n);
+	let i = r.showContent ?? !0, a = On(t, n);
 	if (!a.length) return e;
-	let o = ht(a, n, "left", r.interaction), s = ht(a, n, "right", r.interaction);
-	return i ? /* @__PURE__ */ N("span", {
+	let o = kn(a, n, "left", r.interaction), s = kn(a, n, "right", r.interaction);
+	return i ? /* @__PURE__ */ j("span", {
 		className: "comins-table__component-layout",
 		children: [
-			/* @__PURE__ */ M("span", {
+			/* @__PURE__ */ A("span", {
 				className: "comins-table__component-group",
 				"data-comins-component-direction": "left",
 				children: o
 			}),
-			/* @__PURE__ */ M("span", {
+			/* @__PURE__ */ A("span", {
 				className: "comins-table__component-content",
 				children: e
 			}),
-			/* @__PURE__ */ M("span", {
+			/* @__PURE__ */ A("span", {
 				className: "comins-table__component-group",
 				"data-comins-component-direction": "right",
 				children: s
 			})
 		]
-	}) : /* @__PURE__ */ M("span", {
+	}) : /* @__PURE__ */ A("span", {
 		className: "comins-table__component-layout",
 		"data-comins-component-only": "true",
-		children: /* @__PURE__ */ N("span", {
+		children: /* @__PURE__ */ j("span", {
 			className: "comins-table__component-group",
 			"data-comins-component-direction": "all",
 			children: [o, s]
 		})
 	});
 }
-function _t(e) {
-	return Math.max(Je, e.minWidth ?? Je);
+function In(e) {
+	return Math.max(rn, e.minWidth ?? rn);
 }
-function vt(e) {
+function Ln(e) {
 	return e.maxWidth ?? Infinity;
 }
-function yt(e, t) {
+function W(e, t) {
 	return e.columnState[t.id]?.width ?? t.width ?? 100;
 }
-function q(e, t, n) {
+function Rn(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function bt(e, t, n) {
-	let r = t.map((t) => q(yt(e, t), _t(t), vt(t))), i = new Set(t.map((e, t) => t)), a = t.map(_t), o = t.map(vt), s = q(n, a.reduce((e, t) => e + t, 0), o.reduce((e, t) => e + t, 0));
+function zn(e, t, n) {
+	let r = t.map((t) => Rn(W(e, t), In(t), Ln(t))), i = new Set(t.map((e, t) => t)), a = t.map(In), o = t.map(Ln), 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 = q(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 xt(e, t, n) {
+function Bn(e, t, n) {
 	let r = e.columnGroups.find((e) => e.children.includes(t));
-	if (!r || e.columnGroupState[r.id]?.hidden === !0) return D(e, t, n);
+	if (!r || e.columnGroupState[r.id]?.hidden === !0) return ve(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 D(e, t, n);
+	if (!a) return ve(e, t, n);
 	let o = i.filter((e) => e.id !== t);
 	if (o.length === 0) {
-		let r = yt(e, a);
-		return D(e, t, q(n, _t(a), Math.min(vt(a), r)));
+		let r = W(e, a);
+		return ve(e, t, Rn(n, In(a), Math.min(Ln(a), r)));
 	}
-	let s = i.reduce((t, n) => t + yt(e, n), 0), c = o.reduce((e, t) => e + _t(t), 0), l = o.reduce((e, t) => e + vt(t), 0), u = Math.max(_t(a), s - l), d = q(n, u, Math.max(u, Math.min(vt(a), s - c))), f = bt(e, o, s - d), p = D(e, t, d);
+	let s = i.reduce((t, n) => t + W(e, n), 0), c = o.reduce((e, t) => e + In(t), 0), l = o.reduce((e, t) => e + Ln(t), 0), u = Math.max(In(a), s - l), d = Rn(n, u, Math.max(u, Math.min(Ln(a), s - c))), f = zn(e, o, s - d), p = ve(e, t, d);
 	return o.forEach((e, t) => {
-		p = D(p, e.id, f[t] ?? yt(p, e));
+		p = ve(p, e.id, f[t] ?? W(p, e));
 	}), p;
 }
-function St(e, t, n) {
+function Vn(e, t, n) {
 	if (!e || typeof e != "object") return e;
 	let r = t.split("."), [i] = r;
 	if (!i) return e;
@@ -908,7 +1769,7 @@ function St(e, t, n) {
 		o[e] = a, n && (o = a);
 	}), o[r.at(-1)] = n, a;
 }
-function Ct(e, t) {
+function Hn(e, t) {
 	return e?.columnId === t ? e.direction === "asc" ? {
 		columnId: t,
 		direction: "desc"
@@ -917,60 +1778,60 @@ function Ct(e, t) {
 		direction: "asc"
 	};
 }
-function wt(e, t, n) {
-	let r = e.findIndex((e) => e.columnId === t), i = Ct(r < 0 ? null : e[r] ?? null, t);
+function Un(e, t, n) {
+	let r = e.findIndex((e) => e.columnId === t), i = Hn(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 Tt(e, t) {
+function Wn(e, t) {
 	let n = e.findIndex((e) => e.columnId === t);
 	return n < 0 ? null : {
 		priority: n + 1,
 		rule: e[n]
 	};
 }
-function Et(e, t) {
-	let n = Tt(e, t)?.rule;
+function Gn(e, t) {
+	let n = Wn(e, t)?.rule;
 	return n ? n.direction : "none";
 }
-function Dt(e, t) {
-	let n = Tt(e, t);
+function Kn(e, t) {
+	let n = Wn(e, t);
 	if (!n) return e.length > 1 ? void 0 : "none";
 	if (!(n.priority > 1)) return n.rule.direction === "asc" ? "ascending" : "descending";
 }
-function Ot(e, t) {
+function qn(e, t) {
 	return !e || !t ? e === t : e.columnId === t.columnId && e.direction === t.direction;
 }
-function kt(e, t) {
+function Jn(e, t) {
 	return e.length === t.length && e.every((e, n) => e.columnId === t[n]?.columnId && e.direction === t[n]?.direction);
 }
-function At(e, t) {
+function Yn(e, t) {
 	return e.length === t.length && e.every((e, n) => e === t[n]);
 }
-function jt(e, t) {
-	if (!At(e.rowIds, t.rowIds)) return !1;
+function Xn(e, t) {
+	if (!Yn(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 Mt(e, t) {
+function Zn(e, t) {
 	return t.split(".").reduce((e, t) => {
 		if (!(typeof e != "object" || !e)) return e[t];
 	}, e);
 }
-function J(e, t) {
+function Qn(e, t) {
 	return typeof e == "number" && typeof t == "number" ? e - t : String(e ?? "").localeCompare(String(t ?? ""));
 }
-function Nt(e, t, n) {
-	return n.length === 0 ? e : W(e, (e, r) => {
+function $n(e, t, n) {
+	return n.length === 0 ? e : Ht(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 = Mt(e, n.field), o = Mt(r, n.field), s = typeof n.sort == "function" ? n.sort(a, o, e, r) : J(a, o);
+			let a = Zn(e, n.field), o = Zn(r, n.field), s = typeof n.sort == "function" ? n.sort(a, o, e, r) : Qn(a, o);
 			if (s !== 0) return i.direction === "desc" ? s * -1 : s;
 		}
 		return 0;
 	});
 }
-function Pt(e, t, n, r, i) {
+function er(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) => {
@@ -1002,190 +1863,648 @@ function Pt(e, t, n, r, i) {
 	};
 	return m(e);
 }
-function Ft({ "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: v = !1, infiniteScrollThreshold: y = 160, lazyLoad: x = !1, lazyLoadBatchSize: S = 30, lazyLoadMode: w = "append", lazyLoadThreshold: te, loading: se = !1, loadingComponent: ce, loadingMore: pe = !1, multiSort: he = !1, onChangeColumnLayout: ge, onChangeData: _e, onChangeSelection: be, onChangeSort: xe, onChangeSortModel: Te, onClickCell: Ee, onClickRow: Oe, onContextMenuCell: P, onContextMenuRow: F, onDoubleClickCell: Ae, onDoubleClickRow: je, onKeyDownCell: Me, onKeyDownRow: Ne, onLazyLoad: Pe, onLoadMore: Fe, pagination: I, persistHeaderWhenEmpty: Ie = !0, rowHeight: L = 36, rowProps: Le, showHeader: Re = !0, skeletonRowCount: ze, style: Be, summary: R, theme: Ve, treeContext: z, virtualized: B = !1 }, He) {
-	let We = A(null), Ge = A(null), V = A(null), Ke = A(null), H = A(null), qe = A(null), U = A(null), W = A(null), Je = A(null), G = A(null), et = A(null), tt = A(0), it = A(d), st = A(void 0), pt = A(null), K = A(null), vt = A(null), yt = A(null), q = A(!1), bt = A(null), Ct = A(0), At = A(null), Mt = A(null), J = A(null), [Nt, Pt] = j(0), [Ft, It] = j(0), [Lt, Rt] = j(null), [zt, Bt] = j(null), [Vt, Ht] = j(null), [Ut, Wt] = j(null), [Gt, Kt] = j(null), [qt, Jt] = j(d), [Yt, Xt] = j(void 0), [Zt, Qt] = j(null), [$t, en] = j(null), [tn, nn] = j(0), rn = x ? qt : d, [Y, an] = j(() => c({
-		columnGroups: l,
-		columns: u,
-		getRowId: m,
-		pagination: I,
-		rows: rn,
-		showHeader: Re,
-		theme: Ve
-	})), X = A(Y), on = A({
-		columnGroups: l,
-		columns: u,
-		data: rn,
-		getRowId: m,
-		pagination: I,
-		showHeader: Re
-	}), sn = Math.max(0, Math.floor(Number.isFinite(e) ? Number(e) : 10)), cn = Math.max(1, Math.floor(S)), ln = Math.max(0, Math.floor(te ?? y)), un = () => {
-		let e = U.current;
-		U.current = null, e?.();
-	}, dn = (e) => {
-		un(), U.current = e;
-	}, fn = (e) => {
-		if (!x || w !== "append" || !Pe || et.current) return;
-		let t = X.current.rows.length;
-		if (e === "scroll" && st.current !== void 0 && t >= st.current) return;
-		let n = new AbortController(), r = tt.current + 1, i = e === "scroll" ? t : 0;
-		tt.current = r, G.current?.abort(), G.current = n, et.current = e, e !== "scroll" && (Ct.current = 0, nn(0), We.current && (We.current.scrollTop = 0)), Kt(e), Pe({
-			limit: cn,
-			offset: i,
-			reason: e,
-			signal: n.signal
-		}).then((t) => {
-			if (n.signal.aborted || tt.current !== r) return;
-			let i = e === "scroll" ? [...it.current, ...t.rows] : [...t.rows];
-			it.current = i, st.current = t.total, Jt(i), Xt(t.total);
-		}).catch(() => {}).finally(() => {
-			tt.current === r && (et.current = null, G.current = null, Kt(null));
+function tr({ "buffer-size": e, cellSelection: n = !0, className: r, columnFiltering: l, columnGroups: u, columns: d, data: f, "data-testid": p, emptyComponent: m, estimatedRowDetailHeight: h, expandedRowIds: v, getRowDetailHeight: y, getRowId: x, hasMoreRows: te = !1, infiniteScroll: re = !1, infiniteScrollThreshold: S = 160, lazyLoad: T = !1, lazyLoadBatchSize: le = 30, lazyLoadMode: he = "append", lazyLoadThreshold: _e, loading: ye = !1, loadingComponent: be, loadingMore: Ce = !1, multiSort: we = !1, onChangeColumnLayout: Ee, onChangeData: ke, onChangeSelection: Ae, onChangeSort: Pe, onChangeSortModel: Fe, onClickCell: Ie, onClickRow: Le, onContextMenuCell: Re, onContextMenuRow: ze, onChangeExpandedRowIds: He, onDoubleClickCell: Ue, onDoubleClickRow: We, onKeyDownCell: Ge, onKeyDownRow: Ke, onLazyLoad: qe, onLoadMore: Je, pagination: Ye, persistHeaderWhenEmpty: Ze = !0, rowHeight: M = 36, rowGrouping: N, rowProps: tt, isRowExpandable: nt, renderRowDetail: rt, showColumnMoveHandle: it = !0, showHeader: at = !0, skeletonRowCount: st, style: ct, summary: P, theme: lt, treeContext: F, virtualized: I = !1 }, ut) {
+	let L = O(null), R = O(null), z = O(null), dt = O(null), ft = O(null), pt = O(null), mt = O(/* @__PURE__ */ new Map()), ht = O(/* @__PURE__ */ new Map()), gt = O(/* @__PURE__ */ new Set()), _t = O(null), bt = O(/* @__PURE__ */ new Set()), xt = O(null), St = O(/* @__PURE__ */ new Map()), B = O(null), Ct = O(null), Tt = O(null), Ot = O(null), Mt = O(/* @__PURE__ */ new Map()), Nt = O(null), Pt = O(null), It = O(null), Lt = O(qe), Rt = O(0), zt = O(null), V = O(null), Bt = O(null), Vt = O(null), Ht = O(!1), Ut = O(null), Xt = O(null), en = O(/* @__PURE__ */ new Map()), rn = O(null), un = O(null), hn = O(null), vn = O(0), xn = O(null), H = O(null), Dn = O(0), U = O(null), An = O(null), jn = O(null), W = O(null), [zn, Hn] = k(0), [Yn, Zn] = k(0), [Qn, $n] = k(0), [er, tr] = k(null), [nr, rr] = k(null), [ir, ar] = k(null), [or, sr] = k(null), [cr, lr] = k(null), [ur, dr] = k(null), [fr, pr] = k(null), [mr, hr] = k(null), [gr, _r] = k(0), vr = je(), yr = f, G = !F && typeof N == "object" && !!N && N !== void 0 && Array.isArray(N.groups) && typeof N.getGroupId == "function" && typeof N.getRowGroupId == "function", K = !F && typeof l == "object" && !!l && l !== void 0 && Array.isArray(l.model), br = D(() => G ? {
+		pageIndex: 0,
+		pageSize: Math.max(1, yr.length)
+	} : Ye, [
+		yr.length,
+		G,
+		Ye
+	]), xr = K ? {
+		...tt,
+		draggable: !1
+	} : tt, [q, Sr] = k(() => c({
+		columnGroups: u,
+		columns: d,
+		getRowId: x,
+		pagination: br,
+		rows: yr,
+		showHeader: at,
+		theme: lt
+	})), J = O(q), Cr = O({
+		columnGroups: u,
+		columns: d,
+		data: yr,
+		getRowId: x,
+		pagination: br,
+		showHeader: at
+	}), wr = Math.max(0, Math.floor(Number.isFinite(e) ? Number(e) : 10)), Tr = Math.max(1, Math.floor(le)), Er = Math.max(0, Math.floor(_e ?? S)), Dr = typeof qe == "function", Or = typeof rt == "function" && !F, kr = D(() => {
+		let e = /* @__PURE__ */ new Set();
+		return (v ?? []).filter((t) => !e.has(t) && (e.add(t), !0));
+	}, [v]), Ar = D(() => new Set(kr), [kr]), jr = (e, t) => {
+		!Or || !t || !He || He(Ar.has(e) ? kr.filter((t) => t !== e) : [...kr, e]);
+	}, Mr = () => {
+		let e = B.current;
+		B.current = null, e?.();
+	}, Nr = (e) => {
+		Mr(), B.current = e;
+	};
+	Ne(() => {
+		Lt.current = qe;
+	}, [qe]);
+	let Pr = (e) => {
+		let t = Lt.current;
+		if (G || K || !T || he !== "append" || !t || It.current) return;
+		let n = J.current.rows.length;
+		if (e === "scroll" && (!te || ye || Ce)) return;
+		let r = new AbortController(), i = Rt.current + 1, a = e === "scroll" ? n : 0;
+		Rt.current = i, Pt.current?.abort(), Pt.current = r, It.current = e, e !== "scroll" && (Dn.current = 0, _r(0), L.current && (L.current.scrollTop = 0));
+		let o;
+		try {
+			o = t({
+				limit: Tr,
+				offset: a,
+				reason: e,
+				signal: r.signal
+			});
+		} catch {
+			It.current = null, Pt.current = null;
+			return;
+		}
+		Promise.resolve(o).catch(() => {}).finally(() => {
+			Rt.current === i && (It.current = null, Pt.current = null);
 		});
 	};
-	O(() => {
-		it.current = qt;
-	}, [qt]), O(() => {
-		st.current = Yt;
-	}, [Yt]), O(() => {
-		x || (it.current = d, Jt(d), st.current = void 0, Xt(void 0));
-	}, [d, x]), O(() => {
-		if (!(!x || !Pe)) return fn("initial"), () => {
-			tt.current += 1, et.current = null, G.current?.abort(), G.current = null;
+	E(() => {
+		if (!(G || K || !T || !Dr)) return Pr("initial"), () => {
+			Rt.current += 1, It.current = null, Pt.current?.abort(), Pt.current = null;
 		};
 	}, [
-		x,
-		Pe,
-		cn
-	]), O(() => {
-		let e = on.current;
-		if (e.columns === u && e.columnGroups === l && e.data === rn && e.getRowId === m && e.pagination === I && e.showHeader === Re) return;
-		on.current = {
-			columnGroups: l,
-			columns: u,
-			data: rn,
-			getRowId: m,
-			pagination: I,
-			showHeader: Re
+		K,
+		G,
+		Dr,
+		T,
+		Tr
+	]), E(() => {
+		let e = Cr.current;
+		if (e.columns === d && e.columnGroups === u && e.data === yr && e.getRowId === x && e.pagination === br && e.showHeader === at) return;
+		Cr.current = {
+			columnGroups: u,
+			columns: d,
+			data: yr,
+			getRowId: x,
+			pagination: br,
+			showHeader: at
 		};
-		let t = X.current, n = c({
-			columnLayout: fe(t),
-			columnGroups: l,
-			columns: u,
-			getRowId: m,
-			pagination: I ?? t.pagination,
-			rows: rn,
-			showHeader: Re,
+		let t = J.current, n = c({
+			columnLayout: me(t),
+			columnGroups: u,
+			columns: d,
+			getRowId: x,
+			pagination: br ?? t.pagination,
+			rows: yr,
+			showHeader: at,
 			sortModel: t.sortModel,
 			theme: t.theme
-		}), r = jt(t, n) ? {
+		}), r = Xn(t, n) ? {
 			...n,
 			selection: t.selection
 		} : n;
-		X.current = r, an(r), Ot(r.sort, t.sort) || xe?.(r.sort), kt(r.sortModel, t.sortModel) || Te?.(r.sortModel);
+		if (e.getRowId !== x) {
+			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] && mt.current.delete(t);
+			});
+		}
+		J.current = r, Sr(r), qn(r.sort, t.sort) || Pe?.(r.sort), Jn(r.sortModel, t.sortModel) || Fe?.(r.sortModel);
 	}, [
-		l,
 		u,
-		rn,
-		m,
-		I,
-		Re
-	]), O(() => {
-		X.current = Y;
-	}, [Y]), O(() => {
-		pt.current !== null && pt.current !== Y.rows.length && (pt.current = null);
-	}, [Y.rows.length]), O(() => () => {
-		un(), Mt.current !== null && window.cancelAnimationFrame(Mt.current), At.current !== null && window.clearTimeout(At.current);
-	}, []), O(() => {
-		let e = We.current;
+		d,
+		yr,
+		br,
+		x,
+		at
+	]), E(() => {
+		J.current = q;
+	}, [q]), E(() => {
+		zt.current !== null && zt.current !== q.rows.length && (zt.current = null);
+	}, [q.rows.length]), E(() => () => {
+		Mr(), jn.current !== null && window.cancelAnimationFrame(jn.current), An.current !== null && window.clearTimeout(An.current);
+	}, []), E(() => {
+		let e = L.current;
 		if (!e || typeof ResizeObserver > "u") return;
 		let t = new ResizeObserver(([e]) => {
-			e && (Pt(e.contentRect.height), It(e.contentRect.width));
+			e && (Hn(e.contentRect.height), Zn(e.contentRect.width));
 		});
 		return t.observe(e), () => t.disconnect();
+	}, []), E(() => {
+		$t(mt.current, new Set(q.rowIds));
+	}, [q.rowIds]);
+	let Fr = (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?.kind !== "data" || 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;
+	}, Ir = (e) => {
+		let t = xt.current;
+		if (!t) return;
+		let n = e.filter(({ height: e, rowId: t, width: n }) => {
+			let r = mt.current.get(t);
+			return !r || r.width !== n || Math.abs(r.height - e) >= .5;
+		});
+		if (n.length === 0) return;
+		let r = t.projection, i = L.current, a = i?.clientHeight || t.viewportHeight, o = H.current, s = o?.status === "pending" ? o : !o && r && i ? cn({
+			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) mt.current.set(e.rowId, {
+			height: e.height,
+			width: e.width
+		}), c = Fr(t, e.rowId, e.height, e.width) || c;
+		if (s && c && o?.status !== "pending") {
+			let e = vn.current + 1;
+			vn.current = e, H.current = {
+				...s,
+				revision: e,
+				status: "pending"
+			};
+		}
+		(c || !r) && $n((e) => e + 1);
+	}, Lr = () => {
+		if (typeof ResizeObserver > "u") return null;
+		let e = new ResizeObserver((e) => {
+			let t = [];
+			for (let n of e) {
+				let e = ht.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
+				});
+			}
+			Ir(t);
+		});
+		_t.current = e;
+		for (let t of ht.current.values()) bt.current.add(t.element), e.observe(t.element);
+		return e;
+	};
+	Ne(() => () => {
+		_t.current?.disconnect(), _t.current = null, bt.current.clear(), ht.current.clear(), gt.current.clear(), xt.current = null;
 	}, []);
-	let pn = (e, t, n = {}) => {
-		t.rows !== e.rows && _e?.(t.rows), t.selection !== e.selection && be?.(t.selection), n.columnLayoutChanged && ge?.(fe(t)), Ot(t.sort, e.sort) || xe?.(t.sort), kt(t.sortModel, e.sortModel) || Te?.(t.sortModel);
-	}, Z = (e, t = {}) => {
-		let n = X.current, r = typeof e == "function" ? e(n) : e;
-		X.current = r, an(r), pn(n, r, t);
-	}, Q = k(() => ee(Y), [Y]), mn = k(() => _(Y), [Y]), hn = k(() => R ? Ue(z?.summaryRows ?? Y.rows, Q, R) : null, [
-		Y.rows,
-		R,
-		z?.summaryRows,
-		Q
-	]), gn = k(() => {
-		if (!R) return [];
+	let Rr = () => {
+		ht.current.size === 0 && (_t.current?.disconnect(), _t.current = null, bt.current.clear());
+	}, zr = (e, t, n) => {
+		for (let [t, r] of ht.current) r.rowId === e && t !== n && (_t.current?.unobserve(t), bt.current.delete(t), ht.current.delete(t), gt.current.delete(t));
+		if (!n || t === "fixed") {
+			Rr();
+			return;
+		}
+		ht.current.set(n, {
+			element: n,
+			rowId: e
+		});
+	}, Br = (e, t, n = {}) => {
+		t.rows !== e.rows && ke?.(t.rows), t.selection !== e.selection && Ae?.(t.selection), n.columnLayoutChanged && Ee?.(me(t)), qn(t.sort, e.sort) || Pe?.(t.sort), Jn(t.sortModel, e.sortModel) || Fe?.(t.sortModel);
+	}, Y = (e, t = {}) => {
+		let n = J.current, r = typeof e == "function" ? e(n) : e;
+		J.current = r, Sr(r), Br(n, r, t);
+	}, X = D(() => ee(q), [q]), Vr = /* @__PURE__ */ new Map();
+	E(() => {
+		Mt.current = Vr;
+	});
+	let Hr = D(() => {
+		let e = X.length;
+		if (e === 0) return [];
+		let t = X.map((e) => q.columnState[e.id]?.width ?? e.width);
+		if (Yn <= 0) {
+			let n = `${100 / e}%`;
+			return t.map((e, t) => {
+				if (e === void 0) return n;
+				let r = X[t];
+				return Rn(e, In(r), Ln(r));
+			});
+		}
+		let n = 0;
+		for (let e of t) n += e ?? 0;
+		let r = X.filter((e, n) => t[n] === void 0), i = r.length > 0 ? Math.max(0, (Yn - n) / r.length) : 0;
+		return X.map((e, n) => {
+			let r = t[n] ?? i, a = In(e), o = e.maxWidth ?? Infinity;
+			return Math.min(o, Math.max(a, r));
+		});
+	}, [
+		Yn,
+		q.columnState,
+		X
+	]), Ur = D(() => {
+		let e = 0;
+		for (let t of Hr) {
+			if (typeof t != "number") return;
+			e += t;
+		}
+		return e;
+	}, [Hr]), Wr = D(() => {
+		if (typeof Ur == "number") return Math.max(Yn, Ur);
+	}, [Ur, Yn]), Gr = typeof Wr == "number" && Number.isFinite(Wr) ? Math.round(Wr) : 0, Kr = D(() => _(q), [q]), qr = D(() => K ? Xe({
+		columns: q.columns,
+		model: l?.model
+	}) : [], [
+		l?.model,
+		K,
+		q.columns
+	]), Jr = qr.length > 0, Yr = D(() => new Map(qr.map((e) => [e.column.id, e])), [qr]), Xr = D(() => K ? Qe({
+		columns: q.columns,
+		model: l?.model,
+		rows: q.rows.map((e, t) => ({
+			data: e,
+			dataIndex: t,
+			id: q.rowIds[t]
+		}))
+	}) : q.rows.map((e, t) => t), [
+		l?.model,
+		K,
+		q.columns,
+		q.rowIds,
+		q.rows
+	]), Zr = D(() => Xr.flatMap((e) => {
+		let t = q.rows[e];
+		return t === void 0 ? [] : [t];
+	}), [Xr, q.rows]), Qr = D(() => P ? Ft(F?.summaryRows ?? Zr, X, P) : null, [
+		Zr,
+		P,
+		F?.summaryRows,
+		X
+	]), $r = D(() => {
+		if (!P) return [];
 		let e = [], t = 0;
-		for (; t < Q.length;) {
-			let n = Q[t], r = R.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, Q.length - t);
+		for (; t < X.length;) {
+			let n = X[t], r = P.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, X.length - t);
 			e.push({
 				className: i?.className,
 				colSpan: o,
 				column: n,
 				style: i?.style,
-				value: hn?.[n.id] ?? (e.length === 0 ? R.label : null)
+				value: Qr?.[n.id] ?? (e.length === 0 ? P.label : null)
 			}), t += o;
 		}
 		return e;
 	}, [
-		R,
-		hn,
-		Q
-	]), _n = k(() => z || Y.sortModel.length === 0 ? null : b(Y), [Y, z]), vn = _n?.length ?? Y.rows.length, yn = Math.max(0, Y.pagination.pageIndex) * Math.max(1, Y.pagination.pageSize), bn = k(() => {
-		if (B) {
-			let e = Math.max(1, L), t = Nt || L * 12, n = vn * 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, tn) * o), c = Math.max(0, Math.floor(s / e) - sn), l = Math.min(vn, Math.ceil((s + Math.max(0, t)) / e) + sn), u = c * e, d = o > 0 ? u / o : u;
+		P,
+		Qr,
+		X
+	]), ei = N?.aggregations, ti = N?.getGroupId, ni = N?.getGroupLabel, ri = N?.getRowGroupId, ii = N?.groups, ai = D(() => G && ti && ri && ii ? Et({
+		columns: q.columns,
+		config: {
+			aggregations: ei,
+			getGroupId: ti,
+			getGroupLabel: ni,
+			getRowGroupId: ri,
+			groups: ii
+		}
+	}) : null, [
+		ei,
+		ti,
+		ni,
+		ri,
+		ii,
+		G,
+		q.columns
+	]), oi = D(() => ai && ri ? Dt({
+		...ai,
+		getRowGroupId: ri,
+		rows: Xr.flatMap((e) => {
+			let t = q.rows[e], n = q.rowIds[e];
+			return t === void 0 || n === void 0 ? [] : [{
+				data: t,
+				dataIndex: e,
+				id: n
+			}];
+		})
+	}) : null, [
+		Xr,
+		ri,
+		ai,
+		q.rowIds,
+		q.rows
+	]), Z = D(() => oi ? kt({
+		columns: q.columns,
+		model: oi,
+		rows: q.rows,
+		sortModel: q.sortModel
+	}) : null, [
+		oi,
+		q.columns,
+		q.rows,
+		q.sortModel
+	]), si = D(() => {
+		let e = /* @__PURE__ */ new Set();
+		return (Array.isArray(N?.expandedGroupIds) ? N.expandedGroupIds : []).filter((t) => !Z?.groupsById.has(t) || e.has(t) ? !1 : (e.add(t), !0));
+	}, [Z, N?.expandedGroupIds]), ci = D(() => new Set(si), [si]), li = (e) => {
+		let t = N?.onChangeExpandedGroupIds;
+		typeof t != "function" || !Z?.groupsById.has(e) || t(ci.has(e) ? si.filter((t) => t !== e) : [...si, e]);
+	}, Q = D(() => Z ? At({
+		expandedGroupIds: si,
+		model: Z,
+		rowIds: q.rowIds
+	}) : null, [
+		si,
+		Z,
+		q.rowIds
+	]), ui = Q !== null;
+	Ne(() => {
+		if (!Q || !Z) {
+			hn.current = null, rn.current = null;
+			return;
+		}
+		let e = rn.current;
+		if (e !== null) {
+			let t = en.current.get(e);
+			t && (rn.current = null, un.current = null, t.focus());
+		}
+		let t = new Set(Q.entries.flatMap((e) => e.kind === "data" ? [e.dataIndex] : [])), n = hn.current, r = un.current;
+		if (hn.current = t, r === null || !n?.has(r) || t.has(r)) return;
+		let i = document.activeElement;
+		if (!(i && (L.current?.contains(i) || i === document.body))) return;
+		let a = [...Z.groupsById.values()].find((e) => e.leafSourceIndexes.includes(r))?.groupId;
+		a !== void 0 && en.current.get(a)?.focus();
+	}, [Q, Z]);
+	let di = D(() => F || ui ? null : b(q, Xr), [
+		Xr,
+		ui,
+		q,
+		F
+	]), fi = D(() => Q ? Q.entries.flatMap((e) => e.kind === "data" ? [e.dataIndex] : []) : di ?? Xr, [
+		Xr,
+		Q,
+		di
+	]), pi = fi.length, mi = Q?.entries.length ?? pi, hi = Math.max(1, q.pagination.pageSize), gi = Math.max(0, Math.ceil(pi / hi) - 1), _i = Math.min(Math.max(0, q.pagination.pageIndex), gi) * hi;
+	E(() => {
+		if (!Q && !K) return;
+		let e = new Set(Q?.visibleLeafRowIds ?? fi.flatMap((e) => {
+			let t = q.rowIds[e];
+			return t === void 0 ? [] : [t];
+		})), t = J.current, n = t.selection.cell !== null && !e.has(t.selection.cell.rowId), r = t.selection.range !== null && (!e.has(t.selection.range.anchor.rowId) || !e.has(t.selection.range.focus.rowId));
+		!n && !r || (n && (Nt.current = null), Bt.current = null, Vt.current = null, Y({
+			...t,
+			selection: {
+				...t.selection,
+				cell: n ? null : t.selection.cell,
+				range: r || n ? null : t.selection.range
+			}
+		}));
+	}, [
+		K,
+		Q,
+		fi,
+		q.rowIds
+	]);
+	let vi = D(() => {
+		if (!Or) return /* @__PURE__ */ new Set();
+		let e = /* @__PURE__ */ new Set(), t = I || ui ? 0 : _i, n = I || ui ? fi.length : Math.min(fi.length, _i + hi);
+		for (let r = t; r < n; r += 1) {
+			let t = fi[r];
+			if (t === void 0) continue;
+			let n = q.rows[t], i = q.rowIds[t];
+			if (n === void 0 || i === void 0 || !Ar.has(i)) continue;
+			let a = { row: mn({
+				dataIndex: t,
+				row: n,
+				rowId: i,
+				visibleIndex: r
+			}) };
+			nt?.(a) !== !1 && e.add(i);
+		}
+		return e;
+	}, [
+		Ar,
+		ui,
+		nt,
+		hi,
+		_i,
+		fi,
+		Or,
+		q.rowIds,
+		q.rows,
+		I
+	]), yi = D(() => {
+		let e = Math.max(1, M);
+		return (Q?.entries ?? fi.map((e, t) => {
+			let n = q.rowIds[e];
+			return n === void 0 ? null : {
+				dataIndex: e,
+				key: Wt(n),
+				kind: "data",
+				rowId: n,
+				visibleLeafIndex: t
+			};
+		}).filter((e) => e !== null)).flatMap((t) => {
+			if (t.kind === "group") return [{
+				groupId: t.groupId,
+				height: e,
+				key: t.key,
+				kind: "group"
+			}];
+			let { dataIndex: n, rowId: r, visibleLeafIndex: i } = t, a = q.rows[n];
+			if (a === void 0 || r === void 0) return [];
+			let o = null;
+			if (vi.has(r)) {
+				let e = { row: mn({
+					dataIndex: n,
+					row: a,
+					rowId: r,
+					visibleIndex: i
+				}) }, t = qt(y?.(e));
+				o = t.mode === "auto" ? {
+					...Qt(mt.current, r, Gr, Kt(h, M)),
+					mode: "auto"
+				} : {
+					estimated: !1,
+					height: t.height,
+					mode: "fixed"
+				};
+			}
+			return [Gt({
+				dataIndex: n,
+				detail: o,
+				row: a,
+				rowHeight: e,
+				rowId: r,
+				visibleIndex: i
+			})];
+		});
+	}, [
+		Gr,
+		I ? 0 : Qn,
+		vi,
+		h,
+		y,
+		Q,
+		fi,
+		M,
+		q.rowIds,
+		q.rows
+	]), bi = D(() => {
+		if (!I || vi.size === 0) return null;
+		let e = Math.max(1, M), t = yi, n = Jt.from(t.map((t) => Yt(t, e))), r = /* @__PURE__ */ new Map();
+		for (let e = 0; e < t.length; e += 1) {
+			let n = t[e], i = n?.kind === "data" ? n.rowId : void 0;
+			i !== void 0 && !r.has(i) && r.set(i, e);
+		}
+		return {
+			heightIndex: n,
+			keys: t.map((e) => e.key),
+			slotIndexByRowId: r,
+			slots: t
+		};
+	}, [
+		vi,
+		yi,
+		M,
+		I
+	]), xi = D(() => ({
+		contentWidth: Gr,
+		projection: bi,
+		viewportHeight: zn || Math.max(1, M) * 12
+	}), [
+		zn,
+		Gr,
+		bi,
+		M
+	]);
+	Ne(() => {
+		if (xt.current = xi, ht.current.size === 0) {
+			Rr();
+			return;
+		}
+		if (typeof ResizeObserver < "u") {
+			let e = _t.current, t = e ?? Lr();
+			if (e) for (let e of ht.current.values()) bt.current.has(e.element) || (bt.current.add(e.element), t?.observe(e.element));
+			return;
+		}
+		let e = [];
+		for (let t of ht.current.values()) {
+			if (gt.current.has(t.element)) continue;
+			gt.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)
+			});
+		}
+		Ir(e);
+	});
+	let Si = D(() => {
+		if (I) {
+			let e = Math.max(1, M), t = zn || M * 12;
+			if (bi) {
+				let e = cr && Math.abs(gr - cr.actualPhysical) <= .5 ? cr : null, n = Zt({
+					heightIndex: bi.heightIndex,
+					overscan: wr,
+					physicalScrollTop: e?.requestedPhysical ?? gr,
+					viewportHeight: t
+				});
+				return {
+					mixed: !0,
+					renderOffset: e ? e.actualPhysical - (e.targetLogical - n.logicalStartOffset) : n.renderOffset,
+					scrollHeight: n.physicalScrollHeight,
+					slots: bi.slots.slice(n.startIndex, n.endIndex)
+				};
+			}
+			let n = mi * 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, gr) * o), c = Math.max(0, Math.floor(s / e) - wr), l = Math.min(mi, Math.ceil((s + Math.max(0, t)) / e) + wr), u = c * e;
 			return {
-				entries: Ye(_n, Y.rows, Y.rowIds, c, l),
-				renderOffset: d,
-				scrollHeight: r
+				mixed: !1,
+				renderOffset: o > 0 ? u / o : u,
+				scrollHeight: r,
+				slots: yi.slice(c, l)
 			};
 		}
 		return {
-			entries: Ye(_n, Y.rows, Y.rowIds, yn, yn + Math.max(1, Y.pagination.pageSize)),
+			mixed: !1,
 			renderOffset: 0,
-			scrollHeight: 0
+			scrollHeight: 0,
+			slots: ui ? yi : yi.slice(_i, _i + hi)
 		};
 	}, [
-		Nt,
-		yn,
-		L,
-		tn,
-		_n,
-		Y.pagination.pageSize,
-		Y.rowIds,
-		Y.rows,
-		sn,
-		B,
-		vn
-	]), xn = Ve ?? Y.theme, Sn = xn.density === "compact" ? "text-[11px]" : xn.density === "spacious" ? "text-[13px]" : "text-[length:var(--comins-font-size-base,12px)]", Cn = k(() => new Set(Y.selection.rowIds), [Y.selection.rowIds]), wn = k(() => {
-		let e = Q.length;
-		if (e === 0) return [];
-		let t = Q.map((e) => Y.columnState[e.id]?.width ?? e.width);
-		if (Ft <= 0) {
-			let n = `${100 / e}%`;
-			return t.map((e) => e ?? n);
+		zn,
+		Qn,
+		yi,
+		ui,
+		cr,
+		bi,
+		_i,
+		M,
+		gr,
+		hi,
+		wr,
+		I,
+		mi
+	]), $ = D(() => I ? bi ? {
+		heightIndex: bi.heightIndex,
+		keys: bi.keys,
+		mixed: !0
+	} : {
+		keys: yi.map((e) => e.key),
+		mixed: !1,
+		rowHeight: Math.max(1, M),
+		visibleRowCount: mi
+	} : null, [
+		bi,
+		yi,
+		M,
+		I,
+		mi
+	]), Ci = U.current, wi = H.current, Ti = !wi && $ && Ci && $ !== Ci && L.current ? cn({
+		logicalScrollTop: cr && Math.abs(L.current.scrollTop - cr.actualPhysical) <= .5 ? cr.targetLogical : void 0,
+		physicalScrollTop: L.current.scrollTop,
+		projection: Ci,
+		viewportHeight: L.current.clientHeight || zn || M * 12
+	}) : void 0, Ei = wi?.status === "pending" ? wi : Ti;
+	Ne(() => {
+		if (!$) {
+			U.current = null, H.current = null, xn.current = null, lr(null);
+			return;
 		}
-		let n = 0;
-		for (let e of t) n += e ?? 0;
-		let r = Q.filter((e, n) => t[n] === void 0), i = r.length > 0 ? Math.max(0, (Ft - n) / r.length) : 0;
-		return Q.map((e, n) => {
-			let r = t[n] ?? i, a = _t(e), o = e.maxWidth ?? Infinity;
-			return Math.min(o, Math.max(a, r));
-		});
-	}, [
-		Ft,
-		Y.columnState,
-		Q
-	]), Tn = k(() => {
-		let e = 0;
-		for (let t of wn) {
-			if (typeof t != "number") return;
-			e += t;
+		if (U.current = $, wi?.status === "cancelled") {
+			let e = H.current;
+			e?.revision === wi.revision && e.status === "cancelled" && (H.current = null);
+			return;
 		}
-		return e;
-	}, [wn]), En = k(() => {
-		if (typeof Tn == "number") return Math.max(Ft, Tn);
-	}, [Tn, Ft]), Dn = typeof Tn == "number" && Ft > 0 && Tn > Ft + 1, On = x ? x && (Yt === void 0 || vn < Yt) : h, kn = se || Gt === "initial" || Gt === "refresh", An = pe || Gt === "scroll", jn = vn === 0, Mn = kn && jn, Nn = !kn && jn, Pn = (v || x) && An && On && !jn, Fn = Math.max(1, Math.floor(ze ?? Math.min(Math.max(1, Y.pagination.pageSize), 5))), In = (Mn ? Fn : +!!Nn) + +!!Pn, Ln = (bn.entries.length + In) * L, Rn = B ? 0 : Math.max(0, Nt - Ln), zn = Y.showHeader && (Ie || !jn || kn), Bn = (e, t) => (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === t, Vn = (e) => bn.entries[e], Hn = (e, t, n) => {
-		let r = (z ? e.rows.map((e, t) => t) : b(e)).flatMap((t, n) => {
+		let e = L.current;
+		if (!e || !Ei) return;
+		let t = sn($), n = tn({
+			anchor: Ei.anchor,
+			getNextHeight: (e) => $.mixed ? $.heightIndex.getHeight(e) : $.rowHeight,
+			nextKeys: t,
+			previousKeys: Ei.previousKeys
+		}), r = n ? ($.mixed ? $.heightIndex.getPrefixHeight(n.index) : n.index * $.rowHeight) + n.offsetWithinSlot : 0, i = nn(r, $.mixed ? $.heightIndex.getTotalHeight() : $.visibleRowCount * $.rowHeight, e.clientHeight || Ei.previousViewportHeight);
+		if (wi) {
+			let e = H.current;
+			if (e?.revision !== wi.revision || e.status !== "pending") return;
+		}
+		if (jn.current !== null && (window.cancelAnimationFrame(jn.current), jn.current = null), e.scrollTop = i, wi) {
+			let e = H.current;
+			if (e?.revision !== wi.revision || e.status !== "pending") return;
+		}
+		let a = e.scrollTop, o = wi?.revision ?? vn.current + 1, s = $.mixed ? {
+			actualPhysical: a,
+			requestedPhysical: i,
+			revision: o,
+			targetLogical: r
+		} : null;
+		vn.current = Math.max(vn.current, o), wi && (H.current = null), xn.current = s, Dn.current = a, lr(s), _r(a);
+	}, [$, Ei]);
+	let Di = lt ?? q.theme, Oi = Di.density === "compact" ? "text-[11px]" : Di.density === "spacious" ? "text-[13px]" : "text-[length:var(--comins-font-size-base,12px)]", ki = D(() => new Set(q.selection.rowIds), [q.selection.rowIds]), Ai = typeof Ur == "number" && Yn > 0 && Ur > Yn + 1, ji = G || K ? !1 : te, Mi = ye, Ni = G || K ? !1 : Ce, Pi = mi === 0, Fi = Mi && Pi, Ii = !Mi && Pi, Li = !G && !K && (re || T) && Ni && ji && !Pi, Ri = Math.max(1, Math.floor(st ?? Math.min(Math.max(1, q.pagination.pageSize), 5))), zi = (Fi ? Ri : +!!Ii) + +!!Li, Bi = Si.slots.reduce((e, t) => e + Yt(t, M), 0) + zi * M, Vi = I ? 0 : Math.max(0, zn - Bi), Hi = q.showHeader && (Ze || !Pi || Mi), Ui = (e, t) => (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === t, Wi = (e) => {
+		let t = Si.slots[e];
+		return t?.kind === "data" ? t : void 0;
+	}, Gi = (e, t, n) => {
+		if (Q) {
+			let e = Q.visibleLeafRowIds.indexOf(t), r = Q.visibleLeafRowIds.indexOf(n);
+			if (e < 0 || r < 0) return [n];
+			let i = Math.min(e, r), a = Math.max(e, r);
+			return Q.visibleLeafRowIds.slice(i, a + 1);
+		}
+		let r = (F ? 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,
@@ -1197,53 +2516,94 @@ function Ft({ "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);
-	}, Un = (e, t) => {
-		Z((n) => de(n, Hn(n, e, t)));
-	}, Wn = (e) => {
-		Z((t) => de(t, e.flatMap((e) => {
-			let t = Vn(e);
-			return t ? [t.rowId] : [];
-		})));
-	}, $ = () => {
-		let e = J.current;
-		e && (e.cleanup(), e.timer !== null && window.clearTimeout(e.timer), J.current = null);
-	}, Gn = (e) => {
-		J.current?.columnId !== e && ($(), J.current = {
+	}, Ki = (e, t) => {
+		Y((n) => pe(n, Gi(n, e, t)));
+	}, qi = (e) => {
+		Y((t) => {
+			let n = e.flatMap((e) => {
+				if (Q) {
+					let t = Q.visibleLeafRowIds[e];
+					return t === void 0 ? [] : [t];
+				}
+				let t = Wi(e);
+				return t ? [t.rowId] : [];
+			});
+			return pe(t, n);
+		});
+	}, Ji = () => {
+		let e = W.current;
+		e && (e.cleanup(), e.timer !== null && window.clearTimeout(e.timer), W.current = null);
+	}, Yi = (e) => {
+		W.current?.columnId !== e && (Ji(), W.current = {
 			cleanup: () => void 0,
 			columnId: e,
 			timer: null
 		});
-	}, Kn = () => {
-		let e = J.current;
+	}, Xi = () => {
+		let e = W.current;
 		e && (e.cleanup(), e.cleanup = () => void 0, e.timer = window.setTimeout(() => {
-			J.current === e && (J.current = null);
+			W.current === e && (W.current = null);
 		}, 0));
-	}, qn = () => {
-		let e = J.current;
+	}, Zi = () => {
+		let e = W.current;
 		if (!e) return;
-		let t = () => Kn(), n = () => $(), r = () => $();
+		let t = () => Xi(), n = () => Ji(), r = () => Ji();
 		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 });
-	}, Jn = (e) => J.current?.columnId === e ? ($(), !0) : !1, Yn = (e, t) => {
-		e.sort && Z((n) => ve(n, wt(n.sortModel, e.id, he && t)));
-	}, Xn = (e, t) => {
+	}, Qi = (e) => W.current?.columnId === e && (Ji(), !0), $i = (e, t) => {
+		e.sort && Y((n) => xe(n, Un(n.sortModel, e.id, we && t)));
+	}, ea = (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 ? X.current.columnGroups.find((e) => e.id === r) : void 0)?.children.find((e) => Q.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;
+	}, ta = (e) => {
+		let t = e.kind === "column" ? e.id : J.current.columnGroups.find((t) => t.id === e.id)?.children.find((e) => X.some((t) => t.id === e));
+		return t ? X.findIndex((e) => e.id === t) : -1;
 	};
-	De(He, () => ({
-		clearSort: () => Z((e) => i(e)),
-		expand: (e) => z?.onExpand(e),
-		fold: (e) => z?.onFold(e),
-		getColumnLayout: () => fe(Y),
-		getSortModel: () => Y.sortModel,
-		getSortState: () => Y.sort,
-		setColumnLayout: (e) => Z((n) => t(n, e), { columnLayoutChanged: !0 }),
-		setMoveTargetRow: (e, t) => Z((n) => {
-			if (z) return n;
+	Me(ut, () => ({
+		clearSort: () => Y((e) => i(e)),
+		expand: (e) => F?.onExpand(e),
+		expandGroups: (e) => {
+			let t = N?.onChangeExpandedGroupIds;
+			if (!Z || typeof t != "function") return;
+			let n = e === void 0 ? Z.groupIds : e.filter((e) => Z.groupsById.has(e));
+			if (n.length === 0) return;
+			let r = [...si], i = new Set(r);
+			for (let e of n) i.has(e) || (i.add(e), r.push(e));
+			r.length !== si.length && t(r);
+		},
+		fold: (e) => F?.onFold(e),
+		foldGroups: (e) => {
+			let t = N?.onChangeExpandedGroupIds;
+			if (!Z || typeof t != "function") return;
+			if (e === void 0) {
+				si.length > 0 && t([]);
+				return;
+			}
+			if (e.length === 0) return;
+			let n = new Set(e.filter((e) => Z.groupsById.has(e))), r = si.filter((e) => !n.has(e));
+			r.length !== si.length && t(r);
+		},
+		getColumnLayout: () => me(q),
+		getSortModel: () => q.sortModel,
+		getSortState: () => q.sort,
+		setColumnLayout: (e) => Y((n) => t(n, e), { columnLayoutChanged: !0 }),
+		setMoveTargetRow: (e, t) => Y((n) => {
+			if (F || G || K) return n;
 			let r = b(n).flatMap((e) => {
 				let t = n.rowIds[e];
 				return t === void 0 ? [] : [t];
@@ -1263,65 +2623,111 @@ function Ft({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 				sortModel: []
 			} : n;
 		}),
-		setSelectedRow: (e) => Wn([e]),
-		setSelectedRows: (e) => Wn(e),
-		setSortModel: (e) => Z((t) => ve(t, e)),
-		setSortState: (e) => Z((t) => ye(t, e))
+		setSelectedRow: (e) => qi([e]),
+		setSelectedRows: (e) => qi(e),
+		setSortModel: (e) => Y((t) => xe(t, e)),
+		setSortState: (e) => Y((t) => Se(t, e))
 	}), [
-		bn.entries,
-		Y,
-		z
+		Q,
+		G,
+		K,
+		si,
+		Z,
+		N,
+		Si.slots,
+		q,
+		F
 	]);
-	let Zn = () => {
-		let e = W.current;
-		e && (e.cleanup(), e.timer !== null && window.clearTimeout(e.timer)), W.current = null, Rt(null), Bt(null), Ht(null), Wt(null);
+	let na = () => {
+		let e = Ct.current;
+		e && (e.cleanup(), e.timer !== null && window.clearTimeout(e.timer)), Ct.current = null, tr(null), rr(null), ar(null), sr(null);
 	};
-	O(() => () => {
-		Zn(), $();
+	E(() => () => {
+		na(), Ji(), Tt.current?.();
 	}, []);
-	let Qn = (e) => {
+	let ra = () => {
+		if (Tt.current?.(), Tt.current = null, Ot.current = null, typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
+		let e = [
+			z.current,
+			L.current,
+			R.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);
+		Ot.current = t;
+	};
+	Ne(() => {
+		let e = Ot.current;
+		if (Ot.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");
+			Tt.current === i && (Tt.current = null);
+		};
+		return Tt.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;
+	}, [q.columnOrder]);
+	let ia = (e) => {
 		if (e.event.button !== 0) return;
 		let t = e.event.pointerType, n = t === "mouse" || t === "", r = () => {
-			e.sortColumnId && Gn(e.sortColumnId);
+			e.sortColumnId && Yi(e.sortColumnId);
 		}, i = (t, n) => {
-			let i = W.current;
-			!i || i !== u || i.active || i.blocked || (i.active = !0, i.cancelSort = !0, r(), e.activate(t, n));
-		}, a = (e) => {
-			let t = W.current;
-			if (!(!t || t !== u)) {
-				if (!t.active && !t.blocked && n) {
-					let n = ke({
-						clientX: e.clientX,
-						clientY: e.clientY,
-						startX: t.startX,
-						startY: t.startY
+			let i = Ct.current;
+			!i || i !== u || i.active || i.blocked || (i.active = !0, i.cancelSort = !0, r(), e.activate(t, n), sr({
+				...e.source,
+				status: "neutral"
+			}));
+		}, a = (t) => {
+			let a = Ct.current;
+			if (!(!a || a !== u)) {
+				if (!a.active && !a.blocked && n) {
+					let e = Ve({
+						clientX: t.clientX,
+						clientY: t.clientY,
+						startX: a.startX,
+						startY: a.startY
+					});
+					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(), ar({
+						x: t.clientX,
+						y: t.clientY
 					});
-					n === "activate" ? i(e.clientX, e.clientY) : n === "cancel" && (t.blocked = !0, t.cancelSort = !0, r());
+					let n = ea(t.clientX, t.clientY);
+					sr(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(), Ht({
-					x: e.clientX,
-					y: e.clientY
-				}), Wt(Xn(e.clientX, e.clientY)));
 			}
 		}, o = (t) => {
-			let n = W.current;
+			let n = Ct.current;
 			if (n === u && n.active) {
-				let n = Xn(t.clientX, t.clientY);
-				n && e.commitTarget(n);
+				let n = ea(t.clientX, t.clientY);
+				n && e.resolveTarget(n) === "valid" && e.commitTarget(n);
 			}
-			n === u && n.cancelSort && Kn(), Zn();
+			n === u && n.cancelSort && Xi(), na();
 		}, s = () => {
-			$(), Zn();
+			Ji(), na();
 		}, c = (e) => {
-			e.key === "Escape" && (e.preventDefault(), W.current === u && u.cancelSort && qn(), Zn());
+			e.key === "Escape" && (e.preventDefault(), Ct.current === u && u.cancelSort && Zi(), na());
 		}, l = () => {
-			$(), Zn();
+			Ji(), na();
 		}, 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,
@@ -1330,662 +2736,990 @@ function Ft({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 			startY: e.event.clientY,
 			timer: null
 		};
-		Zn(), $(), n || (u.timer = window.setTimeout(() => {
-			let e = W.current;
+		na(), Ji(), n || (u.timer = window.setTimeout(() => {
+			let e = Ct.current;
 			e === u && !e.active && !e.blocked && i(e.startX, e.startY);
-		}, 1e3)), W.current = u, window.addEventListener("pointermove", a), window.addEventListener("pointerup", o), window.addEventListener("pointercancel", s), window.addEventListener("keydown", c), window.addEventListener("blur", l);
-	}, $n = (e, t) => {
-		Qn({
-			activate: (e, n) => {
-				Ht({
+		}, 1e3)), Ct.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);
+	}, aa = (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
+		};
+		ia({
+			activateImmediately: n,
+			activate: (e, t) => {
+				ar({
 					x: e,
-					y: n
-				}), Wt(t.id), Bt(null), Rt(t.id);
+					y: t
+				}), rr(null), tr(r.id);
 			},
 			commitTarget: (e) => {
-				if (e === t.id) return;
-				let n = Q.findIndex((t) => t.id === e);
-				if (n >= 0) {
-					let e = X.current, r = ne(e, t.id, n);
-					r !== e && r.columnOrder.some((t, n) => t !== e.columnOrder[n]) && Z(r, { columnLayoutChanged: !0 });
+				let t = ta(e);
+				if (t >= 0) {
+					let e = J.current, n = ie(e, r.id, t);
+					n !== e && n.columnOrder.some((t, n) => t !== e.columnOrder[n]) && (ra(), Y(n, { columnLayoutChanged: !0 }));
 				}
 			},
 			event: e,
-			id: t.id,
+			id: r.id,
 			kind: "column",
-			sortColumnId: t.id
+			resolveTarget: (e) => {
+				let t = ta(e);
+				if (t < 0) return "invalid";
+				let n = J.current, a = ie(n, r.id, t);
+				return an(i, e, a.columnOrder.some((e, t) => e !== n.columnOrder[t]));
+			},
+			sortColumnId: r.id,
+			source: i
 		});
-	}, er = (e, t) => {
-		Qn({
+	}, oa = (e, t, n = !1) => {
+		if (t.lockPosition) return;
+		let r = {
+			depth: 0,
+			id: t.id,
+			kind: "group"
+		};
+		ia({
+			activateImmediately: n,
 			activate: (e, n) => {
-				Ht({
+				ar({
 					x: e,
 					y: n
-				}), Wt(t.children[0] ?? null), Rt(null), Bt(t.id);
+				}), tr(null), rr(t.id);
 			},
 			commitTarget: (e) => {
-				if (t.children.includes(e)) return;
-				let n = Q.findIndex((t) => t.id === e);
+				let n = ta(e);
 				if (n >= 0) {
-					let e = X.current, r = re(e, t.id, n);
-					r !== e && r.columnOrder.some((t, n) => t !== e.columnOrder[n]) && Z(r, { columnLayoutChanged: !0 });
+					let e = J.current, r = C(e, t.id, n);
+					r !== e && r.columnOrder.some((t, n) => t !== e.columnOrder[n]) && (ra(), Y(r, { columnLayoutChanged: !0 }));
 				}
 			},
 			event: e,
 			id: t.id,
-			kind: "group"
+			kind: "group",
+			resolveTarget: (e) => {
+				let n = ta(e);
+				if (n < 0) return "invalid";
+				let i = J.current, a = C(i, t.id, n);
+				return an(r, e, a.columnOrder.some((e, t) => e !== i.columnOrder[t]));
+			},
+			source: r
 		});
-	}, tr = (e, t) => {
-		if (e.shiftKey && K.current !== null) {
-			Un(K.current, t.rowId), K.current = t.rowId;
+	}, sa = (e, t) => {
+		if (e.shiftKey && V.current !== null) {
+			Ki(V.current, t.rowId), V.current = t.rowId;
 			return;
 		}
-		Z((n) => E(n, t.rowId, {
+		Y((n) => fe(n, t.rowId, {
 			multi: e.ctrlKey || e.metaKey,
 			toggle: e.ctrlKey || e.metaKey
-		})), K.current = t.rowId;
-	}, nr = (e, t, n) => {
+		})), V.current = t.rowId;
+	}, ca = (e, t, n) => {
 		if (n) {
 			e.preventDefault();
 			return;
 		}
-		if (Ne?.(nt(e, t)), !(e.defaultPrevented || e.target !== e.currentTarget)) {
-			if (z && (Bn(e, "c") || Bn(e, "v"))) {
+		if (Ke?.(gn(e, t)), !(e.defaultPrevented || e.target !== e.currentTarget)) {
+			if (F && (Ui(e, "c") || Ui(e, "v"))) {
 				e.preventDefault();
 				return;
 			}
-			if (Bn(e, "c")) {
-				e.preventDefault(), qe.current = s(Y, t.rowId);
+			if (Ui(e, "c")) {
+				e.preventDefault(), pt.current = s(q, t.rowId);
 				return;
 			}
-			Bn(e, "v") && qe.current && (e.preventDefault(), Z((e) => oe(e, qe.current, {
+			Ui(e, "v") && pt.current && (e.preventDefault(), Y((e) => ce(e, pt.current, {
 				mode: "insert-after",
 				targetRowId: t.rowId
 			})));
 		}
-	}, rr = (e, t, n, r, i, s) => {
+	}, la = (e, t, n, r, i, s) => {
 		if (s) {
 			e.preventDefault(), e.stopPropagation();
 			return;
 		}
-		if (Me?.(rt(e, t, n, r, g(Y, t.row, n.id))), !e.defaultPrevented) {
-			if (Bn(e, "c")) {
-				e.preventDefault(), e.stopPropagation(), H.current = Y.selection.range ? o(Y) : null, Ke.current = H.current ? null : a(Y, i);
+		if (Ge?.(_n(e, t, n, r, g(q, t.row, n.id))), !e.defaultPrevented) {
+			if (Ui(e, "c")) {
+				e.preventDefault(), e.stopPropagation(), ft.current = q.selection.range ? o(q, q.selection.range, Q?.visibleLeafRowIds ?? q.rowIds) : null, dt.current = ft.current ? null : a(q, i);
 				return;
 			}
-			Bn(e, "v") && (H.current || Ke.current) && (e.preventDefault(), e.stopPropagation(), Z((e) => H.current ? T(e, i, H.current) : ae(e, i, Ke.current)));
+			Ui(e, "v") && (ft.current || dt.current) && (e.preventDefault(), e.stopPropagation(), Y((e) => ft.current ? se(e, i, ft.current, Q?.visibleLeafRowIds ?? e.rowIds) : w(e, i, dt.current)));
 		}
-	}, ir = (e, t, r) => {
-		n && (r || e.button !== 0 || e.shiftKey || (vt.current = t, yt.current = t, q.current = !1));
-	}, ar = (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) ? Y.rowIds[i] : void 0;
+	}, ua = (e, t, r) => {
+		n && (r || e.button !== 0 || e.shiftKey || (Bt.current = t, Vt.current = t, Ht.current = !1));
+	}, da = (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) ? q.rowIds[i] : void 0;
 		return r && a !== void 0 ? {
 			columnId: r,
 			rowId: a
 		} : null;
-	}, or = (e) => {
+	}, fa = (e) => {
 		if (!n) return;
-		let t = vt.current;
-		!t || t.rowId === e.rowId && t.columnId === e.columnId || (q.current = !0, yt.current = e, Je.current = t, Z((n) => ue(n, {
+		let t = Bt.current;
+		!t || t.rowId === e.rowId && t.columnId === e.columnId || (Ht.current = !0, Vt.current = e, Nt.current = t, Y((n) => de(n, {
 			anchor: t,
 			focus: e
 		})));
-	}, sr = () => {
-		n && (vt.current = null, yt.current = null);
-	}, cr = (e, t, n) => {
-		if (ir(e, t, n), n || e.button !== 0 || e.shiftKey) return;
+	}, pa = () => {
+		n && (Bt.current = null, Vt.current = null);
+	}, ma = (e, t, n) => {
+		if (ua(e, t, n), n || e.button !== 0 || e.shiftKey) return;
 		let r = (e) => {
 			if (e.buttons !== 1) return;
-			let t = ar(e.clientX, e.clientY);
-			t && or(t);
+			let t = da(e.clientX, e.clientY);
+			t && fa(t);
 		}, i = () => {
-			window.removeEventListener("pointermove", r), window.removeEventListener("pointerup", a), window.removeEventListener("pointercancel", o), window.removeEventListener("blur", o), U.current === i && (U.current = null);
+			window.removeEventListener("pointermove", r), window.removeEventListener("pointerup", a), window.removeEventListener("pointercancel", o), window.removeEventListener("blur", o), B.current === i && (B.current = null);
 		}, a = () => {
-			i(), sr();
+			i(), pa();
 		}, o = () => {
-			i(), sr();
+			i(), pa();
 		};
-		e.preventDefault(), dn(i), window.addEventListener("pointermove", r), window.addEventListener("pointerup", a), window.addEventListener("pointercancel", o), window.addEventListener("blur", o);
-	}, lr = (e, t, n, r) => {
+		e.preventDefault(), Nr(i), window.addEventListener("pointermove", r), window.addEventListener("pointerup", a), window.addEventListener("pointercancel", o), window.addEventListener("blur", o);
+	}, ha = (e, t, n, r) => {
 		if (n || !r || e.button !== 0) return;
 		e.preventDefault(), e.stopPropagation();
 		let i = t.rowId, a = (e) => {
-			bt.current = e, en(e);
-		}, o = (e, t) => {
-			let n = document.elementFromPoint(e, t)?.closest("[data-comins-row-data-index]");
-			if (!n || n.dataset.cominsRowDataIndex === void 0) return;
-			let r = Number(n.dataset.cominsRowDataIndex);
-			Number.isInteger(r) && a({
-				sourceRowId: i,
-				targetDataIndex: r
-			});
+			Ut.current = e, pr(e);
+		}, o = (e, n) => {
+			let r = document.elementFromPoint(e, n)?.closest("[data-comins-row-data-index], [data-comins-group-index]");
+			if (!r) return;
+			if (r.dataset.cominsRowDataIndex !== void 0) {
+				let e = Number(r.dataset.cominsRowDataIndex);
+				if (!Number.isInteger(e)) return;
+				let n = J.current.rows[e], o = ui && N && n !== void 0 ? N.getRowGroupId(n, e) : void 0, s = ui && N ? N.getRowGroupId(t.row, t.dataIndex) : void 0, c = o === void 0 || s === o || typeof N?.setRowGroupId == "function" && typeof ke == "function";
+				a({
+					sourceRowId: i,
+					targetDataIndex: e,
+					targetGroupId: o,
+					valid: c
+				});
+				return;
+			}
+			let o = Number(r.dataset.cominsGroupIndex), s = Number.isInteger(o) ? Z?.groupIds[o] : void 0;
+			if (s !== void 0 && ui && N) {
+				let e = N.getRowGroupId(t.row, t.dataIndex) === s || typeof N.setRowGroupId == "function" && typeof ke == "function";
+				a({
+					sourceRowId: i,
+					targetGroupId: s,
+					valid: e
+				});
+			}
 		}, s = (e) => {
 			e.buttons === 1 && o(e.clientX, e.clientY);
 		}, c = () => {
-			window.removeEventListener("pointermove", s), window.removeEventListener("pointerup", l), window.removeEventListener("pointercancel", u), window.removeEventListener("blur", u), U.current === c && (U.current = null);
+			window.removeEventListener("pointermove", s), window.removeEventListener("pointerup", l), window.removeEventListener("pointercancel", u), window.removeEventListener("blur", u), B.current === c && (B.current = null);
 		}, l = (e) => {
 			c(), o(e.clientX, e.clientY);
-			let t = bt.current?.targetDataIndex;
-			a(null), t !== void 0 && Z((e) => ie(e, i, t));
+			let n = Ut.current;
+			if (a(null), n?.valid) {
+				if (ui && N && n.targetGroupId !== void 0) {
+					N.getRowGroupId(t.row, t.dataIndex) !== n.targetGroupId && !ci.has(n.targetGroupId) && (rn.current = n.targetGroupId), Y((e) => oe(e, {
+						getRowGroupId: N.getRowGroupId,
+						setRowGroupId: N.setRowGroupId,
+						sourceRowId: i,
+						targetGroupId: n.targetGroupId,
+						targetRowId: n.targetDataIndex === void 0 ? void 0 : e.rowIds[n.targetDataIndex]
+					}));
+					return;
+				}
+				n.targetDataIndex !== void 0 && Y((e) => ae(e, i, n.targetDataIndex));
+			}
 		}, u = () => {
 			c(), a(null);
 		};
-		o(e.clientX, e.clientY), dn(c), window.addEventListener("pointermove", s), window.addEventListener("pointerup", l), window.addEventListener("pointercancel", u), window.addEventListener("blur", u);
-	}, ur = Lt ? Q.find((e) => e.id === Lt) : void 0, dr = zt ? Y.columnGroups.find((e) => e.id === zt) : void 0, fr = ur?.label ?? dr?.label, pr = (e, t) => {
-		if (e.kind === "group") return /* @__PURE__ */ N("th", {
-			className: ["comins-table__th comins-table__group-th px-3 py-2 text-left font-semibold", zt === e.groupId ? "comins-column-moving" : void 0].filter(Boolean).join(" "),
-			colSpan: e.colSpan,
-			"data-column-moving": zt === e.groupId ? "true" : void 0,
-			"data-column-placeholder": zt === e.groupId ? "true" : void 0,
-			"data-comins-column-group-id": e.groupId,
-			"data-testid": `header-group-${e.groupId}`,
-			onPointerDown: (t) => er(t, e.group),
-			rowSpan: e.rowSpan,
-			scope: "colgroup",
-			children: [
-				/* @__PURE__ */ M("span", {
-					"aria-hidden": "true",
-					className: "comins-column-drop-marker"
-				}),
-				/* @__PURE__ */ M("span", {
-					className: "comins-table__header-content",
-					"data-comins-header-body": "true",
-					children: /* @__PURE__ */ M("span", {
-						className: "comins-table__header-label",
-						children: e.group.label
+		o(e.clientX, e.clientY), Nr(c), window.addEventListener("pointermove", s), window.addEventListener("pointerup", l), window.addEventListener("pointercancel", u), window.addEventListener("blur", u);
+	}, ga = (e, t) => {
+		let n = N?.onChangeGroups;
+		if (e.button !== 0 || !N?.groupDraggable || typeof n != "function" || !Z?.groupsById.has(t)) return;
+		e.preventDefault(), e.stopPropagation();
+		let r = (e) => {
+			Xt.current = e, hr(e);
+		}, i = (e, n) => {
+			let i = document.elementFromPoint(e, n)?.closest("[data-comins-group-index]"), a = Number(i?.dataset.cominsGroupIndex), o = Number.isInteger(a) ? Z.groupIds[a] : void 0;
+			if (!i || o === void 0) return;
+			let s = i.getBoundingClientRect(), c = n >= s.top + s.height / 2 ? "after" : "before";
+			r({
+				position: c,
+				sourceGroupId: t,
+				targetGroupId: o
+			});
+		}, a = (e) => {
+			e.buttons === 1 && i(e.clientX, e.clientY);
+		}, o = () => {
+			window.removeEventListener("pointermove", a), window.removeEventListener("pointerup", s), window.removeEventListener("pointercancel", c), window.removeEventListener("blur", c), B.current === o && (B.current = null);
+		}, s = (e) => {
+			o(), i(e.clientX, e.clientY);
+			let t = Xt.current;
+			if (r(null), !t || t.sourceGroupId === t.targetGroupId) return;
+			let a = N.groups, s = a.findIndex((e) => N.getGroupId(e) === t.sourceGroupId), c = jt({
+				getGroupId: N.getGroupId,
+				groups: a,
+				position: t.position,
+				sourceGroupId: t.sourceGroupId,
+				targetGroupId: t.targetGroupId
+			}), l = c.findIndex((e) => N.getGroupId(e) === t.sourceGroupId);
+			s >= 0 && l >= 0 && a.some((e, t) => e !== c[t]) && n(c, {
+				fromIndex: s,
+				groupId: t.sourceGroupId,
+				reason: "move",
+				targetGroupId: t.targetGroupId,
+				toIndex: l
+			});
+		}, c = () => {
+			o(), r(null);
+		};
+		r({
+			position: "before",
+			sourceGroupId: t,
+			targetGroupId: t
+		}), Nr(o), window.addEventListener("pointermove", a), window.addEventListener("pointerup", s), window.addEventListener("pointercancel", c), window.addEventListener("blur", c);
+	}, _a = er ? X.find((e) => e.id === er) : void 0, va = nr ? q.columnGroups.find((e) => e.id === nr) : void 0, ya = _a ? Pn(_a.label, _a.id) : va ? Pn(va.label, va.id) : void 0, ba = (e, t) => {
+		let n = l, r = n?.onChangeModel;
+		if (!n || typeof r != "function") return;
+		let i = Array.isArray(n.model) ? n.model : [], a = i.findIndex((t) => t?.columnId === e), o = i.filter((t) => t?.columnId !== e);
+		t && o.splice(a < 0 ? o.length : a, 0, t), r(o);
+	}, xa = (e, t) => {
+		if (e.kind === "group") {
+			let t = or?.kind === "group" && or.id === e.groupId, n = nr === e.groupId, r = e.group.lockPosition === !0, i = Pn(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 && or.status !== "neutral" ? or.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) => oa(t, e.group),
+				rowSpan: e.rowSpan,
+				scope: "colgroup",
+				children: [
+					/* @__PURE__ */ A("span", {
+						"aria-hidden": "true",
+						className: "comins-column-drop-marker"
+					}),
+					/* @__PURE__ */ j("span", {
+						...n ? Nn : {},
+						"aria-hidden": n ? "true" : void 0,
+						className: "comins-table__header-content",
+						"data-comins-header-body": "true",
+						inert: n ? !0 : void 0,
+						ref: Mn,
+						children: [it && !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(), oa(t, e.group, !0);
+							},
+							children: /* @__PURE__ */ A($e, { 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": ur === 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 = X.find((e) => e.id === t);
+								if (!e) continue;
+								let n = Array.from(z.current?.querySelectorAll("[data-comins-column-id]") ?? []).find((t) => t.dataset.cominsColumnId === e.id)?.getBoundingClientRect().width, r = J.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);
+							dr(e.groupId);
+							let s = (t) => {
+								Y((r) => {
+									let a = r;
+									for (let [e, t] of i) a = ve(a, e, t);
+									return ge(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), B.current === c && (B.current = null);
+							}, l = () => {
+								c(), dr(null);
+							}, u = () => {
+								c(), dr(null);
+							};
+							Nr(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__ */ M("span", {
-					"aria-hidden": "true",
-					className: "comins-table__resize",
-					"data-resizing": Zt === 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 = Q.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 = X.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);
-						Qt(e.groupId);
-						let s = (t) => {
-							Z((r) => {
-								let a = r;
-								for (let [e, t] of i) a = D(a, e, t);
-								return me(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(), Qt(null);
-						}, u = () => {
-							c(), Qt(null);
-						};
-						dn(c), window.addEventListener("pointermove", s), window.addEventListener("pointerup", l), window.addEventListener("pointercancel", u), window.addEventListener("blur", u);
-					},
-					children: /* @__PURE__ */ M("span", { className: "comins-table__resize-line" })
-				})
-			]
-		}, `group-${e.groupId}`);
-		let n = e.column, r = Q.findIndex((e) => e.id === n.id), i = r >= 0 ? r : t, a = Y.columnState[n.id], o = n.header?.props ?? {}, s = Tt(Y.sortModel, n.id), c = Et(Y.sortModel, n.id), l = c === "asc" || c === "desc", u = s !== null && Y.sortModel.length > 1, d = !!dr?.children.includes(n.id), f = Lt === n.id || d, p = [
+				]
+			}, `group-${e.groupId}`);
+		}
+		let n = e.column, r = X.findIndex((e) => e.id === n.id), i = r >= 0 ? r : t, a = q.columnState[n.id], o = n.header?.props ?? {}, s = Wn(q.sortModel, n.id), c = Gn(q.sortModel, n.id), u = c === "asc" || c === "desc", d = s !== null && q.sortModel.length > 1, f = !!va?.children.includes(n.id), p = er === n.id || f, m = Pn(n.label, n.id), h = [
 			"comins-table__th px-3 py-2 text-left font-semibold",
-			Lt === n.id ? "comins-column-moving" : void 0,
+			er === n.id ? "comins-column-moving" : void 0,
 			o.className
-		].filter(Boolean).join(" "), m = ft(Y, n, i), h = n.header?.renderer ? n.header.renderer(m) : null, g = n.header?.renderer ? [] : ht(n.header?.components, m, "left"), _ = n.header?.renderer ? [] : ht(n.header?.components, m, "right"), v = g.length > 0 || _.length > 0;
-		return /* @__PURE__ */ we("th", {
+		].filter(Boolean).join(" "), g = En(q, n, i), _ = n.header?.renderer, v = _ ? Mt.current.get(n.id) : void 0, y = !!_ && (!p || v?.renderer !== _), b = _ ? y ? _(g) : v?.body : null;
+		_ && y ? Vr.set(n.id, {
+			body: b,
+			renderer: _
+		}) : _ && v && Vr.set(n.id, v);
+		let x = n.header?.renderer ? [] : kn(n.header?.components, g, "left"), ee = n.header?.renderer ? [] : kn(n.header?.components, g, "right"), te = x.length > 0 || ee.length > 0, ne = or?.kind === "column" && or.id === n.id, re = n.lockPosition === !0, S = n.filter?.kind, ie = K && (S === "boolean" || S === "date" || S === "number" || S === "text");
+		return /* @__PURE__ */ Oe("th", {
 			...o,
-			className: p,
+			"aria-label": p ? m : o["aria-label"],
+			"aria-labelledby": p ? void 0 : o["aria-labelledby"],
+			className: h,
 			colSpan: e.colSpan,
-			"data-column-drop-target": Ut === n.id ? "true" : void 0,
-			"data-column-moving": Lt === n.id ? "true" : void 0,
-			"data-column-placeholder": f ? "true" : void 0,
+			"data-column-drop-target": ne ? "true" : void 0,
+			"data-column-drop-valid": ne && or.status !== "neutral" ? or.status === "valid" ? "true" : "false" : void 0,
+			"data-column-moving": er === n.id ? "true" : void 0,
+			"data-column-placeholder": p ? "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 ? Y.sortModel.length : void 0,
+			"data-comins-column-parent-group-id": e.groupId,
+			"data-sort-count": s ? q.sortModel.length : void 0,
 			"data-sort-direction": s?.rule.direction,
 			"data-sort-priority": s?.priority,
 			"data-sortable": n.sort ? "true" : "false",
+			"data-filter-active": Yr.has(n.id) ? "true" : void 0,
 			"data-testid": `header-${n.id}`,
-			"aria-sort": n.sort ? Dt(Y.sortModel, n.id) : void 0,
+			"aria-sort": n.sort ? Kn(q.sortModel, n.id) : void 0,
 			key: `column-${n.id}`,
 			onClick: (e) => {
-				o.onClick?.(e), !(e.defaultPrevented || !n.sort) && (Jn(n.id) || Yn(n, e.shiftKey));
+				if (p) {
+					e.preventDefault();
+					return;
+				}
+				o.onClick?.(e), !(e.defaultPrevented || !n.sort) && (Qi(n.id) || $i(n, e.shiftKey));
 			},
 			onKeyDown: (e) => {
-				o.onKeyDown?.(e), !(e.defaultPrevented || !n.sort) && (e.key === "Enter" || e.key === " " || e.key === "Spacebar") && (e.preventDefault(), Yn(n, e.shiftKey));
+				if (p) {
+					e.preventDefault();
+					return;
+				}
+				o.onKeyDown?.(e), !(e.defaultPrevented || !n.sort) && (e.key === "Enter" || e.key === " " || e.key === "Spacebar") && (e.preventDefault(), $i(n, e.shiftKey));
 			},
-			onPointerDown: (e) => $n(e, n),
+			onPointerDown: (t) => aa(t, e),
 			rowSpan: e.rowSpan,
 			scope: "col",
 			style: {
 				width: a?.width ?? n.width,
 				...o.style
 			},
-			tabIndex: n.sort ? 0 : void 0
-		}, /* @__PURE__ */ M("span", {
+			tabIndex: n.sort && !p ? 0 : void 0
+		}, /* @__PURE__ */ A("span", {
 			"aria-hidden": "true",
 			className: "comins-column-drop-marker"
-		}), /* @__PURE__ */ N("span", {
+		}), /* @__PURE__ */ j("span", {
+			...p ? Nn : {},
+			"aria-hidden": p ? "true" : void 0,
 			className: "comins-table__header-content",
 			"data-comins-header-body": "true",
-			"data-comins-header-components": v ? "true" : void 0,
-			"data-comins-sort-indicator-visible": l ? "true" : void 0,
+			"data-comins-header-components": te ? "true" : void 0,
+			"data-comins-sort-indicator-visible": u ? "true" : void 0,
+			inert: p ? !0 : void 0,
+			ref: Mn,
 			children: [
-				/* @__PURE__ */ M("span", {
+				/* @__PURE__ */ j("span", {
 					className: "comins-table__header-slot",
 					"data-comins-header-slot": "left",
-					children: g
+					children: [it && !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(), aa(t, e, !0);
+						},
+						children: /* @__PURE__ */ A($e, { name: "columnMove" })
+					}) : null, x]
 				}),
-				/* @__PURE__ */ M("span", {
+				/* @__PURE__ */ A("span", {
 					className: "comins-table__header-label",
-					children: n.header?.renderer ? h : n.label
+					children: n.header?.renderer ? b : p ? null : n.label
 				}),
-				/* @__PURE__ */ N("span", {
+				/* @__PURE__ */ j("span", {
 					className: "comins-sort-meta",
-					"data-sort-visible": l ? "true" : void 0,
-					children: [/* @__PURE__ */ M("span", {
+					"data-sort-visible": u ? "true" : void 0,
+					children: [/* @__PURE__ */ A("span", {
 						"aria-hidden": "true",
 						className: "comins-sort-indicator",
 						"data-sort-state": c,
-						"data-sort-visible": l ? "true" : void 0,
+						"data-sort-visible": u ? "true" : void 0,
 						"data-testid": `sort-indicator-${n.id}`,
-						children: /* @__PURE__ */ M("span", { className: "comins-sort-icon" })
-					}), u ? /* @__PURE__ */ M("span", {
+						children: /* @__PURE__ */ A($e, { name: c === "asc" ? "sortAscending" : c === "desc" ? "sortDescending" : "sortUnsorted" })
+					}), d ? /* @__PURE__ */ A("span", {
 						"aria-hidden": "true",
 						className: "comins-sort-priority",
 						"data-testid": `sort-priority-${n.id}`,
 						children: s.priority
 					}) : null]
 				}),
-				u ? /* @__PURE__ */ M("span", {
+				d ? /* @__PURE__ */ A("span", {
 					className: "comins-table__sort-status",
-					children: `Sorted ${s.rule.direction === "asc" ? "ascending" : "descending"}, priority ${s.priority} of ${Y.sortModel.length}`
+					children: `Sorted ${s.rule.direction === "asc" ? "ascending" : "descending"}, priority ${s.priority} of ${q.sortModel.length}`
 				}) : null,
-				/* @__PURE__ */ M("span", {
+				/* @__PURE__ */ j("span", {
 					className: "comins-table__header-slot",
 					"data-comins-header-slot": "right",
-					children: _
+					children: [ie && !p ? /* @__PURE__ */ A(ot, {
+						columnId: n.id,
+						columnLabel: m,
+						kind: S,
+						onChangeRule: typeof l?.onChangeModel == "function" ? (e) => ba(n.id, e) : void 0,
+						onOpenChange: typeof l?.onChangeOpenColumnId == "function" ? l.onChangeOpenColumnId : void 0,
+						open: l?.openColumnId === n.id,
+						rule: Yr.get(n.id)
+					}) : null, ee]
 				})
 			]
-		}), /* @__PURE__ */ M("span", {
+		}), p ? /* @__PURE__ */ A("span", {
+			"aria-hidden": "true",
+			className: "comins-column-placeholder-label",
+			children: m
+		}) : null, /* @__PURE__ */ A("span", {
 			"aria-hidden": "true",
 			className: "comins-table__resize",
-			"data-resizing": Zt === n.id ? "true" : void 0,
+			"data-resizing": ur === 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 Q) {
-					let t = Array.from(V.current?.querySelectorAll("[data-comins-column-id]") ?? []).find((t) => t.dataset.cominsColumnId === e.id)?.getBoundingClientRect().width, n = X.current.columnState[e.id]?.width ?? e.width ?? 160;
+				for (let e of X) {
+					let t = Array.from(z.current?.querySelectorAll("[data-comins-column-id]") ?? []).find((t) => t.dataset.cominsColumnId === e.id)?.getBoundingClientRect().width, n = J.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);
-				Qt(n.id);
+				dr(n.id);
 				let s = (e) => {
-					Z((r) => {
+					Y((r) => {
 						let a = r;
-						for (let [e, t] of i) a = D(a, e, t);
-						return xt(a, n.id, Math.max(_t(n), o + e.clientX - t));
+						for (let [e, t] of i) a = ve(a, e, t);
+						return Bn(a, n.id, Math.max(In(n), o + e.clientX - t));
 					}, { 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);
+					window.removeEventListener("pointermove", s), window.removeEventListener("pointerup", l), window.removeEventListener("pointercancel", u), window.removeEventListener("blur", u), B.current === c && (B.current = null);
 				}, l = () => {
-					c(), Qt(null);
+					c(), dr(null);
 				}, u = () => {
-					c(), Qt(null);
+					c(), dr(null);
 				};
-				dn(c), window.addEventListener("pointermove", s), window.addEventListener("pointerup", l), window.addEventListener("pointercancel", u), window.addEventListener("blur", u);
+				Nr(c), window.addEventListener("pointermove", s), window.addEventListener("pointerup", l), window.addEventListener("pointercancel", u), window.addEventListener("blur", u);
 			},
-			children: /* @__PURE__ */ M("span", { className: "comins-table__resize-line" })
+			children: /* @__PURE__ */ A("span", { className: "comins-table__resize-line" })
 		}));
-	}, mr = () => /* @__PURE__ */ M("colgroup", { children: Q.map((e, t) => /* @__PURE__ */ M("col", { style: { width: wn[t] } }, e.id)) }), hr = () => {
-		nn((e) => {
-			let t = Ct.current;
+	}, Sa = () => /* @__PURE__ */ A("colgroup", { children: X.map((e, t) => /* @__PURE__ */ A("col", { style: { width: Hr[t] } }, e.id)) }), Ca = () => {
+		_r((e) => {
+			let t = Dn.current;
 			return Math.abs(e - t) > .5 ? t : e;
 		});
-	}, gr = (e) => {
-		if (x) {
-			if (!Pe || et.current) return;
-			e.scrollHeight - e.scrollTop - e.clientHeight <= ln && fn("scroll");
+	}, wa = (e) => {
+		if (G || K) return;
+		if (T) {
+			if (!qe || It.current) return;
+			e.scrollHeight - e.scrollTop - e.clientHeight <= Er && Pr("scroll");
 			return;
 		}
-		if (!v || !h || pe || !Fe) return;
-		let t = Math.max(0, y);
+		if (!re || !te || Ce || !Je) return;
+		let t = Math.max(0, S);
 		if (e.scrollHeight - e.scrollTop - e.clientHeight > t) return;
-		let n = X.current.rows.length;
-		pt.current !== n && (pt.current = n, Fe());
-	}, _r = (e) => {
-		let t = e.currentTarget;
-		Ct.current = t.scrollTop, gr(t), At.current !== null && (window.clearTimeout(At.current), At.current = null), Mt.current === null && (Mt.current = window.requestAnimationFrame(() => {
-			Mt.current = null, hr();
+		let n = J.current.rows.length;
+		zt.current !== n && (zt.current = n, Je());
+	}, Ta = (e) => {
+		let t = e.currentTarget, n = xn.current, r = H.current;
+		Dn.current = t.scrollTop, r?.status === "pending" && Math.abs(t.scrollTop - r.previousPhysicalScrollTop) > .5 && (H.current = {
+			...r,
+			status: "cancelled"
+		}), n && Math.abs(t.scrollTop - n.actualPhysical) > .5 && (xn.current = null, lr(null)), wa(t), An.current !== null && (window.clearTimeout(An.current), An.current = null), jn.current === null && (jn.current = window.requestAnimationFrame(() => {
+			jn.current = null, Ca();
 		}));
-		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 (z.current) {
+			let e = Math.max(0, z.current.scrollWidth - z.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), z.current.scrollLeft = i;
 		}
-		Ge.current && (Ge.current.scrollLeft = n);
+		R.current && (R.current.scrollLeft = i);
 	};
-	return /* @__PURE__ */ N("div", {
+	return /* @__PURE__ */ j("div", {
 		className: [
 			"comins-table comins-typography-base h-full w-full overflow-hidden",
-			Sn,
-			xn.className,
+			Oi,
+			Di.className,
 			r
 		].filter(Boolean).join(" "),
-		"aria-busy": kn || An ? "true" : void 0,
-		"data-loading": kn || An ? "true" : void 0,
-		"data-show-header": zn ? "true" : void 0,
+		"aria-busy": Mi || Ni ? "true" : void 0,
+		"data-filter-active": Jr ? "true" : void 0,
+		"data-loading": Mi || Ni ? "true" : void 0,
+		"data-show-header": Hi ? "true" : void 0,
 		style: {
-			...xn.style,
-			...Be
+			...Di.style,
+			...ct
 		},
 		children: [
-			zn ? /* @__PURE__ */ M("div", {
+			Hi ? /* @__PURE__ */ A("div", {
 				className: "comins-table__header",
-				ref: V,
-				children: /* @__PURE__ */ N("table", {
+				ref: z,
+				children: /* @__PURE__ */ j("table", {
 					className: "comins-table__table comins-table__header-table min-w-full table-fixed",
-					style: { width: En },
-					children: [mr(), /* @__PURE__ */ M("thead", {
+					style: { width: Wr },
+					children: [Sa(), /* @__PURE__ */ A("thead", {
 						className: "comins-table__thead",
-						children: mn.map((e, t) => /* @__PURE__ */ M("tr", { children: e.map((e, t) => pr(e, t)) }, `header-row-${t}`))
+						children: Kr.map((e, t) => /* @__PURE__ */ A("tr", { children: e.map((e, t) => xa(e, t)) }, `header-row-${t}`))
 					})]
 				})
 			}) : null,
-			/* @__PURE__ */ N("div", {
+			/* @__PURE__ */ j("div", {
 				className: "comins-table__body-viewport",
-				"data-horizontal-overflow": Dn ? "true" : void 0,
-				"data-virtualized": B ? "true" : void 0,
-				"data-testid": f,
-				onScroll: _r,
-				ref: We,
+				"data-horizontal-overflow": Ai ? "true" : void 0,
+				"data-virtualized": I ? "true" : void 0,
+				"data-testid": p,
+				onFocusCapture: (e) => {
+					let t = e.target.closest("[data-comins-row-data-index]"), n = t ? Number(t.dataset.cominsRowDataIndex) : NaN;
+					un.current = Number.isInteger(n) ? n : null;
+				},
+				onScroll: Ta,
+				ref: L,
 				children: [
-					/* @__PURE__ */ N("table", {
-						className: ["comins-table__table comins-table__body-table min-w-full table-fixed", B ? "comins-table__body-table--virtualized" : void 0].filter(Boolean).join(" "),
-						style: B ? {
-							transform: `translate3d(0, ${bn.renderOffset}px, 0)`,
-							width: En
-						} : { width: En },
-						children: [mr(), /* @__PURE__ */ N("tbody", { children: [
-							Mn ? Array.from({ length: Fn }).map((e, t) => /* @__PURE__ */ M("tr", {
+					/* @__PURE__ */ j("table", {
+						className: ["comins-table__table comins-table__body-table min-w-full table-fixed", I ? "comins-table__body-table--virtualized" : void 0].filter(Boolean).join(" "),
+						style: I ? {
+							transform: `translate3d(0, ${Si.renderOffset}px, 0)`,
+							width: Wr
+						} : { width: Wr },
+						children: [Sa(), /* @__PURE__ */ j("tbody", { children: [
+							Fi ? Array.from({ length: Ri }).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: L },
-								children: Q.length > 0 ? Q.map((e) => /* @__PURE__ */ M("td", {
+								style: { height: M },
+								children: X.length > 0 ? X.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: L },
-									children: /* @__PURE__ */ M("span", { className: "comins-table__skeleton-block" })
-								}, e.id)) : /* @__PURE__ */ M("td", {
+									style: { height: M },
+									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__ */ M("span", { className: "comins-table__skeleton-block" })
+									children: /* @__PURE__ */ A("span", { className: "comins-table__skeleton-block" })
 								})
 							}, `loading-skeleton-${t}`)) : null,
-							Nn ? /* @__PURE__ */ M("tr", {
+							Ii ? /* @__PURE__ */ A("tr", {
 								className: "comins-table__tr comins-table__empty-state-row",
-								style: { height: L },
-								children: /* @__PURE__ */ M("td", {
+								style: { height: M },
+								children: /* @__PURE__ */ A("td", {
 									className: "comins-table__td comins-table__empty-state-cell",
-									colSpan: Math.max(1, Q.length),
-									children: /* @__PURE__ */ M("div", {
+									colSpan: Math.max(1, X.length),
+									children: /* @__PURE__ */ A("div", {
 										"data-testid": "data-table-empty-state",
 										className: "comins-table__empty-state",
-										children: p ?? "표시할 데이터가 없습니다."
+										children: m ?? "표시할 데이터가 없습니다."
 									})
 								})
 							}) : null,
-							bn.entries.map((e, t) => {
-								let r = Ze(Le, e.row, e.visibleIndex), i = Cn.has(e.rowId), a = Rn === 0 && t === bn.entries.length - 1, o = Qe(r.style), s = B ? `virtual-row-slot-${t}` : String(e.rowId);
-								return /* @__PURE__ */ N(Ce, { children: [$t?.targetDataIndex === e.dataIndex && $t.sourceRowId !== e.rowId ? /* @__PURE__ */ M("tr", {
-									"aria-hidden": "true",
-									className: "comins-row-move-placeholder",
-									children: /* @__PURE__ */ M("td", {
-										colSpan: Math.max(1, Q.length),
-										"data-testid": "row-move-placeholder",
-										children: "이 위치로 이동"
-									})
-								}) : null, /* @__PURE__ */ M("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 || tr(t, e), Oe?.(nt(t, e));
-									},
-									onContextMenu: (t) => {
-										if (r.disabled) {
-											t.preventDefault();
-											return;
-										}
-										Z((t) => E(t, e.rowId)), K.current = e.rowId, F?.(nt(t, e));
-									},
-									onDoubleClick: (t) => {
-										if (r.disabled) {
-											t.preventDefault();
-											return;
-										}
-										je?.(nt(t, e));
-									},
-									onKeyDown: (t) => nr(t, e, r.disabled),
-									style: $e(L, r.style, o),
-									tabIndex: r.disabled ? -1 : 0,
-									children: Q.map((t, a) => {
-										let o = g(Y, e.row, t.id), s = {
-											columnId: t.id,
-											rowId: e.rowId
-										}, c = n && C(Y, s), l = n && Y.selection.cell?.rowId === e.rowId && Y.selection.cell.columnId === t.id, u = at(e, r.disabled, i, Y.selection.rowIds.length, t, a, o), d = ot(t, u), f = r.disabled || ct(d, u), p = { requestRowSelection: ({ event: t, mode: n }) => f ? !1 : n === "exclusive" ? (Z((t) => E(t, e.rowId)), K.current = e.rowId, !0) : (tr(t, e), !0) }, m = Xe(lt(d, u)), h = ut(d, u), _ = !!t.cell?.components?.length, v = dt(t, o, u), y = t.cell?.components?.map((e) => {
-											if (e.type !== "input") return e;
-											let t = e.onValueChange;
-											return {
-												...e,
-												onValueChange: (e) => {
-													Z((t) => Se(t, [{
-														id: e.row.id,
-														patch: (t) => St(t, e.column.field, e.value)
-													}])), t?.(e);
-												}
-											};
-										}), b = mt(y, u), x = t.cell?.renderer ? t.cell.renderer(u) : _ ? gt(v, y, u, {
-											interaction: p,
-											showContent: !1
-										}) : /* @__PURE__ */ M("span", {
-											className: "comins-table__cell-value",
-											children: v
-										}), ee = typeof t.cell?.tooltip == "function" ? t.cell.tooltip(u) : t.cell?.tooltip, S = a === 0 ? z?.entriesByRowId.get(e.rowId) : void 0, w = S ? /* @__PURE__ */ N("span", {
-											className: "comins-tree-cell-content",
-											style: { "--comins-tree-depth": S.depth },
-											children: [S.hasChildren ? /* @__PURE__ */ M("button", {
-												"aria-expanded": S.expanded,
-												"aria-label": `${S.expanded ? "Collapse" : "Expand"} ${String(e.rowId)}`,
-												className: "comins-tree-expander",
-												"data-testid": `tree-expander-${String(e.rowId)}`,
-												onClick: (t) => {
-													t.preventDefault(), t.stopPropagation(), z?.onToggle(e.rowId);
-												},
-												onMouseDown: (e) => e.stopPropagation(),
-												onPointerDown: (e) => e.stopPropagation(),
-												type: "button",
-												children: S.expanded ? "▾" : "▸"
-											}) : /* @__PURE__ */ M("span", {
-												"aria-hidden": "true",
-												className: "comins-tree-expander-spacer"
-											}), /* @__PURE__ */ M("span", {
-												className: "comins-tree-cell-value",
-												children: x
-											})]
-										}) : x;
-										return /* @__PURE__ */ N("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": b.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 (Ee && r.stopPropagation(), f) {
-													r.preventDefault(), r.stopPropagation();
-													return;
-												}
-												if (q.current) {
-													q.current = !1, r.__cominsCellSelectionHandled = !0;
-													return;
-												}
-												let i = n ? Y.selection.cell ?? Je.current : null;
-												if (r.shiftKey && i) {
-													r.__cominsCellSelectionHandled = !0, Je.current = i, Z((t) => ue(K.current === null ? E(t, e.rowId) : de(t, Hn(t, K.current, e.rowId)), {
-														anchor: i,
-														focus: s
-													})), K.current = e.rowId;
-													return;
-												}
-												n && (Je.current = s), Z((t) => {
-													let i = E(t, e.rowId, {
-														multi: r.ctrlKey || r.metaKey,
-														toggle: r.ctrlKey || r.metaKey
-													});
-													return n ? le(i, s) : i;
-												}), r.__cominsCellSelectionHandled = !0, K.current = e.rowId, Ee?.(rt(r, e, t, a, o));
-											},
-											onContextMenu: (r) => {
-												if (f) {
-													r.preventDefault(), r.stopPropagation();
-													return;
-												}
-												Z((t) => {
-													let r = E(t, e.rowId);
-													return n ? le(r, s) : r;
-												}), K.current = e.rowId, n && (Je.current = s), P && (r.stopPropagation(), P(rt(r, e, t, a, o)));
-											},
-											onDoubleClick: (n) => {
-												if (Ae && n.stopPropagation(), f) {
-													n.preventDefault(), n.stopPropagation();
-													return;
-												}
-												Ae?.(rt(n, e, t, a, o));
-											},
-											onKeyDown: (n) => rr(n, e, t, a, s, f),
-											onMouseDown: (e) => ir(e, s, f),
-											onMouseOver: (e) => {
-												e.buttons === 1 && !U.current && or(s);
-											},
-											onMouseUp: sr,
-											onPointerDown: (e) => cr(e, s, f),
-											onPointerEnter: (e) => {
-												e.buttons === 1 && or(s);
-											},
-											onPointerMove: (e) => {
-												e.buttons === 1 && or(s);
-											},
-											onPointerUp: sr,
-											style: {
-												height: L,
-												...h
-											},
-											title: typeof ee == "string" ? ee : void 0,
-											tabIndex: f ? -1 : 0,
-											children: [a === 0 && r.draggable ? /* @__PURE__ */ M("span", {
-												"aria-hidden": "true",
-												className: "comins-row-drag-handle",
-												"data-testid": `row-drag-handle-${String(e.rowId)}`,
+							Si.slots.map((e, t) => {
+								if (e.kind === "group") {
+									let n = Z?.groupsById.get(e.groupId);
+									if (!n) return null;
+									let r = ci.has(e.groupId), i = t === Si.slots.length - 1, a = yi.at(-1)?.key === e.key, o = Si.scrollHeight >= zn - 1, s = i && (I ? a && o : Vi === 0), c = Object.fromEntries([...n.aggregationState].map(([e, t]) => [e, wt(t)])), l = {
+										aggregateValues: c,
+										expanded: r,
+										group: n.group,
+										groupId: n.groupId,
+										groupIndex: n.groupIndex,
+										isEmpty: n.leafSourceIndexes.length === 0,
+										rowCount: n.leafSourceIndexes.length
+									}, u = N?.getGroupRowProps?.(l), d = N?.renderGroupContent?.(l), f = Object.entries(c).flatMap(([e, t]) => {
+										if (t === null) return [];
+										let n = q.columns.find((t) => t.id === e);
+										return [/* @__PURE__ */ j("span", {
+											className: "comins-row-group-aggregate",
+											children: [
+												String(n?.label ?? e),
+												": ",
+												String(t)
+											]
+										}, e)];
+									}), p = N?.groupDraggable === !0 && typeof N.onChangeGroups == "function", m = mr?.targetGroupId === e.groupId && mr.sourceGroupId !== e.groupId ? mr.position : void 0, h = fr?.targetGroupId === e.groupId;
+									return /* @__PURE__ */ A("tr", {
+										className: [
+											"comins-table__tr comins-table__group-row",
+											u?.className,
+											s ? "comins-table__tr--viewport-end" : void 0
+										].filter(Boolean).join(" "),
+										"data-comins-group-id": String(e.groupId),
+										"data-comins-group-index": n.groupIndex,
+										"data-comins-group-row": "true",
+										"data-comins-group-drag-source": mr?.sourceGroupId === e.groupId ? "true" : void 0,
+										"data-comins-group-drop-position": m,
+										"data-comins-row-drop-valid": h ? fr.valid ? "true" : "false" : void 0,
+										"data-testid": `group-row-${encodeURIComponent(String(e.groupId))}`,
+										style: {
+											...u?.style,
+											height: M
+										},
+										children: /* @__PURE__ */ A("th", {
+											className: "comins-table__td comins-table__group-cell px-3 py-2",
+											colSpan: Math.max(1, X.length),
+											scope: "rowgroup",
+											style: { height: M },
+											children: /* @__PURE__ */ j("span", {
+												className: "comins-row-group-cell-content",
+												children: [
+													p ? /* @__PURE__ */ A(et, {
+														"aria-label": `Move ${String(n.label)} group`,
+														className: "comins-row-group-drag-handle",
+														"data-testid": `group-drag-handle-${encodeURIComponent(String(e.groupId))}`,
+														icon: "columnMove",
+														onPointerDown: (t) => ga(t, e.groupId)
+													}) : null,
+													/* @__PURE__ */ A(et, {
+														"aria-expanded": r,
+														"aria-label": `${r ? "Collapse" : "Expand"} ${String(n.label)} group`,
+														className: "comins-row-group-expander",
+														"data-testid": `group-toggle-${encodeURIComponent(String(e.groupId))}`,
+														disabled: typeof N?.onChangeExpandedGroupIds != "function",
+														icon: r ? "disclosureExpanded" : "disclosureCollapsed",
+														onClick: (t) => {
+															t.preventDefault(), t.stopPropagation(), li(e.groupId);
+														},
+														ref: (t) => {
+															t ? en.current.set(e.groupId, t) : en.current.delete(e.groupId);
+														}
+													}),
+													/* @__PURE__ */ A("span", {
+														className: "comins-row-group-content",
+														children: typeof N?.renderGroupContent == "function" ? d : /* @__PURE__ */ j(Be, { children: [
+															/* @__PURE__ */ A("span", {
+																className: "comins-row-group-label",
+																children: n.label
+															}),
+															/* @__PURE__ */ j("span", {
+																className: "comins-row-group-count",
+																children: [n.leafSourceIndexes.length, " Rows"]
+															}),
+															f
+														] })
+													})
+												]
+											})
+										})
+									}, e.key);
+								}
+								let r = e, i = dn(xr, r.row, r.visibleIndex), a = ki.has(r.rowId), o = t === Si.slots.length - 1, s = yi.at(-1)?.key === r.key, c = Si.scrollHeight >= zn - 1, l = o && (I ? s && c : Vi === 0), u = fn(i.style), d = I && Si.mixed ? r.key : I ? `virtual-row-slot-${t}` : String(r.rowId), f = { row: mn(r) }, p = Or && (nt?.(f) ?? !0), m = p && vi.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(vr)}-${v}`, b = `${y}-content`, x = `${y}-toggle`;
+								return /* @__PURE__ */ j(De, { children: [
+									fr?.targetDataIndex === r.dataIndex && fr.sourceRowId !== r.rowId ? /* @__PURE__ */ A("tr", {
+										"aria-hidden": "true",
+										className: "comins-row-move-placeholder",
+										"data-comins-row-drop-valid": fr.valid ? "true" : "false",
+										children: /* @__PURE__ */ A("td", {
+											colSpan: Math.max(1, X.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 || sa(e, r), Le?.(gn(e, r));
+										},
+										onContextMenu: (e) => {
+											if (i.disabled) {
+												e.preventDefault();
+												return;
+											}
+											Y((e) => on(e, r.rowId)), V.current = r.rowId, ze?.(gn(e, r));
+										},
+										onDoubleClick: (e) => {
+											if (i.disabled) {
+												e.preventDefault();
+												return;
+											}
+											We?.(gn(e, r));
+										},
+										onKeyDown: (e) => ca(e, r, i.disabled),
+										style: pn(M, i.style, u),
+										tabIndex: i.disabled ? -1 : 0,
+										children: X.map((e, t) => {
+											let o = g(q, r.row, e.id), s = {
+												columnId: e.id,
+												rowId: r.rowId
+											}, c = n && ne(q, s, Q?.visibleLeafRowIds ?? q.rowIds), l = n && q.selection.cell?.rowId === r.rowId && q.selection.cell.columnId === e.id, u = yn(r, i.disabled, a, q.selection.rowIds.length, e, t, o), d = bn(e, u), f = i.disabled || Sn(d, u), h = { requestRowSelection: ({ event: e, mode: t }) => f ? !1 : t === "exclusive" ? (Y((e) => fe(e, r.rowId)), V.current = r.rowId, !0) : (sa(e, r), !0) }, _ = ln(Cn(d, u)), v = wn(d, u), y = !!e.cell?.components?.length, ee = Tn(e, o, u), te = e.cell?.components?.map((e) => {
+												if (e.type !== "input") return e;
+												let t = e.onValueChange;
+												return {
+													...e,
+													onValueChange: (e) => {
+														Y((t) => Te(t, [{
+															id: e.row.id,
+															patch: (t) => Vn(t, e.column.field, e.value)
+														}])), t?.(e);
+													}
+												};
+											}), re = On(te, u), S = e.cell?.renderer ? e.cell.renderer(u) : y ? Fn(ee, te, u, {
+												interaction: h,
+												showContent: !1
+											}) : /* @__PURE__ */ A("span", {
+												className: "comins-table__cell-value",
+												children: ee
+											}), ie = typeof e.cell?.tooltip == "function" ? e.cell.tooltip(u) : e.cell?.tooltip, C = e.id === F?.treeColumnId ? F.entriesByRowId.get(r.rowId) : void 0, ae = C ? /* @__PURE__ */ j("span", {
+												className: "comins-tree-cell-content",
+												style: { "--comins-tree-depth": C.depth },
+												children: [C.hasChildren ? /* @__PURE__ */ A(et, {
+													"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(), F?.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: S
+												})]
+											}) : S;
+											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": re.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) => lr(t, e, r.disabled, r.draggable)
-											}) : null, w]
-										}, t.id);
-									})
-								}, s)] }, s);
+												onClick: (i) => {
+													if (Ie && i.stopPropagation(), f) {
+														i.preventDefault(), i.stopPropagation();
+														return;
+													}
+													if (Ht.current) {
+														Ht.current = !1, i.__cominsCellSelectionHandled = !0;
+														return;
+													}
+													let a = n ? q.selection.cell ?? Nt.current : null;
+													if (i.shiftKey && a) {
+														i.__cominsCellSelectionHandled = !0, Nt.current = a, Y((e) => {
+															let t = V.current === null ? fe(e, r.rowId) : pe(e, Gi(e, V.current, r.rowId));
+															return de(t, {
+																anchor: a,
+																focus: s
+															});
+														}), V.current = r.rowId;
+														return;
+													}
+													n && (Nt.current = s), Y((e) => {
+														let t = fe(e, r.rowId, {
+															multi: i.ctrlKey || i.metaKey,
+															toggle: i.ctrlKey || i.metaKey
+														});
+														return n ? ue(t, s) : t;
+													}), i.__cominsCellSelectionHandled = !0, V.current = r.rowId, Ie?.(_n(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;
+													}
+													Y((e) => {
+														let t = on(e, r.rowId);
+														return n ? ue(t, s) : t;
+													}), V.current = r.rowId, n && (Nt.current = s), Re && (i.stopPropagation(), Re(_n(i, r, e, t, o)));
+												},
+												onDoubleClick: (n) => {
+													if (n.target.closest(".comins-row-detail-expander")) {
+														n.stopPropagation();
+														return;
+													}
+													if (Ue && n.stopPropagation(), f) {
+														n.preventDefault(), n.stopPropagation();
+														return;
+													}
+													Ue?.(_n(n, r, e, t, o));
+												},
+												onKeyDown: (n) => la(n, r, e, t, s, f),
+												onMouseDown: (e) => ua(e, s, f),
+												onMouseOver: (e) => {
+													e.buttons === 1 && !B.current && fa(s);
+												},
+												onMouseUp: pa,
+												onPointerDown: (e) => ma(e, s, f),
+												onPointerEnter: (e) => {
+													e.buttons === 1 && fa(s);
+												},
+												onPointerMove: (e) => {
+													e.buttons === 1 && fa(s);
+												},
+												onPointerUp: pa,
+												style: {
+													height: M,
+													...v
+												},
+												title: typeof ie == "string" ? ie : void 0,
+												tabIndex: f ? -1 : 0,
+												children: t === 0 && (Or || i.draggable) ? /* @__PURE__ */ j("div", {
+													className: "comins-row-cell-content",
+													children: [/* @__PURE__ */ j("span", {
+														className: "comins-row-leading-controls",
+														children: [Or ? p ? /* @__PURE__ */ A(vt, {
+															controlsId: b,
+															disabled: !He,
+															expanded: m,
+															id: x,
+															label: `${m ? "Collapse" : "Expand"} ${String(r.rowId)} details`,
+															onElement: (e) => {
+																e ? St.current.set(r.rowId, e) : St.current.delete(r.rowId);
+															},
+															onToggle: () => jr(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) => ha(e, r, i.disabled, i.draggable)
+														}) : null]
+													}), /* @__PURE__ */ A("div", {
+														className: "comins-row-cell-content__value",
+														children: ae
+													})]
+												}) : ae
+											}, e.id);
+										})
+									}, d),
+									m ? /* @__PURE__ */ A(yt, {
+										colSpan: X.length,
+										contentId: b,
+										fixedHeight: h,
+										labelId: x,
+										onContentElement: (e) => zr(r.rowId, _, e),
+										ownerId: String(r.rowId),
+										testId: `row-detail-content-${String(r.rowId)}`,
+										getToggleElement: () => St.current.get(r.rowId) ?? null,
+										children: rt?.(f)
+									}) : null
+								] }, d);
 							}),
-							Pn ? /* @__PURE__ */ M("tr", {
+							Li ? /* @__PURE__ */ A("tr", {
 								className: "comins-table__tr comins-table__infinite-loading-row",
-								style: { height: L },
-								children: /* @__PURE__ */ N("td", {
+								style: { height: M },
+								children: /* @__PURE__ */ j("td", {
 									className: "comins-table__td comins-table__infinite-loading-cell",
-									colSpan: Math.max(1, Q.length),
+									colSpan: Math.max(1, X.length),
 									"data-testid": "data-table-infinite-loading-row",
-									children: [/* @__PURE__ */ M("span", {
+									children: [/* @__PURE__ */ A("span", {
 										className: "comins-table__loading-spinner",
 										"data-testid": "data-table-infinite-loading-spinner"
-									}), /* @__PURE__ */ M("span", { children: "데이터를 불러오는 중입니다." })]
+									}), /* @__PURE__ */ A("span", { children: "데이터를 불러오는 중입니다." })]
 								})
 							}) : null,
-							Rn > 0 ? /* @__PURE__ */ M("tr", {
+							Vi > 0 ? /* @__PURE__ */ A("tr", {
 								"aria-hidden": "true",
 								className: "comins-table-empty-filler",
-								children: /* @__PURE__ */ M("td", {
-									colSpan: Math.max(1, Q.length),
+								children: /* @__PURE__ */ A("td", {
+									colSpan: Math.max(1, X.length),
 									"data-testid": "table-empty-filler",
-									style: { height: Rn }
+									style: { height: Vi }
 								})
 							}) : null
 						] })]
 					}),
-					B ? /* @__PURE__ */ M("div", {
+					I ? /* @__PURE__ */ A("div", {
 						"aria-hidden": "true",
 						className: "comins-table__body-virtual-sizer",
 						style: {
-							height: bn.scrollHeight,
-							width: En
+							height: Si.scrollHeight,
+							width: Wr
 						}
 					}) : null,
-					kn && !jn ? /* @__PURE__ */ N("div", {
+					Mi && !Pi ? /* @__PURE__ */ j("div", {
 						className: "comins-table__loading-overlay",
 						"data-testid": "data-table-loading-overlay",
 						role: "status",
-						style: tn > 0 ? { transform: `translateY(${tn}px)` } : void 0,
-						children: [/* @__PURE__ */ M("span", {
+						style: gr > 0 ? { transform: `translateY(${gr}px)` } : void 0,
+						children: [/* @__PURE__ */ A("span", {
 							className: "comins-table__loading-spinner",
 							"data-testid": "data-table-loading-spinner"
-						}), /* @__PURE__ */ M("span", { children: ce ?? "불러오는 중입니다." })]
+						}), /* @__PURE__ */ A("span", { children: be ?? "불러오는 중입니다." })]
 					}) : null
 				]
 			}),
-			R ? /* @__PURE__ */ M("div", {
+			P ? /* @__PURE__ */ A("div", {
 				"aria-label": "Table summary",
 				className: "comins-table__summary",
-				ref: Ge,
-				children: /* @__PURE__ */ N("table", {
+				ref: R,
+				children: /* @__PURE__ */ j("table", {
 					className: "comins-table__table comins-table__summary-table min-w-full table-fixed",
-					style: { width: En },
-					children: [mr(), /* @__PURE__ */ M("tfoot", { children: /* @__PURE__ */ M("tr", {
-						className: ["comins-table__summary-row", R.className].filter(Boolean).join(" "),
-						style: R.style,
-						children: gn.map((e) => /* @__PURE__ */ M("td", {
+					style: { width: Wr },
+					children: [Sa(), /* @__PURE__ */ A("tfoot", { children: /* @__PURE__ */ A("tr", {
+						className: ["comins-table__summary-row", P.className].filter(Boolean).join(" "),
+						style: P.style,
+						children: $r.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
@@ -1993,57 +3727,65 @@ function Ft({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 					}) })]
 				})
 			}) : null,
-			fr && Vt ? /* @__PURE__ */ M("div", {
+			ya && ir ? /* @__PURE__ */ j("div", {
 				"aria-hidden": "true",
 				className: "comins-column-move-ghost",
 				"data-testid": "column-move-ghost",
 				style: {
-					left: Vt.x + 12,
-					top: Vt.y + 12
+					left: ir.x + 12,
+					top: ir.y + 12
 				},
-				children: fr
+				children: [/* @__PURE__ */ A($e, { name: "columnMove" }), /* @__PURE__ */ A("span", {
+					className: "comins-column-move-ghost__label",
+					children: ya
+				})]
 			}) : null
 		]
 	});
 }
-function It({ 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: _, ...v }, y) {
-	let b = A(t).current, [x, ee] = j([]), S = k(() => Nt(e, v.columns, x), [
+function nr({ data: e, columnFiltering: t, defaultExpandAll: n = !0, estimatedRowDetailHeight: r, expandedRowIds: i, getRowDetailHeight: a, getRowId: o, hasMoreRows: s, infiniteScroll: c, infiniteScrollThreshold: l, lazyLoad: u, lazyLoadBatchSize: d, lazyLoadMode: f, lazyLoadThreshold: p, loadingMore: m, onChangeData: h, onChangeExpandedRowIds: g, onChangeSort: _, onChangeSortModel: v, onLazyLoad: y, onLoadMore: b, rowGrouping: x, rowProps: ee, isRowExpandable: te, renderRowDetail: ne, tree: re, ...S }, ie) {
+	let C = O(n).current, [ae, oe] = k([]), w = D(() => S.columns.map((e, t) => t === 0 ? {
+		...e,
+		lockPosition: !0
+	} : e), [S.columns]), se = w[0]?.id ?? w[0]?.field ?? null, ce = D(() => $n(e, w, ae), [
 		e,
-		v.columns,
-		x
-	]), C = k(() => Ke(S, n, { defaultExpandAll: b }), [
-		n,
-		b,
-		S
-	]), w = k(() => new Map(C.map((e) => [e.rowId, e])), [C]), te = k(() => ({
-		entriesByRowId: w,
+		w,
+		ae
+	]), T = D(() => zt(ce, o, { defaultExpandAll: C }), [
+		o,
+		C,
+		ce
+	]), le = D(() => new Map(T.map((e) => [e.rowId, e])), [T]), ue = D(() => ({
+		entriesByRowId: le,
 		onExpand: (t) => {
-			let r = Pt(e, t, !0, n, b);
-			r !== e && d?.([...r]);
+			let n = er(e, t, !0, o, C);
+			n !== e && h?.([...n]);
 		},
 		onFold: (t) => {
-			let r = Pt(e, t, !1, n, b);
-			r !== e && d?.([...r]);
+			let n = er(e, t, !1, o, C);
+			n !== e && h?.([...n]);
 		},
-		onToggle: (t) => d?.(qe(e, t, n, { defaultExpandAll: b })),
-		summaryRows: H(e)
+		onToggle: (t) => h?.(Bt(e, t, o, { defaultExpandAll: C })),
+		summaryRows: V(e),
+		treeColumnId: se
 	}), [
 		e,
-		w,
-		n,
-		b,
-		d
-	]), ne = (t) => {
-		let r = e;
+		le,
+		o,
+		C,
+		h,
+		se
+	]), de = (t) => {
+		let n = e;
 		t.forEach((e, t) => {
-			let i = C[t];
-			i && i.item !== e && (r = U(r, i.rowId, n, () => e));
-		}), r !== e && d?.([...r]);
-	};
-	return /* @__PURE__ */ M(Lt, {
-		...v,
-		data: C.map((e) => e.item),
-		getRowId: n,
+			let r = T[t];
+			r && r.item !== e && (n = Vt(n, r.rowId, o, () => e));
+		}), n !== e && h?.([...n]);
+	}, fe = {
+		...S,
+		columns: w,
+		data: T.map((e) => e.item),
+		getRowId: o,
 		hasMoreRows: !1,
 		infiniteScroll: !1,
 		infiniteScrollThreshold: void 0,
@@ -2052,38 +3794,41 @@ function It({ data: e, defaultExpandAll: t = !0, getRowId: n, hasMoreRows: r, in
 		lazyLoadMode: void 0,
 		lazyLoadThreshold: void 0,
 		loadingMore: !1,
-		onChangeData: ne,
-		onChangeSort: f,
+		onChangeData: de,
+		onChangeSort: _,
 		onChangeSortModel: (e) => {
-			ee(e), p?.(e);
+			oe(e), v?.(e);
 		},
 		onLazyLoad: void 0,
 		onLoadMore: void 0,
 		pagination: {
 			pageIndex: 0,
-			pageSize: Math.max(1, C.length)
+			pageSize: Math.max(1, T.length)
 		},
 		rowProps: {
-			...g,
+			...ee,
 			draggable: !1
 		},
-		tree: !1,
-		ref: y,
-		treeContext: te
+		tree: !1
+	};
+	return /* @__PURE__ */ A(rr, {
+		...fe,
+		ref: ie,
+		treeContext: ue
 	});
 }
-var Lt = Te(Ft), Rt = Te(It);
-function zt(e, t) {
-	return e.tree ? /* @__PURE__ */ M(Rt, {
+var rr = ke(tr), ir = ke(nr);
+function ar(e, t) {
+	return e.tree ? /* @__PURE__ */ A(ir, {
 		...e,
 		ref: t
-	}) : /* @__PURE__ */ M(Lt, {
+	}) : /* @__PURE__ */ A(rr, {
 		...e,
 		ref: t
 	});
 }
-var Bt = Te(zt), Vt = "comins-table";
+var or = ke(ar), sr = "comins-table";
 //#endregion
-export { Bt as CominsTable, e as addCominsRows, t as applyCominsColumnLayout, n as clearCominsCellRange, r as clearCominsSelection, i as clearCominsSortState, Vt 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, Ke 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, Ue as getCominsSummaryValues, H as getCominsTreeLeafItems, x as getCominsVirtualRows, ee as getCominsVisibleColumns, S as isCominsCellDisabled, C as isCominsCellInSelectedRange, w as isCominsCellSelected, te as isCominsRowSelected, ne as moveCominsColumn, re as moveCominsColumnGroup, ie as moveCominsRow, ae as pasteCominsCell, T as pasteCominsCellRange, oe as pasteCominsRow, se as queryCominsRows, ce as replaceCominsRows, le as selectCell, ue as selectCellRange, E as selectRow, de as selectRows, fe as serializeCominsColumnLayout, pe as setCominsColumnGroupHidden, me as setCominsColumnGroupWidth, he as setCominsColumnHidden, D as setCominsColumnWidth, ge as setCominsHeaderVisible, _e as setCominsPagination, ve as setCominsSortModel, ye as setCominsSortState, be as setCominsTableTheme, xe as sortCominsRows, W as sortCominsTreeSiblings, qe as toggleCominsTreeNode, Se as updateCominsRows, U as updateCominsTreeItem };
+export { or as CominsTable, e as addCominsRows, t as applyCominsColumnLayout, n as clearCominsCellRange, r as clearCominsSelection, i as clearCominsSortState, sr 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, zt 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, Ft as getCominsSummaryValues, V as getCominsTreeLeafItems, x as getCominsVirtualRows, ee as getCominsVisibleColumns, te as isCominsCellDisabled, ne as isCominsCellInSelectedRange, re as isCominsCellSelected, S as isCominsRowSelected, ie as moveCominsColumn, C as moveCominsColumnGroup, ae as moveCominsRow, jt as moveCominsRowGroup, oe as moveCominsRowToGroup, w as pasteCominsCell, se as pasteCominsCellRange, ce as pasteCominsRow, T as queryCominsRows, le as replaceCominsRows, ue as selectCell, de as selectCellRange, fe as selectRow, pe as selectRows, me as serializeCominsColumnLayout, he as setCominsColumnGroupHidden, ge as setCominsColumnGroupWidth, _e as setCominsColumnHidden, ve as setCominsColumnWidth, ye as setCominsHeaderVisible, be as setCominsPagination, xe as setCominsSortModel, Se as setCominsSortState, Ce as setCominsTableTheme, we as sortCominsRows, Ht as sortCominsTreeSiblings, Bt as toggleCominsTreeNode, Te as updateCominsRows, Vt as updateCominsTreeItem };
 
 //# sourceMappingURL=index.js.map