react-flexi-datatable 1.0.0 → 1.0.2

package/dist/index.js

@@ -1,341 +1,161 @@
 import { useEffect as e, useMemo as t, useRef as n, useState as r } from "react";
-import { Check as i, ChevronDown as a, ChevronLeft as o, ChevronRight as s, ChevronUp as c, ChevronsLeft as l, ChevronsRight as u, ChevronsUpDown as d, Columns3 as f, Download as p, Edit3 as m, Eye as h, EyeOff as ee, GripVertical as g, Pencil as te, RotateCcw as ne, Search as re, SlidersHorizontal as ie, Trash2 as ae, X as _ } from "lucide-react";
-//#region \0rolldown/runtime.js
-var v = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), y = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
-	if (typeof require < "u") return require.apply(this, arguments);
-	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
-}), b = /* @__PURE__ */ v(((e) => {
-	var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
-	function r(e, n, r) {
-		var i = null;
-		if (r !== void 0 && (i = "" + r), n.key !== void 0 && (i = "" + n.key), "key" in n) for (var a in r = {}, n) a !== "key" && (r[a] = n[a]);
-		else r = n;
-		return n = r.ref, {
-			$$typeof: t,
-			type: e,
-			key: i,
-			ref: n === void 0 ? null : n,
-			props: r
-		};
-	}
-	e.Fragment = n, e.jsx = r, e.jsxs = r;
-})), x = /* @__PURE__ */ v(((e) => {
-	process.env.NODE_ENV !== "production" && (function() {
-		function t(e) {
-			if (e == null) return null;
-			if (typeof e == "function") return e.$$typeof === oe ? null : e.displayName || e.name || null;
-			if (typeof e == "string") return e;
-			switch (e) {
-				case g: return "Fragment";
-				case ne: return "Profiler";
-				case te: return "StrictMode";
-				case _: return "Suspense";
-				case v: return "SuspenseList";
-				case S: return "Activity";
-			}
-			if (typeof e == "object") switch (typeof e.tag == "number" && console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), e.$$typeof) {
-				case ee: return "Portal";
-				case ie: return e.displayName || "Context";
-				case re: return (e._context.displayName || "Context") + ".Consumer";
-				case ae:
-					var n = e.render;
-					return e = e.displayName, e ||= (e = n.displayName || n.name || "", e === "" ? "ForwardRef" : "ForwardRef(" + e + ")"), e;
-				case b: return n = e.displayName || null, n === null ? t(e.type) || "Memo" : n;
-				case x:
-					n = e._payload, e = e._init;
-					try {
-						return t(e(n));
-					} catch {}
-			}
-			return null;
-		}
-		function n(e) {
-			return "" + e;
-		}
-		function r(e) {
-			try {
-				n(e);
-				var t = !1;
-			} catch {
-				t = !0;
-			}
-			if (t) {
-				t = console;
-				var r = t.error, i = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-				return r.call(t, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", i), n(e);
-			}
-		}
-		function i(e) {
-			if (e === g) return "<>";
-			if (typeof e == "object" && e && e.$$typeof === x) return "<...>";
-			try {
-				var n = t(e);
-				return n ? "<" + n + ">" : "<...>";
-			} catch {
-				return "<...>";
-			}
-		}
-		function a() {
-			var e = se.A;
-			return e === null ? null : e.getOwner();
-		}
-		function o() {
-			return Error("react-stack-top-frame");
-		}
-		function s(e) {
-			if (C.call(e, "key")) {
-				var t = Object.getOwnPropertyDescriptor(e, "key").get;
-				if (t && t.isReactWarning) return !1;
-			}
-			return e.key !== void 0;
-		}
-		function c(e, t) {
-			function n() {
-				T || (T = !0, console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)", t));
-			}
-			n.isReactWarning = !0, Object.defineProperty(e, "key", {
-				get: n,
-				configurable: !0
-			});
-		}
-		function l() {
-			var e = t(this.type);
-			return E[e] || (E[e] = !0, console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")), e = this.props.ref, e === void 0 ? null : e;
-		}
-		function u(e, t, n, r, i, a) {
-			var o = n.ref;
-			return e = {
-				$$typeof: h,
-				type: e,
-				key: t,
-				props: n,
-				_owner: r
-			}, (o === void 0 ? null : o) === null ? Object.defineProperty(e, "ref", {
-				enumerable: !1,
-				value: null
-			}) : Object.defineProperty(e, "ref", {
-				enumerable: !1,
-				get: l
-			}), e._store = {}, Object.defineProperty(e._store, "validated", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: 0
-			}), Object.defineProperty(e, "_debugInfo", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: null
-			}), Object.defineProperty(e, "_debugStack", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: i
-			}), Object.defineProperty(e, "_debugTask", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: a
-			}), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-		}
-		function d(e, n, i, o, l, d) {
-			var p = n.children;
-			if (p !== void 0) {
-				if (o) {
-					if (ce(p)) {
-						for (o = 0; o < p.length; o++) f(p[o]);
-						Object.freeze && Object.freeze(p);
-					} else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
-				} else f(p);
-			}
-			if (C.call(n, "key")) {
-				p = t(e);
-				var m = Object.keys(n).filter(function(e) {
-					return e !== "key";
-				});
-				o = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", O[p + o] || (m = 0 < m.length ? "{" + m.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", o, p, m, p), O[p + o] = !0);
-			}
-			if (p = null, i !== void 0 && (r(i), p = "" + i), s(n) && (r(n.key), p = "" + n.key), "key" in n) for (var h in i = {}, n) h !== "key" && (i[h] = n[h]);
-			else i = n;
-			return p && c(i, typeof e == "function" ? e.displayName || e.name || "Unknown" : e), u(e, p, i, a(), l, d);
-		}
-		function f(e) {
-			p(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e && e.$$typeof === x && (e._payload.status === "fulfilled" ? p(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
-		}
-		function p(e) {
-			return typeof e == "object" && !!e && e.$$typeof === h;
-		}
-		var m = y("react"), h = Symbol.for("react.transitional.element"), ee = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), te = Symbol.for("react.strict_mode"), ne = Symbol.for("react.profiler"), re = Symbol.for("react.consumer"), ie = Symbol.for("react.context"), ae = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), S = Symbol.for("react.activity"), oe = Symbol.for("react.client.reference"), se = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, ce = Array.isArray, w = console.createTask ? console.createTask : function() {
-			return null;
-		};
-		m = { react_stack_bottom_frame: function(e) {
-			return e();
-		} };
-		var T, E = {}, D = m.react_stack_bottom_frame.bind(m, o)(), le = w(i(o)), O = {};
-		e.Fragment = g, e.jsx = function(e, t, n) {
-			var r = 1e4 > se.recentlyCreatedOwnerStacks++;
-			return d(e, t, n, !1, r ? Error("react-stack-top-frame") : D, r ? w(i(e)) : le);
-		}, e.jsxs = function(e, t, n) {
-			var r = 1e4 > se.recentlyCreatedOwnerStacks++;
-			return d(e, t, n, !0, r ? Error("react-stack-top-frame") : D, r ? w(i(e)) : le);
-		};
-	})();
-})), S = (/* @__PURE__ */ v(((e, t) => {
-	t.exports = process.env.NODE_ENV === "production" ? b() : x();
-})))(), oe = "border border-slate-200 rounded-lg bg-white", se = {
+import { Check as i, ChevronDown as a, ChevronLeft as o, ChevronRight as s, ChevronUp as c, ChevronsLeft as ee, ChevronsRight as l, ChevronsUpDown as u, Columns3 as te, Download as ne, Edit3 as re, Eye as ie, EyeOff as ae, GripVertical as oe, Pencil as se, RotateCcw as ce, Search as le, SlidersHorizontal as ue, Trash2 as de, X as fe } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/DataTable.jsx
+var pe = "border border-slate-200 rounded-lg bg-white", me = {
 	Active: "bg-emerald-50 text-emerald-700",
 	Inactive: "bg-slate-100 text-slate-600",
 	Pending: "bg-amber-50 text-amber-700"
 };
-function C({ config: v, data: y = [], onView: b, onEdit: x, onDelete: C, onBulkEdit: ce }) {
-	let w = `table_cols_${v.id || v.title || "default"}`, [T, E] = r(y), [D, le] = r(""), [O, ue] = r({}), [k, de] = r({
+function p({ config: p, data: m = [], onView: h, onEdit: he, onDelete: ge, onBulkEdit: _e }) {
+	let g = `table_cols_${p.id || p.title || "default"}`, [ve, _] = r(m), [v, ye] = r(""), [y, be] = r({}), [b, x] = r({
 		key: null,
 		dir: null
-	}), [fe, A] = r(1), [j, pe] = r(v.pageSize || 10), [M, me] = r(() => {
+	}), [xe, S] = r(1), [C, Se] = r(p.pageSize || 10), [w, T] = r(() => {
 		try {
-			let e = localStorage.getItem(`${w}_visible`);
+			let e = localStorage.getItem(`${g}_visible`);
 			if (e) return JSON.parse(e);
 		} catch {}
-		return Object.fromEntries(v.columns.map((e) => [e.key, e.visible !== !1]));
-	}), [N, he] = r(() => {
+		return Object.fromEntries(p.columns.map((e) => [e.key, e.visible !== !1]));
+	}), [E, Ce] = r(() => {
 		try {
-			let e = localStorage.getItem(`${w}_order`);
+			let e = localStorage.getItem(`${g}_order`);
 			if (e) return JSON.parse(e);
 		} catch {}
-		return v.columns.map((e) => e.key);
-	}), [P, ge] = r(() => {
+		return p.columns.map((e) => e.key);
+	}), [D, we] = r(() => {
 		try {
-			let e = localStorage.getItem(`${w}_widths`);
+			let e = localStorage.getItem(`${g}_widths`);
 			if (e) return JSON.parse(e);
 		} catch {}
-		return Object.fromEntries(v.columns.map((e) => [e.key, e.width || 160]));
-	}), [_e, ve] = r(null), [F, ye] = r(null), [be, I] = r(null), [L, xe] = r([]), [R, z] = r(null), [Se, Ce] = r(!1), [we, Te] = r(!1), [B, V] = r({
+		return Object.fromEntries(p.columns.map((e) => [e.key, e.width || 160]));
+	}), [Te, Ee] = r(null), [O, k] = r(null), [De, A] = r(null), [j, M] = r([]), [N, P] = r(null), [Oe, ke] = r(!1), [Ae, je] = r(!1), [F, I] = r({
 		row: 0,
 		col: 0
-	}), [Ee, De] = r(null), [H, U] = r({}), [Oe, ke] = r(!1), [Ae, je] = r([]), [Me, W] = r({}), [G, K] = r(1), Ne = n(null), Pe = n(null), Fe = n(null), q = n(null);
+	}), [Me, Ne] = r(null), [L, R] = r({}), [z, Pe] = r(!1), [Fe, B] = r([]), [V, H] = r({}), [U, W] = r(1), G = n(null), Ie = n(null), Le = n(null), K = n(null);
 	e(() => {
-		v.searchable && q.current && q.current.focus();
-	}, [v.searchable]), e(() => {
+		p.searchable && K.current && K.current.focus();
+	}, [p.searchable]), e(() => {
 		let e = (e) => {
-			Pe.current && !Pe.current.contains(e.target) && Te(!1), Fe.current && !Fe.current.contains(e.target) && Ce(!1);
+			Ie.current && !Ie.current.contains(e.target) && je(!1), Le.current && !Le.current.contains(e.target) && ke(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, []), e(() => E(y), [y]), e(() => A(1), [
-		D,
-		O,
-		j
+	}, []), e(() => _(m), [m]), e(() => S(1), [
+		v,
+		y,
+		C
 	]), e(() => {
 		try {
-			localStorage.setItem(`${w}_order`, JSON.stringify(N));
+			localStorage.setItem(`${g}_order`, JSON.stringify(E));
 		} catch {}
-	}, [N, w]), e(() => {
+	}, [E, g]), e(() => {
 		try {
-			localStorage.setItem(`${w}_visible`, JSON.stringify(M));
+			localStorage.setItem(`${g}_visible`, JSON.stringify(w));
 		} catch {}
-	}, [M, w]), e(() => {
+	}, [w, g]), e(() => {
 		try {
-			localStorage.setItem(`${w}_widths`, JSON.stringify(P));
+			localStorage.setItem(`${g}_widths`, JSON.stringify(D));
 		} catch {}
-	}, [P, w]);
-	let Ie = () => {
-		let e = v.columns.map((e) => e.key), t = Object.fromEntries(v.columns.map((e) => [e.key, e.visible !== !1])), n = Object.fromEntries(v.columns.map((e) => [e.key, e.width || 160]));
-		he(e), me(t), ge(n);
+	}, [D, g]);
+	let Re = () => {
+		let e = p.columns.map((e) => e.key), t = Object.fromEntries(p.columns.map((e) => [e.key, e.visible !== !1])), n = Object.fromEntries(p.columns.map((e) => [e.key, e.width || 160]));
+		Ce(e), T(t), we(n);
 		try {
-			localStorage.removeItem(`${w}_order`), localStorage.removeItem(`${w}_visible`), localStorage.removeItem(`${w}_widths`);
+			localStorage.removeItem(`${g}_order`), localStorage.removeItem(`${g}_visible`), localStorage.removeItem(`${g}_widths`);
 		} catch {}
-	}, Le = (e, t) => {
+	}, ze = (e, t) => {
 		e.preventDefault(), e.stopPropagation();
-		let n = e.clientX, r = P[t] || 160, i = (e) => {
+		let n = e.clientX, r = D[t] || 160, i = (e) => {
 			let i = e.clientX - n, a = Math.max(70, r + i);
-			ge((e) => ({
+			we((e) => ({
 				...e,
 				[t]: a
 			}));
 		}, a = () => {
-			document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", a), ve(null);
+			document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", a), Ee(null);
 		};
-		ve(t), document.addEventListener("mousemove", i), document.addEventListener("mouseup", a);
-	}, J = t(() => {
-		let e = Object.fromEntries(v.columns.map((e) => [e.key, e]));
-		return N.map((t) => e[t]).filter((e) => e && M[e.key]);
+		Ee(t), document.addEventListener("mousemove", i), document.addEventListener("mouseup", a);
+	}, q = t(() => {
+		let e = Object.fromEntries(p.columns.map((e) => [e.key, e]));
+		return E.map((t) => e[t]).filter((e) => e && w[e.key]);
 	}, [
-		v.columns,
-		N,
-		M
-	]), Re = t(() => v.columns.filter((e) => e.editable !== !1), [v.columns]), ze = (e) => {
+		p.columns,
+		E,
+		w
+	]), J = t(() => p.columns.filter((e) => e.editable !== !1), [p.columns]), Be = (e) => {
 		if (e.options) return e.options;
-		let t = v.filters?.find((t) => t.key === e.key);
+		let t = p.filters?.find((t) => t.key === e.key);
 		return t?.options ? t.options.filter((e) => e.value !== "all").map((e) => e.value) : null;
-	}, Y = v.columnordering !== !1 && v.columnOrdering !== !1, Be = Y && v.dropcolumn !== !1 && v.dropColumn !== !1, Ve = (e, t) => {
-		Y && (ye(t), e.dataTransfer.setData("text/plain", t), e.dataTransfer.effectAllowed = "move");
-	}, He = (e, t) => {
-		e.preventDefault(), Be && (e.dataTransfer.dropEffect = "move", be !== t && I(t));
+	}, Y = p.columnordering !== !1 && p.columnOrdering !== !1, Ve = Y && p.dropcolumn !== !1 && p.dropColumn !== !1, He = (e, t) => {
+		Y && (k(t), e.dataTransfer.setData("text/plain", t), e.dataTransfer.effectAllowed = "move");
 	}, Ue = (e, t) => {
+		e.preventDefault(), Ve && (e.dataTransfer.dropEffect = "move", De !== t && A(t));
+	}, We = (e, t) => {
 		e.preventDefault(), e.stopPropagation();
-		let n = e.dataTransfer.getData("text/plain") || F;
-		n && n !== t && he((e) => {
+		let n = e.dataTransfer.getData("text/plain") || O;
+		n && n !== t && Ce((e) => {
 			let r = [...e], i = r.indexOf(n), a = r.indexOf(t);
 			return i !== -1 && a !== -1 && (r.splice(i, 1), r.splice(a, 0, n)), r;
-		}), ye(null), I(null);
-	}, We = (e) => {
-		e && (me((t) => Object.values(t).filter(Boolean).length <= 1 ? t : {
+		}), k(null), A(null);
+	}, Ge = (e) => {
+		e && (T((t) => Object.values(t).filter(Boolean).length <= 1 ? t : {
 			...t,
 			[e]: !1
-		}), ye(null), I(null));
+		}), k(null), A(null));
 	}, X = t(() => {
-		let e = [...T];
-		if (D.trim()) {
-			let t = D.toLowerCase(), n = v.columns.filter((e) => e.searchable !== !1).map((e) => e.key);
+		let e = [...ve];
+		if (v.trim()) {
+			let t = v.toLowerCase(), n = p.columns.filter((e) => e.searchable !== !1).map((e) => e.key);
 			e = e.filter((e) => n.some((n) => String(e[n] ?? "").toLowerCase().includes(t)));
 		}
-		return Object.entries(O).forEach(([t, n]) => {
+		return Object.entries(y).forEach(([t, n]) => {
 			n && n !== "all" && (e = e.filter((e) => String(e[t]) === String(n)));
-		}), k.key && e.sort((e, t) => {
-			let n = String(e[k.key] ?? "").toLowerCase(), r = String(t[k.key] ?? "").toLowerCase(), i = n.localeCompare(r, void 0, { numeric: !0 });
-			return k.dir === "asc" ? i : -i;
+		}), b.key && e.sort((e, t) => {
+			let n = String(e[b.key] ?? "").toLowerCase(), r = String(t[b.key] ?? "").toLowerCase(), i = n.localeCompare(r, void 0, { numeric: !0 });
+			return b.dir === "asc" ? i : -i;
 		}), e;
 	}, [
-		T,
-		D,
-		O,
-		k,
-		v.columns
-	]), Z = Math.max(1, Math.ceil(X.length / j)), Q = Math.min(fe, Z), $ = X.slice((Q - 1) * j, Q * j), Ge = t(() => L.length > 0 ? L : $.map((e) => e.id), [L, $]), Ke = (e) => {
-		if (k.key !== e) return de({
+		ve,
+		v,
+		y,
+		b,
+		p.columns
+	]), Z = Math.max(1, Math.ceil(X.length / C)), Q = Math.min(xe, Z), $ = X.slice((Q - 1) * C, Q * C), Ke = t(() => j.length > 0 ? j : $.map((e) => e.id), [j, $]), qe = (e) => {
+		if (b.key !== e) return x({
 			key: e,
 			dir: "asc"
 		});
-		if (k.dir === "asc") return de({
+		if (b.dir === "asc") return x({
 			key: e,
 			dir: "desc"
 		});
-		de({
+		x({
 			key: null,
 			dir: null
 		});
-	}, qe = (e) => xe(e ? $.map((e) => e.id) : []), Je = (e) => xe((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]), Ye = (e) => {
-		De(e.id), U({ ...e });
-	}, Xe = () => {
-		De(null), U({});
+	}, Je = (e) => M(e ? $.map((e) => e.id) : []), Ye = (e) => M((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]), Xe = (e) => {
+		Ne(e.id), R({ ...e });
 	}, Ze = () => {
-		E((e) => e.map((e) => e.id === Ee ? H : e)), x?.(H), De(null), U({});
+		Ne(null), R({});
 	}, Qe = () => {
-		let e = {}, t = L.length > 0 ? L : $.map((e) => e.id);
-		T.forEach((n) => {
-			t.includes(n.id) && (e[n.id] = { ...n });
-		}), W(e), je(Re.map((e) => e.key)), ke(!0);
+		_((e) => e.map((e) => e.id === Me ? L : e)), he?.(L), Ne(null), R({});
 	}, $e = () => {
-		ke(!1), W({}), je([]);
+		let e = {}, t = j.length > 0 ? j : $.map((e) => e.id);
+		ve.forEach((n) => {
+			t.includes(n.id) && (e[n.id] = { ...n });
+		}), H(e), B(J.map((e) => e.key)), Pe(!0);
 	}, et = () => {
-		let e = L.length > 0 ? L : $.map((e) => e.id);
-		E((t) => t.map((t) => e.includes(t.id) && Me[t.id] || t)), ce?.(e, Me), ke(!1), W({}), je([]);
+		Pe(!1), H({}), B([]);
+	}, tt = () => {
+		let e = j.length > 0 ? j : $.map((e) => e.id);
+		_((t) => t.map((t) => e.includes(t.id) && V[t.id] || t)), _e?.(e, V), Pe(!1), H({}), B([]);
 	};
 	return e(() => {
 		let e = (e) => {
-			if (!v.keyboardNavigation || !$.length) return;
+			if (!p.keyboardNavigation || !$.length) return;
 			let t = document.activeElement;
 			if (t && (["TEXTAREA"].includes(t.tagName) || t.tagName === "INPUT" && t.type !== "checkbox" || t.tagName === "SELECT")) return;
-			let n = !!(v.actions?.view || v.actions?.edit || v.actions?.delete), r = J.length + +!!v.selectable, i = J.length + +!!v.selectable + +!!n, a = t?.closest("[data-cell]"), o = B.row, s = B.col;
+			let n = !!(p.actions?.view || p.actions?.edit || p.actions?.delete), r = q.length + +!!p.selectable, i = q.length + +!!p.selectable + +!!n, a = t?.closest("[data-cell]"), o = F.row, s = F.col;
 			if (a) {
 				let e = a.getAttribute("data-cell");
 				if (e) {
@@ -346,197 +166,197 @@ function C({ config: v, data: y = [], onView: b, onEdit: x, onDelete: C, onBulkE
 			if (e.key === "ArrowDown") {
 				e.preventDefault();
 				let t = Math.min($.length - 1, o + 1);
-				V({
+				I({
 					row: t,
 					col: s
 				});
 			} else if (e.key === "ArrowUp") {
 				e.preventDefault();
 				let t = Math.max(-1, o - 1);
-				V({
+				I({
 					row: t,
 					col: s
 				});
 			} else if (e.key === "ArrowRight") {
 				if (e.preventDefault(), n && s === r) {
-					let e = Ne.current?.querySelector(`[data-cell="${o}-${s}"]`), t = e ? Array.from(e.querySelectorAll("button")) : [];
-					if (G < t.length - 1) {
-						K((e) => e + 1);
+					let e = G.current?.querySelector(`[data-cell="${o}-${s}"]`), t = e ? Array.from(e.querySelectorAll("button")) : [];
+					if (U < t.length - 1) {
+						W((e) => e + 1);
 						return;
 					}
 				}
 				let t = Math.min(i - 1, s + 1);
-				V({
+				I({
 					row: o,
 					col: t
 				});
 			} else if (e.key === "ArrowLeft") {
-				if (e.preventDefault(), n && s === r && G > 0) {
-					K((e) => e - 1);
+				if (e.preventDefault(), n && s === r && U > 0) {
+					W((e) => e - 1);
 					return;
 				}
 				let t = Math.max(0, s - 1);
-				V({
+				I({
 					row: o,
 					col: t
 				});
 			} else if (e.key === "Enter" || e.key === " ") {
 				if (o === -1) {
-					if (v.selectable && s === 0) e.preventDefault(), qe($.length > 0 && !$.every((e) => L.includes(e.id)));
+					if (p.selectable && s === 0) e.preventDefault(), Je($.length > 0 && !$.every((e) => j.includes(e.id)));
 					else {
-						let t = v.selectable ? s - 1 : s, n = J[t];
-						n && n.sortable && (e.preventDefault(), Ke(n.key));
+						let t = p.selectable ? s - 1 : s, n = q[t];
+						n && n.sortable && (e.preventDefault(), qe(n.key));
 					}
 				} else {
 					let i = $[o];
-					t && (t.type === "checkbox" || t.tagName === "BUTTON") ? (e.key === "Enter" || e.key === " ") && (e.preventDefault(), t.click()) : i && (v.selectable && s === 0 ? (e.preventDefault(), Je(i.id)) : n && s === r ? (e.preventDefault(), Ye(i)) : e.key === "Enter" && (e.preventDefault(), b?.(i)));
+					t && (t.type === "checkbox" || t.tagName === "BUTTON") ? (e.key === "Enter" || e.key === " ") && (e.preventDefault(), t.click()) : i && (p.selectable && s === 0 ? (e.preventDefault(), Ye(i.id)) : n && s === r ? (e.preventDefault(), Xe(i)) : e.key === "Enter" && (e.preventDefault(), h?.(i)));
 				}
 			}
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [
-		v.keyboardNavigation,
+		p.keyboardNavigation,
 		$,
-		J,
-		B,
-		G,
+		q,
+		F,
+		U,
+		Ye,
 		Je,
 		qe,
-		Ke,
-		b,
-		v.selectable,
-		L
+		h,
+		p.selectable,
+		j
 	]), e(() => {
-		if (!v.keyboardNavigation || !Ne.current || document.activeElement === q.current) return;
-		let e = Ne.current.querySelector(`[data-cell="${B.row}-${B.col}"]`);
+		if (!p.keyboardNavigation || !G.current || document.activeElement === K.current) return;
+		let e = G.current.querySelector(`[data-cell="${F.row}-${F.col}"]`);
 		if (e) {
 			let t = Array.from(e.querySelectorAll("input, button, select"));
-			t.length > 0 ? (t[Math.min(G, t.length - 1)] || t[0]).focus() : e.focus();
+			t.length > 0 ? (t[Math.min(U, t.length - 1)] || t[0]).focus() : e.focus();
 		}
 	}, [
-		B,
-		G,
-		v.keyboardNavigation,
+		F,
+		U,
+		p.keyboardNavigation,
 		$
-	]), /* @__PURE__ */ (0, S.jsxs)("div", {
+	]), /* @__PURE__ */ f("div", {
 		className: "space-y-3",
 		children: [
-			/* @__PURE__ */ (0, S.jsx)("div", {
-				className: `${oe} p-4`,
-				children: /* @__PURE__ */ (0, S.jsxs)("div", {
+			/* @__PURE__ */ d("div", {
+				className: `${pe} p-4`,
+				children: /* @__PURE__ */ f("div", {
 					className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
-					children: [/* @__PURE__ */ (0, S.jsxs)("div", { children: [/* @__PURE__ */ (0, S.jsx)("h2", {
+					children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h2", {
 						className: "text-lg font-semibold",
-						children: v.title
-					}), /* @__PURE__ */ (0, S.jsxs)("p", {
+						children: p.title
+					}), /* @__PURE__ */ f("p", {
 						className: "text-sm text-slate-500",
 						children: [X.length, " records"]
-					})] }), /* @__PURE__ */ (0, S.jsxs)("div", {
+					})] }), /* @__PURE__ */ f("div", {
 						className: "flex flex-wrap gap-2",
 						children: [
-							v.searchable && /* @__PURE__ */ (0, S.jsxs)("div", {
+							p.searchable && /* @__PURE__ */ f("div", {
 								className: "relative",
 								children: [
-									/* @__PURE__ */ (0, S.jsx)(re, {
+									/* @__PURE__ */ d(le, {
 										size: 16,
 										className: "absolute left-3 top-1/2 -translate-y-1/2 text-slate-400"
 									}),
-									/* @__PURE__ */ (0, S.jsx)("input", {
-										ref: q,
+									/* @__PURE__ */ d("input", {
+										ref: K,
 										autoFocus: !0,
-										value: D,
-										onChange: (e) => le(e.target.value),
+										value: v,
+										onChange: (e) => ye(e.target.value),
 										placeholder: "Search...",
 										className: "w-56 rounded-lg border border-slate-200 py-2 pl-9 pr-8 text-sm outline-none focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/20"
 									}),
-									D && /* @__PURE__ */ (0, S.jsx)("button", {
+									v && /* @__PURE__ */ d("button", {
 										onClick: () => {
-											le(""), q.current?.focus();
+											ye(""), K.current?.focus();
 										},
 										className: "absolute right-2 top-1/2 -translate-y-1/2 text-slate-400 hover:text-slate-600",
-										children: /* @__PURE__ */ (0, S.jsx)(_, { size: 15 })
+										children: /* @__PURE__ */ d(fe, { size: 15 })
 									})
 								]
 							}),
-							v.filterable && /* @__PURE__ */ (0, S.jsxs)("div", {
-								ref: Pe,
+							p.filterable && /* @__PURE__ */ f("div", {
+								ref: Ie,
 								className: "relative",
-								children: [/* @__PURE__ */ (0, S.jsxs)("button", {
-									onClick: () => Te((e) => !e),
+								children: [/* @__PURE__ */ f("button", {
+									onClick: () => je((e) => !e),
 									className: "flex items-center gap-2 rounded-lg border border-slate-200 px-3 py-2 text-sm",
-									children: [/* @__PURE__ */ (0, S.jsx)(ie, { size: 16 }), "Filter"]
-								}), we && /* @__PURE__ */ (0, S.jsxs)("div", {
+									children: [/* @__PURE__ */ d(ue, { size: 16 }), "Filter"]
+								}), Ae && /* @__PURE__ */ f("div", {
 									className: "absolute right-0 z-30 mt-2 w-64 rounded-xl border bg-white p-4 shadow-xl",
-									children: [v.filters?.map((e) => /* @__PURE__ */ (0, S.jsxs)("label", {
+									children: [p.filters?.map((e) => /* @__PURE__ */ f("label", {
 										className: "mb-3 block text-sm",
-										children: [/* @__PURE__ */ (0, S.jsx)("span", {
+										children: [/* @__PURE__ */ d("span", {
 											className: "mb-1 block font-medium",
 											children: e.label
-										}), /* @__PURE__ */ (0, S.jsx)("select", {
-											value: O[e.key] || "all",
-											onChange: (t) => ue((n) => ({
+										}), /* @__PURE__ */ d("select", {
+											value: y[e.key] || "all",
+											onChange: (t) => be((n) => ({
 												...n,
 												[e.key]: t.target.value
 											})),
 											className: "w-full rounded-lg border p-2",
-											children: e.options.map((e) => /* @__PURE__ */ (0, S.jsx)("option", {
+											children: e.options.map((e) => /* @__PURE__ */ d("option", {
 												value: e.value,
 												children: e.label
 											}, e.value))
 										})]
-									}, e.key)), /* @__PURE__ */ (0, S.jsx)("button", {
-										onClick: () => ue({}),
+									}, e.key)), /* @__PURE__ */ d("button", {
+										onClick: () => be({}),
 										className: "text-sm font-medium text-slate-600",
 										children: "Clear filters"
 									})]
 								})]
 							}),
-							v.columnVisibility && /* @__PURE__ */ (0, S.jsxs)("div", {
-								ref: Fe,
+							p.columnVisibility && /* @__PURE__ */ f("div", {
+								ref: Le,
 								className: "relative",
-								children: [/* @__PURE__ */ (0, S.jsxs)("button", {
-									onClick: () => Ce((e) => !e),
+								children: [/* @__PURE__ */ f("button", {
+									onClick: () => ke((e) => !e),
 									className: "flex items-center gap-2 rounded-lg border border-slate-200 px-3 py-2 text-sm",
-									children: [/* @__PURE__ */ (0, S.jsx)(f, { size: 16 }), "Columns"]
-								}), Se && /* @__PURE__ */ (0, S.jsxs)("div", {
+									children: [/* @__PURE__ */ d(te, { size: 16 }), "Columns"]
+								}), Oe && /* @__PURE__ */ f("div", {
 									className: "absolute right-0 z-30 mt-2 w-64 rounded-xl border bg-white p-3.5 shadow-xl",
 									children: [
-										/* @__PURE__ */ (0, S.jsxs)("div", {
+										/* @__PURE__ */ f("div", {
 											className: "flex items-center justify-between pb-2 mb-2 border-b",
-											children: [/* @__PURE__ */ (0, S.jsx)("span", {
+											children: [/* @__PURE__ */ d("span", {
 												className: "text-xs font-semibold uppercase tracking-wider text-slate-500",
 												children: "Columns & Layout"
-											}), /* @__PURE__ */ (0, S.jsxs)("button", {
-												onClick: Ie,
+											}), /* @__PURE__ */ f("button", {
+												onClick: Re,
 												className: "flex items-center gap-1 text-xs text-indigo-600 hover:text-indigo-800 font-medium",
 												title: "Reset default layout",
-												children: [/* @__PURE__ */ (0, S.jsx)(ne, { size: 12 }), "Reset"]
+												children: [/* @__PURE__ */ d(ce, { size: 12 }), "Reset"]
 											})]
 										}),
-										/* @__PURE__ */ (0, S.jsx)("div", {
+										/* @__PURE__ */ d("div", {
 											className: "space-y-1 max-h-64 overflow-y-auto",
-											children: N.map((e) => {
-												let t = v.columns.find((t) => t.key === e);
+											children: E.map((e) => {
+												let t = p.columns.find((t) => t.key === e);
 												if (!t) return null;
-												let n = M[e] !== !1;
-												return /* @__PURE__ */ (0, S.jsxs)("div", {
+												let n = w[e] !== !1;
+												return /* @__PURE__ */ f("div", {
 													draggable: !0,
-													onDragStart: (e) => Ve(e, t.key),
-													onDragOver: (e) => He(e, t.key),
-													onDrop: (e) => Ue(e, t.key),
-													className: `flex items-center justify-between p-2 text-sm rounded-lg hover:bg-slate-50 cursor-grab active:cursor-grabbing transition-colors ${F === t.key ? "opacity-30 bg-slate-100" : ""} ${be === t.key && F !== t.key ? "border-l-4 border-l-indigo-600 bg-indigo-50/60" : ""}`,
-													children: [/* @__PURE__ */ (0, S.jsxs)("div", {
+													onDragStart: (e) => He(e, t.key),
+													onDragOver: (e) => Ue(e, t.key),
+													onDrop: (e) => We(e, t.key),
+													className: `flex items-center justify-between p-2 text-sm rounded-lg hover:bg-slate-50 cursor-grab active:cursor-grabbing transition-colors ${O === t.key ? "opacity-30 bg-slate-100" : ""} ${De === t.key && O !== t.key ? "border-l-4 border-l-indigo-600 bg-indigo-50/60" : ""}`,
+													children: [/* @__PURE__ */ f("div", {
 														className: "flex items-center gap-2",
-														children: [/* @__PURE__ */ (0, S.jsx)("span", {
+														children: [/* @__PURE__ */ d("span", {
 															title: "Drag to reorder",
 															className: "text-slate-300 hover:text-slate-500 cursor-grab",
-															children: /* @__PURE__ */ (0, S.jsx)(g, { size: 14 })
-														}), /* @__PURE__ */ (0, S.jsxs)("label", {
+															children: /* @__PURE__ */ d(oe, { size: 14 })
+														}), /* @__PURE__ */ f("label", {
 															className: "flex items-center gap-2 cursor-pointer select-none",
-															children: [/* @__PURE__ */ (0, S.jsx)("input", {
+															children: [/* @__PURE__ */ d("input", {
 																type: "checkbox",
 																checked: n,
-																onChange: () => me((e) => {
+																onChange: () => T((e) => {
 																	let n = Object.values(e).filter(Boolean).length;
 																	return e[t.key] && n === 1 ? e : {
 																		...e,
@@ -544,275 +364,275 @@ function C({ config: v, data: y = [], onView: b, onEdit: x, onDelete: C, onBulkE
 																	};
 																}),
 																className: "rounded text-indigo-600 focus:ring-indigo-500"
-															}), /* @__PURE__ */ (0, S.jsx)("span", {
+															}), /* @__PURE__ */ d("span", {
 																className: n ? "font-medium text-slate-800" : "text-slate-400 line-through",
 																children: t.label
 															})]
 														})]
-													}), /* @__PURE__ */ (0, S.jsxs)("span", {
+													}), /* @__PURE__ */ f("span", {
 														className: "text-xs text-slate-400 font-mono",
-														children: [P[t.key] || 160, "px"]
+														children: [D[t.key] || 160, "px"]
 													})]
 												}, t.key);
 											})
 										}),
-										/* @__PURE__ */ (0, S.jsx)("p", {
+										/* @__PURE__ */ d("p", {
 											className: "mt-2.5 pt-2 border-t text-[11px] text-slate-400 text-center",
 											children: "Drag handles to reorder | Drag column edge to resize"
 										})
 									]
 								})]
 							}),
-							v.bulkEditable !== !1 && Re.length > 0 && /* @__PURE__ */ (0, S.jsxs)("button", {
-								onClick: Qe,
-								className: `flex items-center gap-2 rounded-lg border px-3 py-2 text-sm font-medium transition-colors ${Oe ? "border-indigo-500 bg-indigo-600 text-white" : L.length > 0 ? "border-indigo-300 bg-indigo-50 text-indigo-700 hover:bg-indigo-100" : "border-slate-200 bg-white text-slate-700 hover:bg-slate-50"}`,
+							p.bulkEditable !== !1 && J.length > 0 && /* @__PURE__ */ f("button", {
+								onClick: $e,
+								className: `flex items-center gap-2 rounded-lg border px-3 py-2 text-sm font-medium transition-colors ${z ? "border-indigo-500 bg-indigo-600 text-white" : j.length > 0 ? "border-indigo-300 bg-indigo-50 text-indigo-700 hover:bg-indigo-100" : "border-slate-200 bg-white text-slate-700 hover:bg-slate-50"}`,
 								children: [
-									/* @__PURE__ */ (0, S.jsx)(m, { size: 16 }),
+									/* @__PURE__ */ d(re, { size: 16 }),
 									"Bulk Edit",
-									L.length > 0 ? ` (${L.length})` : ""
+									j.length > 0 ? ` (${j.length})` : ""
 								]
 							}),
-							v.exportable && /* @__PURE__ */ (0, S.jsxs)("button", {
+							p.exportable && /* @__PURE__ */ f("button", {
 								onClick: () => {
-									let e = J.map((e) => e.label).join(","), t = X.map((e) => J.map((t) => `"${String(e[t.key] ?? "").replaceAll("\"", "\"\"")}"`).join(",")).join("\n"), n = new Blob([e + "\n" + t], { type: "text/csv" }), r = document.createElement("a");
+									let e = q.map((e) => e.label).join(","), t = X.map((e) => q.map((t) => `"${String(e[t.key] ?? "").replaceAll("\"", "\"\"")}"`).join(",")).join("\n"), n = new Blob([e + "\n" + t], { type: "text/csv" }), r = document.createElement("a");
 									r.href = URL.createObjectURL(n), r.download = "table-export.csv", r.click(), URL.revokeObjectURL(r.href);
 								},
 								className: "flex items-center gap-2 rounded-lg border border-slate-200 px-3 py-2 text-sm",
-								children: [/* @__PURE__ */ (0, S.jsx)(p, { size: 16 }), "Export"]
+								children: [/* @__PURE__ */ d(ne, { size: 16 }), "Export"]
 							})
 						]
 					})]
 				})
 			}),
-			Be && /* @__PURE__ */ (0, S.jsx)("div", {
+			Ve && /* @__PURE__ */ d("div", {
 				onDragOver: (e) => {
 					e.preventDefault(), e.dataTransfer.dropEffect = "move";
 				},
 				onDrop: (e) => {
 					e.preventDefault();
-					let t = e.dataTransfer.getData("text/plain") || F;
-					t && We(t);
+					let t = e.dataTransfer.getData("text/plain") || O;
+					t && Ge(t);
 				},
-				className: `transition-all duration-200 overflow-hidden ${F ? "max-h-24 opacity-100 my-2" : "max-h-0 opacity-0 my-0 pointer-events-none"}`,
-				children: /* @__PURE__ */ (0, S.jsxs)("div", {
+				className: `transition-all duration-200 overflow-hidden ${O ? "max-h-24 opacity-100 my-2" : "max-h-0 opacity-0 my-0 pointer-events-none"}`,
+				children: /* @__PURE__ */ f("div", {
 					className: "flex items-center justify-center gap-2 rounded-xl border-2 border-dashed border-rose-400 bg-rose-50 p-3 text-sm font-semibold text-rose-700 shadow-sm",
-					children: [/* @__PURE__ */ (0, S.jsx)(ae, {
+					children: [/* @__PURE__ */ d(de, {
 						size: 20,
 						className: "text-rose-600 animate-bounce"
-					}), /* @__PURE__ */ (0, S.jsxs)("span", { children: ["Drop column header here to hide column ", /* @__PURE__ */ (0, S.jsx)("b", { children: v.columns.find((e) => e.key === F)?.label })] })]
+					}), /* @__PURE__ */ f("span", { children: ["Drop column header here to hide column ", /* @__PURE__ */ d("b", { children: p.columns.find((e) => e.key === O)?.label })] })]
 				})
 			}),
-			Oe && /* @__PURE__ */ (0, S.jsxs)("div", {
+			z && /* @__PURE__ */ f("div", {
 				className: "flex flex-wrap items-center justify-between gap-3 rounded-xl border border-indigo-200 bg-indigo-50/80 p-3.5 shadow-sm",
-				children: [/* @__PURE__ */ (0, S.jsxs)("div", {
+				children: [/* @__PURE__ */ f("div", {
 					className: "flex flex-wrap items-center gap-3",
-					children: [/* @__PURE__ */ (0, S.jsxs)("div", {
+					children: [/* @__PURE__ */ f("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ (0, S.jsx)(m, {
+						children: [/* @__PURE__ */ d(re, {
 							size: 18,
 							className: "text-indigo-600"
-						}), /* @__PURE__ */ (0, S.jsxs)("span", {
+						}), /* @__PURE__ */ f("span", {
 							className: "font-semibold text-slate-900 text-sm",
 							children: [
 								"Bulk Edit Mode (",
-								Ge.length,
+								Ke.length,
 								" records):"
 							]
 						})]
-					}), /* @__PURE__ */ (0, S.jsxs)("div", {
+					}), /* @__PURE__ */ f("div", {
 						className: "flex flex-wrap items-center gap-2",
-						children: [/* @__PURE__ */ (0, S.jsx)("span", {
+						children: [/* @__PURE__ */ d("span", {
 							className: "text-xs font-medium text-slate-600",
 							children: "Select columns to edit:"
-						}), Re.map((e) => {
-							let t = Ae.includes(e.key);
-							return /* @__PURE__ */ (0, S.jsxs)("button", {
+						}), J.map((e) => {
+							let t = Fe.includes(e.key);
+							return /* @__PURE__ */ f("button", {
 								type: "button",
 								onClick: () => {
-									je(t ? (t) => t.filter((t) => t !== e.key) : (t) => [...t, e.key]);
+									B(t ? (t) => t.filter((t) => t !== e.key) : (t) => [...t, e.key]);
 								},
 								className: `flex items-center gap-1.5 rounded-lg px-2.5 py-1 text-xs font-medium border transition-all ${t ? "border-indigo-500 bg-indigo-600 text-white shadow-xs" : "border-slate-200 bg-white text-slate-700 hover:border-slate-300 hover:bg-slate-50"}`,
-								children: [/* @__PURE__ */ (0, S.jsx)("span", {
+								children: [/* @__PURE__ */ d("span", {
 									className: `flex h-3.5 w-3.5 items-center justify-center rounded border ${t ? "border-white bg-white text-indigo-600" : "border-slate-300 bg-white"}`,
-									children: t && /* @__PURE__ */ (0, S.jsx)(i, {
+									children: t && /* @__PURE__ */ d(i, {
 										size: 10,
 										strokeWidth: 3
 									})
-								}), /* @__PURE__ */ (0, S.jsx)("span", { children: e.label })]
+								}), /* @__PURE__ */ d("span", { children: e.label })]
 							}, e.key);
 						})]
 					})]
-				}), /* @__PURE__ */ (0, S.jsxs)("div", {
+				}), /* @__PURE__ */ f("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ (0, S.jsxs)("button", {
-						onClick: $e,
+					children: [/* @__PURE__ */ f("button", {
+						onClick: et,
 						className: "flex items-center gap-1.5 rounded-lg border border-slate-200 bg-white px-3 py-1.5 text-xs font-medium text-slate-700 hover:bg-slate-50 transition-colors",
-						children: [/* @__PURE__ */ (0, S.jsx)(_, {
+						children: [/* @__PURE__ */ d(fe, {
 							size: 14,
 							className: "text-rose-500"
 						}), "Cancel"]
-					}), /* @__PURE__ */ (0, S.jsxs)("button", {
-						onClick: et,
+					}), /* @__PURE__ */ f("button", {
+						onClick: tt,
 						className: "flex items-center gap-1.5 rounded-lg bg-emerald-600 px-3.5 py-1.5 text-xs font-medium text-white hover:bg-emerald-700 shadow-sm transition-colors",
-						children: [/* @__PURE__ */ (0, S.jsx)(i, { size: 14 }), "Save"]
+						children: [/* @__PURE__ */ d(i, { size: 14 }), "Save"]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ (0, S.jsxs)("div", {
-				className: `${oe} overflow-hidden`,
-				children: [/* @__PURE__ */ (0, S.jsx)("div", {
+			/* @__PURE__ */ f("div", {
+				className: `${pe} overflow-hidden`,
+				children: [/* @__PURE__ */ d("div", {
 					className: "overflow-x-auto",
-					children: /* @__PURE__ */ (0, S.jsxs)("table", {
-						ref: Ne,
+					children: /* @__PURE__ */ f("table", {
+						ref: G,
 						className: "min-w-full text-sm table-fixed",
-						children: [/* @__PURE__ */ (0, S.jsx)("thead", {
+						children: [/* @__PURE__ */ d("thead", {
 							className: "border-b bg-slate-50",
-							children: /* @__PURE__ */ (0, S.jsxs)("tr", { children: [
-								v.selectable && /* @__PURE__ */ (0, S.jsx)("th", {
+							children: /* @__PURE__ */ f("tr", { children: [
+								p.selectable && /* @__PURE__ */ d("th", {
 									"data-cell": "-1-0",
 									className: "w-12 px-4 py-3",
-									children: /* @__PURE__ */ (0, S.jsx)("input", {
+									children: /* @__PURE__ */ d("input", {
 										type: "checkbox",
-										checked: $.length > 0 && $.every((e) => L.includes(e.id)),
-										onChange: (e) => qe(e.target.checked),
-										onFocus: () => V({
+										checked: $.length > 0 && $.every((e) => j.includes(e.id)),
+										onChange: (e) => Je(e.target.checked),
+										onFocus: () => I({
 											row: -1,
 											col: 0
 										})
 									})
 								}),
-								J.map((e, t) => {
-									let n = v.selectable ? t + 1 : t, r = F === e.key, i = be === e.key && F !== e.key, o = P[e.key] || e.width || 160;
-									return /* @__PURE__ */ (0, S.jsxs)("th", {
+								q.map((e, t) => {
+									let n = p.selectable ? t + 1 : t, r = O === e.key, i = De === e.key && O !== e.key, o = D[e.key] || e.width || 160;
+									return /* @__PURE__ */ f("th", {
 										"data-cell": `-1-${n}`,
 										style: {
 											width: `${o}px`,
 											minWidth: `${o}px`
 										},
 										draggable: Y,
-										onDragStart: (t) => Ve(t, e.key),
-										onDragOver: (t) => He(t, e.key),
-										onDragLeave: () => I(null),
-										onDrop: (t) => Ue(t, e.key),
+										onDragStart: (t) => He(t, e.key),
+										onDragOver: (t) => Ue(t, e.key),
+										onDragLeave: () => A(null),
+										onDrop: (t) => We(t, e.key),
 										onDragEnd: () => {
-											ye(null), I(null);
+											k(null), A(null);
 										},
-										"aria-sort": k.key === e.key ? k.dir : "none",
+										"aria-sort": b.key === e.key ? b.dir : "none",
 										className: `group relative whitespace-nowrap px-4 py-3 text-left font-semibold text-slate-600 ${Y ? "cursor-grab active:cursor-grabbing" : ""} transition-colors select-none ${r ? "opacity-30 bg-slate-100" : ""} ${i ? "border-l-4 border-l-indigo-600 bg-indigo-50/60" : ""}`,
-										children: [/* @__PURE__ */ (0, S.jsxs)("div", {
+										children: [/* @__PURE__ */ f("div", {
 											className: "flex items-center justify-between gap-1.5 pr-2",
-											children: [/* @__PURE__ */ (0, S.jsxs)("div", {
+											children: [/* @__PURE__ */ f("div", {
 												className: "flex items-center gap-1.5 overflow-hidden",
-												children: [Y && /* @__PURE__ */ (0, S.jsx)("span", {
+												children: [Y && /* @__PURE__ */ d("span", {
 													title: "Drag header to reorder",
 													className: "text-slate-300 group-hover:text-slate-500 cursor-grab shrink-0",
-													children: /* @__PURE__ */ (0, S.jsx)(g, { size: 14 })
-												}), /* @__PURE__ */ (0, S.jsxs)("button", {
+													children: /* @__PURE__ */ d(oe, { size: 14 })
+												}), /* @__PURE__ */ f("button", {
 													disabled: !e.sortable,
-													onClick: () => e.sortable && Ke(e.key),
+													onClick: () => e.sortable && qe(e.key),
 													className: `flex items-center gap-1 truncate ${e.sortable ? "hover:text-slate-900" : ""}`,
-													children: [/* @__PURE__ */ (0, S.jsx)("span", {
+													children: [/* @__PURE__ */ d("span", {
 														className: "truncate",
 														children: e.label
-													}), e.sortable && (k.key === e.key ? k.dir === "asc" ? /* @__PURE__ */ (0, S.jsx)(c, {
+													}), e.sortable && (b.key === e.key ? b.dir === "asc" ? /* @__PURE__ */ d(c, {
 														size: 15,
 														className: "shrink-0"
-													}) : /* @__PURE__ */ (0, S.jsx)(a, {
+													}) : /* @__PURE__ */ d(a, {
 														size: 15,
 														className: "shrink-0"
-													}) : /* @__PURE__ */ (0, S.jsx)(d, {
+													}) : /* @__PURE__ */ d(u, {
 														size: 15,
 														className: "text-slate-400 shrink-0"
 													}))]
 												})]
-											}), /* @__PURE__ */ (0, S.jsx)("button", {
+											}), /* @__PURE__ */ d("button", {
 												type: "button",
 												title: "Hide column",
 												onClick: (t) => {
-													t.stopPropagation(), We(e.key);
+													t.stopPropagation(), Ge(e.key);
 												},
 												className: "opacity-0 group-hover:opacity-100 transition-opacity p-0.5 text-slate-400 hover:text-rose-600 rounded shrink-0",
-												children: /* @__PURE__ */ (0, S.jsx)(ee, { size: 13 })
+												children: /* @__PURE__ */ d(ae, { size: 13 })
 											})]
-										}), /* @__PURE__ */ (0, S.jsx)("div", {
+										}), /* @__PURE__ */ d("div", {
 											draggable: !1,
-											onMouseDown: (t) => Le(t, e.key),
+											onMouseDown: (t) => ze(t, e.key),
 											onDoubleClick: (t) => {
-												t.stopPropagation(), ge((t) => ({
+												t.stopPropagation(), we((t) => ({
 													...t,
 													[e.key]: e.width || 160
 												}));
 											},
 											title: "Drag to resize column width",
-											className: `absolute right-0 top-0 bottom-0 w-2.5 cursor-col-resize group-hover:bg-indigo-300/50 hover:!bg-indigo-500 transition-colors z-10 ${_e === e.key ? "bg-indigo-600 w-1" : ""}`
+											className: `absolute right-0 top-0 bottom-0 w-2.5 cursor-col-resize group-hover:bg-indigo-300/50 hover:!bg-indigo-500 transition-colors z-10 ${Te === e.key ? "bg-indigo-600 w-1" : ""}`
 										})]
 									}, e.key);
 								}),
-								(v.actions?.view || v.actions?.edit || v.actions?.delete) && /* @__PURE__ */ (0, S.jsx)("th", {
+								(p.actions?.view || p.actions?.edit || p.actions?.delete) && /* @__PURE__ */ d("th", {
 									className: "sticky right-0 bg-slate-50 px-4 py-3 text-right font-semibold text-slate-600 w-32",
 									children: "Actions"
 								})
 							] })
-						}), /* @__PURE__ */ (0, S.jsxs)("tbody", { children: [$.map((e, t) => {
-							let n = Ee === e.id, r = Oe && Ge.includes(e.id);
-							return /* @__PURE__ */ (0, S.jsxs)("tr", {
+						}), /* @__PURE__ */ f("tbody", { children: [$.map((e, t) => {
+							let n = Me === e.id, r = z && Ke.includes(e.id);
+							return /* @__PURE__ */ f("tr", {
 								className: `border-b last:border-0 ${n || r ? "bg-indigo-50/20" : "hover:bg-slate-50"}`,
 								children: [
-									v.selectable && /* @__PURE__ */ (0, S.jsx)("td", {
+									p.selectable && /* @__PURE__ */ d("td", {
 										"data-cell": `${t}-0`,
 										className: "px-4 py-3",
-										children: /* @__PURE__ */ (0, S.jsx)("input", {
+										children: /* @__PURE__ */ d("input", {
 											type: "checkbox",
-											checked: L.includes(e.id),
-											onChange: () => Je(e.id),
-											onFocus: () => V({
+											checked: j.includes(e.id),
+											onChange: () => Ye(e.id),
+											onFocus: () => I({
 												row: t,
 												col: 0
 											})
 										})
 									}),
-									J.map((i, a) => {
-										let o = v.selectable ? a + 1 : a, s = r && Ae.includes(i.key) && i.editable !== !1, c = ze(i), l = P[i.key] || i.width || 160, u = e[i.key], d = u == null ? "" : String(u), f = d.length > 25;
-										return /* @__PURE__ */ (0, S.jsx)("td", {
+									q.map((i, a) => {
+										let o = p.selectable ? a + 1 : a, s = r && Fe.includes(i.key) && i.editable !== !1, c = Be(i), ee = D[i.key] || i.width || 160, l = e[i.key], u = l == null ? "" : String(l), te = u.length > 25;
+										return /* @__PURE__ */ d("td", {
 											"data-cell": `${t}-${o}`,
 											style: {
-												width: `${l}px`,
-												minWidth: `${l}px`
+												width: `${ee}px`,
+												minWidth: `${ee}px`
 											},
 											className: "px-4 py-3 truncate",
 											tabIndex: -1,
-											title: f ? d : void 0,
-											children: n && i.editable !== !1 ? c ? /* @__PURE__ */ (0, S.jsx)("select", {
-												value: H[i.key] ?? "",
-												onChange: (e) => U({
-													...H,
+											title: te ? u : void 0,
+											children: n && i.editable !== !1 ? c ? /* @__PURE__ */ d("select", {
+												value: L[i.key] ?? "",
+												onChange: (e) => R({
+													...L,
 													[i.key]: e.target.value
 												}),
 												onKeyDown: (e) => {
-													e.key === "Enter" && Ze(), e.key === "Escape" && Xe();
+													e.key === "Enter" && Qe(), e.key === "Escape" && Ze();
 												},
 												className: "w-full rounded-md border border-indigo-300 bg-white px-2 py-1 text-sm outline-none focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500",
 												children: c.map((e) => {
 													let t = typeof e == "object" ? e.value : e, n = typeof e == "object" ? e.label : e;
-													return /* @__PURE__ */ (0, S.jsx)("option", {
+													return /* @__PURE__ */ d("option", {
 														value: t,
 														children: n
 													}, t);
 												})
-											}) : /* @__PURE__ */ (0, S.jsx)("input", {
+											}) : /* @__PURE__ */ d("input", {
 												type: "text",
-												value: H[i.key] ?? "",
-												onChange: (e) => U({
-													...H,
+												value: L[i.key] ?? "",
+												onChange: (e) => R({
+													...L,
 													[i.key]: e.target.value
 												}),
 												onKeyDown: (e) => {
-													e.key === "Enter" && Ze(), e.key === "Escape" && Xe();
+													e.key === "Enter" && Qe(), e.key === "Escape" && Ze();
 												},
 												className: "w-full rounded-md border border-indigo-300 bg-white px-2 py-1 text-sm outline-none focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500"
-											}) : s ? c ? /* @__PURE__ */ (0, S.jsx)("select", {
-												value: Me[e.id]?.[i.key] ?? e[i.key] ?? "",
-												onChange: (t) => W((n) => ({
+											}) : s ? c ? /* @__PURE__ */ d("select", {
+												value: V[e.id]?.[i.key] ?? e[i.key] ?? "",
+												onChange: (t) => H((n) => ({
 													...n,
 													[e.id]: {
 														...n[e.id] || e,
@@ -820,20 +640,20 @@ function C({ config: v, data: y = [], onView: b, onEdit: x, onDelete: C, onBulkE
 													}
 												})),
 												onKeyDown: (e) => {
-													e.key === "Enter" && et(), e.key === "Escape" && $e();
+													e.key === "Enter" && tt(), e.key === "Escape" && et();
 												},
 												className: "w-full rounded-md border border-indigo-400 bg-white px-2 py-1 text-sm outline-none focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500",
 												children: c.map((e) => {
 													let t = typeof e == "object" ? e.value : e, n = typeof e == "object" ? e.label : e;
-													return /* @__PURE__ */ (0, S.jsx)("option", {
+													return /* @__PURE__ */ d("option", {
 														value: t,
 														children: n
 													}, t);
 												})
-											}) : /* @__PURE__ */ (0, S.jsx)("input", {
+											}) : /* @__PURE__ */ d("input", {
 												type: "text",
-												value: Me[e.id]?.[i.key] ?? e[i.key] ?? "",
-												onChange: (t) => W((n) => ({
+												value: V[e.id]?.[i.key] ?? e[i.key] ?? "",
+												onChange: (t) => H((n) => ({
 													...n,
 													[e.id]: {
 														...n[e.id] || e,
@@ -841,127 +661,127 @@ function C({ config: v, data: y = [], onView: b, onEdit: x, onDelete: C, onBulkE
 													}
 												})),
 												onKeyDown: (e) => {
-													e.key === "Enter" && et(), e.key === "Escape" && $e();
+													e.key === "Enter" && tt(), e.key === "Escape" && et();
 												},
 												className: "w-full rounded-md border border-indigo-400 bg-white px-2 py-1 text-sm outline-none focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500"
-											}) : i.render ? i.render(u, e, t) : i.key === "status" ? /* @__PURE__ */ (0, S.jsx)("span", {
-												className: `rounded-full px-2.5 py-1 text-xs font-medium ${se[u] || "bg-slate-100 text-slate-600"}`,
-												children: u
-											}) : f ? /* @__PURE__ */ (0, S.jsxs)("span", {
-												title: d,
-												children: [d.slice(0, 25), "..."]
-											}) : d
+											}) : i.render ? i.render(l, e, t) : i.key === "status" ? /* @__PURE__ */ d("span", {
+												className: `rounded-full px-2.5 py-1 text-xs font-medium ${me[l] || "bg-slate-100 text-slate-600"}`,
+												children: l
+											}) : te ? /* @__PURE__ */ f("span", {
+												title: u,
+												children: [u.slice(0, 25), "..."]
+											}) : u
 										}, i.key);
 									}),
-									(v.actions?.view || v.actions?.edit || v.actions?.delete) && /* @__PURE__ */ (0, S.jsx)("td", {
-										"data-cell": `${t}-${J.length + +!!v.selectable}`,
+									(p.actions?.view || p.actions?.edit || p.actions?.delete) && /* @__PURE__ */ d("td", {
+										"data-cell": `${t}-${q.length + +!!p.selectable}`,
 										className: "sticky right-0 bg-white px-4 py-3 w-32",
-										children: n ? /* @__PURE__ */ (0, S.jsxs)("div", {
+										children: n ? /* @__PURE__ */ f("div", {
 											className: "flex justify-end gap-1",
-											children: [/* @__PURE__ */ (0, S.jsx)("button", {
+											children: [/* @__PURE__ */ d("button", {
 												title: "Save",
-												onClick: Ze,
+												onClick: Qe,
 												className: "rounded-md bg-emerald-100 p-2 text-emerald-700 hover:bg-emerald-200",
-												children: /* @__PURE__ */ (0, S.jsx)(i, { size: 16 })
-											}), /* @__PURE__ */ (0, S.jsx)("button", {
+												children: /* @__PURE__ */ d(i, { size: 16 })
+											}), /* @__PURE__ */ d("button", {
 												title: "Cancel",
-												onClick: Xe,
+												onClick: Ze,
 												className: "rounded-md bg-rose-100 p-2 text-rose-700 hover:bg-rose-200",
-												children: /* @__PURE__ */ (0, S.jsx)(_, { size: 16 })
+												children: /* @__PURE__ */ d(fe, { size: 16 })
 											})]
-										}) : /* @__PURE__ */ (0, S.jsxs)("div", {
+										}) : /* @__PURE__ */ f("div", {
 											className: "flex justify-end gap-1",
 											children: [
-												v.actions.view && /* @__PURE__ */ (0, S.jsx)("button", {
+												p.actions.view && /* @__PURE__ */ d("button", {
 													title: "View",
-													onClick: () => b?.(e),
+													onClick: () => h?.(e),
 													onFocus: () => {
-														V({
+														I({
 															row: t,
-															col: J.length + +!!v.selectable
-														}), K(0);
+															col: q.length + +!!p.selectable
+														}), W(0);
 													},
 													className: "rounded-md p-2 hover:bg-slate-100 focus:outline-none focus:ring-2 focus:ring-slate-400",
-													children: /* @__PURE__ */ (0, S.jsx)(h, { size: 16 })
+													children: /* @__PURE__ */ d(ie, { size: 16 })
 												}),
-												v.actions.edit && /* @__PURE__ */ (0, S.jsx)("button", {
+												p.actions.edit && /* @__PURE__ */ d("button", {
 													title: "Edit",
-													onClick: () => Ye(e),
+													onClick: () => Xe(e),
 													onFocus: () => {
-														V({
+														I({
 															row: t,
-															col: J.length + +!!v.selectable
-														}), K(1);
+															col: q.length + +!!p.selectable
+														}), W(1);
 													},
 													className: "rounded-md p-2 hover:bg-slate-100 focus:outline-none focus:ring-2 focus:ring-slate-400",
-													children: /* @__PURE__ */ (0, S.jsx)(te, { size: 16 })
+													children: /* @__PURE__ */ d(se, { size: 16 })
 												}),
-												v.actions.delete && /* @__PURE__ */ (0, S.jsx)("button", {
+												p.actions.delete && /* @__PURE__ */ d("button", {
 													title: "Delete",
-													onClick: () => z(e),
+													onClick: () => P(e),
 													onFocus: () => {
-														V({
+														I({
 															row: t,
-															col: J.length + +!!v.selectable
-														}), K(2);
+															col: q.length + +!!p.selectable
+														}), W(2);
 													},
 													className: "rounded-md p-2 text-red-600 hover:bg-red-50 focus:outline-none focus:ring-2 focus:ring-red-400",
-													children: /* @__PURE__ */ (0, S.jsx)(ae, { size: 16 })
+													children: /* @__PURE__ */ d(de, { size: 16 })
 												})
 											]
 										})
 									})
 								]
 							}, e.id);
-						}), !$.length && /* @__PURE__ */ (0, S.jsx)("tr", { children: /* @__PURE__ */ (0, S.jsxs)("td", {
-							colSpan: J.length + +!!v.selectable + 1,
+						}), !$.length && /* @__PURE__ */ d("tr", { children: /* @__PURE__ */ f("td", {
+							colSpan: q.length + +!!p.selectable + 1,
 							className: "px-6 py-16 text-center",
-							children: [/* @__PURE__ */ (0, S.jsx)("div", {
+							children: [/* @__PURE__ */ d("div", {
 								className: "font-medium",
 								children: "No records found"
-							}), /* @__PURE__ */ (0, S.jsx)("div", {
+							}), /* @__PURE__ */ d("div", {
 								className: "mt-1 text-sm text-slate-500",
 								children: "Try changing your search or filters."
 							})]
 						}) })] })]
 					})
-				}), /* @__PURE__ */ (0, S.jsxs)("div", {
+				}), /* @__PURE__ */ f("div", {
 					className: "flex flex-col gap-3 border-t bg-white px-4 py-3 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ (0, S.jsxs)("div", {
+					children: [/* @__PURE__ */ f("div", {
 						className: "text-sm text-slate-500",
 						children: [
 							"Showing ",
-							X.length ? (Q - 1) * j + 1 : 0,
+							X.length ? (Q - 1) * C + 1 : 0,
 							"–",
-							Math.min(Q * j, X.length),
+							Math.min(Q * C, X.length),
 							" of ",
 							X.length
 						]
-					}), /* @__PURE__ */ (0, S.jsxs)("div", {
+					}), /* @__PURE__ */ f("div", {
 						className: "flex items-center gap-2",
 						children: [
-							/* @__PURE__ */ (0, S.jsx)("select", {
-								value: j,
-								onChange: (e) => pe(Number(e.target.value)),
+							/* @__PURE__ */ d("select", {
+								value: C,
+								onChange: (e) => Se(Number(e.target.value)),
 								className: "rounded-lg border border-slate-200 px-2 py-1.5 text-sm",
-								children: v.pageSizeOptions.map((e) => /* @__PURE__ */ (0, S.jsxs)("option", {
+								children: p.pageSizeOptions.map((e) => /* @__PURE__ */ f("option", {
 									value: e,
 									children: [e, "/page"]
 								}, e))
 							}),
-							/* @__PURE__ */ (0, S.jsx)("button", {
+							/* @__PURE__ */ d("button", {
 								disabled: Q === 1,
-								onClick: () => A(1),
+								onClick: () => S(1),
 								className: "rounded-md border p-1.5 disabled:opacity-40",
-								children: /* @__PURE__ */ (0, S.jsx)(l, { size: 16 })
+								children: /* @__PURE__ */ d(ee, { size: 16 })
 							}),
-							/* @__PURE__ */ (0, S.jsx)("button", {
+							/* @__PURE__ */ d("button", {
 								disabled: Q === 1,
-								onClick: () => A((e) => e - 1),
+								onClick: () => S((e) => e - 1),
 								className: "rounded-md border p-1.5 disabled:opacity-40",
-								children: /* @__PURE__ */ (0, S.jsx)(o, { size: 16 })
+								children: /* @__PURE__ */ d(o, { size: 16 })
 							}),
-							/* @__PURE__ */ (0, S.jsxs)("span", {
+							/* @__PURE__ */ f("span", {
 								className: "px-2 text-sm",
 								children: [
 									"Page ",
@@ -970,70 +790,70 @@ function C({ config: v, data: y = [], onView: b, onEdit: x, onDelete: C, onBulkE
 									Z
 								]
 							}),
-							/* @__PURE__ */ (0, S.jsx)("button", {
+							/* @__PURE__ */ d("button", {
 								disabled: Q === Z,
-								onClick: () => A((e) => e + 1),
+								onClick: () => S((e) => e + 1),
 								className: "rounded-md border p-1.5 disabled:opacity-40",
-								children: /* @__PURE__ */ (0, S.jsx)(s, { size: 16 })
+								children: /* @__PURE__ */ d(s, { size: 16 })
 							}),
-							/* @__PURE__ */ (0, S.jsx)("button", {
+							/* @__PURE__ */ d("button", {
 								disabled: Q === Z,
-								onClick: () => A(Z),
+								onClick: () => S(Z),
 								className: "rounded-md border p-1.5 disabled:opacity-40",
-								children: /* @__PURE__ */ (0, S.jsx)(u, { size: 16 })
+								children: /* @__PURE__ */ d(l, { size: 16 })
 							})
 						]
 					})]
 				})]
 			}),
-			L.length > 0 && !Oe && /* @__PURE__ */ (0, S.jsxs)("div", {
+			j.length > 0 && !z && /* @__PURE__ */ f("div", {
 				className: "fixed bottom-5 left-1/2 z-40 flex -translate-x-1/2 items-center gap-3 rounded-xl bg-slate-900 px-4 py-2.5 text-sm text-white shadow-xl",
 				children: [
-					/* @__PURE__ */ (0, S.jsxs)("span", {
+					/* @__PURE__ */ f("span", {
 						className: "font-medium pl-1",
-						children: [L.length, " selected"]
+						children: [j.length, " selected"]
 					}),
-					v.bulkEditable !== !1 && Re.length > 0 && /* @__PURE__ */ (0, S.jsxs)("button", {
-						onClick: Qe,
+					p.bulkEditable !== !1 && J.length > 0 && /* @__PURE__ */ f("button", {
+						onClick: $e,
 						className: "flex items-center gap-1.5 rounded-lg bg-indigo-600 px-3 py-1.5 text-xs font-semibold text-white hover:bg-indigo-500 transition-colors shadow-sm",
-						children: [/* @__PURE__ */ (0, S.jsx)(m, { size: 14 }), "Bulk Edit"]
+						children: [/* @__PURE__ */ d(re, { size: 14 }), "Bulk Edit"]
 					}),
-					/* @__PURE__ */ (0, S.jsx)("button", {
-						onClick: () => xe([]),
+					/* @__PURE__ */ d("button", {
+						onClick: () => M([]),
 						className: "text-xs text-slate-400 hover:text-white underline pr-1",
 						children: "Clear"
 					})
 				]
 			}),
-			R && /* @__PURE__ */ (0, S.jsx)("div", {
+			N && /* @__PURE__ */ d("div", {
 				onClick: (e) => {
-					e.target === e.currentTarget && z(null);
+					e.target === e.currentTarget && P(null);
 				},
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4",
-				children: /* @__PURE__ */ (0, S.jsxs)("div", {
+				children: /* @__PURE__ */ f("div", {
 					className: "w-full max-w-sm rounded-2xl bg-white p-6 shadow-2xl",
 					children: [
-						/* @__PURE__ */ (0, S.jsx)("h3", {
+						/* @__PURE__ */ d("h3", {
 							className: "text-lg font-semibold",
 							children: "Delete record?"
 						}),
-						/* @__PURE__ */ (0, S.jsxs)("p", {
+						/* @__PURE__ */ f("p", {
 							className: "mt-2 text-sm text-slate-500",
 							children: [
 								"Are you sure you want to delete ",
-								/* @__PURE__ */ (0, S.jsx)("b", { children: R.name }),
+								/* @__PURE__ */ d("b", { children: N.name }),
 								"? This action cannot be undone."
 							]
 						}),
-						/* @__PURE__ */ (0, S.jsxs)("div", {
+						/* @__PURE__ */ f("div", {
 							className: "mt-6 flex justify-end gap-2",
-							children: [/* @__PURE__ */ (0, S.jsx)("button", {
-								onClick: () => z(null),
+							children: [/* @__PURE__ */ d("button", {
+								onClick: () => P(null),
 								className: "rounded-lg border px-4 py-2 text-sm",
 								children: "Cancel"
-							}), /* @__PURE__ */ (0, S.jsx)("button", {
+							}), /* @__PURE__ */ d("button", {
 								onClick: () => {
-									E((e) => e.filter((e) => e.id !== R.id)), xe((e) => e.filter((e) => e !== R.id)), z(null), C?.(R);
+									_((e) => e.filter((e) => e.id !== N.id)), M((e) => e.filter((e) => e !== N.id)), P(null), ge?.(N);
 								},
 								className: "rounded-lg bg-red-600 px-4 py-2 text-sm font-medium text-white",
 								children: "Delete"
@@ -1046,7 +866,17 @@ function C({ config: v, data: y = [], onView: b, onEdit: x, onDelete: C, onBulkE
 	});
 }
 //#endregion
+//#region src/index.css?inline
+var m = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-400:oklch(70.4% .191 22.216);--color-red-600:oklch(57.7% .245 27.325);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-700:oklch(55.5% .163 48.998);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-800:oklch(39.8% .195 277.366);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wider:.05em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-bounce:bounce 1s infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.visible\\!{visibility:visible!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\\/2{top:50%}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.bottom-0{bottom:0}.bottom-5{bottom:calc(var(--spacing) * 5)}.left-1{left:var(--spacing)}.left-1\\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-inline:auto}.my-0{margin-block:0}.my-2{margin-block:calc(var(--spacing) * 2)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.block{display:block}.flex{display:flex}.grid{display:grid}.table{display:table}.h-3{height:calc(var(--spacing) * 3)}.h-3\\.5{height:calc(var(--spacing) * 3.5)}.max-h-0{max-height:0}.max-h-24{max-height:calc(var(--spacing) * 24)}.max-h-64{max-height:calc(var(--spacing) * 64)}.min-h-screen{min-height:100vh}.w-1{width:var(--spacing)}.w-2{width:calc(var(--spacing) * 2)}.w-2\\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\\.5{width:calc(var(--spacing) * 3.5)}.w-12{width:calc(var(--spacing) * 12)}.w-32{width:calc(var(--spacing) * 32)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-full{width:100%}.max-w-7xl{max-width:var(--container-7xl)}.max-w-sm{max-width:var(--container-sm)}.min-w-full{min-width:100%}.shrink-0{flex-shrink:0}.table-fixed{table-layout:fixed}.-translate-x-1{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-1\\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.animate-bounce{animation:var(--animate-bounce)}.cursor-col-resize{cursor:col-resize}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-emerald-200{border-color:var(--color-emerald-200)}.border-indigo-200{border-color:var(--color-indigo-200)}.border-indigo-300{border-color:var(--color-indigo-300)}.border-indigo-400{border-color:var(--color-indigo-400)}.border-indigo-500{border-color:var(--color-indigo-500)}.border-rose-400{border-color:var(--color-rose-400)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-white{border-color:var(--color-white)}.border-l-indigo-600{border-left-color:var(--color-indigo-600)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-black{background-color:var(--color-black)}.bg-black\\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-50\\/20{background-color:#eef2ff33}@supports (color:color-mix(in lab, red, red)){.bg-indigo-50\\/20{background-color:color-mix(in oklab, var(--color-indigo-50) 20%, transparent)}}.bg-indigo-50\\/60{background-color:#eef2ff99}@supports (color:color-mix(in lab, red, red)){.bg-indigo-50\\/60{background-color:color-mix(in oklab, var(--color-indigo-50) 60%, transparent)}}.bg-indigo-50\\/80{background-color:#eef2ffcc}@supports (color:color-mix(in lab, red, red)){.bg-indigo-50\\/80{background-color:color-mix(in oklab, var(--color-indigo-50) 80%, transparent)}}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-red-600{background-color:var(--color-red-600)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-100{background-color:var(--color-rose-100)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-white{background-color:var(--color-white)}.p-0{padding:0}.p-0\\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:var(--spacing)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pr-1{padding-right:var(--spacing)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pl-1{padding-left:var(--spacing)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[11px\\]{font-size:11px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-amber-700{color:var(--color-amber-700)}.text-emerald-700{color:var(--color-emerald-700)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-700{color:var(--color-indigo-700)}.text-red-600{color:var(--color-red-600)}.text-rose-500{color:var(--color-rose-500)}.text-rose-600{color:var(--color-rose-600)}.text-rose-700{color:var(--color-rose-700)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-100{opacity:1}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\\:bg-indigo-300\\/50:is(:where(.group):hover *){background-color:#a4b3ff80}@supports (color:color-mix(in lab, red, red)){.group-hover\\:bg-indigo-300\\/50:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-indigo-300) 50%, transparent)}}.group-hover\\:text-slate-500:is(:where(.group):hover *){color:var(--color-slate-500)}.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}}.last\\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media (hover:hover){.hover\\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\\:\\!bg-indigo-500:hover{background-color:var(--color-indigo-500)!important}.hover\\:bg-emerald-200:hover{background-color:var(--color-emerald-200)}.hover\\:bg-emerald-700:hover{background-color:var(--color-emerald-700)}.hover\\:bg-indigo-100:hover{background-color:var(--color-indigo-100)}.hover\\:bg-indigo-500:hover{background-color:var(--color-indigo-500)}.hover\\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\\:bg-rose-200:hover{background-color:var(--color-rose-200)}.hover\\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\\:text-indigo-800:hover{color:var(--color-indigo-800)}.hover\\:text-rose-600:hover{color:var(--color-rose-600)}.hover\\:text-slate-500:hover{color:var(--color-slate-500)}.hover\\:text-slate-600:hover{color:var(--color-slate-600)}.hover\\:text-slate-900:hover{color:var(--color-slate-900)}.hover\\:text-white:hover{color:var(--color-white)}}.focus\\:border-indigo-500:focus{border-color:var(--color-indigo-500)}.focus\\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\\:ring-indigo-500:focus{--tw-ring-color:var(--color-indigo-500)}.focus\\:ring-indigo-500\\/20:focus{--tw-ring-color:#625fff33}@supports (color:color-mix(in lab, red, red)){.focus\\:ring-indigo-500\\/20:focus{--tw-ring-color:color-mix(in oklab, var(--color-indigo-500) 20%, transparent)}}.focus\\:ring-red-400:focus{--tw-ring-color:var(--color-red-400)}.focus\\:ring-slate-400:focus{--tw-ring-color:var(--color-slate-400)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\\:cursor-grabbing:active{cursor:grabbing}.disabled\\:opacity-40:disabled{opacity:.4}@media (width>=40rem){.sm\\:flex-row{flex-direction:row}.sm\\:items-center{align-items:center}.sm\\:justify-between{justify-content:space-between}.sm\\:p-6{padding:calc(var(--spacing) * 6)}}@media (width>=64rem){.lg\\:flex-row{flex-direction:row}.lg\\:items-center{align-items:center}.lg\\:justify-between{justify-content:space-between}.lg\\:p-10{padding:calc(var(--spacing) * 10)}}}*{box-sizing:border-box}body{color:#0f172a;background:#f8fafc;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:\"*\";inherits:false}@property --tw-brightness{syntax:\"*\";inherits:false}@property --tw-contrast{syntax:\"*\";inherits:false}@property --tw-grayscale{syntax:\"*\";inherits:false}@property --tw-hue-rotate{syntax:\"*\";inherits:false}@property --tw-invert{syntax:\"*\";inherits:false}@property --tw-opacity{syntax:\"*\";inherits:false}@property --tw-saturate{syntax:\"*\";inherits:false}@property --tw-sepia{syntax:\"*\";inherits:false}@property --tw-drop-shadow{syntax:\"*\";inherits:false}@property --tw-drop-shadow-color{syntax:\"*\";inherits:false}@property --tw-drop-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}";
+//#endregion
 //#region src/index.js
-var ce = C;
+if (typeof document < "u") {
+	let e = "react-flexi-datatable-styles";
+	if (!document.getElementById(e)) {
+		let t = document.createElement("style");
+		t.id = e, t.textContent = m, document.head.appendChild(t);
+	}
+}
+var h = p;
 //#endregion
-export { C as DataTable, ce as default };
+export { p as DataTable, h as default };