@espresso-lab/mantine-data-table 2.1.6 → 2.1.8

package/dist/index.es.js

@@ -1,11 +1,11 @@
 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 { ActionIcon as h, Alert as g, Box as _, Button as v, Center as y, Checkbox as b, Collapse as x, Divider as S, Flex as C, Group as w, Loader as T, Menu as E, MenuDropdown as D, MenuItem as O, MenuTarget as k, Modal as A, NumberInput as j, Pagination as M, Popover as N, PopoverDropdown as P, PopoverTarget as ee, ScrollArea as F, Select as I, Skeleton as L, Stack as R, Stepper as z, Table as te, TableTd as ne, TableTfoot as re, TableTh as ie, TableThead as ae, TableTr as B, Tabs as oe, Text as V, TextInput as se, Textarea as ce, Title as le, createSafeContext as ue, parseThemeColor as de, rem as H, useDirection as fe, useMantineTheme as pe } from "@mantine/core";
-import { useForm as me } from "@mantine/form";
-import { DateInput as he } from "@mantine/dates";
-import { IconCaretDownFilled as ge, IconChevronDown as _e, IconDotsVertical as ve, IconInfoCircle as ye, IconPencil as be, IconRefresh as xe, IconSortAscending as Se, IconSortDescending as Ce, IconTrash as we } from "@tabler/icons-react";
-import { useClickOutside as Te, useDisclosure as Ee, useLocalStorage as De, useMediaQuery as Oe, useMergedRef as ke, useTimeout as Ae } from "@mantine/hooks";
+import { ActionIcon as h, Alert as g, Box as _, Button as v, Center as y, Checkbox as b, Collapse as x, Divider as S, Flex as C, Group as w, Loader as T, Menu as E, MenuDropdown as D, MenuItem as O, MenuTarget as k, Modal as A, NumberInput as j, Pagination as M, Popover as N, PopoverDropdown as P, PopoverTarget as ee, ScrollArea as F, Select as te, Skeleton as I, Stack as L, Stepper as R, Table as ne, TableTd as re, TableTfoot as ie, TableTh as ae, TableThead as oe, TableTr as z, Tabs as se, Text as B, TextInput as ce, Textarea as le, Title as ue, createSafeContext as de, parseThemeColor as fe, rem as V, useDirection as pe, useMantineTheme as me } from "@mantine/core";
+import { useForm as he } from "@mantine/form";
+import { DateInput as ge } from "@mantine/dates";
+import { IconCaretDownFilled as _e, IconChevronDown as ve, IconDotsVertical as ye, IconInfoCircle as be, IconPencil as xe, IconRefresh as Se, IconSortAscending as Ce, IconSortDescending as we, IconTrash as Te } from "@tabler/icons-react";
+import { useClickOutside as Ee, useDisclosure as De, useLocalStorage as H, useMediaQuery as Oe, useMergedRef as ke, useTimeout as Ae } from "@mantine/hooks";
 //#region node_modules/@tanstack/query-core/build/modern/subscribable.js
 var U = class {
 	constructor() {
@@ -91,80 +91,80 @@ function Me(e) {
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/utils.js
 var Ne = typeof window > "u" || "Deno" in globalThis;
-function K() {}
-function Pe(e) {
+function Pe() {}
+function Fe(e) {
 	return typeof e == "number" && e >= 0 && e !== Infinity;
 }
-function Fe(e, t) {
+function Ie(e, t) {
 	return Math.max(e + (t || 0) - Date.now(), 0);
 }
-function Ie(e, t) {
+function Le(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function q(e, t) {
+function K(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function Le(e) {
-	return JSON.stringify(e, (e, t) => He(t) ? Object.keys(t).sort().reduce((e, n) => (e[n] = t[n], e), {}) : t);
+function Re(e) {
+	return JSON.stringify(e, (e, t) => Ue(t) ? Object.keys(t).sort().reduce((e, n) => (e[n] = t[n], e), {}) : t);
 }
-var Re = Object.prototype.hasOwnProperty;
-function ze(e, t, n = 0) {
+var ze = Object.prototype.hasOwnProperty;
+function Be(e, t, n = 0) {
 	if (e === t) return e;
 	if (n > 500) return t;
-	let r = Ve(e) && Ve(t);
-	if (!r && !(He(e) && He(t))) return t;
+	let r = He(e) && He(t);
+	if (!r && !(Ue(e) && Ue(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 : Re.call(e, o)) && c++;
+			s[o] = u, (r ? l < i : ze.call(e, o)) && c++;
 			continue;
 		}
 		if (u === null || d === null || typeof u != "object" || typeof d != "object") {
 			s[o] = d;
 			continue;
 		}
-		let f = ze(u, d, n + 1);
+		let f = Be(u, d, n + 1);
 		s[o] = f, f === u && c++;
 	}
 	return i === o && c === i ? e : s;
 }
-function Be(e, t) {
+function Ve(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 Ve(e) {
+function He(e) {
 	return Array.isArray(e) && e.length === Object.keys(e).length;
 }
-function He(e) {
-	if (!Ue(e)) return !1;
+function Ue(e) {
+	if (!We(e)) return !1;
 	let t = e.constructor;
 	if (t === void 0) return !0;
 	let n = t.prototype;
-	return !(!Ue(n) || !n.hasOwnProperty("isPrototypeOf") || Object.getPrototypeOf(e) !== Object.prototype);
+	return !(!We(n) || !n.hasOwnProperty("isPrototypeOf") || Object.getPrototypeOf(e) !== Object.prototype);
 }
-function Ue(e) {
+function We(e) {
 	return Object.prototype.toString.call(e) === "[object Object]";
 }
-function We(e, t, n) {
+function Ge(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 ze(e, t);
+			return Be(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 ze(e, t);
+		return Be(e, t);
 	}
 	return t;
 }
-function Ge(e, t) {
+function Ke(e, t) {
 	return typeof e == "function" ? e(...t) : !!e;
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/environmentManager.js
-var Ke = /* @__PURE__ */ (() => {
+var qe = /* @__PURE__ */ (() => {
 	let e = () => Ne;
 	return {
 		isServer() {
@@ -177,7 +177,7 @@ var Ke = /* @__PURE__ */ (() => {
 })();
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/thenable.js
-function qe() {
+function Je() {
 	let e, t, n = new Promise((n, r) => {
 		e = n, t = r;
 	});
@@ -199,13 +199,13 @@ function qe() {
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/notifyManager.js
-var Je = Me;
-function Ye() {
+var Ye = Me;
+function Xe() {
 	let e = [], t = 0, n = (e) => {
 		e();
 	}, r = (e) => {
 		e();
-	}, i = Je, a = (r) => {
+	}, i = Ye, a = (r) => {
 		t ? e.push(r) : i(() => {
 			n(r);
 		});
@@ -247,7 +247,7 @@ function Ye() {
 		}
 	};
 }
-var Xe = Ye(), Ze = new class extends U {
+var Ze = Xe(), Qe = new class extends U {
 	#e = !0;
 	#t;
 	#n;
@@ -281,16 +281,16 @@ var Xe = Ye(), Ze = new class extends U {
 }();
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/retryer.js
-function Qe(e) {
-	return (e ?? "online") === "online" ? Ze.isOnline() : !0;
+function $e(e) {
+	return (e ?? "online") === "online" ? Qe.isOnline() : !0;
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/query.js
-function $e(e, t) {
+function et(e, t) {
 	return {
 		fetchFailureCount: 0,
 		fetchFailureReason: null,
-		fetchStatus: Qe(t.networkMode) ? "fetching" : "paused",
+		fetchStatus: $e(t.networkMode) ? "fetching" : "paused",
 		...e === void 0 && {
 			error: null,
 			status: "pending"
@@ -299,9 +299,9 @@ function $e(e, t) {
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/queryObserver.js
-var et = class extends U {
+var tt = class extends U {
 	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 = Je(), this.bindMethods(), this.setOptions(t);
 	}
 	#e;
 	#t = void 0;
@@ -322,36 +322,36 @@ var et = class extends U {
 		this.refetch = this.refetch.bind(this);
 	}
 	onSubscribe() {
-		this.listeners.size === 1 && (this.#t.addObserver(this), nt(this.#t, this.options) ? this.#h() : this.updateResult(), this.#y());
+		this.listeners.size === 1 && (this.#t.addObserver(this), rt(this.#t, this.options) ? this.#h() : this.updateResult(), this.#y());
 	}
 	onUnsubscribe() {
 		this.hasListeners() || this.destroy();
 	}
 	shouldFetchOnReconnect() {
-		return rt(this.#t, this.options, this.options.refetchOnReconnect);
+		return it(this.#t, this.options, this.options.refetchOnReconnect);
 	}
 	shouldFetchOnWindowFocus() {
-		return rt(this.#t, this.options, this.options.refetchOnWindowFocus);
+		return it(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 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 && !Be(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 K(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 && !Ve(this.options, t) && this.#e.getQueryCache().notify({
 			type: "observerOptionsUpdated",
 			query: this.#t,
 			observer: this
 		});
 		let r = this.hasListeners();
-		r && it(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) || Ie(this.options.staleTime, this.#t) !== Ie(t.staleTime, this.#t)) && this.#g();
+		r && at(this.#t, n, this.options, t) && this.#h(), this.updateResult(), r && (this.#t !== n || K(this.options.enabled, this.#t) !== K(t.enabled, this.#t) || Le(this.options.staleTime, this.#t) !== Le(t.staleTime, this.#t)) && this.#g();
 		let i = this.#_();
-		r && (this.#t !== n || q(this.options.enabled, this.#t) !== q(t.enabled, this.#t) || i !== this.#p) && this.#v(i);
+		r && (this.#t !== n || K(this.options.enabled, this.#t) !== K(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 ot(this, n) && (this.#r = n, this.#a = this.options, this.#i = this.#t.state), n;
+		return st(this, n) && (this.#r = n, this.#a = this.options, this.#i = this.#t.state), n;
 	}
 	getCurrentResult() {
 		return this.#r;
@@ -381,13 +381,13 @@ var et = class extends U {
 	#h(e) {
 		this.#S();
 		let t = this.#t.fetch(this.options, e);
-		return e?.throwOnError || (t = t.catch(K)), t;
+		return e?.throwOnError || (t = t.catch(Pe)), t;
 	}
 	#g() {
 		this.#b();
-		let e = Ie(this.options.staleTime, this.#t);
-		if (Ke.isServer() || this.#r.isStale || !Pe(e)) return;
-		let t = Fe(this.#r.dataUpdatedAt, e) + 1;
+		let e = Le(this.options.staleTime, this.#t);
+		if (qe.isServer() || this.#r.isStale || !Fe(e)) return;
+		let t = Ie(this.#r.dataUpdatedAt, e) + 1;
 		this.#d = je.setTimeout(() => {
 			this.#r.isStale || this.updateResult();
 		}, t);
@@ -396,7 +396,7 @@ var et = class extends U {
 		return (typeof this.options.refetchInterval == "function" ? this.options.refetchInterval(this.#t) : this.options.refetchInterval) ?? !1;
 	}
 	#v(e) {
-		this.#x(), this.#p = e, !(Ke.isServer() || q(this.options.enabled, this.#t) === !1 || !Pe(this.#p) || this.#p === 0) && (this.#f = je.setInterval(() => {
+		this.#x(), this.#p = e, !(qe.isServer() || K(this.options.enabled, this.#t) === !1 || !Fe(this.#p) || this.#p === 0) && (this.#f = je.setInterval(() => {
 			(this.options.refetchIntervalInBackground || W.isFocused()) && this.#h();
 		}, this.#p));
 	}
@@ -412,10 +412,10 @@ var et = class extends U {
 	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 && nt(e, t), o = i && it(e, n, t, r);
+			let i = this.hasListeners(), a = !i && rt(e, t), o = i && at(e, n, t, r);
 			(a || o) && (l = {
 				...l,
-				...$e(c.data, e.options)
+				...et(c.data, e.options)
 			}), t._optimisticResults === "isRestoring" && (l.fetchStatus = "idle");
 		}
 		let { error: f, errorUpdatedAt: p, status: m } = l;
@@ -423,11 +423,11 @@ var et = class extends U {
 		let h = !1;
 		if (t.placeholderData !== void 0 && d === void 0 && m === "pending") {
 			let e;
-			i?.isPlaceholderData && t.placeholderData === o?.placeholderData ? (e = i.data, h = !0) : e = typeof t.placeholderData == "function" ? t.placeholderData(this.#u?.state.data, this.#u) : t.placeholderData, e !== void 0 && (m = "success", d = We(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 = Ge(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 = We(i?.data, d, t), this.#l = d, this.#s = null;
+			this.#c = t.select, d = t.select(d), d = Ge(i?.data, d, t), this.#l = d, this.#s = null;
 		} catch (e) {
 			this.#s = e;
 		}
@@ -455,16 +455,16 @@ var et = class extends U {
 			isPaused: l.fetchStatus === "paused",
 			isPlaceholderData: u,
 			isRefetchError: v && b,
-			isStale: at(e, t),
+			isStale: ot(e, t),
 			refetch: this.refetch,
 			promise: this.#o,
-			isEnabled: q(t.enabled, e) !== !1
+			isEnabled: K(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 = Je());
 			}, o = this.#o;
 			switch (o.status) {
 				case "pending":
@@ -482,7 +482,7 @@ var et = class extends U {
 	}
 	updateResult() {
 		let e = this.#r, t = this.createResult(this.#t, this.options);
-		this.#i = this.#t.state, this.#a = this.options, this.#i.data !== void 0 && (this.#u = this.#t), !Be(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), !Ve(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 +503,7 @@ var et = class extends U {
 		this.updateResult(), this.hasListeners() && this.#y();
 	}
 	#C(e) {
-		Xe.batch(() => {
+		Ze.batch(() => {
 			e.listeners && this.listeners.forEach((e) => {
 				e(this.#r);
 			}), this.#e.getQueryCache().notify({
@@ -513,31 +513,31 @@ var et = class extends U {
 		});
 	}
 };
-function tt(e, t) {
-	return q(t.enabled, e) !== !1 && e.state.data === void 0 && !(e.state.status === "error" && q(t.retryOnMount, e) === !1);
-}
 function nt(e, t) {
-	return tt(e, t) || e.state.data !== void 0 && rt(e, t, t.refetchOnMount);
+	return K(t.enabled, e) !== !1 && e.state.data === void 0 && !(e.state.status === "error" && K(t.retryOnMount, e) === !1);
+}
+function rt(e, t) {
+	return nt(e, t) || e.state.data !== void 0 && it(e, t, t.refetchOnMount);
 }
-function rt(e, t, n) {
-	if (q(t.enabled, e) !== !1 && Ie(t.staleTime, e) !== "static") {
+function it(e, t, n) {
+	if (K(t.enabled, e) !== !1 && Le(t.staleTime, e) !== "static") {
 		let r = typeof n == "function" ? n(e) : n;
-		return r === "always" || r !== !1 && at(e, t);
+		return r === "always" || r !== !1 && ot(e, t);
 	}
 	return !1;
 }
-function it(e, t, n, r) {
-	return (e !== t || q(r.enabled, e) === !1) && (!n.suspense || e.state.status !== "error") && at(e, n);
-}
-function at(e, t) {
-	return q(t.enabled, e) !== !1 && e.isStaleByTime(Ie(t.staleTime, e));
+function at(e, t, n, r) {
+	return (e !== t || K(r.enabled, e) === !1) && (!n.suspense || e.state.status !== "error") && ot(e, n);
 }
 function ot(e, t) {
-	return !Be(e.getCurrentResult(), t);
+	return K(t.enabled, e) !== !1 && e.isStaleByTime(Le(t.staleTime, e));
+}
+function st(e, t) {
+	return !Ve(e.getCurrentResult(), t);
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/mutation.js
-function st() {
+function ct() {
 	return {
 		context: void 0,
 		data: void 0,
@@ -552,7 +552,7 @@ function st() {
 }
 //#endregion
 //#region node_modules/@tanstack/query-core/build/modern/mutationObserver.js
-var ct = class extends U {
+var lt = class extends U {
 	#e;
 	#t = void 0;
 	#n;
@@ -565,11 +565,11 @@ var ct = class extends U {
 	}
 	setOptions(e) {
 		let t = this.options;
-		this.options = this.#e.defaultMutationOptions(e), Be(this.options, t) || this.#e.getMutationCache().notify({
+		this.options = this.#e.defaultMutationOptions(e), Ve(this.options, t) || this.#e.getMutationCache().notify({
 			type: "observerOptionsUpdated",
 			mutation: this.#n,
 			observer: this
-		}), t?.mutationKey && this.options.mutationKey && Le(t.mutationKey) !== Le(this.options.mutationKey) ? this.reset() : this.#n?.state.status === "pending" && this.#n.setOptions(this.options);
+		}), t?.mutationKey && this.options.mutationKey && Re(t.mutationKey) !== Re(this.options.mutationKey) ? this.reset() : this.#n?.state.status === "pending" && this.#n.setOptions(this.options);
 	}
 	onUnsubscribe() {
 		this.hasListeners() || this.#n?.removeObserver(this);
@@ -587,7 +587,7 @@ var ct = class extends U {
 		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 ?? st();
+		let e = this.#n?.state ?? ct();
 		this.#t = {
 			...e,
 			isPending: e.status === "pending",
@@ -599,7 +599,7 @@ var ct = class extends U {
 		};
 	}
 	#a(e) {
-		Xe.batch(() => {
+		Ze.batch(() => {
 			if (this.#r && this.hasListeners()) {
 				let t = this.#t.variables, n = this.#t.context, r = {
 					client: this.#e,
@@ -635,18 +635,18 @@ var ct = class extends U {
 			});
 		});
 	}
-}, lt = e.createContext(void 0), ut = (t) => {
-	let n = e.useContext(lt);
+}, ut = e.createContext(void 0), q = (t) => {
+	let n = e.useContext(ut);
 	if (t) return t;
 	if (!n) throw Error("No QueryClient set, use QueryClientProvider to set one");
 	return n;
 }, dt = ({ client: t, children: n }) => (e.useEffect(() => (t.mount(), () => {
 	t.unmount();
-}), [t]), /* @__PURE__ */ p(lt.Provider, {
+}), [t]), /* @__PURE__ */ p(ut.Provider, {
 	value: t,
 	children: n
-})), ft = e.createContext(!1), J = () => e.useContext(ft);
-ft.Provider;
+})), J = e.createContext(!1), ft = () => e.useContext(J);
+J.Provider;
 //#endregion
 //#region node_modules/@tanstack/react-query/build/modern/QueryErrorResetBoundary.js
 function pt() {
@@ -662,13 +662,13 @@ function pt() {
 	};
 }
 var mt = e.createContext(pt()), ht = () => e.useContext(mt), gt = (e, t, n) => {
-	let r = n?.state.error && typeof e.throwOnError == "function" ? Ge(e.throwOnError, [n.state.error, n]) : e.throwOnError;
+	let r = n?.state.error && typeof e.throwOnError == "function" ? Ke(e.throwOnError, [n.state.error, n]) : e.throwOnError;
 	(e.suspense || e.experimental_prefetchInRender || r) && (t.isReset() || (e.retryOnMount = !1));
 }, _t = (t) => {
 	e.useEffect(() => {
 		t.clearReset();
 	}, [t]);
-}, vt = ({ result: e, errorResetBoundary: t, throwOnError: n, query: r, suspense: i }) => e.isError && !t.isReset() && !e.isFetching && r && (i && e.data === void 0 || Ge(n, [e.error, r])), yt = (e) => {
+}, vt = ({ result: e, errorResetBoundary: t, throwOnError: n, query: r, suspense: i }) => e.isError && !t.isReset() && !e.isFetching && r && (i && e.data === void 0 || Ke(n, [e.error, r])), yt = (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));
@@ -680,13 +680,13 @@ var mt = e.createContext(pt()), ht = () => e.useContext(mt), gt = (e, t, n) => {
 //#region node_modules/@tanstack/react-query/build/modern/useBaseQuery.js
 function Ct(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 = J(), a = ht(), o = ut(r), s = o.defaultQueryOptions(t);
+	let i = ft(), a = ht(), o = q(r), s = o.defaultQueryOptions(t);
 	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`)), s._optimisticResults = i ? "isRestoring" : "optimistic", yt(s), gt(s, a, c), _t(a);
 	let l = !o.getQueryCache().get(s.queryHash), [u] = e.useState(() => new n(o, s)), d = u.getOptimisticResult(s), f = !i && t.subscribed !== !1;
 	if (e.useSyncExternalStore(e.useCallback((e) => {
-		let t = f ? u.subscribe(Xe.batchCalls(e)) : K;
+		let t = f ? u.subscribe(Ze.batchCalls(e)) : Pe;
 		return u.updateResult(), t;
 	}, [u, f]), () => u.getCurrentResult(), () => u.getCurrentResult()), e.useEffect(() => {
 		u.setOptions(s);
@@ -698,26 +698,26 @@ function Ct(t, n, r) {
 		query: c,
 		suspense: s.suspense
 	})) throw d.error;
-	return o.getDefaultOptions().queries?._experimental_afterQuery?.(s, d), s.experimental_prefetchInRender && !Ke.isServer() && bt(d, i) && (l ? St(s, u, a) : c?.promise)?.catch(K).finally(() => {
+	return o.getDefaultOptions().queries?._experimental_afterQuery?.(s, d), s.experimental_prefetchInRender && !qe.isServer() && bt(d, i) && (l ? St(s, u, a) : c?.promise)?.catch(Pe).finally(() => {
 		u.updateResult();
 	}), s.notifyOnChangeProps ? d : u.trackResult(d);
 }
 //#endregion
 //#region node_modules/@tanstack/react-query/build/modern/useQuery.js
 function wt(e, t) {
-	return Ct(e, et, t);
+	return Ct(e, tt, t);
 }
 //#endregion
 //#region node_modules/@tanstack/react-query/build/modern/useMutation.js
 function Tt(t, n) {
-	let r = ut(n), [i] = e.useState(() => new ct(r, t));
+	let r = q(n), [i] = e.useState(() => new lt(r, t));
 	e.useEffect(() => {
 		i.setOptions(t);
 	}, [i, t]);
-	let a = e.useSyncExternalStore(e.useCallback((e) => i.subscribe(Xe.batchCalls(e)), [i]), () => i.getCurrentResult(), () => i.getCurrentResult()), o = e.useCallback((e, t) => {
-		i.mutate(e, t).catch(K);
+	let a = e.useSyncExternalStore(e.useCallback((e) => i.subscribe(Ze.batchCalls(e)), [i]), () => i.getCurrentResult(), () => i.getCurrentResult()), o = e.useCallback((e, t) => {
+		i.mutate(e, t).catch(Pe);
 	}, [i]);
-	if (a.error && Ge(i.options.throwOnError, [a.error])) throw a.error;
+	if (a.error && Ke(i.options.throwOnError, [a.error])) throw a.error;
 	return {
 		...a,
 		mutate: o,
@@ -742,14 +742,14 @@ function Ot({ children: e, baseUrl: t, queryClient: n, getHeaders: r = Dt }) {
 }
 //#endregion
 //#region src/Hooks/useDataTable.ts
-function Y() {
+function kt() {
 	let e = o(Et);
 	if (!e) throw Error("useDataTable must be used within a DataTableProvider");
 	return e;
 }
 //#endregion
 //#region src/Hooks/useApi.ts
-function kt(e) {
+function At(e) {
 	if (typeof e == "string") try {
 		let t = JSON.parse(e);
 		return {
@@ -762,7 +762,7 @@ function kt(e) {
 	}
 	return e instanceof Error ? { message: e.message } : { message: "Unbekannter Fehler" };
 }
-async function At(e, t) {
+async function Y(e, t) {
 	let n = await fetch(e, t);
 	if (n.status >= 400) {
 		let e = await n.text();
@@ -778,25 +778,25 @@ async function At(e, t) {
 	return n;
 }
 async function jt(e, t) {
-	return (await At(e, {
+	return (await Y(e, {
 		method: "GET",
 		headers: await t()
 	})).json();
 }
 async function Mt(e, t, n) {
-	return (await At(`${e}/${t}`, {
+	return (await Y(`${e}/${t}`, {
 		method: "GET",
 		headers: await n()
 	})).json();
 }
 async function Nt(e, t, n) {
-	await At(`${e}/${t}`, {
+	await Y(`${e}/${t}`, {
 		method: "DELETE",
 		headers: await n()
 	});
 }
 async function Pt(e, t, n) {
-	let r = await At(e, {
+	let r = await Y(e, {
 		method: "POST",
 		headers: await n(),
 		body: JSON.stringify(t)
@@ -804,7 +804,7 @@ async function Pt(e, t, n) {
 	return r.status === 204 ? t : r.json();
 }
 async function Ft(e, t, n, r) {
-	let i = await At(t, {
+	let i = await Y(t, {
 		method: e,
 		headers: await n(),
 		body: r ? JSON.stringify(r) : void 0
@@ -812,7 +812,7 @@ async function Ft(e, t, n, r) {
 	if (i.status !== 204) return i.json();
 }
 async function It(e, t, n) {
-	let r = await At(`${e}/${t.id}`, {
+	let r = await Y(`${e}/${t.id}`, {
 		method: "PUT",
 		headers: await n(),
 		body: JSON.stringify(t)
@@ -820,7 +820,7 @@ async function It(e, t, n) {
 	return r.status === 204 ? t : r.json();
 }
 function Lt(e, t, n) {
-	let { baseUrl: r, getHeaders: i } = Y();
+	let { baseUrl: r, getHeaders: i } = kt();
 	return wt({
 		queryKey: [...t.map((e) => e.toString()), String(n?.toString())],
 		queryFn: () => Mt(`${r}${e}`, n, i),
@@ -828,7 +828,7 @@ function Lt(e, t, n) {
 	});
 }
 function Rt(e, t, n = !0) {
-	let { baseUrl: r, getHeaders: i } = Y();
+	let { baseUrl: r, getHeaders: i } = kt();
 	return wt({
 		queryKey: [...t.map((e) => e.toString())],
 		queryFn: () => jt(`${r}${e}`, i),
@@ -836,7 +836,7 @@ function Rt(e, t, n = !0) {
 	});
 }
 function zt(e, t) {
-	let { baseUrl: n, queryClient: r, getHeaders: i } = Y();
+	let { baseUrl: n, queryClient: r, getHeaders: i } = kt();
 	return Tt({
 		mutationKey: [...t.map((e) => e.toString())],
 		mutationFn: (t) => Pt(`${n}${e}`, t, i),
@@ -846,7 +846,7 @@ function zt(e, t) {
 	});
 }
 function Bt(e, t) {
-	let { baseUrl: n, queryClient: r, getHeaders: i } = Y();
+	let { baseUrl: n, queryClient: r, getHeaders: i } = kt();
 	return Tt({
 		mutationKey: [...t.map((e) => e.toString())],
 		mutationFn: (t) => It(`${n}${e}`, t, i),
@@ -856,7 +856,7 @@ function Bt(e, t) {
 	});
 }
 function Vt(e, t) {
-	let { baseUrl: n, queryClient: r, getHeaders: i } = Y();
+	let { baseUrl: n, queryClient: r, getHeaders: i } = kt();
 	return Tt({
 		mutationKey: [...t.map((e) => e.toString())],
 		mutationFn: (t) => Nt(`${n}${e}`, t, i),
@@ -872,7 +872,7 @@ function Ht({ fields: e, onClose: t, queryKey: r, apiPath: i, steps: a, onCreate
 	function k(e, t) {
 		return typeof e.required == "function" ? e.required(t ?? {}) : !!e.required;
 	}
-	let A = me({
+	let A = he({
 		mode: "uncontrolled",
 		initialValues: e.reduce((e, t) => (e[t.id] = t.type === "boolean" ? !1 : t.defaultValue ?? "", e), {}),
 		validate: e.filter((e) => e.required).reduce((e, t) => (e[t.id] = (e, n) => t.conditional && !t.conditional(n) || !k(t, n) || e ? null : "Pflichtfeld", e), {})
@@ -882,7 +882,7 @@ function Ht({ fields: e, onClose: t, queryKey: r, apiPath: i, steps: a, onCreate
 		if (e.conditional && !e.conditional(t)) return null;
 		let r = k(e, t);
 		return /* @__PURE__ */ m(n, { children: [
-			(e.type === void 0 || e.type == "text") && /* @__PURE__ */ p(se, {
+			(e.type === void 0 || e.type == "text") && /* @__PURE__ */ p(ce, {
 				label: e.column.title,
 				placeholder: e.placeholder ?? "",
 				...A.getInputProps(e.id),
@@ -896,7 +896,7 @@ function Ht({ fields: e, onClose: t, queryKey: r, apiPath: i, steps: a, onCreate
 				...A.getInputProps(e.id),
 				required: r
 			}, A.key(e.id)),
-			e.type === "date" && /* @__PURE__ */ p(he, {
+			e.type === "date" && /* @__PURE__ */ p(ge, {
 				label: e.column.title,
 				placeholder: e.placeholder ?? "",
 				valueFormat: "DD.MM.YYYY",
@@ -910,7 +910,7 @@ function Ht({ fields: e, onClose: t, queryKey: r, apiPath: i, steps: a, onCreate
 				...A.getInputProps(e.id, { type: "checkbox" }),
 				required: r
 			}, A.key(e.id)),
-			e.type === "textarea" && /* @__PURE__ */ p(ce, {
+			e.type === "textarea" && /* @__PURE__ */ p(le, {
 				label: e.column.title,
 				placeholder: e.placeholder ?? "",
 				...A.getInputProps(e.id),
@@ -946,10 +946,10 @@ function Ht({ fields: e, onClose: t, queryKey: r, apiPath: i, steps: a, onCreate
 			}
 			O.length && s < O.length - 1 ? x || c(s + 1) : x || (A.setInitialValues(n), A.reset(), t());
 		}),
-		children: [O.length ? /* @__PURE__ */ p(z, {
+		children: [O.length ? /* @__PURE__ */ p(R, {
 			active: s,
 			size: "sm",
-			children: O.map((t) => /* @__PURE__ */ p(z.Step, {
+			children: O.map((t) => /* @__PURE__ */ p(R.Step, {
 				...a && a[t - 1] ? { label: a[t - 1].label } : {},
 				children: e.filter((e) => e.step === t).map((e) => M(e))
 			}, t))
@@ -985,40 +985,85 @@ function X() {
 }
 //#endregion
 //#region node_modules/mantine-datatable/dist/index.mjs
-var [Wt, Gt] = ue("useDataTableColumnsContext must be used within DataTableColumnProvider"), Kt = (e) => {
-	let { children: t, columnsOrder: n, setColumnsOrder: r, columnsToggle: i, setColumnsToggle: a, resetColumnsOrder: o, resetColumnsToggle: s, setColumnWidth: c, setMultipleColumnWidths: l, resetColumnsWidth: u } = e, [f, m] = d(""), [h, g] = d("");
-	return p(Wt, {
+function Z(e, t, n) {
+	return e ? fe({
+		color: typeof e == "object" ? e[n] : e,
+		theme: t
+	}).value : void 0;
+}
+function Wt({ 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"),
+		"--mantine-datatable-background-color-light": Z(n, e, "light"),
+		"--mantine-datatable-background-color-dark": Z(n, e, "dark"),
+		"--mantine-datatable-border-color-light": Z(r, e, "light"),
+		"--mantine-datatable-border-color-dark": Z(r, e, "dark"),
+		"--mantine-datatable-row-border-color-light": Z(i, e, "light"),
+		"--mantine-datatable-row-border-color-dark": Z(i, e, "dark"),
+		"--mantine-datatable-striped-color-light": Z(a, e, "light"),
+		"--mantine-datatable-striped-color-dark": Z(a, e, "dark"),
+		"--mantine-datatable-highlight-on-hover-color-light": Z(o, e, "light"),
+		"--mantine-datatable-highlight-on-hover-color-dark": Z(o, e, "dark")
+	};
+}
+function Gt({ 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"),
+		"--mantine-datatable-pagination-active-background-color-light": Z(n, e, "light"),
+		"--mantine-datatable-pagination-active-background-color-dark": Z(n, e, "dark")
+	};
+}
+function Kt({ 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"),
+		"--mantine-datatable-row-background-color-light": Z(n, e, "light"),
+		"--mantine-datatable-row-background-color-dark": Z(n, e, "dark")
+	};
+}
+var [qt, Jt] = de("useDataTableColumnsContext must be used within DataTableColumnProvider"), Yt = (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(qt, {
 		value: {
-			sourceColumn: f,
-			setSourceColumn: m,
-			targetColumn: h,
-			setTargetColumn: g,
+			sourceColumn: y,
+			setSourceColumn: b,
+			targetColumn: x,
+			setTargetColumn: S,
 			columnsToggle: i,
 			setColumnsToggle: a,
+			columnsPinning: o,
+			setColumnsPinning: s,
 			swapColumns: () => {
-				if (!n || !r || !f || !h) return;
-				let e = n.indexOf(f), t = n.indexOf(h);
-				if (e !== -1 && t !== -1) {
-					let i = n.splice(e, 1)[0];
-					n.splice(t, 0, i), r([...n]);
+				if (!n || !r || !y || !x) return;
+				let e = v.get(y), t = v.get(x);
+				if (e?.logicalSide !== t?.logicalSide) return;
+				let i = n.indexOf(y), a = n.indexOf(x);
+				if (i !== -1 && a !== -1) {
+					let e = [...n], [t] = e.splice(i, 1);
+					e.splice(a, 0, t), r(e);
 				}
 			},
-			resetColumnsOrder: o,
-			resetColumnsToggle: s,
-			setColumnWidth: c,
-			setMultipleColumnWidths: l,
-			resetColumnsWidth: u
+			resetColumnsOrder: c,
+			resetColumnsToggle: l,
+			resetColumnsPinning: u,
+			setColumnWidth: f,
+			setMultipleColumnWidths: m,
+			resetColumnsWidth: h,
+			beginResize: g,
+			endResize: _
 		},
 		children: t
 	});
 };
-function qt() {
+function Xt() {
 	return p("tr", {
 		className: "mantine-datatable-empty-row",
 		children: p("td", {})
 	});
 }
-function Jt() {
+function Zt() {
 	return m("svg", {
 		width: "24",
 		height: "24",
@@ -1041,14 +1086,14 @@ function Jt() {
 		]
 	});
 }
-function Yt({ icon: e, text: t, active: n, children: r }) {
+function Qt({ icon: e, text: t, active: n, children: r }) {
 	return p(y, {
 		className: "mantine-datatable-empty-state",
 		"data-active": n || void 0,
 		children: r || m(f, { children: [e || p("div", {
 			className: "mantine-datatable-empty-state-icon",
-			children: p(Jt, {})
-		}), p(V, {
+			children: p(Zt, {})
+		}), p(B, {
 			component: "div",
 			size: "sm",
 			c: "dimmed",
@@ -1056,258 +1101,344 @@ function Yt({ icon: e, text: t, active: n, children: r }) {
 		})] })
 	});
 }
-function Xt({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
-	function r(e, t) {
-		let n = [];
-		return e.forEach((e) => {
-			t.find((t) => t.accessor === e) && n.push(e);
-		}), t.forEach((e) => {
-			n.includes(e.accessor) || n.push(e.accessor);
-		}), n;
-	}
-	let i = t && t.map((e) => e.accessor) || [], [a, o] = De({
-		key: e ? `${e}-columns-order` : "",
-		defaultValue: e ? i : void 0,
+function $t({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
+	let r = l(() => t.map((e) => ({
+		accessor: e.accessor,
+		defaultPinned: e.pinned,
+		pinnable: !!e.pinnable,
+		pinned: e.pinned
+	})), [t]), [i, a] = H({
+		key: e ? `${e}-columns-pinning` : "",
+		defaultValue: e ? r : void 0,
 		getInitialValueInEffect: n
-	});
-	function s(t) {
-		e && o(t);
-	}
-	let c = () => {
-		s(i);
-	};
-	if (!e) return {
-		columnsOrder: a,
-		setColumnsOrder: s,
-		resetColumnsOrder: c
-	};
-	let l = r(a, t), u = JSON.stringify(a);
-	return JSON.stringify(l) !== u && s(l), {
-		columnsOrder: l,
-		setColumnsOrder: s,
-		resetColumnsOrder: c
-	};
-}
-function Zt({ key: e, columns: t = [], getInitialValueInEffect: n = !0, headerRef: r, onFixedLayoutChange: i }) {
-	let o = u(!1), c = u({}), [f, p] = d(!0), m = l(() => t.some((e) => e.resizable && !e.hidden && e.accessor !== "__selection__"), [t]), h = l(() => t.filter((e) => e.resizable && !e.hidden && e.accessor !== "__selection__"), [t]), g = l(() => h.some((e) => e.width === void 0 || e.width === "" || e.width === "initial"), [h]), _ = a(() => t.filter((e) => e.accessor !== "__selection__").map((e) => ({ [e.accessor]: e.width ?? "auto" })), [t]), [v, y] = De({
-		key: e ? `${e}-columns-width` : "",
-		defaultValue: e ? _() : void 0,
-		getInitialValueInEffect: !1
-	}), [b, x] = d(() => _());
-	s(() => {
-		p(!1);
-	}, []);
-	let S = a(() => {
-		if (!r?.current || f) return {};
-		let e = r.current, t = Array.from(e.querySelectorAll("th[data-accessor]")), n = {};
-		return t.forEach((e) => {
-			let t = e.getAttribute("data-accessor");
-			if (!t || t === "__selection__") return;
-			let r = h.find((e) => e.accessor === t);
-			if (r && (r.width === void 0 || r.width === "" || r.width === "initial")) {
-				let r = e.getBoundingClientRect();
-				n[t] = Math.round(r.width);
-			}
-		}), n;
+	}), o = i ?? r;
+	function c(t) {
+		e && a(typeof t == "function" ? (e) => t(e ?? r) : t);
+	}
+	let u = l(() => {
+		if (!o) return r;
+		let e = [];
+		return o.forEach((n) => {
+			t.find((e) => e.accessor === n.accessor) && e.push(n);
+		}), t.forEach((t) => {
+			e.find((e) => e.accessor === t.accessor) || e.push({
+				accessor: t.accessor,
+				defaultPinned: t.pinned,
+				pinnable: !!t.pinnable,
+				pinned: t.pinned
+			});
+		}), e;
 	}, [
-		r,
-		h,
-		f
-	]), C = a((t) => {
-		let n = t.filter((e) => e.accessor !== "__selection__"), r = b.map((e) => {
-			let t = Object.keys(e)[0], r = n.find((e) => e.accessor === t);
-			return r ? { [t]: r.width } : e;
-		});
-		x(r), e && y(r);
+		o,
+		t,
+		r
+	]);
+	s(() => {
+		e && o && JSON.stringify(u) !== JSON.stringify(o) && a(u);
 	}, [
-		b,
 		e,
-		y
-	]), w = a((e) => {
-		C(e);
-	}, [C]), T = a(() => {
-		!r?.current || !i || f || (g ? (i(!1), requestAnimationFrame(() => {
-			requestAnimationFrame(() => {
-				let e = S();
-				c.current = {
-					...c.current,
-					...e
-				}, x(t.filter((e) => e.accessor !== "__selection__").map((t) => {
-					let n = t.accessor, r = v?.find((e) => Object.keys(e)[0] === n);
-					if (r && r[n] !== "auto") return { [n]: r[n] };
-					let i = e[n];
-					return i ? { [n]: `${i}px` } : { [n]: t.width ?? "auto" };
-				})), setTimeout(() => {
-					i(!0), o.current = !0;
-				}, 10);
-			});
-		})) : (x(t.filter((e) => e.accessor !== "__selection__").map((e) => ({ [e.accessor]: e.width ?? "auto" }))), i(!0), o.current = !0));
+		u,
+		o,
+		a
+	]);
+	let d = () => {
+		c(r);
+	};
+	return e ? {
+		columnsPinning: u,
+		setColumnsPinning: c,
+		resetColumnsPinning: d
+	} : {
+		columnsPinning: r,
+		setColumnsPinning: c,
+		resetColumnsPinning: d
+	};
+}
+function en({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
+	let r = l(() => t ? t.map((e) => e.accessor) : [], [t]), [i, a] = H({
+		key: e ? `${e}-columns-order` : "",
+		defaultValue: e ? r : void 0,
+		getInitialValueInEffect: n
+	}), o = i ?? r;
+	function c(t) {
+		e && a(t);
+	}
+	let u = l(() => {
+		if (!o) return r;
+		let e = [];
+		return o.forEach((n) => {
+			t.find((e) => e.accessor === n) && e.push(n);
+		}), t.forEach((t) => {
+			e.includes(t.accessor) || e.push(t.accessor);
+		}), e;
 	}, [
-		r,
-		i,
-		f,
-		g,
-		S,
+		o,
 		t,
-		v
-	]), E = T;
+		r
+	]);
 	s(() => {
-		if (!m || !i || f) {
-			i?.(!1);
-			return;
-		}
-		o.current = !1;
-		let e = setTimeout(() => {
-			T();
-		}, 50);
-		return () => clearTimeout(e);
+		e && o && JSON.stringify(u) !== JSON.stringify(o) && a(u);
 	}, [
-		m,
-		i,
-		f,
-		T
-	]), s(() => {
-		f || !e || !n || v && v.length > 0 && x(v);
-	}, [
-		f,
 		e,
-		n,
-		v
+		u,
+		o,
+		a
 	]);
-	let D = a(() => {
-		e && y(_()), c.current = {}, o.current = !1, i && (i(!1), setTimeout(() => {
-			T();
-		}, 10));
+	let d = () => {
+		c(r);
+	};
+	return e ? {
+		columnsOrder: u,
+		setColumnsOrder: c,
+		resetColumnsOrder: d
+	} : {
+		columnsOrder: o,
+		setColumnsOrder: c,
+		resetColumnsOrder: d
+	};
+}
+function tn({ key: e, columns: t = [], getInitialValueInEffect: n = !0, headerRef: r }) {
+	let i = l(() => t.some((e) => e.resizable && !e.hidden && e.accessor !== "__selection__"), [t]), o = a(() => t.filter((e) => e.accessor !== "__selection__").map((e) => ({ [e.accessor]: e.width ?? "auto" })), [t]), [c, f] = H({
+		key: e ? `${e}-columns-width` : "",
+		defaultValue: e ? o() : void 0,
+		getInitialValueInEffect: n
+	}), [p, m] = d(() => e && c && c.length > 0 ? c : o()), [h, g] = d(!1), _ = u(!1);
+	s(() => {
+		e && (!c || c.length === 0 || m(c));
+	}, [e, c]), s(() => {
+		m((e) => {
+			let n = new Set(t.filter((e) => e.accessor !== "__selection__").map((e) => String(e.accessor))), r = e.filter((e) => n.has(Object.keys(e)[0])), i = new Set(r.map((e) => Object.keys(e)[0])), a = !1;
+			for (let e of t) {
+				if (e.accessor === "__selection__") continue;
+				let t = String(e.accessor);
+				i.has(t) || (r.push({ [t]: e.width ?? "auto" }), a = !0);
+			}
+			return r.length !== e.length || a ? r : e;
+		});
+	}, [t]);
+	let v = a((e) => {
+		let t = e.filter((e) => e.accessor !== "__selection__");
+		t.length !== 0 && (_.current = !0, m((e) => e.map((e) => {
+			let n = Object.keys(e)[0], r = t.find((e) => e.accessor === n);
+			return r ? { [n]: r.width } : e;
+		})));
+	}, []);
+	s(() => {
+		!e || !_.current || h || (_.current = !1, f(p));
 	}, [
 		e,
-		y,
-		_,
-		i,
-		T
+		p,
+		h,
+		f
 	]);
+	let y = a((e, t) => {
+		v([{
+			accessor: e,
+			width: t
+		}]);
+	}, [v]), b = a((e) => {
+		v(e);
+	}, [v]), x = a(() => {
+		g(!0);
+		let e = r?.current;
+		if (!e) return;
+		let t = Array.from(e.querySelectorAll("th[data-accessor]"));
+		if (t.length === 0) return;
+		let n = [];
+		for (let e of t) {
+			let t = e.getAttribute("data-accessor");
+			if (!t || t === "__selection__") continue;
+			let r = Math.round(e.getBoundingClientRect().width);
+			n.push({ [t]: `${r}px` });
+		}
+		_.current = !0, m(n);
+	}, [r]), S = a(() => {
+		g(!1);
+	}, []);
 	return {
-		columnsWidth: b,
-		setColumnsWidth: C,
-		setColumnWidth: a((e, t) => {
-			C([{
-				accessor: e,
-				width: t
-			}]);
-		}, [C]),
-		setMultipleColumnWidths: w,
-		resetColumnsWidth: D,
-		hasResizableColumns: m,
-		allResizableWidthsInitial: l(() => m ? b.filter((e) => {
-			let t = Object.keys(e)[0];
-			return h.some((e) => e.accessor === t);
-		}).every((e) => {
-			let t = Object.values(e)[0];
-			return t === "auto" || t === "initial";
-		}) : !1, [
-			m,
-			b,
-			h
+		columnsWidth: p,
+		setColumnsWidth: v,
+		setColumnWidth: y,
+		setMultipleColumnWidths: b,
+		resetColumnsWidth: a(() => {
+			let e = o();
+			_.current = !0, m(e), g(!1);
+		}, [o]),
+		hasResizableColumns: i,
+		allResizableWidthsInitial: l(() => {
+			if (!i) return !1;
+			let e = t.filter((e) => e.resizable && !e.hidden && e.accessor !== "__selection__");
+			return p.filter((t) => {
+				let n = Object.keys(t)[0];
+				return e.some((e) => e.accessor === n);
+			}).every((e) => {
+				let t = Object.values(e)[0];
+				return t === "auto" || t === "initial";
+			});
+		}, [
+			i,
+			t,
+			p
 		]),
-		measureAndSetColumnWidths: E
+		measureAndSetColumnWidths: a(() => {}, []),
+		isResizing: h,
+		beginResize: x,
+		endResize: S
 	};
 }
-function Qt({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
-	function r(e, t) {
-		let n = [];
-		return e.forEach((e) => {
-			t.find((t) => t.accessor === e.accessor) && n.push(e);
-		}), t.forEach((e) => {
-			n.find((t) => t.accessor === e.accessor) || n.push({
-				accessor: e.accessor,
-				defaultToggle: e.defaultToggle || !0,
-				toggleable: e.toggleable,
-				toggled: e.defaultToggle === void 0 ? !0 : e.defaultToggle
-			});
-		}), n;
-	}
-	let i = t && t.map((e) => ({
+function nn({ key: e, columns: t = [], getInitialValueInEffect: n = !0 }) {
+	let r = l(() => t?.map((e) => ({
 		accessor: e.accessor,
 		defaultToggle: e.defaultToggle || !0,
 		toggleable: e.toggleable,
 		toggled: e.defaultToggle === void 0 ? !0 : e.defaultToggle
-	})), [a, o] = De({
+	})), [t]), [i, a] = H({
 		key: e ? `${e}-columns-toggle` : "",
-		defaultValue: e ? i : void 0,
+		defaultValue: e ? r : void 0,
 		getInitialValueInEffect: n
-	});
-	function s(t) {
-		e && o(t);
-	}
-	let c = () => {
-		s(i);
-	};
-	if (!e) return {
-		columnsToggle: a,
-		setColumnsToggle: s,
-		resetColumnsToggle: c
+	}), o = i ?? r;
+	function c(t) {
+		e && a(t);
+	}
+	let u = l(() => {
+		if (!o) return r;
+		let e = [];
+		return o.forEach((n) => {
+			t.find((e) => e.accessor === n.accessor) && e.push(n);
+		}), t.forEach((t) => {
+			e.find((e) => e.accessor === t.accessor) || e.push({
+				accessor: t.accessor,
+				defaultToggle: t.defaultToggle || !0,
+				toggleable: t.toggleable,
+				toggled: t.defaultToggle === void 0 ? !0 : t.defaultToggle
+			});
+		}), e;
+	}, [
+		o,
+		t,
+		r
+	]);
+	s(() => {
+		e && o && JSON.stringify(u) !== JSON.stringify(o) && a(u);
+	}, [
+		e,
+		u,
+		o,
+		a
+	]);
+	let d = () => {
+		c(r);
 	};
-	let l = r(a, t), u = JSON.stringify(a);
-	return JSON.stringify(l) !== u && s(l), {
-		columnsToggle: l,
-		setColumnsToggle: s,
-		resetColumnsToggle: c
+	return e ? {
+		columnsToggle: u,
+		setColumnsToggle: c,
+		resetColumnsToggle: d
+	} : {
+		columnsToggle: o,
+		setColumnsToggle: c,
+		resetColumnsToggle: d
 	};
 }
-var $t = ({ key: e, columns: t = [], getInitialValueInEffect: n = !0, headerRef: r, scrollViewportRef: i, onFixedLayoutChange: a }) => {
-	let { columnsOrder: o, setColumnsOrder: s, resetColumnsOrder: c } = Xt({
+var rn = ({ key: e, columns: t = [], getInitialValueInEffect: n = !0, headerRef: r, scrollViewportRef: i }) => {
+	let { columnsOrder: a, setColumnsOrder: o, resetColumnsOrder: s } = en({
 		key: e,
 		columns: t,
 		getInitialValueInEffect: n
-	}), { columnsToggle: u, setColumnsToggle: d, resetColumnsToggle: f } = Qt({
+	}), { columnsToggle: c, setColumnsToggle: u, resetColumnsToggle: d } = nn({
 		key: e,
 		columns: t,
 		getInitialValueInEffect: n
-	}), { columnsWidth: p, setColumnsWidth: m, setColumnWidth: h, setMultipleColumnWidths: g, resetColumnsWidth: _, hasResizableColumns: v, allResizableWidthsInitial: y, measureAndSetColumnWidths: b } = Zt({
+	}), { columnsPinning: f, setColumnsPinning: p, resetColumnsPinning: m } = $t({
+		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 } = tn({
 		key: e,
 		columns: t,
 		getInitialValueInEffect: n,
 		headerRef: r,
-		scrollViewportRef: i,
-		onFixedLayoutChange: a
-	});
+		scrollViewportRef: i
+	}), E = l(() => {
+		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;
+			return {
+				...e,
+				hidden: e?.hidden || !c.find((t) => t.accessor === e?.accessor)?.toggled,
+				pinned: n
+			};
+		}) : t;
+		let n = e.filter((e) => e.pinned === "left"), r = e.filter((e) => !e.pinned), i = e.filter((e) => e.pinned === "right");
+		return [
+			...n,
+			...r,
+			...i
+		].map((e) => {
+			if (e?.accessor === "__selection__") return e;
+			let t = e?.accessor, n = h.find((e) => t in e);
+			if (!n) return e;
+			let r = n[t];
+			return r === void 0 || r === "auto" || r === "initial" ? e : {
+				...e,
+				width: r
+			};
+		});
+	}, [
+		t,
+		a,
+		c,
+		f,
+		h
+	]), D = l(() => {
+		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]);
 	return {
-		effectiveColumns: l(() => o ? o.map((e) => t.find((t) => t.accessor === e)).map((e) => ({
-			...e,
-			hidden: e?.hidden || !u.find((t) => t.accessor === e?.accessor)?.toggled
-		})).map((e) => e?.accessor === "__selection__" ? e : {
-			...e,
-			width: p.find((t) => t[e?.accessor])?.[e?.accessor]
-		}) : t, [
-			t,
-			o,
-			u,
-			p
-		]),
-		setColumnsOrder: s,
-		columnsOrder: o,
-		resetColumnsOrder: c,
-		columnsToggle: u,
-		setColumnsToggle: d,
-		resetColumnsToggle: f,
-		columnsWidth: p,
-		setColumnsWidth: m,
-		setColumnWidth: h,
-		setMultipleColumnWidths: g,
-		resetColumnsWidth: _,
-		hasResizableColumns: v,
-		allResizableWidthsInitial: y,
-		measureAndSetColumnWidths: b
+		effectiveColumns: E,
+		setColumnsOrder: o,
+		columnsOrder: a,
+		resetColumnsOrder: s,
+		columnsToggle: c,
+		setColumnsToggle: u,
+		resetColumnsToggle: d,
+		columnsPinning: f,
+		setColumnsPinning: p,
+		resetColumnsPinning: m,
+		columnsWidth: h,
+		setColumnsWidth: g,
+		setColumnWidth: _,
+		setMultipleColumnWidths: v,
+		resetColumnsWidth: y,
+		hasResizableColumns: b,
+		allResizableWidthsInitial: x,
+		measureAndSetColumnWidths: S,
+		isResizing: C,
+		isLocked: D,
+		tableWidth: l(() => {
+			if (!D) return null;
+			let e = 0;
+			for (let t of E) {
+				if (t.hidden || t.accessor === "__selection__") continue;
+				let n = t.width;
+				if (typeof n != "string") continue;
+				let r = parseInt(n, 10);
+				Number.isNaN(r) || (e += r);
+			}
+			return e > 0 ? e : null;
+		}, [D, E]),
+		beginResize: w,
+		endResize: T
 	};
-}, en = typeof window < "u" ? c : s;
-function tn(e) {
+}, an = typeof window < "u" ? c : s;
+function on(e) {
 	let t = u(e);
 	return t.current = e, t;
 }
-var nn = "--mantine-datatable-header-height", rn = "--mantine-datatable-footer-height", an = "--mantine-datatable-selection-column-width", on = "--mantine-datatable-last-row-border-bottom";
-function Z(e, t, n) {
+var sn = "--mantine-datatable-header-height", cn = "--mantine-datatable-footer-height", ln = "--mantine-datatable-selection-column-width", un = "--mantine-datatable-last-row-border-bottom";
+function Q(e, t, n) {
 	e?.style.setProperty(t, n);
 }
-function sn(e) {
+function dn(e) {
 	let t = e.borderBoxSize?.[0] || e.contentBoxSize?.[0];
 	return t ? {
 		width: t.inlineSize,
@@ -1317,18 +1448,18 @@ function sn(e) {
 		height: e.contentRect.height
 	};
 }
-function cn(e, t, n) {
+function fn(e, t, n) {
 	if (e) {
 		let r = new ResizeObserver((e) => {
 			let n = e[0];
-			n && t(sn(n));
+			n && t(dn(n));
 		});
 		return r.observe(e), () => {
 			r.disconnect(), n();
 		};
 	}
 }
-function ln({ scrollCallbacks: e, withRowBorders: t }) {
+function pn({ scrollCallbacks: e, withRowBorders: t }) {
 	let n = {
 		root: u(null),
 		table: u(null),
@@ -1336,16 +1467,17 @@ function ln({ scrollCallbacks: e, withRowBorders: t }) {
 		header: u(null),
 		footer: u(null),
 		selectionColumnHeader: u(null)
-	}, { root: r, table: i, scrollViewport: o, header: c, footer: l, selectionColumnHeader: d } = n, f = tn({ withRowBorders: t }), p = tn(e), m = u(() => {}), h = u(() => {}), g = a((e) => {
+	}, { root: r, table: i, scrollViewport: o, header: c, footer: l, selectionColumnHeader: d } = n, f = on({ withRowBorders: t }), p = on(e), m = u(() => {}), h = u(() => {}), g = a((e) => {
 		p.current.onScroll?.(e), m.current();
 	}, []);
-	return s(() => cn(c.current, (e) => {
-		Z(r.current, nn, `${e.height}px`);
-	}, () => Z(r.current, nn, "0")), [c.current]), s(() => cn(l.current, (e) => {
-		Z(r.current, rn, `${e.height}px`);
-	}, () => Z(r.current, rn, "0")), [l.current]), s(() => cn(d.current, (e) => {
-		Z(r.current, an, `${e.width}px`);
-	}, () => Z(r.current, an, "0")), [d.current]), en(() => {
+	return s(() => fn(c.current, (e) => {
+		Q(r.current, sn, `${e.height}px`);
+	}, () => Q(r.current, sn, "0")), [c.current]), s(() => fn(l.current, (e) => {
+		Q(r.current, cn, `${e.height}px`);
+	}, () => Q(r.current, cn, "0")), [l.current]), s(() => fn(d.current, (e) => {
+		Q(r.current, ln, `${e.width}px`);
+	}, () => Q(r.current, ln, "0")), [d.current]), an(() => {
+		if (typeof window > "u") return;
 		let e = {
 			top: !0,
 			bottom: !0,
@@ -1360,14 +1492,14 @@ function ln({ scrollCallbacks: e, withRowBorders: t }) {
 		};
 		function a(t, n) {
 			let i = e[t];
-			return e[t] = n, Z(r.current, `--mantine-datatable-${t}-shadow-opacity`, n ? "0" : "1"), i;
+			return e[t] = n, Q(r.current, `--mantine-datatable-${t}-shadow-opacity`, n ? "0" : "1"), i;
 		}
 		function s() {
 			let e = t.height - n.height, i = e < 0;
-			Z(r.current, "--mantine-datatable-footer-position", i ? "relative" : "sticky"), Z(r.current, "--mantine-datatable-footer-bottom", i ? `${e}px` : "0");
+			Q(r.current, "--mantine-datatable-footer-position", i ? "relative" : "sticky"), Q(r.current, "--mantine-datatable-footer-bottom", i ? `${e}px` : "0");
 		}
 		function c() {
-			f.current.withRowBorders && t.height < n.height ? Z(r.current, on, `${H("1px")} solid var(--mantine-datatable-border-color)`) : Z(r.current, on, "unset");
+			f.current.withRowBorders && t.height < n.height ? Q(r.current, un, `${V("1px")} solid var(--mantine-datatable-border-color)`) : Q(r.current, un, "unset");
 		}
 		h.current = c;
 		function l() {
@@ -1385,10 +1517,10 @@ function ln({ scrollCallbacks: e, withRowBorders: t }) {
 		let u = new ResizeObserver((e) => {
 			for (let r of e) switch (r.target.tagName) {
 				case "TABLE":
-					t = sn(r);
+					t = dn(r);
 					break;
 				case "DIV":
-					n = sn(r);
+					n = dn(r);
 					break;
 			}
 			l(), s(), c();
@@ -1396,14 +1528,102 @@ function ln({ scrollCallbacks: e, withRowBorders: t }) {
 		return u.observe(i.current), u.observe(o.current), () => {
 			u.disconnect();
 		};
-	}, []), en(() => {
+	}, []), an(() => {
 		h.current();
 	}, [t]), {
 		refs: n,
 		onScroll: g
 	};
 }
-function un(e) {
+function mn({ 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");
+		if (!l) return;
+		let d = getComputedStyle(a).direction === "rtl", f = /* @__PURE__ */ new Map();
+		if (s) l.querySelectorAll("th[data-accessor]").forEach((e) => {
+			let t = e.dataset.accessor;
+			if (t) {
+				let n = e.getBoundingClientRect().width;
+				n > 0 && f.set(t, n);
+			}
+		});
+		else {
+			let t = e.filter((e) => !e.hidden);
+			l.querySelectorAll("td:not(.mantine-datatable-row-selector-cell):not(.mantine-datatable-row-expansion-cell)").forEach((e, n) => {
+				if (t[n]) {
+					let r = e.getBoundingClientRect().width;
+					r > 0 && f.set(String(t[n].accessor), r);
+				}
+			});
+		}
+		let p = 0;
+		if (i) {
+			let e = r.current ?? a.querySelector(s ? ".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"));
+		}
+		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) => {
+			v.set(e, {
+				position: d ? "right" : "left",
+				logicalSide: "left",
+				offset: y,
+				isBoundary: t === g.length - 1
+			}), y += f.get(e) || 0;
+		});
+		let b = -.4, x = [..._].reverse();
+		x.forEach((e, t) => {
+			v.set(e, {
+				position: d ? "left" : "right",
+				logicalSide: "right",
+				offset: b,
+				isBoundary: t === x.length - 1
+			}), b += f.get(e) || 0;
+		}), u((e) => {
+			if (e.size !== v.size) return v;
+			for (let [t, n] of v) {
+				let r = e.get(t);
+				if (!r || r.position !== n.position || r.logicalSide !== n.logicalSide || r.offset !== n.offset || r.isBoundary !== n.isBoundary) return v;
+			}
+			return e;
+		});
+	}, [
+		e,
+		i,
+		t,
+		n,
+		r,
+		o,
+		c
+	]);
+	return s(() => {
+		if (!o && !c && !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();
+	}, [
+		t,
+		n,
+		f
+	]), an(f, [f]), {
+		pinnedMap: l,
+		hasLeftPinned: [...l.values()].some((e) => e.logicalSide === "left"),
+		hasRightPinned: [...l.values()].some((e) => e.logicalSide === "right")
+	};
+}
+function hn(e) {
 	let [t, n] = d(null);
 	return s(() => {
 		n(null);
@@ -1412,7 +1632,7 @@ function un(e) {
 		setLastSelectionChangeIndex: n
 	};
 }
-function dn(e, t) {
+function gn(e, t) {
 	let n = () => {
 		t(e.map((e) => e.matches));
 	}, r = e.map((e) => {
@@ -1423,87 +1643,89 @@ function dn(e, t) {
 		}
 	});
 	return () => {
-		r.forEach((e) => e());
+		r.forEach((e) => {
+			e();
+		});
 	};
 }
-function fn(e, t) {
+function _n(e, t) {
 	return t || (typeof window < "u" && "matchMedia" in window ? e.map((e) => window.matchMedia(e).matches) : e.map(() => !1));
 }
-function pn(e, t, { getInitialValueInEffect: n } = { getInitialValueInEffect: !0 }) {
-	let [r, i] = d(n ? t : fn(e, t)), a = u(null);
+function vn(e, t, { getInitialValueInEffect: n } = { getInitialValueInEffect: !0 }) {
+	let [r, i] = d(n ? t : _n(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)), dn(a.current, (e) => {
+		if ("matchMedia" in window) return a.current = e.map((e) => window.matchMedia(e)), i(a.current.map((e) => e.matches)), gn(a.current, (e) => {
 			i(e);
 		});
 	}, [e]), r;
 }
-function mn(e) {
-	let t = pe();
-	return pn(l(() => e.map((e) => (typeof e == "function" ? e(t) : e) ?? ""), [e, t]), l(() => e.map(() => !0), [e]));
+function yn(e) {
+	let t = me();
+	return vn(l(() => e.map((e) => (typeof e == "function" ? e(t) : e) ?? ""), [e, t]), l(() => e.map(() => !0), [e]));
 }
-function hn(e) {
-	let t = pe();
+function bn(e) {
+	let t = me();
 	return Oe((typeof e == "function" ? e(t) : e) || "", !0);
 }
-function gn(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 _n(e, t, n) {
+function Sn(e, t, n) {
 	return e.filter((e) => !t.map(n).includes(n(e)));
 }
-function vn(e, t) {
+function Cn(e, t) {
 	return e.filter((e, n, r) => n === r.findIndex((n) => t(e) === t(n)));
 }
-function yn(e, t) {
+function wn(e, t) {
 	return t ? t.match(/([^[.\]])+/g).reduce((e, t) => e && e[t], e) : void 0;
 }
-function Q(e, t) {
-	return typeof t == "string" ? yn(e, t) : t(e);
+function $(e, t) {
+	return typeof t == "string" ? wn(e, t) : t(e);
 }
-function bn(e) {
-	return !e || e.length === 0 ? 0 : Math.max(...e.map((e) => e.groups && e.groups.length > 0 ? 1 + bn(e.groups) : 1));
+function Tn(e) {
+	return !e || e.length === 0 ? 0 : Math.max(...e.map((e) => e.groups && e.groups.length > 0 ? 1 + Tn(e.groups) : 1));
 }
-function xn(e) {
+function En(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(...xn(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(...En(n.groups));
 	return t.filter((e) => e != null);
 }
-function Sn(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 + Sn(n, t), 0) : 0;
+function Dn(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 + Dn(n, t), 0) : 0;
 }
-function Cn(e, t, n = 0) {
+function On(e, t, n = 0) {
 	if (n === t) return [...e];
 	let r = [];
-	for (let i of e) i.groups && i.groups.length > 0 && r.push(...Cn(i.groups, t, n + 1));
+	for (let i of e) i.groups && i.groups.length > 0 && r.push(...On(i.groups, t, n + 1));
 	return r;
 }
-function wn(e, t, n) {
+function kn(e, t, n) {
 	return n ? !e || t : !1;
 }
-function Tn({ rowExpansion: e, records: t, idAccessor: n }) {
+function An({ rowExpansion: e, records: t, idAccessor: n }) {
 	let r = [];
 	if (e && t) {
 		let { trigger: i, allowMultiple: a, initiallyExpanded: o } = e;
-		t && i === "always" ? r = t.map((e) => Q(e, n)) : o && (r = t.filter((e, t) => o({
+		t && i === "always" ? r = t.map((e) => $(e, n)) : o && (r = t.filter((e, t) => o({
 			record: e,
 			index: t
-		})).map((e) => Q(e, n)), a || (r = [r[0]]));
+		})).map((e) => $(e, n)), a || (r = [r[0]]));
 	}
 	let i, a, o = d(r);
 	if (e) {
 		let { expandable: t, trigger: r, allowMultiple: s, collapseProps: c, content: l } = e;
 		e.expanded ? {recordIds: i, onRecordIdsChange: a} = e.expanded : [i, a] = o;
-		let u = (e) => a?.(i.filter((t) => t !== Q(e, n)));
+		let u = (e) => a?.(i.filter((t) => t !== $(e, n)));
 		return {
 			expandOnClick: r !== "always" && r !== "never",
-			isRowExpanded: (e) => r === "always" ? !0 : i.includes(Q(e, n)),
+			isRowExpanded: (e) => r === "always" ? !0 : i.includes($(e, n)),
 			isExpandable: ({ record: e, index: n }) => t ? t({
 				record: e,
 				index: n
 			}) : !0,
 			expandRow: (e) => {
-				let t = Q(e, n);
+				let t = $(e, n);
 				a?.(s ? [...i, t] : [t]);
 			},
 			collapseRow: u,
@@ -1516,7 +1738,7 @@ function Tn({ rowExpansion: e, records: t, idAccessor: n }) {
 		};
 	}
 }
-function En(e, t) {
+function jn(e, t) {
 	let [n, r] = d(e), [i, a] = d(e), o = Ae(() => r(!0), 0), c = Ae(() => a(!1), t || 200);
 	return s(() => {
 		e ? (c.clear(), a(!0), o.start()) : (o.clear(), r(!1), c.start());
@@ -1529,56 +1751,67 @@ function En(e, t) {
 		visible: i
 	};
 }
-var Dn = "mantine-datatable-nowrap", On = "mantine-datatable-ellipsis", kn = "mantine-datatable-pointer-cursor", An = "mantine-datatable-context-menu-cursor", jn = "mantine-datatable-text-selection-disabled", Mn = "mantine-datatable-text-align-left", Nn = "mantine-datatable-text-align-center", Pn = "mantine-datatable-text-align-right";
-function Fn({ className: e, style: t, visibleMediaQuery: n, title: r, noWrap: i, ellipsis: a, textAlign: o, width: s }) {
-	return hn(n) ? p(ie, {
+var Mn = "mantine-datatable-nowrap", Nn = "mantine-datatable-ellipsis", Pn = "mantine-datatable-pointer-cursor", Fn = "mantine-datatable-context-menu-cursor", In = "mantine-datatable-text-selection-disabled", Ln = "mantine-datatable-text-align-left", Rn = "mantine-datatable-text-align-center", zn = "mantine-datatable-text-align-right";
+function Bn({ className: e, style: t, pinnedInfo: n, visibleMediaQuery: r, title: i, noWrap: a, ellipsis: o, textAlign: s, width: c }) {
+	return bn(r) ? p(ae, {
+		"data-pinned": n?.position,
+		"data-pinned-shadow": n?.isBoundary ? n.position : void 0,
 		className: X({
-			[Dn]: i || a,
-			[On]: a,
-			[Mn]: o === "left",
-			[Nn]: o === "center",
-			[Pn]: o === "right"
+			[Mn]: a || o,
+			[Nn]: o,
+			[Ln]: s === "left",
+			[Rn]: s === "center",
+			[zn]: s === "right"
 		}, e),
-		style: [{
-			width: s,
-			minWidth: s,
-			maxWidth: s
-		}, t],
-		children: r
+		style: [
+			{
+				width: c,
+				minWidth: c,
+				maxWidth: c
+			},
+			t,
+			n && {
+				position: "sticky",
+				[n.position]: n.offset,
+				overflow: "visible"
+			}
+		],
+		children: i
 	}) : null;
 }
-function In({ shadowVisible: e }) {
-	return p(ie, {
+function Vn({ shadowVisible: e }) {
+	return p(ae, {
 		className: "mantine-datatable-footer-selector-placeholder-cell",
 		"data-shadow-visible": e || void 0
 	});
 }
-function Ln({ className: e, style: t, columns: n, defaultColumnProps: r, selectionVisible: i, selectorCellShadowVisible: a, ref: o }) {
-	return p(re, {
-		ref: o,
+function Hn({ className: e, style: t, columns: n, defaultColumnProps: r, pinnedMap: i, selectionVisible: a, selectorCellShadowVisible: o, ref: s }) {
+	return p(ie, {
+		ref: s,
 		className: X("mantine-datatable-footer", e),
 		style: t,
-		children: m(B, { children: [i && p(In, { shadowVisible: a }), n.map(({ hidden: e, ...t }) => {
+		children: m(z, { children: [a && p(Vn, { shadowVisible: o }), n.map(({ hidden: e, ...t }) => {
 			if (e) return null;
-			let { accessor: n, visibleMediaQuery: i, textAlign: a, width: o, footer: s, footerClassName: c, footerStyle: l, noWrap: u, ellipsis: d } = {
+			let { accessor: n, visibleMediaQuery: a, textAlign: o, width: s, footer: c, footerClassName: l, footerStyle: u, noWrap: d, ellipsis: f } = {
 				...r,
 				...t
 			};
-			return p(Fn, {
-				className: c,
-				style: l,
-				visibleMediaQuery: i,
-				textAlign: a,
-				width: o,
-				title: s,
-				noWrap: u,
-				ellipsis: d
+			return p(Bn, {
+				pinnedInfo: i.get(String(n)),
+				className: l,
+				style: u,
+				visibleMediaQuery: a,
+				textAlign: o,
+				width: s,
+				title: c,
+				noWrap: d,
+				ellipsis: f
 			}, n);
 		})] })
 	});
 }
-function Rn({ group: { id: e, columns: t, groups: n, title: r, textAlign: i, className: a, style: o }, maxDepth: s, currentDepth: c, previousGroups: u, isLastGroup: d, withColumnBorders: f = !1, totalTableColumns: m }) {
-	let h = l(() => t && t.length > 0 ? t : n && n.length > 0 ? xn([{
+function Un({ 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 ? En([{
 		id: e,
 		columns: t,
 		groups: n
@@ -1586,30 +1819,36 @@ function Rn({ group: { id: e, columns: t, groups: n, title: r, textAlign: i, cla
 		t,
 		n,
 		e
-	]), g = mn(l(() => h.map(({ visibleMediaQuery: e }) => e), [h])), _ = l(() => Sn({
+	]), _ = yn(l(() => g.map(({ visibleMediaQuery: e }) => e), [g])), v = l(() => Dn({
 		id: e,
 		columns: t,
 		groups: n
-	}, g), [
+	}, _), [
 		e,
 		t,
 		n,
-		g
-	]), v = l(() => u.reduce((e, t) => e + Sn(t, g), 0), [u, g]), y = n && n.length > 0 ? 1 : s - c, b = wn(d, v + _ < m, f);
-	return _ > 0 ? p(ie, {
-		colSpan: _,
-		rowSpan: y > 1 ? y : void 0,
+		_
+	]), y = l(() => d.reduce((e, t) => e + Dn(t, _), 0), [d, _]), b = n && n.length > 0 ? 1 : c - u, x = kn(f, y + v < h, m);
+	return v > 0 ? p(ae, {
+		colSpan: v,
+		rowSpan: b > 1 ? b : void 0,
+		"data-pinned": s?.position,
+		"data-pinned-shadow": s?.isBoundary ? s.position : void 0,
 		className: X("mantine-datatable-column-group-header-cell", {
-			[Mn]: i === "left",
-			[Nn]: i === "center",
-			[Pn]: i === "right",
-			"mantine-datatable-column-group-header-cell--needs-border": b
+			[Ln]: i === "left",
+			[Rn]: i === "center",
+			[zn]: i === "right",
+			"mantine-datatable-column-group-header-cell--needs-border": x
 		}, a),
-		style: o,
-		children: r ?? gn(e)
+		style: [o, s && {
+			position: "sticky",
+			[s.position]: s.offset,
+			overflow: "visible"
+		}],
+		children: r ?? xn(e)
 	}) : null;
 }
-function zn() {
+function Wn() {
 	return m("svg", {
 		width: "14",
 		height: "14",
@@ -1626,7 +1865,7 @@ function zn() {
 		}), p("path", { d: "M4 4h16v2.172a2 2 0 0 1 -.586 1.414l-4.414 4.414v7l-6 2v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227z" })]
 	});
 }
-function Bn() {
+function Gn() {
 	return m("svg", {
 		width: "14",
 		height: "14",
@@ -1647,15 +1886,16 @@ function Bn() {
 		})]
 	});
 }
-function Vn({ children: e, isActive: t, filterPopoverProps: n, filterPopoverDisableClickOutside: r }) {
-	let [i, { close: a, toggle: o }] = Ee(!1), s = t ? Bn : zn, c = Te(a);
+function Kn({ children: e, isActive: t, filterPopoverProps: n, filterPopoverDisableClickOutside: r }) {
+	let [i, { close: a, toggle: o }] = De(!1), s = t ? Gn : Wn, c = Ee(a);
 	return r && (c = void 0), m(N, {
 		withArrow: !0,
 		shadow: "md",
-		opened: i,
-		onClose: a,
 		trapFocus: !0,
 		...n,
+		opened: i,
+		onClose: a,
+		onDismiss: a,
 		children: [p(ee, { children: p(h, {
 			className: "mantine-datatable-header-cell-filter-action-icon",
 			"data-active": t || void 0,
@@ -1674,11 +1914,165 @@ function Vn({ children: e, isActive: t, filterPopoverProps: n, filterPopoverDisa
 		})]
 	});
 }
-var Hn = (e) => {
+function qn() {
+	return m("svg", {
+		width: "14",
+		height: "14",
+		viewBox: "0 0 24 24",
+		strokeWidth: "2",
+		stroke: "currentColor",
+		fill: "none",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: [
+			p("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" })
+		]
+	});
+}
+function Jn() {
+	return m("svg", {
+		width: "14",
+		height: "14",
+		viewBox: "0 0 24 24",
+		strokeWidth: "2",
+		stroke: "currentColor",
+		fill: "none",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: [
+			p("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" })
+		]
+	});
+}
+function Yn() {
+	return m("svg", {
+		width: "14",
+		height: "14",
+		viewBox: "0 0 24 24",
+		strokeWidth: "2",
+		stroke: "currentColor",
+		fill: "none",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: [
+			p("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" })
+		]
+	});
+}
+function Xn() {
+	return m("svg", {
+		width: "14",
+		height: "14",
+		viewBox: "0 0 24 24",
+		strokeWidth: "2",
+		stroke: "currentColor",
+		fill: "none",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: [
+			p("path", {
+				stroke: "none",
+				d: "M0 0h24v24H0z",
+				fill: "none"
+			}),
+			p("path", { d: "M18 6l-12 12" }),
+			p("path", { d: "M6 6l12 12" })
+		]
+	});
+}
+function Zn({ currentPinned: e, onPinChange: t }) {
+	let [n, r] = d(!1), i = u(null), [o, c] = d(!1), l = a(() => {
+		if (i.current) {
+			let e = getComputedStyle(i.current).direction;
+			c(e === "rtl");
+		}
+	}, []);
+	an(() => {
+		l();
+	}, [l]), s(() => {
+		n && l();
+	}, [n, l]);
+	let f = o ? "right" : "left", g = o ? "left" : "right", _ = e === f, v = e === g;
+	return m(N, {
+		opened: n,
+		onChange: r,
+		position: "bottom",
+		withArrow: !0,
+		shadow: "sm",
+		children: [p(N.Target, { children: p(y, {
+			ref: i,
+			className: "mantine-datatable-header-cell-pinnable-icon",
+			role: "button",
+			"aria-label": "Pin column",
+			onMouseEnter: () => r(!0),
+			onMouseLeave: () => r(!1),
+			children: p(h, {
+				size: "xs",
+				variant: "light",
+				onClick: (e) => e.stopPropagation(),
+				children: p(Yn, {})
+			})
+		}) }), p(N.Dropdown, {
+			onClick: (e) => e.stopPropagation(),
+			onMouseEnter: () => r(!0),
+			onMouseLeave: () => r(!1),
+			className: "mantine-datatable-pinnable-dropdown",
+			children: m(w, {
+				gap: 4,
+				children: [
+					p(h, {
+						size: "sm",
+						variant: _ ? "filled" : "light",
+						onClick: () => t(_ ? void 0 : f),
+						"aria-label": "Pin left",
+						children: p(qn, {})
+					}),
+					p(h, {
+						size: "sm",
+						variant: v ? "filled" : "light",
+						onClick: () => t(v ? void 0 : g),
+						"aria-label": "Pin right",
+						children: p(Jn, {})
+					}),
+					e && p(h, {
+						size: "sm",
+						variant: "light",
+						color: "red",
+						onClick: () => t(void 0),
+						"aria-label": "Unpin",
+						children: p(Xn, {})
+					})
+				]
+			})
+		})]
+	});
+}
+var Qn = 50, $n = (e) => {
 	let { accessor: t, columnRef: n } = e, [r, i] = d(!1), o = u(0), s = u({
 		current: 0,
 		next: 0
-	}), { dir: c } = fe(), l = c === "rtl", { setMultipleColumnWidths: f } = Gt(), m = a((e) => {
+	}), { dir: c } = pe(), l = c === "rtl", { setMultipleColumnWidths: f, beginResize: m, endResize: h } = Jt(), g = a((e) => {
 		if (e.preventDefault(), e.stopPropagation(), !n.current) return;
 		let r = n.current, a = r.nextElementSibling;
 		for (; a;) {
@@ -1689,63 +2083,47 @@ var Hn = (e) => {
 		if (!a) return;
 		let c = a.getAttribute("data-accessor");
 		if (!c) return;
-		let u = c === "__selection__";
-		i(!0), o.current = e.clientX, s.current = {
-			current: r.offsetWidth,
-			next: a.offsetWidth
+		let u = r.offsetWidth, d = a.offsetWidth;
+		m(), i(!0), o.current = e.clientX, s.current = {
+			current: u,
+			next: d
 		};
-		let d = (e) => {
-			if (!n.current) return;
-			let t = n.current, r = t.nextElementSibling;
-			if (!r) return;
-			let i = e.clientX - o.current;
-			l && (i = -i);
-			let a = s.current.current - 50, c = s.current.next - 50, u = Math.max(-a, Math.min(i, c)), d = s.current.current + u, f = s.current.next - u;
-			t.style.width = `${d}px`, r.style.width = `${f}px`, t.style.minWidth = `${d}px`, t.style.maxWidth = `${d}px`, r.style.minWidth = `${f}px`, r.style.maxWidth = `${f}px`;
-		}, p = () => {
-			if (!n.current) return;
-			let e = n.current, r = e.nextElementSibling;
-			i(!1), document.body.style.cursor = "initial", document.body.style.userSelect = "initial";
-			let a = parseInt(e.style.width) || e.offsetWidth, o = r ? parseInt(r.style.width) || r.offsetWidth : 0, s = [{
+		let p = (e) => {
+			let n = e.clientX - o.current;
+			l && (n = -n);
+			let r = s.current.current - Qn, i = s.current.next - Qn, a = Math.max(-r, Math.min(n, i)), u = s.current.current + a, d = s.current.next - a;
+			f([{
 				accessor: t,
-				width: `${a}px`
-			}];
-			if (r && !u) {
-				let e = r.getAttribute("data-accessor");
-				e && s.push({
-					accessor: e,
-					width: `${o}px`
-				});
-			}
-			setTimeout(() => {
-				f(s);
-			}, 0), document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", p);
+				width: `${u}px`
+			}, {
+				accessor: c,
+				width: `${d}px`
+			}]);
+		}, g = () => {
+			i(!1), document.body.style.cursor = "initial", document.body.style.userSelect = "initial", h(), document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", g);
 		};
-		document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", d), document.addEventListener("mouseup", p);
+		document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", p), document.addEventListener("mouseup", g);
 	}, [
 		t,
 		n,
 		l,
-		f
-	]), h = a(() => {
+		f,
+		m,
+		h
+	]), _ = a(() => {
 		if (!n.current) return;
-		let e = n.current, r = e.nextElementSibling;
-		e.style.width = "", e.style.minWidth = "", e.style.maxWidth = "";
-		let i = [{
+		let e = n.current.nextElementSibling, r = [{
 			accessor: t,
 			width: "auto"
 		}];
-		if (r) {
-			r.style.width = "", r.style.minWidth = "", r.style.maxWidth = "";
-			let e = r.getAttribute("data-accessor");
-			e && e !== "__selection__" && i.push({
-				accessor: e,
+		if (e) {
+			let t = e.getAttribute("data-accessor");
+			t && t !== "__selection__" && r.push({
+				accessor: t,
 				width: "auto"
 			});
 		}
-		setTimeout(() => {
-			f(i);
-		}, 0);
+		f(r);
 	}, [
 		t,
 		n,
@@ -1754,13 +2132,13 @@ var Hn = (e) => {
 	return p("div", {
 		className: "mantine-datatable-header-resizable-handle",
 		style: { cursor: r ? "col-resize" : void 0 },
-		onMouseDown: m,
-		onDoubleClick: h,
+		onMouseDown: g,
+		onDoubleClick: _,
 		onClick: (e) => e.stopPropagation(),
 		title: "Drag to resize column, double-click to reset"
 	});
 };
-function Un() {
+function er() {
 	return m("svg", {
 		width: "14",
 		height: "14",
@@ -1776,13 +2154,13 @@ function Un() {
 				d: "M0 0h24v24H0z",
 				fill: "none"
 			}),
-			p("path", { d: "M12 5l0 14" }),
-			p("path", { d: "M16 9l-4 -4" }),
-			p("path", { d: "M8 9l4 -4" })
+			p("path", { d: "M8 7l4 -4l4 4" }),
+			p("path", { d: "M8 17l4 4l4 -4" }),
+			p("path", { d: "M12 3l0 18" })
 		]
 	});
 }
-function Wn() {
+function tr() {
 	return m("svg", {
 		width: "14",
 		height: "14",
@@ -1798,13 +2176,13 @@ function Wn() {
 				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" })
+			p("path", { d: "M12 5l0 14" }),
+			p("path", { d: "M16 9l-4 -4" }),
+			p("path", { d: "M8 9l4 -4" })
 		]
 	});
 }
-function Gn() {
+function nr() {
 	return m("svg", {
 		width: "14",
 		height: "14",
@@ -1829,71 +2207,66 @@ function Gn() {
 		]
 	});
 }
-function Kn() {
-	return m("svg", {
-		width: "14",
-		height: "14",
-		viewBox: "0 0 24 24",
-		strokeWidth: "2",
-		stroke: "currentColor",
-		fill: "none",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		children: [
-			p("path", {
-				stroke: "none",
-				d: "M0 0h24v24H0z",
-				fill: "none"
-			}),
-			p("path", { d: "M18 6l-12 12" }),
-			p("path", { d: "M6 6l12 12" })
-		]
-	});
-}
-function qn({ className: e, style: t, accessor: n, visibleMediaQuery: r, title: i, sortable: a, draggable: o, toggleable: s, resizable: c, sortIcons: l, textAlign: g, width: v, sortStatus: b, onSortStatusChange: x, filter: S, filterPopoverProps: T, filterPopoverDisableClickOutside: E, filtering: D, sortKey: O }) {
-	let { setSourceColumn: k, setTargetColumn: A, swapColumns: j, setColumnsToggle: M } = Gt(), [N, P] = d(!1), ee = u(null);
-	if (!hn(r)) return null;
-	let F = i ?? gn(n), I = typeof F == "string" ? F : void 0, L = a && x ? (e) => {
-		e?.defaultPrevented || x({
-			sortKey: O,
-			columnAccessor: n,
-			direction: b?.columnAccessor === n ? b.direction === "asc" ? "desc" : "asc" : b?.direction ?? "asc"
+function rr({ className: e, style: t, pinnedInfo: n, accessor: r, visibleMediaQuery: i, title: a, sortable: o, draggable: s, toggleable: c, pinnable: l, resizable: f, sortIcons: g, textAlign: v, width: b, sortStatus: x, onSortStatusChange: S, filter: T, filterPopoverProps: E, filterPopoverDisableClickOutside: D, filtering: O, sortKey: k }) {
+	let { setSourceColumn: A, setTargetColumn: j, swapColumns: M, columnsToggle: N, setColumnsToggle: P, columnsPinning: ee, setColumnsPinning: F } = Jt(), [te, I] = d(!1), L = u(null), R = ee?.find((e) => e.accessor === r)?.pinned;
+	if (!bn(i)) return null;
+	let ne = a ?? xn(r), re = typeof ne == "string" ? ne : void 0, ie = o && S ? (e) => {
+		e?.defaultPrevented || S({
+			sortKey: k,
+			columnAccessor: r,
+			direction: x?.columnAccessor === r ? x.direction === "asc" ? "desc" : "asc" : x?.direction ?? "asc"
 		});
-	} : void 0, R = (e) => {
-		e.stopPropagation(), k(n), P(!1);
+	} : void 0, oe = (e) => {
+		e.stopPropagation(), A(r), I(!1);
 	}, z = (e) => {
-		e.preventDefault(), A(n), P(!0);
-	}, te = () => {
-		A(n), P(!1), j();
-	}, ne = () => {
-		P(!0);
-	}, re = () => {
-		P(!1);
-	}, ae = (e) => {
-		e.stopPropagation(), M((e) => e.map((e) => e.accessor === n ? {
+		e.preventDefault(), j(r), I(!0);
+	}, se = () => {
+		j(r), I(!1), M();
+	}, B = () => {
+		I(!0);
+	}, ce = () => {
+		I(!1);
+	}, le = (e) => {
+		e.stopPropagation(), P(N.map((e) => e.accessor === r ? {
 			...e,
 			toggled: !1
 		} : e));
+	}, ue = (e) => {
+		F((t) => t.map((t) => t.accessor === r ? {
+			...t,
+			pinned: e
+		} : t));
 	};
-	return m(ie, {
-		"data-accessor": n,
+	return m(ae, {
+		"data-accessor": r,
+		"data-pinned": n?.position,
+		"data-pinned-shadow": n?.isBoundary ? n.position : void 0,
 		className: X({
-			"mantine-datatable-header-cell-sortable": a,
-			"mantine-datatable-header-cell-toggleable": s,
-			"mantine-datatable-header-cell-resizable": c
+			"mantine-datatable-header-cell-sortable": o,
+			"mantine-datatable-header-cell-toggleable": c,
+			"mantine-datatable-header-cell-pinnable": l,
+			"mantine-datatable-header-cell-resizable": f
 		}, e),
-		style: [{
-			width: v,
-			...c ? {} : {
-				minWidth: v,
-				maxWidth: v
+		style: [
+			{
+				width: b,
+				...f ? {} : {
+					minWidth: b,
+					maxWidth: b
+				}
+			},
+			t,
+			n && {
+				position: "sticky",
+				[n.position]: n.offset,
+				overflow: "visible"
 			}
-		}, t],
-		role: a ? "button" : void 0,
-		tabIndex: a ? 0 : void 0,
-		onClick: L,
-		onKeyDown: (e) => e.key === "Enter" && L?.(),
-		ref: ee,
+		],
+		role: o ? "button" : void 0,
+		tabIndex: o ? 0 : void 0,
+		onClick: ie,
+		onKeyDown: (e) => e.key === "Enter" && ie?.(),
+		ref: L,
 		children: [m(w, {
 			className: "mantine-datatable-header-cell-sortable-group",
 			justify: "space-between",
@@ -1903,16 +2276,16 @@ function qn({ className: e, style: t, accessor: n, visibleMediaQuery: r, title:
 					align: "center",
 					w: "100%",
 					className: X({
-						"mantine-datatable-header-cell-draggable": o,
-						"mantine-datatable-header-cell-drag-over": N
+						"mantine-datatable-header-cell-draggable": s,
+						"mantine-datatable-header-cell-drag-over": te
 					}),
-					draggable: o,
-					onDragStart: o ? R : void 0,
-					onDragEnter: o ? ne : void 0,
-					onDragOver: o ? z : void 0,
-					onDrop: o ? te : void 0,
-					onDragLeave: o ? re : void 0,
-					children: [o ? p(y, {
+					draggable: s,
+					onDragStart: s ? oe : void 0,
+					onDragEnter: s ? B : void 0,
+					onDragOver: s ? z : void 0,
+					onDrop: s ? se : void 0,
+					onDragLeave: s ? ce : void 0,
+					children: [s ? p(y, {
 						role: "img",
 						"aria-label": "Drag column",
 						children: p(h, {
@@ -1922,65 +2295,69 @@ function qn({ className: e, style: t, accessor: n, visibleMediaQuery: r, title:
 							onClick: (e) => {
 								e.stopPropagation();
 							},
-							children: p(Gn, {})
+							children: p(nr, {})
 						})
 					}) : null, p(_, {
 						className: X("mantine-datatable-header-cell-sortable-text", {
-							[Mn]: g === "left",
-							[Nn]: g === "center",
-							[Pn]: g === "right"
-						}, Dn, On),
-						title: I,
-						children: F
+							[Ln]: v === "left",
+							[Rn]: v === "center",
+							[zn]: v === "right"
+						}, Mn, Nn),
+						title: re,
+						children: ne
 					})]
 				}),
-				s ? p(y, {
+				l ? p(Zn, {
+					currentPinned: R,
+					onPinChange: ue
+				}) : null,
+				c ? p(y, {
 					className: "mantine-datatable-header-cell-toggleable-icon",
 					role: "img",
 					"aria-label": "Toggle column",
 					children: p(h, {
 						size: "xs",
 						variant: "light",
-						onClick: ae,
-						children: p(Kn, {})
+						onClick: le,
+						children: p(Xn, {})
 					})
 				}) : null,
-				a || b?.columnAccessor === n ? p(f, { children: b?.columnAccessor === n ? p(y, {
-					className: X("mantine-datatable-header-cell-sortable-icon", { "mantine-datatable-header-cell-sortable-icon-reversed": b.direction === "desc" }),
+				o || x?.columnAccessor === r ? x?.columnAccessor === r ? p(y, {
+					className: X("mantine-datatable-header-cell-sortable-icon", { "mantine-datatable-header-cell-sortable-icon-reversed": x.direction === "desc" }),
 					role: "img",
-					"aria-label": `Sorted ${b.direction === "desc" ? "descending" : "ascending"}`,
-					children: l?.sorted || p(Un, {})
+					"aria-label": `Sorted ${x.direction === "desc" ? "descending" : "ascending"}`,
+					children: g?.sorted || p(tr, {})
 				}) : p(y, {
 					className: "mantine-datatable-header-cell-sortable-unsorted-icon",
 					role: "img",
 					"aria-label": "Not sorted",
-					children: l?.unsorted || p(Wn, {})
-				}) }) : null,
-				S ? p(Vn, {
-					filterPopoverProps: T,
-					isActive: !!D,
-					filterPopoverDisableClickOutside: E,
-					children: S
+					children: g?.unsorted || p(er, {})
+				}) : null,
+				T ? p(Kn, {
+					filterPopoverProps: E,
+					isActive: !!O,
+					filterPopoverDisableClickOutside: D,
+					children: T
 				}) : null
 			]
-		}), c && n !== "__selection__" ? p(Hn, {
-			accessor: n,
-			columnRef: ee
+		}), f && r !== "__selection__" ? p($n, {
+			accessor: r,
+			columnRef: L
 		}) : null]
 	});
 }
-function Jn({ className: e, style: t, trigger: n, shadowVisible: r, checked: i, indeterminate: a, checkboxProps: o, onChange: s, rowSpan: c, ref: l }) {
+function ir({ 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(ie, {
+	return p(ae, {
 		ref: l,
-		className: X("mantine-datatable-header-selector-cell", { [kn]: n === "cell" && u }, e),
+		className: X("mantine-datatable-header-selector-cell", { [Pn]: 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(b, {
-			classNames: u ? { input: kn } : void 0,
+			classNames: u ? { input: Pn } : void 0,
 			checked: i,
 			indeterminate: a,
 			onChange: s,
@@ -1989,78 +2366,94 @@ function Jn({ className: e, style: t, trigger: n, shadowVisible: r, checked: i,
 		})
 	});
 }
-function Yn({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r, sortIcons: i, onSortStatusChange: a, columns: o, defaultColumnProps: s, groups: c, selectionTrigger: l, selectionVisible: u, selectionChecked: f, selectionIndeterminate: h, onSelectionChange: g, selectionCheckboxProps: _, selectorCellShadowVisible: v, selectionColumnClassName: y, selectionColumnStyle: x, withColumnBorders: S = !1, ref: C }) {
-	let T = c ? bn(c) : 0, E = T > 0 ? T + 1 : 1, D = u ? p(Jn, {
+function ar(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));
+	if (i.size > 1) return;
+	let a = [...i][0], o = a === "left" ? n[0] : n[n.length - 1], s = t.get(o);
+	if (!s) return;
+	let c = a === "left" ? n[n.length - 1] : n[0], l = t.get(c);
+	return {
+		...s,
+		isBoundary: l?.isBoundary ?? !1
+	};
+}
+function or({ 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: x, selectionColumnStyle: S, withColumnBorders: C = !1, ref: T }) {
+	let E = c ? Tn(c) : 0, D = E > 0 ? E + 1 : 1, O = f ? p(ir, {
 		ref: e,
-		className: y,
-		style: x,
-		trigger: l,
-		shadowVisible: v,
-		checked: f,
-		indeterminate: h,
-		checkboxProps: _,
-		onChange: g,
-		rowSpan: c ? E : void 0
-	}) : null, { columnsToggle: O, setColumnsToggle: k } = Gt(), [A, j] = d(!1), M = o.some((e) => e.toggleable), F = M ? Object.fromEntries(o.map(({ accessor: e, title: t }) => [e, t ?? gn(String(e))])) : void 0, I = m(ae, {
+		className: x,
+		style: S,
+		trigger: u,
+		shadowVisible: y,
+		checked: h,
+		indeterminate: g,
+		checkboxProps: v,
+		onChange: _,
+		rowSpan: c ? D : void 0
+	}) : null, { columnsToggle: k, setColumnsToggle: A } = Jt(), [j, M] = d(!1), F = o.some((e) => e.toggleable), te = F ? Object.fromEntries(o.map(({ accessor: e, title: t }) => [e, t ?? xn(String(e))])) : void 0, I = m(oe, {
 		className: X("mantine-datatable-header", t),
 		style: n,
-		ref: C,
-		onContextMenu: M ? (e) => {
-			e.preventDefault(), j((e) => !e);
+		ref: T,
+		onContextMenu: F ? (e) => {
+			e.preventDefault(), M((e) => !e);
 		} : void 0,
-		children: [c && Array.from({ length: T }, (e, t) => {
-			let n = Cn(c, t);
-			return m(B, { children: [t === 0 && D, n.map((e, r) => p(Rn, {
+		children: [c && Array.from({ length: E }, (e, t) => {
+			let n = On(c, t);
+			return m(z, { children: [t === 0 && O, n.map((e, r) => p(Un, {
 				group: e,
-				maxDepth: T,
+				pinnedInfo: ar(e, l),
+				maxDepth: E,
 				currentDepth: t,
 				previousGroups: n.slice(0, r),
 				isLastGroup: r === n.length - 1,
-				withColumnBorders: S,
+				withColumnBorders: C,
 				totalTableColumns: o.length
 			}, e.id))] }, `group-depth-${t}`);
-		}), m(B, { children: [!c && D, o.map(({ hidden: e, ...t }, n) => {
+		}), m(z, { children: [!c && O, o.map(({ hidden: e, ...t }, n) => {
 			if (e) return null;
-			let { accessor: c, visibleMediaQuery: l, textAlign: u, width: d, title: f, sortable: m, draggable: h, toggleable: g, resizable: _, titleClassName: v, titleStyle: y, filter: b, filterPopoverProps: x, filterPopoverDisableClickOutside: S, filtering: C, sortKey: w } = {
+			let { accessor: c, visibleMediaQuery: u, textAlign: d, width: f, title: m, sortable: h, draggable: g, toggleable: _, pinnable: v, resizable: y, titleClassName: b, titleStyle: x, filter: S, filterPopoverProps: C, filterPopoverDisableClickOutside: w, filtering: T, sortKey: E } = {
 				...s,
 				...t
 			};
-			return p(qn, {
+			return p(rr, {
 				accessor: c,
-				className: v,
-				style: y,
-				visibleMediaQuery: l,
-				textAlign: u,
-				width: d,
-				title: f,
-				sortable: m,
-				draggable: h,
-				toggleable: g,
-				resizable: _ && n < o.length - 1,
+				pinnedInfo: l.get(String(c)),
+				className: b,
+				style: x,
+				visibleMediaQuery: u,
+				textAlign: d,
+				width: f,
+				title: m,
+				sortable: h,
+				draggable: g,
+				toggleable: _,
+				pinnable: v,
+				resizable: y && n < o.length - 1,
 				sortStatus: r,
 				sortIcons: i,
-				sortKey: w,
+				sortKey: E,
 				onSortStatusChange: a,
-				filter: b,
-				filterPopoverProps: x,
-				filterPopoverDisableClickOutside: S,
-				filtering: C
+				filter: S,
+				filterPopoverProps: C,
+				filterPopoverDisableClickOutside: w,
+				filtering: T
 			}, c);
 		})] })]
 	});
-	return M ? m(N, {
+	return F ? m(N, {
 		position: "bottom",
 		withArrow: !0,
 		shadow: "md",
-		opened: A,
-		onChange: j,
-		children: [p(ee, { children: I }), p(P, { children: p(R, { children: O.filter((e) => e.toggleable).map((e) => p(w, { children: p(b, {
+		opened: j,
+		onChange: M,
+		children: [p(ee, { children: I }), p(P, { children: p(L, { children: k.filter((e) => e.toggleable).map((e) => p(w, { children: p(b, {
 			classNames: { label: "mantine-datatable-header-column-toggle-checkbox-label" },
 			size: "xs",
-			label: F[e.accessor],
+			label: te[e.accessor],
 			checked: e.toggled,
 			onChange: (t) => {
-				k(O.map((n) => n.accessor === e.accessor ? {
+				A(k.map((n) => n.accessor === e.accessor ? {
 					...n,
 					toggled: t.currentTarget.checked
 				} : n));
@@ -2068,7 +2461,7 @@ function Yn({ selectionColumnHeaderRef: e, className: t, style: n, sortStatus: r
 		}) }, e.accessor)) }) })]
 	}) : I;
 }
-function Xn({ fetching: e, customContent: t, backgroundBlur: n, size: r, type: i, color: a }) {
+function sr({ fetching: e, customContent: t, backgroundBlur: n, size: r, type: i, color: a }) {
 	return p(y, {
 		className: X("mantine-datatable-loader", { "mantine-datatable-loader-fetching": e }),
 		style: [{ backdropFilter: n ? `blur(${n}px)` : void 0 }],
@@ -2079,45 +2472,7 @@ function Xn({ fetching: e, customContent: t, backgroundBlur: n, size: r, type: i
 		}))
 	});
 }
-function $(e, t, n) {
-	return e ? de({
-		color: typeof e == "object" ? e[n] : e,
-		theme: t
-	}).value : void 0;
-}
-function Zn({ theme: e, c: t, backgroundColor: n, borderColor: r, rowBorderColor: i, stripedColor: a, highlightOnHoverColor: o }) {
-	return {
-		"--mantine-datatable-color-light": $(t, e, "light"),
-		"--mantine-datatable-color-dark": $(t, e, "dark"),
-		"--mantine-datatable-background-color-light": $(n, e, "light"),
-		"--mantine-datatable-background-color-dark": $(n, e, "dark"),
-		"--mantine-datatable-border-color-light": $(r, e, "light"),
-		"--mantine-datatable-border-color-dark": $(r, e, "dark"),
-		"--mantine-datatable-row-border-color-light": $(i, e, "light"),
-		"--mantine-datatable-row-border-color-dark": $(i, e, "dark"),
-		"--mantine-datatable-striped-color-light": $(a, e, "light"),
-		"--mantine-datatable-striped-color-dark": $(a, e, "dark"),
-		"--mantine-datatable-highlight-on-hover-color-light": $(o, e, "light"),
-		"--mantine-datatable-highlight-on-hover-color-dark": $(o, e, "dark")
-	};
-}
-function Qn({ theme: e, paginationActiveTextColor: t, paginationActiveBackgroundColor: n }) {
-	return {
-		"--mantine-datatable-pagination-active-text-color-light": $(t, e, "light"),
-		"--mantine-datatable-pagination-active-text-color-dark": $(t, e, "dark"),
-		"--mantine-datatable-pagination-active-background-color-light": $(n, e, "light"),
-		"--mantine-datatable-pagination-active-background-color-dark": $(n, e, "dark")
-	};
-}
-function $n({ theme: e, color: t, backgroundColor: n }) {
-	return {
-		"--mantine-datatable-row-color-light": $(t, e, "light"),
-		"--mantine-datatable-row-color-dark": $(t, e, "dark"),
-		"--mantine-datatable-row-background-color-light": $(n, e, "light"),
-		"--mantine-datatable-row-background-color-dark": $(n, e, "dark")
-	};
-}
-function er() {
+function cr() {
 	return m("svg", {
 		width: "14",
 		height: "14",
@@ -2138,17 +2493,17 @@ function er() {
 		]
 	});
 }
-var tr = {
-	xs: H(22),
-	sm: H(26),
-	md: H(32),
-	lg: H(38),
-	xl: H(44)
+var lr = {
+	xs: V(22),
+	sm: V(26),
+	md: V(32),
+	lg: V(38),
+	xl: V(44)
 };
-function nr({ size: e, label: t, values: n, value: r, activeTextColor: i, activeBackgroundColor: a, onChange: o }) {
+function ur({ size: e, label: t, values: n, value: r, activeTextColor: i, activeBackgroundColor: a, onChange: o }) {
 	return m(w, {
 		gap: "xs",
-		children: [p(V, {
+		children: [p(B, {
 			component: "div",
 			size: e,
 			children: t
@@ -2161,9 +2516,9 @@ function nr({ size: e, label: t, values: n, value: r, activeTextColor: i, active
 				size: e,
 				variant: "default",
 				classNames: { section: "mantine-datatable-page-size-selector-button-icon" },
-				rightSection: p(er, {}),
+				rightSection: p(cr, {}),
 				style: [{ fontWeight: "normal" }, (t) => ({
-					height: tr[e],
+					height: lr[e],
 					paddingLeft: t.spacing[e],
 					paddingRight: t.spacing[e]
 				})],
@@ -2172,14 +2527,14 @@ function nr({ size: e, label: t, values: n, value: r, activeTextColor: i, active
 				let n = t === r;
 				return p(O, {
 					className: X({ "mantine-datatable-page-size-selector-active": n }),
-					style: [{ height: tr[e] }, n && (i || a) ? (e) => Qn({
+					style: [{ height: lr[e] }, n && (i || a) ? (e) => Gt({
 						theme: e,
 						paginationActiveTextColor: i,
 						paginationActiveBackgroundColor: a
 					}) : void 0],
 					disabled: n,
 					onClick: () => o(t),
-					children: p(V, {
+					children: p(B, {
 						component: "div",
 						size: e,
 						children: t
@@ -2189,7 +2544,7 @@ function nr({ size: e, label: t, values: n, value: r, activeTextColor: i, active
 		})]
 	});
 }
-function rr({ 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: v, onRecordsPerPageChange: y, recordsPerPageLabel: b, recordsPerPageOptions: x, recordsLength: S, horizontalSpacing: C, paginationWrapBreakpoint: w, getPaginationControlProps: T, getPaginationItemProps: E, renderPagination: D }) {
+function dr({ 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: v, onRecordsPerPageChange: y, recordsPerPageLabel: b, recordsPerPageOptions: x, recordsLength: S, horizontalSpacing: C, paginationWrapBreakpoint: w, getPaginationControlProps: T, getPaginationItemProps: E, renderPagination: D }) {
 	let O;
 	if (g) {
 		let e = (r - 1) * v + 1;
@@ -2199,15 +2554,15 @@ function rr({ className: e, style: t, fetching: n, page: r, onPageChange: i, pag
 			totalRecords: g
 		});
 	} else O = n ? u : d;
-	let k = g && v ? Math.max(1, Math.ceil(g / v)) : 1, A = g ? (r - 1) * (v ?? 0) + 1 : void 0, j = g ? (A ?? 1) + (S ?? 0) - 1 : void 0, N = !hn(({ breakpoints: e }) => `(min-width: ${typeof w == "number" ? `${H(w)}rem` : e[w] || w})`), P = {
-		Text: (e) => p(V, {
+	let k = g && v ? Math.max(1, Math.ceil(g / v)) : 1, A = g ? (r - 1) * (v ?? 0) + 1 : void 0, j = g ? (A ?? 1) + (S ?? 0) - 1 : void 0, N = !bn(({ breakpoints: e }) => `(min-width: ${typeof w == "number" ? `${V(w)}rem` : e[w] || w})`), P = {
+		Text: (e) => p(B, {
 			component: "div",
 			className: "mantine-datatable-pagination-text",
 			size: l,
 			...e,
 			children: O
 		}),
-		PageSizeSelector: (e) => x ? p(nr, {
+		PageSizeSelector: (e) => x ? p(ur, {
 			activeTextColor: s,
 			activeBackgroundColor: c,
 			size: l,
@@ -2216,13 +2571,13 @@ function rr({ className: e, style: t, fetching: n, page: r, onPageChange: i, pag
 			value: v,
 			onChange: y,
 			...e
-		}) : p(f, {}),
+		}) : null,
 		Pagination: (e) => p(M, {
 			classNames: {
 				root: X("mantine-datatable-pagination-pages", { "mantine-datatable-pagination-pages-fetching": n || !S }),
 				control: "mantine-datatable-pagination-pages-control"
 			},
-			style: s || c ? (e) => Qn({
+			style: s || c ? (e) => Gt({
 				theme: e,
 				paginationActiveTextColor: s,
 				paginationActiveBackgroundColor: c
@@ -2268,32 +2623,42 @@ function rr({ className: e, style: t, fetching: n, page: r, onPageChange: i, pag
 		] })
 	});
 }
-function ir({ className: e, style: t, visibleMediaQuery: n, record: r, index: i, onClick: a, onDoubleClick: o, onContextMenu: s, noWrap: c, ellipsis: l, textAlign: u, width: d, accessor: f, render: m, defaultRender: h, customCellAttributes: g }) {
-	return hn(n) ? p(ne, {
+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: m, render: h, defaultRender: g, customCellAttributes: _ }) {
+	return bn(r) ? p(re, {
+		"data-pinned": n?.position,
+		"data-pinned-shadow": n?.isBoundary ? n.position : void 0,
 		className: X({
-			[Dn]: c || l,
-			[On]: l,
-			[kn]: a || o,
-			[An]: s,
-			[Mn]: u === "left",
-			[Nn]: u === "center",
-			[Pn]: u === "right"
+			[Mn]: l || u,
+			[Nn]: u,
+			[Pn]: o || s,
+			[Fn]: c,
+			[Ln]: d === "left",
+			[Rn]: d === "center",
+			[zn]: d === "right"
 		}, e),
-		style: [{
-			width: d,
-			minWidth: d,
-			maxWidth: d
-		}, t],
-		onClick: a,
-		onDoubleClick: o,
-		onContextMenu: s,
-		...g?.(r, i),
-		children: m ? m(r, i) : h ? h(r, i, f) : yn(r, f)
+		style: [
+			{
+				width: f,
+				minWidth: f,
+				maxWidth: f
+			},
+			t,
+			n && {
+				position: "sticky",
+				[n.position]: n.offset,
+				overflow: "visible"
+			}
+		],
+		onClick: o,
+		onDoubleClick: s,
+		onContextMenu: c,
+		..._?.(i, a),
+		children: h ? h(i, a) : g ? g(i, a, m) : wn(i, m)
 	}) : null;
 }
-function ar({ open: e, colSpan: t, content: n, collapseProps: r }) {
-	let { expanded: i, visible: a } = En(e, r?.transitionDuration);
-	return a ? m(f, { children: [p(B, {}), p(B, { children: p(ne, {
+function pr({ open: e, colSpan: t, content: n, collapseProps: r }) {
+	let { expanded: i, visible: a } = jn(e, r?.transitionDuration);
+	return a ? m(f, { children: [p(z, {}), p(z, { children: p(re, {
 		className: "mantine-datatable-row-expansion-cell",
 		colSpan: t,
 		children: p(x, {
@@ -2306,120 +2671,121 @@ function ar({ open: e, colSpan: t, content: n, collapseProps: r }) {
 		})
 	}) })] }) : null;
 }
-function or({ className: e, style: t, record: n, index: r, trigger: i, onChange: a, withRightShadow: o, checkboxProps: s, getCheckboxProps: c, ...l }) {
+function mr({ 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(ne, {
-		className: X("mantine-datatable-row-selector-cell", { [kn]: i === "cell" && d }, e),
+	return p(re, {
+		className: X("mantine-datatable-row-selector-cell", { [Pn]: i === "cell" && d }, e),
 		style: t,
 		"data-shadow-visible": o || void 0,
 		onClick: f,
 		children: p(b, {
-			classNames: d ? { input: kn } : void 0,
+			classNames: d ? { input: Pn } : void 0,
 			onChange: a,
 			...l,
 			...u
 		})
 	});
 }
-function sr({ record: e, index: t, columns: n, defaultColumnProps: r, defaultColumnRender: i, selectionTrigger: a, selectionVisible: o, selectionChecked: s, onSelectionChange: c, isRecordSelectable: l, selectionCheckboxProps: u, getSelectionCheckboxProps: d, onClick: h, onDoubleClick: g, onContextMenu: _, onCellClick: v, onCellDoubleClick: y, onCellContextMenu: b, expansion: x, customAttributes: S, color: C, backgroundColor: w, className: T, style: E, selectorCellShadowVisible: D, selectionColumnClassName: O, selectionColumnStyle: k, rowFactory: A }) {
-	let j = m(f, { children: [o && p(or, {
-		className: O,
-		style: k,
+function hr({ 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(mr, {
+		className: k,
+		style: A,
 		record: e,
 		index: t,
-		trigger: a,
-		withRightShadow: D,
-		checked: s,
-		disabled: !c || (l ? !l(e, t) : !1),
-		onChange: c,
-		checkboxProps: u,
-		getCheckboxProps: d
-	}), n.map(({ hidden: n, hiddenContent: a, ...o }, s) => {
-		if (n || a) return null;
-		let { accessor: c, visibleMediaQuery: l, textAlign: u, noWrap: d, ellipsis: f, width: m, render: h, cellsClassName: g, cellsStyle: _, customCellAttributes: x } = {
+		trigger: o,
+		withRightShadow: O,
+		checked: c,
+		disabled: !l || (u ? !u(e, t) : !1),
+		onChange: l,
+		checkboxProps: d,
+		getCheckboxProps: h
+	}), 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 } = {
 			...r,
-			...o
+			...s
 		};
-		return p(ir, {
-			className: typeof g == "function" ? g(e, t) : g,
-			style: _?.(e, t),
-			visibleMediaQuery: l,
+		return p(fr, {
+			pinnedInfo: i.get(String(l)),
+			className: typeof _ == "function" ? _(e, t) : _,
+			style: v?.(e, t),
+			visibleMediaQuery: u,
 			record: e,
 			index: t,
-			onClick: v ? (n) => v({
+			onClick: y ? (n) => y({
 				event: n,
 				record: e,
 				index: t,
-				column: o,
-				columnIndex: s
+				column: s,
+				columnIndex: c
 			}) : void 0,
-			onDoubleClick: y ? (n) => y({
+			onDoubleClick: b ? (n) => b({
 				event: n,
 				record: e,
 				index: t,
-				column: o,
-				columnIndex: s
+				column: s,
+				columnIndex: c
 			}) : void 0,
-			onContextMenu: b ? (n) => b({
+			onContextMenu: x ? (n) => x({
 				event: n,
 				record: e,
 				index: t,
-				column: o,
-				columnIndex: s
+				column: s,
+				columnIndex: c
 			}) : void 0,
-			accessor: c,
-			textAlign: u,
-			noWrap: d,
-			ellipsis: f,
-			width: m,
-			render: h,
-			defaultRender: i,
-			customCellAttributes: x
-		}, c);
-	})] }), M = x && p(ar, {
-		colSpan: n.filter(({ hidden: e }) => !e).length + +!!o,
-		open: x.isRowExpanded(e),
-		content: x.content({
+			accessor: l,
+			textAlign: d,
+			noWrap: f,
+			ellipsis: m,
+			width: h,
+			render: g,
+			defaultRender: a,
+			customCellAttributes: S
+		}, l);
+	})] }), N = S && p(pr, {
+		colSpan: n.filter(({ hidden: e }) => !e).length + +!!s,
+		open: S.isRowExpanded(e),
+		content: S.content({
 			record: e,
 			index: t
 		}),
-		collapseProps: x.collapseProps
-	}), N = cr({
+		collapseProps: S.collapseProps
+	}), P = gr({
 		record: e,
 		index: t,
-		selectionChecked: s,
-		onClick: h,
-		onDoubleClick: g,
-		onContextMenu: _,
-		expansion: x,
-		customAttributes: S,
-		color: C,
-		backgroundColor: w,
-		className: T,
-		style: E
+		selectionChecked: c,
+		onClick: g,
+		onDoubleClick: _,
+		onContextMenu: v,
+		expansion: S,
+		customAttributes: C,
+		color: w,
+		backgroundColor: T,
+		className: E,
+		style: D
 	});
-	return A ? A({
+	return j ? j({
 		record: e,
 		index: t,
-		rowProps: N,
-		children: j,
-		expandedElement: M
-	}) : m(f, { children: [p(B, {
-		...N,
-		children: j
-	}), M] });
-}
-function cr({ record: e, index: t, selectionChecked: n, onClick: r, onDoubleClick: i, onContextMenu: a, expansion: o, customAttributes: s, color: c, backgroundColor: l, className: u, style: d }) {
+		rowProps: P,
+		children: M,
+		expandedElement: N
+	}) : m(f, { children: [p(z, {
+		...P,
+		children: M
+	}), N] });
+}
+function gr({ 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", { [kn]: r || i || o?.isExpandable({
+		className: X("mantine-datatable-row", { [Pn]: r || i || o?.isExpandable({
 			record: e,
 			index: t
-		}) && o?.expandOnClick }, { [An]: a }, typeof u == "function" ? u(e, t) : u),
+		}) && o?.expandOnClick }, { [Fn]: a }, typeof u == "function" ? u(e, t) : u),
 		"data-selected": n || void 0,
 		onClick: (n) => {
 			if (o) {
@@ -2447,7 +2813,7 @@ function cr({ 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 $n({
+			return Kt({
 				theme: n,
 				color: r,
 				backgroundColor: i
@@ -2456,7 +2822,7 @@ function cr({ record: e, index: t, selectionChecked: n, onClick: r, onDoubleClic
 		...s?.(e, t) ?? {}
 	};
 }
-function lr({ leftShadowBehind: e, rightShadowBehind: t, onScrollPositionChange: n, children: r, viewportRef: i, scrollAreaProps: a }) {
+function _r({ leftShadowBehind: e, rightShadowBehind: t, onScrollPositionChange: n, children: r, viewportRef: i, scrollAreaProps: a }) {
 	return m(F, {
 		...a,
 		viewportRef: i,
@@ -2476,59 +2842,66 @@ function lr({ leftShadowBehind: e, rightShadowBehind: t, onScrollPositionChange:
 		]
 	});
 }
-function ur({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, height: r = "100%", minHeight: i, maxHeight: o, shadow: f, verticalAlign: h = "center", fetching: g, columns: v, storeColumnsKey: y, groups: b, pinFirstColumn: x, pinLastColumn: S, defaultColumnProps: C, defaultColumnRender: w, idAccessor: T = "id", records: E, selectionTrigger: D = "checkbox", selectedRecords: O, onSelectedRecordsChange: k, selectionColumnClassName: A, selectionColumnStyle: j, isRecordSelectable: M, selectionCheckboxProps: N, allRecordsSelectionCheckboxProps: P = { "aria-label": "Select all records" }, getRecordSelectionCheckboxProps: ee = (e, t) => ({ "aria-label": `Select record ${t + 1}` }), sortStatus: F, sortIcons: I, onSortStatusChange: L, horizontalSpacing: R, page: z, onPageChange: ne, totalRecords: re, recordsPerPage: ie, onRecordsPerPageChange: ae, recordsPerPageOptions: B, recordsPerPageLabel: oe = "Records per page", paginationWithEdges: V, paginationWithControls: se, paginationActiveTextColor: ce, paginationActiveBackgroundColor: le, paginationSize: ue = "sm", paginationText: de = ({ from: e, to: t, totalRecords: n }) => `${e} - ${t} / ${n}`, paginationWrapBreakpoint: H = "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: Ae, onCellClick: U, onCellDoubleClick: W, onCellContextMenu: G, onScroll: je, onScrollToTop: Me, onScrollToBottom: Ne, onScrollToLeft: K, onScrollToRight: Pe, c: Fe, backgroundColor: Ie, borderColor: q, rowBorderColor: Le, stripedColor: Re, highlightOnHoverColor: ze, rowColor: Be, rowBackgroundColor: Ve, rowExpansion: He, rowClassName: Ue, rowStyle: We, customRowAttributes: Ge, scrollViewportRef: Ke, scrollAreaProps: qe, tableRef: Je, bodyRef: Ye, m: Xe, my: Ze, mx: Qe, mt: $e, mb: et, ml: tt, mr: nt, className: rt, classNames: it, style: at, styles: ot, rowFactory: st, tableWrapper: ct, ...lt }) {
-	let ut = l(() => b ? xn(b) : v, [v, b]), [dt, ft] = d(!1), { refs: J, onScroll: pt } = ln({
+function vr({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, height: r = "100%", minHeight: i, maxHeight: o, shadow: d, verticalAlign: f = "center", fetching: h, columns: g, storeColumnsKey: v, groups: y, pinFirstColumn: b, pinLastColumn: x, defaultColumnProps: S, defaultColumnRender: C, idAccessor: w = "id", records: T, selectionTrigger: E = "checkbox", selectedRecords: D, onSelectedRecordsChange: O, selectionColumnClassName: k, selectionColumnStyle: A, isRecordSelectable: j, selectionCheckboxProps: M, allRecordsSelectionCheckboxProps: N = { "aria-label": "Select all records" }, getRecordSelectionCheckboxProps: P = (e, t) => ({ "aria-label": `Select record ${t + 1}` }), sortStatus: ee, sortIcons: F, onSortStatusChange: te, horizontalSpacing: I, page: L, onPageChange: R, totalRecords: re, recordsPerPage: ie, onRecordsPerPageChange: ae, recordsPerPageOptions: oe, recordsPerPageLabel: z = "Records per page", paginationWithEdges: se, paginationWithControls: B, paginationActiveTextColor: ce, paginationActiveBackgroundColor: le, paginationSize: ue = "sm", paginationText: de = ({ from: e, to: t, totalRecords: n }) => `${e} - ${t} / ${n}`, paginationWrapBreakpoint: fe = "sm", getPaginationControlProps: V = (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: H, onRowContextMenu: Oe, onCellClick: Ae, onCellDoubleClick: U, onCellContextMenu: W, onScroll: G, onScrollToTop: je, onScrollToBottom: Me, onScrollToLeft: Ne, onScrollToRight: Pe, c: Fe, backgroundColor: Ie, borderColor: Le, rowBorderColor: K, stripedColor: Re, highlightOnHoverColor: ze, rowColor: Be, rowBackgroundColor: Ve, rowExpansion: He, rowClassName: Ue, rowStyle: We, customRowAttributes: Ge, scrollViewportRef: Ke, scrollAreaProps: qe, tableRef: Je, bodyRef: Ye, m: Xe, my: Ze, mx: Qe, mt: $e, mb: et, ml: tt, mr: nt, className: rt, classNames: it, style: at, styles: ot, rowFactory: st, tableWrapper: ct, ...lt }) {
+	let ut = l(() => y ? En(y) : g, [g, y]), { refs: q, onScroll: dt } = pn({
 		scrollCallbacks: {
-			onScroll: je,
-			onScrollToTop: Me,
-			onScrollToBottom: Ne,
-			onScrollToLeft: K,
+			onScroll: G,
+			onScrollToTop: je,
+			onScrollToBottom: Me,
+			onScrollToLeft: Ne,
 			onScrollToRight: Pe
 		},
 		withRowBorders: lt.withRowBorders
-	}), mt = $t({
-		key: y,
+	}), J = rn({
+		key: v,
 		columns: ut,
-		headerRef: J.header,
-		scrollViewportRef: J.scrollViewport,
-		onFixedLayoutChange: ft
-	}), ht = ke(J.table, Je), gt = ke(J.scrollViewport, Ke), _t = Tn({
+		headerRef: q.header,
+		scrollViewportRef: q.scrollViewport
+	}), ft = J.effectiveColumns, pt = ke(q.table, Je), mt = ke(q.scrollViewport, Ke), ht = u(null), gt = ke(ht, Ye), _t = An({
 		rowExpansion: He,
-		records: E,
-		idAccessor: T
-	}), vt = u(!1), yt = u(z), bt = u(E), xt = a((e) => {
-		vt.current = !0, bt.current = E, ne(e);
-	}, [ne, E]);
+		records: T,
+		idAccessor: w
+	}), { pinnedMap: vt, hasLeftPinned: yt, hasRightPinned: bt } = mn({
+		columns: ft,
+		theadRef: q.header,
+		tbodyRef: ht,
+		selectionColumnHeaderRef: q.selectionColumnHeader,
+		selectionVisible: !!D,
+		pinFirstColumn: b,
+		pinLastColumn: x
+	}), xt = u(!1), St = u(L), Ct = u(T), wt = a((e) => {
+		xt.current = !0, Ct.current = T, R(e);
+	}, [R, T]);
 	s(() => {
-		yt.current !== z && (vt.current = !0, bt.current = E, yt.current = z);
-	}, [z, E]);
-	let St = E?.length;
+		St.current !== L && (xt.current = !0, Ct.current = T, St.current = L);
+	}, [L, T]);
+	let Tt = T?.length;
 	c(() => {
-		if (!vt.current || g || E === bt.current) return;
-		let e = J.scrollViewport.current;
+		if (!xt.current || h || T === Ct.current) return;
+		let e = q.scrollViewport.current;
 		if (!e) return;
 		let t = requestAnimationFrame(() => {
 			e.scrollTo({
 				top: 0,
 				left: 0
-			}), vt.current = !1;
+			}), xt.current = !1;
 		});
 		return () => cancelAnimationFrame(t);
 	}, [
-		g,
-		E,
-		J.scrollViewport
+		h,
+		T,
+		q.scrollViewport
 	]);
-	let Ct = E?.map((e) => Q(e, T)), wt = !!O, Tt = O?.map((e) => Q(e, T)), Et = Ct !== void 0 && Tt !== void 0 && Tt.length > 0, Dt = M ? E?.filter(M) : E, Ot = Dt?.map((e) => Q(e, T)), Y = Et && Ot.every((e) => Tt.includes(e)), kt = Et && Ot.some((e) => Tt.includes(e)), At = a(() => {
-		O && k && k(Y ? O.filter((e) => !Ot.includes(Q(e, T))) : vn([...O, ...Dt], (e) => Q(e, T)));
+	let Et = T?.map((e) => $(e, w)), Dt = !!D, Ot = D?.map((e) => $(e, w)), kt = Et !== void 0 && Ot !== void 0 && Ot.length > 0, At = j ? T?.filter(j) : T, Y = At?.map((e) => $(e, w)), jt = kt && Y.every((e) => Ot.includes(e)), Mt = kt && Y.some((e) => Ot.includes(e)), Nt = a(() => {
+		D && O && O(jt ? D.filter((e) => !Y.includes($(e, w))) : Cn([...D, ...At], (e) => $(e, w)));
 	}, [
+		jt,
+		w,
+		O,
 		Y,
-		T,
-		k,
-		Ot,
-		Dt,
-		O
-	]), { lastSelectionChangeIndex: jt, setLastSelectionChangeIndex: Mt } = un(Ct), Nt = wt && !x, Pt = {
+		At,
+		D
+	]), { lastSelectionChangeIndex: Pt, setLastSelectionChangeIndex: Ft } = hn(Et), It = Dt && !yt, Lt = {
 		m: Xe,
 		my: Ze,
 		mx: Qe,
@@ -2536,26 +2909,27 @@ function ur({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 		mb: et,
 		ml: tt,
 		mr: nt
-	}, Ft = a(({ children: e }) => ct ? ct({ children: e }) : e, [ct]);
-	return p(Kt, {
-		...mt,
+	}, Rt = a(({ children: e }) => ct ? ct({ children: e }) : e, [ct]);
+	return p(Yt, {
+		...J,
+		pinnedMap: vt,
 		children: m(_, {
-			ref: J.root,
-			...Pt,
+			ref: q.root,
+			...Lt,
 			className: X("mantine-datatable", { "mantine-datatable-with-border": e }, rt, it?.root),
 			style: [
 				(e) => ({
-					...Zn({
+					...Wt({
 						theme: e,
 						c: Fe,
 						backgroundColor: Ie,
-						borderColor: q,
-						rowBorderColor: Le,
+						borderColor: Le,
+						rowBorderColor: K,
 						stripedColor: Re,
 						highlightOnHoverColor: ze
 					}),
 					borderRadius: e.radius[t] || t,
-					boxShadow: e.shadows[f] || f,
+					boxShadow: e.shadows[d] || d,
 					height: r,
 					minHeight: i,
 					maxHeight: o
@@ -2565,150 +2939,158 @@ function ur({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 				{ position: "relative" }
 			],
 			children: [
-				p(lr, {
-					viewportRef: gt,
-					leftShadowBehind: wt || !!x,
-					rightShadowBehind: S,
-					onScrollPositionChange: pt,
+				p(_r, {
+					viewportRef: mt,
+					leftShadowBehind: Dt || yt,
+					rightShadowBehind: bt,
+					onScrollPositionChange: dt,
 					scrollAreaProps: qe,
-					children: p(Ft, { children: m(te, {
-						ref: ht,
-						horizontalSpacing: R,
+					children: p(Rt, { children: m(ne, {
+						ref: pt,
+						horizontalSpacing: I,
 						className: X("mantine-datatable-table", {
-							[jn]: n,
-							"mantine-datatable-vertical-align-top": h === "top",
-							"mantine-datatable-vertical-align-bottom": h === "bottom",
-							"mantine-datatable-pin-last-column": S,
-							"mantine-datatable-selection-column-visible": wt,
-							"mantine-datatable-pin-first-column": x,
-							"mantine-datatable-resizable-columns": mt.hasResizableColumns && dt
+							[In]: n,
+							"mantine-datatable-vertical-align-top": f === "top",
+							"mantine-datatable-vertical-align-bottom": f === "bottom",
+							"mantine-datatable-selection-column-visible": Dt,
+							"mantine-datatable-resizable-columns": J.hasResizableColumns,
+							"mantine-datatable-resize-locked": J.isLocked,
+							"mantine-datatable-resizing": J.isResizing
 						}, it?.table),
-						style: { ...ot?.table },
-						"data-striped": St && Te || void 0,
+						style: {
+							...ot?.table,
+							...J.isLocked ? { tableLayout: "fixed" } : null,
+							...J.tableWidth == null ? null : { width: `${J.tableWidth}px` }
+						},
+						"data-striped": Tt && Te || void 0,
 						"data-highlight-on-hover": we || void 0,
 						...lt,
 						children: [
-							Ee ? null : p(Kt, {
-								...mt,
-								children: p(Yn, {
-									ref: J.header,
-									selectionColumnHeaderRef: J.selectionColumnHeader,
+							Ee ? null : p(Yt, {
+								...J,
+								pinnedMap: vt,
+								children: p(or, {
+									ref: q.header,
+									selectionColumnHeaderRef: q.selectionColumnHeader,
 									className: it?.header,
 									style: ot?.header,
-									columns: ut,
-									defaultColumnProps: C,
-									groups: b,
-									sortStatus: F,
-									sortIcons: I,
-									onSortStatusChange: L,
-									selectionTrigger: D,
-									selectionVisible: wt,
-									selectionChecked: Y,
-									selectionIndeterminate: kt && !Y,
-									onSelectionChange: At,
+									columns: ft,
+									defaultColumnProps: S,
+									groups: y,
+									pinnedMap: vt,
+									sortStatus: ee,
+									sortIcons: F,
+									onSortStatusChange: te,
+									selectionTrigger: E,
+									selectionVisible: Dt,
+									selectionChecked: jt,
+									selectionIndeterminate: Mt && !jt,
+									onSelectionChange: Nt,
 									selectionCheckboxProps: {
-										...N,
-										...P
+										...M,
+										...N
 									},
-									selectorCellShadowVisible: Nt,
-									selectionColumnClassName: A,
-									selectionColumnStyle: j,
+									selectorCellShadowVisible: It,
+									selectionColumnClassName: k,
+									selectionColumnStyle: A,
 									withColumnBorders: lt.withColumnBorders
 								})
 							}),
 							p("tbody", {
-								ref: Ye,
-								children: St ? E.map((e, t) => {
-									let n = Q(e, T), r = Tt?.includes(n) || !1, i;
-									return k && O && (i = (i) => {
-										if (i.nativeEvent.shiftKey && jt !== null) {
-											let e = E.filter(t > jt ? (e, n) => n >= jt && n <= t && (M ? M(e, n) : !0) : (e, n) => n >= t && n <= jt && (M ? M(e, n) : !0));
-											k(r ? _n(O, e, (e) => Q(e, T)) : vn([...O, ...e], (e) => Q(e, T)));
-										} else k(r ? O.filter((e) => Q(e, T) !== n) : vn([...O, e], (e) => Q(e, T)));
-										Mt(t);
-									}), p(sr, {
+								ref: gt,
+								children: Tt ? T.map((e, t) => {
+									let n = $(e, w), r = Ot?.includes(n) || !1, i;
+									return O && D && (i = (i) => {
+										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 ? Sn(D, e, (e) => $(e, w)) : Cn([...D, ...e], (e) => $(e, w)));
+										} else O(r ? D.filter((e) => $(e, w) !== n) : Cn([...D, e], (e) => $(e, w)));
+										Ft(t);
+									}), p(hr, {
 										record: e,
 										index: t,
-										columns: ut,
-										defaultColumnProps: C,
-										defaultColumnRender: w,
-										selectionTrigger: D,
-										selectionVisible: wt,
+										columns: ft,
+										defaultColumnProps: S,
+										pinnedMap: vt,
+										defaultColumnRender: C,
+										selectionTrigger: E,
+										selectionVisible: Dt,
 										selectionChecked: r,
 										onSelectionChange: i,
-										isRecordSelectable: M,
-										selectionCheckboxProps: N,
-										getSelectionCheckboxProps: ee,
+										isRecordSelectable: j,
+										selectionCheckboxProps: M,
+										getSelectionCheckboxProps: P,
 										onClick: De,
-										onDoubleClick: Oe,
-										onCellClick: U,
-										onCellDoubleClick: W,
-										onContextMenu: Ae,
-										onCellContextMenu: G,
+										onDoubleClick: H,
+										onCellClick: Ae,
+										onCellDoubleClick: U,
+										onContextMenu: Oe,
+										onCellContextMenu: W,
 										expansion: _t,
 										color: Be,
 										backgroundColor: Ve,
 										className: Ue,
 										style: We,
 										customAttributes: Ge,
-										selectorCellShadowVisible: Nt,
-										selectionColumnClassName: A,
-										selectionColumnStyle: j,
-										idAccessor: T,
+										selectorCellShadowVisible: It,
+										selectionColumnClassName: k,
+										selectionColumnStyle: A,
+										idAccessor: w,
 										rowFactory: st
 									}, n);
-								}) : p(qt, {})
+								}) : p(Xt, {})
 							}),
-							ut.some(({ footer: e }) => e) && p(Ln, {
-								ref: J.footer,
+							ft.some(({ footer: e }) => e) && p(Hn, {
+								ref: q.footer,
 								className: it?.footer,
 								style: ot?.footer,
-								columns: ut,
-								defaultColumnProps: C,
-								selectionVisible: wt,
-								selectorCellShadowVisible: Nt
+								columns: ft,
+								defaultColumnProps: S,
+								pinnedMap: vt,
+								selectionVisible: Dt,
+								selectorCellShadowVisible: It
 							})
 						]
 					}) })
 				}),
-				!!(z && St) && p(rr, {
+				!!(L && Tt) && p(dr, {
 					className: it?.pagination,
 					style: ot?.pagination,
-					horizontalSpacing: R,
-					fetching: g,
-					page: z,
-					onPageChange: xt,
+					horizontalSpacing: I,
+					fetching: h,
+					page: L,
+					onPageChange: wt,
 					totalRecords: re,
 					recordsPerPage: ie,
 					onRecordsPerPageChange: ae,
-					recordsPerPageOptions: B,
-					recordsPerPageLabel: oe,
-					paginationWithEdges: V,
-					paginationWithControls: se,
+					recordsPerPageOptions: oe,
+					recordsPerPageLabel: z,
+					paginationWithEdges: se,
+					paginationWithControls: B,
 					paginationActiveTextColor: ce,
 					paginationActiveBackgroundColor: le,
 					paginationSize: ue,
 					paginationText: de,
-					paginationWrapBreakpoint: H,
-					getPaginationControlProps: fe,
+					paginationWrapBreakpoint: fe,
+					getPaginationControlProps: V,
 					getPaginationItemProps: pe,
 					noRecordsText: Se,
 					loadingText: be,
-					recordsLength: St,
+					recordsLength: Tt,
 					renderPagination: me
 				}),
-				p(Xn, {
-					fetching: g,
+				p(sr, {
+					fetching: h,
 					backgroundBlur: he,
 					customContent: ge,
 					size: _e,
 					type: ve,
 					color: ye
 				}),
-				p(Yt, {
+				p(Qt, {
 					icon: Ce,
 					text: Se,
-					active: !g && !St,
+					active: !h && !Tt,
 					children: xe
 				})
 			]
@@ -2717,8 +3099,8 @@ function ur({ withTableBorder: e, borderRadius: t, textSelectionDisabled: n, hei
 }
 //#endregion
 //#region src/DataTable/UpdateModal.tsx
-function dr({ fields: e, onClose: t, queryKey: r, apiPath: i, id: a, steps: o }) {
-	let [c, l] = d(0), [u, h] = d(!1), { data: _, isLoading: y } = Lt(i, r, a), { mutateAsync: x, isError: S, error: C, isPending: T } = Bt(i, r), E = [...new Set(e.filter((e) => typeof e.step == "number").map((e) => e.step))], D = me({
+function yr({ fields: e, onClose: t, queryKey: r, apiPath: i, id: a, steps: o }) {
+	let [c, l] = d(0), [u, h] = d(!1), { data: _, isLoading: y } = Lt(i, r, a), { mutateAsync: x, isError: S, error: C, isPending: T } = Bt(i, r), E = [...new Set(e.filter((e) => typeof e.step == "number").map((e) => e.step))], D = he({
 		mode: "uncontrolled",
 		initialValues: e.reduce((e, t) => (e[t.id] = t.type === "boolean" ? t.defaultValue ?? !1 : t.defaultValue ?? "", e), {}),
 		validate: e.filter((e) => e.required).reduce((e, t) => (e[t.id] = (e, n) => t.conditional && !t.conditional(n) || !(typeof t.required == "function" ? t.required(n) : t.required) || e ? null : "Pflichtfeld", e), {})
@@ -2740,7 +3122,7 @@ function dr({ fields: e, onClose: t, queryKey: r, apiPath: i, id: a, steps: o })
 		if (e.conditional && !e.conditional(t)) return null;
 		let r = O(e, t);
 		return /* @__PURE__ */ m(n, { children: [
-			(e.type === void 0 || e.type == "text") && /* @__PURE__ */ p(se, {
+			(e.type === void 0 || e.type == "text") && /* @__PURE__ */ p(ce, {
 				label: e.column.title,
 				placeholder: e.placeholder ?? "",
 				...D.getInputProps(e.id),
@@ -2754,7 +3136,7 @@ function dr({ fields: e, onClose: t, queryKey: r, apiPath: i, id: a, steps: o })
 				...D.getInputProps(e.id),
 				required: r
 			}, D.key(e.id)),
-			e.type === "date" && /* @__PURE__ */ p(he, {
+			e.type === "date" && /* @__PURE__ */ p(ge, {
 				label: e.column.title,
 				placeholder: e.placeholder ?? "",
 				valueFormat: "DD.MM.YYYY",
@@ -2768,7 +3150,7 @@ function dr({ fields: e, onClose: t, queryKey: r, apiPath: i, id: a, steps: o })
 				...D.getInputProps(e.id, { type: "checkbox" }),
 				required: r
 			}, D.key(e.id)),
-			e.type === "textarea" && /* @__PURE__ */ p(ce, {
+			e.type === "textarea" && /* @__PURE__ */ p(le, {
 				label: e.column.title,
 				placeholder: e.placeholder ?? "",
 				...D.getInputProps(e.id),
@@ -2791,18 +3173,18 @@ function dr({ fields: e, onClose: t, queryKey: r, apiPath: i, id: a, steps: o })
 		title: C?.name ?? "Fehler aufgetreten",
 		mb: "lg",
 		children: C?.message ?? "Fehler aufgetreten"
-	}), y ? /* @__PURE__ */ m(R, {
+	}), y ? /* @__PURE__ */ m(L, {
 		gap: "md",
 		children: [
-			/* @__PURE__ */ p(L, { height: 40 }),
-			Array(e.length).fill(0).map((e, t) => /* @__PURE__ */ p(L, { height: 35 }, `skeleton-field-${t}`)),
+			/* @__PURE__ */ p(I, { height: 40 }),
+			Array(e.length).fill(0).map((e, t) => /* @__PURE__ */ p(I, { height: 35 }, `skeleton-field-${t}`)),
 			/* @__PURE__ */ m(w, {
 				mt: "md",
 				justify: "end",
-				children: [/* @__PURE__ */ p(L, {
+				children: [/* @__PURE__ */ p(I, {
 					width: 100,
 					height: 36
-				}), /* @__PURE__ */ p(L, {
+				}), /* @__PURE__ */ p(I, {
 					width: 100,
 					height: 36
 				})]
@@ -2816,10 +3198,10 @@ function dr({ fields: e, onClose: t, queryKey: r, apiPath: i, id: a, steps: o })
 				id: a
 			}), E.length && c < E.length - 1 ? S || l(c + 1) : S || (D.setInitialValues(n), D.reset(), t());
 		}),
-		children: [E.length ? /* @__PURE__ */ p(z, {
+		children: [E.length ? /* @__PURE__ */ p(R, {
 			active: c,
 			size: "sm",
-			children: E.map((t) => /* @__PURE__ */ p(z.Step, {
+			children: E.map((t) => /* @__PURE__ */ p(R.Step, {
 				...o && o[t - 1] ? { label: o[t - 1].label } : {},
 				children: e.filter((e) => e.step === t).map((e) => k(e))
 			}, t))
@@ -2840,7 +3222,7 @@ function dr({ fields: e, onClose: t, queryKey: r, apiPath: i, id: a, steps: o })
 }
 //#endregion
 //#region src/DataTable/DeleteModal.tsx
-function fr({ queryKey: e, apiPath: t, onClose: n, selectedRecords: r }) {
+function br({ queryKey: e, apiPath: t, onClose: n, selectedRecords: r }) {
 	let { mutateAsync: i, isError: a, error: o, isPending: c } = Vt(t, e), [l, u] = d(r), [h, _] = d(!1), y = h || c;
 	return s(() => {
 		l.length || n();
@@ -2851,7 +3233,7 @@ function fr({ queryKey: e, apiPath: t, onClose: n, selectedRecords: r }) {
 			title: o.name,
 			children: o.message
 		}),
-		/* @__PURE__ */ p(V, { children: l.length === 1 ? `Soll ${l.length} Eintrag wirklich gelöscht werden?` : `Sollen ${l.length} Einträge wirklich gelöscht werden?` }),
+		/* @__PURE__ */ p(B, { children: l.length === 1 ? `Soll ${l.length} Eintrag wirklich gelöscht werden?` : `Sollen ${l.length} Einträge wirklich gelöscht werden?` }),
 		/* @__PURE__ */ m(w, {
 			mt: "md",
 			justify: "end",
@@ -2878,7 +3260,7 @@ function fr({ queryKey: e, apiPath: t, onClose: n, selectedRecords: r }) {
 }
 //#endregion
 //#region src/Hooks/usePersistentState.ts
-function pr(e, t) {
+function xr(e, t) {
 	let [n, r] = d(() => {
 		let n = localStorage.getItem(`use_persistent_storage_${t}`);
 		return n ? JSON.parse(n) : e;
@@ -2889,12 +3271,12 @@ function pr(e, t) {
 }
 //#endregion
 //#region src/utils/sort.ts
-var mr = [
+var Sr = [
 	/^\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}$/
-], hr = (e, t) => {
+], Cr = (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 = {
@@ -2910,7 +3292,7 @@ var mr = [
 				i.number++;
 				return;
 			}
-			if (mr.some((e) => e.test(t))) {
+			if (Sr.some((e) => e.test(t))) {
 				let e = new Date(t);
 				if (!isNaN(e.getTime())) {
 					i.date++;
@@ -2923,7 +3305,7 @@ var mr = [
 	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 gr(e, t) {
+function wr(e, t) {
 	switch (t) {
 		case "date":
 			if (typeof e == "string") {
@@ -2939,59 +3321,59 @@ function gr(e, t) {
 		default: return String(e).toLowerCase().trim();
 	}
 }
-var _r = (e, t, n = "asc") => {
+var Tr = (e, t, n = "asc") => {
 	if (!e || e.length === 0) return [];
-	let r = hr(e, t);
+	let r = Cr(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 = gr(a, r), u = gr(o, r);
+		let l = wr(a, r), u = wr(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/DataTable/MobileCardList.tsx
-function vr(e, t) {
+function Er(e, t) {
 	return t.split(".").reduce((e, t) => {
 		if (e && typeof e == "object" && t in e) return e[t];
 	}, e);
 }
-function yr(e, t) {
+function Dr(e, t) {
 	let n = t.column;
 	if (n.render) return n.render(e, 0);
-	let r = vr(e, n.accessor ?? t.id);
-	return r == null ? /* @__PURE__ */ p(V, {
+	let r = Er(e, n.accessor ?? t.id);
+	return r == null ? /* @__PURE__ */ p(B, {
 		c: "dimmed",
 		children: "–"
-	}) : typeof r == "boolean" ? /* @__PURE__ */ p(V, {
+	}) : typeof r == "boolean" ? /* @__PURE__ */ p(B, {
 		fz: "sm",
 		children: r ? "Ja" : "Nein"
-	}) : /* @__PURE__ */ p(V, {
+	}) : /* @__PURE__ */ p(B, {
 		fz: "sm",
 		children: String(r)
 	});
 }
-function br({ field: e, record: t }) {
+function Or({ field: e, record: t }) {
 	return /* @__PURE__ */ m(w, {
 		wrap: "nowrap",
 		justify: "space-between",
 		align: "center",
 		py: "xs",
 		px: "sm",
-		children: [/* @__PURE__ */ p(V, {
+		children: [/* @__PURE__ */ p(B, {
 			fw: 700,
 			fz: "sm",
 			children: e.column.title ?? e.id
 		}), /* @__PURE__ */ p(_, {
 			ta: "right",
 			fz: "sm",
-			children: yr(t, e)
+			children: Dr(t, e)
 		})]
 	});
 }
-function xr({ records: e, fields: n, selection: r, selectedRecords: i = [], onSelectedRecordsChange: a, onRowClick: o, actions: s, canUpdate: c, canDelete: l, pagination: u, sort: f, rowExpansion: g }) {
+function kr({ records: e, fields: n, selection: r, selectedRecords: i = [], onSelectedRecordsChange: a, onRowClick: o, actions: s, canUpdate: c, canDelete: l, pagination: u, sort: f, rowExpansion: g }) {
 	let [v, y] = d(/* @__PURE__ */ new Set()), C = (e) => {
 		y((t) => {
 			let n = new Set(t);
@@ -3012,19 +3394,19 @@ function xr({ records: e, fields: n, selection: r, selectedRecords: i = [], onSe
 			event: n
 		}) : r && k(e);
 	};
-	return e.length === 0 ? /* @__PURE__ */ p(V, {
+	return e.length === 0 ? /* @__PURE__ */ p(B, {
 		c: "dimmed",
 		ta: "center",
 		py: "xl",
 		children: "Keine Einträge gefunden"
-	}) : /* @__PURE__ */ m(R, {
+	}) : /* @__PURE__ */ m(L, {
 		gap: "sm",
 		my: "md",
 		children: [
 			f && D.length > 0 && /* @__PURE__ */ m(w, {
 				gap: "xs",
 				wrap: "nowrap",
-				children: [/* @__PURE__ */ p(I, {
+				children: [/* @__PURE__ */ p(te, {
 					data: D,
 					value: f.field,
 					onChange: (e) => e && f.onSortChange(e, f.direction),
@@ -3034,7 +3416,7 @@ function xr({ records: e, fields: n, selection: r, selectedRecords: i = [], onSe
 					variant: "filled",
 					size: "input-sm",
 					onClick: () => f.onSortChange(f.field, f.direction === "asc" ? "desc" : "asc"),
-					children: f.direction === "asc" ? /* @__PURE__ */ p(Se, { size: 18 }) : /* @__PURE__ */ p(Ce, { size: 18 })
+					children: f.direction === "asc" ? /* @__PURE__ */ p(Ce, { size: 18 }) : /* @__PURE__ */ p(we, { size: 18 })
 				})]
 			}),
 			e.map((e, n) => {
@@ -3068,7 +3450,7 @@ function xr({ records: e, fields: n, selection: r, selectedRecords: i = [], onSe
 									onClick: (e) => {
 										e.stopPropagation(), C(u);
 									},
-									children: /* @__PURE__ */ p(_e, {
+									children: /* @__PURE__ */ p(ve, {
 										size: 16,
 										style: {
 											transform: d ? "rotate(0deg)" : "rotate(-90deg)",
@@ -3090,7 +3472,7 @@ function xr({ records: e, fields: n, selection: r, selectedRecords: i = [], onSe
 										color: "gray",
 										size: "sm",
 										onClick: (e) => e.stopPropagation(),
-										children: /* @__PURE__ */ p(ve, { size: 16 })
+										children: /* @__PURE__ */ p(ye, { size: 16 })
 									}) }), /* @__PURE__ */ p(E.Dropdown, { children: t.map((t, n) => /* @__PURE__ */ p(E.Item, {
 										leftSection: t.icon,
 										onClick: (n) => {
@@ -3100,7 +3482,7 @@ function xr({ records: e, fields: n, selection: r, selectedRecords: i = [], onSe
 									}, `card_action_${n}`)) })]
 								});
 							})()]
-						}), T.map((n, r) => /* @__PURE__ */ m(t.Fragment, { children: [r > 0 && /* @__PURE__ */ p(S, {}), /* @__PURE__ */ p(br, {
+						}), T.map((n, r) => /* @__PURE__ */ m(t.Fragment, { children: [r > 0 && /* @__PURE__ */ p(S, {}), /* @__PURE__ */ p(Or, {
 							field: n,
 							record: e
 						})] }, n.id))]
@@ -3114,7 +3496,7 @@ function xr({ records: e, fields: n, selection: r, selectedRecords: i = [], onSe
 					})]
 				}) }, u);
 			}),
-			u && u.totalRecords > u.recordsPerPage && /* @__PURE__ */ m(R, {
+			u && u.totalRecords > u.recordsPerPage && /* @__PURE__ */ m(L, {
 				gap: "xs",
 				mt: "sm",
 				children: [/* @__PURE__ */ p(w, {
@@ -3128,11 +3510,11 @@ function xr({ records: e, fields: n, selection: r, selectedRecords: i = [], onSe
 				}), u.recordsPerPageOptions && u.onRecordsPerPageChange && /* @__PURE__ */ m(w, {
 					justify: "center",
 					gap: "xs",
-					children: [/* @__PURE__ */ p(V, {
+					children: [/* @__PURE__ */ p(B, {
 						fz: "xs",
 						c: "dimmed",
 						children: "Einträge pro Seite:"
-					}), /* @__PURE__ */ p(I, {
+					}), /* @__PURE__ */ p(te, {
 						data: u.recordsPerPageOptions.map((e) => ({
 							value: String(e),
 							label: String(e)
@@ -3150,28 +3532,28 @@ function xr({ records: e, fields: n, selection: r, selectedRecords: i = [], onSe
 }
 //#endregion
 //#region src/DataTable/DataTableInner.tsx
-var Sr = [
+var Ar = [
 	10,
 	15,
 	50,
 	100,
 	500
 ];
-function Cr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutationApiPath: a, buttons: o, fields: c, selection: l, pagination: u, filters: y, actions: b, steps: x, defaultSort: S, onSortChange: C, createButtonText: T, queryParams: D, tabs: O, defaultTab: k, activeTab: j, onActiveTabChange: M, canUpdate: N, canDelete: P, showRefresh: ee = !0, rowExpansion: F, onRowClick: I, mobileCards: z = !1 }) {
-	let [te, ne] = d(k || (O && O.length > 0 ? O[0].value : null)), re = j === void 0 ? te : j, ie = (e) => {
-		j === void 0 && ne(e), M && M(e);
-	}, ae = O?.find((e) => e.value === re), B = ae?.queryParams || {}, V = ae?.apiPath ?? r, se = ae?.mutationApiPath ?? a ?? V, ce = {
+function jr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutationApiPath: a, buttons: o, fields: c, selection: l, pagination: u, filters: y, actions: b, steps: x, defaultSort: S, onSortChange: C, createButtonText: T, queryParams: D, tabs: O, defaultTab: k, activeTab: j, onActiveTabChange: M, canUpdate: N, canDelete: P, showRefresh: ee = !0, rowExpansion: F, onRowClick: te, mobileCards: R = !1 }) {
+	let [ne, re] = d(k || (O && O.length > 0 ? O[0].value : null)), ie = j === void 0 ? ne : j, ae = (e) => {
+		j === void 0 && re(e), M && M(e);
+	}, oe = O?.find((e) => e.value === ie), z = oe?.queryParams || {}, B = oe?.apiPath ?? r, ce = oe?.mutationApiPath ?? a ?? B, le = {
 		...D,
-		...B
-	}, ue = ce ? "?" + Object.entries(ce).filter(([, e]) => e != null).map(([e, t]) => `${e}=${encodeURIComponent(t ?? "")}`).join("&") : "", de = re ? [...t, re] : t, { data: H, isLoading: fe, isError: pe, isRefetching: me, refetch: he } = Rt(V + ue, de), { queryClient: _e } = Y();
+		...z
+	}, de = le ? "?" + Object.entries(le).filter(([, e]) => e != null).map(([e, t]) => `${e}=${encodeURIComponent(t ?? "")}`).join("&") : "", fe = ie ? [...t, ie] : t, { data: V, isLoading: pe, isError: me, isRefetching: he, refetch: ge } = Rt(B + de, fe), { queryClient: ve } = kt();
 	s(() => {
-		!H || !Array.isArray(H) || n?.forEach((e) => _e.invalidateQueries({ queryKey: e }));
+		!V || !Array.isArray(V) || n?.forEach((e) => ve.invalidateQueries({ queryKey: e }));
 	}, [
-		H,
+		V,
 		n,
-		_e
+		ve
 	]);
-	let ve = !H || !Array.isArray(H) ? [] : !y || y.length === 0 ? H : H.filter((e) => y.every((t) => {
+	let ye = !V || !Array.isArray(V) ? [] : !y || y.length === 0 ? V : V.filter((e) => y.every((t) => {
 		if (t.value === void 0) return !0;
 		let n = t.id;
 		if (t.type === "query") {
@@ -3203,27 +3585,27 @@ function Cr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 			return !0;
 		} else if (t.type === "boolean") return e[n] === t.value;
 		return !0;
-	})), [Se, Ce] = d({
+	})), [Ce, we] = d({
 		columnAccessor: S?.field ?? c[0].id,
 		direction: S?.direction ?? "desc"
-	}), Te = (e) => {
-		Ce(e), C && C(String(e.columnAccessor), e.direction);
-	}, Ee = _r(ve, Se.columnAccessor, Se.direction), [De, Oe] = pr(Sr[1], "mantine-table-page-size"), [ke, Ae] = d(1), U = u ? Ee.slice((ke - 1) * De, ke * De) : Ee, [W, G] = d([]);
+	}), Ee = (e) => {
+		we(e), C && C(String(e.columnAccessor), e.direction);
+	}, De = Tr(ye, Ce.columnAccessor, Ce.direction), [H, Oe] = xr(Ar[1], "mantine-table-page-size"), [ke, Ae] = d(1), U = u ? De.slice((ke - 1) * H, ke * H) : De, [W, G] = d([]);
 	s(() => {
 		G([]);
-	}, [re]);
-	let [je, Me] = d(!1), [Ne, K] = d(!1), [Pe, Fe] = d(!1), Ie = c.some((e) => e.update), q = c.some((e) => e.delete), Le = [];
-	return Ie && Le.push({
-		icon: /* @__PURE__ */ p(be, { size: 14 }),
+	}, [ie]);
+	let [je, Me] = d(!1), [Ne, Pe] = d(!1), [Fe, Ie] = d(!1), Le = c.some((e) => e.update), K = c.some((e) => e.delete), Re = [];
+	return Le && Re.push({
+		icon: /* @__PURE__ */ p(xe, { size: 14 }),
 		label: "Bearbeiten",
 		onClick: (e) => {
-			G(e), K(!0);
+			G(e), Pe(!0);
 		}
-	}), b && Le.push(...b), q && Le.push({
-		icon: /* @__PURE__ */ p(we, { size: 14 }),
+	}), b && Re.push(...b), K && Re.push({
+		icon: /* @__PURE__ */ p(Te, { size: 14 }),
 		label: "Löschen",
 		onClick: (e) => {
-			G(e), Fe(!0);
+			G(e), Ie(!0);
 		}
 	}), /* @__PURE__ */ m(f, { children: [
 		/* @__PURE__ */ m(w, {
@@ -3231,7 +3613,7 @@ function Cr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 			justify: e ? "space-between" : "end",
 			align: "center",
 			wrap: "wrap",
-			children: [e && (typeof e == "string" ? /* @__PURE__ */ p(le, {
+			children: [e && (typeof e == "string" ? /* @__PURE__ */ p(ue, {
 				order: 4,
 				children: e
 			}) : e), /* @__PURE__ */ m(w, {
@@ -3243,25 +3625,25 @@ function Cr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 				children: [
 					ee && /* @__PURE__ */ p(h, {
 						variant: "subtle",
-						onClick: () => he(),
+						onClick: () => ge(),
 						"aria-label": "Neuladen",
-						children: /* @__PURE__ */ p(xe, {})
+						children: /* @__PURE__ */ p(Se, {})
 					}),
 					(c.some((e) => e.update) || l) && (() => {
 						let e = c.find((e) => e.update) && (!N || W.length > 0 && N(W[0])), t = c.find((e) => e.delete) && (!P || W.length > 0 && P(W[0])), n = (b ?? []).length > 0, r = e || t || n;
 						return /* @__PURE__ */ p(_, {
-							...z ? { visibleFrom: "sm" } : {},
+							...R ? { visibleFrom: "sm" } : {},
 							children: /* @__PURE__ */ m(E, {
 								shadow: "md",
 								children: [/* @__PURE__ */ p(E.Target, { children: /* @__PURE__ */ p(v, {
 									variant: "outline",
-									rightSection: /* @__PURE__ */ p(ge, { size: 14 }),
+									rightSection: /* @__PURE__ */ p(_e, { size: 14 }),
 									disabled: !W.length || !r,
 									children: "Aktionen"
 								}) }), /* @__PURE__ */ m(E.Dropdown, { children: [
 									e && /* @__PURE__ */ p(E.Item, {
-										leftSection: /* @__PURE__ */ p(be, { size: 14 }),
-										onClick: () => K(!0),
+										leftSection: /* @__PURE__ */ p(xe, { size: 14 }),
+										onClick: () => Pe(!0),
 										disabled: W.length !== 1,
 										children: "Bearbeiten"
 									}),
@@ -3272,8 +3654,8 @@ function Cr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 										disabled: e.disabled?.(W) ?? !1
 									}, e.label)),
 									t && /* @__PURE__ */ p(E.Item, {
-										leftSection: /* @__PURE__ */ p(we, { size: 14 }),
-										onClick: () => Fe(!0),
+										leftSection: /* @__PURE__ */ p(Te, { size: 14 }),
+										onClick: () => Ie(!0),
 										color: "red",
 										children: "Löschen"
 									})
@@ -3283,62 +3665,62 @@ function Cr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 					})(),
 					c.find((e) => e.create) && /* @__PURE__ */ p(v, {
 						onClick: () => Me(!0),
-						disabled: fe,
+						disabled: pe,
 						children: T ?? "Erstellen"
 					}),
 					o
 				]
 			})]
 		}),
-		O && O.length > 0 && /* @__PURE__ */ p(oe, {
-			value: re,
-			onChange: ie,
+		O && O.length > 0 && /* @__PURE__ */ p(se, {
+			value: ie,
+			onChange: ae,
 			mt: "md",
-			children: /* @__PURE__ */ p(oe.List, { children: O.map((e) => /* @__PURE__ */ p(oe.Tab, {
+			children: /* @__PURE__ */ p(se.List, { children: O.map((e) => /* @__PURE__ */ p(se.Tab, {
 				value: e.value,
 				leftSection: e.icon,
 				children: e.label
 			}, e.value)) })
 		}),
-		pe && /* @__PURE__ */ p(g, {
+		me && /* @__PURE__ */ p(g, {
 			mt: "md",
 			variant: "light",
 			color: "red",
 			title: "Es ist ein Fehler aufgetreten.",
-			icon: /* @__PURE__ */ p(ye, {}),
+			icon: /* @__PURE__ */ p(be, {}),
 			children: "Bitte versuche es später erneut oder sende eine Nachricht an unseren Support."
 		}),
-		(fe || me) && /* @__PURE__ */ m(R, {
+		(pe || he) && /* @__PURE__ */ m(L, {
 			my: "md",
-			children: [/* @__PURE__ */ p(L, { height: 40 }), [
+			children: [/* @__PURE__ */ p(I, { height: 40 }), [
 				,
 				,
 				,
 				,
 				,
-			].fill(0).map((e, t) => /* @__PURE__ */ p(L, { height: 35 }, `skeleton-${t}`))]
+			].fill(0).map((e, t) => /* @__PURE__ */ p(I, { height: 35 }, `skeleton-${t}`))]
 		}),
-		!fe && !me && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(_, {
-			...z ? { visibleFrom: "sm" } : {},
-			children: /* @__PURE__ */ p(ur, {
+		!pe && !he && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(_, {
+			...R ? { visibleFrom: "sm" } : {},
+			children: /* @__PURE__ */ p(vr, {
 				my: "md",
 				striped: !0,
 				highlightOnHover: !0,
 				minHeight: 150,
-				fetching: pe,
+				fetching: me,
 				records: U,
-				sortStatus: Se,
-				onSortStatusChange: Te,
+				sortStatus: Ce,
+				onSortStatusChange: Ee,
 				...l && {
 					selectedRecords: W,
 					onSelectedRecordsChange: G
 				},
 				...u && U.length && {
-					totalRecords: Ee.length,
-					recordsPerPage: De,
+					totalRecords: De.length,
+					recordsPerPage: H,
 					onPageChange: Ae,
 					page: ke,
-					recordsPerPageOptions: Sr,
+					recordsPerPageOptions: Ar,
 					onRecordsPerPageChange: Oe,
 					recordsPerPageLabel: "Einträge pro Seite"
 				},
@@ -3349,41 +3731,41 @@ function Cr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 				} },
 				columns: c.map((e) => e.column),
 				noRecordsText: "Keine Einträge gefunden",
-				onRowClick: I,
-				...I && { style: { cursor: "pointer" } }
+				onRowClick: te,
+				...te && { style: { cursor: "pointer" } }
 			})
-		}), z && /* @__PURE__ */ p(_, {
+		}), R && /* @__PURE__ */ p(_, {
 			hiddenFrom: "sm",
-			children: /* @__PURE__ */ p(xr, {
+			children: /* @__PURE__ */ p(kr, {
 				records: U,
 				fields: c,
 				selection: l,
 				selectedRecords: W,
 				onSelectedRecordsChange: G,
-				onRowClick: I,
+				onRowClick: te,
 				sort: {
-					field: String(Se.columnAccessor),
-					direction: Se.direction,
+					field: String(Ce.columnAccessor),
+					direction: Ce.direction,
 					onSortChange: (e, t) => {
-						Te({
+						Ee({
 							columnAccessor: e,
 							direction: t
 						});
 					}
 				},
 				...u && U.length && { pagination: {
-					totalRecords: Ee.length,
-					recordsPerPage: De,
+					totalRecords: De.length,
+					recordsPerPage: H,
 					page: ke,
 					onPageChange: Ae,
-					recordsPerPageOptions: Sr,
+					recordsPerPageOptions: Ar,
 					onRecordsPerPageChange: (e) => {
 						Oe(e), Ae(1);
 					}
 				} },
 				...F && { rowExpansion: { content: F.content } },
-				...Le.length > 0 && {
-					actions: Le,
+				...Re.length > 0 && {
+					actions: Re,
 					canUpdate: N,
 					canDelete: P
 				}
@@ -3392,32 +3774,32 @@ function Cr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 		/* @__PURE__ */ p(A, {
 			opened: Ne,
 			onClose: () => {
-				K(!1), G([]);
+				Pe(!1), G([]);
 			},
 			title: e ?? "Bearbeiten",
-			children: W.length > 0 && /* @__PURE__ */ p(dr, {
+			children: W.length > 0 && /* @__PURE__ */ p(yr, {
 				fields: c.filter((e) => e.update),
 				queryKey: t,
-				apiPath: se,
+				apiPath: ce,
 				id: W[0].id,
 				onClose: () => {
-					K(!1), G([]);
+					Pe(!1), G([]);
 				},
 				steps: x
 			})
 		}),
 		W.length > 0 && /* @__PURE__ */ p(A, {
-			opened: Pe,
+			opened: Fe,
 			onClose: () => {
-				Fe(!1), G([]);
+				Ie(!1), G([]);
 			},
 			title: e ?? "Löschen",
-			children: /* @__PURE__ */ p(fr, {
+			children: /* @__PURE__ */ p(br, {
 				onClose: () => {
-					Fe(!1), G([]);
+					Ie(!1), G([]);
 				},
 				queryKey: t,
-				apiPath: se,
+				apiPath: ce,
 				selectedRecords: W
 			})
 		}),
@@ -3429,7 +3811,7 @@ function Cr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 			title: e ?? "Anlegen",
 			children: /* @__PURE__ */ p(Ht, {
 				queryKey: t,
-				apiPath: se,
+				apiPath: ce,
 				onClose: () => {
 					Me(!1);
 				},
@@ -3441,10 +3823,10 @@ function Cr({ title: e, queryKey: t, connectedQueryKeys: n, apiPath: r, mutation
 }
 //#endregion
 //#region src/DataTable/DataTable.tsx
-function wr(e) {
-	return /* @__PURE__ */ p(Cr, { ...e });
+function Mr(e) {
+	return /* @__PURE__ */ p(jr, { ...e });
 }
 //#endregion
-export { Ht as CreateModal, wr as DataTable, Ot as DataTableProvider, fr as DeleteModal, xr as MobileCardList, dr as UpdateModal, Ft as api, Pt as createOne, Nt as deleteOne, jt as getAll, Mt as getOne, kt as parseApiError, _r as sortData, It as updateOne, zt as useAddOne, Y as useDataTable, Vt as useDeleteOne, Rt as useGetAll, Lt as useGetOne, pr as usePersistentState, Bt as useUpdateOne };
+export { Ht as CreateModal, Mr as DataTable, Ot as DataTableProvider, br as DeleteModal, kr as MobileCardList, yr as UpdateModal, Ft as api, Pt as createOne, Nt as deleteOne, jt as getAll, Mt as getOne, At as parseApiError, Tr as sortData, It as updateOne, zt as useAddOne, kt as useDataTable, Vt as useDeleteOne, Rt as useGetAll, Lt as useGetOne, xr as usePersistentState, Bt as useUpdateOne };
 
 //# sourceMappingURL=index.es.js.map