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

package/dist/index.es.js

@@ -1,19 +1,70 @@
 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 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 { 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 { 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/timeoutManager.js
-var Fe = {
+//#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 = {
 	setTimeout: (e, t) => setTimeout(e, t),
 	clearTimeout: (e) => clearTimeout(e),
 	setInterval: (e, t) => setInterval(e, t),
 	clearInterval: (e) => clearInterval(e)
-}, Ie = new class {
-	#e = Fe;
+}, Re = new class {
+	#e = Le;
 	#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.", {
@@ -34,87 +85,87 @@ var Fe = {
 		this.#e.clearInterval(e);
 	}
 }();
-function Le(e) {
+function ze(e) {
 	setTimeout(e, 0);
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/utils.js
-var Re = typeof window > "u" || "Deno" in globalThis;
-function ze() {}
-function U(e) {
+var Be = typeof window > "u" || "Deno" in globalThis;
+function Ve() {}
+function He(e) {
 	return typeof e == "number" && e >= 0 && e !== Infinity;
 }
-function Be(e, t) {
+function Ue(e, t) {
 	return Math.max(e + (t || 0) - Date.now(), 0);
 }
-function Ve(e, t) {
+function We(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function W(e, t) {
+function U(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function He(e) {
-	return JSON.stringify(e, (e, t) => qe(t) ? Object.keys(t).sort().reduce((e, n) => (e[n] = t[n], e), {}) : t);
+function Ge(e) {
+	return JSON.stringify(e, (e, t) => Ye(t) ? Object.keys(t).sort().reduce((e, n) => (e[n] = t[n], e), {}) : t);
 }
-var Ue = Object.prototype.hasOwnProperty;
-function We(e, t, n = 0) {
+var Ke = Object.prototype.hasOwnProperty;
+function W(e, t, n = 0) {
 	if (e === t) return e;
 	if (n > 500) return t;
-	let r = Ke(e) && Ke(t);
-	if (!r && !(qe(e) && qe(t))) return t;
+	let r = Je(e) && Je(t);
+	if (!r && !(Ye(e) && Ye(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 : Ue.call(e, o)) && c++;
+			s[o] = u, (r ? l < i : Ke.call(e, o)) && c++;
 			continue;
 		}
 		if (u === null || d === null || typeof u != "object" || typeof d != "object") {
 			s[o] = d;
 			continue;
 		}
-		let f = We(u, d, n + 1);
+		let f = W(u, d, n + 1);
 		s[o] = f, f === u && c++;
 	}
 	return i === o && c === i ? e : s;
 }
-function Ge(e, t) {
+function qe(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 Ke(e) {
+function Je(e) {
 	return Array.isArray(e) && e.length === Object.keys(e).length;
 }
-function qe(e) {
-	if (!Je(e)) return !1;
+function Ye(e) {
+	if (!Xe(e)) return !1;
 	let t = e.constructor;
 	if (t === void 0) return !0;
 	let n = t.prototype;
-	return !(!Je(n) || !n.hasOwnProperty("isPrototypeOf") || Object.getPrototypeOf(e) !== Object.prototype);
+	return !(!Xe(n) || !n.hasOwnProperty("isPrototypeOf") || Object.getPrototypeOf(e) !== Object.prototype);
 }
-function Je(e) {
+function Xe(e) {
 	return Object.prototype.toString.call(e) === "[object Object]";
 }
-function Ye(e, t, n) {
+function G(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 We(e, t);
+			return W(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 We(e, t);
+		return W(e, t);
 	}
 	return t;
 }
-function Xe(e, t) {
+function K(e, t) {
 	return typeof e == "function" ? e(...t) : !!e;
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/environmentManager.js
-var G = /* @__PURE__ */ (() => {
-	let e = () => Re;
+var Ze = /* @__PURE__ */ (() => {
+	let e = () => Be;
 	return {
 		isServer() {
 			return e();
@@ -123,13 +174,38 @@ var G = /* @__PURE__ */ (() => {
 			e = t;
 		}
 	};
-})(), K = Le;
-function Ze() {
+})();
+//#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() {
 	let e = [], t = 0, n = (e) => {
 		e();
 	}, r = (e) => {
 		e();
-	}, i = K, a = (r) => {
+	}, i = $e, a = (r) => {
 		t ? e.push(r) : i(() => {
 			n(r);
 		});
@@ -171,58 +247,7 @@ function Ze() {
 		}
 	};
 }
-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 {
+var tt = et(), nt = new class extends Fe {
 	#e = !0;
 	#t;
 	#n;
@@ -255,136 +280,13 @@ var Qe = Ze(), $e = class {
 	}
 }();
 //#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" ? tt.isOnline() : !0;
+	return (e ?? "online") !== "online" || nt.isOnline();
 }
 //#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 q(e, t) {
+function it(e, t) {
 	return {
 		fetchFailureCount: 0,
 		fetchFailureReason: null,
@@ -397,9 +299,9 @@ function q(e, t) {
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/queryObserver.js
-var ot = class extends $e {
+var at = class extends Fe {
 	constructor(e, t) {
-		super(), this.options = t, this.#e = e, this.#s = null, this.#o = nt(), this.bindMethods(), this.setOptions(t);
+		super(), this.options = t, this.#e = e, this.#s = null, this.#o = Qe(), this.bindMethods(), this.setOptions(t);
 	}
 	#e;
 	#t = void 0;
@@ -420,36 +322,36 @@ var ot = class extends $e {
 		this.refetch = this.refetch.bind(this);
 	}
 	onSubscribe() {
-		this.listeners.size === 1 && (this.#t.addObserver(this), ct(this.#t, this.options) ? this.#h() : this.updateResult(), this.#y());
+		this.listeners.size === 1 && (this.#t.addObserver(this), ot(this.#t, this.options) ? this.#h() : this.updateResult(), this.#y());
 	}
 	onUnsubscribe() {
 		this.hasListeners() || this.destroy();
 	}
 	shouldFetchOnReconnect() {
-		return lt(this.#t, this.options, this.options.refetchOnReconnect);
+		return st(this.#t, this.options, this.options.refetchOnReconnect);
 	}
 	shouldFetchOnWindowFocus() {
-		return lt(this.#t, this.options, this.options.refetchOnWindowFocus);
+		return st(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 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({
+		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({
 			type: "observerOptionsUpdated",
 			query: this.#t,
 			observer: this
 		});
 		let r = this.hasListeners();
-		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();
+		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();
 		let i = this.#_();
-		r && (this.#t !== n || W(this.options.enabled, this.#t) !== W(t.enabled, this.#t) || i !== this.#p) && this.#v(i);
+		r && (this.#t !== n || U(this.options.enabled, this.#t) !== U(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 Y(this, n) && (this.#r = n, this.#a = this.options, this.#i = this.#t.state), n;
+		return J(this, n) && (this.#r = n, this.#a = this.options, this.#i = this.#t.state), n;
 	}
 	getCurrentResult() {
 		return this.#r;
@@ -479,14 +381,14 @@ var ot = class extends $e {
 	#h(e) {
 		this.#S();
 		let t = this.#t.fetch(this.options, e);
-		return e?.throwOnError || (t = t.catch(ze)), t;
+		return e?.throwOnError || (t = t.catch(Ve)), t;
 	}
 	#g() {
 		this.#b();
-		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(() => {
+		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(() => {
 			this.#r.isStale || this.updateResult();
 		}, t);
 	}
@@ -494,26 +396,26 @@ var ot = class extends $e {
 		return (typeof this.options.refetchInterval == "function" ? this.options.refetchInterval(this.#t) : this.options.refetchInterval) ?? !1;
 	}
 	#v(e) {
-		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.#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.#p));
 	}
 	#y() {
 		this.#g(), this.#v(this.#_());
 	}
 	#b() {
-		this.#d !== void 0 && (Ie.clearTimeout(this.#d), this.#d = void 0);
+		this.#d !== void 0 && (Re.clearTimeout(this.#d), this.#d = void 0);
 	}
 	#x() {
-		this.#f !== void 0 && (Ie.clearInterval(this.#f), this.#f = void 0);
+		this.#f !== void 0 && (Re.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 && ct(e, t), o = i && J(e, n, t, r);
+			let i = this.hasListeners(), a = !i && ot(e, t), o = i && ct(e, n, t, r);
 			(a || o) && (l = {
 				...l,
-				...q(c.data, e.options)
+				...it(c.data, e.options)
 			}), t._optimisticResults === "isRestoring" && (l.fetchStatus = "idle");
 		}
 		let { error: f, errorUpdatedAt: p, status: m } = l;
@@ -521,11 +423,11 @@ var ot = class extends $e {
 		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 = Ye(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 = G(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 = Ye(i?.data, d, t), this.#l = d, this.#s = null;
+			this.#c = t.select, d = t.select(d), d = G(i?.data, d, t), this.#l = d, this.#s = null;
 		} catch (e) {
 			this.#s = e;
 		}
@@ -553,16 +455,17 @@ var ot = class extends $e {
 			isPaused: l.fetchStatus === "paused",
 			isPlaceholderData: u,
 			isRefetchError: v && b,
-			isStale: ut(e, t),
+			isStale: lt(e, t),
 			refetch: this.refetch,
 			promise: this.#o,
-			isEnabled: W(t.enabled, e) !== !1
+			isEnabled: U(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 = nt());
+				let e = this.#o = x.promise = Qe();
+				i(e);
 			}, o = this.#o;
 			switch (o.status) {
 				case "pending":
@@ -580,7 +483,7 @@ var ot = class extends $e {
 	}
 	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), !Ge(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), !qe(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;
@@ -601,7 +504,7 @@ var ot = class extends $e {
 		this.updateResult(), this.hasListeners() && this.#y();
 	}
 	#C(e) {
-		Qe.batch(() => {
+		tt.batch(() => {
 			e.listeners && this.listeners.forEach((e) => {
 				e(this.#r);
 			}), this.#e.getQueryCache().notify({
@@ -611,31 +514,129 @@ var ot = class extends $e {
 		});
 	}
 };
-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 q(e, t) {
+	return U(t.enabled, e) !== !1 && e.state.data === void 0 && !(e.state.status === "error" && U(t.retryOnMount, e) === !1);
 }
-function ct(e, t) {
-	return st(e, t) || e.state.data !== void 0 && lt(e, t, t.refetchOnMount);
+function ot(e, t) {
+	return q(e, t) || e.state.data !== void 0 && st(e, t, t.refetchOnMount);
 }
-function lt(e, t, n) {
-	if (W(t.enabled, e) !== !1 && Ve(t.staleTime, e) !== "static") {
+function st(e, t, n) {
+	if (U(t.enabled, e) !== !1 && We(t.staleTime, e) !== "static") {
 		let r = typeof n == "function" ? n(e) : n;
-		return r === "always" || r !== !1 && ut(e, t);
+		return r === "always" || r !== !1 && lt(e, t);
 	}
 	return !1;
 }
-function J(e, t, n, r) {
-	return (e !== t || W(r.enabled, e) === !1) && (!n.suspense || e.state.status !== "error") && ut(e, n);
+function ct(e, t, n, r) {
+	return (e !== t || U(r.enabled, e) === !1) && (!n.suspense || e.state.status !== "error") && lt(e, n);
 }
-function ut(e, t) {
-	return W(t.enabled, e) !== !1 && e.isStaleByTime(Ve(t.staleTime, e));
+function lt(e, t) {
+	return U(t.enabled, e) !== !1 && e.isStaleByTime(We(t.staleTime, e));
 }
-function Y(e, t) {
-	return !Ge(e.getCurrentResult(), t);
+function J(e, t) {
+	return !qe(e.getCurrentResult(), t);
 }
 //#endregion
-//#region node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js
-var dt = e.createContext(void 0), ft = (t) => {
+//#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) => {
 	let n = e.useContext(dt);
 	if (t) return t;
 	if (!n) throw Error("No QueryClient set, use QueryClientProvider to set one");
@@ -645,10 +646,11 @@ var dt = e.createContext(void 0), ft = (t) => {
 }), [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 mt() {
+function gt() {
 	let e = !1;
 	return {
 		clearReset: () => {
@@ -660,18 +662,14 @@ function mt() {
 		isReset: () => e
 	};
 }
-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;
+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;
 	(e.suspense || e.experimental_prefetchInRender || r) && (t.isReset() || (e.retryOnMount = !1));
-}, vt = (t) => {
+}, bt = (t) => {
 	e.useEffect(() => {
 		t.clearReset();
 	}, [t]);
-}, 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) => {
+}, 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) => {
 	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));
@@ -683,46 +681,46 @@ var St = (e) => {
 //#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 = xt(), a = gt(), o = ft(r), s = o.defaultQueryOptions(t);
+	let i = ht(), a = vt(), 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), _t(s, a, c), vt(a);
+	s._optimisticResults = i ? "isRestoring" : l ? "optimistic" : void 0, St(s), yt(s, a, c), bt(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(Qe.batchCalls(e)) : ze;
+		let t = p ? d.subscribe(tt.batchCalls(e)) : Ve;
 		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 (yt({
+	if (xt({
 		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 && !G.isServer() && Ct(f, i) && (u ? Tt(s, d, a) : c?.promise)?.catch(ze).finally(() => {
+	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(() => {
 		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, ot, t);
+	return Et(e, at, t);
 }
 //#endregion
 //#region node_modules/@tanstack/react-query/build/modern/useMutation.js
 function Ot(t, n) {
-	let r = ft(n), [i] = e.useState(() => new at(r, t));
+	let r = ft(n), [i] = e.useState(() => new Y(r, t));
 	e.useEffect(() => {
 		i.setOptions(t);
 	}, [i, t]);
-	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);
+	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);
 	}, [i]);
-	if (a.error && Xe(i.options.throwOnError, [a.error])) throw a.error;
+	if (a.error && K(i.options.throwOnError, [a.error])) throw a.error;
 	return {
 		...a,
 		mutate: o,
@@ -1192,7 +1190,7 @@ function Cn(e) {
 	return t.filter((e) => e != null);
 }
 function wn(e, t) {
-	return e.columns && e.columns.length > 0 ? e.columns.filter((e, n) => e.hidden ? !1 : t ? t[n] !== !1 : !0).length : e.groups && e.groups.length > 0 ? e.groups.reduce((e, n) => e + wn(n, t), 0) : 0;
+	return e.columns && e.columns.length > 0 ? e.columns.filter((e, n) => e.hidden ? !1 : !t || t[n] !== !1).length : e.groups && e.groups.length > 0 ? e.groups.reduce((e, n) => e + wn(n, t), 0) : 0;
 }
 function Tn(e, t, n = 0) {
 	if (n === t) return [...e];
@@ -1393,7 +1391,7 @@ function An({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
 		accessor: e.accessor,
 		defaultToggle: e.defaultToggle || !0,
 		toggleable: e.toggleable,
-		toggled: e.defaultToggle === void 0 ? !0 : e.defaultToggle
+		toggled: e.defaultToggle === void 0 || e.defaultToggle
 	})), [t]), [i, a] = je({
 		key: e ? `${e}-columns-toggle` : "",
 		defaultValue: e ? r : void 0,
@@ -1412,7 +1410,7 @@ function An({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
 				accessor: t.accessor,
 				defaultToggle: t.defaultToggle || !0,
 				toggleable: t.toggleable,
-				toggled: t.defaultToggle === void 0 ? !0 : t.defaultToggle
+				toggled: t.defaultToggle === void 0 || t.defaultToggle
 			});
 		}), e;
 	}, [
@@ -1493,7 +1491,7 @@ var jn = ({ key: e, columns: t = [], getInitialValueInEffect: n = !0, headerRef:
 		h
 	]), D = l(() => {
 		let e = E.filter((e) => !e.hidden && e.accessor !== "__selection__");
-		return e.length === 0 ? !1 : e.every((e) => typeof e.width == "string" && /px$/.test(e.width));
+		return e.length !== 0 && e.every((e) => typeof e.width == "string" && /px$/.test(e.width));
 	}, [E]);
 	return {
 		effectiveColumns: E,
@@ -1785,11 +1783,11 @@ function Jn({ rowExpansion: e, records: t, idAccessor: n }) {
 		let u = (e) => a?.(i.filter((t) => t !== Q(e, n)));
 		return {
 			expandOnClick: r !== "always" && r !== "never",
-			isRowExpanded: (e) => r === "always" ? !0 : i.includes(Q(e, n)),
-			isExpandable: ({ record: e, index: n }) => t ? t({
+			isRowExpanded: (e) => r === "always" || i.includes(Q(e, n)),
+			isExpandable: ({ record: e, index: n }) => !t || t({
 				record: e,
 				index: n
-			}) : !0,
+			}),
 			expandRow: (e) => {
 				let t = Q(e, n);
 				a?.(s ? [...i, t] : [t]);
@@ -1819,7 +1817,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(se, {
+	return qn(r) ? p(oe, {
 		"data-pinned": n?.position,
 		"data-pinned-shadow": n?.isBoundary ? n.position : void 0,
 		className: X({
@@ -1846,17 +1844,17 @@ function ir({ className: e, style: t, pinnedInfo: n, visibleMediaQuery: r, title
 	}) : null;
 }
 function ar({ shadowVisible: e }) {
-	return p(se, {
+	return p(oe, {
 		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(oe, {
+	return p(ae, {
 		ref: s,
 		className: X("mantine-datatable-footer", e),
 		style: t,
-		children: m(B, { children: [a && p(ar, { shadowVisible: o }), n.map(({ hidden: e, ...t }) => {
+		children: m(ce, { 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,
@@ -1895,7 +1893,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(se, {
+	return v > 0 ? p(oe, {
 		colSpan: v,
 		rowSpan: b > 1 ? b : void 0,
 		"data-pinned": s?.position,
@@ -2284,13 +2282,13 @@ function xr({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
 		});
 	} : void 0, z = (e) => {
 		e.stopPropagation(), A(r), I(!1);
-	}, ae = (e) => {
+	}, B = (e) => {
 		e.preventDefault(), j(r), I(!0);
-	}, oe = () => {
+	}, ae = () => {
 		j(r), I(!1), M();
-	}, ce = () => {
+	}, se = () => {
 		I(!0);
-	}, B = () => {
+	}, ce = () => {
 		I(!1);
 	}, le = (e) => {
 		e.stopPropagation(), P(N.map((e) => e.accessor === r ? {
@@ -2303,7 +2301,7 @@ function xr({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
 			pinned: e
 		} : t));
 	};
-	return m(se, {
+	return m(oe, {
 		"data-accessor": r,
 		"data-pinned": n?.position,
 		"data-pinned-shadow": n?.isBoundary ? n.position : void 0,
@@ -2347,10 +2345,10 @@ function xr({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
 					}),
 					draggable: s,
 					onDragStart: s ? z : void 0,
-					onDragEnter: s ? ce : void 0,
-					onDragOver: s ? ae : void 0,
-					onDrop: s ? oe : void 0,
-					onDragLeave: s ? B : void 0,
+					onDragEnter: s ? se : void 0,
+					onDragOver: s ? B : void 0,
+					onDrop: s ? ae : void 0,
+					onDragLeave: s ? ce : void 0,
 					children: [s ? p(b, {
 						role: "img",
 						"aria-label": "Drag column",
@@ -2414,7 +2412,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(se, {
+	return p(oe, {
 		ref: l,
 		className: X("mantine-datatable-header-selector-cell", { [Qn]: n === "cell" && u }, e),
 		style: t,
@@ -2457,7 +2455,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(ce, {
+	}) : 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, {
 		className: X("mantine-datatable-header", t),
 		style: n,
 		ref: w,
@@ -2466,7 +2464,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(B, { children: [t === 0 && O, n.map((e, r) => p(sr, {
+			return m(ce, { children: [t === 0 && O, n.map((e, r) => p(sr, {
 				group: e,
 				pinnedInfo: Cr(e, l),
 				maxDepth: E,
@@ -2476,7 +2474,7 @@ function wr({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r
 				withColumnBorders: C,
 				totalTableColumns: o.length
 			}, e.id))] }, `group-depth-${t}`);
-		}), m(B, { children: [!c && O, o.map(({ hidden: e, ...t }, n) => {
+		}), m(ce, { 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,
@@ -2690,7 +2688,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(ae, {
+	return qn(r) ? p(B, {
 		"data-pinned": n?.position,
 		"data-pinned-shadow": n?.isBoundary ? n.position : void 0,
 		className: X({
@@ -2724,7 +2722,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(B, {}), p(B, { children: p(ae, {
+	return a ? m(f, { children: [p(ce, {}), p(ce, { children: p(B, {
 		className: "mantine-datatable-row-expansion-cell",
 		colSpan: t,
 		children: p(S, {
@@ -2744,7 +2742,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(ae, {
+	return p(B, {
 		className: X("mantine-datatable-row-selector-cell", { [Qn]: i === "cell" && d }, e),
 		style: t,
 		"data-shadow-visible": o || void 0,
@@ -2841,7 +2839,7 @@ function Nr({ record: e, index: t, columns: n, defaultColumnProps: r, pinnedMap:
 		rowProps: P,
 		children: M,
 		expandedElement: N
-	}) : m(f, { children: [p(B, {
+	}) : m(f, { children: [p(ce, {
 		...P,
 		children: M
 	}), N] });
@@ -2908,7 +2906,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: 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 }) {
+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 }) {
 	let lt = l(() => y ? Cn(y) : g, [g, y]), { refs: J, onScroll: ut } = Bn({
 		scrollCallbacks: {
 			onScroll: Me,
@@ -2924,7 +2922,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: We,
+		rowExpansion: Ge,
 		records: T,
 		idAccessor: w
 	}), { pinnedMap: _t, hasLeftPinned: vt, hasRightPinned: yt } = Vn({
@@ -2989,10 +2987,10 @@ function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 						theme: e,
 						c: Re,
 						backgroundColor: ze,
-						borderColor: U,
-						rowBorderColor: Be,
-						stripedColor: Ve,
-						highlightOnHoverColor: W
+						borderColor: Be,
+						rowBorderColor: Ve,
+						stripedColor: He,
+						highlightOnHoverColor: Ue
 					}),
 					borderRadius: e.radius[t] || t,
 					boxShadow: e.shadows[d] || d,
@@ -3068,7 +3066,7 @@ function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 									let n = Q(e, w), r = Dt?.includes(n) || !1, i;
 									return O && D && (i = (i) => {
 										if (i.nativeEvent.shiftKey && Pt !== null) {
-											let e = T.filter(t > Pt ? (e, n) => n >= Pt && n <= t && (j ? j(e, n) : !0) : (e, n) => n >= t && n <= Pt && (j ? j(e, n) : !0));
+											let e = T.filter(t > Pt ? (e, n) => n >= Pt && n <= t && (!j || j(e, n)) : (e, n) => n >= t && n <= Pt && (!j || j(e, n)));
 											O(r ? yn(D, e, (e) => Q(e, w)) : bn([...D, ...e], (e) => Q(e, w)));
 										} else O(r ? D.filter((e) => Q(e, w) !== n) : bn([...D, e], (e) => Q(e, w)));
 										Ft(t);
@@ -3093,10 +3091,10 @@ function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 										onContextMenu: Oe,
 										onCellContextMenu: je,
 										expansion: gt,
-										color: He,
-										backgroundColor: Ue,
-										className: Ge,
-										style: Ke,
+										color: We,
+										backgroundColor: U,
+										className: Ke,
+										style: W,
 										customAttributes: qe,
 										selectorCellShadowVisible: It,
 										selectionColumnClassName: k,
@@ -3129,11 +3127,11 @@ function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 					totalRecords: R,
 					recordsPerPage: re,
 					onRecordsPerPageChange: ie,
-					recordsPerPageOptions: ae,
-					recordsPerPageLabel: oe,
-					paginationWithEdges: se,
-					paginationWithControls: ce,
-					paginationActiveTextColor: B,
+					recordsPerPageOptions: B,
+					recordsPerPageLabel: ae,
+					paginationWithEdges: oe,
+					paginationWithControls: se,
+					paginationActiveTextColor: ce,
 					paginationActiveBackgroundColor: le,
 					paginationSize: V,
 					paginationText: ue,
@@ -3599,7 +3597,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: ae, mobileCards: oe = !1, deleteConfirmMessage: se, editRecordId: ce, onEditRecordIdChange: B }) {
+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 }) {
 	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 = {
@@ -3622,8 +3620,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);
-	}, 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]);
+	}, 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]);
 	}, 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;
@@ -3650,7 +3648,7 @@ function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPat
 							size: 16,
 							style: {
 								color: "var(--mantine-primary-color-filled)",
-								transform: Ke.includes(t.id) ? "rotate(90deg)" : void 0,
+								transform: W.includes(t.id) ? "rotate(90deg)" : void 0,
 								transition: "transform 200ms ease"
 							}
 						})
@@ -3667,14 +3665,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 (!ce) {
+		if (!se) {
 			rt.current = null;
 			return;
 		}
-		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]);
+		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]);
 	let it = l.some((e) => e.update), at = l.some((e) => e.delete), q = [];
 	return it && q.push({
 		icon: /* @__PURE__ */ p(we, { size: 14 }),
@@ -3768,7 +3766,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, {
-							...oe ? { visibleFrom: "sm" } : {},
+							...ae ? { visibleFrom: "sm" } : {},
 							children: /* @__PURE__ */ m(k, {
 								shadow: "md",
 								children: [/* @__PURE__ */ p(k.Target, { children: /* @__PURE__ */ p(y, {
@@ -3837,50 +3835,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, {
-			...oe ? { visibleFrom: "sm" } : {},
+			...ae ? { visibleFrom: "sm" } : {},
 			children: /* @__PURE__ */ p(Ir, {
 				my: "md",
 				striped: !0,
 				highlightOnHover: !0,
 				minHeight: 150,
 				fetching: ke,
-				records: Ue,
+				records: U,
 				sortStatus: Le,
 				onSortStatusChange: ze,
 				...h && {
 					selectedRecords: G,
 					onSelectedRecordsChange: K
 				},
-				...b && Ue.length && {
-					totalRecords: U.length,
-					recordsPerPage: Be,
-					onPageChange: He,
-					page: W,
+				...b && U.length && {
+					totalRecords: Be.length,
+					recordsPerPage: Ve,
+					onPageChange: We,
+					page: Ue,
 					recordsPerPageOptions: ti,
-					onRecordsPerPageChange: Ve,
+					onRecordsPerPageChange: He,
 					recordsPerPageLabel: "Einträge pro Seite"
 				},
 				...z && { rowExpansion: {
 					allowMultiple: z.allowMultiple ?? !1,
-					trigger: ae ? "never" : "click",
+					trigger: B ? "never" : "click",
 					content: ({ record: e }) => z.content(e, !1),
 					expanded: {
-						recordIds: Ke,
+						recordIds: W,
 						onRecordIdsChange: qe
 					},
 					...z.expandable && { expandable: ({ record: e }) => z.expandable(e) }
 				} },
 				columns: Xe.map((e) => e.column),
 				noRecordsText: "Keine Einträge gefunden",
-				onRowClick: ae,
-				...ae && { style: { cursor: "pointer" } }
+				onRowClick: B,
+				...B && { style: { cursor: "pointer" } }
 			})
-		}), oe && /* @__PURE__ */ p(v, {
+		}), ae && /* @__PURE__ */ p(v, {
 			hiddenFrom: "sm",
 			children: /* @__PURE__ */ p(ei, {
-				records: Ue,
+				records: U,
 				fields: Xe,
-				onRowClick: ae,
+				onRowClick: B,
 				sort: {
 					field: String(Le.columnAccessor),
 					direction: Le.direction,
@@ -3891,20 +3889,20 @@ function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPat
 						});
 					}
 				},
-				...b && Ue.length && { pagination: {
-					totalRecords: U.length,
-					recordsPerPage: Be,
-					page: W,
-					onPageChange: He,
+				...b && U.length && { pagination: {
+					totalRecords: Be.length,
+					recordsPerPage: Ve,
+					page: Ue,
+					onPageChange: We,
 					recordsPerPageOptions: ti,
 					onRecordsPerPageChange: (e) => {
-						Ve(e), He(1);
+						He(e), We(1);
 					}
 				} },
 				...z && { rowExpansion: {
 					content: z.content,
 					expanded: {
-						recordIds: Ke,
+						recordIds: W,
 						onRecordIdsChange: qe
 					},
 					...z.expandable && { expandable: z.expandable }
@@ -3948,7 +3946,7 @@ function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPat
 				connectedQueryKeys: r,
 				apiPath: _e,
 				selectedRecords: G,
-				confirmMessage: se
+				confirmMessage: oe
 			})
 		}),
 		/* @__PURE__ */ p(N, {