@burdenoff/microfe-adaptercloud 2026.614.1 → 2026.624.1

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

@@ -259,7 +259,7 @@ var C = {
 			children: [/* @__PURE__ */ S("select", {
 				value: T,
 				onChange: (e) => E(e.target.value),
-				className: "rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+				className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 				children: [
 					/* @__PURE__ */ x("option", {
 						value: "today",
@@ -281,7 +281,7 @@ var C = {
 			}), /* @__PURE__ */ S("button", {
 				type: "button",
 				onClick: () => alert("Export feature coming soon!"),
-				className: "inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-2 text-sm text-foreground hover:bg-muted transition-colors",
+				className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors",
 				children: [/* @__PURE__ */ x(d, { className: "h-4 w-4" }), "Export"]
 			})]
 		}),
@@ -289,7 +289,7 @@ var C = {
 			className: "space-y-6",
 			children: [
 				/* @__PURE__ */ S("section", { children: [/* @__PURE__ */ x("h2", {
-					className: "text-base font-semibold text-foreground mb-3",
+					className: "text-base font-semibold text-text-primary mb-3",
 					children: "Revenue Overview"
 				}), /* @__PURE__ */ x("div", {
 					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",
@@ -315,24 +315,24 @@ var C = {
 							growth: null
 						}
 					].map((e) => /* @__PURE__ */ S("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__ */ S("div", {
 								className: "flex items-center justify-between",
 								children: [/* @__PURE__ */ x("div", {
 									className: "rounded-md bg-accent p-2",
-									children: /* @__PURE__ */ x(f, { className: "h-5 w-5 text-muted-foreground" })
+									children: /* @__PURE__ */ x(f, { className: "h-5 w-5 text-text-secondary" })
 								}), e.growth !== null && /* @__PURE__ */ S("div", {
 									className: t("flex items-center gap-1 text-xs font-medium", e.growth >= 0 ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
 									children: [e.growth >= 0 ? /* @__PURE__ */ x(s, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ x(o, { className: "h-3.5 w-3.5" }), j(e.growth)]
 								})]
 							}),
 							/* @__PURE__ */ x("p", {
-								className: "mt-3 text-2xl font-bold text-foreground",
+								className: "mt-3 text-2xl font-bold text-text-primary",
 								children: r(e.value, { minimumFractionDigits: 0 })
 							}),
 							/* @__PURE__ */ x("p", {
-								className: "mt-1 text-sm text-muted-foreground",
+								className: "mt-1 text-sm text-text-secondary",
 								children: e.label
 							})
 						]
@@ -341,12 +341,12 @@ var C = {
 				/* @__PURE__ */ S("div", {
 					className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
 					children: [/* @__PURE__ */ S("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__ */ x("div", {
-							className: "border-b border-border px-5 py-4",
+							className: "border-b border-border-subtle px-5 py-4",
 							children: /* @__PURE__ */ S("h2", {
-								className: "text-base font-semibold text-foreground flex items-center gap-2",
-								children: [/* @__PURE__ */ x(m, { className: "h-4 w-4 text-muted-foreground" }), "Order Statistics"]
+								className: "text-base font-semibold text-text-primary flex items-center gap-2",
+								children: [/* @__PURE__ */ x(m, { className: "h-4 w-4 text-text-secondary" }), "Order Statistics"]
 							})
 						}), /* @__PURE__ */ S("div", {
 							className: "p-5",
@@ -354,28 +354,28 @@ var C = {
 								className: "grid grid-cols-2 gap-4 mb-5",
 								children: [
 									/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: "Total Orders"
 									}), /* @__PURE__ */ x("p", {
-										className: "text-2xl font-bold text-foreground",
+										className: "text-2xl font-bold text-text-primary",
 										children: C.orders.total
 									})] }),
 									/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: "Avg. Order Value"
 									}), /* @__PURE__ */ x("p", {
-										className: "text-2xl font-bold text-foreground",
+										className: "text-2xl font-bold text-text-primary",
 										children: r(C.orders.averageValue, { minimumFractionDigits: 0 })
 									})] }),
 									/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: "Completed"
 									}), /* @__PURE__ */ x("p", {
 										className: "text-xl font-bold text-green-600 dark:text-green-400",
 										children: C.orders.completed
 									})] }),
 									/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: "Cancelled"
 									}), /* @__PURE__ */ x("p", {
 										className: "text-xl font-bold text-red-600 dark:text-red-400",
@@ -383,20 +383,20 @@ var C = {
 									})] })
 								]
 							}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
-								className: "text-xs text-muted-foreground mb-1",
+								className: "text-xs text-text-secondary mb-1",
 								children: "Avg. Preparation Time"
 							}), /* @__PURE__ */ S("p", {
-								className: "text-sm font-medium text-foreground",
+								className: "text-sm font-medium text-text-primary",
 								children: [C.orders.averagePreparationTime, " minutes"]
 							})] })]
 						})]
 					}), /* @__PURE__ */ S("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__ */ x("div", {
-							className: "border-b border-border px-5 py-4",
+							className: "border-b border-border-subtle px-5 py-4",
 							children: /* @__PURE__ */ S("h2", {
-								className: "text-base font-semibold text-foreground flex items-center gap-2",
-								children: [/* @__PURE__ */ x(u, { className: "h-4 w-4 text-muted-foreground" }), "Popular Times"]
+								className: "text-base font-semibold text-text-primary flex items-center gap-2",
+								children: [/* @__PURE__ */ x(u, { className: "h-4 w-4 text-text-secondary" }), "Popular Times"]
 							})
 						}), /* @__PURE__ */ x("div", {
 							className: "p-5 space-y-2",
@@ -405,14 +405,14 @@ var C = {
 								return /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
 									className: "flex items-center justify-between text-xs mb-0.5",
 									children: [/* @__PURE__ */ x("span", {
-										className: "text-foreground w-14",
+										className: "text-text-primary w-14",
 										children: `${e.hour}:00`
 									}), /* @__PURE__ */ S("span", {
-										className: "text-muted-foreground",
+										className: "text-text-secondary",
 										children: [e.orders, " orders"]
 									})]
 								}), /* @__PURE__ */ x("div", {
-									className: "h-2 rounded-full bg-muted overflow-hidden",
+									className: "h-2 rounded-full bg-bg-sunken overflow-hidden",
 									children: /* @__PURE__ */ x("div", {
 										className: t("h-full rounded-full transition-all", e.orders > 25 ? "bg-red-500/60" : e.orders > 18 ? "bg-yellow-500/60" : "bg-green-500/60"),
 										style: { width: `${n}%` }
@@ -423,7 +423,7 @@ var C = {
 					})]
 				}),
 				/* @__PURE__ */ S("section", { children: [/* @__PURE__ */ x("h2", {
-					className: "text-base font-semibold text-foreground mb-3",
+					className: "text-base font-semibold text-text-primary mb-3",
 					children: "Performance Metrics"
 				}), /* @__PURE__ */ x("div", {
 					className: "grid grid-cols-2 lg:grid-cols-4 gap-4",
@@ -455,11 +455,11 @@ var C = {
 					].map((e) => {
 						let n = e.icon;
 						return /* @__PURE__ */ S("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__ */ S("div", {
 								className: "flex items-center gap-2 mb-2",
 								children: [/* @__PURE__ */ x(n, { className: t("h-5 w-5", e.color) }), /* @__PURE__ */ x("span", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: e.label
 								})]
 							}), /* @__PURE__ */ x("p", {
@@ -472,13 +472,13 @@ var C = {
 				/* @__PURE__ */ S("div", {
 					className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
 					children: [/* @__PURE__ */ S("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__ */ x("div", {
-								className: "border-b border-border px-5 py-4",
+								className: "border-b border-border-subtle px-5 py-4",
 								children: /* @__PURE__ */ S("h2", {
-									className: "text-base font-semibold text-foreground flex items-center gap-2",
-									children: [/* @__PURE__ */ x(v, { className: "h-4 w-4 text-muted-foreground" }), "Top Selling Offerings"]
+									className: "text-base font-semibold text-text-primary flex items-center gap-2",
+									children: [/* @__PURE__ */ x(v, { className: "h-4 w-4 text-text-secondary" }), "Top Selling Offerings"]
 								})
 							}),
 							/* @__PURE__ */ x("div", {
@@ -488,13 +488,13 @@ var C = {
 									children: [/* @__PURE__ */ S("div", {
 										className: "flex items-center gap-3",
 										children: [/* @__PURE__ */ x("span", {
-											className: "flex h-6 w-6 items-center justify-center rounded-full bg-muted text-xs font-medium text-muted-foreground",
+											className: "flex h-6 w-6 items-center justify-center rounded-full bg-bg-sunken text-xs font-medium text-text-secondary",
 											children: t + 1
 										}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
-											className: "text-sm font-medium text-foreground",
+											className: "text-sm font-medium text-text-primary",
 											children: e.name
 										}), /* @__PURE__ */ S("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: [
 												e.category,
 												" | ",
@@ -503,23 +503,23 @@ var C = {
 											]
 										})] })]
 									}), /* @__PURE__ */ x("span", {
-										className: "text-sm font-medium text-foreground",
+										className: "text-sm font-medium text-text-primary",
 										children: r(e.revenue, { minimumFractionDigits: 0 })
 									})]
 								}, e.id))
 							}),
 							/* @__PURE__ */ S("div", {
-								className: "border-t border-border px-5 py-3",
+								className: "border-t border-border-subtle px-5 py-3",
 								children: [/* @__PURE__ */ x("p", {
-									className: "text-xs font-medium text-muted-foreground mb-2",
+									className: "text-xs font-medium text-text-secondary mb-2",
 									children: "Least Selling"
 								}), C.offerings.leastSelling.map((e) => /* @__PURE__ */ S("div", {
 									className: "flex items-center justify-between py-1.5",
 									children: [/* @__PURE__ */ x("span", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: e.name
 									}), /* @__PURE__ */ S("span", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: [
 											e.quantity,
 											" sold |",
@@ -531,12 +531,12 @@ var C = {
 							})
 						]
 					}), /* @__PURE__ */ S("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__ */ x("div", {
-							className: "border-b border-border px-5 py-4",
+							className: "border-b border-border-subtle px-5 py-4",
 							children: /* @__PURE__ */ S("h2", {
-								className: "text-base font-semibold text-foreground flex items-center gap-2",
-								children: [/* @__PURE__ */ x(c, { className: "h-4 w-4 text-muted-foreground" }), "Category Performance"]
+								className: "text-base font-semibold text-text-primary flex items-center gap-2",
+								children: [/* @__PURE__ */ x(c, { className: "h-4 w-4 text-text-secondary" }), "Category Performance"]
 							})
 						}), /* @__PURE__ */ x("div", {
 							className: "p-5 space-y-4",
@@ -545,10 +545,10 @@ var C = {
 								return /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
 									className: "flex items-center justify-between text-sm mb-1",
 									children: [/* @__PURE__ */ x("span", {
-										className: "text-foreground",
+										className: "text-text-primary",
 										children: e.category
 									}), /* @__PURE__ */ S("span", {
-										className: "text-muted-foreground",
+										className: "text-text-secondary",
 										children: [
 											r(e.revenue, { minimumFractionDigits: 0 }),
 											" (",
@@ -558,7 +558,7 @@ var C = {
 										]
 									})]
 								}), /* @__PURE__ */ x("div", {
-									className: "h-2.5 rounded-full bg-muted overflow-hidden",
+									className: "h-2.5 rounded-full bg-bg-sunken overflow-hidden",
 									children: /* @__PURE__ */ x("div", {
 										className: "h-full rounded-full bg-blue-500/60",
 										style: { width: `${t}%` }
@@ -571,12 +571,12 @@ var C = {
 				/* @__PURE__ */ S("div", {
 					className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
 					children: [/* @__PURE__ */ S("div", {
-						className: "lg:col-span-2 rounded-lg border border-border bg-card shadow-sm",
+						className: "lg:col-span-2 rounded-lg border border-border-subtle bg-bg-surface shadow-sm",
 						children: [/* @__PURE__ */ x("div", {
-							className: "border-b border-border px-5 py-4",
+							className: "border-b border-border-subtle px-5 py-4",
 							children: /* @__PURE__ */ S("h2", {
-								className: "text-base font-semibold text-foreground flex items-center gap-2",
-								children: [/* @__PURE__ */ x(y, { className: "h-4 w-4 text-muted-foreground" }), "Customer Overview"]
+								className: "text-base font-semibold text-text-primary flex items-center gap-2",
+								children: [/* @__PURE__ */ x(y, { className: "h-4 w-4 text-text-secondary" }), "Customer Overview"]
 							})
 						}), /* @__PURE__ */ S("div", {
 							className: "p-5",
@@ -585,28 +585,28 @@ var C = {
 									className: "grid grid-cols-2 sm:grid-cols-4 gap-4 mb-5",
 									children: [
 										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: "Total Customers"
 										}), /* @__PURE__ */ x("p", {
-											className: "text-xl font-bold text-foreground",
+											className: "text-xl font-bold text-text-primary",
 											children: C.customers.total
 										})] }),
 										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: "New This Month"
 										}), /* @__PURE__ */ x("p", {
 											className: "text-xl font-bold text-blue-600 dark:text-blue-400",
 											children: C.customers.new
 										})] }),
 										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: "Returning"
 										}), /* @__PURE__ */ x("p", {
 											className: "text-xl font-bold text-green-600 dark:text-green-400",
 											children: C.customers.returning
 										})] }),
 										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: "Satisfaction"
 										}), /* @__PURE__ */ S("p", {
 											className: "text-xl font-bold text-yellow-600 dark:text-yellow-400 flex items-center gap-1",
@@ -615,7 +615,7 @@ var C = {
 									]
 								}),
 								/* @__PURE__ */ x("p", {
-									className: "text-sm font-medium text-foreground mb-2",
+									className: "text-sm font-medium text-text-primary mb-2",
 									children: "Top Customers"
 								}),
 								/* @__PURE__ */ x("div", {
@@ -623,42 +623,42 @@ var C = {
 									children: /* @__PURE__ */ S("table", {
 										className: "w-full text-sm",
 										children: [/* @__PURE__ */ x("thead", { children: /* @__PURE__ */ S("tr", {
-											className: "border-b border-border",
+											className: "border-b border-border-subtle",
 											children: [
 												/* @__PURE__ */ x("th", {
-													className: "py-2 text-left font-medium text-muted-foreground",
+													className: "py-2 text-left font-medium text-text-secondary",
 													children: "#"
 												}),
 												/* @__PURE__ */ x("th", {
-													className: "py-2 text-left font-medium text-muted-foreground",
+													className: "py-2 text-left font-medium text-text-secondary",
 													children: "Customer"
 												}),
 												/* @__PURE__ */ x("th", {
-													className: "py-2 text-right font-medium text-muted-foreground",
+													className: "py-2 text-right font-medium text-text-secondary",
 													children: "Orders"
 												}),
 												/* @__PURE__ */ x("th", {
-													className: "py-2 text-right font-medium text-muted-foreground",
+													className: "py-2 text-right font-medium text-text-secondary",
 													children: "Total Spent"
 												})
 											]
 										}) }), /* @__PURE__ */ x("tbody", { children: C.customers.topCustomers.map((e, t) => /* @__PURE__ */ S("tr", {
-											className: "border-b border-border last:border-0",
+											className: "border-b border-border-subtle last:border-0",
 											children: [
 												/* @__PURE__ */ x("td", {
-													className: "py-2.5 text-muted-foreground",
+													className: "py-2.5 text-text-secondary",
 													children: t + 1
 												}),
 												/* @__PURE__ */ x("td", {
-													className: "py-2.5 font-medium text-foreground",
+													className: "py-2.5 font-medium text-text-primary",
 													children: e.name
 												}),
 												/* @__PURE__ */ x("td", {
-													className: "py-2.5 text-right text-foreground",
+													className: "py-2.5 text-right text-text-primary",
 													children: e.orders
 												}),
 												/* @__PURE__ */ x("td", {
-													className: "py-2.5 text-right font-medium text-foreground",
+													className: "py-2.5 text-right font-medium text-text-primary",
 													children: r(e.totalSpent, { minimumFractionDigits: 0 })
 												})
 											]
@@ -670,7 +670,7 @@ var C = {
 									children: /* @__PURE__ */ S("div", {
 										className: "flex items-center gap-1.5",
 										children: [/* @__PURE__ */ x(_, { className: "h-4 w-4 text-green-600 dark:text-green-400" }), /* @__PURE__ */ S("span", {
-											className: "text-muted-foreground",
+											className: "text-text-secondary",
 											children: [
 												C.customers.satisfaction.positiveReviews,
 												"/",
@@ -685,12 +685,12 @@ var C = {
 					}), /* @__PURE__ */ S("div", {
 						className: "space-y-6",
 						children: [/* @__PURE__ */ S("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__ */ x("div", {
-								className: "border-b border-border px-5 py-4",
+								className: "border-b border-border-subtle px-5 py-4",
 								children: /* @__PURE__ */ S("h2", {
-									className: "text-base font-semibold text-foreground flex items-center gap-2",
-									children: [/* @__PURE__ */ x(u, { className: "h-4 w-4 text-muted-foreground" }), "Peak Hours"]
+									className: "text-base font-semibold text-text-primary flex items-center gap-2",
+									children: [/* @__PURE__ */ x(u, { className: "h-4 w-4 text-text-secondary" }), "Peak Hours"]
 								})
 							}), /* @__PURE__ */ x("div", {
 								className: "p-5 space-y-3",
@@ -699,14 +699,14 @@ var C = {
 									return /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
 										className: "flex items-center justify-between text-xs mb-1",
 										children: [/* @__PURE__ */ x("span", {
-											className: "text-foreground",
+											className: "text-text-primary",
 											children: e.hour
 										}), /* @__PURE__ */ S("span", {
-											className: "text-muted-foreground",
+											className: "text-text-secondary",
 											children: [e.orders, " orders"]
 										})]
 									}), /* @__PURE__ */ x("div", {
-										className: "h-2 rounded-full bg-muted overflow-hidden",
+										className: "h-2 rounded-full bg-bg-sunken overflow-hidden",
 										children: /* @__PURE__ */ x("div", {
 											className: t("h-full rounded-full", e.orders > 28 ? "bg-red-500/60" : e.orders > 22 ? "bg-yellow-500/60" : "bg-green-500/60"),
 											style: { width: `${n}%` }
@@ -715,12 +715,12 @@ var C = {
 								})
 							})]
 						}), /* @__PURE__ */ S("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__ */ x("div", {
-								className: "border-b border-border px-5 py-4",
+								className: "border-b border-border-subtle px-5 py-4",
 								children: /* @__PURE__ */ S("h2", {
-									className: "text-base font-semibold text-foreground flex items-center gap-2",
-									children: [/* @__PURE__ */ x(l, { className: "h-4 w-4 text-muted-foreground" }), "Peak Days"]
+									className: "text-base font-semibold text-text-primary flex items-center gap-2",
+									children: [/* @__PURE__ */ x(l, { className: "h-4 w-4 text-text-secondary" }), "Peak Days"]
 								})
 							}), /* @__PURE__ */ x("div", {
 								className: "p-5 space-y-3",
@@ -729,14 +729,14 @@ var C = {
 									return /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
 										className: "flex items-center justify-between text-xs mb-1",
 										children: [/* @__PURE__ */ x("span", {
-											className: "text-foreground",
+											className: "text-text-primary",
 											children: e.day
 										}), /* @__PURE__ */ S("span", {
-											className: "text-muted-foreground",
+											className: "text-text-secondary",
 											children: [e.orders, " orders"]
 										})]
 									}), /* @__PURE__ */ x("div", {
-										className: "h-2 rounded-full bg-muted overflow-hidden",
+										className: "h-2 rounded-full bg-bg-sunken overflow-hidden",
 										children: /* @__PURE__ */ x("div", {
 											className: "h-full rounded-full bg-blue-500/60",
 											style: { width: `${t}%` }
@@ -748,49 +748,49 @@ var C = {
 					})]
 				}),
 				/* @__PURE__ */ S("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__ */ x("div", {
-						className: "border-b border-border px-5 py-4",
+						className: "border-b border-border-subtle px-5 py-4",
 						children: /* @__PURE__ */ S("h2", {
-							className: "text-base font-semibold text-foreground flex items-center gap-2",
-							children: [/* @__PURE__ */ x(v, { className: "h-4 w-4 text-muted-foreground" }), "Daily Order Trends"]
+							className: "text-base font-semibold text-text-primary flex items-center gap-2",
+							children: [/* @__PURE__ */ x(v, { className: "h-4 w-4 text-text-secondary" }), "Daily Order Trends"]
 						})
 					}), /* @__PURE__ */ x("div", {
 						className: "overflow-x-auto",
 						children: /* @__PURE__ */ S("table", {
 							className: "w-full text-sm",
 							children: [/* @__PURE__ */ x("thead", { children: /* @__PURE__ */ S("tr", {
-								className: "border-b border-border",
+								className: "border-b border-border-subtle",
 								children: [
 									/* @__PURE__ */ x("th", {
-										className: "px-5 py-2.5 text-left font-medium text-muted-foreground",
+										className: "px-5 py-2.5 text-left font-medium text-text-secondary",
 										children: "Date"
 									}),
 									/* @__PURE__ */ x("th", {
-										className: "px-5 py-2.5 text-right font-medium text-muted-foreground",
+										className: "px-5 py-2.5 text-right font-medium text-text-secondary",
 										children: "Orders"
 									}),
 									/* @__PURE__ */ x("th", {
-										className: "px-5 py-2.5 text-right font-medium text-muted-foreground",
+										className: "px-5 py-2.5 text-right font-medium text-text-secondary",
 										children: "Revenue"
 									})
 								]
 							}) }), /* @__PURE__ */ x("tbody", { children: i.orderTrends.map((e) => /* @__PURE__ */ S("tr", {
-								className: "border-b border-border last:border-0",
+								className: "border-b border-border-subtle last:border-0",
 								children: [
 									/* @__PURE__ */ x("td", {
-										className: "px-5 py-2.5 text-foreground",
+										className: "px-5 py-2.5 text-text-primary",
 										children: new Date(e.date).toLocaleDateString("en-IN", {
 											day: "2-digit",
 											month: "short"
 										})
 									}),
 									/* @__PURE__ */ x("td", {
-										className: "px-5 py-2.5 text-right text-foreground",
+										className: "px-5 py-2.5 text-right text-text-primary",
 										children: e.orders
 									}),
 									/* @__PURE__ */ x("td", {
-										className: "px-5 py-2.5 text-right font-medium text-foreground",
+										className: "px-5 py-2.5 text-right font-medium text-text-primary",
 										children: r(e.revenue, { minimumFractionDigits: 0 })
 									})
 								]
@@ -799,12 +799,12 @@ var C = {
 					})]
 				}),
 				/* @__PURE__ */ S("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__ */ x("div", {
-						className: "border-b border-border px-5 py-4",
+						className: "border-b border-border-subtle px-5 py-4",
 						children: /* @__PURE__ */ S("h2", {
-							className: "text-base font-semibold text-foreground flex items-center gap-2",
-							children: [/* @__PURE__ */ x(y, { className: "h-4 w-4 text-muted-foreground" }), "Monthly Customer Growth"]
+							className: "text-base font-semibold text-text-primary flex items-center gap-2",
+							children: [/* @__PURE__ */ x(y, { className: "h-4 w-4 text-text-secondary" }), "Monthly Customer Growth"]
 						})
 					}), /* @__PURE__ */ S("div", {
 						className: "p-5",
@@ -819,7 +819,7 @@ var C = {
 								}, e.month);
 							})
 						}), /* @__PURE__ */ x("div", {
-							className: "flex justify-between mt-2 text-xs text-muted-foreground",
+							className: "flex justify-between mt-2 text-xs text-text-secondary",
 							children: i.customerGrowth.length > 0 && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("span", { children: i.customerGrowth[0].month }), /* @__PURE__ */ x("span", { children: i.customerGrowth[i.customerGrowth.length - 1].month })] })
 						})]
 					})]