@burdenoff/microfe-movethewheels 2026.920.2 → 2026.921.1

package/dist/components/DataTable.js

@@ -9,56 +9,57 @@ import { RefreshCw as ee } from "../node_modules/lucide-react/dist/esm/icons/ref
 import { Search as te } from "../node_modules/lucide-react/dist/esm/icons/search.js";
 import { TriangleAlert as ne } from "../node_modules/lucide-react/dist/esm/icons/triangle-alert.js";
 import { cn as s } from "../utils/cn.js";
-import { Button as c, Input as re, Select as ie, SelectContent as ae, SelectItem as oe, SelectTrigger as se, SelectValue as ce, Skeleton as l, Table as le, TableBody as u, TableCell as d, TableHead as f, TableHeader as p, TableRow as m } from "./ui.js";
-import { useMemo as h, useState as g } from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { IllustratedEmptyState as y } from "@burdenoff/fe-libs/ui";
+import { Button as c, Input as re, Select as ie, SelectContent as ae, SelectItem as oe, SelectTrigger as se, SelectValue as ce, Skeleton as l, Table as u, TableBody as d, TableCell as f, TableHead as p, TableHeader as m, TableRow as h } from "./ui.js";
+import { useMemo as g, useState as _ } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { IllustratedEmptyState as b } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/components/DataTable.tsx
-function b({ columns: b, data: x, isLoading: ue = !1, error: de = null, onRetry: S, searchable: C = !1, searchPlaceholder: fe = "Search...", searchFields: w, pagination: T = !0, pageSize: E = 10, pageSizeOptions: pe = [
+function x({ columns: x, data: S, isLoading: le = !1, error: ue = null, onRetry: de, searchable: fe = !1, searchPlaceholder: pe = "Search...", searchFields: C, searchQuery: me, onSearchQueryChange: w, pagination: T = !0, pageSize: E = 10, pageSizeOptions: he = [
 	10,
 	25,
 	50,
 	100
-], onRowClick: D, rowClassName: O, emptyMessage: k = "No data found", emptyIllustration: A, emptyTitle: me, emptyDescription: he, emptyAction: ge, className: j, getRowId: M, pageIndex: _e, onPageChange: N, onPageSizeChange: ve, totalItems: P, hasNextPage: ye }) {
-	let F = typeof N == "function", I = _e ?? 0, [L, be] = g(""), [R, z] = g(null), [B, V] = g(null), [H, U] = g(1), [W, xe] = g(E), G = F ? E : W, K = h(() => {
-		if (!L || !w || w.length === 0) return x;
-		let e = L.toLowerCase();
-		return x.filter((t) => w.some((n) => {
+], onRowClick: D, rowClassName: O, emptyMessage: k = "No data found", emptyIllustration: A, emptyTitle: ge, emptyDescription: _e, emptyAction: ve, className: j, getRowId: M, pageIndex: ye, onPageChange: N, onPageSizeChange: be, totalItems: P, hasNextPage: xe }) {
+	let F = typeof N == "function", I = ye ?? 0, [Se, Ce] = _(""), L = typeof w == "function", R = L ? me ?? "" : Se, [z, B] = _(null), [V, H] = _(null), [U, W] = _(1), [G, we] = _(E), K = F ? E : G, q = g(() => {
+		if (L || !R || !C || C.length === 0) return S;
+		let e = R.toLowerCase();
+		return S.filter((t) => C.some((n) => {
 			let r = t[n];
 			return r != null && String(r).toLowerCase().includes(e);
 		}));
 	}, [
-		x,
-		L,
-		w
-	]), q = h(() => {
-		if (!R || !B) return K;
-		let e = b.find((e) => e.id === R);
-		return e?.accessorKey ? [...K].sort((t, n) => {
+		S,
+		R,
+		C,
+		L
+	]), J = g(() => {
+		if (F || !z || !V) return q;
+		let e = x.find((e) => e.id === z);
+		return e?.accessorKey ? [...q].sort((t, n) => {
 			let r = t[e.accessorKey], i = n[e.accessorKey];
 			if (r == null) return 1;
 			if (i == null) return -1;
 			let a = 0;
-			return a = typeof r == "string" && typeof i == "string" ? r.localeCompare(i) : typeof r == "number" && typeof i == "number" ? r - i : r instanceof Date && i instanceof Date ? r.getTime() - i.getTime() : String(r).localeCompare(String(i)), B === "asc" ? a : -a;
-		}) : K;
-	}, [
-		K,
-		R,
-		B,
-		b
-	]), J = h(() => {
-		if (!T || F) return q;
-		let e = (H - 1) * W;
-		return q.slice(e, e + W);
+			return a = typeof r == "string" && typeof i == "string" ? r.localeCompare(i) : typeof r == "number" && typeof i == "number" ? r - i : r instanceof Date && i instanceof Date ? r.getTime() - i.getTime() : String(r).localeCompare(String(i)), V === "asc" ? a : -a;
+		}) : q;
 	}, [
 		q,
-		H,
-		W,
+		z,
+		V,
+		x
+	]), Y = g(() => {
+		if (!T || F) return J;
+		let e = (U - 1) * G;
+		return J.slice(e, e + G);
+	}, [
+		J,
+		U,
+		G,
 		T,
 		F
-	]), Y = Math.max(1, Math.ceil(q.length / W)), X = typeof P == "number", Z = X ? Math.max(1, Math.ceil(P / G)) : void 0, Se = (e) => {
-		R === e ? B === "asc" ? V("desc") : B === "desc" && (z(null), V(null)) : (z(e), V("asc"));
-	}, Ce = (r) => R === r ? _(B === "asc" ? n : e, { className: "w-4 h-4 text-primary" }) : /* @__PURE__ */ _(t, { className: "w-4 h-4 text-text-secondary/50" }), Q = (e, t) => {
+	]), X = Math.max(1, Math.ceil(J.length / G)), Z = typeof P == "number", Q = Z ? Math.max(1, Math.ceil(P / K)) : void 0, Te = (e) => {
+		F || (z === e ? V === "asc" ? H("desc") : V === "desc" && (B(null), H(null)) : (B(e), H("asc")));
+	}, Ee = (r) => z === r ? v(V === "asc" ? n : e, { className: "w-4 h-4 text-primary" }) : /* @__PURE__ */ v(t, { className: "w-4 h-4 text-text-secondary/50" }), De = (e, t) => {
 		if (t.cell) return t.cell(e);
 		if (t.accessorKey) {
 			let n = e[t.accessorKey];
@@ -66,116 +67,116 @@ function b({ columns: b, data: x, isLoading: ue = !1, error: de = null, onRetry:
 		}
 		return "-";
 	};
-	if (ue) return /* @__PURE__ */ v("div", {
+	if (le) return /* @__PURE__ */ y("div", {
 		className: s("space-y-4", j),
 		children: [
-			C && /* @__PURE__ */ _("div", {
+			fe && /* @__PURE__ */ v("div", {
 				className: "flex items-center gap-4",
-				children: /* @__PURE__ */ _(l, { className: "h-10 w-64" })
+				children: /* @__PURE__ */ v(l, { className: "h-10 w-64" })
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ v("div", {
 				className: "hidden md:block rounded-card border border-border-seam bg-bg-surface shadow-elevation-1",
-				children: /* @__PURE__ */ v(le, { children: [/* @__PURE__ */ _(p, { children: /* @__PURE__ */ _(m, { children: b.map((e) => /* @__PURE__ */ _(f, { children: /* @__PURE__ */ _(l, { className: "h-4 w-20 motion-safe:animate-vc-shimmer" }) }, e.id)) }) }), /* @__PURE__ */ _(u, { children: Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ _(m, { children: b.map((e) => /* @__PURE__ */ _(d, { children: /* @__PURE__ */ _(l, { className: "h-4 w-full max-w-[100px] motion-safe:animate-vc-shimmer" }) }, e.id)) }, t)) })] })
+				children: /* @__PURE__ */ y(u, { children: [/* @__PURE__ */ v(m, { children: /* @__PURE__ */ v(h, { children: x.map((e) => /* @__PURE__ */ v(p, { children: /* @__PURE__ */ v(l, { className: "h-4 w-20 motion-safe:animate-vc-shimmer" }) }, e.id)) }) }), /* @__PURE__ */ v(d, { children: Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ v(h, { children: x.map((e) => /* @__PURE__ */ v(f, { children: /* @__PURE__ */ v(l, { className: "h-4 w-full max-w-[100px] motion-safe:animate-vc-shimmer" }) }, e.id)) }, t)) })] })
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ v("div", {
 				className: "md:hidden space-y-3",
-				children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ v("div", {
+				children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ y("div", {
 					className: "rounded-card border border-border-seam bg-bg-surface p-4 shadow-elevation-1",
-					children: [/* @__PURE__ */ _(l, { className: "h-4 w-2/3 mb-2 motion-safe:animate-vc-shimmer" }), /* @__PURE__ */ _(l, { className: "h-4 w-1/2 motion-safe:animate-vc-shimmer" })]
+					children: [/* @__PURE__ */ v(l, { className: "h-4 w-2/3 mb-2 motion-safe:animate-vc-shimmer" }), /* @__PURE__ */ v(l, { className: "h-4 w-1/2 motion-safe:animate-vc-shimmer" })]
 				}, t))
 			})
 		]
 	});
-	if (de && x.length === 0) return /* @__PURE__ */ v("div", {
+	if (ue && S.length === 0) return /* @__PURE__ */ y("div", {
 		className: s("flex flex-col items-center justify-center gap-3 rounded-card border border-border-seam bg-bg-surface px-6 py-14 text-center shadow-elevation-1", j),
 		children: [
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ v("div", {
 				className: "flex h-12 w-12 items-center justify-center rounded-full bg-status-error-bg text-status-error-text",
-				children: /* @__PURE__ */ _(ne, { size: 22 })
+				children: /* @__PURE__ */ v(ne, { size: 22 })
 			}),
-			/* @__PURE__ */ _("p", {
+			/* @__PURE__ */ v("p", {
 				className: "text-base font-medium text-text-primary",
 				children: "Couldn’t load this list"
 			}),
-			/* @__PURE__ */ _("p", {
+			/* @__PURE__ */ v("p", {
 				className: "max-w-sm text-sm text-text-secondary",
 				children: "The service was briefly unreachable. This is usually momentary — try again."
 			}),
-			S && /* @__PURE__ */ v(c, {
+			de && /* @__PURE__ */ y(c, {
 				variant: "outline",
 				size: "sm",
-				onClick: S,
+				onClick: de,
 				className: "mt-1",
-				children: [/* @__PURE__ */ _(ee, {
+				children: [/* @__PURE__ */ v(ee, {
 					size: 14,
 					className: "mr-1.5"
 				}), "Retry"]
 			})
 		]
 	});
-	let $ = J.length === 0, we = () => A ? L ? /* @__PURE__ */ _(y, {
+	let Oe = Y.length === 0, $ = () => A ? R ? /* @__PURE__ */ v(b, {
 		illustration: "empty-search",
 		title: "No matches",
-		description: `Nothing matches “${L}”. Try a different search.`
-	}) : /* @__PURE__ */ _(y, {
+		description: `Nothing matches “${R}”. Try a different search.`
+	}) : /* @__PURE__ */ v(b, {
 		illustration: A,
-		title: me ?? k,
-		description: he,
-		action: ge
-	}) : /* @__PURE__ */ _("p", {
+		title: ge ?? k,
+		description: _e,
+		action: ve
+	}) : /* @__PURE__ */ v("p", {
 		className: "text-text-secondary",
 		children: k
-	}), Te = T && (F ? q.length > 0 || I > 0 : q.length > 0);
-	return /* @__PURE__ */ v("div", {
+	}), ke = T && (F ? J.length > 0 || I > 0 : J.length > 0);
+	return /* @__PURE__ */ y("div", {
 		className: s("space-y-4", j),
 		children: [
-			C && /* @__PURE__ */ _("div", {
+			fe && /* @__PURE__ */ v("div", {
 				className: "flex items-center gap-4",
-				children: /* @__PURE__ */ v("div", {
+				children: /* @__PURE__ */ y("div", {
 					className: "relative flex-1 max-w-sm",
-					children: [/* @__PURE__ */ _(te, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-text-secondary" }), /* @__PURE__ */ _(re, {
-						placeholder: fe,
-						value: L,
+					children: [/* @__PURE__ */ v(te, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-text-secondary" }), /* @__PURE__ */ v(re, {
+						placeholder: pe,
+						value: R,
 						onChange: (e) => {
-							be(e.target.value), U(1);
+							L ? w?.(e.target.value) : (Ce(e.target.value), W(1));
 						},
 						className: "pl-9"
 					})]
 				})
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ v("div", {
 				className: "hidden md:block overflow-x-auto rounded-card border border-border-seam bg-bg-surface shadow-elevation-1",
-				children: /* @__PURE__ */ v(le, { children: [/* @__PURE__ */ _(p, { children: /* @__PURE__ */ _(m, { children: b.map((e) => /* @__PURE__ */ _(f, {
-					className: s(e.sortable && "cursor-pointer select-none hover:bg-bg-sunken/50", e.headerClassName),
-					onClick: () => e.sortable && Se(e.id),
-					children: /* @__PURE__ */ v("div", {
+				children: /* @__PURE__ */ y(u, { children: [/* @__PURE__ */ v(m, { children: /* @__PURE__ */ v(h, { children: x.map((e) => /* @__PURE__ */ v(p, {
+					className: s(!F && e.sortable && "cursor-pointer select-none hover:bg-bg-sunken/50", e.headerClassName),
+					onClick: () => !F && e.sortable && Te(e.id),
+					children: /* @__PURE__ */ y("div", {
 						className: "flex items-center gap-2",
-						children: [e.header, e.sortable && Ce(e.id)]
+						children: [e.header, !F && e.sortable && Ee(e.id)]
 					})
-				}, e.id)) }) }), /* @__PURE__ */ _(u, { children: $ ? /* @__PURE__ */ _(m, { children: /* @__PURE__ */ _(d, {
-					colSpan: b.length,
+				}, e.id)) }) }), /* @__PURE__ */ v(d, { children: Oe ? /* @__PURE__ */ v(h, { children: /* @__PURE__ */ v(f, {
+					colSpan: x.length,
 					className: "py-8 text-center",
-					children: we()
-				}) }) : J.map((e, t) => {
+					children: $()
+				}) }) : Y.map((e, t) => {
 					let n = M ? M(e) : t, r = typeof O == "function" ? O(e) : O;
-					return /* @__PURE__ */ _(m, {
+					return /* @__PURE__ */ v(h, {
 						className: s(D && "cursor-pointer hover:bg-bg-sunken/50", r),
 						onClick: () => D?.(e),
-						children: b.map((t) => /* @__PURE__ */ _(d, {
+						children: x.map((t) => /* @__PURE__ */ v(f, {
 							className: t.className,
-							children: Q(e, t)
+							children: De(e, t)
 						}, t.id))
 					}, n);
 				}) })] })
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ v("div", {
 				className: "md:hidden space-y-3",
-				children: $ ? /* @__PURE__ */ _("div", {
+				children: Oe ? /* @__PURE__ */ v("div", {
 					className: "rounded-card border border-border-seam bg-bg-surface p-6 text-center shadow-elevation-1",
-					children: we()
-				}) : J.map((e, t) => {
+					children: $()
+				}) : Y.map((e, t) => {
 					let n = M ? M(e) : t, r = typeof O == "function" ? O(e) : O;
-					return /* @__PURE__ */ _("div", {
+					return /* @__PURE__ */ v("div", {
 						role: D ? "button" : void 0,
 						tabIndex: D ? 0 : void 0,
 						className: s("rounded-card border border-border-seam bg-bg-surface p-4 shadow-elevation-1", D && "cursor-pointer hover:bg-bg-sunken/50", r),
@@ -183,154 +184,154 @@ function b({ columns: b, data: x, isLoading: ue = !1, error: de = null, onRetry:
 						onKeyDown: (t) => {
 							D && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), D(e));
 						},
-						children: /* @__PURE__ */ _("dl", {
+						children: /* @__PURE__ */ v("dl", {
 							className: "space-y-2",
-							children: b.map((t) => /* @__PURE__ */ v("div", {
+							children: x.map((t) => /* @__PURE__ */ y("div", {
 								className: "flex items-start justify-between gap-3",
-								children: [/* @__PURE__ */ _("dt", {
+								children: [/* @__PURE__ */ v("dt", {
 									className: "text-xs font-medium text-text-secondary shrink-0",
 									children: t.header
-								}), /* @__PURE__ */ _("dd", {
+								}), /* @__PURE__ */ v("dd", {
 									className: "text-sm text-right min-w-0",
-									children: Q(e, t)
+									children: De(e, t)
 								})]
 							}, t.id))
 						})
 					}, n);
 				})
 			}),
-			Te && /* @__PURE__ */ v("div", {
+			ke && /* @__PURE__ */ y("div", {
 				className: "flex flex-wrap items-center justify-between gap-3",
-				children: [/* @__PURE__ */ v("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "flex flex-wrap items-center gap-2 text-sm text-text-secondary",
 					children: [
-						F ? /* @__PURE__ */ v("span", { children: [
+						F ? /* @__PURE__ */ y("span", { children: [
 							"Showing ",
-							q.length === 0 ? 0 : I * G + 1,
+							J.length === 0 ? 0 : I * K + 1,
 							" to",
 							" ",
-							I * G + q.length,
-							X ? ` of ${P}` : ""
-						] }) : /* @__PURE__ */ v("span", { children: [
+							I * K + J.length,
+							Z ? ` of ${P}` : ""
+						] }) : /* @__PURE__ */ y("span", { children: [
 							"Showing ",
-							(H - 1) * W + 1,
+							(U - 1) * G + 1,
 							" to",
 							" ",
-							Math.min(H * W, q.length),
+							Math.min(U * G, J.length),
 							" of ",
-							q.length
+							J.length
 						] }),
-						/* @__PURE__ */ v(ie, {
-							value: String(G),
+						/* @__PURE__ */ y(ie, {
+							value: String(K),
 							onValueChange: (e) => {
 								let t = Number(e);
-								F ? ve?.(t) : (xe(t), U(1));
+								F ? be?.(t) : (we(t), W(1));
 							},
-							children: [/* @__PURE__ */ _(se, {
+							children: [/* @__PURE__ */ v(se, {
 								className: "w-[70px] h-8",
-								children: /* @__PURE__ */ _(ce, {})
-							}), /* @__PURE__ */ _(ae, { children: pe.map((e) => /* @__PURE__ */ _(oe, {
+								children: /* @__PURE__ */ v(ce, {})
+							}), /* @__PURE__ */ v(ae, { children: he.map((e) => /* @__PURE__ */ v(oe, {
 								value: String(e),
 								children: e
 							}, e)) })]
 						}),
-						/* @__PURE__ */ _("span", { children: "per page" })
+						/* @__PURE__ */ v("span", { children: "per page" })
 					]
-				}), F ? /* @__PURE__ */ v("div", {
+				}), F ? /* @__PURE__ */ y("div", {
 					className: "flex items-center gap-1",
 					children: [
-						/* @__PURE__ */ _(c, {
+						/* @__PURE__ */ v(c, {
 							variant: "outline",
 							size: "icon",
 							className: "h-8 w-8",
 							"aria-label": "First page",
 							onClick: () => N?.(0),
 							disabled: I === 0,
-							children: /* @__PURE__ */ _(a, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ v(a, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ _(c, {
+						/* @__PURE__ */ v(c, {
 							variant: "outline",
 							size: "icon",
 							className: "h-8 w-8",
 							"aria-label": "Previous page",
 							onClick: () => N?.(Math.max(0, I - 1)),
 							disabled: I === 0,
-							children: /* @__PURE__ */ _(r, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ v(r, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ v("span", {
+						/* @__PURE__ */ y("span", {
 							className: "px-3 text-sm",
 							children: [
 								"Page ",
 								I + 1,
-								X ? ` of ${Z}` : ""
+								Z ? ` of ${Q}` : ""
 							]
 						}),
-						/* @__PURE__ */ _(c, {
+						/* @__PURE__ */ v(c, {
 							variant: "outline",
 							size: "icon",
 							className: "h-8 w-8",
 							"aria-label": "Next page",
 							onClick: () => N?.(I + 1),
-							disabled: X ? I + 1 >= (Z ?? 1) : !ye,
-							children: /* @__PURE__ */ _(i, { className: "h-4 w-4" })
+							disabled: Z ? I + 1 >= (Q ?? 1) : !xe,
+							children: /* @__PURE__ */ v(i, { className: "h-4 w-4" })
 						}),
-						X && /* @__PURE__ */ _(c, {
+						Z && /* @__PURE__ */ v(c, {
 							variant: "outline",
 							size: "icon",
 							className: "h-8 w-8",
 							"aria-label": "Last page",
-							onClick: () => N?.((Z ?? 1) - 1),
-							disabled: I + 1 >= (Z ?? 1),
-							children: /* @__PURE__ */ _(o, { className: "h-4 w-4" })
+							onClick: () => N?.((Q ?? 1) - 1),
+							disabled: I + 1 >= (Q ?? 1),
+							children: /* @__PURE__ */ v(o, { className: "h-4 w-4" })
 						})
 					]
-				}) : /* @__PURE__ */ v("div", {
+				}) : /* @__PURE__ */ y("div", {
 					className: "flex items-center gap-1",
 					children: [
-						/* @__PURE__ */ _(c, {
+						/* @__PURE__ */ v(c, {
 							variant: "outline",
 							size: "icon",
 							className: "h-8 w-8",
 							"aria-label": "First page",
-							onClick: () => U(1),
-							disabled: H === 1,
-							children: /* @__PURE__ */ _(a, { className: "h-4 w-4" })
+							onClick: () => W(1),
+							disabled: U === 1,
+							children: /* @__PURE__ */ v(a, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ _(c, {
+						/* @__PURE__ */ v(c, {
 							variant: "outline",
 							size: "icon",
 							className: "h-8 w-8",
 							"aria-label": "Previous page",
-							onClick: () => U((e) => Math.max(1, e - 1)),
-							disabled: H === 1,
-							children: /* @__PURE__ */ _(r, { className: "h-4 w-4" })
+							onClick: () => W((e) => Math.max(1, e - 1)),
+							disabled: U === 1,
+							children: /* @__PURE__ */ v(r, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ v("span", {
+						/* @__PURE__ */ y("span", {
 							className: "px-3 text-sm",
 							children: [
 								"Page ",
-								H,
+								U,
 								" of ",
-								Y
+								X
 							]
 						}),
-						/* @__PURE__ */ _(c, {
+						/* @__PURE__ */ v(c, {
 							variant: "outline",
 							size: "icon",
 							className: "h-8 w-8",
 							"aria-label": "Next page",
-							onClick: () => U((e) => Math.min(Y, e + 1)),
-							disabled: H === Y,
-							children: /* @__PURE__ */ _(i, { className: "h-4 w-4" })
+							onClick: () => W((e) => Math.min(X, e + 1)),
+							disabled: U === X,
+							children: /* @__PURE__ */ v(i, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ _(c, {
+						/* @__PURE__ */ v(c, {
 							variant: "outline",
 							size: "icon",
 							className: "h-8 w-8",
 							"aria-label": "Last page",
-							onClick: () => U(Y),
-							disabled: H === Y,
-							children: /* @__PURE__ */ _(o, { className: "h-4 w-4" })
+							onClick: () => W(X),
+							disabled: U === X,
+							children: /* @__PURE__ */ v(o, { className: "h-4 w-4" })
 						})
 					]
 				})]
@@ -339,4 +340,4 @@ function b({ columns: b, data: x, isLoading: ue = !1, error: de = null, onRetry:
 	});
 }
 //#endregion
-export { b as DataTable };
+export { x as DataTable };

package/dist/components/DocumentsCard.js

@@ -20,7 +20,7 @@ function m(e) {
 	return `${n.toFixed(n >= 10 || r === 0 ? 0 : 1)} ${t[r]}`;
 }
 function h({ entityType: h, entityId: g }) {
-	let { navigate: _ } = i(), { documents: v, isLoading: y } = a(h, g), b = () => _("/files/browse");
+	let { navigate: _ } = i(), { documents: v, hasMore: y, isLoading: b, loadMore: x } = a(h, g), S = () => _("/files/browse");
 	return /* @__PURE__ */ p(s, { children: [/* @__PURE__ */ p(l, {
 		className: "flex flex-row items-center justify-between",
 		children: [/* @__PURE__ */ p(u, {
@@ -29,15 +29,15 @@ function h({ entityType: h, entityId: g }) {
 		}), /* @__PURE__ */ p(o, {
 			variant: "outline",
 			size: "sm",
-			onClick: b,
+			onClick: S,
 			children: [/* @__PURE__ */ f(r, { size: 14 }), " Add / Manage"]
 		})]
-	}), /* @__PURE__ */ f(c, { children: y ? /* @__PURE__ */ f("p", {
+	}), /* @__PURE__ */ f(c, { children: b ? /* @__PURE__ */ f("p", {
 		className: "text-text-secondary text-center py-4",
 		children: "Loading documents…"
-	}) : v.length > 0 ? /* @__PURE__ */ f("div", {
+	}) : v.length > 0 ? /* @__PURE__ */ p("div", {
 		className: "space-y-3",
-		children: v.map((n) => /* @__PURE__ */ p("div", {
+		children: [v.map((n) => /* @__PURE__ */ p("div", {
 			className: "flex items-center justify-between gap-3 p-3 border rounded-lg",
 			children: [/* @__PURE__ */ p("div", {
 				className: "min-w-0",
@@ -61,10 +61,16 @@ function h({ entityType: h, entityId: g }) {
 			}) : /* @__PURE__ */ p(o, {
 				variant: "ghost",
 				size: "sm",
-				onClick: b,
+				onClick: S,
 				children: [/* @__PURE__ */ f(t, { size: 14 }), " View"]
 			})]
-		}, n.id))
+		}, n.id)), y && /* @__PURE__ */ f(o, {
+			variant: "outline",
+			size: "sm",
+			onClick: x,
+			disabled: b,
+			children: "Load more documents"
+		})]
 	}) : /* @__PURE__ */ p("div", {
 		className: "text-center py-6",
 		children: [
@@ -78,7 +84,7 @@ function h({ entityType: h, entityId: g }) {
 			}),
 			/* @__PURE__ */ f("button", {
 				type: "button",
-				onClick: b,
+				onClick: S,
 				className: "mt-1 text-sm text-primary hover:underline",
 				children: "Add them in Files"
 			})