@espresso-lab/mantine-data-table 2.1.9 → 2.1.11

package/dist/index.es.js

@@ -1,11 +1,11 @@
 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 { ActionIcon as h, Alert as g, Box as _, Button as v, Center as y, Checkbox as b, Collapse as x, Divider as S, Flex as C, Group as w, Loader as T, Menu as E, MenuDropdown as D, MenuItem as O, MenuTarget as k, Modal as A, NumberInput as j, Pagination as M, Popover as N, PopoverDropdown as P, PopoverTarget as ee, ScrollArea as F, Select as te, Skeleton as I, Stack as L, Stepper as R, Table as ne, TableTd as re, TableTfoot as ie, TableTh as z, TableThead as ae, TableTr as B, Tabs as oe, Text as V, TextInput as se, Textarea as ce, Title as le, createSafeContext as ue, parseThemeColor as de, rem as H, useDirection as fe, useMantineTheme as pe } from "@mantine/core";
-import { useForm as me } from "@mantine/form";
-import { DateInput as he } from "@mantine/dates";
-import { IconCaretDownFilled as ge, IconChevronDown as _e, IconDotsVertical as ve, IconInfoCircle as ye, IconPencil as be, IconRefresh as xe, IconSortAscending as Se, IconSortDescending as Ce, IconTrash as we } from "@tabler/icons-react";
-import { useClickOutside as Te, useDisclosure as Ee, useLocalStorage as De, useMediaQuery as Oe, useMergedRef as ke, useTimeout as Ae } from "@mantine/hooks";
+import { ActionIcon as h, Alert as g, Box as _, Button as v, Center as y, Checkbox as b, Collapse as x, Divider as S, Flex as C, Group as w, Loader as T, Menu as E, MenuDropdown as D, MenuItem as O, MenuTarget as k, Modal as A, NumberInput as j, Pagination as M, Popover as N, PopoverDropdown as P, PopoverTarget as ee, ScrollArea as F, Select as te, Skeleton as I, Stack as L, Stepper as ne, Table as re, TableTd as ie, TableTfoot as ae, TableTh as oe, TableThead as se, TableTr as R, Tabs as ce, Text as z, TextInput as le, Textarea as ue, Title as de, createSafeContext as fe, parseThemeColor as pe, rem as B, useDirection as me, useMantineTheme as he } from "@mantine/core";
+import { useForm as V } from "@mantine/form";
+import { DateInput as ge } from "@mantine/dates";
+import { IconCaretDownFilled as _e, IconChevronDown as ve, IconDotsVertical as ye, IconInfoCircle as be, IconPencil as xe, IconRefresh as Se, IconSortAscending as Ce, IconSortDescending as we, IconTrash as Te } from "@tabler/icons-react";
+import { useClickOutside as Ee, useDisclosure as De, useLocalStorage as Oe, useMediaQuery as ke, useMergedRef as H, useTimeout as Ae } from "@mantine/hooks";
 //#region node_modules/@tanstack/query-core/build/modern/subscribable.js
 var je = class {
 	constructor() {
@@ -58,13 +58,13 @@ var je = class {
 	isFocused() {
 		return typeof this.#e == "boolean" ? this.#e : globalThis.document?.visibilityState !== "hidden";
 	}
-}(), U = {
+}(), Ne = {
 	setTimeout: (e, t) => setTimeout(e, t),
 	clearTimeout: (e) => clearTimeout(e),
 	setInterval: (e, t) => setInterval(e, t),
 	clearInterval: (e) => clearInterval(e)
-}, W = new class {
-	#e = U;
+}, Pe = new class {
+	#e = Ne;
 	#t = !1;
 	setTimeoutProvider(e) {
 		process.env.NODE_ENV !== "production" && this.#t && e !== this.#e && console.error("[timeoutManager]: Switching provider after calls to previous provider might result in unexpected behavior.", {
@@ -85,12 +85,12 @@ var je = class {
 		this.#e.clearInterval(e);
 	}
 }();
-function Ne(e) {
+function U(e) {
 	setTimeout(e, 0);
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/utils.js
-var Pe = typeof window > "u" || "Deno" in globalThis;
+var W = typeof window > "u" || "Deno" in globalThis;
 function Fe() {}
 function Ie(e) {
 	return typeof e == "number" && e >= 0 && e !== Infinity;
@@ -105,14 +105,14 @@ function K(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
 function Re(e) {
-	return JSON.stringify(e, (e, t) => Ue(t) ? Object.keys(t).sort().reduce((e, n) => (e[n] = t[n], e), {}) : t);
+	return JSON.stringify(e, (e, t) => He(t) ? Object.keys(t).sort().reduce((e, n) => (e[n] = t[n], e), {}) : t);
 }
 var ze = Object.prototype.hasOwnProperty;
 function Be(e, t, n = 0) {
 	if (e === t) return e;
 	if (n > 500) return t;
-	let r = He(e) && He(t);
-	if (!r && !(Ue(e) && Ue(t))) return t;
+	let r = Ve(e) && Ve(t);
+	if (!r && !(He(e) && He(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];
@@ -129,25 +129,25 @@ function Be(e, t, n = 0) {
 	}
 	return i === o && c === i ? e : s;
 }
-function Ve(e, t) {
+function q(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 He(e) {
+function Ve(e) {
 	return Array.isArray(e) && e.length === Object.keys(e).length;
 }
-function Ue(e) {
-	if (!We(e)) return !1;
+function He(e) {
+	if (!Ue(e)) return !1;
 	let t = e.constructor;
 	if (t === void 0) return !0;
 	let n = t.prototype;
-	return !(!We(n) || !n.hasOwnProperty("isPrototypeOf") || Object.getPrototypeOf(e) !== Object.prototype);
+	return !(!Ue(n) || !n.hasOwnProperty("isPrototypeOf") || Object.getPrototypeOf(e) !== Object.prototype);
 }
-function We(e) {
+function Ue(e) {
 	return Object.prototype.toString.call(e) === "[object Object]";
 }
-function Ge(e, t, n) {
+function We(e, t, n) {
 	if (typeof n.structuralSharing == "function") return n.structuralSharing(e, t);
 	if (n.structuralSharing !== !1) {
 		if (process.env.NODE_ENV !== "production") try {
@@ -159,13 +159,13 @@ function Ge(e, t, n) {
 	}
 	return t;
 }
-function Ke(e, t) {
+function Ge(e, t) {
 	return typeof e == "function" ? e(...t) : !!e;
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/environmentManager.js
-var qe = /* @__PURE__ */ (() => {
-	let e = () => Pe;
+var Ke = /* @__PURE__ */ (() => {
+	let e = () => W;
 	return {
 		isServer() {
 			return e();
@@ -177,7 +177,7 @@ var qe = /* @__PURE__ */ (() => {
 })();
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/thenable.js
-function Je() {
+function qe() {
 	let e, t, n = new Promise((n, r) => {
 		e = n, t = r;
 	});
@@ -199,13 +199,13 @@ function Je() {
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/notifyManager.js
-var Ye = Ne;
-function Xe() {
+var Je = U;
+function Ye() {
 	let e = [], t = 0, n = (e) => {
 		e();
 	}, r = (e) => {
 		e();
-	}, i = Ye, a = (r) => {
+	}, i = Je, a = (r) => {
 		t ? e.push(r) : i(() => {
 			n(r);
 		});
@@ -247,7 +247,7 @@ function Xe() {
 		}
 	};
 }
-var Ze = Xe(), Qe = new class extends je {
+var Xe = Ye(), Ze = new class extends je {
 	#e = !0;
 	#t;
 	#n;
@@ -281,16 +281,16 @@ var Ze = Xe(), Qe = new class extends je {
 }();
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/retryer.js
-function $e(e) {
-	return (e ?? "online") === "online" ? Qe.isOnline() : !0;
+function Qe(e) {
+	return (e ?? "online") === "online" ? Ze.isOnline() : !0;
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/query.js
-function et(e, t) {
+function $e(e, t) {
 	return {
 		fetchFailureCount: 0,
 		fetchFailureReason: null,
-		fetchStatus: $e(t.networkMode) ? "fetching" : "paused",
+		fetchStatus: Qe(t.networkMode) ? "fetching" : "paused",
 		...e === void 0 && {
 			error: null,
 			status: "pending"
@@ -299,9 +299,9 @@ function et(e, t) {
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/queryObserver.js
-var tt = class extends je {
+var et = class extends je {
 	constructor(e, t) {
-		super(), this.options = t, this.#e = e, this.#s = null, this.#o = Je(), this.bindMethods(), this.setOptions(t);
+		super(), this.options = t, this.#e = e, this.#s = null, this.#o = qe(), this.bindMethods(), this.setOptions(t);
 	}
 	#e;
 	#t = void 0;
@@ -322,16 +322,16 @@ var tt = class extends je {
 		this.refetch = this.refetch.bind(this);
 	}
 	onSubscribe() {
-		this.listeners.size === 1 && (this.#t.addObserver(this), rt(this.#t, this.options) ? this.#h() : this.updateResult(), this.#y());
+		this.listeners.size === 1 && (this.#t.addObserver(this), nt(this.#t, this.options) ? this.#h() : this.updateResult(), this.#y());
 	}
 	onUnsubscribe() {
 		this.hasListeners() || this.destroy();
 	}
 	shouldFetchOnReconnect() {
-		return it(this.#t, this.options, this.options.refetchOnReconnect);
+		return rt(this.#t, this.options, this.options.refetchOnReconnect);
 	}
 	shouldFetchOnWindowFocus() {
-		return it(this.#t, this.options, this.options.refetchOnWindowFocus);
+		return rt(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 tt = class extends je {
 	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 K(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 && !Ve(this.options, t) && this.#e.getQueryCache().notify({
+		this.#S(), this.#t.setOptions(this.options), t._defaulted && !q(this.options, t) && this.#e.getQueryCache().notify({
 			type: "observerOptionsUpdated",
 			query: this.#t,
 			observer: this
 		});
 		let r = this.hasListeners();
-		r && at(this.#t, n, this.options, t) && this.#h(), this.updateResult(), r && (this.#t !== n || K(this.options.enabled, this.#t) !== K(t.enabled, this.#t) || G(this.options.staleTime, this.#t) !== G(t.staleTime, this.#t)) && this.#g();
+		r && it(this.#t, n, this.options, t) && this.#h(), this.updateResult(), r && (this.#t !== n || K(this.options.enabled, this.#t) !== K(t.enabled, this.#t) || G(this.options.staleTime, this.#t) !== G(t.staleTime, this.#t)) && this.#g();
 		let i = this.#_();
 		r && (this.#t !== n || K(this.options.enabled, this.#t) !== K(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 st(this, n) && (this.#r = n, this.#a = this.options, this.#i = this.#t.state), n;
+		return ot(this, n) && (this.#r = n, this.#a = this.options, this.#i = this.#t.state), n;
 	}
 	getCurrentResult() {
 		return this.#r;
@@ -386,9 +386,9 @@ var tt = class extends je {
 	#g() {
 		this.#b();
 		let e = G(this.options.staleTime, this.#t);
-		if (qe.isServer() || this.#r.isStale || !Ie(e)) return;
+		if (Ke.isServer() || this.#r.isStale || !Ie(e)) return;
 		let t = Le(this.#r.dataUpdatedAt, e) + 1;
-		this.#d = W.setTimeout(() => {
+		this.#d = Pe.setTimeout(() => {
 			this.#r.isStale || this.updateResult();
 		}, t);
 	}
@@ -396,7 +396,7 @@ var tt = class extends je {
 		return (typeof this.options.refetchInterval == "function" ? this.options.refetchInterval(this.#t) : this.options.refetchInterval) ?? !1;
 	}
 	#v(e) {
-		this.#x(), this.#p = e, !(qe.isServer() || K(this.options.enabled, this.#t) === !1 || !Ie(this.#p) || this.#p === 0) && (this.#f = W.setInterval(() => {
+		this.#x(), this.#p = e, !(Ke.isServer() || K(this.options.enabled, this.#t) === !1 || !Ie(this.#p) || this.#p === 0) && (this.#f = Pe.setInterval(() => {
 			(this.options.refetchIntervalInBackground || Me.isFocused()) && this.#h();
 		}, this.#p));
 	}
@@ -404,18 +404,18 @@ var tt = class extends je {
 		this.#g(), this.#v(this.#_());
 	}
 	#b() {
-		this.#d !== void 0 && (W.clearTimeout(this.#d), this.#d = void 0);
+		this.#d !== void 0 && (Pe.clearTimeout(this.#d), this.#d = void 0);
 	}
 	#x() {
-		this.#f !== void 0 && (W.clearInterval(this.#f), this.#f = void 0);
+		this.#f !== void 0 && (Pe.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 && rt(e, t), o = i && at(e, n, t, r);
+			let i = this.hasListeners(), a = !i && nt(e, t), o = i && it(e, n, t, r);
 			(a || o) && (l = {
 				...l,
-				...et(c.data, e.options)
+				...$e(c.data, e.options)
 			}), t._optimisticResults === "isRestoring" && (l.fetchStatus = "idle");
 		}
 		let { error: f, errorUpdatedAt: p, status: m } = l;
@@ -423,11 +423,11 @@ var tt = class extends je {
 		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 = Ge(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 = We(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 = Ge(i?.data, d, t), this.#l = d, this.#s = null;
+			this.#c = t.select, d = t.select(d), d = We(i?.data, d, t), this.#l = d, this.#s = null;
 		} catch (e) {
 			this.#s = e;
 		}
@@ -455,7 +455,7 @@ var tt = class extends je {
 			isPaused: l.fetchStatus === "paused",
 			isPlaceholderData: u,
 			isRefetchError: v && b,
-			isStale: ot(e, t),
+			isStale: at(e, t),
 			refetch: this.refetch,
 			promise: this.#o,
 			isEnabled: K(t.enabled, e) !== !1
@@ -464,7 +464,7 @@ var tt = class extends je {
 			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 = Je());
+				i(this.#o = x.promise = qe());
 			}, o = this.#o;
 			switch (o.status) {
 				case "pending":
@@ -482,7 +482,7 @@ var tt = class extends je {
 	}
 	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), !Ve(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), !q(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 tt = class extends je {
 		this.updateResult(), this.hasListeners() && this.#y();
 	}
 	#C(e) {
-		Ze.batch(() => {
+		Xe.batch(() => {
 			e.listeners && this.listeners.forEach((e) => {
 				e(this.#r);
 			}), this.#e.getQueryCache().notify({
@@ -513,31 +513,31 @@ var tt = class extends je {
 		});
 	}
 };
-function nt(e, t) {
+function tt(e, t) {
 	return K(t.enabled, e) !== !1 && e.state.data === void 0 && !(e.state.status === "error" && K(t.retryOnMount, e) === !1);
 }
-function rt(e, t) {
-	return nt(e, t) || e.state.data !== void 0 && it(e, t, t.refetchOnMount);
+function nt(e, t) {
+	return tt(e, t) || e.state.data !== void 0 && rt(e, t, t.refetchOnMount);
 }
-function it(e, t, n) {
+function rt(e, t, n) {
 	if (K(t.enabled, e) !== !1 && G(t.staleTime, e) !== "static") {
 		let r = typeof n == "function" ? n(e) : n;
-		return r === "always" || r !== !1 && ot(e, t);
+		return r === "always" || r !== !1 && at(e, t);
 	}
 	return !1;
 }
-function at(e, t, n, r) {
-	return (e !== t || K(r.enabled, e) === !1) && (!n.suspense || e.state.status !== "error") && ot(e, n);
+function it(e, t, n, r) {
+	return (e !== t || K(r.enabled, e) === !1) && (!n.suspense || e.state.status !== "error") && at(e, n);
 }
-function ot(e, t) {
+function at(e, t) {
 	return K(t.enabled, e) !== !1 && e.isStaleByTime(G(t.staleTime, e));
 }
-function st(e, t) {
-	return !Ve(e.getCurrentResult(), t);
+function ot(e, t) {
+	return !q(e.getCurrentResult(), t);
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/mutation.js
-function ct() {
+function st() {
 	return {
 		context: void 0,
 		data: void 0,
@@ -552,7 +552,7 @@ function ct() {
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/mutationObserver.js
-var lt = class extends je {
+var ct = class extends je {
 	#e;
 	#t = void 0;
 	#n;
@@ -565,7 +565,7 @@ var lt = class extends je {
 	}
 	setOptions(e) {
 		let t = this.options;
-		this.options = this.#e.defaultMutationOptions(e), Ve(this.options, t) || this.#e.getMutationCache().notify({
+		this.options = this.#e.defaultMutationOptions(e), q(this.options, t) || this.#e.getMutationCache().notify({
 			type: "observerOptionsUpdated",
 			mutation: this.#n,
 			observer: this
@@ -587,7 +587,7 @@ var lt = class extends je {
 		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 ?? ct();
+		let e = this.#n?.state ?? st();
 		this.#t = {
 			...e,
 			isPending: e.status === "pending",
@@ -599,7 +599,7 @@ var lt = class extends je {
 		};
 	}
 	#a(e) {
-		Ze.batch(() => {
+		Xe.batch(() => {
 			if (this.#r && this.hasListeners()) {
 				let t = this.#t.variables, n = this.#t.context, r = {
 					client: this.#e,
@@ -635,21 +635,21 @@ var lt = class extends je {
 			});
 		});
 	}
-}, ut = e.createContext(void 0), q = (t) => {
-	let n = e.useContext(ut);
+}, lt = e.createContext(void 0), J = (t) => {
+	let n = e.useContext(lt);
 	if (t) return t;
 	if (!n) throw Error("No QueryClient set, use QueryClientProvider to set one");
 	return n;
-}, dt = ({ client: t, children: n }) => (e.useEffect(() => (t.mount(), () => {
+}, ut = ({ client: t, children: n }) => (e.useEffect(() => (t.mount(), () => {
 	t.unmount();
-}), [t]), /* @__PURE__ */ p(ut.Provider, {
+}), [t]), /* @__PURE__ */ p(lt.Provider, {
 	value: t,
 	children: n
-})), J = e.createContext(!1), ft = () => e.useContext(J);
-J.Provider;
+})), Y = e.createContext(!1), dt = () => e.useContext(Y);
+Y.Provider;
 //#endregion
 //#region node_modules/@tanstack/react-query/build/modern/QueryErrorResetBoundary.js
-function pt() {
+function ft() {
 	let e = !1;
 	return {
 		clearReset: () => {
@@ -661,63 +661,63 @@ function pt() {
 		isReset: () => e
 	};
 }
-var mt = e.createContext(pt()), ht = () => e.useContext(mt), gt = (e, t, n) => {
-	let r = n?.state.error && typeof e.throwOnError == "function" ? Ke(e.throwOnError, [n.state.error, n]) : e.throwOnError;
+var pt = e.createContext(ft()), mt = () => e.useContext(pt), ht = (e, t, n) => {
+	let r = n?.state.error && typeof e.throwOnError == "function" ? Ge(e.throwOnError, [n.state.error, n]) : e.throwOnError;
 	(e.suspense || e.experimental_prefetchInRender || r) && (t.isReset() || (e.retryOnMount = !1));
-}, _t = (t) => {
+}, gt = (t) => {
 	e.useEffect(() => {
 		t.clearReset();
 	}, [t]);
-}, vt = ({ result: e, errorResetBoundary: t, throwOnError: n, query: r, suspense: i }) => e.isError && !t.isReset() && !e.isFetching && r && (i && e.data === void 0 || Ke(n, [e.error, r])), yt = (e) => {
+}, _t = ({ result: e, errorResetBoundary: t, throwOnError: n, query: r, suspense: i }) => e.isError && !t.isReset() && !e.isFetching && r && (i && e.data === void 0 || Ge(n, [e.error, r])), vt = (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));
 	}
-}, bt = (e, t) => e.isLoading && e.isFetching && !t, xt = (e, t) => e?.suspense && t.isPending, St = (e, t, n) => t.fetchOptimistic(e).catch(() => {
+}, yt = (e, t) => e.isLoading && e.isFetching && !t, bt = (e, t) => e?.suspense && t.isPending, xt = (e, t, n) => t.fetchOptimistic(e).catch(() => {
 	n.clearReset();
 });
 //#endregion
 //#region node_modules/@tanstack/react-query/build/modern/useBaseQuery.js
-function Ct(t, n, r) {
+function St(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 = ft(), a = ht(), o = q(r), s = o.defaultQueryOptions(t);
+	let i = dt(), a = mt(), o = J(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`)), s._optimisticResults = i ? "isRestoring" : "optimistic", yt(s), gt(s, a, c), _t(a);
+	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`)), s._optimisticResults = i ? "isRestoring" : "optimistic", vt(s), ht(s, a, c), gt(a);
 	let l = !o.getQueryCache().get(s.queryHash), [u] = e.useState(() => new n(o, s)), d = u.getOptimisticResult(s), f = !i && t.subscribed !== !1;
 	if (e.useSyncExternalStore(e.useCallback((e) => {
-		let t = f ? u.subscribe(Ze.batchCalls(e)) : Fe;
+		let t = f ? u.subscribe(Xe.batchCalls(e)) : Fe;
 		return u.updateResult(), t;
 	}, [u, f]), () => u.getCurrentResult(), () => u.getCurrentResult()), e.useEffect(() => {
 		u.setOptions(s);
-	}, [s, u]), xt(s, d)) throw St(s, u, a);
-	if (vt({
+	}, [s, u]), bt(s, d)) throw xt(s, u, a);
+	if (_t({
 		result: d,
 		errorResetBoundary: a,
 		throwOnError: s.throwOnError,
 		query: c,
 		suspense: s.suspense
 	})) throw d.error;
-	return o.getDefaultOptions().queries?._experimental_afterQuery?.(s, d), s.experimental_prefetchInRender && !qe.isServer() && bt(d, i) && (l ? St(s, u, a) : c?.promise)?.catch(Fe).finally(() => {
+	return o.getDefaultOptions().queries?._experimental_afterQuery?.(s, d), s.experimental_prefetchInRender && !Ke.isServer() && yt(d, i) && (l ? xt(s, u, a) : c?.promise)?.catch(Fe).finally(() => {
 		u.updateResult();
 	}), s.notifyOnChangeProps ? d : u.trackResult(d);
 }
 //#endregion
 //#region node_modules/@tanstack/react-query/build/modern/useQuery.js
-function wt(e, t) {
-	return Ct(e, tt, t);
+function Ct(e, t) {
+	return St(e, et, t);
 }
 //#endregion
 //#region node_modules/@tanstack/react-query/build/modern/useMutation.js
-function Tt(t, n) {
-	let r = q(n), [i] = e.useState(() => new lt(r, t));
+function wt(t, n) {
+	let r = J(n), [i] = e.useState(() => new ct(r, t));
 	e.useEffect(() => {
 		i.setOptions(t);
 	}, [i, t]);
-	let a = e.useSyncExternalStore(e.useCallback((e) => i.subscribe(Ze.batchCalls(e)), [i]), () => i.getCurrentResult(), () => i.getCurrentResult()), o = e.useCallback((e, t) => {
+	let a = e.useSyncExternalStore(e.useCallback((e) => i.subscribe(Xe.batchCalls(e)), [i]), () => i.getCurrentResult(), () => i.getCurrentResult()), o = e.useCallback((e, t) => {
 		i.mutate(e, t).catch(Fe);
 	}, [i]);
-	if (a.error && Ke(i.options.throwOnError, [a.error])) throw a.error;
+	if (a.error && Ge(i.options.throwOnError, [a.error])) throw a.error;
 	return {
 		...a,
 		mutate: o,
@@ -726,15 +726,15 @@ function Tt(t, n) {
 }
 //#endregion
 //#region src/Context/DataTableContext.tsx
-var Et = r(void 0), Dt = async () => ({ "Content-Type": "application/json" });
-function Ot({ children: e, baseUrl: t, queryClient: n, getHeaders: r = Dt }) {
-	return /* @__PURE__ */ p(Et.Provider, {
+var Tt = r(void 0), Et = async () => ({ "Content-Type": "application/json" });
+function Dt({ children: e, baseUrl: t, queryClient: n, getHeaders: r = Et }) {
+	return /* @__PURE__ */ p(Tt.Provider, {
 		value: {
 			baseUrl: t,
 			queryClient: n,
 			getHeaders: r
 		},
-		children: /* @__PURE__ */ p(dt, {
+		children: /* @__PURE__ */ p(ut, {
 			client: n,
 			children: e
 		})
@@ -742,14 +742,14 @@ function Ot({ children: e, baseUrl: t, queryClient: n, getHeaders: r = Dt }) {
 }
 //#endregion
 //#region src/Hooks/useDataTable.ts
-function kt() {
-	let e = o(Et);
+function Ot() {
+	let e = o(Tt);
 	if (!e) throw Error("useDataTable must be used within a DataTableProvider");
 	return e;
 }
 //#endregion
 //#region src/Hooks/useApi.ts
-function At(e) {
+function kt(e) {
 	if (typeof e == "string") try {
 		let t = JSON.parse(e);
 		return {
@@ -762,7 +762,7 @@ function At(e) {
 	}
 	return e instanceof Error ? { message: e.message } : { message: "Unbekannter Fehler" };
 }
-async function Y(e, t) {
+async function At(e, t) {
 	let n = await fetch(e, t);
 	if (n.status >= 400) {
 		let e = await n.text();
@@ -778,25 +778,25 @@ async function Y(e, t) {
 	return n;
 }
 async function jt(e, t) {
-	return (await Y(e, {
+	return (await At(e, {
 		method: "GET",
 		headers: await t()
 	})).json();
 }
 async function Mt(e, t, n) {
-	return (await Y(`${e}/${t}`, {
+	return (await At(`${e}/${t}`, {
 		method: "GET",
 		headers: await n()
 	})).json();
 }
 async function Nt(e, t, n) {
-	await Y(`${e}/${t}`, {
+	await At(`${e}/${t}`, {
 		method: "DELETE",
 		headers: await n()
 	});
 }
 async function Pt(e, t, n) {
-	let r = await Y(e, {
+	let r = await At(e, {
 		method: "POST",
 		headers: await n(),
 		body: JSON.stringify(t)
@@ -804,7 +804,7 @@ async function Pt(e, t, n) {
 	return r.status === 204 ? t : r.json();
 }
 async function Ft(e, t, n, r) {
-	let i = await Y(t, {
+	let i = await At(t, {
 		method: e,
 		headers: await n(),
 		body: r ? JSON.stringify(r) : void 0
@@ -812,7 +812,7 @@ async function Ft(e, t, n, r) {
 	if (i.status !== 204) return i.json();
 }
 async function It(e, t, n) {
-	let r = await Y(`${e}/${t.id}`, {
+	let r = await At(`${e}/${t.id}`, {
 		method: "PUT",
 		headers: await n(),
 		body: JSON.stringify(t)
@@ -820,24 +820,24 @@ async function It(e, t, n) {
 	return r.status === 204 ? t : r.json();
 }
 function Lt(e, t, n) {
-	let { baseUrl: r, getHeaders: i } = kt();
-	return wt({
+	let { baseUrl: r, getHeaders: i } = Ot();
+	return Ct({
 		queryKey: [...t.map((e) => e.toString()), String(n?.toString())],
 		queryFn: () => Mt(`${r}${e}`, n, i),
 		enabled: !!n
 	});
 }
 function Rt(e, t, n = !0) {
-	let { baseUrl: r, getHeaders: i } = kt();
-	return wt({
+	let { baseUrl: r, getHeaders: i } = Ot();
+	return Ct({
 		queryKey: [...t.map((e) => e.toString())],
 		queryFn: () => jt(`${r}${e}`, i),
 		enabled: n
 	});
 }
 function zt(e, t) {
-	let { baseUrl: n, queryClient: r, getHeaders: i } = kt();
-	return Tt({
+	let { baseUrl: n, queryClient: r, getHeaders: i } = Ot();
+	return wt({
 		mutationKey: [...t.map((e) => e.toString())],
 		mutationFn: (t) => Pt(`${n}${e}`, t, i),
 		onSettled() {
@@ -846,8 +846,8 @@ function zt(e, t) {
 	});
 }
 function Bt(e, t) {
-	let { baseUrl: n, queryClient: r, getHeaders: i } = kt();
-	return Tt({
+	let { baseUrl: n, queryClient: r, getHeaders: i } = Ot();
+	return wt({
 		mutationKey: [...t.map((e) => e.toString())],
 		mutationFn: (t) => It(`${n}${e}`, t, i),
 		onSettled() {
@@ -856,8 +856,8 @@ function Bt(e, t) {
 	});
 }
 function Vt(e, t) {
-	let { baseUrl: n, queryClient: r, getHeaders: i } = kt();
-	return Tt({
+	let { baseUrl: n, queryClient: r, getHeaders: i } = Ot();
+	return wt({
 		mutationKey: [...t.map((e) => e.toString())],
 		mutationFn: (t) => Nt(`${n}${e}`, t, i),
 		onSettled() {
@@ -872,7 +872,7 @@ function Ht({ fields: e, onClose: t, queryKey: r, apiPath: i, steps: a, onCreate
 	function k(e, t) {
 		return typeof e.required == "function" ? e.required(t ?? {}) : !!e.required;
 	}
-	let A = me({
+	let A = V({
 		mode: "uncontrolled",
 		initialValues: e.reduce((e, t) => (e[t.id] = t.type === "boolean" ? !1 : t.defaultValue ?? "", e), {}),
 		validate: e.filter((e) => e.required).reduce((e, t) => (e[t.id] = (e, n) => t.conditional && !t.conditional(n) || !k(t, n) || e ? null : "Pflichtfeld", e), {})
@@ -882,7 +882,7 @@ function Ht({ fields: e, onClose: t, queryKey: r, apiPath: i, steps: a, onCreate
 		if (e.conditional && !e.conditional(t)) return null;
 		let r = k(e, t);
 		return /* @__PURE__ */ m(n, { children: [
-			(e.type === void 0 || e.type == "text") && /* @__PURE__ */ p(se, {
+			(e.type === void 0 || e.type == "text") && /* @__PURE__ */ p(le, {
 				label: e.column.title,
 				placeholder: e.placeholder ?? "",
 				...A.getInputProps(e.id),
@@ -896,7 +896,7 @@ function Ht({ fields: e, onClose: t, queryKey: r, apiPath: i, steps: a, onCreate
 				...A.getInputProps(e.id),
 				required: r
 			}, A.key(e.id)),
-			e.type === "date" && /* @__PURE__ */ p(he, {
+			e.type === "date" && /* @__PURE__ */ p(ge, {
 				label: e.column.title,
 				placeholder: e.placeholder ?? "",
 				valueFormat: "DD.MM.YYYY",
@@ -910,7 +910,7 @@ function Ht({ fields: e, onClose: t, queryKey: r, apiPath: i, steps: a, onCreate
 				...A.getInputProps(e.id, { type: "checkbox" }),
 				required: r
 			}, A.key(e.id)),
-			e.type === "textarea" && /* @__PURE__ */ p(ce, {
+			e.type === "textarea" && /* @__PURE__ */ p(ue, {
 				label: e.column.title,
 				placeholder: e.placeholder ?? "",
 				...A.getInputProps(e.id),
@@ -946,10 +946,10 @@ function Ht({ fields: e, onClose: t, queryKey: r, apiPath: i, steps: a, onCreate
 			}
 			O.length && s < O.length - 1 ? x || c(s + 1) : x || (A.setInitialValues(n), A.reset(), t());
 		}),
-		children: [O.length ? /* @__PURE__ */ p(R, {
+		children: [O.length ? /* @__PURE__ */ p(ne, {
 			active: s,
 			size: "sm",
-			children: O.map((t) => /* @__PURE__ */ p(R.Step, {
+			children: O.map((t) => /* @__PURE__ */ p(ne.Step, {
 				...a && a[t - 1] ? { label: a[t - 1].label } : {},
 				children: e.filter((e) => e.step === t).map((e) => M(e))
 			}, t))
@@ -986,7 +986,7 @@ function X() {
 //#endregion
 //#region node_modules/mantine-datatable/dist/index.mjs
 function Z(e, t, n) {
-	return e ? de({
+	return e ? pe({
 		color: typeof e == "object" ? e[n] : e,
 		theme: t
 	}).value : void 0;
@@ -1023,7 +1023,7 @@ function Kt({ theme: e, color: t, backgroundColor: n }) {
 		"--mantine-datatable-row-background-color-dark": Z(n, e, "dark")
 	};
 }
-var [qt, Jt] = ue("useDataTableColumnsContext must be used within DataTableColumnProvider"), Yt = (e) => {
+var [qt, Jt] = fe("useDataTableColumnsContext must be used within DataTableColumnProvider"), Yt = (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(qt, {
 		value: {
@@ -1093,7 +1093,7 @@ function Qt({ icon: e, text: t, active: n, children: r }) {
 		children: r || m(f, { children: [e || p("div", {
 			className: "mantine-datatable-empty-state-icon",
 			children: p(Zt, {})
-		}), p(V, {
+		}), p(z, {
 			component: "div",
 			size: "sm",
 			c: "dimmed",
@@ -1107,7 +1107,7 @@ function $t({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
 		defaultPinned: e.pinned,
 		pinnable: !!e.pinnable,
 		pinned: e.pinned
-	})), [t]), [i, a] = De({
+	})), [t]), [i, a] = Oe({
 		key: e ? `${e}-columns-pinning` : "",
 		defaultValue: e ? r : void 0,
 		getInitialValueInEffect: n
@@ -1155,7 +1155,7 @@ function $t({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
 	};
 }
 function en({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
-	let r = l(() => t ? t.map((e) => e.accessor) : [], [t]), [i, a] = De({
+	let r = l(() => t ? t.map((e) => e.accessor) : [], [t]), [i, a] = Oe({
 		key: e ? `${e}-columns-order` : "",
 		defaultValue: e ? r : void 0,
 		getInitialValueInEffect: n
@@ -1198,7 +1198,7 @@ function en({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
 	};
 }
 function tn({ 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] = De({
+	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] = Oe({
 		key: e ? `${e}-columns-width` : "",
 		defaultValue: e ? o() : void 0,
 		getInitialValueInEffect: n
@@ -1292,7 +1292,7 @@ function nn({ 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] = De({
+	})), [t]), [i, a] = Oe({
 		key: e ? `${e}-columns-toggle` : "",
 		defaultValue: e ? r : void 0,
 		getInitialValueInEffect: n
@@ -1499,7 +1499,7 @@ function pn({ scrollCallbacks: e, withRowBorders: t }) {
 			Q(r.current, "--mantine-datatable-footer-position", i ? "relative" : "sticky"), Q(r.current, "--mantine-datatable-footer-bottom", i ? `${e}px` : "0");
 		}
 		function c() {
-			f.current.withRowBorders && t.height < n.height ? Q(r.current, un, `${H("1px")} solid var(--mantine-datatable-border-color)`) : Q(r.current, un, "unset");
+			f.current.withRowBorders && t.height < n.height ? Q(r.current, un, `${B("1px")} solid var(--mantine-datatable-border-color)`) : Q(r.current, un, "unset");
 		}
 		h.current = c;
 		function l() {
@@ -1660,12 +1660,12 @@ function vn(e, t, { getInitialValueInEffect: n } = { getInitialValueInEffect: !0
 	}, [e]), r;
 }
 function yn(e) {
-	let t = pe();
+	let t = he();
 	return vn(l(() => e.map((e) => (typeof e == "function" ? e(t) : e) ?? ""), [e, t]), l(() => e.map(() => !0), [e]));
 }
 function bn(e) {
-	let t = pe();
-	return Oe((typeof e == "function" ? e(t) : e) || "", !0);
+	let t = he();
+	return ke((typeof e == "function" ? e(t) : e) || "", !0);
 }
 function xn(e) {
 	let t = e.replace(/([a-z\d])([A-Z]+)/g, "$1 $2").replace(/\W|_/g, " ").trim().toLowerCase();
@@ -1753,7 +1753,7 @@ function jn(e, t) {
 }
 var Mn = "mantine-datatable-nowrap", Nn = "mantine-datatable-ellipsis", Pn = "mantine-datatable-pointer-cursor", Fn = "mantine-datatable-context-menu-cursor", In = "mantine-datatable-text-selection-disabled", Ln = "mantine-datatable-text-align-left", Rn = "mantine-datatable-text-align-center", zn = "mantine-datatable-text-align-right";
 function Bn({ className: e, style: t, pinnedInfo: n, visibleMediaQuery: r, title: i, noWrap: a, ellipsis: o, textAlign: s, width: c }) {
-	return bn(r) ? p(z, {
+	return bn(r) ? p(oe, {
 		"data-pinned": n?.position,
 		"data-pinned-shadow": n?.isBoundary ? n.position : void 0,
 		className: X({
@@ -1780,17 +1780,17 @@ function Bn({ className: e, style: t, pinnedInfo: n, visibleMediaQuery: r, title
 	}) : null;
 }
 function Vn({ shadowVisible: e }) {
-	return p(z, {
+	return p(oe, {
 		className: "mantine-datatable-footer-selector-placeholder-cell",
 		"data-shadow-visible": e || void 0
 	});
 }
 function Hn({ className: e, style: t, columns: n, defaultColumnProps: r, pinnedMap: i, selectionVisible: a, selectorCellShadowVisible: o, ref: s }) {
-	return p(ie, {
+	return p(ae, {
 		ref: s,
 		className: X("mantine-datatable-footer", e),
 		style: t,
-		children: m(B, { children: [a && p(Vn, { shadowVisible: o }), n.map(({ hidden: e, ...t }) => {
+		children: m(R, { children: [a && p(Vn, { 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,
@@ -1829,7 +1829,7 @@ function Un({ group: { id: e, columns: t, groups: n, title: r, textAlign: i, cla
 		n,
 		_
 	]), y = l(() => d.reduce((e, t) => e + Dn(t, _), 0), [d, _]), b = n && n.length > 0 ? 1 : c - u, x = kn(f, y + v < h, m);
-	return v > 0 ? p(z, {
+	return v > 0 ? p(oe, {
 		colSpan: v,
 		rowSpan: b > 1 ? b : void 0,
 		"data-pinned": s?.position,
@@ -1887,7 +1887,7 @@ function Gn() {
 	});
 }
 function Kn({ children: e, isActive: t, filterPopoverProps: n, filterPopoverDisableClickOutside: r }) {
-	let [i, { close: a, toggle: o }] = Ee(!1), s = t ? Gn : Wn, c = Te(a);
+	let [i, { close: a, toggle: o }] = De(!1), s = t ? Gn : Wn, c = Ee(a);
 	return r && (c = void 0), m(N, {
 		withArrow: !0,
 		shadow: "md",
@@ -2072,7 +2072,7 @@ var Qn = 50, $n = (e) => {
 	let { accessor: t, columnRef: n } = e, [r, i] = d(!1), o = u(0), s = u({
 		current: 0,
 		next: 0
-	}), { dir: c } = fe(), l = c === "rtl", { setMultipleColumnWidths: f, beginResize: m, endResize: h } = Jt(), g = a((e) => {
+	}), { dir: c } = me(), l = c === "rtl", { setMultipleColumnWidths: f, beginResize: m, endResize: h } = Jt(), g = a((e) => {
 		if (e.preventDefault(), e.stopPropagation(), !n.current) return;
 		let r = n.current, a = r.nextElementSibling;
 		for (; a;) {
@@ -2208,36 +2208,36 @@ function nr() {
 	});
 }
 function rr({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQuery: i, title: a, sortable: o, draggable: s, toggleable: c, pinnable: l, resizable: f, sortIcons: g, textAlign: v, width: b, sortStatus: x, onSortStatusChange: S, filter: T, filterPopoverProps: E, filterPopoverDisableClickOutside: D, filtering: O, sortKey: k }) {
-	let { setSourceColumn: A, setTargetColumn: j, swapColumns: M, columnsToggle: N, setColumnsToggle: P, columnsPinning: ee, setColumnsPinning: F } = Jt(), [te, I] = d(!1), L = u(null), R = ee?.find((e) => e.accessor === r)?.pinned;
+	let { setSourceColumn: A, setTargetColumn: j, swapColumns: M, columnsToggle: N, setColumnsToggle: P, columnsPinning: ee, setColumnsPinning: F } = Jt(), [te, I] = d(!1), L = u(null), ne = ee?.find((e) => e.accessor === r)?.pinned;
 	if (!bn(i)) return null;
-	let ne = a ?? xn(r), re = typeof ne == "string" ? ne : void 0, ie = o && S ? (e) => {
+	let re = a ?? xn(r), ie = typeof re == "string" ? re : void 0, ae = o && S ? (e) => {
 		e?.defaultPrevented || S({
 			sortKey: k,
 			columnAccessor: r,
 			direction: x?.columnAccessor === r ? x.direction === "asc" ? "desc" : "asc" : x?.direction ?? "asc"
 		});
-	} : void 0, ae = (e) => {
+	} : void 0, se = (e) => {
 		e.stopPropagation(), A(r), I(!1);
-	}, B = (e) => {
+	}, R = (e) => {
 		e.preventDefault(), j(r), I(!0);
-	}, oe = () => {
+	}, ce = () => {
 		j(r), I(!1), M();
-	}, V = () => {
+	}, z = () => {
 		I(!0);
-	}, se = () => {
+	}, le = () => {
 		I(!1);
-	}, ce = (e) => {
+	}, ue = (e) => {
 		e.stopPropagation(), P(N.map((e) => e.accessor === r ? {
 			...e,
 			toggled: !1
 		} : e));
-	}, le = (e) => {
+	}, de = (e) => {
 		F((t) => t.map((t) => t.accessor === r ? {
 			...t,
 			pinned: e
 		} : t));
 	};
-	return m(z, {
+	return m(oe, {
 		"data-accessor": r,
 		"data-pinned": n?.position,
 		"data-pinned-shadow": n?.isBoundary ? n.position : void 0,
@@ -2264,8 +2264,8 @@ function rr({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
 		],
 		role: o ? "button" : void 0,
 		tabIndex: o ? 0 : void 0,
-		onClick: ie,
-		onKeyDown: (e) => e.key === "Enter" && ie?.(),
+		onClick: ae,
+		onKeyDown: (e) => e.key === "Enter" && ae?.(),
 		ref: L,
 		children: [m(w, {
 			className: "mantine-datatable-header-cell-sortable-group",
@@ -2280,11 +2280,11 @@ function rr({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
 						"mantine-datatable-header-cell-drag-over": te
 					}),
 					draggable: s,
-					onDragStart: s ? ae : void 0,
-					onDragEnter: s ? V : void 0,
-					onDragOver: s ? B : void 0,
-					onDrop: s ? oe : void 0,
-					onDragLeave: s ? se : void 0,
+					onDragStart: s ? se : void 0,
+					onDragEnter: s ? z : void 0,
+					onDragOver: s ? R : void 0,
+					onDrop: s ? ce : void 0,
+					onDragLeave: s ? le : void 0,
 					children: [s ? p(y, {
 						role: "img",
 						"aria-label": "Drag column",
@@ -2303,13 +2303,13 @@ function rr({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
 							[Rn]: v === "center",
 							[zn]: v === "right"
 						}, Mn, Nn),
-						title: re,
-						children: ne
+						title: ie,
+						children: re
 					})]
 				}),
 				l ? p(Zn, {
-					currentPinned: R,
-					onPinChange: le
+					currentPinned: ne,
+					onPinChange: de
 				}) : null,
 				c ? p(y, {
 					className: "mantine-datatable-header-cell-toggleable-icon",
@@ -2318,7 +2318,7 @@ function rr({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
 					children: p(h, {
 						size: "xs",
 						variant: "light",
-						onClick: ce,
+						onClick: ue,
 						children: p(Xn, {})
 					})
 				}) : null,
@@ -2348,7 +2348,7 @@ function rr({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
 }
 function ir({ 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(z, {
+	return p(oe, {
 		ref: l,
 		className: X("mantine-datatable-header-selector-cell", { [Pn]: n === "cell" && u }, e),
 		style: t,
@@ -2391,7 +2391,7 @@ function or({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r
 		checkboxProps: v,
 		onChange: _,
 		rowSpan: c ? D : void 0
-	}) : null, { columnsToggle: k, setColumnsToggle: A } = Jt(), [j, M] = d(!1), F = o.some((e) => e.toggleable), te = F ? Object.fromEntries(o.map(({ accessor: e, title: t }) => [e, t ?? xn(String(e))])) : void 0, I = m(ae, {
+	}) : null, { columnsToggle: k, setColumnsToggle: A } = Jt(), [j, M] = d(!1), F = o.some((e) => e.toggleable), te = F ? Object.fromEntries(o.map(({ accessor: e, title: t }) => [e, t ?? xn(String(e))])) : void 0, I = m(se, {
 		className: X("mantine-datatable-header", t),
 		style: n,
 		ref: T,
@@ -2400,7 +2400,7 @@ function or({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r
 		} : void 0,
 		children: [c && Array.from({ length: E }, (e, t) => {
 			let n = On(c, t);
-			return m(B, { children: [t === 0 && O, n.map((e, r) => p(Un, {
+			return m(R, { children: [t === 0 && O, n.map((e, r) => p(Un, {
 				group: e,
 				pinnedInfo: ar(e, l),
 				maxDepth: E,
@@ -2410,7 +2410,7 @@ function or({ 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(R, { 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,
@@ -2494,16 +2494,16 @@ function cr() {
 	});
 }
 var lr = {
-	xs: H(22),
-	sm: H(26),
-	md: H(32),
-	lg: H(38),
-	xl: H(44)
+	xs: B(22),
+	sm: B(26),
+	md: B(32),
+	lg: B(38),
+	xl: B(44)
 };
 function ur({ size: e, label: t, values: n, value: r, activeTextColor: i, activeBackgroundColor: a, onChange: o }) {
 	return m(w, {
 		gap: "xs",
-		children: [p(V, {
+		children: [p(z, {
 			component: "div",
 			size: e,
 			children: t
@@ -2534,7 +2534,7 @@ function ur({ size: e, label: t, values: n, value: r, activeTextColor: i, active
 					}) : void 0],
 					disabled: n,
 					onClick: () => o(t),
-					children: p(V, {
+					children: p(z, {
 						component: "div",
 						size: e,
 						children: t
@@ -2554,8 +2554,8 @@ function dr({ className: e, style: t, fetching: n, page: r, onPageChange: i, pag
 			totalRecords: g
 		});
 	} else O = n ? u : d;
-	let k = g && v ? Math.max(1, Math.ceil(g / v)) : 1, A = g ? (r - 1) * (v ?? 0) + 1 : void 0, j = g ? (A ?? 1) + (S ?? 0) - 1 : void 0, N = !bn(({ breakpoints: e }) => `(min-width: ${typeof w == "number" ? `${H(w)}rem` : e[w] || w})`), P = {
-		Text: (e) => p(V, {
+	let k = g && v ? Math.max(1, Math.ceil(g / v)) : 1, A = g ? (r - 1) * (v ?? 0) + 1 : void 0, j = g ? (A ?? 1) + (S ?? 0) - 1 : void 0, N = !bn(({ breakpoints: e }) => `(min-width: ${typeof w == "number" ? `${B(w)}rem` : e[w] || w})`), P = {
+		Text: (e) => p(z, {
 			component: "div",
 			className: "mantine-datatable-pagination-text",
 			size: l,
@@ -2624,7 +2624,7 @@ function dr({ className: e, style: t, fetching: n, page: r, onPageChange: i, pag
 	});
 }
 function fr({ 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 bn(r) ? p(re, {
+	return bn(r) ? p(ie, {
 		"data-pinned": n?.position,
 		"data-pinned-shadow": n?.isBoundary ? n.position : void 0,
 		className: X({
@@ -2658,7 +2658,7 @@ function fr({ className: e, style: t, pinnedInfo: n, visibleMediaQuery: r, recor
 }
 function pr({ 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(re, {
+	return a ? m(f, { children: [p(R, {}), p(R, { children: p(ie, {
 		className: "mantine-datatable-row-expansion-cell",
 		colSpan: t,
 		children: p(x, {
@@ -2678,7 +2678,7 @@ function mr({ className: e, style: t, record: n, index: r, trigger: i, onChange:
 	}, d = !l.disabled && !u.disabled, f = (e) => {
 		e.stopPropagation(), i === "cell" && d && a?.(e);
 	};
-	return p(re, {
+	return p(ie, {
 		className: X("mantine-datatable-row-selector-cell", { [Pn]: i === "cell" && d }, e),
 		style: t,
 		"data-shadow-visible": o || void 0,
@@ -2775,7 +2775,7 @@ function hr({ record: e, index: t, columns: n, defaultColumnProps: r, pinnedMap:
 		rowProps: P,
 		children: M,
 		expandedElement: N
-	}) : m(f, { children: [p(B, {
+	}) : m(f, { children: [p(R, {
 		...P,
 		children: M
 	}), N] });
@@ -2842,81 +2842,81 @@ function _r({ leftShadowBehind: e, rightShadowBehind: t, onScrollPositionChange:
 		]
 	});
 }
-function vr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, height: r = "100%", minHeight: i, maxHeight: o, shadow: d, verticalAlign: f = "center", fetching: h, columns: g, storeColumnsKey: v, groups: y, pinFirstColumn: b, pinLastColumn: x, defaultColumnProps: S, defaultColumnRender: C, idAccessor: w = "id", records: T, selectionTrigger: E = "checkbox", selectedRecords: D, onSelectedRecordsChange: O, selectionColumnClassName: k, selectionColumnStyle: A, isRecordSelectable: j, selectionCheckboxProps: M, allRecordsSelectionCheckboxProps: N = { "aria-label": "Select all records" }, getRecordSelectionCheckboxProps: P = (e, t) => ({ "aria-label": `Select record ${t + 1}` }), sortStatus: ee, sortIcons: F, onSortStatusChange: te, horizontalSpacing: I, page: L, onPageChange: R, totalRecords: re, recordsPerPage: ie, onRecordsPerPageChange: z, recordsPerPageOptions: ae, recordsPerPageLabel: B = "Records per page", paginationWithEdges: oe, paginationWithControls: V, paginationActiveTextColor: se, paginationActiveBackgroundColor: ce, paginationSize: le = "sm", paginationText: ue = ({ from: e, to: t, totalRecords: n }) => `${e} - ${t} / ${n}`, paginationWrapBreakpoint: de = "sm", getPaginationControlProps: H = (e) => e === "previous" ? { "aria-label": "Previous page" } : e === "next" ? { "aria-label": "Next page" } : {}, getPaginationItemProps: fe, renderPagination: pe, 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: Ae, onCellDoubleClick: je, onCellContextMenu: Me, onScroll: U, onScrollToTop: W, onScrollToBottom: Ne, onScrollToLeft: Pe, onScrollToRight: Fe, c: Ie, backgroundColor: Le, borderColor: G, rowBorderColor: K, stripedColor: Re, highlightOnHoverColor: ze, rowColor: Be, rowBackgroundColor: Ve, rowExpansion: He, rowClassName: Ue, rowStyle: We, customRowAttributes: Ge, scrollViewportRef: Ke, scrollAreaProps: qe, 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 ? En(y) : g, [g, y]), { refs: q, onScroll: dt } = pn({
+function vr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, height: r = "100%", minHeight: i, maxHeight: o, shadow: d, verticalAlign: f = "center", fetching: h, columns: g, storeColumnsKey: v, groups: y, pinFirstColumn: b, pinLastColumn: x, defaultColumnProps: S, defaultColumnRender: C, idAccessor: w = "id", records: T, selectionTrigger: E = "checkbox", selectedRecords: D, onSelectedRecordsChange: O, selectionColumnClassName: k, selectionColumnStyle: A, isRecordSelectable: j, selectionCheckboxProps: M, allRecordsSelectionCheckboxProps: N = { "aria-label": "Select all records" }, getRecordSelectionCheckboxProps: P = (e, t) => ({ "aria-label": `Select record ${t + 1}` }), sortStatus: ee, sortIcons: F, onSortStatusChange: te, horizontalSpacing: I, page: L, onPageChange: ne, totalRecords: ie, recordsPerPage: ae, onRecordsPerPageChange: oe, recordsPerPageOptions: se, recordsPerPageLabel: R = "Records per page", paginationWithEdges: ce, paginationWithControls: z, paginationActiveTextColor: le, paginationActiveBackgroundColor: ue, paginationSize: de = "sm", paginationText: fe = ({ from: e, to: t, totalRecords: n }) => `${e} - ${t} / ${n}`, paginationWrapBreakpoint: pe = "sm", getPaginationControlProps: B = (e) => e === "previous" ? { "aria-label": "Previous page" } : e === "next" ? { "aria-label": "Next page" } : {}, getPaginationItemProps: me, renderPagination: he, loaderBackgroundBlur: V, 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: Ne, onScrollToTop: Pe, onScrollToBottom: U, onScrollToLeft: W, onScrollToRight: Fe, c: Ie, backgroundColor: Le, borderColor: G, rowBorderColor: K, stripedColor: Re, highlightOnHoverColor: ze, rowColor: Be, rowBackgroundColor: q, rowExpansion: Ve, rowClassName: He, rowStyle: Ue, customRowAttributes: We, scrollViewportRef: Ge, scrollAreaProps: Ke, tableRef: qe, bodyRef: Je, m: Ye, my: Xe, mx: Ze, mt: Qe, mb: $e, ml: et, mr: tt, className: nt, classNames: rt, style: it, styles: at, rowFactory: ot, tableWrapper: st, ...ct }) {
+	let lt = l(() => y ? En(y) : g, [g, y]), { refs: J, onScroll: ut } = pn({
 		scrollCallbacks: {
-			onScroll: U,
-			onScrollToTop: W,
-			onScrollToBottom: Ne,
-			onScrollToLeft: Pe,
+			onScroll: Ne,
+			onScrollToTop: Pe,
+			onScrollToBottom: U,
+			onScrollToLeft: W,
 			onScrollToRight: Fe
 		},
-		withRowBorders: lt.withRowBorders
-	}), J = rn({
+		withRowBorders: ct.withRowBorders
+	}), Y = rn({
 		key: v,
-		columns: ut,
-		headerRef: q.header,
-		scrollViewportRef: q.scrollViewport
-	}), ft = J.effectiveColumns, pt = ke(q.table, Je), mt = ke(q.scrollViewport, Ke), ht = u(null), gt = ke(ht, Ye), _t = An({
-		rowExpansion: He,
+		columns: lt,
+		headerRef: J.header,
+		scrollViewportRef: J.scrollViewport
+	}), dt = Y.effectiveColumns, ft = H(J.table, qe), pt = H(J.scrollViewport, Ge), mt = u(null), ht = H(mt, Je), gt = An({
+		rowExpansion: Ve,
 		records: T,
 		idAccessor: w
-	}), { pinnedMap: vt, hasLeftPinned: yt, hasRightPinned: bt } = mn({
-		columns: ft,
-		theadRef: q.header,
-		tbodyRef: ht,
-		selectionColumnHeaderRef: q.selectionColumnHeader,
+	}), { pinnedMap: _t, hasLeftPinned: vt, hasRightPinned: yt } = mn({
+		columns: dt,
+		theadRef: J.header,
+		tbodyRef: mt,
+		selectionColumnHeaderRef: J.selectionColumnHeader,
 		selectionVisible: !!D,
 		pinFirstColumn: b,
 		pinLastColumn: x
-	}), xt = u(!1), St = u(L), Ct = u(T), wt = a((e) => {
-		xt.current = !0, Ct.current = T, R(e);
-	}, [R, T]);
+	}), bt = u(!1), xt = u(L), St = u(T), Ct = a((e) => {
+		bt.current = !0, St.current = T, ne(e);
+	}, [ne, T]);
 	s(() => {
-		St.current !== L && (xt.current = !0, Ct.current = T, St.current = L);
+		xt.current !== L && (bt.current = !0, St.current = T, xt.current = L);
 	}, [L, T]);
-	let Tt = T?.length;
+	let wt = T?.length;
 	c(() => {
-		if (!xt.current || h || T === Ct.current) return;
-		let e = q.scrollViewport.current;
+		if (!bt.current || h || T === St.current) return;
+		let e = J.scrollViewport.current;
 		if (!e) return;
 		let t = requestAnimationFrame(() => {
 			e.scrollTo({
 				top: 0,
 				left: 0
-			}), xt.current = !1;
+			}), bt.current = !1;
 		});
 		return () => cancelAnimationFrame(t);
 	}, [
 		h,
 		T,
-		q.scrollViewport
+		J.scrollViewport
 	]);
-	let Et = T?.map((e) => $(e, w)), Dt = !!D, Ot = D?.map((e) => $(e, w)), kt = Et !== void 0 && Ot !== void 0 && Ot.length > 0, At = j ? T?.filter(j) : T, Y = At?.map((e) => $(e, w)), jt = kt && Y.every((e) => Ot.includes(e)), Mt = kt && Y.some((e) => Ot.includes(e)), Nt = a(() => {
-		D && O && O(jt ? D.filter((e) => !Y.includes($(e, w))) : Cn([...D, ...At], (e) => $(e, w)));
+	let Tt = T?.map((e) => $(e, w)), Et = !!D, Dt = D?.map((e) => $(e, w)), Ot = Tt !== void 0 && Dt !== void 0 && Dt.length > 0, kt = j ? T?.filter(j) : T, At = kt?.map((e) => $(e, w)), jt = Ot && At.every((e) => Dt.includes(e)), Mt = Ot && At.some((e) => Dt.includes(e)), Nt = a(() => {
+		D && O && O(jt ? D.filter((e) => !At.includes($(e, w))) : Cn([...D, ...kt], (e) => $(e, w)));
 	}, [
 		jt,
 		w,
 		O,
-		Y,
 		At,
+		kt,
 		D
-	]), { lastSelectionChangeIndex: Pt, setLastSelectionChangeIndex: Ft } = hn(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]);
+	]), { lastSelectionChangeIndex: Pt, setLastSelectionChangeIndex: Ft } = hn(Tt), It = Et && !vt, Lt = {
+		m: Ye,
+		my: Xe,
+		mx: Ze,
+		mt: Qe,
+		mb: $e,
+		ml: et,
+		mr: tt
+	}, Rt = a(({ children: e }) => st ? st({ children: e }) : e, [st]);
 	return p(Yt, {
-		...J,
-		pinnedMap: vt,
+		...Y,
+		pinnedMap: _t,
 		children: m(_, {
-			ref: q.root,
+			ref: J.root,
 			...Lt,
-			className: X("mantine-datatable", { "mantine-datatable-with-border": e }, rt, it?.root),
+			className: X("mantine-datatable", { "mantine-datatable-with-border": e }, nt, rt?.root),
 			style: [
 				(e) => ({
 					...Wt({
@@ -2934,55 +2934,55 @@ function vr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 					minHeight: i,
 					maxHeight: o
 				}),
-				at,
-				ot?.root,
+				it,
+				at?.root,
 				{ position: "relative" }
 			],
 			children: [
 				p(_r, {
-					viewportRef: mt,
-					leftShadowBehind: Dt || yt,
-					rightShadowBehind: bt,
-					onScrollPositionChange: dt,
-					scrollAreaProps: qe,
-					children: p(Rt, { children: m(ne, {
-						ref: pt,
+					viewportRef: pt,
+					leftShadowBehind: Et || vt,
+					rightShadowBehind: yt,
+					onScrollPositionChange: ut,
+					scrollAreaProps: Ke,
+					children: p(Rt, { children: m(re, {
+						ref: ft,
 						horizontalSpacing: I,
 						className: X("mantine-datatable-table", {
 							[In]: n,
 							"mantine-datatable-vertical-align-top": f === "top",
 							"mantine-datatable-vertical-align-bottom": f === "bottom",
-							"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),
+							"mantine-datatable-selection-column-visible": Et,
+							"mantine-datatable-resizable-columns": Y.hasResizableColumns,
+							"mantine-datatable-resize-locked": Y.isLocked,
+							"mantine-datatable-resizing": Y.isResizing
+						}, rt?.table),
 						style: {
-							...ot?.table,
-							...J.isLocked ? { tableLayout: "fixed" } : null,
-							...J.tableWidth == null ? null : { width: `${J.tableWidth}px` }
+							...at?.table,
+							...Y.isLocked ? { tableLayout: "fixed" } : null,
+							...Y.tableWidth == null ? null : { width: `${Y.tableWidth}px` }
 						},
-						"data-striped": Tt && we || void 0,
-						"data-highlight-on-hover": Ce || void 0,
-						...lt,
+						"data-striped": wt && Te || void 0,
+						"data-highlight-on-hover": we || void 0,
+						...ct,
 						children: [
-							Te ? null : p(Yt, {
-								...J,
-								pinnedMap: vt,
+							Ee ? null : p(Yt, {
+								...Y,
+								pinnedMap: _t,
 								children: p(or, {
-									ref: q.header,
-									selectionColumnHeaderRef: q.selectionColumnHeader,
-									className: it?.header,
-									style: ot?.header,
-									columns: ft,
+									ref: J.header,
+									selectionColumnHeaderRef: J.selectionColumnHeader,
+									className: rt?.header,
+									style: at?.header,
+									columns: dt,
 									defaultColumnProps: S,
 									groups: y,
-									pinnedMap: vt,
+									pinnedMap: _t,
 									sortStatus: ee,
 									sortIcons: F,
 									onSortStatusChange: te,
 									selectionTrigger: E,
-									selectionVisible: Dt,
+									selectionVisible: Et,
 									selectionChecked: jt,
 									selectionIndeterminate: Mt && !jt,
 									onSelectionChange: Nt,
@@ -2993,13 +2993,13 @@ function vr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 									selectorCellShadowVisible: It,
 									selectionColumnClassName: k,
 									selectionColumnStyle: A,
-									withColumnBorders: lt.withColumnBorders
+									withColumnBorders: ct.withColumnBorders
 								})
 							}),
 							p("tbody", {
-								ref: gt,
-								children: Tt ? T.map((e, t) => {
-									let n = $(e, w), r = Ot?.includes(n) || !1, i;
+								ref: ht,
+								children: wt ? T.map((e, t) => {
+									let n = $(e, w), r = Dt?.includes(n) || !1, i;
 									return O && D && (i = (i) => {
 										if (i.nativeEvent.shiftKey && Pt !== null) {
 											let e = T.filter(t > Pt ? (e, n) => n >= Pt && n <= t && (j ? j(e, n) : !0) : (e, n) => n >= t && n <= Pt && (j ? j(e, n) : !0));
@@ -3009,89 +3009,89 @@ function vr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 									}), p(hr, {
 										record: e,
 										index: t,
-										columns: ft,
+										columns: dt,
 										defaultColumnProps: S,
-										pinnedMap: vt,
+										pinnedMap: _t,
 										defaultColumnRender: C,
 										selectionTrigger: E,
-										selectionVisible: Dt,
+										selectionVisible: Et,
 										selectionChecked: r,
 										onSelectionChange: i,
 										isRecordSelectable: j,
 										selectionCheckboxProps: M,
 										getSelectionCheckboxProps: P,
-										onClick: Ee,
-										onDoubleClick: De,
+										onClick: De,
+										onDoubleClick: Oe,
 										onCellClick: Ae,
 										onCellDoubleClick: je,
-										onContextMenu: Oe,
+										onContextMenu: ke,
 										onCellContextMenu: Me,
-										expansion: _t,
+										expansion: gt,
 										color: Be,
-										backgroundColor: Ve,
-										className: Ue,
-										style: We,
-										customAttributes: Ge,
+										backgroundColor: q,
+										className: He,
+										style: Ue,
+										customAttributes: We,
 										selectorCellShadowVisible: It,
 										selectionColumnClassName: k,
 										selectionColumnStyle: A,
 										idAccessor: w,
-										rowFactory: st
+										rowFactory: ot
 									}, n);
 								}) : p(Xt, {})
 							}),
-							ft.some(({ footer: e }) => e) && p(Hn, {
-								ref: q.footer,
-								className: it?.footer,
-								style: ot?.footer,
-								columns: ft,
+							dt.some(({ footer: e }) => e) && p(Hn, {
+								ref: J.footer,
+								className: rt?.footer,
+								style: at?.footer,
+								columns: dt,
 								defaultColumnProps: S,
-								pinnedMap: vt,
-								selectionVisible: Dt,
+								pinnedMap: _t,
+								selectionVisible: Et,
 								selectorCellShadowVisible: It
 							})
 						]
 					}) })
 				}),
-				!!(L && Tt) && p(dr, {
-					className: it?.pagination,
-					style: ot?.pagination,
+				!!(L && wt) && p(dr, {
+					className: rt?.pagination,
+					style: at?.pagination,
 					horizontalSpacing: I,
 					fetching: h,
 					page: L,
-					onPageChange: wt,
-					totalRecords: re,
-					recordsPerPage: ie,
-					onRecordsPerPageChange: z,
-					recordsPerPageOptions: ae,
-					recordsPerPageLabel: B,
-					paginationWithEdges: oe,
-					paginationWithControls: V,
-					paginationActiveTextColor: se,
-					paginationActiveBackgroundColor: ce,
-					paginationSize: le,
-					paginationText: ue,
-					paginationWrapBreakpoint: de,
-					getPaginationControlProps: H,
-					getPaginationItemProps: fe,
-					noRecordsText: xe,
-					loadingText: ye,
-					recordsLength: Tt,
-					renderPagination: pe
+					onPageChange: Ct,
+					totalRecords: ie,
+					recordsPerPage: ae,
+					onRecordsPerPageChange: oe,
+					recordsPerPageOptions: se,
+					recordsPerPageLabel: R,
+					paginationWithEdges: ce,
+					paginationWithControls: z,
+					paginationActiveTextColor: le,
+					paginationActiveBackgroundColor: ue,
+					paginationSize: de,
+					paginationText: fe,
+					paginationWrapBreakpoint: pe,
+					getPaginationControlProps: B,
+					getPaginationItemProps: me,
+					noRecordsText: Se,
+					loadingText: be,
+					recordsLength: wt,
+					renderPagination: he
 				}),
 				p(sr, {
 					fetching: h,
-					backgroundBlur: me,
-					customContent: he,
-					size: ge,
-					type: _e,
-					color: ve
+					backgroundBlur: V,
+					customContent: ge,
+					size: _e,
+					type: ve,
+					color: ye
 				}),
 				p(Qt, {
-					icon: Se,
-					text: xe,
-					active: !h && !Tt,
-					children: be
+					icon: Ce,
+					text: Se,
+					active: !h && !wt,
+					children: xe
 				})
 			]
 		})
@@ -3100,7 +3100,7 @@ function vr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 //#endregion
 //#region src/DataTable/UpdateModal.tsx
 function yr({ fields: e, onClose: t, queryKey: r, apiPath: i, id: a, steps: o }) {
-	let [c, l] = d(0), [u, h] = d(!1), { data: _, isLoading: y } = Lt(i, r, a), { mutateAsync: x, isError: S, error: C, isPending: T } = Bt(i, r), E = [...new Set(e.filter((e) => typeof e.step == "number").map((e) => e.step))], D = me({
+	let [c, l] = d(0), [u, h] = d(!1), { data: _, isLoading: y } = Lt(i, r, a), { mutateAsync: x, isError: S, error: C, isPending: T } = Bt(i, r), E = [...new Set(e.filter((e) => typeof e.step == "number").map((e) => e.step))], D = V({
 		mode: "uncontrolled",
 		initialValues: e.reduce((e, t) => (e[t.id] = t.type === "boolean" ? t.defaultValue ?? !1 : t.defaultValue ?? "", e), {}),
 		validate: e.filter((e) => e.required).reduce((e, t) => (e[t.id] = (e, n) => t.conditional && !t.conditional(n) || !(typeof t.required == "function" ? t.required(n) : t.required) || e ? null : "Pflichtfeld", e), {})
@@ -3122,7 +3122,7 @@ function yr({ fields: e, onClose: t, queryKey: r, apiPath: i, id: a, steps: o })
 		if (e.conditional && !e.conditional(t)) return null;
 		let r = O(e, t);
 		return /* @__PURE__ */ m(n, { children: [
-			(e.type === void 0 || e.type == "text") && /* @__PURE__ */ p(se, {
+			(e.type === void 0 || e.type == "text") && /* @__PURE__ */ p(le, {
 				label: e.column.title,
 				placeholder: e.placeholder ?? "",
 				...D.getInputProps(e.id),
@@ -3136,7 +3136,7 @@ function yr({ fields: e, onClose: t, queryKey: r, apiPath: i, id: a, steps: o })
 				...D.getInputProps(e.id),
 				required: r
 			}, D.key(e.id)),
-			e.type === "date" && /* @__PURE__ */ p(he, {
+			e.type === "date" && /* @__PURE__ */ p(ge, {
 				label: e.column.title,
 				placeholder: e.placeholder ?? "",
 				valueFormat: "DD.MM.YYYY",
@@ -3150,7 +3150,7 @@ function yr({ fields: e, onClose: t, queryKey: r, apiPath: i, id: a, steps: o })
 				...D.getInputProps(e.id, { type: "checkbox" }),
 				required: r
 			}, D.key(e.id)),
-			e.type === "textarea" && /* @__PURE__ */ p(ce, {
+			e.type === "textarea" && /* @__PURE__ */ p(ue, {
 				label: e.column.title,
 				placeholder: e.placeholder ?? "",
 				...D.getInputProps(e.id),
@@ -3198,10 +3198,10 @@ function yr({ fields: e, onClose: t, queryKey: r, apiPath: i, id: a, steps: o })
 				id: a
 			}), E.length && c < E.length - 1 ? S || l(c + 1) : S || (D.setInitialValues(n), D.reset(), t());
 		}),
-		children: [E.length ? /* @__PURE__ */ p(R, {
+		children: [E.length ? /* @__PURE__ */ p(ne, {
 			active: c,
 			size: "sm",
-			children: E.map((t) => /* @__PURE__ */ p(R.Step, {
+			children: E.map((t) => /* @__PURE__ */ p(ne.Step, {
 				...o && o[t - 1] ? { label: o[t - 1].label } : {},
 				children: e.filter((e) => e.step === t).map((e) => k(e))
 			}, t))
@@ -3233,7 +3233,7 @@ function br({ queryKey: e, apiPath: t, onClose: n, selectedRecords: r, confirmMe
 			title: c.name,
 			children: c.message
 		}),
-		/* @__PURE__ */ p(V, { children: i ? i(u) : u.length === 1 ? `Soll ${u.length} Eintrag wirklich gelöscht werden?` : `Sollen ${u.length} Einträge wirklich gelöscht werden?` }),
+		/* @__PURE__ */ p(z, { children: i ? i(u) : u.length === 1 ? `Soll ${u.length} Eintrag wirklich gelöscht werden?` : `Sollen ${u.length} Einträge wirklich gelöscht werden?` }),
 		/* @__PURE__ */ m(w, {
 			mt: "md",
 			justify: "end",
@@ -3344,13 +3344,13 @@ function Dr(e, t) {
 	let n = t.column;
 	if (n.render) return n.render(e, 0);
 	let r = Er(e, n.accessor ?? t.id);
-	return r == null ? /* @__PURE__ */ p(V, {
+	return r == null ? /* @__PURE__ */ p(z, {
 		c: "dimmed",
 		children: "–"
-	}) : typeof r == "boolean" ? /* @__PURE__ */ p(V, {
+	}) : typeof r == "boolean" ? /* @__PURE__ */ p(z, {
 		fz: "sm",
 		children: r ? "Ja" : "Nein"
-	}) : /* @__PURE__ */ p(V, {
+	}) : /* @__PURE__ */ p(z, {
 		fz: "sm",
 		children: String(r)
 	});
@@ -3362,7 +3362,7 @@ function Or({ field: e, record: t }) {
 		align: "center",
 		py: "xs",
 		px: "sm",
-		children: [/* @__PURE__ */ p(V, {
+		children: [/* @__PURE__ */ p(z, {
 			fw: 700,
 			fz: "sm",
 			children: e.column.title ?? e.id
@@ -3394,7 +3394,7 @@ function kr({ records: e, fields: n, selection: r, selectedRecords: i = [], onSe
 			event: n
 		}) : r && k(e);
 	};
-	return e.length === 0 ? /* @__PURE__ */ p(V, {
+	return e.length === 0 ? /* @__PURE__ */ p(z, {
 		c: "dimmed",
 		ta: "center",
 		py: "xl",
@@ -3416,7 +3416,7 @@ function kr({ records: e, fields: n, selection: r, selectedRecords: i = [], onSe
 					variant: "filled",
 					size: "input-sm",
 					onClick: () => f.onSortChange(f.field, f.direction === "asc" ? "desc" : "asc"),
-					children: f.direction === "asc" ? /* @__PURE__ */ p(Se, { size: 18 }) : /* @__PURE__ */ p(Ce, { size: 18 })
+					children: f.direction === "asc" ? /* @__PURE__ */ p(Ce, { size: 18 }) : /* @__PURE__ */ p(we, { size: 18 })
 				})]
 			}),
 			e.map((e, n) => {
@@ -3450,7 +3450,7 @@ function kr({ records: e, fields: n, selection: r, selectedRecords: i = [], onSe
 									onClick: (e) => {
 										e.stopPropagation(), C(u);
 									},
-									children: /* @__PURE__ */ p(_e, {
+									children: /* @__PURE__ */ p(ve, {
 										size: 16,
 										style: {
 											transform: d ? "rotate(0deg)" : "rotate(-90deg)",
@@ -3472,7 +3472,7 @@ function kr({ records: e, fields: n, selection: r, selectedRecords: i = [], onSe
 										color: "gray",
 										size: "sm",
 										onClick: (e) => e.stopPropagation(),
-										children: /* @__PURE__ */ p(ve, { size: 16 })
+										children: /* @__PURE__ */ p(ye, { size: 16 })
 									}) }), /* @__PURE__ */ p(E.Dropdown, { children: t.map((t, n) => /* @__PURE__ */ p(E.Item, {
 										leftSection: t.icon,
 										onClick: (n) => {
@@ -3510,7 +3510,7 @@ function kr({ records: e, fields: n, selection: r, selectedRecords: i = [], onSe
 				}), u.recordsPerPageOptions && u.onRecordsPerPageChange && /* @__PURE__ */ m(w, {
 					justify: "center",
 					gap: "xs",
-					children: [/* @__PURE__ */ p(V, {
+					children: [/* @__PURE__ */ p(z, {
 						fz: "xs",
 						c: "dimmed",
 						children: "Einträge pro Seite:"
@@ -3539,21 +3539,21 @@ var Ar = [
 	100,
 	500
 ];
-function jr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutationApiPath: a, buttons: o, fields: c, selection: l, pagination: u, filters: y, actions: b, steps: x, defaultSort: S, onSortChange: C, createButtonText: T, queryParams: D, tabs: O, defaultTab: k, activeTab: j, onActiveTabChange: M, canUpdate: N, canDelete: P, showRefresh: ee = !0, rowExpansion: F, onRowClick: te, mobileCards: R = !1, deleteConfirmMessage: ne }) {
-	let [re, ie] = d(k || (O && O.length > 0 ? O[0].value : null)), z = j === void 0 ? re : j, ae = (e) => {
-		j === void 0 && ie(e), M && M(e);
-	}, B = O?.find((e) => e.value === z), V = B?.queryParams || {}, se = B?.apiPath ?? r, ce = B?.mutationApiPath ?? a ?? se, ue = {
+function jr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutationApiPath: a, buttons: o, fields: c, selection: l, pagination: u, filters: y, actions: b, steps: x, defaultSort: S, onSortChange: w, createButtonText: T, queryParams: D, tabs: O, defaultTab: k, activeTab: j, onActiveTabChange: M, canUpdate: N, canDelete: P, showRefresh: ee = !0, rowExpansion: F, onRowClick: te, mobileCards: ne = !1, deleteConfirmMessage: re, editRecordId: ie, onEditRecordIdChange: ae }) {
+	let [oe, se] = d(k || (O && O.length > 0 ? O[0].value : null)), R = j === void 0 ? oe : j, z = (e) => {
+		j === void 0 && se(e), M && M(e);
+	}, le = O?.find((e) => e.value === R), ue = le?.queryParams || {}, fe = le?.apiPath ?? r, pe = le?.mutationApiPath ?? a ?? fe, B = {
 		...D,
-		...V
-	}, de = ue ? "?" + Object.entries(ue).filter(([, e]) => e != null).map(([e, t]) => `${e}=${encodeURIComponent(t ?? "")}`).join("&") : "", H = z ? [...t, z] : t, { data: fe, isLoading: pe, isError: me, isRefetching: he, refetch: _e } = Rt(se + de, H), { queryClient: ve } = kt();
+		...ue
+	}, me = B ? "?" + Object.entries(B).filter(([, e]) => e != null).map(([e, t]) => `${e}=${encodeURIComponent(t ?? "")}`).join("&") : "", he = R ? [...t, R] : t, { data: V, isLoading: ge, isError: ve, isRefetching: ye, refetch: Ce } = Rt(fe + me, he), { queryClient: we } = Ot();
 	s(() => {
-		!fe || !Array.isArray(fe) || n?.forEach((e) => ve.invalidateQueries({ queryKey: e }));
+		!V || !Array.isArray(V) || n?.forEach((e) => we.invalidateQueries({ queryKey: e }));
 	}, [
-		fe,
+		V,
 		n,
-		ve
+		we
 	]);
-	let Se = !fe || !Array.isArray(fe) ? [] : !y || y.length === 0 ? fe : fe.filter((e) => y.every((t) => {
+	let Ee = !V || !Array.isArray(V) ? [] : !y || y.length === 0 ? V : V.filter((e) => y.every((t) => {
 		if (t.value === void 0) return !0;
 		let n = t.id;
 		if (t.type === "query") {
@@ -3585,65 +3585,92 @@ function jr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 			return !0;
 		} else if (t.type === "boolean") return e[n] === t.value;
 		return !0;
-	})), [Ce, Te] = d({
+	})), [De, Oe] = d({
 		columnAccessor: S?.field ?? c[0].id,
 		direction: S?.direction ?? "desc"
-	}), Ee = (e) => {
-		Te(e), C && C(String(e.columnAccessor), e.direction);
-	}, De = Tr(Se, Ce.columnAccessor, Ce.direction), [Oe, ke] = xr(Ar[1], "mantine-table-page-size"), [Ae, je] = d(1), Me = u ? De.slice((Ae - 1) * Oe, Ae * Oe) : De, [U, W] = d([]);
+	}), ke = (e) => {
+		Oe(e), w && w(String(e.columnAccessor), e.direction);
+	}, H = Tr(Ee, De.columnAccessor, De.direction), [Ae, je] = xr(Ar[1], "mantine-table-page-size"), [Me, Ne] = d(1), Pe = u ? H.slice((Me - 1) * Ae, Me * Ae) : H, [U, W] = d([]);
 	s(() => {
 		W([]);
-	}, [z]);
-	let [Ne, Pe] = d(!1), [Fe, Ie] = d(!1), [Le, G] = d(!1), K = c.some((e) => e.update), Re = c.some((e) => e.delete), ze = [];
-	return K && ze.push({
-		icon: /* @__PURE__ */ p(be, { size: 14 }),
+	}, [R]);
+	let [Fe, Ie] = d(!1), [Le, G] = d(!1), [K, Re] = d(!1);
+	s(() => {
+		if (ie && H.length > 0) {
+			let e = H.find((e) => e.id === ie);
+			e && (W([e]), G(!0), ae?.(null));
+		}
+	}, [ie, H]);
+	let ze = c.some((e) => e.update), Be = c.some((e) => e.delete), q = [];
+	return ze && q.push({
+		icon: /* @__PURE__ */ p(xe, { size: 14 }),
 		label: "Bearbeiten",
 		onClick: (e) => {
-			W(e), Ie(!0);
+			W(e), G(!0);
 		}
-	}), b && ze.push(...b), Re && ze.push({
-		icon: /* @__PURE__ */ p(we, { size: 14 }),
+	}), b && q.push(...b), Be && q.push({
+		icon: /* @__PURE__ */ p(Te, { size: 14 }),
 		label: "Löschen",
 		onClick: (e) => {
-			W(e), G(!0);
+			W(e), Re(!0);
 		}
 	}), /* @__PURE__ */ m(f, { children: [
-		/* @__PURE__ */ m(w, {
+		/* @__PURE__ */ m(C, {
 			gap: "xs",
-			justify: e ? "space-between" : "end",
-			align: "center",
+			align: {
+				base: "stretch",
+				sm: "center"
+			},
+			direction: {
+				base: "column",
+				sm: "row"
+			},
+			justify: e ? "space-between" : "flex-end",
 			wrap: "wrap",
-			children: [e && (typeof e == "string" ? /* @__PURE__ */ p(le, {
+			children: [e && (typeof e == "string" ? /* @__PURE__ */ p(de, {
 				order: 4,
 				children: e
-			}) : e), /* @__PURE__ */ m(w, {
-				align: "center",
+			}) : e), /* @__PURE__ */ m(C, {
+				align: {
+					base: "stretch",
+					sm: "center"
+				},
+				direction: {
+					base: "column",
+					sm: "row"
+				},
 				gap: "xs",
 				wrap: "wrap",
-				justify: "end",
-				style: { marginLeft: "auto" },
+				justify: {
+					base: "flex-start",
+					sm: "flex-end"
+				},
+				ml: {
+					base: 0,
+					sm: "auto"
+				},
 				children: [
 					ee && /* @__PURE__ */ p(h, {
 						variant: "subtle",
-						onClick: () => _e(),
+						onClick: () => Ce(),
 						"aria-label": "Neuladen",
-						children: /* @__PURE__ */ p(xe, {})
+						children: /* @__PURE__ */ p(Se, {})
 					}),
 					(c.some((e) => e.update) || l) && (() => {
 						let e = c.find((e) => e.update) && (!N || U.length > 0 && N(U[0])), t = c.find((e) => e.delete) && (!P || U.length > 0 && P(U[0])), n = (b ?? []).length > 0, r = e || t || n;
 						return /* @__PURE__ */ p(_, {
-							...R ? { visibleFrom: "sm" } : {},
+							...ne ? { visibleFrom: "sm" } : {},
 							children: /* @__PURE__ */ m(E, {
 								shadow: "md",
 								children: [/* @__PURE__ */ p(E.Target, { children: /* @__PURE__ */ p(v, {
 									variant: "outline",
-									rightSection: /* @__PURE__ */ p(ge, { size: 14 }),
+									rightSection: /* @__PURE__ */ p(_e, { size: 14 }),
 									disabled: !U.length || !r,
 									children: "Aktionen"
 								}) }), /* @__PURE__ */ m(E.Dropdown, { children: [
 									e && /* @__PURE__ */ p(E.Item, {
-										leftSection: /* @__PURE__ */ p(be, { size: 14 }),
-										onClick: () => Ie(!0),
+										leftSection: /* @__PURE__ */ p(xe, { size: 14 }),
+										onClick: () => G(!0),
 										disabled: U.length !== 1,
 										children: "Bearbeiten"
 									}),
@@ -3654,8 +3681,8 @@ function jr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 										disabled: e.disabled?.(U) ?? !1
 									}, e.label)),
 									t && /* @__PURE__ */ p(E.Item, {
-										leftSection: /* @__PURE__ */ p(we, { size: 14 }),
-										onClick: () => G(!0),
+										leftSection: /* @__PURE__ */ p(Te, { size: 14 }),
+										onClick: () => Re(!0),
 										color: "red",
 										children: "Löschen"
 									})
@@ -3664,33 +3691,33 @@ function jr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 						});
 					})(),
 					c.find((e) => e.create) && /* @__PURE__ */ p(v, {
-						onClick: () => Pe(!0),
-						disabled: pe,
+						onClick: () => Ie(!0),
+						disabled: ge,
 						children: T ?? "Erstellen"
 					}),
 					o
 				]
 			})]
 		}),
-		O && O.length > 0 && /* @__PURE__ */ p(oe, {
-			value: z,
-			onChange: ae,
+		O && O.length > 0 && /* @__PURE__ */ p(ce, {
+			value: R,
+			onChange: z,
 			mt: "md",
-			children: /* @__PURE__ */ p(oe.List, { children: O.map((e) => /* @__PURE__ */ p(oe.Tab, {
+			children: /* @__PURE__ */ p(ce.List, { children: O.map((e) => /* @__PURE__ */ p(ce.Tab, {
 				value: e.value,
 				leftSection: e.icon,
 				children: e.label
 			}, e.value)) })
 		}),
-		me && /* @__PURE__ */ p(g, {
+		ve && /* @__PURE__ */ p(g, {
 			mt: "md",
 			variant: "light",
 			color: "red",
 			title: "Es ist ein Fehler aufgetreten.",
-			icon: /* @__PURE__ */ p(ye, {}),
+			icon: /* @__PURE__ */ p(be, {}),
 			children: "Bitte versuche es später erneut oder sende eine Nachricht an unseren Support."
 		}),
-		(pe || he) && /* @__PURE__ */ m(L, {
+		(ge || ye) && /* @__PURE__ */ m(L, {
 			my: "md",
 			children: [/* @__PURE__ */ p(I, { height: 40 }), [
 				,
@@ -3700,28 +3727,28 @@ function jr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 				,
 			].fill(0).map((e, t) => /* @__PURE__ */ p(I, { height: 35 }, `skeleton-${t}`))]
 		}),
-		!pe && !he && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(_, {
-			...R ? { visibleFrom: "sm" } : {},
+		!ge && !ye && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(_, {
+			...ne ? { visibleFrom: "sm" } : {},
 			children: /* @__PURE__ */ p(vr, {
 				my: "md",
 				striped: !0,
 				highlightOnHover: !0,
 				minHeight: 150,
-				fetching: me,
-				records: Me,
-				sortStatus: Ce,
-				onSortStatusChange: Ee,
+				fetching: ve,
+				records: Pe,
+				sortStatus: De,
+				onSortStatusChange: ke,
 				...l && {
 					selectedRecords: U,
 					onSelectedRecordsChange: W
 				},
-				...u && Me.length && {
-					totalRecords: De.length,
-					recordsPerPage: Oe,
-					onPageChange: je,
-					page: Ae,
+				...u && Pe.length && {
+					totalRecords: H.length,
+					recordsPerPage: Ae,
+					onPageChange: Ne,
+					page: Me,
 					recordsPerPageOptions: Ar,
-					onRecordsPerPageChange: ke,
+					onRecordsPerPageChange: je,
 					recordsPerPageLabel: "Einträge pro Seite"
 				},
 				...F && { rowExpansion: {
@@ -3734,87 +3761,87 @@ function jr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 				onRowClick: te,
 				...te && { style: { cursor: "pointer" } }
 			})
-		}), R && /* @__PURE__ */ p(_, {
+		}), ne && /* @__PURE__ */ p(_, {
 			hiddenFrom: "sm",
 			children: /* @__PURE__ */ p(kr, {
-				records: Me,
+				records: Pe,
 				fields: c,
 				selection: l,
 				selectedRecords: U,
 				onSelectedRecordsChange: W,
 				onRowClick: te,
 				sort: {
-					field: String(Ce.columnAccessor),
-					direction: Ce.direction,
+					field: String(De.columnAccessor),
+					direction: De.direction,
 					onSortChange: (e, t) => {
-						Ee({
+						ke({
 							columnAccessor: e,
 							direction: t
 						});
 					}
 				},
-				...u && Me.length && { pagination: {
-					totalRecords: De.length,
-					recordsPerPage: Oe,
-					page: Ae,
-					onPageChange: je,
+				...u && Pe.length && { pagination: {
+					totalRecords: H.length,
+					recordsPerPage: Ae,
+					page: Me,
+					onPageChange: Ne,
 					recordsPerPageOptions: Ar,
 					onRecordsPerPageChange: (e) => {
-						ke(e), je(1);
+						je(e), Ne(1);
 					}
 				} },
 				...F && { rowExpansion: { content: F.content } },
-				...ze.length > 0 && {
-					actions: ze,
+				...q.length > 0 && {
+					actions: q,
 					canUpdate: N,
 					canDelete: P
 				}
 			})
 		})] }),
 		/* @__PURE__ */ p(A, {
-			opened: Fe,
+			opened: Le,
 			onClose: () => {
-				Ie(!1), W([]);
+				G(!1), W([]);
 			},
 			title: e ?? "Bearbeiten",
 			children: U.length > 0 && /* @__PURE__ */ p(yr, {
 				fields: c.filter((e) => e.update),
 				queryKey: t,
-				apiPath: ce,
+				apiPath: pe,
 				id: U[0].id,
 				onClose: () => {
-					Ie(!1), W([]);
+					G(!1), W([]);
 				},
 				steps: x
 			})
 		}),
 		U.length > 0 && /* @__PURE__ */ p(A, {
-			opened: Le,
+			opened: K,
 			onClose: () => {
-				G(!1), W([]);
+				Re(!1), W([]);
 			},
 			title: e ?? "Löschen",
 			children: /* @__PURE__ */ p(br, {
 				onClose: () => {
-					G(!1), W([]);
+					Re(!1), W([]);
 				},
 				queryKey: t,
-				apiPath: ce,
+				apiPath: pe,
 				selectedRecords: U,
-				confirmMessage: ne
+				confirmMessage: re
 			})
 		}),
 		/* @__PURE__ */ p(A, {
-			opened: Ne,
+			opened: Fe,
 			onClose: () => {
-				Pe(!1);
+				Ie(!1);
 			},
 			title: e ?? "Anlegen",
 			children: /* @__PURE__ */ p(Ht, {
 				queryKey: t,
-				apiPath: ce,
+				apiPath: pe,
 				onClose: () => {
-					Pe(!1);
+					Ie(!1);
 				},
 				fields: c.filter((e) => e.create),
 				steps: x
@@ -3828,6 +3855,6 @@ function Mr(e) {
 	return /* @__PURE__ */ p(jr, { ...e });
 }
 //#endregion
-export { Ht as CreateModal, Mr as DataTable, Ot as DataTableProvider, br as DeleteModal, kr as MobileCardList, yr as UpdateModal, Ft as api, Pt as createOne, Nt as deleteOne, jt as getAll, Mt as getOne, At as parseApiError, Tr as sortData, It as updateOne, zt as useAddOne, kt as useDataTable, Vt as useDeleteOne, Rt as useGetAll, Lt as useGetOne, xr as usePersistentState, Bt as useUpdateOne };
+export { Ht as CreateModal, Mr as DataTable, Dt as DataTableProvider, br as DeleteModal, kr as MobileCardList, yr as UpdateModal, Ft as api, Pt as createOne, Nt as deleteOne, jt as getAll, Mt as getOne, kt as parseApiError, Tr as sortData, It as updateOne, zt as useAddOne, Ot as useDataTable, Vt as useDeleteOne, Rt as useGetAll, Lt as useGetOne, xr as usePersistentState, Bt as useUpdateOne };
 
 //# sourceMappingURL=index.es.js.map