@burdenoff/microfe-adaptercloud 2026.614.1 → 2026.624.1

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

@@ -147,7 +147,7 @@ var A = {
 	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"
+	cancelled: "bg-bg-sunken text-text-secondary"
 }, R = {
 	active: "bg-green-500",
 	"on-break": "bg-yellow-500",
@@ -178,7 +178,7 @@ var A = {
 			I(),
 			", ",
 			/* @__PURE__ */ O("span", {
-				className: "text-muted-foreground font-normal",
+				className: "text-text-secondary font-normal",
 				children: "Rajesh"
 			})
 		] }),
@@ -186,7 +186,7 @@ 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", {
@@ -199,10 +199,10 @@ var A = {
 						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",
+								className: "font-semibold text-text-primary text-sm",
 								children: ["Service Status: ", H.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]
@@ -216,7 +216,7 @@ 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-subtle 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",
@@ -233,7 +233,7 @@ var A = {
 					})
 				}),
 				/* @__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",
@@ -269,24 +269,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-subtle 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",
+										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 })]
 									})]
 								}),
 								/* @__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 +299,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",
@@ -350,18 +350,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",
+									className: "rounded-lg border border-border-subtle 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 +371,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", L[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" })
 													]
 												}),
 												/* @__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,7 +406,7 @@ 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-subtle 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", {
@@ -427,16 +427,16 @@ var A = {
 								}, e.id))
 							})] }),
 							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border bg-card shadow-sm",
+								className: "rounded-lg border border-border-subtle 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-subtle 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 +444,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-subtle",
 											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;
 											return /* @__PURE__ */ k("tr", {
-												className: "border-b border-border last:border-0",
+												className: "border-b border-border-subtle 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,17 +477,17 @@ 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",
 																style: { width: `${i}%` }
@@ -501,40 +501,40 @@ var A = {
 								})]
 							}),
 							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+								className: "rounded-lg border border-border-subtle 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",
+												className: "text-xl font-bold text-text-primary",
 												children: r(A.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",
+												className: "text-xl font-bold text-text-primary",
 												children: A.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",
+												className: "text-xl font-bold text-text-primary",
 												children: A.customerCount
 											}), /* @__PURE__ */ O("div", {
-												className: "text-xs text-muted-foreground mt-1",
+												className: "text-xs text-text-secondary mt-1",
 												children: "Unique Customers"
 											})]
 										})
@@ -546,11 +546,11 @@ 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-subtle 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",
@@ -563,10 +563,10 @@ var A = {
 										children: [/* @__PURE__ */ O(o, { className: t("h-4 w-4 mt-0.5 shrink-0", z[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,9 +574,9 @@ var A = {
 								})]
 							}),
 							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+								className: "rounded-lg border border-border-subtle 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",
+									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"]
 								}), /* @__PURE__ */ O("div", {
 									className: "space-y-3",
@@ -585,36 +585,36 @@ var A = {
 										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-subtle 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", {
@@ -624,23 +624,23 @@ var A = {
 										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",
+												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-subtle 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,30 +648,30 @@ 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",
+												className: "text-sm font-semibold text-text-primary",
 												children: A.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",
+												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]
 											})]
 										}),
 										/* @__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",
+												className: "text-sm font-semibold text-text-primary",
 												children: A.customerCount
 											})]
 										})
@@ -679,9 +679,9 @@ var A = {
 								})]
 							}),
 							/* @__PURE__ */ k("div", {
-								className: "rounded-lg border border-border bg-card p-5 shadow-sm",
+								className: "rounded-lg border border-border-subtle 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,19 +706,19 @@ 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-subtle 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-subtle 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",
@@ -726,21 +726,21 @@ var A = {
 										/* @__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",
+												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",
+												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",
+												className: "text-text-secondary",
 												children: "New customer review"
 											})]
 										})