@burdenoff/microfe-movethewheels 2026.920.3 → 2026.921.1

package/dist/pages/RoutesPage.js

@@ -10,73 +10,75 @@ import { ROUTE_STATUS_COLORS as u } from "../constants/index.js";
 import { StatusBadge as d } from "../components/StatusBadge.js";
 import { DataTable as f } from "../components/DataTable.js";
 import { formatDate as p } from "../utils/formatters.js";
-import { useState as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { CTAOverflowMenu as _, EmphasisPanel as v, PagePurpose as y } from "@burdenoff/fe-libs/ui";
+import { useDebouncedValue as m } from "../hooks/useDebouncedValue.js";
+import { useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { CTAOverflowMenu as v, EmphasisPanel as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/RoutesPage.tsx
-function b() {
-	let { basePath: b, navigate: x } = i(), [S, C] = m(0), [w, T] = m(25), { routes: E, hasMore: D, isLoading: O, error: k, refetch: A } = o({
-		limit: w,
-		offset: S * w
-	}), { stats: j } = a(), M = (e) => x?.(r(b, e));
-	return /* @__PURE__ */ g(l, {
+function x() {
+	let { basePath: x, navigate: S } = i(), [C, w] = h(0), [T, E] = h(25), [D, O] = h(""), k = m(D), { routes: A, totalRoutes: j, hasMore: M, isLoading: N, error: P, refetch: F } = o({
+		limit: T,
+		offset: C * T,
+		search: k || void 0
+	}), { stats: I } = a(), L = (e) => S?.(r(x, e));
+	return /* @__PURE__ */ _(l, {
 		title: "Routes",
-		subtitle: `${j.totalRoutes} routes`,
-		icon: /* @__PURE__ */ h(e, { size: 24 }),
-		headerActions: /* @__PURE__ */ h(_, {
+		subtitle: `${I.totalRoutes} routes`,
+		icon: /* @__PURE__ */ g(e, { size: 24 }),
+		headerActions: /* @__PURE__ */ g(v, {
 			primary: {
 				label: "Create Route",
-				icon: /* @__PURE__ */ h(t, { size: 16 }),
-				onSelect: () => M("routes/new")
+				icon: /* @__PURE__ */ g(t, { size: 16 }),
+				onSelect: () => L("routes/new")
 			},
 			actions: [{
 				label: "Refresh",
-				icon: /* @__PURE__ */ h(n, { size: 16 }),
-				onSelect: () => A()
+				icon: /* @__PURE__ */ g(n, { size: 16 }),
+				onSelect: () => F()
 			}]
 		}),
 		children: [
-			/* @__PURE__ */ h(y, {
-				icon: /* @__PURE__ */ h(e, { size: 18 }),
+			/* @__PURE__ */ g(b, {
+				icon: /* @__PURE__ */ g(e, { size: 18 }),
 				children: "Routes group multiple delivery stops into an optimized driving plan. Build a route to batch nearby drop-offs, cut distance and fuel, and give drivers a single ordered itinerary — then open one to review stops, distance and optimization status."
 			}),
-			/* @__PURE__ */ g(v, { children: [/* @__PURE__ */ h("p", {
+			/* @__PURE__ */ _(y, { children: [/* @__PURE__ */ g("p", {
 				className: "text-sm font-medium text-text-secondary",
 				children: "Routes at a glance"
-			}), /* @__PURE__ */ g("div", {
+			}), /* @__PURE__ */ _("div", {
 				className: "mt-3 grid grid-cols-3 gap-4",
 				children: [
-					/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+					/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 						className: "text-2xl font-bold text-text-primary tabular-nums",
-						children: j.totalRoutes
-					}), /* @__PURE__ */ h("p", {
+						children: I.totalRoutes
+					}), /* @__PURE__ */ g("p", {
 						className: "text-xs text-text-secondary",
 						children: "Total routes"
 					})] }),
-					/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+					/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 						className: "text-2xl font-bold text-text-primary tabular-nums",
-						children: j.inProgressRoutes
-					}), /* @__PURE__ */ h("p", {
+						children: I.inProgressRoutes
+					}), /* @__PURE__ */ g("p", {
 						className: "text-xs text-text-secondary",
 						children: "In progress"
 					})] }),
-					/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+					/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 						className: "text-2xl font-bold text-text-primary tabular-nums",
-						children: j.optimizedRoutes
-					}), /* @__PURE__ */ h("p", {
+						children: I.optimizedRoutes
+					}), /* @__PURE__ */ g("p", {
 						className: "text-xs text-text-secondary",
 						children: "Optimized"
 					})] })
 				]
 			})] }),
-			/* @__PURE__ */ h(f, {
+			/* @__PURE__ */ g(f, {
 				columns: [
 					{
 						id: "name",
 						header: "Route Name",
 						accessorKey: "name",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ h("span", {
+						cell: (e) => /* @__PURE__ */ g("span", {
 							className: "font-medium",
 							children: e.name
 						})
@@ -86,7 +88,7 @@ function b() {
 						header: "Status",
 						accessorKey: "status",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ h(d, {
+						cell: (e) => /* @__PURE__ */ g(d, {
 							status: e.status,
 							customColors: u[e.status]
 						})
@@ -94,7 +96,7 @@ function b() {
 					{
 						id: "stops",
 						header: "Stops",
-						cell: (e) => /* @__PURE__ */ g(s, {
+						cell: (e) => /* @__PURE__ */ _(s, {
 							variant: "secondary",
 							children: [e.stops.length, " stops"]
 						})
@@ -114,7 +116,7 @@ function b() {
 					{
 						id: "optimized",
 						header: "Optimized",
-						cell: (e) => /* @__PURE__ */ h(s, {
+						cell: (e) => /* @__PURE__ */ g(s, {
 							variant: e.optimized ? "default" : "outline",
 							children: e.optimized ? "Yes" : "No"
 						})
@@ -127,28 +129,33 @@ function b() {
 						cell: (e) => p(e.createdAt, "short")
 					}
 				],
-				data: E,
-				isLoading: O,
-				error: k,
-				onRetry: A,
+				data: A,
+				isLoading: N,
+				error: P,
+				onRetry: F,
 				searchable: !0,
 				searchPlaceholder: "Search routes...",
 				searchFields: ["name"],
-				onRowClick: (e) => M(`routes/${e.id}`),
+				searchQuery: D,
+				onSearchQueryChange: (e) => {
+					O(e), w(0);
+				},
+				onRowClick: (e) => L(`routes/${e.id}`),
 				getRowId: (e) => e.id,
-				pageIndex: S,
-				pageSize: w,
-				onPageChange: C,
+				pageIndex: C,
+				pageSize: T,
+				onPageChange: w,
 				onPageSizeChange: (e) => {
-					T(e), C(0);
+					E(e), w(0);
 				},
-				hasNextPage: D,
+				totalItems: j,
+				hasNextPage: M,
 				emptyIllustration: "empty-data",
 				emptyTitle: "No routes yet",
 				emptyDescription: "Create a route to batch deliveries into an optimized driving plan.",
-				emptyAction: /* @__PURE__ */ g(c, {
-					onClick: () => M("routes/new"),
-					children: [/* @__PURE__ */ h(t, {
+				emptyAction: /* @__PURE__ */ _(c, {
+					onClick: () => L("routes/new"),
+					children: [/* @__PURE__ */ g(t, {
 						size: 16,
 						className: "mr-1.5"
 					}), "Create Route"]
@@ -158,4 +165,4 @@ function b() {
 	});
 }
 //#endregion
-export { b as default };
+export { x as default };

package/dist/pages/VehiclesPage.js

@@ -13,83 +13,85 @@ import { PageLayout as f } from "../components/PageLayout.js";
 import { MetricCard as p, MetricGrid as m } from "../components/MetricCard.js";
 import { StatusBadge as h, VehicleTypeBadge as g } from "../components/StatusBadge.js";
 import { DataTable as _ } from "../components/DataTable.js";
-import { useState as v } from "react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { CTAOverflowMenu as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";
+import { useDebouncedValue as v } from "../hooks/useDebouncedValue.js";
+import { useState as y } from "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { CTAOverflowMenu as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/VehiclesPage.tsx
-function C() {
-	let { basePath: C, navigate: w } = c(), [T, E] = v(0), [D, O] = v(25), { vehicles: k, isLoading: A, error: j, refetch: M } = u({
-		limit: D,
-		offset: T * D
-	}), { stats: N } = l(), P = N.totalVehicles, F = (e) => {
-		w && w(s(C, e));
+function w() {
+	let { basePath: w, navigate: T } = c(), [E, D] = y(0), [O, k] = y(25), [A, j] = y(""), M = v(A), { vehicles: N, totalVehicles: P, hasMore: F, isLoading: I, error: L, refetch: R } = u({
+		limit: O,
+		offset: E * O,
+		search: M || void 0
+	}), { stats: z } = l(), B = z.totalVehicles, V = (e) => {
+		T && T(s(w, e));
 	};
-	return /* @__PURE__ */ b(f, {
+	return /* @__PURE__ */ x(f, {
 		title: "Vehicles",
-		subtitle: `${P} vehicles in fleet`,
-		icon: /* @__PURE__ */ y(a, { size: 24 }),
-		headerActions: /* @__PURE__ */ y(x, {
+		subtitle: `${B} vehicles in fleet`,
+		icon: /* @__PURE__ */ b(a, { size: 24 }),
+		headerActions: /* @__PURE__ */ b(S, {
 			primary: {
 				label: "Add Vehicle",
-				icon: /* @__PURE__ */ y(n, { size: 16 }),
-				onSelect: () => F("fleet/vehicles/new")
+				icon: /* @__PURE__ */ b(n, { size: 16 }),
+				onSelect: () => V("fleet/vehicles/new")
 			},
 			actions: [{
 				label: "Refresh",
-				icon: /* @__PURE__ */ y(r, { size: 16 }),
-				onSelect: () => M()
+				icon: /* @__PURE__ */ b(r, { size: 16 }),
+				onSelect: () => R()
 			}, {
 				label: "Export",
-				icon: /* @__PURE__ */ y(t, { size: 16 }),
-				onSelect: () => F("import-export")
+				icon: /* @__PURE__ */ b(t, { size: 16 }),
+				onSelect: () => V("import-export")
 			}]
 		}),
 		children: [
-			/* @__PURE__ */ y(S, {
-				icon: /* @__PURE__ */ y(a, { size: 18 }),
+			/* @__PURE__ */ b(C, {
+				icon: /* @__PURE__ */ b(a, { size: 18 }),
 				children: "Every truck, van and bike in your fleet. Monitor capacity, fuel level, mileage and maintenance status here so you always know which vehicles are road-ready before dispatching an order."
 			}),
-			/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+			/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 				className: "mb-3 text-sm font-medium text-text-secondary",
 				children: "Fleet at a glance"
-			}), /* @__PURE__ */ b(m, {
+			}), /* @__PURE__ */ x(m, {
 				columns: 4,
 				children: [
-					/* @__PURE__ */ y(p, {
+					/* @__PURE__ */ b(p, {
 						label: "Total vehicles",
-						value: P,
-						icon: /* @__PURE__ */ y(a, { size: 20 }),
+						value: B,
+						icon: /* @__PURE__ */ b(a, { size: 20 }),
 						accent: "brand"
 					}),
-					/* @__PURE__ */ y(p, {
+					/* @__PURE__ */ b(p, {
 						label: "Available now",
-						value: N.vehiclesByStatus.available,
-						icon: /* @__PURE__ */ y(e, { size: 20 }),
+						value: z.vehiclesByStatus.available,
+						icon: /* @__PURE__ */ b(e, { size: 20 }),
 						accent: "success",
 						subtitle: "Ready to dispatch"
 					}),
-					/* @__PURE__ */ y(p, {
+					/* @__PURE__ */ b(p, {
 						label: "On assignment",
-						value: N.vehiclesByStatus.assigned,
-						icon: /* @__PURE__ */ y(i, { size: 20 }),
+						value: z.vehiclesByStatus.assigned,
+						icon: /* @__PURE__ */ b(i, { size: 20 }),
 						accent: "blue"
 					}),
-					/* @__PURE__ */ y(p, {
+					/* @__PURE__ */ b(p, {
 						label: "In maintenance",
-						value: N.vehiclesByStatus.maintenance,
-						icon: /* @__PURE__ */ y(o, { size: 20 }),
+						value: z.vehiclesByStatus.maintenance,
+						icon: /* @__PURE__ */ b(o, { size: 20 }),
 						accent: "warning"
 					})
 				]
 			})] }),
-			/* @__PURE__ */ y(_, {
+			/* @__PURE__ */ b(_, {
 				columns: [
 					{
 						id: "vehicleNumber",
 						header: "Vehicle #",
 						accessorKey: "vehicleNumber",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ y("span", {
+						cell: (e) => /* @__PURE__ */ b("span", {
 							className: "font-medium",
 							children: e.vehicleNumber
 						})
@@ -98,19 +100,19 @@ function C() {
 						id: "type",
 						header: "Type",
 						accessorKey: "type",
-						cell: (e) => /* @__PURE__ */ y(g, { type: e.type })
+						cell: (e) => /* @__PURE__ */ b(g, { type: e.type })
 					},
 					{
 						id: "details",
 						header: "Vehicle",
-						cell: (e) => /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("p", {
+						cell: (e) => /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("p", {
 							className: "font-medium",
 							children: [
 								e.make,
 								" ",
 								e.model
 							]
-						}), /* @__PURE__ */ y("p", {
+						}), /* @__PURE__ */ b("p", {
 							className: "text-sm text-text-secondary",
 							children: e.year
 						})] })
@@ -120,7 +122,7 @@ function C() {
 						header: "Status",
 						accessorKey: "status",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ y(h, {
+						cell: (e) => /* @__PURE__ */ b(h, {
 							status: e.status,
 							type: "vehicle"
 						})
@@ -128,9 +130,9 @@ function C() {
 					{
 						id: "capacity",
 						header: "Capacity",
-						cell: (e) => /* @__PURE__ */ b("div", {
+						cell: (e) => /* @__PURE__ */ x("div", {
 							className: "text-sm",
-							children: [/* @__PURE__ */ b("p", { children: [e.capacity.weight, " kg"] }), /* @__PURE__ */ b("p", {
+							children: [/* @__PURE__ */ x("p", { children: [e.capacity.weight, " kg"] }), /* @__PURE__ */ x("p", {
 								className: "text-text-secondary",
 								children: [e.capacity.volume, " m³"]
 							})]
@@ -139,12 +141,12 @@ function C() {
 					{
 						id: "fuel",
 						header: "Fuel Level",
-						cell: (e) => e.fuelLevel === void 0 ? "-" : /* @__PURE__ */ b("div", {
+						cell: (e) => e.fuelLevel === void 0 ? "-" : /* @__PURE__ */ x("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ y(d, {
+							children: [/* @__PURE__ */ b(d, {
 								value: e.fuelLevel,
 								className: "w-16 h-2"
-							}), /* @__PURE__ */ b("span", {
+							}), /* @__PURE__ */ x("span", {
 								className: "text-sm",
 								children: [e.fuelLevel, "%"]
 							})]
@@ -158,10 +160,10 @@ function C() {
 						cell: (e) => e.mileage ? `${e.mileage.toLocaleString()} mi` : "-"
 					}
 				],
-				data: k,
-				isLoading: A,
-				error: j,
-				onRetry: M,
+				data: N,
+				isLoading: I,
+				error: L,
+				onRetry: R,
 				searchable: !0,
 				searchPlaceholder: "Search vehicles...",
 				searchFields: [
@@ -169,15 +171,20 @@ function C() {
 					"make",
 					"model"
 				],
-				onRowClick: (e) => F(`fleet/vehicles/${e.id}`),
+				searchQuery: A,
+				onSearchQueryChange: (e) => {
+					j(e), D(0);
+				},
+				onRowClick: (e) => V(`fleet/vehicles/${e.id}`),
 				getRowId: (e) => e.id,
-				pageIndex: T,
-				pageSize: D,
-				onPageChange: E,
+				pageIndex: E,
+				pageSize: O,
+				onPageChange: D,
 				onPageSizeChange: (e) => {
-					O(e), E(0);
+					k(e), D(0);
 				},
 				totalItems: P,
+				hasNextPage: F,
 				emptyIllustration: "empty-data",
 				emptyTitle: "No vehicles yet",
 				emptyDescription: "Add vehicles to your fleet to start assigning them to deliveries."
@@ -186,4 +193,4 @@ function C() {
 	});
 }
 //#endregion
-export { C as default };
+export { w as default };

package/dist/pages/WarehousesPage.js

@@ -10,74 +10,76 @@ import { Badge as l, Progress as u } from "../components/ui.js";
 import { PageLayout as d } from "../components/PageLayout.js";
 import { MetricCard as f, MetricGrid as p } from "../components/MetricCard.js";
 import { DataTable as m } from "../components/DataTable.js";
-import { useState as h } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { CTAOverflowMenu as v, PagePurpose as y } from "@burdenoff/fe-libs/ui";
+import { useDebouncedValue as h } from "../hooks/useDebouncedValue.js";
+import { useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { CTAOverflowMenu as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/WarehousesPage.tsx
-function b() {
-	let { basePath: b, navigate: x } = o(), [S, C] = h(0), [w, T] = h(25), { warehouses: E, hasMore: D, isLoading: O, error: k, refetch: A } = c({
-		limit: w,
-		offset: S * w
-	}), { stats: j } = s(), M = (e) => x?.(a(b, e));
-	return /* @__PURE__ */ _(d, {
+function x() {
+	let { basePath: x, navigate: S } = o(), [C, w] = g(0), [T, E] = g(25), [D, O] = g(""), k = h(D), { warehouses: A, totalWarehouses: j, hasMore: M, isLoading: N, error: P, refetch: F } = c({
+		limit: T,
+		offset: C * T,
+		search: k
+	}), { stats: I } = s(), L = (e) => S?.(a(x, e));
+	return /* @__PURE__ */ v(d, {
 		title: "Warehouses",
-		subtitle: `${j.total} warehouses`,
-		icon: /* @__PURE__ */ g(i, { size: 24 }),
-		headerActions: /* @__PURE__ */ g(v, {
+		subtitle: `${I.total} warehouses`,
+		icon: /* @__PURE__ */ _(i, { size: 24 }),
+		headerActions: /* @__PURE__ */ _(y, {
 			primary: {
 				label: "Add Warehouse",
-				icon: /* @__PURE__ */ g(n, { size: 16 }),
-				onSelect: () => M("inventory/warehouses/new")
+				icon: /* @__PURE__ */ _(n, { size: 16 }),
+				onSelect: () => L("inventory/warehouses/new")
 			},
 			actions: [{
 				label: "Refresh",
-				icon: /* @__PURE__ */ g(r, { size: 16 }),
-				onSelect: () => A()
+				icon: /* @__PURE__ */ _(r, { size: 16 }),
+				onSelect: () => F()
 			}]
 		}),
 		children: [
-			/* @__PURE__ */ g(y, {
-				icon: /* @__PURE__ */ g(i, { size: 18 }),
+			/* @__PURE__ */ _(b, {
+				icon: /* @__PURE__ */ _(i, { size: 18 }),
 				children: "Your storage and fulfilment sites. Watch space and pallet utilization across each warehouse to balance stock, spot capacity crunches, and decide where to fulfil an order from."
 			}),
-			/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+			/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
 				className: "mb-3 text-sm font-medium text-text-secondary",
 				children: "Network at a glance"
-			}), /* @__PURE__ */ _(p, {
+			}), /* @__PURE__ */ v(p, {
 				columns: 3,
 				children: [
-					/* @__PURE__ */ g(f, {
+					/* @__PURE__ */ _(f, {
 						label: "Total sites",
-						value: j.total,
-						icon: /* @__PURE__ */ g(i, { size: 20 }),
+						value: I.total,
+						icon: /* @__PURE__ */ _(i, { size: 20 }),
 						accent: "brand"
 					}),
-					/* @__PURE__ */ g(f, {
+					/* @__PURE__ */ _(f, {
 						label: "Active",
-						value: j.active,
-						icon: /* @__PURE__ */ g(e, { size: 20 }),
+						value: I.active,
+						icon: /* @__PURE__ */ _(e, { size: 20 }),
 						accent: "success",
 						subtitle: "Fulfilling orders"
 					}),
-					/* @__PURE__ */ g(f, {
+					/* @__PURE__ */ _(f, {
 						label: "Avg utilization",
-						value: j.total > 0 ? `${Math.round(j.avgUtilization * 100)}%` : "—",
-						icon: /* @__PURE__ */ g(t, { size: 20 }),
+						value: I.total > 0 ? `${Math.round(I.avgUtilization * 100)}%` : "—",
+						icon: /* @__PURE__ */ _(t, { size: 20 }),
 						accent: "blue"
 					})
 				]
 			})] }),
-			/* @__PURE__ */ g(m, {
+			/* @__PURE__ */ _(m, {
 				columns: [
 					{
 						id: "name",
 						header: "Warehouse",
 						accessorKey: "name",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+						cell: (e) => /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
 							className: "font-medium",
 							children: e.name
-						}), /* @__PURE__ */ g("p", {
+						}), /* @__PURE__ */ _("p", {
 							className: "text-sm text-text-secondary",
 							children: e.code
 						})] })
@@ -85,11 +87,11 @@ function b() {
 					{
 						id: "location",
 						header: "Location",
-						cell: (e) => /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("p", { children: [
+						cell: (e) => /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ v("p", { children: [
 							e.address.city,
 							", ",
 							e.address.state
-						] }), /* @__PURE__ */ g("p", {
+						] }), /* @__PURE__ */ _("p", {
 							className: "text-sm text-text-secondary",
 							children: e.address.country
 						})] })
@@ -98,7 +100,7 @@ function b() {
 						id: "type",
 						header: "Type",
 						accessorKey: "type",
-						cell: (e) => /* @__PURE__ */ g(l, {
+						cell: (e) => /* @__PURE__ */ _(l, {
 							variant: "outline",
 							className: "capitalize",
 							children: e.type.replace("_", " ")
@@ -109,12 +111,12 @@ function b() {
 						header: "Utilization",
 						cell: (e) => {
 							let t = e.capacity.usedSpace / e.capacity.totalSpace * 100;
-							return /* @__PURE__ */ _("div", {
+							return /* @__PURE__ */ v("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ g(u, {
+								children: [/* @__PURE__ */ _(u, {
 									value: t,
 									className: "w-16 h-2"
-								}), /* @__PURE__ */ _("span", {
+								}), /* @__PURE__ */ v("span", {
 									className: "text-sm",
 									children: [t.toFixed(0), "%"]
 								})]
@@ -124,15 +126,15 @@ function b() {
 					{
 						id: "capacity",
 						header: "Capacity",
-						cell: (e) => /* @__PURE__ */ _("div", {
+						cell: (e) => /* @__PURE__ */ v("div", {
 							className: "text-sm",
-							children: [/* @__PURE__ */ _("p", { children: [
+							children: [/* @__PURE__ */ v("p", { children: [
 								e.capacity.usedSpace.toLocaleString(),
 								" / ",
 								e.capacity.totalSpace.toLocaleString(),
 								" ",
 								"sq ft"
-							] }), /* @__PURE__ */ _("p", {
+							] }), /* @__PURE__ */ v("p", {
 								className: "text-text-secondary",
 								children: [
 									e.capacity.usedPallets,
@@ -146,28 +148,33 @@ function b() {
 					{
 						id: "status",
 						header: "Status",
-						cell: (e) => /* @__PURE__ */ g(l, {
+						cell: (e) => /* @__PURE__ */ _(l, {
 							variant: e.isActive ? "default" : "secondary",
 							children: e.isActive ? "Active" : "Inactive"
 						})
 					}
 				],
-				data: E,
-				isLoading: O,
-				error: k,
-				onRetry: A,
+				data: A,
+				isLoading: N,
+				error: P,
+				onRetry: F,
 				searchable: !0,
 				searchPlaceholder: "Search warehouses...",
 				searchFields: ["name", "code"],
-				onRowClick: (e) => M(`inventory/warehouses/${e.id}`),
+				searchQuery: D,
+				onSearchQueryChange: (e) => {
+					O(e), w(0);
+				},
+				onRowClick: (e) => L(`inventory/warehouses/${e.id}`),
 				getRowId: (e) => e.id,
-				pageIndex: S,
-				pageSize: w,
-				onPageChange: C,
+				pageIndex: C,
+				pageSize: T,
+				onPageChange: w,
 				onPageSizeChange: (e) => {
-					T(e), C(0);
+					E(e), w(0);
 				},
-				hasNextPage: D,
+				totalItems: j,
+				hasNextPage: M,
 				emptyIllustration: "empty-data",
 				emptyTitle: "No warehouses yet",
 				emptyDescription: "Add a warehouse to store inventory and fulfil orders from it."
@@ -176,4 +183,4 @@ function b() {
 	});
 }
 //#endregion
-export { b as default };
+export { x as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-movethewheels",
-  "version": "2026.920.3",
+  "version": "2026.921.1",
   "description": "Burdenoff MoveTheWheels Microfrontend - Logistics & Supply Chain Management Platform",
   "type": "module",
   "files": [