@ishibashi0112/spreadsheet-grid 0.1.0

package/dist/index.js

@@ -0,0 +1,5024 @@
+import { memo as e, useCallback as t, useDeferredValue as n, useEffect as r, useLayoutEffect as i, useMemo as a, useReducer as o, useRef as s, useState as c } from "react";
+import { useVirtualizer as l } from "@tanstack/react-virtual";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { createPortal as p } from "react-dom";
+//#region src/components/spreadsheet-grid/logic/cx.ts
+function m(...e) {
+	return e.filter(Boolean).join(" ");
+}
+//#endregion
+//#region src/components/spreadsheet-grid/model/gridActions.ts
+var h = {
+	activateCell: (e) => ({
+		type: "cell/activate",
+		cell: e
+	}),
+	startSelection: (e) => ({
+		type: "selection/start",
+		cell: e
+	}),
+	updateSelection: (e) => ({
+		type: "selection/update",
+		cell: e
+	}),
+	startRowSelection: (e) => ({
+		type: "rowSelection/start",
+		row: e
+	}),
+	updateRowSelection: (e) => ({
+		type: "rowSelection/update",
+		row: e
+	}),
+	startColumnSelection: (e) => ({
+		type: "columnSelection/start",
+		col: e
+	}),
+	updateColumnSelection: (e) => ({
+		type: "columnSelection/update",
+		col: e
+	}),
+	endSelection: () => ({ type: "selection/end" }),
+	clearSelection: () => ({ type: "selection/clear" }),
+	startEdit: (e) => ({
+		type: "edit/start",
+		cell: e
+	}),
+	stopEdit: () => ({ type: "edit/stop" }),
+	startColumnResize: (e, t, n, r, i) => ({
+		type: "column/resizeStart",
+		columnKey: e,
+		startX: t,
+		startWidth: n,
+		minWidth: r,
+		maxWidth: i
+	}),
+	updateColumnResize: (e) => ({
+		type: "column/resizeUpdate",
+		clientX: e
+	}),
+	endColumnResize: () => ({ type: "column/resizeEnd" }),
+	syncColumnWidths: (e) => ({
+		type: "columnWidths/sync",
+		widths: e
+	}),
+	setGlobalFilter: (e) => ({
+		type: "filter/setGlobal",
+		value: e
+	}),
+	setColumnFilter: (e, t) => ({
+		type: "filter/setColumn",
+		columnKey: e,
+		value: t
+	}),
+	clearColumnFilter: (e) => ({
+		type: "filter/clearColumn",
+		columnKey: e
+	}),
+	resetAllFilters: () => ({ type: "filter/resetAll" }),
+	setSort: (e) => ({
+		type: "sort/set",
+		entries: e
+	}),
+	clearSort: () => ({ type: "sort/clear" })
+}, g = 60, _ = 1e3, v = (e, t, n) => Math.min(Math.max(e, t), n), y = (e) => e.reduce((e, t) => (e[t.key] = t.width, e), {}), b = (e) => ({
+	activeCell: null,
+	selection: null,
+	editingCell: null,
+	dragState: null,
+	columnWidths: y(e),
+	filters: {
+		globalText: "",
+		columnFilters: {}
+	},
+	sort: []
+}), x = (e, t) => {
+	switch (t.type) {
+		case "cell/activate": return {
+			...e,
+			activeCell: t.cell
+		};
+		case "selection/start": return {
+			...e,
+			activeCell: t.cell,
+			selection: {
+				type: "cell",
+				range: {
+					start: t.cell,
+					end: t.cell
+				}
+			},
+			dragState: {
+				type: "selection",
+				selectionKind: "cell",
+				anchor: t.cell
+			}
+		};
+		case "rowSelection/start": return {
+			...e,
+			activeCell: {
+				row: t.row,
+				col: e.activeCell?.col ?? 0
+			},
+			selection: {
+				type: "row",
+				startRow: t.row,
+				endRow: t.row
+			},
+			dragState: {
+				type: "selection",
+				selectionKind: "row",
+				anchorRow: t.row
+			}
+		};
+		case "rowSelection/update": return e.dragState?.type !== "selection" || e.dragState.selectionKind !== "row" || e.selection?.type === "row" && e.selection.endRow === t.row ? e : {
+			...e,
+			selection: {
+				type: "row",
+				startRow: e.dragState.anchorRow,
+				endRow: t.row
+			}
+		};
+		case "selection/update": return e.dragState?.type !== "selection" || e.dragState.selectionKind !== "cell" || e.selection?.type === "cell" && e.selection.range.end.row === t.cell.row && e.selection.range.end.col === t.cell.col ? e : {
+			...e,
+			selection: {
+				type: "cell",
+				range: {
+					start: e.dragState.anchor,
+					end: t.cell
+				}
+			}
+		};
+		case "columnSelection/start": return {
+			...e,
+			activeCell: {
+				row: e.activeCell?.row ?? 0,
+				col: t.col
+			},
+			selection: {
+				type: "col",
+				startCol: t.col,
+				endCol: t.col
+			},
+			dragState: {
+				type: "selection",
+				selectionKind: "col",
+				anchorCol: t.col
+			}
+		};
+		case "columnSelection/update": return e.dragState?.type !== "selection" || e.dragState.selectionKind !== "col" || e.selection?.type === "col" && e.selection.endCol === t.col ? e : {
+			...e,
+			selection: {
+				type: "col",
+				startCol: e.dragState.anchorCol,
+				endCol: t.col
+			}
+		};
+		case "selection/end": return e.dragState?.type === "selection" ? {
+			...e,
+			dragState: null
+		} : e;
+		case "selection/clear": return {
+			...e,
+			selection: null,
+			dragState: null
+		};
+		case "edit/start": return {
+			...e,
+			editingCell: t.cell,
+			activeCell: t.cell
+		};
+		case "edit/stop": return {
+			...e,
+			editingCell: null
+		};
+		case "column/resizeStart": return {
+			...e,
+			dragState: {
+				type: "columnResize",
+				columnKey: t.columnKey,
+				startX: t.startX,
+				startWidth: t.startWidth,
+				minWidth: t.minWidth || g,
+				maxWidth: t.maxWidth || _
+			}
+		};
+		case "column/resizeUpdate": {
+			if (e.dragState?.type !== "columnResize") return e;
+			let n = v(e.dragState.startWidth + (t.clientX - e.dragState.startX), e.dragState.minWidth, e.dragState.maxWidth);
+			return e.columnWidths[e.dragState.columnKey] === n ? e : {
+				...e,
+				columnWidths: {
+					...e.columnWidths,
+					[e.dragState.columnKey]: n
+				}
+			};
+		}
+		case "column/resizeEnd": return e.dragState?.type === "columnResize" ? {
+			...e,
+			dragState: null
+		} : e;
+		case "columnWidths/sync": return {
+			...e,
+			columnWidths: {
+				...e.columnWidths,
+				...t.widths
+			}
+		};
+		case "filter/setGlobal": return {
+			...e,
+			filters: {
+				...e.filters,
+				globalText: t.value
+			}
+		};
+		case "filter/setColumn": return {
+			...e,
+			filters: {
+				...e.filters,
+				columnFilters: {
+					...e.filters.columnFilters,
+					[t.columnKey]: t.value
+				}
+			}
+		};
+		case "filter/clearColumn": {
+			let n = { ...e.filters.columnFilters };
+			return delete n[t.columnKey], {
+				...e,
+				filters: {
+					...e.filters,
+					columnFilters: n
+				}
+			};
+		}
+		case "filter/resetAll": return {
+			...e,
+			filters: {
+				globalText: "",
+				columnFilters: {}
+			}
+		};
+		case "sort/set": return {
+			...e,
+			sort: t.entries
+		};
+		case "sort/clear": return {
+			...e,
+			sort: []
+		};
+		default: return e;
+	}
+}, S = (e) => ({
+	start: {
+		row: Math.min(e.start.row, e.end.row),
+		col: Math.min(e.start.col, e.end.col)
+	},
+	end: {
+		row: Math.max(e.start.row, e.end.row),
+		col: Math.max(e.start.col, e.end.col)
+	}
+}), C = (e, t) => ({
+	startRow: Math.min(e, t),
+	endRow: Math.max(e, t)
+}), w = (e, t) => ({
+	startCol: Math.min(e, t),
+	endCol: Math.max(e, t)
+}), T = (e) => e.filters.globalText, E = (e) => {
+	if (!e) return { kind: "none" };
+	if (e.type === "cell") {
+		let t = S(e.range);
+		return {
+			kind: "cell",
+			startRow: t.start.row,
+			endRow: t.end.row,
+			startCol: t.start.col,
+			endCol: t.end.col
+		};
+	}
+	if (e.type === "row") {
+		let t = C(e.startRow, e.endRow);
+		return {
+			kind: "row",
+			startRow: t.startRow,
+			endRow: t.endRow
+		};
+	}
+	let t = w(e.startCol, e.endCol);
+	return {
+		kind: "col",
+		startCol: t.startCol,
+		endCol: t.endCol
+	};
+};
+//#endregion
+//#region src/components/spreadsheet-grid/SelectionOverlay.tsx
+function D({ rect: e, headerHeight: t, leadingWidth: n, baseOffset: r = 0 }) {
+	return e ? /* @__PURE__ */ d("div", {
+		className: "ssg-selection-overlay",
+		style: {
+			position: "absolute",
+			left: n + e.left,
+			top: t + e.top - r,
+			width: e.width,
+			height: e.height
+		}
+	}) : null;
+}
+//#endregion
+//#region src/components/spreadsheet-grid/ActiveCellOverlay.tsx
+function O({ rect: e, headerHeight: t, leadingWidth: n, baseOffset: r = 0 }) {
+	return e ? /* @__PURE__ */ d("div", {
+		className: "ssg-active-cell-overlay",
+		style: {
+			position: "absolute",
+			left: n + e.left,
+			top: t + e.top - r,
+			width: e.width,
+			height: e.height
+		}
+	}) : null;
+}
+//#endregion
+//#region src/components/spreadsheet-grid/CellEditorLayer.tsx
+function k({ rect: e, headerHeight: t, leadingWidth: n, baseOffset: i = 0, initialValue: a, onCommit: o, onCancel: l }) {
+	let u = s(null), [f, p] = c(""), m = e !== null, [h, g] = c(!1);
+	return m !== h && (g(m), m && p(a)), r(() => {
+		if (!e || !u.current) return;
+		u.current.focus();
+		let t = u.current.value.length;
+		u.current.setSelectionRange(t, t);
+	}, [e]), e ? /* @__PURE__ */ d("div", {
+		className: "ssg-cell-editor",
+		style: {
+			position: "absolute",
+			left: n + e.left,
+			top: t + e.top - i,
+			width: e.width,
+			height: e.height
+		},
+		children: /* @__PURE__ */ d("input", {
+			ref: u,
+			type: "text",
+			value: f,
+			onChange: (e) => p(e.target.value),
+			onKeyDown: (e) => {
+				if (e.key === "Enter") {
+					e.preventDefault(), o(f, "down");
+					return;
+				}
+				if (e.key === "Escape") {
+					e.preventDefault(), l();
+					return;
+				}
+				e.key === "Tab" && (e.preventDefault(), o(f, e.shiftKey ? "left" : "right"));
+			},
+			onBlur: () => o(f),
+			className: "ssg-cell-editor-input"
+		})
+	}) : null;
+}
+//#endregion
+//#region src/components/spreadsheet-grid/utils/permissions.ts
+var A = (e, t, n, r, i) => e.readOnly || i.readOnly || i.editable === !1 ? !1 : e.canEditCell ? e.canEditCell(t, n, r, i) : !0, j = (e, t) => t.getValue ? t.getValue(e) : e[t.key], M = (e, t, n) => t.setValue ? t.setValue(e, n) : {
+	...e,
+	[t.key]: n
+}, N = (e) => {
+	let t = new Int32Array(e);
+	for (let n = 0; n < e; n += 1) t[n] = n;
+	return t;
+}, P = (e) => e?.kind === "set", F = (e) => {
+	if (!e) return !1;
+	switch (e.kind) {
+		case "set":
+		case "number":
+		case "custom": return !0;
+		case "select": return e.value.length > 0;
+		case "text":
+		case "date": return e.value.trim().length > 0;
+	}
+}, I = (e) => {
+	let t = e.trim();
+	if (!t) return null;
+	let n = t.match(/^(-?\d+(?:\.\d+)?)\s*\.\.\s*(-?\d+(?:\.\d+)?)$/);
+	if (n) {
+		let e = Number(n[1]), t = Number(n[2]);
+		return !Number.isFinite(e) || !Number.isFinite(t) ? null : {
+			mode: "range",
+			min: Math.min(e, t),
+			max: Math.max(e, t)
+		};
+	}
+	let r = t.match(/^(<=|>=|=|<|>)?\s*(-?\d+(?:\.\d+)?)$/);
+	return r ? {
+		mode: "comparison",
+		operator: r[1] ?? "=",
+		value: Number(r[2])
+	} : null;
+}, L = (e) => e?.kind === "number", ee = (e) => {
+	let t = e.trim();
+	return t ? {
+		kind: "number",
+		raw: t,
+		parsed: I(t)
+	} : null;
+}, te = (e) => {
+	if (!e) return "";
+	switch (e.kind) {
+		case "number": return e.raw;
+		case "text":
+		case "date":
+		case "select": return e.value;
+		case "set":
+		case "custom": return "";
+	}
+}, ne = (e, t, n) => {
+	if (!F(t)) return null;
+	let r = t;
+	if (e.filterFn) {
+		let t = e.filterFn;
+		return (e) => t(e, r);
+	}
+	switch (r.kind) {
+		case "set": {
+			let t = new Set(r.values);
+			return r.mode === "exclude" ? (n) => !t.has(String(j(n, e) ?? "")) : (n) => t.has(String(j(n, e) ?? ""));
+		}
+		case "number": {
+			let t = r.parsed;
+			if (t === null) {
+				let t = r.raw.toLowerCase();
+				return (n) => String(j(n, e) ?? "").toLowerCase().includes(t);
+			}
+			if (t.mode === "range") {
+				let { min: r, max: i } = t;
+				return (t, a) => {
+					let o = n ? n[a] : Number(j(t, e));
+					return Number.isFinite(o) && o >= r && o <= i;
+				};
+			}
+			let { operator: i, value: a } = t;
+			return (t, r) => {
+				let o = n ? n[r] : Number(j(t, e));
+				if (!Number.isFinite(o)) return !1;
+				switch (i) {
+					case ">": return o > a;
+					case ">=": return o >= a;
+					case "<": return o < a;
+					case "<=": return o <= a;
+					default: return o === a;
+				}
+			};
+		}
+		case "select": {
+			let t = r.value;
+			return (n) => String(j(n, e) ?? "") === t;
+		}
+		case "text":
+		case "date": {
+			let t = r.value.trim().toLowerCase();
+			return (n) => String(j(n, e) ?? "").toLowerCase().includes(t);
+		}
+		case "custom": {
+			let t = String(r.value ?? "").trim().toLowerCase();
+			return (n) => String(j(n, e) ?? "").toLowerCase().includes(t);
+		}
+	}
+}, re = (e, t, n, r) => {
+	let i = r.trim().toLowerCase();
+	if (!i) return t;
+	let a = t.length, o = n.length, s = new Int32Array(a), c = 0;
+	for (let r = 0; r < a; r += 1) {
+		let a = t[r], l = e[a], u = !1;
+		for (let e = 0; e < o; e += 1) {
+			let t = j(l, n[e]);
+			if (String(t ?? "").toLowerCase().includes(i)) {
+				u = !0;
+				break;
+			}
+		}
+		u && (s[c] = a, c += 1);
+	}
+	return c === a ? t : s.slice(0, c);
+}, ie = (e, t, n, r, i) => {
+	let a = [];
+	for (let e of n) {
+		let t = ne(e, r[e.key], i?.get(e.key));
+		t && a.push(t);
+	}
+	if (a.length === 0) return t;
+	let o = t.length, s = a.length, c = new Int32Array(o), l = 0;
+	for (let n = 0; n < o; n += 1) {
+		let r = t[n], i = e[r], o = !0;
+		for (let e = 0; e < s; e += 1) if (!a[e](i, r)) {
+			o = !1;
+			break;
+		}
+		o && (c[l] = r, l += 1);
+	}
+	return l === o ? t : c.slice(0, l);
+}, ae = 240, R = 8, oe = 8, se = 260, ce = 400, le = ({ visibleColumns: e, columnFilterValues: n, enableColumnFilter: i, gridRootRef: o }) => {
+	let [l, u] = c(null), [d, f] = c(null), p = s(null), m = s(null), h = s(null), g = s(null), _ = l !== null, v = l?.columnKey ?? null, y = a(() => v ? e.find((e) => e.key === v) ?? null : null, [v, e]), b = t(() => {
+		if (!v || !m.current) {
+			f(null);
+			return;
+		}
+		let e = m.current.getBoundingClientRect(), t = y?.filterType === "set" ? ce : se, n = e.right - ae;
+		n = Math.max(R, n), n = Math.min(n, window.innerWidth - ae - R);
+		let r = e.bottom + oe;
+		r + t > window.innerHeight - R && (r = e.top - t - oe), r = Math.max(R, r), f((e) => e && e.top === r && e.left === n && e.width === ae ? e : {
+			top: r,
+			left: n,
+			width: ae
+		});
+	}, [v, y]), x = t((e, t) => {
+		t.preventDefault(), t.stopPropagation(), i && (document.activeElement instanceof HTMLElement && document.activeElement.blur(), o.current?.blur(), m.current = t.currentTarget, u({
+			columnKey: e.key,
+			draftValue: te(n[e.key])
+		}));
+	}, [
+		n,
+		i,
+		o
+	]), S = t(() => {
+		u(null), f(null), m.current = null, h.current = null, g.current = null, requestAnimationFrame(() => {
+			o.current?.focus();
+		});
+	}, [o]), C = t((e) => {
+		u((t) => t && {
+			...t,
+			draftValue: e
+		});
+	}, []);
+	return r(() => {
+		if (!v) return;
+		b();
+		let e = () => {
+			b();
+		};
+		return window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+		};
+	}, [v, b]), r(() => {
+		if (!y || !d) return;
+		let e = y.filterType ?? "text", t = 0, n = 0;
+		return t = requestAnimationFrame(() => {
+			n = requestAnimationFrame(() => {
+				if (e === "select") {
+					g.current?.focus();
+					return;
+				}
+				let t = h.current;
+				if (!t) return;
+				t.focus();
+				let n = t.value.length;
+				t.setSelectionRange(n, n);
+			});
+		}), () => {
+			cancelAnimationFrame(t), cancelAnimationFrame(n);
+		};
+	}, [
+		y,
+		d?.top,
+		d?.left,
+		d?.width
+	]), r(() => {
+		if (!_) return;
+		let e = (e) => {
+			let t = e.target;
+			t && (p.current?.contains(t) || m.current?.contains(t) || S());
+		};
+		return window.addEventListener("pointerdown", e), () => {
+			window.removeEventListener("pointerdown", e);
+		};
+	}, [S, _]), {
+		filterPopoverState: l,
+		filterPopoverLayout: d,
+		filterPopoverRef: p,
+		filterTextInputRef: h,
+		filterSelectRef: g,
+		isFilterPopoverOpen: _,
+		openedFilterColumn: y,
+		openColumnFilterPopover: x,
+		closeColumnFilterPopover: S,
+		updateFilterPopoverDraft: C
+	};
+}, ue = (e, t, n) => Math.min(Math.max(e, t), n), de = (e, t) => {
+	let n = 0;
+	return e.map((e, r) => {
+		let i = t[e.key] ?? e.width, a = {
+			index: r,
+			column: e,
+			start: n,
+			size: i,
+			end: n + i
+		};
+		return n += i, a;
+	});
+}, fe = (e) => e.pinned === "left" ? "left" : e.pinned === "right" ? "right" : "center", pe = (e) => {
+	let t = [], n = [], r = [];
+	for (let i of e) {
+		let e = fe(i);
+		e === "left" ? t.push(i) : e === "right" ? r.push(i) : n.push(i);
+	}
+	return [
+		...t,
+		...n,
+		...r
+	];
+}, me = (e) => {
+	let t = {
+		left: [],
+		center: [],
+		right: []
+	};
+	return e.forEach((e, n) => {
+		t[fe(e)].push({
+			column: e,
+			logicalIndex: n
+		});
+	}), t;
+}, he = (e, t) => e.map(({ column: e }) => t[e.key] ?? e.width), ge = (e, t) => he(e, t).join(","), _e = (e) => e === "" ? [] : e.split(",").map(Number), z = (e, t, n) => {
+	let r = 0;
+	return {
+		pane: e,
+		entries: t.map(({ column: e, logicalIndex: t }, i) => {
+			let a = n[i] ?? e.width, o = {
+				column: e,
+				logicalIndex: t,
+				paneLocalStart: r,
+				paneLocalSize: a,
+				paneLocalEnd: r + a
+			};
+			return r += a, o;
+		}),
+		totalWidth: r
+	};
+}, ve = (e, t, n) => z(e, t, _e(n)), ye = (e, t) => {
+	let n = [
+		["left", e.left],
+		["center", e.center],
+		["right", e.right]
+	];
+	for (let [e, r] of n) {
+		let n = r.entries.find((e) => e.logicalIndex === t);
+		if (n) return {
+			pane: e,
+			entry: n
+		};
+	}
+	return null;
+}, be = (e, t) => {
+	let { entries: n } = e;
+	if (n.length === 0) return -1;
+	if (t <= 0) return n[0].logicalIndex;
+	let r = 0, i = n.length - 1;
+	for (; r <= i;) {
+		let e = Math.floor((r + i) / 2), a = n[e];
+		if (t < a.paneLocalStart) {
+			i = e - 1;
+			continue;
+		}
+		if (t >= a.paneLocalEnd) {
+			r = e + 1;
+			continue;
+		}
+		return a.logicalIndex;
+	}
+	return n[Math.max(0, Math.min(r, n.length - 1))].logicalIndex;
+}, xe = (e, t) => {
+	let { entries: n } = e;
+	for (let e = 0; e < n.length; e += 1) {
+		let r = n[e];
+		if (t < r.paneLocalStart + r.paneLocalSize / 2) return e;
+	}
+	return n.length;
+}, Se = (e, t) => {
+	let { entries: n, totalWidth: r } = e;
+	return n.length === 0 ? 0 : t <= 0 ? n[0].paneLocalStart : t >= n.length ? r : n[t].paneLocalStart;
+}, Ce = (e, t, n) => {
+	let r = Math.min(t, n), i = Math.max(t, n), a = Infinity, o = -Infinity, s = !1;
+	for (let t of e.entries) t.logicalIndex < r || t.logicalIndex > i || (s = !0, t.paneLocalStart < a && (a = t.paneLocalStart), t.paneLocalEnd > o && (o = t.paneLocalEnd));
+	return s ? {
+		start: a,
+		end: o,
+		width: o - a
+	} : null;
+}, we = (e, t, n) => ({
+	left: Ce(e.left, t, n),
+	center: Ce(e.center, t, n),
+	right: Ce(e.right, t, n)
+}), Te = (e) => {
+	let t = (e) => e.entries.length === 0 ? null : {
+		start: 0,
+		end: e.totalWidth,
+		width: e.totalWidth
+	};
+	return {
+		left: t(e.left),
+		center: t(e.center),
+		right: t(e.right)
+	};
+}, Ee = (e, t) => {
+	let n = ye(e, t);
+	if (!n) return null;
+	let { pane: r, entry: i } = n;
+	return {
+		pane: r,
+		extent: {
+			start: i.paneLocalStart,
+			end: i.paneLocalEnd,
+			width: i.paneLocalSize
+		}
+	};
+}, De = (e) => {
+	let t = e.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
+	return t ? t.split("\n").filter((e) => e.length > 0).map((e) => e.split("	")) : [];
+}, Oe = (e, t, n, r) => {
+	if (!r) return "";
+	let i = [];
+	if (r.type === "cell") {
+		let t = S(r.range);
+		for (let r = t.start.row; r <= t.end.row; r += 1) {
+			let a = e(r);
+			if (!a) continue;
+			let o = [];
+			for (let e = t.start.col; e <= t.end.col; e += 1) {
+				let t = n[e];
+				if (!t) continue;
+				let r = j(a, t), i = t.formatClipboardValue ? t.formatClipboardValue(r, a) : String(r ?? "");
+				o.push(i);
+			}
+			i.push(o.join("	"));
+		}
+		return i.join("\n");
+	}
+	if (r.type === "row") {
+		let t = C(r.startRow, r.endRow);
+		for (let r = t.startRow; r <= t.endRow; r += 1) {
+			let t = e(r);
+			if (!t) continue;
+			let a = n.map((e) => {
+				let n = j(t, e);
+				return e.formatClipboardValue ? e.formatClipboardValue(n, t) : String(n ?? "");
+			});
+			i.push(a.join("	"));
+		}
+		return i.join("\n");
+	}
+	let a = w(r.startCol, r.endCol);
+	for (let r = 0; r < t; r += 1) {
+		let t = e(r);
+		if (!t) continue;
+		let o = [];
+		for (let e = a.startCol; e <= a.endCol; e += 1) {
+			let r = n[e];
+			if (!r) continue;
+			let i = j(t, r), a = r.formatClipboardValue ? r.formatClipboardValue(i, t) : String(i ?? "");
+			o.push(a);
+		}
+		i.push(o.join("	"));
+	}
+	return i.join("\n");
+}, ke = (e, t, n, r, i, a, o) => {
+	if (r.length === 0) return e;
+	let s = [...e];
+	for (let e = 0; e < r.length; e += 1) {
+		let c = t(i + e);
+		if (c === void 0) continue;
+		let l = s[c];
+		if (!l) continue;
+		let u = l, d = !1;
+		for (let t = 0; t < r[e].length; t += 1) {
+			let i = a + t, s = n[i];
+			if (!s || !o(c, i, l, s)) continue;
+			let f = r[e][t], p = s.parseClipboardValue ? s.parseClipboardValue(f, l) : f;
+			u = M(u, s, p), d = !0;
+		}
+		d && (s[c] = u);
+	}
+	return s;
+}, Ae = ({ rows: e, rowModel: n, visibleColumns: r, uiState: i, readOnly: a, canEditCell: o, createRow: s, createOverflowColumn: c, onRowsChange: l, onColumnsChange: u, dispatch: d }) => {
+	let f = n.getRowCount(), p = f > 0 && r.length > 0 && i.selection?.type === "cell" && (() => {
+		let e = i.selection.range.start, t = i.selection.range.end, n = Math.min(e.row, t.row), a = Math.min(e.col, t.col), o = Math.max(e.row, t.row), s = Math.max(e.col, t.col);
+		return n === 0 && a === 0 && o === f - 1 && s === r.length - 1;
+	})(), m = t(() => {
+		let e = n.getRowCount();
+		if (e === 0 || r.length === 0) return "";
+		let t = [];
+		for (let i = 0; i < e; i += 1) {
+			let e = n.getRow(i);
+			if (!e) continue;
+			let a = r.map((t) => {
+				let n = j(e, t);
+				return t.formatClipboardValue ? t.formatClipboardValue(n, e) : String(n ?? "");
+			});
+			t.push(a.join("	"));
+		}
+		return t.join("\n");
+	}, [n, r]);
+	return {
+		isWholeGridSelected: p,
+		handleCopy: t(async () => {
+			let e = p ? m() : Oe(n.getRow, n.getRowCount(), r, i.selection);
+			e && navigator.clipboard?.writeText && await navigator.clipboard.writeText(e);
+		}, [
+			p,
+			n,
+			m,
+			i.selection,
+			r
+		]),
+		handlePaste: t((t) => {
+			if (!l || !i.activeCell) return;
+			let f = t.clipboardData.getData("text/plain");
+			if (!f) return;
+			t.preventDefault();
+			let p = De(f);
+			if (p.length === 0) return;
+			let m = i.activeCell.row, g = n.getSourceIndex(m);
+			if (g === void 0) return;
+			let _ = i.activeCell.col, v = [...e], y = [...r], b = n.getRowCount(), x = v.length, S = (e) => e < b ? n.getSourceIndex(e) : x + (e - b), C = g + p.length;
+			if (C > v.length && s) for (; v.length < C;) v.push(s());
+			let w = p.reduce((e, t) => Math.max(e, t.length), 0);
+			if (w === 0) return;
+			let T = _ + w;
+			if (T > y.length && u && c) {
+				for (; y.length < T;) y.push(c(y.length));
+				u(y);
+			}
+			let E = ke(v, S, y, p, m, _, (e, t, n, r) => A({
+				readOnly: a,
+				canEditCell: o
+			}, e, t, n, r)), D = ue(i.activeCell.row + Math.max(p.length - 1, 0), 0, Math.max(Math.max(n.getRowCount() - 1, 0), m + p.length - 1)), O = ue(i.activeCell.col + Math.max((p[0]?.length ?? 1) - 1, 0), 0, Math.max(Math.max(y.length - 1, 0), _ + w - 1));
+			l(E), d(h.startSelection(i.activeCell)), d(h.updateSelection({
+				row: D,
+				col: O
+			})), d(h.endSelection()), d(h.activateCell(i.activeCell));
+		}, [
+			o,
+			c,
+			s,
+			d,
+			u,
+			l,
+			a,
+			n,
+			e,
+			i.activeCell,
+			r
+		])
+	};
+}, B = (e) => {
+	if (e < 0) return "";
+	let t = e, n = "";
+	for (; t >= 0;) n = String.fromCharCode(t % 26 + 65) + n, t = Math.floor(t / 26) - 1;
+	return n;
+}, je = (e, t, n) => e ? e(t) : n, Me = (e, t = 16) => e.length <= t ? e : `${e.slice(0, t)}…`, Ne = (e) => e ? `${B(e.col)}${e.row + 1}` : "なし", Pe = (e) => {
+	if (!e) return "なし";
+	if (e.type === "cell") {
+		let t = Math.min(e.range.start.row, e.range.end.row), n = Math.max(e.range.start.row, e.range.end.row), r = Math.min(e.range.start.col, e.range.end.col), i = Math.max(e.range.start.col, e.range.end.col);
+		return `${B(r)}${t + 1} - ${B(i)}${n + 1}`;
+	}
+	if (e.type === "row") {
+		let t = Math.min(e.startRow, e.endRow), n = Math.max(e.startRow, e.endRow);
+		return `Row ${t + 1} - ${n + 1}`;
+	}
+	let t = Math.min(e.startCol, e.endCol), n = Math.max(e.startCol, e.endCol);
+	return `Col ${B(t)} - ${B(n)}`;
+}, Fe = (e, t) => `Rows: ${t} / ${e.rows.length}`, Ie = (e) => `Columns: ${e.visibleColumns.length} / ${e.columns.length}`, Le = (e, t) => {
+	let n = e.selection;
+	if (!n) return {
+		selectedCellCount: 0,
+		selectedRowCount: 0,
+		selectedColumnCount: 0
+	};
+	if (n.type === "cell") {
+		let e = Math.min(n.range.start.row, n.range.end.row), t = Math.max(n.range.start.row, n.range.end.row), r = Math.min(n.range.start.col, n.range.end.col), i = Math.max(n.range.start.col, n.range.end.col), a = t - e + 1, o = i - r + 1;
+		return {
+			selectedCellCount: a * o,
+			selectedRowCount: a,
+			selectedColumnCount: o
+		};
+	}
+	if (n.type === "row") {
+		let t = Math.min(n.startRow, n.endRow), r = Math.max(n.startRow, n.endRow) - t + 1, i = e.visibleColumns.length;
+		return {
+			selectedCellCount: r * i,
+			selectedRowCount: r,
+			selectedColumnCount: i
+		};
+	}
+	let r = Math.min(n.startCol, n.endCol), i = Math.max(n.startCol, n.endCol) - r + 1, a = t;
+	return {
+		selectedCellCount: a * i,
+		selectedRowCount: a,
+		selectedColumnCount: i
+	};
+}, Re = (e, t) => {
+	let n = Le(e, t);
+	return `Cells: ${n.selectedCellCount} / Rows: ${n.selectedRowCount}`;
+}, ze = (e) => Object.values(e).filter((e) => F(e)).length, Be = (e) => {
+	let t = e.globalFilterText.trim().length > 0, n = t ? Me(e.globalFilterText.trim()) : null, r = ze(e.columnFilterValues);
+	return !t && r === 0 ? "Filter: なし" : t && r === 0 ? `Filter: Global("${n}")` : !t && r > 0 ? `Filter: ${r}列` : `Filter: Global("${n}") + ${r}列`;
+}, Ve = (e, t) => {
+	let n = e.find((e) => e.key === t);
+	return n?.title || n?.key || t;
+}, He = (e) => e.sortState.length === 0 ? "Sort: なし" : `Sort: ${e.sortState.map((t) => `${Ve(e.columns, t.columnKey)} (${t.direction === "asc" ? "昇順" : "降順"})`).join(", ")}`, Ue = (e, t) => {
+	let n = Le(e, t), r = e.globalFilterText.trim().length > 0, i = r ? Me(e.globalFilterText.trim()) : null, a = ze(e.columnFilterValues), o = r || a > 0, s = e.sortState.length > 0, c = s ? Ve(e.columns, e.sortState[0].columnKey) : null;
+	return {
+		rowSummaryText: Fe(e, t),
+		columnSummaryText: Ie(e),
+		filterSummaryText: Be(e),
+		sortSummaryText: He(e),
+		activeCellLabel: Ne(e.activeCell),
+		selectionLabel: Pe(e.selection),
+		selectionStatsText: Re(e, t),
+		selectionStats: n,
+		hasGlobalFilter: r,
+		globalFilterPreview: i,
+		activeColumnFilterCount: a,
+		hasAnyFilter: o,
+		hasSorting: s,
+		sortedColumnLabel: c
+	};
+}, We = ({ rows: e, viewRowCount: t, getFilteredRows: n, columns: r, visibleColumns: i, uiState: o, setGlobalFilterText: s }) => {
+	let c = T(o), l = o.filters.columnFilters, u = o.sort, d = o.activeCell, f = o.selection, p = a(() => ({
+		rows: e,
+		columns: r,
+		visibleColumns: i,
+		globalFilterText: c,
+		columnFilterValues: l,
+		sortState: u,
+		activeCell: d,
+		selection: f
+	}), [
+		e,
+		r,
+		i,
+		c,
+		l,
+		u,
+		d,
+		f
+	]), m = a(() => Ue(p, t), [p, t]);
+	return {
+		slotContextBase: p,
+		derivedSummary: m,
+		slotContext: a(() => ({
+			...p,
+			get filteredRows() {
+				return n();
+			},
+			setGlobalFilterText: s,
+			derivedSummary: m
+		}), [
+			m,
+			n,
+			s,
+			p
+		])
+	};
+}, Ge = ({ uiState: e, rows: n, visibleColumns: r, rowModel: i, setEditorInitialValue: a, onRowsChange: o, dispatch: s, getMovedCell: c, gridRootRef: l, editorActionGuardRef: u }) => {
+	let d = t((e) => {
+		s(h.startSelection(e)), s(h.endSelection()), s(h.activateCell(e));
+	}, [s]);
+	return {
+		activateSingleCell: d,
+		startEditWithValue: t((e, t) => {
+			a(t), s(h.startEdit(e));
+		}, [s, a]),
+		commitEdit: t((t, a) => {
+			if (u.current || !e.editingCell) return;
+			let f = e.editingCell, p = a === "down" ? c(f, 1, 0) : a === "right" ? c(f, 0, 1) : a === "left" ? c(f, 0, -1) : f, m = r[f.col], g = i.getSourceIndex(f.row), _ = n[g];
+			if (!m || !_) {
+				s(h.stopEdit());
+				return;
+			}
+			if (o) {
+				let e = m.parseClipboardValue ? m.parseClipboardValue(t, _) : t;
+				o(n.map((t, n) => n === g ? M(t, m, e) : t));
+			}
+			u.current = !0, requestAnimationFrame(() => {
+				l.current?.focus(), d(p), u.current = !1;
+			}), s(h.stopEdit());
+		}, [
+			d,
+			s,
+			u,
+			i,
+			c,
+			l,
+			o,
+			n,
+			e.editingCell,
+			r
+		]),
+		cancelEdit: t(() => {
+			u.current || (u.current = !0, s(h.stopEdit()), requestAnimationFrame(() => {
+				l.current?.focus(), u.current = !1;
+			}));
+		}, [
+			s,
+			u,
+			l
+		])
+	};
+}, Ke = (e) => e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey, qe = (e) => e instanceof HTMLElement ? e.closest("input, textarea, select, button, [contenteditable=\"true\"]") !== null : !1, Je = ({ uiState: e, rowModel: n, visibleColumns: r, readOnly: i, canEditCell: a, setEditorInitialValue: o, dispatch: s, handleCopy: c, handleCellDoubleClick: l, isWholeGridSelected: u, selectEntireGrid: d }) => {
+	let f = n.getRowCount(), p = t((e, t, n) => ({
+		row: ue(e.row + t, 0, Math.max(f - 1, 0)),
+		col: ue(e.col + n, 0, Math.max(r.length - 1, 0))
+	}), [f, r.length]), m = t((t, n, i) => {
+		if (f === 0 || r.length === 0) return;
+		let a = e.activeCell ?? {
+			row: 0,
+			col: 0
+		}, o = {
+			row: ue(a.row + t, 0, f - 1),
+			col: ue(a.col + n, 0, r.length - 1)
+		};
+		if (i) {
+			let t = e.selection?.type === "cell" ? e.selection.range.start : a;
+			s(h.startSelection(t)), s(h.updateSelection(o)), s(h.endSelection()), s(h.activateCell(o));
+			return;
+		}
+		s(h.startSelection(o)), s(h.endSelection()), s(h.activateCell(o));
+	}, [
+		s,
+		f,
+		e.activeCell,
+		e.selection,
+		r.length
+	]);
+	return {
+		getMovedCell: p,
+		handleKeyDown: t(async (t) => {
+			if (!qe(t.target) && !e.editingCell) {
+				if ((t.ctrlKey || t.metaKey) && t.key.toLowerCase() === "c") {
+					t.preventDefault(), await c();
+					return;
+				}
+				if ((t.ctrlKey || t.metaKey) && t.key.toLowerCase() === "a") {
+					if (t.preventDefault(), u) {
+						s(h.clearSelection()), s(h.activateCell(null));
+						return;
+					}
+					d();
+					return;
+				}
+				if (t.key === "ArrowUp") {
+					t.preventDefault(), m(-1, 0, t.shiftKey);
+					return;
+				}
+				if (t.key === "ArrowDown") {
+					t.preventDefault(), m(1, 0, t.shiftKey);
+					return;
+				}
+				if (t.key === "ArrowLeft") {
+					t.preventDefault(), m(0, -1, t.shiftKey);
+					return;
+				}
+				if (t.key === "ArrowRight") {
+					t.preventDefault(), m(0, 1, t.shiftKey);
+					return;
+				}
+				if (t.key === "Tab") {
+					t.preventDefault(), m(0, t.shiftKey ? -1 : 1, !1);
+					return;
+				}
+				if (t.key === "Escape") {
+					t.preventDefault(), s(h.clearSelection());
+					return;
+				}
+				if (t.key === "Enter" || t.key === "F2") {
+					t.preventDefault(), e.activeCell && l(e.activeCell);
+					return;
+				}
+				if (Ke(t) && e.activeCell) {
+					let c = n.getRow(e.activeCell.row), l = r[e.activeCell.col];
+					if (!c || !l || !A({
+						readOnly: i,
+						canEditCell: a
+					}, e.activeCell.row, e.activeCell.col, c, l)) return;
+					t.preventDefault(), o(t.key), s(h.startEdit(e.activeCell));
+				}
+			}
+		}, [
+			a,
+			s,
+			n,
+			l,
+			c,
+			u,
+			m,
+			i,
+			d,
+			o,
+			e.activeCell,
+			e.editingCell,
+			r
+		])
+	};
+}, Ye = new Intl.Collator("ja", {
+	numeric: !0,
+	sensitivity: "base"
+}), Xe = (e, t) => {
+	let n = Number(e), r = Number(t);
+	return Number.isFinite(n) && Number.isFinite(r) ? n - r : Ye.compare(String(e ?? ""), String(t ?? ""));
+}, Ze = (e, t, n, r) => {
+	if (!r) return e.length === 1 && e[0].columnKey === t && e[0].direction === n ? [] : [{
+		columnKey: t,
+		direction: n
+	}];
+	let i = e.findIndex((e) => e.columnKey === t);
+	return i === -1 ? [...e, {
+		columnKey: t,
+		direction: n
+	}] : e[i].direction === n ? e.filter((e, t) => t !== i) : e.map((e, r) => r === i ? {
+		columnKey: t,
+		direction: n
+	} : e);
+}, Qe = (e, t, n) => e.some((e) => e.columnKey === t) ? e : [...e, {
+	columnKey: t,
+	direction: n
+}], $e = (e, t, n) => t < 0 || t >= e.length || e[t].direction === n ? e : e.map((e, r) => r === t ? {
+	...e,
+	direction: n
+} : e), et = (e, t, n) => t < 0 || t >= e.length || e[t].columnKey === n ? e : e.map((e, r) => r === t ? {
+	...e,
+	columnKey: n
+} : e).filter((e, r) => r === t || e.columnKey !== n), tt = (e, t) => t < 0 || t >= e.length ? e : e.filter((e, n) => n !== t), nt = (e, t, n) => {
+	if (t < 0 || t >= e.length || n < 0 || n >= e.length || t === n) return e;
+	let r = [...e], [i] = r.splice(t, 1);
+	return r.splice(n, 0, i), r;
+}, rt = (e, t, n, r) => {
+	if (r.length === 0) return t;
+	let i = r.map((e) => {
+		let t = n.find((t) => t.key === e.columnKey);
+		return t ? {
+			column: t,
+			multiplier: e.direction === "asc" ? 1 : -1
+		} : null;
+	}).filter((e) => e !== null);
+	if (i.length === 0) return t;
+	let a = t.length, o = i.length, s = i.map((e) => e.multiplier), c = Array(o), l = !0;
+	for (let n = 0; n < o; n += 1) {
+		let r = i[n].column, o = new Float64Array(a), s = !0;
+		for (let n = 0; n < a; n += 1) {
+			let i = Number(j(e[t[n]], r));
+			if (!Number.isFinite(i)) {
+				s = !1;
+				break;
+			}
+			o[n] = i;
+		}
+		if (!s) {
+			l = !1;
+			break;
+		}
+		c[n] = o;
+	}
+	let u = Array(a);
+	for (let e = 0; e < a; e += 1) u[e] = e;
+	if (l) if (o === 1) {
+		let e = c[0], n = s[0];
+		u.sort((r, i) => {
+			let a = e[r] - e[i];
+			return a === 0 ? t[r] - t[i] : a * n;
+		});
+	} else u.sort((e, n) => {
+		for (let t = 0; t < o; t += 1) {
+			let r = c[t][e] - c[t][n];
+			if (r !== 0) return r * s[t];
+		}
+		return t[e] - t[n];
+	});
+	else {
+		let n = i.map(({ column: n }) => {
+			let r = Array(a);
+			for (let i = 0; i < a; i += 1) r[i] = j(e[t[i]], n);
+			return r;
+		});
+		u.sort((e, r) => {
+			for (let t = 0; t < o; t += 1) {
+				let i = Xe(n[t][e], n[t][r]);
+				if (i !== 0) return i * s[t];
+			}
+			return t[e] - t[r];
+		});
+	}
+	let d = new Int32Array(a);
+	for (let e = 0; e < a; e += 1) d[e] = t[u[e]];
+	return d;
+}, it = 15e6, at = (e, t, n, r) => e && t && n > 0 && n <= r, ot = 1 << 20, st = (e, t) => ({
+	rowCount: e,
+	rowTop: (e) => e * t,
+	rowsHeight: (e, n) => (n - e + 1) * t,
+	totalBodyHeight: e * t,
+	rowAtContentY: (n) => Math.min(Math.max(Math.floor(n / t), 0), Math.max(e - 1, 0))
+}), ct = (e, t, n, r) => {
+	if (r < n) return null;
+	let i = Math.max(e, n), a = Math.min(t, r);
+	return i > a ? null : {
+		start: i,
+		end: a
+	};
+}, V = (e, t) => e * t, H = (e, t) => t === 1 ? e : e / t, lt = (e, t, n, r) => {
+	let i = t * (1 - n);
+	return r.rowAtContentY(e - i);
+}, ut = ({ rowCount: e, rowHeight: t, headerHeight: n, viewportHeight: r, scrollTop: i, overscan: a, maxBodyPx: o }) => {
+	let s = e * t, c = Math.min(s, o), l = Math.max(n + s - r, 0), u = Math.max(n + c - r, 0), d = u > 0 && s > c ? l / u : 1, f = Math.min(Math.max(i, 0), u), p = f * d, m = Math.ceil(r / t) + 1, h = Math.floor(p / t), g = Math.max(h - a, 0), _ = Math.min(h + m + a, e), v = d === 1 ? 0 : Math.floor(g * t / ot) * ot, y = f - p + v, b = [], x = /* @__PURE__ */ new Set();
+	for (let e = g; e < _; e += 1) b.push({
+		index: e,
+		start: n + e * t - v
+	}), x.add(e);
+	return {
+		physicalBodyHeight: c,
+		logicalBodyHeight: s,
+		scaleFactor: d,
+		translateY: y,
+		windowBaseOffsetPx: v,
+		rows: b,
+		rowIndexSet: x
+	};
+}, dt = ({ headerHeight: e, viewportHeight: t, scrollTop: n, overscan: r }, i) => {
+	let a = i.rowCount, o = i.totalBodyHeight, s = o, c = Math.max(e + o - t, 0), l = Math.min(Math.max(n, 0), c), u = i.rowAtContentY(l), d = i.rowAtContentY(l + t), f = Math.max(u - r, 0), p = Math.min(d + r + 1, a), m = [], h = /* @__PURE__ */ new Set();
+	for (let t = f; t < p; t += 1) m.push({
+		index: t,
+		start: e + i.rowTop(t),
+		size: i.rowsHeight(t, t)
+	}), h.add(t);
+	return {
+		physicalBodyHeight: s,
+		logicalBodyHeight: o,
+		scaleFactor: 1,
+		translateY: 0,
+		windowBaseOffsetPx: 0,
+		rows: m,
+		rowIndexSet: h
+	};
+}, ft = ({ gridRootRef: e, bodyScrollRef: n, scrollContainerRef: i, leftPaneScrollRef: a, rightPaneScrollRef: o, pointerClientRef: c, autoScrollFrameRef: l, uiState: u, dispatch: d, enableRangeSelection: f, enableSorting: p, orderedColumns: m, filteredRowsLength: g, visibleColumnsLength: _, paneLayout: v, leftLeadingWidth: y, centerLeadingWidth: b, rightLeadingWidth: x, headerHeight: S, rowMetrics: C, verticalScaleFactor: w, setHoveredRowIndex: T, setHoveredColumnIndex: E, enableRowHover: D, enableColumnHeaderHover: O }) => {
+	let k = s(u.dragState);
+	k.current = u.dragState;
+	let A = s(u.sort);
+	A.current = u.sort;
+	let j = s(m);
+	j.current = m;
+	let M = s(p);
+	M.current = p;
+	let N = u.dragState?.type ?? null, P = t((e, t) => {
+		let r = n.current;
+		if (!r || g === 0 || _ === 0) return null;
+		let s = r.getBoundingClientRect(), c = lt(r.scrollTop + t - s.top - S, i.current?.scrollTop ?? 0, w, C), l = null, u = a.current;
+		if (l === null && u && v.left.entries.length > 0) {
+			let t = u.getBoundingClientRect();
+			if (e < t.right) {
+				let n = e - t.left - y;
+				l = be(v.left, n);
+			}
+		}
+		let d = o.current;
+		if (l === null && d && v.right.entries.length > 0) {
+			let t = d.getBoundingClientRect();
+			if (e >= t.left) {
+				let n = e - t.left - x;
+				l = be(v.right, n);
+			}
+		}
+		if (l === null && v.center.entries.length > 0) {
+			let t = r.scrollLeft + e - s.left - b;
+			l = be(v.center, Math.max(t, 0));
+		}
+		return l === null ? null : {
+			row: c,
+			col: ue(l, 0, _ - 1)
+		};
+	}, [
+		n,
+		a,
+		o,
+		i,
+		g,
+		_,
+		v,
+		y,
+		b,
+		x,
+		S,
+		C,
+		w
+	]), F = t((e, t) => {
+		let n = k.current;
+		if (!n || n.type !== "selection") return;
+		let r = P(e, t);
+		if (r) {
+			if (n.selectionKind === "cell") {
+				d(h.updateSelection(r));
+				return;
+			}
+			if (n.selectionKind === "row") {
+				d(h.updateRowSelection(r.row));
+				return;
+			}
+			n.selectionKind === "col" && d(h.updateColumnSelection(r.col));
+		}
+	}, [d, P]);
+	return r(() => {
+		let e = (e) => {
+			c.current = {
+				x: e.clientX,
+				y: e.clientY
+			}, N === "columnResize" && d(h.updateColumnResize(e.clientX));
+		}, t = () => {
+			d(h.endSelection()), d(h.endColumnResize());
+		};
+		return window.addEventListener("pointermove", e), window.addEventListener("pointerup", t), () => {
+			window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", t);
+		};
+	}, [
+		d,
+		c,
+		N
+	]), r(() => {
+		if (N !== "selection") {
+			l.current !== null && (cancelAnimationFrame(l.current), l.current = null);
+			return;
+		}
+		let e = () => {
+			let t = i.current, n = c.current;
+			if (!t || !n) {
+				l.current = requestAnimationFrame(e);
+				return;
+			}
+			let r = t.getBoundingClientRect(), a = t.scrollTop, o = t.scrollLeft, s = k.current?.type === "selection" && k.current.selectionKind === "col", u = k.current?.type === "selection" && k.current.selectionKind === "row";
+			s || (n.y < r.top + 24 ? a = Math.max(t.scrollTop - 18, 0) : n.y > r.bottom - 24 && (a = t.scrollTop + 18)), u || (n.x < r.left + 24 ? o = Math.max(t.scrollLeft - 18, 0) : n.x > r.right - 24 && (o = t.scrollLeft + 18)), (a !== t.scrollTop || o !== t.scrollLeft) && (t.scrollTo({
+				top: a,
+				left: o,
+				behavior: "auto"
+			}), F(n.x, n.y)), l.current = requestAnimationFrame(e);
+		};
+		return l.current = requestAnimationFrame(e), () => {
+			l.current !== null && (cancelAnimationFrame(l.current), l.current = null);
+		};
+	}, [
+		l,
+		i,
+		c,
+		N,
+		F
+	]), {
+		updateSelectionFromPointer: F,
+		handleCellPointerDown: t((t, n) => {
+			n.preventDefault(), n.button === 0 && (e.current?.focus(), d(h.activateCell(t)), f && d(h.startSelection(t)));
+		}, [
+			d,
+			f,
+			e
+		]),
+		handleCellPointerEnter: t((e, t) => {
+			if (D && T(e.row), !f) return;
+			let n = k.current;
+			n?.type !== "selection" || n.selectionKind !== "cell" || (c.current = {
+				x: t.clientX,
+				y: t.clientY
+			}, d(h.updateSelection(e)));
+		}, [
+			d,
+			f,
+			c,
+			T,
+			D
+		]),
+		handleNativeDragStart: t((e) => {
+			e.preventDefault();
+		}, []),
+		handleRowHeaderPointerDown: t((t, n) => {
+			n.preventDefault(), n.button === 0 && (e.current?.focus(), d(h.startRowSelection(t)));
+		}, [d, e]),
+		handleRowHeaderPointerEnter: t((e, t) => {
+			D && T(e);
+			let n = k.current;
+			n?.type !== "selection" || n.selectionKind !== "row" || (c.current = {
+				x: t.clientX,
+				y: t.clientY
+			}, d(h.updateRowSelection(e)));
+		}, [
+			d,
+			c,
+			T,
+			D
+		]),
+		handleColumnHeaderPointerDown: t((t, n) => {
+			if (n.preventDefault(), n.button === 0) {
+				if (e.current?.focus(), n.shiftKey && M.current) {
+					let e = j.current[t];
+					if (e) {
+						let t = A.current, n = t.find((t) => t.columnKey === e.key)?.direction ? "desc" : "asc", r = Ze(t, e.key, n, !0);
+						d(r.length === 0 ? h.clearSort() : h.setSort(r));
+					}
+					return;
+				}
+				d(h.startColumnSelection(t));
+			}
+		}, [d, e]),
+		handleColumnHeaderPointerEnter: t((e, t) => {
+			T(null), O && E(e);
+			let n = k.current;
+			n?.type !== "selection" || n.selectionKind !== "col" || (c.current = {
+				x: t.clientX,
+				y: t.clientY
+			}, d(h.updateColumnSelection(e)));
+		}, [
+			d,
+			c,
+			T,
+			E,
+			O
+		])
+	};
+}, pt = ({ scrollRef: e, columnVirtualizer: t, columnMeasurements: n, totalScrollWidth: i, physicalBodyHeight: a, headerHeight: o, leftPaneWidth: s, rightPaneWidth: c, centerLeadingWidth: l, activeCellRect: u, verticalScaleFactor: d }) => {
+	r(() => {
+		t.measure();
+	}, [t, n]), r(() => {
+		if (!e.current) return;
+		let t = e.current, n = Math.max(i - t.clientWidth, 0), r = Math.max(o + a - t.clientHeight, 0);
+		t.scrollLeft > n && (t.scrollLeft = n), t.scrollTop > r && (t.scrollTop = r);
+	}, [
+		e,
+		i,
+		a,
+		o
+	]), r(() => {
+		if (!e.current || !u) return;
+		let t = e.current, n = o + u.top, r = n + u.height, i = s + l + u.left, a = i + u.width, f = V(t.scrollTop, d), p = t.scrollLeft, m = t.clientHeight, h = t.clientWidth, g = f, _ = p, v = f + o, y = f + m;
+		n < v ? g = Math.max(n - o, 0) : r > y && (g = Math.max(r - m, 0));
+		let b = p + s, x = p + h - c;
+		i < b ? _ = Math.max(i - s, 0) : a > x && (_ = Math.max(a - h + c, 0)), (g !== f || _ !== p) && t.scrollTo({
+			top: H(g, d),
+			left: _,
+			behavior: "auto"
+		});
+	}, [
+		e,
+		u,
+		o,
+		s,
+		c,
+		l,
+		d
+	]);
+};
+//#endregion
+//#region src/components/spreadsheet-grid/hooks/useColumnHeaderDragController.ts
+function U(e, t, n, r) {
+	let i = e.find((e) => e.key === t);
+	if (!i) return null;
+	let a = fe(i), o = {
+		left: [],
+		center: [],
+		right: []
+	}, s = /* @__PURE__ */ new Map();
+	for (let t of e) o[fe(t)].push(t.key), s.set(t.key, t.visible !== !1);
+	let c = o[n].filter((e) => s.get(e)).indexOf(t), l = o[a].indexOf(t);
+	if (l < 0) return null;
+	o[a].splice(l, 1);
+	let u = r;
+	a === n && c >= 0 && u > c && --u;
+	let d = o[n].filter((e) => s.get(e));
+	if (u = Math.max(0, Math.min(u, d.length)), a === n && c >= 0 && u === c) return null;
+	let f;
+	return f = u >= d.length ? o[n].length : o[n].indexOf(d[u]), o[n].splice(f, 0, t), [
+		...o.left,
+		...o.center,
+		...o.right
+	];
+}
+var mt = 24, ht = 18, gt = 32, W = 2, G = 14, _t = 12, vt = "<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"5 9 2 12 5 15\"/><polyline points=\"9 5 12 2 15 5\"/><polyline points=\"15 19 12 22 9 19\"/><polyline points=\"19 9 22 12 19 15\"/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"/><line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"22\"/></svg>", yt = "<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"22\"/><path d=\"M5 17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V6h1a2 2 0 0 0 0-4H8a2 2 0 0 0 0 4h1v4.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24Z\"/></svg>", bt = "<svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"4.9\" y1=\"4.9\" x2=\"19.1\" y2=\"19.1\"/></svg>", K = {
+	normal: {
+		border: "#2563eb",
+		background: "#eff6ff",
+		color: "#1d4ed8"
+	},
+	out: {
+		border: "#ef4444",
+		background: "#fef2f2",
+		color: "#dc2626"
+	}
+}, xt = (e) => {
+	let n = s(e);
+	n.current = e;
+	let i = s(null), a = s(null), o = s(null), c = s(null), l = s(null), u = s({
+		x: 0,
+		y: 0
+	}), d = s(null), f = s(null), p = s(null), m = s(null), h = t(() => {
+		for (let e of [
+			i,
+			a,
+			o
+		]) e.current && (e.current.style.display = "none");
+	}, []), g = t((e) => {
+		if (f.current) return;
+		let t = document.createElement("div");
+		t.setAttribute("data-grid-drag-ghost", ""), t.style.cssText = [
+			"position:fixed",
+			"top:0",
+			"left:0",
+			"display:inline-flex",
+			"align-items:center",
+			"gap:6px",
+			"padding:4px 10px 4px 8px",
+			"border-radius:9999px",
+			"border:1px solid " + K.normal.border,
+			"background:" + K.normal.background,
+			"color:" + K.normal.color,
+			"font-size:12px",
+			"font-weight:600",
+			"line-height:1",
+			"white-space:nowrap",
+			"box-shadow:0 4px 12px rgba(15,23,42,0.18)",
+			"pointer-events:none",
+			"user-select:none",
+			"z-index:9999",
+			"will-change:transform",
+			"transform:translate(-9999px,-9999px)"
+		].join(";");
+		let n = document.createElement("span");
+		n.style.cssText = "display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex:none";
+		let r = document.createElement("span");
+		r.textContent = e, t.appendChild(n), t.appendChild(r), document.body.appendChild(t), f.current = t, p.current = n, m.current = null;
+	}, []), _ = t((e) => {
+		let t = f.current;
+		if (!t) return;
+		let { x: n, y: r } = u.current;
+		t.style.transform = "translate(" + (n + G) + "px," + (r + _t) + "px)";
+		let i = e ?? "out";
+		if (m.current === i) return;
+		m.current = i;
+		let a = p.current;
+		i === "out" ? (t.style.borderColor = K.out.border, t.style.background = K.out.background, t.style.color = K.out.color, a && (a.innerHTML = bt)) : (t.style.borderColor = K.normal.border, t.style.background = K.normal.background, t.style.color = K.normal.color, a && (a.innerHTML = i === "center" ? vt : yt));
+	}, []), v = t(() => {
+		let e = f.current;
+		e && e.parentNode && e.parentNode.removeChild(e), f.current = null, p.current = null, m.current = null;
+	}, []), y = t((e, t) => {
+		let { paneLayout: r, leftPaneScrollRef: i, rightPaneScrollRef: a, bodyScrollRef: o, scrollContainerRef: s, leftLeadingWidth: c, centerLeadingWidth: l, rightLeadingWidth: u } = n.current, d = s.current;
+		if (d) {
+			let n = d.getBoundingClientRect();
+			if (e < n.left || e > n.right || t < n.top || t > n.bottom) return null;
+		}
+		let f = i.current, p = a.current;
+		if (f && r.left.entries.length === 0 && e <= f.getBoundingClientRect().left + gt) return {
+			pane: "left",
+			slot: 0,
+			leftPx: W
+		};
+		if (f && r.left.entries.length > 0) {
+			let t = f.getBoundingClientRect();
+			if (e < t.right) {
+				let n = e - t.left - c, i = xe(r.left, n);
+				return {
+					pane: "left",
+					slot: i,
+					leftPx: c + Se(r.left, i)
+				};
+			}
+		}
+		if (p && r.right.entries.length === 0 && e >= p.getBoundingClientRect().left - gt) return {
+			pane: "right",
+			slot: 0,
+			leftPx: -2
+		};
+		if (p && r.right.entries.length > 0) {
+			let t = p.getBoundingClientRect();
+			if (e >= t.left) {
+				let n = e - t.left - u, i = xe(r.right, n);
+				return {
+					pane: "right",
+					slot: i,
+					leftPx: u + Se(r.right, i)
+				};
+			}
+		}
+		let m = o.current;
+		if (m && r.center.entries.length > 0) {
+			let t = m.getBoundingClientRect(), n = m.scrollLeft + e - t.left - l, i = xe(r.center, Math.max(n, 0));
+			return {
+				pane: "center",
+				slot: i,
+				leftPx: l + Se(r.center, i)
+			};
+		}
+		return null;
+	}, []), b = t(() => {
+		let e = y(u.current.x, u.current.y);
+		if (_(e ? e.pane : null), !e) {
+			l.current = null, h();
+			return;
+		}
+		l.current = {
+			pane: e.pane,
+			slot: e.slot
+		};
+		let t = {
+			left: i.current,
+			center: a.current,
+			right: o.current
+		};
+		for (let n of [
+			"left",
+			"center",
+			"right"
+		]) {
+			let r = t[n];
+			r && (n === e.pane ? (r.style.left = `${e.leftPx}px`, r.style.display = "block") : r.style.display = "none");
+		}
+	}, [
+		y,
+		h,
+		_
+	]), x = s(() => {});
+	x.current = t(() => {
+		let e = n.current.scrollContainerRef.current;
+		if (e) {
+			let t = e.getBoundingClientRect(), n = u.current, r = e.scrollLeft;
+			n.x < t.left + mt ? r = Math.max(e.scrollLeft - ht, 0) : n.x > t.right - mt && (r = e.scrollLeft + ht), r !== e.scrollLeft && e.scrollTo({
+				left: r,
+				behavior: "auto"
+			});
+		}
+		b(), d.current = requestAnimationFrame(x.current);
+	}, [b]);
+	let S = t((e) => {
+		d.current !== null && (cancelAnimationFrame(d.current), d.current = null), document.body.style.cursor = "", h(), v();
+		let t = c.current, r = l.current;
+		if (c.current = null, l.current = null, !e || !t || !r) return;
+		let { columns: i, applyColumnOrderAndPin: a } = n.current, o = U(i, t, r.pane, r.slot);
+		o && a(o, new Map([[t, r.pane === "center" ? void 0 : r.pane]]));
+	}, [h, v]), C = t((e, t) => {
+		if (!n.current.enabled || t.button !== 0) return;
+		t.stopPropagation(), t.preventDefault(), c.current = e.key, u.current = {
+			x: t.clientX,
+			y: t.clientY
+		}, document.body.style.cursor = "grabbing", g(e.title || e.key);
+		let r = t.currentTarget, i = t.pointerId;
+		try {
+			r.setPointerCapture(i);
+		} catch {}
+		let a = (e) => {
+			u.current = {
+				x: e.clientX,
+				y: e.clientY
+			}, b();
+		};
+		function o() {
+			l(), S(!0);
+		}
+		function s() {
+			l(), S(!1);
+		}
+		let l = () => {
+			r.removeEventListener("pointermove", a), r.removeEventListener("pointerup", o), r.removeEventListener("pointercancel", s), r.removeEventListener("lostpointercapture", s);
+			try {
+				r.releasePointerCapture(i);
+			} catch {}
+		};
+		r.addEventListener("pointermove", a), r.addEventListener("pointerup", o), r.addEventListener("pointercancel", s), r.addEventListener("lostpointercapture", s), b(), d.current = requestAnimationFrame(x.current);
+	}, [
+		b,
+		S,
+		g
+	]);
+	return r(() => () => {
+		d.current !== null && (cancelAnimationFrame(d.current), d.current = null), document.body.style.cursor = "";
+		let e = f.current;
+		e && e.parentNode && e.parentNode.removeChild(e), f.current = null, p.current = null, m.current = null;
+	}, []), {
+		onColumnDragHandlePointerDown: C,
+		leftIndicatorRef: i,
+		centerIndicatorRef: a,
+		rightIndicatorRef: o
+	};
+}, St = (e, t) => {
+	let { heights: n, prefix: r, rowCount: i } = e, a = Math.max(t, 0);
+	for (let e = a; e < i; e += 1) r[e + 1] = r[e] + n[e];
+}, Ct = (e, t, n, r) => {
+	let i = r ?? /* @__PURE__ */ new Map(), a = Math.max(e, 0), o = new Float64Array(a);
+	for (let e = 0; e < a; e += 1) {
+		let r = i.get(n(e));
+		o[e] = r === void 0 ? t : r;
+	}
+	let s = {
+		rowCount: a,
+		estimate: t,
+		heights: o,
+		prefix: new Float64Array(a + 1),
+		measured: i
+	};
+	return St(s, 0), s;
+}, wt = (e, t, n, r) => t < 0 || t >= e.rowCount || (e.measured.set(n, r), e.heights[t] === r) ? !1 : (e.heights[t] = r, !0), Tt = (e, t, n) => {
+	if (t <= 0 || n <= 0) return 0;
+	if (n >= e[t]) return t - 1;
+	let r = 0, i = t;
+	for (; r < i;) {
+		let t = r + i + 1 >> 1;
+		e[t] <= n ? r = t : i = t - 1;
+	}
+	return Math.min(Math.max(r, 0), t - 1);
+}, Et = (e) => {
+	let { prefix: t, rowCount: n } = e;
+	return {
+		rowCount: n,
+		rowTop: (e) => t[Math.min(Math.max(e, 0), n)],
+		rowsHeight: (e, r) => t[Math.min(Math.max(r + 1, 0), n)] - t[Math.min(Math.max(e, 0), n)],
+		totalBodyHeight: t[n],
+		rowAtContentY: (e) => Tt(t, n, e)
+	};
+}, Dt = 21, Ot = 4, kt = 141, At = 13, q = 600, jt = 60, Mt = 1e3, Nt = 16, Pt = null, Ft = () => Pt || (typeof document > "u" ? null : (Pt = document.createElement("canvas").getContext("2d"), Pt)), It = "system-ui, sans-serif", Lt = (e) => {
+	let t = It, n = 13, r = "400";
+	if (e && typeof window < "u") {
+		let i = window.getComputedStyle(e);
+		i.fontFamily && (t = i.fontFamily);
+		let a = Number.parseFloat(i.fontSize);
+		Number.isFinite(a) && a > 0 && (n = a), i.fontWeight && (r = i.fontWeight);
+	}
+	return {
+		cellFont: `${r} ${n}px ${t}`,
+		headerFont: `${q} ${At}px ${t}`
+	};
+}, Rt = (e, t, n) => Math.min(Math.max(e, t), n), zt = (e) => e >= 4352 && e <= 4447 || e >= 11904 && e <= 12350 || e >= 12353 && e <= 13311 || e >= 13312 && e <= 19903 || e >= 19968 && e <= 40959 || e >= 40960 && e <= 42191 || e >= 44032 && e <= 55203 || e >= 63744 && e <= 64255 || e >= 65072 && e <= 65103 || e >= 65280 && e <= 65376 || e >= 65504 && e <= 65510 || e >= 127744 && e <= 129791 || e >= 131072 && e <= 262141, J = (e) => {
+	let t = 0;
+	for (let n of e) {
+		let e = n.codePointAt(0) ?? 0;
+		t += zt(e) ? 2 : 1;
+	}
+	return t;
+};
+function Bt(e) {
+	let t = e.map(() => []), n = e.map(() => []), r = e.map(() => Infinity);
+	return {
+		collect: (i) => {
+			for (let a = 0; a < e.length; a += 1) {
+				let o = String(j(i, e[a]) ?? "");
+				if (o === "") continue;
+				let s = t[a], c = n[a];
+				if (s.length === Nt && 2 * o.length <= r[a]) continue;
+				let l = J(o);
+				if (s.length < Nt) {
+					if (s.push(o), c.push(l), s.length === Nt) {
+						let e = c[0];
+						for (let t = 1; t < Nt; t += 1) c[t] < e && (e = c[t]);
+						r[a] = e;
+					}
+					continue;
+				}
+				if (l <= r[a]) continue;
+				let u = 0;
+				for (let e = 1; e < Nt; e += 1) c[e] < c[u] && (u = e);
+				s[u] = o, c[u] = l;
+				let d = c[0];
+				for (let e = 1; e < Nt; e += 1) c[e] < d && (d = c[e]);
+				r[a] = d;
+			}
+		},
+		finalize: ({ gridRoot: n, currentWidths: r }) => {
+			let i = Ft();
+			if (!i || e.length === 0) return {};
+			let { cellFont: a, headerFont: o } = Lt(n), s = {};
+			for (let n = 0; n < e.length; n += 1) {
+				let c = e[n];
+				i.font = o;
+				let l = c.title || c.key, u = i.measureText(l).width + Ot + kt;
+				i.font = a;
+				let d = 0, f = t[n];
+				for (let e = 0; e < f.length; e += 1) {
+					let t = i.measureText(f[e]).width;
+					t > d && (d = t);
+				}
+				let p = d > 0 ? d + Ot + Dt : 0, m = Math.ceil(Rt(Math.max(u, p), c.minWidth ?? jt, c.maxWidth ?? Mt));
+				r[c.key] !== m && (s[c.key] = m);
+			}
+			return s;
+		}
+	};
+}
+function Vt() {
+	return Ft() !== null;
+}
+//#endregion
+//#region src/components/spreadsheet-grid/utils/scheduler.ts
+var Ht = () => new Promise((e) => {
+	if (typeof MessageChannel > "u") {
+		setTimeout(e, 0);
+		return;
+	}
+	let t = new MessageChannel();
+	t.port1.onmessage = () => {
+		t.port1.close(), e();
+	}, t.port2.postMessage(null);
+}), Ut = 10, Wt = 180, Y = () => typeof performance < "u" ? performance.now() : Date.now(), Gt = ({ rowModelRef: e, gridRootRef: n, columnWidthsRef: i, dispatch: a }) => {
+	let [o, l] = c(!1), u = s(0), d = s(null), f = () => {
+		d.current !== null && (clearTimeout(d.current), d.current = null);
+	};
+	return r(() => () => {
+		u.current += 1, f();
+	}, []), {
+		isAutosizing: o,
+		runAutosize: t(async (t) => {
+			if (t.length === 0 || !Vt()) return;
+			let r = u.current += 1;
+			f();
+			let o = e.current, s = o.getRowCount(), c = n.current, p = i.current, m = Bt(t);
+			d.current = setTimeout(() => {
+				u.current === r && l(!0);
+			}, Wt);
+			try {
+				let t = 0;
+				for (; t < s;) {
+					let n = Y();
+					for (; t < s && Y() - n < Ut;) {
+						let e = o.getRow(t);
+						e && m.collect(e), t += 1;
+					}
+					if (t < s && (await Ht(), u.current !== r || e.current !== o)) return;
+				}
+				let n = m.finalize({
+					gridRoot: c,
+					currentWidths: p
+				});
+				Object.keys(n).length > 0 && a(h.syncColumnWidths(n));
+			} finally {
+				u.current === r && (f(), l(!1));
+			}
+		}, [
+			i,
+			a,
+			n,
+			e
+		])
+	};
+}, Kt = () => {
+	let e = /* @__PURE__ */ new Set(), t = [];
+	return {
+		collect(n) {
+			let r = String(n ?? "");
+			e.has(r) || (e.add(r), t.push({
+				value: r,
+				label: r || "（空白）"
+			}));
+		},
+		finalize() {
+			return t.sort((e, t) => Ye.compare(e.label, t.label));
+		}
+	};
+}, qt = (e, t) => {
+	let n = Kt();
+	for (let r = 0; r < e; r += 1) n.collect(t(r));
+	return n.finalize();
+}, Jt = 10, Yt = () => typeof performance < "u" ? performance.now() : Date.now(), Xt = [], Zt = /* @__PURE__ */ new Set(), Qt = {
+	status: "idle",
+	options: Xt,
+	allValues: Zt,
+	progress: 0
+}, $t = {
+	status: "collecting",
+	options: Xt,
+	allValues: Zt,
+	progress: 0
+}, en = (e) => new Set(e.map((e) => e.value)), tn = {
+	source: null,
+	rowCount: 0,
+	result: Qt
+}, nn = ({ column: e, rowCount: t, getRawValueAt: n }) => {
+	let i = e?.filterType ?? null, o = i === "select" || i === "set", s = e?.filterOptions && e.filterOptions.length > 0 ? e.filterOptions : null, l = o && s === null && t > 5e4, u = a(() => {
+		if (!e || !o) return Qt;
+		if (s) {
+			let e = s;
+			return {
+				status: "ready",
+				options: e,
+				allValues: en(e),
+				progress: 1
+			};
+		}
+		if (!l) {
+			let e = qt(t, n);
+			return {
+				status: "ready",
+				options: e,
+				allValues: en(e),
+				progress: 1
+			};
+		}
+		return null;
+	}, [
+		e,
+		o,
+		s,
+		l,
+		t,
+		n
+	]), [d, f] = c(tn);
+	r(() => {
+		if (u !== null) return;
+		let e = n, r = t, i = Kt(), a = !1;
+		return (async () => {
+			let t = 0;
+			for (; t < r;) {
+				let n = Yt();
+				for (; t < r && Yt() - n < Jt;) i.collect(e(t)), t += 1;
+				if (t < r) {
+					if (await Ht(), a) return;
+					f({
+						source: e,
+						rowCount: r,
+						result: {
+							status: "collecting",
+							options: Xt,
+							allValues: Zt,
+							progress: t / r
+						}
+					});
+				}
+			}
+			if (a) return;
+			let n = i.finalize();
+			f({
+				source: e,
+				rowCount: r,
+				result: {
+					status: "ready",
+					options: n,
+					allValues: en(n),
+					progress: 1
+				}
+			});
+		})(), () => {
+			a = !0;
+		};
+	}, [
+		u,
+		t,
+		n
+	]);
+	let p = d.source === n && d.rowCount === t ? d.result : $t;
+	return u ?? p;
+};
+//#endregion
+//#region src/components/spreadsheet-grid/logic/serverSideCache.ts
+function X(e) {
+	let t = e.blockSize, n = e.maxBlocks, r = /* @__PURE__ */ new Map(), i = (e) => {
+		let t = r.get(e);
+		t !== void 0 && (r.delete(e), r.set(e, t));
+	}, a = () => {
+		for (; r.size > n;) {
+			let e = r.keys().next().value;
+			if (e === void 0) break;
+			r.delete(e);
+		}
+	};
+	return {
+		getRow: (e) => {
+			if (t <= 0 || e < 0) return;
+			let n = Math.floor(e / t), i = r.get(n);
+			if (i !== void 0) return i[e - n * t];
+		},
+		hasBlock: (e) => r.has(e),
+		setBlock: (e, t) => {
+			r.has(e) && r.delete(e), r.set(e, t), a();
+		},
+		touchBlocks: (e) => {
+			for (let t of e) i(t);
+		},
+		clear: () => {
+			r.clear();
+		},
+		loadedBlockIndexes: () => Array.from(r.keys())
+	};
+}
+//#endregion
+//#region src/components/spreadsheet-grid/logic/serverSideBlocks.ts
+function rn(e, t) {
+	return Math.floor(e / t);
+}
+function an(e, t, n, r) {
+	if (n <= 0 || r <= 0) return [];
+	let i = Math.max(0, Math.floor(e)), a = Math.min(r, Math.floor(t));
+	if (a <= i) return [];
+	let o = rn(i, n), s = rn(a - 1, n), c = [];
+	for (let e = o; e <= s; e += 1) c.push(e);
+	return c;
+}
+//#endregion
+//#region src/components/spreadsheet-grid/hooks/useServerSideRowModel.ts
+var on = 100, sn = 64, cn = 120;
+function ln(e) {
+	let { dataSource: n, rowKeyGetter: i, query: o, queryKey: l, refreshToken: u } = e, d = n?.blockSize ?? on, f = n?.maxCachedBlocks ?? sn, p = e.debounceMs ?? cn, [m] = c(() => X({
+		blockSize: d,
+		maxBlocks: f
+	})), [h, g] = c(n?.initialRowCount ?? 0), [_, v] = c(0), y = s(h), b = s(!1), x = s(/* @__PURE__ */ new Map()), S = s(null), C = s({
+		start: 0,
+		end: 0
+	}), w = t((e) => {
+		if (n == null || m.hasBlock(e) || x.current.has(e)) return;
+		let t = new AbortController();
+		x.current.set(e, t);
+		let r = e * d, i = r + d;
+		n.getRows({
+			startIndex: r,
+			endIndex: i,
+			query: o,
+			signal: t.signal
+		}).then((n) => {
+			t.signal.aborted || x.current.get(e) === t && (x.current.delete(e), m.setBlock(e, n.rows), n.totalRowCount !== y.current && (y.current = n.totalRowCount, g(n.totalRowCount)), v((e) => e + 1));
+		}).catch(() => {
+			x.current.get(e) === t && x.current.delete(e);
+		});
+	}, [
+		m,
+		d,
+		n,
+		o
+	]), T = t(() => {
+		let { start: e, end: t } = C.current, n = an(e, t, d, y.current), r = new Set(n);
+		for (let [e, t] of x.current) r.has(e) || (t.abort(), x.current.delete(e));
+		for (let e of n) w(e);
+	}, [d, w]), E = t(() => {
+		S.current !== null && clearTimeout(S.current), S.current = setTimeout(() => {
+			S.current = null, T();
+		}, p);
+	}, [p, T]), D = t((e, t) => {
+		n != null && (C.current = {
+			start: e,
+			end: t
+		}, m.touchBlocks(an(e, t, d, y.current)), E());
+	}, [
+		m,
+		d,
+		n,
+		E
+	]);
+	r(() => {
+		if (n == null) return;
+		for (let [, e] of x.current) e.abort();
+		x.current.clear(), S.current !== null && (clearTimeout(S.current), S.current = null), m.clear();
+		let e = !b.current;
+		b.current = !0, v((e) => e + 1), e ? (n.initialRowCount ?? 0) <= 0 && w(0) : w(0);
+	}, [l]);
+	let O = s(u);
+	r(() => {
+		if (n == null || u === void 0) {
+			O.current = u;
+			return;
+		}
+		if (O.current === void 0) {
+			O.current = u;
+			return;
+		}
+		if (O.current !== u) {
+			O.current = u;
+			for (let [, e] of x.current) e.abort();
+			x.current.clear(), S.current !== null && (clearTimeout(S.current), S.current = null), m.clear(), v((e) => e + 1), T();
+		}
+	}, [u]), r(() => {
+		let e = x.current, t = S;
+		return () => {
+			for (let [, t] of e) t.abort();
+			e.clear(), t.current !== null && (clearTimeout(t.current), t.current = null);
+		};
+	}, []);
+	let k = t((e) => m.getRow(e) !== void 0, [m]);
+	return {
+		rowModel: a(() => ({
+			getRowCount: () => y.current,
+			getRow: (e) => m.getRow(e),
+			getSourceIndex: (e) => e,
+			getRowKey: (e) => {
+				let t = m.getRow(e);
+				return t === void 0 ? e : i(t, e);
+			}
+		}), [
+			m,
+			i,
+			_
+		]),
+		rowCount: h,
+		isRowLoaded: k,
+		requestRange: D
+	};
+}
+//#endregion
+//#region src/components/spreadsheet-grid/logic/serverSideQuery.ts
+var un = (e) => {
+	let t = {}, n = e.globalText.trim();
+	n.length > 0 && (t.globalText = n);
+	let r = {}, i = !1;
+	for (let t of Object.keys(e.columnFilters)) {
+		let n = e.columnFilters[t];
+		F(n) && (r[t] = n, i = !0);
+	}
+	return i && (t.columnFilters = r), e.sort.length > 0 && (t.sort = e.sort), t;
+}, dn = (e) => {
+	let t = e.columnFilters ?? {}, n = Object.keys(t).sort().map((e) => [e, t[e]]), r = e.sort ?? [];
+	return JSON.stringify({
+		g: e.globalText ?? "",
+		s: r.map((e) => [e.columnKey, e.direction]),
+		c: n
+	});
+}, fn = (e, t) => e === null ? !0 : e.mode === "include" ? e.values.has(t) : !e.values.has(t), pn = 28;
+function mn({ options: e, setSelection: t, searchInputRef: r, onValueToggle: i, onSelectAllChange: o, onRequestClose: p, isServerSide: m }) {
+	let [h, g] = c(""), _ = n(h), v = a(() => {
+		let t = _.trim().toLowerCase();
+		return t ? e.filter((e) => e.label.toLowerCase().includes(t)) : e;
+	}, [e, _]), y = _.trim().length > 0, b = s(null), x = l({
+		count: v.length,
+		getScrollElement: () => b.current,
+		estimateSize: () => pn,
+		overscan: 10
+	}), S = a(() => {
+		if (t === null) return v.length;
+		let e = 0;
+		for (let n of v) fn(t, n.value) && (e += 1);
+		return e;
+	}, [t, v]), C = v.length > 0 && S === v.length, w = S > 0 && !C, T = t === null ? e.length : t.mode === "include" ? t.values.size : e.length - t.values.size;
+	return /* @__PURE__ */ f(u, { children: [
+		/* @__PURE__ */ d("input", {
+			ref: r,
+			type: "text",
+			value: h,
+			onChange: (e) => g(e.target.value),
+			onKeyDown: (e) => {
+				e.stopPropagation(), e.key === "Escape" && (e.preventDefault(), p());
+			},
+			placeholder: "検索...",
+			className: "ssg-filter-input"
+		}),
+		/* @__PURE__ */ f("label", {
+			className: "ssg-filter-selectall",
+			children: [/* @__PURE__ */ d("input", {
+				type: "checkbox",
+				checked: C,
+				ref: (e) => {
+					e && (e.indeterminate = w);
+				},
+				onChange: () => {
+					o(y ? v.map((e) => e.value) : "all", !C);
+				}
+			}), /* @__PURE__ */ d("span", {
+				className: "ssg-filter-selectall-label",
+				children: y ? "（検索結果をすべて選択）" : "（すべて選択）"
+			})]
+		}),
+		/* @__PURE__ */ d("div", {
+			ref: b,
+			className: "ssg-filter-list",
+			children: v.length === 0 ? /* @__PURE__ */ d("div", {
+				className: "ssg-filter-empty",
+				children: e.length === 0 ? m ? "候補が未指定です（serverSide では列に filterOptions などの候補供給が必要）" : "候補がありません" : "一致する候補がありません"
+			}) : /* @__PURE__ */ d("div", {
+				className: "ssg-filter-virt",
+				style: { height: x.getTotalSize() },
+				children: x.getVirtualItems().map((e) => {
+					let n = v[e.index];
+					if (!n) return null;
+					let r = fn(t, n.value);
+					return /* @__PURE__ */ f("label", {
+						className: "ssg-filter-option",
+						style: {
+							transform: `translateY(${e.start}px)`,
+							height: e.size
+						},
+						children: [/* @__PURE__ */ d("input", {
+							type: "checkbox",
+							checked: r,
+							onChange: () => i(n.value)
+						}), /* @__PURE__ */ d("span", {
+							className: "ssg-filter-option-label",
+							children: n.label
+						})]
+					}, n.value);
+				})
+			})
+		}),
+		/* @__PURE__ */ f("div", {
+			className: "ssg-filter-meta",
+			children: [
+				"選択中: ",
+				T,
+				" / ",
+				e.length,
+				" 件",
+				y ? `（表示中 ${v.length} 件）` : ""
+			]
+		})
+	] });
+}
+function hn({ isOpen: e, title: t, filterType: n, draftValue: r, currentValueText: i, layout: a, selectOptions: o, optionsStatus: s, optionsProgress: c, setSelection: l, popoverRef: m, textInputRef: h, selectRef: g, onRequestClose: _, onDraftChange: v, onApply: y, onClear: b, onSetValueToggle: x, onSetSelectAllChange: S, onSetClear: C, isServerSide: w = !1 }) {
+	if (typeof document > "u" || !e || !a) return null;
+	let T = {
+		top: a.top,
+		left: a.left,
+		width: a.width
+	}, E = (e) => {
+		e.stopPropagation();
+	}, D = (e) => {
+		e.stopPropagation();
+	}, O = n === "set";
+	return p(/* @__PURE__ */ f("div", {
+		ref: m,
+		onPointerDown: D,
+		onKeyDownCapture: E,
+		onPasteCapture: (e) => {
+			e.stopPropagation();
+		},
+		className: "ssg-filter-popover",
+		style: T,
+		children: [
+			/* @__PURE__ */ f("div", {
+				className: "ssg-filter-title",
+				children: ["列フィルター: ", t]
+			}),
+			(O || n === "select") && s === "collecting" ? /* @__PURE__ */ f("div", {
+				className: "ssg-filter-collecting",
+				children: [
+					"候補を収集中… ",
+					Math.round(c * 100),
+					"%"
+				]
+			}) : O ? /* @__PURE__ */ d(mn, {
+				options: o,
+				setSelection: l,
+				searchInputRef: h,
+				onValueToggle: x,
+				onSelectAllChange: S,
+				onRequestClose: _,
+				isServerSide: w
+			}) : n === "select" ? /* @__PURE__ */ f(u, { children: [
+				/* @__PURE__ */ d("div", {
+					className: "ssg-filter-hint",
+					children: "フィルター種別: select"
+				}),
+				/* @__PURE__ */ f("select", {
+					ref: g,
+					value: r,
+					onChange: (e) => v(e.target.value),
+					onKeyDown: (e) => {
+						if (e.stopPropagation(), e.key === "Enter") {
+							e.preventDefault(), y();
+							return;
+						}
+						e.key === "Escape" && (e.preventDefault(), _());
+					},
+					className: "ssg-filter-select",
+					children: [/* @__PURE__ */ d("option", {
+						value: "",
+						children: "（すべて）"
+					}), o.map((e) => /* @__PURE__ */ d("option", {
+						value: e.value,
+						children: e.label
+					}, `${t}-${e.value}`))]
+				}),
+				/* @__PURE__ */ f("div", {
+					className: "ssg-filter-meta",
+					children: ["候補数: ", o.length]
+				})
+			] }) : /* @__PURE__ */ f(u, { children: [
+				/* @__PURE__ */ f("div", {
+					className: "ssg-filter-hint",
+					children: ["フィルター種別: ", n === "number" ? "number" : "text"]
+				}),
+				/* @__PURE__ */ d("input", {
+					ref: h,
+					type: "text",
+					value: r,
+					onChange: (e) => v(e.target.value),
+					onKeyDown: (e) => {
+						if (e.stopPropagation(), e.key === "Enter") {
+							e.preventDefault(), y();
+							return;
+						}
+						e.key === "Escape" && (e.preventDefault(), _());
+					},
+					placeholder: n === "number" ? "例: >=10 / <20 / 10..20 / =5" : "部分一致で絞り込み",
+					className: "ssg-filter-input"
+				}),
+				/* @__PURE__ */ d("div", {
+					className: "ssg-filter-meta ssg-filter-meta--ellipsis",
+					children: n === "number" ? "数量系は =, >, >=, <, <=, .. が使えます" : "text は部分一致検索です"
+				})
+			] }),
+			!O && /* @__PURE__ */ f("div", {
+				className: "ssg-filter-meta ssg-filter-meta--ellipsis",
+				children: ["現在値: ", i]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "ssg-filter-footer",
+				children: O ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("button", {
+					type: "button",
+					onPointerDown: (e) => {
+						e.preventDefault(), e.stopPropagation(), C();
+					},
+					onKeyDown: (e) => {
+						e.stopPropagation();
+					},
+					className: "ssg-filter-btn-secondary",
+					children: "クリア"
+				}), /* @__PURE__ */ d("button", {
+					type: "button",
+					onPointerDown: (e) => {
+						e.preventDefault(), e.stopPropagation(), _();
+					},
+					onKeyDown: (e) => {
+						e.stopPropagation();
+					},
+					className: "ssg-filter-btn-primary",
+					children: "閉じる"
+				})] }) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("button", {
+					type: "button",
+					onPointerDown: (e) => {
+						e.preventDefault(), e.stopPropagation(), b();
+					},
+					onKeyDown: (e) => {
+						e.stopPropagation();
+					},
+					className: "ssg-filter-btn-secondary",
+					children: "クリア"
+				}), /* @__PURE__ */ d("button", {
+					type: "button",
+					onPointerDown: (e) => {
+						e.preventDefault(), e.stopPropagation(), y();
+					},
+					onKeyDown: (e) => {
+						e.stopPropagation();
+					},
+					className: "ssg-filter-btn-primary",
+					children: "適用"
+				})] })
+			})
+		]
+	}), document.body);
+}
+//#endregion
+//#region src/components/spreadsheet-grid/view/DefaultGridBottomBar.tsx
+function gn({ context: e }) {
+	let { derivedSummary: t } = e;
+	return /* @__PURE__ */ d("div", {
+		className: "ssg-bar--bottom",
+		children: /* @__PURE__ */ f("div", {
+			className: "ssg-bar-container",
+			children: [/* @__PURE__ */ f("div", {
+				className: "ssg-bar-group",
+				children: [/* @__PURE__ */ d("span", {
+					className: "ssg-bar-chip",
+					children: t.rowSummaryText
+				}), /* @__PURE__ */ d("span", {
+					className: "ssg-bar-chip",
+					children: t.columnSummaryText
+				})]
+			}), /* @__PURE__ */ f("div", {
+				className: "ssg-bar-group",
+				children: [
+					/* @__PURE__ */ f("span", {
+						className: "ssg-bar-chip",
+						children: ["Active: ", t.activeCellLabel]
+					}),
+					/* @__PURE__ */ f("span", {
+						className: "ssg-bar-chip",
+						children: ["Selection: ", t.selectionLabel]
+					}),
+					/* @__PURE__ */ d("span", {
+						className: "ssg-bar-chip",
+						children: t.selectionStatsText
+					}),
+					/* @__PURE__ */ f("span", {
+						className: "ssg-bar-chip",
+						children: ["Cols: ", t.selectionStats.selectedColumnCount]
+					})
+				]
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/spreadsheet-grid/view/DefaultGridTopBar.tsx
+function _n({ context: e }) {
+	let { derivedSummary: t } = e;
+	return /* @__PURE__ */ d("div", {
+		className: "ssg-bar--top",
+		children: /* @__PURE__ */ f("div", {
+			className: "ssg-bar-container",
+			children: [/* @__PURE__ */ f("div", {
+				className: "ssg-bar-group ssg-bar-leading",
+				children: [
+					/* @__PURE__ */ d("span", {
+						className: "ssg-bar-title",
+						children: "Toolbar"
+					}),
+					/* @__PURE__ */ d("span", {
+						className: "ssg-bar-chip ssg-bar-chip--emphasis",
+						children: t.rowSummaryText
+					}),
+					/* @__PURE__ */ d("span", {
+						className: "ssg-bar-chip ssg-bar-chip--emphasis",
+						children: t.columnSummaryText
+					}),
+					/* @__PURE__ */ d("span", {
+						className: "ssg-bar-chip ssg-bar-chip--emphasis",
+						children: t.filterSummaryText
+					}),
+					/* @__PURE__ */ d("span", {
+						className: "ssg-bar-chip ssg-bar-chip--emphasis",
+						children: t.sortSummaryText
+					})
+				]
+			}), /* @__PURE__ */ f("div", {
+				className: "ssg-bar-input-group",
+				children: [/* @__PURE__ */ d("input", {
+					type: "text",
+					value: e.globalFilterText,
+					onChange: (t) => e.setGlobalFilterText(t.target.value),
+					placeholder: "グローバルフィルター",
+					className: "ssg-bar-input"
+				}), e.globalFilterText.trim().length > 0 ? /* @__PURE__ */ d("button", {
+					type: "button",
+					onClick: () => e.setGlobalFilterText(""),
+					className: "ssg-bar-clear-btn",
+					children: "クリア"
+				}) : null]
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/spreadsheet-grid/view/GridBodyLayer.tsx
+function vn({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, rowKey: i, row: a, top: o, renderEntries: s, rowHeight: c, autoHeight: l, autoHeightMinHeight: u, rowHeaderCellStyle: p, isRowHovered: h, isWholeGridSelected: g, isRowSelected: _, activeColInRow: v, editingColInRow: y, selectedColStart: b, selectedColEnd: x, readOnly: S, canEditCell: C, onRowHeaderPointerDown: w, onRowHeaderPointerEnter: T, onRowHeaderPointerLeave: E, onCellPointerDown: D, onCellPointerEnter: O, onCellDoubleClick: k, renderCellContent: M, rowClassName: N, bodyCellClassName: P, bodyRowClassName: F, rowHeaderCellClassName: I }) {
+	return /* @__PURE__ */ f("div", {
+		"data-pane": e,
+		"data-row-index": r,
+		className: m("ssg-body-row", N, F),
+		style: {
+			height: c,
+			transform: `translateY(${o}px)`
+		},
+		children: [t && /* @__PURE__ */ d("div", {
+			onPointerDown: (e) => w(r, e),
+			onPointerEnter: (e) => T(r, e),
+			onPointerLeave: () => E(r),
+			className: m("ssg-header-cell", "ssg-row-header-cell", (g || _) && "ssg-header-cell--selected", h && "ssg-header-cell--hovered", N, I),
+			style: {
+				...p,
+				height: c
+			},
+			children: r + 1
+		}), s.map((e) => {
+			if (!e) return null;
+			let t = e.logicalIndex, o = e.column, s = n + e.paneLocalStart, f = e.paneLocalSize, p = t === v, g = t === y, w = _ || b >= 0 && t >= b && t <= x, T = !A({
+				readOnly: S,
+				canEditCell: C
+			}, r, t, a, o), E = l && o.autoHeight === !0, F, I = o.cellClassName;
+			I && (F = typeof I == "function" ? I({
+				row: a,
+				rowIndex: r,
+				colIndex: t,
+				value: j(a, o),
+				column: o,
+				isActive: p,
+				isSelected: w,
+				isEditing: g,
+				readOnly: T
+			}) : I);
+			let L = m("ssg-body-cell", E && "ssg-body-cell--autoheight", T && !w && "ssg-body-cell--readonly", h && "ssg-body-cell--row-hovered", N, F, P);
+			return /* @__PURE__ */ d("div", {
+				"data-autoheight-cell": E ? "" : void 0,
+				className: L,
+				onPointerDown: (e) => D({
+					row: r,
+					col: t
+				}, e),
+				onPointerEnter: (e) => O({
+					row: r,
+					col: t
+				}, e),
+				onDoubleClick: () => k({
+					row: r,
+					col: t
+				}),
+				style: {
+					left: s,
+					width: f,
+					minWidth: f,
+					...E ? { minHeight: u } : { height: c },
+					zIndex: p ? 3 : 1
+				},
+				children: M(a, r, o, t, {
+					isActive: p,
+					isSelected: w,
+					isEditing: g,
+					readOnly: T
+				})
+			}, `${String(i)}-${o.key}`);
+		})]
+	});
+}
+var yn = e(vn), bn = [
+	"62%",
+	"46%",
+	"78%",
+	"54%"
+];
+function xn({ pane: e, ownsRowHeader: t, leadingWidth: n, rowIndex: r, top: i, rowHeight: a, renderEntries: o, rowHeaderCellStyle: s, isRowHovered: c, onRowHeaderPointerDown: l, onRowHeaderPointerEnter: u, onRowHeaderPointerLeave: p, onCellPointerDown: h, onCellPointerEnter: g, bodyCellClassName: _, bodyRowClassName: v, rowHeaderCellClassName: y }) {
+	return /* @__PURE__ */ f("div", {
+		"data-pane": e,
+		"data-row-index": r,
+		"data-skeleton-row": "",
+		className: m("ssg-body-row", v),
+		style: {
+			height: a,
+			transform: `translateY(${i}px)`
+		},
+		children: [t && /* @__PURE__ */ d("div", {
+			onPointerDown: (e) => l(r, e),
+			onPointerEnter: (e) => u(r, e),
+			onPointerLeave: () => p(r),
+			className: m("ssg-header-cell", "ssg-row-header-cell", "ssg-skeleton-rowheader", c && "ssg-header-cell--hovered", y),
+			style: {
+				...s,
+				height: a
+			},
+			children: r + 1
+		}), o.map((t) => {
+			if (!t) return null;
+			let i = t.logicalIndex, o = n + t.paneLocalStart, s = t.paneLocalSize, l = bn[i % bn.length];
+			return /* @__PURE__ */ d("div", {
+				className: m("ssg-body-cell", c && "ssg-body-cell--row-hovered", _),
+				onPointerDown: (e) => h({
+					row: r,
+					col: i
+				}, e),
+				onPointerEnter: (e) => g({
+					row: r,
+					col: i
+				}, e),
+				style: {
+					left: o,
+					width: s,
+					minWidth: s,
+					height: a,
+					zIndex: 1
+				},
+				children: /* @__PURE__ */ d("div", {
+					"aria-hidden": "true",
+					className: "ssg-skeleton-bar",
+					style: { width: l }
+				})
+			}, `skeleton-${e}-${i}`);
+		})]
+	});
+}
+var Sn = e(xn);
+function Cn({ pane: e, ownsRowHeader: t, leadingWidth: n, rowModel: r, virtualRows: i, virtualRowIndexes: a, renderEntries: o, rowHeight: s, autoHeight: c = !1, isServerSide: l = !1, rowHeaderCellStyle: f, hoveredRowIndex: p, isWholeGridSelected: m, activeCell: h, editingCell: g, selectionSnapshot: _, readOnly: v, canEditCell: y, onRowHeaderPointerDown: b, onRowHeaderPointerEnter: x, onRowHeaderPointerLeave: S, onCellPointerDown: C, onCellPointerEnter: w, onCellDoubleClick: T, renderCellContent: E, getRowClassName: D, bodyCellClassName: O, bodyRowClassName: k, rowHeaderCellClassName: A }) {
+	return /* @__PURE__ */ d(u, { children: i.map((i) => {
+		let u = i.index;
+		if (!a.has(u)) return null;
+		let j = i.size ?? s, M = r.getRow(u);
+		if (!M) {
+			if (!l) return null;
+			let a = r.getRowKey(u) ?? u;
+			return /* @__PURE__ */ d(Sn, {
+				pane: e,
+				ownsRowHeader: t,
+				leadingWidth: n,
+				rowIndex: u,
+				top: i.start,
+				rowHeight: j,
+				renderEntries: o,
+				rowHeaderCellStyle: f,
+				isRowHovered: p === u,
+				onRowHeaderPointerDown: b,
+				onRowHeaderPointerEnter: x,
+				onRowHeaderPointerLeave: S,
+				onCellPointerDown: C,
+				onCellPointerEnter: w,
+				bodyCellClassName: O,
+				bodyRowClassName: k,
+				rowHeaderCellClassName: A
+			}, String(a));
+		}
+		let N = r.getRowKey(u) ?? u, P = _.kind === "row" && u >= _.startRow && u <= _.endRow, F = _.kind === "cell" && u >= _.startRow && u <= _.endRow, I = _.kind === "col" || F ? _.startCol : -1, L = _.kind === "col" || F ? _.endCol : -1, ee = h && h.row === u ? h.col : -1, te = g && g.row === u ? g.col : -1, ne = D?.(M, u);
+		return /* @__PURE__ */ d(yn, {
+			pane: e,
+			ownsRowHeader: t,
+			leadingWidth: n,
+			rowIndex: u,
+			rowKey: N,
+			row: M,
+			top: i.start,
+			renderEntries: o,
+			rowHeight: j,
+			autoHeight: c,
+			autoHeightMinHeight: s,
+			rowHeaderCellStyle: f,
+			isRowHovered: p === u,
+			isWholeGridSelected: m,
+			isRowSelected: P,
+			activeColInRow: ee,
+			editingColInRow: te,
+			selectedColStart: I,
+			selectedColEnd: L,
+			readOnly: v,
+			canEditCell: y,
+			onRowHeaderPointerDown: b,
+			onRowHeaderPointerEnter: x,
+			onRowHeaderPointerLeave: S,
+			onCellPointerDown: C,
+			onCellPointerEnter: w,
+			onCellDoubleClick: T,
+			renderCellContent: E,
+			rowClassName: ne,
+			bodyCellClassName: O,
+			bodyRowClassName: k,
+			rowHeaderCellClassName: A
+		}, String(N));
+	}) });
+}
+//#endregion
+//#region src/components/spreadsheet-grid/view/GridHeaderRow.tsx
+function wn({ isActive: e, title: t, className: n, onPointerDown: r, children: i }) {
+	return /* @__PURE__ */ d("button", {
+		type: "button",
+		title: t,
+		onPointerDown: r,
+		className: m("ssg-icon-btn", e && "ssg-icon-btn--active", n),
+		children: i
+	});
+}
+function Tn({ pane: e, ownsRowHeader: t, leadingWidth: n, headerHeight: r, rowHeaderCellStyle: i, headerRowClassName: a, headerCellClassName: o, rowHeaderCellClassName: s, isCornerHovered: c, isWholeGridSelected: l, filteredRowsLength: u, visibleColumnsLength: p, renderEntries: h, hoveredColumnIndex: g, selectionSnapshot: _, columnFilterValues: v, sortState: y, iconButtonClassName: b, onCornerPointerDown: x, onCornerPointerEnter: S, onCornerPointerLeave: C, onColumnHeaderPointerDown: w, onColumnHeaderPointerEnter: T, onColumnHeaderPointerLeave: E, onColumnFilterButtonPointerDown: D, onColumnResizePointerDown: O, enableColumnMenu: k, openedMenuColumnKey: A, onColumnMenuButtonPointerDown: j, onColumnHeaderContextMenu: M, onColumnDragHandlePointerDown: N }) {
+	return /* @__PURE__ */ f("div", {
+		"data-pane": e,
+		className: m("ssg-header-row", a),
+		style: { height: r },
+		children: [t && /* @__PURE__ */ d("div", {
+			onPointerDown: x,
+			onPointerEnter: S,
+			onPointerLeave: C,
+			className: m("ssg-header-cell", "ssg-corner-cell", l && "ssg-header-cell--selected", c && "ssg-header-cell--hovered", s),
+			style: {
+				...i,
+				height: r,
+				cursor: u > 0 && p > 0 ? "pointer" : "default"
+			},
+			children: "#"
+		}), h.map((e) => {
+			if (!e) return null;
+			let t = e.logicalIndex, i = e.column, a = n + e.paneLocalStart, s = e.paneLocalSize, c = F(v[i.key]), u = _.kind === "col" && t >= _.startCol && t <= _.endCol, p = y.findIndex((e) => e.columnKey === i.key), h = p === -1 ? null : y[p], x = A === i.key, S = k;
+			return /* @__PURE__ */ f("div", {
+				onPointerDown: (e) => w(t, e),
+				onPointerEnter: (e) => T(t, e),
+				onPointerLeave: () => E(t),
+				onContextMenu: (e) => M(i, e),
+				className: m("ssg-header-cell", (l || u) && "ssg-header-cell--selected", g === t && "ssg-header-cell--hovered", o),
+				style: {
+					left: a,
+					width: s,
+					minWidth: s,
+					height: r
+				},
+				children: [
+					N && /* @__PURE__ */ d("span", {
+						onPointerDown: (e) => N(i, e),
+						title: "ドラッグで列を移動",
+						"aria-hidden": "true",
+						className: "ssg-header-grip",
+						children: /* @__PURE__ */ f("svg", {
+							width: "8",
+							height: "14",
+							viewBox: "0 0 8 14",
+							fill: "currentColor",
+							"aria-hidden": "true",
+							focusable: "false",
+							children: [
+								/* @__PURE__ */ d("circle", {
+									cx: "2",
+									cy: "3",
+									r: "1"
+								}),
+								/* @__PURE__ */ d("circle", {
+									cx: "6",
+									cy: "3",
+									r: "1"
+								}),
+								/* @__PURE__ */ d("circle", {
+									cx: "2",
+									cy: "7",
+									r: "1"
+								}),
+								/* @__PURE__ */ d("circle", {
+									cx: "6",
+									cy: "7",
+									r: "1"
+								}),
+								/* @__PURE__ */ d("circle", {
+									cx: "2",
+									cy: "11",
+									r: "1"
+								}),
+								/* @__PURE__ */ d("circle", {
+									cx: "6",
+									cy: "11",
+									r: "1"
+								})
+							]
+						})
+					}),
+					/* @__PURE__ */ f("div", {
+						className: "ssg-header-label-row",
+						children: [
+							/* @__PURE__ */ d("div", {
+								className: m("ssg-header-label", c && "ssg-header-label--filtered"),
+								children: i.renderHeader ? i.renderHeader({
+									colIndex: t,
+									width: s,
+									column: i,
+									filterValue: v[i.key],
+									isFiltered: c
+								}) : i.title || i.key
+							}),
+							h && /* @__PURE__ */ f("span", {
+								"aria-hidden": "true",
+								title: (h.direction === "asc" ? "昇順で並び替え中" : "降順で並び替え中") + (y.length > 1 ? ` (優先度 ${p + 1})` : ""),
+								className: "ssg-header-sort",
+								children: [h.direction === "asc" ? "↑" : "↓", y.length > 1 && /* @__PURE__ */ d("span", {
+									className: "ssg-header-sort-priority",
+									children: p + 1
+								})]
+							}),
+							/* @__PURE__ */ d(wn, {
+								title: "列フィルター",
+								isActive: c,
+								className: b,
+								onPointerDown: (e) => D(i, e),
+								children: /* @__PURE__ */ d("svg", {
+									width: "12",
+									height: "12",
+									viewBox: "0 0 16 16",
+									fill: c ? "currentColor" : "none",
+									stroke: "currentColor",
+									strokeWidth: c ? 0 : 1.4,
+									strokeLinejoin: "round",
+									"aria-hidden": "true",
+									focusable: "false",
+									children: /* @__PURE__ */ d("path", { d: "M2 4 L14 4 L9.2 9.2 L9.2 13 L6.8 13 L6.8 9.2 Z" })
+								})
+							}),
+							S && /* @__PURE__ */ d(wn, {
+								title: "列メニュー",
+								isActive: x,
+								className: b,
+								onPointerDown: (e) => j(i, e),
+								children: "⋮"
+							})
+						]
+					}),
+					/* @__PURE__ */ d("div", {
+						onPointerDown: (e) => O(i, e),
+						className: "ssg-header-resize"
+					})
+				]
+			}, i.key);
+		})]
+	});
+}
+var En = e(Tn), Dn = 200, On = 8, kn = 6, An = 289, jn = ({ visibleColumns: e, enableColumnMenu: n, gridRootRef: i }) => {
+	let [o, l] = c(null), [u, d] = c(null), f = s(null), p = s(null), m = s(null), h = s(o);
+	h.current = o;
+	let g = o !== null, _ = o?.columnKey ?? null, v = a(() => _ ? e.find((e) => e.key === _) ?? null : null, [_, e]), y = t(() => {
+		if (!_) {
+			d(null);
+			return;
+		}
+		let e, t, n, r = p.current, i = m.current;
+		if (r) {
+			if (!r.isConnected) {
+				d(null), l(null), p.current = null;
+				return;
+			}
+			let i = r.getBoundingClientRect();
+			t = i.right - Dn, e = i.bottom + kn, n = i.top - An - kn;
+		} else if (i) t = i.x, e = i.y, n = i.y - An;
+		else {
+			d(null);
+			return;
+		}
+		t = Math.max(On, t), t = Math.min(t, window.innerWidth - Dn - On), e + An > window.innerHeight - On && (e = n), e = Math.max(On, e), d((n) => n && n.top === e && n.left === t && n.width === Dn ? n : {
+			top: e,
+			left: t,
+			width: Dn
+		});
+	}, [_]), b = t(() => {
+		l(null), d(null), p.current = null, m.current = null, requestAnimationFrame(() => {
+			i.current?.focus();
+		});
+	}, [i]), x = t((e, t) => {
+		if (t.preventDefault(), t.stopPropagation(), !n || t.button !== 0) return;
+		let r = t.currentTarget;
+		if (h.current?.columnKey === e.key && p.current === r) {
+			b();
+			return;
+		}
+		document.activeElement instanceof HTMLElement && document.activeElement.blur(), i.current?.blur(), p.current = r, m.current = null, l({ columnKey: e.key });
+	}, [
+		b,
+		n,
+		i
+	]), S = t((e, t) => {
+		n && (t.preventDefault(), t.stopPropagation(), document.activeElement instanceof HTMLElement && document.activeElement.blur(), i.current?.blur(), p.current = null, m.current = {
+			x: t.clientX,
+			y: t.clientY
+		}, l({ columnKey: e.key }), y());
+	}, [
+		n,
+		i,
+		y
+	]);
+	return r(() => {
+		if (!_) return;
+		y();
+		let e = () => {
+			y();
+		}, t = () => {
+			if (m.current) {
+				b();
+				return;
+			}
+			y();
+		};
+		return window.addEventListener("resize", e), window.addEventListener("scroll", t, !0), () => {
+			window.removeEventListener("resize", e), window.removeEventListener("scroll", t, !0);
+		};
+	}, [
+		_,
+		y,
+		b
+	]), r(() => {
+		if (!g) return;
+		let e = (e) => {
+			let t = e.target;
+			t && (f.current?.contains(t) || p.current?.contains(t) || b());
+		};
+		return window.addEventListener("pointerdown", e), () => {
+			window.removeEventListener("pointerdown", e);
+		};
+	}, [b, g]), r(() => {
+		if (!g) return;
+		let e = (e) => {
+			e.key === "Escape" && (e.preventDefault(), b());
+		};
+		return window.addEventListener("keydown", e), () => {
+			window.removeEventListener("keydown", e);
+		};
+	}, [b, g]), {
+		columnMenuLayout: u,
+		columnMenuRef: f,
+		isColumnMenuOpen: g,
+		openedMenuColumnKey: _,
+		openedMenuColumn: v,
+		openColumnMenuFromButton: x,
+		openColumnMenuFromContextMenu: S,
+		closeColumnMenu: b
+	};
+}, Mn = [
+	{
+		value: void 0,
+		label: "固定しない"
+	},
+	{
+		value: "left",
+		label: "左に固定"
+	},
+	{
+		value: "right",
+		label: "右に固定"
+	}
+], Nn = 180, Pn = 4, Fn = 8, In = "pin";
+function Ln({ isOpen: e, title: t, columnKey: n, canSort: i, sortDirection: a, onSortChange: o, onOpenSortManager: s, pinned: l, canChangePinned: h, layout: g, popoverRef: _, onPinnedChange: v, onAutosizeColumn: y, onAutosizeAllColumns: b, onOpenColumnChooser: x, canResetColumns: S, onResetColumns: C, onRequestClose: w }) {
+	let [T, E] = c(null);
+	if (r(() => {
+		E(null);
+	}, [n, e]), !e || !g) return null;
+	let D = T === In, O = g.left + g.width + Pn + Nn > window.innerWidth - Fn, k = {
+		position: "fixed",
+		top: g.top,
+		left: g.left,
+		width: g.width,
+		zIndex: 1e3
+	}, A = {
+		position: "absolute",
+		top: -9,
+		...O ? { right: `calc(100% + ${Pn}px)` } : { left: `calc(100% + ${Pn}px)` },
+		width: Nn,
+		zIndex: 1
+	};
+	return p(/* @__PURE__ */ f("div", {
+		ref: _,
+		onPointerDown: (e) => {
+			e.stopPropagation();
+		},
+		onKeyDownCapture: (e) => {
+			e.stopPropagation();
+		},
+		onContextMenu: (e) => {
+			e.preventDefault();
+		},
+		className: "ssg-menu-panel",
+		style: k,
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: "ssg-menu-title",
+				children: t
+			}),
+			i && /* @__PURE__ */ f(u, { children: [
+				/* @__PURE__ */ f("button", {
+					type: "button",
+					onPointerEnter: () => {
+						E(null);
+					},
+					onClick: () => {
+						o("asc");
+					},
+					className: "ssg-menu-item",
+					children: [/* @__PURE__ */ d("span", {
+						className: m("ssg-menu-sort-icon", a === "asc" && "ssg-menu-sort-icon--active"),
+						children: a === "asc" ? "✓" : "↑"
+					}), /* @__PURE__ */ d("span", {
+						className: m("ssg-menu-label", a === "asc" && "ssg-menu-label--sorted"),
+						children: "昇順で並び替え"
+					})]
+				}),
+				/* @__PURE__ */ f("button", {
+					type: "button",
+					onPointerEnter: () => {
+						E(null);
+					},
+					onClick: () => {
+						o("desc");
+					},
+					className: "ssg-menu-item",
+					children: [/* @__PURE__ */ d("span", {
+						className: m("ssg-menu-sort-icon", a === "desc" && "ssg-menu-sort-icon--active"),
+						children: a === "desc" ? "✓" : "↓"
+					}), /* @__PURE__ */ d("span", {
+						className: m("ssg-menu-label", a === "desc" && "ssg-menu-label--sorted"),
+						children: "降順で並び替え"
+					})]
+				}),
+				/* @__PURE__ */ f("button", {
+					type: "button",
+					onPointerEnter: () => {
+						E(null);
+					},
+					onClick: () => {
+						s();
+					},
+					className: "ssg-menu-item",
+					children: [/* @__PURE__ */ d("span", { className: "ssg-menu-icon" }), /* @__PURE__ */ d("span", {
+						className: "ssg-menu-label",
+						children: "並び替えを管理…"
+					})]
+				}),
+				/* @__PURE__ */ d("div", { className: "ssg-menu-separator" })
+			] }),
+			/* @__PURE__ */ f("div", {
+				className: "ssg-menu-submenu-anchor",
+				children: [/* @__PURE__ */ f("button", {
+					type: "button",
+					onPointerEnter: () => {
+						E(In);
+					},
+					onClick: () => {
+						E((e) => e === In ? null : In);
+					},
+					className: m("ssg-menu-item", D && "ssg-menu-item--active"),
+					children: [
+						/* @__PURE__ */ d("span", { className: "ssg-menu-icon" }),
+						/* @__PURE__ */ d("span", {
+							className: "ssg-menu-label",
+							children: "列の固定"
+						}),
+						/* @__PURE__ */ d("span", {
+							className: "ssg-menu-caret",
+							children: "›"
+						})
+					]
+				}), D && /* @__PURE__ */ f("div", {
+					className: "ssg-menu-panel",
+					style: A,
+					children: [Mn.map((e) => {
+						let t = l === e.value;
+						return /* @__PURE__ */ f("button", {
+							type: "button",
+							disabled: !h,
+							onClick: () => {
+								h && v(n, e.value);
+							},
+							className: "ssg-menu-item",
+							children: [/* @__PURE__ */ d("span", {
+								className: m("ssg-menu-check", !t && "ssg-menu-check--hidden"),
+								children: "✓"
+							}), /* @__PURE__ */ d("span", {
+								className: "ssg-menu-label",
+								children: e.label
+							})]
+						}, e.label);
+					}), !h && /* @__PURE__ */ d("div", {
+						className: "ssg-menu-note",
+						children: "onColumnsChange 未指定のため固定状態を変更できません"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ f("button", {
+				type: "button",
+				onPointerEnter: () => {
+					E(null);
+				},
+				onClick: () => {
+					y(n);
+				},
+				className: "ssg-menu-item",
+				children: [/* @__PURE__ */ d("span", { className: "ssg-menu-icon" }), /* @__PURE__ */ d("span", {
+					className: "ssg-menu-label",
+					children: "この列の幅を自動調整"
+				})]
+			}),
+			/* @__PURE__ */ f("button", {
+				type: "button",
+				onPointerEnter: () => {
+					E(null);
+				},
+				onClick: () => {
+					b();
+				},
+				className: "ssg-menu-item",
+				children: [/* @__PURE__ */ d("span", { className: "ssg-menu-icon" }), /* @__PURE__ */ d("span", {
+					className: "ssg-menu-label",
+					children: "すべての列の幅を自動調整"
+				})]
+			}),
+			/* @__PURE__ */ f("button", {
+				type: "button",
+				onPointerEnter: () => {
+					E(null);
+				},
+				onClick: () => {
+					x();
+				},
+				className: "ssg-menu-item",
+				children: [/* @__PURE__ */ d("span", { className: "ssg-menu-icon" }), /* @__PURE__ */ d("span", {
+					className: "ssg-menu-label",
+					children: "列の表示"
+				})]
+			}),
+			/* @__PURE__ */ f("button", {
+				type: "button",
+				"aria-disabled": !S,
+				tabIndex: S ? 0 : -1,
+				title: S ? "すべての列の幅・固定・表示を初期状態に戻します" : "onColumnsChange 未指定のため列をリセットできません",
+				onPointerEnter: () => {
+					E(null);
+				},
+				onClick: () => {
+					S && C();
+				},
+				className: m("ssg-menu-item", !S && "ssg-menu-item--disabled"),
+				children: [/* @__PURE__ */ d("span", { className: "ssg-menu-icon" }), /* @__PURE__ */ d("span", {
+					className: "ssg-menu-label",
+					children: "列のリセット"
+				})]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "ssg-menu-footer",
+				children: /* @__PURE__ */ d("button", {
+					type: "button",
+					onClick: w,
+					className: "ssg-menu-close-btn",
+					children: "閉じる"
+				})
+			})
+		]
+	}), document.body);
+}
+//#endregion
+//#region src/components/spreadsheet-grid/hooks/useColumnChooserController.ts
+var Rn = 280, zn = 8, Bn = 12, Vn = ({ enableColumnMenu: e, gridRootRef: n }) => {
+	let [i, a] = c(!1), [o, l] = c(null), u = s(null), d = t(() => {
+		let e = n.current;
+		if (!e) {
+			l(null);
+			return;
+		}
+		let t = e.getBoundingClientRect(), r = t.right - Rn - Bn, i = t.top + Bn;
+		r = Math.max(zn, r), r = Math.min(r, window.innerWidth - Rn - zn), i = Math.max(zn, i), l((e) => e && e.top === i && e.left === r && e.width === Rn ? e : {
+			top: i,
+			left: r,
+			width: Rn
+		});
+	}, [n]), f = t(() => {
+		e && (document.activeElement instanceof HTMLElement && document.activeElement.blur(), n.current?.blur(), a(!0));
+	}, [e, n]), p = t(() => {
+		a(!1), l(null), requestAnimationFrame(() => {
+			n.current?.focus();
+		});
+	}, [n]);
+	return r(() => {
+		if (!i) return;
+		d();
+		let e = () => {
+			d();
+		};
+		return window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+		};
+	}, [i, d]), r(() => {
+		if (!i) return;
+		let e = (e) => {
+			let t = e.target;
+			t && (u.current?.contains(t) || p());
+		};
+		return window.addEventListener("pointerdown", e), () => {
+			window.removeEventListener("pointerdown", e);
+		};
+	}, [p, i]), r(() => {
+		if (!i) return;
+		let e = (e) => {
+			e.key === "Escape" && (e.preventDefault(), p());
+		};
+		return window.addEventListener("keydown", e), () => {
+			window.removeEventListener("keydown", e);
+		};
+	}, [p, i]), {
+		isColumnChooserOpen: i,
+		columnChooserLayout: o,
+		columnChooserRef: u,
+		openColumnChooser: f,
+		closeColumnChooser: p
+	};
+}, Hn = 28, Un = 12, Wn = [
+	"left",
+	"center",
+	"right"
+], Z = {
+	left: "左固定",
+	center: "固定なし",
+	right: "右固定"
+};
+function Gn(e, t, n) {
+	let r = e.find((e) => e.key === t);
+	if (!r) return null;
+	let i = r.pane, a = {
+		left: [],
+		center: [],
+		right: []
+	};
+	for (let t of e) a[t.pane].push(t.key);
+	let o = a[i], s = o.indexOf(t);
+	if (s < 0) return null;
+	let c = n;
+	if (c > s && --c, c = Math.max(0, Math.min(c, o.length - 1)), c === s) return null;
+	let [l] = o.splice(s, 1);
+	return o.splice(c, 0, l), [
+		...a.left,
+		...a.center,
+		...a.right
+	];
+}
+function Kn({ state: e, disabled: t }) {
+	return /* @__PURE__ */ f("span", {
+		className: m("ssg-checkbox", (e === "checked" || e === "indeterminate") && "ssg-checkbox--filled", t && "ssg-checkbox--disabled"),
+		"aria-hidden": !0,
+		children: [e === "checked" && /* @__PURE__ */ d("svg", {
+			width: "11",
+			height: "11",
+			viewBox: "0 0 12 12",
+			fill: "none",
+			children: /* @__PURE__ */ d("path", {
+				d: "M2.5 6.2 4.7 8.4 9.5 3.6",
+				stroke: "#ffffff",
+				strokeWidth: "1.8",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		}), e === "indeterminate" && /* @__PURE__ */ d("span", { className: "ssg-checkbox-dash" })]
+	});
+}
+function qn({ disabled: e }) {
+	return /* @__PURE__ */ d("svg", {
+		width: "10",
+		height: "16",
+		viewBox: "0 0 10 16",
+		fill: e ? "#cbd5e1" : "#94a3b8",
+		"aria-hidden": !0,
+		children: [
+			3,
+			8,
+			13
+		].map((e) => [3, 7].map((t) => /* @__PURE__ */ d("circle", {
+			cx: t,
+			cy: e,
+			r: "1.2"
+		}, `${t}-${e}`)))
+	});
+}
+function Jn({ isOpen: e, items: n, canToggle: i, layout: o, panelRef: l, onToggleColumnVisibility: u, onShowAllColumns: h, onResetColumns: g, onReorderColumns: _, onRequestClose: v }) {
+	let [y, b] = c(""), x = s(null);
+	r(() => {
+		if (e) {
+			b("");
+			let e = requestAnimationFrame(() => {
+				x.current?.focus();
+			});
+			return () => cancelAnimationFrame(e);
+		}
+	}, [e]);
+	let S = a(() => n.filter((e) => e.visible).length, [n]), C = S === n.length && n.length > 0, w = C ? "checked" : "indeterminate", T = a(() => {
+		let e = y.trim().toLowerCase();
+		return e ? n.filter((t) => t.title.toLowerCase().includes(e)) : n;
+	}, [n, y]), E = a(() => {
+		let e = {
+			left: [],
+			center: [],
+			right: []
+		};
+		for (let t of T) e[t.pane].push(t);
+		return Wn.map((t) => ({
+			pane: t,
+			items: e[t]
+		})).filter((e) => e.items.length > 0);
+	}, [T]), D = E.length >= 2, O = i && y.trim() === "", k = s(null), [A, j] = c(null), M = s(!1), N = s(null), [P, F] = c(null), I = s(0), L = s(null), ee = t(() => {
+		let e = k.current, t = N.current;
+		if (!e || !t) return;
+		let n = e.querySelectorAll(`[data-chooser-row][data-chooser-pane="${t}"]`), r = I.current, i = n.length;
+		for (let e = 0; e < n.length; e += 1) {
+			let t = n[e].getBoundingClientRect();
+			if (r < t.top + t.height / 2) {
+				i = e;
+				break;
+			}
+		}
+		F(i);
+	}, []), te = t(() => {
+		let e = k.current;
+		if (!e || !M.current) {
+			L.current = null;
+			return;
+		}
+		let t = e.getBoundingClientRect(), n = I.current, r = 0;
+		if (n < t.top + Hn ? r = -12 : n > t.bottom - Hn && (r = Un), r !== 0) {
+			let t = e.scrollTop;
+			e.scrollTop += r, e.scrollTop !== t && ee();
+		}
+		L.current = requestAnimationFrame(te);
+	}, [ee]), ne = t((e) => {
+		L.current !== null && (cancelAnimationFrame(L.current), L.current = null);
+		let t = A, r = P;
+		if (M.current = !1, N.current = null, j(null), F(null), e && t !== null && r !== null) {
+			let e = Gn(n, t, r);
+			e && _(e);
+		}
+	}, [
+		A,
+		P,
+		n,
+		_
+	]), re = t((e, t, n) => {
+		O && (n.preventDefault(), n.stopPropagation(), n.currentTarget.setPointerCapture(n.pointerId), M.current = !0, N.current = t, I.current = n.clientY, j(e), ee(), L.current === null && (L.current = requestAnimationFrame(te)));
+	}, [
+		O,
+		ee,
+		te
+	]), ie = t((e) => {
+		M.current && (I.current = e.clientY, ee());
+	}, [ee]), ae = t(() => {
+		M.current && ne(!0);
+	}, [ne]), R = t(() => {
+		M.current && ne(!1);
+	}, [ne]);
+	if (r(() => {
+		e || (M.current = !1, N.current = null, j(null), F(null), L.current !== null && (cancelAnimationFrame(L.current), L.current = null));
+	}, [e]), r(() => () => {
+		L.current !== null && (cancelAnimationFrame(L.current), L.current = null);
+	}, []), !e || !o) return null;
+	let oe = {
+		top: o.top,
+		left: o.left,
+		width: o.width
+	}, se = (e) => {
+		e.stopPropagation();
+	}, ce = (e) => {
+		e.stopPropagation();
+	}, le = () => {
+		i && (C || h());
+	}, ue = A === null ? null : n.find((e) => e.key === A)?.pane ?? null, de = (e, t, n) => {
+		let r = e.visible && S === 1, a = !i || r, o = A === e.key;
+		return /* @__PURE__ */ f("div", {
+			"data-chooser-row": "",
+			"data-chooser-pane": n,
+			className: m("ssg-chooser-row", A !== null && ue === n && P === t && "ssg-chooser-row--drop-before", o && "ssg-chooser-row--dragging"),
+			children: [/* @__PURE__ */ d("span", {
+				role: "button",
+				"aria-label": "ドラッグして並べ替え",
+				title: i ? y.trim() === "" ? "ドラッグして並べ替え(同じセクション内のみ)" : "検索中は並べ替えできません" : "onColumnsChange 未指定のため並べ替えできません",
+				onPointerDown: (t) => re(e.key, n, t),
+				onPointerMove: ie,
+				onPointerUp: ae,
+				onPointerCancel: R,
+				className: m("ssg-chooser-handle", !O && "ssg-chooser-handle--disabled", o && "ssg-chooser-handle--dragging"),
+				children: /* @__PURE__ */ d(qn, { disabled: !O })
+			}), /* @__PURE__ */ f("button", {
+				type: "button",
+				disabled: a,
+				onClick: () => {
+					a || u(e.key, !e.visible);
+				},
+				className: "ssg-chooser-toggle",
+				children: [/* @__PURE__ */ d(Kn, {
+					state: e.visible ? "checked" : "unchecked",
+					disabled: a
+				}), /* @__PURE__ */ d("span", {
+					className: m("ssg-chooser-label", a && !e.visible && "ssg-chooser-label--muted"),
+					children: e.title
+				})]
+			})]
+		}, e.key);
+	};
+	return p(/* @__PURE__ */ f("div", {
+		ref: l,
+		onPointerDown: se,
+		onKeyDownCapture: ce,
+		onContextMenu: (e) => {
+			e.preventDefault();
+		},
+		className: "ssg-popover ssg-chooser-panel",
+		style: oe,
+		children: [
+			/* @__PURE__ */ f("div", {
+				className: "ssg-popover-header",
+				children: [/* @__PURE__ */ d("span", {
+					className: "ssg-popover-title",
+					children: "列の表示"
+				}), /* @__PURE__ */ d("button", {
+					type: "button",
+					onClick: v,
+					"aria-label": "閉じる",
+					className: "ssg-popover-close",
+					children: "×"
+				})]
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "ssg-chooser-search-row",
+				children: [/* @__PURE__ */ d("button", {
+					type: "button",
+					disabled: !i,
+					onClick: le,
+					"aria-label": "すべての列を表示",
+					title: "すべての列を表示",
+					className: "ssg-chooser-master-btn",
+					children: /* @__PURE__ */ d(Kn, {
+						state: w,
+						disabled: !i
+					})
+				}), /* @__PURE__ */ f("div", {
+					className: "ssg-chooser-search-field",
+					children: [/* @__PURE__ */ d("span", {
+						"aria-hidden": !0,
+						className: "ssg-chooser-search-icon",
+						children: "⌕"
+					}), /* @__PURE__ */ d("input", {
+						ref: x,
+						type: "text",
+						value: y,
+						onChange: (e) => b(e.target.value),
+						placeholder: "検索...",
+						className: "ssg-chooser-search-input"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ d("div", {
+				ref: k,
+				className: "ssg-chooser-list",
+				children: T.length === 0 ? /* @__PURE__ */ d("div", {
+					className: "ssg-chooser-empty",
+					children: "該当する列がありません"
+				}) : E.map((e) => /* @__PURE__ */ f("div", {
+					"data-chooser-section": e.pane,
+					children: [
+						D && /* @__PURE__ */ d("div", {
+							className: "ssg-chooser-section-heading",
+							children: Z[e.pane]
+						}),
+						e.items.map((t, n) => de(t, n, e.pane)),
+						A !== null && ue === e.pane && P === e.items.length && /* @__PURE__ */ d("div", { className: "ssg-chooser-drop-end" })
+					]
+				}, e.pane))
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "ssg-chooser-footer",
+				children: [/* @__PURE__ */ d("button", {
+					type: "button",
+					disabled: !i,
+					onClick: () => {
+						i && g();
+					},
+					title: "すべての列の幅・固定・表示を初期状態に戻します",
+					className: "ssg-chooser-reset-btn",
+					children: "すべての列を初期状態に戻す"
+				}), !i && /* @__PURE__ */ d("div", {
+					className: "ssg-chooser-note",
+					children: "onColumnsChange 未指定のため表示/非表示・リセットを変更できません"
+				})]
+			})
+		]
+	}), document.body);
+}
+//#endregion
+//#region src/components/spreadsheet-grid/hooks/useSortManagementController.ts
+var Q = 320, Yn = 8, Xn = 12, Zn = ({ enableSorting: e, gridRootRef: n }) => {
+	let [i, a] = c(!1), [o, l] = c(null), u = s(null), d = t(() => {
+		let e = n.current;
+		if (!e) {
+			l(null);
+			return;
+		}
+		let t = e.getBoundingClientRect(), r = t.right - Q - Xn, i = t.top + Xn;
+		r = Math.max(Yn, r), r = Math.min(r, window.innerWidth - Q - Yn), i = Math.max(Yn, i), l((e) => e && e.top === i && e.left === r && e.width === Q ? e : {
+			top: i,
+			left: r,
+			width: Q
+		});
+	}, [n]), f = t(() => {
+		e && (document.activeElement instanceof HTMLElement && document.activeElement.blur(), n.current?.blur(), a(!0));
+	}, [e, n]), p = t(() => {
+		a(!1), l(null), requestAnimationFrame(() => {
+			n.current?.focus();
+		});
+	}, [n]);
+	return r(() => {
+		if (!i) return;
+		d();
+		let e = () => {
+			d();
+		};
+		return window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+			window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+		};
+	}, [i, d]), r(() => {
+		if (!i) return;
+		let e = (e) => {
+			let t = e.target;
+			t && (u.current?.contains(t) || p());
+		};
+		return window.addEventListener("pointerdown", e), () => {
+			window.removeEventListener("pointerdown", e);
+		};
+	}, [p, i]), r(() => {
+		if (!i) return;
+		let e = (e) => {
+			e.key === "Escape" && (e.preventDefault(), p());
+		};
+		return window.addEventListener("keydown", e), () => {
+			window.removeEventListener("keydown", e);
+		};
+	}, [p, i]), {
+		isSortManagerOpen: i,
+		sortManagerLayout: o,
+		sortManagerRef: u,
+		openSortManager: f,
+		closeSortManager: p
+	};
+};
+//#endregion
+//#region src/components/spreadsheet-grid/view/SortManagementPanel.tsx
+function Qn({ disabled: e }) {
+	return /* @__PURE__ */ d("svg", {
+		width: "10",
+		height: "16",
+		viewBox: "0 0 10 16",
+		fill: e ? "#cbd5e1" : "#94a3b8",
+		"aria-hidden": !0,
+		children: [
+			3,
+			8,
+			13
+		].map((e) => [3, 7].map((t) => /* @__PURE__ */ d("circle", {
+			cx: t,
+			cy: e,
+			r: "1.2"
+		}, `${t}-${e}`)))
+	});
+}
+function $n({ isOpen: e, entries: n, columns: i, canSort: o, layout: l, panelRef: u, onAddLevel: h, onChangeDirection: g, onChangeColumn: _, onRemoveLevel: v, onClearAll: y, onMove: b, onRequestClose: x }) {
+	let S = a(() => new Set(n.map((e) => e.columnKey)), [n]), C = a(() => i.find((e) => !S.has(e.key)) ?? null, [i, S]), w = (e) => i.find((t) => t.key === e)?.title ?? e, T = o && n.length >= 2, E = s(null), [D, O] = c(null), k = s(!1), [A, j] = c(null), M = s(0), N = t(() => {
+		let e = E.current;
+		if (!e) return;
+		let t = e.querySelectorAll("[data-sort-level]"), n = M.current, r = t.length;
+		for (let e = 0; e < t.length; e += 1) {
+			let i = t[e].getBoundingClientRect();
+			if (n < i.top + i.height / 2) {
+				r = e;
+				break;
+			}
+		}
+		j(r);
+	}, []), P = t((e) => {
+		let t = D, n = A;
+		if (k.current = !1, O(null), j(null), e && t !== null && n !== null) {
+			let e = n;
+			e > t && --e, b(t, e);
+		}
+	}, [
+		D,
+		A,
+		b
+	]), F = t((e, t) => {
+		T && (t.preventDefault(), t.stopPropagation(), t.currentTarget.setPointerCapture(t.pointerId), k.current = !0, M.current = t.clientY, O(e), N());
+	}, [T, N]), I = t((e) => {
+		k.current && (M.current = e.clientY, N());
+	}, [N]), L = t(() => {
+		k.current && P(!0);
+	}, [P]), ee = t(() => {
+		k.current && P(!1);
+	}, [P]);
+	if (r(() => {
+		e || (k.current = !1, O(null), j(null));
+	}, [e]), !e || !l) return null;
+	let te = {
+		top: l.top,
+		left: l.left,
+		width: l.width
+	}, ne = (e) => {
+		e.stopPropagation();
+	}, re = (e) => {
+		e.stopPropagation();
+	}, ie = o && C !== null;
+	return p(/* @__PURE__ */ f("div", {
+		ref: u,
+		onPointerDown: ne,
+		onKeyDownCapture: re,
+		onContextMenu: (e) => {
+			e.preventDefault();
+		},
+		className: "ssg-popover ssg-sort-panel",
+		style: te,
+		children: [
+			/* @__PURE__ */ f("div", {
+				className: "ssg-popover-header",
+				children: [/* @__PURE__ */ d("span", {
+					className: "ssg-popover-title",
+					children: "並び替え"
+				}), /* @__PURE__ */ d("button", {
+					type: "button",
+					onClick: x,
+					"aria-label": "閉じる",
+					className: "ssg-popover-close",
+					children: "×"
+				})]
+			}),
+			/* @__PURE__ */ f("div", {
+				ref: E,
+				className: "ssg-sort-list",
+				children: [n.length === 0 ? /* @__PURE__ */ d("div", {
+					className: "ssg-sort-empty",
+					children: "並び替えは設定されていません"
+				}) : n.map((e, t) => {
+					let r = i.filter((t) => t.key === e.columnKey || !S.has(t.key)), a = r.some((t) => t.key === e.columnKey) ? r : [{
+						key: e.columnKey,
+						title: w(e.columnKey)
+					}, ...r], s = D === t;
+					return /* @__PURE__ */ f("div", {
+						"data-sort-level": "",
+						className: m("ssg-sort-level", D !== null && A === t && "ssg-sort-level--drop-before", s && "ssg-sort-level--dragging"),
+						children: [
+							/* @__PURE__ */ d("span", {
+								role: "button",
+								"aria-label": "ドラッグして優先順位を変更",
+								title: o ? n.length < 2 ? "レベルが 2 件以上のとき並べ替えできます" : "ドラッグして優先順位を変更" : "並び替えが無効です",
+								onPointerDown: (e) => F(t, e),
+								onPointerMove: I,
+								onPointerUp: L,
+								onPointerCancel: ee,
+								className: m("ssg-sort-handle", !T && "ssg-sort-handle--disabled", s && "ssg-sort-handle--dragging"),
+								children: /* @__PURE__ */ d(Qn, { disabled: !T })
+							}),
+							/* @__PURE__ */ d("span", {
+								"aria-hidden": !0,
+								className: "ssg-sort-badge",
+								children: t + 1
+							}),
+							/* @__PURE__ */ d("select", {
+								value: e.columnKey,
+								disabled: !o,
+								onChange: (e) => _(t, e.target.value),
+								className: "ssg-sort-select",
+								children: a.map((e) => /* @__PURE__ */ d("option", {
+									value: e.key,
+									children: e.title
+								}, e.key))
+							}),
+							/* @__PURE__ */ f("div", {
+								className: "ssg-sort-dir-group",
+								children: [/* @__PURE__ */ d("button", {
+									type: "button",
+									disabled: !o,
+									onClick: () => g(t, "asc"),
+									title: "昇順",
+									className: m("ssg-sort-dir-btn", e.direction === "asc" && "ssg-sort-dir-btn--active"),
+									children: "↑ 昇順"
+								}), /* @__PURE__ */ d("button", {
+									type: "button",
+									disabled: !o,
+									onClick: () => g(t, "desc"),
+									title: "降順",
+									className: m("ssg-sort-dir-btn", e.direction === "desc" && "ssg-sort-dir-btn--active"),
+									children: "↓ 降順"
+								})]
+							}),
+							/* @__PURE__ */ d("button", {
+								type: "button",
+								disabled: !o,
+								onClick: () => v(t),
+								"aria-label": "このレベルを削除",
+								title: "このレベルを削除",
+								className: "ssg-sort-delete",
+								children: "×"
+							})
+						]
+					}, e.columnKey);
+				}), D !== null && A === n.length && /* @__PURE__ */ d("div", { className: "ssg-sort-drop-end" })]
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "ssg-popover-footer",
+				children: [/* @__PURE__ */ d("button", {
+					type: "button",
+					disabled: !ie,
+					onClick: () => {
+						!ie || !C || h(C.key, "asc");
+					},
+					title: o ? C === null ? "すべての列が並び替えに使われています" : "並び替えの基準を追加します" : "並び替えが無効です",
+					className: "ssg-sort-footer-btn ssg-sort-footer-btn--add",
+					children: "＋ 基準を追加"
+				}), /* @__PURE__ */ d("button", {
+					type: "button",
+					disabled: !o || n.length === 0,
+					onClick: () => {
+						!o || n.length === 0 || y();
+					},
+					title: "すべての並び替えを解除します",
+					className: "ssg-sort-footer-btn ssg-sort-footer-btn--clear",
+					children: "すべてクリア"
+				})]
+			}),
+			!o && /* @__PURE__ */ d("div", {
+				className: "ssg-sort-note",
+				children: "並び替えが無効のため編集できません"
+			})
+		]
+	}), document.body);
+}
+//#endregion
+//#region src/components/spreadsheet-grid/SpreadsheetGrid.tsx
+var er = (e, t) => {
+	let n = new Set(e);
+	return n.add(t), n;
+}, tr = (e, t) => {
+	let n = new Set(e);
+	return n.delete(t), n;
+}, nr = (e, t) => {
+	let n = new Set(e);
+	for (let e of t) n.add(e);
+	return n;
+}, rr = (e, t) => {
+	let n = new Set(e);
+	for (let e of t) n.delete(e);
+	return n;
+}, ir = [], ar = {}, or = {}, sr = [], cr = 300;
+function lr({ rows: e = ir, dataSource: u, serverSideRefreshToken: p, columns: g, onRowsChange: _, onColumnsChange: v, rowKeyGetter: y, createRow: T, createOverflowColumn: F, rowHeight: I = 36, autoHeight: ne = !1, estimateRowHeight: ae, headerHeight: R = 40, rowHeaderWidth: oe = 56, readOnly: se = !1, canEditCell: ce, enableRangeSelection: ue = !0, enableGlobalFilter: he = !0, enableColumnFilter: _e = !0, enableSorting: z = !0, enableRowHover: ye = !0, enableColumnHeaderHover: be = !0, enableColumnMenu: xe = !0, noMatchingRowsText: Se = "一致する行がありません", noRowsText: Ce = "表示する行がありません", renderTopBar: De, renderBottomBar: Oe, className: ke, classNames: B, getRowClassName: Me }) {
+	let Ne = s(null), Pe = s(null), Fe = s(null), Ie = s(null), Le = s(!1), Re = s(null), ze = s(null), Be = s(null), [Ve, He] = c(""), [Ue, Ke] = c(!1), [qe, Ye] = c(null), [Xe, ot] = c(null), V = a(() => g.filter((e) => e.visible !== !1), [g]), H = a(() => pe(V), [V]), lt = a(() => y ?? ((e, t) => t), [y]), U = u != null, mt = z, ht = _e, gt = he, [W, G] = o(x, V, b), _t = s(W.columnWidths);
+	_t.current = W.columnWidths;
+	let vt = s(null);
+	vt.current === null && (vt.current = new Map(g.map((e) => [e.key, {
+		width: e.width,
+		pinned: e.pinned,
+		visible: e.visible
+	}])));
+	let yt = a(() => E(W.selection), [W.selection]), bt = a(() => me(H), [H]), K = ge(bt.left, W.columnWidths), Tt = ge(bt.center, W.columnWidths), Dt = ge(bt.right, W.columnWidths), Ot = a(() => ve("left", bt.left, K), [bt.left, K]), kt = a(() => ve("center", bt.center, Tt), [bt.center, Tt]), At = a(() => ve("right", bt.right, Dt), [bt.right, Dt]), q = a(() => ({
+		left: Ot,
+		center: kt,
+		right: At
+	}), [
+		Ot,
+		kt,
+		At
+	]), jt = q.left.entries.length > 0, Mt = q.right.entries.length > 0, Nt = !jt, Pt = oe, Ft = Nt ? oe : 0, It = jt ? Pt + q.left.totalWidth : 0, Lt = q.right.totalWidth, Rt = Ft + q.center.totalWidth, zt = It + Rt + Lt, { filterPopoverState: J, filterPopoverLayout: Bt, filterPopoverRef: Vt, filterTextInputRef: Ht, filterSelectRef: Ut, isFilterPopoverOpen: Wt, openedFilterColumn: Y, openColumnFilterPopover: Kt, closeColumnFilterPopover: qt, updateFilterPopoverDraft: Jt } = le({
+		visibleColumns: V,
+		columnFilterValues: W.filters.columnFilters,
+		enableColumnFilter: ht,
+		gridRootRef: Ne
+	}), { columnMenuLayout: Yt, columnMenuRef: Xt, isColumnMenuOpen: Zt, openedMenuColumnKey: Qt, openedMenuColumn: $t, openColumnMenuFromButton: en, openColumnMenuFromContextMenu: tn, closeColumnMenu: X } = jn({
+		visibleColumns: V,
+		enableColumnMenu: xe,
+		gridRootRef: Ne
+	}), { isColumnChooserOpen: rn, columnChooserLayout: an, columnChooserRef: on, openColumnChooser: sn, closeColumnChooser: cn } = Vn({
+		enableColumnMenu: xe,
+		gridRootRef: Ne
+	}), { isSortManagerOpen: pn, sortManagerLayout: mn, sortManagerRef: vn, openSortManager: yn, closeSortManager: bn } = Zn({
+		enableSorting: mt,
+		gridRootRef: Ne
+	});
+	r(() => {
+		let e = V.reduce((e, t) => (e[t.key] = t.width, e), {});
+		G(h.syncColumnWidths(e));
+	}, [V]);
+	let xn = W.filters.globalText, Sn = n(xn), wn = W.filters.columnFilters, Tn = n(wn), Dn = a(() => N(e.length), [e.length]), On = a(() => re(e, Dn, V, Sn), [
+		e,
+		Dn,
+		V,
+		Sn
+	]), kn = a(() => {
+		let e = [];
+		for (let t of V) L(Tn[t.key]) && e.push(t.key);
+		return e.join("\0");
+	}, [V, Tn]), An = a(() => {
+		let t = /* @__PURE__ */ new Map();
+		if (kn.length === 0) return t;
+		let n = new Set(kn.split("\0")), r = e.length;
+		for (let i of V) {
+			if (!n.has(i.key)) continue;
+			let a = new Float64Array(r);
+			for (let t = 0; t < r; t += 1) a[t] = Number(j(e[t], i));
+			t.set(i.key, a);
+		}
+		return t;
+	}, [
+		e,
+		V,
+		kn
+	]), Mn = a(() => ie(e, On, V, Tn, An), [
+		e,
+		On,
+		V,
+		Tn,
+		An
+	]), Nn = a(() => rt(e, Mn, V, W.sort), [
+		e,
+		Mn,
+		V,
+		W.sort
+	]), Pn = a(() => ({
+		getRowCount: () => Nn.length,
+		getRow: (t) => e[Nn[t]],
+		getSourceIndex: (e) => Nn[e],
+		getRowKey: (t) => lt(e[Nn[t]], Nn[t])
+	}), [
+		Nn,
+		e,
+		lt
+	]), Fn = a(() => U ? un({
+		globalText: gt ? xn : "",
+		columnFilters: ht ? wn : or,
+		sort: mt ? W.sort : sr
+	}) : ar, [
+		U,
+		gt,
+		xn,
+		ht,
+		wn,
+		mt,
+		W.sort
+	]), In = a(() => U ? dn(Fn) : "", [U, Fn]), [Rn, zn] = c(Fn), [Bn, Hn] = c(In);
+	r(() => {
+		if (!U) return;
+		let e = setTimeout(() => {
+			zn(Fn), Hn(In);
+		}, cr);
+		return () => clearTimeout(e);
+	}, [
+		U,
+		In,
+		Fn
+	]);
+	let Un = ln({
+		dataSource: u,
+		rowKeyGetter: lt,
+		query: Rn,
+		queryKey: Bn,
+		refreshToken: p
+	}), Wn = Un.requestRange, Z = U ? Un.rowModel : Pn, Gn = s(Z);
+	Gn.current = Z;
+	let { isAutosizing: Kn, runAutosize: qn } = Gt({
+		rowModelRef: Gn,
+		gridRootRef: Ne,
+		columnWidthsRef: _t,
+		dispatch: G
+	}), Q = Z.getRowCount(), Yn = a(() => {
+		let t = null;
+		return () => t ??= Array.from(Nn, (t) => e[t]);
+	}, [Nn, e]), Xn = a(() => de(V, W.columnWidths), [V, W.columnWidths]), [Qn, lr] = c(0), [ur, dr] = c(0);
+	r(() => {
+		let e = Re.current;
+		if (!e) return;
+		lr(e.scrollTop), dr(e.clientHeight);
+		let t = () => lr(e.scrollTop);
+		e.addEventListener("scroll", t, { passive: !0 });
+		let n = new ResizeObserver(() => dr(e.clientHeight));
+		return n.observe(e), () => {
+			e.removeEventListener("scroll", t), n.disconnect();
+		};
+	}, []);
+	let fr = q.center.entries, pr = l({
+		horizontal: !0,
+		count: fr.length,
+		getScrollElement: () => Re.current,
+		estimateSize: (e) => fr[e]?.paneLocalSize ?? fr[e]?.column.width ?? 120,
+		overscan: 8,
+		useFlushSync: !1,
+		scrollMargin: It
+	}), mr = pr.getVirtualItems(), hr = ae ?? I, gr = a(() => V.some((e) => e.autoHeight === !0), [V]), _r = !U && at(ne, gr, Q, 5e4);
+	r(() => {}, [
+		ne,
+		gr,
+		Q,
+		U
+	]);
+	let vr = s(/* @__PURE__ */ new Map()), [yr, br] = c(0), [xr, Sr] = c(0), Cr = s(null), wr = s(/* @__PURE__ */ new Set()), Tr = a(() => _r ? Ct(Q, hr, Z.getRowKey, vr.current) : null, [
+		_r,
+		Q,
+		hr,
+		Z
+	]), $ = a(() => _r && Tr ? Et(Tr) : st(Q, I), [
+		_r,
+		Tr,
+		yr,
+		Q,
+		I
+	]), Er = a(() => _r ? dt({
+		headerHeight: R,
+		viewportHeight: ur,
+		scrollTop: Qn,
+		overscan: 20
+	}, $) : ut({
+		rowCount: Q,
+		rowHeight: I,
+		headerHeight: R,
+		viewportHeight: ur,
+		scrollTop: Qn,
+		overscan: 20,
+		maxBodyPx: it
+	}), [
+		_r,
+		$,
+		Q,
+		I,
+		R,
+		ur,
+		Qn
+	]), Dr = Er.rows, Or = Er.rowIndexSet, kr = Dr.length > 0 ? Dr[0].index : 0, Ar = Dr.length > 0 ? Dr[Dr.length - 1].index : -1;
+	r(() => {
+		if (!U) return;
+		let e = Re.current;
+		e && (e.scrollTop = 0), lr(0);
+	}, [U, Bn]), r(() => {
+		U && (Ar < kr || Wn(kr, Ar + 1));
+	}, [
+		U,
+		kr,
+		Ar,
+		Wn,
+		Bn
+	]);
+	let jr = Er.physicalBodyHeight, Mr = Er.translateY === 0 ? void 0 : `translateY(${Er.translateY}px)`, Nr = Er.scaleFactor, Pr = Er.windowBaseOffsetPx;
+	i(() => {
+		if (!_r || !Tr) {
+			Cr.current?.disconnect(), Cr.current = null, wr.current.clear();
+			return;
+		}
+		let e = Re.current;
+		if (!e) return;
+		let t = e.querySelectorAll("[data-autoheight-cell]");
+		if (t.length > 0) {
+			let n = /* @__PURE__ */ new Map();
+			t.forEach((e) => {
+				let t = e.closest("[data-row-index]");
+				if (!t) return;
+				let r = Number(t.dataset.rowIndex);
+				if (!Number.isFinite(r)) return;
+				let i = Math.ceil(e.getBoundingClientRect().height), a = n.get(r);
+				(a === void 0 || i > a) && n.set(r, i);
+			});
+			let r = !1, i = Infinity;
+			if (n.forEach((e, t) => {
+				wt(Tr, t, Z.getRowKey(t) ?? t, e) && (r = !0, t < i && (i = t));
+			}), r) {
+				let t = e.scrollTop, n = $.rowAtContentY(t), r = t - $.rowTop(n);
+				St(Tr, i), e.scrollTop = Tr.prefix[n] + r, br((e) => e + 1);
+			}
+		}
+		let n = Cr.current ?? new ResizeObserver(() => Sr((e) => e + 1));
+		Cr.current = n;
+		let r = wr.current, i = /* @__PURE__ */ new Set();
+		t.forEach((e) => {
+			i.add(e), r.has(e) || (n.observe(e), r.add(e));
+		});
+		let a = [];
+		r.forEach((e) => {
+			i.has(e) || a.push(e);
+		}), a.forEach((e) => {
+			n.unobserve(e), r.delete(e);
+		});
+	}, [
+		_r,
+		Tr,
+		$,
+		Z,
+		Dr,
+		ur,
+		yr,
+		xr
+	]), r(() => {
+		let e = wr.current;
+		return () => {
+			Cr.current?.disconnect(), Cr.current = null, e.clear();
+		};
+	}, []);
+	let Fr = a(() => mr.map((e) => fr[e.index]).filter((e) => !!e), [mr, fr]), Ir = q.left.entries, Lr = q.right.entries, Rr = a(() => {
+		if (!W.activeCell) return null;
+		let { row: e, col: t } = W.activeCell;
+		if (e < 0 || e >= Q) return null;
+		let n = Ee(q, t);
+		return n ? {
+			pane: n.pane,
+			rect: {
+				left: n.extent.start,
+				top: $.rowTop(e),
+				width: n.extent.width,
+				height: $.rowsHeight(e, e)
+			}
+		} : null;
+	}, [
+		W.activeCell,
+		Q,
+		q,
+		$
+	]), zr = a(() => Rr && Rr.pane === "center" ? Rr.rect : null, [Rr]), Br = t((e) => Rr && Rr.pane === e ? Rr.rect : null, [Rr]), Vr = t((e) => W.editingCell ? Br(e) : null, [W.editingCell, Br]);
+	pt({
+		scrollRef: Re,
+		columnVirtualizer: pr,
+		columnMeasurements: Xn,
+		totalScrollWidth: zt,
+		physicalBodyHeight: jr,
+		headerHeight: R,
+		leftPaneWidth: It,
+		rightPaneWidth: Lt,
+		centerLeadingWidth: Ft,
+		activeCellRect: zr,
+		verticalScaleFactor: Nr
+	});
+	let { updateSelectionFromPointer: Hr, handleCellPointerDown: Ur, handleCellPointerEnter: Wr, handleNativeDragStart: Gr, handleRowHeaderPointerDown: Kr, handleRowHeaderPointerEnter: qr, handleColumnHeaderPointerDown: Jr, handleColumnHeaderPointerEnter: Yr } = ft({
+		gridRootRef: Ne,
+		bodyScrollRef: Ie,
+		scrollContainerRef: Re,
+		leftPaneScrollRef: ze,
+		rightPaneScrollRef: Be,
+		pointerClientRef: Pe,
+		autoScrollFrameRef: Fe,
+		uiState: W,
+		dispatch: G,
+		enableRangeSelection: ue,
+		enableSorting: mt,
+		orderedColumns: H,
+		filteredRowsLength: Q,
+		visibleColumnsLength: V.length,
+		paneLayout: q,
+		leftLeadingWidth: Pt,
+		centerLeadingWidth: Ft,
+		rightLeadingWidth: 0,
+		headerHeight: R,
+		rowMetrics: $,
+		verticalScaleFactor: Nr,
+		setHoveredRowIndex: Ye,
+		setHoveredColumnIndex: ot,
+		enableRowHover: ye,
+		enableColumnHeaderHover: be
+	}), { isWholeGridSelected: Xr, handleCopy: Zr, handlePaste: Qr } = Ae({
+		rows: e,
+		rowModel: Z,
+		visibleColumns: H,
+		uiState: W,
+		readOnly: se,
+		canEditCell: ce,
+		createRow: T,
+		createOverflowColumn: F,
+		onRowsChange: _,
+		onColumnsChange: v,
+		dispatch: G
+	}), $r = t(() => {
+		if (Q === 0 || V.length === 0) return;
+		let e = {
+			row: 0,
+			col: 0
+		}, t = {
+			row: Q - 1,
+			col: V.length - 1
+		};
+		G(h.startSelection(e)), G(h.updateSelection(t)), G(h.endSelection()), G(h.activateCell(e));
+	}, [
+		G,
+		Q,
+		V.length
+	]), { getMovedCell: ei, handleKeyDown: ti } = Je({
+		uiState: W,
+		rowModel: Z,
+		visibleColumns: H,
+		readOnly: se,
+		canEditCell: ce,
+		setEditorInitialValue: He,
+		dispatch: G,
+		handleCopy: Zr,
+		handleCellDoubleClick: t((e) => {
+			let t = Z.getRow(e.row), n = H[e.col];
+			if (!t || !n || !A({
+				readOnly: se,
+				canEditCell: ce
+			}, e.row, e.col, t, n)) return;
+			let r = j(t, n);
+			He(String(r ?? "")), G(h.startEdit(e));
+		}, [
+			ce,
+			G,
+			Z,
+			se,
+			H
+		]),
+		isWholeGridSelected: Xr,
+		selectEntireGrid: $r
+	}), { startEditWithValue: ni, commitEdit: ri, cancelEdit: ii } = Ge({
+		uiState: W,
+		rows: e,
+		visibleColumns: H,
+		rowModel: Z,
+		setEditorInitialValue: He,
+		onRowsChange: _,
+		dispatch: G,
+		getMovedCell: ei,
+		gridRootRef: Ne,
+		editorActionGuardRef: Le
+	}), ai = t((e) => {
+		let t = Z.getRow(e.row), n = H[e.col];
+		if (!t || !n || !A({
+			readOnly: se,
+			canEditCell: ce
+		}, e.row, e.col, t, n)) return;
+		let r = j(t, n);
+		ni(e, String(r ?? ""));
+	}, [
+		ce,
+		Z,
+		se,
+		ni,
+		H
+	]), oi = a(() => {
+		if (!W.selection) return null;
+		if (W.selection.type === "cell") {
+			let e = S(W.selection.range);
+			return {
+				extents: we(q, e.start.col, e.end.col),
+				startRow: e.start.row,
+				endRow: e.end.row
+			};
+		}
+		if (W.selection.type === "row") {
+			let e = C(W.selection.startRow, W.selection.endRow);
+			return {
+				extents: Te(q),
+				startRow: e.startRow,
+				endRow: e.endRow
+			};
+		}
+		let e = w(W.selection.startCol, W.selection.endCol);
+		return {
+			extents: we(q, e.startCol, e.endCol),
+			startRow: 0,
+			endRow: Math.max(Q - 1, 0)
+		};
+	}, [
+		W.selection,
+		q,
+		Q
+	]), si = a(() => {
+		if (!oi) return null;
+		let e = ct(oi.startRow, oi.endRow, kr, Ar);
+		return e ? {
+			top: $.rowTop(e.start),
+			height: $.rowsHeight(e.start, e.end)
+		} : null;
+	}, [
+		oi,
+		$,
+		kr,
+		Ar
+	]), ci = t((e) => {
+		if (!oi || !si) return null;
+		let t = oi.extents[e];
+		return t ? {
+			left: t.start,
+			top: si.top,
+			width: t.width,
+			height: si.height
+		} : null;
+	}, [oi, si]), li = t((e) => {
+		if (e.preventDefault(), e.button === 0 && !(Q === 0 || V.length === 0)) {
+			if (Ne.current?.focus(), Xr) {
+				G(h.clearSelection()), G(h.activateCell(null));
+				return;
+			}
+			$r();
+		}
+	}, [
+		G,
+		Q,
+		Xr,
+		$r,
+		V.length
+	]), ui = t((e) => {
+		Ye((t) => t === e ? null : t);
+	}, []), di = t((e) => {
+		ot((t) => t === e ? null : t);
+	}, []), fi = t(() => {
+		Ke(!0);
+	}, []), pi = t(() => {
+		Ke(!1);
+	}, []), mi = t((e, t) => {
+		t.preventDefault(), t.stopPropagation(), G(h.startColumnResize(e.key, t.clientX, _t.current[e.key] ?? e.width, e.minWidth ?? 60, e.maxWidth ?? 1e3));
+	}, [G]), hi = t((e, t) => {
+		if (X(), !v) return;
+		let n = g.find((t) => t.key === e);
+		n && (n.pinned ?? void 0) !== t && (v(g.map((n) => {
+			let r = _t.current[n.key] ?? n.width;
+			return n.key === e ? {
+				...n,
+				width: r,
+				pinned: t
+			} : r === n.width ? n : {
+				...n,
+				width: r
+			};
+		})), G(h.stopEdit()), G(h.clearSelection()), G(h.activateCell(null)));
+	}, [
+		X,
+		g,
+		G,
+		v
+	]), gi = t((e) => {
+		X();
+		let t = V.find((t) => t.key === e);
+		t && qn([t]);
+	}, [
+		X,
+		qn,
+		V
+	]), _i = t(() => {
+		X(), qn(V);
+	}, [
+		X,
+		qn,
+		V
+	]), vi = a(() => g.map((e) => ({
+		key: e.key,
+		title: e.title ?? e.key,
+		visible: e.visible !== !1,
+		pane: fe(e)
+	})), [g]), yi = t(() => {
+		X(), sn();
+	}, [X, sn]), bi = a(() => V.map((e) => ({
+		key: e.key,
+		title: e.title ?? e.key
+	})), [V]), xi = t(() => {
+		X(), yn();
+	}, [X, yn]), Si = t((e, t) => {
+		if (!v) return;
+		let n = g.find((t) => t.key === e);
+		n && n.visible !== !1 !== t && (!t && g.filter((e) => e.visible !== !1).length <= 1 || (v(g.map((n) => {
+			let r = _t.current[n.key] ?? n.width;
+			return n.key === e ? {
+				...n,
+				width: r,
+				visible: t
+			} : r === n.width ? n : {
+				...n,
+				width: r
+			};
+		})), G(h.stopEdit()), G(h.clearSelection()), G(h.activateCell(null))));
+	}, [
+		g,
+		G,
+		v
+	]), Ci = t(() => {
+		v && g.some((e) => e.visible === !1) && (v(g.map((e) => {
+			let t = _t.current[e.key] ?? e.width, n = t !== e.width, r = e.visible === !1;
+			return !n && !r ? e : r ? {
+				...e,
+				width: t,
+				visible: !0
+			} : {
+				...e,
+				width: t
+			};
+		})), G(h.stopEdit()), G(h.clearSelection()), G(h.activateCell(null)));
+	}, [
+		g,
+		G,
+		v
+	]), wi = t((e, t) => {
+		if (!v || e.length !== g.length) return;
+		let n = new Map(g.map((e) => [e.key, e]));
+		if (!e.every((e) => n.has(e))) return;
+		let r = pe(e.map((e) => {
+			let r = n.get(e), i = _t.current[r.key] ?? r.width, a = t?.has(e) ? t.get(e) : r.pinned, o = i !== r.width, s = (r.pinned ?? void 0) !== (a ?? void 0);
+			return o || s ? {
+				...r,
+				width: i,
+				pinned: a
+			} : r;
+		}));
+		r.length === g.length && r.every((e, t) => {
+			let n = g[t];
+			return !!n && n.key === e.key && n.width === e.width && (n.pinned ?? void 0) === (e.pinned ?? void 0);
+		}) || (v(r), G(h.stopEdit()), G(h.clearSelection()), G(h.activateCell(null)));
+	}, [
+		g,
+		G,
+		v
+	]), Ti = t((e) => {
+		wi(e);
+	}, [wi]), { onColumnDragHandlePointerDown: Ei, leftIndicatorRef: Di, centerIndicatorRef: Oi, rightIndicatorRef: ki } = xt({
+		enabled: !!v,
+		columns: g,
+		paneLayout: q,
+		leftPaneScrollRef: ze,
+		rightPaneScrollRef: Be,
+		bodyScrollRef: Ie,
+		scrollContainerRef: Re,
+		leftLeadingWidth: Pt,
+		centerLeadingWidth: Ft,
+		rightLeadingWidth: 0,
+		applyColumnOrderAndPin: wi
+	}), Ai = v ? Ei : void 0, ji = {
+		position: "absolute",
+		top: 0,
+		height: R + jr,
+		width: 2,
+		backgroundColor: "#2563eb",
+		transform: "translateX(-1px)",
+		pointerEvents: "none",
+		zIndex: 8,
+		display: "none"
+	}, Mi = t(() => {
+		if (!v) return;
+		let e = vt.current;
+		if (!e) return;
+		let t = !1, n = g.map((n) => {
+			let r = _t.current[n.key] ?? n.width, i = e.get(n.key);
+			if (!i) return r === n.width ? n : {
+				...n,
+				width: r
+			};
+			let a = i.pinned ?? void 0, o = r !== i.width, s = (n.pinned ?? void 0) !== a, c = n.visible !== !1 != (i.visible !== !1);
+			return (o || s || c) && (t = !0), {
+				...n,
+				width: i.width,
+				pinned: i.pinned,
+				visible: i.visible
+			};
+		});
+		t && (v(n), G(h.stopEdit()), G(h.clearSelection()), G(h.activateCell(null)));
+	}, [
+		g,
+		G,
+		v
+	]), Ni = t(() => {
+		X(), Mi();
+	}, [X, Mi]), Pi = t((t) => Y ? j(e[t], Y) : void 0, [e, Y]), { options: Fi, allValues: Ii, status: Li, progress: Ri } = nn({
+		column: Y,
+		rowCount: e.length,
+		getRawValueAt: Pi
+	}), zi = Y ? W.filters.columnFilters[Y.key] : void 0, Bi = a(() => P(zi) ? {
+		mode: zi.mode === "exclude" ? "exclude" : "include",
+		values: new Set(zi.values)
+	} : null, [zi]), Vi = !(Y?.filterOptions && Y.filterOptions.length > 0), Hi = t((e, t, n) => {
+		let r = t.mode === "include" ? t.values.size : n - t.values.size;
+		if (r >= n) {
+			G(h.clearColumnFilter(e));
+			return;
+		}
+		if (r <= 0) {
+			G(h.setColumnFilter(e, {
+				kind: "set",
+				mode: "include",
+				values: []
+			}));
+			return;
+		}
+		let i = {
+			kind: "set",
+			mode: t.mode,
+			values: Array.from(t.values)
+		};
+		G(h.setColumnFilter(e, i));
+	}, [G]), Ui = t((e) => {
+		if (!J) return;
+		let t = Fi.length, n = Bi, r;
+		r = fn(n, e) ? n === null ? Vi ? {
+			mode: "exclude",
+			values: new Set([e])
+		} : {
+			mode: "include",
+			values: tr(Ii, e)
+		} : n.mode === "include" ? {
+			mode: "include",
+			values: tr(n.values, e)
+		} : {
+			mode: "exclude",
+			values: er(n.values, e)
+		} : n.mode === "include" ? {
+			mode: "include",
+			values: er(n.values, e)
+		} : {
+			mode: "exclude",
+			values: tr(n.values, e)
+		}, Hi(J.columnKey, r, t);
+	}, [
+		J,
+		Bi,
+		Vi,
+		Ii,
+		Fi,
+		Hi
+	]), Wi = t((e, t) => {
+		if (!J) return;
+		let n = J.columnKey, r = Fi.length;
+		if (e === "all") {
+			t ? G(h.clearColumnFilter(n)) : Hi(n, {
+				mode: "include",
+				values: /* @__PURE__ */ new Set()
+			}, r);
+			return;
+		}
+		let i = Bi, a;
+		if (t) {
+			if (i === null) {
+				G(h.clearColumnFilter(n));
+				return;
+			}
+			a = i.mode === "include" ? {
+				mode: "include",
+				values: nr(i.values, e)
+			} : {
+				mode: "exclude",
+				values: rr(i.values, e)
+			};
+		} else a = i === null ? Vi ? {
+			mode: "exclude",
+			values: new Set(e)
+		} : {
+			mode: "include",
+			values: rr(Ii, e)
+		} : i.mode === "include" ? {
+			mode: "include",
+			values: rr(i.values, e)
+		} : {
+			mode: "exclude",
+			values: nr(i.values, e)
+		};
+		Hi(n, a, r);
+	}, [
+		J,
+		Bi,
+		Vi,
+		Ii,
+		Fi,
+		Hi,
+		G
+	]), Gi = t(() => {
+		J && G(h.clearColumnFilter(J.columnKey));
+	}, [G, J]), Ki = t(() => {
+		if (!J) return;
+		let e = V.find((e) => e.key === J.columnKey)?.filterType ?? "text";
+		if (e === "set") {
+			qt();
+			return;
+		}
+		if (e === "number") {
+			let e = ee(J.draftValue);
+			if (!e) {
+				G(h.clearColumnFilter(J.columnKey)), qt();
+				return;
+			}
+			G(h.setColumnFilter(J.columnKey, e)), qt();
+			return;
+		}
+		let t = e === "select" ? J.draftValue : J.draftValue.trim();
+		if (!t) {
+			G(h.clearColumnFilter(J.columnKey)), qt();
+			return;
+		}
+		let n = e === "select" ? {
+			kind: "select",
+			value: t
+		} : e === "date" ? {
+			kind: "date",
+			value: t
+		} : e === "custom" ? {
+			kind: "custom",
+			value: t
+		} : {
+			kind: "text",
+			value: t
+		};
+		G(h.setColumnFilter(J.columnKey, n)), qt();
+	}, [
+		qt,
+		G,
+		J,
+		V
+	]), qi = t(() => {
+		J && (G(h.clearColumnFilter(J.columnKey)), qt());
+	}, [
+		qt,
+		G,
+		J
+	]), Ji = t((e, t) => {
+		if (X(), !z) return;
+		let n = Ze(W.sort, e, t, !1);
+		G(n.length === 0 ? h.clearSort() : h.setSort(n));
+	}, [
+		X,
+		G,
+		z,
+		W.sort
+	]), Yi = t((e, t) => {
+		if (!z) return;
+		let n = Qe(W.sort, e, t);
+		G(h.setSort(n));
+	}, [
+		G,
+		z,
+		W.sort
+	]), Xi = t((e, t) => {
+		if (!z) return;
+		let n = $e(W.sort, e, t);
+		G(h.setSort(n));
+	}, [
+		G,
+		z,
+		W.sort
+	]), Zi = t((e, t) => {
+		if (!z) return;
+		let n = et(W.sort, e, t);
+		G(h.setSort(n));
+	}, [
+		G,
+		z,
+		W.sort
+	]), Qi = t((e) => {
+		if (!z) return;
+		let t = tt(W.sort, e);
+		G(t.length === 0 ? h.clearSort() : h.setSort(t));
+	}, [
+		G,
+		z,
+		W.sort
+	]), $i = t(() => {
+		z && G(h.clearSort());
+	}, [G, z]), ea = t((e, t) => {
+		if (!z) return;
+		let n = nt(W.sort, e, t);
+		G(h.setSort(n));
+	}, [
+		G,
+		z,
+		W.sort
+	]), ta = t((t, n, r, i, a) => {
+		let o = j(t, r);
+		return r.renderCell ? r.renderCell({
+			row: t,
+			rowIndex: n,
+			colIndex: i,
+			value: o,
+			column: r,
+			isActive: a.isActive,
+			isSelected: a.isSelected,
+			isEditing: a.isEditing,
+			readOnly: a.readOnly,
+			setValue: (t) => {
+				if (!_) return;
+				let i = Z.getSourceIndex(n);
+				i !== void 0 && _(e.map((e, n) => n === i ? M(e, r, t) : e));
+			}
+		}) : /* @__PURE__ */ d("span", { children: String(o ?? "") });
+	}, [
+		Z,
+		_,
+		e
+	]), { slotContext: na } = We({
+		rows: e,
+		viewRowCount: Q,
+		getFilteredRows: Yn,
+		columns: g,
+		visibleColumns: V,
+		uiState: W,
+		setGlobalFilterText: t((e) => {
+			G(h.setGlobalFilter(e));
+		}, [G])
+	}), ra = a(() => ({
+		width: oe,
+		minWidth: oe
+	}), [oe]), ia = Q === 0, aa = (e, t, n) => ({
+		position: "sticky",
+		...e === "left" ? { left: 0 } : { right: 0 },
+		width: t,
+		minWidth: t,
+		flexShrink: 0,
+		alignSelf: "stretch",
+		zIndex: 2,
+		...n ? e === "left" ? {
+			borderRight: "1px solid #cbd5e1",
+			boxShadow: "6px 0 8px -6px rgba(15, 23, 42, 0.35)"
+		} : {
+			borderLeft: "1px solid #cbd5e1",
+			boxShadow: "-6px 0 8px -6px rgba(15, 23, 42, 0.35)"
+		} : {}
+	}), oa = (() => {
+		if (!Y) return "（なし）";
+		let e = W.filters.columnFilters[Y.key];
+		if (P(e)) return e.mode === "exclude" ? `${e.values.length}件を除外中` : `${e.values.length}件を選択中`;
+		if (L(e)) return e.raw;
+		let t = te(e);
+		return t.trim() ? t : "（なし）";
+	})(), sa = Y ? /* @__PURE__ */ d(hn, {
+		isOpen: !!J,
+		title: Y.title || Y.key,
+		filterType: Y.filterType ?? "text",
+		isServerSide: U,
+		draftValue: J?.draftValue ?? "",
+		currentValueText: oa,
+		layout: Bt,
+		selectOptions: Fi,
+		setSelection: Bi,
+		optionsStatus: Li,
+		optionsProgress: Ri,
+		popoverRef: Vt,
+		textInputRef: Ht,
+		selectRef: Ut,
+		onRequestClose: qt,
+		onDraftChange: Jt,
+		onApply: Ki,
+		onClear: qi,
+		onSetValueToggle: Ui,
+		onSetSelectAllChange: Wi,
+		onSetClear: Gi
+	}) : null, ca = $t ? /* @__PURE__ */ d(Ln, {
+		isOpen: Zt,
+		title: $t.title || $t.key,
+		columnKey: $t.key,
+		canSort: mt,
+		sortDirection: W.sort.find((e) => e.columnKey === $t.key)?.direction ?? null,
+		onSortChange: (e) => Ji($t.key, e),
+		onOpenSortManager: xi,
+		pinned: $t.pinned,
+		canChangePinned: !!v,
+		layout: Yt,
+		popoverRef: Xt,
+		onPinnedChange: hi,
+		onAutosizeColumn: gi,
+		onAutosizeAllColumns: _i,
+		onOpenColumnChooser: yi,
+		canResetColumns: !!v,
+		onResetColumns: Ni,
+		onRequestClose: X
+	}) : null, la = /* @__PURE__ */ d(Jn, {
+		isOpen: rn,
+		items: vi,
+		canToggle: !!v,
+		layout: an,
+		panelRef: on,
+		onToggleColumnVisibility: Si,
+		onShowAllColumns: Ci,
+		onResetColumns: Mi,
+		onReorderColumns: Ti,
+		onRequestClose: cn
+	}), ua = /* @__PURE__ */ d($n, {
+		isOpen: pn,
+		entries: W.sort,
+		columns: bi,
+		canSort: mt,
+		layout: mn,
+		panelRef: vn,
+		onAddLevel: Yi,
+		onChangeDirection: Xi,
+		onChangeColumn: Zi,
+		onRemoveLevel: Qi,
+		onClearAll: $i,
+		onMove: ea,
+		onRequestClose: bn
+	}), da = Wt || Zt || rn || pn, fa = je(De, na, gt ? /* @__PURE__ */ d(_n, { context: na }) : null), pa = je(Oe, na, /* @__PURE__ */ d(gn, { context: na }));
+	return /* @__PURE__ */ f("div", {
+		className: m("ssg-root", ke, B?.root),
+		children: [
+			fa,
+			/* @__PURE__ */ f("div", {
+				ref: Ne,
+				className: "ssg-shell",
+				style: { cursor: Kn ? "progress" : void 0 },
+				onDragStart: Gr,
+				onPointerLeave: () => Ye(null),
+				onPointerMoveCapture: (e) => {
+					Pe.current = {
+						x: e.clientX,
+						y: e.clientY
+					}, Hr(e.clientX, e.clientY);
+				},
+				tabIndex: da ? -1 : 0,
+				onKeyDown: da ? void 0 : ti,
+				onPaste: da ? void 0 : Qr,
+				children: [/* @__PURE__ */ f("div", {
+					ref: Re,
+					className: "ssg-scroll-container",
+					children: [/* @__PURE__ */ f("div", {
+						className: "ssg-inner-row",
+						style: {
+							width: zt,
+							minWidth: zt,
+							height: R + jr
+						},
+						children: [
+							/* @__PURE__ */ f("div", {
+								ref: ze,
+								style: aa("left", It, jt),
+								children: [jt && /* @__PURE__ */ f("div", {
+									style: {
+										position: "relative",
+										overflow: "clip",
+										width: It,
+										minWidth: It,
+										height: R + jr
+									},
+									children: [/* @__PURE__ */ d(En, {
+										pane: "left",
+										ownsRowHeader: !0,
+										leadingWidth: Pt,
+										headerHeight: R,
+										rowHeaderCellStyle: ra,
+										headerRowClassName: B?.headerRow,
+										headerCellClassName: B?.headerCell,
+										rowHeaderCellClassName: B?.rowHeaderCell,
+										isCornerHovered: Ue,
+										isWholeGridSelected: Xr,
+										filteredRowsLength: Q,
+										visibleColumnsLength: V.length,
+										renderEntries: Ir,
+										hoveredColumnIndex: Xe,
+										selectionSnapshot: yt,
+										columnFilterValues: W.filters.columnFilters,
+										sortState: W.sort,
+										iconButtonClassName: B?.iconButton,
+										onCornerPointerDown: li,
+										onCornerPointerEnter: fi,
+										onCornerPointerLeave: pi,
+										onColumnHeaderPointerDown: Jr,
+										onColumnHeaderPointerEnter: Yr,
+										onColumnHeaderPointerLeave: di,
+										onColumnFilterButtonPointerDown: Kt,
+										onColumnResizePointerDown: mi,
+										enableColumnMenu: xe,
+										openedMenuColumnKey: Qt,
+										onColumnMenuButtonPointerDown: en,
+										onColumnHeaderContextMenu: tn,
+										onColumnDragHandlePointerDown: Ai
+									}), /* @__PURE__ */ f("div", {
+										style: {
+											position: "absolute",
+											top: 0,
+											left: 0,
+											width: It,
+											height: R + jr,
+											transform: Mr
+										},
+										children: [
+											/* @__PURE__ */ d(D, {
+												rect: ci("left"),
+												headerHeight: R,
+												baseOffset: Pr,
+												leadingWidth: Pt
+											}),
+											/* @__PURE__ */ d(O, {
+												rect: Br("left"),
+												headerHeight: R,
+												baseOffset: Pr,
+												leadingWidth: Pt
+											}),
+											/* @__PURE__ */ d(k, {
+												rect: Vr("left"),
+												headerHeight: R,
+												baseOffset: Pr,
+												leadingWidth: Pt,
+												initialValue: Ve,
+												onCommit: ri,
+												onCancel: ii
+											}),
+											/* @__PURE__ */ d(Cn, {
+												pane: "left",
+												ownsRowHeader: !0,
+												leadingWidth: Pt,
+												rowModel: Z,
+												virtualRows: Dr,
+												virtualRowIndexes: Or,
+												renderEntries: Ir,
+												rowHeight: I,
+												autoHeight: _r,
+												isServerSide: U,
+												rowHeaderCellStyle: ra,
+												hoveredRowIndex: qe,
+												isWholeGridSelected: Xr,
+												activeCell: W.activeCell,
+												editingCell: W.editingCell,
+												selectionSnapshot: yt,
+												readOnly: se,
+												canEditCell: ce,
+												onRowHeaderPointerDown: Kr,
+												onRowHeaderPointerEnter: qr,
+												onRowHeaderPointerLeave: ui,
+												onCellPointerDown: Ur,
+												onCellPointerEnter: Wr,
+												onCellDoubleClick: ai,
+												renderCellContent: ta,
+												getRowClassName: Me,
+												bodyCellClassName: B?.bodyCell,
+												bodyRowClassName: B?.bodyRow,
+												rowHeaderCellClassName: B?.rowHeaderCell
+											})
+										]
+									})]
+								}), /* @__PURE__ */ d("div", {
+									ref: Di,
+									style: ji
+								})]
+							}),
+							/* @__PURE__ */ d("div", {
+								ref: Ie,
+								className: "ssg-center-pane",
+								style: {
+									width: Rt,
+									minWidth: Rt
+								},
+								children: /* @__PURE__ */ f("div", {
+									style: {
+										position: "relative",
+										overflow: "clip",
+										width: Rt,
+										minWidth: Rt,
+										height: R + jr
+									},
+									children: [
+										/* @__PURE__ */ d(En, {
+											pane: "center",
+											ownsRowHeader: Nt,
+											leadingWidth: Ft,
+											headerHeight: R,
+											rowHeaderCellStyle: ra,
+											headerRowClassName: B?.headerRow,
+											headerCellClassName: B?.headerCell,
+											rowHeaderCellClassName: B?.rowHeaderCell,
+											isCornerHovered: Ue,
+											isWholeGridSelected: Xr,
+											filteredRowsLength: Q,
+											visibleColumnsLength: V.length,
+											renderEntries: Fr,
+											hoveredColumnIndex: Xe,
+											selectionSnapshot: yt,
+											columnFilterValues: W.filters.columnFilters,
+											sortState: W.sort,
+											iconButtonClassName: B?.iconButton,
+											onCornerPointerDown: li,
+											onCornerPointerEnter: fi,
+											onCornerPointerLeave: pi,
+											onColumnHeaderPointerDown: Jr,
+											onColumnHeaderPointerEnter: Yr,
+											onColumnHeaderPointerLeave: di,
+											onColumnFilterButtonPointerDown: Kt,
+											onColumnResizePointerDown: mi,
+											enableColumnMenu: xe,
+											openedMenuColumnKey: Qt,
+											onColumnMenuButtonPointerDown: en,
+											onColumnHeaderContextMenu: tn,
+											onColumnDragHandlePointerDown: Ai
+										}),
+										/* @__PURE__ */ f("div", {
+											style: {
+												position: "absolute",
+												top: 0,
+												left: 0,
+												width: Rt,
+												height: R + jr,
+												transform: Mr
+											},
+											children: [
+												/* @__PURE__ */ d(D, {
+													rect: ci("center"),
+													headerHeight: R,
+													baseOffset: Pr,
+													leadingWidth: Ft
+												}),
+												/* @__PURE__ */ d(O, {
+													rect: Br("center"),
+													headerHeight: R,
+													baseOffset: Pr,
+													leadingWidth: Ft
+												}),
+												/* @__PURE__ */ d(k, {
+													rect: Vr("center"),
+													headerHeight: R,
+													baseOffset: Pr,
+													leadingWidth: Ft,
+													initialValue: Ve,
+													onCommit: ri,
+													onCancel: ii
+												}),
+												/* @__PURE__ */ d(Cn, {
+													pane: "center",
+													ownsRowHeader: Nt,
+													leadingWidth: Ft,
+													rowModel: Z,
+													virtualRows: Dr,
+													virtualRowIndexes: Or,
+													renderEntries: Fr,
+													rowHeight: I,
+													autoHeight: _r,
+													isServerSide: U,
+													rowHeaderCellStyle: ra,
+													hoveredRowIndex: qe,
+													isWholeGridSelected: Xr,
+													activeCell: W.activeCell,
+													editingCell: W.editingCell,
+													selectionSnapshot: yt,
+													readOnly: se,
+													canEditCell: ce,
+													onRowHeaderPointerDown: Kr,
+													onRowHeaderPointerEnter: qr,
+													onRowHeaderPointerLeave: ui,
+													onCellPointerDown: Ur,
+													onCellPointerEnter: Wr,
+													onCellDoubleClick: ai,
+													renderCellContent: ta,
+													getRowClassName: Me,
+													bodyCellClassName: B?.bodyCell,
+													bodyRowClassName: B?.bodyRow,
+													rowHeaderCellClassName: B?.rowHeaderCell
+												})
+											]
+										}),
+										/* @__PURE__ */ d("div", {
+											ref: Oi,
+											style: ji
+										})
+									]
+								})
+							}),
+							/* @__PURE__ */ f("div", {
+								ref: Be,
+								style: aa("right", Lt, Mt),
+								children: [Mt && /* @__PURE__ */ f("div", {
+									style: {
+										position: "relative",
+										overflow: "clip",
+										width: Lt,
+										minWidth: Lt,
+										height: R + jr
+									},
+									children: [/* @__PURE__ */ d(En, {
+										pane: "right",
+										ownsRowHeader: !1,
+										leadingWidth: 0,
+										headerHeight: R,
+										rowHeaderCellStyle: ra,
+										headerRowClassName: B?.headerRow,
+										headerCellClassName: B?.headerCell,
+										rowHeaderCellClassName: B?.rowHeaderCell,
+										isCornerHovered: Ue,
+										isWholeGridSelected: Xr,
+										filteredRowsLength: Q,
+										visibleColumnsLength: V.length,
+										renderEntries: Lr,
+										hoveredColumnIndex: Xe,
+										selectionSnapshot: yt,
+										columnFilterValues: W.filters.columnFilters,
+										sortState: W.sort,
+										iconButtonClassName: B?.iconButton,
+										onCornerPointerDown: li,
+										onCornerPointerEnter: fi,
+										onCornerPointerLeave: pi,
+										onColumnHeaderPointerDown: Jr,
+										onColumnHeaderPointerEnter: Yr,
+										onColumnHeaderPointerLeave: di,
+										onColumnFilterButtonPointerDown: Kt,
+										onColumnResizePointerDown: mi,
+										enableColumnMenu: xe,
+										openedMenuColumnKey: Qt,
+										onColumnMenuButtonPointerDown: en,
+										onColumnHeaderContextMenu: tn,
+										onColumnDragHandlePointerDown: Ai
+									}), /* @__PURE__ */ f("div", {
+										style: {
+											position: "absolute",
+											top: 0,
+											left: 0,
+											width: Lt,
+											height: R + jr,
+											transform: Mr
+										},
+										children: [
+											/* @__PURE__ */ d(D, {
+												rect: ci("right"),
+												headerHeight: R,
+												baseOffset: Pr,
+												leadingWidth: 0
+											}),
+											/* @__PURE__ */ d(O, {
+												rect: Br("right"),
+												headerHeight: R,
+												baseOffset: Pr,
+												leadingWidth: 0
+											}),
+											/* @__PURE__ */ d(k, {
+												rect: Vr("right"),
+												headerHeight: R,
+												baseOffset: Pr,
+												leadingWidth: 0,
+												initialValue: Ve,
+												onCommit: ri,
+												onCancel: ii
+											}),
+											/* @__PURE__ */ d(Cn, {
+												pane: "right",
+												ownsRowHeader: !1,
+												leadingWidth: 0,
+												rowModel: Z,
+												virtualRows: Dr,
+												virtualRowIndexes: Or,
+												renderEntries: Lr,
+												rowHeight: I,
+												autoHeight: _r,
+												isServerSide: U,
+												rowHeaderCellStyle: ra,
+												hoveredRowIndex: qe,
+												isWholeGridSelected: Xr,
+												activeCell: W.activeCell,
+												editingCell: W.editingCell,
+												selectionSnapshot: yt,
+												readOnly: se,
+												canEditCell: ce,
+												onRowHeaderPointerDown: Kr,
+												onRowHeaderPointerEnter: qr,
+												onRowHeaderPointerLeave: ui,
+												onCellPointerDown: Ur,
+												onCellPointerEnter: Wr,
+												onCellDoubleClick: ai,
+												renderCellContent: ta,
+												getRowClassName: Me,
+												bodyCellClassName: B?.bodyCell,
+												bodyRowClassName: B?.bodyRow,
+												rowHeaderCellClassName: B?.rowHeaderCell
+											})
+										]
+									})]
+								}), /* @__PURE__ */ d("div", {
+									ref: ki,
+									style: ji
+								})]
+							})
+						]
+					}), ia && /* @__PURE__ */ d("div", {
+						className: "ssg-empty-state",
+						children: e.length === 0 ? Ce : Se
+					})]
+				}), Kn && /* @__PURE__ */ d("div", {
+					className: "ssg-autosize-overlay",
+					children: /* @__PURE__ */ d("span", {
+						className: "ssg-autosize-pill",
+						children: "列幅を計算中…"
+					})
+				})]
+			}),
+			pa,
+			sa,
+			ca,
+			la,
+			ua
+		]
+	});
+}
+//#endregion
+export { lr as SpreadsheetGrid };