ezux 1.1.19 → 1.1.21

package/dist/{EzTable-D2p1IWHc.js → EzTable-DLbb3nl7.js}

@@ -1,40 +1,103 @@
 import { _ as e, f as t, n, u as r } from "./EzProvider-AlmsYIDk.js";
 import { t as i } from "./button-CYyNwV8S.js";
-import { t as a } from "./input-Cj3sQK3M.js";
+import { t as a } from "./input-CcRi0LeO.js";
 import { t as o } from "./label-DWEV--5W.js";
 import { n as s, t as c } from "./EzErrorBoundary-C7a6VisX.js";
 import { t as l } from "./useComponentState-DiSFLYju.js";
 import { n as u, t as d } from "./useInitCoreServices-CuBrviDM.js";
-import { t as f } from "./useImperativeAPI-Dbx2hMTb.js";
-import { t as p } from "./useServiceState-CkrJZm1D.js";
-import { n as m, r as h, t as g } from "./popover-D1akYj0W.js";
-import { i as _, n as v, r as y, t as b } from "./tooltip-B1wC9m05.js";
-import { n as x, r as S, t as C } from "./HighlightText-DNA2R2uf.js";
-import { a as w, i as T, n as E, r as D, t as O } from "./select-D4tFaSai.js";
-import { t as k } from "./checkbox-DRkQuB4W.js";
-import { _ as A, d as j, g as ee, i as te, n as M, o as N, t as P } from "./EzContextMenu-srLxujt8.js";
-import { a as ne, i as F, o as I, r as re, s as L, t as R } from "./TooltipWrapper-BSAmUx9H.js";
-import * as z from "react";
-import B, { createContext as ie, memo as V, useCallback as H, useContext as ae, useEffect as U, useLayoutEffect as oe, useMemo as W, useRef as G, useState as K, useTransition as se } from "react";
-import { AlertTriangle as ce, ArrowDown as le, ArrowUp as ue, Check as q, ChevronDown as de, ChevronLeft as fe, ChevronRight as pe, ChevronsLeft as me, ChevronsRight as he, ChevronsUpDown as ge, Circle as _e, Copy as ve, FilterIcon as ye, GripVertical as be, Group as xe, ListFilter as Se, Loader2 as Ce, Maximize2 as we, Minus as Te, Pin as Ee, PinOff as De, PlusIcon as Oe, RefreshCw as ke, Search as Ae, Ungroup as je, X as Me, XIcon as Ne } from "lucide-react";
-import { Fragment as J, jsx as Y, jsxs as X } from "react/jsx-runtime";
-import { Store as Pe } from "@tanstack/store";
-import { DndContext as Fe, DragOverlay as Z, PointerSensor as Ie, pointerWithin as Le, useDraggable as Re, useDroppable as ze, useSensor as Be, useSensors as Ve } from "@dnd-kit/core";
-import { useStore as He } from "@tanstack/react-store";
-import { QueryClient as Ue, QueryClientProvider as We, useMutation as Ge, useQuery as Ke, useQueryClient as qe } from "@tanstack/react-query";
-import { flexRender as Je, getCoreRowModel as Ye, getExpandedRowModel as Xe, getFacetedMinMaxValues as Ze, getFacetedUniqueValues as Qe, getFilteredRowModel as $e, getGroupedRowModel as et, getPaginationRowModel as tt, getSortedRowModel as nt, useReactTable as rt } from "@tanstack/react-table";
-import * as it from "@radix-ui/react-switch";
-import * as at from "@radix-ui/react-radio-group";
-import { useVirtualizer as ot } from "@tanstack/react-virtual";
+import { _ as f, d as p, g as m, i as h, n as g, o as _, t as v } from "./EzContextMenu-srLxujt8.js";
+import { t as y } from "./useImperativeAPI-Dbx2hMTb.js";
+import { t as b } from "./useServiceState-CkrJZm1D.js";
+import { n as x, r as S, t as C } from "./popover-D1akYj0W.js";
+import { i as w, n as T, r as E, t as D } from "./tooltip-B1wC9m05.js";
+import { n as O, r as ee, t as k } from "./HighlightText-DNA2R2uf.js";
+import { a as A, i as j, n as M, r as N, t as P } from "./select-D4tFaSai.js";
+import { t as te } from "./checkbox-BTuckDEm.js";
+import { a as F, i as I, o as L, r as ne, s as R, t as z } from "./TooltipWrapper-BSAmUx9H.js";
+import * as B from "react";
+import V, { createContext as re, memo as H, useCallback as U, useContext as ie, useEffect as W, useLayoutEffect as ae, useMemo as G, useRef as K, useState as q, useTransition as J } from "react";
+import { AlertTriangle as oe, ArrowDown as se, ArrowUp as ce, Check as Y, ChevronDown as le, ChevronLeft as ue, ChevronRight as de, ChevronsLeft as fe, ChevronsRight as pe, ChevronsUpDown as me, Circle as he, Copy as ge, FilterIcon as _e, GripVertical as ve, Group as ye, ListFilter as be, Loader2 as xe, Maximize2 as Se, Minus as Ce, Pin as we, PinOff as Te, PlusIcon as Ee, RefreshCw as De, Search as Oe, Ungroup as ke, X as Ae, XIcon as je } from "lucide-react";
+import { Fragment as Me, jsx as X, jsxs as Z } from "react/jsx-runtime";
+import { Store as Ne } from "@tanstack/store";
+import { useVirtualizer as Pe } from "@tanstack/react-virtual";
+import { DndContext as Fe, DragOverlay as Ie, PointerSensor as Le, pointerWithin as Re, useDraggable as ze, useDroppable as Be, useSensor as Ve, useSensors as He } from "@dnd-kit/core";
+import { useStore as Ue } from "@tanstack/react-store";
+import { QueryClient as We, QueryClientProvider as Ge, useMutation as Ke, useQuery as qe, useQueryClient as Je } from "@tanstack/react-query";
+import { flexRender as Ye, getCoreRowModel as Xe, getExpandedRowModel as Ze, getFacetedMinMaxValues as Qe, getFacetedUniqueValues as $e, getFilteredRowModel as et, getGroupedRowModel as tt, getPaginationRowModel as nt, getSortedRowModel as rt, useReactTable as it } from "@tanstack/react-table";
+import * as at from "@radix-ui/react-switch";
+import * as ot from "@radix-ui/react-radio-group";
 import { Command as Q } from "cmdk";
+//#region src/shared/hooks/useLifecycleEvents.ts
+var st = (e) => {
+	let t = K(!1);
+	ae(() => {
+		e.onRenderStart && e.onRenderStart();
+	}), W(() => {
+		!t.current && e.onRenderComplete && (e.onRenderComplete(), t.current = !0);
+	}, [e.onRenderComplete]), W(() => () => {
+		t.current = !1;
+	}, []);
+};
+//#endregion
+//#region src/shared/hooks/useEventHandlers.ts
+function ct(e) {
+	return {
+		handleDragStart: U((t) => {
+			e.onDragStart?.(t);
+		}, [e.onDragStart]),
+		handleDragOver: U((t) => {
+			e.onDragOver?.(t);
+		}, [e.onDragOver]),
+		handleDragEnd: U((t) => {
+			e.onDragEnd?.(t);
+		}, [e.onDragEnd]),
+		handleKeyPress: U((t) => {
+			e.onKeyPress?.(t);
+		}, [e.onKeyPress]),
+		handleKeyDown: U((t) => {
+			e.onKeyDown?.(t);
+		}, [e.onKeyDown]),
+		handleKeyUp: U((t) => {
+			e.onKeyUp?.(t);
+		}, [e.onKeyUp]),
+		handleClick: U((t) => {
+			e.onClick?.(t);
+		}, [e.onClick]),
+		handleDoubleClick: U((t) => {
+			e.onDoubleClick?.(t);
+		}, [e.onDoubleClick]),
+		handlePointerDown: U((t) => {
+			e.onPointerDown?.(t);
+		}, [e.onPointerDown]),
+		handlePointerMove: U((t) => {
+			e.onPointerMove?.(t);
+		}, [e.onPointerMove]),
+		handlePointerUp: U((t) => {
+			e.onPointerUp?.(t);
+		}, [e.onPointerUp]),
+		handlePointerLeave: U((t) => {
+			e.onPointerLeave?.(t);
+		}, [e.onPointerLeave]),
+		handlePointerEnter: U((t) => {
+			e.onPointerEnter?.(t);
+		}, [e.onPointerEnter]),
+		handleFocus: U(() => {
+			e.onFocusChange?.(!0);
+		}, [e.onFocusChange]),
+		handleBlur: U(() => {
+			e.onFocusChange?.(!1);
+		}, [e.onFocusChange])
+	};
+}
+//#endregion
 //#region src/shared/hooks/useDndHandlers.ts
-var st = (e) => ({
-	sensors: Ve(Be(Ie, { activationConstraint: { distance: e.distance ?? 5 } })),
+var lt = (e) => ({
+	sensors: He(Ve(Le, { activationConstraint: { distance: e.distance ?? 5 } })),
 	onDragStart: e.onDragStart,
 	onDragEnd: e.onDragEnd,
 	collisionDetection: e.collisionDetection
-}), ct = (e) => {
-	let { validateField: t, editSettings: n } = e, r = H((e, r, i) => {
+}), ut = (e) => {
+	let { validateField: t, editSettings: n } = e, r = U((e, r, i) => {
 		if (n?.requiredFields?.includes(e) && (r == null || r === "")) return {
 			isValid: !1,
 			error: "Field is required"
@@ -62,7 +125,7 @@ var st = (e) => ({
 	}, [t, n]);
 	return {
 		validate: r,
-		validateForm: H((e, t) => {
+		validateForm: U((e, t) => {
 			let n = {}, i = !0;
 			return t.forEach((t) => {
 				let a = r(t, e[t], e);
@@ -73,20 +136,20 @@ var st = (e) => ({
 };
 //#endregion
 //#region src/shared/hooks/useDialogState.ts
-function lt(e = {}) {
-	let [t, n] = K(!1), [r, i] = K(e.initialMode || "view"), [a, o] = K(e.initialData || {}), [s, c] = K({});
+function dt(e = {}) {
+	let [t, n] = q(!1), [r, i] = q(e.initialMode || "view"), [a, o] = q(e.initialData || {}), [s, c] = q({});
 	return {
 		isOpen: t,
 		mode: r,
 		data: a,
 		meta: s,
-		open: H((t, r, a) => {
+		open: U((t, r, a) => {
 			i(t), r === void 0 ? e.defaultData && o(e.defaultData) : o(r), a !== void 0 && c(a), n(!0);
 		}, [e.defaultData]),
-		close: H(() => {
+		close: U(() => {
 			n(!1);
 		}, []),
-		toggle: H(() => {
+		toggle: U(() => {
 			n((e) => !e);
 		}, []),
 		setData: o,
@@ -95,20 +158,20 @@ function lt(e = {}) {
 }
 //#endregion
 //#region src/components/EzTable/hooks/useTableHistory.ts
-var ut = (e, t = "id") => {
-	let n = W(() => {
+var ft = (e, t = "id") => {
+	let n = G(() => {
 		let n = /* @__PURE__ */ new Map();
 		return Array.isArray(e) && e.forEach((e) => {
 			let r = e[t];
 			r !== void 0 && n.set(r, e);
 		}), n;
-	}, [e, t]), [r, i] = K({
+	}, [e, t]), [r, i] = q({
 		data: Array.isArray(e) ? e : [],
 		history: {
 			past: [],
 			future: []
 		}
-	}), a = G(/* @__PURE__ */ new Set()), o = G(e);
+	}), a = K(/* @__PURE__ */ new Set()), o = K(e);
 	o.current !== e && (o.current = e, i({
 		data: Array.isArray(e) ? e : [],
 		history: {
@@ -116,12 +179,12 @@ var ut = (e, t = "id") => {
 			future: []
 		}
 	}), a.current.clear());
-	let s = H((e) => {
+	let s = U((e) => {
 		i((t) => ({
 			...t,
 			data: typeof e == "function" ? e(t.data) : e
 		}));
-	}, []), c = H((e, n, r) => {
+	}, []), c = U((e, n, r) => {
 		i((i) => {
 			let o = i.data[e];
 			if (!o) return i;
@@ -151,7 +214,7 @@ var ut = (e, t = "id") => {
 				}
 			};
 		});
-	}, [t]), l = H((e, n = 0) => {
+	}, [t]), l = U((e, n = 0) => {
 		i((r) => {
 			let i = { ...e };
 			i[t] === void 0 && (i[t] = `_temp_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`);
@@ -174,7 +237,7 @@ var ut = (e, t = "id") => {
 				}
 			};
 		});
-	}, [t]), u = H((e) => {
+	}, [t]), u = U((e) => {
 		i((n) => {
 			let r = [...e].sort((e, t) => t - e), i = [...n.history.past], o = [...n.data];
 			return r.forEach((e) => {
@@ -198,7 +261,7 @@ var ut = (e, t = "id") => {
 				}
 			};
 		});
-	}, [t]), d = H(() => {
+	}, [t]), d = U(() => {
 		i((e) => {
 			if (e.history.past.length === 0) return e;
 			let n = e.history.past[e.history.past.length - 1], r = e.history.past.slice(0, -1), i = [...e.data];
@@ -223,7 +286,7 @@ var ut = (e, t = "id") => {
 				}
 			};
 		});
-	}, [t]), f = H(() => {
+	}, [t]), f = U(() => {
 		i((e) => {
 			if (e.history.future.length === 0) return e;
 			let n = e.history.future[0], r = e.history.future.slice(1), i = [...e.data];
@@ -259,7 +322,7 @@ var ut = (e, t = "id") => {
 		redo: f,
 		canUndo: r.history.past.length > 0,
 		canRedo: r.history.future.length > 0,
-		changes: W(() => {
+		changes: G(() => {
 			if (p === e) return {
 				added: 0,
 				edited: 0,
@@ -277,7 +340,7 @@ var ut = (e, t = "id") => {
 				else {
 					let t = n.get(r);
 					if (e === t) return;
-					Object.keys(e).some((n) => n.startsWith("_") ? !1 : e[n] !== t[n]) && a++;
+					Object.keys(e).some((n) => !n.startsWith("_") && e[n] !== t[n]) && a++;
 				}
 			}), n.forEach((e, t) => {
 				r.has(t) || o++;
@@ -292,7 +355,7 @@ var ut = (e, t = "id") => {
 			n,
 			t
 		]),
-		batchChanges: W(() => {
+		batchChanges: G(() => {
 			if (p === e) return {
 				addedRecords: [],
 				changedRecords: [],
@@ -310,7 +373,7 @@ var ut = (e, t = "id") => {
 				else {
 					let t = n.get(r);
 					if (e === t) return;
-					Object.keys(e).some((n) => n.startsWith("_") ? !1 : e[n] !== t[n]) && a.push(e);
+					Object.keys(e).some((n) => !n.startsWith("_") && e[n] !== t[n]) && a.push(e);
 				}
 			}), n.forEach((e, t) => {
 				r.has(t) || o.push(e);
@@ -325,7 +388,7 @@ var ut = (e, t = "id") => {
 			n,
 			t
 		]),
-		resetData: H(() => {
+		resetData: U(() => {
 			a.current.clear(), i({
 				data: e,
 				history: {
@@ -335,14 +398,14 @@ var ut = (e, t = "id") => {
 			});
 		}, [e])
 	};
-}, dt = (e, t = "14px Inter, sans-serif") => {
+}, pt = (e, t = "14px Inter, sans-serif") => {
 	if (typeof document > "u") return 0;
 	let n = document.createElement("canvas").getContext("2d");
 	return n ? (n.font = t, n.measureText(e).width) : 0;
-}, ft = (e, t = {}) => {
-	let { fontSize: n = "14px", fontWeight: r = "600", fontFamily: i = "Inter, sans-serif", padding: a = 32, hasIcons: o = !0 } = t, s = dt(e, `${r} ${n} ${i}`), c = o ? 70 : 0;
+}, mt = (e, t = {}) => {
+	let { fontSize: n = "14px", fontWeight: r = "600", fontFamily: i = "Inter, sans-serif", padding: a = 32, hasIcons: o = !0 } = t, s = pt(e, `${r} ${n} ${i}`), c = o ? 70 : 0;
 	return Math.ceil(s + a + c);
-}, pt = (e) => ({ autoFitColumn: H((n) => {
+}, ht = (e) => ({ autoFitColumn: U((n) => {
 	let i = e.getColumn(n);
 	if (!i) return;
 	let a = e.getRowModel().rows.slice(0, 50), o = {
@@ -354,18 +417,18 @@ var ut = (e, t = "id") => {
 		fontWeight: "600",
 		fontFamily: "Inter, sans-serif"
 	}, c = i.columnDef.meta, l = 0, u = typeof i.columnDef.header == "string" ? i.columnDef.header : n;
-	l = Math.max(l, ft(u, { ...s })), a.forEach((e) => {
+	l = Math.max(l, mt(u, { ...s })), a.forEach((e) => {
 		let i = e.getValue(n);
 		c?.columnType === "number" ? i = t(i, c.numberOptions) : c?.columnType === "date" ? i = r(i, c.dateOptions) : c?.columnType === "datetime" && (i = r(i, c.dateTimeOptions));
 		let a = i == null ? "" : String(i), s = a;
 		c?.columnType === "longtext" && c?.longTextOptions?.previewLength && (s = a.length > c.longTextOptions.previewLength ? a.substring(0, c.longTextOptions.previewLength) + "..." : a);
-		let u = dt(s, `${o.fontWeight} ${o.fontSize} ${o.fontFamily}`);
+		let u = pt(s, `${o.fontWeight} ${o.fontSize} ${o.fontFamily}`);
 		l = Math.max(l, u + 32);
 	}), e.setColumnSizing((e) => ({
 		...e,
 		[n]: l
 	}));
-}, [e]) }), mt = (e) => e?.kind === "group", ht = (e, t, n) => {
+}, [e]) }), gt = (e) => e?.kind === "group", _t = (e, t, n) => {
 	if (typeof n == "string") {
 		if (!n) return !0;
 		let t = n.toLowerCase();
@@ -382,8 +445,8 @@ var ut = (e, t = "id") => {
 			return String(n ?? "").toLowerCase().includes(t);
 		})) return !1;
 	}
-	return !(i && !x(i, (t) => e.getValue(t)));
-}, gt = (e, t, n) => {
+	return !(i && !O(i, (t) => e.getValue(t)));
+}, vt = (e, t, n) => {
 	try {
 		if (Array.isArray(n)) {
 			if (n.length === 0) return !0;
@@ -391,8 +454,8 @@ var ut = (e, t = "id") => {
 			return n.includes(r);
 		}
 		if (typeof n == "object" && n) {
-			if (mt(n)) return x(n, (n) => e.getValue(n || t));
-			if ("operator" in n) return S({
+			if (gt(n)) return O(n, (n) => e.getValue(n || t));
+			if ("operator" in n) return ee({
 				kind: "rule",
 				id: t,
 				field: t,
@@ -405,16 +468,16 @@ var ut = (e, t = "id") => {
 	} catch (e) {
 		return console.error(`Error in smartColumnFilterFn for column ${t}:`, e), !0;
 	}
-}, _t = ({ value: t, className: n, title: r, children: i, fallback: a = /* @__PURE__ */ Y("span", {
+}, yt = ({ value: t, className: n, title: r, children: i, fallback: a = /* @__PURE__ */ X("span", {
 	className: "text-muted-foreground text-sm italic",
 	children: "—"
-}), align: o = "left" }) => t == null ? /* @__PURE__ */ Y(J, { children: a }) : /* @__PURE__ */ Y("div", {
+}), align: o = "left" }) => t == null ? /* @__PURE__ */ X(Me, { children: a }) : /* @__PURE__ */ X("div", {
 	className: e("text-sm", o === "center" && "text-center", o === "right" && "text-right", n),
 	title: r === void 0 ? typeof t == "string" ? t : String(t) : r,
 	children: i || String(t)
-}), vt = ({ value: n, columnType: a, meta: o, className: s, align: c, table: l }) => {
+}), bt = ({ value: n, columnType: a, meta: o, className: s, align: c, table: l }) => {
 	let u = n;
-	if (n == null) return /* @__PURE__ */ Y(_t, {
+	if (n == null) return /* @__PURE__ */ X(yt, {
 		value: n,
 		align: c,
 		className: s
@@ -433,13 +496,13 @@ var ut = (e, t = "id") => {
 			break;
 		case "longtext":
 			let e = String(n);
-			u = /* @__PURE__ */ X("div", {
+			u = /* @__PURE__ */ Z("div", {
 				className: "flex items-start gap-1 group/longtext w-full overflow-hidden py-1.5",
-				children: [/* @__PURE__ */ X(b, { children: [/* @__PURE__ */ Y(_, {
+				children: [/* @__PURE__ */ Z(D, { children: [/* @__PURE__ */ X(w, {
 					asChild: !0,
-					children: /* @__PURE__ */ Y("div", {
+					children: /* @__PURE__ */ X("div", {
 						className: "flex-1 min-w-0 cursor-help",
-						children: /* @__PURE__ */ Y("span", {
+						children: /* @__PURE__ */ X("span", {
 							className: "block !whitespace-normal break-words text-sm leading-normal",
 							style: {
 								display: "-webkit-box",
@@ -450,39 +513,39 @@ var ut = (e, t = "id") => {
 							children: e
 						})
 					})
-				}), /* @__PURE__ */ Y(v, {
+				}), /* @__PURE__ */ X(T, {
 					className: "max-w-[300px] p-3 break-words text-sm leading-relaxed",
 					children: e
-				})] }), e.length > 20 && /* @__PURE__ */ X(g, { children: [/* @__PURE__ */ Y(h, {
+				})] }), e.length > 20 && /* @__PURE__ */ Z(C, { children: [/* @__PURE__ */ X(S, {
 					asChild: !0,
-					children: /* @__PURE__ */ Y(i, {
+					children: /* @__PURE__ */ X(i, {
 						variant: "ghost",
 						size: "icon",
 						className: "h-5 w-5 opacity-0 group-hover/longtext:opacity-100 transition-opacity shrink-0",
 						onClick: (e) => e.stopPropagation(),
-						children: /* @__PURE__ */ Y(we, { className: "h-3 w-3 text-muted-foreground hover:text-primary" })
+						children: /* @__PURE__ */ X(Se, { className: "h-3 w-3 text-muted-foreground hover:text-primary" })
 					})
-				}), /* @__PURE__ */ Y(m, {
+				}), /* @__PURE__ */ X(x, {
 					className: "w-[400px] p-4 shadow-xl border-border bg-popover",
 					align: "end",
 					onClick: (e) => e.stopPropagation(),
-					children: /* @__PURE__ */ X("div", {
+					children: /* @__PURE__ */ Z("div", {
 						className: "space-y-3",
-						children: [/* @__PURE__ */ X("div", {
+						children: [/* @__PURE__ */ Z("div", {
 							className: "flex items-center justify-between border-b pb-2",
-							children: [/* @__PURE__ */ Y("h4", {
+							children: [/* @__PURE__ */ X("h4", {
 								className: "text-xs font-bold uppercase tracking-widest text-muted-foreground",
 								children: "Detailed Description"
-							}), /* @__PURE__ */ X(i, {
+							}), /* @__PURE__ */ Z(i, {
 								variant: "outline",
 								size: "sm",
 								className: "h-7 px-2 gap-1.5 text-[10px] font-bold",
 								onClick: (t) => {
 									t.stopPropagation(), navigator.clipboard.writeText(e);
 								},
-								children: [/* @__PURE__ */ Y(ve, { className: "h-3 w-3" }), "Copy"]
+								children: [/* @__PURE__ */ X(ge, { className: "h-3 w-3" }), "Copy"]
 							})]
-						}), /* @__PURE__ */ Y("div", {
+						}), /* @__PURE__ */ X("div", {
 							className: "text-sm leading-relaxed text-foreground max-h-[300px] overflow-auto pr-2 custom-scrollbar whitespace-pre-wrap",
 							children: e
 						})]
@@ -494,25 +557,25 @@ var ut = (e, t = "id") => {
 	}
 	if (l?.options.meta?.enableSearchHighlighting) {
 		let e = l.getState().globalFilter, t = typeof e == "string" ? e : e?.quickSearch;
-		t && (u = /* @__PURE__ */ Y(C, {
+		t && (u = /* @__PURE__ */ X(k, {
 			text: u,
 			highlight: t
 		}));
 	}
 	let d = c || (a === "number" ? "right" : "left");
-	return /* @__PURE__ */ Y(_t, {
+	return /* @__PURE__ */ X(yt, {
 		value: n,
 		align: d,
 		title: a === "longtext" || o?.clipMode === "ellipsis-tooltip" ? "" : void 0,
 		className: e(a === "number" && "font-mono tabular-nums", a === "number" && n < 0 && "text-rose-600 dark:text-rose-400", "px-3 min-h-full flex", a === "longtext" ? "items-start py-2 overflow-hidden" : o?.wrapText ? "items-start" : "items-center", d === "right" && "justify-end", d === "center" && "justify-center", s),
 		children: u
 	});
-}, yt = ({ value: t, onChange: n, onBlur: r, columnType: i, autoFocus: o = !0, isFocused: s, className: c, placeholder: l, meta: u }) => {
-	let d = B.useRef(null);
-	B.useEffect(() => {
+}, xt = ({ value: t, onChange: n, onBlur: r, columnType: i, autoFocus: o = !0, isFocused: s, className: c, placeholder: l, meta: u }) => {
+	let d = V.useRef(null);
+	V.useEffect(() => {
 		s && d.current && d.current.focus();
 	}, [s]);
-	let [f, p] = B.useState(() => t == null ? "" : i === "number" ? new Intl.NumberFormat("en-US", {
+	let [f, p] = V.useState(() => t == null ? "" : i === "number" ? new Intl.NumberFormat("en-US", {
 		minimumFractionDigits: 0,
 		maximumFractionDigits: 20
 	}).format(t) : String(t)), m = (e) => {
@@ -533,7 +596,7 @@ var ut = (e, t = "id") => {
 		}
 		r?.();
 	}, g = u?.align || (i === "number" ? "right" : "left");
-	return /* @__PURE__ */ Y(a, {
+	return /* @__PURE__ */ X(a, {
 		ref: d,
 		type: i === "date" ? "date" : "text",
 		value: f,
@@ -544,7 +607,7 @@ var ut = (e, t = "id") => {
 		placeholder: l,
 		onClick: (e) => e.stopPropagation()
 	});
-}, bt = {
+}, St = {
 	text: [
 		{
 			label: "Contains",
@@ -623,34 +686,34 @@ var ut = (e, t = "id") => {
 			value: "between"
 		}
 	]
-}, xt = ({ columnType: e, value: t, valueTo: n, operator: r, onChange: i }) => {
-	let o = bt[e === "datetime" || e === "date" ? "date" : e === "number" ? "number" : "text"] || bt.text, s = e === "number" ? "number" : e === "date" || e === "datetime" ? "date" : "text";
-	return /* @__PURE__ */ X("div", {
+}, Ct = ({ columnType: e, value: t, valueTo: n, operator: r, onChange: i }) => {
+	let o = St[e === "datetime" || e === "date" ? "date" : e === "number" ? "number" : "text"] || St.text, s = e === "number" ? "number" : e === "date" || e === "datetime" ? "date" : "text";
+	return /* @__PURE__ */ Z("div", {
 		className: "p-3 space-y-3",
-		children: [/* @__PURE__ */ X("div", {
+		children: [/* @__PURE__ */ Z("div", {
 			className: "space-y-1",
-			children: [/* @__PURE__ */ Y("label", {
+			children: [/* @__PURE__ */ X("label", {
 				className: "text-xs font-medium text-muted-foreground ml-1",
 				children: "Condition"
-			}), /* @__PURE__ */ X(O, {
+			}), /* @__PURE__ */ Z(P, {
 				value: r,
 				onValueChange: (e) => i(t, e, n),
-				children: [/* @__PURE__ */ Y(T, {
+				children: [/* @__PURE__ */ X(j, {
 					className: "h-8",
-					children: /* @__PURE__ */ Y(w, {})
-				}), /* @__PURE__ */ Y(E, { children: o.map((e) => /* @__PURE__ */ Y(D, {
+					children: /* @__PURE__ */ X(A, {})
+				}), /* @__PURE__ */ X(M, { children: o.map((e) => /* @__PURE__ */ X(N, {
 					value: e.value,
 					children: e.label
 				}, e.value)) })]
 			})]
-		}), /* @__PURE__ */ X("div", {
+		}), /* @__PURE__ */ Z("div", {
 			className: "space-y-2",
 			children: [
-				/* @__PURE__ */ Y("label", {
+				/* @__PURE__ */ X("label", {
 					className: "text-xs font-medium text-muted-foreground ml-1",
 					children: "Value"
 				}),
-				/* @__PURE__ */ Y(a, {
+				/* @__PURE__ */ X(a, {
 					type: s,
 					value: t ?? "",
 					onChange: (e) => i(e.target.value, r, n),
@@ -658,17 +721,17 @@ var ut = (e, t = "id") => {
 					placeholder: "Enter value...",
 					onClick: (e) => e.stopPropagation()
 				}),
-				r === "between" && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ X("div", {
+				r === "between" && /* @__PURE__ */ Z(Me, { children: [/* @__PURE__ */ Z("div", {
 					className: "flex items-center gap-2 px-1",
 					children: [
-						/* @__PURE__ */ Y("div", { className: "h-[1px] flex-1 bg-border" }),
-						/* @__PURE__ */ Y("span", {
+						/* @__PURE__ */ X("div", { className: "h-[1px] flex-1 bg-border" }),
+						/* @__PURE__ */ X("span", {
 							className: "text-[10px] text-muted-foreground uppercase font-bold",
 							children: "and"
 						}),
-						/* @__PURE__ */ Y("div", { className: "h-[1px] flex-1 bg-border" })
+						/* @__PURE__ */ X("div", { className: "h-[1px] flex-1 bg-border" })
 					]
-				}), /* @__PURE__ */ Y(a, {
+				}), /* @__PURE__ */ X(a, {
 					type: s,
 					value: n ?? "",
 					onChange: (e) => i(t, r, e.target.value),
@@ -682,59 +745,59 @@ var ut = (e, t = "id") => {
 };
 //#endregion
 //#region src/components/ui/switch.tsx
-function St({ className: t, ref: n, ...r }) {
-	return /* @__PURE__ */ Y(it.Root, {
+function wt({ className: t, ref: n, ...r }) {
+	return /* @__PURE__ */ X(at.Root, {
 		className: e("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", t),
 		...r,
 		ref: n,
-		children: /* @__PURE__ */ Y(it.Thumb, { className: e("pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0") })
+		children: /* @__PURE__ */ X(at.Thumb, { className: e("pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0") })
 	});
 }
 //#endregion
 //#region src/shared/components/BooleanRenderer.tsx
-var Ct = ({ value: t, trueLabel: n = "Yes", falseLabel: r = "No", nullLabel: i = "N/A", showIcon: a = !0, showLabel: o = !1, variant: s = "checkbox", className: c, disabled: l = !0, onChange: u }) => {
+var Tt = ({ value: t, trueLabel: n = "Yes", falseLabel: r = "No", nullLabel: i = "N/A", showIcon: a = !0, showLabel: o = !1, variant: s = "checkbox", className: c, disabled: l = !0, onChange: u }) => {
 	let d = t === !0, f = t === !1, p = t == null;
-	return s === "switch" ? /* @__PURE__ */ X("div", {
+	return s === "switch" ? /* @__PURE__ */ Z("div", {
 		className: e("flex items-center gap-2", c),
-		children: [/* @__PURE__ */ Y(St, {
+		children: [/* @__PURE__ */ X(wt, {
 			checked: d,
 			onCheckedChange: u,
 			disabled: l,
 			className: "scale-90"
-		}), o && /* @__PURE__ */ Y("span", {
+		}), o && /* @__PURE__ */ X("span", {
 			className: "text-sm font-medium",
 			children: d ? n : f ? r : i
 		})]
-	}) : /* @__PURE__ */ X("div", {
+	}) : /* @__PURE__ */ Z("div", {
 		className: e("inline-flex items-center gap-1.5 px-2 py-0.5 rounded-md transition-colors text-sm font-medium", d && "bg-emerald-50/50 text-emerald-700 dark:bg-emerald-900/20 dark:text-emerald-400", f && "bg-rose-50/50 text-rose-700 dark:bg-rose-900/20 dark:text-rose-400", p && "bg-muted/60 text-muted-foreground", c),
-		children: [a && /* @__PURE__ */ X(J, { children: [
-			d && /* @__PURE__ */ Y(q, { className: "w-3.5 h-3.5" }),
-			f && /* @__PURE__ */ Y(Me, { className: "w-3.5 h-3.5" }),
-			p && /* @__PURE__ */ Y(Te, { className: "w-3.5 h-3.5" })
-		] }), o && /* @__PURE__ */ Y("span", {
+		children: [a && /* @__PURE__ */ Z(Me, { children: [
+			d && /* @__PURE__ */ X(Y, { className: "w-3.5 h-3.5" }),
+			f && /* @__PURE__ */ X(Ae, { className: "w-3.5 h-3.5" }),
+			p && /* @__PURE__ */ X(Ce, { className: "w-3.5 h-3.5" })
+		] }), o && /* @__PURE__ */ X("span", {
 			className: "text-sm font-medium",
 			children: d ? n : f ? r : i
 		})]
 	});
-}, wt = ({ value: t, onChange: n, trueLabel: r = "Yes", falseLabel: i = "No", variant: a = "checkbox", disabled: s = !1, className: c }) => {
+}, Et = ({ value: t, onChange: n, trueLabel: r = "Yes", falseLabel: i = "No", variant: a = "checkbox", disabled: s = !1, className: c }) => {
 	let l = t === !0;
-	return a === "switch" ? /* @__PURE__ */ X("div", {
+	return a === "switch" ? /* @__PURE__ */ Z("div", {
 		className: e("flex items-center gap-2 p-2", c),
-		children: [/* @__PURE__ */ Y(St, {
+		children: [/* @__PURE__ */ X(wt, {
 			id: "boolean-switch",
 			checked: l,
 			onCheckedChange: (e) => {
 				n(e);
 			},
 			disabled: s
-		}), /* @__PURE__ */ Y(o, {
+		}), /* @__PURE__ */ X(o, {
 			htmlFor: "boolean-switch",
 			className: "text-sm font-medium cursor-pointer",
 			children: l ? r : i
 		})]
-	}) : /* @__PURE__ */ X("div", {
+	}) : /* @__PURE__ */ Z("div", {
 		className: e("flex items-center gap-2 p-2", c),
-		children: [/* @__PURE__ */ Y(k, {
+		children: [/* @__PURE__ */ X(te, {
 			id: "boolean-editor",
 			checked: l,
 			onCheckedChange: (e) => {
@@ -742,174 +805,174 @@ var Ct = ({ value: t, trueLabel: n = "Yes", falseLabel: r = "No", nullLabel: i =
 			},
 			disabled: s,
 			className: "data-[state=checked]:bg-primary data-[state=checked]:border-primary"
-		}), /* @__PURE__ */ Y(o, {
+		}), /* @__PURE__ */ X(o, {
 			htmlFor: "boolean-editor",
 			className: "text-sm font-medium cursor-pointer",
 			children: l ? r : i
 		})]
 	});
-}, Tt = ({ value: t, onChange: n, trueLabel: r = "Yes", falseLabel: i = "No", nullLabel: a = "N/A", allLabel: o = "All", className: s }) => /* @__PURE__ */ X(O, {
+}, Dt = ({ value: t, onChange: n, trueLabel: r = "Yes", falseLabel: i = "No", nullLabel: a = "N/A", allLabel: o = "All", className: s }) => /* @__PURE__ */ Z(P, {
 	value: t,
 	onValueChange: n,
-	children: [/* @__PURE__ */ Y(T, {
+	children: [/* @__PURE__ */ X(j, {
 		className: e("w-full h-8", s),
-		children: /* @__PURE__ */ Y(w, { placeholder: "Filter..." })
-	}), /* @__PURE__ */ X(E, { children: [
-		/* @__PURE__ */ Y(D, {
+		children: /* @__PURE__ */ X(A, { placeholder: "Filter..." })
+	}), /* @__PURE__ */ Z(M, { children: [
+		/* @__PURE__ */ X(N, {
 			value: "all",
-			children: /* @__PURE__ */ X("div", {
+			children: /* @__PURE__ */ Z("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ Y(Te, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ Y("span", { children: o })]
+				children: [/* @__PURE__ */ X(Ce, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ X("span", { children: o })]
 			})
 		}),
-		/* @__PURE__ */ Y(D, {
+		/* @__PURE__ */ X(N, {
 			value: "true",
-			children: /* @__PURE__ */ X("div", {
+			children: /* @__PURE__ */ Z("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ Y(q, { className: "w-4 h-4 text-emerald-600" }), /* @__PURE__ */ Y("span", { children: r })]
+				children: [/* @__PURE__ */ X(Y, { className: "w-4 h-4 text-emerald-600" }), /* @__PURE__ */ X("span", { children: r })]
 			})
 		}),
-		/* @__PURE__ */ Y(D, {
+		/* @__PURE__ */ X(N, {
 			value: "false",
-			children: /* @__PURE__ */ X("div", {
+			children: /* @__PURE__ */ Z("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ Y(Me, { className: "w-4 h-4 text-rose-600" }), /* @__PURE__ */ Y("span", { children: i })]
+				children: [/* @__PURE__ */ X(Ae, { className: "w-4 h-4 text-rose-600" }), /* @__PURE__ */ X("span", { children: i })]
 			})
 		}),
-		/* @__PURE__ */ Y(D, {
+		/* @__PURE__ */ X(N, {
 			value: "null",
-			children: /* @__PURE__ */ X("div", {
+			children: /* @__PURE__ */ Z("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ Y(Te, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ Y("span", { children: a })]
+				children: [/* @__PURE__ */ X(Ce, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ X("span", { children: a })]
 			})
 		})
 	] })]
-}), Et = z.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ Y(at.Root, {
+}), Ot = B.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ X(ot.Root, {
 	className: e("grid gap-2", t),
 	...n,
 	ref: r
 }));
-Et.displayName = at.Root.displayName;
-var Dt = z.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ Y(at.Item, {
+Ot.displayName = ot.Root.displayName;
+var kt = B.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ X(ot.Item, {
 	ref: r,
 	className: e("aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary", t),
 	...n,
-	children: /* @__PURE__ */ Y(at.Indicator, {
+	children: /* @__PURE__ */ X(ot.Indicator, {
 		className: "flex items-center justify-center",
-		children: /* @__PURE__ */ Y(_e, { className: "h-1.5 w-1.5 fill-white text-white" })
+		children: /* @__PURE__ */ X(he, { className: "h-1.5 w-1.5 fill-white text-white" })
 	})
 }));
-Dt.displayName = at.Item.displayName;
+kt.displayName = ot.Item.displayName;
 //#endregion
 //#region src/components/ui/command.tsx
-var Ot = z.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ Y(Q, {
+var At = B.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ X(Q, {
 	ref: r,
 	className: e("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", t),
 	...n
 }));
-Ot.displayName = Q.displayName;
-var kt = z.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ X("div", {
+At.displayName = Q.displayName;
+var jt = B.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ Z("div", {
 	className: "flex items-center border-b px-3",
 	"cmdk-input-wrapper": "",
-	children: [/* @__PURE__ */ Y(Ae, { className: "me-2 h-4 w-4 shrink-0 opacity-50" }), /* @__PURE__ */ Y(Q.Input, {
+	children: [/* @__PURE__ */ X(Oe, { className: "me-2 h-4 w-4 shrink-0 opacity-50" }), /* @__PURE__ */ X(Q.Input, {
 		ref: r,
 		className: e("flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", t),
 		...n
 	})]
 }));
-kt.displayName = Q.Input.displayName;
-var At = z.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ Y(Q.List, {
+jt.displayName = Q.Input.displayName;
+var Mt = B.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ X(Q.List, {
 	ref: r,
 	className: e("max-h-[300px] overflow-y-auto overflow-x-hidden", t),
 	...n
 }));
-At.displayName = Q.List.displayName;
-var jt = z.forwardRef((e, t) => /* @__PURE__ */ Y(Q.Empty, {
+Mt.displayName = Q.List.displayName;
+var Nt = B.forwardRef((e, t) => /* @__PURE__ */ X(Q.Empty, {
 	ref: t,
 	className: "py-6 text-center text-sm text-muted-foreground",
 	...e
 }));
-jt.displayName = Q.Empty.displayName;
-var Mt = z.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ Y(Q.Group, {
+Nt.displayName = Q.Empty.displayName;
+var Pt = B.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ X(Q.Group, {
 	ref: r,
 	className: e("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", t),
 	...n
 }));
-Mt.displayName = Q.Group.displayName;
-var Nt = z.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ Y(Q.Separator, {
+Pt.displayName = Q.Group.displayName;
+var Ft = B.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ X(Q.Separator, {
 	ref: r,
 	className: e("-mx-1 h-px bg-border", t),
 	...n
 }));
-Nt.displayName = Q.Separator.displayName;
-var Pt = z.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ Y(Q.Item, {
+Ft.displayName = Q.Separator.displayName;
+var It = B.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ X(Q.Item, {
 	ref: r,
 	className: e("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-[selected='true']:bg-accent aria-[selected='true']:text-accent-foreground data-[disabled='true']:pointer-events-none data-[disabled='true']:opacity-50 text-start", t),
 	...n
 }));
-Pt.displayName = Q.Item.displayName;
-var Ft = ({ className: t, ...n }) => /* @__PURE__ */ Y("span", {
+It.displayName = Q.Item.displayName;
+var Lt = ({ className: t, ...n }) => /* @__PURE__ */ X("span", {
 	className: e("ms-auto text-xs tracking-widest text-muted-foreground", t),
 	...n
 });
-Ft.displayName = "CommandShortcut";
+Lt.displayName = "CommandShortcut";
 //#endregion
 //#region src/shared/components/SearchableSelect.tsx
-var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select option...", className: o, onBlur: s }) => {
-	let [c, l] = K(!1), [u, d] = K(""), f = W(() => {
+var Rt = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select option...", className: o, onBlur: s }) => {
+	let [c, l] = q(!1), [u, d] = q(""), f = G(() => {
 		if (!u) return r;
 		let e = u.toLowerCase();
 		return r.filter((t) => t.label.toLowerCase().includes(e) || t.value.toLowerCase().includes(e));
-	}, [r, u]), [p, _] = K(null), v = ot({
+	}, [r, u]), [p, m] = q(null), h = Pe({
 		count: f.length,
 		getScrollElement: () => p,
 		estimateSize: () => 35,
 		overscan: 5
 	});
-	return /* @__PURE__ */ X(g, {
+	return /* @__PURE__ */ Z(C, {
 		open: c,
 		onOpenChange: l,
-		children: [/* @__PURE__ */ Y(h, {
+		children: [/* @__PURE__ */ X(S, {
 			asChild: !0,
-			children: /* @__PURE__ */ X(i, {
+			children: /* @__PURE__ */ Z(i, {
 				variant: "outline",
 				role: "combobox",
 				"aria-expanded": c,
 				className: e("w-full justify-between h-8 px-2 font-normal text-xs", o),
-				children: [/* @__PURE__ */ Y("span", {
+				children: [/* @__PURE__ */ X("span", {
 					className: "truncate",
 					children: t ? r.find((e) => e.value === t)?.label || t : a
-				}), /* @__PURE__ */ Y(ge, { className: "ml-2 h-3 w-3 shrink-0 opacity-50" })]
+				}), /* @__PURE__ */ X(me, { className: "ml-2 h-3 w-3 shrink-0 opacity-50" })]
 			})
-		}), /* @__PURE__ */ Y(m, {
+		}), /* @__PURE__ */ X(x, {
 			className: "w-[var(--radix-popover-trigger-width)] p-0 max-h-[400px] overflow-hidden",
 			align: "start",
 			side: "bottom",
 			collisionPadding: 10,
-			children: /* @__PURE__ */ X(Ot, {
+			children: /* @__PURE__ */ Z(At, {
 				shouldFilter: !1,
 				className: "h-full",
-				children: [/* @__PURE__ */ X("div", {
+				children: [/* @__PURE__ */ Z("div", {
 					className: "flex items-center border-b px-3",
-					children: [/* @__PURE__ */ Y(Ae, { className: "mr-2 h-3.5 w-3.5 shrink-0 opacity-50" }), /* @__PURE__ */ Y("input", {
+					children: [/* @__PURE__ */ X(Oe, { className: "mr-2 h-3.5 w-3.5 shrink-0 opacity-50" }), /* @__PURE__ */ X("input", {
 						className: "flex h-9 w-full rounded-md bg-transparent py-3 text-xs outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 text-zinc-950 dark:text-zinc-50",
 						placeholder: "Type to search...",
 						value: u,
 						onChange: (e) => d(e.target.value)
 					})]
-				}), /* @__PURE__ */ X(At, {
-					ref: _,
+				}), /* @__PURE__ */ Z(Mt, {
+					ref: m,
 					className: "max-h-[300px] overflow-y-auto",
 					style: { maxHeight: "300px" },
-					children: [f.length === 0 && /* @__PURE__ */ Y(jt, { children: "No option found." }), /* @__PURE__ */ Y("div", {
+					children: [f.length === 0 && /* @__PURE__ */ X(Nt, { children: "No option found." }), /* @__PURE__ */ X("div", {
 						style: {
-							height: `${v.getTotalSize()}px`,
+							height: `${h.getTotalSize()}px`,
 							width: "100%",
 							position: "relative"
 						},
-						children: v.getVirtualItems().map((r) => {
+						children: h.getVirtualItems().map((r) => {
 							let i = f[r.index];
-							return /* @__PURE__ */ Y("div", {
+							return /* @__PURE__ */ X("div", {
 								style: {
 									position: "absolute",
 									top: 0,
@@ -918,16 +981,16 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 									height: `${r.size}px`,
 									transform: `translateY(${r.start}px)`
 								},
-								children: /* @__PURE__ */ X(Pt, {
+								children: /* @__PURE__ */ Z(It, {
 									value: i.value,
 									onSelect: (e) => {
 										n(e === t ? "" : e), l(!1), d("");
 									},
 									className: "flex items-center justify-between text-xs py-1.5",
-									children: [/* @__PURE__ */ Y("span", {
+									children: [/* @__PURE__ */ X("span", {
 										className: "truncate",
 										children: i.label
-									}), /* @__PURE__ */ Y(q, { className: e("h-3 w-3", t === i.value ? "opacity-100" : "opacity-0") })]
+									}), /* @__PURE__ */ X(Y, { className: e("h-3 w-3", t === i.value ? "opacity-100" : "opacity-0") })]
 								})
 							}, r.key);
 						})
@@ -936,13 +999,13 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 			})
 		})]
 	});
-}, Lt = ({ value: t, options: n = [], className: r, table: i }) => {
-	if (t == null) return /* @__PURE__ */ Y("span", {
+}, zt = ({ value: t, options: n = [], className: r, table: i }) => {
+	if (t == null) return /* @__PURE__ */ X("span", {
 		className: "text-muted-foreground text-sm italic",
 		children: "—"
 	});
 	let a = Array.isArray(t) ? t : [t];
-	if (a.length === 0) return /* @__PURE__ */ Y("span", {
+	if (a.length === 0) return /* @__PURE__ */ X("span", {
 		className: "text-muted-foreground text-sm italic",
 		children: "—"
 	});
@@ -962,55 +1025,55 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 			isColored: !n
 		};
 	};
-	return /* @__PURE__ */ Y("div", {
+	return /* @__PURE__ */ X("div", {
 		className: e("inline-flex items-center gap-1.5 flex-wrap py-1", r),
 		children: o.map((e, t) => {
 			let n = s(e.color);
-			return /* @__PURE__ */ X("div", {
+			return /* @__PURE__ */ Z("div", {
 				className: "inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-[13px] font-bold border transition-all duration-300 shadow-sm",
 				style: n.container,
-				children: [/* @__PURE__ */ Y("span", {
+				children: [/* @__PURE__ */ X("span", {
 					className: "w-1.5 h-1.5 rounded-full",
 					style: n.dot
-				}), i?.options.meta?.enableSearchHighlighting ? /* @__PURE__ */ Y(C, {
+				}), i?.options.meta?.enableSearchHighlighting ? /* @__PURE__ */ X(k, {
 					text: e.label,
 					highlight: typeof i.getState().globalFilter == "string" ? i.getState().globalFilter : i.getState().globalFilter?.quickSearch
 				}) : e.label]
 			}, `${e.value}-${t}`);
 		})
 	});
-}, Rt = ({ value: t, onChange: n, options: r = [], variant: i = "dropdown", onBlur: a, className: s, placeholder: c = "Select...", isFocused: l }) => {
-	let [u, d] = B.useState(!1), f = B.useRef(!1);
-	return B.useEffect(() => {
+}, Bt = ({ value: t, onChange: n, options: r = [], variant: i = "dropdown", onBlur: a, className: s, placeholder: c = "Select...", isFocused: l }) => {
+	let [u, d] = V.useState(!1), f = V.useRef(!1);
+	return V.useEffect(() => {
 		l && i === "dropdown" ? f.current ||= (d(!0), !0) : (d(!1), f.current = !1);
-	}, [l, i]), i === "combobox" ? /* @__PURE__ */ Y("div", {
+	}, [l, i]), i === "combobox" ? /* @__PURE__ */ X("div", {
 		className: e("w-full", s),
-		children: /* @__PURE__ */ Y(It, {
+		children: /* @__PURE__ */ X(Rt, {
 			value: t,
 			onChange: n,
 			options: r,
 			placeholder: c,
 			onBlur: a
 		})
-	}) : i === "radio" ? /* @__PURE__ */ Y("div", {
+	}) : i === "radio" ? /* @__PURE__ */ X("div", {
 		className: e("w-full px-2 py-1", s),
 		onBlur: a,
-		children: /* @__PURE__ */ Y(Et, {
+		children: /* @__PURE__ */ X(Ot, {
 			value: t || "",
 			onValueChange: n,
-			children: r.map((e) => /* @__PURE__ */ X("div", {
+			children: r.map((e) => /* @__PURE__ */ Z("div", {
 				className: "flex items-center space-x-2",
-				children: [/* @__PURE__ */ Y(Dt, {
+				children: [/* @__PURE__ */ X(kt, {
 					value: e.value,
 					id: `radio-${e.value}`
-				}), /* @__PURE__ */ Y(o, {
+				}), /* @__PURE__ */ X(o, {
 					htmlFor: `radio-${e.value}`,
 					className: "text-xs font-medium cursor-pointer",
 					children: e.label
 				})]
 			}, e.value))
 		})
-	}) : /* @__PURE__ */ Y("div", {
+	}) : /* @__PURE__ */ X("div", {
 		className: e("w-full -m-1 p-0.5", s),
 		onBlur: a,
 		onKeyDown: (e) => {
@@ -1021,49 +1084,49 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 				"ArrowDown"
 			].includes(e.key) && e.stopPropagation();
 		},
-		children: /* @__PURE__ */ X(O, {
+		children: /* @__PURE__ */ Z(P, {
 			value: t,
 			onValueChange: n,
 			open: u,
 			onOpenChange: d,
-			children: [/* @__PURE__ */ Y(T, {
+			children: [/* @__PURE__ */ X(j, {
 				className: "h-7 py-0 border-0 shadow-none bg-transparent focus:ring-0 focus:ring-offset-0 focus-visible:ring-0 focus-visible:ring-offset-0 focus:outline-none",
-				children: /* @__PURE__ */ Y(w, { placeholder: c })
-			}), /* @__PURE__ */ Y(E, { children: r.map((e) => /* @__PURE__ */ Y(D, {
+				children: /* @__PURE__ */ X(A, { placeholder: c })
+			}), /* @__PURE__ */ X(M, { children: r.map((e) => /* @__PURE__ */ X(N, {
 				value: e.value,
 				children: e.label
 			}, e.value)) })]
 		})
 	});
-}, zt = ({ options: t = [], selectedValues: n = [], onChange: r, className: i }) => {
+}, Vt = ({ options: t = [], selectedValues: n = [], onChange: r, className: i }) => {
 	let a = (e) => {
 		n.includes(e) ? r(n.filter((t) => t !== e)) : r([...n, e]);
 	};
-	return /* @__PURE__ */ X("div", {
+	return /* @__PURE__ */ Z("div", {
 		className: e("flex flex-col gap-2 p-2 min-w-[180px]", i),
-		children: [/* @__PURE__ */ X("div", {
+		children: [/* @__PURE__ */ Z("div", {
 			className: "flex items-center justify-between border-b pb-2 mb-1",
-			children: [/* @__PURE__ */ Y("span", {
+			children: [/* @__PURE__ */ X("span", {
 				className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider",
 				children: "Filter Options"
-			}), /* @__PURE__ */ Y("button", {
+			}), /* @__PURE__ */ X("button", {
 				onClick: () => {
 					n.length === t.length ? r([]) : r(t.map((e) => e.value));
 				},
 				className: "text-[10px] font-medium text-primary hover:underline",
 				children: n.length === t.length ? "Clear All" : "Select All"
 			})]
-		}), /* @__PURE__ */ Y("div", {
+		}), /* @__PURE__ */ X("div", {
 			className: "max-h-[180px] overflow-y-auto",
-			children: /* @__PURE__ */ Y("div", {
+			children: /* @__PURE__ */ X("div", {
 				className: "flex flex-col gap-2 pr-2",
-				children: t.map((e) => /* @__PURE__ */ X("div", {
+				children: t.map((e) => /* @__PURE__ */ Z("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ Y(k, {
+					children: [/* @__PURE__ */ X(te, {
 						id: `filter-${e.value}`,
 						checked: n.includes(e.value),
 						onCheckedChange: () => a(e.value)
-					}), /* @__PURE__ */ Y(o, {
+					}), /* @__PURE__ */ X(o, {
 						htmlFor: `filter-${e.value}`,
 						className: "text-sm font-normal cursor-pointer flex-1",
 						children: e.label
@@ -1072,13 +1135,13 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 			})
 		})]
 	});
-}, Bt = ({ value: t, showLabel: n = !0, color: r = "default", size: i = "md", className: a }) => {
+}, Ht = ({ value: t, showLabel: n = !0, color: r = "default", size: i = "md", className: a }) => {
 	let o = Math.max(0, Math.min(100, t));
-	return /* @__PURE__ */ X("div", {
+	return /* @__PURE__ */ Z("div", {
 		className: e("flex items-center gap-2 w-full", a),
-		children: [/* @__PURE__ */ Y("div", {
+		children: [/* @__PURE__ */ X("div", {
 			className: "flex-1 bg-muted rounded-full overflow-hidden min-w-[60px]",
-			children: /* @__PURE__ */ Y("div", {
+			children: /* @__PURE__ */ X("div", {
 				className: e("transition-all duration-300 rounded-full", (() => {
 					switch (i) {
 						case "sm": return "h-1.5";
@@ -1096,13 +1159,13 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 				})()),
 				style: { width: `${o}%` }
 			})
-		}), n && /* @__PURE__ */ X("span", {
+		}), n && /* @__PURE__ */ Z("span", {
 			className: "text-xs font-medium text-muted-foreground tabular-nums min-w-[42px] text-right",
 			children: [o.toFixed(0), "%"]
 		})]
 	});
-}, Vt = ({ value: t, values: n, color: r = "default", height: i = 32, width: a = 100, showDots: o = !1, className: s }) => {
-	let c = t || n || [], l = W(() => {
+}, Ut = ({ value: t, values: n, color: r = "default", height: i = 32, width: a = 100, showDots: o = !1, className: s }) => {
+	let c = t || n || [], l = G(() => {
 		if (!c || c.length === 0) return "";
 		let e = Math.max(...c), t = Math.min(...c), n = e - t || 1;
 		return `M ${c.map((e, r) => `${r / (c.length - 1) * a},${i - (e - t) / n * i}`).join(" L ")}`;
@@ -1110,7 +1173,7 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 		c,
 		i,
 		a
-	]), u = W(() => {
+	]), u = G(() => {
 		if (!c || c.length === 0 || !o) return [];
 		let e = Math.max(...c), t = Math.min(...c), n = e - t || 1;
 		return c.map((e, r) => ({
@@ -1139,83 +1202,83 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 			default: return "fill-primary";
 		}
 	};
-	return !c || c.length === 0 ? /* @__PURE__ */ Y("div", {
+	return !c || c.length === 0 ? /* @__PURE__ */ X("div", {
 		className: "text-muted-foreground text-xs italic",
 		children: "No data"
-	}) : /* @__PURE__ */ X("svg", {
+	}) : /* @__PURE__ */ Z("svg", {
 		width: a,
 		height: i,
 		className: e("inline-block", s),
 		viewBox: `0 0 ${a} ${i}`,
-		children: [/* @__PURE__ */ Y("path", {
+		children: [/* @__PURE__ */ X("path", {
 			d: l,
 			fill: "none",
 			className: e("transition-colors", d()),
 			strokeWidth: "2",
 			strokeLinecap: "round",
 			strokeLinejoin: "round"
-		}), o && u.map((t, n) => /* @__PURE__ */ Y("circle", {
+		}), o && u.map((t, n) => /* @__PURE__ */ X("circle", {
 			cx: t.x,
 			cy: t.y,
 			r: "2",
 			className: e("transition-colors", f())
 		}, n))]
 	});
-}, Ht = ie({ renderers: {
+}, Wt = re({ renderers: {
 	text: {
-		Cell: vt,
-		Editor: yt
+		Cell: bt,
+		Editor: xt
 	},
 	number: {
-		Cell: vt,
-		Editor: yt
+		Cell: bt,
+		Editor: xt
 	},
 	date: {
-		Cell: vt,
-		Editor: yt
+		Cell: bt,
+		Editor: xt
 	},
 	datetime: {
-		Cell: vt,
-		Editor: yt
+		Cell: bt,
+		Editor: xt
 	},
 	longtext: {
-		Cell: vt,
-		Editor: yt
+		Cell: bt,
+		Editor: xt
 	},
 	boolean: {
-		Cell: Ct,
-		Editor: wt
+		Cell: Tt,
+		Editor: Et
 	},
 	select: {
-		Cell: Lt,
-		Editor: Rt
+		Cell: zt,
+		Editor: Bt
 	},
 	multiselect: {
-		Cell: Lt,
-		Editor: Rt
+		Cell: zt,
+		Editor: Bt
 	},
-	progress: { Cell: Bt },
-	sparkline: { Cell: Vt },
+	progress: { Cell: Ht },
+	sparkline: { Cell: Ut },
 	chart: { Cell: (e) => {
 		let t = e.value;
-		return Array.isArray(t) ? B.createElement(Vt, {
+		return Array.isArray(t) ? V.createElement(Ut, {
 			values: t,
 			...e
-		}) : B.createElement(Bt, {
+		}) : V.createElement(Ht, {
 			value: t,
 			...e
 		});
 	} }
-} }), Ut = () => ae(Ht), Wt = ({ getValue: e, row: t, column: n, table: r }) => {
-	let { renderers: i } = Ut(), a = e(), [o, s] = K(a), c = n.columnDef.meta, l = c?.columnType || "text", u = r.options.meta?.isRowEditable ? r.options.meta.isRowEditable(t.original) : !0, d = r.options.meta?.isCellEditable ? r.options.meta.isCellEditable(t.original, n.id) : !0, f = n.columnDef.enableEditing !== !1, p = r.options.meta?.enableEditing || !1, m = r.options.meta?.editingRows?.[t.index] || !1, h = p && m && u && d && f;
-	U(() => {
+} }), Gt = () => ie(Wt), Kt = ({ getValue: e, row: t, column: n, table: r }) => {
+	let { renderers: i } = Gt(), a = e(), [o, s] = q(a), c = n.columnDef.meta, l = c?.columnType || "text", u = !r.options.meta?.isRowEditable || r.options.meta.isRowEditable(t.original), d = !r.options.meta?.isCellEditable || r.options.meta.isCellEditable(t.original, n.id), f = n.columnDef.enableEditing !== !1, p = r.options.meta?.enableEditing || !1, m = r.options.meta?.editingRows?.[t.index] || !1, h = p && m && u && d && f;
+	W(() => {
 		s(a);
 	}, [a]);
 	let g = () => {
 		r.options.meta?.updateData(t.index, n.id, o);
 	}, _ = (e) => {
 		s(e), (l === "boolean" || l === "select") && r.options.meta?.updateData(t.index, n.id, e);
-	}, v = W(() => ({
+	}, v = G(() => ({
 		getValue: e,
 		row: t,
 		column: n,
@@ -1242,7 +1305,7 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 	if (h) {
 		if (c?.Editor) {
 			let e = c.Editor;
-			return /* @__PURE__ */ Y(e, { ...v });
+			return /* @__PURE__ */ X(e, { ...v });
 		}
 		let e = i[l];
 		if (e?.Editor) {
@@ -1250,7 +1313,7 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 				...l === "boolean" ? c?.booleanOptions : {},
 				...l === "select" ? c?.selectOptions : {}
 			};
-			return /* @__PURE__ */ Y(t, {
+			return /* @__PURE__ */ X(t, {
 				...v,
 				...n
 			});
@@ -1258,7 +1321,7 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 	}
 	if (c?.Cell) {
 		let e = c.Cell;
-		return /* @__PURE__ */ Y(e, { ...v });
+		return /* @__PURE__ */ X(e, { ...v });
 	}
 	let y = (i[l] || i.text).Cell, b = {
 		...l === "boolean" ? c?.booleanOptions : {},
@@ -1269,11 +1332,11 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 		...l === "select" ? c?.selectOptions : {},
 		...l === "progress" || l === "chart" || l === "sparkline" ? c?.chartOptions : {}
 	};
-	return /* @__PURE__ */ Y(y, {
+	return /* @__PURE__ */ X(y, {
 		...v,
 		...b
 	});
-}, $ = (e, t) => typeof e == "function" ? e(t) : e, Gt = (e, t) => {
+}, $ = (e, t) => typeof e == "function" ? e(t) : e, qt = (e, t) => {
 	let { columns: n, rowCount: r, pageCount: i, pagination: a, pageSize: o = 10, enableRowSelection: s, selectionSettings: c, enableGrouping: u, enableRowPinning: d, enableColumnPinning: f, enableTreeData: p, getSubRows: m, manualPagination: h, manualSorting: g, manualFiltering: _, enablePersistence: v, persistenceKey: y, defaultGrouping: b = [], getRowId: x } = e, S = !!e.service || !!e.serviceName, { state: C, setState: w } = l({
 		initialState: {
 			sorting: [],
@@ -1299,101 +1362,116 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 			columnOrder: []
 		},
 		persistenceKey: v ? y : void 0
-	}), T = G({}), E = (t) => {
-		w((n) => {
-			let r = $(t, n.sorting);
-			return setTimeout(() => {
-				e.onSortingChange?.(r), e.onSort?.({ columns: r.map((e) => ({
-					direction: e.desc ? "Descending" : "Ascending",
-					name: e.id
-				})) });
-			}, 0), {
-				...n,
-				sorting: r
-			};
-		});
-	}, D = (t) => {
-		w((n) => {
-			let r = $(t, n.pagination);
-			return setTimeout(() => {
-				e.onPaginationChange?.(r), e.onPageChange?.({
-					action: "page",
-					currentPage: r.pageIndex + 1
-				});
-			}, 0), {
-				...n,
-				pagination: r
-			};
-		});
-	}, O = (n) => {
-		w((r) => {
-			let i = $(n, r.rowSelection), a = T.current, o = Object.keys(a).filter((e) => a[e]), s = Object.keys(i).filter((e) => i[e]), c = s.filter((e) => !o.includes(e)), l = o.filter((e) => !s.includes(e));
-			return setTimeout(() => {
-				e.onRowSelectionChange?.(i), c.forEach((n) => {
-					let r = parseInt(n);
-					!isNaN(r) && t[r] && e.onRowSelect?.({
-						data: t[r],
-						rowIndex: r
-					});
-				}), l.forEach((n) => {
-					let r = parseInt(n);
-					!isNaN(r) && t[r] && e.onRowDeselect?.({
-						data: t[r],
-						rowIndex: r
-					});
-				});
-			}, 0), T.current = i, {
-				...r,
-				rowSelection: i
+	}), T = K({}), E = (e) => {
+		w((t) => ({
+			...t,
+			sorting: $(e, t.sorting)
+		}));
+	}, D = (e) => {
+		w((t) => ({
+			...t,
+			pagination: $(e, t.pagination)
+		}));
+	}, O = (e) => {
+		w((t) => {
+			let n = $(e, t.rowSelection);
+			return T.current = n, {
+				...t,
+				rowSelection: n
 			};
 		});
-	}, k = (e) => w((t) => ({
+	}, ee = (e) => w((t) => ({
 		...t,
 		columnFilters: $(e, t.columnFilters)
-	})), A = (e) => w((t) => ({
+	})), k = (e) => w((t) => ({
 		...t,
 		globalFilter: $(e, t.globalFilter)
-	})), j = (e) => w((t) => ({
+	})), A = (e) => w((t) => ({
 		...t,
 		columnSizing: $(e, t.columnSizing)
-	})), ee = (e) => w((t) => ({
+	})), j = (e) => w((t) => ({
 		...t,
 		grouping: $(e, t.grouping)
-	})), te = (e) => w((t) => ({
+	})), M = (e) => w((t) => ({
 		...t,
 		expanded: $(e, t.expanded)
-	})), M = (e) => w((t) => ({
+	})), N = (e) => w((t) => ({
 		...t,
 		rowPinning: $(e, t.rowPinning)
-	})), N = (e) => w((t) => ({
+	})), P = (e) => w((t) => ({
 		...t,
 		columnPinning: $(e, t.columnPinning)
-	})), P = (e) => w((t) => ({
+	})), te = (e) => w((t) => ({
 		...t,
 		columnVisibility: $(e, t.columnVisibility)
-	})), ne = (t) => {
-		w((n) => {
-			let r = $(t, n.columnOrder);
-			return setTimeout(() => e.onColumnOrderChange?.(r), 0), {
-				...n,
-				columnOrder: r
-			};
-		});
-	}, F = G(e.onColumnFiltersChange), I = G(e.onGlobalFilterChange);
-	return U(() => {
-		F.current = e.onColumnFiltersChange, I.current = e.onGlobalFilterChange;
-	}), U(() => {
-		_ && C.columnFilters.length >= 0 && F.current?.(C.columnFilters);
-	}, [C.columnFilters, _]), U(() => {
-		_ && I.current?.(C.globalFilter);
+	})), F = (e) => {
+		w((t) => ({
+			...t,
+			columnOrder: $(e, t.columnOrder)
+		}));
+	}, I = K(!0), L = K(C.sorting), ne = K(C.pagination), R = K(C.rowSelection), z = K(C.columnOrder);
+	W(() => {
+		I.current || JSON.stringify(C.sorting) !== JSON.stringify(L.current) && (e.onSortingChange?.(C.sorting), e.onSort?.({ columns: C.sorting.map((e) => ({
+			direction: e.desc ? "Descending" : "Ascending",
+			name: e.id
+		})) }), L.current = C.sorting);
+	}, [
+		C.sorting,
+		e.onSortingChange,
+		e.onSort
+	]), W(() => {
+		I.current || JSON.stringify(C.pagination) !== JSON.stringify(ne.current) && (e.onPaginationChange?.(C.pagination), e.onPageChange?.({
+			action: "page",
+			currentPage: C.pagination.pageIndex + 1
+		}), ne.current = C.pagination);
+	}, [
+		C.pagination,
+		e.onPaginationChange,
+		e.onPageChange
+	]), W(() => {
+		if (!I.current && JSON.stringify(C.rowSelection) !== JSON.stringify(R.current)) {
+			e.onRowSelectionChange?.(C.rowSelection);
+			let n = Object.keys(R.current).filter((e) => R.current[e]), r = Object.keys(C.rowSelection).filter((e) => C.rowSelection[e]), i = r.filter((e) => !n.includes(e)), a = n.filter((e) => !r.includes(e));
+			i.forEach((n) => {
+				let r = parseInt(n);
+				!isNaN(r) && t[r] && e.onRowSelect?.({
+					data: t[r],
+					rowIndex: r
+				});
+			}), a.forEach((n) => {
+				let r = parseInt(n);
+				!isNaN(r) && t[r] && e.onRowDeselect?.({
+					data: t[r],
+					rowIndex: r
+				});
+			}), R.current = C.rowSelection;
+		}
+	}, [
+		C.rowSelection,
+		t,
+		e.onRowSelectionChange,
+		e.onRowSelect,
+		e.onRowDeselect
+	]), W(() => {
+		I.current || JSON.stringify(C.columnOrder) !== JSON.stringify(z.current) && (e.onColumnOrderChange?.(C.columnOrder), z.current = C.columnOrder);
+	}, [C.columnOrder, e.onColumnOrderChange]), W(() => {
+		I.current = !1;
+	}, []);
+	let B = K(e.onColumnFiltersChange), V = K(e.onGlobalFilterChange);
+	return W(() => {
+		B.current = e.onColumnFiltersChange, V.current = e.onGlobalFilterChange;
+	}), W(() => {
+		_ && C.columnFilters.length >= 0 && B.current?.(C.columnFilters);
+	}, [C.columnFilters, _]), W(() => {
+		_ && V.current?.(C.globalFilter);
 	}, [C.globalFilter, _]), {
-		table: rt({
+		table: it({
 			data: t,
 			columns: n,
 			getRowId: x,
 			rowCount: r,
 			pageCount: i,
-			state: W(() => ({
+			state: G(() => ({
 				sorting: C.sorting,
 				columnFilters: C.columnFilters,
 				globalFilter: C.globalFilter,
@@ -1409,27 +1487,27 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 				...e.state
 			}), [C, e.state]),
 			onSortingChange: E,
-			onColumnFiltersChange: k,
-			onGlobalFilterChange: A,
-			onColumnSizingChange: j,
+			onColumnFiltersChange: ee,
+			onGlobalFilterChange: k,
+			onColumnSizingChange: A,
 			onRowSelectionChange: O,
 			onPaginationChange: D,
-			onGroupingChange: ee,
-			onExpandedChange: te,
-			onRowPinningChange: M,
-			onColumnPinningChange: N,
-			onColumnVisibilityChange: P,
-			onColumnOrderChange: ne,
-			globalFilterFn: ht,
+			onGroupingChange: j,
+			onExpandedChange: M,
+			onRowPinningChange: N,
+			onColumnPinningChange: P,
+			onColumnVisibilityChange: te,
+			onColumnOrderChange: F,
+			globalFilterFn: _t,
 			defaultColumn: {
-				cell: Wt,
-				filterFn: gt
+				cell: Kt,
+				filterFn: vt
 			},
 			manualPagination: S || h,
 			manualSorting: S || g,
 			manualFiltering: S || _,
 			enableRowSelection: c ? !0 : s,
-			enableMultiRowSelection: c ? c.type === "Multiple" : !0,
+			enableMultiRowSelection: !c || c.type === "Multiple",
 			enableGrouping: u,
 			enableSorting: !0,
 			enableRowPinning: d,
@@ -1438,43 +1516,43 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 			enableColumnResizing: !0,
 			aggregationFns: { uniqueCount: (e, t) => new Set(t.map((t) => t.getValue(e))).size },
 			getSubRows: p ? m : void 0,
-			getCoreRowModel: Ye(),
-			getSortedRowModel: nt(),
-			getFilteredRowModel: $e(),
-			getPaginationRowModel: a ? tt() : void 0,
-			getGroupedRowModel: u ? et() : void 0,
-			getExpandedRowModel: u || p ? Xe() : void 0,
-			getFacetedUniqueValues: Qe(),
-			getFacetedMinMaxValues: Ze(),
+			getCoreRowModel: Xe(),
+			getSortedRowModel: rt(),
+			getFilteredRowModel: et(),
+			getPaginationRowModel: a ? nt() : void 0,
+			getGroupedRowModel: u ? tt() : void 0,
+			getExpandedRowModel: u || p ? Ze() : void 0,
+			getFacetedUniqueValues: $e(),
+			getFacetedMinMaxValues: Qe(),
 			meta: {}
 		}),
 		states: {
 			sorting: C.sorting,
 			setSorting: E,
 			columnFilters: C.columnFilters,
-			setColumnFilters: k,
+			setColumnFilters: ee,
 			globalFilter: C.globalFilter,
-			setGlobalFilter: A,
+			setGlobalFilter: k,
 			rowSelection: C.rowSelection,
 			setRowSelection: O,
 			paginationState: C.pagination,
 			setPaginationState: D,
 			grouping: C.grouping,
-			setGrouping: ee,
+			setGrouping: j,
 			expanded: C.expanded,
-			setExpanded: te,
+			setExpanded: M,
 			rowPinning: C.rowPinning,
-			setRowPinning: M,
+			setRowPinning: N,
 			columnPinning: C.columnPinning,
-			setColumnPinning: N,
+			setColumnPinning: P,
 			columnVisibility: C.columnVisibility,
-			setColumnVisibility: P,
+			setColumnVisibility: te,
 			columnOrder: C.columnOrder,
-			setColumnOrder: ne
+			setColumnOrder: F
 		}
 	};
-}, Kt = (e, t, n = "ltr") => {
-	let { density: r = "standard", rowHeight: i, estimatedRowHeight: a, rowSizingMode: o = "auto", enableColumnVirtualization: s = !1 } = e, { rows: c } = t.getRowModel(), l = W(() => {
+}, Jt = (e, t, n = "ltr") => {
+	let { density: r = "standard", rowHeight: i, estimatedRowHeight: a, rowSizingMode: o = "auto", enableColumnVirtualization: s = !1 } = e, { rows: c } = t.getRowModel(), l = G(() => {
 		if (i) return i;
 		if (a) return a;
 		switch (r) {
@@ -1486,13 +1564,13 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 		i,
 		a,
 		r
-	]), u = W(() => {
+	]), u = G(() => {
 		switch (r) {
 			case "compact": return 40;
 			case "comfortable": return 56;
 			default: return 48;
 		}
-	}, [r]), d = W(() => {
+	}, [r]), d = G(() => {
 		if (i) return !1;
 		if (o === "dynamic") return !0;
 		if (o === "fixed") return !1;
@@ -1506,7 +1584,7 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 		e.renderDetailPanel,
 		e.enableEditing,
 		e.adaptiveSizing
-	]), { parentRef: f, rowVirtualizer: p, columnVirtualizer: m, scrollToIndex: h, scrollToRow: g, scrollToColumn: _ } = A({
+	]), { parentRef: p, rowVirtualizer: m, columnVirtualizer: h, scrollToIndex: g, scrollToRow: _, scrollToColumn: v } = f({
 		rowCount: c.length,
 		rowHeight: l,
 		overscanCount: e.overscanCount ?? 30,
@@ -1523,17 +1601,17 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 		scrollMargin: 0
 	});
 	return {
-		parentRef: f,
-		rowVirtualizer: p,
-		columnVirtualizer: m,
-		scrollToIndex: h,
-		scrollToRow: g,
-		scrollToColumn: _,
+		parentRef: p,
+		rowVirtualizer: m,
+		columnVirtualizer: h,
+		scrollToIndex: g,
+		scrollToRow: _,
+		scrollToColumn: v,
 		effectiveRowHeight: l,
 		dynamicRowSizing: d
 	};
-}, qt = (e, t) => {
-	let { enableRangeSelection: n = !1 } = e, { rows: r } = t.getRowModel(), [i, a] = K(null), [o, s] = K(!1), c = H((e, t) => {
+}, Yt = (e, t) => {
+	let { enableRangeSelection: n = !1 } = e, { rows: r } = t.getRowModel(), [i, a] = q(null), [o, s] = q(!1), c = U((e, t) => {
 		n && (s(!0), a({
 			start: {
 				r: e,
@@ -1544,7 +1622,7 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 				c: t
 			}
 		}));
-	}, [n]), l = H((e, t) => {
+	}, [n]), l = U((e, t) => {
 		!n || !o || a((n) => n ? {
 			...n,
 			end: {
@@ -1553,7 +1631,7 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 			}
 		} : null);
 	}, [n, o]);
-	return U(() => {
+	return W(() => {
 		if (!n) return;
 		let e = () => s(!1);
 		return window.addEventListener("mouseup", e), () => window.removeEventListener("mouseup", e);
@@ -1561,7 +1639,7 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 		rangeSelection: i,
 		onCellMouseDown: c,
 		onCellMouseEnter: l,
-		selectRowByRange: H((e, n) => {
+		selectRowByRange: U((e, n) => {
 			let i = {}, [a, o] = [Math.min(e, n), Math.max(e, n)];
 			for (let e = a; e <= o; e++) {
 				let t = r[e];
@@ -1574,51 +1652,59 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 		}, [r, t]),
 		isSelecting: o
 	};
-}, Jt = (e, t) => {
-	let [n, r] = se();
-	return {
+}, Xt = (e, t) => {
+	let [n, r] = J(), i = U((e) => {
+		r(() => {
+			t.setColumnFilters(e);
+		});
+	}, [t]), a = U((e) => {
+		r(() => {
+			t.setGlobalFilter(e);
+		});
+	}, [t]), o = t.getState().columnFilters, s = t.getState().globalFilter, c = K(!0), l = K(o), u = K(s);
+	return W(() => {
+		if (!c.current && JSON.stringify(o) !== JSON.stringify(l.current)) {
+			e.onColumnFiltersChange?.(o);
+			let n = o.map((e) => ({
+				id: e.id,
+				field: e.id,
+				operator: "contains",
+				value: e.value
+			}));
+			e.onFilter?.({
+				columns: n,
+				table: t
+			}), l.current = o;
+		}
+	}, [
+		o,
+		e.onColumnFiltersChange,
+		e.onFilter,
+		t
+	]), W(() => {
+		if (c.current) {
+			c.current = !1;
+			return;
+		}
+		s !== u.current && (e.onGlobalFilterChange?.(s), typeof s == "string" && e.onSearch?.(s), u.current = s);
+	}, [
+		s,
+		e.onGlobalFilterChange,
+		e.onSearch
+	]), {
 		isFiltering: n,
-		handleColumnFiltersChange: H((n) => {
-			r(() => {
-				t.setColumnFilters((t) => {
-					let r = typeof n == "function" ? n(t) : n;
-					return setTimeout(() => {
-						e.onColumnFiltersChange?.(r);
-						let t = r.map((e) => ({
-							id: e.id,
-							field: e.id,
-							operator: "contains",
-							value: e.value
-						}));
-						e.onFilter?.({ columns: t });
-					}, 0), r;
-				});
-			});
-		}, [
-			t,
-			e.onColumnFiltersChange,
-			e.onFilter
-		]),
-		handleGlobalFilterChange: H((n) => {
-			r(() => {
-				t.setGlobalFilter((t) => {
-					let r = typeof n == "function" ? n(t) : n;
-					return setTimeout(() => {
-						e.onGlobalFilterChange?.(r), typeof r == "string" && e.onSearch?.(r);
-					}, 0), r;
-				});
-			});
-		}, [
-			t,
-			e.onGlobalFilterChange,
-			e.onSearch
-		]),
+		handleColumnFiltersChange: i,
+		handleGlobalFilterChange: a,
 		setFilterModel: t.setColumnFilters,
 		setGlobalFilter: t.setGlobalFilter
 	};
-}, Yt = (e, t, r, i, a, o = {}) => {
-	let c = n(), { rows: l } = t.getRowModel(), u = W(() => {
-		let n = ne(i.refresh, i.forceUpdate), a = L(i.showSpinner, i.hideSpinner), s = I((e) => {
+}, Zt = (e, t, r, i, a, o = {}) => {
+	let c = n(), { rows: l } = t.getRowModel(), u = K([]);
+	W(() => () => {
+		u.current.forEach((e) => clearTimeout(e));
+	}, []);
+	let d = G(() => {
+		let n = F(i.refresh, i.forceUpdate), a = R(i.showSpinner, i.hideSpinner), s = L((e) => {
 			let t = l[typeof e == "string" ? parseInt(e) : e];
 			t?.getCanSelect() && t.toggleSelected(!0);
 		}, (e) => {
@@ -1630,13 +1716,33 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 		}, () => t.resetRowSelection(), () => t.toggleAllRowsSelected(!0), () => t.getSelectedRowModel().rows.map((e) => e.original), (e, t) => {
 			let n = typeof e == "string" ? parseInt(e) : e;
 			i.scrollToIndex(n);
-		}), u = F(i.scrollToIndex, (e) => t.setPageIndex(e)), d = re(() => e.onExportCSV?.(t), () => e.onExportExcel?.(t), () => {
+		}), d = I(i.scrollToIndex, (e) => t.setPageIndex(e)), f = ne(() => e.onExportCSV?.(t), () => e.onExportExcel?.(t), () => {
 			window.print();
 		});
 		return {
 			...n,
 			...a,
 			getData: () => r,
+			getState: () => t.getState(),
+			getSelectedRows: () => t.getSelectedRowModel().rows.map((e) => e.original),
+			saveChanges: async () => {
+				e.onDataChangeComplete?.({
+					action: "edit",
+					data: i.batchChanges.changedRecords
+				}), c.get("NotificationService")?.show({
+					type: "success",
+					message: "Changes Saved Successfully!",
+					duration: 3e3
+				});
+			},
+			cancelChanges: () => {
+				i.resetData(), e.onDataChangeCancel?.({ action: "edit" }), c.get("NotificationService")?.show({
+					type: "info",
+					message: "Changes Discarded",
+					duration: 3e3
+				});
+			},
+			validateField: (e) => !0,
 			setCellValue: (e, t, n) => {
 				let r = parseInt(e);
 				isNaN(r) || i.performEdit(r, t, n);
@@ -1659,12 +1765,15 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 						type: "success",
 						message: "Row Added Successfully!",
 						duration: 3e3
-					}), setTimeout(() => {
-						let n = e[s] || l;
-						t.setRowSelection({ [n]: !0 });
-						let a = r.findIndex((e) => e[s] === n);
-						a !== -1 && (i.toggleRowEditing(a, !0), i.scrollToIndex(a));
+					});
+					let n = setTimeout(() => {
+						u.current = u.current.filter((e) => e !== n);
+						let a = e[s] || l;
+						t.setRowSelection({ [a]: !0 });
+						let o = r.findIndex((e) => e[s] === a);
+						o !== -1 && (i.toggleRowEditing(o, !0), i.scrollToIndex(o));
 					}, 100);
+					u.current.push(n);
 					return;
 				} catch (e) {
 					throw c.get("NotificationService")?.show({
@@ -1683,9 +1792,11 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 					type: "success",
 					message: "Row Added Successfully!",
 					duration: 3e3
-				}), setTimeout(() => {
-					t.resetRowSelection(), t.setRowSelection({ [l]: !0 }), i.toggleRowEditing(0, !0), i.scrollToIndex(0);
+				});
+				let d = setTimeout(() => {
+					u.current = u.current.filter((e) => e !== d), t.resetRowSelection(), t.setRowSelection({ [l]: !0 }), i.toggleRowEditing(0, !0), i.scrollToIndex(0);
 				}, 50);
+				u.current.push(d);
 			},
 			updateRecord: async (t, n) => {
 				let a = typeof t == "number" ? t : parseInt(t), o = e.editSettings?.primaryKey, s = o ? Array.isArray(o) ? o[0] : o : "id", l = r[a]?.[s];
@@ -1808,7 +1919,7 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 			...s,
 			getSelectedRowIndexes: () => Object.keys(t.getState().rowSelection).map(Number),
 			clearRowSelection: () => t.resetRowSelection(),
-			...u,
+			...d,
 			search: (e) => t.setGlobalFilter(e),
 			filterByColumn: (e, n, r) => t.getColumn(e)?.setFilterValue({
 				operator: n,
@@ -1864,7 +1975,7 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 				let t = e.editSettings?.primaryKey;
 				return t ? Array.isArray(t) ? t : [t] : [];
 			},
-			...d,
+			...f,
 			...o
 		};
 	}, [
@@ -1875,184 +1986,259 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 		i,
 		o
 	]);
-	return s(a, u), u;
-}, Xt = (e) => {
-	let t = G(!1);
-	oe(() => {
-		e.onRenderStart && e.onRenderStart();
-	}), U(() => {
-		!t.current && e.onRenderComplete && (e.onRenderComplete(), t.current = !0);
-	}, [e.onRenderComplete]), U(() => () => {
-		t.current = !1;
-	}, []);
-}, Zt = [], Qt = (e, t, n = {}) => {
-	let { api: r, serviceRegistry: i } = u(e), a = qe(), { dataSource: o, data: s, onRefresh: c, onDataRequest: l, onDataLoad: d, onError: f, enableEditing: m, isRowEditable: h, isCellEditable: g, pagination: _ = !0, enableExport: v = !1, enableStickyHeader: y = !0, enableStickyPagination: b = !0, enableChangeTracking: x = !0, density: S = "standard", dir: C } = e, w = p("I18nService"), T = C === "auto" || !C ? w?.dir || "ltr" : C, E = o || s || Zt, { data: D, setData: O, performEdit: k, addRow: A, deleteRows: j, undo: ee, redo: te, canUndo: M, canRedo: N, changes: P, batchChanges: ne, resetData: F } = ut(E, W(() => {
+	return s(a, d), d;
+}, Qt = [], $t = /* @__PURE__ */ new WeakMap(), en = 1;
+function tn(e) {
+	let t = $t.get(e);
+	return t || (t = `inline-service-${en++}`, $t.set(e, t)), t;
+}
+var nn = (e, t, n = {}) => {
+	let { api: r, serviceRegistry: i } = u(e), a = Je(), { dataSource: o, data: s, onRefresh: c, onDataRequest: l, onDataLoad: d, onError: f, enableEditing: p, isRowEditable: m, isCellEditable: h, pagination: g = !0, enableExport: _ = !1, enableStickyHeader: v = !0, enableStickyPagination: y = !0, enableChangeTracking: x = !0, density: S = "standard", dir: C } = e, w = b("I18nService"), T = C === "auto" || !C ? w?.dir || "ltr" : C, E = o || s || Qt, D = G(() => {
 		let t = e.editSettings?.primaryKey;
 		return t ? Array.isArray(t) ? t[0] : t : "id";
-	}, [e.editSettings?.primaryKey])), [I, re] = K(void 0), L = W(() => e.service ? e.service : e.serviceName ? i.get(e.serviceName) : null, [e.service, e.serviceName]), { table: R, states: z } = Gt(e, D), B = R.getState().pagination, ie = R.getState().sorting, V = R.getState().columnFilters, ae = R.getState().globalFilter, oe = W(() => [
+	}, [e.editSettings?.primaryKey]), { data: O, setData: ee, performEdit: k, addRow: A, deleteRows: j, undo: M, redo: N, canUndo: P, canRedo: te, changes: F, batchChanges: I, resetData: L } = ft(E, D), [ne, R] = q(void 0), z = G(() => e.service ? e.service : e.serviceName ? i.get(e.serviceName) : null, [e.service, e.serviceName]), { table: B, states: V } = qt(e, O), re = B.getState().pagination, H = B.getState().sorting, ie = B.getState().columnFilters, ae = B.getState().globalFilter, K = G(() => {
+		if (e.serviceName) return e.serviceName;
+		if (e.service) {
+			let t = e.service;
+			return t.resourceKey || t.serviceKey || t.name || t.id || tn(e.service);
+		}
+		return "local";
+	}, [e.serviceName, e.service]), J = G(() => [
 		"table-data",
-		e.serviceName || "local",
-		B.pageIndex,
-		B.pageSize,
+		K,
+		re.pageIndex,
+		re.pageSize,
+		H,
 		ie,
-		V,
 		ae
 	], [
-		e.serviceName,
-		B,
+		K,
+		re,
+		H,
 		ie,
-		V,
 		ae
-	]), { data: G, isLoading: se, error: ce } = Ke({
-		queryKey: oe,
+	]), { data: oe, isLoading: se, error: ce } = qe({
+		queryKey: J,
 		queryFn: async () => {
-			if (!L) return {
+			if (!z) return {
 				data: E,
 				totalCount: E.length
 			};
-			let { onDataChange: t, ...n } = e;
-			return await L.getData({
+			let { onDataChange: t, ...n } = e, r = await z.getData({
 				...n,
-				state: R.getState(),
+				state: B.getState(),
 				data: [],
 				columns: []
-			});
+			}), i = r.data;
+			return {
+				data: i,
+				totalCount: ("totalCount" in r ? r.totalCount : r.rowCount) ?? i.length
+			};
 		},
-		enabled: !!L,
+		enabled: !!z,
 		placeholderData: {
 			data: E,
 			totalCount: E.length
 		}
-	}), le = G?.data || E, ue = G?.totalCount ?? E.length;
-	U(() => {
-		L && le && !P.added && !P.edited && !P.deleted && O(le);
+	}), Y = oe?.data || E, le = oe?.totalCount ?? E.length;
+	W(() => {
+		z && Y && !F.added && !F.edited && !F.deleted && ee(Y);
 	}, [
-		le,
-		L,
-		O,
-		P.added,
-		P.edited,
-		P.deleted
+		Y,
+		z,
+		ee,
+		F.added,
+		F.edited,
+		F.deleted
 	]);
-	let q = Ge({
-		mutationFn: (e) => L.createRow(e),
-		onSuccess: () => a.invalidateQueries({ queryKey: oe })
-	}), de = Ge({
-		mutationFn: ({ id: e, updates: t }) => L.updateRow(e, t),
-		onSuccess: () => a.invalidateQueries({ queryKey: oe })
-	}), fe = Ge({
-		mutationFn: (e) => L.deleteRow(e),
-		onSuccess: () => a.invalidateQueries({ queryKey: oe })
-	}), [pe, me] = K(!1), he = se || pe, { isFiltering: ge, handleColumnFiltersChange: _e, handleGlobalFilterChange: ve, setFilterModel: ye, setGlobalFilter: be } = Jt(e, R), { parentRef: xe, rowVirtualizer: Se, columnVirtualizer: Ce, effectiveRowHeight: we, dynamicRowSizing: Te } = Kt(e, R, T), { rangeSelection: Ee, onCellMouseDown: De, onCellMouseEnter: Oe, selectRowByRange: ke } = qt(e, R), [Ae, je] = K(null), Me = H((e, t) => {
+	let ue = Ke({
+		mutationFn: (e) => z.createRow(e),
+		onMutate: async (e) => {
+			await a.cancelQueries({ queryKey: J });
+			let t = a.getQueryData(J);
+			return a.setQueryData(J, (t) => ({
+				data: [...t?.data || [], e],
+				totalCount: (t?.totalCount ?? 0) + 1
+			})), { previousData: t };
+		},
+		onError: (e, t, n) => {
+			n?.previousData && a.setQueryData(J, n.previousData);
+		},
+		onSuccess: () => a.invalidateQueries({ queryKey: J })
+	}), de = Ke({
+		mutationFn: ({ id: e, updates: t }) => z.updateRow(e, t),
+		onMutate: async ({ id: t, updates: n }) => {
+			await a.cancelQueries({ queryKey: J });
+			let r = a.getQueryData(J);
+			return a.setQueryData(J, (r) => {
+				let i = r?.data || [];
+				return {
+					data: i.map((r) => {
+						let i = e.getRowId ? e.getRowId(r) : r.id || r[D];
+						return String(i) === String(t) ? {
+							...r,
+							...n
+						} : r;
+					}),
+					totalCount: r?.totalCount ?? i.length
+				};
+			}), { previousData: r };
+		},
+		onError: (e, t, n) => {
+			n?.previousData && a.setQueryData(J, n.previousData);
+		},
+		onSuccess: () => a.invalidateQueries({ queryKey: J })
+	}), fe = Ke({
+		mutationFn: (e) => z.deleteRow(e),
+		onMutate: async (t) => {
+			await a.cancelQueries({ queryKey: J });
+			let n = a.getQueryData(J);
+			return a.setQueryData(J, (n) => {
+				let r = n?.data || [];
+				return {
+					data: r.filter((n) => {
+						let r = e.getRowId ? e.getRowId(n) : n.id || n[D];
+						return String(r) !== String(t);
+					}),
+					totalCount: Math.max(0, (n?.totalCount ?? r.length) - 1)
+				};
+			}), { previousData: n };
+		},
+		onError: (e, t, n) => {
+			n?.previousData && a.setQueryData(J, n.previousData);
+		},
+		onSuccess: () => a.invalidateQueries({ queryKey: J })
+	}), [pe, me] = q(!1), he = se || pe, { isFiltering: ge, handleColumnFiltersChange: _e, handleGlobalFilterChange: ve, setFilterModel: ye, setGlobalFilter: be } = Xt(e, B), { parentRef: xe, rowVirtualizer: Se, columnVirtualizer: Ce, effectiveRowHeight: we, dynamicRowSizing: Te } = Jt(e, B, T), { rangeSelection: Ee, onCellMouseDown: De, onCellMouseEnter: Oe, selectRowByRange: ke } = Yt(e, B), [Ae, je] = q(null), Me = U((e, t) => {
 		je((n) => {
 			if (!n) return {
 				r: 0,
 				c: 0
 			};
-			let r = R.getRowModel().rows.length;
+			let r = B.getRowModel().rows.length;
 			return {
 				r: Math.max(0, Math.min(r - 1, n.r + e)),
-				c: Math.max(0, Math.min(R.getVisibleLeafColumns().length - 1, n.c + t))
+				c: Math.max(0, Math.min(B.getVisibleLeafColumns().length - 1, n.c + t))
 			};
 		});
-	}, [R]), [Ne, J] = K({}), Y = H((t, n) => {
+	}, [B]), X = U((e) => {
+		let t = B.getVisibleLeafColumns(), n = O[e];
+		return Math.max(0, t.findIndex((e) => e.id === "select" || e.id === "actions" || e.columnDef?.enableEditing === !1 ? !1 : !h || !n || h(n, e.id)));
+	}, [
+		O,
+		h,
+		B
+	]), Z = U((e) => {
+		let t = X(e);
+		je({
+			r: e,
+			c: t
+		});
+		let n = window.setTimeout(() => {
+			let n = document.querySelector(`[role="cell"][data-row-index="${e}"][data-cell-index="${t}"]`);
+			n?.scrollIntoView({
+				block: "nearest",
+				inline: "nearest"
+			}), n?.focus({ preventScroll: !0 }), n?.click();
+			let r = n?.querySelector("input, textarea, button, [tabindex]:not([tabindex=\"-1\"])");
+			r?.focus({ preventScroll: !0 }), r?.click();
+		}, 0);
+		return () => window.clearTimeout(n);
+	}, [X]), [Ne, Pe] = q({}), Fe = U((t, n) => {
 		let r = n === !0 || n === void 0 && !Ne[t];
-		r && D[t] && e.onRowEditStart?.({
-			row: R.getRowModel().rows[t],
-			data: D[t]
-		}), J((i) => r && (e.editSettings?.mode === "Normal" || !e.editSettings?.mode) ? { [String(t)]: !0 } : {
+		r && O[t] && e.onRowEditStart?.({
+			row: B.getRowModel().rows[t],
+			data: O[t]
+		}), Pe((i) => r && (e.editSettings?.mode === "Normal" || !e.editSettings?.mode) ? { [String(t)]: !0 } : {
 			...i,
 			[t]: n === void 0 ? !i[t] : n
-		}), r && je((e) => ({
-			r: t,
-			c: e?.c ?? 0
-		}));
+		}), r && Z(t);
 	}, [
-		D,
+		O,
 		Ne,
+		Z,
 		e.onRowEditStart,
 		e.editSettings?.mode,
-		R
-	]), X = H((e, t, n) => {
-		if (!m) return;
-		let r = D[e];
-		h && !h(r) || g && !g(r, t) || k(e, t, n);
+		B
+	]), Ie = U((e, t, n) => {
+		if (!p) return;
+		let r = O[e];
+		m && !m(r) || h && !h(r, t) || k(e, t, n);
 	}, [
-		m,
+		p,
 		k,
-		D,
-		h,
-		g
-	]), { autoFitColumn: Pe } = pt(R), Fe = H(async () => {
-		if (L) await a.invalidateQueries({ queryKey: oe });
+		O,
+		m,
+		h
+	]), { autoFitColumn: Le } = ht(B), Re = U(async () => {
+		if (z) await a.invalidateQueries({ queryKey: J });
 		else if (l) {
 			me(!0);
 			try {
-				l(R.getState());
+				l(B.getState());
 			} catch (e) {
 				f && f(e);
 			} finally {
 				me(!1);
 			}
 		}
-		R.reset(), c?.();
+		B.reset(), c?.();
 	}, [
 		l,
-		R,
+		B,
 		c,
 		f,
-		L,
+		z,
 		a,
-		oe
+		J
 	]);
-	U(() => {
+	W(() => {
 		ce && f && f(ce);
-	}, [ce, f]), U(() => {
-		L && ue !== void 0 && R.setOptions((e) => ({
+	}, [ce, f]), W(() => {
+		z && le !== void 0 && B.setOptions((e) => ({
 			...e,
-			rowCount: ue
+			rowCount: le
 		}));
 	}, [
-		ue,
-		R,
-		L
+		le,
+		B,
+		z
 	]);
-	let Z = Yt(e, R, D, {
-		refresh: Fe,
-		setData: O,
+	let ze = Zt(e, B, O, {
+		refresh: Re,
+		setData: ee,
 		performEdit: k,
 		showSpinner: () => me(!0),
 		hideSpinner: () => me(!1),
 		scrollToIndex: (e) => Se.scrollToIndex(e, { align: "center" }),
-		toggleRowEditing: Y,
+		toggleRowEditing: Fe,
 		forceUpdate: () => {
 			me((e) => !e), setTimeout(() => me((e) => !e), 0);
 		},
-		resetData: F,
-		setPagerMessage: re,
-		batchChanges: ne,
-		changes: P,
+		resetData: L,
+		setPagerMessage: R,
+		batchChanges: I,
+		changes: F,
 		addRow: A,
 		deleteRows: j,
 		setFocusedCell: je,
-		autoFitColumn: Pe,
-		addMutation: q,
+		autoFitColumn: Le,
+		addMutation: ue,
 		updateMutation: de,
 		deleteMutation: fe,
-		service: L
-	}, t, n), Ie = W(() => ({
-		updateData: X,
+		service: z
+	}, t, n), Be = G(() => ({
+		updateData: Ie,
 		editingRows: Ne,
-		toggleRowEditing: Y,
+		toggleRowEditing: Fe,
 		focusedCell: Ae,
 		setFocusedCell: je,
 		navigateFocus: Me,
-		addRecord: Z.addRecord,
-		deleteRecord: Z.deleteRecord,
-		deleteRecords: Z.deleteRecords,
+		addRecord: ze.addRecord,
+		deleteRecord: ze.deleteRecord,
+		deleteRecords: ze.deleteRecords,
 		enableEditing: e.enableEditing && (e.editSettings?.allowEditing ?? !0),
-		isRowEditable: h,
-		isCellEditable: g,
+		isRowEditable: m,
+		isCellEditable: h,
 		enableSearchHighlighting: e.enableSearchHighlighting,
 		selectionSettings: e.selectionSettings,
 		editSettings: e.editSettings,
@@ -2064,17 +2250,17 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 		dir: T,
 		containerRef: xe
 	}), [
-		X,
+		Ie,
 		Ne,
-		Y,
+		Fe,
 		Ae,
-		Z.addRecord,
-		Z.deleteRecord,
-		Z.deleteRecords,
+		ze.addRecord,
+		ze.deleteRecord,
+		ze.deleteRecords,
 		e.enableEditing,
 		e.editSettings,
+		m,
 		h,
-		g,
 		e.enableSearchHighlighting,
 		e.selectionSettings,
 		e.editSettings,
@@ -2085,35 +2271,35 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 		e.localization,
 		xe
 	]);
-	return R.options.meta = Ie, U(() => {
-		d && d(D);
-	}, [D, d]), Xt({
+	return B.options.meta = Be, W(() => {
+		d && d(O);
+	}, [O, d]), st({
 		onRenderStart: e.onGridRenderStart,
 		onRenderComplete: e.onGridRenderComplete
-	}), W(() => ({
+	}), G(() => ({
 		state: {
-			...z,
-			rows: R.getRowModel().rows,
+			...V,
+			rows: B.getRowModel().rows,
 			rangeSelection: Ee,
-			canUndo: M,
-			canRedo: N,
-			changes: P,
-			batchChanges: ne,
+			canUndo: P,
+			canRedo: te,
+			changes: F,
+			batchChanges: I,
 			density: S,
 			isPending: ge || e.isLoading || he,
 			focusedCell: Ae,
-			globalFilter: z.globalFilter,
-			pagerMessage: I,
+			globalFilter: V.globalFilter,
+			pagerMessage: ne,
 			internalLoading: pe
 		},
 		actions: {
-			undo: ee,
-			redo: te,
-			resetData: F,
+			undo: M,
+			redo: N,
+			resetData: L,
 			addRow: A,
 			deleteRows: j,
-			toggleRowEditing: Y,
-			autoFitColumn: Pe,
+			toggleRowEditing: Fe,
+			autoFitColumn: Le,
 			onCellMouseDown: De,
 			onCellMouseEnter: Oe,
 			onRowClick: e.onRowClick,
@@ -2125,7 +2311,7 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 			handleColumnFiltersChange: _e,
 			handleGlobalFilterChange: ve,
 			setFilterModel: ye,
-			getData: () => D,
+			getData: () => O,
 			getPrimaryKeyFieldNames: () => {
 				let t = e.editSettings?.primaryKey;
 				return t ? Array.isArray(t) ? t : [t] : [];
@@ -2137,12 +2323,12 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 			columnVirtualizer: Ce
 		},
 		config: {
-			paginationEnabled: _,
-			exportEnabled: v,
-			enableStickyHeader: y,
-			enableStickyPagination: b,
+			paginationEnabled: g,
+			exportEnabled: _,
+			enableStickyHeader: v,
+			enableStickyPagination: y,
 			enableChangeTracking: x,
-			enableEditing: m,
+			enableEditing: p,
 			gridLines: e.gridLines,
 			enableAltRow: e.enableAltRow,
 			enableHover: e.enableHover,
@@ -2155,106 +2341,52 @@ var It = ({ value: t, onChange: n, options: r = [], placeholder: a = "Select opt
 			editSettings: e.editSettings
 		},
 		services: {},
-		table: R,
+		table: B,
 		dir: T,
 		baseApi: r,
-		imperativeAPI: Z
+		imperativeAPI: ze
 	}), [
 		r,
-		Z,
-		z,
+		ze,
+		V,
 		xe,
 		Se,
 		Ce,
-		R,
+		B,
 		T,
+		g,
 		_,
-		v,
 		Ee,
 		De,
 		Oe,
+		v,
 		y,
-		b,
 		x,
-		ee,
-		te,
 		M,
 		N,
 		P,
-		ne,
+		te,
 		F,
+		I,
+		L,
 		A,
 		j,
-		Y,
+		Fe,
 		S,
 		ge,
 		e,
-		D,
+		O,
 		_e,
 		ve,
 		ye,
 		be,
-		I,
+		ne,
 		Ae,
 		je,
 		pe
 	]);
-};
-//#endregion
-//#region src/shared/hooks/useEventHandlers.ts
-function $t(e) {
-	return {
-		handleDragStart: H((t) => {
-			e.onDragStart?.(t);
-		}, [e.onDragStart]),
-		handleDragOver: H((t) => {
-			e.onDragOver?.(t);
-		}, [e.onDragOver]),
-		handleDragEnd: H((t) => {
-			e.onDragEnd?.(t);
-		}, [e.onDragEnd]),
-		handleKeyPress: H((t) => {
-			e.onKeyPress?.(t);
-		}, [e.onKeyPress]),
-		handleKeyDown: H((t) => {
-			e.onKeyDown?.(t);
-		}, [e.onKeyDown]),
-		handleKeyUp: H((t) => {
-			e.onKeyUp?.(t);
-		}, [e.onKeyUp]),
-		handleClick: H((t) => {
-			e.onClick?.(t);
-		}, [e.onClick]),
-		handleDoubleClick: H((t) => {
-			e.onDoubleClick?.(t);
-		}, [e.onDoubleClick]),
-		handlePointerDown: H((t) => {
-			e.onPointerDown?.(t);
-		}, [e.onPointerDown]),
-		handlePointerMove: H((t) => {
-			e.onPointerMove?.(t);
-		}, [e.onPointerMove]),
-		handlePointerUp: H((t) => {
-			e.onPointerUp?.(t);
-		}, [e.onPointerUp]),
-		handlePointerLeave: H((t) => {
-			e.onPointerLeave?.(t);
-		}, [e.onPointerLeave]),
-		handlePointerEnter: H((t) => {
-			e.onPointerEnter?.(t);
-		}, [e.onPointerEnter]),
-		handleFocus: H(() => {
-			e.onFocusChange?.(!0);
-		}, [e.onFocusChange]),
-		handleBlur: H(() => {
-			e.onFocusChange?.(!1);
-		}, [e.onFocusChange])
-	};
-}
-//#endregion
-//#region src/components/EzTable/hooks/useContainerResize.ts
-var en = ({ containerRef: e, containerSizeRef: t, resizeTimeoutRef: n, onResize: r }, i) => {
-	U(() => {
+}, rn = ({ containerRef: e, containerSizeRef: t, resizeTimeoutRef: n, onResize: r }, i) => {
+	W(() => {
 		if (!e.current) return;
 		let i = e.current;
 		i.style.height = "100%", i.style.minHeight = "0", i.style.height = "";
@@ -2273,8 +2405,8 @@ var en = ({ containerRef: e, containerSizeRef: t, resizeTimeoutRef: n, onResize:
 			a.disconnect(), n.current && clearTimeout(n.current);
 		};
 	}, i);
-}, tn = ({ table: e, editSettings: t, toggleRowEditing: n, onRowClickProp: r, onRowDoubleClickProp: i, onCellClickProp: a, onCellDoubleClickProp: o }) => {
-	let s = H((s, c) => {
+}, an = ({ table: e, editSettings: t, toggleRowEditing: n, onRowClickProp: r, onRowDoubleClickProp: i, onCellClickProp: a, onCellDoubleClickProp: o }) => {
+	let s = U((s, c) => {
 		let l = e.options.meta;
 		if (l?.setFocusedCell) {
 			let t = s.colIndex ?? e.getVisibleLeafColumns().findIndex((e) => e.id === s.columnId);
@@ -2297,8 +2429,8 @@ var en = ({ containerRef: e, containerSizeRef: t, resizeTimeoutRef: n, onResize:
 		onCellClick: (e) => s(e, "click"),
 		onCellDoubleClick: (e) => s(e, "dblclick")
 	};
-}, nn = ({ dialogState: e, isDialogMode: t, rows: n, table: r }) => {
-	U(() => {
+}, on = ({ dialogState: e, isDialogMode: t, rows: n, table: r }) => {
+	W(() => {
 		if (!t) return;
 		let i = Object.keys(r.options.meta?.editingRows || {}).find((e) => r.options.meta?.editingRows?.[e]);
 		if (i !== void 0) {
@@ -2311,147 +2443,147 @@ var en = ({ containerRef: e, containerSizeRef: t, resizeTimeoutRef: n, onResize:
 		n,
 		r
 	]);
-}, rn = () => /* @__PURE__ */ Y("div", {
+}, sn = () => /* @__PURE__ */ X("div", {
 	className: "flex flex-col items-center justify-center min-h-screen p-4",
-	children: /* @__PURE__ */ X("div", {
+	children: /* @__PURE__ */ Z("div", {
 		className: "flex flex-col items-center gap-4 max-w-md w-full",
 		children: [
-			/* @__PURE__ */ Y("div", {
+			/* @__PURE__ */ X("div", {
 				className: "flex items-center justify-center w-16 h-16 rounded-full bg-destructive/10",
-				children: /* @__PURE__ */ Y(ce, { className: "w-8 h-8 text-destructive" })
+				children: /* @__PURE__ */ X(oe, { className: "w-8 h-8 text-destructive" })
 			}),
-			/* @__PURE__ */ X("div", {
+			/* @__PURE__ */ Z("div", {
 				className: "flex flex-col items-center gap-2 text-center",
-				children: [/* @__PURE__ */ Y("h2", {
+				children: [/* @__PURE__ */ X("h2", {
 					className: "text-lg font-semibold",
 					children: "Table Error"
-				}), /* @__PURE__ */ Y("p", {
+				}), /* @__PURE__ */ X("p", {
 					className: "text-sm text-muted-foreground",
 					children: "Something went wrong with the table. Please refresh the page or try again."
 				})]
 			}),
-			/* @__PURE__ */ X("button", {
+			/* @__PURE__ */ Z("button", {
 				onClick: () => window.location.reload(),
 				className: "flex items-center gap-2 px-4 py-2 text-sm font-medium text-primary hover:bg-primary/10 rounded-md transition-colors",
-				children: [/* @__PURE__ */ Y(ke, { className: "w-4 h-4" }), "Refresh Page"]
+				children: [/* @__PURE__ */ X(De, { className: "w-4 h-4" }), "Refresh Page"]
 			})
 		]
 	})
-}), an = (e) => {
+}), cn = (e) => {
 	switch (e) {
 		case "compact": return "min-h-[40px]";
 		case "comfortable": return "min-h-[56px]";
 		default: return "min-h-[48px]";
 	}
-}, on = (e) => {
+}, ln = (e) => {
 	switch (e) {
 		case "compact": return "py-0 px-2";
 		case "comfortable": return "py-4 px-4";
 		default: return "py-2 px-4";
 	}
-}, sn = (e) => {
+}, un = (e) => {
 	switch (e) {
 		case "compact": return "text-[13px] leading-5";
 		case "comfortable": return "text-base";
 		default: return "text-sm";
 	}
-}, cn = (t) => e(an(t), on(t), sn(t)), ln = (e, t, n = "ltr") => e ? {
+}, dn = (t) => e(cn(t), ln(t), un(t)), fn = (e, t, n = "ltr") => e ? {
 	position: "sticky",
 	[n === "rtl" ? e === "left" ? "right" : "left" : e === "left" ? "left" : "right"]: `${t}px`,
 	zIndex: 30
-} : {}, un = (t, n = "ltr") => {
+} : {}, pn = (t, n = "ltr") => {
 	if (!t) return "";
 	let r = t === "left", i = n === "rtl";
 	return e("bg-background", r && !i || !r && i ? "shadow-[2px_0_5px_-2px_rgba(0,0,0,0.1)] dark:shadow-[2px_0_5px_-2px_rgba(0,0,0,0.3)]" : "shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.1)] dark:shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.3)]");
-}, dn = (e, t = "ltr") => {
+}, mn = (e, t = "ltr") => {
 	switch (e) {
 		case "center": return "justify-center text-center";
 		case "right": return "justify-end text-right";
 		case "left": return "justify-start text-left";
 		default: return t === "rtl" ? "justify-end text-right" : "justify-start text-left";
 	}
-}, fn = (t, n) => e(t && "bg-primary/10 ring-1 ring-inset ring-primary/30 z-[1]", n && "bg-primary/10 z-[10]"), pn = (e, t) => {
+}, hn = (t, n) => e(t && "bg-primary/10 ring-1 ring-inset ring-primary/30 z-[1]", n && "bg-primary/10 z-[10]"), gn = (e, t) => {
 	switch (e) {
 		case "wrap": return "whitespace-normal break-words";
 		case "ellipsis": return t ? "overflow-hidden" : "truncate";
 		default: return "truncate";
 	}
-}, mn = (e, t, n = "ltr") => t || !e || e === "None" || e === "Horizontal" ? "" : n === "rtl" ? "border-l border-border/50" : "border-r border-border/50", hn = {
+}, _n = (e, t, n = "ltr") => t || !e || e === "None" || e === "Horizontal" ? "" : n === "rtl" ? "border-l border-border/50" : "border-r border-border/50", vn = {
 	compact: "py-1 text-xs",
 	standard: "py-2 text-sm",
 	comfortable: "py-4 text-base"
-}, gn = (e = "standard") => hn[e], _n = "flex flex-col", vn = {
+}, yn = (e = "standard") => vn[e], bn = "flex flex-col", xn = {
 	default: "border border-border",
 	bottom: "border-b border-border",
 	top: "border-t border-border",
 	left: "border-l border-border",
 	right: "border-r border-border",
 	none: "border-0"
-}, yn = ({ header: t, density: n }) => {
+}, Sn = ({ header: t, density: n }) => {
 	let r = t.column.columnDef.meta?.align || "left";
-	return /* @__PURE__ */ Y("div", {
-		className: e("relative h-full font-semibold text-foreground flex items-center select-none px-4", "bg-background/90 border border-border/50 shadow-lg rounded-md opacity-90 cursor-grabbing", "ring-2 ring-primary/20", gn(n), r === "center" && "justify-center text-center", r === "right" && "justify-end text-right"),
+	return /* @__PURE__ */ X("div", {
+		className: e("relative h-full font-semibold text-foreground flex items-center select-none px-4", "bg-background/90 border border-border/50 shadow-lg rounded-md opacity-90 cursor-grabbing", "ring-2 ring-primary/20", yn(n), r === "center" && "justify-center text-center", r === "right" && "justify-end text-right"),
 		style: {
 			width: t.getSize(),
 			maxWidth: t.column.columnDef.maxSize,
 			minWidth: t.column.columnDef.minSize
 		},
-		children: /* @__PURE__ */ X("div", {
+		children: /* @__PURE__ */ Z("div", {
 			className: e("flex items-center w-full gap-2", r === "center" && "justify-center relative", r === "right" && "justify-end"),
-			children: [/* @__PURE__ */ Y("div", {
+			children: [/* @__PURE__ */ X("div", {
 				className: "p-1 text-zinc-400",
-				children: /* @__PURE__ */ Y(be, { className: "w-3.5 h-3.5" })
-			}), /* @__PURE__ */ Y("span", {
+				children: /* @__PURE__ */ X(ve, { className: "w-3.5 h-3.5" })
+			}), /* @__PURE__ */ X("span", {
 				className: "truncate",
-				children: Je(t.column.columnDef.header, t.getContext())
+				children: Ye(t.column.columnDef.header, t.getContext())
 			})]
 		})
 	});
-}, bn = V(({ table: t, totalRows: n, selectionInfo: r, rowSelection: i }) => {
+}, Cn = H(({ table: t, totalRows: n, selectionInfo: r, rowSelection: i }) => {
 	let a = n ?? (t.getPrePaginationRowModel().rows.length || t.options.rowCount || t.getRowModel().rows.length), o = typeof a == "number" ? a : 0, s = Object.keys(i || {}).length;
-	return /* @__PURE__ */ X("div", {
+	return /* @__PURE__ */ Z("div", {
 		className: e("flex border-t border-border p-2 text-xs text-muted-foreground justify-between bg-muted/30", "rounded-b-md"),
-		children: [/* @__PURE__ */ X("div", {
+		children: [/* @__PURE__ */ Z("div", {
 			className: "flex gap-4 items-center",
 			children: [
-				/* @__PURE__ */ X("span", { children: [
+				/* @__PURE__ */ Z("span", { children: [
 					"Total: ",
 					o,
 					" rows"
 				] }),
-				s > 0 && /* @__PURE__ */ X("span", {
+				s > 0 && /* @__PURE__ */ Z("span", {
 					className: "text-primary font-medium",
 					children: [s, " selected"]
 				}),
-				typeof r == "string" && /* @__PURE__ */ X("span", { children: ["| ", r] })
+				typeof r == "string" && /* @__PURE__ */ Z("span", { children: ["| ", r] })
 			]
-		}), /* @__PURE__ */ Y("div", { className: "flex gap-2" })]
+		}), /* @__PURE__ */ X("div", { className: "flex gap-2" })]
 	});
 });
-bn.displayName = "EzTableStatusBar";
+Cn.displayName = "EzTableStatusBar";
 //#endregion
 //#region src/components/EzTable/utils/columnTypeDetector.ts
-function xn(e) {
+function wn(e) {
 	if (!e || e.length === 0) return "text";
 	let t = e.slice(0, 100).filter((e) => e != null && e !== "");
 	if (t.length === 0) return "text";
 	if (t.every((e) => typeof e == "boolean" || e === "true" || e === "false")) return "boolean";
 	if (t.every((e) => typeof e == "number" || !isNaN(parseFloat(e)) && isFinite(e))) return "number";
-	if (t.every((e) => e instanceof Date ? !0 : typeof e == "string" ? !isNaN(Date.parse(e)) && e.length > 5 && (e.includes("-") || e.includes("/") || e.includes(":")) : !1)) return t.some((e) => String(e).includes(":") || e instanceof Date && (e.getHours() !== 0 || e.getMinutes() !== 0)) ? "datetime" : "date";
+	if (t.every((e) => e instanceof Date || typeof e == "string" && !isNaN(Date.parse(e)) && e.length > 5 && (e.includes("-") || e.includes("/") || e.includes(":")))) return t.some((e) => String(e).includes(":") || e instanceof Date && (e.getHours() !== 0 || e.getMinutes() !== 0)) ? "datetime" : "date";
 	let n = new Set(t.map((e) => String(e)));
 	return n.size > 0 && n.size <= Math.min(t.length * .2, 10) ? "select" : t.some((e) => typeof e == "string" && e.length > 100) ? "longtext" : "text";
 }
 //#endregion
 //#region src/components/EzTable/hooks/useFilterSelection.ts
-function Sn(e, t) {
-	let [n, r] = K(() => Array.isArray(e) ? new Set(e) : null);
+function Tn(e, t) {
+	let [n, r] = q(() => Array.isArray(e) ? new Set(e) : null);
 	return {
 		selectedValues: n,
 		isAllSelected: n === null,
-		handleSelectAll: H((e) => {
+		handleSelectAll: U((e) => {
 			r(e ? null : /* @__PURE__ */ new Set());
 		}, []),
-		handleSelect: H((e, n) => {
+		handleSelect: U((e, n) => {
 			r((r) => {
 				if (r === null) {
 					if (n) return null;
@@ -2465,7 +2597,7 @@ function Sn(e, t) {
 				return i;
 			});
 		}, [t]),
-		handleBulkSelect: H((e, n) => {
+		handleBulkSelect: U((e, n) => {
 			r((r) => {
 				let i = r || new Set(t), a = new Set(i);
 				if (n) {
@@ -2474,35 +2606,35 @@ function Sn(e, t) {
 				return a;
 			});
 		}, [t]),
-		clearSelection: H(() => {
+		clearSelection: U(() => {
 			r(null);
 		}, [])
 	};
 }
 //#endregion
 //#region src/components/EzTable/components/SelectAllCheckbox.tsx
-var Cn = B.memo(({ checked: e, indeterminate: t, onSelectAll: n, showSearchResults: r = !1 }) => /* @__PURE__ */ X("div", {
+var En = V.memo(({ checked: e, indeterminate: t, onSelectAll: n, showSearchResults: r = !1 }) => /* @__PURE__ */ Z("div", {
 	className: "flex items-center space-x-2 px-2 py-1.5 hover:bg-muted rounded text-sm cursor-pointer",
 	onClick: () => n(!e),
-	children: [/* @__PURE__ */ Y(k, {
+	children: [/* @__PURE__ */ X(te, {
 		checked: e ? !0 : t ? "indeterminate" : !1,
 		onCheckedChange: (e) => n(e === !0)
-	}), /* @__PURE__ */ Y("label", {
+	}), /* @__PURE__ */ X("label", {
 		className: "flex-1 cursor-pointer",
 		children: r ? "(Select All Search Results)" : "(Select All)"
 	})]
 }));
-Cn.displayName = "SelectAllCheckbox";
+En.displayName = "SelectAllCheckbox";
 //#endregion
 //#region src/components/EzTable/components/BooleanFilterSection.tsx
-var wn = B.memo(({ column: e }) => {
+var Dn = V.memo(({ column: e }) => {
 	let t = e.columnDef.meta;
-	return /* @__PURE__ */ X("div", {
+	return /* @__PURE__ */ Z("div", {
 		className: "p-3 space-y-3",
-		children: [/* @__PURE__ */ Y("div", {
+		children: [/* @__PURE__ */ X("div", {
 			className: "text-sm font-medium",
 			children: "Filter by value:"
-		}), /* @__PURE__ */ Y(Tt, {
+		}), /* @__PURE__ */ X(Dt, {
 			value: e.getFilterValue() || "all",
 			onChange: (t) => {
 				e.setFilterValue(t);
@@ -2513,12 +2645,12 @@ var wn = B.memo(({ column: e }) => {
 		})]
 	});
 });
-wn.displayName = "BooleanFilterSection";
+Dn.displayName = "BooleanFilterSection";
 //#endregion
 //#region src/components/EzTable/components/SelectFilterSection.tsx
-var Tn = B.memo(({ column: e, allAvailableValues: t }) => /* @__PURE__ */ Y("div", {
+var On = V.memo(({ column: e, allAvailableValues: t }) => /* @__PURE__ */ X("div", {
 	className: "p-1",
-	children: /* @__PURE__ */ Y(zt, {
+	children: /* @__PURE__ */ X(Vt, {
 		options: t.map((e) => ({
 			value: String(e),
 			label: String(e)
@@ -2529,20 +2661,20 @@ var Tn = B.memo(({ column: e, allAvailableValues: t }) => /* @__PURE__ */ Y("div
 		}
 	})
 }));
-Tn.displayName = "SelectFilterSection";
+On.displayName = "SelectFilterSection";
 //#endregion
 //#region src/components/EzTable/components/VirtualizedFilterList.tsx
-var En = B.memo(({ sortedUniqueValues: e, selectedValues: t, handleSelect: n, formatter: r }) => {
-	let i = G(null), a = ot({
+var kn = V.memo(({ sortedUniqueValues: e, selectedValues: t, handleSelect: n, formatter: r }) => {
+	let i = K(null), a = Pe({
 		count: e.length,
 		getScrollElement: () => i.current,
 		estimateSize: () => 32,
 		overscan: 5
 	});
-	return /* @__PURE__ */ Y("div", {
+	return /* @__PURE__ */ X("div", {
 		ref: i,
 		className: "flex-1 overflow-y-auto px-2 pb-2 min-h-0 pt-2",
-		children: /* @__PURE__ */ Y("div", {
+		children: /* @__PURE__ */ X("div", {
 			style: {
 				height: `${a.getTotalSize()}px`,
 				width: "100%",
@@ -2550,17 +2682,17 @@ var En = B.memo(({ sortedUniqueValues: e, selectedValues: t, handleSelect: n, fo
 			},
 			children: a.getVirtualItems().map((i) => {
 				let a = e[i.index], o = t === null || t.has(a), s = r ? r(a) : String(a) || "(Empty)";
-				return /* @__PURE__ */ X("div", {
+				return /* @__PURE__ */ Z("div", {
 					className: "absolute top-0 left-0 w-full flex items-center space-x-2 px-2 py-1 hover:bg-muted rounded text-sm cursor-pointer",
 					style: {
 						height: `${i.size}px`,
 						transform: `translateY(${i.start}px)`
 					},
 					onClick: () => n(a, !o),
-					children: [/* @__PURE__ */ Y(k, {
+					children: [/* @__PURE__ */ X(te, {
 						checked: o,
 						onCheckedChange: (e) => n(a, e === !0)
-					}), /* @__PURE__ */ Y("span", {
+					}), /* @__PURE__ */ X("span", {
 						className: "flex-1 truncate",
 						children: s
 					})]
@@ -2569,50 +2701,50 @@ var En = B.memo(({ sortedUniqueValues: e, selectedValues: t, handleSelect: n, fo
 		})
 	});
 });
-En.displayName = "VirtualizedFilterList";
+kn.displayName = "VirtualizedFilterList";
 //#endregion
 //#region src/components/EzTable/components/FilterActionButtons.tsx
-var Dn = B.memo(({ onClear: e, onApply: t, onAddRule: n, onAddGroup: r, onRemove: a, showClear: o = !0, showApply: s = !0, showAddRule: c = !1, showAddGroup: l = !1, showRemove: u = !1, className: d }) => /* @__PURE__ */ X("div", {
+var An = V.memo(({ onClear: e, onApply: t, onAddRule: n, onAddGroup: r, onRemove: a, showClear: o = !0, showApply: s = !0, showAddRule: c = !1, showAddGroup: l = !1, showRemove: u = !1, className: d }) => /* @__PURE__ */ Z("div", {
 	className: `p-2 border-t flex justify-between bg-popover text-popover-foreground flex-shrink-0 sticky bottom-0 z-20 ${d || ""}`,
-	children: [/* @__PURE__ */ X("div", {
+	children: [/* @__PURE__ */ Z("div", {
 		className: "flex gap-2",
 		children: [
-			o && e && /* @__PURE__ */ Y(i, {
+			o && e && /* @__PURE__ */ X(i, {
 				variant: "ghost",
 				size: "sm",
 				onClick: e,
 				className: "h-8 text-xs",
 				children: "Clear"
 			}),
-			c && n && /* @__PURE__ */ Y(i, {
+			c && n && /* @__PURE__ */ X(i, {
 				variant: "ghost",
 				size: "icon",
 				className: "h-6 w-6",
 				onClick: n,
 				title: "Add Rule",
-				children: /* @__PURE__ */ Y(Oe, { className: "w-4 h-4" })
+				children: /* @__PURE__ */ X(Ee, { className: "w-4 h-4" })
 			}),
-			l && r && /* @__PURE__ */ Y(i, {
+			l && r && /* @__PURE__ */ X(i, {
 				variant: "ghost",
 				size: "icon",
 				className: "h-6 w-6",
 				onClick: r,
 				title: "Add Group",
-				children: /* @__PURE__ */ Y("span", {
+				children: /* @__PURE__ */ X("span", {
 					className: "font-bold text-xs",
 					children: "( )"
 				})
 			})
 		]
-	}), /* @__PURE__ */ X("div", {
+	}), /* @__PURE__ */ Z("div", {
 		className: "flex gap-2",
-		children: [u && a && /* @__PURE__ */ Y(i, {
+		children: [u && a && /* @__PURE__ */ X(i, {
 			variant: "ghost",
 			size: "icon",
 			className: "h-6 w-6 text-red-500 hover:text-red-600",
 			onClick: a,
-			children: /* @__PURE__ */ Y(Ne, { className: "w-4 h-4" })
-		}), s && t && /* @__PURE__ */ Y(i, {
+			children: /* @__PURE__ */ X(je, { className: "w-4 h-4" })
+		}), s && t && /* @__PURE__ */ X(i, {
 			size: "sm",
 			onClick: t,
 			className: "min-w-[70px] h-8 text-xs font-semibold",
@@ -2620,40 +2752,40 @@ var Dn = B.memo(({ onClear: e, onApply: t, onAddRule: n, onAddGroup: r, onRemove
 		})]
 	})]
 }));
-Dn.displayName = "FilterActionButtons";
+An.displayName = "FilterActionButtons";
 //#endregion
 //#region src/components/EzTable/EzDateFilterTree.tsx
-function On({ node: e, selectedValues: t, onBulkSelect: n }) {
-	let [r, i] = K(!1), a = !1;
+function jn({ node: e, selectedValues: t, onBulkSelect: n }) {
+	let [r, i] = q(!1), a = !1;
 	if (t === null) a = !0;
 	else {
 		let n = e.fullValues.filter((e) => t.has(e)).length;
-		a = n === e.fullValues.length && e.fullValues.length > 0 ? !0 : n > 0 ? "indeterminate" : !1;
+		a = n === e.fullValues.length && e.fullValues.length > 0 || n > 0 && "indeterminate";
 	}
 	let o = (t) => {
 		n(e.fullValues, t);
 	};
-	return /* @__PURE__ */ X("div", {
+	return /* @__PURE__ */ Z("div", {
 		className: "pl-4",
-		children: [/* @__PURE__ */ X("div", {
+		children: [/* @__PURE__ */ Z("div", {
 			className: "flex items-center space-x-2 py-1 hover:bg-muted/50 rounded",
 			children: [
-				e.children && e.children.length > 0 ? /* @__PURE__ */ Y("button", {
+				e.children && e.children.length > 0 ? /* @__PURE__ */ X("button", {
 					onClick: (e) => {
 						e.stopPropagation(), i(!r);
 					},
 					className: "p-0.5 hover:bg-muted rounded mr-1 text-muted-foreground",
-					children: Y(r ? de : pe, { className: "w-4 h-4" })
-				}) : /* @__PURE__ */ Y("span", { className: "w-5 mr-1" }),
-				/* @__PURE__ */ Y(k, {
+					children: X(r ? le : de, { className: "w-4 h-4" })
+				}) : /* @__PURE__ */ X("span", { className: "w-5 mr-1" }),
+				/* @__PURE__ */ X(te, {
 					checked: a === "indeterminate" ? "indeterminate" : a,
 					onCheckedChange: (e) => o(e === !0),
 					id: `node-${e.key}`
 				}),
-				/* @__PURE__ */ X("label", {
+				/* @__PURE__ */ Z("label", {
 					htmlFor: `node-${e.key}`,
 					className: "text-sm flex-1 cursor-pointer select-none text-foreground",
-					children: [e.label, /* @__PURE__ */ X("span", {
+					children: [e.label, /* @__PURE__ */ Z("span", {
 						className: "ml-2 text-xs text-muted-foreground",
 						children: [
 							"(",
@@ -2663,9 +2795,9 @@ function On({ node: e, selectedValues: t, onBulkSelect: n }) {
 					})]
 				})
 			]
-		}), e.children && r && /* @__PURE__ */ Y("div", {
+		}), e.children && r && /* @__PURE__ */ X("div", {
 			className: "border-l border-border ml-2",
-			children: e.children.map((e) => /* @__PURE__ */ Y(On, {
+			children: e.children.map((e) => /* @__PURE__ */ X(jn, {
 				node: e,
 				selectedValues: t,
 				onBulkSelect: n
@@ -2673,8 +2805,8 @@ function On({ node: e, selectedValues: t, onBulkSelect: n }) {
 		})]
 	});
 }
-function kn({ uniqueValues: e, selectedValues: t, onBulkSelect: n }) {
-	let r = W(() => {
+function Mn({ uniqueValues: e, selectedValues: t, onBulkSelect: n }) {
+	let r = G(() => {
 		let t = [], n = Array.from(e.keys()).map((e) => {
 			let t = e instanceof Date ? e : new Date(e);
 			return {
@@ -2723,12 +2855,12 @@ function kn({ uniqueValues: e, selectedValues: t, onBulkSelect: n }) {
 			}), t.push(r);
 		}), t;
 	}, [e]);
-	return /* @__PURE__ */ X("div", {
+	return /* @__PURE__ */ Z("div", {
 		className: "space-y-1",
-		children: [r.length === 0 && /* @__PURE__ */ Y("div", {
+		children: [r.length === 0 && /* @__PURE__ */ X("div", {
 			className: "p-2 text-sm text-muted-foreground",
 			children: "No dates found"
-		}), r.map((e) => /* @__PURE__ */ Y(On, {
+		}), r.map((e) => /* @__PURE__ */ X(jn, {
 			node: e,
 			selectedValues: t,
 			onBulkSelect: n
@@ -2737,21 +2869,21 @@ function kn({ uniqueValues: e, selectedValues: t, onBulkSelect: n }) {
 }
 //#endregion
 //#region src/components/EzTable/components/FilterRuleSelect.tsx
-var An = B.memo(({ value: e, onChange: t, options: n, placeholder: r, className: i }) => /* @__PURE__ */ X(O, {
+var Nn = V.memo(({ value: e, onChange: t, options: n, placeholder: r, className: i }) => /* @__PURE__ */ Z(P, {
 	value: e,
 	onValueChange: (e) => t(e),
-	children: [/* @__PURE__ */ Y(T, {
+	children: [/* @__PURE__ */ X(j, {
 		className: i,
-		children: /* @__PURE__ */ Y(w, { placeholder: r })
-	}), /* @__PURE__ */ Y(E, { children: n.map((e) => /* @__PURE__ */ Y(D, {
+		children: /* @__PURE__ */ X(A, { placeholder: r })
+	}), /* @__PURE__ */ X(M, { children: n.map((e) => /* @__PURE__ */ X(N, {
 		value: e.value,
 		children: e.label
 	}, e.value)) })]
 }));
-An.displayName = "FilterRuleSelect";
+Nn.displayName = "FilterRuleSelect";
 //#endregion
 //#region src/components/EzTable/components/AdvancedColumnFilter.tsx
-var jn = {
+var Pn = {
 	text: [
 		{
 			label: "Contains",
@@ -2830,15 +2962,15 @@ var jn = {
 			value: "between"
 		}
 	]
-}, Mn = ({ columnType: e, columnId: t, value: n, onChange: r }) => {
-	let i = jn[e === "datetime" || e === "date" ? "date" : e === "number" ? "number" : "text"] || jn.text, s = e === "number" ? "number" : e === "date" || e === "datetime" ? "date" : "text", c = n?.kind === "group", l = c ? n.filters[0] : n?.operator ? n : {
+}, Fn = ({ columnType: e, columnId: t, value: n, onChange: r }) => {
+	let i = Pn[e === "datetime" || e === "date" ? "date" : e === "number" ? "number" : "text"] || Pn.text, s = e === "number" ? "number" : e === "date" || e === "datetime" ? "date" : "text", c = n?.kind === "group", l = c ? n.filters[0] : n?.operator ? n : {
 		operator: i[0].value,
 		value: ""
 	}, u = c ? n.filters[1] : {
 		operator: i[0].value,
 		value: ""
-	}, d = c ? n.logic : "OR", f = c, [p, m] = K(l), [h, g] = K(u), [_, v] = K(d), [y, b] = K(f);
-	B.useEffect(() => {
+	}, d = c ? n.logic : "OR", f = c, [p, m] = q(l), [h, g] = q(u), [_, v] = q(d), [y, b] = q(f);
+	V.useEffect(() => {
 		let e = n?.kind === "group", t = e ? n.filters[0] : n?.operator ? n : {
 			operator: i[0].value,
 			value: ""
@@ -2888,15 +3020,15 @@ var jn = {
 		};
 		if (e.operator === "between") {
 			let t = Array.isArray(e.value) ? e.value : [e.value ?? "", ""];
-			return /* @__PURE__ */ X("div", {
+			return /* @__PURE__ */ Z("div", {
 				className: "flex gap-2",
-				children: [/* @__PURE__ */ Y(a, {
+				children: [/* @__PURE__ */ X(a, {
 					type: s,
 					value: t[0],
 					onChange: (e) => r([e.target.value, t[1]]),
 					className: "h-8 shadow-none flex-1",
 					placeholder: "From..."
-				}), /* @__PURE__ */ Y(a, {
+				}), /* @__PURE__ */ X(a, {
 					type: s,
 					value: t[1],
 					onChange: (e) => r([t[0], e.target.value]),
@@ -2905,7 +3037,7 @@ var jn = {
 				})]
 			});
 		}
-		return /* @__PURE__ */ Y(a, {
+		return /* @__PURE__ */ X(a, {
 			type: s,
 			value: e.value ?? "",
 			onChange: (e) => r(e.target.value),
@@ -2913,17 +3045,17 @@ var jn = {
 			placeholder: "Enter value..."
 		});
 	};
-	return /* @__PURE__ */ X("div", {
+	return /* @__PURE__ */ Z("div", {
 		className: "p-3 space-y-4",
 		children: [
-			/* @__PURE__ */ X("div", {
+			/* @__PURE__ */ Z("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ Y(o, {
+				children: [/* @__PURE__ */ X(o, {
 					className: "text-xs font-medium text-muted-foreground uppercase",
 					children: "Show rows where:"
-				}), /* @__PURE__ */ X("div", {
+				}), /* @__PURE__ */ Z("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ Y(An, {
+					children: [/* @__PURE__ */ X(Nn, {
 						value: p.operator,
 						options: i,
 						onChange: (e) => {
@@ -2939,32 +3071,32 @@ var jn = {
 					}), S(p, m, !1)]
 				})]
 			}),
-			/* @__PURE__ */ Y("div", {
+			/* @__PURE__ */ X("div", {
 				className: "flex justify-center",
-				children: /* @__PURE__ */ X(Et, {
+				children: /* @__PURE__ */ Z(Ot, {
 					value: _,
 					onValueChange: (e) => {
 						v(e), y || b(!0), x(p, h, e, !0);
 					},
 					className: "flex gap-4",
-					children: [/* @__PURE__ */ X("div", {
+					children: [/* @__PURE__ */ Z("div", {
 						className: "flex items-center space-x-1.5 focus-within:bg-muted/50 px-2 py-0.5 rounded transition",
-						children: [/* @__PURE__ */ Y(Dt, {
+						children: [/* @__PURE__ */ X(kt, {
 							value: "AND",
 							id: "and",
 							className: "h-3.5 w-3.5"
-						}), /* @__PURE__ */ Y(o, {
+						}), /* @__PURE__ */ X(o, {
 							htmlFor: "and",
 							className: "text-xs cursor-pointer font-semibold uppercase tracking-wider",
 							children: "And"
 						})]
-					}), /* @__PURE__ */ X("div", {
+					}), /* @__PURE__ */ Z("div", {
 						className: "flex items-center space-x-1.5 focus-within:bg-muted/50 px-2 py-0.5 rounded transition",
-						children: [/* @__PURE__ */ Y(Dt, {
+						children: [/* @__PURE__ */ X(kt, {
 							value: "OR",
 							id: "or",
 							className: "h-3.5 w-3.5"
-						}), /* @__PURE__ */ Y(o, {
+						}), /* @__PURE__ */ X(o, {
 							htmlFor: "or",
 							className: "text-xs cursor-pointer font-semibold uppercase tracking-wider",
 							children: "Or"
@@ -2972,11 +3104,11 @@ var jn = {
 					})]
 				})
 			}),
-			/* @__PURE__ */ Y("div", {
+			/* @__PURE__ */ X("div", {
 				className: `space-y-2 transition-opacity duration-200 ${y ? "" : "opacity-50"}`,
-				children: /* @__PURE__ */ X("div", {
+				children: /* @__PURE__ */ Z("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ Y(An, {
+					children: [/* @__PURE__ */ X(Nn, {
 						value: h.operator,
 						options: i,
 						onChange: (e) => {
@@ -2992,7 +3124,7 @@ var jn = {
 					}), S(h, g, !0)]
 				})
 			}),
-			!y && /* @__PURE__ */ Y("div", {
+			!y && /* @__PURE__ */ X("div", {
 				className: "text-[10px] text-muted-foreground italic text-center",
 				children: "Select AND/OR or enter a second value to combine filters"
 			})
@@ -3001,26 +3133,26 @@ var jn = {
 };
 //#endregion
 //#region src/components/EzTable/EzExcelFilter.tsx
-function Nn({ column: t, table: n }) {
-	let [r, i] = K(!1), a = n.options.meta?.containerRef;
-	return /* @__PURE__ */ X(g, {
+function In({ column: t, table: n }) {
+	let [r, i] = q(!1), a = n.options.meta?.containerRef;
+	return /* @__PURE__ */ Z(C, {
 		open: r,
 		onOpenChange: i,
-		children: [/* @__PURE__ */ Y(h, {
+		children: [/* @__PURE__ */ X(S, {
 			asChild: !0,
-			children: /* @__PURE__ */ Y("div", {
+			children: /* @__PURE__ */ X("div", {
 				className: e("ml-1 cursor-pointer p-1 rounded hover:bg-muted transition focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", t.getIsFiltered() ? "bg-primary/10" : ""),
 				onClick: (e) => {
 					e.stopPropagation();
 				},
-				children: /* @__PURE__ */ Y(Se, { className: e("w-4 h-4", t.getIsFiltered() ? "text-primary fill-primary" : "text-muted-foreground") })
+				children: /* @__PURE__ */ X(be, { className: e("w-4 h-4", t.getIsFiltered() ? "text-primary fill-primary" : "text-muted-foreground") })
 			})
-		}), /* @__PURE__ */ Y(m, {
+		}), /* @__PURE__ */ X(x, {
 			className: "w-[280px] p-0",
 			align: "start",
 			container: a?.current,
 			collisionBoundary: a?.current,
-			children: r && /* @__PURE__ */ Y(Ln, {
+			children: r && /* @__PURE__ */ X(Bn, {
 				column: t,
 				table: n,
 				setIsOpen: i,
@@ -3029,9 +3161,9 @@ function Nn({ column: t, table: n }) {
 		})]
 	});
 }
-var Pn = ["date", "datetime"], Fn = ["boolean"], In = ["select"], Ln = B.memo(({ column: n, table: r, setIsOpen: o, filterValue: s }) => {
-	let [c, l] = K("list"), [u, d] = K(""), [f, p] = K(""), [m, h] = K(!0), [g, _] = K(/* @__PURE__ */ new Map()), [v, y] = K([]), b = (r.options.meta?.containerRef?.current || (typeof document < "u" ? document.getElementById("ez-table-default") : null))?.clientHeight ?? 500, x = Math.min(500, b > 100 ? b - 40 : 500);
-	U(() => {
+var Ln = ["date", "datetime"], Rn = ["boolean"], zn = ["select"], Bn = V.memo(({ column: n, table: r, setIsOpen: o, filterValue: s }) => {
+	let [c, l] = q("list"), [u, d] = q(""), [f, p] = q(""), [m, h] = q(!0), [g, _] = q(/* @__PURE__ */ new Map()), [v, y] = q([]), b = (r.options.meta?.containerRef?.current || (typeof document < "u" ? document.getElementById("ez-table-default") : null))?.clientHeight ?? 500, x = Math.min(500, b > 100 ? b - 40 : 500);
+	W(() => {
 		let e = setTimeout(() => p(u), 200), t = setTimeout(() => {
 			let e = n.getFacetedUniqueValues();
 			_(e), y(Array.from(e.keys())), h(!1);
@@ -3040,10 +3172,10 @@ var Pn = ["date", "datetime"], Fn = ["boolean"], In = ["select"], Ln = B.memo(({
 			clearTimeout(e), clearTimeout(t);
 		};
 	}, [u, n]);
-	let { selectedValues: S, handleSelectAll: C, handleSelect: w, handleBulkSelect: T, clearSelection: E } = Sn(s, v), D = W(() => {
+	let { selectedValues: S, handleSelectAll: C, handleSelect: w, handleBulkSelect: T, clearSelection: E } = Tn(s, v), D = G(() => {
 		let e = n.columnDef.meta;
-		return e?.columnType ? e.columnType : v.length === 0 ? "text" : xn(v);
-	}, [n.columnDef.meta, v]), O = Pn.includes(D), k = Fn.includes(D), A = In.includes(D), j = W(() => {
+		return e?.columnType ? e.columnType : v.length === 0 ? "text" : wn(v);
+	}, [n.columnDef.meta, v]), O = Ln.includes(D), ee = Rn.includes(D), k = zn.includes(D), A = G(() => {
 		let e = [...v].sort((e, t) => {
 			if (e === t) return 0;
 			if (e == null) return -1;
@@ -3057,103 +3189,103 @@ var Pn = ["date", "datetime"], Fn = ["boolean"], In = ["select"], Ln = B.memo(({
 		if (!f) return e;
 		let t = f.toLowerCase();
 		return e.filter((e) => String(e).toLowerCase().includes(t));
-	}, [v, f]), ee = () => {
+	}, [v, f]), j = () => {
 		if (c === "filters") {
 			o(!1);
 			return;
 		}
 		let e;
-		e = S === null ? f ? j : void 0 : Array.from(S), n.setFilterValue(e?.length === 0 ? void 0 : e), o(!1);
-	}, te = () => {
+		e = S === null ? f ? A : void 0 : Array.from(S), n.setFilterValue(e?.length === 0 ? void 0 : e), o(!1);
+	}, M = () => {
 		n.setFilterValue(void 0), o(!1), E(), d("");
-	}, M = s, N = M && typeof M == "object" && !Array.isArray(M), P = (e) => {
+	}, N = s, P = N && typeof N == "object" && !Array.isArray(N), te = (e) => {
 		n.setFilterValue(e);
-	}, ne = W(() => S === null ? !0 : j.length > 0 && j.every((e) => S.has(e)), [S, j]), F = W(() => S === null ? j.length > 0 : j.some((e) => S.has(e)), [S, j]);
-	return m ? /* @__PURE__ */ X("div", {
+	}, F = G(() => S === null || A.length > 0 && A.every((e) => S.has(e)), [S, A]), I = G(() => S === null ? A.length > 0 : A.some((e) => S.has(e)), [S, A]);
+	return m ? /* @__PURE__ */ Z("div", {
 		className: "h-[300px] flex flex-col items-center justify-center space-y-3 bg-popover text-popover-foreground",
-		children: [/* @__PURE__ */ Y(Ce, { className: "h-8 w-8 animate-spin text-primary" }), /* @__PURE__ */ Y("span", {
+		children: [/* @__PURE__ */ X(xe, { className: "h-8 w-8 animate-spin text-primary" }), /* @__PURE__ */ X("span", {
 			className: "text-sm text-muted-foreground animate-pulse font-medium",
 			children: "Calculating filter values..."
 		})]
-	}) : /* @__PURE__ */ Y("div", {
+	}) : /* @__PURE__ */ X("div", {
 		className: "flex flex-col min-h-0 overflow-hidden",
 		style: { maxHeight: `${x}px` },
-		children: c === "filters" ? /* @__PURE__ */ X("div", {
+		children: c === "filters" ? /* @__PURE__ */ Z("div", {
 			className: "flex flex-col animate-in fade-in slide-in-from-right-2 duration-200",
 			children: [
-				/* @__PURE__ */ X("div", {
+				/* @__PURE__ */ Z("div", {
 					className: "p-3 border-b flex items-center space-x-2 bg-muted/30",
-					children: [/* @__PURE__ */ Y(i, {
+					children: [/* @__PURE__ */ X(i, {
 						variant: "ghost",
 						size: "sm",
 						onClick: () => l("list"),
 						className: "h-6 w-6 p-0",
-						children: /* @__PURE__ */ Y(fe, { className: "h-4 w-4" })
-					}), /* @__PURE__ */ X("span", {
+						children: /* @__PURE__ */ X(ue, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ Z("span", {
 						className: "font-semibold text-sm capitalize",
 						children: [D, " Filters"]
 					})]
 				}),
-				/* @__PURE__ */ Y("div", {
+				/* @__PURE__ */ X("div", {
 					className: "flex-1 overflow-y-auto min-h-0",
-					children: /* @__PURE__ */ Y(Mn, {
+					children: /* @__PURE__ */ X(Fn, {
 						columnType: D,
 						columnId: n.id,
-						value: N ? M : void 0,
-						onChange: P
+						value: P ? N : void 0,
+						onChange: te
 					})
 				}),
-				/* @__PURE__ */ Y(Dn, {
-					onClear: te,
-					onApply: ee,
+				/* @__PURE__ */ X(An, {
+					onClear: M,
+					onApply: j,
 					className: "border-t mt-auto"
 				})
 			]
-		}) : /* @__PURE__ */ X("div", {
+		}) : /* @__PURE__ */ Z("div", {
 			className: "flex flex-col animate-in fade-in slide-in-from-left-2 duration-200 flex-1 min-h-0",
 			children: [
-				n.getCanPin() && /* @__PURE__ */ X("div", {
+				n.getCanPin() && /* @__PURE__ */ Z("div", {
 					className: "p-1 border-b border-border space-y-0.5",
-					children: [["left", "right"].map((t) => n.getIsPinned() !== t && /* @__PURE__ */ X("div", {
+					children: [["left", "right"].map((t) => n.getIsPinned() !== t && /* @__PURE__ */ Z("div", {
 						className: "flex items-center gap-2 px-2 py-1.5 text-xs font-medium cursor-pointer hover:bg-muted rounded",
 						onClick: () => {
 							n.pin(t), o(!1);
 						},
 						children: [
-							/* @__PURE__ */ Y(Ee, { className: e("w-3.5 h-3.5", t === "left" ? "rotate-[-45deg]" : "rotate-[45deg]") }),
+							/* @__PURE__ */ X(we, { className: e("w-3.5 h-3.5", t === "left" ? "rotate-[-45deg]" : "rotate-[45deg]") }),
 							" Pin to ",
 							t.charAt(0).toUpperCase() + t.slice(1)
 						]
-					}, t)), n.getIsPinned() && /* @__PURE__ */ X("div", {
+					}, t)), n.getIsPinned() && /* @__PURE__ */ Z("div", {
 						className: "flex items-center gap-2 px-2 py-1.5 text-xs font-medium text-red-500 cursor-pointer hover:bg-red-50 dark:hover:bg-red-900/20 rounded",
 						onClick: () => {
 							n.pin(!1), o(!1);
 						},
-						children: [/* @__PURE__ */ Y(De, { className: "w-3.5 h-3.5" }), " Unpin Column"]
+						children: [/* @__PURE__ */ X(Te, { className: "w-3.5 h-3.5" }), " Unpin Column"]
 					})]
 				}),
-				!k && !A && /* @__PURE__ */ X("div", {
+				!ee && !k && /* @__PURE__ */ Z("div", {
 					className: "p-2 border-b border-border flex justify-between items-center cursor-pointer hover:bg-muted/50 transition group",
 					onClick: () => l("filters"),
-					children: [/* @__PURE__ */ X("span", {
+					children: [/* @__PURE__ */ Z("span", {
 						className: "text-sm font-medium capitalize",
 						children: [D, " Filters"]
-					}), /* @__PURE__ */ Y(pe, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" })]
+					}), /* @__PURE__ */ X(de, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" })]
 				}),
-				/* @__PURE__ */ Y("div", {
+				/* @__PURE__ */ X("div", {
 					className: "flex flex-col flex-1 overflow-hidden min-h-0",
-					children: k ? /* @__PURE__ */ Y(wn, { column: n }) : A ? /* @__PURE__ */ Y(Tn, {
+					children: ee ? /* @__PURE__ */ X(Dn, { column: n }) : k ? /* @__PURE__ */ X(On, {
 						column: n,
 						allAvailableValues: v
-					}) : /* @__PURE__ */ X("div", {
+					}) : /* @__PURE__ */ Z("div", {
 						className: "flex flex-col flex-1 min-h-0 pointer-events-auto",
-						children: [/* @__PURE__ */ X("div", {
+						children: [/* @__PURE__ */ Z("div", {
 							className: "sticky top-0 bg-popover text-popover-foreground border-b z-20",
-							children: [/* @__PURE__ */ Y("div", {
+							children: [/* @__PURE__ */ X("div", {
 								className: "p-2",
-								children: /* @__PURE__ */ X("div", {
+								children: /* @__PURE__ */ Z("div", {
 									className: "relative",
-									children: [/* @__PURE__ */ Y(Ae, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ Y(a, {
+									children: [/* @__PURE__ */ X(Oe, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ X(a, {
 										placeholder: "Search...",
 										value: u,
 										onChange: (e) => d(e.target.value),
@@ -3161,23 +3293,23 @@ var Pn = ["date", "datetime"], Fn = ["boolean"], In = ["select"], Ln = B.memo(({
 										autoFocus: !0
 									})]
 								})
-							}), /* @__PURE__ */ Y(Cn, {
-								checked: ne,
-								indeterminate: F && !ne,
+							}), /* @__PURE__ */ X(En, {
+								checked: F,
+								indeterminate: I && !F,
 								onSelectAll: (e) => {
-									f ? T(j, e) : C(e);
+									f ? T(A, e) : C(e);
 								},
 								showSearchResults: !!f
 							})]
-						}), O ? /* @__PURE__ */ Y("div", {
+						}), O ? /* @__PURE__ */ X("div", {
 							className: "flex-1 overflow-y-auto px-2 pb-2 min-h-0 pt-2",
-							children: /* @__PURE__ */ Y(kn, {
+							children: /* @__PURE__ */ X(Mn, {
 								uniqueValues: g,
 								selectedValues: S,
 								onBulkSelect: T
 							})
-						}) : /* @__PURE__ */ Y(En, {
-							sortedUniqueValues: j,
+						}) : /* @__PURE__ */ X(kn, {
+							sortedUniqueValues: A,
 							selectedValues: S,
 							handleSelect: w,
 							formatter: (e) => {
@@ -3201,87 +3333,87 @@ var Pn = ["date", "datetime"], Fn = ["boolean"], In = ["select"], Ln = B.memo(({
 						})]
 					})
 				}),
-				/* @__PURE__ */ Y(Dn, {
-					onClear: te,
-					onApply: ee
+				/* @__PURE__ */ X(An, {
+					onClear: M,
+					onApply: j
 				})
 			]
 		})
 	});
 });
-Ln.displayName = "FilterContent";
+Bn.displayName = "FilterContent";
 //#endregion
 //#region src/components/EzTable/EzHeaderContextMenu.tsx
-function Rn({ header: e, children: t }) {
+function Vn({ header: e, children: t }) {
 	let n = e.column, r = n.getIsPinned(), i = n.getCanGroup(), a = n.getIsGrouped();
-	return /* @__PURE__ */ X(M, { children: [/* @__PURE__ */ Y(ee, {
+	return /* @__PURE__ */ Z(g, { children: [/* @__PURE__ */ X(m, {
 		asChild: !0,
 		children: t
-	}), /* @__PURE__ */ X(te, {
+	}), /* @__PURE__ */ Z(h, {
 		className: "w-48",
 		children: [
-			i && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(N, {
+			i && /* @__PURE__ */ Z(Me, { children: [/* @__PURE__ */ X(_, {
 				onClick: () => n.toggleGrouping(),
 				className: "gap-2",
-				children: a ? /* @__PURE__ */ X(J, { children: [
-					/* @__PURE__ */ Y(je, { className: "w-3.5 h-3.5" }),
+				children: a ? /* @__PURE__ */ Z(Me, { children: [
+					/* @__PURE__ */ X(ke, { className: "w-3.5 h-3.5" }),
 					"Ungroup ",
 					n.id
-				] }) : /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(xe, { className: "w-3.5 h-3.5 text-zinc-500/70" }), "Group by column"] })
-			}), /* @__PURE__ */ Y(j, {})] }),
-			/* @__PURE__ */ X(N, {
+				] }) : /* @__PURE__ */ Z(Me, { children: [/* @__PURE__ */ X(ye, { className: "w-3.5 h-3.5 text-zinc-500/70" }), "Group by column"] })
+			}), /* @__PURE__ */ X(p, {})] }),
+			/* @__PURE__ */ Z(_, {
 				onClick: () => n.pin("left"),
 				disabled: r === "left",
 				className: "gap-2",
-				children: [/* @__PURE__ */ Y(Ee, { className: "w-3.5 h-3.5 rotate-[-45deg]" }), "Pin to Left"]
+				children: [/* @__PURE__ */ X(we, { className: "w-3.5 h-3.5 rotate-[-45deg]" }), "Pin to Left"]
 			}),
-			/* @__PURE__ */ X(N, {
+			/* @__PURE__ */ Z(_, {
 				onClick: () => n.pin("right"),
 				disabled: r === "right",
 				className: "gap-2",
-				children: [/* @__PURE__ */ Y(Ee, { className: "w-3.5 h-3.5 rotate-[45deg]" }), "Pin to Right"]
+				children: [/* @__PURE__ */ X(we, { className: "w-3.5 h-3.5 rotate-[45deg]" }), "Pin to Right"]
 			}),
-			r && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(j, {}), /* @__PURE__ */ X(N, {
+			r && /* @__PURE__ */ Z(Me, { children: [/* @__PURE__ */ X(p, {}), /* @__PURE__ */ Z(_, {
 				onClick: () => n.pin(!1),
 				className: "text-red-600 focus:text-red-700 focus:bg-red-50 dark:focus:bg-red-900/20 gap-2",
-				children: [/* @__PURE__ */ Y(De, { className: "w-3.5 h-3.5" }), "Unpin Column"]
+				children: [/* @__PURE__ */ X(Te, { className: "w-3.5 h-3.5" }), "Unpin Column"]
 			})] })
 		]
 	})] });
 }
 //#endregion
 //#region src/components/EzTable/components/EzDraggableHeader.tsx
-var zn = V(({ header: t, density: n, onAutoFit: r, columnPinning: i }) => {
-	let a = t.getContext().table.options.meta, o = t.id === "select" || t.id === "actions", s = t.column.columnDef.meta, c = t.column.columnDef, l = a?.enableColumnReorder !== !1 && !o && s?.allowReordering !== !1 && c?.allowReordering !== !1, u = !(t.column.getCanGroup() && !o) && !l || t.isPlaceholder, { attributes: d, listeners: f, setNodeRef: p, isDragging: m } = Re({
+var Hn = H(({ header: t, density: n, onAutoFit: r, columnPinning: i }) => {
+	let a = t.getContext().table.options.meta, o = t.id === "select" || t.id === "actions", s = t.column.columnDef.meta, c = t.column.columnDef, l = a?.enableColumnReorder !== !1 && !o && s?.allowReordering !== !1 && c?.allowReordering !== !1, u = !(t.column.getCanGroup() && !o) && !l || t.isPlaceholder, { attributes: d, listeners: f, setNodeRef: p, isDragging: m } = ze({
 		id: t.column.id,
 		disabled: u,
 		data: {
 			type: "column",
 			columnId: t.column.id
 		}
-	}), { setNodeRef: h, isOver: g } = ze({
+	}), { setNodeRef: h, isOver: g } = Be({
 		id: `header-${t.column.id}`,
 		disabled: u,
 		data: {
 			type: "header",
 			columnId: t.column.id
 		}
-	}), _ = t.column.getIsPinned(), v = W(() => {
+	}), _ = t.column.getIsPinned(), v = G(() => {
 		if (!_) return {};
 		let e = _ === "right" ? t.column.getAfter("right") : t.column.getStart("left"), n = t.getContext().table.options.meta;
-		return ln(_, e, n?.dir);
+		return fn(_, e, n?.dir);
 	}, [
 		_,
 		t.column,
 		i
-	]), y = B.useRef(0), b = H((e) => {
+	]), y = V.useRef(0), b = U((e) => {
 		let n = Date.now();
 		n - y.current < 300 && r?.(t.column.id), y.current = n, t.getResizeHandler()(e);
-	}, [t, r]), x = t.column.columnDef.meta?.align || "left", S = t.column.columnDef.meta?.gridLines || t.getContext().table.options.meta?.gridLines, C = a?.focusedCell?.c === t.index, w = /* @__PURE__ */ X("div", {
+	}, [t, r]), x = t.column.columnDef.meta?.align || "left", S = t.column.columnDef.meta?.gridLines || t.getContext().table.options.meta?.gridLines, C = a?.focusedCell?.c === t.index, w = /* @__PURE__ */ Z("div", {
 		ref: (e) => {
 			p(e), h(e);
 		},
-		className: e("relative h-full font-semibold text-foreground flex items-center select-none group/header transition-all flex-shrink-0 px-4", a?.dir === "rtl" ? "border-l border-border/50" : "border-r border-border/50", gn(n), m && "opacity-50 bg-muted pointer-events-none", g && "ring-2 ring-inset ring-primary bg-accent/50", t.column.getIsGrouped() && "bg-accent/30", C && "bg-primary/5 text-primary border-b-2 border-primary", x === "center" && "justify-center text-center", x === "right" && "justify-end text-right", un(_), (S === "Both" || S === "Vertical") && (a?.dir === "rtl" ? "border-l border-border" : "border-r border-border")),
+		className: e("relative h-full font-semibold text-foreground flex items-center select-none group/header transition-all flex-shrink-0 px-4", a?.dir === "rtl" ? "border-l border-border/50" : "border-r border-border/50", yn(n), m && "opacity-50 bg-muted pointer-events-none", g && "ring-2 ring-inset ring-primary bg-accent/50", t.column.getIsGrouped() && "bg-accent/30", C && "bg-primary/5 text-primary border-b-2 border-primary", x === "center" && "justify-center text-center", x === "right" && "justify-end text-right", pn(_), (S === "Both" || S === "Vertical") && (a?.dir === "rtl" ? "border-l border-border" : "border-r border-border")),
 		style: {
 			width: `calc(var(--header-${t.id}-size) * 1px)`,
 			minWidth: (t.column.columnDef.minSize ?? 0) > 0 ? t.column.columnDef.minSize : void 0,
@@ -3291,75 +3423,75 @@ var zn = V(({ header: t, density: n, onAutoFit: r, columnPinning: i }) => {
 		role: "columnheader",
 		"aria-colindex": t.index + 1,
 		"aria-sort": t.column.getIsSorted() === "asc" ? "ascending" : t.column.getIsSorted() === "desc" ? "descending" : "none",
-		children: [/* @__PURE__ */ X("div", {
+		children: [/* @__PURE__ */ Z("div", {
 			className: e("flex items-center w-full h-full gap-2", x === "center" && "justify-center relative", x === "right" && "justify-end"),
 			children: [
-				!u && /* @__PURE__ */ Y("div", {
+				!u && /* @__PURE__ */ X("div", {
 					...d,
 					...f,
 					className: e("cursor-grab active:cursor-grabbing p-1 text-muted-foreground hover:text-foreground transition-colors z-50", x === "center" ? a?.dir === "rtl" ? "absolute right-1 top-1/2 -translate-y-1/2" : "absolute left-1 top-1/2 -translate-y-1/2" : a?.dir === "rtl" ? "-mr-2 ml-1" : "-ml-2 mr-1"),
-					children: /* @__PURE__ */ Y(be, { className: "w-3.5 h-3.5" })
+					children: /* @__PURE__ */ X(ve, { className: "w-3.5 h-3.5" })
 				}),
-				/* @__PURE__ */ X("div", {
+				/* @__PURE__ */ Z("div", {
 					className: e("flex items-center min-w-0 gap-2 cursor-pointer group h-full select-none", x === "center" && "justify-center", x === "right" && "justify-end", t.column.getCanSort() ? "hover:text-foreground/80" : "", x !== "center" && x !== "right" && "flex-1"),
 					onClick: t.column.getToggleSortingHandler(),
 					tabIndex: t.column.getCanSort() ? 0 : -1,
 					role: "button",
 					"aria-label": `Sort by ${t.column.columnDef.header}`,
 					children: [
-						x === "center" && t.column.getIsSorted() && /* @__PURE__ */ Y("div", {
+						x === "center" && t.column.getIsSorted() && /* @__PURE__ */ X("div", {
 							className: "w-4 h-4 flex-shrink-0",
 							"aria-hidden": "true"
 						}),
-						/* @__PURE__ */ Y("span", {
+						/* @__PURE__ */ X("span", {
 							className: "truncate min-w-0",
-							children: !t.isPlaceholder && Je(t.column.columnDef.header, t.getContext())
+							children: !t.isPlaceholder && Ye(t.column.columnDef.header, t.getContext())
 						}),
-						t.column.getIsSorted() === "asc" && /* @__PURE__ */ Y(ue, { className: "w-4 h-4 text-foreground flex-shrink-0" }),
-						t.column.getIsSorted() === "desc" && /* @__PURE__ */ Y(le, { className: "w-4 h-4 text-foreground flex-shrink-0" })
+						t.column.getIsSorted() === "asc" && /* @__PURE__ */ X(ce, { className: "w-4 h-4 text-foreground flex-shrink-0" }),
+						t.column.getIsSorted() === "desc" && /* @__PURE__ */ X(se, { className: "w-4 h-4 text-foreground flex-shrink-0" })
 					]
 				}),
-				!t.isPlaceholder && t.column.getCanFilter() && /* @__PURE__ */ Y("div", {
+				!t.isPlaceholder && t.column.getCanFilter() && /* @__PURE__ */ X("div", {
 					className: e(a?.dir === "rtl" ? "ml-2" : "mr-2", x === "center" && (a?.dir === "rtl" ? "absolute left-1 top-1/2 -translate-y-1/2 ml-0" : "absolute right-1 top-1/2 -translate-y-1/2 mr-0")),
-					children: /* @__PURE__ */ Y(Nn, {
+					children: /* @__PURE__ */ X(In, {
 						column: t.column,
 						table: t.getContext().table
 					})
 				})
 			]
-		}), t.column.getCanResize() && /* @__PURE__ */ Y("div", {
+		}), t.column.getCanResize() && /* @__PURE__ */ X("div", {
 			onMouseDown: b,
 			onTouchStart: t.getResizeHandler(),
 			className: e("absolute top-0 h-full w-4 cursor-col-resize hover:bg-primary/10 touch-none select-none z-30 transition-colors", a?.dir === "rtl" ? "left-0" : "right-0", t.column.getIsResizing() ? "bg-primary w-1" : ""),
 			role: "separator"
 		})]
 	});
-	return t.column.getCanPin() || t.column.getCanGroup() ? /* @__PURE__ */ Y(Rn, {
+	return t.column.getCanPin() || t.column.getCanGroup() ? /* @__PURE__ */ X(Vn, {
 		header: t,
 		children: w
 	}) : w;
 });
-zn.displayName = "EzDraggableHeader";
+Hn.displayName = "EzDraggableHeader";
 //#endregion
 //#region src/components/EzTable/components/EzTableHeaderSection.tsx
-var Bn = B.memo(Vn);
-function Vn({ table: t, enableStickyHeader: n, classNames: r, density: i, autoFitColumn: a, slots: o }) {
-	return /* @__PURE__ */ Y("div", {
-		className: e(_n, "w-full bg-white dark:bg-zinc-900 shadow-sm", vn.bottom, n && "sticky top-0 z-30", r?.header),
+var Un = V.memo(Wn);
+function Wn({ table: t, enableStickyHeader: n, classNames: r, density: i, autoFitColumn: a, slots: o }) {
+	return /* @__PURE__ */ X("div", {
+		className: e(bn, "w-full bg-white dark:bg-zinc-900 shadow-sm", xn.bottom, n && "sticky top-0 z-30", r?.header),
 		role: "rowgroup",
-		children: t.getHeaderGroups().map((n) => /* @__PURE__ */ Y("div", {
-			className: e("flex w-full border-border/50 last:border-0 h-full", vn.bottom),
+		children: t.getHeaderGroups().map((n) => /* @__PURE__ */ X("div", {
+			className: e("flex w-full border-border/50 last:border-0 h-full", xn.bottom),
 			role: "row",
-			children: o?.header ? /* @__PURE__ */ Y("div", {
+			children: o?.header ? /* @__PURE__ */ X("div", {
 				className: "contents",
 				children: (() => {
 					let e = o.header;
-					return n.headers.map((n) => /* @__PURE__ */ Y(e, {
+					return n.headers.map((n) => /* @__PURE__ */ X(e, {
 						header: n,
 						table: t
 					}, n.id));
 				})()
-			}) : n.headers.map((e) => /* @__PURE__ */ Y(zn, {
+			}) : n.headers.map((e) => /* @__PURE__ */ X(Hn, {
 				header: e,
 				density: i,
 				onAutoFit: a,
@@ -3370,14 +3502,14 @@ function Vn({ table: t, enableStickyHeader: n, classNames: r, density: i, autoFi
 }
 //#endregion
 //#region src/components/EzTable/EzTableOverlays.tsx
-var Hn = V(({ isLoading: e, rowCount: t, renderNoRowsOverlay: n, slots: r, localization: i }) => {
+var Gn = H(({ isLoading: e, rowCount: t, renderNoRowsOverlay: n, slots: r, localization: i }) => {
 	if (e) {
 		let e = r?.loading || r?.loadingOverlay;
-		return e ? /* @__PURE__ */ Y(e, {}) : /* @__PURE__ */ Y("div", {
+		return e ? /* @__PURE__ */ X(e, {}) : /* @__PURE__ */ X("div", {
 			className: "absolute inset-x-0 top-0 z-50 flex flex-col items-center justify-center bg-white/50 dark:bg-black/50 backdrop-blur-[1px] min-h-[200px]",
-			children: /* @__PURE__ */ X("div", {
+			children: /* @__PURE__ */ Z("div", {
 				className: "flex flex-col items-center gap-3 py-10",
-				children: [/* @__PURE__ */ Y("div", { className: "w-8 h-8 border-4 border-blue-500 border-t-transparent rounded-full animate-spin" }), /* @__PURE__ */ Y("span", {
+				children: [/* @__PURE__ */ X("div", { className: "w-8 h-8 border-4 border-blue-500 border-t-transparent rounded-full animate-spin" }), /* @__PURE__ */ X("span", {
 					className: "text-sm font-medium text-zinc-600 dark:text-zinc-400",
 					children: i?.loadingLabel || "Loading data..."
 				})]
@@ -3386,17 +3518,17 @@ var Hn = V(({ isLoading: e, rowCount: t, renderNoRowsOverlay: n, slots: r, local
 	}
 	if (t === 0) {
 		let e = r?.emptyRecord || r?.noRowsOverlay;
-		return e ? /* @__PURE__ */ Y(e, {}) : /* @__PURE__ */ Y("div", {
+		return e ? /* @__PURE__ */ X(e, {}) : /* @__PURE__ */ X("div", {
 			className: "absolute inset-0 flex flex-col items-center justify-center p-10 text-center",
-			children: n ? n() : /* @__PURE__ */ X("div", {
+			children: n ? n() : /* @__PURE__ */ Z("div", {
 				className: "flex flex-col items-center gap-2 text-zinc-400",
 				children: [
-					/* @__PURE__ */ Y(ye, { className: "w-12 h-12 opacity-10 mb-2" }),
-					/* @__PURE__ */ Y("span", {
+					/* @__PURE__ */ X(_e, { className: "w-12 h-12 opacity-10 mb-2" }),
+					/* @__PURE__ */ X("span", {
 						className: "text-sm font-medium",
 						children: i?.noRowsLabel || "No results found"
 					}),
-					/* @__PURE__ */ Y("p", {
+					/* @__PURE__ */ X("p", {
 						className: "text-xs",
 						children: "Adjust your filters or search to see more results"
 					})
@@ -3406,22 +3538,22 @@ var Hn = V(({ isLoading: e, rowCount: t, renderNoRowsOverlay: n, slots: r, local
 	}
 	return null;
 });
-Hn.displayName = "EzTableOverlays";
+Gn.displayName = "EzTableOverlays";
 //#endregion
 //#region src/components/EzTable/utils/TruncatedTooltip.tsx
-var Un = ({ children: e, text: t }) => {
-	let n = G(null), [r, i] = K(!1), a = () => n.current ? n.current.scrollWidth > n.current.clientWidth + 1 : !1;
-	return U(() => {
+var Kn = ({ children: e, text: t }) => {
+	let n = K(null), [r, i] = q(!1), a = () => n.current ? n.current.scrollWidth > n.current.clientWidth + 1 : !1;
+	return W(() => {
 		if (a(), n.current) {
 			let e = new ResizeObserver(a);
 			return e.observe(n.current), () => e.disconnect();
 		}
-	}, [e, t]), /* @__PURE__ */ Y(y, { children: /* @__PURE__ */ X(b, {
+	}, [e, t]), /* @__PURE__ */ X(E, { children: /* @__PURE__ */ Z(D, {
 		delayDuration: 300,
 		open: r,
-		children: [/* @__PURE__ */ Y(_, {
+		children: [/* @__PURE__ */ X(w, {
 			asChild: !0,
-			children: /* @__PURE__ */ Y("div", {
+			children: /* @__PURE__ */ X("div", {
 				ref: n,
 				className: "truncate w-full cursor-default min-w-0",
 				onMouseEnter: () => {
@@ -3432,17 +3564,17 @@ var Un = ({ children: e, text: t }) => {
 				},
 				children: e
 			})
-		}), /* @__PURE__ */ Y(v, { children: /* @__PURE__ */ Y("p", {
+		}), /* @__PURE__ */ X(T, { children: /* @__PURE__ */ X("p", {
 			className: "max-w-sm break-words",
 			children: t || e
 		}) })]
 	}) });
-}, Wn = V(({ cell: t, virtualRowIndex: n, cellIndex: r, isPinned: i, isSelected: a, isFocused: o, density: s, onCellMouseDown: c, onCellMouseEnter: l, onCellClick: u, onCellDoubleClick: d, tableMeta: f, rowDepth: p, renderDetailPanel: m, isFirstColumn: h, columnPinning: g }) => {
-	let _ = W(() => ({
+}, qn = H(({ cell: t, virtualRowIndex: n, cellIndex: r, isPinned: i, isSelected: a, isFocused: o, density: s, onCellMouseDown: c, onCellMouseEnter: l, onCellClick: u, onCellDoubleClick: d, tableMeta: f, rowDepth: p, renderDetailPanel: m, isFirstColumn: h, columnPinning: g }) => {
+	let _ = G(() => ({
 		width: `calc(var(--col-${t.column.id}-size) * 1px)`,
 		minWidth: (t.column.columnDef.minSize ?? 0) > 0 ? t.column.columnDef.minSize : void 0,
 		maxWidth: (t.column.columnDef.maxSize ?? 0) > 0 && t.column.columnDef.maxSize !== 2 ** 53 - 1 ? t.column.columnDef.maxSize : void 0,
-		...ln(i, i === "right" ? t.column.getAfter("right") : t.column.getStart("left"), f?.dir),
+		...fn(i, i === "right" ? t.column.getAfter("right") : t.column.getStart("left"), f?.dir),
 		paddingLeft: f?.dir !== "rtl" && (t.column.id === "firstName" || t.column.id === "name" || t.column.id === "id") ? `${p * 20 + 16}px` : void 0,
 		paddingRight: f?.dir === "rtl" && (t.column.id === "firstName" || t.column.id === "name" || t.column.id === "id") ? `${p * 20 + 16}px` : void 0
 	}), [
@@ -3450,9 +3582,9 @@ var Un = ({ children: e, text: t }) => {
 		i,
 		p,
 		g
-	]), v = /* @__PURE__ */ Y(J, { children: t.getIsGrouped() ? /* @__PURE__ */ X("span", {
+	]), v = /* @__PURE__ */ X(Me, { children: t.getIsGrouped() ? /* @__PURE__ */ Z("span", {
 		className: "font-semibold",
-		children: [Je(t.column.columnDef.cell, t.getContext()), /* @__PURE__ */ X("span", {
+		children: [Ye(t.column.columnDef.cell, t.getContext()), /* @__PURE__ */ Z("span", {
 			className: "text-muted-foreground font-normal ml-1",
 			children: [
 				"(",
@@ -3460,10 +3592,10 @@ var Un = ({ children: e, text: t }) => {
 				")"
 			]
 		})]
-	}) : t.getIsAggregated() ? /* @__PURE__ */ Y("span", {
+	}) : t.getIsAggregated() ? /* @__PURE__ */ X("span", {
 		className: e("font-medium tabular-nums", f?.enableGroupFooters && "text-primary/80 bg-primary/5 px-2 py-0.5 rounded"),
-		children: Je(t.column.columnDef.aggregatedCell ?? t.column.columnDef.cell, t.getContext())
-	}) : t.getIsPlaceholder() ? null : Je(t.column.columnDef.cell, t.getContext()) }), y = t.column.columnDef.meta?.clipMode, b = W(() => {
+		children: Ye(t.column.columnDef.aggregatedCell ?? t.column.columnDef.cell, t.getContext())
+	}) : t.getIsPlaceholder() ? null : Ye(t.column.columnDef.cell, t.getContext()) }), y = t.column.columnDef.meta?.clipMode, b = G(() => {
 		if (!f?.validate || !f?.validationAttempted) return { isValid: !0 };
 		let e = t.column.id, n = t.getValue(), r = t.row.original;
 		return f.validate(e, n, r);
@@ -3477,7 +3609,7 @@ var Un = ({ children: e, text: t }) => {
 		zIndex: 20,
 		position: "relative"
 	} : {};
-	return /* @__PURE__ */ X("div", {
+	return /* @__PURE__ */ Z("div", {
 		onMouseDown: (e) => {
 			e.button === 0 && (c(n, r, e), f?.setFocusedCell?.({
 				r: n,
@@ -3503,39 +3635,42 @@ var Un = ({ children: e, text: t }) => {
 			rowIndex: n,
 			colIndex: r
 		}),
-		className: e("px-4 text-sm font-medium text-foreground flex select-none min-h-full min-w-0 flex-shrink-0 relative", o && "z-20", o && b.isValid && "bg-primary/5", o && !b.isValid && "bg-destructive/5", !b.isValid && "ring-1 ring-inset ring-destructive", !o && (f?.dir === "rtl" ? "border-l border-border/50" : "border-r border-border/50"), t.column.columnDef.meta?.wrapText ? "items-start pt-3" : "items-center", cn(s), fn(a, o), dn(t.column.columnDef.meta?.align, f?.dir), pn(t.column.columnDef.meta?.wrapText ? "wrap" : y === "ellipsis-tooltip" ? "ellipsis" : "truncate", y === "ellipsis-tooltip"), un(i, f?.dir), !o && mn(t.column.columnDef.meta?.gridLines || f?.gridLines, void 0, f?.dir), typeof f?.classNames?.cell == "function" ? f.classNames.cell(t) : f?.classNames?.cell),
+		className: e("px-4 text-sm font-medium text-foreground flex select-none min-h-full min-w-0 flex-shrink-0 relative", o && "z-20", o && b.isValid && "bg-primary/5", o && !b.isValid && "bg-destructive/5", !b.isValid && "ring-1 ring-inset ring-destructive", !o && (f?.dir === "rtl" ? "border-l border-border/50" : "border-r border-border/50"), t.column.columnDef.meta?.wrapText ? "items-start pt-3" : "items-center", dn(s), hn(a, o), mn(t.column.columnDef.meta?.align, f?.dir), gn(t.column.columnDef.meta?.wrapText ? "wrap" : y === "ellipsis-tooltip" ? "ellipsis" : "truncate", y === "ellipsis-tooltip"), pn(i, f?.dir), !o && _n(t.column.columnDef.meta?.gridLines || f?.gridLines, void 0, f?.dir), typeof f?.classNames?.cell == "function" ? f.classNames.cell(t) : f?.classNames?.cell),
 		style: {
 			..._,
 			...x
 		},
 		role: "cell",
+		tabIndex: o ? 0 : -1,
+		"data-row-index": n,
+		"data-cell-index": r,
 		"data-column-id": t.column.id,
-		children: [t.getIsGrouped() || t.row.getCanExpand() && h || m && h ? /* @__PURE__ */ Y("button", {
+		children: [t.getIsGrouped() || t.row.getCanExpand() && h || m && h ? /* @__PURE__ */ X("button", {
 			className: e(f?.dir === "rtl" ? "ml-2" : "mr-2", "p-1 hover:bg-muted rounded transition-transform", !t.row.getCanExpand() && !m && "invisible"),
 			onClick: (e) => {
 				e.stopPropagation(), t.row.getToggleExpandedHandler()();
 			},
-			children: t.row.getIsExpanded() ? /* @__PURE__ */ Y(de, { className: "w-4 h-4" }) : /* @__PURE__ */ Y(pe, { className: "w-4 h-4" })
-		}) : null, b.isValid ? y === "ellipsis-tooltip" ? /* @__PURE__ */ Y("div", {
+			children: t.row.getIsExpanded() ? /* @__PURE__ */ X(le, { className: "w-4 h-4" }) : /* @__PURE__ */ X(de, { className: "w-4 h-4" })
+		}) : null, b.isValid ? y === "ellipsis-tooltip" ? /* @__PURE__ */ X("div", {
 			className: "flex-1 min-w-0",
-			children: /* @__PURE__ */ Y(Un, {
+			children: /* @__PURE__ */ X(Kn, {
 				text: typeof t.getValue() == "string" ? t.getValue() : void 0,
 				children: v
 			})
-		}) : v : /* @__PURE__ */ Y("div", {
+		}) : v : /* @__PURE__ */ X("div", {
 			className: "flex-1 min-w-0",
-			children: /* @__PURE__ */ Y(R, {
+			children: /* @__PURE__ */ X(z, {
 				enabled: !0,
 				side: f?.dir === "rtl" ? "left" : "right",
 				className: "bg-destructive text-destructive-foreground border-destructive/20 shadow-xl z-50",
-				content: /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y("p", {
+				content: /* @__PURE__ */ Z(Me, { children: [/* @__PURE__ */ X("p", {
 					className: "text-[10px] font-bold uppercase tracking-wider mb-0.5 opacity-80",
 					children: "Validation Error"
-				}), /* @__PURE__ */ Y("p", {
+				}), /* @__PURE__ */ X("p", {
 					className: "text-xs font-medium",
 					children: b.error
 				})] }),
-				children: /* @__PURE__ */ Y("div", {
+				children: /* @__PURE__ */ X("div", {
 					className: "w-full h-full flex items-center",
 					children: v
 				})
@@ -3543,24 +3678,24 @@ var Un = ({ children: e, text: t }) => {
 		})]
 	});
 });
-Wn.displayName = "EzTableCell";
+qn.displayName = "EzTableCell";
 //#endregion
 //#region src/components/EzTable/components/EzTableRow.tsx
-var Gn = V(({ virtualRow: t, row: n, table: r, density: i, enableContextMenu: a, onContextMenuItemClick: o, isCellSelected: s, onCellMouseDown: c, onCellMouseEnter: l, onCellClick: u, onCellDoubleClick: d, focusedCell: f, renderDetailPanel: p, measureElement: m, dynamicRowSizing: h, columnVirtualizer: g, onRowClick: _, onRowDoubleClick: v, onRowMouseEnter: y, onRowMouseLeave: b, columnPinning: x }) => {
-	let S = g?.getVirtualItems() || n.getVisibleCells().map((e, t) => ({ index: t })), C = n.getVisibleCells(), w = !!h || n.getIsExpanded() || C.some((e) => e.column.columnDef.meta?.wrapText), { paddingLeft: T, paddingRight: E } = W(() => !g || S.length === 0 ? {
+var Jn = H(({ virtualRow: t, row: n, table: r, density: i, enableContextMenu: a, onContextMenuItemClick: o, isCellSelected: s, onCellMouseDown: c, onCellMouseEnter: l, onCellClick: u, onCellDoubleClick: d, focusedCell: f, renderDetailPanel: p, measureElement: m, dynamicRowSizing: h, columnVirtualizer: g, onRowClick: _, onRowDoubleClick: y, onRowMouseEnter: b, onRowMouseLeave: x, columnPinning: S }) => {
+	let C = g?.getVirtualItems() || n.getVisibleCells().map((e, t) => ({ index: t })), w = n.getVisibleCells(), T = !!h || n.getIsExpanded() || w.some((e) => e.column.columnDef.meta?.wrapText), { paddingLeft: E, paddingRight: D } = G(() => !g || C.length === 0 ? {
 		paddingLeft: 0,
 		paddingRight: 0
 	} : {
-		paddingLeft: S[0]?.start || 0,
-		paddingRight: g.getTotalSize() - (S[S.length - 1]?.end || 0)
-	}, [g, S]);
-	return /* @__PURE__ */ Y(P, {
+		paddingLeft: C[0]?.start || 0,
+		paddingRight: g.getTotalSize() - (C[C.length - 1]?.end || 0)
+	}, [g, C]);
+	return /* @__PURE__ */ X(v, {
 		row: n,
 		enabled: a,
 		onAction: (e, t) => {
 			e === "pin-top" ? n.pin("top") : e === "pin-bottom" ? n.pin("bottom") : e === "unpin" ? n.pin(!1) : o?.(e, t);
 		},
-		children: /* @__PURE__ */ X("div", {
+		children: /* @__PURE__ */ Z("div", {
 			"data-index": t.index,
 			ref: m,
 			className: "absolute top-0 left-0 w-full flex flex-col group border-b border-border",
@@ -3568,7 +3703,7 @@ var Gn = V(({ virtualRow: t, row: n, table: r, density: i, enableContextMenu: a,
 			"aria-rowindex": t.index + 1,
 			style: {
 				transform: `translateY(${t.start}px)`,
-				...w ? { minHeight: `${t.size}px` } : { height: `${t.size}px` }
+				...T ? { minHeight: `${t.size}px` } : { height: `${t.size}px` }
 			},
 			onClick: (e) => _?.({
 				row: n.original,
@@ -3576,21 +3711,21 @@ var Gn = V(({ virtualRow: t, row: n, table: r, density: i, enableContextMenu: a,
 				rowIndex: n.index,
 				originalEvent: e
 			}),
-			onDoubleClick: (e) => v?.({
+			onDoubleClick: (e) => y?.({
 				row: n.original,
 				data: n.original,
 				rowIndex: n.index,
 				originalEvent: e
 			}),
-			onMouseEnter: (e) => y?.(n.index, e),
-			onMouseLeave: (e) => b?.(n.index, e),
-			children: [/* @__PURE__ */ X("div", {
-				className: e("flex items-stretch w-full min-w-max hover:bg-muted/50 transition-[background-color] duration-200", n.getIsSelected() && "bg-muted", cn(i), typeof r.options.meta?.classNames?.row == "function" ? r.options.meta.classNames.row(n) : r.options.meta?.classNames?.row),
+			onMouseEnter: (e) => b?.(n.index, e),
+			onMouseLeave: (e) => x?.(n.index, e),
+			children: [/* @__PURE__ */ Z("div", {
+				className: e("flex items-stretch w-full min-w-max hover:bg-muted/50 transition-[background-color] duration-200", n.getIsSelected() && "bg-muted", dn(i), typeof r.options.meta?.classNames?.row == "function" ? r.options.meta.classNames.row(n) : r.options.meta?.classNames?.row),
 				children: [
-					T > 0 && /* @__PURE__ */ Y("div", { style: { flex: `0 0 ${T}px` } }),
-					S.map((e) => {
-						let a = C[e.index];
-						return a ? /* @__PURE__ */ Y(Wn, {
+					E > 0 && /* @__PURE__ */ X("div", { style: { flex: `0 0 ${E}px` } }),
+					C.map((e) => {
+						let a = w[e.index];
+						return a ? /* @__PURE__ */ X(qn, {
 							cell: a,
 							virtualRowIndex: t.index,
 							cellIndex: e.index,
@@ -3607,31 +3742,31 @@ var Gn = V(({ virtualRow: t, row: n, table: r, density: i, enableContextMenu: a,
 							renderDetailPanel: p,
 							isFirstColumn: e.index === 0,
 							table: r,
-							columnPinning: x
+							columnPinning: S
 						}, a.id) : null;
 					}),
-					E > 0 && /* @__PURE__ */ Y("div", { style: { flex: `0 0 ${E}px` } })
+					D > 0 && /* @__PURE__ */ X("div", { style: { flex: `0 0 ${D}px` } })
 				]
-			}), n.getIsExpanded() && p && /* @__PURE__ */ Y("div", {
+			}), n.getIsExpanded() && p && /* @__PURE__ */ X("div", {
 				className: "w-full bg-muted/30 border-t border-border",
 				children: p({ row: n })
 			})]
 		})
 	});
 });
-Gn.displayName = "EzTableRow";
+Jn.displayName = "EzTableRow";
 //#endregion
 //#region src/components/EzTable/components/EzTableBodySection.tsx
-function Kn({ table: t, rows: n, rowVirtualizer: r, columnVirtualizer: i, density: a, classNames: o, isLoading: s, enableInfiniteScroll: c, isPending: l, renderNoRowsOverlay: u, slots: d, localization: f, enableContextMenu: p, onContextMenuItemClick: m, isCellSelected: h, focusedCell: g, onCellMouseDown: _, onCellMouseEnter: v, onCellClick: y, onCellDoubleClick: b, renderDetailPanel: x, dynamicRowSizing: S, onRowClick: C, onRowDoubleClick: w }) {
+function Yn({ table: t, rows: n, rowVirtualizer: r, columnVirtualizer: i, density: a, classNames: o, isLoading: s, enableInfiniteScroll: c, isPending: l, renderNoRowsOverlay: u, slots: d, localization: f, enableContextMenu: p, onContextMenuItemClick: m, isCellSelected: h, focusedCell: g, onCellMouseDown: _, onCellMouseEnter: v, onCellClick: y, onCellDoubleClick: b, renderDetailPanel: x, dynamicRowSizing: S, onRowClick: C, onRowDoubleClick: w }) {
 	let T = !!((s || l) && !c);
-	return /* @__PURE__ */ X("div", {
+	return /* @__PURE__ */ Z("div", {
 		className: e("relative w-full", o?.body),
 		style: {
 			height: `${r?.getTotalSize() ?? 0}px`,
 			minHeight: "0",
 			flexShrink: "0"
 		},
-		children: [/* @__PURE__ */ Y(Hn, {
+		children: [/* @__PURE__ */ X(Gn, {
 			isLoading: T,
 			rowCount: n.length,
 			renderNoRowsOverlay: u,
@@ -3639,7 +3774,7 @@ function Kn({ table: t, rows: n, rowVirtualizer: r, columnVirtualizer: i, densit
 			localization: f
 		}), r?.getVirtualItems().map((e) => {
 			let o = n[e.index];
-			return /* @__PURE__ */ Y(d?.row || Gn, {
+			return /* @__PURE__ */ X(d?.row || Jn, {
 				virtualRow: e,
 				row: o,
 				table: t,
@@ -3666,132 +3801,132 @@ function Kn({ table: t, rows: n, rowVirtualizer: r, columnVirtualizer: i, densit
 }
 //#endregion
 //#region src/components/EzTable/EzPagination.tsx
-var qn = ({ pageIndex: e, pageSize: t, pageCount: n, totalRows: r, onPageChange: o, onPageSizeChange: s, canPreviousPage: c, canNextPage: l, localization: u, changes: d }) => /* @__PURE__ */ X("div", {
+var Xn = ({ pageIndex: e, pageSize: t, pageCount: n, totalRows: r, onPageChange: o, onPageSizeChange: s, canPreviousPage: c, canNextPage: l, localization: u, changes: d }) => /* @__PURE__ */ Z("div", {
 	className: "flex items-center justify-between w-full px-4 py-3 border-t border-border bg-background",
-	children: [/* @__PURE__ */ X("div", {
+	children: [/* @__PURE__ */ Z("div", {
 		className: "flex items-center gap-6",
 		children: [
-			/* @__PURE__ */ X("div", {
+			/* @__PURE__ */ Z("div", {
 				className: "flex items-center gap-2 text-sm text-muted-foreground",
 				children: [
-					/* @__PURE__ */ Y("span", {
+					/* @__PURE__ */ X("span", {
 						className: "hidden sm:inline whitespace-nowrap",
 						children: u?.rowsPerPageLabel || "Rows per page"
 					}),
-					/* @__PURE__ */ Y("span", {
+					/* @__PURE__ */ X("span", {
 						className: "sm:hidden",
 						children: u?.rowsLabel || "Rows"
 					}),
-					/* @__PURE__ */ X(O, {
+					/* @__PURE__ */ Z(P, {
 						value: `${t}`,
 						onValueChange: (e) => s(Number(e)),
-						children: [/* @__PURE__ */ Y(T, {
+						children: [/* @__PURE__ */ X(j, {
 							className: "h-8 w-[70px] bg-muted/20 border-border",
-							children: /* @__PURE__ */ Y(w, { placeholder: t.toString() })
-						}), /* @__PURE__ */ Y(E, { children: [
+							children: /* @__PURE__ */ X(A, { placeholder: t.toString() })
+						}), /* @__PURE__ */ X(M, { children: [
 							10,
 							20,
 							30,
 							40,
 							50,
 							100
-						].map((e) => /* @__PURE__ */ Y(D, {
+						].map((e) => /* @__PURE__ */ X(N, {
 							value: `${e}`,
 							children: e
 						}, e)) })]
 					})
 				]
 			}),
-			/* @__PURE__ */ Y("div", { className: "h-4 w-px bg-border hidden sm:block" }),
-			/* @__PURE__ */ X("div", {
+			/* @__PURE__ */ X("div", { className: "h-4 w-px bg-border hidden sm:block" }),
+			/* @__PURE__ */ Z("div", {
 				className: "hidden md:flex items-center gap-2 text-sm text-muted-foreground font-medium bg-muted/30 px-3 py-1 rounded-full border border-border/50",
-				children: [/* @__PURE__ */ X("div", { children: [
+				children: [/* @__PURE__ */ Z("div", { children: [
 					u?.totalLabel || "Total",
 					" ",
-					/* @__PURE__ */ Y("span", {
+					/* @__PURE__ */ X("span", {
 						className: "text-foreground font-bold",
 						children: r
 					}),
 					" ",
 					u?.recordsLabel || "records"
-				] }), d && (d.added > 0 || d.edited > 0 || d.deleted > 0) && /* @__PURE__ */ X("div", {
+				] }), d && (d.added > 0 || d.edited > 0 || d.deleted > 0) && /* @__PURE__ */ Z("div", {
 					className: "flex items-center gap-2 border-l border-border/50 pl-2 ml-1",
 					children: [
-						d.added > 0 && /* @__PURE__ */ X("span", {
+						d.added > 0 && /* @__PURE__ */ Z("span", {
 							className: "text-success dark:text-success/80 font-bold",
 							children: [d.added, " added"]
 						}),
-						d.edited > 0 && /* @__PURE__ */ X("span", {
+						d.edited > 0 && /* @__PURE__ */ Z("span", {
 							className: "text-warning dark:text-warning/80 font-bold",
 							children: [d.edited, " edited"]
 						}),
-						d.deleted > 0 && /* @__PURE__ */ X("span", {
+						d.deleted > 0 && /* @__PURE__ */ Z("span", {
 							className: "text-error dark:text-error/80 font-bold",
 							children: [d.deleted, " deleted"]
 						})
 					]
 				})]
 			}),
-			u?.pagerMessage && /* @__PURE__ */ Y("div", {
+			u?.pagerMessage && /* @__PURE__ */ X("div", {
 				className: "hidden lg:block text-sm text-muted-foreground italic",
 				children: u.pagerMessage
 			})
 		]
-	}), /* @__PURE__ */ X("div", {
+	}), /* @__PURE__ */ Z("div", {
 		className: "flex items-center gap-4",
-		children: [/* @__PURE__ */ X("div", {
+		children: [/* @__PURE__ */ Z("div", {
 			className: "flex items-center text-sm font-medium text-foreground whitespace-nowrap bg-muted/20 px-3 py-1 rounded-md border border-border/50 gap-1.5",
 			children: [
-				/* @__PURE__ */ Y("span", {
+				/* @__PURE__ */ X("span", {
 					className: "text-muted-foreground font-normal",
 					children: u?.pageLabel || "Page"
 				}),
-				/* @__PURE__ */ Y("span", {
+				/* @__PURE__ */ X("span", {
 					className: "text-primary font-black px-0.5",
 					children: e + 1
 				}),
-				/* @__PURE__ */ Y("span", {
+				/* @__PURE__ */ X("span", {
 					className: "text-muted-foreground font-normal",
 					children: u?.ofLabel || "of"
 				}),
-				/* @__PURE__ */ Y("span", {
+				/* @__PURE__ */ X("span", {
 					className: "font-bold px-0.5",
 					children: n
 				})
 			]
-		}), /* @__PURE__ */ X("div", {
+		}), /* @__PURE__ */ Z("div", {
 			className: "flex items-center gap-1.5",
 			children: [
-				/* @__PURE__ */ X("div", {
+				/* @__PURE__ */ Z("div", {
 					className: "flex items-center gap-1",
-					children: [/* @__PURE__ */ X(i, {
+					children: [/* @__PURE__ */ Z(i, {
 						variant: "outline",
 						className: "hidden h-8 w-8 p-0 lg:flex bg-background border-border hover:bg-muted",
 						onClick: () => o(0),
 						disabled: !c,
 						title: u?.firstPage || "First Page",
-						children: [/* @__PURE__ */ Y(me, { className: "h-4 w-4" }), /* @__PURE__ */ Y("span", {
+						children: [/* @__PURE__ */ X(fe, { className: "h-4 w-4" }), /* @__PURE__ */ X("span", {
 							className: "sr-only",
 							children: "Go to first page"
 						})]
-					}), /* @__PURE__ */ X(i, {
+					}), /* @__PURE__ */ Z(i, {
 						variant: "outline",
 						className: "h-8 w-8 p-0 bg-background border-border hover:bg-muted",
 						onClick: () => o(e - 1),
 						disabled: !c,
 						title: u?.previousPage || "Previous Page",
-						children: [/* @__PURE__ */ Y(fe, { className: "h-4 w-4" }), /* @__PURE__ */ Y("span", {
+						children: [/* @__PURE__ */ X(ue, { className: "h-4 w-4" }), /* @__PURE__ */ X("span", {
 							className: "sr-only",
 							children: "Go to previous page"
 						})]
 					})]
 				}),
-				/* @__PURE__ */ X("div", {
+				/* @__PURE__ */ Z("div", {
 					className: "flex items-center gap-2 px-2 h-8 bg-muted/20 rounded-md border border-border/50 hover:border-primary/50 transition-colors",
-					children: [/* @__PURE__ */ Y("span", {
+					children: [/* @__PURE__ */ X("span", {
 						className: "text-[10px] hidden sm:inline text-muted-foreground uppercase font-black tracking-tighter",
 						children: u?.goToLabel || "Go To"
-					}), /* @__PURE__ */ Y(a, {
+					}), /* @__PURE__ */ X(a, {
 						type: "number",
 						min: 1,
 						max: n,
@@ -3807,25 +3942,25 @@ var qn = ({ pageIndex: e, pageSize: t, pageCount: n, totalRows: r, onPageChange:
 						className: "h-6 w-10 p-0 text-center border-none bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0 text-sm font-bold"
 					})]
 				}),
-				/* @__PURE__ */ X("div", {
+				/* @__PURE__ */ Z("div", {
 					className: "flex items-center gap-1",
-					children: [/* @__PURE__ */ X(i, {
+					children: [/* @__PURE__ */ Z(i, {
 						variant: "outline",
 						className: "h-8 w-8 p-0 bg-background border-border hover:bg-muted",
 						onClick: () => o(e + 1),
 						disabled: !l,
 						title: u?.nextPage || "Next Page",
-						children: [/* @__PURE__ */ Y(pe, { className: "h-4 w-4" }), /* @__PURE__ */ Y("span", {
+						children: [/* @__PURE__ */ X(de, { className: "h-4 w-4" }), /* @__PURE__ */ X("span", {
 							className: "sr-only",
 							children: "Go to next page"
 						})]
-					}), /* @__PURE__ */ X(i, {
+					}), /* @__PURE__ */ Z(i, {
 						variant: "outline",
 						className: "hidden h-8 w-8 p-0 lg:flex bg-background border-border hover:bg-muted",
 						onClick: () => o(n - 1),
 						disabled: !l,
 						title: u?.lastPage || "Last Page",
-						children: [/* @__PURE__ */ Y(he, { className: "h-4 w-4" }), /* @__PURE__ */ Y("span", {
+						children: [/* @__PURE__ */ X(pe, { className: "h-4 w-4" }), /* @__PURE__ */ X("span", {
 							className: "sr-only",
 							children: "Go to last page"
 						})]
@@ -3837,10 +3972,10 @@ var qn = ({ pageIndex: e, pageSize: t, pageCount: n, totalRows: r, onPageChange:
 });
 //#endregion
 //#region src/components/EzTable/components/EzTablePaginationSection.tsx
-function Jn({ table: t, pagerMessage: n, enableStickyPagination: r, classNames: i, localization: a, changes: o }) {
-	return /* @__PURE__ */ Y("div", {
+function Zn({ table: t, pagerMessage: n, enableStickyPagination: r, classNames: i, localization: a, changes: o }) {
+	return /* @__PURE__ */ X("div", {
 		className: e("w-full bg-background border-t border-border z-30", r && "sticky bottom-0 shadow-[0_-4px_12px_rgba(0,0,0,0.1)] dark:shadow-[0_-4px_12px_rgba(0,0,0,0.3)]", i?.footer),
-		children: /* @__PURE__ */ Y(qn, {
+		children: /* @__PURE__ */ X(Xn, {
 			pageIndex: t.getState().pagination.pageIndex,
 			pageSize: t.getState().pagination.pageSize,
 			pageCount: t.getPageCount(),
@@ -3859,7 +3994,7 @@ function Jn({ table: t, pagerMessage: n, enableStickyPagination: r, classNames:
 }
 //#endregion
 //#region src/components/EzTable/hooks/useColumnSizeVars.ts
-var Yn = (e) => W(() => {
+var Qn = (e) => G(() => {
 	let t = e.getFlatHeaders(), n = {};
 	for (let e = 0; e < t.length; e++) {
 		let r = t[e];
@@ -3871,7 +4006,7 @@ var Yn = (e) => W(() => {
 	e.getState().columnSizingInfo,
 	e.getState().columnVisibility,
 	e.getFlatHeaders()
-]), Xn = (e = []) => new Pe({
+]), $n = (e = []) => new Ne({
 	data: e,
 	globalFilter: "",
 	columnFilters: [],
@@ -3883,184 +4018,184 @@ var Yn = (e) => W(() => {
 	rowSelection: {},
 	columnVisibility: {},
 	isPending: !1
-}), Zn = ie(null), Qn = ie(null), $n = ({ data: e, children: t }) => {
-	let n = W(() => Xn(e), []);
-	return B.useEffect(() => {
+}), er = re(null), tr = re(null), nr = ({ data: e, children: t }) => {
+	let n = G(() => $n(e), []);
+	return V.useEffect(() => {
 		n.setState((t) => ({
 			...t,
 			data: e
 		}));
-	}, [e, n]), /* @__PURE__ */ Y(Zn.Provider, {
+	}, [e, n]), /* @__PURE__ */ X(er.Provider, {
 		value: n,
 		children: t
 	});
-}, er = (e) => {
-	let t = ae(Zn);
+}, rr = (e) => {
+	let t = ie(er);
 	if (!t) throw Error("EzTable components must be wrapped in <EzTable.Root>");
-	return He(t, e);
-}, tr = B.lazy(() => import("./EzGroupingPanel-BVaAJaVU.js").then((e) => ({ default: e.EzGroupingPanel }))), nr = B.lazy(() => import("./EzTableEditDialog-Ccd5XoHm.js").then((e) => ({ default: e.EzTableEditDialog }))), rr = B.lazy(() => import("./EzTableToolbar-BH5z9fSJ.js").then((e) => e.n).then((e) => ({ default: e.EzTableToolbar }))), ir = B.lazy(() => import("./EzTableFooter-DrLoWelo.js").then((e) => e.n).then((e) => ({ default: e.EzTableFooter }))), ar = ({ ref: t, ...r }) => {
-	let i = n(), a = Qt(r), o = G(null);
-	en({
+	return Ue(t, e);
+}, ir = V.lazy(() => import("./EzGroupingPanel-BVaAJaVU.js").then((e) => ({ default: e.EzGroupingPanel }))), ar = V.lazy(() => import("./EzTableEditDialog-m0zW6r6z.js").then((e) => ({ default: e.EzTableEditDialog }))), or = V.lazy(() => import("./EzTableToolbar-BiRfKm9d.js").then((e) => e.n).then((e) => ({ default: e.EzTableToolbar }))), sr = V.lazy(() => import("./EzTableFooter-BuTS3wDK.js").then((e) => e.n).then((e) => ({ default: e.EzTableFooter }))), cr = ({ ref: t, ...r }) => {
+	let i = n(), a = nn(r), o = K(null);
+	rn({
 		containerRef: o,
-		containerSizeRef: G({
+		containerSizeRef: K({
 			width: 0,
 			height: 0
 		}),
-		resizeTimeoutRef: G(null),
+		resizeTimeoutRef: K(null),
 		onResize: () => {
 			a.rowVirtualizer && a.rowVirtualizer.measure();
 		}
 	}, [a.rowVirtualizer]);
-	let { state: { rows: s, rangeSelection: l, canUndo: u, canRedo: d, changes: p, batchChanges: m, density: h, isPending: g, focusedCell: _, globalFilter: v, pagerMessage: b }, actions: { undo: x, redo: S, resetData: C, toggleRowEditing: w, autoFitColumn: T, onCellMouseDown: E, onCellMouseEnter: D, setGlobalFilter: O, handleGlobalFilterChange: k, getData: A, onRowClick: j, onRowDoubleClick: ee }, refs: { parentRef: te, rowVirtualizer: M, columnVirtualizer: N }, config: { enableStickyHeader: P, enableChangeTracking: ne, enableEditing: F, editSettings: I, dynamicRowSizing: re }, table: L, dir: R, imperativeAPI: { addRecord: z, updateRecord: ie } } = a, { validate: V, validateForm: ae } = ct({
+	let { state: { rows: s, rangeSelection: l, canUndo: u, canRedo: d, changes: f, batchChanges: p, density: m, isPending: h, focusedCell: g, globalFilter: _, pagerMessage: v }, actions: { undo: b, redo: x, resetData: S, toggleRowEditing: C, autoFitColumn: w, onCellMouseDown: T, onCellMouseEnter: D, setGlobalFilter: O, handleGlobalFilterChange: ee, getData: k, onRowClick: A, onRowDoubleClick: j }, refs: { parentRef: M, rowVirtualizer: N, columnVirtualizer: P }, config: { enableStickyHeader: te, enableChangeTracking: F, enableEditing: I, editSettings: L, dynamicRowSizing: ne }, table: R, dir: z, imperativeAPI: { addRecord: B, updateRecord: re } } = a, { validate: H, validateForm: ie } = ut({
 		validateField: r.validateField ? ({ fieldName: e, value: t, data: n }) => r.validateField?.({
 			field: e,
 			value: t,
 			row: n,
-			table: L
+			table: R
 		}) ?? !0 : void 0,
-		editSettings: I
-	}), [oe, W] = B.useState(!1);
-	U(() => {
-		if (p.added + p.edited + p.deleted > 0 && F) {
+		editSettings: L
+	}), [ae, G] = V.useState(!1);
+	W(() => {
+		if (f.added + f.edited + f.deleted > 0 && I) {
 			let e = (e) => (e.preventDefault(), e.returnValue = "", "");
 			return window.addEventListener("beforeunload", e), () => window.removeEventListener("beforeunload", e);
 		}
-	}, [p, F]), U(() => {
-		r.onDataChange && r.onDataChange(p);
-	}, [p, r.onDataChange]);
-	let { onRowClick: K, onRowDoubleClick: se, onCellClick: ce, onCellDoubleClick: le } = tn({
-		table: L,
-		editSettings: I,
-		toggleRowEditing: w,
-		onRowClickProp: j,
-		onRowDoubleClickProp: ee
-	}), ue = Yn(L), q = lt({ initialMode: "view" });
-	nn({
-		dialogState: q,
-		isDialogMode: I?.mode === "Dialog",
+	}, [f, I]), W(() => {
+		r.onDataChange && r.onDataChange(f);
+	}, [f, r.onDataChange]);
+	let { onRowClick: q, onRowDoubleClick: J, onCellClick: oe, onCellDoubleClick: se } = an({
+		table: R,
+		editSettings: L,
+		toggleRowEditing: C,
+		onRowClickProp: A,
+		onRowDoubleClickProp: j
+	}), ce = Qn(R), Y = dt({ initialMode: "view" });
+	on({
+		dialogState: Y,
+		isDialogMode: L?.mode === "Dialog",
 		rows: s,
-		table: L
+		table: R
 	});
-	let de = H((e) => {
-		q.mode === "create" ? z(e) : (ie(q.meta.index, e), w(q.meta.index, !1)), q.close();
+	let le = U((e) => {
+		Y.mode === "create" ? B(e) : (re(Y.meta.index, e), C(Y.meta.index, !1)), Y.close();
 	}, [
-		q,
-		z,
-		ie,
-		w
-	]), fe = H(() => {
-		I?.mode === "Dialog" ? q.open("create", {}) : z({});
-	}, [I?.mode, z]), pe = H(() => {
+		Y,
+		B,
+		re,
+		C
+	]), ue = U(() => {
+		L?.mode === "Dialog" ? Y.open("create", {}) : B({});
+	}, [L?.mode, B]), de = U(() => {
 		if (r.onBatchSave) {
-			let e = [...m.addedRecords, ...m.changedRecords], t = L.getVisibleLeafColumns().map((e) => e.id).filter((e) => e !== "select" && e !== "actions");
-			for (let n of e) if (!ae(n, t).__form.isValid) {
-				W(!0);
+			let e = [...p.addedRecords, ...p.changedRecords], t = R.getVisibleLeafColumns().map((e) => e.id).filter((e) => e !== "select" && e !== "actions");
+			for (let n of e) if (!ie(n, t).__form.isValid) {
+				G(!0);
 				return;
 			}
-			r.onBatchSave(m);
+			r.onBatchSave(p);
 			let n = i.get("NotificationService");
 			if (n && n.add({
 				type: "success",
-				message: `Successfully saved ${m.addedRecords.length + m.changedRecords.length} changes.`,
+				message: `Successfully saved ${p.addedRecords.length + p.changedRecords.length} changes.`,
 				duration: 5e3
-			}), C(), W(!1), L.options.meta?.toggleRowEditing) {
-				let e = L.options.meta.editingRows || {};
+			}), S(), G(!1), R.options.meta?.toggleRowEditing) {
+				let e = R.options.meta.editingRows || {};
 				Object.keys(e).forEach((e) => {
-					L.options.meta?.toggleRowEditing?.(parseInt(e), !1);
+					R.options.meta?.toggleRowEditing?.(parseInt(e), !1);
 				});
 			}
 		}
 	}, [
 		r.onBatchSave,
-		m,
-		C,
-		L.options.meta,
-		ae,
-		L
-	]), me = H(() => {
-		if (r.onBatchDiscard && r.onBatchDiscard(), C(), W(!1), L.options.meta?.toggleRowEditing) {
-			let e = L.options.meta.editingRows || {};
+		p,
+		S,
+		R.options.meta,
+		ie,
+		R
+	]), fe = U(() => {
+		if (r.onBatchDiscard && r.onBatchDiscard(), S(), G(!1), R.options.meta?.toggleRowEditing) {
+			let e = R.options.meta.editingRows || {};
 			Object.keys(e).forEach((e) => {
-				L.options.meta?.toggleRowEditing?.(parseInt(e), !1);
+				R.options.meta?.toggleRowEditing?.(parseInt(e), !1);
 			});
 		}
 	}, [
 		r.onBatchDiscard,
-		C,
-		L.options.meta
-	]), he = B.useMemo(() => ({
+		S,
+		R.options.meta
+	]), pe = V.useMemo(() => ({
 		...a.imperativeAPI,
 		...a.baseApi,
 		validateField: (e) => {
 			let t = {};
-			if (I?.mode === "Dialog" && q.isOpen) t = q.data;
+			if (L?.mode === "Dialog" && Y.isOpen) t = Y.data;
 			else {
-				let e = L.options.meta?.editingRows || {}, n = Object.keys(e).find((t) => e[t]);
+				let e = R.options.meta?.editingRows || {}, n = Object.keys(e).find((t) => e[t]);
 				if (n) {
-					let e = parseInt(n), r = A();
+					let e = parseInt(n), r = k();
 					r && r[e] && (t = r[e]);
 				}
 			}
-			let { isValid: n } = V(e, t[e], t);
+			let { isValid: n } = H(e, t[e], t);
 			return n;
 		},
 		validateEditForm: () => {
-			let e = L.getVisibleLeafColumns(), t = !0;
+			let e = R.getVisibleLeafColumns(), t = !0;
 			return e.forEach((e) => {
 				let n = e.id, r = {};
-				if (I?.mode === "Dialog" && q.isOpen) r = q.data;
+				if (L?.mode === "Dialog" && Y.isOpen) r = Y.data;
 				else {
-					let e = L.options.meta?.editingRows || {}, t = Object.keys(e).find((t) => e[t]);
-					t && A()[parseInt(t)] && (r = A()[parseInt(t)]);
+					let e = R.options.meta?.editingRows || {}, t = Object.keys(e).find((t) => e[t]);
+					t && k()[parseInt(t)] && (r = k()[parseInt(t)]);
 				}
-				let { isValid: i } = V(n, r[n], r);
+				let { isValid: i } = H(n, r[n], r);
 				i || (t = !1);
 			}), t;
 		}
 	}), [
 		a,
-		A,
-		I,
-		q,
+		k,
 		L,
-		V
+		Y,
+		R,
+		H
 	]);
-	L.options.meta = {
-		...L.options.meta,
+	R.options.meta = {
+		...R.options.meta,
 		...r,
-		validate: V,
-		validationAttempted: oe
-	}, f(t, he);
-	let [ge, _e] = B.useState(null), { handleDragEnd: ve, handleKeyDown: ye, handleDragStart: be } = $t({
+		validate: H,
+		validationAttempted: ae
+	}, y(t, pe);
+	let [me, he] = V.useState(null), { handleDragEnd: ge, handleKeyDown: _e, handleDragStart: ve } = ct({
 		onDragStart: (e) => {
-			_e(e.active.id);
+			he(e.active.id);
 		},
 		onDragEnd: (e) => {
-			_e(null);
+			he(null);
 			let { active: t, over: n } = e;
 			if (!n) return;
-			let i = t.id, a = [...L.getState().grouping];
-			if (n.id === "grouping-panel") !a.includes(i) && r.enableGrouping && L.setGrouping([...a, i]);
+			let i = t.id, a = [...R.getState().grouping];
+			if (n.id === "grouping-panel") !a.includes(i) && r.enableGrouping && R.setGrouping([...a, i]);
 			else if (typeof n.id == "string" && n.id.startsWith("header-")) {
 				let e = n.id.replace("header-", "");
 				if (i !== e) {
 					if (r.enableColumnReorder !== !1) {
-						let t = L.getState().columnOrder.length > 0 ? L.getState().columnOrder : L.getAllLeafColumns().map((e) => e.id), n = t.indexOf(i), r = t.indexOf(e);
+						let t = R.getState().columnOrder.length > 0 ? R.getState().columnOrder : R.getAllLeafColumns().map((e) => e.id), n = t.indexOf(i), r = t.indexOf(e);
 						if (n !== -1 && r !== -1 && n !== r) {
 							let e = [...t];
-							e.splice(n, 1), e.splice(r, 0, i), L.setColumnOrder(e);
+							e.splice(n, 1), e.splice(r, 0, i), R.setColumnOrder(e);
 						}
 					} else if (r.enableGrouping) {
 						let t = [...a];
 						t.includes(e) || t.push(e), t.includes(i) && (t = t.filter((e) => e !== i));
 						let n = t.indexOf(e);
-						t.splice(n + 0, 0, i), L.setGrouping(t);
+						t.splice(n + 0, 0, i), R.setGrouping(t);
 					}
 				}
 			}
 		},
 		onKeyDown: (e) => {
-			let t = L.options.meta;
+			let t = R.options.meta;
 			if (t?.navigateFocus) {
 				if (e.target.tagName === "INPUT") {
 					e.key === "Enter" && (e.preventDefault(), e.target.blur(), t.navigateFocus(1, 0)), e.key === "Tab" && (e.preventDefault(), e.target.blur(), t.navigateFocus(0, e.shiftKey ? -1 : 1));
@@ -4088,79 +4223,79 @@ var Yn = (e) => W(() => {
 				}
 			}
 		}
-	}), xe = H((e, t) => {
+	}), ye = U((e, t) => {
 		if (!l) return !1;
 		let { start: n, end: r } = l;
 		return e >= Math.min(n.r, r.r) && e <= Math.max(n.r, r.r) && t >= Math.min(n.c, r.c) && t <= Math.max(n.c, r.c);
-	}, [l]), { sensors: Se, onDragEnd: Ce, onDragStart: we } = st({
-		onDragStart: be,
-		onDragEnd: ve,
-		collisionDetection: Le,
+	}, [l]), { sensors: be, onDragEnd: xe, onDragStart: Se } = lt({
+		onDragStart: ve,
+		onDragEnd: ge,
+		collisionDetection: Re,
 		distance: 5
 	});
-	return /* @__PURE__ */ Y(c, {
-		fallback: /* @__PURE__ */ Y(rn, {}),
-		children: /* @__PURE__ */ Y(y, { children: /* @__PURE__ */ Y(Fe, {
-			sensors: Se,
-			onDragEnd: Ce,
-			onDragStart: we,
-			collisionDetection: Le,
-			children: /* @__PURE__ */ X("div", {
-				className: e(_n, "w-full min-h-0 gap-3 h-full", r.className, r.classNames?.root),
-				dir: R,
+	return /* @__PURE__ */ X(c, {
+		fallback: /* @__PURE__ */ X(sn, {}),
+		children: /* @__PURE__ */ X(E, { children: /* @__PURE__ */ X(Fe, {
+			sensors: be,
+			onDragEnd: xe,
+			onDragStart: Se,
+			collisionDetection: Re,
+			children: /* @__PURE__ */ Z("div", {
+				className: e(bn, "w-full min-h-0 gap-3 h-full", r.className, r.classNames?.root),
+				dir: z,
 				children: [
-					r.enableGrouping && /* @__PURE__ */ Y(B.Suspense, {
+					r.enableGrouping && /* @__PURE__ */ X(V.Suspense, {
 						fallback: null,
-						children: /* @__PURE__ */ Y(tr, {
-							grouping: L.getState().grouping,
-							onGroupingChange: L.setGrouping,
-							columns: L.getAllColumns()
+						children: /* @__PURE__ */ X(ir, {
+							grouping: R.getState().grouping,
+							onGroupingChange: R.setGrouping,
+							columns: R.getAllColumns()
 						})
 					}),
-					r.slots?.toolbar ? /* @__PURE__ */ Y(r.slots.toolbar, {
-						table: L,
-						globalFilter: v,
+					r.slots?.toolbar ? /* @__PURE__ */ X(r.slots.toolbar, {
+						table: R,
+						globalFilter: _,
 						setGlobalFilter: O,
-						isPending: g,
-						columns: L.getAllColumns(),
+						isPending: h,
+						columns: R.getAllColumns(),
 						...r.slotProps?.toolbar || {}
-					}) : /* @__PURE__ */ Y(B.Suspense, {
-						fallback: /* @__PURE__ */ Y("div", { className: "h-10 w-full animate-pulse bg-muted/20 rounded-md" }),
-						children: /* @__PURE__ */ Y(rr, {
-							globalFilter: v,
-							setGlobalFilter: k,
+					}) : /* @__PURE__ */ X(V.Suspense, {
+						fallback: /* @__PURE__ */ X("div", { className: "h-10 w-full animate-pulse bg-muted/20 rounded-md" }),
+						children: /* @__PURE__ */ X(or, {
+							globalFilter: _,
+							setGlobalFilter: ee,
 							enableAdvancedFiltering: r.enableAdvancedFiltering,
 							enableExport: r.enableExport,
-							onExportExcel: r.onExportExcel ? () => r.onExportExcel(L) : void 0,
-							onExportCSV: r.onExportCSV ? () => r.onExportCSV(L) : void 0,
-							onExportPDF: r.onExportPDF ? () => r.onExportPDF(L) : void 0,
-							enableChangeTracking: ne,
+							onExportExcel: r.onExportExcel ? () => r.onExportExcel(R) : void 0,
+							onExportCSV: r.onExportCSV ? () => r.onExportCSV(R) : void 0,
+							onExportPDF: r.onExportPDF ? () => r.onExportPDF(R) : void 0,
+							enableChangeTracking: F,
 							canUndo: u,
 							canRedo: d,
-							undo: x,
-							redo: S,
-							columns: L.getAllColumns(),
-							isPending: g,
-							onAdd: I?.allowAdding ? fe : void 0,
-							onSave: pe,
-							onDiscard: me,
-							enableEditing: F,
+							undo: b,
+							redo: x,
+							columns: R.getAllColumns(),
+							isPending: h,
+							onAdd: L?.allowAdding ? ue : void 0,
+							onSave: de,
+							onDiscard: fe,
+							enableEditing: I,
 							enableHiding: r.enableHiding,
-							changes: p,
-							table: L
+							changes: f,
+							table: R
 						})
 					}),
-					/* @__PURE__ */ Y("div", {
+					/* @__PURE__ */ X("div", {
 						ref: (e) => {
-							te.current = e, o.current = e;
+							M.current = e, o.current = e;
 						},
 						id: r.id ? `ez-table-${r.id}` : "ez-table-default",
-						className: e("flex-1 w-full overflow-auto rounded-md bg-background focus:outline-none focus:ring-1 focus:ring-primary/20", vn.default),
-						dir: R,
+						className: e("flex-1 w-full overflow-auto rounded-md bg-background focus:outline-none focus:ring-1 focus:ring-primary/20", xn.default),
+						dir: z,
 						onScroll: (e) => {
 							if (r.enableInfiniteScroll) {
 								let { scrollTop: t, scrollHeight: n, clientHeight: i } = e.currentTarget;
-								n - t - i < 50 && L.getCanNextPage() && !r.isLoading && L.nextPage();
+								n - t - i < 50 && R.getCanNextPage() && !r.isLoading && R.nextPage();
 							}
 						},
 						role: "table",
@@ -4171,39 +4306,39 @@ var Yn = (e) => W(() => {
 							minHeight: "0",
 							WebkitOverflowScrolling: "touch"
 						},
-						onKeyDown: ye,
-						children: /* @__PURE__ */ X("div", {
+						onKeyDown: _e,
+						children: /* @__PURE__ */ Z("div", {
 							className: "flex flex-col w-full min-w-max",
 							role: "presentation",
 							style: {
-								...ue,
+								...ce,
 								minHeight: "100%"
 							},
 							children: [
-								/* @__PURE__ */ Y(Bn, {
-									table: L,
-									enableStickyHeader: P,
+								/* @__PURE__ */ X(Un, {
+									table: R,
+									enableStickyHeader: te,
 									classNames: r.classNames,
-									density: h,
-									autoFitColumn: T,
+									density: m,
+									autoFitColumn: w,
 									slots: r.slots,
-									columnPinning: L.getState().columnPinning,
-									columnSizing: L.getState().columnSizing,
-									sorting: L.getState().sorting,
-									grouping: L.getState().grouping,
-									columnVisibility: L.getState().columnVisibility,
-									columnOrder: L.getState().columnOrder
+									columnPinning: R.getState().columnPinning,
+									columnSizing: R.getState().columnSizing,
+									sorting: R.getState().sorting,
+									grouping: R.getState().grouping,
+									columnVisibility: R.getState().columnVisibility,
+									columnOrder: R.getState().columnOrder
 								}),
-								/* @__PURE__ */ Y(Kn, {
-									table: L,
+								/* @__PURE__ */ X(Yn, {
+									table: R,
 									rows: s,
-									rowVirtualizer: M,
-									columnVirtualizer: N,
-									density: h,
+									rowVirtualizer: N,
+									columnVirtualizer: P,
+									density: m,
 									classNames: r.classNames,
 									isLoading: r.isLoading,
 									enableInfiniteScroll: r.enableInfiniteScroll,
-									isPending: g,
+									isPending: h,
 									renderNoRowsOverlay: r.renderNoRowsOverlay,
 									slots: r.slots,
 									localization: r.localization,
@@ -4212,79 +4347,79 @@ var Yn = (e) => W(() => {
 										action: e,
 										data: t
 									}) : void 0,
-									isCellSelected: xe,
-									focusedCell: _,
-									onCellMouseDown: E,
+									isCellSelected: ye,
+									focusedCell: g,
+									onCellMouseDown: T,
 									onCellMouseEnter: D,
-									onCellClick: ce,
-									onCellDoubleClick: le,
+									onCellClick: oe,
+									onCellDoubleClick: se,
 									renderDetailPanel: r.renderDetailPanel,
-									dynamicRowSizing: re,
-									onRowClick: K,
-									onRowDoubleClick: se
+									dynamicRowSizing: ne,
+									onRowClick: q,
+									onRowDoubleClick: J
 								}),
-								r.slots?.footer ? /* @__PURE__ */ Y(r.slots.footer, {
-									table: L,
+								r.slots?.footer ? /* @__PURE__ */ X(r.slots.footer, {
+									table: R,
 									...r.slotProps?.footer || {}
-								}) : /* @__PURE__ */ Y(B.Suspense, {
+								}) : /* @__PURE__ */ X(V.Suspense, {
 									fallback: null,
-									children: /* @__PURE__ */ Y(ir, {
-										table: L,
-										columnVirtualizer: N,
-										density: h
+									children: /* @__PURE__ */ X(sr, {
+										table: R,
+										columnVirtualizer: P,
+										density: m
 									})
 								})
 							]
 						})
 					}),
-					r.pagination && /* @__PURE__ */ Y(Jn, {
-						table: L,
-						pagerMessage: b,
+					r.pagination && /* @__PURE__ */ X(Zn, {
+						table: R,
+						pagerMessage: v,
 						enableStickyPagination: r.enableStickyPagination,
 						classNames: r.classNames,
 						localization: r.localization,
-						changes: p
+						changes: f
 					}),
-					r.enableStatusBar === !0 && /* @__PURE__ */ Y(bn, {
-						table: L,
-						totalRows: L.options.rowCount ?? L.getPrePaginationRowModel().rows.length,
-						selectionInfo: p.added + p.edited + p.deleted > 0 ? `${p.added + p.edited + p.deleted} pending changes` : void 0,
-						rowSelection: L.getState().rowSelection
+					r.enableStatusBar === !0 && /* @__PURE__ */ X(Cn, {
+						table: R,
+						totalRows: R.options.rowCount ?? R.getPrePaginationRowModel().rows.length,
+						selectionInfo: f.added + f.edited + f.deleted > 0 ? `${f.added + f.edited + f.deleted} pending changes` : void 0,
+						rowSelection: R.getState().rowSelection
 					}),
-					I?.mode === "Dialog" && /* @__PURE__ */ Y(B.Suspense, {
+					L?.mode === "Dialog" && /* @__PURE__ */ X(V.Suspense, {
 						fallback: null,
-						children: /* @__PURE__ */ Y(nr, {
-							open: q.isOpen,
+						children: /* @__PURE__ */ X(ar, {
+							open: Y.isOpen,
 							onClose: () => {
-								q.close(), q.mode !== "create" && q.meta.index !== void 0 && w(q.meta.index, !1);
+								Y.close(), Y.mode !== "create" && Y.meta.index !== void 0 && C(Y.meta.index, !1);
 							},
-							onSave: de,
-							columns: L.getAllColumns(),
-							initialData: q.data,
-							isNew: q.mode === "create",
+							onSave: le,
+							columns: R.getAllColumns(),
+							initialData: Y.data,
+							isNew: Y.mode === "create",
 							onFormRender: r.onFormRender
 						})
 					}),
-					/* @__PURE__ */ Y(Z, {
+					/* @__PURE__ */ X(Ie, {
 						dropAnimation: null,
-						children: ge ? /* @__PURE__ */ Y(yn, {
-							header: L.getFlatHeaders().find((e) => e.id === ge) || L.getLeafHeaders().find((e) => e.id === ge),
-							density: h
+						children: me ? /* @__PURE__ */ X(Sn, {
+							header: R.getFlatHeaders().find((e) => e.id === me) || R.getLeafHeaders().find((e) => e.id === me),
+							density: m
 						}) : null
 					})
 				]
 			})
 		}) })
 	});
-}, or = ar, sr = new Ue();
-function cr({ ref: e, ...t }) {
-	return d(), /* @__PURE__ */ Y(We, {
-		client: sr,
-		children: /* @__PURE__ */ Y(ar, {
+}, lr = cr, ur = new We();
+function dr({ ref: e, ...t }) {
+	return d(), /* @__PURE__ */ X(Ge, {
+		client: ur,
+		children: /* @__PURE__ */ X(cr, {
 			...t,
 			ref: e
 		})
 	});
 }
 //#endregion
-export { _t as A, Ct as C, vt as D, St as E, yt as O, Dt as S, Tt as T, Pt as _, er as a, Ft as b, Vt as c, zt as d, It as f, kt as g, Mt as h, Qn as i, ft as j, xt as k, Lt as l, jt as m, or as n, Qt as o, Ot as p, $n as r, Bt as s, cr as t, Rt as u, At as v, wt as w, Et as x, Nt as y };
+export { yt as A, Tt as C, bt as D, wt as E, xt as O, kt as S, Dt as T, It as _, rr as a, Lt as b, Ut as c, Vt as d, Rt as f, jt as g, Pt as h, tr as i, mt as j, Ct as k, zt as l, Nt as m, lr as n, nn as o, At as p, nr as r, Ht as s, dr as t, Bt as u, Mt as v, Et as w, Ot as x, Ft as y };