comins-table 0.1.3 → 0.1.5

package/dist/index.js

@@ -1,92 +1,47 @@
-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 te, isCominsCellSelected as C, isCominsRowSelected as ne, moveCominsColumn as re, moveCominsColumnGroup as w, moveCominsRow as T, pasteCominsCell as ie, pasteCominsCellRange as E, pasteCominsRow as ae, queryCominsRows as oe, replaceCominsRows as se, selectCell as ce, selectCellRange as le, selectRow as D, selectRows as ue, serializeCominsColumnLayout as de, setCominsColumnGroupHidden as fe, setCominsColumnGroupWidth as pe, setCominsColumnHidden as me, setCominsColumnWidth as he, setCominsHeaderVisible as ge, setCominsPagination as _e, setCominsSortState as ve, setCominsTableTheme as ye, sortCominsRows as be, updateCominsRows as xe } from "./core.js";
-import { Fragment as Se, createContext as Ce, createElement as we, forwardRef as Te, useContext as Ee, useEffect as O, useId as De, useImperativeHandle as Oe, useLayoutEffect as ke, useMemo as k, useRef as A, useState as j } from "react";
+import { addCominsRows as e, applyCominsColumnLayout as t, clearCominsCellRange as n, clearCominsSelection as r, clearCominsSortState as i, copyCominsCell as a, copyCominsCellRange as o, copyCominsRow as s, createCominsTableState as c, deleteCominsRows as l, exportCominsRowsToCsv as u, exportCominsRowsToJson as d, fillCominsCellRange as f, formatCominsCellValue as p, getCominsCellClassName as m, getCominsCellStyle as h, getCominsCellValue as g, getCominsHeaderRows as _, getCominsPageRows as v, getCominsSelectedCellRange as y, getCominsSortedRowIndexes as b, getCominsVirtualRows as 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";
-//#region node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.mjs
-var Ae = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), je = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Me = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), Ne = (e) => {
-	let t = Me(e);
-	return t.charAt(0).toUpperCase() + t.slice(1);
-}, P = {
-	xmlns: "http://www.w3.org/2000/svg",
-	width: 24,
-	height: 24,
-	viewBox: "0 0 24 24",
-	fill: "none",
-	stroke: "currentColor",
-	strokeWidth: 2,
-	strokeLinecap: "round",
-	strokeLinejoin: "round"
-}, Pe = (e) => {
-	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
-	return !1;
-}, F = Ce({}), Fe = () => Ee(F), Ie = Te(({ color: e, size: t, strokeWidth: n, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: o, ...s }, c) => {
-	let { size: l = 24, strokeWidth: u = 2, absoluteStrokeWidth: d = !1, color: f = "currentColor", className: p = "" } = Fe() ?? {}, m = r ?? d ? Number(n ?? u) * 24 / Number(t ?? l) : n ?? u;
-	return we("svg", {
-		ref: c,
-		...P,
-		width: t ?? l ?? P.width,
-		height: t ?? l ?? P.height,
-		stroke: e ?? f,
-		strokeWidth: m,
-		className: Ae("lucide", p, i),
-		...!a && !Pe(s) && { "aria-hidden": "true" },
-		...s
-	}, [...o.map(([e, t]) => we(e, t)), ...Array.isArray(a) ? a : [a]]);
-}), Le = ((e, t) => {
-	let n = Te(({ className: n, ...r }, i) => we(Ie, {
-		ref: i,
-		iconNode: t,
-		className: Ae(`lucide-${je(Ne(e))}`, `lucide-${e}`, n),
-		...r
-	}));
-	return n.displayName = Ne(e), n;
-})("arrow-up", [["path", {
-	d: "m5 12 7-7 7 7",
-	key: "hav0vg"
-}], ["path", {
-	d: "M12 19V5",
-	key: "x0mq9r"
-}]]);
-function Re({ clientX: e, clientY: t, startX: n, startY: r }) {
+function ke({ clientX: e, clientY: t, startX: n, startY: r }) {
 	let i = Math.abs(e - n), a = Math.abs(t - r);
 	return i >= 6 && i > a ? "activate" : a >= 6 && a >= i ? "cancel" : "pending";
 }
 //#endregion
 //#region src/component-renderer.tsx
-function I(...e) {
+function P(...e) {
 	return e.filter(Boolean).join(" ");
 }
-function L(e, t) {
+function F(e, t) {
 	return typeof e == "function" ? e(t) : e ?? {};
 }
-function R(e, t) {
+function Ae(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function ze(e, t) {
+function je(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function z(e, t) {
+function Me(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function B(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : Array.isArray(e) ? e.map(B).join(" ") : "";
+function Ne(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : Array.isArray(e) ? e.map(Ne).join(" ") : "";
 }
-function Be(e) {
+function Pe(e) {
 	return e.type !== "divider" && e.type !== "label";
 }
-function Ve(e, t) {
+function Fe(e, t) {
 	return !!(e && t instanceof Node && e.contains(t));
 }
-function V(e) {
+function I(e) {
 	e.stopPropagation();
 }
-function H(e) {
+function Ie(e) {
 	e.preventDefault(), e.stopPropagation();
 }
-function He(e) {
+function L(e) {
 	return e == null ? "" : String(e);
 }
-function Ue({ component: e, payload: t }) {
-	let n = L(e.props, t), { defaultValue: r, onBlur: i, onChange: a, onClick: o, onKeyDown: s, onMouseDown: c, onPointerDown: l, value: u, ...d } = n, f = He(u ?? r), [p, m] = j(f), h = A(f);
+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(() => {
 		m(f), h.current = f;
 	}, [f]);
@@ -102,53 +57,53 @@ function Ue({ component: e, payload: t }) {
 	};
 	return /* @__PURE__ */ M("input", {
 		...d,
-		className: I("comins-table__component", "comins-table__component-input", n.className),
+		className: P("comins-table__component", "comins-table__component-input", n.className),
 		onBlur: (e) => {
-			i?.(e), V(e), g(e);
+			i?.(e), I(e), g(e);
 		},
 		onChange: (e) => {
-			V(e), m(e.currentTarget.value);
+			I(e), m(e.currentTarget.value);
 		},
 		onClick: (e) => {
-			o?.(e), V(e);
+			o?.(e), I(e);
 		},
 		onKeyDown: (e) => {
-			s?.(e), V(e), e.key === "Enter" && (e.preventDefault(), g(e), e.currentTarget.blur());
+			s?.(e), I(e), e.key === "Enter" && (e.preventDefault(), g(e), e.currentTarget.blur());
 		},
 		onMouseDown: (e) => {
-			c?.(e), V(e);
+			c?.(e), I(e);
 		},
 		onPointerDown: (e) => {
-			l?.(e), V(e);
+			l?.(e), I(e);
 		},
 		value: p
 	});
 }
-function We({ component: e, payload: t }) {
-	let n = L(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));
+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(() => {
 		r !== void 0 && p(!!r);
 	}, [r]), /* @__PURE__ */ M("input", {
 		...d,
 		checked: f,
-		className: I("comins-table__component", "comins-table__component-checkbox", n.className),
+		className: P("comins-table__component", "comins-table__component-checkbox", n.className),
 		onClick: (e) => {
-			o?.(e), V(e);
+			o?.(e), I(e);
 		},
 		onChange: (n) => {
-			a?.(n), V(n), p(n.currentTarget.checked), e.onCheckedChange?.({
+			a?.(n), I(n), p(n.currentTarget.checked), e.onCheckedChange?.({
 				...t,
 				checked: n.currentTarget.checked
 			});
 		},
 		onKeyDown: (e) => {
-			s?.(e), V(e);
+			s?.(e), I(e);
 		},
 		onMouseDown: (e) => {
-			c?.(e), V(e);
+			c?.(e), I(e);
 		},
 		onPointerDown: (e) => {
-			l?.(e), V(e);
+			l?.(e), I(e);
 		},
 		style: {
 			height: 20,
@@ -158,8 +113,8 @@ function We({ component: e, payload: t }) {
 		type: "checkbox"
 	});
 }
-function U({ component: e, payload: t }) {
-	let { checked: n, ...r } = L(e.props, t), { onClick: i, onKeyDown: a, onMouseDown: o, onPointerDown: s, ...c } = r, [l, u] = j(!!n);
+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(() => {
 		n !== void 0 && u(!!n);
 	}, [n]);
@@ -167,9 +122,9 @@ function U({ component: e, payload: t }) {
 	return /* @__PURE__ */ M("button", {
 		...c,
 		"aria-pressed": l,
-		className: I("comins-table__component", "comins-table__component-toggle", r.className),
+		className: P("comins-table__component", "comins-table__component-toggle", r.className),
 		onClick: (n) => {
-			i?.(n), V(n);
+			i?.(n), I(n);
 			let r = !l;
 			u(r), e.onCheckedChange?.({
 				...t,
@@ -177,24 +132,24 @@ function U({ component: e, payload: t }) {
 			});
 		},
 		onKeyDown: (e) => {
-			a?.(e), V(e);
+			a?.(e), I(e);
 		},
 		onMouseDown: (e) => {
-			o?.(e), V(e);
+			o?.(e), I(e);
 		},
 		onPointerDown: (e) => {
-			s?.(e), V(e);
+			s?.(e), I(e);
 		},
 		type: r.type ?? "button",
 		children: d
 	});
 }
-function Ge({ component: e, payload: t }) {
-	let [n, r] = j(!1), i = De(), a = A(null), o = A(null), [s, c] = j({
+function Be({ component: e, payload: t }) {
+	let [n, r] = j(!1), i = Ee(), a = A(null), o = A(null), [s, c] = j({
 		left: 0,
 		position: "fixed",
 		top: 0
-	}), l = L(e.props, t), u = k(() => ze(e.items, t), [e.items, t]), d = () => {
+	}), l = F(e.props, t), u = k(() => je(e.items, t), [e.items, t]), d = () => {
 		let e = a.current;
 		if (!e || typeof window > "u") return;
 		let t = e.getBoundingClientRect(), n = Math.max(o.current?.offsetWidth ?? 136, 136);
@@ -218,14 +173,14 @@ function Ge({ component: e, payload: t }) {
 	O(() => {
 		if (!n) return;
 		let e = (e) => {
-			Ve(a.current, e.target) || Ve(o.current, e.target) || f(!1, e);
+			Fe(a.current, e.target) || Fe(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]), ke(() => {
+	}, [n]), Oe(() => {
 		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);
 		};
@@ -249,16 +204,16 @@ function Ge({ component: e, payload: t }) {
 			className: "comins-table__component-menu-item",
 			disabled: n.disabled,
 			onClick: (r) => {
-				H(r), !(n.disabled || !Be(n)) && (f(!1, r), e.onSelect?.({
+				Ie(r), !(n.disabled || !Pe(n)) && (f(!1, r), e.onSelect?.({
 					...t,
 					event: r,
 					item: n,
 					value: n.value
 				}));
 			},
-			onKeyDown: V,
-			onMouseDown: V,
-			onPointerDown: V,
+			onKeyDown: I,
+			onMouseDown: I,
+			onPointerDown: I,
 			role: "menuitem",
 			type: "button",
 			children: n.label
@@ -272,20 +227,20 @@ function Ge({ component: e, payload: t }) {
 			"aria-expanded": n,
 			"aria-haspopup": "menu",
 			"aria-label": l["aria-label"] ?? "Header menu",
-			className: I("comins-table__component-menu-trigger", l.className),
+			className: P("comins-table__component-menu-trigger", l.className),
 			onClick: (e) => {
-				H(e), f(!n, e);
+				Ie(e), f(!n, e);
 			},
 			onKeyDown: (e) => {
 				if (l.onKeyDown?.(e), e.key === "Escape" && n) {
-					H(e), f(!1, e);
+					Ie(e), f(!1, e);
 					return;
 				}
-				V(e);
+				I(e);
 			},
-			onMouseDown: V,
+			onMouseDown: I,
 			onPointerDown: (e) => {
-				l.onPointerDown?.(e), V(e);
+				l.onPointerDown?.(e), I(e);
 			},
 			ref: a,
 			type: l.type ?? "button",
@@ -293,47 +248,47 @@ function Ge({ component: e, payload: t }) {
 		}), p]
 	});
 }
-function Ke({ component: e, interaction: t, payload: n }) {
-	let { height: r, itemHeight: i, limit: a, more: o = !1, searchable: s = !1, style: c, ...l } = L(e.props, n), u = k(() => z(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, te] = j(p), C = A(null), ne = n.row.selected && n.selection.selectedRowCount === 1, re = !!(s && ne), w = re ? h : "";
+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(() => {
 		v(!1), b(0);
-	}, [u.length, d]), ke(() => {
-		let e = C.current;
+	}, [u.length, d]), Oe(() => {
+		let e = w.current;
 		if (!e) return;
 		let t = e.clientHeight > 0 ? e.clientHeight : p;
-		te(m ? t : Math.min(t, p));
+		C(m ? t : Math.min(t, p));
 	}, [
 		p,
 		_,
-		w,
+		re,
 		m
 	]), O(() => {
-		let e = C.current;
+		let e = w.current;
 		e && (e.scrollTop = 0, b(0));
-	}, [w]), O(() => {
-		if (ne) return;
-		let e = C.current;
+	}, [re]), O(() => {
+		if (te) return;
+		let e = w.current;
 		e && (e.scrollTop = 0), v(!1), g(""), b(0);
-	}, [ne]);
-	let T = k(() => {
-		let t = w.trim().toLowerCase();
+	}, [te]);
+	let ie = k(() => {
+		let t = re.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: w
-		}) : B(n.label).toLowerCase().includes(t) : !0);
+			value: re
+		}) : Ne(n.label).toLowerCase().includes(t) : !0);
 	}, [
-		w,
+		re,
 		e,
 		u
-	]), ie = T.length > d, E = !!(ne && (_ || w.trim().length > 0 || !o && ie)), ae = ie && !E, oe = re && !_ ? 0 : 2, se = Math.max(f, m ? S || p : Math.min(S || p, p)), ce = Math.max(0, Math.floor(Math.max(0, y) / f) - oe), le = Math.min(T.length, Math.ceil((Math.max(0, y) + se) / f) + oe), D = E ? T.slice(ce, le) : T.slice(0, ie ? d : T.length), ue = E ? ce * f : 0, de = E ? Math.max(0, T.length - le) * f : 0, fe = `${String(n.row.id)}-${n.column.id}`, pe = {
+	]), 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 = {
 		...c,
 		"--comins-table-virtual-list-item-height": `${f}px`,
 		height: r ?? c?.height ?? p
-	}, me = (r, i, a) => {
+	}, he = (r, i, a) => {
 		r.disabled || t?.requestRowSelection?.({
 			event: a,
 			mode: "row-click"
@@ -348,67 +303,67 @@ function Ke({ component: e, interaction: t, payload: n }) {
 	return /* @__PURE__ */ N("div", {
 		...l,
 		"aria-label": l["aria-label"] ?? "Virtual list",
-		className: I("comins-table__component", "comins-table__component-virtual-list", l.className),
-		"data-comins-virtual-list-expanded": E ? "true" : void 0,
-		"data-comins-virtual-list-visible-count": D.length,
-		"data-testid": `virtual-list-${fe}`,
+		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}`,
 		onClick: (e) => {
-			l.onClick?.(e), V(e);
+			l.onClick?.(e), I(e);
 		},
-		onKeyDown: V,
-		onMouseDown: V,
-		onContextMenu: V,
-		onDoubleClick: V,
-		onMouseUp: V,
-		onPointerUp: V,
-		onPointerMove: V,
-		onPointerEnter: V,
-		onMouseOver: V,
-		onMouseOut: V,
-		onPointerLeave: V,
-		onBlur: V,
-		onFocus: V,
-		onInput: V,
-		onChange: V,
-		onMouseMove: V,
-		onMouseEnter: V,
-		onMouseLeave: V,
-		onTouchStart: V,
-		onTouchMove: V,
-		onTouchEnd: V,
+		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,
 		onWheel: (e) => {
-			l.onWheel?.(e), V(e);
+			l.onWheel?.(e), I(e);
 		},
 		onPointerDown: (e) => {
-			l.onPointerDown?.(e), V(e);
+			l.onPointerDown?.(e), I(e);
 		},
 		role: "listbox",
-		style: pe,
+		style: me,
 		children: [/* @__PURE__ */ N("div", {
 			className: "comins-table__component-virtual-list-items",
 			onScroll: (e) => {
-				V(e), b(e.currentTarget.scrollTop);
+				I(e), b(e.currentTarget.scrollTop);
 				let t = e.currentTarget.clientHeight > 0 ? e.currentTarget.clientHeight : p;
-				te(m ? t : Math.min(t, p));
+				C(m ? t : Math.min(t, p));
 			},
-			ref: C,
+			ref: w,
 			role: "presentation",
 			children: [
-				ue > 0 ? /* @__PURE__ */ M("span", {
+				de > 0 ? /* @__PURE__ */ M("span", {
 					"aria-hidden": "true",
 					className: "comins-table__component-virtual-list-spacer",
-					style: { height: ue }
+					style: { height: de }
 				}) : null,
-				D.map(({ item: t, itemIndex: r }) => /* @__PURE__ */ M("button", {
+				E.map(({ item: t, itemIndex: r }) => /* @__PURE__ */ M("button", {
 					"aria-selected": x === t.value,
 					className: "comins-table__component-virtual-list-item",
 					"data-comins-virtual-list-item": "true",
 					disabled: t.disabled,
 					onClick: (e) => {
-						H(e), me(t, r, e);
+						Ie(e), he(t, r, e);
 					},
 					onContextMenu: (i) => {
-						V(i), !t.disabled && e.onContextMenuItem?.({
+						I(i), !t.disabled && e.onContextMenuItem?.({
 							...n,
 							event: i,
 							item: t,
@@ -417,10 +372,10 @@ function Ke({ component: e, interaction: t, payload: n }) {
 						});
 					},
 					onKeyDown: (e) => {
-						V(e), (e.key === "Enter" || e.key === " " || e.key === "Spacebar") && (e.preventDefault(), me(t, r, e));
+						I(e), (e.key === "Enter" || e.key === " " || e.key === "Spacebar") && (e.preventDefault(), he(t, r, e));
 					},
-					onMouseDown: V,
-					onPointerDown: V,
+					onMouseDown: I,
+					onPointerDown: I,
 					role: "option",
 					type: "button",
 					children: /* @__PURE__ */ M("span", {
@@ -428,115 +383,115 @@ function Ke({ component: e, interaction: t, payload: n }) {
 						children: t.label
 					})
 				}, `${String(t.value)}-${r}`)),
-				de > 0 ? /* @__PURE__ */ M("span", {
+				fe > 0 ? /* @__PURE__ */ M("span", {
 					"aria-hidden": "true",
 					className: "comins-table__component-virtual-list-spacer",
-					style: { height: de }
+					style: { height: fe }
 				}) : null
 			]
 		}), /* @__PURE__ */ N("div", {
 			className: "comins-table__component-virtual-list-controls",
-			children: [o && ie ? /* @__PURE__ */ M("button", {
-				"aria-expanded": E,
+			children: [o && ae ? /* @__PURE__ */ M("button", {
+				"aria-expanded": T,
 				"aria-label": "전체 목록 보기",
 				className: "comins-table__component-virtual-list-overflow comins-table__component-virtual-list-more",
-				"data-testid": `virtual-list-overflow-${fe}`,
+				"data-testid": `virtual-list-overflow-${pe}`,
 				onClick: (e) => {
-					H(e), t?.requestRowSelection?.({
+					Ie(e), t?.requestRowSelection?.({
 						event: e,
 						mode: "exclusive"
 					}) !== !1 && v(!0);
 				},
-				onKeyDown: V,
-				onMouseDown: V,
-				onPointerDown: V,
+				onKeyDown: I,
+				onMouseDown: I,
+				onPointerDown: I,
 				type: "button",
 				children: "..."
-			}) : ae ? /* @__PURE__ */ M("span", {
+			}) : oe ? /* @__PURE__ */ M("span", {
 				"aria-hidden": "true",
 				className: "comins-table__component-virtual-list-overflow comins-table__component-virtual-list-more",
-				"data-testid": `virtual-list-overflow-${fe}`,
+				"data-testid": `virtual-list-overflow-${pe}`,
 				children: "..."
-			}) : null, re ? /* @__PURE__ */ M("input", {
+			}) : null, ne ? /* @__PURE__ */ M("input", {
 				"aria-label": `${l["aria-label"] ?? "Virtual list"} 검색`,
 				className: "comins-table__component-virtual-list-search",
-				"data-testid": `virtual-list-search-${fe}`,
+				"data-testid": `virtual-list-search-${pe}`,
 				onChange: (e) => {
-					V(e), g(e.currentTarget.value);
+					I(e), g(e.currentTarget.value);
 				},
-				onClick: V,
-				onKeyDown: V,
-				onMouseDown: V,
-				onPointerDown: V,
+				onClick: I,
+				onKeyDown: I,
+				onMouseDown: I,
+				onPointerDown: I,
 				placeholder: "검색",
 				value: h
 			}) : null]
 		})]
 	});
 }
-function qe(e, t, n) {
-	if (e.type === "menu") return /* @__PURE__ */ M(Ge, {
+function Ve(e, t, n) {
+	if (e.type === "menu") return /* @__PURE__ */ M(Be, {
 		component: e,
 		payload: t
 	});
-	if (e.type === "virtual-list") return /* @__PURE__ */ M(Ke, {
+	if (e.type === "virtual-list") return /* @__PURE__ */ M(R, {
 		component: e,
 		interaction: n,
 		payload: t
 	});
 	if (e.type === "button") {
-		let n = L(e.props, t), { onClick: r, onKeyDown: i, onMouseDown: a, onPointerDown: o, ...s } = n;
+		let n = F(e.props, t), { onClick: r, onKeyDown: i, onMouseDown: a, onPointerDown: o, ...s } = n;
 		return /* @__PURE__ */ M("button", {
 			...s,
-			className: I("comins-table__component", "comins-table__component-button", n.className),
+			className: P("comins-table__component", "comins-table__component-button", n.className),
 			onClick: (n) => {
-				r?.(n), V(n), e.onClick?.({
+				r?.(n), I(n), e.onClick?.({
 					...t,
 					event: n
 				});
 			},
 			onKeyDown: (e) => {
-				i?.(e), V(e);
+				i?.(e), I(e);
 			},
 			onMouseDown: (e) => {
-				a?.(e), V(e);
+				a?.(e), I(e);
 			},
 			onPointerDown: (e) => {
-				o?.(e), V(e);
+				o?.(e), I(e);
 			},
 			type: n.type ?? "button"
 		});
 	}
-	if (e.type === "input") return /* @__PURE__ */ M(Ue, {
+	if (e.type === "input") return /* @__PURE__ */ M(Le, {
 		component: e,
 		payload: t
 	});
-	if (e.type === "checkbox") return /* @__PURE__ */ M(We, {
+	if (e.type === "checkbox") return /* @__PURE__ */ M(Re, {
 		component: e,
 		payload: t
 	});
 	if (e.type === "select") {
-		let n = L(e.props, t), r = R(e.options, t), { onChange: i, onClick: a, onKeyDown: o, onMouseDown: s, onPointerDown: c, ...l } = n;
+		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", {
 			...l,
-			className: I("comins-table__component", "comins-table__component-select", n.className),
+			className: P("comins-table__component", "comins-table__component-select", n.className),
 			onClick: (e) => {
-				a?.(e), V(e);
+				a?.(e), I(e);
 			},
 			onChange: (n) => {
-				i?.(n), V(n), e.onValueChange?.({
+				i?.(n), I(n), e.onValueChange?.({
 					...t,
 					value: n.currentTarget.value
 				});
 			},
 			onKeyDown: (e) => {
-				o?.(e), V(e);
+				o?.(e), I(e);
 			},
 			onMouseDown: (e) => {
-				s?.(e), V(e);
+				s?.(e), I(e);
 			},
 			onPointerDown: (e) => {
-				c?.(e), V(e);
+				c?.(e), I(e);
 			},
 			children: r.map((e) => /* @__PURE__ */ M("option", {
 				disabled: e.disabled,
@@ -546,40 +501,40 @@ function qe(e, t, n) {
 		});
 	}
 	if (e.type === "radio") {
-		let n = L(e.props, t), r = R(e.options, t), i = n.value ?? ("value" in t ? t.value : void 0), a = "row" in t ? `${t.column.id}-${String(t.row.id)}-radio` : `${t.column.id}-header-radio`, { value: o, ...s } = n;
+		let n = 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", {
 			...s,
-			className: I("comins-table__component", "comins-table__component-radio", s.className),
+			className: P("comins-table__component", "comins-table__component-radio", s.className),
 			onClick: (e) => {
-				s.onClick?.(e), V(e);
+				s.onClick?.(e), I(e);
 			},
 			onKeyDown: (e) => {
-				s.onKeyDown?.(e), V(e);
+				s.onKeyDown?.(e), I(e);
 			},
 			onMouseDown: (e) => {
-				s.onMouseDown?.(e), V(e);
+				s.onMouseDown?.(e), I(e);
 			},
 			onPointerDown: (e) => {
-				s.onPointerDown?.(e), V(e);
+				s.onPointerDown?.(e), I(e);
 			},
 			role: "radiogroup",
 			children: r.map((n) => /* @__PURE__ */ N("label", {
-				onClick: V,
-				onMouseDown: V,
+				onClick: I,
+				onMouseDown: I,
 				children: [/* @__PURE__ */ M("input", {
 					checked: i === void 0 ? void 0 : String(i) === String(n.value),
 					disabled: n.disabled,
 					name: a,
-					onClick: V,
+					onClick: I,
 					onChange: (r) => {
-						V(r), r.currentTarget.checked && e.onValueChange?.({
+						I(r), r.currentTarget.checked && e.onValueChange?.({
 							...t,
 							value: String(n.value)
 						});
 					},
-					onKeyDown: V,
-					onMouseDown: V,
-					onPointerDown: V,
+					onKeyDown: I,
+					onMouseDown: I,
+					onPointerDown: I,
 					style: {
 						height: 20,
 						width: 20
@@ -590,49 +545,49 @@ function qe(e, t, n) {
 			}, String(n.value)))
 		});
 	}
-	if (e.type === "toggle") return /* @__PURE__ */ M(U, {
+	if (e.type === "toggle") return /* @__PURE__ */ M(ze, {
 		component: e,
 		payload: t
 	});
-	let r = L(e.props, t), i = Number(r.value ?? 0), a = Math.max(1, Number(r.max ?? 100)), o = Math.max(0, Math.min(100, i / a * 100));
+	let r = 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", {
 		...r,
 		"aria-valuemax": a,
 		"aria-valuemin": 0,
 		"aria-valuenow": i,
-		className: I("comins-table__component", "comins-table__component-progress", r.className),
-		onClick: V,
-		onKeyDown: V,
-		onMouseDown: V,
-		onPointerDown: V,
+		className: P("comins-table__component", "comins-table__component-progress", r.className),
+		onClick: I,
+		onKeyDown: I,
+		onMouseDown: I,
+		onPointerDown: I,
 		role: "progressbar",
 		children: /* @__PURE__ */ M("span", { style: { width: `${o}%` } })
 	});
 }
 //#endregion
 //#region src/summary.ts
-function Je(e, t) {
+function z(e, t) {
 	return t.split(".").reduce((e, t) => {
 		if (!(typeof e != "object" || !e)) return e[t];
 	}, e);
 }
-function Ye(e) {
+function B(e) {
 	return e.filter((e) => typeof e == "number" && Number.isFinite(e));
 }
-function Xe(e, t) {
+function He(e, t) {
 	if (e === "count") return t.length;
-	let n = Ye(t);
+	let n = B(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 Ze(e, t, n) {
+function Ue(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) => Je(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) => z(e, a.field)), l = typeof s == "function" ? s({
 			column: a,
 			rows: e,
 			values: c
-		}) : Xe(s, c);
+		}) : He(s, c);
 		return n[r] = o?.format ? o.format({
 			column: a,
 			rows: e,
@@ -643,15 +598,15 @@ function Ze(e, t, n) {
 }
 //#endregion
 //#region src/tree.ts
-function Qe(e) {
+function We(e) {
 	return e.join(".");
 }
-function W(e, t) {
+function Ge(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(Qe(c), l), e.children?.length && a(e.children, c);
+			n.set(l, c), r.set(We(c), l), e.children?.length && a(e.children, c);
 		});
 	};
 	return a(e, []), {
@@ -659,17 +614,17 @@ function W(e, t) {
 		idByPath: r
 	};
 }
-function $e(e, t, n) {
+function V(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: $e(e.children, i, n)
+		children: V(e.children, i, n)
 	} : e : e);
 }
-function et(e, t, n = {}) {
-	let r = W(e, t), i = [], a = (e, t, o) => {
+function Ke(e, t, n = {}) {
+	let r = Ge(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(Qe(c));
+			let c = [...o, s], l = e.children ?? [], u = l.length > 0, d = e.expand ?? n.defaultExpandAll ?? !1, f = r.idByPath.get(We(c));
 			f !== void 0 && (i.push({
 				depth: t,
 				expanded: d,
@@ -682,33 +637,33 @@ function et(e, t, n = {}) {
 	};
 	return a(e, 0, []), i;
 }
-function tt(e) {
-	return e.flatMap((e) => e.children?.length ? tt(e.children) : [e.item]);
+function H(e) {
+	return e.flatMap((e) => e.children?.length ? H(e.children) : [e.item]);
 }
-function nt(e, t, n, r = {}) {
-	let i = W(e, n).byId.get(t);
-	return i ? $e(e, i, (e) => ({
+function qe(e, t, n, r = {}) {
+	let i = Ge(e, n).byId.get(t);
+	return i ? V(e, i, (e) => ({
 		...e,
 		expand: !(e.expand ?? r.defaultExpandAll ?? !1)
 	})) : [...e];
 }
-function rt(e, t, n, r) {
-	let i = W(e, n).byId.get(t);
-	return i ? $e(e, i, (e) => ({
+function U(e, t, n, r) {
+	let i = Ge(e, n).byId.get(t);
+	return i ? V(e, i, (e) => ({
 		...e,
 		item: r(e.item)
 	})) : [...e];
 }
-function G(e, t) {
+function W(e, t) {
 	return [...e].sort((e, n) => t(e.item, n.item)).map((e) => ({
 		...e,
-		children: e.children ? G(e.children, t) : void 0
+		children: e.children ? W(e.children, t) : void 0
 	}));
 }
 //#endregion
 //#region src/index.tsx
-var it = 50;
-function at(e, t, n, r, i) {
+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];
@@ -721,26 +676,26 @@ function at(e, t, n, r, i) {
 	}
 	return c;
 }
-function ot(e) {
+function Xe(e) {
 	return !e || typeof e == "string" ? e : Object.entries(e).filter(([, e]) => e).map(([e]) => e).join(" ");
 }
-function K(e, t, n) {
+function G(e, t, n) {
 	return typeof e == "function" ? e(t, n) : e;
 }
-function st(e, t, n) {
-	let r = K(e?.disabled, t, n) === !0;
+function Ze(e, t, n) {
+	let r = G(e?.disabled, t, n) === !0;
 	return {
-		className: ot(K(e?.className, t, n)),
+		className: Xe(G(e?.className, t, n)),
 		disabled: r,
-		draggable: !r && K(e?.draggable, t, n) !== !1,
-		style: K(e?.style, t, n)
+		draggable: !r && G(e?.draggable, t, n) !== !1,
+		style: G(e?.style, t, n)
 	};
 }
-function ct(e) {
+function Qe(e) {
 	let t = e?.background ?? e?.backgroundColor;
 	return typeof t == "string" || typeof t == "number" ? t : void 0;
 }
-function lt(e, t, n) {
+function $e(e, t, n) {
 	let r = {
 		height: e,
 		...t
@@ -750,7 +705,7 @@ function lt(e, t, n) {
 		"--comins-table-row-custom-background": n
 	};
 }
-function ut(e) {
+function et(e) {
 	return {
 		data: e.row,
 		dataIndex: e.dataIndex,
@@ -758,7 +713,7 @@ function ut(e) {
 		index: e.visibleIndex
 	};
 }
-function dt(e, t) {
+function tt(e, t) {
 	return {
 		definition: e,
 		field: e.field,
@@ -767,23 +722,23 @@ function dt(e, t) {
 		label: e.label
 	};
 }
-function ft(e, t) {
+function nt(e, t) {
 	return {
 		event: e,
 		index: t.visibleIndex,
-		row: ut(t)
+		row: et(t)
 	};
 }
-function pt(e, t, n, r, i) {
+function rt(e, t, n, r, i) {
 	return {
-		column: dt(n, r),
+		column: tt(n, r),
 		event: e,
 		index: t.visibleIndex,
-		row: ut(t),
+		row: et(t),
 		value: i
 	};
 }
-function q(e, t) {
+function it(e, t) {
 	return {
 		definition: e,
 		field: e.field,
@@ -792,9 +747,9 @@ function q(e, t) {
 		label: e.label
 	};
 }
-function mt(e, t, n, r, i, a, o) {
+function at(e, t, n, r, i, a, o) {
 	return {
-		column: q(i, a),
+		column: it(i, a),
 		row: {
 			data: e.row,
 			dataIndex: e.dataIndex,
@@ -807,52 +762,54 @@ function mt(e, t, n, r, i, a, o) {
 		value: o
 	};
 }
-function ht(e, t) {
+function ot(e, t) {
 	let n = e.cell?.props;
 	return typeof n == "function" ? n(t) : n;
 }
-function gt(e, t) {
+function st(e, t) {
 	return e === void 0 ? !0 : typeof e == "boolean" ? e : e(t);
 }
-function _t(e, t) {
-	return e?.disabled !== void 0 && gt(e.disabled, t) === !0;
+function ct(e, t) {
+	return e?.disabled !== void 0 && st(e.disabled, t) === !0;
 }
-function vt(e, t) {
+function lt(e, t) {
 	let n = e?.className;
 	return typeof n == "function" ? n(t) : n;
 }
-function yt(e, t) {
+function ut(e, t) {
 	let n = e?.style;
 	return typeof n == "function" ? n(t) : n;
 }
-function bt(e, t, n) {
+function dt(e, t, n) {
 	return e.cell?.format ? e.cell.format(n) : t == null ? "" : String(t);
 }
-function xt(e, t, n) {
-	let r = e.columnState[t.id];
+function ft(e, t, n) {
+	let r = e.columnState[t.id], i = Tt(e.sortModel, t.id);
 	return {
-		column: q(t, n),
+		column: it(t, n),
 		layout: {
 			hidden: r?.hidden === !0 || t.hidden === !0,
 			width: r?.width ?? t.width
 		},
 		sort: {
-			direction: e.sort?.columnId === t.id ? e.sort.direction : null,
-			enabled: !!t.sort
+			count: e.sortModel.length,
+			direction: i?.rule.direction ?? null,
+			enabled: !!t.sort,
+			priority: i?.priority ?? null
 		}
 	};
 }
-function St(e) {
+function pt(e) {
 	return "row" in e && "selection" in e;
 }
-function Ct(e, t) {
-	return !St(t) || e.type !== "input" && e.type !== "select" || t.selection.selectedRowCount === 1 && t.row.selected;
+function K(e, t) {
+	return !pt(t) || e.type !== "input" && e.type !== "select" || t.selection.selectedRowCount === 1 && t.row.selected;
 }
-function wt(e, t) {
-	return (e ?? []).filter((e) => Ct(e, t));
+function mt(e, t) {
+	return (e ?? []).filter((e) => K(e, t));
 }
-function Tt(e, t, n, r) {
-	return wt(e, t).map((e, t) => ({
+function ht(e, t, n, r) {
+	return mt(e, t).map((e, t) => ({
 		component: e,
 		index: t
 	})).filter(({ component: e }) => (e.direction ?? "left") === n).map(({ component: e, index: i }) => /* @__PURE__ */ M("span", {
@@ -860,14 +817,14 @@ function Tt(e, t, n, r) {
 		"data-comins-component-align": e.align ?? "center",
 		"data-comins-component-direction": n,
 		"data-comins-component-id": e.id ?? `${e.type}-${i}`,
-		children: qe(e, t, r)
+		children: Ve(e, t, r)
 	}, e.id ?? `${e.type}-${i}`));
 }
-function Et(e, t, n, r = {}) {
+function gt(e, t, n, r = {}) {
 	if (!t?.length) return e;
-	let i = r.showContent ?? !0, a = wt(t, n);
+	let i = r.showContent ?? !0, a = mt(t, n);
 	if (!a.length) return e;
-	let o = Tt(a, n, "left", r.interaction), s = Tt(a, n, "right", r.interaction);
+	let o = ht(a, n, "left", r.interaction), s = ht(a, n, "right", r.interaction);
 	return i ? /* @__PURE__ */ N("span", {
 		className: "comins-table__component-layout",
 		children: [
@@ -896,48 +853,48 @@ function Et(e, t, n, r = {}) {
 		})
 	});
 }
-function Dt(e) {
-	return Math.max(it, e.minWidth ?? it);
+function _t(e) {
+	return Math.max(Je, e.minWidth ?? Je);
 }
-function J(e) {
+function vt(e) {
 	return e.maxWidth ?? Infinity;
 }
-function Ot(e, t) {
+function yt(e, t) {
 	return e.columnState[t.id]?.width ?? t.width ?? 100;
 }
-function kt(e, t, n) {
+function q(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function At(e, t, n) {
-	let r = t.map((t) => kt(Ot(e, t), Dt(t), J(t))), i = new Set(t.map((e, t) => t)), a = t.map(Dt), o = t.map(J), s = kt(n, a.reduce((e, t) => e + t, 0), o.reduce((e, t) => e + t, 0));
+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));
 	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 = kt(u, a[s] ?? 0, o[s] ?? Infinity);
+			let l = r[s] ?? 0, u = l + e * (n > 0 ? l / n : 1 / t.length), d = q(u, a[s] ?? 0, o[s] ?? Infinity);
 			r[s] = d, Math.abs(d - u) > .001 && (i.delete(s), c = !0);
 		}
 		if (!c) break;
 	}
 	return r;
 }
-function jt(e, t, n) {
+function xt(e, t, n) {
 	let r = e.columnGroups.find((e) => e.children.includes(t));
-	if (!r || e.columnGroupState[r.id]?.hidden === !0) return he(e, t, n);
+	if (!r || e.columnGroupState[r.id]?.hidden === !0) return D(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 he(e, t, n);
+	if (!a) return D(e, t, n);
 	let o = i.filter((e) => e.id !== t);
 	if (o.length === 0) {
-		let r = Ot(e, a);
-		return he(e, t, kt(n, Dt(a), Math.min(J(a), r)));
+		let r = yt(e, a);
+		return D(e, t, q(n, _t(a), Math.min(vt(a), r)));
 	}
-	let s = i.reduce((t, n) => t + Ot(e, n), 0), c = o.reduce((e, t) => e + Dt(t), 0), l = o.reduce((e, t) => e + J(t), 0), u = Math.max(Dt(a), s - l), d = kt(n, u, Math.max(u, Math.min(J(a), s - c))), f = At(e, o, s - d), p = he(e, t, d);
+	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);
 	return o.forEach((e, t) => {
-		p = he(p, e.id, f[t] ?? Ot(p, e));
+		p = D(p, e.id, f[t] ?? yt(p, e));
 	}), p;
 }
-function Mt(e, t, n) {
+function St(e, t, n) {
 	if (!e || typeof e != "object") return e;
 	let r = t.split("."), [i] = r;
 	if (!i) return e;
@@ -951,7 +908,7 @@ function Mt(e, t, n) {
 		o[e] = a, n && (o = a);
 	}), o[r.at(-1)] = n, a;
 }
-function Nt(e, t) {
+function Ct(e, t) {
 	return e?.columnId === t ? e.direction === "asc" ? {
 		columnId: t,
 		direction: "desc"
@@ -960,37 +917,60 @@ function Nt(e, t) {
 		direction: "asc"
 	};
 }
-function Pt(e, t) {
-	return e?.columnId === t ? e.direction : "none";
+function wt(e, t, n) {
+	let r = e.findIndex((e) => e.columnId === t), i = Ct(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) {
+	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;
+	return n ? n.direction : "none";
 }
-function Ft(e, t) {
-	return e?.columnId === t ? e.direction === "asc" ? "ascending" : "descending" : "none";
+function Dt(e, t) {
+	let n = Tt(e, t);
+	if (!n) return e.length > 1 ? void 0 : "none";
+	if (!(n.priority > 1)) return n.rule.direction === "asc" ? "ascending" : "descending";
 }
-function It(e, t) {
+function Ot(e, t) {
+	return !e || !t ? e === t : e.columnId === t.columnId && e.direction === t.direction;
+}
+function kt(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) {
 	return e.length === t.length && e.every((e, n) => e === t[n]);
 }
-function Lt(e, t) {
-	if (!It(e.rowIds, t.rowIds)) return !1;
+function jt(e, t) {
+	if (!At(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 Rt(e, t) {
+function Mt(e, t) {
 	return t.split(".").reduce((e, t) => {
 		if (!(typeof e != "object" || !e)) return e[t];
 	}, e);
 }
-function zt(e, t) {
+function J(e, t) {
 	return typeof e == "number" && typeof t == "number" ? e - t : String(e ?? "").localeCompare(String(t ?? ""));
 }
-function Bt(e, t, n) {
-	if (!n) return e;
-	let r = t.find((e) => (e.id ?? e.field) === n.columnId);
-	return r?.sort ? G(e, (e, t) => {
-		let i = Rt(e, r.field), a = Rt(t, r.field), o = typeof r.sort == "function" ? r.sort(i, a, e, t) : zt(i, a);
-		return n.direction === "desc" ? o * -1 : o;
-	}) : e;
+function Nt(e, t, n) {
+	return n.length === 0 ? e : W(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);
+			if (s !== 0) return i.direction === "desc" ? s * -1 : s;
+		}
+		return 0;
+	});
 }
-function Vt(e, t, n, r, i) {
+function Pt(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) => {
@@ -1022,112 +1002,117 @@ function Vt(e, t, n, r, i) {
 	};
 	return m(e);
 }
-function Ht({ "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: C = "append", lazyLoadThreshold: ne, loading: oe = !1, loadingComponent: se, loadingMore: fe = !1, onChangeColumnLayout: me, onChangeData: ge, onChangeSelection: _e, onChangeSort: ye, onClickCell: be, onClickRow: Ce, onContextMenuCell: Te, onContextMenuRow: Ee, onDoubleClickCell: De, onDoubleClickRow: ke, onKeyDownCell: Ae, onKeyDownRow: je, onLazyLoad: Me, onLoadMore: Ne, pagination: P, persistHeaderWhenEmpty: Pe = !0, rowHeight: F = 36, rowProps: Fe, showHeader: Ie = !0, skeletonRowCount: I, style: L, summary: R, theme: ze, treeContext: z, virtualized: B = !1 }, Be) {
-	let Ve = A(null), V = A(null), H = A(null), He = A(null), Ue = A(null), We = A(null), U = A(null), Ge = A(null), Ke = A(null), qe = A(null), Je = A(0), Ye = A(d), Xe = A(void 0), Qe = A(null), W = A(null), $e = A(null), et = A(null), tt = A(!1), nt = A(null), rt = A(0), G = A(null), it = A(null), K = A(null), [ut, dt] = j(0), [q, gt] = j(0), [St, Ct] = j(null), [J, Ot] = j(null), [kt, At] = j(null), [It, Rt] = j(null), [zt, Bt] = j(null), [Vt, Ht] = j(d), [Ut, Wt] = j(void 0), [Gt, Kt] = j(null), [qt, Jt] = j(null), [Yt, Xt] = j(0), Zt = x ? Vt : d, [Y, Qt] = j(() => c({
+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: P,
-		rows: Zt,
-		showHeader: Ie,
-		theme: ze
-	})), X = A(Y), $t = A({
+		pagination: I,
+		rows: rn,
+		showHeader: Re,
+		theme: Ve
+	})), X = A(Y), on = A({
 		columnGroups: l,
 		columns: u,
-		data: Zt,
+		data: rn,
 		getRowId: m,
-		pagination: P,
-		showHeader: Ie
-	}), en = Math.max(0, Math.floor(Number.isFinite(e) ? Number(e) : 10)), tn = Math.max(1, Math.floor(S)), nn = Math.max(0, Math.floor(ne ?? y)), rn = (e) => {
-		if (!x || C !== "append" || !Me || qe.current) return;
+		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" && Xe.current !== void 0 && t >= Xe.current) return;
-		let n = new AbortController(), r = Je.current + 1, i = e === "scroll" ? t : 0;
-		Je.current = r, Ke.current?.abort(), Ke.current = n, qe.current = e, e !== "scroll" && (rt.current = 0, Xt(0), Ve.current && (Ve.current.scrollTop = 0)), Bt(e), Me({
-			limit: tn,
+		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 || Je.current !== r) return;
-			let i = e === "scroll" ? [...Ye.current, ...t.rows] : [...t.rows];
-			Ye.current = i, Xe.current = t.total, Ht(i), Wt(t.total);
+			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(() => {
-			Je.current === r && (qe.current = null, Ke.current = null, Bt(null));
+			tt.current === r && (et.current = null, G.current = null, Kt(null));
 		});
 	};
 	O(() => {
-		Ye.current = Vt;
-	}, [Vt]), O(() => {
-		Xe.current = Ut;
-	}, [Ut]), O(() => {
-		x || (Ye.current = d, Ht(d), Xe.current = void 0, Wt(void 0));
+		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 || !Me)) return rn("initial"), () => {
-			Je.current += 1, qe.current = null, Ke.current?.abort(), Ke.current = null;
+		if (!(!x || !Pe)) return fn("initial"), () => {
+			tt.current += 1, et.current = null, G.current?.abort(), G.current = null;
 		};
 	}, [
 		x,
-		Me,
-		tn
+		Pe,
+		cn
 	]), O(() => {
-		let e = $t.current;
-		e.columns === u && e.columnGroups === l && e.data === Zt && e.getRowId === m && e.pagination === P && e.showHeader === Ie || ($t.current = {
+		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: Zt,
+			data: rn,
 			getRowId: m,
-			pagination: P,
-			showHeader: Ie
-		}, Qt((e) => {
-			let t = c({
-				columnLayout: de(e),
-				columnGroups: l,
-				columns: u,
-				getRowId: m,
-				pagination: P ?? e.pagination,
-				rows: Zt,
-				showHeader: Ie,
-				sort: e.sort,
-				theme: e.theme
-			});
-			return Lt(e, t) ? {
-				...t,
-				selection: e.selection
-			} : t;
-		}));
+			pagination: I,
+			showHeader: Re
+		};
+		let t = X.current, n = c({
+			columnLayout: fe(t),
+			columnGroups: l,
+			columns: u,
+			getRowId: m,
+			pagination: I ?? t.pagination,
+			rows: rn,
+			showHeader: Re,
+			sortModel: t.sortModel,
+			theme: t.theme
+		}), r = jt(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);
 	}, [
 		l,
 		u,
-		Zt,
+		rn,
 		m,
-		P,
-		Ie
+		I,
+		Re
 	]), O(() => {
 		X.current = Y;
 	}, [Y]), O(() => {
-		Qe.current !== null && Qe.current !== Y.rows.length && (Qe.current = null);
+		pt.current !== null && pt.current !== Y.rows.length && (pt.current = null);
 	}, [Y.rows.length]), O(() => () => {
-		it.current !== null && window.cancelAnimationFrame(it.current), G.current !== null && window.clearTimeout(G.current);
+		un(), Mt.current !== null && window.cancelAnimationFrame(Mt.current), At.current !== null && window.clearTimeout(At.current);
 	}, []), O(() => {
-		let e = Ve.current;
+		let e = We.current;
 		if (!e || typeof ResizeObserver > "u") return;
 		let t = new ResizeObserver(([e]) => {
-			e && (dt(e.contentRect.height), gt(e.contentRect.width));
+			e && (Pt(e.contentRect.height), It(e.contentRect.width));
 		});
 		return t.observe(e), () => t.disconnect();
 	}, []);
-	let an = (e, t, n = {}) => {
-		t.rows !== e.rows && ge?.(t.rows), t.selection !== e.selection && _e?.(t.selection), n.columnLayoutChanged && me?.(de(t)), (n.sortChanged || t.sort !== e.sort) && ye?.(t.sort);
+	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, Qt(r), an(n, r, t);
-	}, Q = k(() => ee(Y), [Y]), on = k(() => _(Y), [Y]), sn = k(() => R ? Ze(z?.summaryRows ?? Y.rows, Q, R) : null, [
+		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
-	]), cn = k(() => {
+	]), gn = k(() => {
 		if (!R) return [];
 		let e = [], t = 0;
 		for (; t < Q.length;) {
@@ -1137,69 +1122,69 @@ function Ht({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 				colSpan: o,
 				column: n,
 				style: i?.style,
-				value: sn?.[n.id] ?? (e.length === 0 ? R.label : null)
+				value: hn?.[n.id] ?? (e.length === 0 ? R.label : null)
 			}), t += o;
 		}
 		return e;
 	}, [
 		R,
-		sn,
+		hn,
 		Q
-	]), ln = k(() => z || !Y.sort ? null : b(Y), [Y, z]), un = ln?.length ?? Y.rows.length, dn = Math.max(0, Y.pagination.pageIndex) * Math.max(1, Y.pagination.pageSize), fn = k(() => {
+	]), _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, F), t = ut || F * 12, n = un * 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, Yt) * o), c = Math.max(0, Math.floor(s / e) - en), l = Math.min(un, Math.ceil((s + Math.max(0, t)) / e) + en), u = c * e, d = o > 0 ? u / o : u;
+			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;
 			return {
-				entries: at(ln, Y.rows, Y.rowIds, c, l),
+				entries: Ye(_n, Y.rows, Y.rowIds, c, l),
 				renderOffset: d,
 				scrollHeight: r
 			};
 		}
 		return {
-			entries: at(ln, Y.rows, Y.rowIds, dn, dn + Math.max(1, Y.pagination.pageSize)),
+			entries: Ye(_n, Y.rows, Y.rowIds, yn, yn + Math.max(1, Y.pagination.pageSize)),
 			renderOffset: 0,
 			scrollHeight: 0
 		};
 	}, [
-		ut,
-		dn,
-		F,
-		Yt,
-		ln,
+		Nt,
+		yn,
+		L,
+		tn,
+		_n,
 		Y.pagination.pageSize,
 		Y.rowIds,
 		Y.rows,
-		en,
+		sn,
 		B,
-		un
-	]), pn = ze ?? Y.theme, mn = pn.density === "compact" ? "text-[11px]" : pn.density === "spacious" ? "text-[13px]" : "text-[length:var(--comins-font-size-base,12px)]", hn = k(() => new Set(Y.selection.rowIds), [Y.selection.rowIds]), gn = k(() => {
+		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 (q <= 0) {
+		if (Ft <= 0) {
 			let n = `${100 / e}%`;
 			return t.map((e) => e ?? n);
 		}
 		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, (q - n) / r.length) : 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 = Dt(e), o = e.maxWidth ?? Infinity;
+			let r = t[n] ?? i, a = _t(e), o = e.maxWidth ?? Infinity;
 			return Math.min(o, Math.max(a, r));
 		});
 	}, [
-		q,
+		Ft,
 		Y.columnState,
 		Q
-	]), _n = k(() => {
+	]), Tn = k(() => {
 		let e = 0;
-		for (let t of gn) {
+		for (let t of wn) {
 			if (typeof t != "number") return;
 			e += t;
 		}
 		return e;
-	}, [gn]), vn = k(() => {
-		if (typeof _n == "number") return Math.max(q, _n);
-	}, [_n, q]), yn = typeof _n == "number" && q > 0 && _n > q + 1, bn = x ? x && (Ut === void 0 || un < Ut) : h, xn = oe || zt === "initial" || zt === "refresh", Sn = fe || zt === "scroll", Cn = un === 0, wn = xn && Cn, Tn = !xn && Cn, En = (v || x) && Sn && bn && !Cn, Dn = Math.max(1, Math.floor(I ?? Math.min(Math.max(1, Y.pagination.pageSize), 5))), On = (wn ? Dn : +!!Tn) + +!!En, kn = (fn.entries.length + On) * F, An = B ? 0 : Math.max(0, ut - kn), jn = Y.showHeader && (Pe || !Cn || xn), Mn = (e, t) => (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === t, Nn = (e) => fn.entries[e], Pn = (e, t, n) => {
+	}, [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 r = e.rows[t], i = e.rowIds[t];
 			return r === void 0 || i === void 0 ? [] : [{
@@ -1212,48 +1197,49 @@ function Ht({ "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);
-	}, Fn = (e, t) => {
-		Z((n) => ue(n, Pn(n, e, t)));
-	}, In = (e) => {
-		Z((t) => ue(t, e.flatMap((e) => {
-			let t = Nn(e);
+	}, 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 = K.current;
-		e && (e.cleanup(), e.timer !== null && window.clearTimeout(e.timer), K.current = null);
-	}, Ln = (e) => {
-		K.current?.columnId !== e && ($(), K.current = {
+		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 = {
 			cleanup: () => void 0,
 			columnId: e,
 			timer: null
 		});
-	}, Rn = () => {
-		let e = K.current;
+	}, Kn = () => {
+		let e = J.current;
 		e && (e.cleanup(), e.cleanup = () => void 0, e.timer = window.setTimeout(() => {
-			K.current === e && (K.current = null);
+			J.current === e && (J.current = null);
 		}, 0));
-	}, zn = () => {
-		let e = K.current;
+	}, qn = () => {
+		let e = J.current;
 		if (!e) return;
-		let t = () => Rn(), n = () => $(), r = () => $();
+		let t = () => Kn(), n = () => $(), r = () => $();
 		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 });
-	}, Bn = (e) => K.current?.columnId === e ? ($(), !0) : !1, Vn = (e) => {
-		e.sort && Z((t) => ve(t, Nt(t.sort, e.id)), { sortChanged: !0 });
-	}, Hn = (e, t) => {
+	}, 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) => {
 		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;
 	};
-	Oe(Be, () => ({
-		clearSort: () => Z((e) => i(e), { sortChanged: !0 }),
+	De(He, () => ({
+		clearSort: () => Z((e) => i(e)),
 		expand: (e) => z?.onExpand(e),
 		fold: (e) => z?.onFold(e),
-		getColumnLayout: () => de(Y),
+		getColumnLayout: () => fe(Y),
+		getSortModel: () => Y.sortModel,
 		getSortState: () => Y.sort,
 		setColumnLayout: (e) => Z((n) => t(n, e), { columnLayoutChanged: !0 }),
 		setMoveTargetRow: (e, t) => Z((n) => {
@@ -1273,36 +1259,38 @@ function Ht({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 				...n,
 				rowIds: a,
 				rows: c,
-				sort: null
+				sort: null,
+				sortModel: []
 			} : n;
-		}, { sortChanged: !0 }),
-		setSelectedRow: (e) => In([e]),
-		setSelectedRows: (e) => In(e),
-		setSortState: (e) => Z((t) => ve(t, e), { sortChanged: !0 })
+		}),
+		setSelectedRow: (e) => Wn([e]),
+		setSelectedRows: (e) => Wn(e),
+		setSortModel: (e) => Z((t) => ve(t, e)),
+		setSortState: (e) => Z((t) => ye(t, e))
 	}), [
-		fn.entries,
+		bn.entries,
 		Y,
 		z
 	]);
-	let Un = () => {
-		let e = U.current;
-		e && (e.cleanup(), e.timer !== null && window.clearTimeout(e.timer)), U.current = null, Ct(null), Ot(null), At(null), Rt(null);
+	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);
 	};
 	O(() => () => {
-		Un(), $();
+		Zn(), $();
 	}, []);
-	let Wn = (e) => {
+	let Qn = (e) => {
 		if (e.event.button !== 0) return;
 		let t = e.event.pointerType, n = t === "mouse" || t === "", r = () => {
-			e.sortColumnId && Ln(e.sortColumnId);
+			e.sortColumnId && Gn(e.sortColumnId);
 		}, i = (t, n) => {
-			let i = U.current;
+			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 = U.current;
+			let t = W.current;
 			if (!(!t || t !== u)) {
 				if (!t.active && !t.blocked && n) {
-					let n = Re({
+					let n = ke({
 						clientX: e.clientX,
 						clientY: e.clientY,
 						startX: t.startX,
@@ -1310,24 +1298,24 @@ function Ht({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 					});
 					n === "activate" ? i(e.clientX, e.clientY) : n === "cancel" && (t.blocked = !0, t.cancelSort = !0, r());
 				}
-				!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(), At({
+				!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
-				}), Rt(Hn(e.clientX, e.clientY)));
+				}), Wt(Xn(e.clientX, e.clientY)));
 			}
 		}, o = (t) => {
-			let n = U.current;
+			let n = W.current;
 			if (n === u && n.active) {
-				let n = Hn(t.clientX, t.clientY);
+				let n = Xn(t.clientX, t.clientY);
 				n && e.commitTarget(n);
 			}
-			n === u && n.cancelSort && Rn(), Un();
+			n === u && n.cancelSort && Kn(), Zn();
 		}, s = () => {
-			$(), Un();
+			$(), Zn();
 		}, c = (e) => {
-			e.key === "Escape" && (e.preventDefault(), U.current === u && u.cancelSort && zn(), Un());
+			e.key === "Escape" && (e.preventDefault(), W.current === u && u.cancelSort && qn(), Zn());
 		}, l = () => {
-			$(), Un();
+			$(), Zn();
 		}, u = {
 			active: !1,
 			blocked: !1,
@@ -1342,23 +1330,23 @@ function Ht({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 			startY: e.event.clientY,
 			timer: null
 		};
-		Un(), $(), n || (u.timer = window.setTimeout(() => {
-			let e = U.current;
+		Zn(), $(), n || (u.timer = window.setTimeout(() => {
+			let e = W.current;
 			e === u && !e.active && !e.blocked && i(e.startX, e.startY);
-		}, 1e3)), U.current = u, window.addEventListener("pointermove", a), window.addEventListener("pointerup", o), window.addEventListener("pointercancel", s), window.addEventListener("keydown", c), window.addEventListener("blur", l);
-	}, Gn = (e, t) => {
-		Wn({
+		}, 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) => {
-				At({
+				Ht({
 					x: e,
 					y: n
-				}), Rt(t.id), Ot(null), Ct(t.id);
+				}), Wt(t.id), Bt(null), Rt(t.id);
 			},
 			commitTarget: (e) => {
 				if (e === t.id) return;
 				let n = Q.findIndex((t) => t.id === e);
 				if (n >= 0) {
-					let e = X.current, r = re(e, t.id, n);
+					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 });
 				}
 			},
@@ -1367,19 +1355,19 @@ function Ht({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 			kind: "column",
 			sortColumnId: t.id
 		});
-	}, Kn = (e, t) => {
-		Wn({
+	}, er = (e, t) => {
+		Qn({
 			activate: (e, n) => {
-				At({
+				Ht({
 					x: e,
 					y: n
-				}), Rt(t.children[0] ?? null), Ct(null), Ot(t.id);
+				}), Wt(t.children[0] ?? null), Rt(null), Bt(t.id);
 			},
 			commitTarget: (e) => {
 				if (t.children.includes(e)) return;
 				let n = Q.findIndex((t) => t.id === e);
 				if (n >= 0) {
-					let e = X.current, r = w(e, t.id, n);
+					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 });
 				}
 			},
@@ -1387,78 +1375,82 @@ function Ht({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 			id: t.id,
 			kind: "group"
 		});
-	}, qn = (e, t) => {
-		if (e.shiftKey && W.current !== null) {
-			Fn(W.current, t.rowId), W.current = t.rowId;
+	}, tr = (e, t) => {
+		if (e.shiftKey && K.current !== null) {
+			Un(K.current, t.rowId), K.current = t.rowId;
 			return;
 		}
-		Z((n) => D(n, t.rowId, {
+		Z((n) => E(n, t.rowId, {
 			multi: e.ctrlKey || e.metaKey,
 			toggle: e.ctrlKey || e.metaKey
-		})), W.current = t.rowId;
-	}, Jn = (e, t, n) => {
+		})), K.current = t.rowId;
+	}, nr = (e, t, n) => {
 		if (n) {
 			e.preventDefault();
 			return;
 		}
-		if (je?.(ft(e, t)), !(e.defaultPrevented || e.target !== e.currentTarget)) {
-			if (z && (Mn(e, "c") || Mn(e, "v"))) {
+		if (Ne?.(nt(e, t)), !(e.defaultPrevented || e.target !== e.currentTarget)) {
+			if (z && (Bn(e, "c") || Bn(e, "v"))) {
 				e.preventDefault();
 				return;
 			}
-			if (Mn(e, "c")) {
-				e.preventDefault(), We.current = s(Y, t.rowId);
+			if (Bn(e, "c")) {
+				e.preventDefault(), qe.current = s(Y, t.rowId);
 				return;
 			}
-			Mn(e, "v") && We.current && (e.preventDefault(), Z((e) => ae(e, We.current, {
+			Bn(e, "v") && qe.current && (e.preventDefault(), Z((e) => oe(e, qe.current, {
 				mode: "insert-after",
 				targetRowId: t.rowId
 			})));
 		}
-	}, Yn = (e, t, n, r, i, s) => {
+	}, rr = (e, t, n, r, i, s) => {
 		if (s) {
 			e.preventDefault(), e.stopPropagation();
 			return;
 		}
-		if (Ae?.(pt(e, t, n, r, g(Y, t.row, n.id))), !e.defaultPrevented) {
-			if (Mn(e, "c")) {
-				e.preventDefault(), e.stopPropagation(), Ue.current = Y.selection.range ? o(Y) : null, He.current = Ue.current ? null : a(Y, i);
+		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);
 				return;
 			}
-			Mn(e, "v") && (Ue.current || He.current) && (e.preventDefault(), e.stopPropagation(), Z((e) => Ue.current ? E(e, i, Ue.current) : ie(e, i, He.current)));
+			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)));
 		}
-	}, Xn = (e, t, r) => {
-		n && (r || e.button !== 0 || e.shiftKey || ($e.current = t, et.current = t, tt.current = !1));
-	}, Zn = (e, t) => {
+	}, 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;
 		return r && a !== void 0 ? {
 			columnId: r,
 			rowId: a
 		} : null;
-	}, Qn = (e) => {
+	}, or = (e) => {
 		if (!n) return;
-		let t = $e.current;
-		!t || t.rowId === e.rowId && t.columnId === e.columnId || (tt.current = !0, et.current = e, Ge.current = t, Z((n) => le(n, {
+		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, {
 			anchor: t,
 			focus: e
 		})));
-	}, $n = () => {
-		n && ($e.current = null, et.current = null);
-	}, er = (e, t, n) => {
-		if (Xn(e, t, n), n || e.button !== 0 || e.shiftKey) return;
+	}, sr = () => {
+		n && (vt.current = null, yt.current = null);
+	}, cr = (e, t, n) => {
+		if (ir(e, t, n), n || e.button !== 0 || e.shiftKey) return;
 		let r = (e) => {
 			if (e.buttons !== 1) return;
-			let t = Zn(e.clientX, e.clientY);
-			t && Qn(t);
+			let t = ar(e.clientX, e.clientY);
+			t && or(t);
 		}, i = () => {
-			$n(), window.removeEventListener("pointermove", r), window.removeEventListener("pointerup", i);
+			window.removeEventListener("pointermove", r), window.removeEventListener("pointerup", a), window.removeEventListener("pointercancel", o), window.removeEventListener("blur", o), U.current === i && (U.current = null);
+		}, a = () => {
+			i(), sr();
+		}, o = () => {
+			i(), sr();
 		};
-		e.preventDefault(), window.addEventListener("pointermove", r), window.addEventListener("pointerup", i);
-	}, tr = (e, t, n, r) => {
+		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) => {
 		if (n || !r || e.button !== 0) return;
 		e.preventDefault(), e.stopPropagation();
 		let i = t.rowId, a = (e) => {
-			nt.current = e, Jt(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;
@@ -1469,21 +1461,25 @@ function Ht({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 			});
 		}, s = (e) => {
 			e.buttons === 1 && o(e.clientX, e.clientY);
-		}, c = (e) => {
-			window.removeEventListener("pointermove", s), window.removeEventListener("pointerup", c), o(e.clientX, e.clientY);
-			let t = nt.current?.targetDataIndex;
-			a(null), t !== void 0 && Z((e) => T(e, i, t));
+		}, c = () => {
+			window.removeEventListener("pointermove", s), window.removeEventListener("pointerup", l), window.removeEventListener("pointercancel", u), window.removeEventListener("blur", u), U.current === c && (U.current = null);
+		}, l = (e) => {
+			c(), o(e.clientX, e.clientY);
+			let t = bt.current?.targetDataIndex;
+			a(null), t !== void 0 && Z((e) => ie(e, i, t));
+		}, u = () => {
+			c(), a(null);
 		};
-		o(e.clientX, e.clientY), window.addEventListener("pointermove", s), window.addEventListener("pointerup", c);
-	}, nr = St ? Q.find((e) => e.id === St) : void 0, rr = J ? Y.columnGroups.find((e) => e.id === J) : void 0, ir = nr?.label ?? rr?.label, ar = (e, t) => {
+		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", J === e.groupId ? "comins-column-moving" : void 0].filter(Boolean).join(" "),
+			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": J === e.groupId ? "true" : void 0,
-			"data-column-placeholder": J === e.groupId ? "true" : void 0,
+			"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) => Kn(t, e.group),
+			onPointerDown: (t) => er(t, e.group),
 			rowSpan: e.rowSpan,
 			scope: "colgroup",
 			children: [
@@ -1502,7 +1498,7 @@ function Ht({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 				/* @__PURE__ */ M("span", {
 					"aria-hidden": "true",
 					className: "comins-table__resize",
-					"data-resizing": Gt === e.groupId ? "true" : void 0,
+					"data-resizing": Zt === e.groupId ? "true" : void 0,
 					"data-testid": `resize-group-${e.groupId}`,
 					onClick: (e) => e.stopPropagation(),
 					onPointerDown: (t) => {
@@ -1511,52 +1507,58 @@ function Ht({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 						for (let t of e.group.children) {
 							let e = Q.find((e) => e.id === t);
 							if (!e) continue;
-							let n = Array.from(H.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;
+							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);
-						Kt(e.groupId);
+						Qt(e.groupId);
 						let s = (t) => {
 							Z((r) => {
 								let a = r;
-								for (let [e, t] of i) a = he(a, e, t);
-								return pe(a, e.groupId, o + t.clientX - n);
+								for (let [e, t] of i) a = D(a, e, t);
+								return me(a, e.groupId, o + t.clientX - n);
 							}, { columnLayoutChanged: !0 });
 						}, c = () => {
-							Kt(null), window.removeEventListener("pointermove", s), window.removeEventListener("pointerup", c);
+							window.removeEventListener("pointermove", s), window.removeEventListener("pointerup", l), window.removeEventListener("pointercancel", u), window.removeEventListener("blur", u), U.current === c && (U.current = null);
+						}, l = () => {
+							c(), Qt(null);
+						}, u = () => {
+							c(), Qt(null);
 						};
-						window.addEventListener("pointermove", s), window.addEventListener("pointerup", c);
+						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 = Pt(Y.sort, n.id), c = s === "asc" || s === "desc", l = !!rr?.children.includes(n.id), u = St === n.id || l, d = [
+		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 = [
 			"comins-table__th px-3 py-2 text-left font-semibold",
-			St === n.id ? "comins-column-moving" : void 0,
+			Lt === n.id ? "comins-column-moving" : void 0,
 			o.className
-		].filter(Boolean).join(" "), f = xt(Y, n, i), p = n.header?.renderer ? n.header.renderer(f) : null, m = n.header?.renderer ? [] : Tt(n.header?.components, f, "left"), h = n.header?.renderer ? [] : Tt(n.header?.components, f, "right"), g = m.length > 0 || h.length > 0;
+		].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", {
 			...o,
-			className: d,
+			className: p,
 			colSpan: e.colSpan,
-			"data-column-drop-target": It === n.id ? "true" : void 0,
-			"data-column-moving": St === n.id ? "true" : void 0,
-			"data-column-placeholder": u ? "true" : void 0,
+			"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-comins-column-id": n.id,
 			"data-comins-column-index": i,
-			"data-sort-direction": Y.sort?.columnId === n.id ? Y.sort.direction : void 0,
+			"data-sort-count": s ? Y.sortModel.length : void 0,
+			"data-sort-direction": s?.rule.direction,
+			"data-sort-priority": s?.priority,
 			"data-sortable": n.sort ? "true" : "false",
 			"data-testid": `header-${n.id}`,
-			"aria-sort": n.sort ? Ft(Y.sort, n.id) : void 0,
+			"aria-sort": n.sort ? Dt(Y.sortModel, n.id) : void 0,
 			key: `column-${n.id}`,
 			onClick: (e) => {
-				o.onClick?.(e), !(e.defaultPrevented || !n.sort) && (Bn(n.id) || Vn(n));
+				o.onClick?.(e), !(e.defaultPrevented || !n.sort) && (Jn(n.id) || Yn(n, e.shiftKey));
 			},
 			onKeyDown: (e) => {
-				o.onKeyDown?.(e), !(e.defaultPrevented || !n.sort) && (e.key === "Enter" || e.key === " " || e.key === "Spacebar") && (e.preventDefault(), Vn(n));
+				o.onKeyDown?.(e), !(e.defaultPrevented || !n.sort) && (e.key === "Enter" || e.key === " " || e.key === "Spacebar") && (e.preventDefault(), Yn(n, e.shiftKey));
 			},
-			onPointerDown: (e) => Gn(e, n),
+			onPointerDown: (e) => $n(e, n),
 			rowSpan: e.rowSpan,
 			scope: "col",
 			style: {
@@ -1570,154 +1572,166 @@ function Ht({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 		}), /* @__PURE__ */ N("span", {
 			className: "comins-table__header-content",
 			"data-comins-header-body": "true",
-			"data-comins-header-components": g ? "true" : void 0,
-			"data-comins-sort-indicator-visible": c ? "true" : void 0,
+			"data-comins-header-components": v ? "true" : void 0,
+			"data-comins-sort-indicator-visible": l ? "true" : void 0,
 			children: [
 				/* @__PURE__ */ M("span", {
 					className: "comins-table__header-slot",
 					"data-comins-header-slot": "left",
-					children: m
+					children: g
 				}),
 				/* @__PURE__ */ M("span", {
 					className: "comins-table__header-label",
-					children: n.header?.renderer ? p : n.label
+					children: n.header?.renderer ? h : n.label
 				}),
-				/* @__PURE__ */ M("span", {
-					"aria-hidden": "true",
-					className: "comins-sort-indicator",
-					"data-sort-state": s,
-					"data-sort-visible": c ? "true" : void 0,
-					"data-testid": `sort-indicator-${n.id}`,
-					children: /* @__PURE__ */ M(Le, {
-						className: "comins-sort-icon",
-						focusable: "false",
-						size: 14,
-						strokeWidth: 2.25
-					})
+				/* @__PURE__ */ N("span", {
+					className: "comins-sort-meta",
+					"data-sort-visible": l ? "true" : void 0,
+					children: [/* @__PURE__ */ M("span", {
+						"aria-hidden": "true",
+						className: "comins-sort-indicator",
+						"data-sort-state": c,
+						"data-sort-visible": l ? "true" : void 0,
+						"data-testid": `sort-indicator-${n.id}`,
+						children: /* @__PURE__ */ M("span", { className: "comins-sort-icon" })
+					}), u ? /* @__PURE__ */ M("span", {
+						"aria-hidden": "true",
+						className: "comins-sort-priority",
+						"data-testid": `sort-priority-${n.id}`,
+						children: s.priority
+					}) : null]
 				}),
+				u ? /* @__PURE__ */ M("span", {
+					className: "comins-table__sort-status",
+					children: `Sorted ${s.rule.direction === "asc" ? "ascending" : "descending"}, priority ${s.priority} of ${Y.sortModel.length}`
+				}) : null,
 				/* @__PURE__ */ M("span", {
 					className: "comins-table__header-slot",
 					"data-comins-header-slot": "right",
-					children: h
+					children: _
 				})
 			]
 		}), /* @__PURE__ */ M("span", {
 			"aria-hidden": "true",
 			className: "comins-table__resize",
-			"data-resizing": Gt === n.id ? "true" : void 0,
+			"data-resizing": Zt === 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(H.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;
+					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;
 					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);
-				Kt(n.id);
+				Qt(n.id);
 				let s = (e) => {
 					Z((r) => {
 						let a = r;
-						for (let [e, t] of i) a = he(a, e, t);
-						return jt(a, n.id, Math.max(Dt(n), o + e.clientX - t));
+						for (let [e, t] of i) a = D(a, e, t);
+						return xt(a, n.id, Math.max(_t(n), o + e.clientX - t));
 					}, { columnLayoutChanged: !0 });
 				}, c = () => {
-					Kt(null), window.removeEventListener("pointermove", s), window.removeEventListener("pointerup", c);
+					window.removeEventListener("pointermove", s), window.removeEventListener("pointerup", l), window.removeEventListener("pointercancel", u), window.removeEventListener("blur", u), U.current === c && (U.current = null);
+				}, l = () => {
+					c(), Qt(null);
+				}, u = () => {
+					c(), Qt(null);
 				};
-				window.addEventListener("pointermove", s), window.addEventListener("pointerup", c);
+				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" })
 		}));
-	}, or = () => /* @__PURE__ */ M("colgroup", { children: Q.map((e, t) => /* @__PURE__ */ M("col", { style: { width: gn[t] } }, e.id)) }), sr = () => {
-		Xt((e) => {
-			let t = rt.current;
+	}, 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;
 			return Math.abs(e - t) > .5 ? t : e;
 		});
-	}, cr = (e) => {
+	}, gr = (e) => {
 		if (x) {
-			if (!Me || qe.current) return;
-			e.scrollHeight - e.scrollTop - e.clientHeight <= nn && rn("scroll");
+			if (!Pe || et.current) return;
+			e.scrollHeight - e.scrollTop - e.clientHeight <= ln && fn("scroll");
 			return;
 		}
-		if (!v || !h || fe || !Ne) return;
+		if (!v || !h || pe || !Fe) return;
 		let t = Math.max(0, y);
 		if (e.scrollHeight - e.scrollTop - e.clientHeight > t) return;
 		let n = X.current.rows.length;
-		Qe.current !== n && (Qe.current = n, Ne());
-	}, lr = (e) => {
+		pt.current !== n && (pt.current = n, Fe());
+	}, _r = (e) => {
 		let t = e.currentTarget;
-		rt.current = t.scrollTop, cr(t), G.current !== null && (window.clearTimeout(G.current), G.current = null), it.current === null && (it.current = window.requestAnimationFrame(() => {
-			it.current = null, sr();
+		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 = Math.max(0, t.scrollLeft);
-		if (H.current) {
-			let e = Math.max(0, H.current.scrollWidth - H.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), H.current.scrollLeft = n;
+		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;
 		}
-		V.current && (V.current.scrollLeft = n);
+		Ge.current && (Ge.current.scrollLeft = n);
 	};
 	return /* @__PURE__ */ N("div", {
 		className: [
 			"comins-table comins-typography-base h-full w-full overflow-hidden",
-			mn,
-			pn.className,
+			Sn,
+			xn.className,
 			r
 		].filter(Boolean).join(" "),
-		"aria-busy": xn || Sn ? "true" : void 0,
-		"data-loading": xn || Sn ? "true" : void 0,
-		"data-show-header": jn ? "true" : void 0,
+		"aria-busy": kn || An ? "true" : void 0,
+		"data-loading": kn || An ? "true" : void 0,
+		"data-show-header": zn ? "true" : void 0,
 		style: {
-			...pn.style,
-			...L
+			...xn.style,
+			...Be
 		},
 		children: [
-			jn ? /* @__PURE__ */ M("div", {
+			zn ? /* @__PURE__ */ M("div", {
 				className: "comins-table__header",
-				ref: H,
+				ref: V,
 				children: /* @__PURE__ */ N("table", {
 					className: "comins-table__table comins-table__header-table min-w-full table-fixed",
-					style: { width: vn },
-					children: [or(), /* @__PURE__ */ M("thead", {
+					style: { width: En },
+					children: [mr(), /* @__PURE__ */ M("thead", {
 						className: "comins-table__thead",
-						children: on.map((e, t) => /* @__PURE__ */ M("tr", { children: e.map((e, t) => ar(e, t)) }, `header-row-${t}`))
+						children: mn.map((e, t) => /* @__PURE__ */ M("tr", { children: e.map((e, t) => pr(e, t)) }, `header-row-${t}`))
 					})]
 				})
 			}) : null,
 			/* @__PURE__ */ N("div", {
 				className: "comins-table__body-viewport",
-				"data-horizontal-overflow": yn ? "true" : void 0,
+				"data-horizontal-overflow": Dn ? "true" : void 0,
 				"data-virtualized": B ? "true" : void 0,
 				"data-testid": f,
-				onScroll: lr,
-				ref: Ve,
+				onScroll: _r,
+				ref: We,
 				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, ${fn.renderOffset}px, 0)`,
-							width: vn
-						} : { width: vn },
-						children: [or(), /* @__PURE__ */ N("tbody", { children: [
-							wn ? Array.from({ length: Dn }).map((e, t) => /* @__PURE__ */ M("tr", {
+							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", {
 								"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: F },
+								style: { height: L },
 								children: Q.length > 0 ? Q.map((e) => /* @__PURE__ */ M("td", {
 									className: "comins-table__td comins-table__skeleton-cell px-3 py-2",
 									"data-testid": `loading-skeleton-cell-${t}-${e.id}`,
-									style: { height: F },
+									style: { height: L },
 									children: /* @__PURE__ */ M("span", { className: "comins-table__skeleton-block" })
 								}, e.id)) : /* @__PURE__ */ M("td", {
 									className: "comins-table__td comins-table__skeleton-cell px-3 py-2",
 									children: /* @__PURE__ */ M("span", { className: "comins-table__skeleton-block" })
 								})
 							}, `loading-skeleton-${t}`)) : null,
-							Tn ? /* @__PURE__ */ M("tr", {
+							Nn ? /* @__PURE__ */ M("tr", {
 								className: "comins-table__tr comins-table__empty-state-row",
-								style: { height: F },
+								style: { height: L },
 								children: /* @__PURE__ */ M("td", {
 									className: "comins-table__td comins-table__empty-state-cell",
 									colSpan: Math.max(1, Q.length),
@@ -1728,9 +1742,9 @@ function Ht({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 									})
 								})
 							}) : null,
-							fn.entries.map((e, t) => {
-								let r = st(Fe, e.row, e.visibleIndex), i = hn.has(e.rowId), a = An === 0 && t === fn.entries.length - 1, o = ct(r.style), s = B ? `virtual-row-slot-${t}` : String(e.rowId);
-								return /* @__PURE__ */ N(Se, { children: [qt?.targetDataIndex === e.dataIndex && qt.sourceRowId !== e.rowId ? /* @__PURE__ */ M("tr", {
+							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", {
@@ -1760,48 +1774,48 @@ function Ht({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 											t.preventDefault();
 											return;
 										}
-										t.__cominsCellSelectionHandled || qn(t, e), Ce?.(ft(t, e));
+										t.__cominsCellSelectionHandled || tr(t, e), Oe?.(nt(t, e));
 									},
 									onContextMenu: (t) => {
 										if (r.disabled) {
 											t.preventDefault();
 											return;
 										}
-										Z((t) => D(t, e.rowId)), W.current = e.rowId, Ee?.(ft(t, e));
+										Z((t) => E(t, e.rowId)), K.current = e.rowId, F?.(nt(t, e));
 									},
 									onDoubleClick: (t) => {
 										if (r.disabled) {
 											t.preventDefault();
 											return;
 										}
-										ke?.(ft(t, e));
+										je?.(nt(t, e));
 									},
-									onKeyDown: (t) => Jn(t, e, r.disabled),
-									style: lt(F, r.style, o),
+									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 && te(Y, s), l = n && Y.selection.cell?.rowId === e.rowId && Y.selection.cell.columnId === t.id, u = mt(e, r.disabled, i, Y.selection.rowIds.length, t, a, o), d = ht(t, u), f = r.disabled || _t(d, u), p = { requestRowSelection: ({ event: t, mode: n }) => f ? !1 : n === "exclusive" ? (Z((t) => D(t, e.rowId)), W.current = e.rowId, !0) : (qn(t, e), !0) }, m = ot(vt(d, u)), h = yt(d, u), _ = !!t.cell?.components?.length, v = bt(t, o, u), y = t.cell?.components?.map((e) => {
+										}, 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) => xe(t, [{
+													Z((t) => Se(t, [{
 														id: e.row.id,
-														patch: (t) => Mt(t, e.column.field, e.value)
+														patch: (t) => St(t, e.column.field, e.value)
 													}])), t?.(e);
 												}
 											};
-										}), b = wt(y, u), x = t.cell?.renderer ? t.cell.renderer(u) : _ ? Et(v, y, u, {
+										}), 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, C = S ? /* @__PURE__ */ N("span", {
+										}), 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", {
@@ -1841,29 +1855,29 @@ function Ht({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 											"data-testid": `cell-${String(e.rowId)}-${t.id}`,
 											draggable: !1,
 											onClick: (r) => {
-												if (be && r.stopPropagation(), f) {
+												if (Ee && r.stopPropagation(), f) {
 													r.preventDefault(), r.stopPropagation();
 													return;
 												}
-												if (tt.current) {
-													tt.current = !1, r.__cominsCellSelectionHandled = !0;
+												if (q.current) {
+													q.current = !1, r.__cominsCellSelectionHandled = !0;
 													return;
 												}
-												let i = n ? Y.selection.cell ?? Ge.current : null;
+												let i = n ? Y.selection.cell ?? Je.current : null;
 												if (r.shiftKey && i) {
-													r.__cominsCellSelectionHandled = !0, Ge.current = i, Z((t) => le(W.current === null ? D(t, e.rowId) : ue(t, Pn(t, W.current, e.rowId)), {
+													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
-													})), W.current = e.rowId;
+													})), K.current = e.rowId;
 													return;
 												}
-												n && (Ge.current = s), Z((t) => {
-													let i = D(t, e.rowId, {
+												n && (Je.current = s), Z((t) => {
+													let i = E(t, e.rowId, {
 														multi: r.ctrlKey || r.metaKey,
 														toggle: r.ctrlKey || r.metaKey
 													});
-													return n ? ce(i, s) : i;
-												}), r.__cominsCellSelectionHandled = !0, W.current = e.rowId, be?.(pt(r, e, t, a, o));
+													return n ? le(i, s) : i;
+												}), r.__cominsCellSelectionHandled = !0, K.current = e.rowId, Ee?.(rt(r, e, t, a, o));
 											},
 											onContextMenu: (r) => {
 												if (f) {
@@ -1871,29 +1885,33 @@ function Ht({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 													return;
 												}
 												Z((t) => {
-													let r = D(t, e.rowId);
-													return n ? ce(r, s) : r;
-												}), W.current = e.rowId, n && (Ge.current = s), Te && (r.stopPropagation(), Te(pt(r, e, t, a, o)));
+													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 (De && n.stopPropagation(), f) {
+												if (Ae && n.stopPropagation(), f) {
 													n.preventDefault(), n.stopPropagation();
 													return;
 												}
-												De?.(pt(n, e, t, a, o));
+												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);
 											},
-											onKeyDown: (n) => Yn(n, e, t, a, s, f),
-											onMouseDown: (e) => Xn(e, s, f),
-											onMouseOver: () => Qn(s),
-											onMouseUp: $n,
-											onPointerDown: (e) => er(e, s, f),
-											onPointerEnter: () => Qn(s),
 											onPointerMove: (e) => {
-												e.buttons === 1 && Qn(s);
+												e.buttons === 1 && or(s);
 											},
-											onPointerUp: $n,
+											onPointerUp: sr,
 											style: {
-												height: F,
+												height: L,
 												...h
 											},
 											title: typeof ee == "string" ? ee : void 0,
@@ -1905,15 +1923,15 @@ function Ht({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 												draggable: !1,
 												onClick: (e) => e.stopPropagation(),
 												onMouseDown: (e) => e.stopPropagation(),
-												onPointerDown: (t) => tr(t, e, r.disabled, r.draggable)
-											}) : null, C]
+												onPointerDown: (t) => lr(t, e, r.disabled, r.draggable)
+											}) : null, w]
 										}, t.id);
 									})
 								}, s)] }, s);
 							}),
-							En ? /* @__PURE__ */ M("tr", {
+							Pn ? /* @__PURE__ */ M("tr", {
 								className: "comins-table__tr comins-table__infinite-loading-row",
-								style: { height: F },
+								style: { height: L },
 								children: /* @__PURE__ */ N("td", {
 									className: "comins-table__td comins-table__infinite-loading-cell",
 									colSpan: Math.max(1, Q.length),
@@ -1924,13 +1942,13 @@ function Ht({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 									}), /* @__PURE__ */ M("span", { children: "데이터를 불러오는 중입니다." })]
 								})
 							}) : null,
-							An > 0 ? /* @__PURE__ */ M("tr", {
+							Rn > 0 ? /* @__PURE__ */ M("tr", {
 								"aria-hidden": "true",
 								className: "comins-table-empty-filler",
 								children: /* @__PURE__ */ M("td", {
 									colSpan: Math.max(1, Q.length),
 									"data-testid": "table-empty-filler",
-									style: { height: An }
+									style: { height: Rn }
 								})
 							}) : null
 						] })]
@@ -1939,33 +1957,33 @@ function Ht({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 						"aria-hidden": "true",
 						className: "comins-table__body-virtual-sizer",
 						style: {
-							height: fn.scrollHeight,
-							width: vn
+							height: bn.scrollHeight,
+							width: En
 						}
 					}) : null,
-					xn && !Cn ? /* @__PURE__ */ N("div", {
+					kn && !jn ? /* @__PURE__ */ N("div", {
 						className: "comins-table__loading-overlay",
 						"data-testid": "data-table-loading-overlay",
 						role: "status",
-						style: Yt > 0 ? { transform: `translateY(${Yt}px)` } : void 0,
+						style: tn > 0 ? { transform: `translateY(${tn}px)` } : void 0,
 						children: [/* @__PURE__ */ M("span", {
 							className: "comins-table__loading-spinner",
 							"data-testid": "data-table-loading-spinner"
-						}), /* @__PURE__ */ M("span", { children: se ?? "불러오는 중입니다." })]
+						}), /* @__PURE__ */ M("span", { children: ce ?? "불러오는 중입니다." })]
 					}) : null
 				]
 			}),
 			R ? /* @__PURE__ */ M("div", {
 				"aria-label": "Table summary",
 				className: "comins-table__summary",
-				ref: V,
+				ref: Ge,
 				children: /* @__PURE__ */ N("table", {
 					className: "comins-table__table comins-table__summary-table min-w-full table-fixed",
-					style: { width: vn },
-					children: [or(), /* @__PURE__ */ M("tfoot", { children: /* @__PURE__ */ M("tr", {
+					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: cn.map((e) => /* @__PURE__ */ M("td", {
+						children: gn.map((e) => /* @__PURE__ */ M("td", {
 							className: ["comins-table__summary-cell px-3 py-2", e.className].filter(Boolean).join(" "),
 							colSpan: e.colSpan,
 							"data-testid": `summary-cell-${e.column.id}`,
@@ -1975,56 +1993,56 @@ function Ht({ "buffer-size": e, cellSelection: n = !0, className: r, columnGroup
 					}) })]
 				})
 			}) : null,
-			ir && kt ? /* @__PURE__ */ M("div", {
+			fr && Vt ? /* @__PURE__ */ M("div", {
 				"aria-hidden": "true",
 				className: "comins-column-move-ghost",
 				"data-testid": "column-move-ghost",
 				style: {
-					left: kt.x + 12,
-					top: kt.y + 12
+					left: Vt.x + 12,
+					top: Vt.y + 12
 				},
-				children: ir
+				children: fr
 			}) : null
 		]
 	});
 }
-function Ut({ 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, onLazyLoad: p, onLoadMore: m, rowProps: h, tree: g, ..._ }, v) {
-	let y = A(t).current, [b, x] = j(null), ee = k(() => Bt(e, _.columns, b), [
+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), [
 		e,
-		_.columns,
-		b
-	]), S = k(() => et(ee, n, { defaultExpandAll: y }), [
+		v.columns,
+		x
+	]), C = k(() => Ke(S, n, { defaultExpandAll: b }), [
 		n,
-		y,
-		ee
-	]), te = k(() => new Map(S.map((e) => [e.rowId, e])), [S]), C = k(() => ({
-		entriesByRowId: te,
+		b,
+		S
+	]), w = k(() => new Map(C.map((e) => [e.rowId, e])), [C]), te = k(() => ({
+		entriesByRowId: w,
 		onExpand: (t) => {
-			let r = Vt(e, t, !0, n, y);
+			let r = Pt(e, t, !0, n, b);
 			r !== e && d?.([...r]);
 		},
 		onFold: (t) => {
-			let r = Vt(e, t, !1, n, y);
+			let r = Pt(e, t, !1, n, b);
 			r !== e && d?.([...r]);
 		},
-		onToggle: (t) => d?.(nt(e, t, n, { defaultExpandAll: y })),
-		summaryRows: tt(e)
+		onToggle: (t) => d?.(qe(e, t, n, { defaultExpandAll: b })),
+		summaryRows: H(e)
 	}), [
 		e,
-		te,
+		w,
 		n,
-		y,
+		b,
 		d
 	]), ne = (t) => {
 		let r = e;
 		t.forEach((e, t) => {
-			let i = S[t];
-			i && i.item !== e && (r = rt(r, i.rowId, n, () => e));
+			let i = C[t];
+			i && i.item !== e && (r = U(r, i.rowId, n, () => e));
 		}), r !== e && d?.([...r]);
 	};
-	return /* @__PURE__ */ M(Wt, {
-		..._,
-		data: S.map((e) => e.item),
+	return /* @__PURE__ */ M(Lt, {
+		...v,
+		data: C.map((e) => e.item),
 		getRowId: n,
 		hasMoreRows: !1,
 		infiniteScroll: !1,
@@ -2035,36 +2053,37 @@ function Ut({ data: e, defaultExpandAll: t = !0, getRowId: n, hasMoreRows: r, in
 		lazyLoadThreshold: void 0,
 		loadingMore: !1,
 		onChangeData: ne,
-		onChangeSort: (e) => {
-			x(e), f?.(e);
+		onChangeSort: f,
+		onChangeSortModel: (e) => {
+			ee(e), p?.(e);
 		},
 		onLazyLoad: void 0,
 		onLoadMore: void 0,
 		pagination: {
 			pageIndex: 0,
-			pageSize: Math.max(1, S.length)
+			pageSize: Math.max(1, C.length)
 		},
 		rowProps: {
-			...h,
+			...g,
 			draggable: !1
 		},
 		tree: !1,
-		ref: v,
-		treeContext: C
+		ref: y,
+		treeContext: te
 	});
 }
-var Wt = Te(Ht), Gt = Te(Ut);
-function Kt(e, t) {
-	return e.tree ? /* @__PURE__ */ M(Gt, {
+var Lt = Te(Ft), Rt = Te(It);
+function zt(e, t) {
+	return e.tree ? /* @__PURE__ */ M(Rt, {
 		...e,
 		ref: t
-	}) : /* @__PURE__ */ M(Wt, {
+	}) : /* @__PURE__ */ M(Lt, {
 		...e,
 		ref: t
 	});
 }
-var qt = Te(Kt), Jt = "comins-table";
+var Bt = Te(zt), Vt = "comins-table";
 //#endregion
-export { qt as CominsTable, e as addCominsRows, t as applyCominsColumnLayout, n as clearCominsCellRange, r as clearCominsSelection, i as clearCominsSortState, Jt 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, et 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, Ze as getCominsSummaryValues, tt as getCominsTreeLeafItems, x as getCominsVirtualRows, ee as getCominsVisibleColumns, S as isCominsCellDisabled, te as isCominsCellInSelectedRange, C as isCominsCellSelected, ne as isCominsRowSelected, re as moveCominsColumn, w as moveCominsColumnGroup, T as moveCominsRow, ie as pasteCominsCell, E as pasteCominsCellRange, ae as pasteCominsRow, oe as queryCominsRows, se as replaceCominsRows, ce as selectCell, le as selectCellRange, D as selectRow, ue as selectRows, de as serializeCominsColumnLayout, fe as setCominsColumnGroupHidden, pe as setCominsColumnGroupWidth, me as setCominsColumnHidden, he as setCominsColumnWidth, ge as setCominsHeaderVisible, _e as setCominsPagination, ve as setCominsSortState, ye as setCominsTableTheme, be as sortCominsRows, G as sortCominsTreeSiblings, nt as toggleCominsTreeNode, xe as updateCominsRows, rt as updateCominsTreeItem };
+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 };
 
 //# sourceMappingURL=index.js.map