@ethanhann/mantine-dataview 0.7.0 → 0.8.0

package/dist/index.js

@@ -1,38 +1,38 @@
 import { a as e, i as t, n, r, t as i } from "./serializer-u2zq_sU7.js";
 import { createColumnHelper as a, createColumnHelper as o, flexRender as s, functionalUpdate as c, getCoreRowModel as l, useReactTable as u } from "@tanstack/react-table";
-import { ActionIcon as d, Anchor as f, Badge as p, Box as m, Button as h, Card as g, Center as _, Checkbox as v, CloseButton as y, Drawer as ee, Group as b, Input as x, Menu as S, MultiSelect as te, NumberInput as C, Pagination as ne, Paper as re, Popover as w, RangeSlider as T, SegmentedControl as E, Select as D, SimpleGrid as O, Skeleton as k, Stack as A, Table as j, Text as M, TextInput as ie, UnstyledButton as ae, useMantineTheme as oe } from "@mantine/core";
-import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
-import { Fragment as I, createContext as L, useCallback as R, useContext as z, useEffect as B, useMemo as V, useRef as H, useState as U } from "react";
-import { useDisclosure as se, useMediaQuery as W } from "@mantine/hooks";
-import { DatePickerInput as G } from "@mantine/dates";
+import { ActionIcon as d, Anchor as f, Badge as p, Box as m, Button as h, Card as g, Center as _, Checkbox as v, CloseButton as y, Drawer as b, Group as x, Input as S, Menu as C, MultiSelect as ee, NumberInput as w, Pagination as te, Paper as ne, Popover as T, RangeSlider as E, SegmentedControl as D, Select as O, SimpleGrid as k, Skeleton as A, Stack as j, Table as M, Text as N, TextInput as re, UnstyledButton as ie, useMantineTheme as ae } from "@mantine/core";
+import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
+import { Fragment as L, createContext as R, useCallback as z, useContext as B, useEffect as V, useMemo as H, useRef as U, useState as W } from "react";
+import { useDisclosure as oe, useMediaQuery as G } from "@mantine/hooks";
+import { DatePickerInput as K } from "@mantine/dates";
 import "@mantine/dates/styles.css";
 //#region src/components/DataBulkActions/DataBulkActions.tsx
-function ce({ view: e, slots: t, ...n }) {
+function q({ view: e, slots: t, ...n }) {
 	let { selection: r } = e;
-	return r.count === 0 ? null : /* @__PURE__ */ P(re, {
+	return r.count === 0 ? null : /* @__PURE__ */ F(ne, {
 		withBorder: !0,
 		p: "xs",
 		radius: "sm",
 		role: "region",
 		"aria-label": "Bulk actions",
 		...n,
-		children: /* @__PURE__ */ F(b, {
+		children: /* @__PURE__ */ I(x, {
 			justify: "space-between",
 			wrap: "wrap",
 			gap: "sm",
-			children: [/* @__PURE__ */ F(b, {
+			children: [/* @__PURE__ */ I(x, {
 				gap: "sm",
-				children: [/* @__PURE__ */ F(M, {
+				children: [/* @__PURE__ */ I(N, {
 					size: "sm",
 					fw: 500,
 					children: [r.count, " selected"]
-				}), /* @__PURE__ */ P(h, {
+				}), /* @__PURE__ */ F(h, {
 					variant: "subtle",
 					size: "xs",
 					onClick: r.clear,
 					children: "Clear"
 				})]
-			}), t?.BulkActions && /* @__PURE__ */ P(b, {
+			}), t?.BulkActions && /* @__PURE__ */ F(x, {
 				gap: "xs",
 				children: t.BulkActions(r)
 			})]
@@ -41,14 +41,14 @@ function ce({ view: e, slots: t, ...n }) {
 }
 //#endregion
 //#region src/core/cardComposition.ts
-function K(e) {
+function J(e) {
 	let { meta: t, header: n } = e.columnDef;
 	return t?.label ? t.label : typeof n == "string" ? n : e.id;
 }
-function le(e, t, n) {
+function se(e, t, n) {
 	return t ? t === "hidden" ? null : t : e.accessorFn == null || n === "hidden" ? null : n;
 }
-function ue(e, t = {}) {
+function ce(e, t = {}) {
 	let n = t.fallbackRole ?? "meta", r = {
 		title: [],
 		subtitle: [],
@@ -57,14 +57,14 @@ function ue(e, t = {}) {
 		meta: []
 	};
 	e.getVisibleLeafColumns().forEach((e, t) => {
-		let i = e.columnDef.meta?.card, a = le(e, i?.role, n);
+		let i = e.columnDef.meta?.card, a = se(e, i?.role, n);
 		a && r[a].push({
 			order: i?.order ?? t,
 			index: t,
 			field: {
 				id: e.id,
 				column: e,
-				label: K(e),
+				label: J(e),
 				showLabel: i?.showLabel ?? a === "meta"
 			}
 		});
@@ -80,9 +80,9 @@ function ue(e, t = {}) {
 }
 //#endregion
 //#region src/core/useRowTransition.ts
-function q(e, t) {
-	let n = H([]), r = H(!1), i = H(0), a = H(!1);
-	B(() => {
+function Y(e, t) {
+	let n = U([]), r = U(!1), i = U(0), a = U(!1);
+	V(() => {
 		t && !a.current && typeof document < "u" && process.env.NODE_ENV !== "production" && (Array.from(document.styleSheets).some((e) => {
 			try {
 				return Array.from(e.cssRules).some((e) => e instanceof CSSKeyframesRule && e.name === "dataview-row-enter");
@@ -97,7 +97,7 @@ function q(e, t) {
 		if (o.length !== e.length || o.some((t, n) => t !== e[n])) if (c = i.current + 1, o.length === e.length && o.every((e) => t.has(e))) for (let e of o) s.add(e);
 		else for (let e of o) t.has(e) || s.add(e);
 	}
-	return B(() => {
+	return V(() => {
 		n.current = o, r.current = !0, i.current = c;
 	}), {
 		rows: e,
@@ -107,20 +107,20 @@ function q(e, t) {
 }
 //#endregion
 //#region src/components/StateMessage.tsx
-function de(e) {
+function le(e) {
 	e.resetColumnFilters(), e.setGlobalFilter("");
 }
-function fe({ view: e, slots: t }) {
-	return t?.ErrorState ? /* @__PURE__ */ P(N, { children: t.ErrorState({
+function ue({ view: e, slots: t }) {
+	return t?.ErrorState ? /* @__PURE__ */ F(P, { children: t.ErrorState({
 		error: e.error,
 		retry: e.refetch
-	}) }) : /* @__PURE__ */ F(A, {
+	}) }) : /* @__PURE__ */ I(j, {
 		align: "center",
 		gap: "xs",
-		children: [/* @__PURE__ */ P(M, {
+		children: [/* @__PURE__ */ F(N, {
 			c: "red",
 			children: "Something went wrong."
-		}), /* @__PURE__ */ P(h, {
+		}), /* @__PURE__ */ F(h, {
 			variant: "light",
 			size: "xs",
 			onClick: e.refetch,
@@ -128,42 +128,42 @@ function fe({ view: e, slots: t }) {
 		})]
 	});
 }
-function J({ view: e, slots: t }) {
-	let n = e.renderStatus.phase === "empty-filtered", r = () => de(e.table);
-	return t?.Empty ? /* @__PURE__ */ P(N, { children: t.Empty({
+function X({ view: e, slots: t }) {
+	let n = e.renderStatus.phase === "empty-filtered", r = () => le(e.table);
+	return t?.Empty ? /* @__PURE__ */ F(P, { children: t.Empty({
 		filtered: n,
 		clearFilters: r
-	}) }) : n ? /* @__PURE__ */ F(A, {
+	}) }) : n ? /* @__PURE__ */ I(j, {
 		align: "center",
 		gap: "xs",
-		children: [/* @__PURE__ */ P(M, {
+		children: [/* @__PURE__ */ F(N, {
 			c: "dimmed",
 			children: "No matches."
-		}), /* @__PURE__ */ P(h, {
+		}), /* @__PURE__ */ F(h, {
 			variant: "subtle",
 			size: "xs",
 			onClick: r,
 			children: "Clear filters"
 		})]
-	}) : /* @__PURE__ */ P(M, {
+	}) : /* @__PURE__ */ F(N, {
 		c: "dimmed",
 		children: "No results."
 	});
 }
 //#endregion
 //#region src/components/DataCards/DataCards.tsx
-var pe = {
+var de = {
 	base: 1,
 	sm: 2,
 	lg: 3
 };
-function me({ view: e, slots: t, renderCard: n, fallbackRole: r, enableSelection: i, loadingCardCount: a, animateRows: o = !1, cols: s = pe, ...c }) {
+function fe({ view: e, slots: t, renderCard: n, fallbackRole: r, enableSelection: i, loadingCardCount: a, animateRows: o = !1, cols: s = de, ...c }) {
 	let { table: l, renderStatus: u } = e, d = i ?? l.options.enableRowSelection !== !1, f = a ?? Math.min(e.state.pagination.pageSize, 6), p = {
 		cols: s,
 		...c
-	}, m = q(l.getRowModel().rows, o), h = (e) => {
-		let i = ue(l, { fallbackRole: r });
-		return /* @__PURE__ */ P(O, {
+	}, m = Y(l.getRowModel().rows, o), h = (e) => {
+		let i = ce(l, { fallbackRole: r });
+		return /* @__PURE__ */ F(k, {
 			"data-changed": o || void 0,
 			...p,
 			children: e.map((e) => {
@@ -173,22 +173,22 @@ function me({ view: e, slots: t, renderCard: n, fallbackRole: r, enableSelection
 					selected: r,
 					toggleSelected: () => e.toggleSelected()
 				}, o = m.entering.has(e.id) || void 0;
-				if (n) return /* @__PURE__ */ P("div", {
+				if (n) return /* @__PURE__ */ F("div", {
 					"data-entering": o,
 					children: n(a)
 				}, e.id);
-				let s = /* @__PURE__ */ P(he, {
+				let s = /* @__PURE__ */ F(pe, {
 					row: e,
 					layout: i,
 					selectionEnabled: d
 				});
-				return t?.Card ? /* @__PURE__ */ P("div", {
+				return t?.Card ? /* @__PURE__ */ F("div", {
 					"data-entering": o,
 					children: t.Card({
 						...a,
 						children: s
 					})
-				}, e.id) : /* @__PURE__ */ P(g, {
+				}, e.id) : /* @__PURE__ */ F(g, {
 					withBorder: !0,
 					padding: "lg",
 					pos: "relative",
@@ -201,38 +201,38 @@ function me({ view: e, slots: t, renderCard: n, fallbackRole: r, enableSelection
 	};
 	if (o && u.phase === "loading" && m.rows.length > 0) return h(m.rows);
 	switch (u.phase) {
-		case "loading": return t?.LoadingCards ? t.LoadingCards() : /* @__PURE__ */ P(O, {
+		case "loading": return t?.LoadingCards ? t.LoadingCards() : /* @__PURE__ */ F(k, {
 			...p,
-			children: Array.from({ length: f }, (e, t) => /* @__PURE__ */ P(g, {
+			children: Array.from({ length: f }, (e, t) => /* @__PURE__ */ F(g, {
 				withBorder: !0,
 				padding: "md",
-				children: /* @__PURE__ */ F(A, {
+				children: /* @__PURE__ */ I(j, {
 					gap: "xs",
 					children: [
-						/* @__PURE__ */ P(k, {
+						/* @__PURE__ */ F(A, {
 							height: 20,
 							width: "60%"
 						}),
-						/* @__PURE__ */ P(k, {
+						/* @__PURE__ */ F(A, {
 							height: 12,
 							width: "40%"
 						}),
-						/* @__PURE__ */ P(k, { height: 12 })
+						/* @__PURE__ */ F(A, { height: 12 })
 					]
 				})
 			}, t))
 		});
-		case "error": return /* @__PURE__ */ P(_, {
+		case "error": return /* @__PURE__ */ F(_, {
 			p: "xl",
-			children: /* @__PURE__ */ P(fe, {
+			children: /* @__PURE__ */ F(ue, {
 				view: e,
 				slots: t
 			})
 		});
 		case "empty":
-		case "empty-filtered": return /* @__PURE__ */ P(_, {
+		case "empty-filtered": return /* @__PURE__ */ F(_, {
 			p: "xl",
-			children: /* @__PURE__ */ P(J, {
+			children: /* @__PURE__ */ F(X, {
 				view: e,
 				slots: t
 			})
@@ -240,13 +240,13 @@ function me({ view: e, slots: t, renderCard: n, fallbackRole: r, enableSelection
 		default: return h(m.rows);
 	}
 }
-function he({ row: e, layout: t, selectionEnabled: n }) {
+function pe({ row: e, layout: t, selectionEnabled: n }) {
 	let r = new Map(e.getAllCells().map((e) => [e.column.id, e])), i = (e) => {
 		let t = r.get(e.id);
 		return t ? s(t.column.columnDef.cell, t.getContext()) : null;
 	};
-	return /* @__PURE__ */ F(N, { children: [
-		n && /* @__PURE__ */ P(v, {
+	return /* @__PURE__ */ I(P, { children: [
+		n && /* @__PURE__ */ F(v, {
 			"aria-label": "Select card",
 			checked: e.getIsSelected(),
 			disabled: !e.getCanSelect(),
@@ -258,42 +258,42 @@ function he({ row: e, layout: t, selectionEnabled: n }) {
 				zIndex: 1
 			}
 		}),
-		t.media.length > 0 && /* @__PURE__ */ P(g.Section, {
+		t.media.length > 0 && /* @__PURE__ */ F(g.Section, {
 			mb: "xs",
-			children: t.media.map((e) => /* @__PURE__ */ P(m, { children: i(e) }, e.id))
+			children: t.media.map((e) => /* @__PURE__ */ F(m, { children: i(e) }, e.id))
 		}),
-		/* @__PURE__ */ F(A, {
+		/* @__PURE__ */ I(j, {
 			gap: "md",
 			children: [
-				(t.title.length > 0 || t.subtitle.length > 0) && /* @__PURE__ */ F(A, {
+				(t.title.length > 0 || t.subtitle.length > 0) && /* @__PURE__ */ I(j, {
 					gap: 4,
-					children: [t.title.map((e) => /* @__PURE__ */ P(M, {
+					children: [t.title.map((e) => /* @__PURE__ */ F(N, {
 						fw: 600,
 						size: "lg",
 						lh: 1.2,
 						pr: n ? 28 : 0,
 						children: i(e)
-					}, e.id)), t.subtitle.map((e) => /* @__PURE__ */ P(M, {
+					}, e.id)), t.subtitle.map((e) => /* @__PURE__ */ F(N, {
 						size: "sm",
 						c: "dimmed",
 						children: i(e)
 					}, e.id))]
 				}),
-				t.badge.length > 0 && /* @__PURE__ */ P(b, {
+				t.badge.length > 0 && /* @__PURE__ */ F(x, {
 					gap: "xs",
-					children: t.badge.map((e) => /* @__PURE__ */ P(I, { children: i(e) }, e.id))
+					children: t.badge.map((e) => /* @__PURE__ */ F(L, { children: i(e) }, e.id))
 				}),
-				t.meta.length > 0 && /* @__PURE__ */ P(A, {
+				t.meta.length > 0 && /* @__PURE__ */ F(j, {
 					gap: 4,
-					children: t.meta.map((e) => /* @__PURE__ */ F(b, {
+					children: t.meta.map((e) => /* @__PURE__ */ I(x, {
 						justify: "space-between",
 						gap: "xs",
 						wrap: "nowrap",
-						children: [e.showLabel && /* @__PURE__ */ P(M, {
+						children: [e.showLabel && /* @__PURE__ */ F(N, {
 							size: "sm",
 							c: "dimmed",
 							children: e.label
-						}), /* @__PURE__ */ P(M, {
+						}), /* @__PURE__ */ F(N, {
 							size: "sm",
 							children: i(e)
 						})]
@@ -305,24 +305,24 @@ function he({ row: e, layout: t, selectionEnabled: n }) {
 }
 //#endregion
 //#region src/components/DataPagination/DataPagination.tsx
-function ge({ view: e, pageSizeOptions: t, showPageSize: n = !0, showRange: r = !0, pageSizeLabel: i = "Rows per page", ...a }) {
+function me({ view: e, pageSizeOptions: t, showPageSize: n = !0, showRange: r = !0, pageSizeLabel: i = "Rows per page", ...a }) {
 	let { table: o } = e, { pageIndex: s, pageSize: c } = e.state.pagination, l = o.getRowCount(), u = o.getPageCount(), d = t ?? e.pageSizeOptions, f = l === 0 ? 0 : s * c + 1, p = Math.min((s + 1) * c, l);
-	return /* @__PURE__ */ F(b, {
+	return /* @__PURE__ */ I(x, {
 		justify: "space-between",
 		wrap: "wrap",
 		gap: "sm",
 		...a,
-		children: [/* @__PURE__ */ F(b, {
+		children: [/* @__PURE__ */ I(x, {
 			gap: "sm",
 			wrap: "wrap",
-			children: [n && /* @__PURE__ */ P(D, {
+			children: [n && /* @__PURE__ */ F(O, {
 				"aria-label": i,
 				data: d.map(String),
 				value: String(c),
 				onChange: (e) => e && o.setPageSize(Number(e)),
 				w: 80,
 				comboboxProps: { withinPortal: !0 }
-			}), r && /* @__PURE__ */ F(M, {
+			}), r && /* @__PURE__ */ I(N, {
 				size: "sm",
 				c: "dimmed",
 				children: [
@@ -333,7 +333,7 @@ function ge({ view: e, pageSizeOptions: t, showPageSize: n = !0, showRange: r =
 					l
 				]
 			})]
-		}), /* @__PURE__ */ P(ne, {
+		}), /* @__PURE__ */ F(te, {
 			value: s + 1,
 			total: Math.max(u, 1),
 			onChange: (e) => o.setPageIndex(e - 1),
@@ -343,8 +343,8 @@ function ge({ view: e, pageSizeOptions: t, showPageSize: n = !0, showRange: r =
 }
 //#endregion
 //#region src/components/icons.tsx
-function _e({ direction: e }) {
-	return /* @__PURE__ */ F("svg", {
+function he({ direction: e }) {
+	return /* @__PURE__ */ I("svg", {
 		width: "14",
 		height: "14",
 		viewBox: "0 0 24 24",
@@ -353,8 +353,8 @@ function _e({ direction: e }) {
 		focusable: "false",
 		style: { flexShrink: 0 },
 		children: [
-			/* @__PURE__ */ P("title", { children: "sort" }),
-			/* @__PURE__ */ P("path", {
+			/* @__PURE__ */ F("title", { children: "sort" }),
+			/* @__PURE__ */ F("path", {
 				d: "M8 10l4-4 4 4",
 				stroke: "currentColor",
 				strokeWidth: "2",
@@ -362,7 +362,7 @@ function _e({ direction: e }) {
 				strokeLinejoin: "round",
 				opacity: e === "asc" ? 1 : .35
 			}),
-			/* @__PURE__ */ P("path", {
+			/* @__PURE__ */ F("path", {
 				d: "M8 14l4 4 4-4",
 				stroke: "currentColor",
 				strokeWidth: "2",
@@ -373,8 +373,8 @@ function _e({ direction: e }) {
 		]
 	});
 }
-function Y({ d: e, title: t }) {
-	return /* @__PURE__ */ F("svg", {
+function Z({ d: e, title: t }) {
+	return /* @__PURE__ */ I("svg", {
 		width: "16",
 		height: "16",
 		viewBox: "0 0 24 24",
@@ -386,48 +386,48 @@ function Y({ d: e, title: t }) {
 		"aria-hidden": "true",
 		focusable: "false",
 		style: { flexShrink: 0 },
-		children: [/* @__PURE__ */ P("title", { children: t }), /* @__PURE__ */ P("path", { d: e })]
+		children: [/* @__PURE__ */ F("title", { children: t }), /* @__PURE__ */ F("path", { d: e })]
 	});
 }
-function ve() {
-	return /* @__PURE__ */ P(Y, {
+function ge() {
+	return /* @__PURE__ */ F(Z, {
 		title: "search",
 		d: "M21 21l-4.3-4.3M11 19a8 8 0 110-16 8 8 0 010 16z"
 	});
 }
-function ye() {
-	return /* @__PURE__ */ P(Y, {
+function _e() {
+	return /* @__PURE__ */ F(Z, {
 		title: "filter",
 		d: "M3 5h18M7 12h10M10 19h4"
 	});
 }
-function be() {
-	return /* @__PURE__ */ P(Y, {
+function ve() {
+	return /* @__PURE__ */ F(Z, {
 		title: "open",
 		d: "M6 9l6 6 6-6"
 	});
 }
-function xe() {
-	return /* @__PURE__ */ P(Y, {
+function ye() {
+	return /* @__PURE__ */ F(Z, {
 		title: "close",
 		d: "M18 6L6 18M6 6l12 12"
 	});
 }
-function Se() {
-	return /* @__PURE__ */ P(Y, {
+function be() {
+	return /* @__PURE__ */ F(Z, {
 		title: "pin left",
 		d: "M4 4v16M9 8h8M9 12h6M9 16h8"
 	});
 }
-function Ce() {
-	return /* @__PURE__ */ P(Y, {
+function xe() {
+	return /* @__PURE__ */ F(Z, {
 		title: "pin right",
 		d: "M20 4v16M7 8h8M9 12h6M7 16h8"
 	});
 }
 //#endregion
 //#region src/components/DataTable/DataTable.tsx
-function we(e) {
+function Se(e) {
 	let t = e.getIsPinned();
 	if (t) return {
 		position: "sticky",
@@ -436,11 +436,11 @@ function we(e) {
 		backgroundColor: "var(--mantine-color-body)"
 	};
 }
-function Te({ view: e, slots: t, enableSelection: n, loadingRowCount: r, disableWhileLoading: i = !0, animateRows: a = !1, ...o }) {
-	let { table: c, renderStatus: l } = e, u = i && e.status === "loading", d = q(c.getRowModel().rows, a), f = c.getVisibleLeafColumns(), p = n ?? c.options.enableRowSelection !== !1, m = f.length + +!!p, h = r ?? Math.min(e.state.pagination.pageSize, 8), g = (e) => /* @__PURE__ */ P(j.Tbody, {
+function Ce({ view: e, slots: t, enableSelection: n, loadingRowCount: r, disableWhileLoading: i = !0, animateRows: a = !1, ...o }) {
+	let { table: c, renderStatus: l } = e, u = i && e.status === "loading", d = Y(c.getRowModel().rows, a), f = c.getVisibleLeafColumns(), p = n ?? c.options.enableRowSelection !== !1, m = f.length + +!!p, h = r ?? Math.min(e.state.pagination.pageSize, 8), g = (e) => /* @__PURE__ */ F(M.Tbody, {
 		"data-changed": a || void 0,
 		children: e.map((e) => {
-			let n = d.entering.has(e.id) || void 0, r = /* @__PURE__ */ F(N, { children: [p && /* @__PURE__ */ P(j.Td, { children: /* @__PURE__ */ P(v, {
+			let n = d.entering.has(e.id) || void 0, r = /* @__PURE__ */ I(P, { children: [p && /* @__PURE__ */ F(M.Td, { children: /* @__PURE__ */ F(v, {
 				"aria-label": "Select row",
 				checked: e.getIsSelected(),
 				disabled: !e.getCanSelect(),
@@ -448,18 +448,18 @@ function Te({ view: e, slots: t, enableSelection: n, loadingRowCount: r, disable
 				onChange: e.getToggleSelectedHandler()
 			}) }), e.getVisibleCells().map((e) => {
 				let t = e.column.columnDef.meta?.align;
-				return /* @__PURE__ */ P(j.Td, {
+				return /* @__PURE__ */ F(M.Td, {
 					style: {
-						...we(e.column),
+						...Se(e.column),
 						...t ? { textAlign: t } : void 0
 					},
 					children: s(e.column.columnDef.cell, e.getContext())
 				}, e.id);
 			})] });
-			return t?.Row ? /* @__PURE__ */ P(Ee, { children: t.Row({
+			return t?.Row ? /* @__PURE__ */ F(we, { children: t.Row({
 				row: e,
 				cells: r
-			}) }, e.id) : /* @__PURE__ */ P(j.Tr, {
+			}) }, e.id) : /* @__PURE__ */ F(M.Tr, {
 				"data-selected": e.getIsSelected() || void 0,
 				"data-entering": n,
 				children: r
@@ -468,21 +468,21 @@ function Te({ view: e, slots: t, enableSelection: n, loadingRowCount: r, disable
 	}, d.generation), _ = () => {
 		if (a && l.phase === "loading" && d.rows.length > 0) return g(d.rows);
 		switch (l.phase) {
-			case "loading": return t?.LoadingTable ? t.LoadingTable() : /* @__PURE__ */ P(j.Tbody, { children: Array.from({ length: h }, (e, t) => /* @__PURE__ */ F(j.Tr, { children: [p && /* @__PURE__ */ P(j.Td, { children: /* @__PURE__ */ P(k, {
+			case "loading": return t?.LoadingTable ? t.LoadingTable() : /* @__PURE__ */ F(M.Tbody, { children: Array.from({ length: h }, (e, t) => /* @__PURE__ */ I(M.Tr, { children: [p && /* @__PURE__ */ F(M.Td, { children: /* @__PURE__ */ F(A, {
 				height: 16,
 				width: 16
-			}) }), f.map((e) => /* @__PURE__ */ P(j.Td, { children: /* @__PURE__ */ P(k, { height: 12 }) }, e.id))] }, t)) });
-			case "error": return /* @__PURE__ */ P(De, {
+			}) }), f.map((e) => /* @__PURE__ */ F(M.Td, { children: /* @__PURE__ */ F(A, { height: 12 }) }, e.id))] }, t)) });
+			case "error": return /* @__PURE__ */ F(Te, {
 				colSpan: m,
-				children: /* @__PURE__ */ P(fe, {
+				children: /* @__PURE__ */ F(ue, {
 					view: e,
 					slots: t
 				})
 			});
 			case "empty":
-			case "empty-filtered": return /* @__PURE__ */ P(De, {
+			case "empty-filtered": return /* @__PURE__ */ F(Te, {
 				colSpan: m,
-				children: /* @__PURE__ */ P(J, {
+				children: /* @__PURE__ */ F(X, {
 					view: e,
 					slots: t
 				})
@@ -490,48 +490,48 @@ function Te({ view: e, slots: t, enableSelection: n, loadingRowCount: r, disable
 			default: return g(d.rows);
 		}
 	};
-	return /* @__PURE__ */ P("div", {
+	return /* @__PURE__ */ F("div", {
 		style: c.getIsSomeColumnsPinned() ? { overflowX: "auto" } : void 0,
-		children: /* @__PURE__ */ F(j, {
+		children: /* @__PURE__ */ I(M, {
 			layout: "fixed",
 			...o,
-			children: [/* @__PURE__ */ P(j.Thead, { children: c.getHeaderGroups().map((e) => /* @__PURE__ */ F(j.Tr, { children: [p && /* @__PURE__ */ P(j.Th, {
+			children: [/* @__PURE__ */ F(M.Thead, { children: c.getHeaderGroups().map((e) => /* @__PURE__ */ I(M.Tr, { children: [p && /* @__PURE__ */ F(M.Th, {
 				style: { width: 40 },
-				children: /* @__PURE__ */ P(v, {
+				children: /* @__PURE__ */ F(v, {
 					"aria-label": "Select all rows on this page",
 					checked: c.getIsAllPageRowsSelected(),
 					indeterminate: c.getIsSomePageRowsSelected() && !c.getIsAllPageRowsSelected(),
 					onChange: c.getToggleAllPageRowsSelectedHandler()
 				})
-			}), e.headers.map((e) => /* @__PURE__ */ P(Oe, {
+			}), e.headers.map((e) => /* @__PURE__ */ F(Ee, {
 				header: e,
 				disabled: u
 			}, e.id))] }, e.id)) }), _()]
 		})
 	});
 }
-function Ee({ children: e }) {
-	return /* @__PURE__ */ P(N, { children: e });
+function we({ children: e }) {
+	return /* @__PURE__ */ F(P, { children: e });
 }
-function De({ colSpan: e, children: t }) {
-	return /* @__PURE__ */ P(j.Tbody, { children: /* @__PURE__ */ P(j.Tr, { children: /* @__PURE__ */ P(j.Td, {
+function Te({ colSpan: e, children: t }) {
+	return /* @__PURE__ */ F(M.Tbody, { children: /* @__PURE__ */ F(M.Tr, { children: /* @__PURE__ */ F(M.Td, {
 		colSpan: e,
-		children: /* @__PURE__ */ P(_, {
+		children: /* @__PURE__ */ F(_, {
 			p: "xl",
 			children: t
 		})
 	}) }) });
 }
-function Oe({ header: e, disabled: t }) {
+function Ee({ header: e, disabled: t }) {
 	let { column: n } = e, r = n.columnDef.meta?.align, i = n.getIsSorted(), a = n.getSortIndex(), o = a > 0, c = e.isPlaceholder ? null : s(n.columnDef.header, e.getContext()), l = n.getCanSort() && !t, u = n.columnDef.size;
-	return /* @__PURE__ */ P(j.Th, {
+	return /* @__PURE__ */ F(M.Th, {
 		style: {
-			...we(n),
+			...Se(n),
 			...r ? { textAlign: r } : void 0,
 			...u == null ? void 0 : { width: u }
 		},
 		"aria-sort": i === "asc" ? "ascending" : i === "desc" ? "descending" : void 0,
-		children: l ? /* @__PURE__ */ F(ae, {
+		children: l ? /* @__PURE__ */ I(ie, {
 			onClick: n.getToggleSortingHandler(),
 			style: {
 				display: "inline-flex",
@@ -541,8 +541,8 @@ function Oe({ header: e, disabled: t }) {
 			},
 			children: [
 				c,
-				/* @__PURE__ */ P(_e, { direction: i }),
-				o && /* @__PURE__ */ P("span", {
+				/* @__PURE__ */ F(he, { direction: i }),
+				o && /* @__PURE__ */ F("span", {
 					role: "note",
 					style: {
 						fontSize: "0.7em",
@@ -552,33 +552,33 @@ function Oe({ header: e, disabled: t }) {
 					children: a + 1
 				})
 			]
-		}) : /* @__PURE__ */ F("span", {
+		}) : /* @__PURE__ */ I("span", {
 			style: {
 				display: "inline-flex",
 				alignItems: "center",
 				gap: 4,
 				...t ? { opacity: .5 } : {}
 			},
-			children: [c, i && /* @__PURE__ */ P(_e, { direction: i })]
+			children: [c, i && /* @__PURE__ */ F(he, { direction: i })]
 		})
 	});
 }
 //#endregion
 //#region src/core/useForceCards.ts
-var ke = "(max-width: 0px)";
-function Ae(e) {
+var De = "(max-width: 0px)";
+function Oe(e) {
 	let t = /^([\d.]+)(\D*)$/.exec(e.trim());
 	if (!t) return `(max-width: ${e})`;
 	let n = Number(t[1]), r = t[2] || "px";
 	return `(max-width: ${n - (r === "em" || r === "rem" ? .01 : .1)}${r})`;
 }
-function je(e) {
-	let t = oe(), n = e?.forceCardsBelow, r = n ? t.breakpoints[n] : void 0, i = W(r ? Ae(r) : ke, !1);
+function ke(e) {
+	let t = ae(), n = e?.forceCardsBelow, r = n ? t.breakpoints[n] : void 0, i = G(r ? Oe(r) : De, !1);
 	return !!r && !!i;
 }
 //#endregion
 //#region src/core/formatValue.ts
-var Me = {
+var Ae = {
 	text: (e) => e == null ? "" : String(e),
 	number: (e) => e == null ? "" : new Intl.NumberFormat().format(Number(e)),
 	currency: (e) => e == null ? "" : new Intl.NumberFormat(void 0, {
@@ -592,7 +592,7 @@ var Me = {
 	},
 	boolean: (e) => e == null ? "" : e ? "Yes" : "No"
 };
-function Ne(e, t) {
+function je(e, t) {
 	if (e === "number" || e === "currency") {
 		let n = new Intl.NumberFormat(void 0, e === "currency" ? {
 			style: "currency",
@@ -608,35 +608,35 @@ function Ne(e, t) {
 			return Number.isNaN(n.getTime()) ? String(t) : e.format(n);
 		};
 	}
-	return Me[e];
+	return Ae[e];
 }
-function Pe(e, t, n) {
+function Me(e, t, n) {
 	let r = t ?? n?.[e];
-	return r ? typeof r == "function" ? r : Ne(e, r) : Me[e];
+	return r ? typeof r == "function" ? r : je(e, r) : Ae[e];
 }
 //#endregion
 //#region src/components/DataToolbar/FacetBuckets.tsx
-function Fe({ facet: e, value: t, onChange: n }) {
+function Ne({ facet: e, value: t, onChange: n }) {
 	let r = Array.isArray(t) ? t : null;
-	return /* @__PURE__ */ P(A, {
+	return /* @__PURE__ */ F(j, {
 		gap: 4,
 		children: e.ranges.map((e) => {
 			let t = r != null && r[0] === e.from && r[1] === e.to;
-			return /* @__PURE__ */ P(ae, {
+			return /* @__PURE__ */ F(ie, {
 				onClick: () => n(t ? void 0 : [e.from, e.to]),
 				style: {
 					padding: "4px 8px",
 					borderRadius: 4,
 					background: t ? "var(--mantine-color-blue-light)" : void 0
 				},
-				children: /* @__PURE__ */ F(b, {
+				children: /* @__PURE__ */ I(x, {
 					gap: "xs",
 					justify: "space-between",
 					wrap: "nowrap",
-					children: [/* @__PURE__ */ P(M, {
+					children: [/* @__PURE__ */ F(N, {
 						size: "sm",
 						children: e.label
-					}), /* @__PURE__ */ P(p, {
+					}), /* @__PURE__ */ F(p, {
 						size: "sm",
 						variant: "light",
 						color: e.count === 0 ? "gray" : "blue",
@@ -649,15 +649,15 @@ function Fe({ facet: e, value: t, onChange: n }) {
 }
 //#endregion
 //#region src/components/DataToolbar/FilterControl.tsx
-function Ie({ label: e, onClear: t }) {
-	return /* @__PURE__ */ F(b, {
+function Pe({ label: e, onClear: t }) {
+	return /* @__PURE__ */ I(x, {
 		justify: "space-between",
 		wrap: "nowrap",
-		children: [/* @__PURE__ */ P(M, {
+		children: [/* @__PURE__ */ F(N, {
 			size: "sm",
 			fw: 500,
 			children: e
-		}), /* @__PURE__ */ P(f, {
+		}), /* @__PURE__ */ F(f, {
 			component: "button",
 			type: "button",
 			size: "xs",
@@ -667,28 +667,28 @@ function Ie({ label: e, onClear: t }) {
 		})]
 	});
 }
-function Le(e) {
+function Fe(e) {
 	return e ? typeof e == "string" ? e : e.toISOString().split("T")[0] ?? null : null;
 }
-function Re(e) {
+function Ie(e) {
 	return Array.isArray(e) ? [e[0], e[1]] : [null, null];
 }
-function ze(e, t) {
+function Le(e, t) {
 	return e.values.length > 0 ? e.values.map((e) => ({
 		value: e.value,
 		label: `${e.label ?? e.value} (${e.count})`,
 		disabled: e.count === 0
 	})) : t ?? [];
 }
-function Be({ column: e, facet: t }) {
+function Re({ column: e, facet: t }) {
 	let n = e.columnDef.meta?.filter;
 	if (!n) return null;
-	let r = K(e), i = n.placeholder ?? r, a = e.getFilterValue(), o = (t) => e.setFilterValue(t);
+	let r = J(e), i = n.placeholder ?? r, a = e.getFilterValue(), o = (t) => e.setFilterValue(t);
 	if (n.component) {
 		let t = n.component;
-		return /* @__PURE__ */ P(x.Wrapper, {
+		return /* @__PURE__ */ F(S.Wrapper, {
 			label: r,
-			children: /* @__PURE__ */ P(t, {
+			children: /* @__PURE__ */ F(t, {
 				value: a,
 				onChange: o,
 				column: e
@@ -697,26 +697,26 @@ function Be({ column: e, facet: t }) {
 	}
 	let s = t?.type === "values" ? t : void 0, c = t?.type === "ranges" ? t : void 0;
 	switch (n.variant) {
-		case "select": return /* @__PURE__ */ P(D, {
+		case "select": return /* @__PURE__ */ F(O, {
 			label: r,
 			placeholder: i,
 			clearable: !0,
-			data: s ? ze(s, n.options) : n.options ?? [],
+			data: s ? Le(s, n.options) : n.options ?? [],
 			value: a ?? null,
 			onChange: (e) => o(e ?? void 0)
 		});
-		case "multiselect": return /* @__PURE__ */ P(te, {
+		case "multiselect": return /* @__PURE__ */ F(ee, {
 			label: r,
 			placeholder: i,
-			data: s ? ze(s, n.options) : n.options ?? [],
+			data: s ? Le(s, n.options) : n.options ?? [],
 			value: a ?? [],
 			onChange: (e) => o(e.length > 0 ? e : void 0)
 		});
 		case "boolean": {
 			let e = a == null ? "all" : a ? "yes" : "no", t = s?.values.find((e) => e.value === "true"), n = s?.values.find((e) => e.value === "false"), i = t ? `Yes (${t.count})` : "Yes", c = n ? `No (${n.count})` : "No";
-			return /* @__PURE__ */ P(x.Wrapper, {
+			return /* @__PURE__ */ F(S.Wrapper, {
 				label: r,
-				children: /* @__PURE__ */ P(E, {
+				children: /* @__PURE__ */ F(D, {
 					fullWidth: !0,
 					size: "xs",
 					data: [
@@ -741,21 +741,21 @@ function Be({ column: e, facet: t }) {
 			});
 		}
 		case "numberRange": {
-			let [t, i] = Re(a), s = n.min ?? c?.min, l = n.max ?? c?.max, u = s != null && l != null, d = a != null, f = c ? /* @__PURE__ */ P(Fe, {
+			let [t, i] = Ie(a), s = n.min ?? c?.min, l = n.max ?? c?.max, u = s != null && l != null, d = a != null, f = c ? /* @__PURE__ */ F(Ne, {
 				facet: c,
 				value: a,
 				onChange: o
-			}) : null, p = d ? /* @__PURE__ */ P(Ie, {
+			}) : null, p = d ? /* @__PURE__ */ F(Pe, {
 				label: r,
 				onClear: () => o(void 0)
 			}) : r;
 			if (u) {
-				let a = [t ?? s, i ?? l], c = e.columnDef.meta?.dataType, u = c ? Pe(c, e.columnDef.meta?.format, void 0) : (e) => String(e);
-				return /* @__PURE__ */ P(x.Wrapper, {
+				let a = [t ?? s, i ?? l], c = e.columnDef.meta?.dataType, u = c ? Me(c, e.columnDef.meta?.format, void 0) : (e) => String(e);
+				return /* @__PURE__ */ F(S.Wrapper, {
 					label: p,
-					children: /* @__PURE__ */ F(A, {
+					children: /* @__PURE__ */ I(j, {
 						gap: "xs",
-						children: [f, /* @__PURE__ */ P(T, {
+						children: [f, /* @__PURE__ */ F(E, {
 							min: s,
 							max: l,
 							step: n.step ?? 1,
@@ -770,23 +770,23 @@ function Be({ column: e, facet: t }) {
 					})
 				});
 			}
-			if (f) return /* @__PURE__ */ P(x.Wrapper, {
+			if (f) return /* @__PURE__ */ F(S.Wrapper, {
 				label: p,
 				children: f
 			});
 			let m = (e) => o(e[0] == null && e[1] == null ? void 0 : e), h = (e) => e === "" || e == null ? null : Number(e);
-			return /* @__PURE__ */ P(x.Wrapper, {
+			return /* @__PURE__ */ F(S.Wrapper, {
 				label: r,
-				children: /* @__PURE__ */ F(b, {
+				children: /* @__PURE__ */ I(x, {
 					gap: 4,
 					wrap: "nowrap",
-					children: [/* @__PURE__ */ P(C, {
+					children: [/* @__PURE__ */ F(w, {
 						"aria-label": `${r} minimum`,
 						placeholder: "Min",
 						value: t ?? "",
 						onChange: (e) => m([h(e), i]),
 						w: 90
-					}), /* @__PURE__ */ P(C, {
+					}), /* @__PURE__ */ F(w, {
 						"aria-label": `${r} maximum`,
 						placeholder: "Max",
 						value: i ?? "",
@@ -796,42 +796,42 @@ function Be({ column: e, facet: t }) {
 				})
 			});
 		}
-		case "date": return /* @__PURE__ */ P(G, {
+		case "date": return /* @__PURE__ */ F(K, {
 			label: r,
 			placeholder: i,
 			clearable: !0,
 			popoverProps: { withinPortal: !1 },
 			value: a ? new Date(a) : null,
-			onChange: (e) => o(Le(e) ?? void 0)
+			onChange: (e) => o(Fe(e) ?? void 0)
 		});
 		case "dateRange": {
-			let [e, t] = Re(a), n = [e ? new Date(e) : null, t ? new Date(t) : null], s = a == null ? r : /* @__PURE__ */ P(Ie, {
+			let [e, t] = Ie(a), n = [e ? new Date(e) : null, t ? new Date(t) : null], s = a == null ? r : /* @__PURE__ */ F(Pe, {
 				label: r,
 				onClear: () => o(void 0)
 			});
-			return /* @__PURE__ */ P(x.Wrapper, {
+			return /* @__PURE__ */ F(S.Wrapper, {
 				label: s,
-				children: /* @__PURE__ */ F(A, {
+				children: /* @__PURE__ */ I(j, {
 					gap: "xs",
-					children: [c && /* @__PURE__ */ P(Fe, {
+					children: [c && /* @__PURE__ */ F(Ne, {
 						facet: c,
 						value: a,
 						onChange: o
-					}), /* @__PURE__ */ P(G, {
+					}), /* @__PURE__ */ F(K, {
 						type: "range",
 						popoverProps: { withinPortal: !1 },
 						placeholder: i,
 						clearable: !0,
 						value: n,
 						onChange: ([e, t]) => {
-							let n = Le(e), r = Le(t);
+							let n = Fe(e), r = Fe(t);
 							o(n == null && r == null ? void 0 : [n, r]);
 						}
 					})]
 				})
 			});
 		}
-		default: return /* @__PURE__ */ P(ie, {
+		default: return /* @__PURE__ */ F(re, {
 			label: r,
 			placeholder: i,
 			value: a ?? "",
@@ -841,59 +841,59 @@ function Be({ column: e, facet: t }) {
 }
 //#endregion
 //#region src/components/DataToolbar/FilterControls.tsx
-function Ve({ view: e }) {
-	return e.state.columnFilters.length > 0 ? /* @__PURE__ */ P(h, {
+function ze({ view: e }) {
+	return e.state.columnFilters.length > 0 ? /* @__PURE__ */ F(h, {
 		variant: "subtle",
 		size: "compact-sm",
 		color: "gray",
-		leftSection: /* @__PURE__ */ P(xe, {}),
+		leftSection: /* @__PURE__ */ F(ye, {}),
 		onClick: () => e.table.resetColumnFilters(),
 		children: "Reset filters"
 	}) : null;
 }
-function He(e) {
+function Be(e) {
 	return e > 0 ? `Filters (${e})` : "Filters";
 }
-function Ue({ view: e, controls: t }) {
-	return /* @__PURE__ */ F(A, {
+function Ve({ view: e, controls: t }) {
+	return /* @__PURE__ */ I(j, {
 		gap: "sm",
 		style: { minWidth: 240 },
-		children: [t, /* @__PURE__ */ P(b, {
+		children: [t, /* @__PURE__ */ F(x, {
 			justify: "flex-end",
-			children: /* @__PURE__ */ P(Ve, { view: e })
+			children: /* @__PURE__ */ F(ze, { view: e })
 		})]
 	});
 }
-function We({ view: e, inlineThreshold: t }) {
-	let n = e.filterableColumns, r = W(Ae(oe().breakpoints.sm), !1), [i, { open: a, close: o }] = se(!1);
+function He({ view: e, inlineThreshold: t }) {
+	let n = e.filterableColumns, r = G(Oe(ae().breakpoints.sm), !1), [i, { open: a, close: o }] = oe(!1);
 	if (n.length === 0) return null;
-	let s = n.map((t) => /* @__PURE__ */ P(Be, {
+	let s = n.map((t) => /* @__PURE__ */ F(Re, {
 		column: t,
 		facet: e.facets[t.id]
 	}, t.id)), c = e.state.columnFilters.length;
-	return r ? /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(h, {
+	return r ? /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(h, {
 		variant: "default",
-		leftSection: /* @__PURE__ */ P(ye, {}),
+		leftSection: /* @__PURE__ */ F(_e, {}),
 		onClick: a,
-		children: He(c)
-	}), /* @__PURE__ */ P(ee, {
+		children: Be(c)
+	}), /* @__PURE__ */ F(b, {
 		opened: i,
 		onClose: o,
 		title: "Filters",
 		position: "bottom",
 		size: "auto",
-		children: /* @__PURE__ */ P(Ue, {
+		children: /* @__PURE__ */ F(Ve, {
 			view: e,
 			controls: s
 		})
-	})] }) : n.length <= t ? /* @__PURE__ */ F(N, { children: [s, /* @__PURE__ */ P(Ve, { view: e })] }) : /* @__PURE__ */ F(w, {
+	})] }) : n.length <= t ? /* @__PURE__ */ I(P, { children: [s, /* @__PURE__ */ F(ze, { view: e })] }) : /* @__PURE__ */ I(T, {
 		position: "bottom-start",
 		closeOnClickOutside: !1,
-		children: [/* @__PURE__ */ P(w.Target, { children: /* @__PURE__ */ P(h, {
+		children: [/* @__PURE__ */ F(T.Target, { children: /* @__PURE__ */ F(h, {
 			variant: "default",
-			leftSection: /* @__PURE__ */ P(ye, {}),
-			children: He(c)
-		}) }), /* @__PURE__ */ P(w.Dropdown, { children: /* @__PURE__ */ P(Ue, {
+			leftSection: /* @__PURE__ */ F(_e, {}),
+			children: Be(c)
+		}) }), /* @__PURE__ */ F(T.Dropdown, { children: /* @__PURE__ */ F(Ve, {
 			view: e,
 			controls: s
 		}) })]
@@ -901,25 +901,25 @@ function We({ view: e, inlineThreshold: t }) {
 }
 //#endregion
 //#region src/components/DataToolbar/SortControl.tsx
-function Ge({ view: e }) {
+function Ue({ view: e }) {
 	let { sortableColumns: t, state: n, table: r } = e, i = n.sorting[0];
-	return /* @__PURE__ */ F(b, {
+	return /* @__PURE__ */ I(x, {
 		gap: 4,
 		wrap: "nowrap",
-		children: [/* @__PURE__ */ P(D, {
+		children: [/* @__PURE__ */ F(O, {
 			"aria-label": "Sort by",
 			placeholder: "Sort by",
 			clearable: !0,
 			data: t.map((e) => ({
 				value: e.id,
-				label: K(e)
+				label: J(e)
 			})),
 			value: i?.id ?? null,
 			onChange: (e) => r.setSorting(e ? [{
 				id: e,
 				desc: i?.desc ?? !1
 			}] : [])
-		}), /* @__PURE__ */ P(d, {
+		}), /* @__PURE__ */ F(d, {
 			"aria-label": "Toggle sort direction",
 			variant: "default",
 			size: "lg",
@@ -928,14 +928,14 @@ function Ge({ view: e }) {
 				id: i.id,
 				desc: !i.desc
 			}]),
-			children: /* @__PURE__ */ P(_e, { direction: i ? i.desc ? "desc" : "asc" : !1 })
+			children: /* @__PURE__ */ F(he, { direction: i ? i.desc ? "desc" : "asc" : !1 })
 		})]
 	});
 }
 //#endregion
 //#region src/components/DataToolbar/ViewSwitcher.tsx
-function Ke({ view: e, lockSwitcherOnMobile: t, tableLabel: n = "Table", cardsLabel: r = "Cards" }) {
-	return e.isMobileForced && t ? null : /* @__PURE__ */ P(E, {
+function We({ view: e, lockSwitcherOnMobile: t, tableLabel: n = "Table", cardsLabel: r = "Cards" }) {
+	return e.isMobileForced && t ? null : /* @__PURE__ */ F(D, {
 		"aria-label": "View",
 		value: e.view,
 		disabled: e.isMobileForced,
@@ -953,81 +953,81 @@ function Ke({ view: e, lockSwitcherOnMobile: t, tableLabel: n = "Table", cardsLa
 }
 //#endregion
 //#region src/components/DataToolbar/VisibilityMenu.tsx
-function qe({ column: e }) {
+function Ge({ column: e }) {
 	if (!e.getCanPin()) return null;
 	let t = e.getIsPinned();
-	return /* @__PURE__ */ F(b, {
+	return /* @__PURE__ */ I(x, {
 		gap: 2,
-		children: [/* @__PURE__ */ P(d, {
+		children: [/* @__PURE__ */ F(d, {
 			size: "xs",
 			variant: t === "left" ? "filled" : "subtle",
 			color: t === "left" ? "blue" : "gray",
-			"aria-label": `Pin ${K(e)} left`,
+			"aria-label": `Pin ${J(e)} left`,
 			onClick: () => e.pin(t === "left" ? !1 : "left"),
-			children: /* @__PURE__ */ P(Se, {})
-		}), /* @__PURE__ */ P(d, {
+			children: /* @__PURE__ */ F(be, {})
+		}), /* @__PURE__ */ F(d, {
 			size: "xs",
 			variant: t === "right" ? "filled" : "subtle",
 			color: t === "right" ? "blue" : "gray",
-			"aria-label": `Pin ${K(e)} right`,
+			"aria-label": `Pin ${J(e)} right`,
 			onClick: () => e.pin(t === "right" ? !1 : "right"),
-			children: /* @__PURE__ */ P(Ce, {})
+			children: /* @__PURE__ */ F(xe, {})
 		})]
 	});
 }
-function Je({ view: e }) {
+function Ke({ view: e }) {
 	let t = e.table.getAllLeafColumns().filter((e) => e.getCanHide());
-	return t.length === 0 ? null : /* @__PURE__ */ F(S, {
+	return t.length === 0 ? null : /* @__PURE__ */ I(C, {
 		closeOnItemClick: !1,
 		withinPortal: !0,
 		position: "bottom-end",
-		children: [/* @__PURE__ */ P(S.Target, { children: /* @__PURE__ */ P(h, {
+		children: [/* @__PURE__ */ F(C.Target, { children: /* @__PURE__ */ F(h, {
 			variant: "default",
-			rightSection: /* @__PURE__ */ P(be, {}),
+			rightSection: /* @__PURE__ */ F(ve, {}),
 			children: "Columns"
-		}) }), /* @__PURE__ */ P(S.Dropdown, { children: /* @__PURE__ */ P(A, {
+		}) }), /* @__PURE__ */ F(C.Dropdown, { children: /* @__PURE__ */ F(j, {
 			gap: "xs",
 			p: "xs",
-			children: t.map((e) => /* @__PURE__ */ F(b, {
+			children: t.map((e) => /* @__PURE__ */ I(x, {
 				gap: "xs",
 				justify: "space-between",
 				wrap: "nowrap",
-				children: [/* @__PURE__ */ P(v, {
-					label: K(e),
+				children: [/* @__PURE__ */ F(v, {
+					label: J(e),
 					checked: e.getIsVisible(),
 					onChange: (t) => e.toggleVisibility(t.currentTarget.checked)
-				}), /* @__PURE__ */ P(qe, { column: e })]
+				}), /* @__PURE__ */ F(Ge, { column: e })]
 			}, e.id))
 		}) })]
 	});
 }
 //#endregion
 //#region src/components/DataToolbar/DataToolbar.tsx
-function Ye({ view: e, searchPlaceholder: t = "Search…", filterInlineThreshold: n = 3, lockSwitcherOnMobile: r, showSearch: i, showFilters: a, showSort: o, showVisibility: s, showViewSwitcher: c, disableWhileLoading: l = !0, leftSection: u, rightSection: d, ...f }) {
-	let { table: p, state: m } = e, h = l && e.status === "loading", g = i ?? p.options.enableGlobalFilter !== !1, _ = a ?? e.filterableColumns.length > 0, v = o ?? e.sortableColumns.length > 0, ee = s ?? !0, x = c ?? !0;
-	return /* @__PURE__ */ F(b, {
+function qe({ view: e, searchPlaceholder: t = "Search…", filterInlineThreshold: n = 3, lockSwitcherOnMobile: r, showSearch: i, showFilters: a, showSort: o, showVisibility: s, showViewSwitcher: c, disableWhileLoading: l = !0, leftSection: u, rightSection: d, ...f }) {
+	let { table: p, state: m } = e, h = l && e.status === "loading", g = i ?? p.options.enableGlobalFilter !== !1, _ = a ?? e.filterableColumns.length > 0, v = o ?? e.sortableColumns.length > 0, b = s ?? !0, S = c ?? !0;
+	return /* @__PURE__ */ I(x, {
 		justify: "space-between",
 		wrap: "wrap",
 		gap: "sm",
 		...f,
-		children: [/* @__PURE__ */ F(b, {
+		children: [/* @__PURE__ */ I(x, {
 			wrap: "wrap",
 			gap: "sm",
 			children: [
 				u,
-				g && /* @__PURE__ */ P(ie, {
+				g && /* @__PURE__ */ F(re, {
 					"aria-label": "Search",
 					placeholder: t,
-					leftSection: /* @__PURE__ */ P(ve, {}),
+					leftSection: /* @__PURE__ */ F(ge, {}),
 					value: m.globalFilter,
 					onChange: (e) => p.setGlobalFilter(e.currentTarget.value),
-					rightSection: m.globalFilter ? /* @__PURE__ */ P(y, {
+					rightSection: m.globalFilter ? /* @__PURE__ */ F(y, {
 						size: "sm",
 						"aria-label": "Clear search",
 						onClick: () => p.setGlobalFilter("")
 					}) : void 0
 				}),
-				/* @__PURE__ */ F("fieldset", {
+				/* @__PURE__ */ I("fieldset", {
 					disabled: h,
 					style: {
 						display: "contents",
@@ -1035,13 +1035,13 @@ function Ye({ view: e, searchPlaceholder: t = "Search…", filterInlineThreshold
 						padding: 0,
 						margin: 0
 					},
-					children: [_ && /* @__PURE__ */ P(We, {
+					children: [_ && /* @__PURE__ */ F(He, {
 						view: e,
 						inlineThreshold: n
-					}), v && /* @__PURE__ */ P(Ge, { view: e })]
+					}), v && /* @__PURE__ */ F(Ue, { view: e })]
 				})
 			]
-		}), /* @__PURE__ */ P("fieldset", {
+		}), /* @__PURE__ */ F("fieldset", {
 			disabled: h,
 			style: {
 				display: "contents",
@@ -1049,12 +1049,12 @@ function Ye({ view: e, searchPlaceholder: t = "Search…", filterInlineThreshold
 				padding: 0,
 				margin: 0
 			},
-			children: /* @__PURE__ */ F(b, {
+			children: /* @__PURE__ */ I(x, {
 				wrap: "wrap",
 				gap: "sm",
 				children: [
-					ee && /* @__PURE__ */ P(Je, { view: e }),
-					x && /* @__PURE__ */ P(Ke, {
+					b && /* @__PURE__ */ F(Ke, { view: e }),
+					S && /* @__PURE__ */ F(We, {
 						view: e,
 						lockSwitcherOnMobile: r
 					}),
@@ -1066,17 +1066,17 @@ function Ye({ view: e, searchPlaceholder: t = "Search…", filterInlineThreshold
 }
 //#endregion
 //#region src/components/DataViewer/context.tsx
-var Xe = L(null), Ze = Xe.Provider;
-function X() {
-	let e = z(Xe);
+var Je = R(null), Ye = Je.Provider;
+function Q() {
+	let e = B(Je);
 	if (!e) throw Error("DataViewer.Toolbar / DataViewer.Body / DataViewer.Pagination must be rendered inside <DataViewer>.");
 	return e;
 }
 //#endregion
 //#region src/components/DataViewer/DataViewer.tsx
-function Z({ view: e, slots: t, renderCard: n, fallbackRole: r, lockSwitcherOnMobile: i, animateRows: a, children: o, ...s }) {
-	return /* @__PURE__ */ P(Ze, {
-		value: V(() => ({
+function $({ view: e, slots: t, renderCard: n, fallbackRole: r, lockSwitcherOnMobile: i, animateRows: a, children: o, ...s }) {
+	return /* @__PURE__ */ F(Ye, {
+		value: H(() => ({
 			view: e,
 			slots: t,
 			renderCard: n,
@@ -1091,63 +1091,63 @@ function Z({ view: e, slots: t, renderCard: n, fallbackRole: r, lockSwitcherOnMo
 			i,
 			a
 		]),
-		children: /* @__PURE__ */ P(A, {
+		children: /* @__PURE__ */ F(j, {
 			...s,
-			children: o ?? /* @__PURE__ */ F(N, { children: [
-				/* @__PURE__ */ P(Qe, {}),
-				/* @__PURE__ */ P(tt, {}),
-				/* @__PURE__ */ P($e, {}),
-				/* @__PURE__ */ P(et, {})
+			children: o ?? /* @__PURE__ */ I(P, { children: [
+				/* @__PURE__ */ F(Xe, {}),
+				/* @__PURE__ */ F($e, {}),
+				/* @__PURE__ */ F(Ze, {}),
+				/* @__PURE__ */ F(Qe, {})
 			] })
 		})
 	});
 }
-function Qe(e) {
-	let { view: t, lockSwitcherOnMobile: n } = X();
-	return /* @__PURE__ */ P(Ye, {
+function Xe(e) {
+	let { view: t, lockSwitcherOnMobile: n } = Q();
+	return /* @__PURE__ */ F(qe, {
 		view: t,
 		lockSwitcherOnMobile: n,
 		...e
 	});
 }
-function $e({ tableProps: e, cardsProps: t }) {
-	let { view: n, slots: r, renderCard: i, fallbackRole: a, animateRows: o } = X();
-	return n.view === "cards" ? /* @__PURE__ */ P(me, {
+function Ze({ tableProps: e, cardsProps: t }) {
+	let { view: n, slots: r, renderCard: i, fallbackRole: a, animateRows: o } = Q();
+	return n.view === "cards" ? /* @__PURE__ */ F(fe, {
 		view: n,
 		slots: r,
 		renderCard: i,
 		fallbackRole: a,
 		animateRows: o,
 		...t
-	}) : /* @__PURE__ */ P(Te, {
+	}) : /* @__PURE__ */ F(Ce, {
 		view: n,
 		slots: r,
 		animateRows: o,
 		...e
 	});
 }
-function et(e) {
-	let { view: t } = X();
-	return /* @__PURE__ */ P(ge, {
+function Qe(e) {
+	let { view: t } = Q();
+	return /* @__PURE__ */ F(me, {
 		view: t,
 		...e
 	});
 }
-function tt(e) {
-	let { view: t, slots: n } = X();
-	return /* @__PURE__ */ P(ce, {
+function $e(e) {
+	let { view: t, slots: n } = Q();
+	return /* @__PURE__ */ F(q, {
 		view: t,
 		slots: n,
 		...e
 	});
 }
-Z.Toolbar = Qe, Z.BulkActions = tt, Z.Body = $e, Z.Pagination = et;
+$.Toolbar = Xe, $.BulkActions = $e, $.Body = Ze, $.Pagination = Qe;
 //#endregion
 //#region src/core/colBuilder.ts
-function nt(e) {
+function et(e) {
 	return e.replace(/_/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-var rt = {
+var tt = {
 	text: {
 		dataType: "text",
 		filterVariant: "text"
@@ -1172,13 +1172,13 @@ var rt = {
 	},
 	select: { filterVariant: "select" },
 	multiselect: { filterVariant: "multiselect" }
-}, it = class {
+}, nt = class {
 	cols = [];
 	helper = o();
 	add(e, t, n) {
-		let r = rt[e];
+		let r = tt[e];
 		if (!r) throw Error(`Unknown preset: ${e}`);
-		let i = n?.header ?? nt(t), a = n?.align ?? r.align, o;
+		let i = n?.header ?? et(t), a = n?.align ?? r.align, o;
 		if (n?.filter === !1) o = void 0;
 		else {
 			let e = {
@@ -1237,30 +1237,30 @@ var rt = {
 		return this.cols;
 	}
 };
-function at() {
-	return new it();
+function rt() {
+	return new nt();
 }
 //#endregion
 //#region src/core/exportCsv.ts
-function Q(e) {
+function it(e) {
 	let t = e == null ? "" : String(e);
 	return t.includes(",") || t.includes("\"") || t.includes("\n") ? `"${t.replace(/"/g, "\"\"")}"` : t;
 }
-function ot(e, t) {
-	let { filename: n = "export.csv", separator: r = ",", formatted: i = !1, formatDefaults: a } = t ?? {}, o = e.getVisibleLeafColumns().filter((e) => e.id !== "_select"), s = [o.map((e) => Q(K(e))), ...e.getRowModel().rows.map((e) => o.map((t) => {
+function at(e, t) {
+	let { filename: n = "export.csv", separator: r = ",", formatted: i = !1, formatDefaults: a } = t ?? {}, o = e.getVisibleLeafColumns().filter((e) => e.id !== "_select"), s = [o.map((e) => it(J(e))), ...e.getRowModel().rows.map((e) => o.map((t) => {
 		let n = e.getAllCells().find((e) => e.column.id === t.id)?.getValue();
-		return i && t.columnDef.meta?.dataType ? Q(Pe(t.columnDef.meta.dataType, t.columnDef.meta.format, a)(n)) : Q(n);
+		return i && t.columnDef.meta?.dataType ? it(Me(t.columnDef.meta.dataType, t.columnDef.meta.format, a)(n)) : it(n);
 	}))].map((e) => e.join(r)).join("\n"), c = new Blob([s], { type: "text/csv;charset=utf-8;" }), l = URL.createObjectURL(c), u = document.createElement("a");
 	u.href = l, u.download = n, u.click(), URL.revokeObjectURL(l);
 }
 //#endregion
 //#region src/core/getViewMode.ts
-function st(e) {
+function ot(e) {
 	return ("table" in e ? e.table : e).options.meta?.viewMode ?? "table";
 }
 //#endregion
 //#region src/url/useUrlSync.ts
-function ct(e) {
+function st(e) {
 	return e ? {
 		adapter: e.adapter,
 		serializer: {
@@ -1270,7 +1270,7 @@ function ct(e) {
 		include: r(e.include)
 	} : null;
 }
-function lt(e, t, r) {
+function ct(e, t, r) {
 	if (!e) return {};
 	try {
 		return n(e.adapter.read(), {
@@ -1283,21 +1283,21 @@ function lt(e, t, r) {
 		return {};
 	}
 }
-function ut({ config: r, state: i, applyPatch: a, getFilterMeta: o }) {
-	let s = H(i);
+function lt({ config: r, state: i, applyPatch: a, getFilterMeta: o }) {
+	let s = U(i);
 	s.current = i;
-	let c = H(a);
+	let c = U(a);
 	c.current = a;
-	let l = H(o);
+	let l = U(o);
 	l.current = o;
-	let u = H(r);
+	let u = U(r);
 	u.current = r;
 	let d = r ? t(i, {
 		serializer: r.serializer,
 		include: r.include,
 		getFilterMeta: o
 	}) : null;
-	B(() => {
+	V(() => {
 		let t = u.current;
 		if (!t || !d) return;
 		let n = e(t.adapter.read(), t.serializer, t.include);
@@ -1305,7 +1305,7 @@ function ut({ config: r, state: i, applyPatch: a, getFilterMeta: o }) {
 			...n,
 			...d
 		}, { replace: !0 });
-	}, [d ? JSON.stringify(d) : ""]), B(() => {
+	}, [d ? JSON.stringify(d) : ""]), V(() => {
 		if (!r) return;
 		let { adapter: e, serializer: t, include: i } = r;
 		return e.subscribe?.(() => {
@@ -1321,18 +1321,18 @@ function ut({ config: r, state: i, applyPatch: a, getFilterMeta: o }) {
 }
 //#endregion
 //#region src/core/resolveStatus.ts
-function dt(e) {
+function ut(e) {
 	return e.columnFilters.length > 0 || e.globalFilter.trim() !== "";
 }
-function ft({ status: e, error: t, pageRowCount: n, state: r }) {
+function dt({ status: e, error: t, pageRowCount: n, state: r }) {
 	return e === "error" ? {
 		phase: "error",
 		error: t
-	} : e === "loading" || e === "idle" ? { phase: "loading" } : n === 0 ? dt(r) ? { phase: "empty-filtered" } : { phase: "empty" } : { phase: "ready" };
+	} : e === "loading" || e === "idle" ? { phase: "loading" } : n === 0 ? ut(r) ? { phase: "empty-filtered" } : { phase: "empty" } : { phase: "ready" };
 }
 //#endregion
 //#region src/core/useDataView.ts
-var $ = 300, pt = [
+var ft = 300, pt = [
 	10,
 	25,
 	50,
@@ -1340,14 +1340,14 @@ var $ = 300, pt = [
 ], mt = 10;
 function ht(e) {
 	return e == null ? {
-		globalFilter: $,
-		columnFilters: $
+		globalFilter: ft,
+		columnFilters: ft
 	} : typeof e == "number" ? {
 		globalFilter: e,
 		columnFilters: e
 	} : {
-		globalFilter: e.globalFilter ?? $,
-		columnFilters: e.columnFilters ?? $
+		globalFilter: e.globalFilter ?? ft,
+		columnFilters: e.columnFilters ?? ft
 	};
 }
 function gt(e) {
@@ -1382,74 +1382,74 @@ function vt(e) {
 	};
 }
 function yt(e) {
-	let { columns: t, rows: n, rowCount: r, status: i, error: a, getRowId: o, onRequestChange: s, state: d, onStateChange: f, enableRowSelection: p, enableGlobalFilter: m = !0, debounce: h, responsive: g, formatDefaults: _, facets: v, params: y } = e, ee = v ?? {}, b = y ? JSON.stringify(y) : "", x = y ?? {}, S = V(() => t.map((e) => {
+	let { columns: t, rows: n, rowCount: r, status: i, error: a, getRowId: o, onRequestChange: s, state: d, onStateChange: f, enableRowSelection: p, enableGlobalFilter: m = !0, debounce: h, responsive: g, formatDefaults: _, facets: v, params: y } = e, b = v ?? {}, x = y ? JSON.stringify(y) : "", S = y ?? {}, C = H(() => t.map((e) => {
 		let t = e.meta?.dataType;
 		if (!t || e.cell) return e;
-		let n = Pe(t, e.meta?.format, _);
+		let n = Me(t, e.meta?.format, _);
 		return {
 			...e,
 			cell: (e) => n(e.getValue())
 		};
-	}), [t, _]), te = V(() => _t(S), [S]), C = V(() => ct(e.urlSync), [e.urlSync]), [ne, re] = U(() => {
+	}), [t, _]), ee = H(() => _t(C), [C]), w = H(() => st(e.urlSync), [e.urlSync]), [te, ne] = W(() => {
 		let t = vt(e);
 		return {
 			...t,
-			...lt(C, t, te)
+			...ct(w, t, ee)
 		};
-	}), w = V(() => ({
-		...ne,
+	}), T = H(() => ({
+		...te,
 		...d
-	}), [ne, d]), T = H(w);
-	T.current = w;
-	let E = R((e) => {
-		re((t) => ({
+	}), [te, d]), E = U(T);
+	E.current = T;
+	let D = z((e) => {
+		ne((t) => ({
 			...t,
 			...e
 		})), f?.({
-			...T.current,
+			...E.current,
 			...e
 		});
 	}, [f]);
-	ut({
-		config: C,
-		state: w,
-		applyPatch: E,
-		getFilterMeta: te
+	lt({
+		config: w,
+		state: T,
+		applyPatch: D,
+		getFilterMeta: ee
 	});
-	let D = R(() => ({
-		...T.current.pagination,
+	let O = z(() => ({
+		...E.current.pagination,
 		pageIndex: 0
-	}), []), O = H(b);
-	B(() => {
-		O.current !== b && (O.current = b, E({ pagination: D() }));
+	}), []), k = U(x);
+	V(() => {
+		k.current !== x && (k.current = x, D({ pagination: O() }));
 	});
-	let k = R((e) => {
-		E({ pagination: c(e, T.current.pagination) });
-	}, [E]), A = R((e) => {
-		E({
-			sorting: c(e, T.current.sorting),
-			pagination: D()
+	let A = z((e) => {
+		D({ pagination: c(e, E.current.pagination) });
+	}, [D]), j = z((e) => {
+		D({
+			sorting: c(e, E.current.sorting),
+			pagination: O()
 		});
-	}, [E, D]), j = R((e) => {
-		E({
-			columnFilters: c(e, T.current.columnFilters),
-			pagination: D()
+	}, [D, O]), M = z((e) => {
+		D({
+			columnFilters: c(e, E.current.columnFilters),
+			pagination: O()
 		});
-	}, [E, D]), M = R((e) => {
-		E({
-			globalFilter: c(e, T.current.globalFilter),
-			pagination: D()
+	}, [D, O]), N = z((e) => {
+		D({
+			globalFilter: c(e, E.current.globalFilter),
+			pagination: O()
 		});
-	}, [E, D]), ie = R((e) => {
-		E({ rowSelection: c(e, T.current.rowSelection) });
-	}, [E]), ae = R((e) => {
-		E({ columnVisibility: c(e, T.current.columnVisibility) });
-	}, [E]), oe = R((e) => {
-		E({ columnPinning: c(e, T.current.columnPinning) });
-	}, [E]), N = je(g), P = N ? "cards" : w.view, F = u({
+	}, [D, O]), re = z((e) => {
+		D({ rowSelection: c(e, E.current.rowSelection) });
+	}, [D]), ie = z((e) => {
+		D({ columnVisibility: c(e, E.current.columnVisibility) });
+	}, [D]), ae = z((e) => {
+		D({ columnPinning: c(e, E.current.columnPinning) });
+	}, [D]), P = ke(g), F = P ? "cards" : T.view, I = u({
 		data: n,
-		meta: { viewMode: P },
-		columns: S,
+		meta: { viewMode: F },
+		columns: C,
 		getCoreRowModel: l(),
 		manualPagination: !0,
 		manualSorting: !0,
@@ -1460,127 +1460,186 @@ function yt(e) {
 		enableRowSelection: typeof p == "function" ? (e) => p(e.original) : p ?? !0,
 		enableGlobalFilter: m,
 		state: {
-			pagination: w.pagination,
-			sorting: w.sorting,
-			columnFilters: w.columnFilters,
-			globalFilter: w.globalFilter,
-			rowSelection: w.rowSelection,
-			columnVisibility: w.columnVisibility,
-			columnPinning: w.columnPinning
+			pagination: T.pagination,
+			sorting: T.sorting,
+			columnFilters: T.columnFilters,
+			globalFilter: T.globalFilter,
+			rowSelection: T.rowSelection,
+			columnVisibility: T.columnVisibility,
+			columnPinning: T.columnPinning
 		},
-		onPaginationChange: k,
-		onSortingChange: A,
-		onColumnFiltersChange: j,
-		onGlobalFilterChange: M,
-		onRowSelectionChange: ie,
-		onColumnVisibilityChange: ae,
-		onColumnPinningChange: oe
-	}), I = V(() => ({
-		pagination: w.pagination,
-		sorting: w.sorting,
-		filters: w.columnFilters,
-		globalFilter: w.globalFilter,
-		params: x
+		onPaginationChange: A,
+		onSortingChange: j,
+		onColumnFiltersChange: M,
+		onGlobalFilterChange: N,
+		onRowSelectionChange: re,
+		onColumnVisibilityChange: ie,
+		onColumnPinningChange: ae
+	}), L = H(() => ({
+		pagination: T.pagination,
+		sorting: T.sorting,
+		filters: T.columnFilters,
+		globalFilter: T.globalFilter,
+		params: S
 	}), [
-		w.pagination,
-		w.sorting,
-		w.columnFilters,
-		w.globalFilter,
-		b
-	]), L = H(s);
-	L.current = s;
-	let z = H(ht(h));
-	z.current = ht(h);
-	let se = H(null), W = H(void 0);
-	B(() => {
-		let e = se.current, t = e === null, n = !e || e.globalFilter !== I.globalFilter, r = !e || e.filters !== I.filters, i = () => {
-			se.current = I, L.current?.(I);
+		T.pagination,
+		T.sorting,
+		T.columnFilters,
+		T.globalFilter,
+		x
+	]), R = U(s);
+	R.current = s;
+	let B = U(ht(h));
+	B.current = ht(h);
+	let oe = U(null), G = U(void 0);
+	V(() => {
+		let e = oe.current, t = e === null, n = !e || e.globalFilter !== L.globalFilter, r = !e || e.filters !== L.filters, i = () => {
+			oe.current = L, R.current?.(L);
 		}, a = 0;
-		n && (a = Math.max(a, z.current.globalFilter)), r && (a = Math.max(a, z.current.columnFilters));
+		n && (a = Math.max(a, B.current.globalFilter)), r && (a = Math.max(a, B.current.columnFilters));
 		let o = !t && (n || r) && a > 0;
-		return clearTimeout(W.current), o ? W.current = setTimeout(i, a) : i(), () => clearTimeout(W.current);
-	}, [I]);
-	let G = H(I);
-	G.current = I;
-	let ce = R(() => {
-		L.current?.(G.current);
-	}, []), K = V(() => ft({
+		return clearTimeout(G.current), o ? G.current = setTimeout(i, a) : i(), () => clearTimeout(G.current);
+	}, [L]);
+	let K = U(L);
+	K.current = L;
+	let q = z(() => {
+		R.current?.(K.current);
+	}, []), J = H(() => dt({
 		status: i,
 		error: a,
 		pageRowCount: n.length,
-		state: w
+		state: T
 	}), [
 		i,
 		a,
 		n.length,
-		w
-	]), le = R((e) => E({ view: e }), [E]), ue = e.pageSizeOptions ?? pt, q = F.getAllColumns(), de = q.filter((e) => e.getCanSort()), fe = q.filter((e) => e.columnDef.meta?.filter != null), J = R(() => E({ rowSelection: {} }), [E]);
+		T
+	]), se = z((e) => D({ view: e }), [D]), ce = e.pageSizeOptions ?? pt, Y = I.getAllColumns(), le = Y.filter((e) => e.getCanSort()), ue = Y.filter((e) => e.columnDef.meta?.filter != null), X = z(() => D({ rowSelection: {} }), [D]);
 	return {
-		table: F,
-		request: I,
-		state: w,
-		view: P,
-		setView: le,
-		isMobileForced: N,
+		table: I,
+		request: L,
+		state: T,
+		view: F,
+		setView: se,
+		isMobileForced: P,
 		status: i,
 		error: a,
-		renderStatus: K,
-		refetch: ce,
-		pageSizeOptions: ue,
-		sortableColumns: de,
-		filterableColumns: fe,
-		selection: V(() => {
-			let e = w.rowSelection, t = Object.keys(e).filter((t) => e[t]), r = n.filter((t) => e[o(t)] === !0);
+		renderStatus: J,
+		refetch: q,
+		pageSizeOptions: ce,
+		sortableColumns: le,
+		filterableColumns: ue,
+		selection: H(() => {
+			let e = T.rowSelection, t = Object.keys(e).filter((t) => e[t]), r = n.filter((t) => e[o(t)] === !0);
 			return {
 				count: t.length,
 				ids: t,
 				rows: r,
-				clear: J
+				clear: X
 			};
 		}, [
-			w.rowSelection,
+			T.rowSelection,
 			n,
 			o,
-			J
+			X
 		]),
-		exportCsv: R((e) => ot(F, e), [F]),
-		facets: ee,
-		resetFilter: R((e) => F.getColumn(e)?.setFilterValue(void 0), [F]),
-		resetAllFilters: R(() => F.resetColumnFilters(), [F])
+		exportCsv: z((e) => at(I, e), [I]),
+		facets: b,
+		resetFilter: z((e) => I.getColumn(e)?.setFilterValue(void 0), [I]),
+		resetAllFilters: z(() => I.resetColumnFilters(), [I]),
+		patchRow: z((e) => {
+			q();
+		}, [q]),
+		insertRow: z((e) => {
+			q();
+		}, [q]),
+		removeRow: z((e) => {
+			q();
+		}, [q]),
+		isRevalidating: !1
 	};
 }
 //#endregion
 //#region src/core/useDataViewFetcher.ts
-function bt({ fetcher: e, deps: t, ...n }) {
-	let [r, i] = U({
+var bt = 1e3;
+function xt({ fetcher: e, deps: t, revalidateDelay: n = bt, ...r }) {
+	let [i, a] = W({
 		rows: [],
 		rowCount: 0
-	}), [a, o] = U("idle"), [s, c] = U(void 0), l = H(e);
-	l.current = e;
-	let u = H(0), d = H(null), f = R(async (e) => {
-		d.current = e;
-		let t = ++u.current;
-		o("loading");
+	}), [o, s] = W("idle"), [c, l] = W(void 0), [u, d] = W(!1), f = U(e);
+	f.current = e;
+	let p = U(0), m = U(null), h = U(void 0), g = z(async (e) => {
+		m.current = e;
+		let t = ++p.current;
+		s("loading");
 		try {
-			let n = await l.current(e);
-			t === u.current && (i(n), c(void 0), o("success"));
+			let n = await f.current(e);
+			t === p.current && (a(n), l(void 0), s("success"), d(!1));
 		} catch (e) {
-			t === u.current && (c(e), o("error"));
+			t === p.current && (l(e), s("error"), d(!1));
 		}
-	}, []), p = t ? JSON.stringify(t) : "", m = H(p);
-	return B(() => {
-		m.current !== p && (m.current = p, d.current && f(d.current));
-	}), yt({
-		...n,
-		rows: r.rows,
-		rowCount: r.rowCount,
-		facets: r.facets,
-		status: a,
-		error: s,
-		onRequestChange: f
+	}, []), _ = t ? JSON.stringify(t) : "", v = U(_);
+	V(() => {
+		v.current !== _ && (v.current = _, m.current && g(m.current));
 	});
+	let y = U(r.getRowId);
+	y.current = r.getRowId;
+	let b = z(() => {
+		clearTimeout(h.current), d(!0), h.current = setTimeout(async () => {
+			if (m.current) {
+				let e = ++p.current;
+				try {
+					let t = await f.current(m.current);
+					e === p.current && (a(t), l(void 0), d(!1));
+				} catch (t) {
+					e === p.current && (l(t), d(!1));
+				}
+			} else d(!1);
+		}, n);
+	}, [n]), x = z((e) => {
+		let t = y.current(e);
+		a((n) => {
+			let r = n.rows.findIndex((e) => y.current(e) === t);
+			if (r === -1) return n;
+			let i = [...n.rows];
+			return i[r] = e, {
+				...n,
+				rows: i
+			};
+		}), b();
+	}, [b]), S = z((e) => {
+		a((t) => ({
+			...t,
+			rows: [e, ...t.rows],
+			rowCount: t.rowCount + 1
+		})), b();
+	}, [b]), C = z((e) => {
+		a((t) => {
+			let n = t.rows.filter((t) => y.current(t) !== e);
+			return n.length === t.rows.length ? t : {
+				...t,
+				rows: n,
+				rowCount: t.rowCount - 1
+			};
+		}), b();
+	}, [b]);
+	return V(() => () => clearTimeout(h.current), []), {
+		...yt({
+			...r,
+			rows: i.rows,
+			rowCount: i.rowCount,
+			facets: i.facets,
+			status: o,
+			error: c,
+			onRequestChange: g
+		}),
+		patchRow: x,
+		insertRow: S,
+		removeRow: C,
+		isRevalidating: u
+	};
 }
 //#endregion
-export { it as ColumnBuilder, ce as DataBulkActions, me as DataCards, ge as DataPagination, Te as DataTable, Ye as DataToolbar, Z as DataViewer, Be as FilterControl, Ke as ViewSwitcher, at as col, ue as composeCardLayout, a as createColumnHelper, ot as exportCsv, st as getViewMode, K as resolveColumnLabel, yt as useDataView, X as useDataViewContext, bt as useDataViewFetcher };
+export { nt as ColumnBuilder, q as DataBulkActions, fe as DataCards, me as DataPagination, Ce as DataTable, qe as DataToolbar, $ as DataViewer, Re as FilterControl, We as ViewSwitcher, rt as col, ce as composeCardLayout, a as createColumnHelper, at as exportCsv, ot as getViewMode, J as resolveColumnLabel, yt as useDataView, Q as useDataViewContext, xt as useDataViewFetcher };
 
 //# sourceMappingURL=index.js.map