@burdenoff/microfe-coolandlovely 2026.624.1 → 2026.625.2

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

@@ -5,35 +5,36 @@ import { EmptyState as r } from "../../components/EmptyState.js";
 import { useInvestmentOpportunities as i, useProviders as a } from "../../hooks/useCoolAndLovelyApi.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 h, Loader2 as g, MapPin as _, Search as v, Star as y, Tag as ee, TrendingUp as b, X as x } from "lucide-react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { GlassCard as T, PagePurpose as E } from "@burdenoff/fe-libs/ui";
 //#region src/coolandlovely/pages/customer/CartDiscoveryPage.tsx
-var E = "All";
-function D() {
-	let { navigateTo: D } = e(), [O, k] = l(""), [A, j] = l(E), [M, N] = l(""), [P, F] = l(""), [I, L] = l("rating"), [R, z] = l(9), [B, V] = l(!1), [H, U] = l(null), { data: W = [], isLoading: G, isError: K } = a(), { data: q = [] } = i(), J = c(() => {
+var D = "All";
+function O() {
+	let { navigateTo: O } = e(), [k, A] = l(""), [j, M] = l(D), [N, P] = l(""), [F, I] = l(""), [L, R] = l("rating"), [z, B] = l(9), [V, H] = l(!1), [U, W] = l(null), { data: G = [], isLoading: K, isError: q } = a(), { data: J = [] } = i(), Y = c(() => {
 		let e = /* @__PURE__ */ new Set();
-		return W.forEach((t) => {
+		return G.forEach((t) => {
 			t.category && e.add(t.category);
-		}), [E, ...Array.from(e)];
-	}, [W]), Y = c(() => {
-		let e = [...W];
-		if (O.trim()) {
-			let t = O.toLowerCase();
+		}), [D, ...Array.from(e)];
+	}, [G]), X = c(() => {
+		let e = [...G];
+		if (k.trim()) {
+			let t = k.toLowerCase();
 			e = e.filter((e) => e.name.toLowerCase().includes(t) || e.category.toLowerCase().includes(t));
 		}
-		if (A !== E && (e = e.filter((e) => e.category === A)), M) {
-			let t = parseFloat(M);
+		if (j !== D && (e = e.filter((e) => e.category === j)), N) {
+			let t = parseFloat(N);
 			e = e.filter((e) => e.rating >= t);
 		}
-		switch (P && (e = e.filter((e) => {
+		switch (F && (e = e.filter((e) => {
 			let t = e.averageOrderValue ?? 0;
-			switch (P) {
+			switch (F) {
 				case "low": return t <= 300;
 				case "medium": return t > 300 && t <= 800;
 				case "high": return t > 800;
 				default: return !0;
 			}
-		})), I) {
+		})), L) {
 			case "rating":
 				e.sort((e, t) => t.rating - e.rating);
 				break;
@@ -49,34 +50,34 @@ function D() {
 		}
 		return e;
 	}, [
-		W,
-		O,
-		A,
-		M,
-		P,
-		I
-	]), 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);
+		G,
+		k,
+		j,
+		N,
+		F,
+		L
+	]), Z = X.slice(0, z), Q = z < X.length, te = j !== D || N !== "" || F !== "" || k.trim() !== "", $ = () => {
+		A(""), M(D), P(""), I(""), R("rating"), B(9);
 	};
-	return G ? /* @__PURE__ */ w(n, {
+	return K ? /* @__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(g, { className: "h-8 w-8 animate-spin text-primary" })
 		})
-	}) : K ? /* @__PURE__ */ w(n, {
+	}) : q ? /* @__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,115 +85,125 @@ function D() {
 				})
 			]
 		})
-	}) : /* @__PURE__ */ T(n, {
+	}) : /* @__PURE__ */ w(n, {
 		title: "Discover Carts",
 		description: "Find services and shops near you",
-		actions: /* @__PURE__ */ T("span", {
+		actions: /* @__PURE__ */ w("span", {
 			className: "text-sm text-text-secondary",
-			children: [Y.length, " carts found"]
+			children: [X.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__ */ C(E, {
+				className: "mb-6",
+				icon: /* @__PURE__ */ C(v, { className: "h-4 w-4" }),
+				children: "Find the right cart or shop near you. Search by name or service, narrow down by category, rating and price, then open a cart to view its menu, book a direct service, or spot carts that are open for investment."
 			}),
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ C(T, {
+				treatment: "glass",
+				glow: !0,
+				className: "p-4",
+				children: /* @__PURE__ */ w("div", {
+					className: "relative",
+					children: [
+						/* @__PURE__ */ C(v, { 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: k,
+							onChange: (e) => A(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)]")
+						}),
+						k && /* @__PURE__ */ C("button", {
+							type: "button",
+							onClick: () => A(""),
+							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__ */ w("button", {
+				children: Y.map((e) => /* @__PURE__ */ C("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"),
+					onClick: () => M(e),
+					className: t("rounded-full px-3 py-1.5 text-xs font-medium transition-colors", j === e ? "bg-foreground text-background" : "bg-bg-sunken text-text-secondary hover:bg-accent hover:text-text-primary"),
 					children: e
 				}, e))
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ w("div", {
 				className: "mt-4 flex flex-wrap items-center gap-3",
 				children: [
-					/* @__PURE__ */ T("select", {
-						value: M,
-						onChange: (e) => N(e.target.value),
+					/* @__PURE__ */ w("select", {
+						value: N,
+						onChange: (e) => P(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", {
+							/* @__PURE__ */ C("option", {
 								value: "",
 								children: "Any Rating"
 							}),
-							/* @__PURE__ */ w("option", {
+							/* @__PURE__ */ C("option", {
 								value: "4.5",
 								children: "4.5+ Stars"
 							}),
-							/* @__PURE__ */ w("option", {
+							/* @__PURE__ */ C("option", {
 								value: "4.0",
 								children: "4.0+ Stars"
 							}),
-							/* @__PURE__ */ w("option", {
+							/* @__PURE__ */ C("option", {
 								value: "3.5",
 								children: "3.5+ Stars"
 							})
 						]
 					}),
-					/* @__PURE__ */ T("select", {
-						value: P,
-						onChange: (e) => F(e.target.value),
+					/* @__PURE__ */ w("select", {
+						value: F,
+						onChange: (e) => I(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", {
+							/* @__PURE__ */ C("option", {
 								value: "",
 								children: "Any Price"
 							}),
-							/* @__PURE__ */ w("option", {
+							/* @__PURE__ */ C("option", {
 								value: "low",
 								children: "Under ₹300"
 							}),
-							/* @__PURE__ */ w("option", {
+							/* @__PURE__ */ C("option", {
 								value: "medium",
 								children: "₹300 - ₹800"
 							}),
-							/* @__PURE__ */ w("option", {
+							/* @__PURE__ */ C("option", {
 								value: "high",
 								children: "₹800+"
 							})
 						]
 					}),
-					/* @__PURE__ */ T("select", {
-						value: I,
-						onChange: (e) => L(e.target.value),
+					/* @__PURE__ */ w("select", {
+						value: L,
+						onChange: (e) => R(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", {
+							/* @__PURE__ */ C("option", {
 								value: "rating",
 								children: "Highest Rated"
 							}),
-							/* @__PURE__ */ w("option", {
+							/* @__PURE__ */ C("option", {
 								value: "popularity",
 								children: "Most Popular"
 							}),
-							/* @__PURE__ */ w("option", {
+							/* @__PURE__ */ C("option", {
 								value: "distance",
 								children: "Nearest"
 							}),
-							/* @__PURE__ */ w("option", {
+							/* @__PURE__ */ C("option", {
 								value: "newest",
 								children: "Newest"
 							})
 						]
 					}),
-					Q && /* @__PURE__ */ w("button", {
+					te && /* @__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",
@@ -200,55 +211,55 @@ function D() {
 					})
 				]
 			}),
-			X.length > 0 ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("div", {
+			Z.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", {
+				children: Z.map((e) => {
+					let n = J.find((t) => t.cartId === e.id);
+					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(y, { 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 +270,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(_, { 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(_, { 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}`),
+											onClick: () => O(`/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}`),
+											onClick: () => O(`/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);
+												W(e), H(!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(h, { className: "h-3.5 w-3.5" })
 										})
 									]
 								})
@@ -343,21 +354,21 @@ function D() {
 						})]
 					}, e.id);
 				})
-			}), Z && /* @__PURE__ */ w("div", {
+			}), Q && /* @__PURE__ */ C("div", {
 				className: "mt-8 text-center",
-				children: /* @__PURE__ */ w("button", {
+				children: /* @__PURE__ */ C("button", {
 					type: "button",
-					onClick: () => z((e) => e + 9),
+					onClick: () => B((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: k ? "empty-search" : "empty-data",
 					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: k ? `No results for"${k}". 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,171 +376,171 @@ function D() {
 					})
 				})
 			}),
-			B && H && /* @__PURE__ */ w("div", {
+			V && U && /* @__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),
+									onClick: () => H(!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", {
-									src: H.image,
-									alt: H.name,
+								children: /* @__PURE__ */ C("img", {
+									src: U.image,
+									alt: U.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
+								children: U.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(y, { 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
+											children: U.rating
 										}),
-										/* @__PURE__ */ T("span", {
+										/* @__PURE__ */ w("span", {
 											className: "text-xs text-text-secondary",
 											children: [
 												"(",
-												H.totalRatings,
+												U.totalRatings,
 												" reviews)"
 											]
 										})
 									]
-								}), /* @__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"),
-									children: H.isOpen ? "Open" : "Closed"
+								}), /* @__PURE__ */ C("span", {
+									className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium", U.isOpen ? "bg-status-success-bg-subtle/20 text-status-success-text" : "bg-status-error-bg-subtle/20 text-status-error-text"),
+									children: U.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(_, { className: "h-3 w-3" }), " Location"]
+										}), /* @__PURE__ */ C("p", {
 											className: "mt-1 text-sm text-text-primary",
-											children: H.location.address
+											children: U.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(ee, { className: "h-3 w-3" }), " Category"]
+										}), /* @__PURE__ */ C("p", {
 											className: "mt-1 text-sm text-text-primary",
-											children: H.category
+											children: U.category
 										})]
 									}),
-									H.averageOrderValue && /* @__PURE__ */ T("div", {
+									U.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 })
+											children: o(U.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"]
+											children: [U.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)
+											children: s(U.distance)
 										})]
 									}),
-									H.isVerified && /* @__PURE__ */ T("div", {
+									U.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", {
+							U.serviceTypes && U.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: U.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", {
+							U.businessHours && Object.keys(U.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(U.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}`);
+										H(!1), O(`/customer/carts/${U.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-bg-sunken text-text-secondary cursor-not-allowed"),
-									children: H.isOpen ? "View Menu" : "Currently Closed"
-								}), /* @__PURE__ */ w("button", {
+									disabled: !U.isOpen,
+									className: t("flex-1 rounded-lg py-2.5 text-sm font-medium transition-opacity", U.isOpen ? "bg-foreground text-background hover:opacity-90" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
+									children: U.isOpen ? "View Menu" : "Currently Closed"
+								}), /* @__PURE__ */ C("button", {
 									type: "button",
-									onClick: () => V(!1),
+									onClick: () => H(!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",
 									children: "Close"
 								})]
@@ -542,6 +553,6 @@ function D() {
 	});
 }
 //#endregion
-export { D as CartDiscoveryPage };
+export { O as CartDiscoveryPage };
 
 //# sourceMappingURL=CartDiscoveryPage.js.map