@ethanhann/mantine-dataview 0.1.0

package/dist/index.js

@@ -0,0 +1,1395 @@
+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 { 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 { 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, {
+		withBorder: !0,
+		p: "xs",
+		radius: "sm",
+		role: "region",
+		"aria-label": "Bulk actions",
+		...n,
+		children: /* @__PURE__ */ R(v, {
+			justify: "space-between",
+			wrap: "wrap",
+			gap: "sm",
+			children: [/* @__PURE__ */ R(v, {
+				gap: "sm",
+				children: [/* @__PURE__ */ R(M, {
+					size: "sm",
+					fw: 500,
+					children: [r.count, " selected"]
+				}), /* @__PURE__ */ L(m, {
+					variant: "subtle",
+					size: "xs",
+					onClick: r.clear,
+					children: "Clear"
+				})]
+			}), t?.BulkActions && /* @__PURE__ */ L(v, {
+				gap: "xs",
+				children: t.BulkActions(r)
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/core/cardComposition.ts
+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) {
+	return t ? t === "hidden" ? null : t : e.accessorFn == null || n === "hidden" ? null : n;
+}
+function Y(e, t = {}) {
+	let n = t.fallbackRole ?? "meta", r = {
+		title: [],
+		subtitle: [],
+		media: [],
+		badge: [],
+		meta: []
+	};
+	e.getVisibleLeafColumns().forEach((e, t) => {
+		let i = e.columnDef.meta?.card, a = oe(e, i?.role, n);
+		a && r[a].push({
+			order: i?.order ?? t,
+			index: t,
+			field: {
+				id: e.id,
+				column: e,
+				label: J(e),
+				showLabel: i?.showLabel ?? a === "meta"
+			}
+		});
+	});
+	let i = (e) => e.sort((e, t) => e.order - t.order || e.index - t.index).map((e) => e.field);
+	return {
+		title: i(r.title),
+		subtitle: i(r.subtitle),
+		media: i(r.media),
+		badge: i(r.badge),
+		meta: i(r.meta)
+	};
+}
+//#endregion
+//#region src/components/StateMessage.tsx
+function se(e) {
+	e.resetColumnFilters(), e.setGlobalFilter("");
+}
+function ce({ view: e, slots: t }) {
+	return t?.ErrorState ? /* @__PURE__ */ L(I, { children: t.ErrorState({
+		error: e.error,
+		retry: e.refetch
+	}) }) : /* @__PURE__ */ R(A, {
+		align: "center",
+		gap: "xs",
+		children: [/* @__PURE__ */ L(M, {
+			c: "red",
+			children: "Something went wrong."
+		}), /* @__PURE__ */ L(m, {
+			variant: "light",
+			size: "xs",
+			onClick: e.refetch,
+			children: "Retry"
+		})]
+	});
+}
+function le({ view: e, slots: t }) {
+	let n = e.renderStatus.phase === "empty-filtered", r = () => se(e.table);
+	return t?.Empty ? /* @__PURE__ */ L(I, { children: t.Empty({
+		filtered: n,
+		clearFilters: r
+	}) }) : n ? /* @__PURE__ */ R(A, {
+		align: "center",
+		gap: "xs",
+		children: [/* @__PURE__ */ L(M, {
+			c: "dimmed",
+			children: "No matches."
+		}), /* @__PURE__ */ L(m, {
+			variant: "subtle",
+			size: "xs",
+			onClick: r,
+			children: "Clear filters"
+		})]
+	}) : /* @__PURE__ */ L(M, {
+		c: "dimmed",
+		children: "No results."
+	});
+}
+//#endregion
+//#region src/components/DataCards/DataCards.tsx
+var ue = {
+	base: 1,
+	sm: 2,
+	lg: 3
+};
+function de({ view: e, slots: t, renderCard: n, fallbackRole: r, enableSelection: i, loadingCardCount: a, cols: o = ue, ...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, {
+			...f,
+			children: Array.from({ length: d }, (e, t) => /* @__PURE__ */ L(h, {
+				withBorder: !0,
+				padding: "md",
+				children: /* @__PURE__ */ R(A, {
+					gap: "xs",
+					children: [
+						/* @__PURE__ */ L(k, {
+							height: 20,
+							width: "60%"
+						}),
+						/* @__PURE__ */ L(k, {
+							height: 12,
+							width: "40%"
+						}),
+						/* @__PURE__ */ L(k, { height: 12 })
+					]
+				})
+			}, t))
+		});
+		case "error": return /* @__PURE__ */ L(g, {
+			p: "xl",
+			children: /* @__PURE__ */ L(ce, {
+				view: e,
+				slots: t
+			})
+		});
+		case "empty":
+		case "empty-filtered": return /* @__PURE__ */ L(g, {
+			p: "xl",
+			children: /* @__PURE__ */ L(le, {
+				view: e,
+				slots: t
+			})
+		});
+		default: {
+			let e = Y(c, { fallbackRole: r });
+			return /* @__PURE__ */ L(ne, {
+				...f,
+				children: c.getRowModel().rows.map((r) => {
+					let i = r.getIsSelected(), a = {
+						row: r,
+						data: r.original,
+						selected: i,
+						toggleSelected: () => r.toggleSelected()
+					};
+					if (n) return /* @__PURE__ */ L(fe, { children: n(a) }, r.id);
+					let o = /* @__PURE__ */ L(pe, {
+						row: r,
+						layout: e,
+						selectionEnabled: u
+					});
+					return t?.Card ? /* @__PURE__ */ L(fe, { children: t.Card({
+						...a,
+						children: o
+					}) }, r.id) : /* @__PURE__ */ L(h, {
+						withBorder: !0,
+						padding: "lg",
+						pos: "relative",
+						"data-selected": i || void 0,
+						children: o
+					}, r.id);
+				})
+			});
+		}
+	}
+}
+function fe({ children: e }) {
+	return /* @__PURE__ */ L(I, { children: e });
+}
+function pe({ row: e, layout: t, selectionEnabled: n }) {
+	let r = new Map(e.getAllCells().map((e) => [e.column.id, e])), i = (e) => {
+		let t = r.get(e.id);
+		return t ? o(t.column.columnDef.cell, t.getContext()) : null;
+	};
+	return /* @__PURE__ */ R(I, { children: [
+		n && /* @__PURE__ */ L(_, {
+			"aria-label": "Select card",
+			checked: e.getIsSelected(),
+			disabled: !e.getCanSelect(),
+			onChange: e.getToggleSelectedHandler(),
+			style: {
+				position: "absolute",
+				top: 8,
+				right: 8,
+				zIndex: 1
+			}
+		}),
+		t.media.length > 0 && /* @__PURE__ */ L(h.Section, {
+			mb: "xs",
+			children: t.media.map((e) => /* @__PURE__ */ L(p, { children: i(e) }, e.id))
+		}),
+		/* @__PURE__ */ R(A, {
+			gap: "md",
+			children: [
+				(t.title.length > 0 || t.subtitle.length > 0) && /* @__PURE__ */ R(A, {
+					gap: 4,
+					children: [t.title.map((e) => /* @__PURE__ */ L(M, {
+						fw: 600,
+						size: "lg",
+						lh: 1.2,
+						pr: n ? 28 : 0,
+						children: i(e)
+					}, e.id)), t.subtitle.map((e) => /* @__PURE__ */ L(M, {
+						size: "sm",
+						c: "dimmed",
+						children: i(e)
+					}, e.id))]
+				}),
+				t.badge.length > 0 && /* @__PURE__ */ L(v, {
+					gap: "xs",
+					children: t.badge.map((e) => /* @__PURE__ */ L(re, { children: i(e) }, e.id))
+				}),
+				t.meta.length > 0 && /* @__PURE__ */ L(A, {
+					gap: 4,
+					children: t.meta.map((e) => /* @__PURE__ */ R(v, {
+						justify: "space-between",
+						gap: "xs",
+						wrap: "nowrap",
+						children: [e.showLabel && /* @__PURE__ */ L(M, {
+							size: "sm",
+							c: "dimmed",
+							children: e.label
+						}), /* @__PURE__ */ L(M, {
+							size: "sm",
+							children: i(e)
+						})]
+					}, e.id))
+				})
+			]
+		})
+	] });
+}
+//#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 }) {
+	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, {
+		justify: "space-between",
+		wrap: "wrap",
+		gap: "sm",
+		...a,
+		children: [/* @__PURE__ */ R(v, {
+			gap: "sm",
+			wrap: "wrap",
+			children: [n && /* @__PURE__ */ L(O, {
+				"aria-label": i,
+				data: d.map(String),
+				value: String(c),
+				onChange: (e) => e && o.setPageSize(Number(e)),
+				w: 80,
+				comboboxProps: { withinPortal: !0 }
+			}), r && /* @__PURE__ */ R(M, {
+				size: "sm",
+				c: "dimmed",
+				children: [
+					f,
+					"–",
+					p,
+					" of ",
+					l
+				]
+			})]
+		}), /* @__PURE__ */ L(C, {
+			value: s + 1,
+			total: Math.max(u, 1),
+			onChange: (e) => o.setPageIndex(e - 1),
+			getControlProps: (e) => ({ "aria-label": `${e} page` })
+		})]
+	});
+}
+//#endregion
+//#region src/components/icons.tsx
+function he({ direction: e }) {
+	return /* @__PURE__ */ R("svg", {
+		width: "14",
+		height: "14",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": "true",
+		focusable: "false",
+		style: { flexShrink: 0 },
+		children: [
+			/* @__PURE__ */ L("title", { children: "sort" }),
+			/* @__PURE__ */ L("path", {
+				d: "M8 10l4-4 4 4",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				opacity: e === "asc" ? 1 : .35
+			}),
+			/* @__PURE__ */ L("path", {
+				d: "M8 14l4 4 4-4",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				opacity: e === "desc" ? 1 : .35
+			})
+		]
+	});
+}
+function X({ d: e, title: t }) {
+	return /* @__PURE__ */ R("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		focusable: "false",
+		style: { flexShrink: 0 },
+		children: [/* @__PURE__ */ L("title", { children: t }), /* @__PURE__ */ L("path", { d: e })]
+	});
+}
+function ge() {
+	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() {
+	return /* @__PURE__ */ L(X, {
+		title: "filter",
+		d: "M3 5h18M7 12h10M10 19h4"
+	});
+}
+function ve() {
+	return /* @__PURE__ */ L(X, {
+		title: "open",
+		d: "M6 9l6 6 6-6"
+	});
+}
+function ye() {
+	return /* @__PURE__ */ L(X, {
+		title: "close",
+		d: "M18 6L6 18M6 6l12 12"
+	});
+}
+function be() {
+	return /* @__PURE__ */ L(X, {
+		title: "pin left",
+		d: "M4 4v16M9 8h8M9 12h6M9 16h8"
+	});
+}
+function xe() {
+	return /* @__PURE__ */ L(X, {
+		title: "pin right",
+		d: "M20 4v16M7 8h8M9 12h6M7 16h8"
+	});
+}
+//#endregion
+//#region src/components/DataTable/DataTable.tsx
+function Se(e) {
+	let t = e.getIsPinned();
+	if (t) return {
+		position: "sticky",
+		[t]: t === "left" ? e.getStart("left") : e.getAfter("right"),
+		zIndex: 1,
+		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) {
+			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, {
+				colSpan: u,
+				children: /* @__PURE__ */ L(ce, {
+					view: e,
+					slots: t
+				})
+			});
+			case "empty":
+			case "empty-filtered": return /* @__PURE__ */ L(Te, {
+				colSpan: u,
+				children: /* @__PURE__ */ L(le, {
+					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(_, {
+					"aria-label": "Select row",
+					checked: e.getIsSelected(),
+					disabled: !e.getCanSelect(),
+					indeterminate: e.getIsSomeSelected(),
+					onChange: e.getToggleSelectedHandler()
+				}) }), e.getVisibleCells().map((e) => {
+					let t = e.column.columnDef.meta?.align;
+					return /* @__PURE__ */ L(j.Td, {
+						style: {
+							...Se(e.column),
+							...t ? { textAlign: t } : void 0
+						},
+						children: o(e.column.columnDef.cell, e.getContext())
+					}, e.id);
+				})] });
+				return t?.Row ? /* @__PURE__ */ L(we, { children: t.Row({
+					row: e,
+					cells: n
+				}) }, e.id) : /* @__PURE__ */ L(j.Tr, {
+					"data-selected": e.getIsSelected() || void 0,
+					children: n
+				}, e.id);
+			}) });
+		}
+	};
+	return /* @__PURE__ */ L("div", {
+		style: a.getIsSomeColumnsPinned() ? { overflowX: "auto" } : void 0,
+		children: /* @__PURE__ */ R(j, {
+			layout: "fixed",
+			...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(_, {
+					"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()]
+		})
+	});
+}
+function we({ children: e }) {
+	return /* @__PURE__ */ L(I, { children: e });
+}
+function Te({ 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, {
+			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());
+	return /* @__PURE__ */ L(j.Th, {
+		style: {
+			...Se(t),
+			...n ? { textAlign: n } : void 0
+		},
+		"aria-sort": r === "asc" ? "ascending" : r === "desc" ? "descending" : void 0,
+		children: t.getCanSort() ? /* @__PURE__ */ R(P, {
+			onClick: t.getToggleSortingHandler(),
+			style: {
+				display: "inline-flex",
+				alignItems: "center",
+				gap: 4,
+				font: "inherit"
+			},
+			children: [
+				s,
+				/* @__PURE__ */ L(he, { direction: r }),
+				a && /* @__PURE__ */ L("span", {
+					role: "note",
+					style: {
+						fontSize: "0.7em",
+						opacity: .6
+					},
+					"aria-label": `Sort priority ${i + 1}`,
+					children: i + 1
+				})
+			]
+		}) : s
+	});
+}
+//#endregion
+//#region src/core/useForceCards.ts
+var De = "(max-width: 0px)";
+function Oe(e) {
+	let t = /^([\d.]+)(\D*)$/.exec(e.trim());
+	if (!t) return `(max-width: ${e})`;
+	let n = Number(t[1]), r = t[2] || "px";
+	return `(max-width: ${n - (r === "em" || r === "rem" ? .01 : .1)}${r})`;
+}
+function ke(e) {
+	let t = F(), n = e?.forceCardsBelow, r = n ? t.breakpoints[n] : void 0, i = G(r ? Oe(r) : De, !1);
+	return !!r && !!i;
+}
+//#endregion
+//#region src/core/formatValue.ts
+var Ae = {
+	text: (e) => e == null ? "" : String(e),
+	number: (e) => e == null ? "" : new Intl.NumberFormat().format(Number(e)),
+	currency: (e) => e == null ? "" : new Intl.NumberFormat(void 0, {
+		style: "currency",
+		currency: "USD"
+	}).format(Number(e)),
+	date: (e) => {
+		if (e == null) return "";
+		let t = e instanceof Date ? e : new Date(String(e));
+		return Number.isNaN(t.getTime()) ? String(e) : new Intl.DateTimeFormat().format(t);
+	},
+	boolean: (e) => e == null ? "" : e ? "Yes" : "No"
+};
+function je(e, t) {
+	if (e === "number" || e === "currency") {
+		let n = new Intl.NumberFormat(void 0, e === "currency" ? {
+			style: "currency",
+			...t
+		} : t);
+		return (e) => e == null ? "" : n.format(Number(e));
+	}
+	if (e === "date") {
+		let e = new Intl.DateTimeFormat(void 0, t);
+		return (t) => {
+			if (t == null) return "";
+			let n = t instanceof Date ? t : new Date(String(t));
+			return Number.isNaN(n.getTime()) ? String(t) : e.format(n);
+		};
+	}
+	return Ae[e];
+}
+function Me(e, t, n) {
+	let r = t ?? n?.[e];
+	return r ? typeof r == "function" ? r : je(e, r) : Ae[e];
+}
+//#endregion
+//#region src/components/DataToolbar/FacetBuckets.tsx
+function Ne({ facet: e, value: t, onChange: n }) {
+	let r = Array.isArray(t) ? t : null;
+	return /* @__PURE__ */ L(A, {
+		gap: 4,
+		children: e.ranges.map((e) => {
+			let t = r != null && r[0] === e.from && r[1] === e.to;
+			return /* @__PURE__ */ L(P, {
+				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__ */ R(v, {
+					gap: "xs",
+					justify: "space-between",
+					wrap: "nowrap",
+					children: [/* @__PURE__ */ L(M, {
+						size: "sm",
+						children: e.label
+					}), /* @__PURE__ */ L(f, {
+						size: "sm",
+						variant: "light",
+						color: e.count === 0 ? "gray" : "blue",
+						children: e.count
+					})]
+				})
+			}, e.label);
+		})
+	});
+}
+//#endregion
+//#region src/components/DataToolbar/FilterControl.tsx
+function Pe({ label: e, onClear: t }) {
+	return /* @__PURE__ */ R(v, {
+		justify: "space-between",
+		wrap: "nowrap",
+		children: [/* @__PURE__ */ L(M, {
+			size: "sm",
+			fw: 500,
+			children: e
+		}), /* @__PURE__ */ L(d, {
+			component: "button",
+			type: "button",
+			size: "xs",
+			c: "dimmed",
+			onClick: t,
+			children: "clear"
+		})]
+	});
+}
+function Fe(e) {
+	return e ? typeof e == "string" ? e : e.toISOString().split("T")[0] ?? null : null;
+}
+function Ie(e) {
+	return Array.isArray(e) ? [e[0], e[1]] : [null, null];
+}
+function Le(e, t) {
+	return e.values.length > 0 ? e.values.map((e) => ({
+		value: e.value,
+		label: `${e.label ?? e.value} (${e.count})`,
+		disabled: e.count === 0
+	})) : t ?? [];
+}
+function Re({ 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, {
+			label: r,
+			children: /* @__PURE__ */ L(t, {
+				value: a,
+				onChange: o,
+				column: e
+			})
+		});
+	}
+	let s = t?.type === "values" ? t : void 0, c = t?.type === "ranges" ? t : void 0;
+	switch (n.variant) {
+		case "select": return /* @__PURE__ */ L(O, {
+			label: r,
+			placeholder: i,
+			clearable: !0,
+			data: s ? Le(s, n.options) : n.options ?? [],
+			value: a ?? null,
+			onChange: (e) => o(e ?? void 0)
+		});
+		case "multiselect": return /* @__PURE__ */ L(x, {
+			label: r,
+			placeholder: i,
+			data: s ? Le(s, n.options) : n.options ?? [],
+			value: a ?? [],
+			onChange: (e) => o(e.length > 0 ? e : void 0)
+		});
+		case "boolean": {
+			let e = a == null ? "all" : a ? "yes" : "no", t = s?.values.find((e) => e.value === "true"), n = s?.values.find((e) => e.value === "false"), i = t ? `Yes (${t.count})` : "Yes", c = n ? `No (${n.count})` : "No";
+			return /* @__PURE__ */ L(y.Wrapper, {
+				label: r,
+				children: /* @__PURE__ */ L(D, {
+					fullWidth: !0,
+					size: "xs",
+					data: [
+						{
+							value: "all",
+							label: "All"
+						},
+						{
+							value: "yes",
+							label: i
+						},
+						{
+							value: "no",
+							label: c
+						}
+					],
+					value: e,
+					onChange: (e) => {
+						o(e === "all" ? void 0 : e === "yes");
+					}
+				})
+			});
+		}
+		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, {
+				facet: c,
+				value: a,
+				onChange: o
+			}) : null, p = d ? /* @__PURE__ */ L(Pe, {
+				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, {
+					label: p,
+					children: /* @__PURE__ */ R(A, {
+						gap: "xs",
+						children: [f, /* @__PURE__ */ L(E, {
+							min: s,
+							max: l,
+							step: n.step ?? 1,
+							value: a,
+							onChange: ([e, t]) => {
+								o(e === s && t === l ? void 0 : [e, t]);
+							},
+							label: (e) => u(e),
+							minRange: n.step ?? 1,
+							"aria-label": r
+						})]
+					})
+				});
+			}
+			if (f) return /* @__PURE__ */ L(y.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, {
+				label: r,
+				children: /* @__PURE__ */ R(v, {
+					gap: 4,
+					wrap: "nowrap",
+					children: [/* @__PURE__ */ L(S, {
+						"aria-label": `${r} minimum`,
+						placeholder: "Min",
+						value: t ?? "",
+						onChange: (e) => m([h(e), i]),
+						w: 90
+					}), /* @__PURE__ */ L(S, {
+						"aria-label": `${r} maximum`,
+						placeholder: "Max",
+						value: i ?? "",
+						onChange: (e) => m([t, h(e)]),
+						w: 90
+					})]
+				})
+			});
+		}
+		case "date": return /* @__PURE__ */ L(K, {
+			label: r,
+			placeholder: i,
+			clearable: !0,
+			popoverProps: { withinPortal: !1 },
+			value: a ? new Date(a) : null,
+			onChange: (e) => o(Fe(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, {
+				label: r,
+				onClear: () => o(void 0)
+			});
+			return /* @__PURE__ */ L(y.Wrapper, {
+				label: s,
+				children: /* @__PURE__ */ R(A, {
+					gap: "xs",
+					children: [c && /* @__PURE__ */ L(Ne, {
+						facet: c,
+						value: a,
+						onChange: o
+					}), /* @__PURE__ */ L(K, {
+						type: "range",
+						popoverProps: { withinPortal: !1 },
+						placeholder: i,
+						clearable: !0,
+						value: n,
+						onChange: ([e, t]) => {
+							let n = Fe(e), r = Fe(t);
+							o(n == null && r == null ? void 0 : [n, r]);
+						}
+					})]
+				})
+			});
+		}
+		default: return /* @__PURE__ */ L(N, {
+			label: r,
+			placeholder: i,
+			value: a ?? "",
+			onChange: (e) => o(e.currentTarget.value || void 0)
+		});
+	}
+}
+//#endregion
+//#region src/components/DataToolbar/FilterControls.tsx
+function ze({ view: e }) {
+	return e.state.columnFilters.length > 0 ? /* @__PURE__ */ L(m, {
+		variant: "subtle",
+		size: "compact-sm",
+		color: "gray",
+		leftSection: /* @__PURE__ */ L(ye, {}),
+		onClick: () => e.table.resetColumnFilters(),
+		children: "Reset filters"
+	}) : null;
+}
+function Be(e) {
+	return e > 0 ? `Filters (${e})` : "Filters";
+}
+function Ve({ view: e, controls: t }) {
+	return /* @__PURE__ */ R(A, {
+		gap: "sm",
+		style: { minWidth: 240 },
+		children: [t, /* @__PURE__ */ L(v, {
+			justify: "flex-end",
+			children: /* @__PURE__ */ L(ze, { 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);
+	if (n.length === 0) return null;
+	let s = n.map((t) => /* @__PURE__ */ L(Re, {
+		column: t,
+		facet: e.facets[t.id]
+	}, t.id)), c = e.state.columnFilters.length;
+	return r ? /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L(m, {
+		variant: "default",
+		leftSection: /* @__PURE__ */ L(_e, {}),
+		onClick: a,
+		children: Be(c)
+	}), /* @__PURE__ */ L(te, {
+		opened: i,
+		onClose: o,
+		title: "Filters",
+		position: "bottom",
+		size: "auto",
+		children: /* @__PURE__ */ L(Ve, {
+			view: e,
+			controls: s
+		})
+	})] }) : n.length <= t ? /* @__PURE__ */ R(I, { children: [s, /* @__PURE__ */ L(ze, { view: e })] }) : /* @__PURE__ */ R(T, {
+		position: "bottom-start",
+		closeOnClickOutside: !1,
+		children: [/* @__PURE__ */ L(T.Target, { children: /* @__PURE__ */ L(m, {
+			variant: "default",
+			leftSection: /* @__PURE__ */ L(_e, {}),
+			children: Be(c)
+		}) }), /* @__PURE__ */ L(T.Dropdown, { children: /* @__PURE__ */ L(Ve, {
+			view: e,
+			controls: s
+		}) })]
+	});
+}
+//#endregion
+//#region src/components/DataToolbar/SortControl.tsx
+function Ue({ view: e }) {
+	let { sortableColumns: t, state: n, table: r } = e, i = n.sorting[0];
+	return /* @__PURE__ */ R(v, {
+		gap: 4,
+		wrap: "nowrap",
+		children: [/* @__PURE__ */ L(O, {
+			"aria-label": "Sort by",
+			placeholder: "Sort by",
+			clearable: !0,
+			data: t.map((e) => ({
+				value: e.id,
+				label: J(e)
+			})),
+			value: i?.id ?? null,
+			onChange: (e) => r.setSorting(e ? [{
+				id: e,
+				desc: i?.desc ?? !1
+			}] : [])
+		}), /* @__PURE__ */ L(u, {
+			"aria-label": "Toggle sort direction",
+			variant: "default",
+			size: "lg",
+			disabled: !i,
+			onClick: () => i && r.setSorting([{
+				id: i.id,
+				desc: !i.desc
+			}]),
+			children: /* @__PURE__ */ L(he, { direction: i ? i.desc ? "desc" : "asc" : !1 })
+		})]
+	});
+}
+//#endregion
+//#region src/components/DataToolbar/ViewSwitcher.tsx
+function We({ view: e, lockSwitcherOnMobile: t }) {
+	return e.isMobileForced && t ? null : /* @__PURE__ */ L(D, {
+		"aria-label": "View",
+		value: e.view,
+		disabled: e.isMobileForced,
+		onChange: (t) => {
+			(t === "table" || t === "cards") && e.setView(t);
+		},
+		data: [{
+			value: "table",
+			label: "Table"
+		}, {
+			value: "cards",
+			label: "Cards"
+		}]
+	});
+}
+//#endregion
+//#region src/components/DataToolbar/VisibilityMenu.tsx
+function Ge({ column: e }) {
+	if (!e.getCanPin()) return null;
+	let t = e.getIsPinned();
+	return /* @__PURE__ */ R(v, {
+		gap: 2,
+		children: [/* @__PURE__ */ L(u, {
+			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, {
+			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, {})
+		})]
+	});
+}
+function Ke({ view: e }) {
+	let t = e.table.getAllLeafColumns().filter((e) => e.getCanHide());
+	return t.length === 0 ? null : /* @__PURE__ */ R(b, {
+		closeOnItemClick: !1,
+		withinPortal: !0,
+		position: "bottom-end",
+		children: [/* @__PURE__ */ L(b.Target, { children: /* @__PURE__ */ L(m, {
+			variant: "default",
+			rightSection: /* @__PURE__ */ L(ve, {}),
+			children: "Columns"
+		}) }), /* @__PURE__ */ L(b.Dropdown, { children: /* @__PURE__ */ L(A, {
+			gap: "xs",
+			p: "xs",
+			children: t.map((e) => /* @__PURE__ */ R(v, {
+				gap: "xs",
+				justify: "space-between",
+				wrap: "nowrap",
+				children: [/* @__PURE__ */ L(_, {
+					label: J(e),
+					checked: e.getIsVisible(),
+					onChange: (t) => e.toggleVisibility(t.currentTarget.checked)
+				}), /* @__PURE__ */ L(Ge, { 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 }) {
+	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, {
+		justify: "space-between",
+		wrap: "wrap",
+		gap: "sm",
+		...l,
+		children: [/* @__PURE__ */ R(v, {
+			wrap: "wrap",
+			gap: "sm",
+			children: [
+				f && /* @__PURE__ */ L(N, {
+					"aria-label": "Search",
+					placeholder: t,
+					leftSection: /* @__PURE__ */ L(ge, {}),
+					value: d.globalFilter,
+					onChange: (e) => u.setGlobalFilter(e.currentTarget.value),
+					rightSection: d.globalFilter ? /* @__PURE__ */ L(ee, {
+						size: "sm",
+						"aria-label": "Clear search",
+						onClick: () => u.setGlobalFilter("")
+					}) : void 0
+				}),
+				p && /* @__PURE__ */ L(He, {
+					view: e,
+					inlineThreshold: n
+				}),
+				m && /* @__PURE__ */ L(Ue, { view: e })
+			]
+		}), /* @__PURE__ */ R(v, {
+			wrap: "wrap",
+			gap: "sm",
+			children: [h && /* @__PURE__ */ L(Ke, { view: e }), g && /* @__PURE__ */ L(We, {
+				view: e,
+				lockSwitcherOnMobile: r
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/DataView/context.tsx
+var Je = ie(null), Ye = Je.Provider;
+function Z() {
+	let e = ae(Je);
+	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(() => ({
+			view: e,
+			slots: t,
+			renderCard: n,
+			fallbackRole: r,
+			lockSwitcherOnMobile: i
+		}), [
+			e,
+			t,
+			n,
+			r,
+			i
+		]),
+		children: /* @__PURE__ */ L(A, {
+			...o,
+			children: a ?? /* @__PURE__ */ R(I, { children: [
+				/* @__PURE__ */ L(Xe, {}),
+				/* @__PURE__ */ L($e, {}),
+				/* @__PURE__ */ L(Ze, {}),
+				/* @__PURE__ */ L(Qe, {})
+			] })
+		})
+	});
+}
+function Xe(e) {
+	let { view: t, lockSwitcherOnMobile: n } = Z();
+	return /* @__PURE__ */ L(qe, {
+		view: t,
+		lockSwitcherOnMobile: n,
+		...e
+	});
+}
+function Ze({ tableProps: e, cardsProps: t }) {
+	let { view: n, slots: r, renderCard: i, fallbackRole: a } = Z();
+	return n.view === "cards" ? /* @__PURE__ */ L(de, {
+		view: n,
+		slots: r,
+		renderCard: i,
+		fallbackRole: a,
+		...t
+	}) : /* @__PURE__ */ L(Ce, {
+		view: n,
+		slots: r,
+		...e
+	});
+}
+function Qe(e) {
+	let { view: t } = Z();
+	return /* @__PURE__ */ L(me, {
+		view: t,
+		...e
+	});
+}
+function $e(e) {
+	let { view: t, slots: n } = Z();
+	return /* @__PURE__ */ L(q, {
+		view: t,
+		slots: n,
+		...e
+	});
+}
+Q.Toolbar = Xe, Q.BulkActions = $e, Q.Body = Ze, Q.Pagination = Qe;
+//#endregion
+//#region src/core/exportCsv.ts
+function et(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) => {
+		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);
+	}))].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) {
+	return e ? {
+		adapter: e.adapter,
+		serializer: {
+			...i,
+			...e.serialize
+		},
+		include: r(e.include)
+	} : null;
+}
+function rt(e, t, r) {
+	if (!e) return {};
+	try {
+		return n(e.adapter.read(), {
+			serializer: e.serializer,
+			include: e.include,
+			getFilterMeta: r,
+			current: t
+		});
+	} catch {
+		return {};
+	}
+}
+function it({ config: r, state: i, applyPatch: a, getFilterMeta: o }) {
+	let s = H(i);
+	s.current = i;
+	let c = H(a);
+	c.current = a;
+	let l = H(o);
+	l.current = o;
+	let u = H(r);
+	u.current = r;
+	let d = r ? t(i, {
+		serializer: r.serializer,
+		include: r.include,
+		getFilterMeta: o
+	}) : null;
+	B(() => {
+		let t = u.current;
+		if (!t || !d) return;
+		let n = e(t.adapter.read(), t.serializer, t.include);
+		t.adapter.write({
+			...n,
+			...d
+		}, { replace: !0 });
+	}, [d ? JSON.stringify(d) : ""]), B(() => {
+		if (!r) return;
+		let { adapter: e, serializer: t, include: i } = r;
+		return e.subscribe?.(() => {
+			let r = n(e.read(), {
+				serializer: t,
+				include: i,
+				getFilterMeta: l.current,
+				current: s.current
+			});
+			c.current(r);
+		});
+	}, [r]);
+}
+//#endregion
+//#region src/core/resolveStatus.ts
+function at(e) {
+	return e.columnFilters.length > 0 || e.globalFilter.trim() !== "";
+}
+function ot({ 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" };
+}
+//#endregion
+//#region src/core/useDataView.ts
+var $ = 300, st = [
+	10,
+	25,
+	50,
+	100
+], ct = 10;
+function lt(e) {
+	return e == null ? {
+		globalFilter: $,
+		columnFilters: $
+	} : typeof e == "number" ? {
+		globalFilter: e,
+		columnFilters: e
+	} : {
+		globalFilter: e.globalFilter ?? $,
+		columnFilters: e.columnFilters ?? $
+	};
+}
+function ut(e) {
+	if (e.id) return e.id;
+	if ("accessorKey" in e && e.accessorKey != null) return String(e.accessorKey);
+}
+function dt(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of e) {
+		let e = ut(n), r = n.meta?.filter;
+		e && r && t.set(e, r);
+	}
+	return (e) => t.get(e);
+}
+function ft(e) {
+	return {
+		pagination: {
+			pageIndex: 0,
+			pageSize: e.pageSizeOptions?.[0] ?? ct
+		},
+		sorting: [],
+		columnFilters: [],
+		globalFilter: "",
+		rowSelection: {},
+		columnVisibility: {},
+		columnPinning: {
+			left: [],
+			right: []
+		},
+		view: e.defaultView ?? "table",
+		...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) => {
+		let t = e.meta?.dataType;
+		if (!t || e.cell) return e;
+		let n = Me(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);
+		return {
+			...t,
+			...rt(b, t, y)
+		};
+	}), C = V(() => ({
+		...x,
+		...d
+	}), [x, d]), w = H(C);
+	w.current = C;
+	let T = z((e) => {
+		S((t) => ({
+			...t,
+			...e
+		})), f?.({
+			...w.current,
+			...e
+		});
+	}, [f]);
+	it({
+		config: b,
+		state: C,
+		applyPatch: T,
+		getFilterMeta: y
+	});
+	let E = z(() => ({
+		...w.current.pagination,
+		pageIndex: 0
+	}), []), D = z((e) => {
+		T({ pagination: s(e, w.current.pagination) });
+	}, [T]), O = z((e) => {
+		T({
+			sorting: s(e, w.current.sorting),
+			pagination: E()
+		});
+	}, [T, E]), ne = z((e) => {
+		T({
+			columnFilters: s(e, w.current.columnFilters),
+			pagination: E()
+		});
+	}, [T, E]), k = z((e) => {
+		T({
+			globalFilter: s(e, w.current.globalFilter),
+			pagination: E()
+		});
+	}, [T, E]), A = z((e) => {
+		T({ rowSelection: s(e, w.current.rowSelection) });
+	}, [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({
+		data: n,
+		columns: v,
+		getCoreRowModel: c(),
+		manualPagination: !0,
+		manualSorting: !0,
+		manualFiltering: !0,
+		autoResetPageIndex: !1,
+		rowCount: r,
+		getRowId: (e) => o(e),
+		enableRowSelection: typeof p == "function" ? (e) => p(e.original) : p ?? !0,
+		enableGlobalFilter: m,
+		state: {
+			pagination: C.pagination,
+			sorting: C.sorting,
+			columnFilters: C.columnFilters,
+			globalFilter: C.globalFilter,
+			rowSelection: C.rowSelection,
+			columnVisibility: C.columnVisibility,
+			columnPinning: C.columnPinning
+		},
+		onPaginationChange: D,
+		onSortingChange: O,
+		onColumnFiltersChange: ne,
+		onGlobalFilterChange: k,
+		onRowSelectionChange: A,
+		onColumnVisibilityChange: j,
+		onColumnPinningChange: M
+	}), P = V(() => ({
+		pagination: C.pagination,
+		sorting: C.sorting,
+		filters: C.columnFilters,
+		globalFilter: C.globalFilter
+	}), [
+		C.pagination,
+		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);
+		}, a = 0;
+		n && (a = Math.max(a, I.current.globalFilter)), r && (a = Math.max(a, I.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;
+	let ie = z(() => {
+		F.current?.(re.current);
+	}, []), ae = V(() => ot({
+		status: i,
+		error: a,
+		pageRowCount: n.length,
+		state: C
+	}), [
+		i,
+		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]);
+	return {
+		table: N,
+		request: P,
+		state: C,
+		view: G,
+		setView: K,
+		isMobileForced: W,
+		status: i,
+		error: a,
+		renderStatus: ae,
+		refetch: ie,
+		pageSizeOptions: q,
+		sortableColumns: oe,
+		filterableColumns: Y,
+		selection: V(() => {
+			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
+			};
+		}, [
+			C.rowSelection,
+			n,
+			o,
+			se
+		]),
+		exportCsv: z((e) => tt(N, e), [N]),
+		facets: te
+	};
+}
+//#endregion
+//#region src/core/useDataViewFetcher.ts
+function mt({ fetcher: e, ...t }) {
+	let [n, r] = U({
+		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");
+		try {
+			let n = await c.current(e);
+			t === l.current && (r(n), s(void 0), a("success"));
+		} catch (e) {
+			t === l.current && (s(e), a("error"));
+		}
+	}, []);
+	return pt({
+		...t,
+		rows: n.rows,
+		rowCount: n.rowCount,
+		facets: n.facets,
+		status: i,
+		error: o,
+		onRequestChange: u
+	});
+}
+//#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 };
+
+//# sourceMappingURL=index.js.map