@burdenoff/microfe-subscriberbot 2026.615.1 → 2026.625.1

package/dist/subscriberbot/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, GradientText as j } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/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,46 +140,50 @@ 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",
-	cancelled: "bg-muted text-muted-foreground"
-}, R = {
-	active: "bg-green-500",
-	"on-break": "bg-yellow-500",
-	"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({
+	pending: "bg-status-error-bg/15 text-status-error-text",
+	preparing: "bg-status-warning-bg/15 text-status-warning-text",
+	ready: "bg-status-info-bg/15 text-status-info-text",
+	delivered: "bg-status-success-bg/15 text-status-success-text",
+	cancelled: "bg-bg-sunken text-text-secondary"
+}, B = {
+	active: "bg-status-success-text",
+	"on-break": "bg-status-warning-text",
+	"off-duty": "bg-muted-foreground"
+}, V = {
+	info: "text-status-info-text",
+	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(),
-			", ",
+			/* @__PURE__ */ O(j, {
+				as: "span",
+				children: R()
+			}),
+			",",
+			" ",
 			/* @__PURE__ */ O("span", {
-				className: "text-muted-foreground font-normal",
+				className: "text-text-secondary font-normal",
 				children: "Rajesh"
 			})
 		] }),
@@ -186,29 +191,29 @@ var A = {
 		actions: /* @__PURE__ */ k("button", {
 			type: "button",
 			onClick: () => i("/cart-owner/orders"),
-			className: "inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-foreground hover:bg-accent/80 transition-colors",
+			className: "inline-flex items-center gap-2 rounded-md bg-accent px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent/80 transition-colors",
 			children: ["View All Orders", /* @__PURE__ */ O(c, { className: "h-4 w-4" })]
 		}),
 		children: /* @__PURE__ */ k("div", {
 			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"),
+				/* @__PURE__ */ O(A, {
+					className: t("border-l-4", W.isOpen ? "border-l-status-success-border" : "border-l-status-error-border"),
 					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", {
-								className: "font-semibold text-foreground text-sm",
-								children: ["Service Status: ", H.isOpen ? "Open" : "Closed"]
+							children: [/* @__PURE__ */ O("div", { className: t("w-3 h-3 rounded-full mt-1 shrink-0", W.isOpen ? "bg-status-success-text" : "bg-status-error-text") }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("h3", {
+								className: "font-semibold text-text-primary text-sm",
+								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-muted-foreground",
+								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", {
@@ -216,52 +221,52 @@ var A = {
 							children: [/* @__PURE__ */ k("button", {
 								type: "button",
 								onClick: () => i("/cart-owner/settings"),
-								className: "inline-flex items-center gap-1 rounded-md border border-border px-3 py-1.5 text-xs font-medium text-foreground hover:bg-muted transition-colors",
+								className: "inline-flex items-center gap-1 rounded-md border border-border-seam px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors",
 								children: [/* @__PURE__ */ O(v, { className: "h-3 w-3" }), "Update Location"]
 							}), /* @__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/10 text-status-error-text hover:bg-status-error-bg/20" : "bg-status-success-bg/10 text-status-success-text hover:bg-status-success-bg/20"),
+								children: W.isOpen ? "Close Service" : "Open Service"
 							})]
 						})]
 					})
 				}),
 				/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h2", {
-					className: "text-base font-semibold text-foreground mb-3",
+					className: "text-base font-semibold text-text-primary mb-3",
 					children: "Today's Performance"
 				}), /* @__PURE__ */ O("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 					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,24 +274,24 @@ var A = {
 					].map((e) => {
 						let t = e.icon;
 						return /* @__PURE__ */ k("div", {
-							className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-5 shadow-sm",
 							children: [
 								/* @__PURE__ */ k("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ O("div", {
 										className: "rounded-md bg-accent p-2",
-										children: /* @__PURE__ */ O(t, { className: "h-5 w-5 text-muted-foreground" })
+										children: /* @__PURE__ */ O(t, { className: "h-5 w-5 text-text-secondary" })
 									}), /* @__PURE__ */ k("div", {
-										className: "flex items-center gap-1 text-xs text-muted-foreground",
-										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 })]
+										className: "flex items-center gap-1 text-xs text-text-secondary",
+										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", {
-									className: "mt-3 text-2xl font-bold text-foreground",
+									className: "mt-3 text-2xl font-bold text-text-primary",
 									children: e.value
 								}),
 								/* @__PURE__ */ O("p", {
-									className: "mt-1 text-sm text-muted-foreground",
+									className: "mt-1 text-sm text-text-secondary",
 									children: e.label
 								})
 							]
@@ -299,7 +304,7 @@ var A = {
 						className: "lg:col-span-2 space-y-6",
 						children: [
 							/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h3", {
-								className: "text-base font-semibold mb-3 text-foreground",
+								className: "text-base font-semibold mb-3 text-text-primary",
 								children: "Quick Actions"
 							}), /* @__PURE__ */ O("div", {
 								className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-3",
@@ -307,31 +312,31 @@ var A = {
 									{
 										label: "Service Config",
 										icon: x,
-										color: "bg-orange-500/10 text-orange-600 dark:text-orange-400",
+										color: "bg-status-warning-bg/10 text-status-warning-text",
 										path: "/cart-owner/service-config"
 									},
 									{
 										label: "Manage Offerings",
 										icon: y,
-										color: "bg-blue-500/10 text-blue-600 dark:text-blue-400",
+										color: "bg-status-info-bg/10 text-status-info-text",
 										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/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 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-purple-subtle text-accent-purple",
 										path: "/cart-owner/staff"
 									}
 								].map((e) => {
@@ -350,18 +355,18 @@ var A = {
 							/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("div", {
 								className: "flex items-center justify-between mb-3",
 								children: [/* @__PURE__ */ O("h3", {
-									className: "text-base font-semibold text-foreground",
+									className: "text-base font-semibold text-text-primary",
 									children: "Recent Orders"
 								}), /* @__PURE__ */ O("button", {
 									type: "button",
 									onClick: () => i("/cart-owner/orders"),
-									className: "text-xs text-muted-foreground hover:text-foreground transition-colors",
+									className: "text-xs text-text-secondary hover:text-text-primary transition-colors",
 									children: "View All Orders"
 								})]
 							}), /* @__PURE__ */ O("div", {
 								className: "space-y-3",
-								children: B.map((e) => /* @__PURE__ */ O("div", {
-									className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+								children: H.map((e) => /* @__PURE__ */ O("div", {
+									className: "rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm",
 									children: /* @__PURE__ */ k("div", {
 										className: "flex flex-col lg:flex-row lg:items-start lg:justify-between gap-3",
 										children: [/* @__PURE__ */ k("div", {
@@ -371,28 +376,28 @@ var A = {
 													className: "flex flex-wrap items-center gap-2 mb-1",
 													children: [
 														/* @__PURE__ */ k("h4", {
-															className: "font-semibold text-foreground text-sm",
+															className: "font-semibold text-text-primary text-sm",
 															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-muted text-muted-foreground"),
+															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", {
-													className: "text-xs text-muted-foreground mb-1",
+													className: "text-xs text-text-secondary mb-1",
 													children: ["Customer: ", e.customerName]
 												}),
 												/* @__PURE__ */ k("p", {
-													className: "text-xs text-muted-foreground mb-1 truncate",
+													className: "text-xs text-text-secondary mb-1 truncate",
 													children: ["Items: ", e.items.join(", ")]
 												}),
 												/* @__PURE__ */ k("div", {
-													className: "flex flex-wrap items-center gap-3 text-xs text-muted-foreground",
+													className: "flex flex-wrap items-center gap-3 text-xs text-text-secondary",
 													children: [/* @__PURE__ */ O("span", {
-														className: "font-semibold text-foreground",
+														className: "font-semibold text-text-primary",
 														children: r(e.total, { minimumFractionDigits: 0 })
 													}), /* @__PURE__ */ k("span", {
 														className: "flex items-center gap-1",
@@ -406,19 +411,19 @@ var A = {
 												/* @__PURE__ */ k("button", {
 													type: "button",
 													onClick: () => i("/cart-owner/orders"),
-													className: "inline-flex items-center gap-1 rounded-md border border-border px-3 py-1.5 text-xs font-medium text-foreground hover:bg-muted transition-colors",
+													className: "inline-flex items-center gap-1 rounded-md border border-border-seam px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors",
 													children: [/* @__PURE__ */ O(h, { className: "h-3 w-3" }), "View"]
 												}),
 												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/10 px-3 py-1.5 text-xs font-medium text-status-success-text hover:bg-status-success-bg/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-status-info-bg/10 px-3 py-1.5 text-xs font-medium text-status-info-text hover:bg-status-info-bg/20 transition-colors",
 													children: [/* @__PURE__ */ O(d, { className: "h-3 w-3" }), "Mark Ready"]
 												})
 											]
@@ -427,16 +432,16 @@ var A = {
 								}, e.id))
 							})] }),
 							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border bg-card shadow-sm",
+								className: "rounded-lg border border-border-seam bg-bg-surface shadow-sm",
 								children: [/* @__PURE__ */ k("div", {
-									className: "flex items-center justify-between border-b border-border px-5 py-4",
+									className: "flex items-center justify-between border-b border-border-seam px-5 py-4",
 									children: [/* @__PURE__ */ O("h3", {
-										className: "text-base font-semibold text-foreground",
+										className: "text-base font-semibold text-text-primary",
 										children: "Revenue (Last 7 Days)"
 									}), /* @__PURE__ */ O("button", {
 										type: "button",
 										onClick: () => i("/cart-owner/analytics"),
-										className: "text-xs text-muted-foreground hover:text-foreground transition-colors",
+										className: "text-xs text-text-secondary hover:text-text-primary transition-colors",
 										children: "View Analytics"
 									})]
 								}), /* @__PURE__ */ O("div", {
@@ -444,32 +449,32 @@ var A = {
 									children: /* @__PURE__ */ k("table", {
 										className: "w-full text-sm",
 										children: [/* @__PURE__ */ O("thead", { children: /* @__PURE__ */ k("tr", {
-											className: "border-b border-border",
+											className: "border-b border-border-seam",
 											children: [
 												/* @__PURE__ */ O("th", {
-													className: "px-5 py-3 text-left font-medium text-muted-foreground",
+													className: "px-5 py-3 text-left font-medium text-text-secondary",
 													children: "Date"
 												}),
 												/* @__PURE__ */ O("th", {
-													className: "px-5 py-3 text-right font-medium text-muted-foreground",
+													className: "px-5 py-3 text-right font-medium text-text-secondary",
 													children: "Orders"
 												}),
 												/* @__PURE__ */ O("th", {
-													className: "px-5 py-3 text-right font-medium text-muted-foreground",
+													className: "px-5 py-3 text-right font-medium text-text-secondary",
 													children: "Revenue"
 												}),
 												/* @__PURE__ */ O("th", {
-													className: "px-5 py-3 text-left font-medium text-muted-foreground",
+													className: "px-5 py-3 text-left font-medium text-text-secondary",
 													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 last:border-0",
+												className: "border-b border-border-seam last:border-0",
 												children: [
 													/* @__PURE__ */ O("td", {
-														className: "px-5 py-3 text-foreground text-xs",
+														className: "px-5 py-3 text-text-primary text-xs",
 														children: new Date(e.date).toLocaleDateString("en-IN", {
 															day: "2-digit",
 															month: "short",
@@ -477,19 +482,19 @@ var A = {
 														})
 													}),
 													/* @__PURE__ */ O("td", {
-														className: "px-5 py-3 text-right text-foreground",
+														className: "px-5 py-3 text-right text-text-primary",
 														children: e.orders
 													}),
 													/* @__PURE__ */ O("td", {
-														className: "px-5 py-3 text-right font-medium text-foreground",
+														className: "px-5 py-3 text-right font-medium text-text-primary",
 														children: r(e.revenue, { minimumFractionDigits: 0 })
 													}),
 													/* @__PURE__ */ O("td", {
 														className: "px-5 py-3 w-40",
 														children: /* @__PURE__ */ O("div", {
-															className: "h-4 rounded bg-muted overflow-hidden",
+															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-status-info-bg/60",
 																style: { width: `${i}%` }
 															})
 														})
@@ -501,40 +506,40 @@ var A = {
 								})]
 							}),
 							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 shadow-sm",
 								children: [/* @__PURE__ */ O("h3", {
-									className: "text-base font-semibold text-foreground mb-4",
+									className: "text-base font-semibold text-text-primary mb-4",
 									children: "This Month Summary"
 								}), /* @__PURE__ */ k("div", {
 									className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
 									children: [
 										/* @__PURE__ */ k("div", {
-											className: "text-center p-3 rounded-lg bg-muted/50",
+											className: "text-center p-3 rounded-lg bg-bg-sunken/50",
 											children: [/* @__PURE__ */ O("div", {
-												className: "text-xl font-bold text-foreground",
-												children: r(A.totalRevenue, { minimumFractionDigits: 0 })
+												className: "text-xl font-bold text-text-primary",
+												children: r(M.totalRevenue, { minimumFractionDigits: 0 })
 											}), /* @__PURE__ */ O("div", {
-												className: "text-xs text-muted-foreground mt-1",
+												className: "text-xs text-text-secondary mt-1",
 												children: "Total Revenue"
 											})]
 										}),
 										/* @__PURE__ */ k("div", {
-											className: "text-center p-3 rounded-lg bg-muted/50",
+											className: "text-center p-3 rounded-lg bg-bg-sunken/50",
 											children: [/* @__PURE__ */ O("div", {
-												className: "text-xl font-bold text-foreground",
-												children: A.totalOrders
+												className: "text-xl font-bold text-text-primary",
+												children: M.totalOrders
 											}), /* @__PURE__ */ O("div", {
-												className: "text-xs text-muted-foreground mt-1",
+												className: "text-xs text-text-secondary mt-1",
 												children: "Total Orders"
 											})]
 										}),
 										/* @__PURE__ */ k("div", {
-											className: "text-center p-3 rounded-lg bg-muted/50",
+											className: "text-center p-3 rounded-lg bg-bg-sunken/50",
 											children: [/* @__PURE__ */ O("div", {
-												className: "text-xl font-bold text-foreground",
-												children: A.customerCount
+												className: "text-xl font-bold text-text-primary",
+												children: M.customerCount
 											}), /* @__PURE__ */ O("div", {
-												className: "text-xs text-muted-foreground mt-1",
+												className: "text-xs text-text-secondary mt-1",
 												children: "Unique Customers"
 											})]
 										})
@@ -546,27 +551,27 @@ var A = {
 						className: "space-y-6",
 						children: [
 							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 shadow-sm",
 								children: [/* @__PURE__ */ k("div", {
 									className: "flex items-center justify-between mb-4",
 									children: [/* @__PURE__ */ k("h3", {
-										className: "text-base font-semibold text-foreground flex items-center gap-2",
+										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-text text-text-inverse 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-foreground leading-tight",
+												className: "text-xs text-text-primary leading-tight",
 												children: e.message
 											}), /* @__PURE__ */ O("p", {
-												className: "text-[10px] text-muted-foreground mt-0.5",
+												className: "text-[10px] text-text-secondary mt-0.5",
 												children: e.time
 											})]
 										})]
@@ -574,73 +579,73 @@ var A = {
 								})]
 							}),
 							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 shadow-sm",
 								children: [/* @__PURE__ */ k("h3", {
-									className: "text-base font-semibold text-foreground mb-4 flex items-center gap-2",
-									children: [/* @__PURE__ */ O(g, { className: "h-4 w-4 text-orange-500" }), "Top Selling Items"]
+									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-status-warning-text" }), "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",
 											children: [/* @__PURE__ */ O("span", {
-												className: "text-sm font-bold text-muted-foreground w-5",
+												className: "text-sm font-bold text-text-secondary w-5",
 												children: t + 1
 											}), /* @__PURE__ */ k("div", {
 												className: "min-w-0",
 												children: [/* @__PURE__ */ O("p", {
-													className: "text-xs font-medium text-foreground truncate",
+													className: "text-xs font-medium text-text-primary truncate",
 													children: e.name
 												}), /* @__PURE__ */ k("p", {
-													className: "text-[10px] text-muted-foreground",
+													className: "text-[10px] text-text-secondary",
 													children: [e.quantity, " sold"]
 												})]
 											})]
 										}), /* @__PURE__ */ O("span", {
-											className: "text-xs font-semibold text-foreground",
+											className: "text-xs font-semibold text-text-primary",
 											children: r(e.revenue, { minimumFractionDigits: 0 })
 										})]
 									}, e.name))
 								})]
 							}),
 							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 shadow-sm",
 								children: [/* @__PURE__ */ k("div", {
 									className: "flex items-center justify-between mb-4",
 									children: [/* @__PURE__ */ k("h3", {
-										className: "text-base font-semibold text-foreground flex items-center gap-2",
+										className: "text-base font-semibold text-text-primary flex items-center gap-2",
 										children: [/* @__PURE__ */ O(D, { className: "h-4 w-4" }), "Staff Overview"]
 									}), /* @__PURE__ */ O("button", {
 										type: "button",
 										onClick: () => i("/cart-owner/staff"),
-										className: "text-xs text-muted-foreground hover:text-foreground transition-colors",
+										className: "text-xs text-text-secondary hover:text-text-primary transition-colors",
 										children: "Manage"
 									})]
 								}), /* @__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", {
-												className: "text-xs font-medium text-foreground",
+											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", {
-												className: "text-[10px] text-muted-foreground",
+												className: "text-[10px] text-text-secondary",
 												children: e.role
 											})] })]
 										}), /* @__PURE__ */ O("span", {
-											className: "text-[10px] capitalize text-muted-foreground",
+											className: "text-[10px] capitalize text-text-secondary",
 											children: e.status.replace("-", " ")
 										})]
 									}, e.name))
 								})]
 							}),
 							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 shadow-sm",
 								children: [/* @__PURE__ */ O("h3", {
-									className: "text-base font-semibold text-foreground mb-4",
+									className: "text-base font-semibold text-text-primary mb-4",
 									children: "Quick Stats"
 								}), /* @__PURE__ */ k("div", {
 									className: "space-y-3",
@@ -648,40 +653,40 @@ var A = {
 										/* @__PURE__ */ k("div", {
 											className: "flex items-center justify-between",
 											children: [/* @__PURE__ */ O("span", {
-												className: "text-xs text-muted-foreground",
+												className: "text-xs text-text-secondary",
 												children: "Active Offerings"
 											}), /* @__PURE__ */ O("span", {
-												className: "text-sm font-semibold text-foreground",
-												children: A.activeOfferings
+												className: "text-sm font-semibold text-text-primary",
+												children: M.activeOfferings
 											})]
 										}),
 										/* @__PURE__ */ k("div", {
 											className: "flex items-center justify-between",
 											children: [/* @__PURE__ */ O("span", {
-												className: "text-xs text-muted-foreground",
+												className: "text-xs text-text-secondary",
 												children: "Customer Rating"
 											}), /* @__PURE__ */ k("span", {
-												className: "text-sm font-semibold text-foreground flex items-center gap-1",
-												children: [/* @__PURE__ */ O(C, { className: "h-3 w-3 text-yellow-500 fill-yellow-500" }), A.rating]
+												className: "text-sm font-semibold text-text-primary flex items-center gap-1",
+												children: [/* @__PURE__ */ O(C, { className: "h-3 w-3 text-status-warning-text fill-status-warning-text" }), M.rating]
 											})]
 										}),
 										/* @__PURE__ */ k("div", {
 											className: "flex items-center justify-between",
 											children: [/* @__PURE__ */ O("span", {
-												className: "text-xs text-muted-foreground",
+												className: "text-xs text-text-secondary",
 												children: "Total Customers"
 											}), /* @__PURE__ */ O("span", {
-												className: "text-sm font-semibold text-foreground",
-												children: A.customerCount
+												className: "text-sm font-semibold text-text-primary",
+												children: M.customerCount
 											})]
 										})
 									]
 								})]
 							}),
 							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 shadow-sm",
 								children: [/* @__PURE__ */ O("h3", {
-									className: "text-base font-semibold text-foreground mb-3",
+									className: "text-base font-semibold text-text-primary mb-3",
 									children: "Business Settings"
 								}), /* @__PURE__ */ O("div", {
 									className: "space-y-2",
@@ -706,41 +711,41 @@ var A = {
 										return /* @__PURE__ */ k("button", {
 											type: "button",
 											onClick: () => i(e.path),
-											className: "w-full flex items-center justify-between rounded-md border border-border px-3 py-2 text-xs font-medium text-foreground hover:bg-muted transition-colors",
+											className: "w-full flex items-center justify-between rounded-md border border-border-seam px-3 py-2 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors",
 											children: [/* @__PURE__ */ k("span", {
 												className: "flex items-center gap-2",
 												children: [/* @__PURE__ */ O(t, { className: "h-3.5 w-3.5" }), e.label]
-											}), /* @__PURE__ */ O(f, { className: "h-3 w-3 text-muted-foreground" })]
+											}), /* @__PURE__ */ O(f, { className: "h-3 w-3 text-text-secondary" })]
 										}, e.label);
 									})
 								})]
 							}),
 							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-5 shadow-sm",
 								children: [/* @__PURE__ */ O("h3", {
-									className: "text-base font-semibold text-foreground mb-3",
+									className: "text-base font-semibold text-text-primary mb-3",
 									children: "Recent Activity"
 								}), /* @__PURE__ */ k("div", {
 									className: "space-y-2 text-xs",
 									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", {
-												className: "text-muted-foreground",
+											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", {
-												className: "text-muted-foreground",
+											children: [/* @__PURE__ */ O(o, { className: "h-3.5 w-3.5 text-status-info-text" }), /* @__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", {
-												className: "text-muted-foreground",
+											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 +760,6 @@ var A = {
 	});
 };
 //#endregion
-export { B as CartOwnerDashboard };
+export { H as CartOwnerDashboard };
 
 //# sourceMappingURL=CartOwnerDashboard.js.map