@slotted/react 0.1.0-beta.1 → 0.1.0-beta.11

package/dist/data-grid-DQCvXMJA.js

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