@espresso-lab/mantine-data-table 1.9.9 → 1.9.10

package/dist/index.es.js

@@ -4578,7 +4578,7 @@ ${new this._window.XMLSerializer().serializeToString(p)}`;
 }
 U2();
 const Oh = hl(void 0);
-function Cx(i) {
+function bx(i) {
   const n = kn.c(9), {
     children: r,
     baseUrl: s,
@@ -4654,7 +4654,7 @@ async function V2(i, n) {
     return r;
   }).then((r) => r.status == 204 ? n : r.json()).then((r) => r);
 }
-async function Sx(i, n, r) {
+async function xx(i, n, r) {
   return fetch(n, {
     method: i,
     headers: await hi(),
@@ -7360,14 +7360,14 @@ function Jw(i) {
     isPending: se
   } = Rh(g, u), ue = oe || se;
   let Z;
-  n[0] !== r ? (Z = new Set(r.filter(ib).map(rb)), n[0] = r, n[1] = Z) : Z = n[1];
+  n[0] !== r ? (Z = new Set(r.filter(rb).map(nb)), n[0] = r, n[1] = Z) : Z = n[1];
   let te;
   n[2] !== Z ? (te = [...Z], n[2] = Z, n[3] = te) : te = n[3];
   const Q = te;
   let G;
-  n[4] !== r ? (G = r.reduce(nb, {}), n[4] = r, n[5] = G) : G = n[5];
+  n[4] !== r ? (G = r.reduce(tb, {}), n[4] = r, n[5] = G) : G = n[5];
   let he;
-  n[6] !== r ? (he = r.filter(tb).reduce(Xw, {}), n[6] = r, n[7] = he) : he = n[7];
+  n[6] !== r ? (he = r.filter(eb).reduce(Xw, {}), n[6] = r, n[7] = he) : he = n[7];
   let fe;
   n[8] !== G || n[9] !== he ? (fe = {
     mode: "uncontrolled",
@@ -7434,26 +7434,23 @@ function Jw(i) {
   ] }), n[44] = p, n[45] = k, n[46] = b) : b = n[46], b;
 }
 function Xw(i, n) {
-  return i[n.id] = eb, i;
+  return i[n.id] = (r, s) => n.conditional && !n.conditional(s) || r ? null : "Pflichtfeld", i;
 }
 function eb(i) {
-  return i ? null : "Pflichtfeld";
-}
-function tb(i) {
   return i.required;
 }
-function nb(i, n) {
+function tb(i, n) {
   return i[n.id] = n.type === "boolean" ? !1 : n.defaultValue ?? "", i;
 }
-function rb(i) {
+function nb(i) {
   return i.step;
 }
-function ib(i) {
+function rb(i) {
   return typeof i.step == "number";
 }
-var [ob, Dl] = Zm("useDataTableColumnsContext must be used within DataTableColumnProvider"), Vf = (i) => {
+var [ib, Dl] = Zm("useDataTableColumnsContext must be used within DataTableColumnProvider"), Vf = (i) => {
   let { children: n, columnsOrder: r, setColumnsOrder: s, columnsToggle: u, setColumnsToggle: g, resetColumnsOrder: m, resetColumnsToggle: h, setColumnWidth: C, setMultipleColumnWidths: A, resetColumnsWidth: R } = i, [N, M] = Xe(""), [L, I] = Xe("");
-  return O.jsx(ob, { value: { sourceColumn: N, setSourceColumn: M, targetColumn: L, setTargetColumn: I, columnsToggle: u, setColumnsToggle: g, swapColumns: () => {
+  return O.jsx(ib, { value: { sourceColumn: N, setSourceColumn: M, targetColumn: L, setTargetColumn: I, columnsToggle: u, setColumnsToggle: g, swapColumns: () => {
     if (!r || !s || !N || !L) return;
     let $ = r.indexOf(N), q = r.indexOf(L);
     if ($ !== -1 && q !== -1) {
@@ -7462,16 +7459,16 @@ var [ob, Dl] = Zm("useDataTableColumnsContext must be used within DataTableColum
     }
   }, resetColumnsOrder: m, resetColumnsToggle: h, setColumnWidth: C, setMultipleColumnWidths: A, resetColumnsWidth: R }, children: n });
 };
-function sb() {
+function ob() {
   return O.jsx("tr", { className: "mantine-datatable-empty-row", children: O.jsx("td", {}) });
 }
-function ab() {
+function sb() {
   return O.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round", children: [O.jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), O.jsx("path", { d: "M12.983 8.978c3.955 -.182 7.017 -1.446 7.017 -2.978c0 -1.657 -3.582 -3 -8 -3c-1.661 0 -3.204 .19 -4.483 .515m-2.783 1.228c-.471 .382 -.734 .808 -.734 1.257c0 1.22 1.944 2.271 4.734 2.74" }), O.jsx("path", { d: "M4 6v6c0 1.657 3.582 3 8 3c.986 0 1.93 -.067 2.802 -.19m3.187 -.82c1.251 -.53 2.011 -1.228 2.011 -1.99v-6" }), O.jsx("path", { d: "M4 12v6c0 1.657 3.582 3 8 3c3.217 0 5.991 -.712 7.261 -1.74m.739 -3.26v-4" }), O.jsx("path", { d: "M3 3l18 18" })] });
 }
-function lb({ icon: i, text: n, active: r, children: s }) {
-  return O.jsx(oi, { className: "mantine-datatable-empty-state", "data-active": r || void 0, children: s || O.jsxs(O.Fragment, { children: [i || O.jsx("div", { className: "mantine-datatable-empty-state-icon", children: O.jsx(ab, {}) }), O.jsx(Gi, { component: "div", size: "sm", c: "dimmed", children: n })] }) });
+function ab({ icon: i, text: n, active: r, children: s }) {
+  return O.jsx(oi, { className: "mantine-datatable-empty-state", "data-active": r || void 0, children: s || O.jsxs(O.Fragment, { children: [i || O.jsx("div", { className: "mantine-datatable-empty-state-icon", children: O.jsx(sb, {}) }), O.jsx(Gi, { component: "div", size: "sm", c: "dimmed", children: n })] }) });
 }
-var ub = ({ key: i, columns: n = [], getInitialValueInEffect: r = !0 }) => {
+var lb = ({ key: i, columns: n = [], getInitialValueInEffect: r = !0 }) => {
   function s(Z, te) {
     let Q = [];
     return Z.forEach((G) => {
@@ -7565,7 +7562,7 @@ function Ka(i, n, r) {
     };
   }
 }
-function cb({ scrollCallbacks: i, withRowBorders: n }) {
+function ub({ scrollCallbacks: i, withRowBorders: n }) {
   let r = { root: yt(null), table: yt(null), scrollViewport: yt(null), header: yt(null), footer: yt(null), selectionColumnHeader: yt(null) }, { root: s, table: u, scrollViewport: g, header: m, footer: h, selectionColumnHeader: C } = r, A = Zf({ withRowBorders: n }), R = Zf(i), N = yt(() => {
   }), M = yt(() => {
   }), L = Fn((I) => {
@@ -7619,13 +7616,13 @@ function cb({ scrollCallbacks: i, withRowBorders: n }) {
     M.current();
   }, [n]), { refs: r, onScroll: L };
 }
-function fb(i) {
+function cb(i) {
   let [n, r] = Xe(null), s = i?.join(":") || "";
   return xt(() => {
     r(null);
   }, [s]), { lastSelectionChangeIndex: n, setLastSelectionChangeIndex: r };
 }
-function hb(i, n) {
+function fb(i, n) {
   let r = () => {
     n(i.map((u) => u.matches));
   }, s = i.map((u) => {
@@ -7639,20 +7636,20 @@ function hb(i, n) {
     s.forEach((u) => u());
   };
 }
-function db(i, n) {
+function hb(i, n) {
   return n || (typeof window < "u" && "matchMedia" in window ? i.map((r) => window.matchMedia(r).matches) : i.map(() => !1));
 }
-function pb(i, n, { getInitialValueInEffect: r } = { getInitialValueInEffect: !0 }) {
-  let [s, u] = Xe(r ? n : db(i, n)), g = yt(null);
+function db(i, n, { getInitialValueInEffect: r } = { getInitialValueInEffect: !0 }) {
+  let [s, u] = Xe(r ? n : hb(i, n)), g = yt(null);
   return xt(() => {
-    if ("matchMedia" in window) return g.current = i.map((m) => window.matchMedia(m)), u(g.current.map((m) => m.matches)), hb(g.current, (m) => {
+    if ("matchMedia" in window) return g.current = i.map((m) => window.matchMedia(m)), u(g.current.map((m) => m.matches)), fb(g.current, (m) => {
       u(m);
     });
   }, [i]), s;
 }
-function gb(i) {
+function pb(i) {
   let n = dh(), r = Lr(() => i.map((u) => (typeof u == "function" ? u(n) : u) ?? ""), [i, n]), s = Lr(() => i.map(() => !0), [i]);
-  return pb(r, s);
+  return db(r, s);
 }
 function xs(i) {
   let n = dh(), r = typeof i == "function" ? i(n) : i;
@@ -7662,7 +7659,7 @@ function Al(i) {
   let n = i.replace(/([a-z\d])([A-Z]+)/g, "$1 $2").replace(/\W|_/g, " ").trim().toLowerCase();
   return `${n.charAt(0).toUpperCase()}${n.slice(1)}`;
 }
-function vb(i, n, r) {
+function gb(i, n, r) {
   return i.filter((s) => !n.map(r).includes(r(s)));
 }
 function Za(i, n) {
@@ -7674,7 +7671,7 @@ function Hh(i, n) {
 function $t(i, n) {
   return typeof n == "string" ? Hh(i, n) : n(i);
 }
-function mb({ rowExpansion: i, records: n, idAccessor: r }) {
+function vb({ rowExpansion: i, records: n, idAccessor: r }) {
   let s = [];
   if (i && n) {
     let { trigger: h, allowMultiple: C, initiallyExpanded: A } = i;
@@ -7691,43 +7688,43 @@ function mb({ rowExpansion: i, records: n, idAccessor: r }) {
     }, collapseRow: M, collapseProps: R, content: ({ record: L, index: I }) => () => N({ record: L, index: I, collapse: () => M(L) }) };
   }
 }
-function yb(i, n) {
+function mb(i, n) {
   let [r, s] = Xe(i), [u, g] = Xe(i), m = Hc(() => s(!0), 0), h = Hc(() => g(!1), n || 200);
   return xt(() => {
     i ? (h.clear(), g(!0), m.start()) : (m.clear(), s(!1), h.start());
   }, [m, h, i]), { expanded: r, visible: u };
 }
-var Ol = "mantine-datatable-nowrap", Rl = "mantine-datatable-ellipsis", li = "mantine-datatable-pointer-cursor", Gh = "mantine-datatable-context-menu-cursor", _b = "mantine-datatable-text-selection-disabled", Cs = "mantine-datatable-text-align-left", Ss = "mantine-datatable-text-align-center", Ds = "mantine-datatable-text-align-right";
-function wb({ className: i, style: n, visibleMediaQuery: r, title: s, noWrap: u, ellipsis: g, textAlign: m, width: h }) {
+var Ol = "mantine-datatable-nowrap", Rl = "mantine-datatable-ellipsis", li = "mantine-datatable-pointer-cursor", Gh = "mantine-datatable-context-menu-cursor", yb = "mantine-datatable-text-selection-disabled", Cs = "mantine-datatable-text-align-left", Ss = "mantine-datatable-text-align-center", Ds = "mantine-datatable-text-align-right";
+function _b({ className: i, style: n, visibleMediaQuery: r, title: s, noWrap: u, ellipsis: g, textAlign: m, width: h }) {
   return xs(r) ? O.jsx(Ji, { className: ft({ [Ol]: u || g, [Rl]: g, [Cs]: m === "left", [Ss]: m === "center", [Ds]: m === "right" }, i), style: [{ width: h, minWidth: h, maxWidth: h }, n], children: s }) : null;
 }
-function bb({ shadowVisible: i }) {
+function wb({ shadowVisible: i }) {
   return O.jsx(Ji, { className: "mantine-datatable-footer-selector-placeholder-cell", "data-shadow-visible": i || void 0 });
 }
-function xb({ className: i, style: n, columns: r, defaultColumnProps: s, selectionVisible: u, selectorCellShadowVisible: g, ref: m }) {
-  return O.jsx(ey, { ref: m, className: ft("mantine-datatable-footer", i), style: n, children: O.jsxs(ai, { children: [u && O.jsx(bb, { shadowVisible: g }), r.map(({ hidden: h, ...C }) => {
+function bb({ className: i, style: n, columns: r, defaultColumnProps: s, selectionVisible: u, selectorCellShadowVisible: g, ref: m }) {
+  return O.jsx(ey, { ref: m, className: ft("mantine-datatable-footer", i), style: n, children: O.jsxs(ai, { children: [u && O.jsx(wb, { shadowVisible: g }), r.map(({ hidden: h, ...C }) => {
     if (h) return null;
     let { accessor: A, visibleMediaQuery: R, textAlign: N, width: M, footer: L, footerClassName: I, footerStyle: $, noWrap: q, ellipsis: oe } = { ...s, ...C };
-    return O.jsx(wb, { className: I, style: $, visibleMediaQuery: R, textAlign: N, width: M, title: L, noWrap: q, ellipsis: oe }, A);
+    return O.jsx(_b, { className: I, style: $, visibleMediaQuery: R, textAlign: N, width: M, title: L, noWrap: q, ellipsis: oe }, A);
   })] }) });
 }
-function Cb({ group: { id: i, columns: n, title: r, textAlign: s, className: u, style: g } }) {
-  let m = Lr(() => n.map(({ visibleMediaQuery: A }) => A), [n]), h = gb(m), C = Lr(() => n.filter(({ hidden: A }, R) => !A && h?.[R]).length, [n, h]);
+function xb({ group: { id: i, columns: n, title: r, textAlign: s, className: u, style: g } }) {
+  let m = Lr(() => n.map(({ visibleMediaQuery: A }) => A), [n]), h = pb(m), C = Lr(() => n.filter(({ hidden: A }, R) => !A && h?.[R]).length, [n, h]);
   return C > 0 ? O.jsx(Ji, { colSpan: C, className: ft("mantine-datatable-column-group-header-cell", { [Cs]: s === "left", [Ss]: s === "center", [Ds]: s === "right" }, u), style: g, children: r ?? Al(i) }) : null;
 }
-function Sb() {
+function Cb() {
   return O.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round", children: [O.jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), O.jsx("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 Db() {
+function Sb() {
   return O.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round", children: [O.jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), O.jsx("path", { d: "M20 3h-16a1 1 0 0 0 -1 1v2.227l.008 .223a3 3 0 0 0 .772 1.795l4.22 4.641v8.114a1 1 0 0 0 1.316 .949l6 -2l.108 -.043a1 1 0 0 0 .576 -.906v-6.586l4.121 -4.12a3 3 0 0 0 .879 -2.123v-2.171a1 1 0 0 0 -1 -1z", strokeWidth: "0", fill: "currentColor" })] });
 }
-function Ab({ children: i, isActive: n, filterPopoverProps: r, filterPopoverDisableClickOutside: s }) {
-  let [u, { close: g, toggle: m }] = yy(!1), h = n ? Db : Sb, C = vh(g);
+function Db({ children: i, isActive: n, filterPopoverProps: r, filterPopoverDisableClickOutside: s }) {
+  let [u, { close: g, toggle: m }] = yy(!1), h = n ? Sb : Cb, C = vh(g);
   return s && (C = void 0), O.jsxs(qi, { withArrow: !0, shadow: "md", opened: u, onClose: g, trapFocus: !0, ...r, children: [O.jsx(fh, { children: O.jsx(Xo, { className: "mantine-datatable-header-cell-filter-action-icon", "data-active": n || void 0, size: "sm", variant: "default", onClick: (A) => {
     A.preventDefault(), m();
   }, onKeyDown: (A) => A.stopPropagation(), children: O.jsx(h, {}) }) }), O.jsx(hh, { ref: C, onClick: (A) => A.stopPropagation(), onKeyDown: (A) => A.stopPropagation(), children: typeof i == "function" ? i({ close: g }) : i })] });
 }
-var Ob = (i) => {
+var Ab = (i) => {
   let { accessor: n, columnRef: r } = i, [s, u] = Xe(!1), g = yt(0), m = yt({ current: 0, next: 0 }), { setMultipleColumnWidths: h } = Dl(), C = Fn((R) => {
     if (R.preventDefault(), R.stopPropagation(), !r.current) return;
     let N = r.current, M = N.nextElementSibling;
@@ -7779,19 +7776,19 @@ var Ob = (i) => {
   }, [n, h]);
   return O.jsx("div", { className: "mantine-datatable-header-resizable-handle", style: { cursor: s ? "col-resize" : void 0 }, onMouseDown: C, onDoubleClick: A, onClick: (R) => R.stopPropagation(), title: "Drag to resize column, double-click to reset" });
 };
-function Rb() {
+function Ob() {
   return O.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round", children: [O.jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), O.jsx("path", { d: "M12 5l0 14" }), O.jsx("path", { d: "M16 9l-4 -4" }), O.jsx("path", { d: "M8 9l4 -4" })] });
 }
-function Eb() {
+function Rb() {
   return O.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round", children: [O.jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), O.jsx("path", { d: "M8 7l4 -4l4 4" }), O.jsx("path", { d: "M8 17l4 4l4 -4" }), O.jsx("path", { d: "M12 3l0 18" })] });
 }
-function Pb() {
+function Eb() {
   return O.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round", children: [O.jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), O.jsx("path", { d: "M9 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }), O.jsx("path", { d: "M9 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }), O.jsx("path", { d: "M9 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }), O.jsx("path", { d: "M15 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }), O.jsx("path", { d: "M15 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }), O.jsx("path", { d: "M15 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" })] });
 }
-function Tb() {
+function Pb() {
   return O.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round", children: [O.jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), O.jsx("path", { d: "M18 6l-12 12" }), O.jsx("path", { d: "M6 6l12 12" })] });
 }
-function Mb({ className: i, style: n, accessor: r, visibleMediaQuery: s, title: u, sortable: g, draggable: m, toggleable: h, resizable: C, sortIcons: A, textAlign: R, width: N, sortStatus: M, onSortStatusChange: L, filter: I, filterPopoverProps: $, filterPopoverDisableClickOutside: q, filtering: oe, sortKey: ae }) {
+function Tb({ className: i, style: n, accessor: r, visibleMediaQuery: s, title: u, sortable: g, draggable: m, toggleable: h, resizable: C, sortIcons: A, textAlign: R, width: N, sortStatus: M, onSortStatusChange: L, filter: I, filterPopoverProps: $, filterPopoverDisableClickOutside: q, filtering: oe, sortKey: ae }) {
   let { setSourceColumn: se, setTargetColumn: ue, swapColumns: Z, setColumnsToggle: te } = Dl(), [Q, G] = Xe(!1), he = yt(null);
   if (!xs(s)) return null;
   let fe = u ?? Al(r), ne = typeof fe == "string" ? fe : void 0, Se = g && L ? (b) => {
@@ -7811,80 +7808,80 @@ function Mb({ className: i, style: n, accessor: r, visibleMediaQuery: s, title:
   };
   return O.jsxs(Ji, { "data-accessor": r, className: ft({ "mantine-datatable-header-cell-sortable": g, "mantine-datatable-header-cell-toggleable": h, "mantine-datatable-header-cell-resizable": C }, i), style: [{ width: N, ...C ? { minWidth: "1px" } : { minWidth: N, maxWidth: N } }, n], role: g ? "button" : void 0, tabIndex: g ? 0 : void 0, onClick: Se, onKeyDown: (b) => b.key === "Enter" && Se?.(), ref: he, children: [O.jsxs(nr, { className: "mantine-datatable-header-cell-sortable-group", justify: "space-between", wrap: "nowrap", children: [O.jsxs(iy, { align: "center", w: "100%", className: ft({ "mantine-datatable-header-cell-draggable": m, "mantine-datatable-header-cell-drag-over": Q }), draggable: m, onDragStart: m ? De : void 0, onDragEnter: m ? S : void 0, onDragOver: m ? k : void 0, onDrop: m ? E : void 0, onDragLeave: m ? d : void 0, children: [m ? O.jsx(oi, { role: "img", "aria-label": "Drag column", children: O.jsx(Xo, { className: "mantine-datatable-header-cell-draggable-action-icon", variant: "subtle", size: "xs", onClick: (b) => {
     b.stopPropagation();
-  }, children: O.jsx(Pb, {}) }) }) : null, O.jsx(Bt, { className: ft("mantine-datatable-header-cell-sortable-text", { [Cs]: R === "left", [Ss]: R === "center", [Ds]: R === "right" }, Ol, Rl), title: ne, children: fe })] }), h ? O.jsx(oi, { className: "mantine-datatable-header-cell-toggleable-icon", role: "img", "aria-label": "Toggle column", children: O.jsx(Xo, { size: "xs", variant: "light", onClick: p, children: O.jsx(Tb, {}) }) }) : null, g || M?.columnAccessor === r ? O.jsx(O.Fragment, { children: M?.columnAccessor === r ? O.jsx(oi, { className: ft("mantine-datatable-header-cell-sortable-icon", { "mantine-datatable-header-cell-sortable-icon-reversed": M.direction === "desc" }), role: "img", "aria-label": `Sorted ${M.direction === "desc" ? "descending" : "ascending"}`, children: A?.sorted || O.jsx(Rb, {}) }) : O.jsx(oi, { className: "mantine-datatable-header-cell-sortable-unsorted-icon", role: "img", "aria-label": "Not sorted", children: A?.unsorted || O.jsx(Eb, {}) }) }) : null, I ? O.jsx(Ab, { filterPopoverProps: $, isActive: !!oe, filterPopoverDisableClickOutside: q, children: I }) : null] }), C && r !== "__selection__" ? O.jsx(Ob, { accessor: r, columnRef: he }) : null] });
+  }, children: O.jsx(Eb, {}) }) }) : null, O.jsx(Bt, { className: ft("mantine-datatable-header-cell-sortable-text", { [Cs]: R === "left", [Ss]: R === "center", [Ds]: R === "right" }, Ol, Rl), title: ne, children: fe })] }), h ? O.jsx(oi, { className: "mantine-datatable-header-cell-toggleable-icon", role: "img", "aria-label": "Toggle column", children: O.jsx(Xo, { size: "xs", variant: "light", onClick: p, children: O.jsx(Pb, {}) }) }) : null, g || M?.columnAccessor === r ? O.jsx(O.Fragment, { children: M?.columnAccessor === r ? O.jsx(oi, { className: ft("mantine-datatable-header-cell-sortable-icon", { "mantine-datatable-header-cell-sortable-icon-reversed": M.direction === "desc" }), role: "img", "aria-label": `Sorted ${M.direction === "desc" ? "descending" : "ascending"}`, children: A?.sorted || O.jsx(Ob, {}) }) : O.jsx(oi, { className: "mantine-datatable-header-cell-sortable-unsorted-icon", role: "img", "aria-label": "Not sorted", children: A?.unsorted || O.jsx(Rb, {}) }) }) : null, I ? O.jsx(Db, { filterPopoverProps: $, isActive: !!oe, filterPopoverDisableClickOutside: q, children: I }) : null] }), C && r !== "__selection__" ? O.jsx(Ab, { accessor: r, columnRef: he }) : null] });
 }
-function kb({ className: i, style: n, trigger: r, shadowVisible: s, checked: u, indeterminate: g, checkboxProps: m, onChange: h, rowSpan: C, ref: A }) {
+function Mb({ className: i, style: n, trigger: r, shadowVisible: s, checked: u, indeterminate: g, checkboxProps: m, onChange: h, rowSpan: C, ref: A }) {
   let R = !m.disabled;
   return O.jsx(Ji, { ref: A, className: ft("mantine-datatable-header-selector-cell", { [li]: r === "cell" && R }, i), style: n, rowSpan: C, "data-shadow-visible": s || void 0, "data-accessor": "__selection__", onClick: r === "cell" && R ? h : void 0, children: O.jsx(Qi, { classNames: R ? { input: li } : void 0, checked: u, indeterminate: g, onChange: h, ...m, disabled: !(h || m.onChange) || m.disabled }) });
 }
-function Lb({ selectionColumnHeaderRef: i, className: n, style: r, sortStatus: s, sortIcons: u, onSortStatusChange: g, columns: m, defaultColumnProps: h, groups: C, selectionTrigger: A, selectionVisible: R, selectionChecked: N, selectionIndeterminate: M, onSelectionChange: L, selectionCheckboxProps: I, selectorCellShadowVisible: $, selectionColumnClassName: q, selectionColumnStyle: oe, ref: ae }) {
-  let se = R ? O.jsx(kb, { ref: i, className: q, style: oe, trigger: A, shadowVisible: $, checked: N, indeterminate: M, checkboxProps: I, onChange: L, rowSpan: C ? 2 : void 0 }) : null, { columnsToggle: ue, setColumnsToggle: Z } = Dl(), [te, Q] = Xe(!1), G = m.some((ne) => ne.toggleable), he = G ? Object.fromEntries(m.map(({ accessor: ne, title: Se }) => [ne, Se ?? Al(String(ne))])) : void 0, fe = O.jsxs(Xm, { className: ft("mantine-datatable-header", n), style: r, ref: ae, onContextMenu: G ? (ne) => {
+function kb({ selectionColumnHeaderRef: i, className: n, style: r, sortStatus: s, sortIcons: u, onSortStatusChange: g, columns: m, defaultColumnProps: h, groups: C, selectionTrigger: A, selectionVisible: R, selectionChecked: N, selectionIndeterminate: M, onSelectionChange: L, selectionCheckboxProps: I, selectorCellShadowVisible: $, selectionColumnClassName: q, selectionColumnStyle: oe, ref: ae }) {
+  let se = R ? O.jsx(Mb, { ref: i, className: q, style: oe, trigger: A, shadowVisible: $, checked: N, indeterminate: M, checkboxProps: I, onChange: L, rowSpan: C ? 2 : void 0 }) : null, { columnsToggle: ue, setColumnsToggle: Z } = Dl(), [te, Q] = Xe(!1), G = m.some((ne) => ne.toggleable), he = G ? Object.fromEntries(m.map(({ accessor: ne, title: Se }) => [ne, Se ?? Al(String(ne))])) : void 0, fe = O.jsxs(Xm, { className: ft("mantine-datatable-header", n), style: r, ref: ae, onContextMenu: G ? (ne) => {
     ne.preventDefault(), Q((Se) => !Se);
-  } : void 0, children: [C && O.jsxs(ai, { children: [se, C.map((ne) => O.jsx(Cb, { group: ne }, ne.id))] }), O.jsxs(ai, { children: [!C && se, m.map(({ hidden: ne, ...Se }, De) => {
+  } : void 0, children: [C && O.jsxs(ai, { children: [se, C.map((ne) => O.jsx(xb, { group: ne }, ne.id))] }), O.jsxs(ai, { children: [!C && se, m.map(({ hidden: ne, ...Se }, De) => {
     if (ne) return null;
     let { accessor: k, visibleMediaQuery: E, textAlign: S, width: d, title: p, sortable: b, draggable: f, toggleable: v, resizable: D, titleClassName: Y, titleStyle: H, filter: ie, filterPopoverProps: le, filterPopoverDisableClickOutside: ye, filtering: J, sortKey: _e } = { ...h, ...Se };
-    return O.jsx(Mb, { accessor: k, className: Y, style: H, visibleMediaQuery: E, textAlign: S, width: d, title: p, sortable: b, draggable: f, toggleable: v, resizable: D && De < m.length - 1, sortStatus: s, sortIcons: u, sortKey: _e, onSortStatusChange: g, filter: ie, filterPopoverProps: le, filterPopoverDisableClickOutside: ye, filtering: J }, k);
+    return O.jsx(Tb, { accessor: k, className: Y, style: H, visibleMediaQuery: E, textAlign: S, width: d, title: p, sortable: b, draggable: f, toggleable: v, resizable: D && De < m.length - 1, sortStatus: s, sortIcons: u, sortKey: _e, onSortStatusChange: g, filter: ie, filterPopoverProps: le, filterPopoverDisableClickOutside: ye, filtering: J }, k);
   })] })] });
   return G ? O.jsxs(qi, { position: "bottom", withArrow: !0, shadow: "md", opened: te, onChange: Q, children: [O.jsx(fh, { children: fe }), O.jsx(hh, { children: O.jsx(dl, { children: ue.filter((ne) => ne.toggleable).map((ne) => O.jsx(nr, { children: O.jsx(Qi, { classNames: { label: "mantine-datatable-header-column-toggle-checkbox-label" }, size: "xs", label: he[ne.accessor], checked: ne.toggled, onChange: (Se) => {
     Z(ue.map((De) => De.accessor === ne.accessor ? { ...De, toggled: Se.currentTarget.checked } : De));
   } }) }, ne.accessor)) }) })] }) : fe;
 }
-function Nb({ fetching: i, customContent: n, backgroundBlur: r, size: s, type: u, color: g }) {
+function Lb({ fetching: i, customContent: n, backgroundBlur: r, size: s, type: u, color: g }) {
   return O.jsx(oi, { className: ft("mantine-datatable-loader", { "mantine-datatable-loader-fetching": i }), style: [{ backdropFilter: r ? `blur(${r}px)` : void 0 }], children: i && (n || O.jsx(ny, { size: s, type: u, color: g })) });
 }
 function mt(i, n, r) {
   return i ? ry({ color: typeof i == "object" ? i[r] : i, theme: n }).value : void 0;
 }
-function Ib({ theme: i, c: n, backgroundColor: r, borderColor: s, rowBorderColor: u, stripedColor: g, highlightOnHoverColor: m }) {
+function Nb({ theme: i, c: n, backgroundColor: r, borderColor: s, rowBorderColor: u, stripedColor: g, highlightOnHoverColor: m }) {
   return { "--mantine-datatable-color-light": mt(n, i, "light"), "--mantine-datatable-color-dark": mt(n, i, "dark"), "--mantine-datatable-background-color-light": mt(r, i, "light"), "--mantine-datatable-background-color-dark": mt(r, i, "dark"), "--mantine-datatable-border-color-light": mt(s, i, "light"), "--mantine-datatable-border-color-dark": mt(s, i, "dark"), "--mantine-datatable-row-border-color-light": mt(u, i, "light"), "--mantine-datatable-row-border-color-dark": mt(u, i, "dark"), "--mantine-datatable-striped-color-light": mt(g, i, "light"), "--mantine-datatable-striped-color-dark": mt(g, i, "dark"), "--mantine-datatable-highlight-on-hover-color-light": mt(m, i, "light"), "--mantine-datatable-highlight-on-hover-color-dark": mt(m, i, "dark") };
 }
 function Vh({ theme: i, paginationActiveTextColor: n, paginationActiveBackgroundColor: r }) {
   return { "--mantine-datatable-pagination-active-text-color-light": mt(n, i, "light"), "--mantine-datatable-pagination-active-text-color-dark": mt(n, i, "dark"), "--mantine-datatable-pagination-active-background-color-light": mt(r, i, "light"), "--mantine-datatable-pagination-active-background-color-dark": mt(r, i, "dark") };
 }
-function $b({ theme: i, color: n, backgroundColor: r }) {
+function Ib({ theme: i, color: n, backgroundColor: r }) {
   return { "--mantine-datatable-row-color-light": mt(n, i, "light"), "--mantine-datatable-row-color-dark": mt(n, i, "dark"), "--mantine-datatable-row-background-color-light": mt(r, i, "light"), "--mantine-datatable-row-background-color-dark": mt(r, i, "dark") };
 }
-function jb() {
+function $b() {
   return O.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round", children: [O.jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), O.jsx("path", { d: "M8 9l4 -4l4 4" }), O.jsx("path", { d: "M16 15l-4 4l-4 -4" })] });
 }
 var th = { xs: kr(22), sm: kr(26), md: kr(32), lg: kr(38), xl: kr(44) };
-function Bb({ size: i, label: n, values: r, value: s, activeTextColor: u, activeBackgroundColor: g, onChange: m }) {
-  return O.jsxs(nr, { gap: "xs", children: [O.jsx(Gi, { component: "div", size: i, children: n }), O.jsxs(Mr, { withinPortal: !0, withArrow: !0, offset: 2, classNames: { arrow: "mantine-datatable-page-size-selector-menu-arrow" }, children: [O.jsx(sy, { children: O.jsx(rr, { size: i, variant: "default", classNames: { section: "mantine-datatable-page-size-selector-button-icon" }, rightSection: O.jsx(jb, {}), style: [{ fontWeight: "normal" }, (h) => ({ height: th[i], paddingLeft: h.spacing[i], paddingRight: h.spacing[i] })], children: s }) }), O.jsx(ay, { children: r.map((h) => {
+function jb({ size: i, label: n, values: r, value: s, activeTextColor: u, activeBackgroundColor: g, onChange: m }) {
+  return O.jsxs(nr, { gap: "xs", children: [O.jsx(Gi, { component: "div", size: i, children: n }), O.jsxs(Mr, { withinPortal: !0, withArrow: !0, offset: 2, classNames: { arrow: "mantine-datatable-page-size-selector-menu-arrow" }, children: [O.jsx(sy, { children: O.jsx(rr, { size: i, variant: "default", classNames: { section: "mantine-datatable-page-size-selector-button-icon" }, rightSection: O.jsx($b, {}), style: [{ fontWeight: "normal" }, (h) => ({ height: th[i], paddingLeft: h.spacing[i], paddingRight: h.spacing[i] })], children: s }) }), O.jsx(ay, { children: r.map((h) => {
     let C = h === s;
     return O.jsx(ly, { className: ft({ "mantine-datatable-page-size-selector-active": C }), style: [{ height: th[i] }, C && (u || g) ? (A) => Vh({ theme: A, paginationActiveTextColor: u, paginationActiveBackgroundColor: g }) : void 0], disabled: C, onClick: () => m(h), children: O.jsx(Gi, { component: "div", size: i, children: h }) }, h);
   }) })] })] });
 }
-function Yb({ className: i, style: n, fetching: r, page: s, onPageChange: u, paginationWithEdges: g, paginationWithControls: m, paginationActiveTextColor: h, paginationActiveBackgroundColor: C, paginationSize: A, loadingText: R, noRecordsText: N, paginationText: M, totalRecords: L, recordsPerPage: I, onRecordsPerPageChange: $, recordsPerPageLabel: q, recordsPerPageOptions: oe, recordsLength: ae, horizontalSpacing: se, paginationWrapBreakpoint: ue, getPaginationControlProps: Z }) {
+function Bb({ className: i, style: n, fetching: r, page: s, onPageChange: u, paginationWithEdges: g, paginationWithControls: m, paginationActiveTextColor: h, paginationActiveBackgroundColor: C, paginationSize: A, loadingText: R, noRecordsText: N, paginationText: M, totalRecords: L, recordsPerPage: I, onRecordsPerPageChange: $, recordsPerPageLabel: q, recordsPerPageOptions: oe, recordsLength: ae, horizontalSpacing: se, paginationWrapBreakpoint: ue, getPaginationControlProps: Z }) {
   let te;
   if (L) {
     let G = (s - 1) * I + 1, he = G + (ae || 0) - 1;
     te = M({ from: G, to: he, totalRecords: L });
   } else te = r ? R : N;
   let Q = xs(({ breakpoints: G }) => `(min-width: ${typeof ue == "number" ? `${kr(ue)}rem` : G[ue] || ue})`);
-  return O.jsxs(Bt, { px: se ?? "xs", py: "xs", className: ft("mantine-datatable-pagination", i), style: [{ flexDirection: Q ? "row" : "column" }, n], children: [O.jsx(Gi, { component: "div", className: "mantine-datatable-pagination-text", size: A, children: te }), oe && O.jsx(Bb, { activeTextColor: h, activeBackgroundColor: C, size: A, label: q, values: oe, value: I, onChange: $ }), O.jsx(ty, { classNames: { root: ft("mantine-datatable-pagination-pages", { "mantine-datatable-pagination-pages-fetching": r || !ae }), control: "mantine-datatable-pagination-pages-control" }, style: h || C ? (G) => Vh({ theme: G, paginationActiveTextColor: h, paginationActiveBackgroundColor: C }) : void 0, withEdges: g, withControls: m, value: s, onChange: u, size: A, total: Math.ceil(L / I), getControlProps: Z })] });
+  return O.jsxs(Bt, { px: se ?? "xs", py: "xs", className: ft("mantine-datatable-pagination", i), style: [{ flexDirection: Q ? "row" : "column" }, n], children: [O.jsx(Gi, { component: "div", className: "mantine-datatable-pagination-text", size: A, children: te }), oe && O.jsx(jb, { activeTextColor: h, activeBackgroundColor: C, size: A, label: q, values: oe, value: I, onChange: $ }), O.jsx(ty, { classNames: { root: ft("mantine-datatable-pagination-pages", { "mantine-datatable-pagination-pages-fetching": r || !ae }), control: "mantine-datatable-pagination-pages-control" }, style: h || C ? (G) => Vh({ theme: G, paginationActiveTextColor: h, paginationActiveBackgroundColor: C }) : void 0, withEdges: g, withControls: m, value: s, onChange: u, size: A, total: Math.ceil(L / I), getControlProps: Z })] });
 }
-function Wb({ className: i, style: n, visibleMediaQuery: r, record: s, index: u, onClick: g, onDoubleClick: m, onContextMenu: h, noWrap: C, ellipsis: A, textAlign: R, width: N, accessor: M, render: L, defaultRender: I, customCellAttributes: $ }) {
+function Yb({ className: i, style: n, visibleMediaQuery: r, record: s, index: u, onClick: g, onDoubleClick: m, onContextMenu: h, noWrap: C, ellipsis: A, textAlign: R, width: N, accessor: M, render: L, defaultRender: I, customCellAttributes: $ }) {
   return xs(r) ? O.jsx(pl, { className: ft({ [Ol]: C || A, [Rl]: A, [li]: g || m, [Gh]: h, [Cs]: R === "left", [Ss]: R === "center", [Ds]: R === "right" }, i), style: [{ width: N, minWidth: N, maxWidth: N }, n], onClick: g, onDoubleClick: m, onContextMenu: h, ...$?.(s, u), children: L ? L(s, u) : I ? I(s, u, M) : Hh(s, M) }) : null;
 }
-function Fb({ open: i, colSpan: n, content: r, collapseProps: s }) {
-  let { expanded: u, visible: g } = yb(i, s?.transitionDuration);
+function Wb({ open: i, colSpan: n, content: r, collapseProps: s }) {
+  let { expanded: u, visible: g } = mb(i, s?.transitionDuration);
   return g ? O.jsxs(O.Fragment, { children: [O.jsx(ai, {}), O.jsx(ai, { children: O.jsx(pl, { className: "mantine-datatable-row-expansion-cell", colSpan: n, children: O.jsx(oy, { in: u, ...s, children: O.jsx("div", { className: "mantine-datatable-row-expansion-cell-content", children: r() }) }) }) })] }) : null;
 }
-function Ub({ className: i, style: n, record: r, index: s, trigger: u, onChange: g, withRightShadow: m, checkboxProps: h, getCheckboxProps: C, ...A }) {
+function Fb({ className: i, style: n, record: r, index: s, trigger: u, onChange: g, withRightShadow: m, checkboxProps: h, getCheckboxProps: C, ...A }) {
   let R = { ...h, ...C(r, s) }, N = !A.disabled && !R.disabled, M = (L) => {
     L.stopPropagation(), u === "cell" && N && g?.(L);
   };
   return O.jsx(pl, { className: ft("mantine-datatable-row-selector-cell", { [li]: u === "cell" && N }, i), style: n, "data-shadow-visible": m || void 0, onClick: M, children: O.jsx(Qi, { classNames: N ? { input: li } : void 0, onChange: g, ...A, ...R }) });
 }
-function zb({ record: i, index: n, columns: r, defaultColumnProps: s, defaultColumnRender: u, selectionTrigger: g, selectionVisible: m, selectionChecked: h, onSelectionChange: C, isRecordSelectable: A, selectionCheckboxProps: R, getSelectionCheckboxProps: N, onClick: M, onDoubleClick: L, onContextMenu: I, onCellClick: $, onCellDoubleClick: q, onCellContextMenu: oe, expansion: ae, customAttributes: se, color: ue, backgroundColor: Z, className: te, style: Q, selectorCellShadowVisible: G, selectionColumnClassName: he, selectionColumnStyle: fe, rowFactory: ne }) {
-  let Se = O.jsxs(O.Fragment, { children: [m && O.jsx(Ub, { className: he, style: fe, record: i, index: n, trigger: g, withRightShadow: G, checked: h, disabled: !C || (A ? !A(i, n) : !1), onChange: C, checkboxProps: R, getCheckboxProps: N }), r.map(({ hidden: E, hiddenContent: S, ...d }, p) => {
+function Ub({ record: i, index: n, columns: r, defaultColumnProps: s, defaultColumnRender: u, selectionTrigger: g, selectionVisible: m, selectionChecked: h, onSelectionChange: C, isRecordSelectable: A, selectionCheckboxProps: R, getSelectionCheckboxProps: N, onClick: M, onDoubleClick: L, onContextMenu: I, onCellClick: $, onCellDoubleClick: q, onCellContextMenu: oe, expansion: ae, customAttributes: se, color: ue, backgroundColor: Z, className: te, style: Q, selectorCellShadowVisible: G, selectionColumnClassName: he, selectionColumnStyle: fe, rowFactory: ne }) {
+  let Se = O.jsxs(O.Fragment, { children: [m && O.jsx(Fb, { className: he, style: fe, record: i, index: n, trigger: g, withRightShadow: G, checked: h, disabled: !C || (A ? !A(i, n) : !1), onChange: C, checkboxProps: R, getCheckboxProps: N }), r.map(({ hidden: E, hiddenContent: S, ...d }, p) => {
     if (E || S) return null;
     let { accessor: b, visibleMediaQuery: f, textAlign: v, noWrap: D, ellipsis: Y, width: H, render: ie, cellsClassName: le, cellsStyle: ye, customCellAttributes: J } = { ...s, ...d };
-    return O.jsx(Wb, { className: typeof le == "function" ? le(i, n) : le, style: ye?.(i, n), visibleMediaQuery: f, record: i, index: n, onClick: $ ? (_e) => $({ event: _e, record: i, index: n, column: d, columnIndex: p }) : void 0, onDoubleClick: q ? (_e) => q({ event: _e, record: i, index: n, column: d, columnIndex: p }) : void 0, onContextMenu: oe ? (_e) => oe({ event: _e, record: i, index: n, column: d, columnIndex: p }) : void 0, accessor: b, textAlign: v, noWrap: D, ellipsis: Y, width: H, render: ie, defaultRender: u, customCellAttributes: J }, b);
-  })] }), De = ae && O.jsx(Fb, { colSpan: r.filter(({ hidden: E }) => !E).length + (m ? 1 : 0), open: ae.isRowExpanded(i), content: ae.content({ record: i, index: n }), collapseProps: ae.collapseProps }), k = qb({ record: i, index: n, selectionChecked: h, onClick: M, onDoubleClick: L, onContextMenu: I, expansion: ae, customAttributes: se, color: ue, backgroundColor: Z, className: te, style: Q });
+    return O.jsx(Yb, { className: typeof le == "function" ? le(i, n) : le, style: ye?.(i, n), visibleMediaQuery: f, record: i, index: n, onClick: $ ? (_e) => $({ event: _e, record: i, index: n, column: d, columnIndex: p }) : void 0, onDoubleClick: q ? (_e) => q({ event: _e, record: i, index: n, column: d, columnIndex: p }) : void 0, onContextMenu: oe ? (_e) => oe({ event: _e, record: i, index: n, column: d, columnIndex: p }) : void 0, accessor: b, textAlign: v, noWrap: D, ellipsis: Y, width: H, render: ie, defaultRender: u, customCellAttributes: J }, b);
+  })] }), De = ae && O.jsx(Wb, { colSpan: r.filter(({ hidden: E }) => !E).length + (m ? 1 : 0), open: ae.isRowExpanded(i), content: ae.content({ record: i, index: n }), collapseProps: ae.collapseProps }), k = zb({ record: i, index: n, selectionChecked: h, onClick: M, onDoubleClick: L, onContextMenu: I, expansion: ae, customAttributes: se, color: ue, backgroundColor: Z, className: te, style: Q });
   return ne ? ne({ record: i, index: n, rowProps: k, children: Se, expandedElement: De }) : O.jsxs(O.Fragment, { children: [O.jsx(ai, { ...k, children: Se }), De] });
 }
-function qb({ record: i, index: n, selectionChecked: r, onClick: s, onDoubleClick: u, onContextMenu: g, expansion: m, customAttributes: h, color: C, backgroundColor: A, className: R, style: N }) {
+function zb({ record: i, index: n, selectionChecked: r, onClick: s, onDoubleClick: u, onContextMenu: g, expansion: m, customAttributes: h, color: C, backgroundColor: A, className: R, style: N }) {
   return { className: ft("mantine-datatable-row", { [li]: s || u || m?.isExpandable({ record: i, index: n }) && m?.expandOnClick }, { [Gh]: g }, typeof R == "function" ? R(i, n) : R), "data-selected": r || void 0, onClick: (M) => {
     if (m) {
       let { isExpandable: L, isRowExpanded: I, expandOnClick: $, expandRow: q, collapseRow: oe } = m;
@@ -7893,28 +7890,28 @@ function qb({ record: i, index: n, selectionChecked: r, onClick: s, onDoubleClic
     s?.({ event: M, record: i, index: n });
   }, onDoubleClick: u ? (M) => u({ event: M, record: i, index: n }) : void 0, onContextMenu: g ? (M) => g({ event: M, record: i, index: n }) : void 0, style: [C || A ? (M) => {
     let L = C?.(i, n), I = A?.(i, n);
-    return $b({ theme: M, color: L, backgroundColor: I });
+    return Ib({ theme: M, color: L, backgroundColor: I });
   } : void 0, N?.(i, n)], ...h?.(i, n) ?? {} };
 }
-function Hb({ leftShadowBehind: i, rightShadowBehind: n, onScrollPositionChange: r, children: s, viewportRef: u, scrollAreaProps: g }) {
+function qb({ leftShadowBehind: i, rightShadowBehind: n, onScrollPositionChange: r, children: s, viewportRef: u, scrollAreaProps: g }) {
   return O.jsxs(Jm, { ...g, viewportRef: u, classNames: { root: "mantine-datatable-scroll-area", scrollbar: "mantine-datatable-scroll-area-scrollbar", thumb: "mantine-datatable-scroll-area-thumb", corner: "mantine-datatable-scroll-area-corner" }, onScrollPositionChange: r, children: [s, O.jsx(Bt, { className: ft("mantine-datatable-scroll-area-shadow", "mantine-datatable-scroll-area-top-shadow") }), O.jsx("div", { className: ft("mantine-datatable-scroll-area-shadow", "mantine-datatable-scroll-area-left-shadow", { "mantine-datatable-scroll-area-shadow-behind": i }) }), O.jsx("div", { className: ft("mantine-datatable-scroll-area-shadow", "mantine-datatable-scroll-area-right-shadow", { "mantine-datatable-scroll-area-shadow-behind": n }) }), O.jsx(Bt, { className: ft("mantine-datatable-scroll-area-shadow", "mantine-datatable-scroll-area-bottom-shadow") })] });
 }
-function Gb({ withTableBorder: i, borderRadius: n, textSelectionDisabled: r, height: s = "100%", minHeight: u, maxHeight: g, shadow: m, verticalAlign: h = "center", fetching: C, columns: A, storeColumnsKey: R, groups: N, pinFirstColumn: M, pinLastColumn: L, defaultColumnProps: I, defaultColumnRender: $, idAccessor: q = "id", records: oe, selectionTrigger: ae = "checkbox", selectedRecords: se, onSelectedRecordsChange: ue, selectionColumnClassName: Z, selectionColumnStyle: te, isRecordSelectable: Q, selectionCheckboxProps: G, allRecordsSelectionCheckboxProps: he = { "aria-label": "Select all records" }, getRecordSelectionCheckboxProps: fe = (vt, Ve) => ({ "aria-label": `Select record ${Ve + 1}` }), sortStatus: ne, sortIcons: Se, onSortStatusChange: De, horizontalSpacing: k, page: E, onPageChange: S, totalRecords: d, recordsPerPage: p, onRecordsPerPageChange: b, recordsPerPageOptions: f, recordsPerPageLabel: v = "Records per page", paginationWithEdges: D, paginationWithControls: Y, paginationActiveTextColor: H, paginationActiveBackgroundColor: ie, paginationSize: le = "sm", paginationText: ye = ({ from: vt, to: Ve, totalRecords: lt }) => `${vt} - ${Ve} / ${lt}`, paginationWrapBreakpoint: J = "sm", getPaginationControlProps: _e = (vt) => vt === "previous" ? { "aria-label": "Previous page" } : vt === "next" ? { "aria-label": "Next page" } : {}, loaderBackgroundBlur: me, customLoader: ge, loaderSize: j, loaderType: K, loaderColor: W, loadingText: V = "...", emptyState: X, noRecordsText: xe = "No records", noRecordsIcon: l, highlightOnHover: c, striped: _, noHeader: T, onRowClick: F, onRowDoubleClick: ee, onRowContextMenu: Ce, onCellClick: be, onCellDoubleClick: Re, onCellContextMenu: ve, onScroll: Pe, onScrollToTop: Le, onScrollToBottom: Te, onScrollToLeft: Qe, onScrollToRight: Ke, c: tt, backgroundColor: Rt, borderColor: ht, rowBorderColor: nt, stripedColor: Cn, highlightOnHoverColor: Ct, rowColor: Sn, rowBackgroundColor: St, rowExpansion: Wt, rowClassName: Dn, rowStyle: gt, customRowAttributes: sn, scrollViewportRef: an, scrollAreaProps: Ft, tableRef: Mt, bodyRef: Ut, m: zt, my: Qt, mx: qt, mt: Fe, mb: ot, ml: kt, mr: Jt, className: Ln, classNames: ln, style: br, styles: un, rowFactory: Nn, tableWrapper: cn, ...fn }) {
-  let vt = Lr(() => N?.flatMap((He) => He.columns) ?? A, [A, N]), Ve = Lr(() => vt.some((He) => He.resizable), [vt]), lt = ub({ key: R, columns: vt }), { refs: Ht, onScroll: Un } = cb({ scrollCallbacks: { onScroll: Pe, onScrollToTop: Le, onScrollToBottom: Te, onScrollToLeft: Qe, onScrollToRight: Ke }, withRowBorders: fn.withRowBorders }), $r = qc(Ht.table, Mt), zn = qc(Ht.scrollViewport, an), jr = mb({ rowExpansion: Wt, records: oe, idAccessor: q }), qn = Fn((He) => {
+function Hb({ withTableBorder: i, borderRadius: n, textSelectionDisabled: r, height: s = "100%", minHeight: u, maxHeight: g, shadow: m, verticalAlign: h = "center", fetching: C, columns: A, storeColumnsKey: R, groups: N, pinFirstColumn: M, pinLastColumn: L, defaultColumnProps: I, defaultColumnRender: $, idAccessor: q = "id", records: oe, selectionTrigger: ae = "checkbox", selectedRecords: se, onSelectedRecordsChange: ue, selectionColumnClassName: Z, selectionColumnStyle: te, isRecordSelectable: Q, selectionCheckboxProps: G, allRecordsSelectionCheckboxProps: he = { "aria-label": "Select all records" }, getRecordSelectionCheckboxProps: fe = (vt, Ve) => ({ "aria-label": `Select record ${Ve + 1}` }), sortStatus: ne, sortIcons: Se, onSortStatusChange: De, horizontalSpacing: k, page: E, onPageChange: S, totalRecords: d, recordsPerPage: p, onRecordsPerPageChange: b, recordsPerPageOptions: f, recordsPerPageLabel: v = "Records per page", paginationWithEdges: D, paginationWithControls: Y, paginationActiveTextColor: H, paginationActiveBackgroundColor: ie, paginationSize: le = "sm", paginationText: ye = ({ from: vt, to: Ve, totalRecords: lt }) => `${vt} - ${Ve} / ${lt}`, paginationWrapBreakpoint: J = "sm", getPaginationControlProps: _e = (vt) => vt === "previous" ? { "aria-label": "Previous page" } : vt === "next" ? { "aria-label": "Next page" } : {}, loaderBackgroundBlur: me, customLoader: ge, loaderSize: j, loaderType: K, loaderColor: W, loadingText: V = "...", emptyState: X, noRecordsText: xe = "No records", noRecordsIcon: l, highlightOnHover: c, striped: _, noHeader: T, onRowClick: F, onRowDoubleClick: ee, onRowContextMenu: Ce, onCellClick: be, onCellDoubleClick: Re, onCellContextMenu: ve, onScroll: Pe, onScrollToTop: Le, onScrollToBottom: Te, onScrollToLeft: Qe, onScrollToRight: Ke, c: tt, backgroundColor: Rt, borderColor: ht, rowBorderColor: nt, stripedColor: Cn, highlightOnHoverColor: Ct, rowColor: Sn, rowBackgroundColor: St, rowExpansion: Wt, rowClassName: Dn, rowStyle: gt, customRowAttributes: sn, scrollViewportRef: an, scrollAreaProps: Ft, tableRef: Mt, bodyRef: Ut, m: zt, my: Qt, mx: qt, mt: Fe, mb: ot, ml: kt, mr: Jt, className: Ln, classNames: ln, style: br, styles: un, rowFactory: Nn, tableWrapper: cn, ...fn }) {
+  let vt = Lr(() => N?.flatMap((He) => He.columns) ?? A, [A, N]), Ve = Lr(() => vt.some((He) => He.resizable), [vt]), lt = lb({ key: R, columns: vt }), { refs: Ht, onScroll: Un } = ub({ scrollCallbacks: { onScroll: Pe, onScrollToTop: Le, onScrollToBottom: Te, onScrollToLeft: Qe, onScrollToRight: Ke }, withRowBorders: fn.withRowBorders }), $r = qc(Ht.table, Mt), zn = qc(Ht.scrollViewport, an), jr = vb({ rowExpansion: Wt, records: oe, idAccessor: q }), qn = Fn((He) => {
     Ht.scrollViewport.current?.scrollTo({ top: 0, left: 0 }), S(He);
   }, [S, Ht.scrollViewport]), Br = oe?.length, Xi = oe?.map((He) => $t(He, q)), ir = !!se, or = se?.map((He) => $t(He, q)), di = Xi !== void 0 && or !== void 0 && or.length > 0, Yr = Q ? oe?.filter(Q) : oe, Wr = Yr?.map((He) => $t(He, q)), Fr = di && Wr.every((He) => or.includes(He)), As = di && Wr.some((He) => or.includes(He)), Os = Fn(() => {
     se && ue && ue(Fr ? se.filter((He) => !Wr.includes($t(He, q))) : Za([...se, ...Yr], (He) => $t(He, q)));
-  }, [Fr, q, ue, Wr, Yr, se]), { lastSelectionChangeIndex: xr, setLastSelectionChangeIndex: eo } = fb(Xi), Ur = ir && !M, pi = { m: zt, my: Qt, mx: qt, mt: Fe, mb: ot, ml: kt, mr: Jt }, Rs = Fn(({ children: He }) => cn ? cn({ children: He }) : He, [cn]);
-  return O.jsx(Vf, { ...lt, children: O.jsxs(Bt, { ref: Ht.root, ...pi, className: ft("mantine-datatable", { "mantine-datatable-with-border": i }, Ln, ln?.root), style: [(He) => ({ ...Ib({ theme: He, c: tt, backgroundColor: Rt, borderColor: ht, rowBorderColor: nt, stripedColor: Cn, highlightOnHoverColor: Ct }), borderRadius: He.radius[n] || n, boxShadow: He.shadows[m] || m, height: s, minHeight: u, maxHeight: g }), br, un?.root, { position: "relative" }], children: [O.jsx(Hb, { viewportRef: zn, leftShadowBehind: ir || !!M, rightShadowBehind: L, onScrollPositionChange: Un, scrollAreaProps: Ft, children: O.jsx(Rs, { children: O.jsxs(Qm, { ref: $r, horizontalSpacing: k, className: ft("mantine-datatable-table", { [_b]: r, "mantine-datatable-vertical-align-top": h === "top", "mantine-datatable-vertical-align-bottom": h === "bottom", "mantine-datatable-pin-last-column": L, "mantine-datatable-selection-column-visible": ir, "mantine-datatable-pin-first-column": M, "mantine-datatable-resizable-columns": Ve }, ln?.table), style: { ...un?.table }, "data-striped": Br && _ || void 0, "data-highlight-on-hover": c || void 0, ...fn, children: [T ? null : O.jsx(Vf, { ...lt, children: O.jsx(Lb, { ref: Ht.header, selectionColumnHeaderRef: Ht.selectionColumnHeader, className: ln?.header, style: un?.header, columns: vt, defaultColumnProps: I, groups: N, sortStatus: ne, sortIcons: Se, onSortStatusChange: De, selectionTrigger: ae, selectionVisible: ir, selectionChecked: Fr, selectionIndeterminate: As && !Fr, onSelectionChange: Os, selectionCheckboxProps: { ...G, ...he }, selectorCellShadowVisible: Ur, selectionColumnClassName: Z, selectionColumnStyle: te }) }), O.jsx("tbody", { ref: Ut, children: Br ? oe.map((He, In) => {
+  }, [Fr, q, ue, Wr, Yr, se]), { lastSelectionChangeIndex: xr, setLastSelectionChangeIndex: eo } = cb(Xi), Ur = ir && !M, pi = { m: zt, my: Qt, mx: qt, mt: Fe, mb: ot, ml: kt, mr: Jt }, Rs = Fn(({ children: He }) => cn ? cn({ children: He }) : He, [cn]);
+  return O.jsx(Vf, { ...lt, children: O.jsxs(Bt, { ref: Ht.root, ...pi, className: ft("mantine-datatable", { "mantine-datatable-with-border": i }, Ln, ln?.root), style: [(He) => ({ ...Nb({ theme: He, c: tt, backgroundColor: Rt, borderColor: ht, rowBorderColor: nt, stripedColor: Cn, highlightOnHoverColor: Ct }), borderRadius: He.radius[n] || n, boxShadow: He.shadows[m] || m, height: s, minHeight: u, maxHeight: g }), br, un?.root, { position: "relative" }], children: [O.jsx(qb, { viewportRef: zn, leftShadowBehind: ir || !!M, rightShadowBehind: L, onScrollPositionChange: Un, scrollAreaProps: Ft, children: O.jsx(Rs, { children: O.jsxs(Qm, { ref: $r, horizontalSpacing: k, className: ft("mantine-datatable-table", { [yb]: r, "mantine-datatable-vertical-align-top": h === "top", "mantine-datatable-vertical-align-bottom": h === "bottom", "mantine-datatable-pin-last-column": L, "mantine-datatable-selection-column-visible": ir, "mantine-datatable-pin-first-column": M, "mantine-datatable-resizable-columns": Ve }, ln?.table), style: { ...un?.table }, "data-striped": Br && _ || void 0, "data-highlight-on-hover": c || void 0, ...fn, children: [T ? null : O.jsx(Vf, { ...lt, children: O.jsx(kb, { ref: Ht.header, selectionColumnHeaderRef: Ht.selectionColumnHeader, className: ln?.header, style: un?.header, columns: vt, defaultColumnProps: I, groups: N, sortStatus: ne, sortIcons: Se, onSortStatusChange: De, selectionTrigger: ae, selectionVisible: ir, selectionChecked: Fr, selectionIndeterminate: As && !Fr, onSelectionChange: Os, selectionCheckboxProps: { ...G, ...he }, selectorCellShadowVisible: Ur, selectionColumnClassName: Z, selectionColumnStyle: te }) }), O.jsx("tbody", { ref: Ut, children: Br ? oe.map((He, In) => {
     let zr = $t(He, q), gi = or?.includes(zr) || !1, vi;
     return ue && se && (vi = (to) => {
       if (to.nativeEvent.shiftKey && xr !== null) {
         let $n = oe.filter(In > xr ? (Hn, jn) => jn >= xr && jn <= In && (Q ? Q(Hn, jn) : !0) : (Hn, jn) => jn >= In && jn <= xr && (Q ? Q(Hn, jn) : !0));
-        ue(gi ? vb(se, $n, (Hn) => $t(Hn, q)) : Za([...se, ...$n], (Hn) => $t(Hn, q)));
+        ue(gi ? gb(se, $n, (Hn) => $t(Hn, q)) : Za([...se, ...$n], (Hn) => $t(Hn, q)));
       } else ue(gi ? se.filter(($n) => $t($n, q) !== zr) : Za([...se, He], ($n) => $t($n, q)));
       eo(In);
-    }), O.jsx(zb, { record: He, index: In, columns: vt, defaultColumnProps: I, defaultColumnRender: $, selectionTrigger: ae, selectionVisible: ir, selectionChecked: gi, onSelectionChange: vi, isRecordSelectable: Q, selectionCheckboxProps: G, getSelectionCheckboxProps: fe, onClick: F, onDoubleClick: ee, onCellClick: be, onCellDoubleClick: Re, onContextMenu: Ce, onCellContextMenu: ve, expansion: jr, color: Sn, backgroundColor: St, className: Dn, style: gt, customAttributes: sn, selectorCellShadowVisible: Ur, selectionColumnClassName: Z, selectionColumnStyle: te, idAccessor: q, rowFactory: Nn }, zr);
-  }) : O.jsx(sb, {}) }), vt.some(({ footer: He }) => He) && O.jsx(xb, { ref: Ht.footer, className: ln?.footer, style: un?.footer, columns: vt, defaultColumnProps: I, selectionVisible: ir, selectorCellShadowVisible: Ur })] }) }) }), E && O.jsx(Yb, { className: ln?.pagination, style: un?.pagination, horizontalSpacing: k, fetching: C, page: E, onPageChange: qn, totalRecords: d, recordsPerPage: p, onRecordsPerPageChange: b, recordsPerPageOptions: f, recordsPerPageLabel: v, paginationWithEdges: D, paginationWithControls: Y, paginationActiveTextColor: H, paginationActiveBackgroundColor: ie, paginationSize: le, paginationText: ye, paginationWrapBreakpoint: J, getPaginationControlProps: _e, noRecordsText: xe, loadingText: V, recordsLength: Br }), O.jsx(Nb, { fetching: C, backgroundBlur: me, customContent: ge, size: j, type: K, color: W }), O.jsx(lb, { icon: l, text: xe, active: !C && !Br, children: X })] }) });
+    }), O.jsx(Ub, { record: He, index: In, columns: vt, defaultColumnProps: I, defaultColumnRender: $, selectionTrigger: ae, selectionVisible: ir, selectionChecked: gi, onSelectionChange: vi, isRecordSelectable: Q, selectionCheckboxProps: G, getSelectionCheckboxProps: fe, onClick: F, onDoubleClick: ee, onCellClick: be, onCellDoubleClick: Re, onContextMenu: Ce, onCellContextMenu: ve, expansion: jr, color: Sn, backgroundColor: St, className: Dn, style: gt, customAttributes: sn, selectorCellShadowVisible: Ur, selectionColumnClassName: Z, selectionColumnStyle: te, idAccessor: q, rowFactory: Nn }, zr);
+  }) : O.jsx(ob, {}) }), vt.some(({ footer: He }) => He) && O.jsx(bb, { ref: Ht.footer, className: ln?.footer, style: un?.footer, columns: vt, defaultColumnProps: I, selectionVisible: ir, selectorCellShadowVisible: Ur })] }) }) }), E && O.jsx(Bb, { className: ln?.pagination, style: un?.pagination, horizontalSpacing: k, fetching: C, page: E, onPageChange: qn, totalRecords: d, recordsPerPage: p, onRecordsPerPageChange: b, recordsPerPageOptions: f, recordsPerPageLabel: v, paginationWithEdges: D, paginationWithControls: Y, paginationActiveTextColor: H, paginationActiveBackgroundColor: ie, paginationSize: le, paginationText: ye, paginationWrapBreakpoint: J, getPaginationControlProps: _e, noRecordsText: xe, loadingText: V, recordsLength: Br }), O.jsx(Lb, { fetching: C, backgroundBlur: me, customContent: ge, size: j, type: K, color: W }), O.jsx(ab, { icon: l, text: xe, active: !C && !Br, children: X })] }) });
 }
 var Ui = { exports: {} };
 /**
@@ -7925,8 +7922,8 @@ var Ui = { exports: {} };
  * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
  * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
  */
-var Vb = Ui.exports, nh;
-function Kb() {
+var Gb = Ui.exports, nh;
+function Vb() {
   return nh || (nh = 1, function(i, n) {
     (function() {
       var r, s = "4.17.21", u = 200, g = "Unsupported core-js use. Try https://npms.io/search?q=ponyfill.", m = "Expected a function", h = "Invalid `variable` option passed into `_.template`", C = "__lodash_hash_undefined__", A = 500, R = "__lodash_placeholder__", N = 1, M = 2, L = 4, I = 1, $ = 2, q = 1, oe = 2, ae = 4, se = 8, ue = 16, Z = 32, te = 64, Q = 128, G = 256, he = 512, fe = 30, ne = "...", Se = 800, De = 16, k = 1, E = 2, S = 3, d = 1 / 0, p = 9007199254740991, b = 17976931348623157e292, f = NaN, v = 4294967295, D = v - 1, Y = v >>> 1, H = [
@@ -11586,11 +11583,11 @@ function print() { __p += __j.call(arguments, '') }
         }], qe.prototype.clone = op, qe.prototype.reverse = sp, qe.prototype.value = ap, w.prototype.at = I1, w.prototype.chain = $1, w.prototype.commit = j1, w.prototype.next = B1, w.prototype.plant = W1, w.prototype.reverse = F1, w.prototype.toJSON = w.prototype.valueOf = w.prototype.value = U1, w.prototype.first = w.prototype.head, yi && (w.prototype[yi] = Y1), w;
       }, Kr = jd();
       Cr ? ((Cr.exports = Kr)._ = Kr, Ms._ = Kr) : Dt._ = Kr;
-    }).call(Vb);
+    }).call(Gb);
   }(Ui, Ui.exports)), Ui.exports;
 }
-var rh = Kb();
-function Zb(i) {
+var rh = Vb();
+function Kb(i) {
   const n = kn.c(41), {
     fields: r,
     onClose: s,
@@ -11608,14 +11605,14 @@ function Zb(i) {
     isPending: oe
   } = Rh(g, u);
   let ae;
-  n[0] !== r ? (ae = new Set(r.filter(rx).map(nx)), n[0] = r, n[1] = ae) : ae = n[1];
+  n[0] !== r ? (ae = new Set(r.filter(tx).map(ex)), n[0] = r, n[1] = ae) : ae = n[1];
   let se;
   n[2] !== ae ? (se = [...ae], n[2] = ae, n[3] = se) : se = n[3];
   const ue = se;
   let Z;
-  n[4] !== r ? (Z = r.reduce(tx, {}), n[4] = r, n[5] = Z) : Z = n[5];
+  n[4] !== r ? (Z = r.reduce(Xb, {}), n[4] = r, n[5] = Z) : Z = n[5];
   let te;
-  n[6] !== r ? (te = r.filter(ex).reduce(Jb, {}), n[6] = r, n[7] = te) : te = n[7];
+  n[6] !== r ? (te = r.filter(Jb).reduce(Qb, {}), n[6] = r, n[7] = te) : te = n[7];
   let Q;
   n[8] !== Z || n[9] !== te ? (Q = {
     mode: "uncontrolled",
@@ -11663,7 +11660,7 @@ function Zb(i) {
   let k;
   n[24] !== C || n[25] !== r || n[26] !== G || n[27] !== R || n[28] !== m || n[29] !== L || n[30] !== oe || n[31] !== $ || n[32] !== s || n[33] !== Se || n[34] !== h || n[35] !== ue || n[36] !== I ? (k = L ? /* @__PURE__ */ O.jsxs(dl, { gap: "md", children: [
     /* @__PURE__ */ O.jsx(si, { height: 40 }),
-    Array(r.length).fill(0).map(Qb),
+    Array(r.length).fill(0).map(Zb),
     /* @__PURE__ */ O.jsxs(nr, { mt: "md", justify: "end", children: [
       /* @__PURE__ */ O.jsx(si, { width: 100, height: 36 }),
       /* @__PURE__ */ O.jsx(si, { width: 100, height: 36 })
@@ -11688,28 +11685,25 @@ function Zb(i) {
     k
   ] }), n[38] = k, n[39] = De, n[40] = E) : E = n[40], E;
 }
-function Qb(i, n) {
+function Zb(i, n) {
   return /* @__PURE__ */ O.jsx(si, { height: 35 }, `skeleton-field-${n}`);
 }
-function Jb(i, n) {
-  return i[n.id] = Xb, i;
-}
-function Xb(i) {
-  return i ? null : "Pflichtfeld";
+function Qb(i, n) {
+  return i[n.id] = (r, s) => n.conditional && !n.conditional(s) || r ? null : "Pflichtfeld", i;
 }
-function ex(i) {
+function Jb(i) {
   return i.required;
 }
-function tx(i, n) {
+function Xb(i, n) {
   return i[n.id] = n.type === "boolean" ? n.defaultValue ?? !1 : n.defaultValue ?? "", i;
 }
-function nx(i) {
+function ex(i) {
   return i.step;
 }
-function rx(i) {
+function tx(i) {
   return typeof i.step == "number";
 }
-function ix({
+function nx({
   queryKey: i,
   apiPath: n,
   onClose: r,
@@ -11739,7 +11733,7 @@ function ix({
     ] })
   ] }) : /* @__PURE__ */ O.jsx(O.Fragment, {});
 }
-function ox(i, n) {
+function rx(i, n) {
   const r = kn.c(8);
   let s;
   r[0] !== i || r[1] !== n ? (s = () => {
@@ -11756,7 +11750,7 @@ function ox(i, n) {
   return r[5] !== h || r[6] !== u ? (C = [u, h], r[5] = h, r[6] = u, r[7] = C) : C = r[7], C;
 }
 const ih = [10, 15, 20, 50, 100, 500];
-function sx(i) {
+function ix(i) {
   const n = kn.c(147), {
     title: r,
     queryKey: s,
@@ -11788,7 +11782,7 @@ function sx(i) {
     he = {
       ...$,
       ...Ve
-    }, fe = he ? "?" + Object.entries(he).filter(mx).map(vx).join("&") : "", n[3] = te, n[4] = $, n[5] = q, n[6] = he, n[7] = fe;
+    }, fe = he ? "?" + Object.entries(he).filter(gx).map(px).join("&") : "", n[3] = te, n[4] = $, n[5] = q, n[6] = he, n[7] = fe;
   } else
     he = n[6], fe = n[7];
   const ne = fe;
@@ -11860,7 +11854,7 @@ function sx(i) {
   }, n[29] = f, n[30] = J.columnAccessor, n[31] = J.direction, n[32] = K) : K = n[32];
   let W;
   n[33] !== f || n[34] !== J ? (W = [J, f], n[33] = f, n[34] = J, n[35] = W) : W = n[35], xt(K, W);
-  const [V, X] = ox(ih[1], "mantine-table-page-size"), [xe, l] = Xe(1);
+  const [V, X] = rx(ih[1], "mantine-table-page-size"), [xe, l] = Xe(1);
   let c;
   n[36] !== V || n[37] !== A || n[38] !== ge ? (c = A ? ge.slice(0, V) : ge, n[36] = V, n[37] = A, n[38] = ge, n[39] = c) : c = n[39];
   const [_, T] = Xe(c);
@@ -11903,18 +11897,18 @@ function sx(i) {
   let gt;
   n[64] !== Wt ? (gt = /* @__PURE__ */ O.jsx(Xo, { variant: "subtle", onClick: Wt, "aria-label": "Neuladen", children: Dn }), n[64] = Wt, n[65] = gt) : gt = n[65];
   let sn;
-  n[66] !== N || n[67] !== h || n[68] !== ve || n[69] !== C ? (sn = (h.some(gx) || C) && /* @__PURE__ */ O.jsxs(Mr, { shadow: "md", children: [
+  n[66] !== N || n[67] !== h || n[68] !== ve || n[69] !== C ? (sn = (h.some(dx) || C) && /* @__PURE__ */ O.jsxs(Mr, { shadow: "md", children: [
     /* @__PURE__ */ O.jsx(Mr.Target, { children: /* @__PURE__ */ O.jsx(rr, { variant: "outline", rightSection: /* @__PURE__ */ O.jsx(cy, { size: 14 }), disabled: !ve.length, children: "Aktionen" }) }),
     /* @__PURE__ */ O.jsxs(Mr.Dropdown, { children: [
-      h.find(px) && /* @__PURE__ */ O.jsx(Mr.Item, { leftSection: /* @__PURE__ */ O.jsx(fy, { size: 14 }), onClick: () => nt(!0), disabled: ve.length !== 1, children: "Bearbeiten" }),
+      h.find(hx) && /* @__PURE__ */ O.jsx(Mr.Item, { leftSection: /* @__PURE__ */ O.jsx(fy, { size: 14 }), onClick: () => nt(!0), disabled: ve.length !== 1, children: "Bearbeiten" }),
       (N ?? []).map((Ve, lt) => /* @__PURE__ */ Ko(Mr.Item, { ...Ve.icon && {
         leftSection: Ve.icon
       }, key: `custom_action_${lt}`, onClick: () => Ve.onClick(ve) }, Ve.label)),
-      h.find(dx) && /* @__PURE__ */ O.jsx(Mr.Item, { leftSection: /* @__PURE__ */ O.jsx(hy, { size: 14 }), onClick: () => Ct(!0), color: "red", children: "Löschen" })
+      h.find(fx) && /* @__PURE__ */ O.jsx(Mr.Item, { leftSection: /* @__PURE__ */ O.jsx(hy, { size: 14 }), onClick: () => Ct(!0), color: "red", children: "Löschen" })
     ] })
   ] }), n[66] = N, n[67] = h, n[68] = ve, n[69] = C, n[70] = sn) : sn = n[70];
   let an;
-  n[71] !== I || n[72] !== h || n[73] !== E ? (an = h.find(hx) && /* @__PURE__ */ O.jsx(rr, { onClick: () => Rt(!0), disabled: E, children: I ?? "Erstellen" }), n[71] = I, n[72] = h, n[73] = E, n[74] = an) : an = n[74];
+  n[71] !== I || n[72] !== h || n[73] !== E ? (an = h.find(cx) && /* @__PURE__ */ O.jsx(rr, { onClick: () => Rt(!0), disabled: E, children: I ?? "Erstellen" }), n[71] = I, n[72] = h, n[73] = E, n[74] = an) : an = n[74];
   let Ft;
   n[75] !== m || n[76] !== gt || n[77] !== sn || n[78] !== an ? (Ft = /* @__PURE__ */ O.jsxs(nr, { align: "center", gap: "xs", children: [
     gt,
@@ -11928,16 +11922,16 @@ function sx(i) {
     Ft
   ] }), n[80] = Sn, n[81] = St, n[82] = Ft, n[83] = Mt) : Mt = n[83];
   let Ut;
-  n[84] !== te || n[85] !== G || n[86] !== q ? (Ut = q && q.length > 0 && /* @__PURE__ */ O.jsx(Ja, { value: te, onChange: G, mt: "md", children: /* @__PURE__ */ O.jsx(Ja.List, { children: q.map(fx) }) }), n[84] = te, n[85] = G, n[86] = q, n[87] = Ut) : Ut = n[87];
+  n[84] !== te || n[85] !== G || n[86] !== q ? (Ut = q && q.length > 0 && /* @__PURE__ */ O.jsx(Ja, { value: te, onChange: G, mt: "md", children: /* @__PURE__ */ O.jsx(Ja.List, { children: q.map(ux) }) }), n[84] = te, n[85] = G, n[86] = q, n[87] = Ut) : Ut = n[87];
   let zt;
   n[88] !== S ? (zt = S && /* @__PURE__ */ O.jsx(os, { mt: "md", variant: "light", color: "red", title: "Es ist ein Fehler aufgetreten.", icon: /* @__PURE__ */ O.jsx(py, {}), children: "Bitte versuche es später erneut oder sende eine Nachricht an unseren Support." }), n[88] = S, n[89] = zt) : zt = n[89];
   let Qt;
   n[90] !== E || n[91] !== d ? (Qt = (E || d) && /* @__PURE__ */ O.jsxs(dl, { my: "md", children: [
     /* @__PURE__ */ O.jsx(si, { height: 40 }),
-    Array(5).fill(0).map(cx)
+    Array(5).fill(0).map(lx)
   ] }), n[90] = E, n[91] = d, n[92] = Qt) : Qt = n[92];
   let qt;
-  n[93] !== h || n[94] !== S || n[95] !== E || n[96] !== d || n[97] !== xe || n[98] !== V || n[99] !== A || n[100] !== _ || n[101] !== ve || n[102] !== C || n[103] !== X || n[104] !== J || n[105] !== ge ? (qt = !E && !d && /* @__PURE__ */ O.jsx(Gb, { my: "md", striped: !0, minHeight: 150, fetching: S, records: _, sortStatus: J, onSortStatusChange: _e, ...C && {
+  n[93] !== h || n[94] !== S || n[95] !== E || n[96] !== d || n[97] !== xe || n[98] !== V || n[99] !== A || n[100] !== _ || n[101] !== ve || n[102] !== C || n[103] !== X || n[104] !== J || n[105] !== ge ? (qt = !E && !d && /* @__PURE__ */ O.jsx(Hb, { my: "md", striped: !0, minHeight: 150, fetching: S, records: _, sortStatus: J, onSortStatusChange: _e, ...C && {
     selectedRecords: ve,
     onSelectedRecordsChange: Pe
   }, ...A && _.length && {
@@ -11948,14 +11942,14 @@ function sx(i) {
     recordsPerPageOptions: ih,
     onRecordsPerPageChange: X,
     recordsPerPageLabel: "Einträge pro Seite"
-  }, columns: h.map(ux), noRecordsText: "Keine Einträge gefunden" }), n[93] = h, n[94] = S, n[95] = E, n[96] = d, n[97] = xe, n[98] = V, n[99] = A, n[100] = _, n[101] = ve, n[102] = C, n[103] = X, n[104] = J, n[105] = ge, n[106] = qt) : qt = n[106];
+  }, columns: h.map(ax), noRecordsText: "Keine Einträge gefunden" }), n[93] = h, n[94] = S, n[95] = E, n[96] = d, n[97] = xe, n[98] = V, n[99] = A, n[100] = _, n[101] = ve, n[102] = C, n[103] = X, n[104] = J, n[105] = ge, n[106] = qt) : qt = n[106];
   let Fe;
   n[107] === Symbol.for("react.memo_cache_sentinel") ? (Fe = () => {
     nt(!1), Pe([]);
   }, n[107] = Fe) : Fe = n[107];
   const ot = r ?? "Bearbeiten";
   let kt;
-  n[108] !== g || n[109] !== h || n[110] !== s || n[111] !== ve[0] || n[112] !== ve.length || n[113] !== M ? (kt = ve.length > 0 && /* @__PURE__ */ O.jsx(Zb, { fields: h.filter(lx), queryKey: s, apiPath: g, id: ve[0].id, onClose: () => {
+  n[108] !== g || n[109] !== h || n[110] !== s || n[111] !== ve[0] || n[112] !== ve.length || n[113] !== M ? (kt = ve.length > 0 && /* @__PURE__ */ O.jsx(Kb, { fields: h.filter(sx), queryKey: s, apiPath: g, id: ve[0].id, onClose: () => {
     nt(!1), Pe([]);
   }, steps: M }), n[108] = g, n[109] = h, n[110] = s, n[111] = ve[0], n[112] = ve.length, n[113] = M, n[114] = kt) : kt = n[114];
   let Jt;
@@ -11963,7 +11957,7 @@ function sx(i) {
   let Ln;
   n[119] !== g || n[120] !== Cn || n[121] !== s || n[122] !== ve || n[123] !== r ? (Ln = ve.length > 0 && /* @__PURE__ */ O.jsx($a, { opened: Cn, onClose: () => {
     Ct(!1), Pe([]);
-  }, title: r ?? "Löschen", children: /* @__PURE__ */ O.jsx(ix, { onClose: () => {
+  }, title: r ?? "Löschen", children: /* @__PURE__ */ O.jsx(nx, { onClose: () => {
     Ct(!1), Pe([]);
   }, queryKey: s, apiPath: g, selectedRecords: ve }) }), n[119] = g, n[120] = Cn, n[121] = s, n[122] = ve, n[123] = r, n[124] = Ln) : Ln = n[124];
   let ln;
@@ -11976,7 +11970,7 @@ function sx(i) {
     Rt(!1);
   }, n[126] = un) : un = n[126];
   let Nn;
-  n[127] !== h ? (Nn = h.filter(ax), n[127] = h, n[128] = Nn) : Nn = n[128];
+  n[127] !== h ? (Nn = h.filter(ox), n[127] = h, n[128] = Nn) : Nn = n[128];
   let cn;
   n[129] !== g || n[130] !== s || n[131] !== M || n[132] !== Nn ? (cn = /* @__PURE__ */ O.jsx(Jw, { queryKey: s, apiPath: g, onClose: un, fields: Nn, steps: M }), n[129] = g, n[130] = s, n[131] = M, n[132] = Nn, n[133] = cn) : cn = n[133];
   let fn;
@@ -11993,54 +11987,54 @@ function sx(i) {
     fn
   ] }), n[138] = Mt, n[139] = Ut, n[140] = zt, n[141] = Qt, n[142] = qt, n[143] = Jt, n[144] = Ln, n[145] = fn, n[146] = vt) : vt = n[146], vt;
 }
-function ax(i) {
+function ox(i) {
   return i.create;
 }
-function lx(i) {
+function sx(i) {
   return i.update;
 }
-function ux(i) {
+function ax(i) {
   return i.column;
 }
-function cx(i, n) {
+function lx(i, n) {
   return /* @__PURE__ */ O.jsx(si, { height: 35 }, `skeleton-${n}`);
 }
-function fx(i) {
+function ux(i) {
   return /* @__PURE__ */ O.jsx(Ja.Tab, { value: i.value, leftSection: i.icon, children: i.label }, i.value);
 }
-function hx(i) {
+function cx(i) {
   return i.create;
 }
-function dx(i) {
+function fx(i) {
   return i.delete;
 }
-function px(i) {
+function hx(i) {
   return i.update;
 }
-function gx(i) {
+function dx(i) {
   return i.update;
 }
-function vx(i) {
+function px(i) {
   const [n, r] = i;
   return `${n}=${encodeURIComponent(r ?? "")}`;
 }
-function mx(i) {
+function gx(i) {
   const [, n] = i;
   return n != null;
 }
-function Dx(i) {
+function Cx(i) {
   const n = kn.c(5), {
     queryClient: r
   } = Ir();
   let s;
-  n[0] !== i ? (s = /* @__PURE__ */ O.jsx(sx, { ...i }), n[0] = i, n[1] = s) : s = n[1];
+  n[0] !== i ? (s = /* @__PURE__ */ O.jsx(ix, { ...i }), n[0] = i, n[1] = s) : s = n[1];
   let u;
   return n[2] !== r || n[3] !== s ? (u = /* @__PURE__ */ O.jsx(bh, { client: r, children: s }), n[2] = r, n[3] = s, n[4] = u) : u = n[4], u;
 }
 export {
-  Dx as DataTable,
-  Cx as DataTableProvider,
-  Sx as api,
+  Cx as DataTable,
+  bx as DataTableProvider,
+  xx as api,
   V2 as createOne,
   G2 as deleteOne,
   q2 as getAll,
@@ -12052,7 +12046,7 @@ export {
   ow as useDeleteOne,
   J2 as useGetAll,
   Z2 as useGetOne,
-  ox as usePersistentState,
+  rx as usePersistentState,
   Rh as useUpdateOne
 };
 //# sourceMappingURL=index.es.js.map