@burdenoff/microfe-subscriberbot 2026.615.1 → 2026.625.1

package/dist/subscriberbot/pages/HomePage.js

@@ -10,36 +10,37 @@ import { useCallback as u, useMemo as d, useState as f } from "react";
 import { useI18n as p } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { Activity as m, AlertCircle as h, ArrowRight as g, BadgeCheck as _, BarChart3 as v, CheckCircle2 as y, ChefHat as b, ClipboardList as x, Clock as S, FileText as C, GraduationCap as w, HandCoins as T, Heart as E, Home as D, IndianRupee as O, LayoutDashboard as k, Loader2 as A, MapPin as j, Package as M, Scissors as N, Search as P, Settings as F, Shirt as I, ShoppingBag as L, ShoppingCart as R, Sparkles as z, Star as B, Store as V, TrendingUp as H, Truck as U, Users as W, Wallet as G, Wrench as K } from "lucide-react";
 import { jsx as q, jsxs as J } from "react/jsx-runtime";
+import { EmphasisPanel as Y } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/HomePage.tsx
-var Y = {
+var X = {
 	customer: [
 		{
 			label: "Discover Services",
 			description: "Browse carts near you",
 			icon: /* @__PURE__ */ q(P, { className: "h-5 w-5" }),
 			path: "/customer/carts",
-			color: "bg-blue-500/10 text-blue-600 dark:text-blue-400"
+			color: "bg-status-info-bg/10 text-status-info-text"
 		},
 		{
 			label: "My Orders",
 			description: "Track your orders",
 			icon: /* @__PURE__ */ q(L, { className: "h-5 w-5" }),
 			path: "/customer/orders",
-			color: "bg-green-500/10 text-green-600 dark:text-green-400"
+			color: "bg-status-success-bg/10 text-status-success-text"
 		},
 		{
 			label: "Favorites",
 			description: "Your saved carts",
 			icon: /* @__PURE__ */ q(E, { className: "h-5 w-5" }),
 			path: "/customer/favorites",
-			color: "bg-pink-500/10 text-pink-600 dark:text-pink-400"
+			color: "bg-accent-purple-subtle text-accent-purple"
 		},
 		{
 			label: "Settings",
 			description: "Manage preferences",
 			icon: /* @__PURE__ */ q(F, { className: "h-5 w-5" }),
 			path: "/settings",
-			color: "bg-muted text-muted-foreground"
+			color: "bg-bg-sunken text-text-secondary"
 		}
 	],
 	cart_owner: [
@@ -48,28 +49,28 @@ var Y = {
 			description: "Manage your cart",
 			icon: /* @__PURE__ */ q(V, { className: "h-5 w-5" }),
 			path: "/owner/dashboard",
-			color: "bg-purple-500/10 text-purple-600 dark:text-purple-400"
+			color: "bg-accent-purple-subtle text-accent-purple"
 		},
 		{
 			label: "Orders",
 			description: "Incoming orders",
 			icon: /* @__PURE__ */ q(L, { className: "h-5 w-5" }),
 			path: "/owner/orders",
-			color: "bg-blue-500/10 text-blue-600 dark:text-blue-400"
+			color: "bg-status-info-bg/10 text-status-info-text"
 		},
 		{
 			label: "Analytics",
 			description: "Revenue & insights",
 			icon: /* @__PURE__ */ q(v, { className: "h-5 w-5" }),
 			path: "/owner/analytics",
-			color: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400"
+			color: "bg-status-success-bg/10 text-status-success-text"
 		},
 		{
 			label: "Staff",
 			description: "Manage workers",
 			icon: /* @__PURE__ */ q(W, { className: "h-5 w-5" }),
 			path: "/owner/staff",
-			color: "bg-orange-500/10 text-orange-600 dark:text-orange-400"
+			color: "bg-status-warning-bg/10 text-status-warning-text"
 		}
 	],
 	worker: [
@@ -78,28 +79,28 @@ var Y = {
 			description: "View assigned tasks",
 			icon: /* @__PURE__ */ q(x, { className: "h-5 w-5" }),
 			path: "/worker/dashboard",
-			color: "bg-orange-500/10 text-orange-600 dark:text-orange-400"
+			color: "bg-status-warning-bg/10 text-status-warning-text"
 		},
 		{
 			label: "Schedule",
 			description: "View shifts",
 			icon: /* @__PURE__ */ q(S, { className: "h-5 w-5" }),
 			path: "/worker/schedule",
-			color: "bg-blue-500/10 text-blue-600 dark:text-blue-400"
+			color: "bg-status-info-bg/10 text-status-info-text"
 		},
 		{
 			label: "Earnings",
 			description: "Track pay",
 			icon: /* @__PURE__ */ q(G, { className: "h-5 w-5" }),
 			path: "/worker/earnings",
-			color: "bg-green-500/10 text-green-600 dark:text-green-400"
+			color: "bg-status-success-bg/10 text-status-success-text"
 		},
 		{
 			label: "Performance",
 			description: "Ratings & stats",
 			icon: /* @__PURE__ */ q(B, { className: "h-5 w-5" }),
 			path: "/worker/performance",
-			color: "bg-yellow-500/10 text-yellow-600 dark:text-yellow-400"
+			color: "bg-status-warning-bg/10 text-status-warning-text"
 		}
 	],
 	investor: [
@@ -108,28 +109,28 @@ var Y = {
 			description: "Your investments",
 			icon: /* @__PURE__ */ q(H, { className: "h-5 w-5" }),
 			path: "/investor/dashboard",
-			color: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400"
+			color: "bg-status-success-bg/10 text-status-success-text"
 		},
 		{
 			label: "Opportunities",
 			description: "New investments",
 			icon: /* @__PURE__ */ q(T, { className: "h-5 w-5" }),
 			path: "/investor/opportunities",
-			color: "bg-blue-500/10 text-blue-600 dark:text-blue-400"
+			color: "bg-status-info-bg/10 text-status-info-text"
 		},
 		{
 			label: "Returns",
 			description: "Earnings history",
 			icon: /* @__PURE__ */ q(O, { className: "h-5 w-5" }),
 			path: "/investor/returns",
-			color: "bg-green-500/10 text-green-600 dark:text-green-400"
+			color: "bg-status-success-bg/10 text-status-success-text"
 		},
 		{
 			label: "Reports",
 			description: "Performance reports",
 			icon: /* @__PURE__ */ q(C, { className: "h-5 w-5" }),
 			path: "/investor/reports",
-			color: "bg-purple-500/10 text-purple-600 dark:text-purple-400"
+			color: "bg-accent-purple-subtle text-accent-purple"
 		}
 	],
 	admin: [
@@ -138,32 +139,32 @@ var Y = {
 			description: "Platform overview",
 			icon: /* @__PURE__ */ q(k, { className: "h-5 w-5" }),
 			path: "/admin/dashboard",
-			color: "bg-red-500/10 text-red-600 dark:text-red-400"
+			color: "bg-status-error-bg/10 text-status-error-text"
 		},
 		{
 			label: "Users",
 			description: "Manage accounts",
 			icon: /* @__PURE__ */ q(W, { className: "h-5 w-5" }),
 			path: "/admin/users",
-			color: "bg-blue-500/10 text-blue-600 dark:text-blue-400"
+			color: "bg-status-info-bg/10 text-status-info-text"
 		},
 		{
 			label: "Carts",
 			description: "Approve & manage",
 			icon: /* @__PURE__ */ q(V, { className: "h-5 w-5" }),
 			path: "/admin/carts",
-			color: "bg-purple-500/10 text-purple-600 dark:text-purple-400"
+			color: "bg-accent-purple-subtle text-accent-purple"
 		},
 		{
 			label: "Analytics",
 			description: "Revenue reports",
 			icon: /* @__PURE__ */ q(v, { className: "h-5 w-5" }),
 			path: "/admin/analytics",
-			color: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400"
+			color: "bg-status-success-bg/10 text-status-success-text"
 		}
 	]
 };
-function X(e, t, n) {
+function Z(e, t, n) {
 	switch (e) {
 		case "customer": return [
 			{
@@ -317,53 +318,53 @@ function X(e, t, n) {
 		];
 	}
 }
-var Z = [
+var Q = [
 	{
 		label: "Food & Beverage",
 		icon: /* @__PURE__ */ q(b, { className: "h-6 w-6" }),
-		color: "bg-orange-500/10 text-orange-600 dark:text-orange-400"
+		color: "bg-status-warning-bg/10 text-status-warning-text"
 	},
 	{
 		label: "Personal Care & Beauty",
 		icon: /* @__PURE__ */ q(N, { className: "h-6 w-6" }),
-		color: "bg-pink-500/10 text-pink-600 dark:text-pink-400"
+		color: "bg-accent-purple-subtle text-accent-purple"
 	},
 	{
 		label: "Repair & Maintenance",
 		icon: /* @__PURE__ */ q(K, { className: "h-6 w-6" }),
-		color: "bg-blue-500/10 text-blue-600 dark:text-blue-400"
+		color: "bg-status-info-bg/10 text-status-info-text"
 	},
 	{
 		label: "Home Services",
 		icon: /* @__PURE__ */ q(D, { className: "h-6 w-6" }),
-		color: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400"
+		color: "bg-status-success-bg/10 text-status-success-text"
 	},
 	{
 		label: "Clothing & Fashion",
 		icon: /* @__PURE__ */ q(I, { className: "h-6 w-6" }),
-		color: "bg-purple-500/10 text-purple-600 dark:text-purple-400"
+		color: "bg-accent-purple-subtle text-accent-purple"
 	},
 	{
 		label: "Health & Wellness",
 		icon: /* @__PURE__ */ q(E, { className: "h-6 w-6" }),
-		color: "bg-red-500/10 text-red-600 dark:text-red-400"
+		color: "bg-status-error-bg/10 text-status-error-text"
 	},
 	{
 		label: "Education & Skills",
 		icon: /* @__PURE__ */ q(w, { className: "h-6 w-6" }),
-		color: "bg-yellow-500/10 text-yellow-600 dark:text-yellow-400"
+		color: "bg-status-warning-bg/10 text-status-warning-text"
 	},
 	{
 		label: "Retail & Merchandise",
 		icon: /* @__PURE__ */ q(M, { className: "h-6 w-6" }),
-		color: "bg-indigo-500/10 text-indigo-600 dark:text-indigo-400"
+		color: "bg-accent-indigo-subtle text-accent-indigo"
 	},
 	{
 		label: "Grocery & Essentials",
 		icon: /* @__PURE__ */ q(R, { className: "h-6 w-6" }),
-		color: "bg-green-500/10 text-green-600 dark:text-green-400"
+		color: "bg-status-success-bg/10 text-status-success-text"
 	}
-], Q = [
+], $ = [
 	{
 		step: 1,
 		title: "Browse Services",
@@ -388,7 +389,7 @@ var Z = [
 		description: "Share your experience and help others find great services.",
 		icon: /* @__PURE__ */ q(B, { className: "h-6 w-6" })
 	}
-], $ = [
+], ee = [
 	{
 		id: "ha-1",
 		description: "New order placed at Dosa Express",
@@ -419,7 +420,7 @@ var Z = [
 		time: "5 hours ago",
 		type: "order"
 	}
-], ee = [
+], te = [
 	{
 		label: "Service Providers",
 		value: "21+",
@@ -441,7 +442,7 @@ var Z = [
 		icon: /* @__PURE__ */ q(y, { className: "h-5 w-5" })
 	}
 ];
-function te() {
+function ne() {
 	let { navigateTo: v, currentUser: y } = e(), { t: b } = p(), [x, C] = f(""), { providers: w, orders: T, dashboardStats: E } = o(), D = u((e, t) => {
 		let n = b(e);
 		return n === e ? t : n;
@@ -457,7 +458,7 @@ function te() {
 		worker: D("subscriberbot.home.greeting.worker", "Check your tasks and earnings"),
 		investor: D("subscriberbot.home.greeting.investor", "Track your investments and returns"),
 		admin: D("subscriberbot.home.greeting.admin", "Monitor and manage the platform")
-	}, I = Y[M] ?? Y.customer, L = X(M, T.data ?? [], E.data), R = d(() => {
+	}, I = X[M] ?? X.customer, L = Z(M, T.data ?? [], E.data), R = d(() => {
 		let e = (w.data ?? []).filter((e) => e.isOpen);
 		if (x) {
 			let t = x.toLowerCase();
@@ -465,10 +466,10 @@ function te() {
 		}
 		return e.sort((e, t) => t.rating - e.rating).slice(0, 6);
 	}, [w.data, x]), V = d(() => [...T.data ?? []].sort((e, t) => new Date(t.orderDate).getTime() - new Date(e.orderDate).getTime()).slice(0, 3), [T.data]), H = {
-		order: "text-blue-600 dark:text-blue-400",
-		review: "text-yellow-600 dark:text-yellow-400",
-		investment: "text-green-600 dark:text-green-400",
-		cart: "text-purple-600 dark:text-purple-400"
+		order: "text-status-info-text",
+		review: "text-status-warning-text",
+		investment: "text-status-success-text",
+		cart: "text-accent-purple"
 	}, U = (T.data ?? []).length === 0 && !T.isLoading, W = w.isLoading || T.isLoading || E.isLoading, G = w.isError || T.isError || E.isError;
 	return W ? /* @__PURE__ */ q(n, {
 		title: D("subscriberbot.common.loading", "Loading..."),
@@ -481,13 +482,13 @@ function te() {
 		children: /* @__PURE__ */ J("div", {
 			className: "flex h-[60vh] flex-col items-center justify-center gap-4",
 			children: [
-				/* @__PURE__ */ q(h, { className: "h-12 w-12 text-destructive" }),
+				/* @__PURE__ */ q(h, { className: "h-12 w-12 text-status-error-text" }),
 				/* @__PURE__ */ q("h2", {
 					className: "text-xl font-semibold",
 					children: D("subscriberbot.common.errorLoading", "Error loading data")
 				}),
 				/* @__PURE__ */ q("p", {
-					className: "text-muted-foreground",
+					className: "text-text-secondary",
 					children: D("subscriberbot.common.tryAgain", "Please try again later.")
 				})
 			]
@@ -495,29 +496,31 @@ function te() {
 	}) : /* @__PURE__ */ J(n, {
 		title: `${D("subscriberbot.home.hello", "Hello")}, ${k}!`,
 		description: F[M],
+		titleGradient: !0,
+		aurora: !0,
 		children: [
-			U && /* @__PURE__ */ q("section", {
-				className: "mb-6 rounded-xl border border-border bg-gradient-to-r from-primary/5 via-primary/10 to-primary/5 p-6",
+			U && /* @__PURE__ */ q(Y, {
+				className: "mb-6",
 				children: /* @__PURE__ */ J("div", {
 					className: "flex items-start gap-4",
 					children: [/* @__PURE__ */ q("div", {
-						className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-primary/10",
+						className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-action-primary-bg/10",
 						children: /* @__PURE__ */ q(z, { className: "h-6 w-6 text-primary" })
 					}), /* @__PURE__ */ J("div", {
 						className: "flex-1",
 						children: [
 							/* @__PURE__ */ q("h2", {
-								className: "text-lg font-semibold text-foreground",
+								className: "text-lg font-semibold text-text-primary",
 								children: D("subscriberbot.home.welcomeTitle", "Welcome to SubscriberBot!")
 							}),
 							/* @__PURE__ */ q("p", {
-								className: "mt-1 text-sm text-muted-foreground",
+								className: "mt-1 text-sm text-text-secondary",
 								children: D("subscriberbot.home.welcomeDescription", "Your local services marketplace. Start by exploring service providers near you or browse categories to find what you need.")
 							}),
 							/* @__PURE__ */ J("button", {
 								type: "button",
 								onClick: () => v("/customer/carts"),
-								className: "mt-3 inline-flex items-center gap-1.5 rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
+								className: "mt-3 inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors min-h-11",
 								children: [/* @__PURE__ */ q(P, { className: "h-4 w-4" }), D("subscriberbot.home.exploreServices", "Explore Services")]
 							})
 						]
@@ -525,19 +528,19 @@ function te() {
 				})
 			}),
 			/* @__PURE__ */ q("section", {
-				className: "mb-6 rounded-xl border border-border bg-card p-6",
+				className: "mb-6 rounded-xl border border-border-seam bg-bg-surface p-6",
 				children: /* @__PURE__ */ J("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
 					children: [/* @__PURE__ */ J("div", { children: [
 						/* @__PURE__ */ q("div", {
 							className: "flex items-center gap-2 mb-1",
 							children: /* @__PURE__ */ J("span", {
-								className: "inline-flex items-center rounded-full bg-primary/10 px-2.5 py-0.5 text-xs font-medium text-primary",
+								className: "inline-flex items-center rounded-full bg-action-primary-bg/10 px-2.5 py-0.5 text-xs font-medium text-primary",
 								children: [/* @__PURE__ */ q(_, { className: "mr-1 h-3 w-3" }), N[M]]
 							})
 						}),
 						/* @__PURE__ */ J("h2", {
-							className: "text-xl font-bold text-foreground",
+							className: "text-xl font-bold text-text-primary",
 							children: [
 								D("subscriberbot.home.good", "Good"),
 								" ",
@@ -547,17 +550,17 @@ function te() {
 							]
 						}),
 						/* @__PURE__ */ q("p", {
-							className: "mt-1 text-sm text-muted-foreground",
+							className: "mt-1 text-sm text-text-secondary",
 							children: F[M]
 						})
 					] }), /* @__PURE__ */ J("div", {
 						className: "relative w-full sm:w-72",
-						children: [/* @__PURE__ */ q(P, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ q("input", {
+						children: [/* @__PURE__ */ q(P, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ q("input", {
 							type: "text",
 							placeholder: D("subscriberbot.home.searchPlaceholder", "Search services, carts..."),
 							value: x,
 							onChange: (e) => C(e.target.value),
-							className: "w-full rounded-lg border border-border bg-card py-2.5 pl-10 pr-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+							className: "w-full rounded-lg border border-border-seam bg-bg-surface py-2.5 pl-10 pr-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 						})]
 					})]
 				})
@@ -565,7 +568,7 @@ function te() {
 			/* @__PURE__ */ J("section", {
 				className: "mb-8",
 				children: [/* @__PURE__ */ q("h2", {
-					className: "text-lg font-semibold text-foreground mb-4",
+					className: "text-lg font-semibold text-text-primary mb-4",
 					children: D("subscriberbot.home.quickStats", "Quick Stats")
 				}), /* @__PURE__ */ q("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
@@ -581,14 +584,14 @@ function te() {
 			/* @__PURE__ */ J("section", {
 				className: "mb-8",
 				children: [/* @__PURE__ */ q("h2", {
-					className: "text-lg font-semibold text-foreground mb-4",
+					className: "text-lg font-semibold text-text-primary mb-4",
 					children: D("subscriberbot.home.quickActions", "Quick Actions")
 				}), /* @__PURE__ */ q("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
 					children: I.map((e) => /* @__PURE__ */ J("button", {
 						type: "button",
 						onClick: () => v(e.path),
-						className: t("flex items-start gap-3 rounded-lg border border-border bg-card p-4 text-left shadow-sm transition-all", "hover:border-accent-foreground/20 hover:shadow-md"),
+						className: t("flex items-start gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 text-left shadow-sm transition-all", "hover:border-accent-foreground/20 hover:shadow-md"),
 						children: [
 							/* @__PURE__ */ q("div", {
 								className: t("flex h-10 w-10 shrink-0 items-center justify-center rounded-lg", e.color),
@@ -597,14 +600,14 @@ function te() {
 							/* @__PURE__ */ J("div", {
 								className: "min-w-0 flex-1",
 								children: [/* @__PURE__ */ q("p", {
-									className: "text-sm font-semibold text-foreground",
+									className: "text-sm font-semibold text-text-primary",
 									children: e.label
 								}), /* @__PURE__ */ q("p", {
-									className: "mt-0.5 text-xs text-muted-foreground",
+									className: "mt-0.5 text-xs text-text-secondary",
 									children: e.description
 								})]
 							}),
-							/* @__PURE__ */ q(g, { className: "h-4 w-4 text-muted-foreground shrink-0 mt-1" })
+							/* @__PURE__ */ q(g, { className: "h-4 w-4 text-text-secondary shrink-0 mt-1" })
 						]
 					}, e.label))
 				})]
@@ -614,7 +617,7 @@ function te() {
 				children: [/* @__PURE__ */ J("div", {
 					className: "flex items-center justify-between mb-4",
 					children: [/* @__PURE__ */ q("h2", {
-						className: "text-lg font-semibold text-foreground",
+						className: "text-lg font-semibold text-text-primary",
 						children: x ? D("subscriberbot.home.searchResults", "Search Results") : D("subscriberbot.home.featuredCarts", "Featured Carts")
 					}), /* @__PURE__ */ J("button", {
 						type: "button",
@@ -627,13 +630,14 @@ function te() {
 						]
 					})]
 				}), R.length === 0 ? /* @__PURE__ */ q(a, {
+					illustration: "empty-search",
 					icon: /* @__PURE__ */ q(P, { className: "h-10 w-10" }),
 					title: D("subscriberbot.home.noCartsFound", "No carts found"),
 					description: D("subscriberbot.home.noCartsDescription", "Try adjusting your search or browse all categories"),
 					action: /* @__PURE__ */ q("button", {
 						type: "button",
 						onClick: () => C(""),
-						className: "rounded-lg border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+						className: "rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 						children: D("subscriberbot.home.clearSearch", "Clear Search")
 					})
 				}) : /* @__PURE__ */ q("div", {
@@ -645,9 +649,9 @@ function te() {
 						onKeyDown: (t) => {
 							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), v(`/customer/cart/${e.id}`));
 						},
-						className: "rounded-lg border border-border bg-card shadow-sm overflow-hidden transition-all hover:shadow-md hover:border-accent-foreground/20 cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+						className: "rounded-lg border border-border-seam bg-bg-surface shadow-sm overflow-hidden transition-all hover:shadow-md hover:border-accent-foreground/20 cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
 						children: [/* @__PURE__ */ J("div", {
-							className: "relative h-40 bg-muted",
+							className: "relative h-40 bg-bg-sunken",
 							children: [
 								/* @__PURE__ */ q("img", {
 									src: e.image,
@@ -662,7 +666,7 @@ function te() {
 								e.isVerified && /* @__PURE__ */ q("div", {
 									className: "absolute top-2 left-2",
 									children: /* @__PURE__ */ J("span", {
-										className: "inline-flex items-center gap-1 rounded-full bg-blue-500/90 px-2 py-0.5 text-xs font-medium text-white backdrop-blur-sm",
+										className: "inline-flex items-center gap-1 rounded-full bg-status-info-bg/90 px-2 py-0.5 text-xs font-medium text-text-inverse backdrop-blur-sm",
 										children: [
 											/* @__PURE__ */ q(_, { className: "h-3 w-3" }),
 											" ",
@@ -673,7 +677,7 @@ function te() {
 								/* @__PURE__ */ q("div", {
 									className: "absolute bottom-2 right-2",
 									children: /* @__PURE__ */ J("span", {
-										className: "inline-flex items-center gap-1 rounded-full bg-black/60 px-2 py-0.5 text-xs text-white backdrop-blur-sm",
+										className: "inline-flex items-center gap-1 rounded-full bg-bg-canvas/60 px-2 py-0.5 text-xs text-text-inverse backdrop-blur-sm",
 										children: [
 											/* @__PURE__ */ q(S, { className: "h-3 w-3" }),
 											" ",
@@ -691,22 +695,22 @@ function te() {
 									children: [/* @__PURE__ */ J("div", {
 										className: "min-w-0 flex-1",
 										children: [/* @__PURE__ */ q("h3", {
-											className: "text-base font-semibold text-foreground truncate",
+											className: "text-base font-semibold text-text-primary truncate",
 											children: e.name
 										}), /* @__PURE__ */ q("p", {
-											className: "mt-0.5 text-sm text-muted-foreground",
+											className: "mt-0.5 text-sm text-text-secondary",
 											children: e.category
 										})]
 									}), /* @__PURE__ */ J("div", {
-										className: "flex items-center gap-1 rounded bg-green-600 px-1.5 py-0.5 ml-2 shrink-0",
-										children: [/* @__PURE__ */ q(B, { className: "h-3 w-3 fill-white text-white" }), /* @__PURE__ */ q("span", {
-											className: "text-xs font-bold text-white",
+										className: "flex items-center gap-1 rounded bg-status-success-text px-1.5 py-0.5 ml-2 shrink-0",
+										children: [/* @__PURE__ */ q(B, { className: "h-3 w-3 fill-text-inverse text-text-inverse" }), /* @__PURE__ */ q("span", {
+											className: "text-xs font-bold text-text-inverse",
 											children: e.rating
 										})]
 									})]
 								}),
 								/* @__PURE__ */ J("div", {
-									className: "mt-3 flex items-center gap-4 text-xs text-muted-foreground",
+									className: "mt-3 flex items-center gap-4 text-xs text-text-secondary",
 									children: [
 										/* @__PURE__ */ J("span", {
 											className: "flex items-center gap-1",
@@ -741,7 +745,7 @@ function te() {
 								e.serviceTypes && e.serviceTypes.length > 0 && /* @__PURE__ */ q("div", {
 									className: "mt-3 flex flex-wrap gap-1.5",
 									children: e.serviceTypes.slice(0, 3).map((e) => /* @__PURE__ */ q("span", {
-										className: "inline-flex items-center rounded-full bg-muted px-2 py-0.5 text-xs text-muted-foreground",
+										className: "inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
 										children: e.replace(/_/g, " ")
 									}, e))
 								})
@@ -755,7 +759,7 @@ function te() {
 				children: [/* @__PURE__ */ J("div", {
 					className: "flex items-center justify-between mb-4",
 					children: [/* @__PURE__ */ q("h2", {
-						className: "text-lg font-semibold text-foreground",
+						className: "text-lg font-semibold text-text-primary",
 						children: D("subscriberbot.home.recentOrders", "Recent Orders")
 					}), /* @__PURE__ */ J("button", {
 						type: "button",
@@ -768,7 +772,7 @@ function te() {
 						]
 					})]
 				}), /* @__PURE__ */ q("div", {
-					className: "rounded-lg border border-border bg-card divide-y divide-border",
+					className: "rounded-lg border border-border-seam bg-bg-surface divide-y divide-border",
 					children: V.map((e) => /* @__PURE__ */ J("div", {
 						role: "button",
 						tabIndex: 0,
@@ -788,21 +792,21 @@ function te() {
 								children: [/* @__PURE__ */ J("div", {
 									className: "flex items-center gap-2",
 									children: [/* @__PURE__ */ q("p", {
-										className: "text-sm font-medium text-foreground truncate",
+										className: "text-sm font-medium text-text-primary truncate",
 										children: e.cartName
 									}), /* @__PURE__ */ q(i, { status: e.status })]
 								}), /* @__PURE__ */ q("p", {
-									className: "text-xs text-muted-foreground mt-0.5",
+									className: "text-xs text-text-secondary mt-0.5",
 									children: e.items.map((e) => e.name).join(", ")
 								})]
 							}),
 							/* @__PURE__ */ J("div", {
 								className: "text-right shrink-0",
 								children: [/* @__PURE__ */ q("p", {
-									className: "text-sm font-semibold text-foreground",
+									className: "text-sm font-semibold text-text-primary",
 									children: s(e.total, { minimumFractionDigits: 0 })
 								}), /* @__PURE__ */ q("p", {
-									className: "text-xs text-muted-foreground",
+									className: "text-xs text-text-secondary",
 									children: l(e.orderDate)
 								})]
 							})
@@ -813,30 +817,30 @@ function te() {
 			/* @__PURE__ */ J("section", {
 				className: "mb-8",
 				children: [/* @__PURE__ */ q("h2", {
-					className: "text-lg font-semibold text-foreground mb-4",
+					className: "text-lg font-semibold text-text-primary mb-4",
 					children: D("subscriberbot.home.howItWorks", "How It Works")
 				}), /* @__PURE__ */ q("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
-					children: Q.map((e) => /* @__PURE__ */ J("div", {
-						className: "relative rounded-lg border border-border bg-card p-5 text-center",
+					children: $.map((e) => /* @__PURE__ */ J("div", {
+						className: "relative rounded-lg border border-border-seam bg-bg-surface p-5 text-center",
 						children: [
 							/* @__PURE__ */ q("div", {
 								className: "absolute -top-3 left-1/2 -translate-x-1/2",
 								children: /* @__PURE__ */ q("span", {
-									className: "inline-flex h-6 w-6 items-center justify-center rounded-full bg-primary text-xs font-bold text-primary-foreground",
+									className: "inline-flex h-6 w-6 items-center justify-center rounded-full bg-action-primary-bg text-xs font-bold text-action-primary-text",
 									children: e.step
 								})
 							}),
 							/* @__PURE__ */ q("div", {
-								className: "mt-2 flex justify-center text-muted-foreground mb-3",
+								className: "mt-2 flex justify-center text-text-secondary mb-3",
 								children: e.icon
 							}),
 							/* @__PURE__ */ q("h3", {
-								className: "text-sm font-semibold text-foreground",
+								className: "text-sm font-semibold text-text-primary",
 								children: e.title
 							}),
 							/* @__PURE__ */ q("p", {
-								className: "mt-1 text-xs text-muted-foreground",
+								className: "mt-1 text-xs text-text-secondary",
 								children: e.description
 							})
 						]
@@ -846,19 +850,19 @@ function te() {
 			/* @__PURE__ */ J("section", {
 				className: "mb-8",
 				children: [/* @__PURE__ */ q("h2", {
-					className: "text-lg font-semibold text-foreground mb-4",
+					className: "text-lg font-semibold text-text-primary mb-4",
 					children: D("subscriberbot.home.browseByCategory", "Browse by Category")
 				}), /* @__PURE__ */ q("div", {
 					className: "grid grid-cols-3 gap-3 sm:grid-cols-4 lg:grid-cols-5",
-					children: Z.map((e) => /* @__PURE__ */ J("button", {
+					children: Q.map((e) => /* @__PURE__ */ J("button", {
 						type: "button",
 						onClick: () => v(`/customer/carts?category=${encodeURIComponent(e.label)}`),
-						className: "flex flex-col items-center gap-2 rounded-lg border border-border bg-card p-4 text-center hover:shadow-sm hover:border-accent-foreground/20 transition-all",
+						className: "flex flex-col items-center gap-2 rounded-lg border border-border-seam bg-bg-surface p-4 text-center hover:shadow-sm hover:border-accent-foreground/20 transition-all",
 						children: [/* @__PURE__ */ q("div", {
 							className: t("flex h-12 w-12 items-center justify-center rounded-full", e.color),
 							children: e.icon
 						}), /* @__PURE__ */ q("span", {
-							className: "text-xs font-medium text-foreground leading-tight",
+							className: "text-xs font-medium text-text-primary leading-tight",
 							children: e.label
 						})]
 					}, e.label))
@@ -867,46 +871,46 @@ function te() {
 			/* @__PURE__ */ J("section", {
 				className: "mb-8",
 				children: [/* @__PURE__ */ q("h2", {
-					className: "text-lg font-semibold text-foreground mb-4",
+					className: "text-lg font-semibold text-text-primary mb-4",
 					children: D("subscriberbot.home.platformStats", "Platform Stats")
 				}), /* @__PURE__ */ q("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
-					children: ee.map((e) => /* @__PURE__ */ J("div", {
-						className: "flex items-center gap-3 rounded-lg border border-border bg-card p-4",
+					children: te.map((e) => /* @__PURE__ */ J("div", {
+						className: "flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-4",
 						children: [/* @__PURE__ */ q("div", {
-							className: "flex h-10 w-10 items-center justify-center rounded-full bg-primary/10 text-primary shrink-0",
+							className: "flex h-10 w-10 items-center justify-center rounded-full bg-action-primary-bg/10 text-primary shrink-0",
 							children: e.icon
 						}), /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
-							className: "text-lg font-bold text-foreground",
+							className: "text-lg font-bold text-text-primary",
 							children: e.value
 						}), /* @__PURE__ */ q("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: e.label
 						})] })]
 					}, e.label))
 				})]
 			}),
 			/* @__PURE__ */ J("section", { children: [/* @__PURE__ */ q("h2", {
-				className: "text-lg font-semibold text-foreground mb-4",
+				className: "text-lg font-semibold text-text-primary mb-4",
 				children: D("subscriberbot.home.recentActivity", "Recent Activity")
 			}), /* @__PURE__ */ q("div", {
-				className: "rounded-lg border border-border bg-card divide-y divide-border",
-				children: $.map((e) => /* @__PURE__ */ J("div", {
+				className: "rounded-lg border border-border-seam bg-bg-surface divide-y divide-border",
+				children: ee.map((e) => /* @__PURE__ */ J("div", {
 					className: "flex items-center gap-3 px-4 py-3",
 					children: [
 						/* @__PURE__ */ q("div", {
-							className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-muted",
-							children: /* @__PURE__ */ q(m, { className: t("h-4 w-4", H[e.type] ?? "text-muted-foreground") })
+							className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-bg-sunken",
+							children: /* @__PURE__ */ q(m, { className: t("h-4 w-4", H[e.type] ?? "text-text-secondary") })
 						}),
 						/* @__PURE__ */ q("div", {
 							className: "flex-1 min-w-0",
 							children: /* @__PURE__ */ q("p", {
-								className: "text-sm text-foreground truncate",
+								className: "text-sm text-text-primary truncate",
 								children: e.description
 							})
 						}),
 						/* @__PURE__ */ q("span", {
-							className: "text-xs text-muted-foreground whitespace-nowrap",
+							className: "text-xs text-text-secondary whitespace-nowrap",
 							children: e.time
 						})
 					]
@@ -916,6 +920,6 @@ function te() {
 	});
 }
 //#endregion
-export { te as HomePage };
+export { ne as HomePage };
 
 //# sourceMappingURL=HomePage.js.map