lite-table-js 1.0.0 → 1.0.1

package/dist/index.js

@@ -1,20 +1,19 @@
 import e, { memo as t, useCallback as n, useEffect as r, useMemo as i, useRef as a, useState as o } from "react";
-import { AlertCircle as s, AreaChart as c, ArrowDown as l, ArrowUp as u, ArrowUpDown as d, BarChart3 as f, Bookmark as p, Check as m, ChevronDown as h, ChevronLeft as g, ChevronRight as _, ChevronsLeft as v, ChevronsRight as y, Database as b, Download as x, Edit3 as S, Filter as C, GripVertical as w, LayoutGrid as T, LineChart as E, List as D, MoreVertical as O, PieChart as ee, Plus as k, RefreshCw as A, RotateCcw as j, Save as M, Search as N, SlidersHorizontal as P, Table2 as te, Trash2 as F, X as I } from "lucide-react";
-import { Fragment as L, jsx as R, jsxs as z } from "react/jsx-runtime";
-import { createPortal as B } from "react-dom";
-import { Area as V, AreaChart as H, Bar as U, BarChart as W, CartesianGrid as G, Cell as K, Legend as q, Line as ne, LineChart as J, Pie as re, PieChart as ie, ResponsiveContainer as ae, Tooltip as oe, XAxis as se, YAxis as Y } from "recharts";
+import { AlertCircle as s, AreaChart as c, ArrowDown as l, ArrowUp as u, ArrowUpDown as d, BarChart3 as f, Bookmark as p, Check as m, ChevronDown as h, ChevronLeft as g, ChevronRight as _, ChevronsLeft as v, ChevronsRight as y, Database as b, Download as x, Edit3 as S, Filter as C, GripVertical as w, LayoutGrid as T, LineChart as E, List as D, MoreVertical as O, PieChart as k, Plus as A, RefreshCw as j, RotateCcw as M, Save as N, Search as P, SlidersHorizontal as F, Table2 as ee, Trash2 as I, X as L } from "lucide-react";
+import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
+import { createPortal as V } from "react-dom";
 //#region src/utils.js
-function X(e, t) {
+function H(e, t) {
 	return t.split(".").reduce((e, t) => e?.[t], e);
 }
-function Z(e, t) {
+function U(e, t) {
 	if (t.accessorFn) return t.accessorFn(e);
-	if (t.accessorKey) return X(e, t.accessorKey);
+	if (t.accessorKey) return H(e, t.accessorKey);
 }
-function ce(e, t, n) {
-	return typeof t == "function" ? t(e) : typeof t == "string" ? String(X(e, t)) : e.id === void 0 ? e._id === void 0 ? e.key === void 0 ? String(n) : String(e.key) : String(e._id) : String(e.id);
+function W(e, t, n) {
+	return typeof t == "function" ? t(e) : typeof t == "string" ? String(H(e, t)) : e.id === void 0 ? e._id === void 0 ? e.key === void 0 ? String(n) : String(e.key) : String(e._id) : String(e.id);
 }
-function le(e, t, n) {
+function G(e, t, n) {
 	if (!t.length) return e;
 	let r = [...e];
 	return r.sort((e, r) => {
@@ -27,31 +26,31 @@ function le(e, t, n) {
 				if (n !== 0) return n;
 				continue;
 			}
-			let a = ue(Z(e, t), Z(r, t));
+			let a = te(U(e, t), U(r, t));
 			if (a !== 0) return i.direction === "asc" ? a : -a;
 		}
 		return 0;
 	}), r;
 }
-function ue(e, t) {
+function te(e, t) {
 	return e == null && t == null ? 0 : e == null ? -1 : t == null ? 1 : typeof e == "string" && typeof t == "string" ? e.localeCompare(t, void 0, { sensitivity: "base" }) : typeof e == "number" && typeof t == "number" ? e - t : e instanceof Date && t instanceof Date ? e.getTime() - t.getTime() : String(e).localeCompare(String(t));
 }
-function de(e, t, n, r) {
+function K(e, t, n, r) {
 	let i = e;
 	if (n.trim()) {
 		let e = n.toLowerCase();
 		i = i.filter((t) => r.some((n) => {
-			let r = Z(t, n);
+			let r = U(t, n);
 			return r != null && String(r).toLowerCase().includes(e);
 		}));
 	}
 	for (let e of t) {
 		let t = r.find((t) => t.id === e.columnId);
-		t && (i = i.filter((n) => fe(Z(n, t), e)));
+		t && (i = i.filter((n) => ne(U(n, t), e)));
 	}
 	return i;
 }
-function fe(e, t) {
+function ne(e, t) {
 	let { value: n, operator: r = "contains" } = t;
 	if (n == null || n === "" || Array.isArray(n) && !n.length) return !0;
 	if (Array.isArray(n)) return n.includes(e);
@@ -69,59 +68,59 @@ function fe(e, t) {
 		default: return i.includes(a);
 	}
 }
-function Q(e, t, n) {
+function q(e, t, n) {
 	let r = (t - 1) * n;
 	return e.slice(r, r + n);
 }
-function $(e, t) {
+function J(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let r of e) {
-		let e = X(r, t), i = n.get(e) ?? [];
+		let e = H(r, t), i = n.get(e) ?? [];
 		i.push(r), n.set(e, i);
 	}
 	return n;
 }
-function pe(e, t, n = "export") {
+function Y(e, t, n = "export") {
 	let r = t.map((e) => e.header), i = e.map((e) => t.map((t) => {
-		let n = Z(e, t), r = String(n ?? "");
+		let n = U(e, t), r = String(n ?? "");
 		return r.includes(",") || r.includes("\"") || r.includes("\n") ? `"${r.replace(/"/g, "\"\"")}"` : r;
 	}));
-	he([r.join(","), ...i.map((e) => e.join(","))].join("\n"), `${n}.csv`, "text/csv");
+	re([r.join(","), ...i.map((e) => e.join(","))].join("\n"), `${n}.csv`, "text/csv");
 }
-function me(e, t = "export") {
-	he(JSON.stringify(e, null, 2), `${t}.json`, "application/json");
+function X(e, t = "export") {
+	re(JSON.stringify(e, null, 2), `${t}.json`, "application/json");
 }
-function he(e, t, n) {
+function re(e, t, n) {
 	let r = new Blob([e], { type: n }), i = URL.createObjectURL(r), a = document.createElement("a");
 	a.href = i, a.download = t, document.body.appendChild(a), a.click(), document.body.removeChild(a), URL.revokeObjectURL(i);
 }
-function ge(e, t, n, r) {
+function ie(e, t, n, r) {
 	if (r) {
 		r(e, t);
 		return;
 	}
 	switch (e) {
 		case "csv":
-			pe(t, n);
+			Y(t, n);
 			break;
 		case "excel":
-			pe(t, n, "export");
+			Y(t, n, "export");
 			break;
 		case "pdf":
 			console.warn("PDF export requires a custom onExport handler");
 			break;
 	}
 }
-function _e(e, t, n) {
+function ae(e, t, n) {
 	let r = [...e], [i] = r.splice(t, 1);
 	return r.splice(n, 0, i), r;
 }
-function ve(e, t, n) {
+function oe(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/hooks/useSorting.js
-function ye({ config: e, columns: t }) {
+function se({ config: e, columns: t }) {
 	let [r, a] = o(e?.defaultSort ?? []), s = e?.sort !== void 0, c = s ? e.sort : r, l = n((n) => {
 		if (!t.find((e) => e.id === n)?.sortable) return;
 		let r = c.find((e) => e.columnId === n), i;
@@ -144,7 +143,7 @@ function ye({ config: e, columns: t }) {
 		s
 	]), u = n((e) => c.find((t) => t.columnId === e)?.direction ?? null, [c]), d = n((t) => {
 		s ? e?.onSortChange?.(t) : a(t);
-	}, [e, s]), f = n((e) => le(e, c, t), [c, t]);
+	}, [e, s]), f = n((e) => G(e, c, t), [c, t]);
 	return i(() => ({
 		sorting: c,
 		toggleSort: l,
@@ -161,7 +160,7 @@ function ye({ config: e, columns: t }) {
 }
 //#endregion
 //#region src/hooks/useFilters.js
-function be({ config: e, columns: t }) {
+function ce({ config: e, columns: t }) {
 	let [r, a] = o([]), [s, c] = o(""), [l, u] = o(e?.presets ?? []), d = e?.filters !== void 0, f = e?.globalSearch !== void 0, p = d ? e.filters : r, m = f ? e.globalSearch : s, h = n((t, n, r) => {
 		let i = p.filter((e) => e.columnId !== t);
 		n !== "" && n != null && !(Array.isArray(n) && !n.length) && i.push({
@@ -183,7 +182,7 @@ function be({ config: e, columns: t }) {
 		f
 	]), v = n((t) => {
 		f ? e?.onGlobalSearchChange?.(t) : c(t);
-	}, [e, f]), y = n((e) => p.find((t) => t.columnId === e)?.value ?? "", [p]), b = n((e) => de(e, p, m, t), [
+	}, [e, f]), y = n((e) => p.find((t) => t.columnId === e)?.value ?? "", [p]), b = n((e) => K(e, p, m, t), [
 		p,
 		m,
 		t
@@ -238,7 +237,7 @@ function be({ config: e, columns: t }) {
 }
 //#endregion
 //#region src/hooks/usePagination.js
-function xe({ config: e, totalItems: t }) {
+function le({ config: e, totalItems: t }) {
 	let [r, a] = o(1), [s, c] = o(e?.pageSize ?? 10), l = e?.page !== void 0, u = e?.onPageSizeChange !== void 0 && e?.pageSize !== void 0, d = l ? e.page : r, f = u ? e.pageSize : s, p = e?.pageSizeOptions ?? [
 		10,
 		25,
@@ -253,7 +252,7 @@ function xe({ config: e, totalItems: t }) {
 		l
 	]), _ = n((t) => {
 		c(t), e?.onPageSizeChange?.(t), l ? e?.onPageChange?.(1) : a(1);
-	}, [e, l]), v = n((e) => Q(e, d, f), [d, f]), y = d > h ? 1 : d;
+	}, [e, l]), v = n((e) => q(e, d, f), [d, f]), y = d > h ? 1 : d;
 	return i(() => ({
 		page: y,
 		pageSize: f,
@@ -280,8 +279,8 @@ function xe({ config: e, totalItems: t }) {
 }
 //#endregion
 //#region src/hooks/useSelection.js
-function Se({ config: e, data: t }) {
-	let [r, s] = o([]), c = a(null), l = e?.mode ?? "none", u = e?.selectedKeys !== void 0, d = u ? e.selectedKeys : r, f = n((t, n) => ce(t, e?.rowKey, n), [e?.rowKey]), p = n((n) => {
+function ue({ config: e, data: t }) {
+	let [r, s] = o([]), c = a(null), l = e?.mode ?? "none", u = e?.selectedKeys !== void 0, d = u ? e.selectedKeys : r, f = n((t, n) => W(t, e?.rowKey, n), [e?.rowKey]), p = n((n) => {
 		let r = t.filter((e, t) => n.includes(f(e, t)));
 		u || s(n), e?.onSelectionChange?.(n, r);
 	}, [
@@ -368,7 +367,7 @@ function Se({ config: e, data: t }) {
 }
 //#endregion
 //#region src/hooks/useColumnManager.js
-function Ce({ columns: e, enableVisibility: t = !1, enableResizing: r = !1, enableReordering: a = !1 }) {
+function de({ columns: e, enableVisibility: t = !1, enableResizing: r = !1, enableReordering: a = !1 }) {
 	let [s, c] = o(() => {
 		let t = /* @__PURE__ */ new Set();
 		return e.forEach((e) => {
@@ -385,18 +384,18 @@ function Ce({ columns: e, enableVisibility: t = !1, enableResizing: r = !1, enab
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
 	}, [t]), m = n((e, t) => {
-		a && u((n) => _e(n, e, t));
+		a && u((n) => ae(n, e, t));
 	}, [a]), h = n((e, t) => {
 		!a || e === t || u((n) => {
 			let r = n.indexOf(e), i = n.indexOf(t);
-			return r === -1 || i === -1 ? n : _e(n, r, i);
+			return r === -1 || i === -1 ? n : ae(n, r, i);
 		});
 	}, [a]), g = n((t, n) => {
 		if (!r) return;
 		let i = e.find((e) => e.id === t), a = i?.minWidth ?? 50, o = i?.maxWidth ?? 1e3;
 		f((e) => ({
 			...e,
-			[t]: ve(n, a, o)
+			[t]: oe(n, a, o)
 		}));
 	}, [r, e]), _ = i(() => {
 		let t = l.map((t) => e.find((e) => e.id === t)).filter((e) => e != null && !s.has(e.id)), n = new Set(l), r = e.filter((e) => !n.has(e.id) && !s.has(e.id));
@@ -448,7 +447,7 @@ function Ce({ columns: e, enableVisibility: t = !1, enableResizing: r = !1, enab
 }
 //#endregion
 //#region src/hooks/usePersistence.js
-function we({ persistKey: e, syncUrl: t, state: i, onRestore: a }) {
+function fe({ persistKey: e, syncUrl: t, state: i, onRestore: a }) {
 	let o = n(() => {
 		if (e) try {
 			let t = {
@@ -518,25 +517,25 @@ function we({ persistKey: e, syncUrl: t, state: i, onRestore: a }) {
 }
 //#endregion
 //#region src/hooks/usePresets.js
-var Te = "datatable_presets_";
-function Ee(e) {
-	return `${Te}${e}`;
+var pe = "datatable_presets_";
+function me(e) {
+	return `${pe}${e}`;
 }
-function De(e) {
+function he(e) {
 	try {
-		let t = localStorage.getItem(Ee(e));
+		let t = localStorage.getItem(me(e));
 		return t ? JSON.parse(t) : [];
 	} catch {
 		return [];
 	}
 }
-function Oe(e, t) {
+function Z(e, t) {
 	try {
-		localStorage.setItem(Ee(e), JSON.stringify(t));
+		localStorage.setItem(me(e), JSON.stringify(t));
 	} catch {}
 }
-function ke({ tableId: e }) {
-	let [t, r] = o(() => De(e)), a = n((t, n) => {
+function ge({ tableId: e }) {
+	let [t, r] = o(() => he(e)), a = n((t, n) => {
 		let i = Date.now(), a = {
 			id: `preset_${i}_${Math.random().toString(36).slice(2, 8)}`,
 			name: t,
@@ -546,7 +545,7 @@ function ke({ tableId: e }) {
 		};
 		return r((t) => {
 			let n = [...t, a];
-			return Oe(e, n), n;
+			return Z(e, n), n;
 		}), a;
 	}, [e]), s = n((e) => t.find((t) => t.name === e)?.config ?? null, [t]), c = n((e) => t.find((t) => t.id === e)?.config ?? null, [t]), l = n((t, n) => {
 		r((r) => {
@@ -558,12 +557,12 @@ function ke({ tableId: e }) {
 				},
 				updatedAt: Date.now()
 			} : e);
-			return Oe(e, i), i;
+			return Z(e, i), i;
 		});
 	}, [e]), u = n((t) => {
 		r((n) => {
 			let r = n.filter((e) => e.id !== t);
-			return Oe(e, r), r;
+			return Z(e, r), r;
 		});
 	}, [e]), d = n((t, n) => {
 		r((r) => {
@@ -572,10 +571,10 @@ function ke({ tableId: e }) {
 				name: n,
 				updatedAt: Date.now()
 			} : e);
-			return Oe(e, i), i;
+			return Z(e, i), i;
 		});
 	}, [e]), f = n(() => {
-		r([]), Oe(e, []);
+		r([]), Z(e, []);
 	}, [e]);
 	return i(() => ({
 		presets: t,
@@ -599,7 +598,7 @@ function ke({ tableId: e }) {
 }
 //#endregion
 //#region src/themes.js
-var Ae = {
+var _e = {
 	background: "#ffffff",
 	foreground: "#111827",
 	primary: "#2563eb",
@@ -610,7 +609,7 @@ var Ae = {
 	selected: "#eff6ff",
 	surface: "#f9fafb",
 	textSecondary: "#6b7280"
-}, je = {
+}, ve = {
 	background: "#111827",
 	foreground: "#f3f4f6",
 	primary: "#3b82f6",
@@ -621,7 +620,7 @@ var Ae = {
 	selected: "#1e3a5f",
 	surface: "#1f2937",
 	textSecondary: "#9ca3af"
-}, Me = {
+}, ye = {
 	background: "#ffffff",
 	foreground: "#1e1b4b",
 	primary: "#7c3aed",
@@ -632,7 +631,7 @@ var Ae = {
 	selected: "#ede9fe",
 	surface: "#f8f7ff",
 	textSecondary: "#6d28d9"
-}, Ne = {
+}, Q = {
 	background: "#ffffff",
 	foreground: "#1a1a2e",
 	primary: "#0f766e",
@@ -643,18 +642,18 @@ var Ae = {
 	selected: "#f0fdfa",
 	surface: "#f8fafc",
 	textSecondary: "#64748b"
-}, Pe = {
+}, $ = {
 	fontFamily: "inherit",
 	fontSize: "0.875rem",
 	headerFontSize: "0.75rem",
 	headerFontWeight: 600
-}, Fe = {
+}, be = {
 	cellPaddingX: "1rem",
 	cellPaddingY: "0.5rem",
 	compactCellPaddingY: "0.25rem",
 	rowHeight: "2.5rem"
 };
-function Ie(e) {
+function xe(e) {
 	return {
 		"--dt-bg": e.background,
 		"--dt-surface": e.surface,
@@ -668,7 +667,7 @@ function Ie(e) {
 		"--dt-muted": e.muted
 	};
 }
-function Le(e, t, n = Pe, r = Fe, i) {
+function Se(e, t, n = $, r = be, i) {
 	return {
 		name: e,
 		colors: t,
@@ -713,24 +712,24 @@ function Le(e, t, n = Pe, r = Fe, i) {
 			fontSize: "0.75rem",
 			boxShadow: "0 4px 6px -1px rgba(0,0,0,0.1)"
 		},
-		cssVariables: Ie(t),
+		cssVariables: xe(t),
 		...i
 	};
 }
-var Re = Le("light", Ae), ze = Le("dark", je), Be = Le("quartz", Me), Ve = Le("alpine", Ne, {
-	...Pe,
+var Ce = Se("light", _e), we = Se("dark", ve), Te = Se("quartz", ye), Ee = Se("alpine", Q, {
+	...$,
 	fontFamily: "'Inter', system-ui, sans-serif",
 	headerFontWeight: 700
 }, {
-	...Fe,
+	...be,
 	cellPaddingY: "0.625rem"
-}), He = {
-	light: Re,
-	dark: ze,
-	quartz: Be,
-	alpine: Ve
+}), De = {
+	light: Ce,
+	dark: we,
+	quartz: Te,
+	alpine: Ee
 };
-function Ue(e, t) {
+function Oe(e, t) {
 	let n = e.colors && t.colors ? {
 		...e.colors,
 		...t.colors
@@ -793,18 +792,18 @@ function Ue(e, t) {
 }
 //#endregion
 //#region src/hooks/useTheme.js
-var We = "datatable_theme_";
-function Ge({ themeConfig: e, persistKey: t }) {
+var ke = "datatable_theme_";
+function Ae({ themeConfig: e, persistKey: t }) {
 	let [r, a] = o(() => {
 		if (t) try {
-			return localStorage.getItem(`${We}${t}`) ?? e?.name ?? "light";
+			return localStorage.getItem(`${ke}${t}`) ?? e?.name ?? "light";
 		} catch {}
 		return e?.name ?? "light";
 	}), s = n((e) => {
 		if (a(e), t) try {
-			localStorage.setItem(`${We}${t}`, e);
+			localStorage.setItem(`${ke}${t}`, e);
 		} catch {}
-	}, [t]), c = i(() => e || (He[r] ?? He.light), [e, r]), l = i(() => c?.cssVariables ?? void 0, [c]), u = i(() => (e, t, n, r) => {
+	}, [t]), c = i(() => e || (De[r] ?? De.light), [e, r]), l = i(() => c?.cssVariables ?? void 0, [c]), u = i(() => (e, t, n, r) => {
 		let i = { ...c.row };
 		if (n && c.selectedRow ? i = {
 			...i,
@@ -860,7 +859,7 @@ function Ge({ themeConfig: e, persistKey: t }) {
 }
 //#endregion
 //#region src/hooks/useVirtualization.js
-function Ke({ totalItems: e, config: t }) {
+function je({ totalItems: e, config: t }) {
 	let s = t?.enabled ?? !1, c = t?.rowHeight ?? 40, l = t?.overscan ?? 5, u = a(null), [d, f] = o(0), [p, m] = o(0);
 	r(() => {
 		if (!s) return;
@@ -919,7 +918,7 @@ function Ke({ totalItems: e, config: t }) {
 }
 //#endregion
 //#region src/hooks/useRowGrouping.js
-function qe(e, t) {
+function Me(e, t) {
 	if (!e.length) return null;
 	switch (t) {
 		case "sum": return e.reduce((e, t) => Number(e) + Number(t), 0);
@@ -932,7 +931,7 @@ function qe(e, t) {
 		default: return e.length;
 	}
 }
-function Je({ config: e, columns: t }) {
+function Ne({ config: e, columns: t }) {
 	let [r, a] = o(() => e?.defaultExpanded ? new Set(["__all__"]) : /* @__PURE__ */ new Set()), s = n((e) => r.has("__all__") || r.has(e), [r]), c = n((e) => {
 		a((t) => {
 			let n = new Set(t);
@@ -945,7 +944,7 @@ function Je({ config: e, columns: t }) {
 			if (n >= r.length) return e;
 			let c = r[n], l = /* @__PURE__ */ new Map();
 			for (let t of e) {
-				let e = X(t, c) ?? "__null__";
+				let e = H(t, c) ?? "__null__";
 				l.has(e) || l.set(e, []), l.get(e).push(t);
 			}
 			let u = [];
@@ -953,7 +952,7 @@ function Je({ config: e, columns: t }) {
 				let l = `${o}${c}:${e}`, d = {};
 				for (let [e, n] of Object.entries(i)) {
 					let i = t.find((t) => t.id === e);
-					i && (d[e] = qe(r.map((e) => Z(e, i)), n));
+					i && (d[e] = Me(r.map((e) => U(e, i)), n));
 				}
 				u.push({
 					__isGroupRow: !0,
@@ -993,8 +992,8 @@ function Je({ config: e, columns: t }) {
 }
 //#endregion
 //#region src/hooks/useTreeData.js
-function Ye({ config: e, rowKey: t }) {
-	let [r, a] = o(() => e?.defaultExpanded ? new Set(["__all__"]) : /* @__PURE__ */ new Set()), s = n((e, n) => typeof t == "function" ? t(e) : typeof t == "string" ? String(X(e, t)) : e.id === void 0 ? String(n) : String(e.id), [t]), c = n((e) => r.has("__all__") || r.has(e), [r]), l = n((e) => {
+function Pe({ config: e, rowKey: t }) {
+	let [r, a] = o(() => e?.defaultExpanded ? new Set(["__all__"]) : /* @__PURE__ */ new Set()), s = n((e, n) => typeof t == "function" ? t(e) : typeof t == "string" ? String(H(e, t)) : e.id === void 0 ? String(n) : String(e.id), [t]), c = n((e) => r.has("__all__") || r.has(e), [r]), l = n((e) => {
 		a((t) => {
 			let n = new Set(t);
 			return n.has("__all__") ? (n.delete("__all__"), n.delete(e), n) : (n.has(e) ? n.delete(e) : n.add(e), n);
@@ -1010,7 +1009,7 @@ function Ye({ config: e, rowKey: t }) {
 		let n = e.childrenField, r = [];
 		function i(e, t, a) {
 			e.forEach((e, o) => {
-				let l = s(e, a + o), u = X(e, n), d = Array.isArray(u) && u.length > 0, f = d && c(l);
+				let l = s(e, a + o), u = H(e, n), d = Array.isArray(u) && u.length > 0, f = d && c(l);
 				r.push({
 					row: e,
 					level: t,
@@ -1044,7 +1043,7 @@ function Ye({ config: e, rowKey: t }) {
 }
 //#endregion
 //#region src/hooks/useEditing.js
-function Xe({ config: e, columns: t, data: r, getKey: a }) {
+function Fe({ config: e, columns: t, data: r, getKey: a }) {
 	let [s, c] = o(null), [l, u] = o(null), [d, f] = o({}), [p, m] = o({}), h = n((e, t) => c({
 		rowKey: e,
 		columnId: t
@@ -1074,7 +1073,7 @@ function Xe({ config: e, columns: t, data: r, getKey: a }) {
 		if (!i) return;
 		let o = {};
 		t.forEach((e) => {
-			e.editable && (o[e.id] = Z(i, e));
+			e.editable && (o[e.id] = U(i, e));
 		}), u(n), f(o), m({});
 	}, [
 		e?.enabled,
@@ -1151,22 +1150,22 @@ function Xe({ config: e, columns: t, data: r, getKey: a }) {
 }
 //#endregion
 //#region src/hooks/useChartConfig.js
-var Ze = "datatable_charts_";
-function Qe(e) {
+var Ie = "datatable_charts_";
+function Le(e) {
 	try {
-		let t = localStorage.getItem(`${Ze}${e}`);
+		let t = localStorage.getItem(`${Ie}${e}`);
 		return t ? JSON.parse(t) : [];
 	} catch {
 		return [];
 	}
 }
-function $e(e, t) {
+function Re(e, t) {
 	try {
-		localStorage.setItem(`${Ze}${e}`, JSON.stringify(t));
+		localStorage.setItem(`${Ie}${e}`, JSON.stringify(t));
 	} catch {}
 }
-function et({ tableId: e } = {}) {
-	let t = e ?? "__default__", [r, a] = o(() => Qe(t)), [s, c] = o(!1), [l, u] = o(null), d = n((e) => {
+function ze({ tableId: e } = {}) {
+	let t = e ?? "__default__", [r, a] = o(() => Le(t)), [s, c] = o(!1), [l, u] = o(null), d = n((e) => {
 		let n = {
 			id: `chart_${Date.now()}_${Math.random().toString(36).slice(2, 6)}`,
 			config: {
@@ -1177,7 +1176,7 @@ function et({ tableId: e } = {}) {
 		};
 		return a((e) => {
 			let r = [...e, n];
-			return $e(t, r), r;
+			return Re(t, r), r;
 		}), n;
 	}, [t]), f = n((e, n) => {
 		a((r) => {
@@ -1188,15 +1187,15 @@ function et({ tableId: e } = {}) {
 					...n
 				}
 			} : t);
-			return $e(t, i), i;
+			return Re(t, i), i;
 		});
 	}, [t]), p = n((e) => {
 		a((n) => {
 			let r = n.filter((t) => t.id !== e);
-			return $e(t, r), r;
+			return Re(t, r), r;
 		});
 	}, [t]), m = n(() => {
-		a([]), $e(t, []);
+		a([]), Re(t, []);
 	}, [t]), h = n((e) => {
 		u(e ?? null), c(!0);
 	}, []), g = n(() => {
@@ -1228,80 +1227,80 @@ function et({ tableId: e } = {}) {
 }
 //#endregion
 //#region src/hooks/useDataTable.js
-function tt(e) {
-	let { data: t, columns: a, mode: s = "client", serverSide: c, loading: l = !1, sorting: u, filtering: d, pagination: f, selection: p, expandable: m, plugins: h = [], viewMode: g, onViewModeChange: _, columnVisibility: v = !1, columnResizing: y = !1, columnReordering: b = !1, persistKey: x, syncUrl: S, themeConfig: C, rowGrouping: w, treeData: T, rowPinning: E, virtualization: D, rowEditing: O } = e, [ee, k] = o(g ?? "table"), A = g ?? ee, j = n((e) => {
-		_ ? _(e) : k(e);
-	}, [_]), [M, N] = o([]), P = m?.expandedKeys ?? M, te = n((e) => {
-		let t = P.includes(e) ? P.filter((t) => t !== e) : [...P, e];
-		m?.onExpandChange ? m.onExpandChange(t) : N(t);
-	}, [P, m]), F = n((e, t) => ce(e, p?.rowKey, t), [p?.rowKey]), I = Xe({
+function Be(e) {
+	let { data: t, columns: a, mode: s = "client", serverSide: c, loading: l = !1, sorting: u, filtering: d, pagination: f, selection: p, expandable: m, plugins: h = [], viewMode: g, onViewModeChange: _, columnVisibility: v = !1, columnResizing: y = !1, columnReordering: b = !1, persistKey: x, syncUrl: S, themeConfig: C, rowGrouping: w, treeData: T, rowPinning: E, virtualization: D, rowEditing: O } = e, [k, A] = o(g ?? "table"), j = g ?? k, M = n((e) => {
+		_ ? _(e) : A(e);
+	}, [_]), [N, P] = o([]), F = m?.expandedKeys ?? N, ee = n((e) => {
+		let t = F.includes(e) ? F.filter((t) => t !== e) : [...F, e];
+		m?.onExpandChange ? m.onExpandChange(t) : P(t);
+	}, [F, m]), I = n((e, t) => W(e, p?.rowKey, t), [p?.rowKey]), L = Fe({
 		config: O,
 		columns: a,
 		data: t,
-		getKey: F
-	}), L = I.editingCell, R = I.startCellEdit, z = Ce({
+		getKey: I
+	}), R = L.editingCell, z = L.startCellEdit, B = de({
 		columns: a,
 		enableVisibility: v,
 		enableResizing: y,
 		enableReordering: b
-	}), B = ye({
+	}), V = se({
 		config: u,
 		columns: a
-	}), V = be({
+	}), H = ce({
 		config: d,
 		columns: a
-	}), H = Ge({ themeConfig: C }), U = Je({
+	}), U = Ae({ themeConfig: C }), G = Ne({
 		config: w,
 		columns: a
-	}), W = Ye({
+	}), te = Pe({
 		config: T,
 		rowKey: p?.rowKey
-	}), G = ke({ tableId: x ?? "__default__" }), K = et({ tableId: x }), [q, ne] = o(E?.pinnedTop ?? []), [J, re] = o(E?.pinnedBottom ?? []), ie = n((e, t) => {
-		ne((t) => t.filter((t) => t !== e)), re((t) => t.filter((t) => t !== e)), t === "top" && ne((t) => [...t, e]), t === "bottom" && re((t) => [...t, e]), E?.onPinChange?.(t === "top" ? [...q, e] : q.filter((t) => t !== e), t === "bottom" ? [...J, e] : J.filter((t) => t !== e));
+	}), K = ge({ tableId: x ?? "__default__" }), ne = ze({ tableId: x }), [q, J] = o(E?.pinnedTop ?? []), [Y, X] = o(E?.pinnedBottom ?? []), re = n((e, t) => {
+		J((t) => t.filter((t) => t !== e)), X((t) => t.filter((t) => t !== e)), t === "top" && J((t) => [...t, e]), t === "bottom" && X((t) => [...t, e]), E?.onPinChange?.(t === "top" ? [...q, e] : q.filter((t) => t !== e), t === "bottom" ? [...Y, e] : Y.filter((t) => t !== e));
 	}, [
 		q,
-		J,
+		Y,
 		E
-	]), [ae, oe] = o([]), [se, Y] = o(0), [X, Z] = o(!1), le = i(() => s === "server" ? ae : V.applyFilters(t), [
+	]), [ie, ae] = o([]), [oe, pe] = o(0), [me, he] = o(!1), Z = i(() => s === "server" ? ie : H.applyFilters(t), [
 		s,
 		t,
-		ae,
-		V
-	]), ue = i(() => s === "server" ? le : B.applySorting(le), [
+		ie,
+		H
+	]), _e = i(() => s === "server" ? Z : V.applySorting(Z), [
 		s,
-		le,
-		B
-	]), de = i(() => {
-		let e = ue;
-		for (let t of h) t.processData && (e = t.processData(e, he));
+		Z,
+		V
+	]), ve = i(() => {
+		let e = _e;
+		for (let t of h) t.processData && (e = t.processData(e, Se));
 		return e;
-	}, [ue, h]), fe = s === "server" ? se : de.length, Q = xe({
+	}, [_e, h]), ye = s === "server" ? oe : ve.length, Q = le({
 		config: f,
-		totalItems: fe
-	}), $ = i(() => s === "server" || Q.isInfinite ? de : Q.applyPagination(de), [
+		totalItems: ye
+	}), $ = i(() => s === "server" || Q.isInfinite ? ve : Q.applyPagination(ve), [
 		s,
-		de,
+		ve,
 		Q
-	]), pe = Ke({
+	]), be = je({
 		totalItems: $.length,
 		config: D
-	}), me = Se({
+	}), xe = ue({
 		config: p,
 		data: t
 	});
 	r(() => {
 		if (s !== "server" || !c?.onFetch) return;
 		let e = !1;
-		return Z(!0), c.onFetch({
+		return he(!0), c.onFetch({
 			page: Q.page,
 			pageSize: Q.pageSize,
-			sort: B.sorting,
-			filters: V.filters,
-			globalSearch: V.globalSearch
+			sort: V.sorting,
+			filters: H.filters,
+			globalSearch: H.globalSearch
 		}).then((t) => {
-			e || (oe(t.data), Y(t.totalItems));
+			e || (ae(t.data), pe(t.totalItems));
 		}).finally(() => {
-			e || Z(!1);
+			e || he(!1);
 		}), () => {
 			e = !0;
 		};
@@ -1310,151 +1309,151 @@ function tt(e) {
 		c,
 		Q.page,
 		Q.pageSize,
-		B.sorting,
-		V.filters,
-		V.globalSearch
+		V.sorting,
+		H.filters,
+		H.globalSearch
 	]);
-	let he = i(() => ({
+	let Se = i(() => ({
 		data: t,
 		processedData: $,
 		columns: a,
-		visibleColumns: z.visibleColumns,
-		sorting: B.sorting,
-		filters: V.filters,
-		globalSearch: V.globalSearch,
+		visibleColumns: B.visibleColumns,
+		sorting: V.sorting,
+		filters: H.filters,
+		globalSearch: H.globalSearch,
 		page: Q.page,
 		pageSize: Q.pageSize,
-		totalItems: fe,
-		selectedKeys: me.selectedKeys,
-		expandedKeys: P,
-		viewMode: A,
-		columnOrder: z.columnOrder,
-		columnWidths: z.columnWidths,
-		editingCell: L
+		totalItems: ye,
+		selectedKeys: xe.selectedKeys,
+		expandedKeys: F,
+		viewMode: j,
+		columnOrder: B.columnOrder,
+		columnWidths: B.columnWidths,
+		editingCell: R
 	}), [
 		t,
 		$,
 		a,
-		z,
 		B,
 		V,
+		H,
 		Q,
-		fe,
-		me,
-		P,
-		A,
-		L
+		ye,
+		xe,
+		F,
+		j,
+		R
 	]);
-	we({
+	fe({
 		persistKey: x,
 		syncUrl: S,
 		state: {
-			sorting: B.sorting,
-			filters: V.filters,
-			globalSearch: V.globalSearch,
+			sorting: V.sorting,
+			filters: H.filters,
+			globalSearch: H.globalSearch,
 			page: Q.page,
 			pageSize: Q.pageSize,
-			viewMode: A,
-			hiddenColumns: z.hiddenColumns,
-			columnOrder: z.columnOrder
+			viewMode: j,
+			hiddenColumns: B.hiddenColumns,
+			columnOrder: B.columnOrder
 		}
 	});
-	let ge = n(() => ({
-		columnOrder: z.columnOrder,
-		hiddenColumns: Array.from(z.hiddenColumns),
-		columnWidths: z.columnWidths,
-		sorting: B.sorting,
-		filters: V.filters,
-		globalSearch: V.globalSearch,
+	let Ce = n(() => ({
+		columnOrder: B.columnOrder,
+		hiddenColumns: Array.from(B.hiddenColumns),
+		columnWidths: B.columnWidths,
+		sorting: V.sorting,
+		filters: H.filters,
+		globalSearch: H.globalSearch,
 		pageSize: Q.pageSize,
-		viewMode: A
+		viewMode: j
 	}), [
-		z,
 		B,
 		V,
+		H,
 		Q,
-		A
-	]), _e = n((e) => {
-		let t = G.loadPresetById(e);
-		t && (t.columnOrder?.length && z.setColumnOrderIds(t.columnOrder), t.hiddenColumns && z.setHiddenColumnIds(t.hiddenColumns), t.columnWidths && z.setColumnWidthMap(t.columnWidths), B.setSorting(t.sorting ?? []), V.setFilters(t.filters ?? []), V.setGlobalSearch(t.globalSearch ?? ""), t.pageSize && Q.setPageSize(t.pageSize), t.viewMode && j(t.viewMode));
+		j
+	]), we = n((e) => {
+		let t = K.loadPresetById(e);
+		t && (t.columnOrder?.length && B.setColumnOrderIds(t.columnOrder), t.hiddenColumns && B.setHiddenColumnIds(t.hiddenColumns), t.columnWidths && B.setColumnWidthMap(t.columnWidths), V.setSorting(t.sorting ?? []), H.setFilters(t.filters ?? []), H.setGlobalSearch(t.globalSearch ?? ""), t.pageSize && Q.setPageSize(t.pageSize), t.viewMode && M(t.viewMode));
 	}, [
-		G,
-		z,
+		K,
 		B,
 		V,
+		H,
 		Q,
-		j
-	]), ve = i(() => $.filter((e, t) => q.includes(F(e, t))), [
+		M
+	]), Te = i(() => $.filter((e, t) => q.includes(I(e, t))), [
 		$,
 		q,
-		F
-	]), Te = i(() => $.filter((e, t) => J.includes(F(e, t))), [
+		I
+	]), Ee = i(() => $.filter((e, t) => Y.includes(I(e, t))), [
 		$,
-		J,
-		F
-	]), Ee = i(() => $.filter((e, t) => {
-		let n = F(e, t);
-		return !q.includes(n) && !J.includes(n);
+		Y,
+		I
+	]), De = i(() => $.filter((e, t) => {
+		let n = I(e, t);
+		return !q.includes(n) && !Y.includes(n);
 	}), [
 		$,
 		q,
-		J,
-		F
+		Y,
+		I
 	]);
 	return {
-		state: he,
+		state: Se,
 		processedData: $,
-		allFilteredData: de,
-		loading: l || X,
-		sorting: B,
-		filtering: V,
+		allFilteredData: ve,
+		loading: l || me,
+		sorting: V,
+		filtering: H,
 		pagination: Q,
-		selection: me,
-		columnManager: z,
-		viewMode: A,
-		setViewMode: j,
-		expandedKeys: P,
-		toggleExpand: te,
-		editingCell: L,
-		setEditingCell: R,
-		editing: I,
-		theme: H,
-		rowGrouping: U,
-		treeData: W,
-		presets: G,
-		chartConfig: K,
-		virtualization: pe,
-		pinnedTopRows: ve,
-		pinnedBottomRows: Te,
-		unpinnedData: Ee,
-		pinRow: ie,
-		getKey: F,
-		getCurrentPresetConfig: ge,
-		applyPreset: _e,
+		selection: xe,
+		columnManager: B,
+		viewMode: j,
+		setViewMode: M,
+		expandedKeys: F,
+		toggleExpand: ee,
+		editingCell: R,
+		setEditingCell: z,
+		editing: L,
+		theme: U,
+		rowGrouping: G,
+		treeData: te,
+		presets: K,
+		chartConfig: ne,
+		virtualization: be,
+		pinnedTopRows: Te,
+		pinnedBottomRows: Ee,
+		unpinnedData: De,
+		pinRow: re,
+		getKey: I,
+		getCurrentPresetConfig: Ce,
+		applyPreset: we,
 		plugins: h
 	};
 }
 //#endregion
 //#region src/exportUtils.js
-function nt(e, t) {
+function Ve(e, t) {
 	let n = URL.createObjectURL(e), r = document.createElement("a");
 	r.href = n, r.download = t, document.body.appendChild(r), r.click(), document.body.removeChild(r), URL.revokeObjectURL(n);
 }
-function rt(e, t) {
+function He(e, t) {
 	return t?.length ? t.map((t) => e.find((e) => e.id === t)).filter((e) => e != null) : e;
 }
-function it(e, t) {
+function Ue(e, t) {
 	return e.map((e) => t.map((t) => {
-		let n = Z(e, t);
+		let n = U(e, t);
 		return String(n ?? "");
 	}));
 }
-function at(e, t, n, r = "export") {
-	let i = rt(t, n), a = i.map((e) => e.header), o = it(e, i), s = (e) => e.includes(",") || e.includes("\"") || e.includes("\n") ? `"${e.replace(/"/g, "\"\"")}"` : e, c = [a.map(s).join(","), ...o.map((e) => e.map(s).join(","))].join("\n");
-	nt(new Blob(["" + c], { type: "text/csv;charset=utf-8;" }), `${r}.csv`);
+function We(e, t, n, r = "export") {
+	let i = He(t, n), a = i.map((e) => e.header), o = Ue(e, i), s = (e) => e.includes(",") || e.includes("\"") || e.includes("\n") ? `"${e.replace(/"/g, "\"\"")}"` : e, c = [a.map(s).join(","), ...o.map((e) => e.map(s).join(","))].join("\n");
+	Ve(new Blob(["" + c], { type: "text/csv;charset=utf-8;" }), `${r}.csv`);
 }
-async function ot(e, t, n, r = "export", i = "Sheet1") {
-	let a = rt(t, n), o = a.map((e) => e.header), s = it(e, a);
+async function Ge(e, t, n, r = "export", i = "Sheet1") {
+	let a = He(t, n), o = a.map((e) => e.header), s = Ue(e, a);
 	try {
 		let e = await import("xlsx"), t = [o, ...s], n = e.utils.aoa_to_sheet(t);
 		n["!cols"] = o.map((e, t) => {
@@ -1464,12 +1463,12 @@ async function ot(e, t, n, r = "export", i = "Sheet1") {
 		let a = e.utils.book_new();
 		e.utils.book_append_sheet(a, n, i), e.writeFile(a, `${r}.xlsx`);
 	} catch {
-		console.warn("xlsx library not available, falling back to CSV export"), at(e, t, n, r);
+		console.warn("xlsx library not available, falling back to CSV export"), We(e, t, n, r);
 	}
 }
 //#endregion
 //#region src/components/Toolbar.jsx
-function st({ globalSearch: e, onSearchChange: t, searchDebounce: n = 300, viewMode: i, onViewModeChange: a, views: s = [
+function Ke({ globalSearch: e, onSearchChange: t, searchDebounce: n = 300, viewMode: i, onViewModeChange: a, views: s = [
 	"table",
 	"grid",
 	"list"
@@ -1486,18 +1485,18 @@ function st({ globalSearch: e, onSearchChange: t, searchDebounce: n = 300, viewM
 		h(e);
 	}, [e]);
 	let v = {
-		table: /* @__PURE__ */ R(te, { className: "h-4 w-4" }),
-		grid: /* @__PURE__ */ R(T, { className: "h-4 w-4" }),
-		list: /* @__PURE__ */ R(D, { className: "h-4 w-4" })
+		table: /* @__PURE__ */ z(ee, { className: "h-4 w-4" }),
+		grid: /* @__PURE__ */ z(T, { className: "h-4 w-4" }),
+		list: /* @__PURE__ */ z(D, { className: "h-4 w-4" })
 	};
-	return /* @__PURE__ */ z("div", {
+	return /* @__PURE__ */ B("div", {
 		className: `flex flex-wrap items-center gap-2 px-4 py-3 border-b border-[var(--app-border,#e5e7eb)] ${p}`,
 		children: [
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ B("div", {
 				className: "relative flex-1 min-w-[200px] max-w-md",
 				children: [
-					/* @__PURE__ */ R(N, { className: "h-4 w-4 text-gray-400 absolute left-3 top-1/2 -translate-y-1/2" }),
-					/* @__PURE__ */ R("input", {
+					/* @__PURE__ */ z(P, { className: "h-4 w-4 text-gray-400 absolute left-3 top-1/2 -translate-y-1/2" }),
+					/* @__PURE__ */ z("input", {
 						type: "text",
 						value: m,
 						onChange: (e) => h(e.target.value),
@@ -1505,39 +1504,39 @@ function st({ globalSearch: e, onSearchChange: t, searchDebounce: n = 300, viewM
 						className: "w-full h-9 pl-9 pr-8 text-sm rounded-md border border-gray-300 dark:border-gray-600 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 bg-[var(--app-bg)]",
 						"aria-label": "Search table"
 					}),
-					m && /* @__PURE__ */ R("button", {
+					m && /* @__PURE__ */ z("button", {
 						type: "button",
 						onClick: () => {
 							h(""), t("");
 						},
 						className: "absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600",
 						"aria-label": "Clear search",
-						children: /* @__PURE__ */ R(I, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ z(L, { className: "h-4 w-4" })
 					})
 				]
 			}),
-			u && /* @__PURE__ */ z("button", {
+			u && /* @__PURE__ */ B("button", {
 				type: "button",
 				onClick: d,
 				className: "inline-flex items-center gap-1 px-2 py-1.5 text-xs font-medium text-brand-700 bg-brand-50 rounded-md hover:bg-brand-100 transition-colors",
 				children: [
-					/* @__PURE__ */ R(P, { className: "h-3 w-3" }),
+					/* @__PURE__ */ z(F, { className: "h-3 w-3" }),
 					"Filters active",
-					/* @__PURE__ */ R(j, { className: "h-3 w-3 ml-1" })
+					/* @__PURE__ */ z(M, { className: "h-3 w-3 ml-1" })
 				]
 			}),
 			f,
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ B("div", {
 				className: "flex items-center gap-1 ml-auto",
-				children: [c && c.length > 0 && l && /* @__PURE__ */ R(ct, {
+				children: [c && c.length > 0 && l && /* @__PURE__ */ z(qe, {
 					formats: c,
 					onExport: l,
 					isOpen: g,
 					onToggleOpen: () => _((e) => !e),
 					onClose: () => _(!1)
-				}), s.length > 1 && /* @__PURE__ */ R("div", {
+				}), s.length > 1 && /* @__PURE__ */ z("div", {
 					className: "flex items-center border border-gray-300 dark:border-gray-600 rounded-md overflow-hidden",
-					children: s.map((e) => /* @__PURE__ */ R("button", {
+					children: s.map((e) => /* @__PURE__ */ z("button", {
 						type: "button",
 						onClick: () => a(e),
 						className: `p-2 transition-colors ${i === e ? "bg-brand-600 text-white" : "bg-[var(--app-bg)] text-gray-500 hover:bg-gray-100 dark:hover:bg-gray-700"}`,
@@ -1551,7 +1550,7 @@ function st({ globalSearch: e, onSearchChange: t, searchDebounce: n = 300, viewM
 		]
 	});
 }
-function ct({ formats: t, onExport: n, isOpen: r, onToggleOpen: i, onClose: a }) {
+function qe({ formats: t, onExport: n, isOpen: r, onToggleOpen: i, onClose: a }) {
 	let o = e.useRef(null);
 	e.useEffect(() => {
 		if (!r) return;
@@ -1565,18 +1564,18 @@ function ct({ formats: t, onExport: n, isOpen: r, onToggleOpen: i, onClose: a })
 		excel: "Export Excel",
 		pdf: "Export PDF"
 	};
-	return /* @__PURE__ */ z("div", {
+	return /* @__PURE__ */ B("div", {
 		className: "relative",
 		ref: o,
-		children: [/* @__PURE__ */ R("button", {
+		children: [/* @__PURE__ */ z("button", {
 			type: "button",
 			onClick: i,
 			className: "p-2 text-gray-500 hover:text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md transition-colors",
 			"aria-label": "Export data",
-			children: /* @__PURE__ */ R(x, { className: "h-4 w-4" })
-		}), r && /* @__PURE__ */ R("div", {
+			children: /* @__PURE__ */ z(x, { className: "h-4 w-4" })
+		}), r && /* @__PURE__ */ z("div", {
 			className: "absolute right-0 top-full mt-1 z-50 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-lg py-1 min-w-[140px]",
-			children: t.map((e) => /* @__PURE__ */ R("button", {
+			children: t.map((e) => /* @__PURE__ */ z("button", {
 				type: "button",
 				onClick: () => {
 					n(e), a();
@@ -1589,54 +1588,54 @@ function ct({ formats: t, onExport: n, isOpen: r, onToggleOpen: i, onClose: a })
 }
 //#endregion
 //#region src/components/BulkActions.jsx
-function lt({ selectedCount: e, selectedRows: t, actions: n, onClearSelection: r }) {
-	return e === 0 ? null : /* @__PURE__ */ z("div", {
+function Je({ selectedCount: e, selectedRows: t, actions: n, onClearSelection: r }) {
+	return e === 0 ? null : /* @__PURE__ */ B("div", {
 		className: "flex items-center gap-3 px-4 py-2 bg-brand-50 dark:bg-brand-900/20 border-b border-brand-200 dark:border-brand-800 animate-in slide-in-from-top-1",
 		children: [
-			/* @__PURE__ */ z("span", {
+			/* @__PURE__ */ B("span", {
 				className: "text-sm font-medium text-brand-700 dark:text-brand-300",
 				children: [e, " selected"]
 			}),
-			/* @__PURE__ */ R("div", {
+			/* @__PURE__ */ z("div", {
 				className: "flex items-center gap-2",
-				children: n.map((e) => /* @__PURE__ */ z("button", {
+				children: n.map((e) => /* @__PURE__ */ B("button", {
 					type: "button",
 					onClick: () => e.onClick(t),
 					className: `inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-md transition-colors ${e.variant === "danger" ? "text-red-700 bg-red-100 hover:bg-red-200 dark:text-red-300 dark:bg-red-900/30 dark:hover:bg-red-900/50" : "text-brand-700 bg-brand-100 hover:bg-brand-200 dark:text-brand-300 dark:bg-brand-900/30 dark:hover:bg-brand-900/50"}`,
 					children: [e.icon, e.label]
 				}, e.id))
 			}),
-			/* @__PURE__ */ R("button", {
+			/* @__PURE__ */ z("button", {
 				type: "button",
 				onClick: r,
 				className: "ml-auto p-1 text-gray-400 hover:text-gray-600 transition-colors",
 				"aria-label": "Clear selection",
-				children: /* @__PURE__ */ R(I, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ z(L, { className: "h-4 w-4" })
 			})
 		]
 	});
 }
 //#endregion
 //#region src/components/ColumnFilter.jsx
-function ut({ column: e, value: t, onChange: n }) {
+function Ye({ column: e, value: t, onChange: n }) {
 	let [r, i] = o(!1), a = e.filterType ?? "text", s = t !== "" && t != null && !(Array.isArray(t) && !t.length);
 	if (e.filterComponent) {
 		let r = e.filterComponent;
-		return /* @__PURE__ */ R(r, {
+		return /* @__PURE__ */ z(r, {
 			column: e,
 			value: t,
 			onChange: (t) => n(e.id, t)
 		});
 	}
-	return /* @__PURE__ */ z("div", {
+	return /* @__PURE__ */ B("div", {
 		className: "relative inline-block",
-		children: [/* @__PURE__ */ R("button", {
+		children: [/* @__PURE__ */ z("button", {
 			type: "button",
 			onClick: () => i((e) => !e),
 			className: `p-1 rounded transition-colors ${s ? "text-brand-600 bg-brand-50" : "text-gray-400 hover:text-gray-600 hover:bg-gray-100"}`,
 			"aria-label": `Filter ${e.header}`,
-			children: /* @__PURE__ */ R(C, { className: "h-3.5 w-3.5" })
-		}), r && /* @__PURE__ */ R(dt, {
+			children: /* @__PURE__ */ z(C, { className: "h-3.5 w-3.5" })
+		}), r && /* @__PURE__ */ z(Xe, {
 			column: e,
 			filterType: a,
 			value: t,
@@ -1645,7 +1644,7 @@ function ut({ column: e, value: t, onChange: n }) {
 		})]
 	});
 }
-function dt({ column: t, filterType: r, value: i, onChange: a, onClose: o }) {
+function Xe({ column: t, filterType: r, value: i, onChange: a, onClose: o }) {
 	let s = e.useRef(null);
 	e.useEffect(() => {
 		let e = (e) => {
@@ -1660,23 +1659,23 @@ function dt({ column: t, filterType: r, value: i, onChange: a, onClose: o }) {
 		a,
 		o
 	]);
-	return /* @__PURE__ */ z("div", {
+	return /* @__PURE__ */ B("div", {
 		ref: s,
 		className: "absolute left-0 top-full mt-1 z-50 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-lg p-3 min-w-[200px]",
 		children: [
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ B("div", {
 				className: "flex items-center justify-between mb-2",
-				children: [/* @__PURE__ */ z("span", {
+				children: [/* @__PURE__ */ B("span", {
 					className: "text-xs font-medium text-gray-500",
 					children: ["Filter: ", t.header]
-				}), /* @__PURE__ */ R("button", {
+				}), /* @__PURE__ */ z("button", {
 					type: "button",
 					onClick: c,
 					className: "text-xs text-gray-400 hover:text-gray-600",
-					children: /* @__PURE__ */ R(I, { className: "h-3 w-3" })
+					children: /* @__PURE__ */ z(L, { className: "h-3 w-3" })
 				})]
 			}),
-			r === "text" && /* @__PURE__ */ R("input", {
+			r === "text" && /* @__PURE__ */ z("input", {
 				type: "text",
 				value: String(i ?? ""),
 				onChange: (e) => a(t.id, e.target.value, "contains"),
@@ -1684,7 +1683,7 @@ function dt({ column: t, filterType: r, value: i, onChange: a, onClose: o }) {
 				className: "w-full px-2 py-1.5 text-sm border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-brand-500 bg-[var(--app-bg)]",
 				autoFocus: !0
 			}),
-			r === "number" && /* @__PURE__ */ R("input", {
+			r === "number" && /* @__PURE__ */ z("input", {
 				type: "number",
 				value: String(i ?? ""),
 				onChange: (e) => a(t.id, e.target.value ? Number(e.target.value) : "", "eq"),
@@ -1692,25 +1691,25 @@ function dt({ column: t, filterType: r, value: i, onChange: a, onClose: o }) {
 				className: "w-full px-2 py-1.5 text-sm border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-brand-500 bg-[var(--app-bg)]",
 				autoFocus: !0
 			}),
-			r === "date" && /* @__PURE__ */ R("input", {
+			r === "date" && /* @__PURE__ */ z("input", {
 				type: "date",
 				value: String(i ?? ""),
 				onChange: (e) => a(t.id, e.target.value, "eq"),
 				className: "w-full px-2 py-1.5 text-sm border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-brand-500 bg-[var(--app-bg)]"
 			}),
-			r === "select" && t.filterOptions && /* @__PURE__ */ z("select", {
+			r === "select" && t.filterOptions && /* @__PURE__ */ B("select", {
 				value: String(i ?? ""),
 				onChange: (e) => a(t.id, e.target.value, "eq"),
 				className: "w-full px-2 py-1.5 text-sm border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-brand-500 bg-[var(--app-bg)]",
-				children: [/* @__PURE__ */ R("option", {
+				children: [/* @__PURE__ */ z("option", {
 					value: "",
 					children: "All"
-				}), t.filterOptions.map((e) => /* @__PURE__ */ R("option", {
+				}), t.filterOptions.map((e) => /* @__PURE__ */ z("option", {
 					value: e.value,
 					children: e.label
 				}, e.value))]
 			}),
-			r === "multi-select" && t.filterOptions && /* @__PURE__ */ R(ft, {
+			r === "multi-select" && t.filterOptions && /* @__PURE__ */ z(Ze, {
 				options: t.filterOptions,
 				value: Array.isArray(i) ? i : [],
 				onChange: (e) => a(t.id, e)
@@ -1718,20 +1717,20 @@ function dt({ column: t, filterType: r, value: i, onChange: a, onClose: o }) {
 		]
 	});
 }
-function ft({ options: e, value: t, onChange: n }) {
+function Ze({ options: e, value: t, onChange: n }) {
 	let r = (e) => {
 		n(t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
 	};
-	return /* @__PURE__ */ R("div", {
+	return /* @__PURE__ */ z("div", {
 		className: "max-h-48 overflow-y-auto space-y-1",
-		children: e.map((e) => /* @__PURE__ */ z("label", {
+		children: e.map((e) => /* @__PURE__ */ B("label", {
 			className: "flex items-center gap-2 px-1 py-0.5 cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-700 rounded",
-			children: [/* @__PURE__ */ R("input", {
+			children: [/* @__PURE__ */ z("input", {
 				type: "checkbox",
 				checked: t.includes(e.value),
 				onChange: () => r(e.value),
 				className: "h-3.5 w-3.5 rounded border-gray-300 text-brand-600 focus:ring-brand-600"
-			}), /* @__PURE__ */ R("span", {
+			}), /* @__PURE__ */ z("span", {
 				className: "text-sm text-gray-700 dark:text-gray-300",
 				children: e.label
 			})]
@@ -1740,26 +1739,26 @@ function ft({ options: e, value: t, onChange: n }) {
 }
 //#endregion
 //#region src/components/FloatingFilterRow.jsx
-function pt({ columns: e, getFilterValue: t, onFilterChange: n, showCheckbox: r = !1, showExpandToggle: i = !1, showActions: a = !1, compact: o = !1 }) {
+function Qe({ columns: e, getFilterValue: t, onFilterChange: n, showCheckbox: r = !1, showExpandToggle: i = !1, showActions: a = !1, compact: o = !1 }) {
 	let s = o ? "py-1" : "py-1.5";
-	return /* @__PURE__ */ z("tr", {
+	return /* @__PURE__ */ B("tr", {
 		className: "bg-[var(--app-surface,#f9fafb)] border-b border-[var(--app-border,#e5e7eb)]",
 		children: [
-			r && /* @__PURE__ */ R("td", { className: `px-4 ${s}` }),
-			i && /* @__PURE__ */ R("td", { className: `px-2 ${s}` }),
-			e.map((e) => /* @__PURE__ */ R("td", {
+			r && /* @__PURE__ */ z("td", { className: `px-4 ${s}` }),
+			i && /* @__PURE__ */ z("td", { className: `px-2 ${s}` }),
+			e.map((e) => /* @__PURE__ */ z("td", {
 				className: `px-2 ${s}`,
-				children: e.filterable !== !1 && e.filterType ? /* @__PURE__ */ R(mt, {
+				children: e.filterable !== !1 && e.filterType ? /* @__PURE__ */ z($e, {
 					column: e,
 					value: t(e.id),
 					onChange: n
 				}) : null
 			}, e.id)),
-			a && /* @__PURE__ */ R("td", { className: `px-4 ${s}` })
+			a && /* @__PURE__ */ z("td", { className: `px-4 ${s}` })
 		]
 	});
 }
-function mt({ column: e, value: t, onChange: i }) {
+function $e({ column: e, value: t, onChange: i }) {
 	let s = e.filterType ?? "text", [c, l] = o(String(t ?? "")), u = a();
 	r(() => {
 		l(String(t ?? ""));
@@ -1773,27 +1772,27 @@ function mt({ column: e, value: t, onChange: i }) {
 	}, [e.id, i]);
 	if (e.filterComponent) {
 		let n = e.filterComponent;
-		return /* @__PURE__ */ R(n, {
+		return /* @__PURE__ */ z(n, {
 			column: e,
 			value: t,
 			onChange: (t) => i(e.id, t)
 		});
 	}
-	return s === "select" ? /* @__PURE__ */ z("select", {
+	return s === "select" ? /* @__PURE__ */ B("select", {
 		value: String(t ?? ""),
 		onChange: (t) => i(e.id, t.target.value, "eq"),
 		className: "w-full px-1.5 py-1 text-xs border border-gray-200 rounded focus:outline-none focus:ring-1 focus:ring-brand-500 bg-[var(--app-bg,white)] text-gray-700",
 		"aria-label": `Filter ${e.header}`,
-		children: [/* @__PURE__ */ R("option", {
+		children: [/* @__PURE__ */ z("option", {
 			value: "",
 			children: "All"
-		}), e.filterOptions?.map((e) => /* @__PURE__ */ R("option", {
+		}), e.filterOptions?.map((e) => /* @__PURE__ */ z("option", {
 			value: e.value,
 			children: e.label
 		}, e.value))]
-	}) : s === "number" ? /* @__PURE__ */ z("div", {
+	}) : s === "number" ? /* @__PURE__ */ B("div", {
 		className: "relative",
-		children: [/* @__PURE__ */ R("input", {
+		children: [/* @__PURE__ */ z("input", {
 			type: "number",
 			value: c,
 			onChange: (t) => {
@@ -1802,62 +1801,62 @@ function mt({ column: e, value: t, onChange: i }) {
 			placeholder: "...",
 			className: "w-full px-1.5 py-1 text-xs border border-gray-200 rounded focus:outline-none focus:ring-1 focus:ring-brand-500 bg-[var(--app-bg,white)] pr-5",
 			"aria-label": `Filter ${e.header}`
-		}), c && /* @__PURE__ */ R(ht, { onClick: f })]
-	}) : s === "date" ? /* @__PURE__ */ R("input", {
+		}), c && /* @__PURE__ */ z(et, { onClick: f })]
+	}) : s === "date" ? /* @__PURE__ */ z("input", {
 		type: "date",
 		value: String(t ?? ""),
 		onChange: (t) => i(e.id, t.target.value, "eq"),
 		className: "w-full px-1.5 py-1 text-xs border border-gray-200 rounded focus:outline-none focus:ring-1 focus:ring-brand-500 bg-[var(--app-bg,white)]",
 		"aria-label": `Filter ${e.header}`
-	}) : /* @__PURE__ */ z("div", {
+	}) : /* @__PURE__ */ B("div", {
 		className: "relative",
-		children: [/* @__PURE__ */ R("input", {
+		children: [/* @__PURE__ */ z("input", {
 			type: "text",
 			value: c,
 			onChange: (e) => d(e.target.value),
 			placeholder: "Filter...",
 			className: "w-full px-1.5 py-1 text-xs border border-gray-200 rounded focus:outline-none focus:ring-1 focus:ring-brand-500 bg-[var(--app-bg,white)] pr-5",
 			"aria-label": `Filter ${e.header}`
-		}), c && /* @__PURE__ */ R(ht, { onClick: f })]
+		}), c && /* @__PURE__ */ z(et, { onClick: f })]
 	});
 }
-function ht({ onClick: e }) {
-	return /* @__PURE__ */ R("button", {
+function et({ onClick: e }) {
+	return /* @__PURE__ */ z("button", {
 		type: "button",
 		onClick: e,
 		className: "absolute right-1 top-1/2 -translate-y-1/2 p-0.5 text-gray-400 hover:text-gray-600 rounded",
 		"aria-label": "Clear filter",
-		children: /* @__PURE__ */ R(I, { className: "h-3 w-3" })
+		children: /* @__PURE__ */ z(L, { className: "h-3 w-3" })
 	});
 }
 //#endregion
 //#region src/components/DataTableHeader.jsx
-var gt = "application/x-datatable-column";
-function _t({ columns: e, getSortDirection: t, onSort: r, columnWidths: s, onResize: c, enableResizing: l = !1, enableReordering: u = !1, onReorder: d, onReorderById: f, showCheckbox: p = !1, isAllSelected: m = !1, isSomeSelected: h = !1, onToggleAll: g, showExpandToggle: _ = !1, showActions: v = !1, compact: y = !1, getFilterValue: b, onFilterChange: x, floatingFilters: S = !1, showColumnGroups: C = !1 }) {
-	let [T, E] = o(null), [D, O] = o(null), [ee, k] = o(null), A = a(/* @__PURE__ */ new Map()), j = n((e, t) => {
+var tt = "application/x-datatable-column";
+function nt({ columns: e, getSortDirection: t, onSort: r, columnWidths: s, onResize: c, enableResizing: l = !1, enableReordering: u = !1, onReorder: d, onReorderById: f, showCheckbox: p = !1, isAllSelected: m = !1, isSomeSelected: h = !1, onToggleAll: g, showExpandToggle: _ = !1, showActions: v = !1, compact: y = !1, getFilterValue: b, onFilterChange: x, floatingFilters: S = !1, showColumnGroups: C = !1 }) {
+	let [T, E] = o(null), [D, O] = o(null), [k, A] = o(null), j = a(/* @__PURE__ */ new Map()), M = n((e, t) => {
 		if (!u) return;
-		E(t), e.dataTransfer.setData(gt, t), e.dataTransfer.effectAllowed = "move";
-		let n = A.current.get(t);
+		E(t), e.dataTransfer.setData(tt, t), e.dataTransfer.effectAllowed = "move";
+		let n = j.current.get(t);
 		if (n) {
 			let t = n.cloneNode(!0);
 			t.style.position = "absolute", t.style.top = "-9999px", t.style.left = "-9999px", t.style.opacity = "0.85", t.style.background = "var(--app-surface, #f9fafb)", t.style.border = "1px solid var(--app-border, #e5e7eb)", t.style.borderRadius = "6px", t.style.padding = "8px 12px", t.style.boxShadow = "0 4px 12px rgba(0,0,0,0.15)", t.style.whiteSpace = "nowrap", document.body.appendChild(t), e.dataTransfer.setDragImage(t, 20, 20), requestAnimationFrame(() => document.body.removeChild(t));
 		}
-	}, [u]), M = n((e, t) => {
+	}, [u]), N = n((e, t) => {
 		if (!u || !T || T === t) return;
 		e.preventDefault(), e.dataTransfer.dropEffect = "move";
-		let n = A.current.get(t);
+		let n = j.current.get(t);
 		if (n) {
 			let r = n.getBoundingClientRect(), i = r.left + r.width / 2;
-			O(t), k(e.clientX < i ? "left" : "right");
+			O(t), A(e.clientX < i ? "left" : "right");
 		}
-	}, [u, T]), N = n((e, t) => {
-		let n = e.relatedTarget, r = A.current.get(t);
-		r && n && r.contains(n) || D === t && (O(null), k(null));
-	}, [D]), P = n((t, n) => {
+	}, [u, T]), P = n((e, t) => {
+		let n = e.relatedTarget, r = j.current.get(t);
+		r && n && r.contains(n) || D === t && (O(null), A(null));
+	}, [D]), F = n((t, n) => {
 		t.preventDefault();
-		let r = t.dataTransfer.getData(gt);
+		let r = t.dataTransfer.getData(tt);
 		if (!r || r === n) {
-			F();
+			I();
 			return;
 		}
 		if (f) {
@@ -1867,16 +1866,16 @@ function _t({ columns: e, getSortDirection: t, onSort: r, columnWidths: s, onRes
 			let t = e.findIndex((e) => e.id === r), i = e.findIndex((e) => e.id === n);
 			t !== -1 && i !== -1 && d(t, i);
 		}
-		F();
+		I();
 	}, [
 		e,
 		d,
 		f
-	]), te = n(() => F(), []), F = () => {
-		E(null), O(null), k(null);
-	}, I = n((e) => (t) => {
-		t ? A.current.set(e, t) : A.current.delete(e);
-	}, []), L = i(() => {
+	]), ee = n(() => I(), []), I = () => {
+		E(null), O(null), A(null);
+	}, L = n((e) => (t) => {
+		t ? j.current.set(e, t) : j.current.delete(e);
+	}, []), R = i(() => {
 		if (!C || !e.some((e) => e.group)) return null;
 		let t = [], n, r = 0;
 		return e.forEach((i, a) => {
@@ -1888,27 +1887,27 @@ function _t({ columns: e, getSortDirection: t, onSort: r, columnWidths: s, onRes
 				colSpan: r
 			});
 		}), t;
-	}, [e, C]), B = y ? "py-2" : "py-3";
-	return /* @__PURE__ */ z("thead", {
+	}, [e, C]), V = y ? "py-2" : "py-3";
+	return /* @__PURE__ */ B("thead", {
 		className: "bg-[var(--app-surface,#f9fafb)] border-b border-[var(--app-border,#e5e7eb)]",
 		children: [
-			L && /* @__PURE__ */ z("tr", {
+			R && /* @__PURE__ */ B("tr", {
 				className: "border-b border-[var(--app-border,#e5e7eb)]",
 				children: [
-					p && /* @__PURE__ */ R("th", { className: "px-4 py-1" }),
-					_ && /* @__PURE__ */ R("th", { className: "px-2 py-1" }),
-					L.map((e, t) => /* @__PURE__ */ R("th", {
+					p && /* @__PURE__ */ z("th", { className: "px-4 py-1" }),
+					_ && /* @__PURE__ */ z("th", { className: "px-2 py-1" }),
+					R.map((e, t) => /* @__PURE__ */ z("th", {
 						colSpan: e.colSpan,
 						className: "px-4 py-1.5 text-center text-[10px] font-bold uppercase tracking-widest text-gray-400 border-x border-[var(--app-border,#e5e7eb)] first:border-l-0 last:border-r-0",
 						children: e.label
 					}, `${e.label}-${t}`)),
-					v && /* @__PURE__ */ R("th", { className: "px-4 py-1" })
+					v && /* @__PURE__ */ z("th", { className: "px-4 py-1" })
 				]
 			}),
-			/* @__PURE__ */ z("tr", { children: [
-				p && /* @__PURE__ */ R("th", {
-					className: `px-4 ${B} w-12`,
-					children: /* @__PURE__ */ R("input", {
+			/* @__PURE__ */ B("tr", { children: [
+				p && /* @__PURE__ */ z("th", {
+					className: `px-4 ${V} w-12`,
+					children: /* @__PURE__ */ z("input", {
 						type: "checkbox",
 						checked: m,
 						ref: (e) => {
@@ -1919,16 +1918,16 @@ function _t({ columns: e, getSortDirection: t, onSort: r, columnWidths: s, onRes
 						"aria-label": "Select all rows"
 					})
 				}),
-				_ && /* @__PURE__ */ R("th", { className: `px-2 ${B} w-10` }),
+				_ && /* @__PURE__ */ z("th", { className: `px-2 ${V} w-10` }),
 				e.map((e) => {
 					let n = t(e.id), i = s[e.id], a = i ? {
 						width: i,
 						minWidth: i
-					} : {}, o = T === e.id, d = D === e.id, f = d && ee === "left", p = d && ee === "right", m = e.filterable !== !1 && e.filterType && b && x;
-					return /* @__PURE__ */ z("th", {
-						ref: I(e.id),
+					} : {}, o = T === e.id, d = D === e.id, f = d && k === "left", p = d && k === "right", m = e.filterable !== !1 && e.filterType && b && x;
+					return /* @__PURE__ */ B("th", {
+						ref: L(e.id),
 						className: `
-                px-4 ${B} text-left text-xs font-semibold uppercase tracking-wider
+                px-4 ${V} text-left text-xs font-semibold uppercase tracking-wider
                 text-[var(--app-text-secondary,#6b7280)] select-none relative group
                 transition-opacity duration-150
                 ${o ? "opacity-30" : ""}
@@ -1936,25 +1935,25 @@ function _t({ columns: e, getSortDirection: t, onSort: r, columnWidths: s, onRes
               `,
 						style: a,
 						draggable: u,
-						onDragStart: (t) => j(t, e.id),
-						onDragOver: (t) => M(t, e.id),
-						onDragLeave: (t) => N(t, e.id),
-						onDrop: (t) => P(t, e.id),
-						onDragEnd: te,
+						onDragStart: (t) => M(t, e.id),
+						onDragOver: (t) => N(t, e.id),
+						onDragLeave: (t) => P(t, e.id),
+						onDrop: (t) => F(t, e.id),
+						onDragEnd: ee,
 						children: [
-							f && /* @__PURE__ */ R("div", { className: "absolute left-0 top-1 bottom-1 w-0.5 bg-brand-500 rounded-full z-10 animate-pulse" }),
-							p && /* @__PURE__ */ R("div", { className: "absolute right-0 top-1 bottom-1 w-0.5 bg-brand-500 rounded-full z-10 animate-pulse" }),
-							/* @__PURE__ */ z("div", {
+							f && /* @__PURE__ */ z("div", { className: "absolute left-0 top-1 bottom-1 w-0.5 bg-brand-500 rounded-full z-10 animate-pulse" }),
+							p && /* @__PURE__ */ z("div", { className: "absolute right-0 top-1 bottom-1 w-0.5 bg-brand-500 rounded-full z-10 animate-pulse" }),
+							/* @__PURE__ */ B("div", {
 								className: "flex items-center gap-1",
 								children: [
-									u && /* @__PURE__ */ R(w, { className: `h-3.5 w-3.5 shrink-0 transition-all duration-150
+									u && /* @__PURE__ */ z(w, { className: `h-3.5 w-3.5 shrink-0 transition-all duration-150
                       ${o ? "text-brand-500 opacity-100" : "text-gray-400 opacity-0 group-hover:opacity-100"}
                     ` }),
 									e.headerCell ? e.headerCell({
 										column: e,
 										sortDirection: n,
 										onSort: () => r(e.id)
-									}) : /* @__PURE__ */ z("button", {
+									}) : /* @__PURE__ */ B("button", {
 										type: "button",
 										className: `flex items-center gap-1 ${e.sortable === !1 ? "cursor-default" : "cursor-pointer hover:text-[var(--app-text)]"}`,
 										onClick: () => e.sortable !== !1 && r(e.id),
@@ -1962,21 +1961,21 @@ function _t({ columns: e, getSortDirection: t, onSort: r, columnWidths: s, onRes
 										onDragStart: (e) => {
 											e.stopPropagation(), e.preventDefault();
 										},
-										children: [/* @__PURE__ */ R("span", { children: e.header }), e.sortable !== !1 && /* @__PURE__ */ R(yt, { direction: n })]
+										children: [/* @__PURE__ */ z("span", { children: e.header }), e.sortable !== !1 && /* @__PURE__ */ z(it, { direction: n })]
 									}),
-									m && /* @__PURE__ */ R("div", {
+									m && /* @__PURE__ */ z("div", {
 										onClick: (e) => e.stopPropagation(),
 										onDragStart: (e) => {
 											e.stopPropagation(), e.preventDefault();
 										},
 										draggable: !1,
-										children: /* @__PURE__ */ R(ut, {
+										children: /* @__PURE__ */ z(Ye, {
 											column: e,
 											value: b(e.id),
 											onChange: x
 										})
 									}),
-									l && e.resizable !== !1 && /* @__PURE__ */ R(bt, {
+									l && e.resizable !== !1 && /* @__PURE__ */ z(at, {
 										columnId: e.id,
 										currentWidth: i ?? e.width ?? 150,
 										onResize: c
@@ -1986,12 +1985,12 @@ function _t({ columns: e, getSortDirection: t, onSort: r, columnWidths: s, onRes
 						]
 					}, e.id);
 				}),
-				v && /* @__PURE__ */ R("th", {
-					className: `px-4 ${B} text-right text-xs font-semibold uppercase tracking-wider text-[var(--app-text-secondary,#6b7280)] w-24`,
+				v && /* @__PURE__ */ z("th", {
+					className: `px-4 ${V} text-right text-xs font-semibold uppercase tracking-wider text-[var(--app-text-secondary,#6b7280)] w-24`,
 					children: "Actions"
 				})
 			] }),
-			S && b && x && /* @__PURE__ */ R(pt, {
+			S && b && x && /* @__PURE__ */ z(Qe, {
 				columns: e,
 				getFilterValue: b,
 				onFilterChange: x,
@@ -2003,13 +2002,13 @@ function _t({ columns: e, getSortDirection: t, onSort: r, columnWidths: s, onRes
 		]
 	});
 }
-var vt = t(_t);
-function yt({ direction: e }) {
-	return e === "asc" ? /* @__PURE__ */ R(u, { className: "h-3.5 w-3.5" }) : e === "desc" ? /* @__PURE__ */ R(l, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ R(d, { className: "h-3.5 w-3.5 opacity-30" });
+var rt = t(nt);
+function it({ direction: e }) {
+	return e === "asc" ? /* @__PURE__ */ z(u, { className: "h-3.5 w-3.5" }) : e === "desc" ? /* @__PURE__ */ z(l, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ z(d, { className: "h-3.5 w-3.5 opacity-30" });
 }
-function bt({ columnId: e, currentWidth: t, onResize: r }) {
+function at({ columnId: e, currentWidth: t, onResize: r }) {
 	let i = a(0), o = a(t);
-	return /* @__PURE__ */ R("div", {
+	return /* @__PURE__ */ z("div", {
 		className: "absolute right-0 top-0 bottom-0 w-1 cursor-col-resize hover:bg-brand-500 opacity-0 group-hover:opacity-100 transition-opacity",
 		onMouseDown: n((n) => {
 			n.preventDefault(), n.stopPropagation(), i.current = n.clientX, o.current = t;
@@ -2035,7 +2034,7 @@ function bt({ columnId: e, currentWidth: t, onResize: r }) {
 }
 //#endregion
 //#region src/components/CellTooltip.jsx
-function xt({ content: e, children: t, delay: r = 400, style: i, disabled: s = !1 }) {
+function ot({ content: e, children: t, delay: r = 400, style: i, disabled: s = !1 }) {
 	let [c, l] = o(!1), [u, d] = o({
 		top: 0,
 		left: 0
@@ -2056,7 +2055,7 @@ function xt({ content: e, children: t, delay: r = 400, style: i, disabled: s = !
 	]), h = n(() => {
 		clearTimeout(f.current), l(!1);
 	}, []);
-	return /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R("span", {
+	return /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z("span", {
 		ref: p,
 		onMouseEnter: m,
 		onMouseLeave: h,
@@ -2064,20 +2063,20 @@ function xt({ content: e, children: t, delay: r = 400, style: i, disabled: s = !
 		onBlur: h,
 		className: "contents",
 		children: t
-	}), c && e && B(/* @__PURE__ */ R("div", {
+	}), c && e && V(/* @__PURE__ */ z("div", {
 		role: "tooltip",
 		className: "fixed z-[99999] pointer-events-none animate-in fade-in duration-150",
 		style: {
 			top: u.top,
 			left: u.left,
 			transform: "translate(-50%, -100%)",
-			...St,
+			...st,
 			...i
 		},
 		children: e
 	}), document.body)] });
 }
-var St = {
+var st = {
 	backgroundColor: "#1f2937",
 	color: "#f9fafb",
 	padding: "0.375rem 0.625rem",
@@ -2089,8 +2088,8 @@ var St = {
 };
 //#endregion
 //#region src/components/TableCell.jsx
-function Ct({ row: e, rowIndex: t, column: n, isEditing: r, onStartEdit: i, onSaveEdit: a, onCancelEdit: o, width: s, className: c = "", validationError: l, pendingValue: u, onPendingChange: d, enableTooltip: f = !1, tooltipStyle: p, themeCellStyle: m }) {
-	let h = Z(e, n), g = n.align === "center" ? "text-center" : n.align === "right" ? "text-right" : "text-left", _ = {
+function ct({ row: e, rowIndex: t, column: n, isEditing: r, onStartEdit: i, onSaveEdit: a, onCancelEdit: o, width: s, className: c = "", validationError: l, pendingValue: u, onPendingChange: d, enableTooltip: f = !1, tooltipStyle: p, themeCellStyle: m }) {
+	let h = U(e, n), g = n.align === "center" ? "text-center" : n.align === "right" ? "text-right" : "text-left", _ = {
 		...s ? {
 			width: s,
 			minWidth: s
@@ -2109,19 +2108,19 @@ function Ct({ row: e, rowIndex: t, column: n, isEditing: r, onStartEdit: i, onSa
 				onCancel: o,
 				error: l
 			};
-			return /* @__PURE__ */ z("td", {
+			return /* @__PURE__ */ B("td", {
 				className: `px-4 py-2 ${g} ${n.className ?? ""} ${c}`,
 				style: _,
-				children: [n.editCell(t), l && /* @__PURE__ */ R("p", {
+				children: [n.editCell(t), l && /* @__PURE__ */ z("p", {
 					className: "text-xs text-red-500 mt-0.5",
 					children: l
 				})]
 			});
 		}
-		return /* @__PURE__ */ R("td", {
+		return /* @__PURE__ */ z("td", {
 			className: `px-4 py-2 ${g} ${n.className ?? ""} ${c}`,
 			style: _,
-			children: /* @__PURE__ */ R(Et, {
+			children: /* @__PURE__ */ z(dt, {
 				value: u ?? h,
 				onSave: (e) => d(e),
 				onCancel: o,
@@ -2138,19 +2137,19 @@ function Ct({ row: e, rowIndex: t, column: n, isEditing: r, onStartEdit: i, onSa
 			onCancel: o,
 			error: l
 		};
-		return /* @__PURE__ */ z("td", {
+		return /* @__PURE__ */ B("td", {
 			className: `px-4 py-2 ${g} ${n.className ?? ""} ${c}`,
 			style: _,
-			children: [n.editCell(t), l && /* @__PURE__ */ R("p", {
+			children: [n.editCell(t), l && /* @__PURE__ */ z("p", {
 				className: "text-xs text-red-500 mt-0.5",
 				children: l
 			})]
 		});
 	}
-	if (r && n.editable) return /* @__PURE__ */ R("td", {
+	if (r && n.editable) return /* @__PURE__ */ z("td", {
 		className: `px-4 py-2 ${g} ${n.className ?? ""} ${c} ${v}`,
 		style: _,
-		children: /* @__PURE__ */ R(Et, {
+		children: /* @__PURE__ */ z(dt, {
 			value: h,
 			onSave: a,
 			onCancel: o,
@@ -2162,20 +2161,20 @@ function Ct({ row: e, rowIndex: t, column: n, isEditing: r, onStartEdit: i, onSa
 		row: e,
 		rowIndex: t,
 		column: n
-	}) : h ?? "—", b = Tt(n, h, e, t, f);
-	return /* @__PURE__ */ R("td", {
+	}) : h ?? "—", b = ut(n, h, e, t, f);
+	return /* @__PURE__ */ z("td", {
 		className: `px-4 py-2 text-sm text-[var(--app-text)] ${g} ${n.className ?? ""} ${c}`,
 		style: _,
 		onDoubleClick: n.editable ? i : void 0,
-		children: b ? /* @__PURE__ */ R(xt, {
+		children: b ? /* @__PURE__ */ z(ot, {
 			content: b,
 			style: p,
 			children: y
 		}) : y
 	});
 }
-var wt = t(Ct);
-function Tt(e, t, n, r, i) {
+var lt = t(ct);
+function ut(e, t, n, r, i) {
 	return !e.tooltip && !i ? null : typeof e.tooltip == "function" ? e.tooltip({
 		value: t,
 		row: n,
@@ -2183,9 +2182,9 @@ function Tt(e, t, n, r, i) {
 		column: e
 	}) || null : e.tooltip === !0 ? t == null ? null : String(t) : null;
 }
-function Et({ value: e, onSave: t, onCancel: r, error: i }) {
+function dt({ value: e, onSave: t, onCancel: r, error: i }) {
 	let [a, s] = o(String(e ?? ""));
-	return /* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("input", {
+	return /* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("input", {
 		type: "text",
 		value: a,
 		onChange: (e) => s(e.target.value),
@@ -2199,14 +2198,14 @@ function Et({ value: e, onSave: t, onCancel: r, error: i }) {
 		onBlur: () => t(a),
 		className: `w-full px-2 py-1 text-sm border rounded focus:outline-none focus:ring-1 bg-[var(--app-bg)] ${i ? "border-red-400 focus:ring-red-400" : "border-brand-500 focus:ring-brand-500"}`,
 		autoFocus: !0
-	}), i && /* @__PURE__ */ R("p", {
+	}), i && /* @__PURE__ */ z("p", {
 		className: "text-xs text-red-500 mt-0.5",
 		children: i
 	})] });
 }
 //#endregion
 //#region src/components/PortalDropdown.jsx
-function Dt({ anchorRef: e, open: t, onClose: i, children: s, align: c = "right", offset: l = 4, minWidth: u = 140, className: d = "" }) {
+function ft({ anchorRef: e, open: t, onClose: i, children: s, align: c = "right", offset: l = 4, minWidth: u = 140, className: d = "" }) {
 	let f = a(null), [p, m] = o({
 		top: 0,
 		left: 0
@@ -2251,7 +2250,7 @@ function Dt({ anchorRef: e, open: t, onClose: i, children: s, align: c = "right"
 			e.key === "Escape" && i();
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [t, i]), t ? B(/* @__PURE__ */ R("div", {
+	}, [t, i]), t ? V(/* @__PURE__ */ z("div", {
 		ref: f,
 		role: "menu",
 		className: `fixed z-[9999] bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-lg py-1 transition-opacity duration-150 ${_ ? "opacity-100" : "opacity-0"} ${h ? "origin-bottom" : "origin-top"} ${d}`,
@@ -2265,20 +2264,20 @@ function Dt({ anchorRef: e, open: t, onClose: i, children: s, align: c = "right"
 }
 //#endregion
 //#region src/components/DataTableRow.jsx
-function Ot({ row: t, rowIndex: r, rowKey: i, columns: o, columnWidths: s, isSelected: c, isExpanded: l, showCheckbox: u, showExpandToggle: d, rowActions: f, onToggleSelect: p, onShiftSelect: m, onToggleExpand: g, onClick: v, onDoubleClick: y, editingCell: b, onStartEdit: x, onSaveEdit: S, onCancelEdit: C, expandContent: w, striped: T = !1, compact: E = !1, rowClassName: D = "", rowStyle: ee, onContextMenu: k, validationErrors: A, pendingEdits: j, isEditingRow: M = !1, onPendingChange: N, enableTooltips: P = !1, tooltipStyle: te, getCellStyle: F }) {
-	let [I, B] = e.useState(!1), V = a(null), H = n(() => v?.(t), [v, t]), U = n(() => y?.(t), [y, t]), W = E ? "py-1" : "py-2", G = c ? "bg-brand-50 dark:bg-brand-900/20" : T && r % 2 == 1 ? "bg-gray-50/50 dark:bg-gray-800/30" : "bg-[var(--app-bg,white)]", K = f && f.some((e) => !e.hidden?.(t));
-	return /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ z("tr", {
-		className: `border-b border-[var(--app-border,#e5e7eb)] hover:bg-[var(--app-hover,#f3f4f6)] transition-colors ${G} ${v ? "cursor-pointer" : ""} ${D}`,
-		style: ee,
-		onClick: H,
-		onDoubleClick: U,
-		onContextMenu: k,
+function pt({ row: t, rowIndex: r, rowKey: i, columns: o, columnWidths: s, isSelected: c, isExpanded: l, showCheckbox: u, showExpandToggle: d, rowActions: f, onToggleSelect: p, onShiftSelect: m, onToggleExpand: g, onClick: v, onDoubleClick: y, editingCell: b, onStartEdit: x, onSaveEdit: S, onCancelEdit: C, expandContent: w, striped: T = !1, compact: E = !1, rowClassName: D = "", rowStyle: k, onContextMenu: A, validationErrors: j, pendingEdits: M, isEditingRow: N = !1, onPendingChange: P, enableTooltips: F = !1, tooltipStyle: ee, getCellStyle: I }) {
+	let [L, V] = e.useState(!1), H = a(null), U = n(() => v?.(t), [v, t]), W = n(() => y?.(t), [y, t]), G = E ? "py-1" : "py-2", te = c ? "bg-brand-50 dark:bg-brand-900/20" : T && r % 2 == 1 ? "bg-gray-50/50 dark:bg-gray-800/30" : "bg-[var(--app-bg,white)]", K = f && f.some((e) => !e.hidden?.(t));
+	return /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ B("tr", {
+		className: `border-b border-[var(--app-border,#e5e7eb)] hover:bg-[var(--app-hover,#f3f4f6)] transition-colors ${te} ${v ? "cursor-pointer" : ""} ${D}`,
+		style: k,
+		onClick: U,
+		onDoubleClick: W,
+		onContextMenu: A,
 		role: "row",
 		"aria-selected": c,
 		children: [
-			u && /* @__PURE__ */ R("td", {
-				className: `px-4 ${W} w-12`,
-				children: /* @__PURE__ */ R("input", {
+			u && /* @__PURE__ */ z("td", {
+				className: `px-4 ${G} w-12`,
+				children: /* @__PURE__ */ z("input", {
 					type: "checkbox",
 					checked: c,
 					onChange: (e) => {
@@ -2289,9 +2288,9 @@ function Ot({ row: t, rowIndex: r, rowKey: i, columns: o, columnWidths: s, isSel
 					"aria-label": `Select row ${r + 1}`
 				})
 			}),
-			d && /* @__PURE__ */ R("td", {
-				className: `px-2 ${W} w-10`,
-				children: /* @__PURE__ */ R("button", {
+			d && /* @__PURE__ */ z("td", {
+				className: `px-2 ${G} w-10`,
+				children: /* @__PURE__ */ z("button", {
 					type: "button",
 					onClick: (e) => {
 						e.stopPropagation(), g(i);
@@ -2299,12 +2298,12 @@ function Ot({ row: t, rowIndex: r, rowKey: i, columns: o, columnWidths: s, isSel
 					className: "p-1 rounded hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors",
 					"aria-label": l ? "Collapse row" : "Expand row",
 					"aria-expanded": l,
-					children: R(l ? h : _, { className: "h-4 w-4 text-gray-500" })
+					children: z(l ? h : _, { className: "h-4 w-4 text-gray-500" })
 				})
 			}),
 			o.map((e) => {
-				let n = M ? e.editable ?? !1 : b?.rowKey === i && b?.columnId === e.id;
-				return /* @__PURE__ */ R(wt, {
+				let n = N ? e.editable ?? !1 : b?.rowKey === i && b?.columnId === e.id;
+				return /* @__PURE__ */ z(lt, {
 					row: t,
 					rowIndex: r,
 					column: e,
@@ -2313,56 +2312,56 @@ function Ot({ row: t, rowIndex: r, rowKey: i, columns: o, columnWidths: s, isSel
 					onStartEdit: () => x(i, e.id),
 					onSaveEdit: (t) => S(i, e.id, t),
 					onCancelEdit: C,
-					validationError: A?.[e.id],
-					pendingValue: M ? j?.[e.id] : void 0,
-					onPendingChange: M && N ? (t) => N(e.id, t) : void 0,
-					enableTooltip: P,
-					tooltipStyle: te,
-					themeCellStyle: F?.(t, e)
+					validationError: j?.[e.id],
+					pendingValue: N ? M?.[e.id] : void 0,
+					onPendingChange: N && P ? (t) => P(e.id, t) : void 0,
+					enableTooltip: F,
+					tooltipStyle: ee,
+					themeCellStyle: I?.(t, e)
 				}, e.id);
 			}),
-			K && /* @__PURE__ */ R("td", {
-				className: `px-4 ${W} text-right`,
-				children: /* @__PURE__ */ z("div", {
+			K && /* @__PURE__ */ z("td", {
+				className: `px-4 ${G} text-right`,
+				children: /* @__PURE__ */ B("div", {
 					className: "inline-block",
-					children: [/* @__PURE__ */ R("button", {
-						ref: V,
+					children: [/* @__PURE__ */ z("button", {
+						ref: H,
 						type: "button",
 						onClick: (e) => {
-							e.stopPropagation(), B((e) => !e);
+							e.stopPropagation(), V((e) => !e);
 						},
 						className: "p-1 rounded hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors",
 						"aria-label": "Row actions",
 						"aria-haspopup": "menu",
-						"aria-expanded": I,
-						children: /* @__PURE__ */ R(O, { className: "h-4 w-4 text-gray-500" })
-					}), /* @__PURE__ */ R(Dt, {
-						anchorRef: V,
-						open: I,
-						onClose: () => B(!1),
+						"aria-expanded": L,
+						children: /* @__PURE__ */ z(O, { className: "h-4 w-4 text-gray-500" })
+					}), /* @__PURE__ */ z(ft, {
+						anchorRef: H,
+						open: L,
+						onClose: () => V(!1),
 						align: "right",
-						children: /* @__PURE__ */ R(At, {
+						children: /* @__PURE__ */ z(ht, {
 							row: t,
 							actions: f,
-							onClose: () => B(!1)
+							onClose: () => V(!1)
 						})
 					})]
 				})
 			}),
-			!K && f && /* @__PURE__ */ R("td", { className: `px-4 ${W}` })
+			!K && f && /* @__PURE__ */ z("td", { className: `px-4 ${G}` })
 		]
-	}), l && w && /* @__PURE__ */ R("tr", {
+	}), l && w && /* @__PURE__ */ z("tr", {
 		className: "bg-gray-50/50 dark:bg-gray-800/20",
-		children: /* @__PURE__ */ R("td", {
+		children: /* @__PURE__ */ z("td", {
 			colSpan: o.length + (u ? 1 : 0) + (d ? 1 : 0) + (f ? 1 : 0),
 			className: "px-8 py-4",
 			children: w
 		})
 	})] });
 }
-var kt = t(Ot);
-function At({ row: e, actions: t, onClose: n }) {
-	return /* @__PURE__ */ R(L, { children: t.filter((t) => !t.hidden?.(e)).map((t) => /* @__PURE__ */ z("button", {
+var mt = t(pt);
+function ht({ row: e, actions: t, onClose: n }) {
+	return /* @__PURE__ */ z(R, { children: t.filter((t) => !t.hidden?.(e)).map((t) => /* @__PURE__ */ B("button", {
 		type: "button",
 		onClick: (r) => {
 			r.stopPropagation(), t.onClick(e), n();
@@ -2378,29 +2377,29 @@ function At({ row: e, actions: t, onClose: n }) {
 }
 //#endregion
 //#region src/components/GroupRow.jsx
-function jt({ group: e, colSpan: t, isExpanded: n, onToggle: r, renderGroupHeader: i }) {
-	return /* @__PURE__ */ R("tr", {
+function gt({ group: e, colSpan: t, isExpanded: n, onToggle: r, renderGroupHeader: i }) {
+	return /* @__PURE__ */ z("tr", {
 		className: "bg-gray-50 dark:bg-gray-800/50 border-b border-[var(--app-border,#e5e7eb)]",
-		children: /* @__PURE__ */ R("td", {
+		children: /* @__PURE__ */ z("td", {
 			colSpan: t,
 			className: "px-4 py-2",
-			children: /* @__PURE__ */ z("div", {
+			children: /* @__PURE__ */ B("div", {
 				className: "flex items-center gap-2",
 				style: { paddingLeft: e.__level * 24 },
-				children: [/* @__PURE__ */ R("button", {
+				children: [/* @__PURE__ */ z("button", {
 					type: "button",
 					onClick: () => r(e.__groupKey),
 					className: "p-0.5 rounded hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors",
 					"aria-label": n ? "Collapse group" : "Expand group",
 					"aria-expanded": n,
-					children: R(n ? h : _, { className: "h-4 w-4 text-gray-500" })
-				}), i ? i(e.__groupKey, e.__groupValue, e.__children, e.__level) : /* @__PURE__ */ z("span", {
+					children: z(n ? h : _, { className: "h-4 w-4 text-gray-500" })
+				}), i ? i(e.__groupKey, e.__groupValue, e.__children, e.__level) : /* @__PURE__ */ B("span", {
 					className: "text-sm font-medium text-gray-700 dark:text-gray-300",
 					children: [
 						e.__groupField,
 						": ",
 						String(e.__groupValue ?? "N/A"),
-						/* @__PURE__ */ z("span", {
+						/* @__PURE__ */ B("span", {
 							className: "ml-2 text-xs text-gray-400 font-normal",
 							children: [
 								"(",
@@ -2408,9 +2407,9 @@ function jt({ group: e, colSpan: t, isExpanded: n, onToggle: r, renderGroupHeade
 								" items)"
 							]
 						}),
-						Object.entries(e.__aggregates).length > 0 && /* @__PURE__ */ R("span", {
+						Object.entries(e.__aggregates).length > 0 && /* @__PURE__ */ z("span", {
 							className: "ml-3 text-xs text-gray-400",
-							children: Object.entries(e.__aggregates).map(([e, t]) => /* @__PURE__ */ z("span", {
+							children: Object.entries(e.__aggregates).map(([e, t]) => /* @__PURE__ */ B("span", {
 								className: "ml-2",
 								children: [
 									e,
@@ -2427,38 +2426,38 @@ function jt({ group: e, colSpan: t, isExpanded: n, onToggle: r, renderGroupHeade
 }
 //#endregion
 //#region src/components/TableView.jsx
-function Mt({ table: e, props: t, onContextMenu: o }) {
-	let { processedData: s, sorting: c, filtering: l, selection: u, columnManager: d, expandedKeys: f, toggleExpand: p, editingCell: m, setEditingCell: h, getKey: g, pagination: _, theme: v, rowGrouping: y, treeData: b, virtualization: x, pinnedTopRows: S, pinnedBottomRows: C, unpinnedData: w } = e, { expandable: T, rowActions: E, onRowClick: D, onRowDoubleClick: O, onCellEdit: ee, striped: k = !1, compact: A = !1, maxHeight: j, bordered: M = !1, rowClassName: N, rowPinning: P, rowGrouping: te, treeData: F, enableTooltips: I = !1, onRowReorder: L, floatingFilters: B = !1 } = t, V = a(null), H = x.enabled ? x.containerRef : V;
+function _t({ table: e, props: t, onContextMenu: o }) {
+	let { processedData: s, sorting: c, filtering: l, selection: u, columnManager: d, expandedKeys: f, toggleExpand: p, editingCell: m, setEditingCell: h, getKey: g, pagination: _, theme: v, rowGrouping: y, treeData: b, virtualization: x, pinnedTopRows: S, pinnedBottomRows: C, unpinnedData: w } = e, { expandable: T, rowActions: E, onRowClick: D, onRowDoubleClick: O, onCellEdit: k, striped: A = !1, compact: j = !1, maxHeight: M, bordered: N = !1, rowClassName: P, rowPinning: F, rowGrouping: ee, treeData: I, enableTooltips: L = !1, onRowReorder: R, floatingFilters: V = !1 } = t, H = a(null), U = x.enabled ? x.containerRef : H;
 	r(() => {
 		if (!_.isInfinite || !_.hasMore || !_.onLoadMore) return;
-		let e = H.current;
+		let e = U.current;
 		if (!e) return;
 		let t = () => {
 			let { scrollTop: t, scrollHeight: n, clientHeight: r } = e;
 			n - t - r < 100 && _.onLoadMore?.();
 		};
 		return e.addEventListener("scroll", t), () => e.removeEventListener("scroll", t);
-	}, [_, H]);
-	let U = n((e, t) => {
+	}, [_, U]);
+	let W = n((e, t) => {
 		h({
 			rowKey: e,
 			columnId: t
 		});
-	}, [h]), W = n((e, t, n) => {
-		ee?.(e, t, n), h(null);
-	}, [ee, h]), G = n(() => h(null), [h]), K = T?.enabled ?? !1, q = !!E?.length, ne = !!(P && (S.length || C.length)), J = ne ? w : s, re = i(() => y.enabled ? y.applyGrouping(J) : J, [y, J]), ie = i(() => x.enabled ? x.getVirtualItems(re) : re, [x, re]), ae = i(() => b.enabled && F ? b.flattenTree(ie) : null, [
+	}, [h]), G = n((e, t, n) => {
+		k?.(e, t, n), h(null);
+	}, [k, h]), te = n(() => h(null), [h]), K = T?.enabled ?? !1, ne = !!E?.length, q = !!(F && (S.length || C.length)), J = q ? w : s, Y = i(() => y.enabled ? y.applyGrouping(J) : J, [y, J]), X = i(() => x.enabled ? x.getVirtualItems(Y) : Y, [x, Y]), re = i(() => b.enabled && I ? b.flattenTree(X) : null, [
 		b,
-		F,
-		ie
-	]), oe = j ? {
-		maxHeight: j,
+		I,
+		X
+	]), ie = M ? {
+		maxHeight: M,
 		overflow: "auto"
 	} : x.enabled ? {
 		height: "100%",
 		overflow: "auto"
-	} : {}, se = d.visibleColumns.length + (u.showCheckbox ? 1 : 0) + (K ? 1 : 0) + (q ? 1 : 0), Y = (t, n, r = "") => {
-		let i = g(t, n), a = typeof N == "function" ? N(t) : N ?? "", c = ae?.find((e) => e.treeKey === i), l = e.editing.isEditingRow(i), h = v.getRowStyle(t, n, u.isSelected(i), k), _ = v.getConditionalClassName(t);
-		return /* @__PURE__ */ R(kt, {
+	} : {}, ae = d.visibleColumns.length + (u.showCheckbox ? 1 : 0) + (K ? 1 : 0) + (ne ? 1 : 0), oe = (t, n, r = "") => {
+		let i = g(t, n), a = typeof P == "function" ? P(t) : P ?? "", c = re?.find((e) => e.treeKey === i), l = e.editing.isEditingRow(i), h = v.getRowStyle(t, n, u.isSelected(i), A), _ = v.getConditionalClassName(t);
+		return /* @__PURE__ */ z(mt, {
 			row: t,
 			rowIndex: n,
 			rowKey: i,
@@ -2475,12 +2474,12 @@ function Mt({ table: e, props: t, onContextMenu: o }) {
 			onClick: D,
 			onDoubleClick: O,
 			editingCell: m,
-			onStartEdit: U,
-			onSaveEdit: W,
-			onCancelEdit: G,
+			onStartEdit: W,
+			onSaveEdit: G,
+			onCancelEdit: te,
 			expandContent: T?.render?.(t),
-			striped: k,
-			compact: A,
+			striped: A,
+			compact: j,
 			rowClassName: `${a} ${_} ${r}`,
 			rowStyle: h,
 			onContextMenu: o ? (e) => o(e, t) : void 0,
@@ -2488,30 +2487,30 @@ function Mt({ table: e, props: t, onContextMenu: o }) {
 			validationErrors: l ? e.editing.validationErrors : void 0,
 			pendingEdits: l ? e.editing.pendingEdits : void 0,
 			onPendingChange: l ? e.editing.updatePendingEdit : void 0,
-			enableTooltips: I,
+			enableTooltips: L,
 			tooltipStyle: v.tooltipStyle,
 			getCellStyle: v.getCellStyle
 		}, i);
 	};
-	return /* @__PURE__ */ z("div", {
-		ref: H,
-		style: oe,
+	return /* @__PURE__ */ B("div", {
+		ref: U,
+		style: ie,
 		className: "overflow-x-auto",
 		onScroll: x.enabled ? x.handleScroll : void 0,
-		children: [x.enabled && /* @__PURE__ */ R("div", {
+		children: [x.enabled && /* @__PURE__ */ z("div", {
 			style: x.spacerStyle,
-			children: /* @__PURE__ */ R("div", {
+			children: /* @__PURE__ */ z("div", {
 				style: x.offsetStyle,
-				children: /* @__PURE__ */ R(X, {})
+				children: /* @__PURE__ */ z(se, {})
 			})
-		}), !x.enabled && /* @__PURE__ */ R(X, {})]
+		}), !x.enabled && /* @__PURE__ */ z(se, {})]
 	});
-	function X() {
-		return /* @__PURE__ */ z("table", {
-			className: `w-full text-sm ${M ? "border-collapse" : ""}`,
+	function se() {
+		return /* @__PURE__ */ B("table", {
+			className: `w-full text-sm ${N ? "border-collapse" : ""}`,
 			role: "grid",
 			"aria-label": t.ariaLabel ?? "Data table",
-			children: [/* @__PURE__ */ R(vt, {
+			children: [/* @__PURE__ */ z(rt, {
 				columns: d.visibleColumns,
 				getSortDirection: c.getSortDirection,
 				onSort: c.toggleSort,
@@ -2526,50 +2525,50 @@ function Mt({ table: e, props: t, onContextMenu: o }) {
 				isSomeSelected: u.isSomeSelected(s),
 				onToggleAll: () => u.toggleAll(s),
 				showExpandToggle: K,
-				showActions: q,
-				compact: A,
+				showActions: ne,
+				compact: j,
 				getFilterValue: l.getFilterValue,
 				onFilterChange: l.setFilter,
-				floatingFilters: B,
+				floatingFilters: V,
 				showColumnGroups: !0
-			}), /* @__PURE__ */ z("tbody", { children: [
-				ne && S.map((e, t) => Y(e, t, "bg-blue-50/50 dark:bg-blue-900/10")),
-				ne && S.length > 0 && /* @__PURE__ */ R("tr", { children: /* @__PURE__ */ R("td", {
-					colSpan: se,
+			}), /* @__PURE__ */ B("tbody", { children: [
+				q && S.map((e, t) => oe(e, t, "bg-blue-50/50 dark:bg-blue-900/10")),
+				q && S.length > 0 && /* @__PURE__ */ z("tr", { children: /* @__PURE__ */ z("td", {
+					colSpan: ae,
 					className: "h-0.5 bg-blue-200 dark:bg-blue-800"
 				}) }),
-				ae ? ae.map((e, t) => Y(e.row, t)) : ie.map((e, t) => {
+				re ? re.map((e, t) => oe(e.row, t)) : X.map((e, t) => {
 					let n = e;
-					return n.__isGroupRow ? /* @__PURE__ */ R(jt, {
+					return n.__isGroupRow ? /* @__PURE__ */ z(gt, {
 						group: n,
-						colSpan: se,
+						colSpan: ae,
 						isExpanded: y.isGroupExpanded(n.__groupKey),
 						onToggle: y.toggleGroup,
-						renderGroupHeader: te?.renderGroupHeader
-					}, n.__groupKey) : Y(e, t);
+						renderGroupHeader: ee?.renderGroupHeader
+					}, n.__groupKey) : oe(e, t);
 				}),
-				ne && C.length > 0 && /* @__PURE__ */ R("tr", { children: /* @__PURE__ */ R("td", {
-					colSpan: se,
+				q && C.length > 0 && /* @__PURE__ */ z("tr", { children: /* @__PURE__ */ z("td", {
+					colSpan: ae,
 					className: "h-0.5 bg-blue-200 dark:bg-blue-800"
 				}) }),
-				ne && C.map((e, t) => Y(e, t, "bg-blue-50/50 dark:bg-blue-900/10"))
+				q && C.map((e, t) => oe(e, t, "bg-blue-50/50 dark:bg-blue-900/10"))
 			] })]
 		});
 	}
 }
 //#endregion
 //#region src/components/GridView.jsx
-function Nt({ table: e, props: t }) {
+function vt({ table: e, props: t }) {
 	let { processedData: n, selection: r, columnManager: i, getKey: a } = e, { renderGridCard: o, onRowClick: s, theme: c } = t;
-	return /* @__PURE__ */ R("div", {
+	return /* @__PURE__ */ z("div", {
 		className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 p-4",
 		children: n.map((e, t) => {
 			let n = a(e, t), l = r.isSelected(n);
-			return o ? /* @__PURE__ */ R("div", {
+			return o ? /* @__PURE__ */ z("div", {
 				className: `${l ? "ring-2 ring-brand-500" : ""} ${s ? "cursor-pointer" : ""}`,
 				onClick: () => s?.(e),
 				children: o(e)
-			}, n) : /* @__PURE__ */ z("div", {
+			}, n) : /* @__PURE__ */ B("div", {
 				className: `bg-[var(--app-bg,white)] border border-[var(--app-border,#e5e7eb)] rounded-lg p-4 shadow-sm hover:shadow-md transition-shadow
               ${l ? "ring-2 ring-brand-500" : ""}
               ${s ? "cursor-pointer" : ""}
@@ -2577,9 +2576,9 @@ function Nt({ table: e, props: t }) {
             `,
 				onClick: () => s?.(e),
 				role: "article",
-				children: [r.showCheckbox && /* @__PURE__ */ R("div", {
+				children: [r.showCheckbox && /* @__PURE__ */ z("div", {
 					className: "mb-3",
-					children: /* @__PURE__ */ R("input", {
+					children: /* @__PURE__ */ z("input", {
 						type: "checkbox",
 						checked: l,
 						onChange: () => r.toggleRow(n),
@@ -2587,19 +2586,19 @@ function Nt({ table: e, props: t }) {
 						className: "h-4 w-4 rounded border-gray-300 text-brand-600 focus:ring-brand-600",
 						"aria-label": `Select item ${t + 1}`
 					})
-				}), /* @__PURE__ */ R("div", {
+				}), /* @__PURE__ */ z("div", {
 					className: "space-y-2",
 					children: i.visibleColumns.slice(0, 6).map((n) => {
-						let r = Z(e, n), i = n.cell ? n.cell({
+						let r = U(e, n), i = n.cell ? n.cell({
 							value: r,
 							row: e,
 							rowIndex: t,
 							column: n
 						}) : r ?? "—";
-						return /* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("span", {
+						return /* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("span", {
 							className: "text-xs font-medium text-gray-500 uppercase",
 							children: n.header
-						}), /* @__PURE__ */ R("div", {
+						}), /* @__PURE__ */ z("div", {
 							className: "text-sm text-[var(--app-text)]",
 							children: i
 						})] }, n.id);
@@ -2611,16 +2610,16 @@ function Nt({ table: e, props: t }) {
 }
 //#endregion
 //#region src/components/ListView.jsx
-function Pt({ table: e, props: t }) {
+function yt({ table: e, props: t }) {
 	let { processedData: n, selection: r, columnManager: i, getKey: a } = e, { renderListItem: o, onRowClick: s, theme: c } = t;
-	return /* @__PURE__ */ R("div", {
+	return /* @__PURE__ */ z("div", {
 		className: "divide-y divide-[var(--app-border,#e5e7eb)]",
 		children: n.map((e, t) => {
 			let n = a(e, t), l = r.isSelected(n);
-			return o ? /* @__PURE__ */ R("div", {
+			return o ? /* @__PURE__ */ z("div", {
 				className: `${l ? "bg-brand-50 dark:bg-brand-900/20" : ""} ${s ? "cursor-pointer" : ""}`,
 				children: o(e)
-			}, n) : /* @__PURE__ */ z("div", {
+			}, n) : /* @__PURE__ */ B("div", {
 				className: `flex items-center gap-4 px-4 py-3 hover:bg-[var(--app-hover,#f3f4f6)] transition-colors
               ${l ? "bg-brand-50 dark:bg-brand-900/20" : ""}
               ${s ? "cursor-pointer" : ""}
@@ -2628,28 +2627,28 @@ function Pt({ table: e, props: t }) {
             `,
 				onClick: () => s?.(e),
 				role: "listitem",
-				children: [r.showCheckbox && /* @__PURE__ */ R("input", {
+				children: [r.showCheckbox && /* @__PURE__ */ z("input", {
 					type: "checkbox",
 					checked: l,
 					onChange: () => r.toggleRow(n),
 					onClick: (e) => e.stopPropagation(),
 					className: "h-4 w-4 rounded border-gray-300 text-brand-600 focus:ring-brand-600 shrink-0",
 					"aria-label": `Select item ${t + 1}`
-				}), /* @__PURE__ */ R("div", {
+				}), /* @__PURE__ */ z("div", {
 					className: "flex-1 flex items-center gap-6 min-w-0",
 					children: i.visibleColumns.slice(0, 5).map((n) => {
-						let r = Z(e, n), i = n.cell ? n.cell({
+						let r = U(e, n), i = n.cell ? n.cell({
 							value: r,
 							row: e,
 							rowIndex: t,
 							column: n
 						}) : r ?? "—";
-						return /* @__PURE__ */ z("div", {
+						return /* @__PURE__ */ B("div", {
 							className: "min-w-0",
-							children: [/* @__PURE__ */ R("span", {
+							children: [/* @__PURE__ */ z("span", {
 								className: "text-xs text-gray-500 block",
 								children: n.header
-							}), /* @__PURE__ */ R("div", {
+							}), /* @__PURE__ */ z("div", {
 								className: "text-sm text-[var(--app-text)] truncate",
 								children: i
 							})]
@@ -2662,7 +2661,7 @@ function Pt({ table: e, props: t }) {
 }
 //#endregion
 //#region src/components/DataTablePagination.jsx
-function Ft({ page: e, pageSize: t, totalPages: n, totalItems: r, pageSizeOptions: i, onPageChange: a, onPageSizeChange: o }) {
+function bt({ page: e, pageSize: t, totalPages: n, totalItems: r, pageSizeOptions: i, onPageChange: a, onPageSizeChange: o }) {
 	let s = (e - 1) * t + 1, c = Math.min(e * t, r), l = () => {
 		if (n <= 7) return Array.from({ length: n }, (e, t) => t + 1);
 		let t = [1];
@@ -2671,11 +2670,11 @@ function Ft({ page: e, pageSize: t, totalPages: n, totalItems: r, pageSizeOption
 		for (let e = r; e <= i; e++) t.push(e);
 		return e < n - 2 && t.push("..."), t.push(n), t;
 	};
-	return /* @__PURE__ */ z("div", {
+	return /* @__PURE__ */ B("div", {
 		className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between px-4 py-3 border-t border-[var(--app-border,#e5e7eb)]",
-		children: [/* @__PURE__ */ z("div", {
+		children: [/* @__PURE__ */ B("div", {
 			className: "flex items-center gap-3",
-			children: [/* @__PURE__ */ z("span", {
+			children: [/* @__PURE__ */ B("span", {
 				className: "text-sm text-gray-500",
 				children: [
 					s,
@@ -2684,59 +2683,59 @@ function Ft({ page: e, pageSize: t, totalPages: n, totalItems: r, pageSizeOption
 					" of ",
 					r
 				]
-			}), /* @__PURE__ */ R("select", {
+			}), /* @__PURE__ */ z("select", {
 				value: t,
 				onChange: (e) => o(Number(e.target.value)),
 				className: "h-8 px-2 text-sm border border-gray-300 dark:border-gray-600 rounded-md bg-[var(--app-bg)] focus:outline-none focus:ring-1 focus:ring-brand-500",
 				"aria-label": "Rows per page",
-				children: i.map((e) => /* @__PURE__ */ z("option", {
+				children: i.map((e) => /* @__PURE__ */ B("option", {
 					value: e,
 					children: [e, " / page"]
 				}, e))
 			})]
-		}), /* @__PURE__ */ z("div", {
+		}), /* @__PURE__ */ B("div", {
 			className: "flex items-center gap-1",
 			children: [
-				/* @__PURE__ */ R(It, {
+				/* @__PURE__ */ z(xt, {
 					onClick: () => a(1),
 					disabled: e <= 1,
 					"aria-label": "First page",
-					children: /* @__PURE__ */ R(v, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ z(v, { className: "h-4 w-4" })
 				}),
-				/* @__PURE__ */ R(It, {
+				/* @__PURE__ */ z(xt, {
 					onClick: () => a(e - 1),
 					disabled: e <= 1,
 					"aria-label": "Previous page",
-					children: /* @__PURE__ */ R(g, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ z(g, { className: "h-4 w-4" })
 				}),
-				l().map((t, n) => t === "..." ? /* @__PURE__ */ R("span", {
+				l().map((t, n) => t === "..." ? /* @__PURE__ */ z("span", {
 					className: "px-2 text-sm text-gray-400",
 					children: "…"
-				}, `ellipsis-${n}`) : /* @__PURE__ */ R(It, {
+				}, `ellipsis-${n}`) : /* @__PURE__ */ z(xt, {
 					onClick: () => a(t),
 					active: t === e,
 					"aria-label": `Page ${t}`,
 					"aria-current": t === e ? "page" : void 0,
 					children: t
 				}, t)),
-				/* @__PURE__ */ R(It, {
+				/* @__PURE__ */ z(xt, {
 					onClick: () => a(e + 1),
 					disabled: e >= n,
 					"aria-label": "Next page",
-					children: /* @__PURE__ */ R(_, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ z(_, { className: "h-4 w-4" })
 				}),
-				/* @__PURE__ */ R(It, {
+				/* @__PURE__ */ z(xt, {
 					onClick: () => a(n),
 					disabled: e >= n,
 					"aria-label": "Last page",
-					children: /* @__PURE__ */ R(y, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ z(y, { className: "h-4 w-4" })
 				})
 			]
 		})]
 	});
 }
-function It({ children: e, onClick: t, disabled: n = !1, active: r = !1, ...i }) {
-	return /* @__PURE__ */ R("button", {
+function xt({ children: e, onClick: t, disabled: n = !1, active: r = !1, ...i }) {
+	return /* @__PURE__ */ z("button", {
 		type: "button",
 		onClick: t,
 		disabled: n,
@@ -2748,31 +2747,31 @@ function It({ children: e, onClick: t, disabled: n = !1, active: r = !1, ...i })
 }
 //#endregion
 //#region src/components/SidebarPanel.jsx
-function Lt({ panels: e, activePanel: t, onClose: n, columns: r, hiddenColumns: i, columnOrder: a, onToggleColumn: o, onReorderColumns: s, filters: c, onFilterChange: l, onClearFilters: u }) {
+function St({ panels: e, activePanel: t, onClose: n, columns: r, hiddenColumns: i, columnOrder: a, onToggleColumn: o, onReorderColumns: s, filters: c, onFilterChange: l, onClearFilters: u }) {
 	let d = e.find((e) => e.type === t);
-	return d ? /* @__PURE__ */ z("div", {
+	return d ? /* @__PURE__ */ B("div", {
 		className: "w-64 border-l border-[var(--app-border,#e5e7eb)] bg-[var(--app-bg,white)] flex flex-col overflow-hidden shrink-0",
-		children: [/* @__PURE__ */ z("div", {
+		children: [/* @__PURE__ */ B("div", {
 			className: "flex items-center justify-between px-3 py-2 border-b border-[var(--app-border,#e5e7eb)]",
-			children: [/* @__PURE__ */ R("span", {
+			children: [/* @__PURE__ */ z("span", {
 				className: "text-sm font-semibold text-[var(--app-text)]",
 				children: d.title
-			}), /* @__PURE__ */ R("button", {
+			}), /* @__PURE__ */ z("button", {
 				type: "button",
 				onClick: n,
 				className: "p-1 text-gray-400 hover:text-gray-600 rounded transition-colors",
 				"aria-label": "Close panel",
-				children: /* @__PURE__ */ R(I, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ z(L, { className: "h-4 w-4" })
 			})]
-		}), /* @__PURE__ */ z("div", {
+		}), /* @__PURE__ */ B("div", {
 			className: "flex-1 overflow-y-auto p-3",
 			children: [
-				d.type === "columns" && r && o && /* @__PURE__ */ R(Rt, {
+				d.type === "columns" && r && o && /* @__PURE__ */ z(Ct, {
 					columns: r,
 					hiddenColumns: i ?? /* @__PURE__ */ new Set(),
 					onToggle: o
 				}),
-				d.type === "filters" && r && l && /* @__PURE__ */ R(zt, {
+				d.type === "filters" && r && l && /* @__PURE__ */ z(wt, {
 					columns: r,
 					filters: c ?? [],
 					onFilterChange: l,
@@ -2783,63 +2782,63 @@ function Lt({ panels: e, activePanel: t, onClose: n, columns: r, hiddenColumns:
 		})]
 	}) : null;
 }
-function Rt({ columns: e, hiddenColumns: t, onToggle: n }) {
-	return /* @__PURE__ */ z("div", {
+function Ct({ columns: e, hiddenColumns: t, onToggle: n }) {
+	return /* @__PURE__ */ B("div", {
 		className: "space-y-1",
-		children: [/* @__PURE__ */ R("p", {
+		children: [/* @__PURE__ */ z("p", {
 			className: "text-xs text-gray-500 mb-2",
 			children: "Toggle column visibility"
-		}), e.map((e) => /* @__PURE__ */ z("label", {
+		}), e.map((e) => /* @__PURE__ */ B("label", {
 			className: "flex items-center gap-2 px-2 py-1.5 rounded cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-700",
-			children: [/* @__PURE__ */ R("input", {
+			children: [/* @__PURE__ */ z("input", {
 				type: "checkbox",
 				checked: !t.has(e.id),
 				onChange: () => n(e.id),
 				className: "h-3.5 w-3.5 rounded border-gray-300 text-brand-600 focus:ring-brand-600"
-			}), /* @__PURE__ */ R("span", {
+			}), /* @__PURE__ */ z("span", {
 				className: "text-sm text-gray-700 dark:text-gray-300 truncate",
 				children: e.header
 			})]
 		}, e.id))]
 	});
 }
-function zt({ columns: e, filters: t, onFilterChange: n, onClearFilters: r }) {
+function wt({ columns: e, filters: t, onFilterChange: n, onClearFilters: r }) {
 	let i = e.filter((e) => e.filterable !== !1 && e.filterType);
-	return /* @__PURE__ */ z("div", {
+	return /* @__PURE__ */ B("div", {
 		className: "space-y-3",
 		children: [
-			r && t.length > 0 && /* @__PURE__ */ R("button", {
+			r && t.length > 0 && /* @__PURE__ */ z("button", {
 				type: "button",
 				onClick: r,
 				className: "text-xs text-brand-600 hover:text-brand-700 underline",
 				children: "Clear all filters"
 			}),
-			i.length === 0 && /* @__PURE__ */ R("p", {
+			i.length === 0 && /* @__PURE__ */ z("p", {
 				className: "text-xs text-gray-400",
 				children: "No filterable columns"
 			}),
 			i.map((e) => {
 				let r = t.find((t) => t.columnId === e.id)?.value ?? "";
-				return /* @__PURE__ */ z("div", { children: [
-					/* @__PURE__ */ R("label", {
+				return /* @__PURE__ */ B("div", { children: [
+					/* @__PURE__ */ z("label", {
 						className: "text-xs font-medium text-gray-500 block mb-1",
 						children: e.header
 					}),
-					(e.filterType === "text" || e.filterType === "number") && /* @__PURE__ */ R("input", {
+					(e.filterType === "text" || e.filterType === "number") && /* @__PURE__ */ z("input", {
 						type: e.filterType === "number" ? "number" : "text",
 						value: String(r),
 						onChange: (t) => n(e.id, t.target.value, "contains"),
 						placeholder: "Filter...",
 						className: "w-full px-2 py-1.5 text-sm border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-brand-500 bg-[var(--app-bg)]"
 					}),
-					e.filterType === "select" && e.filterOptions && /* @__PURE__ */ z("select", {
+					e.filterType === "select" && e.filterOptions && /* @__PURE__ */ B("select", {
 						value: String(r),
 						onChange: (t) => n(e.id, t.target.value, "eq"),
 						className: "w-full px-2 py-1.5 text-sm border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-brand-500 bg-[var(--app-bg)]",
-						children: [/* @__PURE__ */ R("option", {
+						children: [/* @__PURE__ */ z("option", {
 							value: "",
 							children: "All"
-						}), e.filterOptions.map((e) => /* @__PURE__ */ R("option", {
+						}), e.filterOptions.map((e) => /* @__PURE__ */ z("option", {
 							value: e.value,
 							children: e.label
 						}, e.value))]
@@ -2851,7 +2850,7 @@ function zt({ columns: e, filters: t, onFilterChange: n, onClearFilters: r }) {
 }
 //#endregion
 //#region src/components/PresetManager.jsx
-function Bt({ presets: t, onSave: n, onLoad: r, onDelete: i, onRename: a, getCurrentConfig: s }) {
+function Tt({ presets: t, onSave: n, onLoad: r, onDelete: i, onRename: a, getCurrentConfig: s }) {
 	let [c, l] = o(!1), [u, d] = o(""), [f, h] = o(null), [g, _] = o(""), v = e.useRef(null);
 	e.useEffect(() => {
 		if (!c) return;
@@ -2865,52 +2864,52 @@ function Bt({ presets: t, onSave: n, onLoad: r, onDelete: i, onRename: a, getCur
 	}, b = (e) => {
 		g.trim() && (a(e, g.trim()), h(null));
 	};
-	return /* @__PURE__ */ z("div", {
+	return /* @__PURE__ */ B("div", {
 		className: "relative",
 		ref: v,
-		children: [/* @__PURE__ */ z("button", {
+		children: [/* @__PURE__ */ B("button", {
 			type: "button",
 			onClick: () => l((e) => !e),
 			className: "inline-flex items-center gap-1.5 px-3 py-2 text-sm text-gray-600 hover:text-gray-800 hover:bg-gray-100 rounded-md transition-colors",
 			"aria-label": "Table presets",
 			title: "Table presets",
 			children: [
-				/* @__PURE__ */ R(p, { className: "h-4 w-4" }),
+				/* @__PURE__ */ z(p, { className: "h-4 w-4" }),
 				"Presets",
-				t.length > 0 && /* @__PURE__ */ R("span", {
+				t.length > 0 && /* @__PURE__ */ z("span", {
 					className: "ml-1 text-xs bg-gray-200 text-gray-600 rounded-full px-1.5 py-0.5",
 					children: t.length
 				})
 			]
-		}), c && /* @__PURE__ */ z("div", {
+		}), c && /* @__PURE__ */ B("div", {
 			className: "absolute right-0 top-full mt-1 z-50 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-lg p-3 min-w-[280px]",
-			children: [/* @__PURE__ */ z("div", {
+			children: [/* @__PURE__ */ B("div", {
 				className: "flex items-center gap-2 mb-3",
-				children: [/* @__PURE__ */ R("input", {
+				children: [/* @__PURE__ */ z("input", {
 					type: "text",
 					value: u,
 					onChange: (e) => d(e.target.value),
 					onKeyDown: (e) => e.key === "Enter" && y(),
 					placeholder: "Save current view as...",
 					className: "flex-1 px-2 py-1.5 text-sm border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-brand-500 bg-[var(--app-bg)]"
-				}), /* @__PURE__ */ R("button", {
+				}), /* @__PURE__ */ z("button", {
 					type: "button",
 					onClick: y,
 					disabled: !u.trim(),
 					className: "p-1.5 text-brand-600 hover:bg-brand-50 rounded disabled:opacity-50",
 					"aria-label": "Save preset",
-					children: /* @__PURE__ */ R(M, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ z(N, { className: "h-4 w-4" })
 				})]
-			}), t.length === 0 ? /* @__PURE__ */ R("p", {
+			}), t.length === 0 ? /* @__PURE__ */ z("p", {
 				className: "text-xs text-gray-400 text-center py-2",
 				children: "No saved presets"
-			}) : /* @__PURE__ */ R("div", {
+			}) : /* @__PURE__ */ z("div", {
 				className: "space-y-1 max-h-64 overflow-y-auto",
-				children: t.map((e) => /* @__PURE__ */ R("div", {
+				children: t.map((e) => /* @__PURE__ */ z("div", {
 					className: "flex items-center justify-between px-2 py-1.5 rounded hover:bg-gray-50 dark:hover:bg-gray-700 group",
-					children: f === e.id ? /* @__PURE__ */ z("div", {
+					children: f === e.id ? /* @__PURE__ */ B("div", {
 						className: "flex items-center gap-1 flex-1",
-						children: [/* @__PURE__ */ R("input", {
+						children: [/* @__PURE__ */ z("input", {
 							type: "text",
 							value: g,
 							onChange: (e) => _(e.target.value),
@@ -2919,13 +2918,13 @@ function Bt({ presets: t, onSave: n, onLoad: r, onDelete: i, onRename: a, getCur
 							},
 							className: "flex-1 px-1 py-0.5 text-sm border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-brand-500 bg-[var(--app-bg)]",
 							autoFocus: !0
-						}), /* @__PURE__ */ R("button", {
+						}), /* @__PURE__ */ z("button", {
 							type: "button",
 							onClick: () => b(e.id),
 							className: "p-1 text-green-600 hover:bg-green-50 rounded",
-							children: /* @__PURE__ */ R(m, { className: "h-3 w-3" })
+							children: /* @__PURE__ */ z(m, { className: "h-3 w-3" })
 						})]
-					}) : /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R("button", {
+					}) : /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z("button", {
 						type: "button",
 						onClick: () => {
 							r(e.id), l(!1);
@@ -2933,22 +2932,22 @@ function Bt({ presets: t, onSave: n, onLoad: r, onDelete: i, onRename: a, getCur
 						className: "text-sm text-gray-700 dark:text-gray-300 truncate flex-1 text-left",
 						title: `Load "${e.name}"`,
 						children: e.name
-					}), /* @__PURE__ */ z("div", {
+					}), /* @__PURE__ */ B("div", {
 						className: "flex items-center gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity",
-						children: [/* @__PURE__ */ R("button", {
+						children: [/* @__PURE__ */ z("button", {
 							type: "button",
 							onClick: () => {
 								h(e.id), _(e.name);
 							},
 							className: "p-1 text-gray-400 hover:text-gray-600",
 							"aria-label": `Rename preset ${e.name}`,
-							children: /* @__PURE__ */ R(S, { className: "h-3 w-3" })
-						}), /* @__PURE__ */ R("button", {
+							children: /* @__PURE__ */ z(S, { className: "h-3 w-3" })
+						}), /* @__PURE__ */ z("button", {
 							type: "button",
 							onClick: () => i(e.id),
 							className: "p-1 text-gray-400 hover:text-red-500",
 							"aria-label": `Delete preset ${e.name}`,
-							children: /* @__PURE__ */ R(F, { className: "h-3 w-3" })
+							children: /* @__PURE__ */ z(I, { className: "h-3 w-3" })
 						})]
 					})] })
 				}, e.id))
@@ -2958,7 +2957,7 @@ function Bt({ presets: t, onSave: n, onLoad: r, onDelete: i, onRename: a, getCur
 }
 //#endregion
 //#region src/components/ContextMenu.jsx
-function Vt({ x: e, y: t, row: n, items: i, onClose: o }) {
+function Et({ x: e, y: t, row: n, items: i, onClose: o }) {
 	let s = a(null);
 	r(() => {
 		let e = (e) => {
@@ -2975,7 +2974,7 @@ function Vt({ x: e, y: t, row: n, items: i, onClose: o }) {
 		n.right > window.innerWidth && (r.style.left = `${e - n.width}px`), n.bottom > window.innerHeight && (r.style.top = `${t - n.height}px`);
 	}, [e, t]);
 	let c = i.filter((e) => !e.hidden?.(n));
-	return c.length ? /* @__PURE__ */ R("div", {
+	return c.length ? /* @__PURE__ */ z("div", {
 		ref: s,
 		className: "fixed z-[9999] bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-xl py-1 min-w-[160px] animate-in fade-in zoom-in-95 duration-100",
 		style: {
@@ -2983,10 +2982,10 @@ function Vt({ x: e, y: t, row: n, items: i, onClose: o }) {
 			top: t
 		},
 		role: "menu",
-		children: c.map((e) => e.separator ? /* @__PURE__ */ R("div", {
+		children: c.map((e) => e.separator ? /* @__PURE__ */ z("div", {
 			className: "my-1 border-t border-gray-200 dark:border-gray-700",
 			role: "separator"
-		}, e.id) : /* @__PURE__ */ z("button", {
+		}, e.id) : /* @__PURE__ */ B("button", {
 			type: "button",
 			onClick: () => {
 				e.onClick(n), o();
@@ -2994,7 +2993,7 @@ function Vt({ x: e, y: t, row: n, items: i, onClose: o }) {
 			disabled: e.disabled?.(n),
 			className: `w-full text-left px-3 py-2 text-sm flex items-center gap-2 transition-colors ${e.variant === "danger" ? "text-red-600 hover:bg-red-50 dark:hover:bg-red-900/20" : "text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700"} ${e.disabled?.(n) ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`,
 			role: "menuitem",
-			children: [e.icon && /* @__PURE__ */ R("span", {
+			children: [e.icon && /* @__PURE__ */ z("span", {
 				className: "w-4 h-4 flex-shrink-0",
 				children: e.icon
 			}), e.label]
@@ -3003,28 +3002,28 @@ function Vt({ x: e, y: t, row: n, items: i, onClose: o }) {
 }
 //#endregion
 //#region src/components/StatusBar.jsx
-function Ht({ config: e, data: t, state: n }) {
+function Dt({ config: e, data: t, state: n }) {
 	let r = i(() => e.computeItems?.(t, n) ?? [], [
 		e,
 		t,
 		n
 	]), a = i(() => [...e.items ?? [], ...r], [e.items, r]);
-	return a.length ? /* @__PURE__ */ R("div", {
+	return a.length ? /* @__PURE__ */ z("div", {
 		className: `flex items-center gap-4 px-4 py-2 text-xs text-gray-500 border-t border-[var(--app-border,#e5e7eb)] bg-[var(--app-surface,#f9fafb)] ${e.className ?? ""}`,
 		role: "status",
 		"aria-label": "Table status",
-		children: a.map((e) => /* @__PURE__ */ z("div", {
+		children: a.map((e) => /* @__PURE__ */ B("div", {
 			className: "flex items-center gap-1.5",
 			children: [
-				e.icon && /* @__PURE__ */ R("span", {
+				e.icon && /* @__PURE__ */ z("span", {
 					className: "w-3.5 h-3.5 flex-shrink-0",
 					children: e.icon
 				}),
-				/* @__PURE__ */ z("span", {
+				/* @__PURE__ */ B("span", {
 					className: "text-gray-400",
 					children: [e.label, ":"]
 				}),
-				/* @__PURE__ */ R("span", {
+				/* @__PURE__ */ z("span", {
 					className: "font-medium text-gray-600",
 					children: e.value
 				})
@@ -3034,7 +3033,7 @@ function Ht({ config: e, data: t, state: n }) {
 }
 //#endregion
 //#region src/hooks/useChartData.js
-var Ut = [
+var Ot = [
 	"#6366f1",
 	"#f59e0b",
 	"#10b981",
@@ -3046,13 +3045,13 @@ var Ut = [
 	"#ec4899",
 	"#14b8a6"
 ];
-function Wt(e) {
+function kt(e) {
 	if (typeof e == "number") return e;
 	if (typeof e == "boolean") return e ? 1 : 0;
 	let t = Number(e);
 	return isNaN(t) ? 0 : t;
 }
-function Gt(e, t) {
+function At(e, t) {
 	if (!e.length) return 0;
 	switch (t) {
 		case "sum": return e.reduce((e, t) => e + t, 0);
@@ -3063,34 +3062,34 @@ function Gt(e, t) {
 		default: return e.reduce((e, t) => e + t, 0);
 	}
 }
-function Kt(e, t, n, r, i) {
+function jt(e, t, n, r, i) {
 	let a = n.find((e) => e.id === t.groupBy);
 	if (!a) return [];
 	let o = /* @__PURE__ */ new Map();
 	e.forEach((e) => {
-		let t = String(Z(e, a) ?? "Unknown"), n = o.get(t) ?? [];
+		let t = String(U(e, a) ?? "Unknown"), n = o.get(t) ?? [];
 		n.push(e), o.set(t, n);
 	});
 	let s = t.aggregation ?? "sum";
 	return Array.from(o.entries()).map(([e, t]) => {
 		let n = { label: e };
 		return i.forEach((e) => {
-			let r = t.map((t) => Wt(Z(t, e)));
-			n[e.id] = Gt(r, s);
+			let r = t.map((t) => kt(U(t, e)));
+			n[e.id] = At(r, s);
 		}), n;
 	});
 }
-function qt({ data: e, config: t, columns: n }) {
+function Mt({ data: e, config: t, columns: n }) {
 	return {
 		chartData: i(() => {
 			if (!e.length || !t.labelColumn || !t.dataColumns.length) return [];
 			let r = n.find((e) => e.id === t.labelColumn);
 			if (!r) return [];
 			let i = t.dataColumns.map((e) => n.find((t) => t.id === e)).filter((e) => e != null);
-			return i.length ? t.groupBy ? Kt(e, t, n, r, i) : e.map((e) => {
-				let t = { label: String(Z(e, r) ?? "") };
+			return i.length ? t.groupBy ? jt(e, t, n, r, i) : e.map((e) => {
+				let t = { label: String(U(e, r) ?? "") };
 				return i.forEach((n) => {
-					t[n.id] = Wt(Z(e, n));
+					t[n.id] = kt(U(e, n));
 				}), t;
 			}) : [];
 		}, [
@@ -3101,7 +3100,7 @@ function qt({ data: e, config: t, columns: n }) {
 		series: i(() => t.dataColumns.map((e, r) => ({
 			key: e,
 			name: n.find((t) => t.id === e)?.header ?? e,
-			color: t.colors?.[r] ?? Ut[r % Ut.length]
+			color: t.colors?.[r] ?? Ot[r % Ot.length]
 		})), [
 			t.dataColumns,
 			t.colors,
@@ -3111,196 +3110,95 @@ function qt({ data: e, config: t, columns: n }) {
 }
 //#endregion
 //#region src/components/DataChart.jsx
-function Jt({ data: e, config: t, columns: r, onRemove: i, onEdit: o, className: s = "" }) {
-	let { chartData: c, series: l } = qt({
+var Nt = null;
+function Pt() {
+	let [e, t] = o(Nt), [n, r] = o(!1);
+	return {
+		recharts: e,
+		error: n
+	};
+}
+function Ft({ data: e, config: t, columns: r, onRemove: i, onEdit: o, className: s = "" }) {
+	let { chartData: c, series: l } = Mt({
 		data: e,
 		config: t,
 		columns: r
-	}), u = a(null), d = t.height ?? 300, f = n(async () => {
+	}), u = a(null);
+	t.height;
+	let { recharts: d, error: f } = Pt(), p = n(async () => {
 		if (u.current) try {
 			let { toPng: e } = await import("html-to-image"), n = await e(u.current, { backgroundColor: "#ffffff" }), r = document.createElement("a");
 			r.download = `${t.title || "chart"}.png`, r.href = n, r.click();
 		} catch {}
 	}, [t.title]);
-	return c.length ? /* @__PURE__ */ z("div", {
+	return c.length ? f ? /* @__PURE__ */ z("div", {
+		className: `flex items-center justify-center h-48 text-sm text-red-400 border border-dashed border-red-300 rounded-lg ${s}`,
+		children: "Charts require the \"recharts\" package. Install it with: npm install recharts"
+	}) : d ? /* @__PURE__ */ z("div", {
 		className: `bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden ${s}`,
-		children: [/* @__PURE__ */ z("div", {
+		children: /* @__PURE__ */ B("div", {
 			className: "flex items-center justify-between px-4 py-2 border-b border-gray-100 dark:border-gray-800",
-			children: [/* @__PURE__ */ R("span", {
+			children: [/* @__PURE__ */ z("span", {
 				className: "text-sm font-medium text-gray-700 dark:text-gray-300 truncate",
 				children: t.title || "Chart"
-			}), /* @__PURE__ */ z("div", {
+			}), /* @__PURE__ */ B("div", {
 				className: "flex items-center gap-1",
 				children: [
-					/* @__PURE__ */ R("button", {
+					/* @__PURE__ */ z("button", {
 						type: "button",
-						onClick: f,
+						onClick: p,
 						className: "p-1 text-gray-400 hover:text-gray-600 rounded transition-colors",
 						title: "Export as PNG",
-						children: /* @__PURE__ */ R(x, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ z(x, { className: "h-3.5 w-3.5" })
 					}),
-					o && /* @__PURE__ */ R("button", {
+					o && /* @__PURE__ */ z("button", {
 						type: "button",
 						onClick: o,
 						className: "p-1 text-gray-400 hover:text-brand-600 rounded transition-colors",
 						title: "Edit chart",
-						children: /* @__PURE__ */ R(S, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ z(S, { className: "h-3.5 w-3.5" })
 					}),
-					i && /* @__PURE__ */ R("button", {
+					i && /* @__PURE__ */ z("button", {
 						type: "button",
 						onClick: i,
 						className: "p-1 text-gray-400 hover:text-red-500 rounded transition-colors",
 						title: "Remove chart",
-						children: /* @__PURE__ */ R(I, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ z(L, { className: "h-3.5 w-3.5" })
 					})
 				]
 			})]
-		}), /* @__PURE__ */ R("div", {
-			ref: u,
-			className: "px-2 py-3",
-			children: /* @__PURE__ */ R(ae, {
-				width: "100%",
-				height: d,
-				children: Yt(t, c, l)
-			})
-		})]
-	}) : /* @__PURE__ */ R("div", {
+		})
+	}) : /* @__PURE__ */ z("div", {
+		className: `flex items-center justify-center h-48 text-sm text-gray-400 ${s}`,
+		children: "Loading chart..."
+	}) : /* @__PURE__ */ z("div", {
 		className: `flex items-center justify-center h-48 text-sm text-gray-400 border border-dashed border-gray-300 rounded-lg ${s}`,
 		children: "No data to display"
 	});
 }
-function Yt(e, t, n) {
-	let r = e.showLegend ?? !0, i = e.showTooltip ?? !0;
-	switch (e.type) {
-		case "bar": return /* @__PURE__ */ z(W, {
-			data: t,
-			children: [
-				/* @__PURE__ */ R(G, {
-					strokeDasharray: "3 3",
-					stroke: "#e5e7eb"
-				}),
-				/* @__PURE__ */ R(se, {
-					dataKey: "label",
-					tick: { fontSize: 12 }
-				}),
-				/* @__PURE__ */ R(Y, { tick: { fontSize: 12 } }),
-				i && /* @__PURE__ */ R(oe, {}),
-				r && /* @__PURE__ */ R(q, {}),
-				n.map((t) => /* @__PURE__ */ R(U, {
-					dataKey: t.key,
-					name: t.name,
-					fill: t.color,
-					stackId: e.stacked ? "stack" : void 0,
-					radius: [
-						2,
-						2,
-						0,
-						0
-					]
-				}, t.key))
-			]
-		});
-		case "line": return /* @__PURE__ */ z(J, {
-			data: t,
-			children: [
-				/* @__PURE__ */ R(G, {
-					strokeDasharray: "3 3",
-					stroke: "#e5e7eb"
-				}),
-				/* @__PURE__ */ R(se, {
-					dataKey: "label",
-					tick: { fontSize: 12 }
-				}),
-				/* @__PURE__ */ R(Y, { tick: { fontSize: 12 } }),
-				i && /* @__PURE__ */ R(oe, {}),
-				r && /* @__PURE__ */ R(q, {}),
-				n.map((e) => /* @__PURE__ */ R(ne, {
-					type: "monotone",
-					dataKey: e.key,
-					name: e.name,
-					stroke: e.color,
-					strokeWidth: 2,
-					dot: { r: 3 },
-					activeDot: { r: 5 }
-				}, e.key))
-			]
-		});
-		case "area": return /* @__PURE__ */ z(H, {
-			data: t,
-			children: [
-				/* @__PURE__ */ R(G, {
-					strokeDasharray: "3 3",
-					stroke: "#e5e7eb"
-				}),
-				/* @__PURE__ */ R(se, {
-					dataKey: "label",
-					tick: { fontSize: 12 }
-				}),
-				/* @__PURE__ */ R(Y, { tick: { fontSize: 12 } }),
-				i && /* @__PURE__ */ R(oe, {}),
-				r && /* @__PURE__ */ R(q, {}),
-				n.map((t) => /* @__PURE__ */ R(V, {
-					type: "monotone",
-					dataKey: t.key,
-					name: t.name,
-					stroke: t.color,
-					fill: t.color,
-					fillOpacity: .15,
-					stackId: e.stacked ? "stack" : void 0
-				}, t.key))
-			]
-		});
-		case "pie": return /* @__PURE__ */ z(ie, { children: [
-			i && /* @__PURE__ */ R(oe, {}),
-			r && /* @__PURE__ */ R(q, {}),
-			/* @__PURE__ */ R(re, {
-				data: t,
-				dataKey: n[0]?.key ?? "value",
-				nameKey: "label",
-				cx: "50%",
-				cy: "50%",
-				outerRadius: "80%",
-				label: ({ name: e, percent: t }) => `${e} ${(t * 100).toFixed(0)}%`,
-				labelLine: !1,
-				children: t.map((t, n) => /* @__PURE__ */ R(K, { fill: e.colors?.[n] ?? Ut[n % Ut.length] }, n))
-			})
-		] });
-		default: return /* @__PURE__ */ z(W, {
-			data: t,
-			children: [
-				/* @__PURE__ */ R(se, { dataKey: "label" }),
-				/* @__PURE__ */ R(Y, {}),
-				n.map((e) => /* @__PURE__ */ R(U, {
-					dataKey: e.key,
-					fill: e.color
-				}, e.key))
-			]
-		});
-	}
-}
 //#endregion
 //#region src/components/ChartPanel.jsx
-function Xt({ charts: e, data: t, columns: n, onAddChart: r, onEditChart: i, onRemoveChart: a }) {
-	return e.length ? /* @__PURE__ */ z("div", {
+function It({ charts: e, data: t, columns: n, onAddChart: r, onEditChart: i, onRemoveChart: a }) {
+	return e.length ? /* @__PURE__ */ B("div", {
 		className: "border-t border-gray-200 dark:border-gray-700 p-4",
-		children: [/* @__PURE__ */ z("div", {
+		children: [/* @__PURE__ */ B("div", {
 			className: "flex items-center justify-between mb-3",
-			children: [/* @__PURE__ */ z("span", {
+			children: [/* @__PURE__ */ B("span", {
 				className: "text-xs font-medium text-gray-500 uppercase tracking-wide",
 				children: [
 					"Charts (",
 					e.length,
 					")"
 				]
-			}), /* @__PURE__ */ z("button", {
+			}), /* @__PURE__ */ B("button", {
 				type: "button",
 				onClick: r,
 				className: "inline-flex items-center gap-1 px-2 py-1 text-xs font-medium text-brand-600 hover:bg-brand-50 rounded transition-colors",
-				children: [/* @__PURE__ */ R(k, { className: "h-3.5 w-3.5" }), "Add"]
+				children: [/* @__PURE__ */ z(A, { className: "h-3.5 w-3.5" }), "Add"]
 			})]
-		}), /* @__PURE__ */ R("div", {
+		}), /* @__PURE__ */ z("div", {
 			className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-			children: e.map((e) => /* @__PURE__ */ R(Jt, {
+			children: e.map((e) => /* @__PURE__ */ z(Ft, {
 				data: t,
 				config: e.config,
 				columns: n,
@@ -3308,21 +3206,21 @@ function Xt({ charts: e, data: t, columns: n, onAddChart: r, onEditChart: i, onR
 				onRemove: () => a(e.id)
 			}, e.id))
 		})]
-	}) : /* @__PURE__ */ R("div", {
+	}) : /* @__PURE__ */ z("div", {
 		className: "border-t border-gray-200 dark:border-gray-700 px-4 py-6",
-		children: /* @__PURE__ */ z("div", {
+		children: /* @__PURE__ */ B("div", {
 			className: "flex flex-col items-center justify-center text-center",
 			children: [
-				/* @__PURE__ */ R(f, { className: "h-8 w-8 text-gray-300 mb-2" }),
-				/* @__PURE__ */ R("p", {
+				/* @__PURE__ */ z(f, { className: "h-8 w-8 text-gray-300 mb-2" }),
+				/* @__PURE__ */ z("p", {
 					className: "text-sm text-gray-400 mb-3",
 					children: "No charts yet"
 				}),
-				/* @__PURE__ */ z("button", {
+				/* @__PURE__ */ B("button", {
 					type: "button",
 					onClick: r,
 					className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium text-brand-600 bg-brand-50 rounded-lg hover:bg-brand-100 transition-colors",
-					children: [/* @__PURE__ */ R(k, { className: "h-4 w-4" }), "Create Chart"]
+					children: [/* @__PURE__ */ z(A, { className: "h-4 w-4" }), "Create Chart"]
 				})
 			]
 		})
@@ -3330,28 +3228,28 @@ function Xt({ charts: e, data: t, columns: n, onAddChart: r, onEditChart: i, onR
 }
 //#endregion
 //#region src/components/ChartBuilderModal.jsx
-var Zt = [
+var Lt = [
 	{
 		type: "bar",
 		label: "Bar",
-		icon: /* @__PURE__ */ R(f, { className: "h-5 w-5" })
+		icon: /* @__PURE__ */ z(f, { className: "h-5 w-5" })
 	},
 	{
 		type: "line",
 		label: "Line",
-		icon: /* @__PURE__ */ R(E, { className: "h-5 w-5" })
+		icon: /* @__PURE__ */ z(E, { className: "h-5 w-5" })
 	},
 	{
 		type: "area",
 		label: "Area",
-		icon: /* @__PURE__ */ R(c, { className: "h-5 w-5" })
+		icon: /* @__PURE__ */ z(c, { className: "h-5 w-5" })
 	},
 	{
 		type: "pie",
 		label: "Pie",
-		icon: /* @__PURE__ */ R(ee, { className: "h-5 w-5" })
+		icon: /* @__PURE__ */ z(k, { className: "h-5 w-5" })
 	}
-], Qt = [
+], Rt = [
 	{
 		value: "",
 		label: "None"
@@ -3377,7 +3275,7 @@ var Zt = [
 		label: "Max"
 	}
 ];
-function $t({ open: e, onClose: t, onSave: a, onUpdate: s, columns: c, data: l, editingChart: u }) {
+function zt({ open: e, onClose: t, onSave: a, onUpdate: s, columns: c, data: l, editingChart: u }) {
 	let [d, f] = o("bar"), [p, m] = o(""), [h, g] = o(""), [_, v] = o([]), [y, b] = o(""), [x, S] = o(""), [C, w] = o(!0), [T, E] = o(!0), [D, O] = o(!1);
 	r(() => {
 		if (u) {
@@ -3385,7 +3283,7 @@ function $t({ open: e, onClose: t, onSave: a, onUpdate: s, columns: c, data: l,
 			f(e.type), m(e.title ?? ""), g(e.labelColumn), v(e.dataColumns), b(e.groupBy ?? ""), S(e.aggregation ?? ""), w(e.showLegend ?? !0), E(e.showTooltip ?? !0), O(e.stacked ?? !1);
 		} else e && (f("bar"), m(""), g(""), v([]), b(""), S(""), w(!0), E(!0), O(!1));
 	}, [u, e]);
-	let ee = i(() => ({
+	let k = i(() => ({
 		type: d,
 		title: p || "Preview",
 		labelColumn: h,
@@ -3406,8 +3304,8 @@ function $t({ open: e, onClose: t, onSave: a, onUpdate: s, columns: c, data: l,
 		C,
 		T,
 		D
-	]), k = h && _.length > 0, A = n(() => {
-		if (!k) return;
+	]), A = h && _.length > 0, j = n(() => {
+		if (!A) return;
 		let e = {
 			type: d,
 			title: p || void 0,
@@ -3421,7 +3319,7 @@ function $t({ open: e, onClose: t, onSave: a, onUpdate: s, columns: c, data: l,
 		};
 		u && s ? s(u.id, e) : a(e), t();
 	}, [
-		k,
+		A,
 		d,
 		p,
 		h,
@@ -3435,133 +3333,133 @@ function $t({ open: e, onClose: t, onSave: a, onUpdate: s, columns: c, data: l,
 		s,
 		a,
 		t
-	]), j = (e) => {
+	]), M = (e) => {
 		v((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
 	};
 	if (!e) return null;
-	let M = "w-full px-3 py-2 text-sm border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-brand-500 bg-white dark:bg-gray-800";
-	return /* @__PURE__ */ z("div", {
+	let N = "w-full px-3 py-2 text-sm border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-brand-500 bg-white dark:bg-gray-800";
+	return /* @__PURE__ */ B("div", {
 		className: "fixed inset-0 z-[9999] flex items-center justify-center",
-		children: [/* @__PURE__ */ R("div", {
+		children: [/* @__PURE__ */ z("div", {
 			className: "absolute inset-0 bg-black/40",
 			onClick: t
-		}), /* @__PURE__ */ z("div", {
+		}), /* @__PURE__ */ B("div", {
 			className: "relative bg-white dark:bg-gray-900 rounded-xl shadow-2xl w-full max-w-4xl max-h-[90vh] overflow-hidden flex flex-col",
 			children: [
-				/* @__PURE__ */ z("div", {
+				/* @__PURE__ */ B("div", {
 					className: "flex items-center justify-between px-6 py-4 border-b border-gray-200 dark:border-gray-700",
-					children: [/* @__PURE__ */ R("h2", {
+					children: [/* @__PURE__ */ z("h2", {
 						className: "text-lg font-semibold text-gray-900 dark:text-gray-100",
 						children: u ? "Edit Chart" : "Create Chart"
-					}), /* @__PURE__ */ R("button", {
+					}), /* @__PURE__ */ z("button", {
 						type: "button",
 						onClick: t,
 						className: "p-1 text-gray-400 hover:text-gray-600 rounded",
-						children: /* @__PURE__ */ R(I, { className: "h-5 w-5" })
+						children: /* @__PURE__ */ z(L, { className: "h-5 w-5" })
 					})]
 				}),
-				/* @__PURE__ */ R("div", {
+				/* @__PURE__ */ z("div", {
 					className: "flex-1 overflow-y-auto p-6",
-					children: /* @__PURE__ */ z("div", {
+					children: /* @__PURE__ */ B("div", {
 						className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
-						children: [/* @__PURE__ */ z("div", {
+						children: [/* @__PURE__ */ B("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("label", {
+								/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 									className: "block text-xs font-medium text-gray-500 uppercase tracking-wide mb-2",
 									children: "Chart Type"
-								}), /* @__PURE__ */ R("div", {
+								}), /* @__PURE__ */ z("div", {
 									className: "flex gap-2",
-									children: Zt.map((e) => /* @__PURE__ */ z("button", {
+									children: Lt.map((e) => /* @__PURE__ */ B("button", {
 										type: "button",
 										onClick: () => f(e.type),
 										className: `flex flex-col items-center gap-1 px-4 py-2.5 rounded-lg border-2 transition-colors ${d === e.type ? "border-brand-500 bg-brand-50 text-brand-700" : "border-gray-200 text-gray-500 hover:border-gray-300"}`,
-										children: [e.icon, /* @__PURE__ */ R("span", {
+										children: [e.icon, /* @__PURE__ */ z("span", {
 											className: "text-xs font-medium",
 											children: e.label
 										})]
 									}, e.type))
 								})] }),
-								/* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("label", {
+								/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 									className: "block text-xs font-medium text-gray-500 uppercase tracking-wide mb-1",
 									children: "Title"
-								}), /* @__PURE__ */ R("input", {
+								}), /* @__PURE__ */ z("input", {
 									type: "text",
 									value: p,
 									onChange: (e) => m(e.target.value),
 									placeholder: "Chart title...",
 									className: "w-full px-3 py-2 text-sm border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-brand-500 bg-white dark:bg-gray-800"
 								})] }),
-								/* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("label", {
+								/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 									className: "block text-xs font-medium text-gray-500 uppercase tracking-wide mb-1",
 									children: d === "pie" ? "Label Column" : "X-Axis Column"
-								}), /* @__PURE__ */ z("select", {
+								}), /* @__PURE__ */ B("select", {
 									value: h,
 									onChange: (e) => g(e.target.value),
-									className: M,
-									children: [/* @__PURE__ */ R("option", {
+									className: N,
+									children: [/* @__PURE__ */ z("option", {
 										value: "",
 										children: "Select column..."
-									}), c.map((e) => /* @__PURE__ */ R("option", {
+									}), c.map((e) => /* @__PURE__ */ z("option", {
 										value: e.id,
 										children: e.header
 									}, e.id))]
 								})] }),
-								/* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("label", {
+								/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 									className: "block text-xs font-medium text-gray-500 uppercase tracking-wide mb-1",
 									children: d === "pie" ? "Value Column" : "Y-Axis Columns"
-								}), /* @__PURE__ */ R("div", {
+								}), /* @__PURE__ */ z("div", {
 									className: "flex flex-wrap gap-1.5 p-2 border border-gray-300 rounded-lg min-h-[40px] bg-white dark:bg-gray-800",
-									children: c.map((e) => /* @__PURE__ */ R("button", {
+									children: c.map((e) => /* @__PURE__ */ z("button", {
 										type: "button",
-										onClick: () => j(e.id),
+										onClick: () => M(e.id),
 										className: `px-2.5 py-1 text-xs rounded-md transition-colors ${_.includes(e.id) ? "bg-brand-100 text-brand-700 font-medium" : "bg-gray-100 text-gray-600 hover:bg-gray-200"}`,
 										children: e.header
 									}, e.id))
 								})] }),
-								/* @__PURE__ */ z("div", {
+								/* @__PURE__ */ B("div", {
 									className: "grid grid-cols-2 gap-3",
-									children: [/* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("label", {
+									children: [/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 										className: "block text-xs font-medium text-gray-500 uppercase tracking-wide mb-1",
 										children: "Group By"
-									}), /* @__PURE__ */ z("select", {
+									}), /* @__PURE__ */ B("select", {
 										value: y,
 										onChange: (e) => b(e.target.value),
-										className: M,
-										children: [/* @__PURE__ */ R("option", {
+										className: N,
+										children: [/* @__PURE__ */ z("option", {
 											value: "",
 											children: "None"
-										}), c.map((e) => /* @__PURE__ */ R("option", {
+										}), c.map((e) => /* @__PURE__ */ z("option", {
 											value: e.id,
 											children: e.header
 										}, e.id))]
-									})] }), /* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("label", {
+									})] }), /* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 										className: "block text-xs font-medium text-gray-500 uppercase tracking-wide mb-1",
 										children: "Aggregation"
-									}), /* @__PURE__ */ R("select", {
+									}), /* @__PURE__ */ z("select", {
 										value: x,
 										onChange: (e) => S(e.target.value),
-										className: M,
-										children: Qt.map((e) => /* @__PURE__ */ R("option", {
+										className: N,
+										children: Rt.map((e) => /* @__PURE__ */ z("option", {
 											value: e.value,
 											children: e.label
 										}, e.value))
 									})] })]
 								}),
-								/* @__PURE__ */ z("div", {
+								/* @__PURE__ */ B("div", {
 									className: "flex flex-wrap gap-4",
 									children: [
-										/* @__PURE__ */ R(en, {
+										/* @__PURE__ */ z(Bt, {
 											label: "Legend",
 											checked: C,
 											onChange: w
 										}),
-										/* @__PURE__ */ R(en, {
+										/* @__PURE__ */ z(Bt, {
 											label: "Tooltip",
 											checked: T,
 											onChange: E
 										}),
-										(d === "bar" || d === "area") && /* @__PURE__ */ R(en, {
+										(d === "bar" || d === "area") && /* @__PURE__ */ z(Bt, {
 											label: "Stacked",
 											checked: D,
 											onChange: O
@@ -3569,27 +3467,27 @@ function $t({ open: e, onClose: t, onSave: a, onUpdate: s, columns: c, data: l,
 									]
 								})
 							]
-						}), /* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("label", {
+						}), /* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("label", {
 							className: "block text-xs font-medium text-gray-500 uppercase tracking-wide mb-2",
 							children: "Live Preview"
-						}), /* @__PURE__ */ R(Jt, {
+						}), /* @__PURE__ */ z(Ft, {
 							data: l,
-							config: ee,
+							config: k,
 							columns: c
 						})] })]
 					})
 				}),
-				/* @__PURE__ */ z("div", {
+				/* @__PURE__ */ B("div", {
 					className: "flex items-center justify-end gap-3 px-6 py-4 border-t border-gray-200 dark:border-gray-700",
-					children: [/* @__PURE__ */ R("button", {
+					children: [/* @__PURE__ */ z("button", {
 						type: "button",
 						onClick: t,
 						className: "px-4 py-2 text-sm text-gray-600 hover:text-gray-800 rounded-lg transition-colors",
 						children: "Cancel"
-					}), /* @__PURE__ */ R("button", {
+					}), /* @__PURE__ */ z("button", {
 						type: "button",
-						onClick: A,
-						disabled: !k,
+						onClick: j,
+						disabled: !A,
 						className: "px-4 py-2 text-sm font-medium text-white bg-brand-600 rounded-lg hover:bg-brand-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
 						children: u ? "Update Chart" : "Create Chart"
 					})]
@@ -3598,15 +3496,15 @@ function $t({ open: e, onClose: t, onSave: a, onUpdate: s, columns: c, data: l,
 		})]
 	});
 }
-function en({ label: e, checked: t, onChange: n }) {
-	return /* @__PURE__ */ z("label", {
+function Bt({ label: e, checked: t, onChange: n }) {
+	return /* @__PURE__ */ B("label", {
 		className: "flex items-center gap-2 cursor-pointer select-none",
-		children: [/* @__PURE__ */ R("input", {
+		children: [/* @__PURE__ */ z("input", {
 			type: "checkbox",
 			checked: t,
 			onChange: (e) => n(e.target.checked),
 			className: "h-4 w-4 rounded border-gray-300 text-brand-600 focus:ring-brand-500"
-		}), /* @__PURE__ */ R("span", {
+		}), /* @__PURE__ */ z("span", {
 			className: "text-sm text-gray-600",
 			children: e
 		})]
@@ -3614,226 +3512,226 @@ function en({ label: e, checked: t, onChange: n }) {
 }
 //#endregion
 //#region src/components/DataTable.jsx
-function tn(e) {
-	let { loading: t = !1, error: r = null, onRetry: a, bulkActions: c, exportFormats: l, onExport: u, views: d = ["table"], theme: f, emptyText: p = "No data found", emptyIcon: m = b, className: h = "", filtering: g, columnVisibility: _ = !1, plugins: v = [], ariaLabel: y, ariaDescribedBy: x, sidebarPanels: S, contextMenu: C, persistKey: w, statusBar: T } = e, E = tt(e), { processedData: D, allFilteredData: O, sorting: ee, filtering: k, pagination: j, selection: M, columnManager: N, viewMode: P, setViewMode: te, presets: F, getCurrentPresetConfig: I, applyPreset: B, theme: V, chartConfig: H } = E, [U, W] = o(null), [G, K] = o(null), q = n((e, t) => {
+function Vt(e) {
+	let { loading: t = !1, error: r = null, onRetry: a, bulkActions: c, exportFormats: l, onExport: u, views: d = ["table"], theme: f, emptyText: p = "No data found", emptyIcon: m = b, className: h = "", filtering: g, columnVisibility: _ = !1, plugins: v = [], ariaLabel: y, ariaDescribedBy: x, sidebarPanels: S, contextMenu: C, persistKey: w, statusBar: T } = e, E = Be(e), { processedData: D, allFilteredData: O, sorting: k, filtering: A, pagination: M, selection: N, columnManager: P, viewMode: F, setViewMode: ee, presets: I, getCurrentPresetConfig: L, applyPreset: V, theme: H, chartConfig: U } = E, [W, G] = o(null), [te, K] = o(null), ne = n((e, t) => {
 		C?.length && (e.preventDefault(), K({
 			x: e.clientX,
 			y: e.clientY,
 			row: t
 		}));
-	}, [C]), ne = i(() => (e) => {
+	}, [C]), q = i(() => (e) => {
 		if (u) {
 			u(e, O);
 			return;
 		}
-		let t = N.visibleColumns;
+		let t = P.visibleColumns;
 		switch (e) {
 			case "csv":
-				at(O, t);
+				We(O, t);
 				break;
 			case "excel":
-				ot(O, t);
+				Ge(O, t);
 				break;
-			default: ge(e, O, t, u);
+			default: ie(e, O, t, u);
 		}
 	}, [
 		O,
-		N.visibleColumns,
+		P.visibleColumns,
 		u
-	]), J = i(() => v.map((e) => e.renderToolbar?.(E.state)).filter(Boolean), [v, E.state]), re = i(() => v.map((e) => e.renderFooter?.(E.state)).filter(Boolean), [v, E.state]), ie = k.filters.length > 0 || k.globalSearch.length > 0, ae = V.cssVarStyle ?? {};
-	return /* @__PURE__ */ z("div", {
+	]), J = i(() => v.map((e) => e.renderToolbar?.(E.state)).filter(Boolean), [v, E.state]), Y = i(() => v.map((e) => e.renderFooter?.(E.state)).filter(Boolean), [v, E.state]), X = A.filters.length > 0 || A.globalSearch.length > 0, re = H.cssVarStyle ?? {};
+	return /* @__PURE__ */ B("div", {
 		className: `bg-[var(--dt-bg,var(--app-bg,white))] border border-[var(--dt-border,var(--app-border,#e5e7eb))] rounded-lg shadow-sm overflow-hidden flex ${f?.wrapper ?? ""} ${h}`,
-		style: ae,
+		style: re,
 		role: "region",
 		"aria-label": y ?? "Data table",
 		"aria-describedby": x,
 		children: [
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ B("div", {
 				className: "flex-1 flex flex-col min-w-0 overflow-hidden",
 				children: [
-					/* @__PURE__ */ R(st, {
-						globalSearch: k.globalSearch,
-						onSearchChange: k.setGlobalSearch,
+					/* @__PURE__ */ z(Ke, {
+						globalSearch: A.globalSearch,
+						onSearchChange: A.setGlobalSearch,
 						searchDebounce: g?.searchDebounce,
-						viewMode: P,
-						onViewModeChange: te,
+						viewMode: F,
+						onViewModeChange: ee,
 						views: d,
 						exportFormats: l,
-						onExport: ne,
-						columns: N.allColumns,
-						hiddenColumns: N.hiddenColumns,
-						onToggleColumn: N.toggleColumnVisibility,
+						onExport: q,
+						columns: P.allColumns,
+						hiddenColumns: P.hiddenColumns,
+						onToggleColumn: P.toggleColumnVisibility,
 						enableColumnVisibility: _,
-						hasActiveFilters: ie,
-						onClearFilters: k.clearFilters,
-						pluginToolbar: /* @__PURE__ */ z(L, { children: [
+						hasActiveFilters: X,
+						onClearFilters: A.clearFilters,
+						pluginToolbar: /* @__PURE__ */ B(R, { children: [
 							J,
-							w && /* @__PURE__ */ R(Bt, {
-								presets: F.presets,
-								onSave: F.savePreset,
-								onLoad: B,
-								onDelete: F.deletePreset,
-								onRename: F.renamePreset,
-								getCurrentConfig: I
+							w && /* @__PURE__ */ z(Tt, {
+								presets: I.presets,
+								onSave: I.savePreset,
+								onLoad: V,
+								onDelete: I.deletePreset,
+								onRename: I.renamePreset,
+								getCurrentConfig: L
 							}),
-							S?.map((e) => /* @__PURE__ */ R("button", {
+							S?.map((e) => /* @__PURE__ */ z("button", {
 								type: "button",
-								onClick: () => W(U === e.type ? null : e.type),
-								className: `p-2 rounded-md transition-colors ${U === e.type ? "bg-brand-100 text-brand-700" : "text-gray-500 hover:text-gray-700 hover:bg-gray-100"}`,
+								onClick: () => G(W === e.type ? null : e.type),
+								className: `p-2 rounded-md transition-colors ${W === e.type ? "bg-brand-100 text-brand-700" : "text-gray-500 hover:text-gray-700 hover:bg-gray-100"}`,
 								title: e.title,
 								"aria-label": e.title,
-								"aria-pressed": U === e.type,
+								"aria-pressed": W === e.type,
 								children: e.icon
 							}, e.type))
 						] }),
 						className: f?.toolbar
 					}),
-					c && c.length > 0 && /* @__PURE__ */ R(lt, {
-						selectedCount: M.selectedKeys.length,
-						selectedRows: M.selectedRows,
+					c && c.length > 0 && /* @__PURE__ */ z(Je, {
+						selectedCount: N.selectedKeys.length,
+						selectedRows: N.selectedRows,
 						actions: c,
-						onClearSelection: M.clearSelection
+						onClearSelection: N.clearSelection
 					}),
-					r && /* @__PURE__ */ z("div", {
+					r && /* @__PURE__ */ B("div", {
 						className: "flex flex-col items-center justify-center py-16 px-6",
 						children: [
-							/* @__PURE__ */ R(s, { className: "h-12 w-12 text-red-400 mb-4" }),
-							/* @__PURE__ */ R("p", {
+							/* @__PURE__ */ z(s, { className: "h-12 w-12 text-red-400 mb-4" }),
+							/* @__PURE__ */ z("p", {
 								className: "text-sm text-red-600 mb-4",
 								children: r
 							}),
-							a && /* @__PURE__ */ z("button", {
+							a && /* @__PURE__ */ B("button", {
 								type: "button",
 								onClick: a,
 								className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-white bg-brand-600 rounded-md hover:bg-brand-700 transition-colors",
-								children: [/* @__PURE__ */ R(A, { className: "h-4 w-4" }), "Retry"]
+								children: [/* @__PURE__ */ z(j, { className: "h-4 w-4" }), "Retry"]
 							})
 						]
 					}),
-					!r && t && /* @__PURE__ */ R("div", {
+					!r && t && /* @__PURE__ */ z("div", {
 						className: "p-4",
-						children: /* @__PURE__ */ R(nn, {
-							rows: j.pageSize,
-							columns: N.visibleColumns.length
+						children: /* @__PURE__ */ z(Ht, {
+							rows: M.pageSize,
+							columns: P.visibleColumns.length
 						})
 					}),
-					!r && !t && D.length === 0 && /* @__PURE__ */ z("div", {
+					!r && !t && D.length === 0 && /* @__PURE__ */ B("div", {
 						className: "flex flex-col items-center justify-center py-16 px-6",
 						children: [
-							/* @__PURE__ */ R("div", {
+							/* @__PURE__ */ z("div", {
 								className: "w-14 h-14 rounded-full bg-gray-100 dark:bg-gray-800 flex items-center justify-center mb-4",
-								children: /* @__PURE__ */ R(m, { className: "h-7 w-7 text-gray-400" })
+								children: /* @__PURE__ */ z(m, { className: "h-7 w-7 text-gray-400" })
 							}),
-							/* @__PURE__ */ R("p", {
+							/* @__PURE__ */ z("p", {
 								className: "text-sm text-gray-500",
 								children: p
 							}),
-							ie && /* @__PURE__ */ R("button", {
+							X && /* @__PURE__ */ z("button", {
 								type: "button",
-								onClick: k.clearFilters,
+								onClick: A.clearFilters,
 								className: "mt-3 text-sm text-brand-600 hover:text-brand-700 underline",
 								children: "Clear all filters"
 							})
 						]
 					}),
-					!r && !t && D.length > 0 && /* @__PURE__ */ z(L, { children: [
-						P === "table" && /* @__PURE__ */ R(Mt, {
+					!r && !t && D.length > 0 && /* @__PURE__ */ B(R, { children: [
+						F === "table" && /* @__PURE__ */ z(_t, {
 							table: E,
 							props: e,
-							onContextMenu: q
+							onContextMenu: ne
 						}),
-						P === "grid" && /* @__PURE__ */ R(Nt, {
+						F === "grid" && /* @__PURE__ */ z(vt, {
 							table: E,
 							props: e
 						}),
-						P === "list" && /* @__PURE__ */ R(Pt, {
+						F === "list" && /* @__PURE__ */ z(yt, {
 							table: E,
 							props: e
 						})
 					] }),
-					T?.position === "top" && /* @__PURE__ */ R(Ht, {
+					T?.position === "top" && /* @__PURE__ */ z(Dt, {
 						config: T,
 						data: O,
 						state: E.state
 					}),
-					!r && !j.isInfinite && D.length > 0 && /* @__PURE__ */ R(Ft, {
-						page: j.page,
-						pageSize: j.pageSize,
-						totalPages: j.totalPages,
-						totalItems: j.totalItems,
-						pageSizeOptions: j.pageSizeOptions,
-						onPageChange: j.setPage,
-						onPageSizeChange: j.setPageSize
+					!r && !M.isInfinite && D.length > 0 && /* @__PURE__ */ z(bt, {
+						page: M.page,
+						pageSize: M.pageSize,
+						totalPages: M.totalPages,
+						totalItems: M.totalItems,
+						pageSizeOptions: M.pageSizeOptions,
+						onPageChange: M.setPage,
+						onPageSizeChange: M.setPageSize
 					}),
-					T && T.position !== "top" && /* @__PURE__ */ R(Ht, {
+					T && T.position !== "top" && /* @__PURE__ */ z(Dt, {
 						config: T,
 						data: O,
 						state: E.state
 					}),
-					re.length > 0 && /* @__PURE__ */ R("div", {
+					Y.length > 0 && /* @__PURE__ */ z("div", {
 						className: "border-t border-[var(--app-border,#e5e7eb)]",
-						children: re
+						children: Y
 					}),
-					w && /* @__PURE__ */ R(Xt, {
-						charts: H.charts,
+					w && /* @__PURE__ */ z(It, {
+						charts: U.charts,
 						data: O,
-						columns: N.allColumns,
-						onAddChart: () => H.openBuilder(),
-						onEditChart: (e) => H.openBuilder(e),
-						onRemoveChart: H.removeChart
+						columns: P.allColumns,
+						onAddChart: () => U.openBuilder(),
+						onEditChart: (e) => U.openBuilder(e),
+						onRemoveChart: U.removeChart
 					})
 				]
 			}),
-			S && U && /* @__PURE__ */ R(Lt, {
+			S && W && /* @__PURE__ */ z(St, {
 				panels: S,
-				activePanel: U,
-				onClose: () => W(null),
-				columns: N.allColumns,
-				hiddenColumns: N.hiddenColumns,
-				columnOrder: N.columnOrder,
-				onToggleColumn: N.toggleColumnVisibility,
-				onReorderColumns: N.reorderColumnsById,
-				filters: k.filters,
-				onFilterChange: k.setFilter,
-				onClearFilters: k.clearFilters
+				activePanel: W,
+				onClose: () => G(null),
+				columns: P.allColumns,
+				hiddenColumns: P.hiddenColumns,
+				columnOrder: P.columnOrder,
+				onToggleColumn: P.toggleColumnVisibility,
+				onReorderColumns: P.reorderColumnsById,
+				filters: A.filters,
+				onFilterChange: A.setFilter,
+				onClearFilters: A.clearFilters
 			}),
-			G && C && /* @__PURE__ */ R(Vt, {
-				x: G.x,
-				y: G.y,
-				row: G.row,
+			te && C && /* @__PURE__ */ z(Et, {
+				x: te.x,
+				y: te.y,
+				row: te.row,
 				items: C,
 				onClose: () => K(null)
 			}),
-			w && /* @__PURE__ */ R($t, {
-				open: H.builderOpen,
-				onClose: H.closeBuilder,
-				onSave: H.addChart,
-				onUpdate: H.updateChart,
-				columns: N.allColumns,
+			w && /* @__PURE__ */ z(zt, {
+				open: U.builderOpen,
+				onClose: U.closeBuilder,
+				onSave: U.addChart,
+				onUpdate: U.updateChart,
+				columns: P.allColumns,
 				data: O,
-				editingChart: H.editingChart
+				editingChart: U.editingChart
 			})
 		]
 	});
 }
-function nn({ rows: e, columns: t }) {
-	return /* @__PURE__ */ z("div", {
+function Ht({ rows: e, columns: t }) {
+	return /* @__PURE__ */ B("div", {
 		className: "space-y-3",
 		role: "status",
 		"aria-label": "Loading data",
 		children: [
-			/* @__PURE__ */ R("div", {
+			/* @__PURE__ */ z("div", {
 				className: "flex gap-4 px-2",
-				children: Array.from({ length: Math.min(t, 6) }).map((e, t) => /* @__PURE__ */ R("div", { className: "h-4 bg-gray-200 dark:bg-gray-700 rounded animate-pulse flex-1" }, t))
+				children: Array.from({ length: Math.min(t, 6) }).map((e, t) => /* @__PURE__ */ z("div", { className: "h-4 bg-gray-200 dark:bg-gray-700 rounded animate-pulse flex-1" }, t))
 			}),
-			Array.from({ length: Math.min(e, 8) }).map((e, n) => /* @__PURE__ */ R("div", {
+			Array.from({ length: Math.min(e, 8) }).map((e, n) => /* @__PURE__ */ z("div", {
 				className: "flex gap-4 px-2",
-				children: Array.from({ length: Math.min(t, 6) }).map((e, t) => /* @__PURE__ */ R("div", {
+				children: Array.from({ length: Math.min(t, 6) }).map((e, t) => /* @__PURE__ */ z("div", {
 					className: "h-8 bg-gray-100 dark:bg-gray-800 rounded animate-pulse flex-1",
 					style: { animationDelay: `${n * 50 + t * 25}ms` }
 				}, t))
 			}, n)),
-			/* @__PURE__ */ R("span", {
+			/* @__PURE__ */ z("span", {
 				className: "sr-only",
 				children: "Loading..."
 			})
@@ -3842,33 +3740,33 @@ function nn({ rows: e, columns: t }) {
 }
 //#endregion
 //#region src/plugins.js
-function rn() {
+function Ut() {
 	return { name: "row-number" };
 }
-function an(e, t) {
+function Wt(e, t) {
 	return {
 		name: "grouping",
 		processData: (t, n) => {
-			let r = $(t, e), i = [];
+			let r = J(t, e), i = [];
 			return r.forEach((e) => {
 				i.push(...e);
 			}), i;
 		}
 	};
 }
-function on() {
+function Gt() {
 	return {
 		name: "selection-summary",
 		renderFooter: (t) => t.selectedKeys.length === 0 ? null : e.createElement("div", { className: "px-4 py-2 text-sm text-gray-500" }, `${t.selectedKeys.length} of ${t.totalItems} row(s) selected`)
 	};
 }
-function sn(e, t) {
+function Kt(e, t) {
 	return {
 		name: e,
 		processData: (e) => t(e)
 	};
 }
 //#endregion
-export { lt as BulkActions, xt as CellTooltip, $t as ChartBuilderModal, Xt as ChartPanel, ut as ColumnFilter, Vt as ContextMenu, Jt as DataChart, tn as DataTable, wt as DataTableCell, vt as DataTableHeader, Ft as DataTablePagination, kt as DataTableRow, pt as FloatingFilterRow, Nt as GridView, jt as GroupRowComponent, Pt as ListView, Dt as PortalDropdown, Bt as PresetManager, Lt as SidebarPanel, Ht as StatusBar, Mt as TableView, st as Toolbar, Ve as alpineTheme, He as builtInThemes, an as createGroupingPlugin, rn as createRowNumberPlugin, on as createSelectionSummaryPlugin, Ue as createTheme, sn as createTransformPlugin, ze as darkTheme, at as exportToCSV, pe as exportToCSVLegacy, ot as exportToExcel, me as exportToJSON, de as filterData, Z as getCellValue, X as getNestedValue, ce as getRowKey, $ as groupData, ge as handleExport, Re as lightTheme, Q as paginateData, Be as quartzTheme, _e as reorderArray, le as sortData, et as useChartConfig, qt as useChartData, Ce as useColumnManager, tt as useDataTable, Xe as useEditing, be as useFilters, xe as usePagination, we as usePersistence, ke as usePresets, Je as useRowGrouping, Se as useSelection, ye as useSorting, Ge as useTheme, Ye as useTreeData, Ke as useVirtualization };
+export { Je as BulkActions, ot as CellTooltip, zt as ChartBuilderModal, It as ChartPanel, Ye as ColumnFilter, Et as ContextMenu, Ft as DataChart, Vt as DataTable, lt as DataTableCell, rt as DataTableHeader, bt as DataTablePagination, mt as DataTableRow, Qe as FloatingFilterRow, vt as GridView, gt as GroupRowComponent, yt as ListView, ft as PortalDropdown, Tt as PresetManager, St as SidebarPanel, Dt as StatusBar, _t as TableView, Ke as Toolbar, Ee as alpineTheme, De as builtInThemes, Wt as createGroupingPlugin, Ut as createRowNumberPlugin, Gt as createSelectionSummaryPlugin, Oe as createTheme, Kt as createTransformPlugin, we as darkTheme, We as exportToCSV, Y as exportToCSVLegacy, Ge as exportToExcel, X as exportToJSON, K as filterData, U as getCellValue, H as getNestedValue, W as getRowKey, J as groupData, ie as handleExport, Ce as lightTheme, q as paginateData, Te as quartzTheme, ae as reorderArray, G as sortData, ze as useChartConfig, Mt as useChartData, de as useColumnManager, Be as useDataTable, Fe as useEditing, ce as useFilters, le as usePagination, fe as usePersistence, ge as usePresets, Ne as useRowGrouping, ue as useSelection, se as useSorting, Ae as useTheme, Pe as useTreeData, je as useVirtualization };
 
 //# sourceMappingURL=index.js.map