@slotted/react 0.0.0-stage → 0.1.0-beta.1

package/dist/data-grid-BUgOJuGp.js

@@ -0,0 +1,3648 @@
+import { n as e, t } from "./icon-T9Yt4tnm.js";
+import { _ as n, c as r, g as i, n as a, t as o } from "./menu-parts-BQej6eU9.js";
+import { n as s, r as c } from "./i18n-DpW8lqJ1.js";
+import { n as l } from "./icon-button-TnvMhK4o.js";
+import { a as u, i as d, n as f, r as p } from "./tooltip-BggqPDcW.js";
+import { t as m } from "./checkbox-CwUOc-3u.js";
+import { i as h } from "./skeleton-2LSpg84Z.js";
+import { t as g } from "./text-field-BktZbmzD.js";
+import { a as _, d as ee, f as te, l as ne, r as re, t as ie } from "./popover-DE22lSpV.js";
+import { t as v } from "./visually-hidden-CE6u5JLW.js";
+import { i as ae, n as oe, o as se, r as ce, t as le } from "./result-state-CZsQfdN4.js";
+import { t as ue } from "./date-picker-DQ5SIhdA.js";
+import { t as de } from "./date-field-D_kLLTfL.js";
+import { t as fe } from "./date-range-picker-lpB08hK_.js";
+import { t as pe } from "./datetime-picker-0F0kDW-8.js";
+import { t as me } from "./datetime-field-T1gNdJ7t.js";
+import { t as he } from "./datetime-range-picker-ClnEleth.js";
+import { a as ge, i as _e, n as ve, s as ye } from "./multi-select-CfzsvAeI.js";
+import { t as be } from "./number-field-J_koud1r.js";
+import { a as xe, t as Se } from "./segmented-control-Cy_5D3Nj.js";
+import { c as Ce, i as we, n as Te, o as Ee, s as De } from "./select-UTwKjheK.js";
+import { t as Oe } from "./time-picker-DuT1tf5-.js";
+import { t as ke } from "./time-field-DCG_VtGO.js";
+import { t as Ae } from "./time-range-picker-HwBvrrXN.js";
+import { createControllable as je } from "@slotted/core/state";
+import { createContext as Me, createElement as Ne, memo as Pe, useCallback as y, useContext as Fe, useEffect as b, useId as Ie, useImperativeHandle as Le, useLayoutEffect as Re, useMemo as x, useRef as S, useState as C } from "react";
+import { Fragment as ze, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { createScrollAffordance as Be } from "@slotted/core/overflow";
+import { dataGridMessages as Ve, dragMessages as He } from "@slotted/core/i18n";
+import { getLiveAnnouncer as Ue } from "@slotted/core/live-announcer";
+import { isPlainDate as We, isPlainDateTime as Ge, isPlainTime as Ke, parseISODate as qe, parseISODateTime as Je, parseISOTime as Ye, toISODate as Xe, toISODateTime as Ze, toISOTime as Qe } from "@slotted/core/date";
+import { createRowMetrics as $e, nextSelection as et, virtualWindow as tt } from "@slotted/core/collection";
+import { writeToClipboard as nt } from "@slotted/core/clipboard";
+import { createDragController as rt } from "@slotted/core/drag";
+import { FILTER_ROW as it, GROUP_ROW_PREFIX as at, HEADER_ROW as ot, POPIN_COLUMN_ID as st, RESIZE_STEP as ct, SUMMARY_ROW as lt, applyQuery as ut, cellText as dt, cellValue as ft, columnRange as pt, columnTemplate as mt, columnsOutOfSpace as ht, emptyGridView as gt, emptyQuery as _t, isGroupCursorRow as vt, moveCursor as yt, normalizeColumnState as bt, parseGridView as xt, rangeBounds as St, rangeCells as Ct, rangeEdges as wt, rangeToText as Tt, resolveColumnOverflow as Et, resolveColumns as Dt, rowRange as Ot, sameCell as E, serializeGridView as kt, serializeQuery as At, settleCursor as jt, toCsv as Mt, wholeRange as Nt, withColumnFilter as Pt, withColumnHidden as Ft, withColumnMoved as It, withColumnPinned as Lt, withColumnWidth as Rt, withSort as zt, withSortPress as Bt, withoutFilters as Vt, zoneOf as Ht } from "@slotted/core/grid";
+import { createFilterGroupPredicate as Ut, defaultOperator as Wt, describeFilter as Gt, emptyFilter as Kt, isConditionActive as qt, isFilterActive as Jt, normalizeFilter as Yt, operandCount as Xt, operatorsFor as Zt, ruleFor as Qt, serializeFilter as $t, withCondition as en, withJoin as tn, withoutRuleFor as nn } from "@slotted/core/filter";
+//#region src/data-grid/data-grid-constants.ts
+var rn = "__selection", an = "__expander", on = "__drag", sn = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]), [contenteditable=\"true\"]";
+function cn(e, t) {
+	let n = { "--slotted-data-grid-column": String(t) };
+	return e.pinned && (n["--slotted-data-grid-pin-offset"] = `${e.pinOffset}px`), n;
+}
+function ln(e) {
+	return {
+		...e.align ? { "data-align": e.align } : {},
+		...e.numeric ? { "data-numeric": "" } : {},
+		...e.pinned ? { "data-pinned": e.pinned } : {},
+		...e.pinEdge ? { "data-pin-edge": "" } : {},
+		"data-column": e.id
+	};
+}
+function un(e) {
+	let t = e.currentTarget, n = e.target;
+	if (!n || !t.contains(n)) return !0;
+	let r = n.closest(sn);
+	return r !== null && r !== t && t.contains(r);
+}
+var dn = 1200, fn = Me(void 0);
+function D() {
+	let e = Fe(fn);
+	if (e === void 0) throw Error("Every DataGrid part must be rendered inside DataGrid.");
+	return e;
+}
+//#endregion
+//#region src/data-grid/data-grid-body.tsx
+function pn({ allNodes: e, bodyStyle: t, firstIndex: n, headerRowCount: r, measureRow: i, nodes: a, heldRows: o }) {
+	let s = o.map((t) => e.find((e) => e.key === t)).filter((e) => e !== void 0 && !a.includes(e));
+	return /* @__PURE__ */ w("div", {
+		"data-part": "body",
+		role: "rowgroup",
+		style: t,
+		children: [...a, ...s].map((e, t) => {
+			let a = n + t, o = r + 1 + (e.kind === "row" ? e.index : a);
+			return e.kind === "group" ? /* @__PURE__ */ w(Sn, {
+				node: e,
+				rowIndex: o
+			}, `group:${e.key}`) : /* @__PURE__ */ w(_n, {
+				index: a,
+				measure: i,
+				node: e,
+				rowIndex: o
+			}, e.key);
+		})
+	});
+}
+function mn({ edge: e, firstRowIndex: t, nodes: n }) {
+	return /* @__PURE__ */ w("div", {
+		"data-edge": e,
+		"data-part": "pinned-rows",
+		role: "rowgroup",
+		children: n.map((e, n) => /* @__PURE__ */ w(_n, {
+			index: -1,
+			measure: void 0,
+			node: e,
+			rowIndex: t + n
+		}, e.key))
+	});
+}
+function hn({ children: e }) {
+	return /* @__PURE__ */ w("div", {
+		"data-part": "empty",
+		children: e
+	});
+}
+function gn({ index: e, measure: t, node: n, rowIndex: r }) {
+	let i = D(), a = n.key, o = i.isSelected(a), s = i.isDisabled(a), c = i.current !== null && i.current.row === a, l = i.isExpanded(a) && (i.treeColumn === null || n.childCount === 0), u = i.isLoadingChildren(a), d = i.edit !== null && i.edit.cell.row === a, f = i.attachRowDraggable, p = y((n) => {
+		t?.(e, n), f(n, a);
+	}, [
+		t,
+		e,
+		f,
+		a
+	]);
+	return /* @__PURE__ */ T(ze, { children: [/* @__PURE__ */ T("div", {
+		"aria-rowindex": r,
+		"aria-selected": i.selectionMode === "single" || i.selectionMode === "multiple" ? o : void 0,
+		"data-part": "row",
+		"data-row": a,
+		ref: p,
+		role: "row",
+		...i.treeColumn === null ? {} : { "aria-level": n.level },
+		...i.treeColumn !== null && (n.childCount > 0 || n.open || u) ? { "aria-expanded": n.open } : {},
+		...u ? { "data-loading": "" } : {},
+		...i.draggingRow === a ? { "data-dragging": "" } : {},
+		...o ? { "data-selected": "" } : {},
+		...c ? { "data-current": "" } : {},
+		...l ? { "data-expanded": "" } : {},
+		...s ? { "data-disabled": "" } : {},
+		...d ? { "data-editing": "" } : {},
+		children: [
+			i.columnIds.includes("__selection") ? /* @__PURE__ */ w(vn, { rowKey: a }) : null,
+			i.columnIds.includes("__drag") ? /* @__PURE__ */ w(yn, { node: n }) : null,
+			i.columnIds.includes("__expander") ? /* @__PURE__ */ w(bn, { node: n }) : null,
+			i.mountedColumns.map((e) => /* @__PURE__ */ w(O, {
+				column: e,
+				node: n
+			}, e.id)),
+			i.popinColumns.length > 0 ? /* @__PURE__ */ w(xn, { node: n }) : null
+		]
+	}), l && i.renderDetail ? /* @__PURE__ */ w("div", {
+		"aria-rowindex": r + 1,
+		"data-part": "detail",
+		"data-row": `${a}:detail`,
+		id: i.detailId(a),
+		role: "row",
+		children: /* @__PURE__ */ w("div", {
+			"aria-colindex": 1,
+			"aria-colspan": i.popinColumns.length > 0 ? i.popinIndex : i.columnIds.length,
+			role: "gridcell",
+			style: { "--slotted-data-grid-column": "1 / -1" },
+			tabIndex: -1,
+			children: i.renderDetail(n.row, a)
+		})
+	}) : null] });
+}
+var _n = Pe(gn);
+function vn({ rowKey: e }) {
+	let t = D(), n = {
+		row: e,
+		column: rn
+	}, r = t.current !== null && t.current.row === e && t.current.column === "__selection", i = t.isDisabled(e);
+	return /* @__PURE__ */ w("div", {
+		"aria-colindex": 1,
+		"data-column": rn,
+		"data-part": "selection",
+		role: "gridcell",
+		style: { "--slotted-data-grid-column": "1" },
+		tabIndex: r ? 0 : -1,
+		onFocus: (e) => {
+			e.target === e.currentTarget && t.onCellFocus(n);
+		},
+		onKeyDown: (e) => t.onCellKeyDown(e, n),
+		onPointerDown: (e) => t.onCellPointerDown(e, n),
+		...r ? { "data-current": "" } : {},
+		children: /* @__PURE__ */ w(m, {
+			checked: t.isSelected(e),
+			disabled: i || void 0,
+			onCheckedChange: (n, r) => {
+				let i = r.source;
+				t.toggleSelected(e, {
+					range: i?.shiftKey === !0,
+					source: r.source
+				});
+			},
+			tabIndex: r ? 0 : -1,
+			children: /* @__PURE__ */ w(v, { children: t.t("selectRow", { row: e }) })
+		})
+	});
+}
+function yn({ node: n }) {
+	let r = D(), i = {
+		row: n.key,
+		column: on
+	}, a = r.columnIds.indexOf(on) + 1, o = r.current !== null && r.current.row === n.key && r.current.column === "__drag";
+	return /* @__PURE__ */ w("div", {
+		"aria-colindex": a,
+		"data-column": on,
+		"data-kind": "drag",
+		"data-part": "cell",
+		role: "gridcell",
+		style: { "--slotted-data-grid-column": String(a) },
+		tabIndex: o ? 0 : -1,
+		onFocus: (e) => {
+			e.target === e.currentTarget && r.onCellFocus(i);
+		},
+		onKeyDown: (e) => r.onCellKeyDown(e, i),
+		onPointerDown: (e) => r.onCellPointerDown(e, i),
+		...o ? { "data-current": "" } : {},
+		children: /* @__PURE__ */ w("button", {
+			"aria-disabled": !r.rowsReorderable || void 0,
+			"aria-label": r.t("reorderRow", { row: r.rowLabelOf(n.key) }),
+			"data-part": "row-handle",
+			...r.rowsReorderable ? {} : { "data-disabled": "" },
+			tabIndex: o ? 0 : -1,
+			type: "button",
+			children: /* @__PURE__ */ w(t, { children: /* @__PURE__ */ w(e, { name: "grip-vertical" }) })
+		})
+	});
+}
+function bn({ node: n }) {
+	let r = D(), i = {
+		row: n.key,
+		column: an
+	}, a = r.columnIds.indexOf(an) + 1, o = r.current !== null && r.current.row === n.key && r.current.column === "__expander", s = r.isExpandable(n.row), c = r.isExpanded(n.key);
+	return /* @__PURE__ */ w("div", {
+		"aria-colindex": a,
+		"data-column": an,
+		"data-kind": "expander",
+		"data-part": "cell",
+		role: "gridcell",
+		style: { "--slotted-data-grid-column": String(a) },
+		tabIndex: o ? 0 : -1,
+		onFocus: (e) => {
+			e.target === e.currentTarget && r.onCellFocus(i);
+		},
+		onKeyDown: (e) => r.onCellKeyDown(e, i),
+		onPointerDown: (e) => r.onCellPointerDown(e, i),
+		...o ? { "data-current": "" } : {},
+		children: s ? /* @__PURE__ */ w("button", {
+			"aria-controls": c ? r.detailId(n.key) : void 0,
+			"aria-expanded": c,
+			"aria-label": r.t(c ? "collapse" : "expand"),
+			"data-part": "expander",
+			onClick: (e) => r.toggleExpanded(n.key, e),
+			tabIndex: o ? 0 : -1,
+			type: "button",
+			children: /* @__PURE__ */ w(t, { children: /* @__PURE__ */ w(e, { name: "chevron-right" }) })
+		}) : null
+	});
+}
+function O({ column: n, node: r }) {
+	let i = D(), a = r.key, o = {
+		row: a,
+		column: n.id
+	}, s = i.columnIds.indexOf(n.id) + 1, c = i.current !== null && i.current.row === a && i.current.column === n.id, l = i.isSelected(a), u = i.edit, d = u !== null && u.cell.row === a && u.columns.includes(n.id), f = i.valueOf(n.column, r.row), p = i.textOf(n.column, r.row), m = i.isEditable(n.column, r.row), h = i.rangeInfo(o), g = d ? u.messages[n.id] ?? null : null, _ = d && u.status === "invalid" && g !== null, ee = d && u.status === "pending", te = n.column.rowHeader ? "row-header" : "cell", ne = i.changedOf(o), re = i.treeColumn === n.id, ie = re && (r.childCount > 0 || r.open || i.isLoadingChildren(a) || i.hasChildren(r.row));
+	return /* @__PURE__ */ T("div", {
+		...ln(n),
+		"aria-colindex": s,
+		"aria-readonly": i.anyEditable && !m && n.kind !== "actions" ? !0 : void 0,
+		"aria-selected": i.selectionMode === "range" && h.inside ? !0 : void 0,
+		"aria-invalid": _ ? !0 : void 0,
+		"data-part": te,
+		"data-text": n.text,
+		role: te === "row-header" ? "rowheader" : "gridcell",
+		style: re ? {
+			...cn(n, s),
+			"--slotted-data-grid-level": String(r.level)
+		} : cn(n, s),
+		tabIndex: c ? 0 : -1,
+		title: _ && g ? g : void 0,
+		onClick: (e) => i.onCellClick(e, o),
+		onDoubleClick: (e) => i.onCellDoubleClick(e, o),
+		onFocus: (e) => {
+			e.target === e.currentTarget && i.onCellFocus(o);
+		},
+		onKeyDown: (e) => i.onCellKeyDown(e, o),
+		onPointerDown: (e) => i.onCellPointerDown(e, o),
+		onPointerEnter: (e) => i.onCellPointerEnter(e, o),
+		...c ? { "data-current": "" } : {},
+		...h.inside ? { "data-in-range": "" } : {},
+		...h.edges.length > 0 ? { "data-range-edge": h.edges.join(" ") } : {},
+		...d ? { "data-editing": "" } : {},
+		..._ ? { "data-invalid": "" } : {},
+		...ee ? { "data-loading": "" } : {},
+		...ne ? { "data-changed": ne } : {},
+		...i.anyEditable && !m && n.kind !== "actions" ? { "data-readonly": "" } : {},
+		...re ? { "data-tree": ie ? "branch" : "leaf" } : {},
+		children: [re ? ie ? /* @__PURE__ */ w("button", {
+			"aria-expanded": r.open,
+			"aria-label": i.t(r.open ? "collapse" : "expand"),
+			"data-part": "tree-toggle",
+			onClick: (e) => {
+				e.stopPropagation(), i.toggleBranch(a, e);
+			},
+			onPointerDown: (e) => e.stopPropagation(),
+			tabIndex: -1,
+			type: "button",
+			...i.isLoadingChildren(a) ? { "data-loading": "" } : {},
+			children: /* @__PURE__ */ w(t, { children: /* @__PURE__ */ w(e, { name: i.isLoadingChildren(a) ? "loader-circle" : "chevron-right" }) })
+		}) : /* @__PURE__ */ w("span", {
+			"aria-hidden": !0,
+			"data-part": "tree-toggle",
+			"data-empty": ""
+		}) : null, d ? /* @__PURE__ */ w("div", {
+			"data-part": "editor",
+			children: i.renderEditorContent({
+				row: r.row,
+				rowKey: a,
+				column: n.column,
+				value: f,
+				text: p,
+				current: c,
+				selected: l,
+				draft: u.drafts[n.id],
+				setDraft: (e) => i.setDraft(n.id, e),
+				commit: () => i.commitEdit("programmatic"),
+				cancel: () => i.cancelEdit(),
+				invalid: _,
+				message: g
+			})
+		}) : i.renderCellContent({
+			row: r.row,
+			rowKey: a,
+			column: n.column,
+			value: f,
+			text: p,
+			current: c,
+			selected: l
+		})]
+	});
+}
+function xn({ node: e }) {
+	let t = D(), n = e.key, r = {
+		row: n,
+		column: st
+	}, i = t.current !== null && t.current.row === n && t.current.column === st, a = t.isSelected(n);
+	return /* @__PURE__ */ w("div", {
+		"aria-colindex": t.popinIndex,
+		"data-column": st,
+		"data-part": "popin",
+		role: "gridcell",
+		style: { "--slotted-data-grid-column": "1 / -1" },
+		tabIndex: i ? 0 : -1,
+		onClick: (e) => t.onCellClick(e, r),
+		onDoubleClick: (e) => t.onCellDoubleClick(e, r),
+		onFocus: (e) => {
+			e.target === e.currentTarget && t.onCellFocus(r);
+		},
+		onKeyDown: (e) => t.onCellKeyDown(e, r),
+		onPointerDown: (e) => t.onCellPointerDown(e, r),
+		...i ? { "data-current": "" } : {},
+		children: t.popinColumns.map((r) => /* @__PURE__ */ T("div", {
+			"data-field": r.id,
+			"data-part": "popin-field",
+			children: [r.column.label ? /* @__PURE__ */ w("span", {
+				"data-part": "popin-label",
+				children: r.column.label
+			}) : null, /* @__PURE__ */ w("div", {
+				"data-part": "popin-value",
+				"data-text": r.text,
+				children: t.renderCellContent({
+					row: e.row,
+					rowKey: n,
+					column: r.column,
+					value: t.valueOf(r.column, e.row),
+					text: t.textOf(r.column, e.row),
+					current: !1,
+					selected: a
+				})
+			})]
+		}, r.id))
+	});
+}
+function Sn({ node: n, rowIndex: r }) {
+	let i = D(), a = `${at}${n.key}`, o = i.columns.find((e) => e.id === n.column), s = i.resolved.filter((e) => e.column.aggregate !== void 0), c = s.length > 0 ? Math.min(...s.map((e) => i.columnIds.indexOf(e.id) + 1)) : i.columnIds.length + 1, l = (e) => ({
+		row: a,
+		column: e
+	}), u = i.columnIds[0], d = i.current !== null && i.current.row === a, f = i.t("groupCount", { count: n.count });
+	return /* @__PURE__ */ T("div", {
+		"aria-expanded": n.expanded,
+		"aria-level": n.level,
+		"aria-rowindex": r,
+		"data-part": "group-row",
+		"data-row": a,
+		role: "row",
+		style: { "--slotted-data-grid-level": String(n.level) },
+		...d ? { "data-current": "" } : {},
+		children: [/* @__PURE__ */ T("div", {
+			"aria-colindex": 1,
+			"aria-colspan": c - 1,
+			"data-column": u,
+			role: "gridcell",
+			style: { "--slotted-data-grid-column": `1 / ${c}` },
+			tabIndex: d && i.current?.column === u ? 0 : -1,
+			onClick: (e) => i.onCellClick(e, l(u)),
+			onFocus: (e) => {
+				e.target === e.currentTarget && i.onCellFocus(l(u));
+			},
+			onKeyDown: (e) => i.onCellKeyDown(e, l(u)),
+			onPointerDown: (e) => i.onCellPointerDown(e, l(u)),
+			...d && i.current?.column === u ? { "data-current": "" } : {},
+			children: [/* @__PURE__ */ w("button", {
+				"aria-expanded": n.expanded,
+				"aria-label": i.t(n.expanded ? "collapseGroup" : "expandGroup", { group: n.text }),
+				"data-part": "group-toggle",
+				onClick: (e) => {
+					e.stopPropagation(), i.toggleGroup(n.key, e);
+				},
+				tabIndex: -1,
+				type: "button",
+				children: /* @__PURE__ */ w(t, { children: /* @__PURE__ */ w(e, { name: "chevron-right" }) })
+			}), i.renderGroup && o ? i.renderGroup({
+				node: n,
+				column: o,
+				toggle: () => i.toggleGroup(n.key)
+			}) : /* @__PURE__ */ T(ze, { children: [/* @__PURE__ */ w("span", { children: n.text }), /* @__PURE__ */ w("span", {
+				"data-count": "",
+				children: f
+			})] })]
+		}), s.map((e) => {
+			let t = i.columnIds.indexOf(e.id) + 1, r = n.aggregates[e.id], a = r == null ? "" : dt({
+				...e.column,
+				accessor: () => r
+			}, n.rows[0], {
+				locale: i.locale,
+				booleans: i.booleans
+			}), o = l(e.id), s = d && i.current?.column === e.id;
+			return /* @__PURE__ */ Ne("div", {
+				...ln(e),
+				"aria-colindex": t,
+				key: e.id,
+				role: "gridcell",
+				style: cn(e, t),
+				tabIndex: s ? 0 : -1,
+				onFocus: (e) => {
+					e.target === e.currentTarget && i.onCellFocus(o);
+				},
+				onKeyDown: (e) => i.onCellKeyDown(e, o),
+				onPointerDown: (e) => i.onCellPointerDown(e, o),
+				...s ? { "data-current": "" } : {}
+			}, /* @__PURE__ */ w("span", {
+				"data-aggregate": "",
+				children: a
+			}));
+		})]
+	});
+}
+function Cn({ rows: e, rowSize: t }) {
+	let n = D(), r = n.columnIds.length - n.resolved.length;
+	return /* @__PURE__ */ w("div", {
+		"aria-hidden": !0,
+		"data-part": "loader",
+		role: "rowgroup",
+		style: { "--slotted-data-grid-loader-row-size": `${t}px` },
+		children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ w("div", {
+			"data-part": "row",
+			role: "row",
+			children: n.columnIds.map((e, t) => /* @__PURE__ */ w("div", {
+				role: "gridcell",
+				style: { "--slotted-data-grid-column": String(t + 1) },
+				children: t >= r ? /* @__PURE__ */ w(h, {
+					inlineSize: `${[
+						70,
+						55,
+						80,
+						40,
+						60
+					][(t - r) % 5]}%`,
+					loading: !0
+				}) : null
+			}, e))
+		}, t))
+	});
+}
+function wn({ aggregates: e, rowIndex: t }) {
+	let n = D(), r = n.current !== null && n.current.row === lt, i = n.columnIds.length - n.resolved.length, a = (t) => {
+		let r = e[t.id];
+		return r == null ? "" : dt({
+			...t.column,
+			accessor: () => r
+		}, {}, {
+			locale: n.locale,
+			booleans: n.booleans
+		});
+	}, o = {
+		row: lt,
+		column: st
+	}, s = r && n.current?.column === st;
+	return /* @__PURE__ */ w("div", {
+		"data-part": "summary",
+		role: "rowgroup",
+		children: /* @__PURE__ */ T("div", {
+			"aria-rowindex": t,
+			"data-row": lt,
+			role: "row",
+			children: [
+				n.columnIds.slice(0, i).map((e, t) => /* @__PURE__ */ w("div", {
+					"aria-colindex": t + 1,
+					"data-column": e,
+					"data-part": "summary-cell",
+					role: "gridcell",
+					style: { "--slotted-data-grid-column": String(t + 1) },
+					tabIndex: -1
+				}, e)),
+				n.mountedColumns.map((e) => {
+					let t = n.columnIds.indexOf(e.id) + 1, i = {
+						row: lt,
+						column: e.id
+					}, o = r && n.current?.column === e.id, s = a(e);
+					return /* @__PURE__ */ Ne("div", {
+						...ln(e),
+						"aria-colindex": t,
+						"data-part": "summary-cell",
+						key: e.id,
+						role: "gridcell",
+						style: cn(e, t),
+						tabIndex: o ? 0 : -1,
+						onFocus: (e) => {
+							e.target === e.currentTarget && n.onCellFocus(i);
+						},
+						onKeyDown: (e) => n.onCellKeyDown(e, i),
+						onPointerDown: (e) => n.onCellPointerDown(e, i),
+						...o ? { "data-current": "" } : {}
+					}, /* @__PURE__ */ w("span", { children: s }));
+				}),
+				n.hasPopinCell(lt) ? /* @__PURE__ */ w("div", {
+					"aria-colindex": n.popinIndex,
+					"data-column": st,
+					"data-part": "popin",
+					role: "gridcell",
+					style: { "--slotted-data-grid-column": "1 / -1" },
+					tabIndex: s ? 0 : -1,
+					onFocus: (e) => {
+						e.target === e.currentTarget && n.onCellFocus(o);
+					},
+					onKeyDown: (e) => n.onCellKeyDown(e, o),
+					onPointerDown: (e) => n.onCellPointerDown(e, o),
+					...s ? { "data-current": "" } : {},
+					children: n.popinAggregated.map((e) => /* @__PURE__ */ T("div", {
+						"data-field": e.id,
+						"data-part": "popin-field",
+						children: [e.column.label ? /* @__PURE__ */ w("span", {
+							"data-part": "popin-label",
+							children: e.column.label
+						}) : null, /* @__PURE__ */ w("div", {
+							"data-part": "popin-value",
+							children: /* @__PURE__ */ w("span", { children: a(e) })
+						})]
+					}, e.id))
+				}) : null
+			]
+		})
+	});
+}
+//#endregion
+//#region src/data-grid/data-grid-defaults.tsx
+var Tn = Me({});
+function En({ children: e, ...t }) {
+	let n = { ...Fe(Tn) };
+	for (let [e, r] of Object.entries(t)) r !== void 0 && (n[e] = r);
+	let r = x(() => n, [JSON.stringify(n)]);
+	return /* @__PURE__ */ w(Tn.Provider, {
+		value: r,
+		children: e
+	});
+}
+function Dn() {
+	return Fe(Tn);
+}
+//#endregion
+//#region src/data-grid/use-data-source.ts
+var k = 20, On = [];
+function kn(e, t) {
+	let [n, r] = C({
+		key: null,
+		result: null,
+		loading: e !== void 0,
+		error: null
+	}), i = S(/* @__PURE__ */ new Map()), a = S(null), [o, s] = C(0), c = e ? At(t) : null;
+	b(() => {
+		if (!e || c === null) return;
+		let n = i.current.get(c);
+		if (n) {
+			r({
+				key: c,
+				result: n,
+				loading: !1,
+				error: null
+			});
+			return;
+		}
+		a.current?.abort();
+		let o = new AbortController();
+		return a.current = o, r((e) => ({
+			...e,
+			loading: !0,
+			error: null
+		})), e.getRows(t, { signal: o.signal }).then((t) => {
+			if (o.signal.aborted) return;
+			let n = e.cacheSize ?? k;
+			if (n > 0) for (i.current.set(c, t); i.current.size > n;) {
+				let e = i.current.keys().next().value;
+				if (e === void 0) break;
+				i.current.delete(e);
+			}
+			r({
+				key: c,
+				result: t,
+				loading: !1,
+				error: null
+			});
+		}, (e) => {
+			if (o.signal.aborted) return;
+			let t = e instanceof Error ? e.message : String(e);
+			r((e) => ({
+				...e,
+				loading: !1,
+				error: t
+			}));
+		}), () => o.abort();
+	}, [
+		e,
+		c,
+		o
+	]);
+	let l = y(() => s((e) => e + 1), []), u = y(() => {
+		i.current.clear(), s((e) => e + 1);
+	}, []);
+	return {
+		rows: n.result?.rows ?? On,
+		total: n.result?.total,
+		hasMore: n.result?.hasMore,
+		loading: n.loading,
+		error: n.error,
+		retry: l,
+		reload: u
+	};
+}
+//#endregion
+//#region src/data-grid/data-grid-editors.tsx
+function An(e) {
+	return /* @__PURE__ */ w("span", {
+		title: e.text,
+		children: e.text
+	});
+}
+function A(e) {
+	if (!e) return null;
+	let t = String(e);
+	return Ye(/^\d{2}$/.test(t) ? `${t}:00` : t);
+}
+function jn(e) {
+	if (!e) return null;
+	let t = String(e);
+	return /^\d{4}-\d{2}-\d{2}$/.test(t) ? Je(`${t}T00:00`) : /^\d{4}-\d{2}-\d{2}T\d{2}$/.test(t) ? Je(`${t}:00`) : Je(t);
+}
+function j(e) {
+	return e ? qe(String(e)) : null;
+}
+function Mn(e, t, n) {
+	let { column: r, draft: i, setDraft: a, invalid: o, message: s } = e, c = r.kind ?? "text", l = r.label, u = {
+		"aria-label": l,
+		autoFocus: !0,
+		invalid: o || void 0,
+		size: "sm",
+		variant: "plain",
+		...s ? {
+			"aria-errormessage": void 0,
+			title: s
+		} : {}
+	};
+	switch (c) {
+		case "number": return /* @__PURE__ */ w(be, {
+			...u,
+			onValueChange: (e) => a(e),
+			value: typeof i == "number" ? i : null,
+			...n === void 0 ? {} : { locale: n }
+		});
+		case "boolean": return /* @__PURE__ */ w(m, {
+			"aria-label": l,
+			autoFocus: !0,
+			checked: i === !0,
+			onCheckedChange: (e) => a(e)
+		});
+		case "date": return /* @__PURE__ */ w(de, {
+			...u,
+			onValueChange: (e) => a(We(e) ? Xe(e) : null),
+			value: j(i),
+			...n === void 0 ? {} : { locale: n }
+		});
+		case "time": return /* @__PURE__ */ w(ke, {
+			...u,
+			onValueChange: (e) => a(Ke(e) ? Qe(e, "minute") : null),
+			value: A(i),
+			...n === void 0 ? {} : { locale: n }
+		});
+		case "datetime": return /* @__PURE__ */ w(me, {
+			...u,
+			onValueChange: (e) => a(Ge(e) ? Ze(e) : null),
+			value: jn(i),
+			...n === void 0 ? {} : { locale: n }
+		});
+		case "set": {
+			let n = r.options ?? [], o = Array.isArray(e.value);
+			return /* @__PURE__ */ T(Ce, {
+				fullWidth: !0,
+				items: n.map((e) => ({
+					label: e.label,
+					value: e.value
+				})),
+				multiple: o,
+				onValueChange: (e) => a(e),
+				size: "sm",
+				value: o ? i ?? [] : i == null ? null : String(i),
+				variant: "plain",
+				children: [/* @__PURE__ */ w(Ee, {
+					"aria-label": l,
+					autoFocus: !0,
+					children: /* @__PURE__ */ w(De, { placeholder: t("filterAny") })
+				}), /* @__PURE__ */ w(we, { children: n.map((e) => /* @__PURE__ */ w(Te, {
+					value: e.value,
+					children: e.label
+				}, e.value)) })]
+			});
+		}
+		default: return /* @__PURE__ */ w(g, {
+			...u,
+			onValueChange: (e) => a(e),
+			value: i == null ? "" : String(i)
+		});
+	}
+}
+//#endregion
+//#region src/data-grid/data-grid-filter.tsx
+var Nn = [
+	"text",
+	"number",
+	"date",
+	"time",
+	"datetime",
+	"boolean",
+	"set"
+];
+function Pn(e) {
+	return Nn.includes(e.kind) ? e.kind : null;
+}
+function Fn(e, t) {
+	return $t(e) === $t(t);
+}
+var In = [
+	"date",
+	"time",
+	"datetime"
+];
+function Ln(e, t) {
+	return Xt(t) === 2 && In.includes(e);
+}
+function Rn({ kind: e, start: t, end: n, onChange: r, t: i, locale: a, variant: o, autoFocus: s }) {
+	let c = {
+		size: "sm",
+		variant: o,
+		...s ? { autoFocus: !0 } : {},
+		...a === void 0 ? {} : { locale: a }
+	}, l = { messages: {
+		end: i("filterTo"),
+		start: i("filterFrom")
+	} };
+	return e === "time" ? /* @__PURE__ */ w(Ae, {
+		...c,
+		...l,
+		onValueChange: (e) => r(Ke(e?.start) ? Qe(e.start, "minute") : null, Ke(e?.end) ? Qe(e.end, "minute") : null),
+		value: {
+			start: A(t),
+			end: A(n)
+		}
+	}) : e === "datetime" ? /* @__PURE__ */ w(he, {
+		...c,
+		...l,
+		onValueChange: (e) => r(Ge(e?.start) ? Ze(e.start) : null, Ge(e?.end) ? Ze(e.end) : null),
+		value: {
+			start: jn(t),
+			end: jn(n)
+		}
+	}) : /* @__PURE__ */ w(fe, {
+		...c,
+		messages: {
+			end: i("filterTo"),
+			start: i("filterFrom")
+		},
+		onValueChange: (e) => r(We(e?.start) ? Xe(e.start) : null, We(e?.end) ? Xe(e.end) : null),
+		value: {
+			start: j(t),
+			end: j(n)
+		}
+	});
+}
+function M({ autoFocus: e, column: t, counts: n, kind: r, label: i, t: a, locale: o, onChange: s, onKeyDown: c, placeholder: l, value: u, variant: d }) {
+	let f = {
+		"aria-label": i,
+		size: "sm",
+		variant: d,
+		...e ? { autoFocus: !0 } : {},
+		...c ? { onKeyDown: c } : {},
+		...o === void 0 ? {} : { locale: o }
+	};
+	switch (r) {
+		case "number": return /* @__PURE__ */ w(be, {
+			...f,
+			onValueChange: (e) => s(e),
+			placeholder: l ?? i,
+			stepper: "none",
+			value: typeof u == "number" ? u : null
+		});
+		case "date": return /* @__PURE__ */ w(ue, {
+			...f,
+			onValueChange: (e) => s(We(e) ? Xe(e) : null),
+			value: j(u)
+		});
+		case "time": return /* @__PURE__ */ w(Oe, {
+			...f,
+			onValueChange: (e) => s(Ke(e) ? Qe(e, "minute") : null),
+			value: A(u)
+		});
+		case "datetime": return /* @__PURE__ */ w(pe, {
+			...f,
+			onValueChange: (e) => s(Ge(e) ? Ze(e) : null),
+			value: jn(u)
+		});
+		case "boolean": return /* @__PURE__ */ T(Ce, {
+			fullWidth: !0,
+			width: "content",
+			items: [{
+				label: a("filterYes"),
+				value: "true"
+			}, {
+				label: a("filterNo"),
+				value: "false"
+			}],
+			onValueChange: (e) => s(e === "true" || e !== "false" && null),
+			size: "sm",
+			value: u === !0 ? "true" : u === !1 ? "false" : null,
+			variant: d,
+			children: [/* @__PURE__ */ w(Ee, {
+				"aria-label": i,
+				...e ? { autoFocus: !0 } : {},
+				children: /* @__PURE__ */ w(De, { placeholder: a("filterAny") })
+			}), /* @__PURE__ */ T(we, { children: [/* @__PURE__ */ w(Te, {
+				value: "true",
+				children: a("filterYes")
+			}), /* @__PURE__ */ w(Te, {
+				value: "false",
+				children: a("filterNo")
+			})] })]
+		});
+		case "set": {
+			let r = t.column.options ?? [], c = new Set(r.map((e) => e.value)), l = n ? [...n.keys()].filter((e) => !c.has(e)).map((e) => ({
+				value: e,
+				label: e
+			})) : [], f = [...r, ...l], p = Array.isArray(u) ? u : [];
+			return /* @__PURE__ */ T(ye, {
+				fullWidth: !0,
+				items: f.map((e) => ({
+					label: e.label,
+					value: e.value
+				})),
+				onValueChange: (e) => s([...e]),
+				overflow: "collapse",
+				size: "sm",
+				value: p,
+				variant: d,
+				width: "content",
+				...o === void 0 ? {} : { locale: o },
+				children: [/* @__PURE__ */ w(ge, {
+					"aria-label": i,
+					placeholder: a("filterAny"),
+					...e ? { autoFocus: !0 } : {}
+				}), /* @__PURE__ */ w(_e, {
+					"aria-label": i,
+					children: f.map((e) => /* @__PURE__ */ T(ve, {
+						textValue: e.label,
+						value: e.value,
+						children: [e.label, n?.has(e.value) ? ` (${n.get(e.value)})` : ""]
+					}, e.value))
+				})]
+			});
+		}
+		default: return /* @__PURE__ */ w(g, {
+			...f,
+			onValueChange: (e) => s(e),
+			placeholder: l ?? i,
+			value: u == null ? "" : String(u)
+		});
+	}
+}
+function zn({ column: e, children: t }) {
+	let n = D(), r = Pn(e), i = n.filterOpen === e.id && r !== null, a = n.filterOf(e.id), o = n.t, s = S(null), c = y((e) => {
+		s.current = e;
+	}, []), u = y(() => r ? Kt(r) : null, [r]), [d, f] = C(a ?? u()), p = S(!1);
+	if (b(() => {
+		i && !p.current && f(a ?? u()), p.current = i;
+	}, [
+		i,
+		a,
+		u
+	]), !r) return /* @__PURE__ */ w(ze, { children: t(c) });
+	let m = r, h = e.column.label, g = {
+		join: (e) => o(`filterJoins.${e}`),
+		operator: (e) => o(`filterOperators.${e}`)
+	}, ee = Zt(r), re = r === "set" ? 1 : 2, v = d ?? u(), ae = (e) => v.conditions[e] ?? { operator: Wt(r) }, oe = re === 2 && qt(r, ae(0));
+	function se() {
+		n.setFilterOpen(null);
+	}
+	function ce(t, r) {
+		let i = Yt(v);
+		Fn(i, a) || n.setFilter(e.id, i, r, t), n.announce(i ? o("filterApplied", {
+			column: h,
+			filter: Gt(i, g)
+		}) : o("filterCleared", { column: h })), se();
+	}
+	function le(t) {
+		f(u()), a && n.setFilter(e.id, null, "clear", t), n.announce(o("filterCleared", { column: h })), se();
+	}
+	function ue(e, t) {
+		let n = ae(e), r = Xt(n.operator), i = Xt(t), a = {
+			operator: t,
+			...i >= 1 && r >= 1 ? { value: n.value } : {},
+			...i === 2 && r === 2 ? { end: n.end } : {}
+		};
+		f(en(v, e, a));
+	}
+	function de(e, t, n) {
+		let r = ae(e), i = t === 0 ? {
+			...r,
+			value: n
+		} : {
+			...r,
+			end: n
+		};
+		f(en(v, e, i));
+	}
+	let fe = (e) => {
+		e.key === "Enter" && !e.defaultPrevented && (e.preventDefault(), ce(e, "keyboard"));
+	};
+	function pe(t) {
+		let r = ae(t), i = Xt(r.operator), a = n.renderFilterOperand;
+		return /* @__PURE__ */ T("div", {
+			"data-operands": i,
+			"data-part": "filter-condition",
+			children: [
+				t === 1 ? /* @__PURE__ */ w("div", {
+					"data-part": "filter-join",
+					children: /* @__PURE__ */ T(Se, {
+						"aria-label": o("filterJoin"),
+						onValueChange: (e) => f(tn(v, e)),
+						size: "sm",
+						value: v.join,
+						children: [/* @__PURE__ */ w(xe, {
+							value: "and",
+							children: g.join("and")
+						}), /* @__PURE__ */ w(xe, {
+							value: "or",
+							children: g.join("or")
+						})]
+					})
+				}) : null,
+				/* @__PURE__ */ w("div", {
+					"data-part": "filter-operator",
+					children: /* @__PURE__ */ T(Ce, {
+						fullWidth: !0,
+						width: "content",
+						items: ee.map((e) => ({
+							label: g.operator(e),
+							value: e
+						})),
+						onValueChange: (e) => ue(t, e),
+						size: "sm",
+						value: r.operator,
+						children: [/* @__PURE__ */ w(Ee, {
+							"aria-label": o("filterOperator"),
+							...t === 0 ? { autoFocus: !0 } : {},
+							children: /* @__PURE__ */ w(De, {})
+						}), /* @__PURE__ */ w(we, { children: ee.map((e) => /* @__PURE__ */ w(Te, {
+							value: e,
+							children: g.operator(e)
+						}, e)) })]
+					})
+				}),
+				/* @__PURE__ */ w("div", {
+					"data-kind": m,
+					"data-part": "filter-operand",
+					...i === 2 && !Ln(m, r.operator) ? { "data-range": "" } : {},
+					children: i === 0 ? null : !a && Ln(m, r.operator) ? /* @__PURE__ */ w(Rn, {
+						end: r.end ?? null,
+						kind: m,
+						t: o,
+						locale: n.locale,
+						onChange: (e, n) => f(en(v, t, {
+							...r,
+							value: e,
+							end: n
+						})),
+						start: r.value ?? null,
+						variant: "outline"
+					}) : [0, 1].slice(0, i).map((s) => {
+						let c = o(i === 2 ? s === 0 ? "filterFrom" : "filterTo" : "filterValue"), l = (s === 0 ? r.value : r.end) ?? null;
+						return a ? /* @__PURE__ */ w("span", { children: a({
+							column: e.id,
+							operator: r.operator,
+							value: l,
+							setValue: (e) => de(t, s, e),
+							apply: () => ce(null, "keyboard"),
+							label: c
+						}) }, s) : /* @__PURE__ */ w(M, {
+							column: e,
+							counts: m === "set" ? n.countsFor(e.id) : void 0,
+							kind: m,
+							label: c,
+							t: o,
+							locale: n.locale,
+							onChange: (e) => de(t, s, e),
+							onKeyDown: fe,
+							operator: r.operator,
+							value: l,
+							variant: "outline"
+						}, s);
+					})
+				})
+			]
+		}, t);
+	}
+	return /* @__PURE__ */ T(te, {
+		finalFocus: s,
+		onOpenChange: (e) => {
+			e || se();
+		},
+		open: i,
+		side: "bottom",
+		align: "start",
+		size: "sm",
+		children: [/* @__PURE__ */ w(ie, { render: ({ ref: e }) => /* @__PURE__ */ w(ze, { children: t((t) => {
+			c(t), typeof e == "function" ? e(t) : e && (e.current = t);
+		}) }) }), i ? /* @__PURE__ */ w(ne, { children: /* @__PURE__ */ w(_, {
+			"aria-label": o("filterColumn", { column: h }),
+			children: /* @__PURE__ */ T("div", {
+				"data-kind": m,
+				"data-part": "filter-panel",
+				"data-ui": "data-grid",
+				children: [
+					pe(0),
+					oe ? pe(1) : null,
+					/* @__PURE__ */ T("div", {
+						"data-part": "filter-actions",
+						children: [/* @__PURE__ */ w(l, {
+							disabled: !Jt(v) && a === null,
+							onClick: (e) => le(e),
+							size: "sm",
+							tone: "secondary",
+							variant: "ghost",
+							children: o("filterClear")
+						}), /* @__PURE__ */ w(l, {
+							onClick: (e) => ce(e, "pointer"),
+							size: "sm",
+							children: o("filterApply")
+						})]
+					})
+				]
+			})
+		}) }) : null]
+	});
+}
+function Bn({ column: e }) {
+	let t = D(), i = Pn(e), s = t.columnIds.indexOf(e.id) + 1, c = {
+		row: it,
+		column: e.id
+	}, l = t.current !== null && t.current.row === it && t.current.column === e.id, u = t.filterOf(e.id), d = t.t, f = u?.conditions[0] ?? null, [p, m] = C(f?.operator ?? (i ? Wt(i) : "contains")), [h, g] = C({
+		value: f?.value ?? null,
+		end: f?.end ?? null
+	}), _ = S(void 0), ee = $t(u), te = S(ee);
+	if (b(() => {
+		if (te.current === ee) return;
+		te.current = ee;
+		let e = u?.conditions[0];
+		e ? (m(e.operator), g({
+			value: e.value ?? null,
+			end: e.end ?? null
+		})) : g({
+			value: null,
+			end: null
+		});
+	}, [ee, u]), b(() => () => clearTimeout(_.current), []), !i || !e.filterable) return /* @__PURE__ */ w("div", {
+		...ln(e),
+		"aria-colindex": s,
+		"data-part": "filter-cell",
+		role: "gridcell",
+		style: cn(e, s),
+		tabIndex: l ? 0 : -1,
+		onFocus: (e) => {
+			e.target === e.currentTarget && t.onCellFocus(c);
+		},
+		onKeyDown: (e) => t.onCellKeyDown(e, c),
+		onPointerDown: (e) => t.onCellPointerDown(e, c),
+		...l ? { "data-current": "" } : {}
+	});
+	let ne = i, re = Zt(i), ie = Xt(p);
+	function v(n, r) {
+		let i = Yt({
+			kind: ne,
+			join: "and",
+			conditions: [{
+				operator: n.operator,
+				value: n.value,
+				end: n.end
+			}]
+		});
+		Fn(i, u) || t.setFilter(e.id, i, r, void 0);
+	}
+	function ae(e, n) {
+		g(e), clearTimeout(_.current);
+		let r = () => v({
+			operator: p,
+			...e
+		}, "keyboard");
+		n || i !== "text" && i !== "number" ? r() : _.current = setTimeout(r, t.filterDebounce);
+	}
+	function oe(e) {
+		m(e);
+		let t = Xt(e), n = {
+			value: t >= 1 ? h.value : null,
+			end: t === 2 ? h.end : null
+		};
+		g(n), v({
+			operator: e,
+			...n
+		}, "pointer");
+	}
+	let se = (e) => {
+		e.key === "Enter" && !e.defaultPrevented && (e.preventDefault(), clearTimeout(_.current), v({
+			operator: p,
+			...h
+		}, "keyboard"));
+	}, ce = d(`filterSymbols.${p}`), le = t.renderFilterOperand;
+	return /* @__PURE__ */ w("div", {
+		...ln(e),
+		"aria-colindex": s,
+		"data-part": "filter-cell",
+		role: "gridcell",
+		style: cn(e, s),
+		tabIndex: l ? 0 : -1,
+		onFocus: (e) => {
+			e.target === e.currentTarget && t.onCellFocus(c);
+		},
+		onKeyDown: (e) => t.onCellKeyDown(e, c),
+		onPointerDown: (e) => t.onCellPointerDown(e, c),
+		...u ? { "data-filtered": "" } : {},
+		...l ? { "data-current": "" } : {},
+		children: /* @__PURE__ */ T("div", {
+			"data-kind": i,
+			"data-part": "filter-operand",
+			...ie === 2 && !Ln(i, p) ? { "data-range": "" } : {},
+			children: [/* @__PURE__ */ w("div", {
+				"data-part": "filter-operator",
+				children: /* @__PURE__ */ T(n, {
+					size: "sm",
+					children: [/* @__PURE__ */ w(a, { render: (e) => /* @__PURE__ */ w("button", {
+						...e,
+						"aria-label": d("filterOperatorChosen", { operator: d(`filterOperators.${p}`) }),
+						title: d(`filterOperators.${p}`),
+						tabIndex: -1,
+						type: "button",
+						children: ce
+					}) }), /* @__PURE__ */ w(o, { children: re.map((e) => /* @__PURE__ */ w(r, {
+						onSelect: () => oe(e),
+						children: d(`filterOperators.${e}`)
+					}, e)) })]
+				})
+			}), ie === 0 ? null : !le && Ln(i, p) ? /* @__PURE__ */ w(Rn, {
+				end: h.end,
+				kind: i,
+				t: d,
+				locale: t.locale,
+				onChange: (e, t) => ae({
+					value: e,
+					end: t
+				}, !0),
+				start: h.value,
+				variant: "plain"
+			}) : [0, 1].slice(0, ie).map((n) => {
+				let r = ie === 2 ? d("filterRange", {
+					bound: n === 0 ? "from" : "to",
+					column: e.column.label
+				}) : d("filterColumn", { column: e.column.label }), a = n === 0 ? h.value : h.end, o = (e, t = !1) => ae(n === 0 ? {
+					...h,
+					value: e
+				} : {
+					...h,
+					end: e
+				}, t);
+				return le ? /* @__PURE__ */ w("span", { children: le({
+					column: e.id,
+					operator: p,
+					value: a,
+					setValue: (e) => o(e, !0),
+					apply: () => v({
+						operator: p,
+						...h
+					}, "keyboard"),
+					label: r
+				}) }, n) : /* @__PURE__ */ w(M, {
+					column: e,
+					counts: i === "set" ? t.countsFor(e.id) : void 0,
+					kind: i,
+					label: r,
+					t: d,
+					locale: t.locale,
+					onChange: (e) => o(e, i !== "text" && i !== "number"),
+					onKeyDown: se,
+					operator: p,
+					placeholder: d(ie === 2 ? n === 0 ? "filterFrom" : "filterTo" : "filter"),
+					value: a,
+					variant: "plain"
+				}, n);
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/data-grid/data-grid-header.tsx
+var Vn = 4;
+function Hn({ columnGroups: e, headerRowCount: t }) {
+	let n = D(), r = n.columnIds.length - n.resolved.length, i = e !== void 0 && e.length > 0;
+	return /* @__PURE__ */ T("div", {
+		"data-part": "head",
+		role: "rowgroup",
+		children: [
+			i ? /* @__PURE__ */ w("div", {
+				"aria-rowindex": 1,
+				"data-part": "header-row",
+				role: "row",
+				children: Un(n.mountedColumns, e, r)
+			}) : null,
+			/* @__PURE__ */ T("div", {
+				"aria-rowindex": i ? 2 : 1,
+				"data-part": "header-row",
+				"data-row": ot,
+				role: "row",
+				children: [
+					n.columnIds.includes("__selection") ? /* @__PURE__ */ w(Wn, {}) : null,
+					n.columnIds.includes("__drag") ? /* @__PURE__ */ w("div", {
+						"aria-colindex": n.columnIds.indexOf(on) + 1,
+						"data-column": on,
+						"data-part": "column-header",
+						role: "columnheader",
+						style: { "--slotted-data-grid-column": String(n.columnIds.indexOf(on) + 1) },
+						tabIndex: -1,
+						children: /* @__PURE__ */ w("span", {})
+					}) : null,
+					n.columnIds.includes("__expander") ? /* @__PURE__ */ w("div", {
+						"aria-colindex": n.columnIds.indexOf(an) + 1,
+						"data-column": an,
+						"data-part": "column-header",
+						role: "columnheader",
+						style: { "--slotted-data-grid-column": String(n.columnIds.indexOf(an) + 1) },
+						tabIndex: -1,
+						children: /* @__PURE__ */ w("span", {})
+					}) : null,
+					n.mountedColumns.map((e) => /* @__PURE__ */ w(Gn, { column: e }, e.id)),
+					n.popinColumns.length > 0 ? /* @__PURE__ */ w("div", {
+						"aria-colindex": n.popinIndex,
+						"data-column": st,
+						"data-part": "popin-header",
+						role: "columnheader",
+						children: n.t("popinHeader")
+					}) : null
+				]
+			}),
+			n.filterRow ? /* @__PURE__ */ T("div", {
+				"aria-rowindex": t,
+				"data-part": "filter-row",
+				"data-row": it,
+				role: "row",
+				children: [
+					n.columnIds.includes("__selection") ? /* @__PURE__ */ w("div", {
+						"aria-colindex": 1,
+						"data-column": rn,
+						"data-part": "filter-cell",
+						role: "gridcell",
+						tabIndex: -1
+					}) : null,
+					n.columnIds.includes("__drag") ? /* @__PURE__ */ w("div", {
+						"aria-colindex": n.columnIds.indexOf(on) + 1,
+						"data-column": on,
+						"data-part": "filter-cell",
+						role: "gridcell",
+						tabIndex: -1
+					}) : null,
+					n.columnIds.includes("__expander") ? /* @__PURE__ */ w("div", {
+						"aria-colindex": n.columnIds.indexOf(an) + 1,
+						"data-column": an,
+						"data-part": "filter-cell",
+						role: "gridcell",
+						tabIndex: -1
+					}) : null,
+					n.mountedColumns.map((e) => /* @__PURE__ */ w(Bn, { column: e }, e.id))
+				]
+			}) : null
+		]
+	});
+}
+function Un(e, t, n) {
+	let r = [], i = 0;
+	for (; i < e.length;) {
+		let a = e[i], o = t.find((e) => e.columns.includes(a.id)), s = 1;
+		if (o) for (; i + s < e.length && o.columns.includes(e[i + s].id);) s += 1;
+		let c = a.index + n, l = { "--slotted-data-grid-column": `${c} / ${c + s}` };
+		a.pinned && (l["--slotted-data-grid-pin-offset"] = `${a.pinOffset}px`), r.push(/* @__PURE__ */ w("div", {
+			"aria-colindex": c,
+			"aria-colspan": s,
+			"data-part": "column-group",
+			role: "columnheader",
+			style: l,
+			tabIndex: -1,
+			...a.pinned ? { "data-pinned": a.pinned } : {},
+			children: /* @__PURE__ */ w("span", { children: o?.label ?? "" })
+		}, o ? `${o.id}:${a.id}` : a.id)), i += s;
+	}
+	return r;
+}
+function Wn() {
+	let e = D(), t = {
+		row: ot,
+		column: rn
+	}, n = e.current !== null && e.current.row === ot && e.current.column === "__selection", r = e.t(e.total !== null && e.total > e.selectableCount ? "selectAllPage" : "selectAllFiltered", { count: e.selectableCount });
+	return /* @__PURE__ */ w("div", {
+		"aria-colindex": 1,
+		"data-column": rn,
+		"data-part": "selection",
+		role: "gridcell",
+		style: { "--slotted-data-grid-column": "1" },
+		tabIndex: n || E(t, e.tabStop) ? 0 : -1,
+		onFocus: () => e.onCellFocus(t),
+		onKeyDown: (n) => e.onCellKeyDown(n, t),
+		onPointerDown: (n) => e.onCellPointerDown(n, t),
+		...n ? { "data-current": "" } : {},
+		children: e.selectionMode === "multiple" ? /* @__PURE__ */ w(m, {
+			checked: e.allState === "all",
+			indeterminate: e.allState === "some",
+			onCheckedChange: (t, n) => e.toggleAll(n.source),
+			tabIndex: n ? 0 : -1,
+			children: /* @__PURE__ */ w(v, { children: r })
+		}) : null
+	});
+}
+function Gn({ column: n }) {
+	let r = D(), i = {
+		row: ot,
+		column: n.id
+	}, a = r.columnIds.indexOf(n.id) + 1, o = r.current !== null && r.current.row === ot && r.current.column === n.id, s = r.sortOf(n.id), c = r.filterOf(n.id) !== null, l = r.query.sort.length > 1, u = r.menuOpen === n.id, d = r.attachDraggable, f = S(() => void 0), p = S(null), m = y((e) => {
+		p.current = e, f.current(e);
+	}, []);
+	b(() => (d(p.current, n.id), () => d(null, n.id)), [d, n.id]);
+	let h = n.column.description, g = `${r.id}-description-${n.id}`, _ = n.column.help, ee = r.renderHeaderContent ? r.renderHeaderContent({
+		column: n.column,
+		resolved: n,
+		sorted: s?.direction ?? null,
+		sortIndex: s?.index ?? null,
+		filtered: c
+	}) : n.column.label;
+	return /* @__PURE__ */ w(zn, {
+		column: n,
+		children: (d) => (f.current = d, /* @__PURE__ */ T("div", {
+			...ln(n),
+			"aria-colindex": a,
+			"aria-describedby": h ? g : void 0,
+			"aria-sort": s && s.index === 1 ? s.direction : void 0,
+			"data-part": "column-header",
+			role: "columnheader",
+			style: cn(n, a),
+			tabIndex: o || E(i, r.tabStop) ? 0 : -1,
+			onClick: (e) => r.onCellClick(e, i),
+			onContextMenu: (e) => r.onHeaderContextMenu(e, n.id),
+			onFocus: (e) => {
+				e.target === e.currentTarget && r.onCellFocus(i);
+			},
+			onKeyDown: (e) => r.onCellKeyDown(e, i),
+			onPointerDown: (e) => r.onCellPointerDown(e, i),
+			ref: m,
+			...n.sortable ? { "data-sortable": "" } : {},
+			...s ? { "data-sorted": s.direction } : {},
+			...c ? { "data-filtered": "" } : {},
+			...o ? { "data-current": "" } : {},
+			...r.dragging === n.id ? { "data-dragging": "" } : {},
+			...r.dropTarget === n.id ? { "data-drop-target": "" } : {},
+			...r.resizing === n.id ? { "data-resizing": "" } : {},
+			children: [
+				/* @__PURE__ */ w(Kn, {
+					label: n.column.label,
+					children: ee
+				}),
+				s ? /* @__PURE__ */ w("span", {
+					"aria-hidden": !0,
+					"data-part": "sort",
+					...l ? { "data-index": String(s.index) } : {},
+					children: /* @__PURE__ */ w(t, { children: /* @__PURE__ */ w(e, { name: "chevron-down" }) })
+				}) : null,
+				h ? /* @__PURE__ */ w("span", {
+					"aria-hidden": "true",
+					"data-part": "column-description",
+					id: g,
+					children: h
+				}) : null,
+				/* @__PURE__ */ T("span", {
+					"data-part": "column-actions",
+					children: [
+						h || _ !== void 0 ? /* @__PURE__ */ w(qn, {
+							column: n,
+							description: h,
+							help: _
+						}) : null,
+						n.filterable ? /* @__PURE__ */ w(Jn, {
+							column: n,
+							filtered: c
+						}) : null,
+						/* @__PURE__ */ w(N, {
+							column: n,
+							descriptionId: h ? g : void 0,
+							open: u
+						})
+					]
+				}),
+				n.resizable ? /* @__PURE__ */ w(Yn, { column: n }) : null
+			]
+		}))
+	});
+}
+function Kn({ children: e, label: t }) {
+	return /* @__PURE__ */ T(u, {
+		describes: "none",
+		openOn: "hover",
+		side: "bottom",
+		whenClipped: !0,
+		children: [/* @__PURE__ */ w(d, {
+			render: (e) => /* @__PURE__ */ w("span", { ...e }),
+			children: e
+		}), /* @__PURE__ */ w(p, { children: /* @__PURE__ */ w(f, { children: t }) })]
+	});
+}
+function qn({ column: n, description: r, help: i }) {
+	let a = D().t("columnHelp", { column: n.column.label });
+	return /* @__PURE__ */ T(te, {
+		align: "start",
+		side: "bottom",
+		size: "sm",
+		children: [/* @__PURE__ */ w(ee, { render: (n) => /* @__PURE__ */ w("button", {
+			...n,
+			"aria-label": a,
+			"data-part": "column-help",
+			onClick: (e) => {
+				e.stopPropagation(), n.onClick?.(e);
+			},
+			onPointerDown: (e) => e.stopPropagation(),
+			tabIndex: -1,
+			type: "button",
+			children: /* @__PURE__ */ w(t, { children: /* @__PURE__ */ w(e, { name: "circle-question" }) })
+		}) }), /* @__PURE__ */ w(ne, { children: /* @__PURE__ */ w(_, {
+			"aria-label": a,
+			children: /* @__PURE__ */ T(re, { children: [r ? /* @__PURE__ */ w("div", { children: r }) : null, i] })
+		}) })]
+	});
+}
+function Jn({ column: n, filtered: r }) {
+	let i = D(), a = i.filterOpen === n.id;
+	return !r && !a ? null : /* @__PURE__ */ w("button", {
+		"aria-expanded": a,
+		"aria-haspopup": "dialog",
+		"aria-label": i.t("filterColumn", { column: n.column.label }),
+		"data-part": "filter",
+		onClick: (e) => {
+			e.stopPropagation(), i.setFilterOpen(a ? null : n.id);
+		},
+		onPointerDown: (e) => e.stopPropagation(),
+		tabIndex: -1,
+		type: "button",
+		...r ? { "data-filtered": "" } : {},
+		...a ? { "data-open": "" } : {},
+		children: /* @__PURE__ */ w(t, { children: /* @__PURE__ */ w(e, { name: "funnel" }) })
+	});
+}
+function N({ column: s, descriptionId: c, open: l }) {
+	let u = D(), d = u.t, f = u.sortOf(s.id), p = s.column.label, m = u.menuAnchor !== null && u.menuAnchor.column === s.id;
+	return /* @__PURE__ */ T(n, {
+		anchor: m ? u.menuAnchor.anchor : null,
+		finalFocus: m ? u.menuAnchor.returnTo : void 0,
+		onOpenChange: (e) => u.setMenuOpen(e ? s.id : null),
+		open: l,
+		sideOffset: Vn,
+		size: "sm",
+		children: [/* @__PURE__ */ w(a, { render: (n) => /* @__PURE__ */ w("button", {
+			...n,
+			"aria-label": d("columnMenu", { column: p }),
+			"data-part": "column-menu",
+			onPointerDown: (e) => {
+				e.stopPropagation(), n.onPointerDown?.(e);
+			},
+			onClick: (e) => {
+				e.stopPropagation(), u.anchorToButton(), n.onClick?.(e);
+			},
+			tabIndex: -1,
+			type: "button",
+			...l ? { "data-open": "" } : {},
+			children: /* @__PURE__ */ w(t, { children: /* @__PURE__ */ w(e, { name: "ellipsis" }) })
+		}) }), /* @__PURE__ */ T(o, {
+			"aria-describedby": c,
+			children: [
+				s.column.description ? /* @__PURE__ */ w("div", {
+					"aria-hidden": !0,
+					"data-part": "column-menu-description",
+					children: s.column.description
+				}) : null,
+				s.sortable ? /* @__PURE__ */ T(ze, { children: [
+					/* @__PURE__ */ w(r, {
+						disabled: f?.direction === "ascending" && f.index === 1 && u.query.sort.length === 1,
+						onSelect: (e) => u.setSort(s.id, "ascending", e),
+						children: d("sortAscendingAction")
+					}),
+					/* @__PURE__ */ w(r, {
+						disabled: f?.direction === "descending" && f.index === 1 && u.query.sort.length === 1,
+						onSelect: (e) => u.setSort(s.id, "descending", e),
+						children: d("sortDescendingAction")
+					}),
+					/* @__PURE__ */ w(r, {
+						disabled: f === null,
+						onSelect: (e) => u.setSort(s.id, null, e),
+						children: d("sortClearAction")
+					}),
+					/* @__PURE__ */ w(i, {})
+				] }) : null,
+				s.filterable ? /* @__PURE__ */ w(r, {
+					onSelect: () => u.setFilterOpen(s.id),
+					children: d("filterMenu")
+				}) : null,
+				/* @__PURE__ */ w(r, {
+					disabled: s.pinned === "start",
+					onSelect: (e) => u.pin(s.id, "start", e),
+					children: d("pinStart")
+				}),
+				/* @__PURE__ */ w(r, {
+					disabled: s.pinned === "end",
+					onSelect: (e) => u.pin(s.id, "end", e),
+					children: d("pinEnd")
+				}),
+				s.pinned ? /* @__PURE__ */ w(r, {
+					onSelect: (e) => u.pin(s.id, null, e),
+					children: d("unpin")
+				}) : null,
+				/* @__PURE__ */ w(i, {}),
+				s.resizable ? /* @__PURE__ */ T(ze, { children: [/* @__PURE__ */ w(r, {
+					onSelect: (e) => u.autofit(s.id, e.reason, e),
+					children: d("autofit")
+				}), /* @__PURE__ */ w(r, {
+					onSelect: (e) => u.autofit(null, e.reason, e),
+					children: d("autofitAll")
+				})] }) : null,
+				s.hideable ? /* @__PURE__ */ w(r, {
+					onSelect: (e) => u.hide(s.id, e, e.reason),
+					children: d("hide")
+				}) : null,
+				u.onManageColumns ? /* @__PURE__ */ w(r, {
+					onSelect: () => u.onManageColumns?.(),
+					children: d("manageColumns")
+				}) : null
+			]
+		})]
+	});
+}
+function Yn({ column: e }) {
+	let t = D(), [n, r] = C(null), i = S(n);
+	i.current = n, b(() => {
+		if (!n) return;
+		let i = (i) => {
+			i.key === "Escape" && (i.preventDefault(), i.stopPropagation(), t.resizeTo(e.id, n.startWidth, "pointer"), r(null), t.setResizing(null));
+		};
+		return document.addEventListener("keydown", i, !0), () => document.removeEventListener("keydown", i, !0);
+	}, [
+		n,
+		t,
+		e.id
+	]);
+	let a = (n) => {
+		if (n.button !== 0) return;
+		n.preventDefault(), n.stopPropagation(), n.currentTarget.setPointerCapture(n.pointerId);
+		let i = getComputedStyle(n.currentTarget).direction === "rtl", a = n.currentTarget.closest("[data-part=\"column-header\"]");
+		r({
+			startX: n.clientX,
+			startWidth: a ? Math.round(a.getBoundingClientRect().width) : e.width,
+			rtl: i
+		}), t.setResizing(e.id);
+	}, o = (n) => {
+		let r = i.current;
+		if (!r) return;
+		let a = (n.clientX - r.startX) * (r.rtl ? -1 : 1);
+		t.resizeTo(e.id, r.startWidth + a, "pointer", n);
+	}, s = (e) => {
+		i.current && (e.currentTarget.releasePointerCapture(e.pointerId), r(null), t.setResizing(null));
+	};
+	return /* @__PURE__ */ w("div", {
+		"aria-hidden": !0,
+		"data-part": "resizer",
+		onClick: (e) => e.stopPropagation(),
+		onDoubleClick: (n) => {
+			n.stopPropagation(), t.autofit(n.shiftKey ? null : e.id, "pointer", n);
+		},
+		onPointerCancel: s,
+		onPointerDown: a,
+		onPointerMove: o,
+		onPointerUp: s,
+		title: t.t("resize"),
+		...n ? { "data-resizing": "" } : {}
+	});
+}
+//#endregion
+//#region src/data-grid/use-model.ts
+function Xn(e, t, n, r = Object.is) {
+	let [i, a] = C(t), o = e === void 0 ? i : e, s = S({
+		controlled: e,
+		value: o,
+		onRequest: n,
+		equals: r
+	});
+	return s.current = {
+		controlled: e,
+		value: o,
+		onRequest: n,
+		equals: r
+	}, [o, y((e, t, n, r) => {
+		let { controlled: i, value: o, onRequest: c, equals: l } = s.current, u = je({
+			controlled: i,
+			initial: o,
+			equals: l,
+			onRequest: (e) => c?.(e.value, Object.assign(e, r ?? {}))
+		}).request(e, t, n);
+		return u && a(e), u;
+	}, [])];
+}
+//#endregion
+//#region src/data-grid/data-grid.tsx
+var Zn = 34, Qn = 100, $n = 20, er = 600, tr = 400, nr = {
+	popin: [],
+	hidden: []
+}, rr = "input, textarea, select, [contenteditable]:not([contenteditable=\"false\"])", ir = 300, ar = 500;
+function or(e, t) {
+	let n = new DOMRect(e, t, 0, 0);
+	return { getBoundingClientRect: () => n };
+}
+function sr(e, t) {
+	return JSON.stringify(e) === JSON.stringify(t);
+}
+function cr(e, t) {
+	return JSON.stringify(e) === JSON.stringify(t);
+}
+function lr(e, t) {
+	return e === "all" || t === "all" ? e === t : e.length === t.length && e.every((e, n) => e === t[n]);
+}
+function ur(e, t) {
+	return !e || !t ? e === t : E(e.anchor, t.anchor) && E(e.focus, t.focus);
+}
+function dr(e, t) {
+	return Array.isArray(e) && Array.isArray(t) ? lr(e, t) : e === t;
+}
+var fr = [];
+function pr(e) {
+	let t = getComputedStyle(e), n = e.offsetWidth - e.clientWidth + parseFloat(t.paddingInlineStart) + parseFloat(t.paddingInlineEnd), r = parseFloat(t.columnGap) || 0, i = 0, a = 0;
+	for (let t of e.children) if (t instanceof HTMLElement && getComputedStyle(t).display !== "none" && t.dataset.part !== "column-description") {
+		if (a += 1, a === 1 && t.dataset.ui === void 0) {
+			let n = e.ownerDocument.createRange();
+			n.selectNodeContents(t), i += n.getBoundingClientRect().width;
+		} else i += t.getBoundingClientRect().width;
+	}
+	return i + Math.max(0, a - 1) * r + n;
+}
+function P({ activatable: e, cellRenderers: t, columnGroups: n, columnOverflow: r, dataSource: i, columnState: a, columns: o, current: u, density: d, defaultColumnState: f, defaultCurrent: p, defaultExpanded: m, defaultExpandedGroups: h, defaultQuery: g, defaultRange: _, defaultValue: ee, disabledKeys: te, editMode: ne, editorRenderers: re, error: ie, expandable: v, expanded: ue, expandedGroups: de, filterDebounce: fe, filterRow: pe, footer: me, handle: he, hasMore: ge, height: _e, highlightChanges: ve, labelledBy: ye, loadMoreThreshold: be, loading: xe, locale: Se, messages: Ce, mode: we, onActivate: Te, onColumnStateChange: Ee, onCurrentChange: De, onEditCancel: Oe, onEditCommit: ke, onEditStart: Ae, onExpandedChange: je, onExpandedGroupsChange: Me, onLoadChildren: Ne, onRowsReorder: Pe, onKeyDown: Fe, onLoadMore: ze, onManageColumns: We, onOutOfSpaceChange: Ge, onQueryChange: Ke, onRangeChange: qe, onRetry: Je, onValueChange: Ye, overscan: Xe, pinnedRows: Ze, pageSizes: Qe, query: gt, range: xt, ref: kt, renderCell: At, renderDetail: Wt, renderEditor: Gt, renderEmpty: Kt, renderFilterOperand: qt, renderGroup: Jt, renderHeader: Yt, rowHeight: Xt, rowKey: Zt, rowsReorderable: $t, rows: en, selectionMode: tn, showRange: cn, skeletonRows: ln, stickyHeader: D, stickyTo: gn, striped: _n, style: vn, timeZone: yn, totalCount: bn, tree: O, value: xn, variant: Sn, virtualize: Tn, ...En }) {
+	let k = Dn(), On = Ie(), A = S(null), jn = S(null), j = c(Ve, Ce), Nn = c(He), Pn = s(), Fn = Sn ?? k.variant ?? "ruled", In = _n ?? k.striped ?? !1, Ln = D ?? k.stickyHeader ?? !0, Rn = gn ?? k.stickyTo ?? "scroll", M = tn ?? k.selectionMode ?? "none", zn = ne ?? k.editMode ?? "cell", Bn = pe ?? k.filterRow ?? !1, Vn = Tn ?? k.virtualize ?? "auto", Un = Xt ?? k.rowHeight, Wn = r ?? k.columnOverflow ?? "auto", Gn = Xe ?? k.overscan ?? 6, Kn = fe ?? k.filterDebounce ?? 300, qn = be ?? k.loadMoreThreshold ?? 20, Jn = ln ?? k.skeletonRows ?? 8, N = Se ?? Pn, Yn = e ?? !1, P = y((e) => typeof Zt == "function" ? Zt(e) : String(e[Zt]), [Zt]), gr = j("filterYes"), _r = j("filterNo"), vr = x(() => ({
+		locale: N,
+		timeZone: yn,
+		booleans: {
+			true: gr,
+			false: _r
+		}
+	}), [
+		N,
+		yn,
+		gr,
+		_r
+	]), yr = y((e, t) => dt(e, t, vr), [vr]), br = x(() => new Set(te ?? []), [te]), xr = y((e) => br.has(e), [br]), F = y((e, t) => {
+		if (br.has(P(t))) return !1;
+		let n = e.editable;
+		return typeof n == "function" ? n(t) : n === !0;
+	}, [br, P]), Sr = x(() => o.some((e) => e.editable), [o]), Cr = y((e) => Wt ? v === void 0 ? !0 : typeof v == "function" ? v(e) : v : !1, [v, Wt]), [I, wr] = Xn(gt, g ?? _t(), Ke, sr), Tr = kn(i, I), L = i ? Tr.rows : en ?? fr, Er = i ? Tr.total : bn, Dr = i ? Tr.hasMore : ge, Or = i ? Tr.loading : xe, kr = i ? Tr.error : ie, Ar = i ? Tr.retry : Je, jr = we ?? (i || Er !== void 0 || Dr !== void 0 ? "server" : "client"), Mr = x(() => bt(a ?? f, o), [a, o]), [Nr, Pr] = Xn(a === void 0 ? void 0 : Mr, Mr, Ee, cr), R = x(() => bt(Nr, o), [Nr, o]), [Fr, Ir] = Xn(xn, ee ?? (M === "multiple" ? [] : null), Ye, dr), [Lr, Rr] = Xn(xt, _ ?? null, qe, ur), [z, zr] = Xn(u, p ?? null, De, E), [Br, Vr] = Xn(ue, m ?? [], je, lr), [Hr, Ur] = Xn(de, h ?? "all", Me, lr), Wr = M === "single" || M === "multiple", Gr = $t === !0, Kr = Wt !== void 0, qr = x(() => {
+		let e = [];
+		return Wr && e.push(48), Gr && e.push(40), Kr && e.push(40), e;
+	}, [
+		Wr,
+		Gr,
+		Kr
+	]), Jr = qr.reduce((e, t) => e + t, 0), Yr = x(() => Dt(o, R, { leading: Jr }), [
+		o,
+		R,
+		Jr
+	]), [Xr, Zr] = C(0), [Qr, $r] = C(!1);
+	b(() => {
+		if (typeof window > "u" || typeof window.matchMedia != "function") return;
+		let e = window.matchMedia("(pointer: coarse)"), t = () => $r(e.matches);
+		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, []);
+	let ei = Xr <= 0 || Et(Wn, Xr, Qr) === "scroll" ? nr : ht(Yr, Xr, { leading: Jr }), ti = `${ei.popin.join("\0")}\u0001${ei.hidden.join("\0")}`, B = x(() => ei, [ti]), V = x(() => B.popin.length === 0 && B.hidden.length === 0 ? Yr : Dt(o, {
+		...R,
+		hidden: [
+			...R.hidden,
+			...B.popin,
+			...B.hidden
+		]
+	}, { leading: Jr }), [
+		Yr,
+		B,
+		o,
+		R,
+		Jr
+	]), ni = x(() => B.popin.length === 0 ? [] : Yr.filter((e) => B.popin.includes(e.id)), [Yr, B]), ri = ni.length > 0, ii = S(nr);
+	b(() => {
+		let e = ii.current;
+		lr(B.popin, e.popin) && lr(B.hidden, e.hidden) || (ii.current = B, Ge?.(B));
+	}, [B, Ge]);
+	let H = x(() => new Map(V.map((e) => [e.id, e])), [V]), U = x(() => [
+		...Wr ? [rn] : [],
+		...Gr ? [on] : [],
+		...Kr ? [an] : [],
+		...V.map((e) => e.id)
+	], [
+		Wr,
+		Gr,
+		Kr,
+		V
+	]), ai = U.length + +!!ri, oi = U.length + 1, si = x(() => ri ? [...U, st] : U, [ri, U]), ci = x(() => mt(V, qr), [V, qr]), W = x(() => {
+		let e = Ze?.top ?? [], t = Ze?.bottom ?? [];
+		if (e.length === 0 && t.length === 0) return {
+			top: [],
+			bottom: [],
+			keys: null
+		};
+		let n = /* @__PURE__ */ new Map();
+		for (let e of L) n.set(P(e), e);
+		let r = (e) => e.flatMap((e) => {
+			let t = n.get(e);
+			return t === void 0 ? [] : [{
+				kind: "row",
+				key: e,
+				row: t,
+				index: -1,
+				groups: [],
+				level: 1,
+				parent: null,
+				childCount: 0,
+				open: !1
+			}];
+		});
+		return {
+			top: r(e),
+			bottom: r(t),
+			keys: /* @__PURE__ */ new Set([...e, ...t])
+		};
+	}, [
+		Ze,
+		L,
+		P
+	]), li = x(() => W.keys ? L.filter((e) => !W.keys.has(P(e))) : L, [
+		L,
+		W.keys,
+		P
+	]), ui = x(() => {
+		let e = li;
+		if (jr === "server") return {
+			nodes: e.map((e, t) => ({
+				kind: "row",
+				key: P(e),
+				row: e,
+				index: (I.page && "index" in I.page ? I.page.index * I.page.size : 0) + t,
+				groups: [],
+				level: 1,
+				parent: null,
+				childCount: 0,
+				open: !1
+			})),
+			rows: e,
+			total: Er ?? null,
+			hasMore: Dr ?? !1,
+			aggregates: {}
+		};
+		let t = ut(e, o, I, {
+			rowKey: P,
+			expandedGroups: Hr,
+			tree: O,
+			expanded: O ? Br : void 0,
+			locale: N,
+			timeZone: yn,
+			booleans: vr.booleans
+		});
+		return {
+			...t,
+			total: t.total
+		};
+	}, [
+		jr,
+		li,
+		o,
+		I,
+		P,
+		Hr,
+		O,
+		Br,
+		N,
+		yn,
+		vr.booleans,
+		Er,
+		Dr
+	]), G = ui.nodes, di = ui.total, fi = x(() => ni.filter((e) => e.column.aggregate !== void 0), [ni]), pi = (V.some((e) => e.column.aggregate !== void 0) || fi.length > 0) && jr === "client", mi = y((e) => ri ? e === lt ? fi.length > 0 : hr(e) : !1, [ri, fi]), hi = y((e) => e.column !== st || mi(e.row) ? e : {
+		row: e.row,
+		column: U[U.length - 1]
+	}, [mi, U]), gi = 1 + (n && n.length > 0 ? 1 : 0) + +!!Bn, _i = x(() => {
+		let e = [ot];
+		Bn && e.push(it);
+		for (let t of W.top) e.push(t.key);
+		for (let t of G) e.push(t.kind === "group" ? `${at}${t.key}` : t.key);
+		for (let t of W.bottom) e.push(t.key);
+		return pi && e.push(lt), e;
+	}, [
+		G,
+		W,
+		Bn,
+		pi
+	]), vi = 1 + +!!Bn, yi = vi + W.top.length + G.length + W.bottom.length, [bi, xi] = C(0), [Si, Ci] = C(0), [K, wi] = C({
+		width: 0,
+		height: 0
+	}), [Ti, Ei] = C(null), [Di, Oi] = C(/* @__PURE__ */ new Map()), ki = Un === "auto" || ri, q = typeof Un == "number" ? Un : Ti ?? Zn, Ai = Vn === !0 || Vn === "auto" && G.length > Qn, ji = x(() => {
+		if (ki) return $e(G.map((e, t) => Di.get(t) ?? q));
+	}, [
+		ki,
+		G,
+		Di,
+		q
+	]), Mi = x(() => {
+		if (!Ai) return {
+			startIndex: 0,
+			endIndex: G.length,
+			startOffset: 0,
+			totalSize: 0
+		};
+		let e = tt({
+			itemCount: G.length,
+			itemSize: q,
+			metrics: ji,
+			overscan: Gn,
+			scrollOffset: Math.max(0, bi),
+			viewportSize: K.height || er
+		});
+		return {
+			startIndex: e.startIndex,
+			endIndex: e.endIndex,
+			startOffset: e.startOffset,
+			totalSize: e.totalSize
+		};
+	}, [
+		Ai,
+		K.height,
+		G.length,
+		q,
+		ji,
+		Gn,
+		bi
+	]), Ni = x(() => Ai ? G.slice(Mi.startIndex, Mi.endIndex) : G, [
+		Ai,
+		G,
+		Mi.startIndex,
+		Mi.endIndex
+	]), [Pi, Fi] = C([]), Ii = x(() => V.filter((e) => e.pinned === null), [V]), Li = Vn === !0 || Vn === "auto" && Ii.length > $n, Ri = x(() => {
+		if (!Li || K.width === 0) return V;
+		let e = qr.reduce((e, t) => e + t, 0), t = V.filter((e) => e.pinned === "start").reduce((e, t) => e + t.width, 0), n = V.filter((e) => e.pinned === "end").reduce((e, t) => e + t.width, 0), r = Si - tr, i = Si + K.width - n + tr, a = e + t, o = /* @__PURE__ */ new Set();
+		for (let e of Ii) {
+			let t = a + e.width;
+			t >= r && a <= i && o.add(e.id), a = t;
+		}
+		return V.filter((e) => e.pinned !== null || o.has(e.id) || z !== null && z.column === e.id);
+	}, [
+		Li,
+		K.width,
+		V,
+		qr,
+		Si,
+		Ii,
+		z
+	]), J = x(() => {
+		let e = jr === "client" ? ui.rows : li;
+		return [
+			...W.top.map((e) => e.key),
+			...e.map(P),
+			...W.bottom.map((e) => e.key)
+		].filter((e) => !br.has(e));
+	}, [
+		jr,
+		ui.rows,
+		li,
+		W,
+		P,
+		br
+	]), zi = x(() => Array.isArray(Fr) ? Fr : Fr == null ? [] : [Fr], [Fr]), Bi = x(() => new Set(zi), [zi]), Vi = S(void 0), Hi = y((e) => Bi.has(e), [Bi]), Ui = x(() => new Set(J), [J]), Wi = x(() => zi.filter((e) => Ui.has(e)).length, [zi, Ui]), Gi = Wi === 0 ? "none" : Wi >= J.length ? "all" : "some", Ki = y((e, t, n) => {
+		let r = M === "multiple" ? e : e[0] ?? null;
+		Ir(r, t, n);
+	}, [M, Ir]), qi = y((e, t) => {
+		if (M === "none" || M === "range" || br.has(e)) return;
+		let n = et({
+			action: t.range ? "range" : "toggle",
+			mode: M,
+			selected: zi,
+			keys: J,
+			key: e,
+			anchor: Vi.current,
+			disabled: (e) => br.has(e)
+		});
+		t.range || (Vi.current = e), n.changed && Ki(n.selected, t.reason ?? "pointer", t.source);
+	}, [
+		M,
+		br,
+		zi,
+		J,
+		Ki
+	]), Ji = y((e) => {
+		if (M !== "multiple") return;
+		let t = et({
+			action: "all",
+			mode: "multiple",
+			selected: zi,
+			keys: J
+		});
+		t.changed && Ki(t.selected, "select", e);
+	}, [
+		M,
+		zi,
+		J,
+		Ki
+	]), Yi = Math.max(1, Math.floor((K.height || 400) / q) - 1), Y = x(() => ({
+		rows: _i,
+		columns: si,
+		pageSize: Yi,
+		bodyStart: vi,
+		bodyEnd: yi
+	}), [
+		_i,
+		si,
+		Yi,
+		vi,
+		yi
+	]), X = x(() => M === "range" ? St(Y, Lr) : null, [
+		M,
+		Y,
+		Lr
+	]), Xi = y((e) => wt(Y, X, e), [Y, X]), [Zi, Qi] = C(!1), $i = S(null), ea = y((e, t, n) => {
+		if (M !== "range" || !hr(e.row)) return;
+		let r = t && Lr ? Lr.anchor : e;
+		$i.current = r, Rr({
+			anchor: r,
+			focus: e
+		}, "pointer", n);
+	}, [
+		M,
+		Lr,
+		Rr
+	]), ta = y((e, t) => {
+		if (M !== "range" || !hr(e.row)) return;
+		let n = $i.current ?? Lr?.anchor ?? e;
+		Rr({
+			anchor: n,
+			focus: e
+		}, "pointer", t);
+	}, [
+		M,
+		Lr,
+		Rr
+	]), Z = y((e) => {
+		Ue(A.current?.ownerDocument).announce(e);
+	}, []), [na, ra] = C(!1), ia = S(null), aa = y((e) => {
+		let t = A.current?.querySelector(`[data-row="${CSS.escape(e.row)}"] [data-column="${CSS.escape(e.column)}"]`);
+		if (!t) return !1;
+		let n = t.matches("[data-part=\"column-header\"], [data-part=\"filter-cell\"]") || t.querySelector("[data-part=\"group-toggle\"]") !== null, r = t.querySelector("[data-part=\"editor\"]");
+		if (r) return (r.querySelector("input:not([type=\"checkbox\"]):not([type=\"radio\"]):not([disabled]), textarea:not([disabled]), [role=\"combobox\"]:not([disabled]), [role=\"spinbutton\"]:not([disabled]), [role=\"checkbox\"], [role=\"switch\"]") ?? r.querySelector("a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]), [contenteditable=\"true\"]") ?? t).focus({ preventScroll: !1 }), !0;
+		let i = n ? [] : [...t.querySelectorAll(sn)];
+		return ((i.length === 1 && i[0].matches("a[href], button, input[type=\"checkbox\"], input[type=\"radio\"], [role=\"switch\"], [role=\"button\"], [role=\"checkbox\"]") ? i[0] : null) ?? t).focus({ preventScroll: !1 }), !0;
+	}, []), oa = y((e, t, n) => {
+		if (E(e, z) || zr(e, t, n), ia.current = e, hr(e.row) && !_i.includes(e.row)) return;
+		let r = _i.indexOf(e.row) - vi;
+		if (Ai && r >= 0 && (r < Mi.startIndex || r >= Mi.endIndex)) {
+			Fi([e.row]);
+			let t = ji ? ji.offsetOf(r) : r * q;
+			jn.current?.scrollTo({ top: t - K.height / 2 + q });
+		}
+	}, [
+		z,
+		zr,
+		_i,
+		vi,
+		Ai,
+		Mi,
+		ji,
+		q,
+		K.height
+	]);
+	Re(() => {
+		let e = ia.current;
+		e && aa(e) && (ia.current = null);
+	});
+	let sa = S(0);
+	b(() => {
+		if (z && _i.includes(z.row) && (sa.current = _i.indexOf(z.row), si.includes(z.column)) || !z) return;
+		let e = _i.includes(z.row) && B.popin.includes(z.column) && mi(z.row) ? {
+			row: z.row,
+			column: st
+		} : jt(Y, z, sa.current);
+		e && !E(e, z) ? (zr(e, "programmatic"), na && (ia.current = e)) : !e && na && A.current?.querySelector("[data-part=\"empty\"] [tabindex]")?.focus();
+	}, [
+		Y,
+		_i,
+		si,
+		B,
+		mi,
+		z,
+		zr,
+		na
+	]);
+	let ca = y((e) => {
+		let t = I.sort.findIndex((t) => t.column === e);
+		return t === -1 ? null : {
+			direction: I.sort[t].direction,
+			index: t + 1
+		};
+	}, [I.sort]), la = y((e) => H.get(e)?.column.label ?? e, [H]), ua = y((e) => {
+		if (e.sort.length === 0) {
+			Z(j("sortCleared"));
+			return;
+		}
+		let t = e.sort.map((e) => j(e.direction === "ascending" ? "sortAscending" : "sortDescending", { column: la(e.column) })).join(", ");
+		Z(j("sortedBy", { order: t }));
+	}, [
+		Z,
+		j,
+		la
+	]), da = y((e, t, n, r = "pointer") => {
+		let i = H.get(e);
+		if (!i || !i.sortable) return;
+		let a = Bt(I, e, t);
+		wr(a.query, r, n, { change: a.change }), ua(a.query);
+	}, [
+		H,
+		I,
+		wr,
+		ua
+	]), fa = y((e, t, n) => {
+		let r = zt(I, e, t);
+		wr(r.query, "pointer", n, { change: r.change }), ua(r.query);
+	}, [
+		I,
+		wr,
+		ua
+	]), pa = y((e) => Qt(I.filter, e) ?? null, [I.filter]), ma = y((e, t, n, r) => {
+		let i = Pt(I, e, t);
+		wr(i.query, n, r, { change: i.change });
+	}, [I, wr]), [ha, ga] = C(null), [_a, va] = C(null), [ya, ba] = C(null), xa = S(-Infinity), Sa = y((e, t, n) => {
+		ba({
+			column: e,
+			anchor: t,
+			returnTo: n
+		}), va(e);
+	}, []), Ca = y(() => ba(null), []), wa = y((e, t) => {
+		let n = e.target;
+		n instanceof Element && e.currentTarget.contains(n) && (e.shiftKey || n.closest(rr) || (e.preventDefault(), !(Date.now() - xa.current < ir) && Sa(t, or(e.clientX, e.clientY), e.currentTarget)));
+	}, [Sa]), Ta = S(/* @__PURE__ */ new Map()), Ea = y((e) => {
+		let t = `${e}|${JSON.stringify(I.filter)}|${I.search}|${L.length}`, n = Ta.current.get(t);
+		if (n) return n;
+		let r = o.find((t) => t.id === e), i = /* @__PURE__ */ new Map();
+		if (r) {
+			let t = nn(I.filter, e), n = Ut(t.rules.length ? t : null, (e, t) => {
+				let n = o.find((e) => e.id === t);
+				return n ? ft(n, e) : void 0;
+			}, { locale: N });
+			for (let e of L) {
+				if (!n(e)) continue;
+				let t = ft(r, e);
+				for (let e of Array.isArray(t) ? t : [t]) {
+					if (e == null || e === "") continue;
+					let t = String(e);
+					i.set(t, (i.get(t) ?? 0) + 1);
+				}
+			}
+		}
+		return Ta.current = /* @__PURE__ */ new Map([[t, i]]), i;
+	}, [
+		o,
+		I.filter,
+		I.search,
+		L,
+		N
+	]), Da = y((e, t, n, r) => {
+		Pr(e, n, r, { change: t });
+	}, [Pr]), Oa = y((e, t, n) => {
+		Da(Lt(R, e, t), "pinned", "pointer", n);
+	}, [R, Da]), ka = y((e, t, n = "programmatic") => {
+		let r = o.find((t) => t.id === e);
+		r && !R.hidden.includes(e) && (Da(Ft(R, e, !0), "hidden", n, t), Z(j("columnHidden", { column: r.label })));
+	}, [
+		o,
+		R,
+		Da,
+		Z,
+		j
+	]), Aa = y((e, t, n, r) => {
+		let i = o.find((t) => t.id === e);
+		if (!i) return;
+		let a = Rt(R, i, t);
+		Da(a, "width", n, r), n === "keyboard" && Z(j("resized", {
+			column: i.label,
+			width: String(a.widths[e] ?? t)
+		}));
+	}, [
+		o,
+		R,
+		Da,
+		Z,
+		j
+	]), ja = y((e, t, n) => {
+		let r = H.get(e);
+		r && r.resizable && Aa(e, r.width + t, "keyboard", n);
+	}, [H, Aa]), Ma = y((e) => {
+		let t = A.current;
+		if (!t) return null;
+		let n = 0;
+		for (let r of t.querySelectorAll(`[data-column="${CSS.escape(e)}"]`)) n = Math.max(n, pr(r));
+		return n > 0 ? Math.ceil(n) : null;
+	}, []), Na = y((e, t, n) => {
+		if (!H.has(e)) return;
+		let r = Ma(e);
+		r !== null && Aa(e, r, t, n);
+	}, [
+		H,
+		Ma,
+		Aa
+	]), Pa = y((e, t) => {
+		let n = R;
+		for (let e of V) {
+			if (!e.resizable) continue;
+			let t = Ma(e.id);
+			t !== null && (n = Rt(n, e.column, t));
+		}
+		n !== R && Da(n, "width", e, t);
+	}, [
+		R,
+		V,
+		Ma,
+		Da
+	]), Fa = y((e, t, n) => e === null ? Pa(t, n) : Na(e, t, n), [Pa, Na]), Ia = y((e, t, n) => {
+		let r = H.get(e);
+		if (!r || !r.reorderable) return;
+		let i = Ht(V, e), a = i.indexOf(e) + t;
+		a < 0 || a >= i.length || Da(It(R, e, a, i), "order", "keyboard", n);
+	}, [
+		H,
+		V,
+		R,
+		Da
+	]), [La, Ra] = C(null), [za, Ba] = C({
+		dragging: null,
+		target: null,
+		offset: null,
+		scrollTop: 0
+	}), Va = S(null), Ha = S({
+		resolved: V,
+		effectiveState: R,
+		requestState: Da,
+		gutters: qr,
+		labelOf: la,
+		t: j,
+		dragT: Nn
+	});
+	Ha.current = {
+		resolved: V,
+		effectiveState: R,
+		requestState: Da,
+		gutters: qr,
+		labelOf: la,
+		t: j,
+		dragT: Nn
+	};
+	let Ua = S(/* @__PURE__ */ new Map()), Wa = S(!1), Ga = S(/* @__PURE__ */ new Map()), Ka = y((e, t) => {
+		let n = Va.current, r = Ua.current.get(t);
+		if (r && (r(), Ua.current.delete(t)), !e || !n) return;
+		let i = Ha.current.resolved.find((e) => e.id === t);
+		if (!i || !i.reorderable) return;
+		let a = n.attachDraggable(e, {
+			container: "columns",
+			key: t,
+			handle: () => e,
+			canDrag: (e) => !(e.target instanceof Element && e.target.closest("[data-part=\"resizer\"]")),
+			distance: 6
+		});
+		Ua.current.set(t, a);
+	}, []), qa = y((e, t) => {
+		e ? Ga.current.set(t, e) : Ga.current.delete(t), Ka(e, t);
+	}, [Ka]), Ja = V.map((e) => e.id).join("\0");
+	b(() => {
+		for (let [e, t] of Ga.current) Ka(t, e);
+	}, [Ja, Ka]), b(() => {
+		let e = A.current;
+		if (!e) return;
+		let t = rt({
+			document: e.ownerDocument,
+			t: (e, t) => Ha.current.dragT(e, t),
+			preview: !1,
+			autoScroll: { axis: "x" },
+			onDrop: ({ items: e, target: t, reason: n, event: r }) => {
+				if (t.kind !== "between") return;
+				let { resolved: i, effectiveState: a, requestState: o } = Ha.current, s = e[0], c = Ht(i, s), l = mr(i, c, s, t.index);
+				l !== null && o(It(a, s, l, c), "order", n === "keyboard" ? "keyboard" : "pointer", r);
+			}
+		}), n = () => Ha.current.resolved.map((e) => e.id), r = (t) => e.querySelector(`[data-part="column-header"][data-column="${CSS.escape(t)}"]`);
+		t.registerContainer({
+			key: "columns",
+			items: n,
+			orientation: "horizontal",
+			element: () => e.querySelector("[data-part=\"head\"] > [data-part=\"header-row\"]:last-of-type"),
+			itemElement: r,
+			label: () => Ha.current.t("dragColumns"),
+			itemLabel: (e) => Ha.current.labelOf(e)
+		});
+		let i = !1, a = t.subscribe((e) => {
+			if (e.status !== "dragging") {
+				i && (Wa.current = !0), i = !1, Ba({
+					dragging: null,
+					target: null,
+					offset: null,
+					scrollTop: 0
+				});
+				return;
+			}
+			i = !0;
+			let t = e.items[0] ?? null, a = e.target && e.target.kind === "between" ? e.target : null, o = null, s = 0, c = null;
+			if (a && t) {
+				let e = Ha.current.resolved, i = Ht(e, t), l = e.find((e) => e.id === i[0]), u = e.find((e) => e.id === i[i.length - 1]), d = Math.max(l ? l.index - 1 : 0, Math.min(u ? u.index : e.length, a.index)), f = jn.current, p = n(), m = d >= p.length, h = p[m ? p.length - 1 : d], g = h ? r(h) : null;
+				if (g && f) {
+					let e = g.getBoundingClientRect(), t = f.getBoundingClientRect(), n = getComputedStyle(f).direction === "rtl", r = m === n ? e.left : e.right;
+					o = n ? t.right - r - f.scrollLeft : r - t.left + f.scrollLeft, s = f.scrollTop, c = p[d] ?? null;
+				}
+			}
+			Ba({
+				dragging: t,
+				target: c,
+				offset: o,
+				scrollTop: s
+			});
+		});
+		Va.current = t;
+		for (let [e, t] of Ga.current) Ka(t, e);
+		let o = Ua.current;
+		return () => {
+			a();
+			for (let e of o.values()) e();
+			o.clear(), t.destroy(), Va.current = null;
+		};
+	}, []);
+	let Ya = x(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of W.top) e.set(t.key, t);
+		for (let t of G) t.kind === "row" && e.set(t.key, t);
+		for (let t of W.bottom) e.set(t.key, t);
+		return e;
+	}, [G, W]), Xa = Gr && !O && jr === "client" && I.sort.length === 0 && I.filter === null && I.search.trim() === "" && I.group.length === 0, [Za, Qa] = C({
+		dragging: null,
+		offset: null,
+		scrollLeft: 0
+	}), $a = S(null), eo = S(/* @__PURE__ */ new Map()), to = S(/* @__PURE__ */ new Map()), no = y((e) => {
+		let t = Ya.get(e), n = o.find((e) => e.rowHeader);
+		return t && n ? dt(n, t.row, vr) : e;
+	}, [
+		Ya,
+		o,
+		vr
+	]), ro = S({
+		nodeByKey: Ya,
+		mountedNodes: Ni,
+		rowsReorderableNow: Xa,
+		onRowsReorder: Pe,
+		labelOf: no,
+		t: j,
+		dragT: Nn
+	});
+	ro.current = {
+		nodeByKey: Ya,
+		mountedNodes: Ni,
+		rowsReorderableNow: Xa,
+		onRowsReorder: Pe,
+		labelOf: no,
+		t: j,
+		dragT: Nn
+	};
+	let io = y((e, t) => {
+		let n = $a.current;
+		if (to.current.get(t)?.(), to.current.delete(t), !e || !n) return;
+		let r = n.attachDraggable(e, {
+			container: "rows",
+			key: t,
+			handle: () => e.querySelector("[data-part=\"row-handle\"]"),
+			disabled: () => !ro.current.rowsReorderableNow,
+			distance: 6
+		});
+		to.current.set(t, r);
+	}, []), ao = y((e, t) => {
+		e ? eo.current.set(t, e) : eo.current.delete(t), io(e, t);
+	}, [io]), oo = y((e, t) => {
+		let { nodeByKey: n, mountedNodes: r } = ro.current, i = n.get(e);
+		if (!i) return null;
+		let a = r.filter((e) => e.kind === "row"), o = a[a.length - 1], s = a[t], c = s && s.kind === "row" ? s.index : o && o.kind === "row" ? o.index + 1 : 0, l = i.index < c ? c - 1 : c;
+		return l === i.index ? null : {
+			key: e,
+			from: i.index,
+			to: l,
+			reason: "pointer"
+		};
+	}, []);
+	b(() => {
+		let e = A.current;
+		if (!e || !Gr) return;
+		let t = rt({
+			document: e.ownerDocument,
+			t: (e, t) => ro.current.dragT(e, t),
+			preview: !1,
+			autoScroll: { axis: "y" },
+			onDrop: ({ items: e, target: t, reason: n, event: r }) => {
+				if (t.kind !== "between") return;
+				let i = oo(e[0], t.index);
+				i && ro.current.onRowsReorder?.({
+					...i,
+					reason: n === "keyboard" ? "keyboard" : "pointer",
+					event: r
+				});
+			}
+		}), n = () => ro.current.mountedNodes.flatMap((e) => e.kind === "row" ? [e.key] : []), r = (t) => e.querySelector(`[data-part="body"] > [data-part="row"][data-row="${CSS.escape(t)}"]`);
+		t.registerContainer({
+			key: "rows",
+			items: n,
+			orientation: "vertical",
+			element: () => e.querySelector("[data-part=\"body\"]"),
+			itemElement: r,
+			label: () => ro.current.t("dragRows"),
+			itemLabel: (e) => ro.current.labelOf(e)
+		});
+		let i = t.subscribe((e) => {
+			if (e.status !== "dragging") {
+				Qa({
+					dragging: null,
+					offset: null,
+					scrollLeft: 0
+				});
+				return;
+			}
+			let t = e.items[0] ?? null, i = e.target && e.target.kind === "between" ? e.target : null, a = null, o = 0, s = jn.current;
+			if (i && s) {
+				let e = n(), t = i.index >= e.length, c = e[t ? e.length - 1 : i.index], l = c ? r(c) : null;
+				if (l) {
+					let e = l.getBoundingClientRect(), n = s.getBoundingClientRect();
+					a = (t ? e.bottom : e.top) - n.top + s.scrollTop, o = Math.abs(s.scrollLeft);
+				}
+			}
+			Qa({
+				dragging: t,
+				offset: a,
+				scrollLeft: o
+			});
+		});
+		$a.current = t;
+		for (let [e, t] of eo.current) io(t, e);
+		let a = to.current;
+		return () => {
+			i();
+			for (let e of a.values()) e();
+			a.clear(), t.destroy(), $a.current = null;
+		};
+	}, [
+		Gr,
+		io,
+		oo
+	]);
+	let so = y((e, t, n) => {
+		if (!ro.current.rowsReorderableNow) return;
+		let r = ro.current.mountedNodes.filter((e) => e.kind === "row").findIndex((t) => t.key === e);
+		if (r < 0) return;
+		let i = t > 0 ? r + 2 : r - 1;
+		if (i < 0) return;
+		let a = oo(e, i);
+		a && (Pe?.({
+			...a,
+			reason: "keyboard",
+			event: n
+		}), Z(j("rowMoved", {
+			row: ro.current.labelOf(e),
+			position: a.to + 1
+		})));
+	}, [
+		oo,
+		Pe,
+		Z,
+		j
+	]), co = ve === !0 ? dn : ve || 0, lo = S(/* @__PURE__ */ new Map()), uo = S(0), [fo, po] = C(0), mo = S(null), ho = S(null);
+	b(() => {
+		if (co <= 0) {
+			ho.current = null;
+			return;
+		}
+		let e = ho.current, t = /* @__PURE__ */ new Map();
+		for (let e of L) t.set(P(e), e);
+		if (ho.current = {
+			rows: L,
+			byKey: t
+		}, !e || e.rows === L) return;
+		let n = Date.now(), r = !1;
+		for (let t of [
+			...W.top,
+			...Ni,
+			...W.bottom
+		]) {
+			if (t.kind !== "row") continue;
+			let i = e.byKey.get(t.key);
+			if (i !== void 0 && i !== t.row) for (let e of V) Object.is(ft(e.column, i), ft(e.column, t.row)) || (lo.current.set(`${t.key}\u0000${e.id}`, {
+				until: n + co,
+				generation: uo.current + 1
+			}), r = !0);
+		}
+		if (r && (uo.current += 1, po((e) => e + 1), mo.current === null)) {
+			let e = () => {
+				mo.current = null;
+				let t = Date.now(), n = Infinity;
+				for (let [e, r] of lo.current) r.until <= t ? lo.current.delete(e) : n = Math.min(n, r.until);
+				po((e) => e + 1), n !== Infinity && (mo.current = setTimeout(e, Math.max(16, n - t)));
+			};
+			mo.current = setTimeout(e, co);
+		}
+	}, [
+		L,
+		P,
+		Ni,
+		W,
+		V,
+		co
+	]), b(() => () => {
+		mo.current !== null && clearTimeout(mo.current);
+	}, []);
+	let go = y((e) => {
+		let t = lo.current.get(`${e.row}\u0000${e.column}`);
+		return t ? t.generation % 2 == 0 ? "a" : "b" : null;
+	}, [fo]), _o = x(() => new Set(Br), [Br]), vo = y((e) => _o.has(e), [_o]), yo = y((e, t, n = "pointer") => {
+		let r = _o.has(e) ? Br.filter((t) => t !== e) : [...Br, e];
+		Vr(r, n, t);
+	}, [
+		_o,
+		Br,
+		Vr
+	]), bo = x(() => O ? O.column && H.has(O.column) ? O.column : V[0]?.id ?? null : null, [
+		O,
+		H,
+		V
+	]), [xo, So] = C(/* @__PURE__ */ new Set()), Co = y((e) => xo.has(e), [xo]), wo = y((e) => O?.hasChildren?.(e) === !0, [O]);
+	b(() => {
+		if (xo.size === 0) return;
+		let e = new Set(xo);
+		for (let t of xo) {
+			let n = Ya.get(t);
+			(!n || !_o.has(t) || n.childCount > 0) && e.delete(t);
+		}
+		e.size !== xo.size && So(e);
+	}, [
+		xo,
+		Ya,
+		_o
+	]);
+	let To = y((e, t, n = "pointer") => {
+		let r = Ya.get(e);
+		if (!r) return;
+		let i = !_o.has(e);
+		yo(e, t, n), i && r.childCount === 0 && O?.hasChildren?.(r.row) && Ne && (So((t) => new Set(t).add(e)), Ne({
+			key: e,
+			row: r.row
+		}));
+	}, [
+		Ya,
+		_o,
+		yo,
+		O,
+		Ne
+	]), Eo = x(() => G.filter((e) => e.kind === "group").map((e) => e.key), [G]), Do = y((e, t, n = "pointer") => {
+		let r = Hr === "all" || Hr.includes(e), i;
+		i = Hr === "all" ? Eo.filter((t) => t !== e && !t.startsWith(`${e}/`)) : r ? Hr.filter((t) => t !== e) : [...Hr, e], Ur(i, n, t);
+	}, [
+		Hr,
+		Eo,
+		Ur
+	]), [Oo, ko] = C(null), Ao = S(Oo);
+	Ao.current = Oo;
+	let Q = y((e) => Ya.get(e)?.row, [Ya]), jo = y((e, t = null) => {
+		let n = Q(e.row), r = o.find((t) => t.id === e.column);
+		if (!n || !r || !F(r, n)) return;
+		let i = zn === "row" ? o.filter((e) => F(e, n)).map((e) => e.id) : [e.column], a = {};
+		for (let e of i) {
+			let t = o.find((t) => t.id === e);
+			a[e] = ft(t, n);
+		}
+		let s = { ...a };
+		t !== null && (s[e.column] = r.kind === "number" ? Number(t) : t), ko({
+			cell: e,
+			columns: i,
+			drafts: s,
+			originals: a,
+			status: "editing",
+			messages: {},
+			seed: t
+		}), Ae?.(e), ia.current = e;
+	}, [
+		Q,
+		o,
+		F,
+		zn,
+		Ae
+	]), Mo = y((e, t) => {
+		ko((n) => n && {
+			...n,
+			drafts: {
+				...n.drafts,
+				[e]: t
+			},
+			status: "editing"
+		});
+	}, []), No = y(() => {
+		let e = Ao.current;
+		e && (ko(null), Oe?.(e.cell), ia.current = e.cell);
+	}, [Oe]), Po = y((e, t) => {
+		if (t === "down") {
+			let t = yt(Y, e, "down");
+			return E(t, e) || !hr(t.row) ? null : t;
+		}
+		let n = Q(e.row);
+		if (!n) return null;
+		let r = U.filter((e) => {
+			let t = o.find((t) => t.id === e);
+			return t !== void 0 && F(t, n);
+		}), i = r[r.indexOf(e.column) + (t === "next" ? 1 : -1)];
+		return i ? {
+			row: e.row,
+			column: i
+		} : null;
+	}, [
+		Y,
+		Q,
+		U,
+		o,
+		F
+	]), $ = y((e, t = {}) => {
+		let n = Ao.current;
+		if (!n || n.status === "pending") return;
+		let r = Q(n.cell.row);
+		if (!r) {
+			ko(null);
+			return;
+		}
+		let i = {};
+		for (let e of n.columns) Object.is(n.drafts[e], n.originals[e]) || (i[e] = n.drafts[e]);
+		let a = () => {
+			let e = t.move ?? "stay", r = e === "stay" ? null : Po(n.cell, e);
+			ko(null), r ? (oa(r, "keyboard"), zn === "cell" && e !== "down" && jo(r)) : ia.current = n.cell;
+		};
+		if (Object.keys(i).length === 0) {
+			a();
+			return;
+		}
+		let s = async () => {
+			let e = {};
+			for (let t of Object.keys(i)) {
+				let n = o.find((e) => e.id === t), a = n.parse ? n.parse(i[t], r) : i[t];
+				i[t] = a;
+				let s = n.validate ? await n.validate(a, r) : null;
+				s && (e[t] = s);
+			}
+			return e;
+		};
+		(async () => {
+			ko((e) => e && {
+				...e,
+				status: "pending"
+			});
+			let t = await s();
+			if (Object.keys(t).length > 0) {
+				ko((e) => e && {
+					...e,
+					status: "invalid",
+					messages: t
+				}), ia.current = n.cell;
+				return;
+			}
+			let o = n.cell.column in i ? n.cell.column : Object.keys(i)[0];
+			try {
+				await ke?.({
+					key: n.cell.row,
+					column: o,
+					value: i[o],
+					previous: n.originals[o],
+					row: r,
+					reason: e,
+					changes: i
+				}), a();
+			} catch (e) {
+				let t = e instanceof Error && e.message ? e.message : j("editFailed");
+				ko((e) => e && {
+					...e,
+					status: "invalid",
+					messages: { [o]: t }
+				}), ia.current = n.cell;
+			}
+		})();
+	}, [
+		Q,
+		Po,
+		oa,
+		zn,
+		jo,
+		o,
+		ke,
+		j
+	]), Fo = j("editConflict");
+	b(() => {
+		let e = Ao.current;
+		if (!e || e.status === "pending") return;
+		let t = Q(e.cell.row);
+		if (!t) return;
+		let n = {};
+		for (let r of e.columns) {
+			let i = o.find((e) => e.id === r);
+			i && !Object.is(ft(i, t), e.originals[r]) && (n[r] = Fo);
+		}
+		Object.keys(n).length > 0 && ko({
+			...e,
+			status: "invalid",
+			messages: {
+				...e.messages,
+				...n
+			}
+		});
+	}, [
+		L,
+		Q,
+		o,
+		Fo
+	]);
+	let Io = y((e, t, n) => {
+		Te?.({
+			key: e,
+			reason: t,
+			event: n
+		});
+	}, [Te]);
+	b(() => {
+		let e = jn.current;
+		if (!e) return;
+		let t = 0, n = () => {
+			t = 0, xi(e.scrollTop), Ci(Math.abs(e.scrollLeft));
+		}, r = () => {
+			t === 0 && (t = requestAnimationFrame(n));
+		};
+		e.addEventListener("scroll", r, { passive: !0 });
+		let i = () => {
+			let t = e.querySelector(":scope > [data-part=\"head\"]"), n = e.querySelector(":scope > [data-part=\"summary\"]");
+			e.style.setProperty("--slotted-data-grid-pinned-top-offset", `${t?.offsetHeight ?? 0}px`), e.style.setProperty("--slotted-data-grid-pinned-bottom-offset", `${n?.offsetHeight ?? 0}px`);
+		}, a = typeof ResizeObserver > "u" ? null : new ResizeObserver(() => {
+			wi({
+				width: e.clientWidth,
+				height: e.clientHeight
+			}), Zr(e.clientWidth), i();
+		});
+		a?.observe(e);
+		for (let t of e.querySelectorAll(":scope > [data-part=\"head\"], :scope > [data-part=\"summary\"]")) a?.observe(t);
+		wi({
+			width: e.clientWidth,
+			height: e.clientHeight
+		}), a && Zr(e.clientWidth), i();
+		let o = Be(e, {
+			orientation: () => "horizontal",
+			onChange: (t) => {
+				e.toggleAttribute("data-overflowing", t.overflowing), e.toggleAttribute("data-at-start", t.overflowing && t.atStart), e.toggleAttribute("data-at-end", t.overflowing && t.atEnd);
+			}
+		});
+		return () => {
+			e.removeEventListener("scroll", r), t && cancelAnimationFrame(t), a?.disconnect(), o.destroy();
+		};
+	}, []);
+	let Lo = ri ? `${ti}\u0002${Xr}` : ti, Ro = y((e, t) => {
+		if (!t) return;
+		let n = t.getBoundingClientRect().height;
+		n !== 0 && (typeof Un != "number" && Ti === null && Ei(Math.round(n)), ki && Oi((t) => t.get(e) === n ? t : new Map(t).set(e, n)));
+	}, [
+		Un,
+		Ti,
+		ki,
+		Lo
+	]);
+	b(() => {
+		if (!ze || !Dr || Or) return;
+		let e = G.length - Mi.endIndex;
+		(Ai ? e <= qn : bi + K.height >= (jn.current?.scrollHeight ?? 0) - q * qn) && ze();
+	}, [
+		ze,
+		Dr,
+		Or,
+		G.length,
+		Mi.endIndex,
+		Ai,
+		qn,
+		bi,
+		K.height,
+		q
+	]);
+	let zo = () => A.current ? getComputedStyle(A.current).direction === "rtl" : !1, Bo = y(async (e) => {
+		let t = X ? Ct(Y, X) : [[e]], n = Tt(t, (e) => {
+			let t = Q(e.row), n = o.find((t) => t.id === e.column);
+			return t && n ? yr(n, t) : "";
+		});
+		await nt(n, A.current?.ownerDocument) !== "refused" && Z(j("copied", { count: t.reduce((e, t) => e + t.length, 0) }));
+	}, [
+		X,
+		Y,
+		Q,
+		o,
+		yr,
+		Z,
+		j
+	]), Vo = y((e, t) => {
+		if (e.defaultPrevented) return;
+		let n = Ao.current, r = e.target, i = e.currentTarget, a = r !== i, o = e.key, s = zo();
+		if (n && E(n.cell, t)) {
+			if (o === "Escape") {
+				e.preventDefault(), e.stopPropagation(), No();
+				return;
+			}
+			if (o === "Enter") {
+				e.preventDefault(), $("keyboard", { move: zn === "cell" ? "down" : "stay" });
+				return;
+			}
+			if (o === "Tab") {
+				Po(t, e.shiftKey ? "previous" : "next") ? (e.preventDefault(), $("keyboard", { move: e.shiftKey ? "previous" : "next" })) : $("keyboard", { move: "stay" });
+				return;
+			}
+			if (o === "F2") {
+				e.preventDefault(), $("keyboard", { move: "stay" });
+				return;
+			}
+			return;
+		}
+		if (n && n.columns.includes(t.column) && n.cell.row === t.row) {
+			if (o === "Escape") {
+				e.preventDefault(), No();
+				return;
+			}
+			if (o === "Enter") {
+				e.preventDefault(), $("keyboard", { move: "stay" });
+				return;
+			}
+			return;
+		}
+		if (a && t.row === ot && i.contains(r) && r.closest("[data-part=\"column-actions\"]") !== null) {
+			if (o === "Escape" || o === "F2") {
+				e.preventDefault(), i.focus();
+				return;
+			}
+			if (o === "Tab") {
+				let t = [...i.querySelectorAll("[data-part=\"column-actions\"] button:not([disabled])")], n = t.indexOf(r);
+				e.preventDefault(), t[(n + (e.shiftKey ? -1 : 1) + t.length) % t.length]?.focus();
+				return;
+			}
+		}
+		if (a && !r.matches("a[href], button, input[type=\"checkbox\"], input[type=\"radio\"], [role=\"switch\"], [role=\"button\"], [role=\"checkbox\"]")) {
+			if (o === "Escape") e.preventDefault(), i.focus();
+			else if (o === "Tab") {
+				let t = [...i.querySelectorAll(sn)];
+				if (t.length > 1) {
+					let n = t[(t.indexOf(r) + (e.shiftKey ? -1 : 1) + t.length) % t.length];
+					e.preventDefault(), n?.focus();
+				}
+			}
+			return;
+		}
+		let c = t.row === ot, l = H.get(t.column), u = hr(t.row) ? Q(t.row) : void 0, d = {
+			ArrowUp: "up",
+			ArrowDown: "down",
+			ArrowLeft: s ? "end" : "start",
+			ArrowRight: s ? "start" : "end",
+			Home: e.ctrlKey || e.metaKey ? "first" : "rowStart",
+			End: e.ctrlKey || e.metaKey ? "last" : "rowEnd",
+			PageUp: "pageUp",
+			PageDown: "pageDown"
+		};
+		if (c && l) {
+			if ((o === "ContextMenu" || o === "F10" && e.shiftKey) && !r.closest(rr)) {
+				e.preventDefault(), xa.current = Date.now(), Sa(t.column, i, i);
+				return;
+			}
+			if ((e.ctrlKey || e.metaKey) && e.shiftKey && (o === "ArrowLeft" || o === "ArrowRight")) {
+				e.preventDefault();
+				let n = o === "ArrowRight" !== s;
+				ja(t.column, n ? ct : -ct, e);
+				return;
+			}
+			if ((e.ctrlKey || e.metaKey) && e.shiftKey && o === "Enter") {
+				e.preventDefault(), Fa(t.column, "keyboard", e);
+				return;
+			}
+			if (o === "F2" && !a) {
+				let t = i.querySelector("[data-part=\"column-actions\"] button:not([disabled])");
+				t && (e.preventDefault(), t.focus());
+				return;
+			}
+			if (e.altKey && (o === "ArrowLeft" || o === "ArrowRight")) {
+				e.preventDefault();
+				let n = o === "ArrowRight" !== s;
+				Ia(t.column, n ? 1 : -1, e), ia.current = t;
+				return;
+			}
+			if ((e.ctrlKey || e.metaKey) && o === "Enter") {
+				e.preventDefault(), Ca(), va(t.column);
+				return;
+			}
+			if (o === "Enter" || o === " ") {
+				if (a) return;
+				e.preventDefault(), da(t.column, e.shiftKey, e, "keyboard");
+				return;
+			}
+		}
+		if (vt(t.row) && (o === "ArrowRight" || o === "ArrowLeft") && !e.shiftKey) {
+			let n = t.row.slice(at.length), r = Hr === "all" || Hr.includes(n);
+			if (o === "ArrowRight" !== s !== r) {
+				e.preventDefault(), Do(n, e, "keyboard");
+				return;
+			}
+		}
+		if (u && e.altKey && (o === "ArrowUp" || o === "ArrowDown")) {
+			e.preventDefault(), so(t.row, o === "ArrowDown" ? 1 : -1, e), ia.current = t;
+			return;
+		}
+		if (u && bo !== null && t.column === bo && (o === "ArrowRight" || o === "ArrowLeft") && !e.shiftKey) {
+			let n = Ya.get(t.row), r = n !== void 0 && (n.childCount > 0 || O?.hasChildren?.(u) === !0), i = o === "ArrowRight" !== s;
+			if (n && r && i !== n.open) {
+				e.preventDefault(), To(t.row, e, "keyboard");
+				return;
+			}
+			if (n && !i && n.parent !== null) {
+				e.preventDefault(), oa({
+					row: n.parent,
+					column: t.column
+				}, "keyboard", e);
+				return;
+			}
+		}
+		if (u && t.column === "__expander" && (o === "ArrowRight" || o === "ArrowLeft") && !e.shiftKey && Cr(u)) {
+			let n = _o.has(t.row);
+			if (o === "ArrowRight" !== s !== n) {
+				e.preventDefault(), yo(t.row, e, "keyboard");
+				return;
+			}
+		}
+		if (o === " " && e.shiftKey && u) {
+			if (e.preventDefault(), M === "range") {
+				let n = Ot(Y, t.row);
+				n && Rr(n, "keyboard", e);
+			} else qi(t.row, {
+				range: !1,
+				source: e,
+				reason: "keyboard"
+			});
+			return;
+		}
+		if (o === " " && (e.ctrlKey || e.metaKey) && M === "range" && l) {
+			e.preventDefault();
+			let n = pt(Y, t.column);
+			n && Rr(n, "keyboard", e);
+			return;
+		}
+		if ((o === "a" || o === "A") && (e.ctrlKey || e.metaKey) && !a) {
+			if (M === "multiple") {
+				e.preventDefault(), (et({
+					action: "all",
+					mode: "multiple",
+					selected: zi,
+					keys: J
+				}).changed || Wi < J.length) && Ki(J, "select", e);
+				return;
+			}
+			if (M === "range") {
+				e.preventDefault();
+				let t = Nt(Y);
+				t && Rr(t, "keyboard", e);
+				return;
+			}
+		}
+		if ((o === "c" || o === "C") && (e.ctrlKey || e.metaKey) && !a) {
+			let n = i.ownerDocument.getSelection();
+			if (n && n.toString().length > 0) return;
+			e.preventDefault(), Bo(t);
+			return;
+		}
+		if (o === "Escape" && M === "range" && Lr) {
+			e.preventDefault(), Rr(null, "clear", e);
+			return;
+		}
+		if (u && (l || t.column === st) && (o === "Enter" || o === "F2")) {
+			if (l !== void 0 && F(l.column, u) && !a) {
+				e.preventDefault(), jo(t);
+				return;
+			}
+			let n = i.querySelectorAll(sn);
+			if (!a && n.length > 0) {
+				e.preventDefault(), n[0].focus();
+				return;
+			}
+			if (o === "Enter" && Yn && !a) {
+				e.preventDefault(), Io(t.row, "keyboard", e);
+				return;
+			}
+		}
+		if (u && l && !a && o.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && (l.kind === "text" || l.kind === "number") && F(l.column, u)) {
+			if (l.kind === "number" && !/[0-9.,-]/.test(o)) return;
+			e.preventDefault(), jo(t, o);
+			return;
+		}
+		let f = d[o];
+		if (!f || a && (o === "ArrowLeft" || o === "ArrowRight" || o === "Home" || o === "End") && r.matches("input:not([type=\"checkbox\"]):not([type=\"radio\"]), textarea")) return;
+		e.preventDefault();
+		let p = hi(yt(Y, t, f));
+		if (e.shiftKey && o.startsWith("Arrow")) {
+			if (M === "range" && hr(p.row)) {
+				let n = Lr?.anchor ?? t;
+				Rr({
+					anchor: n,
+					focus: p
+				}, "keyboard", e);
+			} else M === "multiple" && (o === "ArrowUp" || o === "ArrowDown") && hr(p.row) && qi(p.row, {
+				range: !0,
+				source: e,
+				reason: "keyboard"
+			});
+		}
+		E(p, t) || oa(p, "keyboard", e);
+	}, [
+		No,
+		$,
+		zn,
+		Po,
+		H,
+		Q,
+		ja,
+		Fa,
+		Ia,
+		da,
+		Hr,
+		Do,
+		Cr,
+		_o,
+		yo,
+		bo,
+		Ya,
+		O,
+		To,
+		so,
+		M,
+		Y,
+		Rr,
+		qi,
+		zi,
+		J,
+		Wi,
+		Ki,
+		Bo,
+		Lr,
+		F,
+		jo,
+		Yn,
+		Io,
+		oa,
+		Sa,
+		Ca,
+		hi
+	]), Ho = S(""), Uo = S(-Infinity), Wo = y((e, t) => {
+		if (Ho.current = e.pointerType ?? "", e.button !== 0) return;
+		Wa.current = !1;
+		let n = Ao.current;
+		n && !E(n.cell, t) && !(n.cell.row === t.row && n.columns.includes(t.column)) && $("blur", { move: "stay" }), E(t, z) || zr(t, "pointer", e), M === "range" && hr(t.row) && (un(e) || (ea(t, e.shiftKey, e), Qi(!0)));
+	}, [
+		$,
+		z,
+		zr,
+		M,
+		ea
+	]), Go = y((e, t) => {
+		Zi && e.buttons === 1 && ta(t, e);
+	}, [Zi, ta]);
+	b(() => {
+		if (!Zi) return;
+		let e = () => Qi(!1), t = A.current?.ownerDocument ?? document;
+		return t.addEventListener("pointerup", e), t.addEventListener("pointercancel", e), () => {
+			t.removeEventListener("pointerup", e), t.removeEventListener("pointercancel", e);
+		};
+	}, [Zi]);
+	let Ko = y((e, t) => {
+		let n = Ho.current;
+		if (Ho.current = "", Wa.current) {
+			Wa.current = !1;
+			return;
+		}
+		if (un(e)) return;
+		if (t.row === ot && H.get(t.column)?.sortable) {
+			da(t.column, e.shiftKey, e, "pointer");
+			return;
+		}
+		if (vt(t.row)) {
+			Do(t.row.slice(at.length), e);
+			return;
+		}
+		if (!hr(t.row)) return;
+		M === "single" && !br.has(t.row) && qi(t.row, {
+			range: !1,
+			source: e
+		});
+		let r = Ao.current, i = r !== null && r.cell.row === t.row && r.columns.includes(t.column);
+		Yn && (n === "touch" || n === "pen") && !i && (Uo.current = Date.now(), Io(t.row, "pointer", e));
+	}, [
+		H,
+		da,
+		Do,
+		M,
+		br,
+		qi,
+		Yn,
+		Io
+	]), qo = y((e, t) => {
+		if (un(e) || Date.now() - Uo.current < ar) return;
+		let n = Q(t.row), r = o.find((e) => e.id === t.column);
+		if (n) {
+			if (r && F(r, n) && !Yn) {
+				jo(t);
+				return;
+			}
+			Yn ? Io(t.row, "pointer", e) : r && F(r, n) && jo(t);
+		}
+	}, [
+		Q,
+		o,
+		F,
+		Yn,
+		jo,
+		Io
+	]), Jo = y((e) => {
+		ra(!0), E(e, z) || zr(e, "programmatic");
+	}, [z, zr]), Yo = y(() => {}, []), Xo = y((e) => {
+		let t = e.relatedTarget;
+		if (!t || !e.currentTarget.contains(t)) {
+			ra(!1);
+			let e = Ao.current;
+			e && e.status === "editing" && $("blur", { move: "stay" });
+		}
+	}, [$]), Zo = y((e) => {
+		let n = t?.[e.column.id];
+		return n ? n(e) : At ? At(e) : An(e);
+	}, [t, At]), Qo = y((e) => {
+		let t = re?.[e.column.id];
+		return t ? t(e) : Gt ? Gt(e) : Mn(e, j, N);
+	}, [
+		re,
+		Gt,
+		j,
+		N
+	]), $o = y((e, t = "nearest") => {
+		let n = G.findIndex((t) => t.key === e), r = jn.current;
+		if (n === -1 || !r) return;
+		let i = ji ? ji.offsetOf(n) : n * q, a = r.querySelector("[data-part=\"head\"]")?.offsetHeight ?? 0, o = i;
+		if (t === "center") o = i - K.height / 2 + q;
+		else if (t === "end") o = i - K.height + q + a;
+		else if (t === "nearest") {
+			let e = r.scrollTop, t = e + K.height - a;
+			if (i >= e && i + q <= t) return;
+			o = i < e ? i : i - K.height + q + a;
+		}
+		r.scrollTo({ top: Math.max(0, o) }), Ai && Fi([e]);
+	}, [
+		G,
+		ji,
+		q,
+		K.height,
+		Ai
+	]), es = y((e) => {
+		let t = jn.current, n = H.get(e);
+		if (!t || !n || n.pinned) return;
+		let r = qr.reduce((e, t) => e + t, 0);
+		for (let t of V) {
+			if (t.id === e) break;
+			(t.pinned === null || t.pinned === "start") && (r += t.width);
+		}
+		let i = V.filter((e) => e.pinned === "start").reduce((e, t) => e + t.width, 0) + qr.reduce((e, t) => e + t, 0), a = V.filter((e) => e.pinned === "end").reduce((e, t) => e + t.width, 0), o = Math.abs(t.scrollLeft);
+		r < o + i ? t.scrollTo({ left: r - i }) : r + n.width > o + K.width - a && t.scrollTo({ left: r + n.width - K.width + a });
+	}, [
+		H,
+		qr,
+		V,
+		K.width
+	]), ts = y((e = {}) => {
+		let { filename: t, rows: n, columns: r, ...i } = e, a = jr === "client" ? ui.rows : L, s = n === "selected" ? a.filter((e) => Bi.has(P(e))) : a, c = r === "all" ? o : V.map((e) => e.column);
+		return Mt(s, c, {
+			locale: N,
+			timeZone: yn,
+			...i,
+			booleans: i.booleans ?? vr.booleans
+		});
+	}, [
+		jr,
+		ui.rows,
+		L,
+		Bi,
+		P,
+		o,
+		V,
+		N,
+		yn,
+		vr.booleans
+	]);
+	Le(he, () => ({
+		focusCell: (e) => oa(e, "programmatic"),
+		scrollToRow: $o,
+		scrollToColumn: es,
+		scrollToCell: (e) => {
+			$o(e.row), es(e.column);
+		},
+		startEdit: (e) => {
+			oa(e, "programmatic"), jo(e);
+		},
+		stopEdit: (e) => e?.commit === !1 ? No() : $("programmatic"),
+		autofit: (e) => Fa(e ?? null, "programmatic"),
+		getOutOfSpace: () => B,
+		getVisibleRows: () => jr === "client" ? ui.rows : L,
+		toCsv: ts,
+		reload: Tr.reload,
+		exportCsv: (e = {}) => {
+			let t = ts(e), n = A.current?.ownerDocument ?? document, r = URL.createObjectURL(new Blob([t], { type: "text/csv;charset=utf-8" })), i = n.createElement("a");
+			i.href = r, i.download = e.filename ?? "export.csv", i.click(), URL.revokeObjectURL(r);
+		},
+		selectAll: () => Ki(J, "programmatic", void 0),
+		clearSelection: () => Ki([], "programmatic", void 0),
+		get element() {
+			return A.current;
+		}
+	}), [
+		oa,
+		$o,
+		es,
+		jo,
+		No,
+		$,
+		Fa,
+		B,
+		jr,
+		ui.rows,
+		L,
+		ts,
+		Tr.reload,
+		Ki,
+		J
+	]);
+	let ns = y((e) => {
+		A.current = e, typeof kt == "function" ? kt(e) : kt && (kt.current = e);
+	}, [kt]), rs = x(() => X ? `${X.rowEnd - X.rowStart + 1} × ${X.columnEnd - X.columnStart + 1}` : null, [X]), is = kr ? "error" : Or && L.length === 0 ? "loading" : G.length > 0 ? "rows" : I.filter || I.search.trim() ? "no-results" : "empty", as = x(() => {
+		let e = I.page?.size;
+		return K.height === 0 ? Jn : Math.max(1, Math.min(e ?? Infinity, Math.ceil(K.height / q)));
+	}, [
+		I.page?.size,
+		K.height,
+		q,
+		Jn
+	]), os = x(() => z ?? {
+		row: ot,
+		column: U[0] ?? ""
+	}, [z, U]), ss = x(() => ({
+		id: On,
+		t: j,
+		locale: N,
+		booleans: vr.booleans,
+		timeZone: yn,
+		columns: o,
+		resolved: V,
+		resolvedById: H,
+		columnIds: U,
+		mountedColumns: Ri,
+		columnsWindowed: Li,
+		popinColumns: ni,
+		popinAggregated: fi,
+		popinIndex: oi,
+		hasPopinCell: mi,
+		query: I,
+		nodes: G,
+		total: di,
+		selectionMode: M,
+		editMode: zn,
+		filterRow: Bn,
+		activatable: Yn,
+		rowKeyOf: P,
+		textOf: yr,
+		valueOf: ft,
+		isEditable: F,
+		anyEditable: Sr,
+		isDisabled: xr,
+		isExpandable: Cr,
+		current: z,
+		tabStop: os,
+		focused: na,
+		setCurrent: oa,
+		isSelected: Hi,
+		selectedCount: Wi,
+		toggleSelected: qi,
+		toggleAll: Ji,
+		allState: Gi,
+		selectableCount: J.length,
+		rangeBounds: X,
+		rangeInfo: Xi,
+		changedOf: go,
+		beginRange: ea,
+		extendRange: ta,
+		rangeDragging: Zi,
+		isExpanded: vo,
+		toggleExpanded: yo,
+		toggleBranch: To,
+		treeColumn: bo,
+		hasChildren: wo,
+		rowsReorderable: Xa,
+		attachRowDraggable: ao,
+		rowLabelOf: no,
+		isLoadingChildren: Co,
+		toggleGroup: Do,
+		sortOf: ca,
+		pressSort: da,
+		setSort: fa,
+		filterOf: pa,
+		setFilter: ma,
+		filterOpen: ha,
+		setFilterOpen: ga,
+		menuOpen: _a,
+		setMenuOpen: va,
+		menuAnchor: ya,
+		anchorToButton: Ca,
+		onHeaderContextMenu: wa,
+		filterDebounce: Kn,
+		countsFor: Ea,
+		pin: Oa,
+		hide: ka,
+		resizeBy: ja,
+		resizeTo: Aa,
+		autofit: Fa,
+		moveColumn: Ia,
+		resizing: La,
+		setResizing: Ra,
+		dragging: za.dragging,
+		dropTarget: za.target,
+		draggingRow: Za.dragging,
+		dropOffset: za.offset,
+		attachDraggable: qa,
+		onManageColumns: We,
+		edit: Oo,
+		startEdit: jo,
+		setDraft: Mo,
+		commitEdit: $,
+		cancelEdit: No,
+		activate: Io,
+		renderCellContent: Zo,
+		renderEditorContent: Qo,
+		renderHeaderContent: Yt,
+		renderDetail: Wt,
+		renderGroup: Jt,
+		renderFilterOperand: qt,
+		onCellPointerDown: Wo,
+		onCellPointerEnter: Go,
+		onCellClick: Ko,
+		onCellDoubleClick: qo,
+		onCellKeyDown: Vo,
+		onCellFocus: Jo,
+		onCellBlur: Yo,
+		announce: Z,
+		detailId: (e) => `${On}detail-${e}`,
+		rangeSummary: rs
+	}), [
+		On,
+		j,
+		N,
+		vr.booleans,
+		yn,
+		o,
+		V,
+		H,
+		U,
+		Ri,
+		Li,
+		ni,
+		fi,
+		oi,
+		mi,
+		I,
+		G,
+		di,
+		M,
+		zn,
+		Bn,
+		Yn,
+		P,
+		yr,
+		F,
+		Sr,
+		xr,
+		Cr,
+		z,
+		os,
+		na,
+		oa,
+		Hi,
+		Wi,
+		qi,
+		Ji,
+		Gi,
+		J.length,
+		X,
+		Xi,
+		go,
+		ea,
+		ta,
+		Zi,
+		vo,
+		yo,
+		To,
+		bo,
+		wo,
+		Xa,
+		ao,
+		no,
+		Co,
+		Do,
+		ca,
+		da,
+		fa,
+		pa,
+		ma,
+		ha,
+		_a,
+		ya,
+		Ca,
+		wa,
+		Kn,
+		Ea,
+		Oa,
+		ka,
+		ja,
+		Aa,
+		Fa,
+		Ia,
+		La,
+		za,
+		Za.dragging,
+		qa,
+		We,
+		Oo,
+		jo,
+		Mo,
+		$,
+		No,
+		Io,
+		Zo,
+		Qo,
+		Yt,
+		Wt,
+		Jt,
+		qt,
+		Wo,
+		Go,
+		Ko,
+		qo,
+		Vo,
+		Jo,
+		Yo,
+		Z,
+		rs
+	]), cs = {
+		...vn,
+		"--slotted-data-grid-template": ci,
+		..._e === void 0 ? {} : { "--slotted-data-grid-block-size": typeof _e == "number" ? `${_e}px` : _e },
+		...typeof Un == "number" ? { "--slotted-data-grid-row-block-size": `${Un}px` } : {},
+		...co > 0 ? { "--slotted-data-grid-changed-duration": `${co}ms` } : {},
+		...ri ? { "--slotted-data-grid-leading": `${Jr}px` } : {}
+	}, ls = Ai ? {
+		"--slotted-data-grid-window-total": `${Mi.totalSize}px`,
+		"--slotted-data-grid-window-start": `${Mi.startOffset}px`
+	} : void 0, us = (() => {
+		if (cn === !1 || !I.page || G.length === 0) return null;
+		let e = ("index" in I.page ? I.page.index * I.page.size : 0) + 1, t = e + (jr === "client" ? G.filter((e) => e.kind === "row").length : L.length) - 1;
+		return di === null || di < 0 ? j("rangeUnknown", {
+			start: e,
+			end: t
+		}) : j("range", {
+			start: e,
+			end: t,
+			total: di
+		});
+	})(), ds = (() => {
+		if (is === "rows" || is === "loading") return null;
+		let e = is;
+		if (Kt) return Kt(e);
+		let t = j(e === "error" ? "error" : e === "no-results" ? "noResults" : "empty");
+		return /* @__PURE__ */ T(le, {
+			reach: "section",
+			status: e,
+			tabIndex: -1,
+			children: [/* @__PURE__ */ T(ce, { children: [/* @__PURE__ */ w(se, { children: t }), e === "error" && kr ? /* @__PURE__ */ w(ae, { children: kr }) : null] }), e === "no-results" || e === "error" && Ar ? /* @__PURE__ */ w(oe, { children: e === "no-results" ? /* @__PURE__ */ w(l, {
+				onClick: (e) => {
+					let t = Vt(I);
+					wr(t.query, "clear", e, { change: t.change });
+				},
+				size: "sm",
+				tone: "secondary",
+				variant: "outline",
+				children: j("clearFilters")
+			}) : /* @__PURE__ */ w(l, {
+				onClick: () => Ar?.(),
+				size: "sm",
+				tone: "secondary",
+				variant: "outline",
+				children: j("retry")
+			}) }) : null]
+		});
+	})();
+	return /* @__PURE__ */ w(fn.Provider, {
+		value: ss,
+		children: /* @__PURE__ */ T("div", {
+			...En,
+			"aria-busy": Or && L.length > 0 ? !0 : void 0,
+			"aria-colcount": ai,
+			"aria-label": En["aria-label"] ?? (ye ? void 0 : j("grid")),
+			"aria-labelledby": ye,
+			"aria-multiselectable": M === "multiple" || M === "range" || void 0,
+			"aria-rowcount": (di === null ? -1 : di) + W.top.length + W.bottom.length + gi + +!!pi,
+			"data-part": "root",
+			"data-popin": ri ? B.popin.length : void 0,
+			"data-rows": ki ? "auto" : "fixed",
+			"data-slotted-density": d ?? void 0,
+			"data-ui": "data-grid",
+			"data-variant": Fn,
+			onBlur: Xo,
+			onKeyDown: (e) => {
+				Fe?.(e), !e.defaultPrevented && (Va.current?.handleKeydown(e.nativeEvent) || $a.current?.handleKeydown(e.nativeEvent));
+			},
+			ref: ns,
+			role: O ? "treegrid" : "grid",
+			style: cs,
+			...In ? { "data-striped": "" } : {},
+			...Ln ? { "data-sticky-header": "" } : {},
+			...Bn ? { "data-filter-row": "" } : {},
+			...Rn === "page" ? { "data-sticky-to": "page" } : {},
+			...M === "none" ? {} : { "data-selection": M },
+			children: [/* @__PURE__ */ T("div", {
+				"data-part": "scroll",
+				ref: jn,
+				children: [
+					/* @__PURE__ */ w(Hn, {
+						columnGroups: n,
+						headerRowCount: gi
+					}),
+					W.top.length > 0 ? /* @__PURE__ */ w(mn, {
+						edge: "top",
+						firstRowIndex: gi + 1,
+						nodes: W.top
+					}) : null,
+					is === "loading" ? /* @__PURE__ */ w(Cn, {
+						rowSize: q,
+						rows: as
+					}) : /* @__PURE__ */ w(pn, {
+						bodyStyle: ls,
+						firstIndex: Ai ? Mi.startIndex : 0,
+						headerRowCount: gi + W.top.length,
+						measureRow: ki || Ti === null ? Ro : void 0,
+						nodes: Ni,
+						heldRows: Pi,
+						allNodes: G
+					}),
+					ds !== null && is !== "loading" ? /* @__PURE__ */ w(hn, { children: ds }) : null,
+					W.bottom.length > 0 ? /* @__PURE__ */ w(mn, {
+						edge: "bottom",
+						firstRowIndex: gi + W.top.length + (di ?? G.length) + 1,
+						nodes: W.bottom
+					}) : null,
+					pi && is === "rows" ? /* @__PURE__ */ w(wn, {
+						aggregates: ui.aggregates,
+						rowIndex: gi + W.top.length + (di ?? G.length) + W.bottom.length + 1
+					}) : null,
+					za.offset === null ? null : /* @__PURE__ */ w("div", {
+						"aria-hidden": !0,
+						"data-part": "drop-indicator",
+						style: {
+							"--slotted-data-grid-drop-offset": `${za.offset}px`,
+							"--slotted-data-grid-drop-scroll": `${za.scrollTop}px`
+						}
+					}),
+					Za.offset === null ? null : /* @__PURE__ */ w("div", {
+						"aria-hidden": !0,
+						"data-axis": "row",
+						"data-part": "drop-indicator",
+						style: {
+							"--slotted-data-grid-drop-offset": `${Za.offset}px`,
+							"--slotted-data-grid-drop-scroll": `${Za.scrollLeft}px`
+						}
+					})
+				]
+			}), me !== void 0 || us !== null || Dr && ze ? /* @__PURE__ */ T("div", {
+				"data-part": "footer",
+				children: [
+					us === null ? null : /* @__PURE__ */ w("span", {
+						"data-range": "",
+						children: us
+					}),
+					me,
+					Dr && ze && me === void 0 ? /* @__PURE__ */ w("div", { children: /* @__PURE__ */ w(l, {
+						disabled: Or === !0,
+						onClick: () => ze(),
+						size: "sm",
+						tone: "secondary",
+						variant: "outline",
+						children: j("loadMore")
+					}) }) : null
+				]
+			}) : null]
+		})
+	});
+}
+function mr(e, t, n, r) {
+	let i = e.findIndex((e) => e.id === t[0]), a = Math.max(i, Math.min(i + t.length, r)), o = t.indexOf(n), s = a - i, c = s > o ? s - 1 : s;
+	return c === o ? null : c;
+}
+function hr(e) {
+	return e !== ot && e !== it && e !== lt && !vt(e);
+}
+//#endregion
+//#region src/data-grid/use-persisted-grid-view.ts
+function gr() {
+	try {
+		return typeof window > "u" ? null : window.localStorage;
+	} catch {
+		return null;
+	}
+}
+function _r({ key: e, columns: t, storage: n, defaultQuery: r, defaultColumnState: i, defaultDensity: a, ...o }) {
+	let s = x(() => n === void 0 ? gr() : n, [n]), c = x(() => ({
+		columns: bt(i ?? null, t),
+		query: r ?? gt(o.defaultPageSize).query,
+		density: a ?? null
+	}), []), [l, u] = C(() => {
+		let n;
+		try {
+			n = s?.getItem(e) ?? null;
+		} catch {
+			n = null;
+		}
+		if (n === null || n === "") return c;
+		let r = xt(n, t, o);
+		return {
+			columns: r.columns,
+			query: r.query.page === null ? {
+				...r.query,
+				page: c.query.page
+			} : r.query,
+			density: r.density ?? c.density
+		};
+	}), d = S({
+		key: e,
+		columns: t,
+		options: o,
+		store: s,
+		defaults: c
+	});
+	d.current = {
+		key: e,
+		columns: t,
+		options: o,
+		store: s,
+		defaults: c
+	};
+	let f = S(!1);
+	b(() => {
+		if (!f.current) return;
+		f.current = !1;
+		let { key: e, columns: t, options: n, store: r } = d.current;
+		if (r) try {
+			let i = kt(l, t, n);
+			i === "" ? r.removeItem(e) : r.setItem(e, i);
+		} catch {}
+	}, [l]);
+	let p = y((e) => {
+		f.current = !0, u((t) => ({
+			...t,
+			query: e
+		}));
+	}, []), m = y((e) => {
+		f.current = !0, u((t) => ({
+			...t,
+			columns: e
+		}));
+	}, []), h = y((e) => {
+		f.current = !0, u((t) => ({
+			...t,
+			density: e
+		}));
+	}, []), g = y((e) => {
+		f.current = !0, u(e);
+	}, []), _ = y(() => {
+		f.current = !1, u(d.current.defaults);
+		try {
+			d.current.store?.removeItem(d.current.key);
+		} catch {}
+	}, []);
+	return {
+		query: l.query,
+		onQueryChange: p,
+		columnState: l.columns,
+		onColumnStateChange: m,
+		density: l.density,
+		onDensityChange: h,
+		setView: g,
+		reset: _
+	};
+}
+//#endregion
+export { on as a, Dn as i, P as n, an as o, En as r, rn as s, _r as t };