@burdenoff/microfe-movethewheels 2026.624.1 → 2026.625.1

package/dist/{InventoryPage-C9g5d3SW.js → InventoryPage-BW0QXWuf.js}

@@ -1,100 +1,95 @@
-import { M as e, a as t, d as n, f as r, g as i, h as a, i as o, l as s, u as c } from "./PageLayout-xDTiBTDS.js";
-import { t as l } from "./chevron-right-Czrt_Qew.js";
-import { t as u } from "./package-KhSi3xaT.js";
-import { t as d } from "./plus-D2BYAzMn.js";
-import { t as f } from "./triangle-alert-BI45s6bH.js";
-import { t as p } from "./warehouse-Dt_bAr82.js";
+import { M as e, a as t, d as n, f as r, g as i, h as a, i as o, l as s, u as c } from "./PageLayout-D3N8MCTm.js";
+import { t as l } from "./chevron-right-BIFGi0UA.js";
+import { t as u } from "./package-BE7U0wQE.js";
+import { t as d } from "./plus-Dl1rLeJR.js";
+import { t as f } from "./triangle-alert-BOhfGgmh.js";
+import { t as p } from "./warehouse-D3WWDeTX.js";
 import { r as m } from "./graphqlClient-CdJyR_ed.js";
 import { n as h, t as g } from "./useInventory-Dwn18FPz.js";
-import { r as _, t as v } from "./MetricCard-DeHVeVwl.js";
+import { r as _, t as v } from "./MetricCard-B7yMyvMX.js";
 import { n as y } from "./formatters-_vJlC-47.js";
 import { t as b } from "./navigation-BgnOfsVd.js";
 import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { useI18n as C } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { CTAOverflowMenu as C } from "@burdenoff/fe-libs/ui";
+import { useI18n as w } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/movethewheels/pages/InventoryPage.tsx
-function w() {
-	let { t: w } = C(), T = (e, t) => {
-		let n = w(e);
+function T() {
+	let { t: T } = w(), E = (e, t) => {
+		let n = T(e);
 		return n === e ? t : n;
-	}, { basePath: E, navigate: D } = m(), { inventory: O, products: k, warehouses: A } = g(), { stats: j } = h(), M = (e) => D?.(b(E, e)), N = O.filter((e) => e.availableQuantity <= e.reorderLevel);
+	}, { basePath: D, navigate: O } = m(), { inventory: k, products: A, warehouses: j } = g(), { stats: M } = h(), N = (e) => O?.(b(D, e)), P = k.filter((e) => e.availableQuantity <= e.reorderLevel);
 	return /* @__PURE__ */ S(o, {
-		title: T("movethewheels.inventory.title", "Inventory"),
-		subtitle: T("movethewheels.inventory.subtitle", "Manage your products and warehouses"),
+		title: E("movethewheels.inventory.title", "Inventory"),
+		subtitle: E("movethewheels.inventory.subtitle", "Manage your products and warehouses"),
 		icon: /* @__PURE__ */ x(u, { size: 24 }),
-		headerActions: /* @__PURE__ */ S("div", {
-			className: "flex gap-2",
-			children: [
-				/* @__PURE__ */ x(c, {
-					variant: "outline",
-					onClick: () => M("inventory/products"),
-					children: T("movethewheels.inventory.actions.products", "Products")
-				}),
-				/* @__PURE__ */ x(c, {
-					variant: "outline",
-					onClick: () => M("inventory/warehouses"),
-					children: T("movethewheels.inventory.actions.warehouses", "Warehouses")
-				}),
-				/* @__PURE__ */ S(c, { children: [
-					/* @__PURE__ */ x(d, { size: 16 }),
-					" ",
-					T("movethewheels.inventory.actions.addProduct", "Add Product")
-				] })
-			]
+		headerActions: /* @__PURE__ */ x(C, {
+			primary: {
+				label: E("movethewheels.inventory.actions.addProduct", "Add Product"),
+				icon: /* @__PURE__ */ x(d, { size: 16 }),
+				onSelect: () => {}
+			},
+			actions: [{
+				label: E("movethewheels.inventory.actions.products", "Products"),
+				onSelect: () => N("inventory/products")
+			}, {
+				label: E("movethewheels.inventory.actions.warehouses", "Warehouses"),
+				onSelect: () => N("inventory/warehouses")
+			}]
 		}),
 		children: [
 			/* @__PURE__ */ S(_, {
 				columns: 4,
 				children: [
 					/* @__PURE__ */ x(v, {
-						label: T("movethewheels.inventory.metrics.totalProducts", "Total Products"),
-						value: j.totalProducts,
+						label: E("movethewheels.inventory.metrics.totalProducts", "Total Products"),
+						value: M.totalProducts,
 						icon: /* @__PURE__ */ x(u, { size: 20 }),
-						onClick: () => M("inventory/products")
+						onClick: () => N("inventory/products")
 					}),
 					/* @__PURE__ */ x(v, {
-						label: T("movethewheels.inventory.metrics.totalItems", "Total Items"),
-						value: j.totalItems.toLocaleString(),
+						label: E("movethewheels.inventory.metrics.totalItems", "Total Items"),
+						value: M.totalItems.toLocaleString(),
 						icon: /* @__PURE__ */ x(u, { size: 20 })
 					}),
 					/* @__PURE__ */ x(v, {
-						label: T("movethewheels.inventory.metrics.inventoryValue", "Inventory Value"),
-						value: y(j.totalValue),
+						label: E("movethewheels.inventory.metrics.inventoryValue", "Inventory Value"),
+						value: y(M.totalValue),
 						icon: /* @__PURE__ */ x(u, { size: 20 })
 					}),
 					/* @__PURE__ */ x(v, {
-						label: T("movethewheels.inventory.metrics.warehouses", "Warehouses"),
-						value: j.totalWarehouses,
+						label: E("movethewheels.inventory.metrics.warehouses", "Warehouses"),
+						value: M.totalWarehouses,
 						icon: /* @__PURE__ */ x(p, { size: 20 }),
-						onClick: () => M("inventory/warehouses")
+						onClick: () => N("inventory/warehouses")
 					})
 				]
 			}),
-			N.length > 0 && /* @__PURE__ */ S(n, {
+			P.length > 0 && /* @__PURE__ */ S(n, {
 				className: "border-yellow-200",
 				children: [/* @__PURE__ */ x(a, { children: /* @__PURE__ */ S(i, {
 					className: "flex items-center gap-2 text-yellow-600",
 					children: [
 						/* @__PURE__ */ x(f, { size: 18 }),
-						T("movethewheels.inventory.lowStock.title", "Low Stock Alert"),
+						E("movethewheels.inventory.lowStock.title", "Low Stock Alert"),
 						" (",
-						N.length,
+						P.length,
 						" ",
-						T("movethewheels.inventory.lowStock.items", "items"),
+						E("movethewheels.inventory.lowStock.items", "items"),
 						")"
 					]
 				}) }), /* @__PURE__ */ x(r, { children: /* @__PURE__ */ x("div", {
 					className: "space-y-3",
-					children: N.slice(0, 5).map((e) => {
-						let t = k.find((t) => t.id === e.productId);
+					children: P.slice(0, 5).map((e) => {
+						let t = A.find((t) => t.id === e.productId);
 						return /* @__PURE__ */ S("div", {
 							className: "flex items-center justify-between p-3 bg-yellow-50 dark:bg-yellow-900/20 rounded-lg",
 							children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 								className: "font-medium",
-								children: t?.name || T("movethewheels.inventory.lowStock.unknownProduct", "Unknown Product")
+								children: t?.name || E("movethewheels.inventory.lowStock.unknownProduct", "Unknown Product")
 							}), /* @__PURE__ */ S("p", {
 								className: "text-sm text-text-secondary",
 								children: [
-									T("movethewheels.inventory.lowStock.sku", "SKU:"),
+									E("movethewheels.inventory.lowStock.sku", "SKU:"),
 									" ",
 									t?.sku
 								]
@@ -105,12 +100,12 @@ function w() {
 									children: [
 										e.availableQuantity,
 										" ",
-										T("movethewheels.inventory.lowStock.left", "left")
+										E("movethewheels.inventory.lowStock.left", "left")
 									]
 								}), /* @__PURE__ */ S("p", {
 									className: "text-sm text-text-secondary",
 									children: [
-										T("movethewheels.inventory.lowStock.reorderAt", "Reorder at:"),
+										E("movethewheels.inventory.lowStock.reorderAt", "Reorder at:"),
 										" ",
 										e.reorderLevel
 									]
@@ -123,13 +118,13 @@ function w() {
 			/* @__PURE__ */ S("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
 				children: [/* @__PURE__ */ x(t, {
-					title: T("movethewheels.inventory.warehouses.title", "Warehouses"),
+					title: E("movethewheels.inventory.warehouses.title", "Warehouses"),
 					actions: /* @__PURE__ */ S(c, {
 						variant: "ghost",
 						size: "sm",
-						onClick: () => M("inventory/warehouses"),
+						onClick: () => N("inventory/warehouses"),
 						children: [
-							T("movethewheels.inventory.common.viewAll", "View all"),
+							E("movethewheels.inventory.common.viewAll", "View all"),
 							" ",
 							/* @__PURE__ */ x(l, { size: 16 })
 						]
@@ -138,9 +133,9 @@ function w() {
 						className: "p-0",
 						children: /* @__PURE__ */ x("div", {
 							className: "divide-y",
-							children: A.map((t) => /* @__PURE__ */ x("div", {
+							children: j.map((t) => /* @__PURE__ */ x("div", {
 								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer",
-								onClick: () => M(`inventory/warehouses/${t.id}`),
+								onClick: () => N(`inventory/warehouses/${t.id}`),
 								children: /* @__PURE__ */ S("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
@@ -157,12 +152,12 @@ function w() {
 										className: "text-right",
 										children: [/* @__PURE__ */ x(s, {
 											variant: t.isActive ? "default" : "secondary",
-											children: t.isActive ? T("movethewheels.inventory.warehouses.active", "Active") : T("movethewheels.inventory.warehouses.inactive", "Inactive")
+											children: t.isActive ? E("movethewheels.inventory.warehouses.active", "Active") : E("movethewheels.inventory.warehouses.inactive", "Inactive")
 										}), /* @__PURE__ */ S("div", {
 											className: "mt-2",
 											children: [/* @__PURE__ */ x("p", {
 												className: "text-xs text-text-secondary",
-												children: T("movethewheels.inventory.warehouses.utilization", "Utilization")
+												children: E("movethewheels.inventory.warehouses.utilization", "Utilization")
 											}), /* @__PURE__ */ x(e, {
 												value: t.capacity.usedSpace / t.capacity.totalSpace * 100,
 												className: "w-24 h-2"
@@ -174,13 +169,13 @@ function w() {
 						})
 					}) })
 				}), /* @__PURE__ */ x(t, {
-					title: T("movethewheels.inventory.products.title", "Recent Products"),
+					title: E("movethewheels.inventory.products.title", "Recent Products"),
 					actions: /* @__PURE__ */ S(c, {
 						variant: "ghost",
 						size: "sm",
-						onClick: () => M("inventory/products"),
+						onClick: () => N("inventory/products"),
 						children: [
-							T("movethewheels.inventory.common.viewAll", "View all"),
+							E("movethewheels.inventory.common.viewAll", "View all"),
 							" ",
 							/* @__PURE__ */ x(l, { size: 16 })
 						]
@@ -189,9 +184,9 @@ function w() {
 						className: "p-0",
 						children: /* @__PURE__ */ x("div", {
 							className: "divide-y",
-							children: k.slice(0, 5).map((e) => /* @__PURE__ */ x("div", {
+							children: A.slice(0, 5).map((e) => /* @__PURE__ */ x("div", {
 								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer",
-								onClick: () => M(`inventory/products/${e.id}`),
+								onClick: () => N(`inventory/products/${e.id}`),
 								children: /* @__PURE__ */ S("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
@@ -220,4 +215,4 @@ function w() {
 	});
 }
 //#endregion
-export { w as default };
+export { T as default };

package/dist/{LiveTrackingPage-DoBvtdBG.js → LiveTrackingPage-DqcGXdkw.js}

@@ -1,13 +1,13 @@
-import { J as e, N as t, X as n, Z as r, d as i, f as a, g as o, h as s, i as c, it as l, l as u, u as d } from "./PageLayout-xDTiBTDS.js";
-import { t as f } from "./map-pin-96FeqL7H.js";
-import { t as p } from "./map-CS2aFgyO.js";
-import { t as m } from "./package-KhSi3xaT.js";
-import { t as h } from "./refresh-cw-D5Sy01s-.js";
-import { t as g } from "./truck-DX3lNQkz.js";
+import { J as e, N as t, X as n, Z as r, d as i, f as a, g as o, h as s, i as c, it as l, l as u, u as d } from "./PageLayout-D3N8MCTm.js";
+import { t as f } from "./map-pin-BSaf5IDL.js";
+import { t as p } from "./map-_Per4sT9.js";
+import { t as m } from "./package-BE7U0wQE.js";
+import { t as h } from "./refresh-cw-CWfERAit.js";
+import { t as g } from "./truck-CtDjNFbi.js";
 import { r as _ } from "./graphqlClient-CdJyR_ed.js";
 import { o as v, r as y } from "./useTracking-De2KIUNu.js";
-import { r as b, t as x } from "./MetricCard-DeHVeVwl.js";
-import { r as S } from "./StatusBadge-C--7NhoW.js";
+import { r as b, t as x } from "./MetricCard-B7yMyvMX.js";
+import { r as S } from "./StatusBadge-CijYQXtb.js";
 import { r as C } from "./formatters-_vJlC-47.js";
 import { t as w } from "./navigation-BgnOfsVd.js";
 import { useState as T } from "react";

package/dist/{MarketplacePage-BEj5hcBF.js → MarketplacePage-DFqsxNYU.js}

@@ -1,10 +1,10 @@
-import { A as e, d as t, f as n, g as r, h as i, i as a, l as o, u as s } from "./PageLayout-xDTiBTDS.js";
-import { t as c } from "./clock-Be95bq7_.js";
-import { t as l } from "./filter-BWmLTZB-.js";
-import { t as u } from "./map-pin-96FeqL7H.js";
-import { t as d } from "./search-DVrUQbOg.js";
-import { t as f } from "./star-Cv2MzxZL.js";
-import { t as p } from "./store-CLH957vl.js";
+import { A as e, d as t, f as n, g as r, h as i, i as a, l as o, u as s } from "./PageLayout-D3N8MCTm.js";
+import { t as c } from "./clock-BjkdnddD.js";
+import { t as l } from "./filter-Da5OZaHI.js";
+import { t as u } from "./map-pin-BSaf5IDL.js";
+import { t as d } from "./search-OxoIiL_C.js";
+import { t as f } from "./star-YsVV3MNQ.js";
+import { t as p } from "./store-RCBl7HB-.js";
 import { r as m, t as h } from "./graphqlClient-CdJyR_ed.js";
 import { n as g } from "./formatters-_vJlC-47.js";
 import { useCallback as _, useEffect as v, useMemo as y, useState as b } from "react";

package/dist/MetricCard-B7yMyvMX.js

@@ -0,0 +1,146 @@
+import { rt as e } from "./PageLayout-D3N8MCTm.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/MetricCard.tsx
+var i = {
+	sm: {
+		card: "p-3",
+		value: "text-xl font-bold",
+		label: "text-xs",
+		icon: "w-8 h-8"
+	},
+	md: {
+		card: "p-4",
+		value: "text-2xl font-bold",
+		label: "text-sm",
+		icon: "w-10 h-10"
+	},
+	lg: {
+		card: "p-6",
+		value: "text-3xl font-bold",
+		label: "text-base",
+		icon: "w-12 h-12"
+	}
+};
+function a({ value: a, label: o, icon: s, change: c, changeType: l = "neutral", subtitle: u, trend: d, size: f = "md", onClick: p, className: m, treatment: h = "metric", glow: g = !1 }) {
+	let _ = i[f], v = {
+		positive: "text-status-success-text",
+		negative: "text-status-error-text",
+		neutral: "text-text-secondary"
+	}, y = {
+		up: /* @__PURE__ */ t("svg", {
+			className: "w-4 h-4",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			stroke: "currentColor",
+			children: /* @__PURE__ */ t("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: 2,
+				d: "M5 10l7-7m0 0l7 7m-7-7v18"
+			})
+		}),
+		down: /* @__PURE__ */ t("svg", {
+			className: "w-4 h-4",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			stroke: "currentColor",
+			children: /* @__PURE__ */ t("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: 2,
+				d: "M19 14l-7 7m0 0l-7-7m7 7V3"
+			})
+		}),
+		flat: /* @__PURE__ */ t("svg", {
+			className: "w-4 h-4",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			stroke: "currentColor",
+			children: /* @__PURE__ */ t("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: 2,
+				d: "M5 12h14"
+			})
+		})
+	};
+	return /* @__PURE__ */ t(r, {
+		treatment: h,
+		glow: g,
+		className: e("overflow-hidden border-border-seam", p && "cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg focus-visible:ring-offset-2 focus-visible:ring-offset-bg-base", m),
+		onClick: p,
+		...p ? {
+			role: "button",
+			tabIndex: 0,
+			onKeyDown: (e) => {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), p());
+			}
+		} : {},
+		children: /* @__PURE__ */ t("div", {
+			className: _.card,
+			children: /* @__PURE__ */ n("div", {
+				className: "flex items-start justify-between",
+				children: [/* @__PURE__ */ n("div", {
+					className: "space-y-1",
+					children: [
+						/* @__PURE__ */ t("p", {
+							className: e("text-text-secondary", _.label),
+							children: o
+						}),
+						/* @__PURE__ */ t("p", {
+							className: e("text-text-primary tracking-tight tabular-nums", _.value),
+							children: typeof a == "number" ? a.toLocaleString() : a
+						}),
+						u && /* @__PURE__ */ t("p", {
+							className: "text-xs text-text-secondary",
+							children: u
+						}),
+						c && /* @__PURE__ */ n("div", {
+							className: e("flex items-center gap-1 text-sm tabular-nums", v[l]),
+							children: [d && y[d], /* @__PURE__ */ t("span", { children: c })]
+						})
+					]
+				}), s && /* @__PURE__ */ t("div", {
+					className: e("flex-shrink-0 p-2 rounded-lg bg-action-primary-bg/10 text-action-primary-bg", _.icon),
+					children: s
+				})]
+			})
+		})
+	});
+}
+function o({ size: a = "md" }) {
+	let o = i[a];
+	return /* @__PURE__ */ t(r, {
+		treatment: "metric",
+		className: "overflow-hidden border-border-seam",
+		children: /* @__PURE__ */ t("div", {
+			className: o.card,
+			children: /* @__PURE__ */ n("div", {
+				className: "flex items-start justify-between",
+				children: [/* @__PURE__ */ n("div", {
+					className: "space-y-2 flex-1",
+					children: [
+						/* @__PURE__ */ t("div", { className: "h-4 w-24 bg-bg-sunken motion-safe:animate-vc-shimmer rounded" }),
+						/* @__PURE__ */ t("div", { className: "h-8 w-32 bg-bg-sunken motion-safe:animate-vc-shimmer rounded" }),
+						/* @__PURE__ */ t("div", { className: "h-3 w-20 bg-bg-sunken motion-safe:animate-vc-shimmer rounded" })
+					]
+				}), /* @__PURE__ */ t("div", { className: e("bg-bg-sunken motion-safe:animate-vc-shimmer rounded-lg", o.icon) })]
+			})
+		})
+	});
+}
+function s({ children: n, columns: r = 4, className: i }) {
+	return /* @__PURE__ */ t("div", {
+		className: e("grid gap-4", {
+			2: "grid-cols-1 sm:grid-cols-2",
+			3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+			4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4",
+			5: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5",
+			6: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6"
+		}[r], i),
+		children: n
+	});
+}
+//#endregion
+export { o as n, s as r, a as t };

package/dist/{OrderDetailsPage-D-9lDZYU.js → OrderDetailsPage-Dx1m3cVA.js}

@@ -1,18 +1,18 @@
-import { G as e, H as t, K as n, U as r, W as i, d as a, f as o, g as s, h as c, i as l, it as u, l as d, n as f, q as p, r as m, u as h, z as g } from "./PageLayout-xDTiBTDS.js";
-import { t as _ } from "./arrow-left-Bk5GsGNk.js";
-import { t as v } from "./circle-check-big-Cx8aO6B-.js";
-import { t as y } from "./clock-Be95bq7_.js";
-import { t as b } from "./dollar-sign-kJqItPli.js";
-import { t as x } from "./file-text-b1qhrJn1.js";
-import { n as S, t as C } from "./phone-B-h3tbsr.js";
-import { t as w } from "./map-pin-96FeqL7H.js";
-import { t as T } from "./package-KhSi3xaT.js";
-import { t as E } from "./square-pen-DmW36Bau.js";
-import { t as D } from "./truck-DX3lNQkz.js";
-import { t as O } from "./user-D8EY1uvt.js";
+import { G as e, H as t, K as n, U as r, W as i, d as a, f as o, g as s, h as c, i as l, it as u, l as d, n as f, q as p, r as m, u as h, z as g } from "./PageLayout-D3N8MCTm.js";
+import { t as _ } from "./arrow-left-CBpZKkpq.js";
+import { t as v } from "./circle-check-big-CjuPVo3_.js";
+import { t as y } from "./clock-BjkdnddD.js";
+import { t as b } from "./dollar-sign-IB4O0wuQ.js";
+import { t as x } from "./file-text-C8Uioy11.js";
+import { n as S, t as C } from "./phone-DV4StZiA.js";
+import { t as w } from "./map-pin-BSaf5IDL.js";
+import { t as T } from "./package-BE7U0wQE.js";
+import { t as E } from "./square-pen-hLIbFQFV.js";
+import { t as D } from "./truck-CtDjNFbi.js";
+import { t as O } from "./user-Dz5TJZFs.js";
 import { r as k } from "./graphqlClient-CdJyR_ed.js";
 import { t as A } from "./useOrders-D_3_hGMp.js";
-import { i as j, n as M, r as N, t as P } from "./StatusBadge-C--7NhoW.js";
+import { i as j, n as M, r as N, t as P } from "./StatusBadge-CijYQXtb.js";
 import { n as F, r as I, t as L } from "./formatters-_vJlC-47.js";
 import { t as R } from "./navigation-BgnOfsVd.js";
 import { useParams as z } from "react-router-dom";