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

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, HoverCard as E, Indicator as D, Loader as O, Menu as k, MenuDropdown as A, MenuItem as j, MenuTarget as M, Modal as N, NumberInput as P, Pagination as ee, Popover as F, PopoverDropdown as te, PopoverTarget as I, ScrollArea as L, Select as ne, Skeleton as R, Stack as re, Stepper as ie, Table as z, TableTd as B, TableTfoot as ae, TableTh as oe, TableThead as se, TableTr as ce, Tabs as le, Text as V, TextInput as ue, Textarea as de, Title as fe, createSafeContext as pe, parseThemeColor as me, rem as H, useDirection as he, useMantineTheme as ge } from "@mantine/core";
-import { DateInput as _e } from "@mantine/dates";
-import { useForm as ve } from "@mantine/form";
-import { IconCaretDownFilled as ye, IconChevronRight as be, IconDotsVertical as xe, IconFilter as Se, IconInfoCircle as Ce, IconPencil as we, IconRefresh as Te, IconSortAscending as Ee, IconSortDescending as De, IconTrash as Oe } from "@tabler/icons-react";
-import { useClickOutside as ke, useDisclosure as Ae, useLocalStorage as je, useMediaQuery as Me, useMergedRef as Ne, useTimeout as Pe } from "@mantine/hooks";
+import { Accordion as h, ActionIcon as g, Alert as _, Box as v, Button as y, Center as b, Checkbox as x, Collapse as S, Divider as C, Flex as w, Group as T, HoverCard as E, Indicator as D, Loader as O, Menu as k, MenuDropdown as A, MenuItem as j, MenuTarget as M, Modal as N, NumberInput as P, Pagination as ee, Popover as F, PopoverDropdown as te, PopoverTarget as I, ScrollArea as L, Select as ne, Skeleton as re, Stack as ie, Stepper as ae, Table as oe, TableTd as R, TableTfoot as se, TableTh as ce, TableThead as le, TableTr as z, Tabs as ue, Text as B, TextInput as de, Textarea as fe, Title as pe, createSafeContext as me, parseThemeColor as he, rem as ge, useDirection as _e, useMantineTheme as ve } from "@mantine/core";
+import { DateInput as ye } from "@mantine/dates";
+import { useForm as be } from "@mantine/form";
+import { IconCaretDownFilled as xe, IconChevronRight as Se, IconDotsVertical as Ce, IconFilter as we, IconInfoCircle as Te, IconPencil as Ee, IconRefresh as De, IconSortAscending as Oe, IconSortDescending as ke, IconTrash as Ae } from "@tabler/icons-react";
+import { useClickOutside as je, useDisclosure as Me, useLocalStorage as Ne, useMediaQuery as Pe, useMergedRef as Fe, useTimeout as Ie } from "@mantine/hooks";
 //#region node_modules/@tanstack/query-core/build/modern/subscribable.js
-var Fe = class {
+var Le = class {
 	constructor() {
 		this.listeners = /* @__PURE__ */ new Set(), this.subscribe = this.subscribe.bind(this);
 	}
@@ -21,7 +21,7 @@ var Fe = class {
 	}
 	onSubscribe() {}
 	onUnsubscribe() {}
-}, Ie = new class extends Fe {
+}, Re = new class extends Le {
 	#e;
 	#t;
 	#n;
@@ -58,13 +58,13 @@ var Fe = class {
 	isFocused() {
 		return typeof this.#e == "boolean" ? this.#e : globalThis.document?.visibilityState !== "hidden";
 	}
-}(), Le = {
+}(), ze = {
 	setTimeout: (e, t) => setTimeout(e, t),
 	clearTimeout: (e) => clearTimeout(e),
 	setInterval: (e, t) => setInterval(e, t),
 	clearInterval: (e) => clearInterval(e)
-}, Re = new class {
-	#e = Le;
+}, V = new class {
+	#e = ze;
 	#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,77 +85,77 @@ var Fe = class {
 		this.#e.clearInterval(e);
 	}
 }();
-function ze(e) {
+function Be(e) {
 	setTimeout(e, 0);
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/utils.js
-var Be = typeof window > "u" || "Deno" in globalThis;
-function Ve() {}
+var Ve = typeof window > "u" || "Deno" in globalThis;
+function H() {}
 function He(e) {
 	return typeof e == "number" && e >= 0 && e !== Infinity;
 }
 function Ue(e, t) {
 	return Math.max(e + (t || 0) - Date.now(), 0);
 }
-function We(e, t) {
+function U(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function U(e, t) {
+function W(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function Ge(e) {
-	return JSON.stringify(e, (e, t) => Ye(t) ? Object.keys(t).sort().reduce((e, n) => (e[n] = t[n], e), {}) : t);
+function We(e) {
+	return JSON.stringify(e, (e, t) => Je(t) ? Object.keys(t).sort().reduce((e, n) => (e[n] = t[n], e), {}) : t);
 }
-var Ke = Object.prototype.hasOwnProperty;
-function W(e, t, n = 0) {
+var Ge = Object.prototype.hasOwnProperty;
+function Ke(e, t, n = 0) {
 	if (e === t) return e;
 	if (n > 500) return t;
-	let r = Je(e) && Je(t);
-	if (!r && !(Ye(e) && Ye(t))) return t;
+	let r = qe(e) && qe(t);
+	if (!r && !(Je(e) && Je(t))) return t;
 	let i = (r ? e : Object.keys(e)).length, a = r ? t : Object.keys(t), o = a.length, s = r ? Array(o) : {}, c = 0;
 	for (let l = 0; l < o; l++) {
 		let o = r ? l : a[l], u = e[o], d = t[o];
 		if (u === d) {
-			s[o] = u, (r ? l < i : Ke.call(e, o)) && c++;
+			s[o] = u, (r ? l < i : Ge.call(e, o)) && c++;
 			continue;
 		}
 		if (u === null || d === null || typeof u != "object" || typeof d != "object") {
 			s[o] = d;
 			continue;
 		}
-		let f = W(u, d, n + 1);
+		let f = Ke(u, d, n + 1);
 		s[o] = f, f === u && c++;
 	}
 	return i === o && c === i ? e : s;
 }
-function qe(e, t) {
+function G(e, t) {
 	if (!t || Object.keys(e).length !== Object.keys(t).length) return !1;
 	for (let n in e) if (e[n] !== t[n]) return !1;
 	return !0;
 }
-function Je(e) {
+function qe(e) {
 	return Array.isArray(e) && e.length === Object.keys(e).length;
 }
-function Ye(e) {
-	if (!Xe(e)) return !1;
+function Je(e) {
+	if (!Ye(e)) return !1;
 	let t = e.constructor;
 	if (t === void 0) return !0;
 	let n = t.prototype;
-	return !(!Xe(n) || !n.hasOwnProperty("isPrototypeOf") || Object.getPrototypeOf(e) !== Object.prototype);
+	return !(!Ye(n) || !n.hasOwnProperty("isPrototypeOf") || Object.getPrototypeOf(e) !== Object.prototype);
 }
-function Xe(e) {
+function Ye(e) {
 	return Object.prototype.toString.call(e) === "[object Object]";
 }
-function G(e, t, n) {
+function Xe(e, t, n) {
 	if (typeof n.structuralSharing == "function") return n.structuralSharing(e, t);
 	if (n.structuralSharing !== !1) {
 		if (process.env.NODE_ENV !== "production") try {
-			return W(e, t);
+			return Ke(e, t);
 		} catch (e) {
 			throw console.error(`Structural sharing requires data to be JSON serializable. To fix this, turn off structuralSharing or return JSON-serializable data from your queryFn. [${n.queryHash}]: ${e}`), e;
 		}
-		return W(e, t);
+		return Ke(e, t);
 	}
 	return t;
 }
@@ -164,8 +164,8 @@ function K(e, t) {
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/environmentManager.js
-var Ze = /* @__PURE__ */ (() => {
-	let e = () => Be;
+var q = /* @__PURE__ */ (() => {
+	let e = () => Ve;
 	return {
 		isServer() {
 			return e();
@@ -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 = ze;
-function et() {
+var Qe = Be;
+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 Fe {
+var J = $e(), et = new class extends Le {
 	#e = !0;
 	#t;
 	#n;
@@ -281,16 +281,16 @@ var tt = et(), nt = new class extends Fe {
 }();
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/retryer.js
-function rt(e) {
-	return (e ?? "online") !== "online" || nt.isOnline();
+function tt(e) {
+	return (e ?? "online") !== "online" || et.isOnline();
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/query.js
-function it(e, t) {
+function nt(e, t) {
 	return {
 		fetchFailureCount: 0,
 		fetchFailureReason: null,
-		fetchStatus: rt(t.networkMode) ? "fetching" : "paused",
+		fetchStatus: tt(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 Fe {
+var rt = class extends Le {
 	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,36 +322,36 @@ var at = class extends Fe {
 		this.refetch = this.refetch.bind(this);
 	}
 	onSubscribe() {
-		this.listeners.size === 1 && (this.#t.addObserver(this), ot(this.#t, this.options) ? this.#h() : this.updateResult(), this.#y());
+		this.listeners.size === 1 && (this.#t.addObserver(this), at(this.#t, this.options) ? this.#h() : this.updateResult(), this.#y());
 	}
 	onUnsubscribe() {
 		this.hasListeners() || this.destroy();
 	}
 	shouldFetchOnReconnect() {
-		return st(this.#t, this.options, this.options.refetchOnReconnect);
+		return ot(this.#t, this.options, this.options.refetchOnReconnect);
 	}
 	shouldFetchOnWindowFocus() {
-		return st(this.#t, this.options, this.options.refetchOnWindowFocus);
+		return ot(this.#t, this.options, this.options.refetchOnWindowFocus);
 	}
 	destroy() {
 		this.listeners = /* @__PURE__ */ new Set(), this.#b(), this.#x(), this.#t.removeObserver(this);
 	}
 	setOptions(e) {
 		let t = this.options, n = this.#t;
-		if (this.options = this.#e.defaultQueryOptions(e), this.options.enabled !== void 0 && typeof this.options.enabled != "boolean" && typeof this.options.enabled != "function" && typeof U(this.options.enabled, this.#t) != "boolean") throw Error("Expected enabled to be a boolean or a callback that returns a boolean");
-		this.#S(), this.#t.setOptions(this.options), t._defaulted && !qe(this.options, t) && this.#e.getQueryCache().notify({
+		if (this.options = this.#e.defaultQueryOptions(e), this.options.enabled !== void 0 && typeof this.options.enabled != "boolean" && typeof this.options.enabled != "function" && typeof W(this.options.enabled, this.#t) != "boolean") throw Error("Expected enabled to be a boolean or a callback that returns a boolean");
+		this.#S(), this.#t.setOptions(this.options), t._defaulted && !G(this.options, t) && this.#e.getQueryCache().notify({
 			type: "observerOptionsUpdated",
 			query: this.#t,
 			observer: this
 		});
 		let r = this.hasListeners();
-		r && ct(this.#t, n, this.options, t) && this.#h(), this.updateResult(), r && (this.#t !== n || U(this.options.enabled, this.#t) !== U(t.enabled, this.#t) || We(this.options.staleTime, this.#t) !== We(t.staleTime, this.#t)) && this.#g();
+		r && st(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) || U(this.options.staleTime, this.#t) !== U(t.staleTime, this.#t)) && this.#g();
 		let i = this.#_();
-		r && (this.#t !== n || U(this.options.enabled, this.#t) !== U(t.enabled, this.#t) || i !== this.#p) && this.#v(i);
+		r && (this.#t !== n || W(this.options.enabled, this.#t) !== W(t.enabled, this.#t) || i !== this.#p) && this.#v(i);
 	}
 	getOptimisticResult(e) {
 		let t = this.#e.getQueryCache().build(this.#e, e), n = this.createResult(t, e);
-		return J(this, n) && (this.#r = n, this.#a = this.options, this.#i = this.#t.state), n;
+		return Y(this, n) && (this.#r = n, this.#a = this.options, this.#i = this.#t.state), n;
 	}
 	getCurrentResult() {
 		return this.#r;
@@ -381,14 +381,14 @@ var at = class extends Fe {
 	#h(e) {
 		this.#S();
 		let t = this.#t.fetch(this.options, e);
-		return e?.throwOnError || (t = t.catch(Ve)), t;
+		return e?.throwOnError || (t = t.catch(H)), t;
 	}
 	#g() {
 		this.#b();
-		let e = We(this.options.staleTime, this.#t);
-		if (Ze.isServer() || this.#r.isStale || !He(e)) return;
+		let e = U(this.options.staleTime, this.#t);
+		if (q.isServer() || this.#r.isStale || !He(e)) return;
 		let t = Ue(this.#r.dataUpdatedAt, e) + 1;
-		this.#d = Re.setTimeout(() => {
+		this.#d = V.setTimeout(() => {
 			this.#r.isStale || this.updateResult();
 		}, t);
 	}
@@ -396,26 +396,26 @@ var at = class extends Fe {
 		return (typeof this.options.refetchInterval == "function" ? this.options.refetchInterval(this.#t) : this.options.refetchInterval) ?? !1;
 	}
 	#v(e) {
-		this.#x(), this.#p = e, !(Ze.isServer() || U(this.options.enabled, this.#t) === !1 || !He(this.#p) || this.#p === 0) && (this.#f = Re.setInterval(() => {
-			(this.options.refetchIntervalInBackground || Ie.isFocused()) && this.#h();
+		this.#x(), this.#p = e, !(q.isServer() || W(this.options.enabled, this.#t) === !1 || !He(this.#p) || this.#p === 0) && (this.#f = V.setInterval(() => {
+			(this.options.refetchIntervalInBackground || Re.isFocused()) && this.#h();
 		}, this.#p));
 	}
 	#y() {
 		this.#g(), this.#v(this.#_());
 	}
 	#b() {
-		this.#d !== void 0 && (Re.clearTimeout(this.#d), this.#d = void 0);
+		this.#d !== void 0 && (V.clearTimeout(this.#d), this.#d = void 0);
 	}
 	#x() {
-		this.#f !== void 0 && (Re.clearInterval(this.#f), this.#f = void 0);
+		this.#f !== void 0 && (V.clearInterval(this.#f), this.#f = void 0);
 	}
 	createResult(e, t) {
 		let n = this.#t, r = this.options, i = this.#r, a = this.#i, o = this.#a, s = e === n ? this.#n : e.state, { state: c } = e, l = { ...c }, u = !1, d;
 		if (t._optimisticResults) {
-			let i = this.hasListeners(), a = !i && ot(e, t), o = i && ct(e, n, t, r);
+			let i = this.hasListeners(), a = !i && at(e, t), o = i && st(e, n, t, r);
 			(a || o) && (l = {
 				...l,
-				...it(c.data, e.options)
+				...nt(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 Fe {
 		let h = !1;
 		if (t.placeholderData !== void 0 && d === void 0 && m === "pending") {
 			let e;
-			i?.isPlaceholderData && t.placeholderData === o?.placeholderData ? (e = i.data, h = !0) : e = typeof t.placeholderData == "function" ? t.placeholderData(this.#u?.state.data, this.#u) : t.placeholderData, e !== void 0 && (m = "success", d = G(i?.data, e, t), u = !0);
+			i?.isPlaceholderData && t.placeholderData === o?.placeholderData ? (e = i.data, h = !0) : e = typeof t.placeholderData == "function" ? t.placeholderData(this.#u?.state.data, this.#u) : t.placeholderData, e !== void 0 && (m = "success", d = Xe(i?.data, e, t), u = !0);
 		}
 		if (t.select && d !== void 0 && !h) if (i && d === a?.data && t.select === this.#c) d = this.#l;
 		else try {
-			this.#c = t.select, d = t.select(d), d = G(i?.data, d, t), this.#l = d, this.#s = null;
+			this.#c = t.select, d = t.select(d), d = Xe(i?.data, d, t), this.#l = d, this.#s = null;
 		} catch (e) {
 			this.#s = e;
 		}
@@ -455,16 +455,16 @@ var at = class extends Fe {
 			isPaused: l.fetchStatus === "paused",
 			isPlaceholderData: u,
 			isRefetchError: v && b,
-			isStale: lt(e, t),
+			isStale: ct(e, t),
 			refetch: this.refetch,
 			promise: this.#o,
-			isEnabled: U(t.enabled, e) !== !1
+			isEnabled: W(t.enabled, e) !== !1
 		};
 		if (this.options.experimental_prefetchInRender) {
 			let t = x.data !== void 0, r = x.status === "error" && !t, i = (e) => {
 				r ? e.reject(x.error) : t && e.resolve(x.data);
 			}, a = () => {
-				let e = this.#o = x.promise = Qe();
+				let e = this.#o = x.promise = Ze();
 				i(e);
 			}, o = this.#o;
 			switch (o.status) {
@@ -483,7 +483,7 @@ var at = class extends Fe {
 	}
 	updateResult() {
 		let e = this.#r, t = this.createResult(this.#t, this.options);
-		this.#i = this.#t.state, this.#a = this.options, this.#i.data !== void 0 && (this.#u = this.#t), !qe(t, e) && (this.#r = t, this.#C({ listeners: (() => {
+		this.#i = this.#t.state, this.#a = this.options, this.#i.data !== void 0 && (this.#u = this.#t), !G(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;
@@ -504,7 +504,7 @@ var at = class extends Fe {
 		this.updateResult(), this.hasListeners() && this.#y();
 	}
 	#C(e) {
-		tt.batch(() => {
+		J.batch(() => {
 			e.listeners && this.listeners.forEach((e) => {
 				e(this.#r);
 			}), this.#e.getQueryCache().notify({
@@ -514,31 +514,31 @@ var at = class extends Fe {
 		});
 	}
 };
-function q(e, t) {
-	return U(t.enabled, e) !== !1 && e.state.data === void 0 && !(e.state.status === "error" && U(t.retryOnMount, e) === !1);
+function it(e, t) {
+	return W(t.enabled, e) !== !1 && e.state.data === void 0 && !(e.state.status === "error" && W(t.retryOnMount, e) === !1);
 }
-function ot(e, t) {
-	return q(e, t) || e.state.data !== void 0 && st(e, t, t.refetchOnMount);
+function at(e, t) {
+	return it(e, t) || e.state.data !== void 0 && ot(e, t, t.refetchOnMount);
 }
-function st(e, t, n) {
-	if (U(t.enabled, e) !== !1 && We(t.staleTime, e) !== "static") {
+function ot(e, t, n) {
+	if (W(t.enabled, e) !== !1 && U(t.staleTime, e) !== "static") {
 		let r = typeof n == "function" ? n(e) : n;
-		return r === "always" || r !== !1 && lt(e, t);
+		return r === "always" || r !== !1 && ct(e, t);
 	}
 	return !1;
 }
-function ct(e, t, n, r) {
-	return (e !== t || U(r.enabled, e) === !1) && (!n.suspense || e.state.status !== "error") && lt(e, n);
+function st(e, t, n, r) {
+	return (e !== t || W(r.enabled, e) === !1) && (!n.suspense || e.state.status !== "error") && ct(e, n);
 }
-function lt(e, t) {
-	return U(t.enabled, e) !== !1 && e.isStaleByTime(We(t.staleTime, e));
+function ct(e, t) {
+	return W(t.enabled, e) !== !1 && e.isStaleByTime(U(t.staleTime, e));
 }
-function J(e, t) {
-	return !qe(e.getCurrentResult(), t);
+function Y(e, t) {
+	return !G(e.getCurrentResult(), t);
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/mutation.js
-function ut() {
+function lt() {
 	return {
 		context: void 0,
 		data: void 0,
@@ -553,7 +553,7 @@ function ut() {
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/mutationObserver.js
-var Y = class extends Fe {
+var ut = class extends Le {
 	#e;
 	#t = void 0;
 	#n;
@@ -566,11 +566,11 @@ var Y = class extends Fe {
 	}
 	setOptions(e) {
 		let t = this.options;
-		this.options = this.#e.defaultMutationOptions(e), qe(this.options, t) || this.#e.getMutationCache().notify({
+		this.options = this.#e.defaultMutationOptions(e), G(this.options, t) || this.#e.getMutationCache().notify({
 			type: "observerOptionsUpdated",
 			mutation: this.#n,
 			observer: this
-		}), t?.mutationKey && this.options.mutationKey && Ge(t.mutationKey) !== Ge(this.options.mutationKey) ? this.reset() : this.#n?.state.status === "pending" && this.#n.setOptions(this.options);
+		}), t?.mutationKey && this.options.mutationKey && We(t.mutationKey) !== We(this.options.mutationKey) ? this.reset() : this.#n?.state.status === "pending" && this.#n.setOptions(this.options);
 	}
 	onUnsubscribe() {
 		this.hasListeners() || this.#n?.removeObserver(this);
@@ -588,7 +588,7 @@ var Y = class extends Fe {
 		return this.#r = t, this.#n?.removeObserver(this), this.#n = this.#e.getMutationCache().build(this.#e, this.options), this.#n.addObserver(this), this.#n.execute(e);
 	}
 	#i() {
-		let e = this.#n?.state ?? ut();
+		let e = this.#n?.state ?? lt();
 		this.#t = {
 			...e,
 			isPending: e.status === "pending",
@@ -600,7 +600,7 @@ var Y = class extends Fe {
 		};
 	}
 	#a(e) {
-		tt.batch(() => {
+		J.batch(() => {
 			if (this.#r && this.hasListeners()) {
 				let t = this.#t.variables, n = this.#t.context, r = {
 					client: this.#e,
@@ -689,7 +689,7 @@ function Et(t, n, r) {
 	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)) : Ve;
+		let t = p ? d.subscribe(J.batchCalls(e)) : H;
 		return d.updateResult(), t;
 	}, [d, p]), () => d.getCurrentResult(), () => d.getCurrentResult()), e.useEffect(() => {
 		d.setOptions(s);
@@ -701,24 +701,24 @@ function Et(t, n, r) {
 		query: c,
 		suspense: s.suspense
 	})) throw f.error;
-	return o.getDefaultOptions().queries?._experimental_afterQuery?.(s, f), s.experimental_prefetchInRender && !Ze.isServer() && Ct(f, i) && (u ? Tt(s, d, a) : c?.promise)?.catch(Ve).finally(() => {
+	return o.getDefaultOptions().queries?._experimental_afterQuery?.(s, f), s.experimental_prefetchInRender && !q.isServer() && Ct(f, i) && (u ? Tt(s, d, a) : c?.promise)?.catch(H).finally(() => {
 		d.updateResult();
 	}), s.notifyOnChangeProps ? f : d.trackResult(f);
 }
 //#endregion
 //#region node_modules/@tanstack/react-query/build/modern/useQuery.js
 function Dt(e, t) {
-	return Et(e, at, t);
+	return Et(e, rt, t);
 }
 //#endregion
 //#region node_modules/@tanstack/react-query/build/modern/useMutation.js
 function Ot(t, n) {
-	let r = ft(n), [i] = e.useState(() => new Y(r, t));
+	let r = ft(n), [i] = e.useState(() => new ut(r, t));
 	e.useEffect(() => {
 		i.setOptions(t);
 	}, [i, t]);
-	let a = e.useSyncExternalStore(e.useCallback((e) => i.subscribe(tt.batchCalls(e)), [i]), () => i.getCurrentResult(), () => i.getCurrentResult()), o = e.useCallback((e, t) => {
-		i.mutate(e, t).catch(Ve);
+	let a = e.useSyncExternalStore(e.useCallback((e) => i.subscribe(J.batchCalls(e)), [i]), () => i.getCurrentResult(), () => i.getCurrentResult()), o = e.useCallback((e, t) => {
+		i.mutate(e, t).catch(H);
 	}, [i]);
 	if (a.error && K(i.options.throwOnError, [a.error])) throw a.error;
 	return {
@@ -899,7 +899,7 @@ function nn(e, t) {
 	return r.length > 0 ? r.map((e) => e.message).join(", ") : void 0;
 }
 function rn({ 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 = ve({
+	let [u, h] = d(0), [g, v] = d(!1), b = be({
 		mode: "uncontrolled",
 		initialValues: Xt(e),
 		validate: Zt(e)
@@ -924,7 +924,7 @@ function rn({ fields: e, steps: t, record: r, recordId: i, submitting: a, error:
 				required: n,
 				...r
 			}, b.key(e.id));
-			case "date": return /* @__PURE__ */ p(_e, {
+			case "date": return /* @__PURE__ */ p(ye, {
 				valueFormat: "DD.MM.YYYY",
 				clearable: !0,
 				label: e.column.title,
@@ -938,7 +938,7 @@ function rn({ 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(de, {
+			case "textarea": return /* @__PURE__ */ p(fe, {
 				minRows: 3,
 				autosize: !0,
 				label: e.column.title,
@@ -953,7 +953,7 @@ function rn({ fields: e, steps: t, record: r, recordId: i, submitting: a, error:
 				error: r.error,
 				required: n
 			});
-			default: return /* @__PURE__ */ p(ue, {
+			default: return /* @__PURE__ */ p(de, {
 				type: e.id.includes("email") ? "email" : void 0,
 				label: e.column.title,
 				placeholder: e.placeholder ?? "",
@@ -981,10 +981,10 @@ function rn({ 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(ie, {
+		children: [E ? /* @__PURE__ */ p(ae, {
 			active: u,
 			size: "sm",
-			children: w.map((e) => /* @__PURE__ */ p(ie.Step, {
+			children: w.map((e) => /* @__PURE__ */ p(ae.Step, {
 				...t?.[e - 1] ? { label: t[e - 1].label } : {},
 				children: k(e)
 			}, e))
@@ -1044,7 +1044,7 @@ function X() {
 //#endregion
 //#region node_modules/mantine-datatable/dist/index.mjs
 function Z(e, t, n) {
-	return e ? me({
+	return e ? he({
 		color: typeof e == "object" ? e[n] : e,
 		theme: t
 	}).value : void 0;
@@ -1081,7 +1081,7 @@ function ln({ theme: e, color: t, backgroundColor: n }) {
 		"--mantine-datatable-row-background-color-dark": Z(n, e, "dark")
 	};
 }
-var [un, dn] = pe("useDataTableColumnsContext must be used within DataTableColumnProvider"), fn = (e) => {
+var [un, dn] = me("useDataTableColumnsContext must be used within DataTableColumnProvider"), fn = (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(un, {
 		value: {
@@ -1151,7 +1151,7 @@ function hn({ icon: e, text: t, active: n, children: r }) {
 		children: r || m(f, { children: [e || p("div", {
 			className: "mantine-datatable-empty-state-icon",
 			children: p(mn, {})
-		}), p(V, {
+		}), p(B, {
 			component: "div",
 			size: "sm",
 			c: "dimmed",
@@ -1207,7 +1207,7 @@ function Dn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
 		defaultPinned: e.pinned,
 		pinnable: !!e.pinnable,
 		pinned: e.pinned
-	})), [t]), [i, a] = je({
+	})), [t]), [i, a] = Ne({
 		key: e ? `${e}-columns-pinning` : "",
 		defaultValue: e ? r : void 0,
 		getInitialValueInEffect: n
@@ -1255,7 +1255,7 @@ function Dn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
 	};
 }
 function On({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
-	let r = l(() => t ? t.map((e) => e.accessor) : [], [t]), [i, a] = je({
+	let r = l(() => t ? t.map((e) => e.accessor) : [], [t]), [i, a] = Ne({
 		key: e ? `${e}-columns-order` : "",
 		defaultValue: e ? r : void 0,
 		getInitialValueInEffect: n
@@ -1298,7 +1298,7 @@ function On({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
 	};
 }
 function kn({ 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] = je({
+	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] = Ne({
 		key: e ? `${e}-columns-width` : "",
 		defaultValue: e ? o() : void 0,
 		getInitialValueInEffect: n
@@ -1392,7 +1392,7 @@ function An({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
 		defaultToggle: e.defaultToggle || !0,
 		toggleable: e.toggleable,
 		toggled: e.defaultToggle === void 0 || e.defaultToggle
-	})), [t]), [i, a] = je({
+	})), [t]), [i, a] = Ne({
 		key: e ? `${e}-columns-toggle` : "",
 		defaultValue: e ? r : void 0,
 		getInitialValueInEffect: n
@@ -1599,7 +1599,7 @@ function Bn({ 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, Ln, `${H("1px")} solid var(--mantine-datatable-border-color)`) : $(r.current, Ln, "unset");
+			f.current.withRowBorders && t.height < n.height ? $(r.current, Ln, `${ge("1px")} solid var(--mantine-datatable-border-color)`) : $(r.current, Ln, "unset");
 		}
 		h.current = c;
 		function l() {
@@ -1760,12 +1760,12 @@ function Gn(e, t, { getInitialValueInEffect: n } = { getInitialValueInEffect: !0
 	}, [e]), r;
 }
 function Kn(e) {
-	let t = ge();
+	let t = ve();
 	return Gn(l(() => e.map((e) => (typeof e == "function" ? e(t) : e) ?? ""), [e, t]), l(() => e.map(() => !0), [e]));
 }
 function qn(e) {
-	let t = ge();
-	return Me((typeof e == "function" ? e(t) : e) || "", !0);
+	let t = ve();
+	return Pe((typeof e == "function" ? e(t) : e) || "", !0);
 }
 function Jn({ rowExpansion: e, records: t, idAccessor: n }) {
 	let r = [];
@@ -1803,7 +1803,7 @@ function Jn({ rowExpansion: e, records: t, idAccessor: n }) {
 	}
 }
 function Yn(e, t) {
-	let [n, r] = d(e), [i, a] = d(e), o = Pe(() => r(!0), 0), c = Pe(() => a(!1), t || 200);
+	let [n, r] = d(e), [i, a] = d(e), o = Ie(() => r(!0), 0), c = Ie(() => a(!1), t || 200);
 	return s(() => {
 		e ? (c.clear(), a(!0), o.start()) : (o.clear(), r(!1), c.start());
 	}, [
@@ -1817,7 +1817,7 @@ function Yn(e, t) {
 }
 var Xn = "mantine-datatable-nowrap", Zn = "mantine-datatable-ellipsis", Qn = "mantine-datatable-pointer-cursor", $n = "mantine-datatable-context-menu-cursor", er = "mantine-datatable-text-selection-disabled", tr = "mantine-datatable-text-align-left", nr = "mantine-datatable-text-align-center", rr = "mantine-datatable-text-align-right";
 function ir({ className: e, style: t, pinnedInfo: n, visibleMediaQuery: r, title: i, noWrap: a, ellipsis: o, textAlign: s, width: c }) {
-	return qn(r) ? p(oe, {
+	return qn(r) ? p(ce, {
 		"data-pinned": n?.position,
 		"data-pinned-shadow": n?.isBoundary ? n.position : void 0,
 		className: X({
@@ -1844,17 +1844,17 @@ function ir({ className: e, style: t, pinnedInfo: n, visibleMediaQuery: r, title
 	}) : null;
 }
 function ar({ shadowVisible: e }) {
-	return p(oe, {
+	return p(ce, {
 		className: "mantine-datatable-footer-selector-placeholder-cell",
 		"data-shadow-visible": e || void 0
 	});
 }
 function or({ className: e, style: t, columns: n, defaultColumnProps: r, pinnedMap: i, selectionVisible: a, selectorCellShadowVisible: o, ref: s }) {
-	return p(ae, {
+	return p(se, {
 		ref: s,
 		className: X("mantine-datatable-footer", e),
 		style: t,
-		children: m(ce, { children: [a && p(ar, { shadowVisible: o }), n.map(({ hidden: e, ...t }) => {
+		children: m(z, { children: [a && p(ar, { shadowVisible: o }), n.map(({ hidden: e, ...t }) => {
 			if (e) return null;
 			let { accessor: n, visibleMediaQuery: a, textAlign: o, width: s, footer: c, footerClassName: l, footerStyle: u, noWrap: d, ellipsis: f } = {
 				...r,
@@ -1893,7 +1893,7 @@ function sr({ group: { id: e, columns: t, groups: n, title: r, textAlign: i, cla
 		n,
 		_
 	]), y = l(() => d.reduce((e, t) => e + wn(t, _), 0), [d, _]), b = n && n.length > 0 ? 1 : c - u, x = En(f, y + v < h, m);
-	return v > 0 ? p(oe, {
+	return v > 0 ? p(ce, {
 		colSpan: v,
 		rowSpan: b > 1 ? b : void 0,
 		"data-pinned": s?.position,
@@ -1951,7 +1951,7 @@ function lr() {
 	});
 }
 function ur({ children: e, isActive: t, filterPopoverProps: n, filterPopoverDisableClickOutside: r }) {
-	let [i, { close: a, toggle: o }] = Ae(!1), s = t ? lr : cr, c = ke(a);
+	let [i, { close: a, toggle: o }] = Me(!1), s = t ? lr : cr, c = je(a);
 	return r && (c = void 0), m(F, {
 		withArrow: !0,
 		shadow: "md",
@@ -2136,7 +2136,7 @@ var gr = 50, _r = (e) => {
 	let { accessor: t, columnRef: n } = e, [r, i] = d(!1), o = u(0), s = u({
 		current: 0,
 		next: 0
-	}), { dir: c } = he(), l = c === "rtl", { setMultipleColumnWidths: f, beginResize: m, endResize: h } = dn(), g = a((e) => {
+	}), { dir: c } = _e(), l = c === "rtl", { setMultipleColumnWidths: f, beginResize: m, endResize: h } = dn(), g = a((e) => {
 		if (e.preventDefault(), e.stopPropagation(), !n.current) return;
 		let r = n.current, a = r.nextElementSibling;
 		for (; a;) {
@@ -2274,34 +2274,34 @@ function br() {
 function xr({ 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: P, columnsPinning: ee, setColumnsPinning: F } = dn(), [te, I] = d(!1), L = u(null), ne = ee?.find((e) => e.accessor === r)?.pinned;
 	if (!qn(i)) return null;
-	let R = a ?? gn(r), re = typeof R == "string" ? R : void 0, ie = o && S ? (e) => {
+	let re = a ?? gn(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, z = (e) => {
+	} : void 0, oe = (e) => {
 		e.stopPropagation(), A(r), I(!1);
-	}, B = (e) => {
+	}, R = (e) => {
 		e.preventDefault(), j(r), I(!0);
-	}, ae = () => {
-		j(r), I(!1), M();
 	}, se = () => {
+		j(r), I(!1), M();
+	}, le = () => {
 		I(!0);
-	}, ce = () => {
+	}, z = () => {
 		I(!1);
-	}, le = (e) => {
+	}, ue = (e) => {
 		e.stopPropagation(), P(N.map((e) => e.accessor === r ? {
 			...e,
 			toggled: !1
 		} : e));
-	}, V = (e) => {
+	}, B = (e) => {
 		F((t) => t.map((t) => t.accessor === r ? {
 			...t,
 			pinned: e
 		} : t));
 	};
-	return m(oe, {
+	return m(ce, {
 		"data-accessor": r,
 		"data-pinned": n?.position,
 		"data-pinned-shadow": n?.isBoundary ? n.position : void 0,
@@ -2328,8 +2328,8 @@ function xr({ 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(T, {
 			className: "mantine-datatable-header-cell-sortable-group",
@@ -2344,11 +2344,11 @@ function xr({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
 						"mantine-datatable-header-cell-drag-over": te
 					}),
 					draggable: s,
-					onDragStart: s ? z : void 0,
-					onDragEnter: s ? se : void 0,
-					onDragOver: s ? B : void 0,
-					onDrop: s ? ae : void 0,
-					onDragLeave: s ? ce : void 0,
+					onDragStart: s ? oe : void 0,
+					onDragEnter: s ? le : void 0,
+					onDragOver: s ? R : void 0,
+					onDrop: s ? se : void 0,
+					onDragLeave: s ? z : void 0,
 					children: [s ? p(b, {
 						role: "img",
 						"aria-label": "Drag column",
@@ -2367,13 +2367,13 @@ function xr({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
 							[nr]: _ === "center",
 							[rr]: _ === "right"
 						}, Xn, Zn),
-						title: re,
-						children: R
+						title: ie,
+						children: re
 					})]
 				}),
 				l ? p(hr, {
 					currentPinned: ne,
-					onPinChange: V
+					onPinChange: B
 				}) : null,
 				c ? p(b, {
 					className: "mantine-datatable-header-cell-toggleable-icon",
@@ -2382,7 +2382,7 @@ function xr({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
 					children: p(g, {
 						size: "xs",
 						variant: "light",
-						onClick: le,
+						onClick: ue,
 						children: p(mr, {})
 					})
 				}) : null,
@@ -2412,7 +2412,7 @@ function xr({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
 }
 function Sr({ className: e, style: t, trigger: n, shadowVisible: r, checked: i, indeterminate: a, checkboxProps: o, onChange: s, rowSpan: c, ref: l }) {
 	let u = !o.disabled;
-	return p(oe, {
+	return p(ce, {
 		ref: l,
 		className: X("mantine-datatable-header-selector-cell", { [Qn]: n === "cell" && u }, e),
 		style: t,
@@ -2455,7 +2455,7 @@ function wr({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r
 		checkboxProps: v,
 		onChange: _,
 		rowSpan: c ? D : void 0
-	}) : null, { columnsToggle: k, setColumnsToggle: A } = dn(), [j, M] = d(!1), N = o.some((e) => e.toggleable), P = N ? Object.fromEntries(o.map(({ accessor: e, title: t }) => [e, t ?? gn(String(e))])) : void 0, ee = m(se, {
+	}) : null, { columnsToggle: k, setColumnsToggle: A } = dn(), [j, M] = d(!1), N = o.some((e) => e.toggleable), P = N ? Object.fromEntries(o.map(({ accessor: e, title: t }) => [e, t ?? gn(String(e))])) : void 0, ee = m(le, {
 		className: X("mantine-datatable-header", t),
 		style: n,
 		ref: w,
@@ -2464,7 +2464,7 @@ function wr({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r
 		} : void 0,
 		children: [c && Array.from({ length: E }, (e, t) => {
 			let n = Tn(c, t);
-			return m(ce, { children: [t === 0 && O, n.map((e, r) => p(sr, {
+			return m(z, { children: [t === 0 && O, n.map((e, r) => p(sr, {
 				group: e,
 				pinnedInfo: Cr(e, l),
 				maxDepth: E,
@@ -2474,7 +2474,7 @@ function wr({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r
 				withColumnBorders: C,
 				totalTableColumns: o.length
 			}, e.id))] }, `group-depth-${t}`);
-		}), m(ce, { children: [!c && O, o.map(({ hidden: e, ...t }, n) => {
+		}), m(z, { 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,
@@ -2511,7 +2511,7 @@ function wr({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r
 		shadow: "md",
 		opened: j,
 		onChange: M,
-		children: [p(I, { children: ee }), p(te, { children: p(re, { children: k.filter((e) => e.toggleable).map((e) => p(T, { children: p(x, {
+		children: [p(I, { children: ee }), p(te, { children: p(ie, { 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: P[e.accessor],
@@ -2558,16 +2558,16 @@ function Er() {
 	});
 }
 var Dr = {
-	xs: H(22),
-	sm: H(26),
-	md: H(32),
-	lg: H(38),
-	xl: H(44)
+	xs: ge(22),
+	sm: ge(26),
+	md: ge(32),
+	lg: ge(38),
+	xl: ge(44)
 };
 function Or({ 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
@@ -2598,7 +2598,7 @@ function Or({ 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
@@ -2618,8 +2618,8 @@ function kr({ 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 = !qn(({ 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 = !qn(({ breakpoints: e }) => `(min-width: ${typeof w == "number" ? `${ge(w)}rem` : e[w] || w})`), N = {
+		Text: (e) => p(B, {
 			component: "div",
 			className: "mantine-datatable-pagination-text",
 			size: l,
@@ -2688,7 +2688,7 @@ function kr({ className: e, style: t, fetching: n, page: r, onPageChange: i, pag
 	});
 }
 function Ar({ className: e, style: t, pinnedInfo: n, visibleMediaQuery: r, record: i, index: a, onClick: o, onDoubleClick: s, onContextMenu: c, noWrap: l, ellipsis: u, textAlign: d, width: f, accessor: m, render: h, defaultRender: g, customCellAttributes: _ }) {
-	return qn(r) ? p(B, {
+	return qn(r) ? p(R, {
 		"data-pinned": n?.position,
 		"data-pinned-shadow": n?.isBoundary ? n.position : void 0,
 		className: X({
@@ -2722,7 +2722,7 @@ function Ar({ className: e, style: t, pinnedInfo: n, visibleMediaQuery: r, recor
 }
 function jr({ open: e, colSpan: t, content: n, collapseProps: r }) {
 	let { expanded: i, visible: a } = Yn(e, r?.transitionDuration);
-	return a ? m(f, { children: [p(ce, {}), p(ce, { children: p(B, {
+	return a ? m(f, { children: [p(z, {}), p(z, { children: p(R, {
 		className: "mantine-datatable-row-expansion-cell",
 		colSpan: t,
 		children: p(S, {
@@ -2742,7 +2742,7 @@ function Mr({ className: e, style: t, record: n, index: r, trigger: i, onChange:
 	}, d = !l.disabled && !u.disabled, f = (e) => {
 		e.stopPropagation(), i === "cell" && d && a?.(e);
 	};
-	return p(B, {
+	return p(R, {
 		className: X("mantine-datatable-row-selector-cell", { [Qn]: i === "cell" && d }, e),
 		style: t,
 		"data-shadow-visible": o || void 0,
@@ -2839,7 +2839,7 @@ function Nr({ record: e, index: t, columns: n, defaultColumnProps: r, pinnedMap:
 		rowProps: P,
 		children: M,
 		expandedElement: N
-	}) : m(f, { children: [p(ce, {
+	}) : m(f, { children: [p(z, {
 		...P,
 		children: M
 	}), N] });
@@ -2906,30 +2906,30 @@ function Fr({ leftShadowBehind: e, rightShadowBehind: t, onScrollPositionChange:
 		]
 	});
 }
-function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, height: r = "100%", minHeight: i, maxHeight: o, shadow: d, verticalAlign: f = "center", fetching: h, columns: g, storeColumnsKey: _, groups: y, pinFirstColumn: b, pinLastColumn: x, defaultColumnProps: S, defaultColumnRender: C, idAccessor: w = "id", records: T, selectionTrigger: E = "checkbox", selectedRecords: D, onSelectedRecordsChange: O, selectionColumnClassName: k, selectionColumnStyle: A, isRecordSelectable: j, selectionCheckboxProps: M, allRecordsSelectionCheckboxProps: N = { "aria-label": "Select all records" }, getRecordSelectionCheckboxProps: P = (e, t) => ({ "aria-label": `Select record ${t + 1}` }), sortStatus: ee, sortIcons: F, onSortStatusChange: te, horizontalSpacing: I, page: L, onPageChange: ne, totalRecords: R, recordsPerPage: re, onRecordsPerPageChange: ie, recordsPerPageOptions: B, recordsPerPageLabel: ae = "Records per page", paginationWithEdges: oe, paginationWithControls: se, paginationActiveTextColor: ce, paginationActiveBackgroundColor: le, paginationSize: V = "sm", paginationText: ue = ({ from: e, to: t, totalRecords: n }) => `${e} - ${t} / ${n}`, paginationWrapBreakpoint: de = "sm", getPaginationControlProps: fe = (e) => e === "previous" ? { "aria-label": "Previous page" } : e === "next" ? { "aria-label": "Next page" } : {}, getPaginationItemProps: pe, renderPagination: me, loaderBackgroundBlur: H, customLoader: he, loaderSize: ge, loaderType: _e, loaderColor: ve, loadingText: ye = "...", emptyState: be, noRecordsText: xe = "No records", noRecordsIcon: Se, highlightOnHover: Ce, striped: we, noHeader: Te, onRowClick: Ee, onRowDoubleClick: De, onRowContextMenu: Oe, onCellClick: ke, onCellDoubleClick: Ae, onCellContextMenu: je, onScroll: Me, onScrollToTop: Pe, onScrollToBottom: Fe, onScrollToLeft: Ie, onScrollToRight: Le, c: Re, backgroundColor: ze, borderColor: Be, rowBorderColor: Ve, stripedColor: He, highlightOnHoverColor: Ue, rowColor: We, rowBackgroundColor: U, rowExpansion: Ge, rowClassName: Ke, rowStyle: W, customRowAttributes: qe, scrollViewportRef: Je, scrollAreaProps: Ye, tableRef: Xe, bodyRef: G, m: K, my: Ze, mx: Qe, mt: $e, mb: et, ml: tt, mr: nt, className: rt, classNames: it, style: at, styles: q, rowFactory: ot, tableWrapper: st, ...ct }) {
-	let lt = l(() => y ? Cn(y) : g, [g, y]), { refs: J, onScroll: ut } = Bn({
+function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, height: r = "100%", minHeight: i, maxHeight: o, shadow: d, verticalAlign: f = "center", fetching: h, columns: g, storeColumnsKey: _, groups: y, pinFirstColumn: b, pinLastColumn: x, defaultColumnProps: S, defaultColumnRender: C, idAccessor: w = "id", records: T, selectionTrigger: E = "checkbox", selectedRecords: D, onSelectedRecordsChange: O, selectionColumnClassName: k, selectionColumnStyle: A, isRecordSelectable: j, selectionCheckboxProps: M, allRecordsSelectionCheckboxProps: N = { "aria-label": "Select all records" }, getRecordSelectionCheckboxProps: P = (e, t) => ({ "aria-label": `Select record ${t + 1}` }), sortStatus: ee, sortIcons: F, onSortStatusChange: te, horizontalSpacing: I, page: L, onPageChange: ne, totalRecords: re, recordsPerPage: ie, onRecordsPerPageChange: ae, recordsPerPageOptions: R, recordsPerPageLabel: se = "Records per page", paginationWithEdges: ce, paginationWithControls: le, paginationActiveTextColor: z, paginationActiveBackgroundColor: ue, paginationSize: B = "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: he, loaderBackgroundBlur: ge, customLoader: _e, loaderSize: ve, loaderType: ye, loaderColor: be, loadingText: xe = "...", emptyState: Se, noRecordsText: Ce = "No records", noRecordsIcon: we, highlightOnHover: Te, striped: Ee, noHeader: De, onRowClick: Oe, onRowDoubleClick: ke, onRowContextMenu: Ae, onCellClick: je, onCellDoubleClick: Me, onCellContextMenu: Ne, onScroll: Pe, onScrollToTop: Ie, onScrollToBottom: Le, onScrollToLeft: Re, onScrollToRight: ze, c: V, backgroundColor: Be, borderColor: Ve, rowBorderColor: H, stripedColor: He, highlightOnHoverColor: Ue, rowColor: U, rowBackgroundColor: W, rowExpansion: We, rowClassName: Ge, rowStyle: Ke, customRowAttributes: G, scrollViewportRef: qe, scrollAreaProps: Je, tableRef: Ye, bodyRef: Xe, m: K, my: q, mx: Ze, mt: Qe, mb: $e, ml: J, mr: et, className: tt, classNames: nt, style: rt, styles: it, rowFactory: at, tableWrapper: ot, ...st }) {
+	let ct = l(() => y ? Cn(y) : g, [g, y]), { refs: Y, onScroll: lt } = Bn({
 		scrollCallbacks: {
-			onScroll: Me,
-			onScrollToTop: Pe,
-			onScrollToBottom: Fe,
-			onScrollToLeft: Ie,
-			onScrollToRight: Le
+			onScroll: Pe,
+			onScrollToTop: Ie,
+			onScrollToBottom: Le,
+			onScrollToLeft: Re,
+			onScrollToRight: ze
 		},
-		withRowBorders: ct.withRowBorders
-	}), Y = jn({
+		withRowBorders: st.withRowBorders
+	}), ut = jn({
 		key: _,
-		columns: lt,
-		headerRef: J.header,
-		scrollViewportRef: J.scrollViewport
-	}), dt = Y.effectiveColumns, ft = Ne(J.table, Xe), pt = Ne(J.scrollViewport, Je), mt = u(null), ht = Ne(mt, G), gt = Jn({
-		rowExpansion: Ge,
+		columns: ct,
+		headerRef: Y.header,
+		scrollViewportRef: Y.scrollViewport
+	}), dt = ut.effectiveColumns, ft = Fe(Y.table, Ye), pt = Fe(Y.scrollViewport, qe), mt = u(null), ht = Fe(mt, Xe), gt = Jn({
+		rowExpansion: We,
 		records: T,
 		idAccessor: w
 	}), { pinnedMap: _t, hasLeftPinned: vt, hasRightPinned: yt } = Vn({
 		columns: dt,
-		theadRef: J.header,
+		theadRef: Y.header,
 		tbodyRef: mt,
-		selectionColumnHeaderRef: J.selectionColumnHeader,
+		selectionColumnHeaderRef: Y.selectionColumnHeader,
 		selectionVisible: !!D,
 		pinFirstColumn: b,
 		pinLastColumn: x
@@ -2942,7 +2942,7 @@ function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 	let wt = T?.length;
 	c(() => {
 		if (!bt.current || h || T === St.current) return;
-		let e = J.scrollViewport.current;
+		let e = Y.scrollViewport.current;
 		if (!e) return;
 		let t = requestAnimationFrame(() => {
 			e.scrollTo({
@@ -2954,7 +2954,7 @@ function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 	}, [
 		h,
 		T,
-		J.scrollViewport
+		Y.scrollViewport
 	]);
 	let Tt = T?.map((e) => Q(e, w)), Et = !!D, Dt = D?.map((e) => Q(e, w)), Ot = Tt !== void 0 && Dt !== void 0 && Dt.length > 0, kt = j ? T?.filter(j) : T, At = kt?.map((e) => Q(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(Q(e, w))) : bn([...D, ...kt], (e) => Q(e, w)));
@@ -2967,28 +2967,28 @@ function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 		D
 	]), { lastSelectionChangeIndex: Pt, setLastSelectionChangeIndex: Ft } = Hn(Tt), It = Et && !vt, Lt = {
 		m: K,
-		my: Ze,
-		mx: Qe,
-		mt: $e,
-		mb: et,
-		ml: tt,
-		mr: nt
-	}, Rt = a(({ children: e }) => st ? st({ children: e }) : e, [st]);
+		my: q,
+		mx: Ze,
+		mt: Qe,
+		mb: $e,
+		ml: J,
+		mr: et
+	}, Rt = a(({ children: e }) => ot ? ot({ children: e }) : e, [ot]);
 	return p(fn, {
-		...Y,
+		...ut,
 		pinnedMap: _t,
 		children: m(v, {
-			ref: J.root,
+			ref: Y.root,
 			...Lt,
-			className: X("mantine-datatable", { "mantine-datatable-with-border": e }, rt, it?.root),
+			className: X("mantine-datatable", { "mantine-datatable-with-border": e }, tt, nt?.root),
 			style: [
 				(e) => ({
 					...sn({
 						theme: e,
-						c: Re,
-						backgroundColor: ze,
-						borderColor: Be,
-						rowBorderColor: Ve,
+						c: V,
+						backgroundColor: Be,
+						borderColor: Ve,
+						rowBorderColor: H,
 						stripedColor: He,
 						highlightOnHoverColor: Ue
 					}),
@@ -2998,8 +2998,8 @@ function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 					minHeight: i,
 					maxHeight: o
 				}),
-				at,
-				q?.root,
+				rt,
+				it?.root,
 				{ position: "relative" }
 			],
 			children: [
@@ -3007,9 +3007,9 @@ function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 					viewportRef: pt,
 					leftShadowBehind: Et || vt,
 					rightShadowBehind: yt,
-					onScrollPositionChange: ut,
-					scrollAreaProps: Ye,
-					children: p(Rt, { children: m(z, {
+					onScrollPositionChange: lt,
+					scrollAreaProps: Je,
+					children: p(Rt, { children: m(oe, {
 						ref: ft,
 						horizontalSpacing: I,
 						className: X("mantine-datatable-table", {
@@ -3017,27 +3017,27 @@ function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 							"mantine-datatable-vertical-align-top": f === "top",
 							"mantine-datatable-vertical-align-bottom": f === "bottom",
 							"mantine-datatable-selection-column-visible": Et,
-							"mantine-datatable-resizable-columns": Y.hasResizableColumns,
-							"mantine-datatable-resize-locked": Y.isLocked,
-							"mantine-datatable-resizing": Y.isResizing
-						}, it?.table),
+							"mantine-datatable-resizable-columns": ut.hasResizableColumns,
+							"mantine-datatable-resize-locked": ut.isLocked,
+							"mantine-datatable-resizing": ut.isResizing
+						}, nt?.table),
 						style: {
-							...q?.table,
-							...Y.isLocked ? { tableLayout: "fixed" } : null,
-							...Y.tableWidth == null ? null : { width: `${Y.tableWidth}px` }
+							...it?.table,
+							...ut.isLocked ? { tableLayout: "fixed" } : null,
+							...ut.tableWidth == null ? null : { width: `${ut.tableWidth}px` }
 						},
-						"data-striped": wt && we || void 0,
-						"data-highlight-on-hover": Ce || void 0,
-						...ct,
+						"data-striped": wt && Ee || void 0,
+						"data-highlight-on-hover": Te || void 0,
+						...st,
 						children: [
-							Te ? null : p(fn, {
-								...Y,
+							De ? null : p(fn, {
+								...ut,
 								pinnedMap: _t,
 								children: p(wr, {
-									ref: J.header,
-									selectionColumnHeaderRef: J.selectionColumnHeader,
-									className: it?.header,
-									style: q?.header,
+									ref: Y.header,
+									selectionColumnHeaderRef: Y.selectionColumnHeader,
+									className: nt?.header,
+									style: it?.header,
 									columns: dt,
 									defaultColumnProps: S,
 									groups: y,
@@ -3057,7 +3057,7 @@ function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 									selectorCellShadowVisible: It,
 									selectionColumnClassName: k,
 									selectionColumnStyle: A,
-									withColumnBorders: ct.withColumnBorders
+									withColumnBorders: st.withColumnBorders
 								})
 							}),
 							p("tbody", {
@@ -3084,30 +3084,30 @@ function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 										isRecordSelectable: j,
 										selectionCheckboxProps: M,
 										getSelectionCheckboxProps: P,
-										onClick: Ee,
-										onDoubleClick: De,
-										onCellClick: ke,
-										onCellDoubleClick: Ae,
-										onContextMenu: Oe,
-										onCellContextMenu: je,
+										onClick: Oe,
+										onDoubleClick: ke,
+										onCellClick: je,
+										onCellDoubleClick: Me,
+										onContextMenu: Ae,
+										onCellContextMenu: Ne,
 										expansion: gt,
-										color: We,
-										backgroundColor: U,
-										className: Ke,
-										style: W,
-										customAttributes: qe,
+										color: U,
+										backgroundColor: W,
+										className: Ge,
+										style: Ke,
+										customAttributes: G,
 										selectorCellShadowVisible: It,
 										selectionColumnClassName: k,
 										selectionColumnStyle: A,
 										idAccessor: w,
-										rowFactory: ot
+										rowFactory: at
 									}, n);
 								}) : p(pn, {})
 							}),
 							dt.some(({ footer: e }) => e) && p(or, {
-								ref: J.footer,
-								className: it?.footer,
-								style: q?.footer,
+								ref: Y.footer,
+								className: nt?.footer,
+								style: it?.footer,
 								columns: dt,
 								defaultColumnProps: S,
 								pinnedMap: _t,
@@ -3118,44 +3118,44 @@ function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 					}) })
 				}),
 				!!(L && wt) && p(kr, {
-					className: it?.pagination,
-					style: q?.pagination,
+					className: nt?.pagination,
+					style: it?.pagination,
 					horizontalSpacing: I,
 					fetching: h,
 					page: L,
 					onPageChange: Ct,
-					totalRecords: R,
-					recordsPerPage: re,
-					onRecordsPerPageChange: ie,
-					recordsPerPageOptions: B,
-					recordsPerPageLabel: ae,
-					paginationWithEdges: oe,
-					paginationWithControls: se,
-					paginationActiveTextColor: ce,
-					paginationActiveBackgroundColor: le,
-					paginationSize: V,
-					paginationText: ue,
-					paginationWrapBreakpoint: de,
-					getPaginationControlProps: fe,
-					getPaginationItemProps: pe,
-					noRecordsText: xe,
-					loadingText: ye,
+					totalRecords: re,
+					recordsPerPage: ie,
+					onRecordsPerPageChange: ae,
+					recordsPerPageOptions: R,
+					recordsPerPageLabel: se,
+					paginationWithEdges: ce,
+					paginationWithControls: le,
+					paginationActiveTextColor: z,
+					paginationActiveBackgroundColor: ue,
+					paginationSize: B,
+					paginationText: de,
+					paginationWrapBreakpoint: fe,
+					getPaginationControlProps: pe,
+					getPaginationItemProps: me,
+					noRecordsText: Ce,
+					loadingText: xe,
 					recordsLength: wt,
-					renderPagination: me
+					renderPagination: he
 				}),
 				p(Tr, {
 					fetching: h,
-					backgroundBlur: H,
-					customContent: he,
-					size: ge,
-					type: _e,
-					color: ve
+					backgroundBlur: ge,
+					customContent: _e,
+					size: ve,
+					type: ye,
+					color: be
 				}),
 				p(hn, {
-					icon: Se,
-					text: xe,
+					icon: we,
+					text: Ce,
 					active: !h && !wt,
-					children: be
+					children: Se
 				})
 			]
 		})
@@ -3165,18 +3165,18 @@ function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 //#region src/DataTable/UpdateModal.tsx
 function Lr({ fields: e, onClose: t, queryKey: n, connectedQueryKeys: r, apiPath: i, id: a, steps: o }) {
 	let { data: s, isLoading: c } = Ut(i, n, a), { mutateAsync: l, isPending: u, error: d } = qt(i, n, r);
-	return c || !s ? /* @__PURE__ */ m(re, {
+	return c || !s ? /* @__PURE__ */ m(ie, {
 		gap: "md",
 		children: [
-			/* @__PURE__ */ p(R, { height: 40 }),
-			Array.from({ length: e.length }).map((e, t) => /* @__PURE__ */ p(R, { 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(R, {
+				children: [/* @__PURE__ */ p(re, {
 					width: 100,
 					height: 36
-				}), /* @__PURE__ */ p(R, {
+				}), /* @__PURE__ */ p(re, {
 					width: 100,
 					height: 36
 				})]
@@ -3211,7 +3211,7 @@ function Rr({ 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",
@@ -3361,7 +3361,7 @@ function Xr({ rows: e }) {
 		gap: "md",
 		py: "xs",
 		px: "sm",
-		children: [/* @__PURE__ */ p(V, {
+		children: [/* @__PURE__ */ p(B, {
 			fw: 700,
 			fz: "sm",
 			style: { flexShrink: 0 },
@@ -3395,13 +3395,13 @@ function $r(e, t) {
 	let n = t.column;
 	if (n.render) return n.render(e, 0);
 	let r = Qr(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)
 	});
@@ -3428,7 +3428,7 @@ function ei({ records: e, fields: n, onRowClick: r, actions: i, canUpdate: a, ca
 			event: n
 		});
 	};
-	return /* @__PURE__ */ m(re, {
+	return /* @__PURE__ */ m(ie, {
 		gap: "sm",
 		my: "md",
 		children: [
@@ -3446,7 +3446,7 @@ function ei({ 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(Ee, { size: 18 }) : /* @__PURE__ */ p(De, { size: 18 })
+					children: c.direction === "asc" ? /* @__PURE__ */ p(Oe, { size: 18 }) : /* @__PURE__ */ p(ke, { size: 18 })
 				})] }), E.length > 0 && /* @__PURE__ */ m(F, {
 					opened: M,
 					onChange: N,
@@ -3464,7 +3464,7 @@ function ei({ records: e, fields: n, onRowClick: r, actions: i, canUpdate: a, ca
 							size: "input-sm",
 							onClick: () => N((e) => !e),
 							"aria-label": "Filter",
-							children: /* @__PURE__ */ p(Se, { size: 18 })
+							children: /* @__PURE__ */ p(we, { size: 18 })
 						})
 					}) }), /* @__PURE__ */ p(F.Dropdown, {
 						p: 0,
@@ -3479,7 +3479,7 @@ function ei({ 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
@@ -3495,7 +3495,7 @@ function ei({ 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",
@@ -3530,7 +3530,7 @@ function ei({ records: e, fields: n, onRowClick: r, actions: i, canUpdate: a, ca
 										color: "gray",
 										size: "sm",
 										onClick: (e) => e.stopPropagation(),
-										children: /* @__PURE__ */ p(xe, { size: 16 })
+										children: /* @__PURE__ */ p(Ce, { size: 16 })
 									}) }), /* @__PURE__ */ p(k.Dropdown, { children: t.map((t, n) => /* @__PURE__ */ p(k.Item, {
 										leftSection: t.icon,
 										onClick: (n) => {
@@ -3554,7 +3554,7 @@ function ei({ records: e, fields: n, onRowClick: r, actions: i, canUpdate: a, ca
 					})]
 				}) }, s);
 			}),
-			s && s.totalRecords > s.recordsPerPage && /* @__PURE__ */ m(re, {
+			s && s.totalRecords > s.recordsPerPage && /* @__PURE__ */ m(ie, {
 				gap: "xs",
 				mt: "sm",
 				children: [/* @__PURE__ */ p(T, {
@@ -3568,7 +3568,7 @@ function ei({ 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:"
@@ -3597,32 +3597,32 @@ var ti = [
 	100,
 	500
 ];
-function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPath: a, mutationApiPath: o, buttons: c, fields: l, selection: h, pagination: b, filters: x, actions: S, steps: C, defaultSort: D, onSortChange: O, createButtonText: A, queryParams: j, tabs: M, defaultTab: P, activeTab: ee, onActiveTabChange: F, canUpdate: te, canDelete: I, showRefresh: L = !0, onRefresh: ne, autoPoll: ie, rowExpansion: z, onRowClick: B, mobileCards: ae = !1, deleteConfirmMessage: oe, editRecordId: se, onEditRecordIdChange: ce }) {
-	let [ue, de] = d(P || (M && M.length > 0 ? M[0].value : null)), pe = ee === void 0 ? ue : ee, me = (e) => {
-		ee === void 0 && de(e), F && F(e);
-	}, H = M?.find((e) => e.value === pe), he = H?.queryParams || {}, ge = H?.apiPath ?? a, _e = H?.mutationApiPath ?? o ?? ge, ve = {
-		...j,
-		...he
-	}, xe = ve ? "?" + Object.entries(ve).filter(([, e]) => e != null).map(([e, t]) => `${e}=${encodeURIComponent(t ?? "")}`).join("&") : "", Se = pe ? [...n, pe] : n, { data: Ee, isLoading: De, isError: ke, isRefetching: Ae, refetch: je } = Wt(ge + xe, Se), Me = Yr(Array.isArray(Ee) ? Ee : [], x), [Ne, Pe] = d(!1), Fe = u(() => {});
+function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPath: a, mutationApiPath: o, buttons: c, topContent: l, fields: h, selection: b, pagination: x, filters: S, actions: C, steps: D, defaultSort: O, onSortChange: A, createButtonText: j, queryParams: M, tabs: P, defaultTab: ee, activeTab: F, onActiveTabChange: te, canUpdate: I, canDelete: L, showRefresh: ne = !0, onRefresh: ae, autoPoll: oe, rowExpansion: R, onRowClick: se, mobileCards: ce = !1, deleteConfirmMessage: le, editRecordId: z, onEditRecordIdChange: de }) {
+	let [fe, me] = d(ee || (P && P.length > 0 ? P[0].value : null)), he = F === void 0 ? fe : F, ge = (e) => {
+		F === void 0 && me(e), te && te(e);
+	}, _e = P?.find((e) => e.value === he), ve = _e?.queryParams || {}, ye = _e?.apiPath ?? a, be = _e?.mutationApiPath ?? o ?? ye, Ce = {
+		...M,
+		...ve
+	}, we = Ce ? "?" + Object.entries(Ce).filter(([, e]) => e != null).map(([e, t]) => `${e}=${encodeURIComponent(t ?? "")}`).join("&") : "", Oe = he ? [...n, he] : n, { data: ke, isLoading: je, isError: Me, isRefetching: Ne, refetch: Pe } = Wt(ye + we, Oe), Fe = Yr(Array.isArray(ke) ? ke : [], S), [Ie, Le] = d(!1), Re = u(() => {});
 	s(() => {
-		Fe.current = ne ?? (() => je());
+		Re.current = ae ?? (() => Pe());
 	});
-	let Ie = typeof ie == "function" ? ie(Array.isArray(Ee) ? Ee : []) : ie ?? !1;
+	let ze = typeof oe == "function" ? oe(Array.isArray(ke) ? ke : []) : oe ?? !1;
 	s(() => {
-		if (!Ie) return;
+		if (!ze) return;
 		let e = setInterval(() => {
-			Promise.resolve(Fe.current()).catch(() => {});
-		}, Ie);
+			Promise.resolve(Re.current()).catch(() => {});
+		}, ze);
 		return () => clearInterval(e);
-	}, [Ie]);
-	let [Le, Re] = d({
-		columnAccessor: D?.field ?? l[0].id,
-		direction: D?.direction ?? "desc"
-	}), ze = (e) => {
-		Re(e), O && O(String(e.columnAccessor), e.direction);
-	}, Be = Ur(Me, Le.columnAccessor, Le.direction), [Ve, He] = zr(ti[1], "mantine-table-page-size"), [Ue, We] = d(1), U = b ? Be.slice((Ue - 1) * Ve, Ue * Ve) : Be, [Ge, Ke] = d([]), W = z?.expanded?.recordIds ?? Ge, qe = z?.expanded?.onRecordIdsChange ?? Ke, Je = (e) => {
-		W.includes(e) ? qe(W.filter((t) => t !== e)) : qe(z?.allowMultiple ? [...W, e] : [e]);
-	}, Ye = l.findIndex((e) => e.list && e.column && !e.column.hidden), Xe = z && Ye >= 0 ? l.map((e, t) => {
+	}, [ze]);
+	let [V, Be] = d({
+		columnAccessor: O?.field ?? h[0].id,
+		direction: O?.direction ?? "desc"
+	}), Ve = (e) => {
+		Be(e), A && A(String(e.columnAccessor), e.direction);
+	}, H = Ur(Fe, V.columnAccessor, V.direction), [He, Ue] = zr(ti[1], "mantine-table-page-size"), [U, W] = d(1), We = x ? H.slice((U - 1) * He, U * He) : H, [Ge, Ke] = d([]), G = R?.expanded?.recordIds ?? Ge, qe = R?.expanded?.onRecordIdsChange ?? Ke, Je = (e) => {
+		G.includes(e) ? qe(G.filter((t) => t !== e)) : qe(R?.allowMultiple ? [...G, e] : [e]);
+	}, Ye = h.findIndex((e) => e.list && e.column && !e.column.hidden), Xe = R && Ye >= 0 ? h.map((e, t) => {
 		if (t !== Ye) return e;
 		let n = e.column.render;
 		return {
@@ -3633,7 +3633,7 @@ function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPat
 					gap: "xs",
 					wrap: "nowrap",
 					align: "center",
-					children: [!z.expandable || z.expandable(t) ? /* @__PURE__ */ p(v, {
+					children: [!R.expandable || R.expandable(t) ? /* @__PURE__ */ p(v, {
 						component: "span",
 						"aria-label": "Aufklappen",
 						onClick: (e) => {
@@ -3644,11 +3644,11 @@ function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPat
 							flexShrink: 0,
 							cursor: "pointer"
 						},
-						children: /* @__PURE__ */ p(be, {
+						children: /* @__PURE__ */ p(Se, {
 							size: 16,
 							style: {
 								color: "var(--mantine-primary-color-filled)",
-								transform: W.includes(t.id) ? "rotate(90deg)" : void 0,
+								transform: G.includes(t.id) ? "rotate(90deg)" : void 0,
 								transition: "transform 200ms ease"
 							}
 						})
@@ -3659,32 +3659,32 @@ function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPat
 				})
 			}
 		};
-	}) : l, [G, K] = d([]);
+	}) : h, [K, q] = d([]);
 	s(() => {
-		K([]);
-	}, [pe]);
-	let [Ze, Qe] = d(!1), [$e, et] = d(!1), [tt, nt] = d(!1), rt = u(null);
+		q([]);
+	}, [he]);
+	let [Ze, Qe] = d(!1), [$e, J] = d(!1), [et, tt] = d(!1), nt = u(null);
 	s(() => {
-		if (!se) {
-			rt.current = null;
+		if (!z) {
+			nt.current = null;
 			return;
 		}
-		if (rt.current === se) return;
-		let e = Be.find((e) => e.id === se);
-		e && (rt.current = se, K([e]), et(!0), ce?.(null));
-	}, [se, Be]);
-	let it = l.some((e) => e.update), at = l.some((e) => e.delete), q = [];
-	return it && q.push({
-		icon: /* @__PURE__ */ p(we, { size: 14 }),
+		if (nt.current === z) return;
+		let e = H.find((e) => e.id === z);
+		e && (nt.current = z, q([e]), J(!0), de?.(null));
+	}, [z, H]);
+	let rt = h.some((e) => e.update), it = h.some((e) => e.delete), at = [];
+	return rt && at.push({
+		icon: /* @__PURE__ */ p(Ee, { size: 14 }),
 		label: "Bearbeiten",
 		onClick: (e) => {
-			K(e), et(!0);
+			q(e), J(!0);
 		}
-	}), S && q.push(...S), at && q.push({
-		icon: /* @__PURE__ */ p(Oe, { size: 14 }),
+	}), C && at.push(...C), it && at.push({
+		icon: /* @__PURE__ */ p(Ae, { size: 14 }),
 		label: "Löschen",
 		onClick: (e) => {
-			K(e), nt(!0);
+			q(e), tt(!0);
 		}
 	}), /* @__PURE__ */ m(f, { children: [
 		/* @__PURE__ */ m(w, {
@@ -3703,7 +3703,7 @@ function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPat
 				gap: 6,
 				align: "center",
 				wrap: "nowrap",
-				children: [typeof e == "string" ? /* @__PURE__ */ p(fe, {
+				children: [typeof e == "string" ? /* @__PURE__ */ p(pe, {
 					order: 4,
 					children: e
 				}) : e, t != null && /* @__PURE__ */ m(E, {
@@ -3719,8 +3719,8 @@ function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPat
 						size: "sm",
 						radius: "xl",
 						"aria-label": "Mehr Informationen",
-						children: /* @__PURE__ */ p(Ce, { size: 16 })
-					}) }), /* @__PURE__ */ p(E.Dropdown, { children: /* @__PURE__ */ p(V, {
+						children: /* @__PURE__ */ p(Te, { size: 16 })
+					}) }), /* @__PURE__ */ p(E.Dropdown, { children: /* @__PURE__ */ p(B, {
 						component: "div",
 						size: "sm",
 						c: "dimmed",
@@ -3747,49 +3747,49 @@ function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPat
 					sm: "auto"
 				},
 				children: [
-					L && /* @__PURE__ */ p(g, {
+					ne && /* @__PURE__ */ p(g, {
 						variant: "subtle",
-						loading: Ne,
+						loading: Ie,
 						onClick: async () => {
-							if (ne) {
-								Pe(!0);
+							if (ae) {
+								Le(!0);
 								try {
-									await ne();
+									await ae();
 								} finally {
-									Pe(!1);
+									Le(!1);
 								}
-							} else je();
+							} else Pe();
 						},
 						"aria-label": "Neuladen",
-						children: /* @__PURE__ */ p(Te, {})
+						children: /* @__PURE__ */ p(De, {})
 					}),
-					(l.some((e) => e.update) || h) && (() => {
-						let e = l.find((e) => e.update) && (!te || G.length > 0 && te(G[0])), t = l.find((e) => e.delete) && (!I || G.length > 0 && I(G[0])), n = (S ?? []).length > 0, r = e || t || n;
+					(h.some((e) => e.update) || b) && (() => {
+						let e = h.find((e) => e.update) && (!I || K.length > 0 && I(K[0])), t = h.find((e) => e.delete) && (!L || K.length > 0 && L(K[0])), n = (C ?? []).length > 0, r = e || t || n;
 						return /* @__PURE__ */ p(v, {
-							...ae ? { visibleFrom: "sm" } : {},
+							...ce ? { visibleFrom: "sm" } : {},
 							children: /* @__PURE__ */ m(k, {
 								shadow: "md",
 								children: [/* @__PURE__ */ p(k.Target, { children: /* @__PURE__ */ p(y, {
 									variant: "outline",
-									rightSection: /* @__PURE__ */ p(ye, { size: 14 }),
-									disabled: !G.length || !r,
+									rightSection: /* @__PURE__ */ p(xe, { size: 14 }),
+									disabled: !K.length || !r,
 									children: "Aktionen"
 								}) }), /* @__PURE__ */ m(k.Dropdown, { children: [
 									e && /* @__PURE__ */ p(k.Item, {
-										leftSection: /* @__PURE__ */ p(we, { size: 14 }),
-										onClick: () => et(!0),
-										disabled: G.length !== 1,
+										leftSection: /* @__PURE__ */ p(Ee, { size: 14 }),
+										onClick: () => J(!0),
+										disabled: K.length !== 1,
 										children: "Bearbeiten"
 									}),
-									(S ?? []).map((e, t) => /* @__PURE__ */ i(k.Item, {
+									(C ?? []).map((e, t) => /* @__PURE__ */ i(k.Item, {
 										...e.icon && { leftSection: e.icon },
 										key: `custom_action_${t}`,
-										onClick: () => e.onClick(G),
-										disabled: e.disabled?.(G) ?? !1
+										onClick: () => e.onClick(K),
+										disabled: e.disabled?.(K) ?? !1
 									}, e.label)),
 									t && /* @__PURE__ */ p(k.Item, {
-										leftSection: /* @__PURE__ */ p(Oe, { size: 14 }),
-										onClick: () => nt(!0),
+										leftSection: /* @__PURE__ */ p(Ae, { size: 14 }),
+										onClick: () => tt(!0),
 										color: "red",
 										children: "Löschen"
 									})
@@ -3797,156 +3797,160 @@ function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPat
 							})
 						});
 					})(),
-					l.find((e) => e.create) && /* @__PURE__ */ p(y, {
+					h.find((e) => e.create) && /* @__PURE__ */ p(y, {
 						onClick: () => Qe(!0),
-						disabled: De,
-						children: A ?? "Erstellen"
+						disabled: je,
+						children: j ?? "Erstellen"
 					}),
 					c
 				]
 			})]
 		}),
-		M && M.length > 0 && /* @__PURE__ */ p(le, {
-			value: pe,
-			onChange: me,
+		l,
+		P && P.length > 0 && /* @__PURE__ */ p(ue, {
+			value: he,
+			onChange: ge,
 			mt: "md",
-			children: /* @__PURE__ */ p(le.List, { children: M.map((e) => /* @__PURE__ */ p(le.Tab, {
+			children: /* @__PURE__ */ p(ue.List, { children: P.map((e) => /* @__PURE__ */ p(ue.Tab, {
 				value: e.value,
 				leftSection: e.icon,
 				children: e.label
 			}, e.value)) })
 		}),
-		ke && /* @__PURE__ */ p(_, {
+		Me && /* @__PURE__ */ p(_, {
 			mt: "md",
 			variant: "light",
 			color: "red",
 			title: "Es ist ein Fehler aufgetreten.",
-			icon: /* @__PURE__ */ p(Ce, {}),
+			icon: /* @__PURE__ */ p(Te, {}),
 			children: "Bitte versuche es später erneut oder sende eine Nachricht an unseren Support."
 		}),
-		(De || Ae) && /* @__PURE__ */ m(re, {
+		(je || Ne) && /* @__PURE__ */ m(ie, {
 			my: "md",
-			children: [/* @__PURE__ */ p(R, { height: 40 }), [
+			children: [/* @__PURE__ */ p(re, { height: 40 }), [
 				,
 				,
 				,
 				,
 				,
-			].fill(0).map((e, t) => /* @__PURE__ */ p(R, { height: 35 }, `skeleton-${t}`))]
+			].fill(0).map((e, t) => /* @__PURE__ */ p(re, { height: 35 }, `skeleton-${t}`))]
 		}),
-		!De && !Ae && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(v, {
-			...ae ? { visibleFrom: "sm" } : {},
+		!je && !Ne && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(v, {
+			...ce ? { visibleFrom: "sm" } : {},
 			children: /* @__PURE__ */ p(Ir, {
 				my: "md",
-				striped: !0,
+				withTableBorder: !0,
+				borderRadius: "md",
 				highlightOnHover: !0,
+				verticalSpacing: "sm",
+				horizontalSpacing: "md",
 				minHeight: 150,
-				fetching: ke,
-				records: U,
-				sortStatus: Le,
-				onSortStatusChange: ze,
-				...h && {
-					selectedRecords: G,
-					onSelectedRecordsChange: K
+				fetching: Me,
+				records: We,
+				sortStatus: V,
+				onSortStatusChange: Ve,
+				...b && {
+					selectedRecords: K,
+					onSelectedRecordsChange: q
 				},
-				...b && U.length && {
-					totalRecords: Be.length,
-					recordsPerPage: Ve,
-					onPageChange: We,
-					page: Ue,
+				...x && We.length && {
+					totalRecords: H.length,
+					recordsPerPage: He,
+					onPageChange: W,
+					page: U,
 					recordsPerPageOptions: ti,
-					onRecordsPerPageChange: He,
+					onRecordsPerPageChange: Ue,
 					recordsPerPageLabel: "Einträge pro Seite"
 				},
-				...z && { rowExpansion: {
-					allowMultiple: z.allowMultiple ?? !1,
-					trigger: B ? "never" : "click",
-					content: ({ record: e }) => z.content(e, !1),
+				...R && { rowExpansion: {
+					allowMultiple: R.allowMultiple ?? !1,
+					trigger: se ? "never" : "click",
+					content: ({ record: e }) => R.content(e, !1),
 					expanded: {
-						recordIds: W,
+						recordIds: G,
 						onRecordIdsChange: qe
 					},
-					...z.expandable && { expandable: ({ record: e }) => z.expandable(e) }
+					...R.expandable && { expandable: ({ record: e }) => R.expandable(e) }
 				} },
 				columns: Xe.map((e) => e.column),
 				noRecordsText: "Keine Einträge gefunden",
-				onRowClick: B,
-				...B && { style: { cursor: "pointer" } }
+				onRowClick: se,
+				...se && { style: { cursor: "pointer" } }
 			})
-		}), ae && /* @__PURE__ */ p(v, {
+		}), ce && /* @__PURE__ */ p(v, {
 			hiddenFrom: "sm",
 			children: /* @__PURE__ */ p(ei, {
-				records: U,
+				records: We,
 				fields: Xe,
-				onRowClick: B,
+				onRowClick: se,
 				sort: {
-					field: String(Le.columnAccessor),
-					direction: Le.direction,
+					field: String(V.columnAccessor),
+					direction: V.direction,
 					onSortChange: (e, t) => {
-						ze({
+						Ve({
 							columnAccessor: e,
 							direction: t
 						});
 					}
 				},
-				...b && U.length && { pagination: {
-					totalRecords: Be.length,
-					recordsPerPage: Ve,
-					page: Ue,
-					onPageChange: We,
+				...x && We.length && { pagination: {
+					totalRecords: H.length,
+					recordsPerPage: He,
+					page: U,
+					onPageChange: W,
 					recordsPerPageOptions: ti,
 					onRecordsPerPageChange: (e) => {
-						He(e), We(1);
+						Ue(e), W(1);
 					}
 				} },
-				...z && { rowExpansion: {
-					content: z.content,
+				...R && { rowExpansion: {
+					content: R.content,
 					expanded: {
-						recordIds: W,
+						recordIds: G,
 						onRecordIdsChange: qe
 					},
-					...z.expandable && { expandable: z.expandable }
+					...R.expandable && { expandable: R.expandable }
 				} },
-				...q.length > 0 && {
-					actions: q,
-					canUpdate: te,
-					canDelete: I
+				...at.length > 0 && {
+					actions: at,
+					canUpdate: I,
+					canDelete: L
 				}
 			})
 		})] }),
 		/* @__PURE__ */ p(N, {
 			opened: $e,
 			onClose: () => {
-				et(!1), K([]);
+				J(!1), q([]);
 			},
 			title: e ?? "Bearbeiten",
-			children: G.length > 0 && /* @__PURE__ */ p(Lr, {
-				fields: l.filter((e) => e.update),
+			children: K.length > 0 && /* @__PURE__ */ p(Lr, {
+				fields: h.filter((e) => e.update),
 				queryKey: n,
 				connectedQueryKeys: r,
-				apiPath: _e,
-				id: G[0].id,
+				apiPath: be,
+				id: K[0].id,
 				onClose: () => {
-					et(!1), K([]);
+					J(!1), q([]);
 				},
-				steps: C
+				steps: D
 			})
 		}),
-		G.length > 0 && /* @__PURE__ */ p(N, {
-			opened: tt,
+		K.length > 0 && /* @__PURE__ */ p(N, {
+			opened: et,
 			onClose: () => {
-				nt(!1), K([]);
+				tt(!1), q([]);
 			},
 			title: e ?? "Löschen",
 			children: /* @__PURE__ */ p(Rr, {
 				onClose: () => {
-					nt(!1), K([]);
+					tt(!1), q([]);
 				},
 				queryKey: n,
 				connectedQueryKeys: r,
-				apiPath: _e,
-				selectedRecords: G,
-				confirmMessage: oe
+				apiPath: be,
+				selectedRecords: K,
+				confirmMessage: le
 			})
 		}),
 		/* @__PURE__ */ p(N, {
@@ -3958,12 +3962,12 @@ function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPat
 			children: /* @__PURE__ */ p(an, {
 				queryKey: n,
 				connectedQueryKeys: r,
-				apiPath: _e,
+				apiPath: be,
 				onClose: () => {
 					Qe(!1);
 				},
-				fields: l.filter((e) => e.create),
-				steps: C
+				fields: h.filter((e) => e.create),
+				steps: D
 			})
 		})
 	] });
@@ -3971,7 +3975,7 @@ function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPat
 //#endregion
 //#region src/DataTable/SubTable.tsx
 function ri({ mobile: e, columns: t, ...n }) {
-	return e ? /* @__PURE__ */ p(re, {
+	return e ? /* @__PURE__ */ p(ie, {
 		gap: "sm",
 		style: { fontVariantNumeric: "tabular-nums" },
 		children: (n.records ?? []).map((e, r) => {