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

package/dist/index.es.js

@@ -1,13 +1,14 @@
-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 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 H, useMediaQuery as je, useMergedRef as Me, useTimeout as Ne } from "@mantine/hooks";
+import { c as e } from "react/compiler-runtime";
+import * as t from "react";
+import n, { Fragment as r, createContext as i, createElement as a, useCallback as o, useContext as s, useEffect as c, useLayoutEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Accordion as g, ActionIcon as _, Alert as v, Box as y, Button as b, Center as x, Checkbox as S, Collapse as C, Divider as w, Flex as T, Group as E, Indicator as D, Loader as O, Menu as k, MenuDropdown as A, MenuItem as j, MenuTarget as M, Modal as N, NumberInput as P, Pagination as F, Popover as I, PopoverDropdown as L, PopoverTarget as R, ScrollArea as z, Select as ee, Skeleton as B, Stack as te, Stepper as ne, Table as V, TableTd as re, TableTfoot as ie, TableTh as ae, TableThead as H, TableTr as U, Tabs as oe, Text as W, TextInput as se, Textarea as ce, Title as le, createSafeContext as ue, parseThemeColor as de, rem as fe, useDirection as pe, useMantineTheme as me } from "@mantine/core";
+import { DateInput as he } from "@mantine/dates";
+import { useForm as ge } from "@mantine/form";
+import { IconCaretDownFilled as _e, IconChevronRight as ve, IconDotsVertical as ye, IconFilter as be, IconInfoCircle as xe, IconPencil as Se, IconRefresh as Ce, IconSortAscending as we, IconSortDescending as Te, IconTrash as Ee } from "@tabler/icons-react";
+import { useClickOutside as De, useDisclosure as Oe, useLocalStorage as G, useMediaQuery as ke, useMergedRef as Ae, useTimeout as je } from "@mantine/hooks";
 //#region node_modules/@tanstack/query-core/build/modern/subscribable.js
-var Pe = class {
+var Me = class {
 	constructor() {
 		this.listeners = /* @__PURE__ */ new Set(), this.subscribe = this.subscribe.bind(this);
 	}
@@ -21,7 +22,7 @@ var Pe = class {
 	}
 	onSubscribe() {}
 	onUnsubscribe() {}
-}, Fe = new class extends Pe {
+}, Ne = new class extends Me {
 	#e;
 	#t;
 	#n;
@@ -58,13 +59,13 @@ var Pe = class {
 	isFocused() {
 		return typeof this.#e == "boolean" ? this.#e : globalThis.document?.visibilityState !== "hidden";
 	}
-}(), Ie = {
+}(), Pe = {
 	setTimeout: (e, t) => setTimeout(e, t),
 	clearTimeout: (e) => clearTimeout(e),
 	setInterval: (e, t) => setInterval(e, t),
 	clearInterval: (e) => clearInterval(e)
-}, Le = new class {
-	#e = Ie;
+}, Fe = new class {
+	#e = Pe;
 	#t = !1;
 	setTimeoutProvider(e) {
 		process.env.NODE_ENV !== "production" && this.#t && e !== this.#e && console.error("[timeoutManager]: Switching provider after calls to previous provider might result in unexpected behavior.", {
@@ -85,87 +86,87 @@ var Pe = class {
 		this.#e.clearInterval(e);
 	}
 }();
-function Re(e) {
+function Ie(e) {
 	setTimeout(e, 0);
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/utils.js
-var ze = typeof window > "u" || "Deno" in globalThis;
-function Be() {}
-function Ve(e) {
+var Le = typeof window > "u" || "Deno" in globalThis;
+function Re() {}
+function ze(e) {
 	return typeof e == "number" && e >= 0 && e !== Infinity;
 }
-function He(e, t) {
+function Be(e, t) {
 	return Math.max(e + (t || 0) - Date.now(), 0);
 }
-function U(e, t) {
+function K(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function W(e, t) {
+function q(e, t) {
 	return typeof e == "function" ? e(t) : 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);
+function Ve(e) {
+	return JSON.stringify(e, (e, t) => Ke(t) ? Object.keys(t).sort().reduce((e, n) => (e[n] = t[n], e), {}) : t);
 }
-var We = Object.prototype.hasOwnProperty;
-function Ge(e, t, n = 0) {
+var He = Object.prototype.hasOwnProperty;
+function Ue(e, t, n = 0) {
 	if (e === t) return e;
 	if (n > 500) return t;
-	let r = Ke(e) && Ke(t);
-	if (!r && !(qe(e) && qe(t))) return t;
+	let r = Ge(e) && Ge(t);
+	if (!r && !(Ke(e) && Ke(t))) return t;
 	let i = (r ? e : Object.keys(e)).length, a = r ? t : Object.keys(t), o = a.length, s = r ? Array(o) : {}, c = 0;
 	for (let l = 0; l < o; l++) {
 		let o = r ? l : a[l], u = e[o], d = t[o];
 		if (u === d) {
-			s[o] = u, (r ? l < i : We.call(e, o)) && c++;
+			s[o] = u, (r ? l < i : He.call(e, o)) && c++;
 			continue;
 		}
 		if (u === null || d === null || typeof u != "object" || typeof d != "object") {
 			s[o] = d;
 			continue;
 		}
-		let f = Ge(u, d, n + 1);
+		let f = Ue(u, d, n + 1);
 		s[o] = f, f === u && c++;
 	}
 	return i === o && c === i ? e : s;
 }
-function G(e, t) {
+function We(e, t) {
 	if (!t || Object.keys(e).length !== Object.keys(t).length) return !1;
 	for (let n in e) if (e[n] !== t[n]) return !1;
 	return !0;
 }
-function Ke(e) {
+function Ge(e) {
 	return Array.isArray(e) && e.length === Object.keys(e).length;
 }
-function qe(e) {
-	if (!Je(e)) return !1;
+function Ke(e) {
+	if (!qe(e)) return !1;
 	let t = e.constructor;
 	if (t === void 0) return !0;
 	let n = t.prototype;
-	return !(!Je(n) || !n.hasOwnProperty("isPrototypeOf") || Object.getPrototypeOf(e) !== Object.prototype);
+	return !(!qe(n) || !n.hasOwnProperty("isPrototypeOf") || Object.getPrototypeOf(e) !== Object.prototype);
 }
-function Je(e) {
+function qe(e) {
 	return Object.prototype.toString.call(e) === "[object Object]";
 }
-function Ye(e, t, n) {
+function Je(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 Ge(e, t);
+			return Ue(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 Ge(e, t);
+		return Ue(e, t);
 	}
 	return t;
 }
-function Xe(e, t) {
+function Ye(e, t) {
 	return typeof e == "function" ? e(...t) : !!e;
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/environmentManager.js
-var Ze = /* @__PURE__ */ (() => {
-	let e = () => ze;
+var Xe = /* @__PURE__ */ (() => {
+	let e = () => Le;
 	return {
 		isServer() {
 			return e();
@@ -177,7 +178,7 @@ var Ze = /* @__PURE__ */ (() => {
 })();
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/thenable.js
-function Qe() {
+function Ze() {
 	let e, t, n = new Promise((n, r) => {
 		e = n, t = r;
 	});
@@ -199,13 +200,13 @@ function Qe() {
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/notifyManager.js
-var $e = Re;
-function et() {
+var Qe = Ie;
+function $e() {
 	let e = [], t = 0, n = (e) => {
 		e();
 	}, r = (e) => {
 		e();
-	}, i = $e, a = (r) => {
+	}, i = Qe, a = (r) => {
 		t ? e.push(r) : i(() => {
 			n(r);
 		});
@@ -247,7 +248,7 @@ function et() {
 		}
 	};
 }
-var tt = et(), nt = new class extends Pe {
+var et = $e(), tt = new class extends Me {
 	#e = !0;
 	#t;
 	#n;
@@ -281,16 +282,16 @@ var tt = et(), nt = new class extends Pe {
 }();
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/retryer.js
-function rt(e) {
-	return (e ?? "online") === "online" ? nt.isOnline() : !0;
+function nt(e) {
+	return (e ?? "online") === "online" ? tt.isOnline() : !0;
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/query.js
-function it(e, t) {
+function rt(e, t) {
 	return {
 		fetchFailureCount: 0,
 		fetchFailureReason: null,
-		fetchStatus: rt(t.networkMode) ? "fetching" : "paused",
+		fetchStatus: nt(t.networkMode) ? "fetching" : "paused",
 		...e === void 0 && {
 			error: null,
 			status: "pending"
@@ -299,9 +300,9 @@ function it(e, t) {
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/queryObserver.js
-var at = class extends Pe {
+var it = class extends Me {
 	constructor(e, t) {
-		super(), this.options = t, this.#e = e, this.#s = null, this.#o = Qe(), this.bindMethods(), this.setOptions(t);
+		super(), this.options = t, this.#e = e, this.#s = null, this.#o = Ze(), this.bindMethods(), this.setOptions(t);
 	}
 	#e;
 	#t = void 0;
@@ -322,36 +323,36 @@ var at = class extends Pe {
 		this.refetch = this.refetch.bind(this);
 	}
 	onSubscribe() {
-		this.listeners.size === 1 && (this.#t.addObserver(this), st(this.#t, this.options) ? this.#h() : this.updateResult(), this.#y());
+		this.listeners.size === 1 && (this.#t.addObserver(this), ot(this.#t, this.options) ? this.#h() : this.updateResult(), this.#y());
 	}
 	onUnsubscribe() {
 		this.hasListeners() || this.destroy();
 	}
 	shouldFetchOnReconnect() {
-		return ct(this.#t, this.options, this.options.refetchOnReconnect);
+		return st(this.#t, this.options, this.options.refetchOnReconnect);
 	}
 	shouldFetchOnWindowFocus() {
-		return ct(this.#t, this.options, this.options.refetchOnWindowFocus);
+		return st(this.#t, this.options, this.options.refetchOnWindowFocus);
 	}
 	destroy() {
 		this.listeners = /* @__PURE__ */ new Set(), this.#b(), this.#x(), this.#t.removeObserver(this);
 	}
 	setOptions(e) {
 		let t = this.options, n = this.#t;
-		if (this.options = this.#e.defaultQueryOptions(e), this.options.enabled !== void 0 && typeof this.options.enabled != "boolean" && typeof this.options.enabled != "function" && typeof W(this.options.enabled, this.#t) != "boolean") throw Error("Expected enabled to be a boolean or a callback that returns a boolean");
-		this.#S(), this.#t.setOptions(this.options), t._defaulted && !G(this.options, t) && this.#e.getQueryCache().notify({
+		if (this.options = this.#e.defaultQueryOptions(e), this.options.enabled !== void 0 && typeof this.options.enabled != "boolean" && typeof this.options.enabled != "function" && typeof q(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 && !We(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) || U(this.options.staleTime, this.#t) !== U(t.staleTime, this.#t)) && this.#g();
+		r && ct(this.#t, n, this.options, t) && this.#h(), this.updateResult(), r && (this.#t !== n || q(this.options.enabled, this.#t) !== q(t.enabled, this.#t) || K(this.options.staleTime, this.#t) !== K(t.staleTime, this.#t)) && this.#g();
 		let i = this.#_();
-		r && (this.#t !== n || W(this.options.enabled, this.#t) !== W(t.enabled, this.#t) || i !== this.#p) && this.#v(i);
+		r && (this.#t !== n || q(this.options.enabled, this.#t) !== q(t.enabled, this.#t) || i !== this.#p) && this.#v(i);
 	}
 	getOptimisticResult(e) {
 		let t = this.#e.getQueryCache().build(this.#e, e), n = this.createResult(t, e);
-		return dt(this, n) && (this.#r = n, this.#a = this.options, this.#i = this.#t.state), n;
+		return J(this, n) && (this.#r = n, this.#a = this.options, this.#i = this.#t.state), n;
 	}
 	getCurrentResult() {
 		return this.#r;
@@ -381,14 +382,14 @@ var at = class extends Pe {
 	#h(e) {
 		this.#S();
 		let t = this.#t.fetch(this.options, e);
-		return e?.throwOnError || (t = t.catch(Be)), t;
+		return e?.throwOnError || (t = t.catch(Re)), t;
 	}
 	#g() {
 		this.#b();
-		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(() => {
+		let e = K(this.options.staleTime, this.#t);
+		if (Xe.isServer() || this.#r.isStale || !ze(e)) return;
+		let t = Be(this.#r.dataUpdatedAt, e) + 1;
+		this.#d = Fe.setTimeout(() => {
 			this.#r.isStale || this.updateResult();
 		}, t);
 	}
@@ -396,26 +397,26 @@ var at = class extends Pe {
 		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 || !Ve(this.#p) || this.#p === 0) && (this.#f = Le.setInterval(() => {
-			(this.options.refetchIntervalInBackground || Fe.isFocused()) && this.#h();
+		this.#x(), this.#p = e, !(Xe.isServer() || q(this.options.enabled, this.#t) === !1 || !ze(this.#p) || this.#p === 0) && (this.#f = Fe.setInterval(() => {
+			(this.options.refetchIntervalInBackground || Ne.isFocused()) && this.#h();
 		}, this.#p));
 	}
 	#y() {
 		this.#g(), this.#v(this.#_());
 	}
 	#b() {
-		this.#d !== void 0 && (Le.clearTimeout(this.#d), this.#d = void 0);
+		this.#d !== void 0 && (Fe.clearTimeout(this.#d), this.#d = void 0);
 	}
 	#x() {
-		this.#f !== void 0 && (Le.clearInterval(this.#f), this.#f = void 0);
+		this.#f !== void 0 && (Fe.clearInterval(this.#f), this.#f = void 0);
 	}
 	createResult(e, t) {
 		let n = this.#t, r = this.options, i = this.#r, a = this.#i, o = this.#a, s = e === n ? this.#n : e.state, { state: c } = e, l = { ...c }, u = !1, d;
 		if (t._optimisticResults) {
-			let i = this.hasListeners(), a = !i && st(e, t), o = i && lt(e, n, t, r);
+			let i = this.hasListeners(), a = !i && ot(e, t), o = i && ct(e, n, t, r);
 			(a || o) && (l = {
 				...l,
-				...it(c.data, e.options)
+				...rt(c.data, e.options)
 			}), t._optimisticResults === "isRestoring" && (l.fetchStatus = "idle");
 		}
 		let { error: f, errorUpdatedAt: p, status: m } = l;
@@ -423,11 +424,11 @@ var at = class extends Pe {
 		let h = !1;
 		if (t.placeholderData !== void 0 && d === void 0 && m === "pending") {
 			let e;
-			i?.isPlaceholderData && t.placeholderData === o?.placeholderData ? (e = i.data, h = !0) : e = typeof t.placeholderData == "function" ? t.placeholderData(this.#u?.state.data, this.#u) : t.placeholderData, e !== void 0 && (m = "success", d = Ye(i?.data, e, t), u = !0);
+			i?.isPlaceholderData && t.placeholderData === o?.placeholderData ? (e = i.data, h = !0) : e = typeof t.placeholderData == "function" ? t.placeholderData(this.#u?.state.data, this.#u) : t.placeholderData, e !== void 0 && (m = "success", d = Je(i?.data, e, t), u = !0);
 		}
 		if (t.select && d !== void 0 && !h) if (i && d === a?.data && t.select === this.#c) d = this.#l;
 		else try {
-			this.#c = t.select, d = t.select(d), d = Ye(i?.data, d, t), this.#l = d, this.#s = null;
+			this.#c = t.select, d = t.select(d), d = Je(i?.data, d, t), this.#l = d, this.#s = null;
 		} catch (e) {
 			this.#s = e;
 		}
@@ -455,16 +456,16 @@ var at = class extends Pe {
 			isPaused: l.fetchStatus === "paused",
 			isPlaceholderData: u,
 			isRefetchError: v && b,
-			isStale: ut(e, t),
+			isStale: lt(e, t),
 			refetch: this.refetch,
 			promise: this.#o,
-			isEnabled: W(t.enabled, e) !== !1
+			isEnabled: q(t.enabled, e) !== !1
 		};
 		if (this.options.experimental_prefetchInRender) {
 			let t = x.data !== void 0, r = x.status === "error" && !t, i = (e) => {
 				r ? e.reject(x.error) : t && e.resolve(x.data);
 			}, a = () => {
-				i(this.#o = x.promise = Qe());
+				i(this.#o = x.promise = Ze());
 			}, o = this.#o;
 			switch (o.status) {
 				case "pending":
@@ -482,7 +483,7 @@ var at = class extends Pe {
 	}
 	updateResult() {
 		let e = this.#r, t = this.createResult(this.#t, this.options);
-		this.#i = this.#t.state, this.#a = this.options, this.#i.data !== void 0 && (this.#u = this.#t), !G(t, e) && (this.#r = t, this.#C({ listeners: (() => {
+		this.#i = this.#t.state, this.#a = this.options, this.#i.data !== void 0 && (this.#u = this.#t), !We(t, e) && (this.#r = t, this.#C({ listeners: (() => {
 			if (!e) return !0;
 			let { notifyOnChangeProps: t } = this.options, n = typeof t == "function" ? t() : t;
 			if (n === "all" || !n && !this.#m.size) return !0;
@@ -503,7 +504,7 @@ var at = class extends Pe {
 		this.updateResult(), this.hasListeners() && this.#y();
 	}
 	#C(e) {
-		tt.batch(() => {
+		et.batch(() => {
 			e.listeners && this.listeners.forEach((e) => {
 				e(this.#r);
 			}), this.#e.getQueryCache().notify({
@@ -513,31 +514,31 @@ var at = class extends Pe {
 		});
 	}
 };
-function ot(e, t) {
-	return W(t.enabled, e) !== !1 && e.state.data === void 0 && !(e.state.status === "error" && W(t.retryOnMount, e) === !1);
+function at(e, t) {
+	return q(t.enabled, e) !== !1 && e.state.data === void 0 && !(e.state.status === "error" && q(t.retryOnMount, e) === !1);
 }
-function st(e, t) {
-	return ot(e, t) || e.state.data !== void 0 && ct(e, t, t.refetchOnMount);
+function ot(e, t) {
+	return at(e, t) || e.state.data !== void 0 && st(e, t, t.refetchOnMount);
 }
-function ct(e, t, n) {
-	if (W(t.enabled, e) !== !1 && U(t.staleTime, e) !== "static") {
+function st(e, t, n) {
+	if (q(t.enabled, e) !== !1 && K(t.staleTime, e) !== "static") {
 		let r = typeof n == "function" ? n(e) : n;
-		return r === "always" || r !== !1 && ut(e, t);
+		return r === "always" || r !== !1 && lt(e, t);
 	}
 	return !1;
 }
-function lt(e, t, n, r) {
-	return (e !== t || W(r.enabled, e) === !1) && (!n.suspense || e.state.status !== "error") && ut(e, n);
+function ct(e, t, n, r) {
+	return (e !== t || q(r.enabled, e) === !1) && (!n.suspense || e.state.status !== "error") && lt(e, n);
 }
-function ut(e, t) {
-	return W(t.enabled, e) !== !1 && e.isStaleByTime(U(t.staleTime, e));
+function lt(e, t) {
+	return q(t.enabled, e) !== !1 && e.isStaleByTime(K(t.staleTime, e));
 }
-function dt(e, t) {
-	return !G(e.getCurrentResult(), t);
+function J(e, t) {
+	return !We(e.getCurrentResult(), t);
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/mutation.js
-function K() {
+function ut() {
 	return {
 		context: void 0,
 		data: void 0,
@@ -552,7 +553,7 @@ function K() {
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/mutationObserver.js
-var ft = class extends Pe {
+var Y = class extends Me {
 	#e;
 	#t = void 0;
 	#n;
@@ -565,11 +566,11 @@ var ft = class extends Pe {
 	}
 	setOptions(e) {
 		let t = this.options;
-		this.options = this.#e.defaultMutationOptions(e), G(this.options, t) || this.#e.getMutationCache().notify({
+		this.options = this.#e.defaultMutationOptions(e), We(this.options, t) || this.#e.getMutationCache().notify({
 			type: "observerOptionsUpdated",
 			mutation: this.#n,
 			observer: this
-		}), t?.mutationKey && this.options.mutationKey && Ue(t.mutationKey) !== Ue(this.options.mutationKey) ? this.reset() : this.#n?.state.status === "pending" && this.#n.setOptions(this.options);
+		}), t?.mutationKey && this.options.mutationKey && Ve(t.mutationKey) !== Ve(this.options.mutationKey) ? this.reset() : this.#n?.state.status === "pending" && this.#n.setOptions(this.options);
 	}
 	onUnsubscribe() {
 		this.hasListeners() || this.#n?.removeObserver(this);
@@ -587,7 +588,7 @@ var ft = class extends Pe {
 		return this.#r = t, this.#n?.removeObserver(this), this.#n = this.#e.getMutationCache().build(this.#e, this.options), this.#n.addObserver(this), this.#n.execute(e);
 	}
 	#i() {
-		let e = this.#n?.state ?? K();
+		let e = this.#n?.state ?? ut();
 		this.#t = {
 			...e,
 			isPending: e.status === "pending",
@@ -599,7 +600,7 @@ var ft = class extends Pe {
 		};
 	}
 	#a(e) {
-		tt.batch(() => {
+		et.batch(() => {
 			if (this.#r && this.hasListeners()) {
 				let t = this.#t.variables, n = this.#t.context, r = {
 					client: this.#e,
@@ -635,21 +636,21 @@ var ft = class extends Pe {
 			});
 		});
 	}
-}, q = e.createContext(void 0), pt = (t) => {
-	let n = e.useContext(q);
-	if (t) return t;
+}, dt = t.createContext(void 0), ft = (e) => {
+	let n = t.useContext(dt);
+	if (e) return e;
 	if (!n) throw Error("No QueryClient set, use QueryClientProvider to set one");
 	return n;
-}, mt = ({ client: t, children: n }) => (e.useEffect(() => (t.mount(), () => {
-	t.unmount();
-}), [t]), /* @__PURE__ */ p(q.Provider, {
-	value: t,
+}, pt = ({ client: e, children: n }) => (t.useEffect(() => (e.mount(), () => {
+	e.unmount();
+}), [e]), /* @__PURE__ */ m(dt.Provider, {
+	value: e,
 	children: n
-})), ht = e.createContext(!1), gt = () => e.useContext(ht);
-ht.Provider;
+})), mt = t.createContext(!1), ht = () => t.useContext(mt);
+mt.Provider;
 //#endregion
 //#region node_modules/@tanstack/react-query/build/modern/QueryErrorResetBoundary.js
-function _t() {
+function gt() {
 	let e = !1;
 	return {
 		clearReset: () => {
@@ -661,65 +662,65 @@ function _t() {
 		isReset: () => e
 	};
 }
-var vt = e.createContext(_t()), yt = () => e.useContext(vt), bt = (e, t, n) => {
-	let r = n?.state.error && typeof e.throwOnError == "function" ? Xe(e.throwOnError, [n.state.error, n]) : e.throwOnError;
+var _t = t.createContext(gt()), vt = () => t.useContext(_t), yt = (e, t, n) => {
+	let r = n?.state.error && typeof e.throwOnError == "function" ? Ye(e.throwOnError, [n.state.error, n]) : e.throwOnError;
 	(e.suspense || e.experimental_prefetchInRender || r) && (t.isReset() || (e.retryOnMount = !1));
-}, xt = (t) => {
-	e.useEffect(() => {
-		t.clearReset();
-	}, [t]);
-}, St = ({ result: e, errorResetBoundary: t, throwOnError: n, query: r, suspense: i }) => e.isError && !t.isReset() && !e.isFetching && r && (i && e.data === void 0 || Xe(n, [e.error, r])), Ct = (e) => {
+}, bt = (e) => {
+	t.useEffect(() => {
+		e.clearReset();
+	}, [e]);
+}, xt = ({ result: e, errorResetBoundary: t, throwOnError: n, query: r, suspense: i }) => e.isError && !t.isReset() && !e.isFetching && r && (i && e.data === void 0 || Ye(n, [e.error, r])), St = (e) => {
 	if (e.suspense) {
 		let t = 1e3, n = (e) => e === "static" ? e : Math.max(e ?? t, t), r = e.staleTime;
 		e.staleTime = typeof r == "function" ? (...e) => n(r(...e)) : n(r), typeof e.gcTime == "number" && (e.gcTime = Math.max(e.gcTime, t));
 	}
-}, wt = (e, t) => e.isLoading && e.isFetching && !t, Tt = (e, t) => e?.suspense && t.isPending, Et = (e, t, n) => t.fetchOptimistic(e).catch(() => {
+}, Ct = (e, t) => e.isLoading && e.isFetching && !t, wt = (e, t) => e?.suspense && t.isPending, Tt = (e, t, n) => t.fetchOptimistic(e).catch(() => {
 	n.clearReset();
 });
 //#endregion
 //#region node_modules/@tanstack/react-query/build/modern/useBaseQuery.js
-function Dt(t, n, r) {
-	if (process.env.NODE_ENV !== "production" && (typeof t != "object" || Array.isArray(t))) throw Error("Bad argument type. Starting with v5, only the \"Object\" form is allowed when calling query related functions. Please use the error stack to find the culprit call. More info here: https://tanstack.com/query/latest/docs/react/guides/migrating-to-v5#supports-a-single-signature-one-object");
-	let i = gt(), a = yt(), o = pt(r), s = o.defaultQueryOptions(t);
+function Et(e, n, r) {
+	if (process.env.NODE_ENV !== "production" && (typeof e != "object" || Array.isArray(e))) throw Error("Bad argument type. Starting with v5, only the \"Object\" form is allowed when calling query related functions. Please use the error stack to find the culprit call. More info here: https://tanstack.com/query/latest/docs/react/guides/migrating-to-v5#supports-a-single-signature-one-object");
+	let i = ht(), a = vt(), o = ft(r), s = o.defaultQueryOptions(e);
 	o.getDefaultOptions().queries?._experimental_beforeQuery?.(s);
 	let c = o.getQueryCache().get(s.queryHash);
 	process.env.NODE_ENV !== "production" && (s.queryFn || console.error(`[${s.queryHash}]: No queryFn was passed as an option, and no default queryFn was found. The queryFn parameter is only optional when using a default queryFn. More info here: https://tanstack.com/query/latest/docs/framework/react/guides/default-query-function`));
-	let l = t.subscribed !== !1;
-	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)) : Be;
+	let l = e.subscribed !== !1;
+	s._optimisticResults = i ? "isRestoring" : l ? "optimistic" : void 0, St(s), yt(s, a, c), bt(a);
+	let u = !o.getQueryCache().get(s.queryHash), [d] = t.useState(() => new n(o, s)), f = d.getOptimisticResult(s), p = !i && l;
+	if (t.useSyncExternalStore(t.useCallback((e) => {
+		let t = p ? d.subscribe(et.batchCalls(e)) : Re;
 		return d.updateResult(), t;
-	}, [d, p]), () => d.getCurrentResult(), () => d.getCurrentResult()), e.useEffect(() => {
+	}, [d, p]), () => d.getCurrentResult(), () => d.getCurrentResult()), t.useEffect(() => {
 		d.setOptions(s);
-	}, [s, d]), Tt(s, f)) throw Et(s, d, a);
-	if (St({
+	}, [s, d]), wt(s, f)) throw Tt(s, d, a);
+	if (xt({
 		result: f,
 		errorResetBoundary: a,
 		throwOnError: s.throwOnError,
 		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(Be).finally(() => {
+	return o.getDefaultOptions().queries?._experimental_afterQuery?.(s, f), s.experimental_prefetchInRender && !Xe.isServer() && Ct(f, i) && (u ? Tt(s, d, a) : c?.promise)?.catch(Re).finally(() => {
 		d.updateResult();
 	}), s.notifyOnChangeProps ? f : d.trackResult(f);
 }
 //#endregion
 //#region node_modules/@tanstack/react-query/build/modern/useQuery.js
-function Ot(e, t) {
-	return Dt(e, at, t);
+function Dt(e, t) {
+	return Et(e, it, t);
 }
 //#endregion
 //#region node_modules/@tanstack/react-query/build/modern/useMutation.js
-function kt(t, n) {
-	let r = pt(n), [i] = e.useState(() => new ft(r, t));
-	e.useEffect(() => {
-		i.setOptions(t);
-	}, [i, t]);
-	let a = e.useSyncExternalStore(e.useCallback((e) => i.subscribe(tt.batchCalls(e)), [i]), () => i.getCurrentResult(), () => i.getCurrentResult()), o = e.useCallback((e, t) => {
-		i.mutate(e, t).catch(Be);
+function Ot(e, n) {
+	let r = ft(n), [i] = t.useState(() => new Y(r, e));
+	t.useEffect(() => {
+		i.setOptions(e);
+	}, [i, e]);
+	let a = t.useSyncExternalStore(t.useCallback((e) => i.subscribe(et.batchCalls(e)), [i]), () => i.getCurrentResult(), () => i.getCurrentResult()), o = t.useCallback((e, t) => {
+		i.mutate(e, t).catch(Re);
 	}, [i]);
-	if (a.error && Xe(i.options.throwOnError, [a.error])) throw a.error;
+	if (a.error && Ye(i.options.throwOnError, [a.error])) throw a.error;
 	return {
 		...a,
 		mutate: o,
@@ -728,15 +729,15 @@ function kt(t, n) {
 }
 //#endregion
 //#region src/Context/DataTableContext.tsx
-var At = r(void 0), jt = async () => ({ "Content-Type": "application/json" });
-function Mt({ children: e, baseUrl: t, queryClient: n, getHeaders: r = jt }) {
-	return /* @__PURE__ */ p(At.Provider, {
+var kt = i(void 0), At = async () => ({ "Content-Type": "application/json" });
+function jt({ children: e, baseUrl: t, queryClient: n, getHeaders: r = At }) {
+	return /* @__PURE__ */ m(kt.Provider, {
 		value: {
 			baseUrl: t,
 			queryClient: n,
 			getHeaders: r
 		},
-		children: /* @__PURE__ */ p(mt, {
+		children: /* @__PURE__ */ m(pt, {
 			client: n,
 			children: e
 		})
@@ -744,8 +745,8 @@ function Mt({ children: e, baseUrl: t, queryClient: n, getHeaders: r = jt }) {
 }
 //#endregion
 //#region src/Hooks/useDataTable.ts
-function J() {
-	let e = o(At);
+function Mt() {
+	let e = s(kt);
 	if (!e) throw Error("useDataTable must be used within a DataTableProvider");
 	return e;
 }
@@ -761,7 +762,7 @@ var Nt = class extends Error {
 function Pt(e) {
 	return e instanceof Nt ? e.violations : void 0;
 }
-async function Y(e, t) {
+async function Ft(e, t) {
 	let n = await fetch(e, t);
 	if (n.status >= 400) {
 		let e = await n.text();
@@ -780,275 +781,342 @@ async function Y(e, t) {
 	}
 	return n;
 }
-var Ft = (e) => e.map((e) => e.toString());
-async function It(e, t) {
-	return (await Y(e, {
+var It = (e) => e.map((e) => e.toString());
+async function Lt(e, t) {
+	return (await Ft(e, {
 		method: "GET",
 		headers: await t()
 	})).json();
 }
-async function Lt(e, t, n) {
-	return (await Y(`${e}/${t}`, {
+async function Rt(e, t, n) {
+	return (await Ft(`${e}/${t}`, {
 		method: "GET",
 		headers: await n()
 	})).json();
 }
-async function Rt(e, t, n) {
-	await Y(`${e}/${t}`, {
+async function zt(e, t, n) {
+	await Ft(`${e}/${t}`, {
 		method: "DELETE",
 		headers: await n()
 	});
 }
-async function zt(e, t, n) {
-	let r = await Y(e, {
+async function Bt(e, t, n) {
+	let r = await Ft(e, {
 		method: "POST",
 		headers: await n(),
 		body: JSON.stringify(t)
 	});
 	return r.status === 204 ? t : r.json();
 }
-async function Bt(e, t, n, r) {
-	let i = await Y(t, {
+async function Vt(e, t, n, r) {
+	let i = await Ft(t, {
 		method: e,
 		headers: await n(),
 		body: r ? JSON.stringify(r) : void 0
 	});
 	if (i.status !== 204) return i.json();
 }
-async function Vt(e, t, n) {
-	let r = await Y(`${e}/${t.id}`, {
+async function Ht(e, t, n) {
+	let r = await Ft(`${e}/${t.id}`, {
 		method: "PUT",
 		headers: await n(),
 		body: JSON.stringify(t)
 	});
 	return r.status === 204 ? t : r.json();
 }
-function Ht(e, t, n) {
-	let { baseUrl: r, getHeaders: i } = J();
-	return Ot({
-		queryKey: [...Ft(t), String(n?.toString())],
-		queryFn: () => Lt(`${r}${e}`, n, i),
-		enabled: !!n
-	});
-}
-function Ut(e, t, n = !0) {
-	let { baseUrl: r, getHeaders: i } = J();
-	return Ot({
-		queryKey: Ft(t),
-		queryFn: () => It(`${r}${e}`, i),
-		enabled: n
-	});
-}
-function Wt(e, t, n) {
-	return Promise.all([e.invalidateQueries({ queryKey: Ft(t) }), ...(n ?? []).map((t) => e.invalidateQueries({ queryKey: t }))]);
+function Ut(t, n, r) {
+	let i = e(14), { baseUrl: a, getHeaders: o } = Mt(), s;
+	if (i[0] !== r || i[1] !== n) {
+		let e;
+		i[3] === r ? e = i[4] : (e = r?.toString(), i[3] = r, i[4] = e), s = [...It(n), String(e)], i[0] = r, i[1] = n, i[2] = s;
+	} else s = i[2];
+	let c;
+	i[5] !== t || i[6] !== a || i[7] !== o || i[8] !== r ? (c = () => Rt(`${a}${t}`, r, o), i[5] = t, i[6] = a, i[7] = o, i[8] = r, i[9] = c) : c = i[9];
+	let l = !!r, u;
+	return i[10] !== s || i[11] !== c || i[12] !== l ? (u = {
+		queryKey: s,
+		queryFn: c,
+		enabled: l
+	}, i[10] = s, i[11] = c, i[12] = l, i[13] = u) : u = i[13], Dt(u);
+}
+function Wt(t, n, r) {
+	let i = e(10), a = r === void 0 ? !0 : r, { baseUrl: o, getHeaders: s } = Mt(), c;
+	i[0] === n ? c = i[1] : (c = It(n), i[0] = n, i[1] = c);
+	let l;
+	i[2] !== t || i[3] !== o || i[4] !== s ? (l = () => Lt(`${o}${t}`, s), i[2] = t, i[3] = o, i[4] = s, i[5] = l) : l = i[5];
+	let u;
+	return i[6] !== a || i[7] !== c || i[8] !== l ? (u = {
+		queryKey: c,
+		queryFn: l,
+		enabled: a
+	}, i[6] = a, i[7] = c, i[8] = l, i[9] = u) : u = i[9], Dt(u);
 }
 function Gt(e, t, n) {
-	let { baseUrl: r, queryClient: i, getHeaders: a } = J();
-	return kt({
-		mutationKey: Ft(t),
-		mutationFn: (t) => zt(`${r}${e}`, t, a),
-		onSettled: () => Wt(i, t, n)
-	});
-}
-function Kt(e, t, n) {
-	let { baseUrl: r, queryClient: i, getHeaders: a } = J();
-	return kt({
-		mutationKey: Ft(t),
-		mutationFn: (t) => Vt(`${r}${e}`, t, a),
-		onSettled: () => Wt(i, t, n)
-	});
-}
-function qt(e, t, n) {
-	let { baseUrl: r, queryClient: i, getHeaders: a } = J();
-	return kt({
-		mutationKey: Ft(t),
-		mutationFn: (t) => Rt(`${r}${e}`, t, a),
-		onSettled: () => Wt(i, t, n)
-	});
+	return Promise.all([e.invalidateQueries({ queryKey: It(t) }), ...(n ?? []).map((t) => e.invalidateQueries({ queryKey: t }))]);
+}
+function Kt(t, n, r) {
+	let i = e(14), { baseUrl: a, queryClient: o, getHeaders: s } = Mt(), c;
+	i[0] === n ? c = i[1] : (c = It(n), i[0] = n, i[1] = c);
+	let l;
+	i[2] !== t || i[3] !== a || i[4] !== s ? (l = (e) => Bt(`${a}${t}`, e, s), i[2] = t, i[3] = a, i[4] = s, i[5] = l) : l = i[5];
+	let u;
+	i[6] !== r || i[7] !== o || i[8] !== n ? (u = () => Gt(o, n, r), i[6] = r, i[7] = o, i[8] = n, i[9] = u) : u = i[9];
+	let d;
+	return i[10] !== c || i[11] !== l || i[12] !== u ? (d = {
+		mutationKey: c,
+		mutationFn: l,
+		onSettled: u
+	}, i[10] = c, i[11] = l, i[12] = u, i[13] = d) : d = i[13], Ot(d);
+}
+function qt(t, n, r) {
+	let i = e(14), { baseUrl: a, queryClient: o, getHeaders: s } = Mt(), c;
+	i[0] === n ? c = i[1] : (c = It(n), i[0] = n, i[1] = c);
+	let l;
+	i[2] !== t || i[3] !== a || i[4] !== s ? (l = (e) => Ht(`${a}${t}`, e, s), i[2] = t, i[3] = a, i[4] = s, i[5] = l) : l = i[5];
+	let u;
+	i[6] !== r || i[7] !== o || i[8] !== n ? (u = () => Gt(o, n, r), i[6] = r, i[7] = o, i[8] = n, i[9] = u) : u = i[9];
+	let d;
+	return i[10] !== c || i[11] !== l || i[12] !== u ? (d = {
+		mutationKey: c,
+		mutationFn: l,
+		onSettled: u
+	}, i[10] = c, i[11] = l, i[12] = u, i[13] = d) : d = i[13], Ot(d);
+}
+function Jt(t, n, r) {
+	let i = e(14), { baseUrl: a, queryClient: o, getHeaders: s } = Mt(), c;
+	i[0] === n ? c = i[1] : (c = It(n), i[0] = n, i[1] = c);
+	let l;
+	i[2] !== t || i[3] !== a || i[4] !== s ? (l = (e) => zt(`${a}${t}`, e, s), i[2] = t, i[3] = a, i[4] = s, i[5] = l) : l = i[5];
+	let u;
+	i[6] !== r || i[7] !== o || i[8] !== n ? (u = () => Gt(o, n, r), i[6] = r, i[7] = o, i[8] = n, i[9] = u) : u = i[9];
+	let d;
+	return i[10] !== c || i[11] !== l || i[12] !== u ? (d = {
+		mutationKey: c,
+		mutationFn: l,
+		onSettled: u
+	}, i[10] = c, i[11] = l, i[12] = u, i[13] = d) : d = i[13], Ot(d);
 }
 //#endregion
 //#region src/DataTable/EntityForm.tsx
-function Jt(e, t) {
+function Yt(e, t) {
 	return typeof e.required == "function" ? e.required(t) : !!e.required;
 }
-function Yt(e) {
-	return e.reduce((e, t) => (e[t.id] = t.type === "boolean" ? t.defaultValue ?? !1 : t.defaultValue ?? "", e), {});
-}
 function Xt(e) {
-	return e.filter((e) => e.required).reduce((e, t) => (e[t.id] = (e, n) => t.conditional && !t.conditional(n) || !Jt(t, n) || e ? null : "Pflichtfeld", e), {});
+	return e.reduce((e, t) => (e[t.id] = t.type === "boolean" ? t.defaultValue ?? !1 : t.defaultValue ?? "", e), {});
 }
 function Zt(e) {
+	return e.filter((e) => e.required).reduce((e, t) => (e[t.id] = (e, n) => t.conditional && !t.conditional(n) || !Yt(t, n) || e ? null : "Pflichtfeld", e), {});
+}
+function Qt(e) {
 	return Object.fromEntries(Object.entries(e).map(([e, t]) => [e, t === "" ? void 0 : t]));
 }
-function Qt(e, t) {
+function $t(e, t) {
 	let n = { ...e };
 	return t.forEach((e) => {
 		let t = e.id;
 		e.type === "boolean" && n[t] === null ? n[t] = !1 : e.type === "date" && n[t] ? n[t] = new Date(n[t]) : n[t] === null && (n[t] = "");
 	}), n;
 }
-var $t = (e) => e.split(".").pop() ?? e;
-function en(e, t) {
-	return Object.fromEntries((Pt(e) ?? []).filter((e) => t.has($t(e.field))).map((e) => [$t(e.field), e.message]));
-}
+var en = (e) => e.split(".").pop() ?? e;
 function tn(e, t) {
+	return Object.fromEntries((Pt(e) ?? []).filter((e) => t.has(en(e.field))).map((e) => [en(e.field), e.message]));
+}
+function nn(e, t) {
 	let n = Pt(e);
 	if (!n) return e?.message;
-	let r = n.filter((e) => !t.has($t(e.field)));
+	let r = n.filter((e) => !t.has(en(e.field)));
 	return r.length > 0 ? r.map((e) => e.message).join(", ") : void 0;
 }
-function nn({ fields: e, steps: t, record: r, recordId: i, submitting: a, error: o, onPersist: c, onClose: l }) {
-	let [u, h] = d(0), [g, v] = d(!1), b = ve({
+function rn(t) {
+	let n = e(46), { fields: i, steps: a, record: o, recordId: s, submitting: l, error: u, onPersist: d, onClose: g } = t, [_, y] = f(0), [x, C] = f(!1), w;
+	n[0] === i ? w = n[1] : (w = Xt(i), n[0] = i, n[1] = w);
+	let T;
+	n[2] === i ? T = n[3] : (T = Zt(i), n[2] = i, n[3] = T);
+	let D;
+	n[4] !== w || n[5] !== T ? (D = {
 		mode: "uncontrolled",
-		initialValues: Yt(e),
-		validate: Xt(e)
-	});
-	s(() => {
-		if (r) {
-			let t = Qt(r, e);
-			b.initialize(t), b.setValues(t);
+		initialValues: w,
+		validate: T
+	}, n[4] = w, n[5] = T, n[6] = D) : D = n[6];
+	let O = ge(D), k;
+	n[7] !== i || n[8] !== O || n[9] !== o ? (k = () => {
+		if (o) {
+			let e = $t(o, i);
+			O.initialize(e), O.setValues(e);
 		}
-	}, [r]);
-	let S = new Set(e.map((e) => String(e.id))), C = tn(o, S), w = [...new Set(e.filter((e) => typeof e.step == "number").map((e) => e.step))], E = w.length > 0, D = u === w.length - 1;
-	function O(e) {
-		let t = b.getValues();
-		if (e.conditional && !e.conditional(t)) return null;
-		let n = Jt(e, t), r = b.getInputProps(e.id);
-		switch (e.type) {
-			case "number": return /* @__PURE__ */ p(N, {
-				decimalSeparator: ",",
-				thousandSeparator: ".",
-				label: e.column.title,
-				placeholder: e.placeholder ?? "",
-				required: n,
-				...r
-			}, b.key(e.id));
-			case "date": return /* @__PURE__ */ p(_e, {
-				valueFormat: "DD.MM.YYYY",
-				clearable: !0,
-				label: e.column.title,
-				placeholder: e.placeholder ?? "",
-				required: n,
-				...r
-			}, b.key(e.id));
-			case "boolean": return /* @__PURE__ */ p(x, {
-				mt: "md",
-				label: e.column.title,
-				required: n,
-				...b.getInputProps(e.id, { type: "checkbox" })
-			}, b.key(e.id));
-			case "textarea": return /* @__PURE__ */ p(ue, {
-				minRows: 3,
-				autosize: !0,
-				label: e.column.title,
-				placeholder: e.placeholder ?? "",
-				required: n,
-				...r
-			}, b.key(e.id));
-			case "custom": return e.render?.({
-				...t,
-				...i != null && { id: i }
-			}, b.setValues, v, {
-				error: r.error,
-				required: n
-			});
-			default: return /* @__PURE__ */ p(le, {
-				type: e.id.includes("email") ? "email" : void 0,
-				label: e.column.title,
-				placeholder: e.placeholder ?? "",
-				required: n,
-				...r
-			}, b.key(e.id));
-		}
-	}
-	let k = (t) => (t === void 0 ? e : e.filter((e) => e.step === t)).map((e) => /* @__PURE__ */ p(n, { children: O(e) }, e.id));
-	return /* @__PURE__ */ m(f, { children: [C && /* @__PURE__ */ p(_, {
-		variant: "outline",
-		color: "red",
-		title: "Fehler aufgetreten",
-		mb: "lg",
-		children: C
-	}), /* @__PURE__ */ m("form", {
-		onSubmit: b.onSubmit(async (e) => {
-			let t = Zt(e);
+	}, n[7] = i, n[8] = O, n[9] = o, n[10] = k) : k = n[10];
+	let A;
+	n[11] === o ? A = n[12] : (A = [o], n[11] = o, n[12] = A), c(k, A);
+	let j, M, N, F, I;
+	if (n[13] !== _ || n[14] !== u || n[15] !== i || n[16] !== O || n[17] !== g || n[18] !== d || n[19] !== s || n[20] !== a) {
+		let e = new Set(i.map(ln)), t = nn(u, e), o = [...new Set(i.filter(cn).map(sn))];
+		j = o.length > 0, M = _ === o.length - 1;
+		let c;
+		n[26] !== O || n[27] !== s ? (c = function(e) {
+			let t = O.getValues();
+			if (e.conditional && !e.conditional(t)) return null;
+			let n = Yt(e, t), r = O.getInputProps(e.id);
+			switch (e.type) {
+				case "number": return /* @__PURE__ */ m(P, {
+					decimalSeparator: ",",
+					thousandSeparator: ".",
+					label: e.column.title,
+					placeholder: e.placeholder ?? "",
+					required: n,
+					...r
+				}, O.key(e.id));
+				case "date": return /* @__PURE__ */ m(he, {
+					valueFormat: "DD.MM.YYYY",
+					clearable: !0,
+					label: e.column.title,
+					placeholder: e.placeholder ?? "",
+					required: n,
+					...r
+				}, O.key(e.id));
+				case "boolean": return /* @__PURE__ */ m(S, {
+					mt: "md",
+					label: e.column.title,
+					required: n,
+					...O.getInputProps(e.id, { type: "checkbox" })
+				}, O.key(e.id));
+				case "textarea": return /* @__PURE__ */ m(ce, {
+					minRows: 3,
+					autosize: !0,
+					label: e.column.title,
+					placeholder: e.placeholder ?? "",
+					required: n,
+					...r
+				}, O.key(e.id));
+				case "custom": return e.render?.({
+					...t,
+					...s != null && { id: s }
+				}, O.setValues, C, {
+					error: r.error,
+					required: n
+				});
+				default: return /* @__PURE__ */ m(se, {
+					type: e.id.includes("email") ? "email" : void 0,
+					label: e.column.title,
+					placeholder: e.placeholder ?? "",
+					required: n,
+					...r
+				}, O.key(e.id));
+			}
+		}, n[26] = O, n[27] = s, n[28] = c) : c = n[28];
+		let l = c, f;
+		n[29] !== i || n[30] !== l ? (f = (e) => (e === void 0 ? i : i.filter((t) => t.step === e)).map((e) => /* @__PURE__ */ m(r, { children: l(e) }, e.id)), n[29] = i, n[30] = l, n[31] = f) : f = n[31];
+		let p = f;
+		I = t && /* @__PURE__ */ m(v, {
+			variant: "outline",
+			color: "red",
+			title: "Fehler aufgetreten",
+			mb: "lg",
+			children: t
+		}), N = O.onSubmit(async (t) => {
+			let n = Qt(t);
 			try {
-				await c(t);
-			} catch (e) {
-				let t = en(e, S);
-				Object.keys(t).length > 0 && b.setErrors(t);
+				await d(n);
+			} catch (t) {
+				let n = tn(t, e);
+				Object.keys(n).length > 0 && O.setErrors(n);
 				return;
 			}
-			E && !D ? h((e) => e + 1) : (b.setInitialValues(t), b.reset(), l());
-		}),
-		children: [E ? /* @__PURE__ */ p(te, {
-			active: u,
+			j && !M ? y(on) : (O.setInitialValues(n), O.reset(), g());
+		}), F = j ? /* @__PURE__ */ m(ne, {
+			active: _,
 			size: "sm",
-			children: w.map((e) => /* @__PURE__ */ p(te.Step, {
-				...t?.[e - 1] ? { label: t[e - 1].label } : {},
-				children: k(e)
+			children: o.map((e) => /* @__PURE__ */ m(ne.Step, {
+				...a?.[e - 1] ? { label: a[e - 1].label } : {},
+				children: p(e)
 			}, e))
-		}) : k(), !g && /* @__PURE__ */ m(T, {
-			mt: "md",
-			justify: "end",
-			children: [/* @__PURE__ */ p(y, {
-				variant: "outline",
-				onClick: () => E && u > 0 ? h((e) => e - 1) : l(),
-				children: E && u > 0 ? "Zurück" : "Abbrechen"
-			}), /* @__PURE__ */ p(y, {
-				type: "submit",
-				loading: a,
-				children: E && !D ? "Weiter" : "Speichern"
-			})]
+		}) : p(), n[13] = _, n[14] = u, n[15] = i, n[16] = O, n[17] = g, n[18] = d, n[19] = s, n[20] = a, n[21] = j, n[22] = M, n[23] = N, n[24] = F, n[25] = I;
+	} else j = n[21], M = n[22], N = n[23], F = n[24], I = n[25];
+	let L;
+	n[32] !== _ || n[33] !== j || n[34] !== x || n[35] !== M || n[36] !== g || n[37] !== l ? (L = !x && /* @__PURE__ */ h(E, {
+		mt: "md",
+		justify: "end",
+		children: [/* @__PURE__ */ m(b, {
+			variant: "outline",
+			onClick: () => j && _ > 0 ? y(an) : g(),
+			children: j && _ > 0 ? "Zurück" : "Abbrechen"
+		}), /* @__PURE__ */ m(b, {
+			type: "submit",
+			loading: l,
+			children: j && !M ? "Weiter" : "Speichern"
 		})]
-	})] });
+	}), n[32] = _, n[33] = j, n[34] = x, n[35] = M, n[36] = g, n[37] = l, n[38] = L) : L = n[38];
+	let R;
+	n[39] !== N || n[40] !== F || n[41] !== L ? (R = /* @__PURE__ */ h("form", {
+		onSubmit: N,
+		children: [F, L]
+	}), n[39] = N, n[40] = F, n[41] = L, n[42] = R) : R = n[42];
+	let z;
+	return n[43] !== R || n[44] !== I ? (z = /* @__PURE__ */ h(p, { children: [I, R] }), n[43] = R, n[44] = I, n[45] = z) : z = n[45], z;
+}
+function an(e) {
+	return e - 1;
+}
+function on(e) {
+	return e + 1;
+}
+function sn(e) {
+	return e.step;
+}
+function cn(e) {
+	return typeof e.step == "number";
+}
+function ln(e) {
+	return String(e.id);
 }
 //#endregion
 //#region src/DataTable/CreateModal.tsx
-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: a,
-		recordId: s,
-		submitting: u || h,
-		error: f ?? g,
-		onPersist: async (e) => {
-			if (s != null) await m({
-				...e,
-				id: s
-			});
-			else {
-				let t = await l(e);
-				c(t.id), o?.(t.id);
-			}
-		},
-		onClose: t
-	});
+function un(t) {
+	let n = e(13), { fields: r, onClose: i, queryKey: a, connectedQueryKeys: o, apiPath: s, steps: c, onCreated: l } = t, [u, d] = f(), { mutateAsync: p, isPending: h, error: g } = Kt(s, a, o), { mutateAsync: _, isPending: v, error: y } = qt(s, a, o), b;
+	n[0] !== p || n[1] !== l || n[2] !== u || n[3] !== _ ? (b = async (e) => {
+		if (u != null) await _({
+			...e,
+			id: u
+		});
+		else {
+			let t = await p(e);
+			d(t.id), l?.(t.id);
+		}
+	}, n[0] = p, n[1] = l, n[2] = u, n[3] = _, n[4] = b) : b = n[4];
+	let x = b, S = h || v, C = g ?? y, w;
+	return n[5] !== r || n[6] !== i || n[7] !== x || n[8] !== u || n[9] !== c || n[10] !== S || n[11] !== C ? (w = /* @__PURE__ */ m(rn, {
+		fields: r,
+		steps: c,
+		recordId: u,
+		submitting: S,
+		error: C,
+		onPersist: x,
+		onClose: i
+	}), n[5] = r, n[6] = i, n[7] = x, n[8] = u, n[9] = c, n[10] = S, n[11] = C, n[12] = w) : w = n[12], w;
 }
 //#endregion
 //#region node_modules/clsx/dist/clsx.mjs
-function an(e) {
+function dn(e) {
 	var t, n, r = "";
 	if (typeof e == "string" || typeof e == "number") r += e;
 	else if (typeof e == "object") if (Array.isArray(e)) {
 		var i = e.length;
-		for (t = 0; t < i; t++) e[t] && (n = an(e[t])) && (r && (r += " "), r += n);
+		for (t = 0; t < i; t++) e[t] && (n = dn(e[t])) && (r && (r += " "), r += n);
 	} else for (n in e) e[n] && (r && (r += " "), r += n);
 	return r;
 }
 function X() {
-	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = an(e)) && (r && (r += " "), r += t);
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = dn(e)) && (r && (r += " "), r += t);
 	return r;
 }
 //#endregion
 //#region node_modules/mantine-datatable/dist/index.mjs
 function Z(e, t, n) {
-	return e ? pe({
+	return e ? de({
 		color: typeof e == "object" ? e[n] : e,
 		theme: t
 	}).value : void 0;
 }
-function on({ theme: e, c: t, backgroundColor: n, borderColor: r, rowBorderColor: i, stripedColor: a, highlightOnHoverColor: o }) {
+function fn({ theme: e, c: t, backgroundColor: n, borderColor: r, rowBorderColor: i, stripedColor: a, highlightOnHoverColor: o }) {
 	return {
 		"--mantine-datatable-color-light": Z(t, e, "light"),
 		"--mantine-datatable-color-dark": Z(t, e, "dark"),
@@ -1064,7 +1132,7 @@ function on({ theme: e, c: t, backgroundColor: n, borderColor: r, rowBorderColor
 		"--mantine-datatable-highlight-on-hover-color-dark": Z(o, e, "dark")
 	};
 }
-function sn({ theme: e, paginationActiveTextColor: t, paginationActiveBackgroundColor: n }) {
+function pn({ theme: e, paginationActiveTextColor: t, paginationActiveBackgroundColor: n }) {
 	return {
 		"--mantine-datatable-pagination-active-text-color-light": Z(t, e, "light"),
 		"--mantine-datatable-pagination-active-text-color-dark": Z(t, e, "dark"),
@@ -1072,7 +1140,7 @@ function sn({ theme: e, paginationActiveTextColor: t, paginationActiveBackground
 		"--mantine-datatable-pagination-active-background-color-dark": Z(n, e, "dark")
 	};
 }
-function cn({ theme: e, color: t, backgroundColor: n }) {
+function mn({ theme: e, color: t, backgroundColor: n }) {
 	return {
 		"--mantine-datatable-row-color-light": Z(t, e, "light"),
 		"--mantine-datatable-row-color-dark": Z(t, e, "dark"),
@@ -1080,9 +1148,9 @@ function cn({ theme: e, color: t, backgroundColor: n }) {
 		"--mantine-datatable-row-background-color-dark": Z(n, e, "dark")
 	};
 }
-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, {
+var [hn, gn] = ue("useDataTableColumnsContext must be used within DataTableColumnProvider"), _n = (e) => {
+	let { children: t, columnsOrder: n, setColumnsOrder: r, columnsToggle: i, setColumnsToggle: a, columnsPinning: o, setColumnsPinning: s, resetColumnsOrder: c, resetColumnsToggle: l, resetColumnsPinning: u, setColumnWidth: d, setMultipleColumnWidths: p, resetColumnsWidth: h, beginResize: g, endResize: _, pinnedMap: v } = e, [y, b] = f(""), [x, S] = f("");
+	return m(hn, {
 		value: {
 			sourceColumn: y,
 			setSourceColumn: b,
@@ -1105,8 +1173,8 @@ var [ln, un] = fe("useDataTableColumnsContext must be used within DataTableColum
 			resetColumnsOrder: c,
 			resetColumnsToggle: l,
 			resetColumnsPinning: u,
-			setColumnWidth: f,
-			setMultipleColumnWidths: m,
+			setColumnWidth: d,
+			setMultipleColumnWidths: p,
 			resetColumnsWidth: h,
 			beginResize: g,
 			endResize: _
@@ -1114,14 +1182,14 @@ var [ln, un] = fe("useDataTableColumnsContext must be used within DataTableColum
 		children: t
 	});
 };
-function fn() {
-	return p("tr", {
+function vn() {
+	return m("tr", {
 		className: "mantine-datatable-empty-row",
-		children: p("td", {})
+		children: m("td", {})
 	});
 }
-function pn() {
-	return m("svg", {
+function yn() {
+	return h("svg", {
 		width: "24",
 		height: "24",
 		viewBox: "0 0 24 24",
@@ -1131,26 +1199,26 @@ function pn() {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		children: [
-			p("path", {
+			m("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			p("path", { d: "M12.983 8.978c3.955 -.182 7.017 -1.446 7.017 -2.978c0 -1.657 -3.582 -3 -8 -3c-1.661 0 -3.204 .19 -4.483 .515m-2.783 1.228c-.471 .382 -.734 .808 -.734 1.257c0 1.22 1.944 2.271 4.734 2.74" }),
-			p("path", { d: "M4 6v6c0 1.657 3.582 3 8 3c.986 0 1.93 -.067 2.802 -.19m3.187 -.82c1.251 -.53 2.011 -1.228 2.011 -1.99v-6" }),
-			p("path", { d: "M4 12v6c0 1.657 3.582 3 8 3c3.217 0 5.991 -.712 7.261 -1.74m.739 -3.26v-4" }),
-			p("path", { d: "M3 3l18 18" })
+			m("path", { d: "M12.983 8.978c3.955 -.182 7.017 -1.446 7.017 -2.978c0 -1.657 -3.582 -3 -8 -3c-1.661 0 -3.204 .19 -4.483 .515m-2.783 1.228c-.471 .382 -.734 .808 -.734 1.257c0 1.22 1.944 2.271 4.734 2.74" }),
+			m("path", { d: "M4 6v6c0 1.657 3.582 3 8 3c.986 0 1.93 -.067 2.802 -.19m3.187 -.82c1.251 -.53 2.011 -1.228 2.011 -1.99v-6" }),
+			m("path", { d: "M4 12v6c0 1.657 3.582 3 8 3c3.217 0 5.991 -.712 7.261 -1.74m.739 -3.26v-4" }),
+			m("path", { d: "M3 3l18 18" })
 		]
 	});
 }
-function mn({ icon: e, text: t, active: n, children: r }) {
-	return p(b, {
+function bn({ icon: e, text: t, active: n, children: r }) {
+	return m(x, {
 		className: "mantine-datatable-empty-state",
 		"data-active": n || void 0,
-		children: r || m(f, { children: [e || p("div", {
+		children: r || h(p, { children: [e || m("div", {
 			className: "mantine-datatable-empty-state-icon",
-			children: p(pn, {})
-		}), p(V, {
+			children: m(yn, {})
+		}), m(W, {
 			component: "div",
 			size: "sm",
 			c: "dimmed",
@@ -1158,63 +1226,63 @@ function mn({ icon: e, text: t, active: n, children: r }) {
 		})] })
 	});
 }
-function hn(e) {
+function xn(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) {
+function Sn(e, t, n) {
 	return !Array.isArray(e) || n && !e.every(n) ? t : e;
 }
-function _n(e) {
+function Cn(e) {
 	return typeof e == "object" && !!e && typeof e.accessor == "string";
 }
-function vn(e, t, n) {
+function wn(e, t, n) {
 	return e.filter((e) => !t.map(n).includes(n(e)));
 }
-function yn(e, t) {
+function Tn(e, t) {
 	return e.filter((e, n, r) => n === r.findIndex((n) => t(e) === t(n)));
 }
-function bn(e, t) {
+function En(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);
+	return typeof t == "string" ? En(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 Dn(e) {
+	return !e || e.length === 0 ? 0 : Math.max(...e.map((e) => e.groups && e.groups.length > 0 ? 1 + Dn(e.groups) : 1));
 }
-function Sn(e) {
+function On(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));
+	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(...On(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 kn(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 + kn(n, t), 0) : 0;
 }
-function wn(e, t, n = 0) {
+function An(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));
+	for (let i of e) i.groups && i.groups.length > 0 && r.push(...An(i.groups, t, n + 1));
 	return r;
 }
-function Tn(e, t, n) {
+function jn(e, t, n) {
 	return n ? !e || t : !1;
 }
-function En({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
-	let r = l(() => t.map((e) => ({
+function Mn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
+	let r = u(() => t.map((e) => ({
 		accessor: e.accessor,
 		defaultPinned: e.pinned,
 		pinnable: !!e.pinnable,
 		pinned: e.pinned
-	})), [t]), [i, a] = H({
+	})), [t]), [i, a] = G({
 		key: e ? `${e}-columns-pinning` : "",
 		defaultValue: e ? r : void 0,
 		getInitialValueInEffect: n
-	}), o = gn(i, r, _n);
-	function c(t) {
+	}), o = Sn(i, r, Cn);
+	function s(t) {
 		e && a(typeof t == "function" ? (e) => t(e ?? r) : t);
 	}
-	let u = l(() => {
+	let l = u(() => {
 		if (!o) return r;
 		let e = [];
 		return o.forEach((n) => {
@@ -1232,37 +1300,37 @@ function En({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
 		t,
 		r
 	]);
-	s(() => {
-		e && o && JSON.stringify(u) !== JSON.stringify(o) && a(u);
+	c(() => {
+		e && o && JSON.stringify(l) !== JSON.stringify(o) && a(l);
 	}, [
 		e,
-		u,
+		l,
 		o,
 		a
 	]);
 	let d = () => {
-		c(r);
+		s(r);
 	};
 	return e ? {
-		columnsPinning: u,
-		setColumnsPinning: c,
+		columnsPinning: l,
+		setColumnsPinning: s,
 		resetColumnsPinning: d
 	} : {
 		columnsPinning: r,
-		setColumnsPinning: c,
+		setColumnsPinning: s,
 		resetColumnsPinning: d
 	};
 }
-function Dn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
-	let r = l(() => t ? t.map((e) => e.accessor) : [], [t]), [i, a] = H({
+function Nn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
+	let r = u(() => t ? t.map((e) => e.accessor) : [], [t]), [i, a] = G({
 		key: e ? `${e}-columns-order` : "",
 		defaultValue: e ? r : void 0,
 		getInitialValueInEffect: n
-	}), o = gn(i, r, (e) => typeof e == "string");
-	function c(t) {
+	}), o = Sn(i, r, (e) => typeof e == "string");
+	function s(t) {
 		e && a(t);
 	}
-	let u = l(() => {
+	let l = u(() => {
 		if (!o) return r;
 		let e = [];
 		return o.forEach((n) => {
@@ -1275,36 +1343,36 @@ function Dn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
 		t,
 		r
 	]);
-	s(() => {
-		e && o && JSON.stringify(u) !== JSON.stringify(o) && a(u);
+	c(() => {
+		e && o && JSON.stringify(l) !== JSON.stringify(o) && a(l);
 	}, [
 		e,
-		u,
+		l,
 		o,
 		a
 	]);
 	let d = () => {
-		c(r);
+		s(r);
 	};
 	return e ? {
-		columnsOrder: u,
-		setColumnsOrder: c,
+		columnsOrder: l,
+		setColumnsOrder: s,
 		resetColumnsOrder: d
 	} : {
 		columnsOrder: o,
-		setColumnsOrder: c,
+		setColumnsOrder: s,
 		resetColumnsOrder: d
 	};
 }
-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({
+function Pn({ key: e, columns: t = [], getInitialValueInEffect: n = !0, headerRef: r }) {
+	let i = u(() => t.some((e) => e.resizable && !e.hidden && e.accessor !== "__selection__"), [t]), a = o(() => t.filter((e) => e.accessor !== "__selection__").map((e) => ({ [e.accessor]: e.width ?? "auto" })), [t]), [s, l] = G({
 		key: e ? `${e}-columns-width` : "",
-		defaultValue: e ? o() : void 0,
+		defaultValue: e ? a() : void 0,
 		getInitialValueInEffect: n
-	}), p = gn(c, [], (e) => typeof e == "object" && !!e), [m, h] = d(() => e && p.length > 0 ? p : o()), [g, _] = d(!1), v = u(!1);
-	s(() => {
+	}), p = Sn(s, [], (e) => typeof e == "object" && !!e), [m, h] = f(() => e && p.length > 0 ? p : a()), [g, _] = f(!1), v = d(!1);
+	c(() => {
 		e && (!p || p.length === 0 || h(p));
-	}, [e, p]), s(() => {
+	}, [e, p]), c(() => {
 		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) {
@@ -1315,29 +1383,29 @@ function On({ key: e, columns: t = [], getInitialValueInEffect: n = !0, headerRe
 			return r.length !== e.length || a ? r : e;
 		});
 	}, [t]);
-	let y = a((e) => {
+	let y = o((e) => {
 		let t = e.filter((e) => e.accessor !== "__selection__");
 		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 || !v.current || g || (v.current = !1, f(m));
+	c(() => {
+		!e || !v.current || g || (v.current = !1, l(m));
 	}, [
 		e,
 		m,
 		g,
-		f
+		l
 	]);
-	let b = a((e, t) => {
+	let b = o((e, t) => {
 		y([{
 			accessor: e,
 			width: t
 		}]);
-	}, [y]), x = a((e) => {
+	}, [y]), x = o((e) => {
 		y(e);
-	}, [y]), S = a(() => {
+	}, [y]), S = o(() => {
 		_(!0);
 		let e = r?.current;
 		if (!e) return;
@@ -1351,7 +1419,7 @@ function On({ key: e, columns: t = [], getInitialValueInEffect: n = !0, headerRe
 			n.push({ [t]: `${r}px` });
 		}
 		v.current = !0, h(n);
-	}, [r]), C = a(() => {
+	}, [r]), C = o(() => {
 		_(!1);
 	}, []);
 	return {
@@ -1359,12 +1427,12 @@ function On({ key: e, columns: t = [], getInitialValueInEffect: n = !0, headerRe
 		setColumnsWidth: y,
 		setColumnWidth: b,
 		setMultipleColumnWidths: x,
-		resetColumnsWidth: a(() => {
-			let e = o();
+		resetColumnsWidth: o(() => {
+			let e = a();
 			v.current = !0, h(e), _(!1);
-		}, [o]),
+		}, [a]),
 		hasResizableColumns: i,
-		allResizableWidthsInitial: l(() => {
+		allResizableWidthsInitial: u(() => {
 			if (!i) return !1;
 			let e = t.filter((e) => e.resizable && !e.hidden && e.accessor !== "__selection__");
 			return m.filter((t) => {
@@ -1379,27 +1447,27 @@ function On({ key: e, columns: t = [], getInitialValueInEffect: n = !0, headerRe
 			t,
 			m
 		]),
-		measureAndSetColumnWidths: a(() => {}, []),
+		measureAndSetColumnWidths: o(() => {}, []),
 		isResizing: g,
 		beginResize: S,
 		endResize: C
 	};
 }
-function kn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
-	let r = l(() => t?.map((e) => ({
+function Fn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
+	let r = u(() => t?.map((e) => ({
 		accessor: e.accessor,
 		defaultToggle: e.defaultToggle || !0,
 		toggleable: e.toggleable,
 		toggled: e.defaultToggle === void 0 ? !0 : e.defaultToggle
-	})), [t]), [i, a] = H({
+	})), [t]), [i, a] = G({
 		key: e ? `${e}-columns-toggle` : "",
 		defaultValue: e ? r : void 0,
 		getInitialValueInEffect: n
-	}), o = gn(i, r, _n);
-	function c(t) {
+	}), o = Sn(i, r, Cn);
+	function s(t) {
 		e && a(t);
 	}
-	let u = l(() => {
+	let l = u(() => {
 		if (!o) return r;
 		let e = [];
 		return o.forEach((n) => {
@@ -1417,47 +1485,47 @@ function kn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
 		t,
 		r
 	]);
-	s(() => {
-		e && o && JSON.stringify(u) !== JSON.stringify(o) && a(u);
+	c(() => {
+		e && o && JSON.stringify(l) !== JSON.stringify(o) && a(l);
 	}, [
 		e,
-		u,
+		l,
 		o,
 		a
 	]);
 	let d = () => {
-		c(r);
+		s(r);
 	};
 	return e ? {
-		columnsToggle: u,
-		setColumnsToggle: c,
+		columnsToggle: l,
+		setColumnsToggle: s,
 		resetColumnsToggle: d
 	} : {
 		columnsToggle: o,
-		setColumnsToggle: c,
+		setColumnsToggle: s,
 		resetColumnsToggle: d
 	};
 }
-var An = ({ key: e, columns: t = [], getInitialValueInEffect: n = !0, headerRef: r, scrollViewportRef: i }) => {
-	let { columnsOrder: a, setColumnsOrder: o, resetColumnsOrder: s } = Dn({
+var In = ({ key: e, columns: t = [], getInitialValueInEffect: n = !0, headerRef: r, scrollViewportRef: i }) => {
+	let { columnsOrder: a, setColumnsOrder: o, resetColumnsOrder: s } = Nn({
 		key: e,
 		columns: t,
 		getInitialValueInEffect: n
-	}), { columnsToggle: c, setColumnsToggle: u, resetColumnsToggle: d } = kn({
+	}), { columnsToggle: c, setColumnsToggle: l, resetColumnsToggle: d } = Fn({
 		key: e,
 		columns: t,
 		getInitialValueInEffect: n
-	}), { columnsPinning: f, setColumnsPinning: p, resetColumnsPinning: m } = En({
+	}), { columnsPinning: f, setColumnsPinning: p, resetColumnsPinning: m } = Mn({
 		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 } = On({
+	}), { columnsWidth: h, setColumnsWidth: g, setColumnWidth: _, setMultipleColumnWidths: v, resetColumnsWidth: y, hasResizableColumns: b, allResizableWidthsInitial: x, measureAndSetColumnWidths: S, isResizing: C, beginResize: w, endResize: T } = Pn({
 		key: e,
 		columns: t,
 		getInitialValueInEffect: n,
 		headerRef: r,
 		scrollViewportRef: i
-	}), E = l(() => {
+	}), E = u(() => {
 		let e;
 		e = a ? a.map((e) => t.find((t) => t.accessor === e)).map((e) => {
 			let t = f.find((t) => t.accessor === e?.accessor), n = e?.pinnable ? t?.pinned : e?.pinned;
@@ -1488,7 +1556,7 @@ var An = ({ key: e, columns: t = [], getInitialValueInEffect: n = !0, headerRef:
 		c,
 		f,
 		h
-	]), D = l(() => {
+	]), D = u(() => {
 		let e = E.filter((e) => !e.hidden && e.accessor !== "__selection__");
 		return e.length === 0 ? !1 : e.every((e) => typeof e.width == "string" && /px$/.test(e.width));
 	}, [E]);
@@ -1498,7 +1566,7 @@ var An = ({ key: e, columns: t = [], getInitialValueInEffect: n = !0, headerRef:
 		columnsOrder: a,
 		resetColumnsOrder: s,
 		columnsToggle: c,
-		setColumnsToggle: u,
+		setColumnsToggle: l,
 		resetColumnsToggle: d,
 		columnsPinning: f,
 		setColumnsPinning: p,
@@ -1513,7 +1581,7 @@ var An = ({ key: e, columns: t = [], getInitialValueInEffect: n = !0, headerRef:
 		measureAndSetColumnWidths: S,
 		isResizing: C,
 		isLocked: D,
-		tableWidth: l(() => {
+		tableWidth: u(() => {
 			if (!D) return null;
 			let e = 0;
 			for (let t of E) {
@@ -1528,16 +1596,16 @@ var An = ({ key: e, columns: t = [], getInitialValueInEffect: n = !0, headerRef:
 		beginResize: w,
 		endResize: T
 	};
-}, jn = typeof window < "u" ? c : s;
-function Mn(e) {
-	let t = u(e);
+}, Ln = typeof window < "u" ? l : c;
+function Rn(e) {
+	let t = d(e);
 	return t.current = e, t;
 }
-var Nn = "--mantine-datatable-header-height", Pn = "--mantine-datatable-footer-height", Fn = "--mantine-datatable-selection-column-width", In = "--mantine-datatable-last-row-border-bottom";
+var zn = "--mantine-datatable-header-height", Bn = "--mantine-datatable-footer-height", Vn = "--mantine-datatable-selection-column-width", Hn = "--mantine-datatable-last-row-border-bottom";
 function $(e, t, n) {
 	e?.style.setProperty(t, n);
 }
-function Ln(e) {
+function Un(e) {
 	let t = e.borderBoxSize?.[0] || e.contentBoxSize?.[0];
 	return t ? {
 		width: t.inlineSize,
@@ -1547,35 +1615,35 @@ function Ln(e) {
 		height: e.contentRect.height
 	};
 }
-function Rn(e, t, n) {
+function Wn(e, t, n) {
 	if (e) {
 		let r = new ResizeObserver((e) => {
 			let n = e[0];
-			n && t(Ln(n));
+			n && t(Un(n));
 		});
 		return r.observe(e), () => {
 			r.disconnect(), n();
 		};
 	}
 }
-function zn({ scrollCallbacks: e, withRowBorders: t }) {
+function Gn({ scrollCallbacks: e, withRowBorders: t }) {
 	let n = {
-		root: u(null),
-		table: u(null),
-		scrollViewport: u(null),
-		header: u(null),
-		footer: u(null),
-		selectionColumnHeader: u(null)
-	}, { 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) => {
+		root: d(null),
+		table: d(null),
+		scrollViewport: d(null),
+		header: d(null),
+		footer: d(null),
+		selectionColumnHeader: d(null)
+	}, { root: r, table: i, scrollViewport: a, header: s, footer: l, selectionColumnHeader: u } = n, f = Rn({ withRowBorders: t }), p = Rn(e), m = d(() => {}), h = d(() => {}), g = o((e) => {
 		p.current.onScroll?.(e), m.current();
 	}, []);
-	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(() => {
+	return c(() => Wn(s.current, (e) => {
+		$(r.current, zn, `${e.height}px`);
+	}, () => $(r.current, zn, "0")), [s.current]), c(() => Wn(l.current, (e) => {
+		$(r.current, Bn, `${e.height}px`);
+	}, () => $(r.current, Bn, "0")), [l.current]), c(() => Wn(u.current, (e) => {
+		$(r.current, Vn, `${e.width}px`);
+	}, () => $(r.current, Vn, "0")), [u.current]), Ln(() => {
 		if (typeof window > "u") return;
 		let e = {
 			top: !0,
@@ -1589,7 +1657,7 @@ function zn({ scrollCallbacks: e, withRowBorders: t }) {
 			width: 0,
 			height: 0
 		};
-		function a(t, n) {
+		function o(t, n) {
 			let i = e[t];
 			return e[t] = n, $(r.current, `--mantine-datatable-${t}-shadow-opacity`, n ? "0" : "1"), i;
 		}
@@ -1598,51 +1666,51 @@ function zn({ scrollCallbacks: e, withRowBorders: t }) {
 			$(r.current, "--mantine-datatable-footer-position", i ? "relative" : "sticky"), $(r.current, "--mantine-datatable-footer-bottom", i ? `${e}px` : "0");
 		}
 		function c() {
-			f.current.withRowBorders && t.height < n.height ? $(r.current, In, `${me("1px")} solid var(--mantine-datatable-border-color)`) : $(r.current, In, "unset");
+			f.current.withRowBorders && t.height < n.height ? $(r.current, Hn, `${fe("1px")} solid var(--mantine-datatable-border-color)`) : $(r.current, Hn, "unset");
 		}
 		h.current = c;
 		function l() {
-			let e = p.current, r = o.current, i = r?.scrollTop ?? 0, s = r?.scrollLeft ?? 0, c = i === 0, l = t.height - i - n.height < 1, u = a("top", c), d = a("bottom", l);
+			let e = p.current, r = a.current, i = r?.scrollTop ?? 0, s = r?.scrollLeft ?? 0, c = i === 0, l = t.height - i - n.height < 1, u = o("top", c), d = o("bottom", l);
 			c && c !== u && e.onScrollToTop?.(), l && l !== d && e.onScrollToBottom?.();
 			let f = r ? getComputedStyle(r).direction === "rtl" : !1, m = (r?.scrollWidth ?? 0) - n.width, h, g;
 			if (f) {
 				let e = Math.abs(s);
 				g = e < 1, h = m - e < 1;
 			} else h = s < 1, g = t.width - s - n.width < 1;
-			let _ = a("left", h), v = a("right", g);
+			let _ = o("left", h), v = o("right", g);
 			h && h !== _ && e.onScrollToLeft?.(), g && g !== v && e.onScrollToRight?.();
 		}
 		m.current = l;
 		let u = new ResizeObserver((e) => {
 			for (let r of e) switch (r.target.tagName) {
 				case "TABLE":
-					t = Ln(r);
+					t = Un(r);
 					break;
 				case "DIV":
-					n = Ln(r);
+					n = Un(r);
 					break;
 			}
 			l(), s(), c();
 		});
-		return u.observe(i.current), u.observe(o.current), () => {
+		return u.observe(i.current), u.observe(a.current), () => {
 			u.disconnect();
 		};
-	}, []), jn(() => {
+	}, []), Ln(() => {
 		h.current();
 	}, [t]), {
 		refs: n,
 		onScroll: g
 	};
 }
-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;
-		if (!a) return;
-		let s = !!t.current, l = s ? a.querySelector("tr:last-of-type") : a.querySelector("tr:first-of-type");
+function Kn({ columns: e, theadRef: t, tbodyRef: n, selectionColumnHeaderRef: r, selectionVisible: i, pinFirstColumn: a, pinLastColumn: s }) {
+	let [l, u] = f(/* @__PURE__ */ new Map()), d = o(() => {
+		if (!a && !s && !e.some((e) => e.pinned)) return;
+		let o = t.current ?? n.current;
+		if (!o) return;
+		let c = !!t.current, l = c ? o.querySelector("tr:last-of-type") : o.querySelector("tr:first-of-type");
 		if (!l) return;
-		let d = getComputedStyle(a).direction === "rtl", f = /* @__PURE__ */ new Map();
-		if (s) l.querySelectorAll("th[data-accessor]").forEach((e) => {
+		let d = getComputedStyle(o).direction === "rtl", f = /* @__PURE__ */ new Map();
+		if (c) l.querySelectorAll("th[data-accessor]").forEach((e) => {
 			let t = e.dataset.accessor;
 			if (t) {
 				let n = e.getBoundingClientRect().width;
@@ -1660,13 +1728,13 @@ function Bn({ columns: e, theadRef: t, tbodyRef: n, selectionColumnHeaderRef: r,
 		}
 		let p = 0;
 		if (i) {
-			let e = r.current ?? a.querySelector(s ? ".mantine-datatable-header-selector-cell" : ".mantine-datatable-row-selector-cell");
+			let e = r.current ?? o.querySelector(c ? ".mantine-datatable-header-selector-cell" : ".mantine-datatable-row-selector-cell");
 			e && (p = e.getBoundingClientRect().width);
 		}
 		let m = e.filter((e) => !e.hidden && f.has(String(e.accessor))).map((e) => String(e.accessor)), h = /* @__PURE__ */ new Map();
 		for (let t of e) {
 			let e = String(t.accessor);
-			m.includes(e) && (t.pinned ? h.set(e, t.pinned) : o && e === m[0] && !h.has(e) ? h.set(e, "left") : c && e === m[m.length - 1] && !h.has(e) && h.set(e, "right"));
+			m.includes(e) && (t.pinned ? h.set(e, t.pinned) : a && e === m[0] && !h.has(e) ? h.set(e, "left") : s && e === m[m.length - 1] && !h.has(e) && h.set(e, "right"));
 		}
 		let g = m.filter((e) => h.get(e) === "left"), _ = m.filter((e) => h.get(e) === "right"), v = /* @__PURE__ */ new Map(), y = p;
 		g.forEach((e, t) => {
@@ -1699,39 +1767,39 @@ function Bn({ columns: e, theadRef: t, tbodyRef: n, selectionColumnHeaderRef: r,
 		t,
 		n,
 		r,
-		o,
-		c
+		a,
+		s
 	]);
-	return s(() => {
-		if (!o && !c && !e.some((e) => e.pinned)) return;
+	return c(() => {
+		if (!a && !s && !e.some((e) => e.pinned)) return;
 		let r = t.current ?? n.current;
 		if (!r) return;
-		let i = !!t.current, a = i ? r.querySelector("tr:last-of-type") : r.querySelector("tr:first-of-type");
-		if (!a) return;
-		let s = new ResizeObserver(f);
-		return a.querySelectorAll(i ? "th" : "td").forEach((e) => {
-			s.observe(e);
-		}), () => s.disconnect();
+		let i = !!t.current, o = i ? r.querySelector("tr:last-of-type") : r.querySelector("tr:first-of-type");
+		if (!o) return;
+		let c = new ResizeObserver(d);
+		return o.querySelectorAll(i ? "th" : "td").forEach((e) => {
+			c.observe(e);
+		}), () => c.disconnect();
 	}, [
 		t,
 		n,
-		f
-	]), jn(f, [f]), {
+		d
+	]), Ln(d, [d]), {
 		pinnedMap: l,
 		hasLeftPinned: [...l.values()].some((e) => e.logicalSide === "left"),
 		hasRightPinned: [...l.values()].some((e) => e.logicalSide === "right")
 	};
 }
-function Vn(e) {
-	let [t, n] = d(null);
-	return s(() => {
+function qn(e) {
+	let [t, n] = f(null);
+	return c(() => {
 		n(null);
 	}, [e?.join(":") || ""]), {
 		lastSelectionChangeIndex: t,
 		setLastSelectionChangeIndex: n
 	};
 }
-function Hn(e, t) {
+function Jn(e, t) {
 	let n = () => {
 		t(e.map((e) => e.matches));
 	}, r = e.map((e) => {
@@ -1747,26 +1815,26 @@ function Hn(e, t) {
 		});
 	};
 }
-function Un(e, t) {
+function Yn(e, t) {
 	return t || (typeof window < "u" && "matchMedia" in window ? e.map((e) => window.matchMedia(e).matches) : e.map(() => !1));
 }
-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)), Hn(a.current, (e) => {
+function Xn(e, t, { getInitialValueInEffect: n } = { getInitialValueInEffect: !0 }) {
+	let [r, i] = f(n ? t : Yn(e, t)), a = d(null);
+	return c(() => {
+		if ("matchMedia" in window) return a.current = e.map((e) => window.matchMedia(e)), i(a.current.map((e) => e.matches)), Jn(a.current, (e) => {
 			i(e);
 		});
 	}, [e]), r;
 }
-function Gn(e) {
-	let t = ge();
-	return Wn(l(() => e.map((e) => (typeof e == "function" ? e(t) : e) ?? ""), [e, t]), l(() => e.map(() => !0), [e]));
+function Zn(e) {
+	let t = me();
+	return Xn(u(() => e.map((e) => (typeof e == "function" ? e(t) : e) ?? ""), [e, t]), u(() => e.map(() => !0), [e]));
 }
-function Kn(e) {
-	let t = ge();
-	return je((typeof e == "function" ? e(t) : e) || "", !0);
+function Qn(e) {
+	let t = me();
+	return ke((typeof e == "function" ? e(t) : e) || "", !0);
 }
-function qn({ rowExpansion: e, records: t, idAccessor: n }) {
+function $n({ rowExpansion: e, records: t, idAccessor: n }) {
 	let r = [];
 	if (e && t) {
 		let { trigger: i, allowMultiple: a, initiallyExpanded: o } = e;
@@ -1775,7 +1843,7 @@ function qn({ rowExpansion: e, records: t, idAccessor: n }) {
 			index: t
 		})).map((e) => Q(e, n)), a || (r = [r[0]]));
 	}
-	let i, a, o = d(r);
+	let i, a, o = f(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;
@@ -1801,30 +1869,30 @@ function qn({ rowExpansion: e, records: t, idAccessor: n }) {
 		};
 	}
 }
-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());
+function er(e, t) {
+	let [n, r] = f(e), [i, a] = f(e), o = je(() => r(!0), 0), s = je(() => a(!1), t || 200);
+	return c(() => {
+		e ? (s.clear(), a(!0), o.start()) : (o.clear(), r(!1), s.start());
 	}, [
 		o,
-		c,
+		s,
 		e
 	]), {
 		expanded: n,
 		visible: i
 	};
 }
-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, {
+var tr = "mantine-datatable-nowrap", nr = "mantine-datatable-ellipsis", rr = "mantine-datatable-pointer-cursor", ir = "mantine-datatable-context-menu-cursor", ar = "mantine-datatable-text-selection-disabled", or = "mantine-datatable-text-align-left", sr = "mantine-datatable-text-align-center", cr = "mantine-datatable-text-align-right";
+function lr({ className: e, style: t, pinnedInfo: n, visibleMediaQuery: r, title: i, noWrap: a, ellipsis: o, textAlign: s, width: c }) {
+	return Qn(r) ? m(ae, {
 		"data-pinned": n?.position,
 		"data-pinned-shadow": n?.isBoundary ? n.position : void 0,
 		className: X({
-			[Yn]: a || o,
-			[Xn]: o,
-			[er]: s === "left",
-			[tr]: s === "center",
-			[nr]: s === "right"
+			[tr]: a || o,
+			[nr]: o,
+			[or]: s === "left",
+			[sr]: s === "center",
+			[cr]: s === "right"
 		}, e),
 		style: [
 			{
@@ -1842,24 +1910,24 @@ function rr({ className: e, style: t, pinnedInfo: n, visibleMediaQuery: r, title
 		children: i
 	}) : null;
 }
-function ir({ shadowVisible: e }) {
-	return p(ae, {
+function ur({ shadowVisible: e }) {
+	return m(ae, {
 		className: "mantine-datatable-footer-selector-placeholder-cell",
 		"data-shadow-visible": e || void 0
 	});
 }
-function ar({ className: e, style: t, columns: n, defaultColumnProps: r, pinnedMap: i, selectionVisible: a, selectorCellShadowVisible: o, ref: s }) {
-	return p(ie, {
+function dr({ className: e, style: t, columns: n, defaultColumnProps: r, pinnedMap: i, selectionVisible: a, selectorCellShadowVisible: o, ref: s }) {
+	return m(ie, {
 		ref: s,
 		className: X("mantine-datatable-footer", e),
 		style: t,
-		children: m(se, { children: [a && p(ir, { shadowVisible: o }), n.map(({ hidden: e, ...t }) => {
+		children: h(U, { children: [a && m(ur, { 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(rr, {
+			return m(lr, {
 				pinnedInfo: i.get(String(n)),
 				className: l,
 				style: u,
@@ -1873,8 +1941,8 @@ function ar({ className: e, style: t, columns: n, defaultColumnProps: r, pinnedM
 		})] })
 	});
 }
-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([{
+function fr({ group: { id: e, columns: t, groups: n, title: r, textAlign: i, className: a, style: o }, pinnedInfo: s, maxDepth: c, currentDepth: l, previousGroups: d, isLastGroup: f, withColumnBorders: p = !1, totalTableColumns: h }) {
+	let g = u(() => t && t.length > 0 ? t : n && n.length > 0 ? On([{
 		id: e,
 		columns: t,
 		groups: n
@@ -1882,7 +1950,7 @@ function or({ group: { id: e, columns: t, groups: n, title: r, textAlign: i, cla
 		t,
 		n,
 		e
-	]), _ = Gn(l(() => g.map(({ visibleMediaQuery: e }) => e), [g])), v = l(() => Cn({
+	]), _ = Zn(u(() => g.map(({ visibleMediaQuery: e }) => e), [g])), v = u(() => kn({
 		id: e,
 		columns: t,
 		groups: n
@@ -1891,16 +1959,16 @@ function or({ group: { id: e, columns: t, groups: n, title: r, textAlign: i, cla
 		t,
 		n,
 		_
-	]), 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, {
+	]), y = u(() => d.reduce((e, t) => e + kn(t, _), 0), [d, _]), b = n && n.length > 0 ? 1 : c - l, x = jn(f, y + v < h, p);
+	return v > 0 ? m(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", {
-			[er]: i === "left",
-			[tr]: i === "center",
-			[nr]: i === "right",
+			[or]: i === "left",
+			[sr]: i === "center",
+			[cr]: i === "right",
 			"mantine-datatable-column-group-header-cell--needs-border": x
 		}, a),
 		style: [o, s && {
@@ -1908,11 +1976,11 @@ function or({ group: { id: e, columns: t, groups: n, title: r, textAlign: i, cla
 			[s.position]: s.offset,
 			overflow: "visible"
 		}],
-		children: r ?? hn(e)
+		children: r ?? xn(e)
 	}) : null;
 }
-function sr() {
-	return m("svg", {
+function pr() {
+	return h("svg", {
 		width: "14",
 		height: "14",
 		viewBox: "0 0 24 24",
@@ -1921,15 +1989,15 @@ function sr() {
 		fill: "none",
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
-		children: [p("path", {
+		children: [m("path", {
 			stroke: "none",
 			d: "M0 0h24v24H0z",
 			fill: "none"
-		}), 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" })]
+		}), m("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 cr() {
-	return m("svg", {
+function mr() {
+	return h("svg", {
 		width: "14",
 		height: "14",
 		viewBox: "0 0 24 24",
@@ -1938,20 +2006,20 @@ function cr() {
 		fill: "none",
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
-		children: [p("path", {
+		children: [m("path", {
 			stroke: "none",
 			d: "M0 0h24v24H0z",
 			fill: "none"
-		}), p("path", {
+		}), m("path", {
 			d: "M20 3h-16a1 1 0 0 0 -1 1v2.227l.008 .223a3 3 0 0 0 .772 1.795l4.22 4.641v8.114a1 1 0 0 0 1.316 .949l6 -2l.108 -.043a1 1 0 0 0 .576 -.906v-6.586l4.121 -4.12a3 3 0 0 0 .879 -2.123v-2.171a1 1 0 0 0 -1 -1z",
 			strokeWidth: "0",
 			fill: "currentColor"
 		})]
 	});
 }
-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, {
+function hr({ children: e, isActive: t, filterPopoverProps: n, filterPopoverDisableClickOutside: r }) {
+	let [i, { close: a, toggle: o }] = Oe(!1), s = t ? mr : pr, c = De(a);
+	return r && (c = void 0), h(I, {
 		withArrow: !0,
 		shadow: "md",
 		trapFocus: !0,
@@ -1959,7 +2027,7 @@ function lr({ children: e, isActive: t, filterPopoverProps: n, filterPopoverDisa
 		opened: i,
 		onClose: a,
 		onDismiss: a,
-		children: [p(I, { children: p(g, {
+		children: [m(R, { children: m(_, {
 			className: "mantine-datatable-header-cell-filter-action-icon",
 			"data-active": t || void 0,
 			size: "sm",
@@ -1968,8 +2036,8 @@ function lr({ children: e, isActive: t, filterPopoverProps: n, filterPopoverDisa
 				e.preventDefault(), o();
 			},
 			onKeyDown: (e) => e.stopPropagation(),
-			children: p(s, {})
-		}) }), p(ee, {
+			children: m(s, {})
+		}) }), m(L, {
 			ref: c,
 			onClick: (e) => e.stopPropagation(),
 			onKeyDown: (e) => e.stopPropagation(),
@@ -1977,8 +2045,8 @@ function lr({ children: e, isActive: t, filterPopoverProps: n, filterPopoverDisa
 		})]
 	});
 }
-function ur() {
-	return m("svg", {
+function gr() {
+	return h("svg", {
 		width: "14",
 		height: "14",
 		viewBox: "0 0 24 24",
@@ -1988,19 +2056,19 @@ function ur() {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		children: [
-			p("path", {
+			m("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			p("path", { d: "M5 12l14 0" }),
-			p("path", { d: "M5 12l6 6" }),
-			p("path", { d: "M5 12l6 -6" })
+			m("path", { d: "M5 12l14 0" }),
+			m("path", { d: "M5 12l6 6" }),
+			m("path", { d: "M5 12l6 -6" })
 		]
 	});
 }
-function dr() {
-	return m("svg", {
+function _r() {
+	return h("svg", {
 		width: "14",
 		height: "14",
 		viewBox: "0 0 24 24",
@@ -2010,19 +2078,19 @@ function dr() {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		children: [
-			p("path", {
+			m("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			p("path", { d: "M5 12l14 0" }),
-			p("path", { d: "M19 12l-6 6" }),
-			p("path", { d: "M19 12l-6 -6" })
+			m("path", { d: "M5 12l14 0" }),
+			m("path", { d: "M19 12l-6 6" }),
+			m("path", { d: "M19 12l-6 -6" })
 		]
 	});
 }
-function fr() {
-	return m("svg", {
+function vr() {
+	return h("svg", {
 		width: "14",
 		height: "14",
 		viewBox: "0 0 24 24",
@@ -2032,19 +2100,19 @@ function fr() {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		children: [
-			p("path", {
+			m("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			p("path", { d: "M9 4v6l-2 4v2h10v-2l-2-4v-6" }),
-			p("path", { d: "M12 16v5" }),
-			p("path", { d: "M8 4h8" })
+			m("path", { d: "M9 4v6l-2 4v2h10v-2l-2-4v-6" }),
+			m("path", { d: "M12 16v5" }),
+			m("path", { d: "M8 4h8" })
 		]
 	});
 }
-function pr() {
-	return m("svg", {
+function yr() {
+	return h("svg", {
 		width: "14",
 		height: "14",
 		viewBox: "0 0 24 24",
@@ -2054,126 +2122,126 @@ function pr() {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		children: [
-			p("path", {
+			m("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			p("path", { d: "M18 6l-12 12" }),
-			p("path", { d: "M6 6l12 12" })
+			m("path", { d: "M18 6l-12 12" }),
+			m("path", { d: "M6 6l12 12" })
 		]
 	});
 }
-function mr({ currentPinned: e, onPinChange: t }) {
-	let [n, r] = d(!1), i = u(null), [o, c] = d(!1), l = a(() => {
+function br({ currentPinned: e, onPinChange: t }) {
+	let [n, r] = f(!1), i = d(null), [a, s] = f(!1), l = o(() => {
 		if (i.current) {
 			let e = getComputedStyle(i.current).direction;
-			c(e === "rtl");
+			s(e === "rtl");
 		}
 	}, []);
-	jn(() => {
+	Ln(() => {
 		l();
-	}, [l]), s(() => {
+	}, [l]), c(() => {
 		n && l();
 	}, [n, l]);
-	let f = o ? "right" : "left", h = o ? "left" : "right", _ = e === f, v = e === h;
-	return m(F, {
+	let u = a ? "right" : "left", p = a ? "left" : "right", g = e === u, v = e === p;
+	return h(I, {
 		opened: n,
 		onChange: r,
 		position: "bottom",
 		withArrow: !0,
 		shadow: "sm",
-		children: [p(F.Target, { children: p(b, {
+		children: [m(I.Target, { children: m(x, {
 			ref: i,
 			className: "mantine-datatable-header-cell-pinnable-icon",
 			role: "button",
 			"aria-label": "Pin column",
 			onMouseEnter: () => r(!0),
 			onMouseLeave: () => r(!1),
-			children: p(g, {
+			children: m(_, {
 				size: "xs",
 				variant: "light",
 				onClick: (e) => e.stopPropagation(),
-				children: p(fr, {})
+				children: m(vr, {})
 			})
-		}) }), p(F.Dropdown, {
+		}) }), m(I.Dropdown, {
 			onClick: (e) => e.stopPropagation(),
 			onMouseEnter: () => r(!0),
 			onMouseLeave: () => r(!1),
 			className: "mantine-datatable-pinnable-dropdown",
-			children: m(T, {
+			children: h(E, {
 				gap: 4,
 				children: [
-					p(g, {
+					m(_, {
 						size: "sm",
-						variant: _ ? "filled" : "light",
-						onClick: () => t(_ ? void 0 : f),
+						variant: g ? "filled" : "light",
+						onClick: () => t(g ? void 0 : u),
 						"aria-label": "Pin left",
-						children: p(ur, {})
+						children: m(gr, {})
 					}),
-					p(g, {
+					m(_, {
 						size: "sm",
 						variant: v ? "filled" : "light",
-						onClick: () => t(v ? void 0 : h),
+						onClick: () => t(v ? void 0 : p),
 						"aria-label": "Pin right",
-						children: p(dr, {})
+						children: m(_r, {})
 					}),
-					e && p(g, {
+					e && m(_, {
 						size: "sm",
 						variant: "light",
 						color: "red",
 						onClick: () => t(void 0),
 						"aria-label": "Unpin",
-						children: p(pr, {})
+						children: m(yr, {})
 					})
 				]
 			})
 		})]
 	});
 }
-var hr = 50, gr = (e) => {
-	let { accessor: t, columnRef: n } = e, [r, i] = d(!1), o = u(0), s = u({
+var xr = 50, Sr = (e) => {
+	let { accessor: t, columnRef: n } = e, [r, i] = f(!1), a = d(0), s = d({
 		current: 0,
 		next: 0
-	}), { dir: c } = he(), l = c === "rtl", { setMultipleColumnWidths: f, beginResize: m, endResize: h } = un(), g = a((e) => {
+	}), { dir: c } = pe(), l = c === "rtl", { setMultipleColumnWidths: u, beginResize: p, endResize: h } = gn(), g = o((e) => {
 		if (e.preventDefault(), e.stopPropagation(), !n.current) return;
-		let r = n.current, a = r.nextElementSibling;
-		for (; a;) {
-			let e = a.getAttribute("data-accessor");
+		let r = n.current, o = r.nextElementSibling;
+		for (; o;) {
+			let e = o.getAttribute("data-accessor");
 			if (e && e !== "__selection__") break;
-			a = a.nextElementSibling;
+			o = o.nextElementSibling;
 		}
-		if (!a) return;
-		let c = a.getAttribute("data-accessor");
+		if (!o) return;
+		let c = o.getAttribute("data-accessor");
 		if (!c) return;
-		let u = r.offsetWidth, d = a.offsetWidth;
-		m(), i(!0), o.current = e.clientX, s.current = {
-			current: u,
-			next: d
+		let d = r.offsetWidth, f = o.offsetWidth;
+		p(), i(!0), a.current = e.clientX, s.current = {
+			current: d,
+			next: f
 		};
-		let p = (e) => {
-			let n = e.clientX - o.current;
+		let m = (e) => {
+			let n = e.clientX - a.current;
 			l && (n = -n);
-			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([{
+			let r = s.current.current - xr, i = s.current.next - xr, o = Math.max(-r, Math.min(n, i)), d = s.current.current + o, f = s.current.next - o;
+			u([{
 				accessor: t,
-				width: `${u}px`
+				width: `${d}px`
 			}, {
 				accessor: c,
-				width: `${d}px`
+				width: `${f}px`
 			}]);
 		}, g = () => {
-			i(!1), document.body.style.cursor = "initial", document.body.style.userSelect = "initial", h(), document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", g);
+			i(!1), document.body.style.cursor = "initial", document.body.style.userSelect = "initial", h(), document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", g);
 		};
-		document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", p), document.addEventListener("mouseup", g);
+		document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", m), document.addEventListener("mouseup", g);
 	}, [
 		t,
 		n,
 		l,
-		f,
-		m,
+		u,
+		p,
 		h
-	]), _ = a(() => {
+	]), _ = o(() => {
 		if (!n.current) return;
 		let e = n.current.nextElementSibling, r = [{
 			accessor: t,
@@ -2186,13 +2254,13 @@ var hr = 50, gr = (e) => {
 				width: "auto"
 			});
 		}
-		f(r);
+		u(r);
 	}, [
 		t,
 		n,
-		f
+		u
 	]);
-	return p("div", {
+	return m("div", {
 		className: "mantine-datatable-header-resizable-handle",
 		style: { cursor: r ? "col-resize" : void 0 },
 		onMouseDown: g,
@@ -2201,8 +2269,8 @@ var hr = 50, gr = (e) => {
 		title: "Drag to resize column, double-click to reset"
 	});
 };
-function _r() {
-	return m("svg", {
+function Cr() {
+	return h("svg", {
 		width: "14",
 		height: "14",
 		viewBox: "0 0 24 24",
@@ -2212,19 +2280,19 @@ function _r() {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		children: [
-			p("path", {
+			m("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			p("path", { d: "M8 7l4 -4l4 4" }),
-			p("path", { d: "M8 17l4 4l4 -4" }),
-			p("path", { d: "M12 3l0 18" })
+			m("path", { d: "M8 7l4 -4l4 4" }),
+			m("path", { d: "M8 17l4 4l4 -4" }),
+			m("path", { d: "M12 3l0 18" })
 		]
 	});
 }
-function vr() {
-	return m("svg", {
+function wr() {
+	return h("svg", {
 		width: "14",
 		height: "14",
 		viewBox: "0 0 24 24",
@@ -2234,19 +2302,19 @@ function vr() {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		children: [
-			p("path", {
+			m("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			p("path", { d: "M12 5l0 14" }),
-			p("path", { d: "M16 9l-4 -4" }),
-			p("path", { d: "M8 9l4 -4" })
+			m("path", { d: "M12 5l0 14" }),
+			m("path", { d: "M16 9l-4 -4" }),
+			m("path", { d: "M8 9l4 -4" })
 		]
 	});
 }
-function yr() {
-	return m("svg", {
+function Tr() {
+	return h("svg", {
 		width: "14",
 		height: "14",
 		viewBox: "0 0 24 24",
@@ -2256,51 +2324,51 @@ function yr() {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		children: [
-			p("path", {
+			m("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			p("path", { d: "M9 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }),
-			p("path", { d: "M9 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }),
-			p("path", { d: "M9 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }),
-			p("path", { d: "M15 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }),
-			p("path", { d: "M15 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }),
-			p("path", { d: "M15 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" })
+			m("path", { d: "M9 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }),
+			m("path", { d: "M9 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }),
+			m("path", { d: "M9 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }),
+			m("path", { d: "M15 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }),
+			m("path", { d: "M15 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }),
+			m("path", { d: "M15 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" })
 		]
 	});
 }
-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) => {
+function Er({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQuery: i, title: a, sortable: o, draggable: s, toggleable: c, pinnable: l, resizable: u, sortIcons: p, textAlign: g, width: v, sortStatus: b, onSortStatusChange: S, filter: C, filterPopoverProps: w, filterPopoverDisableClickOutside: D, filtering: O, sortKey: k }) {
+	let { setSourceColumn: A, setTargetColumn: j, swapColumns: M, columnsToggle: N, setColumnsToggle: P, columnsPinning: F, setColumnsPinning: I } = gn(), [L, R] = f(!1), z = d(null), ee = F?.find((e) => e.accessor === r)?.pinned;
+	if (!Qn(i)) return null;
+	let B = a ?? xn(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"
+			direction: b?.columnAccessor === r ? b.direction === "asc" ? "desc" : "asc" : b?.direction ?? "asc"
 		});
-	} : void 0, re = (e) => {
-		e.stopPropagation(), A(r), L(!1);
-	}, ie = (e) => {
-		e.preventDefault(), j(r), L(!0);
-	}, oe = () => {
-		j(r), L(!1), M();
-	}, se = () => {
-		L(!0);
-	}, ce = () => {
-		L(!1);
-	}, V = (e) => {
+	} : void 0, V = (e) => {
+		e.stopPropagation(), A(r), R(!1);
+	}, re = (e) => {
+		e.preventDefault(), j(r), R(!0);
+	}, ie = () => {
+		j(r), R(!1), M();
+	}, H = () => {
+		R(!0);
+	}, U = () => {
+		R(!1);
+	}, oe = (e) => {
 		e.stopPropagation(), P(N.map((e) => e.accessor === r ? {
 			...e,
 			toggled: !1
 		} : e));
-	}, le = (e) => {
-		ee((t) => t.map((t) => t.accessor === r ? {
+	}, W = (e) => {
+		I((t) => t.map((t) => t.accessor === r ? {
 			...t,
 			pinned: e
 		} : t));
 	};
-	return m(ae, {
+	return h(ae, {
 		"data-accessor": r,
 		"data-pinned": n?.position,
 		"data-pinned-shadow": n?.isBoundary ? n.position : void 0,
@@ -2308,14 +2376,14 @@ function br({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
 			"mantine-datatable-header-cell-sortable": o,
 			"mantine-datatable-header-cell-toggleable": c,
 			"mantine-datatable-header-cell-pinnable": l,
-			"mantine-datatable-header-cell-resizable": f
+			"mantine-datatable-header-cell-resizable": u
 		}, e),
 		style: [
 			{
-				width: y,
-				...f ? {} : {
-					minWidth: y,
-					maxWidth: y
+				width: v,
+				...u ? {} : {
+					minWidth: v,
+					maxWidth: v
 				}
 			},
 			t,
@@ -2329,98 +2397,98 @@ function br({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQu
 		tabIndex: o ? 0 : void 0,
 		onClick: ne,
 		onKeyDown: (e) => e.key === "Enter" && ne?.(),
-		ref: R,
-		children: [m(T, {
+		ref: z,
+		children: [h(E, {
 			className: "mantine-datatable-header-cell-sortable-group",
 			justify: "space-between",
 			wrap: "nowrap",
 			children: [
-				m(w, {
+				h(T, {
 					align: "center",
 					w: "100%",
 					className: X({
 						"mantine-datatable-header-cell-draggable": s,
-						"mantine-datatable-header-cell-drag-over": I
+						"mantine-datatable-header-cell-drag-over": L
 					}),
 					draggable: s,
-					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, {
+					onDragStart: s ? V : void 0,
+					onDragEnter: s ? H : void 0,
+					onDragOver: s ? re : void 0,
+					onDrop: s ? ie : void 0,
+					onDragLeave: s ? U : void 0,
+					children: [s ? m(x, {
 						role: "img",
 						"aria-label": "Drag column",
-						children: p(g, {
+						children: m(_, {
 							className: "mantine-datatable-header-cell-draggable-action-icon",
 							variant: "subtle",
 							size: "xs",
 							onClick: (e) => {
 								e.stopPropagation();
 							},
-							children: p(yr, {})
+							children: m(Tr, {})
 						})
-					}) : null, p(v, {
+					}) : null, m(y, {
 						className: X("mantine-datatable-header-cell-sortable-text", {
-							[er]: _ === "left",
-							[tr]: _ === "center",
-							[nr]: _ === "right"
-						}, Yn, Xn),
+							[or]: g === "left",
+							[sr]: g === "center",
+							[cr]: g === "right"
+						}, tr, nr),
 						title: te,
 						children: B
 					})]
 				}),
-				l ? p(mr, {
-					currentPinned: z,
-					onPinChange: le
+				l ? m(br, {
+					currentPinned: ee,
+					onPinChange: W
 				}) : null,
-				c ? p(b, {
+				c ? m(x, {
 					className: "mantine-datatable-header-cell-toggleable-icon",
 					role: "img",
 					"aria-label": "Toggle column",
-					children: p(g, {
+					children: m(_, {
 						size: "xs",
 						variant: "light",
-						onClick: V,
-						children: p(pr, {})
+						onClick: oe,
+						children: m(yr, {})
 					})
 				}) : 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" }),
+				o || b?.columnAccessor === r ? b?.columnAccessor === r ? m(x, {
+					className: X("mantine-datatable-header-cell-sortable-icon", { "mantine-datatable-header-cell-sortable-icon-reversed": b.direction === "desc" }),
 					role: "img",
-					"aria-label": `Sorted ${x.direction === "desc" ? "descending" : "ascending"}`,
-					children: h?.sorted || p(vr, {})
-				}) : p(b, {
+					"aria-label": `Sorted ${b.direction === "desc" ? "descending" : "ascending"}`,
+					children: p?.sorted || m(wr, {})
+				}) : m(x, {
 					className: "mantine-datatable-header-cell-sortable-unsorted-icon",
 					role: "img",
 					"aria-label": "Not sorted",
-					children: h?.unsorted || p(_r, {})
+					children: p?.unsorted || m(Cr, {})
 				}) : null,
-				C ? p(lr, {
-					filterPopoverProps: E,
+				C ? m(hr, {
+					filterPopoverProps: w,
 					isActive: !!O,
 					filterPopoverDisableClickOutside: D,
 					children: C
 				}) : null
 			]
-		}), f && r !== "__selection__" ? p(gr, {
+		}), u && r !== "__selection__" ? m(Sr, {
 			accessor: r,
-			columnRef: R
+			columnRef: z
 		}) : null]
 	});
 }
-function xr({ className: e, style: t, trigger: n, shadowVisible: r, checked: i, indeterminate: a, checkboxProps: o, onChange: s, rowSpan: c, ref: l }) {
+function Dr({ 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(ae, {
+	return m(ae, {
 		ref: l,
-		className: X("mantine-datatable-header-selector-cell", { [Zn]: n === "cell" && u }, e),
+		className: X("mantine-datatable-header-selector-cell", { [rr]: 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: Zn } : void 0,
+		children: m(S, {
+			classNames: u ? { input: rr } : void 0,
 			checked: i,
 			indeterminate: a,
 			onChange: s,
@@ -2429,7 +2497,7 @@ function xr({ className: e, style: t, trigger: n, shadowVisible: r, checked: i,
 		})
 	});
 }
-function Sr(e, t) {
+function Or(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));
@@ -2442,44 +2510,44 @@ function Sr(e, t) {
 		isBoundary: l?.isBoundary ?? !1
 	};
 }
-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, {
+function kr({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r, sortIcons: i, onSortStatusChange: a, columns: o, defaultColumnProps: s, groups: c, pinnedMap: l, selectionTrigger: u, selectionVisible: d, selectionChecked: p, selectionIndeterminate: g, onSelectionChange: _, selectionCheckboxProps: v, selectorCellShadowVisible: y, selectionColumnClassName: b, selectionColumnStyle: x, withColumnBorders: C = !1, ref: w }) {
+	let T = c ? Dn(c) : 0, D = T > 0 ? T + 1 : 1, O = d ? m(Dr, {
 		ref: e,
 		className: b,
-		style: S,
+		style: x,
 		trigger: u,
 		shadowVisible: y,
-		checked: h,
+		checked: p,
 		indeterminate: g,
 		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 ?? hn(String(e))])) : void 0, L = m(oe, {
+	}) : null, { columnsToggle: k, setColumnsToggle: A } = gn(), [j, M] = f(!1), N = o.some((e) => e.toggleable), P = N ? Object.fromEntries(o.map(({ accessor: e, title: t }) => [e, t ?? xn(String(e))])) : void 0, F = h(H, {
 		className: X("mantine-datatable-header", t),
 		style: n,
 		ref: w,
 		onContextMenu: N ? (e) => {
 			e.preventDefault(), M((e) => !e);
 		} : void 0,
-		children: [c && Array.from({ length: E }, (e, t) => {
-			let n = wn(c, t);
-			return m(se, { children: [t === 0 && O, n.map((e, r) => p(or, {
+		children: [c && Array.from({ length: T }, (e, t) => {
+			let n = An(c, t);
+			return h(U, { children: [t === 0 && O, n.map((e, r) => m(fr, {
 				group: e,
-				pinnedInfo: Sr(e, l),
-				maxDepth: E,
+				pinnedInfo: Or(e, l),
+				maxDepth: T,
 				currentDepth: t,
 				previousGroups: n.slice(0, r),
 				isLastGroup: r === n.length - 1,
 				withColumnBorders: C,
 				totalTableColumns: o.length
 			}, e.id))] }, `group-depth-${t}`);
-		}), m(se, { children: [!c && O, o.map(({ hidden: e, ...t }, n) => {
+		}), h(U, { 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 } = {
+			let { accessor: c, visibleMediaQuery: u, textAlign: d, width: f, title: p, 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(br, {
+			return m(Er, {
 				accessor: c,
 				pinnedInfo: l.get(String(c)),
 				className: b,
@@ -2487,7 +2555,7 @@ function Cr({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r
 				visibleMediaQuery: u,
 				textAlign: d,
 				width: f,
-				title: m,
+				title: p,
 				sortable: h,
 				draggable: g,
 				toggleable: _,
@@ -2504,13 +2572,13 @@ function Cr({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r
 			}, c);
 		})] })]
 	});
-	return N ? m(F, {
+	return N ? h(I, {
 		position: "bottom",
 		withArrow: !0,
 		shadow: "md",
 		opened: j,
 		onChange: M,
-		children: [p(I, { children: L }), p(ee, { children: p(B, { children: k.filter((e) => e.toggleable).map((e) => p(T, { children: p(x, {
+		children: [m(R, { children: F }), m(L, { children: m(te, { children: k.filter((e) => e.toggleable).map((e) => m(E, { children: m(S, {
 			classNames: { label: "mantine-datatable-header-column-toggle-checkbox-label" },
 			size: "xs",
 			label: P[e.accessor],
@@ -2522,21 +2590,21 @@ function Cr({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r
 				} : n));
 			}
 		}) }, e.accessor)) }) })]
-	}) : L;
+	}) : F;
 }
-function wr({ fetching: e, customContent: t, backgroundBlur: n, size: r, type: i, color: a }) {
-	return p(b, {
+function Ar({ fetching: e, customContent: t, backgroundBlur: n, size: r, type: i, color: a }) {
+	return m(x, {
 		className: X("mantine-datatable-loader", { "mantine-datatable-loader-fetching": e }),
 		style: [{ backdropFilter: n ? `blur(${n}px)` : void 0 }],
-		children: e && (t || p(D, {
+		children: e && (t || m(O, {
 			size: r,
 			type: i,
 			color: a
 		}))
 	});
 }
-function Tr() {
-	return m("svg", {
+function jr() {
+	return h("svg", {
 		width: "14",
 		height: "14",
 		viewBox: "0 0 24 24",
@@ -2546,58 +2614,58 @@ function Tr() {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		children: [
-			p("path", {
+			m("path", {
 				stroke: "none",
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			p("path", { d: "M8 9l4 -4l4 4" }),
-			p("path", { d: "M16 15l-4 4l-4 -4" })
+			m("path", { d: "M8 9l4 -4l4 4" }),
+			m("path", { d: "M16 15l-4 4l-4 -4" })
 		]
 	});
 }
-var Er = {
-	xs: me(22),
-	sm: me(26),
-	md: me(32),
-	lg: me(38),
-	xl: me(44)
+var Mr = {
+	xs: fe(22),
+	sm: fe(26),
+	md: fe(32),
+	lg: fe(38),
+	xl: fe(44)
 };
-function Dr({ size: e, label: t, values: n, value: r, activeTextColor: i, activeBackgroundColor: a, onChange: o }) {
-	return m(T, {
+function Nr({ size: e, label: t, values: n, value: r, activeTextColor: i, activeBackgroundColor: a, onChange: o }) {
+	return h(E, {
 		gap: "xs",
-		children: [p(V, {
+		children: [m(W, {
 			component: "div",
 			size: e,
 			children: t
-		}), m(O, {
+		}), h(k, {
 			withinPortal: !0,
 			withArrow: !0,
 			offset: 2,
 			classNames: { arrow: "mantine-datatable-page-size-selector-menu-arrow" },
-			children: [p(j, { children: p(y, {
+			children: [m(M, { children: m(b, {
 				size: e,
 				variant: "default",
 				classNames: { section: "mantine-datatable-page-size-selector-button-icon" },
-				rightSection: p(Tr, {}),
+				rightSection: m(jr, {}),
 				style: [{ fontWeight: "normal" }, (t) => ({
-					height: Er[e],
+					height: Mr[e],
 					paddingLeft: t.spacing[e],
 					paddingRight: t.spacing[e]
 				})],
 				children: r
-			}) }), p(k, { children: n.map((t) => {
+			}) }), m(A, { children: n.map((t) => {
 				let n = t === r;
-				return p(A, {
+				return m(j, {
 					className: X({ "mantine-datatable-page-size-selector-active": n }),
-					style: [{ height: Er[e] }, n && (i || a) ? (e) => sn({
+					style: [{ height: Mr[e] }, n && (i || a) ? (e) => pn({
 						theme: e,
 						paginationActiveTextColor: i,
 						paginationActiveBackgroundColor: a
 					}) : void 0],
 					disabled: n,
 					onClick: () => o(t),
-					children: p(V, {
+					children: m(W, {
 						component: "div",
 						size: e,
 						children: t
@@ -2607,40 +2675,40 @@ function Dr({ size: e, label: t, values: n, value: r, activeTextColor: i, active
 		})]
 	});
 }
-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 }) {
+function Pr({ 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: f, totalRecords: g, recordsPerPage: _, onRecordsPerPageChange: v, 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;
-		O = h({
+		O = f({
 			from: e,
 			to: e + (S || 0) - 1,
 			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 = !Kn(({ breakpoints: e }) => `(min-width: ${typeof w == "number" ? `${me(w)}rem` : e[w] || w})`), N = {
-		Text: (e) => p(V, {
+	let k = g && _ ? Math.max(1, Math.ceil(g / _)) : 1, A = g ? (r - 1) * (_ ?? 0) + 1 : void 0, j = g ? (A ?? 1) + (S ?? 0) - 1 : void 0, M = !Qn(({ breakpoints: e }) => `(min-width: ${typeof w == "number" ? `${fe(w)}rem` : e[w] || w})`), N = {
+		Text: (e) => m(W, {
 			component: "div",
 			className: "mantine-datatable-pagination-text",
 			size: l,
 			...e,
 			children: O
 		}),
-		PageSizeSelector: (e) => x ? p(Dr, {
+		PageSizeSelector: (e) => x ? m(Nr, {
 			activeTextColor: s,
 			activeBackgroundColor: c,
 			size: l,
 			label: b,
 			values: x,
 			value: _,
-			onChange: y,
+			onChange: v,
 			...e
 		}) : null,
-		Pagination: (e) => p(P, {
+		Pagination: (e) => m(F, {
 			classNames: {
 				root: X("mantine-datatable-pagination-pages", { "mantine-datatable-pagination-pages-fetching": n || !S }),
 				control: "mantine-datatable-pagination-pages-control"
 			},
-			style: s || c ? (e) => sn({
+			style: s || c ? (e) => pn({
 				theme: e,
 				paginationActiveTextColor: s,
 				paginationActiveBackgroundColor: c
@@ -2655,7 +2723,7 @@ function Or({ className: e, style: t, fetching: n, page: r, onPageChange: i, pag
 			getItemProps: E,
 			...e
 		})
-	}, F = {
+	}, P = {
 		state: {
 			paginationSize: l,
 			page: r,
@@ -2670,34 +2738,34 @@ function Or({ className: e, style: t, fetching: n, page: r, onPageChange: i, pag
 		},
 		actions: {
 			setPage: (e) => i?.(e),
-			setRecordsPerPage: y ? (e) => y(e) : void 0
+			setRecordsPerPage: v ? (e) => v(e) : void 0
 		},
 		Controls: N
 	};
-	return p(v, {
+	return m(y, {
 		px: C ?? "xs",
 		py: "xs",
 		className: X("mantine-datatable-pagination", e),
 		style: [{ flexDirection: M ? "column" : "row" }, t],
-		children: typeof D == "function" ? D(F) : m(f, { children: [
-			p(N.Text, {}),
-			p(N.PageSizeSelector, {}),
-			p(N.Pagination, {})
+		children: typeof D == "function" ? D(P) : h(p, { children: [
+			m(N.Text, {}),
+			m(N.PageSizeSelector, {}),
+			m(N.Pagination, {})
 		] })
 	});
 }
-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, {
+function Fr({ className: e, style: t, pinnedInfo: n, visibleMediaQuery: r, record: i, index: a, onClick: o, onDoubleClick: s, onContextMenu: c, noWrap: l, ellipsis: u, textAlign: d, width: f, accessor: p, render: h, defaultRender: g, customCellAttributes: _ }) {
+	return Qn(r) ? m(re, {
 		"data-pinned": n?.position,
 		"data-pinned-shadow": n?.isBoundary ? n.position : void 0,
 		className: X({
-			[Yn]: l || u,
-			[Xn]: u,
-			[Zn]: o || s,
-			[Qn]: c,
-			[er]: d === "left",
-			[tr]: d === "center",
-			[nr]: d === "right"
+			[tr]: l || u,
+			[nr]: u,
+			[rr]: o || s,
+			[ir]: c,
+			[or]: d === "left",
+			[sr]: d === "center",
+			[cr]: d === "right"
 		}, e),
 		style: [
 			{
@@ -2716,46 +2784,46 @@ function kr({ 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) : bn(i, m)
+		children: h ? h(i, a) : g ? g(i, a, p) : En(i, p)
 	}) : null;
 }
-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, {
+function Ir({ open: e, colSpan: t, content: n, collapseProps: r }) {
+	let { expanded: i, visible: a } = er(e, r?.transitionDuration);
+	return a ? h(p, { children: [m(U, {}), m(U, { children: m(re, {
 		className: "mantine-datatable-row-expansion-cell",
 		colSpan: t,
-		children: p(S, {
+		children: m(C, {
 			expanded: i,
 			...r,
-			children: p("div", {
+			children: m("div", {
 				className: "mantine-datatable-row-expansion-cell-content",
 				children: n()
 			})
 		})
 	}) })] }) : null;
 }
-function jr({ className: e, style: t, record: n, index: r, trigger: i, onChange: a, withRightShadow: o, checkboxProps: s, getCheckboxProps: c, ...l }) {
+function Lr({ 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(re, {
-		className: X("mantine-datatable-row-selector-cell", { [Zn]: i === "cell" && d }, e),
+	return m(re, {
+		className: X("mantine-datatable-row-selector-cell", { [rr]: i === "cell" && d }, e),
 		style: t,
 		"data-shadow-visible": o || void 0,
 		onClick: f,
-		children: p(x, {
-			classNames: d ? { input: Zn } : void 0,
+		children: m(S, {
+			classNames: d ? { input: rr } : void 0,
 			onChange: a,
 			...l,
 			...u
 		})
 	});
 }
-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, {
+function Rr({ 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: f, 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 = h(p, { children: [s && m(Lr, {
 		className: k,
 		style: A,
 		record: e,
@@ -2766,14 +2834,14 @@ function Mr({ record: e, index: t, columns: n, defaultColumnProps: r, pinnedMap:
 		disabled: !l || (u ? !u(e, t) : !1),
 		onChange: l,
 		checkboxProps: d,
-		getCheckboxProps: h
+		getCheckboxProps: f
 	}), n.map(({ hidden: n, hiddenContent: o, ...s }, c) => {
 		if (n || o) return null;
-		let { accessor: l, visibleMediaQuery: u, textAlign: d, noWrap: f, ellipsis: m, width: h, render: g, cellsClassName: _, cellsStyle: v, customCellAttributes: S } = {
+		let { accessor: l, visibleMediaQuery: u, textAlign: d, noWrap: f, ellipsis: p, width: h, render: g, cellsClassName: _, cellsStyle: v, customCellAttributes: S } = {
 			...r,
 			...s
 		};
-		return p(kr, {
+		return m(Fr, {
 			pinnedInfo: i.get(String(l)),
 			className: typeof _ == "function" ? _(e, t) : _,
 			style: v?.(e, t),
@@ -2804,13 +2872,13 @@ function Mr({ record: e, index: t, columns: n, defaultColumnProps: r, pinnedMap:
 			accessor: l,
 			textAlign: d,
 			noWrap: f,
-			ellipsis: m,
+			ellipsis: p,
 			width: h,
 			render: g,
 			defaultRender: a,
 			customCellAttributes: S
 		}, l);
-	})] }), N = S && p(Ar, {
+	})] }), N = S && m(Ir, {
 		colSpan: n.filter(({ hidden: e }) => !e).length + +!!s,
 		open: S.isRowExpanded(e),
 		content: S.content({
@@ -2818,7 +2886,7 @@ function Mr({ record: e, index: t, columns: n, defaultColumnProps: r, pinnedMap:
 			index: t
 		}),
 		collapseProps: S.collapseProps
-	}), P = Nr({
+	}), P = zr({
 		record: e,
 		index: t,
 		selectionChecked: c,
@@ -2838,17 +2906,17 @@ function Mr({ record: e, index: t, columns: n, defaultColumnProps: r, pinnedMap:
 		rowProps: P,
 		children: M,
 		expandedElement: N
-	}) : m(f, { children: [p(se, {
+	}) : h(p, { children: [m(U, {
 		...P,
 		children: M
 	}), N] });
 }
-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 }) {
+function zr({ 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", { [Zn]: r || i || o?.isExpandable({
+		className: X("mantine-datatable-row", { [rr]: r || i || o?.isExpandable({
 			record: e,
 			index: t
-		}) && o?.expandOnClick }, { [Qn]: a }, typeof u == "function" ? u(e, t) : u),
+		}) && o?.expandOnClick }, { [ir]: a }, typeof u == "function" ? u(e, t) : u),
 		"data-selected": n || void 0,
 		onClick: (n) => {
 			if (o) {
@@ -2876,7 +2944,7 @@ function Nr({ record: e, index: t, selectionChecked: n, onClick: r, onDoubleClic
 		}) : void 0,
 		style: [c || l ? (n) => {
 			let r = c?.(e, t), i = l?.(e, t);
-			return cn({
+			return mn({
 				theme: n,
 				color: r,
 				backgroundColor: i
@@ -2885,8 +2953,8 @@ function Nr({ record: e, index: t, selectionChecked: n, onClick: r, onDoubleClic
 		...s?.(e, t) ?? {}
 	};
 }
-function Pr({ leftShadowBehind: e, rightShadowBehind: t, onScrollPositionChange: n, children: r, viewportRef: i, scrollAreaProps: a }) {
-	return m(L, {
+function Br({ leftShadowBehind: e, rightShadowBehind: t, onScrollPositionChange: n, children: r, viewportRef: i, scrollAreaProps: a }) {
+	return h(z, {
 		...a,
 		viewportRef: i,
 		classNames: {
@@ -2898,157 +2966,157 @@ function Pr({ leftShadowBehind: e, rightShadowBehind: t, onScrollPositionChange:
 		onScrollPositionChange: n,
 		children: [
 			r,
-			p(v, { className: X("mantine-datatable-scroll-area-shadow", "mantine-datatable-scroll-area-top-shadow") }),
-			p("div", { className: X("mantine-datatable-scroll-area-shadow", "mantine-datatable-scroll-area-left-shadow", { "mantine-datatable-scroll-area-shadow-behind": e }) }),
-			p("div", { className: X("mantine-datatable-scroll-area-shadow", "mantine-datatable-scroll-area-right-shadow", { "mantine-datatable-scroll-area-shadow-behind": t }) }),
-			p(v, { className: X("mantine-datatable-scroll-area-shadow", "mantine-datatable-scroll-area-bottom-shadow") })
+			m(y, { className: X("mantine-datatable-scroll-area-shadow", "mantine-datatable-scroll-area-top-shadow") }),
+			m("div", { className: X("mantine-datatable-scroll-area-shadow", "mantine-datatable-scroll-area-left-shadow", { "mantine-datatable-scroll-area-shadow-behind": e }) }),
+			m("div", { className: X("mantine-datatable-scroll-area-shadow", "mantine-datatable-scroll-area-right-shadow", { "mantine-datatable-scroll-area-shadow-behind": t }) }),
+			m(y, { className: X("mantine-datatable-scroll-area-shadow", "mantine-datatable-scroll-area-bottom-shadow") })
 		]
 	});
 }
-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({
+function Vr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, height: r = "100%", minHeight: i, maxHeight: a, shadow: s, verticalAlign: f = "center", fetching: p, columns: g, storeColumnsKey: _, groups: v, 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: I, onSortStatusChange: L, horizontalSpacing: R, page: z, onPageChange: ee, totalRecords: B, recordsPerPage: te, onRecordsPerPageChange: ne, recordsPerPageOptions: re, recordsPerPageLabel: ie = "Records per page", paginationWithEdges: ae, paginationWithControls: H, paginationActiveTextColor: U, paginationActiveBackgroundColor: oe, paginationSize: W = "sm", paginationText: se = ({ from: e, to: t, totalRecords: n }) => `${e} - ${t} / ${n}`, paginationWrapBreakpoint: ce = "sm", getPaginationControlProps: le = (e) => e === "previous" ? { "aria-label": "Previous page" } : e === "next" ? { "aria-label": "Next page" } : {}, getPaginationItemProps: ue, renderPagination: de, loaderBackgroundBlur: fe, customLoader: pe, loaderSize: me, loaderType: he, loaderColor: ge, loadingText: _e = "...", emptyState: ve, noRecordsText: ye = "No records", noRecordsIcon: be, highlightOnHover: xe, striped: Se, noHeader: Ce, onRowClick: we, onRowDoubleClick: Te, onRowContextMenu: Ee, onCellClick: De, onCellDoubleClick: Oe, onCellContextMenu: G, onScroll: ke, onScrollToTop: je, onScrollToBottom: Me, onScrollToLeft: Ne, onScrollToRight: Pe, c: Fe, backgroundColor: Ie, borderColor: Le, rowBorderColor: Re, stripedColor: ze, highlightOnHoverColor: Be, rowColor: K, rowBackgroundColor: q, rowExpansion: Ve, rowClassName: He, rowStyle: Ue, customRowAttributes: We, scrollViewportRef: Ge, scrollAreaProps: Ke, tableRef: qe, bodyRef: Je, m: Ye, my: Xe, mx: Ze, mt: Qe, mb: $e, ml: et, mr: tt, className: nt, classNames: rt, style: it, styles: at, rowFactory: ot, tableWrapper: st, ...ct }) {
+	let lt = u(() => v ? On(v) : g, [g, v]), { refs: J, onScroll: ut } = Gn({
 		scrollCallbacks: {
-			onScroll: Ne,
-			onScrollToTop: Pe,
-			onScrollToBottom: Fe,
-			onScrollToLeft: Ie,
-			onScrollToRight: Le
+			onScroll: ke,
+			onScrollToTop: je,
+			onScrollToBottom: Me,
+			onScrollToLeft: Ne,
+			onScrollToRight: Pe
 		},
-		withRowBorders: ut.withRowBorders
-	}), q = An({
+		withRowBorders: ct.withRowBorders
+	}), Y = In({
 		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 = qn({
-		rowExpansion: We,
+		columns: lt,
+		headerRef: J.header,
+		scrollViewportRef: J.scrollViewport
+	}), dt = Y.effectiveColumns, ft = Ae(J.table, qe), pt = Ae(J.scrollViewport, Ge), mt = d(null), ht = Ae(mt, Je), gt = $n({
+		rowExpansion: Ve,
 		records: T,
 		idAccessor: w
-	}), { pinnedMap: yt, hasLeftPinned: bt, hasRightPinned: xt } = Bn({
-		columns: pt,
-		theadRef: K.header,
-		tbodyRef: gt,
-		selectionColumnHeaderRef: K.selectionColumnHeader,
+	}), { pinnedMap: _t, hasLeftPinned: vt, hasRightPinned: yt } = Kn({
+		columns: dt,
+		theadRef: J.header,
+		tbodyRef: mt,
+		selectionColumnHeaderRef: J.selectionColumnHeader,
 		selectionVisible: !!D,
 		pinFirstColumn: b,
 		pinLastColumn: x
-	}), St = u(!1), Ct = u(R), wt = u(T), Tt = a((e) => {
-		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]);
-	let Et = T?.length;
+	}), bt = d(!1), xt = d(z), St = d(T), Ct = o((e) => {
+		bt.current = !0, St.current = T, ee(e);
+	}, [ee, T]);
 	c(() => {
-		if (!St.current || h || T === wt.current) return;
-		let e = K.scrollViewport.current;
+		xt.current !== z && (bt.current = !0, St.current = T, xt.current = z);
+	}, [z, T]);
+	let wt = T?.length;
+	l(() => {
+		if (!bt.current || p || T === St.current) return;
+		let e = J.scrollViewport.current;
 		if (!e) return;
 		let t = requestAnimationFrame(() => {
 			e.scrollTo({
 				top: 0,
 				left: 0
-			}), St.current = !1;
+			}), bt.current = !1;
 		});
 		return () => cancelAnimationFrame(t);
 	}, [
-		h,
+		p,
 		T,
-		K.scrollViewport
+		J.scrollViewport
 	]);
-	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)));
+	let Tt = T?.map((e) => Q(e, w)), Et = !!D, Dt = D?.map((e) => Q(e, w)), Ot = Tt !== void 0 && Dt !== void 0 && Dt.length > 0, kt = j ? T?.filter(j) : T, At = kt?.map((e) => Q(e, w)), jt = Ot && At.every((e) => Dt.includes(e)), Mt = Ot && At.some((e) => Dt.includes(e)), Nt = o(() => {
+		D && O && O(jt ? D.filter((e) => !At.includes(Q(e, w))) : Tn([...D, ...kt], (e) => Q(e, w)));
 	}, [
-		J,
+		jt,
 		w,
 		O,
-		Mt,
-		jt,
+		At,
+		kt,
 		D
-	]), { lastSelectionChangeIndex: Y, setLastSelectionChangeIndex: Ft } = Vn(Dt), It = Ot && !bt, Lt = {
-		m: Ze,
-		my: Qe,
-		mx: $e,
-		mt: et,
-		mb: tt,
-		ml: nt,
-		mr: rt
-	}, Rt = a(({ children: e }) => lt ? lt({ children: e }) : e, [lt]);
-	return p(dn, {
-		...q,
-		pinnedMap: yt,
-		children: m(v, {
-			ref: K.root,
+	]), { lastSelectionChangeIndex: Pt, setLastSelectionChangeIndex: Ft } = qn(Tt), It = Et && !vt, Lt = {
+		m: Ye,
+		my: Xe,
+		mx: Ze,
+		mt: Qe,
+		mb: $e,
+		ml: et,
+		mr: tt
+	}, Rt = o(({ children: e }) => st ? st({ children: e }) : e, [st]);
+	return m(_n, {
+		...Y,
+		pinnedMap: _t,
+		children: h(y, {
+			ref: J.root,
 			...Lt,
-			className: X("mantine-datatable", { "mantine-datatable-with-border": e }, it, at?.root),
+			className: X("mantine-datatable", { "mantine-datatable-with-border": e }, nt, rt?.root),
 			style: [
 				(e) => ({
-					...on({
+					...fn({
 						theme: e,
-						c: Re,
-						backgroundColor: ze,
-						borderColor: Be,
-						rowBorderColor: Ve,
-						stripedColor: He,
-						highlightOnHoverColor: U
+						c: Fe,
+						backgroundColor: Ie,
+						borderColor: Le,
+						rowBorderColor: Re,
+						stripedColor: ze,
+						highlightOnHoverColor: Be
 					}),
 					borderRadius: e.radius[t] || t,
-					boxShadow: e.shadows[d] || d,
+					boxShadow: e.shadows[s] || s,
 					height: r,
 					minHeight: i,
-					maxHeight: o
+					maxHeight: a
 				}),
-				ot,
-				st?.root,
+				it,
+				at?.root,
 				{ position: "relative" }
 			],
 			children: [
-				p(Pr, {
-					viewportRef: ht,
-					leftShadowBehind: Ot || bt,
-					rightShadowBehind: xt,
-					onScrollPositionChange: ft,
-					scrollAreaProps: Je,
-					children: p(Rt, { children: m(ne, {
-						ref: mt,
-						horizontalSpacing: L,
+				m(Br, {
+					viewportRef: pt,
+					leftShadowBehind: Et || vt,
+					rightShadowBehind: yt,
+					onScrollPositionChange: ut,
+					scrollAreaProps: Ke,
+					children: m(Rt, { children: h(V, {
+						ref: ft,
+						horizontalSpacing: R,
 						className: X("mantine-datatable-table", {
-							[$n]: n,
+							[ar]: n,
 							"mantine-datatable-vertical-align-top": f === "top",
 							"mantine-datatable-vertical-align-bottom": f === "bottom",
-							"mantine-datatable-selection-column-visible": Ot,
-							"mantine-datatable-resizable-columns": q.hasResizableColumns,
-							"mantine-datatable-resize-locked": q.isLocked,
-							"mantine-datatable-resizing": q.isResizing
-						}, at?.table),
+							"mantine-datatable-selection-column-visible": Et,
+							"mantine-datatable-resizable-columns": Y.hasResizableColumns,
+							"mantine-datatable-resize-locked": Y.isLocked,
+							"mantine-datatable-resizing": Y.isResizing
+						}, rt?.table),
 						style: {
-							...st?.table,
-							...q.isLocked ? { tableLayout: "fixed" } : null,
-							...q.tableWidth == null ? null : { width: `${q.tableWidth}px` }
+							...at?.table,
+							...Y.isLocked ? { tableLayout: "fixed" } : null,
+							...Y.tableWidth == null ? null : { width: `${Y.tableWidth}px` }
 						},
-						"data-striped": Et && Te || void 0,
-						"data-highlight-on-hover": we || void 0,
-						...ut,
+						"data-striped": wt && Se || void 0,
+						"data-highlight-on-hover": xe || void 0,
+						...ct,
 						children: [
-							Ee ? null : p(dn, {
-								...q,
-								pinnedMap: yt,
-								children: p(Cr, {
-									ref: K.header,
-									selectionColumnHeaderRef: K.selectionColumnHeader,
-									className: at?.header,
-									style: st?.header,
-									columns: pt,
+							Ce ? null : m(_n, {
+								...Y,
+								pinnedMap: _t,
+								children: m(kr, {
+									ref: J.header,
+									selectionColumnHeaderRef: J.selectionColumnHeader,
+									className: rt?.header,
+									style: at?.header,
+									columns: dt,
 									defaultColumnProps: S,
-									groups: y,
-									pinnedMap: yt,
+									groups: v,
+									pinnedMap: _t,
 									sortStatus: F,
-									sortIcons: ee,
-									onSortStatusChange: I,
+									sortIcons: I,
+									onSortStatusChange: L,
 									selectionTrigger: E,
-									selectionVisible: Ot,
-									selectionChecked: J,
-									selectionIndeterminate: Nt && !J,
-									onSelectionChange: Pt,
+									selectionVisible: Et,
+									selectionChecked: jt,
+									selectionIndeterminate: Mt && !jt,
+									onSelectionChange: Nt,
 									selectionCheckboxProps: {
 										...M,
 										...N
@@ -3056,105 +3124,105 @@ function Fr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 									selectorCellShadowVisible: It,
 									selectionColumnClassName: k,
 									selectionColumnStyle: A,
-									withColumnBorders: ut.withColumnBorders
+									withColumnBorders: ct.withColumnBorders
 								})
 							}),
-							p("tbody", {
-								ref: _t,
-								children: Et ? T.map((e, t) => {
-									let n = Q(e, w), r = kt?.includes(n) || !1, i;
+							m("tbody", {
+								ref: ht,
+								children: wt ? T.map((e, t) => {
+									let n = Q(e, w), r = Dt?.includes(n) || !1, i;
 									return O && D && (i = (i) => {
-										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)));
+										if (i.nativeEvent.shiftKey && Pt !== null) {
+											let e = T.filter(t > Pt ? (e, n) => n >= Pt && n <= t && (j ? j(e, n) : !0) : (e, n) => n >= t && n <= Pt && (j ? j(e, n) : !0));
+											O(r ? wn(D, e, (e) => Q(e, w)) : Tn([...D, ...e], (e) => Q(e, w)));
+										} else O(r ? D.filter((e) => Q(e, w) !== n) : Tn([...D, e], (e) => Q(e, w)));
 										Ft(t);
-									}), p(Mr, {
+									}), m(Rr, {
 										record: e,
 										index: t,
-										columns: pt,
+										columns: dt,
 										defaultColumnProps: S,
-										pinnedMap: yt,
+										pinnedMap: _t,
 										defaultColumnRender: C,
 										selectionTrigger: E,
-										selectionVisible: Ot,
+										selectionVisible: Et,
 										selectionChecked: r,
 										onSelectionChange: i,
 										isRecordSelectable: j,
 										selectionCheckboxProps: M,
 										getSelectionCheckboxProps: P,
-										onClick: De,
-										onDoubleClick: Oe,
-										onCellClick: Ae,
-										onCellDoubleClick: H,
-										onContextMenu: ke,
-										onCellContextMenu: je,
-										expansion: vt,
-										color: W,
-										backgroundColor: Ue,
-										className: Ge,
-										style: G,
-										customAttributes: Ke,
+										onClick: we,
+										onDoubleClick: Te,
+										onCellClick: De,
+										onCellDoubleClick: Oe,
+										onContextMenu: Ee,
+										onCellContextMenu: G,
+										expansion: gt,
+										color: K,
+										backgroundColor: q,
+										className: He,
+										style: Ue,
+										customAttributes: We,
 										selectorCellShadowVisible: It,
 										selectionColumnClassName: k,
 										selectionColumnStyle: A,
 										idAccessor: w,
-										rowFactory: ct
+										rowFactory: ot
 									}, n);
-								}) : p(fn, {})
+								}) : m(vn, {})
 							}),
-							pt.some(({ footer: e }) => e) && p(ar, {
-								ref: K.footer,
-								className: at?.footer,
-								style: st?.footer,
-								columns: pt,
+							dt.some(({ footer: e }) => e) && m(dr, {
+								ref: J.footer,
+								className: rt?.footer,
+								style: at?.footer,
+								columns: dt,
 								defaultColumnProps: S,
-								pinnedMap: yt,
-								selectionVisible: Ot,
+								pinnedMap: _t,
+								selectionVisible: Et,
 								selectorCellShadowVisible: It
 							})
 						]
 					}) })
 				}),
-				!!(R && Et) && p(Or, {
-					className: at?.pagination,
-					style: st?.pagination,
-					horizontalSpacing: L,
-					fetching: h,
-					page: R,
-					onPageChange: Tt,
+				!!(z && wt) && m(Pr, {
+					className: rt?.pagination,
+					style: at?.pagination,
+					horizontalSpacing: R,
+					fetching: p,
+					page: z,
+					onPageChange: Ct,
 					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: me
+					onRecordsPerPageChange: ne,
+					recordsPerPageOptions: re,
+					recordsPerPageLabel: ie,
+					paginationWithEdges: ae,
+					paginationWithControls: H,
+					paginationActiveTextColor: U,
+					paginationActiveBackgroundColor: oe,
+					paginationSize: W,
+					paginationText: se,
+					paginationWrapBreakpoint: ce,
+					getPaginationControlProps: le,
+					getPaginationItemProps: ue,
+					noRecordsText: ye,
+					loadingText: _e,
+					recordsLength: wt,
+					renderPagination: de
 				}),
-				p(wr, {
-					fetching: h,
-					backgroundBlur: he,
-					customContent: ge,
-					size: _e,
-					type: ve,
-					color: ye
+				m(Ar, {
+					fetching: p,
+					backgroundBlur: fe,
+					customContent: pe,
+					size: me,
+					type: he,
+					color: ge
 				}),
-				p(mn, {
-					icon: Ce,
-					text: Se,
-					active: !h && !Et,
-					children: xe
+				m(bn, {
+					icon: be,
+					text: ye,
+					active: !p && !wt,
+					children: ve
 				})
 			]
 		})
@@ -3162,83 +3230,99 @@ function Fr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 }
 //#endregion
 //#region src/DataTable/UpdateModal.tsx
-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(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(z, {
-					width: 100,
-					height: 36
-				}), /* @__PURE__ */ p(z, {
-					width: 100,
-					height: 36
-				})]
-			})
-		]
-	}) : /* @__PURE__ */ p(nn, {
-		fields: e,
-		steps: o,
-		record: s,
-		recordId: a,
-		submitting: u,
-		error: d,
-		onPersist: async (e) => {
-			await l({
-				...e,
-				id: a
-			});
-		},
-		onClose: t
-	});
+function Hr(t) {
+	let n = e(18), { fields: r, onClose: i, queryKey: a, connectedQueryKeys: o, apiPath: s, id: c, steps: l } = t, { data: u, isLoading: d } = Ut(s, a, c), { mutateAsync: f, isPending: p, error: g } = qt(s, a, o);
+	if (d || !u) {
+		let e;
+		n[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ m(B, { height: 40 }), n[0] = e) : e = n[0];
+		let t;
+		n[1] === r.length ? t = n[2] : (t = Array.from({ length: r.length }).map(Ur), n[1] = r.length, n[2] = t);
+		let i;
+		n[3] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ h(E, {
+			mt: "md",
+			justify: "end",
+			children: [/* @__PURE__ */ m(B, {
+				width: 100,
+				height: 36
+			}), /* @__PURE__ */ m(B, {
+				width: 100,
+				height: 36
+			})]
+		}), n[3] = i) : i = n[3];
+		let a;
+		return n[4] === t ? a = n[5] : (a = /* @__PURE__ */ h(te, {
+			gap: "md",
+			children: [
+				e,
+				t,
+				i
+			]
+		}), n[4] = t, n[5] = a), a;
+	}
+	let _;
+	n[6] !== c || n[7] !== f ? (_ = async (e) => {
+		await f({
+			...e,
+			id: c
+		});
+	}, n[6] = c, n[7] = f, n[8] = _) : _ = n[8];
+	let v = _, y;
+	return n[9] !== u || n[10] !== g || n[11] !== r || n[12] !== c || n[13] !== p || n[14] !== i || n[15] !== v || n[16] !== l ? (y = /* @__PURE__ */ m(rn, {
+		fields: r,
+		steps: l,
+		record: u,
+		recordId: c,
+		submitting: p,
+		error: g,
+		onPersist: v,
+		onClose: i
+	}), n[9] = u, n[10] = g, n[11] = r, n[12] = c, n[13] = p, n[14] = i, n[15] = v, n[16] = l, n[17] = y) : y = n[17], y;
+}
+function Ur(e, t) {
+	return /* @__PURE__ */ m(B, { height: 35 }, t);
 }
 //#endregion
 //#region src/DataTable/DeleteModal.tsx
-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(() => {
-		h.length || r();
-	}, [r, h]), h.length ? /* @__PURE__ */ m(f, { children: [
-		c && l.message && /* @__PURE__ */ p(_, {
+function Wr({ queryKey: e, connectedQueryKeys: t, apiPath: n, onClose: r, selectedRecords: i, confirmMessage: a }) {
+	let { mutateAsync: o, isError: s, error: l, isPending: u } = Jt(n, e, t), [d, g] = f(i), [_, y] = f(!1), x = _ || u;
+	return c(() => {
+		d.length || r();
+	}, [r, d]), d.length ? /* @__PURE__ */ h(p, { children: [
+		s && l.message && /* @__PURE__ */ m(v, {
 			variant: "outline",
 			color: "red",
 			title: l.name,
 			children: l.message
 		}),
-		/* @__PURE__ */ p(V, { children: a ? a(h) : h.length === 1 ? `Soll ${h.length} Eintrag wirklich gelöscht werden?` : `Sollen ${h.length} Einträge wirklich gelöscht werden?` }),
-		/* @__PURE__ */ m(T, {
+		/* @__PURE__ */ m(W, { children: a ? a(d) : d.length === 1 ? `Soll ${d.length} Eintrag wirklich gelöscht werden?` : `Sollen ${d.length} Einträge wirklich gelöscht werden?` }),
+		/* @__PURE__ */ h(E, {
 			mt: "md",
 			justify: "end",
-			children: [/* @__PURE__ */ p(y, {
+			children: [/* @__PURE__ */ m(b, {
 				onClick: r,
 				variant: "outline",
 				disabled: x,
 				children: "Abbrechen"
-			}), /* @__PURE__ */ p(y, {
+			}), /* @__PURE__ */ m(b, {
 				color: "red",
 				loading: x,
 				onClick: async () => {
-					b(!0);
+					y(!0);
 					try {
-						await Promise.all(h.map((e) => o(e.id))), g([]);
+						await Promise.all(d.map((e) => o(e.id))), g([]);
 					} finally {
-						b(!1);
+						y(!1);
 					}
 				},
 				children: "Löschen"
 			})]
 		})
-	] }) : /* @__PURE__ */ p(f, {});
+	] }) : /* @__PURE__ */ m(p, {});
 }
 //#endregion
 //#region src/Hooks/usePersistentState.ts
-function Rr(e, t) {
-	let n = `use_persistent_storage_${t}`, [r, i] = d(() => {
+function Gr(e, t) {
+	let n = `use_persistent_storage_${t}`, [r, i] = f(() => {
 		try {
 			let t = localStorage.getItem(n);
 			return t ? JSON.parse(t) : e;
@@ -3255,12 +3339,12 @@ function Rr(e, t) {
 }
 //#endregion
 //#region src/utils/sort.ts
-var zr = [
+var Kr = [
 	/^\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}$/
-], Br = (e, t) => {
+], qr = (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 = {
@@ -3276,7 +3360,7 @@ var zr = [
 				i.number++;
 				return;
 			}
-			if (zr.some((e) => e.test(t))) {
+			if (Kr.some((e) => e.test(t))) {
 				let e = new Date(t);
 				if (!isNaN(e.getTime())) {
 					i.date++;
@@ -3289,7 +3373,7 @@ var zr = [
 	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 Vr(e, t) {
+function Jr(e, t) {
 	switch (t) {
 		case "date":
 			if (typeof e == "string") {
@@ -3305,373 +3389,425 @@ function Vr(e, t) {
 		default: return String(e).toLowerCase().trim();
 	}
 }
-var Hr = (e, t, n = "asc") => {
+var Yr = (e, t, n = "asc") => {
 	if (!e || e.length === 0) return [];
-	let r = Br(e, t);
+	let r = qr(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 = Vr(a, r), u = Vr(o, r);
+		let l = Jr(a, r), u = Jr(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 Ur(e) {
+function Xr(e) {
 	return !!e && typeof e == "object" && "id" in e;
 }
-function Wr(e, t) {
+function Zr(e, t) {
 	if (typeof e == "string" || typeof e == "number") return t.includes(String(e));
 	if (e && typeof e == "object") {
 		let n = e;
-		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 Xr(n) && t.includes(n.id) ? !0 : Object.values(n).some((e) => typeof e == "string" && t.includes(e) || Xr(e) && t.includes(e.id));
 	}
 	return !1;
 }
-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 Qr(e, t) {
+	return Array.isArray(t) ? Array.isArray(e) ? e.some((e) => Zr(e, t)) : Xr(e) ? t.includes(e.id) : !1 : typeof e == "string" && e.includes(t);
 }
-function Kr(e, [t, n]) {
+function $r(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 qr(e, t) {
+function ei(e, t) {
 	if (t.value === void 0) return !0;
 	let n = e[t.id];
 	switch (t.type) {
-		case "query": return Gr(n, t.value);
-		case "date": return Kr(n, t.value);
+		case "query": return Qr(n, t.value);
+		case "date": return $r(n, t.value);
 		case "boolean": return n === t.value;
 	}
 }
-function Jr(e, t) {
-	return !t || t.length === 0 ? e : e.filter((e) => t.every((t) => qr(e, t)));
+function ti(e, t) {
+	return !t || t.length === 0 ? e : e.filter((e) => t.every((t) => ei(e, t)));
 }
 //#endregion
 //#region src/DataTable/FieldCard.tsx
-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, {
+function ni(t) {
+	let n = e(4), { rows: r } = t, i;
+	n[0] === r ? i = n[1] : (i = r.map(ri), n[0] = r, n[1] = i);
+	let a;
+	return n[2] === i ? a = n[3] : (a = /* @__PURE__ */ m(p, { children: i }), n[2] = i, n[3] = a), a;
+}
+function ri(e, t) {
+	return /* @__PURE__ */ h(y, { children: [t > 0 && /* @__PURE__ */ m(w, {}), /* @__PURE__ */ h(E, {
 		wrap: "nowrap",
 		justify: "space-between",
 		align: "flex-start",
 		gap: "md",
 		py: "xs",
 		px: "sm",
-		children: [/* @__PURE__ */ p(V, {
+		children: [/* @__PURE__ */ m(W, {
 			fw: 700,
 			fz: "sm",
 			style: { flexShrink: 0 },
 			children: e.label
-		}), /* @__PURE__ */ p(v, {
+		}), /* @__PURE__ */ m(y, {
 			ta: "right",
 			fz: "sm",
 			style: { minWidth: 0 },
 			children: e.value
 		})]
-	})] }, typeof e.label == "string" ? e.label : t)) });
-}
-function Xr({ rows: e }) {
-	return /* @__PURE__ */ p(v, {
+	})] }, typeof e.label == "string" ? e.label : t);
+}
+function ii(t) {
+	let n = e(3), { rows: r } = t, i;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (i = {
+		borderRadius: "var(--mantine-radius-md)",
+		overflow: "hidden"
+	}, n[0] = i) : i = n[0];
+	let a;
+	return n[1] === r ? a = n[2] : (a = /* @__PURE__ */ m(y, {
 		bg: "var(--mantine-color-gray-light)",
-		style: {
-			borderRadius: "var(--mantine-radius-md)",
-			overflow: "hidden"
-		},
-		children: /* @__PURE__ */ p(Yr, { rows: e })
-	});
+		style: i,
+		children: /* @__PURE__ */ m(ni, { rows: r })
+	}), n[1] = r, n[2] = a), a;
 }
 //#endregion
 //#region src/DataTable/MobileCardList.tsx
-function Zr(e, t) {
+function ai(e, t) {
 	return t.split(".").reduce((e, t) => {
 		if (e && typeof e == "object" && t in e) return e[t];
 	}, e);
 }
-function Qr(e, t) {
+function oi(e, t) {
 	let n = t.column;
 	if (n.render) return n.render(e, 0);
-	let r = Zr(e, n.accessor ?? t.id);
-	return r == null ? /* @__PURE__ */ p(V, {
+	let r = ai(e, n.accessor ?? t.id);
+	return r == null ? /* @__PURE__ */ m(W, {
 		c: "dimmed",
 		children: "–"
-	}) : typeof r == "boolean" ? /* @__PURE__ */ p(V, {
+	}) : typeof r == "boolean" ? /* @__PURE__ */ m(W, {
 		fz: "sm",
 		children: r ? "Ja" : "Nein"
-	}) : /* @__PURE__ */ p(V, {
+	}) : /* @__PURE__ */ m(W, {
 		fz: "sm",
 		children: String(r)
 	});
 }
-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;
+function si(t) {
+	let r = e(18), { records: i, fields: a, onRowClick: o, actions: s, canUpdate: c, canDelete: l, pagination: u, sort: d, rowExpansion: v } = t, b;
+	r[0] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ new Set(), r[0] = b) : b = r[0];
+	let [x, S] = f(b), T = v?.expanded, O;
+	r[1] !== T || r[2] !== x ? (O = (e) => T ? T.recordIds.includes(e) : x.has(e), r[1] = T, r[2] = x, r[3] = O) : O = r[3];
+	let A = O, j;
+	r[4] === T ? j = r[5] : (j = (e) => {
+		if (T) {
+			let { recordIds: t, onRecordIdsChange: n } = T;
 			n(t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-		} else _((t) => {
+		} else S((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, w = n.filter((e) => e.list && e.column && !e.column.hidden), D = n.filter((e) => e.column && e.column.filter != null), k = D.filter((e) => e.column.filtering).map((e) => e.id), A = k.length > 0, j = A ? k : D.slice(0, 1).map((e) => e.id), [M, N] = d(!1), ee = w.filter((e) => e.column.sortable !== !1).reduce((e, t) => {
-		let n = t.column.accessor ?? t.id;
-		return e.some((e) => e.value === n) || e.push({
-			value: n,
-			label: t.column.title ?? t.id
-		}), e;
-	}, []), I = (e, t, n) => {
-		r?.({
+	}, r[4] = T, r[5] = j);
+	let M = j, N = a.filter(_i), P = a.filter(gi), L = P.filter(hi).map(mi), R = L.length > 0, z = R ? L : P.slice(0, 1).map(pi), [B, ne] = f(!1), V = N.filter(fi).reduce(di, []), re;
+	r[6] === o ? re = r[7] : (re = (e, t, n) => {
+		o?.({
 			record: e,
 			index: t,
 			event: n
 		});
-	};
-	return /* @__PURE__ */ m(B, {
-		gap: "sm",
-		my: "md",
-		children: [
-			(c && ee.length > 0 || D.length > 0) && /* @__PURE__ */ m(T, {
-				gap: "xs",
-				wrap: "nowrap",
-				justify: "flex-end",
-				children: [c && ee.length > 0 && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(R, {
-					data: ee,
-					value: c.field,
-					onChange: (e) => e && c.onSortChange(e, c.direction),
-					allowDeselect: !1,
-					style: { flex: 1 }
-				}), /* @__PURE__ */ p(g, {
-					variant: "filled",
+	}, r[6] = o, r[7] = re);
+	let ie = re, ae = te, H = (d && V.length > 0 || P.length > 0) && /* @__PURE__ */ h(E, {
+		gap: "xs",
+		wrap: "nowrap",
+		justify: "flex-end",
+		children: [d && V.length > 0 && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(ee, {
+			data: V,
+			value: d.field,
+			onChange: (e) => e && d.onSortChange(e, d.direction),
+			allowDeselect: !1,
+			style: { flex: 1 }
+		}), /* @__PURE__ */ m(_, {
+			variant: "filled",
+			size: "input-sm",
+			onClick: () => d.onSortChange(d.field, d.direction === "asc" ? "desc" : "asc"),
+			children: d.direction === "asc" ? /* @__PURE__ */ m(we, { size: 18 }) : /* @__PURE__ */ m(Te, { size: 18 })
+		})] }), P.length > 0 && /* @__PURE__ */ h(I, {
+			opened: B,
+			onChange: ne,
+			position: "bottom-end",
+			withArrow: !0,
+			shadow: "md",
+			trapFocus: !0,
+			children: [/* @__PURE__ */ m(I.Target, { children: /* @__PURE__ */ m(D, {
+				inline: !0,
+				disabled: !R,
+				color: "green",
+				withBorder: !0,
+				children: /* @__PURE__ */ m(_, {
+					variant: R ? "filled" : "default",
 					size: "input-sm",
-					onClick: () => c.onSortChange(c.field, c.direction === "asc" ? "desc" : "asc"),
-					children: c.direction === "asc" ? /* @__PURE__ */ p(Ee, { size: 18 }) : /* @__PURE__ */ p(De, { size: 18 })
-				})] }), D.length > 0 && /* @__PURE__ */ m(F, {
-					opened: M,
-					onChange: N,
-					position: "bottom-end",
-					withArrow: !0,
-					shadow: "md",
-					trapFocus: !0,
-					children: [/* @__PURE__ */ p(F.Target, { children: /* @__PURE__ */ p(E, {
-						inline: !0,
-						disabled: !A,
-						color: "green",
-						withBorder: !0,
-						children: /* @__PURE__ */ p(g, {
-							variant: A ? "filled" : "default",
-							size: "input-sm",
-							onClick: () => N((e) => !e),
-							"aria-label": "Filter",
-							children: /* @__PURE__ */ p(Se, { size: 18 })
-						})
-					}) }), /* @__PURE__ */ p(F.Dropdown, {
-						p: 0,
-						children: /* @__PURE__ */ p(h, {
-							multiple: !0,
-							defaultValue: j,
-							style: {
-								minWidth: 260,
-								maxWidth: 320
-							},
-							children: D.map((e) => /* @__PURE__ */ m(h.Item, {
-								value: e.id,
-								children: [/* @__PURE__ */ p(h.Control, { children: /* @__PURE__ */ m(T, {
-									gap: "xs",
-									children: [/* @__PURE__ */ p(V, {
-										fw: 600,
-										fz: "sm",
-										children: e.column.title ?? e.id
-									}), e.column.filtering && /* @__PURE__ */ p(v, {
-										w: 8,
-										h: 8,
-										bg: "green",
-										style: { borderRadius: "50%" }
-									})]
-								}) }), /* @__PURE__ */ p(h.Panel, { children: typeof e.column.filter == "function" ? e.column.filter({ close: () => N(!1) }) : e.column.filter })]
-							}, e.id))
-						})
-					})]
-				})]
-			}),
-			e.length === 0 && /* @__PURE__ */ p(V, {
-				c: "dimmed",
-				ta: "center",
-				py: "xl",
-				children: "Keine Einträge gefunden"
-			}),
-			e.map((e, n) => {
-				let s = e.id ?? n, c = !!l && (!l.expandable || l.expandable(e)), u = c && b(s);
-				return /* @__PURE__ */ p(t.Fragment, { children: /* @__PURE__ */ m(v, {
-					bg: "var(--mantine-color-body)",
-					bd: "1px solid var(--mantine-color-default-border)",
+					onClick: () => ne(ui),
+					"aria-label": "Filter",
+					children: /* @__PURE__ */ m(be, { size: 18 })
+				})
+			}) }), /* @__PURE__ */ m(I.Dropdown, {
+				p: 0,
+				children: /* @__PURE__ */ m(g, {
+					multiple: !0,
+					defaultValue: z,
 					style: {
-						borderRadius: "var(--mantine-radius-md)",
-						overflow: "hidden"
+						minWidth: 260,
+						maxWidth: 320
 					},
-					children: [/* @__PURE__ */ m(v, {
-						w: "100%",
-						style: { cursor: r || c ? "pointer" : "default" },
-						onClick: (t) => {
-							c && !r ? x(s) : I(e, n, t);
-						},
-						children: [i && i.length > 0 && /* @__PURE__ */ p(T, {
-							px: "sm",
-							pt: "sm",
-							justify: "flex-end",
-							children: (() => {
-								let t = i.filter((t) => !(t.label === "Bearbeiten" && a && !a(e) || t.label === "Löschen" && o && !o(e)));
-								return t.length === 0 ? null : /* @__PURE__ */ m(O, {
-									shadow: "md",
-									position: "bottom-end",
-									children: [/* @__PURE__ */ p(O.Target, { children: /* @__PURE__ */ p(g, {
-										variant: "subtle",
-										color: "gray",
-										size: "sm",
-										onClick: (e) => e.stopPropagation(),
-										children: /* @__PURE__ */ p(xe, { size: 16 })
-									}) }), /* @__PURE__ */ p(O.Dropdown, { children: t.map((t, n) => /* @__PURE__ */ p(O.Item, {
-										leftSection: t.icon,
-										onClick: (n) => {
-											n.stopPropagation(), t.onClick([e]);
-										},
-										children: t.label
-									}, `card_action_${n}`)) })]
-								});
-							})()
-						}), /* @__PURE__ */ p(Yr, { rows: w.map((t) => ({
-							label: t.column.title ?? t.id,
-							value: Qr(e, t)
-						})) })]
-					}), c && /* @__PURE__ */ m(S, {
-						expanded: u,
-						children: [/* @__PURE__ */ p(C, {}), /* @__PURE__ */ p(v, {
-							px: "sm",
-							py: "sm",
-							children: l.content(e, !0)
-						})]
-					})]
-				}) }, s);
-			}),
-			s && s.totalRecords > s.recordsPerPage && /* @__PURE__ */ m(B, {
-				gap: "xs",
-				mt: "sm",
-				children: [/* @__PURE__ */ p(T, {
-					justify: "center",
-					children: /* @__PURE__ */ p(P, {
-						total: Math.ceil(s.totalRecords / s.recordsPerPage),
-						value: s.page,
-						onChange: s.onPageChange,
-						size: "sm"
-					})
-				}), s.recordsPerPageOptions && s.onRecordsPerPageChange && /* @__PURE__ */ m(T, {
-					justify: "center",
-					gap: "xs",
-					children: [/* @__PURE__ */ p(V, {
-						fz: "xs",
-						c: "dimmed",
-						children: "Einträge pro Seite:"
-					}), /* @__PURE__ */ p(R, {
-						data: s.recordsPerPageOptions.map((e) => ({
-							value: String(e),
-							label: String(e)
-						})),
-						value: String(s.recordsPerPage),
-						onChange: (e) => e && s.onRecordsPerPageChange(Number(e)),
-						allowDeselect: !1,
-						size: "xs",
-						w: 70
-					})]
+					children: P.map((e) => /* @__PURE__ */ h(g.Item, {
+						value: e.id,
+						children: [/* @__PURE__ */ m(g.Control, { children: /* @__PURE__ */ h(E, {
+							gap: "xs",
+							children: [/* @__PURE__ */ m(W, {
+								fw: 600,
+								fz: "sm",
+								children: e.column.title ?? e.id
+							}), e.column.filtering && /* @__PURE__ */ m(y, {
+								w: 8,
+								h: 8,
+								bg: "green",
+								style: { borderRadius: "50%" }
+							})]
+						}) }), /* @__PURE__ */ m(g.Panel, { children: typeof e.column.filter == "function" ? e.column.filter({ close: () => ne(!1) }) : e.column.filter })]
+					}, e.id))
+				})
+			})]
+		})]
+	}), U;
+	r[8] === i.length ? U = r[9] : (U = i.length === 0 && /* @__PURE__ */ m(W, {
+		c: "dimmed",
+		ta: "center",
+		py: "xl",
+		children: "Keine Einträge gefunden"
+	}), r[8] = i.length, r[9] = U);
+	let oe = i.map((e, t) => {
+		let r = e.id ?? t, i = !!v && (!v.expandable || v.expandable(e)), a = i && A(r);
+		return /* @__PURE__ */ m(n.Fragment, { children: /* @__PURE__ */ h(y, {
+			bg: "var(--mantine-color-body)",
+			bd: "1px solid var(--mantine-color-default-border)",
+			style: {
+				borderRadius: "var(--mantine-radius-md)",
+				overflow: "hidden"
+			},
+			children: [/* @__PURE__ */ h(y, {
+				w: "100%",
+				style: { cursor: o || i ? "pointer" : "default" },
+				onClick: (n) => {
+					i && !o ? M(r) : ie(e, t, n);
+				},
+				children: [s && s.length > 0 && /* @__PURE__ */ m(E, {
+					px: "sm",
+					pt: "sm",
+					justify: "flex-end",
+					children: (() => {
+						let t = s.filter((t) => !(t.label === "Bearbeiten" && c && !c(e) || t.label === "Löschen" && l && !l(e)));
+						return t.length === 0 ? null : /* @__PURE__ */ h(k, {
+							shadow: "md",
+							position: "bottom-end",
+							children: [/* @__PURE__ */ m(k.Target, { children: /* @__PURE__ */ m(_, {
+								variant: "subtle",
+								color: "gray",
+								size: "sm",
+								onClick: li,
+								children: /* @__PURE__ */ m(ye, { size: 16 })
+							}) }), /* @__PURE__ */ m(k.Dropdown, { children: t.map((t, n) => /* @__PURE__ */ m(k.Item, {
+								leftSection: t.icon,
+								onClick: (n) => {
+									n.stopPropagation(), t.onClick([e]);
+								},
+								children: t.label
+							}, `card_action_${n}`)) })]
+						});
+					})()
+				}), /* @__PURE__ */ m(ni, { rows: N.map((t) => ({
+					label: t.column.title ?? t.id,
+					value: oi(e, t)
+				})) })]
+			}), i && /* @__PURE__ */ h(C, {
+				expanded: a,
+				children: [/* @__PURE__ */ m(w, {}), /* @__PURE__ */ m(y, {
+					px: "sm",
+					py: "sm",
+					children: v.content(e, !0)
 				})]
+			})]
+		}) }, r);
+	}), se;
+	r[10] === u ? se = r[11] : (se = u && u.totalRecords > u.recordsPerPage && /* @__PURE__ */ h(te, {
+		gap: "xs",
+		mt: "sm",
+		children: [/* @__PURE__ */ m(E, {
+			justify: "center",
+			children: /* @__PURE__ */ m(F, {
+				total: Math.ceil(u.totalRecords / u.recordsPerPage),
+				value: u.page,
+				onChange: u.onPageChange,
+				size: "sm"
 			})
+		}), u.recordsPerPageOptions && u.onRecordsPerPageChange && /* @__PURE__ */ h(E, {
+			justify: "center",
+			gap: "xs",
+			children: [/* @__PURE__ */ m(W, {
+				fz: "xs",
+				c: "dimmed",
+				children: "Einträge pro Seite:"
+			}), /* @__PURE__ */ m(ee, {
+				data: u.recordsPerPageOptions.map(ci),
+				value: String(u.recordsPerPage),
+				onChange: (e) => e && u.onRecordsPerPageChange(Number(e)),
+				allowDeselect: !1,
+				size: "xs",
+				w: 70
+			})]
+		})]
+	}), r[10] = u, r[11] = se);
+	let ce;
+	return r[12] !== ae || r[13] !== se || r[14] !== H || r[15] !== U || r[16] !== oe ? (ce = /* @__PURE__ */ h(ae, {
+		gap: "sm",
+		my: "md",
+		children: [
+			H,
+			U,
+			oe,
+			se
 		]
-	});
+	}), r[12] = ae, r[13] = se, r[14] = H, r[15] = U, r[16] = oe, r[17] = ce) : ce = r[17], ce;
+}
+function ci(e) {
+	return {
+		value: String(e),
+		label: String(e)
+	};
+}
+function li(e) {
+	return e.stopPropagation();
+}
+function ui(e) {
+	return !e;
+}
+function di(e, t) {
+	let n = t.column.accessor ?? t.id;
+	return e.some((e) => e.value === n) || e.push({
+		value: n,
+		label: t.column.title ?? t.id
+	}), e;
+}
+function fi(e) {
+	return e.column.sortable !== !1;
+}
+function pi(e) {
+	return e.id;
+}
+function mi(e) {
+	return e.id;
+}
+function hi(e) {
+	return e.column.filtering;
+}
+function gi(e) {
+	return e.column && e.column.filter != null;
+}
+function _i(e) {
+	return e.list && e.column && !e.column.hidden;
 }
 //#endregion
 //#region src/DataTable/DataTable.tsx
-var ei = [
+var vi = [
 	10,
 	15,
 	50,
 	100,
 	500
 ];
-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,
-		...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"
-	}), 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;
+function yi({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutationApiPath: i, buttons: o, fields: s, selection: l, pagination: u, filters: g, actions: x, steps: S, defaultSort: C, onSortChange: w, createButtonText: D, queryParams: O, tabs: A, defaultTab: j, activeTab: M, onActiveTabChange: P, canUpdate: F, canDelete: I, showRefresh: L = !0, rowExpansion: R, onRowClick: z, mobileCards: ee = !1, deleteConfirmMessage: ne, editRecordId: V, onEditRecordIdChange: re }) {
+	let [ie, ae] = f(j || (A && A.length > 0 ? A[0].value : null)), H = M === void 0 ? ie : M, U = (e) => {
+		M === void 0 && ae(e), P && P(e);
+	}, W = A?.find((e) => e.value === H), se = W?.queryParams || {}, ce = W?.apiPath ?? r, ue = W?.mutationApiPath ?? i ?? ce, de = {
+		...O,
+		...se
+	}, fe = de ? "?" + Object.entries(de).filter(([, e]) => e != null).map(([e, t]) => `${e}=${encodeURIComponent(t ?? "")}`).join("&") : "", pe = H ? [...t, H] : t, { data: me, isLoading: he, isError: ge, isRefetching: ye, refetch: be } = Wt(ce + fe, pe), we = ti(Array.isArray(me) ? me : [], g), [Te, De] = f({
+		columnAccessor: C?.field ?? s[0].id,
+		direction: C?.direction ?? "desc"
+	}), Oe = (e) => {
+		De(e), w && w(String(e.columnAccessor), e.direction);
+	}, G = Yr(we, Te.columnAccessor, Te.direction), [ke, Ae] = Gr(vi[1], "mantine-table-page-size"), [je, Me] = f(1), Ne = u ? G.slice((je - 1) * ke, je * ke) : G, [Pe, Fe] = f([]), Ie = R?.expanded?.recordIds ?? Pe, Le = R?.expanded?.onRecordIdsChange ?? Fe, Re = (e) => {
+		Ie.includes(e) ? Le(Ie.filter((t) => t !== e)) : Le(R?.allowMultiple ? [...Ie, e] : [e]);
+	}, ze = s.findIndex((e) => e.list && e.column && !e.column.hidden), Be = R && ze >= 0 ? s.map((e, t) => {
+		if (t !== ze) return e;
 		let n = e.column.render;
 		return {
 			...e,
 			column: {
 				...e.column,
-				render: (t, r) => /* @__PURE__ */ m(T, {
+				render: (t, r) => /* @__PURE__ */ h(E, {
 					gap: "xs",
 					wrap: "nowrap",
 					align: "center",
-					children: [!I.expandable || I.expandable(t) ? /* @__PURE__ */ p(v, {
+					children: [!R.expandable || R.expandable(t) ? /* @__PURE__ */ m(y, {
 						component: "span",
 						"aria-label": "Aufklappen",
 						onClick: (e) => {
-							e.stopPropagation(), Be(t.id);
+							e.stopPropagation(), Re(t.id);
 						},
 						style: {
 							display: "inline-flex",
 							flexShrink: 0,
 							cursor: "pointer"
 						},
-						children: /* @__PURE__ */ p(be, {
+						children: /* @__PURE__ */ m(ve, {
 							size: 16,
 							style: {
 								color: "var(--mantine-primary-color-filled)",
-								transform: Re.includes(t.id) ? "rotate(90deg)" : void 0,
+								transform: Ie.includes(t.id) ? "rotate(90deg)" : void 0,
 								transition: "transform 200ms ease"
 							}
 						})
-					}) : /* @__PURE__ */ p(v, {
+					}) : /* @__PURE__ */ m(y, {
 						w: 16,
 						style: { flexShrink: 0 }
-					}), n ? n(t, r) : String(bn(t, e.column.accessor) ?? "")]
+					}), n ? n(t, r) : String(En(t, e.column.accessor) ?? "")]
 				})
 			}
 		};
-	}) : c, [U, W] = d([]);
-	s(() => {
-		W([]);
-	}, [oe]);
-	let [Ue, We] = d(!1), [Ge, G] = d(!1), [Ke, qe] = d(!1);
-	s(() => {
-		if (ne && H.length > 0) {
-			let e = H.find((e) => e.id === ne);
-			e && (W([e]), G(!0), re?.(null));
+	}) : s, [K, q] = f([]);
+	c(() => {
+		q([]);
+	}, [H]);
+	let [Ve, He] = f(!1), [Ue, We] = f(!1), [Ge, Ke] = f(!1), qe = d(null);
+	c(() => {
+		if (!V) {
+			qe.current = null;
+			return;
 		}
-	}, [ne, H]);
-	let Je = c.some((e) => e.update), Ye = c.some((e) => e.delete), Xe = [];
+		if (qe.current === V) return;
+		let e = G.find((e) => e.id === V);
+		e && (qe.current = V, q([e]), We(!0), re?.(null));
+	}, [V, G]);
+	let Je = s.some((e) => e.update), Ye = s.some((e) => e.delete), Xe = [];
 	return Je && Xe.push({
-		icon: /* @__PURE__ */ p(we, { size: 14 }),
+		icon: /* @__PURE__ */ m(Se, { size: 14 }),
 		label: "Bearbeiten",
 		onClick: (e) => {
-			W(e), G(!0);
+			q(e), We(!0);
 		}
-	}), b && Xe.push(...b), Ye && Xe.push({
-		icon: /* @__PURE__ */ p(Oe, { size: 14 }),
+	}), x && Xe.push(...x), Ye && Xe.push({
+		icon: /* @__PURE__ */ m(Ee, { size: 14 }),
 		label: "Löschen",
 		onClick: (e) => {
-			W(e), qe(!0);
+			q(e), Ke(!0);
 		}
-	}), /* @__PURE__ */ m(f, { children: [
-		/* @__PURE__ */ m(w, {
+	}), /* @__PURE__ */ h(p, { children: [
+		/* @__PURE__ */ h(T, {
 			gap: "xs",
 			align: {
 				base: "stretch",
@@ -3683,10 +3819,10 @@ function ti({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 			},
 			justify: e ? "space-between" : "flex-end",
 			wrap: "wrap",
-			children: [e && (typeof e == "string" ? /* @__PURE__ */ p(de, {
+			children: [e && (typeof e == "string" ? /* @__PURE__ */ m(le, {
 				order: 4,
 				children: e
-			}) : e), /* @__PURE__ */ m(w, {
+			}) : e), /* @__PURE__ */ h(T, {
 				align: {
 					base: "stretch",
 					sm: "center"
@@ -3706,39 +3842,39 @@ function ti({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 					sm: "auto"
 				},
 				children: [
-					ee && /* @__PURE__ */ p(g, {
+					L && /* @__PURE__ */ m(_, {
 						variant: "subtle",
-						onClick: () => Se(),
+						onClick: () => be(),
 						"aria-label": "Neuladen",
-						children: /* @__PURE__ */ p(Te, {})
+						children: /* @__PURE__ */ m(Ce, {})
 					}),
-					(c.some((e) => e.update) || l) && (() => {
-						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, {
+					(s.some((e) => e.update) || l) && (() => {
+						let e = s.find((e) => e.update) && (!F || K.length > 0 && F(K[0])), t = s.find((e) => e.delete) && (!I || K.length > 0 && I(K[0])), n = (x ?? []).length > 0, r = e || t || n;
+						return /* @__PURE__ */ m(y, {
+							...ee ? { visibleFrom: "sm" } : {},
+							children: /* @__PURE__ */ h(k, {
 								shadow: "md",
-								children: [/* @__PURE__ */ p(O.Target, { children: /* @__PURE__ */ p(y, {
+								children: [/* @__PURE__ */ m(k.Target, { children: /* @__PURE__ */ m(b, {
 									variant: "outline",
-									rightSection: /* @__PURE__ */ p(ye, { size: 14 }),
-									disabled: !U.length || !r,
+									rightSection: /* @__PURE__ */ m(_e, { size: 14 }),
+									disabled: !K.length || !r,
 									children: "Aktionen"
-								}) }), /* @__PURE__ */ m(O.Dropdown, { children: [
-									e && /* @__PURE__ */ p(O.Item, {
-										leftSection: /* @__PURE__ */ p(we, { size: 14 }),
-										onClick: () => G(!0),
-										disabled: U.length !== 1,
+								}) }), /* @__PURE__ */ h(k.Dropdown, { children: [
+									e && /* @__PURE__ */ m(k.Item, {
+										leftSection: /* @__PURE__ */ m(Se, { size: 14 }),
+										onClick: () => We(!0),
+										disabled: K.length !== 1,
 										children: "Bearbeiten"
 									}),
-									(b ?? []).map((e, t) => /* @__PURE__ */ i(O.Item, {
+									(x ?? []).map((e, t) => /* @__PURE__ */ a(k.Item, {
 										...e.icon && { leftSection: e.icon },
 										key: `custom_action_${t}`,
-										onClick: () => e.onClick(U),
-										disabled: e.disabled?.(U) ?? !1
+										onClick: () => e.onClick(K),
+										disabled: e.disabled?.(K) ?? !1
 									}, e.label)),
-									t && /* @__PURE__ */ p(O.Item, {
-										leftSection: /* @__PURE__ */ p(Oe, { size: 14 }),
-										onClick: () => qe(!0),
+									t && /* @__PURE__ */ m(k.Item, {
+										leftSection: /* @__PURE__ */ m(Ee, { size: 14 }),
+										onClick: () => Ke(!0),
 										color: "red",
 										children: "Löschen"
 									})
@@ -3746,196 +3882,211 @@ function ti({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 							})
 						});
 					})(),
-					c.find((e) => e.create) && /* @__PURE__ */ p(y, {
-						onClick: () => We(!0),
-						disabled: _e,
-						children: E ?? "Erstellen"
+					s.find((e) => e.create) && /* @__PURE__ */ m(b, {
+						onClick: () => He(!0),
+						disabled: he,
+						children: D ?? "Erstellen"
 					}),
 					o
 				]
 			})]
 		}),
-		k && k.length > 0 && /* @__PURE__ */ p(ce, {
-			value: oe,
-			onChange: se,
+		A && A.length > 0 && /* @__PURE__ */ m(oe, {
+			value: H,
+			onChange: U,
 			mt: "md",
-			children: /* @__PURE__ */ p(ce.List, { children: k.map((e) => /* @__PURE__ */ p(ce.Tab, {
+			children: /* @__PURE__ */ m(oe.List, { children: A.map((e) => /* @__PURE__ */ m(oe.Tab, {
 				value: e.value,
 				leftSection: e.icon,
 				children: e.label
 			}, e.value)) })
 		}),
-		ve && /* @__PURE__ */ p(_, {
+		ge && /* @__PURE__ */ m(v, {
 			mt: "md",
 			variant: "light",
 			color: "red",
 			title: "Es ist ein Fehler aufgetreten.",
-			icon: /* @__PURE__ */ p(Ce, {}),
+			icon: /* @__PURE__ */ m(xe, {}),
 			children: "Bitte versuche es später erneut oder sende eine Nachricht an unseren Support."
 		}),
-		(_e || xe) && /* @__PURE__ */ m(B, {
+		(he || ye) && /* @__PURE__ */ h(te, {
 			my: "md",
-			children: [/* @__PURE__ */ p(z, { height: 40 }), [
+			children: [/* @__PURE__ */ m(B, { height: 40 }), [
 				,
 				,
 				,
 				,
 				,
-			].fill(0).map((e, t) => /* @__PURE__ */ p(z, { height: 35 }, `skeleton-${t}`))]
+			].fill(0).map((e, t) => /* @__PURE__ */ m(B, { height: 35 }, `skeleton-${t}`))]
 		}),
-		!_e && !xe && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(v, {
-			...R ? { visibleFrom: "sm" } : {},
-			children: /* @__PURE__ */ p(Fr, {
+		!he && !ye && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(y, {
+			...ee ? { visibleFrom: "sm" } : {},
+			children: /* @__PURE__ */ m(Vr, {
 				my: "md",
 				striped: !0,
 				highlightOnHover: !0,
 				minHeight: 150,
-				fetching: ve,
-				records: Fe,
-				sortStatus: De,
-				onSortStatusChange: Ae,
+				fetching: ge,
+				records: Ne,
+				sortStatus: Te,
+				onSortStatusChange: Oe,
 				...l && {
-					selectedRecords: U,
-					onSelectedRecordsChange: W
+					selectedRecords: K,
+					onSelectedRecordsChange: q
 				},
-				...u && Fe.length && {
-					totalRecords: H.length,
-					recordsPerPage: je,
-					onPageChange: Pe,
-					page: Ne,
-					recordsPerPageOptions: ei,
-					onRecordsPerPageChange: Me,
+				...u && Ne.length && {
+					totalRecords: G.length,
+					recordsPerPage: ke,
+					onPageChange: Me,
+					page: je,
+					recordsPerPageOptions: vi,
+					onRecordsPerPageChange: Ae,
 					recordsPerPageLabel: "Einträge pro Seite"
 				},
-				...I && { rowExpansion: {
-					allowMultiple: I.allowMultiple ?? !1,
-					trigger: L ? "never" : "click",
-					content: ({ record: e }) => I.content(e, !1),
+				...R && { rowExpansion: {
+					allowMultiple: R.allowMultiple ?? !1,
+					trigger: z ? "never" : "click",
+					content: ({ record: e }) => R.content(e, !1),
 					expanded: {
-						recordIds: Re,
-						onRecordIdsChange: ze
+						recordIds: Ie,
+						onRecordIdsChange: Le
 					},
-					...I.expandable && { expandable: ({ record: e }) => I.expandable(e) }
+					...R.expandable && { expandable: ({ record: e }) => R.expandable(e) }
 				} },
-				columns: He.map((e) => e.column),
+				columns: Be.map((e) => e.column),
 				noRecordsText: "Keine Einträge gefunden",
-				onRowClick: L,
-				...L && { style: { cursor: "pointer" } }
+				onRowClick: z,
+				...z && { style: { cursor: "pointer" } }
 			})
-		}), R && /* @__PURE__ */ p(v, {
+		}), ee && /* @__PURE__ */ m(y, {
 			hiddenFrom: "sm",
-			children: /* @__PURE__ */ p($r, {
-				records: Fe,
-				fields: He,
-				onRowClick: L,
+			children: /* @__PURE__ */ m(si, {
+				records: Ne,
+				fields: Be,
+				onRowClick: z,
 				sort: {
-					field: String(De.columnAccessor),
-					direction: De.direction,
+					field: String(Te.columnAccessor),
+					direction: Te.direction,
 					onSortChange: (e, t) => {
-						Ae({
+						Oe({
 							columnAccessor: e,
 							direction: t
 						});
 					}
 				},
-				...u && Fe.length && { pagination: {
-					totalRecords: H.length,
-					recordsPerPage: je,
-					page: Ne,
-					onPageChange: Pe,
-					recordsPerPageOptions: ei,
+				...u && Ne.length && { pagination: {
+					totalRecords: G.length,
+					recordsPerPage: ke,
+					page: je,
+					onPageChange: Me,
+					recordsPerPageOptions: vi,
 					onRecordsPerPageChange: (e) => {
-						Me(e), Pe(1);
+						Ae(e), Me(1);
 					}
 				} },
-				...I && { rowExpansion: {
-					content: I.content,
+				...R && { rowExpansion: {
+					content: R.content,
 					expanded: {
-						recordIds: Re,
-						onRecordIdsChange: ze
+						recordIds: Ie,
+						onRecordIdsChange: Le
 					},
-					...I.expandable && { expandable: I.expandable }
+					...R.expandable && { expandable: R.expandable }
 				} },
 				...Xe.length > 0 && {
 					actions: Xe,
-					canUpdate: P,
-					canDelete: F
+					canUpdate: F,
+					canDelete: I
 				}
 			})
 		})] }),
-		/* @__PURE__ */ p(M, {
-			opened: Ge,
+		/* @__PURE__ */ m(N, {
+			opened: Ue,
 			onClose: () => {
-				G(!1), W([]);
+				We(!1), q([]);
 			},
 			title: e ?? "Bearbeiten",
-			children: U.length > 0 && /* @__PURE__ */ p(Ir, {
-				fields: c.filter((e) => e.update),
+			children: K.length > 0 && /* @__PURE__ */ m(Hr, {
+				fields: s.filter((e) => e.update),
 				queryKey: t,
 				connectedQueryKeys: n,
-				apiPath: fe,
-				id: U[0].id,
+				apiPath: ue,
+				id: K[0].id,
 				onClose: () => {
-					G(!1), W([]);
+					We(!1), q([]);
 				},
-				steps: x
+				steps: S
 			})
 		}),
-		U.length > 0 && /* @__PURE__ */ p(M, {
-			opened: Ke,
+		K.length > 0 && /* @__PURE__ */ m(N, {
+			opened: Ge,
 			onClose: () => {
-				qe(!1), W([]);
+				Ke(!1), q([]);
 			},
 			title: e ?? "Löschen",
-			children: /* @__PURE__ */ p(Lr, {
+			children: /* @__PURE__ */ m(Wr, {
 				onClose: () => {
-					qe(!1), W([]);
+					Ke(!1), q([]);
 				},
 				queryKey: t,
 				connectedQueryKeys: n,
-				apiPath: fe,
-				selectedRecords: U,
-				confirmMessage: te
+				apiPath: ue,
+				selectedRecords: K,
+				confirmMessage: ne
 			})
 		}),
-		/* @__PURE__ */ p(M, {
-			opened: Ue,
+		/* @__PURE__ */ m(N, {
+			opened: Ve,
 			onClose: () => {
-				We(!1);
+				He(!1);
 			},
 			title: e ?? "Anlegen",
-			children: /* @__PURE__ */ p(rn, {
+			children: /* @__PURE__ */ m(un, {
 				queryKey: t,
 				connectedQueryKeys: n,
-				apiPath: fe,
+				apiPath: ue,
 				onClose: () => {
-					We(!1);
+					He(!1);
 				},
-				fields: c.filter((e) => e.create),
-				steps: x
+				fields: s.filter((e) => e.create),
+				steps: S
 			})
 		})
 	] });
 }
 //#endregion
 //#region src/DataTable/SubTable.tsx
-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 ?? 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(Fr, {
-		columns: t,
-		...n
-	});
+function bi(t) {
+	let n = e(8), r, i, a;
+	if (n[0] !== t) {
+		a = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			let { mobile: e, columns: o, ...s } = t;
+			if (r = o, i = s, e) {
+				let e = i.records ?? [], t;
+				n[4] === Symbol.for("react.memo_cache_sentinel") ? (t = { fontVariantNumeric: "tabular-nums" }, n[4] = t) : t = n[4], a = /* @__PURE__ */ m(te, {
+					gap: "sm",
+					style: t,
+					children: e.map((e, t) => {
+						let n = r.filter((t) => !t.hidden && !t.hideOnMobile?.(e)).map((n) => ({
+							label: n.title ?? xn(String(n.accessor)),
+							value: n.render ? n.render(e, t) : En(e, n.accessor)
+						})), a = i.idAccessor ? Q(e, i.idAccessor) : t;
+						return /* @__PURE__ */ m(ii, { rows: n }, a);
+					})
+				});
+				break bb0;
+			}
+		}
+		n[0] = t, n[1] = r, n[2] = i, n[3] = a;
+	} else r = n[1], i = n[2], a = n[3];
+	if (a !== Symbol.for("react.early_return_sentinel")) return a;
+	let o;
+	return n[5] !== r || n[6] !== i ? (o = /* @__PURE__ */ m(Vr, {
+		columns: r,
+		...i
+	}), n[5] = r, n[6] = i, n[7] = o) : o = n[7], o;
 }
 //#endregion
-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 };
+export { un as CreateModal, yi as DataTable, jt as DataTableProvider, Wr as DeleteModal, ii as FieldCard, si as MobileCardList, bi as SubTable, Hr as UpdateModal, Vt as api, Bt as createOne, zt as deleteOne, Lt as getAll, Rt as getOne, Yr as sortData, Ht as updateOne, Kt as useAddOne, Mt as useDataTable, Jt as useDeleteOne, Wt as useGetAll, Ut as useGetOne, Gr as usePersistentState, qt as useUpdateOne };
 
 //# sourceMappingURL=index.es.js.map