@burdenoff/microfe-adaptercloud 2026.614.1 → 2026.624.1

package/dist/adaptercloud/pages/HomePage.js

@@ -39,7 +39,7 @@ var Y = {
 			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: [
@@ -481,13 +481,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("adaptercloud.common.errorLoading", "Error loading data")
 				}),
 				/* @__PURE__ */ q("p", {
-					className: "text-muted-foreground",
+					className: "text-text-secondary",
 					children: D("adaptercloud.common.tryAgain", "Please try again later.")
 				})
 			]
@@ -497,27 +497,27 @@ function te() {
 		description: F[M],
 		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",
+				className: "mb-6 rounded-xl border border-border-subtle bg-gradient-to-r from-primary/5 via-primary/10 to-primary/5 p-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("adaptercloud.home.welcomeTitle", "Welcome to AdapterCloud!")
 							}),
 							/* @__PURE__ */ q("p", {
-								className: "mt-1 text-sm text-muted-foreground",
+								className: "mt-1 text-sm text-text-secondary",
 								children: D("adaptercloud.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",
 								children: [/* @__PURE__ */ q(P, { className: "h-4 w-4" }), D("adaptercloud.home.exploreServices", "Explore Services")]
 							})
 						]
@@ -525,19 +525,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-subtle 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("adaptercloud.home.good", "Good"),
 								" ",
@@ -547,17 +547,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("adaptercloud.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-subtle 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 +565,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("adaptercloud.home.quickStats", "Quick Stats")
 				}), /* @__PURE__ */ q("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
@@ -581,14 +581,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("adaptercloud.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-subtle 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 +597,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 +614,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("adaptercloud.home.searchResults", "Search Results") : D("adaptercloud.home.featuredCarts", "Featured Carts")
 					}), /* @__PURE__ */ J("button", {
 						type: "button",
@@ -633,7 +633,7 @@ function te() {
 					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-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 						children: D("adaptercloud.home.clearSearch", "Clear Search")
 					})
 				}) : /* @__PURE__ */ q("div", {
@@ -645,9 +645,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-subtle 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,
@@ -691,10 +691,10 @@ 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", {
@@ -706,7 +706,7 @@ function te() {
 									})]
 								}),
 								/* @__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 +741,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 +755,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("adaptercloud.home.recentOrders", "Recent Orders")
 					}), /* @__PURE__ */ J("button", {
 						type: "button",
@@ -768,7 +768,7 @@ function te() {
 						]
 					})]
 				}), /* @__PURE__ */ q("div", {
-					className: "rounded-lg border border-border bg-card divide-y divide-border",
+					className: "rounded-lg border border-border-subtle bg-bg-surface divide-y divide-border",
 					children: V.map((e) => /* @__PURE__ */ J("div", {
 						role: "button",
 						tabIndex: 0,
@@ -788,21 +788,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 +813,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("adaptercloud.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",
+						className: "relative rounded-lg border border-border-subtle 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 +846,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("adaptercloud.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", {
 						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-subtle 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 +867,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("adaptercloud.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",
+						className: "flex items-center gap-3 rounded-lg border border-border-subtle 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("adaptercloud.home.recentActivity", "Recent Activity")
 			}), /* @__PURE__ */ q("div", {
-				className: "rounded-lg border border-border bg-card divide-y divide-border",
+				className: "rounded-lg border border-border-subtle bg-bg-surface divide-y divide-border",
 				children: $.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
 						})
 					]