@espresso-lab/mantine-data-table 2.2.8 → 2.2.9

package/dist/index.es.js

@@ -1,70 +1,19 @@
 import * as e from "react";
 import t, { Fragment as n, createContext as r, createElement as i, useCallback as a, useContext as o, useEffect as s, useLayoutEffect as c, useMemo as l, useRef as u, useState as d } from "react";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { Accordion as h, ActionIcon as g, Alert as _, Box as v, Button as y, Center as b, Checkbox as x, Collapse as S, Divider as C, Flex as w, Group as T, HoverCard as E, Indicator as D, Loader as O, Menu as k, MenuDropdown as A, MenuItem as j, MenuTarget as M, Modal as N, NumberInput as P, Pagination as ee, Popover as F, PopoverDropdown as te, PopoverTarget as I, ScrollArea as L, Select as ne, Skeleton as R, Stack as re, Stepper as ie, Table as z, TableTd as B, TableTfoot as ae, TableTh as oe, TableThead as se, TableTr as ce, Tabs as le, Text as V, TextInput as ue, Textarea as de, Title as fe, createSafeContext as pe, parseThemeColor as me, rem as H, useDirection as he, useMantineTheme as ge } from "@mantine/core";
+import { Accordion as h, ActionIcon as g, Alert as _, Box as v, Button as y, Center as b, Checkbox as x, Collapse as S, Divider as C, Flex as w, Group as T, HoverCard as E, Indicator as D, Loader as O, Menu as k, MenuDropdown as A, MenuItem as j, MenuTarget as M, Modal as N, NumberInput as P, Pagination as ee, Popover as F, PopoverDropdown as te, PopoverTarget as I, ScrollArea as L, Select as ne, Skeleton as R, Stack as re, Stepper as ie, Table as z, TableTd as ae, TableTfoot as oe, TableTh as se, TableThead as ce, TableTr as B, Tabs as le, Text as V, TextInput as ue, Textarea as de, Title as fe, createSafeContext as pe, parseThemeColor as me, rem as H, useDirection as he, useMantineTheme as ge } from "@mantine/core";
 import { DateInput as _e } from "@mantine/dates";
 import { useForm as ve } from "@mantine/form";
 import { IconCaretDownFilled as ye, IconChevronRight as be, IconDotsVertical as xe, IconFilter as Se, IconInfoCircle as Ce, IconPencil as we, IconRefresh as Te, IconSortAscending as Ee, IconSortDescending as De, IconTrash as Oe } from "@tabler/icons-react";
 import { useClickOutside as ke, useDisclosure as Ae, useLocalStorage as je, useMediaQuery as Me, useMergedRef as Ne, useTimeout as Pe } from "@mantine/hooks";
-//#region node_modules/@tanstack/query-core/build/modern/subscribable.js
-var Fe = class {
-	constructor() {
-		this.listeners = /* @__PURE__ */ new Set(), this.subscribe = this.subscribe.bind(this);
-	}
-	subscribe(e) {
-		return this.listeners.add(e), this.onSubscribe(), () => {
-			this.listeners.delete(e), this.onUnsubscribe();
-		};
-	}
-	hasListeners() {
-		return this.listeners.size > 0;
-	}
-	onSubscribe() {}
-	onUnsubscribe() {}
-}, Ie = new class extends Fe {
-	#e;
-	#t;
-	#n;
-	constructor() {
-		super(), this.#n = (e) => {
-			if (typeof window < "u" && window.addEventListener) {
-				let t = () => e();
-				return window.addEventListener("visibilitychange", t, !1), () => {
-					window.removeEventListener("visibilitychange", t);
-				};
-			}
-		};
-	}
-	onSubscribe() {
-		this.#t || this.setEventListener(this.#n);
-	}
-	onUnsubscribe() {
-		this.hasListeners() || (this.#t?.(), this.#t = void 0);
-	}
-	setEventListener(e) {
-		this.#n = e, this.#t?.(), this.#t = e((e) => {
-			typeof e == "boolean" ? this.setFocused(e) : this.onFocus();
-		});
-	}
-	setFocused(e) {
-		this.#e !== e && (this.#e = e, this.onFocus());
-	}
-	onFocus() {
-		let e = this.isFocused();
-		this.listeners.forEach((t) => {
-			t(e);
-		});
-	}
-	isFocused() {
-		return typeof this.#e == "boolean" ? this.#e : globalThis.document?.visibilityState !== "hidden";
-	}
-}(), Le = {
+//#region node_modules/@tanstack/query-core/build/modern/timeoutManager.js
+var Fe = {
 	setTimeout: (e, t) => setTimeout(e, t),
 	clearTimeout: (e) => clearTimeout(e),
 	setInterval: (e, t) => setInterval(e, t),
 	clearInterval: (e) => clearInterval(e)
-}, Re = new class {
-	#e = Le;
+}, Ie = new class {
+	#e = Fe;
 	#t = !1;
 	setTimeoutProvider(e) {
 		process.env.NODE_ENV !== "production" && this.#t && e !== this.#e && console.error("[timeoutManager]: Switching provider after calls to previous provider might result in unexpected behavior.", {
@@ -85,87 +34,87 @@ var Fe = class {
 		this.#e.clearInterval(e);
 	}
 }();
-function ze(e) {
+function Le(e) {
 	setTimeout(e, 0);
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/utils.js
-var Be = typeof window > "u" || "Deno" in globalThis;
-function Ve() {}
-function He(e) {
+var Re = typeof window > "u" || "Deno" in globalThis;
+function ze() {}
+function U(e) {
 	return typeof e == "number" && e >= 0 && e !== Infinity;
 }
-function Ue(e, t) {
+function Be(e, t) {
 	return Math.max(e + (t || 0) - Date.now(), 0);
 }
-function We(e, t) {
+function Ve(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function U(e, t) {
+function W(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function Ge(e) {
-	return JSON.stringify(e, (e, t) => Ye(t) ? Object.keys(t).sort().reduce((e, n) => (e[n] = t[n], e), {}) : t);
+function He(e) {
+	return JSON.stringify(e, (e, t) => qe(t) ? Object.keys(t).sort().reduce((e, n) => (e[n] = t[n], e), {}) : t);
 }
-var Ke = Object.prototype.hasOwnProperty;
-function W(e, t, n = 0) {
+var Ue = Object.prototype.hasOwnProperty;
+function We(e, t, n = 0) {
 	if (e === t) return e;
 	if (n > 500) return t;
-	let r = Je(e) && Je(t);
-	if (!r && !(Ye(e) && Ye(t))) return t;
+	let r = Ke(e) && Ke(t);
+	if (!r && !(qe(e) && qe(t))) return t;
 	let i = (r ? e : Object.keys(e)).length, a = r ? t : Object.keys(t), o = a.length, s = r ? Array(o) : {}, c = 0;
 	for (let l = 0; l < o; l++) {
 		let o = r ? l : a[l], u = e[o], d = t[o];
 		if (u === d) {
-			s[o] = u, (r ? l < i : Ke.call(e, o)) && c++;
+			s[o] = u, (r ? l < i : Ue.call(e, o)) && c++;
 			continue;
 		}
 		if (u === null || d === null || typeof u != "object" || typeof d != "object") {
 			s[o] = d;
 			continue;
 		}
-		let f = W(u, d, n + 1);
+		let f = We(u, d, n + 1);
 		s[o] = f, f === u && c++;
 	}
 	return i === o && c === i ? e : s;
 }
-function qe(e, t) {
+function Ge(e, t) {
 	if (!t || Object.keys(e).length !== Object.keys(t).length) return !1;
 	for (let n in e) if (e[n] !== t[n]) return !1;
 	return !0;
 }
-function Je(e) {
+function Ke(e) {
 	return Array.isArray(e) && e.length === Object.keys(e).length;
 }
-function Ye(e) {
-	if (!Xe(e)) return !1;
+function qe(e) {
+	if (!Je(e)) return !1;
 	let t = e.constructor;
 	if (t === void 0) return !0;
 	let n = t.prototype;
-	return !(!Xe(n) || !n.hasOwnProperty("isPrototypeOf") || Object.getPrototypeOf(e) !== Object.prototype);
+	return !(!Je(n) || !n.hasOwnProperty("isPrototypeOf") || Object.getPrototypeOf(e) !== Object.prototype);
 }
-function Xe(e) {
+function Je(e) {
 	return Object.prototype.toString.call(e) === "[object Object]";
 }
-function G(e, t, n) {
+function Ye(e, t, n) {
 	if (typeof n.structuralSharing == "function") return n.structuralSharing(e, t);
 	if (n.structuralSharing !== !1) {
 		if (process.env.NODE_ENV !== "production") try {
-			return W(e, t);
+			return We(e, t);
 		} catch (e) {
 			throw console.error(`Structural sharing requires data to be JSON serializable. To fix this, turn off structuralSharing or return JSON-serializable data from your queryFn. [${n.queryHash}]: ${e}`), e;
 		}
-		return W(e, t);
+		return We(e, t);
 	}
 	return t;
 }
-function K(e, t) {
+function Xe(e, t) {
 	return typeof e == "function" ? e(...t) : !!e;
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/environmentManager.js
-var Ze = /* @__PURE__ */ (() => {
-	let e = () => Be;
+var G = /* @__PURE__ */ (() => {
+	let e = () => Re;
 	return {
 		isServer() {
 			return e();
@@ -174,38 +123,13 @@ var Ze = /* @__PURE__ */ (() => {
 			e = t;
 		}
 	};
-})();
-//#endregion
-//#region node_modules/@tanstack/query-core/build/modern/thenable.js
-function Qe() {
-	let e, t, n = new Promise((n, r) => {
-		e = n, t = r;
-	});
-	n.status = "pending", n.catch(() => {});
-	function r(e) {
-		Object.assign(n, e), delete n.resolve, delete n.reject;
-	}
-	return n.resolve = (t) => {
-		r({
-			status: "fulfilled",
-			value: t
-		}), e(t);
-	}, n.reject = (e) => {
-		r({
-			status: "rejected",
-			reason: e
-		}), t(e);
-	}, n;
-}
-//#endregion
-//#region node_modules/@tanstack/query-core/build/modern/notifyManager.js
-var $e = ze;
-function et() {
+})(), K = Le;
+function Ze() {
 	let e = [], t = 0, n = (e) => {
 		e();
 	}, r = (e) => {
 		e();
-	}, i = $e, a = (r) => {
+	}, i = K, a = (r) => {
 		t ? e.push(r) : i(() => {
 			n(r);
 		});
@@ -247,7 +171,58 @@ function et() {
 		}
 	};
 }
-var tt = et(), nt = new class extends Fe {
+var Qe = Ze(), $e = class {
+	constructor() {
+		this.listeners = /* @__PURE__ */ new Set(), this.subscribe = this.subscribe.bind(this);
+	}
+	subscribe(e) {
+		return this.listeners.add(e), this.onSubscribe(), () => {
+			this.listeners.delete(e), this.onUnsubscribe();
+		};
+	}
+	hasListeners() {
+		return this.listeners.size > 0;
+	}
+	onSubscribe() {}
+	onUnsubscribe() {}
+}, et = new class extends $e {
+	#e;
+	#t;
+	#n;
+	constructor() {
+		super(), this.#n = (e) => {
+			if (typeof window < "u" && window.addEventListener) {
+				let t = () => e();
+				return window.addEventListener("visibilitychange", t, !1), () => {
+					window.removeEventListener("visibilitychange", t);
+				};
+			}
+		};
+	}
+	onSubscribe() {
+		this.#t || this.setEventListener(this.#n);
+	}
+	onUnsubscribe() {
+		this.hasListeners() || (this.#t?.(), this.#t = void 0);
+	}
+	setEventListener(e) {
+		this.#n = e, this.#t?.(), this.#t = e((e) => {
+			typeof e == "boolean" ? this.setFocused(e) : this.onFocus();
+		});
+	}
+	setFocused(e) {
+		this.#e !== e && (this.#e = e, this.onFocus());
+	}
+	onFocus() {
+		let e = this.isFocused();
+		this.listeners.forEach((t) => {
+			t(e);
+		});
+	}
+	isFocused() {
+		return typeof this.#e == "boolean" ? this.#e : globalThis.document?.visibilityState !== "hidden";
+	}
+}(), tt = new class extends $e {
 	#e = !0;
 	#t;
 	#n;
@@ -280,13 +255,136 @@ var tt = et(), nt = new class extends Fe {
 	}
 }();
 //#endregion
+//#region node_modules/@tanstack/query-core/build/modern/thenable.js
+function nt() {
+	let e, t, n = new Promise((n, r) => {
+		e = n, t = r;
+	});
+	n.status = "pending", n.catch(() => {});
+	function r(e) {
+		Object.assign(n, e), delete n.resolve, delete n.reject;
+	}
+	return n.resolve = (t) => {
+		r({
+			status: "fulfilled",
+			value: t
+		}), e(t);
+	}, n.reject = (e) => {
+		r({
+			status: "rejected",
+			reason: e
+		}), t(e);
+	}, n;
+}
+//#endregion
 //#region node_modules/@tanstack/query-core/build/modern/retryer.js
 function rt(e) {
-	return (e ?? "online") === "online" ? nt.isOnline() : !0;
+	return (e ?? "online") === "online" ? tt.isOnline() : !0;
 }
 //#endregion
+//#region node_modules/@tanstack/query-core/build/modern/mutation.js
+function it() {
+	return {
+		context: void 0,
+		data: void 0,
+		error: null,
+		failureCount: 0,
+		failureReason: null,
+		isPaused: !1,
+		status: "idle",
+		variables: void 0,
+		submittedAt: 0
+	};
+}
+//#endregion
+//#region node_modules/@tanstack/query-core/build/modern/mutationObserver.js
+var at = class extends $e {
+	#e;
+	#t = void 0;
+	#n;
+	#r;
+	constructor(e, t) {
+		super(), this.#e = e, this.setOptions(t), this.bindMethods(), this.#i();
+	}
+	bindMethods() {
+		this.mutate = this.mutate.bind(this), this.reset = this.reset.bind(this);
+	}
+	setOptions(e) {
+		let t = this.options;
+		this.options = this.#e.defaultMutationOptions(e), Ge(this.options, t) || this.#e.getMutationCache().notify({
+			type: "observerOptionsUpdated",
+			mutation: this.#n,
+			observer: this
+		}), t?.mutationKey && this.options.mutationKey && He(t.mutationKey) !== He(this.options.mutationKey) ? this.reset() : this.#n?.state.status === "pending" && this.#n.setOptions(this.options);
+	}
+	onUnsubscribe() {
+		this.hasListeners() || this.#n?.removeObserver(this);
+	}
+	onMutationUpdate(e) {
+		this.#i(), this.#a(e);
+	}
+	getCurrentResult() {
+		return this.#t;
+	}
+	reset() {
+		this.#n?.removeObserver(this), this.#n = void 0, this.#i(), this.#a();
+	}
+	mutate(e, t) {
+		return this.#r = t, this.#n?.removeObserver(this), this.#n = this.#e.getMutationCache().build(this.#e, this.options), this.#n.addObserver(this), this.#n.execute(e);
+	}
+	#i() {
+		let e = this.#n?.state ?? it();
+		this.#t = {
+			...e,
+			isPending: e.status === "pending",
+			isSuccess: e.status === "success",
+			isError: e.status === "error",
+			isIdle: e.status === "idle",
+			mutate: this.mutate,
+			reset: this.reset
+		};
+	}
+	#a(e) {
+		Qe.batch(() => {
+			if (this.#r && this.hasListeners()) {
+				let t = this.#t.variables, n = this.#t.context, r = {
+					client: this.#e,
+					meta: this.options.meta,
+					mutationKey: this.options.mutationKey
+				};
+				if (e?.type === "success") {
+					try {
+						this.#r.onSuccess?.(e.data, t, n, r);
+					} catch (e) {
+						Promise.reject(e);
+					}
+					try {
+						this.#r.onSettled?.(e.data, null, t, n, r);
+					} catch (e) {
+						Promise.reject(e);
+					}
+				} else if (e?.type === "error") {
+					try {
+						this.#r.onError?.(e.error, t, n, r);
+					} catch (e) {
+						Promise.reject(e);
+					}
+					try {
+						this.#r.onSettled?.(void 0, e.error, t, n, r);
+					} catch (e) {
+						Promise.reject(e);
+					}
+				}
+			}
+			this.listeners.forEach((e) => {
+				e(this.#t);
+			});
+		});
+	}
+};
+//#endregion
 //#region node_modules/@tanstack/query-core/build/modern/query.js
-function it(e, t) {
+function q(e, t) {
 	return {
 		fetchFailureCount: 0,
 		fetchFailureReason: null,
@@ -299,9 +397,9 @@ function it(e, t) {
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/queryObserver.js
-var at = class extends Fe {
+var ot = class extends $e {
 	constructor(e, t) {
-		super(), this.options = t, this.#e = e, this.#s = null, this.#o = Qe(), this.bindMethods(), this.setOptions(t);
+		super(), this.options = t, this.#e = e, this.#s = null, this.#o = nt(), this.bindMethods(), this.setOptions(t);
 	}
 	#e;
 	#t = void 0;
@@ -322,36 +420,36 @@ var at = class extends Fe {
 		this.refetch = this.refetch.bind(this);
 	}
 	onSubscribe() {
-		this.listeners.size === 1 && (this.#t.addObserver(this), ot(this.#t, this.options) ? this.#h() : this.updateResult(), this.#y());
+		this.listeners.size === 1 && (this.#t.addObserver(this), ct(this.#t, this.options) ? this.#h() : this.updateResult(), this.#y());
 	}
 	onUnsubscribe() {
 		this.hasListeners() || this.destroy();
 	}
 	shouldFetchOnReconnect() {
-		return st(this.#t, this.options, this.options.refetchOnReconnect);
+		return lt(this.#t, this.options, this.options.refetchOnReconnect);
 	}
 	shouldFetchOnWindowFocus() {
-		return st(this.#t, this.options, this.options.refetchOnWindowFocus);
+		return lt(this.#t, this.options, this.options.refetchOnWindowFocus);
 	}
 	destroy() {
 		this.listeners = /* @__PURE__ */ new Set(), this.#b(), this.#x(), this.#t.removeObserver(this);
 	}
 	setOptions(e) {
 		let t = this.options, n = this.#t;
-		if (this.options = this.#e.defaultQueryOptions(e), this.options.enabled !== void 0 && typeof this.options.enabled != "boolean" && typeof this.options.enabled != "function" && typeof U(this.options.enabled, this.#t) != "boolean") throw Error("Expected enabled to be a boolean or a callback that returns a boolean");
-		this.#S(), this.#t.setOptions(this.options), t._defaulted && !qe(this.options, t) && this.#e.getQueryCache().notify({
+		if (this.options = this.#e.defaultQueryOptions(e), this.options.enabled !== void 0 && typeof this.options.enabled != "boolean" && typeof this.options.enabled != "function" && typeof W(this.options.enabled, this.#t) != "boolean") throw Error("Expected enabled to be a boolean or a callback that returns a boolean");
+		this.#S(), this.#t.setOptions(this.options), t._defaulted && !Ge(this.options, t) && this.#e.getQueryCache().notify({
 			type: "observerOptionsUpdated",
 			query: this.#t,
 			observer: this
 		});
 		let r = this.hasListeners();
-		r && ct(this.#t, n, this.options, t) && this.#h(), this.updateResult(), r && (this.#t !== n || U(this.options.enabled, this.#t) !== U(t.enabled, this.#t) || We(this.options.staleTime, this.#t) !== We(t.staleTime, this.#t)) && this.#g();
+		r && J(this.#t, n, this.options, t) && this.#h(), this.updateResult(), r && (this.#t !== n || W(this.options.enabled, this.#t) !== W(t.enabled, this.#t) || Ve(this.options.staleTime, this.#t) !== Ve(t.staleTime, this.#t)) && this.#g();
 		let i = this.#_();
-		r && (this.#t !== n || U(this.options.enabled, this.#t) !== U(t.enabled, this.#t) || i !== this.#p) && this.#v(i);
+		r && (this.#t !== n || W(this.options.enabled, this.#t) !== W(t.enabled, this.#t) || i !== this.#p) && this.#v(i);
 	}
 	getOptimisticResult(e) {
 		let t = this.#e.getQueryCache().build(this.#e, e), n = this.createResult(t, e);
-		return J(this, n) && (this.#r = n, this.#a = this.options, this.#i = this.#t.state), n;
+		return Y(this, n) && (this.#r = n, this.#a = this.options, this.#i = this.#t.state), n;
 	}
 	getCurrentResult() {
 		return this.#r;
@@ -381,14 +479,14 @@ var at = class extends Fe {
 	#h(e) {
 		this.#S();
 		let t = this.#t.fetch(this.options, e);
-		return e?.throwOnError || (t = t.catch(Ve)), t;
+		return e?.throwOnError || (t = t.catch(ze)), t;
 	}
 	#g() {
 		this.#b();
-		let e = We(this.options.staleTime, this.#t);
-		if (Ze.isServer() || this.#r.isStale || !He(e)) return;
-		let t = Ue(this.#r.dataUpdatedAt, e) + 1;
-		this.#d = Re.setTimeout(() => {
+		let e = Ve(this.options.staleTime, this.#t);
+		if (G.isServer() || this.#r.isStale || !U(e)) return;
+		let t = Be(this.#r.dataUpdatedAt, e) + 1;
+		this.#d = Ie.setTimeout(() => {
 			this.#r.isStale || this.updateResult();
 		}, t);
 	}
@@ -396,26 +494,26 @@ var at = class extends Fe {
 		return (typeof this.options.refetchInterval == "function" ? this.options.refetchInterval(this.#t) : this.options.refetchInterval) ?? !1;
 	}
 	#v(e) {
-		this.#x(), this.#p = e, !(Ze.isServer() || U(this.options.enabled, this.#t) === !1 || !He(this.#p) || this.#p === 0) && (this.#f = Re.setInterval(() => {
-			(this.options.refetchIntervalInBackground || Ie.isFocused()) && this.#h();
+		this.#x(), this.#p = e, !(G.isServer() || W(this.options.enabled, this.#t) === !1 || !U(this.#p) || this.#p === 0) && (this.#f = Ie.setInterval(() => {
+			(this.options.refetchIntervalInBackground || et.isFocused()) && this.#h();
 		}, this.#p));
 	}
 	#y() {
 		this.#g(), this.#v(this.#_());
 	}
 	#b() {
-		this.#d !== void 0 && (Re.clearTimeout(this.#d), this.#d = void 0);
+		this.#d !== void 0 && (Ie.clearTimeout(this.#d), this.#d = void 0);
 	}
 	#x() {
-		this.#f !== void 0 && (Re.clearInterval(this.#f), this.#f = void 0);
+		this.#f !== void 0 && (Ie.clearInterval(this.#f), this.#f = void 0);
 	}
 	createResult(e, t) {
 		let n = this.#t, r = this.options, i = this.#r, a = this.#i, o = this.#a, s = e === n ? this.#n : e.state, { state: c } = e, l = { ...c }, u = !1, d;
 		if (t._optimisticResults) {
-			let i = this.hasListeners(), a = !i && ot(e, t), o = i && ct(e, n, t, r);
+			let i = this.hasListeners(), a = !i && ct(e, t), o = i && J(e, n, t, r);
 			(a || o) && (l = {
 				...l,
-				...it(c.data, e.options)
+				...q(c.data, e.options)
 			}), t._optimisticResults === "isRestoring" && (l.fetchStatus = "idle");
 		}
 		let { error: f, errorUpdatedAt: p, status: m } = l;
@@ -423,11 +521,11 @@ var at = class extends Fe {
 		let h = !1;
 		if (t.placeholderData !== void 0 && d === void 0 && m === "pending") {
 			let e;
-			i?.isPlaceholderData && t.placeholderData === o?.placeholderData ? (e = i.data, h = !0) : e = typeof t.placeholderData == "function" ? t.placeholderData(this.#u?.state.data, this.#u) : t.placeholderData, e !== void 0 && (m = "success", d = G(i?.data, e, t), u = !0);
+			i?.isPlaceholderData && t.placeholderData === o?.placeholderData ? (e = i.data, h = !0) : e = typeof t.placeholderData == "function" ? t.placeholderData(this.#u?.state.data, this.#u) : t.placeholderData, e !== void 0 && (m = "success", d = Ye(i?.data, e, t), u = !0);
 		}
 		if (t.select && d !== void 0 && !h) if (i && d === a?.data && t.select === this.#c) d = this.#l;
 		else try {
-			this.#c = t.select, d = t.select(d), d = G(i?.data, d, t), this.#l = d, this.#s = null;
+			this.#c = t.select, d = t.select(d), d = Ye(i?.data, d, t), this.#l = d, this.#s = null;
 		} catch (e) {
 			this.#s = e;
 		}
@@ -455,16 +553,16 @@ var at = class extends Fe {
 			isPaused: l.fetchStatus === "paused",
 			isPlaceholderData: u,
 			isRefetchError: v && b,
-			isStale: lt(e, t),
+			isStale: ut(e, t),
 			refetch: this.refetch,
 			promise: this.#o,
-			isEnabled: U(t.enabled, e) !== !1
+			isEnabled: W(t.enabled, e) !== !1
 		};
 		if (this.options.experimental_prefetchInRender) {
 			let t = x.data !== void 0, r = x.status === "error" && !t, i = (e) => {
 				r ? e.reject(x.error) : t && e.resolve(x.data);
 			}, a = () => {
-				i(this.#o = x.promise = Qe());
+				i(this.#o = x.promise = nt());
 			}, o = this.#o;
 			switch (o.status) {
 				case "pending":
@@ -482,7 +580,7 @@ var at = class extends Fe {
 	}
 	updateResult() {
 		let e = this.#r, t = this.createResult(this.#t, this.options);
-		this.#i = this.#t.state, this.#a = this.options, this.#i.data !== void 0 && (this.#u = this.#t), !qe(t, e) && (this.#r = t, this.#C({ listeners: (() => {
+		this.#i = this.#t.state, this.#a = this.options, this.#i.data !== void 0 && (this.#u = this.#t), !Ge(t, e) && (this.#r = t, this.#C({ listeners: (() => {
 			if (!e) return !0;
 			let { notifyOnChangeProps: t } = this.options, n = typeof t == "function" ? t() : t;
 			if (n === "all" || !n && !this.#m.size) return !0;
@@ -503,7 +601,7 @@ var at = class extends Fe {
 		this.updateResult(), this.hasListeners() && this.#y();
 	}
 	#C(e) {
-		tt.batch(() => {
+		Qe.batch(() => {
 			e.listeners && this.listeners.forEach((e) => {
 				e(this.#r);
 			}), this.#e.getQueryCache().notify({
@@ -513,129 +611,31 @@ var at = class extends Fe {
 		});
 	}
 };
-function q(e, t) {
-	return U(t.enabled, e) !== !1 && e.state.data === void 0 && !(e.state.status === "error" && U(t.retryOnMount, e) === !1);
+function st(e, t) {
+	return W(t.enabled, e) !== !1 && e.state.data === void 0 && !(e.state.status === "error" && W(t.retryOnMount, e) === !1);
 }
-function ot(e, t) {
-	return q(e, t) || e.state.data !== void 0 && st(e, t, t.refetchOnMount);
+function ct(e, t) {
+	return st(e, t) || e.state.data !== void 0 && lt(e, t, t.refetchOnMount);
 }
-function st(e, t, n) {
-	if (U(t.enabled, e) !== !1 && We(t.staleTime, e) !== "static") {
+function lt(e, t, n) {
+	if (W(t.enabled, e) !== !1 && Ve(t.staleTime, e) !== "static") {
 		let r = typeof n == "function" ? n(e) : n;
-		return r === "always" || r !== !1 && lt(e, t);
+		return r === "always" || r !== !1 && ut(e, t);
 	}
 	return !1;
 }
-function ct(e, t, n, r) {
-	return (e !== t || U(r.enabled, e) === !1) && (!n.suspense || e.state.status !== "error") && lt(e, n);
+function J(e, t, n, r) {
+	return (e !== t || W(r.enabled, e) === !1) && (!n.suspense || e.state.status !== "error") && ut(e, n);
 }
-function lt(e, t) {
-	return U(t.enabled, e) !== !1 && e.isStaleByTime(We(t.staleTime, e));
+function ut(e, t) {
+	return W(t.enabled, e) !== !1 && e.isStaleByTime(Ve(t.staleTime, e));
 }
-function J(e, t) {
-	return !qe(e.getCurrentResult(), t);
+function Y(e, t) {
+	return !Ge(e.getCurrentResult(), t);
 }
 //#endregion
-//#region node_modules/@tanstack/query-core/build/modern/mutation.js
-function ut() {
-	return {
-		context: void 0,
-		data: void 0,
-		error: null,
-		failureCount: 0,
-		failureReason: null,
-		isPaused: !1,
-		status: "idle",
-		variables: void 0,
-		submittedAt: 0
-	};
-}
-//#endregion
-//#region node_modules/@tanstack/query-core/build/modern/mutationObserver.js
-var Y = class extends Fe {
-	#e;
-	#t = void 0;
-	#n;
-	#r;
-	constructor(e, t) {
-		super(), this.#e = e, this.setOptions(t), this.bindMethods(), this.#i();
-	}
-	bindMethods() {
-		this.mutate = this.mutate.bind(this), this.reset = this.reset.bind(this);
-	}
-	setOptions(e) {
-		let t = this.options;
-		this.options = this.#e.defaultMutationOptions(e), qe(this.options, t) || this.#e.getMutationCache().notify({
-			type: "observerOptionsUpdated",
-			mutation: this.#n,
-			observer: this
-		}), t?.mutationKey && this.options.mutationKey && Ge(t.mutationKey) !== Ge(this.options.mutationKey) ? this.reset() : this.#n?.state.status === "pending" && this.#n.setOptions(this.options);
-	}
-	onUnsubscribe() {
-		this.hasListeners() || this.#n?.removeObserver(this);
-	}
-	onMutationUpdate(e) {
-		this.#i(), this.#a(e);
-	}
-	getCurrentResult() {
-		return this.#t;
-	}
-	reset() {
-		this.#n?.removeObserver(this), this.#n = void 0, this.#i(), this.#a();
-	}
-	mutate(e, t) {
-		return this.#r = t, this.#n?.removeObserver(this), this.#n = this.#e.getMutationCache().build(this.#e, this.options), this.#n.addObserver(this), this.#n.execute(e);
-	}
-	#i() {
-		let e = this.#n?.state ?? ut();
-		this.#t = {
-			...e,
-			isPending: e.status === "pending",
-			isSuccess: e.status === "success",
-			isError: e.status === "error",
-			isIdle: e.status === "idle",
-			mutate: this.mutate,
-			reset: this.reset
-		};
-	}
-	#a(e) {
-		tt.batch(() => {
-			if (this.#r && this.hasListeners()) {
-				let t = this.#t.variables, n = this.#t.context, r = {
-					client: this.#e,
-					meta: this.options.meta,
-					mutationKey: this.options.mutationKey
-				};
-				if (e?.type === "success") {
-					try {
-						this.#r.onSuccess?.(e.data, t, n, r);
-					} catch (e) {
-						Promise.reject(e);
-					}
-					try {
-						this.#r.onSettled?.(e.data, null, t, n, r);
-					} catch (e) {
-						Promise.reject(e);
-					}
-				} else if (e?.type === "error") {
-					try {
-						this.#r.onError?.(e.error, t, n, r);
-					} catch (e) {
-						Promise.reject(e);
-					}
-					try {
-						this.#r.onSettled?.(void 0, e.error, t, n, r);
-					} catch (e) {
-						Promise.reject(e);
-					}
-				}
-			}
-			this.listeners.forEach((e) => {
-				e(this.#t);
-			});
-		});
-	}
-}, dt = e.createContext(void 0), ft = (t) => {
+//#region node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js
+var dt = e.createContext(void 0), ft = (t) => {
 	let n = e.useContext(dt);
 	if (t) return t;
 	if (!n) throw Error("No QueryClient set, use QueryClientProvider to set one");
@@ -645,11 +645,10 @@ var Y = class extends Fe {
 }), [t]), /* @__PURE__ */ p(dt.Provider, {
 	value: t,
 	children: n
-})), mt = e.createContext(!1), ht = () => e.useContext(mt);
-mt.Provider;
+}));
 //#endregion
 //#region node_modules/@tanstack/react-query/build/modern/QueryErrorResetBoundary.js
-function gt() {
+function mt() {
 	let e = !1;
 	return {
 		clearReset: () => {
@@ -661,14 +660,18 @@ function gt() {
 		isReset: () => e
 	};
 }
-var _t = e.createContext(gt()), vt = () => e.useContext(_t), yt = (e, t, n) => {
-	let r = n?.state.error && typeof e.throwOnError == "function" ? K(e.throwOnError, [n.state.error, n]) : e.throwOnError;
+var ht = e.createContext(mt()), gt = () => e.useContext(ht), _t = (e, t, n) => {
+	let r = n?.state.error && typeof e.throwOnError == "function" ? Xe(e.throwOnError, [n.state.error, n]) : e.throwOnError;
 	(e.suspense || e.experimental_prefetchInRender || r) && (t.isReset() || (e.retryOnMount = !1));
-}, bt = (t) => {
+}, vt = (t) => {
 	e.useEffect(() => {
 		t.clearReset();
 	}, [t]);
-}, xt = ({ result: e, errorResetBoundary: t, throwOnError: n, query: r, suspense: i }) => e.isError && !t.isReset() && !e.isFetching && r && (i && e.data === void 0 || K(n, [e.error, r])), St = (e) => {
+}, yt = ({ result: e, errorResetBoundary: t, throwOnError: n, query: r, suspense: i }) => e.isError && !t.isReset() && !e.isFetching && r && (i && e.data === void 0 || Xe(n, [e.error, r])), bt = e.createContext(!1), xt = () => e.useContext(bt);
+bt.Provider;
+//#endregion
+//#region node_modules/@tanstack/react-query/build/modern/suspense.js
+var St = (e) => {
 	if (e.suspense) {
 		let t = 1e3, n = (e) => e === "static" ? e : Math.max(e ?? t, t), r = e.staleTime;
 		e.staleTime = typeof r == "function" ? (...e) => n(r(...e)) : n(r), typeof e.gcTime == "number" && (e.gcTime = Math.max(e.gcTime, t));
@@ -680,46 +683,46 @@ var _t = e.createContext(gt()), vt = () => e.useContext(_t), yt = (e, t, n) => {
 //#region node_modules/@tanstack/react-query/build/modern/useBaseQuery.js
 function Et(t, n, r) {
 	if (process.env.NODE_ENV !== "production" && (typeof t != "object" || Array.isArray(t))) throw Error("Bad argument type. Starting with v5, only the \"Object\" form is allowed when calling query related functions. Please use the error stack to find the culprit call. More info here: https://tanstack.com/query/latest/docs/react/guides/migrating-to-v5#supports-a-single-signature-one-object");
-	let i = ht(), a = vt(), o = ft(r), s = o.defaultQueryOptions(t);
+	let i = xt(), a = gt(), o = ft(r), s = o.defaultQueryOptions(t);
 	o.getDefaultOptions().queries?._experimental_beforeQuery?.(s);
 	let c = o.getQueryCache().get(s.queryHash);
 	process.env.NODE_ENV !== "production" && (s.queryFn || console.error(`[${s.queryHash}]: No queryFn was passed as an option, and no default queryFn was found. The queryFn parameter is only optional when using a default queryFn. More info here: https://tanstack.com/query/latest/docs/framework/react/guides/default-query-function`));
 	let l = t.subscribed !== !1;
-	s._optimisticResults = i ? "isRestoring" : l ? "optimistic" : void 0, St(s), yt(s, a, c), bt(a);
+	s._optimisticResults = i ? "isRestoring" : l ? "optimistic" : void 0, St(s), _t(s, a, c), vt(a);
 	let u = !o.getQueryCache().get(s.queryHash), [d] = e.useState(() => new n(o, s)), f = d.getOptimisticResult(s), p = !i && l;
 	if (e.useSyncExternalStore(e.useCallback((e) => {
-		let t = p ? d.subscribe(tt.batchCalls(e)) : Ve;
+		let t = p ? d.subscribe(Qe.batchCalls(e)) : ze;
 		return d.updateResult(), t;
 	}, [d, p]), () => d.getCurrentResult(), () => d.getCurrentResult()), e.useEffect(() => {
 		d.setOptions(s);
 	}, [s, d]), wt(s, f)) throw Tt(s, d, a);
-	if (xt({
+	if (yt({
 		result: f,
 		errorResetBoundary: a,
 		throwOnError: s.throwOnError,
 		query: c,
 		suspense: s.suspense
 	})) throw f.error;
-	return o.getDefaultOptions().queries?._experimental_afterQuery?.(s, f), s.experimental_prefetchInRender && !Ze.isServer() && Ct(f, i) && (u ? Tt(s, d, a) : c?.promise)?.catch(Ve).finally(() => {
+	return o.getDefaultOptions().queries?._experimental_afterQuery?.(s, f), s.experimental_prefetchInRender && !G.isServer() && Ct(f, i) && (u ? Tt(s, d, a) : c?.promise)?.catch(ze).finally(() => {
 		d.updateResult();
 	}), s.notifyOnChangeProps ? f : d.trackResult(f);
 }
 //#endregion
 //#region node_modules/@tanstack/react-query/build/modern/useQuery.js
 function Dt(e, t) {
-	return Et(e, at, t);
+	return Et(e, ot, t);
 }
 //#endregion
 //#region node_modules/@tanstack/react-query/build/modern/useMutation.js
 function Ot(t, n) {
-	let r = ft(n), [i] = e.useState(() => new Y(r, t));
+	let r = ft(n), [i] = e.useState(() => new at(r, t));
 	e.useEffect(() => {
 		i.setOptions(t);
 	}, [i, t]);
-	let a = e.useSyncExternalStore(e.useCallback((e) => i.subscribe(tt.batchCalls(e)), [i]), () => i.getCurrentResult(), () => i.getCurrentResult()), o = e.useCallback((e, t) => {
-		i.mutate(e, t).catch(Ve);
+	let a = e.useSyncExternalStore(e.useCallback((e) => i.subscribe(Qe.batchCalls(e)), [i]), () => i.getCurrentResult(), () => i.getCurrentResult()), o = e.useCallback((e, t) => {
+		i.mutate(e, t).catch(ze);
 	}, [i]);
-	if (a.error && K(i.options.throwOnError, [a.error])) throw a.error;
+	if (a.error && Xe(i.options.throwOnError, [a.error])) throw a.error;
 	return {
 		...a,
 		mutate: o,
@@ -1816,7 +1819,7 @@ function Yn(e, t) {
 }
 var Xn = "mantine-datatable-nowrap", Zn = "mantine-datatable-ellipsis", Qn = "mantine-datatable-pointer-cursor", $n = "mantine-datatable-context-menu-cursor", er = "mantine-datatable-text-selection-disabled", tr = "mantine-datatable-text-align-left", nr = "mantine-datatable-text-align-center", rr = "mantine-datatable-text-align-right";
 function ir({ className: e, style: t, pinnedInfo: n, visibleMediaQuery: r, title: i, noWrap: a, ellipsis: o, textAlign: s, width: c }) {
-	return qn(r) ? p(oe, {
+	return qn(r) ? p(se, {
 		"data-pinned": n?.position,
 		"data-pinned-shadow": n?.isBoundary ? n.position : void 0,
 		className: X({
@@ -1843,17 +1846,17 @@ function ir({ className: e, style: t, pinnedInfo: n, visibleMediaQuery: r, title
 	}) : null;
 }
 function ar({ shadowVisible: e }) {
-	return p(oe, {
+	return p(se, {
 		className: "mantine-datatable-footer-selector-placeholder-cell",
 		"data-shadow-visible": e || void 0
 	});
 }
 function or({ className: e, style: t, columns: n, defaultColumnProps: r, pinnedMap: i, selectionVisible: a, selectorCellShadowVisible: o, ref: s }) {
-	return p(ae, {
+	return p(oe, {
 		ref: s,
 		className: X("mantine-datatable-footer", e),
 		style: t,
-		children: m(ce, { children: [a && p(ar, { shadowVisible: o }), n.map(({ hidden: e, ...t }) => {
+		children: m(B, { children: [a && p(ar, { shadowVisible: o }), n.map(({ hidden: e, ...t }) => {
 			if (e) return null;
 			let { accessor: n, visibleMediaQuery: a, textAlign: o, width: s, footer: c, footerClassName: l, footerStyle: u, noWrap: d, ellipsis: f } = {
 				...r,
@@ -1892,7 +1895,7 @@ function sr({ group: { id: e, columns: t, groups: n, title: r, textAlign: i, cla
 		n,
 		_
 	]), y = l(() => d.reduce((e, t) => e + wn(t, _), 0), [d, _]), b = n && n.length > 0 ? 1 : c - u, x = En(f, y + v < h, m);
-	return v > 0 ? p(oe, {
+	return v > 0 ? p(se, {
 		colSpan: v,
 		rowSpan: b > 1 ? b : void 0,
 		"data-pinned": s?.position,
@@ -2281,13 +2284,13 @@ function xr({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
 		});
 	} : void 0, z = (e) => {
 		e.stopPropagation(), A(r), I(!1);
-	}, B = (e) => {
+	}, ae = (e) => {
 		e.preventDefault(), j(r), I(!0);
-	}, ae = () => {
+	}, oe = () => {
 		j(r), I(!1), M();
-	}, se = () => {
-		I(!0);
 	}, ce = () => {
+		I(!0);
+	}, B = () => {
 		I(!1);
 	}, le = (e) => {
 		e.stopPropagation(), P(N.map((e) => e.accessor === r ? {
@@ -2300,7 +2303,7 @@ function xr({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
 			pinned: e
 		} : t));
 	};
-	return m(oe, {
+	return m(se, {
 		"data-accessor": r,
 		"data-pinned": n?.position,
 		"data-pinned-shadow": n?.isBoundary ? n.position : void 0,
@@ -2344,10 +2347,10 @@ function xr({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
 					}),
 					draggable: s,
 					onDragStart: s ? z : void 0,
-					onDragEnter: s ? se : void 0,
-					onDragOver: s ? B : void 0,
-					onDrop: s ? ae : void 0,
-					onDragLeave: s ? ce : void 0,
+					onDragEnter: s ? ce : void 0,
+					onDragOver: s ? ae : void 0,
+					onDrop: s ? oe : void 0,
+					onDragLeave: s ? B : void 0,
 					children: [s ? p(b, {
 						role: "img",
 						"aria-label": "Drag column",
@@ -2411,7 +2414,7 @@ function xr({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
 }
 function Sr({ className: e, style: t, trigger: n, shadowVisible: r, checked: i, indeterminate: a, checkboxProps: o, onChange: s, rowSpan: c, ref: l }) {
 	let u = !o.disabled;
-	return p(oe, {
+	return p(se, {
 		ref: l,
 		className: X("mantine-datatable-header-selector-cell", { [Qn]: n === "cell" && u }, e),
 		style: t,
@@ -2454,7 +2457,7 @@ function wr({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r
 		checkboxProps: v,
 		onChange: _,
 		rowSpan: c ? D : void 0
-	}) : null, { columnsToggle: k, setColumnsToggle: A } = dn(), [j, M] = d(!1), N = o.some((e) => e.toggleable), P = N ? Object.fromEntries(o.map(({ accessor: e, title: t }) => [e, t ?? gn(String(e))])) : void 0, ee = m(se, {
+	}) : null, { columnsToggle: k, setColumnsToggle: A } = dn(), [j, M] = d(!1), N = o.some((e) => e.toggleable), P = N ? Object.fromEntries(o.map(({ accessor: e, title: t }) => [e, t ?? gn(String(e))])) : void 0, ee = m(ce, {
 		className: X("mantine-datatable-header", t),
 		style: n,
 		ref: w,
@@ -2463,7 +2466,7 @@ function wr({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r
 		} : void 0,
 		children: [c && Array.from({ length: E }, (e, t) => {
 			let n = Tn(c, t);
-			return m(ce, { children: [t === 0 && O, n.map((e, r) => p(sr, {
+			return m(B, { children: [t === 0 && O, n.map((e, r) => p(sr, {
 				group: e,
 				pinnedInfo: Cr(e, l),
 				maxDepth: E,
@@ -2473,7 +2476,7 @@ function wr({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r
 				withColumnBorders: C,
 				totalTableColumns: o.length
 			}, e.id))] }, `group-depth-${t}`);
-		}), m(ce, { children: [!c && O, o.map(({ hidden: e, ...t }, n) => {
+		}), m(B, { children: [!c && O, o.map(({ hidden: e, ...t }, n) => {
 			if (e) return null;
 			let { accessor: c, visibleMediaQuery: u, textAlign: d, width: f, title: m, sortable: h, draggable: g, toggleable: _, pinnable: v, resizable: y, titleClassName: b, titleStyle: x, filter: S, filterPopoverProps: C, filterPopoverDisableClickOutside: w, filtering: T, sortKey: E } = {
 				...s,
@@ -2687,7 +2690,7 @@ function kr({ className: e, style: t, fetching: n, page: r, onPageChange: i, pag
 	});
 }
 function Ar({ className: e, style: t, pinnedInfo: n, visibleMediaQuery: r, record: i, index: a, onClick: o, onDoubleClick: s, onContextMenu: c, noWrap: l, ellipsis: u, textAlign: d, width: f, accessor: m, render: h, defaultRender: g, customCellAttributes: _ }) {
-	return qn(r) ? p(B, {
+	return qn(r) ? p(ae, {
 		"data-pinned": n?.position,
 		"data-pinned-shadow": n?.isBoundary ? n.position : void 0,
 		className: X({
@@ -2721,7 +2724,7 @@ function Ar({ className: e, style: t, pinnedInfo: n, visibleMediaQuery: r, recor
 }
 function jr({ open: e, colSpan: t, content: n, collapseProps: r }) {
 	let { expanded: i, visible: a } = Yn(e, r?.transitionDuration);
-	return a ? m(f, { children: [p(ce, {}), p(ce, { children: p(B, {
+	return a ? m(f, { children: [p(B, {}), p(B, { children: p(ae, {
 		className: "mantine-datatable-row-expansion-cell",
 		colSpan: t,
 		children: p(S, {
@@ -2741,7 +2744,7 @@ function Mr({ className: e, style: t, record: n, index: r, trigger: i, onChange:
 	}, d = !l.disabled && !u.disabled, f = (e) => {
 		e.stopPropagation(), i === "cell" && d && a?.(e);
 	};
-	return p(B, {
+	return p(ae, {
 		className: X("mantine-datatable-row-selector-cell", { [Qn]: i === "cell" && d }, e),
 		style: t,
 		"data-shadow-visible": o || void 0,
@@ -2838,7 +2841,7 @@ function Nr({ record: e, index: t, columns: n, defaultColumnProps: r, pinnedMap:
 		rowProps: P,
 		children: M,
 		expandedElement: N
-	}) : m(f, { children: [p(ce, {
+	}) : m(f, { children: [p(B, {
 		...P,
 		children: M
 	}), N] });
@@ -2905,7 +2908,7 @@ function Fr({ leftShadowBehind: e, rightShadowBehind: t, onScrollPositionChange:
 		]
 	});
 }
-function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, height: r = "100%", minHeight: i, maxHeight: o, shadow: d, verticalAlign: f = "center", fetching: h, columns: g, storeColumnsKey: _, groups: y, pinFirstColumn: b, pinLastColumn: x, defaultColumnProps: S, defaultColumnRender: C, idAccessor: w = "id", records: T, selectionTrigger: E = "checkbox", selectedRecords: D, onSelectedRecordsChange: O, selectionColumnClassName: k, selectionColumnStyle: A, isRecordSelectable: j, selectionCheckboxProps: M, allRecordsSelectionCheckboxProps: N = { "aria-label": "Select all records" }, getRecordSelectionCheckboxProps: P = (e, t) => ({ "aria-label": `Select record ${t + 1}` }), sortStatus: ee, sortIcons: F, onSortStatusChange: te, horizontalSpacing: I, page: L, onPageChange: ne, totalRecords: R, recordsPerPage: re, onRecordsPerPageChange: ie, recordsPerPageOptions: B, recordsPerPageLabel: ae = "Records per page", paginationWithEdges: oe, paginationWithControls: se, paginationActiveTextColor: ce, paginationActiveBackgroundColor: le, paginationSize: V = "sm", paginationText: ue = ({ from: e, to: t, totalRecords: n }) => `${e} - ${t} / ${n}`, paginationWrapBreakpoint: de = "sm", getPaginationControlProps: fe = (e) => e === "previous" ? { "aria-label": "Previous page" } : e === "next" ? { "aria-label": "Next page" } : {}, getPaginationItemProps: pe, renderPagination: me, loaderBackgroundBlur: H, customLoader: he, loaderSize: ge, loaderType: _e, loaderColor: ve, loadingText: ye = "...", emptyState: be, noRecordsText: xe = "No records", noRecordsIcon: Se, highlightOnHover: Ce, striped: we, noHeader: Te, onRowClick: Ee, onRowDoubleClick: De, onRowContextMenu: Oe, onCellClick: ke, onCellDoubleClick: Ae, onCellContextMenu: je, onScroll: Me, onScrollToTop: Pe, onScrollToBottom: Fe, onScrollToLeft: Ie, onScrollToRight: Le, c: Re, backgroundColor: ze, borderColor: Be, rowBorderColor: Ve, stripedColor: He, highlightOnHoverColor: Ue, rowColor: We, rowBackgroundColor: U, rowExpansion: Ge, rowClassName: Ke, rowStyle: W, customRowAttributes: qe, scrollViewportRef: Je, scrollAreaProps: Ye, tableRef: Xe, bodyRef: G, m: K, my: Ze, mx: Qe, mt: $e, mb: et, ml: tt, mr: nt, className: rt, classNames: it, style: at, styles: q, rowFactory: ot, tableWrapper: st, ...ct }) {
+function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, height: r = "100%", minHeight: i, maxHeight: o, shadow: d, verticalAlign: f = "center", fetching: h, columns: g, storeColumnsKey: _, groups: y, pinFirstColumn: b, pinLastColumn: x, defaultColumnProps: S, defaultColumnRender: C, idAccessor: w = "id", records: T, selectionTrigger: E = "checkbox", selectedRecords: D, onSelectedRecordsChange: O, selectionColumnClassName: k, selectionColumnStyle: A, isRecordSelectable: j, selectionCheckboxProps: M, allRecordsSelectionCheckboxProps: N = { "aria-label": "Select all records" }, getRecordSelectionCheckboxProps: P = (e, t) => ({ "aria-label": `Select record ${t + 1}` }), sortStatus: ee, sortIcons: F, onSortStatusChange: te, horizontalSpacing: I, page: L, onPageChange: ne, totalRecords: R, recordsPerPage: re, onRecordsPerPageChange: ie, recordsPerPageOptions: ae, recordsPerPageLabel: oe = "Records per page", paginationWithEdges: se, paginationWithControls: ce, paginationActiveTextColor: B, paginationActiveBackgroundColor: le, paginationSize: V = "sm", paginationText: ue = ({ from: e, to: t, totalRecords: n }) => `${e} - ${t} / ${n}`, paginationWrapBreakpoint: de = "sm", getPaginationControlProps: fe = (e) => e === "previous" ? { "aria-label": "Previous page" } : e === "next" ? { "aria-label": "Next page" } : {}, getPaginationItemProps: pe, renderPagination: me, loaderBackgroundBlur: H, customLoader: he, loaderSize: ge, loaderType: _e, loaderColor: ve, loadingText: ye = "...", emptyState: be, noRecordsText: xe = "No records", noRecordsIcon: Se, highlightOnHover: Ce, striped: we, noHeader: Te, onRowClick: Ee, onRowDoubleClick: De, onRowContextMenu: Oe, onCellClick: ke, onCellDoubleClick: Ae, onCellContextMenu: je, onScroll: Me, onScrollToTop: Pe, onScrollToBottom: Fe, onScrollToLeft: Ie, onScrollToRight: Le, c: Re, backgroundColor: ze, borderColor: U, rowBorderColor: Be, stripedColor: Ve, highlightOnHoverColor: W, rowColor: He, rowBackgroundColor: Ue, rowExpansion: We, rowClassName: Ge, rowStyle: Ke, customRowAttributes: qe, scrollViewportRef: Je, scrollAreaProps: Ye, tableRef: Xe, bodyRef: G, m: K, my: Ze, mx: Qe, mt: $e, mb: et, ml: tt, mr: nt, className: rt, classNames: it, style: at, styles: q, rowFactory: ot, tableWrapper: st, ...ct }) {
 	let lt = l(() => y ? Cn(y) : g, [g, y]), { refs: J, onScroll: ut } = Bn({
 		scrollCallbacks: {
 			onScroll: Me,
@@ -2921,7 +2924,7 @@ function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 		headerRef: J.header,
 		scrollViewportRef: J.scrollViewport
 	}), dt = Y.effectiveColumns, ft = Ne(J.table, Xe), pt = Ne(J.scrollViewport, Je), mt = u(null), ht = Ne(mt, G), gt = Jn({
-		rowExpansion: Ge,
+		rowExpansion: We,
 		records: T,
 		idAccessor: w
 	}), { pinnedMap: _t, hasLeftPinned: vt, hasRightPinned: yt } = Vn({
@@ -2986,10 +2989,10 @@ function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 						theme: e,
 						c: Re,
 						backgroundColor: ze,
-						borderColor: Be,
-						rowBorderColor: Ve,
-						stripedColor: He,
-						highlightOnHoverColor: Ue
+						borderColor: U,
+						rowBorderColor: Be,
+						stripedColor: Ve,
+						highlightOnHoverColor: W
 					}),
 					borderRadius: e.radius[t] || t,
 					boxShadow: e.shadows[d] || d,
@@ -3090,10 +3093,10 @@ function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 										onContextMenu: Oe,
 										onCellContextMenu: je,
 										expansion: gt,
-										color: We,
-										backgroundColor: U,
-										className: Ke,
-										style: W,
+										color: He,
+										backgroundColor: Ue,
+										className: Ge,
+										style: Ke,
 										customAttributes: qe,
 										selectorCellShadowVisible: It,
 										selectionColumnClassName: k,
@@ -3126,11 +3129,11 @@ function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 					totalRecords: R,
 					recordsPerPage: re,
 					onRecordsPerPageChange: ie,
-					recordsPerPageOptions: B,
-					recordsPerPageLabel: ae,
-					paginationWithEdges: oe,
-					paginationWithControls: se,
-					paginationActiveTextColor: ce,
+					recordsPerPageOptions: ae,
+					recordsPerPageLabel: oe,
+					paginationWithEdges: se,
+					paginationWithControls: ce,
+					paginationActiveTextColor: B,
 					paginationActiveBackgroundColor: le,
 					paginationSize: V,
 					paginationText: ue,
@@ -3596,7 +3599,7 @@ var ti = [
 	100,
 	500
 ];
-function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPath: a, mutationApiPath: o, buttons: c, fields: l, selection: h, pagination: b, filters: x, actions: S, steps: C, defaultSort: D, onSortChange: O, createButtonText: A, queryParams: j, tabs: M, defaultTab: P, activeTab: ee, onActiveTabChange: F, canUpdate: te, canDelete: I, showRefresh: L = !0, onRefresh: ne, autoPoll: ie, rowExpansion: z, onRowClick: B, mobileCards: ae = !1, deleteConfirmMessage: oe, editRecordId: se, onEditRecordIdChange: ce }) {
+function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPath: a, mutationApiPath: o, buttons: c, fields: l, selection: h, pagination: b, filters: x, actions: S, steps: C, defaultSort: D, onSortChange: O, createButtonText: A, queryParams: j, tabs: M, defaultTab: P, activeTab: ee, onActiveTabChange: F, canUpdate: te, canDelete: I, showRefresh: L = !0, onRefresh: ne, autoPoll: ie, rowExpansion: z, onRowClick: ae, mobileCards: oe = !1, deleteConfirmMessage: se, editRecordId: ce, onEditRecordIdChange: B }) {
 	let [ue, de] = d(P || (M && M.length > 0 ? M[0].value : null)), pe = ee === void 0 ? ue : ee, me = (e) => {
 		ee === void 0 && de(e), F && F(e);
 	}, H = M?.find((e) => e.value === pe), he = H?.queryParams || {}, ge = H?.apiPath ?? a, _e = H?.mutationApiPath ?? o ?? ge, ve = {
@@ -3619,8 +3622,8 @@ function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPat
 		direction: D?.direction ?? "desc"
 	}), ze = (e) => {
 		Re(e), O && O(String(e.columnAccessor), e.direction);
-	}, Be = Ur(Me, Le.columnAccessor, Le.direction), [Ve, He] = zr(ti[1], "mantine-table-page-size"), [Ue, We] = d(1), U = b ? Be.slice((Ue - 1) * Ve, Ue * Ve) : Be, [Ge, Ke] = d([]), W = z?.expanded?.recordIds ?? Ge, qe = z?.expanded?.onRecordIdsChange ?? Ke, Je = (e) => {
-		W.includes(e) ? qe(W.filter((t) => t !== e)) : qe(z?.allowMultiple ? [...W, e] : [e]);
+	}, U = Ur(Me, Le.columnAccessor, Le.direction), [Be, Ve] = zr(ti[1], "mantine-table-page-size"), [W, He] = d(1), Ue = b ? U.slice((W - 1) * Be, W * Be) : U, [We, Ge] = d([]), Ke = z?.expanded?.recordIds ?? We, qe = z?.expanded?.onRecordIdsChange ?? Ge, Je = (e) => {
+		Ke.includes(e) ? qe(Ke.filter((t) => t !== e)) : qe(z?.allowMultiple ? [...Ke, e] : [e]);
 	}, Ye = l.findIndex((e) => e.list && e.column && !e.column.hidden), Xe = z && Ye >= 0 ? l.map((e, t) => {
 		if (t !== Ye) return e;
 		let n = e.column.render;
@@ -3647,7 +3650,7 @@ function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPat
 							size: 16,
 							style: {
 								color: "var(--mantine-primary-color-filled)",
-								transform: W.includes(t.id) ? "rotate(90deg)" : void 0,
+								transform: Ke.includes(t.id) ? "rotate(90deg)" : void 0,
 								transition: "transform 200ms ease"
 							}
 						})
@@ -3664,14 +3667,14 @@ function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPat
 	}, [pe]);
 	let [Ze, Qe] = d(!1), [$e, et] = d(!1), [tt, nt] = d(!1), rt = u(null);
 	s(() => {
-		if (!se) {
+		if (!ce) {
 			rt.current = null;
 			return;
 		}
-		if (rt.current === se) return;
-		let e = Be.find((e) => e.id === se);
-		e && (rt.current = se, K([e]), et(!0), ce?.(null));
-	}, [se, Be]);
+		if (rt.current === ce) return;
+		let e = U.find((e) => e.id === ce);
+		e && (rt.current = ce, K([e]), et(!0), B?.(null));
+	}, [ce, U]);
 	let it = l.some((e) => e.update), at = l.some((e) => e.delete), q = [];
 	return it && q.push({
 		icon: /* @__PURE__ */ p(we, { size: 14 }),
@@ -3765,7 +3768,7 @@ function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPat
 					(l.some((e) => e.update) || h) && (() => {
 						let e = l.find((e) => e.update) && (!te || G.length > 0 && te(G[0])), t = l.find((e) => e.delete) && (!I || G.length > 0 && I(G[0])), n = (S ?? []).length > 0, r = e || t || n;
 						return /* @__PURE__ */ p(v, {
-							...ae ? { visibleFrom: "sm" } : {},
+							...oe ? { visibleFrom: "sm" } : {},
 							children: /* @__PURE__ */ m(k, {
 								shadow: "md",
 								children: [/* @__PURE__ */ p(k.Target, { children: /* @__PURE__ */ p(y, {
@@ -3834,50 +3837,50 @@ function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPat
 			].fill(0).map((e, t) => /* @__PURE__ */ p(R, { height: 35 }, `skeleton-${t}`))]
 		}),
 		!De && !Ae && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(v, {
-			...ae ? { visibleFrom: "sm" } : {},
+			...oe ? { visibleFrom: "sm" } : {},
 			children: /* @__PURE__ */ p(Ir, {
 				my: "md",
 				striped: !0,
 				highlightOnHover: !0,
 				minHeight: 150,
 				fetching: ke,
-				records: U,
+				records: Ue,
 				sortStatus: Le,
 				onSortStatusChange: ze,
 				...h && {
 					selectedRecords: G,
 					onSelectedRecordsChange: K
 				},
-				...b && U.length && {
-					totalRecords: Be.length,
-					recordsPerPage: Ve,
-					onPageChange: We,
-					page: Ue,
+				...b && Ue.length && {
+					totalRecords: U.length,
+					recordsPerPage: Be,
+					onPageChange: He,
+					page: W,
 					recordsPerPageOptions: ti,
-					onRecordsPerPageChange: He,
+					onRecordsPerPageChange: Ve,
 					recordsPerPageLabel: "Einträge pro Seite"
 				},
 				...z && { rowExpansion: {
 					allowMultiple: z.allowMultiple ?? !1,
-					trigger: B ? "never" : "click",
+					trigger: ae ? "never" : "click",
 					content: ({ record: e }) => z.content(e, !1),
 					expanded: {
-						recordIds: W,
+						recordIds: Ke,
 						onRecordIdsChange: qe
 					},
 					...z.expandable && { expandable: ({ record: e }) => z.expandable(e) }
 				} },
 				columns: Xe.map((e) => e.column),
 				noRecordsText: "Keine Einträge gefunden",
-				onRowClick: B,
-				...B && { style: { cursor: "pointer" } }
+				onRowClick: ae,
+				...ae && { style: { cursor: "pointer" } }
 			})
-		}), ae && /* @__PURE__ */ p(v, {
+		}), oe && /* @__PURE__ */ p(v, {
 			hiddenFrom: "sm",
 			children: /* @__PURE__ */ p(ei, {
-				records: U,
+				records: Ue,
 				fields: Xe,
-				onRowClick: B,
+				onRowClick: ae,
 				sort: {
 					field: String(Le.columnAccessor),
 					direction: Le.direction,
@@ -3888,20 +3891,20 @@ function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPat
 						});
 					}
 				},
-				...b && U.length && { pagination: {
-					totalRecords: Be.length,
-					recordsPerPage: Ve,
-					page: Ue,
-					onPageChange: We,
+				...b && Ue.length && { pagination: {
+					totalRecords: U.length,
+					recordsPerPage: Be,
+					page: W,
+					onPageChange: He,
 					recordsPerPageOptions: ti,
 					onRecordsPerPageChange: (e) => {
-						He(e), We(1);
+						Ve(e), He(1);
 					}
 				} },
 				...z && { rowExpansion: {
 					content: z.content,
 					expanded: {
-						recordIds: W,
+						recordIds: Ke,
 						onRecordIdsChange: qe
 					},
 					...z.expandable && { expandable: z.expandable }
@@ -3945,7 +3948,7 @@ function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPat
 				connectedQueryKeys: r,
 				apiPath: _e,
 				selectedRecords: G,
-				confirmMessage: oe
+				confirmMessage: se
 			})
 		}),
 		/* @__PURE__ */ p(N, {