@espresso-lab/mantine-data-table 2.2.1 → 2.2.2

package/dist/index.es.js

@@ -1,13 +1,13 @@
 import * as e from "react";
 import t, { Fragment as n, createContext as r, createElement as i, useCallback as a, useContext as o, useEffect as s, useLayoutEffect as c, useMemo as l, useRef as u, useState as d } from "react";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { Accordion as h, ActionIcon as g, Alert as _, Box as v, Button as y, Center as b, Checkbox as x, Collapse as S, Divider as C, Flex as w, Group as T, Indicator as E, Loader as D, Menu as O, MenuDropdown as k, MenuItem as A, MenuTarget as j, Modal as M, NumberInput as N, Pagination as P, Popover as F, PopoverDropdown as ee, PopoverTarget as I, ScrollArea as L, Select as R, Skeleton as te, Stack as z, Stepper as ne, Table as re, TableTd as ie, TableTfoot as ae, TableTh as oe, TableThead as se, TableTr as ce, Tabs as le, Text as B, TextInput as ue, Textarea as de, Title as fe, createSafeContext as pe, parseThemeColor as me, rem as V, useDirection as he, useMantineTheme as ge } from "@mantine/core";
-import { DateInput as _e } from "@mantine/dates";
-import { useForm as ve } from "@mantine/form";
-import { IconCaretDownFilled as ye, IconChevronRight as be, IconDotsVertical as xe, IconFilter as Se, IconInfoCircle as Ce, IconPencil as we, IconRefresh as Te, IconSortAscending as Ee, IconSortDescending as De, IconTrash as Oe } from "@tabler/icons-react";
-import { useClickOutside as ke, useDisclosure as Ae, useLocalStorage as je, useMediaQuery as H, useMergedRef as Me, useTimeout as Ne } from "@mantine/hooks";
+import { Accordion as h, ActionIcon as g, Alert as _, Box as v, Button as y, Center as b, Checkbox as x, Collapse as S, Divider as C, Flex as w, Group as T, Indicator as E, Loader as D, Menu as O, MenuDropdown as k, MenuItem as A, MenuTarget as j, Modal as M, NumberInput as N, Pagination as P, Popover as F, PopoverDropdown as ee, PopoverTarget as I, ScrollArea as L, Select as R, Skeleton as te, Stack as z, Stepper as ne, Table as re, TableTd as ie, TableTfoot as ae, TableTh as oe, TableThead as se, TableTr as ce, Tabs as le, Text as B, TextInput as ue, Textarea as de, Title as fe, createSafeContext as pe, parseThemeColor as me, rem as 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 V, useMediaQuery as Me, useMergedRef as Ne, useTimeout as Pe } from "@mantine/hooks";
 //#region node_modules/@tanstack/query-core/build/modern/subscribable.js
-var U = class {
+var Fe = class {
 	constructor() {
 		this.listeners = /* @__PURE__ */ new Set(), this.subscribe = this.subscribe.bind(this);
 	}
@@ -21,7 +21,7 @@ var U = class {
 	}
 	onSubscribe() {}
 	onUnsubscribe() {}
-}, Pe = new class extends U {
+}, Ie = new class extends Fe {
 	#e;
 	#t;
 	#n;
@@ -58,13 +58,13 @@ var U = class {
 	isFocused() {
 		return typeof this.#e == "boolean" ? this.#e : globalThis.document?.visibilityState !== "hidden";
 	}
-}(), Fe = {
+}(), Le = {
 	setTimeout: (e, t) => setTimeout(e, t),
 	clearTimeout: (e) => clearTimeout(e),
 	setInterval: (e, t) => setInterval(e, t),
 	clearInterval: (e) => clearInterval(e)
-}, Ie = new class {
-	#e = Fe;
+}, Re = new class {
+	#e = Le;
 	#t = !1;
 	setTimeoutProvider(e) {
 		process.env.NODE_ENV !== "production" && this.#t && e !== this.#e && console.error("[timeoutManager]: Switching provider after calls to previous provider might result in unexpected behavior.", {
@@ -85,87 +85,87 @@ var U = class {
 		this.#e.clearInterval(e);
 	}
 }();
-function Le(e) {
+function ze(e) {
 	setTimeout(e, 0);
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/utils.js
-var Re = typeof window > "u" || "Deno" in globalThis;
-function ze() {}
-function Be(e) {
+var Be = typeof window > "u" || "Deno" in globalThis;
+function Ve() {}
+function He(e) {
 	return typeof e == "number" && e >= 0 && e !== Infinity;
 }
-function Ve(e, t) {
+function Ue(e, t) {
 	return Math.max(e + (t || 0) - Date.now(), 0);
 }
-function He(e, t) {
+function H(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function W(e, t) {
+function U(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function G(e) {
-	return JSON.stringify(e, (e, t) => qe(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 Ue = Object.prototype.hasOwnProperty;
-function We(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 = Ke(e) && Ke(t);
-	if (!r && !(qe(e) && qe(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 : Ue.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 = We(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 Ge(e, t) {
+function W(e, t) {
 	if (!t || Object.keys(e).length !== Object.keys(t).length) return !1;
 	for (let n in e) if (e[n] !== t[n]) return !1;
 	return !0;
 }
-function Ke(e) {
+function qe(e) {
 	return Array.isArray(e) && e.length === Object.keys(e).length;
 }
-function qe(e) {
-	if (!Je(e)) return !1;
+function Je(e) {
+	if (!Ye(e)) return !1;
 	let t = e.constructor;
 	if (t === void 0) return !0;
 	let n = t.prototype;
-	return !(!Je(n) || !n.hasOwnProperty("isPrototypeOf") || Object.getPrototypeOf(e) !== Object.prototype);
+	return !(!Ye(n) || !n.hasOwnProperty("isPrototypeOf") || Object.getPrototypeOf(e) !== Object.prototype);
 }
-function Je(e) {
+function Ye(e) {
 	return Object.prototype.toString.call(e) === "[object Object]";
 }
-function Ye(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 We(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 We(e, t);
+		return Ke(e, t);
 	}
 	return t;
 }
-function Xe(e, t) {
+function G(e, t) {
 	return typeof e == "function" ? e(...t) : !!e;
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/environmentManager.js
 var Ze = /* @__PURE__ */ (() => {
-	let e = () => Re;
+	let e = () => Be;
 	return {
 		isServer() {
 			return e();
@@ -199,7 +199,7 @@ function Qe() {
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/notifyManager.js
-var $e = Le;
+var $e = ze;
 function et() {
 	let e = [], t = 0, n = (e) => {
 		e();
@@ -247,7 +247,7 @@ function et() {
 		}
 	};
 }
-var tt = et(), nt = new class extends U {
+var tt = et(), nt = new class extends Fe {
 	#e = !0;
 	#t;
 	#n;
@@ -299,7 +299,7 @@ function it(e, t) {
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/queryObserver.js
-var at = class extends U {
+var at = class extends Fe {
 	constructor(e, t) {
 		super(), this.options = t, this.#e = e, this.#s = null, this.#o = Qe(), this.bindMethods(), this.setOptions(t);
 	}
@@ -338,16 +338,16 @@ var at = class extends U {
 	}
 	setOptions(e) {
 		let t = this.options, n = this.#t;
-		if (this.options = this.#e.defaultQueryOptions(e), this.options.enabled !== void 0 && typeof this.options.enabled != "boolean" && typeof this.options.enabled != "function" && typeof W(this.options.enabled, this.#t) != "boolean") throw Error("Expected enabled to be a boolean or a callback that returns a boolean");
-		this.#S(), this.#t.setOptions(this.options), t._defaulted && !Ge(this.options, t) && this.#e.getQueryCache().notify({
+		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 && !W(this.options, t) && this.#e.getQueryCache().notify({
 			type: "observerOptionsUpdated",
 			query: this.#t,
 			observer: this
 		});
 		let r = this.hasListeners();
-		r && lt(this.#t, n, this.options, t) && this.#h(), this.updateResult(), r && (this.#t !== n || W(this.options.enabled, this.#t) !== W(t.enabled, this.#t) || He(this.options.staleTime, this.#t) !== He(t.staleTime, this.#t)) && this.#g();
+		r && lt(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) || H(this.options.staleTime, this.#t) !== H(t.staleTime, this.#t)) && this.#g();
 		let i = this.#_();
-		r && (this.#t !== n || W(this.options.enabled, this.#t) !== W(t.enabled, this.#t) || i !== this.#p) && this.#v(i);
+		r && (this.#t !== n || U(this.options.enabled, this.#t) !== U(t.enabled, this.#t) || i !== this.#p) && this.#v(i);
 	}
 	getOptimisticResult(e) {
 		let t = this.#e.getQueryCache().build(this.#e, e), n = this.createResult(t, e);
@@ -381,14 +381,14 @@ var at = class extends U {
 	#h(e) {
 		this.#S();
 		let t = this.#t.fetch(this.options, e);
-		return e?.throwOnError || (t = t.catch(ze)), t;
+		return e?.throwOnError || (t = t.catch(Ve)), t;
 	}
 	#g() {
 		this.#b();
-		let e = He(this.options.staleTime, this.#t);
-		if (Ze.isServer() || this.#r.isStale || !Be(e)) return;
-		let t = Ve(this.#r.dataUpdatedAt, e) + 1;
-		this.#d = Ie.setTimeout(() => {
+		let e = H(this.options.staleTime, this.#t);
+		if (Ze.isServer() || this.#r.isStale || !He(e)) return;
+		let t = Ue(this.#r.dataUpdatedAt, e) + 1;
+		this.#d = Re.setTimeout(() => {
 			this.#r.isStale || this.updateResult();
 		}, t);
 	}
@@ -396,18 +396,18 @@ var at = class extends U {
 		return (typeof this.options.refetchInterval == "function" ? this.options.refetchInterval(this.#t) : this.options.refetchInterval) ?? !1;
 	}
 	#v(e) {
-		this.#x(), this.#p = e, !(Ze.isServer() || W(this.options.enabled, this.#t) === !1 || !Be(this.#p) || this.#p === 0) && (this.#f = Ie.setInterval(() => {
-			(this.options.refetchIntervalInBackground || Pe.isFocused()) && this.#h();
+		this.#x(), this.#p = e, !(Ze.isServer() || U(this.options.enabled, this.#t) === !1 || !He(this.#p) || this.#p === 0) && (this.#f = Re.setInterval(() => {
+			(this.options.refetchIntervalInBackground || Ie.isFocused()) && this.#h();
 		}, this.#p));
 	}
 	#y() {
 		this.#g(), this.#v(this.#_());
 	}
 	#b() {
-		this.#d !== void 0 && (Ie.clearTimeout(this.#d), this.#d = void 0);
+		this.#d !== void 0 && (Re.clearTimeout(this.#d), this.#d = void 0);
 	}
 	#x() {
-		this.#f !== void 0 && (Ie.clearInterval(this.#f), this.#f = void 0);
+		this.#f !== void 0 && (Re.clearInterval(this.#f), this.#f = void 0);
 	}
 	createResult(e, t) {
 		let n = this.#t, r = this.options, i = this.#r, a = this.#i, o = this.#a, s = e === n ? this.#n : e.state, { state: c } = e, l = { ...c }, u = !1, d;
@@ -423,11 +423,11 @@ var at = class extends U {
 		let h = !1;
 		if (t.placeholderData !== void 0 && d === void 0 && m === "pending") {
 			let e;
-			i?.isPlaceholderData && t.placeholderData === o?.placeholderData ? (e = i.data, h = !0) : e = typeof t.placeholderData == "function" ? t.placeholderData(this.#u?.state.data, this.#u) : t.placeholderData, e !== void 0 && (m = "success", d = Ye(i?.data, e, t), u = !0);
+			i?.isPlaceholderData && t.placeholderData === o?.placeholderData ? (e = i.data, h = !0) : e = typeof t.placeholderData == "function" ? t.placeholderData(this.#u?.state.data, this.#u) : t.placeholderData, e !== void 0 && (m = "success", d = 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 = Ye(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;
 		}
@@ -458,7 +458,7 @@ var at = class extends U {
 			isStale: ut(e, t),
 			refetch: this.refetch,
 			promise: this.#o,
-			isEnabled: W(t.enabled, e) !== !1
+			isEnabled: U(t.enabled, e) !== !1
 		};
 		if (this.options.experimental_prefetchInRender) {
 			let t = x.data !== void 0, r = x.status === "error" && !t, i = (e) => {
@@ -482,7 +482,7 @@ var at = class extends U {
 	}
 	updateResult() {
 		let e = this.#r, t = this.createResult(this.#t, this.options);
-		this.#i = this.#t.state, this.#a = this.options, this.#i.data !== void 0 && (this.#u = this.#t), !Ge(t, e) && (this.#r = t, this.#C({ listeners: (() => {
+		this.#i = this.#t.state, this.#a = this.options, this.#i.data !== void 0 && (this.#u = this.#t), !W(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;
@@ -514,26 +514,26 @@ var at = class extends U {
 	}
 };
 function ot(e, t) {
-	return W(t.enabled, e) !== !1 && e.state.data === void 0 && !(e.state.status === "error" && W(t.retryOnMount, e) === !1);
+	return U(t.enabled, e) !== !1 && e.state.data === void 0 && !(e.state.status === "error" && U(t.retryOnMount, e) === !1);
 }
 function st(e, t) {
 	return ot(e, t) || e.state.data !== void 0 && ct(e, t, t.refetchOnMount);
 }
 function ct(e, t, n) {
-	if (W(t.enabled, e) !== !1 && He(t.staleTime, e) !== "static") {
+	if (U(t.enabled, e) !== !1 && H(t.staleTime, e) !== "static") {
 		let r = typeof n == "function" ? n(e) : n;
 		return r === "always" || r !== !1 && ut(e, t);
 	}
 	return !1;
 }
 function lt(e, t, n, r) {
-	return (e !== t || W(r.enabled, e) === !1) && (!n.suspense || e.state.status !== "error") && ut(e, n);
+	return (e !== t || U(r.enabled, e) === !1) && (!n.suspense || e.state.status !== "error") && ut(e, n);
 }
 function ut(e, t) {
-	return W(t.enabled, e) !== !1 && e.isStaleByTime(He(t.staleTime, e));
+	return U(t.enabled, e) !== !1 && e.isStaleByTime(H(t.staleTime, e));
 }
 function dt(e, t) {
-	return !Ge(e.getCurrentResult(), t);
+	return !W(e.getCurrentResult(), t);
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/mutation.js
@@ -552,7 +552,7 @@ function K() {
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/mutationObserver.js
-var ft = class extends U {
+var ft = class extends Fe {
 	#e;
 	#t = void 0;
 	#n;
@@ -565,11 +565,11 @@ var ft = class extends U {
 	}
 	setOptions(e) {
 		let t = this.options;
-		this.options = this.#e.defaultMutationOptions(e), Ge(this.options, t) || this.#e.getMutationCache().notify({
+		this.options = this.#e.defaultMutationOptions(e), W(this.options, t) || this.#e.getMutationCache().notify({
 			type: "observerOptionsUpdated",
 			mutation: this.#n,
 			observer: this
-		}), t?.mutationKey && this.options.mutationKey && G(t.mutationKey) !== G(this.options.mutationKey) ? this.reset() : this.#n?.state.status === "pending" && this.#n.setOptions(this.options);
+		}), t?.mutationKey && this.options.mutationKey && 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);
@@ -662,13 +662,13 @@ function _t() {
 	};
 }
 var vt = e.createContext(_t()), yt = () => e.useContext(vt), bt = (e, t, n) => {
-	let r = n?.state.error && typeof e.throwOnError == "function" ? Xe(e.throwOnError, [n.state.error, n]) : e.throwOnError;
+	let r = n?.state.error && typeof e.throwOnError == "function" ? G(e.throwOnError, [n.state.error, n]) : e.throwOnError;
 	(e.suspense || e.experimental_prefetchInRender || r) && (t.isReset() || (e.retryOnMount = !1));
 }, xt = (t) => {
 	e.useEffect(() => {
 		t.clearReset();
 	}, [t]);
-}, St = ({ result: e, errorResetBoundary: t, throwOnError: n, query: r, suspense: i }) => e.isError && !t.isReset() && !e.isFetching && r && (i && e.data === void 0 || Xe(n, [e.error, r])), Ct = (e) => {
+}, St = ({ result: e, errorResetBoundary: t, throwOnError: n, query: r, suspense: i }) => e.isError && !t.isReset() && !e.isFetching && r && (i && e.data === void 0 || G(n, [e.error, r])), Ct = (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));
@@ -688,7 +688,7 @@ function Dt(t, n, r) {
 	s._optimisticResults = i ? "isRestoring" : l ? "optimistic" : void 0, Ct(s), bt(s, a, c), xt(a);
 	let u = !o.getQueryCache().get(s.queryHash), [d] = e.useState(() => new n(o, s)), f = d.getOptimisticResult(s), p = !i && l;
 	if (e.useSyncExternalStore(e.useCallback((e) => {
-		let t = p ? d.subscribe(tt.batchCalls(e)) : ze;
+		let t = p ? d.subscribe(tt.batchCalls(e)) : Ve;
 		return d.updateResult(), t;
 	}, [d, p]), () => d.getCurrentResult(), () => d.getCurrentResult()), e.useEffect(() => {
 		d.setOptions(s);
@@ -700,7 +700,7 @@ function Dt(t, n, r) {
 		query: c,
 		suspense: s.suspense
 	})) throw f.error;
-	return o.getDefaultOptions().queries?._experimental_afterQuery?.(s, f), s.experimental_prefetchInRender && !Ze.isServer() && wt(f, i) && (u ? Et(s, d, a) : c?.promise)?.catch(ze).finally(() => {
+	return o.getDefaultOptions().queries?._experimental_afterQuery?.(s, f), s.experimental_prefetchInRender && !Ze.isServer() && wt(f, i) && (u ? Et(s, d, a) : c?.promise)?.catch(Ve).finally(() => {
 		d.updateResult();
 	}), s.notifyOnChangeProps ? f : d.trackResult(f);
 }
@@ -717,9 +717,9 @@ function kt(t, n) {
 		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(ze);
+		i.mutate(e, t).catch(Ve);
 	}, [i]);
-	if (a.error && Xe(i.options.throwOnError, [a.error])) throw a.error;
+	if (a.error && G(i.options.throwOnError, [a.error])) throw a.error;
 	return {
 		...a,
 		mutate: o,
@@ -761,20 +761,7 @@ var Nt = class extends Error {
 function Pt(e) {
 	return e instanceof Nt ? e.violations : void 0;
 }
-function Ft(e) {
-	if (typeof e == "string") try {
-		let t = JSON.parse(e);
-		return {
-			message: t.message || e,
-			code: t.code,
-			details: t.details
-		};
-	} catch {
-		return { message: e };
-	}
-	return e instanceof Error ? { message: e.message } : { message: "Unbekannter Fehler" };
-}
-async function It(e, t) {
+async function Y(e, t) {
 	let n = await fetch(e, t);
 	if (n.status >= 400) {
 		let e = await n.text();
@@ -793,93 +780,90 @@ async function It(e, t) {
 	}
 	return n;
 }
-var Y = (e) => e.map((e) => e.toString());
-async function Lt(e, t) {
-	return (await It(e, {
+var Ft = (e) => e.map((e) => e.toString());
+async function It(e, t) {
+	return (await Y(e, {
 		method: "GET",
 		headers: await t()
 	})).json();
 }
-async function Rt(e, t, n) {
-	return (await It(`${e}/${t}`, {
+async function Lt(e, t, n) {
+	return (await Y(`${e}/${t}`, {
 		method: "GET",
 		headers: await n()
 	})).json();
 }
-async function zt(e, t, n) {
-	await It(`${e}/${t}`, {
+async function Rt(e, t, n) {
+	await Y(`${e}/${t}`, {
 		method: "DELETE",
 		headers: await n()
 	});
 }
-async function Bt(e, t, n) {
-	let r = await It(e, {
+async function zt(e, t, n) {
+	let r = await Y(e, {
 		method: "POST",
 		headers: await n(),
 		body: JSON.stringify(t)
 	});
 	return r.status === 204 ? t : r.json();
 }
-async function Vt(e, t, n, r) {
-	let i = await It(t, {
+async function Bt(e, t, n, r) {
+	let i = await Y(t, {
 		method: e,
 		headers: await n(),
 		body: r ? JSON.stringify(r) : void 0
 	});
 	if (i.status !== 204) return i.json();
 }
-async function Ht(e, t, n) {
-	let r = await It(`${e}/${t.id}`, {
+async function Vt(e, t, n) {
+	let r = await Y(`${e}/${t.id}`, {
 		method: "PUT",
 		headers: await n(),
 		body: JSON.stringify(t)
 	});
 	return r.status === 204 ? t : r.json();
 }
-function Ut(e, t, n) {
+function Ht(e, t, n) {
 	let { baseUrl: r, getHeaders: i } = J();
 	return Ot({
-		queryKey: [...Y(t), String(n?.toString())],
-		queryFn: () => Rt(`${r}${e}`, n, i),
+		queryKey: [...Ft(t), String(n?.toString())],
+		queryFn: () => Lt(`${r}${e}`, n, i),
 		enabled: !!n
 	});
 }
-function Wt(e, t, n = !0) {
+function Ut(e, t, n = !0) {
 	let { baseUrl: r, getHeaders: i } = J();
 	return Ot({
-		queryKey: Y(t),
-		queryFn: () => Lt(`${r}${e}`, i),
+		queryKey: Ft(t),
+		queryFn: () => It(`${r}${e}`, i),
 		enabled: n
 	});
 }
-function Gt(e, t) {
-	let { baseUrl: n, queryClient: r, getHeaders: i } = J();
+function Wt(e, t, n) {
+	return Promise.all([e.invalidateQueries({ queryKey: Ft(t) }), ...(n ?? []).map((t) => e.invalidateQueries({ queryKey: t }))]);
+}
+function Gt(e, t, n) {
+	let { baseUrl: r, queryClient: i, getHeaders: a } = J();
 	return kt({
-		mutationKey: Y(t),
-		mutationFn: (t) => Bt(`${n}${e}`, t, i),
-		onSettled() {
-			return r.invalidateQueries({ queryKey: Y(t) });
-		}
+		mutationKey: Ft(t),
+		mutationFn: (t) => zt(`${r}${e}`, t, a),
+		onSettled: () => Wt(i, t, n)
 	});
 }
-function Kt(e, t) {
-	let { baseUrl: n, queryClient: r, getHeaders: i } = J();
+function Kt(e, t, n) {
+	let { baseUrl: r, queryClient: i, getHeaders: a } = J();
 	return kt({
-		mutationKey: Y(t),
-		mutationFn: (t) => Ht(`${n}${e}`, t, i),
-		onSettled() {
-			return r.invalidateQueries({ queryKey: Y(t) });
-		}
+		mutationKey: Ft(t),
+		mutationFn: (t) => Vt(`${r}${e}`, t, a),
+		onSettled: () => Wt(i, t, n)
 	});
 }
-function qt(e, t) {
-	let { baseUrl: n, queryClient: r, getHeaders: i } = J();
+function qt(e, t, n) {
+	let { baseUrl: r, queryClient: i, getHeaders: a } = J();
 	return kt({
-		mutationKey: Y(t),
-		mutationFn: (t) => zt(`${n}${e}`, t, i),
-		onSettled() {
-			return r.invalidateQueries({ queryKey: Y(t) });
-		}
+		mutationKey: Ft(t),
+		mutationFn: (t) => Rt(`${r}${e}`, t, a),
+		onSettled: () => Wt(i, t, n)
 	});
 }
 //#endregion
@@ -914,7 +898,7 @@ function tn(e, t) {
 	return r.length > 0 ? r.map((e) => e.message).join(", ") : void 0;
 }
 function nn({ fields: e, steps: t, record: r, recordId: i, submitting: a, error: o, onPersist: c, onClose: l }) {
-	let [u, h] = d(0), [g, v] = d(!1), b = ve({
+	let [u, h] = d(0), [g, v] = d(!1), b = ye({
 		mode: "uncontrolled",
 		initialValues: Yt(e),
 		validate: Xt(e)
@@ -939,7 +923,7 @@ function nn({ fields: e, steps: t, record: r, recordId: i, submitting: a, error:
 				required: n,
 				...r
 			}, b.key(e.id));
-			case "date": return /* @__PURE__ */ p(_e, {
+			case "date": return /* @__PURE__ */ p(ve, {
 				valueFormat: "DD.MM.YYYY",
 				clearable: !0,
 				label: e.column.title,
@@ -1020,22 +1004,22 @@ function nn({ fields: e, steps: t, record: r, recordId: i, submitting: a, error:
 }
 //#endregion
 //#region src/DataTable/CreateModal.tsx
-function rn({ fields: e, onClose: t, queryKey: n, apiPath: r, steps: i, onCreated: a }) {
-	let [o, s] = d(), { mutateAsync: c, isPending: l, error: u } = Gt(r, n), { mutateAsync: f, isPending: m, error: h } = Kt(r, n);
+function rn({ fields: e, onClose: t, queryKey: n, connectedQueryKeys: r, apiPath: i, steps: a, onCreated: o }) {
+	let [s, c] = d(), { mutateAsync: l, isPending: u, error: f } = Gt(i, n, r), { mutateAsync: m, isPending: h, error: g } = Kt(i, n, r);
 	return /* @__PURE__ */ p(nn, {
 		fields: e,
-		steps: i,
-		recordId: o,
-		submitting: l || m,
-		error: u ?? h,
+		steps: a,
+		recordId: s,
+		submitting: u || h,
+		error: f ?? g,
 		onPersist: async (e) => {
-			if (o != null) await f({
+			if (s != null) await m({
 				...e,
-				id: o
+				id: s
 			});
 			else {
-				let t = await c(e);
-				s(t.id), a?.(t.id);
+				let t = await l(e);
+				c(t.id), o?.(t.id);
 			}
 		},
 		onClose: t
@@ -1180,7 +1164,7 @@ function hn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
 		defaultPinned: e.pinned,
 		pinnable: !!e.pinnable,
 		pinned: e.pinned
-	})), [t]), [i, a] = je({
+	})), [t]), [i, a] = V({
 		key: e ? `${e}-columns-pinning` : "",
 		defaultValue: e ? r : void 0,
 		getInitialValueInEffect: n
@@ -1228,7 +1212,7 @@ function hn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
 	};
 }
 function gn({ 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] = V({
 		key: e ? `${e}-columns-order` : "",
 		defaultValue: e ? r : void 0,
 		getInitialValueInEffect: n
@@ -1271,7 +1255,7 @@ function gn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
 	};
 }
 function _n({ 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] = V({
 		key: e ? `${e}-columns-width` : "",
 		defaultValue: e ? o() : void 0,
 		getInitialValueInEffect: n
@@ -1365,7 +1349,7 @@ function vn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
 		defaultToggle: e.defaultToggle || !0,
 		toggleable: e.toggleable,
 		toggled: e.defaultToggle === void 0 ? !0 : e.defaultToggle
-	})), [t]), [i, a] = je({
+	})), [t]), [i, a] = V({
 		key: e ? `${e}-columns-toggle` : "",
 		defaultValue: e ? r : void 0,
 		getInitialValueInEffect: n
@@ -1572,7 +1556,7 @@ function On({ scrollCallbacks: e, withRowBorders: t }) {
 			Q(r.current, "--mantine-datatable-footer-position", i ? "relative" : "sticky"), Q(r.current, "--mantine-datatable-footer-bottom", i ? `${e}px` : "0");
 		}
 		function c() {
-			f.current.withRowBorders && t.height < n.height ? Q(r.current, Tn, `${V("1px")} solid var(--mantine-datatable-border-color)`) : Q(r.current, Tn, "unset");
+			f.current.withRowBorders && t.height < n.height ? Q(r.current, Tn, `${he("1px")} solid var(--mantine-datatable-border-color)`) : Q(r.current, Tn, "unset");
 		}
 		h.current = c;
 		function l() {
@@ -1733,12 +1717,12 @@ function Nn(e, t, { getInitialValueInEffect: n } = { getInitialValueInEffect: !0
 	}, [e]), r;
 }
 function Pn(e) {
-	let t = ge();
+	let t = _e();
 	return Nn(l(() => e.map((e) => (typeof e == "function" ? e(t) : e) ?? ""), [e, t]), l(() => e.map(() => !0), [e]));
 }
 function Fn(e) {
-	let t = ge();
-	return H((typeof e == "function" ? e(t) : e) || "", !0);
+	let t = _e();
+	return Me((typeof e == "function" ? e(t) : e) || "", !0);
 }
 function In(e) {
 	let t = e.replace(/([a-z\d])([A-Z]+)/g, "$1 $2").replace(/\W|_/g, " ").trim().toLowerCase();
@@ -1812,7 +1796,7 @@ function Gn({ rowExpansion: e, records: t, idAccessor: n }) {
 	}
 }
 function Kn(e, t) {
-	let [n, r] = d(e), [i, a] = d(e), o = Ne(() => r(!0), 0), c = Ne(() => a(!1), t || 200);
+	let [n, r] = d(e), [i, a] = d(e), o = Pe(() => r(!0), 0), c = Pe(() => a(!1), t || 200);
 	return s(() => {
 		e ? (c.clear(), a(!0), o.start()) : (o.clear(), r(!1), c.start());
 	}, [
@@ -1960,7 +1944,7 @@ function or() {
 	});
 }
 function sr({ children: e, isActive: t, filterPopoverProps: n, filterPopoverDisableClickOutside: r }) {
-	let [i, { close: a, toggle: o }] = Ae(!1), s = t ? or : ar, c = ke(a);
+	let [i, { close: a, toggle: o }] = je(!1), s = t ? or : ar, c = Ae(a);
 	return r && (c = void 0), m(F, {
 		withArrow: !0,
 		shadow: "md",
@@ -2145,7 +2129,7 @@ var pr = 50, mr = (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 } = un(), g = a((e) => {
+	}), { dir: c } = ge(), l = c === "rtl", { setMultipleColumnWidths: f, beginResize: m, endResize: h } = un(), g = a((e) => {
 		if (e.preventDefault(), e.stopPropagation(), !n.current) return;
 		let r = n.current, a = r.nextElementSibling;
 		for (; a;) {
@@ -2567,11 +2551,11 @@ function Cr() {
 	});
 }
 var wr = {
-	xs: V(22),
-	sm: V(26),
-	md: V(32),
-	lg: V(38),
-	xl: V(44)
+	xs: he(22),
+	sm: he(26),
+	md: he(32),
+	lg: he(38),
+	xl: he(44)
 };
 function Tr({ size: e, label: t, values: n, value: r, activeTextColor: i, activeBackgroundColor: a, onChange: o }) {
 	return m(T, {
@@ -2627,7 +2611,7 @@ function Er({ 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 = !Fn(({ breakpoints: e }) => `(min-width: ${typeof w == "number" ? `${V(w)}rem` : e[w] || w})`), N = {
+	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 = !Fn(({ breakpoints: e }) => `(min-width: ${typeof w == "number" ? `${he(w)}rem` : e[w] || w})`), N = {
 		Text: (e) => p(B, {
 			component: "div",
 			className: "mantine-datatable-pagination-text",
@@ -2915,14 +2899,14 @@ function Mr({ leftShadowBehind: e, rightShadowBehind: t, onScrollPositionChange:
 		]
 	});
 }
-function Nr({ 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: F, sortIcons: ee, onSortStatusChange: I, horizontalSpacing: L, page: R, onPageChange: te, totalRecords: z, recordsPerPage: ne, onRecordsPerPageChange: ie, recordsPerPageOptions: ae, recordsPerPageLabel: oe = "Records per page", paginationWithEdges: se, paginationWithControls: ce, paginationActiveTextColor: le, paginationActiveBackgroundColor: B, paginationSize: ue = "sm", paginationText: de = ({ from: e, to: t, totalRecords: n }) => `${e} - ${t} / ${n}`, paginationWrapBreakpoint: fe = "sm", getPaginationControlProps: pe = (e) => e === "previous" ? { "aria-label": "Previous page" } : e === "next" ? { "aria-label": "Next page" } : {}, getPaginationItemProps: me, renderPagination: V, loaderBackgroundBlur: he, customLoader: ge, loaderSize: _e, loaderType: ve, loaderColor: ye, loadingText: be = "...", emptyState: xe, noRecordsText: Se = "No records", noRecordsIcon: Ce, highlightOnHover: we, striped: Te, noHeader: Ee, onRowClick: De, onRowDoubleClick: Oe, onRowContextMenu: ke, onCellClick: Ae, onCellDoubleClick: je, onCellContextMenu: H, onScroll: Ne, onScrollToTop: U, onScrollToBottom: Pe, onScrollToLeft: Fe, onScrollToRight: Ie, c: Le, backgroundColor: Re, borderColor: ze, rowBorderColor: Be, stripedColor: Ve, highlightOnHoverColor: He, rowColor: W, rowBackgroundColor: G, rowExpansion: Ue, rowClassName: We, rowStyle: Ge, customRowAttributes: Ke, scrollViewportRef: qe, scrollAreaProps: Je, tableRef: Ye, bodyRef: Xe, m: Ze, my: Qe, mx: $e, mt: et, mb: tt, ml: nt, mr: rt, className: it, classNames: at, style: ot, styles: st, rowFactory: ct, tableWrapper: lt, ...ut }) {
+function Nr({ 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: F, sortIcons: ee, onSortStatusChange: I, horizontalSpacing: L, page: R, onPageChange: te, totalRecords: z, recordsPerPage: ne, onRecordsPerPageChange: ie, recordsPerPageOptions: ae, recordsPerPageLabel: oe = "Records per page", paginationWithEdges: se, paginationWithControls: ce, paginationActiveTextColor: le, paginationActiveBackgroundColor: B, paginationSize: ue = "sm", paginationText: de = ({ from: e, to: t, totalRecords: n }) => `${e} - ${t} / ${n}`, paginationWrapBreakpoint: fe = "sm", getPaginationControlProps: pe = (e) => e === "previous" ? { "aria-label": "Previous page" } : e === "next" ? { "aria-label": "Next page" } : {}, getPaginationItemProps: me, renderPagination: 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: V, onCellContextMenu: Me, onScroll: Pe, onScrollToTop: Fe, onScrollToBottom: Ie, onScrollToLeft: Le, onScrollToRight: Re, c: ze, backgroundColor: Be, borderColor: Ve, rowBorderColor: He, stripedColor: Ue, highlightOnHoverColor: H, rowColor: U, rowBackgroundColor: We, rowExpansion: Ge, rowClassName: Ke, rowStyle: W, customRowAttributes: qe, scrollViewportRef: Je, scrollAreaProps: Ye, tableRef: Xe, bodyRef: G, m: Ze, my: Qe, mx: $e, mt: et, mb: tt, ml: nt, mr: rt, className: it, classNames: at, style: ot, styles: st, rowFactory: ct, tableWrapper: lt, ...ut }) {
 	let dt = l(() => y ? Vn(y) : g, [g, y]), { refs: K, onScroll: ft } = On({
 		scrollCallbacks: {
-			onScroll: Ne,
-			onScrollToTop: U,
-			onScrollToBottom: Pe,
-			onScrollToLeft: Fe,
-			onScrollToRight: Ie
+			onScroll: Pe,
+			onScrollToTop: Fe,
+			onScrollToBottom: Ie,
+			onScrollToLeft: Le,
+			onScrollToRight: Re
 		},
 		withRowBorders: ut.withRowBorders
 	}), q = yn({
@@ -2930,8 +2914,8 @@ function Nr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 		columns: dt,
 		headerRef: K.header,
 		scrollViewportRef: K.scrollViewport
-	}), pt = q.effectiveColumns, mt = Me(K.table, Ye), ht = Me(K.scrollViewport, qe), gt = u(null), _t = Me(gt, Xe), vt = Gn({
-		rowExpansion: Ue,
+	}), pt = q.effectiveColumns, mt = Ne(K.table, Xe), ht = Ne(K.scrollViewport, Je), gt = u(null), _t = Ne(gt, G), vt = Gn({
+		rowExpansion: Ge,
 		records: T,
 		idAccessor: w
 	}), { pinnedMap: yt, hasLeftPinned: bt, hasRightPinned: xt } = kn({
@@ -2974,7 +2958,7 @@ function Nr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 		Mt,
 		jt,
 		D
-	]), { lastSelectionChangeIndex: Ft, setLastSelectionChangeIndex: It } = An(Dt), Y = Ot && !bt, Lt = {
+	]), { lastSelectionChangeIndex: Y, setLastSelectionChangeIndex: Ft } = An(Dt), It = Ot && !bt, Lt = {
 		m: Ze,
 		my: Qe,
 		mx: $e,
@@ -2994,12 +2978,12 @@ function Nr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 				(e) => ({
 					...on({
 						theme: e,
-						c: Le,
-						backgroundColor: Re,
-						borderColor: ze,
-						rowBorderColor: Be,
-						stripedColor: Ve,
-						highlightOnHoverColor: He
+						c: ze,
+						backgroundColor: Be,
+						borderColor: Ve,
+						rowBorderColor: He,
+						stripedColor: Ue,
+						highlightOnHoverColor: H
 					}),
 					borderRadius: e.radius[t] || t,
 					boxShadow: e.shadows[d] || d,
@@ -3017,7 +3001,7 @@ function Nr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 					leftShadowBehind: Ot || bt,
 					rightShadowBehind: xt,
 					onScrollPositionChange: ft,
-					scrollAreaProps: Je,
+					scrollAreaProps: Ye,
 					children: p(Rt, { children: m(re, {
 						ref: mt,
 						horizontalSpacing: L,
@@ -3035,11 +3019,11 @@ function Nr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 							...q.isLocked ? { tableLayout: "fixed" } : null,
 							...q.tableWidth == null ? null : { width: `${q.tableWidth}px` }
 						},
-						"data-striped": Et && Te || void 0,
-						"data-highlight-on-hover": we || void 0,
+						"data-striped": Et && Ee || void 0,
+						"data-highlight-on-hover": Te || void 0,
 						...ut,
 						children: [
-							Ee ? null : p(dn, {
+							De ? null : p(dn, {
 								...q,
 								pinnedMap: yt,
 								children: p(xr, {
@@ -3063,7 +3047,7 @@ function Nr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 										...M,
 										...N
 									},
-									selectorCellShadowVisible: Y,
+									selectorCellShadowVisible: It,
 									selectionColumnClassName: k,
 									selectionColumnStyle: A,
 									withColumnBorders: ut.withColumnBorders
@@ -3074,11 +3058,11 @@ function Nr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 								children: Et ? T.map((e, t) => {
 									let n = $(e, w), r = kt?.includes(n) || !1, i;
 									return O && D && (i = (i) => {
-										if (i.nativeEvent.shiftKey && Ft !== null) {
-											let e = T.filter(t > Ft ? (e, n) => n >= Ft && n <= t && (j ? j(e, n) : !0) : (e, n) => n >= t && n <= Ft && (j ? j(e, n) : !0));
+										if (i.nativeEvent.shiftKey && Y !== null) {
+											let e = T.filter(t > Y ? (e, n) => n >= Y && n <= t && (j ? j(e, n) : !0) : (e, n) => n >= t && n <= Y && (j ? j(e, n) : !0));
 											O(r ? Ln(D, e, (e) => $(e, w)) : Rn([...D, ...e], (e) => $(e, w)));
 										} else O(r ? D.filter((e) => $(e, w) !== n) : Rn([...D, e], (e) => $(e, w)));
-										It(t);
+										Ft(t);
 									}), p(Ar, {
 										record: e,
 										index: t,
@@ -3093,19 +3077,19 @@ function Nr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 										isRecordSelectable: j,
 										selectionCheckboxProps: M,
 										getSelectionCheckboxProps: P,
-										onClick: De,
-										onDoubleClick: Oe,
-										onCellClick: Ae,
-										onCellDoubleClick: je,
-										onContextMenu: ke,
-										onCellContextMenu: H,
+										onClick: Oe,
+										onDoubleClick: ke,
+										onCellClick: je,
+										onCellDoubleClick: V,
+										onContextMenu: Ae,
+										onCellContextMenu: Me,
 										expansion: vt,
-										color: W,
-										backgroundColor: G,
-										className: We,
-										style: Ge,
-										customAttributes: Ke,
-										selectorCellShadowVisible: Y,
+										color: U,
+										backgroundColor: We,
+										className: Ke,
+										style: W,
+										customAttributes: qe,
+										selectorCellShadowVisible: It,
 										selectionColumnClassName: k,
 										selectionColumnStyle: A,
 										idAccessor: w,
@@ -3121,7 +3105,7 @@ function Nr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 								defaultColumnProps: S,
 								pinnedMap: yt,
 								selectionVisible: Ot,
-								selectorCellShadowVisible: Y
+								selectorCellShadowVisible: It
 							})
 						]
 					}) })
@@ -3147,24 +3131,24 @@ function Nr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 					paginationWrapBreakpoint: fe,
 					getPaginationControlProps: pe,
 					getPaginationItemProps: me,
-					noRecordsText: Se,
-					loadingText: be,
+					noRecordsText: Ce,
+					loadingText: xe,
 					recordsLength: Et,
-					renderPagination: V
+					renderPagination: he
 				}),
 				p(Sr, {
 					fetching: h,
-					backgroundBlur: he,
-					customContent: ge,
-					size: _e,
-					type: ve,
-					color: ye
+					backgroundBlur: ge,
+					customContent: _e,
+					size: ve,
+					type: ye,
+					color: be
 				}),
 				p(mn, {
-					icon: Ce,
-					text: Se,
+					icon: we,
+					text: Ce,
 					active: !h && !Et,
-					children: xe
+					children: Se
 				})
 			]
 		})
@@ -3172,9 +3156,9 @@ function Nr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 }
 //#endregion
 //#region src/DataTable/UpdateModal.tsx
-function Pr({ fields: e, onClose: t, queryKey: n, apiPath: r, id: i, steps: a }) {
-	let { data: o, isLoading: s } = Ut(r, n, i), { mutateAsync: c, isPending: l, error: u } = Kt(r, n);
-	return s || !o ? /* @__PURE__ */ m(z, {
+function Pr({ fields: e, onClose: t, queryKey: n, connectedQueryKeys: r, apiPath: i, id: a, steps: o }) {
+	let { data: s, isLoading: c } = Ht(i, n, a), { mutateAsync: l, isPending: u, error: d } = Kt(i, n, r);
+	return c || !s ? /* @__PURE__ */ m(z, {
 		gap: "md",
 		children: [
 			/* @__PURE__ */ p(te, { height: 40 }),
@@ -3193,15 +3177,15 @@ function Pr({ fields: e, onClose: t, queryKey: n, apiPath: r, id: i, steps: a })
 		]
 	}) : /* @__PURE__ */ p(nn, {
 		fields: e,
-		steps: a,
-		record: o,
-		recordId: i,
-		submitting: l,
-		error: u,
+		steps: o,
+		record: s,
+		recordId: a,
+		submitting: u,
+		error: d,
 		onPersist: async (e) => {
-			await c({
+			await l({
 				...e,
-				id: i
+				id: a
 			});
 		},
 		onClose: t
@@ -3209,35 +3193,35 @@ function Pr({ fields: e, onClose: t, queryKey: n, apiPath: r, id: i, steps: a })
 }
 //#endregion
 //#region src/DataTable/DeleteModal.tsx
-function Fr({ queryKey: e, apiPath: t, onClose: n, selectedRecords: r, confirmMessage: i }) {
-	let { mutateAsync: a, isError: o, error: c, isPending: l } = qt(t, e), [u, h] = d(r), [g, v] = d(!1), b = g || l;
+function Fr({ queryKey: e, connectedQueryKeys: t, apiPath: n, onClose: r, selectedRecords: i, confirmMessage: a }) {
+	let { mutateAsync: o, isError: c, error: l, isPending: u } = qt(n, e, t), [h, g] = d(i), [v, b] = d(!1), x = v || u;
 	return s(() => {
-		u.length || n();
-	}, [n, u]), u.length ? /* @__PURE__ */ m(f, { children: [
-		o && c.message && /* @__PURE__ */ p(_, {
+		h.length || r();
+	}, [r, h]), h.length ? /* @__PURE__ */ m(f, { children: [
+		c && l.message && /* @__PURE__ */ p(_, {
 			variant: "outline",
 			color: "red",
-			title: c.name,
-			children: c.message
+			title: l.name,
+			children: l.message
 		}),
-		/* @__PURE__ */ p(B, { children: i ? i(u) : u.length === 1 ? `Soll ${u.length} Eintrag wirklich gelöscht werden?` : `Sollen ${u.length} Einträge wirklich gelöscht werden?` }),
+		/* @__PURE__ */ p(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",
 			children: [/* @__PURE__ */ p(y, {
-				onClick: n,
+				onClick: r,
 				variant: "outline",
-				disabled: b,
+				disabled: x,
 				children: "Abbrechen"
 			}), /* @__PURE__ */ p(y, {
 				color: "red",
-				loading: b,
+				loading: x,
 				onClick: async () => {
-					v(!0);
+					b(!0);
 					try {
-						await Promise.all(u.map((e) => a(e.id))), h([]);
+						await Promise.all(h.map((e) => o(e.id))), g([]);
 					} finally {
-						v(!1);
+						b(!1);
 					}
 				},
 				children: "Löschen"
@@ -3455,7 +3439,7 @@ function Zr({ 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(De, { size: 18 }) : /* @__PURE__ */ p(Oe, { size: 18 })
 				})] }), D.length > 0 && /* @__PURE__ */ m(F, {
 					opened: M,
 					onChange: N,
@@ -3473,7 +3457,7 @@ function Zr({ 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(Ce, { size: 18 })
 						})
 					}) }), /* @__PURE__ */ p(F.Dropdown, {
 						p: 0,
@@ -3539,7 +3523,7 @@ function Zr({ 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(Se, { size: 16 })
 									}) }), /* @__PURE__ */ p(O.Dropdown, { children: t.map((t, n) => /* @__PURE__ */ p(O.Item, {
 										leftSection: t.icon,
 										onClick: (n) => {
@@ -3612,23 +3596,15 @@ function $r({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 	}, B = k?.find((e) => e.value === se), ue = B?.queryParams || {}, de = B?.apiPath ?? r, pe = B?.mutationApiPath ?? a ?? de, me = {
 		...D,
 		...ue
-	}, V = me ? "?" + Object.entries(me).filter(([, e]) => e != null).map(([e, t]) => `${e}=${encodeURIComponent(t ?? "")}`).join("&") : "", he = se ? [...t, se] : t, { data: ge, isLoading: _e, isError: ve, isRefetching: xe, refetch: Se } = Wt(de + V, he), { queryClient: Ee } = J();
-	s(() => {
-		!ge || !Array.isArray(ge) || n?.forEach((e) => Ee.invalidateQueries({ queryKey: e }));
-	}, [
-		ge,
-		n,
-		Ee
-	]);
-	let De = Kr(Array.isArray(ge) ? ge : [], h), [ke, Ae] = d({
+	}, he = me ? "?" + Object.entries(me).filter(([, e]) => e != null).map(([e, t]) => `${e}=${encodeURIComponent(t ?? "")}`).join("&") : "", ge = se ? [...t, se] : t, { data: _e, isLoading: ve, isError: ye, isRefetching: Se, refetch: Ce } = Ut(de + he, ge), De = Kr(Array.isArray(_e) ? _e : [], h), [Oe, Ae] = d({
 		columnAccessor: S?.field ?? c[0].id,
 		direction: S?.direction ?? "desc"
 	}), je = (e) => {
 		Ae(e), C && C(String(e.columnAccessor), e.direction);
-	}, H = Br(De, ke.columnAccessor, ke.direction), [Me, Ne] = Ir(Qr[1], "mantine-table-page-size"), [U, Pe] = d(1), Fe = u ? H.slice((U - 1) * Me, U * Me) : H, [Ie, Le] = d([]), Re = I?.expanded?.recordIds ?? Ie, ze = I?.expanded?.onRecordIdsChange ?? Le, Be = (e) => {
-		Re.includes(e) ? ze(Re.filter((t) => t !== e)) : ze(I?.allowMultiple ? [...Re, e] : [e]);
-	}, Ve = c.findIndex((e) => e.list && e.column && !e.column.hidden), He = I && Ve >= 0 ? c.map((e, t) => {
-		if (t !== Ve) return e;
+	}, V = Br(De, Oe.columnAccessor, Oe.direction), [Me, Ne] = Ir(Qr[1], "mantine-table-page-size"), [Pe, Fe] = d(1), Ie = u ? V.slice((Pe - 1) * Me, Pe * Me) : V, [Le, Re] = d([]), ze = I?.expanded?.recordIds ?? Le, Be = I?.expanded?.onRecordIdsChange ?? Re, Ve = (e) => {
+		ze.includes(e) ? Be(ze.filter((t) => t !== e)) : Be(I?.allowMultiple ? [...ze, e] : [e]);
+	}, He = c.findIndex((e) => e.list && e.column && !e.column.hidden), Ue = I && He >= 0 ? c.map((e, t) => {
+		if (t !== He) return e;
 		let n = e.column.render;
 		return {
 			...e,
@@ -3642,18 +3618,18 @@ function $r({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 						component: "span",
 						"aria-label": "Aufklappen",
 						onClick: (e) => {
-							e.stopPropagation(), Be(t.id);
+							e.stopPropagation(), Ve(t.id);
 						},
 						style: {
 							display: "inline-flex",
 							flexShrink: 0,
 							cursor: "pointer"
 						},
-						children: /* @__PURE__ */ p(be, {
+						children: /* @__PURE__ */ p(xe, {
 							size: 16,
 							style: {
 								color: "var(--mantine-primary-color-filled)",
-								transform: Re.includes(t.id) ? "rotate(90deg)" : void 0,
+								transform: ze.includes(t.id) ? "rotate(90deg)" : void 0,
 								transition: "transform 200ms ease"
 							}
 						})
@@ -3664,29 +3640,29 @@ function $r({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 				})
 			}
 		};
-	}) : c, [W, G] = d([]);
+	}) : c, [H, U] = d([]);
 	s(() => {
-		G([]);
+		U([]);
 	}, [se]);
-	let [Ue, We] = d(!1), [Ge, Ke] = d(!1), [qe, Je] = d(!1);
+	let [We, Ge] = d(!1), [Ke, W] = d(!1), [qe, Je] = d(!1);
 	s(() => {
-		if (re && H.length > 0) {
-			let e = H.find((e) => e.id === re);
-			e && (G([e]), Ke(!0), ie?.(null));
+		if (re && V.length > 0) {
+			let e = V.find((e) => e.id === re);
+			e && (U([e]), W(!0), ie?.(null));
 		}
-	}, [re, H]);
-	let Ye = c.some((e) => e.update), Xe = c.some((e) => e.delete), Ze = [];
-	return Ye && Ze.push({
-		icon: /* @__PURE__ */ p(we, { size: 14 }),
+	}, [re, V]);
+	let Ye = c.some((e) => e.update), Xe = c.some((e) => e.delete), G = [];
+	return Ye && G.push({
+		icon: /* @__PURE__ */ p(Te, { size: 14 }),
 		label: "Bearbeiten",
 		onClick: (e) => {
-			G(e), Ke(!0);
+			U(e), W(!0);
 		}
-	}), b && Ze.push(...b), Xe && Ze.push({
-		icon: /* @__PURE__ */ p(Oe, { size: 14 }),
+	}), b && G.push(...b), Xe && G.push({
+		icon: /* @__PURE__ */ p(ke, { size: 14 }),
 		label: "Löschen",
 		onClick: (e) => {
-			G(e), Je(!0);
+			U(e), Je(!0);
 		}
 	}), /* @__PURE__ */ m(f, { children: [
 		/* @__PURE__ */ m(w, {
@@ -3726,36 +3702,36 @@ function $r({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 				children: [
 					ee && /* @__PURE__ */ p(g, {
 						variant: "subtle",
-						onClick: () => Se(),
+						onClick: () => Ce(),
 						"aria-label": "Neuladen",
-						children: /* @__PURE__ */ p(Te, {})
+						children: /* @__PURE__ */ p(Ee, {})
 					}),
 					(c.some((e) => e.update) || l) && (() => {
-						let e = c.find((e) => e.update) && (!P || W.length > 0 && P(W[0])), t = c.find((e) => e.delete) && (!F || W.length > 0 && F(W[0])), n = (b ?? []).length > 0, r = e || t || n;
+						let e = c.find((e) => e.update) && (!P || H.length > 0 && P(H[0])), t = c.find((e) => e.delete) && (!F || H.length > 0 && F(H[0])), n = (b ?? []).length > 0, r = e || t || n;
 						return /* @__PURE__ */ p(v, {
 							...R ? { visibleFrom: "sm" } : {},
 							children: /* @__PURE__ */ m(O, {
 								shadow: "md",
 								children: [/* @__PURE__ */ p(O.Target, { children: /* @__PURE__ */ p(y, {
 									variant: "outline",
-									rightSection: /* @__PURE__ */ p(ye, { size: 14 }),
-									disabled: !W.length || !r,
+									rightSection: /* @__PURE__ */ p(be, { size: 14 }),
+									disabled: !H.length || !r,
 									children: "Aktionen"
 								}) }), /* @__PURE__ */ m(O.Dropdown, { children: [
 									e && /* @__PURE__ */ p(O.Item, {
-										leftSection: /* @__PURE__ */ p(we, { size: 14 }),
-										onClick: () => Ke(!0),
-										disabled: W.length !== 1,
+										leftSection: /* @__PURE__ */ p(Te, { size: 14 }),
+										onClick: () => W(!0),
+										disabled: H.length !== 1,
 										children: "Bearbeiten"
 									}),
 									(b ?? []).map((e, t) => /* @__PURE__ */ i(O.Item, {
 										...e.icon && { leftSection: e.icon },
 										key: `custom_action_${t}`,
-										onClick: () => e.onClick(W),
-										disabled: e.disabled?.(W) ?? !1
+										onClick: () => e.onClick(H),
+										disabled: e.disabled?.(H) ?? !1
 									}, e.label)),
 									t && /* @__PURE__ */ p(O.Item, {
-										leftSection: /* @__PURE__ */ p(Oe, { size: 14 }),
+										leftSection: /* @__PURE__ */ p(ke, { size: 14 }),
 										onClick: () => Je(!0),
 										color: "red",
 										children: "Löschen"
@@ -3765,8 +3741,8 @@ function $r({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 						});
 					})(),
 					c.find((e) => e.create) && /* @__PURE__ */ p(y, {
-						onClick: () => We(!0),
-						disabled: _e,
+						onClick: () => Ge(!0),
+						disabled: ve,
 						children: E ?? "Erstellen"
 					}),
 					o
@@ -3783,15 +3759,15 @@ function $r({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 				children: e.label
 			}, e.value)) })
 		}),
-		ve && /* @__PURE__ */ p(_, {
+		ye && /* @__PURE__ */ p(_, {
 			mt: "md",
 			variant: "light",
 			color: "red",
 			title: "Es ist ein Fehler aufgetreten.",
-			icon: /* @__PURE__ */ p(Ce, {}),
+			icon: /* @__PURE__ */ p(we, {}),
 			children: "Bitte versuche es später erneut oder sende eine Nachricht an unseren Support."
 		}),
-		(_e || xe) && /* @__PURE__ */ m(z, {
+		(ve || Se) && /* @__PURE__ */ m(z, {
 			my: "md",
 			children: [/* @__PURE__ */ p(te, { height: 40 }), [
 				,
@@ -3801,26 +3777,26 @@ function $r({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 				,
 			].fill(0).map((e, t) => /* @__PURE__ */ p(te, { height: 35 }, `skeleton-${t}`))]
 		}),
-		!_e && !xe && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(v, {
+		!ve && !Se && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(v, {
 			...R ? { visibleFrom: "sm" } : {},
 			children: /* @__PURE__ */ p(Nr, {
 				my: "md",
 				striped: !0,
 				highlightOnHover: !0,
 				minHeight: 150,
-				fetching: ve,
-				records: Fe,
-				sortStatus: ke,
+				fetching: ye,
+				records: Ie,
+				sortStatus: Oe,
 				onSortStatusChange: je,
 				...l && {
-					selectedRecords: W,
-					onSelectedRecordsChange: G
+					selectedRecords: H,
+					onSelectedRecordsChange: U
 				},
-				...u && Fe.length && {
-					totalRecords: H.length,
+				...u && Ie.length && {
+					totalRecords: V.length,
 					recordsPerPage: Me,
-					onPageChange: Pe,
-					page: U,
+					onPageChange: Fe,
+					page: Pe,
 					recordsPerPageOptions: Qr,
 					onRecordsPerPageChange: Ne,
 					recordsPerPageLabel: "Einträge pro Seite"
@@ -3830,12 +3806,12 @@ function $r({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 					trigger: L ? "never" : "click",
 					content: ({ record: e }) => I.content(e, !1),
 					expanded: {
-						recordIds: Re,
-						onRecordIdsChange: ze
+						recordIds: ze,
+						onRecordIdsChange: Be
 					},
 					...I.expandable && { expandable: ({ record: e }) => I.expandable(e) }
 				} },
-				columns: He.map((e) => e.column),
+				columns: Ue.map((e) => e.column),
 				noRecordsText: "Keine Einträge gefunden",
 				onRowClick: L,
 				...L && { style: { cursor: "pointer" } }
@@ -3843,12 +3819,12 @@ function $r({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 		}), R && /* @__PURE__ */ p(v, {
 			hiddenFrom: "sm",
 			children: /* @__PURE__ */ p(Zr, {
-				records: Fe,
-				fields: He,
+				records: Ie,
+				fields: Ue,
 				onRowClick: L,
 				sort: {
-					field: String(ke.columnAccessor),
-					direction: ke.direction,
+					field: String(Oe.columnAccessor),
+					direction: Oe.direction,
 					onSortChange: (e, t) => {
 						je({
 							columnAccessor: e,
@@ -3856,75 +3832,78 @@ function $r({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 						});
 					}
 				},
-				...u && Fe.length && { pagination: {
-					totalRecords: H.length,
+				...u && Ie.length && { pagination: {
+					totalRecords: V.length,
 					recordsPerPage: Me,
-					page: U,
-					onPageChange: Pe,
+					page: Pe,
+					onPageChange: Fe,
 					recordsPerPageOptions: Qr,
 					onRecordsPerPageChange: (e) => {
-						Ne(e), Pe(1);
+						Ne(e), Fe(1);
 					}
 				} },
 				...I && { rowExpansion: {
 					content: I.content,
 					expanded: {
-						recordIds: Re,
-						onRecordIdsChange: ze
+						recordIds: ze,
+						onRecordIdsChange: Be
 					},
 					...I.expandable && { expandable: I.expandable }
 				} },
-				...Ze.length > 0 && {
-					actions: Ze,
+				...G.length > 0 && {
+					actions: G,
 					canUpdate: P,
 					canDelete: F
 				}
 			})
 		})] }),
 		/* @__PURE__ */ p(M, {
-			opened: Ge,
+			opened: Ke,
 			onClose: () => {
-				Ke(!1), G([]);
+				W(!1), U([]);
 			},
 			title: e ?? "Bearbeiten",
-			children: W.length > 0 && /* @__PURE__ */ p(Pr, {
+			children: H.length > 0 && /* @__PURE__ */ p(Pr, {
 				fields: c.filter((e) => e.update),
 				queryKey: t,
+				connectedQueryKeys: n,
 				apiPath: pe,
-				id: W[0].id,
+				id: H[0].id,
 				onClose: () => {
-					Ke(!1), G([]);
+					W(!1), U([]);
 				},
 				steps: x
 			})
 		}),
-		W.length > 0 && /* @__PURE__ */ p(M, {
+		H.length > 0 && /* @__PURE__ */ p(M, {
 			opened: qe,
 			onClose: () => {
-				Je(!1), G([]);
+				Je(!1), U([]);
 			},
 			title: e ?? "Löschen",
 			children: /* @__PURE__ */ p(Fr, {
 				onClose: () => {
-					Je(!1), G([]);
+					Je(!1), U([]);
 				},
 				queryKey: t,
+				connectedQueryKeys: n,
 				apiPath: pe,
-				selectedRecords: W,
+				selectedRecords: H,
 				confirmMessage: ne
 			})
 		}),
 		/* @__PURE__ */ p(M, {
-			opened: Ue,
+			opened: We,
 			onClose: () => {
-				We(!1);
+				Ge(!1);
 			},
 			title: e ?? "Anlegen",
 			children: /* @__PURE__ */ p(rn, {
 				queryKey: t,
+				connectedQueryKeys: n,
 				apiPath: pe,
 				onClose: () => {
-					We(!1);
+					Ge(!1);
 				},
 				fields: c.filter((e) => e.create),
 				steps: x
@@ -3951,6 +3930,6 @@ function ei({ mobile: e, columns: t, ...n }) {
 	});
 }
 //#endregion
-export { rn as CreateModal, $r as DataTable, Mt as DataTableProvider, Fr as DeleteModal, Jr as FieldCard, Zr as MobileCardList, ei as SubTable, Pr as UpdateModal, Vt as api, Bt as createOne, zt as deleteOne, Lt as getAll, Rt as getOne, Ft as parseApiError, Br as sortData, Ht as updateOne, Gt as useAddOne, J as useDataTable, qt as useDeleteOne, Wt as useGetAll, Ut as useGetOne, Ir as usePersistentState, Kt as useUpdateOne };
+export { rn as CreateModal, $r as DataTable, Mt as DataTableProvider, Fr as DeleteModal, Jr as FieldCard, Zr as MobileCardList, ei as SubTable, Pr as UpdateModal, Bt as api, zt as createOne, Rt as deleteOne, It as getAll, Lt as getOne, Br as sortData, Vt as updateOne, Gt as useAddOne, J as useDataTable, qt as useDeleteOne, Ut as useGetAll, Ht as useGetOne, Ir as usePersistentState, Kt as useUpdateOne };
 
 //# sourceMappingURL=index.es.js.map