@burdenoff/microfe-movethewheels 2026.1031.2 → 2026.1031.3

package/dist/pages/ProductsPage.js

@@ -4,91 +4,100 @@ import { Plus as n } from "../node_modules/lucide-react/dist/esm/icons/plus.js";
 import { RefreshCw as r } from "../node_modules/lucide-react/dist/esm/icons/refresh-cw.js";
 import { Thermometer as i } from "../node_modules/lucide-react/dist/esm/icons/thermometer.js";
 import { TriangleAlert as a } from "../node_modules/lucide-react/dist/esm/icons/triangle-alert.js";
-import { joinPath as o } from "../utils/navigation.js";
-import { useMoveTheWheels as s } from "../providers/MoveTheWheelsProvider.js";
-import { useProductStats as c, useProducts as l } from "../hooks/useInventory.js";
-import { Badge 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 { formatCurrency as h } from "../utils/formatters.js";
-import { useDebouncedValue as g } from "../hooks/useDebouncedValue.js";
-import { useEntityExport as _ } from "../hooks/useEntityExport.js";
-import { ExportStatusBanner as v } from "../components/ExportStatusBanner.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";
+import { Upload as o } from "../node_modules/lucide-react/dist/esm/icons/upload.js";
+import { joinPath as s } from "../utils/navigation.js";
+import { useMoveTheWheels as c } from "../providers/MoveTheWheelsProvider.js";
+import { useProductStats as l, useProducts as u } from "../hooks/useInventory.js";
+import { Badge as d } from "../components/ui.js";
+import { PageLayout as f } from "../components/PageLayout.js";
+import { MetricCard as p, MetricGrid as m } from "../components/MetricCard.js";
+import { DataTable as h } from "../components/DataTable.js";
+import { formatCurrency as g } from "../utils/formatters.js";
+import { useDebouncedValue as _ } from "../hooks/useDebouncedValue.js";
+import { useEntityExport as v } from "../hooks/useEntityExport.js";
+import { ExportStatusBanner as y } from "../components/ExportStatusBanner.js";
+import { useState as b } from "react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { CTAOverflowMenu as C, PagePurpose as w } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/ProductsPage.tsx
-function w() {
-	let { basePath: w, navigate: T } = s(), { state: E, isExporting: D, startExport: O, dismiss: k } = _("products", "product"), [A, j] = y(0), [M, N] = y(25), [P, F] = y(""), I = g(P), { products: L, totalProducts: R, hasMore: z, isLoading: B, error: V, refetch: H } = l({
-		limit: M,
-		offset: A * M,
-		search: I
-	}), { stats: U } = c(), W = (e) => T?.(o(w, e));
-	return /* @__PURE__ */ x(d, {
+function T() {
+	let { basePath: T, navigate: E } = c(), { state: D, isExporting: O, startExport: k, dismiss: A } = v("products", "product"), [j, M] = b(0), [N, P] = b(25), [F, I] = b(""), L = _(F), { products: R, totalProducts: z, hasMore: B, isLoading: V, error: H, refetch: U } = u({
+		limit: N,
+		offset: j * N,
+		search: L
+	}), { stats: W } = l(), G = (e) => E?.(s(T, e));
+	return /* @__PURE__ */ S(f, {
 		title: "Products",
-		subtitle: `${U.total} products`,
-		icon: /* @__PURE__ */ b(t, { size: 24 }),
-		headerActions: /* @__PURE__ */ b(S, {
+		subtitle: `${W.total} products`,
+		icon: /* @__PURE__ */ x(t, { size: 24 }),
+		headerActions: /* @__PURE__ */ x(C, {
 			primary: {
 				label: "Add Product",
-				icon: /* @__PURE__ */ b(n, { size: 16 }),
-				onSelect: () => W("inventory/products/new")
+				icon: /* @__PURE__ */ x(n, { size: 16 }),
+				onSelect: () => G("inventory/products/new")
 			},
-			actions: [{
-				label: "Refresh",
-				icon: /* @__PURE__ */ b(r, { size: 16 }),
-				onSelect: () => H()
-			}, {
-				label: D ? "Exporting…" : "Export",
-				icon: /* @__PURE__ */ b(e, { size: 16 }),
-				onSelect: O
-			}]
+			actions: [
+				{
+					label: "Refresh",
+					icon: /* @__PURE__ */ x(r, { size: 16 }),
+					onSelect: () => U()
+				},
+				{
+					label: "Import",
+					icon: /* @__PURE__ */ x(o, { size: 16 }),
+					onSelect: () => G("import-export?entity=CARGO_ITEM")
+				},
+				{
+					label: O ? "Exporting…" : "Export",
+					icon: /* @__PURE__ */ x(e, { size: 16 }),
+					onSelect: k
+				}
+			]
 		}),
 		children: [
-			/* @__PURE__ */ b(C, {
-				icon: /* @__PURE__ */ b(t, { size: 18 }),
+			/* @__PURE__ */ x(w, {
+				icon: /* @__PURE__ */ x(t, { size: 18 }),
 				children: "The catalog of items you ship. Each product's dimensions, weight, value and handling flags (fragile, hazardous, temperature-controlled) drive how it's packed, priced and routed — keep them accurate so shipments are quoted and handled correctly."
 			}),
-			/* @__PURE__ */ b(v, {
-				state: E,
-				onDismiss: k
+			/* @__PURE__ */ x(y, {
+				state: D,
+				onDismiss: A
 			}),
-			/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+			/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 				className: "mb-3 text-sm font-medium text-text-secondary",
 				children: "Catalog at a glance"
-			}), /* @__PURE__ */ x(p, {
+			}), /* @__PURE__ */ S(m, {
 				columns: 3,
 				children: [
-					/* @__PURE__ */ b(f, {
+					/* @__PURE__ */ x(p, {
 						label: "Total products",
-						value: U.total,
-						icon: /* @__PURE__ */ b(t, { size: 20 }),
+						value: W.total,
+						icon: /* @__PURE__ */ x(t, { size: 20 }),
 						accent: "brand"
 					}),
-					/* @__PURE__ */ b(f, {
+					/* @__PURE__ */ x(p, {
 						label: "Special handling",
-						value: U.specialHandling,
-						icon: /* @__PURE__ */ b(a, { size: 20 }),
+						value: W.specialHandling,
+						icon: /* @__PURE__ */ x(a, { size: 20 }),
 						accent: "warning",
 						subtitle: "Fragile or hazardous"
 					}),
-					/* @__PURE__ */ b(f, {
+					/* @__PURE__ */ x(p, {
 						label: "Temp-controlled",
-						value: U.temperatureControlled,
-						icon: /* @__PURE__ */ b(i, { size: 20 }),
+						value: W.temperatureControlled,
+						icon: /* @__PURE__ */ x(i, { size: 20 }),
 						accent: "blue"
 					})
 				]
 			})] }),
-			/* @__PURE__ */ b(m, {
+			/* @__PURE__ */ x(h, {
 				columns: [
 					{
 						id: "sku",
 						header: "SKU",
 						accessorKey: "sku",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ b("span", {
+						cell: (e) => /* @__PURE__ */ x("span", {
 							className: "font-mono",
 							children: e.sku
 						})
@@ -98,10 +107,10 @@ function w() {
 						header: "Product Name",
 						accessorKey: "name",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+						cell: (e) => /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 							className: "font-medium",
 							children: e.name
-						}), /* @__PURE__ */ b("p", {
+						}), /* @__PURE__ */ x("p", {
 							className: "text-sm text-text-secondary line-clamp-1",
 							children: e.description ?? "Not provided"
 						})] })
@@ -111,7 +120,7 @@ function w() {
 						header: "Category",
 						accessorKey: "category",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ b(u, {
+						cell: (e) => /* @__PURE__ */ x(d, {
 							variant: "outline",
 							children: e.category ?? "Not provided"
 						})
@@ -133,28 +142,28 @@ function w() {
 						header: "Value",
 						accessorKey: "value",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ b("span", {
+						cell: (e) => /* @__PURE__ */ x("span", {
 							className: "font-medium",
-							children: e.value === void 0 ? "Not provided" : h(e.value)
+							children: e.value === void 0 ? "Not provided" : g(e.value)
 						})
 					},
 					{
 						id: "flags",
 						header: "Flags",
-						cell: (e) => /* @__PURE__ */ x("div", {
+						cell: (e) => /* @__PURE__ */ S("div", {
 							className: "flex gap-1",
 							children: [
-								e.fragile && /* @__PURE__ */ b(u, {
+								e.fragile && /* @__PURE__ */ x(d, {
 									variant: "destructive",
 									className: "text-xs",
 									children: "Fragile"
 								}),
-								e.hazardous && /* @__PURE__ */ b(u, {
+								e.hazardous && /* @__PURE__ */ x(d, {
 									variant: "destructive",
 									className: "text-xs",
 									children: "Hazardous"
 								}),
-								e.temperatureControlled && /* @__PURE__ */ b(u, {
+								e.temperatureControlled && /* @__PURE__ */ x(d, {
 									variant: "secondary",
 									className: "text-xs",
 									children: "Temp Control"
@@ -163,10 +172,10 @@ function w() {
 						})
 					}
 				],
-				data: L,
-				isLoading: B,
-				error: V,
-				onRetry: H,
+				data: R,
+				isLoading: V,
+				error: H,
+				onRetry: U,
 				searchable: !0,
 				searchPlaceholder: "Search products...",
 				searchFields: [
@@ -174,20 +183,20 @@ function w() {
 					"sku",
 					"category"
 				],
-				searchQuery: P,
+				searchQuery: F,
 				onSearchQueryChange: (e) => {
-					F(e), j(0);
+					I(e), M(0);
 				},
-				onRowClick: (e) => W(`inventory/products/${e.id}`),
+				onRowClick: (e) => G(`inventory/products/${e.id}`),
 				getRowId: (e) => e.id,
-				pageIndex: A,
-				pageSize: M,
-				onPageChange: j,
+				pageIndex: j,
+				pageSize: N,
+				onPageChange: M,
 				onPageSizeChange: (e) => {
-					N(e), j(0);
+					P(e), M(0);
 				},
-				totalItems: R,
-				hasNextPage: z,
+				totalItems: z,
+				hasNextPage: B,
 				emptyIllustration: "empty-files",
 				emptyTitle: "No products yet",
 				emptyDescription: "Add products to your catalog so they can be added to orders and stocked in warehouses."
@@ -196,4 +205,4 @@ function w() {
 	});
 }
 //#endregion
-export { w as default };
+export { T as default };

package/dist/pages/VehiclesPage.js

@@ -5,148 +5,157 @@ import { Plus as r } from "../node_modules/lucide-react/dist/esm/icons/plus.js";
 import { RefreshCw as i } from "../node_modules/lucide-react/dist/esm/icons/refresh-cw.js";
 import { Route as a } from "../node_modules/lucide-react/dist/esm/icons/route.js";
 import { Truck as o } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
-import { Wrench as s } from "../node_modules/lucide-react/dist/esm/icons/wrench.js";
-import { joinPath as c } from "../utils/navigation.js";
-import { useMoveTheWheels as l } from "../providers/MoveTheWheelsProvider.js";
-import { useFleetStats as u, useVehicles as d } from "../hooks/useFleet.js";
-import { Button as f, Card as ee, CardContent as p, Progress as m, Select as h, SelectContent as g, SelectItem as te, SelectTrigger as ne, SelectValue as re } from "../components/ui.js";
-import { PageLayout as ie } from "../components/PageLayout.js";
-import { MetricCard as _, MetricGrid as v } from "../components/MetricCard.js";
-import { VEHICLE_STATUS_LABELS as y } from "../constants/index.js";
-import { StatusBadge as b, VehicleTypeBadge as x } from "../components/StatusBadge.js";
-import { DataTable as S } from "../components/DataTable.js";
-import { useDebouncedValue as C } from "../hooks/useDebouncedValue.js";
-import { useEntityExport as w } from "../hooks/useEntityExport.js";
-import { ExportStatusBanner as T } from "../components/ExportStatusBanner.js";
-import { useState as E } from "react";
-import { jsx as D, jsxs as O } from "react/jsx-runtime";
-import { CTAOverflowMenu as k, PagePurpose as A } from "@burdenoff/fe-libs/ui";
+import { Upload as s } from "../node_modules/lucide-react/dist/esm/icons/upload.js";
+import { Wrench as c } from "../node_modules/lucide-react/dist/esm/icons/wrench.js";
+import { joinPath as l } from "../utils/navigation.js";
+import { useMoveTheWheels as u } from "../providers/MoveTheWheelsProvider.js";
+import { useFleetStats as d, useVehicles as f } from "../hooks/useFleet.js";
+import { Button as p, Card as m, CardContent as h, Progress as g, Select as ee, SelectContent as te, SelectItem as ne, SelectTrigger as re, SelectValue as _ } from "../components/ui.js";
+import { PageLayout as v } from "../components/PageLayout.js";
+import { MetricCard as y, MetricGrid as b } from "../components/MetricCard.js";
+import { VEHICLE_STATUS_LABELS as x } from "../constants/index.js";
+import { StatusBadge as S, VehicleTypeBadge as C } from "../components/StatusBadge.js";
+import { DataTable as w } from "../components/DataTable.js";
+import { useDebouncedValue as T } from "../hooks/useDebouncedValue.js";
+import { useEntityExport as E } from "../hooks/useEntityExport.js";
+import { ExportStatusBanner as D } from "../components/ExportStatusBanner.js";
+import { useState as O } from "react";
+import { jsx as k, jsxs as A } from "react/jsx-runtime";
+import { CTAOverflowMenu as j, PagePurpose as M } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/VehiclesPage.tsx
-var j = [{
+var N = [{
 	value: "all",
 	label: "All statuses"
-}, ...Object.entries(y).map(([e, t]) => ({
+}, ...Object.entries(x).map(([e, t]) => ({
 	value: e,
 	label: t
 }))];
-function M() {
-	let { basePath: y, navigate: M } = l(), { state: N, isExporting: P, startExport: F, dismiss: ae } = w("vehicles", "vehicle"), [I, L] = E(0), [R, z] = E(25), [B, V] = E(""), [H, U] = E("all"), W = C(B), { vehicles: G, totalVehicles: K, hasMore: q, isLoading: J, error: Y, refetch: X } = d({
-		limit: R,
-		offset: I * R,
-		search: W || void 0,
-		status: H === "all" ? void 0 : H
-	}), oe = H !== "all" || B.length > 0, { stats: Z } = u(), Q = Z.totalVehicles, $ = (e) => {
-		M && M(c(y, e));
+function P() {
+	let { basePath: x, navigate: P } = u(), { state: F, isExporting: I, startExport: ie, dismiss: L } = E("vehicles", "vehicle"), [R, z] = O(0), [B, V] = O(25), [H, U] = O(""), [W, G] = O("all"), K = T(H), { vehicles: q, totalVehicles: J, hasMore: Y, isLoading: ae, error: oe, refetch: X } = f({
+		limit: B,
+		offset: R * B,
+		search: K || void 0,
+		status: W === "all" ? void 0 : W
+	}), se = W !== "all" || H.length > 0, { stats: Z } = d(), Q = Z.totalVehicles, $ = (e) => {
+		P && P(l(x, e));
 	};
-	return /* @__PURE__ */ O(ie, {
+	return /* @__PURE__ */ A(v, {
 		title: "Vehicles",
 		subtitle: `${Q} vehicles in fleet`,
-		icon: /* @__PURE__ */ D(o, { size: 24 }),
-		headerActions: /* @__PURE__ */ D(k, {
+		icon: /* @__PURE__ */ k(o, { size: 24 }),
+		headerActions: /* @__PURE__ */ k(j, {
 			primary: {
 				label: "Add Vehicle",
-				icon: /* @__PURE__ */ D(r, { size: 16 }),
+				icon: /* @__PURE__ */ k(r, { size: 16 }),
 				onSelect: () => $("fleet/vehicles/new")
 			},
-			actions: [{
-				label: "Refresh",
-				icon: /* @__PURE__ */ D(i, { size: 16 }),
-				onSelect: () => X()
-			}, {
-				label: P ? "Exporting…" : "Export",
-				icon: /* @__PURE__ */ D(t, { size: 16 }),
-				onSelect: F
-			}]
+			actions: [
+				{
+					label: "Refresh",
+					icon: /* @__PURE__ */ k(i, { size: 16 }),
+					onSelect: () => X()
+				},
+				{
+					label: "Import",
+					icon: /* @__PURE__ */ k(s, { size: 16 }),
+					onSelect: () => $("import-export?entity=VEHICLE")
+				},
+				{
+					label: I ? "Exporting…" : "Export",
+					icon: /* @__PURE__ */ k(t, { size: 16 }),
+					onSelect: ie
+				}
+			]
 		}),
 		children: [
-			/* @__PURE__ */ D(A, {
-				icon: /* @__PURE__ */ D(o, { size: 18 }),
+			/* @__PURE__ */ k(M, {
+				icon: /* @__PURE__ */ k(o, { 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__ */ D(T, {
-				state: N,
-				onDismiss: ae
+			/* @__PURE__ */ k(D, {
+				state: F,
+				onDismiss: L
 			}),
-			/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+			/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("p", {
 				className: "mb-3 text-sm font-medium text-text-secondary",
 				children: "Fleet at a glance"
-			}), /* @__PURE__ */ O(v, {
+			}), /* @__PURE__ */ A(b, {
 				columns: 4,
 				children: [
-					/* @__PURE__ */ D(_, {
+					/* @__PURE__ */ k(y, {
 						label: "Total vehicles",
 						value: Q,
-						icon: /* @__PURE__ */ D(o, { size: 20 }),
+						icon: /* @__PURE__ */ k(o, { size: 20 }),
 						accent: "brand"
 					}),
-					/* @__PURE__ */ D(_, {
+					/* @__PURE__ */ k(y, {
 						label: "Available now",
 						value: Z.vehiclesByStatus.available,
-						icon: /* @__PURE__ */ D(e, { size: 20 }),
+						icon: /* @__PURE__ */ k(e, { size: 20 }),
 						accent: "success",
 						subtitle: "Ready to dispatch"
 					}),
-					/* @__PURE__ */ D(_, {
+					/* @__PURE__ */ k(y, {
 						label: "On assignment",
 						value: Z.vehiclesByStatus.assigned,
-						icon: /* @__PURE__ */ D(a, { size: 20 }),
+						icon: /* @__PURE__ */ k(a, { size: 20 }),
 						accent: "blue"
 					}),
-					/* @__PURE__ */ D(_, {
+					/* @__PURE__ */ k(y, {
 						label: "In maintenance",
 						value: Z.vehiclesByStatus.maintenance,
-						icon: /* @__PURE__ */ D(s, { size: 20 }),
+						icon: /* @__PURE__ */ k(c, { size: 20 }),
 						accent: "warning"
 					})
 				]
 			})] }),
-			/* @__PURE__ */ D(ee, { children: /* @__PURE__ */ D(p, {
+			/* @__PURE__ */ k(m, { children: /* @__PURE__ */ k(h, {
 				className: "p-4",
-				children: /* @__PURE__ */ O("div", {
+				children: /* @__PURE__ */ A("div", {
 					className: "flex flex-wrap items-center gap-4",
 					children: [
-						/* @__PURE__ */ O("div", {
+						/* @__PURE__ */ A("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ D(n, {
+							children: [/* @__PURE__ */ k(n, {
 								size: 16,
 								className: "text-text-secondary"
-							}), /* @__PURE__ */ D("span", {
+							}), /* @__PURE__ */ k("span", {
 								className: "text-sm font-medium",
 								children: "Filters:"
 							})]
 						}),
-						/* @__PURE__ */ O(h, {
-							value: H,
+						/* @__PURE__ */ A(ee, {
+							value: W,
 							onValueChange: (e) => {
-								U(e), L(0);
+								G(e), z(0);
 							},
-							children: [/* @__PURE__ */ D(ne, {
+							children: [/* @__PURE__ */ k(re, {
 								className: "w-[180px]",
-								children: /* @__PURE__ */ D(re, { placeholder: "Status" })
-							}), /* @__PURE__ */ D(g, { children: j.map((e) => /* @__PURE__ */ D(te, {
+								children: /* @__PURE__ */ k(_, { placeholder: "Status" })
+							}), /* @__PURE__ */ k(te, { children: N.map((e) => /* @__PURE__ */ k(ne, {
 								value: e.value,
 								children: e.label
 							}, e.value)) })]
 						}),
-						oe && /* @__PURE__ */ D(f, {
+						se && /* @__PURE__ */ k(p, {
 							variant: "ghost",
 							size: "sm",
 							onClick: () => {
-								U("all"), V(""), L(0);
+								G("all"), U(""), z(0);
 							},
 							children: "Clear filters"
 						})
 					]
 				})
 			}) }),
-			/* @__PURE__ */ D(S, {
+			/* @__PURE__ */ k(w, {
 				columns: [
 					{
 						id: "vehicleNumber",
 						header: "Vehicle #",
 						accessorKey: "vehicleNumber",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ D("span", {
+						cell: (e) => /* @__PURE__ */ k("span", {
 							className: "font-medium",
 							children: e.vehicleNumber
 						})
@@ -155,19 +164,19 @@ function M() {
 						id: "type",
 						header: "Type",
 						accessorKey: "type",
-						cell: (e) => /* @__PURE__ */ D(x, { type: e.type })
+						cell: (e) => /* @__PURE__ */ k(C, { type: e.type })
 					},
 					{
 						id: "details",
 						header: "Vehicle",
-						cell: (e) => /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ O("p", {
+						cell: (e) => /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ A("p", {
 							className: "font-medium",
 							children: [
 								e.make,
 								" ",
 								e.model
 							]
-						}), /* @__PURE__ */ D("p", {
+						}), /* @__PURE__ */ k("p", {
 							className: "text-sm text-text-secondary",
 							children: e.year ?? "—"
 						})] })
@@ -177,7 +186,7 @@ function M() {
 						header: "Status",
 						accessorKey: "status",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ D(b, {
+						cell: (e) => /* @__PURE__ */ k(S, {
 							status: e.status,
 							type: "vehicle"
 						})
@@ -185,9 +194,9 @@ function M() {
 					{
 						id: "capacity",
 						header: "Capacity",
-						cell: (e) => /* @__PURE__ */ O("div", {
+						cell: (e) => /* @__PURE__ */ A("div", {
 							className: "text-sm",
-							children: [/* @__PURE__ */ D("p", { children: e.capacity.weight === void 0 ? "—" : `${e.capacity.weight} kg` }), /* @__PURE__ */ D("p", {
+							children: [/* @__PURE__ */ k("p", { children: e.capacity.weight === void 0 ? "—" : `${e.capacity.weight} kg` }), /* @__PURE__ */ k("p", {
 								className: "text-text-secondary",
 								children: e.capacity.volume === void 0 ? "—" : `${e.capacity.volume} m³`
 							})]
@@ -196,12 +205,12 @@ function M() {
 					{
 						id: "fuel",
 						header: "Fuel Level",
-						cell: (e) => e.fuelLevel === void 0 ? "-" : /* @__PURE__ */ O("div", {
+						cell: (e) => e.fuelLevel === void 0 ? "-" : /* @__PURE__ */ A("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ D(m, {
+							children: [/* @__PURE__ */ k(g, {
 								value: e.fuelLevel,
 								className: "w-16 h-2"
-							}), /* @__PURE__ */ O("span", {
+							}), /* @__PURE__ */ A("span", {
 								className: "text-sm",
 								children: [e.fuelLevel, "%"]
 							})]
@@ -215,9 +224,9 @@ function M() {
 						cell: (e) => e.mileage ? `${e.mileage.toLocaleString()} mi` : "-"
 					}
 				],
-				data: G,
-				isLoading: J,
-				error: Y,
+				data: q,
+				isLoading: ae,
+				error: oe,
 				onRetry: X,
 				searchable: !0,
 				searchPlaceholder: "Search vehicles...",
@@ -226,20 +235,20 @@ function M() {
 					"make",
 					"model"
 				],
-				searchQuery: B,
+				searchQuery: H,
 				onSearchQueryChange: (e) => {
-					V(e), L(0);
+					U(e), z(0);
 				},
 				onRowClick: (e) => $(`fleet/vehicles/${e.id}`),
 				getRowId: (e) => e.id,
-				pageIndex: I,
-				pageSize: R,
-				onPageChange: L,
+				pageIndex: R,
+				pageSize: B,
+				onPageChange: z,
 				onPageSizeChange: (e) => {
-					z(e), L(0);
+					V(e), z(0);
 				},
-				totalItems: K,
-				hasNextPage: q,
+				totalItems: J,
+				hasNextPage: Y,
 				emptyIllustration: "empty-data",
 				emptyTitle: "No vehicles yet",
 				emptyDescription: "Add vehicles to your fleet to start assigning them to deliveries."
@@ -248,4 +257,4 @@ function M() {
 	});
 }
 //#endregion
-export { M as default };
+export { P as default };