@espresso-lab/mantine-data-table 2.3.3 → 2.3.4

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 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";
+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 ae, TableTd as z, TableTfoot as oe, TableTh as se, TableThead as ce, TableTr as B, Tabs as le, Text as V, TextInput as ue, Textarea as de, Title as fe, createSafeContext as pe, parseThemeColor as me, rem as he, useDirection as ge, useMantineTheme as _e } from "@mantine/core";
+import { DateInput as ve } from "@mantine/dates";
+import { useForm as ye } from "@mantine/form";
+import { IconCaretDownFilled as be, IconChevronRight as xe, IconDotsVertical as Se, IconFilter as Ce, IconInfoCircle as we, IconPencil as Te, IconRefresh as Ee, IconSortAscending as De, IconSortDescending as Oe, IconTrash as ke } from "@tabler/icons-react";
+import { useClickOutside as Ae, useDisclosure as je, useLocalStorage as Me, useMediaQuery as Ne, useMergedRef as Pe, useTimeout as Fe } from "@mantine/hooks";
 //#region node_modules/@tanstack/query-core/build/modern/subscribable.js
-var Le = class {
+var Ie = class {
 	constructor() {
 		this.listeners = /* @__PURE__ */ new Set(), this.subscribe = this.subscribe.bind(this);
 	}
@@ -21,7 +21,7 @@ var Le = class {
 	}
 	onSubscribe() {}
 	onUnsubscribe() {}
-}, Re = new class extends Le {
+}, Le = new class extends Ie {
 	#e;
 	#t;
 	#n;
@@ -58,13 +58,13 @@ var Le = class {
 	isFocused() {
 		return typeof this.#e == "boolean" ? this.#e : globalThis.document?.visibilityState !== "hidden";
 	}
-}(), ze = {
+}(), Re = {
 	setTimeout: (e, t) => setTimeout(e, t),
 	clearTimeout: (e) => clearTimeout(e),
 	setInterval: (e, t) => setInterval(e, t),
 	clearInterval: (e) => clearInterval(e)
-}, V = new class {
-	#e = ze;
+}, H = new class {
+	#e = Re;
 	#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,34 +85,34 @@ var Le = class {
 		this.#e.clearInterval(e);
 	}
 }();
-function Be(e) {
+function ze(e) {
 	setTimeout(e, 0);
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/utils.js
-var Ve = typeof window > "u" || "Deno" in globalThis;
-function H() {}
-function He(e) {
+var Be = typeof window > "u" || "Deno" in globalThis;
+function U() {}
+function Ve(e) {
 	return typeof e == "number" && e >= 0 && e !== Infinity;
 }
-function Ue(e, t) {
+function He(e, t) {
 	return Math.max(e + (t || 0) - Date.now(), 0);
 }
-function U(e, t) {
+function Ue(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
 function W(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
 function We(e) {
-	return JSON.stringify(e, (e, t) => Je(t) ? Object.keys(t).sort().reduce((e, n) => (e[n] = t[n], e), {}) : t);
+	return JSON.stringify(e, (e, t) => Ye(t) ? Object.keys(t).sort().reduce((e, n) => (e[n] = t[n], e), {}) : t);
 }
 var Ge = Object.prototype.hasOwnProperty;
 function Ke(e, t, n = 0) {
 	if (e === t) return e;
 	if (n > 500) return t;
-	let r = qe(e) && qe(t);
-	if (!r && !(Je(e) && Je(t))) return t;
+	let r = Je(e) && Je(t);
+	if (!r && !(Ye(e) && Ye(t))) return t;
 	let i = (r ? e : Object.keys(e)).length, a = r ? t : Object.keys(t), o = a.length, s = r ? Array(o) : {}, c = 0;
 	for (let l = 0; l < o; l++) {
 		let o = r ? l : a[l], u = e[o], d = t[o];
@@ -129,25 +129,25 @@ function Ke(e, t, n = 0) {
 	}
 	return i === o && c === i ? e : s;
 }
-function G(e, t) {
+function qe(e, t) {
 	if (!t || Object.keys(e).length !== Object.keys(t).length) return !1;
 	for (let n in e) if (e[n] !== t[n]) return !1;
 	return !0;
 }
-function qe(e) {
+function Je(e) {
 	return Array.isArray(e) && e.length === Object.keys(e).length;
 }
-function Je(e) {
-	if (!Ye(e)) return !1;
+function Ye(e) {
+	if (!Xe(e)) return !1;
 	let t = e.constructor;
 	if (t === void 0) return !0;
 	let n = t.prototype;
-	return !(!Ye(n) || !n.hasOwnProperty("isPrototypeOf") || Object.getPrototypeOf(e) !== Object.prototype);
+	return !(!Xe(n) || !n.hasOwnProperty("isPrototypeOf") || Object.getPrototypeOf(e) !== Object.prototype);
 }
-function Ye(e) {
+function Xe(e) {
 	return Object.prototype.toString.call(e) === "[object Object]";
 }
-function Xe(e, t, n) {
+function Ze(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 Xe(e, t, n) {
 	}
 	return t;
 }
-function K(e, t) {
+function Qe(e, t) {
 	return typeof e == "function" ? e(...t) : !!e;
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/environmentManager.js
-var q = /* @__PURE__ */ (() => {
-	let e = () => Ve;
+var $e = /* @__PURE__ */ (() => {
+	let e = () => Be;
 	return {
 		isServer() {
 			return e();
@@ -177,7 +177,7 @@ var q = /* @__PURE__ */ (() => {
 })();
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/thenable.js
-function Ze() {
+function et() {
 	let e, t, n = new Promise((n, r) => {
 		e = n, t = r;
 	});
@@ -199,13 +199,13 @@ function Ze() {
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/notifyManager.js
-var Qe = Be;
-function $e() {
+var G = ze;
+function K() {
 	let e = [], t = 0, n = (e) => {
 		e();
 	}, r = (e) => {
 		e();
-	}, i = Qe, a = (r) => {
+	}, i = G, a = (r) => {
 		t ? e.push(r) : i(() => {
 			n(r);
 		});
@@ -247,7 +247,7 @@ function $e() {
 		}
 	};
 }
-var J = $e(), et = new class extends Le {
+var tt = K(), nt = new class extends Ie {
 	#e = !0;
 	#t;
 	#n;
@@ -281,16 +281,16 @@ var J = $e(), et = new class extends Le {
 }();
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/retryer.js
-function tt(e) {
-	return (e ?? "online") !== "online" || et.isOnline();
+function rt(e) {
+	return (e ?? "online") !== "online" || nt.isOnline();
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/query.js
-function nt(e, t) {
+function q(e, t) {
 	return {
 		fetchFailureCount: 0,
 		fetchFailureReason: null,
-		fetchStatus: tt(t.networkMode) ? "fetching" : "paused",
+		fetchStatus: rt(t.networkMode) ? "fetching" : "paused",
 		...e === void 0 && {
 			error: null,
 			status: "pending"
@@ -299,9 +299,9 @@ function nt(e, t) {
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/queryObserver.js
-var rt = class extends Le {
+var it = class extends Ie {
 	constructor(e, t) {
-		super(), this.options = t, this.#e = e, this.#s = null, this.#o = Ze(), this.bindMethods(), this.setOptions(t);
+		super(), this.options = t, this.#e = e, this.#s = null, this.#o = et(), this.bindMethods(), this.setOptions(t);
 	}
 	#e;
 	#t = void 0;
@@ -339,13 +339,13 @@ var rt = class extends Le {
 	setOptions(e) {
 		let t = this.options, n = this.#t;
 		if (this.options = this.#e.defaultQueryOptions(e), this.options.enabled !== void 0 && typeof this.options.enabled != "boolean" && typeof this.options.enabled != "function" && typeof W(this.options.enabled, this.#t) != "boolean") throw Error("Expected enabled to be a boolean or a callback that returns a boolean");
-		this.#S(), this.#t.setOptions(this.options), t._defaulted && !G(this.options, t) && this.#e.getQueryCache().notify({
+		this.#S(), this.#t.setOptions(this.options), t._defaulted && !qe(this.options, t) && this.#e.getQueryCache().notify({
 			type: "observerOptionsUpdated",
 			query: this.#t,
 			observer: this
 		});
 		let r = this.hasListeners();
-		r && 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();
+		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) || Ue(this.options.staleTime, this.#t) !== Ue(t.staleTime, this.#t)) && this.#g();
 		let i = this.#_();
 		r && (this.#t !== n || W(this.options.enabled, this.#t) !== W(t.enabled, this.#t) || i !== this.#p) && this.#v(i);
 	}
@@ -381,14 +381,14 @@ var rt = class extends Le {
 	#h(e) {
 		this.#S();
 		let t = this.#t.fetch(this.options, e);
-		return e?.throwOnError || (t = t.catch(H)), t;
+		return e?.throwOnError || (t = t.catch(U)), t;
 	}
 	#g() {
 		this.#b();
-		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 = V.setTimeout(() => {
+		let e = Ue(this.options.staleTime, this.#t);
+		if ($e.isServer() || this.#r.isStale || !Ve(e)) return;
+		let t = He(this.#r.dataUpdatedAt, e) + 1;
+		this.#d = H.setTimeout(() => {
 			this.#r.isStale || this.updateResult();
 		}, t);
 	}
@@ -396,18 +396,18 @@ var rt = class extends Le {
 		return (typeof this.options.refetchInterval == "function" ? this.options.refetchInterval(this.#t) : this.options.refetchInterval) ?? !1;
 	}
 	#v(e) {
-		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.#x(), this.#p = e, !($e.isServer() || W(this.options.enabled, this.#t) === !1 || !Ve(this.#p) || this.#p === 0) && (this.#f = H.setInterval(() => {
+			(this.options.refetchIntervalInBackground || Le.isFocused()) && this.#h();
 		}, this.#p));
 	}
 	#y() {
 		this.#g(), this.#v(this.#_());
 	}
 	#b() {
-		this.#d !== void 0 && (V.clearTimeout(this.#d), this.#d = void 0);
+		this.#d !== void 0 && (H.clearTimeout(this.#d), this.#d = void 0);
 	}
 	#x() {
-		this.#f !== void 0 && (V.clearInterval(this.#f), this.#f = void 0);
+		this.#f !== void 0 && (H.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;
@@ -415,7 +415,7 @@ var rt = class extends Le {
 			let i = this.hasListeners(), a = !i && at(e, t), o = i && st(e, n, t, r);
 			(a || o) && (l = {
 				...l,
-				...nt(c.data, e.options)
+				...q(c.data, e.options)
 			}), t._optimisticResults === "isRestoring" && (l.fetchStatus = "idle");
 		}
 		let { error: f, errorUpdatedAt: p, status: m } = l;
@@ -423,11 +423,11 @@ var rt = class extends Le {
 		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 = Xe(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 = Ze(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 = Xe(i?.data, d, t), this.#l = d, this.#s = null;
+			this.#c = t.select, d = t.select(d), d = Ze(i?.data, d, t), this.#l = d, this.#s = null;
 		} catch (e) {
 			this.#s = e;
 		}
@@ -464,7 +464,7 @@ var rt = class extends Le {
 			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 = Ze();
+				let e = this.#o = x.promise = et();
 				i(e);
 			}, o = this.#o;
 			switch (o.status) {
@@ -483,7 +483,7 @@ var rt = class extends Le {
 	}
 	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), !G(t, e) && (this.#r = t, this.#C({ listeners: (() => {
+		this.#i = this.#t.state, this.#a = this.options, this.#i.data !== void 0 && (this.#u = this.#t), !qe(t, e) && (this.#r = t, this.#C({ listeners: (() => {
 			if (!e) return !0;
 			let { notifyOnChangeProps: t } = this.options, n = typeof t == "function" ? t() : t;
 			if (n === "all" || !n && !this.#m.size) return !0;
@@ -504,7 +504,7 @@ var rt = class extends Le {
 		this.updateResult(), this.hasListeners() && this.#y();
 	}
 	#C(e) {
-		J.batch(() => {
+		tt.batch(() => {
 			e.listeners && this.listeners.forEach((e) => {
 				e(this.#r);
 			}), this.#e.getQueryCache().notify({
@@ -514,14 +514,14 @@ var rt = class extends Le {
 		});
 	}
 };
-function it(e, t) {
+function J(e, t) {
 	return W(t.enabled, e) !== !1 && e.state.data === void 0 && !(e.state.status === "error" && W(t.retryOnMount, e) === !1);
 }
 function at(e, t) {
-	return it(e, t) || e.state.data !== void 0 && ot(e, t, t.refetchOnMount);
+	return J(e, t) || e.state.data !== void 0 && ot(e, t, t.refetchOnMount);
 }
 function ot(e, t, n) {
-	if (W(t.enabled, e) !== !1 && U(t.staleTime, e) !== "static") {
+	if (W(t.enabled, e) !== !1 && Ue(t.staleTime, e) !== "static") {
 		let r = typeof n == "function" ? n(e) : n;
 		return r === "always" || r !== !1 && ct(e, t);
 	}
@@ -531,10 +531,10 @@ function st(e, t, n, r) {
 	return (e !== t || W(r.enabled, e) === !1) && (!n.suspense || e.state.status !== "error") && ct(e, n);
 }
 function ct(e, t) {
-	return W(t.enabled, e) !== !1 && e.isStaleByTime(U(t.staleTime, e));
+	return W(t.enabled, e) !== !1 && e.isStaleByTime(Ue(t.staleTime, e));
 }
 function Y(e, t) {
-	return !G(e.getCurrentResult(), t);
+	return !qe(e.getCurrentResult(), t);
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/mutation.js
@@ -553,7 +553,7 @@ function lt() {
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/mutationObserver.js
-var ut = class extends Le {
+var ut = class extends Ie {
 	#e;
 	#t = void 0;
 	#n;
@@ -566,7 +566,7 @@ var ut = class extends Le {
 	}
 	setOptions(e) {
 		let t = this.options;
-		this.options = this.#e.defaultMutationOptions(e), G(this.options, t) || this.#e.getMutationCache().notify({
+		this.options = this.#e.defaultMutationOptions(e), qe(this.options, t) || this.#e.getMutationCache().notify({
 			type: "observerOptionsUpdated",
 			mutation: this.#n,
 			observer: this
@@ -600,7 +600,7 @@ var ut = class extends Le {
 		};
 	}
 	#a(e) {
-		J.batch(() => {
+		tt.batch(() => {
 			if (this.#r && this.hasListeners()) {
 				let t = this.#t.variables, n = this.#t.context, r = {
 					client: this.#e,
@@ -663,13 +663,13 @@ function gt() {
 	};
 }
 var _t = e.createContext(gt()), vt = () => e.useContext(_t), yt = (e, t, n) => {
-	let r = n?.state.error && typeof e.throwOnError == "function" ? K(e.throwOnError, [n.state.error, n]) : e.throwOnError;
+	let r = n?.state.error && typeof e.throwOnError == "function" ? Qe(e.throwOnError, [n.state.error, n]) : e.throwOnError;
 	(e.suspense || e.experimental_prefetchInRender || r) && (t.isReset() || (e.retryOnMount = !1));
 }, bt = (t) => {
 	e.useEffect(() => {
 		t.clearReset();
 	}, [t]);
-}, xt = ({ result: e, errorResetBoundary: t, throwOnError: n, query: r, suspense: i }) => e.isError && !t.isReset() && !e.isFetching && r && (i && e.data === void 0 || K(n, [e.error, r])), St = (e) => {
+}, xt = ({ result: e, errorResetBoundary: t, throwOnError: n, query: r, suspense: i }) => e.isError && !t.isReset() && !e.isFetching && r && (i && e.data === void 0 || Qe(n, [e.error, r])), St = (e) => {
 	if (e.suspense) {
 		let t = 1e3, n = (e) => e === "static" ? e : Math.max(e ?? t, t), r = e.staleTime;
 		e.staleTime = typeof r == "function" ? (...e) => n(r(...e)) : n(r), typeof e.gcTime == "number" && (e.gcTime = Math.max(e.gcTime, t));
@@ -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(J.batchCalls(e)) : H;
+		let t = p ? d.subscribe(tt.batchCalls(e)) : U;
 		return d.updateResult(), t;
 	}, [d, p]), () => d.getCurrentResult(), () => d.getCurrentResult()), e.useEffect(() => {
 		d.setOptions(s);
@@ -701,14 +701,14 @@ function Et(t, n, r) {
 		query: c,
 		suspense: s.suspense
 	})) throw f.error;
-	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(() => {
+	return o.getDefaultOptions().queries?._experimental_afterQuery?.(s, f), s.experimental_prefetchInRender && !$e.isServer() && Ct(f, i) && (u ? Tt(s, d, a) : c?.promise)?.catch(U).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, rt, t);
+	return Et(e, it, t);
 }
 //#endregion
 //#region node_modules/@tanstack/react-query/build/modern/useMutation.js
@@ -717,10 +717,10 @@ function Ot(t, n) {
 	e.useEffect(() => {
 		i.setOptions(t);
 	}, [i, t]);
-	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);
+	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(U);
 	}, [i]);
-	if (a.error && K(i.options.throwOnError, [a.error])) throw a.error;
+	if (a.error && Qe(i.options.throwOnError, [a.error])) throw a.error;
 	return {
 		...a,
 		mutate: o,
@@ -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 = be({
+	let [u, h] = d(0), [g, v] = d(!1), b = ye({
 		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(ye, {
+			case "date": return /* @__PURE__ */ p(ve, {
 				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(fe, {
+			case "textarea": return /* @__PURE__ */ p(de, {
 				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(de, {
+			default: return /* @__PURE__ */ p(ue, {
 				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(ae, {
+		children: [E ? /* @__PURE__ */ p(ie, {
 			active: u,
 			size: "sm",
-			children: w.map((e) => /* @__PURE__ */ p(ae.Step, {
+			children: w.map((e) => /* @__PURE__ */ p(ie.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 ? he({
+	return e ? me({
 		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] = me("useDataTableColumnsContext must be used within DataTableColumnProvider"), fn = (e) => {
+var [un, dn] = pe("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(B, {
+		}), p(V, {
 			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] = Ne({
+	})), [t]), [i, a] = Me({
 		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] = Ne({
+	let r = l(() => t ? t.map((e) => e.accessor) : [], [t]), [i, a] = Me({
 		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] = Ne({
+	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] = Me({
 		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] = Ne({
+	})), [t]), [i, a] = Me({
 		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, `${ge("1px")} solid var(--mantine-datatable-border-color)`) : $(r.current, Ln, "unset");
+			f.current.withRowBorders && t.height < n.height ? $(r.current, Ln, `${he("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 = ve();
+	let t = _e();
 	return Gn(l(() => e.map((e) => (typeof e == "function" ? e(t) : e) ?? ""), [e, t]), l(() => e.map(() => !0), [e]));
 }
 function qn(e) {
-	let t = ve();
-	return Pe((typeof e == "function" ? e(t) : e) || "", !0);
+	let t = _e();
+	return Ne((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 = Ie(() => r(!0), 0), c = Ie(() => a(!1), t || 200);
+	let [n, r] = d(e), [i, a] = d(e), o = Fe(() => r(!0), 0), c = Fe(() => 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(ce, {
+	return qn(r) ? p(se, {
 		"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(ce, {
+	return p(se, {
 		className: "mantine-datatable-footer-selector-placeholder-cell",
 		"data-shadow-visible": e || void 0
 	});
 }
 function or({ className: e, style: t, columns: n, defaultColumnProps: r, pinnedMap: i, selectionVisible: a, selectorCellShadowVisible: o, ref: s }) {
-	return p(se, {
+	return p(oe, {
 		ref: s,
 		className: X("mantine-datatable-footer", e),
 		style: t,
-		children: m(z, { children: [a && p(ar, { shadowVisible: o }), n.map(({ hidden: e, ...t }) => {
+		children: m(B, { children: [a && p(ar, { shadowVisible: o }), n.map(({ hidden: e, ...t }) => {
 			if (e) return null;
 			let { accessor: n, visibleMediaQuery: a, textAlign: o, width: s, footer: c, footerClassName: l, footerStyle: u, noWrap: d, ellipsis: f } = {
 				...r,
@@ -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(ce, {
+	return v > 0 ? p(se, {
 		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 }] = Me(!1), s = t ? lr : cr, c = je(a);
+	let [i, { close: a, toggle: o }] = je(!1), s = t ? lr : cr, c = Ae(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 } = _e(), l = c === "rtl", { setMultipleColumnWidths: f, beginResize: m, endResize: h } = dn(), g = a((e) => {
+	}), { dir: c } = ge(), 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 re = a ?? gn(r), ie = typeof re == "string" ? re : void 0, ae = o && S ? (e) => {
+	let R = a ?? gn(r), re = typeof R == "string" ? R : void 0, ie = o && S ? (e) => {
 		e?.defaultPrevented || S({
 			sortKey: k,
 			columnAccessor: r,
 			direction: x?.columnAccessor === r ? x.direction === "asc" ? "desc" : "asc" : x?.direction ?? "asc"
 		});
-	} : void 0, oe = (e) => {
+	} : void 0, ae = (e) => {
 		e.stopPropagation(), A(r), I(!1);
-	}, R = (e) => {
+	}, z = (e) => {
 		e.preventDefault(), j(r), I(!0);
-	}, se = () => {
+	}, oe = () => {
 		j(r), I(!1), M();
-	}, le = () => {
+	}, ce = () => {
 		I(!0);
-	}, z = () => {
+	}, B = () => {
 		I(!1);
-	}, ue = (e) => {
+	}, le = (e) => {
 		e.stopPropagation(), P(N.map((e) => e.accessor === r ? {
 			...e,
 			toggled: !1
 		} : e));
-	}, B = (e) => {
+	}, V = (e) => {
 		F((t) => t.map((t) => t.accessor === r ? {
 			...t,
 			pinned: e
 		} : t));
 	};
-	return m(ce, {
+	return m(se, {
 		"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: ae,
-		onKeyDown: (e) => e.key === "Enter" && ae?.(),
+		onClick: ie,
+		onKeyDown: (e) => e.key === "Enter" && ie?.(),
 		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 ? oe : void 0,
-					onDragEnter: s ? le : void 0,
-					onDragOver: s ? R : void 0,
-					onDrop: s ? se : void 0,
-					onDragLeave: s ? z : void 0,
+					onDragStart: s ? ae : void 0,
+					onDragEnter: s ? ce : void 0,
+					onDragOver: s ? z : void 0,
+					onDrop: s ? oe : void 0,
+					onDragLeave: s ? B : 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: ie,
-						children: re
+						title: re,
+						children: R
 					})]
 				}),
 				l ? p(hr, {
 					currentPinned: ne,
-					onPinChange: B
+					onPinChange: V
 				}) : 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: ue,
+						onClick: le,
 						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(ce, {
+	return p(se, {
 		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(le, {
+	}) : null, { columnsToggle: k, setColumnsToggle: A } = dn(), [j, M] = d(!1), N = o.some((e) => e.toggleable), P = N ? Object.fromEntries(o.map(({ accessor: e, title: t }) => [e, t ?? gn(String(e))])) : void 0, ee = m(ce, {
 		className: X("mantine-datatable-header", t),
 		style: n,
 		ref: w,
@@ -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(z, { children: [t === 0 && O, n.map((e, r) => p(sr, {
+			return m(B, { children: [t === 0 && O, n.map((e, r) => p(sr, {
 				group: e,
 				pinnedInfo: Cr(e, l),
 				maxDepth: E,
@@ -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(z, { children: [!c && O, o.map(({ hidden: e, ...t }, n) => {
+		}), m(B, { children: [!c && O, o.map(({ hidden: e, ...t }, n) => {
 			if (e) return null;
 			let { accessor: c, visibleMediaQuery: u, textAlign: d, width: f, title: m, sortable: h, draggable: g, toggleable: _, pinnable: v, resizable: y, titleClassName: b, titleStyle: x, filter: S, filterPopoverProps: C, filterPopoverDisableClickOutside: w, filtering: T, sortKey: E } = {
 				...s,
@@ -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(ie, { children: k.filter((e) => e.toggleable).map((e) => p(T, { children: p(x, {
+		children: [p(I, { children: ee }), p(te, { children: p(re, { 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: ge(22),
-	sm: ge(26),
-	md: ge(32),
-	lg: ge(38),
-	xl: ge(44)
+	xs: he(22),
+	sm: he(26),
+	md: he(32),
+	lg: he(38),
+	xl: he(44)
 };
 function Or({ size: e, label: t, values: n, value: r, activeTextColor: i, activeBackgroundColor: a, onChange: o }) {
 	return m(T, {
 		gap: "xs",
-		children: [p(B, {
+		children: [p(V, {
 			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(B, {
+					children: p(V, {
 						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" ? `${ge(w)}rem` : e[w] || w})`), N = {
-		Text: (e) => p(B, {
+	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" ? `${he(w)}rem` : e[w] || w})`), N = {
+		Text: (e) => p(V, {
 			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(R, {
+	return qn(r) ? p(z, {
 		"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(z, {}), p(z, { children: p(R, {
+	return a ? m(f, { children: [p(B, {}), p(B, { children: p(z, {
 		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(R, {
+	return p(z, {
 		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(z, {
+	}) : m(f, { children: [p(B, {
 		...P,
 		children: M
 	}), N] });
@@ -2906,14 +2906,14 @@ 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: 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 }) {
+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: z, recordsPerPageLabel: oe = "Records per page", paginationWithEdges: se, paginationWithControls: ce, paginationActiveTextColor: B, paginationActiveBackgroundColor: le, paginationSize: V = "sm", paginationText: ue = ({ from: e, to: t, totalRecords: n }) => `${e} - ${t} / ${n}`, paginationWrapBreakpoint: de = "sm", getPaginationControlProps: fe = (e) => e === "previous" ? { "aria-label": "Previous page" } : e === "next" ? { "aria-label": "Next page" } : {}, getPaginationItemProps: pe, renderPagination: me, loaderBackgroundBlur: he, customLoader: ge, loaderSize: _e, loaderType: ve, loaderColor: ye, loadingText: be = "...", emptyState: xe, noRecordsText: Se = "No records", noRecordsIcon: Ce, highlightOnHover: we, striped: Te, noHeader: Ee, onRowClick: De, onRowDoubleClick: Oe, onRowContextMenu: ke, onCellClick: Ae, onCellDoubleClick: je, onCellContextMenu: Me, onScroll: Ne, onScrollToTop: Fe, onScrollToBottom: Ie, onScrollToLeft: Le, onScrollToRight: Re, c: H, backgroundColor: ze, borderColor: Be, rowBorderColor: U, stripedColor: Ve, highlightOnHoverColor: He, rowColor: Ue, rowBackgroundColor: W, rowExpansion: We, rowClassName: Ge, rowStyle: Ke, customRowAttributes: qe, scrollViewportRef: Je, scrollAreaProps: Ye, tableRef: Xe, bodyRef: Ze, m: Qe, my: $e, mx: et, mt: G, mb: K, ml: tt, mr: nt, className: rt, classNames: q, style: it, styles: J, rowFactory: at, tableWrapper: ot, ...st }) {
 	let ct = l(() => y ? Cn(y) : g, [g, y]), { refs: Y, onScroll: lt } = Bn({
 		scrollCallbacks: {
-			onScroll: Pe,
-			onScrollToTop: Ie,
-			onScrollToBottom: Le,
-			onScrollToLeft: Re,
-			onScrollToRight: ze
+			onScroll: Ne,
+			onScrollToTop: Fe,
+			onScrollToBottom: Ie,
+			onScrollToLeft: Le,
+			onScrollToRight: Re
 		},
 		withRowBorders: st.withRowBorders
 	}), ut = jn({
@@ -2921,7 +2921,7 @@ function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 		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({
+	}), dt = ut.effectiveColumns, ft = Pe(Y.table, Xe), pt = Pe(Y.scrollViewport, Je), mt = u(null), ht = Pe(mt, Ze), gt = Jn({
 		rowExpansion: We,
 		records: T,
 		idAccessor: w
@@ -2966,13 +2966,13 @@ function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 		kt,
 		D
 	]), { lastSelectionChangeIndex: Pt, setLastSelectionChangeIndex: Ft } = Hn(Tt), It = Et && !vt, Lt = {
-		m: K,
-		my: q,
-		mx: Ze,
-		mt: Qe,
-		mb: $e,
-		ml: J,
-		mr: et
+		m: Qe,
+		my: $e,
+		mx: et,
+		mt: G,
+		mb: K,
+		ml: tt,
+		mr: nt
 	}, Rt = a(({ children: e }) => ot ? ot({ children: e }) : e, [ot]);
 	return p(fn, {
 		...ut,
@@ -2980,17 +2980,17 @@ function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 		children: m(v, {
 			ref: Y.root,
 			...Lt,
-			className: X("mantine-datatable", { "mantine-datatable-with-border": e }, tt, nt?.root),
+			className: X("mantine-datatable", { "mantine-datatable-with-border": e }, rt, q?.root),
 			style: [
 				(e) => ({
 					...sn({
 						theme: e,
-						c: V,
-						backgroundColor: Be,
-						borderColor: Ve,
-						rowBorderColor: H,
-						stripedColor: He,
-						highlightOnHoverColor: Ue
+						c: H,
+						backgroundColor: ze,
+						borderColor: Be,
+						rowBorderColor: U,
+						stripedColor: Ve,
+						highlightOnHoverColor: He
 					}),
 					borderRadius: e.radius[t] || t,
 					boxShadow: e.shadows[d] || d,
@@ -2998,8 +2998,8 @@ function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 					minHeight: i,
 					maxHeight: o
 				}),
-				rt,
-				it?.root,
+				it,
+				J?.root,
 				{ position: "relative" }
 			],
 			children: [
@@ -3008,8 +3008,8 @@ function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 					leftShadowBehind: Et || vt,
 					rightShadowBehind: yt,
 					onScrollPositionChange: lt,
-					scrollAreaProps: Je,
-					children: p(Rt, { children: m(oe, {
+					scrollAreaProps: Ye,
+					children: p(Rt, { children: m(ae, {
 						ref: ft,
 						horizontalSpacing: I,
 						className: X("mantine-datatable-table", {
@@ -3020,24 +3020,24 @@ function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 							"mantine-datatable-resizable-columns": ut.hasResizableColumns,
 							"mantine-datatable-resize-locked": ut.isLocked,
 							"mantine-datatable-resizing": ut.isResizing
-						}, nt?.table),
+						}, q?.table),
 						style: {
-							...it?.table,
+							...J?.table,
 							...ut.isLocked ? { tableLayout: "fixed" } : null,
 							...ut.tableWidth == null ? null : { width: `${ut.tableWidth}px` }
 						},
-						"data-striped": wt && Ee || void 0,
-						"data-highlight-on-hover": Te || void 0,
+						"data-striped": wt && Te || void 0,
+						"data-highlight-on-hover": we || void 0,
 						...st,
 						children: [
-							De ? null : p(fn, {
+							Ee ? null : p(fn, {
 								...ut,
 								pinnedMap: _t,
 								children: p(wr, {
 									ref: Y.header,
 									selectionColumnHeaderRef: Y.selectionColumnHeader,
-									className: nt?.header,
-									style: it?.header,
+									className: q?.header,
+									style: J?.header,
 									columns: dt,
 									defaultColumnProps: S,
 									groups: y,
@@ -3084,18 +3084,18 @@ function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 										isRecordSelectable: j,
 										selectionCheckboxProps: M,
 										getSelectionCheckboxProps: P,
-										onClick: Oe,
-										onDoubleClick: ke,
-										onCellClick: je,
-										onCellDoubleClick: Me,
-										onContextMenu: Ae,
-										onCellContextMenu: Ne,
+										onClick: De,
+										onDoubleClick: Oe,
+										onCellClick: Ae,
+										onCellDoubleClick: je,
+										onContextMenu: ke,
+										onCellContextMenu: Me,
 										expansion: gt,
-										color: U,
+										color: Ue,
 										backgroundColor: W,
 										className: Ge,
 										style: Ke,
-										customAttributes: G,
+										customAttributes: qe,
 										selectorCellShadowVisible: It,
 										selectionColumnClassName: k,
 										selectionColumnStyle: A,
@@ -3106,8 +3106,8 @@ function Ir({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 							}),
 							dt.some(({ footer: e }) => e) && p(or, {
 								ref: Y.footer,
-								className: nt?.footer,
-								style: it?.footer,
+								className: q?.footer,
+								style: J?.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: nt?.pagination,
-					style: it?.pagination,
+					className: q?.pagination,
+					style: J?.pagination,
 					horizontalSpacing: I,
 					fetching: h,
 					page: L,
 					onPageChange: Ct,
-					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,
+					totalRecords: R,
+					recordsPerPage: re,
+					onRecordsPerPageChange: ie,
+					recordsPerPageOptions: z,
+					recordsPerPageLabel: oe,
+					paginationWithEdges: se,
+					paginationWithControls: ce,
+					paginationActiveTextColor: B,
+					paginationActiveBackgroundColor: le,
+					paginationSize: V,
+					paginationText: ue,
+					paginationWrapBreakpoint: de,
+					getPaginationControlProps: fe,
+					getPaginationItemProps: pe,
+					noRecordsText: Se,
+					loadingText: be,
 					recordsLength: wt,
-					renderPagination: he
+					renderPagination: me
 				}),
 				p(Tr, {
 					fetching: h,
-					backgroundBlur: ge,
-					customContent: _e,
-					size: ve,
-					type: ye,
-					color: be
+					backgroundBlur: he,
+					customContent: ge,
+					size: _e,
+					type: ve,
+					color: ye
 				}),
 				p(hn, {
-					icon: we,
-					text: Ce,
+					icon: Ce,
+					text: Se,
 					active: !h && !wt,
-					children: Se
+					children: xe
 				})
 			]
 		})
@@ -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(ie, {
+	return c || !s ? /* @__PURE__ */ m(re, {
 		gap: "md",
 		children: [
-			/* @__PURE__ */ p(re, { height: 40 }),
-			Array.from({ length: e.length }).map((e, t) => /* @__PURE__ */ p(re, { height: 35 }, t)),
+			/* @__PURE__ */ p(R, { height: 40 }),
+			Array.from({ length: e.length }).map((e, t) => /* @__PURE__ */ p(R, { height: 35 }, t)),
 			/* @__PURE__ */ m(T, {
 				mt: "md",
 				justify: "end",
-				children: [/* @__PURE__ */ p(re, {
+				children: [/* @__PURE__ */ p(R, {
 					width: 100,
 					height: 36
-				}), /* @__PURE__ */ p(re, {
+				}), /* @__PURE__ */ p(R, {
 					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(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__ */ 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__ */ m(T, {
 			mt: "md",
 			justify: "end",
@@ -3361,7 +3361,7 @@ function Xr({ rows: e }) {
 		gap: "md",
 		py: "xs",
 		px: "sm",
-		children: [/* @__PURE__ */ p(B, {
+		children: [/* @__PURE__ */ p(V, {
 			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(B, {
+	return r == null ? /* @__PURE__ */ p(V, {
 		c: "dimmed",
 		children: "–"
-	}) : typeof r == "boolean" ? /* @__PURE__ */ p(B, {
+	}) : typeof r == "boolean" ? /* @__PURE__ */ p(V, {
 		fz: "sm",
 		children: r ? "Ja" : "Nein"
-	}) : /* @__PURE__ */ p(B, {
+	}) : /* @__PURE__ */ p(V, {
 		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(ie, {
+	return /* @__PURE__ */ m(re, {
 		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(Oe, { size: 18 }) : /* @__PURE__ */ p(ke, { size: 18 })
+					children: c.direction === "asc" ? /* @__PURE__ */ p(De, { size: 18 }) : /* @__PURE__ */ p(Oe, { 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(we, { size: 18 })
+							children: /* @__PURE__ */ p(Ce, { 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(B, {
+									children: [/* @__PURE__ */ p(V, {
 										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(B, {
+			e.length === 0 && /* @__PURE__ */ p(V, {
 				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(Ce, { size: 16 })
+										children: /* @__PURE__ */ p(Se, { 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(ie, {
+			s && s.totalRecords > s.recordsPerPage && /* @__PURE__ */ m(re, {
 				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(B, {
+					children: [/* @__PURE__ */ p(V, {
 						fz: "xs",
 						c: "dimmed",
 						children: "Einträge pro Seite:"
@@ -3597,33 +3597,35 @@ var ti = [
 	100,
 	500
 ];
-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 = {
+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: ie, autoPoll: ae, rowExpansion: z, onRowClick: oe, mobileCards: se = !1, deleteConfirmMessage: ce, editRecordId: B, onEditRecordIdChange: ue }) {
+	let [de, pe] = d(ee || (P && P.length > 0 ? P[0].value : null)), me = F === void 0 ? de : F, he = (e) => {
+		F === void 0 && pe(e), te && te(e);
+	}, ge = P?.find((e) => e.value === me), _e = ge?.queryParams || {}, ve = ge?.apiPath ?? a, ye = ge?.mutationApiPath ?? o ?? ve, Se = {
 		...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(() => {});
+		..._e
+	}, Ce = Se ? "?" + Object.entries(Se).filter(([, e]) => e != null).map(([e, t]) => `${e}=${encodeURIComponent(t ?? "")}`).join("&") : "", De = me ? [...n, me] : n, { data: Oe, isLoading: Ae, isError: je, isRefetching: Me, refetch: Ne } = Wt(ve + Ce, De), Pe = Yr(Array.isArray(Oe) ? Oe : [], S), [Fe, Ie] = d(!1), Le = u(() => {});
 	s(() => {
-		Re.current = ae ?? (() => Pe());
+		Le.current = ie ?? (() => Ne());
 	});
-	let ze = typeof oe == "function" ? oe(Array.isArray(ke) ? ke : []) : oe ?? !1;
+	let Re = typeof ae == "function" ? ae(Array.isArray(Oe) ? Oe : []) : ae ?? !1;
 	s(() => {
-		if (!ze) return;
+		if (!Re) return;
 		let e = setInterval(() => {
-			Promise.resolve(Re.current()).catch(() => {});
-		}, ze);
+			Promise.resolve(Le.current()).catch(() => {});
+		}, Re);
 		return () => clearInterval(e);
-	}, [ze]);
-	let [V, Be] = d({
+	}, [Re]);
+	let [H, ze] = 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;
+	}), Be = (e) => {
+		ze(e), A && A(String(e.columnAccessor), e.direction);
+	}, U = Ur(Pe, H.columnAccessor, H.direction), [Ve, He] = zr(ti[1], "mantine-table-page-size"), [Ue, W] = d(1), We = Math.max(1, Math.ceil(U.length / Ve)), Ge = Math.min(Ue, We), Ke = (e) => {
+		He(e), W(1);
+	}, qe = x ? U.slice((Ge - 1) * Ve, Ge * Ve) : U, [Je, Ye] = d([]), Xe = z?.expanded?.recordIds ?? Je, Ze = z?.expanded?.onRecordIdsChange ?? Ye, Qe = (e) => {
+		Xe.includes(e) ? Ze(Xe.filter((t) => t !== e)) : Ze(z?.allowMultiple ? [...Xe, e] : [e]);
+	}, $e = h.findIndex((e) => e.list && e.column && !e.column.hidden), et = z && $e >= 0 ? h.map((e, t) => {
+		if (t !== $e) return e;
 		let n = e.column.render;
 		return {
 			...e,
@@ -3633,22 +3635,22 @@ function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPat
 					gap: "xs",
 					wrap: "nowrap",
 					align: "center",
-					children: [!R.expandable || R.expandable(t) ? /* @__PURE__ */ p(v, {
+					children: [!z.expandable || z.expandable(t) ? /* @__PURE__ */ p(v, {
 						component: "span",
 						"aria-label": "Aufklappen",
 						onClick: (e) => {
-							e.stopPropagation(), Je(t.id);
+							e.stopPropagation(), Qe(t.id);
 						},
 						style: {
 							display: "inline-flex",
 							flexShrink: 0,
 							cursor: "pointer"
 						},
-						children: /* @__PURE__ */ p(Se, {
+						children: /* @__PURE__ */ p(xe, {
 							size: 16,
 							style: {
 								color: "var(--mantine-primary-color-filled)",
-								transform: G.includes(t.id) ? "rotate(90deg)" : void 0,
+								transform: Xe.includes(t.id) ? "rotate(90deg)" : void 0,
 								transition: "transform 200ms ease"
 							}
 						})
@@ -3659,32 +3661,32 @@ function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPat
 				})
 			}
 		};
-	}) : h, [K, q] = d([]);
+	}) : h, [G, K] = d([]);
 	s(() => {
-		q([]);
-	}, [he]);
-	let [Ze, Qe] = d(!1), [$e, J] = d(!1), [et, tt] = d(!1), nt = u(null);
+		K([]);
+	}, [me]);
+	let [tt, nt] = d(!1), [rt, q] = d(!1), [it, J] = d(!1), at = u(null);
 	s(() => {
-		if (!z) {
-			nt.current = null;
+		if (!B) {
+			at.current = null;
 			return;
 		}
-		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 }),
+		if (at.current === B) return;
+		let e = U.find((e) => e.id === B);
+		e && (at.current = B, K([e]), q(!0), ue?.(null));
+	}, [B, U]);
+	let ot = h.some((e) => e.update), st = h.some((e) => e.delete), ct = [];
+	return ot && ct.push({
+		icon: /* @__PURE__ */ p(Te, { size: 14 }),
 		label: "Bearbeiten",
 		onClick: (e) => {
-			q(e), J(!0);
+			K(e), q(!0);
 		}
-	}), C && at.push(...C), it && at.push({
-		icon: /* @__PURE__ */ p(Ae, { size: 14 }),
+	}), C && ct.push(...C), st && ct.push({
+		icon: /* @__PURE__ */ p(ke, { size: 14 }),
 		label: "Löschen",
 		onClick: (e) => {
-			q(e), tt(!0);
+			K(e), J(!0);
 		}
 	}), /* @__PURE__ */ m(f, { children: [
 		/* @__PURE__ */ m(w, {
@@ -3703,7 +3705,7 @@ function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPat
 				gap: 6,
 				align: "center",
 				wrap: "nowrap",
-				children: [typeof e == "string" ? /* @__PURE__ */ p(pe, {
+				children: [typeof e == "string" ? /* @__PURE__ */ p(fe, {
 					order: 4,
 					children: e
 				}) : e, t != null && /* @__PURE__ */ m(E, {
@@ -3719,8 +3721,8 @@ function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPat
 						size: "sm",
 						radius: "xl",
 						"aria-label": "Mehr Informationen",
-						children: /* @__PURE__ */ p(Te, { size: 16 })
-					}) }), /* @__PURE__ */ p(E.Dropdown, { children: /* @__PURE__ */ p(B, {
+						children: /* @__PURE__ */ p(we, { size: 16 })
+					}) }), /* @__PURE__ */ p(E.Dropdown, { children: /* @__PURE__ */ p(V, {
 						component: "div",
 						size: "sm",
 						c: "dimmed",
@@ -3749,47 +3751,47 @@ function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPat
 				children: [
 					ne && /* @__PURE__ */ p(g, {
 						variant: "subtle",
-						loading: Ie,
+						loading: Fe,
 						onClick: async () => {
-							if (ae) {
-								Le(!0);
+							if (ie) {
+								Ie(!0);
 								try {
-									await ae();
+									await ie();
 								} finally {
-									Le(!1);
+									Ie(!1);
 								}
-							} else Pe();
+							} else Ne();
 						},
 						"aria-label": "Neuladen",
-						children: /* @__PURE__ */ p(De, {})
+						children: /* @__PURE__ */ p(Ee, {})
 					}),
 					(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;
+						let e = h.find((e) => e.update) && (!I || G.length > 0 && I(G[0])), t = h.find((e) => e.delete) && (!L || G.length > 0 && L(G[0])), n = (C ?? []).length > 0, r = e || t || n;
 						return /* @__PURE__ */ p(v, {
-							...ce ? { visibleFrom: "sm" } : {},
+							...se ? { visibleFrom: "sm" } : {},
 							children: /* @__PURE__ */ m(k, {
 								shadow: "md",
 								children: [/* @__PURE__ */ p(k.Target, { children: /* @__PURE__ */ p(y, {
 									variant: "outline",
-									rightSection: /* @__PURE__ */ p(xe, { size: 14 }),
-									disabled: !K.length || !r,
+									rightSection: /* @__PURE__ */ p(be, { size: 14 }),
+									disabled: !G.length || !r,
 									children: "Aktionen"
 								}) }), /* @__PURE__ */ m(k.Dropdown, { children: [
 									e && /* @__PURE__ */ p(k.Item, {
-										leftSection: /* @__PURE__ */ p(Ee, { size: 14 }),
-										onClick: () => J(!0),
-										disabled: K.length !== 1,
+										leftSection: /* @__PURE__ */ p(Te, { size: 14 }),
+										onClick: () => q(!0),
+										disabled: G.length !== 1,
 										children: "Bearbeiten"
 									}),
 									(C ?? []).map((e, t) => /* @__PURE__ */ i(k.Item, {
 										...e.icon && { leftSection: e.icon },
 										key: `custom_action_${t}`,
-										onClick: () => e.onClick(K),
-										disabled: e.disabled?.(K) ?? !1
+										onClick: () => e.onClick(G),
+										disabled: e.disabled?.(G) ?? !1
 									}, e.label)),
 									t && /* @__PURE__ */ p(k.Item, {
-										leftSection: /* @__PURE__ */ p(Ae, { size: 14 }),
-										onClick: () => tt(!0),
+										leftSection: /* @__PURE__ */ p(ke, { size: 14 }),
+										onClick: () => J(!0),
 										color: "red",
 										children: "Löschen"
 									})
@@ -3798,8 +3800,8 @@ function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPat
 						});
 					})(),
 					h.find((e) => e.create) && /* @__PURE__ */ p(y, {
-						onClick: () => Qe(!0),
-						disabled: je,
+						onClick: () => nt(!0),
+						disabled: Ae,
 						children: j ?? "Erstellen"
 					}),
 					c
@@ -3807,36 +3809,36 @@ function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPat
 			})]
 		}),
 		l,
-		P && P.length > 0 && /* @__PURE__ */ p(ue, {
-			value: he,
-			onChange: ge,
+		P && P.length > 0 && /* @__PURE__ */ p(le, {
+			value: me,
+			onChange: he,
 			mt: "md",
-			children: /* @__PURE__ */ p(ue.List, { children: P.map((e) => /* @__PURE__ */ p(ue.Tab, {
+			children: /* @__PURE__ */ p(le.List, { children: P.map((e) => /* @__PURE__ */ p(le.Tab, {
 				value: e.value,
 				leftSection: e.icon,
 				children: e.label
 			}, e.value)) })
 		}),
-		Me && /* @__PURE__ */ p(_, {
+		je && /* @__PURE__ */ p(_, {
 			mt: "md",
 			variant: "light",
 			color: "red",
 			title: "Es ist ein Fehler aufgetreten.",
-			icon: /* @__PURE__ */ p(Te, {}),
+			icon: /* @__PURE__ */ p(we, {}),
 			children: "Bitte versuche es später erneut oder sende eine Nachricht an unseren Support."
 		}),
-		(je || Ne) && /* @__PURE__ */ m(ie, {
+		(Ae || Me) && /* @__PURE__ */ m(re, {
 			my: "md",
-			children: [/* @__PURE__ */ p(re, { height: 40 }), [
+			children: [/* @__PURE__ */ p(R, { height: 40 }), [
 				,
 				,
 				,
 				,
 				,
-			].fill(0).map((e, t) => /* @__PURE__ */ p(re, { height: 35 }, `skeleton-${t}`))]
+			].fill(0).map((e, t) => /* @__PURE__ */ p(R, { height: 35 }, `skeleton-${t}`))]
 		}),
-		!je && !Ne && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(v, {
-			...ce ? { visibleFrom: "sm" } : {},
+		!Ae && !Me && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(v, {
+			...se ? { visibleFrom: "sm" } : {},
 			children: /* @__PURE__ */ p(Ir, {
 				my: "md",
 				withTableBorder: !0,
@@ -3845,129 +3847,127 @@ function ni({ title: e, titleHint: t, queryKey: n, connectedQueryKeys: r, apiPat
 				verticalSpacing: "sm",
 				horizontalSpacing: "md",
 				minHeight: 150,
-				fetching: Me,
-				records: We,
-				sortStatus: V,
-				onSortStatusChange: Ve,
+				fetching: je,
+				records: qe,
+				sortStatus: H,
+				onSortStatusChange: Be,
 				...b && {
-					selectedRecords: K,
-					onSelectedRecordsChange: q
+					selectedRecords: G,
+					onSelectedRecordsChange: K
 				},
-				...x && We.length && {
-					totalRecords: H.length,
-					recordsPerPage: He,
+				...x && U.length && {
+					totalRecords: U.length,
+					recordsPerPage: Ve,
 					onPageChange: W,
-					page: U,
+					page: Ge,
 					recordsPerPageOptions: ti,
-					onRecordsPerPageChange: Ue,
+					onRecordsPerPageChange: Ke,
 					recordsPerPageLabel: "Einträge pro Seite"
 				},
-				...R && { rowExpansion: {
-					allowMultiple: R.allowMultiple ?? !1,
-					trigger: se ? "never" : "click",
+				...z && { rowExpansion: {
+					allowMultiple: z.allowMultiple ?? !1,
+					trigger: oe ? "never" : "click",
 					content: ({ record: e }) => /* @__PURE__ */ p(v, {
 						bg: "var(--mantine-color-body)",
-						children: R.content(e, !1)
+						children: z.content(e, !1)
 					}),
 					expanded: {
-						recordIds: G,
-						onRecordIdsChange: qe
+						recordIds: Xe,
+						onRecordIdsChange: Ze
 					},
-					...R.expandable && { expandable: ({ record: e }) => R.expandable(e) }
+					...z.expandable && { expandable: ({ record: e }) => z.expandable(e) }
 				} },
-				columns: Xe.map((e) => e.column),
+				columns: et.map((e) => e.column),
 				noRecordsText: "Keine Einträge gefunden",
-				onRowClick: se,
-				...se && { style: { cursor: "pointer" } }
+				onRowClick: oe,
+				...oe && { style: { cursor: "pointer" } }
 			})
-		}), ce && /* @__PURE__ */ p(v, {
+		}), se && /* @__PURE__ */ p(v, {
 			hiddenFrom: "sm",
 			children: /* @__PURE__ */ p(ei, {
-				records: We,
-				fields: Xe,
-				onRowClick: se,
+				records: qe,
+				fields: et,
+				onRowClick: oe,
 				sort: {
-					field: String(V.columnAccessor),
-					direction: V.direction,
+					field: String(H.columnAccessor),
+					direction: H.direction,
 					onSortChange: (e, t) => {
-						Ve({
+						Be({
 							columnAccessor: e,
 							direction: t
 						});
 					}
 				},
-				...x && We.length && { pagination: {
-					totalRecords: H.length,
-					recordsPerPage: He,
-					page: U,
+				...x && U.length && { pagination: {
+					totalRecords: U.length,
+					recordsPerPage: Ve,
+					page: Ge,
 					onPageChange: W,
 					recordsPerPageOptions: ti,
-					onRecordsPerPageChange: (e) => {
-						Ue(e), W(1);
-					}
+					onRecordsPerPageChange: Ke
 				} },
-				...R && { rowExpansion: {
-					content: R.content,
+				...z && { rowExpansion: {
+					content: z.content,
 					expanded: {
-						recordIds: G,
-						onRecordIdsChange: qe
+						recordIds: Xe,
+						onRecordIdsChange: Ze
 					},
-					...R.expandable && { expandable: R.expandable }
+					...z.expandable && { expandable: z.expandable }
 				} },
-				...at.length > 0 && {
-					actions: at,
+				...ct.length > 0 && {
+					actions: ct,
 					canUpdate: I,
 					canDelete: L
 				}
 			})
 		})] }),
 		/* @__PURE__ */ p(N, {
-			opened: $e,
+			opened: rt,
 			onClose: () => {
-				J(!1), q([]);
+				q(!1), K([]);
 			},
 			title: e ?? "Bearbeiten",
-			children: K.length > 0 && /* @__PURE__ */ p(Lr, {
+			children: G.length > 0 && /* @__PURE__ */ p(Lr, {
 				fields: h.filter((e) => e.update),
 				queryKey: n,
 				connectedQueryKeys: r,
-				apiPath: be,
-				id: K[0].id,
+				apiPath: ye,
+				id: G[0].id,
 				onClose: () => {
-					J(!1), q([]);
+					q(!1), K([]);
 				},
 				steps: D
 			})
 		}),
-		K.length > 0 && /* @__PURE__ */ p(N, {
-			opened: et,
+		G.length > 0 && /* @__PURE__ */ p(N, {
+			opened: it,
 			onClose: () => {
-				tt(!1), q([]);
+				J(!1), K([]);
 			},
 			title: e ?? "Löschen",
 			children: /* @__PURE__ */ p(Rr, {
 				onClose: () => {
-					tt(!1), q([]);
+					J(!1), K([]);
 				},
 				queryKey: n,
 				connectedQueryKeys: r,
-				apiPath: be,
-				selectedRecords: K,
-				confirmMessage: le
+				apiPath: ye,
+				selectedRecords: G,
+				confirmMessage: ce
 			})
 		}),
 		/* @__PURE__ */ p(N, {
-			opened: Ze,
+			opened: tt,
 			onClose: () => {
-				Qe(!1);
+				nt(!1);
 			},
 			title: e ?? "Anlegen",
 			children: /* @__PURE__ */ p(an, {
 				queryKey: n,
 				connectedQueryKeys: r,
-				apiPath: be,
+				apiPath: ye,
 				onClose: () => {
-					Qe(!1);
+					nt(!1);
 				},
 				fields: h.filter((e) => e.create),
 				steps: D
@@ -3978,7 +3978,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(ie, {
+	return e ? /* @__PURE__ */ p(re, {
 		gap: "sm",
 		style: { fontVariantNumeric: "tabular-nums" },
 		children: (n.records ?? []).map((e, r) => {