@burdenoff/microfe-adaptercloud 2026.614.1 → 2026.625.1

package/dist/adaptercloud/pages/customer/CartDiscoveryPage.js

@@ -71,7 +71,7 @@ function D() {
 		children: /* @__PURE__ */ T("div", {
 			className: "flex h-[60vh] flex-col items-center justify-center gap-4",
 			children: [
-				/* @__PURE__ */ w(u, { className: "h-12 w-12 text-destructive" }),
+				/* @__PURE__ */ w(u, { className: "h-12 w-12 text-status-error-text" }),
 				/* @__PURE__ */ w("h2", {
 					className: "text-xl font-semibold",
 					children: "Error loading service providers"
@@ -79,7 +79,7 @@ function D() {
 				/* @__PURE__ */ w("button", {
 					type: "button",
 					onClick: () => window.location.reload(),
-					className: "rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground",
+					className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text",
 					children: "Retry"
 				})
 			]
@@ -88,25 +88,25 @@ function D() {
 		title: "Discover Carts",
 		description: "Find services and shops near you",
 		actions: /* @__PURE__ */ T("span", {
-			className: "text-sm text-muted-foreground",
+			className: "text-sm text-text-secondary",
 			children: [Y.length, " carts found"]
 		}),
 		children: [
 			/* @__PURE__ */ T("div", {
 				className: "relative",
 				children: [
-					/* @__PURE__ */ w(v, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+					/* @__PURE__ */ w(v, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }),
 					/* @__PURE__ */ w("input", {
 						type: "text",
 						placeholder: "Search carts, services, or items...",
 						value: O,
 						onChange: (e) => k(e.target.value),
-						className: t("w-full rounded-lg border border-border bg-card py-2.5 pl-10 pr-10 text-sm text-foreground", "placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring")
+						className: t("w-full rounded-lg border border-border-subtle bg-bg-surface py-2.5 pl-10 pr-10 text-sm text-text-primary", "placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]")
 					}),
 					O && /* @__PURE__ */ w("button", {
 						type: "button",
 						onClick: () => k(""),
-						className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
+						className: "absolute right-3 top-1/2 -translate-y-1/2 text-text-secondary hover:text-text-primary",
 						children: /* @__PURE__ */ w(S, { className: "h-4 w-4" })
 					})
 				]
@@ -116,7 +116,7 @@ function D() {
 				children: J.map((e) => /* @__PURE__ */ w("button", {
 					type: "button",
 					onClick: () => j(e),
-					className: t("rounded-full px-3 py-1.5 text-xs font-medium transition-colors", A === e ? "bg-foreground text-background" : "bg-muted text-muted-foreground hover:bg-accent hover:text-foreground"),
+					className: t("rounded-full px-3 py-1.5 text-xs font-medium transition-colors", A === e ? "bg-foreground text-background" : "bg-bg-sunken text-text-secondary hover:bg-accent hover:text-text-primary"),
 					children: e
 				}, e))
 			}),
@@ -126,7 +126,7 @@ function D() {
 					/* @__PURE__ */ T("select", {
 						value: M,
 						onChange: (e) => N(e.target.value),
-						className: "rounded-lg border border-border bg-card px-3 py-2 text-xs text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+						className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 						children: [
 							/* @__PURE__ */ w("option", {
 								value: "",
@@ -149,7 +149,7 @@ function D() {
 					/* @__PURE__ */ T("select", {
 						value: P,
 						onChange: (e) => F(e.target.value),
-						className: "rounded-lg border border-border bg-card px-3 py-2 text-xs text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+						className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 						children: [
 							/* @__PURE__ */ w("option", {
 								value: "",
@@ -172,7 +172,7 @@ function D() {
 					/* @__PURE__ */ T("select", {
 						value: I,
 						onChange: (e) => L(e.target.value),
-						className: "rounded-lg border border-border bg-card px-3 py-2 text-xs text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+						className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 						children: [
 							/* @__PURE__ */ w("option", {
 								value: "rating",
@@ -195,7 +195,7 @@ function D() {
 					Q && /* @__PURE__ */ w("button", {
 						type: "button",
 						onClick: $,
-						className: "rounded-lg border border-border px-3 py-2 text-xs font-medium text-muted-foreground hover:text-foreground transition-colors",
+						className: "rounded-lg border border-border-subtle px-3 py-2 text-xs font-medium text-text-secondary hover:text-text-primary transition-colors",
 						children: "Clear All Filters"
 					})
 				]
@@ -205,9 +205,9 @@ function D() {
 				children: X.map((e) => {
 					let n = q.find((t) => t.cartId === e.id);
 					return /* @__PURE__ */ T("div", {
-						className: "rounded-lg border border-border bg-card shadow-sm overflow-hidden hover:shadow-md transition-shadow flex flex-col",
+						className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm overflow-hidden hover:shadow-md transition-shadow flex flex-col",
 						children: [/* @__PURE__ */ T("div", {
-							className: "relative h-40 bg-muted",
+							className: "relative h-40 bg-bg-sunken",
 							children: [
 								/* @__PURE__ */ w("img", {
 									src: e.image,
@@ -217,10 +217,10 @@ function D() {
 								/* @__PURE__ */ T("div", {
 									className: "absolute top-2 left-2 flex gap-1.5",
 									children: [/* @__PURE__ */ w("span", {
-										className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium backdrop-blur-sm", e.isOpen ? "bg-green-500/20 text-green-600 dark:text-green-400" : "bg-red-500/20 text-red-600 dark:text-red-400"),
+										className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium backdrop-blur-sm", e.isOpen ? "bg-status-success-bg-subtle/20 text-status-success-text" : "bg-status-error-bg-subtle/20 text-status-error-text"),
 										children: e.isOpen ? "Open" : "Closed"
 									}), e.isVerified && /* @__PURE__ */ T("span", {
-										className: "inline-flex items-center gap-0.5 rounded-full bg-blue-500/20 px-2 py-0.5 text-xs font-medium text-blue-600 dark:text-blue-400 backdrop-blur-sm",
+										className: "inline-flex items-center gap-0.5 rounded-full bg-accent-blue-subtle/20 px-2 py-0.5 text-xs font-medium text-accent-blue backdrop-blur-sm",
 										children: [/* @__PURE__ */ w(f, { className: "h-3 w-3" }), "Verified"]
 									})]
 								}),
@@ -238,18 +238,18 @@ function D() {
 								/* @__PURE__ */ T("div", {
 									className: "flex items-start justify-between gap-2 mb-1",
 									children: [/* @__PURE__ */ w("h3", {
-										className: "text-sm font-semibold text-foreground truncate flex-1",
+										className: "text-sm font-semibold text-text-primary truncate flex-1",
 										children: e.name
 									}), /* @__PURE__ */ T("div", {
 										className: "flex items-center gap-1 shrink-0",
 										children: [
-											/* @__PURE__ */ w(y, { className: "h-3.5 w-3.5 fill-yellow-400 text-yellow-400" }),
+											/* @__PURE__ */ w(y, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }),
 											/* @__PURE__ */ w("span", {
-												className: "text-xs font-medium text-foreground",
+												className: "text-xs font-medium text-text-primary",
 												children: e.rating
 											}),
 											/* @__PURE__ */ T("span", {
-												className: "text-xs text-muted-foreground",
+												className: "text-xs text-text-secondary",
 												children: [
 													"(",
 													e.totalRatings,
@@ -260,27 +260,27 @@ function D() {
 									})]
 								}),
 								/* @__PURE__ */ w("p", {
-									className: "text-xs text-muted-foreground mb-2",
+									className: "text-xs text-text-secondary mb-2",
 									children: e.category
 								}),
 								/* @__PURE__ */ w("div", {
-									className: "flex items-center gap-3 text-xs text-muted-foreground mb-2",
+									className: "flex items-center gap-3 text-xs text-text-secondary mb-2",
 									children: /* @__PURE__ */ T("span", {
 										className: "flex items-center gap-1",
 										children: [/* @__PURE__ */ w(_, { className: "h-3 w-3" }), e.location?.address?.split(",")[0] || "Unknown"]
 									})
 								}),
 								/* @__PURE__ */ T("div", {
-									className: "flex items-center gap-3 text-xs text-muted-foreground mb-3",
+									className: "flex items-center gap-3 text-xs text-text-secondary mb-3",
 									children: [e.averageOrderValue && /* @__PURE__ */ T("span", { children: ["Avg ", o(e.averageOrderValue, { minimumFractionDigits: 0 })] }), /* @__PURE__ */ T("span", {
 										className: "flex items-center gap-1",
 										children: [/* @__PURE__ */ w(_, { className: "h-3 w-3" }), s(e.distance)]
 									})]
 								}),
 								e.serviceTypes?.includes("appointment") && /* @__PURE__ */ w("div", {
-									className: "mb-3 rounded-md bg-blue-500/10 border border-blue-500/20 p-2",
+									className: "mb-3 rounded-md bg-accent-blue-subtle/10 border border-accent-blue-subtle/20 p-2",
 									children: /* @__PURE__ */ T("div", {
-										className: "flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400",
+										className: "flex items-center gap-1 text-xs text-accent-blue",
 										children: [/* @__PURE__ */ w(d, { className: "h-3 w-3" }), /* @__PURE__ */ w("span", {
 											className: "font-medium",
 											children: "Appointment available"
@@ -288,9 +288,9 @@ function D() {
 									})
 								}),
 								e.serviceTypes?.includes("direct_service") && /* @__PURE__ */ w("div", {
-									className: "mb-3 rounded-md bg-purple-500/10 border border-purple-500/20 p-2",
+									className: "mb-3 rounded-md bg-accent-purple-subtle/10 border border-accent-purple-subtle/20 p-2",
 									children: /* @__PURE__ */ T("div", {
-										className: "flex items-center gap-1 text-xs text-purple-600 dark:text-purple-400",
+										className: "flex items-center gap-1 text-xs text-accent-purple",
 										children: [/* @__PURE__ */ w(m, { className: "h-3 w-3" }), /* @__PURE__ */ w("span", {
 											className: "font-medium",
 											children: "Direct Service Available"
@@ -300,7 +300,7 @@ function D() {
 								e.serviceTypes && e.serviceTypes.length > 0 && /* @__PURE__ */ w("div", {
 									className: "flex flex-wrap gap-1 mb-3",
 									children: e.serviceTypes.slice(0, 3).map((e) => /* @__PURE__ */ w("span", {
-										className: "rounded-full bg-muted px-2 py-0.5 text-[10px] text-muted-foreground",
+										className: "rounded-full bg-bg-sunken px-2 py-0.5 text-[10px] text-text-secondary",
 										children: e.replace(/_/g, " ")
 									}, e))
 								}),
@@ -311,20 +311,20 @@ function D() {
 											type: "button",
 											onClick: () => D(`/customer/cart/${e.id}`),
 											disabled: !e.isOpen,
-											className: t("flex-1 rounded-lg py-2 text-xs font-medium transition-opacity", e.isOpen ? "bg-foreground text-background hover:opacity-90" : "bg-muted text-muted-foreground cursor-not-allowed"),
+											className: t("flex-1 rounded-lg py-2 text-xs font-medium transition-opacity", e.isOpen ? "bg-foreground text-background hover:opacity-90" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
 											children: e.isOpen ? "View Services" : "Closed"
 										}),
 										e.serviceTypes?.includes("direct_service") && /* @__PURE__ */ w("button", {
 											type: "button",
 											onClick: () => D(`/customer/cart/${e.id}`),
-											className: "rounded-lg border border-border px-2 py-2 text-xs text-foreground hover:bg-accent transition-colors",
+											className: "rounded-lg border border-border-subtle px-2 py-2 text-xs text-text-primary hover:bg-accent transition-colors",
 											title: "Book Direct Service",
 											children: /* @__PURE__ */ w(m, { className: "h-3.5 w-3.5" })
 										}),
 										n && /* @__PURE__ */ w("button", {
 											type: "button",
 											onClick: () => alert("Investment opportunity available! View in Investor section."),
-											className: "rounded-lg border border-green-500/30 bg-green-500/10 px-2 py-2 text-xs text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors",
+											className: "rounded-lg border border-status-success-border/30 bg-status-success-bg-subtle/10 px-2 py-2 text-xs text-status-success-text hover:bg-status-success-bg-subtle/20 transition-colors",
 											title: "Investment Opportunity",
 											children: /* @__PURE__ */ w(x, { className: "h-3.5 w-3.5" })
 										}),
@@ -333,7 +333,7 @@ function D() {
 											onClick: () => {
 												U(e), V(!0);
 											},
-											className: "rounded-lg border border-border px-2 py-2 text-xs text-foreground hover:bg-accent transition-colors",
+											className: "rounded-lg border border-border-subtle px-2 py-2 text-xs text-text-primary hover:bg-accent transition-colors",
 											title: "Cart Info",
 											children: /* @__PURE__ */ w(h, { className: "h-3.5 w-3.5" })
 										})
@@ -348,15 +348,16 @@ function D() {
 				children: /* @__PURE__ */ w("button", {
 					type: "button",
 					onClick: () => z((e) => e + 9),
-					className: "rounded-lg border border-border px-6 py-2.5 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+					className: "rounded-lg border border-border-subtle px-6 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 					children: "Load More Carts"
 				})
 			})] }) : /* @__PURE__ */ w("div", {
 				className: "mt-6",
 				children: /* @__PURE__ */ w(r, {
+					illustration: "empty-search",
 					icon: /* @__PURE__ */ w(v, { className: "h-12 w-12" }),
 					title: "No carts found",
-					description: O ? `No results for "${O}". Try a different search term.` : "No carts available with these filters.",
+					description: O ? `No results for"${O}". Try a different search term.` : "No carts available with these filters.",
 					action: /* @__PURE__ */ w("button", {
 						type: "button",
 						onClick: $,
@@ -368,19 +369,19 @@ function D() {
 			B && H && /* @__PURE__ */ w("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
 				children: /* @__PURE__ */ w("div", {
-					className: "w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border border-border bg-card",
+					className: "w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface",
 					children: /* @__PURE__ */ T("div", {
 						className: "p-5",
 						children: [
 							/* @__PURE__ */ T("div", {
 								className: "flex items-center justify-between mb-4",
 								children: [/* @__PURE__ */ w("h3", {
-									className: "text-lg font-semibold text-foreground",
+									className: "text-lg font-semibold text-text-primary",
 									children: "Cart Information"
 								}), /* @__PURE__ */ w("button", {
 									type: "button",
 									onClick: () => V(!1),
-									className: "rounded-md p-1 text-muted-foreground hover:text-foreground transition-colors",
+									className: "rounded-md p-1 text-text-secondary hover:text-text-primary transition-colors",
 									children: /* @__PURE__ */ w(S, { className: "h-5 w-5" })
 								})]
 							}),
@@ -393,7 +394,7 @@ function D() {
 								})
 							}),
 							/* @__PURE__ */ w("h4", {
-								className: "text-xl font-semibold text-foreground mb-1",
+								className: "text-xl font-semibold text-text-primary mb-1",
 								children: H.name
 							}),
 							/* @__PURE__ */ T("div", {
@@ -401,13 +402,13 @@ function D() {
 								children: [/* @__PURE__ */ T("div", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ w(y, { className: "h-3.5 w-3.5 fill-yellow-400 text-yellow-400" }),
+										/* @__PURE__ */ w(y, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }),
 										/* @__PURE__ */ w("span", {
 											className: "text-sm font-medium",
 											children: H.rating
 										}),
 										/* @__PURE__ */ T("span", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: [
 												"(",
 												H.totalRatings,
@@ -416,7 +417,7 @@ function D() {
 										})
 									]
 								}), /* @__PURE__ */ w("span", {
-									className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium", H.isOpen ? "bg-green-500/20 text-green-600 dark:text-green-400" : "bg-red-500/20 text-red-600 dark:text-red-400"),
+									className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium", H.isOpen ? "bg-status-success-bg-subtle/20 text-status-success-text" : "bg-status-error-bg-subtle/20 text-status-error-text"),
 									children: H.isOpen ? "Open" : "Closed"
 								})]
 							}),
@@ -424,62 +425,62 @@ function D() {
 								className: "grid grid-cols-1 gap-3 sm:grid-cols-2 mb-4",
 								children: [
 									/* @__PURE__ */ T("div", {
-										className: "rounded-md bg-muted p-3",
+										className: "rounded-md bg-bg-sunken p-3",
 										children: [/* @__PURE__ */ T("p", {
-											className: "text-xs font-medium text-muted-foreground flex items-center gap-1",
+											className: "text-xs font-medium text-text-secondary flex items-center gap-1",
 											children: [/* @__PURE__ */ w(_, { className: "h-3 w-3" }), " Location"]
 										}), /* @__PURE__ */ w("p", {
-											className: "mt-1 text-sm text-foreground",
+											className: "mt-1 text-sm text-text-primary",
 											children: H.location.address
 										})]
 									}),
 									/* @__PURE__ */ T("div", {
-										className: "rounded-md bg-muted p-3",
+										className: "rounded-md bg-bg-sunken p-3",
 										children: [/* @__PURE__ */ T("p", {
-											className: "text-xs font-medium text-muted-foreground flex items-center gap-1",
+											className: "text-xs font-medium text-text-secondary flex items-center gap-1",
 											children: [/* @__PURE__ */ w(b, { className: "h-3 w-3" }), " Category"]
 										}), /* @__PURE__ */ w("p", {
-											className: "mt-1 text-sm text-foreground",
+											className: "mt-1 text-sm text-text-primary",
 											children: H.category
 										})]
 									}),
 									H.averageOrderValue && /* @__PURE__ */ T("div", {
-										className: "rounded-md bg-muted p-3",
+										className: "rounded-md bg-bg-sunken p-3",
 										children: [/* @__PURE__ */ w("p", {
-											className: "text-xs font-medium text-muted-foreground",
+											className: "text-xs font-medium text-text-secondary",
 											children: "Average Order"
 										}), /* @__PURE__ */ w("p", {
-											className: "mt-1 text-sm text-foreground",
+											className: "mt-1 text-sm text-text-primary",
 											children: o(H.averageOrderValue, { minimumFractionDigits: 0 })
 										})]
 									}),
 									/* @__PURE__ */ T("div", {
-										className: "rounded-md bg-muted p-3",
+										className: "rounded-md bg-bg-sunken p-3",
 										children: [/* @__PURE__ */ T("p", {
-											className: "text-xs font-medium text-muted-foreground flex items-center gap-1",
+											className: "text-xs font-medium text-text-secondary flex items-center gap-1",
 											children: [/* @__PURE__ */ w(p, { className: "h-3 w-3" }), " Estimated Time"]
 										}), /* @__PURE__ */ T("p", {
-											className: "mt-1 text-sm text-foreground",
+											className: "mt-1 text-sm text-text-primary",
 											children: [H.estimatedTime, " minutes"]
 										})]
 									}),
 									/* @__PURE__ */ T("div", {
-										className: "rounded-md bg-muted p-3",
+										className: "rounded-md bg-bg-sunken p-3",
 										children: [/* @__PURE__ */ w("p", {
-											className: "text-xs font-medium text-muted-foreground",
+											className: "text-xs font-medium text-text-secondary",
 											children: "Distance"
 										}), /* @__PURE__ */ w("p", {
-											className: "mt-1 text-sm text-foreground",
+											className: "mt-1 text-sm text-text-primary",
 											children: s(H.distance)
 										})]
 									}),
 									H.isVerified && /* @__PURE__ */ T("div", {
-										className: "rounded-md bg-muted p-3",
+										className: "rounded-md bg-bg-sunken p-3",
 										children: [/* @__PURE__ */ T("p", {
-											className: "text-xs font-medium text-muted-foreground flex items-center gap-1",
+											className: "text-xs font-medium text-text-secondary flex items-center gap-1",
 											children: [/* @__PURE__ */ w(f, { className: "h-3 w-3" }), " Verification"]
 										}), /* @__PURE__ */ w("p", {
-											className: "mt-1 text-sm text-foreground",
+											className: "mt-1 text-sm text-text-primary",
 											children: "Verified cart"
 										})]
 									})
@@ -488,12 +489,12 @@ function D() {
 							H.serviceTypes && H.serviceTypes.length > 0 && /* @__PURE__ */ T("div", {
 								className: "mb-4",
 								children: [/* @__PURE__ */ w("p", {
-									className: "text-xs font-medium text-muted-foreground mb-2",
+									className: "text-xs font-medium text-text-secondary mb-2",
 									children: "Service Types"
 								}), /* @__PURE__ */ w("div", {
 									className: "flex flex-wrap gap-2",
 									children: H.serviceTypes.map((e) => /* @__PURE__ */ w("span", {
-										className: "rounded-full bg-muted px-2.5 py-1 text-xs text-muted-foreground capitalize",
+										className: "rounded-full bg-bg-sunken px-2.5 py-1 text-xs text-text-secondary capitalize",
 										children: e.replace(/_/g, " ")
 									}, e))
 								})]
@@ -501,17 +502,17 @@ function D() {
 							H.businessHours && Object.keys(H.businessHours).length > 0 && /* @__PURE__ */ T("div", {
 								className: "mb-4",
 								children: [/* @__PURE__ */ w("p", {
-									className: "text-xs font-medium text-muted-foreground mb-2",
+									className: "text-xs font-medium text-text-secondary mb-2",
 									children: "Operating Hours"
 								}), /* @__PURE__ */ w("div", {
 									className: "space-y-1",
 									children: Object.entries(H.businessHours).map(([e, t]) => /* @__PURE__ */ T("div", {
 										className: "flex justify-between text-xs",
 										children: [/* @__PURE__ */ w("span", {
-											className: "capitalize text-foreground",
+											className: "capitalize text-text-primary",
 											children: e
 										}), /* @__PURE__ */ w("span", {
-											className: "text-muted-foreground",
+											className: "text-text-secondary",
 											children: t.isOpen ? `${t.open} - ${t.close}` : "Closed"
 										})]
 									}, e))
@@ -525,12 +526,12 @@ function D() {
 										V(!1), D(`/customer/carts/${H.id}`);
 									},
 									disabled: !H.isOpen,
-									className: t("flex-1 rounded-lg py-2.5 text-sm font-medium transition-opacity", H.isOpen ? "bg-foreground text-background hover:opacity-90" : "bg-muted text-muted-foreground cursor-not-allowed"),
+									className: t("flex-1 rounded-lg py-2.5 text-sm font-medium transition-opacity", H.isOpen ? "bg-foreground text-background hover:opacity-90" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
 									children: H.isOpen ? "View Menu" : "Currently Closed"
 								}), /* @__PURE__ */ w("button", {
 									type: "button",
 									onClick: () => V(!1),
-									className: "rounded-lg border border-border px-4 py-2.5 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+									className: "rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 									children: "Close"
 								})]
 							})