comins-table 0.1.1

package/dist/index.js

@@ -0,0 +1,1959 @@
+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 S, isCominsCellDisabled as ee, isCominsCellInSelectedRange as C, isCominsCellSelected as te, isCominsRowSelected as ne, moveCominsColumn as re, moveCominsColumnGroup as w, moveCominsRow as T, pasteCominsCell as ie, pasteCominsCellRange as ae, 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, 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 O, useContext as Te, useEffect as k, useId as Ee, useImperativeHandle as De, useLayoutEffect as Oe, useMemo as A, useRef as j, useState as M } from "react";
+import { jsx as N, jsxs as P } from "react/jsx-runtime";
+//#region node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.mjs
+var ke = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), Ae = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), je = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), Me = (e) => {
+	let t = je(e);
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}, F = {
+	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"
+}, Ne = (e) => {
+	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
+	return !1;
+}, I = Ce({}), Pe = () => Te(I), Fe = O(({ 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 = "" } = Pe() ?? {}, m = r ?? d ? Number(n ?? u) * 24 / Number(t ?? l) : n ?? u;
+	return we("svg", {
+		ref: c,
+		...F,
+		width: t ?? l ?? F.width,
+		height: t ?? l ?? F.height,
+		stroke: e ?? f,
+		strokeWidth: m,
+		className: ke("lucide", p, i),
+		...!a && !Ne(s) && { "aria-hidden": "true" },
+		...s
+	}, [...o.map(([e, t]) => we(e, t)), ...Array.isArray(a) ? a : [a]]);
+}), Ie = ((e, t) => {
+	let n = O(({ className: n, ...r }, i) => we(Fe, {
+		ref: i,
+		iconNode: t,
+		className: ke(`lucide-${Ae(Me(e))}`, `lucide-${e}`, n),
+		...r
+	}));
+	return n.displayName = Me(e), n;
+})("arrow-up", [["path", {
+	d: "m5 12 7-7 7 7",
+	key: "hav0vg"
+}], ["path", {
+	d: "M12 19V5",
+	key: "x0mq9r"
+}]]);
+//#endregion
+//#region src/component-renderer.tsx
+function L(...e) {
+	return e.filter(Boolean).join(" ");
+}
+function R(e, t) {
+	return typeof e == "function" ? e(t) : e ?? {};
+}
+function Le(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function Re(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function z(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 ze(e) {
+	return e.type !== "divider" && e.type !== "label";
+}
+function Be(e, t) {
+	return !!(e && t instanceof Node && e.contains(t));
+}
+function V(e) {
+	e.stopPropagation();
+}
+function H(e) {
+	e.preventDefault(), e.stopPropagation();
+}
+function Ve(e) {
+	return e == null ? "" : String(e);
+}
+function He({ component: e, payload: t }) {
+	let n = R(e.props, t), { defaultValue: r, onBlur: i, onChange: a, onClick: o, onKeyDown: s, onMouseDown: c, onPointerDown: l, value: u, ...d } = n, f = Ve(u ?? r), [p, m] = M(f), h = j(f);
+	k(() => {
+		m(f), h.current = f;
+	}, [f]);
+	let g = (n) => {
+		p !== h.current && (h.current = p, e.onChange?.({
+			...t,
+			event: n,
+			value: p
+		}), e.onValueChange?.({
+			...t,
+			value: p
+		}));
+	};
+	return /* @__PURE__ */ N("input", {
+		...d,
+		className: L("comins-table__component", "comins-table__component-input", n.className),
+		onBlur: (e) => {
+			i?.(e), V(e), g(e);
+		},
+		onChange: (e) => {
+			V(e), m(e.currentTarget.value);
+		},
+		onClick: (e) => {
+			o?.(e), V(e);
+		},
+		onKeyDown: (e) => {
+			s?.(e), V(e), e.key === "Enter" && (e.preventDefault(), g(e), e.currentTarget.blur());
+		},
+		onMouseDown: (e) => {
+			c?.(e), V(e);
+		},
+		onPointerDown: (e) => {
+			l?.(e), V(e);
+		},
+		value: p
+	});
+}
+function Ue({ component: e, payload: t }) {
+	let n = R(e.props, t), { checked: r, defaultChecked: i, onChange: a, onClick: o, onKeyDown: s, onMouseDown: c, onPointerDown: l, style: u, ...d } = n, [f, p] = M(!!(r ?? i));
+	return k(() => {
+		r !== void 0 && p(!!r);
+	}, [r]), /* @__PURE__ */ N("input", {
+		...d,
+		checked: f,
+		className: L("comins-table__component", "comins-table__component-checkbox", n.className),
+		onClick: (e) => {
+			o?.(e), V(e);
+		},
+		onChange: (n) => {
+			a?.(n), V(n), p(n.currentTarget.checked), e.onCheckedChange?.({
+				...t,
+				checked: n.currentTarget.checked
+			});
+		},
+		onKeyDown: (e) => {
+			s?.(e), V(e);
+		},
+		onMouseDown: (e) => {
+			c?.(e), V(e);
+		},
+		onPointerDown: (e) => {
+			l?.(e), V(e);
+		},
+		style: {
+			height: 20,
+			width: 20,
+			...u
+		},
+		type: "checkbox"
+	});
+}
+function U({ component: e, payload: t }) {
+	let { checked: n, ...r } = R(e.props, t), { onClick: i, onKeyDown: a, onMouseDown: o, onPointerDown: s, ...c } = r, [l, u] = M(!!n);
+	k(() => {
+		n !== void 0 && u(!!n);
+	}, [n]);
+	let d = typeof r.children == "string" && (r.children === "ON" || r.children === "OFF") ? l ? "ON" : "OFF" : r.children;
+	return /* @__PURE__ */ N("button", {
+		...c,
+		"aria-pressed": l,
+		className: L("comins-table__component", "comins-table__component-toggle", r.className),
+		onClick: (n) => {
+			i?.(n), V(n);
+			let r = !l;
+			u(r), e.onCheckedChange?.({
+				...t,
+				checked: r
+			});
+		},
+		onKeyDown: (e) => {
+			a?.(e), V(e);
+		},
+		onMouseDown: (e) => {
+			o?.(e), V(e);
+		},
+		onPointerDown: (e) => {
+			s?.(e), V(e);
+		},
+		type: r.type ?? "button",
+		children: d
+	});
+}
+function We({ component: e, payload: t }) {
+	let [n, r] = M(!1), i = Ee(), a = j(null), o = j(null), [s, c] = M({
+		left: 0,
+		position: "fixed",
+		top: 0
+	}), l = R(e.props, t), u = A(() => Re(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);
+		c({
+			left: Math.max(8, Math.min(t.left, window.innerWidth - n - 8)),
+			position: "fixed",
+			top: Math.min(t.bottom + 4, window.innerHeight - 8),
+			zIndex: 9999
+		});
+	}, f = (i, a) => {
+		i !== n && e.onBeforeChange?.({
+			...t,
+			event: a,
+			open: i
+		}) !== !1 && (r(i), e.onOpenChange?.({
+			...t,
+			event: a,
+			open: i
+		}));
+	};
+	k(() => {
+		if (!n) return;
+		let e = (e) => {
+			Be(a.current, e.target) || Be(o.current, e.target) || f(!1, e);
+		}, t = (e) => {
+			e.key === "Escape" && (f(!1, e), a.current?.focus());
+		};
+		return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t);
+		};
+	}, [n]), Oe(() => {
+		if (n && (d(), !(typeof window > "u"))) return window.addEventListener("resize", d), window.addEventListener("scroll", d, !0), () => {
+			window.removeEventListener("resize", d), window.removeEventListener("scroll", d, !0);
+		};
+	}, [n]);
+	let p = n ? /* @__PURE__ */ N("span", {
+		"aria-label": "Header menu",
+		className: "comins-table__component-menu-popover",
+		id: i,
+		ref: o,
+		role: "menu",
+		style: s,
+		children: u.map((n, r) => n.type === "divider" ? /* @__PURE__ */ N("span", {
+			"aria-orientation": "horizontal",
+			className: "comins-table__component-menu-divider",
+			role: "separator"
+		}, `divider-${r}`) : n.type === "label" ? /* @__PURE__ */ N("span", {
+			className: "comins-table__component-menu-label",
+			role: "presentation",
+			children: n.label
+		}, `label-${r}`) : /* @__PURE__ */ N("button", {
+			className: "comins-table__component-menu-item",
+			disabled: n.disabled,
+			onClick: (r) => {
+				H(r), !(n.disabled || !ze(n)) && (f(!1, r), e.onSelect?.({
+					...t,
+					event: r,
+					item: n,
+					value: n.value
+				}));
+			},
+			onKeyDown: V,
+			onMouseDown: V,
+			onPointerDown: V,
+			role: "menuitem",
+			type: "button",
+			children: n.label
+		}, `${String(n.value)}-${r}`))
+	}) : null;
+	return /* @__PURE__ */ P("span", {
+		className: "comins-table__component comins-table__component-menu",
+		children: [/* @__PURE__ */ N("button", {
+			...l,
+			"aria-controls": n ? i : void 0,
+			"aria-expanded": n,
+			"aria-haspopup": "menu",
+			"aria-label": l["aria-label"] ?? "Header menu",
+			className: L("comins-table__component-menu-trigger", l.className),
+			onClick: (e) => {
+				H(e), f(!n, e);
+			},
+			onKeyDown: (e) => {
+				if (l.onKeyDown?.(e), e.key === "Escape" && n) {
+					H(e), f(!1, e);
+					return;
+				}
+				V(e);
+			},
+			onMouseDown: V,
+			onPointerDown: (e) => {
+				l.onPointerDown?.(e), V(e);
+			},
+			ref: a,
+			type: l.type ?? "button",
+			children: l.children ?? "메뉴"
+		}), p]
+	});
+}
+function Ge({ component: e, payload: t }) {
+	let { height: n, itemHeight: r, limit: i, more: a = !1, searchable: o = !1, style: s, ...c } = R(e.props, t), l = A(() => z(e.items, t), [e.items, t]), u = Math.max(1, Number(i ?? 5)), d = Math.max(1, Number(r ?? 28)), f = d * 5, p = n !== void 0 || s?.height !== void 0, [m, h] = M(""), [g, _] = M(!1), [v, y] = M(0), [b, x] = M(null), [S, ee] = M(f), C = j(null), te = t.row.selected && t.selection.selectedRowCount === 1, ne = !!(o && te), re = !!(a && te), w = ne ? m : "";
+	k(() => {
+		_(!1), y(0);
+	}, [l.length, u]), Oe(() => {
+		let e = C.current;
+		if (!e) return;
+		let t = e.clientHeight > 0 ? e.clientHeight : f;
+		ee(p ? t : Math.min(t, f));
+	}, [
+		f,
+		g,
+		w,
+		p
+	]), k(() => {
+		let e = C.current;
+		e && (e.scrollTop = 0, y(0));
+	}, [w]), k(() => {
+		if (te) return;
+		let e = C.current;
+		e && (e.scrollTop = 0), _(!1), h(""), y(0);
+	}, [te]);
+	let T = A(() => {
+		let t = w.trim().toLowerCase();
+		return l.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);
+	}, [
+		w,
+		e,
+		l
+	]), ie = T.length > u, ae = !!(te && (g || w.trim().length > 0 || !a && ie)), oe = ie && !ae, se = ne && !g ? 0 : 2, ce = Math.max(d, p ? S || f : Math.min(S || f, f)), le = Math.max(0, Math.floor(Math.max(0, v) / d) - se), ue = Math.min(T.length, Math.ceil((Math.max(0, v) + ce) / d) + se), E = ae ? T.slice(le, ue) : T.slice(0, ie ? u : T.length), de = ae ? le * d : 0, fe = ae ? Math.max(0, T.length - ue) * d : 0, pe = `${String(t.row.id)}-${t.column.id}`, me = {
+		...s,
+		"--comins-table-virtual-list-item-height": `${d}px`,
+		height: n ?? s?.height ?? f
+	}, he = (n, r, i) => {
+		n.disabled || (x(n.value), e.onClickItem?.({
+			...t,
+			event: i,
+			item: n,
+			itemIndex: r,
+			value: n.value
+		}));
+	};
+	return /* @__PURE__ */ P("div", {
+		...c,
+		"aria-label": c["aria-label"] ?? "Virtual list",
+		className: L("comins-table__component", "comins-table__component-virtual-list", c.className),
+		"data-comins-virtual-list-expanded": ae ? "true" : void 0,
+		"data-comins-virtual-list-visible-count": E.length,
+		"data-testid": `virtual-list-${pe}`,
+		onClick: (e) => {
+			c.onClick?.(e), V(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,
+		onWheel: (e) => {
+			c.onWheel?.(e), V(e);
+		},
+		onPointerDown: (e) => {
+			c.onPointerDown?.(e), V(e);
+		},
+		role: "listbox",
+		style: me,
+		children: [/* @__PURE__ */ P("div", {
+			className: "comins-table__component-virtual-list-items",
+			onScroll: (e) => {
+				V(e), y(e.currentTarget.scrollTop);
+				let t = e.currentTarget.clientHeight > 0 ? e.currentTarget.clientHeight : f;
+				ee(p ? t : Math.min(t, f));
+			},
+			ref: C,
+			role: "presentation",
+			children: [
+				de > 0 ? /* @__PURE__ */ N("span", {
+					"aria-hidden": "true",
+					className: "comins-table__component-virtual-list-spacer",
+					style: { height: de }
+				}) : null,
+				E.map(({ item: n, itemIndex: r }) => /* @__PURE__ */ N("button", {
+					"aria-selected": b === n.value,
+					className: "comins-table__component-virtual-list-item",
+					"data-comins-virtual-list-item": "true",
+					disabled: n.disabled,
+					onClick: (e) => {
+						H(e), he(n, r, e);
+					},
+					onContextMenu: (i) => {
+						V(i), !n.disabled && e.onContextMenuItem?.({
+							...t,
+							event: i,
+							item: n,
+							itemIndex: r,
+							value: n.value
+						});
+					},
+					onKeyDown: (e) => {
+						V(e), (e.key === "Enter" || e.key === " " || e.key === "Spacebar") && (e.preventDefault(), he(n, r, e));
+					},
+					onMouseDown: V,
+					onPointerDown: V,
+					role: "option",
+					type: "button",
+					children: /* @__PURE__ */ N("span", {
+						className: "comins-table__component-virtual-list-item-label",
+						children: n.label
+					})
+				}, `${String(n.value)}-${r}`)),
+				fe > 0 ? /* @__PURE__ */ N("span", {
+					"aria-hidden": "true",
+					className: "comins-table__component-virtual-list-spacer",
+					style: { height: fe }
+				}) : null
+			]
+		}), /* @__PURE__ */ P("div", {
+			className: "comins-table__component-virtual-list-controls",
+			children: [oe ? re ? /* @__PURE__ */ N("button", {
+				"aria-label": "전체 목록 보기",
+				className: "comins-table__component-virtual-list-overflow comins-table__component-virtual-list-more",
+				"data-testid": `virtual-list-overflow-${pe}`,
+				onClick: (e) => {
+					H(e), _(!0);
+				},
+				onKeyDown: V,
+				onMouseDown: V,
+				onPointerDown: V,
+				type: "button",
+				children: "..."
+			}) : /* @__PURE__ */ N("span", {
+				"aria-hidden": "true",
+				className: "comins-table__component-virtual-list-overflow comins-table__component-virtual-list-more",
+				"data-testid": `virtual-list-overflow-${pe}`,
+				children: "..."
+			}) : null, ne ? /* @__PURE__ */ N("input", {
+				"aria-label": `${c["aria-label"] ?? "Virtual list"} 검색`,
+				className: "comins-table__component-virtual-list-search",
+				"data-testid": `virtual-list-search-${pe}`,
+				onChange: (e) => {
+					V(e), h(e.currentTarget.value);
+				},
+				onClick: V,
+				onKeyDown: V,
+				onMouseDown: V,
+				onPointerDown: V,
+				placeholder: "검색",
+				value: m
+			}) : null]
+		})]
+	});
+}
+function Ke(e, t) {
+	if (e.type === "menu") return /* @__PURE__ */ N(We, {
+		component: e,
+		payload: t
+	});
+	if (e.type === "virtual-list") return /* @__PURE__ */ N(Ge, {
+		component: e,
+		payload: t
+	});
+	if (e.type === "button") {
+		let n = R(e.props, t), { onClick: r, onKeyDown: i, onMouseDown: a, onPointerDown: o, ...s } = n;
+		return /* @__PURE__ */ N("button", {
+			...s,
+			className: L("comins-table__component", "comins-table__component-button", n.className),
+			onClick: (n) => {
+				r?.(n), V(n), e.onClick?.({
+					...t,
+					event: n
+				});
+			},
+			onKeyDown: (e) => {
+				i?.(e), V(e);
+			},
+			onMouseDown: (e) => {
+				a?.(e), V(e);
+			},
+			onPointerDown: (e) => {
+				o?.(e), V(e);
+			},
+			type: n.type ?? "button"
+		});
+	}
+	if (e.type === "input") return /* @__PURE__ */ N(He, {
+		component: e,
+		payload: t
+	});
+	if (e.type === "checkbox") return /* @__PURE__ */ N(Ue, {
+		component: e,
+		payload: t
+	});
+	if (e.type === "select") {
+		let n = R(e.props, t), r = Le(e.options, t), { onChange: i, onClick: a, onKeyDown: o, onMouseDown: s, onPointerDown: c, ...l } = n;
+		return /* @__PURE__ */ N("select", {
+			...l,
+			className: L("comins-table__component", "comins-table__component-select", n.className),
+			onClick: (e) => {
+				a?.(e), V(e);
+			},
+			onChange: (n) => {
+				i?.(n), V(n), e.onValueChange?.({
+					...t,
+					value: n.currentTarget.value
+				});
+			},
+			onKeyDown: (e) => {
+				o?.(e), V(e);
+			},
+			onMouseDown: (e) => {
+				s?.(e), V(e);
+			},
+			onPointerDown: (e) => {
+				c?.(e), V(e);
+			},
+			children: r.map((e) => /* @__PURE__ */ N("option", {
+				disabled: e.disabled,
+				value: String(e.value),
+				children: e.label
+			}, String(e.value)))
+		});
+	}
+	if (e.type === "radio") {
+		let n = R(e.props, t), r = Le(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__ */ N("div", {
+			...s,
+			className: L("comins-table__component", "comins-table__component-radio", s.className),
+			onClick: (e) => {
+				s.onClick?.(e), V(e);
+			},
+			onKeyDown: (e) => {
+				s.onKeyDown?.(e), V(e);
+			},
+			onMouseDown: (e) => {
+				s.onMouseDown?.(e), V(e);
+			},
+			onPointerDown: (e) => {
+				s.onPointerDown?.(e), V(e);
+			},
+			role: "radiogroup",
+			children: r.map((n) => /* @__PURE__ */ P("label", {
+				onClick: V,
+				onMouseDown: V,
+				children: [/* @__PURE__ */ N("input", {
+					checked: i === void 0 ? void 0 : String(i) === String(n.value),
+					disabled: n.disabled,
+					name: a,
+					onClick: V,
+					onChange: (r) => {
+						V(r), r.currentTarget.checked && e.onValueChange?.({
+							...t,
+							value: String(n.value)
+						});
+					},
+					onKeyDown: V,
+					onMouseDown: V,
+					onPointerDown: V,
+					style: {
+						height: 20,
+						width: 20
+					},
+					type: "radio",
+					value: String(n.value)
+				}), n.label]
+			}, String(n.value)))
+		});
+	}
+	if (e.type === "toggle") return /* @__PURE__ */ N(U, {
+		component: e,
+		payload: t
+	});
+	let n = R(e.props, t), r = Number(n.value ?? 0), i = Math.max(1, Number(n.max ?? 100)), a = Math.max(0, Math.min(100, r / i * 100));
+	return /* @__PURE__ */ N("div", {
+		...n,
+		"aria-valuemax": i,
+		"aria-valuemin": 0,
+		"aria-valuenow": r,
+		className: L("comins-table__component", "comins-table__component-progress", n.className),
+		onClick: V,
+		onKeyDown: V,
+		onMouseDown: V,
+		onPointerDown: V,
+		role: "progressbar",
+		children: /* @__PURE__ */ N("span", { style: { width: `${a}%` } })
+	});
+}
+//#endregion
+//#region src/summary.ts
+function qe(e, t) {
+	return t.split(".").reduce((e, t) => {
+		if (!(typeof e != "object" || !e)) return e[t];
+	}, e);
+}
+function Je(e) {
+	return e.filter((e) => typeof e == "number" && Number.isFinite(e));
+}
+function Ye(e, t) {
+	if (e === "count") return t.length;
+	let n = Je(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 Xe(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 = e.map((e) => qe(e, a.field));
+		return n[r] = typeof i == "function" ? i({
+			column: a,
+			rows: e,
+			values: o
+		}) : Ye(i, o), n;
+	}, {});
+}
+//#endregion
+//#region src/tree.ts
+function Ze(e) {
+	return e.join(".");
+}
+function W(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(Ze(c), l), e.children?.length && a(e.children, c);
+		});
+	};
+	return a(e, []), {
+		byId: n,
+		idByPath: r
+	};
+}
+function Qe(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: Qe(e.children, i, n)
+	} : e : e);
+}
+function $e(e, t) {
+	let n = W(e, t), r = [], i = (e, t, a) => {
+		e.forEach((e, o) => {
+			let s = [...a, o], c = e.children ?? [], l = c.length > 0, u = e.expand === !0, d = n.idByPath.get(Ze(s));
+			d !== void 0 && (r.push({
+				depth: t,
+				expanded: u,
+				hasChildren: l,
+				item: e.item,
+				path: s,
+				rowId: d
+			}), l && u && i(c, t + 1, s));
+		});
+	};
+	return i(e, 0, []), r;
+}
+function et(e) {
+	return e.flatMap((e) => e.children?.length ? et(e.children) : [e.item]);
+}
+function tt(e, t, n) {
+	let r = W(e, n).byId.get(t);
+	return r ? Qe(e, r, (e) => ({
+		...e,
+		expand: e.expand !== !0
+	})) : [...e];
+}
+function nt(e, t, n, r) {
+	let i = W(e, n).byId.get(t);
+	return i ? Qe(e, i, (e) => ({
+		...e,
+		item: r(e.item)
+	})) : [...e];
+}
+function G(e, t) {
+	return [...e].sort((e, n) => t(e.item, n.item)).map((e) => ({
+		...e,
+		children: e.children ? G(e.children, t) : void 0
+	}));
+}
+//#endregion
+//#region src/index.tsx
+var rt = 50;
+function it(e, t, n, r, i) {
+	let a = Math.max(0, r), o = e?.length ?? t.length, s = Math.min(o, Math.max(a, i)), c = [];
+	for (let r = a; r < s; r += 1) {
+		let i = e?.[r] ?? r, a = t[i], o = n[i];
+		a !== void 0 && o !== void 0 && c.push({
+			dataIndex: i,
+			row: a,
+			rowId: o,
+			visibleIndex: r
+		});
+	}
+	return c;
+}
+function at(e) {
+	return !e || typeof e == "string" ? e : Object.entries(e).filter(([, e]) => e).map(([e]) => e).join(" ");
+}
+function K(e, t, n) {
+	return typeof e == "function" ? e(t, n) : e;
+}
+function ot(e, t, n) {
+	let r = K(e?.disabled, t, n) === !0;
+	return {
+		className: at(K(e?.className, t, n)),
+		disabled: r,
+		draggable: !r && K(e?.draggable, t, n) !== !1,
+		style: K(e?.style, t, n)
+	};
+}
+function st(e) {
+	let t = e?.background ?? e?.backgroundColor;
+	return typeof t == "string" || typeof t == "number" ? t : void 0;
+}
+function ct(e, t, n) {
+	let r = {
+		height: e,
+		...t
+	};
+	return n === void 0 ? r : {
+		...r,
+		"--comins-table-row-custom-background": n
+	};
+}
+function lt(e) {
+	return {
+		data: e.row,
+		dataIndex: e.dataIndex,
+		id: e.rowId,
+		index: e.visibleIndex
+	};
+}
+function ut(e, t) {
+	return {
+		definition: e,
+		field: e.field,
+		id: e.id,
+		index: t,
+		label: e.label
+	};
+}
+function dt(e, t) {
+	return {
+		event: e,
+		index: t.visibleIndex,
+		row: lt(t)
+	};
+}
+function ft(e, t, n, r, i) {
+	return {
+		column: ut(n, r),
+		event: e,
+		index: t.visibleIndex,
+		row: lt(t),
+		value: i
+	};
+}
+function q(e, t) {
+	return {
+		definition: e,
+		field: e.field,
+		id: e.id,
+		index: t,
+		label: e.label
+	};
+}
+function pt(e, t, n, r, i, a, o) {
+	return {
+		column: q(i, a),
+		row: {
+			data: e.row,
+			dataIndex: e.dataIndex,
+			disabled: t,
+			id: e.rowId,
+			index: e.visibleIndex,
+			selected: n
+		},
+		selection: { selectedRowCount: r },
+		value: o
+	};
+}
+function mt(e, t) {
+	let n = e.cell?.props;
+	return typeof n == "function" ? n(t) : n;
+}
+function ht(e, t) {
+	return e === void 0 ? !0 : typeof e == "boolean" ? e : e(t);
+}
+function gt(e, t) {
+	return e?.disabled !== void 0 && ht(e.disabled, t) === !0;
+}
+function _t(e, t) {
+	let n = e?.className;
+	return typeof n == "function" ? n(t) : n;
+}
+function vt(e, t) {
+	let n = e?.style;
+	return typeof n == "function" ? n(t) : n;
+}
+function yt(e, t, n) {
+	return e.cell?.format ? e.cell.format(n) : t == null ? "" : String(t);
+}
+function bt(e, t, n) {
+	let r = e.columnState[t.id];
+	return {
+		column: q(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
+		}
+	};
+}
+function xt(e) {
+	return "row" in e && "selection" in e;
+}
+function St(e, t) {
+	return !xt(t) || e.type !== "input" && e.type !== "select" || t.selection.selectedRowCount === 1 && t.row.selected;
+}
+function Ct(e, t) {
+	return (e ?? []).filter((e) => St(e, t));
+}
+function wt(e, t, n) {
+	return Ct(e, t).map((e, t) => ({
+		component: e,
+		index: t
+	})).filter(({ component: e }) => (e.direction ?? "left") === n).map(({ component: e, index: r }) => /* @__PURE__ */ N("span", {
+		className: "comins-table__component-slot",
+		"data-comins-component-align": e.align ?? "center",
+		"data-comins-component-direction": n,
+		"data-comins-component-id": e.id ?? `${e.type}-${r}`,
+		children: Ke(e, t)
+	}, e.id ?? `${e.type}-${r}`));
+}
+function Tt(e, t, n, r = {}) {
+	if (!t?.length) return e;
+	let i = r.showContent ?? !0, a = Ct(t, n);
+	if (!a.length) return e;
+	let o = wt(a, n, "left"), s = wt(a, n, "right");
+	return i ? /* @__PURE__ */ P("span", {
+		className: "comins-table__component-layout",
+		children: [
+			/* @__PURE__ */ N("span", {
+				className: "comins-table__component-group",
+				"data-comins-component-direction": "left",
+				children: o
+			}),
+			/* @__PURE__ */ N("span", {
+				className: "comins-table__component-content",
+				children: e
+			}),
+			/* @__PURE__ */ N("span", {
+				className: "comins-table__component-group",
+				"data-comins-component-direction": "right",
+				children: s
+			})
+		]
+	}) : /* @__PURE__ */ N("span", {
+		className: "comins-table__component-layout",
+		"data-comins-component-only": "true",
+		children: /* @__PURE__ */ P("span", {
+			className: "comins-table__component-group",
+			"data-comins-component-direction": "all",
+			children: [o, s]
+		})
+	});
+}
+function Et(e) {
+	return Math.max(rt, e.minWidth ?? rt);
+}
+function J(e) {
+	return e.maxWidth ?? Infinity;
+}
+function Dt(e, t) {
+	return e.columnState[t.id]?.width ?? t.width ?? 100;
+}
+function Y(e, t, n) {
+	return Math.min(n, Math.max(t, e));
+}
+function Ot(e, t, n) {
+	let r = t.map((t) => Y(Dt(e, t), Et(t), J(t))), i = new Set(t.map((e, t) => t)), a = t.map(Et), o = t.map(J), s = Y(n, a.reduce((e, t) => e + t, 0), o.reduce((e, t) => e + t, 0));
+	for (; i.size > 0;) {
+		let e = s - r.reduce((e, t) => e + t, 0);
+		if (Math.abs(e) < .001) break;
+		let t = [...i], n = t.reduce((e, t) => e + Math.max(r[t] ?? 0, 0), 0), c = !1;
+		for (let s of t) {
+			let l = r[s] ?? 0, u = l + e * (n > 0 ? l / n : 1 / t.length), d = Y(u, a[s] ?? 0, o[s] ?? Infinity);
+			r[s] = d, Math.abs(d - u) > .001 && (i.delete(s), c = !0);
+		}
+		if (!c) break;
+	}
+	return r;
+}
+function kt(e, t, n) {
+	let r = e.columnGroups.find((e) => e.children.includes(t));
+	if (!r || e.columnGroupState[r.id]?.hidden === !0) return D(e, t, n);
+	let i = r.children.map((t) => e.columns.find((e) => e.id === t)).filter((e) => !!e).filter((t) => e.columnState[t.id]?.hidden !== !0), a = i.find((e) => e.id === t);
+	if (!a) return D(e, t, n);
+	let o = i.filter((e) => e.id !== t);
+	if (o.length === 0) {
+		let r = Dt(e, a);
+		return D(e, t, Y(n, Et(a), Math.min(J(a), r)));
+	}
+	let s = i.reduce((t, n) => t + Dt(e, n), 0), c = o.reduce((e, t) => e + Et(t), 0), l = o.reduce((e, t) => e + J(t), 0), u = Math.max(Et(a), s - l), d = Y(n, u, Math.max(u, Math.min(J(a), s - c))), f = Ot(e, o, s - d), p = D(e, t, d);
+	return o.forEach((e, t) => {
+		p = D(p, e.id, f[t] ?? Dt(p, e));
+	}), p;
+}
+function At(e, t, n) {
+	if (!e || typeof e != "object") return e;
+	let r = t.split("."), [i] = r;
+	if (!i) return e;
+	if (r.length === 1) return {
+		...e,
+		[i]: n
+	};
+	let a = { ...e }, o = a;
+	return r.slice(0, -1).forEach((e, t) => {
+		let n = r[t + 1], i = o[e], a = i && typeof i == "object" && !Array.isArray(i) ? { ...i } : {};
+		o[e] = a, n && (o = a);
+	}), o[r.at(-1)] = n, a;
+}
+function jt(e, t) {
+	return e?.columnId === t ? e.direction === "asc" ? {
+		columnId: t,
+		direction: "desc"
+	} : null : {
+		columnId: t,
+		direction: "asc"
+	};
+}
+function Mt(e, t) {
+	return e?.columnId === t ? e.direction : "none";
+}
+function Nt(e, t) {
+	return e?.columnId === t ? e.direction === "asc" ? "ascending" : "descending" : "none";
+}
+function Pt(e, t) {
+	return e.length === t.length && e.every((e, n) => e === t[n]);
+}
+function Ft(e, t) {
+	if (!Pt(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 It(e, t) {
+	return t.split(".").reduce((e, t) => {
+		if (!(typeof e != "object" || !e)) return e[t];
+	}, e);
+}
+function Lt(e, t) {
+	return typeof e == "number" && typeof t == "number" ? e - t : String(e ?? "").localeCompare(String(t ?? ""));
+}
+function Rt(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 = It(e, r.field), a = It(t, r.field), o = typeof r.sort == "function" ? r.sort(i, a, e, t) : Lt(i, a);
+		return n.direction === "desc" ? o * -1 : o;
+	}) : e;
+}
+function zt({ "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: ee = 30, lazyLoadMode: te = "append", lazyLoadThreshold: ne, loading: se = !1, loadingComponent: ce, loadingMore: pe = !1, onChangeColumnLayout: he, onChangeData: ge, onChangeSelection: _e, onChangeSort: ye, onClickCell: be, onClickRow: Ce, onContextMenuCell: O, onContextMenuRow: Te, onDoubleClickCell: Ee, onDoubleClickRow: Oe, onKeyDownCell: ke, onKeyDownRow: Ae, onLazyLoad: je, onLoadMore: Me, pagination: F, persistHeaderWhenEmpty: Ne = !0, rowHeight: I = 36, rowProps: Pe, showHeader: Fe = !0, skeletonRowCount: L, style: R, summary: Le, theme: Re, treeContext: z, virtualized: B = !1 }, ze) {
+	let Be = j(null), V = j(null), H = j(null), Ve = j(null), He = j(null), Ue = j(null), U = j(null), We = j(null), Ge = j(null), Ke = j(null), qe = j(0), Je = j(d), Ye = j(void 0), Ze = j(null), W = j(null), Qe = j(null), $e = j(null), et = j(!1), tt = j(null), nt = j(0), G = j(null), rt = j(null), K = j(null), [lt, ut] = M(0), [q, ht] = M(0), [xt, St] = M(null), [J, Dt] = M(null), [Y, Ot] = M(null), [Pt, It] = M(null), [Lt, Rt] = M(null), [zt, Bt] = M(d), [Vt, Ht] = M(void 0), [Ut, Wt] = M(null), [Gt, Kt] = M(null), [qt, Jt] = M(0), Yt = x ? zt : d, [X, Xt] = M(() => c({
+		columnGroups: l,
+		columns: u,
+		getRowId: m,
+		pagination: F,
+		rows: Yt,
+		showHeader: Fe,
+		theme: Re
+	})), Z = j(X), Zt = j({
+		columnGroups: l,
+		columns: u,
+		data: Yt,
+		getRowId: m,
+		pagination: F,
+		showHeader: Fe
+	}), Qt = Math.max(0, Math.floor(Number.isFinite(e) ? Number(e) : 10)), $t = Math.max(1, Math.floor(ee)), en = Math.max(0, Math.floor(ne ?? y)), tn = (e) => {
+		if (!x || te !== "append" || !je || Ke.current) return;
+		let t = Z.current.rows.length;
+		if (e === "scroll" && Ye.current !== void 0 && t >= Ye.current) return;
+		let n = new AbortController(), r = qe.current + 1, i = e === "scroll" ? t : 0;
+		qe.current = r, Ge.current?.abort(), Ge.current = n, Ke.current = e, e !== "scroll" && (nt.current = 0, Jt(0), Be.current && (Be.current.scrollTop = 0)), Rt(e), je({
+			limit: $t,
+			offset: i,
+			reason: e,
+			signal: n.signal
+		}).then((t) => {
+			if (n.signal.aborted || qe.current !== r) return;
+			let i = e === "scroll" ? [...Je.current, ...t.rows] : [...t.rows];
+			Je.current = i, Ye.current = t.total, Bt(i), Ht(t.total);
+		}).catch(() => {}).finally(() => {
+			qe.current === r && (Ke.current = null, Ge.current = null, Rt(null));
+		});
+	};
+	k(() => {
+		Je.current = zt;
+	}, [zt]), k(() => {
+		Ye.current = Vt;
+	}, [Vt]), k(() => {
+		x || (Je.current = d, Bt(d), Ye.current = void 0, Ht(void 0));
+	}, [d, x]), k(() => {
+		if (!(!x || !je)) return tn("initial"), () => {
+			qe.current += 1, Ke.current = null, Ge.current?.abort(), Ge.current = null;
+		};
+	}, [
+		x,
+		je,
+		$t
+	]), k(() => {
+		let e = Zt.current;
+		e.columns === u && e.columnGroups === l && e.data === Yt && e.getRowId === m && e.pagination === F && e.showHeader === Fe || (Zt.current = {
+			columnGroups: l,
+			columns: u,
+			data: Yt,
+			getRowId: m,
+			pagination: F,
+			showHeader: Fe
+		}, Xt((e) => {
+			let t = c({
+				columnLayout: fe(e),
+				columnGroups: l,
+				columns: u,
+				getRowId: m,
+				pagination: F ?? e.pagination,
+				rows: Yt,
+				showHeader: Fe,
+				sort: e.sort,
+				theme: e.theme
+			});
+			return Ft(e, t) ? {
+				...t,
+				selection: e.selection
+			} : t;
+		}));
+	}, [
+		l,
+		u,
+		Yt,
+		m,
+		F,
+		Fe
+	]), k(() => {
+		Z.current = X;
+	}, [X]), k(() => {
+		Ze.current !== null && Ze.current !== X.rows.length && (Ze.current = null);
+	}, [X.rows.length]), k(() => () => {
+		rt.current !== null && window.cancelAnimationFrame(rt.current), G.current !== null && window.clearTimeout(G.current);
+	}, []), k(() => {
+		let e = Be.current;
+		if (!e || typeof ResizeObserver > "u") return;
+		let t = new ResizeObserver(([e]) => {
+			e && (ut(e.contentRect.height), ht(e.contentRect.width));
+		});
+		return t.observe(e), () => t.disconnect();
+	}, []);
+	let nn = (e, t, n = {}) => {
+		t.rows !== e.rows && ge?.(t.rows), t.selection !== e.selection && _e?.(t.selection), n.columnLayoutChanged && he?.(fe(t)), (n.sortChanged || t.sort !== e.sort) && ye?.(t.sort);
+	}, Q = (e, t = {}) => {
+		let n = Z.current, r = typeof e == "function" ? e(n) : e;
+		Z.current = r, Xt(r), nn(n, r, t);
+	}, $ = A(() => S(X), [X]), rn = A(() => _(X), [X]), an = A(() => Le ? Xe(z?.summaryRows ?? X.rows, $, Le) : null, [
+		X.rows,
+		Le,
+		z?.summaryRows,
+		$
+	]), on = A(() => z || !X.sort ? null : b(X), [X, z]), sn = on?.length ?? X.rows.length, cn = Math.max(0, X.pagination.pageIndex) * Math.max(1, X.pagination.pageSize), ln = A(() => {
+		if (B) {
+			let e = Math.max(1, I), t = lt || I * 12, n = sn * 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, qt) * o), c = Math.max(0, Math.floor(s / e) - Qt), l = Math.min(sn, Math.ceil((s + Math.max(0, t)) / e) + Qt), u = c * e, d = o > 0 ? u / o : u;
+			return {
+				entries: it(on, X.rows, X.rowIds, c, l),
+				renderOffset: d,
+				scrollHeight: r
+			};
+		}
+		return {
+			entries: it(on, X.rows, X.rowIds, cn, cn + Math.max(1, X.pagination.pageSize)),
+			renderOffset: 0,
+			scrollHeight: 0
+		};
+	}, [
+		lt,
+		cn,
+		I,
+		qt,
+		on,
+		X.pagination.pageSize,
+		X.rowIds,
+		X.rows,
+		Qt,
+		B,
+		sn
+	]), un = Re ?? X.theme, dn = un.density === "compact" ? "text-[11px]" : un.density === "spacious" ? "text-[13px]" : "text-[length:var(--comins-font-size-base,12px)]", fn = A(() => new Set(X.selection.rowIds), [X.selection.rowIds]), pn = A(() => {
+		let e = $.length;
+		if (e === 0) return [];
+		let t = $.map((e) => X.columnState[e.id]?.width ?? e.width);
+		if (q <= 0) {
+			let n = `${100 / e}%`;
+			return t.map((e) => e ?? n);
+		}
+		let n = 0;
+		for (let e of t) n += e ?? 0;
+		let r = $.filter((e, n) => t[n] === void 0), i = r.length > 0 ? Math.max(0, (q - n) / r.length) : 0;
+		return $.map((e, n) => {
+			let r = t[n] ?? i, a = Et(e), o = e.maxWidth ?? Infinity;
+			return Math.min(o, Math.max(a, r));
+		});
+	}, [
+		q,
+		X.columnState,
+		$
+	]), mn = A(() => {
+		let e = 0;
+		for (let t of pn) {
+			if (typeof t != "number") return;
+			e += t;
+		}
+		return e;
+	}, [pn]), hn = A(() => {
+		if (typeof mn == "number") return Math.max(q, mn);
+	}, [mn, q]), gn = typeof mn == "number" && q > 0 && mn > q + 1, _n = x ? x && (Vt === void 0 || sn < Vt) : h, vn = se || Lt === "initial" || Lt === "refresh", yn = pe || Lt === "scroll", bn = sn === 0, xn = vn && bn, Sn = !vn && bn, Cn = (v || x) && yn && _n && !bn, wn = Math.max(1, Math.floor(L ?? Math.min(Math.max(1, X.pagination.pageSize), 5))), Tn = (xn ? wn : +!!Sn) + +!!Cn, En = (ln.entries.length + Tn) * I, Dn = B ? 0 : Math.max(0, lt - En), On = X.showHeader && (Ne || !bn || vn), kn = (e, t) => (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === t, An = (e) => ln.entries[e], jn = (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 ? [] : [{
+				dataIndex: t,
+				row: r,
+				rowId: i,
+				visibleIndex: n
+			}];
+		}), i = r.findIndex((e) => e.rowId === t), a = r.findIndex((e) => e.rowId === n);
+		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);
+	}, Mn = (e, t) => {
+		Q((n) => de(n, jn(n, e, t)));
+	}, Nn = (e) => {
+		Q((t) => de(t, e.flatMap((e) => {
+			let t = An(e);
+			return t ? [t.rowId] : [];
+		})));
+	}, Pn = (e) => {
+		if (K.current === e.id) {
+			K.current = null;
+			return;
+		}
+		e.sort && Q((t) => ve(t, jt(t.sort, e.id)), { sortChanged: !0 });
+	}, Fn = (e, t) => {
+		let n = document.elementFromPoint(e, t)?.closest("[data-comins-column-id], [data-comins-column-group-id]");
+		if (!n) return null;
+		if (n.dataset.cominsColumnId) return n.dataset.cominsColumnId;
+		let r = n.dataset.cominsColumnGroupId;
+		return (r ? Z.current.columnGroups.find((e) => e.id === r) : void 0)?.children.find((e) => $.some((t) => t.id === e)) ?? null;
+	};
+	De(ze, () => ({
+		clearSort: () => Q((e) => i(e), { sortChanged: !0 }),
+		getColumnLayout: () => fe(X),
+		getSortState: () => X.sort,
+		setColumnLayout: (e) => Q((n) => t(n, e), { columnLayoutChanged: !0 }),
+		setMoveTargetRow: (e, t) => Q((n) => {
+			if (z) return n;
+			let r = b(n).flatMap((e) => {
+				let t = n.rowIds[e];
+				return t === void 0 ? [] : [t];
+			}), i = r[t];
+			if (i === void 0 || e < 0 || t < 0) return n;
+			let a = r.filter((e) => e !== i), o = Math.min(a.length, e);
+			a.splice(o, 0, i);
+			let s = new Map(n.rowIds.map((e, t) => [e, n.rows[t]])), c = a.flatMap((e) => {
+				let t = s.get(e);
+				return t === void 0 ? [] : [t];
+			});
+			return c.length === n.rows.length ? {
+				...n,
+				rowIds: a,
+				rows: c,
+				sort: null
+			} : n;
+		}, { sortChanged: !0 }),
+		setSelectedRow: (e) => Nn([e]),
+		setSelectedRows: (e) => Nn(e),
+		setSortState: (e) => Q((t) => ve(t, e), { sortChanged: !0 })
+	}), [
+		ln.entries,
+		X,
+		z
+	]);
+	let In = () => {
+		let e = U.current;
+		e && window.clearTimeout(e.timer), U.current = null, St(null), Dt(null), Ot(null), It(null);
+	}, Ln = (e, t) => {
+		if (e.button !== 0) return;
+		let n = (e, n, r) => {
+			e.active = !0, e.cancelSort = !0, K.current = t.id, Ot({
+				x: n,
+				y: r
+			}), It(t.id), Dt(null), St(t.id);
+		}, r = {
+			active: !1,
+			cancelSort: !1,
+			id: t.id,
+			kind: "column",
+			movedBeforeLongPress: !1,
+			startedAt: performance.now(),
+			startX: e.clientX,
+			startY: e.clientY,
+			timer: window.setTimeout(() => {
+				let e = U.current;
+				!e || e.id !== t.id || e.kind !== "column" || e.movedBeforeLongPress || n(e, e.startX, e.startY);
+			}, 1e3)
+		}, i = (e) => {
+			let r = U.current;
+			if (!r || r.id !== t.id || r.kind !== "column") return;
+			let i = Math.hypot(e.clientX - r.startX, e.clientY - r.startY);
+			if (!r.active && performance.now() - r.startedAt >= 1e3 && !r.movedBeforeLongPress && n(r, e.clientX, e.clientY), !r.active && i > 4) {
+				r.movedBeforeLongPress = !0, r.cancelSort = !0, K.current = t.id, window.clearTimeout(r.timer);
+				return;
+			}
+			r.active && (e.preventDefault(), Ot({
+				x: e.clientX,
+				y: e.clientY
+			}), It(Fn(e.clientX, e.clientY)));
+		}, a = (e) => {
+			let n = U.current;
+			if (window.removeEventListener("pointermove", i), window.removeEventListener("pointerup", a), !n || n.id !== t.id || n.kind !== "column") {
+				In();
+				return;
+			}
+			if (window.clearTimeout(n.timer), n.active) {
+				let n = Fn(e.clientX, e.clientY);
+				if (n) {
+					let e = $.findIndex((e) => e.id === n);
+					e >= 0 && Q((n) => re(n, t.id, e), { columnLayoutChanged: !0 });
+				}
+			}
+			(n.cancelSort || n.active) && (K.current = t.id), In();
+		};
+		In(), U.current = r, window.addEventListener("pointermove", i), window.addEventListener("pointerup", a);
+	}, Rn = (e, t) => {
+		if (e.button !== 0) return;
+		let n = (e, n, r) => {
+			e.active = !0, e.cancelSort = !0, Ot({
+				x: n,
+				y: r
+			}), It(t.children[0] ?? null), St(null), Dt(t.id);
+		}, r = {
+			active: !1,
+			cancelSort: !1,
+			id: t.id,
+			kind: "group",
+			movedBeforeLongPress: !1,
+			startedAt: performance.now(),
+			startX: e.clientX,
+			startY: e.clientY,
+			timer: window.setTimeout(() => {
+				let e = U.current;
+				!e || e.id !== t.id || e.kind !== "group" || e.movedBeforeLongPress || n(e, e.startX, e.startY);
+			}, 1e3)
+		}, i = (e) => {
+			let r = U.current;
+			if (!r || r.id !== t.id || r.kind !== "group") return;
+			let i = Math.hypot(e.clientX - r.startX, e.clientY - r.startY);
+			if (!r.active && performance.now() - r.startedAt >= 1e3 && !r.movedBeforeLongPress && n(r, e.clientX, e.clientY), !r.active && i > 4) {
+				r.movedBeforeLongPress = !0, r.cancelSort = !0, window.clearTimeout(r.timer);
+				return;
+			}
+			r.active && (e.preventDefault(), Ot({
+				x: e.clientX,
+				y: e.clientY
+			}), It(Fn(e.clientX, e.clientY)));
+		}, a = (e) => {
+			let n = U.current;
+			if (window.removeEventListener("pointermove", i), window.removeEventListener("pointerup", a), !n || n.id !== t.id || n.kind !== "group") {
+				In();
+				return;
+			}
+			if (window.clearTimeout(n.timer), n.active) {
+				let n = Fn(e.clientX, e.clientY);
+				if (n) {
+					let e = $.findIndex((e) => e.id === n);
+					e >= 0 && Q((n) => w(n, t.id, e), { columnLayoutChanged: !0 });
+				}
+			}
+			In();
+		};
+		In(), U.current = r, window.addEventListener("pointermove", i), window.addEventListener("pointerup", a);
+	}, zn = (e, t) => {
+		if (e.shiftKey && W.current !== null) {
+			Mn(W.current, t.rowId), W.current = t.rowId;
+			return;
+		}
+		Q((n) => E(n, t.rowId, {
+			multi: e.ctrlKey || e.metaKey,
+			toggle: e.ctrlKey || e.metaKey
+		})), W.current = t.rowId;
+	}, Bn = (e, t, n) => {
+		if (n) {
+			e.preventDefault();
+			return;
+		}
+		if (Ae?.(dt(e, t)), !(e.defaultPrevented || e.target !== e.currentTarget)) {
+			if (z && (kn(e, "c") || kn(e, "v"))) {
+				e.preventDefault();
+				return;
+			}
+			if (kn(e, "c")) {
+				e.preventDefault(), Ue.current = s(X, t.rowId);
+				return;
+			}
+			kn(e, "v") && Ue.current && (e.preventDefault(), Q((e) => oe(e, Ue.current, {
+				mode: "insert-after",
+				targetRowId: t.rowId
+			})));
+		}
+	}, Vn = (e, t, n, r, i, s) => {
+		if (s) {
+			e.preventDefault(), e.stopPropagation();
+			return;
+		}
+		if (ke?.(ft(e, t, n, r, g(X, t.row, n.id))), !e.defaultPrevented) {
+			if (kn(e, "c")) {
+				e.preventDefault(), e.stopPropagation(), He.current = X.selection.range ? o(X) : null, Ve.current = He.current ? null : a(X, i);
+				return;
+			}
+			kn(e, "v") && (He.current || Ve.current) && (e.preventDefault(), e.stopPropagation(), Q((e) => He.current ? ae(e, i, He.current) : ie(e, i, Ve.current)));
+		}
+	}, Hn = (e, t, r) => {
+		n && (r || e.button !== 0 || e.shiftKey || (Qe.current = t, $e.current = t, et.current = !1));
+	}, Un = (e, t) => {
+		let n = document.elementFromPoint(e, t)?.closest("[data-comins-cell-column-id][data-comins-data-index]"), r = n?.dataset.cominsCellColumnId, i = n?.dataset.cominsDataIndex === void 0 ? NaN : Number(n.dataset.cominsDataIndex), a = Number.isInteger(i) ? X.rowIds[i] : void 0;
+		return r && a !== void 0 ? {
+			columnId: r,
+			rowId: a
+		} : null;
+	}, Wn = (e) => {
+		if (!n) return;
+		let t = Qe.current;
+		!t || t.rowId === e.rowId && t.columnId === e.columnId || (et.current = !0, $e.current = e, We.current = t, Q((n) => ue(n, {
+			anchor: t,
+			focus: e
+		})));
+	}, Gn = () => {
+		n && (Qe.current = null, $e.current = null);
+	}, Kn = (e, t, n) => {
+		if (Hn(e, t, n), n || e.button !== 0 || e.shiftKey) return;
+		let r = (e) => {
+			if (e.buttons !== 1) return;
+			let t = Un(e.clientX, e.clientY);
+			t && Wn(t);
+		}, i = () => {
+			Gn(), window.removeEventListener("pointermove", r), window.removeEventListener("pointerup", i);
+		};
+		e.preventDefault(), window.addEventListener("pointermove", r), window.addEventListener("pointerup", i);
+	}, qn = (e, t, n, r) => {
+		if (n || !r || e.button !== 0) return;
+		e.preventDefault(), e.stopPropagation();
+		let i = t.rowId, a = (e) => {
+			tt.current = e, Kt(e);
+		}, o = (e, t) => {
+			let n = document.elementFromPoint(e, t)?.closest("[data-comins-row-data-index]");
+			if (!n || n.dataset.cominsRowDataIndex === void 0) return;
+			let r = Number(n.dataset.cominsRowDataIndex);
+			Number.isInteger(r) && a({
+				sourceRowId: i,
+				targetDataIndex: r
+			});
+		}, 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 = tt.current?.targetDataIndex;
+			a(null), t !== void 0 && Q((e) => T(e, i, t));
+		};
+		o(e.clientX, e.clientY), window.addEventListener("pointermove", s), window.addEventListener("pointerup", c);
+	}, Jn = xt ? $.find((e) => e.id === xt) : void 0, Yn = J ? X.columnGroups.find((e) => e.id === J) : void 0, Xn = Jn?.label ?? Yn?.label, Zn = (e, t) => {
+		if (e.kind === "group") return /* @__PURE__ */ P("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(" "),
+			colSpan: e.colSpan,
+			"data-column-moving": J === e.groupId ? "true" : void 0,
+			"data-comins-column-group-id": e.groupId,
+			"data-testid": `header-group-${e.groupId}`,
+			onPointerDown: (t) => Rn(t, e.group),
+			rowSpan: e.rowSpan,
+			scope: "colgroup",
+			children: [
+				/* @__PURE__ */ N("span", {
+					"aria-hidden": "true",
+					className: "comins-column-drop-marker"
+				}),
+				/* @__PURE__ */ N("span", {
+					className: "comins-table__header-content",
+					"data-comins-header-body": "true",
+					children: /* @__PURE__ */ N("span", {
+						className: "comins-table__header-label",
+						children: e.group.label
+					})
+				}),
+				/* @__PURE__ */ N("span", {
+					"aria-hidden": "true",
+					className: "comins-table__resize",
+					"data-resizing": Ut === e.groupId ? "true" : void 0,
+					"data-testid": `resize-group-${e.groupId}`,
+					onClick: (e) => e.stopPropagation(),
+					onPointerDown: (t) => {
+						t.preventDefault(), t.stopPropagation();
+						let n = t.clientX, r = t.currentTarget.closest("th")?.getBoundingClientRect().width, i = /* @__PURE__ */ new Map();
+						for (let t of e.group.children) {
+							let e = $.find((e) => e.id === t);
+							if (!e) continue;
+							let n = Array.from(H.current?.querySelectorAll("[data-comins-column-id]") ?? []).find((t) => t.dataset.cominsColumnId === e.id)?.getBoundingClientRect().width, r = Z.current.columnState[e.id]?.width ?? e.width ?? 160;
+							i.set(e.id, n && Number.isFinite(n) ? n : r);
+						}
+						let a = [...i.values()].reduce((e, t) => e + t, 0), o = r && Number.isFinite(r) ? r : Math.max(1, a);
+						Wt(e.groupId);
+						let s = (t) => {
+							Q((r) => {
+								let a = r;
+								for (let [e, t] of i) a = D(a, e, t);
+								return me(a, e.groupId, o + t.clientX - n);
+							}, { columnLayoutChanged: !0 });
+						}, c = () => {
+							Wt(null), window.removeEventListener("pointermove", s), window.removeEventListener("pointerup", c);
+						};
+						window.addEventListener("pointermove", s), window.addEventListener("pointerup", c);
+					},
+					children: /* @__PURE__ */ N("span", { className: "comins-table__resize-line" })
+				})
+			]
+		}, `group-${e.groupId}`);
+		let n = e.column, r = $.findIndex((e) => e.id === n.id), i = r >= 0 ? r : t, a = X.columnState[n.id], o = n.header?.props ?? {}, s = Mt(X.sort, n.id), c = s === "asc" || s === "desc", l = [
+			"comins-table__th px-3 py-2 text-left font-semibold",
+			xt === n.id ? "comins-column-moving" : void 0,
+			o.className
+		].filter(Boolean).join(" "), u = bt(X, n, i), d = n.header?.renderer ? n.header.renderer(u) : null, f = n.header?.renderer ? [] : wt(n.header?.components, u, "left"), p = n.header?.renderer ? [] : wt(n.header?.components, u, "right"), m = f.length > 0 || p.length > 0;
+		return /* @__PURE__ */ we("th", {
+			...o,
+			className: l,
+			colSpan: e.colSpan,
+			"data-column-drop-target": Pt === n.id ? "true" : void 0,
+			"data-column-moving": xt === n.id ? "true" : void 0,
+			"data-comins-column-id": n.id,
+			"data-comins-column-index": i,
+			"data-sort-direction": X.sort?.columnId === n.id ? X.sort.direction : void 0,
+			"data-sortable": n.sort ? "true" : "false",
+			"data-testid": `header-${n.id}`,
+			"aria-sort": n.sort ? Nt(X.sort, n.id) : void 0,
+			key: `column-${n.id}`,
+			onClick: (e) => {
+				o.onClick?.(e), !(e.defaultPrevented || !n.sort) && Pn(n);
+			},
+			onKeyDown: (e) => {
+				o.onKeyDown?.(e), !(e.defaultPrevented || !n.sort) && (e.key === "Enter" || e.key === " " || e.key === "Spacebar") && (e.preventDefault(), Pn(n));
+			},
+			onPointerDown: (e) => Ln(e, n),
+			rowSpan: e.rowSpan,
+			scope: "col",
+			style: {
+				width: a?.width ?? n.width,
+				...o.style
+			},
+			tabIndex: n.sort ? 0 : void 0
+		}, /* @__PURE__ */ N("span", {
+			"aria-hidden": "true",
+			className: "comins-column-drop-marker"
+		}), /* @__PURE__ */ P("span", {
+			className: "comins-table__header-content",
+			"data-comins-header-body": "true",
+			"data-comins-header-components": m ? "true" : void 0,
+			"data-comins-sort-indicator-visible": c ? "true" : void 0,
+			children: [
+				/* @__PURE__ */ N("span", {
+					className: "comins-table__header-slot",
+					"data-comins-header-slot": "left",
+					children: f
+				}),
+				/* @__PURE__ */ N("span", {
+					className: "comins-table__header-label",
+					children: n.header?.renderer ? d : n.label
+				}),
+				/* @__PURE__ */ N("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__ */ N(Ie, {
+						className: "comins-sort-icon",
+						focusable: "false",
+						size: 14,
+						strokeWidth: 2.25
+					})
+				}),
+				/* @__PURE__ */ N("span", {
+					className: "comins-table__header-slot",
+					"data-comins-header-slot": "right",
+					children: p
+				})
+			]
+		}), /* @__PURE__ */ N("span", {
+			"aria-hidden": "true",
+			className: "comins-table__resize",
+			"data-resizing": Ut === n.id ? "true" : void 0,
+			"data-testid": `resize-${n.id}`,
+			onClick: (e) => e.stopPropagation(),
+			onPointerDown: (e) => {
+				e.preventDefault(), e.stopPropagation();
+				let t = e.clientX, r = e.currentTarget.closest("th")?.getBoundingClientRect().width, i = /* @__PURE__ */ new Map();
+				for (let e of $) {
+					let t = Array.from(H.current?.querySelectorAll("[data-comins-column-id]") ?? []).find((t) => t.dataset.cominsColumnId === e.id)?.getBoundingClientRect().width, n = Z.current.columnState[e.id]?.width ?? e.width ?? 160;
+					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);
+				Wt(n.id);
+				let s = (e) => {
+					Q((r) => {
+						let a = r;
+						for (let [e, t] of i) a = D(a, e, t);
+						return kt(a, n.id, Math.max(Et(n), o + e.clientX - t));
+					}, { columnLayoutChanged: !0 });
+				}, c = () => {
+					Wt(null), window.removeEventListener("pointermove", s), window.removeEventListener("pointerup", c);
+				};
+				window.addEventListener("pointermove", s), window.addEventListener("pointerup", c);
+			},
+			children: /* @__PURE__ */ N("span", { className: "comins-table__resize-line" })
+		}));
+	}, Qn = () => /* @__PURE__ */ N("colgroup", { children: $.map((e, t) => /* @__PURE__ */ N("col", { style: { width: pn[t] } }, e.id)) }), $n = () => {
+		Jt((e) => {
+			let t = nt.current;
+			return Math.abs(e - t) > .5 ? t : e;
+		});
+	}, er = (e) => {
+		if (x) {
+			if (!je || Ke.current) return;
+			e.scrollHeight - e.scrollTop - e.clientHeight <= en && tn("scroll");
+			return;
+		}
+		if (!v || !h || pe || !Me) return;
+		let t = Math.max(0, y);
+		if (e.scrollHeight - e.scrollTop - e.clientHeight > t) return;
+		let n = Z.current.rows.length;
+		Ze.current !== n && (Ze.current = n, Me());
+	}, tr = (e) => {
+		let t = e.currentTarget;
+		nt.current = t.scrollTop, er(t), G.current !== null && (window.clearTimeout(G.current), G.current = null), rt.current === null && (rt.current = window.requestAnimationFrame(() => {
+			rt.current = null, $n();
+		}));
+		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;
+		}
+		V.current && (V.current.scrollLeft = n);
+	};
+	return /* @__PURE__ */ P("div", {
+		className: [
+			"comins-table comins-typography-base h-full w-full overflow-hidden",
+			dn,
+			un.className,
+			r
+		].filter(Boolean).join(" "),
+		"aria-busy": vn || yn ? "true" : void 0,
+		"data-loading": vn || yn ? "true" : void 0,
+		"data-show-header": On ? "true" : void 0,
+		style: {
+			...un.style,
+			...R
+		},
+		children: [
+			On ? /* @__PURE__ */ N("div", {
+				className: "comins-table__header",
+				ref: H,
+				children: /* @__PURE__ */ P("table", {
+					className: "comins-table__table comins-table__header-table min-w-full table-fixed",
+					style: { width: hn },
+					children: [Qn(), /* @__PURE__ */ N("thead", {
+						className: "comins-table__thead",
+						children: rn.map((e, t) => /* @__PURE__ */ N("tr", { children: e.map((e, t) => Zn(e, t)) }, `header-row-${t}`))
+					})]
+				})
+			}) : null,
+			/* @__PURE__ */ P("div", {
+				className: "comins-table__body-viewport",
+				"data-horizontal-overflow": gn ? "true" : void 0,
+				"data-virtualized": B ? "true" : void 0,
+				"data-testid": f,
+				onScroll: tr,
+				ref: Be,
+				children: [
+					/* @__PURE__ */ P("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, ${ln.renderOffset}px, 0)`,
+							width: hn
+						} : { width: hn },
+						children: [Qn(), /* @__PURE__ */ P("tbody", { children: [
+							xn ? Array.from({ length: wn }).map((e, t) => /* @__PURE__ */ N("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: I },
+								children: $.length > 0 ? $.map((e) => /* @__PURE__ */ N("td", {
+									className: "comins-table__td comins-table__skeleton-cell px-3 py-2",
+									"data-testid": `loading-skeleton-cell-${t}-${e.id}`,
+									style: { height: I },
+									children: /* @__PURE__ */ N("span", { className: "comins-table__skeleton-block" })
+								}, e.id)) : /* @__PURE__ */ N("td", {
+									className: "comins-table__td comins-table__skeleton-cell px-3 py-2",
+									children: /* @__PURE__ */ N("span", { className: "comins-table__skeleton-block" })
+								})
+							}, `loading-skeleton-${t}`)) : null,
+							Sn ? /* @__PURE__ */ N("tr", {
+								className: "comins-table__tr comins-table__empty-state-row",
+								style: { height: I },
+								children: /* @__PURE__ */ N("td", {
+									className: "comins-table__td comins-table__empty-state-cell",
+									colSpan: Math.max(1, $.length),
+									children: /* @__PURE__ */ N("div", {
+										"data-testid": "data-table-empty-state",
+										className: "comins-table__empty-state",
+										children: p ?? "표시할 데이터가 없습니다."
+									})
+								})
+							}) : null,
+							ln.entries.map((e, t) => {
+								let r = ot(Pe, e.row, e.visibleIndex), i = fn.has(e.rowId), a = Dn === 0 && t === ln.entries.length - 1, o = st(r.style), s = B ? `virtual-row-slot-${t}` : String(e.rowId);
+								return /* @__PURE__ */ P(Se, { children: [Gt?.targetDataIndex === e.dataIndex && Gt.sourceRowId !== e.rowId ? /* @__PURE__ */ N("tr", {
+									"aria-hidden": "true",
+									className: "comins-row-move-placeholder",
+									children: /* @__PURE__ */ N("td", {
+										colSpan: Math.max(1, $.length),
+										"data-testid": "row-move-placeholder",
+										children: "이 위치로 이동"
+									})
+								}) : null, /* @__PURE__ */ N("tr", {
+									"aria-disabled": r.disabled ? "true" : void 0,
+									"aria-selected": i,
+									className: [
+										"comins-table__tr",
+										a ? "comins-table__tr--viewport-end" : void 0,
+										i ? "comins-row-selected" : void 0,
+										r.className
+									].filter(Boolean).join(" "),
+									"data-disabled": r.disabled ? "true" : void 0,
+									"data-comins-row-custom-background": o === void 0 ? void 0 : "true",
+									"data-comins-row-data-index": e.dataIndex,
+									"data-comins-row-parity": e.visibleIndex % 2 == 0 ? "even" : "odd",
+									"data-row-draggable": r.draggable ? "true" : "false",
+									"data-selected-row": i ? "true" : void 0,
+									"data-testid": `row-${String(e.rowId)}`,
+									draggable: !1,
+									onClick: (t) => {
+										if (r.disabled) {
+											t.preventDefault();
+											return;
+										}
+										t.__cominsCellSelectionHandled || zn(t, e), Ce?.(dt(t, e));
+									},
+									onContextMenu: (t) => {
+										if (r.disabled) {
+											t.preventDefault();
+											return;
+										}
+										Q((t) => E(t, e.rowId)), W.current = e.rowId, Te?.(dt(t, e));
+									},
+									onDoubleClick: (t) => {
+										if (r.disabled) {
+											t.preventDefault();
+											return;
+										}
+										Oe?.(dt(t, e));
+									},
+									onKeyDown: (t) => Bn(t, e, r.disabled),
+									style: ct(I, r.style, o),
+									tabIndex: r.disabled ? -1 : 0,
+									children: $.map((t, a) => {
+										let o = g(X, e.row, t.id), s = {
+											columnId: t.id,
+											rowId: e.rowId
+										}, c = n && C(X, s), l = n && X.selection.cell?.rowId === e.rowId && X.selection.cell.columnId === t.id, u = pt(e, r.disabled, i, X.selection.rowIds.length, t, a, o), d = mt(t, u), f = r.disabled || gt(d, u), p = at(_t(d, u)), m = vt(d, u), h = !!t.cell?.components?.length, _ = yt(t, o, u), v = t.cell?.components?.map((e) => {
+											if (e.type !== "input") return e;
+											let t = e.onValueChange;
+											return {
+												...e,
+												onValueChange: (e) => {
+													Q((t) => xe(t, [{
+														id: e.row.id,
+														patch: (t) => At(t, e.column.field, e.value)
+													}])), t?.(e);
+												}
+											};
+										}), y = Ct(v, u), b = t.cell?.renderer ? t.cell.renderer(u) : h ? Tt(_, v, u, { showContent: !1 }) : /* @__PURE__ */ N("span", {
+											className: "comins-table__cell-value",
+											children: _
+										}), x = typeof t.cell?.tooltip == "function" ? t.cell.tooltip(u) : t.cell?.tooltip, S = a === 0 ? z?.entriesByRowId.get(e.rowId) : void 0, ee = S ? /* @__PURE__ */ P("span", {
+											className: "comins-tree-cell-content",
+											style: { "--comins-tree-depth": S.depth },
+											children: [S.hasChildren ? /* @__PURE__ */ N("button", {
+												"aria-expanded": S.expanded,
+												"aria-label": `${S.expanded ? "Collapse" : "Expand"} ${String(e.rowId)}`,
+												className: "comins-tree-expander",
+												"data-testid": `tree-expander-${String(e.rowId)}`,
+												onClick: (t) => {
+													t.preventDefault(), t.stopPropagation(), z?.onToggle(e.rowId);
+												},
+												onMouseDown: (e) => e.stopPropagation(),
+												onPointerDown: (e) => e.stopPropagation(),
+												type: "button",
+												children: S.expanded ? "▾" : "▸"
+											}) : /* @__PURE__ */ N("span", {
+												"aria-hidden": "true",
+												className: "comins-tree-expander-spacer"
+											}), /* @__PURE__ */ N("span", {
+												className: "comins-tree-cell-value",
+												children: b
+											})]
+										}) : b;
+										return /* @__PURE__ */ P("td", {
+											"aria-disabled": f ? "true" : void 0,
+											className: [
+												"comins-table__td px-3 py-2",
+												a === 0 ? "comins-table__td--with-row-handle" : void 0,
+												c ? "comins-cell-range-selected" : void 0,
+												p
+											].filter(Boolean).join(" "),
+											"data-disabled": f ? "true" : void 0,
+											"data-comins-cell-column-id": t.id,
+											"data-comins-component-cell": y.length > 0 ? "true" : void 0,
+											"data-comins-data-index": e.dataIndex,
+											"data-range-selected": c ? "true" : void 0,
+											"data-selected": l ? "true" : void 0,
+											"data-testid": `cell-${String(e.rowId)}-${t.id}`,
+											draggable: !1,
+											onClick: (r) => {
+												if (be && r.stopPropagation(), f) {
+													r.preventDefault(), r.stopPropagation();
+													return;
+												}
+												if (et.current) {
+													et.current = !1, r.__cominsCellSelectionHandled = !0;
+													return;
+												}
+												let i = n ? X.selection.cell ?? We.current : null;
+												if (r.shiftKey && i) {
+													r.__cominsCellSelectionHandled = !0, We.current = i, Q((t) => ue(W.current === null ? E(t, e.rowId) : de(t, jn(t, W.current, e.rowId)), {
+														anchor: i,
+														focus: s
+													})), W.current = e.rowId;
+													return;
+												}
+												n && (We.current = s), Q((t) => {
+													let i = E(t, e.rowId, {
+														multi: r.ctrlKey || r.metaKey,
+														toggle: r.ctrlKey || r.metaKey
+													});
+													return n ? le(i, s) : i;
+												}), r.__cominsCellSelectionHandled = !0, W.current = e.rowId, be?.(ft(r, e, t, a, o));
+											},
+											onContextMenu: (r) => {
+												if (f) {
+													r.preventDefault(), r.stopPropagation();
+													return;
+												}
+												Q((t) => {
+													let r = E(t, e.rowId);
+													return n ? le(r, s) : r;
+												}), W.current = e.rowId, n && (We.current = s), O && (r.stopPropagation(), O(ft(r, e, t, a, o)));
+											},
+											onDoubleClick: (n) => {
+												if (Ee && n.stopPropagation(), f) {
+													n.preventDefault(), n.stopPropagation();
+													return;
+												}
+												Ee?.(ft(n, e, t, a, o));
+											},
+											onKeyDown: (n) => Vn(n, e, t, a, s, f),
+											onMouseDown: (e) => Hn(e, s, f),
+											onMouseOver: () => Wn(s),
+											onMouseUp: Gn,
+											onPointerDown: (e) => Kn(e, s, f),
+											onPointerEnter: () => Wn(s),
+											onPointerMove: (e) => {
+												e.buttons === 1 && Wn(s);
+											},
+											onPointerUp: Gn,
+											style: {
+												height: I,
+												...m
+											},
+											title: typeof x == "string" ? x : void 0,
+											tabIndex: f ? -1 : 0,
+											children: [a === 0 && r.draggable ? /* @__PURE__ */ N("span", {
+												"aria-hidden": "true",
+												className: "comins-row-drag-handle",
+												"data-testid": `row-drag-handle-${String(e.rowId)}`,
+												draggable: !1,
+												onClick: (e) => e.stopPropagation(),
+												onMouseDown: (e) => e.stopPropagation(),
+												onPointerDown: (t) => qn(t, e, r.disabled, r.draggable)
+											}) : null, ee]
+										}, t.id);
+									})
+								}, s)] }, s);
+							}),
+							Cn ? /* @__PURE__ */ N("tr", {
+								className: "comins-table__tr comins-table__infinite-loading-row",
+								style: { height: I },
+								children: /* @__PURE__ */ P("td", {
+									className: "comins-table__td comins-table__infinite-loading-cell",
+									colSpan: Math.max(1, $.length),
+									"data-testid": "data-table-infinite-loading-row",
+									children: [/* @__PURE__ */ N("span", {
+										className: "comins-table__loading-spinner",
+										"data-testid": "data-table-infinite-loading-spinner"
+									}), /* @__PURE__ */ N("span", { children: "데이터를 불러오는 중입니다." })]
+								})
+							}) : null,
+							Dn > 0 ? /* @__PURE__ */ N("tr", {
+								"aria-hidden": "true",
+								className: "comins-table-empty-filler",
+								children: /* @__PURE__ */ N("td", {
+									colSpan: Math.max(1, $.length),
+									"data-testid": "table-empty-filler",
+									style: { height: Dn }
+								})
+							}) : null
+						] })]
+					}),
+					B ? /* @__PURE__ */ N("div", {
+						"aria-hidden": "true",
+						className: "comins-table__body-virtual-sizer",
+						style: {
+							height: ln.scrollHeight,
+							width: hn
+						}
+					}) : null,
+					vn && !bn ? /* @__PURE__ */ P("div", {
+						className: "comins-table__loading-overlay",
+						"data-testid": "data-table-loading-overlay",
+						role: "status",
+						style: qt > 0 ? { transform: `translateY(${qt}px)` } : void 0,
+						children: [/* @__PURE__ */ N("span", {
+							className: "comins-table__loading-spinner",
+							"data-testid": "data-table-loading-spinner"
+						}), /* @__PURE__ */ N("span", { children: ce ?? "불러오는 중입니다." })]
+					}) : null
+				]
+			}),
+			Le ? /* @__PURE__ */ N("div", {
+				"aria-label": "Table summary",
+				className: "comins-table__summary",
+				ref: V,
+				children: /* @__PURE__ */ P("table", {
+					className: "comins-table__table comins-table__summary-table min-w-full table-fixed",
+					style: { width: hn },
+					children: [Qn(), /* @__PURE__ */ N("tfoot", { children: /* @__PURE__ */ N("tr", {
+						className: "comins-table__summary-row",
+						children: $.map((e, t) => /* @__PURE__ */ N("td", {
+							className: "comins-table__summary-cell px-3 py-2",
+							"data-testid": `summary-cell-${e.id}`,
+							children: an?.[e.id] ?? (t === 0 ? Le.label : null)
+						}, e.id))
+					}) })]
+				})
+			}) : null,
+			Xn && Y ? /* @__PURE__ */ N("div", {
+				"aria-hidden": "true",
+				className: "comins-column-move-ghost",
+				"data-testid": "column-move-ghost",
+				style: {
+					left: Y.x + 12,
+					top: Y.y + 12
+				},
+				children: Xn
+			}) : null
+		]
+	});
+}
+function Bt({ data: e, getRowId: t, hasMoreRows: n, infiniteScroll: r, infiniteScrollThreshold: i, lazyLoad: a, lazyLoadBatchSize: o, lazyLoadMode: s, lazyLoadThreshold: c, loadingMore: l, onChangeData: u, onChangeSort: d, onLazyLoad: f, onLoadMore: p, rowProps: m, tree: h, ...g }, _) {
+	let [v, y] = M(null), b = A(() => Rt(e, g.columns, v), [
+		e,
+		g.columns,
+		v
+	]), x = A(() => $e(b, t), [t, b]), S = A(() => new Map(x.map((e) => [e.rowId, e])), [x]), ee = A(() => ({
+		entriesByRowId: S,
+		onToggle: (n) => u?.(tt(e, n, t)),
+		summaryRows: et(e)
+	}), [
+		e,
+		S,
+		t,
+		u
+	]), C = (n) => {
+		let r = e;
+		n.forEach((e, n) => {
+			let i = x[n];
+			i && i.item !== e && (r = nt(r, i.rowId, t, () => e));
+		}), r !== e && u?.([...r]);
+	};
+	return /* @__PURE__ */ N(Vt, {
+		...g,
+		data: x.map((e) => e.item),
+		getRowId: t,
+		hasMoreRows: !1,
+		infiniteScroll: !1,
+		infiniteScrollThreshold: void 0,
+		lazyLoad: !1,
+		lazyLoadBatchSize: void 0,
+		lazyLoadMode: void 0,
+		lazyLoadThreshold: void 0,
+		loadingMore: !1,
+		onChangeData: C,
+		onChangeSort: (e) => {
+			y(e), d?.(e);
+		},
+		onLazyLoad: void 0,
+		onLoadMore: void 0,
+		pagination: {
+			pageIndex: 0,
+			pageSize: Math.max(1, x.length)
+		},
+		rowProps: {
+			...m,
+			draggable: !1
+		},
+		tree: !1,
+		ref: _,
+		treeContext: ee
+	});
+}
+var Vt = O(zt), Ht = O(Bt);
+function Ut(e, t) {
+	return e.tree ? /* @__PURE__ */ N(Ht, {
+		...e,
+		ref: t
+	}) : /* @__PURE__ */ N(Vt, {
+		...e,
+		ref: t
+	});
+}
+var Wt = O(Ut), Gt = "comins-table";
+//#endregion
+export { Wt as CominsTable, e as addCominsRows, t as applyCominsColumnLayout, n as clearCominsCellRange, r as clearCominsSelection, i as clearCominsSortState, Gt 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, $e 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, Xe as getCominsSummaryValues, et as getCominsTreeLeafItems, x as getCominsVirtualRows, S as getCominsVisibleColumns, ee as isCominsCellDisabled, C as isCominsCellInSelectedRange, te as isCominsCellSelected, ne as isCominsRowSelected, re as moveCominsColumn, w as moveCominsColumnGroup, T as moveCominsRow, ie as pasteCominsCell, ae 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 setCominsSortState, ye as setCominsTableTheme, be as sortCominsRows, G as sortCominsTreeSiblings, tt as toggleCominsTreeNode, xe as updateCominsRows, nt as updateCominsTreeItem };
+
+//# sourceMappingURL=index.js.map