@burdenoff/microfe-adaptercloud 2026.624.1 → 2026.625.2

package/dist/adaptercloud/pages/cart-owner/CartOwnerDashboard.js

@@ -6,8 +6,9 @@ import { mockAdminAnalytics as i } from "../../mocks/data.js";
 import { useState as a } from "react";
 import { Activity as o, AlertCircle as s, ArrowRight as c, BarChart3 as l, Bell as u, CheckCircle as d, ChevronRight as f, Clock as p, Edit as m, Eye as h, Flame as g, IndianRupee as _, MapPin as v, Package as y, Plus as b, Settings as x, ShoppingCart as S, Star as C, TrendingDown as w, TrendingUp as T, UserCheck as E, Users as D } from "lucide-react";
 import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { EmphasisPanel as A, NextSteps as j } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/pages/cart-owner/CartOwnerDashboard.tsx
-var A = {
+var M = {
 	totalRevenue: 45230,
 	dailyRevenue: 1850,
 	ordersToday: 23,
@@ -16,7 +17,7 @@ var A = {
 	averageOrderValue: 80,
 	customerCount: 342,
 	rating: 4.2
-}, j = [
+}, N = [
 	{
 		id: "ORD-001",
 		customerName: "Rahul Sharma",
@@ -61,7 +62,7 @@ var A = {
 		timestamp: "2 mins ago",
 		priority: "urgent"
 	}
-], M = [
+], P = [
 	{
 		name: "Masala Dosa",
 		quantity: 245,
@@ -87,7 +88,7 @@ var A = {
 		quantity: 98,
 		revenue: 8820
 	}
-], N = [
+], F = [
 	{
 		name: "Ramesh Kumar",
 		role: "Chef",
@@ -108,7 +109,7 @@ var A = {
 		role: "Manager",
 		status: "active"
 	}
-], P = [
+], I = [
 	{
 		id: "1",
 		message: "New order #ORD-004 received",
@@ -139,43 +140,43 @@ var A = {
 		type: "warning",
 		time: "1 hr ago"
 	}
-], F = i.orderTrends.slice(0, 7), I = () => {
+], L = i.orderTrends.slice(0, 7), R = () => {
 	let e = (/* @__PURE__ */ new Date()).getHours();
 	return e < 12 ? "Good Morning" : e < 17 ? "Good Afternoon" : "Good Evening";
-}, L = {
-	pending: "bg-red-500/15 text-red-600 dark:text-red-400",
-	preparing: "bg-yellow-500/15 text-yellow-600 dark:text-yellow-400",
-	ready: "bg-blue-500/15 text-blue-600 dark:text-blue-400",
-	delivered: "bg-green-500/15 text-green-600 dark:text-green-400",
+}, z = {
+	pending: "bg-status-error-bg-subtle/15 text-status-error-text",
+	preparing: "bg-status-warning-bg-subtle/15 text-status-warning-text",
+	ready: "bg-accent-blue-subtle/15 text-accent-blue",
+	delivered: "bg-status-success-bg-subtle/15 text-status-success-text",
 	cancelled: "bg-bg-sunken text-text-secondary"
-}, R = {
-	active: "bg-green-500",
-	"on-break": "bg-yellow-500",
+}, B = {
+	active: "bg-status-success-bg-subtle",
+	"on-break": "bg-status-warning-bg-subtle",
 	"off-duty": "bg-muted-foreground"
-}, z = {
-	info: "text-blue-500",
-	warning: "text-yellow-500",
-	success: "text-green-500"
-}, B = () => {
-	let { navigateTo: i } = e(), [B, V] = a(j), [H, U] = a({
+}, V = {
+	info: "text-accent-blue",
+	warning: "text-status-warning-text",
+	success: "text-status-success-text"
+}, H = () => {
+	let { navigateTo: i } = e(), [H, U] = a(N), [W, G] = a({
 		isOpen: !0,
 		currentLocation: "Koramangala 5th Block, Near BDA Complex",
 		lastUpdate: (/* @__PURE__ */ new Date()).toLocaleTimeString(),
 		operatingHours: "9:00 AM - 9:00 PM"
-	}), W = (e) => {
-		V((t) => t.map((t) => t.id === e ? {
+	}), K = (e) => {
+		U((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "preparing"
 		} : t));
-	}, G = (e) => {
-		V((t) => t.map((t) => t.id === e ? {
+	}, q = (e) => {
+		U((t) => t.map((t) => t.id === e ? {
 			...t,
 			status: "ready"
 		} : t));
 	};
 	return /* @__PURE__ */ O(n, {
 		title: /* @__PURE__ */ k("span", { children: [
-			I(),
+			R(),
 			", ",
 			/* @__PURE__ */ O("span", {
 				className: "text-text-secondary font-normal",
@@ -183,6 +184,7 @@ var A = {
 			})
 		] }),
 		description: "Manage your service provider operations",
+		purpose: "Your daily home base as a cart owner — see today's orders and earnings at a glance, check whether your cart is open, and jump straight to the things that need you. Start here every morning to run your business.",
 		actions: /* @__PURE__ */ k("button", {
 			type: "button",
 			onClick: () => i("/cart-owner/orders"),
@@ -193,22 +195,25 @@ var A = {
 			className: "space-y-6",
 			children: [
 				/* @__PURE__ */ O("div", {
-					className: t("p-4 rounded-lg border-l-4", H.isOpen ? "border-green-500 bg-green-500/5" : "border-red-500 bg-red-500/5"),
+					className: t("p-4 rounded-lg border-l-4", W.isOpen ? "border-status-success-border bg-status-success-bg-subtle/5" : "border-status-error-border bg-status-error-bg-subtle/5"),
 					children: /* @__PURE__ */ k("div", {
 						className: "flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4",
 						children: [/* @__PURE__ */ k("div", {
 							className: "flex items-start gap-3",
-							children: [/* @__PURE__ */ O("div", { className: t("w-3 h-3 rounded-full mt-1 shrink-0", H.isOpen ? "bg-green-500" : "bg-red-500") }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("h3", {
+							children: [/* @__PURE__ */ O("div", {
+								"aria-hidden": "true",
+								className: t("w-3 h-3 rounded-full mt-1 shrink-0", W.isOpen ? "bg-status-success-text motion-safe:animate-vc-glow-pulse" : "bg-status-error-text")
+							}), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("h3", {
 								className: "font-semibold text-text-primary text-sm",
-								children: ["Service Status: ", H.isOpen ? "Open" : "Closed"]
+								children: ["Service Status: ", W.isOpen ? "Open" : "Closed"]
 							}), /* @__PURE__ */ k("div", {
 								className: "flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-4 mt-1 text-xs text-text-secondary",
 								children: [/* @__PURE__ */ k("span", {
 									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ O(v, { className: "h-3 w-3 shrink-0" }), H.currentLocation]
+									children: [/* @__PURE__ */ O(v, { className: "h-3 w-3 shrink-0" }), W.currentLocation]
 								}), /* @__PURE__ */ k("span", {
 									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ O(p, { className: "h-3 w-3 shrink-0" }), H.operatingHours]
+									children: [/* @__PURE__ */ O(p, { className: "h-3 w-3 shrink-0" }), W.operatingHours]
 								})]
 							})] })]
 						}), /* @__PURE__ */ k("div", {
@@ -221,18 +226,18 @@ var A = {
 							}), /* @__PURE__ */ O("button", {
 								type: "button",
 								onClick: () => {
-									U((e) => e && {
+									G((e) => e && {
 										...e,
 										isOpen: !e.isOpen
 									});
 								},
-								className: t("inline-flex items-center gap-1 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", H.isOpen ? "bg-red-500/10 text-red-600 hover:bg-red-500/20 dark:text-red-400" : "bg-green-500/10 text-green-600 hover:bg-green-500/20 dark:text-green-400"),
-								children: H.isOpen ? "Close Service" : "Open Service"
+								className: t("inline-flex items-center gap-1 rounded-md px-3 py-1.5 text-xs font-medium transition-colors", W.isOpen ? "bg-status-error-bg-subtle/10 text-status-error-text hover:bg-status-error-bg-subtle/20" : "bg-status-success-bg-subtle/10 text-status-success-text hover:bg-status-success-bg-subtle/20"),
+								children: W.isOpen ? "Close Service" : "Open Service"
 							})]
 						})]
 					})
 				}),
-				/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h2", {
+				/* @__PURE__ */ k(A, { children: [/* @__PURE__ */ O("h2", {
 					className: "text-base font-semibold text-text-primary mb-3",
 					children: "Today's Performance"
 				}), /* @__PURE__ */ O("div", {
@@ -240,28 +245,28 @@ var A = {
 					children: [
 						{
 							label: "Daily Revenue",
-							value: r(A.dailyRevenue, { minimumFractionDigits: 0 }),
+							value: r(M.dailyRevenue, { minimumFractionDigits: 0 }),
 							icon: _,
 							trend: "+15.2% vs yesterday",
 							trendUp: !0
 						},
 						{
 							label: "Orders Today",
-							value: String(A.ordersToday),
+							value: String(M.ordersToday),
 							icon: S,
 							trend: "+8.5% vs yesterday",
 							trendUp: !0
 						},
 						{
 							label: "Avg Order Value",
-							value: r(A.averageOrderValue, { minimumFractionDigits: 0 }),
+							value: r(M.averageOrderValue, { minimumFractionDigits: 0 }),
 							icon: T,
 							trend: "+3.2% vs last week",
 							trendUp: !0
 						},
 						{
 							label: "Service Rating",
-							value: A.rating.toFixed(1),
+							value: M.rating.toFixed(1),
 							icon: C,
 							trend: "Based on 342 reviews",
 							trendUp: !0
@@ -269,7 +274,7 @@ var A = {
 					].map((e) => {
 						let t = e.icon;
 						return /* @__PURE__ */ k("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 							children: [
 								/* @__PURE__ */ k("div", {
 									className: "flex items-center justify-between",
@@ -278,7 +283,7 @@ var A = {
 										children: /* @__PURE__ */ O(t, { className: "h-5 w-5 text-text-secondary" })
 									}), /* @__PURE__ */ k("div", {
 										className: "flex items-center gap-1 text-xs text-text-secondary",
-										children: [e.trendUp ? /* @__PURE__ */ O(T, { className: "h-3 w-3 text-green-600 dark:text-green-400" }) : /* @__PURE__ */ O(w, { className: "h-3 w-3 text-red-600 dark:text-red-400" }), /* @__PURE__ */ O("span", { children: e.trend })]
+										children: [e.trendUp ? /* @__PURE__ */ O(T, { className: "h-3 w-3 text-status-success-text" }) : /* @__PURE__ */ O(w, { className: "h-3 w-3 text-status-error-text" }), /* @__PURE__ */ O("span", { children: e.trend })]
 									})]
 								}),
 								/* @__PURE__ */ O("p", {
@@ -293,6 +298,29 @@ var A = {
 						}, e.label);
 					})
 				})] }),
+				/* @__PURE__ */ O(j, {
+					storageKey: "adaptercloud-cartowner-dashboard",
+					steps: [
+						{
+							id: "manage-orders",
+							label: "Work your live order queue",
+							description: "Accept and progress incoming orders so customers stay updated.",
+							onClick: () => i("/cart-owner/orders")
+						},
+						{
+							id: "update-offerings",
+							label: "Update your offerings",
+							description: "Add products, set prices, and keep availability current.",
+							onClick: () => i("/cart-owner/inventory")
+						},
+						{
+							id: "check-analytics",
+							label: "Review your analytics",
+							description: "See what sells and when to staff up.",
+							onClick: () => i("/cart-owner/analytics")
+						}
+					]
+				}),
 				/* @__PURE__ */ k("div", {
 					className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
 					children: [/* @__PURE__ */ k("div", {
@@ -307,31 +335,31 @@ var A = {
 									{
 										label: "Service Config",
 										icon: x,
-										color: "bg-orange-500/10 text-orange-600 dark:text-orange-400",
+										color: "bg-accent-orange-subtle/10 text-accent-orange",
 										path: "/cart-owner/service-config"
 									},
 									{
 										label: "Manage Offerings",
 										icon: y,
-										color: "bg-blue-500/10 text-blue-600 dark:text-blue-400",
+										color: "bg-accent-blue-subtle/10 text-accent-blue",
 										path: "/cart-owner/inventory"
 									},
 									{
 										label: "View Orders",
 										icon: S,
-										color: "bg-green-500/10 text-green-600 dark:text-green-400",
+										color: "bg-status-success-bg-subtle/10 text-status-success-text",
 										path: "/cart-owner/orders"
 									},
 									{
 										label: "Analytics",
 										icon: l,
-										color: "bg-purple-500/10 text-purple-600 dark:text-purple-400",
+										color: "bg-accent-purple-subtle/10 text-accent-purple",
 										path: "/cart-owner/analytics"
 									},
 									{
 										label: "Staff",
 										icon: E,
-										color: "bg-pink-500/10 text-pink-600 dark:text-pink-400",
+										color: "bg-accent-pink-subtle/10 text-accent-pink",
 										path: "/cart-owner/staff"
 									}
 								].map((e) => {
@@ -360,8 +388,8 @@ var A = {
 								})]
 							}), /* @__PURE__ */ O("div", {
 								className: "space-y-3",
-								children: B.map((e) => /* @__PURE__ */ O("div", {
-									className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
+								children: H.map((e) => /* @__PURE__ */ O("div", {
+									className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 									children: /* @__PURE__ */ k("div", {
 										className: "flex flex-col lg:flex-row lg:items-start lg:justify-between gap-3",
 										children: [/* @__PURE__ */ k("div", {
@@ -375,10 +403,10 @@ var A = {
 															children: ["#", e.id]
 														}),
 														/* @__PURE__ */ O("span", {
-															className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize", L[e.status] || "bg-bg-sunken text-text-secondary"),
+															className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize", z[e.status] || "bg-bg-sunken text-text-secondary"),
 															children: e.status
 														}),
-														e.priority === "urgent" && /* @__PURE__ */ O(s, { className: "h-4 w-4 text-red-500" })
+														e.priority === "urgent" && /* @__PURE__ */ O(s, { className: "h-4 w-4 text-status-error-text" })
 													]
 												}),
 												/* @__PURE__ */ k("p", {
@@ -411,14 +439,14 @@ var A = {
 												}),
 												e.status === "pending" && /* @__PURE__ */ k("button", {
 													type: "button",
-													onClick: () => W(e.id),
-													className: "inline-flex items-center gap-1 rounded-md bg-green-500/10 px-3 py-1.5 text-xs font-medium text-green-600 hover:bg-green-500/20 dark:text-green-400 transition-colors",
+													onClick: () => K(e.id),
+													className: "inline-flex items-center gap-1 rounded-md bg-status-success-bg-subtle/10 px-3 py-1.5 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle/20 transition-colors",
 													children: [/* @__PURE__ */ O(d, { className: "h-3 w-3" }), "Accept"]
 												}),
 												e.status === "preparing" && /* @__PURE__ */ k("button", {
 													type: "button",
-													onClick: () => G(e.id),
-													className: "inline-flex items-center gap-1 rounded-md bg-blue-500/10 px-3 py-1.5 text-xs font-medium text-blue-600 hover:bg-blue-500/20 dark:text-blue-400 transition-colors",
+													onClick: () => q(e.id),
+													className: "inline-flex items-center gap-1 rounded-md bg-accent-blue-subtle/10 px-3 py-1.5 text-xs font-medium text-accent-blue hover:bg-accent-blue-subtle/20 transition-colors",
 													children: [/* @__PURE__ */ O(d, { className: "h-3 w-3" }), "Mark Ready"]
 												})
 											]
@@ -463,8 +491,8 @@ var A = {
 													children: "Trend"
 												})
 											]
-										}) }), /* @__PURE__ */ O("tbody", { children: F.map((e, t) => {
-											let n = Math.max(...F.map((e) => e.revenue)), i = e.revenue / n * 100;
+										}) }), /* @__PURE__ */ O("tbody", { children: L.map((e, t) => {
+											let n = Math.max(...L.map((e) => e.revenue)), i = e.revenue / n * 100;
 											return /* @__PURE__ */ k("tr", {
 												className: "border-b border-border-subtle last:border-0",
 												children: [
@@ -489,7 +517,7 @@ var A = {
 														children: /* @__PURE__ */ O("div", {
 															className: "h-4 rounded bg-bg-sunken overflow-hidden",
 															children: /* @__PURE__ */ O("div", {
-																className: "h-full rounded bg-blue-500/60",
+																className: "h-full rounded bg-accent-blue-subtle/60",
 																style: { width: `${i}%` }
 															})
 														})
@@ -501,7 +529,7 @@ var A = {
 								})]
 							}),
 							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 								children: [/* @__PURE__ */ O("h3", {
 									className: "text-base font-semibold text-text-primary mb-4",
 									children: "This Month Summary"
@@ -512,7 +540,7 @@ var A = {
 											className: "text-center p-3 rounded-lg bg-bg-sunken/50",
 											children: [/* @__PURE__ */ O("div", {
 												className: "text-xl font-bold text-text-primary",
-												children: r(A.totalRevenue, { minimumFractionDigits: 0 })
+												children: r(M.totalRevenue, { minimumFractionDigits: 0 })
 											}), /* @__PURE__ */ O("div", {
 												className: "text-xs text-text-secondary mt-1",
 												children: "Total Revenue"
@@ -522,7 +550,7 @@ var A = {
 											className: "text-center p-3 rounded-lg bg-bg-sunken/50",
 											children: [/* @__PURE__ */ O("div", {
 												className: "text-xl font-bold text-text-primary",
-												children: A.totalOrders
+												children: M.totalOrders
 											}), /* @__PURE__ */ O("div", {
 												className: "text-xs text-text-secondary mt-1",
 												children: "Total Orders"
@@ -532,7 +560,7 @@ var A = {
 											className: "text-center p-3 rounded-lg bg-bg-sunken/50",
 											children: [/* @__PURE__ */ O("div", {
 												className: "text-xl font-bold text-text-primary",
-												children: A.customerCount
+												children: M.customerCount
 											}), /* @__PURE__ */ O("div", {
 												className: "text-xs text-text-secondary mt-1",
 												children: "Unique Customers"
@@ -546,21 +574,21 @@ var A = {
 						className: "space-y-6",
 						children: [
 							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 								children: [/* @__PURE__ */ k("div", {
 									className: "flex items-center justify-between mb-4",
 									children: [/* @__PURE__ */ k("h3", {
 										className: "text-base font-semibold text-text-primary flex items-center gap-2",
 										children: [/* @__PURE__ */ O(u, { className: "h-4 w-4" }), "Notifications"]
 									}), /* @__PURE__ */ O("span", {
-										className: "inline-flex items-center justify-center rounded-full bg-red-500 text-white text-[10px] font-bold h-5 w-5",
-										children: P.length
+										className: "inline-flex items-center justify-center rounded-full bg-status-error-bg-subtle text-white text-[10px] font-bold h-5 w-5",
+										children: I.length
 									})]
 								}), /* @__PURE__ */ O("div", {
 									className: "space-y-3",
-									children: P.map((e) => /* @__PURE__ */ k("div", {
+									children: I.map((e) => /* @__PURE__ */ k("div", {
 										className: "flex items-start gap-2",
-										children: [/* @__PURE__ */ O(o, { className: t("h-4 w-4 mt-0.5 shrink-0", z[e.type]) }), /* @__PURE__ */ k("div", {
+										children: [/* @__PURE__ */ O(o, { className: t("h-4 w-4 mt-0.5 shrink-0", V[e.type]) }), /* @__PURE__ */ k("div", {
 											className: "min-w-0",
 											children: [/* @__PURE__ */ O("p", {
 												className: "text-xs text-text-primary leading-tight",
@@ -574,13 +602,13 @@ var A = {
 								})]
 							}),
 							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 								children: [/* @__PURE__ */ k("h3", {
 									className: "text-base font-semibold text-text-primary mb-4 flex items-center gap-2",
-									children: [/* @__PURE__ */ O(g, { className: "h-4 w-4 text-orange-500" }), "Top Selling Items"]
+									children: [/* @__PURE__ */ O(g, { className: "h-4 w-4 text-accent-orange" }), "Top Selling Items"]
 								}), /* @__PURE__ */ O("div", {
 									className: "space-y-3",
-									children: M.map((e, t) => /* @__PURE__ */ k("div", {
+									children: P.map((e, t) => /* @__PURE__ */ k("div", {
 										className: "flex items-center justify-between",
 										children: [/* @__PURE__ */ k("div", {
 											className: "flex items-center gap-2 min-w-0",
@@ -605,7 +633,7 @@ var A = {
 								})]
 							}),
 							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 								children: [/* @__PURE__ */ k("div", {
 									className: "flex items-center justify-between mb-4",
 									children: [/* @__PURE__ */ k("h3", {
@@ -619,11 +647,11 @@ var A = {
 									})]
 								}), /* @__PURE__ */ O("div", {
 									className: "space-y-3",
-									children: N.map((e) => /* @__PURE__ */ k("div", {
+									children: F.map((e) => /* @__PURE__ */ k("div", {
 										className: "flex items-center justify-between",
 										children: [/* @__PURE__ */ k("div", {
 											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ O("div", { className: t("w-2 h-2 rounded-full", R[e.status]) }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+											children: [/* @__PURE__ */ O("div", { className: t("w-2 h-2 rounded-full", B[e.status]) }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
 												className: "text-xs font-medium text-text-primary",
 												children: e.name
 											}), /* @__PURE__ */ O("p", {
@@ -638,7 +666,7 @@ var A = {
 								})]
 							}),
 							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 								children: [/* @__PURE__ */ O("h3", {
 									className: "text-base font-semibold text-text-primary mb-4",
 									children: "Quick Stats"
@@ -652,7 +680,7 @@ var A = {
 												children: "Active Offerings"
 											}), /* @__PURE__ */ O("span", {
 												className: "text-sm font-semibold text-text-primary",
-												children: A.activeOfferings
+												children: M.activeOfferings
 											})]
 										}),
 										/* @__PURE__ */ k("div", {
@@ -662,7 +690,7 @@ var A = {
 												children: "Customer Rating"
 											}), /* @__PURE__ */ k("span", {
 												className: "text-sm font-semibold text-text-primary flex items-center gap-1",
-												children: [/* @__PURE__ */ O(C, { className: "h-3 w-3 text-yellow-500 fill-yellow-500" }), A.rating]
+												children: [/* @__PURE__ */ O(C, { className: "h-3 w-3 text-status-warning-text fill-status-warning-text" }), M.rating]
 											})]
 										}),
 										/* @__PURE__ */ k("div", {
@@ -672,14 +700,14 @@ var A = {
 												children: "Total Customers"
 											}), /* @__PURE__ */ O("span", {
 												className: "text-sm font-semibold text-text-primary",
-												children: A.customerCount
+												children: M.customerCount
 											})]
 										})
 									]
 								})]
 							}),
 							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 								children: [/* @__PURE__ */ O("h3", {
 									className: "text-base font-semibold text-text-primary mb-3",
 									children: "Business Settings"
@@ -716,7 +744,7 @@ var A = {
 								})]
 							}),
 							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 								children: [/* @__PURE__ */ O("h3", {
 									className: "text-base font-semibold text-text-primary mb-3",
 									children: "Recent Activity"
@@ -725,21 +753,21 @@ var A = {
 									children: [
 										/* @__PURE__ */ k("div", {
 											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ O(o, { className: "h-3.5 w-3.5 text-green-500" }), /* @__PURE__ */ O("span", {
+											children: [/* @__PURE__ */ O(o, { className: "h-3.5 w-3.5 text-status-success-text" }), /* @__PURE__ */ O("span", {
 												className: "text-text-secondary",
 												children: "Order #ORD-003 delivered"
 											})]
 										}),
 										/* @__PURE__ */ k("div", {
 											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ O(o, { className: "h-3.5 w-3.5 text-blue-500" }), /* @__PURE__ */ O("span", {
+											children: [/* @__PURE__ */ O(o, { className: "h-3.5 w-3.5 text-accent-blue" }), /* @__PURE__ */ O("span", {
 												className: "text-text-secondary",
 												children: "Inventory updated"
 											})]
 										}),
 										/* @__PURE__ */ k("div", {
 											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ O(o, { className: "h-3.5 w-3.5 text-yellow-500" }), /* @__PURE__ */ O("span", {
+											children: [/* @__PURE__ */ O(o, { className: "h-3.5 w-3.5 text-status-warning-text" }), /* @__PURE__ */ O("span", {
 												className: "text-text-secondary",
 												children: "New customer review"
 											})]
@@ -755,6 +783,6 @@ var A = {
 	});
 };
 //#endregion
-export { B as CartOwnerDashboard };
+export { H as CartOwnerDashboard };
 
 //# sourceMappingURL=CartOwnerDashboard.js.map