@ethanhann/mantine-dataview 0.1.1 → 0.2.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, flexRender as o, functionalUpdate as s, getCoreRowModel as c, useReactTable as l } from "@tanstack/react-table";
-import { ActionIcon as u, Anchor as d, Badge as f, Box as p, Button as m, Card as h, Center as g, Checkbox as _, CloseButton as ee, Drawer as te, Group as v, Input as y, Menu as b, MultiSelect as x, NumberInput as S, Pagination as C, Paper as w, Popover as T, RangeSlider as E, SegmentedControl as D, Select as O, SimpleGrid as ne, Skeleton as k, Stack as A, Table as j, Text as M, TextInput as N, UnstyledButton as P, useMantineTheme as F } from "@mantine/core";
+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 ee, Drawer as y, Group as b, Input as x, Menu as S, MultiSelect as te, NumberInput as C, Pagination as w, Paper as T, Popover as E, RangeSlider as ne, SegmentedControl as D, Select as O, SimpleGrid as re, Skeleton as k, Stack as A, Table as j, Text as M, TextInput as N, UnstyledButton as P, useMantineTheme as F } from "@mantine/core";
 import { Fragment as I, jsx as L, jsxs as R } from "react/jsx-runtime";
-import { Fragment as re, createContext as ie, useCallback as z, useContext as ae, useEffect as B, useMemo as V, useRef as H, useState as U } from "react";
-import { useDisclosure as W, useMediaQuery as G } from "@mantine/hooks";
+import { Fragment as ie, 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 G } from "@mantine/hooks";
 import { DatePickerInput as K } from "@mantine/dates";
 import "@mantine/dates/styles.css";
 //#region src/components/DataBulkActions/DataBulkActions.tsx
 function q({ view: e, slots: t, ...n }) {
 	let { selection: r } = e;
-	return r.count === 0 ? null : /* @__PURE__ */ L(w, {
+	return r.count === 0 ? null : /* @__PURE__ */ L(T, {
 		withBorder: !0,
 		p: "xs",
 		radius: "sm",
 		role: "region",
 		"aria-label": "Bulk actions",
 		...n,
-		children: /* @__PURE__ */ R(v, {
+		children: /* @__PURE__ */ R(b, {
 			justify: "space-between",
 			wrap: "wrap",
 			gap: "sm",
-			children: [/* @__PURE__ */ R(v, {
+			children: [/* @__PURE__ */ R(b, {
 				gap: "sm",
 				children: [/* @__PURE__ */ R(M, {
 					size: "sm",
 					fw: 500,
 					children: [r.count, " selected"]
-				}), /* @__PURE__ */ L(m, {
+				}), /* @__PURE__ */ L(h, {
 					variant: "subtle",
 					size: "xs",
 					onClick: r.clear,
 					children: "Clear"
 				})]
-			}), t?.BulkActions && /* @__PURE__ */ L(v, {
+			}), t?.BulkActions && /* @__PURE__ */ L(b, {
 				gap: "xs",
 				children: t.BulkActions(r)
 			})]
@@ -45,7 +45,7 @@ function J(e) {
 	let { meta: t, header: n } = e.columnDef;
 	return t?.label ? t.label : typeof n == "string" ? n : e.id;
 }
-function oe(e, t, n) {
+function se(e, t, n) {
 	return t ? t === "hidden" ? null : t : e.accessorFn == null || n === "hidden" ? null : n;
 }
 function Y(e, t = {}) {
@@ -57,7 +57,7 @@ function Y(e, t = {}) {
 		meta: []
 	};
 	e.getVisibleLeafColumns().forEach((e, t) => {
-		let i = e.columnDef.meta?.card, a = oe(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,
@@ -80,10 +80,10 @@ function Y(e, t = {}) {
 }
 //#endregion
 //#region src/components/StateMessage.tsx
-function se(e) {
+function ce(e) {
 	e.resetColumnFilters(), e.setGlobalFilter("");
 }
-function ce({ view: e, slots: t }) {
+function le({ view: e, slots: t }) {
 	return t?.ErrorState ? /* @__PURE__ */ L(I, { children: t.ErrorState({
 		error: e.error,
 		retry: e.refetch
@@ -93,7 +93,7 @@ function ce({ view: e, slots: t }) {
 		children: [/* @__PURE__ */ L(M, {
 			c: "red",
 			children: "Something went wrong."
-		}), /* @__PURE__ */ L(m, {
+		}), /* @__PURE__ */ L(h, {
 			variant: "light",
 			size: "xs",
 			onClick: e.refetch,
@@ -101,8 +101,8 @@ function ce({ view: e, slots: t }) {
 		})]
 	});
 }
-function le({ view: e, slots: t }) {
-	let n = e.renderStatus.phase === "empty-filtered", r = () => se(e.table);
+function ue({ view: e, slots: t }) {
+	let n = e.renderStatus.phase === "empty-filtered", r = () => ce(e.table);
 	return t?.Empty ? /* @__PURE__ */ L(I, { children: t.Empty({
 		filtered: n,
 		clearFilters: r
@@ -112,7 +112,7 @@ function le({ view: e, slots: t }) {
 		children: [/* @__PURE__ */ L(M, {
 			c: "dimmed",
 			children: "No matches."
-		}), /* @__PURE__ */ L(m, {
+		}), /* @__PURE__ */ L(h, {
 			variant: "subtle",
 			size: "xs",
 			onClick: r,
@@ -125,20 +125,20 @@ function le({ view: e, slots: t }) {
 }
 //#endregion
 //#region src/components/DataCards/DataCards.tsx
-var ue = {
+var de = {
 	base: 1,
 	sm: 2,
 	lg: 3
 };
-function de({ view: e, slots: t, renderCard: n, fallbackRole: r, enableSelection: i, loadingCardCount: a, cols: o = ue, ...s }) {
+function fe({ view: e, slots: t, renderCard: n, fallbackRole: r, enableSelection: i, loadingCardCount: a, cols: o = de, ...s }) {
 	let { table: c, renderStatus: l } = e, u = i ?? c.options.enableRowSelection !== !1, d = a ?? Math.min(e.state.pagination.pageSize, 6), f = {
 		cols: o,
 		...s
 	};
 	switch (l.phase) {
-		case "loading": return t?.LoadingCards ? t.LoadingCards() : /* @__PURE__ */ L(ne, {
+		case "loading": return t?.LoadingCards ? t.LoadingCards() : /* @__PURE__ */ L(re, {
 			...f,
-			children: Array.from({ length: d }, (e, t) => /* @__PURE__ */ L(h, {
+			children: Array.from({ length: d }, (e, t) => /* @__PURE__ */ L(g, {
 				withBorder: !0,
 				padding: "md",
 				children: /* @__PURE__ */ R(A, {
@@ -157,24 +157,24 @@ function de({ view: e, slots: t, renderCard: n, fallbackRole: r, enableSelection
 				})
 			}, t))
 		});
-		case "error": return /* @__PURE__ */ L(g, {
+		case "error": return /* @__PURE__ */ L(_, {
 			p: "xl",
-			children: /* @__PURE__ */ L(ce, {
+			children: /* @__PURE__ */ L(le, {
 				view: e,
 				slots: t
 			})
 		});
 		case "empty":
-		case "empty-filtered": return /* @__PURE__ */ L(g, {
+		case "empty-filtered": return /* @__PURE__ */ L(_, {
 			p: "xl",
-			children: /* @__PURE__ */ L(le, {
+			children: /* @__PURE__ */ L(ue, {
 				view: e,
 				slots: t
 			})
 		});
 		default: {
 			let e = Y(c, { fallbackRole: r });
-			return /* @__PURE__ */ L(ne, {
+			return /* @__PURE__ */ L(re, {
 				...f,
 				children: c.getRowModel().rows.map((r) => {
 					let i = r.getIsSelected(), a = {
@@ -183,16 +183,16 @@ function de({ view: e, slots: t, renderCard: n, fallbackRole: r, enableSelection
 						selected: i,
 						toggleSelected: () => r.toggleSelected()
 					};
-					if (n) return /* @__PURE__ */ L(fe, { children: n(a) }, r.id);
-					let o = /* @__PURE__ */ L(pe, {
+					if (n) return /* @__PURE__ */ L(pe, { children: n(a) }, r.id);
+					let o = /* @__PURE__ */ L(me, {
 						row: r,
 						layout: e,
 						selectionEnabled: u
 					});
-					return t?.Card ? /* @__PURE__ */ L(fe, { children: t.Card({
+					return t?.Card ? /* @__PURE__ */ L(pe, { children: t.Card({
 						...a,
 						children: o
-					}) }, r.id) : /* @__PURE__ */ L(h, {
+					}) }, r.id) : /* @__PURE__ */ L(g, {
 						withBorder: !0,
 						padding: "lg",
 						pos: "relative",
@@ -204,16 +204,16 @@ function de({ view: e, slots: t, renderCard: n, fallbackRole: r, enableSelection
 		}
 	}
 }
-function fe({ children: e }) {
+function pe({ children: e }) {
 	return /* @__PURE__ */ L(I, { children: e });
 }
-function pe({ row: e, layout: t, selectionEnabled: n }) {
+function me({ 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 ? o(t.column.columnDef.cell, t.getContext()) : null;
+		return t ? s(t.column.columnDef.cell, t.getContext()) : null;
 	};
 	return /* @__PURE__ */ R(I, { children: [
-		n && /* @__PURE__ */ L(_, {
+		n && /* @__PURE__ */ L(v, {
 			"aria-label": "Select card",
 			checked: e.getIsSelected(),
 			disabled: !e.getCanSelect(),
@@ -225,9 +225,9 @@ function pe({ row: e, layout: t, selectionEnabled: n }) {
 				zIndex: 1
 			}
 		}),
-		t.media.length > 0 && /* @__PURE__ */ L(h.Section, {
+		t.media.length > 0 && /* @__PURE__ */ L(g.Section, {
 			mb: "xs",
-			children: t.media.map((e) => /* @__PURE__ */ L(p, { children: i(e) }, e.id))
+			children: t.media.map((e) => /* @__PURE__ */ L(m, { children: i(e) }, e.id))
 		}),
 		/* @__PURE__ */ R(A, {
 			gap: "md",
@@ -246,13 +246,13 @@ function pe({ row: e, layout: t, selectionEnabled: n }) {
 						children: i(e)
 					}, e.id))]
 				}),
-				t.badge.length > 0 && /* @__PURE__ */ L(v, {
+				t.badge.length > 0 && /* @__PURE__ */ L(b, {
 					gap: "xs",
-					children: t.badge.map((e) => /* @__PURE__ */ L(re, { children: i(e) }, e.id))
+					children: t.badge.map((e) => /* @__PURE__ */ L(ie, { children: i(e) }, e.id))
 				}),
 				t.meta.length > 0 && /* @__PURE__ */ L(A, {
 					gap: 4,
-					children: t.meta.map((e) => /* @__PURE__ */ R(v, {
+					children: t.meta.map((e) => /* @__PURE__ */ R(b, {
 						justify: "space-between",
 						gap: "xs",
 						wrap: "nowrap",
@@ -272,14 +272,14 @@ function pe({ row: e, layout: t, selectionEnabled: n }) {
 }
 //#endregion
 //#region src/components/DataPagination/DataPagination.tsx
-function me({ view: e, pageSizeOptions: t, showPageSize: n = !0, showRange: r = !0, pageSizeLabel: i = "Rows per page", ...a }) {
+function he({ 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__ */ R(v, {
+	return /* @__PURE__ */ R(b, {
 		justify: "space-between",
 		wrap: "wrap",
 		gap: "sm",
 		...a,
-		children: [/* @__PURE__ */ R(v, {
+		children: [/* @__PURE__ */ R(b, {
 			gap: "sm",
 			wrap: "wrap",
 			children: [n && /* @__PURE__ */ L(O, {
@@ -300,7 +300,7 @@ function me({ view: e, pageSizeOptions: t, showPageSize: n = !0, showRange: r =
 					l
 				]
 			})]
-		}), /* @__PURE__ */ L(C, {
+		}), /* @__PURE__ */ L(w, {
 			value: s + 1,
 			total: Math.max(u, 1),
 			onChange: (e) => o.setPageIndex(e - 1),
@@ -310,7 +310,7 @@ function me({ view: e, pageSizeOptions: t, showPageSize: n = !0, showRange: r =
 }
 //#endregion
 //#region src/components/icons.tsx
-function he({ direction: e }) {
+function ge({ direction: e }) {
 	return /* @__PURE__ */ R("svg", {
 		width: "14",
 		height: "14",
@@ -356,37 +356,37 @@ function X({ d: e, title: t }) {
 		children: [/* @__PURE__ */ L("title", { children: t }), /* @__PURE__ */ L("path", { d: e })]
 	});
 }
-function ge() {
+function _e() {
 	return /* @__PURE__ */ L(X, {
 		title: "search",
 		d: "M21 21l-4.3-4.3M11 19a8 8 0 110-16 8 8 0 010 16z"
 	});
 }
-function _e() {
+function ve() {
 	return /* @__PURE__ */ L(X, {
 		title: "filter",
 		d: "M3 5h18M7 12h10M10 19h4"
 	});
 }
-function ve() {
+function ye() {
 	return /* @__PURE__ */ L(X, {
 		title: "open",
 		d: "M6 9l6 6 6-6"
 	});
 }
-function ye() {
+function be() {
 	return /* @__PURE__ */ L(X, {
 		title: "close",
 		d: "M18 6L6 18M6 6l12 12"
 	});
 }
-function be() {
+function xe() {
 	return /* @__PURE__ */ L(X, {
 		title: "pin left",
 		d: "M4 4v16M9 8h8M9 12h6M9 16h8"
 	});
 }
-function xe() {
+function Se() {
 	return /* @__PURE__ */ L(X, {
 		title: "pin right",
 		d: "M20 4v16M7 8h8M9 12h6M7 16h8"
@@ -394,7 +394,7 @@ function xe() {
 }
 //#endregion
 //#region src/components/DataTable/DataTable.tsx
-function Se(e) {
+function Ce(e) {
 	let t = e.getIsPinned();
 	if (t) return {
 		position: "sticky",
@@ -403,30 +403,30 @@ function Se(e) {
 		backgroundColor: "var(--mantine-color-body)"
 	};
 }
-function Ce({ view: e, slots: t, enableSelection: n, loadingRowCount: r, ...i }) {
-	let { table: a, renderStatus: s } = e, c = a.getVisibleLeafColumns(), l = n ?? a.options.enableRowSelection !== !1, u = c.length + +!!l, d = r ?? Math.min(e.state.pagination.pageSize, 8), f = () => {
-		switch (s.phase) {
+function we({ view: e, slots: t, enableSelection: n, loadingRowCount: r, ...i }) {
+	let { table: a, renderStatus: o } = e, c = a.getVisibleLeafColumns(), l = n ?? a.options.enableRowSelection !== !1, u = c.length + +!!l, d = r ?? Math.min(e.state.pagination.pageSize, 8), f = () => {
+		switch (o.phase) {
 			case "loading": return t?.LoadingTable ? t.LoadingTable() : /* @__PURE__ */ L(j.Tbody, { children: Array.from({ length: d }, (e, t) => /* @__PURE__ */ R(j.Tr, { children: [l && /* @__PURE__ */ L(j.Td, { children: /* @__PURE__ */ L(k, {
 				height: 16,
 				width: 16
 			}) }), c.map((e) => /* @__PURE__ */ L(j.Td, { children: /* @__PURE__ */ L(k, { height: 12 }) }, e.id))] }, t)) });
-			case "error": return /* @__PURE__ */ L(Te, {
+			case "error": return /* @__PURE__ */ L(Ee, {
 				colSpan: u,
-				children: /* @__PURE__ */ L(ce, {
+				children: /* @__PURE__ */ L(le, {
 					view: e,
 					slots: t
 				})
 			});
 			case "empty":
-			case "empty-filtered": return /* @__PURE__ */ L(Te, {
+			case "empty-filtered": return /* @__PURE__ */ L(Ee, {
 				colSpan: u,
-				children: /* @__PURE__ */ L(le, {
+				children: /* @__PURE__ */ L(ue, {
 					view: e,
 					slots: t
 				})
 			});
 			default: return /* @__PURE__ */ L(j.Tbody, { children: a.getRowModel().rows.map((e) => {
-				let n = /* @__PURE__ */ R(I, { children: [l && /* @__PURE__ */ L(j.Td, { children: /* @__PURE__ */ L(_, {
+				let n = /* @__PURE__ */ R(I, { children: [l && /* @__PURE__ */ L(j.Td, { children: /* @__PURE__ */ L(v, {
 					"aria-label": "Select row",
 					checked: e.getIsSelected(),
 					disabled: !e.getCanSelect(),
@@ -436,13 +436,13 @@ function Ce({ view: e, slots: t, enableSelection: n, loadingRowCount: r, ...i })
 					let t = e.column.columnDef.meta?.align;
 					return /* @__PURE__ */ L(j.Td, {
 						style: {
-							...Se(e.column),
+							...Ce(e.column),
 							...t ? { textAlign: t } : void 0
 						},
-						children: o(e.column.columnDef.cell, e.getContext())
+						children: s(e.column.columnDef.cell, e.getContext())
 					}, e.id);
 				})] });
-				return t?.Row ? /* @__PURE__ */ L(we, { children: t.Row({
+				return t?.Row ? /* @__PURE__ */ L(Te, { children: t.Row({
 					row: e,
 					cells: n
 				}) }, e.id) : /* @__PURE__ */ L(j.Tr, {
@@ -459,33 +459,33 @@ function Ce({ view: e, slots: t, enableSelection: n, loadingRowCount: r, ...i })
 			...i,
 			children: [/* @__PURE__ */ L(j.Thead, { children: a.getHeaderGroups().map((e) => /* @__PURE__ */ R(j.Tr, { children: [l && /* @__PURE__ */ L(j.Th, {
 				style: { width: 40 },
-				children: /* @__PURE__ */ L(_, {
+				children: /* @__PURE__ */ L(v, {
 					"aria-label": "Select all rows on this page",
 					checked: a.getIsAllPageRowsSelected(),
 					indeterminate: a.getIsSomePageRowsSelected() && !a.getIsAllPageRowsSelected(),
 					onChange: a.getToggleAllPageRowsSelectedHandler()
 				})
-			}), e.headers.map((e) => /* @__PURE__ */ L(Ee, { header: e }, e.id))] }, e.id)) }), f()]
+			}), e.headers.map((e) => /* @__PURE__ */ L(De, { header: e }, e.id))] }, e.id)) }), f()]
 		})
 	});
 }
-function we({ children: e }) {
+function Te({ children: e }) {
 	return /* @__PURE__ */ L(I, { children: e });
 }
-function Te({ colSpan: e, children: t }) {
+function Ee({ colSpan: e, children: t }) {
 	return /* @__PURE__ */ L(j.Tbody, { children: /* @__PURE__ */ L(j.Tr, { children: /* @__PURE__ */ L(j.Td, {
 		colSpan: e,
-		children: /* @__PURE__ */ L(g, {
+		children: /* @__PURE__ */ L(_, {
 			p: "xl",
 			children: t
 		})
 	}) }) });
 }
-function Ee({ header: e }) {
-	let { column: t } = e, n = t.columnDef.meta?.align, r = t.getIsSorted(), i = t.getSortIndex(), a = i > 0, s = e.isPlaceholder ? null : o(t.columnDef.header, e.getContext());
+function De({ header: e }) {
+	let { column: t } = e, n = t.columnDef.meta?.align, r = t.getIsSorted(), i = t.getSortIndex(), a = i > 0, o = e.isPlaceholder ? null : s(t.columnDef.header, e.getContext());
 	return /* @__PURE__ */ L(j.Th, {
 		style: {
-			...Se(t),
+			...Ce(t),
 			...n ? { textAlign: n } : void 0
 		},
 		"aria-sort": r === "asc" ? "ascending" : r === "desc" ? "descending" : void 0,
@@ -498,8 +498,8 @@ function Ee({ header: e }) {
 				font: "inherit"
 			},
 			children: [
-				s,
-				/* @__PURE__ */ L(he, { direction: r }),
+				o,
+				/* @__PURE__ */ L(ge, { direction: r }),
 				a && /* @__PURE__ */ L("span", {
 					role: "note",
 					style: {
@@ -510,25 +510,25 @@ function Ee({ header: e }) {
 					children: i + 1
 				})
 			]
-		}) : s
+		}) : o
 	});
 }
 //#endregion
 //#region src/core/useForceCards.ts
-var De = "(max-width: 0px)";
-function Oe(e) {
+var Oe = "(max-width: 0px)";
+function ke(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 ke(e) {
-	let t = F(), n = e?.forceCardsBelow, r = n ? t.breakpoints[n] : void 0, i = G(r ? Oe(r) : De, !1);
+function Ae(e) {
+	let t = F(), n = e?.forceCardsBelow, r = n ? t.breakpoints[n] : void 0, i = G(r ? ke(r) : Oe, !1);
 	return !!r && !!i;
 }
 //#endregion
 //#region src/core/formatValue.ts
-var Ae = {
+var je = {
 	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, {
@@ -542,7 +542,7 @@ var Ae = {
 	},
 	boolean: (e) => e == null ? "" : e ? "Yes" : "No"
 };
-function je(e, t) {
+function Me(e, t) {
 	if (e === "number" || e === "currency") {
 		let n = new Intl.NumberFormat(void 0, e === "currency" ? {
 			style: "currency",
@@ -558,15 +558,15 @@ function je(e, t) {
 			return Number.isNaN(n.getTime()) ? String(t) : e.format(n);
 		};
 	}
-	return Ae[e];
+	return je[e];
 }
-function Me(e, t, n) {
+function Ne(e, t, n) {
 	let r = t ?? n?.[e];
-	return r ? typeof r == "function" ? r : je(e, r) : Ae[e];
+	return r ? typeof r == "function" ? r : Me(e, r) : je[e];
 }
 //#endregion
 //#region src/components/DataToolbar/FacetBuckets.tsx
-function Ne({ facet: e, value: t, onChange: n }) {
+function Pe({ facet: e, value: t, onChange: n }) {
 	let r = Array.isArray(t) ? t : null;
 	return /* @__PURE__ */ L(A, {
 		gap: 4,
@@ -579,14 +579,14 @@ function Ne({ facet: e, value: t, onChange: n }) {
 					borderRadius: 4,
 					background: t ? "var(--mantine-color-blue-light)" : void 0
 				},
-				children: /* @__PURE__ */ R(v, {
+				children: /* @__PURE__ */ R(b, {
 					gap: "xs",
 					justify: "space-between",
 					wrap: "nowrap",
 					children: [/* @__PURE__ */ L(M, {
 						size: "sm",
 						children: e.label
-					}), /* @__PURE__ */ L(f, {
+					}), /* @__PURE__ */ L(p, {
 						size: "sm",
 						variant: "light",
 						color: e.count === 0 ? "gray" : "blue",
@@ -599,15 +599,15 @@ function Ne({ facet: e, value: t, onChange: n }) {
 }
 //#endregion
 //#region src/components/DataToolbar/FilterControl.tsx
-function Pe({ label: e, onClear: t }) {
-	return /* @__PURE__ */ R(v, {
+function Fe({ label: e, onClear: t }) {
+	return /* @__PURE__ */ R(b, {
 		justify: "space-between",
 		wrap: "nowrap",
 		children: [/* @__PURE__ */ L(M, {
 			size: "sm",
 			fw: 500,
 			children: e
-		}), /* @__PURE__ */ L(d, {
+		}), /* @__PURE__ */ L(f, {
 			component: "button",
 			type: "button",
 			size: "xs",
@@ -617,26 +617,26 @@ function Pe({ label: e, onClear: t }) {
 		})]
 	});
 }
-function Fe(e) {
+function Ie(e) {
 	return e ? typeof e == "string" ? e : e.toISOString().split("T")[0] ?? null : null;
 }
-function Ie(e) {
+function Le(e) {
 	return Array.isArray(e) ? [e[0], e[1]] : [null, null];
 }
-function Le(e, t) {
+function Re(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 Re({ column: e, facet: t }) {
+function ze({ column: e, facet: t }) {
 	let n = e.columnDef.meta?.filter;
 	if (!n) return null;
 	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__ */ L(y.Wrapper, {
+		return /* @__PURE__ */ L(x.Wrapper, {
 			label: r,
 			children: /* @__PURE__ */ L(t, {
 				value: a,
@@ -651,20 +651,20 @@ function Re({ column: e, facet: t }) {
 			label: r,
 			placeholder: i,
 			clearable: !0,
-			data: s ? Le(s, n.options) : n.options ?? [],
+			data: s ? Re(s, n.options) : n.options ?? [],
 			value: a ?? null,
 			onChange: (e) => o(e ?? void 0)
 		});
-		case "multiselect": return /* @__PURE__ */ L(x, {
+		case "multiselect": return /* @__PURE__ */ L(te, {
 			label: r,
 			placeholder: i,
-			data: s ? Le(s, n.options) : n.options ?? [],
+			data: s ? Re(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__ */ L(y.Wrapper, {
+			return /* @__PURE__ */ L(x.Wrapper, {
 				label: r,
 				children: /* @__PURE__ */ L(D, {
 					fullWidth: !0,
@@ -691,21 +691,21 @@ function Re({ column: e, facet: t }) {
 			});
 		}
 		case "numberRange": {
-			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__ */ L(Ne, {
+			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__ */ L(Pe, {
 				facet: c,
 				value: a,
 				onChange: o
-			}) : null, p = d ? /* @__PURE__ */ L(Pe, {
+			}) : null, p = d ? /* @__PURE__ */ L(Fe, {
 				label: r,
 				onClear: () => o(void 0)
 			}) : r;
 			if (u) {
-				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__ */ L(y.Wrapper, {
+				let a = [t ?? s, i ?? l], c = e.columnDef.meta?.dataType, u = c ? Ne(c, e.columnDef.meta?.format, void 0) : (e) => String(e);
+				return /* @__PURE__ */ L(x.Wrapper, {
 					label: p,
 					children: /* @__PURE__ */ R(A, {
 						gap: "xs",
-						children: [f, /* @__PURE__ */ L(E, {
+						children: [f, /* @__PURE__ */ L(ne, {
 							min: s,
 							max: l,
 							step: n.step ?? 1,
@@ -720,23 +720,23 @@ function Re({ column: e, facet: t }) {
 					})
 				});
 			}
-			if (f) return /* @__PURE__ */ L(y.Wrapper, {
+			if (f) return /* @__PURE__ */ L(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__ */ L(y.Wrapper, {
+			return /* @__PURE__ */ L(x.Wrapper, {
 				label: r,
-				children: /* @__PURE__ */ R(v, {
+				children: /* @__PURE__ */ R(b, {
 					gap: 4,
 					wrap: "nowrap",
-					children: [/* @__PURE__ */ L(S, {
+					children: [/* @__PURE__ */ L(C, {
 						"aria-label": `${r} minimum`,
 						placeholder: "Min",
 						value: t ?? "",
 						onChange: (e) => m([h(e), i]),
 						w: 90
-					}), /* @__PURE__ */ L(S, {
+					}), /* @__PURE__ */ L(C, {
 						"aria-label": `${r} maximum`,
 						placeholder: "Max",
 						value: i ?? "",
@@ -752,18 +752,18 @@ function Re({ column: e, facet: t }) {
 			clearable: !0,
 			popoverProps: { withinPortal: !1 },
 			value: a ? new Date(a) : null,
-			onChange: (e) => o(Fe(e) ?? void 0)
+			onChange: (e) => o(Ie(e) ?? void 0)
 		});
 		case "dateRange": {
-			let [e, t] = Ie(a), n = [e ? new Date(e) : null, t ? new Date(t) : null], s = a == null ? r : /* @__PURE__ */ L(Pe, {
+			let [e, t] = Le(a), n = [e ? new Date(e) : null, t ? new Date(t) : null], s = a == null ? r : /* @__PURE__ */ L(Fe, {
 				label: r,
 				onClear: () => o(void 0)
 			});
-			return /* @__PURE__ */ L(y.Wrapper, {
+			return /* @__PURE__ */ L(x.Wrapper, {
 				label: s,
 				children: /* @__PURE__ */ R(A, {
 					gap: "xs",
-					children: [c && /* @__PURE__ */ L(Ne, {
+					children: [c && /* @__PURE__ */ L(Pe, {
 						facet: c,
 						value: a,
 						onChange: o
@@ -774,7 +774,7 @@ function Re({ column: e, facet: t }) {
 						clearable: !0,
 						value: n,
 						onChange: ([e, t]) => {
-							let n = Fe(e), r = Fe(t);
+							let n = Ie(e), r = Ie(t);
 							o(n == null && r == null ? void 0 : [n, r]);
 						}
 					})]
@@ -791,59 +791,59 @@ function Re({ column: e, facet: t }) {
 }
 //#endregion
 //#region src/components/DataToolbar/FilterControls.tsx
-function ze({ view: e }) {
-	return e.state.columnFilters.length > 0 ? /* @__PURE__ */ L(m, {
+function Be({ view: e }) {
+	return e.state.columnFilters.length > 0 ? /* @__PURE__ */ L(h, {
 		variant: "subtle",
 		size: "compact-sm",
 		color: "gray",
-		leftSection: /* @__PURE__ */ L(ye, {}),
+		leftSection: /* @__PURE__ */ L(be, {}),
 		onClick: () => e.table.resetColumnFilters(),
 		children: "Reset filters"
 	}) : null;
 }
-function Be(e) {
+function Ve(e) {
 	return e > 0 ? `Filters (${e})` : "Filters";
 }
-function Ve({ view: e, controls: t }) {
+function He({ view: e, controls: t }) {
 	return /* @__PURE__ */ R(A, {
 		gap: "sm",
 		style: { minWidth: 240 },
-		children: [t, /* @__PURE__ */ L(v, {
+		children: [t, /* @__PURE__ */ L(b, {
 			justify: "flex-end",
-			children: /* @__PURE__ */ L(ze, { view: e })
+			children: /* @__PURE__ */ L(Be, { view: e })
 		})]
 	});
 }
-function He({ view: e, inlineThreshold: t }) {
-	let n = e.filterableColumns, r = G(Oe(F().breakpoints.sm), !1), [i, { open: a, close: o }] = W(!1);
+function Ue({ view: e, inlineThreshold: t }) {
+	let n = e.filterableColumns, r = G(ke(F().breakpoints.sm), !1), [i, { open: a, close: o }] = oe(!1);
 	if (n.length === 0) return null;
-	let s = n.map((t) => /* @__PURE__ */ L(Re, {
+	let s = n.map((t) => /* @__PURE__ */ L(ze, {
 		column: t,
 		facet: e.facets[t.id]
 	}, t.id)), c = e.state.columnFilters.length;
-	return r ? /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L(m, {
+	return r ? /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L(h, {
 		variant: "default",
-		leftSection: /* @__PURE__ */ L(_e, {}),
+		leftSection: /* @__PURE__ */ L(ve, {}),
 		onClick: a,
-		children: Be(c)
-	}), /* @__PURE__ */ L(te, {
+		children: Ve(c)
+	}), /* @__PURE__ */ L(y, {
 		opened: i,
 		onClose: o,
 		title: "Filters",
 		position: "bottom",
 		size: "auto",
-		children: /* @__PURE__ */ L(Ve, {
+		children: /* @__PURE__ */ L(He, {
 			view: e,
 			controls: s
 		})
-	})] }) : n.length <= t ? /* @__PURE__ */ R(I, { children: [s, /* @__PURE__ */ L(ze, { view: e })] }) : /* @__PURE__ */ R(T, {
+	})] }) : n.length <= t ? /* @__PURE__ */ R(I, { children: [s, /* @__PURE__ */ L(Be, { view: e })] }) : /* @__PURE__ */ R(E, {
 		position: "bottom-start",
 		closeOnClickOutside: !1,
-		children: [/* @__PURE__ */ L(T.Target, { children: /* @__PURE__ */ L(m, {
+		children: [/* @__PURE__ */ L(E.Target, { children: /* @__PURE__ */ L(h, {
 			variant: "default",
-			leftSection: /* @__PURE__ */ L(_e, {}),
-			children: Be(c)
-		}) }), /* @__PURE__ */ L(T.Dropdown, { children: /* @__PURE__ */ L(Ve, {
+			leftSection: /* @__PURE__ */ L(ve, {}),
+			children: Ve(c)
+		}) }), /* @__PURE__ */ L(E.Dropdown, { children: /* @__PURE__ */ L(He, {
 			view: e,
 			controls: s
 		}) })]
@@ -851,9 +851,9 @@ function He({ view: e, inlineThreshold: t }) {
 }
 //#endregion
 //#region src/components/DataToolbar/SortControl.tsx
-function Ue({ view: e }) {
+function We({ view: e }) {
 	let { sortableColumns: t, state: n, table: r } = e, i = n.sorting[0];
-	return /* @__PURE__ */ R(v, {
+	return /* @__PURE__ */ R(b, {
 		gap: 4,
 		wrap: "nowrap",
 		children: [/* @__PURE__ */ L(O, {
@@ -869,7 +869,7 @@ function Ue({ view: e }) {
 				id: e,
 				desc: i?.desc ?? !1
 			}] : [])
-		}), /* @__PURE__ */ L(u, {
+		}), /* @__PURE__ */ L(d, {
 			"aria-label": "Toggle sort direction",
 			variant: "default",
 			size: "lg",
@@ -878,13 +878,13 @@ function Ue({ view: e }) {
 				id: i.id,
 				desc: !i.desc
 			}]),
-			children: /* @__PURE__ */ L(he, { direction: i ? i.desc ? "desc" : "asc" : !1 })
+			children: /* @__PURE__ */ L(ge, { direction: i ? i.desc ? "desc" : "asc" : !1 })
 		})]
 	});
 }
 //#endregion
 //#region src/components/DataToolbar/ViewSwitcher.tsx
-function We({ view: e, lockSwitcherOnMobile: t }) {
+function Ge({ view: e, lockSwitcherOnMobile: t }) {
 	return e.isMobileForced && t ? null : /* @__PURE__ */ L(D, {
 		"aria-label": "View",
 		value: e.view,
@@ -903,71 +903,71 @@ function We({ view: e, lockSwitcherOnMobile: t }) {
 }
 //#endregion
 //#region src/components/DataToolbar/VisibilityMenu.tsx
-function Ge({ column: e }) {
+function Ke({ column: e }) {
 	if (!e.getCanPin()) return null;
 	let t = e.getIsPinned();
-	return /* @__PURE__ */ R(v, {
+	return /* @__PURE__ */ R(b, {
 		gap: 2,
-		children: [/* @__PURE__ */ L(u, {
+		children: [/* @__PURE__ */ L(d, {
 			size: "xs",
 			variant: t === "left" ? "filled" : "subtle",
 			color: t === "left" ? "blue" : "gray",
 			"aria-label": `Pin ${J(e)} left`,
 			onClick: () => e.pin(t === "left" ? !1 : "left"),
-			children: /* @__PURE__ */ L(be, {})
-		}), /* @__PURE__ */ L(u, {
+			children: /* @__PURE__ */ L(xe, {})
+		}), /* @__PURE__ */ L(d, {
 			size: "xs",
 			variant: t === "right" ? "filled" : "subtle",
 			color: t === "right" ? "blue" : "gray",
 			"aria-label": `Pin ${J(e)} right`,
 			onClick: () => e.pin(t === "right" ? !1 : "right"),
-			children: /* @__PURE__ */ L(xe, {})
+			children: /* @__PURE__ */ L(Se, {})
 		})]
 	});
 }
-function Ke({ view: e }) {
+function qe({ view: e }) {
 	let t = e.table.getAllLeafColumns().filter((e) => e.getCanHide());
-	return t.length === 0 ? null : /* @__PURE__ */ R(b, {
+	return t.length === 0 ? null : /* @__PURE__ */ R(S, {
 		closeOnItemClick: !1,
 		withinPortal: !0,
 		position: "bottom-end",
-		children: [/* @__PURE__ */ L(b.Target, { children: /* @__PURE__ */ L(m, {
+		children: [/* @__PURE__ */ L(S.Target, { children: /* @__PURE__ */ L(h, {
 			variant: "default",
-			rightSection: /* @__PURE__ */ L(ve, {}),
+			rightSection: /* @__PURE__ */ L(ye, {}),
 			children: "Columns"
-		}) }), /* @__PURE__ */ L(b.Dropdown, { children: /* @__PURE__ */ L(A, {
+		}) }), /* @__PURE__ */ L(S.Dropdown, { children: /* @__PURE__ */ L(A, {
 			gap: "xs",
 			p: "xs",
-			children: t.map((e) => /* @__PURE__ */ R(v, {
+			children: t.map((e) => /* @__PURE__ */ R(b, {
 				gap: "xs",
 				justify: "space-between",
 				wrap: "nowrap",
-				children: [/* @__PURE__ */ L(_, {
+				children: [/* @__PURE__ */ L(v, {
 					label: J(e),
 					checked: e.getIsVisible(),
 					onChange: (t) => e.toggleVisibility(t.currentTarget.checked)
-				}), /* @__PURE__ */ L(Ge, { column: e })]
+				}), /* @__PURE__ */ L(Ke, { column: e })]
 			}, e.id))
 		}) })]
 	});
 }
 //#endregion
 //#region src/components/DataToolbar/DataToolbar.tsx
-function qe({ view: e, searchPlaceholder: t = "Search…", filterInlineThreshold: n = 3, lockSwitcherOnMobile: r, showSearch: i, showFilters: a, showSort: o, showVisibility: s, showViewSwitcher: c, ...l }) {
+function Je({ view: e, searchPlaceholder: t = "Search…", filterInlineThreshold: n = 3, lockSwitcherOnMobile: r, showSearch: i, showFilters: a, showSort: o, showVisibility: s, showViewSwitcher: c, ...l }) {
 	let { table: u, state: d } = e, f = i ?? u.options.enableGlobalFilter !== !1, p = a ?? e.filterableColumns.length > 0, m = o ?? e.sortableColumns.length > 0, h = s ?? !0, g = c ?? !0;
-	return /* @__PURE__ */ R(v, {
+	return /* @__PURE__ */ R(b, {
 		justify: "space-between",
 		wrap: "wrap",
 		gap: "sm",
 		...l,
-		children: [/* @__PURE__ */ R(v, {
+		children: [/* @__PURE__ */ R(b, {
 			wrap: "wrap",
 			gap: "sm",
 			children: [
 				f && /* @__PURE__ */ L(N, {
 					"aria-label": "Search",
 					placeholder: t,
-					leftSection: /* @__PURE__ */ L(ge, {}),
+					leftSection: /* @__PURE__ */ L(_e, {}),
 					value: d.globalFilter,
 					onChange: (e) => u.setGlobalFilter(e.currentTarget.value),
 					rightSection: d.globalFilter ? /* @__PURE__ */ L(ee, {
@@ -976,16 +976,16 @@ function qe({ view: e, searchPlaceholder: t = "Search…", filterInlineThreshold
 						onClick: () => u.setGlobalFilter("")
 					}) : void 0
 				}),
-				p && /* @__PURE__ */ L(He, {
+				p && /* @__PURE__ */ L(Ue, {
 					view: e,
 					inlineThreshold: n
 				}),
-				m && /* @__PURE__ */ L(Ue, { view: e })
+				m && /* @__PURE__ */ L(We, { view: e })
 			]
-		}), /* @__PURE__ */ R(v, {
+		}), /* @__PURE__ */ R(b, {
 			wrap: "wrap",
 			gap: "sm",
-			children: [h && /* @__PURE__ */ L(Ke, { view: e }), g && /* @__PURE__ */ L(We, {
+			children: [h && /* @__PURE__ */ L(qe, { view: e }), g && /* @__PURE__ */ L(Ge, {
 				view: e,
 				lockSwitcherOnMobile: r
 			})]
@@ -994,17 +994,17 @@ function qe({ view: e, searchPlaceholder: t = "Search…", filterInlineThreshold
 }
 //#endregion
 //#region src/components/DataView/context.tsx
-var Je = ie(null), Ye = Je.Provider;
+var Ye = ae(null), Xe = Ye.Provider;
 function Z() {
-	let e = ae(Je);
+	let e = B(Ye);
 	if (!e) throw Error("DataView.Toolbar / DataView.Body / DataView.Pagination must be rendered inside <DataView>.");
 	return e;
 }
 //#endregion
 //#region src/components/DataView/DataView.tsx
 function Q({ view: e, slots: t, renderCard: n, fallbackRole: r, lockSwitcherOnMobile: i, children: a, ...o }) {
-	return /* @__PURE__ */ L(Ye, {
-		value: V(() => ({
+	return /* @__PURE__ */ L(Xe, {
+		value: H(() => ({
 			view: e,
 			slots: t,
 			renderCard: n,
@@ -1020,44 +1020,44 @@ function Q({ view: e, slots: t, renderCard: n, fallbackRole: r, lockSwitcherOnMo
 		children: /* @__PURE__ */ L(A, {
 			...o,
 			children: a ?? /* @__PURE__ */ R(I, { children: [
-				/* @__PURE__ */ L(Xe, {}),
-				/* @__PURE__ */ L($e, {}),
 				/* @__PURE__ */ L(Ze, {}),
-				/* @__PURE__ */ L(Qe, {})
+				/* @__PURE__ */ L(et, {}),
+				/* @__PURE__ */ L(Qe, {}),
+				/* @__PURE__ */ L($e, {})
 			] })
 		})
 	});
 }
-function Xe(e) {
+function Ze(e) {
 	let { view: t, lockSwitcherOnMobile: n } = Z();
-	return /* @__PURE__ */ L(qe, {
+	return /* @__PURE__ */ L(Je, {
 		view: t,
 		lockSwitcherOnMobile: n,
 		...e
 	});
 }
-function Ze({ tableProps: e, cardsProps: t }) {
+function Qe({ tableProps: e, cardsProps: t }) {
 	let { view: n, slots: r, renderCard: i, fallbackRole: a } = Z();
-	return n.view === "cards" ? /* @__PURE__ */ L(de, {
+	return n.view === "cards" ? /* @__PURE__ */ L(fe, {
 		view: n,
 		slots: r,
 		renderCard: i,
 		fallbackRole: a,
 		...t
-	}) : /* @__PURE__ */ L(Ce, {
+	}) : /* @__PURE__ */ L(we, {
 		view: n,
 		slots: r,
 		...e
 	});
 }
-function Qe(e) {
+function $e(e) {
 	let { view: t } = Z();
-	return /* @__PURE__ */ L(me, {
+	return /* @__PURE__ */ L(he, {
 		view: t,
 		...e
 	});
 }
-function $e(e) {
+function et(e) {
 	let { view: t, slots: n } = Z();
 	return /* @__PURE__ */ L(q, {
 		view: t,
@@ -1065,23 +1065,120 @@ function $e(e) {
 		...e
 	});
 }
-Q.Toolbar = Xe, Q.BulkActions = $e, Q.Body = Ze, Q.Pagination = Qe;
+Q.Toolbar = Ze, Q.BulkActions = et, Q.Body = Qe, Q.Pagination = $e;
+//#endregion
+//#region src/core/colBuilder.ts
+function tt(e) {
+	return e.replace(/_/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (e) => e.toUpperCase());
+}
+var nt = {
+	text: {
+		dataType: "text",
+		filterVariant: "text"
+	},
+	number: {
+		dataType: "number",
+		filterVariant: "numberRange",
+		align: "right"
+	},
+	currency: {
+		dataType: "currency",
+		filterVariant: "numberRange",
+		align: "right"
+	},
+	date: {
+		dataType: "date",
+		filterVariant: "dateRange"
+	},
+	boolean: {
+		dataType: "boolean",
+		filterVariant: "boolean"
+	},
+	select: { filterVariant: "select" },
+	multiselect: { filterVariant: "multiselect" }
+}, rt = class {
+	cols = [];
+	helper = o();
+	add(e, t, n) {
+		let r = nt[e];
+		if (!r) throw Error(`Unknown preset: ${e}`);
+		let i = n?.header ?? tt(t), a = n?.align ?? r.align, o;
+		if (n?.filter === !1) o = void 0;
+		else {
+			let e = {
+				variant: r.filterVariant,
+				...n?.options ? { options: n.options } : {}
+			};
+			o = n?.filter ? {
+				...e,
+				...n.filter
+			} : e;
+		}
+		let s = this.helper.accessor(t, {
+			header: i,
+			...n?.cell ? { cell: n.cell } : {},
+			...n?.enableSorting === !1 ? { enableSorting: !1 } : {},
+			meta: {
+				label: i,
+				...r.dataType ? { dataType: r.dataType } : {},
+				...a ? { align: a } : {},
+				...o ? { filter: o } : {},
+				...n?.format ? { format: n.format } : {},
+				...n?.card ? { card: {
+					role: n.card,
+					...n.cardOrder == null ? {} : { order: n.cardOrder }
+				} } : {}
+			}
+		});
+		return this.cols.push(s), this;
+	}
+	text(e, t) {
+		return this.add("text", e, t);
+	}
+	number(e, t) {
+		return this.add("number", e, t);
+	}
+	currency(e, t) {
+		return this.add("currency", e, t);
+	}
+	date(e, t) {
+		return this.add("date", e, t);
+	}
+	boolean(e, t) {
+		return this.add("boolean", e, t);
+	}
+	select(e, t) {
+		return this.add("select", e, t);
+	}
+	multiselect(e, t) {
+		return this.add("multiselect", e, t);
+	}
+	custom(e) {
+		return this.cols.push(e), this;
+	}
+	build() {
+		return this.cols;
+	}
+};
+function it() {
+	return new rt();
+}
 //#endregion
 //#region src/core/exportCsv.ts
-function et(e) {
+function at(e) {
 	let t = e == null ? "" : String(e);
 	return t.includes(",") || t.includes("\"") || t.includes("\n") ? `"${t.replace(/"/g, "\"\"")}"` : t;
 }
-function tt(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) => et(J(e))), ...e.getRowModel().rows.map((e) => o.map((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(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 ? et(Me(t.columnDef.meta.dataType, t.columnDef.meta.format, a)(n)) : et(n);
+		return i && t.columnDef.meta?.dataType ? at(Ne(t.columnDef.meta.dataType, t.columnDef.meta.format, a)(n)) : at(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
-function nt(e) {
+function st(e) {
 	return e ? {
 		adapter: e.adapter,
 		serializer: {
@@ -1091,7 +1188,7 @@ function nt(e) {
 		include: r(e.include)
 	} : null;
 }
-function rt(e, t, r) {
+function ct(e, t, r) {
 	if (!e) return {};
 	try {
 		return n(e.adapter.read(), {
@@ -1104,21 +1201,21 @@ function rt(e, t, r) {
 		return {};
 	}
 }
-function it({ 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);
@@ -1126,7 +1223,7 @@ function it({ 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?.(() => {
@@ -1142,24 +1239,24 @@ function it({ config: r, state: i, applyPatch: a, getFilterMeta: o }) {
 }
 //#endregion
 //#region src/core/resolveStatus.ts
-function at(e) {
+function ut(e) {
 	return e.columnFilters.length > 0 || e.globalFilter.trim() !== "";
 }
-function ot({ 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 ? at(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, st = [
+var $ = 300, ft = [
 	10,
 	25,
 	50,
 	100
-], ct = 10;
-function lt(e) {
+], pt = 10;
+function mt(e) {
 	return e == null ? {
 		globalFilter: $,
 		columnFilters: $
@@ -1171,23 +1268,23 @@ function lt(e) {
 		columnFilters: e.columnFilters ?? $
 	};
 }
-function ut(e) {
+function ht(e) {
 	if (e.id) return e.id;
 	if ("accessorKey" in e && e.accessorKey != null) return String(e.accessorKey);
 }
-function dt(e) {
+function gt(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) {
-		let e = ut(n), r = n.meta?.filter;
+		let e = ht(n), r = n.meta?.filter;
 		e && r && t.set(e, r);
 	}
 	return (e) => t.get(e);
 }
-function ft(e) {
+function _t(e) {
 	return {
 		pagination: {
 			pageIndex: 0,
-			pageSize: e.pageSizeOptions?.[0] ?? ct
+			pageSize: e.pageSizeOptions?.[0] ?? pt
 		},
 		sorting: [],
 		columnFilters: [],
@@ -1202,28 +1299,28 @@ function ft(e) {
 		...e.initialState
 	};
 }
-function pt(e) {
-	let { columns: t, rows: n, rowCount: r, status: i, error: a, getRowId: o, onRequestChange: u, state: d, onStateChange: f, enableRowSelection: p, enableGlobalFilter: m = !0, debounce: h, responsive: g, formatDefaults: _, facets: ee } = e, te = ee ?? {}, v = V(() => t.map((e) => {
+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 } = e, ee = v ?? {}, y = H(() => t.map((e) => {
 		let t = e.meta?.dataType;
 		if (!t || e.cell) return e;
-		let n = Me(t, e.meta?.format, _);
+		let n = Ne(t, e.meta?.format, _);
 		return {
 			...e,
 			cell: (e) => n(e.getValue())
 		};
-	}), [t, _]), y = V(() => dt(v), [v]), b = V(() => nt(e.urlSync), [e.urlSync]), [x, S] = U(() => {
-		let t = ft(e);
+	}), [t, _]), b = H(() => gt(y), [y]), x = H(() => st(e.urlSync), [e.urlSync]), [S, te] = W(() => {
+		let t = _t(e);
 		return {
 			...t,
-			...rt(b, t, y)
+			...ct(x, t, b)
 		};
-	}), C = V(() => ({
-		...x,
+	}), C = H(() => ({
+		...S,
 		...d
-	}), [x, d]), w = H(C);
+	}), [S, d]), w = U(C);
 	w.current = C;
 	let T = z((e) => {
-		S((t) => ({
+		te((t) => ({
 			...t,
 			...e
 		})), f?.({
@@ -1231,42 +1328,42 @@ function pt(e) {
 			...e
 		});
 	}, [f]);
-	it({
-		config: b,
+	lt({
+		config: x,
 		state: C,
 		applyPatch: T,
-		getFilterMeta: y
+		getFilterMeta: b
 	});
 	let E = z(() => ({
 		...w.current.pagination,
 		pageIndex: 0
-	}), []), D = z((e) => {
-		T({ pagination: s(e, w.current.pagination) });
-	}, [T]), O = z((e) => {
+	}), []), ne = z((e) => {
+		T({ pagination: c(e, w.current.pagination) });
+	}, [T]), D = z((e) => {
 		T({
-			sorting: s(e, w.current.sorting),
+			sorting: c(e, w.current.sorting),
 			pagination: E()
 		});
-	}, [T, E]), ne = z((e) => {
+	}, [T, E]), O = z((e) => {
 		T({
-			columnFilters: s(e, w.current.columnFilters),
+			columnFilters: c(e, w.current.columnFilters),
 			pagination: E()
 		});
-	}, [T, E]), k = z((e) => {
+	}, [T, E]), re = z((e) => {
 		T({
-			globalFilter: s(e, w.current.globalFilter),
+			globalFilter: c(e, w.current.globalFilter),
 			pagination: E()
 		});
-	}, [T, E]), A = z((e) => {
-		T({ rowSelection: s(e, w.current.rowSelection) });
+	}, [T, E]), k = z((e) => {
+		T({ rowSelection: c(e, w.current.rowSelection) });
+	}, [T]), A = z((e) => {
+		T({ columnVisibility: c(e, w.current.columnVisibility) });
 	}, [T]), j = z((e) => {
-		T({ columnVisibility: s(e, w.current.columnVisibility) });
-	}, [T]), M = z((e) => {
-		T({ columnPinning: s(e, w.current.columnPinning) });
-	}, [T]), N = l({
+		T({ columnPinning: c(e, w.current.columnPinning) });
+	}, [T]), M = u({
 		data: n,
-		columns: v,
-		getCoreRowModel: c(),
+		columns: y,
+		getCoreRowModel: l(),
 		manualPagination: !0,
 		manualSorting: !0,
 		manualFiltering: !0,
@@ -1284,14 +1381,14 @@ function pt(e) {
 			columnVisibility: C.columnVisibility,
 			columnPinning: C.columnPinning
 		},
-		onPaginationChange: D,
-		onSortingChange: O,
-		onColumnFiltersChange: ne,
-		onGlobalFilterChange: k,
-		onRowSelectionChange: A,
-		onColumnVisibilityChange: j,
-		onColumnPinningChange: M
-	}), P = V(() => ({
+		onPaginationChange: ne,
+		onSortingChange: D,
+		onColumnFiltersChange: O,
+		onGlobalFilterChange: re,
+		onRowSelectionChange: k,
+		onColumnVisibilityChange: A,
+		onColumnPinningChange: j
+	}), N = H(() => ({
 		pagination: C.pagination,
 		sorting: C.sorting,
 		filters: C.columnFilters,
@@ -1301,24 +1398,24 @@ function pt(e) {
 		C.sorting,
 		C.columnFilters,
 		C.globalFilter
-	]), F = H(u);
-	F.current = u;
-	let I = H(lt(h));
-	I.current = lt(h);
-	let L = H(null), R = H(void 0);
-	B(() => {
-		let e = L.current, t = e === null, n = !e || e.globalFilter !== P.globalFilter, r = !e || e.filters !== P.filters, i = () => {
-			L.current = P, F.current?.(P);
+	]), P = U(s);
+	P.current = s;
+	let F = U(mt(h));
+	F.current = mt(h);
+	let I = U(null), L = U(void 0);
+	V(() => {
+		let e = I.current, t = e === null, n = !e || e.globalFilter !== N.globalFilter, r = !e || e.filters !== N.filters, i = () => {
+			I.current = N, P.current?.(N);
 		}, a = 0;
-		n && (a = Math.max(a, I.current.globalFilter)), r && (a = Math.max(a, I.current.columnFilters));
+		n && (a = Math.max(a, F.current.globalFilter)), r && (a = Math.max(a, F.current.columnFilters));
 		let o = !t && (n || r) && a > 0;
-		return clearTimeout(R.current), o ? R.current = setTimeout(i, a) : i(), () => clearTimeout(R.current);
-	}, [P]);
-	let re = H(P);
-	re.current = P;
+		return clearTimeout(L.current), o ? L.current = setTimeout(i, a) : i(), () => clearTimeout(L.current);
+	}, [N]);
+	let R = U(N);
+	R.current = N;
 	let ie = z(() => {
-		F.current?.(re.current);
-	}, []), ae = V(() => ot({
+		P.current?.(R.current);
+	}, []), ae = H(() => dt({
 		status: i,
 		error: a,
 		pageRowCount: n.length,
@@ -1328,68 +1425,73 @@ function pt(e) {
 		a,
 		n.length,
 		C
-	]), W = ke(g), G = W ? "cards" : C.view, K = z((e) => T({ view: e }), [T]), q = e.pageSizeOptions ?? st, J = N.getAllColumns(), oe = J.filter((e) => e.getCanSort()), Y = J.filter((e) => e.columnDef.meta?.filter != null), se = z(() => T({ rowSelection: {} }), [T]);
+	]), B = Ae(g), oe = B ? "cards" : C.view, G = z((e) => T({ view: e }), [T]), K = e.pageSizeOptions ?? ft, q = M.getAllColumns(), J = q.filter((e) => e.getCanSort()), se = q.filter((e) => e.columnDef.meta?.filter != null), Y = z(() => T({ rowSelection: {} }), [T]);
 	return {
-		table: N,
-		request: P,
+		table: M,
+		request: N,
 		state: C,
-		view: G,
-		setView: K,
-		isMobileForced: W,
+		view: oe,
+		setView: G,
+		isMobileForced: B,
 		status: i,
 		error: a,
 		renderStatus: ae,
 		refetch: ie,
-		pageSizeOptions: q,
-		sortableColumns: oe,
-		filterableColumns: Y,
-		selection: V(() => {
+		pageSizeOptions: K,
+		sortableColumns: J,
+		filterableColumns: se,
+		selection: H(() => {
 			let e = C.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: se
+				clear: Y
 			};
 		}, [
 			C.rowSelection,
 			n,
 			o,
-			se
+			Y
 		]),
-		exportCsv: z((e) => tt(N, e), [N]),
-		facets: te
+		exportCsv: z((e) => ot(M, e), [M]),
+		facets: ee,
+		resetFilter: z((e) => M.getColumn(e)?.setFilterValue(void 0), [M]),
+		resetAllFilters: z(() => M.resetColumnFilters(), [M])
 	};
 }
 //#endregion
 //#region src/core/useDataViewFetcher.ts
-function mt({ fetcher: e, ...t }) {
-	let [n, r] = U({
+function yt({ fetcher: e, deps: t, ...n }) {
+	let [r, i] = W({
 		rows: [],
 		rowCount: 0
-	}), [i, a] = U("idle"), [o, s] = U(void 0), c = H(e);
-	c.current = e;
-	let l = H(0), u = z(async (e) => {
-		let t = ++l.current;
-		a("loading");
+	}), [a, o] = W("idle"), [s, c] = W(void 0), l = U(e);
+	l.current = e;
+	let u = U(0), d = U(null), f = z(async (e) => {
+		d.current = e;
+		let t = ++u.current;
+		o("loading");
 		try {
-			let n = await c.current(e);
-			t === l.current && (r(n), s(void 0), a("success"));
+			let n = await l.current(e);
+			t === u.current && (i(n), c(void 0), o("success"));
 		} catch (e) {
-			t === l.current && (s(e), a("error"));
+			t === u.current && (c(e), o("error"));
 		}
-	}, []);
-	return pt({
-		...t,
-		rows: n.rows,
-		rowCount: n.rowCount,
-		facets: n.facets,
-		status: i,
-		error: o,
-		onRequestChange: u
+	}, []), p = t ? JSON.stringify(t) : "", m = U(p);
+	return V(() => {
+		m.current !== p && (m.current = p, d.current && f(d.current));
+	}), vt({
+		...n,
+		rows: r.rows,
+		rowCount: r.rowCount,
+		facets: r.facets,
+		status: a,
+		error: s,
+		onRequestChange: f
 	});
 }
 //#endregion
-export { q as DataBulkActions, de as DataCards, me as DataPagination, Ce as DataTable, qe as DataToolbar, Q as DataView, Re as FilterControl, Y as composeCardLayout, a as createColumnHelper, tt as exportCsv, J as resolveColumnLabel, pt as useDataView, Z as useDataViewContext, mt as useDataViewFetcher };
+export { rt as ColumnBuilder, q as DataBulkActions, fe as DataCards, he as DataPagination, we as DataTable, Je as DataToolbar, Q as DataView, ze as FilterControl, it as col, Y as composeCardLayout, a as createColumnHelper, ot as exportCsv, J as resolveColumnLabel, vt as useDataView, Z as useDataViewContext, yt as useDataViewFetcher };
 
 //# sourceMappingURL=index.js.map