@ethanhann/mantine-dataview 0.4.2 → 0.6.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 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 P, UnstyledButton as re, useMantineTheme as ie } from "@mantine/core";
-import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
-import { Fragment as R, createContext as ae, 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 se } from "@mantine/hooks";
-import { DatePickerInput as ce } 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 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 "@mantine/dates/styles.css";
 //#region src/components/DataBulkActions/DataBulkActions.tsx
-function G({ view: e, slots: t, ...n }) {
+function ce({ view: e, slots: t, ...n }) {
 	let { selection: r } = e;
-	return r.count === 0 ? null : /* @__PURE__ */ I(ne, {
+	return r.count === 0 ? null : /* @__PURE__ */ P(re, {
 		withBorder: !0,
 		p: "xs",
 		radius: "sm",
 		role: "region",
 		"aria-label": "Bulk actions",
 		...n,
-		children: /* @__PURE__ */ L(x, {
+		children: /* @__PURE__ */ F(b, {
 			justify: "space-between",
 			wrap: "wrap",
 			gap: "sm",
-			children: [/* @__PURE__ */ L(x, {
+			children: [/* @__PURE__ */ F(b, {
 				gap: "sm",
-				children: [/* @__PURE__ */ L(N, {
+				children: [/* @__PURE__ */ F(M, {
 					size: "sm",
 					fw: 500,
 					children: [r.count, " selected"]
-				}), /* @__PURE__ */ I(h, {
+				}), /* @__PURE__ */ P(h, {
 					variant: "subtle",
 					size: "xs",
 					onClick: r.clear,
 					children: "Clear"
 				})]
-			}), t?.BulkActions && /* @__PURE__ */ I(x, {
+			}), t?.BulkActions && /* @__PURE__ */ P(b, {
 				gap: "xs",
 				children: t.BulkActions(r)
 			})]
@@ -81,8 +81,8 @@ function ue(e, t = {}) {
 //#endregion
 //#region src/core/useRowTransition.ts
 function q(e, t) {
-	let n = U([]), r = U(!1), i = U(0), a = U(!1);
-	V(() => {
+	let n = H([]), r = H(!1), i = H(0), a = H(!1);
+	B(() => {
 		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 V(() => {
+	return B(() => {
 		n.current = o, r.current = !0, i.current = c;
 	}), {
 		rows: e,
@@ -111,16 +111,16 @@ function de(e) {
 	e.resetColumnFilters(), e.setGlobalFilter("");
 }
 function fe({ view: e, slots: t }) {
-	return t?.ErrorState ? /* @__PURE__ */ I(F, { children: t.ErrorState({
+	return t?.ErrorState ? /* @__PURE__ */ P(N, { children: t.ErrorState({
 		error: e.error,
 		retry: e.refetch
-	}) }) : /* @__PURE__ */ L(j, {
+	}) }) : /* @__PURE__ */ F(A, {
 		align: "center",
 		gap: "xs",
-		children: [/* @__PURE__ */ I(N, {
+		children: [/* @__PURE__ */ P(M, {
 			c: "red",
 			children: "Something went wrong."
-		}), /* @__PURE__ */ I(h, {
+		}), /* @__PURE__ */ P(h, {
 			variant: "light",
 			size: "xs",
 			onClick: e.refetch,
@@ -130,22 +130,22 @@ 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__ */ I(F, { children: t.Empty({
+	return t?.Empty ? /* @__PURE__ */ P(N, { children: t.Empty({
 		filtered: n,
 		clearFilters: r
-	}) }) : n ? /* @__PURE__ */ L(j, {
+	}) }) : n ? /* @__PURE__ */ F(A, {
 		align: "center",
 		gap: "xs",
-		children: [/* @__PURE__ */ I(N, {
+		children: [/* @__PURE__ */ P(M, {
 			c: "dimmed",
 			children: "No matches."
-		}), /* @__PURE__ */ I(h, {
+		}), /* @__PURE__ */ P(h, {
 			variant: "subtle",
 			size: "xs",
 			onClick: r,
 			children: "Clear filters"
 		})]
-	}) : /* @__PURE__ */ I(N, {
+	}) : /* @__PURE__ */ P(M, {
 		c: "dimmed",
 		children: "No results."
 	});
@@ -163,7 +163,7 @@ function me({ view: e, slots: t, renderCard: n, fallbackRole: r, enableSelection
 		...c
 	}, m = q(l.getRowModel().rows, o), h = (e) => {
 		let i = ue(l, { fallbackRole: r });
-		return /* @__PURE__ */ I(k, {
+		return /* @__PURE__ */ P(O, {
 			"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__ */ I("div", {
+				if (n) return /* @__PURE__ */ P("div", {
 					"data-entering": o,
 					children: n(a)
 				}, e.id);
-				let s = /* @__PURE__ */ I(he, {
+				let s = /* @__PURE__ */ P(he, {
 					row: e,
 					layout: i,
 					selectionEnabled: d
 				});
-				return t?.Card ? /* @__PURE__ */ I("div", {
+				return t?.Card ? /* @__PURE__ */ P("div", {
 					"data-entering": o,
 					children: t.Card({
 						...a,
 						children: s
 					})
-				}, e.id) : /* @__PURE__ */ I(g, {
+				}, e.id) : /* @__PURE__ */ P(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__ */ I(k, {
+		case "loading": return t?.LoadingCards ? t.LoadingCards() : /* @__PURE__ */ P(O, {
 			...p,
-			children: Array.from({ length: f }, (e, t) => /* @__PURE__ */ I(g, {
+			children: Array.from({ length: f }, (e, t) => /* @__PURE__ */ P(g, {
 				withBorder: !0,
 				padding: "md",
-				children: /* @__PURE__ */ L(j, {
+				children: /* @__PURE__ */ F(A, {
 					gap: "xs",
 					children: [
-						/* @__PURE__ */ I(A, {
+						/* @__PURE__ */ P(k, {
 							height: 20,
 							width: "60%"
 						}),
-						/* @__PURE__ */ I(A, {
+						/* @__PURE__ */ P(k, {
 							height: 12,
 							width: "40%"
 						}),
-						/* @__PURE__ */ I(A, { height: 12 })
+						/* @__PURE__ */ P(k, { height: 12 })
 					]
 				})
 			}, t))
 		});
-		case "error": return /* @__PURE__ */ I(_, {
+		case "error": return /* @__PURE__ */ P(_, {
 			p: "xl",
-			children: /* @__PURE__ */ I(fe, {
+			children: /* @__PURE__ */ P(fe, {
 				view: e,
 				slots: t
 			})
 		});
 		case "empty":
-		case "empty-filtered": return /* @__PURE__ */ I(_, {
+		case "empty-filtered": return /* @__PURE__ */ P(_, {
 			p: "xl",
-			children: /* @__PURE__ */ I(J, {
+			children: /* @__PURE__ */ P(J, {
 				view: e,
 				slots: t
 			})
@@ -245,8 +245,8 @@ function he({ row: e, layout: t, selectionEnabled: n }) {
 		let t = r.get(e.id);
 		return t ? s(t.column.columnDef.cell, t.getContext()) : null;
 	};
-	return /* @__PURE__ */ L(F, { children: [
-		n && /* @__PURE__ */ I(v, {
+	return /* @__PURE__ */ F(N, { children: [
+		n && /* @__PURE__ */ P(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__ */ I(g.Section, {
+		t.media.length > 0 && /* @__PURE__ */ P(g.Section, {
 			mb: "xs",
-			children: t.media.map((e) => /* @__PURE__ */ I(m, { children: i(e) }, e.id))
+			children: t.media.map((e) => /* @__PURE__ */ P(m, { children: i(e) }, e.id))
 		}),
-		/* @__PURE__ */ L(j, {
+		/* @__PURE__ */ F(A, {
 			gap: "md",
 			children: [
-				(t.title.length > 0 || t.subtitle.length > 0) && /* @__PURE__ */ L(j, {
+				(t.title.length > 0 || t.subtitle.length > 0) && /* @__PURE__ */ F(A, {
 					gap: 4,
-					children: [t.title.map((e) => /* @__PURE__ */ I(N, {
+					children: [t.title.map((e) => /* @__PURE__ */ P(M, {
 						fw: 600,
 						size: "lg",
 						lh: 1.2,
 						pr: n ? 28 : 0,
 						children: i(e)
-					}, e.id)), t.subtitle.map((e) => /* @__PURE__ */ I(N, {
+					}, e.id)), t.subtitle.map((e) => /* @__PURE__ */ P(M, {
 						size: "sm",
 						c: "dimmed",
 						children: i(e)
 					}, e.id))]
 				}),
-				t.badge.length > 0 && /* @__PURE__ */ I(x, {
+				t.badge.length > 0 && /* @__PURE__ */ P(b, {
 					gap: "xs",
-					children: t.badge.map((e) => /* @__PURE__ */ I(R, { children: i(e) }, e.id))
+					children: t.badge.map((e) => /* @__PURE__ */ P(I, { children: i(e) }, e.id))
 				}),
-				t.meta.length > 0 && /* @__PURE__ */ I(j, {
+				t.meta.length > 0 && /* @__PURE__ */ P(A, {
 					gap: 4,
-					children: t.meta.map((e) => /* @__PURE__ */ L(x, {
+					children: t.meta.map((e) => /* @__PURE__ */ F(b, {
 						justify: "space-between",
 						gap: "xs",
 						wrap: "nowrap",
-						children: [e.showLabel && /* @__PURE__ */ I(N, {
+						children: [e.showLabel && /* @__PURE__ */ P(M, {
 							size: "sm",
 							c: "dimmed",
 							children: e.label
-						}), /* @__PURE__ */ I(N, {
+						}), /* @__PURE__ */ P(M, {
 							size: "sm",
 							children: i(e)
 						})]
@@ -307,22 +307,22 @@ function he({ row: e, layout: t, selectionEnabled: n }) {
 //#region src/components/DataPagination/DataPagination.tsx
 function ge({ 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__ */ L(x, {
+	return /* @__PURE__ */ F(b, {
 		justify: "space-between",
 		wrap: "wrap",
 		gap: "sm",
 		...a,
-		children: [/* @__PURE__ */ L(x, {
+		children: [/* @__PURE__ */ F(b, {
 			gap: "sm",
 			wrap: "wrap",
-			children: [n && /* @__PURE__ */ I(O, {
+			children: [n && /* @__PURE__ */ P(D, {
 				"aria-label": i,
 				data: d.map(String),
 				value: String(c),
 				onChange: (e) => e && o.setPageSize(Number(e)),
 				w: 80,
 				comboboxProps: { withinPortal: !0 }
-			}), r && /* @__PURE__ */ L(N, {
+			}), r && /* @__PURE__ */ F(M, {
 				size: "sm",
 				c: "dimmed",
 				children: [
@@ -333,7 +333,7 @@ function ge({ view: e, pageSizeOptions: t, showPageSize: n = !0, showRange: r =
 					l
 				]
 			})]
-		}), /* @__PURE__ */ I(te, {
+		}), /* @__PURE__ */ P(ne, {
 			value: s + 1,
 			total: Math.max(u, 1),
 			onChange: (e) => o.setPageIndex(e - 1),
@@ -344,7 +344,7 @@ function ge({ view: e, pageSizeOptions: t, showPageSize: n = !0, showRange: r =
 //#endregion
 //#region src/components/icons.tsx
 function _e({ direction: e }) {
-	return /* @__PURE__ */ L("svg", {
+	return /* @__PURE__ */ F("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__ */ I("title", { children: "sort" }),
-			/* @__PURE__ */ I("path", {
+			/* @__PURE__ */ P("title", { children: "sort" }),
+			/* @__PURE__ */ P("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__ */ I("path", {
+			/* @__PURE__ */ P("path", {
 				d: "M8 14l4 4 4-4",
 				stroke: "currentColor",
 				strokeWidth: "2",
@@ -374,7 +374,7 @@ function _e({ direction: e }) {
 	});
 }
 function Y({ d: e, title: t }) {
-	return /* @__PURE__ */ L("svg", {
+	return /* @__PURE__ */ F("svg", {
 		width: "16",
 		height: "16",
 		viewBox: "0 0 24 24",
@@ -386,41 +386,41 @@ function Y({ d: e, title: t }) {
 		"aria-hidden": "true",
 		focusable: "false",
 		style: { flexShrink: 0 },
-		children: [/* @__PURE__ */ I("title", { children: t }), /* @__PURE__ */ I("path", { d: e })]
+		children: [/* @__PURE__ */ P("title", { children: t }), /* @__PURE__ */ P("path", { d: e })]
 	});
 }
 function ve() {
-	return /* @__PURE__ */ I(Y, {
+	return /* @__PURE__ */ P(Y, {
 		title: "search",
 		d: "M21 21l-4.3-4.3M11 19a8 8 0 110-16 8 8 0 010 16z"
 	});
 }
 function ye() {
-	return /* @__PURE__ */ I(Y, {
+	return /* @__PURE__ */ P(Y, {
 		title: "filter",
 		d: "M3 5h18M7 12h10M10 19h4"
 	});
 }
 function be() {
-	return /* @__PURE__ */ I(Y, {
+	return /* @__PURE__ */ P(Y, {
 		title: "open",
 		d: "M6 9l6 6 6-6"
 	});
 }
 function xe() {
-	return /* @__PURE__ */ I(Y, {
+	return /* @__PURE__ */ P(Y, {
 		title: "close",
 		d: "M18 6L6 18M6 6l12 12"
 	});
 }
 function Se() {
-	return /* @__PURE__ */ I(Y, {
+	return /* @__PURE__ */ P(Y, {
 		title: "pin left",
 		d: "M4 4v16M9 8h8M9 12h6M9 16h8"
 	});
 }
 function Ce() {
-	return /* @__PURE__ */ I(Y, {
+	return /* @__PURE__ */ P(Y, {
 		title: "pin right",
 		d: "M20 4v16M7 8h8M9 12h6M7 16h8"
 	});
@@ -437,10 +437,10 @@ function we(e) {
 	};
 }
 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__ */ I(M.Tbody, {
+	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, {
 		"data-changed": a || void 0,
 		children: e.map((e) => {
-			let n = d.entering.has(e.id) || void 0, r = /* @__PURE__ */ L(F, { children: [p && /* @__PURE__ */ I(M.Td, { children: /* @__PURE__ */ I(v, {
+			let n = d.entering.has(e.id) || void 0, r = /* @__PURE__ */ F(N, { children: [p && /* @__PURE__ */ P(j.Td, { children: /* @__PURE__ */ P(v, {
 				"aria-label": "Select row",
 				checked: e.getIsSelected(),
 				disabled: !e.getCanSelect(),
@@ -448,7 +448,7 @@ 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__ */ I(M.Td, {
+				return /* @__PURE__ */ P(j.Td, {
 					style: {
 						...we(e.column),
 						...t ? { textAlign: t } : void 0
@@ -456,10 +456,10 @@ function Te({ view: e, slots: t, enableSelection: n, loadingRowCount: r, disable
 					children: s(e.column.columnDef.cell, e.getContext())
 				}, e.id);
 			})] });
-			return t?.Row ? /* @__PURE__ */ I(Ee, { children: t.Row({
+			return t?.Row ? /* @__PURE__ */ P(Ee, { children: t.Row({
 				row: e,
 				cells: r
-			}) }, e.id) : /* @__PURE__ */ I(M.Tr, {
+			}) }, e.id) : /* @__PURE__ */ P(j.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__ */ I(M.Tbody, { children: Array.from({ length: h }, (e, t) => /* @__PURE__ */ L(M.Tr, { children: [p && /* @__PURE__ */ I(M.Td, { children: /* @__PURE__ */ I(A, {
+			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, {
 				height: 16,
 				width: 16
-			}) }), f.map((e) => /* @__PURE__ */ I(M.Td, { children: /* @__PURE__ */ I(A, { height: 12 }) }, e.id))] }, t)) });
-			case "error": return /* @__PURE__ */ I(De, {
+			}) }), f.map((e) => /* @__PURE__ */ P(j.Td, { children: /* @__PURE__ */ P(k, { height: 12 }) }, e.id))] }, t)) });
+			case "error": return /* @__PURE__ */ P(De, {
 				colSpan: m,
-				children: /* @__PURE__ */ I(fe, {
+				children: /* @__PURE__ */ P(fe, {
 					view: e,
 					slots: t
 				})
 			});
 			case "empty":
-			case "empty-filtered": return /* @__PURE__ */ I(De, {
+			case "empty-filtered": return /* @__PURE__ */ P(De, {
 				colSpan: m,
-				children: /* @__PURE__ */ I(J, {
+				children: /* @__PURE__ */ P(J, {
 					view: e,
 					slots: t
 				})
@@ -490,20 +490,20 @@ function Te({ view: e, slots: t, enableSelection: n, loadingRowCount: r, disable
 			default: return g(d.rows);
 		}
 	};
-	return /* @__PURE__ */ I("div", {
+	return /* @__PURE__ */ P("div", {
 		style: c.getIsSomeColumnsPinned() ? { overflowX: "auto" } : void 0,
-		children: /* @__PURE__ */ L(M, {
+		children: /* @__PURE__ */ F(j, {
 			layout: "fixed",
 			...o,
-			children: [/* @__PURE__ */ I(M.Thead, { children: c.getHeaderGroups().map((e) => /* @__PURE__ */ L(M.Tr, { children: [p && /* @__PURE__ */ I(M.Th, {
+			children: [/* @__PURE__ */ P(j.Thead, { children: c.getHeaderGroups().map((e) => /* @__PURE__ */ F(j.Tr, { children: [p && /* @__PURE__ */ P(j.Th, {
 				style: { width: 40 },
-				children: /* @__PURE__ */ I(v, {
+				children: /* @__PURE__ */ P(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__ */ I(Oe, {
+			}), e.headers.map((e) => /* @__PURE__ */ P(Oe, {
 				header: e,
 				disabled: u
 			}, e.id))] }, e.id)) }), _()]
@@ -511,26 +511,27 @@ function Te({ view: e, slots: t, enableSelection: n, loadingRowCount: r, disable
 	});
 }
 function Ee({ children: e }) {
-	return /* @__PURE__ */ I(F, { children: e });
+	return /* @__PURE__ */ P(N, { children: e });
 }
 function De({ colSpan: e, children: t }) {
-	return /* @__PURE__ */ I(M.Tbody, { children: /* @__PURE__ */ I(M.Tr, { children: /* @__PURE__ */ I(M.Td, {
+	return /* @__PURE__ */ P(j.Tbody, { children: /* @__PURE__ */ P(j.Tr, { children: /* @__PURE__ */ P(j.Td, {
 		colSpan: e,
-		children: /* @__PURE__ */ I(_, {
+		children: /* @__PURE__ */ P(_, {
 			p: "xl",
 			children: t
 		})
 	}) }) });
 }
 function Oe({ 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;
-	return /* @__PURE__ */ I(M.Th, {
+	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, {
 		style: {
 			...we(n),
-			...r ? { textAlign: r } : void 0
+			...r ? { textAlign: r } : void 0,
+			...u == null ? void 0 : { width: u }
 		},
 		"aria-sort": i === "asc" ? "ascending" : i === "desc" ? "descending" : void 0,
-		children: l ? /* @__PURE__ */ L(re, {
+		children: l ? /* @__PURE__ */ F(ae, {
 			onClick: n.getToggleSortingHandler(),
 			style: {
 				display: "inline-flex",
@@ -540,8 +541,8 @@ function Oe({ header: e, disabled: t }) {
 			},
 			children: [
 				c,
-				/* @__PURE__ */ I(_e, { direction: i }),
-				o && /* @__PURE__ */ I("span", {
+				/* @__PURE__ */ P(_e, { direction: i }),
+				o && /* @__PURE__ */ P("span", {
 					role: "note",
 					style: {
 						fontSize: "0.7em",
@@ -551,14 +552,14 @@ function Oe({ header: e, disabled: t }) {
 					children: a + 1
 				})
 			]
-		}) : /* @__PURE__ */ L("span", {
+		}) : /* @__PURE__ */ F("span", {
 			style: {
 				display: "inline-flex",
 				alignItems: "center",
 				gap: 4,
 				...t ? { opacity: .5 } : {}
 			},
-			children: [c, i && /* @__PURE__ */ I(_e, { direction: i })]
+			children: [c, i && /* @__PURE__ */ P(_e, { direction: i })]
 		})
 	});
 }
@@ -572,7 +573,7 @@ function Ae(e) {
 	return `(max-width: ${n - (r === "em" || r === "rem" ? .01 : .1)}${r})`;
 }
 function je(e) {
-	let t = ie(), n = e?.forceCardsBelow, r = n ? t.breakpoints[n] : void 0, i = se(r ? Ae(r) : ke, !1);
+	let t = oe(), n = e?.forceCardsBelow, r = n ? t.breakpoints[n] : void 0, i = W(r ? Ae(r) : ke, !1);
 	return !!r && !!i;
 }
 //#endregion
@@ -609,33 +610,33 @@ function Ne(e, t) {
 	}
 	return Me[e];
 }
-function X(e, t, n) {
+function Pe(e, t, n) {
 	let r = t ?? n?.[e];
 	return r ? typeof r == "function" ? r : Ne(e, r) : Me[e];
 }
 //#endregion
 //#region src/components/DataToolbar/FacetBuckets.tsx
-function Pe({ facet: e, value: t, onChange: n }) {
+function Fe({ facet: e, value: t, onChange: n }) {
 	let r = Array.isArray(t) ? t : null;
-	return /* @__PURE__ */ I(j, {
+	return /* @__PURE__ */ P(A, {
 		gap: 4,
 		children: e.ranges.map((e) => {
 			let t = r != null && r[0] === e.from && r[1] === e.to;
-			return /* @__PURE__ */ I(re, {
+			return /* @__PURE__ */ P(ae, {
 				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__ */ L(x, {
+				children: /* @__PURE__ */ F(b, {
 					gap: "xs",
 					justify: "space-between",
 					wrap: "nowrap",
-					children: [/* @__PURE__ */ I(N, {
+					children: [/* @__PURE__ */ P(M, {
 						size: "sm",
 						children: e.label
-					}), /* @__PURE__ */ I(p, {
+					}), /* @__PURE__ */ P(p, {
 						size: "sm",
 						variant: "light",
 						color: e.count === 0 ? "gray" : "blue",
@@ -648,15 +649,15 @@ function Pe({ facet: e, value: t, onChange: n }) {
 }
 //#endregion
 //#region src/components/DataToolbar/FilterControl.tsx
-function Fe({ label: e, onClear: t }) {
-	return /* @__PURE__ */ L(x, {
+function Ie({ label: e, onClear: t }) {
+	return /* @__PURE__ */ F(b, {
 		justify: "space-between",
 		wrap: "nowrap",
-		children: [/* @__PURE__ */ I(N, {
+		children: [/* @__PURE__ */ P(M, {
 			size: "sm",
 			fw: 500,
 			children: e
-		}), /* @__PURE__ */ I(f, {
+		}), /* @__PURE__ */ P(f, {
 			component: "button",
 			type: "button",
 			size: "xs",
@@ -666,28 +667,28 @@ function Fe({ label: e, onClear: t }) {
 		})]
 	});
 }
-function Ie(e) {
+function Le(e) {
 	return e ? typeof e == "string" ? e : e.toISOString().split("T")[0] ?? null : null;
 }
-function Le(e) {
+function Re(e) {
 	return Array.isArray(e) ? [e[0], e[1]] : [null, null];
 }
-function Re(e, t) {
+function ze(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 ze({ column: e, facet: t }) {
+function Be({ 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);
 	if (n.component) {
 		let t = n.component;
-		return /* @__PURE__ */ I(S.Wrapper, {
+		return /* @__PURE__ */ P(x.Wrapper, {
 			label: r,
-			children: /* @__PURE__ */ I(t, {
+			children: /* @__PURE__ */ P(t, {
 				value: a,
 				onChange: o,
 				column: e
@@ -696,26 +697,26 @@ function ze({ 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__ */ I(O, {
+		case "select": return /* @__PURE__ */ P(D, {
 			label: r,
 			placeholder: i,
 			clearable: !0,
-			data: s ? Re(s, n.options) : n.options ?? [],
+			data: s ? ze(s, n.options) : n.options ?? [],
 			value: a ?? null,
 			onChange: (e) => o(e ?? void 0)
 		});
-		case "multiselect": return /* @__PURE__ */ I(ee, {
+		case "multiselect": return /* @__PURE__ */ P(te, {
 			label: r,
 			placeholder: i,
-			data: s ? Re(s, n.options) : n.options ?? [],
+			data: s ? ze(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__ */ I(S.Wrapper, {
+			return /* @__PURE__ */ P(x.Wrapper, {
 				label: r,
-				children: /* @__PURE__ */ I(D, {
+				children: /* @__PURE__ */ P(E, {
 					fullWidth: !0,
 					size: "xs",
 					data: [
@@ -740,21 +741,21 @@ function ze({ column: e, facet: t }) {
 			});
 		}
 		case "numberRange": {
-			let [t, i] = Le(a), s = n.min ?? c?.min, l = n.max ?? c?.max, u = s != null && l != null, d = a != null, f = c ? /* @__PURE__ */ I(Pe, {
+			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, {
 				facet: c,
 				value: a,
 				onChange: o
-			}) : null, p = d ? /* @__PURE__ */ I(Fe, {
+			}) : null, p = d ? /* @__PURE__ */ P(Ie, {
 				label: r,
 				onClear: () => o(void 0)
 			}) : r;
 			if (u) {
-				let a = [t ?? s, i ?? l], c = e.columnDef.meta?.dataType, u = c ? X(c, e.columnDef.meta?.format, void 0) : (e) => String(e);
-				return /* @__PURE__ */ I(S.Wrapper, {
+				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, {
 					label: p,
-					children: /* @__PURE__ */ L(j, {
+					children: /* @__PURE__ */ F(A, {
 						gap: "xs",
-						children: [f, /* @__PURE__ */ I(E, {
+						children: [f, /* @__PURE__ */ P(T, {
 							min: s,
 							max: l,
 							step: n.step ?? 1,
@@ -769,23 +770,23 @@ function ze({ column: e, facet: t }) {
 					})
 				});
 			}
-			if (f) return /* @__PURE__ */ I(S.Wrapper, {
+			if (f) return /* @__PURE__ */ P(x.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__ */ I(S.Wrapper, {
+			return /* @__PURE__ */ P(x.Wrapper, {
 				label: r,
-				children: /* @__PURE__ */ L(x, {
+				children: /* @__PURE__ */ F(b, {
 					gap: 4,
 					wrap: "nowrap",
-					children: [/* @__PURE__ */ I(w, {
+					children: [/* @__PURE__ */ P(C, {
 						"aria-label": `${r} minimum`,
 						placeholder: "Min",
 						value: t ?? "",
 						onChange: (e) => m([h(e), i]),
 						w: 90
-					}), /* @__PURE__ */ I(w, {
+					}), /* @__PURE__ */ P(C, {
 						"aria-label": `${r} maximum`,
 						placeholder: "Max",
 						value: i ?? "",
@@ -795,42 +796,42 @@ function ze({ column: e, facet: t }) {
 				})
 			});
 		}
-		case "date": return /* @__PURE__ */ I(ce, {
+		case "date": return /* @__PURE__ */ P(G, {
 			label: r,
 			placeholder: i,
 			clearable: !0,
 			popoverProps: { withinPortal: !1 },
 			value: a ? new Date(a) : null,
-			onChange: (e) => o(Ie(e) ?? void 0)
+			onChange: (e) => o(Le(e) ?? void 0)
 		});
 		case "dateRange": {
-			let [e, t] = Le(a), n = [e ? new Date(e) : null, t ? new Date(t) : null], s = a == null ? r : /* @__PURE__ */ I(Fe, {
+			let [e, t] = Re(a), n = [e ? new Date(e) : null, t ? new Date(t) : null], s = a == null ? r : /* @__PURE__ */ P(Ie, {
 				label: r,
 				onClear: () => o(void 0)
 			});
-			return /* @__PURE__ */ I(S.Wrapper, {
+			return /* @__PURE__ */ P(x.Wrapper, {
 				label: s,
-				children: /* @__PURE__ */ L(j, {
+				children: /* @__PURE__ */ F(A, {
 					gap: "xs",
-					children: [c && /* @__PURE__ */ I(Pe, {
+					children: [c && /* @__PURE__ */ P(Fe, {
 						facet: c,
 						value: a,
 						onChange: o
-					}), /* @__PURE__ */ I(ce, {
+					}), /* @__PURE__ */ P(G, {
 						type: "range",
 						popoverProps: { withinPortal: !1 },
 						placeholder: i,
 						clearable: !0,
 						value: n,
 						onChange: ([e, t]) => {
-							let n = Ie(e), r = Ie(t);
+							let n = Le(e), r = Le(t);
 							o(n == null && r == null ? void 0 : [n, r]);
 						}
 					})]
 				})
 			});
 		}
-		default: return /* @__PURE__ */ I(P, {
+		default: return /* @__PURE__ */ P(ie, {
 			label: r,
 			placeholder: i,
 			value: a ?? "",
@@ -840,59 +841,59 @@ function ze({ column: e, facet: t }) {
 }
 //#endregion
 //#region src/components/DataToolbar/FilterControls.tsx
-function Be({ view: e }) {
-	return e.state.columnFilters.length > 0 ? /* @__PURE__ */ I(h, {
+function Ve({ view: e }) {
+	return e.state.columnFilters.length > 0 ? /* @__PURE__ */ P(h, {
 		variant: "subtle",
 		size: "compact-sm",
 		color: "gray",
-		leftSection: /* @__PURE__ */ I(xe, {}),
+		leftSection: /* @__PURE__ */ P(xe, {}),
 		onClick: () => e.table.resetColumnFilters(),
 		children: "Reset filters"
 	}) : null;
 }
-function Ve(e) {
+function He(e) {
 	return e > 0 ? `Filters (${e})` : "Filters";
 }
-function He({ view: e, controls: t }) {
-	return /* @__PURE__ */ L(j, {
+function Ue({ view: e, controls: t }) {
+	return /* @__PURE__ */ F(A, {
 		gap: "sm",
 		style: { minWidth: 240 },
-		children: [t, /* @__PURE__ */ I(x, {
+		children: [t, /* @__PURE__ */ P(b, {
 			justify: "flex-end",
-			children: /* @__PURE__ */ I(Be, { view: e })
+			children: /* @__PURE__ */ P(Ve, { view: e })
 		})]
 	});
 }
-function Ue({ view: e, inlineThreshold: t }) {
-	let n = e.filterableColumns, r = se(Ae(ie().breakpoints.sm), !1), [i, { open: a, close: o }] = oe(!1);
+function We({ view: e, inlineThreshold: t }) {
+	let n = e.filterableColumns, r = W(Ae(oe().breakpoints.sm), !1), [i, { open: a, close: o }] = se(!1);
 	if (n.length === 0) return null;
-	let s = n.map((t) => /* @__PURE__ */ I(ze, {
+	let s = n.map((t) => /* @__PURE__ */ P(Be, {
 		column: t,
 		facet: e.facets[t.id]
 	}, t.id)), c = e.state.columnFilters.length;
-	return r ? /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(h, {
+	return r ? /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(h, {
 		variant: "default",
-		leftSection: /* @__PURE__ */ I(ye, {}),
+		leftSection: /* @__PURE__ */ P(ye, {}),
 		onClick: a,
-		children: Ve(c)
-	}), /* @__PURE__ */ I(b, {
+		children: He(c)
+	}), /* @__PURE__ */ P(ee, {
 		opened: i,
 		onClose: o,
 		title: "Filters",
 		position: "bottom",
 		size: "auto",
-		children: /* @__PURE__ */ I(He, {
+		children: /* @__PURE__ */ P(Ue, {
 			view: e,
 			controls: s
 		})
-	})] }) : n.length <= t ? /* @__PURE__ */ L(F, { children: [s, /* @__PURE__ */ I(Be, { view: e })] }) : /* @__PURE__ */ L(T, {
+	})] }) : n.length <= t ? /* @__PURE__ */ F(N, { children: [s, /* @__PURE__ */ P(Ve, { view: e })] }) : /* @__PURE__ */ F(w, {
 		position: "bottom-start",
 		closeOnClickOutside: !1,
-		children: [/* @__PURE__ */ I(T.Target, { children: /* @__PURE__ */ I(h, {
+		children: [/* @__PURE__ */ P(w.Target, { children: /* @__PURE__ */ P(h, {
 			variant: "default",
-			leftSection: /* @__PURE__ */ I(ye, {}),
-			children: Ve(c)
-		}) }), /* @__PURE__ */ I(T.Dropdown, { children: /* @__PURE__ */ I(He, {
+			leftSection: /* @__PURE__ */ P(ye, {}),
+			children: He(c)
+		}) }), /* @__PURE__ */ P(w.Dropdown, { children: /* @__PURE__ */ P(Ue, {
 			view: e,
 			controls: s
 		}) })]
@@ -900,12 +901,12 @@ function Ue({ view: e, inlineThreshold: t }) {
 }
 //#endregion
 //#region src/components/DataToolbar/SortControl.tsx
-function We({ view: e }) {
+function Ge({ view: e }) {
 	let { sortableColumns: t, state: n, table: r } = e, i = n.sorting[0];
-	return /* @__PURE__ */ L(x, {
+	return /* @__PURE__ */ F(b, {
 		gap: 4,
 		wrap: "nowrap",
-		children: [/* @__PURE__ */ I(O, {
+		children: [/* @__PURE__ */ P(D, {
 			"aria-label": "Sort by",
 			placeholder: "Sort by",
 			clearable: !0,
@@ -918,7 +919,7 @@ function We({ view: e }) {
 				id: e,
 				desc: i?.desc ?? !1
 			}] : [])
-		}), /* @__PURE__ */ I(d, {
+		}), /* @__PURE__ */ P(d, {
 			"aria-label": "Toggle sort direction",
 			variant: "default",
 			size: "lg",
@@ -927,14 +928,14 @@ function We({ view: e }) {
 				id: i.id,
 				desc: !i.desc
 			}]),
-			children: /* @__PURE__ */ I(_e, { direction: i ? i.desc ? "desc" : "asc" : !1 })
+			children: /* @__PURE__ */ P(_e, { direction: i ? i.desc ? "desc" : "asc" : !1 })
 		})]
 	});
 }
 //#endregion
 //#region src/components/DataToolbar/ViewSwitcher.tsx
-function Ge({ view: e, lockSwitcherOnMobile: t, tableLabel: n = "Table", cardsLabel: r = "Cards" }) {
-	return e.isMobileForced && t ? null : /* @__PURE__ */ I(D, {
+function Ke({ view: e, lockSwitcherOnMobile: t, tableLabel: n = "Table", cardsLabel: r = "Cards" }) {
+	return e.isMobileForced && t ? null : /* @__PURE__ */ P(E, {
 		"aria-label": "View",
 		value: e.view,
 		disabled: e.isMobileForced,
@@ -952,81 +953,81 @@ function Ge({ view: e, lockSwitcherOnMobile: t, tableLabel: n = "Table", cardsLa
 }
 //#endregion
 //#region src/components/DataToolbar/VisibilityMenu.tsx
-function Ke({ column: e }) {
+function qe({ column: e }) {
 	if (!e.getCanPin()) return null;
 	let t = e.getIsPinned();
-	return /* @__PURE__ */ L(x, {
+	return /* @__PURE__ */ F(b, {
 		gap: 2,
-		children: [/* @__PURE__ */ I(d, {
+		children: [/* @__PURE__ */ P(d, {
 			size: "xs",
 			variant: t === "left" ? "filled" : "subtle",
 			color: t === "left" ? "blue" : "gray",
 			"aria-label": `Pin ${K(e)} left`,
 			onClick: () => e.pin(t === "left" ? !1 : "left"),
-			children: /* @__PURE__ */ I(Se, {})
-		}), /* @__PURE__ */ I(d, {
+			children: /* @__PURE__ */ P(Se, {})
+		}), /* @__PURE__ */ P(d, {
 			size: "xs",
 			variant: t === "right" ? "filled" : "subtle",
 			color: t === "right" ? "blue" : "gray",
 			"aria-label": `Pin ${K(e)} right`,
 			onClick: () => e.pin(t === "right" ? !1 : "right"),
-			children: /* @__PURE__ */ I(Ce, {})
+			children: /* @__PURE__ */ P(Ce, {})
 		})]
 	});
 }
-function qe({ view: e }) {
+function Je({ view: e }) {
 	let t = e.table.getAllLeafColumns().filter((e) => e.getCanHide());
-	return t.length === 0 ? null : /* @__PURE__ */ L(C, {
+	return t.length === 0 ? null : /* @__PURE__ */ F(S, {
 		closeOnItemClick: !1,
 		withinPortal: !0,
 		position: "bottom-end",
-		children: [/* @__PURE__ */ I(C.Target, { children: /* @__PURE__ */ I(h, {
+		children: [/* @__PURE__ */ P(S.Target, { children: /* @__PURE__ */ P(h, {
 			variant: "default",
-			rightSection: /* @__PURE__ */ I(be, {}),
+			rightSection: /* @__PURE__ */ P(be, {}),
 			children: "Columns"
-		}) }), /* @__PURE__ */ I(C.Dropdown, { children: /* @__PURE__ */ I(j, {
+		}) }), /* @__PURE__ */ P(S.Dropdown, { children: /* @__PURE__ */ P(A, {
 			gap: "xs",
 			p: "xs",
-			children: t.map((e) => /* @__PURE__ */ L(x, {
+			children: t.map((e) => /* @__PURE__ */ F(b, {
 				gap: "xs",
 				justify: "space-between",
 				wrap: "nowrap",
-				children: [/* @__PURE__ */ I(v, {
+				children: [/* @__PURE__ */ P(v, {
 					label: K(e),
 					checked: e.getIsVisible(),
 					onChange: (t) => e.toggleVisibility(t.currentTarget.checked)
-				}), /* @__PURE__ */ I(Ke, { column: e })]
+				}), /* @__PURE__ */ P(qe, { column: e })]
 			}, e.id))
 		}) })]
 	});
 }
 //#endregion
 //#region src/components/DataToolbar/DataToolbar.tsx
-function Je({ 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__ */ L(x, {
+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, {
 		justify: "space-between",
 		wrap: "wrap",
 		gap: "sm",
 		...f,
-		children: [/* @__PURE__ */ L(x, {
+		children: [/* @__PURE__ */ F(b, {
 			wrap: "wrap",
 			gap: "sm",
 			children: [
 				u,
-				g && /* @__PURE__ */ I(P, {
+				g && /* @__PURE__ */ P(ie, {
 					"aria-label": "Search",
 					placeholder: t,
-					leftSection: /* @__PURE__ */ I(ve, {}),
+					leftSection: /* @__PURE__ */ P(ve, {}),
 					value: m.globalFilter,
 					onChange: (e) => p.setGlobalFilter(e.currentTarget.value),
-					rightSection: m.globalFilter ? /* @__PURE__ */ I(y, {
+					rightSection: m.globalFilter ? /* @__PURE__ */ P(y, {
 						size: "sm",
 						"aria-label": "Clear search",
 						onClick: () => p.setGlobalFilter("")
 					}) : void 0
 				}),
-				/* @__PURE__ */ L("fieldset", {
+				/* @__PURE__ */ F("fieldset", {
 					disabled: h,
 					style: {
 						display: "contents",
@@ -1034,13 +1035,13 @@ function Je({ view: e, searchPlaceholder: t = "Search…", filterInlineThreshold
 						padding: 0,
 						margin: 0
 					},
-					children: [_ && /* @__PURE__ */ I(Ue, {
+					children: [_ && /* @__PURE__ */ P(We, {
 						view: e,
 						inlineThreshold: n
-					}), v && /* @__PURE__ */ I(We, { view: e })]
+					}), v && /* @__PURE__ */ P(Ge, { view: e })]
 				})
 			]
-		}), /* @__PURE__ */ I("fieldset", {
+		}), /* @__PURE__ */ P("fieldset", {
 			disabled: h,
 			style: {
 				display: "contents",
@@ -1048,12 +1049,12 @@ function Je({ view: e, searchPlaceholder: t = "Search…", filterInlineThreshold
 				padding: 0,
 				margin: 0
 			},
-			children: /* @__PURE__ */ L(x, {
+			children: /* @__PURE__ */ F(b, {
 				wrap: "wrap",
 				gap: "sm",
 				children: [
-					b && /* @__PURE__ */ I(qe, { view: e }),
-					S && /* @__PURE__ */ I(Ge, {
+					ee && /* @__PURE__ */ P(Je, { view: e }),
+					x && /* @__PURE__ */ P(Ke, {
 						view: e,
 						lockSwitcherOnMobile: r
 					}),
@@ -1065,17 +1066,17 @@ function Je({ view: e, searchPlaceholder: t = "Search…", filterInlineThreshold
 }
 //#endregion
 //#region src/components/DataViewer/context.tsx
-var Ye = ae(null), Xe = Ye.Provider;
-function Z() {
-	let e = B(Ye);
+var Xe = L(null), Ze = Xe.Provider;
+function X() {
+	let e = z(Xe);
 	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 Q({ view: e, slots: t, renderCard: n, fallbackRole: r, lockSwitcherOnMobile: i, animateRows: a, children: o, ...s }) {
-	return /* @__PURE__ */ I(Xe, {
-		value: H(() => ({
+function Z({ view: e, slots: t, renderCard: n, fallbackRole: r, lockSwitcherOnMobile: i, animateRows: a, children: o, ...s }) {
+	return /* @__PURE__ */ P(Ze, {
+		value: V(() => ({
 			view: e,
 			slots: t,
 			renderCard: n,
@@ -1090,63 +1091,63 @@ function Q({ view: e, slots: t, renderCard: n, fallbackRole: r, lockSwitcherOnMo
 			i,
 			a
 		]),
-		children: /* @__PURE__ */ I(j, {
+		children: /* @__PURE__ */ P(A, {
 			...s,
-			children: o ?? /* @__PURE__ */ L(F, { children: [
-				/* @__PURE__ */ I(Ze, {}),
-				/* @__PURE__ */ I(et, {}),
-				/* @__PURE__ */ I(Qe, {}),
-				/* @__PURE__ */ I($e, {})
+			children: o ?? /* @__PURE__ */ F(N, { children: [
+				/* @__PURE__ */ P(Qe, {}),
+				/* @__PURE__ */ P(tt, {}),
+				/* @__PURE__ */ P($e, {}),
+				/* @__PURE__ */ P(et, {})
 			] })
 		})
 	});
 }
-function Ze(e) {
-	let { view: t, lockSwitcherOnMobile: n } = Z();
-	return /* @__PURE__ */ I(Je, {
+function Qe(e) {
+	let { view: t, lockSwitcherOnMobile: n } = X();
+	return /* @__PURE__ */ P(Ye, {
 		view: t,
 		lockSwitcherOnMobile: n,
 		...e
 	});
 }
-function Qe({ tableProps: e, cardsProps: t }) {
-	let { view: n, slots: r, renderCard: i, fallbackRole: a, animateRows: o } = Z();
-	return n.view === "cards" ? /* @__PURE__ */ I(me, {
+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, {
 		view: n,
 		slots: r,
 		renderCard: i,
 		fallbackRole: a,
 		animateRows: o,
 		...t
-	}) : /* @__PURE__ */ I(Te, {
+	}) : /* @__PURE__ */ P(Te, {
 		view: n,
 		slots: r,
 		animateRows: o,
 		...e
 	});
 }
-function $e(e) {
-	let { view: t } = Z();
-	return /* @__PURE__ */ I(ge, {
+function et(e) {
+	let { view: t } = X();
+	return /* @__PURE__ */ P(ge, {
 		view: t,
 		...e
 	});
 }
-function et(e) {
-	let { view: t, slots: n } = Z();
-	return /* @__PURE__ */ I(G, {
+function tt(e) {
+	let { view: t, slots: n } = X();
+	return /* @__PURE__ */ P(ce, {
 		view: t,
 		slots: n,
 		...e
 	});
 }
-Q.Toolbar = Ze, Q.BulkActions = et, Q.Body = Qe, Q.Pagination = $e;
+Z.Toolbar = Qe, Z.BulkActions = tt, Z.Body = $e, Z.Pagination = et;
 //#endregion
 //#region src/core/colBuilder.ts
-function tt(e) {
+function nt(e) {
 	return e.replace(/_/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-var nt = {
+var rt = {
 	text: {
 		dataType: "text",
 		filterVariant: "text"
@@ -1171,13 +1172,13 @@ var nt = {
 	},
 	select: { filterVariant: "select" },
 	multiselect: { filterVariant: "multiselect" }
-}, rt = class {
+}, it = class {
 	cols = [];
 	helper = o();
 	add(e, t, n) {
-		let r = nt[e];
+		let r = rt[e];
 		if (!r) throw Error(`Unknown preset: ${e}`);
-		let i = n?.header ?? tt(t), a = n?.align ?? r.align, o;
+		let i = n?.header ?? nt(t), a = n?.align ?? r.align, o;
 		if (n?.filter === !1) o = void 0;
 		else {
 			let e = {
@@ -1193,6 +1194,7 @@ var nt = {
 			header: i,
 			...n?.cell ? { cell: n.cell } : {},
 			...n?.enableSorting === !1 ? { enableSorting: !1 } : {},
+			...n?.width == null ? {} : { size: n.width },
 			meta: {
 				label: i,
 				...r.dataType ? { dataType: r.dataType } : {},
@@ -1235,25 +1237,30 @@ var nt = {
 		return this.cols;
 	}
 };
-function it() {
-	return new rt();
+function at() {
+	return new it();
 }
 //#endregion
 //#region src/core/exportCsv.ts
-function at(e) {
+function Q(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) => at(K(e))), ...e.getRowModel().rows.map((e) => o.map((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) => {
 		let n = e.getAllCells().find((e) => e.column.id === t.id)?.getValue();
-		return i && t.columnDef.meta?.dataType ? at(X(t.columnDef.meta.dataType, t.columnDef.meta.format, a)(n)) : at(n);
+		return i && t.columnDef.meta?.dataType ? Q(Pe(t.columnDef.meta.dataType, t.columnDef.meta.format, a)(n)) : Q(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/url/useUrlSync.ts
+//#region src/core/getViewMode.ts
 function st(e) {
+	return ("table" in e ? e.table : e).options.meta?.viewMode ?? "table";
+}
+//#endregion
+//#region src/url/useUrlSync.ts
+function ct(e) {
 	return e ? {
 		adapter: e.adapter,
 		serializer: {
@@ -1263,7 +1270,7 @@ function st(e) {
 		include: r(e.include)
 	} : null;
 }
-function ct(e, t, r) {
+function lt(e, t, r) {
 	if (!e) return {};
 	try {
 		return n(e.adapter.read(), {
@@ -1276,21 +1283,21 @@ function ct(e, t, r) {
 		return {};
 	}
 }
-function lt({ config: r, state: i, applyPatch: a, getFilterMeta: o }) {
-	let s = U(i);
+function ut({ config: r, state: i, applyPatch: a, getFilterMeta: o }) {
+	let s = H(i);
 	s.current = i;
-	let c = U(a);
+	let c = H(a);
 	c.current = a;
-	let l = U(o);
+	let l = H(o);
 	l.current = o;
-	let u = U(r);
+	let u = H(r);
 	u.current = r;
 	let d = r ? t(i, {
 		serializer: r.serializer,
 		include: r.include,
 		getFilterMeta: o
 	}) : null;
-	V(() => {
+	B(() => {
 		let t = u.current;
 		if (!t || !d) return;
 		let n = e(t.adapter.read(), t.serializer, t.include);
@@ -1298,7 +1305,7 @@ function lt({ config: r, state: i, applyPatch: a, getFilterMeta: o }) {
 			...n,
 			...d
 		}, { replace: !0 });
-	}, [d ? JSON.stringify(d) : ""]), V(() => {
+	}, [d ? JSON.stringify(d) : ""]), B(() => {
 		if (!r) return;
 		let { adapter: e, serializer: t, include: i } = r;
 		return e.subscribe?.(() => {
@@ -1314,24 +1321,24 @@ function lt({ config: r, state: i, applyPatch: a, getFilterMeta: o }) {
 }
 //#endregion
 //#region src/core/resolveStatus.ts
-function ut(e) {
+function dt(e) {
 	return e.columnFilters.length > 0 || e.globalFilter.trim() !== "";
 }
-function dt({ status: e, error: t, pageRowCount: n, state: r }) {
+function ft({ status: e, error: t, pageRowCount: n, state: r }) {
 	return e === "error" ? {
 		phase: "error",
 		error: t
-	} : e === "loading" || e === "idle" ? { phase: "loading" } : n === 0 ? ut(r) ? { phase: "empty-filtered" } : { phase: "empty" } : { phase: "ready" };
+	} : e === "loading" || e === "idle" ? { phase: "loading" } : n === 0 ? dt(r) ? { phase: "empty-filtered" } : { phase: "empty" } : { phase: "ready" };
 }
 //#endregion
 //#region src/core/useDataView.ts
-var $ = 300, ft = [
+var $ = 300, pt = [
 	10,
 	25,
 	50,
 	100
-], pt = 10;
-function mt(e) {
+], mt = 10;
+function ht(e) {
 	return e == null ? {
 		globalFilter: $,
 		columnFilters: $
@@ -1343,23 +1350,23 @@ function mt(e) {
 		columnFilters: e.columnFilters ?? $
 	};
 }
-function ht(e) {
+function gt(e) {
 	if (e.id) return e.id;
 	if ("accessorKey" in e && e.accessorKey != null) return String(e.accessorKey);
 }
-function gt(e) {
+function _t(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) {
-		let e = ht(n), r = n.meta?.filter;
+		let e = gt(n), r = n.meta?.filter;
 		e && r && t.set(e, r);
 	}
 	return (e) => t.get(e);
 }
-function _t(e) {
+function vt(e) {
 	return {
 		pagination: {
 			pageIndex: 0,
-			pageSize: e.pageSizeOptions?.[0] ?? pt
+			pageSize: e.pageSizeOptions?.[0] ?? mt
 		},
 		sorting: [],
 		columnFilters: [],
@@ -1374,74 +1381,75 @@ function _t(e) {
 		...e.initialState
 	};
 }
-function vt(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) => {
+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 t = e.meta?.dataType;
 		if (!t || e.cell) return e;
-		let n = X(t, e.meta?.format, _);
+		let n = Pe(t, e.meta?.format, _);
 		return {
 			...e,
 			cell: (e) => n(e.getValue())
 		};
-	}), [t, _]), ee = H(() => gt(C), [C]), w = H(() => st(e.urlSync), [e.urlSync]), [te, ne] = W(() => {
-		let t = _t(e);
+	}), [t, _]), te = V(() => _t(S), [S]), C = V(() => ct(e.urlSync), [e.urlSync]), [ne, re] = U(() => {
+		let t = vt(e);
 		return {
 			...t,
-			...ct(w, t, ee)
+			...lt(C, t, te)
 		};
-	}), T = H(() => ({
-		...te,
+	}), w = V(() => ({
+		...ne,
 		...d
-	}), [te, d]), E = U(T);
-	E.current = T;
-	let D = z((e) => {
-		ne((t) => ({
+	}), [ne, d]), T = H(w);
+	T.current = w;
+	let E = R((e) => {
+		re((t) => ({
 			...t,
 			...e
 		})), f?.({
-			...E.current,
+			...T.current,
 			...e
 		});
 	}, [f]);
-	lt({
-		config: w,
-		state: T,
-		applyPatch: D,
-		getFilterMeta: ee
+	ut({
+		config: C,
+		state: w,
+		applyPatch: E,
+		getFilterMeta: te
 	});
-	let O = z(() => ({
-		...E.current.pagination,
+	let D = R(() => ({
+		...T.current.pagination,
 		pageIndex: 0
-	}), []), k = U(x);
-	V(() => {
-		k.current !== x && (k.current = x, D({ pagination: O() }));
+	}), []), O = H(b);
+	B(() => {
+		O.current !== b && (O.current = b, E({ 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()
+	let k = R((e) => {
+		E({ pagination: c(e, T.current.pagination) });
+	}, [E]), A = R((e) => {
+		E({
+			sorting: c(e, T.current.sorting),
+			pagination: D()
 		});
-	}, [D, O]), M = z((e) => {
-		D({
-			columnFilters: c(e, E.current.columnFilters),
-			pagination: O()
+	}, [E, D]), j = R((e) => {
+		E({
+			columnFilters: c(e, T.current.columnFilters),
+			pagination: D()
 		});
-	}, [D, O]), N = z((e) => {
-		D({
-			globalFilter: c(e, E.current.globalFilter),
-			pagination: O()
+	}, [E, D]), M = R((e) => {
+		E({
+			globalFilter: c(e, T.current.globalFilter),
+			pagination: D()
 		});
-	}, [D, O]), P = z((e) => {
-		D({ rowSelection: c(e, E.current.rowSelection) });
-	}, [D]), re = z((e) => {
-		D({ columnVisibility: c(e, E.current.columnVisibility) });
-	}, [D]), ie = z((e) => {
-		D({ columnPinning: c(e, E.current.columnPinning) });
-	}, [D]), F = u({
+	}, [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({
 		data: n,
-		columns: C,
+		meta: { viewMode: P },
+		columns: S,
 		getCoreRowModel: l(),
 		manualPagination: !0,
 		manualSorting: !0,
@@ -1452,77 +1460,77 @@ function vt(e) {
 		enableRowSelection: typeof p == "function" ? (e) => p(e.original) : p ?? !0,
 		enableGlobalFilter: m,
 		state: {
-			pagination: T.pagination,
-			sorting: T.sorting,
-			columnFilters: T.columnFilters,
-			globalFilter: T.globalFilter,
-			rowSelection: T.rowSelection,
-			columnVisibility: T.columnVisibility,
-			columnPinning: T.columnPinning
+			pagination: w.pagination,
+			sorting: w.sorting,
+			columnFilters: w.columnFilters,
+			globalFilter: w.globalFilter,
+			rowSelection: w.rowSelection,
+			columnVisibility: w.columnVisibility,
+			columnPinning: w.columnPinning
 		},
-		onPaginationChange: A,
-		onSortingChange: j,
-		onColumnFiltersChange: M,
-		onGlobalFilterChange: N,
-		onRowSelectionChange: P,
-		onColumnVisibilityChange: re,
-		onColumnPinningChange: ie
-	}), I = H(() => ({
-		pagination: T.pagination,
-		sorting: T.sorting,
-		filters: T.columnFilters,
-		globalFilter: T.globalFilter,
-		params: S
+		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
 	}), [
-		T.pagination,
-		T.sorting,
-		T.columnFilters,
-		T.globalFilter,
-		x
-	]), L = U(s);
+		w.pagination,
+		w.sorting,
+		w.columnFilters,
+		w.globalFilter,
+		b
+	]), L = H(s);
 	L.current = s;
-	let R = U(mt(h));
-	R.current = mt(h);
-	let ae = U(null), B = U(void 0);
-	V(() => {
-		let e = ae.current, t = e === null, n = !e || e.globalFilter !== I.globalFilter, r = !e || e.filters !== I.filters, i = () => {
-			ae.current = I, L.current?.(I);
+	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);
 		}, a = 0;
-		n && (a = Math.max(a, R.current.globalFilter)), r && (a = Math.max(a, R.current.columnFilters));
+		n && (a = Math.max(a, z.current.globalFilter)), r && (a = Math.max(a, z.current.columnFilters));
 		let o = !t && (n || r) && a > 0;
-		return clearTimeout(B.current), o ? B.current = setTimeout(i, a) : i(), () => clearTimeout(B.current);
+		return clearTimeout(W.current), o ? W.current = setTimeout(i, a) : i(), () => clearTimeout(W.current);
 	}, [I]);
-	let oe = U(I);
-	oe.current = I;
-	let se = z(() => {
-		L.current?.(oe.current);
-	}, []), ce = H(() => dt({
+	let G = H(I);
+	G.current = I;
+	let ce = R(() => {
+		L.current?.(G.current);
+	}, []), K = V(() => ft({
 		status: i,
 		error: a,
 		pageRowCount: n.length,
-		state: T
+		state: w
 	}), [
 		i,
 		a,
 		n.length,
-		T
-	]), G = je(g), K = G ? "cards" : T.view, le = z((e) => D({ view: e }), [D]), ue = e.pageSizeOptions ?? ft, q = F.getAllColumns(), de = q.filter((e) => e.getCanSort()), fe = q.filter((e) => e.columnDef.meta?.filter != null), J = z(() => D({ rowSelection: {} }), [D]);
+		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]);
 	return {
 		table: F,
 		request: I,
-		state: T,
-		view: K,
+		state: w,
+		view: P,
 		setView: le,
-		isMobileForced: G,
+		isMobileForced: N,
 		status: i,
 		error: a,
-		renderStatus: ce,
-		refetch: se,
+		renderStatus: K,
+		refetch: ce,
 		pageSizeOptions: ue,
 		sortableColumns: de,
 		filterableColumns: fe,
-		selection: H(() => {
-			let e = T.rowSelection, t = Object.keys(e).filter((t) => e[t]), r = n.filter((t) => e[o(t)] === !0);
+		selection: V(() => {
+			let e = w.rowSelection, t = Object.keys(e).filter((t) => e[t]), r = n.filter((t) => e[o(t)] === !0);
 			return {
 				count: t.length,
 				ids: t,
@@ -1530,26 +1538,26 @@ function vt(e) {
 				clear: J
 			};
 		}, [
-			T.rowSelection,
+			w.rowSelection,
 			n,
 			o,
 			J
 		]),
-		exportCsv: z((e) => ot(F, e), [F]),
-		facets: b,
-		resetFilter: z((e) => F.getColumn(e)?.setFilterValue(void 0), [F]),
-		resetAllFilters: z(() => F.resetColumnFilters(), [F])
+		exportCsv: R((e) => ot(F, e), [F]),
+		facets: ee,
+		resetFilter: R((e) => F.getColumn(e)?.setFilterValue(void 0), [F]),
+		resetAllFilters: R(() => F.resetColumnFilters(), [F])
 	};
 }
 //#endregion
 //#region src/core/useDataViewFetcher.ts
-function yt({ fetcher: e, deps: t, ...n }) {
-	let [r, i] = W({
+function bt({ fetcher: e, deps: t, ...n }) {
+	let [r, i] = U({
 		rows: [],
 		rowCount: 0
-	}), [a, o] = W("idle"), [s, c] = W(void 0), l = U(e);
+	}), [a, o] = U("idle"), [s, c] = U(void 0), l = H(e);
 	l.current = e;
-	let u = U(0), d = U(null), f = z(async (e) => {
+	let u = H(0), d = H(null), f = R(async (e) => {
 		d.current = e;
 		let t = ++u.current;
 		o("loading");
@@ -1559,10 +1567,10 @@ function yt({ fetcher: e, deps: t, ...n }) {
 		} catch (e) {
 			t === u.current && (c(e), o("error"));
 		}
-	}, []), p = t ? JSON.stringify(t) : "", m = U(p);
-	return V(() => {
+	}, []), p = t ? JSON.stringify(t) : "", m = H(p);
+	return B(() => {
 		m.current !== p && (m.current = p, d.current && f(d.current));
-	}), vt({
+	}), yt({
 		...n,
 		rows: r.rows,
 		rowCount: r.rowCount,
@@ -1573,6 +1581,6 @@ function yt({ fetcher: e, deps: t, ...n }) {
 	});
 }
 //#endregion
-export { rt as ColumnBuilder, G as DataBulkActions, me as DataCards, ge as DataPagination, Te as DataTable, Je as DataToolbar, Q as DataViewer, ze as FilterControl, Ge as ViewSwitcher, it as col, ue as composeCardLayout, a as createColumnHelper, ot as exportCsv, K as resolveColumnLabel, vt as useDataView, Z as useDataViewContext, yt as useDataViewFetcher };
+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 };
 
 //# sourceMappingURL=index.js.map