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

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 { 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 z, Stack as B, Stepper as te, Table as ne, TableTd as re, TableTfoot as ie, TableTh as ae, TableThead as oe, TableTr as se, Tabs as ce, Text as V, TextInput as le, Textarea as ue, Title as de, createSafeContext as fe, parseThemeColor as pe, rem as me, 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 { useClickOutside as ke, useDisclosure as Ae, useLocalStorage as H, useMediaQuery as je, useMergedRef as Me, useTimeout as Ne } from "@mantine/hooks";
 //#region node_modules/@tanstack/query-core/build/modern/subscribable.js
-var U = class {
+var Pe = class {
 	constructor() {
 		this.listeners = /* @__PURE__ */ new Set(), this.subscribe = this.subscribe.bind(this);
 	}
@@ -21,7 +21,7 @@ var U = class {
 	}
 	onSubscribe() {}
 	onUnsubscribe() {}
-}, Pe = new class extends U {
+}, Fe = new class extends Pe {
 	#e;
 	#t;
 	#n;
@@ -58,13 +58,13 @@ var U = class {
 	isFocused() {
 		return typeof this.#e == "boolean" ? this.#e : globalThis.document?.visibilityState !== "hidden";
 	}
-}(), Fe = {
+}(), Ie = {
 	setTimeout: (e, t) => setTimeout(e, t),
 	clearTimeout: (e) => clearTimeout(e),
 	setInterval: (e, t) => setInterval(e, t),
 	clearInterval: (e) => clearInterval(e)
-}, Ie = new class {
-	#e = Fe;
+}, Le = new class {
+	#e = Ie;
 	#t = !1;
 	setTimeoutProvider(e) {
 		process.env.NODE_ENV !== "production" && this.#t && e !== this.#e && console.error("[timeoutManager]: Switching provider after calls to previous provider might result in unexpected behavior.", {
@@ -85,30 +85,30 @@ var U = class {
 		this.#e.clearInterval(e);
 	}
 }();
-function Le(e) {
+function Re(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 ze = typeof window > "u" || "Deno" in globalThis;
+function Be() {}
+function Ve(e) {
 	return typeof e == "number" && e >= 0 && e !== Infinity;
 }
-function Ve(e, t) {
+function He(e, t) {
 	return Math.max(e + (t || 0) - Date.now(), 0);
 }
-function He(e, t) {
+function U(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
 function W(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function G(e) {
+function Ue(e) {
 	return JSON.stringify(e, (e, t) => qe(t) ? Object.keys(t).sort().reduce((e, n) => (e[n] = t[n], e), {}) : t);
 }
-var Ue = Object.prototype.hasOwnProperty;
-function We(e, t, n = 0) {
+var We = Object.prototype.hasOwnProperty;
+function Ge(e, t, n = 0) {
 	if (e === t) return e;
 	if (n > 500) return t;
 	let r = Ke(e) && Ke(t);
@@ -117,19 +117,19 @@ function We(e, t, n = 0) {
 	for (let l = 0; l < o; l++) {
 		let o = r ? l : a[l], u = e[o], d = t[o];
 		if (u === d) {
-			s[o] = u, (r ? l < i : Ue.call(e, o)) && c++;
+			s[o] = u, (r ? l < i : We.call(e, o)) && c++;
 			continue;
 		}
 		if (u === null || d === null || typeof u != "object" || typeof d != "object") {
 			s[o] = d;
 			continue;
 		}
-		let f = We(u, d, n + 1);
+		let f = Ge(u, d, n + 1);
 		s[o] = f, f === u && c++;
 	}
 	return i === o && c === i ? e : s;
 }
-function Ge(e, t) {
+function G(e, t) {
 	if (!t || Object.keys(e).length !== Object.keys(t).length) return !1;
 	for (let n in e) if (e[n] !== t[n]) return !1;
 	return !0;
@@ -151,11 +151,11 @@ function Ye(e, t, n) {
 	if (typeof n.structuralSharing == "function") return n.structuralSharing(e, t);
 	if (n.structuralSharing !== !1) {
 		if (process.env.NODE_ENV !== "production") try {
-			return We(e, t);
+			return Ge(e, t);
 		} catch (e) {
 			throw console.error(`Structural sharing requires data to be JSON serializable. To fix this, turn off structuralSharing or return JSON-serializable data from your queryFn. [${n.queryHash}]: ${e}`), e;
 		}
-		return We(e, t);
+		return Ge(e, t);
 	}
 	return t;
 }
@@ -165,7 +165,7 @@ function Xe(e, t) {
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/environmentManager.js
 var Ze = /* @__PURE__ */ (() => {
-	let e = () => Re;
+	let e = () => ze;
 	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 = Re;
 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 Pe {
 	#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 Pe {
 	constructor(e, t) {
 		super(), this.options = t, this.#e = e, this.#s = null, this.#o = Qe(), this.bindMethods(), this.setOptions(t);
 	}
@@ -339,13 +339,13 @@ var at = class extends U {
 	setOptions(e) {
 		let t = this.options, n = this.#t;
 		if (this.options = this.#e.defaultQueryOptions(e), this.options.enabled !== void 0 && typeof this.options.enabled != "boolean" && typeof this.options.enabled != "function" && typeof W(this.options.enabled, this.#t) != "boolean") throw Error("Expected enabled to be a boolean or a callback that returns a boolean");
-		this.#S(), this.#t.setOptions(this.options), t._defaulted && !Ge(this.options, t) && this.#e.getQueryCache().notify({
+		this.#S(), this.#t.setOptions(this.options), t._defaulted && !G(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 || W(this.options.enabled, this.#t) !== W(t.enabled, this.#t) || U(this.options.staleTime, this.#t) !== U(t.staleTime, this.#t)) && this.#g();
 		let i = this.#_();
 		r && (this.#t !== n || W(this.options.enabled, this.#t) !== W(t.enabled, this.#t) || i !== this.#p) && this.#v(i);
 	}
@@ -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(Be)), 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 = U(this.options.staleTime, this.#t);
+		if (Ze.isServer() || this.#r.isStale || !Ve(e)) return;
+		let t = He(this.#r.dataUpdatedAt, e) + 1;
+		this.#d = Le.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() || W(this.options.enabled, this.#t) === !1 || !Ve(this.#p) || this.#p === 0) && (this.#f = Le.setInterval(() => {
+			(this.options.refetchIntervalInBackground || Fe.isFocused()) && this.#h();
 		}, this.#p));
 	}
 	#y() {
 		this.#g(), this.#v(this.#_());
 	}
 	#b() {
-		this.#d !== void 0 && (Ie.clearTimeout(this.#d), this.#d = void 0);
+		this.#d !== void 0 && (Le.clearTimeout(this.#d), this.#d = void 0);
 	}
 	#x() {
-		this.#f !== void 0 && (Ie.clearInterval(this.#f), this.#f = void 0);
+		this.#f !== void 0 && (Le.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;
@@ -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), !G(t, e) && (this.#r = t, this.#C({ listeners: (() => {
 			if (!e) return !0;
 			let { notifyOnChangeProps: t } = this.options, n = typeof t == "function" ? t() : t;
 			if (n === "all" || !n && !this.#m.size) return !0;
@@ -520,7 +520,7 @@ 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 (W(t.enabled, e) !== !1 && U(t.staleTime, e) !== "static") {
 		let r = typeof n == "function" ? n(e) : n;
 		return r === "always" || r !== !1 && ut(e, t);
 	}
@@ -530,10 +530,10 @@ function lt(e, t, n, r) {
 	return (e !== t || W(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 W(t.enabled, e) !== !1 && e.isStaleByTime(U(t.staleTime, e));
 }
 function dt(e, t) {
-	return !Ge(e.getCurrentResult(), t);
+	return !G(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 Pe {
 	#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), G(this.options, t) || this.#e.getMutationCache().notify({
 			type: "observerOptionsUpdated",
 			mutation: this.#n,
 			observer: this
-		}), t?.mutationKey && this.options.mutationKey && G(t.mutationKey) !== G(this.options.mutationKey) ? this.reset() : this.#n?.state.status === "pending" && this.#n.setOptions(this.options);
+		}), t?.mutationKey && this.options.mutationKey && Ue(t.mutationKey) !== Ue(this.options.mutationKey) ? this.reset() : this.#n?.state.status === "pending" && this.#n.setOptions(this.options);
 	}
 	onUnsubscribe() {
 		this.hasListeners() || this.#n?.removeObserver(this);
@@ -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)) : Be;
 		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(Be).finally(() => {
 		d.updateResult();
 	}), s.notifyOnChangeProps ? f : d.trackResult(f);
 }
@@ -717,7 +717,7 @@ 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(Be);
 	}, [i]);
 	if (a.error && Xe(i.options.throwOnError, [a.error])) throw a.error;
 	return {
@@ -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
@@ -953,7 +937,7 @@ function nn({ fields: e, steps: t, record: r, recordId: i, submitting: a, error:
 				required: n,
 				...b.getInputProps(e.id, { type: "checkbox" })
 			}, b.key(e.id));
-			case "textarea": return /* @__PURE__ */ p(de, {
+			case "textarea": return /* @__PURE__ */ p(ue, {
 				minRows: 3,
 				autosize: !0,
 				label: e.column.title,
@@ -968,7 +952,7 @@ function nn({ fields: e, steps: t, record: r, recordId: i, submitting: a, error:
 				error: r.error,
 				required: n
 			});
-			default: return /* @__PURE__ */ p(ue, {
+			default: return /* @__PURE__ */ p(le, {
 				type: e.id.includes("email") ? "email" : void 0,
 				label: e.column.title,
 				placeholder: e.placeholder ?? "",
@@ -996,10 +980,10 @@ function nn({ fields: e, steps: t, record: r, recordId: i, submitting: a, error:
 			}
 			E && !D ? h((e) => e + 1) : (b.setInitialValues(t), b.reset(), l());
 		}),
-		children: [E ? /* @__PURE__ */ p(ne, {
+		children: [E ? /* @__PURE__ */ p(te, {
 			active: u,
 			size: "sm",
-			children: w.map((e) => /* @__PURE__ */ p(ne.Step, {
+			children: w.map((e) => /* @__PURE__ */ p(te.Step, {
 				...t?.[e - 1] ? { label: t[e - 1].label } : {},
 				children: k(e)
 			}, e))
@@ -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
@@ -1059,7 +1043,7 @@ function X() {
 //#endregion
 //#region node_modules/mantine-datatable/dist/index.mjs
 function Z(e, t, n) {
-	return e ? me({
+	return e ? pe({
 		color: typeof e == "object" ? e[n] : e,
 		theme: t
 	}).value : void 0;
@@ -1096,7 +1080,7 @@ function cn({ theme: e, color: t, backgroundColor: n }) {
 		"--mantine-datatable-row-background-color-dark": Z(n, e, "dark")
 	};
 }
-var [ln, un] = pe("useDataTableColumnsContext must be used within DataTableColumnProvider"), dn = (e) => {
+var [ln, un] = fe("useDataTableColumnsContext must be used within DataTableColumnProvider"), dn = (e) => {
 	let { children: t, columnsOrder: n, setColumnsOrder: r, columnsToggle: i, setColumnsToggle: a, columnsPinning: o, setColumnsPinning: s, resetColumnsOrder: c, resetColumnsToggle: l, resetColumnsPinning: u, setColumnWidth: f, setMultipleColumnWidths: m, resetColumnsWidth: h, beginResize: g, endResize: _, pinnedMap: v } = e, [y, b] = d(""), [x, S] = d("");
 	return p(ln, {
 		value: {
@@ -1166,7 +1150,7 @@ function mn({ icon: e, text: t, active: n, children: r }) {
 		children: r || m(f, { children: [e || p("div", {
 			className: "mantine-datatable-empty-state-icon",
 			children: p(pn, {})
-		}), p(B, {
+		}), p(V, {
 			component: "div",
 			size: "sm",
 			c: "dimmed",
@@ -1174,17 +1158,59 @@ function mn({ icon: e, text: t, active: n, children: r }) {
 		})] })
 	});
 }
-function hn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
+function hn(e) {
+	let t = e.replace(/([a-z\d])([A-Z]+)/g, "$1 $2").replace(/\W|_/g, " ").trim().toLowerCase();
+	return `${t.charAt(0).toUpperCase()}${t.slice(1)}`;
+}
+function gn(e, t, n) {
+	return !Array.isArray(e) || n && !e.every(n) ? t : e;
+}
+function _n(e) {
+	return typeof e == "object" && !!e && typeof e.accessor == "string";
+}
+function vn(e, t, n) {
+	return e.filter((e) => !t.map(n).includes(n(e)));
+}
+function yn(e, t) {
+	return e.filter((e, n, r) => n === r.findIndex((n) => t(e) === t(n)));
+}
+function bn(e, t) {
+	return t ? t.match(/([^[.\]])+/g).reduce((e, t) => e && e[t], e) : void 0;
+}
+function Q(e, t) {
+	return typeof t == "string" ? bn(e, t) : t(e);
+}
+function xn(e) {
+	return !e || e.length === 0 ? 0 : Math.max(...e.map((e) => e.groups && e.groups.length > 0 ? 1 + xn(e.groups) : 1));
+}
+function Sn(e) {
+	let t = [];
+	for (let n of e) n.columns && n.columns.length > 0 ? t.push(...n.columns.filter((e) => e != null)) : n.groups && n.groups.length > 0 && t.push(...Sn(n.groups));
+	return t.filter((e) => e != null);
+}
+function Cn(e, t) {
+	return e.columns && e.columns.length > 0 ? e.columns.filter((e, n) => e.hidden ? !1 : t ? t[n] !== !1 : !0).length : e.groups && e.groups.length > 0 ? e.groups.reduce((e, n) => e + Cn(n, t), 0) : 0;
+}
+function wn(e, t, n = 0) {
+	if (n === t) return [...e];
+	let r = [];
+	for (let i of e) i.groups && i.groups.length > 0 && r.push(...wn(i.groups, t, n + 1));
+	return r;
+}
+function Tn(e, t, n) {
+	return n ? !e || t : !1;
+}
+function En({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
 	let r = l(() => t.map((e) => ({
 		accessor: e.accessor,
 		defaultPinned: e.pinned,
 		pinnable: !!e.pinnable,
 		pinned: e.pinned
-	})), [t]), [i, a] = je({
+	})), [t]), [i, a] = H({
 		key: e ? `${e}-columns-pinning` : "",
 		defaultValue: e ? r : void 0,
 		getInitialValueInEffect: n
-	}), o = i ?? r;
+	}), o = gn(i, r, _n);
 	function c(t) {
 		e && a(typeof t == "function" ? (e) => t(e ?? r) : t);
 	}
@@ -1227,12 +1253,12 @@ function hn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
 		resetColumnsPinning: d
 	};
 }
-function gn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
-	let r = l(() => t ? t.map((e) => e.accessor) : [], [t]), [i, a] = je({
+function Dn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
+	let r = l(() => t ? t.map((e) => e.accessor) : [], [t]), [i, a] = H({
 		key: e ? `${e}-columns-order` : "",
 		defaultValue: e ? r : void 0,
 		getInitialValueInEffect: n
-	}), o = i ?? r;
+	}), o = gn(i, r, (e) => typeof e == "string");
 	function c(t) {
 		e && a(t);
 	}
@@ -1270,16 +1296,16 @@ function gn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
 		resetColumnsOrder: d
 	};
 }
-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({
+function On({ key: e, columns: t = [], getInitialValueInEffect: n = !0, headerRef: r }) {
+	let i = l(() => t.some((e) => e.resizable && !e.hidden && e.accessor !== "__selection__"), [t]), o = a(() => t.filter((e) => e.accessor !== "__selection__").map((e) => ({ [e.accessor]: e.width ?? "auto" })), [t]), [c, f] = H({
 		key: e ? `${e}-columns-width` : "",
 		defaultValue: e ? o() : void 0,
 		getInitialValueInEffect: n
-	}), [p, m] = d(() => e && c && c.length > 0 ? c : o()), [h, g] = d(!1), _ = u(!1);
+	}), p = gn(c, [], (e) => typeof e == "object" && !!e), [m, h] = d(() => e && p.length > 0 ? p : o()), [g, _] = d(!1), v = u(!1);
 	s(() => {
-		e && (!c || c.length === 0 || m(c));
-	}, [e, c]), s(() => {
-		m((e) => {
+		e && (!p || p.length === 0 || h(p));
+	}, [e, p]), s(() => {
+		h((e) => {
 			let n = new Set(t.filter((e) => e.accessor !== "__selection__").map((e) => String(e.accessor))), r = e.filter((e) => n.has(Object.keys(e)[0])), i = new Set(r.map((e) => Object.keys(e)[0])), a = !1;
 			for (let e of t) {
 				if (e.accessor === "__selection__") continue;
@@ -1289,30 +1315,30 @@ function _n({ key: e, columns: t = [], getInitialValueInEffect: n = !0, headerRe
 			return r.length !== e.length || a ? r : e;
 		});
 	}, [t]);
-	let v = a((e) => {
+	let y = a((e) => {
 		let t = e.filter((e) => e.accessor !== "__selection__");
-		t.length !== 0 && (_.current = !0, m((e) => e.map((e) => {
+		t.length !== 0 && (v.current = !0, h((e) => e.map((e) => {
 			let n = Object.keys(e)[0], r = t.find((e) => e.accessor === n);
 			return r ? { [n]: r.width } : e;
 		})));
 	}, []);
 	s(() => {
-		!e || !_.current || h || (_.current = !1, f(p));
+		!e || !v.current || g || (v.current = !1, f(m));
 	}, [
 		e,
-		p,
-		h,
+		m,
+		g,
 		f
 	]);
-	let y = a((e, t) => {
-		v([{
+	let b = a((e, t) => {
+		y([{
 			accessor: e,
 			width: t
 		}]);
-	}, [v]), b = a((e) => {
-		v(e);
-	}, [v]), x = a(() => {
-		g(!0);
+	}, [y]), x = a((e) => {
+		y(e);
+	}, [y]), S = a(() => {
+		_(!0);
 		let e = r?.current;
 		if (!e) return;
 		let t = Array.from(e.querySelectorAll("th[data-accessor]"));
@@ -1324,24 +1350,24 @@ function _n({ key: e, columns: t = [], getInitialValueInEffect: n = !0, headerRe
 			let r = Math.round(e.getBoundingClientRect().width);
 			n.push({ [t]: `${r}px` });
 		}
-		_.current = !0, m(n);
-	}, [r]), S = a(() => {
-		g(!1);
+		v.current = !0, h(n);
+	}, [r]), C = a(() => {
+		_(!1);
 	}, []);
 	return {
-		columnsWidth: p,
-		setColumnsWidth: v,
-		setColumnWidth: y,
-		setMultipleColumnWidths: b,
+		columnsWidth: m,
+		setColumnsWidth: y,
+		setColumnWidth: b,
+		setMultipleColumnWidths: x,
 		resetColumnsWidth: a(() => {
 			let e = o();
-			_.current = !0, m(e), g(!1);
+			v.current = !0, h(e), _(!1);
 		}, [o]),
 		hasResizableColumns: i,
 		allResizableWidthsInitial: l(() => {
 			if (!i) return !1;
 			let e = t.filter((e) => e.resizable && !e.hidden && e.accessor !== "__selection__");
-			return p.filter((t) => {
+			return m.filter((t) => {
 				let n = Object.keys(t)[0];
 				return e.some((e) => e.accessor === n);
 			}).every((e) => {
@@ -1351,25 +1377,25 @@ function _n({ key: e, columns: t = [], getInitialValueInEffect: n = !0, headerRe
 		}, [
 			i,
 			t,
-			p
+			m
 		]),
 		measureAndSetColumnWidths: a(() => {}, []),
-		isResizing: h,
-		beginResize: x,
-		endResize: S
+		isResizing: g,
+		beginResize: S,
+		endResize: C
 	};
 }
-function vn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
+function kn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
 	let r = l(() => t?.map((e) => ({
 		accessor: e.accessor,
 		defaultToggle: e.defaultToggle || !0,
 		toggleable: e.toggleable,
 		toggled: e.defaultToggle === void 0 ? !0 : e.defaultToggle
-	})), [t]), [i, a] = je({
+	})), [t]), [i, a] = H({
 		key: e ? `${e}-columns-toggle` : "",
 		defaultValue: e ? r : void 0,
 		getInitialValueInEffect: n
-	}), o = i ?? r;
+	}), o = gn(i, r, _n);
 	function c(t) {
 		e && a(t);
 	}
@@ -1412,20 +1438,20 @@ function vn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
 		resetColumnsToggle: d
 	};
 }
-var yn = ({ key: e, columns: t = [], getInitialValueInEffect: n = !0, headerRef: r, scrollViewportRef: i }) => {
-	let { columnsOrder: a, setColumnsOrder: o, resetColumnsOrder: s } = gn({
+var An = ({ key: e, columns: t = [], getInitialValueInEffect: n = !0, headerRef: r, scrollViewportRef: i }) => {
+	let { columnsOrder: a, setColumnsOrder: o, resetColumnsOrder: s } = Dn({
 		key: e,
 		columns: t,
 		getInitialValueInEffect: n
-	}), { columnsToggle: c, setColumnsToggle: u, resetColumnsToggle: d } = vn({
+	}), { columnsToggle: c, setColumnsToggle: u, resetColumnsToggle: d } = kn({
 		key: e,
 		columns: t,
 		getInitialValueInEffect: n
-	}), { columnsPinning: f, setColumnsPinning: p, resetColumnsPinning: m } = hn({
+	}), { columnsPinning: f, setColumnsPinning: p, resetColumnsPinning: m } = En({
 		key: e,
 		columns: t,
 		getInitialValueInEffect: n
-	}), { columnsWidth: h, setColumnsWidth: g, setColumnWidth: _, setMultipleColumnWidths: v, resetColumnsWidth: y, hasResizableColumns: b, allResizableWidthsInitial: x, measureAndSetColumnWidths: S, isResizing: C, beginResize: w, endResize: T } = _n({
+	}), { columnsWidth: h, setColumnsWidth: g, setColumnWidth: _, setMultipleColumnWidths: v, resetColumnsWidth: y, hasResizableColumns: b, allResizableWidthsInitial: x, measureAndSetColumnWidths: S, isResizing: C, beginResize: w, endResize: T } = On({
 		key: e,
 		columns: t,
 		getInitialValueInEffect: n,
@@ -1502,16 +1528,16 @@ var yn = ({ key: e, columns: t = [], getInitialValueInEffect: n = !0, headerRef:
 		beginResize: w,
 		endResize: T
 	};
-}, bn = typeof window < "u" ? c : s;
-function xn(e) {
+}, jn = typeof window < "u" ? c : s;
+function Mn(e) {
 	let t = u(e);
 	return t.current = e, t;
 }
-var Sn = "--mantine-datatable-header-height", Cn = "--mantine-datatable-footer-height", wn = "--mantine-datatable-selection-column-width", Tn = "--mantine-datatable-last-row-border-bottom";
-function Q(e, t, n) {
+var Nn = "--mantine-datatable-header-height", Pn = "--mantine-datatable-footer-height", Fn = "--mantine-datatable-selection-column-width", In = "--mantine-datatable-last-row-border-bottom";
+function $(e, t, n) {
 	e?.style.setProperty(t, n);
 }
-function En(e) {
+function Ln(e) {
 	let t = e.borderBoxSize?.[0] || e.contentBoxSize?.[0];
 	return t ? {
 		width: t.inlineSize,
@@ -1521,18 +1547,18 @@ function En(e) {
 		height: e.contentRect.height
 	};
 }
-function Dn(e, t, n) {
+function Rn(e, t, n) {
 	if (e) {
 		let r = new ResizeObserver((e) => {
 			let n = e[0];
-			n && t(En(n));
+			n && t(Ln(n));
 		});
 		return r.observe(e), () => {
 			r.disconnect(), n();
 		};
 	}
 }
-function On({ scrollCallbacks: e, withRowBorders: t }) {
+function zn({ scrollCallbacks: e, withRowBorders: t }) {
 	let n = {
 		root: u(null),
 		table: u(null),
@@ -1540,16 +1566,16 @@ function On({ scrollCallbacks: e, withRowBorders: t }) {
 		header: u(null),
 		footer: u(null),
 		selectionColumnHeader: u(null)
-	}, { root: r, table: i, scrollViewport: o, header: c, footer: l, selectionColumnHeader: d } = n, f = xn({ withRowBorders: t }), p = xn(e), m = u(() => {}), h = u(() => {}), g = a((e) => {
+	}, { root: r, table: i, scrollViewport: o, header: c, footer: l, selectionColumnHeader: d } = n, f = Mn({ withRowBorders: t }), p = Mn(e), m = u(() => {}), h = u(() => {}), g = a((e) => {
 		p.current.onScroll?.(e), m.current();
 	}, []);
-	return s(() => Dn(c.current, (e) => {
-		Q(r.current, Sn, `${e.height}px`);
-	}, () => Q(r.current, Sn, "0")), [c.current]), s(() => Dn(l.current, (e) => {
-		Q(r.current, Cn, `${e.height}px`);
-	}, () => Q(r.current, Cn, "0")), [l.current]), s(() => Dn(d.current, (e) => {
-		Q(r.current, wn, `${e.width}px`);
-	}, () => Q(r.current, wn, "0")), [d.current]), bn(() => {
+	return s(() => Rn(c.current, (e) => {
+		$(r.current, Nn, `${e.height}px`);
+	}, () => $(r.current, Nn, "0")), [c.current]), s(() => Rn(l.current, (e) => {
+		$(r.current, Pn, `${e.height}px`);
+	}, () => $(r.current, Pn, "0")), [l.current]), s(() => Rn(d.current, (e) => {
+		$(r.current, Fn, `${e.width}px`);
+	}, () => $(r.current, Fn, "0")), [d.current]), jn(() => {
 		if (typeof window > "u") return;
 		let e = {
 			top: !0,
@@ -1565,14 +1591,14 @@ function On({ scrollCallbacks: e, withRowBorders: t }) {
 		};
 		function a(t, n) {
 			let i = e[t];
-			return e[t] = n, Q(r.current, `--mantine-datatable-${t}-shadow-opacity`, n ? "0" : "1"), i;
+			return e[t] = n, $(r.current, `--mantine-datatable-${t}-shadow-opacity`, n ? "0" : "1"), i;
 		}
 		function s() {
 			let e = t.height - n.height, i = e < 0;
-			Q(r.current, "--mantine-datatable-footer-position", i ? "relative" : "sticky"), Q(r.current, "--mantine-datatable-footer-bottom", i ? `${e}px` : "0");
+			$(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 ? Q(r.current, Tn, `${V("1px")} solid var(--mantine-datatable-border-color)`) : Q(r.current, Tn, "unset");
+			f.current.withRowBorders && t.height < n.height ? $(r.current, In, `${me("1px")} solid var(--mantine-datatable-border-color)`) : $(r.current, In, "unset");
 		}
 		h.current = c;
 		function l() {
@@ -1590,10 +1616,10 @@ function On({ scrollCallbacks: e, withRowBorders: t }) {
 		let u = new ResizeObserver((e) => {
 			for (let r of e) switch (r.target.tagName) {
 				case "TABLE":
-					t = En(r);
+					t = Ln(r);
 					break;
 				case "DIV":
-					n = En(r);
+					n = Ln(r);
 					break;
 			}
 			l(), s(), c();
@@ -1601,14 +1627,14 @@ function On({ scrollCallbacks: e, withRowBorders: t }) {
 		return u.observe(i.current), u.observe(o.current), () => {
 			u.disconnect();
 		};
-	}, []), bn(() => {
+	}, []), jn(() => {
 		h.current();
 	}, [t]), {
 		refs: n,
 		onScroll: g
 	};
 }
-function kn({ columns: e, theadRef: t, tbodyRef: n, selectionColumnHeaderRef: r, selectionVisible: i, pinFirstColumn: o, pinLastColumn: c }) {
+function Bn({ columns: e, theadRef: t, tbodyRef: n, selectionColumnHeaderRef: r, selectionVisible: i, pinFirstColumn: o, pinLastColumn: c }) {
 	let [l, u] = d(/* @__PURE__ */ new Map()), f = a(() => {
 		if (!o && !c && !e.some((e) => e.pinned)) return;
 		let a = t.current ?? n.current;
@@ -1690,13 +1716,13 @@ function kn({ columns: e, theadRef: t, tbodyRef: n, selectionColumnHeaderRef: r,
 		t,
 		n,
 		f
-	]), bn(f, [f]), {
+	]), jn(f, [f]), {
 		pinnedMap: l,
 		hasLeftPinned: [...l.values()].some((e) => e.logicalSide === "left"),
 		hasRightPinned: [...l.values()].some((e) => e.logicalSide === "right")
 	};
 }
-function An(e) {
+function Vn(e) {
 	let [t, n] = d(null);
 	return s(() => {
 		n(null);
@@ -1705,7 +1731,7 @@ function An(e) {
 		setLastSelectionChangeIndex: n
 	};
 }
-function jn(e, t) {
+function Hn(e, t) {
 	let n = () => {
 		t(e.map((e) => e.matches));
 	}, r = e.map((e) => {
@@ -1721,84 +1747,48 @@ function jn(e, t) {
 		});
 	};
 }
-function Mn(e, t) {
+function Un(e, t) {
 	return t || (typeof window < "u" && "matchMedia" in window ? e.map((e) => window.matchMedia(e).matches) : e.map(() => !1));
 }
-function Nn(e, t, { getInitialValueInEffect: n } = { getInitialValueInEffect: !0 }) {
-	let [r, i] = d(n ? t : Mn(e, t)), a = u(null);
+function Wn(e, t, { getInitialValueInEffect: n } = { getInitialValueInEffect: !0 }) {
+	let [r, i] = d(n ? t : Un(e, t)), a = u(null);
 	return s(() => {
-		if ("matchMedia" in window) return a.current = e.map((e) => window.matchMedia(e)), i(a.current.map((e) => e.matches)), jn(a.current, (e) => {
+		if ("matchMedia" in window) return a.current = e.map((e) => window.matchMedia(e)), i(a.current.map((e) => e.matches)), Hn(a.current, (e) => {
 			i(e);
 		});
 	}, [e]), r;
 }
-function Pn(e) {
+function Gn(e) {
 	let t = ge();
-	return Nn(l(() => e.map((e) => (typeof e == "function" ? e(t) : e) ?? ""), [e, t]), l(() => e.map(() => !0), [e]));
+	return Wn(l(() => e.map((e) => (typeof e == "function" ? e(t) : e) ?? ""), [e, t]), l(() => e.map(() => !0), [e]));
 }
-function Fn(e) {
+function Kn(e) {
 	let t = ge();
-	return H((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();
-	return `${t.charAt(0).toUpperCase()}${t.slice(1)}`;
+	return je((typeof e == "function" ? e(t) : e) || "", !0);
 }
-function Ln(e, t, n) {
-	return e.filter((e) => !t.map(n).includes(n(e)));
-}
-function Rn(e, t) {
-	return e.filter((e, n, r) => n === r.findIndex((n) => t(e) === t(n)));
-}
-function zn(e, t) {
-	return t ? t.match(/([^[.\]])+/g).reduce((e, t) => e && e[t], e) : void 0;
-}
-function $(e, t) {
-	return typeof t == "string" ? zn(e, t) : t(e);
-}
-function Bn(e) {
-	return !e || e.length === 0 ? 0 : Math.max(...e.map((e) => e.groups && e.groups.length > 0 ? 1 + Bn(e.groups) : 1));
-}
-function Vn(e) {
-	let t = [];
-	for (let n of e) n.columns && n.columns.length > 0 ? t.push(...n.columns.filter((e) => e != null)) : n.groups && n.groups.length > 0 && t.push(...Vn(n.groups));
-	return t.filter((e) => e != null);
-}
-function Hn(e, t) {
-	return e.columns && e.columns.length > 0 ? e.columns.filter((e, n) => e.hidden ? !1 : t ? t[n] !== !1 : !0).length : e.groups && e.groups.length > 0 ? e.groups.reduce((e, n) => e + Hn(n, t), 0) : 0;
-}
-function Un(e, t, n = 0) {
-	if (n === t) return [...e];
-	let r = [];
-	for (let i of e) i.groups && i.groups.length > 0 && r.push(...Un(i.groups, t, n + 1));
-	return r;
-}
-function Wn(e, t, n) {
-	return n ? !e || t : !1;
-}
-function Gn({ rowExpansion: e, records: t, idAccessor: n }) {
+function qn({ rowExpansion: e, records: t, idAccessor: n }) {
 	let r = [];
 	if (e && t) {
 		let { trigger: i, allowMultiple: a, initiallyExpanded: o } = e;
-		t && i === "always" ? r = t.map((e) => $(e, n)) : o && (r = t.filter((e, t) => o({
+		t && i === "always" ? r = t.map((e) => Q(e, n)) : o && (r = t.filter((e, t) => o({
 			record: e,
 			index: t
-		})).map((e) => $(e, n)), a || (r = [r[0]]));
+		})).map((e) => Q(e, n)), a || (r = [r[0]]));
 	}
 	let i, a, o = d(r);
 	if (e) {
 		let { expandable: t, trigger: r, allowMultiple: s, collapseProps: c, content: l } = e;
 		e.expanded ? {recordIds: i, onRecordIdsChange: a} = e.expanded : [i, a] = o;
-		let u = (e) => a?.(i.filter((t) => t !== $(e, n)));
+		let u = (e) => a?.(i.filter((t) => t !== Q(e, n)));
 		return {
 			expandOnClick: r !== "always" && r !== "never",
-			isRowExpanded: (e) => r === "always" ? !0 : i.includes($(e, n)),
+			isRowExpanded: (e) => r === "always" ? !0 : i.includes(Q(e, n)),
 			isExpandable: ({ record: e, index: n }) => t ? t({
 				record: e,
 				index: n
 			}) : !0,
 			expandRow: (e) => {
-				let t = $(e, n);
+				let t = Q(e, n);
 				a?.(s ? [...i, t] : [t]);
 			},
 			collapseRow: u,
@@ -1811,7 +1801,7 @@ function Gn({ rowExpansion: e, records: t, idAccessor: n }) {
 		};
 	}
 }
-function Kn(e, t) {
+function Jn(e, t) {
 	let [n, r] = d(e), [i, a] = d(e), o = Ne(() => r(!0), 0), c = Ne(() => a(!1), t || 200);
 	return s(() => {
 		e ? (c.clear(), a(!0), o.start()) : (o.clear(), r(!1), c.start());
@@ -1824,17 +1814,17 @@ function Kn(e, t) {
 		visible: i
 	};
 }
-var qn = "mantine-datatable-nowrap", Jn = "mantine-datatable-ellipsis", Yn = "mantine-datatable-pointer-cursor", Xn = "mantine-datatable-context-menu-cursor", Zn = "mantine-datatable-text-selection-disabled", Qn = "mantine-datatable-text-align-left", $n = "mantine-datatable-text-align-center", er = "mantine-datatable-text-align-right";
-function tr({ className: e, style: t, pinnedInfo: n, visibleMediaQuery: r, title: i, noWrap: a, ellipsis: o, textAlign: s, width: c }) {
-	return Fn(r) ? p(oe, {
+var Yn = "mantine-datatable-nowrap", Xn = "mantine-datatable-ellipsis", Zn = "mantine-datatable-pointer-cursor", Qn = "mantine-datatable-context-menu-cursor", $n = "mantine-datatable-text-selection-disabled", er = "mantine-datatable-text-align-left", tr = "mantine-datatable-text-align-center", nr = "mantine-datatable-text-align-right";
+function rr({ className: e, style: t, pinnedInfo: n, visibleMediaQuery: r, title: i, noWrap: a, ellipsis: o, textAlign: s, width: c }) {
+	return Kn(r) ? p(ae, {
 		"data-pinned": n?.position,
 		"data-pinned-shadow": n?.isBoundary ? n.position : void 0,
 		className: X({
-			[qn]: a || o,
-			[Jn]: o,
-			[Qn]: s === "left",
-			[$n]: s === "center",
-			[er]: s === "right"
+			[Yn]: a || o,
+			[Xn]: o,
+			[er]: s === "left",
+			[tr]: s === "center",
+			[nr]: s === "right"
 		}, e),
 		style: [
 			{
@@ -1852,24 +1842,24 @@ function tr({ className: e, style: t, pinnedInfo: n, visibleMediaQuery: r, title
 		children: i
 	}) : null;
 }
-function nr({ shadowVisible: e }) {
-	return p(oe, {
+function ir({ shadowVisible: e }) {
+	return p(ae, {
 		className: "mantine-datatable-footer-selector-placeholder-cell",
 		"data-shadow-visible": e || void 0
 	});
 }
-function rr({ className: e, style: t, columns: n, defaultColumnProps: r, pinnedMap: i, selectionVisible: a, selectorCellShadowVisible: o, ref: s }) {
-	return p(ae, {
+function ar({ className: e, style: t, columns: n, defaultColumnProps: r, pinnedMap: i, selectionVisible: a, selectorCellShadowVisible: o, ref: s }) {
+	return p(ie, {
 		ref: s,
 		className: X("mantine-datatable-footer", e),
 		style: t,
-		children: m(ce, { children: [a && p(nr, { shadowVisible: o }), n.map(({ hidden: e, ...t }) => {
+		children: m(se, { children: [a && p(ir, { shadowVisible: o }), n.map(({ hidden: e, ...t }) => {
 			if (e) return null;
 			let { accessor: n, visibleMediaQuery: a, textAlign: o, width: s, footer: c, footerClassName: l, footerStyle: u, noWrap: d, ellipsis: f } = {
 				...r,
 				...t
 			};
-			return p(tr, {
+			return p(rr, {
 				pinnedInfo: i.get(String(n)),
 				className: l,
 				style: u,
@@ -1883,8 +1873,8 @@ function rr({ className: e, style: t, columns: n, defaultColumnProps: r, pinnedM
 		})] })
 	});
 }
-function ir({ group: { id: e, columns: t, groups: n, title: r, textAlign: i, className: a, style: o }, pinnedInfo: s, maxDepth: c, currentDepth: u, previousGroups: d, isLastGroup: f, withColumnBorders: m = !1, totalTableColumns: h }) {
-	let g = l(() => t && t.length > 0 ? t : n && n.length > 0 ? Vn([{
+function or({ group: { id: e, columns: t, groups: n, title: r, textAlign: i, className: a, style: o }, pinnedInfo: s, maxDepth: c, currentDepth: u, previousGroups: d, isLastGroup: f, withColumnBorders: m = !1, totalTableColumns: h }) {
+	let g = l(() => t && t.length > 0 ? t : n && n.length > 0 ? Sn([{
 		id: e,
 		columns: t,
 		groups: n
@@ -1892,7 +1882,7 @@ function ir({ group: { id: e, columns: t, groups: n, title: r, textAlign: i, cla
 		t,
 		n,
 		e
-	]), _ = Pn(l(() => g.map(({ visibleMediaQuery: e }) => e), [g])), v = l(() => Hn({
+	]), _ = Gn(l(() => g.map(({ visibleMediaQuery: e }) => e), [g])), v = l(() => Cn({
 		id: e,
 		columns: t,
 		groups: n
@@ -1901,16 +1891,16 @@ function ir({ group: { id: e, columns: t, groups: n, title: r, textAlign: i, cla
 		t,
 		n,
 		_
-	]), y = l(() => d.reduce((e, t) => e + Hn(t, _), 0), [d, _]), b = n && n.length > 0 ? 1 : c - u, x = Wn(f, y + v < h, m);
-	return v > 0 ? p(oe, {
+	]), y = l(() => d.reduce((e, t) => e + Cn(t, _), 0), [d, _]), b = n && n.length > 0 ? 1 : c - u, x = Tn(f, y + v < h, m);
+	return v > 0 ? p(ae, {
 		colSpan: v,
 		rowSpan: b > 1 ? b : void 0,
 		"data-pinned": s?.position,
 		"data-pinned-shadow": s?.isBoundary ? s.position : void 0,
 		className: X("mantine-datatable-column-group-header-cell", {
-			[Qn]: i === "left",
-			[$n]: i === "center",
-			[er]: i === "right",
+			[er]: i === "left",
+			[tr]: i === "center",
+			[nr]: i === "right",
 			"mantine-datatable-column-group-header-cell--needs-border": x
 		}, a),
 		style: [o, s && {
@@ -1918,10 +1908,10 @@ function ir({ group: { id: e, columns: t, groups: n, title: r, textAlign: i, cla
 			[s.position]: s.offset,
 			overflow: "visible"
 		}],
-		children: r ?? In(e)
+		children: r ?? hn(e)
 	}) : null;
 }
-function ar() {
+function sr() {
 	return m("svg", {
 		width: "14",
 		height: "14",
@@ -1938,7 +1928,7 @@ function ar() {
 		}), p("path", { d: "M4 4h16v2.172a2 2 0 0 1 -.586 1.414l-4.414 4.414v7l-6 2v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227z" })]
 	});
 }
-function or() {
+function cr() {
 	return m("svg", {
 		width: "14",
 		height: "14",
@@ -1959,8 +1949,8 @@ 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);
+function lr({ children: e, isActive: t, filterPopoverProps: n, filterPopoverDisableClickOutside: r }) {
+	let [i, { close: a, toggle: o }] = Ae(!1), s = t ? cr : sr, c = ke(a);
 	return r && (c = void 0), m(F, {
 		withArrow: !0,
 		shadow: "md",
@@ -1987,7 +1977,7 @@ function sr({ children: e, isActive: t, filterPopoverProps: n, filterPopoverDisa
 		})]
 	});
 }
-function cr() {
+function ur() {
 	return m("svg", {
 		width: "14",
 		height: "14",
@@ -2009,7 +1999,7 @@ function cr() {
 		]
 	});
 }
-function lr() {
+function dr() {
 	return m("svg", {
 		width: "14",
 		height: "14",
@@ -2031,7 +2021,7 @@ function lr() {
 		]
 	});
 }
-function ur() {
+function fr() {
 	return m("svg", {
 		width: "14",
 		height: "14",
@@ -2053,7 +2043,7 @@ function ur() {
 		]
 	});
 }
-function dr() {
+function pr() {
 	return m("svg", {
 		width: "14",
 		height: "14",
@@ -2074,14 +2064,14 @@ function dr() {
 		]
 	});
 }
-function fr({ currentPinned: e, onPinChange: t }) {
+function mr({ currentPinned: e, onPinChange: t }) {
 	let [n, r] = d(!1), i = u(null), [o, c] = d(!1), l = a(() => {
 		if (i.current) {
 			let e = getComputedStyle(i.current).direction;
 			c(e === "rtl");
 		}
 	}, []);
-	bn(() => {
+	jn(() => {
 		l();
 	}, [l]), s(() => {
 		n && l();
@@ -2104,7 +2094,7 @@ function fr({ currentPinned: e, onPinChange: t }) {
 				size: "xs",
 				variant: "light",
 				onClick: (e) => e.stopPropagation(),
-				children: p(ur, {})
+				children: p(fr, {})
 			})
 		}) }), p(F.Dropdown, {
 			onClick: (e) => e.stopPropagation(),
@@ -2119,14 +2109,14 @@ function fr({ currentPinned: e, onPinChange: t }) {
 						variant: _ ? "filled" : "light",
 						onClick: () => t(_ ? void 0 : f),
 						"aria-label": "Pin left",
-						children: p(cr, {})
+						children: p(ur, {})
 					}),
 					p(g, {
 						size: "sm",
 						variant: v ? "filled" : "light",
 						onClick: () => t(v ? void 0 : h),
 						"aria-label": "Pin right",
-						children: p(lr, {})
+						children: p(dr, {})
 					}),
 					e && p(g, {
 						size: "sm",
@@ -2134,14 +2124,14 @@ function fr({ currentPinned: e, onPinChange: t }) {
 						color: "red",
 						onClick: () => t(void 0),
 						"aria-label": "Unpin",
-						children: p(dr, {})
+						children: p(pr, {})
 					})
 				]
 			})
 		})]
 	});
 }
-var pr = 50, mr = (e) => {
+var hr = 50, gr = (e) => {
 	let { accessor: t, columnRef: n } = e, [r, i] = d(!1), o = u(0), s = u({
 		current: 0,
 		next: 0
@@ -2164,7 +2154,7 @@ var pr = 50, mr = (e) => {
 		let p = (e) => {
 			let n = e.clientX - o.current;
 			l && (n = -n);
-			let r = s.current.current - pr, i = s.current.next - pr, a = Math.max(-r, Math.min(n, i)), u = s.current.current + a, d = s.current.next - a;
+			let r = s.current.current - hr, i = s.current.next - hr, a = Math.max(-r, Math.min(n, i)), u = s.current.current + a, d = s.current.next - a;
 			f([{
 				accessor: t,
 				width: `${u}px`
@@ -2211,7 +2201,7 @@ var pr = 50, mr = (e) => {
 		title: "Drag to resize column, double-click to reset"
 	});
 };
-function hr() {
+function _r() {
 	return m("svg", {
 		width: "14",
 		height: "14",
@@ -2233,7 +2223,7 @@ function hr() {
 		]
 	});
 }
-function gr() {
+function vr() {
 	return m("svg", {
 		width: "14",
 		height: "14",
@@ -2255,7 +2245,7 @@ function gr() {
 		]
 	});
 }
-function _r() {
+function yr() {
 	return m("svg", {
 		width: "14",
 		height: "14",
@@ -2280,37 +2270,37 @@ function _r() {
 		]
 	});
 }
-function vr({ 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: F, setColumnsPinning: ee } = un(), [I, L] = d(!1), R = u(null), te = F?.find((e) => e.accessor === r)?.pinned;
-	if (!Fn(i)) return null;
-	let z = a ?? In(r), ne = typeof z == "string" ? z : void 0, re = o && S ? (e) => {
+function br({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQuery: i, title: a, sortable: o, draggable: s, toggleable: c, pinnable: l, resizable: f, sortIcons: h, textAlign: _, width: y, sortStatus: x, onSortStatusChange: S, filter: C, filterPopoverProps: E, filterPopoverDisableClickOutside: D, filtering: O, sortKey: k }) {
+	let { setSourceColumn: A, setTargetColumn: j, swapColumns: M, columnsToggle: N, setColumnsToggle: P, columnsPinning: F, setColumnsPinning: ee } = un(), [I, L] = d(!1), R = u(null), z = F?.find((e) => e.accessor === r)?.pinned;
+	if (!Kn(i)) return null;
+	let B = a ?? hn(r), te = typeof B == "string" ? B : void 0, ne = o && S ? (e) => {
 		e?.defaultPrevented || S({
 			sortKey: k,
 			columnAccessor: r,
 			direction: x?.columnAccessor === r ? x.direction === "asc" ? "desc" : "asc" : x?.direction ?? "asc"
 		});
-	} : void 0, ie = (e) => {
+	} : void 0, re = (e) => {
 		e.stopPropagation(), A(r), L(!1);
-	}, ae = (e) => {
+	}, ie = (e) => {
 		e.preventDefault(), j(r), L(!0);
-	}, se = () => {
+	}, oe = () => {
 		j(r), L(!1), M();
-	}, ce = () => {
+	}, se = () => {
 		L(!0);
-	}, le = () => {
+	}, ce = () => {
 		L(!1);
-	}, B = (e) => {
+	}, V = (e) => {
 		e.stopPropagation(), P(N.map((e) => e.accessor === r ? {
 			...e,
 			toggled: !1
 		} : e));
-	}, ue = (e) => {
+	}, le = (e) => {
 		ee((t) => t.map((t) => t.accessor === r ? {
 			...t,
 			pinned: e
 		} : t));
 	};
-	return m(oe, {
+	return m(ae, {
 		"data-accessor": r,
 		"data-pinned": n?.position,
 		"data-pinned-shadow": n?.isBoundary ? n.position : void 0,
@@ -2337,8 +2327,8 @@ function vr({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
 		],
 		role: o ? "button" : void 0,
 		tabIndex: o ? 0 : void 0,
-		onClick: re,
-		onKeyDown: (e) => e.key === "Enter" && re?.(),
+		onClick: ne,
+		onKeyDown: (e) => e.key === "Enter" && ne?.(),
 		ref: R,
 		children: [m(T, {
 			className: "mantine-datatable-header-cell-sortable-group",
@@ -2353,11 +2343,11 @@ function vr({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
 						"mantine-datatable-header-cell-drag-over": I
 					}),
 					draggable: s,
-					onDragStart: s ? ie : void 0,
-					onDragEnter: s ? ce : void 0,
-					onDragOver: s ? ae : void 0,
-					onDrop: s ? se : void 0,
-					onDragLeave: s ? le : void 0,
+					onDragStart: s ? re : void 0,
+					onDragEnter: s ? se : void 0,
+					onDragOver: s ? ie : void 0,
+					onDrop: s ? oe : void 0,
+					onDragLeave: s ? ce : void 0,
 					children: [s ? p(b, {
 						role: "img",
 						"aria-label": "Drag column",
@@ -2368,21 +2358,21 @@ function vr({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
 							onClick: (e) => {
 								e.stopPropagation();
 							},
-							children: p(_r, {})
+							children: p(yr, {})
 						})
 					}) : null, p(v, {
 						className: X("mantine-datatable-header-cell-sortable-text", {
-							[Qn]: _ === "left",
-							[$n]: _ === "center",
-							[er]: _ === "right"
-						}, qn, Jn),
-						title: ne,
-						children: z
+							[er]: _ === "left",
+							[tr]: _ === "center",
+							[nr]: _ === "right"
+						}, Yn, Xn),
+						title: te,
+						children: B
 					})]
 				}),
-				l ? p(fr, {
-					currentPinned: te,
-					onPinChange: ue
+				l ? p(mr, {
+					currentPinned: z,
+					onPinChange: le
 				}) : null,
 				c ? p(b, {
 					className: "mantine-datatable-header-cell-toggleable-icon",
@@ -2391,46 +2381,46 @@ function vr({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
 					children: p(g, {
 						size: "xs",
 						variant: "light",
-						onClick: B,
-						children: p(dr, {})
+						onClick: V,
+						children: p(pr, {})
 					})
 				}) : null,
 				o || x?.columnAccessor === r ? x?.columnAccessor === r ? p(b, {
 					className: X("mantine-datatable-header-cell-sortable-icon", { "mantine-datatable-header-cell-sortable-icon-reversed": x.direction === "desc" }),
 					role: "img",
 					"aria-label": `Sorted ${x.direction === "desc" ? "descending" : "ascending"}`,
-					children: h?.sorted || p(gr, {})
+					children: h?.sorted || p(vr, {})
 				}) : p(b, {
 					className: "mantine-datatable-header-cell-sortable-unsorted-icon",
 					role: "img",
 					"aria-label": "Not sorted",
-					children: h?.unsorted || p(hr, {})
+					children: h?.unsorted || p(_r, {})
 				}) : null,
-				C ? p(sr, {
+				C ? p(lr, {
 					filterPopoverProps: E,
 					isActive: !!O,
 					filterPopoverDisableClickOutside: D,
 					children: C
 				}) : null
 			]
-		}), f && r !== "__selection__" ? p(mr, {
+		}), f && r !== "__selection__" ? p(gr, {
 			accessor: r,
 			columnRef: R
 		}) : null]
 	});
 }
-function yr({ className: e, style: t, trigger: n, shadowVisible: r, checked: i, indeterminate: a, checkboxProps: o, onChange: s, rowSpan: c, ref: l }) {
+function xr({ className: e, style: t, trigger: n, shadowVisible: r, checked: i, indeterminate: a, checkboxProps: o, onChange: s, rowSpan: c, ref: l }) {
 	let u = !o.disabled;
-	return p(oe, {
+	return p(ae, {
 		ref: l,
-		className: X("mantine-datatable-header-selector-cell", { [Yn]: n === "cell" && u }, e),
+		className: X("mantine-datatable-header-selector-cell", { [Zn]: n === "cell" && u }, e),
 		style: t,
 		rowSpan: c,
 		"data-shadow-visible": r || void 0,
 		"data-accessor": "__selection__",
 		onClick: n === "cell" && u ? s : void 0,
 		children: p(x, {
-			classNames: u ? { input: Yn } : void 0,
+			classNames: u ? { input: Zn } : void 0,
 			checked: i,
 			indeterminate: a,
 			onChange: s,
@@ -2439,7 +2429,7 @@ function yr({ className: e, style: t, trigger: n, shadowVisible: r, checked: i,
 		})
 	});
 }
-function br(e, t) {
+function Sr(e, t) {
 	let n = (e.columns ?? []).filter((e) => !e.hidden).map((e) => String(e.accessor)), r = n.map((e) => t.get(e)).filter(Boolean);
 	if (r.length === 0 || r.length !== n.length) return;
 	let i = new Set(r.map((e) => e.logicalSide));
@@ -2452,8 +2442,8 @@ function br(e, t) {
 		isBoundary: l?.isBoundary ?? !1
 	};
 }
-function xr({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r, sortIcons: i, onSortStatusChange: a, columns: o, defaultColumnProps: s, groups: c, pinnedMap: l, selectionTrigger: u, selectionVisible: f, selectionChecked: h, selectionIndeterminate: g, onSelectionChange: _, selectionCheckboxProps: v, selectorCellShadowVisible: y, selectionColumnClassName: b, selectionColumnStyle: S, withColumnBorders: C = !1, ref: w }) {
-	let E = c ? Bn(c) : 0, D = E > 0 ? E + 1 : 1, O = f ? p(yr, {
+function Cr({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r, sortIcons: i, onSortStatusChange: a, columns: o, defaultColumnProps: s, groups: c, pinnedMap: l, selectionTrigger: u, selectionVisible: f, selectionChecked: h, selectionIndeterminate: g, onSelectionChange: _, selectionCheckboxProps: v, selectorCellShadowVisible: y, selectionColumnClassName: b, selectionColumnStyle: S, withColumnBorders: C = !1, ref: w }) {
+	let E = c ? xn(c) : 0, D = E > 0 ? E + 1 : 1, O = f ? p(xr, {
 		ref: e,
 		className: b,
 		style: S,
@@ -2464,7 +2454,7 @@ function xr({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r
 		checkboxProps: v,
 		onChange: _,
 		rowSpan: c ? D : void 0
-	}) : null, { columnsToggle: k, setColumnsToggle: A } = un(), [j, M] = d(!1), N = o.some((e) => e.toggleable), P = N ? Object.fromEntries(o.map(({ accessor: e, title: t }) => [e, t ?? In(String(e))])) : void 0, L = m(se, {
+	}) : null, { columnsToggle: k, setColumnsToggle: A } = un(), [j, M] = d(!1), N = o.some((e) => e.toggleable), P = N ? Object.fromEntries(o.map(({ accessor: e, title: t }) => [e, t ?? hn(String(e))])) : void 0, L = m(oe, {
 		className: X("mantine-datatable-header", t),
 		style: n,
 		ref: w,
@@ -2472,10 +2462,10 @@ function xr({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r
 			e.preventDefault(), M((e) => !e);
 		} : void 0,
 		children: [c && Array.from({ length: E }, (e, t) => {
-			let n = Un(c, t);
-			return m(ce, { children: [t === 0 && O, n.map((e, r) => p(ir, {
+			let n = wn(c, t);
+			return m(se, { children: [t === 0 && O, n.map((e, r) => p(or, {
 				group: e,
-				pinnedInfo: br(e, l),
+				pinnedInfo: Sr(e, l),
 				maxDepth: E,
 				currentDepth: t,
 				previousGroups: n.slice(0, r),
@@ -2483,13 +2473,13 @@ function xr({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r
 				withColumnBorders: C,
 				totalTableColumns: o.length
 			}, e.id))] }, `group-depth-${t}`);
-		}), m(ce, { children: [!c && O, o.map(({ hidden: e, ...t }, n) => {
+		}), m(se, { 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,
 				...t
 			};
-			return p(vr, {
+			return p(br, {
 				accessor: c,
 				pinnedInfo: l.get(String(c)),
 				className: b,
@@ -2520,7 +2510,7 @@ function xr({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r
 		shadow: "md",
 		opened: j,
 		onChange: M,
-		children: [p(I, { children: L }), p(ee, { children: p(z, { children: k.filter((e) => e.toggleable).map((e) => p(T, { children: p(x, {
+		children: [p(I, { children: L }), p(ee, { children: p(B, { 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],
@@ -2534,7 +2524,7 @@ function xr({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r
 		}) }, e.accessor)) }) })]
 	}) : L;
 }
-function Sr({ fetching: e, customContent: t, backgroundBlur: n, size: r, type: i, color: a }) {
+function wr({ fetching: e, customContent: t, backgroundBlur: n, size: r, type: i, color: a }) {
 	return p(b, {
 		className: X("mantine-datatable-loader", { "mantine-datatable-loader-fetching": e }),
 		style: [{ backdropFilter: n ? `blur(${n}px)` : void 0 }],
@@ -2545,7 +2535,7 @@ function Sr({ fetching: e, customContent: t, backgroundBlur: n, size: r, type: i
 		}))
 	});
 }
-function Cr() {
+function Tr() {
 	return m("svg", {
 		width: "14",
 		height: "14",
@@ -2566,17 +2556,17 @@ function Cr() {
 		]
 	});
 }
-var wr = {
-	xs: V(22),
-	sm: V(26),
-	md: V(32),
-	lg: V(38),
-	xl: V(44)
+var Er = {
+	xs: me(22),
+	sm: me(26),
+	md: me(32),
+	lg: me(38),
+	xl: me(44)
 };
-function Tr({ size: e, label: t, values: n, value: r, activeTextColor: i, activeBackgroundColor: a, onChange: o }) {
+function Dr({ 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
@@ -2589,9 +2579,9 @@ function Tr({ size: e, label: t, values: n, value: r, activeTextColor: i, active
 				size: e,
 				variant: "default",
 				classNames: { section: "mantine-datatable-page-size-selector-button-icon" },
-				rightSection: p(Cr, {}),
+				rightSection: p(Tr, {}),
 				style: [{ fontWeight: "normal" }, (t) => ({
-					height: wr[e],
+					height: Er[e],
 					paddingLeft: t.spacing[e],
 					paddingRight: t.spacing[e]
 				})],
@@ -2600,14 +2590,14 @@ function Tr({ size: e, label: t, values: n, value: r, activeTextColor: i, active
 				let n = t === r;
 				return p(A, {
 					className: X({ "mantine-datatable-page-size-selector-active": n }),
-					style: [{ height: wr[e] }, n && (i || a) ? (e) => sn({
+					style: [{ height: Er[e] }, n && (i || a) ? (e) => sn({
 						theme: e,
 						paginationActiveTextColor: i,
 						paginationActiveBackgroundColor: a
 					}) : void 0],
 					disabled: n,
 					onClick: () => o(t),
-					children: p(B, {
+					children: p(V, {
 						component: "div",
 						size: e,
 						children: t
@@ -2617,7 +2607,7 @@ function Tr({ size: e, label: t, values: n, value: r, activeTextColor: i, active
 		})]
 	});
 }
-function Er({ className: e, style: t, fetching: n, page: r, onPageChange: i, paginationWithEdges: a, paginationWithControls: o, paginationActiveTextColor: s, paginationActiveBackgroundColor: c, paginationSize: l, loadingText: u, noRecordsText: d, paginationText: h, totalRecords: g, recordsPerPage: _, onRecordsPerPageChange: y, recordsPerPageLabel: b, recordsPerPageOptions: x, recordsLength: S, horizontalSpacing: C, paginationWrapBreakpoint: w, getPaginationControlProps: T, getPaginationItemProps: E, renderPagination: D }) {
+function Or({ className: e, style: t, fetching: n, page: r, onPageChange: i, paginationWithEdges: a, paginationWithControls: o, paginationActiveTextColor: s, paginationActiveBackgroundColor: c, paginationSize: l, loadingText: u, noRecordsText: d, paginationText: h, totalRecords: g, recordsPerPage: _, onRecordsPerPageChange: y, recordsPerPageLabel: b, recordsPerPageOptions: x, recordsLength: S, horizontalSpacing: C, paginationWrapBreakpoint: w, getPaginationControlProps: T, getPaginationItemProps: E, renderPagination: D }) {
 	let O;
 	if (g) {
 		let e = (r - 1) * _ + 1;
@@ -2627,15 +2617,15 @@ 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 = {
-		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 = !Kn(({ breakpoints: e }) => `(min-width: ${typeof w == "number" ? `${me(w)}rem` : e[w] || w})`), N = {
+		Text: (e) => p(V, {
 			component: "div",
 			className: "mantine-datatable-pagination-text",
 			size: l,
 			...e,
 			children: O
 		}),
-		PageSizeSelector: (e) => x ? p(Tr, {
+		PageSizeSelector: (e) => x ? p(Dr, {
 			activeTextColor: s,
 			activeBackgroundColor: c,
 			size: l,
@@ -2696,18 +2686,18 @@ function Er({ className: e, style: t, fetching: n, page: r, onPageChange: i, pag
 		] })
 	});
 }
-function Dr({ 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 Fn(r) ? p(ie, {
+function kr({ className: e, style: t, pinnedInfo: n, visibleMediaQuery: r, record: i, index: a, onClick: o, onDoubleClick: s, onContextMenu: c, noWrap: l, ellipsis: u, textAlign: d, width: f, accessor: m, render: h, defaultRender: g, customCellAttributes: _ }) {
+	return Kn(r) ? p(re, {
 		"data-pinned": n?.position,
 		"data-pinned-shadow": n?.isBoundary ? n.position : void 0,
 		className: X({
-			[qn]: l || u,
-			[Jn]: u,
-			[Yn]: o || s,
-			[Xn]: c,
-			[Qn]: d === "left",
-			[$n]: d === "center",
-			[er]: d === "right"
+			[Yn]: l || u,
+			[Xn]: u,
+			[Zn]: o || s,
+			[Qn]: c,
+			[er]: d === "left",
+			[tr]: d === "center",
+			[nr]: d === "right"
 		}, e),
 		style: [
 			{
@@ -2726,12 +2716,12 @@ function Dr({ className: e, style: t, pinnedInfo: n, visibleMediaQuery: r, recor
 		onDoubleClick: s,
 		onContextMenu: c,
 		..._?.(i, a),
-		children: h ? h(i, a) : g ? g(i, a, m) : zn(i, m)
+		children: h ? h(i, a) : g ? g(i, a, m) : bn(i, m)
 	}) : null;
 }
-function Or({ open: e, colSpan: t, content: n, collapseProps: r }) {
-	let { expanded: i, visible: a } = Kn(e, r?.transitionDuration);
-	return a ? m(f, { children: [p(ce, {}), p(ce, { children: p(ie, {
+function Ar({ open: e, colSpan: t, content: n, collapseProps: r }) {
+	let { expanded: i, visible: a } = Jn(e, r?.transitionDuration);
+	return a ? m(f, { children: [p(se, {}), p(se, { children: p(re, {
 		className: "mantine-datatable-row-expansion-cell",
 		colSpan: t,
 		children: p(S, {
@@ -2744,28 +2734,28 @@ function Or({ open: e, colSpan: t, content: n, collapseProps: r }) {
 		})
 	}) })] }) : null;
 }
-function kr({ className: e, style: t, record: n, index: r, trigger: i, onChange: a, withRightShadow: o, checkboxProps: s, getCheckboxProps: c, ...l }) {
+function jr({ className: e, style: t, record: n, index: r, trigger: i, onChange: a, withRightShadow: o, checkboxProps: s, getCheckboxProps: c, ...l }) {
 	let u = {
 		...s,
 		...c(n, r)
 	}, d = !l.disabled && !u.disabled, f = (e) => {
 		e.stopPropagation(), i === "cell" && d && a?.(e);
 	};
-	return p(ie, {
-		className: X("mantine-datatable-row-selector-cell", { [Yn]: i === "cell" && d }, e),
+	return p(re, {
+		className: X("mantine-datatable-row-selector-cell", { [Zn]: i === "cell" && d }, e),
 		style: t,
 		"data-shadow-visible": o || void 0,
 		onClick: f,
 		children: p(x, {
-			classNames: d ? { input: Yn } : void 0,
+			classNames: d ? { input: Zn } : void 0,
 			onChange: a,
 			...l,
 			...u
 		})
 	});
 }
-function Ar({ record: e, index: t, columns: n, defaultColumnProps: r, pinnedMap: i, defaultColumnRender: a, selectionTrigger: o, selectionVisible: s, selectionChecked: c, onSelectionChange: l, isRecordSelectable: u, selectionCheckboxProps: d, getSelectionCheckboxProps: h, onClick: g, onDoubleClick: _, onContextMenu: v, onCellClick: y, onCellDoubleClick: b, onCellContextMenu: x, expansion: S, customAttributes: C, color: w, backgroundColor: T, className: E, style: D, selectorCellShadowVisible: O, selectionColumnClassName: k, selectionColumnStyle: A, rowFactory: j }) {
-	let M = m(f, { children: [s && p(kr, {
+function Mr({ record: e, index: t, columns: n, defaultColumnProps: r, pinnedMap: i, defaultColumnRender: a, selectionTrigger: o, selectionVisible: s, selectionChecked: c, onSelectionChange: l, isRecordSelectable: u, selectionCheckboxProps: d, getSelectionCheckboxProps: h, onClick: g, onDoubleClick: _, onContextMenu: v, onCellClick: y, onCellDoubleClick: b, onCellContextMenu: x, expansion: S, customAttributes: C, color: w, backgroundColor: T, className: E, style: D, selectorCellShadowVisible: O, selectionColumnClassName: k, selectionColumnStyle: A, rowFactory: j }) {
+	let M = m(f, { children: [s && p(jr, {
 		className: k,
 		style: A,
 		record: e,
@@ -2783,7 +2773,7 @@ function Ar({ record: e, index: t, columns: n, defaultColumnProps: r, pinnedMap:
 			...r,
 			...s
 		};
-		return p(Dr, {
+		return p(kr, {
 			pinnedInfo: i.get(String(l)),
 			className: typeof _ == "function" ? _(e, t) : _,
 			style: v?.(e, t),
@@ -2820,7 +2810,7 @@ function Ar({ record: e, index: t, columns: n, defaultColumnProps: r, pinnedMap:
 			defaultRender: a,
 			customCellAttributes: S
 		}, l);
-	})] }), N = S && p(Or, {
+	})] }), N = S && p(Ar, {
 		colSpan: n.filter(({ hidden: e }) => !e).length + +!!s,
 		open: S.isRowExpanded(e),
 		content: S.content({
@@ -2828,7 +2818,7 @@ function Ar({ record: e, index: t, columns: n, defaultColumnProps: r, pinnedMap:
 			index: t
 		}),
 		collapseProps: S.collapseProps
-	}), P = jr({
+	}), P = Nr({
 		record: e,
 		index: t,
 		selectionChecked: c,
@@ -2848,17 +2838,17 @@ function Ar({ record: e, index: t, columns: n, defaultColumnProps: r, pinnedMap:
 		rowProps: P,
 		children: M,
 		expandedElement: N
-	}) : m(f, { children: [p(ce, {
+	}) : m(f, { children: [p(se, {
 		...P,
 		children: M
 	}), N] });
 }
-function jr({ record: e, index: t, selectionChecked: n, onClick: r, onDoubleClick: i, onContextMenu: a, expansion: o, customAttributes: s, color: c, backgroundColor: l, className: u, style: d }) {
+function Nr({ record: e, index: t, selectionChecked: n, onClick: r, onDoubleClick: i, onContextMenu: a, expansion: o, customAttributes: s, color: c, backgroundColor: l, className: u, style: d }) {
 	return {
-		className: X("mantine-datatable-row", { [Yn]: r || i || o?.isExpandable({
+		className: X("mantine-datatable-row", { [Zn]: r || i || o?.isExpandable({
 			record: e,
 			index: t
-		}) && o?.expandOnClick }, { [Xn]: a }, typeof u == "function" ? u(e, t) : u),
+		}) && o?.expandOnClick }, { [Qn]: a }, typeof u == "function" ? u(e, t) : u),
 		"data-selected": n || void 0,
 		onClick: (n) => {
 			if (o) {
@@ -2895,7 +2885,7 @@ function jr({ record: e, index: t, selectionChecked: n, onClick: r, onDoubleClic
 		...s?.(e, t) ?? {}
 	};
 }
-function Mr({ leftShadowBehind: e, rightShadowBehind: t, onScrollPositionChange: n, children: r, viewportRef: i, scrollAreaProps: a }) {
+function Pr({ leftShadowBehind: e, rightShadowBehind: t, onScrollPositionChange: n, children: r, viewportRef: i, scrollAreaProps: a }) {
 	return m(L, {
 		...a,
 		viewportRef: i,
@@ -2915,26 +2905,26 @@ 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 }) {
-	let dt = l(() => y ? Vn(y) : g, [g, y]), { refs: K, onScroll: ft } = On({
+function Fr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, height: r = "100%", minHeight: i, maxHeight: o, shadow: d, verticalAlign: f = "center", fetching: h, columns: g, storeColumnsKey: _, groups: y, pinFirstColumn: b, pinLastColumn: x, defaultColumnProps: S, defaultColumnRender: C, idAccessor: w = "id", records: T, selectionTrigger: E = "checkbox", selectedRecords: D, onSelectedRecordsChange: O, selectionColumnClassName: k, selectionColumnStyle: A, isRecordSelectable: j, selectionCheckboxProps: M, allRecordsSelectionCheckboxProps: N = { "aria-label": "Select all records" }, getRecordSelectionCheckboxProps: P = (e, t) => ({ "aria-label": `Select record ${t + 1}` }), sortStatus: F, sortIcons: ee, onSortStatusChange: I, horizontalSpacing: L, page: R, onPageChange: z, totalRecords: B, recordsPerPage: te, onRecordsPerPageChange: re, recordsPerPageOptions: ie, recordsPerPageLabel: ae = "Records per page", paginationWithEdges: oe, paginationWithControls: se, paginationActiveTextColor: ce, paginationActiveBackgroundColor: V, paginationSize: le = "sm", paginationText: ue = ({ from: e, to: t, totalRecords: n }) => `${e} - ${t} / ${n}`, paginationWrapBreakpoint: de = "sm", getPaginationControlProps: fe = (e) => e === "previous" ? { "aria-label": "Previous page" } : e === "next" ? { "aria-label": "Next page" } : {}, getPaginationItemProps: pe, renderPagination: 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: H, onCellContextMenu: je, onScroll: Ne, onScrollToTop: Pe, onScrollToBottom: Fe, onScrollToLeft: Ie, onScrollToRight: Le, c: Re, backgroundColor: ze, borderColor: Be, rowBorderColor: Ve, stripedColor: He, highlightOnHoverColor: U, rowColor: W, rowBackgroundColor: Ue, rowExpansion: We, rowClassName: Ge, rowStyle: G, customRowAttributes: Ke, scrollViewportRef: qe, scrollAreaProps: Je, tableRef: Ye, bodyRef: Xe, m: Ze, my: Qe, mx: $e, mt: et, mb: tt, ml: nt, mr: rt, className: it, classNames: at, style: ot, styles: st, rowFactory: ct, tableWrapper: lt, ...ut }) {
+	let dt = l(() => y ? Sn(y) : g, [g, y]), { refs: K, onScroll: ft } = zn({
 		scrollCallbacks: {
 			onScroll: Ne,
-			onScrollToTop: U,
-			onScrollToBottom: Pe,
-			onScrollToLeft: Fe,
-			onScrollToRight: Ie
+			onScrollToTop: Pe,
+			onScrollToBottom: Fe,
+			onScrollToLeft: Ie,
+			onScrollToRight: Le
 		},
 		withRowBorders: ut.withRowBorders
-	}), q = yn({
+	}), q = An({
 		key: _,
 		columns: dt,
 		headerRef: K.header,
 		scrollViewportRef: K.scrollViewport
-	}), pt = q.effectiveColumns, mt = Me(K.table, Ye), ht = Me(K.scrollViewport, qe), gt = u(null), _t = Me(gt, Xe), vt = Gn({
-		rowExpansion: Ue,
+	}), pt = q.effectiveColumns, mt = Me(K.table, Ye), ht = Me(K.scrollViewport, qe), gt = u(null), _t = Me(gt, Xe), vt = qn({
+		rowExpansion: We,
 		records: T,
 		idAccessor: w
-	}), { pinnedMap: yt, hasLeftPinned: bt, hasRightPinned: xt } = kn({
+	}), { pinnedMap: yt, hasLeftPinned: bt, hasRightPinned: xt } = Bn({
 		columns: pt,
 		theadRef: K.header,
 		tbodyRef: gt,
@@ -2943,8 +2933,8 @@ function Nr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 		pinFirstColumn: b,
 		pinLastColumn: x
 	}), St = u(!1), Ct = u(R), wt = u(T), Tt = a((e) => {
-		St.current = !0, wt.current = T, te(e);
-	}, [te, T]);
+		St.current = !0, wt.current = T, z(e);
+	}, [z, T]);
 	s(() => {
 		Ct.current !== R && (St.current = !0, wt.current = T, Ct.current = R);
 	}, [R, T]);
@@ -2965,8 +2955,8 @@ function Nr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 		T,
 		K.scrollViewport
 	]);
-	let Dt = T?.map((e) => $(e, w)), Ot = !!D, kt = D?.map((e) => $(e, w)), At = Dt !== void 0 && kt !== void 0 && kt.length > 0, jt = j ? T?.filter(j) : T, Mt = jt?.map((e) => $(e, w)), J = At && Mt.every((e) => kt.includes(e)), Nt = At && Mt.some((e) => kt.includes(e)), Pt = a(() => {
-		D && O && O(J ? D.filter((e) => !Mt.includes($(e, w))) : Rn([...D, ...jt], (e) => $(e, w)));
+	let Dt = T?.map((e) => Q(e, w)), Ot = !!D, kt = D?.map((e) => Q(e, w)), At = Dt !== void 0 && kt !== void 0 && kt.length > 0, jt = j ? T?.filter(j) : T, Mt = jt?.map((e) => Q(e, w)), J = At && Mt.every((e) => kt.includes(e)), Nt = At && Mt.some((e) => kt.includes(e)), Pt = a(() => {
+		D && O && O(J ? D.filter((e) => !Mt.includes(Q(e, w))) : yn([...D, ...jt], (e) => Q(e, w)));
 	}, [
 		J,
 		w,
@@ -2974,7 +2964,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 } = Vn(Dt), It = Ot && !bt, Lt = {
 		m: Ze,
 		my: Qe,
 		mx: $e,
@@ -2994,12 +2984,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: Re,
+						backgroundColor: ze,
+						borderColor: Be,
+						rowBorderColor: Ve,
+						stripedColor: He,
+						highlightOnHoverColor: U
 					}),
 					borderRadius: e.radius[t] || t,
 					boxShadow: e.shadows[d] || d,
@@ -3012,17 +3002,17 @@ function Nr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 				{ position: "relative" }
 			],
 			children: [
-				p(Mr, {
+				p(Pr, {
 					viewportRef: ht,
 					leftShadowBehind: Ot || bt,
 					rightShadowBehind: xt,
 					onScrollPositionChange: ft,
 					scrollAreaProps: Je,
-					children: p(Rt, { children: m(re, {
+					children: p(Rt, { children: m(ne, {
 						ref: mt,
 						horizontalSpacing: L,
 						className: X("mantine-datatable-table", {
-							[Zn]: n,
+							[$n]: n,
 							"mantine-datatable-vertical-align-top": f === "top",
 							"mantine-datatable-vertical-align-bottom": f === "bottom",
 							"mantine-datatable-selection-column-visible": Ot,
@@ -3042,7 +3032,7 @@ function Nr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 							Ee ? null : p(dn, {
 								...q,
 								pinnedMap: yt,
-								children: p(xr, {
+								children: p(Cr, {
 									ref: K.header,
 									selectionColumnHeaderRef: K.selectionColumnHeader,
 									className: at?.header,
@@ -3063,7 +3053,7 @@ function Nr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 										...M,
 										...N
 									},
-									selectorCellShadowVisible: Y,
+									selectorCellShadowVisible: It,
 									selectionColumnClassName: k,
 									selectionColumnStyle: A,
 									withColumnBorders: ut.withColumnBorders
@@ -3072,14 +3062,14 @@ function Nr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 							p("tbody", {
 								ref: _t,
 								children: Et ? T.map((e, t) => {
-									let n = $(e, w), r = kt?.includes(n) || !1, i;
+									let n = Q(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));
-											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);
-									}), p(Ar, {
+										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 ? vn(D, e, (e) => Q(e, w)) : yn([...D, ...e], (e) => Q(e, w)));
+										} else O(r ? D.filter((e) => Q(e, w) !== n) : yn([...D, e], (e) => Q(e, w)));
+										Ft(t);
+									}), p(Mr, {
 										record: e,
 										index: t,
 										columns: pt,
@@ -3096,16 +3086,16 @@ function Nr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 										onClick: De,
 										onDoubleClick: Oe,
 										onCellClick: Ae,
-										onCellDoubleClick: je,
+										onCellDoubleClick: H,
 										onContextMenu: ke,
-										onCellContextMenu: H,
+										onCellContextMenu: je,
 										expansion: vt,
 										color: W,
-										backgroundColor: G,
-										className: We,
-										style: Ge,
+										backgroundColor: Ue,
+										className: Ge,
+										style: G,
 										customAttributes: Ke,
-										selectorCellShadowVisible: Y,
+										selectorCellShadowVisible: It,
 										selectionColumnClassName: k,
 										selectionColumnStyle: A,
 										idAccessor: w,
@@ -3113,7 +3103,7 @@ function Nr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 									}, n);
 								}) : p(fn, {})
 							}),
-							pt.some(({ footer: e }) => e) && p(rr, {
+							pt.some(({ footer: e }) => e) && p(ar, {
 								ref: K.footer,
 								className: at?.footer,
 								style: st?.footer,
@@ -3121,38 +3111,38 @@ function Nr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 								defaultColumnProps: S,
 								pinnedMap: yt,
 								selectionVisible: Ot,
-								selectorCellShadowVisible: Y
+								selectorCellShadowVisible: It
 							})
 						]
 					}) })
 				}),
-				!!(R && Et) && p(Er, {
+				!!(R && Et) && p(Or, {
 					className: at?.pagination,
 					style: st?.pagination,
 					horizontalSpacing: L,
 					fetching: h,
 					page: R,
 					onPageChange: Tt,
-					totalRecords: z,
-					recordsPerPage: ne,
-					onRecordsPerPageChange: ie,
-					recordsPerPageOptions: ae,
-					recordsPerPageLabel: oe,
-					paginationWithEdges: se,
-					paginationWithControls: ce,
-					paginationActiveTextColor: le,
-					paginationActiveBackgroundColor: B,
-					paginationSize: ue,
-					paginationText: de,
-					paginationWrapBreakpoint: fe,
-					getPaginationControlProps: pe,
-					getPaginationItemProps: me,
+					totalRecords: B,
+					recordsPerPage: te,
+					onRecordsPerPageChange: re,
+					recordsPerPageOptions: ie,
+					recordsPerPageLabel: ae,
+					paginationWithEdges: oe,
+					paginationWithControls: se,
+					paginationActiveTextColor: ce,
+					paginationActiveBackgroundColor: V,
+					paginationSize: le,
+					paginationText: ue,
+					paginationWrapBreakpoint: de,
+					getPaginationControlProps: fe,
+					getPaginationItemProps: pe,
 					noRecordsText: Se,
 					loadingText: be,
 					recordsLength: Et,
-					renderPagination: V
+					renderPagination: me
 				}),
-				p(Sr, {
+				p(wr, {
 					fetching: h,
 					backgroundBlur: he,
 					customContent: ge,
@@ -3172,20 +3162,20 @@ 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 Ir({ fields: e, onClose: t, queryKey: n, connectedQueryKeys: r, apiPath: i, id: a, steps: o }) {
+	let { data: s, isLoading: c } = Ht(i, n, a), { mutateAsync: l, isPending: u, error: d } = Kt(i, n, r);
+	return c || !s ? /* @__PURE__ */ m(B, {
 		gap: "md",
 		children: [
-			/* @__PURE__ */ p(te, { height: 40 }),
-			Array.from({ length: e.length }).map((e, t) => /* @__PURE__ */ p(te, { height: 35 }, t)),
+			/* @__PURE__ */ p(z, { height: 40 }),
+			Array.from({ length: e.length }).map((e, t) => /* @__PURE__ */ p(z, { height: 35 }, t)),
 			/* @__PURE__ */ m(T, {
 				mt: "md",
 				justify: "end",
-				children: [/* @__PURE__ */ p(te, {
+				children: [/* @__PURE__ */ p(z, {
 					width: 100,
 					height: 36
-				}), /* @__PURE__ */ p(te, {
+				}), /* @__PURE__ */ p(z, {
 					width: 100,
 					height: 36
 				})]
@@ -3193,15 +3183,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 +3199,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 Lr({ 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(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",
 			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"
@@ -3247,7 +3237,7 @@ function Fr({ queryKey: e, apiPath: t, onClose: n, selectedRecords: r, confirmMe
 }
 //#endregion
 //#region src/Hooks/usePersistentState.ts
-function Ir(e, t) {
+function Rr(e, t) {
 	let n = `use_persistent_storage_${t}`, [r, i] = d(() => {
 		try {
 			let t = localStorage.getItem(n);
@@ -3265,12 +3255,12 @@ function Ir(e, t) {
 }
 //#endregion
 //#region src/utils/sort.ts
-var Lr = [
+var zr = [
 	/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}/,
 	/^\d{4}-\d{2}-\d{2}$/,
 	/^\d{1,2}\/\d{1,2}\/\d{4}$/,
 	/^\d{1,2}\.\d{1,2}\.\d{4}$/
-], Rr = (e, t) => {
+], Br = (e, t) => {
 	let n = e.map((e) => e[t]).filter((e) => e != null && e !== "");
 	if (n.length === 0) return "string";
 	let r = n.slice(0, 100), i = {
@@ -3286,7 +3276,7 @@ var Lr = [
 				i.number++;
 				return;
 			}
-			if (Lr.some((e) => e.test(t))) {
+			if (zr.some((e) => e.test(t))) {
 				let e = new Date(t);
 				if (!isNaN(e.getTime())) {
 					i.date++;
@@ -3299,7 +3289,7 @@ var Lr = [
 	let a = i.string + i.number + i.date;
 	return i.date / a >= .6 ? "date" : i.number / a >= .6 ? "number" : i.string / a >= .6 ? "string" : "mixed";
 };
-function zr(e, t) {
+function Vr(e, t) {
 	switch (t) {
 		case "date":
 			if (typeof e == "string") {
@@ -3315,54 +3305,54 @@ function zr(e, t) {
 		default: return String(e).toLowerCase().trim();
 	}
 }
-var Br = (e, t, n = "asc") => {
+var Hr = (e, t, n = "asc") => {
 	if (!e || e.length === 0) return [];
-	let r = Rr(e, t);
+	let r = Br(e, t);
 	return [...e].sort((e, i) => {
 		let a = e[t], o = i[t], s = a == null || a === "", c = o == null || o === "";
 		if (s && c) return 0;
 		if (s) return n === "asc" ? -1 : 1;
 		if (c) return n === "asc" ? 1 : -1;
-		let l = zr(a, r), u = zr(o, r);
+		let l = Vr(a, r), u = Vr(o, r);
 		return l === null && u === null ? 0 : l === null ? n === "asc" ? 1 : -1 : u === null || l < u ? n === "asc" ? -1 : 1 : l > u ? n === "asc" ? 1 : -1 : 0;
 	});
 };
 //#endregion
 //#region src/utils/filter.ts
-function Vr(e) {
+function Ur(e) {
 	return !!e && typeof e == "object" && "id" in e;
 }
-function Hr(e, t) {
+function Wr(e, t) {
 	if (typeof e == "string" || typeof e == "number") return t.includes(String(e));
 	if (e && typeof e == "object") {
 		let n = e;
-		return Vr(n) && t.includes(n.id) ? !0 : Object.values(n).some((e) => typeof e == "string" && t.includes(e) || Vr(e) && t.includes(e.id));
+		return Ur(n) && t.includes(n.id) ? !0 : Object.values(n).some((e) => typeof e == "string" && t.includes(e) || Ur(e) && t.includes(e.id));
 	}
 	return !1;
 }
-function Ur(e, t) {
-	return Array.isArray(t) ? Array.isArray(e) ? e.some((e) => Hr(e, t)) : Vr(e) ? t.includes(e.id) : !1 : typeof e == "string" && e.includes(t);
+function Gr(e, t) {
+	return Array.isArray(t) ? Array.isArray(e) ? e.some((e) => Wr(e, t)) : Ur(e) ? t.includes(e.id) : !1 : typeof e == "string" && e.includes(t);
 }
-function Wr(e, [t, n]) {
+function Kr(e, [t, n]) {
 	if (!t && !n || typeof e != "string") return !0;
 	let r = e.split(" ")[0];
 	return t && n ? r >= t && r <= n : t ? r >= t : r <= n;
 }
-function Gr(e, t) {
+function qr(e, t) {
 	if (t.value === void 0) return !0;
 	let n = e[t.id];
 	switch (t.type) {
-		case "query": return Ur(n, t.value);
-		case "date": return Wr(n, t.value);
+		case "query": return Gr(n, t.value);
+		case "date": return Kr(n, t.value);
 		case "boolean": return n === t.value;
 	}
 }
-function Kr(e, t) {
-	return !t || t.length === 0 ? e : e.filter((e) => t.every((t) => Gr(e, t)));
+function Jr(e, t) {
+	return !t || t.length === 0 ? e : e.filter((e) => t.every((t) => qr(e, t)));
 }
 //#endregion
 //#region src/DataTable/FieldCard.tsx
-function qr({ rows: e }) {
+function Yr({ rows: e }) {
 	return /* @__PURE__ */ p(f, { children: e.map((e, t) => /* @__PURE__ */ m(v, { children: [t > 0 && /* @__PURE__ */ p(C, {}), /* @__PURE__ */ m(T, {
 		wrap: "nowrap",
 		justify: "space-between",
@@ -3370,7 +3360,7 @@ function qr({ rows: e }) {
 		gap: "md",
 		py: "xs",
 		px: "sm",
-		children: [/* @__PURE__ */ p(B, {
+		children: [/* @__PURE__ */ p(V, {
 			fw: 700,
 			fz: "sm",
 			style: { flexShrink: 0 },
@@ -3383,39 +3373,39 @@ function qr({ rows: e }) {
 		})]
 	})] }, typeof e.label == "string" ? e.label : t)) });
 }
-function Jr({ rows: e }) {
+function Xr({ rows: e }) {
 	return /* @__PURE__ */ p(v, {
 		bg: "var(--mantine-color-gray-light)",
 		style: {
 			borderRadius: "var(--mantine-radius-md)",
 			overflow: "hidden"
 		},
-		children: /* @__PURE__ */ p(qr, { rows: e })
+		children: /* @__PURE__ */ p(Yr, { rows: e })
 	});
 }
 //#endregion
 //#region src/DataTable/MobileCardList.tsx
-function Yr(e, t) {
+function Zr(e, t) {
 	return t.split(".").reduce((e, t) => {
 		if (e && typeof e == "object" && t in e) return e[t];
 	}, e);
 }
-function Xr(e, t) {
+function Qr(e, t) {
 	let n = t.column;
 	if (n.render) return n.render(e, 0);
-	let r = Yr(e, n.accessor ?? t.id);
-	return r == null ? /* @__PURE__ */ p(B, {
+	let r = Zr(e, n.accessor ?? t.id);
+	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)
 	});
 }
-function Zr({ records: e, fields: n, onRowClick: r, actions: i, canUpdate: a, canDelete: o, pagination: s, sort: c, rowExpansion: l }) {
+function $r({ records: e, fields: n, onRowClick: r, actions: i, canUpdate: a, canDelete: o, pagination: s, sort: c, rowExpansion: l }) {
 	let [u, _] = d(/* @__PURE__ */ new Set()), y = l?.expanded, b = (e) => y ? y.recordIds.includes(e) : u.has(e), x = (e) => {
 		if (y) {
 			let { recordIds: t, onRecordIdsChange: n } = y;
@@ -3437,7 +3427,7 @@ function Zr({ records: e, fields: n, onRowClick: r, actions: i, canUpdate: a, ca
 			event: n
 		});
 	};
-	return /* @__PURE__ */ m(z, {
+	return /* @__PURE__ */ m(B, {
 		gap: "sm",
 		my: "md",
 		children: [
@@ -3488,7 +3478,7 @@ function Zr({ 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
@@ -3504,7 +3494,7 @@ function Zr({ 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",
@@ -3549,9 +3539,9 @@ function Zr({ records: e, fields: n, onRowClick: r, actions: i, canUpdate: a, ca
 									}, `card_action_${n}`)) })]
 								});
 							})()
-						}), /* @__PURE__ */ p(qr, { rows: w.map((t) => ({
+						}), /* @__PURE__ */ p(Yr, { rows: w.map((t) => ({
 							label: t.column.title ?? t.id,
-							value: Xr(e, t)
+							value: Qr(e, t)
 						})) })]
 					}), c && /* @__PURE__ */ m(S, {
 						expanded: u,
@@ -3563,7 +3553,7 @@ function Zr({ records: e, fields: n, onRowClick: r, actions: i, canUpdate: a, ca
 					})]
 				}) }, s);
 			}),
-			s && s.totalRecords > s.recordsPerPage && /* @__PURE__ */ m(z, {
+			s && s.totalRecords > s.recordsPerPage && /* @__PURE__ */ m(B, {
 				gap: "xs",
 				mt: "sm",
 				children: [/* @__PURE__ */ p(T, {
@@ -3577,7 +3567,7 @@ function Zr({ 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:"
@@ -3599,33 +3589,25 @@ function Zr({ records: e, fields: n, onRowClick: r, actions: i, canUpdate: a, ca
 }
 //#endregion
 //#region src/DataTable/DataTable.tsx
-var Qr = [
+var ei = [
 	10,
 	15,
 	50,
 	100,
 	500
 ];
-function $r({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutationApiPath: a, buttons: o, fields: c, selection: l, pagination: u, filters: h, actions: b, steps: x, defaultSort: S, onSortChange: C, createButtonText: E, queryParams: D, tabs: k, defaultTab: A, activeTab: j, onActiveTabChange: N, canUpdate: P, canDelete: F, showRefresh: ee = !0, rowExpansion: I, onRowClick: L, mobileCards: R = !1, deleteConfirmMessage: ne, editRecordId: re, onEditRecordIdChange: ie }) {
-	let [ae, oe] = d(A || (k && k.length > 0 ? k[0].value : null)), se = j === void 0 ? ae : j, ce = (e) => {
-		j === void 0 && oe(e), N && N(e);
-	}, B = k?.find((e) => e.value === se), ue = B?.queryParams || {}, de = B?.apiPath ?? r, pe = B?.mutationApiPath ?? a ?? de, me = {
+function ti({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutationApiPath: a, buttons: o, fields: c, selection: l, pagination: u, filters: h, actions: b, steps: x, defaultSort: S, onSortChange: C, createButtonText: E, queryParams: D, tabs: k, defaultTab: A, activeTab: j, onActiveTabChange: N, canUpdate: P, canDelete: F, showRefresh: ee = !0, rowExpansion: I, onRowClick: L, mobileCards: R = !1, deleteConfirmMessage: te, editRecordId: ne, onEditRecordIdChange: re }) {
+	let [ie, ae] = d(A || (k && k.length > 0 ? k[0].value : null)), oe = j === void 0 ? ie : j, se = (e) => {
+		j === void 0 && ae(e), N && N(e);
+	}, V = k?.find((e) => e.value === oe), le = V?.queryParams || {}, ue = V?.apiPath ?? r, fe = V?.mutationApiPath ?? a ?? ue, pe = {
 		...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({
+		...le
+	}, me = pe ? "?" + Object.entries(pe).filter(([, e]) => e != null).map(([e, t]) => `${e}=${encodeURIComponent(t ?? "")}`).join("&") : "", he = oe ? [...t, oe] : t, { data: ge, isLoading: _e, isError: ve, isRefetching: xe, refetch: Se } = Ut(ue + me, he), Ee = Jr(Array.isArray(ge) ? ge : [], h), [De, ke] = 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) => {
+	}), Ae = (e) => {
+		ke(e), C && C(String(e.columnAccessor), e.direction);
+	}, H = Hr(Ee, De.columnAccessor, De.direction), [je, Me] = Rr(ei[1], "mantine-table-page-size"), [Ne, Pe] = d(1), Fe = u ? H.slice((Ne - 1) * je, Ne * je) : 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;
@@ -3660,33 +3642,33 @@ function $r({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 					}) : /* @__PURE__ */ p(v, {
 						w: 16,
 						style: { flexShrink: 0 }
-					}), n ? n(t, r) : String(zn(t, e.column.accessor) ?? "")]
+					}), n ? n(t, r) : String(bn(t, e.column.accessor) ?? "")]
 				})
 			}
 		};
-	}) : c, [W, G] = d([]);
+	}) : c, [U, W] = d([]);
 	s(() => {
-		G([]);
-	}, [se]);
-	let [Ue, We] = d(!1), [Ge, Ke] = d(!1), [qe, Je] = d(!1);
+		W([]);
+	}, [oe]);
+	let [Ue, We] = d(!1), [Ge, G] = d(!1), [Ke, qe] = d(!1);
 	s(() => {
-		if (re && H.length > 0) {
-			let e = H.find((e) => e.id === re);
-			e && (G([e]), Ke(!0), ie?.(null));
+		if (ne && H.length > 0) {
+			let e = H.find((e) => e.id === ne);
+			e && (W([e]), G(!0), re?.(null));
 		}
-	}, [re, H]);
-	let Ye = c.some((e) => e.update), Xe = c.some((e) => e.delete), Ze = [];
-	return Ye && Ze.push({
+	}, [ne, H]);
+	let Je = c.some((e) => e.update), Ye = c.some((e) => e.delete), Xe = [];
+	return Je && Xe.push({
 		icon: /* @__PURE__ */ p(we, { size: 14 }),
 		label: "Bearbeiten",
 		onClick: (e) => {
-			G(e), Ke(!0);
+			W(e), G(!0);
 		}
-	}), b && Ze.push(...b), Xe && Ze.push({
+	}), b && Xe.push(...b), Ye && Xe.push({
 		icon: /* @__PURE__ */ p(Oe, { size: 14 }),
 		label: "Löschen",
 		onClick: (e) => {
-			G(e), Je(!0);
+			W(e), qe(!0);
 		}
 	}), /* @__PURE__ */ m(f, { children: [
 		/* @__PURE__ */ m(w, {
@@ -3701,7 +3683,7 @@ function $r({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 			},
 			justify: e ? "space-between" : "flex-end",
 			wrap: "wrap",
-			children: [e && (typeof e == "string" ? /* @__PURE__ */ p(fe, {
+			children: [e && (typeof e == "string" ? /* @__PURE__ */ p(de, {
 				order: 4,
 				children: e
 			}) : e), /* @__PURE__ */ m(w, {
@@ -3731,7 +3713,7 @@ function $r({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 						children: /* @__PURE__ */ p(Te, {})
 					}),
 					(c.some((e) => e.update) || l) && (() => {
-						let e = c.find((e) => e.update) && (!P || W.length > 0 && P(W[0])), t = c.find((e) => e.delete) && (!F || W.length > 0 && F(W[0])), n = (b ?? []).length > 0, r = e || t || n;
+						let e = c.find((e) => e.update) && (!P || U.length > 0 && P(U[0])), t = c.find((e) => e.delete) && (!F || U.length > 0 && F(U[0])), n = (b ?? []).length > 0, r = e || t || n;
 						return /* @__PURE__ */ p(v, {
 							...R ? { visibleFrom: "sm" } : {},
 							children: /* @__PURE__ */ m(O, {
@@ -3739,24 +3721,24 @@ function $r({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 								children: [/* @__PURE__ */ p(O.Target, { children: /* @__PURE__ */ p(y, {
 									variant: "outline",
 									rightSection: /* @__PURE__ */ p(ye, { size: 14 }),
-									disabled: !W.length || !r,
+									disabled: !U.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,
+										onClick: () => G(!0),
+										disabled: U.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(U),
+										disabled: e.disabled?.(U) ?? !1
 									}, e.label)),
 									t && /* @__PURE__ */ p(O.Item, {
 										leftSection: /* @__PURE__ */ p(Oe, { size: 14 }),
-										onClick: () => Je(!0),
+										onClick: () => qe(!0),
 										color: "red",
 										children: "Löschen"
 									})
@@ -3773,11 +3755,11 @@ function $r({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 				]
 			})]
 		}),
-		k && k.length > 0 && /* @__PURE__ */ p(le, {
-			value: se,
-			onChange: ce,
+		k && k.length > 0 && /* @__PURE__ */ p(ce, {
+			value: oe,
+			onChange: se,
 			mt: "md",
-			children: /* @__PURE__ */ p(le.List, { children: k.map((e) => /* @__PURE__ */ p(le.Tab, {
+			children: /* @__PURE__ */ p(ce.List, { children: k.map((e) => /* @__PURE__ */ p(ce.Tab, {
 				value: e.value,
 				leftSection: e.icon,
 				children: e.label
@@ -3791,38 +3773,38 @@ function $r({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 			icon: /* @__PURE__ */ p(Ce, {}),
 			children: "Bitte versuche es später erneut oder sende eine Nachricht an unseren Support."
 		}),
-		(_e || xe) && /* @__PURE__ */ m(z, {
+		(_e || xe) && /* @__PURE__ */ m(B, {
 			my: "md",
-			children: [/* @__PURE__ */ p(te, { height: 40 }), [
+			children: [/* @__PURE__ */ p(z, { height: 40 }), [
 				,
 				,
 				,
 				,
 				,
-			].fill(0).map((e, t) => /* @__PURE__ */ p(te, { height: 35 }, `skeleton-${t}`))]
+			].fill(0).map((e, t) => /* @__PURE__ */ p(z, { height: 35 }, `skeleton-${t}`))]
 		}),
 		!_e && !xe && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(v, {
 			...R ? { visibleFrom: "sm" } : {},
-			children: /* @__PURE__ */ p(Nr, {
+			children: /* @__PURE__ */ p(Fr, {
 				my: "md",
 				striped: !0,
 				highlightOnHover: !0,
 				minHeight: 150,
 				fetching: ve,
 				records: Fe,
-				sortStatus: ke,
-				onSortStatusChange: je,
+				sortStatus: De,
+				onSortStatusChange: Ae,
 				...l && {
-					selectedRecords: W,
-					onSelectedRecordsChange: G
+					selectedRecords: U,
+					onSelectedRecordsChange: W
 				},
 				...u && Fe.length && {
 					totalRecords: H.length,
-					recordsPerPage: Me,
+					recordsPerPage: je,
 					onPageChange: Pe,
-					page: U,
-					recordsPerPageOptions: Qr,
-					onRecordsPerPageChange: Ne,
+					page: Ne,
+					recordsPerPageOptions: ei,
+					onRecordsPerPageChange: Me,
 					recordsPerPageLabel: "Einträge pro Seite"
 				},
 				...I && { rowExpansion: {
@@ -3842,15 +3824,15 @@ function $r({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 			})
 		}), R && /* @__PURE__ */ p(v, {
 			hiddenFrom: "sm",
-			children: /* @__PURE__ */ p(Zr, {
+			children: /* @__PURE__ */ p($r, {
 				records: Fe,
 				fields: He,
 				onRowClick: L,
 				sort: {
-					field: String(ke.columnAccessor),
-					direction: ke.direction,
+					field: String(De.columnAccessor),
+					direction: De.direction,
 					onSortChange: (e, t) => {
-						je({
+						Ae({
 							columnAccessor: e,
 							direction: t
 						});
@@ -3858,12 +3840,12 @@ function $r({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 				},
 				...u && Fe.length && { pagination: {
 					totalRecords: H.length,
-					recordsPerPage: Me,
-					page: U,
+					recordsPerPage: je,
+					page: Ne,
 					onPageChange: Pe,
-					recordsPerPageOptions: Qr,
+					recordsPerPageOptions: ei,
 					onRecordsPerPageChange: (e) => {
-						Ne(e), Pe(1);
+						Me(e), Pe(1);
 					}
 				} },
 				...I && { rowExpansion: {
@@ -3874,8 +3856,8 @@ function $r({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 					},
 					...I.expandable && { expandable: I.expandable }
 				} },
-				...Ze.length > 0 && {
-					actions: Ze,
+				...Xe.length > 0 && {
+					actions: Xe,
 					canUpdate: P,
 					canDelete: F
 				}
@@ -3884,34 +3866,36 @@ function $r({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 		/* @__PURE__ */ p(M, {
 			opened: Ge,
 			onClose: () => {
-				Ke(!1), G([]);
+				G(!1), W([]);
 			},
 			title: e ?? "Bearbeiten",
-			children: W.length > 0 && /* @__PURE__ */ p(Pr, {
+			children: U.length > 0 && /* @__PURE__ */ p(Ir, {
 				fields: c.filter((e) => e.update),
 				queryKey: t,
-				apiPath: pe,
-				id: W[0].id,
+				connectedQueryKeys: n,
+				apiPath: fe,
+				id: U[0].id,
 				onClose: () => {
-					Ke(!1), G([]);
+					G(!1), W([]);
 				},
 				steps: x
 			})
 		}),
-		W.length > 0 && /* @__PURE__ */ p(M, {
-			opened: qe,
+		U.length > 0 && /* @__PURE__ */ p(M, {
+			opened: Ke,
 			onClose: () => {
-				Je(!1), G([]);
+				qe(!1), W([]);
 			},
 			title: e ?? "Löschen",
-			children: /* @__PURE__ */ p(Fr, {
+			children: /* @__PURE__ */ p(Lr, {
 				onClose: () => {
-					Je(!1), G([]);
+					qe(!1), W([]);
 				},
 				queryKey: t,
-				apiPath: pe,
-				selectedRecords: W,
-				confirmMessage: ne
+				connectedQueryKeys: n,
+				apiPath: fe,
+				selectedRecords: U,
+				confirmMessage: te
 			})
 		}),
 		/* @__PURE__ */ p(M, {
@@ -3922,7 +3906,8 @@ function $r({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 			title: e ?? "Anlegen",
 			children: /* @__PURE__ */ p(rn, {
 				queryKey: t,
-				apiPath: pe,
+				connectedQueryKeys: n,
+				apiPath: fe,
 				onClose: () => {
 					We(!1);
 				},
@@ -3934,23 +3919,23 @@ function $r({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 }
 //#endregion
 //#region src/DataTable/SubTable.tsx
-function ei({ mobile: e, columns: t, ...n }) {
-	return e ? /* @__PURE__ */ p(z, {
+function ni({ mobile: e, columns: t, ...n }) {
+	return e ? /* @__PURE__ */ p(B, {
 		gap: "sm",
 		style: { fontVariantNumeric: "tabular-nums" },
 		children: (n.records ?? []).map((e, r) => {
 			let i = t.filter((t) => !t.hidden && !t.hideOnMobile?.(e)).map((t) => ({
-				label: t.title ?? In(String(t.accessor)),
-				value: t.render ? t.render(e, r) : zn(e, t.accessor)
-			})), a = n.idAccessor ? $(e, n.idAccessor) : r;
-			return /* @__PURE__ */ p(Jr, { rows: i }, a);
+				label: t.title ?? hn(String(t.accessor)),
+				value: t.render ? t.render(e, r) : bn(e, t.accessor)
+			})), a = n.idAccessor ? Q(e, n.idAccessor) : r;
+			return /* @__PURE__ */ p(Xr, { rows: i }, a);
 		})
-	}) : /* @__PURE__ */ p(Nr, {
+	}) : /* @__PURE__ */ p(Fr, {
 		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, ti as DataTable, Mt as DataTableProvider, Lr as DeleteModal, Xr as FieldCard, $r as MobileCardList, ni as SubTable, Ir as UpdateModal, Bt as api, zt as createOne, Rt as deleteOne, It as getAll, Lt as getOne, Hr as sortData, Vt as updateOne, Gt as useAddOne, J as useDataTable, qt as useDeleteOne, Ut as useGetAll, Ht as useGetOne, Rr as usePersistentState, Kt as useUpdateOne };
 
 //# sourceMappingURL=index.es.js.map