lite-table-js 1.0.0

package/dist/index.js

@@ -0,0 +1,3874 @@
+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";
+//#region src/utils.js
+function X(e, t) {
+	return t.split(".").reduce((e, t) => e?.[t], e);
+}
+function Z(e, t) {
+	if (t.accessorFn) return t.accessorFn(e);
+	if (t.accessorKey) return X(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 le(e, t, n) {
+	if (!t.length) return e;
+	let r = [...e];
+	return r.sort((e, r) => {
+		for (let i of t) {
+			if (!i.direction) continue;
+			let t = n.find((e) => e.id === i.columnId);
+			if (!t) continue;
+			if (t.sortFn) {
+				let n = t.sortFn(e, r, i.direction);
+				if (n !== 0) return n;
+				continue;
+			}
+			let a = ue(Z(e, t), Z(r, t));
+			if (a !== 0) return i.direction === "asc" ? a : -a;
+		}
+		return 0;
+	}), r;
+}
+function ue(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) {
+	let i = e;
+	if (n.trim()) {
+		let e = n.toLowerCase();
+		i = i.filter((t) => r.some((n) => {
+			let r = Z(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)));
+	}
+	return i;
+}
+function fe(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);
+	let i = String(e ?? "").toLowerCase(), a = String(n).toLowerCase();
+	switch (r) {
+		case "eq": return e === n;
+		case "neq": return e !== n;
+		case "gt": return Number(e) > Number(n);
+		case "gte": return Number(e) >= Number(n);
+		case "lt": return Number(e) < Number(n);
+		case "lte": return Number(e) <= Number(n);
+		case "contains": return i.includes(a);
+		case "startsWith": return i.startsWith(a);
+		case "endsWith": return i.endsWith(a);
+		default: return i.includes(a);
+	}
+}
+function Q(e, t, n) {
+	let r = (t - 1) * n;
+	return e.slice(r, r + n);
+}
+function $(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	for (let r of e) {
+		let e = X(r, t), i = n.get(e) ?? [];
+		i.push(r), n.set(e, i);
+	}
+	return n;
+}
+function pe(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 ?? "");
+		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");
+}
+function me(e, t = "export") {
+	he(JSON.stringify(e, null, 2), `${t}.json`, "application/json");
+}
+function he(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) {
+	if (r) {
+		r(e, t);
+		return;
+	}
+	switch (e) {
+		case "csv":
+			pe(t, n);
+			break;
+		case "excel":
+			pe(t, n, "export");
+			break;
+		case "pdf":
+			console.warn("PDF export requires a custom onExport handler");
+			break;
+	}
+}
+function _e(e, t, n) {
+	let r = [...e], [i] = r.splice(t, 1);
+	return r.splice(n, 0, i), r;
+}
+function ve(e, t, n) {
+	return Math.min(Math.max(e, t), n);
+}
+//#endregion
+//#region src/hooks/useSorting.js
+function ye({ 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;
+		if (r) i = r.direction === "asc" ? c.map((e) => e.columnId === n ? {
+			...e,
+			direction: "desc"
+		} : e) : c.filter((e) => e.columnId !== n);
+		else {
+			let t = {
+				columnId: n,
+				direction: "asc"
+			};
+			i = e?.multi ? [...c, t] : [t];
+		}
+		s ? e?.onSortChange?.(i) : a(i);
+	}, [
+		c,
+		t,
+		e,
+		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]);
+	return i(() => ({
+		sorting: c,
+		toggleSort: l,
+		getSortDirection: u,
+		setSorting: d,
+		applySorting: f
+	}), [
+		c,
+		l,
+		u,
+		d,
+		f
+	]);
+}
+//#endregion
+//#region src/hooks/useFilters.js
+function be({ 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({
+			columnId: t,
+			value: n,
+			operator: r
+		}), d ? e?.onFilterChange?.(i) : a(i);
+	}, [
+		p,
+		e,
+		d
+	]), g = n((t) => {
+		d ? e?.onFilterChange?.(t) : a(t);
+	}, [e, d]), _ = n(() => {
+		d ? e?.onFilterChange?.([]) : a([]), f ? e?.onGlobalSearchChange?.("") : c("");
+	}, [
+		e,
+		d,
+		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), [
+		p,
+		m,
+		t
+	]), x = n((t) => {
+		let n = {
+			id: `preset_${Date.now()}`,
+			name: t,
+			filters: [...p],
+			globalSearch: m
+		};
+		return u((e) => [...e, n]), e?.onPresetSave?.(n), n;
+	}, [
+		p,
+		m,
+		e
+	]), S = n((t) => {
+		d ? e?.onFilterChange?.(t.filters) : a(t.filters), t.globalSearch !== void 0 && v(t.globalSearch);
+	}, [
+		e,
+		d,
+		v
+	]), C = n((t) => {
+		u((e) => e.filter((e) => e.id !== t)), e?.onPresetDelete?.(t);
+	}, [e]);
+	return i(() => ({
+		filters: p,
+		globalSearch: m,
+		setFilter: h,
+		setFilters: g,
+		clearFilters: _,
+		setGlobalSearch: v,
+		getFilterValue: y,
+		applyFilters: b,
+		presets: l,
+		savePreset: x,
+		loadPreset: S,
+		deletePreset: C
+	}), [
+		p,
+		m,
+		h,
+		g,
+		_,
+		v,
+		y,
+		b,
+		l,
+		x,
+		S,
+		C
+	]);
+}
+//#endregion
+//#region src/hooks/usePagination.js
+function xe({ 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,
+		50,
+		100
+	], m = e?.totalItems ?? t, h = Math.max(1, Math.ceil(m / f)), g = n((t) => {
+		let n = Math.max(1, Math.min(t, h));
+		l ? e?.onPageChange?.(n) : a(n);
+	}, [
+		h,
+		e,
+		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;
+	return i(() => ({
+		page: y,
+		pageSize: f,
+		totalPages: h,
+		totalItems: m,
+		pageSizeOptions: p,
+		setPage: g,
+		setPageSize: _,
+		applyPagination: v,
+		isInfinite: e?.infinite ?? !1,
+		hasMore: e?.hasMore ?? !1,
+		onLoadMore: e?.onLoadMore
+	}), [
+		y,
+		f,
+		h,
+		m,
+		p,
+		g,
+		_,
+		v,
+		e
+	]);
+}
+//#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) => {
+		let r = t.filter((e, t) => n.includes(f(e, t)));
+		u || s(n), e?.onSelectionChange?.(n, r);
+	}, [
+		t,
+		f,
+		e,
+		u
+	]), m = n((e) => {
+		l !== "none" && (p(l === "single" ? d.includes(e) ? [] : [e] : d.includes(e) ? d.filter((t) => t !== e) : [...d, e]), c.current = e);
+	}, [
+		l,
+		d,
+		p
+	]), h = n((e, t) => {
+		if (l !== "multiple") {
+			m(e);
+			return;
+		}
+		let n = c.current;
+		if (!n) {
+			m(e);
+			return;
+		}
+		let r = t.map((e, t) => f(e, t)), i = r.indexOf(n), a = r.indexOf(e);
+		if (i === -1 || a === -1) {
+			m(e);
+			return;
+		}
+		let o = Math.min(i, a), s = Math.max(i, a), u = r.slice(o, s + 1);
+		p([...new Set([...d, ...u])]), c.current = e;
+	}, [
+		l,
+		d,
+		f,
+		p,
+		m
+	]), g = n((e) => {
+		if (l !== "multiple") return;
+		let t = e.map((e, t) => f(e, t));
+		t.every((e) => d.includes(e)) ? p(d.filter((e) => !t.includes(e))) : p([...new Set([...d, ...t])]);
+	}, [
+		l,
+		d,
+		f,
+		p
+	]), _ = n((e) => d.includes(e), [d]), v = n((e) => e.length ? e.every((e, t) => d.includes(f(e, t))) : !1, [d, f]), y = n((e) => {
+		if (!e.length) return !1;
+		let t = e.map((e, t) => f(e, t));
+		return t.some((e) => d.includes(e)) && !t.every((e) => d.includes(e));
+	}, [d, f]), b = n(() => {
+		p([]), c.current = null;
+	}, [p]), x = i(() => t.filter((e, t) => d.includes(f(e, t))), [
+		t,
+		d,
+		f
+	]);
+	return i(() => ({
+		mode: l,
+		selectedKeys: d,
+		selectedRows: x,
+		toggleRow: m,
+		selectRange: h,
+		toggleAll: g,
+		isSelected: _,
+		isAllSelected: v,
+		isSomeSelected: y,
+		clearSelection: b,
+		getKey: f,
+		showCheckbox: e?.showCheckbox ?? l !== "none"
+	}), [
+		l,
+		d,
+		x,
+		m,
+		h,
+		g,
+		_,
+		v,
+		y,
+		b,
+		f,
+		e
+	]);
+}
+//#endregion
+//#region src/hooks/useColumnManager.js
+function Ce({ columns: e, enableVisibility: t = !1, enableResizing: r = !1, enableReordering: a = !1 }) {
+	let [s, c] = o(() => {
+		let t = /* @__PURE__ */ new Set();
+		return e.forEach((e) => {
+			e.visible === !1 && t.add(e.id);
+		}), t;
+	}), [l, u] = o(() => e.map((e) => e.id)), [d, f] = o(() => {
+		let t = {};
+		return e.forEach((e) => {
+			e.width && (t[e.id] = e.width);
+		}), t;
+	}), p = n((e) => {
+		t && c((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}, [t]), m = n((e, t) => {
+		a && u((n) => _e(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);
+		});
+	}, [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)
+		}));
+	}, [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));
+		return [...t, ...r];
+	}, [
+		e,
+		l,
+		s
+	]), v = i(() => _.filter((e) => e.pin === "left"), [_]), y = i(() => _.filter((e) => e.pin === "right"), [_]), b = i(() => _.filter((e) => !e.pin), [_]), x = n((e) => c(new Set(e)), []), S = n((e) => u(e), []), C = n((e) => f(e), []);
+	return i(() => ({
+		visibleColumns: _,
+		pinnedLeft: v,
+		pinnedRight: y,
+		unpinned: b,
+		hiddenColumns: s,
+		columnOrder: l,
+		columnWidths: d,
+		toggleColumnVisibility: p,
+		reorderColumns: m,
+		reorderColumnsById: h,
+		resizeColumn: g,
+		setHiddenColumnIds: x,
+		setColumnOrderIds: S,
+		setColumnWidthMap: C,
+		enableVisibility: t,
+		enableResizing: r,
+		enableReordering: a,
+		allColumns: e
+	}), [
+		_,
+		v,
+		y,
+		b,
+		s,
+		l,
+		d,
+		p,
+		m,
+		h,
+		g,
+		x,
+		S,
+		C,
+		t,
+		r,
+		a,
+		e
+	]);
+}
+//#endregion
+//#region src/hooks/usePersistence.js
+function we({ persistKey: e, syncUrl: t, state: i, onRestore: a }) {
+	let o = n(() => {
+		if (e) try {
+			let t = {
+				sorting: i.sorting,
+				filters: i.filters,
+				globalSearch: i.globalSearch,
+				page: i.page,
+				pageSize: i.pageSize,
+				viewMode: i.viewMode,
+				hiddenColumns: Array.from(i.hiddenColumns),
+				columnOrder: i.columnOrder
+			};
+			localStorage.setItem(`datatable_${e}`, JSON.stringify(t));
+		} catch {}
+	}, [e, i]), s = n(() => {
+		if (!e) return null;
+		try {
+			let t = localStorage.getItem(`datatable_${e}`);
+			if (!t) return null;
+			let n = JSON.parse(t);
+			return {
+				...n,
+				hiddenColumns: n.hiddenColumns ? new Set(n.hiddenColumns) : void 0
+			};
+		} catch {
+			return null;
+		}
+	}, [e]), c = n(() => {
+		if (!t) return;
+		let e = new URLSearchParams();
+		i.page > 1 && e.set("page", String(i.page)), i.pageSize !== 10 && e.set("pageSize", String(i.pageSize)), i.globalSearch && e.set("q", i.globalSearch), i.sorting.length && e.set("sort", JSON.stringify(i.sorting)), i.filters.length && e.set("filters", JSON.stringify(i.filters)), i.viewMode !== "table" && e.set("view", i.viewMode);
+		let n = e.toString(), r = n ? `${window.location.pathname}?${n}` : window.location.pathname;
+		window.history.replaceState(null, "", r);
+	}, [t, i]), l = n(() => {
+		if (!t) return null;
+		try {
+			let e = new URLSearchParams(window.location.search), t = {}, n = e.get("page");
+			n && (t.page = Number(n));
+			let r = e.get("pageSize");
+			r && (t.pageSize = Number(r));
+			let i = e.get("q");
+			i && (t.globalSearch = i);
+			let a = e.get("sort");
+			a && (t.sorting = JSON.parse(a));
+			let o = e.get("filters");
+			o && (t.filters = JSON.parse(o));
+			let s = e.get("view");
+			return s && (t.viewMode = s), Object.keys(t).length ? t : null;
+		} catch {
+			return null;
+		}
+	}, [t]);
+	return r(() => {
+		o(), c();
+	}, [o, c]), r(() => {
+		let e = l(), t = {
+			...s(),
+			...e
+		};
+		Object.keys(t).length && a?.(t);
+	}, []), {
+		saveToStorage: o,
+		loadFromStorage: s,
+		syncToUrl: c,
+		loadFromUrl: l
+	};
+}
+//#endregion
+//#region src/hooks/usePresets.js
+var Te = "datatable_presets_";
+function Ee(e) {
+	return `${Te}${e}`;
+}
+function De(e) {
+	try {
+		let t = localStorage.getItem(Ee(e));
+		return t ? JSON.parse(t) : [];
+	} catch {
+		return [];
+	}
+}
+function Oe(e, t) {
+	try {
+		localStorage.setItem(Ee(e), JSON.stringify(t));
+	} catch {}
+}
+function ke({ tableId: e }) {
+	let [t, r] = o(() => De(e)), a = n((t, n) => {
+		let i = Date.now(), a = {
+			id: `preset_${i}_${Math.random().toString(36).slice(2, 8)}`,
+			name: t,
+			config: n,
+			createdAt: i,
+			updatedAt: i
+		};
+		return r((t) => {
+			let n = [...t, a];
+			return Oe(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) => {
+			let i = r.map((e) => e.id === t ? {
+				...e,
+				config: {
+					...e.config,
+					...n
+				},
+				updatedAt: Date.now()
+			} : e);
+			return Oe(e, i), i;
+		});
+	}, [e]), u = n((t) => {
+		r((n) => {
+			let r = n.filter((e) => e.id !== t);
+			return Oe(e, r), r;
+		});
+	}, [e]), d = n((t, n) => {
+		r((r) => {
+			let i = r.map((e) => e.id === t ? {
+				...e,
+				name: n,
+				updatedAt: Date.now()
+			} : e);
+			return Oe(e, i), i;
+		});
+	}, [e]), f = n(() => {
+		r([]), Oe(e, []);
+	}, [e]);
+	return i(() => ({
+		presets: t,
+		savePreset: a,
+		loadPreset: s,
+		loadPresetById: c,
+		updatePreset: l,
+		deletePreset: u,
+		renamePreset: d,
+		clearAllPresets: f
+	}), [
+		t,
+		a,
+		s,
+		c,
+		l,
+		u,
+		d,
+		f
+	]);
+}
+//#endregion
+//#region src/themes.js
+var Ae = {
+	background: "#ffffff",
+	foreground: "#111827",
+	primary: "#2563eb",
+	primaryLight: "#eff6ff",
+	border: "#e5e7eb",
+	muted: "#f3f4f6",
+	hover: "#f9fafb",
+	selected: "#eff6ff",
+	surface: "#f9fafb",
+	textSecondary: "#6b7280"
+}, je = {
+	background: "#111827",
+	foreground: "#f3f4f6",
+	primary: "#3b82f6",
+	primaryLight: "#1e3a5f",
+	border: "#374151",
+	muted: "#1f2937",
+	hover: "#1f2937",
+	selected: "#1e3a5f",
+	surface: "#1f2937",
+	textSecondary: "#9ca3af"
+}, Me = {
+	background: "#ffffff",
+	foreground: "#1e1b4b",
+	primary: "#7c3aed",
+	primaryLight: "#ede9fe",
+	border: "#ddd6fe",
+	muted: "#f5f3ff",
+	hover: "#f5f3ff",
+	selected: "#ede9fe",
+	surface: "#f8f7ff",
+	textSecondary: "#6d28d9"
+}, Ne = {
+	background: "#ffffff",
+	foreground: "#1a1a2e",
+	primary: "#0f766e",
+	primaryLight: "#f0fdfa",
+	border: "#e2e8f0",
+	muted: "#f8fafc",
+	hover: "#f1f5f9",
+	selected: "#f0fdfa",
+	surface: "#f8fafc",
+	textSecondary: "#64748b"
+}, Pe = {
+	fontFamily: "inherit",
+	fontSize: "0.875rem",
+	headerFontSize: "0.75rem",
+	headerFontWeight: 600
+}, Fe = {
+	cellPaddingX: "1rem",
+	cellPaddingY: "0.5rem",
+	compactCellPaddingY: "0.25rem",
+	rowHeight: "2.5rem"
+};
+function Ie(e) {
+	return {
+		"--dt-bg": e.background,
+		"--dt-surface": e.surface,
+		"--dt-border": e.border,
+		"--dt-text": e.foreground,
+		"--dt-text-secondary": e.textSecondary,
+		"--dt-brand": e.primary,
+		"--dt-brand-light": e.primaryLight,
+		"--dt-hover": e.hover,
+		"--dt-selected": e.selected,
+		"--dt-muted": e.muted
+	};
+}
+function Le(e, t, n = Pe, r = Fe, i) {
+	return {
+		name: e,
+		colors: t,
+		typography: n,
+		spacing: r,
+		header: {
+			backgroundColor: t.surface,
+			color: t.textSecondary,
+			borderBottom: `1px solid ${t.border}`,
+			fontWeight: n.headerFontWeight,
+			fontSize: n.headerFontSize,
+			textTransform: "uppercase",
+			letterSpacing: "0.05em"
+		},
+		row: {
+			backgroundColor: t.background,
+			color: t.foreground,
+			borderBottom: `1px solid ${t.muted}`,
+			fontFamily: n.fontFamily,
+			fontSize: n.fontSize
+		},
+		cell: {
+			padding: `${r.cellPaddingY} ${r.cellPaddingX}`,
+			fontSize: n.fontSize
+		},
+		selectedRow: { backgroundColor: t.selected },
+		hoverRow: { backgroundColor: t.hover },
+		stripedRow: { backgroundColor: t.muted },
+		toolbar: {
+			backgroundColor: t.background,
+			borderBottom: `1px solid ${t.border}`
+		},
+		pagination: {
+			backgroundColor: t.background,
+			borderTop: `1px solid ${t.border}`
+		},
+		tooltip: {
+			backgroundColor: t.foreground,
+			color: t.background,
+			padding: "0.375rem 0.625rem",
+			borderRadius: "0.375rem",
+			fontSize: "0.75rem",
+			boxShadow: "0 4px 6px -1px rgba(0,0,0,0.1)"
+		},
+		cssVariables: Ie(t),
+		...i
+	};
+}
+var Re = Le("light", Ae), ze = Le("dark", je), Be = Le("quartz", Me), Ve = Le("alpine", Ne, {
+	...Pe,
+	fontFamily: "'Inter', system-ui, sans-serif",
+	headerFontWeight: 700
+}, {
+	...Fe,
+	cellPaddingY: "0.625rem"
+}), He = {
+	light: Re,
+	dark: ze,
+	quartz: Be,
+	alpine: Ve
+};
+function Ue(e, t) {
+	let n = e.colors && t.colors ? {
+		...e.colors,
+		...t.colors
+	} : t.colors ?? e.colors, r = e.typography && t.typography ? {
+		...e.typography,
+		...t.typography
+	} : t.typography ?? e.typography, i = e.spacing && t.spacing ? {
+		...e.spacing,
+		...t.spacing
+	} : t.spacing ?? e.spacing;
+	return {
+		...e,
+		...t,
+		colors: n,
+		typography: r,
+		spacing: i,
+		header: {
+			...e.header,
+			...t.header
+		},
+		row: {
+			...e.row,
+			...t.row
+		},
+		cell: {
+			...e.cell,
+			...t.cell
+		},
+		selectedRow: {
+			...e.selectedRow,
+			...t.selectedRow
+		},
+		hoverRow: {
+			...e.hoverRow,
+			...t.hoverRow
+		},
+		stripedRow: {
+			...e.stripedRow,
+			...t.stripedRow
+		},
+		toolbar: {
+			...e.toolbar,
+			...t.toolbar
+		},
+		pagination: {
+			...e.pagination,
+			...t.pagination
+		},
+		tooltip: {
+			...e.tooltip,
+			...t.tooltip
+		},
+		cssVariables: {
+			...e.cssVariables,
+			...t.cssVariables
+		},
+		conditionalRules: [...e.conditionalRules ?? [], ...t.conditionalRules ?? []],
+		rowRules: [...e.rowRules ?? [], ...t.rowRules ?? []]
+	};
+}
+//#endregion
+//#region src/hooks/useTheme.js
+var We = "datatable_theme_";
+function Ge({ themeConfig: e, persistKey: t }) {
+	let [r, a] = o(() => {
+		if (t) try {
+			return localStorage.getItem(`${We}${t}`) ?? e?.name ?? "light";
+		} catch {}
+		return e?.name ?? "light";
+	}), s = n((e) => {
+		if (a(e), t) try {
+			localStorage.setItem(`${We}${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) => {
+		let i = { ...c.row };
+		if (n && c.selectedRow ? i = {
+			...i,
+			...c.selectedRow
+		} : r && t % 2 == 1 && c.stripedRow && (i = {
+			...i,
+			...c.stripedRow
+		}), c.conditionalRules) for (let t of c.conditionalRules) t.condition(e) && t.style && (i = {
+			...i,
+			...t.style
+		});
+		if (c.rowRules) for (let t of c.rowRules) t.condition(e) && t.style && (i = {
+			...i,
+			...t.style
+		});
+		return i;
+	}, [c]), d = i(() => (e, t) => {
+		let n = { ...c.cell };
+		if (c.conditionalRules) for (let r of c.conditionalRules) r.condition(e, t) && r.style && (n = {
+			...n,
+			...r.style
+		});
+		return n;
+	}, [c]), f = i(() => () => ({ ...c.header }), [c]), p = i(() => c.conditionalRules?.length || c.rowRules?.length ? (e, t) => {
+		let n = [];
+		if (c.conditionalRules) for (let r of c.conditionalRules) r.condition(e, t) && r.className && n.push(r.className);
+		if (!t && c.rowRules) for (let t of c.rowRules) t.condition(e) && t.className && n.push(t.className);
+		return n.join(" ");
+	} : () => "", [c]);
+	return i(() => ({
+		themeConfig: c,
+		activeThemeName: r,
+		switchTheme: s,
+		cssVarStyle: l,
+		headerStyle: c.header,
+		toolbarStyle: c.toolbar,
+		paginationStyle: c.pagination,
+		tooltipStyle: c.tooltip,
+		getRowStyle: u,
+		getCellStyle: d,
+		getHeaderStyle: f,
+		getConditionalClassName: p
+	}), [
+		c,
+		r,
+		s,
+		l,
+		u,
+		d,
+		f,
+		p
+	]);
+}
+//#endregion
+//#region src/hooks/useVirtualization.js
+function Ke({ 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;
+		let e = u.current;
+		if (!e) return;
+		let t = new ResizeObserver((e) => {
+			for (let t of e) m(t.contentRect.height);
+		});
+		return t.observe(e), m(e.clientHeight), () => t.disconnect();
+	}, [s]);
+	let h = n(() => {
+		!s || !u.current || f(u.current.scrollTop);
+	}, [s]), g = i(() => {
+		if (!s) return {
+			startIndex: 0,
+			endIndex: e,
+			offsetTop: 0,
+			totalHeight: 0,
+			visibleCount: e
+		};
+		let t = e * c, n = Math.ceil(p / c), r = Math.max(0, Math.floor(d / c) - l);
+		return {
+			startIndex: r,
+			endIndex: Math.min(e, r + n + l * 2),
+			offsetTop: r * c,
+			totalHeight: t,
+			visibleCount: n
+		};
+	}, [
+		s,
+		e,
+		c,
+		p,
+		d,
+		l
+	]), _ = n((e) => s ? e.slice(g.startIndex, g.endIndex) : e, [s, g]);
+	return i(() => ({
+		enabled: s,
+		containerRef: u,
+		handleScroll: h,
+		virtualRange: g,
+		getVirtualItems: _,
+		rowHeight: c,
+		spacerStyle: s ? {
+			height: g.totalHeight,
+			position: "relative"
+		} : void 0,
+		offsetStyle: s ? { transform: `translateY(${g.offsetTop}px)` } : void 0
+	}), [
+		s,
+		h,
+		g,
+		_,
+		c
+	]);
+}
+//#endregion
+//#region src/hooks/useRowGrouping.js
+function qe(e, t) {
+	if (!e.length) return null;
+	switch (t) {
+		case "sum": return e.reduce((e, t) => Number(e) + Number(t), 0);
+		case "avg": return e.reduce((e, t) => Number(e) + Number(t), 0) / e.length;
+		case "count": return e.length;
+		case "min": return Math.min(...e.map(Number));
+		case "max": return Math.max(...e.map(Number));
+		case "first": return e[0];
+		case "last": return e[e.length - 1];
+		default: return e.length;
+	}
+}
+function Je({ 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);
+			return n.has("__all__") ? (n.delete("__all__"), n.delete(e), n) : (n.has(e) ? n.delete(e) : n.add(e), n);
+		});
+	}, []), l = n(() => a(new Set(["__all__"])), []), u = n(() => a(/* @__PURE__ */ new Set()), []), d = n((n) => {
+		if (!e?.groupBy?.length) return n;
+		let r = e.groupBy, i = e.aggregations ?? {};
+		function a(e, n, o) {
+			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__";
+				l.has(e) || l.set(e, []), l.get(e).push(t);
+			}
+			let u = [];
+			for (let [e, r] of l) {
+				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));
+				}
+				u.push({
+					__isGroupRow: !0,
+					__groupKey: l,
+					__groupValue: e,
+					__groupField: c,
+					__level: n,
+					__children: r,
+					__aggregates: d
+				}), s(l) && u.push(...a(r, n + 1, `${l}/`));
+			}
+			return u;
+		}
+		return a(n, 0, "");
+	}, [
+		e,
+		t,
+		s
+	]);
+	return i(() => ({
+		enabled: !!e?.groupBy?.length,
+		expandedGroups: r,
+		isGroupExpanded: s,
+		toggleGroup: c,
+		expandAllGroups: l,
+		collapseAllGroups: u,
+		applyGrouping: d
+	}), [
+		e,
+		r,
+		s,
+		c,
+		l,
+		u,
+		d
+	]);
+}
+//#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) => {
+		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);
+		});
+	}, []), u = n((t) => {
+		if (!e) return t.map((e, t) => ({
+			row: e,
+			level: 0,
+			hasChildren: !1,
+			isExpanded: !1,
+			treeKey: s(e, 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);
+				r.push({
+					row: e,
+					level: t,
+					hasChildren: d,
+					isExpanded: f,
+					treeKey: l
+				}), f && u && i(u, t + 1, r.length);
+			});
+		}
+		return i(t, 0, 0), r;
+	}, [
+		e,
+		s,
+		c
+	]), d = e?.indentSize ?? 24;
+	return i(() => ({
+		enabled: !!e,
+		flattenTree: u,
+		toggleNode: l,
+		isNodeExpanded: c,
+		expandedNodes: r,
+		indentSize: d
+	}), [
+		e,
+		u,
+		l,
+		c,
+		r,
+		d
+	]);
+}
+//#endregion
+//#region src/hooks/useEditing.js
+function Xe({ 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
+	}), []), g = n((n, i, o) => {
+		let s = t.find((e) => e.id === i), l = r.find((e, t) => a(e, t) === n), u = s?.validation ?? e?.validation?.[i];
+		if (u && l && s) {
+			let e = u.validate(o, l, s);
+			if (e) return m((t) => ({
+				...t,
+				[i]: e
+			})), e;
+		}
+		return m((e) => {
+			let t = { ...e };
+			return delete t[i], t;
+		}), c(null), null;
+	}, [
+		t,
+		r,
+		a,
+		e?.validation
+	]), _ = n(() => {
+		c(null), m({});
+	}, []), v = n((n) => {
+		if (!e?.enabled) return;
+		let i = r.find((e, t) => a(e, t) === n);
+		if (!i) return;
+		let o = {};
+		t.forEach((e) => {
+			e.editable && (o[e.id] = Z(i, e));
+		}), u(n), f(o), m({});
+	}, [
+		e?.enabled,
+		r,
+		a,
+		t
+	]), y = n((e, t) => {
+		f((n) => ({
+			...n,
+			[e]: t
+		})), m((t) => {
+			if (!t[e]) return t;
+			let n = { ...t };
+			return delete n[e], n;
+		});
+	}, []), b = n(() => {
+		if (!l) return !1;
+		let n = r.find((e, t) => a(e, t) === l);
+		if (!n) return !1;
+		let i = {};
+		return t.forEach((t) => {
+			if (!t.editable) return;
+			let r = t.validation ?? e?.validation?.[t.id];
+			if (!r) return;
+			let a = r.validate(d[t.id], n, t);
+			a && (i[t.id] = a);
+		}), m(i), Object.keys(i).length === 0;
+	}, [
+		l,
+		r,
+		a,
+		t,
+		e?.validation,
+		d
+	]), x = n(async () => !l || !e?.onSave || !b() ? !1 : (await e.onSave(l, d), u(null), f({}), m({}), !0), [
+		l,
+		e,
+		b,
+		d
+	]), S = n(() => {
+		e?.onCancel?.(l ?? ""), u(null), f({}), m({});
+	}, [e, l]), C = n((e) => l === e, [l]), w = n((e) => p[e] ?? null, [p]);
+	return i(() => ({
+		editingCell: s,
+		startCellEdit: h,
+		saveCellEdit: g,
+		cancelCellEdit: _,
+		editingRowKey: l,
+		pendingEdits: d,
+		validationErrors: p,
+		startRowEdit: v,
+		updatePendingEdit: y,
+		validateRow: b,
+		saveRowEdit: x,
+		cancelRowEdit: S,
+		isEditingRow: C,
+		getCellError: w
+	}), [
+		s,
+		h,
+		g,
+		_,
+		l,
+		d,
+		p,
+		v,
+		y,
+		b,
+		x,
+		S,
+		C,
+		w
+	]);
+}
+//#endregion
+//#region src/hooks/useChartConfig.js
+var Ze = "datatable_charts_";
+function Qe(e) {
+	try {
+		let t = localStorage.getItem(`${Ze}${e}`);
+		return t ? JSON.parse(t) : [];
+	} catch {
+		return [];
+	}
+}
+function $e(e, t) {
+	try {
+		localStorage.setItem(`${Ze}${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) => {
+		let n = {
+			id: `chart_${Date.now()}_${Math.random().toString(36).slice(2, 6)}`,
+			config: {
+				...e,
+				id: void 0
+			},
+			createdAt: Date.now()
+		};
+		return a((e) => {
+			let r = [...e, n];
+			return $e(t, r), r;
+		}), n;
+	}, [t]), f = n((e, n) => {
+		a((r) => {
+			let i = r.map((t) => t.id === e ? {
+				...t,
+				config: {
+					...t.config,
+					...n
+				}
+			} : t);
+			return $e(t, i), i;
+		});
+	}, [t]), p = n((e) => {
+		a((n) => {
+			let r = n.filter((t) => t.id !== e);
+			return $e(t, r), r;
+		});
+	}, [t]), m = n(() => {
+		a([]), $e(t, []);
+	}, [t]), h = n((e) => {
+		u(e ?? null), c(!0);
+	}, []), g = n(() => {
+		c(!1), u(null);
+	}, []), _ = i(() => l ? r.find((e) => e.id === l) ?? null : null, [l, r]);
+	return i(() => ({
+		charts: r,
+		addChart: d,
+		updateChart: f,
+		removeChart: p,
+		clearCharts: m,
+		builderOpen: s,
+		openBuilder: h,
+		closeBuilder: g,
+		editingChart: _,
+		editingChartId: l
+	}), [
+		r,
+		d,
+		f,
+		p,
+		m,
+		s,
+		h,
+		g,
+		_,
+		l
+	]);
+}
+//#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({
+		config: O,
+		columns: a,
+		data: t,
+		getKey: F
+	}), L = I.editingCell, R = I.startCellEdit, z = Ce({
+		columns: a,
+		enableVisibility: v,
+		enableResizing: y,
+		enableReordering: b
+	}), B = ye({
+		config: u,
+		columns: a
+	}), V = be({
+		config: d,
+		columns: a
+	}), H = Ge({ themeConfig: C }), U = Je({
+		config: w,
+		columns: a
+	}), W = Ye({
+		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));
+	}, [
+		q,
+		J,
+		E
+	]), [ae, oe] = o([]), [se, Y] = o(0), [X, Z] = o(!1), le = i(() => s === "server" ? ae : V.applyFilters(t), [
+		s,
+		t,
+		ae,
+		V
+	]), ue = i(() => s === "server" ? le : B.applySorting(le), [
+		s,
+		le,
+		B
+	]), de = i(() => {
+		let e = ue;
+		for (let t of h) t.processData && (e = t.processData(e, he));
+		return e;
+	}, [ue, h]), fe = s === "server" ? se : de.length, Q = xe({
+		config: f,
+		totalItems: fe
+	}), $ = i(() => s === "server" || Q.isInfinite ? de : Q.applyPagination(de), [
+		s,
+		de,
+		Q
+	]), pe = Ke({
+		totalItems: $.length,
+		config: D
+	}), me = Se({
+		config: p,
+		data: t
+	});
+	r(() => {
+		if (s !== "server" || !c?.onFetch) return;
+		let e = !1;
+		return Z(!0), c.onFetch({
+			page: Q.page,
+			pageSize: Q.pageSize,
+			sort: B.sorting,
+			filters: V.filters,
+			globalSearch: V.globalSearch
+		}).then((t) => {
+			e || (oe(t.data), Y(t.totalItems));
+		}).finally(() => {
+			e || Z(!1);
+		}), () => {
+			e = !0;
+		};
+	}, [
+		s,
+		c,
+		Q.page,
+		Q.pageSize,
+		B.sorting,
+		V.filters,
+		V.globalSearch
+	]);
+	let he = i(() => ({
+		data: t,
+		processedData: $,
+		columns: a,
+		visibleColumns: z.visibleColumns,
+		sorting: B.sorting,
+		filters: V.filters,
+		globalSearch: V.globalSearch,
+		page: Q.page,
+		pageSize: Q.pageSize,
+		totalItems: fe,
+		selectedKeys: me.selectedKeys,
+		expandedKeys: P,
+		viewMode: A,
+		columnOrder: z.columnOrder,
+		columnWidths: z.columnWidths,
+		editingCell: L
+	}), [
+		t,
+		$,
+		a,
+		z,
+		B,
+		V,
+		Q,
+		fe,
+		me,
+		P,
+		A,
+		L
+	]);
+	we({
+		persistKey: x,
+		syncUrl: S,
+		state: {
+			sorting: B.sorting,
+			filters: V.filters,
+			globalSearch: V.globalSearch,
+			page: Q.page,
+			pageSize: Q.pageSize,
+			viewMode: A,
+			hiddenColumns: z.hiddenColumns,
+			columnOrder: z.columnOrder
+		}
+	});
+	let ge = n(() => ({
+		columnOrder: z.columnOrder,
+		hiddenColumns: Array.from(z.hiddenColumns),
+		columnWidths: z.columnWidths,
+		sorting: B.sorting,
+		filters: V.filters,
+		globalSearch: V.globalSearch,
+		pageSize: Q.pageSize,
+		viewMode: A
+	}), [
+		z,
+		B,
+		V,
+		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));
+	}, [
+		G,
+		z,
+		B,
+		V,
+		Q,
+		j
+	]), ve = i(() => $.filter((e, t) => q.includes(F(e, t))), [
+		$,
+		q,
+		F
+	]), Te = i(() => $.filter((e, t) => J.includes(F(e, t))), [
+		$,
+		J,
+		F
+	]), Ee = i(() => $.filter((e, t) => {
+		let n = F(e, t);
+		return !q.includes(n) && !J.includes(n);
+	}), [
+		$,
+		q,
+		J,
+		F
+	]);
+	return {
+		state: he,
+		processedData: $,
+		allFilteredData: de,
+		loading: l || X,
+		sorting: B,
+		filtering: V,
+		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,
+		plugins: h
+	};
+}
+//#endregion
+//#region src/exportUtils.js
+function nt(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) {
+	return t?.length ? t.map((t) => e.find((e) => e.id === t)).filter((e) => e != null) : e;
+}
+function it(e, t) {
+	return e.map((e) => t.map((t) => {
+		let n = Z(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`);
+}
+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);
+	try {
+		let e = await import("xlsx"), t = [o, ...s], n = e.utils.aoa_to_sheet(t);
+		n["!cols"] = o.map((e, t) => {
+			let n = Math.max(e.length, ...s.map((e) => (e[t] ?? "").length));
+			return { wch: Math.min(n + 2, 50) };
+		});
+		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);
+	}
+}
+//#endregion
+//#region src/components/Toolbar.jsx
+function st({ globalSearch: e, onSearchChange: t, searchDebounce: n = 300, viewMode: i, onViewModeChange: a, views: s = [
+	"table",
+	"grid",
+	"list"
+], exportFormats: c, onExport: l, hasActiveFilters: u = !1, onClearFilters: d, pluginToolbar: f, className: p = "" }) {
+	let [m, h] = o(e), [g, _] = o(!1);
+	r(() => {
+		let e = setTimeout(() => t(m), n);
+		return () => clearTimeout(e);
+	}, [
+		m,
+		n,
+		t
+	]), r(() => {
+		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" })
+	};
+	return /* @__PURE__ */ z("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", {
+				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", {
+						type: "text",
+						value: m,
+						onChange: (e) => h(e.target.value),
+						placeholder: "Search...",
+						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", {
+						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" })
+					})
+				]
+			}),
+			u && /* @__PURE__ */ z("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" }),
+					"Filters active",
+					/* @__PURE__ */ R(j, { className: "h-3 w-3 ml-1" })
+				]
+			}),
+			f,
+			/* @__PURE__ */ z("div", {
+				className: "flex items-center gap-1 ml-auto",
+				children: [c && c.length > 0 && l && /* @__PURE__ */ R(ct, {
+					formats: c,
+					onExport: l,
+					isOpen: g,
+					onToggleOpen: () => _((e) => !e),
+					onClose: () => _(!1)
+				}), s.length > 1 && /* @__PURE__ */ R("div", {
+					className: "flex items-center border border-gray-300 dark:border-gray-600 rounded-md overflow-hidden",
+					children: s.map((e) => /* @__PURE__ */ R("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"}`,
+						title: `${e.charAt(0).toUpperCase() + e.slice(1)} view`,
+						"aria-label": `Switch to ${e} view`,
+						"aria-pressed": i === e,
+						children: v[e]
+					}, e))
+				})]
+			})
+		]
+	});
+}
+function ct({ formats: t, onExport: n, isOpen: r, onToggleOpen: i, onClose: a }) {
+	let o = e.useRef(null);
+	e.useEffect(() => {
+		if (!r) return;
+		let e = (e) => {
+			o.current && !o.current.contains(e.target) && a();
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [r, a]);
+	let s = {
+		csv: "Export CSV",
+		excel: "Export Excel",
+		pdf: "Export PDF"
+	};
+	return /* @__PURE__ */ z("div", {
+		className: "relative",
+		ref: o,
+		children: [/* @__PURE__ */ R("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", {
+			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", {
+				type: "button",
+				onClick: () => {
+					n(e), a();
+				},
+				className: "w-full text-left px-3 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",
+				children: s[e]
+			}, e))
+		})]
+	});
+}
+//#endregion
+//#region src/components/BulkActions.jsx
+function lt({ selectedCount: e, selectedRows: t, actions: n, onClearSelection: r }) {
+	return e === 0 ? null : /* @__PURE__ */ z("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", {
+				className: "text-sm font-medium text-brand-700 dark:text-brand-300",
+				children: [e, " selected"]
+			}),
+			/* @__PURE__ */ R("div", {
+				className: "flex items-center gap-2",
+				children: n.map((e) => /* @__PURE__ */ z("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", {
+				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" })
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/ColumnFilter.jsx
+function ut({ 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, {
+			column: e,
+			value: t,
+			onChange: (t) => n(e.id, t)
+		});
+	}
+	return /* @__PURE__ */ z("div", {
+		className: "relative inline-block",
+		children: [/* @__PURE__ */ R("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, {
+			column: e,
+			filterType: a,
+			value: t,
+			onChange: n,
+			onClose: () => i(!1)
+		})]
+	});
+}
+function dt({ column: t, filterType: r, value: i, onChange: a, onClose: o }) {
+	let s = e.useRef(null);
+	e.useEffect(() => {
+		let e = (e) => {
+			s.current && !s.current.contains(e.target) && o();
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [o]);
+	let c = n(() => {
+		a(t.id, ""), o();
+	}, [
+		t.id,
+		a,
+		o
+	]);
+	return /* @__PURE__ */ z("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", {
+				className: "flex items-center justify-between mb-2",
+				children: [/* @__PURE__ */ z("span", {
+					className: "text-xs font-medium text-gray-500",
+					children: ["Filter: ", t.header]
+				}), /* @__PURE__ */ R("button", {
+					type: "button",
+					onClick: c,
+					className: "text-xs text-gray-400 hover:text-gray-600",
+					children: /* @__PURE__ */ R(I, { className: "h-3 w-3" })
+				})]
+			}),
+			r === "text" && /* @__PURE__ */ R("input", {
+				type: "text",
+				value: String(i ?? ""),
+				onChange: (e) => a(t.id, e.target.value, "contains"),
+				placeholder: `Filter ${t.header}...`,
+				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", {
+				type: "number",
+				value: String(i ?? ""),
+				onChange: (e) => a(t.id, e.target.value ? Number(e.target.value) : "", "eq"),
+				placeholder: `Filter ${t.header}...`,
+				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", {
+				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", {
+				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", {
+					value: "",
+					children: "All"
+				}), t.filterOptions.map((e) => /* @__PURE__ */ R("option", {
+					value: e.value,
+					children: e.label
+				}, e.value))]
+			}),
+			r === "multi-select" && t.filterOptions && /* @__PURE__ */ R(ft, {
+				options: t.filterOptions,
+				value: Array.isArray(i) ? i : [],
+				onChange: (e) => a(t.id, e)
+			})
+		]
+	});
+}
+function ft({ options: e, value: t, onChange: n }) {
+	let r = (e) => {
+		n(t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	};
+	return /* @__PURE__ */ R("div", {
+		className: "max-h-48 overflow-y-auto space-y-1",
+		children: e.map((e) => /* @__PURE__ */ z("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", {
+				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", {
+				className: "text-sm text-gray-700 dark:text-gray-300",
+				children: e.label
+			})]
+		}, e.value))
+	});
+}
+//#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 }) {
+	let s = o ? "py-1" : "py-1.5";
+	return /* @__PURE__ */ z("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", {
+				className: `px-2 ${s}`,
+				children: e.filterable !== !1 && e.filterType ? /* @__PURE__ */ R(mt, {
+					column: e,
+					value: t(e.id),
+					onChange: n
+				}) : null
+			}, e.id)),
+			a && /* @__PURE__ */ R("td", { className: `px-4 ${s}` })
+		]
+	});
+}
+function mt({ column: e, value: t, onChange: i }) {
+	let s = e.filterType ?? "text", [c, l] = o(String(t ?? "")), u = a();
+	r(() => {
+		l(String(t ?? ""));
+	}, [t]);
+	let d = n((t) => {
+		l(t), clearTimeout(u.current), u.current = setTimeout(() => {
+			i(e.id, t, "contains");
+		}, 300);
+	}, [e.id, i]), f = n(() => {
+		l(""), clearTimeout(u.current), i(e.id, "");
+	}, [e.id, i]);
+	if (e.filterComponent) {
+		let n = e.filterComponent;
+		return /* @__PURE__ */ R(n, {
+			column: e,
+			value: t,
+			onChange: (t) => i(e.id, t)
+		});
+	}
+	return s === "select" ? /* @__PURE__ */ z("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", {
+			value: "",
+			children: "All"
+		}), e.filterOptions?.map((e) => /* @__PURE__ */ R("option", {
+			value: e.value,
+			children: e.label
+		}, e.value))]
+	}) : s === "number" ? /* @__PURE__ */ z("div", {
+		className: "relative",
+		children: [/* @__PURE__ */ R("input", {
+			type: "number",
+			value: c,
+			onChange: (t) => {
+				l(t.target.value), i(e.id, t.target.value ? Number(t.target.value) : "", "eq");
+			},
+			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", {
+		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", {
+		className: "relative",
+		children: [/* @__PURE__ */ R("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 })]
+	});
+}
+function ht({ onClick: e }) {
+	return /* @__PURE__ */ R("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" })
+	});
+}
+//#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) => {
+		if (!u) return;
+		E(t), e.dataTransfer.setData(gt, t), e.dataTransfer.effectAllowed = "move";
+		let n = A.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) => {
+		if (!u || !T || T === t) return;
+		e.preventDefault(), e.dataTransfer.dropEffect = "move";
+		let n = A.current.get(t);
+		if (n) {
+			let r = n.getBoundingClientRect(), i = r.left + r.width / 2;
+			O(t), k(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) => {
+		t.preventDefault();
+		let r = t.dataTransfer.getData(gt);
+		if (!r || r === n) {
+			F();
+			return;
+		}
+		if (f) {
+			let t = e.findIndex((e) => e.id === n), i = e.findIndex((e) => e.id === r);
+			t !== -1 && i !== -1 && f(r, n);
+		} else if (d) {
+			let t = e.findIndex((e) => e.id === r), i = e.findIndex((e) => e.id === n);
+			t !== -1 && i !== -1 && d(t, i);
+		}
+		F();
+	}, [
+		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(() => {
+		if (!C || !e.some((e) => e.group)) return null;
+		let t = [], n, r = 0;
+		return e.forEach((i, a) => {
+			i.group === n ? r++ : (r > 0 && t.push({
+				label: n ?? "",
+				colSpan: r
+			}), n = i.group, r = 1), a === e.length - 1 && t.push({
+				label: n ?? "",
+				colSpan: r
+			});
+		}), t;
+	}, [e, C]), B = y ? "py-2" : "py-3";
+	return /* @__PURE__ */ z("thead", {
+		className: "bg-[var(--app-surface,#f9fafb)] border-b border-[var(--app-border,#e5e7eb)]",
+		children: [
+			L && /* @__PURE__ */ z("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", {
+						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" })
+				]
+			}),
+			/* @__PURE__ */ z("tr", { children: [
+				p && /* @__PURE__ */ R("th", {
+					className: `px-4 ${B} w-12`,
+					children: /* @__PURE__ */ R("input", {
+						type: "checkbox",
+						checked: m,
+						ref: (e) => {
+							e && (e.indeterminate = h);
+						},
+						onChange: g,
+						className: "h-4 w-4 rounded border-gray-300 text-brand-600 focus:ring-brand-600",
+						"aria-label": "Select all rows"
+					})
+				}),
+				_ && /* @__PURE__ */ R("th", { className: `px-2 ${B} 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),
+						className: `
+                px-4 ${B} 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" : ""}
+                ${u ? "cursor-grab active:cursor-grabbing" : ""}
+              `,
+						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,
+						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", {
+								className: "flex items-center gap-1",
+								children: [
+									u && /* @__PURE__ */ R(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", {
+										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),
+										disabled: e.sortable === !1,
+										onDragStart: (e) => {
+											e.stopPropagation(), e.preventDefault();
+										},
+										children: [/* @__PURE__ */ R("span", { children: e.header }), e.sortable !== !1 && /* @__PURE__ */ R(yt, { direction: n })]
+									}),
+									m && /* @__PURE__ */ R("div", {
+										onClick: (e) => e.stopPropagation(),
+										onDragStart: (e) => {
+											e.stopPropagation(), e.preventDefault();
+										},
+										draggable: !1,
+										children: /* @__PURE__ */ R(ut, {
+											column: e,
+											value: b(e.id),
+											onChange: x
+										})
+									}),
+									l && e.resizable !== !1 && /* @__PURE__ */ R(bt, {
+										columnId: e.id,
+										currentWidth: i ?? e.width ?? 150,
+										onResize: c
+									})
+								]
+							})
+						]
+					}, 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`,
+					children: "Actions"
+				})
+			] }),
+			S && b && x && /* @__PURE__ */ R(pt, {
+				columns: e,
+				getFilterValue: b,
+				onFilterChange: x,
+				showCheckbox: p,
+				showExpandToggle: _,
+				showActions: v,
+				compact: y
+			})
+		]
+	});
+}
+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" });
+}
+function bt({ columnId: e, currentWidth: t, onResize: r }) {
+	let i = a(0), o = a(t);
+	return /* @__PURE__ */ R("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;
+			let a = (t) => {
+				let n = t.clientX - i.current;
+				r(e, o.current + n);
+			}, s = () => {
+				document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", s);
+			};
+			document.addEventListener("mousemove", a), document.addEventListener("mouseup", s);
+		}, [
+			e,
+			t,
+			r
+		]),
+		draggable: !1,
+		onDragStart: (e) => {
+			e.stopPropagation(), e.preventDefault();
+		},
+		role: "separator",
+		"aria-orientation": "vertical"
+	});
+}
+//#endregion
+//#region src/components/CellTooltip.jsx
+function xt({ content: e, children: t, delay: r = 400, style: i, disabled: s = !1 }) {
+	let [c, l] = o(!1), [u, d] = o({
+		top: 0,
+		left: 0
+	}), f = a(), p = a(null), m = n(() => {
+		s || !e || (f.current = setTimeout(() => {
+			let e = p.current;
+			if (!e) return;
+			let t = e.getBoundingClientRect(), n = t.top - 6, r = t.left + t.width / 2;
+			r = Math.max(60, Math.min(r, window.innerWidth - 60)), d({
+				top: n,
+				left: r
+			}), l(!0);
+		}, r));
+	}, [
+		e,
+		r,
+		s
+	]), h = n(() => {
+		clearTimeout(f.current), l(!1);
+	}, []);
+	return /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R("span", {
+		ref: p,
+		onMouseEnter: m,
+		onMouseLeave: h,
+		onFocus: m,
+		onBlur: h,
+		className: "contents",
+		children: t
+	}), c && e && B(/* @__PURE__ */ R("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,
+			...i
+		},
+		children: e
+	}), document.body)] });
+}
+var St = {
+	backgroundColor: "#1f2937",
+	color: "#f9fafb",
+	padding: "0.375rem 0.625rem",
+	borderRadius: "0.375rem",
+	fontSize: "0.75rem",
+	maxWidth: "300px",
+	whiteSpace: "pre-wrap",
+	boxShadow: "0 4px 6px -1px rgba(0,0,0,0.1)"
+};
+//#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", _ = {
+		...s ? {
+			width: s,
+			minWidth: s
+		} : {},
+		...m
+	}, v = l ? "ring-1 ring-red-400" : "";
+	if (r && d !== void 0) {
+		if (n.editCell) {
+			let t = {
+				value: u ?? h,
+				row: e,
+				column: n,
+				onSave: (e) => {
+					d(e);
+				},
+				onCancel: o,
+				error: l
+			};
+			return /* @__PURE__ */ z("td", {
+				className: `px-4 py-2 ${g} ${n.className ?? ""} ${c}`,
+				style: _,
+				children: [n.editCell(t), l && /* @__PURE__ */ R("p", {
+					className: "text-xs text-red-500 mt-0.5",
+					children: l
+				})]
+			});
+		}
+		return /* @__PURE__ */ R("td", {
+			className: `px-4 py-2 ${g} ${n.className ?? ""} ${c}`,
+			style: _,
+			children: /* @__PURE__ */ R(Et, {
+				value: u ?? h,
+				onSave: (e) => d(e),
+				onCancel: o,
+				error: l
+			})
+		});
+	}
+	if (r && n.editCell) {
+		let t = {
+			value: h,
+			row: e,
+			column: n,
+			onSave: a,
+			onCancel: o,
+			error: l
+		};
+		return /* @__PURE__ */ z("td", {
+			className: `px-4 py-2 ${g} ${n.className ?? ""} ${c}`,
+			style: _,
+			children: [n.editCell(t), l && /* @__PURE__ */ R("p", {
+				className: "text-xs text-red-500 mt-0.5",
+				children: l
+			})]
+		});
+	}
+	if (r && n.editable) return /* @__PURE__ */ R("td", {
+		className: `px-4 py-2 ${g} ${n.className ?? ""} ${c} ${v}`,
+		style: _,
+		children: /* @__PURE__ */ R(Et, {
+			value: h,
+			onSave: a,
+			onCancel: o,
+			error: l
+		})
+	});
+	let y = n.cell ? n.cell({
+		value: h,
+		row: e,
+		rowIndex: t,
+		column: n
+	}) : h ?? "—", b = Tt(n, h, e, t, f);
+	return /* @__PURE__ */ R("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, {
+			content: b,
+			style: p,
+			children: y
+		}) : y
+	});
+}
+var wt = t(Ct);
+function Tt(e, t, n, r, i) {
+	return !e.tooltip && !i ? null : typeof e.tooltip == "function" ? e.tooltip({
+		value: t,
+		row: n,
+		rowIndex: r,
+		column: e
+	}) || null : e.tooltip === !0 ? t == null ? null : String(t) : null;
+}
+function Et({ value: e, onSave: t, onCancel: r, error: i }) {
+	let [a, s] = o(String(e ?? ""));
+	return /* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("input", {
+		type: "text",
+		value: a,
+		onChange: (e) => s(e.target.value),
+		onKeyDown: n((e) => {
+			e.key === "Enter" && t(a), e.key === "Escape" && r();
+		}, [
+			a,
+			t,
+			r
+		]),
+		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", {
+		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 = "" }) {
+	let f = a(null), [p, m] = o({
+		top: 0,
+		left: 0
+	}), [h, g] = o(!1), [_, v] = o(!1), y = n(() => {
+		let t = e.current, n = f.current;
+		if (!t || !n) return;
+		let r = t.getBoundingClientRect(), i = n.getBoundingClientRect(), a = window.innerHeight, o = window.innerWidth, s = a - r.bottom - l, u = r.top - l, d = s < i.height && u > s;
+		g(d);
+		let p = d ? r.top - i.height - l : r.bottom + l, h = c === "right" ? r.right - i.width : r.left;
+		h = Math.max(8, Math.min(h, o - i.width - 8)), m({
+			top: p,
+			left: h
+		}), v(!0);
+	}, [
+		e,
+		c,
+		l
+	]);
+	return r(() => {
+		if (!t) {
+			v(!1);
+			return;
+		}
+		let e = requestAnimationFrame(y), n = () => y();
+		return window.addEventListener("scroll", n, !0), window.addEventListener("resize", n), () => {
+			cancelAnimationFrame(e), window.removeEventListener("scroll", n, !0), window.removeEventListener("resize", n);
+		};
+	}, [t, y]), r(() => {
+		if (!t) return;
+		let n = (t) => {
+			let n = t.target;
+			f.current && !f.current.contains(n) && e.current && !e.current.contains(n) && i();
+		};
+		return document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
+	}, [
+		t,
+		i,
+		e
+	]), r(() => {
+		if (!t) return;
+		let e = (e) => {
+			e.key === "Escape" && i();
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [t, i]), t ? B(/* @__PURE__ */ R("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}`,
+		style: {
+			top: p.top,
+			left: p.left,
+			minWidth: u
+		},
+		children: s
+	}), document.body) : null;
+}
+//#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,
+		role: "row",
+		"aria-selected": c,
+		children: [
+			u && /* @__PURE__ */ R("td", {
+				className: `px-4 ${W} w-12`,
+				children: /* @__PURE__ */ R("input", {
+					type: "checkbox",
+					checked: c,
+					onChange: (e) => {
+						e.nativeEvent instanceof MouseEvent && e.nativeEvent.shiftKey && m ? m(i) : p(i);
+					},
+					onClick: (e) => e.stopPropagation(),
+					className: "h-4 w-4 rounded border-gray-300 text-brand-600 focus:ring-brand-600",
+					"aria-label": `Select row ${r + 1}`
+				})
+			}),
+			d && /* @__PURE__ */ R("td", {
+				className: `px-2 ${W} w-10`,
+				children: /* @__PURE__ */ R("button", {
+					type: "button",
+					onClick: (e) => {
+						e.stopPropagation(), g(i);
+					},
+					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" })
+				})
+			}),
+			o.map((e) => {
+				let n = M ? e.editable ?? !1 : b?.rowKey === i && b?.columnId === e.id;
+				return /* @__PURE__ */ R(wt, {
+					row: t,
+					rowIndex: r,
+					column: e,
+					width: s[e.id],
+					isEditing: n,
+					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)
+				}, e.id);
+			}),
+			K && /* @__PURE__ */ R("td", {
+				className: `px-4 ${W} text-right`,
+				children: /* @__PURE__ */ z("div", {
+					className: "inline-block",
+					children: [/* @__PURE__ */ R("button", {
+						ref: V,
+						type: "button",
+						onClick: (e) => {
+							e.stopPropagation(), B((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),
+						align: "right",
+						children: /* @__PURE__ */ R(At, {
+							row: t,
+							actions: f,
+							onClose: () => B(!1)
+						})
+					})]
+				})
+			}),
+			!K && f && /* @__PURE__ */ R("td", { className: `px-4 ${W}` })
+		]
+	}), l && w && /* @__PURE__ */ R("tr", {
+		className: "bg-gray-50/50 dark:bg-gray-800/20",
+		children: /* @__PURE__ */ R("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", {
+		type: "button",
+		onClick: (r) => {
+			r.stopPropagation(), t.onClick(e), n();
+		},
+		disabled: t.disabled?.(e),
+		className: `w-full text-left px-3 py-2 text-sm flex items-center gap-2 transition-colors
+            ${t.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"}
+            ${t.disabled?.(e) ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
+          `,
+		role: "menuitem",
+		children: [t.icon, t.label]
+	}, t.id)) });
+}
+//#endregion
+//#region src/components/GroupRow.jsx
+function jt({ group: e, colSpan: t, isExpanded: n, onToggle: r, renderGroupHeader: i }) {
+	return /* @__PURE__ */ R("tr", {
+		className: "bg-gray-50 dark:bg-gray-800/50 border-b border-[var(--app-border,#e5e7eb)]",
+		children: /* @__PURE__ */ R("td", {
+			colSpan: t,
+			className: "px-4 py-2",
+			children: /* @__PURE__ */ z("div", {
+				className: "flex items-center gap-2",
+				style: { paddingLeft: e.__level * 24 },
+				children: [/* @__PURE__ */ R("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", {
+					className: "text-sm font-medium text-gray-700 dark:text-gray-300",
+					children: [
+						e.__groupField,
+						": ",
+						String(e.__groupValue ?? "N/A"),
+						/* @__PURE__ */ z("span", {
+							className: "ml-2 text-xs text-gray-400 font-normal",
+							children: [
+								"(",
+								e.__children.length,
+								" items)"
+							]
+						}),
+						Object.entries(e.__aggregates).length > 0 && /* @__PURE__ */ R("span", {
+							className: "ml-3 text-xs text-gray-400",
+							children: Object.entries(e.__aggregates).map(([e, t]) => /* @__PURE__ */ z("span", {
+								className: "ml-2",
+								children: [
+									e,
+									": ",
+									typeof t == "number" ? t.toLocaleString() : String(t)
+								]
+							}, e))
+						})
+					]
+				})]
+			})
+		})
+	});
+}
+//#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;
+	r(() => {
+		if (!_.isInfinite || !_.hasMore || !_.onLoadMore) return;
+		let e = H.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) => {
+		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, [
+		b,
+		F,
+		ie
+	]), oe = j ? {
+		maxHeight: j,
+		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, {
+			row: t,
+			rowIndex: n,
+			rowKey: i,
+			columns: d.visibleColumns,
+			columnWidths: d.columnWidths,
+			isSelected: u.isSelected(i),
+			isExpanded: f.includes(i),
+			showCheckbox: u.showCheckbox,
+			showExpandToggle: K || (c?.hasChildren ?? !1),
+			rowActions: E,
+			onToggleSelect: u.toggleRow,
+			onShiftSelect: (e) => u.selectRange(e, s),
+			onToggleExpand: c ? () => b.toggleNode(i) : p,
+			onClick: D,
+			onDoubleClick: O,
+			editingCell: m,
+			onStartEdit: U,
+			onSaveEdit: W,
+			onCancelEdit: G,
+			expandContent: T?.render?.(t),
+			striped: k,
+			compact: A,
+			rowClassName: `${a} ${_} ${r}`,
+			rowStyle: h,
+			onContextMenu: o ? (e) => o(e, t) : void 0,
+			isEditingRow: l,
+			validationErrors: l ? e.editing.validationErrors : void 0,
+			pendingEdits: l ? e.editing.pendingEdits : void 0,
+			onPendingChange: l ? e.editing.updatePendingEdit : void 0,
+			enableTooltips: I,
+			tooltipStyle: v.tooltipStyle,
+			getCellStyle: v.getCellStyle
+		}, i);
+	};
+	return /* @__PURE__ */ z("div", {
+		ref: H,
+		style: oe,
+		className: "overflow-x-auto",
+		onScroll: x.enabled ? x.handleScroll : void 0,
+		children: [x.enabled && /* @__PURE__ */ R("div", {
+			style: x.spacerStyle,
+			children: /* @__PURE__ */ R("div", {
+				style: x.offsetStyle,
+				children: /* @__PURE__ */ R(X, {})
+			})
+		}), !x.enabled && /* @__PURE__ */ R(X, {})]
+	});
+	function X() {
+		return /* @__PURE__ */ z("table", {
+			className: `w-full text-sm ${M ? "border-collapse" : ""}`,
+			role: "grid",
+			"aria-label": t.ariaLabel ?? "Data table",
+			children: [/* @__PURE__ */ R(vt, {
+				columns: d.visibleColumns,
+				getSortDirection: c.getSortDirection,
+				onSort: c.toggleSort,
+				columnWidths: d.columnWidths,
+				onResize: d.resizeColumn,
+				enableResizing: d.enableResizing,
+				enableReordering: d.enableReordering,
+				onReorder: d.reorderColumns,
+				onReorderById: d.reorderColumnsById,
+				showCheckbox: u.showCheckbox,
+				isAllSelected: u.isAllSelected(s),
+				isSomeSelected: u.isSomeSelected(s),
+				onToggleAll: () => u.toggleAll(s),
+				showExpandToggle: K,
+				showActions: q,
+				compact: A,
+				getFilterValue: l.getFilterValue,
+				onFilterChange: l.setFilter,
+				floatingFilters: B,
+				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,
+					className: "h-0.5 bg-blue-200 dark:bg-blue-800"
+				}) }),
+				ae ? ae.map((e, t) => Y(e.row, t)) : ie.map((e, t) => {
+					let n = e;
+					return n.__isGroupRow ? /* @__PURE__ */ R(jt, {
+						group: n,
+						colSpan: se,
+						isExpanded: y.isGroupExpanded(n.__groupKey),
+						onToggle: y.toggleGroup,
+						renderGroupHeader: te?.renderGroupHeader
+					}, n.__groupKey) : Y(e, t);
+				}),
+				ne && C.length > 0 && /* @__PURE__ */ R("tr", { children: /* @__PURE__ */ R("td", {
+					colSpan: se,
+					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"))
+			] })]
+		});
+	}
+}
+//#endregion
+//#region src/components/GridView.jsx
+function Nt({ 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", {
+		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", {
+				className: `${l ? "ring-2 ring-brand-500" : ""} ${s ? "cursor-pointer" : ""}`,
+				onClick: () => s?.(e),
+				children: o(e)
+			}, n) : /* @__PURE__ */ z("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" : ""}
+              ${c?.gridCard ?? ""}
+            `,
+				onClick: () => s?.(e),
+				role: "article",
+				children: [r.showCheckbox && /* @__PURE__ */ R("div", {
+					className: "mb-3",
+					children: /* @__PURE__ */ R("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",
+						"aria-label": `Select item ${t + 1}`
+					})
+				}), /* @__PURE__ */ R("div", {
+					className: "space-y-2",
+					children: i.visibleColumns.slice(0, 6).map((n) => {
+						let r = Z(e, n), i = n.cell ? n.cell({
+							value: r,
+							row: e,
+							rowIndex: t,
+							column: n
+						}) : r ?? "—";
+						return /* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("span", {
+							className: "text-xs font-medium text-gray-500 uppercase",
+							children: n.header
+						}), /* @__PURE__ */ R("div", {
+							className: "text-sm text-[var(--app-text)]",
+							children: i
+						})] }, n.id);
+					})
+				})]
+			}, n);
+		})
+	});
+}
+//#endregion
+//#region src/components/ListView.jsx
+function Pt({ 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", {
+		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", {
+				className: `${l ? "bg-brand-50 dark:bg-brand-900/20" : ""} ${s ? "cursor-pointer" : ""}`,
+				children: o(e)
+			}, n) : /* @__PURE__ */ z("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" : ""}
+              ${c?.listItem ?? ""}
+            `,
+				onClick: () => s?.(e),
+				role: "listitem",
+				children: [r.showCheckbox && /* @__PURE__ */ R("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", {
+					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({
+							value: r,
+							row: e,
+							rowIndex: t,
+							column: n
+						}) : r ?? "—";
+						return /* @__PURE__ */ z("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ R("span", {
+								className: "text-xs text-gray-500 block",
+								children: n.header
+							}), /* @__PURE__ */ R("div", {
+								className: "text-sm text-[var(--app-text)] truncate",
+								children: i
+							})]
+						}, n.id);
+					})
+				})]
+			}, n);
+		})
+	});
+}
+//#endregion
+//#region src/components/DataTablePagination.jsx
+function Ft({ 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];
+		e > 3 && t.push("...");
+		let r = Math.max(2, e - 1), i = Math.min(n - 1, e + 1);
+		for (let e = r; e <= i; e++) t.push(e);
+		return e < n - 2 && t.push("..."), t.push(n), t;
+	};
+	return /* @__PURE__ */ z("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", {
+			className: "flex items-center gap-3",
+			children: [/* @__PURE__ */ z("span", {
+				className: "text-sm text-gray-500",
+				children: [
+					s,
+					"–",
+					c,
+					" of ",
+					r
+				]
+			}), /* @__PURE__ */ R("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", {
+					value: e,
+					children: [e, " / page"]
+				}, e))
+			})]
+		}), /* @__PURE__ */ z("div", {
+			className: "flex items-center gap-1",
+			children: [
+				/* @__PURE__ */ R(It, {
+					onClick: () => a(1),
+					disabled: e <= 1,
+					"aria-label": "First page",
+					children: /* @__PURE__ */ R(v, { className: "h-4 w-4" })
+				}),
+				/* @__PURE__ */ R(It, {
+					onClick: () => a(e - 1),
+					disabled: e <= 1,
+					"aria-label": "Previous page",
+					children: /* @__PURE__ */ R(g, { className: "h-4 w-4" })
+				}),
+				l().map((t, n) => t === "..." ? /* @__PURE__ */ R("span", {
+					className: "px-2 text-sm text-gray-400",
+					children: "…"
+				}, `ellipsis-${n}`) : /* @__PURE__ */ R(It, {
+					onClick: () => a(t),
+					active: t === e,
+					"aria-label": `Page ${t}`,
+					"aria-current": t === e ? "page" : void 0,
+					children: t
+				}, t)),
+				/* @__PURE__ */ R(It, {
+					onClick: () => a(e + 1),
+					disabled: e >= n,
+					"aria-label": "Next page",
+					children: /* @__PURE__ */ R(_, { className: "h-4 w-4" })
+				}),
+				/* @__PURE__ */ R(It, {
+					onClick: () => a(n),
+					disabled: e >= n,
+					"aria-label": "Last page",
+					children: /* @__PURE__ */ R(y, { className: "h-4 w-4" })
+				})
+			]
+		})]
+	});
+}
+function It({ children: e, onClick: t, disabled: n = !1, active: r = !1, ...i }) {
+	return /* @__PURE__ */ R("button", {
+		type: "button",
+		onClick: t,
+		disabled: n,
+		className: `inline-flex items-center justify-center h-8 min-w-[32px] px-2 text-sm rounded-md transition-colors
+        ${r ? "bg-brand-600 text-white font-medium" : n ? "text-gray-300 dark:text-gray-600 cursor-not-allowed" : "text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700"}`,
+		...i,
+		children: e
+	});
+}
+//#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 }) {
+	let d = e.find((e) => e.type === t);
+	return d ? /* @__PURE__ */ z("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", {
+			className: "flex items-center justify-between px-3 py-2 border-b border-[var(--app-border,#e5e7eb)]",
+			children: [/* @__PURE__ */ R("span", {
+				className: "text-sm font-semibold text-[var(--app-text)]",
+				children: d.title
+			}), /* @__PURE__ */ R("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" })
+			})]
+		}), /* @__PURE__ */ z("div", {
+			className: "flex-1 overflow-y-auto p-3",
+			children: [
+				d.type === "columns" && r && o && /* @__PURE__ */ R(Rt, {
+					columns: r,
+					hiddenColumns: i ?? /* @__PURE__ */ new Set(),
+					onToggle: o
+				}),
+				d.type === "filters" && r && l && /* @__PURE__ */ R(zt, {
+					columns: r,
+					filters: c ?? [],
+					onFilterChange: l,
+					onClearFilters: u
+				}),
+				d.type === "custom" && d.render?.()
+			]
+		})]
+	}) : null;
+}
+function Rt({ columns: e, hiddenColumns: t, onToggle: n }) {
+	return /* @__PURE__ */ z("div", {
+		className: "space-y-1",
+		children: [/* @__PURE__ */ R("p", {
+			className: "text-xs text-gray-500 mb-2",
+			children: "Toggle column visibility"
+		}), e.map((e) => /* @__PURE__ */ z("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", {
+				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", {
+				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 }) {
+	let i = e.filter((e) => e.filterable !== !1 && e.filterType);
+	return /* @__PURE__ */ z("div", {
+		className: "space-y-3",
+		children: [
+			r && t.length > 0 && /* @__PURE__ */ R("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", {
+				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", {
+						className: "text-xs font-medium text-gray-500 block mb-1",
+						children: e.header
+					}),
+					(e.filterType === "text" || e.filterType === "number") && /* @__PURE__ */ R("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", {
+						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", {
+							value: "",
+							children: "All"
+						}), e.filterOptions.map((e) => /* @__PURE__ */ R("option", {
+							value: e.value,
+							children: e.label
+						}, e.value))]
+					})
+				] }, e.id);
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/PresetManager.jsx
+function Bt({ 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;
+		let e = (e) => {
+			v.current && !v.current.contains(e.target) && (l(!1), h(null));
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [c]);
+	let y = () => {
+		u.trim() && (n(u.trim(), s()), d(""));
+	}, b = (e) => {
+		g.trim() && (a(e, g.trim()), h(null));
+	};
+	return /* @__PURE__ */ z("div", {
+		className: "relative",
+		ref: v,
+		children: [/* @__PURE__ */ z("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" }),
+				"Presets",
+				t.length > 0 && /* @__PURE__ */ R("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", {
+			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", {
+				className: "flex items-center gap-2 mb-3",
+				children: [/* @__PURE__ */ R("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", {
+					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" })
+				})]
+			}), t.length === 0 ? /* @__PURE__ */ R("p", {
+				className: "text-xs text-gray-400 text-center py-2",
+				children: "No saved presets"
+			}) : /* @__PURE__ */ R("div", {
+				className: "space-y-1 max-h-64 overflow-y-auto",
+				children: t.map((e) => /* @__PURE__ */ R("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", {
+						className: "flex items-center gap-1 flex-1",
+						children: [/* @__PURE__ */ R("input", {
+							type: "text",
+							value: g,
+							onChange: (e) => _(e.target.value),
+							onKeyDown: (t) => {
+								t.key === "Enter" && b(e.id), t.key === "Escape" && h(null);
+							},
+							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", {
+							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" })
+						})]
+					}) : /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R("button", {
+						type: "button",
+						onClick: () => {
+							r(e.id), l(!1);
+						},
+						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", {
+						className: "flex items-center gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity",
+						children: [/* @__PURE__ */ R("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", {
+							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" })
+						})]
+					})] })
+				}, e.id))
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/ContextMenu.jsx
+function Vt({ x: e, y: t, row: n, items: i, onClose: o }) {
+	let s = a(null);
+	r(() => {
+		let e = (e) => {
+			s.current && !s.current.contains(e.target) && o();
+		}, t = (e) => {
+			e.key === "Escape" && o();
+		};
+		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
+		};
+	}, [o]), r(() => {
+		if (!s.current) return;
+		let n = s.current.getBoundingClientRect(), r = s.current;
+		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", {
+		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: {
+			left: e,
+			top: t
+		},
+		role: "menu",
+		children: c.map((e) => e.separator ? /* @__PURE__ */ R("div", {
+			className: "my-1 border-t border-gray-200 dark:border-gray-700",
+			role: "separator"
+		}, e.id) : /* @__PURE__ */ z("button", {
+			type: "button",
+			onClick: () => {
+				e.onClick(n), 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", {
+				className: "w-4 h-4 flex-shrink-0",
+				children: e.icon
+			}), e.label]
+		}, e.id))
+	}) : null;
+}
+//#endregion
+//#region src/components/StatusBar.jsx
+function Ht({ 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", {
+		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", {
+			className: "flex items-center gap-1.5",
+			children: [
+				e.icon && /* @__PURE__ */ R("span", {
+					className: "w-3.5 h-3.5 flex-shrink-0",
+					children: e.icon
+				}),
+				/* @__PURE__ */ z("span", {
+					className: "text-gray-400",
+					children: [e.label, ":"]
+				}),
+				/* @__PURE__ */ R("span", {
+					className: "font-medium text-gray-600",
+					children: e.value
+				})
+			]
+		}, e.id))
+	}) : null;
+}
+//#endregion
+//#region src/hooks/useChartData.js
+var Ut = [
+	"#6366f1",
+	"#f59e0b",
+	"#10b981",
+	"#ef4444",
+	"#8b5cf6",
+	"#06b6d4",
+	"#f97316",
+	"#84cc16",
+	"#ec4899",
+	"#14b8a6"
+];
+function Wt(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) {
+	if (!e.length) return 0;
+	switch (t) {
+		case "sum": return e.reduce((e, t) => e + t, 0);
+		case "avg": return e.reduce((e, t) => e + t, 0) / e.length;
+		case "count": return e.length;
+		case "min": return Math.min(...e);
+		case "max": return Math.max(...e);
+		default: return e.reduce((e, t) => e + t, 0);
+	}
+}
+function Kt(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) ?? [];
+		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);
+		}), n;
+	});
+}
+function qt({ 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.forEach((n) => {
+					t[n.id] = Wt(Z(e, n));
+				}), t;
+			}) : [];
+		}, [
+			e,
+			t,
+			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]
+		})), [
+			t.dataColumns,
+			t.colors,
+			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({
+		data: e,
+		config: t,
+		columns: r
+	}), u = a(null), d = t.height ?? 300, f = 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", {
+		className: `bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden ${s}`,
+		children: [/* @__PURE__ */ z("div", {
+			className: "flex items-center justify-between px-4 py-2 border-b border-gray-100 dark:border-gray-800",
+			children: [/* @__PURE__ */ R("span", {
+				className: "text-sm font-medium text-gray-700 dark:text-gray-300 truncate",
+				children: t.title || "Chart"
+			}), /* @__PURE__ */ z("div", {
+				className: "flex items-center gap-1",
+				children: [
+					/* @__PURE__ */ R("button", {
+						type: "button",
+						onClick: f,
+						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" })
+					}),
+					o && /* @__PURE__ */ R("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" })
+					}),
+					i && /* @__PURE__ */ R("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" })
+					})
+				]
+			})]
+		}), /* @__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", {
+		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", {
+		className: "border-t border-gray-200 dark:border-gray-700 p-4",
+		children: [/* @__PURE__ */ z("div", {
+			className: "flex items-center justify-between mb-3",
+			children: [/* @__PURE__ */ z("span", {
+				className: "text-xs font-medium text-gray-500 uppercase tracking-wide",
+				children: [
+					"Charts (",
+					e.length,
+					")"
+				]
+			}), /* @__PURE__ */ z("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"]
+			})]
+		}), /* @__PURE__ */ R("div", {
+			className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+			children: e.map((e) => /* @__PURE__ */ R(Jt, {
+				data: t,
+				config: e.config,
+				columns: n,
+				onEdit: () => i(e.id),
+				onRemove: () => a(e.id)
+			}, e.id))
+		})]
+	}) : /* @__PURE__ */ R("div", {
+		className: "border-t border-gray-200 dark:border-gray-700 px-4 py-6",
+		children: /* @__PURE__ */ z("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", {
+					className: "text-sm text-gray-400 mb-3",
+					children: "No charts yet"
+				}),
+				/* @__PURE__ */ z("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"]
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/ChartBuilderModal.jsx
+var Zt = [
+	{
+		type: "bar",
+		label: "Bar",
+		icon: /* @__PURE__ */ R(f, { className: "h-5 w-5" })
+	},
+	{
+		type: "line",
+		label: "Line",
+		icon: /* @__PURE__ */ R(E, { className: "h-5 w-5" })
+	},
+	{
+		type: "area",
+		label: "Area",
+		icon: /* @__PURE__ */ R(c, { className: "h-5 w-5" })
+	},
+	{
+		type: "pie",
+		label: "Pie",
+		icon: /* @__PURE__ */ R(ee, { className: "h-5 w-5" })
+	}
+], Qt = [
+	{
+		value: "",
+		label: "None"
+	},
+	{
+		value: "sum",
+		label: "Sum"
+	},
+	{
+		value: "avg",
+		label: "Average"
+	},
+	{
+		value: "count",
+		label: "Count"
+	},
+	{
+		value: "min",
+		label: "Min"
+	},
+	{
+		value: "max",
+		label: "Max"
+	}
+];
+function $t({ 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) {
+			let e = u.config;
+			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(() => ({
+		type: d,
+		title: p || "Preview",
+		labelColumn: h,
+		dataColumns: _,
+		groupBy: y || void 0,
+		aggregation: x || void 0,
+		showLegend: C,
+		showTooltip: T,
+		stacked: D,
+		height: 240
+	}), [
+		d,
+		p,
+		h,
+		_,
+		y,
+		x,
+		C,
+		T,
+		D
+	]), k = h && _.length > 0, A = n(() => {
+		if (!k) return;
+		let e = {
+			type: d,
+			title: p || void 0,
+			labelColumn: h,
+			dataColumns: _,
+			groupBy: y || void 0,
+			aggregation: x || void 0,
+			showLegend: C,
+			showTooltip: T,
+			stacked: D
+		};
+		u && s ? s(u.id, e) : a(e), t();
+	}, [
+		k,
+		d,
+		p,
+		h,
+		_,
+		y,
+		x,
+		C,
+		T,
+		D,
+		u,
+		s,
+		a,
+		t
+	]), j = (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", {
+		className: "fixed inset-0 z-[9999] flex items-center justify-center",
+		children: [/* @__PURE__ */ R("div", {
+			className: "absolute inset-0 bg-black/40",
+			onClick: t
+		}), /* @__PURE__ */ z("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", {
+					className: "flex items-center justify-between px-6 py-4 border-b border-gray-200 dark:border-gray-700",
+					children: [/* @__PURE__ */ R("h2", {
+						className: "text-lg font-semibold text-gray-900 dark:text-gray-100",
+						children: u ? "Edit Chart" : "Create Chart"
+					}), /* @__PURE__ */ R("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" })
+					})]
+				}),
+				/* @__PURE__ */ R("div", {
+					className: "flex-1 overflow-y-auto p-6",
+					children: /* @__PURE__ */ z("div", {
+						className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+						children: [/* @__PURE__ */ z("div", {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("label", {
+									className: "block text-xs font-medium text-gray-500 uppercase tracking-wide mb-2",
+									children: "Chart Type"
+								}), /* @__PURE__ */ R("div", {
+									className: "flex gap-2",
+									children: Zt.map((e) => /* @__PURE__ */ z("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", {
+											className: "text-xs font-medium",
+											children: e.label
+										})]
+									}, e.type))
+								})] }),
+								/* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("label", {
+									className: "block text-xs font-medium text-gray-500 uppercase tracking-wide mb-1",
+									children: "Title"
+								}), /* @__PURE__ */ R("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", {
+									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", {
+									value: h,
+									onChange: (e) => g(e.target.value),
+									className: M,
+									children: [/* @__PURE__ */ R("option", {
+										value: "",
+										children: "Select column..."
+									}), c.map((e) => /* @__PURE__ */ R("option", {
+										value: e.id,
+										children: e.header
+									}, e.id))]
+								})] }),
+								/* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("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", {
+									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", {
+										type: "button",
+										onClick: () => j(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", {
+									className: "grid grid-cols-2 gap-3",
+									children: [/* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("label", {
+										className: "block text-xs font-medium text-gray-500 uppercase tracking-wide mb-1",
+										children: "Group By"
+									}), /* @__PURE__ */ z("select", {
+										value: y,
+										onChange: (e) => b(e.target.value),
+										className: M,
+										children: [/* @__PURE__ */ R("option", {
+											value: "",
+											children: "None"
+										}), c.map((e) => /* @__PURE__ */ R("option", {
+											value: e.id,
+											children: e.header
+										}, e.id))]
+									})] }), /* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("label", {
+										className: "block text-xs font-medium text-gray-500 uppercase tracking-wide mb-1",
+										children: "Aggregation"
+									}), /* @__PURE__ */ R("select", {
+										value: x,
+										onChange: (e) => S(e.target.value),
+										className: M,
+										children: Qt.map((e) => /* @__PURE__ */ R("option", {
+											value: e.value,
+											children: e.label
+										}, e.value))
+									})] })]
+								}),
+								/* @__PURE__ */ z("div", {
+									className: "flex flex-wrap gap-4",
+									children: [
+										/* @__PURE__ */ R(en, {
+											label: "Legend",
+											checked: C,
+											onChange: w
+										}),
+										/* @__PURE__ */ R(en, {
+											label: "Tooltip",
+											checked: T,
+											onChange: E
+										}),
+										(d === "bar" || d === "area") && /* @__PURE__ */ R(en, {
+											label: "Stacked",
+											checked: D,
+											onChange: O
+										})
+									]
+								})
+							]
+						}), /* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("label", {
+							className: "block text-xs font-medium text-gray-500 uppercase tracking-wide mb-2",
+							children: "Live Preview"
+						}), /* @__PURE__ */ R(Jt, {
+							data: l,
+							config: ee,
+							columns: c
+						})] })]
+					})
+				}),
+				/* @__PURE__ */ z("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", {
+						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", {
+						type: "button",
+						onClick: A,
+						disabled: !k,
+						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"
+					})]
+				})
+			]
+		})]
+	});
+}
+function en({ label: e, checked: t, onChange: n }) {
+	return /* @__PURE__ */ z("label", {
+		className: "flex items-center gap-2 cursor-pointer select-none",
+		children: [/* @__PURE__ */ R("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", {
+			className: "text-sm text-gray-600",
+			children: e
+		})]
+	});
+}
+//#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) => {
+		C?.length && (e.preventDefault(), K({
+			x: e.clientX,
+			y: e.clientY,
+			row: t
+		}));
+	}, [C]), ne = i(() => (e) => {
+		if (u) {
+			u(e, O);
+			return;
+		}
+		let t = N.visibleColumns;
+		switch (e) {
+			case "csv":
+				at(O, t);
+				break;
+			case "excel":
+				ot(O, t);
+				break;
+			default: ge(e, O, t, u);
+		}
+	}, [
+		O,
+		N.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", {
+		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,
+		role: "region",
+		"aria-label": y ?? "Data table",
+		"aria-describedby": x,
+		children: [
+			/* @__PURE__ */ z("div", {
+				className: "flex-1 flex flex-col min-w-0 overflow-hidden",
+				children: [
+					/* @__PURE__ */ R(st, {
+						globalSearch: k.globalSearch,
+						onSearchChange: k.setGlobalSearch,
+						searchDebounce: g?.searchDebounce,
+						viewMode: P,
+						onViewModeChange: te,
+						views: d,
+						exportFormats: l,
+						onExport: ne,
+						columns: N.allColumns,
+						hiddenColumns: N.hiddenColumns,
+						onToggleColumn: N.toggleColumnVisibility,
+						enableColumnVisibility: _,
+						hasActiveFilters: ie,
+						onClearFilters: k.clearFilters,
+						pluginToolbar: /* @__PURE__ */ z(L, { children: [
+							J,
+							w && /* @__PURE__ */ R(Bt, {
+								presets: F.presets,
+								onSave: F.savePreset,
+								onLoad: B,
+								onDelete: F.deletePreset,
+								onRename: F.renamePreset,
+								getCurrentConfig: I
+							}),
+							S?.map((e) => /* @__PURE__ */ R("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"}`,
+								title: e.title,
+								"aria-label": e.title,
+								"aria-pressed": U === e.type,
+								children: e.icon
+							}, e.type))
+						] }),
+						className: f?.toolbar
+					}),
+					c && c.length > 0 && /* @__PURE__ */ R(lt, {
+						selectedCount: M.selectedKeys.length,
+						selectedRows: M.selectedRows,
+						actions: c,
+						onClearSelection: M.clearSelection
+					}),
+					r && /* @__PURE__ */ z("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", {
+								className: "text-sm text-red-600 mb-4",
+								children: r
+							}),
+							a && /* @__PURE__ */ z("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"]
+							})
+						]
+					}),
+					!r && t && /* @__PURE__ */ R("div", {
+						className: "p-4",
+						children: /* @__PURE__ */ R(nn, {
+							rows: j.pageSize,
+							columns: N.visibleColumns.length
+						})
+					}),
+					!r && !t && D.length === 0 && /* @__PURE__ */ z("div", {
+						className: "flex flex-col items-center justify-center py-16 px-6",
+						children: [
+							/* @__PURE__ */ R("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" })
+							}),
+							/* @__PURE__ */ R("p", {
+								className: "text-sm text-gray-500",
+								children: p
+							}),
+							ie && /* @__PURE__ */ R("button", {
+								type: "button",
+								onClick: k.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, {
+							table: E,
+							props: e,
+							onContextMenu: q
+						}),
+						P === "grid" && /* @__PURE__ */ R(Nt, {
+							table: E,
+							props: e
+						}),
+						P === "list" && /* @__PURE__ */ R(Pt, {
+							table: E,
+							props: e
+						})
+					] }),
+					T?.position === "top" && /* @__PURE__ */ R(Ht, {
+						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
+					}),
+					T && T.position !== "top" && /* @__PURE__ */ R(Ht, {
+						config: T,
+						data: O,
+						state: E.state
+					}),
+					re.length > 0 && /* @__PURE__ */ R("div", {
+						className: "border-t border-[var(--app-border,#e5e7eb)]",
+						children: re
+					}),
+					w && /* @__PURE__ */ R(Xt, {
+						charts: H.charts,
+						data: O,
+						columns: N.allColumns,
+						onAddChart: () => H.openBuilder(),
+						onEditChart: (e) => H.openBuilder(e),
+						onRemoveChart: H.removeChart
+					})
+				]
+			}),
+			S && U && /* @__PURE__ */ R(Lt, {
+				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
+			}),
+			G && C && /* @__PURE__ */ R(Vt, {
+				x: G.x,
+				y: G.y,
+				row: G.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,
+				data: O,
+				editingChart: H.editingChart
+			})
+		]
+	});
+}
+function nn({ rows: e, columns: t }) {
+	return /* @__PURE__ */ z("div", {
+		className: "space-y-3",
+		role: "status",
+		"aria-label": "Loading data",
+		children: [
+			/* @__PURE__ */ R("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))
+			}),
+			Array.from({ length: Math.min(e, 8) }).map((e, n) => /* @__PURE__ */ R("div", {
+				className: "flex gap-4 px-2",
+				children: Array.from({ length: Math.min(t, 6) }).map((e, t) => /* @__PURE__ */ R("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", {
+				className: "sr-only",
+				children: "Loading..."
+			})
+		]
+	});
+}
+//#endregion
+//#region src/plugins.js
+function rn() {
+	return { name: "row-number" };
+}
+function an(e, t) {
+	return {
+		name: "grouping",
+		processData: (t, n) => {
+			let r = $(t, e), i = [];
+			return r.forEach((e) => {
+				i.push(...e);
+			}), i;
+		}
+	};
+}
+function on() {
+	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) {
+	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 };
+
+//# sourceMappingURL=index.js.map