yk-grid 0.1.0

package/dist/yk-grid.es.js

@@ -0,0 +1,1973 @@
+import e, { forwardRef as t, useCallback as n, useEffect as r, useId as i, useImperativeHandle as a, useMemo as o, useReducer as s, useRef as c, useState as l } from "react";
+import { useVirtualizer as u } from "@tanstack/react-virtual";
+import { createPortal as d } from "react-dom";
+import { z as f } from "zod";
+//#region \0rolldown/runtime.js
+var p = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), m = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
+	if (typeof require < "u") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+});
+//#endregion
+//#region src/components/DataGrid/state/gridReducer.ts
+function h(e, t) {
+	switch (t.type) {
+		case "SET_SORT": return {
+			...e,
+			sorts: t.sorts
+		};
+		case "SET_FILTER": return {
+			...e,
+			filters: t.filters,
+			pagination: {
+				...e.pagination,
+				pageIndex: 0
+			}
+		};
+		case "SET_GROUPING": return {
+			...e,
+			grouping: t.grouping,
+			pagination: {
+				...e.pagination,
+				pageIndex: 0
+			}
+		};
+		case "SET_PAGE": return {
+			...e,
+			pagination: {
+				...e.pagination,
+				pageIndex: t.pageIndex
+			}
+		};
+		case "SET_PAGE_SIZE": return {
+			...e,
+			pagination: {
+				...e.pagination,
+				pageSize: t.pageSize,
+				pageIndex: 0
+			}
+		};
+		case "SET_COLUMN_SIZE": return {
+			...e,
+			columnSizing: {
+				...e.columnSizing,
+				[t.columnId]: t.width
+			}
+		};
+		case "SET_COLUMN_VISIBILITY": return {
+			...e,
+			columnVisibility: {
+				...e.columnVisibility,
+				[t.columnId]: t.visible
+			}
+		};
+		case "TOGGLE_SELECT": {
+			let n = new Set(e.selection);
+			return t.mode === "single" ? n.has(t.rowId) ? n.clear() : (n.clear(), n.add(t.rowId)) : n.has(t.rowId) ? n.delete(t.rowId) : n.add(t.rowId), {
+				...e,
+				selection: n
+			};
+		}
+		case "SELECT_ALL": return {
+			...e,
+			selection: new Set(t.rowIds)
+		};
+		case "CLEAR_SELECTION": return {
+			...e,
+			selection: /* @__PURE__ */ new Set()
+		};
+		case "TOGGLE_EXPAND": {
+			let n = new Set(e.expanded);
+			return n.has(t.groupId) ? n.delete(t.groupId) : n.add(t.groupId), {
+				...e,
+				expanded: n
+			};
+		}
+		case "APPLY_AI": return {
+			...e,
+			...t.partial.sorts !== void 0 && { sorts: t.partial.sorts },
+			...t.partial.filters !== void 0 && { filters: t.partial.filters },
+			...t.partial.grouping !== void 0 && { grouping: t.partial.grouping },
+			pagination: {
+				...e.pagination,
+				pageIndex: 0
+			}
+		};
+		case "RESET": return {
+			...e,
+			sorts: [],
+			filters: [],
+			grouping: [],
+			pagination: {
+				...e.pagination,
+				pageIndex: 0
+			}
+		};
+		default: return e;
+	}
+}
+//#endregion
+//#region src/components/DataGrid/state/useGridState.ts
+var g = {
+	sorts: [],
+	filters: [],
+	grouping: [],
+	expanded: /* @__PURE__ */ new Set(),
+	selection: /* @__PURE__ */ new Set(),
+	pagination: {
+		pageIndex: 0,
+		pageSize: 20
+	},
+	columnSizing: {},
+	columnVisibility: {}
+};
+function _(e, t) {
+	return {
+		...g,
+		...e,
+		pagination: {
+			pageIndex: 0,
+			pageSize: t,
+			...e?.pagination
+		}
+	};
+}
+function v(e) {
+	let [t, r] = s(h, e);
+	return {
+		state: t,
+		dispatch: n((e) => {
+			r(e);
+		}, [])
+	};
+}
+//#endregion
+//#region src/components/DataGrid/state/aggregations.ts
+function y(e, t) {
+	if (t === "count") return e.length;
+	if (e.length === 0) return null;
+	switch (t) {
+		case "sum": return e.reduce((e, t) => e + t, 0);
+		case "avg": return e.reduce((e, t) => e + t, 0) / e.length;
+		case "min": return Math.min(...e);
+		case "max": return Math.max(...e);
+	}
+}
+//#endregion
+//#region src/components/DataGrid/state/processRows.ts
+function b(e, t) {
+	return e instanceof Date && t instanceof Date ? e.valueOf() - t.valueOf() : typeof e == "number" && typeof t == "number" ? e - t : String(e).localeCompare(String(t), void 0, {
+		numeric: !0,
+		sensitivity: "base"
+	});
+}
+function x(e) {
+	if (typeof e == "number") return e;
+	let t = new Date(e);
+	return isNaN(t.valueOf()) ? NaN : t.valueOf();
+}
+function ee(e, t) {
+	if (e === null) return !1;
+	let { operator: n, value: r } = t;
+	switch (n) {
+		case "eq": return e instanceof Date ? e.toISOString().startsWith(String(r)) : typeof e == "number" ? e === Number(r) : String(e).toLowerCase() === String(r).toLowerCase();
+		case "contains": return String(e).toLowerCase().includes(String(r).toLowerCase());
+		case "gt": return e instanceof Date ? e.valueOf() > x(r) : typeof e == "number" ? e > Number(r) : String(e).localeCompare(String(r)) > 0;
+		case "gte": return e instanceof Date ? e.valueOf() >= x(r) : typeof e == "number" ? e >= Number(r) : String(e).localeCompare(String(r)) >= 0;
+		case "lt": return e instanceof Date ? e.valueOf() < x(r) : typeof e == "number" ? e < Number(r) : String(e).localeCompare(String(r)) < 0;
+		case "lte": return e instanceof Date ? e.valueOf() <= x(r) : typeof e == "number" ? e <= Number(r) : String(e).localeCompare(String(r)) <= 0;
+		case "between": {
+			if (!Array.isArray(r) || r.length < 2) return !0;
+			let [t, n] = r;
+			if (e instanceof Date) {
+				let r = e.valueOf();
+				return r >= x(t) && r <= x(n);
+			}
+			if (typeof e == "number") return e >= Number(t) && e <= Number(n);
+			let i = String(e).toLowerCase();
+			return i >= String(t).toLowerCase() && i <= String(n).toLowerCase();
+		}
+		case "in": return (Array.isArray(r) ? r : [r]).some((t) => String(e).toLowerCase() === String(t).toLowerCase());
+	}
+}
+function S(e, t, n) {
+	return n.length === 0 ? e : [...e].sort((e, r) => {
+		for (let { columnId: i, direction: a } of n) {
+			let n = t.get(i);
+			if (!n) continue;
+			let o = n.accessor(e), s = n.accessor(r);
+			if (o === null && s === null) continue;
+			if (o === null) return 1;
+			if (s === null) return -1;
+			let c = b(o, s);
+			if (c !== 0) return a === "asc" ? c : -c;
+		}
+		return 0;
+	});
+}
+function C(e, t, n, r, i, a) {
+	let o = n.grouping[i], s = t.get(o);
+	if (!s) return e.map((e) => ({
+		_type: "data",
+		row: e
+	}));
+	let c = [], l = /* @__PURE__ */ new Map();
+	for (let t of e) {
+		let e = s.accessor(t), n = e === null ? "\0null" : e instanceof Date ? e.toISOString() : String(e);
+		l.has(n) || (l.set(n, c.length), c.push({
+			key: n,
+			value: e,
+			rows: []
+		})), c[l.get(n)].rows.push(t);
+	}
+	let u = n.sorts.find((e) => e.columnId === o);
+	u && c.sort((e, t) => {
+		if (e.value === null && t.value === null) return 0;
+		if (e.value === null) return 1;
+		if (t.value === null) return -1;
+		let n = b(e.value, t.value);
+		return u.direction === "asc" ? n : -n;
+	});
+	let d = [];
+	for (let e of c) {
+		let s = {};
+		for (let [n, r] of t) r.aggregation && (s[n] = y(r.aggregation === "count" ? Array.from({ length: e.rows.length }, () => 1) : e.rows.map((e) => r.accessor(e)).filter((e) => typeof e == "number"), r.aggregation));
+		let c = a ? `${a}|${o}:${e.key}` : `${o}:${e.key}`, l = n.expanded.has(c), u = {
+			_type: "group",
+			id: c,
+			columnId: o,
+			value: e.value,
+			depth: r,
+			childCount: e.rows.length,
+			aggregates: s,
+			isExpanded: l
+		};
+		if (d.push(u), l) if (i + 1 < n.grouping.length) d.push(...C(e.rows, t, n, r + 1, i + 1, c));
+		else {
+			let r = n.sorts.filter((e) => !n.grouping.includes(e.columnId)), i = S(e.rows, t, r);
+			d.push(...i.map((e) => ({
+				_type: "data",
+				row: e
+			})));
+		}
+	}
+	return d;
+}
+function te(e, t, n) {
+	if (n.length === 0) return e;
+	let r = new Map(t.map((e) => [e.id, e]));
+	return e.filter((e) => n.every((t) => {
+		let n = r.get(t.columnId);
+		return n ? ee(n.accessor(e), t) : !0;
+	}));
+}
+function ne(e, t, n) {
+	let r = new Map(t.map((e) => [e.id, e])), i = te(e, t, n.filters);
+	return n.grouping.length === 0 ? S(i, r, n.sorts).map((e) => ({
+		_type: "data",
+		row: e
+	})) : C(i, r, n, 0, 0, "");
+}
+//#endregion
+//#region src/components/DataGrid/state/paginate.ts
+function w(e, t) {
+	let { pageIndex: n, pageSize: r } = t, i = n * r;
+	return e.slice(i, i + r);
+}
+function re(e, t) {
+	return Math.max(1, Math.ceil(e / t));
+}
+//#endregion
+//#region src/components/DataGrid/state/selection.ts
+function T(e, t, n) {
+	return e.size === 0 ? [] : t.filter((t) => e.has(n(t)));
+}
+//#endregion
+//#region src/components/DataGrid/state/exportCsv.ts
+function E(e) {
+	if (e == null) return "";
+	let t = String(e), n = /^[=+\-@\t\r]/.test(t) ? `\t${t}` : t;
+	return n.includes(",") || n.includes("\n") || n.includes("\"") ? `"${n.replace(/"/g, "\"\"")}"` : n;
+}
+function ie(e, t) {
+	let n = t.filter((e) => e.hideable !== !0 || e.defaultHidden !== !0);
+	return [n.map((e) => E(e.header)).join(","), ...e.map((e) => n.map((t) => {
+		let n = t.exportValue ? t.exportValue(e) : t.accessor(e);
+		return E(n instanceof Date ? n.toISOString() : n);
+	}).join(","))].join("\n");
+}
+function ae(e, t) {
+	let n = new Blob([e], { type: "text/csv;charset=utf-8;" }), r = URL.createObjectURL(n), i = document.createElement("a");
+	i.href = r, i.download = t, i.click(), URL.revokeObjectURL(r);
+}
+//#endregion
+//#region src/components/DataGrid/ai/applyCommand.ts
+function D(e, t) {
+	if (e.reset) return [{ type: "RESET" }];
+	let n = {};
+	return e.filters && (n.filters = e.filters.filter((e) => t.has(e.columnId))), e.sorts && (n.sorts = e.sorts.filter((e) => t.has(e.columnId))), e.grouping && (n.grouping = e.grouping.filter((e) => t.has(e))), [{
+		type: "APPLY_AI",
+		partial: n
+	}];
+}
+var O = {
+	th: "_th_b545v_1",
+	content: "_content_b545v_6",
+	label: "_label_b545v_14",
+	indicators: "_indicators_b545v_23",
+	arrow: "_arrow_b545v_38",
+	arrowIdle: "_arrowIdle_b545v_42",
+	sortIndex: "_sortIndex_b545v_47",
+	headerActions: "_headerActions_b545v_56",
+	headerActionsVisible: "_headerActionsVisible_b545v_65",
+	menuBtnOpen: "_menuBtnOpen_b545v_68",
+	filterBtnActive: "_filterBtnActive_b545v_69",
+	filterBtn: "_filterBtn_b545v_69",
+	menuBtn: "_menuBtn_b545v_68",
+	resizeHandle: "_resizeHandle_b545v_115",
+	sortable: "_sortable_b545v_132"
+}, k = /* @__PURE__ */ p(((e) => {
+	var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
+	function r(e, n, r) {
+		var i = null;
+		if (r !== void 0 && (i = "" + r), n.key !== void 0 && (i = "" + n.key), "key" in n) for (var a in r = {}, n) a !== "key" && (r[a] = n[a]);
+		else r = n;
+		return n = r.ref, {
+			$$typeof: t,
+			type: e,
+			key: i,
+			ref: n === void 0 ? null : n,
+			props: r
+		};
+	}
+	e.Fragment = n, e.jsx = r, e.jsxs = r;
+})), A = /* @__PURE__ */ p(((e) => {
+	process.env.NODE_ENV !== "production" && (function() {
+		function t(e) {
+			if (e == null) return null;
+			if (typeof e == "function") return e.$$typeof === T ? null : e.displayName || e.name || null;
+			if (typeof e == "string") return e;
+			switch (e) {
+				case v: return "Fragment";
+				case b: return "Profiler";
+				case y: return "StrictMode";
+				case C: return "Suspense";
+				case te: return "SuspenseList";
+				case re: return "Activity";
+			}
+			if (typeof e == "object") switch (typeof e.tag == "number" && console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), e.$$typeof) {
+				case _: return "Portal";
+				case ee: return e.displayName || "Context";
+				case x: return (e._context.displayName || "Context") + ".Consumer";
+				case S:
+					var n = e.render;
+					return e = e.displayName, e ||= (e = n.displayName || n.name || "", e === "" ? "ForwardRef" : "ForwardRef(" + e + ")"), e;
+				case ne: return n = e.displayName || null, n === null ? t(e.type) || "Memo" : n;
+				case w:
+					n = e._payload, e = e._init;
+					try {
+						return t(e(n));
+					} catch {}
+			}
+			return null;
+		}
+		function n(e) {
+			return "" + e;
+		}
+		function r(e) {
+			try {
+				n(e);
+				var t = !1;
+			} catch {
+				t = !0;
+			}
+			if (t) {
+				t = console;
+				var r = t.error, i = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+				return r.call(t, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", i), n(e);
+			}
+		}
+		function i(e) {
+			if (e === v) return "<>";
+			if (typeof e == "object" && e && e.$$typeof === w) return "<...>";
+			try {
+				var n = t(e);
+				return n ? "<" + n + ">" : "<...>";
+			} catch {
+				return "<...>";
+			}
+		}
+		function a() {
+			var e = E.A;
+			return e === null ? null : e.getOwner();
+		}
+		function o() {
+			return Error("react-stack-top-frame");
+		}
+		function s(e) {
+			if (ie.call(e, "key")) {
+				var t = Object.getOwnPropertyDescriptor(e, "key").get;
+				if (t && t.isReactWarning) return !1;
+			}
+			return e.key !== void 0;
+		}
+		function c(e, t) {
+			function n() {
+				O || (O = !0, console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)", t));
+			}
+			n.isReactWarning = !0, Object.defineProperty(e, "key", {
+				get: n,
+				configurable: !0
+			});
+		}
+		function l() {
+			var e = t(this.type);
+			return k[e] || (k[e] = !0, console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")), e = this.props.ref, e === void 0 ? null : e;
+		}
+		function u(e, t, n, r, i, a) {
+			var o = n.ref;
+			return e = {
+				$$typeof: g,
+				type: e,
+				key: t,
+				props: n,
+				_owner: r
+			}, (o === void 0 ? null : o) === null ? Object.defineProperty(e, "ref", {
+				enumerable: !1,
+				value: null
+			}) : Object.defineProperty(e, "ref", {
+				enumerable: !1,
+				get: l
+			}), e._store = {}, Object.defineProperty(e._store, "validated", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: 0
+			}), Object.defineProperty(e, "_debugInfo", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: null
+			}), Object.defineProperty(e, "_debugStack", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: i
+			}), Object.defineProperty(e, "_debugTask", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: a
+			}), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+		}
+		function d(e, n, i, o, l, d) {
+			var p = n.children;
+			if (p !== void 0) if (o) if (ae(p)) {
+				for (o = 0; o < p.length; o++) f(p[o]);
+				Object.freeze && Object.freeze(p);
+			} else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+			else f(p);
+			if (ie.call(n, "key")) {
+				p = t(e);
+				var m = Object.keys(n).filter(function(e) {
+					return e !== "key";
+				});
+				o = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", M[p + o] || (m = 0 < m.length ? "{" + m.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", o, p, m, p), M[p + o] = !0);
+			}
+			if (p = null, i !== void 0 && (r(i), p = "" + i), s(n) && (r(n.key), p = "" + n.key), "key" in n) for (var h in i = {}, n) h !== "key" && (i[h] = n[h]);
+			else i = n;
+			return p && c(i, typeof e == "function" ? e.displayName || e.name || "Unknown" : e), u(e, p, i, a(), l, d);
+		}
+		function f(e) {
+			p(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e && e.$$typeof === w && (e._payload.status === "fulfilled" ? p(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+		}
+		function p(e) {
+			return typeof e == "object" && !!e && e.$$typeof === g;
+		}
+		var h = m("react"), g = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), ee = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), te = Symbol.for("react.suspense_list"), ne = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), re = Symbol.for("react.activity"), T = Symbol.for("react.client.reference"), E = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ie = Object.prototype.hasOwnProperty, ae = Array.isArray, D = console.createTask ? console.createTask : function() {
+			return null;
+		};
+		h = { react_stack_bottom_frame: function(e) {
+			return e();
+		} };
+		var O, k = {}, A = h.react_stack_bottom_frame.bind(h, o)(), j = D(i(o)), M = {};
+		e.Fragment = v, e.jsx = function(e, t, n) {
+			var r = 1e4 > E.recentlyCreatedOwnerStacks++;
+			return d(e, t, n, !1, r ? Error("react-stack-top-frame") : A, r ? D(i(e)) : j);
+		}, e.jsxs = function(e, t, n) {
+			var r = 1e4 > E.recentlyCreatedOwnerStacks++;
+			return d(e, t, n, !0, r ? Error("react-stack-top-frame") : A, r ? D(i(e)) : j);
+		};
+	})();
+})), j = (/* @__PURE__ */ p(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = k() : t.exports = A();
+})))(), M = {
+	asc: "ascending",
+	desc: "descending"
+};
+function N({ filled: e }) {
+	return /* @__PURE__ */ (0, j.jsx)("svg", {
+		width: "10",
+		height: "10",
+		viewBox: "0 0 10 10",
+		fill: "none",
+		"aria-hidden": "true",
+		children: e ? /* @__PURE__ */ (0, j.jsx)("path", {
+			d: "M1 1h8L6 5v3.5L4 7.5V5L1 1z",
+			fill: "currentColor"
+		}) : /* @__PURE__ */ (0, j.jsx)("path", {
+			d: "M1 1h8L6 5v3.5L4 7.5V5L1 1z",
+			stroke: "currentColor",
+			strokeWidth: "1",
+			fill: "none"
+		})
+	});
+}
+function oe({ column: e, sortEntry: t, sortIndex: n, totalSorts: r, width: i, onSort: a, enableResize: o, onResize: s, enableMenu: c, menuOpen: l, onToggleMenu: u, columnMenuSlot: d, filterActive: f = !1, filterPanelOpen: p = !1, onToggleFilter: m }) {
+	let h = e.sortable !== !1 && !!a, g = o && e.resizable !== !1 && !!s, _ = t?.direction;
+	function v(t) {
+		h && a(e.id, t.shiftKey);
+	}
+	function y(t) {
+		h && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), a(e.id, t.shiftKey));
+	}
+	function b(t) {
+		t.preventDefault(), t.stopPropagation();
+		let n = t.clientX, r = t.target.closest("th").getBoundingClientRect().width;
+		function i(t) {
+			let i = t.clientX - n, a = Math.max(e.minWidth ?? 50, r + i);
+			s(e.id, Math.round(a));
+		}
+		function a() {
+			document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", a);
+		}
+		document.addEventListener("mousemove", i), document.addEventListener("mouseup", a);
+	}
+	let x = _ ? M[_] : h ? "none" : void 0;
+	return /* @__PURE__ */ (0, j.jsxs)("th", {
+		style: {
+			width: i ?? e.width,
+			position: "relative"
+		},
+		"aria-sort": x,
+		onClick: h ? v : void 0,
+		onKeyDown: h ? y : void 0,
+		tabIndex: h ? 0 : void 0,
+		role: h ? "columnheader" : void 0,
+		className: [O.th, h && O.sortable].filter(Boolean).join(" "),
+		children: [
+			/* @__PURE__ */ (0, j.jsxs)("span", {
+				className: O.content,
+				children: [
+					/* @__PURE__ */ (0, j.jsx)("span", {
+						className: O.label,
+						children: e.header
+					}),
+					h && /* @__PURE__ */ (0, j.jsxs)("span", {
+						className: O.indicators,
+						"aria-hidden": "true",
+						children: [
+							_ === "asc" && /* @__PURE__ */ (0, j.jsx)("span", {
+								className: O.arrow,
+								children: "↑"
+							}),
+							_ === "desc" && /* @__PURE__ */ (0, j.jsx)("span", {
+								className: O.arrow,
+								children: "↓"
+							}),
+							!_ && /* @__PURE__ */ (0, j.jsx)("span", {
+								className: O.arrowIdle,
+								children: "↕"
+							}),
+							r > 1 && n >= 0 && /* @__PURE__ */ (0, j.jsx)("span", {
+								className: O.sortIndex,
+								children: n + 1
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, j.jsxs)("span", {
+						className: [O.headerActions, m && O.headerActionsVisible].filter(Boolean).join(" "),
+						children: [m && /* @__PURE__ */ (0, j.jsx)("button", {
+							type: "button",
+							className: [O.filterBtn, (f || p) && O.filterBtnActive].filter(Boolean).join(" "),
+							onClick: (t) => {
+								t.stopPropagation(), m(e.id, t.currentTarget.getBoundingClientRect());
+							},
+							"aria-label": `Filter ${e.header}`,
+							"aria-haspopup": "dialog",
+							"aria-expanded": p,
+							tabIndex: -1,
+							children: /* @__PURE__ */ (0, j.jsx)(N, { filled: f })
+						}), c && e.hideable !== !1 && /* @__PURE__ */ (0, j.jsx)("button", {
+							type: "button",
+							className: [O.menuBtn, l && O.menuBtnOpen].filter(Boolean).join(" "),
+							onClick: (t) => {
+								t.stopPropagation(), u?.(e.id, t.currentTarget.getBoundingClientRect());
+							},
+							"aria-label": `Column options for ${e.header}`,
+							"aria-expanded": l,
+							tabIndex: -1,
+							children: "⋮"
+						})]
+					})
+				]
+			}),
+			g && /* @__PURE__ */ (0, j.jsx)("span", {
+				className: O.resizeHandle,
+				onMouseDown: b,
+				role: "separator",
+				"aria-label": `Resize ${e.header}`,
+				"aria-orientation": "vertical"
+			}),
+			d
+		]
+	});
+}
+var P = {
+	panel: "_panel_l8qj5_1",
+	heading: "_heading_l8qj5_13",
+	section: "_section_l8qj5_24",
+	field: "_field_l8qj5_33",
+	label: "_label_l8qj5_39",
+	select: "_select_l8qj5_45",
+	input: "_input_l8qj5_65",
+	rangeRow: "_rangeRow_l8qj5_100",
+	rangeSep: "_rangeSep_l8qj5_110",
+	searchRow: "_searchRow_l8qj5_118",
+	searchIcon: "_searchIcon_l8qj5_124",
+	searchInput: "_searchInput_l8qj5_132",
+	checkboxList: "_checkboxList_l8qj5_163",
+	checkboxItem: "_checkboxItem_l8qj5_175",
+	checkbox: "_checkbox_l8qj5_163",
+	checkboxLabel: "_checkboxLabel_l8qj5_203",
+	noResults: "_noResults_l8qj5_211",
+	clearBtn: "_clearBtn_l8qj5_221",
+	srOnly: "_srOnly_l8qj5_248"
+}, F = [
+	{
+		value: "eq",
+		label: "Equals",
+		symbol: "="
+	},
+	{
+		value: "gt",
+		label: "Greater than",
+		symbol: ">"
+	},
+	{
+		value: "gte",
+		label: "Greater than or equal",
+		symbol: "≥"
+	},
+	{
+		value: "lt",
+		label: "Less than",
+		symbol: "<"
+	},
+	{
+		value: "lte",
+		label: "Less than or equal",
+		symbol: "≤"
+	},
+	{
+		value: "between",
+		label: "Between",
+		symbol: "↔"
+	}
+];
+function se(e) {
+	return e === "gt" || e === "gte" || e === "lt" || e === "lte" || e === "between" ? e : "eq";
+}
+function I(e) {
+	let t = e.trim();
+	if (t === "") return null;
+	let n = Number(t);
+	return isNaN(n) ? null : n;
+}
+var ce = 300;
+function le({ column: e, filterEntry: t, filterOptions: n, anchorRect: a, onClose: o, onChange: s }) {
+	let l = c(null), u = i(), f = Math.min(a.left, typeof window < "u" ? window.innerWidth - 252 : a.left), p = {
+		top: a.bottom + 6,
+		left: Math.max(4, f)
+	};
+	r(() => {
+		function e(e) {
+			l.current && !l.current.contains(e.target) && o();
+		}
+		function t(e) {
+			e.key === "Escape" && o();
+		}
+		function n() {
+			o();
+		}
+		return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), window.addEventListener("scroll", n, {
+			capture: !0,
+			passive: !0
+		}), () => {
+			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t), window.removeEventListener("scroll", n, { capture: !0 });
+		};
+	}, [o]);
+	let m = e.filterType ?? "text";
+	return d(/* @__PURE__ */ (0, j.jsxs)("div", {
+		ref: l,
+		className: P.panel,
+		style: p,
+		role: "dialog",
+		"aria-labelledby": u,
+		"aria-modal": "false",
+		children: [
+			/* @__PURE__ */ (0, j.jsxs)("p", {
+				id: u,
+				className: P.heading,
+				children: ["Filter ", e.header]
+			}),
+			m === "number" && /* @__PURE__ */ (0, j.jsx)(L, {
+				columnHeader: e.header,
+				filterEntry: t,
+				onChange: s
+			}),
+			(m === "text" || m === "date") && /* @__PURE__ */ (0, j.jsx)(R, {
+				columnHeader: e.header,
+				filterType: m,
+				filterEntry: t,
+				onChange: s
+			}),
+			m === "select" && /* @__PURE__ */ (0, j.jsx)(ue, {
+				columnHeader: e.header,
+				options: n ?? e.filterOptions ?? [],
+				filterEntry: t,
+				onChange: s
+			})
+		]
+	}), document.body);
+}
+function L({ columnHeader: e, filterEntry: t, onChange: n }) {
+	let r = i(), a = i(), [o, s] = l(() => se(t?.operator ?? null)), [u, d] = l(() => {
+		let e = t?.value;
+		return e == null ? "" : Array.isArray(e) ? e[0] === void 0 ? "" : String(e[0]) : String(e);
+	}), [f, p] = l(() => {
+		let e = t?.value;
+		return Array.isArray(e) ? e[1] === void 0 ? "" : String(e[1]) : "";
+	}), m = c(null);
+	function h(e, t, r) {
+		m.current && clearTimeout(m.current), m.current = setTimeout(() => {
+			if (e === "between") {
+				let e = I(t), i = I(r);
+				n(e !== null && i !== null ? [e, i] : null, "between");
+			} else n(I(t), e);
+		}, ce);
+	}
+	let g = u !== "" || f !== "";
+	return /* @__PURE__ */ (0, j.jsxs)("div", {
+		className: P.section,
+		children: [
+			/* @__PURE__ */ (0, j.jsxs)("div", {
+				className: P.field,
+				children: [/* @__PURE__ */ (0, j.jsx)("label", {
+					htmlFor: r,
+					className: P.label,
+					children: "Operator"
+				}), /* @__PURE__ */ (0, j.jsx)("select", {
+					id: r,
+					className: P.select,
+					value: o,
+					onChange: (e) => {
+						let t = e.target.value;
+						s(t), h(t, u, f);
+					},
+					children: F.map((e) => /* @__PURE__ */ (0, j.jsxs)("option", {
+						value: e.value,
+						children: [
+							e.symbol,
+							"  ",
+							e.label
+						]
+					}, e.value))
+				})]
+			}),
+			o === "between" ? /* @__PURE__ */ (0, j.jsxs)("div", {
+				className: P.field,
+				children: [/* @__PURE__ */ (0, j.jsx)("label", {
+					className: P.label,
+					children: "Range"
+				}), /* @__PURE__ */ (0, j.jsxs)("div", {
+					className: P.rangeRow,
+					children: [
+						/* @__PURE__ */ (0, j.jsx)("input", {
+							type: "number",
+							className: P.input,
+							value: u,
+							placeholder: "Min",
+							onChange: (e) => {
+								d(e.target.value), h(o, e.target.value, f);
+							},
+							"aria-label": `Minimum value for ${e}`,
+							style: { fontVariantNumeric: "tabular-nums" },
+							autoFocus: !0
+						}),
+						/* @__PURE__ */ (0, j.jsx)("span", {
+							className: P.rangeSep,
+							"aria-hidden": "true",
+							children: "–"
+						}),
+						/* @__PURE__ */ (0, j.jsx)("input", {
+							type: "number",
+							className: P.input,
+							value: f,
+							placeholder: "Max",
+							onChange: (e) => {
+								p(e.target.value), h(o, u, e.target.value);
+							},
+							"aria-label": `Maximum value for ${e}`,
+							style: { fontVariantNumeric: "tabular-nums" }
+						})
+					]
+				})]
+			}) : /* @__PURE__ */ (0, j.jsxs)("div", {
+				className: P.field,
+				children: [/* @__PURE__ */ (0, j.jsx)("label", {
+					htmlFor: a,
+					className: P.label,
+					children: "Value"
+				}), /* @__PURE__ */ (0, j.jsx)("input", {
+					id: a,
+					type: "number",
+					className: P.input,
+					value: u,
+					placeholder: "Enter value…",
+					onChange: (e) => {
+						d(e.target.value), h(o, e.target.value, f);
+					},
+					"aria-label": `Filter value for ${e}`,
+					style: { fontVariantNumeric: "tabular-nums" },
+					autoFocus: !0
+				})]
+			}),
+			g && /* @__PURE__ */ (0, j.jsx)("button", {
+				type: "button",
+				className: P.clearBtn,
+				onClick: () => {
+					m.current && clearTimeout(m.current), d(""), p(""), n(null, o);
+				},
+				children: "Clear filter"
+			})
+		]
+	});
+}
+function R({ columnHeader: e, filterType: t, filterEntry: n, onChange: r }) {
+	let a = i(), o = t === "date" ? "eq" : "contains", [s, u] = l(n?.value == null ? "" : String(n.value)), d = c(null);
+	function f(e) {
+		d.current && clearTimeout(d.current), d.current = setTimeout(() => {
+			r(e.trim() === "" ? null : e.trim(), o);
+		}, ce);
+	}
+	return /* @__PURE__ */ (0, j.jsxs)("div", {
+		className: P.section,
+		children: [/* @__PURE__ */ (0, j.jsxs)("div", {
+			className: P.field,
+			children: [/* @__PURE__ */ (0, j.jsx)("label", {
+				htmlFor: a,
+				className: P.label,
+				children: t === "date" ? "Date" : "Contains"
+			}), /* @__PURE__ */ (0, j.jsx)("input", {
+				id: a,
+				type: t === "date" ? "date" : "text",
+				className: P.input,
+				value: s,
+				placeholder: t === "date" ? void 0 : "Filter…",
+				onChange: (e) => {
+					u(e.target.value), f(e.target.value);
+				},
+				"aria-label": `Filter ${e}`,
+				autoFocus: !0
+			})]
+		}), s !== "" && /* @__PURE__ */ (0, j.jsx)("button", {
+			type: "button",
+			className: P.clearBtn,
+			onClick: () => {
+				d.current && clearTimeout(d.current), u(""), r(null, o);
+			},
+			children: "Clear filter"
+		})]
+	});
+}
+function z(e) {
+	if (!e) return /* @__PURE__ */ new Set();
+	let { value: t } = e;
+	return Array.isArray(t) ? new Set(t.map(String)) : t != null && String(t) !== "" ? new Set([String(t)]) : /* @__PURE__ */ new Set();
+}
+function ue({ columnHeader: e, options: t, filterEntry: a, onChange: o }) {
+	let s = i(), [u, d] = l(""), [f, p] = l(() => z(a)), m = t.filter((e) => e.toLowerCase().includes(u.toLowerCase())), h = m.length > 0 && m.every((e) => f.has(e)), g = m.some((e) => f.has(e)), _ = c(null);
+	r(() => {
+		_.current && (_.current.indeterminate = g && !h);
+	}, [g, h]);
+	let v = n((e) => {
+		p(e), o(e.size > 0 ? Array.from(e) : null, "in");
+	}, [o]);
+	function y() {
+		if (h) {
+			let e = new Set(f);
+			m.forEach((t) => e.delete(t)), v(e);
+		} else {
+			let e = new Set(f);
+			m.forEach((t) => e.add(t)), v(e);
+		}
+	}
+	function b(e) {
+		let t = new Set(f);
+		t.has(e) ? t.delete(e) : t.add(e), v(t);
+	}
+	return /* @__PURE__ */ (0, j.jsxs)("div", {
+		className: P.section,
+		children: [
+			/* @__PURE__ */ (0, j.jsxs)("div", {
+				className: P.searchRow,
+				children: [
+					/* @__PURE__ */ (0, j.jsxs)("label", {
+						htmlFor: s,
+						className: P.srOnly,
+						children: [
+							"Search ",
+							e,
+							" options"
+						]
+					}),
+					/* @__PURE__ */ (0, j.jsx)("span", {
+						className: P.searchIcon,
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ (0, j.jsx)(de, {})
+					}),
+					/* @__PURE__ */ (0, j.jsx)("input", {
+						id: s,
+						type: "search",
+						className: P.searchInput,
+						value: u,
+						placeholder: "Search…",
+						onChange: (e) => d(e.target.value),
+						autoFocus: !0
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, j.jsxs)("div", {
+				className: P.checkboxList,
+				role: "group",
+				"aria-label": `Filter ${e} by value`,
+				children: [
+					t.length > 0 && /* @__PURE__ */ (0, j.jsxs)("label", {
+						className: P.checkboxItem,
+						children: [/* @__PURE__ */ (0, j.jsx)("input", {
+							ref: _,
+							type: "checkbox",
+							className: P.checkbox,
+							checked: h,
+							onChange: y,
+							"aria-label": "Select all"
+						}), /* @__PURE__ */ (0, j.jsx)("span", {
+							className: P.checkboxLabel,
+							children: "(Select All)"
+						})]
+					}),
+					m.length === 0 && /* @__PURE__ */ (0, j.jsx)("p", {
+						className: P.noResults,
+						children: "No matching options"
+					}),
+					m.map((e) => /* @__PURE__ */ (0, j.jsxs)("label", {
+						className: P.checkboxItem,
+						children: [/* @__PURE__ */ (0, j.jsx)("input", {
+							type: "checkbox",
+							className: P.checkbox,
+							checked: f.has(e),
+							onChange: () => b(e),
+							"aria-label": e
+						}), /* @__PURE__ */ (0, j.jsx)("span", {
+							className: P.checkboxLabel,
+							children: e
+						})]
+					}, e))
+				]
+			}),
+			f.size > 0 && /* @__PURE__ */ (0, j.jsx)("button", {
+				type: "button",
+				className: P.clearBtn,
+				onClick: () => v(/* @__PURE__ */ new Set()),
+				children: "Clear filter"
+			})
+		]
+	});
+}
+function de() {
+	return /* @__PURE__ */ (0, j.jsxs)("svg", {
+		width: "12",
+		height: "12",
+		viewBox: "0 0 12 12",
+		"aria-hidden": "true",
+		style: { display: "block" },
+		children: [/* @__PURE__ */ (0, j.jsx)("circle", {
+			cx: "5",
+			cy: "5",
+			r: "3.5",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "1.3"
+		}), /* @__PURE__ */ (0, j.jsx)("line", {
+			x1: "7.8",
+			y1: "7.8",
+			x2: "11",
+			y2: "11",
+			stroke: "currentColor",
+			strokeWidth: "1.3",
+			strokeLinecap: "round"
+		})]
+	});
+}
+var B = {
+	groupRow: "_groupRow_16hmo_1",
+	labelCell: "_labelCell_16hmo_10",
+	toggleBtn: "_toggleBtn_16hmo_18",
+	colHeader: "_colHeader_16hmo_45",
+	groupValue: "_groupValue_16hmo_53",
+	childCount: "_childCount_16hmo_58",
+	aggregateCell: "_aggregateCell_16hmo_63"
+};
+//#endregion
+//#region src/components/DataGrid/ui/GroupRow.tsx
+function fe(e) {
+	return e === null ? "(empty)" : e instanceof Date ? e.toLocaleDateString() : String(e);
+}
+function pe(e, t) {
+	return e === null ? null : t === "avg" ? e.toFixed(2) : t === "count" ? String(e) : e.toLocaleString();
+}
+function me({ row: e, columns: t, visibleColumnIds: n, onToggle: r }) {
+	let i = t.filter((e) => n.has(e.id)), a = t.find((t) => t.id === e.columnId);
+	return /* @__PURE__ */ (0, j.jsx)("tr", {
+		className: B.groupRow,
+		"aria-level": e.depth + 1,
+		children: i.map((t, n) => {
+			if (n === 0) return /* @__PURE__ */ (0, j.jsxs)("td", {
+				className: B.labelCell,
+				style: { paddingLeft: `${e.depth * 1.5 + .5}rem` },
+				colSpan: 1,
+				children: [
+					/* @__PURE__ */ (0, j.jsx)("button", {
+						className: B.toggleBtn,
+						onClick: r,
+						"aria-expanded": e.isExpanded,
+						"aria-label": `${e.isExpanded ? "Collapse" : "Expand"} group ${fe(e.value)}`,
+						type: "button",
+						children: e.isExpanded ? "▼" : "▶"
+					}),
+					/* @__PURE__ */ (0, j.jsxs)("span", {
+						className: B.colHeader,
+						children: [a?.header ?? e.columnId, ":"]
+					}),
+					/* @__PURE__ */ (0, j.jsx)("span", {
+						className: B.groupValue,
+						children: fe(e.value)
+					}),
+					/* @__PURE__ */ (0, j.jsxs)("span", {
+						className: B.childCount,
+						children: [
+							"(",
+							e.childCount,
+							")"
+						]
+					})
+				]
+			}, t.id);
+			let i = e.aggregates[t.id], o = t.aggregation;
+			return /* @__PURE__ */ (0, j.jsx)("td", {
+				className: B.aggregateCell,
+				children: o && i !== void 0 ? pe(i, o) : null
+			}, t.id);
+		})
+	});
+}
+var V = {
+	td: "_td_13y42_1",
+	editable: "_editable_13y42_5",
+	editInput: "_editInput_13y42_13"
+};
+//#endregion
+//#region src/components/DataGrid/ui/Cell.tsx
+function he({ column: e, row: t, onCellClick: n, isEditing: i = !1, onStartEdit: a, onCommitEdit: o, onCancelEdit: s }) {
+	let u = e.accessor(t), [d, f] = l(""), p = c(!1), m = c(!1);
+	r(() => {
+		i && (f(u === null ? "" : String(u)), p.current = !1, m.current = !1);
+	}, [i, u]);
+	let h = () => {
+		if (m.current || p.current) return;
+		p.current = !0;
+		let n = e.filterType === "number" || typeof u == "number" ? parseFloat(d) || 0 : d;
+		o?.(n, t, e), s?.();
+	}, g = () => {
+		m.current = !0, s?.();
+	};
+	if (i) {
+		let t = e.filterType === "number" || typeof u == "number";
+		return /* @__PURE__ */ (0, j.jsx)("td", { children: /* @__PURE__ */ (0, j.jsx)("input", {
+			className: V.editInput,
+			type: t ? "number" : "text",
+			value: d,
+			"aria-label": `Edit ${e.header}`,
+			autoFocus: !0,
+			onChange: (e) => f(e.target.value),
+			onKeyDown: (e) => {
+				e.key === "Enter" || e.key === "Tab" ? (e.preventDefault(), h()) : e.key === "Escape" && g();
+			},
+			onBlur: h
+		}) });
+	}
+	let _ = !!n, v = !!e.editable && !!a, y = e.cell ? e.cell(u, t) : String(u ?? "");
+	return /* @__PURE__ */ (0, j.jsx)("td", {
+		className: v ? V.editable : void 0,
+		onClick: _ ? (r) => {
+			r.stopPropagation(), n(u, t, e, r);
+		} : void 0,
+		onDoubleClick: v ? a : void 0,
+		style: _ ? { cursor: "pointer" } : void 0,
+		children: y
+	});
+}
+var ge = {
+	selectionCell: "_selectionCell_1237t_1",
+	checkbox: "_checkbox_1237t_12"
+}, _e = {
+	width: 40,
+	minWidth: 40,
+	maxWidth: 40
+};
+function ve({ checked: t, indeterminate: n, onChange: r, ariaLabel: i, isHeader: a = !1 }) {
+	let o = e.useRef(null);
+	return e.useEffect(() => {
+		o.current && (o.current.indeterminate = !!n);
+	}, [n]), /* @__PURE__ */ (0, j.jsx)(a ? "th" : "td", {
+		className: ge.selectionCell,
+		role: a ? "columnheader" : "gridcell",
+		style: _e,
+		children: /* @__PURE__ */ (0, j.jsx)("input", {
+			ref: o,
+			type: "checkbox",
+			className: ge.checkbox,
+			checked: t,
+			onChange: r,
+			"aria-label": i
+		})
+	});
+}
+//#endregion
+//#region src/components/DataGrid/ui/Row.tsx
+function ye({ row: e, rowIndex: t, rowId: n, columns: r, visibleColumnIds: i, selectionMode: a = "none", isSelected: o = !1, onToggleSelect: s, onRowClick: c, onCellClick: l, editingColumnId: u, onStartEdit: d, onCommitEdit: f, onCancelEdit: p }) {
+	let m = !!c, h = u !== void 0;
+	return /* @__PURE__ */ (0, j.jsxs)("tr", {
+		"aria-selected": a === "none" ? void 0 : o,
+		onClick: m ? (n) => {
+			h || c(e, t, n);
+		} : void 0,
+		onKeyDown: m ? (n) => {
+			h || (n.key === "Enter" || n.key === " ") && (n.preventDefault(), c(e, t, n));
+		} : void 0,
+		role: m ? "button" : void 0,
+		tabIndex: m ? 0 : void 0,
+		style: m ? { cursor: "pointer" } : void 0,
+		children: [a !== "none" && /* @__PURE__ */ (0, j.jsx)(ve, {
+			checked: o,
+			onChange: () => s?.(n),
+			ariaLabel: o ? "Deselect row" : "Select row"
+		}), r.filter((e) => i.has(e.id)).map((t) => /* @__PURE__ */ (0, j.jsx)(he, {
+			column: t,
+			row: e,
+			onCellClick: l,
+			isEditing: u === t.id,
+			onStartEdit: d ? () => d(n, t.id) : void 0,
+			onCommitEdit: f,
+			onCancelEdit: p
+		}, t.id))]
+	});
+}
+var H = {
+	wrapper: "_wrapper_1x1x3_16",
+	tableContainer: "_tableContainer_1x1x3_26",
+	loadingOverlay: "_loadingOverlay_1x1x3_32",
+	spinner: "_spinner_1x1x3_42",
+	spin: "_spin_1x1x3_42",
+	table: "_table_1x1x3_26",
+	vsOuter: "_vsOuter_1x1x3_96",
+	vsBody: "_vsBody_1x1x3_101",
+	emptyState: "_emptyState_1x1x3_105",
+	toolbar: "_toolbar_1x1x3_112",
+	pagination: "_pagination_1x1x3_122",
+	paginationControls: "_paginationControls_1x1x3_132",
+	paginationBtn: "_paginationBtn_1x1x3_138",
+	paginationInfo: "_paginationInfo_1x1x3_166",
+	pageSizeLabel: "_pageSizeLabel_1x1x3_173",
+	pageSizeSelect: "_pageSizeSelect_1x1x3_181"
+}, be = [
+	10,
+	20,
+	50,
+	100
+];
+function xe({ pageIndex: e, pageCount: t, pageSize: n, totalRows: r, onPageChange: i, onPageSizeChange: a }) {
+	let o = r === 0 ? 0 : e * n + 1, s = Math.min((e + 1) * n, r);
+	return /* @__PURE__ */ (0, j.jsxs)("div", {
+		className: H.pagination,
+		role: "navigation",
+		"aria-label": "Pagination",
+		children: [/* @__PURE__ */ (0, j.jsx)("span", {
+			className: H.paginationInfo,
+			children: r === 0 ? "No results" : `${o}–${s} of ${r}`
+		}), /* @__PURE__ */ (0, j.jsxs)("div", {
+			className: H.paginationControls,
+			children: [
+				/* @__PURE__ */ (0, j.jsxs)("label", {
+					className: H.pageSizeLabel,
+					children: ["Rows", /* @__PURE__ */ (0, j.jsx)("select", {
+						className: H.pageSizeSelect,
+						value: n,
+						onChange: (e) => a(Number(e.target.value)),
+						"aria-label": "Rows per page",
+						children: be.map((e) => /* @__PURE__ */ (0, j.jsx)("option", {
+							value: e,
+							children: e
+						}, e))
+					})]
+				}),
+				/* @__PURE__ */ (0, j.jsx)("button", {
+					className: H.paginationBtn,
+					disabled: e === 0,
+					onClick: () => i(0),
+					"aria-label": "First page",
+					children: "«"
+				}),
+				/* @__PURE__ */ (0, j.jsx)("button", {
+					className: H.paginationBtn,
+					disabled: e === 0,
+					onClick: () => i(e - 1),
+					"aria-label": "Previous page",
+					children: "‹"
+				}),
+				/* @__PURE__ */ (0, j.jsxs)("span", {
+					className: H.paginationInfo,
+					"aria-current": "page",
+					children: [
+						e + 1,
+						" / ",
+						t
+					]
+				}),
+				/* @__PURE__ */ (0, j.jsx)("button", {
+					className: H.paginationBtn,
+					disabled: e >= t - 1,
+					onClick: () => i(e + 1),
+					"aria-label": "Next page",
+					children: "›"
+				}),
+				/* @__PURE__ */ (0, j.jsx)("button", {
+					className: H.paginationBtn,
+					disabled: e >= t - 1,
+					onClick: () => i(t - 1),
+					"aria-label": "Last page",
+					children: "»"
+				})
+			]
+		})]
+	});
+}
+var U = {
+	toolbar: "_toolbar_12gxd_1",
+	selectionCount: "_selectionCount_12gxd_12",
+	clearBtn: "_clearBtn_12gxd_21",
+	exportBtn: "_exportBtn_12gxd_36"
+};
+//#endregion
+//#region src/components/DataGrid/ui/Toolbar.tsx
+function Se({ selectedRows: e, selectedIds: t, processedRows: n, gridState: r, clearSelection: i, enableCsvExport: a, onExport: o, toolbarActions: s, columns: c }) {
+	if (!(a || s || e.length > 0)) return null;
+	let l = {
+		selectedRows: e,
+		selectedIds: t,
+		processedRows: n,
+		gridState: r,
+		clearSelection: i
+	};
+	return /* @__PURE__ */ (0, j.jsxs)("div", {
+		className: U.toolbar,
+		role: "toolbar",
+		"aria-label": "Grid toolbar",
+		children: [
+			e.length > 0 && /* @__PURE__ */ (0, j.jsxs)("span", {
+				className: U.selectionCount,
+				"aria-live": "polite",
+				"aria-atomic": "true",
+				children: [
+					e.length,
+					" row",
+					e.length === 1 ? "" : "s",
+					" selected",
+					/* @__PURE__ */ (0, j.jsx)("button", {
+						type: "button",
+						className: U.clearBtn,
+						onClick: i,
+						"aria-label": "Clear selection",
+						children: "×"
+					})
+				]
+			}),
+			s?.(l),
+			a && /* @__PURE__ */ (0, j.jsx)("button", {
+				type: "button",
+				className: U.exportBtn,
+				onClick: o,
+				"aria-label": "Export to CSV",
+				children: "Export CSV"
+			})
+		]
+	});
+}
+var W = {
+	menu: "_menu_1efgk_1",
+	heading: "_heading_1efgk_12",
+	list: "_list_1efgk_22",
+	item: "_item_1efgk_28",
+	label: "_label_1efgk_32",
+	checkbox: "_checkbox_1efgk_46"
+};
+//#endregion
+//#region src/components/DataGrid/ui/ColumnMenu.tsx
+function Ce({ columns: e, columnVisibility: t, anchorRect: n, onToggleColumn: i, onClose: a }) {
+	let o = c(null);
+	r(() => {
+		function e(e) {
+			o.current && !o.current.contains(e.target) && a();
+		}
+		function t(e) {
+			e.key === "Escape" && a();
+		}
+		function n() {
+			a();
+		}
+		return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), window.addEventListener("scroll", n, {
+			capture: !0,
+			passive: !0
+		}), () => {
+			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t), window.removeEventListener("scroll", n, { capture: !0 });
+		};
+	}, [a]);
+	let s = e.filter((e) => e.hideable !== !1);
+	return d(/* @__PURE__ */ (0, j.jsxs)("div", {
+		ref: o,
+		className: W.menu,
+		style: {
+			top: n.bottom + 2,
+			left: n.left
+		},
+		role: "dialog",
+		"aria-label": "Column visibility",
+		children: [/* @__PURE__ */ (0, j.jsx)("p", {
+			className: W.heading,
+			children: "Columns"
+		}), /* @__PURE__ */ (0, j.jsx)("ul", {
+			className: W.list,
+			role: "list",
+			children: s.map((e) => {
+				let n = t[e.id] !== !1 && !(e.defaultHidden && t[e.id] === void 0);
+				return /* @__PURE__ */ (0, j.jsx)("li", {
+					className: W.item,
+					children: /* @__PURE__ */ (0, j.jsxs)("label", {
+						className: W.label,
+						children: [/* @__PURE__ */ (0, j.jsx)("input", {
+							type: "checkbox",
+							className: W.checkbox,
+							checked: n,
+							onChange: () => i(e.id, !n)
+						}), e.header]
+					})
+				}, e.id);
+			})
+		})]
+	}), document.body);
+}
+//#endregion
+//#region src/components/DataGrid/ai/schema.ts
+var G = f.object({
+	sorts: f.array(f.object({
+		columnId: f.string(),
+		direction: f.enum(["asc", "desc"])
+	})).optional(),
+	filters: f.array(f.object({
+		columnId: f.string(),
+		operator: f.enum([
+			"eq",
+			"contains",
+			"gt",
+			"gte",
+			"lt",
+			"lte",
+			"between",
+			"in"
+		]),
+		value: f.union([
+			f.string(),
+			f.number(),
+			f.array(f.union([f.string(), f.number()]))
+		])
+	})).optional(),
+	grouping: f.array(f.string()).optional(),
+	reset: f.boolean().optional(),
+	explanation: f.string()
+});
+//#endregion
+//#region src/components/DataGrid/ai/aiClient.ts
+async function we(e, t, n, r, i) {
+	let a = await fetch(e, {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify({
+			prompt: t,
+			columns: n.map((e) => ({
+				id: e.id,
+				header: e.header,
+				filterType: e.filterType
+			})),
+			currentState: r
+		}),
+		signal: i
+	});
+	if (!a.ok) {
+		let e = await a.text().catch(() => ""), t = e;
+		try {
+			t = JSON.parse(e).error ?? e;
+		} catch {}
+		throw Error(t || `Request failed: ${a.status}`);
+	}
+	let o = await a.json();
+	return G.parse(o);
+}
+var K = {
+	aiBar: "_aiBar_13i5a_1",
+	form: "_form_13i5a_10",
+	icon: "_icon_13i5a_16",
+	input: "_input_13i5a_24",
+	submitBtn: "_submitBtn_13i5a_54",
+	spinner: "_spinner_13i5a_82",
+	spin: "_spin_13i5a_82",
+	resultRow: "_resultRow_13i5a_96",
+	explanation: "_explanation_13i5a_103",
+	clearBtn: "_clearBtn_13i5a_111",
+	error: "_error_13i5a_130"
+};
+//#endregion
+//#region src/components/DataGrid/ui/AiBar.tsx
+function Te({ endpoint: e, placeholder: t, columns: r, gridState: i, onCommand: a, onReset: o }) {
+	let [s, u] = l(""), [d, f] = l("idle"), [p, m] = l(null), [h, g] = l(null), _ = c(null), v = n(async (t) => {
+		t.preventDefault();
+		let n = s.trim();
+		if (!n || d === "loading") return;
+		_.current?.abort();
+		let o = new AbortController();
+		_.current = o, f("loading"), m(null), g(null);
+		try {
+			let t = await we(e, n, r, i, o.signal);
+			a(t), m(t.explanation), f("idle"), u("");
+		} catch (e) {
+			if (e.name === "AbortError") return;
+			g(e.message ?? "Request failed"), f("error");
+		}
+	}, [
+		s,
+		d,
+		e,
+		r,
+		i,
+		a
+	]);
+	return /* @__PURE__ */ (0, j.jsxs)("div", {
+		className: K.aiBar,
+		children: [
+			/* @__PURE__ */ (0, j.jsxs)("form", {
+				className: K.form,
+				onSubmit: v,
+				role: "search",
+				children: [
+					/* @__PURE__ */ (0, j.jsx)("span", {
+						className: K.icon,
+						"aria-hidden": "true",
+						children: "✦"
+					}),
+					/* @__PURE__ */ (0, j.jsx)("input", {
+						className: K.input,
+						type: "text",
+						value: s,
+						onChange: (e) => u(e.target.value),
+						placeholder: t ?? "Ask the grid… e.g. \"show completed orders over £500\"",
+						disabled: d === "loading",
+						"aria-label": "AI grid command",
+						autoComplete: "off",
+						spellCheck: !1
+					}),
+					/* @__PURE__ */ (0, j.jsx)("button", {
+						type: "submit",
+						className: K.submitBtn,
+						disabled: !s.trim() || d === "loading",
+						"aria-label": "Send AI command",
+						children: d === "loading" ? /* @__PURE__ */ (0, j.jsx)("span", {
+							className: K.spinner,
+							"aria-hidden": "true"
+						}) : "Ask"
+					})
+				]
+			}),
+			p && d === "idle" && /* @__PURE__ */ (0, j.jsxs)("div", {
+				className: K.resultRow,
+				children: [/* @__PURE__ */ (0, j.jsx)("p", {
+					className: K.explanation,
+					role: "status",
+					"aria-live": "polite",
+					children: p
+				}), /* @__PURE__ */ (0, j.jsx)("button", {
+					type: "button",
+					className: K.clearBtn,
+					onClick: () => {
+						m(null), o();
+					},
+					children: "Clear"
+				})]
+			}),
+			h && d === "error" && /* @__PURE__ */ (0, j.jsx)("p", {
+				className: K.error,
+				role: "alert",
+				children: h
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/DataGrid/DataGrid.tsx
+function Ee({ data: e, columns: t, getRowId: i, onRowClick: s, onCellClick: d, dataMode: f = "server", pageSize: p = 20, rowCount: m, loading: h, onStateChange: g, selectionMode: y = "none", selectAllScope: b = "page", onSelectionChange: x, enableCsvExport: ee, csvFilename: S = "export.csv", enableColumnResize: C, enableColumnVisibility: E, toolbarActions: O, emptyState: k, className: A, initialState: M, fetchFilterOptions: N, ai: P, height: F, estimatedRowHeight: se = 41, onCellEdit: I }, ce) {
+	let { state: L, dispatch: R } = v(o(() => _(M, p), [])), [z, ue] = l(null), [de, B] = l(null), [fe, pe] = l(null), [V, he] = l(null), ge = n((e, t) => {
+		ue((n) => n === e ? (B(null), null) : (B(t), e));
+	}, []), _e = n((e, t) => {
+		pe((n) => n === e ? (he(null), null) : (he(t), e));
+	}, []), be = n((e, t) => {
+		R({
+			type: "SET_COLUMN_VISIBILITY",
+			columnId: e,
+			visible: t
+		});
+	}, [R]), U = n((e, t, n) => {
+		let r = t === null || t === "" || Array.isArray(t) && t.length === 0, i;
+		if (r) i = L.filters.filter((t) => t.columnId !== e);
+		else {
+			let r = {
+				columnId: e,
+				operator: n,
+				value: t
+			}, a = L.filters.findIndex((t) => t.columnId === e);
+			i = a >= 0 ? L.filters.map((e, t) => t === a ? r : e) : [...L.filters, r];
+		}
+		R({
+			type: "SET_FILTER",
+			filters: i
+		});
+	}, [L.filters, R]), W = n((e, t) => {
+		let n = L.sorts.find((t) => t.columnId === e), r;
+		if (n) r = n.direction === "asc" ? L.sorts.map((t) => t.columnId === e ? {
+			...t,
+			direction: "desc"
+		} : t) : L.sorts.filter((t) => t.columnId !== e);
+		else {
+			let n = {
+				columnId: e,
+				direction: "asc"
+			};
+			r = t ? [...L.sorts, n] : [n];
+		}
+		R({
+			type: "SET_SORT",
+			sorts: r
+		});
+	}, [L.sorts, R]), G = o(() => {
+		let e = /* @__PURE__ */ new Set();
+		for (let n of t) {
+			let t = L.columnVisibility[n.id] === !1, r = n.defaultHidden && L.columnVisibility[n.id] === void 0;
+			!t && !r && e.add(n.id);
+		}
+		return e;
+	}, [t, L.columnVisibility]), we = o(() => {
+		if (f !== "client") return {};
+		let n = {};
+		for (let r of t) if (r.filterType === "select" && !r.filterOptions) {
+			let t = /* @__PURE__ */ new Set();
+			for (let n of e) {
+				let e = r.accessor(n);
+				e != null && e !== "" && t.add(String(e));
+			}
+			n[r.id] = Array.from(t).sort();
+		}
+		return n;
+	}, [
+		e,
+		t,
+		f
+	]), [K, Ee] = l({});
+	r(() => {
+		if (!N) return;
+		let e = t.filter((e) => e.filterable === !0 && e.filterType === "select" && !e.filterOptions);
+		for (let t of e) N(t.id).then((e) => {
+			Ee((n) => ({
+				...n,
+				[t.id]: e
+			}));
+		}).catch(() => {});
+	}, [N]);
+	let q = o(() => f === "server" ? e : te(e, t, L.filters), [
+		e,
+		t,
+		L.filters,
+		f
+	]), J = o(() => f === "server" ? e.map((e) => ({
+		_type: "data",
+		row: e
+	})) : ne(e, t, L), [
+		e,
+		t,
+		L,
+		f
+	]), Y = o(() => f === "server" ? J : w(J, L.pagination), [
+		J,
+		L.pagination,
+		f
+	]), De = f === "server" ? m ?? 0 : J.length, Oe = re(De, L.pagination.pageSize), ke = o(() => T(L.selection, e, i), [
+		L.selection,
+		e,
+		i
+	]), Ae = o(() => y === "none" ? [] : Y.flatMap((e) => e._type === "data" ? [i(e.row)] : []), [
+		Y,
+		y,
+		i
+	]), je = o(() => y === "none" ? [] : q.map(i), [
+		q,
+		y,
+		i
+	]), X = b === "filtered" ? je : Ae, Z = X.length > 0 && X.every((e) => L.selection.has(e)), Me = !Z && X.some((e) => L.selection.has(e)), Ne = n(() => {
+		R(Z ? { type: "CLEAR_SELECTION" } : {
+			type: "SELECT_ALL",
+			rowIds: X
+		});
+	}, [
+		Z,
+		X,
+		R
+	]), Pe = n((e) => {
+		R({
+			type: "TOGGLE_SELECT",
+			rowId: e,
+			mode: y === "single" ? "single" : "multiple"
+		});
+	}, [y, R]), Fe = c(x);
+	r(() => {
+		Fe.current = x;
+	}, [x]);
+	let Ie = c("");
+	r(() => {
+		let t = JSON.stringify(Array.from(L.selection).sort());
+		if (t !== Ie.current && (Ie.current = t, Fe.current)) {
+			let t = T(L.selection, e, i);
+			Fe.current(t, Array.from(L.selection));
+		}
+	}, [
+		L.selection,
+		e,
+		i
+	]);
+	let Le = c(g);
+	r(() => {
+		Le.current = g;
+	}, [g]);
+	let Re = c(null);
+	r(() => {
+		if (f !== "server") return;
+		let e = JSON.stringify({
+			sorts: L.sorts,
+			filters: L.filters,
+			grouping: L.grouping,
+			pagination: L.pagination
+		});
+		e !== Re.current && (Re.current = e, Le.current?.(L));
+	}, [L, f]);
+	let ze = n((n) => {
+		ae(ie(n?.selectedOnly ? T(L.selection, e, i) : q, t), S);
+	}, [
+		L.selection,
+		e,
+		i,
+		q,
+		t,
+		S
+	]), Be = o(() => new Set(t.map((e) => e.id)), [t]), Ve = n((e) => {
+		D(e, Be).forEach((e) => R(e));
+	}, [Be, R]), [He, Ue] = l(null), We = n((e, t) => {
+		Ue({
+			rowId: e,
+			columnId: t
+		});
+	}, []), Ge = n((e, t, n) => {
+		I?.(e, t, n), Ue(null);
+	}, [I]), Ke = n(() => {
+		Ue(null);
+	}, []);
+	a(ce, () => ({
+		getSelectedRows: () => T(L.selection, e, i),
+		getProcessedRows: () => q,
+		getGridState: () => L,
+		clearSelection: () => R({ type: "CLEAR_SELECTION" }),
+		exportCsv: ze,
+		setState: (e) => {
+			e.sorts && R({
+				type: "SET_SORT",
+				sorts: e.sorts
+			}), e.filters && R({
+				type: "SET_FILTER",
+				filters: e.filters
+			}), e.grouping && R({
+				type: "SET_GROUPING",
+				grouping: e.grouping
+			});
+		}
+	}));
+	let Q = t.filter((e) => G.has(e.id)), qe = F !== void 0, Je = c(null), Ye = u({
+		count: qe ? Y.length : 0,
+		getScrollElement: () => qe ? Je.current : null,
+		estimateSize: () => se,
+		overscan: 8
+	}), $ = Ye.getVirtualItems(), Xe = o(() => {
+		let e = [];
+		y !== "none" && e.push(40);
+		for (let t of Q) e.push(L.columnSizing[t.id] ?? t.width ?? 150);
+		return e;
+	}, [
+		Q,
+		y,
+		L.columnSizing
+	]), Ze = o(() => Xe.reduce((e, t) => e + t, 0), [Xe]), Qe = o(() => ({ minWidth: Ze }), [Ze]), $e = /* @__PURE__ */ (0, j.jsxs)("colgroup", { children: [y !== "none" && /* @__PURE__ */ (0, j.jsx)("col", { style: {
+		width: 40,
+		minWidth: 40,
+		maxWidth: 40
+	} }), Q.map((e, t) => {
+		let n = L.columnSizing[e.id] ?? e.width ?? 150;
+		return /* @__PURE__ */ (0, j.jsx)("col", { style: t === Q.length - 1 ? void 0 : { width: n } }, e.id);
+	})] }), et = /* @__PURE__ */ (0, j.jsxs)("tr", { children: [y !== "none" && /* @__PURE__ */ (0, j.jsx)(ve, {
+		checked: Z,
+		indeterminate: Me,
+		onChange: Ne,
+		ariaLabel: Z ? "Deselect all" : "Select all",
+		isHeader: !0
+	}), Q.map((e) => {
+		let n = L.sorts.findIndex((t) => t.columnId === e.id), r = fe === e.id, i = L.filters.some((t) => t.columnId === e.id), a = z === e.id;
+		return /* @__PURE__ */ (0, j.jsx)(oe, {
+			column: e,
+			sortEntry: n >= 0 ? L.sorts[n] : void 0,
+			sortIndex: n,
+			totalSorts: L.sorts.length,
+			width: L.columnSizing[e.id],
+			onSort: W,
+			enableResize: C,
+			onResize: (e, t) => R({
+				type: "SET_COLUMN_SIZE",
+				columnId: e,
+				width: t
+			}),
+			enableMenu: E,
+			menuOpen: r,
+			onToggleMenu: _e,
+			filterActive: i,
+			filterPanelOpen: a,
+			onToggleFilter: e.filterable === !0 ? ge : void 0,
+			columnMenuSlot: E && r && V ? /* @__PURE__ */ (0, j.jsx)(Ce, {
+				columns: t,
+				columnVisibility: L.columnVisibility,
+				anchorRect: V,
+				onToggleColumn: be,
+				onClose: () => pe(null)
+			}) : null
+		}, e.id);
+	})] }), tt = () => {
+		if (Y.length === 0) return /* @__PURE__ */ (0, j.jsx)("tr", { children: /* @__PURE__ */ (0, j.jsx)("td", {
+			colSpan: Q.length + (y === "none" ? 0 : 1),
+			children: /* @__PURE__ */ (0, j.jsx)("div", {
+				className: H.emptyState,
+				children: k ?? "No data"
+			})
+		}) });
+		if (!qe) return Y.map((e, n) => {
+			if (e._type === "group") return /* @__PURE__ */ (0, j.jsx)(me, {
+				row: e,
+				columns: t,
+				visibleColumnIds: G,
+				onToggle: () => R({
+					type: "TOGGLE_EXPAND",
+					groupId: e.id
+				})
+			}, e.id);
+			let r = i(e.row);
+			return /* @__PURE__ */ (0, j.jsx)(ye, {
+				row: e.row,
+				rowIndex: n,
+				rowId: r,
+				columns: t,
+				visibleColumnIds: G,
+				selectionMode: y,
+				isSelected: L.selection.has(r),
+				onToggleSelect: Pe,
+				onRowClick: s,
+				onCellClick: d,
+				editingColumnId: He?.rowId === r ? He.columnId : void 0,
+				onStartEdit: I ? We : void 0,
+				onCommitEdit: I ? Ge : void 0,
+				onCancelEdit: Ke
+			}, r);
+		});
+		let e = $.length > 0 ? $[0]?.start ?? 0 : 0, n = $.length > 0 ? Ye.getTotalSize() - ($[$.length - 1]?.end ?? 0) : 0;
+		return /* @__PURE__ */ (0, j.jsxs)(j.Fragment, { children: [
+			e > 0 && /* @__PURE__ */ (0, j.jsx)("tr", { children: /* @__PURE__ */ (0, j.jsx)("td", {
+				style: {
+					height: e,
+					padding: 0,
+					border: "none"
+				},
+				colSpan: Xe.length
+			}) }),
+			$.map((e) => {
+				let n = Y[e.index];
+				if (n._type === "group") return /* @__PURE__ */ (0, j.jsx)(me, {
+					row: n,
+					columns: t,
+					visibleColumnIds: G,
+					onToggle: () => R({
+						type: "TOGGLE_EXPAND",
+						groupId: n.id
+					})
+				}, n.id);
+				let r = i(n.row);
+				return /* @__PURE__ */ (0, j.jsx)(ye, {
+					row: n.row,
+					rowIndex: e.index,
+					rowId: r,
+					columns: t,
+					visibleColumnIds: G,
+					selectionMode: y,
+					isSelected: L.selection.has(r),
+					onToggleSelect: Pe,
+					onRowClick: s,
+					onCellClick: d,
+					editingColumnId: He?.rowId === r ? He.columnId : void 0,
+					onStartEdit: I ? We : void 0,
+					onCommitEdit: I ? Ge : void 0,
+					onCancelEdit: Ke
+				}, r);
+			}),
+			n > 0 && /* @__PURE__ */ (0, j.jsx)("tr", { children: /* @__PURE__ */ (0, j.jsx)("td", {
+				style: {
+					height: n,
+					padding: 0,
+					border: "none"
+				},
+				colSpan: Xe.length
+			}) })
+		] });
+	}, nt = typeof F == "number" ? `${F}px` : F;
+	return /* @__PURE__ */ (0, j.jsxs)("div", {
+		className: [H.wrapper, A].filter(Boolean).join(" "),
+		children: [
+			/* @__PURE__ */ (0, j.jsx)(Se, {
+				selectedRows: ke,
+				selectedIds: Array.from(L.selection),
+				processedRows: q,
+				gridState: L,
+				clearSelection: () => R({ type: "CLEAR_SELECTION" }),
+				enableCsvExport: ee,
+				onExport: () => ze(),
+				toolbarActions: O,
+				columns: t
+			}),
+			P && /* @__PURE__ */ (0, j.jsx)(Te, {
+				endpoint: P.endpoint,
+				placeholder: P.placeholder,
+				columns: t,
+				gridState: L,
+				onCommand: Ve,
+				onReset: () => R({ type: "RESET" })
+			}),
+			h && /* @__PURE__ */ (0, j.jsx)("div", {
+				className: H.loadingOverlay,
+				role: "status",
+				"aria-label": "Loading",
+				children: /* @__PURE__ */ (0, j.jsx)("div", { className: H.spinner })
+			}),
+			qe ? /* @__PURE__ */ (0, j.jsxs)("div", {
+				className: H.vsOuter,
+				children: [/* @__PURE__ */ (0, j.jsxs)("table", {
+					className: H.table,
+					style: Qe,
+					children: [$e, /* @__PURE__ */ (0, j.jsx)("thead", { children: et })]
+				}), /* @__PURE__ */ (0, j.jsx)("div", {
+					ref: Je,
+					className: H.vsBody,
+					style: {
+						height: nt,
+						overflowY: "auto",
+						overflowX: "clip",
+						minWidth: Ze
+					},
+					children: /* @__PURE__ */ (0, j.jsxs)("table", {
+						className: H.table,
+						role: "grid",
+						style: Qe,
+						children: [$e, /* @__PURE__ */ (0, j.jsx)("tbody", { children: tt() })]
+					})
+				})]
+			}) : /* @__PURE__ */ (0, j.jsx)("div", {
+				className: H.tableContainer,
+				children: /* @__PURE__ */ (0, j.jsxs)("table", {
+					className: H.table,
+					role: "grid",
+					style: Qe,
+					children: [
+						$e,
+						/* @__PURE__ */ (0, j.jsx)("thead", { children: et }),
+						/* @__PURE__ */ (0, j.jsx)("tbody", { children: tt() })
+					]
+				})
+			}),
+			z !== null && de !== null && (() => {
+				let e = t.find((e) => e.id === z);
+				return e ? /* @__PURE__ */ (0, j.jsx)(le, {
+					column: e,
+					anchorRect: de,
+					filterEntry: L.filters.find((e) => e.columnId === z),
+					filterOptions: we[z] ?? K[z],
+					onChange: (e, t) => U(z, e, t),
+					onClose: () => {
+						ue(null), B(null);
+					}
+				}) : null;
+			})(),
+			/* @__PURE__ */ (0, j.jsx)(xe, {
+				pageIndex: L.pagination.pageIndex,
+				pageCount: Oe,
+				pageSize: L.pagination.pageSize,
+				totalRows: De,
+				onPageChange: (e) => R({
+					type: "SET_PAGE",
+					pageIndex: e
+				}),
+				onPageSizeChange: (e) => R({
+					type: "SET_PAGE_SIZE",
+					pageSize: e
+				})
+			})
+		]
+	});
+}
+var q = t(Ee);
+//#endregion
+export { q as DataGrid };