@burdenoff/microfe-movethewheels 2026.704.2 → 2026.710.1

package/dist/{DataTable-CmdZd6iV.js → components/DataTable.js}

@@ -1,53 +1,26 @@
-import { A as e, B as t, F as n, G as r, H as i, I as a, K as o, L as ee, P as te, R as ne, U as s, W as c, q as l, rt as u, u as d, ut as f } from "./PageLayout-j9Zw3wBN.js";
-import { n as re, t as ie } from "./arrow-up-VQuGMABN.js";
-import { t as ae } from "./chevron-left-DzNxoaBG.js";
-import { t as p } from "./chevron-right-CKm3ZC1T.js";
-import { t as oe } from "./refresh-cw-C4-jecjy.js";
-import { t as se } from "./search-C3YRxW9e.js";
-import { t as ce } from "./triangle-alert-Dh56Yu3-.js";
-import { useMemo as m, useState as h } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { IllustratedEmptyState as v } from "@burdenoff/fe-libs/ui";
-//#region node_modules/lucide-react/dist/esm/icons/arrow-up-down.js
-var le = f("ArrowUpDown", [
-	["path", {
-		d: "m21 16-4 4-4-4",
-		key: "f6ql7i"
-	}],
-	["path", {
-		d: "M17 20V4",
-		key: "1ejh1v"
-	}],
-	["path", {
-		d: "m3 8 4-4 4 4",
-		key: "11wl7u"
-	}],
-	["path", {
-		d: "M7 4v16",
-		key: "1glfcx"
-	}]
-]), y = f("ChevronsLeft", [["path", {
-	d: "m11 17-5-5 5-5",
-	key: "13zhaf"
-}], ["path", {
-	d: "m18 17-5-5 5-5",
-	key: "h8a8et"
-}]]), b = f("ChevronsRight", [["path", {
-	d: "m6 17 5-5-5-5",
-	key: "xnjwq"
-}], ["path", {
-	d: "m13 17 5-5-5-5",
-	key: "17xmmf"
-}]]);
-//#endregion
+import { ArrowDown as e } from "../node_modules/lucide-react/dist/esm/icons/arrow-down.js";
+import { ArrowUpDown as t } from "../node_modules/lucide-react/dist/esm/icons/arrow-up-down.js";
+import { ArrowUp as n } from "../node_modules/lucide-react/dist/esm/icons/arrow-up.js";
+import { ChevronLeft as r } from "../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
+import { ChevronRight as i } from "../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
+import { ChevronsLeft as a } from "../node_modules/lucide-react/dist/esm/icons/chevrons-left.js";
+import { ChevronsRight as o } from "../node_modules/lucide-react/dist/esm/icons/chevrons-right.js";
+import { RefreshCw as ee } from "../node_modules/lucide-react/dist/esm/icons/refresh-cw.js";
+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";
 //#region src/movethewheels/components/DataTable.tsx
-function x({ columns: f, 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 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 = [
 	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] = h(""), [R, z] = h(null), [B, V] = h(null), [H, U] = h(1), [W, xe] = h(E), G = F ? E : W, K = m(() => {
+	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) => {
@@ -58,9 +31,9 @@ function x({ columns: f, data: x, isLoading: ue = !1, error: de = null, onRetry:
 		x,
 		L,
 		w
-	]), q = m(() => {
+	]), q = h(() => {
 		if (!R || !B) return K;
-		let e = f.find((e) => e.id === R);
+		let e = b.find((e) => e.id === R);
 		return e?.accessorKey ? [...K].sort((t, n) => {
 			let r = t[e.accessorKey], i = n[e.accessorKey];
 			if (r == null) return 1;
@@ -72,8 +45,8 @@ function x({ columns: f, data: x, isLoading: ue = !1, error: de = null, onRetry:
 		K,
 		R,
 		B,
-		f
-	]), J = m(() => {
+		b
+	]), J = h(() => {
 		if (!T || F) return q;
 		let e = (H - 1) * W;
 		return q.slice(e, e + W);
@@ -85,7 +58,7 @@ function x({ columns: f, data: x, isLoading: ue = !1, error: de = null, onRetry:
 		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 = (e) => R === e ? g(B === "asc" ? ie : re, { className: "w-4 h-4 text-primary" }) : /* @__PURE__ */ g(le, { className: "w-4 h-4 text-text-secondary/50" }), Q = (e, t) => {
+	}, 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) => {
 		if (t.cell) return t.cell(e);
 		if (t.accessorKey) {
 			let n = e[t.accessorKey];
@@ -93,74 +66,74 @@ function x({ columns: f, data: x, isLoading: ue = !1, error: de = null, onRetry:
 		}
 		return "-";
 	};
-	if (ue) return /* @__PURE__ */ _("div", {
-		className: u("space-y-4", j),
+	if (ue) return /* @__PURE__ */ v("div", {
+		className: s("space-y-4", j),
 		children: [
-			C && /* @__PURE__ */ g("div", {
+			C && /* @__PURE__ */ _("div", {
 				className: "flex items-center gap-4",
-				children: /* @__PURE__ */ g(t, { className: "h-10 w-64" })
+				children: /* @__PURE__ */ _(l, { className: "h-10 w-64" })
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ _("div", {
 				className: "hidden md:block rounded-card border border-border-seam bg-bg-surface shadow-elevation-1",
-				children: /* @__PURE__ */ _(i, { children: [/* @__PURE__ */ g(o, { children: /* @__PURE__ */ g(l, { children: f.map((e) => /* @__PURE__ */ g(r, { children: /* @__PURE__ */ g(t, { className: "h-4 w-20 motion-safe:animate-vc-shimmer" }) }, e.id)) }) }), /* @__PURE__ */ g(s, { children: Array.from({ length: 5 }).map((e, n) => /* @__PURE__ */ g(l, { children: f.map((e) => /* @__PURE__ */ g(c, { children: /* @__PURE__ */ g(t, { className: "h-4 w-full max-w-[100px] motion-safe:animate-vc-shimmer" }) }, e.id)) }, n)) })] })
+				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)) })] })
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ _("div", {
 				className: "md:hidden space-y-3",
-				children: Array.from({ length: 4 }).map((e, n) => /* @__PURE__ */ _("div", {
+				children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ v("div", {
 					className: "rounded-card border border-border-seam bg-bg-surface p-4 shadow-elevation-1",
-					children: [/* @__PURE__ */ g(t, { className: "h-4 w-2/3 mb-2 motion-safe:animate-vc-shimmer" }), /* @__PURE__ */ g(t, { className: "h-4 w-1/2 motion-safe:animate-vc-shimmer" })]
-				}, n))
+					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" })]
+				}, t))
 			})
 		]
 	});
-	if (de && x.length === 0) return /* @__PURE__ */ _("div", {
-		className: u("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),
+	if (de && x.length === 0) return /* @__PURE__ */ v("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__ */ g("div", {
+			/* @__PURE__ */ _("div", {
 				className: "flex h-12 w-12 items-center justify-center rounded-full bg-status-error-bg text-status-error-text",
-				children: /* @__PURE__ */ g(ce, { size: 22 })
+				children: /* @__PURE__ */ _(ne, { size: 22 })
 			}),
-			/* @__PURE__ */ g("p", {
+			/* @__PURE__ */ _("p", {
 				className: "text-base font-medium text-text-primary",
 				children: "Couldn’t load this list"
 			}),
-			/* @__PURE__ */ g("p", {
+			/* @__PURE__ */ _("p", {
 				className: "max-w-sm text-sm text-text-secondary",
 				children: "The service was briefly unreachable. This is usually momentary — try again."
 			}),
-			S && /* @__PURE__ */ _(d, {
+			S && /* @__PURE__ */ v(c, {
 				variant: "outline",
 				size: "sm",
 				onClick: S,
 				className: "mt-1",
-				children: [/* @__PURE__ */ g(oe, {
+				children: [/* @__PURE__ */ _(ee, {
 					size: 14,
 					className: "mr-1.5"
 				}), "Retry"]
 			})
 		]
 	});
-	let $ = J.length === 0, we = () => A ? L ? /* @__PURE__ */ g(v, {
+	let $ = J.length === 0, we = () => A ? L ? /* @__PURE__ */ _(y, {
 		illustration: "empty-search",
 		title: "No matches",
 		description: `Nothing matches “${L}”. Try a different search.`
-	}) : /* @__PURE__ */ g(v, {
+	}) : /* @__PURE__ */ _(y, {
 		illustration: A,
 		title: me ?? k,
 		description: he,
 		action: ge
-	}) : /* @__PURE__ */ g("p", {
+	}) : /* @__PURE__ */ _("p", {
 		className: "text-text-secondary",
 		children: k
 	}), Te = T && (F ? q.length > 0 || I > 0 : q.length > 0);
-	return /* @__PURE__ */ _("div", {
-		className: u("space-y-4", j),
+	return /* @__PURE__ */ v("div", {
+		className: s("space-y-4", j),
 		children: [
-			C && /* @__PURE__ */ g("div", {
+			C && /* @__PURE__ */ _("div", {
 				className: "flex items-center gap-4",
-				children: /* @__PURE__ */ _("div", {
+				children: /* @__PURE__ */ v("div", {
 					className: "relative flex-1 max-w-sm",
-					children: [/* @__PURE__ */ g(se, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-text-secondary" }), /* @__PURE__ */ g(e, {
+					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,
 						onChange: (e) => {
@@ -170,54 +143,54 @@ function x({ columns: f, data: x, isLoading: ue = !1, error: de = null, onRetry:
 					})]
 				})
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ _("div", {
 				className: "hidden md:block overflow-x-auto rounded-card border border-border-seam bg-bg-surface shadow-elevation-1",
-				children: /* @__PURE__ */ _(i, { children: [/* @__PURE__ */ g(o, { children: /* @__PURE__ */ g(l, { children: f.map((e) => /* @__PURE__ */ g(r, {
-					className: u(e.sortable && "cursor-pointer select-none hover:bg-bg-sunken/50", e.headerClassName),
+				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__ */ _("div", {
+					children: /* @__PURE__ */ v("div", {
 						className: "flex items-center gap-2",
 						children: [e.header, e.sortable && Ce(e.id)]
 					})
-				}, e.id)) }) }), /* @__PURE__ */ g(s, { children: $ ? /* @__PURE__ */ g(l, { children: /* @__PURE__ */ g(c, {
-					colSpan: f.length,
+				}, e.id)) }) }), /* @__PURE__ */ _(u, { children: $ ? /* @__PURE__ */ _(m, { children: /* @__PURE__ */ _(d, {
+					colSpan: b.length,
 					className: "py-8 text-center",
 					children: we()
 				}) }) : J.map((e, t) => {
 					let n = M ? M(e) : t, r = typeof O == "function" ? O(e) : O;
-					return /* @__PURE__ */ g(l, {
-						className: u(D && "cursor-pointer hover:bg-bg-sunken/50", r),
+					return /* @__PURE__ */ _(m, {
+						className: s(D && "cursor-pointer hover:bg-bg-sunken/50", r),
 						onClick: () => D?.(e),
-						children: f.map((t) => /* @__PURE__ */ g(c, {
+						children: b.map((t) => /* @__PURE__ */ _(d, {
 							className: t.className,
 							children: Q(e, t)
 						}, t.id))
 					}, n);
 				}) })] })
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ _("div", {
 				className: "md:hidden space-y-3",
-				children: $ ? /* @__PURE__ */ g("div", {
+				children: $ ? /* @__PURE__ */ _("div", {
 					className: "rounded-card border border-border-seam bg-bg-surface p-6 text-center shadow-elevation-1",
 					children: we()
 				}) : J.map((e, t) => {
 					let n = M ? M(e) : t, r = typeof O == "function" ? O(e) : O;
-					return /* @__PURE__ */ g("div", {
+					return /* @__PURE__ */ _("div", {
 						role: D ? "button" : void 0,
 						tabIndex: D ? 0 : void 0,
-						className: u("rounded-card border border-border-seam bg-bg-surface p-4 shadow-elevation-1", D && "cursor-pointer hover:bg-bg-sunken/50", r),
+						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),
 						onClick: () => D?.(e),
 						onKeyDown: (t) => {
 							D && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), D(e));
 						},
-						children: /* @__PURE__ */ g("dl", {
+						children: /* @__PURE__ */ _("dl", {
 							className: "space-y-2",
-							children: f.map((t) => /* @__PURE__ */ _("div", {
+							children: b.map((t) => /* @__PURE__ */ v("div", {
 								className: "flex items-start justify-between gap-3",
-								children: [/* @__PURE__ */ g("dt", {
+								children: [/* @__PURE__ */ _("dt", {
 									className: "text-xs font-medium text-text-secondary shrink-0",
 									children: t.header
-								}), /* @__PURE__ */ g("dd", {
+								}), /* @__PURE__ */ _("dd", {
 									className: "text-sm text-right min-w-0",
 									children: Q(e, t)
 								})]
@@ -226,19 +199,19 @@ function x({ columns: f, data: x, isLoading: ue = !1, error: de = null, onRetry:
 					}, n);
 				})
 			}),
-			Te && /* @__PURE__ */ _("div", {
+			Te && /* @__PURE__ */ v("div", {
 				className: "flex flex-wrap items-center justify-between gap-3",
-				children: [/* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "flex flex-wrap items-center gap-2 text-sm text-text-secondary",
 					children: [
-						F ? /* @__PURE__ */ _("span", { children: [
+						F ? /* @__PURE__ */ v("span", { children: [
 							"Showing ",
 							q.length === 0 ? 0 : I * G + 1,
 							" to",
 							" ",
 							I * G + q.length,
 							X ? ` of ${P}` : ""
-						] }) : /* @__PURE__ */ _("span", { children: [
+						] }) : /* @__PURE__ */ v("span", { children: [
 							"Showing ",
 							(H - 1) * W + 1,
 							" to",
@@ -247,44 +220,44 @@ function x({ columns: f, data: x, isLoading: ue = !1, error: de = null, onRetry:
 							" of ",
 							q.length
 						] }),
-						/* @__PURE__ */ _(te, {
+						/* @__PURE__ */ v(ie, {
 							value: String(G),
 							onValueChange: (e) => {
 								let t = Number(e);
 								F ? ve?.(t) : (xe(t), U(1));
 							},
-							children: [/* @__PURE__ */ g(ee, {
+							children: [/* @__PURE__ */ _(se, {
 								className: "w-[70px] h-8",
-								children: /* @__PURE__ */ g(ne, {})
-							}), /* @__PURE__ */ g(n, { children: pe.map((e) => /* @__PURE__ */ g(a, {
+								children: /* @__PURE__ */ _(ce, {})
+							}), /* @__PURE__ */ _(ae, { children: pe.map((e) => /* @__PURE__ */ _(oe, {
 								value: String(e),
 								children: e
 							}, e)) })]
 						}),
-						/* @__PURE__ */ g("span", { children: "per page" })
+						/* @__PURE__ */ _("span", { children: "per page" })
 					]
-				}), F ? /* @__PURE__ */ _("div", {
+				}), F ? /* @__PURE__ */ v("div", {
 					className: "flex items-center gap-1",
 					children: [
-						/* @__PURE__ */ g(d, {
+						/* @__PURE__ */ _(c, {
 							variant: "outline",
 							size: "icon",
 							className: "h-8 w-8",
 							"aria-label": "First page",
 							onClick: () => N?.(0),
 							disabled: I === 0,
-							children: /* @__PURE__ */ g(y, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ _(a, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ g(d, {
+						/* @__PURE__ */ _(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__ */ g(ae, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ _(r, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ _("span", {
+						/* @__PURE__ */ v("span", {
 							className: "px-3 text-sm",
 							children: [
 								"Page ",
@@ -292,47 +265,47 @@ function x({ columns: f, data: x, isLoading: ue = !1, error: de = null, onRetry:
 								X ? ` of ${Z}` : ""
 							]
 						}),
-						/* @__PURE__ */ g(d, {
+						/* @__PURE__ */ _(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__ */ g(p, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ _(i, { className: "h-4 w-4" })
 						}),
-						X && /* @__PURE__ */ g(d, {
+						X && /* @__PURE__ */ _(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__ */ g(b, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ _(o, { className: "h-4 w-4" })
 						})
 					]
-				}) : /* @__PURE__ */ _("div", {
+				}) : /* @__PURE__ */ v("div", {
 					className: "flex items-center gap-1",
 					children: [
-						/* @__PURE__ */ g(d, {
+						/* @__PURE__ */ _(c, {
 							variant: "outline",
 							size: "icon",
 							className: "h-8 w-8",
 							"aria-label": "First page",
 							onClick: () => U(1),
 							disabled: H === 1,
-							children: /* @__PURE__ */ g(y, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ _(a, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ g(d, {
+						/* @__PURE__ */ _(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__ */ g(ae, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ _(r, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ _("span", {
+						/* @__PURE__ */ v("span", {
 							className: "px-3 text-sm",
 							children: [
 								"Page ",
@@ -341,23 +314,23 @@ function x({ columns: f, data: x, isLoading: ue = !1, error: de = null, onRetry:
 								Y
 							]
 						}),
-						/* @__PURE__ */ g(d, {
+						/* @__PURE__ */ _(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__ */ g(p, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ _(i, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ g(d, {
+						/* @__PURE__ */ _(c, {
 							variant: "outline",
 							size: "icon",
 							className: "h-8 w-8",
 							"aria-label": "Last page",
 							onClick: () => U(Y),
 							disabled: H === Y,
-							children: /* @__PURE__ */ g(b, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ _(o, { className: "h-4 w-4" })
 						})
 					]
 				})]
@@ -366,4 +339,4 @@ function x({ columns: f, data: x, isLoading: ue = !1, error: de = null, onRetry:
 	});
 }
 //#endregion
-export { x as t };
+export { b as DataTable };

package/dist/components/DocumentsCard.js

@@ -0,0 +1,89 @@
+import { Download as e } from "../node_modules/lucide-react/dist/esm/icons/download.js";
+import { ExternalLink as t } from "../node_modules/lucide-react/dist/esm/icons/external-link.js";
+import { FileText as n } from "../node_modules/lucide-react/dist/esm/icons/file-text.js";
+import { Upload as r } from "../node_modules/lucide-react/dist/esm/icons/upload.js";
+import { useMoveTheWheels as i } from "../providers/MoveTheWheelsProvider.js";
+import { useEntityDocuments as a } from "../hooks/useEntityDocuments.js";
+import { Button as o, Card as s, CardContent as c, CardHeader as l, CardTitle as u } from "./ui.js";
+import { formatDate as d } from "../utils/formatters.js";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/movethewheels/components/DocumentsCard.tsx
+function m(e) {
+	if (!Number.isFinite(e) || e <= 0) return "—";
+	let t = [
+		"B",
+		"KB",
+		"MB",
+		"GB"
+	], n = e, r = 0;
+	for (; n >= 1024 && r < t.length - 1;) n /= 1024, r += 1;
+	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");
+	return /* @__PURE__ */ p(s, { children: [/* @__PURE__ */ p(l, {
+		className: "flex flex-row items-center justify-between",
+		children: [/* @__PURE__ */ p(u, {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ f(n, { size: 18 }), " Documents"]
+		}), /* @__PURE__ */ p(o, {
+			variant: "outline",
+			size: "sm",
+			onClick: b,
+			children: [/* @__PURE__ */ f(r, { size: 14 }), " Add / Manage"]
+		})]
+	}), /* @__PURE__ */ f(c, { children: y ? /* @__PURE__ */ f("p", {
+		className: "text-text-secondary text-center py-4",
+		children: "Loading documents…"
+	}) : v.length > 0 ? /* @__PURE__ */ f("div", {
+		className: "space-y-3",
+		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",
+				children: [/* @__PURE__ */ f("p", {
+					className: "font-medium truncate",
+					children: n.name
+				}), /* @__PURE__ */ p("p", {
+					className: "text-sm text-text-secondary",
+					children: [
+						m(n.size),
+						" · ",
+						d(n.createdAt, "relative")
+					]
+				})]
+			}), n.downloadUrl ? /* @__PURE__ */ p("a", {
+				href: n.downloadUrl,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				className: "shrink-0 inline-flex items-center gap-1 text-sm text-primary hover:underline",
+				children: [/* @__PURE__ */ f(e, { size: 14 }), " Open"]
+			}) : /* @__PURE__ */ p(o, {
+				variant: "ghost",
+				size: "sm",
+				onClick: b,
+				children: [/* @__PURE__ */ f(t, { size: 14 }), " View"]
+			})]
+		}, n.id))
+	}) : /* @__PURE__ */ p("div", {
+		className: "text-center py-6",
+		children: [
+			/* @__PURE__ */ f(n, {
+				size: 32,
+				className: "mx-auto mb-2 text-text-secondary opacity-50"
+			}),
+			/* @__PURE__ */ f("p", {
+				className: "text-text-secondary",
+				children: "No documents yet"
+			}),
+			/* @__PURE__ */ f("button", {
+				type: "button",
+				onClick: b,
+				className: "mt-1 text-sm text-primary hover:underline",
+				children: "Add them in Files"
+			})
+		]
+	}) })] });
+}
+//#endregion
+export { h as DocumentsCard };

package/dist/{FormError-D4T5FWZA.js → components/FormError.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./circle-alert-CtBm6oIb.js";
+import { CircleAlert as e } from "../node_modules/lucide-react/dist/esm/icons/circle-alert.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/movethewheels/components/FormError.tsx
 function r({ message: r }) {
@@ -12,4 +12,4 @@ function r({ message: r }) {
 	}) : null;
 }
 //#endregion
-export { r as t };
+export { r as FormError };

package/dist/components/GlassPanel.js

@@ -0,0 +1,40 @@
+import { cn as e } from "../utils/cn.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { GlassCard as r } from "@burdenoff/fe-libs/ui";
+//#region src/movethewheels/components/GlassPanel.tsx
+var i = {
+	none: "p-0",
+	sm: "p-3",
+	md: "p-4 sm:p-5",
+	lg: "p-6"
+};
+function a({ title: a, action: o, description: s, padding: c = "md", treatment: l = "glass", glow: u = !1, className: d, bodyClassName: f, children: p, ...m }) {
+	let h = a != null || o != null || s != null;
+	return /* @__PURE__ */ n(r, {
+		treatment: l,
+		glow: u,
+		className: e("overflow-hidden border-border-seam", d),
+		...m,
+		children: [h && /* @__PURE__ */ n("div", {
+			className: "flex items-start justify-between gap-3 border-b border-border-seam/70 px-4 py-3 sm:px-5",
+			children: [/* @__PURE__ */ n("div", {
+				className: "min-w-0 space-y-0.5",
+				children: [a != null && /* @__PURE__ */ t("h3", {
+					className: "truncate text-sm font-semibold text-text-primary",
+					children: a
+				}), s != null && /* @__PURE__ */ t("p", {
+					className: "text-xs text-text-secondary",
+					children: s
+				})]
+			}), o != null && /* @__PURE__ */ t("div", {
+				className: "flex shrink-0 items-center gap-2",
+				children: o
+			})]
+		}), /* @__PURE__ */ t("div", {
+			className: e(i[c], f),
+			children: p
+		})]
+	});
+}
+//#endregion
+export { a as GlassPanel };

package/dist/{MetricCard-CqU5WsyW.js → components/MetricCard.js}

@@ -1,5 +1,5 @@
-import { rt as e } from "./PageLayout-j9Zw3wBN.js";
-import { t } from "./Sparkline-DTGdlxUH.js";
+import { cn as e } from "../utils/cn.js";
+import { Sparkline as t } from "./charts/Sparkline.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { GlassCard as i } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/components/MetricCard.tsx
@@ -188,4 +188,4 @@ function p({ children: t, columns: r = 4, className: i }) {
 	});
 }
 //#endregion
-export { f as n, p as r, d as t };
+export { d as MetricCard, f as MetricCardSkeleton, p as MetricGrid };

package/dist/components/Notice.js

@@ -0,0 +1,28 @@
+import { CircleCheckBig as e } from "../node_modules/lucide-react/dist/esm/icons/circle-check-big.js";
+import { Info as t } from "../node_modules/lucide-react/dist/esm/icons/info.js";
+import { useCallback as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/movethewheels/components/Notice.tsx
+function s({ message: n, variant: r = "success" }) {
+	if (!n) return null;
+	let i = r === "success";
+	return /* @__PURE__ */ o("div", {
+		role: "status",
+		className: `flex items-start gap-2 rounded-lg border px-4 py-3 text-sm ${i ? "border-status-success-border bg-status-success-bg-subtle text-status-success-text" : "border-status-info-border bg-status-info-bg-subtle text-status-info-text"}`,
+		children: [a(i ? e : t, {
+			size: 18,
+			className: "mt-0.5 shrink-0"
+		}), /* @__PURE__ */ a("span", { children: n })]
+	});
+}
+function c(e = 4e3) {
+	let [t, a] = i(null), o = r(null);
+	return {
+		message: t,
+		notify: n((t) => {
+			a(t), o.current && clearTimeout(o.current), o.current = setTimeout(() => a(null), e);
+		}, [e])
+	};
+}
+//#endregion
+export { s as Notice, c as useNotice };