@burdenoff/microfe-adaptercloud 2026.624.1 → 2026.625.2

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

@@ -5,8 +5,9 @@ import { EmptyState as r } from "../../components/EmptyState.js";
 import { useInvestmentOpportunities as i, useProviders as a } from "../../hooks/useAdapterCloudApi.js";
 import { formatCurrency as o, formatDistance as s } from "../../utils/formatters.js";
 import { useMemo as c, useState as l } from "react";
-import { AlertCircle as u, Calendar as d, CheckCircle2 as f, Clock as p, Home as m, Info as h, Loader2 as g, MapPin as _, Search as v, Star as y, Tag as b, TrendingUp as x, X as S } from "lucide-react";
-import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { AlertCircle as u, Calendar as d, CheckCircle2 as f, Clock as p, Home as m, Info as ee, Loader2 as h, MapPin as g, Search as _, Star as v, Tag as y, TrendingUp as b, X as x } from "lucide-react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { EmphasisPanel as T } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/pages/customer/CartDiscoveryPage.tsx
 var E = "All";
 function D() {
@@ -58,25 +59,25 @@ function D() {
 	]), X = Y.slice(0, R), Z = R < Y.length, Q = A !== E || M !== "" || P !== "" || O.trim() !== "", $ = () => {
 		k(""), j(E), N(""), F(""), L("rating"), z(9);
 	};
-	return G ? /* @__PURE__ */ w(n, {
+	return G ? /* @__PURE__ */ C(n, {
 		title: "Discover Carts",
 		description: "Finding services and shops near you...",
-		children: /* @__PURE__ */ w("div", {
+		children: /* @__PURE__ */ C("div", {
 			className: "flex h-[60vh] items-center justify-center",
-			children: /* @__PURE__ */ w(g, { className: "h-8 w-8 animate-spin text-primary" })
+			children: /* @__PURE__ */ C(h, { className: "h-8 w-8 animate-spin text-primary" })
 		})
-	}) : K ? /* @__PURE__ */ w(n, {
+	}) : K ? /* @__PURE__ */ C(n, {
 		title: "Discover Carts",
 		description: "Error loading carts",
-		children: /* @__PURE__ */ T("div", {
+		children: /* @__PURE__ */ w("div", {
 			className: "flex h-[60vh] flex-col items-center justify-center gap-4",
 			children: [
-				/* @__PURE__ */ w(u, { className: "h-12 w-12 text-status-error-text" }),
-				/* @__PURE__ */ w("h2", {
+				/* @__PURE__ */ C(u, { className: "h-12 w-12 text-status-error-text" }),
+				/* @__PURE__ */ C("h2", {
 					className: "text-xl font-semibold",
 					children: "Error loading service providers"
 				}),
-				/* @__PURE__ */ w("button", {
+				/* @__PURE__ */ C("button", {
 					type: "button",
 					onClick: () => window.location.reload(),
 					className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text",
@@ -84,171 +85,174 @@ function D() {
 				})
 			]
 		})
-	}) : /* @__PURE__ */ T(n, {
+	}) : /* @__PURE__ */ w(n, {
 		title: "Discover Carts",
 		description: "Find services and shops near you",
-		actions: /* @__PURE__ */ T("span", {
+		purpose: "Browse the carts (local shops and service providers) operating near you. Search by name, filter by category and rating, and open any cart to see its offerings and place an order or booking.",
+		actions: /* @__PURE__ */ w("span", {
 			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-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-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-text-secondary hover:text-text-primary",
-						children: /* @__PURE__ */ w(S, { className: "h-4 w-4" })
-					})
-				]
-			}),
-			/* @__PURE__ */ w("div", {
-				className: "mt-4 flex flex-wrap gap-2",
-				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-bg-sunken text-text-secondary hover:bg-accent hover:text-text-primary"),
-					children: e
-				}, e))
-			}),
-			/* @__PURE__ */ T("div", {
-				className: "mt-4 flex flex-wrap items-center gap-3",
-				children: [
-					/* @__PURE__ */ T("select", {
-						value: M,
-						onChange: (e) => N(e.target.value),
-						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: "",
-								children: "Any Rating"
-							}),
-							/* @__PURE__ */ w("option", {
-								value: "4.5",
-								children: "4.5+ Stars"
-							}),
-							/* @__PURE__ */ w("option", {
-								value: "4.0",
-								children: "4.0+ Stars"
-							}),
-							/* @__PURE__ */ w("option", {
-								value: "3.5",
-								children: "3.5+ Stars"
-							})
-						]
-					}),
-					/* @__PURE__ */ T("select", {
-						value: P,
-						onChange: (e) => F(e.target.value),
-						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: "",
-								children: "Any Price"
-							}),
-							/* @__PURE__ */ w("option", {
-								value: "low",
-								children: "Under ₹300"
-							}),
-							/* @__PURE__ */ w("option", {
-								value: "medium",
-								children: "₹300 - ₹800"
-							}),
-							/* @__PURE__ */ w("option", {
-								value: "high",
-								children: "₹800+"
-							})
-						]
-					}),
-					/* @__PURE__ */ T("select", {
-						value: I,
-						onChange: (e) => L(e.target.value),
-						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",
-								children: "Highest Rated"
-							}),
-							/* @__PURE__ */ w("option", {
-								value: "popularity",
-								children: "Most Popular"
-							}),
-							/* @__PURE__ */ w("option", {
-								value: "distance",
-								children: "Nearest"
-							}),
-							/* @__PURE__ */ w("option", {
-								value: "newest",
-								children: "Newest"
-							})
-						]
-					}),
-					Q && /* @__PURE__ */ w("button", {
+			/* @__PURE__ */ w(T, { children: [
+				/* @__PURE__ */ w("div", {
+					className: "relative",
+					children: [
+						/* @__PURE__ */ C(_, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }),
+						/* @__PURE__ */ C("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-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__ */ C("button", {
+							type: "button",
+							onClick: () => k(""),
+							className: "absolute right-3 top-1/2 -translate-y-1/2 text-text-secondary hover:text-text-primary",
+							children: /* @__PURE__ */ C(x, { className: "h-4 w-4" })
+						})
+					]
+				}),
+				/* @__PURE__ */ C("div", {
+					className: "mt-4 flex flex-wrap gap-2",
+					children: J.map((e) => /* @__PURE__ */ C("button", {
 						type: "button",
-						onClick: $,
-						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"
-					})
-				]
-			}),
-			X.length > 0 ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("div", {
+						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-bg-sunken text-text-secondary hover:bg-accent hover:text-text-primary"),
+						children: e
+					}, e))
+				}),
+				/* @__PURE__ */ w("div", {
+					className: "mt-4 flex flex-wrap items-center gap-3",
+					children: [
+						/* @__PURE__ */ w("select", {
+							value: M,
+							onChange: (e) => N(e.target.value),
+							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__ */ C("option", {
+									value: "",
+									children: "Any Rating"
+								}),
+								/* @__PURE__ */ C("option", {
+									value: "4.5",
+									children: "4.5+ Stars"
+								}),
+								/* @__PURE__ */ C("option", {
+									value: "4.0",
+									children: "4.0+ Stars"
+								}),
+								/* @__PURE__ */ C("option", {
+									value: "3.5",
+									children: "3.5+ Stars"
+								})
+							]
+						}),
+						/* @__PURE__ */ w("select", {
+							value: P,
+							onChange: (e) => F(e.target.value),
+							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__ */ C("option", {
+									value: "",
+									children: "Any Price"
+								}),
+								/* @__PURE__ */ C("option", {
+									value: "low",
+									children: "Under ₹300"
+								}),
+								/* @__PURE__ */ C("option", {
+									value: "medium",
+									children: "₹300 - ₹800"
+								}),
+								/* @__PURE__ */ C("option", {
+									value: "high",
+									children: "₹800+"
+								})
+							]
+						}),
+						/* @__PURE__ */ w("select", {
+							value: I,
+							onChange: (e) => L(e.target.value),
+							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__ */ C("option", {
+									value: "rating",
+									children: "Highest Rated"
+								}),
+								/* @__PURE__ */ C("option", {
+									value: "popularity",
+									children: "Most Popular"
+								}),
+								/* @__PURE__ */ C("option", {
+									value: "distance",
+									children: "Nearest"
+								}),
+								/* @__PURE__ */ C("option", {
+									value: "newest",
+									children: "Newest"
+								})
+							]
+						}),
+						Q && /* @__PURE__ */ C("button", {
+							type: "button",
+							onClick: $,
+							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"
+						})
+					]
+				})
+			] }),
+			X.length > 0 ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("div", {
 				className: "mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
 				children: X.map((e) => {
 					let n = q.find((t) => t.cartId === e.id);
-					return /* @__PURE__ */ T("div", {
+					return /* @__PURE__ */ w("div", {
 						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", {
+						children: [/* @__PURE__ */ w("div", {
 							className: "relative h-40 bg-bg-sunken",
 							children: [
-								/* @__PURE__ */ w("img", {
+								/* @__PURE__ */ C("img", {
 									src: e.image,
 									alt: e.name,
 									className: "h-full w-full object-cover"
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ w("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"),
+									children: [/* @__PURE__ */ C("span", {
+										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",
-										children: [/* @__PURE__ */ w(f, { className: "h-3 w-3" }), "Verified"]
+									}), e.isVerified && /* @__PURE__ */ w("span", {
+										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__ */ C(f, { className: "h-3 w-3" }), "Verified"]
 									})]
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ C("div", {
 									className: "absolute top-2 right-2",
-									children: /* @__PURE__ */ T("span", {
+									children: /* @__PURE__ */ w("span", {
 										className: "rounded-full bg-black/50 px-2 py-0.5 text-xs text-white backdrop-blur-sm",
 										children: [e.estimatedTime, " min"]
 									})
 								})
 							]
-						}), /* @__PURE__ */ T("div", {
+						}), /* @__PURE__ */ w("div", {
 							className: "flex flex-col flex-1 p-4",
 							children: [
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ w("div", {
 									className: "flex items-start justify-between gap-2 mb-1",
-									children: [/* @__PURE__ */ w("h3", {
+									children: [/* @__PURE__ */ C("h3", {
 										className: "text-sm font-semibold text-text-primary truncate flex-1",
 										children: e.name
-									}), /* @__PURE__ */ T("div", {
+									}), /* @__PURE__ */ w("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("span", {
+											/* @__PURE__ */ C(v, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }),
+											/* @__PURE__ */ C("span", {
 												className: "text-xs font-medium text-text-primary",
 												children: e.rating
 											}),
-											/* @__PURE__ */ T("span", {
+											/* @__PURE__ */ w("span", {
 												className: "text-xs text-text-secondary",
 												children: [
 													"(",
@@ -259,83 +263,83 @@ function D() {
 										]
 									})]
 								}),
-								/* @__PURE__ */ w("p", {
+								/* @__PURE__ */ C("p", {
 									className: "text-xs text-text-secondary mb-2",
 									children: e.category
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ C("div", {
 									className: "flex items-center gap-3 text-xs text-text-secondary mb-2",
-									children: /* @__PURE__ */ T("span", {
+									children: /* @__PURE__ */ w("span", {
 										className: "flex items-center gap-1",
-										children: [/* @__PURE__ */ w(_, { className: "h-3 w-3" }), e.location?.address?.split(",")[0] || "Unknown"]
+										children: [/* @__PURE__ */ C(g, { className: "h-3 w-3" }), e.location?.address?.split(",")[0] || "Unknown"]
 									})
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ w("div", {
 									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", {
+									children: [e.averageOrderValue && /* @__PURE__ */ w("span", { children: ["Avg ", o(e.averageOrderValue, { minimumFractionDigits: 0 })] }), /* @__PURE__ */ w("span", {
 										className: "flex items-center gap-1",
-										children: [/* @__PURE__ */ w(_, { className: "h-3 w-3" }), s(e.distance)]
+										children: [/* @__PURE__ */ C(g, { 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",
-									children: /* @__PURE__ */ T("div", {
-										className: "flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400",
-										children: [/* @__PURE__ */ w(d, { className: "h-3 w-3" }), /* @__PURE__ */ w("span", {
+								e.serviceTypes?.includes("appointment") && /* @__PURE__ */ C("div", {
+									className: "mb-3 rounded-md bg-accent-blue-subtle/10 border border-accent-blue-subtle/20 p-2",
+									children: /* @__PURE__ */ w("div", {
+										className: "flex items-center gap-1 text-xs text-accent-blue",
+										children: [/* @__PURE__ */ C(d, { className: "h-3 w-3" }), /* @__PURE__ */ C("span", {
 											className: "font-medium",
 											children: "Appointment available"
 										})]
 									})
 								}),
-								e.serviceTypes?.includes("direct_service") && /* @__PURE__ */ w("div", {
-									className: "mb-3 rounded-md bg-purple-500/10 border border-purple-500/20 p-2",
-									children: /* @__PURE__ */ T("div", {
-										className: "flex items-center gap-1 text-xs text-purple-600 dark:text-purple-400",
-										children: [/* @__PURE__ */ w(m, { className: "h-3 w-3" }), /* @__PURE__ */ w("span", {
+								e.serviceTypes?.includes("direct_service") && /* @__PURE__ */ C("div", {
+									className: "mb-3 rounded-md bg-accent-purple-subtle/10 border border-accent-purple-subtle/20 p-2",
+									children: /* @__PURE__ */ w("div", {
+										className: "flex items-center gap-1 text-xs text-accent-purple",
+										children: [/* @__PURE__ */ C(m, { className: "h-3 w-3" }), /* @__PURE__ */ C("span", {
 											className: "font-medium",
 											children: "Direct Service Available"
 										})]
 									})
 								}),
-								e.serviceTypes && e.serviceTypes.length > 0 && /* @__PURE__ */ w("div", {
+								e.serviceTypes && e.serviceTypes.length > 0 && /* @__PURE__ */ C("div", {
 									className: "flex flex-wrap gap-1 mb-3",
-									children: e.serviceTypes.slice(0, 3).map((e) => /* @__PURE__ */ w("span", {
+									children: e.serviceTypes.slice(0, 3).map((e) => /* @__PURE__ */ C("span", {
 										className: "rounded-full bg-bg-sunken px-2 py-0.5 text-[10px] text-text-secondary",
 										children: e.replace(/_/g, " ")
 									}, e))
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ w("div", {
 									className: "mt-auto flex gap-2",
 									children: [
-										/* @__PURE__ */ w("button", {
+										/* @__PURE__ */ C("button", {
 											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-bg-sunken text-text-secondary cursor-not-allowed"),
 											children: e.isOpen ? "View Services" : "Closed"
 										}),
-										e.serviceTypes?.includes("direct_service") && /* @__PURE__ */ w("button", {
+										e.serviceTypes?.includes("direct_service") && /* @__PURE__ */ C("button", {
 											type: "button",
 											onClick: () => D(`/customer/cart/${e.id}`),
 											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" })
+											children: /* @__PURE__ */ C(m, { className: "h-3.5 w-3.5" })
 										}),
-										n && /* @__PURE__ */ w("button", {
+										n && /* @__PURE__ */ C("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" })
+											children: /* @__PURE__ */ C(b, { className: "h-3.5 w-3.5" })
 										}),
-										/* @__PURE__ */ w("button", {
+										/* @__PURE__ */ C("button", {
 											type: "button",
 											onClick: () => {
 												U(e), V(!0);
 											},
 											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" })
+											children: /* @__PURE__ */ C(ee, { className: "h-3.5 w-3.5" })
 										})
 									]
 								})
@@ -343,21 +347,22 @@ function D() {
 						})]
 					}, e.id);
 				})
-			}), Z && /* @__PURE__ */ w("div", {
+			}), Z && /* @__PURE__ */ C("div", {
 				className: "mt-8 text-center",
-				children: /* @__PURE__ */ w("button", {
+				children: /* @__PURE__ */ C("button", {
 					type: "button",
 					onClick: () => z((e) => e + 9),
 					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", {
+			})] }) : /* @__PURE__ */ C("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ w(r, {
-					icon: /* @__PURE__ */ w(v, { className: "h-12 w-12" }),
+				children: /* @__PURE__ */ C(r, {
+					illustration: "empty-search",
+					icon: /* @__PURE__ */ C(_, { 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.",
-					action: /* @__PURE__ */ w("button", {
+					description: O ? `No results for"${O}". Try a different search term.` : "No carts available with these filters.",
+					action: /* @__PURE__ */ C("button", {
 						type: "button",
 						onClick: $,
 						className: "rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity",
@@ -365,48 +370,48 @@ function D() {
 					})
 				})
 			}),
-			B && H && /* @__PURE__ */ w("div", {
+			B && H && /* @__PURE__ */ C("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-				children: /* @__PURE__ */ w("div", {
+				children: /* @__PURE__ */ C("div", {
 					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", {
+					children: /* @__PURE__ */ w("div", {
 						className: "p-5",
 						children: [
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ w("div", {
 								className: "flex items-center justify-between mb-4",
-								children: [/* @__PURE__ */ w("h3", {
+								children: [/* @__PURE__ */ C("h3", {
 									className: "text-lg font-semibold text-text-primary",
 									children: "Cart Information"
-								}), /* @__PURE__ */ w("button", {
+								}), /* @__PURE__ */ C("button", {
 									type: "button",
 									onClick: () => V(!1),
 									className: "rounded-md p-1 text-text-secondary hover:text-text-primary transition-colors",
-									children: /* @__PURE__ */ w(S, { className: "h-5 w-5" })
+									children: /* @__PURE__ */ C(x, { className: "h-5 w-5" })
 								})]
 							}),
-							/* @__PURE__ */ w("div", {
+							/* @__PURE__ */ C("div", {
 								className: "h-48 rounded-lg overflow-hidden mb-4",
-								children: /* @__PURE__ */ w("img", {
+								children: /* @__PURE__ */ C("img", {
 									src: H.image,
 									alt: H.name,
 									className: "h-full w-full object-cover"
 								})
 							}),
-							/* @__PURE__ */ w("h4", {
+							/* @__PURE__ */ C("h4", {
 								className: "text-xl font-semibold text-text-primary mb-1",
 								children: H.name
 							}),
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ w("div", {
 								className: "flex flex-wrap items-center gap-3 mb-4",
-								children: [/* @__PURE__ */ T("div", {
+								children: [/* @__PURE__ */ w("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("span", {
+										/* @__PURE__ */ C(v, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }),
+										/* @__PURE__ */ C("span", {
 											className: "text-sm font-medium",
 											children: H.rating
 										}),
-										/* @__PURE__ */ T("span", {
+										/* @__PURE__ */ w("span", {
 											className: "text-xs text-text-secondary",
 											children: [
 												"(",
@@ -415,111 +420,111 @@ 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"),
+								}), /* @__PURE__ */ C("span", {
+									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"
 								})]
 							}),
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ w("div", {
 								className: "grid grid-cols-1 gap-3 sm:grid-cols-2 mb-4",
 								children: [
-									/* @__PURE__ */ T("div", {
+									/* @__PURE__ */ w("div", {
 										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ T("p", {
+										children: [/* @__PURE__ */ w("p", {
 											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", {
+											children: [/* @__PURE__ */ C(g, { className: "h-3 w-3" }), " Location"]
+										}), /* @__PURE__ */ C("p", {
 											className: "mt-1 text-sm text-text-primary",
 											children: H.location.address
 										})]
 									}),
-									/* @__PURE__ */ T("div", {
+									/* @__PURE__ */ w("div", {
 										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ T("p", {
+										children: [/* @__PURE__ */ w("p", {
 											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", {
+											children: [/* @__PURE__ */ C(y, { className: "h-3 w-3" }), " Category"]
+										}), /* @__PURE__ */ C("p", {
 											className: "mt-1 text-sm text-text-primary",
 											children: H.category
 										})]
 									}),
-									H.averageOrderValue && /* @__PURE__ */ T("div", {
+									H.averageOrderValue && /* @__PURE__ */ w("div", {
 										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ w("p", {
+										children: [/* @__PURE__ */ C("p", {
 											className: "text-xs font-medium text-text-secondary",
 											children: "Average Order"
-										}), /* @__PURE__ */ w("p", {
+										}), /* @__PURE__ */ C("p", {
 											className: "mt-1 text-sm text-text-primary",
 											children: o(H.averageOrderValue, { minimumFractionDigits: 0 })
 										})]
 									}),
-									/* @__PURE__ */ T("div", {
+									/* @__PURE__ */ w("div", {
 										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ T("p", {
+										children: [/* @__PURE__ */ w("p", {
 											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", {
+											children: [/* @__PURE__ */ C(p, { className: "h-3 w-3" }), " Estimated Time"]
+										}), /* @__PURE__ */ w("p", {
 											className: "mt-1 text-sm text-text-primary",
 											children: [H.estimatedTime, " minutes"]
 										})]
 									}),
-									/* @__PURE__ */ T("div", {
+									/* @__PURE__ */ w("div", {
 										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ w("p", {
+										children: [/* @__PURE__ */ C("p", {
 											className: "text-xs font-medium text-text-secondary",
 											children: "Distance"
-										}), /* @__PURE__ */ w("p", {
+										}), /* @__PURE__ */ C("p", {
 											className: "mt-1 text-sm text-text-primary",
 											children: s(H.distance)
 										})]
 									}),
-									H.isVerified && /* @__PURE__ */ T("div", {
+									H.isVerified && /* @__PURE__ */ w("div", {
 										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ T("p", {
+										children: [/* @__PURE__ */ w("p", {
 											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", {
+											children: [/* @__PURE__ */ C(f, { className: "h-3 w-3" }), " Verification"]
+										}), /* @__PURE__ */ C("p", {
 											className: "mt-1 text-sm text-text-primary",
 											children: "Verified cart"
 										})]
 									})
 								]
 							}),
-							H.serviceTypes && H.serviceTypes.length > 0 && /* @__PURE__ */ T("div", {
+							H.serviceTypes && H.serviceTypes.length > 0 && /* @__PURE__ */ w("div", {
 								className: "mb-4",
-								children: [/* @__PURE__ */ w("p", {
+								children: [/* @__PURE__ */ C("p", {
 									className: "text-xs font-medium text-text-secondary mb-2",
 									children: "Service Types"
-								}), /* @__PURE__ */ w("div", {
+								}), /* @__PURE__ */ C("div", {
 									className: "flex flex-wrap gap-2",
-									children: H.serviceTypes.map((e) => /* @__PURE__ */ w("span", {
+									children: H.serviceTypes.map((e) => /* @__PURE__ */ C("span", {
 										className: "rounded-full bg-bg-sunken px-2.5 py-1 text-xs text-text-secondary capitalize",
 										children: e.replace(/_/g, " ")
 									}, e))
 								})]
 							}),
-							H.businessHours && Object.keys(H.businessHours).length > 0 && /* @__PURE__ */ T("div", {
+							H.businessHours && Object.keys(H.businessHours).length > 0 && /* @__PURE__ */ w("div", {
 								className: "mb-4",
-								children: [/* @__PURE__ */ w("p", {
+								children: [/* @__PURE__ */ C("p", {
 									className: "text-xs font-medium text-text-secondary mb-2",
 									children: "Operating Hours"
-								}), /* @__PURE__ */ w("div", {
+								}), /* @__PURE__ */ C("div", {
 									className: "space-y-1",
-									children: Object.entries(H.businessHours).map(([e, t]) => /* @__PURE__ */ T("div", {
+									children: Object.entries(H.businessHours).map(([e, t]) => /* @__PURE__ */ w("div", {
 										className: "flex justify-between text-xs",
-										children: [/* @__PURE__ */ w("span", {
+										children: [/* @__PURE__ */ C("span", {
 											className: "capitalize text-text-primary",
 											children: e
-										}), /* @__PURE__ */ w("span", {
+										}), /* @__PURE__ */ C("span", {
 											className: "text-text-secondary",
 											children: t.isOpen ? `${t.open} - ${t.close}` : "Closed"
 										})]
 									}, e))
 								})]
 							}),
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ w("div", {
 								className: "flex gap-3 mt-6",
-								children: [/* @__PURE__ */ w("button", {
+								children: [/* @__PURE__ */ C("button", {
 									type: "button",
 									onClick: () => {
 										V(!1), D(`/customer/carts/${H.id}`);
@@ -527,7 +532,7 @@ function D() {
 									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-bg-sunken text-text-secondary cursor-not-allowed"),
 									children: H.isOpen ? "View Menu" : "Currently Closed"
-								}), /* @__PURE__ */ w("button", {
+								}), /* @__PURE__ */ C("button", {
 									type: "button",
 									onClick: () => V(!1),
 									className: "rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",