@espresso-lab/mantine-data-table 2.2.6 → 2.2.7

package/dist/index.es.js

@@ -1,13 +1,13 @@
 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, Indicator as E, Loader as D, Menu as O, MenuDropdown as k, MenuItem as A, MenuTarget as j, Modal as M, NumberInput as N, Pagination as ee, Popover as P, PopoverDropdown as F, PopoverTarget as te, ScrollArea as I, Select as L, Skeleton as ne, Stack as R, Stepper as re, Table as ie, TableTd as z, TableTfoot as ae, TableTh as oe, TableThead as se, TableTr as B, Tabs as ce, Text as V, TextInput as le, Textarea as ue, Title as de, createSafeContext as fe, parseThemeColor as pe, rem as H, useDirection as me, useMantineTheme as he } from "@mantine/core";
-import { DateInput as ge } from "@mantine/dates";
-import { useForm as _e } from "@mantine/form";
-import { IconCaretDownFilled as ve, IconChevronRight as ye, IconDotsVertical as be, IconFilter as xe, IconInfoCircle as Se, IconPencil as Ce, IconRefresh as we, IconSortAscending as Te, IconSortDescending as Ee, IconTrash as De } from "@tabler/icons-react";
-import { useClickOutside as Oe, useDisclosure as ke, useLocalStorage as Ae, useMediaQuery as je, useMergedRef as Me, useTimeout as Ne } from "@mantine/hooks";
+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, Indicator as E, Loader as D, Menu as O, MenuDropdown as k, MenuItem as A, MenuTarget as j, Modal as M, NumberInput as N, Pagination as ee, Popover as P, PopoverDropdown as te, PopoverTarget as ne, ScrollArea as F, Select as I, Skeleton as re, Stack as L, Stepper as R, Table as ie, TableTd as ae, TableTfoot as oe, TableTh as z, TableThead as se, TableTr as ce, Tabs as le, Text as B, TextInput as ue, Textarea as de, Title as fe, createSafeContext as pe, parseThemeColor as me, rem as V, 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 U = class {
+var H = class {
 	constructor() {
 		this.listeners = /* @__PURE__ */ new Set(), this.subscribe = this.subscribe.bind(this);
 	}
@@ -21,7 +21,7 @@ var U = class {
 	}
 	onSubscribe() {}
 	onUnsubscribe() {}
-}, Pe = new class extends U {
+}, Fe = new class extends H {
 	#e;
 	#t;
 	#n;
@@ -58,13 +58,13 @@ var U = class {
 	isFocused() {
 		return typeof this.#e == "boolean" ? this.#e : globalThis.document?.visibilityState !== "hidden";
 	}
-}(), Fe = {
+}(), Ie = {
 	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;
+}, U = new class {
+	#e = Ie;
 	#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.", {
@@ -104,67 +104,67 @@ function He(e, t) {
 function W(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function G(e) {
-	return JSON.stringify(e, (e, t) => qe(t) ? Object.keys(t).sort().reduce((e, n) => (e[n] = t[n], e), {}) : t);
+function Ue(e) {
+	return JSON.stringify(e, (e, t) => G(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 We = Object.prototype.hasOwnProperty;
+function Ge(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 = qe(e) && qe(t);
+	if (!r && !(G(e) && G(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 : We.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 = Ge(u, d, n + 1);
 		s[o] = f, f === u && c++;
 	}
 	return i === o && c === i ? e : s;
 }
-function Ge(e, t) {
+function Ke(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 qe(e) {
 	return Array.isArray(e) && e.length === Object.keys(e).length;
 }
-function qe(e) {
-	if (!Je(e)) return !1;
+function G(e) {
+	if (!K(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 !(!K(n) || !n.hasOwnProperty("isPrototypeOf") || Object.getPrototypeOf(e) !== Object.prototype);
 }
-function Je(e) {
+function K(e) {
 	return Object.prototype.toString.call(e) === "[object Object]";
 }
-function Ye(e, t, n) {
+function Je(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 Ge(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 Ge(e, t);
 	}
 	return t;
 }
-function Xe(e, t) {
+function Ye(e, t) {
 	return typeof e == "function" ? e(...t) : !!e;
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/environmentManager.js
-var Ze = /* @__PURE__ */ (() => {
+var Xe = /* @__PURE__ */ (() => {
 	let e = () => Re;
 	return {
 		isServer() {
@@ -177,7 +177,7 @@ var Ze = /* @__PURE__ */ (() => {
 })();
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/thenable.js
-function Qe() {
+function Ze() {
 	let e, t, n = new Promise((n, r) => {
 		e = n, t = r;
 	});
@@ -199,13 +199,13 @@ function Qe() {
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/notifyManager.js
-var $e = Le;
-function et() {
+var Qe = Le;
+function $e() {
 	let e = [], t = 0, n = (e) => {
 		e();
 	}, r = (e) => {
 		e();
-	}, i = $e, a = (r) => {
+	}, i = Qe, a = (r) => {
 		t ? e.push(r) : i(() => {
 			n(r);
 		});
@@ -247,7 +247,7 @@ function et() {
 		}
 	};
 }
-var tt = et(), nt = new class extends U {
+var et = $e(), tt = new class extends H {
 	#e = !0;
 	#t;
 	#n;
@@ -281,16 +281,16 @@ var tt = et(), nt = new class extends U {
 }();
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/retryer.js
-function rt(e) {
-	return (e ?? "online") === "online" ? nt.isOnline() : !0;
+function nt(e) {
+	return (e ?? "online") === "online" ? tt.isOnline() : !0;
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/query.js
-function it(e, t) {
+function rt(e, t) {
 	return {
 		fetchFailureCount: 0,
 		fetchFailureReason: null,
-		fetchStatus: rt(t.networkMode) ? "fetching" : "paused",
+		fetchStatus: nt(t.networkMode) ? "fetching" : "paused",
 		...e === void 0 && {
 			error: null,
 			status: "pending"
@@ -299,9 +299,9 @@ function it(e, t) {
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/queryObserver.js
-var at = class extends U {
+var it = class extends H {
 	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 = Ze(), this.bindMethods(), this.setOptions(t);
 	}
 	#e;
 	#t = void 0;
@@ -322,16 +322,16 @@ var at = class extends U {
 		this.refetch = this.refetch.bind(this);
 	}
 	onSubscribe() {
-		this.listeners.size === 1 && (this.#t.addObserver(this), st(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 ct(this.#t, this.options, this.options.refetchOnReconnect);
+		return st(this.#t, this.options, this.options.refetchOnReconnect);
 	}
 	shouldFetchOnWindowFocus() {
-		return ct(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);
@@ -339,19 +339,19 @@ var at = class extends U {
 	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({
+		this.#S(), this.#t.setOptions(this.options), t._defaulted && !Ke(this.options, t) && this.#e.getQueryCache().notify({
 			type: "observerOptionsUpdated",
 			query: this.#t,
 			observer: this
 		});
 		let r = this.hasListeners();
-		r && lt(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) || He(this.options.staleTime, this.#t) !== He(t.staleTime, this.#t)) && this.#g();
+		r && ct(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) || He(this.options.staleTime, this.#t) !== He(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);
 	}
 	getOptimisticResult(e) {
 		let t = this.#e.getQueryCache().build(this.#e, e), n = this.createResult(t, e);
-		return dt(this, n) && (this.#r = n, this.#a = this.options, this.#i = this.#t.state), n;
+		return ut(this, n) && (this.#r = n, this.#a = this.options, this.#i = this.#t.state), n;
 	}
 	getCurrentResult() {
 		return this.#r;
@@ -386,9 +386,9 @@ var at = class extends U {
 	#g() {
 		this.#b();
 		let e = He(this.options.staleTime, this.#t);
-		if (Ze.isServer() || this.#r.isStale || !Be(e)) return;
+		if (Xe.isServer() || this.#r.isStale || !Be(e)) return;
 		let t = Ve(this.#r.dataUpdatedAt, e) + 1;
-		this.#d = Ie.setTimeout(() => {
+		this.#d = U.setTimeout(() => {
 			this.#r.isStale || this.updateResult();
 		}, t);
 	}
@@ -396,26 +396,26 @@ var at = class extends U {
 		return (typeof this.options.refetchInterval == "function" ? this.options.refetchInterval(this.#t) : this.options.refetchInterval) ?? !1;
 	}
 	#v(e) {
-		this.#x(), this.#p = e, !(Ze.isServer() || W(this.options.enabled, this.#t) === !1 || !Be(this.#p) || this.#p === 0) && (this.#f = Ie.setInterval(() => {
-			(this.options.refetchIntervalInBackground || Pe.isFocused()) && this.#h();
+		this.#x(), this.#p = e, !(Xe.isServer() || W(this.options.enabled, this.#t) === !1 || !Be(this.#p) || this.#p === 0) && (this.#f = U.setInterval(() => {
+			(this.options.refetchIntervalInBackground || Fe.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 && (U.clearTimeout(this.#d), this.#d = void 0);
 	}
 	#x() {
-		this.#f !== void 0 && (Ie.clearInterval(this.#f), this.#f = void 0);
+		this.#f !== void 0 && (U.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 && st(e, t), o = i && lt(e, n, t, r);
+			let i = this.hasListeners(), a = !i && ot(e, t), o = i && ct(e, n, t, r);
 			(a || o) && (l = {
 				...l,
-				...it(c.data, e.options)
+				...rt(c.data, e.options)
 			}), t._optimisticResults === "isRestoring" && (l.fetchStatus = "idle");
 		}
 		let { error: f, errorUpdatedAt: p, status: m } = l;
@@ -423,11 +423,11 @@ var at = class extends U {
 		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 = Je(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 = Je(i?.data, d, t), this.#l = d, this.#s = null;
 		} catch (e) {
 			this.#s = e;
 		}
@@ -455,7 +455,7 @@ var at = class extends U {
 			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
@@ -464,7 +464,7 @@ var at = class extends U {
 			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 = Ze());
 			}, o = this.#o;
 			switch (o.status) {
 				case "pending":
@@ -482,7 +482,7 @@ var at = class extends U {
 	}
 	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), !Ke(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 +503,7 @@ var at = class extends U {
 		this.updateResult(), this.hasListeners() && this.#y();
 	}
 	#C(e) {
-		tt.batch(() => {
+		et.batch(() => {
 			e.listeners && this.listeners.forEach((e) => {
 				e(this.#r);
 			}), this.#e.getQueryCache().notify({
@@ -513,31 +513,31 @@ var at = class extends U {
 		});
 	}
 };
-function ot(e, t) {
+function at(e, t) {
 	return W(t.enabled, e) !== !1 && e.state.data === void 0 && !(e.state.status === "error" && W(t.retryOnMount, e) === !1);
 }
-function st(e, t) {
-	return ot(e, t) || e.state.data !== void 0 && ct(e, t, t.refetchOnMount);
+function ot(e, t) {
+	return at(e, t) || e.state.data !== void 0 && st(e, t, t.refetchOnMount);
 }
-function ct(e, t, n) {
+function st(e, t, n) {
 	if (W(t.enabled, e) !== !1 && He(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 lt(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 || W(r.enabled, e) === !1) && (!n.suspense || e.state.status !== "error") && lt(e, n);
 }
-function ut(e, t) {
+function lt(e, t) {
 	return W(t.enabled, e) !== !1 && e.isStaleByTime(He(t.staleTime, e));
 }
-function dt(e, t) {
-	return !Ge(e.getCurrentResult(), t);
+function ut(e, t) {
+	return !Ke(e.getCurrentResult(), t);
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/mutation.js
-function K() {
+function q() {
 	return {
 		context: void 0,
 		data: void 0,
@@ -552,7 +552,7 @@ function K() {
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/mutationObserver.js
-var ft = class extends U {
+var dt = class extends H {
 	#e;
 	#t = void 0;
 	#n;
@@ -565,11 +565,11 @@ var ft = class extends U {
 	}
 	setOptions(e) {
 		let t = this.options;
-		this.options = this.#e.defaultMutationOptions(e), Ge(this.options, t) || this.#e.getMutationCache().notify({
+		this.options = this.#e.defaultMutationOptions(e), Ke(this.options, t) || this.#e.getMutationCache().notify({
 			type: "observerOptionsUpdated",
 			mutation: this.#n,
 			observer: this
-		}), t?.mutationKey && this.options.mutationKey && G(t.mutationKey) !== G(this.options.mutationKey) ? this.reset() : this.#n?.state.status === "pending" && this.#n.setOptions(this.options);
+		}), t?.mutationKey && this.options.mutationKey && Ue(t.mutationKey) !== Ue(this.options.mutationKey) ? this.reset() : this.#n?.state.status === "pending" && this.#n.setOptions(this.options);
 	}
 	onUnsubscribe() {
 		this.hasListeners() || this.#n?.removeObserver(this);
@@ -587,7 +587,7 @@ var ft = class extends U {
 		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 ?? K();
+		let e = this.#n?.state ?? q();
 		this.#t = {
 			...e,
 			isPending: e.status === "pending",
@@ -599,7 +599,7 @@ var ft = class extends U {
 		};
 	}
 	#a(e) {
-		tt.batch(() => {
+		et.batch(() => {
 			if (this.#r && this.hasListeners()) {
 				let t = this.#t.variables, n = this.#t.context, r = {
 					client: this.#e,
@@ -635,21 +635,21 @@ var ft = class extends U {
 			});
 		});
 	}
-}, q = e.createContext(void 0), pt = (t) => {
-	let n = e.useContext(q);
+}, J = e.createContext(void 0), ft = (t) => {
+	let n = e.useContext(J);
 	if (t) return t;
 	if (!n) throw Error("No QueryClient set, use QueryClientProvider to set one");
 	return n;
-}, mt = ({ client: t, children: n }) => (e.useEffect(() => (t.mount(), () => {
+}, pt = ({ client: t, children: n }) => (e.useEffect(() => (t.mount(), () => {
 	t.unmount();
-}), [t]), /* @__PURE__ */ p(q.Provider, {
+}), [t]), /* @__PURE__ */ p(J.Provider, {
 	value: t,
 	children: n
-})), ht = e.createContext(!1), gt = () => e.useContext(ht);
-ht.Provider;
+})), mt = e.createContext(!1), ht = () => e.useContext(mt);
+mt.Provider;
 //#endregion
 //#region node_modules/@tanstack/react-query/build/modern/QueryErrorResetBoundary.js
-function _t() {
+function gt() {
 	let e = !1;
 	return {
 		clearReset: () => {
@@ -661,65 +661,65 @@ function _t() {
 		isReset: () => e
 	};
 }
-var vt = e.createContext(_t()), yt = () => e.useContext(vt), bt = (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" ? Ye(e.throwOnError, [n.state.error, n]) : e.throwOnError;
 	(e.suspense || e.experimental_prefetchInRender || r) && (t.isReset() || (e.retryOnMount = !1));
-}, xt = (t) => {
+}, bt = (t) => {
 	e.useEffect(() => {
 		t.clearReset();
 	}, [t]);
-}, St = ({ 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])), Ct = (e) => {
+}, xt = ({ result: e, errorResetBoundary: t, throwOnError: n, query: r, suspense: i }) => e.isError && !t.isReset() && !e.isFetching && r && (i && e.data === void 0 || Ye(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));
 	}
-}, wt = (e, t) => e.isLoading && e.isFetching && !t, Tt = (e, t) => e?.suspense && t.isPending, Et = (e, t, n) => t.fetchOptimistic(e).catch(() => {
+}, Ct = (e, t) => e.isLoading && e.isFetching && !t, wt = (e, t) => e?.suspense && t.isPending, Tt = (e, t, n) => t.fetchOptimistic(e).catch(() => {
 	n.clearReset();
 });
 //#endregion
 //#region node_modules/@tanstack/react-query/build/modern/useBaseQuery.js
-function Dt(t, n, r) {
+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 = gt(), a = yt(), o = pt(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, Ct(s), bt(s, a, c), xt(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(tt.batchCalls(e)) : ze;
+		let t = p ? d.subscribe(et.batchCalls(e)) : ze;
 		return d.updateResult(), t;
 	}, [d, p]), () => d.getCurrentResult(), () => d.getCurrentResult()), e.useEffect(() => {
 		d.setOptions(s);
-	}, [s, d]), Tt(s, f)) throw Et(s, d, a);
-	if (St({
+	}, [s, d]), wt(s, f)) throw Tt(s, d, a);
+	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 && !Ze.isServer() && wt(f, i) && (u ? Et(s, d, a) : c?.promise)?.catch(ze).finally(() => {
+	return o.getDefaultOptions().queries?._experimental_afterQuery?.(s, f), s.experimental_prefetchInRender && !Xe.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 Ot(e, t) {
-	return Dt(e, at, t);
+function Dt(e, t) {
+	return Et(e, it, t);
 }
 //#endregion
 //#region node_modules/@tanstack/react-query/build/modern/useMutation.js
-function kt(t, n) {
-	let r = pt(n), [i] = e.useState(() => new ft(r, t));
+function Ot(t, n) {
+	let r = ft(n), [i] = e.useState(() => new dt(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) => {
+	let a = e.useSyncExternalStore(e.useCallback((e) => i.subscribe(et.batchCalls(e)), [i]), () => i.getCurrentResult(), () => i.getCurrentResult()), o = e.useCallback((e, t) => {
 		i.mutate(e, t).catch(ze);
 	}, [i]);
-	if (a.error && Xe(i.options.throwOnError, [a.error])) throw a.error;
+	if (a.error && Ye(i.options.throwOnError, [a.error])) throw a.error;
 	return {
 		...a,
 		mutate: o,
@@ -728,15 +728,15 @@ function kt(t, n) {
 }
 //#endregion
 //#region src/Context/DataTableContext.tsx
-var At = r(void 0), jt = async () => ({ "Content-Type": "application/json" });
-function Mt({ children: e, baseUrl: t, queryClient: n, getHeaders: r = jt }) {
-	return /* @__PURE__ */ p(At.Provider, {
+var kt = r(void 0), At = async () => ({ "Content-Type": "application/json" });
+function jt({ children: e, baseUrl: t, queryClient: n, getHeaders: r = At }) {
+	return /* @__PURE__ */ p(kt.Provider, {
 		value: {
 			baseUrl: t,
 			queryClient: n,
 			getHeaders: r
 		},
-		children: /* @__PURE__ */ p(mt, {
+		children: /* @__PURE__ */ p(pt, {
 			client: n,
 			children: e
 		})
@@ -744,63 +744,63 @@ function Mt({ children: e, baseUrl: t, queryClient: n, getHeaders: r = jt }) {
 }
 //#endregion
 //#region src/Hooks/useDataTable.ts
-function J() {
-	let e = o(At);
+function Y() {
+	let e = o(kt);
 	if (!e) throw Error("useDataTable must be used within a DataTableProvider");
 	return e;
 }
 //#endregion
 //#region src/Hooks/useApi.ts
-var Nt = class extends Error {
+var Mt = class extends Error {
 	status;
 	violations;
 	constructor(e, t, n) {
 		super(e), this.name = "ApiError", this.status = t, this.violations = n;
 	}
 };
-function Pt(e) {
-	return e instanceof Nt ? e.violations : void 0;
+function Nt(e) {
+	return e instanceof Mt ? e.violations : void 0;
 }
-async function Y(e, t) {
+async function Pt(e, t) {
 	let n = await fetch(e, t);
 	if (n.status >= 400) {
 		let e = await n.text();
-		if (!e) throw new Nt(`HTTP ${n.status}: ${n.statusText}`, n.status);
+		if (!e) throw new Mt(`HTTP ${n.status}: ${n.statusText}`, n.status);
 		let t = null;
 		try {
 			t = JSON.parse(e);
 		} catch {
-			throw new Nt(e, n.status);
+			throw new Mt(e, n.status);
 		}
 		let r = Array.isArray(t?.violations) ? t.violations.filter((e) => e?.field && e?.message).map((e) => ({
 			field: String(e.field),
 			message: String(e.message)
 		})) : void 0;
-		throw new Nt(t?.message ?? t?.error ?? t?.title ?? e, n.status, r);
+		throw new Mt(t?.message ?? t?.error ?? t?.title ?? e, n.status, r);
 	}
 	return n;
 }
 var Ft = (e) => e.map((e) => e.toString());
 async function It(e, t) {
-	return (await Y(e, {
+	return (await Pt(e, {
 		method: "GET",
 		headers: await t()
 	})).json();
 }
 async function Lt(e, t, n) {
-	return (await Y(`${e}/${t}`, {
+	return (await Pt(`${e}/${t}`, {
 		method: "GET",
 		headers: await n()
 	})).json();
 }
 async function Rt(e, t, n) {
-	await Y(`${e}/${t}`, {
+	await Pt(`${e}/${t}`, {
 		method: "DELETE",
 		headers: await n()
 	});
 }
 async function zt(e, t, n) {
-	let r = await Y(e, {
+	let r = await Pt(e, {
 		method: "POST",
 		headers: await n(),
 		body: JSON.stringify(t)
@@ -808,7 +808,7 @@ async function zt(e, t, n) {
 	return r.status === 204 ? t : r.json();
 }
 async function Bt(e, t, n, r) {
-	let i = await Y(t, {
+	let i = await Pt(t, {
 		method: e,
 		headers: await n(),
 		body: r ? JSON.stringify(r) : void 0
@@ -816,7 +816,7 @@ async function Bt(e, t, n, r) {
 	if (i.status !== 204) return i.json();
 }
 async function Vt(e, t, n) {
-	let r = await Y(`${e}/${t.id}`, {
+	let r = await Pt(`${e}/${t.id}`, {
 		method: "PUT",
 		headers: await n(),
 		body: JSON.stringify(t)
@@ -824,16 +824,16 @@ async function Vt(e, t, n) {
 	return r.status === 204 ? t : r.json();
 }
 function Ht(e, t, n) {
-	let { baseUrl: r, getHeaders: i } = J();
-	return Ot({
+	let { baseUrl: r, getHeaders: i } = Y();
+	return Dt({
 		queryKey: [...Ft(t), String(n?.toString())],
 		queryFn: () => Lt(`${r}${e}`, n, i),
 		enabled: !!n
 	});
 }
 function Ut(e, t, n = !0) {
-	let { baseUrl: r, getHeaders: i } = J();
-	return Ot({
+	let { baseUrl: r, getHeaders: i } = Y();
+	return Dt({
 		queryKey: Ft(t),
 		queryFn: () => It(`${r}${e}`, i),
 		enabled: n
@@ -843,24 +843,24 @@ function Wt(e, t, n) {
 	return Promise.all([e.invalidateQueries({ queryKey: Ft(t) }), ...(n ?? []).map((t) => e.invalidateQueries({ queryKey: t }))]);
 }
 function Gt(e, t, n) {
-	let { baseUrl: r, queryClient: i, getHeaders: a } = J();
-	return kt({
+	let { baseUrl: r, queryClient: i, getHeaders: a } = Y();
+	return Ot({
 		mutationKey: Ft(t),
 		mutationFn: (t) => zt(`${r}${e}`, t, a),
 		onSettled: () => Wt(i, t, n)
 	});
 }
 function Kt(e, t, n) {
-	let { baseUrl: r, queryClient: i, getHeaders: a } = J();
-	return kt({
+	let { baseUrl: r, queryClient: i, getHeaders: a } = Y();
+	return Ot({
 		mutationKey: Ft(t),
 		mutationFn: (t) => Vt(`${r}${e}`, t, a),
 		onSettled: () => Wt(i, t, n)
 	});
 }
 function qt(e, t, n) {
-	let { baseUrl: r, queryClient: i, getHeaders: a } = J();
-	return kt({
+	let { baseUrl: r, queryClient: i, getHeaders: a } = Y();
+	return Ot({
 		mutationKey: Ft(t),
 		mutationFn: (t) => Rt(`${r}${e}`, t, a),
 		onSettled: () => Wt(i, t, n)
@@ -889,16 +889,16 @@ function Qt(e, t) {
 }
 var $t = (e) => e.split(".").pop() ?? e;
 function en(e, t) {
-	return Object.fromEntries((Pt(e) ?? []).filter((e) => t.has($t(e.field))).map((e) => [$t(e.field), e.message]));
+	return Object.fromEntries((Nt(e) ?? []).filter((e) => t.has($t(e.field))).map((e) => [$t(e.field), e.message]));
 }
 function tn(e, t) {
-	let n = Pt(e);
+	let n = Nt(e);
 	if (!n) return e?.message;
 	let r = n.filter((e) => !t.has($t(e.field)));
 	return r.length > 0 ? r.map((e) => e.message).join(", ") : void 0;
 }
 function nn({ fields: e, steps: t, record: r, recordId: i, submitting: a, error: o, onPersist: c, onClose: l }) {
-	let [u, h] = d(0), [g, v] = d(!1), b = _e({
+	let [u, h] = d(0), [g, v] = d(!1), b = ve({
 		mode: "uncontrolled",
 		initialValues: Yt(e),
 		validate: Xt(e)
@@ -923,7 +923,7 @@ function nn({ fields: e, steps: t, record: r, recordId: i, submitting: a, error:
 				required: n,
 				...r
 			}, b.key(e.id));
-			case "date": return /* @__PURE__ */ p(ge, {
+			case "date": return /* @__PURE__ */ p(_e, {
 				valueFormat: "DD.MM.YYYY",
 				clearable: !0,
 				label: e.column.title,
@@ -937,7 +937,7 @@ function nn({ fields: e, steps: t, record: r, recordId: i, submitting: a, error:
 				required: n,
 				...b.getInputProps(e.id, { type: "checkbox" })
 			}, b.key(e.id));
-			case "textarea": return /* @__PURE__ */ p(ue, {
+			case "textarea": return /* @__PURE__ */ p(de, {
 				minRows: 3,
 				autosize: !0,
 				label: e.column.title,
@@ -952,7 +952,7 @@ function nn({ fields: e, steps: t, record: r, recordId: i, submitting: a, error:
 				error: r.error,
 				required: n
 			});
-			default: return /* @__PURE__ */ p(le, {
+			default: return /* @__PURE__ */ p(ue, {
 				type: e.id.includes("email") ? "email" : void 0,
 				label: e.column.title,
 				placeholder: e.placeholder ?? "",
@@ -980,10 +980,10 @@ function nn({ fields: e, steps: t, record: r, recordId: i, submitting: a, error:
 			}
 			E && !D ? h((e) => e + 1) : (b.setInitialValues(t), b.reset(), l());
 		}),
-		children: [E ? /* @__PURE__ */ p(re, {
+		children: [E ? /* @__PURE__ */ p(R, {
 			active: u,
 			size: "sm",
-			children: w.map((e) => /* @__PURE__ */ p(re.Step, {
+			children: w.map((e) => /* @__PURE__ */ p(R.Step, {
 				...t?.[e - 1] ? { label: t[e - 1].label } : {},
 				children: k(e)
 			}, e))
@@ -1043,7 +1043,7 @@ function X() {
 //#endregion
 //#region node_modules/mantine-datatable/dist/index.mjs
 function Z(e, t, n) {
-	return e ? pe({
+	return e ? me({
 		color: typeof e == "object" ? e[n] : e,
 		theme: t
 	}).value : void 0;
@@ -1080,7 +1080,7 @@ function cn({ theme: e, color: t, backgroundColor: n }) {
 		"--mantine-datatable-row-background-color-dark": Z(n, e, "dark")
 	};
 }
-var [ln, un] = fe("useDataTableColumnsContext must be used within DataTableColumnProvider"), dn = (e) => {
+var [ln, un] = pe("useDataTableColumnsContext must be used within DataTableColumnProvider"), dn = (e) => {
 	let { children: t, columnsOrder: n, setColumnsOrder: r, columnsToggle: i, setColumnsToggle: a, columnsPinning: o, setColumnsPinning: s, resetColumnsOrder: c, resetColumnsToggle: l, resetColumnsPinning: u, setColumnWidth: f, setMultipleColumnWidths: m, resetColumnsWidth: h, beginResize: g, endResize: _, pinnedMap: v } = e, [y, b] = d(""), [x, S] = d("");
 	return p(ln, {
 		value: {
@@ -1150,7 +1150,7 @@ function mn({ icon: e, text: t, active: n, children: r }) {
 		children: r || m(f, { children: [e || p("div", {
 			className: "mantine-datatable-empty-state-icon",
 			children: p(pn, {})
-		}), p(V, {
+		}), p(B, {
 			component: "div",
 			size: "sm",
 			c: "dimmed",
@@ -1206,7 +1206,7 @@ function En({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
 		defaultPinned: e.pinned,
 		pinnable: !!e.pinnable,
 		pinned: e.pinned
-	})), [t]), [i, a] = Ae({
+	})), [t]), [i, a] = je({
 		key: e ? `${e}-columns-pinning` : "",
 		defaultValue: e ? r : void 0,
 		getInitialValueInEffect: n
@@ -1254,7 +1254,7 @@ function En({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
 	};
 }
 function Dn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
-	let r = l(() => t ? t.map((e) => e.accessor) : [], [t]), [i, a] = Ae({
+	let r = l(() => t ? t.map((e) => e.accessor) : [], [t]), [i, a] = je({
 		key: e ? `${e}-columns-order` : "",
 		defaultValue: e ? r : void 0,
 		getInitialValueInEffect: n
@@ -1297,7 +1297,7 @@ function Dn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
 	};
 }
 function On({ key: e, columns: t = [], getInitialValueInEffect: n = !0, headerRef: r }) {
-	let i = l(() => t.some((e) => e.resizable && !e.hidden && e.accessor !== "__selection__"), [t]), o = a(() => t.filter((e) => e.accessor !== "__selection__").map((e) => ({ [e.accessor]: e.width ?? "auto" })), [t]), [c, f] = Ae({
+	let i = l(() => t.some((e) => e.resizable && !e.hidden && e.accessor !== "__selection__"), [t]), o = a(() => t.filter((e) => e.accessor !== "__selection__").map((e) => ({ [e.accessor]: e.width ?? "auto" })), [t]), [c, f] = je({
 		key: e ? `${e}-columns-width` : "",
 		defaultValue: e ? o() : void 0,
 		getInitialValueInEffect: n
@@ -1391,7 +1391,7 @@ function kn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
 		defaultToggle: e.defaultToggle || !0,
 		toggleable: e.toggleable,
 		toggled: e.defaultToggle === void 0 ? !0 : e.defaultToggle
-	})), [t]), [i, a] = Ae({
+	})), [t]), [i, a] = je({
 		key: e ? `${e}-columns-toggle` : "",
 		defaultValue: e ? r : void 0,
 		getInitialValueInEffect: n
@@ -1598,7 +1598,7 @@ function zn({ scrollCallbacks: e, withRowBorders: t }) {
 			$(r.current, "--mantine-datatable-footer-position", i ? "relative" : "sticky"), $(r.current, "--mantine-datatable-footer-bottom", i ? `${e}px` : "0");
 		}
 		function c() {
-			f.current.withRowBorders && t.height < n.height ? $(r.current, In, `${H("1px")} solid var(--mantine-datatable-border-color)`) : $(r.current, In, "unset");
+			f.current.withRowBorders && t.height < n.height ? $(r.current, In, `${V("1px")} solid var(--mantine-datatable-border-color)`) : $(r.current, In, "unset");
 		}
 		h.current = c;
 		function l() {
@@ -1759,12 +1759,12 @@ function Wn(e, t, { getInitialValueInEffect: n } = { getInitialValueInEffect: !0
 	}, [e]), r;
 }
 function Gn(e) {
-	let t = he();
+	let t = ge();
 	return Wn(l(() => e.map((e) => (typeof e == "function" ? e(t) : e) ?? ""), [e, t]), l(() => e.map(() => !0), [e]));
 }
 function Kn(e) {
-	let t = he();
-	return je((typeof e == "function" ? e(t) : e) || "", !0);
+	let t = ge();
+	return Me((typeof e == "function" ? e(t) : e) || "", !0);
 }
 function qn({ rowExpansion: e, records: t, idAccessor: n }) {
 	let r = [];
@@ -1802,7 +1802,7 @@ function qn({ rowExpansion: e, records: t, idAccessor: n }) {
 	}
 }
 function Jn(e, t) {
-	let [n, r] = d(e), [i, a] = d(e), o = Ne(() => r(!0), 0), c = Ne(() => a(!1), t || 200);
+	let [n, r] = d(e), [i, a] = d(e), o = Pe(() => r(!0), 0), c = Pe(() => a(!1), t || 200);
 	return s(() => {
 		e ? (c.clear(), a(!0), o.start()) : (o.clear(), r(!1), c.start());
 	}, [
@@ -1816,7 +1816,7 @@ function Jn(e, t) {
 }
 var Yn = "mantine-datatable-nowrap", Xn = "mantine-datatable-ellipsis", Zn = "mantine-datatable-pointer-cursor", Qn = "mantine-datatable-context-menu-cursor", $n = "mantine-datatable-text-selection-disabled", er = "mantine-datatable-text-align-left", tr = "mantine-datatable-text-align-center", nr = "mantine-datatable-text-align-right";
 function rr({ className: e, style: t, pinnedInfo: n, visibleMediaQuery: r, title: i, noWrap: a, ellipsis: o, textAlign: s, width: c }) {
-	return Kn(r) ? p(oe, {
+	return Kn(r) ? p(z, {
 		"data-pinned": n?.position,
 		"data-pinned-shadow": n?.isBoundary ? n.position : void 0,
 		className: X({
@@ -1843,17 +1843,17 @@ function rr({ className: e, style: t, pinnedInfo: n, visibleMediaQuery: r, title
 	}) : null;
 }
 function ir({ shadowVisible: e }) {
-	return p(oe, {
+	return p(z, {
 		className: "mantine-datatable-footer-selector-placeholder-cell",
 		"data-shadow-visible": e || void 0
 	});
 }
 function ar({ 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(B, { children: [a && p(ir, { shadowVisible: o }), n.map(({ hidden: e, ...t }) => {
+		children: m(ce, { children: [a && p(ir, { 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 +1892,7 @@ function or({ group: { id: e, columns: t, groups: n, title: r, textAlign: i, cla
 		n,
 		_
 	]), y = l(() => d.reduce((e, t) => e + Cn(t, _), 0), [d, _]), b = n && n.length > 0 ? 1 : c - u, x = Tn(f, y + v < h, m);
-	return v > 0 ? p(oe, {
+	return v > 0 ? p(z, {
 		colSpan: v,
 		rowSpan: b > 1 ? b : void 0,
 		"data-pinned": s?.position,
@@ -1950,7 +1950,7 @@ function cr() {
 	});
 }
 function lr({ children: e, isActive: t, filterPopoverProps: n, filterPopoverDisableClickOutside: r }) {
-	let [i, { close: a, toggle: o }] = ke(!1), s = t ? cr : sr, c = Oe(a);
+	let [i, { close: a, toggle: o }] = Ae(!1), s = t ? cr : sr, c = ke(a);
 	return r && (c = void 0), m(P, {
 		withArrow: !0,
 		shadow: "md",
@@ -1959,7 +1959,7 @@ function lr({ children: e, isActive: t, filterPopoverProps: n, filterPopoverDisa
 		opened: i,
 		onClose: a,
 		onDismiss: a,
-		children: [p(te, { children: p(g, {
+		children: [p(ne, { children: p(g, {
 			className: "mantine-datatable-header-cell-filter-action-icon",
 			"data-active": t || void 0,
 			size: "sm",
@@ -1969,7 +1969,7 @@ function lr({ children: e, isActive: t, filterPopoverProps: n, filterPopoverDisa
 			},
 			onKeyDown: (e) => e.stopPropagation(),
 			children: p(s, {})
-		}) }), p(F, {
+		}) }), p(te, {
 			ref: c,
 			onClick: (e) => e.stopPropagation(),
 			onKeyDown: (e) => e.stopPropagation(),
@@ -2135,7 +2135,7 @@ var hr = 50, gr = (e) => {
 	let { accessor: t, columnRef: n } = e, [r, i] = d(!1), o = u(0), s = u({
 		current: 0,
 		next: 0
-	}), { dir: c } = me(), l = c === "rtl", { setMultipleColumnWidths: f, beginResize: m, endResize: h } = un(), g = a((e) => {
+	}), { dir: c } = he(), l = c === "rtl", { setMultipleColumnWidths: f, beginResize: m, endResize: h } = un(), g = a((e) => {
 		if (e.preventDefault(), e.stopPropagation(), !n.current) return;
 		let r = n.current, a = r.nextElementSibling;
 		for (; a;) {
@@ -2271,36 +2271,36 @@ function yr() {
 	});
 }
 function br({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQuery: i, title: a, sortable: o, draggable: s, toggleable: c, pinnable: l, resizable: f, sortIcons: h, textAlign: _, width: y, sortStatus: x, onSortStatusChange: S, filter: C, filterPopoverProps: E, filterPopoverDisableClickOutside: D, filtering: O, sortKey: k }) {
-	let { setSourceColumn: A, setTargetColumn: j, swapColumns: M, columnsToggle: N, setColumnsToggle: ee, columnsPinning: P, setColumnsPinning: F } = un(), [te, I] = d(!1), L = u(null), ne = P?.find((e) => e.accessor === r)?.pinned;
+	let { setSourceColumn: A, setTargetColumn: j, swapColumns: M, columnsToggle: N, setColumnsToggle: ee, columnsPinning: P, setColumnsPinning: te } = un(), [ne, F] = d(!1), I = u(null), re = P?.find((e) => e.accessor === r)?.pinned;
 	if (!Kn(i)) return null;
-	let R = a ?? hn(r), re = typeof R == "string" ? R : void 0, ie = o && S ? (e) => {
+	let L = a ?? hn(r), R = typeof L == "string" ? L : void 0, ie = o && S ? (e) => {
 		e?.defaultPrevented || S({
 			sortKey: k,
 			columnAccessor: r,
 			direction: x?.columnAccessor === r ? x.direction === "asc" ? "desc" : "asc" : x?.direction ?? "asc"
 		});
-	} : void 0, z = (e) => {
-		e.stopPropagation(), A(r), I(!1);
-	}, ae = (e) => {
-		e.preventDefault(), j(r), I(!0);
+	} : void 0, ae = (e) => {
+		e.stopPropagation(), A(r), F(!1);
+	}, oe = (e) => {
+		e.preventDefault(), j(r), F(!0);
 	}, se = () => {
-		j(r), I(!1), M();
-	}, B = () => {
-		I(!0);
+		j(r), F(!1), M();
 	}, ce = () => {
-		I(!1);
-	}, V = (e) => {
+		F(!0);
+	}, le = () => {
+		F(!1);
+	}, B = (e) => {
 		e.stopPropagation(), ee(N.map((e) => e.accessor === r ? {
 			...e,
 			toggled: !1
 		} : e));
-	}, le = (e) => {
-		F((t) => t.map((t) => t.accessor === r ? {
+	}, ue = (e) => {
+		te((t) => t.map((t) => t.accessor === r ? {
 			...t,
 			pinned: e
 		} : t));
 	};
-	return m(oe, {
+	return m(z, {
 		"data-accessor": r,
 		"data-pinned": n?.position,
 		"data-pinned-shadow": n?.isBoundary ? n.position : void 0,
@@ -2329,7 +2329,7 @@ function br({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
 		tabIndex: o ? 0 : void 0,
 		onClick: ie,
 		onKeyDown: (e) => e.key === "Enter" && ie?.(),
-		ref: L,
+		ref: I,
 		children: [m(T, {
 			className: "mantine-datatable-header-cell-sortable-group",
 			justify: "space-between",
@@ -2340,14 +2340,14 @@ function br({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
 					w: "100%",
 					className: X({
 						"mantine-datatable-header-cell-draggable": s,
-						"mantine-datatable-header-cell-drag-over": te
+						"mantine-datatable-header-cell-drag-over": ne
 					}),
 					draggable: s,
-					onDragStart: s ? z : void 0,
-					onDragEnter: s ? B : void 0,
-					onDragOver: s ? ae : void 0,
+					onDragStart: s ? ae : void 0,
+					onDragEnter: s ? ce : void 0,
+					onDragOver: s ? oe : void 0,
 					onDrop: s ? se : void 0,
-					onDragLeave: s ? ce : void 0,
+					onDragLeave: s ? le : void 0,
 					children: [s ? p(b, {
 						role: "img",
 						"aria-label": "Drag column",
@@ -2366,13 +2366,13 @@ function br({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
 							[tr]: _ === "center",
 							[nr]: _ === "right"
 						}, Yn, Xn),
-						title: re,
-						children: R
+						title: R,
+						children: L
 					})]
 				}),
 				l ? p(mr, {
-					currentPinned: ne,
-					onPinChange: le
+					currentPinned: re,
+					onPinChange: ue
 				}) : null,
 				c ? p(b, {
 					className: "mantine-datatable-header-cell-toggleable-icon",
@@ -2381,7 +2381,7 @@ function br({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
 					children: p(g, {
 						size: "xs",
 						variant: "light",
-						onClick: V,
+						onClick: B,
 						children: p(pr, {})
 					})
 				}) : null,
@@ -2405,13 +2405,13 @@ function br({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
 			]
 		}), f && r !== "__selection__" ? p(gr, {
 			accessor: r,
-			columnRef: L
+			columnRef: I
 		}) : null]
 	});
 }
 function xr({ 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(z, {
 		ref: l,
 		className: X("mantine-datatable-header-selector-cell", { [Zn]: n === "cell" && u }, e),
 		style: t,
@@ -2454,7 +2454,7 @@ function Cr({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r
 		checkboxProps: v,
 		onChange: _,
 		rowSpan: c ? D : void 0
-	}) : null, { columnsToggle: k, setColumnsToggle: A } = un(), [j, M] = d(!1), N = o.some((e) => e.toggleable), ee = N ? Object.fromEntries(o.map(({ accessor: e, title: t }) => [e, t ?? hn(String(e))])) : void 0, I = m(se, {
+	}) : null, { columnsToggle: k, setColumnsToggle: A } = un(), [j, M] = d(!1), N = o.some((e) => e.toggleable), ee = N ? Object.fromEntries(o.map(({ accessor: e, title: t }) => [e, t ?? hn(String(e))])) : void 0, F = m(se, {
 		className: X("mantine-datatable-header", t),
 		style: n,
 		ref: w,
@@ -2463,7 +2463,7 @@ function Cr({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r
 		} : void 0,
 		children: [c && Array.from({ length: E }, (e, t) => {
 			let n = wn(c, t);
-			return m(B, { children: [t === 0 && O, n.map((e, r) => p(or, {
+			return m(ce, { children: [t === 0 && O, n.map((e, r) => p(or, {
 				group: e,
 				pinnedInfo: Sr(e, l),
 				maxDepth: E,
@@ -2473,7 +2473,7 @@ function Cr({ 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,
@@ -2510,7 +2510,7 @@ function Cr({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r
 		shadow: "md",
 		opened: j,
 		onChange: M,
-		children: [p(te, { children: I }), p(F, { children: p(R, { children: k.filter((e) => e.toggleable).map((e) => p(T, { children: p(x, {
+		children: [p(ne, { children: F }), p(te, { children: p(L, { children: k.filter((e) => e.toggleable).map((e) => p(T, { children: p(x, {
 			classNames: { label: "mantine-datatable-header-column-toggle-checkbox-label" },
 			size: "xs",
 			label: ee[e.accessor],
@@ -2522,7 +2522,7 @@ function Cr({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r
 				} : n));
 			}
 		}) }, e.accessor)) }) })]
-	}) : I;
+	}) : F;
 }
 function wr({ fetching: e, customContent: t, backgroundBlur: n, size: r, type: i, color: a }) {
 	return p(b, {
@@ -2557,16 +2557,16 @@ function Tr() {
 	});
 }
 var Er = {
-	xs: H(22),
-	sm: H(26),
-	md: H(32),
-	lg: H(38),
-	xl: H(44)
+	xs: V(22),
+	sm: V(26),
+	md: V(32),
+	lg: V(38),
+	xl: V(44)
 };
 function Dr({ size: e, label: t, values: n, value: r, activeTextColor: i, activeBackgroundColor: a, onChange: o }) {
 	return m(T, {
 		gap: "xs",
-		children: [p(V, {
+		children: [p(B, {
 			component: "div",
 			size: e,
 			children: t
@@ -2597,7 +2597,7 @@ function Dr({ size: e, label: t, values: n, value: r, activeTextColor: i, active
 					}) : void 0],
 					disabled: n,
 					onClick: () => o(t),
-					children: p(V, {
+					children: p(B, {
 						component: "div",
 						size: e,
 						children: t
@@ -2617,8 +2617,8 @@ function Or({ className: e, style: t, fetching: n, page: r, onPageChange: i, pag
 			totalRecords: g
 		});
 	} else O = n ? u : d;
-	let k = g && _ ? Math.max(1, Math.ceil(g / _)) : 1, A = g ? (r - 1) * (_ ?? 0) + 1 : void 0, j = g ? (A ?? 1) + (S ?? 0) - 1 : void 0, M = !Kn(({ breakpoints: e }) => `(min-width: ${typeof w == "number" ? `${H(w)}rem` : e[w] || w})`), N = {
-		Text: (e) => p(V, {
+	let k = g && _ ? Math.max(1, Math.ceil(g / _)) : 1, A = g ? (r - 1) * (_ ?? 0) + 1 : void 0, j = g ? (A ?? 1) + (S ?? 0) - 1 : void 0, M = !Kn(({ breakpoints: e }) => `(min-width: ${typeof w == "number" ? `${V(w)}rem` : e[w] || w})`), N = {
+		Text: (e) => p(B, {
 			component: "div",
 			className: "mantine-datatable-pagination-text",
 			size: l,
@@ -2687,7 +2687,7 @@ function Or({ className: e, style: t, fetching: n, page: r, onPageChange: i, pag
 	});
 }
 function kr({ 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 Kn(r) ? p(z, {
+	return Kn(r) ? p(ae, {
 		"data-pinned": n?.position,
 		"data-pinned-shadow": n?.isBoundary ? n.position : void 0,
 		className: X({
@@ -2721,7 +2721,7 @@ function kr({ className: e, style: t, pinnedInfo: n, visibleMediaQuery: r, recor
 }
 function Ar({ open: e, colSpan: t, content: n, collapseProps: r }) {
 	let { expanded: i, visible: a } = Jn(e, r?.transitionDuration);
-	return a ? m(f, { children: [p(B, {}), p(B, { children: p(z, {
+	return a ? m(f, { children: [p(ce, {}), p(ce, { children: p(ae, {
 		className: "mantine-datatable-row-expansion-cell",
 		colSpan: t,
 		children: p(S, {
@@ -2741,7 +2741,7 @@ function jr({ 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(z, {
+	return p(ae, {
 		className: X("mantine-datatable-row-selector-cell", { [Zn]: i === "cell" && d }, e),
 		style: t,
 		"data-shadow-visible": o || void 0,
@@ -2838,7 +2838,7 @@ function Mr({ record: e, index: t, columns: n, defaultColumnProps: r, pinnedMap:
 		rowProps: ee,
 		children: M,
 		expandedElement: N
-	}) : m(f, { children: [p(B, {
+	}) : m(f, { children: [p(ce, {
 		...ee,
 		children: M
 	}), N] });
@@ -2886,7 +2886,7 @@ function Nr({ record: e, index: t, selectionChecked: n, onClick: r, onDoubleClic
 	};
 }
 function Pr({ leftShadowBehind: e, rightShadowBehind: t, onScrollPositionChange: n, children: r, viewportRef: i, scrollAreaProps: a }) {
-	return m(I, {
+	return m(F, {
 		...a,
 		viewportRef: i,
 		classNames: {
@@ -2905,81 +2905,81 @@ function Pr({ leftShadowBehind: e, rightShadowBehind: t, onScrollPositionChange:
 		]
 	});
 }
-function Fr({ 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: ee = (e, t) => ({ "aria-label": `Select record ${t + 1}` }), sortStatus: P, sortIcons: F, onSortStatusChange: te, horizontalSpacing: I, page: L, onPageChange: ne, totalRecords: R, recordsPerPage: re, onRecordsPerPageChange: z, recordsPerPageOptions: ae, recordsPerPageLabel: oe = "Records per page", paginationWithEdges: se, paginationWithControls: B, paginationActiveTextColor: ce, paginationActiveBackgroundColor: V, paginationSize: le = "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: H, loaderBackgroundBlur: me, 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: Ne, onScrollToTop: U, onScrollToBottom: Pe, onScrollToLeft: Fe, onScrollToRight: Ie, c: Le, backgroundColor: Re, borderColor: ze, rowBorderColor: Be, stripedColor: Ve, highlightOnHoverColor: He, rowColor: W, rowBackgroundColor: G, rowExpansion: Ue, rowClassName: We, rowStyle: Ge, customRowAttributes: Ke, scrollViewportRef: qe, scrollAreaProps: Je, tableRef: Ye, bodyRef: Xe, m: Ze, my: Qe, mx: $e, mt: et, mb: tt, ml: nt, mr: rt, className: it, classNames: at, style: ot, styles: st, rowFactory: ct, tableWrapper: lt, ...ut }) {
-	let dt = l(() => y ? Sn(y) : g, [g, y]), { refs: K, onScroll: ft } = zn({
+function Fr({ 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: ee = (e, t) => ({ "aria-label": `Select record ${t + 1}` }), sortStatus: P, sortIcons: te, onSortStatusChange: ne, horizontalSpacing: F, page: I, onPageChange: re, totalRecords: L, recordsPerPage: R, onRecordsPerPageChange: ae, recordsPerPageOptions: oe, recordsPerPageLabel: z = "Records per page", paginationWithEdges: se, paginationWithControls: ce, paginationActiveTextColor: le, paginationActiveBackgroundColor: B, paginationSize: ue = "sm", paginationText: de = ({ from: e, to: t, totalRecords: n }) => `${e} - ${t} / ${n}`, paginationWrapBreakpoint: fe = "sm", getPaginationControlProps: pe = (e) => e === "previous" ? { "aria-label": "Previous page" } : e === "next" ? { "aria-label": "Next page" } : {}, getPaginationItemProps: me, renderPagination: V, loaderBackgroundBlur: he, customLoader: ge, loaderSize: _e, loaderType: ve, loaderColor: ye, loadingText: be = "...", emptyState: xe, noRecordsText: Se = "No records", noRecordsIcon: Ce, highlightOnHover: we, striped: Te, noHeader: Ee, onRowClick: De, onRowDoubleClick: Oe, onRowContextMenu: ke, onCellClick: Ae, onCellDoubleClick: je, onCellContextMenu: Me, onScroll: Pe, onScrollToTop: H, onScrollToBottom: Fe, onScrollToLeft: Ie, onScrollToRight: U, c: Le, backgroundColor: Re, borderColor: ze, rowBorderColor: Be, stripedColor: Ve, highlightOnHoverColor: He, rowColor: W, rowBackgroundColor: Ue, rowExpansion: We, rowClassName: Ge, rowStyle: Ke, customRowAttributes: qe, scrollViewportRef: G, scrollAreaProps: K, tableRef: Je, bodyRef: Ye, m: Xe, my: Ze, mx: Qe, mt: $e, mb: et, ml: tt, mr: nt, className: rt, classNames: it, style: at, styles: ot, rowFactory: st, tableWrapper: ct, ...lt }) {
+	let ut = l(() => y ? Sn(y) : g, [g, y]), { refs: q, onScroll: dt } = zn({
 		scrollCallbacks: {
-			onScroll: Ne,
-			onScrollToTop: U,
-			onScrollToBottom: Pe,
-			onScrollToLeft: Fe,
-			onScrollToRight: Ie
+			onScroll: Pe,
+			onScrollToTop: H,
+			onScrollToBottom: Fe,
+			onScrollToLeft: Ie,
+			onScrollToRight: U
 		},
-		withRowBorders: ut.withRowBorders
-	}), q = An({
+		withRowBorders: lt.withRowBorders
+	}), J = An({
 		key: _,
-		columns: dt,
-		headerRef: K.header,
-		scrollViewportRef: K.scrollViewport
-	}), pt = q.effectiveColumns, mt = Me(K.table, Ye), ht = Me(K.scrollViewport, qe), gt = u(null), _t = Me(gt, Xe), vt = qn({
-		rowExpansion: Ue,
+		columns: ut,
+		headerRef: q.header,
+		scrollViewportRef: q.scrollViewport
+	}), ft = J.effectiveColumns, pt = Ne(q.table, Je), mt = Ne(q.scrollViewport, G), ht = u(null), gt = Ne(ht, Ye), _t = qn({
+		rowExpansion: We,
 		records: T,
 		idAccessor: w
-	}), { pinnedMap: yt, hasLeftPinned: bt, hasRightPinned: xt } = Bn({
-		columns: pt,
-		theadRef: K.header,
-		tbodyRef: gt,
-		selectionColumnHeaderRef: K.selectionColumnHeader,
+	}), { pinnedMap: vt, hasLeftPinned: yt, hasRightPinned: bt } = Bn({
+		columns: ft,
+		theadRef: q.header,
+		tbodyRef: ht,
+		selectionColumnHeaderRef: q.selectionColumnHeader,
 		selectionVisible: !!D,
 		pinFirstColumn: b,
 		pinLastColumn: x
-	}), St = u(!1), Ct = u(L), wt = u(T), Tt = a((e) => {
-		St.current = !0, wt.current = T, ne(e);
-	}, [ne, T]);
+	}), xt = u(!1), St = u(I), Ct = u(T), wt = a((e) => {
+		xt.current = !0, Ct.current = T, re(e);
+	}, [re, T]);
 	s(() => {
-		Ct.current !== L && (St.current = !0, wt.current = T, Ct.current = L);
-	}, [L, T]);
-	let Et = T?.length;
+		St.current !== I && (xt.current = !0, Ct.current = T, St.current = I);
+	}, [I, T]);
+	let Tt = T?.length;
 	c(() => {
-		if (!St.current || h || T === wt.current) return;
-		let e = K.scrollViewport.current;
+		if (!xt.current || h || T === Ct.current) return;
+		let e = q.scrollViewport.current;
 		if (!e) return;
 		let t = requestAnimationFrame(() => {
 			e.scrollTo({
 				top: 0,
 				left: 0
-			}), St.current = !1;
+			}), xt.current = !1;
 		});
 		return () => cancelAnimationFrame(t);
 	}, [
 		h,
 		T,
-		K.scrollViewport
+		q.scrollViewport
 	]);
-	let Dt = T?.map((e) => Q(e, w)), Ot = !!D, kt = D?.map((e) => Q(e, w)), At = Dt !== void 0 && kt !== void 0 && kt.length > 0, jt = j ? T?.filter(j) : T, Mt = jt?.map((e) => Q(e, w)), J = At && Mt.every((e) => kt.includes(e)), Nt = At && Mt.some((e) => kt.includes(e)), Pt = a(() => {
-		D && O && O(J ? D.filter((e) => !Mt.includes(Q(e, w))) : yn([...D, ...jt], (e) => Q(e, w)));
+	let Et = T?.map((e) => Q(e, w)), Dt = !!D, Ot = D?.map((e) => Q(e, w)), kt = Et !== void 0 && Ot !== void 0 && Ot.length > 0, At = j ? T?.filter(j) : T, jt = At?.map((e) => Q(e, w)), Y = kt && jt.every((e) => Ot.includes(e)), Mt = kt && jt.some((e) => Ot.includes(e)), Nt = a(() => {
+		D && O && O(Y ? D.filter((e) => !jt.includes(Q(e, w))) : yn([...D, ...At], (e) => Q(e, w)));
 	}, [
-		J,
+		Y,
 		w,
 		O,
-		Mt,
 		jt,
+		At,
 		D
-	]), { lastSelectionChangeIndex: Y, setLastSelectionChangeIndex: Ft } = Vn(Dt), It = Ot && !bt, Lt = {
-		m: Ze,
-		my: Qe,
-		mx: $e,
-		mt: et,
-		mb: tt,
-		ml: nt,
-		mr: rt
-	}, Rt = a(({ children: e }) => lt ? lt({ children: e }) : e, [lt]);
+	]), { lastSelectionChangeIndex: Pt, setLastSelectionChangeIndex: Ft } = Vn(Et), It = Dt && !yt, Lt = {
+		m: Xe,
+		my: Ze,
+		mx: Qe,
+		mt: $e,
+		mb: et,
+		ml: tt,
+		mr: nt
+	}, Rt = a(({ children: e }) => ct ? ct({ children: e }) : e, [ct]);
 	return p(dn, {
-		...q,
-		pinnedMap: yt,
+		...J,
+		pinnedMap: vt,
 		children: m(v, {
-			ref: K.root,
+			ref: q.root,
 			...Lt,
-			className: X("mantine-datatable", { "mantine-datatable-with-border": e }, it, at?.root),
+			className: X("mantine-datatable", { "mantine-datatable-with-border": e }, rt, it?.root),
 			style: [
 				(e) => ({
 					...on({
@@ -2997,58 +2997,58 @@ function Fr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 					minHeight: i,
 					maxHeight: o
 				}),
-				ot,
-				st?.root,
+				at,
+				ot?.root,
 				{ position: "relative" }
 			],
 			children: [
 				p(Pr, {
-					viewportRef: ht,
-					leftShadowBehind: Ot || bt,
-					rightShadowBehind: xt,
-					onScrollPositionChange: ft,
-					scrollAreaProps: Je,
+					viewportRef: mt,
+					leftShadowBehind: Dt || yt,
+					rightShadowBehind: bt,
+					onScrollPositionChange: dt,
+					scrollAreaProps: K,
 					children: p(Rt, { children: m(ie, {
-						ref: mt,
-						horizontalSpacing: I,
+						ref: pt,
+						horizontalSpacing: F,
 						className: X("mantine-datatable-table", {
 							[$n]: n,
 							"mantine-datatable-vertical-align-top": f === "top",
 							"mantine-datatable-vertical-align-bottom": f === "bottom",
-							"mantine-datatable-selection-column-visible": Ot,
-							"mantine-datatable-resizable-columns": q.hasResizableColumns,
-							"mantine-datatable-resize-locked": q.isLocked,
-							"mantine-datatable-resizing": q.isResizing
-						}, at?.table),
+							"mantine-datatable-selection-column-visible": Dt,
+							"mantine-datatable-resizable-columns": J.hasResizableColumns,
+							"mantine-datatable-resize-locked": J.isLocked,
+							"mantine-datatable-resizing": J.isResizing
+						}, it?.table),
 						style: {
-							...st?.table,
-							...q.isLocked ? { tableLayout: "fixed" } : null,
-							...q.tableWidth == null ? null : { width: `${q.tableWidth}px` }
+							...ot?.table,
+							...J.isLocked ? { tableLayout: "fixed" } : null,
+							...J.tableWidth == null ? null : { width: `${J.tableWidth}px` }
 						},
-						"data-striped": Et && we || void 0,
-						"data-highlight-on-hover": Ce || void 0,
-						...ut,
+						"data-striped": Tt && Te || void 0,
+						"data-highlight-on-hover": we || void 0,
+						...lt,
 						children: [
-							Te ? null : p(dn, {
-								...q,
-								pinnedMap: yt,
+							Ee ? null : p(dn, {
+								...J,
+								pinnedMap: vt,
 								children: p(Cr, {
-									ref: K.header,
-									selectionColumnHeaderRef: K.selectionColumnHeader,
-									className: at?.header,
-									style: st?.header,
-									columns: pt,
+									ref: q.header,
+									selectionColumnHeaderRef: q.selectionColumnHeader,
+									className: it?.header,
+									style: ot?.header,
+									columns: ft,
 									defaultColumnProps: S,
 									groups: y,
-									pinnedMap: yt,
+									pinnedMap: vt,
 									sortStatus: P,
-									sortIcons: F,
-									onSortStatusChange: te,
+									sortIcons: te,
+									onSortStatusChange: ne,
 									selectionTrigger: E,
-									selectionVisible: Ot,
-									selectionChecked: J,
-									selectionIndeterminate: Nt && !J,
-									onSelectionChange: Pt,
+									selectionVisible: Dt,
+									selectionChecked: Y,
+									selectionIndeterminate: Mt && !Y,
+									onSelectionChange: Nt,
 									selectionCheckboxProps: {
 										...M,
 										...N
@@ -3056,105 +3056,105 @@ function Fr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 									selectorCellShadowVisible: It,
 									selectionColumnClassName: k,
 									selectionColumnStyle: A,
-									withColumnBorders: ut.withColumnBorders
+									withColumnBorders: lt.withColumnBorders
 								})
 							}),
 							p("tbody", {
-								ref: _t,
-								children: Et ? T.map((e, t) => {
-									let n = Q(e, w), r = kt?.includes(n) || !1, i;
+								ref: gt,
+								children: Tt ? T.map((e, t) => {
+									let n = Q(e, w), r = Ot?.includes(n) || !1, i;
 									return O && D && (i = (i) => {
-										if (i.nativeEvent.shiftKey && Y !== null) {
-											let e = T.filter(t > Y ? (e, n) => n >= Y && n <= t && (j ? j(e, n) : !0) : (e, n) => n >= t && n <= Y && (j ? j(e, n) : !0));
+										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));
 											O(r ? vn(D, e, (e) => Q(e, w)) : yn([...D, ...e], (e) => Q(e, w)));
 										} else O(r ? D.filter((e) => Q(e, w) !== n) : yn([...D, e], (e) => Q(e, w)));
 										Ft(t);
 									}), p(Mr, {
 										record: e,
 										index: t,
-										columns: pt,
+										columns: ft,
 										defaultColumnProps: S,
-										pinnedMap: yt,
+										pinnedMap: vt,
 										defaultColumnRender: C,
 										selectionTrigger: E,
-										selectionVisible: Ot,
+										selectionVisible: Dt,
 										selectionChecked: r,
 										onSelectionChange: i,
 										isRecordSelectable: j,
 										selectionCheckboxProps: M,
 										getSelectionCheckboxProps: ee,
-										onClick: Ee,
-										onDoubleClick: De,
-										onCellClick: ke,
-										onCellDoubleClick: Ae,
-										onContextMenu: Oe,
-										onCellContextMenu: je,
-										expansion: vt,
+										onClick: De,
+										onDoubleClick: Oe,
+										onCellClick: Ae,
+										onCellDoubleClick: je,
+										onContextMenu: ke,
+										onCellContextMenu: Me,
+										expansion: _t,
 										color: W,
-										backgroundColor: G,
-										className: We,
-										style: Ge,
-										customAttributes: Ke,
+										backgroundColor: Ue,
+										className: Ge,
+										style: Ke,
+										customAttributes: qe,
 										selectorCellShadowVisible: It,
 										selectionColumnClassName: k,
 										selectionColumnStyle: A,
 										idAccessor: w,
-										rowFactory: ct
+										rowFactory: st
 									}, n);
 								}) : p(fn, {})
 							}),
-							pt.some(({ footer: e }) => e) && p(ar, {
-								ref: K.footer,
-								className: at?.footer,
-								style: st?.footer,
-								columns: pt,
+							ft.some(({ footer: e }) => e) && p(ar, {
+								ref: q.footer,
+								className: it?.footer,
+								style: ot?.footer,
+								columns: ft,
 								defaultColumnProps: S,
-								pinnedMap: yt,
-								selectionVisible: Ot,
+								pinnedMap: vt,
+								selectionVisible: Dt,
 								selectorCellShadowVisible: It
 							})
 						]
 					}) })
 				}),
-				!!(L && Et) && p(Or, {
-					className: at?.pagination,
-					style: st?.pagination,
-					horizontalSpacing: I,
+				!!(I && Tt) && p(Or, {
+					className: it?.pagination,
+					style: ot?.pagination,
+					horizontalSpacing: F,
 					fetching: h,
-					page: L,
-					onPageChange: Tt,
-					totalRecords: R,
-					recordsPerPage: re,
-					onRecordsPerPageChange: z,
-					recordsPerPageOptions: ae,
-					recordsPerPageLabel: oe,
+					page: I,
+					onPageChange: wt,
+					totalRecords: L,
+					recordsPerPage: R,
+					onRecordsPerPageChange: ae,
+					recordsPerPageOptions: oe,
+					recordsPerPageLabel: z,
 					paginationWithEdges: se,
-					paginationWithControls: B,
-					paginationActiveTextColor: ce,
-					paginationActiveBackgroundColor: V,
-					paginationSize: le,
-					paginationText: ue,
-					paginationWrapBreakpoint: de,
-					getPaginationControlProps: fe,
-					getPaginationItemProps: pe,
-					noRecordsText: xe,
-					loadingText: ye,
-					recordsLength: Et,
-					renderPagination: H
+					paginationWithControls: ce,
+					paginationActiveTextColor: le,
+					paginationActiveBackgroundColor: B,
+					paginationSize: ue,
+					paginationText: de,
+					paginationWrapBreakpoint: fe,
+					getPaginationControlProps: pe,
+					getPaginationItemProps: me,
+					noRecordsText: Se,
+					loadingText: be,
+					recordsLength: Tt,
+					renderPagination: V
 				}),
 				p(wr, {
 					fetching: h,
-					backgroundBlur: me,
-					customContent: he,
-					size: ge,
-					type: _e,
-					color: ve
+					backgroundBlur: he,
+					customContent: ge,
+					size: _e,
+					type: ve,
+					color: ye
 				}),
 				p(mn, {
-					icon: Se,
-					text: xe,
-					active: !h && !Et,
-					children: be
+					icon: Ce,
+					text: Se,
+					active: !h && !Tt,
+					children: xe
 				})
 			]
 		})
@@ -3164,18 +3164,18 @@ function Fr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 //#region src/DataTable/UpdateModal.tsx
 function Ir({ fields: e, onClose: t, queryKey: n, connectedQueryKeys: r, apiPath: i, id: a, steps: o }) {
 	let { data: s, isLoading: c } = Ht(i, n, a), { mutateAsync: l, isPending: u, error: d } = Kt(i, n, r);
-	return c || !s ? /* @__PURE__ */ m(R, {
+	return c || !s ? /* @__PURE__ */ m(L, {
 		gap: "md",
 		children: [
-			/* @__PURE__ */ p(ne, { height: 40 }),
-			Array.from({ length: e.length }).map((e, t) => /* @__PURE__ */ p(ne, { height: 35 }, t)),
+			/* @__PURE__ */ p(re, { height: 40 }),
+			Array.from({ length: e.length }).map((e, t) => /* @__PURE__ */ p(re, { height: 35 }, t)),
 			/* @__PURE__ */ m(T, {
 				mt: "md",
 				justify: "end",
-				children: [/* @__PURE__ */ p(ne, {
+				children: [/* @__PURE__ */ p(re, {
 					width: 100,
 					height: 36
-				}), /* @__PURE__ */ p(ne, {
+				}), /* @__PURE__ */ p(re, {
 					width: 100,
 					height: 36
 				})]
@@ -3210,7 +3210,7 @@ function Lr({ queryKey: e, connectedQueryKeys: t, apiPath: n, onClose: r, select
 			title: l.name,
 			children: l.message
 		}),
-		/* @__PURE__ */ p(V, { children: a ? a(h) : h.length === 1 ? `Soll ${h.length} Eintrag wirklich gelöscht werden?` : `Sollen ${h.length} Einträge wirklich gelöscht werden?` }),
+		/* @__PURE__ */ p(B, { children: a ? a(h) : h.length === 1 ? `Soll ${h.length} Eintrag wirklich gelöscht werden?` : `Sollen ${h.length} Einträge wirklich gelöscht werden?` }),
 		/* @__PURE__ */ m(T, {
 			mt: "md",
 			justify: "end",
@@ -3360,7 +3360,7 @@ function Yr({ rows: e }) {
 		gap: "md",
 		py: "xs",
 		px: "sm",
-		children: [/* @__PURE__ */ p(V, {
+		children: [/* @__PURE__ */ p(B, {
 			fw: 700,
 			fz: "sm",
 			style: { flexShrink: 0 },
@@ -3394,13 +3394,13 @@ function Qr(e, t) {
 	let n = t.column;
 	if (n.render) return n.render(e, 0);
 	let r = Zr(e, n.accessor ?? t.id);
-	return r == null ? /* @__PURE__ */ p(V, {
+	return r == null ? /* @__PURE__ */ p(B, {
 		c: "dimmed",
 		children: "–"
-	}) : typeof r == "boolean" ? /* @__PURE__ */ p(V, {
+	}) : typeof r == "boolean" ? /* @__PURE__ */ p(B, {
 		fz: "sm",
 		children: r ? "Ja" : "Nein"
-	}) : /* @__PURE__ */ p(V, {
+	}) : /* @__PURE__ */ p(B, {
 		fz: "sm",
 		children: String(r)
 	});
@@ -3414,29 +3414,29 @@ function $r({ records: e, fields: n, onRowClick: r, actions: i, canUpdate: a, ca
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, w = n.filter((e) => e.list && e.column && !e.column.hidden), D = n.filter((e) => e.column && e.column.filter != null), k = D.filter((e) => e.column.filtering).map((e) => e.id), A = k.length > 0, j = A ? k : D.slice(0, 1).map((e) => e.id), [M, N] = d(!1), F = w.filter((e) => e.column.sortable !== !1).reduce((e, t) => {
+	}, w = n.filter((e) => e.list && e.column && !e.column.hidden), D = n.filter((e) => e.column && e.column.filter != null), k = D.filter((e) => e.column.filtering).map((e) => e.id), A = k.length > 0, j = A ? k : D.slice(0, 1).map((e) => e.id), [M, N] = d(!1), te = w.filter((e) => e.column.sortable !== !1).reduce((e, t) => {
 		let n = t.column.accessor ?? t.id;
 		return e.some((e) => e.value === n) || e.push({
 			value: n,
 			label: t.column.title ?? t.id
 		}), e;
-	}, []), te = (e, t, n) => {
+	}, []), ne = (e, t, n) => {
 		r?.({
 			record: e,
 			index: t,
 			event: n
 		});
 	};
-	return /* @__PURE__ */ m(R, {
+	return /* @__PURE__ */ m(L, {
 		gap: "sm",
 		my: "md",
 		children: [
-			(c && F.length > 0 || D.length > 0) && /* @__PURE__ */ m(T, {
+			(c && te.length > 0 || D.length > 0) && /* @__PURE__ */ m(T, {
 				gap: "xs",
 				wrap: "nowrap",
 				justify: "flex-end",
-				children: [c && F.length > 0 && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(L, {
-					data: F,
+				children: [c && te.length > 0 && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(I, {
+					data: te,
 					value: c.field,
 					onChange: (e) => e && c.onSortChange(e, c.direction),
 					allowDeselect: !1,
@@ -3445,7 +3445,7 @@ function $r({ records: e, fields: n, onRowClick: r, actions: i, canUpdate: a, ca
 					variant: "filled",
 					size: "input-sm",
 					onClick: () => c.onSortChange(c.field, c.direction === "asc" ? "desc" : "asc"),
-					children: c.direction === "asc" ? /* @__PURE__ */ p(Te, { size: 18 }) : /* @__PURE__ */ p(Ee, { size: 18 })
+					children: c.direction === "asc" ? /* @__PURE__ */ p(Ee, { size: 18 }) : /* @__PURE__ */ p(De, { size: 18 })
 				})] }), D.length > 0 && /* @__PURE__ */ m(P, {
 					opened: M,
 					onChange: N,
@@ -3463,7 +3463,7 @@ function $r({ records: e, fields: n, onRowClick: r, actions: i, canUpdate: a, ca
 							size: "input-sm",
 							onClick: () => N((e) => !e),
 							"aria-label": "Filter",
-							children: /* @__PURE__ */ p(xe, { size: 18 })
+							children: /* @__PURE__ */ p(Se, { size: 18 })
 						})
 					}) }), /* @__PURE__ */ p(P.Dropdown, {
 						p: 0,
@@ -3478,7 +3478,7 @@ function $r({ records: e, fields: n, onRowClick: r, actions: i, canUpdate: a, ca
 								value: e.id,
 								children: [/* @__PURE__ */ p(h.Control, { children: /* @__PURE__ */ m(T, {
 									gap: "xs",
-									children: [/* @__PURE__ */ p(V, {
+									children: [/* @__PURE__ */ p(B, {
 										fw: 600,
 										fz: "sm",
 										children: e.column.title ?? e.id
@@ -3494,7 +3494,7 @@ function $r({ records: e, fields: n, onRowClick: r, actions: i, canUpdate: a, ca
 					})]
 				})]
 			}),
-			e.length === 0 && /* @__PURE__ */ p(V, {
+			e.length === 0 && /* @__PURE__ */ p(B, {
 				c: "dimmed",
 				ta: "center",
 				py: "xl",
@@ -3513,7 +3513,7 @@ function $r({ records: e, fields: n, onRowClick: r, actions: i, canUpdate: a, ca
 						w: "100%",
 						style: { cursor: r || c ? "pointer" : "default" },
 						onClick: (t) => {
-							c && !r ? x(s) : te(e, n, t);
+							c && !r ? x(s) : ne(e, n, t);
 						},
 						children: [i && i.length > 0 && /* @__PURE__ */ p(T, {
 							px: "sm",
@@ -3529,7 +3529,7 @@ function $r({ records: e, fields: n, onRowClick: r, actions: i, canUpdate: a, ca
 										color: "gray",
 										size: "sm",
 										onClick: (e) => e.stopPropagation(),
-										children: /* @__PURE__ */ p(be, { size: 16 })
+										children: /* @__PURE__ */ p(xe, { size: 16 })
 									}) }), /* @__PURE__ */ p(O.Dropdown, { children: t.map((t, n) => /* @__PURE__ */ p(O.Item, {
 										leftSection: t.icon,
 										onClick: (n) => {
@@ -3553,7 +3553,7 @@ function $r({ records: e, fields: n, onRowClick: r, actions: i, canUpdate: a, ca
 					})]
 				}) }, s);
 			}),
-			s && s.totalRecords > s.recordsPerPage && /* @__PURE__ */ m(R, {
+			s && s.totalRecords > s.recordsPerPage && /* @__PURE__ */ m(L, {
 				gap: "xs",
 				mt: "sm",
 				children: [/* @__PURE__ */ p(T, {
@@ -3567,11 +3567,11 @@ function $r({ records: e, fields: n, onRowClick: r, actions: i, canUpdate: a, ca
 				}), s.recordsPerPageOptions && s.onRecordsPerPageChange && /* @__PURE__ */ m(T, {
 					justify: "center",
 					gap: "xs",
-					children: [/* @__PURE__ */ p(V, {
+					children: [/* @__PURE__ */ p(B, {
 						fz: "xs",
 						c: "dimmed",
 						children: "Einträge pro Seite:"
-					}), /* @__PURE__ */ p(L, {
+					}), /* @__PURE__ */ p(I, {
 						data: s.recordsPerPageOptions.map((e) => ({
 							value: String(e),
 							label: String(e)
@@ -3596,21 +3596,33 @@ var ei = [
 	100,
 	500
 ];
-function ti({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutationApiPath: a, buttons: o, fields: c, selection: l, pagination: h, filters: b, actions: x, steps: S, defaultSort: C, onSortChange: E, createButtonText: D, queryParams: k, tabs: A, defaultTab: j, activeTab: N, onActiveTabChange: ee, canUpdate: P, canDelete: F, showRefresh: te = !0, rowExpansion: I, onRowClick: L, mobileCards: re = !1, deleteConfirmMessage: ie, editRecordId: z, onEditRecordIdChange: ae }) {
-	let [oe, se] = d(j || (A && A.length > 0 ? A[0].value : null)), B = N === void 0 ? oe : N, V = (e) => {
-		N === void 0 && se(e), ee && ee(e);
-	}, le = A?.find((e) => e.value === B), ue = le?.queryParams || {}, fe = le?.apiPath ?? r, pe = le?.mutationApiPath ?? a ?? fe, H = {
+function ti({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutationApiPath: a, buttons: o, fields: c, selection: l, pagination: h, filters: b, actions: x, steps: S, defaultSort: C, onSortChange: E, createButtonText: D, queryParams: k, tabs: A, defaultTab: j, activeTab: N, onActiveTabChange: ee, canUpdate: P, canDelete: te, showRefresh: ne = !0, onRefresh: F, autoPoll: I, rowExpansion: R, onRowClick: ie, mobileCards: ae = !1, deleteConfirmMessage: oe, editRecordId: z, onEditRecordIdChange: se }) {
+	let [ce, B] = d(j || (A && A.length > 0 ? A[0].value : null)), ue = N === void 0 ? ce : N, de = (e) => {
+		N === void 0 && B(e), ee && ee(e);
+	}, pe = A?.find((e) => e.value === ue), me = pe?.queryParams || {}, V = pe?.apiPath ?? r, he = pe?.mutationApiPath ?? a ?? V, ge = {
 		...k,
-		...ue
-	}, me = H ? "?" + Object.entries(H).filter(([, e]) => e != null).map(([e, t]) => `${e}=${encodeURIComponent(t ?? "")}`).join("&") : "", he = B ? [...t, B] : t, { data: ge, isLoading: _e, isError: be, isRefetching: xe, refetch: Te } = Ut(fe + me, he), Ee = Jr(Array.isArray(ge) ? ge : [], b), [Oe, ke] = d({
+		...me
+	}, _e = ge ? "?" + Object.entries(ge).filter(([, e]) => e != null).map(([e, t]) => `${e}=${encodeURIComponent(t ?? "")}`).join("&") : "", ve = ue ? [...t, ue] : t, { data: xe, isLoading: Se, isError: Ee, isRefetching: De, refetch: ke } = Ut(V + _e, ve), Ae = Jr(Array.isArray(xe) ? xe : [], b), [je, Me] = d(!1), Ne = u(() => {});
+	s(() => {
+		Ne.current = F ?? (() => ke());
+	});
+	let Pe = typeof I == "function" ? I(Array.isArray(xe) ? xe : []) : I ?? !1;
+	s(() => {
+		if (!Pe) return;
+		let e = setInterval(() => {
+			Promise.resolve(Ne.current()).catch(() => {});
+		}, Pe);
+		return () => clearInterval(e);
+	}, [Pe]);
+	let [H, Fe] = d({
 		columnAccessor: C?.field ?? c[0].id,
 		direction: C?.direction ?? "desc"
-	}), Ae = (e) => {
-		ke(e), E && E(String(e.columnAccessor), e.direction);
-	}, je = Hr(Ee, Oe.columnAccessor, Oe.direction), [Me, Ne] = Rr(ei[1], "mantine-table-page-size"), [U, Pe] = d(1), Fe = h ? je.slice((U - 1) * Me, U * Me) : je, [Ie, Le] = d([]), Re = I?.expanded?.recordIds ?? Ie, ze = I?.expanded?.onRecordIdsChange ?? Le, Be = (e) => {
-		Re.includes(e) ? ze(Re.filter((t) => t !== e)) : ze(I?.allowMultiple ? [...Re, e] : [e]);
-	}, Ve = c.findIndex((e) => e.list && e.column && !e.column.hidden), He = I && Ve >= 0 ? c.map((e, t) => {
-		if (t !== Ve) return e;
+	}), Ie = (e) => {
+		Fe(e), E && E(String(e.columnAccessor), e.direction);
+	}, U = Hr(Ae, H.columnAccessor, H.direction), [Le, Re] = Rr(ei[1], "mantine-table-page-size"), [ze, Be] = d(1), Ve = h ? U.slice((ze - 1) * Le, ze * Le) : U, [He, W] = d([]), Ue = R?.expanded?.recordIds ?? He, We = R?.expanded?.onRecordIdsChange ?? W, Ge = (e) => {
+		Ue.includes(e) ? We(Ue.filter((t) => t !== e)) : We(R?.allowMultiple ? [...Ue, e] : [e]);
+	}, Ke = c.findIndex((e) => e.list && e.column && !e.column.hidden), qe = R && Ke >= 0 ? c.map((e, t) => {
+		if (t !== Ke) return e;
 		let n = e.column.render;
 		return {
 			...e,
@@ -3620,22 +3632,22 @@ function ti({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 					gap: "xs",
 					wrap: "nowrap",
 					align: "center",
-					children: [!I.expandable || I.expandable(t) ? /* @__PURE__ */ p(v, {
+					children: [!R.expandable || R.expandable(t) ? /* @__PURE__ */ p(v, {
 						component: "span",
 						"aria-label": "Aufklappen",
 						onClick: (e) => {
-							e.stopPropagation(), Be(t.id);
+							e.stopPropagation(), Ge(t.id);
 						},
 						style: {
 							display: "inline-flex",
 							flexShrink: 0,
 							cursor: "pointer"
 						},
-						children: /* @__PURE__ */ p(ye, {
+						children: /* @__PURE__ */ p(be, {
 							size: 16,
 							style: {
 								color: "var(--mantine-primary-color-filled)",
-								transform: Re.includes(t.id) ? "rotate(90deg)" : void 0,
+								transform: Ue.includes(t.id) ? "rotate(90deg)" : void 0,
 								transition: "transform 200ms ease"
 							}
 						})
@@ -3646,32 +3658,32 @@ function ti({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 				})
 			}
 		};
-	}) : c, [W, G] = d([]);
+	}) : c, [G, K] = d([]);
 	s(() => {
-		G([]);
-	}, [B]);
-	let [Ue, We] = d(!1), [Ge, Ke] = d(!1), [qe, Je] = d(!1), Ye = u(null);
+		K([]);
+	}, [ue]);
+	let [Je, Ye] = d(!1), [Xe, Ze] = d(!1), [Qe, $e] = d(!1), et = u(null);
 	s(() => {
 		if (!z) {
-			Ye.current = null;
+			et.current = null;
 			return;
 		}
-		if (Ye.current === z) return;
-		let e = je.find((e) => e.id === z);
-		e && (Ye.current = z, G([e]), Ke(!0), ae?.(null));
-	}, [z, je]);
-	let Xe = c.some((e) => e.update), Ze = c.some((e) => e.delete), Qe = [];
-	return Xe && Qe.push({
-		icon: /* @__PURE__ */ p(Ce, { size: 14 }),
+		if (et.current === z) return;
+		let e = U.find((e) => e.id === z);
+		e && (et.current = z, K([e]), Ze(!0), se?.(null));
+	}, [z, U]);
+	let tt = c.some((e) => e.update), nt = c.some((e) => e.delete), rt = [];
+	return tt && rt.push({
+		icon: /* @__PURE__ */ p(we, { size: 14 }),
 		label: "Bearbeiten",
 		onClick: (e) => {
-			G(e), Ke(!0);
+			K(e), Ze(!0);
 		}
-	}), x && Qe.push(...x), Ze && Qe.push({
-		icon: /* @__PURE__ */ p(De, { size: 14 }),
+	}), x && rt.push(...x), nt && rt.push({
+		icon: /* @__PURE__ */ p(Oe, { size: 14 }),
 		label: "Löschen",
 		onClick: (e) => {
-			G(e), Je(!0);
+			K(e), $e(!0);
 		}
 	}), /* @__PURE__ */ m(f, { children: [
 		/* @__PURE__ */ m(w, {
@@ -3686,7 +3698,7 @@ function ti({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 			},
 			justify: e ? "space-between" : "flex-end",
 			wrap: "wrap",
-			children: [e && (typeof e == "string" ? /* @__PURE__ */ p(de, {
+			children: [e && (typeof e == "string" ? /* @__PURE__ */ p(fe, {
 				order: 4,
 				children: e
 			}) : e), /* @__PURE__ */ m(w, {
@@ -3709,39 +3721,49 @@ function ti({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 					sm: "auto"
 				},
 				children: [
-					te && /* @__PURE__ */ p(g, {
+					ne && /* @__PURE__ */ p(g, {
 						variant: "subtle",
-						onClick: () => Te(),
+						loading: je,
+						onClick: async () => {
+							if (F) {
+								Me(!0);
+								try {
+									await F();
+								} finally {
+									Me(!1);
+								}
+							} else ke();
+						},
 						"aria-label": "Neuladen",
-						children: /* @__PURE__ */ p(we, {})
+						children: /* @__PURE__ */ p(Te, {})
 					}),
 					(c.some((e) => e.update) || l) && (() => {
-						let e = c.find((e) => e.update) && (!P || W.length > 0 && P(W[0])), t = c.find((e) => e.delete) && (!F || W.length > 0 && F(W[0])), n = (x ?? []).length > 0, r = e || t || n;
+						let e = c.find((e) => e.update) && (!P || G.length > 0 && P(G[0])), t = c.find((e) => e.delete) && (!te || G.length > 0 && te(G[0])), n = (x ?? []).length > 0, r = e || t || n;
 						return /* @__PURE__ */ p(v, {
-							...re ? { visibleFrom: "sm" } : {},
+							...ae ? { visibleFrom: "sm" } : {},
 							children: /* @__PURE__ */ m(O, {
 								shadow: "md",
 								children: [/* @__PURE__ */ p(O.Target, { children: /* @__PURE__ */ p(y, {
 									variant: "outline",
-									rightSection: /* @__PURE__ */ p(ve, { size: 14 }),
-									disabled: !W.length || !r,
+									rightSection: /* @__PURE__ */ p(ye, { size: 14 }),
+									disabled: !G.length || !r,
 									children: "Aktionen"
 								}) }), /* @__PURE__ */ m(O.Dropdown, { children: [
 									e && /* @__PURE__ */ p(O.Item, {
-										leftSection: /* @__PURE__ */ p(Ce, { size: 14 }),
-										onClick: () => Ke(!0),
-										disabled: W.length !== 1,
+										leftSection: /* @__PURE__ */ p(we, { size: 14 }),
+										onClick: () => Ze(!0),
+										disabled: G.length !== 1,
 										children: "Bearbeiten"
 									}),
 									(x ?? []).map((e, t) => /* @__PURE__ */ i(O.Item, {
 										...e.icon && { leftSection: e.icon },
 										key: `custom_action_${t}`,
-										onClick: () => e.onClick(W),
-										disabled: e.disabled?.(W) ?? !1
+										onClick: () => e.onClick(G),
+										disabled: e.disabled?.(G) ?? !1
 									}, e.label)),
 									t && /* @__PURE__ */ p(O.Item, {
-										leftSection: /* @__PURE__ */ p(De, { size: 14 }),
-										onClick: () => Je(!0),
+										leftSection: /* @__PURE__ */ p(Oe, { size: 14 }),
+										onClick: () => $e(!0),
 										color: "red",
 										children: "Löschen"
 									})
@@ -3750,169 +3772,169 @@ function ti({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 						});
 					})(),
 					c.find((e) => e.create) && /* @__PURE__ */ p(y, {
-						onClick: () => We(!0),
-						disabled: _e,
+						onClick: () => Ye(!0),
+						disabled: Se,
 						children: D ?? "Erstellen"
 					}),
 					o
 				]
 			})]
 		}),
-		A && A.length > 0 && /* @__PURE__ */ p(ce, {
-			value: B,
-			onChange: V,
+		A && A.length > 0 && /* @__PURE__ */ p(le, {
+			value: ue,
+			onChange: de,
 			mt: "md",
-			children: /* @__PURE__ */ p(ce.List, { children: A.map((e) => /* @__PURE__ */ p(ce.Tab, {
+			children: /* @__PURE__ */ p(le.List, { children: A.map((e) => /* @__PURE__ */ p(le.Tab, {
 				value: e.value,
 				leftSection: e.icon,
 				children: e.label
 			}, e.value)) })
 		}),
-		be && /* @__PURE__ */ p(_, {
+		Ee && /* @__PURE__ */ p(_, {
 			mt: "md",
 			variant: "light",
 			color: "red",
 			title: "Es ist ein Fehler aufgetreten.",
-			icon: /* @__PURE__ */ p(Se, {}),
+			icon: /* @__PURE__ */ p(Ce, {}),
 			children: "Bitte versuche es später erneut oder sende eine Nachricht an unseren Support."
 		}),
-		(_e || xe) && /* @__PURE__ */ m(R, {
+		(Se || De) && /* @__PURE__ */ m(L, {
 			my: "md",
-			children: [/* @__PURE__ */ p(ne, { height: 40 }), [
+			children: [/* @__PURE__ */ p(re, { height: 40 }), [
 				,
 				,
 				,
 				,
 				,
-			].fill(0).map((e, t) => /* @__PURE__ */ p(ne, { height: 35 }, `skeleton-${t}`))]
+			].fill(0).map((e, t) => /* @__PURE__ */ p(re, { height: 35 }, `skeleton-${t}`))]
 		}),
-		!_e && !xe && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(v, {
-			...re ? { visibleFrom: "sm" } : {},
+		!Se && !De && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(v, {
+			...ae ? { visibleFrom: "sm" } : {},
 			children: /* @__PURE__ */ p(Fr, {
 				my: "md",
 				striped: !0,
 				highlightOnHover: !0,
 				minHeight: 150,
-				fetching: be,
-				records: Fe,
-				sortStatus: Oe,
-				onSortStatusChange: Ae,
+				fetching: Ee,
+				records: Ve,
+				sortStatus: H,
+				onSortStatusChange: Ie,
 				...l && {
-					selectedRecords: W,
-					onSelectedRecordsChange: G
+					selectedRecords: G,
+					onSelectedRecordsChange: K
 				},
-				...h && Fe.length && {
-					totalRecords: je.length,
-					recordsPerPage: Me,
-					onPageChange: Pe,
-					page: U,
+				...h && Ve.length && {
+					totalRecords: U.length,
+					recordsPerPage: Le,
+					onPageChange: Be,
+					page: ze,
 					recordsPerPageOptions: ei,
-					onRecordsPerPageChange: Ne,
+					onRecordsPerPageChange: Re,
 					recordsPerPageLabel: "Einträge pro Seite"
 				},
-				...I && { rowExpansion: {
-					allowMultiple: I.allowMultiple ?? !1,
-					trigger: L ? "never" : "click",
-					content: ({ record: e }) => I.content(e, !1),
+				...R && { rowExpansion: {
+					allowMultiple: R.allowMultiple ?? !1,
+					trigger: ie ? "never" : "click",
+					content: ({ record: e }) => R.content(e, !1),
 					expanded: {
-						recordIds: Re,
-						onRecordIdsChange: ze
+						recordIds: Ue,
+						onRecordIdsChange: We
 					},
-					...I.expandable && { expandable: ({ record: e }) => I.expandable(e) }
+					...R.expandable && { expandable: ({ record: e }) => R.expandable(e) }
 				} },
-				columns: He.map((e) => e.column),
+				columns: qe.map((e) => e.column),
 				noRecordsText: "Keine Einträge gefunden",
-				onRowClick: L,
-				...L && { style: { cursor: "pointer" } }
+				onRowClick: ie,
+				...ie && { style: { cursor: "pointer" } }
 			})
-		}), re && /* @__PURE__ */ p(v, {
+		}), ae && /* @__PURE__ */ p(v, {
 			hiddenFrom: "sm",
 			children: /* @__PURE__ */ p($r, {
-				records: Fe,
-				fields: He,
-				onRowClick: L,
+				records: Ve,
+				fields: qe,
+				onRowClick: ie,
 				sort: {
-					field: String(Oe.columnAccessor),
-					direction: Oe.direction,
+					field: String(H.columnAccessor),
+					direction: H.direction,
 					onSortChange: (e, t) => {
-						Ae({
+						Ie({
 							columnAccessor: e,
 							direction: t
 						});
 					}
 				},
-				...h && Fe.length && { pagination: {
-					totalRecords: je.length,
-					recordsPerPage: Me,
-					page: U,
-					onPageChange: Pe,
+				...h && Ve.length && { pagination: {
+					totalRecords: U.length,
+					recordsPerPage: Le,
+					page: ze,
+					onPageChange: Be,
 					recordsPerPageOptions: ei,
 					onRecordsPerPageChange: (e) => {
-						Ne(e), Pe(1);
+						Re(e), Be(1);
 					}
 				} },
-				...I && { rowExpansion: {
-					content: I.content,
+				...R && { rowExpansion: {
+					content: R.content,
 					expanded: {
-						recordIds: Re,
-						onRecordIdsChange: ze
+						recordIds: Ue,
+						onRecordIdsChange: We
 					},
-					...I.expandable && { expandable: I.expandable }
+					...R.expandable && { expandable: R.expandable }
 				} },
-				...Qe.length > 0 && {
-					actions: Qe,
+				...rt.length > 0 && {
+					actions: rt,
 					canUpdate: P,
-					canDelete: F
+					canDelete: te
 				}
 			})
 		})] }),
 		/* @__PURE__ */ p(M, {
-			opened: Ge,
+			opened: Xe,
 			onClose: () => {
-				Ke(!1), G([]);
+				Ze(!1), K([]);
 			},
 			title: e ?? "Bearbeiten",
-			children: W.length > 0 && /* @__PURE__ */ p(Ir, {
+			children: G.length > 0 && /* @__PURE__ */ p(Ir, {
 				fields: c.filter((e) => e.update),
 				queryKey: t,
 				connectedQueryKeys: n,
-				apiPath: pe,
-				id: W[0].id,
+				apiPath: he,
+				id: G[0].id,
 				onClose: () => {
-					Ke(!1), G([]);
+					Ze(!1), K([]);
 				},
 				steps: S
 			})
 		}),
-		W.length > 0 && /* @__PURE__ */ p(M, {
-			opened: qe,
+		G.length > 0 && /* @__PURE__ */ p(M, {
+			opened: Qe,
 			onClose: () => {
-				Je(!1), G([]);
+				$e(!1), K([]);
 			},
 			title: e ?? "Löschen",
 			children: /* @__PURE__ */ p(Lr, {
 				onClose: () => {
-					Je(!1), G([]);
+					$e(!1), K([]);
 				},
 				queryKey: t,
 				connectedQueryKeys: n,
-				apiPath: pe,
-				selectedRecords: W,
-				confirmMessage: ie
+				apiPath: he,
+				selectedRecords: G,
+				confirmMessage: oe
 			})
 		}),
 		/* @__PURE__ */ p(M, {
-			opened: Ue,
+			opened: Je,
 			onClose: () => {
-				We(!1);
+				Ye(!1);
 			},
 			title: e ?? "Anlegen",
 			children: /* @__PURE__ */ p(rn, {
 				queryKey: t,
 				connectedQueryKeys: n,
-				apiPath: pe,
+				apiPath: he,
 				onClose: () => {
-					We(!1);
+					Ye(!1);
 				},
 				fields: c.filter((e) => e.create),
 				steps: S
@@ -3923,7 +3945,7 @@ function ti({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 //#endregion
 //#region src/DataTable/SubTable.tsx
 function ni({ mobile: e, columns: t, ...n }) {
-	return e ? /* @__PURE__ */ p(R, {
+	return e ? /* @__PURE__ */ p(L, {
 		gap: "sm",
 		style: { fontVariantNumeric: "tabular-nums" },
 		children: (n.records ?? []).map((e, r) => {
@@ -3939,6 +3961,6 @@ function ni({ mobile: e, columns: t, ...n }) {
 	});
 }
 //#endregion
-export { rn as CreateModal, ti as DataTable, Mt as DataTableProvider, Lr as DeleteModal, Xr as FieldCard, $r as MobileCardList, ni as SubTable, Ir as UpdateModal, Bt as api, zt as createOne, Rt as deleteOne, It as getAll, Lt as getOne, Hr as sortData, Vt as updateOne, Gt as useAddOne, J as useDataTable, qt as useDeleteOne, Ut as useGetAll, Ht as useGetOne, Rr as usePersistentState, Kt as useUpdateOne };
+export { rn as CreateModal, ti as DataTable, jt as DataTableProvider, Lr as DeleteModal, Xr as FieldCard, $r as MobileCardList, ni as SubTable, Ir as UpdateModal, Bt as api, zt as createOne, Rt as deleteOne, It as getAll, Lt as getOne, Hr as sortData, Vt as updateOne, Gt as useAddOne, Y as useDataTable, qt as useDeleteOne, Ut as useGetAll, Ht as useGetOne, Rr as usePersistentState, Kt as useUpdateOne };
 
 //# sourceMappingURL=index.es.js.map