@burdenoff/microfe-movethewheels 2026.1030.1 → 2026.1031.2

package/dist/pages/OrdersListPage.js

@@ -1,23 +1,25 @@
 import { CircleCheck as e } from "../node_modules/lucide-react/dist/esm/icons/circle-check.js";
 import { Clock as t } from "../node_modules/lucide-react/dist/esm/icons/clock.js";
 import { Download as n } from "../node_modules/lucide-react/dist/esm/icons/download.js";
-import { Filter as r } from "../node_modules/lucide-react/dist/esm/icons/filter.js";
-import { Package as i } from "../node_modules/lucide-react/dist/esm/icons/package.js";
-import { Plus as a } from "../node_modules/lucide-react/dist/esm/icons/plus.js";
-import { RefreshCw as o } from "../node_modules/lucide-react/dist/esm/icons/refresh-cw.js";
-import { Truck as s } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
-import { UserCheck as c } from "../node_modules/lucide-react/dist/esm/icons/user-check.js";
-import { UserPlus as l } from "../node_modules/lucide-react/dist/esm/icons/user-plus.js";
-import { joinPath as ee } from "../utils/navigation.js";
-import { useMoveTheWheels as te } from "../providers/MoveTheWheelsProvider.js";
-import { useOrderStats as ne, useOrders as u } from "../hooks/useOrders.js";
-import { Badge as re, Button as d, Card as f, CardContent as p, Select as m, SelectContent as h, SelectItem as g, SelectTrigger as _, SelectValue as v } from "../components/ui.js";
-import { PageLayout as ie } from "../components/PageLayout.js";
-import { MetricCard as y, MetricGrid as b } from "../components/MetricCard.js";
-import { PriorityBadge as x, StatusBadge as S } from "../components/StatusBadge.js";
-import { DataTable as C } from "../components/DataTable.js";
-import { formatCurrency as ae, formatDate as w } from "../utils/formatters.js";
-import { useDebouncedValue as T } from "../hooks/useDebouncedValue.js";
+import { Filter as ee } from "../node_modules/lucide-react/dist/esm/icons/filter.js";
+import { Package as r } from "../node_modules/lucide-react/dist/esm/icons/package.js";
+import { Plus as i } from "../node_modules/lucide-react/dist/esm/icons/plus.js";
+import { RefreshCw as a } from "../node_modules/lucide-react/dist/esm/icons/refresh-cw.js";
+import { Truck as o } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
+import { UserCheck as s } from "../node_modules/lucide-react/dist/esm/icons/user-check.js";
+import { UserPlus as c } from "../node_modules/lucide-react/dist/esm/icons/user-plus.js";
+import { joinPath as l } from "../utils/navigation.js";
+import { useMoveTheWheels as u } from "../providers/MoveTheWheelsProvider.js";
+import { useOrderStats as te, useOrders as d } from "../hooks/useOrders.js";
+import { Badge as f, Button as p, Card as ne, CardContent as re, Select as ie, SelectContent as m, SelectItem as h, SelectTrigger as g, SelectValue as ae } from "../components/ui.js";
+import { PageLayout as _ } from "../components/PageLayout.js";
+import { MetricCard as v, MetricGrid as y } from "../components/MetricCard.js";
+import { PriorityBadge as b, StatusBadge as x } from "../components/StatusBadge.js";
+import { DataTable as oe } from "../components/DataTable.js";
+import { formatCurrency as se, formatDate as S } from "../utils/formatters.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 { useI18n as k } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
@@ -27,17 +29,17 @@ function M() {
 	let { t: M } = k(), N = (e, t) => {
 		let n = M(e);
 		return n === e ? t : n;
-	}, { basePath: P, navigate: F } = te(), [I, L] = E("all"), [R, z] = E(!1), [B, V] = E(0), [H, U] = E(25), [W, G] = E(""), K = T(W), q = I !== "all" || R || W.length > 0, { orders: J, totalOrders: oe, hasMore: se, isLoading: ce, error: le, refetch: Y } = u({
+	}, { basePath: P, navigate: F } = u(), { state: I, isExporting: L, startExport: R, dismiss: z } = w("orders", "order"), [B, V] = E("all"), [H, U] = E(!1), [W, G] = E(0), [K, ce] = E(25), [q, J] = E(""), le = C(q), ue = B !== "all" || H || q.length > 0, { orders: de, totalOrders: fe, hasMore: pe, isLoading: me, error: he, refetch: Y } = d({
 		filters: {
-			status: I === "all" ? void 0 : I,
-			unassigned: R || void 0,
-			search: K || void 0
+			status: B === "all" ? void 0 : B,
+			unassigned: H || void 0,
+			search: le || void 0
 		},
-		limit: H,
-		offset: B * H
-	}), { stats: X } = ne(), Z = X.total, Q = (e) => {
-		F && F(ee(P, e));
-	}, $ = () => V(0), ue = [
+		limit: K,
+		offset: W * K
+	}), { stats: X } = te(), Z = X.total, Q = (e) => {
+		F && F(l(P, e));
+	}, $ = () => G(0), ge = [
 		{
 			id: "orderNumber",
 			header: N("movethewheels.orders.table.orderNumber", "Order #"),
@@ -70,7 +72,7 @@ function M() {
 			accessorKey: "status",
 			sortable: !0,
 			className: "min-w-[130px] whitespace-nowrap",
-			cell: (e) => /* @__PURE__ */ D(S, {
+			cell: (e) => /* @__PURE__ */ D(x, {
 				status: e.status,
 				type: "order"
 			})
@@ -81,13 +83,13 @@ function M() {
 			accessorKey: "priority",
 			sortable: !0,
 			className: "min-w-[90px] whitespace-nowrap",
-			cell: (e) => /* @__PURE__ */ D(x, { priority: e.priority })
+			cell: (e) => /* @__PURE__ */ D(b, { priority: e.priority })
 		},
 		{
 			id: "items",
 			header: N("movethewheels.orders.table.items", "Items"),
 			className: "min-w-[80px] whitespace-nowrap",
-			cell: (e) => /* @__PURE__ */ O(re, {
+			cell: (e) => /* @__PURE__ */ O(f, {
 				variant: "secondary",
 				children: [
 					e.items.length,
@@ -104,7 +106,7 @@ function M() {
 			className: "min-w-[100px] whitespace-nowrap text-right",
 			cell: (e) => /* @__PURE__ */ D("span", {
 				className: "font-medium",
-				children: ae(e.pricing.total)
+				children: se(e.pricing.total)
 			})
 		},
 		{
@@ -113,7 +115,7 @@ function M() {
 			accessorKey: "scheduledDelivery",
 			sortable: !0,
 			className: "min-w-[110px] whitespace-nowrap",
-			cell: (e) => e.scheduledDelivery ? w(e.scheduledDelivery) : "-"
+			cell: (e) => e.scheduledDelivery ? S(e.scheduledDelivery) : "-"
 		},
 		{
 			id: "createdAt",
@@ -121,7 +123,7 @@ function M() {
 			accessorKey: "createdAt",
 			sortable: !0,
 			className: "min-w-[100px] whitespace-nowrap",
-			cell: (e) => w(e.createdAt, "relative")
+			cell: (e) => S(e.createdAt, "relative")
 		},
 		{
 			id: "driver",
@@ -130,23 +132,23 @@ function M() {
 			cell: (e) => e.driverId ? /* @__PURE__ */ O("span", {
 				className: "inline-flex items-center gap-1 text-sm text-status-success-text",
 				children: [
-					/* @__PURE__ */ D(c, { size: 14 }),
+					/* @__PURE__ */ D(s, { size: 14 }),
 					" ",
 					N("movethewheels.orders.table.assigned", "Assigned")
 				]
-			}) : /* @__PURE__ */ O(d, {
+			}) : /* @__PURE__ */ O(p, {
 				variant: "outline",
 				size: "sm",
 				onClick: (t) => {
 					t.stopPropagation(), Q(`orders/${e.id}`);
 				},
-				children: [/* @__PURE__ */ D(l, {
+				children: [/* @__PURE__ */ D(c, {
 					size: 14,
 					className: "mr-1"
 				}), N("movethewheels.orders.table.assign", "Assign")]
 			})
 		}
-	], de = [
+	], _e = [
 		{
 			value: "all",
 			label: N("movethewheels.orders.filters.allStatuses", "All Statuses")
@@ -192,58 +194,62 @@ function M() {
 			label: N("movethewheels.orders.status.failed", "Failed")
 		}
 	];
-	return /* @__PURE__ */ O(ie, {
+	return /* @__PURE__ */ O(_, {
 		title: N("movethewheels.orders.title", "Orders"),
 		subtitle: `${Z} ${N("movethewheels.orders.subtitle", "total orders")}`,
-		icon: /* @__PURE__ */ D(i, { size: 24 }),
+		icon: /* @__PURE__ */ D(r, { size: 24 }),
 		headerActions: /* @__PURE__ */ D(A, {
 			primary: {
 				label: N("movethewheels.orders.actions.newOrder", "New Order"),
-				icon: /* @__PURE__ */ D(a, { size: 16 }),
+				icon: /* @__PURE__ */ D(i, { size: 16 }),
 				onSelect: () => Q("orders/new")
 			},
 			actions: [{
 				label: N("movethewheels.orders.actions.refresh", "Refresh"),
-				icon: /* @__PURE__ */ D(o, { size: 16 }),
+				icon: /* @__PURE__ */ D(a, { size: 16 }),
 				onSelect: () => Y()
 			}, {
-				label: N("movethewheels.orders.actions.export", "Export"),
+				label: L ? N("movethewheels.orders.actions.exporting", "Exporting…") : N("movethewheels.orders.actions.export", "Export"),
 				icon: /* @__PURE__ */ D(n, { size: 16 }),
-				onSelect: () => Q("import-export")
+				onSelect: R
 			}]
 		}),
 		children: [
 			/* @__PURE__ */ D(j, {
-				icon: /* @__PURE__ */ D(i, { size: 18 }),
+				icon: /* @__PURE__ */ D(r, { size: 18 }),
 				children: N("movethewheels.orders.purpose", "Every delivery job lives here — their status, priority and value. Use this list to find an order, filter by status, and open one to assign a driver, track it, or update fulfilment.")
 			}),
+			/* @__PURE__ */ D(T, {
+				state: I,
+				onDismiss: z
+			}),
 			/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 				className: "mb-3 text-sm font-medium text-text-secondary",
 				children: N("movethewheels.orders.glance.title", "Pipeline at a glance")
-			}), /* @__PURE__ */ O(b, {
+			}), /* @__PURE__ */ O(y, {
 				columns: 4,
 				children: [
-					/* @__PURE__ */ D(y, {
+					/* @__PURE__ */ D(v, {
 						label: N("movethewheels.orders.glance.total", "Total orders"),
 						value: Z,
-						icon: /* @__PURE__ */ D(i, { size: 20 }),
+						icon: /* @__PURE__ */ D(r, { size: 20 }),
 						accent: "brand"
 					}),
-					/* @__PURE__ */ D(y, {
+					/* @__PURE__ */ D(v, {
 						label: N("movethewheels.orders.glance.pending", "Pending"),
 						value: X.byStatus.pending,
 						icon: /* @__PURE__ */ D(t, { size: 20 }),
 						accent: "warning",
 						subtitle: N("movethewheels.orders.glance.pendingSub", "Awaiting fulfilment")
 					}),
-					/* @__PURE__ */ D(y, {
+					/* @__PURE__ */ D(v, {
 						label: N("movethewheels.orders.glance.inTransit", "In transit"),
 						value: X.byStatus.in_transit + X.byStatus.out_for_delivery,
-						icon: /* @__PURE__ */ D(s, { size: 20 }),
+						icon: /* @__PURE__ */ D(o, { size: 20 }),
 						accent: "blue",
 						subtitle: N("movethewheels.orders.glance.inTransitSub", "On the road now")
 					}),
-					/* @__PURE__ */ D(y, {
+					/* @__PURE__ */ D(v, {
 						label: N("movethewheels.orders.glance.delivered", "Delivered"),
 						value: X.byStatus.delivered,
 						icon: /* @__PURE__ */ D(e, { size: 20 }),
@@ -251,14 +257,14 @@ function M() {
 					})
 				]
 			})] }),
-			/* @__PURE__ */ D(f, { children: /* @__PURE__ */ D(p, {
+			/* @__PURE__ */ D(ne, { children: /* @__PURE__ */ D(re, {
 				className: "p-4",
 				children: /* @__PURE__ */ O("div", {
 					className: "flex flex-wrap items-center gap-4",
 					children: [
 						/* @__PURE__ */ O("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ D(r, {
+							children: [/* @__PURE__ */ D(ee, {
 								size: 16,
 								className: "text-text-secondary"
 							}), /* @__PURE__ */ D("span", {
@@ -266,71 +272,71 @@ function M() {
 								children: N("movethewheels.orders.filters.label", "Filters:")
 							})]
 						}),
-						/* @__PURE__ */ O(m, {
-							value: I,
+						/* @__PURE__ */ O(ie, {
+							value: B,
 							onValueChange: (e) => {
-								L(e), $();
+								V(e), $();
 							},
-							children: [/* @__PURE__ */ D(_, {
+							children: [/* @__PURE__ */ D(g, {
 								className: "w-[180px]",
-								children: /* @__PURE__ */ D(v, { placeholder: N("movethewheels.orders.filters.status", "Status") })
-							}), /* @__PURE__ */ D(h, { children: de.map((e) => /* @__PURE__ */ D(g, {
+								children: /* @__PURE__ */ D(ae, { placeholder: N("movethewheels.orders.filters.status", "Status") })
+							}), /* @__PURE__ */ D(m, { children: _e.map((e) => /* @__PURE__ */ D(h, {
 								value: e.value,
 								children: e.label
 							}, e.value)) })]
 						}),
-						/* @__PURE__ */ O(d, {
-							variant: R ? "default" : "outline",
+						/* @__PURE__ */ O(p, {
+							variant: H ? "default" : "outline",
 							size: "sm",
 							onClick: () => {
-								z((e) => !e), $();
+								U((e) => !e), $();
 							},
-							children: [/* @__PURE__ */ D(l, {
+							children: [/* @__PURE__ */ D(c, {
 								size: 14,
 								className: "mr-1"
 							}), N("movethewheels.orders.filters.unassigned", "Needs driver")]
 						}),
-						q && /* @__PURE__ */ D(d, {
+						ue && /* @__PURE__ */ D(p, {
 							variant: "ghost",
 							size: "sm",
 							onClick: () => {
-								L("all"), z(!1), G(""), $();
+								V("all"), U(!1), J(""), $();
 							},
 							children: N("movethewheels.orders.filters.clear", "Clear filters")
 						})
 					]
 				})
 			}) }),
-			/* @__PURE__ */ D(C, {
-				columns: ue,
-				data: J,
-				isLoading: ce,
-				error: le,
+			/* @__PURE__ */ D(oe, {
+				columns: ge,
+				data: de,
+				isLoading: me,
+				error: he,
 				onRetry: Y,
 				searchable: !0,
 				searchPlaceholder: N("movethewheels.orders.searchPlaceholder", "Search orders..."),
 				searchFields: ["orderNumber", "customerInfo"],
-				searchQuery: W,
+				searchQuery: q,
 				onSearchQueryChange: (e) => {
-					G(e), V(0);
+					J(e), G(0);
 				},
 				onRowClick: (e) => Q(`orders/${e.id}`),
 				getRowId: (e) => e.id,
-				pageIndex: B,
-				pageSize: H,
-				onPageChange: V,
+				pageIndex: W,
+				pageSize: K,
+				onPageChange: G,
 				onPageSizeChange: (e) => {
-					U(e), V(0);
+					ce(e), G(0);
 				},
-				totalItems: oe,
-				hasNextPage: se,
+				totalItems: fe,
+				hasNextPage: pe,
 				emptyMessage: N("movethewheels.orders.empty", "No orders found"),
 				emptyIllustration: "empty-data",
 				emptyTitle: N("movethewheels.orders.emptyTitle", "No orders yet"),
 				emptyDescription: N("movethewheels.orders.emptyDescription", "Create your first order to start moving shipments through the pipeline."),
-				emptyAction: /* @__PURE__ */ O(d, {
+				emptyAction: /* @__PURE__ */ O(p, {
 					onClick: () => Q("orders/new"),
-					children: [/* @__PURE__ */ D(a, {
+					children: [/* @__PURE__ */ D(i, {
 						size: 16,
 						className: "mr-1.5"
 					}), N("movethewheels.orders.actions.newOrder", "New Order")]

package/dist/pages/ProductsPage.js

@@ -13,76 +13,82 @@ 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 { useState as _ } from "react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { CTAOverflowMenu as b, PagePurpose as x } from "@burdenoff/fe-libs/ui";
+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";
 //#region src/movethewheels/pages/ProductsPage.tsx
-function S() {
-	let { basePath: S, navigate: C } = s(), [w, T] = _(0), [E, D] = _(25), [O, k] = _(""), A = g(O), { products: j, totalProducts: M, hasMore: N, isLoading: P, error: F, refetch: I } = l({
-		limit: E,
-		offset: w * E,
-		search: A
-	}), { stats: L } = c(), R = (e) => C?.(o(S, e));
-	return /* @__PURE__ */ y(d, {
+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, {
 		title: "Products",
-		subtitle: `${L.total} products`,
-		icon: /* @__PURE__ */ v(t, { size: 24 }),
-		headerActions: /* @__PURE__ */ v(b, {
+		subtitle: `${U.total} products`,
+		icon: /* @__PURE__ */ b(t, { size: 24 }),
+		headerActions: /* @__PURE__ */ b(S, {
 			primary: {
 				label: "Add Product",
-				icon: /* @__PURE__ */ v(n, { size: 16 }),
-				onSelect: () => R("inventory/products/new")
+				icon: /* @__PURE__ */ b(n, { size: 16 }),
+				onSelect: () => W("inventory/products/new")
 			},
 			actions: [{
 				label: "Refresh",
-				icon: /* @__PURE__ */ v(r, { size: 16 }),
-				onSelect: () => I()
+				icon: /* @__PURE__ */ b(r, { size: 16 }),
+				onSelect: () => H()
 			}, {
-				label: "Export",
-				icon: /* @__PURE__ */ v(e, { size: 16 }),
-				onSelect: () => R("import-export")
+				label: D ? "Exporting…" : "Export",
+				icon: /* @__PURE__ */ b(e, { size: 16 }),
+				onSelect: O
 			}]
 		}),
 		children: [
-			/* @__PURE__ */ v(x, {
-				icon: /* @__PURE__ */ v(t, { size: 18 }),
+			/* @__PURE__ */ b(C, {
+				icon: /* @__PURE__ */ b(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__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+			/* @__PURE__ */ b(v, {
+				state: E,
+				onDismiss: k
+			}),
+			/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 				className: "mb-3 text-sm font-medium text-text-secondary",
 				children: "Catalog at a glance"
-			}), /* @__PURE__ */ y(p, {
+			}), /* @__PURE__ */ x(p, {
 				columns: 3,
 				children: [
-					/* @__PURE__ */ v(f, {
+					/* @__PURE__ */ b(f, {
 						label: "Total products",
-						value: L.total,
-						icon: /* @__PURE__ */ v(t, { size: 20 }),
+						value: U.total,
+						icon: /* @__PURE__ */ b(t, { size: 20 }),
 						accent: "brand"
 					}),
-					/* @__PURE__ */ v(f, {
+					/* @__PURE__ */ b(f, {
 						label: "Special handling",
-						value: L.specialHandling,
-						icon: /* @__PURE__ */ v(a, { size: 20 }),
+						value: U.specialHandling,
+						icon: /* @__PURE__ */ b(a, { size: 20 }),
 						accent: "warning",
 						subtitle: "Fragile or hazardous"
 					}),
-					/* @__PURE__ */ v(f, {
+					/* @__PURE__ */ b(f, {
 						label: "Temp-controlled",
-						value: L.temperatureControlled,
-						icon: /* @__PURE__ */ v(i, { size: 20 }),
+						value: U.temperatureControlled,
+						icon: /* @__PURE__ */ b(i, { size: 20 }),
 						accent: "blue"
 					})
 				]
 			})] }),
-			/* @__PURE__ */ v(m, {
+			/* @__PURE__ */ b(m, {
 				columns: [
 					{
 						id: "sku",
 						header: "SKU",
 						accessorKey: "sku",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ v("span", {
+						cell: (e) => /* @__PURE__ */ b("span", {
 							className: "font-mono",
 							children: e.sku
 						})
@@ -92,10 +98,10 @@ function S() {
 						header: "Product Name",
 						accessorKey: "name",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+						cell: (e) => /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 							className: "font-medium",
 							children: e.name
-						}), /* @__PURE__ */ v("p", {
+						}), /* @__PURE__ */ b("p", {
 							className: "text-sm text-text-secondary line-clamp-1",
 							children: e.description ?? "Not provided"
 						})] })
@@ -105,7 +111,7 @@ function S() {
 						header: "Category",
 						accessorKey: "category",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ v(u, {
+						cell: (e) => /* @__PURE__ */ b(u, {
 							variant: "outline",
 							children: e.category ?? "Not provided"
 						})
@@ -127,7 +133,7 @@ function S() {
 						header: "Value",
 						accessorKey: "value",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ v("span", {
+						cell: (e) => /* @__PURE__ */ b("span", {
 							className: "font-medium",
 							children: e.value === void 0 ? "Not provided" : h(e.value)
 						})
@@ -135,20 +141,20 @@ function S() {
 					{
 						id: "flags",
 						header: "Flags",
-						cell: (e) => /* @__PURE__ */ y("div", {
+						cell: (e) => /* @__PURE__ */ x("div", {
 							className: "flex gap-1",
 							children: [
-								e.fragile && /* @__PURE__ */ v(u, {
+								e.fragile && /* @__PURE__ */ b(u, {
 									variant: "destructive",
 									className: "text-xs",
 									children: "Fragile"
 								}),
-								e.hazardous && /* @__PURE__ */ v(u, {
+								e.hazardous && /* @__PURE__ */ b(u, {
 									variant: "destructive",
 									className: "text-xs",
 									children: "Hazardous"
 								}),
-								e.temperatureControlled && /* @__PURE__ */ v(u, {
+								e.temperatureControlled && /* @__PURE__ */ b(u, {
 									variant: "secondary",
 									className: "text-xs",
 									children: "Temp Control"
@@ -157,10 +163,10 @@ function S() {
 						})
 					}
 				],
-				data: j,
-				isLoading: P,
-				error: F,
-				onRetry: I,
+				data: L,
+				isLoading: B,
+				error: V,
+				onRetry: H,
 				searchable: !0,
 				searchPlaceholder: "Search products...",
 				searchFields: [
@@ -168,20 +174,20 @@ function S() {
 					"sku",
 					"category"
 				],
-				searchQuery: O,
+				searchQuery: P,
 				onSearchQueryChange: (e) => {
-					k(e), T(0);
+					F(e), j(0);
 				},
-				onRowClick: (e) => R(`inventory/products/${e.id}`),
+				onRowClick: (e) => W(`inventory/products/${e.id}`),
 				getRowId: (e) => e.id,
-				pageIndex: w,
-				pageSize: E,
-				onPageChange: T,
+				pageIndex: A,
+				pageSize: M,
+				onPageChange: j,
 				onPageSizeChange: (e) => {
-					D(e), T(0);
+					N(e), j(0);
 				},
-				totalItems: M,
-				hasNextPage: N,
+				totalItems: R,
+				hasNextPage: z,
 				emptyIllustration: "empty-files",
 				emptyTitle: "No products yet",
 				emptyDescription: "Add products to your catalog so they can be added to orders and stocked in warehouses."
@@ -190,4 +196,4 @@ function S() {
 	});
 }
 //#endregion
-export { S as default };
+export { w as default };